html {
    height: 100%;
}

body {
    margin: 0;
    padding: 0;
    color: #696969;
    background-color: #F2F3F1;
    /*height: 100%;*/
    font-family: helvetica;
    font-size: 12px;
}

h4{
    font-size: 12px;
}

h3{
    font-size: 16px;
}

h2{
    font-size: 18px;
}

select{
    font-weight: 500 !important;
    padding-left: 5px !important;
}


/*clearfix
-------------------------------------------------------------------------------*/
.clearfix {
 overflow: hidden;
 clear:both;
}

.clearfix:after {
 content: "";
 display: block;
 clear: both;
 height: 1px;
 overflow: hidden;
}

* html .clearfix {
 height: 1em;
 overflow: visible;
}
td.table-list-self-td-date {
    font-size: 13px;
    /* width:130px; */
    /* text-align: left !important; */
}
div#div-sub-tab-2-3 {
    text-align: left;
    padding: 15px 12px;
}
div#tab-3 {
    padding: 15px;
}
#select-thankyou-message-1, #select-thankyou-message{
    margin-left: 35px;
}
.self-div-current-open-survey {
    text-align: right;
}

.div-takeout-container {
    margin-top: 10px;
    display: inline-flex;
}
img.img-survey-image {
    margin-left: 5px;
    margin-bottom: 10px;
    max-width: 100px;
    max-height: 75px;
}

.respondents-comment-label {
    color: #000;
    font-weight: normal;
    font-size: 13px;
}

.self-survey-comment-number {
    font-size: 12px;
    font-weight: normal;
}

table.table-column-style-3 {
    width: 100%;
}

.link-user-name {
    font-size: 13px;
    /*font-weight: 600;*/
    color: #0c436c;
}

.div-question-comment {
    font-size: 14px;
    color: #999;
}

tr.tr-vertical-align-top {
    vertical-align: top;
    word-break: break-word;
}

tr.tr-vertical-align-botton {
    vertical-align: bottom;
}

.list-self-survey-question-title:hover {
    text-decoration: underline;
}

img.img-table-self-survey {
    max-width: 100px;
    max-height: 75px;
    margin-top: 5px;
    border: solid 1px #e1e1e1;
    cursor: pointer;
    margin-left: 20px;
}

img.img-self-survey-show {
    max-height: 470px;
}

div#div-show-image-container {
    text-align: center;
}

input.text-box-answer.form-control {
    height: 30px;
}

div.div-survey-table-attachment {
    margin-top: 5px;
    margin-bottom: 10px;
}

span.span-current-open-survey-number {
    font-weight: bold;
    color: #e17235;
    font-size: 22px;
    margin-right: 20px;
}

table.table-list-self-survey {
    width: 100%;
    /*margin-top: 20px;*/
}
.table-setting-title {
    margin-top: 20px;
    width: 100%;
    margin-left: 10px;
}

.slt-survey-category {
    width: 150px;
    height: 30px;
    margin-top: 10px;
    border-radius: 5px;
    padding: 0px 5px;
    font-size: 14px;
}

.div-user-self-survey-info {
    font-size: 13px;
    float: left;
}

.div-self-survey-content {
    margin-bottom: 20px;
    font-size: 13px;
}

tr.table-list-self-survey-header {
    height: 40px;
    /* border: 1px solid #d9d9d9; */
    text-align: center;
    font-weight: bold;
}

span#span-modal-survey-title {
    font-weight: bold;
    color: #666;
}

.list-self-survey-question-title {
    /*font-weight: bold;*/
    color: #0c436c;
    margin-bottom: 5px;
    position: relative;
}
/*.table-list-self-td-question{
        font-size: 14px;
    }*/
.self-choice-label {
    margin-bottom: 10px;
}

.list-self-survey-answer-title {
    margin-left: 15px;
}

td.table-list-self-survey-date {
    border-right: solid 1px #d9d9d9;
    width: 11%;
    /* text-align: center; */
    /* width: 148px; */
    text-align: left;
}
td.table-list-self-survey-target{
    border-right: solid 1px #d9d9d9;
    width: 9%;
    text-align: center;
}

td.table-list-self-survey-author {
    border-right: solid 1px #d9d9d9;
    width: 11%;
}

.select-survey-status {
    height: 30px;
    width: 200px;
    padding: 0px 10px;
    border-radius: 5px;
}

td.table-list-self-survey-question {
    border-right: solid 1px #d9d9d9;
    width: 36%;
}

td.table-list-self-survey-information {
    border-right: 1px solid #d9d9d9;
    width: 11%;
}

.self-survey-share-number {
    font-weight: normal;
    font-size: 13px;
}

td.table-list-self-survey-status {
    width: 20%;
}

.div-table-self-survey-command {
    padding-bottom: 10px;
}

tr.table-list-self-tr-content {
    background-color: #fff;
    border: 1px solid #d9d9d9;
    vertical-align: top;
}

tr.table-list-self-tr-content > td {
    border: 1px solid #d9d9d9;
    padding: 10px;
}

td.table-list-self-td-status {
    text-align: center;
    font-weight: bold;
}

.self-survey-approved {
    margin-top: 10px;
}

.self-survey-open {
    color: #7bae72;
    margin-top: 10px;
}

.self-survey-close {
    margin-top: 10px;
}

.self-survey-rejected {
    color: #a3a3a3;
    margin-top: 10px;
}

.pagging-container {
    text-align: center;
    background-color: #fff;
    padding: 0px 0px 10px 0px;
}

input, select, span, a, button {
    font-family: helvetica;
}

.matrix-bar-answer {
    margin-left: 30px;
    width: 90%;
}

.image-choice-description {
    text-align: center;
    color: #999;
}

div-image-answers .martrix-bar-answer-label {
    text-align: left;
}

img {
    border: 0px;
    border-image: none;
}

a:hover, a:focus {
    cursor: pointer;
    text-decoration: none;
}

textarea:focus, input:focus {
    outline: 0;
}

*:focus {
    outline: 0;
}

.logo-h {
    padding: 5px;
    height: 50px;
    margin-left:14px;
}

.appname {
    color: #666666;
    display: block;
    font-size: 24px;
    padding-left: 14px;
    padding-top: 36px;
}

input[type="radio"], input[type="checkbox"] {
    cursor: pointer;
    margin-right: 4px;
    margin-left: 4px;
}

.husername {
    font-size: 16px;
    padding-left: 14px;
    /*padding-top: 21px;*/
    color: #777777;
    display: block;
}

#header-nav {
    width: 100%;
    height: 69px;
    background-color: #f0f0f0;
    border-bottom: solid 1px #d9d9d9;
}

.search-box-country, .search-box-email {
    float: left;
    width: 50%;
}

.search-box-country > div:first-child {
    float: left;
    padding-top: 16px;
    width: 16%;
}

.search-box-country > div:last-child {
    float: left;
    width: 70%;
    padding-top: 10px;
}

.search-box-email > div:first-child {
    float: left;
    padding-top: 16px;
    width: 12%;
}

.search-box-email > div:last-child {
    float: left;
    width: 88%;
    padding-top: 10px;
}

.div-container-button {
    border-bottom: 1px solid #e3e3e3;
}

.div-searchbox-css {
    height: 42px;
    padding-left: 20px;
    padding-right: 20px;
}

.div-searchbox-css > select {
    width: 80%;
}

#header-nav-new {
    background-color: #74B336;
    height: 50px;
    left: 0;
    padding-bottom: 10px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100;
}

#header-nav-new > div {
    background-color: #fff;
    border-bottom: 1px solid #d8d8d8;
    height: 50px;
    width: 100%;
}

#header-nav-new ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: block;
    width: 100%;
    /*margin-top:-7px;*/
    height: 50px;
}

#header-nav ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: block;
}

.hlilanguage {
    /*border-top: 5px solid #3A5D65;*/
    position: relative;
    float: right;
    padding-left: 10px;
    padding-right: 10px;
    border-right: 1px solid #dddddd;
    height: 50px;
    display: flex;
    align-items: center;
}

.hliusername {
    /*border-top: 5px solid #DABCB1;*/
    position: relative;
    float: right;
    padding-left: 10px;
    padding-right: 10px;
    height: 50px;
    display: flex;
    align-items: center;
}

.hliuseravatar {
    /*border-top: 5px solid #DABCB1;*/
    float: right;
    padding-left: 10px;
    padding-right: 10px;
    border-right: 1px solid #dddddd;
    height: 50px;
    display: flex;
    align-items: center;
}

.hlilast {
    border-top: 5px solid #3A5D65;
    float: right;
    width: 70px;
}

.userloggedbox {
    list-style-type: none;
    margin: 0;
    padding: 0;
    box-shadow: 0 0 10px #888888; /*CSS3 shadow*/
    -moz-box-shadow: 0 0 10px #888888;
    -webkit-box-shadow: 0 0 10px #888888;
}

.userloggedbox li {
}

.buddleuserlogged {
    position: absolute;
    min-width: 170px;
    height: 90px;
    top: 50px;
    right: -4px;
    background: #FFFFFF;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 14px;
    padding: 5px 10px;
    z-index: 1000;
    display: none;
    -moz-box-shadow: 0px 0px 4px #999;
    -webkit-box-shadow: 0px 0px 4px #999;
    box-shadow: 0px 0px 4px #999;
}

.buddleuserlogged:after {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 0 15px 15px;
    border-color: #FFFFFF transparent;
    display: block;
    width: 0;
    z-index: 1;
    top: -15px;
    right: 3px;
}

.buddleuserlogged:before
{
    content: "";
    position: absolute;
    top: -15px;
    right: 3px;
    border-style: solid;
    border-width: 0 15px 15px;
    border-color: #999 transparent;
    display: block;
    width: 0;
    z-index: 0;
}

.buddlelanguages {
    position: absolute;
    width: 118px;
    height: 90px;
    top: 50px;
    right: -4px;
    background: #FFFFFF;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 14px;
    padding: 5px 10px;
    z-index: 1000;
    display: none;
    -moz-box-shadow: 0px 0px 4px #999;
    -webkit-box-shadow: 0px 0px 4px #999;
    box-shadow: 0px 0px 4px #999;
}

.buddlelanguages:after {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 0 15px 15px;
    border-color: #FFFFFF transparent;
    display: block;
    width: 0;
    z-index: 1;
    top: -15px;
    right: 3px;
}

.buddlelanguages:before
{
    content: "";
    position: absolute;
    top: -15px;
    right: 3px;
    border-style: solid;
    border-width: 0 15px 15px;
    border-color: #999 transparent;
    display: block;
    width: 0;
    z-index: 0;
}

.buddlehelp {
    position: absolute;
    width: 150px;
    height: 90px;
    top: 50px;
    right: -4px;
    padding: 5px 10px;
    background: #FFFFFF;
    font-size: 14px;
    z-index: 1000;
    display: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: 0px 0px 4px #999;
    -webkit-box-shadow: 0px 0px 4px #999;
    box-shadow: 0px 0px 4px #999;
}

.buddlehelp:after {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 0 15px 15px;
    border-color: #FFFFFF transparent;
    display: block;
    width: 0;
    z-index: 1;
    top: -15px;
    right: 3px;
}

.buddlehelp:before
{
    content: "";
    position: absolute;
    top: -15px;
    right: 3px;
    border-style: solid;
    border-width: 0 15px 15px;
    border-color: #999 transparent;
    display: block;
    width: 0;
    z-index: 0;
}

.dropdownmenuuser {
    list-style-type: none;
}

.dropdownmenuuser li {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 7px;
}

.dropdownmenuuser > li:hover {
    background-color: #e1edee;
}

.ullogoheader {
    float: left;
}

.ullogoheadernew li {
    display: inline-block;
    float: left;
}

.ullogoheader li {
    display: inline-block;
    float: left;
}

.uluserlogin {
    float: right;
}

.useravatarm {
    border-radius: 5px;
    float: left;
    max-height: 30px;
    margin-left: 5px;
    margin-right: 5px;
    /*margin-top: 13px;
    max-width: 32px;*/
}

.useravatar {
    max-height: 50px;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 5px;
    max-width: 50px;
    float: left;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
}

.company-logo{
    max-height: 60px;
    float: left;
    cursor: pointer;
    border: 1px solid #ccc;
}

.uluserlogin1 {
    line-height: 25px;
}

.uluserlogin2 {
    min-width: 300px;
}

.uluserlogin2 li {
    float: left;
}

.loginname {
    color: #333333;
    display: block;
    padding-top: 8px;
    font-weight: bold;
}

.submenuuser {
    color: #666666;
    padding-right: 8px;
}

.submenuuserend {
    color: #666666;
    width: 76px;
    border: 0px;
    background-color: #F0F0F0;
    padding-left: 7px;
}

.divider {
    border-right: solid 1px #d9d9d9;
    padding-right: 8px;
}

#mainbody {
    /*width: 1240px;*/
    display: block;
    margin: 0 auto;
    margin-top: 50px;
    min-height: 400px;
}

#leftnav {
    width: 258px;
    height: 100%;
    float: left;
    position: fixed;
    background-color: #1b3f6b;
}

#leftnav1 {
    /*border-right:solid 1px #d9d9d9;*/
    width: 354px;
    height: 100%;
    display: block;
    float: left;
    left: 50px;
    margin-top: 10px;
}

#leftnav12 {
    /*border-right:solid 1px #d9d9d9;*/
    width: 354px;
    height: 100%;
    display: block;
    float: left;
    left:50px;
    margin-top: 10px;

}

#footer {
    width: 100%;
    height: 35px;
    background-color: inherit;
    position: absolute;
    color: #7d7d7d;
    display: block;
}

.copyright {
    text-align: center;
    /*margin-left: 34%;*/
    margin-top: 5px;
}

label {
    display: inline-block;
    margin-bottom: 5px;
    font-weight: 500;
    display: block;
    color: #696969;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 12px;
    line-height: 1.42857;
}

.form-control {
    background-color: #FFFFFF;
    background-image: none;
    border: 1px solid #CCCCCC;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #787878;
    display: block;
    font-size: 12px;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
}

.btn.dropdown-toggle, .form-control {
    height: 30px;
}

.language-control {
    background-color: #FFFFFF;
    background-image: none;
    border: 1px solid #CCCCCC;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555555;
    display: block;
    font-size: 14px;
    height: 36px;
    line-height: 1.42857;
    padding: 8px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 100%;
}

.form-group a {
    font-size: 14px;
}

.form-control:focus {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
    border-color: #66AFE9;
    outline: 0 none;
}

.help-block {
    color: #737373;
    display: block;
    margin-bottom: 10px;
    margin-top: 5px;
}

.loginbox {
    display: block;
    width: 400px;
    height: 167px;
    margin: 0 auto;
    padding: 24px !important;
    background: #e8e8e8;
    background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#cccccc));
    background: -webkit-linear-gradient(top, #eeeeee 0%,#cccccc 100%);
    background: -o-linear-gradient(top, #eeeeee 0%,#cccccc 100%);
    background: linear-gradient(to bottom, #e8e8e8 0%,#cccccc 100%);
    border: 1px solid #bbb !important;
    border-top: none !important;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, .1);
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -o-border-radius: 6px;
    -khtml-border-radius: 6px;
}

.loginboxcontent {
    width: 100%;
}

.loginboxcontent table {
    width: 100%;
}

.homeintroduction {
    padding: 20px;
    height: 100%;
    background-color: #F6F4F0;
}

a.button.large.register-button {
    position: relative;
}

.button.large {
    background: #ebebeb;
    background: -webkit-gradient(linear,left top,left bottom,from(white),to(#ebebeb));
    background: -moz-linear-gradient(top,white,#ebebeb);
    background-image: linear-gradient(to bottom,#fff 0,#ebebeb 100%);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #0085cc;
    border: 1px solid #aaa;
    display: inline-block;
}

.button.large, .button.small, .button.disabled.large:hover, .button.disabled.small:hover {
    border: 1px solid;
    border-color: #b9b9b9 #bababa #bababa #b9b9b9;
    color: #666;
    background-color: #e5e5e5;
    background-image: none;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#d1d1d1));
    background-image: -webkit-linear-gradient(top, #fff, #d1d1d1);
    background-image: -moz-linear-gradient(top, #fff, #d1d1d1);
    background-image: -o-linear-gradient(top, #fff, #d1d1d1);
    background-image: linear-gradient(to bottom, #fff, #d1d1d1);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.button.large {
    height: 31px;
    padding: 0 26px;
    font-size: 13px;
    line-height: 30px;
}

.button.large, .button.small {
    display: inline-block;
}

a:link, a:visited, a:active {
    text-decoration: none;
}

.button, .large {
    padding: 0px !important;
    height: auto !important;
}

.button, .button span, .button input {
    color: #333;
    text-shadow: 0px 1px 1px #fff;
    -webkit-font-smoothing: subpixel-antialiased;
}

.button {
    display: inline;
    padding: 4px 0 6px 10px;
    font-size: 12px;
    text-align: center;
    font-weight: bold;
    zoom: 1;
}

.button.large span {
    padding: 2px 24px 2px 24px !important;
    display: block;
    font-weight: normal;
    color: #0085cc;
}

.button.large.blue {
    color: #ffffff !important;
    border-top-color: #1992da;
    border-left-color: #0c75bb;
    border-right-color: #0c75bb;
    border-bottom-color: #00589c;
    -webkit-box-shadow: inset 0 1px 1px 0 #6fc5f5;
    box-shadow: inset 0 1px 1px 0 #6fc5f5;
    background: #117ed2;
    background: -webkit-gradient(linear,left top,left bottom,from(#37aaea),to(#117ed2));
    background: -moz-linear-gradient(top,#37aaea,#117ed2);
    background-image: -o-linear-gradient(top,#37aaea 0,#117ed2 100%);
    background-image: linear-gradient(to bottom,#37aaea 0,#117ed2 100%);
    margin-left: 20px;
}

.button.large.blue span {
    color: #ffffff;
    text-shadow: 0 1px 1px #C1C1C1;
}

.mainbodycontent {
    display: block;
    width: 100%;
}

.mainbodyheader {
    width: 100%;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    margin-bottom: 20px;
}

.mainbodyheadertoolbar {
    text-align: right;
}

.mainbodyheadertitles {
    width: 50%;
    vertical-align: middle;
}

.mainbodyheadertitles h2 {
    margin-bottom: 0px;
    padding-right: 20px;
    margin-top: 0px;
    color: #78A7B1;
    font-size: 18px;
    margin-bottom: 0;
    margin-top: 0;
}

.menupanelbox {
    /*    -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;*/
}

.menupanelboxchatting {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.menuheaderbox {
    background-color: #baa878;
    padding: 10px 15px;
    color: #ffffff;
    font-size: 18px;
    font-weight: bold;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    -moz-border-top-left-radius: 5px;
    -moz-border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    background-color: #baa878;
}

.tablesurveys {
    width: 100%;
    border-collapse: collapse;
    font-size: 12px;
    border-radius: 0px 0px 5px 5px;
}

.tablesurveys th {
    border: 1px solid #D9D9D9;
    background-color: #F0F0F0;
    padding-bottom: 14px;
    padding-top: 12px;
    font-size: 14px;
    text-align: center;
}

.tablesurveys td {
    border-top: 1px solid #D9D9D9;
    background-color: #ffffff;
    text-align: center;
    padding-left: 8px;
    padding-right: 10px;
    font-size: 14px;
}

.trsuveyheader {
    font-weight: bold;
    /* font-size: 12px; */
}

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

.listsurveytype {
    width: 62px;
}

.listsurveycategory {
    width: 70px;
}

.listsurveycustomer {
    width: 70px;
}

.listsurveystatus {
    width: 50px;
}

.listsurveypoints {
    width: 60px;
}

.numberofresponse {
    width: 76px;
}

.responseratevstarget {
    width: 98px;
}

.listsurveydatecreated {
    width: 130px;
}

.listsurveydateupdated {
    width: 130px;
}

.listsurveyauthor {
    width: 150px;
}

.listsurveyactions {
    width: 142px;
}

.icon16 {
    width: 20px;
    padding-left: 3px;
    cursor: pointer;

}
.icon16lr{
    margin-left: 8px;
    margin-right:8px;
}

#table-matrix-css > tbody > tr > th {
    font-size: 14px;
    padding: 4px 7px;
    text-align: left;
    vertical-align: top;
}

#table-not-matrix-css > tbody > tr > th {
    vertical-align: top;
    font-size: 12px;
}

#table-not-matrix-css > tbody > tr > th:first-child {
    width: 560px;
}

.listsurveytitlerow {
    text-align: left;
    /*    padding-bottom: 15px;
        padding-top: 15px;*/
    padding: 0px 10px;
}

.leftmenuchatting {
    color: #8A959E;
    line-height: 19px;
    list-style-type: none;
    margin-left: 0px;
    padding-left: 0;
    padding-right: 0px;
    margin-top: 5px;
}

.leftmenuchattingrow {
}

.leftmenuchattingrow h3 {
    margin-top: 1px;
    margin-bottom: 1px;
    font-size: 18px;
    padding-left: 5px;
}

.boxmain {
    background-color: #F2F3F1;
}

.boxheaderchatting {
}

.boxquestionschatting {
}

.listquestionchatting {
    line-height: 29px;
    list-style-type: none;
    margin: 0;
    padding: 0;
    margin-top: 20px;
}

.listquestionchatting li {
    /*
        border-radius: 12px;
        -moz-border-radius: 12px;
        -webkit-border-radius: 12px;

        background-color:#ffffff;
    */
    margin-bottom: 20px;
}

.listpanelistendchatting {
    line-height: 29px;
    list-style-type: none;
    margin: 0;
    padding: 0;
    margin-top: 20px;
}

.listpanelistendchatting li {
    background-color: #ffffff;
    margin-bottom: 1px;
    padding: 20px;
}

.givingpointbox {
    margin-left: 60px;
}

.chatavatarbox {
    float: left;
}

a {
    color: #696969; /*#8A959E;*/
    text-decoration: none;
    font-family: helvetica;
}

.chatavatar {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    height: 50px;
    width: 50px;
}

.chatusertitle {
    color: #698d69;
    font-size: 18px;
    font-weight: bold;
}

.chattobox {
    display: block;
    padding-left: 20px;
    padding-top: 10px;
}

.chattoboxtitle {
    font-size: 18px;
    font-weight: bold;
    color: #AEB1C5;
}

.chattoboxname {
    font-size: 12px;
    font-weight: bold;
    padding-left: 10px;
}

.chatquestiontitle {
    color: #515151;
    display: block;
    font-weight: bold;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
    width: 683px;
    word-wrap: break-word;
}

.chatlistanswer {
    display: block;
    line-height: 29px;
    list-style-type: none;
    padding-left: 20px;
    padding-right: 14px;
}

.chatlistanswer li {
    padding: 0px;
    margin: 0px;
}

.chattingmsgsanswer {
    display: block;
    line-height: 29px;
    list-style-type: none;
    padding-left: 20px;
    padding-right: 14px;
    /*
            max-height:500px;
            overflow-x:auto;
    */
}

.chattingmsgsanswer li {
    padding: 0px;
    margin: 0px;
}

.chatanswertitle {
    color: #999999;
    padding-top: 5px;
    padding-bottom: 5px;
    width: 731px;
    word-wrap: break-word;
}

.chatanswertitle1 {
    color: #999999;
    padding-top: 5px;
    padding-bottom: 5px;
    word-wrap: break-word;
}

.votebutton {
    background-color: #df7079;
    border: 1px solid #FFFFFF;
    border-radius: 28px;
    -webkit-border-radius: 28px;
    -moz-border-radius: 28px;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-family: arial;
    font-size: 14px;
    padding: 1px 18px;
    text-decoration: none;
    text-shadow: 0 1px 0 #B23E35;
}

.numberofvote {
    background-color: #A5D296;
    border: 0 solid #000000;
    border-radius: 12px;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    color: #FFFFFF;
    font-size: 14px;
    left: -13px;
    padding: 2px 7px;
    position: relative;
    top: -10px;
}

.chatavatarfriendbox {
    float: left;
}

.chatavatarfriend {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    float: left;
    height: 34px;
    width: 34px;
}

.friendanswermessagebox {
    line-height: 17px;
    margin-left: 38px;
    padding-bottom: 8px;
    padding-top: 0;
}

.friendanswermsgbox {
    line-height: 17px;
    margin-left: 3px;
    padding-bottom: 8px;
    padding-top: 0;
}

.delcomment {
    padding: 6px 6px;
}

.firstcolumn {
    width: 32px;
    vertical-align: top;
}

.middlecolumn {
    width: 295px;
    vertical-align: top;
}

.lastcolumn {
    width: 295px;
    text-align: right;
    vertical-align: top;
    padding-left: 180px;
}

.chatfriendname {
    color: #7a3433;
    display: block;
    font-size: 14px;
    font-weight: bold;
}

.span-current-open-survey-label{
    float: left;	
    margin-left: 6px;
}

.self-div-current-open-survey{
    height: 40px;
}

.div-survey-filter{
    float: right;
    padding-top:9px;
}

.div-survey-filter input{
    float: left;
    width: 14px; height:14px;
}

.div-survey-filter label{
    float: left;
    cursor: pointer;
    margin-right: 16px;
}
.friendanswermessage {
    color: #8A959E;
    font-size: 14px;
    padding-bottom: 5px;
    padding-top: 5px;
    word-wrap: break-word;
    padding-right: 20px;
    /*width:369px;*/
}

.friendanswermessage1 {
    color: #8A959E;
    font-size: 12px;
    padding-bottom: 5px;
    padding-top: 5px;
    word-wrap: break-word;
}

.friendanswerdatetime {
    color: #8A959E;
    font-size: 12px;
}

.hline {
    background-image: -moz-linear-gradient(left center, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0));
    border: 0 none;
    height: 1px;
}

#maincontent {
    margin-left: 250px;
}

#mainbody #maincontent.no-left-filter {
    margin-left: 0px !important;
}

#maincontent1 {
    margin-left: 403px;
    padding:10px;
}

#maincontent12 {
    margin-left: 404px;
    padding: 10px 20px;
}
.h-pnl-top{

    margin-top: 10px;
    margin-bottom: 10px;

}

.chattingadminmessagebox {
}

.questionmessagetextbox {
    border: 1px solid #C9C9C9;
    width: 480px;
}

.boxheaderchatting h3 {
    margin: 0px;
    padding: 0px;
}

.qtypetitle {
    color: #8A959E;
}

.qtactive {
    color: #667BD4;
    background-color: #ffffff;
    border: 1px solid #FFFFFF;
    border-radius: 28px;
    -webkit-border-radius: 28px;
    -moz-border-radius: 28px;
    padding: 0 9px 2px 9px;
}

.addanswersbox {
}

.addanswersbox ul {
    margin-left: 0px;
}

.chattingtitle {
    color: #0b436a;
    font-weight: bold;
}

.chattingtitlebox h4 {
    font-size: 24px;
    margin-bottom: 5px;
    margin-top: 5px;
    font-weight: normal;
}

.listpanelistchatting {
    color: #8A959E;
    line-height: 19px;
    list-style-type: none;
    margin-left: 0px;
    padding-left: 10px;
    padding-right: 0px;
    padding-top: 15px;
    max-height: 168px;
    overflow-y: auto;
    margin-right: 15px;
    background-color: #ffffff;
}

.listpanelistchatting li {
    margin-bottom: 5px;
}

.plistchatingimgbox {
    float: left;
    width: 32px;
    height: 32px;
    margin-left: 3px;
}

.plistinfochating {
    line-height: 17px;
    margin-left: 60px;
    padding-bottom: 8px;
    padding-top: 0;
}

.plistinfochatingstatus {
    font-size: 12px;
}

.plistinfochatingname {
    font-size: 12px;
}

.statusonline {
    color: #a5d296;
}

.statusoffline {
    color: #8A959E;
}

.plistchatingtoolbox {
    font-size: 12px;
    padding-bottom: 3px;
}

.inviteplistchatspan {
    float: right;
    background-color: #ffffff;
    border: 1px solid #FFFFFF;
    border-radius: 28px;
    -webkit-border-radius: 28px;
    -moz-border-radius: 28px;
    padding: 0 9px 2px 9px;
}

.plistchatingheaderbox {
    background-color: #BAA878;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-top: 10px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-top-left-radius: 5px;
    -moz-border-top-right-radius: 5px;
    color: #ffffff;
    font-size: 18px;
    margin-right: 15px;
}

.leftrowbox {
    margin-bottom: 15px;
}

.leftqrowbox {
    margin-top: 1px;
}

.qchatingheaderbox {
    padding-right: 15px;
    color: #ffffff;
    font-size: 18px;
    background-image: url("../images/adminmenuarrow.png");
    background-position: right 0;
    background-repeat: no-repeat;
}

.hilingmenu {
    padding: 4px 3px 3px 4px;
    background-color: #65a4b1;
}

.qchatingheaderbox h3 {
    margin-bottom: 0;
    margin-top: 0;
    padding-left: 5px;
    font-size: 16px;
    padding-top: 8px;
    padding-bottom: 8px;
}

.listqchatting {
    color: #8A959E;
    line-height: 25px;
    list-style-type: none;
    margin-left: 0px;
    padding-left: 3px;
    padding-right: 0px;
    margin-top: 5px;
}

.chatquestiontoolbox {
    background-color: #FFFFFF;
    padding-bottom: 10px;
    padding-left: 15px;
    padding-top: 10px;
    display: inline-block;
    width: 254px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-bottom-left-radius: 5px;
    -moz-border-bottom-right-radius: 5px;
    box-shadow: 0 1px 0px #d9d9d9;
    text-align: right;
}

.chatlastmenutoolbox {
    margin-right: 15px;
    padding-bottom: 0;
    padding-left: 5px;
    padding-top: 5px;
}

.leftsendbutton {
    background-color: #A5D296;
    border: 1px solid #FFFFFF;
    border-radius: 28px;
    -webkit-border-radius: 28px;
    -moz-border-radius: 28px;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-family: arial;
    font-size: 14px;
    padding: 1px 18px;
    text-decoration: none;
    text-shadow: 0 1px 0 #B23E35;
}

.preparedqbox {
    max-height: 209px;
    overflow-y: auto;
    margin-right: 15px;
    background-color: #ffffff;
    padding-bottom: 20px;
    padding-top: 20px;
    padding-left: 10px;
    padding-right: 10px;
}

.preparedqtable {
    width: 240px;
    border-collapse: collapse;
    table-layout: fixed;
    word-wrap: break-word;
}

.preparedqtable td {
    padding-top: 5px;
    padding-bottom: 5px;
}

.icon64 {
    width: 64px;
    height: 64px;
    float: left;
}

.icon32 {
    width: 32px;
    height: 32px;
    float: left;
}

.icon32center {
    width: 32px;
    height: 32px;
}

.endchatrow {
    height: 34px;
    display: block;
}

.endchattitle {
    padding-top: 5px;
    margin-left: 40px;
}

.tablepanelists {
    width: 100%;
    /*float:left;*/
    border-collapse: collapse;
    font-size: 13px;
    font-family: helvetica;
}

.tablepanelists td {
    border-top: 1px solid #f1f1f1;
    border-bottom: 1px solid #f1f1f1;
    background-color: #ffffff;
    text-align: left;
    padding-left: 5px;
    padding-top: 3px;
    padding-bottom: 3px;
    border-collapse: collapse;
    border-spacing: 0px;
}

.tablepanelists .checkadmin {
    text-align: center;
    margin-left: 20px;
}

.tablepanelists .checkadmin1 {
    text-align: center;
    margin-left: 20px;
    padding-top: 12px;
    padding-bottom: 12px;
}

.tablepanelists th {
    border-top: 1px solid #f1f1f1;
    border-bottom: 1px solid #f1f1f1;
    background-color: #ffffff;
    text-align: left;
    padding-top: 3px;
    padding-left: 5px;
    padding-bottom: 3px;
    border-collapse: collapse;
    border-spacing: 0px;
}

.tablepanelists tr {
    border-top: 1px solid #f1f1f1;
    border-bottom: 1px solid #f1f1f1;
    border-collapse: collapse;
    border-spacing: 0px;
}

.tablepanelists {
    width: 100%;
    /*float:left;*/
    border-collapse: collapse;
    font-size: 12px;
}

.tablepanelists1 {
    width: 100%;
    /*float:left;*/
    border-collapse: collapse;
    font-size: 12px;
}

.tablepanelists1 td {
    border-top: 1px solid #f1f1f1;
    background-color: #ffffff;
    text-align: center;
    padding-top: 3px;
    padding-bottom: 3px;
}

.tablepaneliststop {
    width: 100%;
    /*float:left;*/
    border-collapse: collapse;
    font-size: 12px;
}

.tablepaneliststop td {
    border-top: 1px solid #f1f1f1;
    background-color: #ffffff;
    padding-left: 10px;
    padding-top: 15px;
    padding-bottom: 15px;
}

.tablepaneliststop th {
    border-top: 1px solid #f1f1f1;
    background-color: #E3E3E3;
    text-align: center;
    padding-top: 13px;
    padding-bottom: 13px;
    border: 1px solid #fff;
}

.tablepaneliststop .aligntopranking {
    text-align: left;
    padding-left: 10px;
}

.tablepaneliststop tr {
    border-top: 1px solid #f1f1f1;
    border-bottom: 1px solid #f1f1f1;
    background-color: #ffffff;
    border-spacing: 0px;
    border-collapse: collapse;
}


.trpanelistsheader {
    font-weight: bold;
    font-size: 12px;
}

.tablepanelistsdes {
    width: 792px;
    float: left;
    border-collapse: collapse;
    font-size: 12px;
    border: 0px;
    padding-left: 10px;
    table-layout: fixed;
}

.tablepanelistsdes td {
    border: 0px solid #ffffff;
    text-align: left;
    word-wrap: break-word;
}

.selectall {
    width: 20px;
}

.panelistavatar64 {
    width: 64px;
    height: 64px;
}

.panelisttitle {
    color: #000;
    display: block;
    font-size: 14px;
    font-weight: bold;
    padding-left: 1px;
    text-transform: capitalize;
}

.panelisttitle:first-letter {
}

.panelistinresulttitle {
    color: #78A7B1;
    display: block;
    font-size: 16px;
    font-weight: bold;
    padding-left: 1px;
}

.panelistdetailinfo {
    font-size: 12px;
    font-weight: normal;
    color: #999999;
}

.plistinvitestatus {
    font-size: 14px;
    font-weight: normal;
    color: #999999;
    padding-left: 10px;
    padding-right: 10px;
}

.statusaccept {
    color: #667BD4;
    font-weight: bold;
}

.tabledetailbox {
    border-spacing: 1px;
    border-collapse: separate;
}

.tabledetailbox tr {
}

.tabledetailbox tr:hover td {
    background: none repeat scroll 0 0 #ffffff;
}

.tabledetailbox td {
    border-bottom: 1px solid #e2e6e9;
}

.profiletitle {
    font-weight: bold;
    color: #787878;
    font-size: 14px;
    font-family: helvetica,sans-serif,arimo;
}

.profiletitlechild {
    font-weight: bold;
    color: #787878;
    font-size: 14px;
    padding-bottom: 10px;
    display: inline-block;
}

.profilevalue {
    font-weight: normal;
    color: #838383;
    font-size: 13px;
}

.plistfiltertitle {
    width: 50%;
}

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

.tabledetailsearchconditionbox {
    border-spacing: 0px;
    border-collapse: collapse;
    width: 100%;
    min-width: 662;
}

.tabledetailsearchconditionbox tr {
}

.tabledetailsearchconditionbox tr:hover td {
    background: none repeat scroll 0 0 #ffffff;
}

.tabledetailsearchconditionbox td {
    padding: 5px 0px;
}

.tabledetailpanelistfilterbox {
    border-spacing: 0px;
    border-collapse: collapse;
    width: 100%;
}

.tabledetailpanelistfilterbox tr {
}

.tabledetailpanelistfilterbox tr:hover td {
    background: none repeat scroll 0 0 #ffffff;
}

.tabledetailpanelistfilterbox td {
    padding-top: 5px;
    padding-bottom: 5px;
}

.tabledetailplistbox {
    border-collapse: collapse;
    border-spacing: 0px;
    width: 100%;
}

.tabledetailplistbox tr {
}

.tabledetailplistbox tr:hover td {
    background: none repeat scroll 0 0 #ffffff;
}

.tabledetailplistbox td {
    border-bottom: 1px solid #e2e6e9;
    padding-top: 10px;
    padding-bottom: 10px;
}

.tabledetailplistbox1 {
    border-collapse: collapse;
    border-spacing: 0px;
    margin-top: 30px;
}

.tabledetailplistbox1 tr {
}

.tabledetailplistbox1 tr:hover td {
    background: none repeat scroll 0 0 #ffffff;
}

.tabledetailplistbox1 td {
    border: 1px solid #e2e6e9;
    padding-top: 10px;
    padding-bottom: 10px;
}

.detailsearchconditionbox {
    background-color: #F6F4F0;
    padding: 20px;
}

/*.menutopparent {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-top-left-radius: 10px;
    -moz-border-top-right-radius: 10px;
    height: 10px;
    background-color: #fff;
    margin-right: 15px;
    padding-top: 3px;
    padding-bottom: 3px;
}*/

/*.menubottomparent {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-bottom-left-radius: 10px;
    -moz-border-bottom-right-radius: 10px;
    height: 30px;
    background-color: #ffffff;
    margin-right: 15px;
}*/

.menurowparent {
}

.menurowparentactive div > div {
    background-color: #ffffff;
    margin-right: 15px;
}

.menurowparentactive a {
    padding-left: 27px;
    color: #78A7B1;
}

.menurowparent div {
    /* margin-right: 15px; */
    /* background-color: #ffffff; */
    padding-bottom: 5px;
    padding-top: 5px;
    border-bottom: 1px solid;
}

.menurowparent div > a {
    color: #adb4ce;
    padding-left: 27px;
}

.leftmenu {
    line-height: 29px;
    list-style-type: none;
    margin: 0;
    padding-left: 0px;
    color: #8A959E;
    font-size: 16px;
    margin-top: 10px;
}

.leftmenu li {
    color: #8A959E;
    font-weight: bold;
}

.leftmenu li > ul {
    display: none;
}

.leftmenu li:hover > ul {
    /*display: block;*/
}

.leftsubmenu {
    line-height: 29px;
    list-style-type: none;
    padding-left: 0px;
    padding-right: 0;
    background-color: #F9F9FA;
}

.leftsubmenu li {
    color: #666666 !important;
    font-weight: normal;
    background-color: #F2F3F1;
}

.leftsubmenu li > div {
    background-color: #ffffff;
    margin-right: 15px;
    padding-left: 27px;
}

.leftsubmenu li > div a {
    color: #666666;
}

.menurow {
    padding-top: 10px;
    padding-bottom: 10px;
}

.menurowactive {
    /*background-image: url("../images/adminmenuarrow.png");*/
    background-position: right 0;
    background-repeat: no-repeat;
}

.leftsubmenuactive {
    background-image: url("../images/adminmenuarrow.png");
    background-position: right 0;
    background-repeat: no-repeat;
    padding-bottom: 0px;
    padding-top: 0px;
}

.leftsubmenuactive div > a {
    color: #ffffff !important;
}

.leftsubmenuactive div {
    padding-bottom: 7px;
    padding-top: 7px;
    background-color: #3D6989 !important;
    padding-left: 27px;
}

.leftsubmenuinactive {
}

.leftsubmenuinactive div {
    background-color: #ffffff;
    padding: 5px 0px 5px 27px;
    margin-right: 15px;
}

.menurowactive div {
    background-color: #e9751c;
    padding-bottom: 7px;
    padding-top: 7px;
    padding-left: 27px;
    /*margin-right: 15px;*/
}

.menurowactive a {
    color: #ffffff;
}

.surveytitletextbox {
    width: 420px;
}

.createsurveytablebox {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding-top: -4px;
}

.createsurveytablebox td {
    padding: 7px 0px;
}

.createsurveytablebox1 {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding-top: 10px;
}

.createsurveytablebox1 td {
    padding: 10px 0px;
}

.createsurveytableboxcoltitle {
    min-width: 165px;
    padding-left: 10px;
}

.prepagebreak {
    height: 1px;
    border-bottom: 1px solid #c1c1c1;
}

.prepagebreak:hover {
    height: 1px;
    border-bottom: 1px solid #c1c1c1;
    background-color: #ffffff;
    /* cursor:url(../images/magnify.cur), -moz-zoom-in, auto; 
   cursor: url(./blank.cur), none;
   cursor: url('../images/cut-icon.png') x y, auto;*/
    height: 32px;
    background: url('../images/cut-icon-32.png') no-repeat left top;
}

#test-area {
    height: 20px;
    border: 3px dashed #CCCCCC;
    background: #FFFFFF;
    padding: 20px;
    cursor: url(./blank.cur), none;
}

#mycursor {
    cursor: none;
    width: 97px;
    height: 137px;
    /*background: url('../images/cut-icon.png') no-repeat left top;*/
    background-color: red;
    position: absolute;
    display: none;
    top: 0;
    left: 0;
    z-index: 10000;
}

#mainbody1 {
    background-color: #F6F4F0;
    display: block;
    width: 100%;
}

.mainbodycontent1 {
    display: block;
    width: 100%;
    background-color: #ffffff;
    margin-top: 20px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    margin-bottom: 20px;
}

.mainbodycontentedit {
    display: block;
    width: 100%;
    background-color: #ffffff;
    margin-top: -23px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    margin-bottom: 20px;
}

.mainbodycontentcreate {
    display: block;
    width: 100%;
    background-color: #ffffff;
    margin-top: 20px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.mainbodycontent2 {
    display: block;
    width: 100%;
    background-color: #F6F4F0;
    min-height: 500px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    min-height: 500px;
}

.mainbodycontent3 {
    display: block;
    width: 100%;
    padding: 10px;
    min-height: 600px;
    /*    margin-bottom: 30px;
        margin-top: 20px;*/
}

#createquestiondialog, #helpContentDialog {
    min-width: 620px;
    display: none;
    background: #FFF;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: 0px 0px 4px rgba(0,0,0,0.7);
    -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.7);
    -moz-box-shadow: 0 0px 4px rgba(0,0,0,0.7);
    top: 80px !important;
}

#videodowndialog {
    background: none repeat scroll 0 0 #fff;
    border-radius: 5px;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.7);
    display: none;
    width: 677px;
    top: 75px !important;
}

#breakdowndialog {
    background: none repeat scroll 0 0 #fff;
    border-radius: 5px;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.7);
    display: none;
    min-width: 700px;
    top: 75px !important;
}

