/* @group resest */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, textarea, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { display: block; }

body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
    blockquote:before, blockquote:after,
    q:before, q:after { content: ''; content: none; }

table { border-collapse: collapse; border-spacing: 0; }
html, body { font-family: Helvetica, sans-serif; height: 100%; overflow: hidden; font-size: 12px; }


/**
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of "table" rather than "block" is only necessary if using
 *    ":before" to contain the top-margins of child elements.
 */
.cf:before,
.cf:after { content: " "; /* 1 */ display: table; /* 2 */ }
.cf:after { clear: both; }
/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf { *zoom: 1; }



img { border: 0; vertical-align: middle; }
td, th, span { vertical-align: middle; }
a:link { color: inherit; text-decoration: none; }
a:hover, a:focus { color: inherit; }
a:visited { color: #333; }
b {font-weight: bold;}


.tx-radio { vertical-align: middle; margin-right: 3px; }
.tx-input { width: 100%; }
.tx-input, input[type="text"], textarea, select { font: inherit; line-height: normal; border: 1px solid #ccc; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; padding: 3px 0; }
.tx-input, input.tx-input[type="text"], textarea { box-sizing: border-box; padding: 4px; }
select { padding: 4px 0; }
.tx-input:focus { border-color: #66afe9; outline: none; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 5px rgba(102, 175, 233, .6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 5px rgba(102, 175, 233, .6); }

textarea { resize: none; }





/* @group Layout */
.fl { float: left; }
.fr { float: right; }
.tree-panel { padding: 5px 0; overflow: auto; }

.tx-panel { border: 1px solid #ccc; box-shadow: 0 0 2px #ddd; }
.tx-panel-header, .tx-tree-toolbar { background: #f5f5f5; border-bottom: 1px solid #ccc; color: #333; font-weight: 700; font-size: 12px; padding: 7px; position: relative; white-space: nowrap; overflow: hidden; }
.tx-panel-tool { height: 16px; line-height: 16px; }
.tx-panel-option { position: absolute; right: 5px; height: 16px; margin-top: -8px; overflow: hidden; top: 50%; }
    .tx-panel-option a { display: inline-block; height: 16px; width: 16px; vertical-align: top; margin: 0 0 0 2px; cursor: pointer; }
.tx-panel-body { padding: 5px; overflow: auto; }

.t-align-c { text-align: center; }
.layout-tbl, .layouttbl { width: 100%; }
    .layout-tbl td, .layouttbl td { padding: 3px 5px; }
    .layout-tbl input, .layout-tbl textarea, .layout-tbl select { box-sizing: border-box; width: 100%; }

.page-wrapper { display: block; width: 100%; height: 100%; clear: both; font-size: 0; overflow: hidden; }
    .page-wrapper iframe { display: block; border: 0; width: 100%; height: 100%; }

.crm-toolbar { border-width: 0 0 1px; padding: 2px 5px; }
    .crm-toolbar .toolbar-search { padding: 0 1.9em 0 0; }

.switch-project { width: 100%; display: inline-block; overflow: hidden; vertical-align: middle; white-space: nowrap; text-overflow: ellipsis; }
#detail-tabstrip > ul > li.k-item { margin-left: 4px; }
.k-pager-info { margin-top: 2px; }
#list-pager-toolbar .k-pager-info { margin-top: 4px !important; }

div.k-grid-content > table.k-selectable > tbody > tr > td[role='gridcell'] > span { cursor: pointer; }
ul.new-action-menu { width: auto; min-width: 120px; overflow: auto; }
.toolbar-search > input[type='text'], .k-textbox > input[type='text'] { border: 0; }
.rightline{ position:absolute;right:5px;top:5px;}





/* @group table */
.tbl-padding > tr > td,
.tbl-padding > tbody > tr > td { padding: 3px; }





/* @group button style */
.tx-btn, .tx-icon-btn { background: #fff; border: 1px solid #ccc; display: inline-block; height: 24px; line-height: normal; padding: 0 8px; text-align: center; cursor: pointer; border-radius:2px; }
.tx-btn-txt { font-size: 12px; vertical-align: middle; }
.tx-btn:before, .tx-icon-btn:before { content: ''; display: inline-block; vertical-align: middle; width: 0; height: 100%; font-size: 0; box-sizing: border-box; }
.tx-btn:hover, .tx-icon-btn:hover { background-color: #ebebeb; border-color: #adadad; color: #222; }
.tx-icon-btn { width: 24px; height: 24px; padding: 0; }
.tx-btn-group > li { padding: 0; margin-left: -1px; font-size: 0; float: left; }
.tx-btn-group .tx-icon-btn { width: 25px; padding: 0; }
.tx-btn-group a:hover { background-color: #eee; border-color: #ccc; }
.tx-btn.selected, .tx-icon-btn.selected, a.tx-btn.selected:hover, a.tx-icon-btn.selected:hover { background-image: none,-webkit-linear-gradient(top,rgba(255,255,255,0) 0,rgba(255,255,255,.2) 100%); background-image: none,-moz-linear-gradient(top,rgba(255,255,255,0) 0,rgba(255,255,255,.2) 100%); background-image: none,-o-linear-gradient(top,rgba(255,255,255,0) 0,rgba(255,255,255,.2) 100%); background-image: none,linear-gradient(to bottom,rgba(255,255,255,0) 0,rgba(255,255,255,.2) 100%); background-color: #1984c8; border-color: #1984c8; color: #fff; }






/* @group search box */
.searchbox { overflow: hidden; position: relative; font-size: 12px; line-height: normal; }
    .searchbox input::-ms-clear { display: none; }
    .searchbox .tx-input { width: 200px; height: 26px; line-height: 16px; border-right: 0; float: left; }
    .searchbox a.search-btn { border-left: 0; cursor: auto; float: left; }
    .searchbox .tx-icon-btn:hover { border-color: #ccc; cursor: auto; background-color: transparent; }
    .searchbox a.btn-clear-txt { width: 16px; height: 16px; border: 0; background: #eee; border-radius: 50%; top: 4px; right: 26px; position: absolute; display: none; }
        .searchbox a.btn-clear-txt:hover { background-color: #ebebeb; cursor: pointer; }






/* @group popup */
.popover { position: absolute; top: 0; left: 0; z-index: 1060; display: none; padding: 1px; font-weight: normal; line-height: 1.42857143; text-align: left; white-space: normal; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, .2); -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2); box-shadow: 0 5px 10px rgba(0, 0, 0, .2); }
    .popover.top { margin-top: -10px; }
    .popover.right { margin-left: 10px; }
    .popover.bottom { margin-top: 10px; }
    .popover.left { margin-left: -10px; }
.popover-title { padding: 8px 10px; margin: 0; font-size: 14px; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-radius: 5px 5px 0 0; }
.popover-content { padding: 8px 10px; max-height: 500px; overflow: auto; }
.popover > .arrow, .popover > .arrow:after { position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid; }
.popover > .arrow { border-width: 11px; }
    .popover > .arrow:after { content: ""; border-width: 10px; }
.popover.top > .arrow { bottom: -11px; left: 50%; margin-left: -11px; border-top-color: #999; border-top-color: rgba(0, 0, 0, .25); border-bottom-width: 0; }
    .popover.top > .arrow:after { bottom: 1px; margin-left: -10px; content: " "; border-top-color: #fff; border-bottom-width: 0; }
.popover.right > .arrow { top: 50%; left: -11px; margin-top: -11px; border-right-color: #999; border-right-color: rgba(0, 0, 0, .25); border-left-width: 0; }
    .popover.right > .arrow:after { bottom: -10px; left: 1px; content: " "; border-right-color: #fff; border-left-width: 0; }
.popover.bottom > .arrow { top: -11px; left: 50%; margin-left: -11px; border-top-width: 0; border-bottom-color: #999; border-bottom-color: rgba(0, 0, 0, .25); }
    .popover.bottom > .arrow:after { top: 1px; margin-left: -10px; content: " "; border-top-width: 0; border-bottom-color: #fff; }
.popover.left > .arrow { top: 50%; right: -11px; margin-top: -11px; border-right-width: 0; border-left-color: #999; border-left-color: rgba(0, 0, 0, .25); }
    .popover.left > .arrow:after { right: 1px; bottom: -10px; content: " "; border-right-width: 0; border-left-color: #fff; }







/* @group pages */
#grid { border: 0; }
#listView { border: 0; }
.button-green { background-color: rgb(70, 168, 68); color: #fff; border-color: rgb(70, 168, 68); }
.crm-menu { display: none; width: 180px; position: absolute; z-index: 9999; top: 40px; left: 0; border: 0; border-radius: 0 0 2px 2px !important; font-weight: normal; box-shadow: 0 1px 2px 1px rgba(0,0,0,.10), 0 2px 5px rgba(0,0,0,.10) !important; }
ul.crm-menu li { width: 100%; float: left; }
table.chglab tr:hover { background-color: #dddddd; }
/* home and portal page */
.home-nav { position: fixed; top: 32px; left: 0; bottom: 0; padding: 0; width: 60px; padding: 0; border: solid 1px #ccc; border-width: 1px 1px 0 0; z-index: 10; border-radius: 0; }
    .home-nav ul { margin: 0; padding: 0; list-style: none; }
    .home-nav a, .home-nav div { display: block; height: 44px; width: 59px; cursor: pointer; text-indent: -9999px; }
    .home-nav a:not(.addon) { background-image: url(img/nav.png); transition: background-color 0.2s linear 0s; }
.home-main { height: 100%; padding-left: 60px; }
    .home-main.expanded { padding-left: 0; }

#nav-switcher { position: fixed; bottom: 10px; left: 0; width: 60px; height: 31px; z-index: 10; border-color: #ccc; }
    #nav-switcher a { display: block; height: 100%; text-indent: -9999px; }
        #nav-switcher a.collapse-nav { background: url(img/collapse.png) no-repeat 50% 50%; }
        #nav-switcher a.expand-nav { background: url(img/expand.png) no-repeat 50% 50%; }
            #nav-switcher a.expand-nav:hover { background: url(img/expand.png) no-repeat 50% 50%; }

.switcher-wrapper { height: 100%; border-radius: 0; margin: 0; padding: 0; border: 0; }
#pro-switcher { position: fixed; top: 0; left: 0; width: 60px; height: 31px; z-index: 10; border-color: #ccc; }
    #pro-switcher a { display: block; height: 100%; text-indent: -9999px; }
        #pro-switcher a.pro-menu { background: url(img/menu.png) no-repeat 50% 50%; }

#sys-tabbar { margin-left: -1px; padding-left: 0; padding-right: 175px; /*padding-top: 3px;*/ }
    #sys-tabbar > li.k-item { margin-left: 4px; }
    #sys-tabbar #sys-tab { z-index: 20; margin-left: 0; }
    #sys-tabbar .close-tab { margin: 0; }
    #sys-tabbar > li#tab-cmd > span.k-link { padding: 0; }
    #sys-tabbar .close-tab:hover { background-color: #ccc; border-radius: 50%; }
#tab-cmd > a.k-link { padding: 0; float: left; }
#tab-cmd-menu { float: left; border: 0; }
    #tab-cmd-menu .k-item { margin: 0; border: 0; }
    #tab-cmd-menu .menu-new-template {  }

#menu-nav-line { width: 2px; border: 0; z-index: 999; position: fixed; top: 32px; opacity: 0; left: 0; bottom: 0; }

#nav-home { background-position: 0 0; }
#nav-incident { background-position: 0 -50px; }
#nav-event { background-position: 0 -100px; }
#nav-activity { background-position: 0 -150px; }
#nav-customer { background-position: 0 -200px; }
#nav-report { background-position: 0 -250px; }
#nav-kw { background-position: 0 -300px; }
#nav-setting { background-position: 0 -350px; }
#nav-calendar { background-position: 0 -450px; }
#nav-plan { background-position: 0 -500px; }
#nav-search { background-position: 0 -550px; }


.home-nav.show-text-in-nav { width: 70px;}    
.home-nav.show-text-in-nav a, .home-nav.show-text-in-nav div { height: 50px; width: 69px;text-indent: 0;position: relative;}
.home-nav.show-text-in-nav a span{ position: absolute;left: 0;top: 35px;width: 69px;text-align: center; word-break:keep-all; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.home-main.show-text-in-nav { padding-left: 70px; }
.home-main.show-text-in-nav.expanded { padding-left: 0; }

#pro-switcher.show-text-in-nav { width: 70px;}

.home-nav.show-text-in-nav #nav-home { background-position: 5px 0; }
.home-nav.show-text-in-nav #nav-incident { background-position: 5px -50px; }
.home-nav.show-text-in-nav #nav-event { background-position: 5px -100px; }
.home-nav.show-text-in-nav #nav-activity { background-position: 5px -150px; }
.home-nav.show-text-in-nav #nav-customer { background-position: 5px -200px; }
.home-nav.show-text-in-nav #nav-report { background-position: 5px -250px; }
.home-nav.show-text-in-nav #nav-kw { background-position: 5px -300px; }
.home-nav.show-text-in-nav #nav-setting { background-position: 5px -350px; }
.home-nav.show-text-in-nav #nav-calendar { background-position: 5px -450px; }
.home-nav.show-text-in-nav #nav-plan { background-position: 5px -500px; }
.home-nav.show-text-in-nav #nav-search { background-position: 5px -550px; }

.nav-select a, #home-nav a:hover { background-color: #e3e3e3; }
#home-nav .nav-chat { background: url(img/chat_icon.png) no-repeat 49% center; }
#home-nav .nav-sync { background: url(img/chat_icon.png) no-repeat 49% center; }

.k-i-chat { background: url(img/i-chat.png) no-repeat center center; background-color: transparent; }
#chatpanel { position: absolute; top: 6px; right: 86px; border: 0; background-color: transparent; }
.chat-win-head { height: 38px; width: 100%; border: 0; text-align: right; border-bottom: 1px solid #ccc; position: absolute; top: 0; left: 0; z-index: 9999; background: #fff; }
.chat-win-content { height: 100%; width: 100%; border: 0; }
#close-tic-win, #creatticket { margin-top: 5px; margin-right: 10px; }



#project-list-wrapper { top: 26px; left: 4px; min-width: 450px; max-width: 800px; min-height: 300px; z-index: 2000; }
    #project-list-wrapper .arrow { left: 23px; }
#project-list li { line-height: 24px; }
    #project-list li a { display: block; }
    #project-list li:hover{ background-color:#D6F7EA;}
    #project-list li.pselected { background-color: #44b044; color:#ffffff; }
#project-list-wrapper input { font-size: 12px; }



body.portal { overflow: auto; }
#left { width: 35%; min-height: 500px; float: left; overflow: hidden; }
#right { width: 65%; min-height: 500px; float: right; overflow: hidden; }
.portal .tx-panel { margin: 8px 0 0 8px; min-width: 300px; }
.portal .tx-panel-header { cursor: move; }
#right .tx-panel, #right .dragdropspacer { margin-right: 8px; }
.dragdropspacer { border: dashed 1px #3c763d; opacity: .5; margin: 8px 0 0 8px; }


/* customers page */
.win-span { display: inline-block; width: 100px; text-align: left; }
.win-lab { display: inline-block; width: 100px; text-align: right; }
.win-box { width: 150px; }
#project-window { margin: 0px 10px 100px 10px; text-align: left; }

/* report page */
#listView { padding: 10px; }
.pro-panel { box-sizing: border-box; border: 0; float: left; height: 100%; }
.product:hover { background-color: #e8e8e8; color: #333; }
.product { float: left; position: relative; padding: 10px 20px; border: 0; width: 50%; box-sizing: border-box; display: inline-flex; }
    .product img { float: left; width: auto; height: auto; border: 0; }
    .product ul { float: left; margin-left: 20px; }
        .product ul li { list-style: none; line-height: 200%; }
#rp-list-view { overflow-x: auto; overflow-y: scroll; }
#rp-pager { position: fixed; bottom: 0; width: 100%; border-left: 0; }
#iframe_reportVwSetup { padding: 10px !important; box-sizing: border-box; }
.product li.tit { font-size: 12px; font-weight: bold; }

/* utilities page */
.utilityview { padding: 10px; }

/* event page */
#e-project-filter { float: left; margin-top: 5px; }
#e-tree-edit { float: right; margin-top: 5px; }

/* incident page and knowledge page */
#tabstrip > ul > li.k-item { margin-left: 4px; height: 27px; }
#treelist-pager > ul.k-pager-numbers > li > span.k-state-selected { height: 24px; }
#list-pager-toolbar { border-left: 0; position: absolute; bottom: 0; width: 100%; }
#pager-search-box { display: none; position: absolute; bottom: 0; right: 125px; width: 25%; height: 35px; vertical-align: middle; text-align: right; border: 0; }


/* @group login page */
.pg-login-default { background-color: #fcfefc; }
.pg-login-custom { margin: auto; overflow: auto; }
.pg-login-custom table, .pg-login-custom div { margin: auto; } 

.login-wrapper { width: 300px; padding: 30px 72px; margin: auto; }
.pg-login-default .login-wrapper { background: #fff; border-radius: 8px; margin: 200px auto 0; border: solid 1px #ccc; box-shadow: 0 0 30px 0 #ddd; }

.login-wrapper h1 {display: none}
.pg-login-default .login-wrapper h1 {display: block; font-weight: bold; text-align: center; padding: 0 0 20px; font-size: 16px; color: #555; }
    .login-wrapper .logo { display: inline-block; width: 50px; height: 50px; background: url(img/login-sprite.png) no-repeat 0 -90px; }
        .login-wrapper .logo.logo-cw { background-position: 0 -150px; }

.login-item { background-color: #fff; border: solid 1px #ccc; width: 300px; height: 32px; position: relative; border-radius: 4px; }
    .login-item .login-icon { width: 36px; height: 32px; left: 0; top: 0; position: absolute; }
    .login-item .txt { background-color: transparent; height: 18px; line-height: 18px; padding: 7px 5px 7px 37px; border: 0; width: 258px; outline: 0; }
.login-item-noborder { width: 300px; height: 32px; position: relative; }
    .login-item-noborder select { width: 302px; padding: 4px; height: 32px; line-height: 32px; -webkit-border-radius: 0; border-radius: 4px; }
    .login-item-noborder .login-btn { width: 302px; background: url(img/login-btn-bg.png) repeat-x 0 0; color: #333; border: solid 1px #cccccc; }

.login-icon.username, .login-icon.pwd { background-color: transparent; background-image: url(img/login-sprite.png); background-repeat: no-repeat; }
.login-item .login-icon.username { background-position: 9px -54px; }
.login-item .login-icon.pwd { background-position: 9px -24px; }
.login-item.focused { border-color: #44b044; }
    .login-item.focused .login-icon { border-right-color: #44b044; }
        .login-item.focused .login-icon.username { background-position: -21px -54px; }
        .login-item.focused .login-icon.pwd { background-position: -21px -24px; }

input.login-btn { padding: 10px; margin: 0; line-height: initial; }
.login-btn, .login-btn:visited { cursor: pointer; background-color: #44b044; border-radius: 4px; border-style: solid; border-color: transparent; color: #fff; font-size: 15px; font-weight: normal; height: 38px; line-height: 38px; outline: 0 none; text-align: center; transition: background-color 0.2s linear 0s; }
    .login-btn:hover { background:url();color: #333; background-color: #dcdcdc; }

.login-wrapper label.login-field { display: block; padding: 8px 0; }

a.login-lnk { display: inline-block; line-height: 20px; padding-left: 25px; color: #278f28; background: url(img/login-sprite.png) no-repeat 0 -1px; text-decoration: none !important;}
    a.login-lnk:hover { color: #44b044; text-decoration: none; }





/* @group icon */
.help { background: url(img/help.png) no-repeat center center !important; }
.folder { background: url(img/icon-folder.png) no-repeat center center !important; }
.closedfolder { background: url(img/closed-folder.png) no-repeat center center !important; }
.space { background: url(img/space.png) no-repeat center center !important; }
.setting { background: url(img/setting.png) no-repeat center center !important; }
.icon-file { background: url(img/file.png) no-repeat center center !important; }
.icon-green-add { background: url(img/icon-green-add.png) no-repeat center center !important; }
.hierarchy-view { background: url(img/hierarchy-view.png) no-repeat center center !important; }
.list-view { background: url(img/list-view.png) no-repeat center center !important; }
.report-view { background: url(img/report-view.png) no-repeat center center !important; }
.col-detail { background: url(img/collapse-detail.png) no-repeat center center !important; }
.exp-detail { background: url(img/expand-detail.png) no-repeat center center !important; }
.request-customer { background: url(img/request-customer.png) no-repeat center center !important; }

/**overwrite kendo style**/
.tx-i-whitespace { background-position: -145px 0; }
/* @group Kendo icon extended */
.crm-icon{ background-image: url("/SWiseWeb/style/img/crm_sprite.png") !important; background-repeat: no-repeat; border-color: transparent; vertical-align: middle; display: inline-block; font-size: 0; height: 16px; line-height: 0; overflow: hidden; text-align: center; width: 16px;}
.crm-i-add-inc { background-position: 0 0; }
.crm-i-add-eve { background-position: 0 -16px; }
.crm-i-add-cus { background-position: 0 -32px; }
.crm-i-forward { background-position: 0 -48px; }
.crm-i-move-inc { background-position: 0 -64px; }
.crm-i-move-eve { background-position: 0 -80px; }
.crm-i-cus { background-position: 0 -96px; }
.crm-i-menu-set { background-position: 0 -112px; }
.crm-i-add-fchild { background-position: 0 -128px; }
.crm-i-add-sib-bechild { background-position: 0 -144px; }
.crm-i-add-sib-abchild { background-position: 0 -160px; }
.crm-i-action { background-position: 0 -176px; }
.crm-i-setup{ background-position: 0 -192px; }
.crm-i-del { background-position: 0 -208px; }
.crm-i-show-eve { background-position: 0 -224px; }
.crm-i-email{ background-position: 0 -240px; }
.crm-i-print{ background-position: 0 -256px; }
.crm-i-chg-state{ background-position: -16px 0; }
.crm-i-clone{ background-position: -16px -16px; }
.crm-i-inter-proj-copy-old{ background-position: -16px -32px; }
.crm-i-link{ background-position: -16px -48px; }
.crm-i-link-kw{ background-position: -16px -64px; }
.crm-i-merge{ background-position: -16px -80px; }
.crm-i-auto-add-sla,.crm-i-add-kw{ background-position: -16px -96px; }
.crm-i-inter-proj-copy{ background-position: -16px -112px; }
.crm-i-saveAs-kw{ background-position: -16px -128px; }
.crm-i-theme{background-position: -32px 0; }
.crm-i-setting-fw{background-position: -32px -16px; }
.crm-i-down-admin{background-position: -32px -32px; }
.crm-i-down-plug{background-position: -32px -48px; }
.crm-i-proj-archive{background-position: -32px -64px; }
.crm-i-help{background-position: -32px -80px; }
.crm-i-about{background-position: -32px -96px; }
.crm-i-logout{background-position: -32px -112px; }
.crm-i-language{background-position: -32px -128px; }
.crm-i-fw-webclick{background-position: -32px -144px; }
.crm-i-fw-setting{background-position: -32px -160px; }
.crm-i-chg-customer{background-image: url("/SWiseWeb/style/img/icon-change-customer.svg") !important; background-repeat: no-repeat;border-color: transparent; vertical-align: middle; display: inline-block; font-size: 0; height: 16px; line-height: 0; overflow: hidden; text-align: center; width: 16px;}

.crm-i-opensyncroom { background-image: url("img/icon_opensyncroom.png") !important; background-repeat: no-repeat; border-color: transparent; vertical-align: middle; display: inline-block; font-size: 0; height: 16px; line-height: 0; overflow: hidden; text-align: center; width: 16px;}


.te-icon { background-image: url("/SWiseWeb/style/img/te_sprite.png") !important; background-repeat: no-repeat; border-color: transparent; vertical-align: middle; display: inline-block; font-size: 0; height: 16px; line-height: 0; overflow: hidden; text-align: center; width: 16px; margin-right: 4px;}
.te-i-submit { background-position: 0 0; }
.te-i-save { background-position: -16px 0; }
.te-i-close { background-position: -32px 0; }
.te-i-refresh { background-position: -48px 0; }
.te-i-print { background-position: -64px 0; }
.te-i-search{ background-position: -80px 0; }
.te-i-export{ background-position: -96px 0; }
.te-i-share{ background-position: 0 -16px; }
.te-i-clone { background-position: -16px -16px; }
.te-i-email-new { background-position: -32px -16px; }
.te-i-email-reply{ background-position: -48px -16px; }
.te-i-email-replyAll{ background-position: -64px -16px; }
.te-i-email-forward{ background-position: -80px -16px; }
.te-i-email-resend{ background-position: -96px -16px; }
.te-i-cancel { background-position: 0 -32px; }
/*{ background-position: -16px -32px; }*/
.te-i-preview{ background-position: -32px -32px; }
.te-i-ok{ background-position: -48px -32px; }
.te-i-more{ background-position: -64px -32px; }
.te-i-applyAll{ background-position: -80px -32px; }
.te-i-apply{ background-position: -96px -32px; }
.te-i-setparent{ background-position: 0 -48px; }
.te-i-delete{ background-position: -16px -48px; }
.te-i-resetAll{ background-position: -32px -48px; }
.te-i-reset { background-position: -48px -48px; }
.te-i-newview{ background-position: -64px -48px; }
.te-i-email-send{ background-position: -80px -48px; }
.te-i-info{ background-position: -96px -48px; }
.te-i-back{ background-position: 0 -64px; }
.te-i-continue{ background-position: -16px -64px; }
.te-i-new-inc{ background-position: -32px -64px;}
.te-i-new-eve{ background-position: -48px -64px;}
.te-i-history{ background-position: -64px -64px;}
.te-i-setting{ background-position: -80px -64px;}
.te-i-edit{ background-position: -96px -64px;}
.te-i-email-linkkw{ background-position: -0px -80px;}
.te-i-email-ann{background-position: -16px -80px;}
.te-i-new-cus{background-position: -32px -80px;}
.te-i-cus-setparent{background-position: -48px -80px;}
.te-i-new-contact{background-position: -64px -80px;}
.te-i-linkcon{background-position: -80px -80px;}
.te-i-report-query{background-position: -96px -80px;}
.te-i-excel-exportAll{background-position: 0 -96px;}
.te-i-excel-export{background-position: -16px -96px;}
.te-i-pdf-export{background-position: -32px -96px;}
.te-i-secWnd-disable{background-position: -51px -96px;}
.te-i-secWnd-option-twoWnd{background-position: -70px -96px;}
.te-i-secWnd-option-oneWnd{background-position: -89px -96px;}
.te-i-secWnd-open-secWnd{background-position: -108px -96px;}
.tx-i-red-close { background: url(img/icon-red-close.png) no-repeat 50% 50% !important; }

.te-i-viewMode{background-image: url("/SWiseWeb/style/img/te_sprite.png") !important;background-position: -64px -112px;}
.tx-i-checked {background-image: url("/SWiseWeb/style/img/te_sprite.png") !important;background-position: -80px -112px;background-repeat: no-repeat;}
.tx_i_opensyncroom {background: url(img/icon_opensyncroom.png) !important; background-repeat: no-repeat; border-color: transparent; vertical-align: middle; display: inline-block; font-size: 0; height: 16px; line-height: 0; overflow: hidden; text-align: center; width: 16px; margin-right: 4px;}

.p-i-marketing,
.p-i-sales,
.p-i-support,
.p-i-servicewise,
.p-i-dev-home,
.p-i-dev-ppm,
.p-i-dev-spec,
.p-i-dev-track,
.p-i-dev-test,
.p-i-dev-kw,
.p-i-dev-time,
.p-i-asset { background-image: url("/SWiseWeb/style/img/project-sprite.png") !important; background-size:54px 254px !important; background-repeat: no-repeat; border-color: transparent;height:20px;width:20px; }
.p-i-marketing { background-position: 0 0; }
.p-i-sales { background-position: 0 -20px; }
.p-i-support { background-position: 0 -40px}
.p-i-servicewise { background-position: 0 -60px; }
.p-i-dev-home{background-position: 0 -80px;}
.p-i-dev-ppm{background-position: 0 -100px;}
.p-i-dev-spec{background-position: 0 -120px;}
.p-i-dev-track{background-position: 0 -140px;}
.p-i-dev-test{background-position: 0 -160px;}
.p-i-dev-kw{background-position: 0 -180px;}
.p-i-dev-time{background-position: 0 -200px;}
.p-i-asset{background-position: 0 -219px;}
.p-i-none { background: none; }





/* @group helper */
.display-none { display: none; }
.w100p { width: 100%; }
.h100p { height: 100%; }
.t-align-c { text-align: center; }
.t-align-l { text-align: left; }
.t-align-r { text-align: right; }
.red { color: #d93133; }
.bg-red { background-color: #d93133; }

.gray-gradient { background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, #fafafa), color-stop(1, #f3f3f3) ); background-image: -o-linear-gradient(bottom, #fafafa 0%, #f3f3f3 100%); background-image: -moz-linear-gradient(bottom, #fafafa 0%, #f3f3f3 100%); background-image: -webkit-linear-gradient(bottom, #fafafa 0%, #f3f3f3 100%); background-image: -ms-linear-gradient(bottom, #fafafa 0%, #f3f3f3 100%); background-image: linear-gradient(to bottom, #fafafa 0%, #f3f3f3 100%); }
.blue-gradient { background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, #dae7f6), color-stop(1, #abc7ec) ); background-image: -o-linear-gradient(bottom, #dae7f6 0%, #abc7ec 100%); background-image: -moz-linear-gradient(bottom, #dae7f6 0%, #abc7ec 100%); background-image: -webkit-linear-gradient(bottom, #dae7f6 0%, #abc7ec 100%); background-image: -ms-linear-gradient(bottom, #dae7f6 0%, #abc7ec 100%); background-image: linear-gradient(to bottom, #dae7f6 0%, #abc7ec 100%); }
.yellow-bg { background: url(img/yellow-bg-header.gif) repeat-x 0 0; }

.text-muted { color: #777; }
.text-primary { color: #337ab7; }
a.text-primary:hover { color: #286090; }
.text-success { color: #3c763d; }
a.text-success:hover { color: #2b542c; }
.text-info { color: #31708f; }
a.text-info:hover { color: #245269; }
.text-warning { color: #8a6d3b; }
a.text-warning:hover { color: #66512c; }
.text-danger { color: #a94442; }
a.text-danger:hover { color: #843534; }
.bg-primary { color: #fff; background-color: #337ab7; }
a.bg-primary:hover { background-color: #286090; }
.bg-success { background-color: #dff0d8; }
a.bg-success:hover { background-color: #c1e2b3; }
.bg-info { background-color: #d9edf7; }
a.bg-info:hover { background-color: #afd9ee; }
.bg-warning { background-color: #fcf8e3; }
a.bg-warning:hover { background-color: #f7ecb5; }
.bg-danger { background-color: #f2dede; }
a.bg-danger:hover { background-color: #e4b9b9; }

.noselect { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.noborder { border: 0; }

.crm-filter-bg { background-color: red; border-radius: 8px 8px; }
.selected { font-weight: bold; }
.align-center{ text-align:center;}






/* @group override kendo */
div.k-splitbar { border-color: #ccc; }
.k-tabstrip > .k-content, .k-panelbar .k-tabstrip > .k-content { padding: 0; margin: 0; border-width: 1px 0 0; box-shadow: none; }
.k-tabstrip { border: 0; border-bottom: 1px solid #ccc; }
.home .k-menu { border-bottom: 0; border-radius: 0; }
.home .k-link { line-height: 16px; }
#home-menu, #second-win-menu { border: 0; background-color: transparent; }
    #home-menu .k-item, #second-win-menu .k-item{ border: 0; }
.layout .k-splitter { border: 0; }
.k-list-container ul.k-list li.k-item, .k-list-container span.k-list-filter input.k-textbox { height: 23px !important; }
/*.k-block { background-color: transparent; }*/
.k-block > .k-header { margin-bottom: 5px; }
.k-list-filter > .k-icon { top: 0 !important; }

.k-grid td { padding: 2px 6px; border: 0; font-size: 12px; }
.k-dirty { margin: -2px 0 0 -6px; }
.k-widget { box-shadow: none; }
.layout-tbl .k-widget { width: 100%; }

.k-state-focused, .k-button:focus, .k-button .k-state-focused, .k-button:focus:active { box-shadow: none; }
div.k-treeview { overflow: visible; }

.k-pager-numbers .k-state-selected, .k-pager-wrap > .k-link { border-radius: 0; }
.k-pager-numbers .k-link { border-radius: 0; }

.k-tabstrip-items .k-state-default { border-color: #ccc; }
.k-tabstrip-items .k-loading { border-top: 0; }
.menu-txt { padding-left: 5px;word-wrap: break-word; /*word-break: break-all;*/ text-overflow: ellipsis; /*white-space: nowrap;*/ overflow: hidden;}
.k-tabstrip-items .k-state-default .k-link, .k-link:link, .k-widget.k-treeview { color: inherit; }

.k-block, .k-button, .k-textbox, .k-drag-clue,
.k-touch-scrollbar, .k-window,
.k-window-titleless .k-window-content, .k-window-action, .k-inline-block,
.k-grid .k-filter-options, .k-grouping-header .k-group-indicator, .k-autocomplete,
.k-multiselect, .k-combobox, .k-dropdown, .k-dropdown-wrap,
.k-datepicker, .k-timepicker,
.k-colorpicker, .k-datetimepicker, .k-notification,
.k-numerictextbox, .k-picker-wrap,
.k-numeric-wrap, .k-colorpicker, .k-list-container,
.k-calendar-container, .k-calendar td,
.k-calendar .k-link, .k-treeview .k-in,
.k-editor-inline, .k-tooltip, .k-tile, .k-slider-track,
.k-slider-selection, .k-upload { border-radius: 2px; }

.k-tabstrip-scrollable .k-tabstrip-items { overflow: inherit; }

.k-tabstrip-items .k-item.k-state-active{ font-weight:bold !important;}

/* Fix double border problem */
.k-state-collapsed + .k-splitbar-horizontal { border-left-color: transparent; }
.k-splitbar { border-color: #ccc; }

.k-window-titlebar, .k-block > .k-header,
.k-tabstrip-items .k-item, .k-panelbar .k-tabstrip-items .k-item,
.k-tabstrip-items .k-link, .k-calendar-container.k-state-border-down,
.k-list-container.k-state-border-down, .k-autocomplete.k-state-border-down,
.k-multiselect.k-state-border-down, .k-dropdown-wrap.k-state-border-down,
.k-picker-wrap.k-state-border-down, .k-numeric-wrap.k-state-border-down { border-radius: 0; }


.k-header, .k-grid-header, .k-toolbar, .k-dropdown-wrap,
.k-picker-wrap, .k-numeric-wrap, .k-grouping-header,
.k-pager-wrap, .k-textbox, .k-button, .k-progressbar,
.k-draghandle, .k-autocomplete, .k-state-highlight,
.k-tabstrip-items .k-item, .km-pane-wrapper > .km-pane > .km-view > .km-content { background-image: inherit; }

.k-si-plus { border: 1px solid #ccc; border-radius: 2px; }

.k-state-selected, .k-state-selected:link, .k-state-selected:visited,
.k-list > .k-state-selected, .k-list > .k-state-highlight, .k-panel > .k-state-selected,
.k-ghost-splitbar-vertical, .k-ghost-splitbar-horizontal, .k-draghandle.k-state-selected:hover,
.k-scheduler .k-scheduler-toolbar .k-state-selected,
.k-scheduler .k-today.k-state-selected, .k-marquee-color { background-color: #44b044; border-color: #44b044;color:#ffffff !important; }

.sw { display: none; width: 100%; height: 100%; border: 0; }
#list-hdr { border-width: 0 0 1px; height: 12px; border-radius: 0; padding: 0; position: relative; }
.frame-page { width: 100%; border: 0; overflow: auto; }
.crm-btn-margin { margin-top: 5px !important; }
.k-state-checked{ background:#D6F7EA;border-color: #D6F7EA;color:inherit !important; }

.k-dropdown-wrap.k-state-default {background-color:#fff !important;}




















/*pure style user define*/
.pure-u-1,
.pure-u-1-1,
.pure-u-1-2,
.pure-u-1-4,
.pure-u-2-4,
.pure-u-3-4,
.pure-u-4-4 { display: inline-block; *display: inline; zoom: 1; letter-spacing: normal; word-spacing: normal; vertical-align: top; text-rendering: auto; }
.pure-u-1-4 { width: 25%; *width: 24.9690%; }

.pure-u-1-2,
.pure-u-2-4 { width: 50%; *width: 49.9690%; }

.pure-u-3-4 { width: 75%; *width: 74.9690%; }

.pure-u-1,
.pure-u-1-1,
.pure-u-4-4 { width: 100%; }

.pure-u-1,
.pure-u-1-1,
.pure-u-1-3,
.pure-u-2-3,
.pure-u-3-3 { display: inline-block; *display: inline; zoom: 1; letter-spacing: normal; word-spacing: normal; vertical-align: top; text-rendering: auto; }

.pure-u-1-3 { width: 33.3333%; *width: 33.3023%; }

.pure-u-2-3 { width: 66.6667%; *width: 66.6357%; }

.pure-u-1,
.pure-u-1-1,
.pure-u-3-3 { width: 100%; }


#nav-wrapper { min-height: 10px; }
.kwp-nav { background: #44a744; height: 46px; text-align: left; overflow: hidden; position: relative; }
    .kwp-nav a { color: #fff; font-size: 12px; line-height: 46px; height: 46px; padding: 0 4px; float: left; display: inline-block; }
        .kwp-nav a.on, .kwp-nav a:hover { color: #44a744; background: #e4fee3; text-decoration: none; }
    .kwp-nav li { float: left; display: inline-block; margin-right: 1px; }
    .kwp-nav .nav-task { float: right; background: #e59341; }
    .kwp-nav a.nav-task:hover { background: #bd732a; color: #fff; }
    .kwp-nav a span { height: 30px; width: 30px; float: left; display: inline-block; margin: 8px 8px 0 0; }
.kwp-nav-control { position: absolute; width: 85px; height: 10px; padding: 0; left: 50%; margin-left: -42.5px; top: -1px; background: url(img/hide-nav-withborder.png) no-repeat; }
.kwp-nav-control-hide { position: absolute; top: 36px; width: 85px; height: 10px; background: url(img/show-nav.png) no-repeat; top: 0; padding: 0; left: 50%; margin-left: -42.5px; z-index: 9999; }

/*nav icon style*/
.kwp-nav a .icon-nav-home { background: url(img/kw_sprite.png) no-repeat -80px 0; }
.kwp-nav a.on .icon-nav-home, .kwp-nav a:hover .icon-nav-home { background: url(img/kw_sprite.png) no-repeat -120px 0; }

.kwp-nav a .icon-nav-kwBase { background: url(img/kw_sprite.png) no-repeat -80px -30px; }
.kwp-nav a.on .icon-nav-kwBase, .kwp-nav a:hover .icon-nav-kwBase { background: url(img/kw_sprite.png) no-repeat -120px -30px; }

.kwp-nav a .icon-nav-kwMap { background: url(img/kw_sprite.png) no-repeat -80px -60px; }
.kwp-nav a.on .icon-nav-kwMap, .kwp-nav a:hover .icon-nav-kwMap { background: url(img/kw_sprite.png) no-repeat -120px -60px; }

.kwp-nav a .icon-nav-kwFAQ { background: url(img/kw_sprite.png) no-repeat -80px -90px; }
.kwp-nav a.on .icon-nav-kwFAQ, .kwp-nav a:hover .icon-nav-kwFAQ { background: url(img/kw_sprite.png) no-repeat -120px -90px; }

.kwp-nav a .icon-nav-kwExperts { background: url(img/kw_sprite.png) no-repeat -80px -120px; }
.kwp-nav a.on .icon-nav-kwExperts, .kwp-nav a:hover .icon-nav-kwExperts { background: url(img/kw_sprite.png) no-repeat -120px -120px; }

.kwp-nav a .icon-nav-kwAccount { background: url(img/kw_sprite.png) no-repeat -80px -150px; }
.kwp-nav a.on .icon-nav-kwAccount, .kwp-nav a:hover .icon-nav-kwAccount { background: url(img/kw_sprite.png) no-repeat -120px -150px; }

.kwp-nav a .icon-nav-kwTry { background: url(img/kw_sprite.png) no-repeat -80px -180px; }
.kwp-nav a.on .icon-nav-kwTry, .kwp-nav a:hover .icon-nav-kwTry { background: url(img/kw_sprite.png) no-repeat -120px -180px; }

.kwp-nav a .icon-nav-kwTask { background: url(img/kw_sprite.png) no-repeat -30px -210px; }
/*.kwp-nav a.on .icon-nav-kwTask, .kwp-nav a:hover .icon-nav-kwTask { background: url(img/kw_sprite.png) no-repeat 0 -210px; }*/

.section1 { text-align: left; margin-top: 15px; height: 337px; overflow: hidden; padding: 0 8px; }
    .section1 .kwp-banner { position: relative; height: 337px; }
        .section1 .kwp-banner > div { height: 100%; text-align: center; }
        .section1 .kwp-banner .kwp-banner-pagination { position: absolute; bottom: 14px; left: 50%; }
            .section1 .kwp-banner .kwp-banner-pagination ul { display: inline-block; zoom: 1; }
            .section1 .kwp-banner .kwp-banner-pagination li { float: left; }
                .section1 .kwp-banner .kwp-banner-pagination li a { float: left; width: 20px; height: 20px; text-indent: -9999px; background: url(img/kw_sprite.png) no-repeat -34px -246px; }
                    .section1 .kwp-banner .kwp-banner-pagination li a:hover,
                    .section1 .kwp-banner .kwp-banner-pagination li.on a { background: url(img/kw_sprite.png) no-repeat -4px -246px; }

    .section1 .kwp-topics { padding-left: 16px; }
        .section1 .kwp-topics .topcis-top { padding-bottom: 10px; }
h2 { font-size: 16px; font-weight: normal; float: left; height: 26px; line-height: 26px; text-transform: uppercase; color: #333; }
    h2.kwp-with-more { border-right: 1px solid #ccc; padding-right: 12px; margin-right: 12px; }
    h2.kwp-normal { clear: both; display: block; float: none; }
.section1 .kwp-topics .topcis-top .topcis-more { float: left; line-height: 28px; color: #44a744; font-size: 12px; text-transform: uppercase; }
.section1 .kwp-topics .topics-list li { list-style: square; margin-left: 16px; font-size: 12px; margin-top: 14px; }

.section1 .kwp-links { padding-left: 20px; }
    .section1 .kwp-links .pure-g { padding-top: 20px; }
    .section1 .kwp-links .kwp-links-content { text-align: center; padding-bottom: 40px; }
.kwp-links-content i { font-weight: 600; color: #666; font-style: italic; }

.section2 { text-align: left; margin-top: 15px; padding: 0 8px; }
    .section2 .kwp-tab-more { padding-top: 4px; float: left; }
    .section2 .kwp-tab-header { clear: both; display: block; }
        .section2 .kwp-tab-header .kwp-tab-scroll-control { float: right; border: 1px solid #ccc; border-radius: 3px; height: 26px; }
            .section2 .kwp-tab-header .kwp-tab-scroll-control a { float: left; text-indent: -9999px; height: 26px; width: 26px; padding: 0 2px; }
            .section2 .kwp-tab-header .kwp-tab-scroll-control .kwp-prev { background: url(img/kw_sprite.png) no-repeat 0px -272px; border-right: 1px solid #ccc; }
                .section2 .kwp-tab-header .kwp-tab-scroll-control .kwp-prev:hover { background: url(img/kw_sprite.png) no-repeat 0px -272px #f2f2f2; border-right: 1px solid #ccc; }
            .section2 .kwp-tab-header .kwp-tab-scroll-control .kwp-next { background: url(img/kw_sprite.png) no-repeat -28px -272px; }
                .section2 .kwp-tab-header .kwp-tab-scroll-control .kwp-next:hover { background: url(img/kw_sprite.png) no-repeat -28px -272px #f2f2f2; }

    .section2 .kwp-tab-content { padding-top: 16px; }
        .section2 .kwp-tab-content .kwp-tab-item { margin-right: 10px; background: #f5f5f5; height: 294px; overflow: hidden; }
        .section2 .kwp-tab-content .kwp-tab-item-last { margin: 0; }
        .section2 .kwp-tab-content .kwp-tab-item-title { font-size: 14px; font-weight: bold; }
            .section2 .kwp-tab-content .kwp-tab-item-title span { height: 36px; overflow: hidden; display: block; padding: 10px 14px 0px 14px; }
        .section2 .kwp-tab-content .kwp-item-info { padding: 0 14px 0 10px; line-height: 30px; }
            .section2 .kwp-tab-content .kwp-item-info a { float: left; margin-right: 6px; }
                .section2 .kwp-tab-content .kwp-item-info a:hover { text-decoration: none; }
            .section2 .kwp-tab-content .kwp-item-info .kwp-item-views { float: left; background: url(img/kw_sprite.png) no-repeat 0 -300px; width: 30px; height: 30px; }
            .section2 .kwp-tab-content .kwp-item-info .kwp-item-comments { float: left; background: url(img/kw_sprite.png) no-repeat -30px -300px; width: 30px; height: 30px; }
            .section2 .kwp-tab-content .kwp-item-info .kwp-item-author { float: left; background: url(img/kw_sprite.png) no-repeat 0px -330px; width: 30px; height: 30px; }


        /*tab images style*/
        .section2 .kwp-tab-content .kwp-tab-item-title .title-images-1 { padding: 0; height: 106px; background: url(img/tab1.gif) no-repeat center; }
        .section2 .kwp-tab-content .kwp-tab-item-title .title-images-2 { padding: 0; height: 106px; background: url(img/tab2.gif) no-repeat center; }
        .section2 .kwp-tab-content .kwp-tab-item-title .title-images-3 { padding: 0; height: 106px; background: url(img/tab3.gif) no-repeat center; }
        .section2 .kwp-tab-content .kwp-tab-item-title .title-images-4 { padding: 0; height: 106px; background: url(img/tab4.gif) no-repeat center; }

        .section2 .kwp-tab-content .kwp-tab-item-title .title-images-1-1 { padding: 0; height: 106px; background: url(img/tab1-1.gif) no-repeat center; }
        .section2 .kwp-tab-content .kwp-tab-item-title .title-images-2-2 { padding: 0; height: 106px; background: url(img/tab2-2.gif) no-repeat center; }
        .section2 .kwp-tab-content .kwp-tab-item-title .title-images-3-3 { padding: 0; height: 106px; background: url(img/tab3-3.gif) no-repeat center; }
        .section2 .kwp-tab-content .kwp-tab-item-title .title-images-4-4 { padding: 0; height: 106px; background: url(img/tab4-4.gif) no-repeat center; }

        .section2 .kwp-tab-content p { padding: 0 14px; font-size: 12px; line-height: 18px; color: #666; }

.kwp-padding { padding-left: 20px; }
.kwp-no-background { background: none !important; }

.section2 .kwp-line { padding-bottom: 32px; }
.section2 .kwp-line-time { border: 1px solid #ccc; text-align: center; float: left; margin-right: 10px; }
    .section2 .kwp-line-time .kwp-date { display: block; font-size: 36px; font-weight: bold; color: #666; width: 68px; height: 48px; line-height: 48px; }
    .section2 .kwp-line-time .kwp-year { border-top: 1px solid #ccc; line-height: 25px; font-size: 15px; display: block; }

.section2 .kwp-line-title { float: none; margin-left: 72px; }
    .section2 .kwp-line-title h3 { font-size: 14px; font-weight: bold; padding-left: 16px; }
    .section2 .kwp-line-title a { color: #555; }
a.kwp-tab-item-title { color: #555; }



/* override default slider style */
#slider, .slider-wrapper { margin: 0; padding: 0; }
    #slider .nivo-caption { background-color: transparent; padding: 8px; left: 50%; top: 50%; margin-top: -68px; margin-left: -207.5px; opacity: 0.95; }
.kwp-banner .slider-wrapper .nivo-controlNav { padding: 10px 0; }

#tree-toolbar > div.k-toolbar-first-visible { width: 80%; }
.dateInput { width: 150px; }
#incidentPager { position: fixed; width: 100%; bottom: 0; }
a.state_open{background-color: #fff; color: #000; border-color: #34C78D;}
a.state_open:hover{background-color: #34C78D; color: White; border-color: #34C78D;}
a.state_close{background-color: #fff; color: #000; border-color: #D9A34F;}
a.state_close:hover{background-color: #D9A34F; color: White; border-color: #D9A34F;}
.tran-btn-focus, a.tran-btn-focus:hover {background-color: #d9534f !important; color: White !important; border-color: #d9534f !important; }
.view-switch,a.view-switch:hover{background-color: #44b044; color: White; border-color: #44b044;}
.attachLink,.assetLink{ display:block;}
.attachLink:before { content: ''; display: inline; background: url(img/sprite.png) no-repeat -295px -220px; padding-left: 16px; }
.assetLink:before { content: ''; display: inline; background: url(img/sprite.png) no-repeat -290px -54px; padding-left: 20px; }
.webClickOutcome {display: inline-block;}
.webClickOutcome a { display: inline; background-image: url("/SWiseWeb/style/img/te_sprite.png"); background-repeat: no-repeat; border-color: transparent; vertical-align: middle; display: inline-block; font-size: 0; height: 16px; line-height: 0; overflow: hidden; text-align: center; width: 16px; margin-right: 4px;}
.linkForm { background-position: -32px -112px; }
.linkEvent { background-position: 0px -128px; }
.linkIncident { background-position: -32px -128px; }
.linkSales { background-position: -48px -128px; }
.linkClick { background-position: -16px -128px; }
.linkEventClosed { background-position: 0px -144px; }
.linkIncidentClosed { background-position: -32px -144px; }
.linkSalesClosed { background-position: -48px -144px; }
.linkClickClosed { background-position: -16px -144px; }
#summary-content .label {font-weight: bold;}

.report_table { BORDER: #ccc 1px solid; FONT-WEIGHT: normal; FONT-SIZE: 12px; VERTICAL-ALIGN: top; COLOR: #000000; FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif; BACKGROUND-COLOR: #eee; width: 100%; }

.report_table_evenrow { FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #333333; BACKGROUND-COLOR: #ffffff; height: 20px; border-bottom: #ccc 1px solid; }

.report_table_oddrow { FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #333333; BACKGROUND-COLOR: #fefefe; height: 20px; border-bottom: #ccc 1px solid; }
.report_table_label { PADDING: 3px; border-bottom: #ccc 1px solid; FONT-SIZE: 12px; FONT-WEIGHT: bold; }
.report_data {height:20px; text-align:center;border-left:1px solid #ccc; padding: 5px; }
.incident-flag-column { background: url(/SWiseWeb/images/flag.gif) no-repeat; padding-left: 16px;}
.avatar_in_list {width: 20px; height: 20px; border-radius: 8px 8px;}

/* Password tip dialog box in login page*/
#pwdtipdlg .section { font-weight: bold;}
#pwdtipdlg .section li {font-weight: normal; padding-left: 8px;}
#pwdtipdlg .section li .list-icon { background-image: url("/SWiseWeb/style/img/te_sprite.png"); background-repeat: no-repeat; border-color: transparent; vertical-align: middle; display: inline-block; font-size: 0; height: 16px; line-height: 0; overflow: hidden; text-align: center; width: 16px; margin-right: 4px;}
#pwdtipdlg .section li .list-icon.pass { background-position: 0 0; }
#pwdtipdlg .section li .list-icon.fail { background-position: -32px 0;}


/* remove borders*/
#incident-tree-action, .k-button-group a, #search-filter, #cancel-search-filter, #multiowner-filter, #treelist-pager a,#defined-customer-query,#request-new-customer-access {border:none;}


/* search criteria*/
.search-criteria {width:320px;min-height:150px;border:solid #ccc 1px;margin: 50px auto;padding-top: 10px;padding-bottom: 15px;text-align:center}
.search-criteria-table {table-layout: auto;text-align:left;}
.search-criteria-title {font-size: 12px;text-align:left;}
.search-criteria-img {align:right;width:32px;}
.search-criteria span {font-weight:bold;text-align:left;font-size: 12px;}
.search-criteria-placeholder {padding: 0 6px !important;}
.search-criteria-td {padding: 0 6px !important;}

/* Save change confirmation dialog box */
#save-change-confirm ul { padding: 16px;}
#save-change-confirm li { list-style-type: circle; margin-left: 12px;}
#save-change-confirm .pull-right { float: right }

/* icons in quick edit panel */
#qedit-banner .top-btn { cursor: pointer; background-image: url("img/te_sprite.png"); background-repeat: no-repeat; border-color: transparent; vertical-align: middle; display: inline-block; font-size: 0; height: 16px; line-height: 0; overflow: hidden; text-align: center; width: 16px; margin-right: 4px;}
#qedit-banner .top-btn.close { background-position: -112px -112px; }
#qedit-banner .top-btn.edit { background-position: -96px -112px; }
#qedit-banner .top-btn.save { background-position: -16px 0; }
#qedit-banner .top-btn.cancel { background-position: -32px -48px; }

#qedit-banner .top-btn:hover {background-color: #ccc; border-radius: 50%; }

.cw-badge {
display: inline-block;
box-sizing: border-box;
min-width: 16px;
padding: 0 3px;
color: #fff;
font-weight: 500;
font-size: 12px;
/* font-family: -apple-system-font, Helvetica Neue, Arial, sans-serif; */
line-height: 1.2;
text-align: center;
background-color: #ee0a24;
border: 1px solid #fff;
border-radius: 999px;
position: absolute;
top: 10px;
right: 16px;
-webkit-transform: translate(50%, -50%);
transform: translate(50%, -50%);
-webkit-transform-origin: 100%;
transform-origin: 100%;
}

.msg_count_label {color:#ff0000; padding-left:16px; background-image: url("/SWiseWeb/style/img/icon_chatmessage.svg"); background-repeat: no-repeat; padding-right:3px;}
.msg_count_label_black {color:#000000; padding-left:16px; background-image: url("/SWiseWeb/style/img/icon_chatmessage.svg"); background-repeat: no-repeat; padding-right:3px;}
.msg_count_label:hover, .msg_count_label_black:hover {border-bottom:1px solid #333;}

.livesupport_requested_label {color:#ff0000; padding-left:16px; background-image: url("/SWiseWeb/style/img/icon_liveSupport.svg"); background-repeat: no-repeat; padding-right: 3px; margin-left:8px;}
.livesupport_requested_label:hover {text-decoration: underline; color: #333;}

#btn-only-livesync-updated {margin-left:20px;}
#btn-only-livesync-updated span{ padding-left: 24px; padding-right:4px; color:#333; background-image:url("/SWiseWeb/images/syncroom.png"); background-repeat:no-repeat;}

#btn-only-livesync-updated span em{ padding-left:8px; padding-right:2px; font-weight:bold; color:#278f28; font-size:14px;}



/* dialog radius */
.k-widget { border-radius: 5px!important; }
.k-widget .k-window-titlebar {     border-top-right-radius: 5px!important;    border-top-left-radius: 5px!important; }
.k-widget .k-window-content {    border-bottom-right-radius: 5px!important;    border-bottom-left-radius: 5px!important; }
.k-widget .k-window-content>iframe {    border-bottom-right-radius: 5px!important;    border-bottom-left-radius: 5px!important; }


.btn-wclick-conv-rate {width:16px; height:16px;}
.icon-wclick-conv-rate {background-image: url("/SWiseWeb/images/chatbox/webclick_green.svg"); background-size: 16px 16px;width: 16px;height: 16px; display:none;}
.k-state-selected .icon-wclick-conv-rate {background-image: url("/SWiseWeb/images/chatbox/webclick_white.svg");  display: inline-block;}


.conv-rate-report-section {margin:0; padding: 8px 8px 30px 8px; min-height:160px; text-align:left;}
.report-section-header-title {padding:0px 0 0px 26px; font-weight:600; background-image: url("/SWiseWeb/images/chatbox/webclick_green.svg"); 
background-size: 20px 20px; 
background-repeat: no-repeat;
background-position: 0 0px;
height: 20px;
line-height: 20px;
font-size: 14px;
margin: 0 0 10px 20px;
text-align:left;
}

table.sw-tbl-border {border-left:0; border-right:0;}
.table-row-seperator td{border-bottom: 1px solid #ccc;}

.report-section-body {padding:0 20px; margin-top:20px;}
.rate-report-table {width:100%; box-sizing: border-box; border: 1px solid #ccc;}
.rate-report-table table{width: 100%}
.rate-report-table td {padding: 12px 10px; border-top: 1px solid #ccc;}

.rate-report-table-header td {background: #f1f1f1; border-top: 0;}

div.k-widget.k-tooltip{border-color:#ccc; background-color:#fff; color:#000;}

div.k-widget.k-tooltip .k-callout-n{border-bottom-color: #ccc;}

.dropdown_container { }
.dropdown_head_dropdown { font-size: 12px; height: 15px; line-height: 20px; cursor: pointer; background-color: #ffffff; overflow: hidden; padding: 1px 0px 4px 3px; background-image: url('/DevSuiteWebControl/style/img/page_down2.gif'); background-position: center right; background-repeat: no-repeat; border-right: #B0AFAF 1px solid; border-top: #B0AFAF 1px solid; border-left: #B0AFAF 1px solid; }
.dropdown_head_combo { font-size: 12px; height: 24px; cursor: pointer; background-color: #ffffff; overflow: hidden; padding: 1px 0px 0px 3px; border: #B0AFAF 1px solid; position: relative; }
.dropdown_search { height: 24px; padding-top: 0px; background-color: #ffffff; border-top: #B0AFAF 1px solid; border-bottom: #B0AFAF 1px solid; border-right: #B0AFAF 1px solid; border-left: #B0AFAF 1px solid; }
.dropdown_searchinput_combo { width: 100%; border: 0px; height: 24px; padding-left: 0px; }
.dropdown_searchinput_dropdown { background: url(/DevSuiteWebControl/style/img/iconquicksearch.gif) no-repeat left center; width: 100% !important; box-sizing: border-box; border: 0px !important; height: 24px; padding: 0px 0px 0px 15px !important; }
.dropdown_hide { }
.calclesearchicon { width: 10px; position: absolute; display: none; right: 0px; top: 8px; border: 0px; margin: 0px; }
.dropdown_content { font-size: 11px; background-color: #ffffff; list-style-type: none; cursor: pointer; border-right: #B0AFAF 1px solid; border-left: #B0AFAF 1px solid; padding: 0; overflow: auto; }
.dropdown_contenttable { }
.dropdown_column { height: 18px; padding: 1px 0px 1px 8px; background-color: #d2e7f0; }
.dropdown_selectall { margin-right: 5px; }
.dropdown_pre { height: 18px; text-align: center; padding: 1px 0px 1px 8px; }
.dropdown_item { height: 18px; padding: 1px 0px 1px 8px; }
.dropdown_item_select { background-color: #dfe8f6; border-top: #8eabe4 dotted 1px; border-bottom: #8eabe4 dotted 1px; padding: 0px 0px 0px 8px; }
.dropdown_ckb { margin-right: 5px; }
.dropdown_next { height: 18px; text-align: center; padding: 1px 0px 1px 8px; }
.dropdown_bottom { text-align: center; background-color: #ffffff; border-top: #B0AFAF 1px solid; border-right: #B0AFAF 1px solid; border-bottom: #B0AFAF 1px solid; border-left: #B0AFAF 1px solid; height: 26px; vertical-align: middle; padding-top: 3px; width: 100%; }
.dropdown_page { }

 
  #LoginEnterCode { color: #555;width:330px }
 #LoginEnterCode .paneltitle1 { font-size: 18px;font-weight: bold;}
 #LoginEnterCode .paneltitle2 { margin-top: 20px;font-size: 13px;font-weight: bold;line-height: 20px}
 #LoginEnterCode .panelErrorMes {color:Red}