body {
    font-family: Segoe UI, Trebuchet MS, UnDotum, sans-serif, Arial;
}

label {
    font-size: 12.5px;
}

.popup-container-style {
    height: 500px;
}

.importantTrue {
    background-color: red;
}

.mainQuestionPanel {
    color: black;
    background-color: white-green;
}

.subQuestionPanel {
    color: black;
    font-size: 13px;
    border-top: 1px solid #D0D0D0;
    /*border-left: 1px solid #D0D0D0;
    border-right: 1px solid #D0D0D0;
    */
}

.addAnswer {
    background: url("images/add_order.png") no-repeat;
    margin-top: 3px;
}

.operators-icon {
    background: url("images/operators-icon.png") no-repeat;
}

.periodsLabel.x-component.x-box-item {
    font-size: 12.5px;
    color: blue;
    text-decoration: none;
    padding-left: 8px;
    padding-right: 8px;
    border: 1px, solid, black;
    text-overflow: clip;
}

.showPeriodsLabel {
    font-size: 12.5px;
    padding-right: 8px;
}

.showPeriodsLabel-down {
    font-size: 12.5px;
    padding-right: 8px;
    text-decoration: underline;
    background-color: graytext;
/ / color : white;
}

.ext-gecko .x-small-editor .filter-mini-input .x-form-text {
    height: 18px !important;
}

.no-background {
    background: none !important;
}

.ext-strict .filter-mini-input .x-form-text {
    height: 18px !important;
}

.ext-strict .edit-mini-input .x-form-text {
    height: 13px;
    font-size: 13px;
}

.ext-gecko .edit-mini-input .x-form-text {
    padding-top: 0px;
}

.edit-mini-input {
    line-height: 16px;
}

.x-btn-tl, .x-btn-tr, .x-btn-tc, .x-btn-ml, .x-btn-mr, .x-btn-mc, .x-btn-bl, .x-btn-br, .x-btn-bc {
    background-image: url("images/btn.gif");
}

.x-btn-text-icon .x-btn-icon-small-left .x-btn-text {
    height: 17px;
}

.logo {
    background: url("images/logo50.png") no-repeat;
}

.header-bt {
    background: url("images/ruska.png") #eaebe6 repeat-x bottom;
}

.copy-right {
    color: #5f5f5f;
    font-size: 12px;
    line-height: 20px;
}

.tech-name-label {
    font-size: 12px;
    text-decoration: underline;
    color: #3684d6;
    cursor: pointer;
    line-height: 20px;
}

.email-subject-label {
    font-size: 14px;
    font-weight: bold;
}

.received-message-detail-panel-style {
    border-bottom: 1px dashed #BDBDBD;
}

.received-message-detail-panel-style:HOVER {
    background: #D8D8D8;
    border-bottom: 1px dashed #A4A4A4;
}

.print-mail-icon {
    background: url("images/print_fax.png") no-repeat;
}

.email-answer-button-style {
    border: 1px solid gray;
    border-radius: 4px 0px 0px 4px;
    background: url("images/answer_mail.jpeg") no-repeat center;
    background-color: white;
}

.email-answer-button-style:HOVER {
    cursor: pointer;
    border: 1px solid #3684d6;
}

.email-resend-button-style {
    border-top: 1px solid gray;
    border-bottom: 1px solid gray;
    border-left: none;
    border-right: none;
    background: url("images/resend_mail.jpeg") no-repeat center;
    background-color: white;
}

.email-resend-button-style:HOVER {
    cursor: pointer;
    border: 1px solid #3684d6;
}

.email-spam-button-style {
    border: 1px solid gray;
    border-radius: 0px 4px 4px 0px;
    background: url("images/spam_mail.png") no-repeat center;
    background-color: white;
}

.email-spam-button-style:HOVER {
    cursor: pointer;
    border: 1px solid red;
}

.email-received-date-label {
    font-size: 12px;
    font-style: italic;
}

.help-name-label {
    font-size: 12px;
    text-decoration: underline;
    color: #3684d6;
    cursor: pointer;
    padding-left: 20px;
    background: url(images/btn_help.png) no-repeat left center;
    line-height: 20px;
}

.user-name-label {
    background: url(images/pbx_user_profile_icon_16.png) no-repeat left center;
    padding-left: 25px;
    font-size: 12px;
}

.module-name-label {
    background: url(images/ivr.png) no-repeat left center;
    padding-left: 20px;
    font-size: 12px;
}

.profile-name-label {
    /*background: url(icons/x16-profile.png) no-repeat left center;*/
    padding-left: 5px;
    padding-right: 5px;
    font-size: 12px;
    text-decoration: underline;
    color: #3684d6;
    cursor: pointer;
    line-height: 20px;
}

.ccproject-name-label {
    /*background: url(images/myprofile_ccproj_ico.png) no-repeat 3px 1px;*/
    padding-left: 10px;
    padding-right: 10px;
    font-size: 12px;
    text-decoration: underline;
    color: #3684d6;
    cursor: pointer;
    line-height: 20px;
    white-space: nowrap;
}

.profile-name-label-active {
    /*background: url(icons/x15-profile-white.png) no-repeat left center;*/
    background-color: #3684d6;
    padding-right: 10px;
    padding-left: 10px;
    color: white !important;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    text-decoration: none;
}

.ccproject-active {
    /*background: url(images/bk_nyz.png);*/
    background-color: #3684d6;
    text-decoration: none;
    color: white;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    behavior: url(images/border-radius.htc);
}

.arrow_show_btn {
    background: url(images/arrow_show_btn.png) no-repeat left center;
    padding-left: 8px;
    padding-right: 22px;
    font-size: 11px;
    text-decoration: underline;
    color: #3684d6;
    cursor: pointer;
    line-height: 20px;
}

.add-line {
    background: url("images/add-line.png") no-repeat;
    width: 16px;
    height: 16px;
}

.stat_hide_btn {
    background: url(images/stat_hide_btn.png) no-repeat left center;
    padding-left: 13px;
    padding-right: 22px;
    font-size: 12px;
    text-decoration: underline;
    color: #3684d6;
    cursor: pointer;
    line-height: 20px;
}

.logout-name-label {
    background: url(icons/x16-logout.png) no-repeat left center;
    padding-left: 20px;
    font-size: 12px;
    text-decoration: underline;
    color: #D5231C;
    cursor: pointer;
    line-height: 20px;
}

.red-label {
    font-size: 12px;
    color: #D5231C;
    line-height: 20px;
}

.center-panel {
    background: url(images/content-bg.png);
}

.footer-panel {
    background: url(images/bk_nyz.png);
}

.center-panel-header-lf {
    background: url(images/center-panel-header-lf.png) no-repeat left;
}

.center-panel-header-rg {
    background: url(images/center-panel-header-rg.png) no-repeat right;
}

.center-panel-header-content {
    background-color: #666666;
}

.statistick-panel-header-content {
    background: url("images/statistick-panel-header-rg.png") no-repeat right #767676;
    border-left: 1px solid #a0a0a0;
}

.statistick-center-panel {
    border-left: 1px solid #a0a0a0;
    border-right: 1px solid #ffffff;
    background-color: #dbdbdb;
}

.statistick-center-panel .x-grid3 {
    background: url("images/ss_dot_line.png") repeat-y;
}

.statistick-center-panel .x-grid3-row {
    border: none;
}

.statistick-center-panel .x-grid3-cell-inner, .statistick-center-panel .x-grid3-hd-inner {
    line-height: 13px;
    padding-left: 10px;
}

.statistick-center-panel .x-grid3-row td.x-grid3-cell, .x-grid3-summary-row td.x-grid3-cell {
    line-height: 13px;
}

.statistick-panel {
    background: none;
}

.header-title-text {
    color: #ffffff;
}

.main-content-panel .x-panel-body {
    /**background-image: url("images/login-background.png");*/
    background-position: bottom;
    background-repeat: no-repeat;
}

.main-content-panel .accordion-panel .x-panel-body {
    border: none;
}

.add-button-with-arrow {
    background: url("images/add_big_arrow.png");
    width: 30px;
    height: 20px;
}

/*************************************************************/
.btn-working {
    background: url("images/btn_working.png") no-repeat center;
    height: 23px;
    width: 25px;
}

.btn-notready {
    background: url("images/btn_notready.png") no-repeat center;
    height: 23px;
    width: 25px;
}

.btn-ready {
    background: url("images/btn_ready.png") no-repeat center;
    height: 23px;
    width: 25px;
}

.btn-working-pressed {
    background: url("images/btn_working_click.png") no-repeat center;
    height: 23px;
    width: 25px;
}

.btn-notready-pressed {
    background: url("images/btn_notready_click.png") no-repeat center;
    height: 23px;
    width: 25px;
}

.btn-ready-pressed {
    background: url("images/btn_ready_click.png") no-repeat center;
    height: 23px;
    width: 25px;
}