input[name="numberresponse"] {
    height: 28px;
    width: 40px;
    padding-right: 8px;
    text-align: right;
}



.ul-breakdown-item > li {
    list-style: none;
    width: 150px;
    float: left;
    margin-right: 5px;
}

.surveyquestionbox {
    /*border: 1px dashed #CCC;*/
    display: inline-block;
    margin: 0px;
    padding: 0px 20px;
    width: 100%;
}

.surveyeditquestion {
    list-style-type: none;
    display: block;
    width: 902px;
}

.surveyeditquestion li {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 0px;
    word-wrap: break-word;
}

.headercreateq {
    background-color: #0c436c;
    border-bottom: solid 1px #e2e6e9;
    height: 50px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    -moz-border-top-left-radius: 5px;
    -moz-border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
}

.headercreateq h2 {
    padding: 0;
    margin: 0;
    padding: 10px 30px;
    text-align: center;
    color: #ffffff;
    font-weight: 600;
    font-size: 22px;
}

.createqcontent {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    -moz-border-bottom-left-radius: 5px;
    -moz-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    overflow-y: scroll;
    overflow-x: hidden;
}

.createqcontentul {
    line-height: 29px;
    list-style-type: none;
    padding-left: 0px;
    margin: 5px 0px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    -moz-border-bottom-left-radius: 5px;
    -moz-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
}

.createqcontentul li {
    /*border-bottom:solid 1px #d9d9d9;*/
    padding-top: 5px;
    padding-bottom: 10px;
    padding-right: 0px;
    font-weight: normal;
    color: #8a959e;
    text-align: left;
    padding-left: 15px;
    font-size: 18px;
    width: 30%;
    float: left;
    margin-bottom: 10px;
}

.modal_close {
    position: absolute;
    top: 9px;
    right: 12px;
    display: block;
    width: 26px;
    height: 26px;
    background: url(../images/close-m-dialog.png) no-repeat;
    z-index: 2;
}

.language-option-1 {
    position: absolute;
    top: 12px;
    right: 8px;
    display: block;
    width: 32px;
    height: 32px;
    z-index: 2;
}

.language-option-2 {
    position: absolute;
    top: 12px;
    right: 42px;
    display: block;
    width: 32px;
    height: 32px;
    z-index: 2;
}

.footer-help-content {
    padding: 16px 20px;
    background-color: #333;
    color: #fff;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    opacity: 0.8;
    height: 70px;
}

.createqtextboxtitle {
    border: 0 none;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-top: 10px;
    width: 615px;
}

.input-question-content-css {
    border: 0 none;
    padding: 10px;
    width: 900px;
    font-family: arimo,helvetica,arial;
    font-size: 14px;
}

.img-upload-inlude-question {
    cursor: pointer;
    width: 24px;
    margin-bottom: 4px;
}

.img-uploading-inlude-question {
    width: 24px;
    margin-bottom: -6px;
    display: none;
}

div.text-image-option {
    display: none;
}

div.text-image-option-2 {
    margin-top: -8px;
    height: 20px;
}
span.text-image-option > label, div.text-image-option-2 > label,
div.text-image-option > label, div.text-image-option-2 > label {
    cursor: pointer;
}

span.text-image-option > label > input, div.text-image-option-2 > label > input, 
div.text-image-option > label > input, div.text-image-option-2 > label > input {
    float: left;
    margin-top: 3px;
}

span.text-image-option > label > div, div.text-image-option-2 > label > div, 
div.text-image-option > label > div, div.text-image-option-2 > label > div {
    color: #666666;
    float: left;
    font-family: helvetica;
    font-size: 13px;
    padding-left: 2px;
    padding-right: 20px;
    padding-top: 0px;
}

#divcrosstab-question {
    font-size: 12px;
    font-family: helvetica;
}

.div-crosstabquestion-header {
    padding-left: 50px;
}

.createqtextboxtitle1 {
    border: 0 none;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-top: 10px;
    width: 530px;
}

.createqtextboxtitle2 {
    border: 0 none;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-top: 10px;
    width: 710px;
}

.selectquestionbox {
    width: 400px;
    margin-left: 50px;
}

#selecttemplatequestionbox {
    display: none;
}

#selectpastquestionbox {
    display: none;
}



#selectnewquestionbox > span {
    cursor: pointer;
}

.buddle {
    position: relative;
    width: 250px;
    height: 120px;
    padding: 0px;
    background: #DF7079;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 14px;
    padding: 8px 16px;
    color: #ffffff;
    margin-right: 12px;
}

img.margin-bottom-css {
    margin: 2px;
}

div.div-randomize-css {
    /* margin-top: 10px; */
    /* padding-left: 2px; */
    display: none;
    float: left;
    margin-right: 24px;
}

.img-selected-image-2 {
    margin-top: 0px;
    position: absolute;
    margin-left: -57px;
}

.buddle:after {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 15px 15px 0;
    border-color: #DF7079 transparent;
    display: block;
    width: 0;
    z-index: 1;
    bottom: -7px;
    left: 30%;
}

div.div-border-top-line {
    border-top: 1px solid #e3e3e3;
    margin-top: 42px;
    width: 99%;
}

.qtypetoptitle {
    position: relative;
    width: 250px;
    height: 120px;
    padding: 0px;
    /*background: #FFFFFF;*/
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 14px;
    padding: 5px;
    margin-right: 12px;
}

.qtypetoptitlemore {
    position: relative;
    width: 250px;
    height: 120px;
    padding: 0px;
    background: #FFFFFF;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 14px;
    padding: 5px 10px;
}

.answerinput {
    border: 1px solid #dddddd;
    padding: 5px;
    width: 250px;
}

.answerinputbox {
    /*margin-left: 20px;*/
}

.inputquestionbox {
    line-height: 29px;
    list-style-type: none;
    padding-left: 0px;
}

.div-img-add {
    width: 453px;
    float: left;
}

.div-img-add > img {
    cursor: pointer;
}

.inputquestionbox li {
    border: 0px;
    color: #8A959E;
    font-size: 24px;
    font-weight: normal;
    padding: 5px 0 0px 0px;
    text-align: left;
    line-height: 20px;
}

.dialogfooter {
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: left;
    padding-left: 20px;
}

.div-dialogfooter {
    padding: 20px;
    text-align: right;
}

.bottomlinksraquo {
    font-weight: bold;
    color: #ff4800;
}

#leftfilterbox {
    /*border-right:solid 1px #d9d9d9;*/
    width: 350px;
    height: 100%;
    background-color: #ffffff;
    display: block;
    float: left;
}
/* filter */
/*FILTER */
#tabs2 {
    width: 400px;
    margin: 0 auto;
}

.tab2ul {
    padding: 0px;
    margin: 0px;
    padding-left: 5px;
    width: 340px;
    list-style-type: none;
    font-size: 12px;
}

.sedtab2 {
    float: left;
    list-style-type: none;
    padding: 0px;
    margin: 0px;
    border-bottom: 0px solid #f0f0f0;
    background: #9E9B90;
    display: block;
    padding: 10px 43px;
    text-decoration: none;
    color: #ffffff;
    border-radius: 4px 0px 0px 4px;
    border-radius: 4px 0px 0px 4px;
    -moz-border-radius: 4px 0px 0px 4px;
    -webkit-border-radius: 4px 0px 0px 4px;
    margin-left: 5px;
    text-shadow: 0 -1px 0 rgba(68,68,68,0.3);
}

.sedtab2a {
    float: left;
    list-style-type: none;
    padding: 0px;
    margin: 0px;
    border-bottom: 0px solid #f0f0f0;
    display: block;
    padding: 10px 40px;
    text-decoration: none;
    color: #ffffff;
    background: #9E9B90;
    text-shadow: 0 -1px 0 rgba(68,68,68,0.3);
}

.sedtab2b {
    float: left;
    list-style-type: none;
    padding: 0px;
    margin: 0px;
    border-bottom: 0px solid #f0f0f0;
    background: #9E9B90;
    display: block;
    padding: 10px 20px;
    text-decoration: none;
    color: #ffffff;
    border-radius: 0px 4px 4px 0px;
    border-radius: 0px 4px 4px 0px;
    -moz-border-radius: 0px 4px 4px 0px;
    -webkit-border-radius: 0px 4px 4px 0px;
    text-shadow: 0 -1px 0 rgba(68,68,68,0.3);
}

#tabs2 {
    padding-left: 0px;
    padding-top: 10px;
    width: 350px;
    margin-top: 0px;
    margin-bottom: 0px;
}


#tabs_container {
    padding: 20px;
    position: relative;
    background-color: #FFFFFF;
}

#tabs_container div {
    /* margin-right: 40px;*/
}


.transition {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    -webkit-transition-delay: .3s;
    -moz-transition-delay: .3s;
    -o-transition-delay: .3s;
    -ms-transition-delay: .3s;
    transition-delay: .3s;
}

.make_transist {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.hidescale {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -o-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    filter: alpha(opacity=0);
    opacity: 0;
}

.showscale {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transition-delay: .3s;
    -moz-transition-delay: .3s;
    -o-transition-delay: .3s;
    -ms-transition-delay: .3s;
    transition-delay: .3s;
}

.hideleft {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
}

.showleft {
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -o-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transition-delay: .3s;
    -moz-transition-delay: .3s;
    -o-transition-delay: .3s;
    -ms-transition-delay: .3s;
    transition-delay: .3s;
}

.hidescaleup {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
}

.showscaleup {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transition-delay: .3s;
    -moz-transition-delay: .3s;
    -o-transition-delay: .3s;
    -ms-transition-delay: .3s;
    transition-delay: .3s;
}

.hideflip {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transform: rotatey(-90deg) scale(1.1);
    -moz-transform: rotatey(-90deg) scale(1.1);
    -o-transform: rotatey(-90deg) scale(1.1);
    -ms-transform: rotatey(-90deg) scale(1.1);
    transform: rotatey(-90deg) scale(1.1);
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

.showflip {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transition-delay: .3s;
    -moz-transition-delay: .3s;
    -o-transition-delay: .3s;
    -ms-transition-delay: .3s;
    transition-delay: .3s;
    -webkit-transform: rotatey(0deg) scale(1);
    -moz-transform: rotatey(0deg) scale(1);
    -o-transform: rotatey(0deg) scale(1);
    -ms-transform: rotatey(0deg) scale(1);
    transform: rotatey(0deg) scale(1);
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

.tabulous_active {
    color: black;
    background: none repeat scroll 0 0 #ed4d5a !important;
    color: #ffffff !important;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    -moz-border-top-left-radius: 5px;
    -moz-border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
}

.tabulousclear {
    display: block;
    clear: both;
}

#sedleftnav1 {
    width: 320px;
    background-color: #ffffff;
    display: block;
    float: left;
    border-radius: 8px;
    background: #9E9B90;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
}


.sedboxmain1 {
    background-color: #F9F9FA;
    padding: 30px;
    margin-left: 320px;
    border-left: 1px solid #f0f0f0;
}

.sedbuttonfilter {
    padding-top: 20px;
}

.sedfilteroption {
    width: 250px;
    margin: 10px;
}

.sedlioption {
    border-top: 1px solid #f0f0f0;
    border-left: 1px solid #f0f0f0;
    border-right: 1px solid #f0f0f0;
}

.sedlioption1 {
    border-left: 1px solid #f0f0f0;
    border-right: 1px solid #f0f0f0;
    border-bottom: 1px solid #f0f0f0;
    padding: 10px;
}

.sedlioption2 {
    border-top: 1px solid #f0f0f0;
    margin-top: 20px;
}

#sedinputfilter {
    width: 305px;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 5px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

#sedtext {
    padding-left: 38px;
    color: #8A959E;
    font: italic;
    font-size: 15px;
}

.flatbtnblue1 {
    background: none repeat scroll 0 0 #2F7BBD;
    border: 0 none;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    color: #ffffff;
    font-size: 15px;
    padding: 7px 10px;
    margin-top: 20px;
    text-shadow: none !important;
}

.sedtabul {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    width: 338px;
    background: none repeat scroll 0 0 #EBECE8;
    color: #5B5A4B;
    text-shadow: 0 1px 0 #fff;
    line-height: 35px;
}

.sedtabul li {
    border-bottom: 1px solid #ffffff;
    padding-left: 10px;
}

.sedtabullastchild {
    border-bottom: 0px solid #ffffff !important;
    padding-left: 10px;
}

#filtercontent {
    border-left: 1px solid #D9D9D9;
    margin-left: 350px;
}

.filterleftbox {
    background: #EAEAE8;
}

.filterquestionlistul {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
    line-height: 35px;
    color: #5B5A4B;
    text-shadow: 0 1px 0 #fff;
    margin-left: 20px;
}

.filterquestionlistul li {
    border-bottom: 1px solid #ffffff;
    padding-left: 10px;
}

.filtertoolbottombar {
    padding-left: 0px;
    margin-top: 5px;
}

.expanddown {
    background-image: url(../images/expander.png);
    background-size: 11px 11px;
    background-repeat: no-repeat;
    width: 12px;
    height: 11px;
    display: block;
    margin-right: 5px;
    margin-top: 0px;
}

.filterpagelistul {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
    line-height: 35px;
    width: 329px;
    background: none repeat scroll 0 0 #EBECE8;
    color: #5B5A4B;
    text-shadow: 0 1px 0 #fff;
    border: 0 none;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.filterpagelistul li {
    border-bottom: 1px solid #ffffff;
    padding-left: 10px;
}

.pagetitlefilter {
    display         : block;
    width           : 100%;
    border-collapse : collapse;
    border          : none;
}

.pagetitlefilterfirst {
    width: 20px;
}

.pagetitlefiltermidle {
    width: 100%;
}

.pagetitlefilterlast {
    width: 20px;
}

.filtersearchclistul {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
    line-height: 35px;
    width: 329px;
    background: none repeat scroll 0 0 #EBECE8;
    color: #5B5A4B;
    text-shadow: 0 1px 0 #fff;
    border: 0 none;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.filtersearchclistul li {
    border-bottom: 1px solid #ffffff;
    padding-left: 10px;
}

#filterb1 {
    display: none;
}

.qstatistics {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

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

.tablestatisticanswer th {
    background-color: #eaeae8;
    border: 1px solid #c1c1c1;
}

.tablestatisticanswer td {
    border: 1px solid #c1c1c1;
}

.stiticqtitle {
    font-weight: bold;
}

.textcenter {
    text-align: center;
}

.plistanswer {
    color: #667BD4;
}

.rpdetaillistanswer {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
    padding-left: 30px;
}

.rpdetailimage {
    max-height: 64px;
    float: left;
    padding: 5px;
}

.filterattrbox {
    margin-bottom: 0;
    margin-top: 0;
    padding-left: 0;
}

#tabs_attrcontainer {
    padding: 10px;
    overflow: hidden;
    position: relative;
    height: 300px;
    width: 326px;
    background: #9E9B90;
}

#tabs_attrcontainer div {
    margin-right: 40px;
}

.filterattrtab {
    padding: 0px;
    margin: 0px;
    padding-left: 5px;
    width: 340px;
    list-style-type: none;
    font-size: 12px;
}

.attrtab1 {
    float: left;
    list-style-type: none;
    padding: 0px;
    margin: 0px;
    border-bottom: 0px solid #f0f0f0;
    background: #9E9B90;
    display: block;
    padding: 10px 43px;
    text-decoration: none;
    color: #ffffff;
    border-radius: 4px 0px 0px 4px;
    margin-left: 5px;
    text-shadow: 0 -1px 0 rgba(68,68,68,0.3);
    background: none repeat scroll 0 0 #6E6C64;
}

.attrtab2 {
    float: left;
    list-style-type: none;
    padding: 0px;
    margin: 0px;
    border-bottom: 0px solid #f0f0f0;
    display: block;
    padding: 10px 40px;
    text-decoration: none;
    color: #ffffff;
    background: #6e6c64;
    text-shadow: 0 -1px 0 rgba(68,68,68,0.3);
}

.attrtab3 {
    float: left;
    list-style-type: none;
    padding: 0px;
    margin: 0px;
    border-bottom: 0px solid #f0f0f0;
    background: #9E9B90;
    display: block;
    padding: 10px 20px;
    text-decoration: none;
    color: #ffffff;
    border-radius: 0px 4px 4px 0px;
    background: #6e6c64;
    text-shadow: 0 -1px 0 rgba(68,68,68,0.3);
}

#tabsattr {
    margin-bottom: 10px;
    background: none repeat scroll 0 0 #F0F0F0;
}

#tabsattr ul {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
    display: block;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 40px;
    height: 42px;
    background-color: #78A7B1;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    -moz-border-top-left-radius: 5px;
    -moz-border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
}

#tabsattr li {
    float: left;
    margin-right: 2px;
    list-style-type: none;
}

#tabsattr li a {
    display: block;
    padding: 11px 30px;
    background: none repeat scroll 0 0 #78a7b1;
    text-decoration: none;
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(68, 68, 68, 0.3);
}

#tabattrs li a:hover {
    background: rgb(78, 74, 99);
}
/* ------*/
#tabsattrsearch {
    margin-bottom: 10px;
    background: none repeat scroll 0 0 #F0F0F0;
}

#tabsattrsearch ul {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
    display: block;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 40px;
    height: 42px;
    background-color: #78A7B1;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    -moz-border-top-left-radius: 5px;
    -moz-border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
}

#tabsattrsearch li {
    float: left;
    margin-right: 2px;
    list-style-type: none;
}

#tabsattrsearch li a {
    display: block;
    padding: 11px 30px;
    background: none repeat scroll 0 0 #78a7b1;
    text-decoration: none;
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(68, 68, 68, 0.3);
}

#tabsattrsearch li a:hover {
    background: rgb(78, 74, 99);
}
/*--*/
.selectattrtoolbarfooter {
    padding-left: 20px;
    padding-bottom: 20px;
    text-align: right;
    margin-right: 20px;
}

.attriboxgraph {
    padding: 20px;
}

.tableattrbox1 {
    border-collapse: separate;
    border-spacing: 1px;
    min-width: 500px;
}

.tableattrbox1 tr {
}

.tableattrbox1 tr:hover td {
    background: none repeat scroll 0 0 #ffffff;
}

.tableattrbox1 td {
    border-bottom: 1px solid #e2e6e9;
}

.tableattrbox2 {
    margin-left: 30px;
    margin-top: 30px;
    border-collapse: collapse;
    border-spacing: 1px;
    min-width: 480px;
    width: 96%;
}

.tableattrbox2 tr {
}

.tableattrbox2 tr:hover td {
    background: none repeat scroll 0 0 #ffffff;
}

.tableattrbox2 td {
    padding-top: 10px;
    padding-bottom: 10px;
    border: 1px solid #e2e6e9;
}

.tableattrbox22 {
    border-collapse: collapse;
    border-spacing: 0px;
    width: 100%;
}

.tableattrbox22 tr:hover td {
    background: none repeat scroll 0 0 #ffffff;
}

.tableattrbox22 td {
    padding: 5px 0px;
}

.tableattrbox3 {
    border-collapse: collapse;
    border-spacing: 1px;
    min-width: 480px;
    width: 96%;
}

.tableattrbox3 tr {
}

.tableattrbox3 tr:hover td {
    background: none repeat scroll 0 0 #ffffff;
}

.tableattrbox3 td {
    padding-top: 10px;
    padding-bottom: 10px;
}

.panelistfilterresult {
    background-color: #ffffff;
    display: none;
}

.photo219 {
    max-width: 180px;
    max-height: 180px;
    float: left;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.shortplistphtos {
    padding: 10px;
}

.shortplistphtosul {
    list-style-type: none;
    margin: 0;
    padding: 0 0 0 0px;
}

.shortplistphtosul li {
    display: inline-block;
}

.viewmorephotos {
    display: block;
    width: 52px;
    height: 47px;
    float: left;
    padding: 5px;
    background: #ffffff;
    border: 1px solid #ffffff;
    padding-top: 12px;
    padding-left: 24px;
    margin-top: 4px;
}

.boxplistdetal {
    /*padding:20px;*/
}

.briefinforbigimage {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.briefinforbigimage1 {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    float: right;
}

.plidtdetailbrieftinfo {
    display: block;
    height: 219px;
    padding-left: 20px;
    margin-left: 219;
    background-color: #78A7B1;
}

.plidtdetailbrieftinfotable {
    border-collapse: collapse;
    border-spacing: 0px;
    width: 100%;
}

.plidtdetailbrieftinfotable .genderedit {
    padding-top: 15px;
    padding-bottom: 15px;
}

.plidtdetailbrieftinfotable td {
    padding-top: 5px;
    padding-bottom: 5px;
}

.boxplistdetail23 {
}

.commonul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

.internetactsel {
    float: left;
    width: 100px;
}

.plistcommentbox {
    background-color: #ffffff;
    padding: 20px 10px;
}

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

.plistdetailh2dailyphoto h2 {
    margin-bottom: 1px;
}

.surveyidcol {
    width: 50px;
}

.searchbox {
    background: none repeat scroll 0 0 #fff;
}

.searchboxheader {
    padding: 7px 10px;
    background: none repeat scroll 0 0 #0C436C;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    -moz-border-top-left-radius: 5px;
    -moz-border-top-left-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
}

.searchboxheader h2 {
    padding: 0px;
    margin: 0px;
    color: #ffffff;
    font-size: 14px;
    font-weight: 500;
}

.searchboxcontent {
    background: none repeat scroll 0 0 #ffffff;
    border-radius: 0px 0px 5px 5px;
    -moz-border-radius: 0px 0px 5px 5px;
    -webkit-border-radius: 0px 0px 5px 5px;
}

.searchboxfooter {
    padding: 15px 18px;
    background: none repeat scroll 0 0 #ffffff;
    border-radius: 0px 0px 5px 5px;
    -moz-border-radius: 0px 0px 5px 5px;
    -webkit-border-radius: 0px 0px 5px 5px;
    text-align: center;
    margin-bottom: 20px;
    padding-right: 22px;
}

.searchboxidtprofile {
    padding-right: 18px;
    padding-bottom: 20px;
    background: none repeat scroll 0 0 #ffffff;
    border-radius: 0px 0px 5px 5px;
    -moz-border-radius: 0px 0px 5px 5px;
    -webkit-border-radius: 0px 0px 5px 5px;
    text-align: right;
    margin-bottom: 20px;
    padding-right: 22px;
}

.searchboxfooterview {
    padding: 15px 18px;
    background: none repeat scroll 0 0 #ffffff;
    border-radius: 0px 0px 5px 5px;
    -moz-border-radius: 0px 0px 5px 5px;
    -webkit-border-radius: 0px 0px 5px 5px;
    text-align: right;
    margin-bottom: 5px;
    padding-right: 22px;
}

.searchboxfootercard {
    padding: 15px 18px;
    background: none repeat scroll 0 0 #ffffff;
    border-radius: 0px 0px 5px 5px;
    -moz-border-radius: 0px 0px 5px 5px;
    -webkit-border-radius: 0px 0px 5px 5px;
    text-align: right;
    padding-right: 22px;
}

.searchboxfootermes {
    padding: 15px 18px;
    background: none repeat scroll 0 0 #ffffff;
    border-radius: 0px 0px 5px 5px;
    -moz-border-radius: 0px 0px 5px 5px;
    -webkit-border-radius: 0px 0px 5px 5px;
    text-align: right;
    margin-bottom: 20px;
    padding-right: 18px;
}

.searchboxfootersurvey {
    padding-top: 10px;
    padding-bottom: 20px;
    padding-right: 14px;
    background: none repeat scroll 0 0 #ffffff;
    border-radius: 0px 0px 5px 5px;
    -moz-border-radius: 0px 0px 5px 5px;
    -webkit-border-radius: 0px 0px 5px 5px;
    text-align: right;
    margin-bottom: 20px;
}

.searchboxfooter2 {
    padding: 15px 18px;
    padding-right: 20px;
    background: none repeat scroll 0 0 #ffffff;
    border-radius: 0px 0px 5px 5px;
    -moz-border-radius: 0px 0px 5px 5px;
    -webkit-border-radius: 0px 0px 5px 5px;
    text-align: right;
}

.flatbtnbluesmall {
    background: none repeat scroll 0 0 #9ebfe0;
    border: 0 none;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    color: #FFFFFF;
    font-family: helvetica,verdana,serif;
    font-size: 14px;
    padding: 7px 20px;
}

.div-senior-color {
    color: #8A959E;
}

.flatbtnbluesmail:hover {
    background: none repeat scroll 0 0 #72a2d2;
}

.flatbtnblue3 {
    background: none repeat scroll 0 0 #65a4b1;
    opacity: 0.8;
    border: 0 none;
    border-radius: 27px;
    -moz-border-radius: 27px;
    -webkit-border-radius: 27px;
    color: #FFFFFF;
    font-family: helvetica,verdana,serif;
    font-size: 12px;
    padding: 5px 10px;
    display: inline-block;
    margin-right: 10px;
    width: 60px;
    text-align: center;
}

.flatbtnblue3:hover {
    background: none repeat scroll 0 0 #78A7B1;
    opacity: 1;
}

.flatbtnblue {
    background: none repeat scroll 0 0 #0C436C;
    opacity: 0.8;
    border: 0 none;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    color: #FFFFFF;
    font-family: helvetica,verdana,serif;
    font-size: 17px;
    padding: 5px 20px;
    display: inline-block;
}

.save-question {
    background-color: #FF7F00;
    border: 0 none;
    border-radius: 3px;
    color: #ffffff;
    font-family: helvetica,verdana,serif;
    font-size: 17px;
    margin-right: 13px;
    opacity: 0.8;
    padding: 7px 30px;
}

div.status-survey {
    /*background-color: #FF7F00;*/
    border: 0 none;
    border-radius: 3px;
    color: #FF7F00;
    font-family: helvetica,verdana,serif;
    font-size: 14px;
    opacity: 0.8;
    padding: 5px 0px;
    text-align: center;
    font-weight:600;
}

div.save-question {
    padding: 5px 25px;
}

.flatbtnbluesave {
    background: none repeat scroll 0 0 #0C436C;
    opacity: 0.8;
    border: 0 none;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    color: #FFFFFF;
    font-family: helvetica,verdana,serif;
    font-size: 17px;
    padding: 5px 20px;
    display: inline-block;
    margin-right: 19px;
    margin-bottom: 10px;
}

.flatbtnbluesave1 {
    background: none repeat scroll 0 0 #0C436C;
    opacity: 0.8;
    border: 0 none;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    color: #FFFFFF;
    font-family: helvetica,verdana,serif;
    font-size: 17px;
    padding: 7px 20px 8px;
    /*display: inline-block;*/
    margin-right: 20px;
    margin-bottom: 10px;
    /*width: 152px;*/
}

.flatbtnblueaddquestion {
    background: none repeat scroll 0 0 #1e4d70;
    opacity: 0.8;
    border: 0 none;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    color: #FFFFFF;
    font-family: helvetica,verdana,serif;
    font-size: 12px;
    padding: 5px 20px;
    display: inline-block;
    margin-left: 20px;
    margin-bottom: 10px;
}

.flatbtnblueadd {
    background: none repeat scroll 0 0 #1e4d70;
    opacity: 0.8;
    border: 0 none;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    color: #FFFFFF;
    font-family: helvetica,verdana,serif;
    font-size: 12px;
    padding: 5px 20px;
    display: inline-block;
    margin-right: 30px;
    margin-bottom: 5px;
}

.flatbtnbluez {
    background: none repeat scroll 0 0 #0C436C;
    opacity: 0.8;
    border: 0 none;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    color: #FFFFFF;
    font-family: helvetica,verdana,serif;
    font-size: 17px;
    padding: 5px 20px;
    display: inline-block;
    margin-bottom: 15px;
    float: right;
}

.flatbtnbluea {
    background: none repeat scroll 0 0 #0C436C;
    opacity: 0.8;
    border: 0 none;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    color: #FFFFFF;
    font-family: helvetica,verdana,serif;
    font-size: 17px;
    padding: 5px 20px;
    display: inline-block;
}

.flatbtnblue-home {
    background: none repeat scroll 0 0 #F57F25;
    opacity: 0.8;
    border: 0 none;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    color: #FFFFFF;
    font-family: helvetica,verdana,serif;
    font-size: 17px;
    padding: 5px 20px;
    display: inline-block;
}


.flatbtnbluebig {
    background: none repeat scroll 0 0 #9ebfe0;
    border: 0 none;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    color: #FFFFFF;
    font-family: helvetica,verdana,serif;
    font-size: 18px;
    padding: 5px 20px;
}

.flatbtnbluebig:hover {
    background: none repeat scroll 0 0 #72a2d2;
    color: #fff;
}

.flatbtnred {
    background: none repeat scroll 0 0 #e97970;
    border: 0 none;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    color: #FFFFFF;
    font-family: helvetica,verdana,serif;
    font-size: 17px;
    padding: 5px 20px;
}

.flatbtnrededit {
    background: none repeat scroll 0 0 #0C436C;
    border: 0 none;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    color: #FFFFFF;
    font-family: helvetica,verdana,serif;
    font-size: 17px;
    padding: 5px 20px;
}

.flatbtnred:hover {
    background: none repeat scroll 0 0 #e45c52;
}

.flatbtnredbig {
    background: none repeat scroll 0 0 #e97970;
    border: 0 none;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    color: #FFFFFF;
    font-size: 18px;
    font-family: helvetica,verdana,serif;
    padding: 5px 19px;
}

.flatbtnredbig:hover {
    background: none repeat scroll 0 0 #e45c52;
    color: #fff;
}


.flatbtnorrange {
    background: none repeat scroll 0 0 #ba562f;
    border: 0 none;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    color: #FFFFFF;
    font-size: 23px;
    font-family: helvetica,verdana,serif;
    padding: 5px 19px;
}

.flatbtnorrange:hover {
    background: none repeat scroll 0 0 #bb572f;
    color: #fff;
}

.flatbtnbluea:hover, .flatbtnbluea:focus, .flatbtnblue:hover, .flatbtnblue:focus,
.flatbtnblueaddquestion:hover, .flatbtnblueaddquestion:focus, .flatbtnbluesave1:focus,
.flatbtnbluesave:hover, .flatbtnbluesave:focus, .flatbtnbluesave1:hover {
    color: #fff;
    background: none repeat scroll 0 0 #0C436C;
    opacity: 1;
    cursor: pointer;
}

.flatbtnblue-home:hover, .flatbtnblue-home:focus, .save-question:hover, .save-question:focus,
.chart_flatbtnblue-2:hover, .chart_flatbtnblue-2:focus, .chart_flatbtnblue:hover, .chart_flatbtnblue:focus {
    color: #fff;
    opacity: 1;
    cursor: pointer;
}

.flatbtnorangevote {
    background: none repeat scroll 0 0 #ba562f;
    border: 0 none;
    border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    color: #FFFFFF;
    font-family: helvetica,verdana,serif;
    font-size: 17px;
    padding-left: 28px;
    padding-right: 28px;
    padding-top: 13px;
    padding-bottom: 13px;
}

.flatbtnorangevote:hover {
    background: none repeat scroll 0 0 #D08B70;
    color: #fff;
}

.flatbtngray {
    background: none repeat scroll 0 0 #c9cbc8;
    border: 0 none;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    color: #304d55;
    font-size: 15px;
    padding: 5px 19px;
    display: inline-block;
}

.flatbtnvote {
    background: none repeat scroll 0 0 #65a4b1;
    opacity: 0.8;
    border: 0 none;
    border-radius: 22px;
    -moz-border-radius: 22px;
    -webkit-border-radius: 22px;
    color: #FFFFFF;
    font-family: helvetica,verdana,serif;
    font-size: 17px;
    padding: 5px 20px;
}

.flatbtnvote:hover {
    background: none repeat scroll 0 0 #65a4b1;
    opacity: 1;
    color: #fff;
}

.flatbtnsend {
    background: none repeat scroll 0 0 #65a4b1;
    opacity: 0.8;
    border: 0 none;
    border-radius: 22px;
    -moz-border-radius: 22px;
    -webkit-border-radius: 22px;
    color: #FFFFFF;
    font-family: helvetica,verdana,serif;
    font-size: 17px;
    padding: 5px 20px;
}

.flatbtnsend:hover {
    background: none repeat scroll 0 0 #65a4b1;
    opacity: 1;
    color: #fff;
}

.flatbtnredbigexport {
    background: none repeat scroll 0 0 #A0441F;
    border: 0 none;
    border-radius: 12px;
    color: #FFFFFF;
    font-family: helvetica,verdana,serif;
    font-size: 24px;
    padding: 11px 49px;
}

.flatbtnredbigexport:hover {
    background: none repeat scroll 0 0 #a0441f;
    color: #fff;
}

.flatbtnbluebigapply {
    background: none repeat scroll 0 0 #78a7b1;
    border: 0 none;
    border-radius: 12px;
    color: #FFFFFF;
    font-family: helvetica,verdana,serif;
    font-size: 24px;
    padding: 11px 49px;
}

.flatbtnbluebigapply:hover {
    background: none repeat scroll 0 0 #78a7b1;
    color: #fff;
}

.searchitemlabel {
    /*padding:2px 5px;
        padding-left:8px;*/
}

.searchitemlabelmes {
    padding-left: 8px;
}

.tablesearchcontent {
    border-collapse: collapse;
    border-spacing: 0px;
    width: 99%;
}

.tablesearchcontent td {
    padding: 5px 15px;
}

.tablesearchcontent tr {
    background: none repeat scroll 0 0 #ffffff;
}

.tablesearchcontent2 {
    border-collapse: collapse;
    border-spacing: 0px;
    width: 100%;
    margin-left: 5px;
    margin-right: 15px;
}

.tablesearchcontent2 td {
    padding-right: 15px;
    padding-top: 15px;
    padding-left: 5px;
}

.tablesearchcontent2 tr {
    background: none repeat scroll 0 0 #ffffff;
}

.table-search-userpoint {
    border-collapse: collapse;
    border-spacing: 0px;
    width: 904px;
    margin-left: 5px;
    margin-right: 15px;
}

.table-search-userpoint td {
    padding-right: 15px;
    padding-top: 8px;
    padding-left: 5px;
}

textarea.modify-width {
    width: 99%;
}

.invitetypebox-custom {
    float: right;
    margin-right: 10px;
}

.table-search-userpoint td > input {
    margin-top: -3px !important;
}

.table-search-userpoint tr {
    background: none repeat scroll 0 0 #ffffff;
}

.result_field {
    margin-bottom: 0px;
    margin-top: 10px;
}

.sedtextboxsearch {
    background: none repeat scroll 0 0 #F8F8F8;
    border: 1px solid #F0F0F0;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}

.sedtotaluser {
    color: #003F7F;
    font-weight: bold;
    margin-right: 15px;
    font-size: 22px;
}

.statisticlabel {
    font-weight: bold;
    margin-right: 15px;
    color: #8A959E;
}

.statisticlabelcard {
    font-weight: bold;
    margin-right: 15px;
    color: #8A959E;
    padding-left: 10px;
}

.statisticlabeltop {
    font-weight: bold;
    margin-right: 18px;
    color: #838383;
    font-size: 24px;
}

.statisticvaluetop {
    font-weight: bold;
    margin-right: 18px;
    color: #F37E21;
    font-size: 24px;
}

.statisticvalue {
    color: #2F7BBD;
    font-weight: bold;
    margin-right: 15px;
}

.statisticul {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

.statisticul li {
    margin-left: 20px;
}

.statisticlabelbox {
    width: 90px;
    display: block;
    float: left;
}

.statisticlabelh1 {
    color: #117e90;
    font-weight: bold;
    margin-right: 15px;
}

.tablelistbox {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}

.tablelistbox td {
    border: 1px solid #cecece;
    background: none repeat scroll 0 0 #ffffff;
}

.tablelistbox th {
    background: none repeat scroll 0 0 #F0F0F0;
    color: #8A959E;
    border: 1px solid #cecece;
}

.servicetitle {
    min-width: 300px;
    padding: 8px 5px;
}

.fomularpoint {
    width: 100px;
}

.fomularmoney {
    width: 100px;
}

.tablelistfomularbox {
    border-collapse: collapse;
    border-spacing: 0;
}

.tablelistfomularbox td {
    background: none repeat scroll 0 0 #fff;
    border: 0px solid #CECECE;
}

.sedformulaicon {
    height: 10px;
    padding: 10px;
    width: 10px;
    border: 1px solid #d1d1d1;
}

.box {
    background: none repeat scroll 0 0 #fff;
    padding: 10px;
    margin-bottom: 20px;
}

.boxtop {
    background: none repeat scroll 0 0 #fff;
    padding: 10px;
    border-radius: 5px 5px 0px 0px;
    -moz-border-radius: 5px 5px 0px 0px;
    -webkit-border-radius: 5px 5px 0px 0px;
}

.boxbottom {
    background: none repeat scroll 0 0 #fff;
    padding: 10px 0px;
    border-radius: 0px 0px 5px 5px;
    -moz-border-radius: 5px 5px 0px 0px;
    -webkit-border-radius: 5px 5px 0px 0px;
}

.box2 {
    background: none repeat scroll 0 0 #fff;
}

.box3 {
    background: none repeat scroll 0 0 #fff;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.box1 {
    background: none repeat scroll 0 0 #fff;
    padding: 10px;
    border-top: 1px solid #f1f1f1;
}

.boxcard {
    background: none repeat scroll 0 0 #fff;
    border-radius: 0px 0px 5px 5px;
    -moz-border-radius: 0px 0px 5px 5px;
    -webkit-border-radius: 0px 0px 5px 5px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.box3 {
    background: none repeat scroll 0 0 #fff;
    padding-top: 10px;
    border-top: 1px solid #f1f1f1;
    border-radius: 0px 0px 5px 5px;
    -moz-border-radius: 0px 0px 5px 5px;
    -webkit-border-radius: 0px 0px 5px 5px;
}

.boxheadertoolbar {
    padding: 10px 0px;
}

.boxfootertoolbar {
    padding: 10px 0px;
}

.sedavatarprofileimage1 {
    border-radius: 6px;
    height: 70px;
    margin-left: 70px;
    margin-top: 7px;
    width: 70px;
}

.rewardservicetextbox {
    width: 300px;
}

.sedtdtablepoint {
    border: 1px solid #ffffff;
    /*margin:20px 20px 20px 0px;*/
    border-collapse: collapse;
    border-spacing: 0;
}

.sedtdtablepoint th {
    background: none repeat scroll 0 0 #F0F0F0;
    color: #8A959E;
}

.sedtdtablepoint td {
    text-align: center;
    background: none repeat scroll 0 0 #F8F8F8;
    font-size: 12px;
    color: #999999;
    border-top: 1px solid #ffffff;
    padding-top: 10px;
    padding-bottom: 10px;
}

.sedpointreport {
    color: #333333;
    font-weight: bold;
    font-size: 14px;
    font-weight: bold;
}

.sedpointreporttop {
    /* color: #333333; */
    /* font-size: 13px; */
    /* font-weight: bold; */
}

.sedpointreport1 {
    font-size: 13px;
    color: #333333;
}

.sedtdpointreport1 {
    padding: 10px 10px 10px 20px;
    font-size: 13px;
}

.sedtdtablepoint_point .sedtdpointreportpoint {
    padding: 10px 20px 10px 20px;
    font-size: 13px;
    text-align: right;
}

.sedtdpointreport2 {
    padding: 10px 10px 10px 20px;
    font-size: 13px;
    background: #D6D6D6;
}

.sedtdpointreport3 {
    border-bottom: 1px solid #FFFFFF;
    border-right: 1px solid #FFFFFF;
    padding-left: 20px;
}

.sedtdpointreport4 {
    border-bottom: 1px solid #FFFFFF;
    border-right: 1px solid #FFFFFF;
    padding-left: 20px;
}

.sedtdpointreport5 {
    border-bottom: 1px solid #FFFFFF;
    border-right: 1px solid #FFFFFF;
    padding-left: 20px;
}

.sedsizeimage {
    width: 40px;
}

.usesul {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

.usesul li {
    border-bottom: 1px solid #ffffff;
    background-color: #f0f0f0;
}

.sedtablepanelists {
    border-collapse: collapse;
    border-spacing: 0;
    text-align: left;
    width: 100%;
    background: none repeat scroll 0 0 #F8F8F8;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.sedselectall {
    width: 20px;
}

.sedpanelistavatar64 {
    height: 64px;
    width: 64px;
}

.sedtablepanelistsdes {
    border: 0 none;
    border-collapse: collapse;
    float: left;
    font-size: 12px;
    padding-left: 10px;
    width: 100%;
}

.leftbottonsbar {
}

.editme {
    width: 30px;
    height: 30px;
    cursor: pointer;
}

.img-question-random, .img-question-random-2 {
    width: 24px;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    /*height: 23px;
            margin-top: 3px;
            position: absolute;
            margin-left: -29px;*/
    padding: 1px;
    margin-right: 3px;
    margin-left: 3px;	
}

.img-question-random-2{
    padding: 3px;
    cursor:pointer;
}

.img-question-repeat {
    width: 24px;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    /*height: 23px;
            margin-top: 3px;
            position: absolute;
            margin-left: -61px;*/
    padding: 1px;
}

.img-answer-end {
    width: 24px;
    height: 23px;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    margin-top: 3px;
    margin-left: 16px;
}

.questionshortsettingbox {
    /*padding: 20px;*/
}

.questionshortsettingbox > span {
    font-size: 16px;
}

.fieldsetqsetting {
    border: 1px solid #f0f0f0;
    padding-bottom: 3px;
    padding-top: 0px;
}

.fieldsetqsetting legend {
    font-size: 14px;
    line-height: 10 px;
}

.fieldsetqsetting span {
    font-size: 14px;
}

.viewinputbox {
    background-color: #f8f8f8;
    border: 0px;
}

.previewsurveyqtionbox {
    padding: 20px;
    padding-bottom: 0px;
}

.previewsurveyqtion {
    list-style-type: none;
    background-color: #f0f0f0;
    padding: 20px;
}

.previewsurveyqtion li {
    padding-top: 7px;
    padding-bottom: 7px;
}

.previewsurveyqtionboxfooterbar {
    padding: 0px 20px 20px;
}

#briefinfo {
    display: none;
    margin-bottom: 20px;
}

#personalinfo {
    display: none;
    margin-bottom: 10px;
}

.showresultoptionbox {
    padding-top: 10px;
    padding-bottom: 10px;
}

.tablereport {
    margin: 0px;
    padding: 0px;
    width: 100%;
    border-collapse: separate;
    border-spacing: 1px;
}

.tablereport table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
}

.tablereport tr:nth-child(odd) {
    background-color: #f0f0f0;
}

.tablereport tr:nth-child(even) {
    background-color: #ffffff;
}

.tablereport td {
    vertical-align: middle;
    text-align: left;
    padding: 7px;
    font-size: 12px;
    font-family: helvetica;
    font-weight: normal;
    color: #4e4e4e;
}

.tablereport tr:first-child td {
    background-color: #d6d6d6;
    text-align: left;
    font-size: 15px;
    font-family: helvetica;
    font-weight: bold;
    color: #666666;
    width: 50%;
}

.tablereport tr:first-child:hover td {
    background-color: #d6d6d6;
}

.optionboxsearch {
    padding-top: 3px;
    padding-bottom: 3px;
}

.agegrouprangebox {
    width: 200px;
    height: 100px;
}

.agegrouprange {
    width: 200px;
}

.headerselectattr {
    background: none repeat scroll 0 0 #F0F0F0;
    border-top: 1px solid #F8F8F8;
    border-left: 1px solid #F8F8F8;
    border-right: 1px solid #F8F8F8;
    border-bottom: 1px solid #f0f0f0;
    margin-left: 20px;
    margin-right: 20px;
    padding-left: 20px;
    color: #235A81 !important;
    text-shadow: 0 1px 0 #FFFFFF !important;
}

#tabs {
    font-size: 90%;
    padding-top: 20px;
    background-color: #eaeae8;
    border-bottom: 0 solid #F0F0F0;
    border-radius: 0 4px 4px 0;
}

.tabsul {
    float: left;
    list-style: none;
    margin-bottom: 0;
    font-size: 12px;
    margin-left: 10px;
    padding-left: 0px;
}

.tabfirsta {
    border-radius: 4px 0 0 4px;
    padding: 10px 34px;
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(68, 68, 68, 0.3);
    background: none repeat scroll 0 0 #9E9B90;
}

.active {
    /*    color: #000 !important;
        background: #FFF none repeat scroll 0px 0px !important;
        font-weight: bold;*/
    opacity: 0.5;
}

.tabseconda {
    padding: 10px 34px;
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(68, 68, 68, 0.3);
    background: none repeat scroll 0 0 #9E9B90;
}

.tablasta {
    border-radius: 0 4px 4px 0;
    padding: 10px 34px;
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(68, 68, 68, 0.3);
    background: none repeat scroll 0 0 #9E9B90;
}

.tabsul li.active {
    background: none repeat scroll 0 0 #F0F0F0 !important;
    color: #235A81 !important;
    text-shadow: 0 1px 0 #FFFFFF !important;
}

.tabsul li.active a {
    color: #235A81 !important;
}

.tabdiv {
    background: #F0F0F0;
    clear: both;
    padding: 20px 6px 6px;
    min-height: 200px;
}


.tabfiltertitle {
    float: left;
}

.tabsection {
    border-radius: 5px;
    color: #5B5A4B;
    line-height: 35px;
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-shadow: 0 1px 0 #FFFFFF;
}

.filterselectbox {
    padding-top: 5px;
}

.filterselect {
    border-radius: 10px;
    padding-bottom: 3px;
    padding-left: 5px;
    padding-top: 1px;
    width: 325px;
}

.tabcontainer {
    background: none repeat scroll 0 0 #ddd;
}


.surveystticexport {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 10px;
}

.surveystticexport h2 {
    margin: 1px 1px;
    font-size: 18px;
}

.sedtabulexport {
    background: none repeat scroll 0 0 #EBECE8;
    border-radius: 5px;
    color: #5B5A4B;
    line-height: 35px;
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-shadow: 0 1px 0 #FFFFFF;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.sedtabulexport {
    padding-left: 10px;
}

.tabindividual {
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
    color: #5B5A4B;
    line-height: 35px;
    list-style-type: none;
    margin: 0;
    padding: 0 0 0 5px;
    text-shadow: 0 1px 0 #FFFFFF;
}

.rss-popup {
    margin: 100px auto;
    padding: 0;
    width: 100px;
    position: relative;
}

div.rss-popup em {
    background: url(bubble.png) no-repeat;
    width: 100px;
    height: 49px;
    position: absolute;
    top: -70px;
    left: -0px;
    text-align: center;
    text-indent: -9999px;
    z-index: 2;
    display: none;
}

#rss-icon {
    width: 42px;
    height: 42px;
    background: url(icon.png) no-repeat 0 0;
    text-indent: -9999px;
    margin: 0 auto;
    display: block;
}

.spanlable {
    display: block;
    padding-left: 10px;
    padding-top: 10px;
    color: #666666;
    font-weight: bold;
    font-size: 14px;
}

.searchboxheaderresult {
    background: none repeat scroll 0 0 #f8f8f8;
    padding: 15px 10px;
}

.sedtextboxsearchauthorname {
    width: 95%;
    height: 40px;
    border: 1px solid #d9d9d9;
}

.breakcrumbheader {
    background-color: #FFFFFF;
    border-radius: 5px;
    font-family: helvetica;
    font-size: 16px;
    padding: 7px 10px;
}

.span-notifi-image-survey-resolution {
    font-size: 13px;
}

.surveylabel {
    font-family: helvetica;
    font-size: 12px;
    font-weight: 500;
    color: #696969;
}

.surveylabel1 {
    font-family: helvetica;
    font-size: 14px;
    font-weight: bold;
    color: #696969;
    padding-top: 15px;
    padding-left: 20px;
}

.div-survey-label {
    font-family: helvetica;
    font-size: 14px;
    font-weight: bold;
    color: #666666;
    padding-top: 15px;
    padding-left: 20px;
}

.div-welcomemessage {
    font-family: arial,sans-serif,helvetica;
    font-size: 13px;
    margin-left: 20px;
    margin-top: 6px;
    width: 900px;
    padding-top: 5px;
    padding-left: 10px;
}

.div-other-comment {
    font-family: arial,sans-serif,helvetica;
    font-size: 14px;
    margin-top: 6px;
    width: 869px;
    padding-top: 5px;
    padding-left: 10px;
}

.div-matrix-other-comment {
    font-family: arial,sans-serif,helvetica;
    font-size: 14px;
    margin-top: 6px;
    width: 900px;
    padding-top: 5px;
    padding-left: 10px;
    margin-left: 20px;
}

textarea.surveytextareabox {
    font-family: arial,sans-serif,helvetica;
    font-size: 13px;
    padding-left: 10px;
    padding-top: 8px;
}

.surveyboxcontent {
    background: none repeat scroll 0 0 #ffffff;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.surveyboxcontentques {
    background: none repeat scroll 0 0 #ffffff;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 10px 0px;
}

.surveyboxcontent1 {
    background: none repeat scroll 0 0 #ffffff;
    border-radius: 5px;
    padding-top: 30px;
    padding-right: 6px;
    padding-left: 50px;
    font-family: helvetica;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    margin-top: -11px;
}

.surveyinputbox {
    border: 1px solid #D9D9D9;
    height: 30px;
    width: 100%;
    padding-left: 7px;
    font-family: helvetica,arial, sans-serif;
    font-size: 12px;
    color: #787878;
}

select.surveyinputbox {
    -webkit-appearance:none;
    -moz-appearance:none;
    -ms-appearance:none;
    background:url('../images/select-arrow.png') right top no-repeat;
    background-repeat:no-repeat;
    background-size:20px 20px;
    background-position:right 7px;
    font-size: 12px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    background: url('../images/down-arrow-common.png') right top no-repeat;
    background-color: transparent;
    background-size: contain;
    border: none !important;
    height: 8px !important;
    width: 8px !important;
    margin: auto !important;
    top: 35% !important;
    left: auto !important;
}

.ms-parent {
    font-size: 12px !important;
    max-width: 100%;
}

.surveyinputbox-css {
    border: 1px solid #D9D9D9;
    height: 30px;
    width: 90%;
    padding-left: 10px;
    font-family: helvetica,arial, sans-serif;
    font-size: 12px;
}

.surveyinputboxx {
    border: 1px solid #D9D9D9;
    height: 30px;
    width: 100%;
    font-family: helvetica,arial, sans-serif;
}

.surveyselectbox {
    border: 1px solid #D9D9D9;
    appearance: none;
    -webkit-appearance: none;/*Removes default chrome and safari style*/
    -moz-appearance: none;/* Removes Default Firefox style*/
    background: #ffffff url(../images/down-s-icon.png) no-repeat right 3px center;
    text-indent: 0.01px;/* Removes default arrow from firefox*/
    text-overflow: "";/*Removes default arrow from firefox*//*My custom style for fonts*/
    padding: 6px;
    width: 101%;
    overflow: hidden;
    font-family: helvetica,arial, sans-serif;
    font-size: 12px;
    height: 30px;
}

.questionselectbox {
    border: 1px solid #D9D9D9;
    appearance: none;
    -webkit-appearance: none; /*Removes default chrome and safari style*/
    -moz-appearance: none; /* Removes Default Firefox style*/
    background: #ffffff url(../images/down-s-icon.png) no-repeat right 3px center;
    text-indent: 0.01px; /* Removes default arrow from firefox*/
    text-overflow: ""; /*Removes default arrow from firefox*/ /*My custom style for fonts*/
    padding: 7px;
    width: 700px;
    overflow: hidden;
    font-family: helvetica,arial, sans-serif;
    font-size: 12px;
}

#star-question-css {
    margin-left: 7px;
}

#star-question-css > img {
    float: left;
    margin-right: 40px;
    cursor: pointer;
}

div#scalecontent {
    width: 100%;
    height: 80px;
    margin-top: 26px;
}

.settingselectbox {
    border: 1px solid #D9D9D9;
    appearance: none;
    -webkit-appearance: none; /*Removes default chrome and safari style*/
    -moz-appearance: none; /* Removes Default Firefox style*/
    background: #ffffff url(../images/down-s-icon.png) no-repeat right 3px center;
    text-indent: 0.01px; /* Removes default arrow from firefox*/
    text-overflow: ""; /*Removes default arrow from firefox*/ /*My custom style for fonts*/
    padding: 7px;
    width: 680px;
    overflow: hidden;
    font-family: helvetica,arial, sans-serif;
}

.surveyselectboxedit {
    border: 1px solid #D9D9D9;
    -webkit-appearance: none; /*Removes default chrome and safari style*/
    -moz-appearance: none; /* Removes Default Firefox style*/
    background: #ffffff url(../images/down-s-icon.png) no-repeat right 3px center;
    text-indent: 0.01px; /* Removes default arrow from firefox*/
    text-overflow: ""; /*Removes default arrow from firefox*/ /*My custom style for fonts*/
    padding: 7px;
    width: 96%;
    overflow: hidden;
    font-family: helvetica,arial, sans-serif;
}

.surveyselectboxaf {
    border: 1px solid #D9D9D9;
    -webkit-appearance: none; /*Removes default chrome and safari style*/
    -moz-appearance: none; /* Removes Default Firefox style*/
    background: #ffffff url(../images/down-s-icon.png) no-repeat right 3px center;
    text-indent: 0.01px; /* Removes default arrow from firefox*/
    text-overflow: ""; /*Removes default arrow from firefox*/ /*My custom style for fonts*/
    padding: 5px;
    width: 98%;
    overflow: hidden;
    font-family: helvetica,arial, sans-serif;
}