.simple-label-text {
    font-size: 12px;
}

.operator-west-panel {
    background-color: #f0f0f0;
    border-right: 1px solid #a0a0a0;
}

.operator-east-panel {
    background-color: #f0f0f0;
}

.unselectable {
    -moz-user-select: none;
    -webkit-user-select: none;
}

.mb-text {
    -moz-user-select: none;
    -webkit-user-select: none;
    font-size: 12px;
}

.mb-mc {
    line-height: 18px;
}

.x-btn-mb .mb-text {
    color: #3684d6;
    text-decoration: underline;
}

.mb-em {
    padding-left: 2px;
    padding-right: 2px;
}

.x-btn-mb-pressed .mb-text {
    color: #ffffff;
    text-decoration: none;
}

.x-btn-mb-pressed .mb-mc {
    background-color: #1c8ddd;
}

.x-btn-mb-pressed .mb-lf {
    line-height: 20px;
    background: url(images/mb-lf.png) no-repeat left;
}

.x-btn-mb-pressed .mb-rg {
    line-height: 20px;
    background: url(images/mb-rg.png) no-repeat left;
}

/*************************************************************/
.round-border5 {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    behavior: url(images/border-radius.htc);
}

.x-btn-round-text {
    font-size: 12px;
    color: #ffffff;
    padding-left: 10px;
    line-height: 22px;
}

.operator_phone_panel {
    background-color: #cfcfcf;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    behavior: url(images/border-radius.htc);
}

.operator_phone_panel .x-box-inner {
    margin-left: 3px;
}

.phone-filed-end {
    width: 19px;
    display: block;
    overflow: hidden;
    background: url("images/edit_round_blue.png") no-repeat;
}

.phone-filed-start {
    width: 8px;
    display: block;
    overflow: hidden;
    background: url("images/arrow_blue_left.png") no-repeat;
}

.phone-filed-center {
    background-color: #1b8cdc;
    color: #ffffff;
    text-align: center;
    font-size: 13px;
    line-height: 19px;
}

.phone-filed-center input {
    height: 16px;
    border: none;
    marign-left: 5px;
    width: 100%;
}

/*********************************************************************************************/
.list-item table {
    width: 100%;
}

.operator-control-icon {
    vertical-align: middle;
    margin-right: 4px;
}

.operator-control-icon_forward_call {
    position: absolute;
    height: 17px;
    width: 17px;
    background: url("icons/call-transfer-16.png") no-repeat;
    top: 8px;
    right: 34px;
}

.redirect-icon {
    background: url("images/btn_recall.png") no-repeat center;
}

.list-item .x-view-item-over .operator-control-icon_forward_call, .list-item .x-view-item-sel .operator-control-icon_forward_call {
    background: url("icons/call-transfer-16-white.png") no-repeat;
}

.list-item .x-view-item-sel, .list-item .x-view-item-over {
    border: none !important;
}

.operator-control-icon_internal_chat {
    position: absolute;
    height: 17px;
    width: 17px;
    background: url("icons/talk-16.png") no-repeat;
    top: 8px;
    right: 12px;
}

.list-item .x-view-item-over .operator-control-icon_internal_chat, .list-item .x-view-item-sel .operator-control-icon_internal_chat {
    background: url("icons/talk-16-white.png") no-repeat;
}

.operator-control-icon_forward_chat {
    position: absolute;
    height: 17px;
    width: 17px;
    background: url("icons/moved-topic-16.png") no-repeat;
    top: 8px;
}

.list-item .x-view-item-over .operator-control-icon_forward_chat, .list-item .x-view-item-sel .operator-control-icon_forward_chat {
    background: url("icons/moved-topic-16-white.png") no-repeat;
}

.cc-block-row-table {
    width: 100%;
}

.cc-block-row-table .operator-item-bt-pl {
    width: 18px;
    vertical-align: top;
    background: none !important;
}

.operator-item-bt-pl {
    width: 70px;
}

.list-item {
    padding: 1px 2px 0px 0px;
    font-size: 12px;
}

.user_type {
    background: url("images/star.png") no-repeat 5px top;
}

.user-space {
    width: 26px;
    display: block;
    overflow: hidden;
}

.list-item .main {
    width: 100%;
}

.main, .btn-c {
    color: ffffff;
}

.list-item .text {
    padding-left: 12px;
    font-size: 13px;
}

.odd .operator-item-mc {
    color: #000000;
}

.list-item .x-view-item-over .operator-item-mc, .list-item .x-view-item-sel .operator-item-mc {
    color: #ffffff;
}

.operator-list-bl {
    width: 26px;
    display: block;
    overflow: hidden;
}

.list-item .odd {

}

.odd .operator-item-tc, .odd .operator-item-bt-pl, .odd .operator-item-mr, .odd .operator-item-bc, .odd .operator-item-mc, .odd .operator-item-ml {
    background-color: #e9e9e9;
}

.even .operator-item-tc, .even .operator-item-bt-pl, .even .operator-item-mr, .even .operator-item-bc, .even .operator-item-mc, .even .operator-item-ml {
    background-color: #f1f1f1;
}

.operator_list_ready {
    background: url("images/operator_list_ready.png") no-repeat;
}

.operator_list_working {
    background: url("images/operator_list_working.png") no-repeat;
}

.operator_list_notready {
    background: url("images/operator_list_notready.png") no-repeat;
}

.operator_list_not_ready {
    background: url("images/operator_list_notready.png") no-repeat;
}

.operator_list_in_process {
    background: url("images/operator_list_in_process.png") no-repeat;
}

.operator_list_reserved {
    background: url("images/operator_list_reserved.png") no-repeat;
}

.operator_list_talking {
    background: url("images/operator_list_talking.png") no-repeat;
}

.operator_list_offline {
    background: url("images/operator_list_offline.png") no-repeat;
}

.list-item .x-view-item-over .operator-item-tc, .list-item .x-view-item-over .operator-item-bt-pl, .list-item .x-view-item-over .operator-item-mr, .list-item .x-view-item-over .operator-item-bc, .list-item .x-view-item-over .operator-item-mc, .list-item .x-view-item-over .operator-item-ml {
    background-color: #1981da;
}

.list-item .x-view-item-sel .operator-item-tc, .list-item .x-view-item-sel .operator-item-bt-pl, .list-item .x-view-item-sel .operator-item-mr, .list-item .x-view-item-sel .operator-item-bc, .list-item .x-view-item-sel .operator-item-mc, .list-item .x-view-item-sel .operator-item-ml {
    background-color: #1981da;
}

.operator-item-tl, .operator-item-tr, .operator-item-bl, .operator-item-br {
    font-size: 1px;
    line-height: 2px;
    width: 2px;
    display: block;
    overflow: hidden;
}

.operator-item-ml, .operator-item-mr {
    width: 2px;
    font-size: 1px;
    overflow: hidden;
}

.odd .operator-item-bl {
    background: url("images/operator_round_odd_lb.png") no-repeat left bottom #e9e9e9;
}

.even .operator-item-bl {
    background: url("images/operator_round_even_lb.png") no-repeat left bottom #f1f1f1;
}

.list-item .x-view-item-over .operator-item-bl, .list-item .x-view-item-sel .operator-item-bl {
    background: url("images/operator_round_blue_lb.png") no-repeat left bottom #1981da;
}

.odd .operator-item-br {
    background: url("images/operator_round_odd_rb.png") no-repeat right bottom #e9e9e9;
}

.even .operator-item-br {
    background: url("images/operator_round_even_rb.png") no-repeat right bottom #f1f1f1;
}

.list-item .x-view-item-over .operator-item-br, .list-item .x-view-item-sel .operator-item-br {
    background: url("images/operator_round_blue_rb.png") no-repeat right bottom #1981da;
}

.odd .operator-item-tr {
    background: url("images/operator_round_odd_rt.png") no-repeat right top #e9e9e9;
}

.even .operator-item-tr {
    background: url("images/operator_round_even_rt.png") no-repeat right top #f1f1f1;
}

.list-item .x-view-item-over .operator-item-tr, .list-item .x-view-item-sel .operator-item-tr {
    background: url("images/operator_round_blue_rt.png") no-repeat right top #1981da;
}

.list-item .operator-talking {
    background-color: #aeaeae;
    font-size: 13px;
    color: #ffffff;
    padding-left: 10px;
    border-top: 1px solid #d57401;
    line-height: 16px;
    -moz-border-radius: 0px 0px 3px 3px;
    -webkit-border-radius: 0px 0px 3px 3px;
    border-radius: 0px 0px 3px 3px;
    behavior: url(images/border-radius.htc);
}

.search_icon {
    background: url("images/search.png") no-repeat center;
    padding-left: 5px;
    padding-right: 5px;
}