.surveyselectboxtem {
    font-family: helvetica,arial, sans-serif;
    border: 1px solid #D9D9D9;
    -webkit-appearance: none; /*Removes default chrome and safari style*/
    -moz-appearance: none; /* Removes Default Firefox style*/
    background: #ffffff url(../images/down-s-icon.png) no-repeat right 3px center;
    text-indent: 0.01px; /* Removes default arrow from firefox*/
    text-overflow: ""; /*Removes default arrow from firefox*/ /*My custom style for fonts*/
    padding: 5px;
    width: 55%;
    overflow: hidden;
    margin-right: 10px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.surveyselectboxques {
    border: 1px solid #D9D9D9;
    -webkit-appearance: none; /*Removes default chrome and safari style*/
    -moz-appearance: none; /* Removes Default Firefox style*/
    background: #ffffff url(../images/down-s-icon.png) no-repeat right 3px center;
    text-indent: 0.01px; /* Removes default arrow from firefox*/
    text-overflow: ""; /*Removes default arrow from firefox*/ /*My custom style for fonts*/
    padding: 7px;
    width: 95%;
    overflow: hidden;
}

.surveyselectboxmes {
    border: 1px solid #D9D9D9;
    -webkit-appearance: none; /*Removes default chrome and safari style*/
    -moz-appearance: none; /* Removes Default Firefox style*/
    background: #ffffff url(../images/down-s-icon.png) no-repeat right 3px center;
    text-indent: 0.01px; /* Removes default arrow from firefox*/
    text-overflow: ""; /*Removes default arrow from firefox*/ /*My custom style for fonts*/
    padding: 5px;
    width: 100%;
    overflow: hidden;
}

.filterselectbox {
    border: 1px solid #D9D9D9;
    -webkit-appearance: none; /*Removes default chrome and safari style*/
    -moz-appearance: none; /* Removes Default Firefox style*/
    background: #ffffff url(../images/down-s-icon.png) no-repeat right 3px center;
    text-indent: 0.01px; /* Removes default arrow from firefox*/
    text-overflow: ""; /*Removes default arrow from firefox*/ /*My custom style for fonts*/
    padding: 6px;
    width: 100%;
    overflow: hidden;
    font-size: 13px;
}

.surveytextareabox {
    width: 100%;
}

.surveytextareabox1 {
    width: 890px;
    margin-left: 20px;
    margin-top: 15px;
    font-family: helvatica;
}

.breakcrumblabel {
    color: #949494;
}

.breakcrumblabelactive {
    color: #797979;
}

.tablesurveyedit {
    border-collapse: collapse;
    border-spacing: 0px;
    width: 100%;
}

.surveyboxheader {
    background: none repeat scroll 0 0 #78A7B1;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding: 2px 10px;
}

.surveyboxheader h2 {
    color: #FFFFFF;
    font-size: 20px;
    margin: 0;
    padding: 0;
}
/* -----survey view-----*/
.chattingtitlebox {
    width: 270px;
    margin-bottom: 15px;
}

.surveychattingtitle {
    color: #78A5B1;
    font-family: "helvetica";
    font-size: 38px;
    margin: 0;
    padding-bottom: 5px;
    padding-left: 20px;
    padding-top: 5px;
}

.chattimeschedulebox {
    padding-left: 20px;
}

.surveynumquestionbox {
    text-align: center;
}

.surveymessagebox {
    background-color: #FFFFFF;
    border-radius: 12px;
    margin-left: 5px;
    margin-top: 20px;
    min-height: 30px;
    padding: 20px;
}

.surveymessagefooterbox {
    height: 50px;
    margin-top: 20px;
    text-align: center;
}

.yourquestion {
    background-color: #7E5C50;
    border-radius: 6px;
    color: #FFFFFF;
    font-size: 24px;
    font-weight: bold;
    padding: 4px 40px;
}

.qlabel {
    font-size: 14px;
}

.questionsurveyview {
    background-color: #FFFFFF;
    border-radius: 12px;
    margin-bottom: 20px;
    margin-left: 5px;
    padding: 20px;
}

.surveyquestiontitle {
    color: #993e3c;
    display: block;
    font-size: 24px;
    font-weight: normal;
    padding-bottom: 4px;
}

.questionnumber {
    color: #ba562f;
    font-size: 26px;
    font-weight: bold;
    font-family: Helvetica, sans-serif,Arial;
}

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

.surveyphotosupload1 {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.surveyphotosupload1 li {
    width: 64px;
    float: left;
    margin-right: 10px;
}

.surveyphotosupload {
    list-style-type: none;
    margin: 0;
    padding: 0;
    /*padding-left:30px;
        padding-top:2px;*/
}

.surveyphotosupload li {
    /*width:64px;*/
    float: left;
    margin-left: 10px;
    margin-top: 16px;
}

.questionphotos {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.questionphotos li {
    width: 100px;
    height: 70px;
    display: inline-block;
    margin-right: 5px;
}

.questionphotos li img {
    width: 100px;
    height: 70px;
}

.surveyphotosuploadimg {
    width: 120px;
    height: 90px;
    float: left;
    margin-left: 5px;
    cursor: pointer;
}

.surveyphotosuploadimg1 {
    max-width: 120px;
    max-height: 80px;
    float: left;
    margin-right: 10px;
    padding: 10px 0px;
}

.surveyphotosuploadimg2 {
    max-width: 100px;
    max-height: 70px;
    float: left;
    margin-right: 10px;
    padding: 10px 0px;
}

.chatingfriendphoto {
    margin-left: -13px;
    width: 950px;
}

img.delete-photo-question {
    margin-left: -23px;
    margin-top: 5px;
    cursor: pointer;
}

.freetexttoolbox {
    margin-top: 10px;
    margin-bottom: 10px;
}

.deleteuploadphoto {
    height: 16px;
    position: relative;
    right: -54px;
    top: -8px;
    width: 16px;
    display: block;
    background-image: url(/contents/panelist/images/delete-photo-icon.png);
}

.icon20msg {
    margin-bottom: -4px;
    width: 20px;
}

.fileuploadboxsurvey {
    height: 30px;
    margin-top: 0;
    opacity: 0;
    position: relative;
    right: -301px;
    top: -30px;
    width: 33px;
    z-index: 10;
}

.fileuploadboxquestion {
    height: 30px;
    margin-top: 0;
    opacity: 0;
    position: relative;
    right: 1px;
    top: -39px;
    width: 33px;
    z-index: 10;
    cursor: pointer;
}

div.padding-left-css {
    padding-left: 20px;
    padding-bottom: 1px;
}

.mutimessagebox {
    border: 1px solid #EEEEEE;
    height: 29px;
    width: 335px;
}

.friendanswermessagetextbox {
    border: 1px solid #C9C9C9;
    padding: 10px;
    width: 702px;
}

.friendphotosupload {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.friendphotosupload li {
    width: 64px;
    height: 64px;
    margin-left: 10px;
    display: inline-block;
}

.friendphotosuploadnew {
    list-style-type: none;
    margin: 0;
    padding: 0;
    margin-right: 10px;
}

.friendphotosuploadnew li {
    width: 100px;
    height: 70px;
    margin-left: 10px;
    display: inline-block;
}

.friendphotosuploadnew li img {
    width: 100px;
    height: 70px;
}

.matrixquestiontable {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    overflow: auto;
    margin-top: 16px;
}

.matrixquestiontable td {
    background-color: #f1f1f1;
    padding: 10px 6px;
    text-align: center;
    border: 1px solid #ffffff;
    font-size: 14px;
}

.ul-tab-container-filtered {
    list-style-type: none;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #ffffff;
    margin-bottom: 0px;
    width: 900px;
}

.ul-tab-container-filtered li {
    display: inline-block;
    width: 223px;
    text-align: center;
    background-color: #E3E3E3;
    padding: 11px 0px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    -moz-border-top-left-radius: 5px;
    -moz-border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    font-size: 16px;
}

.matrixquestiontable tr:first-child td {
    background-color: #e2e2e2;
}

.matrixquestiontable tr:first-child td:first-child {
    background-color: #ffffff;
}

.matrixquestiontable td:first-child {
    background-color: #e2e2e2;
    width: 200px;
    text-align: left;
}

.pointvaluebig {
    color: #B9552E;
    font-size: 44px;
    font-weight: bold;
}

.rewardsummarytitle {
    color: #688C68;
    font-size: 22px;
    font-weight: bold;
}

.profiletitlebrief {
    color: #FFFFFF;
    font-family: helvetica;
    font-size: 16px;
    font-weight: bold;
}

.profilevaluebrief {
    color: #FFFFFF;
    font-family: helvetica;
    font-size: 16px;
}

.sedserviceimage {
    width: 64px;
}

.performsurveyfooter {
    padding-left: 30px;
    padding-right: 30px;
}

.questiontitlebox {
    display: inline-block;
    margin-top: 10px;
    width: 740px;
    word-wrap: break-word;
}

.questiontoolbox {
    padding-bottom: 5px;
    padding-top: 3px;
    width: calc(100% - 14px);
    text-align: right;
}

.iconendmenuchatting {
    float: left;
    margin-top: 4px;
    padding-left: 10px;
}

.iconmysurveymenuchatting {
    float: left;
    margin-top: 4px;
    padding-left: 5px;
}

.preparedquestiontitle {
    color: #666666;
    font-size: 14px;
}

.qtypefreetexttitle {
    font-size: 14px;
    height: 120px;
    padding: 5px 10px;
    position: relative;
    width: 250px;
}

.createsurveytablebox .tdquestionbox2 {
    text-align: right;
    padding-bottom: 15px;
}

.tdquestionbox {
    border-bottom: 0px solid #F9F9FA;
    padding: 0px;
}

.tdquestionboxsave {
    border-bottom: 0px solid #F9F9FA;
    padding: 0px;
    text-align: right;
}

.mnueditsurveyul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #78a7b1;
    height: 44px;
}

.mnueditsurveyul li {
    float: left;
    display: inline-flex;
}

.mnueditsurveyulliactive {
    border: 1px solid #78a7b1;
    border-bottom: 0px solid #78a7b1;
    background-color: #F9F9FA;
    padding: 12px 30px;
    color: #999999;
    font-weight: bold;
    margin-left: 10px;
}

.mnueditsurveyulliactive1 {
    border: 1px solid #78a7b1;
    border-bottom: 0px solid #78a7b1;
    background-color: #F9F9FA;
    padding: 12px 30px;
    color: #666666;
    font-weight: bold;
    margin-left: 10px;
}

.mnueditsurvey {
    background-color: #d3d0bd;
    padding: 12px 30px;
    color: #ffffff;
    font-weight: bold;
    margin-left: 20px;
}

.surveytitleanalyze {
    color: #a14321;
    font-size: 36px;
}

.totalresponseanalyze {
    color: #747474;
    font-size: 23px;
}

.totalresponsevalue {
    color: #4e6457;
    font-size: 23px;
    font-weight: bold;
}

.surveyanalyzeheaderbox {
    margin-bottom: 20px;
}

.surveyeditheaderbox {
    margin-bottom: -1px;
}

.surveyeditheaderbox table {
    border-collapse: collapse;
    border-spacing: 0;
}

.analyzeboxheader {
    padding: 7px 10px;
    background: none repeat scroll 0 0 #99958a;
}

.analyzeboxheader h2 {
    padding: 0px;
    margin: 0px;
    color: #ffffff;
    font-size: 24px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.tableanalyzefilter {
    width: 100%;
    background-color: #e7eee7;
    border-collapse: collapse;
    border-spacing: 0px;
    border-left: 10px solid #e7eee7;
    border-right: 10px solid #e7eee7;
}

.tableanalyzefilter td {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    background-color: #ffffff;
    border-top: 10px solid #e7eee7;
    border-bottom: 10px solid #e7eee7;
}

.tableanalyzefilterlasttd {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    background-color: #e7eee7 !important;
    border-top: 10px solid #e7eee7;
    border-bottom: 10px solid #e7eee7;
}

.analyzeresultheader {
    background-color: #fff;
    float: right;
    height: 30px;
    padding-top: 20px;
    margin-right: 10px;
}

.div-analyze-header {
    background-color: #fff;
    width: 100%;
}

.tableanalyzeresultheader {
    width: 100%;
    background: #fff;
}

.tableanalyzeresultheader h2 {
    padding-top: 8px;
    padding-bottom: 8px;
    margin: 0px;
    color: #838383;
    padding-left: 20px;
}

.summarytab {
    padding: 10px;
    background-color: #EFEFEF;
    border-radius: 5px 0px 0px 5px;
    border-right: 1px solid #fff;
}

.summarytabactive {
    background-color: #ff7f00 !important;
    color: #fff !important;
    border: 1px solid #ff7f00 !important;
}

.summarytabinactive {
    padding: 10px;
    color: #ffffff;
}

.individualtab {
    padding: 10px 12px;
    background-color: #efefef;
    border-right: 1px solid #fff;
}

.invitetab {
    padding: 10px 24px;
    background-color: #efefef;
    margin-right: 10px;
    border-radius: 0px 5px 5px 0px;
    -moz-border-radius: 0px 5px 5px 0px;
    -webkit-border-radius: 0px 5px 5px 0px;
}

.individualtabinactive {
    padding: 10px;
    color: #ffffff;
}

.analyzequestionbox {
    margin-top: 10px;
}

.analyzeqboxheader {
    background-color: #fff;
}

.analyzeqboxcontent {
    padding: 10px 20px;
}

.analyzeqnumberbox {
    min-width: 40px;
    float: left;
    padding-bottom: 11px;
    padding-left: 16px;
    padding-top: 12px;
    color: #ffffff;
    font-size: 12px;
    margin-right:5px;
    padding-bottom: 8px;
    font-weight: 600;
}

.analyzeqtitlebox {
    background-color: #1e4d70;
    padding-bottom: 9px;
    padding-left: 10px;
    padding-top: 12px;
    color: #ffffff;
    font-size: 12px;
    word-wrap: break-word;
    padding-right: 35px;
    min-height: 40px;
    font-weight: 700;
}

.boxanalyze {
    background: none repeat scroll 0 0 #ffffff;
    padding: 10px;
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 0px 0px 5px 5px;
    -moz-border-radius: 0px 0px 5px 5px;
    -webkit-border-radius: 0px 0px 5px 5px;
}

.stylebarchartbox {
    text-align: right;
}

.tableanalyzeanswers {
    border-collapse: collapse;
    border-spacing: 0px;
    margin-top: 6px;
    table-layout: fixed;
}

.tableanalyzeanswers-css {
    border-collapse: collapse;
    border-spacing: 0px;
    margin-bottom: 20px;
    table-layout: fixed;
    font-size: 13px;
}

.div-question-container-images > ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}

.div-question-container-images > ul > li {
    float: left;
    margin-right: 18px;
    width: 23%;
}

.tableanalyzeanswers tr:nth-child(2n+1) {
    background-color: #f1f1f1;
}

.tableanalyzeanswers th {
    border-collapse: collapse;
    border-spacing: 0px;
    background: #26628f;
    padding: 0px 10px;
    color: #fff;
    font-size: 12px;
    height: 25px;
}

.tableanalyzeanswers td {
    padding: 5px 10px;
    color: #666;
    font-size: 13px;
}

.tableanalyzeanswers-css th {
    border-collapse: collapse;
    border-spacing: 0px;
    background: #CFCFCF;
    border: 1px solid #CFCFCF;
    padding: 4px 10px;
    color: #464646;
    word-wrap: break-word;
}

.tableanalyzeanswers-css td {
    border: 1px solid #CFCFCF;
    padding: 3px 10px;
    color: #545454;
    word-wrap: break-word;
}

.tableanalyzeanswers1 {
    border-collapse: collapse;
    border-spacing: 0px;
}

.tableanalyzeanswers1 tr {
    border-bottom: 1px solid #CFCFCF;
    border-top: 1px solid #CFCFCF;
    padding: 3px 10px;
    color: #545454;
    border-collapse: collapse;
    border-spacing: 0px;
}

.column-margin-right {
    text-align: center;
}

.header-item-css {
    text-align: center;
    width: 125px;
}

.table4questionmatrix {
    border-collapse: collapse;
    border-spacing: 0px;
    margin-left: 50px;
}

.table4questionmatrix td {
    padding: 5px 20px;
    text-align: center;
}

.table4questionmatrix td:first-child {
    text-align: left;
}

.table4questionfreecale {
    border-collapse: collapse;
    border-spacing: 0px;
    margin-left: 50px;
}

.table4questionfreecale td {
    padding: 5px 20px;
    text-align: center;
}

.chatmessagebox2send {
    background-color: rgb(255, 255, 255);
    margin-top: 18px;
}

.endchattoolbox {
    background-color: #FFFFFF;
    padding-bottom: 20px;
    padding-left: 15px;
    padding-top: 20px;
    margin-bottom: 15px;
}

.ultabpanelistattribute {
    background-color: #78A7B1;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    display: block;
    height: 42px;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.ultabpanelistattribute li {
    float: left;
    list-style-type: none;
    margin-right: 2px;
}

.ultabpanelistattribute li a {
    background: none repeat scroll 0 0 #78A7B1;
    color: #FFFFFF;
    display: block;
    padding: 11px 30px;
    text-decoration: none;
    text-shadow: 0 -1px 0 rgba(68, 68, 68, 0.3);
}

.analyzepainfo {
    margin-bottom: 10px;
}

.analyzepainfoheader {
    /*background-color:#E7EEE7;*/
    margin-bottom: 1px;
    /* border-bottom: 1px solid; */
}

.analyzepainfocontent {
    background-color: #E7EEE7;
    margin-top: 10px;
}

.analyzepainfotableheader {
    border-collapse: collapse;
    border-spacing: 0px;
    width: 100%;
}

.analyzepainfotableheader-2 {
    border-collapse: collapse;
    border-spacing: 0px;
    width: 30%;
    float: right;
    margin-top: -42px;
}

.left-button-inactive {
    background-color: #e3e3e3;
    padding: 7px 12px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    color: #666666;
    font-size: 12px;
    height: 30px !important;
}

.left-button-active {
    background-color: #ff7f00;
    padding: 7px 12px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    color: #fff;
    font-size: 12px;
    height: 30px !important;
}

.right-button-active {
    background-color: #ff7f00;
    padding: 7px 26px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    color: #fff;
    font-size: 12px;
    height: 30px !important;
}

.right-button-inactive {
    background-color: #e3e3e3;
    padding: 7px 26px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    color: #666666;
    font-size: 12px;
    height: 30px !important;
}

.div-order-chart-container {
    height: 32px;
    width: 150px;
    position: absolute;
    margin-left: 626px;
    margin-top: 10px;
    border-radius: 3px;
}

.div-order-chart-container-multi {
    height: 32px;
    width: 150px;
    float: right;
    margin-top: 10px;
    border-radius: 3px;
}

.div-order-chart-container > img, .div-order-chart-container-multi > img {
    padding: 6px 8px;
    cursor: pointer;
    width: 38px;
    margin-left: 1px;
}

.img-big-to-small {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.img-infinity {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.img-small-to-big {
    padding: 6px 8px;
}

.img-middle-chart {
    border: 1px solid #e3e3e3;
    border-left: none;
    border-right: none;
}

.img-border-active {
    border: 1px solid #ff7f00;
    /*border-radius: 3px;*/
}

.img-border-inactive {
    border: 1px solid #e3e3e3;
}

.img-border-left-inactive {
    border: 1px solid #e3e3e3;
    border-right: none;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.img-border-right-inactive {
    border: 1px solid #e3e3e3;
    border-left: none;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    margin-right: 8px;
}

.img-border-left-active {
    border: 1px solid #ff7f00;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.img-border-right-active {
    border: 1px solid #ff7f00;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    margin-right: 8px;
}

.switch-div-table-data {
    padding: 7px 0px;
    /* margin-bottom: 8px; */
    font-size: 14px;
    float: right;
    /* border: 1px solid; */
    /* display: inline; */
    margin-top: 0px;
}

.analyzepainfoheader > table > tbody > tr > td {
    background-color: #FFFFFF;
    padding: 6px;
}

.analyzepainfoheader > table > tbody > tr > td.td-input-autocomplete {
    background-color: #fff;
}

.div-form-input-search {
    border: 1px solid rgb(190, 190, 190);
    border-radius: 2px;
    height: 40px;
    width: 96%;
}

.div-form-input-search > input {
    border: medium none;
    float: left;
    height: 38px;
    padding-left: 10px;
    width: 90%;
}

.div-form-input-search > button {
    background-color: rgb(255, 255, 255);
    border: medium none;
    cursor: pointer;
    height: 38px;
    padding-left: 0;
    padding-right: 0;
    float: right;
    margin-right: 7px;
}

.backpanelisticon {
    width: 26px;
    height: 26px;
}

.nextpanelisticon {
    width: 26px;
    height: 26px;
}

.analyzepanelistphoto {
    max-width: 110px;
    max-height: 110px;
    margin-left: 5px;
    margin-top: 5px;
    min-width: 100px;
    min-height: 100px;
}

.pagingbox {
    text-align: center;
    padding-bottom: 20px;
    padding-top: 10px;
}

ul.myPager {
    font-size: 11px;
    border: 0;
    margin: 0;
    padding: 0;
    line-height: 100%;
    display: inline;
}

ul.myPager li {
    display: inline;
}

ul.myPager a:link,
ul.myPager a:visited {
    border: solid 1px #dddddd;
    font-weight: bold;
    color: #78A7B1;
    padding: 5px 10px;
    text-decoration: none;
}

ul.myPager a {
    border: solid 1px #dddddd;
    font-weight: bold;
    color: #78A7B1;
    padding: 5px 10px;
    margin-right: 2px;
    text-decoration: none;
}

ul.myPager .page a {
    font-weight: normal;
}

ul.myPager a:hover {
    border: solid 1px #dddddd;
}

ul.myPager .selected a {
    background: #0C436C;
    color: #FFFFFF;
    font-weight: bold;
}

ul.myPager .hidden a {
    border: solid 1px #DEDEDE;
    color: #888888;
}

/**
 * Hide first and last buttons by default.
 */
ul.myPager .first,
ul.myPager .last {
    display: none;
}

.smsurveystoolbarbox {
    padding: 10px;
    text-align: right;
    background: #ffffff;
    padding-right: 16px;
    border-radius: 0px 0px 5px 5px;
    -moz-border-radius: 0px 0px 5px 5px;
    -webkit-border-radius: 0px 0px 5px 5px;
}

.smsurveytoolbarbox {

    text-align: right;
    padding-right: 10px;
    background: #F2F3F1;
    margin-left: 0px;
    margin-right: 5px;
    height: 40px;
}

.chattingfriendbox {
    margin-left: 45px;
}

.chattingfriendbox1 {
}

.chatlistansweranalyze {
    display: block;
    line-height: 21px;
    list-style-type: none;
    margin-left: 0px;
    padding-left: 0px;
}

.chatlistansweranalyze li {
    padding: 0px;
    margin: 0px;
}

.addafterquestion {
    float: left;
    font-size: 14px;
    padding-top: 9px;
    margin-right: 16px;
}

.numstarinput {
    width: 50px;
    height: 32px;
    text-align: center;
}

.removestar {
    padding-top: 10px;
}

.addstar {
    padding-top: 10px;
}

.endsurvey {
    font-size: 12px;
    font-weight: normal;
    font-family: arimo,helvetica,arial;
}

.completeness {
    font-size: 12px;
    font-weight: normal;
}

.chatavatarcompletebox {
    float: left;
    margin-top: 10px;
    margin-right: 15px;
}

.endpointinput {
    width: 100px;
    height: 32px;
    text-align: center;
}

.panelistphotoanalyze {
    width: 80px;
    height: 80px;
}

.apanelistphotoanalyze {
    margin-left: 10px;
    width: 64px;
    height: 64px;
}

.analyzepainforowtable {
    border-collapse: collapse;
    border-spacing: 0px;
    width: 100%;
    font-size: 14px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.analyzepainforowtable td {
}

.analyzepname {
    color: #404040;
    font-size: 14px;
    font-weight: bold;
}

.analyzepainfobox {
    background-color: #FFFFFF;
    margin-bottom: 1px;
    padding-bottom: 10px;
    padding-top: 10px;
}

.analyzepainfooterbox {
    background: none repeat scroll 0 0 #ffffff;
    border-radius: 0px 0px 5px 5px;
    -moz-border-radius: 0px 0px 5px 5px;
    -webkit-border-radius: 0px 0px 5px 5px;
    text-align: right;
    margin-bottom: 10px;
    margin-top: 15px;
}

.chatmsgtool {
    list-style-type: none;
    padding: 0px;
    margin: 10px 20px 0px 0px;
    float: right;
}

.chatmsgtool li {
    display: inline-block;
}

.icon8 {
    width: 16px;
    height: 16px;
}

.tabpdetailbox {
    padding-top: 20px;
}

.pdetailtabul {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
    border-bottom: 1px solid #dddddd;
    padding-left: 20px;
}

.pdetailtabul li {
    display: inline-block;
    padding: 10px 32px;
    border-top: 1px solid #dddddd;
    border-left: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
    font-weight: bold;
    color: #999999;
}

.ptabactive {
    /*
        background: none repeat scroll 0 0 #ED4D5A !important;
    
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
    */
    background: none repeat scroll 0 0 #0C436C !important;
    color: #FFFFFF !important;
}

.admincommentbox {
    /* padding: 30px 20px 30px 20px;*/
}

.pbreffullname {
    color: #0C436C;
    padding-top: 0px;
    margin-top: 0px;
}

.productdetailplistbox {
    border-collapse: collapse;
    border-spacing: 0px;
    margin-top: 5px;
    width: 100%;
}

.productdetailplistbox tr {
}

.productdetailplistbox tr:hover td {
    background: none repeat scroll 0 0 #ffffff;
}

.productdetailplistbox td {
    padding-top: 10px;
    padding-bottom: 10px;
}

.pdetailtitle {
    font-size: 16px;
    color: #ff7f00;
    font-weight: bold;
}

.pdetailtitlebox {
    /*border-bottom:1px solid #dddddd;*/
}

.pbriefbox {
    padding: 20px;
}

.pbriefbox1 {
    padding: 20px;
    padding-right: 0px;
}

.headerlistcsurvey {
    background-color: #f0f1f6;
    border-bottom: solid 1px #e2e6e9;
    height: 50px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    -moz-border-top-left-radius: 5px;
    -moz-border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
}

.headerlistcsurvey h2 {
    padding: 0;
    margin: 0;
    padding: 10px 30px;
    text-align: center;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5);
}

.listcsurveyscontent {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    background-color: #ffffff;
    padding: 20px;
    height: 500px;
    overflow-y: auto;
}

.listcsurveyscontentul {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

.progessing {
    z-index: 1000;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    background: #000000;
    opacity: .8;
    filter: alpha(opacity=15);
    -moz-opacity: .8;
    display: none;
}

.progessingcontent {
    width: 32px;
    height: 32px;
    margin: 0 auto;
    position: fixed;
    left: 50%;
    top: 50%;
}

.progressinside {
    width: 32px;
    height: 32px;
    display: none;
}

.selectquestionanswerbox {
    box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
    border: 1px solid #dddddd;
    display: none;
    background-color: #ffffff;
    border-radius: 5px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.selectquestionanswerbox {
    width: 500px;
}

#selectquestionbox {
    width: 920px;
    top: 75px !important;
    display: none;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.7);
    background: none repeat scroll 0 0 #fff;
    border-radius: 5px;
}

.selectquestionanswerheaderbox {
    background: none repeat scroll 0 0 #0c436c;
    padding: 10px;
    color: #ffffff;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    -moz-border-top-left-radius: 5px;
    -moz-border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
}

.selectquestionanswerheaderbox h2 {
    font-size: 16px;
    text-align: center;
    padding: 0;
    margin: 0;
}

.selectquestionanswercontentbox {
    padding: 20px;
    height: 550px;
    overflow-y: auto;
}

.questionnanslist {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

.questionnanslist li {
    padding-top: 10px;
    padding-bottom: 10px;
}

.chatlistanswerbox {
    display: block;
    line-height: 29px;
    list-style-type: none;
    padding-left: 30px;
    padding-right: 14px;
}

.chatlistanswerbox li {
    padding: 0px;
    margin: 0px;
}

.qtitlesel {
    font-weight: bold;
}

.tdtitle2 {
    padding-left: 20px;
}

.targetbox {
    line-height: 35px;
    height: 20px;
    width: 80px;
    text-align: center;
}

.filterresultbox {
    color: #ED4D5A;
}

#progress {
    display: none;
}

.pphotospagingbox {
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: right;
}

.surveyphototitlebox {
    padding-top: 20px;
    padding-bottom: 20px;
    display: inline-block;
    font-weight: bold;
}

.tableboxcomments {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}

.tableboxcomments td {
    border-bottom: 1px solid #E2E6E9;
    padding-bottom: 10px;
    padding-top: 10px;
    text-align: left;
    color: #999999;
    font-weight: normal;
}

.tableboxcomments th {
    border-bottom: 1px solid #E2E6E9;
    padding-bottom: 10px;
    padding-top: 10px;
    text-align: left;
}

.adminpaneltoolbarfooter {
    display: inline-block;
    margin-top: 20px;
    padding-bottom: 20px;
    text-align: left;
}

.selectsurveybox {
    padding: 10px 20px 10px 20px;
}

.ultabpfiltertab {

    display: block;
    list-style-type: none;
    margin: 0px;
    padding: 0;
    width: 102%;
}

.ultabpfiltertab li {
    display: inline-block;
    width: 32%;
}


.ultabpfiltertab #tabs11 {
    background: none repeat scroll 0 0 #DA4A6B;
    color: #FFFFFF;
    display: block;
    padding: 10px 22px;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
    position: relative;
}

.ultabpfiltertab #tabs22 {
    color: #FFF;
    padding: 10px 20px;
    font-size: 13px;
    text-decoration: none;
    background: #5D4EB5 none repeat scroll 0px 0px;
    display: block;
    font-weight: bold;
    position: relative;}

.ultabpfiltertab #tabs33 {
    color: #FFFAFA;
    display: block;
    padding: 10px 10px;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
    background: #4BB9D2 none repeat scroll 0px 0px;
    position: relative;}

.ulbasictab {
    list-style-type: none;
    margin: 0;
    padding: 0;
    padding-bottom: 8px;
    padding-top: 8px;
}

.ulbasictab li {
    display: inline-block;
}

.ulbasictab li a {
    padding: 6px 39px;
    font-size: 14px;
    text-decoration: none;
    border: 1px solid #ddd;
}

.basicpagebox {
    display: inline-block;
    height: 45px;
}

.basicactive {
    background: none repeat scroll 0 0 #ddd !important;
    color: #FFFFFF !important;
}

.targetfilterbox {
    background: none repeat scroll 0 0 !important;
}

.tablefreetext1 {
    font-size: 12px;
    border-collapse: collapse;
    table-layout: fixed;
    border: 1px solid #ccc;
}

.tablefreetext1 .viewdetail {
    text-align: center;
}

.tablefreetext1 td {
    padding: 5px 10px;
    word-wrap: break-word;
    border: 1px solid #ccc;
    font-size: 12px;
}

.tablefreetext1 th {
    padding: 7px 10px;
    word-wrap: break-word;
    background: #666;
    border: 1px solid #666;
    color:#fff;
}

.tablefreetext1 tr:nth-child(2n+1){
    background-color: #f1f1f1;
}

.tablefreetext {
    border-collapse: collapse;
    table-layout: fixed;
}

.tablefreetext td {
    padding: 7px 10px;
    word-wrap: break-word;
}

.tablefreetext th {
    padding: 7px 10px;
    word-wrap: break-word;
    background: #c5e7e7;
}

.tablefreetext .columnfreetext {
    padding: 7px 0px;
}

.tablefreetext .textfreetext {
    vertical-align: top;
}

.tablefreetext .tdimagesfree {
    padding: 7px 0px;
}

.photo2images li {
    display: inline-block;
    list-style-type: none;
}

.tabscontainer {
    background-color: #FFFFFF;
}

.scroll-pane,
.scroll-pane-arrows {
    width: 100%;
    /* height: 450px; */
    overflow: auto;
    padding: 0px 10px;
}

.horizontal-only {
    height: auto;
    max-height: 200px;
}

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

.invitetypebox {
    padding: 15px 10px;
    background-color: #E3E3E3;
    border-radius: 0px 0px 5px 5px;
    -moz-border-radius: 0px 0px 5px 5px;
    -webkit-border-radius: 0px 0px 5px 5px;
}

.invitetypebox1 {
    background-color: #EEEEEE;
    margin-left: 20px;
}

.invitetypebox2 {
    background-color: #EEEEEE;
    margin-left: 8px;
}

.invitetype1 {
    margin-left: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.invitetype {
    margin-top: 10px;
    margin-bottom: 10px;
}

.viewresultzerobox {
    font-size: 21px;
    text-align: center;
    padding-top: 150px;
}

.viewresultoptionbox {
    padding-left: 20px;
    padding-right: 20px;
    background: #fff;
}

.viewresultoptionsubbox {
    padding-bottom: 10px;
}

.surveybriefinfobox {
    padding: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
    background: #fff;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    margin-bottom: 20px;
}

.div-surveybriefinfobox {
    background: none repeat scroll 0 0 #fff;
    border-radius: 5px;
    padding: 8px 16px;
    position: relative;

}
.div-surveybriefinfobox1 {
    background: none repeat scroll 0 0 #fff;
    border-radius: 5px;
    margin-bottom: 10px;
    padding:16px;

}
.div-panelist-chart-survey{
    color: #333;
    font-weight: 600;
    font-size: 18px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    /* padding: 8px 20px; */
    margin-top: 0px;
    float: left;
    /* border: 1px solid; */
    width: 56%;
    padding-left: 14px;
}

div {
    font-family: helvetica;
}

.surveybriefinfobox h2 {
    font-size: 16px;
    font-weight: bold;
    text-align: justify;
    padding-left: 130px;
}

.surveybrieftitle {
    font-size: 15px;
    font-weight: bold;
    color: #0C436C;
}

.surveybriefvalue {
    font-size: 15px;
    color: #999999;
}

.surveyingbox {
    margin-bottom: 30px;
}

.tablesurveyingbox {
    border-spacing: 0px;
    border-collapse: collapse;
    width: 100%;
}

.surveyingheaderbox {
    background-color: #ffffff;
}

.surveyingcontentbox {
    background-color: #ffffff;
    color: #F57C20;
    padding: 15px;
}

.surveyingcontentmsgbox {
    background-color: #ffffff;
    color: #F57C20;
    font-weight: bold;
    height: 340px;
    text-align: center;
    font-size: 30px;
}

.surveyingfooterleftbox {
    background-color: #ffffff;
    padding-left: 30px;
    height: 84px;
}

.surveyingfootermidbox {
    background-color: #ffffff;
    height: 84px;
}

.surveyingfooterrightbox {
    background-color: #ffffff;
    text-align: right;
    padding-right: 30px;
    height: 84px;
}

.surveyingtitle {
    color: #0b436b;
    padding: 0px;
    padding-bottom: 12px;
    margin: 0px;
}

.surveyingschedulebox {
}

.surveyingschedulelabel {
    color: #848484;
    font-weight: bold;
}

.surveyingschedulevalue {
    color: #848484;
}

.surveyingnumquestion {
    color: #8d8d8d;
    font-size: 23px;
}

.surveyingquestionlabel {
    color: #8d8d8d;
}

.questionsurveyingview {
    background-color: #FFFFFF;
    border-radius: 12px;
    margin-bottom: 20px;
    margin-left: 5px;
    padding: 20px;
}

.surveyingmutimsgbox {
    border: 1px solid #EEEEEE;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    height: 72px;
    background-color: #FFFFFF;
    padding: 5px;
}

.surveyingansmsgtextbox {
    border: 0 solid #C9C9C9;
    width: 662px;
    font-family: Helvetica;
    font-size: 14px;
    height: 66px;
    overflow: none;
}

.panswermessagebox {
    color: #999;
    font-size: 15px;
    font-weight: bold;
    padding-top: 5px;
    padding-bottom: 5px;
    word-wrap: break-word;
}

.surveyinguploadboxsurvey {
    height: 30px;
    opacity: 0;
    width: 33px;
    z-index: 10;
}

.surveyingcamicon {
    left: 7px;
    top: 29px;
    position: relative;
    width: 20px;
}

.selectrankbox {
    -moz-appearance: none;
    /*background: url("../images/down-s-icon.png") no-repeat scroll right 3px center #FFFFFF;*/
    border: 1px solid #D9D9D9;
    padding: 7px;
    text-indent: 0.01px;
    text-overflow: "";
    width: 150px;
    margin-right: 20px;
}

.surveyingreward {
    color: #7e7e7e;
    font-size: 26px;
    font-weight: bold;
}

.surveyingendmsgbox {
    color: #7e7e7e;
    text-align: center;
    font-size: 17px;
    font-weight: normal;
}

.listquestionsurveying {
    line-height: 29px;
    list-style-type: none;
    margin: 20px 0 0 30px;
    padding: 0;
}

.surveyinglistanswer {
    display: block;
    line-height: 29px;
    list-style-type: none;
    margin-left: 50px;
    padding-left: 30px;
    padding-right: 14px;
}

.selectmydatebox {
    width: 75px;
    border: 1px solid #D9D9D9;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: #ffffff url(../images/down-s-icon-left.png) no-repeat right center;
    text-indent: 0.01px;
    text-overflow: "";
    padding: 7px 7px;
    font-size: 16px;
}
/* -- new gui chat --*/
.adchattingbox {
}

.adchattingavatarbox {
}

.adchattingavatar {
    float: left;
    width: 53px;
}

.adchattingname {
}

.adchattingarrow {
    width: 15px;
    float: left;
    padding-top: 10px;
}

.adchattingmsgbox {
    margin-left: 68px;
    background-color: #ffffff;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: 0 1px 0px #d9d9d9;
}

.headerpinbox {
    padding: 10px 10px 10px 20px;
    background-color: #65a4b1;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    -moz-border-top-left-radius: 5px;
    -moz-border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    font-weight: bold;
    color: #ffffff;
}

.pintitlebox {
    width: 820px;
    color: #65a4b1;
    width: 600px;
    word-wrap: break-word;
}

.contentpinbox {
    background-color: #ffffff;
    margin-bottom: 20px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    -moz-border-bottom-left-radius: 5px;
    -moz-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    padding: 20px 15px;
    box-shadow: 0 1px 0px #d9d9d9;
}

.showchartpinbox {
}

.chatfootertolbox {
    display: inline-block;
    padding: 20px;
}

.showchartbtn {
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    background-color: #65a4b1;
    padding: 5px 12px;
    color: #ffffff;
    width: 150px;
}

.qimgstable {
    margin-left: 20px;
}

.aremider {
    padding: 5px 10px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    -moz-border-top-left-radius: 10px;
    -moz-border-bottom-left-radius: 10px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    background-color: #78a7b1;
    color: #ffffff;
    font-size: 12px;
    font-family: helvetica;
}

.astop {
    padding: 5px 10px;
    background-color: #5e8c96;
    color: #ffffff;
    font-size: 12px;
    font-family: helvetica;
}

.adelete {
    padding: 5px 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    -moz-border-top-right-radius: 10px;
    -moz-border-bottom-right-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    background-color: #5e8c96;
    color: #ffffff;
    font-size: 12px;
    font-family: helvetica;
}

.chatsendbtn {
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    background-color: #65a4b1;
    padding: 5px 12px;
    color: #ffffff;
    margin-left: 10px;
    border: none;
}

.chattingscaleul {
    list-style-type: none;
    margin: 20px 20px 20px20px;
    padding: 0;
}

.chattingscaleul li {
    display: inline-block;
    padding: 20px;
}

.chattingmtable {
}

.chattingmtable td {
    padding: 10px 10px;
}

.boxmsg2sendleft {
    border-top: 1px solid #dddddd;
    border-left: 1px solid #dddddd;
}

.boxmsg2sendright {
    border-top: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
    height: 36px;
}

.boxmsg2sendbottomleft {
    border-left: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
}

.boxmsg2sendbottomright {
    border-right: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
}

.table4msg {
    border-collapse: collapse;
    border-spacing: 0;
    width: 670px;
}

.chattingsedbox {
    padding-left: 20px;
}

.chatingcreateqcontentbox {
    margin-bottom: 30px;
}

.chattingqcontent {
    background-color: #ffffff;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    -moz-border-bottom-left-radius: 5px;
    -moz-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    box-shadow: 0 1px 0px #d9d9d9;
}

.qtypetab {
    width: 122px;
    background-color: #ffffff;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    -moz-border-top-left-radius: 5px;
    -moz-border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    background-color: #cbcbcb;
    color: #ffffff;
    cursor: pointer;
}

.qtypetabactive {
    width: 124px;
    background-color: #65a4b1;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    -moz-border-top-left-radius: 5px;
    -moz-border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    color: #ffffff;
    cursor: pointer;
}

.tabqtypeul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.tabqtypeul li {
    display: inline-block;
    padding: 10px;
    text-align: center;
}

.tabqtypeul1 {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.tabqtypeul1 li {
    display: inline-block;
    padding: 10px 31px;
    text-align: center;
}

.chattingaddmoreans {
    /*display:inline-block;
       padding: 20px;
       margin-left:4px;*/
    padding: 5px 0px;
}

.div-chat-container {
    width: 100%;
    min-height: 85px;
}

.div-chat-container > table {
    width: 100%;
}

.div-avatar-item {
    /*float: left;*/
    vertical-align: top;
    width: 40px;
}

.div-content-item {
    /*float: left;
            width: 300px;
            margin-left: 10px;*/
    vertical-align: top;
}

.div-image-item {
    /*float: left;
            margin-left: 10px;*/
    max-width: 290px;
    vertical-align: top;
}

.img-remove-chat {
    float: right;
    margin-right: 10px;
    display: none;
}

.addanswerbtn {
    background-color: #F37C20;
    border-radius: 15px;
    color: #FFFFFF;
    /*margin-left: 10px;*/
    padding: 5px 12px;
    font-size: 12px;
}

.chattingdate {
    color: #696969;
    font-size: 14px;
}

.chattingtime {
    color: #696969;
    font-size: 14px;
}

.chatinghr {
    border-bottom: 1px solid #dddddd;
    margin-bottom: 8px;
    margin-top: 5px;
}

.chattingtblebox {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}

.chattingtblebox td {
    padding-left: 10px;
    padding-right: 10px;
    background-color: #ffffff;
}

.chatingtitileheader {
    color: #78A5B1;
    padding: 10px;
    background-color: #ffffff;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    -moz-border-top-left-radius: 5px;
    -moz-border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
}

.chatingtitilefooter {
    background-color: #ffffff;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    -moz-border-bottom-left-radius: 5px;
    -moz-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    box-shadow: 0 1px 0px #d9d9d9;
    height: 5px;
}
/* test */
/* CSS FOR FILTER */
.chart_td {
    padding-left: 10px;
}

.chart_td1 {
    padding-right: 10px;
}

.chart_sedtdtablepoint {
    border: 1px solid #ffffff;
    border-collapse: collapse;
    border-spacing: 0;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    padding-left: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.chart_sedtdtablepoint1 {
    border: 1px solid #ffffff;
    border-collapse: collapse;
    border-spacing: 0;
    padding-left: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    background: #fff;
}

.chart_panelistfilterresult {
    background-color: #ffffff;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.chart_filterresultbox {
    color: #F37E21;
    padding-left: 20px;
}

.chart_filterresultbox1 {
    color: #F37E21;
}

#chart_hr {
    background: #D2D2D2;
    height: 1px;
    margin-left: 20px;
    margin-right: 20px;
}

.surveytableheader {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}

.chart_mnueditsurveyul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #ffffff;
    /*    margin-bottom: -4px;*/
}

.chart_mnueditsurveyul li {
    display: inline-block;
    width: 200px;
    text-align: center;
    background-color: #0C436C;
    padding: 8px 0px;
    /*    border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        -moz-border-top-left-radius: 5px;
        -moz-border-top-right-radius: 5px;
        -webkit-border-top-left-radius: 5px;
        -webkit-border-top-right-radius: 5px;*/
    font-size: 14px;
}
.chart_mnueditsurveyul li a {
    color:#FFFFFF;
}
.chart_mnueditsurveyul1 {
    list-style-type: none;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #ffffff;
    margin-bottom: 0px;
}

.chart_mnueditsurveyul1 li {
    display: inline-block;
    width: 231px;
    text-align: center;
    background-color: #E3E3E3;
    padding: 11px 0px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    -moz-border-top-left-radius: 5px;
    -moz-border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    font-size: 16px;
}

.menuactive {
    /*    background-color: #F9F9FA;
        color: #ffffff;
        color: black;*/
    background: none repeat scroll 0 0 #FFFFFF !important;
    color: #4F4F4F !important;
    /*    border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        -moz-border-top-left-radius: 5px;
        -moz-border-top-right-radius: 5px;
        -webkit-border-top-left-radius: 5px;
        -webkit-border-top-right-radius: 5px;*/
    font-weight: bold;
}

.menuactive a {
    color: #4F4F4F !important;
}

.menuactive1 {
    background-color: #F9F9FA;
    color: #ffffff;
    color: black;
    background: none repeat scroll 0 0 #0C436C !important;
    color: #ffffff !important;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    -moz-border-top-left-radius: 5px;
    -moz-border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    font-weight: bold;
    width: 217px !important;
}

.menuactive1 a {
    color: #ffffff !important;
}

.chart_mnueditsurveyulliactive {
    border: 1px solid #78a7b1;
    border-bottom: 0px solid #78a7b1;
    background-color: #F9F9FA;
    color: #999999;
    font-weight: bold;
    text-align: center;
}

.chart_mnueditsurveyulliactive1 {
    background-color: #0C436C;
    color: #fff;
    font-weight: bold;
    border-radius: 5px 5px 0px 0px;
    -moz-border-radius: 5px 5px 0px 0px;
    -webkit-border-radius: 5px 5px 0px 0px;
    text-align: center;
}

.chart_mnueditsurveyulliactive2 {
    background-color: #0C436C;
    color: #fff;
    font-weight: bold;
    border-radius: 5px 5px 0px 0px;
    -moz-border-radius: 5px 5px 0px 0px;
    -webkit-border-radius: 5px 5px 0px 0px;
    text-align: center;
}

.chart_mnueditsurveyulliactive3 {
    background-color: #0C436C;
    color: #fff;
    font-weight: bold;
    border-radius: 5px 5px 0px 0px;
    -moz-border-radius: 5px 5px 0px 0px;
    -webkit-border-radius: 5px 5px 0px 0px;
    text-align: center;
}

.chart_mnueditsurveyulliactive4 {
    background-color: #0C436C;
    color: #fff;
    margin-right: 10px;
    font-weight: bold;
    border-radius: 5px 5px 0px 0px;
    -moz-border-radius: 5px 5px 0px 0px;
    -webkit-border-radius: 5px 5px 0px 0px;
    text-align: center;
}

.chart_mnueditsurvey {
    background-color: #E3E3E3;
    text-align: center;
    color: #838383;
    font-weight: bold;
    margin-right: 10px;
    width: 180px;
    border-radius: 5px 5px 0px 0px;
    -moz-border-radius: 5px 5px 0px 0px;
    -webkit-border-radius: 5px 5px 0px 0px;
}

.chart_mnueditsurveyedit {
    background-color: #E3E3E3;
    text-align: center;
    color: #838383;
    font-weight: bold;
    margin-right: 10px;
    width: 180px;
    border-radius: 5px 5px 0px 0px;
    -moz-border-radius: 5px 5px 0px 0px;
    -webkit-border-radius: 5px 5px 0px 0px;
}

.chart_mnueditsurveya {
    background-color: #E3E3E3;
    text-align: center;
    color: #838383;
    font-weight: bold;
    margin-right: 10px;
    width: 180px;
    border-radius: 5px 5px 0px 0px;
    -moz-border-radius: 5px 5px 0px 0px;
    -webkit-border-radius: 5px 5px 0px 0px;
}

.chart_mnueditsurveyb {
    background-color: #E3E3E3;
    text-align: center;
    color: #838383;
    font-weight: bold;
    margin-right: 10px;
    width: 180px;
    border-radius: 5px 5px 0px 0px;
    -moz-border-radius: 5px 5px 0px 0px;
    -webkit-border-radius: 5px 5px 0px 0px;
}

.chart_mnueditsurveybedit {
    background-color: #E3E3E3;
    text-align: center;
    color: #838383;
    font-weight: bold;
    margin-right: 10px;
    width: 180px;
    border-radius: 5px 5px 0px 0px;
    -moz-border-radius: 5px 5px 0px 0px;
    -webkit-border-radius: 5px 5px 0px 0px;
}

.chart_mnueditsurvey2 {
    background-color: #E3E3E3;
    text-align: center;
    color: #838383;
    font-weight: bold;
    margin-right: 10px;
    width: 180px;
    border-radius: 5px 5px 0px 0px;
    -moz-border-radius: 5px 5px 0px 0px;
    -webkit-border-radius: 5px 5px 0px 0px;
}

.chart_mnueditsurvey2inv {
    background-color: #E3E3E3;
    text-align: center;
    color: #838383;
    font-weight: bold;
    margin-right: 10px;
    width: 180px;
    border-radius: 5px 5px 0px 0px;
    -moz-border-radius: 5px 5px 0px 0px;
    -webkit-border-radius: 5px 5px 0px 0px;
}

.chart_mnueditsurvey2edit {
    background-color: #E3E3E3;
    text-align: center;
    color: #838383;
    font-weight: bold;
    margin-right: 10px;
    width: 180px;
    border-radius: 5px 5px 0px 0px;
    -moz-border-radius: 5px 5px 0px 0px;
    -webkit-border-radius: 5px 5px 0px 0px;
}

.chart_mnueditsurvey3 {
    background-color: #E3E3E3;
    text-align: center;
    color: #838383;
    font-weight: bold;
    width: 180px;
    border-radius: 5px 5px 0px 0px;
    -moz-border-radius: 5px 5px 0px 0px;
    -webkit-border-radius: 5px 5px 0px 0px;
}

.chart_mnueditsurvey3ana {
    background-color: #E3E3E3;
    text-align: center;
    color: #838383;
    font-weight: bold;
    width: 185px;
    border-radius: 5px 5px 0px 0px;
    -moz-border-radius: 5px 5px 0px 0px;
    -webkit-border-radius: 5px 5px 0px 0px;
}

.chart_mnueditsurvey3edit {
    background-color: #E3E3E3;
    text-align: center;
    color: #838383;
    font-weight: bold;
    width: 180px;
    border-radius: 5px 5px 0px 0px;
    -moz-border-radius: 5px 5px 0px 0px;
    -webkit-border-radius: 5px 5px 0px 0px;
}

.chart_mnueditsurvey1 {
    background-color: #E3E3E3;
    text-align: center;
    color: #838383;
    font-weight: bold;
    margin-left: 10px;
    width: 180px;
    border-radius: 5px 5px 0px 0px;
    -moz-border-radius: 5px 5px 0px 0px;
    -webkit-border-radius: 5px 5px 0px 0px;
}

.chart_flatbtnblue {
    background: none repeat scroll 0 0 #0C436C;
    opacity: 0.8;
    border: 0 none;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    color: #FFFFFF;
    font-family: helvetica,verdana,serif;
    font-size: 14px;
    padding: 7px 30px;
    display: inline-block;
    margin-left: 5px;
    font-weight: bold;    font-size: 16px;
    padding: 7px 10px;
    display: inline-block;
    margin-left: 5px;
    font-weight: bold;
}

.chart_flatbtnblue-2 {
    background: none repeat scroll 0 0 #0C436C;
    opacity: 0.8;
    border: 0 none;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    color: #FFFFFF;
    font-family: helvetica,verdana,serif;
    font-size: 16px;
    padding: 7px 10px;
    display: inline-block;
    margin-left: 5px;
    font-weight: bold;
}

.div-type-question-margintop {
    margin-top: 24px;
}

.profilevalue1 {
    font-weight: normal;
    color: #000000;
}

#chart_tableinvite {
    /*background: #EEEEEE;*/
    border-radius: 0px 0px 5px 5px;
    -moz-border-radius: 0px 0px 5px 5px;
    -webkit-border-radius: 0px 0px 5px 5px;
    border-collapse: collapse;
    border-spacing: 0;
}

#chart_info {
    padding-left: 0px;
}

#chart_trend {
    position: relative;
    top: 33px;
    color: #0C436C;
    z-index: 999;
    font-weight: bold;
    padding-left: 20px;
    width: 500px;
}

#incomefamily {
    position: relative;
    z-index: 1;
    margin-top: -15px;
}

#highchart {
    margin-left: 15px;
    border: none;
    border: solid 1px #ccc;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 5px;
}

.surveyselectbox1 {
    width: 100%;
    border: 1px solid #D9D9D9;
    -webkit-appearance: none; /*Removes default chrome and safari style*/
    -moz-appearance: none; /* Removes Default Firefox style*/
    text-indent: 0.01px; /* Removes default arrow from firefox*/
    text-overflow: ""; /*Removes default arrow from firefox*/ /*My custom style for fonts*/
    padding: 5px;
    margin-top: 10px;
    margin-left: 10px;
    margin-right: 10px;
}

.searchitemlabel1 {
    padding: 2px 15px;
    padding-top: 2px;
    font-weight: bold;
    color: #666666;
}

.searchboxheader1 {
    padding: 12px;
    background: none repeat scroll 0 0 #0C4369;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    -moz-border-top-left-radius: 5px;
    -moz-border-top-left-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
}

.searchboxheader1 h2 {
    padding: 0px;
    margin: 0px;
    color: #ffffff;
    font-size: 16px;
}

.searchboxfooter1 {
    text-align: right;
    margin-right: 20px;
    padding-top: 10px;
    background: none repeat scroll 0 0 #ffffff;
}

.tablesearchcontent1 {
    border-collapse: collapse;
    border-spacing: 0px;
    width: 100%;
    margin-top: 2px;
}

.tablesearchcontent1 td {
    text-align: center;
}

.tablesearchcontent1 .emailcontent {
    padding-right: 46px;
}

.tablesearchcontent1 .emailcontent1 {
    padding-right: 20px;
}

.tablesearchcontent1 tr {
    background: none repeat scroll 0 0 #ffffff;
}

.user_flatbtnblue {
    background: none repeat scroll 0 0 #0C436C;
    opacity: 0.8;
    border: 0 none;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    color: #FFFFFF;
    font-family: helvetica,verdana,serif;
    font-size: 17px;
    padding: 3px 20px;
    display: inline-block;
    font-weight: bold;
    margin-bottom: 10px;
}

.searchboxcontent_result {
    background: none repeat scroll 0 0 #ffffff;
    border-radius: 0px 0px 5px 5px;
    margin-bottom: 20px;
    padding-top: 1px;
}

.searchboxcontent_result-1 {
    background: none repeat scroll 0 0 #ffffff;
    border-radius: 0px 0px 5px 5px;
    margin-bottom: 16px;
    padding-top: 1px;
    padding-bottom: 10px;
}

.result_box {
    padding-bottom: 25px;
}

.sedtdtablepoint_point {
    border: 1px solid #ffffff;
    /*margin:20px 20px 20px 0px;*/
    border-collapse: collapse;
    border-spacing: 0;
    padding-top: 20px;
    margin-left: 20px;
    margin-right: 20px;
    margin-top: 10px;

}

.sedtdtablepoint_point th {
    color: #D6D6D6;
    padding: 8px 0px;
}

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

.sedtdtablepoint_point td {
    text-align: left;
    font-size: 12px;
    color: #999999;
    border-top: 1px solid #ffffff;
    padding-top: 10px;
    padding-bottom: 10px;
}

.sedtdtablepoint_point tr:nth-child(odd) {
    background: #F0F0F0;
}

.sedtdtablepoint_point tr:nth-child(1) {
    background: #D6D6D6;
}

.sedtdtablepoint_point tr:nth-child(even) {
    background: #FFFFFF;
}

.sedtdtablepoint_point tbody.userpoint-history tr:nth-child(2n) {
    background: #f0f0f0;
}

.sedtdtablepoint_point tbody.userpoint-history tr:nth-child(2n+1) {
    background: #fff;
}

.pointreport {
    background: #D6D6D6;
}

.user_h2 {
    background: #fff;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    margin-bottom: 0px;
}

.user_h2 {
    font-size: 16px;
    padding: 10px 15px;
    color: #818181;
}

#user_span {
    font-size: 16px;
    font-weight: bold;
    color: #787878;
}

.menu_color {
    color: #fff;
    font-size: 16px;
    padding-left: 20px;
    font-weight: bold;
    margin-top: 10px;
}

.surveyresult {
    padding-top: 8px;
    padding-bottom: 8px;
    margin: 0px;
    color: #ffffff;
    padding-left: 20px;
    margin-top: 20px;
}

#pleaseselect {
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}

.backhome {
    font-size: 16px;
    margin-top: 15px;
}

.backhome a {
    color: #376384;
    font-weight: bold;
}

.backhome a:hover {
    color: #FFA500;
    font-weight: bold;
}

.contentsearch {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background: #fff;
}

.regular-checkbox {
    display: none;
}

.regular-checkbox + label {
    background-color: #fff;
    border: 1px solid #cacece;
    padding: 9px;
    border-radius: 1px;
    display: inline-block;
    position: relative;
}

.regular-checkbox + label:active, .regular-checkbox:checked + label:active {
}

.regular-checkbox:checked + label {
    background-color: #fff;
    border: 1px solid #adb8c0;
    color: #99a1a7;
}

.regular-checkbox:checked + label:after {
    content: '\2714';
    font-size: 14px;
    position: absolute;
    top: 0px;
    left: 3px;
    color: #99a1a7;
}


.child-checkbox {
    display: none;
}

.child-checkbox + label {
    background-color: #fff;
    border: 1px solid #cacece;
    padding: 9px;
    border-radius: 1px;
    display: inline-block;
    position: relative;
}

.child-checkbox + label:active, .child-checkbox:checked + label:active {
}

.child-checkbox:checked + label {
    background-color: #fff;
    border: 1px solid #adb8c0;
    color: #99a1a7;
}

.child-checkbox:checked + label:after {
    content: '\2714';
    font-size: 14px;
    position: absolute;
    top: 0px;
    left: 3px;
    color: #99a1a7;
}

.surveyinputboxa {
    border: 1px solid #d9d9d9;
    height: 34px;
    width: 100%;
    padding-left: 10px;
    font-size: 13px;
}

.filterinputboxa {
    border: 1px solid #d9d9d9;
    height: 30px;
    width: 308px;
    padding-left: 10px;
    color: #787878;
    font-family: helvetica;
}

input.filterinputboxa {
    border: 1px solid #d9d9d9;
    height: 34px;
    width: 100%;
    padding-left: 10px;
    color: #787878;
    font-family: helvetica;
}

.div-matrix-bar {
    /*margin-bottom: -8px;*/
    /* margin-top: 10px; */
    /* padding-left: 2px; */
    display: none; 
    float: left;
    margin-right: 24px;
}

.div-matrix-bar > label, .div-randomize-css > label, .div-question-others > label, .div-question-numberinput > label {
    /*    font-size: 16px;*/
    font-family: helvetica;
    cursor: pointer;
    font-weight: normal;
    display: inline;
}

.div-question-others, .div-question-numberinput {
    /* margin-top: 10px; */
    /* padding-left: 2px; */
    float: left; 
    margin-right: 15px;
}

.div-question-others{
    display: none;
}

select {
    font-family: helvetica;
}

.settinginput {
    border: 1px solid #d9d9d9;
    /*height: 30px;
        width: 665px;
            padding-left: 10px;*/
    padding: 7px 12px;
}

.regular-box {
    display: none;
}

.regular-box + label {
    background-color: #fff;
    border: 1px solid #cacece;
    padding: 6px;
    border-radius: 1px;
    display: inline-block;
    position: relative;
}

.regular-box + label:active, .regular-box:checked + label:active {
}

.regular-box:checked + label {
    background-color: #fff;
    border: 1px solid #adb8c0;
    color: #99a1a7;
}

.regular-box:checked + label:after {
    content: '\2714';
    font-size: 14px;
    position: absolute;
    top: 0px;
    left: 0px;
    color: #99a1a7;
}

#chart {
    margin-bottom: 20px;
}

#incomefamily {
    margin-bottom: 20px;
}

.gentable {
    border-collapse: collapse;
    border-spacing: 0px;
    width: 100%;
}

.analyzeqnseprbox {
    width: 0;
    height: 0;
    border-top: 23px solid transparent;
    border-bottom: 23px solid transparent;
    border-left: 15px solid #3C6F94;
    float: left;
    padding-right: 10px;
}
/*
    .analyzeqnseprbox
    {
            width:17px;
            float:left;
            padding-bottom: 13.5px;
        padding-left: 10px;
        padding-top: 13.5px;
            background-image:url(../images/analyzeqseperate.png);
    
        background-repeat: no-repeat;
    }
*/

.panelistcycle {
    background-color: #dabcb1;
    border-radius: 10px;
    color: #999999;
    display: block;
    font-weight: bold;
    height: 50px;
    line-height: 50px;
    margin-top: 6px;
    text-align: center;
    width: 50px;
    margin-left: 5px;
}

.regularbox {
    display: none;
}

.regularbox + label {
    background-color: #fff;
    border: 1px solid #cacece;
    padding: 6px;
    border-radius: 1px;
    display: inline-block;
    position: relative;
}

.regularbox + label:active, .regularbox:checked + label:active {
}

.regularbox:checked + label {
    background-color: #fff;
    border: 1px solid #adb8c0;
    color: #99a1a7;
}

.regularbox:checked + label:after {
    content: '\2714';
    font-size: 14px;
    position: absolute;
    top: -4px;
    left: 0px;
    color: #2D2D2D;
}

.clearcheck {
    margin-left: 40px;
    margin-top: 10px;
}

.tableshowfilter {
    border-spacing: 0px;
    border-collapse: collapse;
    border: 1px solid #E3E3E3;
    table-layout: fixed;
}

.tableshowfilter td {
    border-spacing: 0px;
    border-collapse: collapse;
    border: 1px solid #E3E3E3;
    padding: 5px 10px;
    word-wrap: break-word;
}

.panelistcycle1 {
    background-color: #F2F3F1;
    border-radius: 10px;
    color: #999999;
    display: block;
    font-weight: bold;
    height: 80px;
    line-height: 64px;
    /* margin-top: 1px; */
    text-align: center;
    width: 80px;
    font-size: 24px;
    padding: 10px;
}

.panelistcycle2 {
    background-color: #dabcb1;
    color: #999999;
    display: block;
    font-weight: bold;
    height: 95px;
    line-height: 95px;
    text-align: center;
    width: 95px;
    margin: 5px;
    font-size: 28px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.chattingmtable {
    border-collapse: collapse;
    border-spacing: 0;
    margin-left: 20px;
    margin-right: 20px;
    width: 832px;
    word-wrap: break-word;
    table-layout: fixed;
}

.chattingmtable td {
    background-color: #f1f1f1;
    padding: 20px 20px;
    text-align: center;
    border: 1px solid #ffffff;
}

.chattingmtable tr:first-child td {
    background-color: #e2e2e2;
}

.chattingmtable tr:first-child td:first-child {
    background-color: #ffffff;
}

.chattingmtable td:first-child {
    background-color: #e2e2e2;
}

.labeluseraccount {
    font-weight: bold;
    font-size: 14px;
}

.tablepanelists .labeluseraccounta {
    font-weight: bold;
    font-size: 14px;
    text-align: center;
}

.tablepanelists .labeluseraccountb {
    font-size: 12px;
    text-align: center;
}

.labeluseraccount2 {
    font-size: 12px;
}

.labeluseraccountc {
    font-size: 12px;
    color: #000;
}

.labeluseraccount1 {
    font-weight: bold;
    font-size: 14px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.titlechart {
    padding-top: 10px;
}

.arrow-up {
    border-bottom: 5px solid #ffffff;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    height: 0;
    width: 0;
    float: right;
    margin-right: 5px;
    margin-top: 5px;
}

.arrow-down {
    border-top: 5px solid #FFFFFF;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    height: 0;
    width: 0;
    float: right;
    margin-right: 5px;
    margin-top: 5px;
}

.imgchart {
    padding: 5px 7px;
    border-top: 1px solid #CFCFCF;
    border-right: 1px solid #CFCFCF;
    border-bottom: 1px solid #CFCFCF;
    margin-top: 10px;
    cursor: pointer;
    border-collapse: collapse;
    border-spacing: 0px;
    border-radius: 0px 3px 3px 0px;
    -moz-border-radius: 0px 3px 3px 0px;
    -webkit-border-radius: 0px 3px 3px 0px;
    margin-right: 8px;
}

.imgchart1 {
    padding: 5px 7px;
    border: 1px solid #CFCFCF;
    margin-top: 10px;
    border-collapse: collapse;
    border-spacing: 0px;
    border-radius: 3px 0px 0px 3px;
    -moz-border-radius: 3px 0px 0px 3px;
    -webkit-border-radius: 3px 0px 0px 3px;
    cursor: pointer;
}

.stylebarchartbox {
    border-collapse: collapse;
    border-spacing: 0px;
    border: 0px solid #fff;
    height: 50px;
}

.stylebarchartbox .charttdbar {
    border-collapse: collapse;
    border-spacing: 0px;
    border: 1px solid #A2A2A2;
    width: 30px;
    height: 30px;
}

.surveyboxsurveyheader {
    background-color: #d9e3d0;
    height: 90px;
    border-bottom: 11px solid #6d8f4b;
}

.surveyboxsurveycontent {
    padding: 20px;
    height: 170px;
}

.other-answer-content {
    width: 525px;
    height: 30px;
    margin-left: 10px;
    padding: 0px 5px;
}

.surveyboxsurveyfooter {
    height: 64px;
}

.surveyboxminisurveyheader {
    background-color: #ecead9;
    height: 90px;
    border-bottom: 11px solid #d3b864;
}

.surveyboxminisurveycontent {
    height: 165px;
    padding: 20px;
}

.surveyboxminisurveyfooter {
    height: 64px;
}

.surveyicon {
    float: left;
    padding-left: 15px;
    padding-top: 10px;
}

.chatsurveydetailtitle {
    color: #6d8f4b;
    font-family: helvetica;
    font-weight: normal;
    margin: 0;
    padding: 43px 15px 0 0;
    text-align: right;
}

.tsurveyqbox {
    width: 100%;
}

.tsurveyqboxqbox {
    width: 50px;
    text-align: left;
}

.myradiobox {
    display: none;
}

.myradiobox + label {
    background-color: #fff;
    border: 2px solid #cacece;
    padding: 10px;
    border-radius: 12px;
    display: inline-block;
    position: relative;
    top: 4px;
    margin-right: 10px;
    margin-bottom: 0px;
    line-height: 1.8;
    color: #8d8d8d;
}

.myradiobox + label:active, .myradiobox:checked + label:active {
}

.myradiobox:checked + label {
    background-color: #fff;
    border: 2px solid #adb8c0;
    color: #99a1a7;
}

.myradiobox:checked + label:after {
    content: '\2714';
    font-size: 14px;
    position: absolute;
    top: -4px;
    left: 5px;
    color: #2D2D2D;
}

.mycheckbox {
    display: none;
}

.mycheckbox + label {
    background-color: #fff;
    border: 2px solid #cacece;
    padding: 10px;
    border-radius: 5px;
    display: inline-block;
    position: relative;
    top: 4px;
    margin-right: 10px;
    margin-bottom: 0px;
    line-height: 1.8;
    color: #8d8d8d;
}

.mycheckbox + label:active, .mycheckbox:checked + label:active {
}

.mycheckbox:checked + label {
    background-color: #fff;
    border: 2px solid #adb8c0;
    color: #99a1a7;
}

.mycheckbox:checked + label:after {
    content: '\2714';
    font-size: 14px;
    position: absolute;
    top: -4px;
    left: 5px;
    color: #2D2D2D;
}

.surveycheckrabox {
    float: left;
    width: 30px;
}

.surveyanswertitle {
    color: #999;
    width: 618px;
    word-wrap: break-word;
    margin-left: 30px;
}

.surveylistanswer {
    line-height: 29px;
    list-style-type: none;
    padding: 0px;
    margin: 0px;
    margin-top: 10px;
}

.surveyingrowtitle {
    color: #6a6a6a;
    font-weight: normal;
}

.surveyingcolumntitle {
    color: #6a6a6a;
    font-weight: bold;
}

.chatanswertitleranking {
    color: #999;
    padding-bottom: 8px;
    padding-top: 8px;
    word-wrap: break-word;
}

.surveyingwarning {
    color: #666666;
    font-family: helvetica;
    font-size: 15px;
    font-weight: normal;
    padding: 30px;
}

.maincontent4 {
    width: 750px;
    margin: 0 auto;
}

.searchitemlabeltd {
    padding-top: 12px;
    font-weight: bold;
}

.tdquestionbox1 {
    padding-bottom: 10px;
}

.tdquestionbox2 {
    padding-bottom: 10px;
    padding-left: 10px;
}

.trquestionbox {
    /*border-top: 10px solid #F2F2F2;*/
}

.myanswer {
    padding-left: 10px;
    word-wrap: break-word;
    width: 902px;
    font-size: 13px;
}

.myanswer-next {
    border: 1px solid;
    /* border-radius: 5px; */
    padding-right: 10px;
    padding-left: 10px;
    margin-left: 20px;
    display: inline-block;
    background-color: #0C436C;
    padding-top: 2px;
    padding-left: 2;
    padding-bottom: 2px;
    color: #fff;
    width: auto;/*60px*/
    text-align: center;
    font-weight: bold;
}

.myradiobox1 {
    display: none;
}

.myradiobox1 + label {
    background-color: #fff;
    border: 2px solid #cacece;
    padding: 10px;
    border-radius: 12px;
    display: inline-block;
    position: relative;
    top: 3px;
    margin-right: 10px;
    margin-bottom: 0px;
    line-height: 1.8;
    color: #8d8d8d;
}

.myradiobox1 + label:active, .myradiobox1:checked + label:active {
}

.myradiobox1:checked + label {
    background-color: #fff;
    border: 2px solid #adb8c0;
    color: #99a1a7;
}

.myradiobox1:checked + label:after {
    content: "";
    font-size: 14px;
    font-weight: bold;
    position: absolute;
    top: -4px;
    left: 5px;
    color: #2D2D2D;
}

.radioind {
    display: none;
}

.radioind + label {
    background-color: #fff;
    border: 2px solid #cacece;
    padding: 10px;
    border-radius: 12px;
    display: inline-block;
    position: relative;
    top: 4px;
    margin-right: 10px;
    margin-bottom: 0px;
    line-height: 1.8;
    color: #8d8d8d;
}

.radioind + label:active, .radioind:checked + label:active {
}

.radioind:checked + label {
    background-color: #fff;
    border: 2px solid #adb8c0;
    color: #99a1a7;
}

.radioind:checked + label:after {
    content: '\2714';
    font-size: 14px;
    position: absolute;
    top: -4px;
    left: 5px;
    color: #2D2D2D;
}


.mycheckbox1 {
    display: none;
}

.mycheckbox1 + label {
    background-color: #fff;
    border: 2px solid #cacece;
    padding: 10px;
    border-radius: 5px;
    display: inline-block;
    position: relative;
    top: 3px;
    margin-right: 10px;
    margin-bottom: 0px;
    line-height: 1.8;
    color: #8d8d8d;
}

.mycheckbox1 + label:active, .mycheckbox1:checked + label:active {
}

.mycheckbox1:checked + label {
    background-color: #fff;
    border: 2px solid #adb8c0;
    color: #99a1a7;
}

.mycheckbox1:checked + label:after {
    content: '\2714';
    font-size: 14px;
    position: absolute;
    top: -4px;
    left: 5px;
    color: #2D2D2D;
}

.categorytemplate {
    padding-left: 20px;
}

.tdquestionboxadd {
    text-align: right;
}

.imgbackhome {
    padding-right: 5px;
    vertical-align: bottom;
}

.table4questionmatrix {
    border-collapse: collapse;
    border-spacing: 0;
    margin-left: 0px;
    margin-right: 0px;
    width: 100%;
    margin-bottom: 15px;
    margin-top: 15px;
    table-layout: fixed;
    word-wrap: break-word;
}

.table4questionmatrix td {
    background-color: #f1f1f1;
    padding: 5px 20px;
    text-align: center;
    border: 1px solid #ffffff;
}

.table4questionmatrix tr:first-child td {
    background-color: #e2e2e2;
}

.table4questionmatrix tr:first-child td:first-child {
    background-color: #ffffff;
}

.table4questionmatrix td:first-child {
    background-color: #e2e2e2;
}

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

.matrixquestiontableind {
    border-collapse: collapse;
    border-spacing: 0;
    width: 839px;
    margin-bottom: 10px;
    margin-top: 10px;
    overflow: auto;
    table-layout: fixed;
}

.matrixquestiontableind td {
    background-color: #f1f1f1;
    padding: 16px 10px;
    text-align: center;
    border: 1px solid #ffffff;
}

.matrixquestiontableind tr:first-child td {
    background-color: #e2e2e2;
}

.matrixquestiontableind tr:first-child td:first-child {
    background-color: #ffffff;
}

.matrixquestiontableind td:first-child {
    background-color: #e2e2e2;
    word-wrap: break-word;
    text-align: left;
}

.questionpositionspan {
    color: #0C436C;
    font-size: 12px;
    font-weight: bold;
    padding-top: 0px !important;
}

.checkind {
    display: none;
}

.checkind + label {
    background-color: #fff;
    border: 2px solid #cacece;
    padding: 10px;
    border-radius: 5px;
    display: inline-block;
    position: relative;
    top: 4px;
    margin-right: 10px;
    margin-bottom: 0px;
    line-height: 1.8;
    color: #8d8d8d;
}

.checkind + label:active, .checkind:checked + label:active {
}

.checkind:checked + label {
    background-color: #fff;
    border: 2px solid #adb8c0;
    color: #99a1a7;
}

.checkind:checked + label:after {
    content: '\2714';
    font-size: 14px;
    position: absolute;
    top: -4px;
    left: 5px;
    color: #2D2D2D;
}

.x {
    position: relative;
    list-style: none;
    padding: 10px;
    display: none;
}

.x {
    opacity: 0;
    position: absolute;
}

/* Matches the direct descendant of a label preceded by a 
   radio button */
.x + label > span {
    position: relative;
    border-radius: 14px;
    width: 20px;
    height: 20px;
    background-color: #f0f0f0;
    border: 1px solid #bcbcbc;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
    margin: 0 1em 0 0;
    display: inline-block;
    vertical-align: middle;
}

/* Matches the direct descendant of a label preceded by a 
   checked radio button */
.x:checked + label > span {
    background: linear-gradient(#a0e5f8, #75c7dc);
    background: -webkit-linear-gradient(#a0e5f8, #75c7dc);
    border-color: #41a6bf;
    box-shadow: 0px 1px 2px rgba(65, 166, 191, 0.9) inset;
}

/* Matches a span contained by the direct descendant 
of a label preceded by a checked radio button */
.x:checked + label > span span {
    display: inline-block;
    width: 8px;
    height: 8px;
    position: absolute;
    left: 6px;
    top: 6px;
    border-radius: 5px;
    border: none;
    background: #167c95;
    box-shadow: 0px 1px rgba(255, 255, 255, 0.3);
}

.x:focus + label > span {
    box-shadow: 0px 0px 6px rgba(63, 165, 190, 1);
}
/*
    .indcontent{
        position:relative;
        top:-30px;
        padding-left:35px;
    }
*/
.freetextcontent {
    word-wrap: break-word;
}

.chatquestionsubtitle {
    word-wrap: break-word;
}

.scalestar {
    height: 50px;
}

.labelhighchart {
    display: block;
    width: 200px;
    min-width: 200px;
    text-align: right;
    word-wrap: break-word;
}

.xclearcondition {
    background: none repeat scroll 0 0 #e3e3e3;
    border-radius: 50%;
    color: #fff;
    display: inline-block;
    float: left;
    font-size: 18px;
    font-weight: bold;
    height: 27px;
    margin-left: 36px;
    margin-top: 10px;
    padding-left: 6px;
    width: 21px;
}

.xclearcondition1 {
    background: none repeat scroll 0 0 #e3e3e3;
    border-radius: 50%;
    color: #fff;
    display: inline-block;
    float: left;
    font-size: 18px;
    font-weight: bold;
    height: 27px;
    margin-left: 45px;
    margin-top: 10px;
    padding-left: 6px;
    width: 21px;
}

.xclearcondition2 {
    border-radius: 50%;
    color: #fff;
    display: inline-block;
    float: left;
    font-size: 18px;
    font-weight: bold;
    height: 27px;
    margin-left: 0px;
    margin-top: 10px;
    padding-left: 6px;
    margin-bottom: 0px;
    margin-right: 0px;
    width: 21px;
}

.profilevalueclear {
    border-radius: 0 2px 2px 0;
    color: #000;
    display: inline-block;
    float: left;
    margin-top: 6px;
    padding: 4px 4px;
}

.profilevalueclear:hover {
    text-decoration: underline;
}

.mainerror {
    margin-top: 200px;
    background: #fff;
}

.permissionerror {
    color: #FFA500;
    font-size: 25px;
}

.error-content {
    background: none repeat scroll 0 0 #fff;
    border-radius: 5px;
    margin: 0 auto;
    padding: 30px 40px;
    width: 50%;
    padding-bottom: 100px;
}

.errorh2 {
    text-align: center;
    color: #0C436C;
}

.errormessage {
    font-size: 18px;
    color: #000;
}

.letusknow {
    font-size: 18px;
    color: #F57C20;
}

.letusknow a {
    font-size: 18px;
    color: #F57C20;
}

.letusknow a:hover {
    font-size: 18px;
    color: #0C436C;
}

.errorchart {
    color: #0c436c;
    font-weight: bold;
    margin-left: 40px;
    margin-right: 40px;
    padding: 20px 20px 20px 70px;
    position: absolute;
    top: 150px;
    z-index: 999;
}

.errortimeschart {
    color: #0c436c;
    font-weight: bold;
    margin-left: 40px;
    margin-right: 40px;
    padding: 20px 20px 20px 70px;
    position: absolute;
    top: 700px;
    z-index: 999;
}

.errorincomefamily {
    color: #0c436c;
    font-weight: bold;
    margin-left: 70px;
    margin-right: 40px;
    padding-left: 70px;
    position: absolute;
    top: 1000px;
    z-index: 999;
}

.listofchildren {
    list-style-type: none;
}

.chartwidth {
    width: 878px;
}

.web_dialog_overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    background: #000000;
    opacity: .8;
    filter: alpha(opacity=15);
    -moz-opacity: .8;
    z-index: 1058;
    display: none;
}

.alertdialog {
    min-width: 500px;
    display: none;
    background: #FFF;
    border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    -moz-border-top-left-radius: 7px;
    -moz-border-top-right-radius: 7px;
    -webkit-border-top-left-radius: 7px;
    -webkit-border-top-right-radius: 7px;
    box-shadow: 0px 0px 4px rgba(0,0,0,0.7);
    -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.7);
    -moz-box-shadow: 0 0px 4px rgba(0,0,0,0.7);
    position: fixed;
    top: 50%;
    left: 50%;
}

.alertdialogheaderbox {
    background-color: #0C3F6A;
    border-bottom: solid 1px #0C3F6A;
    padding-top: 10px;
    padding-bottom: 10px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    -moz-border-top-left-radius: 5px;
    -moz-border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
}

.alertdialogheaderbox h2 {
    padding: 0px;
    margin: 0px;
    text-align: center;
    color: #ffffff;
    font-family: "helvetica";
    font-size: 23px;
}

.alertdialogcontent {
    padding: 20px 20px;
    text-align: center;
    font-size: 20px;
    font-weight: 600;
}

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

.toprankemail {
    color: #000;
}

.filecontrolupload {
    width: 217px;
}

.filecontroluploadbox {
    width: 100px;
    height: 29px;
    background: none repeat scroll 0 0 #0c436c;
    opacity: 0.8;
    border: 0 none;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    color: #FFFFFF;
    font-family: helvetica,verdana,serif;
    font-size: 12px;
    padding: 8px 0px;
    display: inline-block;
    width: 60px;
    text-align: center;
    display: inline;
}

.filecontroluploadbox:hover {
    background: none repeat scroll 0 0 #0c436c;
    opacity: 1;
}

.avatarloadingbox {
    height: 32px;
    left: 102px;
    position: relative;
    top: -109px;
    width: 32px;
    display: none;
}

.fileUpload {
    background: none repeat scroll 0 0 #0c436c;
    opacity: 0.8;
    border: 0 none;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    color: #FFFFFF;
    font-family: helvetica,verdana,serif;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    line-height: 20px;
    margin: 10px 0px;
    overflow: hidden;
    padding: 7px 88px;
    position: relative;
    text-align: center;
    vertical-align: middle;
}

.fileUpload input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}

.panelistcyclez {
    background-color: #dabcb1;
    border-radius: 10px;
    color: #999999;
    display: block;
    font-weight: bold;
    height: 180px;
    line-height: 180px;
    text-align: center;
    width: 180px;
    font-size: 40px;
}

.deavatarendchat {
    background-color: #c77d5f;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    text-align: center;
    padding: 18px 18px;
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
}

.icondeleteprofile {
    width: 16px;
    height: 16px;
    margin-bottom: -5px;
}

.checkcontent {
    word-wrap: break-word;
}

.chatlistanswerranking {
    width: 620px;
    margin-left: 20px;
}

.chatlistanswerranking td {
    padding-top: 5px;
    padding-bottom: 5px;
}

.adminqanswertitle {
    width: 669px;
    word-wrap: break-word;
}

.adminmsgbox {
    margin-top: 5px;
    margin-bottom: 15px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.surveyeditquestionranking {
    word-wrap: break-word;
}

.answertitleranking {
    word-wrap: break-word;
    padding: 2px 0;
}

.surveyingquestiontitle {
    color: #ba562f;
    display: block;
    font-size: 17px;
    font-weight: bold;
    padding-bottom: 3px;
    font-family: Helvetica, sans-serif,Arial;
    width: 651px;
    word-wrap: break-word;
}

.columnfreetext {
    vertical-align: top;
    width: 32px;
}

.uploadimgfreetext {
    height: 70px;
    width: 100px;
    margin-left: 8px;
    text-align: right;
}

.ul2images {
    text-align: right;
}

.surveyinganswertitleranking {
    color: #999;
    padding-top: 8px;
    padding-bottom: 8px;
    width: 600px;
    word-wrap: break-word;
}

.surveyingmatrixquestiontable {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    overflow: auto;
    word-wrap: break-word;
    table-layout: fixed;
}

.surveyingmatrixquestiontable td {
    background-color: #f1f1f1;
    padding: 20px 5px;
    text-align: center;
    border: 1px solid #ffffff;
}

.surveyingmatrixquestiontable tr:first-child td {
    background-color: #e2e2e2;
}

.surveyingmatrixquestiontable tr:first-child td:first-child {
    background-color: #ffffff;
}

.surveyingmatrixquestiontable td:first-child {
    background-color: #e2e2e2;
    width: 200px;
    text-align: left;
}

.chartfilter {
    -moz-appearance: none;
    background: url("../images/down-s-icon.png") no-repeat scroll right 3px center #ffffff;
    border: 1px solid #d9d9d9;
    overflow: hidden;
    padding: 5px;
    text-indent: 0.01px;
    text-overflow: "";
    width: 250px;
    /*margin-top:10px;*/
}

.crosstabbox {
    float: left;
    padding-top: 10px;
}

.minisurveytitle {
    margin: 0;
    padding: 43px 15px 0 0;
    text-align: right;
    color: #d3b864;
    font-weight: normal;
    font-family: helvetica;
}

.surveyingphotosupload {
    list-style-type: none;
    margin: 0;
    padding: 0px;
}

.surveyingphotosupload li {
    width: 128px;
    float: left;
    margin-right: 10px;
}

.surveyingphotosuploadimg {
    width: 128px;
    height: 96px;
    float: left;
    margin-right: 10px;
}

.surveyingdeleteuploadphoto {
    height: 16px;
    position: relative;
    right: -114px;
    top: -8px;
    width: 16px;
    display: block;
    background-image: url(/contents/panelist/images/delete-photo-icon.png);
}

.tablelistfomularsbox {
    border-collapse: collapse;
    border-spacing: 0;
}

.tablelistfomularsbox th {
    background: none repeat scroll 0 0 #fff;
    padding-top: 20px;
    padding-bottom: 0px;
}

.tablelistfomularsbox td {
    padding-top: 5px;
    padding-bottom: 10px;
    padding-left: 0px;
    background: none repeat scroll 0 0 #fff;
    border: 0px solid #CECECE;
}

.thead-edit-break > tr > th {
    text-align: left;
}

button {
    overflow: visible;
    margin: 0;
    font: inherit;
    color: inherit;
    text-transform: none;
    -webkit-appearance: button;
    cursor: pointer;
    border: none;
}

button[disabled],
html input[disabled] {
    cursor: default;
}

button::-moz-focus-inner {
    padding: 0;
    border: 0;
}

.div-question-number {
    float: left;
    width: 6%;
}

.div-analyze-active,
.div-analyze-inactive {
    background: none repeat scroll 0 0 #ffffff;
    border-radius: 0 0 5px 5px;
    padding: 10px 20px;
    height: auto;
}

.div-analyze-active {
    display: block;
}

.div-analyze-inactive {
    display: none;
}

input.input-gotopage {
    border: medium none;
    border-radius: 3px;
    height: 30px;
    margin-right: 5px;
    padding-left: 10px;
    padding-right: 5px;
    width: 50px;
    border: 1px solid #ccc;
}

#div-chatting-image {
    padding-left: 20px;
    width: 95%;
}

.div-text-question-container {
    background-color: #ffffff;
    margin-top: 16px;
    border: 1px solid #DDDDDD;
}

.div-left-nav {
    position: fixed;
}

.img-show-hide {
    cursor: pointer;
    float: right;
    margin-bottom: -2px;
}

.div-chart-padding-bottom {
    padding-bottom: 10px;
}

.img-sync-question {
    cursor: pointer;
    margin-left: 10px;
    margin-bottom: -5px;
}

.img-proccess {
    margin-bottom: -5px;
    margin-left: 5px;
    display: none;
}

.img-download-freetext {
    cursor: pointer;
    float: right;
    position: relative;
    top: 10px;
    right: 10px;
    padding-left: 5px;
}

.img-analyze-end {
    width: 36px;
    height: 34px;
    border: 1px solid #e3e3e3;
    border-radius: 3px;
    margin-top: 10px;
    padding: 5px 3px;
    margin-right: 8px;
}

.analyze-comment-active {
    border-color: #ff7f00 !important;
}

.img-analyze-comment {
    width: 38px;
    height: 34px;
    border: 1px solid #e3e3e3;
    border-radius: 3px;
    margin-top: 10px;
    margin-right: 8px;
    padding: 3px 6px;
    cursor: pointer;
}

.img-analyze-export {
    width: 34px;
    height: 30px;
    border: 1px solid #e3e3e3;
    border-radius: 3px;
    margin-top: 10px;
    margin-right: 8px;
    padding: 5px 7px;
    cursor: pointer;
}

.img-analyze-export-crosstab {
    width: 34px;
    height: 30px;
    border: 1px solid #e3e3e3;
    border-radius: 3px;
    margin-top: -5px;
    padding: 6px;
    cursor: pointer;
    margin-left: 10px;
}

p.export-item {
    margin: 0;
    cursor: pointer;
    font-size: 12px;
}

p.export-item:hover {
    background-color: #437fb8;
    color: #fff;
    font-weight: 500;
}

.div-target-response {
    margin-left: 22px;
    display: inline;
    margin-right: 10px;
    font-size: 13px;
}

.input-target-response {
    margin-top: 10px;
    position: absolute;
    margin-right: 10px;
}

.img-analyze-multi-end {
    width: 36px;
    height: 34px;
    border: 1px solid #e3e3e3;
    border-radius: 3px;
    margin-top: 10px;
    padding: 2px;
    margin-right: 8px;
}

.question-inactive, .question-active {
    border-radius: 3px;
    color: #404040;
    margin-right: 30px;
    padding: 8px 30px;
    width: 230px;
}

.question-active {
    background-color: #0c436c;
    color: #fff;
}

.question-type-inactive, .question-type-active {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    color: #404040;
    margin-right: 4px;
    padding: 8px 12px;
    width: 129px;
}

.question-type-inactive:last-child, .question-type-active:last-child {
    margin-right: 0px;
}

.question-type-active {
    background-color: #0c436c;
    color: #fff;
}

.question-upload-type-active {
    background-color: #0c436c;
    color: #fff;
    border-radius: 3px;
    margin-right: 6px;
    padding: 8px 25px;
}

.question-upload-type-inactive {
    color: #404040;
    border-radius: 3px;
    margin-right: 6px;
    padding: 8px 25px;
}

.div-include-type-button {
    padding: 0px 20px;
    border-bottom: 1px solid #e3e3e3;
}

#div-image-video-option {
    padding-left: 6px;
    margin-top: 10px;
    margin-bottom: 16px;
}