/*********************************************************************************************************/
.call-panel {
    background-color: #cfcfcf;
    overflow: visible;
}

.call-panel .x-box-inner {
    overflow: visible;
}

.operator-call-control-panel {
    background-color: #cfcfcf;
    border: 1px solid #b5b8c8;
}

.call-icon {
    position: absolute;
    left: -3 !important;
    background: url("images/btb_bigcall.png") no-repeat;
}

.call-icon-web {
    position: absolute;
    background: url("images/btb_bigcall_web.png") no-repeat;
}

.caller-id-number-text, .caller-name-text {
    font-size: 13px;
    color: #ffffff;
}

.pause_button {
    width: 16px;
    height: 16px;
    background: url("images/btn_pause.png") no-repeat;
}

.add-icon {
    background: url("images/add-entity.png") no-repeat center center;
}

.edit-icon-client-combo {
    width: 18px;
    height: 18px;
    background: url("images/edit.png") no-repeat center center;
}

.play_button {
    width: 16px;
    height: 16px;
    background: url("images/play.png") no-repeat;
}

.record_button {
    width: 16px;
    height: 16px;
    background: url("images/btn_record.png") no-repeat;
}

.stopcall_button {
    width: 18px;
    height: 16px;
    background: url("images/btn_stopcall.png") no-repeat;
}

.call-time-controll-panel {
    font-size: 12px;
    border-left: #ffffff;
}

.acd-close-income-call-panel {
    background: url("images/btn_close.png") no-repeat center;
}

.acd-information-start {
    background: url("images/acd_triangl.png") no-repeat left;
    width: 11px;
}

.acd-information-text {
    background: url("images/information_phone_bg.png") repeat-x;
    overflow: hidden;
    font-size: 12px;
    color: #ffffff;
    padding-left: 3px;
}

.call-information-panel {
    background: url("images/information_phone_bg.png") repeat-x;
    -moz-border-radius: 0px 0px 3px 3px;
    -webkit-border-radius: 0px 0px 3px 3px;
    border-radius: 0px 0px 3px 3px;
    behavior: url(images/border-radius.htc);
    border-bottom: #b5b8c8;
}

/*******************************************************************/
.info-button-toolbar {
    background: url("images/toolbar_bg.png") repeat-x #9e9e9e;
}

.info-tab-button {
    background: url("images/toolbar_button_bg.png") repeat-x;
    cursor: pointer;
}

.tab-button-info-over, .info-tab-button-pressed {
    background: url("images/toolbar_button_over_bg.png") repeat-x center;
}

.info-button-toolbar .content {
    height: 30px;
    font-size: 13px;
    padding: 0px 12px 0px 6px;
    -moz-user-select: none;
    -webkit-user-select: none;
    color: #000000;
}

.tab-button-info-over .content, .info-tab-button-pressed .content {
    background: url("images/toolbar_button_arrow.png") no-repeat bottom center;
    color: #ffffff;
}

.info-button-toolbar .right-border {
    font-size: 1px;
    width: 5px;
}

.info-button-toolbar .left-border {
    font-size: 1px;
    width: 5px;
    border-left: 1px solid #ffffff;
}

.info-button-toolbar .right-border {
    background: url("images/1x1_gray.png") no-repeat top right;
}

.tab-button-info-over .right-border, .info-tab-button-pressed .right-border {
    background: url("images/1x4_blue.png") no-repeat top right;
}

.info-button-toolbar .right-icon {
    width: 30px;
    text-align: center;
    font-size: 10px;
    -moz-user-select: none;
    -webkit-user-select: none;
}

.info-button-toolbar .right-icon {
    background: url("images/tab_info.png") no-repeat center center;
    color: #ffffff;
}

.empty .right-icon {
    background: url("images/krugok.png") no-repeat center center;
    color: #000000;
}

.tab-button-info-over .right-icon, .info-tab-button-pressed .right-icon {
    background: url("images/tab_info_press.png") no-repeat center center;
    color: #000000;
}

.info-button-toolbar .left-icon {
    width: 30px;
    font-size: 10px;
}

.info-button-toolbar .tab-call .left-icon {
    background: url("images/tab_call.png") no-repeat center center;
    color: #ffffff;
}

.tab-button-info-over .tab-call .left-icon, .info-tab-button-pressed .tab-call .left-icon {
    background: url("images/tab_call_press.png") no-repeat center center;
    color: #000000;
}

.info-button-toolbar .tab-task .left-icon {
    background: url("images/tab_task.png") no-repeat center center;
    color: #ffffff;
}

.tab-button-info-over .tab-task .left-icon, .info-tab-button-pressed .tab-task .left-icon {
    background: url("images/tab_task_press.png") no-repeat center center;
    color: #000000;
}

.info-button-toolbar .tab-cc-projects-icon .left-icon {
    background: url("images/cc-projects-black.png") no-repeat center center;
    color: #ffffff;
}

.tab-button-info-over .tab-cc-projects-icon .left-icon, .info-tab-button-pressed .tab-cc-projects-icon .left-icon {
    background: url("images/cc-projects-white.png") no-repeat center center;
    color: #000000;
}

.x-tab-strip-top .x-tab-right, .x-tab-strip-top .x-tab-left, .x-tab-strip-top .x-tab-strip-inner {
    background-image: url("images/tabs-sprite.gif");
}

ul.x-tab-strip-top {
    background: url("images/tab-strip-bg.gif") repeat-x #a0a0a0;
    border-bottom-color: #8DB2E3;
}

.x-tab-panel-header {
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
    padding-bottom: 2px;
}

/******************************************************************************************************/
/*********************Chat***********************/
.chat-list-view .x-view-highlightrow {
    border: none !important;
}

.vpchat-list-view {
    overflow-y: hidden;
    background-color: #FFFFFF;
}

.vpchat-log .x-panel-body {
    background-color: #FFFFFF;
}