#div-inlude-youtube {
    margin-top: 0px;
    /*width: 600px;*/
    float: right;
    margin-right: 5px;
}

#div-inlude-youtube > input {
    margin-left: 3px;
    padding: 0px;
    width: 150px;
}

#div-pulldown{
    display: none;
}

#div-numberinput{
    display: none;
    padding-left: 6px;
    padding-top: 16px;
}

.div-container-answerinputbox, .div-container-answerinputbox-ranking, .div-container-auto-punch-group {
    padding-left: 6px;
    margin-bottom: 8px;
    width: 941px;
}

.div-container-answerinputbox > input[type="text"], .div-container-auto-punch-group > input[type="number"], .div-container-auto-punch-group-than > input[type="number"]{
    margin-right: 8px;
    border: 1px solid #dddddd;
    padding: 6px 10px;
    width: 400px;
    font-family: arimo,helvetica,arial;
    font-size: 14px;
}
.select-next-question-answer {
    margin-right: 8px;
    border: 1px solid #dddddd;
    padding: 8px 10px;
    width: 180px;
    font-family: arimo,helvetica,arial;
    font-size: 14px;
}

.div-container-answerinputbox-ranking > input[type="text"] {
    margin-right: 8px;
    border: 1px solid #dddddd;
    padding: 6px 10px;
    width: 425px;
    font-family: arimo,helvetica,arial;
    font-size: 14px;
}

.div-content-container {
    padding-left: 6px;
    margin-bottom: 8px;
}

.div-content-container > textarea {
    margin-right: 25px;
    border: 1px solid #dddddd;
    padding: 5px 10px;
    width: 215px;
    height: 48px;
    font-family: arimo,helvetica,arial;
    font-size: 14px;
}

.individual-margin-left {
    margin-right: 16px;
}

.div-content-container > textarea:last-child {
    margin-right: 0px;
}

.div-container-text {
    margin-bottom: 5px;
    margin-top: 18px;
    padding-left: 6px;
}

.div-image-container-item {
    padding-left: 6px;
}

.image-background-css {
    border-radius: 1px;
    float: left;
    margin-right: 26px;
    text-align: center;
    cursor: pointer;
    margin-bottom: 10px;
    border: 1px solid #e3e3e3;
}

.image-background-css:last-child {
    margin-right: 0px;
}

.image-background-css > img:first-child {
    width: 214px;
    height: 161px;
    float: left;
}

.div-endsurvey-container {
    float: left;
    margin-left: -4px;
    margin-right: 30px;
    width: 216px;
    margin-bottom: 16px;
}

.div-endsurvey-container:last-child {
    margin-right: 0px;
}

.div-endsurvey-container > input {
    margin-bottom: 18px;
    margin-left: 5px;
}

.error-warning {
    background-color: pink;
    border: none;
}

.img-delete-image-type {
    margin-left: -18px;
    position: relative;
    display: none;
    float: right;
}

.image-content-uploading-question {
    display: none;
}

.div-content-image-type {
    width: 212px;
    border-radius: 1px;
    cursor: pointer;
    float: left;
    margin-bottom: 10px;
    margin-right: 31px;
}

#table-content {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    /*border:1px solid #e3e3e3;*/
    border-collapse: collapse;
}

#table-content > tbody > tr > th {
    background-color: #e3e3e3;
    border: 1px solid #d9d9d9;
    font-size: 14px;
    padding-bottom: 14px;
    padding-top: 12px;
}

#table-content > tbody > tr > td {
    background-color: #ffffff;
    border-top: 1px solid #d9d9d9;
    font-size: 14px;
    padding-left: 8px;
    padding-right: 10px;
    text-align: center;
}

.ul-container-images {
    padding-left: 30px;
    padding-top: 20px;
    margin: 0px;
}

.ul-container-images > li {
    width: 25%;
    float: left;
    list-style: none;
    margin-bottom: 16px;
}

.ul-container-images > li > img {
    width: 212px;
    /*height: 212px;*/
}

.tr-enableshare {
    display: none;
}

.div-preview-survey {
    padding: 0 14px;
}

.div-padding-1 {
    padding: 0px 16px;
}

.div-question-header {
    color: #ba562f;
    display: block;
    font-family: Helvetica,sans-serif,Arial;
    font-size: 17px;
    font-weight: bold;
    padding-top: 8px;
    width: 651px;
    word-wrap: break-word;
}

.font-question-number {
    color: #ba562f;
    float: left;
    font-family: Helvetica,sans-serif,Arial;
    font-size: 26px;
    font-weight: bold;
}

.div-wrapper-custom {
    margin: 20px 30px !important;
    width: 100% !important;
}

.ul-image-answers {
    padding: 0px;
}

.div-image-answers {
    padding-left: 41px;
}

.div-image-answer-boundary {
    width: 23%;
    display: inline-table;
}

.div-image-answer-boundary > img.img-content-item {
    /*height: 150px;*/
    width: 150px;
    margin-right: 16px;
    margin-top: 16px;
    cursor: pointer;
}

.div-image-answers > img.img-content-item {
    /*height: 150px;*/
    width: 150px;
    margin-right: 16px;
    margin-top: 16px;
    cursor: pointer;
}

.div-image-answers-2 {
    padding-left: 40px;
}

.panelist-info {
    vertical-align: top;
}

.panelist-info > p {
    margin: 0;
}

.div-image-answers-2 > img.img-answer-item {
    width: 170px;
    margin-right: 25px;
    margin-bottom: 16px;
    cursor: pointer;
    border: 1px solid #e3e3e3;
}

.div-percent-image-chart {
    background-color: rgb(12, 51, 87);
    border-radius: 20px;
    color: rgb(255, 255, 255);
    font-family: arimo,helvetica,arial;
    font-size: 12px;
    margin-left: 110px;
    margin-top: -40px;
    padding: 10px 0;
    position: absolute;
    text-align: center;
    width: 38px;
}

.img-selected-image {
    /*height: 32px !important;*/
    /*margin-left: -57px;*/
    margin-top: 0px;
    /*width: 32px !important;*/
    /*display: none;*/
    position: absolute;
    margin-left: 116px;
}

.ul-chart-container {
    /*margin-left: -38px;*/
}

.ul-chart-container > li {
    list-style: none;
    float: left;
    width: 23%;
    margin-right: 16px;
    margin-bottom: 16px;
}

.ul-chart-container > li > p {
    margin: 0px;
}

.ul-chart-container > li > div {
    /*border: 1px solid #e3e3e3;*/
}

.ul-chart-container-2 > li {
    float: left;
    list-style: outside none none;
    margin-bottom: 5px;
    margin-right: 16px;
    width: 18%;
}

.ul-chart-container-2 > li > p {
    margin: 0px;
}

.ul-chart-container-2 > li > div > p {
    margin: 0px;
    float: right;
    margin-bottom: 16px;
}

.ul-chart-container > li > div > p {
    margin: 0px;
    float: right;
    margin-bottom: 16px;
}

.div-video-content {
    padding: 10px 0;
    position: absolute;
    width: 45%;
}

.div-video-content-2 {
    padding: 10px 26px 0px;
}

.div-video-content-3 {
    padding: 10px 20px 0px;
}

#divcrosstab-question > div:last-child {
    margin-bottom: 16px;
}

.ul-crosstab-image-container {
    padding: 0;
    margin: 0;
    margin-left: 32px;
}

.ul-crosstab-image-container > li {
    float: left;
    list-style: outside none none;
    margin-bottom: 16px;
    margin-right: 32px;
    width: 16%;
}

.ul-crosstab-image-container > li > p {
    margin: 0;
}

.div-video-content > img, .div-video-content-2 > img, .div-video-content-3 > img {
    cursor: pointer;
    height: 20px;
    margin-right: 10px;
}

.img-answer-singlechoice {
    margin-right: 5px;
    width: 12px;
}

.div-question-container-images {
    padding-left: 30px;
    padding-top: 20px;
}

.div-survey-chart > div {
    width: 410px;
    display: inline;
    /*padding:16px;
            border: 1px solid #e3e3e3;*/
}

.div-question-container-images > img {
    margin-right: 18px;
    width: 23%;
}

.div-question-container-images > ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.div-question-container-images > ul > li {
    margin-right: 18px;
    width: 23%;
    float: left;
}

.div-question-container-images > ul > li > p {
    margin: 0;
    text-align: center;
}

.img-loading-content {
    margin-left: -122px;
    margin-top: 68px;
    position: absolute;
    display: none;
}

.div-video-info {
    color: #d3b864;
    float: right;
    margin-right: 39px;
    display: none;
}

.ul-crosstab-option {
    list-style: none;
    padding: 0px;
    margin: 0;
    height: 22px;
}

.ul-crosstab-option li {
    float: left;
    margin-left: 8px;
}

.ul-crosstab-option li > label {
    display: inline;
    color: #787878;
    font-weight: 500;
    font-size: 12px;
    cursor: pointer;
}

.ul-crosstab-option li:first-child {
    margin-left: 0px;
}

#div-customer-name {
    color: #0c436c;
    font-size: 16px;
    font-weight: 600;
    /*padding-top: 21px;*/
    padding-right: 16px;
}

.div-social-reward {
    background-color: #3a3a3a;
    border-radius: 7px 7px 0 0;
    color: #ffffff;
    font-size: 20px;
    min-height: 26px;
    padding-bottom: 11px;
    padding-left: 10px;
    padding-top: 11px;
}

.img-question-filter {
    /*position: absolute;*/
    margin-left: -32px;
    margin-bottom: 103px;
}

.div-question-item-active {
    background-color: #f0f0f0;
    border-bottom: 1px solid #e3e3e3;
    /*margin-bottom:8px;*/
    padding: 8px 0px;
}

.div-question-item-active > div:first-child {
    /*width: 50px;*/
    float: left;
}

.div-question-item {
    border-bottom: 1px solid #e3e3e3;
    padding: 8px 0px;
}

.div-question-item > div:first-child {
    /*width: 50px;*/
    float: left;
}

.div-crosstab-container {
    display: block;
    height: 428px;
    overflow-y: auto;
    padding: 16px 10px;
}

.div-answer-item-css {
    padding: 4px 10px 0px;
    display: none;
}

.width-group-city {
    width: 90px;
}

.div-answer-item-css > input {
    margin-right: 8px;
}

.div-crosstab-option-css {
    /*padding-left: 16px;*/
}

.dataTables_filter {
    display: none;
}

.input-age-breakdown {
    height: 28px;
    width: 40px;
    padding-right: 8px;
    text-align: right;
}

.div-age-item {
    font-size: 13px;
}

.surveyselectbox-sortchart {
    width: 200px;
    border: 1px solid #D9D9D9;
    background: #ffffff url(../images/down-s-icon.png) no-repeat right 3px center;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: "";
    padding: 8px 8px 7px;
    margin-top: 10px;
    margin-left: -210px;
    position: absolute;
}

.help-content-img-back {
    position: absolute;
    top: 230px;
    width: 32px;
    cursor: pointer;
    left: 6px;
}

.help-img-inactive {
    display: none;
}

.help-content-img-next {
    right: 6px;
    top: 230px;
    width: 32px;
    cursor: pointer;
    position: absolute;
}

.div-include-button {
    padding: 10px 10px 10px 20px;
}

#surveys {
    padding: 0px 5px;
}

#img-popover1, #img-popover2, #img-popover3 {
    position: absolute;
    /*    width: 16px;*/
}

input.other-comment {
    margin-left: 16px;
    /*padding: 4px 10px;*/
    width: calc(100% - 150px);
}

img[bindname="sorting"] {
    width: 38px;
    height: 34px;
    margin-top: 10px;
    padding: 6px 8px;
    cursor: pointer;
}

.div-analyze-comment {
    /*    border: 1px solid #e3e3e3;*/
    padding: 8px;
    margin-bottom: 16px;
    min-height: 120px;
}

.div-analyze-comment textarea {
    padding: 6px 10px;
    width: 100%;
    font-size: 14px;
}

.div-analyze-comment button {
    border-radius: 4px;
    padding: 6px 16px;
    font-weight: 600;
    font-size: 14px;
    margin-left: 8px;
    float: right;
    margin-top: 4px;
}

.div-analyze-comment span {
    float: right;
    margin-top: 10px;
    margin-right: 16px;
    color: #ff7f00;
}

.save-comment {
    color: #fff;
    background-color: #ee661a;
}

.delete-comment {
    color: #666666;
    background-color: #e3e3e3;
    display: none;
}

#help-content-description {
    text-align: left;
    max-width: 900px;
    font-size: 16px;
    padding: 16px;
}

.modal-help-content {
    color: #fff;
    font-weight: 600;
    font-size: 22px;
}

.modal-help-content-header {
    padding: 8px 16px;
    background-color: #437fb8;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
}

.business-survey-option {
    display: none;
}

.survey-comment {
    position: absolute;
    margin-top: -8px;
    margin-left: -50px;
    width: 40px;
    height: 37px;
    border: 1px solid #e3e3e3;
    border-radius: 3px;
    padding: 3px 6px;
    cursor: pointer;
}

input[name="showtype"] {
    position: absolute;
    margin-top: 5px;
}

.div-panelist-business button, .div-panelist-survey button {
    /*margin-right: 11px;*/
    /*margin-bottom: 10px;*/
    margin-top: 5px;
    border-radius: 3px;
    padding: 6px 18px;
    font-size: 14px;
    display: none;
    width: 160px;
}

.div-panelist-business button.question-type-active {
    background-color: #ee661a;
}

.div-panelist-survey button.question-type-active {
    background-color: #ee661a;
}

.div-panelist-survey button {
    display: inline-block;
    /*margin-right: 12px;*/
}

#div-chart-filter {
    /*    padding: 10px 20px;
        background-color: #fff;*/
}

.li-choice-image .div-choice-image {
    width: 100%;
    height: 185px;
    border: 1px solid #e3e3e3;
    align-items: center;
    vertical-align: middle;
    display: flex;
    position: relative;
}

.img-analyze-compare {
    border: 1px solid #e3e3e3;
}

.div-choice-image .img-analyze-compare {
    border: transparent;
    max-height: 100%;
    max-width: 100%;
}

.div-choice-image .div-percent-image-chart-custom {
    position: absolute;
    bottom: 0;
    right: 0;
}

.div-panelist-chart {
    color: #4D4D4D;
    font-weight: 600;
    font-size: 16px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    /* padding: 8px 20px; */
    margin-top: 20px;
    float: left;
    /* border: 1px solid; */
    width: 56%;
}

.div-panelist-statistic {
    font-size: 21px;
    text-align: center;
    padding-top: 27px;
    background-color: #fff;
}

.survey-owner {
    list-style-type: none;
    padding-left: 0px;
    margin-left: 0px;
    height: 210px;
}

.survey-owner li {
    width: 24%;
    float: left;
    margin-right: 11px;
    margin-bottom: 10px;
    cursor: pointer;
    padding: 4px;
    border-radius: 3px;
    height: 190px;
    border: 1px solid #e3e3e3;
}

.survey-owner li.survey-active {
    border: 1px solid #ee661a;
}

.img-category-box {
    margin-bottom: 10px;
    width: 196px;
}

.survey-item {
    font-size: 14px;
}

#div-point-ownership {
    min-height: 500px;
    /*    background-color: #fff;*/
    /*    padding: 20px;*/
}

.survey-owner li:last-child {
    margin-right: 0px;
}

.div-category-icon {
    float: left;
    width: 32px;
    height: 32px;
    background-color: #ee661a;
    margin-top: 3px;
    margin-right: 7px;
    border-radius: 25px;
    text-align: center;
}

.img-category-icon {
    width: 20px;
    margin-top: 6px;
}

.div-question-save {
    height: 40px;
}

.div-question-save p {
    float: right;
    margin-right: 16px;
    padding-top: 10px;
    color: red;
    display: none;
}

.div-question-save button {
    color: #fff;
    background-color: #ff7f00;
    float: right;
    border-radius: 4px;
    padding: 6px 16px;
    font-weight: 600;
    font-size: 14px;
    margin-left: 8px;
    margin-top: 4px;
    width: 90px;
}

.img-question-edit {    
    margin-top: -32px;
    cursor: pointer;
    width: 22px;
    display: inline-block;
    float: right;
    margin-right: 8px;
}

@media (min-width: 1400px) {
    .img-question-edit {
        right: 50px;
    }
}

@media (min-width: 1440px) {
    .img-question-edit {
        right: 60px;
    }
}



.div-modal-footer {
    border-radius: 4px;
    padding: 6px 16px;
    font-weight: 600;
    font-size: 14px;
    margin-left: 8px;
    float: right;
    margin-top: 4px;
    width: 120px;
}

.div-reward-management {
    height: 35px;
    margin-bottom: 10px;
}

.div-reward-management > div:first-child {
    float: left;
    width: 17%;
    padding-top: 5px;
}

.div-reward-management > div:last-child {
    float: left;
    width: 83%;
}

#div-help-content {
    text-align: center;
    padding-bottom: 16px;
}

#survey-comment {
    background-color: #fff;
    padding: 12px 20px;
    margin-top: 10px;
}

#survey-comment > div.div-analyze-comment {
    margin-bottom: 0px !important;
}

#img-popover1 {
    top: 10px;
    right: 6px;
}

#img-popover2 {
    top: 10px;
    right: 6px;
}

#img-popover3 {
    top: 10px;
    right: 6px;
}

tr.tr-self-survey-comment-header {
    height: 40px;
    vertical-align: middle;
    text-align: center;
    /*border: 1px solid #d9d9d9;*/
    /*background-color: #fff;*/
}

.tr-self-survey-comment-header > td {
    border: 1px solid #d9d9d9;
}

.tr-self-survey-comment-content {
    background-color: #fff;
}

.tr-self-survey-comment-content > td {
    padding: 20px 10px;
    border: 1px solid #d9d9d9;
    vertical-align: top;
}

.tr-self-survey-comment-content.comment-deleted {
    background-color: #fafaf9;
}

.tr-self-survey-comment-content.comment-blocked {
    background-color: #fefae6;
}

.td-status {
    vertical-align: middle;
    text-align: center;
}

.btn-checked {
    width: 100px;
    background-color: #e7e7e7;
    padding: 5px 0px;
    border: none;
    border-radius: 5px;
    color: #acacac;
}

.btn-open {
    width: 100px;
    background-color: #69b572;
    color: #fff;
    border: none;
    border-radius: 5px;
    padding: 5px 0px;
}

.btn-blocked {
    width: 100px;
    background-color: #e7e7e7;
    padding: 5px 0px;
    border: none;
    border-radius: 5px;
    color: #acacac;
}
/*.action-button-container {
      width: 100px;
    }*/
img.btn-delete-comment {
    margin-right: 10px;
}

.action-button-container > img {
    cursor: pointer;
}

.self-survey-comment-command-container {
    text-align: right;
    margin-top: 20px;
}

td.td-select-comment {
    text-align: center;
}

span.span-tag-content {
    background-color: #acacac;
    color: #fff;
    padding: 5px 5px 5px 10px;
    margin-right: 5px;
    border-radius: 3px;
    font-size: 11px;
}

.self-survey-tag-container {
    margin-top: 10px;
    line-height: 30px;
}

.btn-delete-tag {
    cursor: pointer;
    margin-left: 5px;
}

.self-survey-image-container {
    margin-top: 10px;
}

.add-tag-field {
    width: 70px;
    display: none;
    height: 21px;
    line-height: 21px;
    border-radius: 3px;
    border: 1px solid #ccc;
    margin-top: 3px;
    font-size: 11px;
    padding-left: 3px;
}

.add-tag-button-container {
    text-align: center;
    width: 70px;
    margin-top: 5px;
}

.btn-add-tag {
    cursor: pointer;
}

p.analyze-header {
    background-color: #0C436C;
    /*border-radius: 15px;
    width: 30px;
    padding: 3px 10px;
    color: #fff;
    float: left;
    margin-right: 8px;
    margin-left: 20px;
    margin-top: -4px;*/
}
p.analyze-header1 {
    background-color: #73AF22;
    /*border-radius: 15px;
    width: 30px;
    padding: 3px 10px;
    color: #fff;
    float: left;
    margin-right: 8px;
    margin-left: 20px;
    margin-top: -4px;*/
}
p.analyze-header2 {
    background-color: #3EA8E1;
    /*border-radius: 15px;
    width: 30px;
    padding: 3px 10px;
    color: #fff;
    float: left;
    margin-right: 8px;
    margin-left: 20px;
    margin-top: -4px;*/
}
p.analyze-header3 {
    background-color: #D53E34;
    /*border-radius: 15px;
    width: 30px;
    padding: 3px 10px;
    color: #fff;
    float: left;
    margin-right: 8px;
    margin-left: 20px;
    margin-top: -4px;*/
}
p.analyze-header4 {
    background-color: #F17C2F;
    /*border-radius: 15px;
    width: 30px;
    padding: 3px 10px;
    color: #fff;
    float: left;
    margin-right: 8px;
    margin-left: 20px;
    margin-top: -4px;*/
}
p.analyze-header5 {
    background-color: #0C3F6A;
    /*border-radius: 15px;
    width: 30px;
    padding: 3px 10px;
    color: #fff;
    float: left;
    margin-right: 8px;
    margin-left: 20px;
    margin-top: -4px;*/
}






.warning-input {
    background-color: rgb(255, 192, 203);
}

.span-luckydraw-value-lg {
    width: 85px;
    padding: 5px;
}

.span-luckydraw-value-sm {
    width: 40px;
    text-align: right;
    padding: 5px;
}

.tr-luckydraw-setting-head {
    text-align: center;
    height: 40px;
    vertical-align: middle;
    background-color: #F2F3F1;
}

.tr-luckydraw-setting-head > td {
    border: 1px solid #d9d9d9;
}

.tr-luckydraw-setting-body {
    text-align: center;
    font-size: 14px;
}

.tr-luckydraw-setting-body > td {
    padding: 5px 0px;
    border: 1px solid #d9d9d9;
}

tr.table-list-lucky-draw-header {
    text-align: center;
    background-color: #F2F3F1;
}

tr.table-list-lucky-draw-header > td {
    padding: 5px 5px;
    border: 1px solid #d9d9d9;
    height: 40px;
}

tr.table-list-lucky-draw-body {
    background-color: #fff;
}

tr.table-list-lucky-draw-body > td {
    padding: 5px 5px;
    border: 1px solid #d9d9d9;
}

.td-lucky-draw-content-index {
    text-align: center;
}

.span-awarded-info {
    font-size: 13px;
    color: #ccc;
}

select.span-luckydraw-select-value {
    padding: 7px 5px;
}

.icon32center1 {
    width: 20px;
}

.tr-life-survey {
    display: none;
}

.img-loading-css {
    position: absolute;
    margin-left: 88px;
    margin-top: 12px;
    display: none;
}

/*#input-maxanswer {
    margin-top: -3px;
    padding: 3px 10px;
    margin-left: 10px;
    width: 100px;
}*/

.div-self-survey-start {
    font-weight: normal;
    font-size: 13px;
    float: left;
    padding: 2px 5px;
    margin-bottom: 10px;
}

.div-self-survey-start input {
    width: 82px;
    padding: 3px 4px;
    padding-top: 4px;
}

.div-self-survey-start select {
    margin-left: 4px;
    padding: 5px 3px;
    border-radius: 3px;
}

.self-survey-checkbox {
    width: 18px;
    height: 18px;
    position: absolute;
    margin-left: -23px !important;
}

.self-survey-checkbox-item {
    width: 18px;
    height: 18px;
}

#table-custom {
    width: 100%;
    margin-top: 10px;
}

#table-custom select {
    width: 100%;
}

#table-custom td {
    border: 1px solid #ccc;
    padding: 5px;
    border-left: none;
    border-right: none;
    font-size: 13px;
    border-top: none;
    padding-bottom: 8px;
    padding-top: 8px;
}

#table-custom tr:last-child td {
    border: none;
}

#table-custom td input.input-custom {
    border: 1px solid #ccc;
    padding: 5px 8px;
    width: 49%;
}

#table-custom td > input.input-custom:last-child {
    float: right;
}

#table-custom tr > td:first-child {
    width: 18%;
    text-align: center;
    font-weight: 600;
}

#table-custom tr > td:last-child {
    width: 12%;
    text-align: center;
}

.div-selfsurvey-setting > input {
    float: left;
}

.div-selfsurvey-setting > label {
    float: left;
    color: #666666;
    margin-left: 5px;
    margin-right: 20px;
    cursor: pointer;
}

.delete-ico {
    display: inline-block;
    background-image: url(../images/icon-img-delete.png);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 15px;
    height: 15px;
    float: right;
    cursor: pointer;
}

.add-ico {
    display: inline-block;
    background-image: url(../images/life-add.png);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 15px;
    height: 15px;
    float: left;
    cursor: pointer;
}

.div-editschedule {
    height: 40px;
    font-size: 15px;
    padding-top: 7px;
}

.div-editschedule > span {
    float: left;
}

.div-editschedule > select {
    float: left;
    margin-left: 6px;
    padding: 5px 0px;
    margin-top: -4px;
    border: 1px solid #ccc;
    border-radius: 3px;
    color: #787878;
}

.div-editschedule input {
    color: #787878;
    float: left;
    width: 44%;
    height: 31px;
    margin-top: -4px;
    margin-left: 6px;
    padding: 4px 8px;
    border-radius: 3px;
    border: 1px solid #ccc;
}

input[bindname="selfdate"] {
    width: 80px;
    padding: 4px;
    float: left;
    margin-top: -4px;
    height: 31px;
    border-radius: 3px;
    border: 1px solid #ccc;
}

.div-self-survey-start span {
    float: left;
    margin-top: 3px;
    margin-right: 5px;
}

input[bindname="selfhour"], input[bindname="selfminute"] {
    color: #787878;
    float: left;
    width: 17%;
    height: 31px;
    margin-top: -4px;
    margin-left: 6px;
    padding: 4px 8px;
    border-radius: 3px;
    border: 1px solid #ccc;
}
.search-panel-container {
    text-align: right;
}
img#img-search-ico {
    cursor: pointer;
}
tr.tr-header-admin-refer {
    height: 40px;
    text-align: center;
    vertical-align: middle;
}
.tr-header-admin-refer > td {
    border: 1px solid #d9d9d9;
}
.tr-panelist-detail {
    background-color: #fff;
}
.tr-panelist-detail > td {
    padding: 20px 10px;
    border: 1px solid #d9d9d9;
    vertical-align: top;
}

.number-question-response{
    float: left;
    margin-top: 10px;
    border: 1px solid #ccc;
    padding: 7px 20px;
    border-radius: 3px;
    color: #666;
    margin-right: 8px;
    font-size: 10px;
}
.custommer-comment-preview {
    padding: 10px 30px;
    /*    border: 1px solid #a3a3a3;*/
    width: 900px;
    border-radius: 5px;
    margin-left: 20px;
    background-color: #F3F2F1;
}
img.btn-delete-custommercomment {
    float: right;
    margin-top: 2px;
    margin-right: -20px;
    cursor: pointer;
}

/*css huy */
.icon-left-bar-search{
    background:url(../images/icon-search-left.png) left top no-repeat;
    width:16px; 
    height:15px;
    display: block;
    float: left;
}
.icon-left-bar-clear{
    background:url(../images/icon-clear-left.png) left top no-repeat;
    width:16px; 
    height:15px;
    display: block;
    float: left;
}
.icon-left-bar-invite-friend{
    background:url(../images/Invite-friend.png) left top no-repeat;
    width:16px;
    height:15px;
    display: block;
    float: left;
}
.icon-left-bar-awarded{
    background:url(../images/h-icon-adwards.png) left top no-repeat;
    width:16px; 
    height:15px;
    display: block;
    float: left;
}
.icon-left-bar-add-awarded{
    background:url(../images/h-icon-add-adward.png) left top no-repeat;
    width:16px;
    height:16px;
    display: block;
    float: left;
    margin-top: -4px;
}
.icon-left-bar-block{
    background:url(../images/h-icon-block.png) left top no-repeat;
    width:16px; 
    height:15px;
    display: block;
    float: left;
}

.btn-h-group{
    font-weight: 600;
    padding: 7px 9px;
    text-align: center;
    width: 100px;
}
.btn-color-blue{
    background-color: #1e4d70;
}
.btn-color-h-warning{
    background-color: #FF7F00;
}
.btn-color-default{
    border-color:#FFFFFF #FFFFFF #FFFFFF #E6E6E6;
}

.class-tab-right-number {
    float:right;
    display: table;
    margin: 0;
    padding: 0;
    list-style: none;
}

.number-tab-right {
    display: table-cell;
}

.number-tab-right span{
    float: left;
    margin-top: 4px;
}

.number-tab-right p{
    border-radius: 3px;
    width: 28px;
    padding: 3px 0px;
    color: #fff;
    float: left;
    margin-right: 6px;
    margin-left: 8px;
    text-align:center;
}

.img-expand-down {

    cursor: pointer;
}

ul#topbar-left-h li {
    float:left;
}
ul#topbar-left-h li a {
    margin-left:4px;
    margin-bottom:4px;
}

.btn-tab-close{
    padding: 7px 20px;
    background-color: #395BB4;
    border-color: #395BB4;
    color:#ffffff;
}
.btn-tab-close-layout{
    padding: 7px 20px;
    background-color: #395BB4;
    border-color: #395BB4;
    color:#ffffff;
    width:80px;
    text-align:center;
}

.btn-tab-copy {
    padding: 7px 20px !important;
    background-color: #3CA9E2;
    border-color: #3CA9E2;
}
.btn-tab-clean{
    padding: 7px 20px;

    background-color: #74AF21;
    border-color: #74AF21;
}
.btn-tab-delete{
    padding: 7px 20px;

    background-color: #D63E33;
    border-color: #D63E33;

}
.btn-tab-create{
    padding: 7px 20px !important;
    background-color: #F17B2F;
    border-color: #F17B2F;
}

.btn-tab-message{
    padding: 7px 20px;
    background-color: #F17B2F;
    border-color: #F17B2F;
}

.icon-left-bar-close{
    background: url(../images/h-icon-close.png) left top no-repeat;
    width: 16px;
    height: 16px;
    display: block;

}
.icon-left-bar-copy{
    background: url(../images/h-icon-copy.png) left top no-repeat;
    width: 16px;
    height: 16px;
    display: block;

}
.icon-left-bar-delete{
    background: url(../images/h-icon-delete.png) left top no-repeat;
    width: 16px;
    height: 16px;
    display: block;

}

.icon-left-bar-delete-one{
    background: url(../images/h-icon-delete-one.png) left top no-repeat;
    width: 16px;
    height: 16px;
    display: block;
    background-size: cover;

}

.icon-left-bar-create{
    background: url(../images/h-icon-create.png) left top no-repeat;
    width: 16px;
    height: 16px;
    display: block;

}
.icon-left-bar-message{
    background: url(../images/retail-msg.png) left top no-repeat;
    width: 22px;
    height: 16px;
    background-size: 22px;
    display: block;
}
.icon-left-bar-submit{
    background: url(../images/h-icon-submit.png) left top no-repeat;
    width: 16px;
    height: 16px;
    display: block;

}
.icon-left-bar-reload{
    background: url(../images/h-icon-reload.png) left top no-repeat;
    width: 16px;
    height: 16px;
    display: block; 
}
.icon-left-bar-block{
    background: url(../images/h-icon-block.png) left top no-repeat;
    width: 16px;
    height: 16px;
    display: block; 
}
.icon-left-bar-unblock{
    background: url(../images/h-icon-unblock.png) left top no-repeat;
    width: 16px;
    height: 16px;
    display: block; 
}


#tableid > thead > tr > th, #tableid > tbody > tr > th, #tableid > tfoot > tr > th, #tableid > thead > tr > td, #tableid > tfoot > tr > td {
    padding: 12px;
    line-height: 1.42857143;
    vertical-align: middle;
    border-top: 1px solid #ddd;
    text-align: center !important;
}

#tableid > caption + tbody > tr:first-child > th, #tableid > colgroup + tbody > tr:first-child > th, #tableid > tbody:first-child > tr:first-child > th, #tableid > caption + tbody > tr:first-child > td, #tableid > colgroup + tbody > tr:first-child > td, #tableid > tbody:first-child > tr:first-child > td {
    border-top: 0;
    background-color: #1e4d70;
    color: #ffffff;
    text-transform: uppercase;
    text-align: center;
    padding: 10px 5px;
    font-size: 11px;
}
.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #ECF0F9 !important;

}

table#tableid tr td {
    text-align: center;
}
/*table#tableid tr td:nth-child(1) {
     text-align: center;
}*/




div#invite-panelist {
    background: none repeat scroll 0 0 #fff;
    border-radius: 5px;
    margin-bottom: 20px;
    padding: 5px 16px 16px 16px;
    position: relative;
    top: 13px;

}
.btn-h1-group{
    font-weight: 600;
    padding: 9px 9px;
    text-align: center;
    width: 140px;
}
.btn-preview-survey{
    background-color: #CDCDCD;
    color: #FFFFFF;
}


.border-h-body {
    background: none repeat scroll 0 0 #fff;
    border-radius: 5px;
    margin-bottom: 10px;
    /*padding: 16px;*/
    margin-top: -11px;
    /*    position: relative;
        top: 6px;*/
}
.dl-inline{
    display:inline;
    text-align: center;
}
.dl-width-time{
    width: 100px;

}


.btn-h-save {
    color: #fff;
    background-color: #FF5A00;
    border-color: #FF5A00;
    width:80px;
}
.btn-h-save:hover{
    color: #fff;
}



/*Css modal boostrap */
.vertical-alignment-helper {
    display:table;
    height: 100%;
    width: 100%;
    pointer-events:none;
}
.vertical-align-center {
    /* To center vertically */
    display: table-cell;
    vertical-align: middle;
    pointer-events:none;
}
.modal-content {
    /* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */
    width:inherit;
    height:inherit;
    /* To center horizontally */
    margin: 0 auto;
    pointer-events:all;
    overflow: auto;
    max-height: calc(100vh - 30px);
}
@media (min-width: 992px)
{
    .modal-lg {
        width: 950px;
    }

}
.modal-header-primary{
    color: #fff;
    padding: 9px 15px;
    border-bottom: 1px solid #eee;
    background-color: #0C436C;

}
/*Css modal boostrap */

#div-item-break > thead > tr > th, #div-item-break > tbody > tr > th, #div-item-break > tfoot > tr > th, #div-item-break > thead > tr > td, #div-item-break > tfoot > tr > td {
    padding: 5px;
    line-height: 1.42857143;
    vertical-align: middle;
    /*    border-top: 1px solid #ddd;*/
    font-size:13px;

}
#div-item-break > caption + tbody > tr:first-child > th, #div-item-break > colgroup + tbody > tr:first-child > th, #div-item-break > tbody:first-child > tr:first-child > th, #div-item-break > caption + tbody > tr:first-child > td, #div-item-break > colgroup + tbody > tr:first-child > td, #div-item-break > tbody:first-child > tr:first-child > td {
    border-top: 0;
    background-color: #0C3F6A;
    color: #ffffff;
    text-transform: uppercase;
    text-align: center;
    text-size: 12px;
    padding: 5px 5px;

}



table#div-item-break tr td {
    text-align: center;
}


.questiontitlespan {
    color: #0C436C;
    font-size: 12px !important;
    font-weight: bold;
}


/*solution modal scroll*/
#createQuestionModal.modal .modal-body {

    /*    max-height:90%;
        overflow-y:scroll;*/
}

.surveyeditheaderbox {
    margin-bottom: 10px;
    margin-top: 10px;
}
select#isupto {

    font-size: 13px;
}
select#slt-depend-question-type {
    margin-left: 10px;
}



.highcharts-container{
    width: 909px;
}

#selectnewquestionbox {
    padding: 10px;
    height: 240px;
    overflow-x: hidden;
    overflow-y: auto;
}
.modal-h-content{
    width:1026px;
    min-height: 600px;
    max-height: 600px;
}
.modal-h-self{
    width:800px;
    min-height: 550px;
    max-height: 550px;
}


@media only screen and (min-height: 700px) {
    .scroll-pane,
    .scroll-pane-arrows {
        width: 100%;
        height: 510px;
        overflow: auto;
    }
    .modal-h-content{
        width:1026px;
        min-height: 640px;
        max-height: 640px;
    }


    .select-new-question-box-h {
        padding: 10px;
        height: 330px;
        overflow-x: hidden;
        overflow-y: auto;
    }
    .sidebar-menu > ul > li > ul.sub > li > a {
        padding: 6px 0px;
    }

}
@media only screen and (min-height: 750px) {
    .scroll-pane,
    .scroll-pane-arrows {
        width: 100%;
        /*height: 550px;*/
        overflow: auto;
    }
    .sidebar-menu > ul > li > ul.sub > li > a {
        padding: 6px 0px;
    }

}
@media only screen and (min-height: 800px) {
    .scroll-pane,
    .scroll-pane-arrows {
        width: 100%;
        height: 584px;
        overflow: auto;
    }
    .modal-h-content{
        width:1026px;
        min-height: 650px;
        max-height: 767px;
    }

    #selectnewquestionbox {
        padding: 10px;
        height: 350px;
        overflow-x: hidden;
        overflow-y: auto;
    }

}


@media only screen and (max-width:1380px){
    .btn-h-group {
        font-weight: 600;
        padding: 7px 5px;
        text-align: center;
        width: 100px;
    }

}
@media only screen and (min-width:1000px){
    .btn-h-group {
        font-weight: 500;
        padding: 7px 5px;
        text-align: center;
        width: 100px;
        font-size: 12px !important;
    }
    .h-fix-top-seft-survey{
        position: fixed;
        background-color: #F2F3F1;
        height: 100px;
        margin-top: -115px;
        width: 79.98%;
        padding-top: 6px;
        z-index: 100;
    }
    .h-fix-top-seft-comment{
        position: fixed;
        background-color: #F2F3F1;
        height: 103px;
        margin-top: -94px;
        width: 80.6%;
        z-index: 100;
        padding: 10px
    }
    td.table-list-self-survey-status {
        width: 21%;
    }


}

@media only screen and (min-width:1400px){
    .div-self-survey-start{
        font-weight: normal;
        font-size: 13px;
        float: left;
        padding: 2px 5px 2px 23px;
        margin-bottom: 10px;
    }
    .h-fix-top-seft-survey{
        position: fixed;
        background-color: #F2F3F1;
        height: 100px;
        margin-top: -115px;
        width: 81.2%;
        padding-top: 6px;
        z-index: 100;	
    }
    .h-fix-top-seft-comment{
        position: fixed;
        background-color: #F2F3F1;
        height: 103px;
        margin-top: -94px;
        width: 82.6%;
        z-index: 100;
        padding: 10px
    }


}

#tablepanelists >  tbody > tr:first-child > th
,#tablepanelists > colgroup + tbody > tr:first-child > th
, #tablepanelists > tbody:first-child > tr:first-child > th
, #tablepanelists > caption + tbody > tr:first-child > td
, #tablepanelists > colgroup + tbody > tr:first-child > td, #tablepanelists > tbody:first-child > tr:first-child > td {
    border-top: 0;
}

.div-block-row{
    background: none repeat scroll 0 0 #EEEFEC;
    min-height: 170px!important;
    padding: 10px 25px;
    margin-top: 10px;
    border-radius: 10px;
    position: relative;
}
.h30{
    height: 40px;
}
div#modal-create-question-type {
    margin-bottom: 10px;
}
#create-self-schedule{
    display: inline;
    float: none;
}
#create-self-title{
    float: none;
}
#create-selfdate{
    float: none;
}
#create-self-hour, #create-self-min{
    float: none;
    width: 40px;
}
div#model-self-list-image {
    margin-top: 10px;
    padding-left: 0;
}

.scrollup {
    width: 50px;
    height: 50px;
    position: fixed;
    bottom: 10px;
    right: 30px;
    display: none;
    text-indent: -9999px;
    background: url('../images/Collapse Arrow-50.png') no-repeat;
    /*    background-color: #000;*/
}

/*class for self-survey*/
.self-survey-num-label{
    font-size: 13px;
    font-weight: 600;
    color: #0C436C;
}
.self-survey-num-value{
    font-size:13px;
    font-weight: 600;
    color:#F37E21;
}

#h-table-selfsurvey > thead > tr > td {
    background-color: #0C3F6A;
    color:#ffffff;
}
.table-list-data-self-survey > thead > tr > th {
    background-color: #0C3F6A;
    color:#ffffff;
    text-align:center;   
}
.table-list-data-self-survey > tbody > tr > td:first-child {
    font-size: 13px;
    text-align:left;   
}
.table-list-data-self-survey > tbody > tr > td {
    font-size: 13px;
    text-align:center;   
}

#h-table-selfsurvey > tbody > tr > td {
    font-size:13px;
}

.font-h-weight{
    font-weight: bold;
    color:#0C436C;
}
.table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
    border: 1px solid #f6f8fc;
}
.table-bordered > thead > tr > td:last-child, .table-bordered > tbody > tr > td:last-child, .table-bordered > tfoot > tr > td:last-child {
    border-right: none;
}
.table-bordered > thead > tr > td:first-child, .table-bordered > tbody > tr > td:first-child, .table-bordered > tfoot > tr > td:first-child {
    border-left: none;
}
.table-bordered {
    border:none;
}
#tableid > tbody > tr> td:first-child {
    border-left: none;
}
#tableid > tbody > tr> td:last-child {
    border-right: 1px solid #F2F3F1;
}
input.cb-endhorizontal {
    margin: 0px;
    position: relative;
    top: 4px;
}
img.img-endhorizontal {
    width: 16px;
}
.div-lef-select {
    color: #a3a3a3;
    padding:20px;
    font-size: 14px;
    /*cursor: pointer;*/
    background-color: #fff;
    text-transform: uppercase;
    text-align: center;
    /*height: 89px;*/
    /*line-height: 50px;*/

}
img.img-nps-step-ico {
    float: left;
}
.div-lef-select.nps-left-active{
    /*color: #ee661a;*/
    color: #fff;
    background-color: #003e6f;
}
.div-img-nextstep {
    /*text-align: center;*/
    /*border-top: 1px solid #a3a3a3;*/
}
img.img-next-step {
    /*width: 100%;*/
    position: absolute;
    margin-top: -1px;
    width: 355px;
    /*    width: 40px;
        margin-top: -2px;*/
}
.user-emails {
    width: 100%;
    height: 80px;
    border-radius: 5px;
    resize: none;
    margin-top: 5px;
}
.drap-drop-file {
    width: 100%;
    height: 80px;
    border-radius: 5px;
    border: 2px dashed #d3d3d3;
    background-color: #fff;
    cursor: pointer;
    padding: 10px;
    margin-top: 5px;
    font-size: 14px;
}
.drap-drop-file span {
    background: #e3e3e3;
    padding: 5px 15px;
}
.table-download-template{
    width: 100%;
    margin-top: 10px;
    font-size: 14px;
}
.tab-content-title {
    font-size: 14px;
}
.td-export-csv-container{
    text-align: right;
}
.table-import-email-button{
    width: 100%;
}
.user-emails{
    padding: 10px;
}
tr.tr-table-email-header {
    background-color: #727272;
    color: #fff;
}
tr.tr-table-email-header > td{
    padding: 10px;
    font-weight: bold;
    text-transform: uppercase;
}
.table-email-list{
    width: 100%;
}
#table-email-list > tr>td {
    padding: 10px;
}
#table-email-list > tr:nth-child(odd){
    color: #535353;
    background-color: #ebebeb;
}
#table-email-list > tr:nth-child(even){
    color: #535353;
    background-color: #fff;
}
div#tab-content-email {
    margin-top: 10px;
}
.jscolor{
    float: left;
    width: 20px;
    height: 20px;
    margin-top: 1px;
}
.welcome-page-title {
    font-size: 14px;
    padding: 0px 0px;
}
.txt-welcome-page{
    padding: 0px 5px;
    height: 35px;
    border-radius: 3px;
    margin-top: 5px;
    width: 100%;
    border:  1px solid #a3a3a3;
    font-size: 12px;
}
.div-box-title{
    margin-top: 15px;
}
.btn-nps-changelogo {
    margin-top: 30px;
    font-size: 14px;
}
table.table-color-picker-container {
    width: 100%;
    margin-top: 25px;
}
.color-picker-title {
    font-size: 14px;
    color: #a3a3a3;
}
.color-picker-hexa{
    width: 60px;
    border: none;
    margin-left: 5px;
    font-size: 14px;
    color: #a3a3a3;
}
.div-menu-header {
    font-size: 14px;
    border-top: 1px solid;
    border-bottom: 1px solid;
    border-color: #0d4775;
    padding: 10px 20px;
    margin-left: 0px;
    cursor: pointer;
}
.div-menu-desc {
    margin-top: 10px;
    padding: 15px;
    font-size: 14px;
    background-color: #33648c;
    margin: 20px 10px;
    border-radius: 5px;
}
.div-menu-go-back-to-top {
    text-align: center;
    text-decoration: underline;
    font-size: 14px;
}
.div-menu-sub-2 {
    margin-left: 0px;
    padding: 10px 60px;
    font-size: 14px;
    cursor: pointer;
}
.div-menu-sub-1 {
    margin-left: 20px;
    padding: 7px 43px;
    border-color: #0d4775;
    font-size: 14px;
    cursor: pointer;
    color: #fff;
}
.div-menu-header >i {
    margin-right: 5px;
    width: 15px;
}
.border-top{
    border-top: 1px solid  #0d4775;
}
.border-bottom{
    border-bottom: 1px solid  #0d4775;
}
.color-picker-boundary {
    width: 100px;
    padding: 5px;
    border: 1px solid #d3d3d3;
    border-radius: 5px;
    margin-top: 5px;
    text-align: center;
}
.div-welcome-select-screen {
    /*margin-top: 15px;*/
    text-align: center;
}
.btn-desktop-preview{
    color: #a3a3a3;
    border: 1px solid #a3a3a3;
    background-color: #fff;
    font-size: 14px;
    font-weight: bold;
    border-radius: 5px;
    margin-left: 5px;
    height: 35px;
}
.btn-mobile-preview{
    color: #a3a3a3;
    border: 1px solid #a3a3a3;
    background-color: #fff;
    font-size: 14px;
    font-weight: bold;
    border-radius: 5px;
    margin-left: 5px;
    height: 35px;
}
.select-screen-active{
    color: #ffffff;
    border: none;
    background-color: #3EA8E1;
}
.select-screen-active:hover,
.select-screen-active:focus
{
    color: #ffffff;
}
.nps-welcome-pc{
    width:  96%;
    border: 1px solid #d3d3d3;
    margin: 15px auto 0px auto;
    border-radius: 5px;
    height: 417px;
    overflow-y: auto;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
}
div#tab-4 {
    margin-bottom: 15px;
    padding: 15px;
}
div#tab-7 {
    padding: 15px 15px;
}
.nps-pc-browser-bar {
    padding: 5px;
    border-bottom:  1px solid #d3d3d3;
}
.nps-pc-email-info {
    padding: 10px;
    border-bottom: 1px solid #d3d3d3;
}
td.nps-pc-table-title {
    width: 70px;
    padding: 3px 0px;
    font-weight: bold;
}
.nps-pc-email-subject {
    padding: 10px;
    border-bottom: 1px solid #d3d3d3;
}
.nps-pc-email-content{
    min-height: 50px;
}
span.email-example {
    color: #d3d3d3;
}
.nps-pc-table-content{
    font-weight: bold;
}
div[name="pc-email-answer"] {
    text-align: center;
}
.span-nps-answer {
    display: inline-block;
    width: 36px;
    height: 36px;
    border-radius: 18px;
    border: 1px solid;
    text-align: center;
    line-height: 36px;
    font-size: 16px;
    font-weight: bold;
    margin: 0px 2px;
}
.div-nps-answer-container {
    padding: 0px 34px;
    margin-top: 5px;
}
img[name="welcome-logo"] {
    max-width: 150px;
    margin-top: 30px;
}
div[name="pc-email-question-name"] {
    padding: 20px 10px 10px 10px;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}
/*div#nps-pc-email-welcome-content {
    min-height: 230px;
}*/
.div-save-welcome-email-button-container{
    width:100%;
    text-align: right;
}
.btn-save-welcome-button{
    padding: 5px 30px;
    height: 35px;
    border: none;
    border-radius: 3px;
    color: #fff;
    background-color: #ee661a;
    font-weight: bold;
    width:120px;
}
div#tab-1 {
    padding: 15px;
}
.div-inside-iphone {
    width: 375px;
    height: 417px;
    /*max-height: 600px;*/
    margin: 0 auto;
    border: 1px solid #e3e3e3;
    overflow-y: auto;
    box-shadow: 0 0 10px rgba(0,0,0,0.1)
}
.div-iphone-container{
    width: 448px;
    /*height: 898px;*/
    /*background-image: url('/contents/admin/images/nps-iphone-moc.png');*/
    margin: 15px auto 0px auto;
    /*padding: 180px 0px 0px 0px;*/
}
.nps-mobile-email-info-from {
    padding: 5px;
    border-bottom: 1px solid #e3e3e3;
}
.nps-mobile-email-info-reply-to {
    padding: 5px;
    border-bottom: 1px solid #e3e3e3;
}
div#div-sub-tab-2-3>label {
    font-weight: normal;
    font-size: 13px;
    cursor: pointer;
}
.nps-mobile-email-info-subject {
    padding: 5px;
    font-size: 14px;
    font-weight: bold;
    color: #535353;
    border-bottom: 1px solid #e3e3e3;
}
textarea#txt-thankyou-message {
    width: 100%;
    height: 150px;
    margin-top: 50px;
    border: 1px solid #d3d3d3;
    border-radius: 5px 10px;
    resize: none;
    padding: 5px;
    font-size: 12px;
}
.thank-you-message {
    font-size: 16px;
    padding: 0px 15px;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
}
.thank-you-imgae-container{
    text-align: center;
}
img.thank-you-image {
    max-width: 300px;
    margin-bottom: 40px;
}
.div-regular-title {
    width: 100%;
    padding: 0px 15px;
    margin-top: 10px;
}
input.inp-regular-title {
    font-size: 18px;
    font-weight: bold;
    height: 40px;
    border: 1px solid #a3a3a3;
    border-radius: 3px;
    width: 100%;
    padding: 0px 5px;
}
.div-regular-content {
    width: 100%;
    text-align: center;
    margin-top: 15px;
    padding: 0px 15px;
}
textarea.txt-regular-content {
    width: 100%;
    text-align: justify;
    height: 80px;
    border: 1px solid #a3a3a3;
    border-radius: 3px;
    resize: none;
    padding: 0px 5px;
    font-size: 14px;
}
.div-companyname-phone-container {
    width: 100%;
    text-align: left;
    padding: 0px 15px;
    margin-top: 15px;
}
.div-companyname-phone {
    width: 250px;
    display: inline-block;
}
input.inp-company-information {
    width: 100%;
    border: 1px solid #a3a3a3;
    margin-bottom: 5px;
    height: 30px;
    border-radius: 3px;
    padding: 0px 5px;
}
.div-regular-answer {
    text-align: center;
    margin-top: 15px;
    margin-bottom: 15px;
}
button.button-regular-answer {
    color: #fff;
    height: 40px;
    width: 200px;
    font-size: 16px;
    text-transform: uppercase;
    border-radius: 5px;
}
td.td-table-email-header-email {
    width: 50%;
}
td.td-table-email-header-name {
    width: 35%;
}
td.td-table-email-header-gender {
    width: 15%;
}
.hover{
    border: 1px solid #ff0000;
}
.div-nps-email-setting {
    font-size: 14px;
    margin-top: 15px;
}
select.nps-send-every {
    height: 20px;
    padding: 0px 5px;
    border: 1px solid #a3a3a3;
    /*border-radius: 5px;*/
    font-size: 13px;
}
input.nps-email-setting-input {
    width: 40px;
    height: 20px;
    padding: 0px 5px;
    /*border-radius: 5px;*/
    border: 1px solid #a3a3a3;
    text-align: center;
}
div[name="div-email-boundary"] {
    padding: 10px;
    margin: 0 auto;
}
div#tab-6 {
    padding: 15px 15px;
}
#txt-direct-url {
    width: 100%;
    text-align: left;
    padding: 10px 5px;
    border-radius: 5px;
    background-color: #f3f3f3;
    margin-top:20px;
    border: 1px solid #a3a3a3;
    margin-bottom: 5px;
}

.div-nps-container {
    width: 100%;
    height: 40px;
    margin-top: 16px;
}

.div-desciption-nps {
    width: 600px;
    height: 40px;
    margin-top:10px;
}

.div-desciption-nps div:nth-child(1) {
    float:left;
}

.div-desciption-nps div:nth-child(2) {
    float:right;
}

.div-nps-container span {
    margin-right: 16px;
    float: left;
    border: 1px solid #818181;
    color: #818181;
    border-radius: 20px;
    width: 40px;
    text-align: center;
    padding: 7.78px 0px;
    cursor: pointer;
    font-weight: 600;
    font-size: 16px;
}
.send-method-title {
    font-size: 18px;
    color: #333;
    font-weight: bold;
    /*margin-left: 3px;*/
}
.nps-menu-active{
    background-color: #ee661a;
}
.div-menu-sub-1:hover {
    background-color: #ee661a;
}
.div-menu-sub-2:hover{
    background-color: #ee661a;
}

td.advanced >img{
    width: 18px;
    cursor: pointer;
}

tr[name="Linkage"]{
    display: none;
}
.btn-primary.btn-create-chat {
    width: 100px;
    float: right;
}
table#table-chat-question {
    width: 100%;
}
#table-chat-question tr {
    border-bottom: 1px solid #e3e3e3;
}
td.td-question-content {
    padding: 20px;
}
img.img-edit-question {
    height: 16px;
}
img.img-delete-question {
    height: 16px;
    margin-left: 10px;
}
td.td-question-control {
    text-align: right;
    padding: 20px;
    width: 120px;
}
input.div-question-edit {
    width: 100%;
    height: 35px;
    border: 1px solid #d3d3d3;
    border-radius: 5px;
    padding: 0px 10px;
}
.div-button-invite-panelist {
    padding: 20px;
    text-align: right;
}
button.btn-invite-panelist {
    height: 30px;
    width: 100px;
    border-radius: 5px;
    font-size: 14px;
    color: #fff;
    background-color: #ee661a;
}
select#basicposition {
    width: 300px;
    height: 36px;
    padding: 5px;
    border: 1px solid #d3d3d3;
}
button.btn.btn-download-inaccurate-user{
    color: #fff;
    background-color: #ee661a;
}

tr.th-uppercase th{
    text-transform: uppercase;
    min-width:75px;
    font-size:12px;
}
.modal-title{
    text-align: center;
    text-transform: uppercase;
}
div.modal-download-label {
    font-size: 14px;
    font-weight: bold;
    margin-top: 5px;
}
select#slt-download-type {
    height: 30px;
    width: 50%;
    border-radius: 5px;
}
.div-download-type,
.div-title-area,
.div-caption-area,
.div-image-type,
.div-comment,
.div-option{
    padding: 5px 10px;
}
label.modal-download-label {
    display: inline;
    font-weight: normal;
}
.modal-download-content {
    padding: 0px 20px;
}
.modal-download-sub-title,
.modal-sub-title{
    font-weight: bold;
}
input.btn-cancel-download, 
.btn-download,
.btn-preview{
    width: 120px;
    height: 30px;
    border: none;
    color: #fff;
    border-radius: 5px;
}

.btn-cancel-download{
    background-color: #535353;
}
.btn-download, .btn-preview{
    background-color: #F17C2F;
}
.table-preview-report{
    width:100%;
}
.td-preview-report-previous{
    text-align:left;
    vertical-align: middle;
    width:50px;
}
.td-preview-report-previous img{
    width: 60%;
    cursor: pointer;
}
.td-preview-report-next{
    text-align: right;
    vertical-align: middle;
    width:50px;
}
.td-preview-report-next img{
    width: 60%;
    cursor: pointer;
}
img.img-report {
    width: 50%;
    /*border: 1px solid #e3e3e3;*/
    margin-top:10px
}
.preview-header-title {
    font-size: 28px;
    /*font-weight: bold;*/
    /*padding-top: 10px;*/
}
.div-report-admin-comment {
    margin-top: 10px;
    font-size: 15px;
    min-height: 25px;
}
textarea#txt-admin-comment {
    width: 70%;
    height: 80px;
    text-align: left;
    resize: none;
    border: 1px solid #a3a3a3;
    border-radius: 5px;
    padding: 5px;
    font-size: 18px;
}
table.table-more-information {
    width: 50%;
    margin: 5px auto;
}
td.table-more-info-td-first {
    width: 30%;
    font-weight: bold;
}
td#preview-content {
    border: 1px dashed #d3d3d3;
    padding: 10px;
}
.txt-pdf-title{
    width:380px;
    height:30px;
    border: 1px solid #d3d3d3;
    padding: 5px;
    font-size: 12px;
    border-radius: 5px;
}
.preview-report-more-info {
    font-size: 11px;
}
.div-report-type {
    padding: 10px;
    font-weight: bold;
}
.div-report-type span {
    margin-right: 10px;
}
.div-report-type label {
    display: inline;
    cursor: pointer;
}
input.select-photo-download {
    margin-left: 4px;
    margin-top: 4px;
    position:absolute;
	z-index:9999999;
}
.div-include-competitor>label {
    display: inline;
}

.table-survey-question td {
    width: 20%;
}
.table-product-locaion td{
    width: 16.67%;
}
.div-disabled{
    pointer-events: none;
    opacity: 0.5;
}

/** 
 * Jason
 */
.modal-download-sub-title .active{
    color: darkorange;
    text-decoration: underline;
    font-size: 14px;
}

.left-content{
    margin-right: 10px;   
}
.right-content{
    min-width: 500px;
    border-radius: 5px;
    border: 1px solid #d3d3d3; 
    padding: 10px;
}

#modal-download-report .modal-content{
    display: inline-table;
}

#modal-download-report .modal-body{
    display: inline-flex;
}

.right-content td#preview-content{
    border: 1px solid #d3d3d3;
    border-radius: 25px;
}

#modal-download-report .modal-dialog{
    display: table;
}

#modal-download-report .modal-download-content{
    padding: 0;
}

#modal-download-report .modal-download-content .row{
    margin-top: 15px;
    margin-left: -24px;
}

#modal-download-report .preview-photo{
    min-height: 35px;
}

#modal-download-report .modal-download-label{
    /*margin-top: 30px;*/
    text-align: left;
    font-size: 9px;
}

#modal-download-report #txt-admin-comment-1,
#modal-download-report #txt-admin-comment-2,
#modal-download-report #txt-admin-comment-4{
    text-align: left;   
}

.checkbox-custom label
{
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    margin-right: 0;
    padding-left: 25px;
    cursor: pointer;
    position: relative;
}

.checkbox-custom input {
    display: none;
}

.checkbox-custom input[type=checkbox]:checked+label:after {
    left: 2px;
    top: 2px;
    color: #fff;
}

.checkbox-custom label:before {
    width: 18px;
    height: 18px;
    border: 2px solid #1976D2;
    background-color: #fff;
    border-radius: 2px;
}

.checkbox-custom input[type=checkbox]:checked+label:before {
    background: #1976D2;
}

.download-pdf
{
    min-width: 70px;
}

.checkbox-custom label:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 17px;
    height: 16px;
    border-radius: 1px;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
}

.checkbox-custom input[type=checkbox]:checked+label:after, .checkbox-custom input[type=radio]:checked+label:after {
    position: absolute;
    font-family: FontAwesome;
    content: "\f00c";
    font-size: 12px;
    top: 1px;
    left: 1px;
    width: 0;
    height: 0;
    transform: rotate(-13deg);
}

#modal-download-report .preview-header-title{
    font-size: 24px;
    font-weight: bold;
    color: #0C436C;
}

#modal-download-report .div-image-container
{
    margin-bottom: 10px;
}

#modal-download-report .div-image-container img{
    float: left;
    margin-top: 0;
    margin-bottom: 4px;
}

#modal-download-report .content-image-type-2 img{
    margin-left: 15px;
}

#modal-download-report .content-image-type-4 img{
    margin-left: 6px;
}

#modal-download-report .content-image-type-1 .div-image-container .content-option{
    float: left;
    margin-left: 13px;
    border: 1px solid #ff8400;
    padding: 10px;
    min-height: 303px;
    font-size: 11px;
    width: 295px;
}

#modal-download-report .content-image-type-2 .div-image-container .content-option{
    float: left;
    border: 1px solid #ff8400;
    padding: 5px;
    margin-left: 15px;
    min-height: 157px;
    font-size: 11px;
}

#modal-download-report .content-image-type-4 .div-image-container .content-option{
    float: left;
    border: 1px solid #ff8400;
    padding: 2px;
    margin-left: 6px;
    min-height: 157px;
    font-size: 9px;
}

#modal-download-report .div-image-container .content-option-item{
    display: inline-flex;
    clear: both;
    float: left;
    margin-bottom: 5px;
    width: 100%;
}

#modal-download-report .modal-download-label span{
    border-bottom: 1px solid #0C436C;
    color: #0C436C;
}

#modal-download-report .text-color{
    margin-top: 3px !important;
}

.image-type-1,
.image-type-2,
.image-type-4{
    cursor: pointer;    
}

#modal-download-report .preview-header-title .date-time{
    font-weight: normal;
}

.right-content .col-xs-1,
.right-content .col-sm-1,
.right-content .col-md-1,
.right-content .col-lg-1,
.right-content .col-xs-2,
.right-content .col-sm-2,
.right-content .col-md-2,
.right-content .col-lg-2,
.right-content .col-xs-3,
.right-content .col-sm-3,
.right-content .col-md-3,
.right-content .col-lg-3,
.right-content .col-xs-4,
.right-content .col-sm-4,
.right-content .col-md-4,
.right-content .col-lg-4,
.right-content .col-xs-5,
.right-content .col-sm-5,
.right-content .col-md-5,
.right-content .col-lg-5,
.right-content .col-xs-6,
.right-content .col-sm-6,
.right-content .col-md-6,
.right-content .col-lg-6,
.right-content .col-xs-7,
.right-content .col-sm-7,
.right-content .col-md-7,
.right-content .col-lg-7,
.right-content .col-xs-8,
.right-content .col-sm-8,
.right-content .col-md-8,
.right-content .col-lg-8,
.right-content .col-xs-9,
.right-content .col-sm-9,
.right-content .col-md-9,
.right-content .col-lg-9,
.right-content .col-xs-10,
.right-content .col-sm-10,
.right-content .col-md-10,
.right-content .col-lg-10,
.right-content .col-xs-11,
.right-content .col-sm-11,
.right-content .col-md-11,
.right-content .col-lg-11,
.right-content .col-xs-12,
.right-content .col-sm-12,
.right-content .col-md-12,
.right-content .col-lg-12{
    padding-right: 0;
    padding-left: 0;
}

.right-content .content-option .content-option-item label{
    color: #0C436C;
}

.right-content .download-report-logo{
    margin-bottom: 10px;
    float: right;
}

.right-content .content-option .content-option-item{
    text-align: left;
}

.right-content .div-report-admin-comment input{
    width: 100%;
}

.right-content .preview-report-more-info{
    font-size: 15px;
}

#modal-download-report .modal-header,
#modal-download-report .modal-footer{
    border: none;
}

.content-image-type-2,
.content-image-type-4{
    display: none;
}

#modal-download-report .div-image-container .content-option-item .col-md-5{
    text-align: left;
    display: inline-table;
    font-size: 8px;
}

#modal-download-report .modal-body{
    min-width: 1124px;
    min-height: 480px;
}

.comment{
    /*min-height: 90px;*/
    /*text-align: center;*/
    /*margin-top: 35px;*/
    display: inline-table;
}

.download-report-paging{
    bottom: 0px;
}

.download-report-paging-2{
    bottom: 0px;
}

.comment-box{
    min-height: 130px;
}

.download-report-paging-4{
    bottom: -10px;
}

#modal-download-report #pre-txt-admin-comment{
    margin-top: 10px;
}

#modal-download-report .txt-admin-comment{
    font-size: 18px;
    width: 380px;
    border: 1px solid #d3d3d3;
    padding: 5px;
    font-size: 12px;
    border-radius: 5px;
}

#modal-download-report .left-content{
    padding: 10px;
    margin-right: 0;
}

#modal-download-report .left-content .option-last{
    width: 20%;
}

#modal-download-report .right-content .image-1{
    width: 41%;
}