.vpchat_tab_title {
    cursor: pointer;
    border-left: thin #999999 solid;
    border-right: thin #999999 solid;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
= = = = = = = background : -webkit-linear-gradient(#A1A1A1, #D7D7D7);
    /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#A1A1A1, #D7D7D7);
    /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#A1A1A1, #D7D7D7);
    /* For Firefox 3.6 to 15 */
    background: linear-gradient(#A1A1A1, #D7D7D7); /* Standard syntax */
    border-top-left-radius: 10%;
    border-top-right-radius: 10%;
    padding: 2px;
    font-size: 12px;
    font-family: tahoma, arial, helvetica, sans-serif;
}

.vpchat_tab_title:hover {
    background: -webkit-linear-gradient(#E8E8E8, #f5f5f5);
    background: -o-linear-gradient(#E8E8E8, #f5f5f5);
    background: -moz-linear-gradient(#E8E8E8, #f5f5f5);
    background: linear-gradient(#E8E8E8, #f5f5f5);
}

.vpchat_tab_active {
    background: -webkit-linear-gradient(#E8E8E8, #FFFFFF);
    background: -o-linear-gradient(#E8E8E8, #FFFFFF);
    background: -moz-linear-gradient(#E8E8E8, #FFFFFF);
    background: linear-gradient(#E8E8E8, #FFFFFF);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

.vpchat_tab_active:hover {
    background: -webkit-linear-gradient(#E8E8E8, #FFFFFF);
    background: -o-linear-gradient(#E8E8E8, #FFFFFF);
    background: -moz-linear-gradient(#E8E8E8, #FFFFFF);
    background: linear-gradient(#E8E8E8, #FFFFFF);
}

.badge {
    background: rgb(213, 35, 28);
    color: #ffffff;
    position: inherit;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    float: right;
    border-radius: 25%;
    margin-left: 8px;
    margin-right: 17px;
    font-size: 8px;
    font-weight: bold;
    padding: 1.8px;
    padding-top: 3px;
}

.margin-before-close {
    margin-right: 13px;
    float: right;
> > > > > > > 281 a06f5444b283b4baf0f43d75316a9514f309b
}

.chat-list-item {
    font-size: 13px;
    padding: 0px 5px 0px 5px;
}

.message-date {
    text-align: center;
}

.chat-line-space {
    background: url('images/chat_line.png') repeat-x left center;
    width: 100%;
}

.message-date span {
    padding: 0px 5px 0px 5px;
}

.message-from {
    background-color: #595959;
    margin: 10px 0px 5px 0px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    padding: 2px 0px 2px 5px;
    behavior: url(images/border-radius.htc);
}

.message-from .user-name {
    font-size: 13px;
    color: #ffffff;
}

.chat-list-item .own {
    background-color: #9d9d9d;
}

.chat-list-item .prompt {
    background-color: #660000;
}

.message-body {
    line-height: 15px;
    padding-left: 10px;
    margin-bottom: 10px;
}

.line {
    width: 100%;
}

.line-time {
    font-size: 13px;
    width: 55px;
    color: #a0a0a0;
    line-height: 14px;
    padding-left: 4px;
}

.message-from .line-time {
    color: #ffffff;
}

/******************************************************************************/
.client-informaion-panel {
    background: url("images/client_informaion_bg.png") repeat-x;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    behavior: url(images/border-radius.htc);
    padding: 5px 0px 10px 15px
}

.client-informaion-panel-medium {
    background: url("images/client_informaion_bg_med.png") repeat-x;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    behavior: url(images/border-radius.htc);
    padding: 5px 0px 10px 15px
}

.client-informaion-panel .client-name {
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 2px;
    color: #8a8889;
}

.client-informaion-panel .client-phone-number {
    padding-top: 2px;
    font-size: 14px;
}

.client-informaion-tab .x-form-label {
    padding: 2px 3px 3px 10;
}

.client-informaion-tab .x-panel-body {
    border: none;
}

.client-informaion-tab .x-form-item {
    margin-bottom: 0px;
}

.client-informaion-tab .x-form-item .x-form-item-label {
    border-right: 1px dotted #8e8e8e;
}

.comment-input-panel {
    background-color: #d9d9d9;
}

.request-history-panel {
    background: url("images/request_history_bg.png") repeat-x;
    line-height: 29px;
    font-size: 13px;
    padding-left: 15px;
}

.client-informaion-tab-east {
    border-left: 1px solid #a0a0a0;
    background-color: #f1f1f1;
}

.client-informaion-tab-east .x-grid3-body {
    background-color: #f1f1f1;
}

.client-informaion-tab-east .x-grid3-header {
    background-image: none;
    background-color: #eaeaea;
    color: #6f6f6f;
}

.client-informaion-tab-east .x-grid3-hd-operator_name {
    border-right: none;
}

.client-informaion-tab-east .x-grid3-td-date, .client-informaion-tab-east .x-grid3-td-phoneNumber, .client-informaion-tab-east .x-grid3-td-comment {
    border-right: 1px dotted #868686;
}

.client-informaion-tab-east .x-grid3-row {
    background-color: #F0F0F0;
    border-top: none;
    border-bottom: none;
}

.client-informaion-tab-east .x-grid3-row-alt {
    background-color: #ebebeb;
}

.client-informaion-tab-east .x-grid3-viewport {
    background-color: #F0F0F0;
}

.client-informaion-tab-east .x-grid3-hd-inner {

}

/*****************************************Supervisor CSS***********************************************/
.supervisor-button-toolbar .info-button-toolbar .right-border {
    font-size: 1px;
    width: 30px;
}

.applay-button {
    background: url("images/applay.png");
    width: 25px;
    height: 24px;
}

.download-talks-button {
    background: url("images/download_talks.png");
    width: 25px;
    height: 24px;
}

.statistic-button {
    background: url("images/statistic_btn.png");
    width: 24px;
    height: 24px;
}

/*****************************************my profile**************************************************/
.my-profile .x-panel-body {
    background-color: #eeeeee;
    border-style: none;
}

.my-profile {
    background-color: #eeeeee;
    -moz-border-radius: 0px 0px 10px 10px;
    -webkit-border-radius: 0px 0px 10px 10px;
    border-radius: 0px 0px 10px 10px;
    behavior: url(images/border-radius.htc);
    border-left: 1px solid #c3c3c3;
    border-right: 1px solid #c3c3c3;
    border-bottom: 1px solid #c3c3c3;
}

.my-profile .x-panel-footer {
    background: url('images/myprofile_footer_bg.png') repeat-x bottom;
    height: 60px;
    background-color: #eeeeee;
    -moz-border-radius: 0px 0px 10px 10px;
    -webkit-border-radius: 0px 0px 10px 10px;
    border-radius: 0px 0px 10px 10px;
    behavior: url(images/border-radius.htc);
}

.my-profile .x-panel-nofooter {
    background: none;
    height: 0px;
}

.my-profile .left-column {
    padding: 10px 0px 30px 50px;
    border-right: 1px solid #a0a0a0;
}

.my-profile .right-column {
    padding: 10px 0px 30px 50px;
}

.new_message {
    background: url("img/message.gif");
    width: 18px;
    height: 18px;
}

/***************************************/
.row-gray-white {
    background: url("images/row_gray_white.png");
    font-size: 11px;
    padding-left: 15px;
}

.row-gray-white p {
    line-height: 19px;
}

.row-gray-white table {
    line-height: 19px;
    font-size: 11px;
    padding-left: 20px;
}

.priority-image {
    padding: 0px 3px 0px 3px;
    height: 19px;
}

.priority-image-p1 {
    background: url("images/priorityP1.png") no-repeat center center;
}

.priority-image-p2 {
    background: url("images/priorityP2.png") no-repeat center center;
}

.priority-image-p3 {
    background: url("images/priorityP3.png") no-repeat center center;
}

.task-over table {
    color: #ffffff;
}

.task-over {
    background-color: #1c8bdc;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    behavior: url(images/border-radius.htc);
}

.odd {
    background-color: #e9e9e9;
}

.even {
    background-color: #f1f1f1;
}

.base-list-view {
    padding-top: 2px;
    background-color: #f9f9f9;
}

.task-list-view {
    background: transparent;
}

.task-label {
    color: #6e6e6e;
    padding-left: 10px;
    height: 22px;
    line-height: 22px;
}

.row-gray-white .task-list-view table {
    padding-left: 10px;
}

.base-list-view .x-view-item {
    padding: 0px 0px 0px 5px;
    color: #000000;
    margin-left: 3px;
    margin-right: 2px;
    margin-bottom: 1px;
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
    behavior: url(images/border-radius.htc);
    border: none;
}

.base-list-view .x-view-item-over, .base-list-view .x-view-item-sel {
    color: #ffffff;
    background: url("images/bg_list_view_item.png");
    border: none !important;
}

.base-list-view .x-view-item-over table, .base-list-view .x-view-item-sel table {
    color: #ffffff;
}

.base-list-view .x-view-highlightrow {
    border: none !important;
}

.base-tool-bar {
    padding-top: 5px !important;
    padding-left: 8px;
    padding-bottom: 3px !important;
    padding-bottom: #e6e6e6;
    height: 22px;
    border-left: 1px solid #ffffff !important;
    border-top: 1px solid #ffffff !important;
    border-right: 1px solid #a0a0a0 !important;
    border-bottom: 1px solid #ffffff !important;
}

.client-filter-table {
    padding: 5px 0px 0px 10px;
    background-color: #f9f9f9;
}

.client-view-panel .x-panel-body {
    background: url("images/row_gray_white.png");
}

.client-view-panel .x-form-item-label, .client-view-panel .x-form-label {
    line-height: 19px;
    white-space: pre-wrap;
    font-size: 12px;
    padding: 0px;
}

.client-view-panel input {
    height: 17px;
    margin-top: 3px !important;
}

.client-view-panel .x-form-element {
    /*height: 19px;*/
    vertical-align: middle;
}

.client-view-panel .x-form-item {
    margin-bottom: 0px;
}

.client-config-panel .x-panel-body, .client-view-panel .x-panel-body {
    border-right: none;
    border-bottom: none;
}

.client-config-panel {
    border-left: 1px solid #a0a0a0;
}

.client-config-panel .x-grid3 {
    background-color: #f1f1f1;
}

.client-view-panel .x-panel-footer, .client-config-panel .x-panel-footer {
    background-color: #dbdbdb;
}

.client-view-panel .x-form-field-wrap .x-form-trigger {
    height: 16px;
    margin-top: 3px;
}

.client-config-panel .x-panel-footer {
    border-bottom: 1px solid #ffffff
}

.client-view-panel .x-panel-body {
    background: url("images/doted_2.png") repeat-y 130px !important;
}

.telemarket-campaing-form label {
    font-size: 11px;
    color: #6f6f6f;
}

.telemarket-campaing-form, .telemarket-campaing-form .x-panel-body {
    background-color: #f9f9f9;
}

.type-processing-panel {
    background: url('images/gr_dot_under.png') repeat-x #d9d9d9;
}

.list-view-bg {
    background: url('images/row_gray_white_b.png');
    border-right: none;
    border-bottom: none;
}

.operator-substatus-menupopup {
    -moz-border-radius: 0px 0px 5px 5px;
    -webkit-border-radius: 0px 0px 5px 5px;
    border-radius: 0px 0px 5px 5px;
    behavior: url(images/border-radius.htc);
    background-image: none;
    border: none;
    border-left: 1px solid #898989;
    border-right: 1px solid #898989;
    border-bottom: 1px solid #898989;
}

.export-download-icon {
    background: url("images/export_button.png");
    width: 16px;
    height: 16px;
}

.telemarket-manage-search .x-layout-collapsed {
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    behavior: url(images/border-radius.htc);
    padding-left: 10px;
    padding-right: 5px;
    background: url("images/bg_list_view_item.png");
}

.telemarket-manage-search .x-layout-collapsed .x-panel-header-text {
    color: #ffffff;
}

.telemarket-manage-search .x-layout-collapsed .x-panel-header {
    background: url("images/pencil.png") no-repeat center right !important;
}

/***************************************************************************/
.telemarket-config-button {
    -moz-border-radius: 5px 0px 0px 5px;
    -webkit-border-radius: 5px 0px 0px 5px;
    border-radius: 5px 0px 0px 5px;
    behavior: url(images/border-radius.htc);
    background-color: #dadada;
}

.telemarket-config-button .mb-em, .telemarket-conf-schedulle-button .mb-em, .telemarket-conf-search-button .mb-em {
    padding-left: 17px;
    padding-right: 17px;
}

.telemarket-config-button-pressed {
    background: url("images/1x22_blue_button_bg.png");
    background-color: #1b8cdc;
}

.telemarket-conf-search-button {
    background: url("images/arrow_blue_left_22.png") no-repeat left #dadada;
}

.telemarket-conf-search-button-pressed {
    background: url("images/arrow_gray_right_22.png") no-repeat left #1b8cdc;
}

.telemarket-conf-search-button-state {
    background: url("images/arrow_gray_right_all_22.png") no-repeat left #dadada;
}

.telemarket-conf-schedulle-button {
    -moz-border-radius: 0px 5px 5px 0px;
    -webkit-border-radius: 0px 5px 5px 0px;
    border-radius: 0px 5px 5px 0px;
    behavior: url(images/border-radius.htc);
    background: url("images/arrow_gray_right_all_22.png") no-repeat left #dadada;
    width: 100px;
}

.telemarket-conf-schedulle-button-state {
    background: url("images/arrow_blue_left_22.png") no-repeat left #dadada;
}

.telemarket-conf-schedulle-button-pressed {
    background: url("images/arrow_gray_right_22.png") no-repeat left #1b8cdc;
}

.telemarket-button-panel .x-item-disabled {
    cursor: default;
    opacity: 1;
}

.telemarket-conf-search-button .mb-text, .telemarket-config-button .mb-text, .telemarket-conf-schedulle-button .mb-text {
    line-height: 22px;
    height: 22px;
    text-decoration: none;
}

.telemarket-conf-search-button-pressed .mb-text, .telemarket-config-button-pressed .mb-text, .telemarket-conf-schedulle-button-pressed .mb-text {
    color: #ffffff;
}

/**************************************************************/
.toolbar_light {
    background: url("images/toolbar_bg_light.png") repeat-x #e7e7e7;
    border-bottom: 1px solid #f9f9f9 !important;
    border-top: 1px solid #f9f9f9 !important;
    height: 30px;
}

/*************************************************************/
.recall-icon {
    background: url("images/call.png") no-repeat center center;
    width: 16px;
    height: 16px;
    margin-right: 5px;
}

.recall-icon-sms {
    background: url("images/message.png") no-repeat center center;
    width: 16px;
    height: 16px;
    margin-right: 5px;
}

.x-view-item-sel .recall-icon, .x-view-item-over .recall-icon {
    background: url("images/call_active_16x16.png") no-repeat center center;
}

.base-list-view .x-view-item td {
    font-size: 11px;
}

.mob-icon {
    background: url("images/mobile_icon.png") no-repeat center;
    width: 7px;
    height: 13px;
}

.work-icon {
    background: url("images/work_icon.png") no-repeat center;
    width: 11px;
    height: 12px;
}

.home-icon {
    background: url("images/home_icon.png") no-repeat center;
    width: 14px;
    height: 13px;
}

.fax-icon {
    background: url("icons/printer-14.png") no-repeat center;
    width: 14px;
    height: 14px;
}

.gray-panel-footer .x-panel-footer {
    background-color: #d9d9d9;
}

.gray-panel-footer .x-panel-body {
    border: none;
}

.x-grid3-header {
    background-image: url("images/grid3-hrow.gif");
    border-bottom: 1px solid white;
}

.x-grid-with-col-lines .x-grid3-row td.x-grid3-cell {
    border-right-color: #888888;
}

.x-grid3-cell-last {
    border-right: none !important;
}

.x-grid3-hd-row .x-grid3-hd {
    border-bottom: none;
}

/*****************************************/
.ccproject-operator-status-panel {
    background: url("images/1x42_gray_v_gradient.jpg") repeat-x;
}

.ccproject-client-information-panel {
    background-color: #1b88da;
    color: white;
    font-size: 11px;
}

.ccproject-client-information-panel-2 {
    font-size: 11px;
    /*border : 1px dashed #1b88da;*/
}

.ccproject-client-information-panel label {
    font-size: 11px;
    text-align: center;
}

.ccproject-client-information-panel a {
    color: white;
}

.ccproject-panel {
    background-color: #eeeeee;
}

.ccproject-panel-radius {
    -moz-border-radius: 0px 0px 10px 10px;
    -webkit-border-radius: 0px 0px 10px 10px;
    border-radius: 0px 0px 10px 10px;
}

.ccproject-top-menu {
    background-color: #9f9f9f;
    color: white;
}

.ccproject-right-menu-group-header {
    background-color: #9f9f9f;
    color: white;
    font-size: 11px;
    padding-left: 5px;
    line-height: 19px;
    height: 19px;
}

.ccproject-right-menu-group-button {
    width: 100%;
    margin: 1px 0px 1px 0px;
}

.ccproject-right-menu-group-button .left-icon {
    background: url('images/ccproject_r_item.gif') no-repeat;
    line-height: 19px;
    width: 33px;
}

.ccproject-right-menu-group-button-over {
    background-color: #1c8ddb;
    -moz-border-radius: 0px 3px 3px 0px;
    -webkit-border-radius: 0px 3px 3px 0px;
    border-radius: 0px 3px 3px 0px;
    behavior: url(images/border-radius.htc);
}

.ccproject-right-menu-group-button-over .left-icon {
    background: url('images/ccproject_r_item_over.gif') no-repeat;
}

.ccproject-right-menu-group-button .text {
    padding-left: 5px;
}

.ccproject-right-menu-group-button-over .text {
    color: white;
}

.ccproject-right-menu-panel {
    background: url('images/ccproject_r_items_bg.gif') repeat-y;
}

.ccproject-client-history-icon {
    background: url('images/ccproject-history-icon.png') no-repeat;
}

.icon_remove_block {
    height: 17px;
    width: 17px;
    background: url("icons/x16-delete.png") no-repeat;
}

.next_question_icon {
    height: 17px;
    width: 17px;
    background: url("images/info_active.png") no-repeat;
}

.addNextQuestion {
    width: 30px;
    height: 20px;
    background: url("images/addBig.png");
}

.startModeQuestion {
    background-color: #ffaa5e;
    color: #ffffff;
}

.aboutClientIcon {
    background: url(images/info_active.png);
}

.bottomComponent .x-panel-body {
    background: #d9d9d9;
}

.important-question-style {
    color: black;
    /*background-color: orange;*/
    font-size: 13px;
    border: 1px solid red;
}

.task-icon {
    width: 20px;
    height: 20px;
    background: url("images/task-icon.png") no-repeat center;
}

.call-icon-web-gray {
    position: absolute;
    background: url("images/btb_bigcall_web_gray.png") no-repeat;
}

.call-icon-web-ringing {
    position: absolute;
    background: url("images/btb_bigcall_web_ringing.gif") no-repeat;
}

.call-icon-web-talking {
    position: absolute;
    background: url("images/btb_bigcall_web_talking_static.png") no-repeat;
}

.info-button-toolbar .tab-resources-icon .left-icon {
    background: url("images/resources-black.png") no-repeat center center;
    color: #ffffff;
}

.tab-button-info-over .tab-resources-icon .left-icon, .info-tab-button-pressed .tab-resources-icon .left-icon {
    background: url("images/resources-white.png") no-repeat center center;
    color: #000000;
}

.info-button-toolbar .tab-telemarkets-icon .left-icon {
    background: url("images/telemarkets-black.png") no-repeat center center;
    color: #ffffff;
}

.tab-button-info-over .tab-telemarkets-icon .left-icon, .info-tab-button-pressed .tab-telemarkets-icon .left-icon {
    background: url("images/telemarkets-white.png") no-repeat center center;
    color: #000000;
}

.info-button-toolbar .mail .left-icon {
    background: url("images/mail.png") no-repeat center center;
    color: #ffffff;
}

.tab-button-info-over .mail .left-icon, .info-tab-button-pressed .mail .left-icon {
    background: url("images/mail_press.png") no-repeat center center;
    color: #000000;
}

.info-button-toolbar .acd .left-icon {
    background: url("images/acd.png") no-repeat center center;
    color: #ffffff;
}

.tab-button-info-over .acd .left-icon, .info-tab-button-pressed .acd .left-icon {
    background: url("images/acd_press.png") no-repeat center center;
    color: #000000;
}

.info-button-toolbar .statistics .left-icon {
    background: url("images/statistics.png") no-repeat center center;
    color: #ffffff;
}

.tab-button-info-over .statistics .left-icon, .info-tab-button-pressed .statistics .left-icon {
    background: url("images/statistics_press.png") no-repeat center center;
    color: #000000;
}

.info-button-toolbar .tab-ivr-scenarios-icon .left-icon {
    background: url("images/ivr-scenarios-black.png") no-repeat center center;
    color: #ffffff;
}

.info-button-toolbar .tab-messages-icon .left-icon {
    background: url("images/messages-black.png") no-repeat center center;
    color: #ffffff;
}

.tab-button-info-over .tab-messages-icon .left-icon, .info-tab-button-pressed .tab-messages-icon .left-icon {
    background: url("images/messages-white.png") no-repeat center center;
    color: #000000;
}

.tab-button-info-over .tab-ivr-scenarios-icon .left-icon, .info-tab-button-pressed .tab-ivr-scenarios-icon .left-icon {
    background: url("images/ivr-scenarios-white.png") no-repeat center center;
    color: #000000;
}

.info-button-toolbar .tab-quality-cards-icon .left-icon {
    background: url("images/quality-cards-black.png") no-repeat center center;
    color: #ffffff;
}

.tab-button-info-over .tab-quality-cards-icon .left-icon, .info-tab-button-pressed .tab-quality-cards-icon .left-icon {
    background: url("images/quality-cards-white.png") no-repeat center center;
    color: #000000;
}

.info-button-toolbar .tab-users-icon .left-icon {
    background: url("images/users-black.png") no-repeat center center;
    color: #ffffff;
}

.tab-button-info-over .tab-users-icon .left-icon, .info-tab-button-pressed .clients .left-icon {
    background: url("images/users-white.png") no-repeat center center;
    color: #000000;
}

.info-button-toolbar .tab-clients-icon .left-icon {
    background: url("images/clients-black.png") no-repeat center center;
    color: #ffffff;
}

.tab-button-info-over .tab-clients-icon .left-icon, .info-tab-button-pressed .clients .left-icon {
    background: url("images/clients-white.png") no-repeat center center;
    color: #000000;
}

.info-button-toolbar .reports .left-icon {
    background: url("images/reports.png") no-repeat center center;
    color: #ffffff;
}

.tab-button-info-over .reports .left-icon, .info-tab-button-pressed .reports .left-icon {
    background: url("images/reports_press.png") no-repeat center center;
    color: #000000;
}

.saveLogicalBlockBtn {
    background: url("images/operator_list_ready.png") no-repeat left center;
}

.deleteLogicalBlockBtn {
    background: url("images/trash.png") no-repeat;
}

.add-info-menu-items-button-icon {
    background: url("images/task-icon.png") no-repeat;
}

.back-to-menu-items-grid {
    background: url("images/btn_recall_press.png") no-repeat;
}

.sub-menu-description-header {
    background-color: white;
    border: none;
}

.menu-item-header-style {
    color: white;
    font-size: 13px;
    font-family: Segoe UI, Trebuchet MS, UnDotum, sans-serif, Arial;
    border: 1px solid gray;
    background-color: #1B8CDC;
}

.ccproject-view-header-style {
    color: black;
    font: 14px;
    text-align: center;
    font-family: Segoe UI, Trebuchet MS, UnDotum, sans-serif, Arial;
    background-color: #f0f0f0;
    border: none;
}

.sub-menu-panel-in-accordion {
    border-bottom: 1px solid gray;
    border-left: 1px solid gray;
    border-right: 1px solid gray;
    /**border-radius: 4px 4px 8px 8px;*/
    color: black;
    background-color: #f0f0f0;
}

.sub-menu-panel-in-accordion:HOVER {
    color: white;
    background-color: #1B8CDC;
}

.sub-menu-west-part {
    background-color: #f0f0f0;
    text-align: center;
    font-size: 11px;
    font-family: Segoe UI, Trebuchet MS, UnDotum, sans-serif, Arial;
    border-bottom: 1px solid #d0d0d0;
    border-right: 1px solid #d0d0d0;
}

.sub-menu-label-in-accordion {
    font-size: 11px;
    font-family: Segoe UI, Trebuchet MS, UnDotum, sans-serif, Arial;
}

.sub-menu-east-part {
    background-color: #f0f0f0;
    border-bottom: 1px solid #d0d0d0;
}

.import_button-style {
    background: url("images/import_button.png") no-repeat;
}

.menu-item-header-in-accordion {
    background-color: #700090;
    height: 20px;
    border-bottom: 1px solid gray;
    border-left: 1px solid gray;
    border-right: 1px solid gray;
    padding-left: 10px;
    padding-right: 5px;
    border-radius: 0px 0px 8px 8px;
    font-size: 12px;
}

.menu-item-header-in-accordion:HOVER {
    background: -moz-linear-gradient(top, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%);
    background: -webkit-linear-gradient(top, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%,
    #fefefe 100%);
    background: -0 -linear-gradient(#dbdbdb 50%, #d1d1d1 51%, #fefefe 100%);
}

.logical-block-accordion-panel .x-panel-body {
    background: #f0f0f0;
}

.selected-sub-menu-east-part {
    border-bottom: 1px solid #d0d0d0;
}

.ua-flag {
    background: url("images/flags/ua.png")
}

.ru-flag {
    background: url("images/flags/ru.png")
}

.en-flag {
    background: url("images/flags/en.png")
}

.th-flag {
    background: url("images/flags/th.png")
}

.kz-flag {
    background: url("images/flags/kz.png")
}

.mute_button {
    width: 16px;
    height: 16px;
    background: url("images/mute.png") no-repeat;
}

.unmute_button {
    width: 16px;
    height: 16px;
    background: url("images/unmute.png") no-repeat;
}

.mute_disabled_button {
    width: 16px;
    height: 16px;
    background: url("images/mute_disabled.png") no-repeat;
}

.ccstatistic-panel .x-panel-body {
    background: #eaebe6;
}

.bottomComponent .x-panel-body {
    background: #d9d9d9;
}

.rich-text-area-for-description {
    border: none;
    padding-left: 10px;
    padding-right: 10px;
    background: white;
}

.finding-results-button {
    background: url("images/statistics.png") no-repeat;
}

.find-result_icon {
    background: url("images/search.png") no-repeat center;
}

.dtmf-style {
    height: 28px;
    width: 28px;
    margin: 3px;
    border: 1px solid gray;
    border-radius: 3px;
    text-align: center;
}

.free-dtmf-style {
    height: 28px;
    width: 28px;
    margin: 3px;
    border: 1px solid gray;
    border-radius: 3px;
    text-align: center;
    background: #f0f0f0;

    /**background: -moz-linear-gradient(top, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe
        100%);
    background: -webkit-linear-gradient(top, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%,
        #fefefe 100%);
    background: -0-linear-gradient(#dbdbdb 50%, #d1d1d1 51%, #fefefe 100%);
    */
}

.AnswerActionScenario-dtmf-style {
    height: 28px;
    width: 28px;
    margin: 3px;
    border: 1px solid gray;
    border-radius: 3px;
    text-align: center;
    background: -moz-linear-gradient(top, gray 0%, #adff2f 97%);
    background: -webkit-linear-gradient(top, gray 0%, #adff2f 97%);
    background: -o-linear-gradient(right, top 0%, #adff2f 97%);
}

.HangupActionScenario-dtmf-style {
    height: 28px;
    width: 28px;
    margin: 3px;
    border: 1px solid gray;
    border-radius: 3px;
    text-align: center;
    background: -moz-linear-gradient(top, gray 0%, #ff6347 97%);
    background: -webkit-linear-gradient(top, gray 0%, #ff6347 97%);
    background: -o-linear-gradient(right, top 0%, #ff6347 97%);
}

.PlayBackActionScenario-dtmf-style {
    height: 28px;
    width: 28px;
    margin: 3px;
    border: 1px solid gray;
    border-radius: 3px;
    text-align: center;
    background: #1B8CDC;
    color: white;
    /**
    background: -moz-linear-gradient(top, gray 0%, #00bfff 97%);
    background: -webkit-linear-gradient(top, gray 0%, #00bfff 97%);
    background: -o-linear-gradient(right, top 0%, #00bfff 97%);
    */
}

.MenuActionScenario-dtmf-style {
    height: 28px;
    width: 28px;
    margin: 3px;
    border: 1px solid gray;
    border-radius: 3px;
    text-align: center;
    background: -moz-linear-gradient(top, gray 0%, #ffd700 97%);
    background: -webkit-linear-gradient(top, gray 0%, #ffd700 97%);
    background: -o-linear-gradient(right, top 0%, #ffd700 97%);
}

.ACDActionScenario-dtmf-style {
    height: 28px;
    width: 28px;
    margin: 3px;
    border: 1px solid gray;
    border-radius: 3px;
    text-align: center;
    background: -moz-linear-gradient(top, gray 0%, #da70d6 97%);
    background: -webkit-linear-gradient(top, gray 0%, #da70d6 97%);
    background: -o-linear-gradient(right, top 0%, #da70d6 97%);
}

.supervisor-resources-panel {
    font-size: 10pt;
}

.supervisor-star-icon {
    width: 16px;
    height: 16px;
    background: url("images/supervisor_star.png") no-repeat;
    cursor: default;
}

.manager-star-icon {
    width: 16px;
    height: 16px;
    background: url("images/manager_star.png") no-repeat;
    cursor: default;
}

.main-question-header-style {
    border-top: 1px solid gray;
    font-size: 13px;
    font-weight: bold;
}

.main-question-body-panel-style {
    padding-left: 10px;
    border: none;
}

.main-question-panel-style {

}

.sub-question-header-style {
    margin-left: 15px;
    border-top: 1px dashed gray;
    font-size: 13px;
    font-weight: bold;
    font-style: italic;
}

.transparent-header-style {
    border: none;
    margin-top: 5px;
    margin-left: 2px;
    color: gray;
    font: bold 10px tahoma, arial, helvetica, sans-serif;
}

.sub-question-body-panel-style {
    padding-left: 30px;
    border: none;
}

.sub-question-panel-style {

}

.apply-button {
    background: url("images/apply_icon.png");
    width: 16px;
    height: 16px;
}

.apply-button-inactive {
    background: url("images/apply_icon_gray.png");
    width: 16px;
    height: 16px;
}

.operator-task-header .x-panel-body {
    background: url("images/bk_nyz.png") !important;
}

.operator-module-north-panel {
    border-bottom: 1px solid #afafaf;
    border-top: 1px solid #afafaf;
    border-left: 1px solid #afafaf;
    border-right: 1px solid #afafaf;
}

.ttk-operators {
    background: url("images/ttk_operators.gif");
}

.entity-form-panel-body .x-panel-body {
    background: #f0f0f0 !important;
}

.tab-panel-body .x-tab-panel-body {
    background: #f0f0f0 !important;
}

.foreign-message {
    color: black;
}

.own-message {
    color: black;
}

.layout-container-body {
    background: #f0f0f0 !important;
}

.layout-container-top {
    background: #d9d9d9 !important;
}

.content-panel-top .x-panel-body {
    background: #d9d9d9 !important;
}

.content-panel-body .x-panel-body {
    background: #f0f0f0 !important;
}

.footer-panel .x-panel-footer {
    background: #d9d9d9 !important;
}

}
.client-information-label-style {
    margin: 5px;
    border: none;
}

.client-information-label-style:HOVER {
    border-bottom: 1px solid white;
}

.icon_add_block {
    height: 17px;
    width: 17px;
    background: url("images/btn_add.png") no-repeat;
}

.icon_rm {
    height: 17px;
    width: 17px;
    background: url("images/btn_rm.png") no-repeat;
}

.x-grid3-row td.x-grid3-cell {
    height: 18px;
    line-height: 18px;
}

.preview {
    height: 20px;
    width: 20px;
    background: url("images/preview.png") no-repeat;
}

.predictive {
    height: 18px;
    width: 18px;
    background: url("images/predictive.png") no-repeat;
}

.progressive {
    height: 18px;
    width: 18px;
    background: url("images/progressive.png") no-repeat;
}

.envelope {
    height: 18px;
    width: 18px;
    background: url("images/mail_press.png") no-repeat;
}

/******************************************************************************/
.grid-group-backing .x-grid-group-hd {
    height: 10px;
    font-weight: bold;
    background: url("images/preview.png") repeat-x;
}

.x-grid3-summary-row {
    height: 18px;
    line-height: 18px;
}

.x-grid-group-hd td.x-grid3-cell {
    height: 18px;
    line-height: 18px;
}

.x-grid-group-hd {
    background-color: buttonface;
    height: 18px;
    line-height: 18px;
}

.x-grid-group-collapsed {
    height: 26px;
    line-height: 26px;
}

.x-grid3-col td.x-grid3-cell td.x-grid3-td-name td.x-grid3-cell-first {
    height: 18px;
    line-height: 18px;
}

.x-grid3-summary-table {
    background: #e3dfdf;
}

/******************************************************************************/
.opened-lock {
    height: 16px;
    width: 16px;
    background: url("images/opened-lock.png") no-repeat;
}

.closed-lock {
    height: 16px;
    width: 16px;
    background: url("images/closed-lock.png") no-repeat;
}

.property-edit-manager-panel-toppanel-border {
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px dashed grey;
}

.client-icon-style {
    background: url("images/clients.png") no-repeat;
}

.parent-property-value-gridcell-style {
    font-style: italic;
}

.applay-phone-changes {
    background: url("images/operator_list_ready.png");
    width: 16px;
    height: 16px;
    padding: 3px;
}

.icon_refresh {
    height: 24px;
    width: 24px;
    background: url("images/refresh.png") no-repeat;
}

.responce-by-mail-fax-icon {
    background: url("images/fax_responce_mail.png") no-repeat;
    padding-top: 10px;
}

.add-fax-number-icon {
    background: url("images/faxICON.png") no-repeat center;
}

.add-mail-number-icon {
    background: url("images/emailICON.png") no-repeat center;
    height: 16;
    width: 16;
}

.print-fax-icon {
    background: url("images/print_fax.png") no-repeat;
}

.pending-fax-icon {
    background: url("images/pending_fax.png") no-repeat;
}

.cancel-fax-icon {
    background: url("images/cancel_fax.png") no-repeat;
}

.complete-fax-icon {
    background: url("images/compete_fax.png") no-repeat;
}

.nextFaxPage {
    background: url("images/next_icon_2.png") no-repeat;
}

.previousFaxPage {
    background: url("images/previous_icon_2.png") no-repeat;
    height: 46;
    width: 100;
}

.fax-view-toolbar {
    background: url("images/fax_toolbar_bg.png") repeat-x;
}

.fax-view-toolbar-reverse {
    background: url("images/fax_toolbar_bg_reverse.png") repeat-x;
}

.fax-navigate-button-body {
    border: none;
    border-radius: 10px;
    background: url("images/fax_toolbar_bg.png") repeat-x;
}

.fax-navigate-button {
    border: none;
}

.fax-navigate-button-body:HOVER {
    background: #3684d6;
    cursor: pointer;
    border: 2px solid gray
}

.focus-button .x-panel-body {
    border-radius: 3px;
    font-size: 11px;
    background: #ebebeb;
}

.focus-button-body {
    border-radius: 5px;
    background: #ebebeb;
}

.focus-button-body:HOVER {
    background: #1B8CDC;
    cursor: pointer;
    border: 1px solid gray;
    color: white;
}

.info-button-toolbar .tab-calls-icon .left-icon {
    background: url("images/calls-black.png") no-repeat center center;
    color: #ffffff;
}

.tab-button-info-over .tab-calls-icon .left-icon, .info-tab-button-pressed .tab-calls-icon .left-icon {
    background: url("images/calls-white.png") no-repeat center center;
    color: #000000;
}

.info-button-toolbar .tab-collaboration-icon .left-icon {
    background: url("images/tasks-black.png") no-repeat center center;
    color: #ffffff;
}

.tab-button-info-over .tab-collaboration-icon .left-icon, .info-tab-button-pressed .tab-collaboration-icon .left-icon {
    background: url("images/tasks-white.png") no-repeat center center;
    color: #000000;
}

.info-button-toolbar .tab-groups-icon .left-icon {
    background: url("images/group-black.png") no-repeat center center;
    color: #ffffff;
}

.tab-button-info-over .tab-groups-icon .left-icon, .info-tab-button-pressed .tab-groups-icon .left-icon {
    background: url("images/group-white.png") no-repeat center center;
    color: #000000;
}

.info-button-toolbar .tab-fax-icon .left-icon {
    background: url("images/fax-icon-black.png") no-repeat center center;
    color: #ffffff;
}

.tab-button-info-over .tab-fax-icon .left-icon, .info-tab-button-pressed .tab-fax-icon .left-icon {
    background: url("images/fax-icon-white.png") no-repeat center center;
    color: #000000;
}

.info-button-toolbar .tab-email-icon .left-icon {
    background: url("images/messages-black.png") no-repeat center center;
    color: #ffffff;
}

.tab-button-info-over .tab-email-icon .left-icon, .info-tab-button-pressed .tab-email-icon .left-icon {
    background: url("images/messages-white.png") no-repeat center center;
    color: #000000;
}

.black-list-button-style {
    background: url("images/black_list_lock_closed.png") no-repeat;
}

.info-button-toolbar .tab-web-chat .left-icon {
    background: url("images/chat.png") no-repeat center center;
    color: #ffffff;
}

.tab-button-info-over .tab-web-chat .left-icon, .info-tab-button-pressed .tab-web-chat .left-icon {
    background: url("images/chat-press.png") no-repeat center center;
    color: #000000;
}

.info-button-toolbar .tab-chat .left-icon {
    background: url("images/chat-operator.png") no-repeat center center;
    color: #ffffff;
}

.tab-button-info-over .tab-chat .left-icon, .info-tab-button-pressed .tab-chat .left-icon {
    background: url("images/chat-operator-press.png") no-repeat center center;
    color: #000000;
}

.info-button-toolbar .tab-anchor .left-icon {
    background: url("images/anchor.png") no-repeat center center;
    color: #ffffff;
}

.tab-button-info-over .tab-anchor .left-icon, .info-tab-button-pressed .tab-anchor .left-icon {
    background: url("images/anchor-press.png") no-repeat center center;
    color: #000000;
}

.send-mail-icon {
    background: url("images/send-mail.png") no-repeat center;
    height: 16px;
    width: 16px;
}

.back-icon {
    background: url("images/back-icon.png") no-repeat center;
    height: 16px;
    width: 16px;
}

.spam-icon {
    background: url("images/spam-icon.png") no-repeat center;
    height: 16px;
    width: 16px;
}

.resend-icon {
    background: url("images/resend-icon.png") no-repeat center;
    height: 16px;
    width: 16px;
}

.pause-icon {
    background: url("images/pause-icon.png") no-repeat center;
    height: 16px;
    width: 16px;
}

.drafts {
    height: 16px;
    width: 16px;
    background: url("images/drafts.png") no-repeat;
}

.grid-icon {
    background: url("images/grid_icon.png");
    width: 24px;
    height: 24px;
}

.excel-icon {
    background: url("images/excel_icon.png");
    width: 24px;
    height: 24px;
}

.draft_inprocess_icon {
    height: 16px;
    width: 16px;
    background: url("images/opened-lock.png") no-repeat center center;
}

.acd_queue_indicator_button {
    background: url("images/operator-acd-group.png") no-repeat center center;
}

.telemarket_indicator_button {
    background: url("images/operator-telemarket-group.png") no-repeat center center;
}

.email_indicator_button {
    background: url("images/operator-email-group.png") no-repeat center center;
}

.fax_indicator_button {
    background: url("images/operator-fax-group.png") no-repeat center center;
}

.web_chat_indicator_button {
    background: url("images/operator-chat-group.png") no-repeat center center;
}

.recall_indicator_button {
    background: url("images/operator-recall-group.png") no-repeat center;
}

.hold_left_navigate {
    background: url("images/left-navigate.png") no-repeat center center;
}

.hold_right_navigate {
    background: url("images/right_navigate.png") no-repeat center center;
}

.email_activity_icon {
    background: url("images/email2.jpg") no-repeat center center;
}

.active_task_icon {
    background: url("images/active_button.png") no-repeat center center;
}

.profile-icon {
    background: url(images/profile_ico.png) no-repeat center center;
}

.product-name-sub-item-panel-body {
    border-radius: 1px;
    border-left: none;
    border-right: none;
    border-top: none;
}

.product-name-sub-item-panel-body:HOVER {
    background: #3684d6;
    border-radius: 1px;
    cursor: pointer;
    color: white;
}

.main-view-center-panel {
    background-color: #eaeaea;
    border-bottom: 1px solid #666666;
    border-left: 1px solid #666666;
    border-right: 1px solid #666666;
    border-radius: 0px 0px 10px 10px;
}

.event-notification-container {
    border-radius: 5px 5px 5px 5px;
}

.close-icon {
    background: url("images/btn_close.png") no-repeat center;
}

.default-icon {
    background: url("images/default_icon.png") no-repeat center;
}

.custom-icon {
    background: url("images/custom_icon.png") no-repeat center;
}

.settings-icon {
    background: url("images/settings.png") no-repeat center;
}

.icon_schedule {
    height: 16px;
    width: 16px;
    background: url("images/schedule.png") no-repeat;
}

.icon_tune {
    height: 16px;
    width: 16px;
    background: url("images/tune.png") no-repeat;
}

.info-button-toolbar .tab-workflow-icon .left-icon {
    background: url("images/x18-flow-chart.png") no-repeat center center;
    color: #ffffff;
}

.tab-button-info-over .tab-workflow-icon .left-icon, .info-tab-button-pressed .tab-workflow-icon .left-icon {
    background: url("images/x18-flow-chart-press.png") no-repeat center center;
    color: #000000;
}

.info-button-toolbar .tab-workforce-icon .left-icon {
    background: url("images/workforce-black.png") no-repeat center center;
    color: #ffffff;
}

.tab-button-info-over .tab-workforce-icon .left-icon, .info-tab-button-pressed .tab-workforce-icon .left-icon {
    background: url("images/workforce-white.png") no-repeat center center;
    color: #000000;
}

.info-button-toolbar .module-header-panel-navi-left .navi-icon {
    background: url("images/arrow-left-black.png") no-repeat center center;
    color: #ffffff;
}

.info-button-toolbar .module-header-panel-navi-left .navi-icon:HOVER {
    background: url("images/arrow-left-blue.png") no-repeat center center;
    color: #000000;
}

.info-button-toolbar .module-header-panel-navi-right .navi-icon {
    background: url("images/arrow-right-black.png") no-repeat center center;
    color: #ffffff;
}

.info-button-toolbar .module-header-panel-navi-right .navi-icon:HOVER {
    background: url("images/arrow-right-blue.png") no-repeat center center;
    color: #000000;
}

.workforce-schedule-table, .x-panel-body {
    background-color: #f0f0f0;
}

.workforce-schedule-row {
    background-color: #f0f0f0;
    border-right: none;
    border-bottom: 1px solid #D0D0D0;
}

.workforce-schedule-row:HOVER {
    background-color: white;
}

.workforce-schedule-row-id-view {
    font-size: 11px;
    line-height: 22px;
    text-align: center;
    color: black;
    border-right: 1px solid #D0D0D0;
    border-bottom: 1px solid #D0D0D0;
    cursor: pointer;
}

.workforce-schedule-row-control-view {
    border-right: 1px solid #D0D0D0;
}

.workforce-schedule-row-ranges-view {
    border-bottom: 1px solid #D0D0D0;
    border-right: none;
    cursor: default;
}

.workforce-schedule-row-active {
    background-color: white;
    color: black;
}

.workforce-time-markup-minute-cell {
    border-right: 1px solid #D0D0D0;
    border-top: 1px solid #D0D0D0;
    text-align: center;
    font-size: 10px;
    width: 20px;
}

.workforce-service-level-markup-cell {
    border-right: 1px solid #D0D0D0;
    border-top: 1px solid #D0D0D0;
    text-align: center;
    font-size: 10px;
    width: 20px;
    color: #66CC00;
    font-weight: bold;
    font-style: italic;
}

.workforce-grid-time-markup-minute-cell {
    height: 24px;
    width: auto;
    text-align: center;
    font-size: 10px;
    border-right: 1px dashed #D0D0D0;
}

.workforce-time-markup-hour-cell {
    border-right: 1px solid #D0D0D0;
    text-align: center;
    font-size: 11px;
    width: 80px;
}

.workforce-schedule-markup-panel {
    border-top: none;
    border-right: none;
    border-bottom: none;
    border-left: 1px solid #D0D0D0;
}

.workforce-schedule-table-head {
    border-top: 1px solid #D0D0D0;
    border-bottom: 1px solid #D0D0D0;
}

.workforce-draggable-range-available {
    cursor: pointer;
    background: #66CC00;
}

.workforce-draggable-range-available:HOVER {
    background: #99CC00;
}

.workforce-draggable-range-unavailable {
    cursor: pointer;
    background: #FF6666;
}

.workforce-draggable-range-unavailable:HOVER {
    background: #FF9999;
}

.workforce-draggable-range-break {
    cursor: pointer;
    background: #FFCC33;
}

.workforce-draggable-range-break:HOVER {
    background: #FFCC66;
}

.crm-filter-config-manage-bar {
    border: 1px solid #b5b8c8;
    color: black;
    padding: 2px;
    font-size: 9px;
    font-family: tahoma, arial, helvetica, sans-serif;
}

.crm-filter-criteria-manage-bar {
    border-bottom: 1px dotted #b5b8c8;
    border-left: none;
    border-right: none;
    border-top: none;
    padding-bottom: 2px;
    color: gray;
    font: bold 10px tahoma, arial, helvetica, sans-serif;
}

.help-label {
    font-size: 11px;
    color: #777777;
}