.div-small-star-boundary img {
    width: 20px;
    margin-left: 5px;
}
.div-small-star-boundary{
    text-align:center;
    margin-top: 10px;
}
p.retail-photo-info.retail-photo-date {
    text-align: right;
    font-weight: normal;
    font-size:12px;
}
div#div-content-admin {
    text-align: center;
}
.avata-boudary {
    width: 35px;
    height: 35px;
    overflow: hidden;
    border-radius: 18px;
    display: inline-block;
}
img.img-avatar {
    width: 35px;
}
div#div-storename {
    /* font-size: 20px; */
}
#div-storename img {
    width: 15px;
    /* margin-right: 5px; */
    margin-top:-5px;
}
.comment-avatar-boundary {
    width: 40px;
    height: 40px;
    overflow: hidden;
    border-radius: 20px;
}
.comment-user-detail {
    display: inline-block;
}
.comment-content {
    display: inline-block;
}
img.comment-avatar {
    width: 36px;
}
.comment-user-detail {
    display: inline-table;
    text-align: center;
}
.comment-content {
    display: inline-table;
    max-width:90%;
}
.div-comment-content-other .comment-content{
    margin-left:10px;
}
.div-comment-content-other {
    margin-top: 10px;
}
.comment-name {
    margin-top: 5px;
    font-size: 13px;
    font-weight: bold;
}
.div-comment-content-other .comment-content {
    margin-left: 10px;
    padding: 10px 30px 10px 10px;
    background-color: #ddd;
    border-radius: 5px;
}
.view-more-comment {
    margin-top: 5px;
    text-align: center;
    cursor: pointer;
    text-decoration: underline;
}
.div-comment-content-owner {
    text-align: right;
    margin-top:10px;
}
.div-comment-content-owner .comment-content{
    margin-right:10px;
    padding: 10px 10px 10px 30px;
    background-color: #ddeeee;
    border-radius:5px;
}
.div-time-owner, .div-time-other {
    font-size: 11px;
    color: #a3a3a3;
}
.modal-backdrop.fade.in {
    position: fixed;
}
.div-comment-star img {
    width: 10px;
}
span.tag {
    padding: 5px 10px;
    margin-right: 10px;
    background-color: #f0f0f0;
    line-height: 30px;
    border-radius: 3px;
}
.div-tag {
    float: left!important;
    width: initial!important;
}
.item.col-xs-3.col-lg-3 {
    margin-bottom: 15px;
    /* min-height: 450px; */
}
.thumbnail .item-test{
    padding: 0;
}
.span-pop-up-storename{
    margin-right:20px;
    font-size: 15px;
}
/* div#list-tag {
    margin-top: 5px;
    min-height:30px;
} */
#share-url{
    height:70px;
    word-wrap: break-word;
}
td.td-star img {
    width: 16px;
    margin-left: 2px;
}
table.table-comment {
    width: 100%;
}
td.td-star {
    width: 100px;
    background-color: #ddddff;
    padding: 10px 0px 10px 10px;
    border-radius: 5px 0px 0px 5px;
    vertical-align:top;
}
td.td-comment-content {
    padding: 10px 10px 10px 10px;
    background-color: #ddddff;
    vertical-align:top;
}
td.comment-time {
    width:80px;
    background-color: #ddddff;
    padding: 10px 10px 10px 0px;
    border-radius: 0px 5px 5px 0px;
    vertical-align:top;
}
.avatar-boundary {
    width: 36px;
    height: 36px;
    overflow: hidden;
    border-radius: 18px;
    display:inline-block;
}
td.comment-user {
    width: 60px;
    text-align: right;
}
.comment-user-avatar {
    text-align: center;
}
.comment-user-name {
    text-align: center;
}
div#password-error {
    color: #dd0000;
}
table.table-comment {
    margin-top: 10px;
}
td.comment-time.comment-other {
    background-color: #ddd;
    padding: 10px 0px 10px 10px;
    border-radius: 5px 0px 0px 5px;
}
comment-content.comment-other {
    background-color: #ddd;
}
td.td-star.comment-other {
    background-color: #ddd;
    padding: 10px 10px 10px 0px;
    border-radius: 0px 10px 10px 0px;
}
td.td-comment-content.comment-other {
    background-color: #ddd;
}
#modal-slider .modal-backdrop.fade.in {
    background-color: #fff;
    opacity:0;
}
#modal-slider .modal-dialog {
    margin-top: 80px;
}
.div-slide-number {
    font-weight: bold;
}
.div-slide-number {
    position: absolute;
    right: 80px;
    margin-top: 10px;
}
.list-store {
    max-height: 200px;
    /*position: absolute;*/
    overflow-y: auto;
    z-index: 1000;
    background-color: #fff;
}
.autocomplete-store-name {
    font-weight: bold;
}
.autocomplete-store-suggetion {
    padding: 5px;
    cursor:pointer;
}
.autocomplete-store-suggetion:hover{
    background-color:#eee;
}
.autocomplete-store-address {
    font-size: 11px;
}
div[name="selected-store"],
div[name="selected-user"],
div[name="selected-manager"]{
    display: inline-block;
    margin-right: 5px;
    padding: 5px;
    background-color: #eee;
    margin-bottom: 5px;
    border-radius: 3px;
}
img.img-remove-selected-store {
    margin-left: 5px;
    width: 16px;
    cursor: pointer;
}
.div-evaluation img {
    width: 14px;
    margin-right: 3px!important;
    margin-left:0px!important;
}
.div-life-map-avatar-boundary {
    width: 40px;
    height: 40px;
    overflow: hidden;
    border-radius: 20px;
}
/*.div-life-map-name {
    margin-left: 5px;
}*/
.div-life-map-caption {
    margin-top: 5px;
}
.img-life-map-avatar{
    width:40px;
}
.partner-survey-info {
    padding: 20px;
    background-color: #fff;
}
table.table-partner-response {
    width: 100%;
    margin: 0 auto;
}
table.table-partner-response tr:nth-child(odd){
    background: #ECF0F9;
}
table.table-partner-response tr:nth-child(even){
    background: #fff;
}
table.table-partner-response td {
    padding: 5px 20px;
}
.div-button-add-range-container {
    text-align: right;
    margin-top: 10px;
}
input.range-value {
    height: 35px;
    padding: 0px 5px;
    text-align: right;
    margin-left: 5px;
    border-radius: 5px;
    border: 1px solid #d3d3d3;
    width: 35%;
}
span.range-title-max {
    margin-left: 50px;
}
input.btn.btn-danger {
    float: right;
}
.range-item {
    margin-bottom: 15px;
}
.modal-content.modal-preview-elearning-content {
    width: 360px;
    border-radius: 5px 5px 0px 0px;
}
.modal-preview-elearning-body{
    padding: 0px;
    height: 86vh;
    background-color: #efefef;
}
img.elearning-introduce-image {
    width: 100%;
}
.survey-type-icon {
    width: 40px;
    height: 40px;
    position: absolute;
    background-color: #f57c20;
    right: 10px;
    margin-top: -20px;
    border-radius: 20px;
    box-shadow: 0px 2px #eee;
    padding: 7px;
}
.elearning-introduce-title {
    padding: 10px;
}
.span-survey-title{
    font-weight: bold;
    font-size: 16px;
    color:#0f2f46;
}
.span-survey-until{
    font-size: 12px;
    color: #8d8d8d
}
.elearning-introduce-content {
    font-size: 14px;
    padding: 10px;
    color:#0f2f46;
}
.elearning-introduce-bottom {
    padding: 10px;
    position: absolute;
    bottom: 0px;
    width: 359px;
    text-align: center;

}
.elearning-introduce-bottom.elearning-perform-bottom,
.elearning-introduce-bottom.elearning-content-bottom{
    background-color: #f6f6f6;
}
.btn-start-preview{
    width: 100%;
    height: 40px;
    background-color: #ef6618;
    color: #fff;
    text-transform: uppercase;
    font-size: 18px;
}
img.img-elearning-slider {
    width: 100%;
    border: 1px solid #f0f0f0;
}
.elearning-content-header {
    background-color: #f6f6f6;
    border-bottom: 1px solid #8e99a5;
}
table.table-bottom-elearning {
    width: 100%;
}
td.td-left {
    text-align: left;
}
td.td-center {
    text-align: center;
}
td.td-right {
    text-align: right;
}
button.btn.btn-elearning-previous{
    height: 40px;
    background-color: #ef6618;
    color: #fff;
    width: 80px;
}
span.span-elearning-preview-header-title {
    font-size: 16px;
    color: #49596c;
}
.elearning-question-container {
    padding: 20px 10px;
    font-size: 14px;
    color: #fff;
}

.answer-content {
    display: inline-block;
    width: 90%;
    text-align: left;
}
.answer-select-box {
    display: inline-block;
    width: 10%;
    text-align: right;
}
.div-answer {
    padding: 10px;
    font-size: 14px;
}
.div-answer .answer-content{
    color:#1f4262;
}
.div-answer.even{
    background-color: #f2f2f2;
}
.div-answer.odd{
    background-color: #e6e6e6;
}
.div-answer.even.active,
.div-answer.odd.active
{
    background-color: #f2651d;
    opacity: 1!important;
}
.div-answer.active .answer-content{
    color: #fff;
}
.div-question-scroll {
    height: 590px;
    overflow: auto;
    background-color: #efefef;
}
.div-elearning-result {
    padding: 80px 20px;
}
.div-elearning-success-image {
    text-align: center;
}
img.elearning-success-image {
    width: 80px;
}
.div-elearning-success-status {
    text-align: center;
    font-size: 16px;
    padding: 10px;
    color: #82cddc;
    font-weight: bold;
}
.div-elearning-failed-status {
    text-align: center;
    font-size: 16px;
    padding: 10px;
    color: #f0826e;
    font-weight: bold;
}
.div-elearning-success-information-text {
    text-align: center;
    font-size: 16px;
}
.div-point-container {
    padding: 20px 40px;
    font-size: 14px;
}
table.table-point-container {
    width: 100%;
}
td.point-type {
    width: 50%;
    text-align: left;
}
td.point-number {
    width: 50%;
    text-align: right;
}
.elearning-video-notice {
    padding: 10px;
    text-align: center;
    color: #d00;
    font-size: 11px;
}
.choice-label {
    display: inline-block;
}
.answer-label {
    display: inline-block;
}
.td-center{
    text-align:center
}
.padding10 {
    padding: 10px;
}

#conditionOr {
    margin-left: 100px;
}

.condtionAnd, .condtionOr {
    font-weight: bold;
}
.btn-success1 {
    color: #fff;
  border-radius: 4px;
  border: 1px #5e6db3 solid;
  background-color: #5e6bd3;
  margin-right: 23%;
  width: 15%;

}

.btn-success2 {
color: #fff;
border-radius: 4px;
border: 1px #fd7b6c solid;
 background-color: #fd7b6c;
 margin-right: 23%;
 width: 15%;
}


.btn-success2:hover {
     color: #fff;
    background-color: #fc4e3a;
}
.btn-success1:hover {
        color: #fff;
    background-color: #475597;
}
.rule-filter-container > .form-control, .rule-value-container > .form-control, .rule-number-container > .form-control {
    min-width: 200px;
    max-width: 250px;
}
.not-show-chart {
    margin-top: 10px;
    margin-right: 8px;
    float: left;
    width: 34px;
    height: 34px;
    border: 1px solid #e3e3e3;
    border-radius: 3px;
    padding: 5px;
}
/**
 * End of Jason
 */
.keyword-highlight {
    background: rgb(255, 240, 109);
}

.modalAjax {
    display: none;
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba( 255, 255, 255, .8 ) url('../images/pIkfp.gif') 50% 50% no-repeat;
}
body.loading {
    overflow: hidden;   
}
body.loading .modalAjax {
    display: block;
}

.display_block {
    display: block;
}
.display_inline {
    display: inline;
}
.display_none {
    display: none;
}
.btn-search {
    color:#fff;
}

.text-left {
    text-align: left !important;
}

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
    vertical-align : middle;
    font-size: 12px;
}
.table > thead > tr > th,
.table > thead > tr > td {
    text-align: center;
    height: 36px;
    line-height: unset;
}
.table > thead > tr > th > .th-inner {
    padding: unset;
    line-height: 36px;
}
.table > tbody > tr > td {
    height: 50px;
    padding-top: 0;
    padding-bottom: 0;
}
.table > tbody > tr > td > .btn, .table > tbody > tr > td > button {
    width: 34px;
    height: 30px;
    margin-right: 5px;
}

.div-table-border-left-group{
    border-left: 2px solid #000 !important;
}

.div-table-border-number-group{
    border-left: 2px solid #000 !important;
    text-align:center;
}
#maincontent12.content-hidden-h-scroll {
    overflow-x: hidden;
}

.cosumer_information {
    background: orangered;
    color: #fff;
    padding: 10px;
    display: inline-block;
    font-weight: bold;
}
.mt-0{
    margin-top: 0;
}
.mt-5{
    margin-top: 5px;
}
.mt-10{
    margin-top: 10px;
}
.mt-20{
    margin-top: 20px;
}
.mt-30{
    margin-top: 30px;
}
.option-editor{
    width: 50%;
    height: 300px;
    border: 1px solid #ccc;
    padding: 20px;
}

#topbar-left-h ul li a.no-dropdown{
    padding: 5px 20px;
}

#topbar-left-h ul li a.dropdown-toggle{
    padding: 5px 14px;
}

#topbar-left-h ul li a.store-update{
    padding: 7px 20px;
    color:#fff
}

.timeline-tag {
  background: #ccc;
  border-radius: 3px 0 0 3px;
  color: #696565;
  font-size: 10px;
  display: inline-block;
  height: 22px;
  line-height: 22px;
  padding: 0 15px 0 20px;
  position: relative;
  margin: 0 5px 0px 0px;
  text-decoration: none;
  -webkit-transition: color 0.2s;
}

.timeline-tag::before {
  background: #fff;
  border-radius: 10px;
  box-shadow: inset 0 1px rgba(0, 0, 0, 0.25);
  content: '';
  height: 6px;
  left: 10px;
  position: absolute;
  width: 6px;
  top: 7px;
}

.timeline-tag::after {
  background: #fff;
  border-left: 10px solid #ccc;
  border-top: 11px solid transparent;
  border-bottom: 12px solid transparent;
  content: '';
  position: absolute;
  right: 0;
  top: 0;
}

.timeline-tag.success, .timeline-tag.success::before, .timeline-tag.success::after {
    background: #5cb85c;
    color:#fff;
    border-left-color:#5cb85c;
    border-bottom-color:#fff;
    border-top-color:#fff;
}

.timeline-tag.danger, .timeline-tag.danger::before, .timeline-tag.danger::after {
    background: #d9534f;
    color:#fff;
    border-left-color:#d9534f;
    border-bottom-color:#fff;
    border-top-color:#fff;
}

.timeline-tag.warning, .timeline-tag.warning::before, .timeline-tag.warning::after {
    background: #f0ad4e;
    color:#fff;
    border-left-color:#f0ad4e;
    border-bottom-color:#fff;
    border-top-color:#fff;
}

.timeline-tag.blue, .timeline-tag.blue::before, .timeline-tag.blue::after {
    background: blue;
    color:#fff;
    border-left-color:blue;
    border-bottom-color:#fff;
    border-top-color:#fff;
}

.timeline-tag.green, .timeline-tag.green::before, .timeline-tag.green::after {
    background: green;
    color:#fff;
    border-left-color:green;
    border-bottom-color:#fff;
    border-top-color:#fff;
}

.timeline-tag.red, .timeline-tag.red::before, .timeline-tag.red::after {
    background: red;
    color:#fff;
    border-left-color:red;
    border-bottom-color:#fff;
    border-top-color:#fff;
}

.timeline-tag.purple, .timeline-tag.purple::before, .timeline-tag.purple::after {
    background: purple;
    color:#fff;
    border-left-color:purple;
    border-bottom-color:#fff;
    border-top-color:#fff;
}

.timeline-tag.lightBlue, .timeline-tag.lightBlue::before, .timeline-tag.lightBlue::after {
    background: #47AFCD;
    color:#fff;
    border-left-color:#47AFCD;
    border-bottom-color:#fff;
    border-top-color:#fff;
}

.timeline-tag.orange, .timeline-tag.orange::before, .timeline-tag.orange::after {
    background: #F79646;
    color:#fff;
    border-left-color:#F79646;
    border-bottom-color:#fff;
    border-top-color:#fff;
}

.timeline-tag.violet, .timeline-tag.violet::before, .timeline-tag.violet::after {
    background:#A020F0;
    color:#fff;
    border-left-color:#A020F0;
    border-bottom-color:#fff;
    border-top-color:#fff;
}

.btn-circle{
    border-radius: 100%;
    width: 30px;
    height: 30px;
}

.timeline-tag .btn-delete{
    color: #eb1414;
    position: absolute;
    right: -7px;
    top: -7px;
    z-index: 1;
    font-size: 14px;
    cursor: pointer;
}

.custom-nav-tabs > li a{
    padding: 6px 30px;
    margin-right: 0;
    border-radius: 0;
    height: 30px;
    line-height: unset;
}

.custom-nav-tabs > li:first-child a{
    border-radius: 8px 0px 0px 8px;
}

.custom-nav-tabs > li:last-child a{
    border-radius: 0px 8px 8px 0px;
}

.user-avatar-name{
    background-color: #3b5479;
    color: #fff;
    text-align: center;
    width:30px;
    height:30px;
    line-height: 30px;
    border-radius: 100%;
    font-size:11px;
    margin-right: 5px;
    float:left;
    font-weight: 700;
}

.retail-filter-group-content .btn {
    font-size: 12px;
}
.retail-filter-group-content .analyze-left-filter {
    color: #787878;
    font-size: 12px;
}

#auto-complete-store::placeholder,
#auto-complete-user::placeholder,
#auto-complete-manager::placeholder,
.surveyinputbox::placeholder,
.select2-search__field::placeholder,
.analyze-left-filter::placeholder {
    color: #787878;
    opacity: 1;
}
#user_historical_paging {
    font-size: 12px !important;
}
.font12 {
    font-size: 12px !important;
}
#tableid > tbody:first-child > tr:first-child > th {
    font-size: 10px !important;
    padding-top: 15px;
}
.dropdown-menu {
    font-size: 12px;
}
.ms-parent .ms-drop {
    color: #787878;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #787878 !important;
}
.kpi-duration-group .btn {
    font-size: 12px;
}
.div-member-list .panel-primary > .panel-heading {
    background-color: #1e4d70;
    border-color: #1e4d70;
    height: 36px;
}
.div-member-list .panel-heading > .panel-title {
    font-size: 12px !important;
}
.retail-filter-group-content .surveyinputbox {
    height: 30px !important;
}
.btn-large {
    width: 90px !important;
    height: 30px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    padding:4px;
}
#retail-table-content .btn-search,
.btn-middle {
    width: 60px !important;
    height: 30px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    padding:4px;
}
.incentive-row .btn-smaller,
.btn-small {
    width: 34px !important;
    height: 30px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    padding:4px;
}
.height-30 {
    height: 30px !important;
    line-height: unset;
}
.fa-question-circle {
    background: radial-gradient(white 50%, transparent 50%);
    color: #f37c21;
}
#search_top_20,
#survey-form .btn-save,
#syncTaskData button,
#modal-boby-cross-check-email-setting button,
.modal-footer #btn-create-extra-profile-cancel,
.modal-footer #btn-create-extra-profile-save,
.btn-save-welcome-button, .btn-h-save,
.searchboxfooter a,
.alertdialogfooter a,
.survey-approve, .survey-reject,
.survey-go-top, .survey-reject,
.modal-footer button,
.attendance-tools a,
.attpopup-contain .tools button,
.attpopup-header .btn-download,
.status-button-container button {
    width: 90px !important;
    height: 30px !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    padding:4px;
}
.stylebarchartbox .imgchart, .stylebarchartbox .imgchart1,
.stylebarchartbox .img-border-left-inactive,
.stylebarchartbox .img-border-inactive,
.stylebarchartbox .img-border-right-active,
.stylebarchartbox .img-analyze-comment,
.stylebarchartbox .img-border-active,
.stylebarchartbox .img-border-left-active,
.stylebarchartbox .img-border-right-inactive,
.friendanswermessage1 .analyze_text,
#topbar-left-h .btn-create-new,
#checkin-request-tableid .item-tool a,
#performance-template-tbody .btn-viewTemplate,
#performance-template-tbody .btn-deleteTemplate {
    width: 34px !important;
    height: 30px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    padding:4px;
}
.renderSection {
    padding:10px;
    background-color:#26628f;
    color:#ffffff;
}
#tableid>thead>tr>th, #tableid > caption + tbody > tr:first-child > th,
#tableid > colgroup + tbody > tr:first-child > th, #tableid > tbody:first-child > tr:first-child > th,
#tableid > caption + tbody > tr:first-child > td, #tableid > colgroup + tbody > tr:first-child > td,
#tableid > tbody:first-child > tr:first-child > td {
    background-color: #337ab7;
    background-color: #1e4d70;
    text-transform: none;
    font-size:10px;
    font-family: 'helvetica';
    color:#fff !important;
}
.div-panelist-survey .buta.question-type-active {
    background-color: #26628f;
}
.span-key {
    background: #1e4d70;
    padding: 0px 6px;
    font-size:16px;
    cursor:pointer;
    color:#fff;
    border-radius:2px;
    padding-top: 2px;
    margin-right:6px;
}
#addCompetitorDialog .col-md-4,
#addProductDialog .col-md-4,
#bannerContentDialog .col-md-3,
#addProductDialog .col-md-3,
#addProductDialog .col-md-12 {
    font-family: helvetica;
    font-size: 12px;
    color: #787878;
}
#survey-form .btn-youtube-link,
#survey-form .btn-vimeo-link,
#survey-form .btn-upload-image,
#survey-form .btn-upload-attachment,
#topbar-left-h .btn,
#createquestionpopup {
    height: 30px !important;
}
.background-striped {
    background-color: #1e4d70;
    text-transform: none;
    font-size: 10px;
    font-family: 'helvetica', sans-serif;
    color: #fff !important;
    padding: 8px;
    font-weight: bold;
    line-height: 1.42857143;
}
.btn-update-past-tran {
    padding:5px 20px;
    color:#fff;
    background-color:#1e4d70;
    margin-left: 4px;
    font-size:12px;
}
#btn-create-question,
.btn-rule {
    width: 60px !important;
    height: 30px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    padding:4px;
}
.btn-rule .icon-left-bar-search {
    margin-left: 15px !important;
    margin-top: 3px !important;
}
.attendance_note button,
.btn-same-width {
    width: 45px;
    height: 30px !important;
    padding: 4px;
}
.pagination {
    font-size: 12px;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
.btn-remind {
    width: 60px !important;
    height: 30px !important;
    font-size:11px !important;
}
.mtooltip {
    width: 120px;
    position: absolute;
    border-radius: 5px;
    border: 1px solid #ddd;
    z-index: 99;
    background: #fff;
    padding: 5px;
    color: #696969;
    font-size: 10px;
    text-align: center;
    display: none;
    font-weight: 500;
}
.ptooltip:hover .mtooltip {
    display: block;
}
.mtooltip.right {
    right:0;
}
.custom-marker-img img,
.map-information img,
.fa-map-marker {
    height: 20px;
}
.img-attach-icon {
    height: 20px !important;
    width: 20px !important;
}
.per-tooltip, .condition {
    font-size: 10px !important;
}
.custom-nav-tabs
.dataTable tr,
ul.surveyeditquestion .myanswer {
    font-size: 12px !important;
}
.custom-nav-tabs > li.active a {
    background-color: #1e4d70 !important;
    color: #fff !important;
}
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label p {
    font-family: "helvetica" !important;
}
.searchitemlabel {
    font-weight: 500 !important;
}
.item-grouping-header {
    background: #1e4d70 !important;
}
#performance-sumary-table-id th,
.new-performance-view-table tr th,
.userTypeHeader th {
    font-size:10px !important;
    font-weight: 500 !important;
}
.myself-name {
    color:#26628f;
    font-weight: bolder;
}
.basic-setting-row-n-child,
.top-box .field-info {
    font-size: 12px !important;
}
.new-performance-view-table th, .dataTable th {
    background-color: #1e4d70 !important;
}
.setting-row.basic-setting-row .control-label {
    font-size: 12px !important;
    font-weight: 500 !important;
}
#performance-sumary-table-id td {
    color: #696969 !important;
}
.questiontoolbox .btn-warning,
.questiontoolbox .btn-device-type.btn-on {
    height: 30px !important;
    font-size: 12px;
}
.table-bordered > thead > tr > th {
    background-color: #1e4d70 !important;
    font-size: 10px !important;
    font-family: 'helvetica' !important;
}
div.div-header-title-22 {
    font-size: 24px !important;
    line-height: 1;
    padding-top: 18px !important;
    padding-bottom: 36px !important;
}
.user-name, .user-information,
div#div-location-information,
div.div-filter-condition-instant {
    font-size: 12px !important;
}
#left-bar-retail {
    background: #f4f4f4 !important;
}
.table-striped>thead>tr>th,
.table-striped > caption + tbody > tr:first-child > th,
.table-striped > colgroup + tbody > tr:first-child > th,
.table-striped > tbody:first-child > tr:first-child > th,
.table-striped > caption + tbody > tr:first-child > td,
.table-striped > colgroup + tbody > tr:first-child > td,
.table-striped > tbody:first-child > tr:first-child > td {
	background-color: #1e4d70 !important;
	text-transform: none;
	font-size: 10px !important;
	font-family: 'helvetica' !important;
	color: #fff !important;
    font-weight: 500 !important;
}
#sidebar-retail {
	background: #1e4d70;
	padding: 0px !important;
	width: 18%;
	position: fixed;
	z-index:1000;
}
.table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
	border: 1px solid #eee;
	padding: 0 5px;
	border-right: none;
	border-left: none;
	color:#696969;
	font-family: "helvetica" !important;
	font-size:12px !important;
}
.map-canvas .map-information,
.timeline-question, .timeline-answer,
.timeline-info .task-info,
#time-line-list .row {
    font-size: 12px !important;
}
#time-line-list .timeline-data .timeline-comment p {
    color: #696969 !important;
}
.timeline-info .task-info a {
    color:#26628f !important;
}
.timeline-answer a {
    color:#26628f !important;
    text-decoration: underline;
}
.fa-speech2text,
.comment-timeline-image-btn {
    font-size: 20px !important;
}
.div-condition-scroll, .div-random-question-scroll {
    display: none;
    padding: 2px;
    border-top:none;
}
.div-condition-scroll.active, .div-random-question-scroll.active{
    display: block;
}
.btn-select-color{
    background-color:#4cdba6;
    height: 30px;
    width: 30px;
}
.sp-palette .sp-thumb-el {
    border: none !important;
}
.modal-title,
.modal-header {
    font-size: 14px !important;
}

.cke_editable_inline.cke_show_borders{
    border: 1px solid rgb(204, 204, 204);
    border-radius: 4px;
}

.modal .row{
    margin-left: 0;
    margin-right: 0;
}

.tab-content .tab-pane{
    padding-top: 18px;
    padding-bottom: 18px;
}

.nav-tabs{
    border:0;
}

.nav-tabs li a{
    padding: 6px 16px;
    background-color: #fff;
    color: #000;
    border-radius: 0 !important;
    margin-right: 0;
}

.nav-tabs li.active a, .nav-tabs li.active a:focus, .nav-tabs li:hover a{
    background-color: #1e4d70;
    color: #fff;
}

.nav-tabs > li:first-child a{
    border-radius: 8px 0px 0px 8px !important;
}
.nav-tabs > li:last-child a{
    border-radius: 0px 8px 8px 0px !important;
}

.btn-icon{
    height: 30px;
    line-height: 30px;
    padding: 0 12px;
}

.cke_editable_inline.cke_textarea_inline{
    padding: 20px;
}

[data-dismiss="modal"]{
    background-color: gray;
    color:#fff;
}

.m-0 {
    margin: 0 !important;
}

.m-r-4 {
    margin-right: 4px !important;
}

.m-l-4 {
    margin-left: 4px !important;
}

.m-b-2 {
    margin-bottom: 2px !important;
}

.m-b-4 {
    margin-bottom: 4px !important;
}

.m-b-5 {
    margin-bottom: 5px !important;
}

.m-b-10 {
    margin-bottom: 10px !important;
}

.m-b-15 {
    margin-bottom: 15px !important;
}

.m-b-20 {
    margin-bottom: 20px !important;
}

.p-0 {
    padding: 0 !important;
}

.p-t-0 {
    padding-top: 0 !important;
}

.p-r-0 {
    padding-right: 0 !important;
}

.p-b-0 {
    padding-bottom: 0 !important;
}

.p-l-0 {
    padding-left: 0 !important;
}

.p-t-20 {
    padding-top: 20px;
}

.p-r-20 {
    padding-right: 20px !important;
}

.p-l-20 {
    padding-left: 20px !important;
}

.p-b-20 {
    padding-bottom: 20px !important;
}

.w-auto {
    width: auto !important;
}

.w50 {
    width: 50% !important;
}

.w-200 {
    width: 200px !important;
}

.w-100 {
    width: 100px !important;
}

.w-150 {
    width: 150px !important;
}

.h-18 {
    height: 18px !important;
}

.h-30 {
    height: 30px !important;
}

.h-36 {
    height: 36px !important;
}

.new-performance-view-table thead tr.h {
    height: 10px;
}

.new-performance-view-table tbody tr {
    height: 50px;
}

.display-inline-block {
    display: inline-block !important;
}

.display-flex {
    display: flex !important;
}

.justify-left {
    justify-content: left;
}

.justify-center {
    justify-content: center;
}

.justify-right {
    justify-content: right;
}

.align-center {
    align-items: center;
}

.fixed-table-container {
    border: transparent !important;
}

.inline-block {
    display: inline-block;
}

.flex-nowrap {
    flex-wrap: nowrap;
}

.flex {
    display: flex;
}

.flex-column {
    display: flex;
    flex-direction: column;
}

.flex-v-center {
    display: flex;
    align-items: center;
}

.flex-h-center {
    display: flex;
    justify-content: center;
}

.div-clear{
    clear:both;
    overflow: inherit;
}

.question-num {
    width: 40px;
}

.timeline-answer ol {
    padding-left: 30px;
}

.timeline-answer ol.no-number-style {
    padding-left: 15px;
}

.question-custom {
    margin-left: 10px;
    color: #fff;
    font-size: 16px;
    background: #F37B21;
    border-radius: 50%;
    text-align: center;
    padding: 3px 6px;
}

.position-relative {
    position: relative;
}

.duration-customise-absolute {
    position: absolute;
    top: 30px;
    left: 0;
    z-index: 10;
}

.text-red {
    color: red !important;
}

.hand {
    cursor: pointer;
}

.btn-tag-notag {
    width: 70px;
}

.btn-tag-notag.focus {
    outline: unset !important;
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    /* Some browsers will not display the caret when using calc, so we put the fallback first */
    background: url("/contents/admin/images/down-arrow-common.png") white no-repeat 98.5% !important; /* !important used for overriding all other customisations */
    background: url("/contents/admin/images/down-arrow-common.png") white no-repeat calc(100% - 10px) !important; /* Better placement regardless of input width */
}

.ms-choice > div {
    background: url('/contents/admin/images/down-arrow-common.png') no-repeat !important;
    top: 11px !important;
}

.ms-drop ul > li label {
    display: flex;
    align-items: flex-start !important;
}

.input-band-color {
    padding: 0;
    border: 0 transparent;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.075) inset;
    border-radius: 0;
    width: 30px;
    background: transparent;
    height: 36px;
}

.colorpick-eyedropper-input-trigger {
    display: none;
}

.fix-height-table-sales-range{
    max-height: 300px;
    overflow: auto;
}

.text-brieftitle {
    overflow: hidden; 
    white-space: nowrap; 
    text-overflow: ellipsis;
    color: #0C436C !important;
    font-size: 18px !important;
    float: left;
    width: 100%;
    padding-top:5px;
}

.select2-results__option .wrap:before{
    font-family:fontAwesome;
    color:#999;
    content:"\f096";
    width:25px;
    height:25px;
    padding-right: 10px;

}
.select2-results__option[aria-selected=true] .wrap:before{
    content:"\f14a";
}
.select2-multiple, .select2-multiple2 {
    width: 100%
}
select2.select2-container.select2-container--default {
    min-width: 250px;
    max-width: 270px;
}

#mySelectConditions .select2-container,
#mapSelectConditions .select2-container {
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle;
    max-width: 270px;
    min-width: 250px;
}

.select2-container--default .select2-selection--single .select2-selection__clear {
    margin-right: 3px;
}

#mySelectConditions .modal-title,
#mapSelectConditions .modal-title {
    text-align: center;
    text-transform: uppercase !important;
}

#mySelectConditions select[name$="_operator"],
#mapSelectConditions select[name$="_operator"] {
    text-align-last: left;
}

#mySelectConditions .rule-value-container .select2-container,
#mapSelectConditions .rule-value-container .select2-container {
    width: 200px !important;
}


.history-download {
    display: flex;
    flex-direction: column;
}

.history-download .history-download-tools{
    height:30px;
    line-height: 30px;
    margin-bottom: 10px;
}

.history-download .tool{
    font-size: 16px;
}
.history-download .delete-download{
    color:#d9534f;
}
.history-download .direct-download{
    color:#395BB4;
}
.history-download .status.in-queue{
    color:#ee661a;
}
.history-download .status.processing{
    color:#5bc0de;
}
.history-download .status.done a{
    color:#5bc0de;
}

.history-download .status.failed{
    color:#e53131;
}

.history-download .download-item .status{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.history-download hr{
    margin-top:5px;
    margin-bottom: 5px;
}

.history-download .btn-reload-queue{
    font-size: smaller;
}

.mainbody-content{
    position:relative;
}
.system-message {
    position: absolute;
    top: 0;
    right:0;
    width: auto;
    min-width: 350px;
}

.input-daterange{
    display:flex;
    align-items: center;
    justify-content: space-between;
}

.jconfirm-content .show-alert-content{
    max-height: 50vh;
    overflow-y:auto;
}

.jconfirm-content .show-alert-content ol{
    text-align: left;
}

.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-title{
    font-weight: 500 !important;
    font-size: 15px !important;
}

.ui-timepicker-container .ui-timepicker {
    overflow-y:hidden;
}

.ui-timepicker-container .ui-timepicker-viewport{
    height:100%;
}

.ui-timepicker-container .ui-menu .ui-menu-item a{
    text-align: left;
}

.ms-drop input[type="checkbox"]{
    margin-right: 5px;
}

.no-scroll {
    overflow: hidden;
}

.no-scroll-x {
    overflow-x: hidden;
}

.no-scroll-y {
    overflow-y: hidden;
}

.ui-timepicker-container .ui-timepicker-viewport{
    height:100%;
}

.ui-timepicker-container .ui-menu .ui-menu-item a{
    text-align: left;
}

.ms-drop input[type="checkbox"]{
    margin-right: 5px;
}

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

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

.typing-indicator {
    display: flex;
    align-items: center;
    gap: 5px;
    height: 20px;
    padding: 10px;
    background: #e4e6eb;
    border-radius: 20px;
    width: fit-content;
}

.dot {
    width: 8px;
    height: 8px;
    background-color: #65676b;
    border-radius: 50%;
    animation: bounce 1.4s infinite ease-in-out both;
}

.dot:nth-child(2) {
    animation-delay: 0.2s;
}

.dot:nth-child(3) {
    animation-delay: 0.4s;
}

@keyframes bounce {
    0%, 80%, 100% {
        transform: scale(0);
        opacity: 0.4;
    }
    40% {
        transform: scale(1);
        opacity: 1;
    }
}