@import url('font-awesome.css');

@font-face {
  font-family: 'PT Sans Caption';
  font-style: normal;
  font-weight: 400;
  src: url(../css/fonts/PTSansCaption/OXYTDOzBcXU8MTNBvBHeSZomvd56JVAIkiz1_zmJNYs.eot);
  src: local('PT Sans Caption'), local('PTSans-Caption'), url(../css/fonts/PTSansCaption/OXYTDOzBcXU8MTNBvBHeSZomvd56JVAIkiz1_zmJNYs.eot) format('embedded-opentype'), url(../css/fonts/PTSansCaption/OXYTDOzBcXU8MTNBvBHeSfETNPRNVolBcF_UwjGq_RM.woff) format('woff'), url(../css/fonts/PTSansCaption/OXYTDOzBcXU8MTNBvBHeSZdO5s5L0c0oSx6swJ31p1c.ttf) format('truetype');
}

@font-face {
  font-family: 'PT Sans Caption';
  font-style: normal;
  font-weight: 700;
  src: url(../css/fonts/PTSansCaption/Q-gJrFokeE7JydPpxASt29e6mbqSroc2jfUI93SkN0g.eot);
  src: local('PT Sans Caption Bold'), local('PTSans-CaptionBold'), url(../css/fonts/PTSansCaption/Q-gJrFokeE7JydPpxASt29e6mbqSroc2jfUI93SkN0g.eot) format('embedded-opentype'), url(../css/fonts/PTSansCaption/Q-gJrFokeE7JydPpxASt21YMsrE0OGm1FPmk5XnVy_c.woff) format('woff'), url(../css/fonts/Q-gJrFokeE7JydPpxASt2w2IYcHYtuwSj-oRP2VhBQU.ttf) format('truetype');
}

html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, em, font, img, small, strike, strong, sub, sup, b, u, i, center,
ul, li, dl, dt, dd, ol, fieldset,caption, form, label, table, tbody, thead, tfoot, th, tr, td
{ margin: 0; padding: 0; border: 0; outline: 0; background: transparent; }

html, body { min-height: 100%;}
html { overflow: hidden; }
body { 	font: 12px/17px 'PT Sans Caption', 'Verdana', 'Segoe UI', 'Arial', 'Tahoma', 'Helvetica', 'sans-serif'; min-height: 100%; color: #323232; }
:focus { outline: 0; }
table { border-collapse: collapse; border-spacing: 0; border: none;
        font-family: 'PT Sans Caption', 'Verdana', 'Segoe UI', 'Arial', 'Tahoma', 'Helvetica', 'sans-serif'; font-size: 12px; line-height: 17px; }

/* loading */
body > .loading { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 20; }
body > .loading .box { visibility: hidden; position: absolute; left: 50%; top: 50%; margin-left: -15px; margin-top: -15px; width: 31px; height: 31px; background: transparent url(../media/ajax-loader.gif) center center no-repeat;
                       background-size: contain; -moz-background-size: contain; -webkit-background-size: contain; }
body > .loading.active .box { visibility: visible; }
body > .loading .text { display: none; }

.wrapper { overflow: hidden; }
.right { float: right; }
.left { float: left; }
.extra-wrap { overflow: hidden; width: auto; }
.hidden { display: none; }

a { text-decoration: none; color: #1283ff; cursor: pointer;
    -webkit-transition: color .3s ease-out; -moz-transition: color .3s ease-out; -ms-transition: color .3s ease-out; -o-transition: color .3s ease-out; transition: color .3s ease-out; }
a:hover { text-decoration: none; color: #1283ff; }

p, ul, ol { margin-bottom: 18px; }
ul { list-style: none outside url(../media/marker2.png); margin-left: 30px; }
ol { list-style: decimal outside none; margin-left: 30px; }
li, dd { margin-bottom: 5px; }

/* headerbar */
.headerbar { position: relative; z-index: 2; text-align: right; margin-right: 10px; height: 15px; line-height: 15px; font-size: 10px; color: #777; }
.headerbar a { color: #777; text-decoration: none; }
.headerbar a:hover { color: #1283ff; text-decoration: none; }

/* language bar */
.langbar { display: none; vertical-align: middle; }
.langbar .cmd-lang { display: inline-block; vertical-align: middle; width: 20px; height: 12px; margin-left: 15px;
                     background-color: transparent; background-position: center center; background-repeat: no-repeat; }
.langbar .cmd-lang.lang-ru { background-image: url(../media/flag-ru.png); }
.langbar .cmd-lang.lang-en { background-image: url(../media/flag-en.png); }
.langbar .cmd-lang.lang-ua { background-image: url(../media/flag-ua.png); }
.langbar .cmd-lang.lang-tr { background-image: url(../media/flag-tr.png); }
.menu-tab .image-lang-ru { background: transparent url(../media/flag-ru.png) center center no-repeat; }
.menu-tab .image-lang-en { background: transparent url(../media/flag-en.png) center center no-repeat; }
.menu-tab .image-lang-ua { background: transparent url(../media/flag-ua.png) center center no-repeat; }
.menu-tab .image-lang-tr { background: transparent url(../media/flag-tr.png) center center no-repeat; }

/* accountbar */
.accountbar { display: inline-block; vertical-align: middle; }
.accountbar .signout { margin-left: 10px; font-family: FontAwesome; font-style: normal; font-weight: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.accountbar .signout:before { content: "\f08b"; }

/* devbar */
.devbar { display: inline-block; vertical-align: middle; }
.devbar .dev-dump-button { display: inline-block; vertical-align: middle; margin-left: 10px;  width: 12px; height: 12px; 
                   font-family: FontAwesome; font-style: normal; font-weight: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.devbar .dev-dump-button:before { content: "\f0ad"; }


/* notifications-bar */
.notifications-bar { position: absolute; z-index: 5; right: 300px; top: 22px; margin-right: 30px; color: #777; font-size: 16px; line-height: 16px; }
.notifications-bar.has-unread { font-weight: 700; color: #1283ff; }
.notifications-bar a, .notifications-bar a:hover { color: #777; text-decoration: none; }
.notifications-bar a.has-unread, .notifications-bar.has-unread a:hover { color: #1283ff; }
.notifications-bar .icon { display: inline-block; margin-right: 5px; font-family: FontAwesome; font-style: normal; font-weight: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.notifications-bar .icon:before { content: "\f003"; }
.notifications-bar.has-unread .icon { color: #FF6A00; }
.notifications-bar.has-unread .icon:before { content: "\f0e0"; }

/* maintenance */
.maintenance-notification { color: #E36159; }
.maintenance-notification .image { margin-right: 5px; font-family: FontAwesome; font-style: normal; font-weight: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.maintenance-notification .image:before { content: "\f12a"; }

.maintenance-notification.maintenance-bar { position: absolute; z-index: 5; right: 400px; top: 22px; line-height: 16px; color: #FF6A00; }

.maintenance-page { max-width: 400px; margin: 50px auto 0; border: 1px solid #0072C6; }
.maintenance-page .head { background: transparent url(../media/logo-bg.png) left top repeat-x; }
.maintenance-page .head .logo { height: 50px; background: transparent url(../media/logo.png) left top no-repeat; }
.maintenance-page .signin-pane { padding: 5px 15px 15px; }
.maintenance-page .buttons .button { display: block; text-align: center; }

/* nav-tab */
.nav-tab { font-size: 13px; line-height: 1.3; }
.nav-tab .item { position: relative; }
.nav-tab .item > a { display: block; position: relative; z-index: 1; padding: 14px 20px 14px 40px; color: #3B3B3B;
                     -webkit-transition: color .1s ease-out, background-color .1s ease-out; transition: color .1s ease-out, background-color .1s ease-out; }
@media only screen and (max-height: 600px) {
    .nav-tab > .nav.count-5 > .item > a { padding: 7px 20px 7px 40px; }
} 
.nav-tab .item > a:hover { background-color: #fff; color: #3B3B3B; }
.nav-tab .item > a:hover .cmd-ide  { visibility: visible; }
.nav-tab .item > a:hover .cmd-ide:hover { opacity: 1; }
.nav-tab .item.active { background-color: #fff; }
.nav-tab .item .remarks { font-weight: 700; margin-left: 5px; }
.nav-tab .item .remarks:before { content: "("; }
.nav-tab .item .remarks:after { content: ")"; }
.nav-tab .nav .nav { overflow: auto; }
.nav-tab > .nav > .item > a { background: #F7F7F7; font-size: 14px; line-height: 25px; }
.nav-tab > .nav > .item > a:hover { background: #EDF0F2; color:#1283FF; }
.nav-tab > .nav > .item.active > a { background: #D9D9D9; }
.nav-tab > .nav > .item.active > a:hover { color:#3B3B3B; }
.nav-menutab .nav-tab > .nav > .item.active > a { background: #F7F7F7; }
.nav-menutab .nav-tab .item .cmd-toggle { display: none; }
.nav-tab .cmd-toggle { display: none; position: absolute; z-index: 2; right: 0; top: 0; width: 15%; height: 100%; color: #a7b1c2; cursor: pointer;
                       box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;                       
                       -webkit-transition: color .1s ease-out, background-color .1s ease-out; transition: color .1s ease-out, background-color .1s ease-out; }
/*.nav-tab .item > a:hover .cmd-toggle { display: block; }*/
.nav-tab .cmd-toggle:hover { background-color: #D7E6EF; }
.nav-tab .cmd-toggle:before { position: absolute; left: 50%; top: 50%; margin-left: -2px; margin-top: -6px; font-size: 12px; line-height: 12px; color: #CCC;
                              font-family: FontAwesome; font-style: normal; font-weight: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
                              content: "\f105"; }
.nav-tab .cmd-toggle:hover:before { color:#1283FF; }
.nav-tab .cmd-toggle.open:before { content: "\f107" }
.nav-tab .item.has-icon > a:before { position: absolute; z-index: 1; left: 10px; top: 14px; width: 25px; height: 25px; background:no-repeat; background-position:0 0;
                                     font-family: FontAwesome; font-style: normal; font-weight: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
@media only screen and (max-height: 600px) {
    .nav-tab > .nav.count-5 > .item.has-icon > a:before { top: 6px; }
} 
.nav-tab .item.has-icon > a:hover:before {background-position:-25px 0;}
.nav-tab .item.has-icon.active > a:hover:before {background-position:0 0;}
/*.nav-tab .item.has-icon.page-mail > a:before { content: " "; background-image:url(../media/images/message.png);  }*/
/*.nav-tab .item.has-icon.page-helpdesk > a:before { content: " "; background-image:url(../media/support2.png); }*/
.nav-tab .item.has-icon.page-helpdesk > a:before { content: " "; background-image:url(../media/support3.png); }
.nav-tab .item.has-icon.page-system > a:before { content: " "; background-image:url(../media/cog2.png);  }
.nav-tab .item.has-icon.page-addressbook > a:before { content: " "; background-image:url(../media/address_book2.png); }
.nav-tab .item.has-icon.page-tracker > a:before { content: " ";  background-image:url(../media/tracker2.png); }
.nav-tab .item.has-icon.page-device > a:before { content: " ";  background-image:url(../media/devices2.png); }
.nav-tab .item.has-icon.page-docs > a:before { content: " ";  background-image:url(../media/docs2.png); }
.nav-tab .item.has-icon.page-catalog > a:before { content: " ";  background-image:url(../media/books2.png); }
.nav-tab .item.has-icon.page-products > a:before { content: " ";  background-image:url(../media/books2.png); }
.nav-tab .item.has-icon.page-dataexchange > a:before { content: " ";  background-image:url(../media/sync2.png); }
.nav-tab .item.has-icon.page-cube > a:before { content: " ";  background-image:url(../media/cube1.png); }
.nav-tab .item.has-icon.page-cube2 > a:before { content: " ";  background-image:url(../media/cube2.png); }
.nav-tab .item.has-icon.page-system > a:before { content: " ";  background-image:url(../media/system.png); }
.nav-tab .item.has-icon.page-telecom > a:before { content: " ";  background-image:url(../media/phone2.png); }
.nav-tab .item.has-icon.page-network > a:before { content: " ";  background-image:url(../media/network2.png); }
.nav-tab .item.has-icon.page-infrastructure > a:before { content: " ";  background-image:url(../media/infrastructure2.png); }
.nav-tab .item.has-icon.page-reports > a:before { content: " ";  background-image: url(../media/reports.png); }
.nav-tab .item.has-icon.page-project > a:before { content: " ";  background-image: url(../media/project.png); }
.nav-tab .item.has-icon.page-projects > a:before { content: " ";  background-image: url(../media/management.png); }
.nav-tab .item.has-icon.page-budget > a:before { content: " ";  background-image:url(../media/budget.png); }
.nav-tab .item.has-icon.page-help > a:before { content: " ";  background-image:url(../media/manual.png); }
.nav-tab .item.has-icon.page-reporting > a:before { content: " ";  background-image:url(../media/page-reporting-25.png); }

.nav-tab .nav .nav > .item > a {padding: 8px 20px 8px 20px; font-size:13px; background:#f7f7f7; }
.nav-tab .nav .nav .nav > .item > a, .nav-tab .nav .nav > .item.entity > a {padding: 2px 20px 2px 40px; font-size:12px;  background-color:#fff}
.nav-tab .nav .nav .nav > .item > a:hover, .nav-tab .nav .nav > .item.entity > a:hover {color:#1283ff;}
.nav-tab .nav .nav .nav > .item.active > a, .nav-tab .nav .nav > .item.entity.active > a { color: #f00; font-weight: 700; }
.nav-tab .nav .nav > .item > .cmd-toggle { padding: 8px 20px  }
.nav-tab .entities a { display: block; position: relative; z-index: 1; padding: 2px 0; color: #3B3B3B;
                     -webkit-transition: color .1s ease-out, background-color .1s ease-out; transition: color .1s ease-out, background-color .1s ease-out; }
.nav-tab .entities a:hover { color: #1283ff; }
.nav-tab .entities a.active { color: #f00; font-weight: 700; }
.nav-tab .nav .nav > .item > .entities { padding: 2px 5px 2px 60px; font-size: 12px; }

.nav-menutab { position: absolute; left: 40px; top: 50px; width: 300px; bottom: 0; z-index: 6; background: #fff; overflow: hidden;
               border-style: solid solid none none; border-width: 1px; border-color: #D9D9D9;
               box-shadow: 2px 3px 2px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 2px 3px 2px rgba(0, 0, 0, 0.4); -moz-box-shadow: 2px 3px 2px rgba(0, 0, 0, 0.4);
               -webkit-transition: width 0.3s ease-out; -moz-transition: width 0.3s ease-out; -ms-transition: width 0.3s ease-out; -o-transition: width 0.3s ease-out; transition: width 0.3s ease-out; }

/* default button */
.button, .button:link { position: relative; display: inline-block; vertical-align: middle; padding: 6px 8px; border: none;
          font-family: tahoma, arial, sans-serif; font-weight: 700; text-decoration: none; font-size: 14px; line-height: 1;
          background: #DCEBF4; color: #1283FF; text-transform: none;
          transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s;  }
.button.link { border: none; background: none; font-weight: 400; }
.button .text { position: relative; z-index: 2; vertical-align: middle; }
.button:hover { text-decoration: none; background-color:#CDE6F7; color: #1283FF; }
.button.hidden { display: none; }
.button.disabled { opacity: 0.3; filter: alpha(opacity=20); }
.button:hover .cmd-ide  { visibility: visible; }
.button:hover .cmd-ide:hover { opacity: 1; color: #ff0000; }
.button .icon,
.button .image { width: 16px; height: 16px; display: inline-block; vertical-align: middle; background-repeat: no-repeat; font-size: 12px; line-height: 16px; position: relative;
                 font-family: FontAwesome; font-style: normal; font-weight: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin: 0 5px 0 5px; }
.skin1 .workspace-tools-pane .button .icon,
.skin1 .workspace-tools-pane .button .image { background-position: 0 0; }
.skin1 .workspace-tools-pane .button:hover .icon,
.skin1 .workspace-tools-pane .button:hover .image { background-position: -24px 0; }
.skin1 .button.disabled .image { background-position: 0 0; }
.skin1 .button.link.disabled:hover { background: none; }
.skin1 .workspace-tools-pane .button:hover { background-color:transparent; }

.button .icon-edit:before { content: "\f040"; }
.button .icon-back:before { content: "\f177"; }
.button .icon-save:before { content: "\f0c7"; }
.button .icon-stop:before { content: "\f04d"; }
.button .icon-start:before { content: "\f04b"; }
.button .icon-submit:before { content: "\f064"; }
.button .icon-approve:before { content: "\f046"; }
.button .icon-reject:before { content: "\f05e"; }
.button .icon-delete:before { content: "\f014"; }
.button .icon-copy:before { content: "\f0c5"; }
.button .icon-clock:before { content: "\f017"; }
.button .icon-share:before { content: "\f1e0"; }
.button .icon-bell:before { content: "\f0a2"; }
.button .icon-remove:before { content: "\f00d"; }
.button .icon-user:before { content: "\f007"; }
.button .icon-lock:before { content: "\f023"; }
.button .icon-exit:before { content: "\f08b"; }
.button .icon-plus:before { content: "\f067"; }
.button .icon-actions:before { content: "\f112"; }
.button .icon-excel:before { content: "\f1c3"; }
.button .icon-doc:before { content: "\f0f6"; }
.button .icon-run:before { content: "\f064"; }
.button .icon-views:before { content: "\f0c5"; }

.button .icon-printer {background-image:url(../media/printer2.png);}
.button .image-printer {background-image:url(../media/printer2.png);}
.button .image-printer {background-image:url(../media/printer2.png);}
.button .icon-plus:before { content: ""; }
.button .icon-plus {background-image:url(../media/add2.png);}
/*.button .image-plus:before { content: ""; }*/
/*.button .image-plus {background-image:url(../media/add2.png);}*/
.button .icon-key {background-image:url(../media/key2.png);}
.button .icon-back:before { content: ""; }
.button .icon-back {background-image:url(../media/back2.png); }
.button .icon-next {background-image:url(../media/next2.png); }
.button .icon-historyback {background-image:url(../media/back2.png); }
.button .icon-historyforward {background-image:url(../media/next2.png); }
.button .icon-save:before { content: ""; }
.button .icon-save {background-image:url(../media/save2.png);}
.button .icon-pencil {background-image:url(../media/pencil2.png);}
.button .icon-man {background-image:url(../media/man2.png);}
.button .icon-phone {background-image:url(../media/phone2.png);}
.button .icon-comment {background-image:url(../media/comment2.png);}
.button .icon-make_decision2 {background-image:url(../media/make_decision2.png);}
.button .icon-approve2 {background-image:url(../media/approve2.png);}
.button .icon-disapprove2 {background-image:url(../media/disapprove2.png);}
.button .icon-actions:before { content: ""; }
.button .icon-actions {background-image:url(../media/approve2.png);}
.button .icon-import {background-image:url(../media/import.png);}
.button .icon-info {background-image:url(../media/info.png);}
/*.button .image-sync {background-image:url(../media/sync.png);}*/
.button .image-export {background-image:url(../media/export2.png);}
.button .image-import {background-image:url(../media/import2.png);}
.button .image-play {background-image:url(../media/play.png);}
.button .image-play:before { content: ""; }
.button .image-pause {background-image:url(../media/pause.png);}
.button .image-pause:before { content: ""; }
/*.button .image-stop {background-image:url(../media/stop.png);}*/
/*.button .image-stop:before { content: ""; }*/
.button .image-add-comment:before { content: ""; }
.button .image-add-comment { background-image:url(../media/add-comment-16.png); }
.button .image-add-message:before { content: ""; }
.button .image-add-message { background-image:url(../media/add-message-16.png); }
.button .image-reply:before { content: ""; }
.button .image-reply { background-image:url(../media/reply-16.png); }
.button .image-forward:before { content: ""; }
.button .image-forward { background-image:url(../media/forward-16.png); }
/*.button .image-remove-message:before { content: ""; }*/
/*.button .image-remove-message { background-image:url(../media/remove-message-16.png); }*/
.button .image-send-message:before { content: ""; }
.button .image-send-message { background-image:url(../media/send-message-16.png); }
.button .image-remove:before { content: ""; }
.button .image-remove { background-image:url(../media/remove-16.png); }
.workspace-tools-pane .image-help:before { content: ""; }
.workspace-tools-pane .image-help {background-image:url(../media/help.png);}
.workspace-tools-pane .image-save {background-image:url(../media/save2.png);}
.workspace-tools-pane .image-add {background-image:url(../media/add2.png);}
.workspace-tools-pane .image-force {background-image:url(../media/force.png);}


/* default form */
.form .group { position: relative; overflow: hidden; }
.form .group > .head { position: relative; font-size: 12px; line-height: 14px; margin: 5px 0 10px; overflow: hidden; }
.form .group.has-head { margin-bottom: 15px; }
.form .group > .head .text { float: left; margin-right: 15px; color: #858596;}
.form .group > .head .extra { overflow: hidden; height: 8px; border-bottom: 1px solid #e5e5e5; }
.form .group.text > .head .text { font-size: 14px;}
.form .group.text > .head .extra {display:none; }
.form .group > .head:hover .cmd-ide  { visibility: visible; }
.form .group > .head:hover .cmd-ide:hover { opacity: 1; }

.form .field { overflow: hidden; margin: 0 0 4px; min-height: 27px; }

.form .field-label { position: relative; float: left; padding-right: 10px; color: #555; padding-top: 5px; overflow: hidden; white-space: nowrap;
                     box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; min-height: 26px; }
.form .field.changed .field-label { color: #22B14C; }
.form .field-label a { color: #555; }
.form .field.changed .field-label a { color: #22B14C; }
.form .field-label a:hover { color: #1283ff; }
.form .field.changed .field-label a:hover { color: #1283ff; }
.form .field.mark-invalid .field-label a { color: #a9252a; }
.form .field.mark-invalid .field-label a:hover { color: #1283ff; }
.form .field-label .label-popup { visibility: hidden; position: absolute; right: 5px; top: 5px; width: 20px; height: 20px; font-size: 18px; line-height: 18px; color: #777;
                                  font-family: FontAwesome; font-style: normal; font-weight: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.form .field-label .label-popup:hover { color: #1283ff; }
.form .field-label .label-popup:before { content: "\f08e"; }
.form .field-label:hover .label-popup { visibility: visible; }

.form .field-label .mark-required { position: absolute; right: 1px; top: 0; height: 26px; width: 2px; background: #f00; overflow: hidden; text-indent: -999em; }
.form .field.required-marker { height: 26px; width: 2px; overflow: hidden; background: #f00; margin-right: 1px; }
.form .grid.required-grid { padding-left: 3px; }
.form .grid.required-grid::before { position: absolute; left: 0; top: 0; height: 26px; width: 2px; overflow: hidden; background: #f00; content: " "; }

.form .field-label:hover .cmd-ide  { visibility: visible; }
.form .field-label:hover .cmd-ide:hover { opacity: 1; }

.form .field-value { display: block; position: relative; width: auto; overflow: hidden; color: #000f66; }
.form .field-value.static-value { padding-top: 5px; }
.form .field-value input.edit,
.form .field-value textarea.edit { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
                                   width: 100%; vertical-align: top; font-size: 12px; line-height: 14px;  padding: 5px; margin: 0; color: inherit; text-decoration: inherit; font-weight: inherit; font-style: inherit;
                                   border: 1px solid #CCCCCC; background: #FFFFFF; resize: none; font-family: 'PT Sans Caption', 'Verdana', 'Segoe UI', 'Arial', 'Tahoma', 'Helvetica', 'sans-serif'; }
.form .field-value input.edit.active,
.form .field-value textarea.edit.active { border-color: #4D90FE; }
.form .field.number .field-value { text-align: right; }
.form .field-value input.edit.num { text-align: right; }
.form .value-align-left .field-value input.edit.num { text-align: left; }
.form .field-value textarea.edit { height: 100px; }
.form .field-value input.edit.active,
.form .field-value input.edit:hover,
.form .field-value select.edit:hover,
.form .field-value textarea.edit.active,
.form .field-value textarea.edit:hover { z-index: 1; }
label.check { display: inline-block; vertical-align: middle; width: 12px; height: 12px; border: 1px solid #eee; background: #FFFFFF; color: #445555;
              font-size: 12px; line-height: 12px;text-align: center;
              -moz-border-radius: 1px; -webkit-border-radius: 1px; border-radius: 1px; }
.form .field-value label.check { margin-top: 7px; }
.form .field-value label.check .remarks { padding-left: 10px; }
label.edit.check { border-color: #CCCCCC; cursor: pointer; color: #000000; }
label.check.checked { display: inline-block; 
                      font-family: FontAwesome; font-style: normal; font-weight: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
label.check.checked:before { content: "\f00c"; }
label.edit.check input { display: none; }

/* text */
.form .field.text.edit .value-box { display: block; position: relative; }

/* placeholders */
::-webkit-input-placeholder { /* WebKit browsers */
    color:    #777;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #777;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #777;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
   color:    #777;
}
/*
.form .field-value input.edit:-ms-input-placeholder,
.form .field-value textarea.edit:-ms-input-placeholder { color: #777; }
.form .field-value input.edit:-moz-placeholder,
.form .field-value textarea.edit:-moz-placeholder { color: #777; }
*/

/* marks */
.form .field-value input.edit.mark-updated,
.form .field-value select.edit.mark-updated,
.form .field-value textarea.edit.mark-updated,
.form .field-value label.edit.mark-updated { background: #7FFF8E; }

.form .field.mark-invalid .field-label { color: #a9252a; }
.form .field.mark-invalid input.edit,
.form .field.mark-invalid select.edit,
.form .field.mark-invalid textarea.edit,
.form .field.mark-invalid label.edit { border-color: #a9252a; }

/* upload */
.field .field.upload { position: relative; display: block; margin-left: 7px; }
.field .field-value .upload { display: inline-block; padding-top: 5px; }
.field .field-value .upload .icon { z-index: 2; cursor: pointer; display: inline-block; width: 16px; height: 16px; font-size: 16px; line-height: 1; vertical-align: middle; color: #1283ff; text-decoration: none; margin-right: 5px;
                                   font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.field .field-value .upload .icon:before { content: "\f093" ; }
.field .field-value .delete .icon { margin-left: 15px; z-index: 2; cursor: pointer; display: inline-block; width: 16px; height: 16px; font-size: 16px; vertical-align: middle; color: #1283ff; text-decoration: none; margin-right: 5px;
                                   font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.field .field-value .delete .icon:before { content: "\f00d"; }
.field .field-value .look .icon { margin-left: 15px; z-index: 2; cursor: pointer; display: inline-block; width: 24px; 16px: 16px; font-size: 16px; vertical-align: middle; color: #1283ff; text-decoration: none; margin-right: 5px;
                                   font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.field .field-value .look .icon:before { content: "\f002"; }

/* files (common) */
.field .field-value input.file { position: absolute; left: 0; top: 0; z-index: 1; width: 1px; height: 1px; overflow: hidden; border: none; background: none; outline: none; opacity: 0; }

.uploading { margin-left: 7px; }
.uploading .title { margin-bottom: 7px; color: #707070; }
.uploading .progress { max-width: 200px; height: 5px; border: 1px solid #007AFF; position: relative; background: transparent url(../media/loading2.gif) -3px -3px no-repeat; }
.uploading .progress .value { position: absolute; left: 0; top: 0; height: 5px; background: #007AFF; width: 1%; }

/* images */
.field.images .files,
    .field.image .files { padding-top: 5px; }
.field.images .files .item.drop-placeholder,
    .field.image .files .item.drop-placeholder { background: #dcebf4; }
.field.images .files .item,
    .field.image .files .item { position: relative; display: inline-block; min-height: 72px; vertical-align: top; margin: 0 10px 10px 0; }
.field.images .files .item:hover,
    .field.image .files .item:hover { background: #dcebf4; }
.field.images .files .item .media,
    .field.image .files .item .media { cursor: zoom-in; }
.field.images .files .item .actions,
    .field.image .files .item .actions { position: absolute; left: 0; top: 0; width: 24px; height: 100%; visibility: hidden;
                                             padding: 0; margin: 0; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOwgAADsIBFShKgAAAABl0RVh0U29mdHdhcmUAUGFpbnQuTkVUIHYzLjUuOUA8sMsAAAANSURBVBhXY2BgYFgFAACvAKujngvGAAAAAElFTkSuQmCC"); }
.field.images .files .item:hover .actions,
    .field.image .files .item:hover .actions { visibility: visible; }
.field.images .files .item .cmd,
    .field.image .files .item .cmd { display: block; width: 24px; height: 24px; font-size: 16px; text-decoration: none; color: #fff;
                                  line-height: 24px; text-align: center; text-decoration: none; cursor: pointer;
                                  font-family: FontAwesome; font-style: normal; font-weight: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.field.images .files .item .cmd:hover,
    .field.image .files .item .cmd:hover { text-decoration: none; color: #dcebf4; }
.field.images .files .item .cmd-move,
    .field.image .files .item .cmd-move { cursor: move; }
.field.images .files .item .cmd-move:before,
    .field.image .files .item .cmd-move:before { content: "\f047"; }
.field.images .files .item .cmd-download:before,
    .field.image .files .item .cmd-download:before { content: "\f019"; }
.field.images .files .item .cmd-delete:before,
    .field.image .files .item .cmd-delete:before { content: "\f00d"; }

/* video */
.field.video .files { padding-top: 5px; }
.field.video .files .item.drop-placeholder { background: #dcebf4; }
.field.video .files .item { position: relative; display: inline-block; min-height: 72px; vertical-align: top; margin: 0 10px 10px 0; }
.field.video .files .item:hover { background: #dcebf4; }
.field.video .files .item .media { position: relative; cursor: pointer; }
.field.video .files .item .media video { width: 100%; }
.field.video .files .item .actions { position: absolute; left: 0; top: 0; width: 24px; height: 100%; visibility: hidden;
                                            padding: 0; margin: 0; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOwgAADsIBFShKgAAAABl0RVh0U29mdHdhcmUAUGFpbnQuTkVUIHYzLjUuOUA8sMsAAAANSURBVBhXY2BgYFgFAACvAKujngvGAAAAAElFTkSuQmCC"); }
.field.video .files .item:hover .actions { visibility: visible; }
.field.video .files .item .cmd { display: block; width: 24px; height: 24px; font-size: 16px; text-decoration: none; color: #fff;
                                line-height: 24px; text-align: center; text-decoration: none; cursor: pointer;
                                font-family: FontAwesome; font-style: normal; font-weight: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.field.video .files .item .cmd:hover { text-decoration: none; color: #dcebf4; }
.field.video .files .item .cmd-move { cursor: move; }
.field.video .files .item .cmd-move:before { content: "\f047"; }
.field.video .files .item .cmd-download:before { content: "\f019"; }
.field.video .files .item .cmd-delete:before { content: "\f00d"; }

/* files */
.field.files .files .item { overflow: hidden; margin: 5px 5px 5px 0; }
.field.files .files .item .name { float: left; max-width: 500px; overflow: hidden; text-overflow: ellipsis; }
.field.files .files .item .name .icon { display: inline-block; margin-right: 5px; color: inherit; font-family: FontAwesome; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.field.files .files .item .name .icon:before { content: "\f019"; }
.field.files.edit .files .item .name .icon { display: none; }
.field.files .files .item .actions { float: left; }
.field.files .files .item .actions .cmd { color: #aaa; }
.field.files .files .item .actions .cmd:hover { color: #000; }
.field.files .files .item .actions .cmd span { margin-left: 15px; z-index: 2; cursor: pointer; display: inline-block; vertical-align: top; width: 16px; height: 16px; font-size: 11px; vertical-align: middle; text-decoration: none; margin-right: 5px;
                                   font-family: FontAwesome; font-style: normal; font-weight: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.field.files .files .item .actions .cmd span:before { content: "\f00d"; }

.field.files-layout-line .files { display: inline; }
.field.files-layout-line .files .item { display: inline; }
.field.files-layout-line .files .item .name { float: none; display: inline; }
.field.files-layout-line .files .item .actions { display: inline; }

/* lookup */
.form .field.lookup .value-box { display: block; }
.form .field.lookup input { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
                             width: 100%; vertical-align: top; font-size: 12px; line-height: 14px;  padding: 5px; margin: 0; color: inherit; text-decoration: inherit; font-weight: inherit; font-style: inherit;
                             border: 1px solid #CCCCCC; background: #FFFFFF; resize: none; font-family: 'PT Sans Caption', 'Verdana', 'Segoe UI', 'Arial', 'Tahoma', 'Helvetica', 'sans-serif'; }
.form .field.lookup input:hover { cursor: pointer; }
.form .field.edit .cmd-lookup { position: absolute; right: 0; top: 0; width: 26px; height: 26px; text-decoration: none; }
.form .field.edit .cmd-lookup:hover { text-decoration: none; }
.form .field.edit .cmd-lookup .icon { display: block; width: 31px; height: 26px; text-align: center; vertical-align: middle; color: #ddd; text-decoration: none;
                                font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 25px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.form .field.edit .cmd-lookup .icon:before { content: "\f0dd"; }
.form .field.edit .cmd-lookup:hover .icon { color: #000; }

/* multichoicelookup */
.form .field.multichoicelookup .value-box { display: inline-block; }
.form .field.multichoicelookup.edit .value-box { display: inline-block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
                                   width: 100%; vertical-align: top; font-size: 12px; line-height: 14px; padding: 0; margin: 0; min-height: 26px;
                                   border: 1px solid #CCCCCC; background: #FFFFFF; resize: none;
                                   font-family: 'PT Sans Caption', 'Verdana', 'Segoe UI', 'Arial', 'Tahoma', 'Helvetica', 'sans-serif';
                                   transition: border-color ease 150ms; -moz-transition: border-color ease 150ms; -webkit-transition: border-color ease 150ms; -o-transition: border-color ease 150ms; -ms-transition: border-color ease 150ms; }
.form .field.multichoicelookup.edit .value-box .lookup { border: none; padding: 3px 0 0; margin: 5px; }
.form .field.multichoicelookup.edit .value-item { display: inline-block; white-space: nowrap; padding: 2px 5px; margin: 5px; background: #EDF5FF; 
                                                             -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.form .field.multichoicelookup.edit .value-item .text { display: inline-block; vertical-align: middle; max-width: 350px; overflow: hidden; padding: 0; white-space: nowrap; text-overflow: ellipsis; }
.form .field.multichoicelookup.edit .value-item .cmd-delete { display: inline-block; vertical-align: middle; width: 11px; height: 16px; margin-left: 3px; color: #aaa;  cursor: pointer; }
.form .field.multichoicelookup.edit .value-item .cmd-delete:hover { color: #000; }
.form .field.multichoicelookup.edit .value-item .cmd-delete .icon { display: inline-block; width: 11px; height: 16px; line-height: 16px; font-size: 11px; vertical-align: top; text-align: center; text-decoration: none;
                         font-family: FontAwesome; font-style: normal; font-weight: normal;  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.form .field.multichoicelookup.edit .value-item .cmd-delete .icon:before { content: "\f00d"; }

/* viewlookup */
.form .field.viewlookup .value-box { display: inline-block; }
.form .field.viewlookup.edit .value-box { display: inline-block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
                                   width: 100%; vertical-align: top; font-size: 12px; line-height: 14px; padding: 0; margin: 0; min-height: 26px; }
.form .field.viewlookup.edit .value-box .lookup { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
                                   width: 100px; vertical-align: top; font-size: 12px; line-height: 14px; padding: 7px 5px 5px; margin: 0; color: inherit; text-decoration: inherit; font-weight: inherit; font-style: inherit;
                                   border: none; background: #FFFFFF; resize: none; font-family: 'PT Sans Caption', 'Verdana', 'Segoe UI', 'Arial', 'Tahoma', 'Helvetica', 'sans-serif'; }
.form .field.viewlookup.edit .value-item { display: inline-block; white-space: nowrap; padding: 2px 5px; margin: 5px; background: #EDF5FF; 
                                                             -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.form .field.viewlookup.edit .value-item .text { display: inline-block; vertical-align: middle; max-width: 150px; overflow: hidden; padding: 0; white-space: nowrap; text-overflow: ellipsis; }
.form .field.viewlookup.edit .value-item .cmd-delete { display: inline-block; vertical-align: middle; width: 11px; height: 16px; margin-left: 3px; color: #aaa;  cursor: pointer; }
.form .field.viewlookup.edit .value-item .cmd-delete:hover { color: #000; }
.form .field.viewlookup.edit .value-item .cmd-delete .icon { display: inline-block; width: 11px; height: 16px; line-height: 16px; font-size: 11px; vertical-align: top; text-align: center; text-decoration: none;
                         font-family: FontAwesome; font-style: normal; font-weight: normal;  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.form .field.viewlookup.edit .value-item .cmd-delete .icon:before { content: "\f00d"; }

/* singlechoice */
.form .field.singlechoice .value-box { display: inline-block; padding-top: 5px; }
.form .field.singlechoice.edit .value-box { display: inline-block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
                                   width: 100%; vertical-align: top; font-size: 12px; line-height: 14px; padding: 5px 26px 5px 5px; margin: 0; height: 26px;
                                   border: 1px solid #CCCCCC; background: #FFFFFF; resize: none; cursor: pointer;
                                   font-family: 'PT Sans Caption', 'Verdana', 'Segoe UI', 'Arial', 'Tahoma', 'Helvetica', 'sans-serif'; white-space: nowrap;
                                   transition: border-color ease 150ms; -moz-transition: border-color ease 150ms; -webkit-transition: border-color ease 150ms; -o-transition: border-color ease 150ms; -ms-transition: border-color ease 150ms; }
.form .field.singlechoice.edit .value-box.active { border-color: #4D90FE; }
.form .field.singlechoice .has-icon .value-box,
.form .field.singlechoice.edit .has-icon .value-box { padding-left: 30px; }
.form .field.singlechoice .value-box .image { display: inline-block; vertical-align: middle; margin-right: 5px; width: 16px; height: 16px; text-align: center;
                                              font-family: FontAwesome; font-style: normal; font-weight: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.form .field.singlechoice.edit .value-box .image { cursor: pointer; }
.form .field.singlechoice .value-box .text { padding-top: 0; }

/* singlechoicelist */
.form .field.singlechoicelist .field-value .option { display: block; padding: 3px; border: 1px solid transparent;
                                                     -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }
.form .field.singlechoicelist .field-value .option label.check { float: left; margin-top: 3px; margin-right: 5px; border: none; font-size: 14px; line-height: 14px;
                                                                 font-family: FontAwesome; font-style: normal; font-weight: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.form .field.singlechoicelist .field-value .option label.check:before { content: "\f1db"; }
.form .field.singlechoicelist .field-value .option.checked { border: 1px solid #4d90fe; }                      
.form .field.singlechoicelist .field-value .option.checked label.check:before { content: "\f058"; visibility: visible; }
.form .field.singlechoicelist .field-value .option .option-label { display: block; overflow: hidden; }
.form .field.singlechoicelist .field-value .option .option-label .image { display: inline-block; vertical-align: middle; margin-right: 5px; width: 16px; height: 16px; text-align: center;
                                              font-family: FontAwesome; font-style: normal; font-weight: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.form .field.singlechoicelist .field-value .option .option-label .text { padding: 2px; cursor: pointer; }
.form .field.singlechoicelist .field-value .option .option-label .desc { display: block; padding-left: 2px; overflow: hidden; color: #888; font-size: 11px; line-height: 1;
                                                                         margin-bottom: 3px; cursor: pointer; }

/* multichoice */
.form .field.multichoice .field-value .options-column { display: inline-block; vertical-align: top; width: 200px; }
.form .field.multichoice .field-value .option { display: block; overflow: hidden; }
.form .field.multichoice.options-line .field-value .option { display: inline-block; margin-left: 15px; }
.form .field.multichoice.options-line .field-value .option:first-child { margin-left: 0; }
.form .field.multichoice .field-value .option label.check { float: left; margin: 4px 5px 0 0; 
                                                            font-family: FontAwesome; font-style: normal; font-weight: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.form .field.multichoice .field-value .option label.check:before { content: "-"; visibility: hidden; }                             
.form .field.multichoice .field-value .option.checked label.check:before { content: "\f00c"; visibility: visible; }
.form .field.multichoice.warnings .field-value .option label.check { border-style: none; }
.form .field.multichoice.warnings.edit .field-value .option label.check { border-style: solid; }
.form .field.multichoice.warnings .field-value .option.checked label.check:before {  content: "\f12a"; color: #f00; }
.form .field.multichoice .field-value .option .option-label { display: block; overflow: hidden; }
.form .field.multichoice .field-value .option .option-label .text { padding: 2px; }
.form .field.multichoice.edit .field-value .option .option-label .text { cursor: pointer; }

/* options */
.form .field.options .field-value .options-column { display: inline-block; vertical-align: top; width: 200px; }
.form .field.options .field-value .option { display: block; overflow: hidden; }
.form .field.options .field-value .option label.check { float: left; margin: 4px 5px 0 0; 
                                                            font-family: FontAwesome; font-style: normal; font-weight: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.form .field.options .field-value .option label.check:before { content: "-"; visibility: hidden; }                             
.form .field.options .field-value .option.checked label.check:before { content: "\f00c"; visibility: visible; }
.form .field.options .field-value .option .option-label { display: block; overflow: hidden; }
.form .field.options .field-value .option .option-label .text { padding: 2px; }
.form .field.options.edit .field-value .option .option-label .text { cursor: pointer; }

/* switch */
.form .field.switch .value-box { display: inline-block; padding-top: 5px; }
.form .field.edit.switch .value-box { display: inline-block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
                                   width: 100%; vertical-align: top; font-size: 12px; line-height: 15px; padding: 5px; margin: 0; height: 26px;
                                   border: 1px solid #CCCCCC; background: #FFFFFF; resize: none; cursor: pointer;
                                   font-family: 'PT Sans Caption', 'Verdana', 'Segoe UI', 'Arial', 'Tahoma', 'Helvetica', 'sans-serif'; color: #000f66;
                                   transition: border-color ease 150ms; -moz-transition: border-color ease 150ms; -webkit-transition: border-color ease 150ms; -o-transition: border-color ease 150ms; -ms-transition: border-color ease 150ms; }
.form .field.switch .value-box .image { display: inline-block; vertical-align: middle; margin-right: 5px; width: 16px; height: 16px; }
.form .field.edit.switch .value-box .image { cursor: pointer; }
.form .field.switch .value-box .text { padding-top: 0; vertical-align: middle; }

/* multichoicecompact */
.form .field.multichoicecompact .value-box { display: inline-block; }
.form .field.multichoicecompact.edit .value-box { display: inline-block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
                                   width: 100%; vertical-align: top; font-size: 12px; line-height: 14px; padding: 5px; margin: 0; min-height: 26px;
                                   border: 1px solid #CCCCCC; background: #FFFFFF; position: relative; cursor: pointer;
                                   transition: border-color ease 150ms; -moz-transition: border-color ease 150ms; -webkit-transition: border-color ease 150ms; -o-transition: border-color ease 150ms; -ms-transition: border-color ease 150ms; }
.form .field.multichoicecompact.edit .cmd-open .icon:before { content: "\f0dd"; }
.form .field.multichoicecompact.edit .cmd-open:hover .icon { color: #000; }

/* datetime */
.ui-datepicker { z-index: 21 !important; padding: 0; width: 250px; border-width: 1px; border-style: solid; border-color: #d0d0d0; background: #FFFFFF;
                 -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
                  box-shadow: 2px 3px 2px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 2px 3px 2px rgba(0, 0, 0, 0.4); -moz-box-shadow: 2px 3px 2px rgba(0, 0, 0, 0.4); }
.ui-datepicker-div { padding: 0; }
.ui-datepicker .ui-datepicker-header { padding: 5px; background: #fff; border: none; }
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next { text-align: center; width: 24px; height: 24px; line-height: 24px; top: 4px; background: none; font-weight: 400; text-decoration: none; font-size: 18px;
                                     border: none; cursor: pointer; color: #999; transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s;
                                     box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
                                     font-family: FontAwesome; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.ui-datepicker .ui-datepicker-prev { left: 4px; }
.ui-datepicker .ui-datepicker-next { right: 4px; }
.ui-datepicker .ui-datepicker-prev:hover { text-decoration: none; border: none; color: #1283ff; }
.ui-datepicker .ui-datepicker-next:hover { text-decoration: none; border: none; color: #1283ff; }
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span { display: block; margin: 0; padding: 0; left: 0; top: 0; width: 24px; height: 24px; background-color: transparent; background-repeat: no-repeat; }
.ui-datepicker .ui-datepicker-prev span { background-image: url(../media/back2.png); background-position: 0 0; }
.ui-datepicker .ui-datepicker-next span { background-image: url(../media/next2.png); background-position: 0 0; }
.ui-datepicker .ui-datepicker-prev:hover span { background-position: -24px 0; }
.ui-datepicker .ui-datepicker-next:hover span { background-position: -24px 0; }
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
                                   font-size: 12px; line-height: 14px; height: 26px; padding: 5px 15px 5px 5px; margin: 0; color: #404051;
                                   border: 1px solid #CCCCCC; background: #FFFFFF; resize: none; color: #000f66; }
.ui-datepicker select.ui-datepicker-month { margin-right: 2px; }
.ui-datepicker table.ui-datepicker-calendar { margin: 0; }
.ui-datepicker-calendar th { background: #e9e9e9; border-style: solid none none solid; border-width: 1px; border-color: #ccc; font-size: 12px; line-height: 14px; font-weight: 400;
                             padding: 5px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.ui-datepicker-calendar th:first-child { border-left: none; }
.ui-datepicker-calendar td { padding: 0; border-style: solid none none solid; border-width: 1px; border-color: #ccc; font-size: 12px; line-height: 14px; font-weight: 400; }
.ui-datepicker-calendar td:first-child { border-left: none; }
.ui-datepicker-calendar .ui-state-default { border: none; background: #f7f7f7; color: #000f66; padding: 5px;
                             box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.ui-datepicker-calendar .ui-state-hover { background: #ADD7F4; color: #000f66; }
.ui-datepicker-calendar .ui-state-highlight { background: #ADD7F4; color: #000f66; }
.ui-datepicker-calendar .ui-state-active { background: #85C6F2; color: #000f66; }
.ui-datepicker .ui-datepicker-buttonpane { border-color: #ddd; }

.form .field .value-box.datetime { display: inline-block; vertical-align: top; }
.form .field.edit .value-box.datetime .date-part { position: relative; display: inline-block; vertical-align: top; width: 105px; }
.form .field.edit .value-box.datetime .time-part { position: relative; display: inline-block; vertical-align: top; margin-left: 5px; width: 70px; }
.form .field.edit .value-box.datetime .time-part:first-child { margin-left: 0; }
.form .field.edit .value-box.datetime .date-part input { text-align: right; }
.form .field.edit .value-box.datetime .time-part input { text-align: right; background-image: url(../media/timepicker.png); background-position: 5px 4px; background-repeat: no-repeat; }
.form .field.edit .value-box.datetime .offset-part { display: none; position: relative; vertical-align: top; margin-left: 5px; width: 50px; }
.form .field.edit.datetimeoffset .value-box .offset-part { display: inline-block; }
.form .field.edit .value-box.datetime .ui-datepicker-trigger { position: absolute; z-index: 2; left: 5px; top: 5px; }
.form .field.edit .value-box.datetime .value-1 { margin-right: 5px; }

.form .field.datetime input,
.form .field.date input,
.form .field.time input,
.form .field.number input { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
                                   width: 100%; vertical-align: top; font-size: 12px; line-height: 14px;  padding: 5px; margin: 0; color: inherit; text-decoration: inherit; font-weight: inherit; font-style: inherit;
                                   border: 1px solid #CCCCCC; background: #FFFFFF; resize: none; font-family: 'PT Sans Caption', 'Verdana', 'Segoe UI', 'Arial', 'Tahoma', 'Helvetica', 'sans-serif'; }

/* expression */
.form .field.expression .value-box { position: relative; display: inline-block; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
                                     height: 26px; overflow: hidden; vertical-align: top; font-size: 12px; line-height: 16px; padding: 5px 5px 3px; color: inherit;
                                     background: transparent; resize: none; font-family: 'Open Sans', 'Verdana', 'Segoe UI', 'Arial', 'Tahoma', 'Helvetica', 'sans-serif'; }
.form .field.expression.edit .value-box { background: #fff; border-width: 1px; border-style: solid; border-color: #CCCCCC; padding-top: 0; }
.form .field.expression.edit textarea { position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: none; padding: 2px 5px;
                                 background: transparent; font-size: 11px; line-height: 22px; resize: none; overflow: hidden;
                                 box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; color: inherit;
                                 font-family: 'PT Sans Caption', 'Verdana', 'Segoe UI', 'Arial', 'Tahoma', 'Helvetica', 'sans-serif'; cursor: pointer; }

.form .field.edit .cmd-open { position: absolute; right: 0; top: 0; width: 22px; height: 100%; text-decoration: none; }
.form .field.edit .cmd-open:hover { text-decoration: none; }
.form .field.edit .cmd-open .icon { display: block; width: 22px; height: 100%; text-align: center; vertical-align: middle; color: #ddd; text-decoration: none; margin: 0;
                                font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 22px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
                                font-size:14px; }
.form .field.edit .cmd-open .icon:before { content: "\f044"; }
.form .field.edit .value-box:hover .cmd-open .icon { background: #fff; color: #000; }

/* code */
.form .field.code .value-box { position: relative; display: inline-block; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
                                     min-height: 26px; overflow: hidden; vertical-align: top; font-size: 12px; line-height: 16px; padding: 0; color: inherit;
                                     background: transparent; resize: none; font-family: 'Open Sans', 'Verdana', 'Segoe UI', 'Arial', 'Tahoma', 'Helvetica', 'sans-serif';
                                     border-width: 1px; border-style: solid; border-color: #CCCCCC; }
.form .field.code .value-box .editor { display: block; }

/* captcha */
.form .field-value .captcha-image { margin-right: 5px; margin-top:5px;}
.form .field-value input.edit.captcha { width: 70px; }
.form .captcha .field-label{margin-top:5px;}

/* HtmlArea */
.form .field.htmlarea .value-box { display: inline-block; vertical-align: top; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
                                   width: 100%; -webkit-overflow-scrolling: touch; }
.form .field.htmlarea .value-box iframe { width: 100%; height: 100%; }
.form .field.htmlarea .htmlarea-actions { position: relative; }
.form .field.htmlarea .htmlarea-actions:before { content: ""; position: absolute; left: 0; top: -16px; width: 100%; height: 16px; overflow: hidden;
                                                 background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
                                                background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
                                                background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
                                                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); }

/* color */
.form .field.color .value-box { display: inline-block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
                                 width: 32px; vertical-align: top; padding: 0; margin: 0; min-height: 26px;
                                 border: 1px solid #CCCCCC; background: url(../media/transp.png) 0 0 repeat; }
.form .field.edit.color .value-box { cursor: pointer; }

/* colors */
.form .field.colors .value-box { display: inline-block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
                                 width: 100%; vertical-align: top; padding: 0; margin: 0; min-height: 26px;
                                 border: 1px solid #CCCCCC; overflow: hidden; }
.form .field.colors .value-box .color { float: left; min-height: 26px; }                               

/* Pdf */
.form .field.pdf .value-box { display: inline-block; vertical-align: top; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
                                   width: 100%; -webkit-overflow-scrolling: touch; }
.form .field.pdf .value-box iframe { width: 100%; height: 100%; }

/* Express edit */
.form .field.editable .value-box { white-space: pre-wrap; display: block; min-height: 16px; padding: 0; }
.form .field.editable .value-box:hover { z-index: 1; background: rgba(255, 255, 255, 0.9); cursor: pointer; }
.form .field.editable .value-box.editing { visibility: hidden; }
.form .field.editable .value-box.mark-updated { background: #87D381; }
.form .field.editable .field-value .cmd-lookup { display: none; }
.form .field.editable .value-box.placeholder { color: #ccc; font-style: italic; }

.edit-tab { position: absolute; margin-top: -1px; z-index: 19; box-sizing: border-box; padding: 0; overflow: visible;
             font-family: 'PT Sans','Verdana', 'Segoe UI', 'Arial', 'Tahoma', 'Helvetica', 'sans-serif'; font-size: 12px; line-height: 14px;
             border-width: 1px; border-style: solid; border-color: #bcbcbc; background: #FFFFFF;
            -moz-border-radius: 1px; -webkit-border-radius: 1px; border-radius: 1px;
            box-shadow: 2px 3px 2px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 2px 3px 2px rgba(0, 0, 0, 0.4); -moz-box-shadow: 2px 3px 2px rgba(0, 0, 0, 0.4); }
.edit-tab input,
.edit-tab textarea { display: block; padding: 1px 5px; background-color: transparent; border: none; resize: none; width: 100%; overflow-y: hidden;
                     color: inherit; text-decoration: inherit; font-size: inherit; font-weight: inherit; font-style: inherit; line-height: inherit; text-align: inherit;
                     vertical-align: top; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
                     font-family: 'PT Sans Caption', 'Verdana', 'Segoe UI', 'Arial', 'Tahoma' }
.edit-tab input { height: 26px; }
.edit-tab .tab-cmd { border-width: 1px; border-style: solid; border-color: #bcbcbc; background: #FFFFFF;
                    -moz-border-radius: 1px; -webkit-border-radius: 1px; border-radius: 1px;
                    box-shadow: 2px 3px 2px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 2px 3px 2px rgba(0, 0, 0, 0.4); -moz-box-shadow: 2px 3px 2px rgba(0, 0, 0, 0.4); }
.edit-tab .cmd-apply { position: absolute; top: -1px; width: 16px; height: 16px; cursor: pointer;
                       background-color: #EDFFED; background-image: url(../media/apply_x16.png); background-position: center -16px; }
.edit-tab .cmd-cancel { position: absolute; top: -1px; width: 16px; height: 16px; cursor: pointer;
                       background-color: #EDFFED; background-image: url(../media/cancel_x16.png); background-position: center -16px; }
.edit-tab .cmd-0 { right: -20px; }
.edit-tab .cmd-1 { right: -39px; }

.edit-tab.viewlookup .lookup { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
                                   width: 100px; vertical-align: top; font-size: 12px; line-height: 14px; padding: 7px 5px 5px; margin: 5px; color: inherit; text-decoration: inherit; font-weight: inherit; font-style: inherit;
                                   border: none; background: #FFFFFF; resize: none; font-family: 'PT Sans Caption', 'Verdana', 'Segoe UI', 'Arial', 'Tahoma', 'Helvetica', 'sans-serif'; }
.edit-tab.viewlookup .value-item { display: inline-block; white-space: nowrap; padding: 2px 5px; margin: 5px; background: #EDF5FF; 
                                                             -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.edit-tab.viewlookup .value-item .text { display: inline-block; vertical-align: middle; max-width: 150px; overflow: hidden; padding: 0; white-space: nowrap; text-overflow: ellipsis; }
.edit-tab.viewlookup .value-item .cmd-delete { display: inline-block; vertical-align: middle; width: 11px; height: 16px; margin-left: 3px; color: #aaa;  cursor: pointer; }
.edit-tab.viewlookup .value-item .cmd-delete:hover { color: #000; }
.edit-tab.viewlookup .value-item .cmd-delete .icon { display: inline-block; width: 11px; height: 16px; line-height: 16px; font-size: 11px; vertical-align: top; text-align: center; text-decoration: none;
                         font-family: FontAwesome; font-style: normal; font-weight: normal;  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.edit-tab.viewlookup .value-item .cmd-delete .icon:before { content: "\f00d"; }

.edit-tab.multichoicecompact .item { overflow: hidden; padding: 5px 20px 5px 10px; cursor: pointer; white-space: nowrap; line-height: 16px; height: 16px; }
.edit-tab.multichoicecompact .item .check { vertical-align: middle; margin-right: 5px; }
.edit-tab.multichoicecompact .item.active .check { display: inline-block; text-align: center;
                                      font-family: FontAwesome; font-style: normal; font-weight: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }                                  
.edit-tab.multichoicecompact .item.active .check:before { content: "\f00c"; }
.edit-tab.multichoicecompact .item .name { display: inline-block; vertical-align: middle; cursor: pointer; }
.edit-tab.multichoicecompact .image { display: inline-block; vertical-align: middle; margin-right: 5px; width: 16px; height: 16px; text-align: center;
                         font-family: FontAwesome; font-style: normal; font-weight: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

/* tree */
.form .field.widget-tree .value-box .sep { display: inline-block; margin: 0 15px; width: 6px; height: 9px;
                                           background: transparent url(../media/toggle1.png) 0 0 no-repeat; }
.tree-tab { position: absolute; z-index: 19; box-sizing: border-box; border: 1px solid #3F497F; padding: 8px; background: #fff; overflow: visible;
             font-family: 'PT Sans','Verdana', 'Segoe UI', 'Arial', 'Tahoma', 'Helvetica', 'sans-serif'; font-size: 11px; line-height: 14px; }
.tree-tab .cmd-apply { position: absolute; top: -1px; width: 16px; height: 16px; border: 1px solid #3F497F; cursor: pointer;
                       background-color: #EDFFED; background-image: url(../media/apply_x16.png); background-position: center -16px; }
.tree-tab .cmd-cancel { position: absolute; top: -1px; width: 16px; height: 16px; border: 1px solid #3F497F; cursor: pointer;
                       background-color: #EDFFED; background-image: url(../media/cancel_x16.png); background-position: center -16px; }
.tree-tab .cmd-0 { right: -20px; }

/* tree */
.tree-tab .item .name { height: 20px; line-height: 20px; cursor: default; white-space: nowrap; }
.tree-tab .item.level-1 > .name { padding-left: 20px; }
.tree-tab .item.level-2 > .name { padding-left: 40px; }
.tree-tab .item.level-3 > .name { padding-left: 60px; }
.tree-tab .item.level-4 > .name { padding-left: 80px; }
.tree-tab .item.level-5 > .name { padding-left: 100px; }
.tree-tab .item.level-6 > .name { padding-left: 110px; }
.tree-tab .item.level-7 > .name { padding-left: 120px; }
.tree-tab .item.level-8 > .name { padding-left: 130px; }
.tree-tab .item.level-9 > .name { padding-left: 140px; }
.tree-tab .item.level-10 > .name { padding-left: 150px; }
.tree-tab .item .name > .content { position: relative; padding: 0 20px; }
.tree-tab .item .toggle { position: absolute; left: 0; top: 2px; width: 16px; height: 16px; }
.tree-tab .item .toggle span { position: relative; left: 5px; top: 3px; display: block; width: 6px; height: 9px;
                                                   background: transparent url(../media/toggle1.png) 0 -9px no-repeat; }
.tree-tab .item.collapse > .name .toggle span { background-position: 0 0; }
.tree-tab .item.collapse > .items { display: none; }
.tree-tab .item .element-image { display: none; position: absolute; left: 20px; top: 2px; }
.tree-tab .item .name:hover { background: rgba(173, 215, 244, 0.8); }
.tree-tab .item.selected > .name { background: #85C6F2; }

/* static fields */
.form .field-value .value-box > .text { display: inline-block; padding-top: 5px; }

/* progress */
.form .field.progress .field-value .progress { display: inline-block; width: 100px; height: 5px; border: 1px solid #007AFF; position: relative; background: transparent url(../media/loading2.gif) -7px -3px no-repeat; }
.form .field.progress .field-value .progress > span { position: absolute; left: 0; top: 0; height: 5px; background: #007AFF; width: 1%; }
.form .field.progress .field-value .text { margin-left: 7px; }
.form .field.progress .field-value .text.completed { margin-left: 0; font-weight: 700; color: #0072c6; }
.form .field.progress .field-value .text.completed.error { color: #E36159; }

/* asyncaction */
.form .field.asyncaction .value-box .image { font-family: FontAwesome; font-style: normal; font-weight: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin: 0 5px 0; }
.form .field.asyncaction .value-box .text { margin-right: 7px; color: #aaa; }
.form .field.asyncaction .value-box .progress { display: inline-block; width: 100px; height: 5px; border: 1px solid #007AFF; position: relative; background: transparent url(../media/loading2.gif) -7px -3px no-repeat; }
.form .field.asyncaction .value-box .progress > span { position: absolute; left: 0; top: 0; height: 5px; background: #007AFF; width: 1%; }
.form .field.asyncaction .value-box .percent { margin-left: 7px; color: #aaa; font-size: 11px; }

/* signature */
.form .field.signature .value-box { display: inline-block; background: #FFFFC3; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
                             width: 100%; font-size: 12px; line-height: 14px;  padding: 5px; margin: 0; border: 1px solid #FFFFC3;
                             color: #1283FF; font-weight: 400;  text-align: center; cursor: pointer; }
.form .field.signature.edit .value-box { background: #DCEBF4; border: 1px solid #DCEBF4; }
.form .field.signature.edit .value-box:hover { background-color:#CDE6F7; }
.form .field.signature.edit .value-box.has-value { background: #FFFFC3; border: 1px solid #FFFFC3; }
.form .field.signature.edit.mark-invalid .value-box { border-color: #a9252a; background-color: #f00; }
#overlay.signature-overlay { background: rgba(255, 255, 255, 0.9); }
.signature-tab canvas { background: #FFFFC3; border: 1px solid #DCEBF4; }

/* formatting */
.form .field.formatting .formatting-pane { display: block; opacity: 0.3; filter: alpha(opacity=20); }
.form .field.formatting .formatting-pane.active { opacity: 1; filter: alpha(opacity=1); }

.form .field.formatting .cmd { display: inline-block; vertical-align: middle; position: relative; width: 22px; height: 23px;
                                    border: 1px solid transparent; cursor: default;
                                    box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.form .field.formatting .formatting-pane.active .cmd:hover { border: 1px solid #1283ff; }
  .form .field.formatting .formatting-pane.active .cmd.active { border: 1px solid #FFD800; }
.form .field.formatting .cmd .image { position: absolute; left: 0; top: 0; width: 20px; height: 21px; }
.form .field.formatting .formatting-pane.active .cmd .image:hover { background: #E0EFFF; }
.form .field.formatting .cmd .image span { position: absolute; left: 50%; top: 50%; width: 16px; height: 16px;  margin-left: -8px; margin-top: -8px;
                                           background: transparent url(../media/formatting-sprite2.png) 0 0 no-repeat; }
.form .field.formatting .formatting-pane.active .cmd .image:hover span { background-position-y: -16px; }

.form .field.formatting .menu-cmd { display: inline-block; vertical-align: middle; position: relative; width: 34px; height: 23px;
                                    border: 1px solid transparent; cursor: default;
                                    box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.form .field.formatting .formatting-pane.active .menu-cmd:hover { border: 1px solid #1283ff; }
  .form .field.formatting .formatting-pane.active .menu-cmd.active { border: 1px solid #FFD800; }
.form .field.formatting .menu-cmd .image { position: absolute; left: 0; top: 0; width: 20px; height: 21px; }
.form .field.formatting .formatting-pane.active .menu-cmd .image:hover { background: #E0EFFF; }
.form .field.formatting .menu-cmd .image span { position: absolute; z-index: 1; left: 50%; top: 50%; width: 16px; height: 16px;  margin-left: -8px; margin-top: -8px;
                                           background: transparent url(../media/formatting-sprite2.png) 0 0 no-repeat; }
.form .field.formatting .formatting-pane.active .menu-cmd .image:hover span { background-position-y: -16px; }
.form .field.formatting .menu-cmd .value { position: absolute; z-index: 1; left: 2px; top: 15px; width: 16px; height: 4px; background: transparent; }
.form .field.formatting .menu-cmd .open { position: absolute; right: 0; top: 0; width: 12px; height: 21px; }
.form .field.formatting .formatting-pane.active .menu-cmd .open:hover { background: #E0EFFF; }
.form .field.formatting .menu-cmd .open span { position: absolute; left: 50%; top: 50%; width: 5px; height: 3px; margin-left: -2px; margin-top: -1px;
                                               background: transparent url(../media/open-menu.png) 0 0 no-repeat; }
.form .field.formatting .formatting-pane.active .menu-cmd .open:hover span { background-position: 0 -3px; }
.form .field.formatting .cmd.inactive { opacity: 0.3; filter: alpha(opacity=20); }

.form .field.formatting .fill-color-cmd .image span { background-position: 0 0; }
.form .field.formatting .font-color-cmd .image span { background-position: -16px 0; }
.form .field.formatting .bold-cmd .image span { background-position: -32px 0; }
.form .field.formatting .italic-cmd .image span { background-position: -48px 0; }
.form .field.formatting .mode-brush-cmd .image span { background-position: -64px 0; }
.form .field.formatting .mode-cursor-cmd .image span { background-position: -80px 0; }

.form .field.formatting .menu-cmd.formatting-color-default .value { background-color: #000000; }
.form .field.formatting .menu-cmd.formatting-color-brown .value { background-color: #966665; }
.form .field.formatting .menu-cmd.formatting-color-red .value { background-color: #EA3737; }
.form .field.formatting .menu-cmd.formatting-color-orange .value { background-color: #E59700; }
.form .field.formatting .menu-cmd.formatting-color-yellow .value { background-color: #E5EA00; }
.form .field.formatting .menu-cmd.formatting-color-lime .value { background-color: #BEE34D; }
.form .field.formatting .menu-cmd.formatting-color-green .value { background-color: #2CBB8B; }
.form .field.formatting .menu-cmd.formatting-color-cyan .value { background-color: #4ABCE6; }
.form .field.formatting .menu-cmd.formatting-color-blue .value { background-color: #3794D7; }
.form .field.formatting .menu-cmd.formatting-color-purple .value { background-color: #A181BD; }

.form .field.formatting .cmd.formatting-true { background-color: #ccc; }

/* rating */
.form .field.rating.edit .value-box { display: inline-block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
                                   width: 100%; vertical-align: top; font-size: 12px; line-height: 14px; padding: 0 5px; margin: 0; min-height: 26px;
                                   border: 1px solid #CCCCCC; background: #FFFFFF; width: 105px;
                                   transition: border-color ease 150ms; -moz-transition: border-color ease 150ms; -webkit-transition: border-color ease 150ms; -o-transition: border-color ease 150ms; -ms-transition: border-color ease 150ms; }
.form .field.rating .value-box .stars { position: relative; top: -1px; display: inline-block; vertical-align: middle; width: 80px; height: 16px; background: transparent url(../media/rating-16.png) 0 0 repeat-x; }
.form .field.rating .value-box .stars > span { position: absolute; left: 0; top: 0; height: 16px; width: 0%;
                                               background: transparent url(../media/rating-16.png) 0 -16px repeat-x; }
.form .field.rating.edit .value-box.active .stars > span { background-position: 0 -32px; }
.form .field.rating .value-box .text { margin-left: 5px; vertical-align: middle; line-height: 24px; }
.form .field.rating.edit .value-box.active .text { color: #e67e22; }

/* remarks */
.field .remarks { display: block; color: #888; font-size: 11px; line-height: 13px; }
.field.check .remarks  { display: inline-block; vertical-align: middle; margin: 5px 0 0 10px; }

/* log */
.field .log { display: block; color: #888; font-size: 11px; line-height: 13px; }
.field.check .log  { display: inline-block; vertical-align: middle; margin: 5px 0 0 10px; }

/* validation-form */
.popup.validation-popup .popup-head { background-color: #FF6A00; }
.validation-form .icon { display: inline-block; width: 18px; height: 18px; vertical-align: baseline; margin-right: 10px; color: #a9252a;
                         font-family: FontAwesome; font-style: normal; font-weight: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } 
.validation-form .icon:before { content: "\f12a"; }
.validation-popup .popup-content p { white-space: pre-wrap; }

/* form customization */
.form .label-position-right .field-value { float: left; }
.form .label-position-right .field-label { float: none; display: block; padding-right: 0; padding-left: 10px; }

.form .group.columns > .content { overflow: hidden; }
.form .group.columns > .content > .left-column { float: left; margin-right: 20px; min-height: 1px; }
.form .group.columns > .content > .right-column { float: right; margin-left: 20px; min-height: 1px; }
.form .group.columns > .content > .extra-column { overflow: hidden; }

.layout-line {
  overflow: hidden;
}

.layout-line > .content > .field,
.layout-line > .content > .widget,
.layout-line > .content > .group {
  float: left; 
}

.form .group.inline-columns > .content > .group { display: inline-block; vertical-align: top; margin: 0 20px 20px 0; }

.form .field-columns { overflow: hidden; }
.form .field-columns .field { float: left; margin-right: 15px; }
.form .field-columns .button { float: left; margin-right: 15px; }
.form .field-columns .field-label { float: none; display: inline-block; vertical-align: top; }
.form .field-columns .field-value { display: inline-block; vertical-align: top; }
.form .field-columns .static-field { float: left; margin-right: 15px; }

.form .field-with-button { overflow: hidden; }
.form .field-with-button .field { float: left; margin-right: 5px; }

.form .field-with-right-button { overflow: hidden; }
.form .field-with-right-button .button { float: right; margin-left: 5px; }

.form .field-layout2 .field-label { float: none; display: block; margin-bottom: 5px; }

.form .field-layout3 .field-label { text-align: right; }

.form .wrap-label .field-label { white-space: normal; padding-top: 0; line-height: 1.1; }

.form .field.strong .field-label { font-weight: 700; }
.form .field.strong .field-value .text { font-weight: 700; }

.form .field.look-edit .field-value .text { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
                                   width: 100%; vertical-align: top; font-size: 12px; line-height: 14px;  padding: 5px; margin: 0; color: inherit; text-decoration: inherit; font-weight: inherit; font-style: inherit;
                                   border: 1px solid #CCCCCC; background: #FFFFFF; resize: none; font-family: 'PT Sans Caption', 'Verdana', 'Segoe UI', 'Arial', 'Tahoma', 'Helvetica', 'sans-serif'; }
.form .field.look-edit.autosize .field-value .text { overflow: auto; }

/* field icons */
.form .field-value.has-icon input.edit { padding-left: 30px !important; }
.form .field-value.has-icon > .icon { z-index: 2; position: absolute; left: 0; top: 6px; width: 14px; height: 14px; font-size: 14px; line-height: 14px; color: #999; text-align: center; vertical-align: middle;
                                   font-family: FontAwesome; font-style: normal; font-weight: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.form .field.edit .field-value.has-icon > .icon { left: 8px; }
.form .field-value.has-icon .icon-email:before { content: "\f003"; }
.form .field-value.has-icon .icon-user:before { content: "\f007"; }
.form .field-value.has-icon .icon-phone:before { content: "\f095"; }
.form .field-value.has-icon .icon-password:before { content: "\f023"; }
.form .field-value.has-icon textarea.edit { padding-left: 30px !important; }
.form .field-value.has-icon select.edit { padding-left: 30px; }
.form .field-value.has-icon .icon-star:before { content: "\f006"; }
.form .field-value.has-icon .icon-question:before { content: "\f128"; }
.form .field-value.has-icon .icon-exclamation:before { content: "\f12a"; }
.form .field-value.has-icon .icon-info:before { content: "\f129"; }
.form .field-value.has-icon .icon-male:before { content: "\f183"; }
.form .field-value.has-icon .icon-mark-upward:before { content: "\f176"; color: #f00; }
.form .field-value.has-icon .icon-mark-downward:before { content: "\f175"; color: #00f; }
.form .field-value.has-icon .icon-mark-photo-status-0:before { content: "\f12a"; color: #f00; }
.form .field-value.has-icon .icon-mark-photo-status-1:before { content: "\f00c"; color: #00f; }

.field.edit-check .field-value label.check { border: none; color: #aaa;
                                             font-family: FontAwesome; font-style: normal; font-weight: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.field.edit-check .field-value label.check:before { content: "\f040"; }
.field.edit-check .field-value label.check.checked { color: #000; }

.field.mark-selected .field-value { background-color: #CCFFCC; }
.field.mark-selected .field-value input { background-color: #CCFFCC; }

.field.check.mark-control1-0 .field-value label.check { background-color: #FFD8D8; }
.field.check.mark-control1-1 .field-value label.check { background-color: #CCFFCC; }

.field.look-remarks.check .field-label { padding-top: 1px; }
.field.look-remarks.check .field-value label.check { margin-top: 0; }

/* form tabs */
.form .tabs .tabs-head,
    .tabs1 .tabs-head { position: relative; padding-left: 5px; }
.form .tabs .tabs-head:before,
    .tabs1 .tabs-head:before { position: absolute; z-index: 1; left: 0; bottom: 0; height: 1px; width: 100%; background: #d0d0d0; overflow: hidden; content: " "; }
.form .tabs .tabs-head .tab,
    .tabs1 .tabs-head .tab { position: relative; z-index: 2; display: inline-block; height: 25px; line-height: 25px; padding: 0 10px;
                             border-style: solid solid solid none; border-width: 1px; border-color: #e0e0e0;
                             background: #F2F2F2; font-size: 12px; color: #000; cursor: pointer; text-decoration: none;
                             transition: color 0.3s ease 0s, background-color 0.3s ease 0s; -webkit-transition: color 0.3s ease 0s, background-color 0.3s ease 0s; }
.form .tabs .tabs-head .tab:first-child,
    .tabs1 .tabs-head .tab:first-child { border-left: 1px solid #d0d0d0; }
.form .tabs .tabs-head .tab  .text,
    .tabs1 .tabs-head .tab .text { position: relative; z-index: 2; }
.form .tabs .tabs-head .tab.active,
    .tabs1 .tabs-head .tab.active { background: #fff; color: #000; border-bottom: 1px solid #fff; }
.form .tabs .tabs-head .tab:hover,
    .tabs1 .tabs-head .tab:hover { color: #000; background-color: #FAFAFA; text-decoration: none; }
.form .tabs .tabs-content,
    .tabs1 .tabs-content { position: relative; }
.form .tabs .tabs-content .tab,
    .tabs1 .tabs-content .tab { padding: 15px; }

.form .tabs .tabs-head .tab:hover .cmd-ide  { visibility: visible; }
.form .tabs .tabs-head .tab:hover .cmd-ide:hover { opacity: 1; }

/* overlay */
#overlay { position: absolute; z-index: 10; opacity: 0; filter: Alpha(Opacity=0); transition: opacity 0.25s ease 0s; -webkit-transition: opacity 0.25s ease 0s;
          background: transparent url(../media/spacer.gif); }

#lockOverlay { position: absolute; z-index: 20; left: 0; top: 0; right: 0; bottom: 0; opacity: 0; filter: Alpha(Opacity=0);
          background: #fff; }
#lockOverlay.width-adjust { cursor: e-resize; }

#editOverlay { position: absolute; z-index: 18; left: 0; top: 0; right: 0; bottom: 0; opacity: 0; filter: Alpha(Opacity=0);
          background: #fff; }

#treeOverlay { position: absolute; z-index: 18; left: 0; top: 0; right: 0; bottom: 0; opacity: 0; filter: Alpha(Opacity=0);
          background: #fff; }
          
/* popup */
.popup { position: absolute; z-index: 11; background: #FFF; overflow: hidden;
         border: 1px solid #0072C6; box-shadow: 0 0 10px 5px rgba(153, 153, 153, 1); }
.popup.preshowinit { visibility: hidden; }
.popup.preshow { opacity: 0; transform: scale(.5); -ms-transform: scale(.5); -webkit-transform: scale(.5); }
.popup.showing { transition: all .3s ease 0s; -webkit-transition: all .3s ease 0s; opacity: 1; transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); }
.popup.hiding { transition: all .3s ease 0s; -webkit-transition: all .3s ease 0s; opacity: 0; transform: scale(.5); -ms-transform: scale(.5); -webkit-transform: scale(.5); }

.popup .cmd-close { position: absolute; z-index: 3; right: 5px; top: 8px; border: none; background: transparent; outline: none; cursor: pointer; }
.popup .cmd-close span { display: inline-block; width: 16px; height: 16px; line-height: 16px; font-size: 11px; vertical-align: top; text-align: center; color: #aaa; text-decoration: none;
                         font-family: FontAwesome; font-style: normal; font-weight: normal;  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.popup .cmd-close span:before { content: "\f00d"; }
.popup .cmd-close:hover span { background-color: #E29191; }

.popup .popup-head { position: relative; z-index: 2; padding: 7px 7px 7px 30px; height: 17px; background: #F7F7F7 url(../media/logo-icon.png?stamp=181019) 7px center no-repeat; color: #555; overflow: hidden;
                     white-space: nowrap; text-overflow: ellipsis; font-size: 14px; line-height: 17px; }
.popup .popup-head:hover .cmd-ide  { visibility: visible; }
.popup .popup-head:hover .cmd-ide:hover { opacity: 1; }
.popup .popup-content { position: relative; z-index: 1; overflow: auto; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding: 15px 15px 5px; }
.popup.auto-height .popup-content { padding-bottom: 20px; }
.popup .popup-buttons { position: relative; z-index: 1; overflow: hidden; padding: 15px; border-top: 1px solid #eee; text-align: center; }
.popup .popup-buttons .button { margin: 0 15px; }
.popup .popup-buttons .field { display: inline-block; }
.popup .popup-content .tools { margin-bottom: 5px; }
.popup .popup-content .tools .button { margin-right: 5px; }

/* express-popup */
.popup.express-popup { background: #FFFFE1; box-shadow: 2px 3px 2px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 2px 3px 2px rgba(0, 0, 0, 0.4); -moz-box-shadow: 2px 3px 2px rgba(0, 0, 0, 0.4); }
.popup.express-popup .popup-head { background: none; padding: 5px 5px 5px 13px; min-height: 10px; height: auto; }
.popup.express-popup .cmd-close { top: 3px; }
.popup.express-popup .popup-content { padding: 0 15px 8px; }
.popup.express-popup .popup-buttons { padding: 5px; }
.popup.express-popup.hiding { transition: all .1s ease 0s; -webkit-transition: all .1s ease 0s; }

.express-popup-highlighting { position: absolute; z-index: 2; left: 0; top: 0; width: 100%; height: 100%; border: 1px solid #0072C6;
                              box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }

/* popup-arrow */
.popup-arrow { position: absolute; }

/* gallery-popup */
.gallery-popup { position: absolute; z-index: 11; width: 100%; height: 100%; text-align: center; cursor: zoom-out; }
.gallery-popup > .content { display: inline-block; vertical-align: middle; line-height: 1.3em; cursor: default; }
.gallery-popup > .content .inner { display: inline-block; vertical-align: middle; position: relative;
                                   box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.7); -webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.7); -moz-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.7);
                                   background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOwgAADsIBFShKgAAAABl0RVh0U29mdHdhcmUAUGFpbnQuTkVUIHYzLjUuOUA8sMsAAAANSURBVBhXY2BgYFgFAACvAKujngvGAAAAAElFTkSuQmCC"); }
.gallery-popup .cmd-close { display: block; margin: 0; padding: 50px 0 0; cursor: zoom-out; position: relative; border: none; outline: none; height: 30px; width: 100%; color: #aaa; text-decoration: none; }
.gallery-popup .cmd-close span { float: right; width: 16px; height: 16px; line-height: 16px; margin-right: 10px; position: relative; cursor: pointer;
                                 font-family: FontAwesome; font-style: normal; font-weight: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } 
.gallery-popup .cmd-close span:before { content: "\f00d"; }
.gallery-popup .cmd-close:hover span { background-color: #E29191; }

.gallery-popup .image { display: block; margin-bottom: 50px;
                        cursor: url(../media/cursor2.png), url(../media/cursor2.png), pointer; }
.gallery-popup .back { position: absolute; z-index: 1; width: 25%; height: 100%; left: 0; top: 0; cursor: url(../media/cursor2-w.png), url(../media/cursor2-w.png), pointer; }
.gallery-popup .details { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
                          position: absolute; z-index: 2; width: 100%; height: 50px; padding: 8px; bottom: 0; left: 0; overflow: hidden;
                          color: #FFFFFF; text-align: left; cursor: pointer; }
.gallery-popup .details.max { height: auto; }
.gallery-popup .details .count { float: right; font-size: 12px; line-height: 1; color: #A0A0A0; margin: 10px 0 0; }
.gallery-popup .details .name { float: left; font-size: 14px; line-height: 1; margin: 10px 20px 10px 0; }
/*                                height: 34px; overflow: hidden; cursor: pointer; }
.gallery-popup .details .name.max { position: absolute; width: 100%; height: auto; left: 0; bottom: 0; min-height: 50px; padding: 8px;
                                    box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }*/
.gallery-popup .social-widget1 { float: left; margin: 0; }
.gallery-popup .social-widget1 a { color: #FFFFFF; border: 1px solid #FFFFFF; }
.gallery-popup .social-widget1 a:hover { color: #FFFFFF; border: 1px solid #000000; }

/* loading */
.gallery-popup .loading .box { position: absolute; z-index: 2; left: 50%; top: 50%; margin-left: -20px; margin-top: -20px; width: 40px; height: 40px; border: 2px solid #EE1F25; transition: all 5s ease 0s; -webkit-transition: all 5s ease 0s; }
.gallery-popup .loading .text { position: absolute; z-index: 2; left: 50%; top: 50%; margin-left: -22px; margin-top: 40px; width: 40px; height: 20px; color: #EE1F25; text-transform: uppercase; font-size: 10px; }
.gallery-popup .loading.animation .box { transform: rotate(720deg); -ms-transform: rotate(720deg); -webkit-transform: rotate(720deg); }

/* context-message */
.context-message { position: absolute; overflow: hidden; z-index: 99; left: 50%; top: 0; width: 350px; margin: 0 0 0 -150px; padding: 30px 40px;
                    box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
                    border-width: 2px; border-style: solid; border-color: #85C6F2; background: #f7f7f7; color: #333;
                    font-weight: 700; font-size: 14px; line-height: 20px;
                    -moz-border-radius: 0 0 1px 1px; -webkit-border-radius: 0 0 1px 1px; border-radius: 0 0 1px 1px;
                    box-shadow: 0 0 5px rgba(18, 131, 255, 0.4); -webkit-box-shadow: 0 0 5px rgba(18, 131, 255, 0.4); -moz-box-shadow: 0 0 5px rgba(18, 131, 255, 0.4); }
.context-message:before { position: absolute; left: 0; top: -1px; width: 100%; height: 1px; overflow: hidden; content: "";
                                         box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); }

.context-message .cmd-close { position: absolute; z-index: 2; right: 5px; top: 5px; border: none; background: transparent; outline: none; cursor: pointer; }
.context-message .cmd-close span { display: inline-block; width: 16px; height: 16px; line-height: 16px; font-size: 12px; text-align: center; vertical-align: top; color: #aaa; text-decoration: none;
                         font-family: FontAwesome; font-style: normal; font-weight: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.context-message .cmd-close span:before { content: "\f00d"; }
.context-message .cmd-close:hover span,
.context-message:hover .cmd-close span { background-color: #E29191; }
.popup .context-message { top: 31px; }

/* grid1 */
.grid1 { position: relative; clear:both;}
.grid1 .grid-toppane { position: relative; z-index: 2; text-align: right; overflow: hidden; }
.grid1 .grid-toppane > .content { background: #fff; }
.grid1 .grid-toppane.fixed > .content { position: fixed; left: 0; top: 0; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.grid1 .grid-toppane .search { float: left; border-bottom: 1px solid #ddd; color: #aaa; font-size:12px; margin-bottom:5px; margin-left:10px; }
.grid1 .grid-toppane .search label { display: none; }
.grid1 .grid-toppane .search input { border: none; background: transparent; padding: 0 9px 0 2px; width: 150px; }
.grid1 .grid-toppane .search .cmd-search { display: inline-block; vertical-align: middle; }
.grid1 .grid-toppane .search .cmd-search span { display: inline-block; width: 21px; height: 21px; background: transparent url(../media/grid-sprite1.png) -42px 0; }
.grid1 .grid-toppane .search .cmd-cancelsearch { display: inline-block; vertical-align: middle; }
.grid1 .grid-toppane .search .cmd-cancelsearch span { display: inline-block; width: 21px; height: 21px; background: transparent url(../media/grid-sprite1.png) -63px 0; }
/* placeholders */
.grid1 .grid-toppane .search ::-webkit-input-placeholder { /* WebKit browsers */ color: #aaa; font-style: italic; }
.grid1 .grid-toppane .search :focus::-webkit-input-placeholder { color: transparent; }
.grid1 .grid-toppane .search :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #aaa; font-style: italic; }
.grid1 .grid-toppane .search :focus:-moz-placeholder { color: transparent; }
.grid1 .grid-toppane .search ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #aaa; font-style: italic; }
.grid1 .grid-toppane .search :focus::-moz-placeholder { color: transparent; }
.grid1 .grid-toppane .search :-ms-input-placeholder { /* Internet Explorer 10+ */ color: #aaa; font-style: italic; }
.grid1 .grid-toppane .search :focus:-ms-input-placeholder { color: transparent; }
.grid1  .recordscount { display: inline-block; vertical-align: middle; margin-right: 15px; color: #000f66; }
.grid1  .recordscount .text { margin: 0 0.5em; color: #323232; }
.grid1 .settings { display: inline-block; vertical-align: middle; font-size: 14px; }
.grid1 .settings .cmd { display: inline-block; vertical-align: middle; height: 20px; width: 20px; line-height: 20px; text-align: center; color: #aaa;
                       font-family: FontAwesome; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.grid1 .settings .cmd:hover { color: #1283ff; }
.grid1 .settings .cmd-settings span:before { content: "\f013"; }
.grid1 .export { display: inline-block; vertical-align: middle; font-size: 14px; }
.grid1 .export .cmd { display: inline-block; vertical-align: middle; height: 20px; width: 20px; line-height: 20px; text-align: center; color: #aaa;
                       font-family: FontAwesome; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.grid1 .export .cmd:hover { color: #1283ff; }
.grid1 .export .cmd-excel span:before { content: "\f1c3"; }
.grid1  .paging { display: inline-block; vertical-align: middle; font-size: 12px; }
.grid1  .paging .prev { display: inline-block; vertical-align: middle; height: 20px; padding: 0; text-align: center; cursor: pointer; background-color: #fff; min-width: 1em;
                                      border-style: solid none solid solid; border-color: #ddd; border-width: 1px;
                                      transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; }
.grid1 .paging .prev:hover { color: #1283ff; }
.grid1 .paging .prev span { display: inline-block; width: 20px; height: 20px; line-height: 20px; font-family: FontAwesome; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.grid1 .paging .prev span:before { content: "\f053"; }
.grid1 .paging .prev.disabled { cursor: default; color: #eee; }
.grid1 .paging .prev.disabled:hover { color: #eee; }
.grid1 .paging .next { display: inline-block; vertical-align: middle; height: 20px; padding: 0; text-align: center; cursor: pointer; background-color: #fff; min-width: 1em;
                                      border-style: solid; border-color: #ddd; border-width: 1px;-webkit-transition: all 0.3s ease 0s;
                                      transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s;  }
.grid1 .paging .next:hover { color: #1283ff; }
.grid1 .paging .next span { display: inline-block; width: 20px; height: 20px; line-height: 20px; font-family: FontAwesome; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.grid1 .paging .next span:before { content: "\f054"; }
.grid1 .paging .next.disabled { cursor: default; color: #eee; }
.grid1 .paging .next.disabled:hover { color: #eee; }
.grid1 .paging .paging-page { display: inline-block; vertical-align: middle; height: 20px; padding: 0; cursor: pointer; background-color: #fff; min-width: 1em;
                                      border-style: solid none solid solid; border-color: #ddd; border-width: 1px;
                                      transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; }
.grid1 .paging .paging-page:hover { color: #1283ff; }
.grid1 .paging .paging-page.active {color: #777; background-color:#EEEEEE; }
.grid1 .paging .paging-page span { display: inline-block; min-width: 20px; height: 20px; line-height: 20px; text-align: center; }
.grid1 .paging .paging-spacer { display: inline-block; vertical-align: middle;  width: 20px; height: 20px; padding: 0; background: transparent; cursor: pointer; min-width: 1em;
                                      border-style: none none none solid; border-color: #ddd; border-width: 1px; }
.grid1 .paging .paging-spacer span { display: inline-block; width: 20px; height: 20px; text-align: center; }

.grid1 .grid-bottompane { position: relative; z-index: 2; text-align: right; overflow: hidden; }

.grid1 .views-selector { text-align: left; padding: 5px 10px 0; }
/*.grid1 .views-selector .selector-items {display:inline-block;}*/
.grid1 .views-selector .label { display: inline-block; vertical-align: top; padding: 2px 0; margin-right: 5px; color: #aaa; }
.grid1 .views-selector .selector-items { display: inline-block; vertical-align: top; }
.grid1 .views-selector .selector-item { position: relative; display: inline-block; vertical-align: top; margin: 0 0 5px 15px; background-color: #f7f7f7;
                                      -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
                                      -webkit-transition: color .3s ease-out, background-color .3s ease-out; transition: color .3s ease-out, background-color .3s ease-out; }
.grid1 .views-selector .selector-item .name { display: inline-block; vertical-align: middle; padding: 2px 8px; color: #445555; text-decoration: none; cursor: pointer; }
.grid1 .views-selector .selector-item .name:hover { color: #445555; text-decoration: none; }
.grid1 .views-selector .selector-item .name .remarks { color: #000; font-weight: 700; margin-left: 5px; }
.grid1 .views-selector .selector-item .name .remarks:before { content: "("; }
.grid1 .views-selector .selector-item .name .remarks:after { content: ")"; }
.grid1 .views-selector .selector-item.active { background-color: #dcebf4; }
.grid1 .views-selector .selector-item:hover { background: #EDF0F2; }
.grid1 .views-selector .selector-item:hover .cmd-ide  { visibility: visible; }
.grid1 .views-selector .selector-item:hover .cmd-ide:hover { opacity: 1; }

.popup-content .grid1 .views-selector { float: left; }
.popup-content .grid1 .grid-toppane { float: right; }
.popup-content .head { clear: both; }

.grid1 .head { position: relative; z-index: 2; overflow: hidden; border-style: solid; border-width: 1px; border-color: #d0d0d0; }
.grid1 .head > .content { background: #f7f7f7; }
.express-popup .grid1 .head > .content { background: #FCFCE3; }
.grid1 .head.fixed > .content { position: fixed; left: 0; top: 0; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.grid1 .head-fixed { float: left; position: relative; /*border-right: 2px solid #d0d0d0;*/ }
.grid1 .head-scroll { overflow: hidden; position: relative; }
.grid1 .items { overflow: hidden;  border-style: solid; border-width: 0 1px 1px; border-color: #d0d0d0; }
.express-popup .grid1 .items { background: #FFFFFF; }
.popup-content .grid1 > .items { overflow: auto; }
.grid1 .items-fixed { float: left; position: relative; /*border-right: 2px solid #d0d0d0;*/ }
.grid1 .items-scroll { overflow: hidden; position: relative; }

.grid1 .head .groups-table > tbody > tr > td { vertical-align: top; }
.grid1 .head-fixed .head-table { table-layout: fixed; width: 0; border-collapse: collapse; border-style: solid; border-width: 0 0 0 0; border-color: #d0d0d0; }
.grid1 .head-fixed /*.groups-table*/ .head-table { border-right: 1px solid #d0d0d0; }
.grid1 .head-fixed /*.groups-table*/ > tbody > tr > td:first-child .head-table { border-left: none; }
.grid1 .head-fixed .groups-table .head-table { border-left: 1px solid #d0d0d0; }
.grid1 .head-fixed .groups-table > tbody > tr > td:first-child .head-table { border-left: none; }
.grid1 .head-fixed .groups-table  { border-right: 1px solid #d0d0d0; }

.grid1 .head-scroll .head-table { display: inline-table; vertical-align: top; margin-right: 20px; table-layout: fixed; width: 0; border-collapse: collapse; border-style: solid; border-width: 0 1px 0 0; border-color: #d0d0d0; }
.grid1 .head-scroll .groups-table { display: inline-table; vertical-align: top; margin-right: 20px; }
.grid1 .head-scroll .groups-table .head-table { margin-right: 0; border-left: 1px solid #d0d0d0; }
.grid1 .head-scroll .groups-table > tbody > tr > td:first-child .head-table { border-left: none; }

.grid1 .items .groups-table > tbody > tr > td { vertical-align: top; }
.grid1 .items-fixed .items-table { table-layout: fixed; width: 0; border-collapse: collapse; border-style: solid; border-width: 0 0 1px 0; border-color: #d0d0d0; }
.grid1 .items-fixed /*.groups-table*/ .items-table { border-right: 1px solid #d0d0d0; }
.grid1 .items-fixed /*.groups-table*/ > tbody > tr > td:first-child .items-table { border-left: none; }
.grid1 .items-fixed .groups-table .items-table { border-left: 1px solid #d0d0d0; }
.grid1 .items-fixed .groups-table > tbody > tr > td:first-child .items-table { border-left: none; }
.grid1 .items-fixed .groups-table { border-right: 1px solid #d0d0d0; }

.grid1 .items-scroll .items-table { display: inline-table; vertical-align: top; margin-right: 20px; table-layout: fixed; width: 0; border-collapse: collapse; border-style: solid; border-width: 0 1px 1px 0; border-color: #d0d0d0; }
.grid1 .items-scroll .groups-table { display: inline-table; vertical-align: top; margin-right: 20px; }
.grid1 .items-scroll .groups-table .items-table { margin-right: 0; border-left: 1px solid #d0d0d0; }
.grid1 .items-scroll .groups-table > tbody > tr > td:first-child .items-table { border-left: none; }

.grid1 .footer { position: relative; z-index: 2; overflow: hidden; border-style: solid; border-width: 0 1px 0; border-color: #d0d0d0; background: #f7f7f7; border-bottom-width: 1px; min-height: 27px; }
.express-popup .grid1 .footer { background: #FCFCE3; }
.grid1 .footer.fixed > .content { position: fixed; left: 0; bottom: 0; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.grid1 .footer .head-fixed .head-table { border-bottom-width: 0; }
.grid1 .footer  .head-scroll .head-table { border-bottom-width: 0; }
.grid1 .footer  .items-fixed .items-table {  border-bottom-width: 0; }
.grid1 .footer  .items-scroll .items-table {  border-bottom-width: 0; }
.grid1 .footer .col > div { padding-top: 5px; padding-bottom: 5px; }
.grid1 .footer .footer-sizer { height: 26px; }
.grid1 .footer .footer-toolbars { position: absolute; background: #f7f7f7; left: 0; top: 0; padding: 4px 10px; font-size: 12px; height: 16px; line-height: 16px; }
.grid1 .footer .paging-bar { display: inline-block; vertical-align: middle; }
.grid1 .footer .export { display: inline-block; vertical-align: middle; margin-left: 10px; }

.grid1 .scroll-bar { height: 19px; overflow-y: hidden; overflow-x: scroll; }
.grid1 .scroll-bar > .content { height: 19px;  overflow: hidden; }

.grid1 .head-table,
.grid1 .items-table { empty-cells: show; font-size: 11px; line-height: 14px; color: #000f66; }
.grid1 .col { border-left: 1px solid #d0d0d0; -moz-user-select: -moz-none; }
.grid1 .col * { -moz-user-select: text; }
.grid1 .col:first-child { border-left: none; }
.grid1 .col > div { position: relative; padding: 2px 5px; min-height: 16px; }
.grid1 .col.edit > div { padding: 1px; overflow: hidden; }
.grid1 .items-table .col > div { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.grid1.line-edit .items-table .col { height: 29px; }
.grid1 .head-table .col > div { min-height: 12px; padding: 8px 5px; }
.grid1 .head-table .col > div.height-2lines { height: 24px; padding: 4px 5px 6px; line-height: 12px; }
.grid1 .head-table .col > div.height-3lines { height: 36px; padding: 4px 5px 6px; }
.grid1 .head-table .col > div .text { white-space: nowrap; overflow: hidden; }
.grid1 .head-table .col > div.height .text { white-space: normal; word-wrap: break-word; }
.grid1 .head-table .row .col { border-top: 1px solid #d0d0d0; }
.grid1 .head-table .row:first-child .col { border-top: none; }

.grid1 .items-table .col > div > .cmd { position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 2px 5px; color: inherit; text-decoration: none;
                                box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.grid1 .items-table .col > div > .cmd:hover { color: #1283ff; text-decoration: none; }
.grid1 .items-table .col > div > .cmd:hover .image { color: #1283ff; }
.grid1 .items-table .col.has-formatting > div > .cmd,
.grid1 .items-table .col.has-formatting > div > .cmd:hover { color: inherit; }
.grid1 .items-table .col > div > .url-popup { visibility: hidden; position: absolute; z-index: 2; right: 2px; top: 2px; width: 16px; height: 16px; font-size: 16px; line-height: 16px; color: #777;
                                  font-family: FontAwesome; font-style: normal; font-weight: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.grid1 .items-table .col > div > .url-popup:hover { color: #1283ff; }
.grid1 .items-table .col > div > .url-popup:before { content: "\f08e"; }
.grid1 .items-table .col > div:hover > .url-popup { visibility: visible; }
.grid1 .items-table .col > div .link { color: #1283ff; position: relative; }
.grid1 .items-table .col > div .link .link-popup { visibility: hidden; position: absolute; z-index: 2; right: 0; top: 0; width: 16px; height: 16px; font-size: 16px; line-height: 16px; color: #777;
                                  font-family: FontAwesome; font-style: normal; font-weight: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.grid1 .items-table .col > div .link .link-popup:hover { color: #333; }
.grid1 .items-table .col > div .link .link-popup:before { content: "\f08e"; }
.grid1 .items-table .col > div .link:hover .link-popup { visibility: visible; }
.grid1 .items-table .col.edit_account > div > .cmd:before {font-family:FontAwesome; content:"\f002"}
.grid1 .items-table .col.add_account > div > .cmd:before {font-family:FontAwesome; content:"\f067"}
.grid1 .head-table .col.main { background-color: #B6DDE8; }

.grid1 .col.image { padding: 1px; text-align: center; text-align: center; }
.grid1 .col.check { text-align: center; }
.grid1 .col.check .field-value label.edit.check { margin: 0; }
.grid1 .col.check label.check.checked { display: inline-block; text-align: center; color: #000000;
                                   font-family: FontAwesome; font-style: normal; font-weight: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }                                  
.grid1 .col.check label.check.checked:before { content: "\f00c"; }
.grid1 .col.number { text-align: right; }
.grid1 .col.date { text-align: center; }
.grid1 .col.time { text-align: center; }
.grid1 .col.progress .progress { display: inline-block; width: 70px; height: 5px; border: 1px solid #007AFF; position: relative; background: transparent url(../media/loading2.gif) -3px -3px no-repeat; }
.grid1 .col.progress .progress > span { position: absolute; left: 0; top: 0; height: 5px; background: #007AFF; width: 1%; }
.grid1 .col.progress .text { margin-left: 7px; }
.grid1 .items .col.multiline > div { white-space: pre-wrap; }
.grid1 .items-table .col.multiline > div > .cmd { position: static; display: block; left: 0; top: 0; width: auto; height: auto; min-height: 16px; padding: 0; }
.grid1 .col .icon { display: inline-block; width: 12px; height: 16px; vertical-align: middle; color: #000000; text-decoration: none; margin-right: 5px;
                    background-color: transparent; background-position: center center; background-repeat: no-repeat;
                    font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.grid1 .col .icon:last-child { margin: 0; }
.grid1 .col .image { display: inline-block; width: 16px; vertical-align: middle; text-align: center; color: #000000; text-decoration: none; margin-right: 5px;
                    background-color: transparent; background-position: center center; background-repeat: no-repeat; min-height: 16px;
                    font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 16px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.grid1 .col .icon-edit:before { content: "\f040"; }                                
.grid1 .col .icon-delete { width: 16px; height: 16px; background-image: url(../media/delete.png); background-position: center 0; }
.grid1 .col :hover .icon-delete {background-position: center -16px; }
.grid1 .col .icon-look:before { content: "\f002"; }
.grid1 .col .icon-goods:before { content: "\f1b3"; }
.grid1 .col .icon-plus:before { content: "\f067"; }
.grid1 .col .icon-minus:before { content: "\f068"; }
.grid1 .col .icon-report:before { content: "\f022"; }
.grid1 .col .icon-transfer:before { content: "\f064"; }
.grid1 .col .icon-key:before { content: "\f084"; }
.grid1 .head { margin-bottom: 1px; }
.grid1 .head .groups-row .col { border-bottom: 1px solid #d0d0d0; background-color: #f7f7f7; }
.grid1 .head .text { color: #555; }
.grid1 .head .groups-row .text { position: relative; height: 26px; overflow: hidden; font-size: 13px; line-height: 1; color: #555; text-align: center; }
.grid1 .head .groups-row:hover .cmd-ide  { visibility: visible; }
.grid1 .head .groups-row:hover .cmd-ide:hover { opacity: 1; }

.grid1 .head .groups-selector { overflow: hidden; padding: 5px 10px; }
.grid1 .head .groups-selector .label { float: left; padding: 2px 0; margin-right: 15px; color: #aaa; }
.grid1 .head .groups-selector .items { overflow: hidden; }
.grid1 .head .groups-selector .item { display: inline-block; padding: 2px 8px; margin: 0 15px 5px 0; background-color: #f7f7f7;
                                      -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.grid1 .head .groups-selector .item label.check { vertical-align: middle; margin-right: 5px; }
.grid1 .head .groups-selector .item .name { display: inline-block; vertical-align: middle; color: #445555; text-decoration: none; cursor: pointer; }
.grid1 .head .groups-selector .item .name:hover { color: #445555; text-decoration: none; }
.grid1 .head .groups-selector .item.active { background-color: #eee; }

/* auto filters */
.grid1 .head-table .cmd-filter { visibility: hidden; position: absolute; z-index: 3; right: 0; bottom: 0; padding: 8px 2px 2px 8px; cursor: pointer; opacity: 0.7; }
.grid1 .head-table .col:hover .cmd-filter  { visibility: visible; }
.grid1 .head-table .col:hover .cmd-filter:hover { opacity: 1; }
.grid1 .head-table .cmd-filter.active { visibility: visible; opacity: 1; }
.grid1 .head-table .cmd-filter span { display: block; width: 10px; height: 10px; background: transparent url(../media/autofilter.png) 0 0 no-repeat;  }
.grid1 .head-table .cmd-filter.active span { background-position: 0 -10px; }
@media (pointer:coarse) {
    .grid1 .head-table .cmd-filter { visibility: visible; opacity: 0.1; width: 14px; height: 14px; }
}

/* localize field */
.grid1 .head-table .col:hover .cmd-ide  { visibility: visible; }
.grid1 .head-table .col:hover .cmd-ide:hover { opacity: 1; }

/* sorting */
.grid1 .head-table .col.has-sorting { cursor: pointer; }
.grid1 .head-table .col.has-sorting .sorting-marker { position: absolute; z-index: 2; right: 4px; top: 0; }
.grid1 .head-table .col.has-sorting .sorting-marker span { display: block; width: 12px; height: 12px; text-align: center;
                                                           font-size: 12px; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;  }
.grid1 .head-table .col.has-sorting .sorting-marker.sorting-asc span:before { content: "\f0d8"; }
.grid1 .head-table .col.has-sorting .sorting-marker.sorting-desc span:before { content: "\f0d7"; }

/* width adjust */
.grid1 .head-table .col .width-adjust { position: absolute; z-index: 4; right: -2px; top: 0; bottom: 0; width: 4px; cursor: e-resize; }

/* grouping */
.grid1 .item.group-head .col { border-top: 1px solid #d0d0d0; border-bottom: 1px solid #d0d0d0; }
.grid1 .item .col.grouping-col { text-align: left; }
.grid1 .item.group-end .col { border-bottom: 1px solid #d0d0d0; }
.grid1 .item.group-totals .col { border-top: 1px solid #d0d0d0; border-bottom: 1px solid #d0d0d0; color: #000; font-weight: 700; }
.grid1 .item .group-merge-cell { vertical-align: bottom; border-bottom: 1px solid #d0d0d0; }
.grid1 .group-displayname-remarks { color: #000; font-weight: 700; margin-left: 5px; }
.grid1 .group-displayname-remarks:before { content: "("; }
.grid1 .group-displayname-remarks:after { content: ")"; }
.grid1 .items-table .grouping-expand { display: inline-block; vertical-align: middle; color: #777; width: 12px; height: 12px; overflow: hidden;
                                       font-size: 8px; line-height: 12px; text-align: center; margin-right: 5px; cursor: pointer;
                                       border: 1px solid #777; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
                                   font-family: FontAwesome; font-style: normal; font-weight: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.grid1 .items-table .grouping-expand:before { content: "\f067"; }
.grid1 .items-table .group-expanded .grouping-expand:before { content: "\f068"; }

.grid1 .group-paging { text-align: right; font-weight: 400; }
.grid1 .group-paging .paging .prev { height: 16px; }
.grid1 .group-paging .paging .prev span { width: 16px; height: 16px; line-height: 16px; }
.grid1 .group-paging .paging .next { height: 16px;  }
.grid1 .group-paging .paging .next span { width: 16px; height: 16px; line-height: 16px; }

/*.grid1 .item.alt { background-color: #f9f9f9; }*/
.grid1 .items-table .item:nth-child(even) { background-color: #f9f9f9; }
.grid1 .item.totals { color: #000; }
.grid1 .item.totals .col { font-weight:700}

.grid1 .item.totals.totals-top .col { border-top: none; border-bottom: 1px solid #ddd; }
.grid1 .noitems { padding: 8px; color: #777; text-align: center; }


.grid1 .grid-error { padding: 0 15px 15px; margin: 15px; border-style: solid; border-width: 3px 1px 1px; border-color: #E36159; 
                     -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.grid1 .grid-error h3 { margin: 15px 0 5px; padding: 0; font-size: 11px; font-weight: 700; }
.grid1 .grid-error .description { color: #E74C3C; white-space: pre-line; }
.grid1 .grid-error .system-details { white-space: pre-line; }
.grid1 .grid-error .actions { margin: 15px 0; }

.grid1 .field { margin: 0; min-height: 0; }
.grid1 .field-value { color: inherit; background-color: inherit; font-weight: inherit; font-style: inherit; }
.grid1 .field-value.has-icon > .icon { left: 5px; top: 1px; }
.grid1 .field-value input.edit,
.grid1 .field-value textarea.edit { border-color: transparent; background: transparent; padding: 1px 5px; height: 18px; line-height: 14px; font-size: 11px; }
.grid1 .field.edit.singlechoice .value-box { border-color: transparent; background: transparent;  padding: 1px 5px; height: 18px; line-height: 16px; font-size: 11px; }
.grid1 .field.singlechoice .value-box .image { width: 14px; height: 14px; line-height: 14px; }
.grid1 .field.edit .cmd-lookup { height: 18px; width: 18px; opacity: 0; }
.grid1 .field.edit:hover .cmd-lookup { opacity: 1; }
.grid1 .field.edit .cmd-lookup .icon { height: 18px; width: 18px; line-height: 16px; }
.grid1 .field-value input.edit.active,
.grid1 .field-value input.edit:hover,
.grid1 .field-value select.edit:hover,
.grid1 .field-value textarea.edit.active,
.grid1 .field-value textarea.edit:hover,
.grid1 .field.edit.singlechoice.active .value-box,
.grid1 .field.edit.singlechoice .value-box:hover { z-index: 1; background: rgba(255, 255, 255, 0.9); }
.grid1 .field-value select.edit { border-color: transparent; background: transparent; }
.grid1 .field.edit .value-box.datetime .date-part { width: 70px; }
.grid1 .field.edit .value-box.datetime .date-part input { padding: 1px 2px; }
.grid1 .field.edit .value-box.datetime .ui-datepicker-trigger { position: absolute; z-index: 2; left: 1px; top: 1px; opacity: 0; }
.grid1 .field.edit .value-box.datetime .time-part { width: 40px; margin-left: 0; }
.grid1 .field.edit .value-box.datetime .time-part input { padding: 1px 2px; background-position: -30px -30px }
.grid1 .field.edit.date .value-box.datetime .date-part { width: 100%; }
.grid1 .field.edit.date .value-box.datetime .date-part:hover .ui-datepicker-trigger { opacity: 1; }
.grid1 .field.edit.time .value-box.datetime .time-part { width: 100%; }
.grid1 .field.edit.time .value-box.datetime .time-part:hover input { background-position: 1px 0px; }

.grid1 .field.editable .value-box { padding: 1px 4px; }

.grid1 .field-value input.edit.mark-updated,
.grid1 .field-value select.edit.mark-updated,
.grid1 .field-value textarea.edit.mark-updated,
.grid1 .field-value label.edit.mark-updated,
.grid1 .field.edit .field-value .value-box.mark-updated { background: #87D381; }
.grid1 .col.validation-0 .field-value input.edit.mark-updated,
.grid1 .col.validation-0 .field-value select.edit.mark-updated,
.grid1 .col.validation-0 .field-value textarea.edit.mark-updated,
.grid1 .col.validation-0 .field-value label.edit.mark-updated,
.grid1 .col.validation-0 .field.edit .field-value .value-box.mark-updated { background: #87D381; }
.grid1 .col.validation-1 .field-value input.edit.mark-updated,
.grid1 .col.validation-1 .field-value select.edit.mark-updated,
.grid1 .col.validation-1 .field-value textarea.edit.mark-updated,
.grid1 .col.validation-1 .field-value label.edit.mark-updated,
.grid1 .col.validation-1 .field.edit .field-value .value-box.mark-updated { background: #87D381; }
.grid1 .col.validation-2 .field-value input.edit.mark-updated,
.grid1 .col.validation-2 .field-value select.edit.mark-updated,
.grid1 .col.validation-2 .field-value textarea.edit.mark-updated,
.grid1 .col.validation-2 .field-value label.edit.mark-updated,
.grid1 .col.validation-2 .field.edit .field-value .value-box.mark-updated { background: #FF6D6D; }
.grid1 .field-value input.edit.mark-failed,
.grid1 .field-value select.edit.mark-failed,
.grid1 .field-value textarea.edit.mark-failed,
.grid1 .field-value label.edit.mark-failed,
.grid1 .field.edit .field-value .value-box.mark-failed { background: #FF7F7F; }
.grid1 .field.files .field-value { min-height: 20px; }
.grid1 .field.files .upload { position: absolute; left: 0; top: 1px; width: 16px; height: 16px; padding: 0; }
.grid1 .field.files .files .item { margin: 2px 5px 2px 0; }
.grid1 .field.files.edit .files { padding-left: 35px; }
.grid1 .field.files.edit .files .item .name { max-width: 250px; }
.grid1 .field.multichoicelookup .value-item { margin: 0 5px 0 0; }

/* images */
.grid1 .field.images .files,
    .grid1 .field.image .files { padding: 0; }
.grid1 .field.images .files .item,
    .grid1 .field.image .files .item { min-height: 0; margin: 0; text-align: center; }
.grid1 .field.images .files .item:hover,
    .grid1 .field.image .files .item:hover { background: transparent; }
.grid1 .field.images .files .item .actions,
    .grid1 .field.image .files .item .actions { display: none; }
                                   
/* ordering */
/*.grid1 .col .icon { display: inline-block; width: 12px; height: 12px; vertical-align: middle; color: #000000; text-decoration: none; margin-right: 5px;
                    background-color: transparent; background-position: center center; background-repeat: no-repeat;
                    font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }*/

.grid1 .items-table .col.ordering { cursor: move; }
.grid1 .items-table .col.ordering.ordering-image-on > div:before { visibility: hidden; content: " "; display: block; overflow: hidden; width: 10px; height: 16px;
                                                                   background: transparent url(../media/drag-area.png); position: relative; left: 3px; }
.grid1 .items-table .item:hover .col.ordering.ordering-image-on > div:before { visibility: visible; }
.grid1 .ui-sortable-helper .col,
.grid1 .ui-sortable-helper .col:first-child { border: 1px solid #d0d0d0; background: #fff; }
.grid1 .item.drop-placeholder,
.grid1 .item.drop-placeholder:nth-child(even) { background-color: #dcebf4; }
.grid1 .item.drop-placeholder td { height: 47px; }

/* grid menu */
.grid1 .items-table .col .cmd-menu { visibility: hidden; position: absolute; z-index: 2; right: 0; top: 2px; width: 16px; height: 16px;
                                     background-image: url(../media/actions2_x16.png); background-position: center 0; }
.grid1 .items-table .col .cmd-menu:hover { background-position: 0 -16px; }
.grid1 .items-table .item:hover .col .cmd-menu { visibility: visible; }


/* validation */
.grid1 .head-table .col.validation { text-align: center; }
.grid1 .head-table .col.validation label.validation { display: inline-block; text-align: center; color: #000000;
                                   font-family: FontAwesome; font-style: normal; font-weight: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.grid1 .head-table .col.validation label.validation-0:before { content: "\f069"; color: #FFD800; }
.grid1 .head-table .col.validation label.validation-1:before { content: "\f00c"; color: #00f; }
.grid1 .head-table .col.validation label.validation-2:before { content: "\f12a"; color: #f00; }

.grid1 .items-table .col.validation { text-align: center; }
.grid1 .items-table .col.validation label.validation { display: inline-block; text-align: center; color: #000000;
                                   font-family: FontAwesome; font-style: normal; font-weight: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.grid1 .items-table .item.validation-0 .col.validation label.validation:before { content: "\f069"; color: #FFD800; }
.grid1 .items-table .item.validation-1 .col.validation label.validation:before { content: "\f00c"; color: #00f; }
.grid1 .items-table .item.validation-2 .col.validation label.validation:before { content: "\f12a"; color: #f00; }
.grid1 .items-table .col.validation-2 { background: #FFD8D8; }

/* hover item  */
.grid1 .items-table .item.hover .col { background: rgba(210, 231, 247, 0.8); }
.grid1 .items-table .item .col.hover { background: rgba(173, 215, 244, 0.8); }
.grid1 .footer .items-table .item .col.hover { background: rgba(210, 231, 247, 0.8); }
.grid1 .items-table .item.hover .col.validation-2 { background: rgba(249, 201, 162, 0.8); }
/*.grid1 .items-table .item.hover .col { background: #D2E7F7; }
.grid1 .items-table .item .col.hover { background: #ADD7F4; }
.grid1 .footer .items-table .item .col.hover { background: #D2E7F7; }
.grid1 .items-table .item.hover .col.validation-2 { background: #F9C9A2; }
 */

/* active item  */
.grid1 .items-table .item.active .col { background: rgba(218, 218, 242, 0.8); }
.grid1 .items-table .item.active .col.hover { background: rgba(133, 198, 242, 0.8); }
.grid1 .items-table .item.active .col.validation-2 { background: rgba(185, 185, 138, 0.8); }
/*.grid1 .items-table .item.active .col { background: #B5DAF2; }
.grid1 .items-table .item.active .col.hover { background: #85C6F2; }
.grid1 .items-table .item.active .col.validation-2 { background: #F7B98A; }
*/

/* selection */
.grid1 .items-table .item.selected .col.selection label.check { display: inline-block; text-align: center; color: #000000;
                                   font-family: FontAwesome; font-style: normal; font-weight: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.grid1 .items-table .item.selected .col.selection label.check:before { content: "\f00c"; }
.grid1 .head-table .col.selection { text-align: center; }
.grid1 .head-table .col.selection label.check { display: inline-block; text-align: center; color: #000000;
                                   font-family: FontAwesome; font-style: normal; font-weight: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.grid1 .head-table .col.selection.page-selected label.check:before { content: "\f00c"; }
.grid1 .head-table .col.selection.partial-selected label.check:before { content: "\f068"; }
.grid1 .head-table .col.selection.datasource-selected label.check:before { content: "\f1c0"; }
.grid1 .head-table .col.selection .count { display: block;; text-align: center; font-size: 8px; height: 1px; line-height: 8px; font-weight: 700; }
.grid1 .items.selection .item { cursor: default; }
.grid1 .items-table .col.selection { text-align: center; }
.grid1 .items-table .item.selected .col { background: #85C6F2; }
.grid1 .items-table .item.selected .col.validation-2 { background: #F7B98A; }

/* active cell  */
.grid1 .items-table .item .col.active { background: rgba(133, 198, 242, 0.5); }
.grid1 .items-table .item .col.active > div:before { position: absolute; left: 0; top: 0; width: 2px; height: 100%; background: #1283ff; content: ""; }

/* hover column  */
.grid1 .head-table .col.hover { background: #D2E7F7; }

/* cell markers */
.grid1 .col .marker-comments { position: absolute; z-index: 2; right: 0; top: 0; width: 0; height: 0; border-top: 5px solid red; border-left: 5px solid transparent; }


.tooltip-balloon .icon { display: inline-block; vertical-align: middle; margin-right: 5px; width: 16px; height: 16px; }
.tooltip-balloon .icon-traffic-light-1 { background-image: url(../media/traffic-light-1.png); }
.tooltip-balloon .icon-traffic-light-2 { background-image: url(../media/traffic-light-2.png); }
.tooltip-balloon .icon-traffic-light-3 { background-image: url(../media/traffic-light-3.png); }

/* lookup-tab */
.lookup-popup { position: absolute; z-index: 19; max-height: 300px; overflow: auto;
              box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
              color: #030303; border-width: 1px; border-style: solid; border-color: #d0d0d0; background: #FFFFFF;}
.lookup-popup.hidden { visibility: hidden; }
.lookup-tab .loading { width: 30px; height: 30px; background: transparent url(../media/loader2.gif) center center no-repeat; }
.lookup-tab .items .item { overflow: hidden; padding: 5px 10px; cursor: pointer;
                       font-size: 12px; line-height: 16px; min-height: 16px; }
.lookup-tab .items .item:hover { background: #ADD7F4; }
.lookup-tab .items .item .image { float: left; margin-right: 5px; width: 16px; height: 16px; cursor: pointer; font-family: FontAwesome; font-style: normal; font-weight: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.lookup-tab .items .item .name { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; cursor: pointer; }
.lookup-tab .items .item .details { display: block; overflow: hidden; color: #888; font-size: 11px; line-height: 1; margin-bottom: 3px; white-space: nowrap; text-overflow: ellipsis; cursor: pointer; }
.lookup-tab .items .item .details .remarks { margin-right: 0.5em; font-style: italic; }
.lookup-tab .items.tree .item .name { position: relative; padding-left: 16px; }
.lookup-tab .items.tree .item .name:before { content: " "; overflow: hidden; position: absolute; left: 0; top: 2px; width: 6px; height: 9px;
                                       background-color: transparent; background-image: url(../media/toggle1.png); background-position: 0 -9px; background-repeat: no-repeat; }
.lookup-tab .items.tree .item.level-2 { padding-left: 20px; }
.lookup-tab .items.tree .item.level-3 { padding-left: 40px; }
.lookup-tab .items.tree .item.level-4 { padding-left: 60px; }
.lookup-tab .items.tree .item.level-5 { padding-left: 80px; }
.lookup-tab .items.tree .item.level-6 { padding-left: 100px; }
.lookup-tab .items.tree .item.level-7 { padding-left: 110px; }
.lookup-tab .items.tree .item.level-8 { padding-left: 120px; }
.lookup-tab .items.tree .item.level-9 { padding-left: 130px; }
.lookup-tab .items.tree .item.level-10 { padding-left: 140px; }
.lookup-tab .items.tree .item.level-11 { padding-left: 150px; }

/* menu-tab */
.menu-popup { position: absolute; z-index: 19; max-height: 300px; max-width: 500px; overflow: auto;
            box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
            color: #030303; border-width: 1px; border-style: solid; border-color: #bcbcbc; background: #FFFFFF;
            -moz-border-radius: 1px; -webkit-border-radius: 1px; border-radius: 1px;
            box-shadow: 2px 3px 2px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 2px 3px 2px rgba(0, 0, 0, 0.4); -moz-box-shadow: 2px 3px 2px rgba(0, 0, 0, 0.4); }
.menu-tab .items .loading { width: 30px; height: 30px; background: transparent url(../media/loader2.gif) center center no-repeat; }
.menu-tab .items .item { position: relative; overflow: hidden; padding: 7px 20px 7px 10px; cursor: pointer;
                       font-size: 12px; line-height: 15px; height: 15px; }
.menu-tab .items .item.alt { background-color: #F8F8F8; }
.menu-tab .items .item .image-col { position: absolute; left: 0; top: 1px; width: 34px; height: 27px; line-height: 27px; text-align: center; cursor: pointer; border-right: 1px solid #DEDFE0;
                                font-family: FontAwesome; font-style: normal; font-weight: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
                                background-color: #FBFCFD; background-position: center center; background-repeat: no-repeat; }
.menu-tab .items .item .image-col .image { position: absolute; left: 9px; top: 7px; width: 16px; height: 16px; line-height: 16px; }
.menu-tab .items .item .name { display: block; padding-left: 35px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; cursor: pointer; }
.menu-tab .items .item:hover { background: #ADD7F4; }
.menu-tab .items .item:hover .image-col { background-color: #ADD7F4; }
.menu-tab .items .item.disabled { color: #aaa; cursor: default; background-color: #fff; }
.menu-tab .items .item.disabled .name { cursor: default; }
.menu-tab .items .item.disabled .image-col { cursor: default; background-color: #FBFCFD; }
.menu-tab .items .noitems { position: relative; overflow: hidden; padding: 7px 20px 7px 10px; font-size: 12px; line-height: 15px; height: 15px; color: #aaa; }
.menu-tab .items .item:hover .cmd-ide  { visibility: visible; }
.menu-tab .items .item:hover .cmd-ide:hover { opacity: 1; }
.menu-tab .sep { margin: 0 10px 1px; height: 1px; overflow: hidden; border-bottom: 1px solid #d0d0d0; }
.lookup-popup .menu-tab .items .item .image-col { background: transparent; border: none; }
.lookup-popup .menu-tab .items .item .name { padding-left: 25px; }

/* menu-toolbar */
.menu-toolbar { position: absolute; z-index: 19; padding: 1px; overflow: hidden; margin-top: -15px;
            box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
            color: #030303; border-width: 1px; border-style: solid; border-color: #bcbcbc; background: #FFFFFF;
            -moz-border-radius: 1px; -webkit-border-radius: 1px; border-radius: 1px;
            box-shadow: 2px 3px 2px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 2px 3px 2px rgba(0, 0, 0, 0.4); -moz-box-shadow: 2px 3px 2px rgba(0, 0, 0, 0.4); }
.menu-toolbar .item { float: left; border: 1px solid transparent; cursor: pointer; }
.menu-toolbar .item .image-container { display: block; width: 24px; height: 24px; margin: 0 auto; cursor: pointer; }
.menu-toolbar .item .image-container .image { display: block; width: 16px; height: 16px; margin: 0 auto; }
.menu-toolbar .item .text { display: block; max-width: 32px; max-height: 28px; overflow: hidden; font-size: 12px; line-height: 14px; text-align: center; cursor: pointer; }
.menu-toolbar .item:hover { 
  border: 1px solid #CECFD5; 
  background: #dee6fe;
  background: linear-gradient(0deg, #dee6fe 0%, #d2defc 47%, #e7edff 100%);
}

/* autofilter */
.autofilter-tab { position: absolute; z-index: 19; min-width: 200px; max-width: 250px; font-size: 12px;
                  color: #030303; border-width: 1px; border-style: solid; border-color: #d0d0d0; background: #FFFFFF;
                  -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
                   box-shadow: 2px 3px 2px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 2px 3px 2px rgba(0, 0, 0, 0.4); -moz-box-shadow: 2px 3px 2px rgba(0, 0, 0, 0.4); }
.autofilter-tab .loading { width: 30px; height: 30px; background: transparent url(../media/loader2.gif) center center no-repeat; }
.autofilter-tab .head { border-bottom: 1px solid #d0d0d0; }
.autofilter-tab .head .item { overflow: hidden; padding: 5px 10px; cursor: pointer; white-space: nowrap; }
.autofilter-tab .head .image { display: inline-block; width: 14px; height: 14px; vertical-align: middle; text-decoration: none;
                    background-color: transparent; background-position: center center; background-repeat: no-repeat;
                    font-family: FontAwesome; font-style: normal; font-size: 12px; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.autofilter-tab .head .image.image-clear:before { content: "\f00d"; }

.autofilter-tab .search { padding: 5px 10px; border-bottom: 1px solid #ddd; color: #aaa; overflow: hidden; }
.autofilter-tab .search label { float: left; line-height: 21px; }
.autofilter-tab .search .actions { float: right; }
.autofilter-tab .search .value { overflow: hidden; }
.autofilter-tab .search input { border: none; background: transparent; padding: 4px 9px; width: 100%;
                                      box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.autofilter-tab .search .cmd-search { display: inline-block; vertical-align: middle; }
.autofilter-tab .search .cmd-search span { display: inline-block; width: 21px; height: 21px; background: transparent url(../media/grid-sprite1.png) -42px 0; }
.autofilter-tab .search .cmd-cancelsearch { display: inline-block; vertical-align: middle; }
.autofilter-tab .search .cmd-cancelsearch span { display: inline-block; width: 21px; height: 21px; background: transparent url(../media/grid-sprite1.png) -63px 0; }

.autofilter-tab .intervals { border-bottom: 1px solid #d0d0d0; }
.autofilter-tab .intervals .item { overflow: hidden; padding: 5px 10px; cursor: pointer; white-space: nowrap; }
.autofilter-tab .intervals .interval-field { position: relative; display: inline-block; vertical-align: middle; }
.autofilter-tab .intervals label { display: inline-block; vertical-align: middle; line-height: 23px; margin: 0 5px; }
.autofilter-tab .intervals .interval-field input { display: inline-block; vertical-align: middle; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; text-align: right;
                                         width: 85px; vertical-align: top; font-size: 11px; line-height: 15px; padding: 3px; margin: 0; color: #000;
                                         border: 1px solid #CCCCCC; background: #FFFFFF; resize: none; font-family: tahoma, arial, sans-serif; }
.autofilter-tab .intervals .interval-field .cmd-options { display: inline-block; vertical-align: middle; height: 23px; width: 15px; text-align: center; line-height: 18px; color: #ddd;
                                                          box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
                                                          border-width: 1px; border-style: solid solid solid none; border-color: #CCCCCC;
                                                          font-family: FontAwesome; font-style: normal; font-weight: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.autofilter-tab .intervals .interval-field .cmd-options:before { content: "\f0dd"; }
.autofilter-tab .intervals .interval-field .cmd-options:hover { color: #000; }
.autofilter-tab .intervals .ui-datepicker-trigger { position: absolute; z-index: 2; left: 4px; top: 3px; }


.autofilter-tab .formatting { border-bottom: 1px solid #d0d0d0; padding: 5px 10px; }
.autofilter-tab .filter-items { overflow: hidden; display: inline-block; vertical-align: middle; }
.autofilter-tab .filter-item { position: relative; float: left; width: 24px; height: 24px; line-height: 20px; text-align: center; margin: 2px; cursor: pointer;
                               border: 2px solid transparent;
                               box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.autofilter-tab .filter-item:hover { border-color: #ADD7F4; }
.autofilter-tab .filter-item.active { border-color: #1283ff; }
.autofilter-tab .filter-item span { position: absolute; left: 0; top: 0; width: 20px; height: 20px; }

.autofilter-tab .levels { border-bottom: 1px solid #d0d0d0; padding: 5px 10px; }
.autofilter-tab .levels .filter-item { background: #eee; }

.autofilter-tab .value-items { border-bottom: 1px solid #d0d0d0; }
.autofilter-tab .value-items-scroll { max-height: 250px; overflow-x: hidden; overflow-y: auto; }
.autofilter-tab .buttons { padding: 10px 20px; text-align: right; }
.autofilter-tab .buttons .button { margin: 0 0 0 10px; font-size: 11px; line-height: 11px; padding: 7px 10px; min-width: 50px; text-align: center; }
.autofilter-tab .value-items .item { overflow: hidden; padding: 5px 20px 5px 10px; cursor: pointer; white-space: nowrap; line-height: 16px; height: 16px; }
.autofilter-tab .item.alt { background-color: #F8F8F8; }
.autofilter-tab .value-items .item:hover { background: #ADD7F4; }
.autofilter-tab .sep { margin: 0 10px 1px; height: 1px; overflow: hidden; border-bottom: 1px solid #d0d0d0; }
.autofilter-tab .item .check { vertical-align: middle; margin-right: 5px; }
.autofilter-tab .item.active .check,
.autofilter-tab .item.active2 .check { display: inline-block; text-align: center;
                                      font-family: FontAwesome; font-style: normal; font-weight: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }                                  
.autofilter-tab .item.active .check:before { content: "\f00c"; }
.autofilter-tab .item.active2 .check:before { content: "\f0c8"; font-size: 8px; }
.autofilter-tab .clear-item.disabled { opacity: 0.5; filter: alpha(opacity=50); }
.autofilter-tab .value-items .clear-item.disabled:hover { background: #fff; }

.autofilter-tab .item .name { display: inline-block; vertical-align: middle; cursor: pointer; }
.autofilter-tab .image { display: inline-block; vertical-align: middle; margin-right: 5px; width: 16px; height: 16px; text-align: center;
                         font-family: FontAwesome; font-style: normal; font-weight: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.autofilter-tab .image-traffic-light-1 { background-image: url(../media/traffic-light-1.png); }
.autofilter-tab .image-traffic-light-2 { background-image: url(../media/traffic-light-2.png); }
.autofilter-tab .image-traffic-light-3 { background-image: url(../media/traffic-light-3.png); }

.autofilter-options-tab { position: absolute; z-index: 20; min-width: 200px; max-width: 330px; font-size: 12px;
                  color: #555; border-width: 1px; border-style: solid; border-color: #d0d0d0; background: #FFFFFF;
                  -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.autofilter-options-tab { margin: 0 0 5px; }
.autofilter-options-tab .group { margin: 10px; float: left; }
.autofilter-options-tab .group > .name { display: block; margin: 0 0 5px; background: #DCEBF4; color: #1283FF;
                                       font-size: 11px; line-height: 11px; padding: 5px 8px; min-width: 50px; text-align: center; cursor: pointer;
                                       transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; }
.autofilter-options-tab .group > .name:hover { background-color: #CDE6F7; }
.autofilter-options-tab .group .item { display: inline-block; vertical-align: middle; margin: 0 0 0 5px; background: #DCEBF4; color: #1283FF;
                                       font-size: 11px; line-height: 11px; padding: 5px 8px; min-width: 50px; text-align: center; cursor: pointer;
                                       transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; }
.autofilter-options-tab .group .item:first-child { margin-left: 0; }
.autofilter-options-tab .group .item:hover { background-color: #CDE6F7; }
.autofilter-options-tab .group .item .value { font-size: 8px; line-height: 8px; color: #000; margin-top: 2px; }

/* grid1 customization */
.grid1 .items .col.multiline > div { white-space: pre-line; }
.grid1 .items-table .item .col.mark-diff { background-color: #FFD8D8; }
.grid1 .items-table .item .col.mark-selected { background-color: #CCFFCC; }
.grid1 .items-table .item.marker-readmarker .col { font-weight: 700; }
.grid1 .items-table .item.marker-readmarker .col .icon-markread:before { content: "\f058"; }
.grid1 .items-table .item.marker-hasfile .col { font-weight: 700; }
.grid1 .items-table .item .col.mark-control1-0 { background-color: #FFD8D8; }
.grid1 .items-table .item .col.mark-control1-1 { background-color: #CCFFCC; }
.grid1 .items-table .item .col.mark-upward > div:before { position: absolute; left: 5px; top: 2px; text-align: center; content: "\f176"; color: #f00;
                                      font-family: FontAwesome; font-style: normal; font-weight: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }                                  
.grid1 .items-table .item .col.mark-downward > div:before { position: absolute; left: 5px; top: 2px; text-align: center; content: "\f175"; color: #00f;
                                      font-family: FontAwesome; font-style: normal; font-weight: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }                                  
.grid1 .items-table .item .col.mark-photo-status-0 > div:before { position: absolute; left: 5px; top: 2px; text-align: center; content: "\f12a"; color: #f00;
                                      font-family: FontAwesome; font-style: normal; font-weight: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }                                  
.grid1 .items-table .item .col.mark-photo-status-1 > div:before { position: absolute; left: 5px; top: 2px; text-align: center; content: "\f00c"; color: #00f;
                                      font-family: FontAwesome; font-style: normal; font-weight: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }                                  

/* grid-tools1 */
.form .grid-tools1 { position: absolute; z-index: 2; left: 0; top: 0; }
.grid-with-tools1 .views-selector { padding-left: 50px; }
.workspace-details-pane .grid-tools1 { left: 15px; top: 15px; }

/* grid-tools2 */
.form .grid-tools2 { position: absolute; z-index: 2; left: 0; top: 0; }
.grid-with-tools2 .views-selector { padding-left: 250px; }
.workspace-details-pane .grid-tools2 { left: 15px; top: 15px; }

/* grid-tools3 */
.form .grid-tools3 { position: absolute; z-index: 2; left: 0; top: 0; }
.grid-with-tools3 .views-selector { padding-left: 150px; }
.workspace-details-pane .grid-tools3 { left: 15px; top: 15px; }

.workspace-tools-pane .separator, .workspace-tools-pane .separator div {display:inline;}

/* error-page */
.error-page .content { white-space: pre-wrap; padding: 15px; }

/* notifications-grid */
.notifications-grid { z-index: 1; }
.notifications-grid .items-table .item.unread .col { font-weight: 700; }
.notifications-grid .grid-toppane .search { float: right; }
.notifications-grid .grid-toppane .search input { width: 160px; }

.group.notifications-tools { position: absolute; z-index: 2; left: 0; top: 0; }
.group.notifications-tools .button { margin-right: 10px; }
.group.notifications-tools .button .image { padding: 0; line-height: 12px; }
.group.notifications-tools .field { display: inline-block; vertical-align: top; margin-right: 10px; }
                                                                                  
/* images */
/*.image-plus:before { content: "\f067" }*/
.image-project-status-0 { background-image: url(../media/traffic-light-1.png); }
.image-project-status-1 { background-image: url(../media/traffic-light-2.png); }
.image-project-status-2 { background-image: url(../media/traffic-light-3.png); }
.image-traffic-light-0:before { content: "\f111"; color: #EA3737; }
.image-traffic-light-1:before { content: "\f111"; color: #2CBB8B; }
.image-traffic-light-2:before { content: "\f111"; color: #E59700; }
.image-employees:before { content: "\f0c0" }
.image-contacts:before { content: "\f0c0" }
.image-contact:before { content: "\f007" }
/*.image-user:before { content: "\f007" }*/
.image-user-secret:before { content: "\f21b" }
/*.image-check:before { content: "\f00c" }*/
/*.image-check-circle:before { content: "\f058" }*/
.image-envelope:before { content: "\f0e0" }
.image-send:before { content: "\f064" }
.image-revoke:before { content: "\f112" }
.image-time:before { content: "\f017" }
.image-numlist:before { content: "\f0cb" }
/*.image-save:before { content: "\f0c7" }*/
.image-rename:before { content: "\f040" }
/*.image-remove:before { content: "\f00d" }*/
.image-reject:before { content: "\f05e" }
.image-block:before { content: "\f05e"; }
.image-arrow-up:before { content: "\f062" }
.image-email:before { content: "\f003"; }
.image-document:before { content: "\f0f6"; }
/*.image-edit:before { content: "\f040"; }*/
.image-details:before { content: "\f044"; }
.image-details-empty:before { content: "\f044"; color: #aaa; }
.image-refresh:before { content: "\f021"; }
.image-control1-0:before { content: "\f05e" }
.image-control1-1:before { content: "\f00c" }
.image-employee:before { content: "\f007" }
.image-excel:before { content: "\f1c3" }
.image-actions { background: transparent url(../media/approve2.png) 0 0 no-repeat; }
.image-actions2 { background: transparent url(../media/actions2.png) 0 0 no-repeat; }
.image-photo-status-0:before { content: "\f12a"; color: #f00; }
.image-photo-status-1:before { content: "\f00c"; color: #00f; }
.image-selection-none:before { content: "\f096" }
.image-selection-page:before { content: "\f046" }
.image-selection-datasource:before { content: "\f1c0" }
.image-mark-read:before { content: "\f111"; }
.image-mark-unread:before { content: "\f058"; }
.image-hide:before { content: "\f070"; }
.image-eye:before { content: "\f06e"; }
.image-square-empty:before { content: "\f096"; }
.image-square-checked:before { content: "\f046"; }
.image-angle-left:before { content: "\f104"; }
.image-angle-right:before { content: "\f105"; }
.image-reset:before { content: "\f12d"; }
/*.image-question:before { content: "\f128"; }*/
.image-file-archive:before { content: "\f1c6"; }
.image-mail-sent-0:before { content: "\f12a"; color: #f00; }
.image-mail-sent-1:before { content: "\f00c"; color: #00f; }
.image-mail-sent-2:before { content: "\f251"; color: #E59700; }
.image-process:before { content: "\f04b"; color: #00f; }
.image-play:before { content: "\f04b"; color: #00f; }
.image-pause:before { content: "\f04c"; }
/*.image-stop:before { content: "\f04d"; }*/
.image-pending:before { content: "\f251"; }
.image-ok:before { content: "\f00c"; color: #00f; }
.image-error:before { content: "\f12a"; color: #f00; }
.image-attach:before { content: "\f0c6"; }
.image-wizard:before { content: "\f0d0"; }
.image-map-marker:before { content: "\f041"; }
/*.image-help:before { content: "\f128"; }*/
.image-key:before { content: "\f084"; }
.image-approve:before { content: "\f046"; }
/*.image-download-template { background: transparent url(../media/download_template.png) 0 0 no-repeat; }*/
.image-reply { background-image: url(../media/reply-16.png); }
.button .image-reply { background-position: 0 -16px; }
.image-forward { background-image: url(../media/forward-16.png); }
.button .image-forward { background-position: 0 -16px; }
.image-add-comment { background-image: url(../media/add-comment-16.png); }
.button .image-add-comment { background-position: 0 -16px; }
.image-add-message { background-image: url(../media/add-comment-16.png); }
.button .image-add-message { background-position: 0 -16px; }
.image-send-message { background-image: url(../media/send-comment-16.png); }
.button .image-send-message { background-position: 0 -16px; }
.image-remove-message { background-image: url(../media/remove-message-16.png); }
.button .image-remove-message { background-position: 0 -16px; }
.image-plus-circle { background-image: url(../media/plus-circle-16.png); }
.button .image-plus-circle { background-position: 0 -16px; }
.image-remove { background-image: url(../media/remove-16.png); }
.button .image-remove { background-position: 0 -16px; }
.image-check-list { background-image: url(../media/check-list-16.png); }
.button .image-check-list { background-position: 0 -16px; }
.image-square-list { background-image: url(../media/square-list-16.png); }
.button .image-square-list { background-position: 0 -16px; }
.image-table-list { background-image: url(../media/table-list-16.png); }
.button .image-table-list { background-position: 0 -16px; }
.image-transaction-list { background-image: url(../media/transaction-list-16.png); }
.button .image-transaction-list { background-position: 0 -16px; }
.image-shuffle { background-image: url(../media/shuffle-16.png); }
.button .image-shuffle { background-position: 0 -16px; }
.image-workflow { background-image: url(../media/workflow-16.png); }
.button .image-workflow { background-position: 0 -16px; }
.image-importance-1 { background-image: url(../media/importance-1-16.png); }
.button .image-importance-1 { background-position: 0 -16px; }
.image-importance-2 { background-image: url(../media/importance-2-16.png); }
.button .image-importance-2 { background-position: 0 -16px; }
.image-importance-3 { background-image: url(../media/importance-3-16.png); }
.button .image-importance-3 { background-position: 0 -16px; }
.image-importance-4 { background-image: url(../media/importance-4-16.png); }
.button .image-importance-4 { background-position: 0 -16px; }
.image-high-importance-1 { background-image: url(../media/high-importance-1-16.png); }
.button .image-high-importance-1 { background-position: 0 -16px; }
.image-high-importance-2 { background-image: url(../media/high-importance-2-16.png); }
.button .image-high-importance-2 { background-position: 0 -16px; }
.image-high-importance-3 { background-image: url(../media/high-importance-3-16.png); }
.button .image-high-importance-3 { background-position: 0 -16px; }
.image-high-importance-4 { background-image: url(../media/high-importance-4-16.png); }
.button .image-high-importance-4 { background-position: 0 -16px; }
.image-calendar { background-image: url(../media/calendar-16.png); }
.button .image-calendar { background-position: 0 -16px; }
.image-week-view { background-image: url(../media/week-view-16.png); }
.button .image-week-view { background-position: 0 -16px; }
.image-today { background-image: url(../media/today-16.png); }
.button .image-today { background-position: 0 -16px; }
.image-back { background-image: url(../media/back-16.png); }
.button .image-back { background-position: 0 -16px; }
.image-calc { background-image: url(../media/calc-16.png); }
.image-calc-hover { background-image: url(../media/calc-16.png); background-position: 0 -16px; }
.button:hover .image-calc { background-position: 0 -16px; }
.image-xls { background-image: url(../media/xls-16.png); }
.button .image-xls { background-position: 0 -16px; }
.button .image-check { background-position: 0 -16px; }
.image-download-template { background-image: url(../media/download-template-16.png); }
.button .image-download-template { background-position: 0 -16px; }

.image-priority-highest:before { content: "\f102"; color: #EA3737; font-size: 1.2em; }
.image-priority-high:before { content: "\f106"; color: #E59700; font-size: 1.2em; }
.image-priority-normal:before { content: "\f106"; color: #2CBB8B; font-size: 1.2em; }
.image-priority-low:before { content: "\f107"; color: #4ABCE6; font-size: 1.2em; }
.image-priority-question:before { content: "\f128"; color: #AAAAAA; font-size: 0.8em; }

.image-datefrom { background-image: url(../media/date_from_x16.png); background-position: center 0; }
.image-datefrom-active { background-image: url(../media/date_from_x16.png); background-position: center -32px; }
.image-datefrom-active2 { background-image: url(../media/date_from_x16.png); background-position: center -16px; }

.image-copy2 { background-image: url(../media/copy_x16.png); background-position: center 0; }
.image-copy2-active { background-image: url(../media/copy_x16.png); background-position: center -32px; }
.image-copy2-active2 { background-image: url(../media/copy_x16.png); background-position: center -16px; }

.image-less { background-image: url(/media/less_x16.png); background-position: center 0; }
.image-less-active { background-image: url(/media/less_x16.png); background-position: center -32px; }
.image-less-active2 { background-image: url(/media/less_x16.png); background-position: center -16px; }

.image-more { background-image: url(/media/more_x16.png); background-position: center 0; }
.image-more-active { background-image: url(/media/more_x16.png); background-position: center -32px; }
.image-more-active2 { background-image: url(/media/more_x16.png); background-position: center -16px; }

.image-phone { background-image: url(/media/phone_x16.png); background-position: center 0; }
.image-phone-active { background-image: url(/media/phone_x16.png); background-position: center -32px; }
.image-phone-active2 { background-image: url(/media/phone_x16.png); background-position: center -16px; }

.image-mob { background-image: url(/media/mob_x16.png); background-position: center 0; }
.image-mob-active { background-image: url(/media/mob_x16.png); background-position: center -32px; }
.image-mob-active2 { background-image: url(/media/mob_x16.png); background-position: center -16px; }

.image-office { background-image: url(/media/office_x16.png); background-position: center 0; }
.image-office-active { background-image: url(/media/office_x16.png); background-position: center -32px; }
.image-office-active2 { background-image: url(/media/office_x16.png); background-position: center -16px; }

.image-web { background-image: url(/media/web_x16.png); background-position: center 0; }
.image-web-active { background-image: url(/media/web_x16.png); background-position: center -32px; }
.image-web-active2 { background-image: url(/media/web_x16.png); background-position: center -16px; }

.image-email2 { background-image: url(/media/email_x16.png); background-position: center 0; }
.image-email2-active { background-image: url(/media/email_x16.png); background-position: center -32px; }
.image-email2-active2 { background-image: url(/media/email_x16.png); background-position: center -16px; }

.image-fax { background-image: url(/media/fax_x16.png); background-position: center 0; }
.image-fax-active { background-image: url(/media/fax_x16.png); background-position: center -32px; }
.image-fax-active2 { background-image: url(/media/fax_x16.png); background-position: center -16px; }

.image-skype { background-image: url(/media/skype_x16.png); background-position: center 0; }
.image-skype-active { background-image: url(/media/skype_x16.png); background-position: center -32px; }
.image-skype-active2 { background-image: url(/media/skype_x16.png); background-position: center -16px; }

.grid1 .col .image-details { color: #ddd; }
.grid1 .col .image-details:before { content: "\f044"; }
.grid1 .col .image-details-active:before { content: "\f044"; }

.image-delete { background-image: url(../media/delete-16.png); }
.button .image-delete { background-position: 0 -16px; }
.grid1 .col .image-delete, .menu-tab .image-delete { width: 16px; height: 16px; background-image: url(../media/delete-16.png); background-position: center 0; }
.grid1 .col :hover .image-delete, .menu-tab .item:hover .image-delete {background-position: center -16px; }

.grid1 .col .image-target, .menu-tab .image-target { width: 16px; height: 16px; background-image: url(../media/target.png); background-position: center 0; }
.grid1 .col :hover .image-target, .menu-tab .item:hover .image-target {background-position: center -16px; }

.grid1 .col .image-datefrom, .menu-tab .image-datefrom { width: 16px; height: 16px; background-image: url(../media/date_from_x16.png); background-position: center 0; }
.grid1 .col :hover .image-datefrom, .menu-tab .item:hover .image-datefrom {background-position: center -16px; }
.grid1 .col .image-datefrom-active, .menu-tab .image-datefrom-active { width: 16px; height: 16px; background-image: url(../media/date_from_x16.png); background-position: center -32px; }
.grid1 .col :hover .image-datefrom-active, .menu-tab .item:hover .image-datefrom-active {background-position: center -16px; }
.grid1 .col .image-datefrom-active2, .menu-tab .image-datefrom-active2 { width: 16px; height: 16px; background-image: url(../media/date_from_x16.png); background-position: center -16px; }
.grid1 .col :hover .image-datefrom-active2, .menu-tab .item:hover .image-datefrom-active2 {background-position: center -16px; }

.grid1 .col .image-copy2, .menu-tab .image-copy2 { width: 16px; height: 16px; background-image: url(../media/copy_x16.png); background-position: center 0; }
.grid1 .col :hover .image-copy2, .menu-tab .item:hover .image-copy2 {background-position: center -16px; }
.grid1 .col .image-copy2-active, .menu-tab .image-copy2-active { width: 16px; height: 16px; background-image: url(../media/copy_x16.png); background-position: center -32px; }
.grid1 .col :hover .image-copy2-active, .menu-tab .item:hover .image-copy2-active {background-position: center -16px; }
.grid1 .col .image-copy2-active2, .menu-tab .image-copy2-active2 { width: 16px; height: 16px; background-image: url(../media/copy_x16.png); background-position: center -16px; }
.grid1 .col :hover .image-copy2-active2, .menu-tab .item:hover .image-copy2-active2 {background-position: center -16px; }

.grid1 .col .image-less, .menu-tab .image-less { width: 16px; height: 16px; background-image: url(/media/less_x16.png); background-position: center 0; }
.grid1 .col :hover .image-less, .menu-tab .item:hover .image-less {background-position: center -16px; }
.grid1 .col .image-less-active, .menu-tab .image-less-active { width: 16px; height: 16px; background-image: url(/media/less_x16.png); background-position: center -32px; }
.grid1 .col :hover .image-less-active, .menu-tab .item:hover .image-less-active {background-position: center -16px; }
.grid1 .col .image-less-active2, .menu-tab .image-less-active2 { width: 16px; height: 16px; background-image: url(/media/less_x16.png); background-position: center -16px; }
.grid1 .col :hover .image-less-active2, .menu-tab .item:hover .image-less-active2 {background-position: center -16px; }

.grid1 .col .image-more, .menu-tab .image-more { width: 16px; height: 16px; background-image: url(/media/more_x16.png); background-position: center 0; }
.grid1 .col :hover .image-more, .menu-tab .item:hover .image-more {background-position: center -16px; }
.grid1 .col .image-more-active, .menu-tab .image-more-active { width: 16px; height: 16px; background-image: url(/media/more_x16.png); background-position: center -32px; }
.grid1 .col :hover .image-more-active, .menu-tab .item:hover .image-more-active {background-position: center -16px; }
.grid1 .col .image-more-active2, .menu-tab .image-more-active2 { width: 16px; height: 16px; background-image: url(/media/more_x16.png); background-position: center -16px; }
.grid1 .col :hover .image-more-active2, .menu-tab .item:hover .image-more-active2 {background-position: center -16px; }

.grid1 .col .image-move, .menu-tab .image-move { width: 16px; height: 16px; background-image: url(../media/move.png); background-position: center 0; }
.grid1 .col :hover .image-move, .menu-tab .item:hover .image-move {background-position: center -16px; }
.grid1 .col .image-move-active, .menu-tab .image-move-active { width: 16px; height: 16px; background-image: url(../media/move.png); background-position: center -32px; }
.grid1 .col :hover .image-move-active, .menu-tab .item:hover .image-move-active {background-position: center -16px; }

.image-submit { background-image: url(../media/submit.png); }
.button .image-submit { background-position: 0 -16px; }
.grid1 .col .image-submit, .menu-tab .image-submit { width: 16px; height: 16px; background-image: url(../media/submit.png); background-position: center 0; }
.grid1 .col :hover .image-submit, .menu-tab .item:hover .image-submit {background-position: center -16px; }
.grid1 .col .image-submit-active, .menu-tab .image-submit-active { width: 16px; height: 16px; background-image: url(../media/submit.png); background-position: center -32px; }
.grid1 .col :hover .image-submit-active, .menu-tab .item:hover .image-submit-active {background-position: center -16px; }

.grid1 .col .image-submit-edit, .menu-tab .image-submit-edit { width: 16px; height: 16px; background-image: url(../media/submit-edit-16.png); background-position: center 0; }
.grid1 .col :hover .image-submit-edit, .menu-tab .item:hover .image-submit-edit {background-position: center -16px; }
.grid1 .col .image-submit-edit-active, .menu-tab .image-submit-edit-active { width: 16px; height: 16px; background-image: url(../media/submit-edit-16.png); background-position: center -32px; }
.grid1 .col :hover .image-submit-edit-active, .menu-tab .item:hover .image-submit-edit-active {background-position: center -16px; }

.grid1 .col .image-replace, .menu-tab .image-replace { width: 16px; height: 16px; background-image: url(../media/replace.png); background-position: center 0; }
.grid1 .col :hover .image-replace, .menu-tab .item:hover .image-replace {background-position: center -16px; }
.grid1 .col .image-replace-active, .menu-tab .image-replace-active { width: 16px; height: 16px; background-image: url(../media/replace.png); background-position: center -32px; }
.grid1 .col :hover .image-replace-active, .menu-tab .item:hover .image-replace-active {background-position: center -16px; }

.grid1 .col .image-lost, .menu-tab .image-lost { width: 16px; height: 16px; background-image: url(../media/lost.png); background-position: center 0; }
.grid1 .col :hover .image-lost, .menu-tab .item:hover .image-lost {background-position: center -16px; }
.grid1 .col .image-lost-active, .menu-tab .image-lost-active { width: 16px; height: 16px; background-image: url(../media/lost.png); background-position: center -32px; }
.grid1 .col :hover .image-lost-active, .menu-tab .item:hover .image-lost-active {background-position: center -16px; }
.grid1 .col .image-lost-active2, .menu-tab .image-lost-active2 { width: 16px; height: 16px; background-image: url(/media/lost.png); background-position: center -16px; }
.grid1 .col :hover .image-lost-active2, .menu-tab .item:hover .image-lost-active2 {background-position: center -16px; }

.grid1 .col .image-lock, .menu-tab .image-lock { width: 16px; height: 16px; background-image: url(../media/lock.png); background-position: center 0; }
.grid1 .col :hover .image-lock, .menu-tab .item:hover .image-lock {background-position: center -16px; }
.grid1 .col .image-lock-active, .menu-tab .image-lock-active { width: 16px; height: 16px; background-image: url(../media/lock.png); background-position: center -32px; }
.grid1 .col :hover .image-lock-active, .menu-tab .item:hover .image-lock-active {background-position: center -16px; }
.grid1 .col .image-lock-active2, .menu-tab .image-lock-active2 { width: 16px; height: 16px; background-image: url(/media/lock.png); background-position: center -16px; }
.grid1 .col :hover .image-lock-active2, .menu-tab .item:hover .image-lock-active2 {background-position: center -16px; }

.grid1 .col .image-checklist, .menu-tab .image-checklist { width: 16px; height: 16px; background-image: url(../media/checklist.png); background-position: center 0; }
.grid1 .col :hover .image-checklist, .menu-tab .item:hover .image-checklist {background-position: center -16px; }
.grid1 .col .image-checklist-active, .menu-tab .image-checklist-active { width: 16px; height: 16px; background-image: url(../media/checklist.png); background-position: center -32px; }
.grid1 .col :hover .image-checklist-active, .menu-tab .item:hover .image-checklist-active {background-position: center -16px; }

.grid1 .col .image-print, .menu-tab .image-print { width: 16px; height: 16px; background-image: url(../media/print.png); background-position: center 0; }
.grid1 .col :hover .image-print, .menu-tab .item:hover .image-print {background-position: center -16px; }
.grid1 .col .image-print-active, .menu-tab .image-print-active { width: 16px; height: 16px; background-image: url(../media/print.png); background-position: center -32px; }
.grid1 .col :hover .image-print-active, .menu-tab .item:hover .image-print-active {background-position: center -16px; }

.grid1 .col .image-import, .menu-tab .image-import { width: 16px; height: 16px; background-image: url(../media/import.png); background-position: center 0; }
.grid1 .col :hover .image-import, .menu-tab .item:hover .image-import {background-position: center -16px; }
.grid1 .col .image-import-active, .menu-tab .image-import-active { width: 16px; height: 16px; background-image: url(../media/import.png); background-position: center -32px; }
.grid1 .col :hover .image-import-active, .menu-tab .item:hover .image-import-active {background-position: center -16px; }

.grid1 .col .image-export, .menu-tab .image-export { width: 16px; height: 16px; background-image: url(../media/export.png); background-position: center 0; }
.grid1 .col :hover .image-export, .menu-tab .item:hover .image-export {background-position: center -16px; }
.grid1 .col .image-export-active, .menu-tab .image-export-active { width: 16px; height: 16px; background-image: url(../media/export.png); background-position: center -32px; }
.grid1 .col :hover .image-export-active, .menu-tab .item:hover .image-export-active {background-position: center -16px; }

.grid1 .col .image-details2, .menu-tab .image-details2 { width: 16px; height: 16px; background-image: url(../media/details2.png); background-position: center 0; }
.grid1 .col :hover .image-details2, .menu-tab .item:hover .image-details2 {background-position: center -16px; }
.grid1 .col .image-details2-active, .menu-tab .image-details2-active { width: 16px; height: 16px; background-image: url(../media/details2.png); background-position: center -32px; }
.grid1 .col :hover .image-details2-active, .menu-tab .item:hover .image-details2-active {background-position: center -16px; }

.grid1 .col .image-checklist2, .menu-tab .image-checklist2 { width: 16px; height: 16px; background-image: url(../media/checklist2.png); background-position: center 0; }
.grid1 .col :hover .image-checklist2, .menu-tab .item:hover .image-checklist2 {background-position: center -16px; }
.grid1 .col .image-checklist2-active, .menu-tab .image-checklist2-active { width: 16px; height: 16px; background-image: url(../media/checklist2.png); background-position: center -32px; }
.grid1 .col :hover .image-checklist2-active, .menu-tab .item:hover .image-checklist2-active {background-position: center -16px; }

.grid1 .col .image-checklist2_red, .menu-tab .image-checklist2_red { width: 16px; height: 16px; background-image: url(../media/checklist2_red.png); background-position: center 0; }
.grid1 .col :hover .image-checklist2_red, .menu-tab .item:hover .image-checklist2_red {background-position: center -16px; }
.grid1 .col .image-checklist2_red-active, .menu-tab .image-checklist2_red-active { width: 16px; height: 16px; background-image: url(../media/checklist2_red.png); background-position: center -32px; }
.grid1 .col :hover .image-checklist2_red-active, .menu-tab .item:hover .image-checklist2_red-active {background-position: center -16px; }

.grid1 .col .image-remove-message, .menu-tab .image-remove-message { width: 16px; height: 16px; background-image: url(../media/remove-message-16.png); background-position: center 0; }
.grid1 .col :hover .image-remove-message, .menu-tab .item:hover .image-remove-message {background-position: center -16px; }
.grid1 .col .image-remove-message-active, .menu-tab .image-remove-message-active { width: 16px; height: 16px; background-image: url(../media/remove-message-16.png); background-position: center -32px; }
.grid1 .col :hover .image-remove-message-active, .menu-tab .item:hover .image-remove-message-active {background-position: center -16px; }

.grid1 .col .image-send-message, .menu-tab .image-send-message { width: 16px; height: 16px; background-image: url(../media/send-message-16.png); background-position: center 0; }
.grid1 .col :hover .image-send-message, .menu-tab .item:hover .image-send-message {background-position: center -16px; }
.grid1 .col .image-send-message-active, .menu-tab .image-send-message-active { width: 16px; height: 16px; background-image: url(../media/send-message-16.png); background-position: center -32px; }
.grid1 .col :hover .image-send-message-active, .menu-tab .item:hover .image-send-message-active {background-position: center -16px; }

.grid1 .col .image-reply, .menu-tab .image-reply { width: 16px; height: 16px; background-image: url(../media/reply-16.png); background-position: center 0; }
.grid1 .col :hover .image-reply, .menu-tab .item:hover .image-reply {background-position: center -16px; }
.grid1 .col .image-reply-active, .menu-tab .image-reply-active { width: 16px; height: 16px; background-image: url(../media/reply-16.png); background-position: center -32px; }
.grid1 .col :hover .image-reply-active, .menu-tab .item:hover .image-reply-active {background-position: center -16px; }

.grid1 .col .image-forward, .menu-tab .image-forward { width: 16px; height: 16px; background-image: url(../media/forward-16.png); background-position: center 0; }
.grid1 .col :hover .image-forward, .menu-tab .item:hover .image-forward {background-position: center -16px; }
.grid1 .col .image-forward-active, .menu-tab .image-forward-active { width: 16px; height: 16px; background-image: url(../media/forward-16.png); background-position: center -32px; }
.grid1 .col :hover .image-forward-active, .menu-tab .item:hover .image-forward-active {background-position: center -16px; }

.grid1 .col .image-remove-comment, .menu-tab .image-remove-comment { width: 16px; height: 16px; background-image: url(../media/remove-comment-16.png); background-position: center 0; }
.grid1 .col :hover .image-remove-comment, .menu-tab .item:hover .image-remove-comment {background-position: center -16px; }
.grid1 .col .image-remove-comment-active, .menu-tab .image-remove-comment-active { width: 16px; height: 16px; background-image: url(../media/remove-comment-16.png); background-position: center -32px; }
.grid1 .col :hover .image-remove-comment-active, .menu-tab .item:hover .image-remove-comment-active {background-position: center -16px; }

.image-complete { background-image: url(../media/complete-16.png); }
.button .image-complete { background-position: 0 -16px; }
.grid1 .col .image-complete, .menu-tab .image-complete { width: 16px; height: 16px; background-image: url(../media/complete-16.png); background-position: center 0; }
.grid1 .col :hover .image-complete, .menu-tab .item:hover .image-complete {background-position: center -16px; }
.grid1 .col .image-complete-active, .menu-tab .image-complete-active { width: 16px; height: 16px; background-image: url(../media/complete-16.png); background-position: center -32px; }
.grid1 .col :hover .image-complete-active, .menu-tab .item:hover .image-complete-active {background-position: center -16px; }

.grid1 .col .image-in-work, .menu-tab .image-in-work { width: 16px; height: 16px; background-image: url(../media/in-work-16.png); background-position: center 0; }
.grid1 .col :hover .image-in-work, .menu-tab .item:hover .image-in-work {background-position: center -16px; }
.grid1 .col .image-in-work-active, .menu-tab .image-in-work-active { width: 16px; height: 16px; background-image: url(../media/in-work-16.png); background-position: center -32px; }
.grid1 .col :hover .image-in-work-active, .menu-tab .item:hover .image-in-work-active {background-position: center -16px; }

.image-stop { background-image: url(../media/stop-16.png); }
.button .image-stop { background-position: 0 -16px; }
.grid1 .col .image-stop, .menu-tab .image-stop, .lookup-tab .image-stop { width: 16px; height: 16px; background-image: url(../media/stop-16.png); background-position: center 0; }
.grid1 .col :hover .image-stop, .menu-tab .item:hover .image-stop, .lookup-tab .item:hover .image-stop {background-position: center -16px; }
.grid1 .col .image-stop-active, .menu-tab .image-stop-active { width: 16px; height: 16px; background-image: url(../media/stop-16.png); background-position: center -32px; }
.grid1 .col :hover .image-stop-active, .menu-tab .item:hover .image-stop-active {background-position: center -16px; }

.grid1 .col .image-change, .menu-tab .image-change { width: 16px; height: 16px; background-image: url(../media/change-16.png); background-position: center 0; }
.grid1 .col :hover .image-change, .menu-tab .item:hover .image-change {background-position: center -16px; }
.grid1 .col .image-change-active, .menu-tab .image-change-active { width: 16px; height: 16px; background-image: url(../media/change-16.png); background-position: center -32px; }
.grid1 .col :hover .image-change-active, .menu-tab .item:hover .image-change-active {background-position: center -16px; }

.grid1 .col .image-plus-circle, .menu-tab .image-plus-circle { width: 16px; height: 16px; background-image: url(../media/plus-circle-16.png); background-position: center 0; }
.grid1 .col :hover .image-plus-circle, .menu-tab .item:hover .image-plus-circle {background-position: center -16px; }
.grid1 .col .image-plus-circle-active, .menu-tab .image-plus-circle-active { width: 16px; height: 16px; background-image: url(../media/plus-circle-16.png); background-position: center -32px; }
.grid1 .col :hover .image-plus-circle-active, .menu-tab .item:hover .image-plus-circle-active {background-position: center -16px; }

.grid1 .col .image-importance-1, .menu-tab .image-importance-1 { width: 16px; height: 16px; background-image: url(../media/importance-1-16.png); background-position: center 0; }
.grid1 .col :hover .image-importance-1, .menu-tab .item:hover .image-importance-1 {background-position: center -16px; }
.grid1 .col .image-importance-1-active, .menu-tab .image-importance-1-active { width: 16px; height: 16px; background-image: url(../media/importance-1-16.png); background-position: center -32px; }
.grid1 .col :hover .image-importance-1-active, .menu-tab .item:hover .image-importance-1-active {background-position: center -16px; }

.grid1 .col .image-add-comment, .menu-tab .image-add-comment { width: 16px; height: 16px; background-image: url(../media/add-comment-16.png); background-position: center 0; }
.grid1 .col :hover .image-add-comment, .menu-tab .item:hover .image-add-comment {background-position: center -16px; }
.grid1 .col .image-add-comment-active, .menu-tab .image-add-comment-active { width: 16px; height: 16px; background-image: url(../media/add-comment-16.png); background-position: center -32px; }
.grid1 .col :hover .image-add-comment-active, .menu-tab .item:hover .image-add-comment-active {background-position: center -16px; }

.grid1 .col .image-add-message, .menu-tab .image-add-message { width: 16px; height: 16px; background-image: url(../media/add-message-16.png); background-position: center 0; }
.grid1 .col :hover .image-add-message, .menu-tab .item:hover .image-add-message {background-position: center -16px; }
.grid1 .col .image-add-message-active, .menu-tab .image-add-message-active { width: 16px; height: 16px; background-image: url(../media/add-message-16.png); background-position: center -32px; }
.grid1 .col :hover .image-add-message-active, .menu-tab .item:hover .image-add-message-active {background-position: center -16px; }

.image-edit { background-image: url(../media/edit-16.png); }
.button .image-edit { background-position: 0 -16px; }
.grid1 .col .image-edit, .menu-tab .image-edit { width: 16px; height: 16px; background-image: url(../media/edit-16.png); background-position: center 0; }
.grid1 .col :hover .image-edit, .menu-tab .item:hover .image-edit {background-position: center -16px; }
.grid1 .col .image-edit-active, .menu-tab .image-edit-active { width: 16px; height: 16px; background-image: url(../media/edit-16.png); background-position: center -32px; }
.grid1 .col :hover .image-edit-active, .menu-tab .item:hover .image-edit-active {background-position: center -16px; }

.grid1 .col .image-phone, .menu-tab .image-phone { width: 16px; height: 16px; background-image: url(/media/phone_x16.png); background-position: center 0; }
.grid1 .col :hover .image-phone, .menu-tab .item:hover .image-phone {background-position: center -16px; }
.grid1 .col .image-phone-active, .menu-tab .image-phone-active { width: 16px; height: 16px; background-image: url(/media/phone_x16.png); background-position: center -32px; }
.grid1 .col :hover .image-phone-active, .menu-tab .item:hover .image-phone-active {background-position: center -16px; }
.grid1 .col .image-phone-active2, .menu-tab .image-phone-active2 { width: 16px; height: 16px; background-image: url(/media/phone_x16.png); background-position: center -16px; }
.grid1 .col :hover .image-phone-active2, .menu-tab .item:hover .image-phone-active2 {background-position: center -16px; }

.grid1 .col .image-mob, .menu-tab .image-mob { width: 16px; height: 16px; background-image: url(/media/mob_x16.png); background-position: center 0; }
.grid1 .col :hover .image-mob, .menu-tab .item:hover .image-mob {background-position: center -16px; }
.grid1 .col .image-mob-active, .menu-tab .image-mob-active { width: 16px; height: 16px; background-image: url(/media/mob_x16.png); background-position: center -32px; }
.grid1 .col :hover .image-mob-active, .menu-tab .item:hover .image-mob-active {background-position: center -16px; }
.grid1 .col .image-mob-active2, .menu-tab .image-mob-active2 { width: 16px; height: 16px; background-image: url(/media/mob_x16.png); background-position: center -16px; }
.grid1 .col :hover .image-mob-active2, .menu-tab .item:hover .image-mob-active2 {background-position: center -16px; }

.grid1 .col .image-office, .menu-tab .image-office { width: 16px; height: 16px; background-image: url(/media/office_x16.png); background-position: center 0; }
.grid1 .col :hover .image-office, .menu-tab .item:hover .image-office {background-position: center -16px; }
.grid1 .col .image-office-active, .menu-tab .image-office-active { width: 16px; height: 16px; background-image: url(/media/office_x16.png); background-position: center -32px; }
.grid1 .col :hover .image-office-active, .menu-tab .item:hover .image-office-active {background-position: center -16px; }
.grid1 .col .image-office-active2, .menu-tab .image-office-active2 { width: 16px; height: 16px; background-image: url(/media/office_x16.png); background-position: center -16px; }
.grid1 .col :hover .image-office-active2, .menu-tab .item:hover .image-office-active2 {background-position: center -16px; }

.grid1 .col .image-fax, .menu-tab .image-fax { width: 16px; height: 16px; background-image: url(/media/fax_x16.png); background-position: center 0; }
.grid1 .col :hover .image-fax, .menu-tab .item:hover .image-fax {background-position: center -16px; }
.grid1 .col .image-fax-active, .menu-tab .image-fax-active { width: 16px; height: 16px; background-image: url(/media/fax_x16.png); background-position: center -32px; }
.grid1 .col :hover .image-fax-active, .menu-tab .item:hover .image-fax-active {background-position: center -16px; }
.grid1 .col .image-fax-active2, .menu-tab .image-fax-active2 { width: 16px; height: 16px; background-image: url(/media/fax_x16.png); background-position: center -16px; }
.grid1 .col :hover .image-fax-active2, .menu-tab .item:hover .image-fax-active2 {background-position: center -16px; }

.grid1 .col .image-email2, .menu-tab .image-email2 { width: 16px; height: 16px; background-image: url(/media/email_x16.png); background-position: center 0; }
.grid1 .col :hover .image-email2, .menu-tab .item:hover .image-email2 {background-position: center -16px; }
.grid1 .col .image-email2-active, .menu-tab .image-email2-active { width: 16px; height: 16px; background-image: url(/media/email_x16.png); background-position: center -32px; }
.grid1 .col :hover .image-email2-active, .menu-tab .item:hover .image-email2-active {background-position: center -16px; }
.grid1 .col .image-email2-active2, .menu-tab .image-email2-active2 { width: 16px; height: 16px; background-image: url(/media/email_x16.png); background-position: center -16px; }
.grid1 .col :hover .image-email2-active2, .menu-tab .item:hover .image-email2-active2 {background-position: center -16px; }

.grid1 .col .image-web, .menu-tab .image-web { width: 16px; height: 16px; background-image: url(/media/web_x16.png); background-position: center 0; }
.grid1 .col :hover .image-web, .menu-tab .item:hover .image-web {background-position: center -16px; }
.grid1 .col .image-web-active, .menu-tab .image-web-active { width: 16px; height: 16px; background-image: url(/media/web_x16.png); background-position: center -32px; }
.grid1 .col :hover .image-web-active, .menu-tab .item:hover .image-web-active {background-position: center -16px; }
.grid1 .col .image-web-active2, .menu-tab .image-web-active2 { width: 16px; height: 16px; background-image: url(/media/web_x16.png); background-position: center -16px; }
.grid1 .col :hover .image-web-active2, .menu-tab .item:hover .image-web-active2 {background-position: center -16px; }

.grid1 .col .image-skype, .menu-tab .image-skype { width: 16px; height: 16px; background-image: url(/media/skype_x16.png); background-position: center 0; }
.grid1 .col :hover .image-skype, .menu-tab .item:hover .image-skype {background-position: center -16px; }
.grid1 .col .image-skype-active, .menu-tab .image-skype-active { width: 16px; height: 16px; background-image: url(/media/skype_x16.png); background-position: center -32px; }
.grid1 .col :hover .image-skype-active, .menu-tab .item:hover .image-skype-active {background-position: center -16px; }
.grid1 .col .image-skype-active2, .menu-tab .image-skype-active2 { width: 16px; height: 16px; background-image: url(/media/skype_x16.png); background-position: center -16px; }
.grid1 .col :hover .image-skype-active2, .menu-tab .item:hover .image-skype-active2 {background-position: center -16px; }

.image-exit { background-image: url(../media/exit-16.png); }
.button .image-exit { background-position: 0 -16px; }
.grid1 .col .image-exit, .menu-tab .image-exit { width: 16px; height: 16px; background-image: url(/media/exit-16.png); background-position: center 0; }
.grid1 .col :hover .image-exit, .menu-tab .item:hover .image-exit {background-position: center -16px; }
.grid1 .col .image-exit-active, .menu-tab .image-exit-active { width: 16px; height: 16px; background-image: url(/media/exit-16.png); background-position: center -32px; }
.grid1 .col :hover .image-exit-active, .menu-tab .item:hover .image-exit-active {background-position: center -16px; }
.grid1 .col .image-exit-active2, .menu-tab .image-exit-active2 { width: 16px; height: 16px; background-image: url(/media/exit-16.png); background-position: center -16px; }
.grid1 .col :hover .image-exit-active2, .menu-tab .item:hover .image-exit-active2 {background-position: center -16px; }

.image-info { background-image: url(../media/info-16.png); }
.button .image-info { background-position: 0 -16px; }
.grid1 .col .image-info, .menu-tab .image-info { width: 16px; height: 16px; background-image: url(/media/info-16.png); background-position: center 0; }
.grid1 .col :hover .image-info, .menu-tab .item:hover .image-info {background-position: center -16px; }
.grid1 .col .image-info-active, .menu-tab .image-info-active { width: 16px; height: 16px; background-image: url(/media/info-16.png); background-position: center -32px; }
.grid1 .col :hover .image-info-active, .menu-tab .item:hover .image-info-active {background-position: center -16px; }
.grid1 .col .image-info-active2, .menu-tab .image-info-active2 { width: 16px; height: 16px; background-image: url(/media/info-16.png); background-position: center -16px; }
.grid1 .col :hover .image-info-active2, .menu-tab .item:hover .image-info-active2 {background-position: center -16px; }

.image-create { background-image: url(../media/create-16.png); }
.button .image-create { background-position: 0 -16px; }
.grid1 .col .image-create, .menu-tab .image-create { width: 16px; height: 16px; background-image: url(../media/create-16.png); background-position: center 0; }
.grid1 .col :hover .image-create, .menu-tab .item:hover .image-create {background-position: center -16px; }
.grid1 .col .image-create-active, .menu-tab .image-create-active { width: 16px; height: 16px; background-image: url(../media/create-16.png); background-position: center -32px; }
.grid1 .col :hover .image-create-active, .menu-tab .item:hover .image-create-active {background-position: center -16px; }

.image-move-up { background-image: url(../media/move-up-16.png); }
.button .image-move-up { background-position: 0 -16px; }
.grid1 .col .image-move-up, .menu-tab .image-move-up { width: 16px; height: 16px; background-image: url(../media/move-up-16.png); background-position: center 0; }
.grid1 .col :hover .image-move-up, .menu-tab .item:hover .image-move-up {background-position: center -16px; }
.grid1 .col .image-move-up-active, .menu-tab .image-move-up-active { width: 16px; height: 16px; background-image: url(../media/move-up-16.png); background-position: center -32px; }
.grid1 .col :hover .image-move-up-active, .menu-tab .item:hover .image-move-up-active {background-position: center -16px; }
.grid1 .col .image-move-up-active2, .menu-tab .image-move-up-active2 { width: 16px; height: 16px; background-image: url(../media/move-up-16.png); background-position: center -16px; }
.grid1 .col :hover .image-exit-active2, .menu-tab .item:hover .image-exit-active2 {background-position: center -16px; }

.image-move-down { background-image: url(../media/move-down-16.png); }
.button .image-move-down { background-position: 0 -16px; }
.grid1 .col .image-move-down, .menu-tab .image-move-down { width: 16px; height: 16px; background-image: url(../media/move-down-16.png); background-position: center 0; }
.grid1 .col :hover .image-move-down, .menu-tab .item:hover .image-move-down {background-position: center -16px; }
.grid1 .col .image-move-down-active, .menu-tab .image-move-down-active { width: 16px; height: 16px; background-image: url(../media/move-down-16.png); background-position: center -32px; }
.grid1 .col :hover .image-move-down-active, .menu-tab .item:hover .image-move-down-active {background-position: center -16px; }
.grid1 .col .image-move-down-active2, .menu-tab .image-move-down-active2 { width: 16px; height: 16px; background-image: url(../media/move-down-16.png); background-position: center -16px; }
.grid1 .col :hover .image-move-down-active2, .menu-tab .item:hover .image-move-down-active2 {background-position: center -16px; }

.image-bin { background-image: url(../media/bin-16.png); }
.button .image-bin { background-position: 0 -16px; }
.grid1 .col .image-bin, .menu-tab .image-bin { width: 16px; height: 16px; background-image: url(../media/bin-16.png); background-position: center 0; }
.grid1 .col :hover .image-bin, .menu-tab .item:hover .image-bin {background-position: center -16px; }
.grid1 .col .image-bin-active, .menu-tab .image-bin-active { width: 16px; height: 16px; background-image: url(../media/bin-16.png); background-position: center -32px; }
.grid1 .col :hover .image-bin-active, .menu-tab .item:hover .image-bin-active {background-position: center -16px; }
.grid1 .col .image-bin-active2, .menu-tab .image-bin-active2 { width: 16px; height: 16px; background-image: url(../media/bin-16.png); background-position: center -16px; }
.grid1 .col :hover .image-bin-active2, .menu-tab .item:hover .image-bin-active2 {background-position: center -16px; }

.image-cut { background-image: url(../media/cut-16.png); }
.button .image-cut { background-position: 0 -16px; }
.grid1 .col .image-cut, .menu-tab .image-cut { width: 16px; height: 16px; background-image: url(../media/cut-16.png); background-position: center 0; }
.grid1 .col :hover .image-cut, .menu-tab .item:hover .image-cut {background-position: center -16px; }
.grid1 .col .image-cut-active, .menu-tab .image-cut-active { width: 16px; height: 16px; background-image: url(../media/cut-16.png); background-position: center -32px; }
.grid1 .col :hover .image-cut-active, .menu-tab .item:hover .image-cut-active {background-position: center -16px; }
.grid1 .col .image-cut-active2, .menu-tab .image-cut-active2 { width: 16px; height: 16px; background-image: url(../media/cut-16.png); background-position: center -16px; }
.grid1 .col :hover .image-cut-active2, .menu-tab .item:hover .image-cut-active2 {background-position: center -16px; }

.image-paste { background-image: url(../media/paste-16.png); }
.button .image-paste { background-position: 0 -16px; }
.grid1 .col .image-paste, .menu-tab .image-paste { width: 16px; height: 16px; background-image: url(../media/paste-16.png); background-position: center 0; }
.grid1 .col :hover .image-paste, .menu-tab .item:hover .image-paste {background-position: center -16px; }
.grid1 .col .image-paste-active, .menu-tab .image-paste-active { width: 16px; height: 16px; background-image: url(../media/paste-16.png); background-position: center -32px; }
.grid1 .col :hover .image-paste-active, .menu-tab .item:hover .image-paste-active {background-position: center -16px; }
.grid1 .col .image-paste-active2, .menu-tab .image-paste-active2 { width: 16px; height: 16px; background-image: url(../media/paste-16.png); background-position: center -16px; }
.grid1 .col :hover .image-paste-active2, .menu-tab .item:hover .image-paste-active2 {background-position: center -16px; }

.image-cancel { background-image: url(../media/cancel_x16.png); }
.button .image-cancel { background-position: 0 -16px; }
.grid1 .col .image-cancel, .menu-tab .image-cancel { width: 16px; height: 16px; background-image: url(../media/cancel_x16.png); background-position: center 0; }
.grid1 .col :hover .image-cancel, .menu-tab .item:hover .image-cancel {background-position: center -16px; }
.grid1 .col .image-cancel-active, .menu-tab .image-cancel-active { width: 16px; height: 16px; background-image: url(../media/cancel_x16.png); background-position: center -32px; }
.grid1 .col :hover .image-cancel-active, .menu-tab .item:hover .image-cancel-active {background-position: center -16px; }
.grid1 .col .image-cancel-active2, .menu-tab .image-cancel-active2 { width: 16px; height: 16px; background-image: url(../media/cancel_x16.png); background-position: center -16px; }
.grid1 .col :hover .image-cancel-active2, .menu-tab .item:hover .image-cancel-active2 {background-position: center -16px; }

.image-money { background-image: url(../media/money-16.png); }
.button .image-money { background-position: 0 -16px; }
.grid1 .col .image-money, .menu-tab .image-money { width: 16px; height: 16px; background-image: url(../media/money-16.png); background-position: center 0; }
.grid1 .col :hover .image-money, .menu-tab .item:hover .image-money {background-position: center -16px; }
.grid1 .col .image-money-active, .menu-tab .image-money-active { width: 16px; height: 16px; background-image: url(../media/money-16.png); background-position: center -32px; }
.grid1 .col :hover .image-money-active, .menu-tab .item:hover .image-money-active {background-position: center -16px; }
.grid1 .col .image-money-active2, .menu-tab .image-money-active2 { width: 16px; height: 16px; background-image: url(../media/money-16.png); background-position: center -16px; }
.grid1 .col :hover .image-money-active2, .menu-tab .item:hover .image-money-active2 {background-position: center -16px; }

.image-view2 { background-image: url(../media/view-16.png); }
.button .image-view2 { background-position: 0 -16px; }
.grid1 .col .image-view2, .menu-tab .image-view2 { width: 16px; height: 16px; background-image: url(../media/view-16.png); background-position: center 0; }
.grid1 .col :hover .image-view2, .menu-tab .item:hover .image-view2 {background-position: center -16px; }
.grid1 .col .image-view2-active, .menu-tab .image-view2-active { width: 16px; height: 16px; background-image: url(../media/view-16.png); background-position: center -32px; }
.grid1 .col :hover .image-view2-active, .menu-tab .item:hover .image-view2-active {background-position: center -16px; }
.grid1 .col .image-view2-active2, .menu-tab .image-view2-active2 { width: 16px; height: 16px; background-image: url(../media/view-16.png); background-position: center -16px; }
.grid1 .col :hover .image-view2-active2, .menu-tab .item:hover .image-view2-active2 {background-position: center -16px; }

.image-question { background-image: url(../media/question-16.png); }
.button .image-question { background-position: 0 -16px; }
.grid1 .col .image-question, .menu-tab .image-question { width: 16px; height: 16px; background-image: url(../media/question-16.png); background-position: center 0; }
.grid1 .col :hover .image-question, .menu-tab .item:hover .image-question {background-position: center -16px; }

.image-check { background-image: url(../media/check-16.png); }
.button .image-check { background-position: 0 -16px; }
.grid1 .col .image-check, .menu-tab .image-check { width: 16px; height: 16px; background-image: url(../media/check-16.png); background-position: center 0; }
.grid1 .col :hover .image-check, .menu-tab .item:hover .image-check {background-position: center -16px; }
.grid1 .col .image-check-active, .menu-tab .image-check-active { width: 16px; height: 16px; background-image: url(../media/check-16.png); background-position: center -32px; }
.grid1 .col :hover .image-check-active, .menu-tab .item:hover .image-check-active {background-position: center -16px; }

.image-return { background-image: url(../media/return-16.png); }
.button .image-return { background-position: 0 -16px; }
.grid1 .col .image-return, .menu-tab .image-return { width: 16px; height: 16px; background-image: url(../media/return-16.png); background-position: center 0; }
.grid1 .col :hover .image-return, .menu-tab .item:hover .image-return {background-position: center -16px; }

.image-archive { background-image: url(../media/archive-16.png); }
.button .image-archive { background-position: 0 -16px; }
.grid1 .col .image-archive, .menu-tab .image-archive { width: 16px; height: 16px; background-image: url(../media/archive-16.png); background-position: center 0; }
.grid1 .col :hover .image-archive, .menu-tab .item:hover .image-archive {background-position: center -16px; }

.image-color-nofill { background-color: #FFFFFF; }
.image-color-default { background-color: #000000; }
.image-color-brown { background-color: #966665; }
.image-color-red { background-color: #EA3737; }
.image-color-orange { background-color: #E59700; }
.image-color-yellow { background-color: #E5EA00; }
.image-color-lime { background-color: #BEE34D; }
.image-color-green { background-color: #2CBB8B; }
.image-color-cyan { background-color: #4ABCE6; }
.image-color-blue { background-color: #3794D7; }
.image-color-purple { background-color: #A181BD; }

.image-add { background-image: url(../media/plus-circle-16.png); }
.button .image-add { background-position: 0 -16px; }
.grid1 .col .image-add, .menu-tab .image-add { background-image: url(../media/plus-circle-16.png); background-position: center 0; }
.grid1 .col :hover .image-add, .menu-tab .item:hover .image-add {background-position: center -16px; }
.grid1 .col .image-add-active, .menu-tab .image-add-active { background-image: url(../media/plus-circle-16.png); background-position: center -32px; }
.grid1 .col :hover .image-add-active, .menu-tab .item:hover .image-add-active {background-position: center -16px; }
.grid1 .col .image-add-active2, .menu-tab .image-add-active2 { background-image: url(../media/plus-circle-16.png); background-position: center -16px; }
.grid1 .col :hover .image-add-active2, .menu-tab .item:hover .image-add-active2 {background-position: center -16px; }

.image-plus { background-image: url(../media/plus-16.png); }
.button .image-plus { background-position: 0 -16px; }
.grid1 .col .image-plus, .menu-tab .image-plus { background-image: url(../media/plus-16.png); background-position: center 0; }
.grid1 .col :hover .image-plus, .menu-tab .item:hover .image-plus {background-position: center -16px; }
.grid1 .col .image-plus-active, .menu-tab .image-plus-active { background-image: url(../media/plus-16.png); background-position: center -32px; }
.grid1 .col :hover .image-plus-active, .menu-tab .item:hover .image-plus-active {background-position: center -16px; }
.grid1 .col .image-plus-active2, .menu-tab .image-plus-active2 { background-image: url(../media/plus-16.png); background-position: center -16px; }
.grid1 .col :hover .image-plus-active2, .menu-tab .item:hover .image-plus-active2 {background-position: center -16px; }

.image-search { background-image: url(../media/search-16.png); }
.button .image-search { background-position: 0 -16px; }
.grid1 .col .image-search, .menu-tab .image-search { background-image: url(../media/search-16.png); background-position: center 0; }
.grid1 .col :hover .image-search, .menu-tab .item:hover .image-search {background-position: center -16px; }
.grid1 .col .image-search-active, .menu-tab .image-search-active { background-image: url(../media/search-16.png); background-position: center -32px; }
.grid1 .col :hover .image-search-active, .menu-tab .item:hover .image-search-active {background-position: center -16px; }
.grid1 .col .image-search-active2, .menu-tab .image-search-active2 { background-image: url(../media/search-16.png); background-position: center -16px; }
.grid1 .col :hover .image-search-active2, .menu-tab .item:hover .image-search-active2 {background-position: center -16px; }

.image-hierarchy { background-image: url(../media/hierarchy-16.png); }
.button .image-hierarchy { background-position: 0 -16px; }
.grid1 .col .image-hierarchy, .menu-tab .image-hierarchy { background-image: url(../media/hierarchy-16.png); background-position: center 0; }
.grid1 .col :hover .image-hierarchy, .menu-tab .item:hover .image-hierarchy {background-position: center -16px; }
.grid1 .col .image-hierarchy-active, .menu-tab .image-hierarchy-active { background-image: url(../media/hierarchy-16.png); background-position: center -32px; }
.grid1 .col :hover .image-hierarchy-active, .menu-tab .item:hover .image-hierarchy-active {background-position: center -16px; }
.grid1 .col .image-hierarchy-active2, .menu-tab .image-hierarchy-active2 { background-image: url(../media/hierarchy-16.png); background-position: center -16px; }
.grid1 .col :hover .image-hierarchy-active2, .menu-tab .item:hover .image-hierarchy-active2 {background-position: center -16px; }

.image-user { background-image: url(../media/user-16.png); }
.button .image-user { background-position: 0 -16px; }
.grid1 .col .image-user, .menu-tab .image-user { background-image: url(../media/user-16.png); background-position: center 0; }
.grid1 .col :hover .image-user, .menu-tab .item:hover .image-user {background-position: center -16px; }
.grid1 .col .image-user-active, .menu-tab .image-user-active { background-image: url(../media/user-16.png); background-position: center -32px; }
.grid1 .col :hover .image-user-active, .menu-tab .item:hover .image-user-active {background-position: center -16px; }
.grid1 .col .image-user-active2, .menu-tab .image-user-active2 { background-image: url(../media/user-16.png); background-position: center -16px; }
.grid1 .col :hover .image-user-active2, .menu-tab .item:hover .image-user-active2 {background-position: center -16px; }

.image-manager { background-image: url(../media/manager-16.png); }
.button .image-manager { background-position: 0 -16px; }
.grid1 .col .image-manager, .menu-tab .image-manager { background-image: url(../media/manager-16.png); background-position: center 0; }
.grid1 .col :hover .image-manager, .menu-tab .item:hover .image-manager {background-position: center -16px; }
.grid1 .col .image-manager-active, .menu-tab .image-manager-active { background-image: url(../media/manager-16.png); background-position: center -32px; }
.grid1 .col :hover .image-manager-active, .menu-tab .item:hover .image-manager-active {background-position: center -16px; }
.grid1 .col .image-manager-active2, .menu-tab .image-manager-active2 { background-image: url(../media/manager-16.png); background-position: center -16px; }
.grid1 .col :hover .image-manager-active2, .menu-tab .item:hover .image-manager-active2 {background-position: center -16px; }

.image-help { background-image: url(../media/help-16.png); }
.button .image-help { background-position: 0 -16px; }
.grid1 .col .image-help, .menu-tab .image-help { background-image: url(../media/help-16.png); background-position: center 0; }
.grid1 .col :hover .image-help, .menu-tab .item:hover .image-help {background-position: center -16px; }
.grid1 .col .image-help-active, .menu-tab .image-help-active { background-image: url(../media/help-16.png); background-position: center -32px; }
.grid1 .col :hover .image-help-active, .menu-tab .item:hover .image-help-active {background-position: center -16px; }
.grid1 .col .image-help-active2, .menu-tab .image-help-active2 { background-image: url(../media/help-16.png); background-position: center -16px; }
.grid1 .col :hover .image-help-active2, .menu-tab .item:hover .image-help-active2 {background-position: center -16px; }

.image-remove-user { background-image: url(../media/remove-user-16.png); }
.button .image-remove-user { background-position: 0 -16px; }
.grid1 .col .image-remove-user, .menu-tab .image-remove-user { background-image: url(../media/remove-user-16.png); background-position: center 0; }
.grid1 .col :hover .image-remove-user, .menu-tab .item:hover .image-remove-user {background-position: center -16px; }
.grid1 .col .image-remove-user-active, .menu-tab .image-remove-user-active { background-image: url(../media/remove-user-16.png); background-position: center -32px; }
.grid1 .col :hover .image-remove-user-active, .menu-tab .item:hover .image-remove-user-active {background-position: center -16px; }
.grid1 .col .image-remove-user-active2, .menu-tab .image-remove-user-active2 { background-image: url(../media/remove-user-16.png); background-position: center -16px; }
.grid1 .col :hover .image-remove-user-active2, .menu-tab .item:hover .image-remove-user-active2 {background-position: center -16px; }

.image-calendar { background-image: url(../media/calendar-16.png); }
.button .image-calendar { background-position: 0 -16px; }
.grid1 .col .image-calendar, .menu-tab .image-calendar { background-image: url(../media/calendar-16.png); background-position: center 0; }
.grid1 .col :hover .image-calendar, .menu-tab .item:hover .image-calendar {background-position: center -16px; }
.grid1 .col .image-calendar-active, .menu-tab .image-calendar-active { background-image: url(../media/calendar-16.png); background-position: center -32px; }
.grid1 .col :hover .image-calendar-active, .menu-tab .item:hover .image-calendar-active {background-position: center -16px; }
.grid1 .col .image-calendar-active2, .menu-tab .image-calendar-active2 { background-image: url(../media/calendar-16.png); background-position: center -16px; }
.grid1 .col :hover .image-calendar-active2, .menu-tab .item:hover .image-calendar-active2 {background-position: center -16px; }

.image-import2 { background-image: url(../media/import-16.png); }
.button .image-import2 { background-position: 0 -16px; }
.grid1 .col .image-import2, .menu-tab .image-import2 { background-image: url(../media/import-16.png); background-position: center 0; }
.grid1 .col :hover .image-import2, .menu-tab .item:hover .image-import2 {background-position: center -16px; }
.grid1 .col .image-import2-active, .menu-tab .image-import2-active { background-image: url(../media/import-16.png); background-position: center -32px; }
.grid1 .col :hover .image-import2-active, .menu-tab .item:hover .image-import2-active {background-position: center -16px; }
.grid1 .col .image-import2-active2, .menu-tab .image-import2-active2 { background-image: url(../media/import-16.png); background-position: center -16px; }
.grid1 .col :hover .image-import2-active2, .menu-tab .item:hover .image-import2-active2 {background-position: center -16px; }

.image-sync { background-image: url(../media/replace.png); }
.button .image-sync { background-position: 0 -16px; }
.grid1 .col .image-sync, .menu-tab .image-sync { width: 16px; height: 16px; background-image: url(../media/replace.png); background-position: center 0; }
.grid1 .col :hover .image-sync, .menu-tab .item:hover .image-sync {background-position: center -16px; }

.image-save { background-image: url(../media/save-16.png); }
.button .image-save { background-position: 0 -16px; }
.grid1 .col .image-save, .menu-tab .image-save { width: 16px; height: 16px; background-image: url(../media/save-16.png); background-position: center 0; }
.grid1 .col :hover .image-save, .menu-tab .item:hover .image-save {background-position: center -16px; }

.image-edit-text { background-image: url(../media/edit-16.png); }
.button .image-edit-text { background-position: 0 -16px; }
.grid1 .col .image-edit-text, .menu-tab .image-edit-text { width: 16px; height: 16px; background-image: url(../media/edit-text-16.png); background-position: center 0; }
.grid1 .col :hover .image-edit-text, .menu-tab .item:hover .image-edit-text {background-position: center -16px; }

/* formatting */
/*
.formatting-fillcolor-brown { background-color: #D1C2C0 !important; }
.formatting-fillcolor-red { background-color: #FFD8D8 !important; }
.formatting-fillcolor-orange { background-color: #FFDE99 !important; }
.formatting-fillcolor-yellow { background-color: #FFFF64 !important; }
.formatting-fillcolor-lime { background-color: #F3FF99 !important; }
.formatting-fillcolor-green { background-color: #B2FFC1 !important; }
.formatting-fillcolor-cyan { background-color: #C8FFFF !important; }
.formatting-fillcolor-blue { background-color: #B4DAFF !important; }
.formatting-fillcolor-purple { background-color: #F1D1FF !important; }
*/
.formatting-fillcolor-brown { background-color: rgba(209, 194, 192, 0.6) !important; }
.formatting-fillcolor-red { background-color: rgba(255, 216, 216, 0.6) !important; }
.formatting-fillcolor-orange { background-color: rgba(255, 222, 153, 0.6) !important; }
.formatting-fillcolor-yellow { background-color: rgba(255, 255, 100, 0.6) !important; }
.formatting-fillcolor-lime { background-color: rgba(243, 255, 153, 0.6) !important; }
.formatting-fillcolor-green { background-color: rgba(178, 255, 193, 0.6) !important; }
.formatting-fillcolor-cyan { background-color: rgba(200, 255, 255, 0.6) !important; }
.formatting-fillcolor-blue { background-color: rgba(180, 218, 255, 0.6) !important; }
.formatting-fillcolor-purple { background-color: rgba(241, 209, 255, 0.6) !important; }
.formatting-fillcolor-gray {  background-color: rgba(240, 240, 240, 0.6) !important; }

/* hover formatting */
.item.hover .col.formatting-fillcolor-brown { background-color: rgba(181, 168, 166, 0.6) !important; }
.item.hover .col.formatting-fillcolor-red { background-color: rgba(229, 195, 195, 0.6) !important; }
.item.hover .col.formatting-fillcolor-orange { background-color: rgba(229, 198, 137, 0.6) !important; }
.item.hover .col.formatting-fillcolor-yellow { background-color: rgba(229, 229, 91, 0.6) !important; }
.item.hover .col.formatting-fillcolor-lime { background-color: rgba(218, 229, 137, 0.6) !important; }
.item.hover .col.formatting-fillcolor-green { background-color: rgba(160, 229, 173, 0.6) !important; }
.item.hover .col.formatting-fillcolor-cyan { background-color: rgba(181, 229, 229, 0.6) !important; }
.item.hover .col.formatting-fillcolor-blue { background-color: rgba(162, 197, 229, 0.6) !important; }
.item.hover .col.formatting-fillcolor-purple { background-color: rgba(216, 188, 229, 0.6) !important; }
.item.hover .col.formatting-fillcolor-gray { background-color: rgba(230, 230, 230, 0.6) !important; }

.col.hover.formatting-fillcolor-brown { background-color: rgba(181, 168, 166, 0.6) !important; }
.col.hover.formatting-fillcolor-red { background-color: rgba(229, 195, 195, 0.6) !important; }
.col.hover.formatting-fillcolor-orange { background-color: rgba(229, 198, 137, 0.6) !important; }
.col.hover.formatting-fillcolor-yellow { background-color: rgba(229, 229, 91, 0.6) !important; }
.col.hover.formatting-fillcolor-lime { background-color: rgba(218, 229, 137, 0.6) !important; }
.col.hover.formatting-fillcolor-green { background-color: rgba(160, 229, 173, 0.6) !important; }
.col.hover.formatting-fillcolor-cyan { background-color: rgba(181, 229, 229, 0.6) !important; }
.col.hover.formatting-fillcolor-blue { background-color: rgba(162, 197, 229, 0.6) !important; }
.col.hover.formatting-fillcolor-purple { background-color: rgba(216, 188, 229, 0.6) !important; }
.col.hover.formatting-fillcolor-gray { background-color: rgba(230, 230, 230, 0.6) !important; }

.item.active .col.formatting-fillcolor-brown { background-color: rgba(181, 168, 166, 0.9) !important; }
.item.active .col.formatting-fillcolor-red { background-color: rgba(229, 195, 195, 0.9) !important; }
.item.active .col.formatting-fillcolor-orange { background-color: rgba(229, 198, 137, 0.9) !important; }
.item.active .col.formatting-fillcolor-yellow { background-color: rgba(229, 229, 91, 0.9) !important; }
.item.active .col.formatting-fillcolor-lime { background-color: rgba(218, 229, 137, 0.9) !important; }
.item.active .col.formatting-fillcolor-green { background-color: rgba(160, 229, 173, 0.9) !important; }
.item.active .col.formatting-fillcolor-cyan { background-color: rgba(181, 229, 229, 0.9) !important; }
.item.active .col.formatting-fillcolor-blue { background-color: rgba(162, 197, 229, 0.9) !important; }
.item.active .col.formatting-fillcolor-purple { background-color: rgba(216, 188, 229, 0.9) !important; }
.item.active .col.formatting-fillcolor-gray { background-color: rgba(230, 230, 230, 0.9) !important; }

.item.selected .col.formatting-fillcolor-brown { background-color: rgba(181, 168, 166, 0.9) !important; }
.item.selected .col.formatting-fillcolor-red { background-color: rgba(229, 195, 195, 0.9) !important; }
.item.selected .col.formatting-fillcolor-orange { background-color: rgba(229, 198, 137, 0.9) !important; }
.item.selected .col.formatting-fillcolor-yellow { background-color: rgba(229, 229, 91, 0.9) !important; }
.item.selected .col.formatting-fillcolor-lime { background-color: rgba(218, 229, 137, 0.9) !important; }
.item.selected .col.formatting-fillcolor-green { background-color: rgba(160, 229, 173, 0.9) !important; }
.item.selected .col.formatting-fillcolor-cyan { background-color: rgba(181, 229, 229, 0.9) !important; }
.item.selected .col.formatting-fillcolor-blue { background-color: rgba(162, 197, 229, 0.9) !important; }
.item.selected .col.formatting-fillcolor-purple { background-color: rgba(216, 188, 229, 0.9) !important; }
.item.selected .col.formatting-fillcolor-gray { background-color: rgba(230, 230, 230, 0.9) !important; }

.item .col.active.formatting-fillcolor-brown { background-color: rgba(209, 194, 192, 0.9) !important; }
.item .col.active.formatting-fillcolor-red { background-color: rgba(255, 216, 216, 0.9) !important; }
.item .col.active.formatting-fillcolor-orange { background-color: rgba(255, 222, 153, 0.9) !important; }
.item .col.active.formatting-fillcolor-yellow { background-color: rgba(255, 255, 100, 0.9) !important; }
.item .col.active.formatting-fillcolor-lime { background-color: rgba(243, 255, 153, 0.9) !important; }
.item .col.active.formatting-fillcolor-green { background-color: rgba(178, 255, 193, 0.9) !important; }
.item .col.active.formatting-fillcolor-cyan { background-color: rgba(200, 255, 255, 0.9) !important; }
.item .col.active.formatting-fillcolor-blue { background-color: rgba(180, 218, 255, 0.9) !important; }
.item .col.active.formatting-fillcolor-purple { background-color: rgba(241, 209, 255, 0.9) !important; }
.item .col.active.formatting-fillcolor-gray { background-color: rgba(240, 240, 240, 0.9) !important; }

/*
.item .col.hover { background: rgba(173, 215, 244, 0.8); }
.item.active .col { background: rgba(218, 218, 242, 0.8); }
.item.active .col.hover { background: rgba(133, 198, 242, 0.8); }
.grid1 .items-table .item .col.active { background: #B5DAF2; }
*/

.formatting-fontcolor-default { color: #000000 !important; }
.formatting-fontcolor-brown { color: #966665 !important; }
.formatting-fontcolor-red { color: #EA3737 !important; }
.formatting-fontcolor-orange { color: #E59700 !important; }
.formatting-fontcolor-yellow { color: #E5EA00 !important; }
.formatting-fontcolor-lime { color: #BEE34D !important; }
.formatting-fontcolor-green { color: #2CBB8B !important; }
.formatting-fontcolor-cyan { color: #4ABCE6 !important; }
.formatting-fontcolor-blue { color: #3794D7 !important; }
.formatting-fontcolor-purple { color: #A181BD !important; }
.formatting-fontcolor-gray { color: #AAAAAA !important; }

.formatting-bold { font-weight: 700; }
.formatting-italic { font-style: italic; }
.formatting-linethrough { text-decoration: line-through; }

.item .col.formatting-indent-1 > div { padding-left: 20px; }
.grid1 .items-table .col.formatting-indent-1 > div > .cmd { padding-left: 20px; }

/* dev */
textarea.dev-dump { width: 100%; height: 100%; overflow: auto; padding: 10px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }

/* service-page */
.service-page { padding: 30px; }
.service-page .head { font-size: 24px; line-height: 1.1; margin-bottom: 30px; }
.workspace1 .service-page { position: absolute; z-index: 2; overflow: visible; left: 250px; right: 0; top: 50px; height: 250px; background-color: #fff;
                                   box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
                                   border-style: solid none none none; border-width: 1px; border-color: #ddd; }

/* .workspace */
.workspace-vslider { position: absolute; z-index: 5; width: 8px; margin-left: -1px; background-color: #fff; cursor: e-resize;
                     border-style: solid; border-width: 1px; border-color: #D3D3D3;
                     box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
                     -webkit-transition: opacity .1s ease-out; transition: opacity .1s ease-out; }
.workspace-vslider:hover,
    .workspace-vslider.active { background-image: url(../media/ws-vslider1.png); background-position: center center; background-repeat: no-repeat; }

.workspace-hslider { position: absolute; z-index: 3; height: 8px; margin-top: -2px; background-color: #fff; cursor: n-resize;
                     border-style: solid; border-width: 1px; border-color: #D3D3D3;
                     box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
                     -webkit-transition: opacity .1s ease-out; transition: opacity .1s ease-out; }
.workspace-hslider:hover,
    .workspace-hslider.active { background-image: url(../media/ws-hslider1.png); background-position: center center; background-repeat: no-repeat; }
    
.workspace-overlay { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 3; background: transparent url(../media/spacer.gif) repeat; }

.workspace-details-pane .tabs-split { position: relative; overflow: hidden; }
.workspace-details-pane .workspace-pane-actions { position: absolute; z-index: 2; right: 10px; top: 10px; }
.workspace-details-pane .workspace-pane-actions .cmd { display: inline-block; width: 16px; height: 16px; padding: 4px; vertical-align: middle; text-align: center; font-size: 18px; line-height: 24px; color: #777; text-decoration: none;
                                                       font-family: FontAwesome; font-style: normal; font-weight: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.workspace-details-pane .workspace-pane-actions .cmd span { display: block; width: 16px; height: 16px; background-color: transparent; background-position: 0 0; background-repeat: no-repeat; background-image: url(../media/workspace-pane-actions.png); }
.workspace-details-pane .workspace-pane-actions .cmd-maximize span { background-position: 0 0; }
.workspace-details-pane .workspace-pane-actions .cmd-maximize:hover span { background-position: -16px 0; }
.workspace-details-pane .workspace-pane-actions .cmd-minimize span { background-position: -128px 0; }
.workspace-details-pane .workspace-pane-actions .cmd-minimize:hover span { background-position: -144px 0; }
.workspace-details-pane .workspace-pane-actions .cmd-normal span { background-position: -32px 0; }
.workspace-details-pane .workspace-pane-actions .cmd-normal:hover span { background-position: -48px 0; }
.workspace-details-pane .workspace-pane-actions .cmd-normal2 span { background-position: -160px 0; }
.workspace-details-pane .workspace-pane-actions .cmd-normal2:hover span { background-position: -176px 0; }
.workspace-details-pane .workspace-pane-actions .cmd-maximize-and-split span { background-position: -64px 0; }
.workspace-details-pane .workspace-pane-actions .cmd-maximize-and-split:hover span { background-position: -80px 0; }
.workspace-details-pane .tabs-split2 .workspace-pane-actions .cmd-maximize-and-split span { background-position: -96px 0; }
.workspace-details-pane .tabs-split2 .workspace-pane-actions .cmd-maximize-and-split:hover span { background-position: -112px 0; }

.workspace-details-pane .workspace-details-splitter { left: 0; width: 100%; border-style: solid none; }

.workspace-pane-bar { position: absolute; z-index: 2; right: 0; top: 2px; }
.workspace-pane-bar .cmd-pin { display: inline-block; vertical-align: top; width: 20px; height: 20px; cursor: pointer; }
.workspace-pane-bar .cmd-pin span { display: block; position: relative; left: 4px; top: 4px; width: 11px; height: 11px; background: transparent url(../media/pin.png) 0 0 no-repeat; }
.collapsed .workspace-pane-bar .cmd-pin span { background-position-x: -11px; }
.workspace-pane-bar .cmd-pin:hover span { background-position-y: -11px; }


.workspace-nav-detailed-pane.nav-tab > .nav > .item > a .cmd-toggle { display: none; }
.workspace-nav-root-pane .nav-tab .nav .nav { display: none; }
.workspace-left-pane.collapsed { background: #F7F7F7; }
.workspace-left-pane.collapsed .workspace-nav-detailed-pane { display: none; }
.workspace-left-pane.collapsed .nav-tab .item > a { height: 53px; padding: 0; }
.workspace-left-pane.collapsed .nav-tab .item > a .text { display: none; }
.workspace-left-pane.collapsed .nav-tab .item .cmd-toggle { display: none; }
.workspace-left-pane.collapsed .nav-tab .item.has-icon > a:before { left: 8px; }
.workspace-left-pane.collapsed .workspace-nav-root-pane { top: 22px; bottom: auto; overflow: hidden; border-top: none; }

.workspace-loading { position: fixed; z-index: 20; left: 50%; top: 50%; width: 64px; height: 64px; margin-left: -32px; margin-top: -32px; opacity: 0.3;
                          background: transparent url(../media/ajax-loader.gif) center center no-repeat;
                          background-size: contain; -moz-background-size: contain; -webkit-background-size: contain; }

/* workspace1 */
.workspace1 { position: absolute; left: 0; top: 0; width: 100%; height: 100%; visibility: hidden; }
.workspace1.ready { visibility: visible; }
.workspace1 .workspace-logo-pane { position: absolute; z-index: 1; left: 0; top: 0; width: 250px; height: 50px; overflow: hidden;
                                    box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.workspace1 .workspace-tools-pane { position: absolute; z-index: 1; left: 0; top: 0; width: 100%; height: 50px; padding: 5px 0 0 5px; 
                                    box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.workspace1 .workspace-left-pane { position: absolute; z-index: 4; left: 0; top: 50px; width: 250px; bottom: 0; overflow: hidden; border-top: 1px solid #D9D9D9; border-right: 1px solid #D9D9D9;
                                   box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.workspace1 .workspace-nav-root-pane { position: absolute; z-index: 1; left: 0; bottom: 0; width: 100%; overflow: auto;
                                  box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
                                  border-top: 12px solid #EBEBEB; }
.workspace1 .workspace-grid-pane { position: absolute; z-index: 2; overflow: visible; left: 250px; right: 0; top: 50px; height: 250px; padding: 0 0 0 5px;
                                   box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
                                   border-style: none none solid solid; border-width: 1px; border-color: #ddd; background-color: #fff; }
.workspace1 .workspace-details-pane { position: absolute; z-index: 2; left: 250px; right: 0; top: 300px; bottom: 0; overflow: hidden; padding: 0 0 0 5px;
                                      box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
                                      border-style: none none none solid; border-width: 1px; border-color: #ddd; 
                                      background-color:#fff; }
.workspace1 .workspace-details-pane.maximize { z-index: 6; border-top: 1px solid #D9D9D9; }
.workspace1 .workspace-details-pane.pad > .content > .group > .content { padding: 0 15px 15px; }
.workspace1 .workspace-pane-pad { padding: 15px; }
.workspace1 .workspace-pane-pad2 { padding: 15px 0 0 5px; }
.workspace1 .workspace-pane-pad3 { padding-bottom: 15px; }
.workspace1 .workspace-details-pane.scroll { overflow: auto; }
.workspace1.workspace-details-only .workspace-details-pane { top: 50px; border-top: 1px solid #D9D9D9; }

/* workspace2 */
.workspace2 { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.workspace2 .workspace-logo-pane { position: absolute; z-index: 1; left: 0; top: 0; width: 250px; height: 50px; overflow: hidden;
                                    box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.workspace2 .workspace-tools-pane { position: absolute; z-index: 1; left: 0; top: 0; width: 100%; height: 50px; padding: 5px 0 0 5px; 
                                    box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.workspace2 .workspace-left-pane { position: absolute; z-index: 4; left: 0; top: 50px; width: 250px; bottom: 0; overflow: hidden; border-top: 1px solid #D9D9D9; border-right: 1px solid #D9D9D9;
                                   box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.workspace2 .workspace-nav-root-pane { position: absolute; z-index: 1; left: 0; bottom: 0; width: 100%; overflow: auto;
                                  box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
                                  border-top: 12px solid #EBEBEB; }
.workspace2 .workspace-grid-pane { position: absolute; z-index: 2; overflow: visible; left: 250px; top: 50px; right: 500px; bottom: 0; background-color: #fff; padding: 0 0 0 5px;
                                   box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
                                   border-style: none solid none solid; border-width: 1px; border-color: #ddd; }
.workspace2 .form .workspace-grid-pane { overflow: visible; }
.workspace2 .workspace-grid-pane .tools { border-top: 1px solid #ddd; padding: 5px 10px 1px; }
.workspace2 .workspace-details-pane { position: absolute; z-index: 2; top: 50px; right: 0; bottom: 0; width: 500px overflow: hidden; padding: 0 0 0 5px;
                                      box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
                                      border-style: solid none none none; border-width: 1px; border-color: #ddd; 
                                      background-color:#fff; }
.workspace2 .workspace-details-pane.maximize { z-index: 6; border-top: 1px solid #D9D9D9; }
.workspace2 .context-title { position: absolute; z-index: 2; overflow: visible; left: 250px; right: 0; top: 50px; height: 30px; padding: 0 0 0 15px;
                             font-size: 14px; font-weight: 400; line-height: 29px; color: #3B3B3B; background: #f7f7f7;
                             box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
                             border-style: solid none none none; border-width: 1px; border-color: #ddd; }
.workspace2 .form.has-title .workspace-grid-pane { top: 80px; }
.workspace2 .form.has-title .workspace-details-pane { top: 80px; }
.workspace2 .workspace-pane-pad { padding: 15px; }
.workspace2 .workspace-details-pane.workspace-pane-pad > .content > .group > .head { padding-top: 0; }
.workspace2 .workspace-pane-pad2 { padding: 15px 0 0 5px; }
.workspace2 .workspace-pane-pad3 { padding-bottom: 15px; }
.workspace2 .workspace-logo-pane .logo { display: block; background: transparent url(/media/logo.png) left top no-repeat; width: 225px; height: 40px; margin: 5px 0 0 5px;
                                         background-size: contain; -moz-background-size: contain; -webkit-background-size: contain; }
                                         
.workspace-logo-pane .logo { display: block; background: transparent url(../media/logo.png) left top no-repeat; width: 225px; height: 40px; margin: 5px 0 0 5px;
                                         background-size: contain; -moz-background-size: contain; -webkit-background-size: contain; }
.workspace-tools-pane .button { float: left; min-width: 24px; height: 24px; padding: 6px 5px; margin: 0 15px 0 0;font-weight: 400; background: none; color: #333; }
.workspace-tools-pane .button .icon { display: inline-block; vertical-align: middle; width: 24px; height: 24px; padding: 0; margin: 0; font-size: 20px; line-height: 24px; text-align: center; }
.workspace-tools-pane .button .image { display: inline-block; vertical-align: middle; width: 24px; height: 24px; padding: 0; margin: 0; font-size: 20px; line-height: 24px; text-align: center; }
.workspace-tools-pane .button:hover { color: #1283ff; }
.workspace-tools-pane .button.disabled,
    .workspace-tools-pane .button.disabled:hover { color: #777; }
.workspace-tools-pane .button.disabled .icon { background-position: 0 0; }
.workspace-tools-pane .field { float: left; margin: 0 15px 0 0; }
.workspace-tools-pane .group { float: left; vertical-align: middle; } 
.workspace-tools-pane .app-lic-bar { float: left; width: 24px; height: 24px; padding: 6px 5px; margin: 0 15px 0 0;font-weight: 400; background: none; color: #777; }
.workspace-tools-pane .app-lic-bar .image { display: inline-block; vertical-align: middle; width: 24px; height: 24px; padding: 0; margin: 0;
                                            background-image:url(../media/High_Priority.png); }
.workspace-tools-pane .field.formatting { height: 24px; padding: 6px 0 0; margin: 0 50px; }

.workspace1 .workspace-grid-pane .tools { padding: 5px 10px 1px; border-top: 1px solid #d0d0d0; }
.workspace1 .workspace-grid-pane .grid .views-selector { border-top: 1px solid #d0d0d0; }
.workspace1 .workspace-grid-pane .grid .grid-toppane { overflow: visible; }
.workspace1 .workspace-grid-pane .grid .grid-toppane .search { position: fixed; z-index: 5; right: 15px; top: 18px; float: none; margin: 0; border: 1px solid #cccccc;  }
.workspace1 .workspace-grid-pane .grid .grid-toppane .search label { display: none; }
.workspace1 .workspace-grid-pane .grid .grid-toppane .search input { width: 200px; height: 24px; line-height: 14px; font-size: 12px; padding: 5px 9px; color: #000f66; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; vertical-align: middle; }
.workspace1 .workspace-grid-pane .grid .grid-toppane .search .cmd-search,
.workspace1 .workspace-grid-pane .grid .grid-toppane .search .cmd-cancelsearch { background: #ccc; border-left: 1px solid #ccc; padding: 0 10px; font-size: 12px; color: #323232; text-decoration: none; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; }
.workspace1 .workspace-grid-pane .grid .grid-toppane .search .cmd-search span,
.workspace1 .workspace-grid-pane .grid .grid-toppane .search .cmd-cancelsearch span { width: 24px; height: 24px; line-height: 24px; text-align: center; margin: 0; padding: 0; background: none;
                                                                                font-family: FontAwesome; font-style: normal; font-weight: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.workspace1 .workspace-grid-pane .grid .grid-toppane .search .cmd-search:hover,
.workspace1 .workspace-grid-pane .grid .grid-toppane .search .cmd-cancelsearch:hover { background: #fff; color: #323232; text-decoration: none; }
.workspace1 .workspace-grid-pane .grid .grid-toppane .search .cmd-search span:before { content: "\f002"; }
.workspace1 .workspace-grid-pane .grid .grid-toppane .search .cmd-cancelsearch span:before { content: "\f00d"; }
.workspace1 .workspace-grid-pane .grid > .items { overflow: auto; }

.workspace-details-pane .grid > .items { overflow: auto; }

.workspace-details-pane > .content > .group { position: static; }
.workspace-details-pane .group.context-title { margin-bottom: 0; }
.workspace-details-pane > .content > .group > .head,
    .workspace-details-pane .group.context-title > .head { padding: 20px 15px 15px; margin: 0; }
.workspace-details-pane.workspace-pane-pad > .content > .group > .head { padding-left: 0; }
.workspace-details-pane > .content > .group > .head .text,
    .workspace-details-pane .group.context-title > .head .text { font-size: 16px; line-height: 18px; font-weight: 700; color: #000; }
.workspace-details-pane > .content > .group > .head .extra,
    .workspace-details-pane .group.context-title > .head .extra { display: none; }
.workspace-details-pane.changed > .content > .group > .head .text,
    .workspace-details-pane.changed .group.context-title > .head .text { color: #22B14C; }
.workspace-details-pane .tabs-content { overflow: auto; position: relative; }
.workspace-details-pane .tools { margin-bottom: 5px; }
.workspace-details-pane .tools .button { margin-right: 5px; }
.workspace-details-pane .tools .sep { display: inline-block; vertical-align: top; margin: 5px 15px 0; height: 18px; width: 1px; background-color: #C9C9C9; }
.workspace-details-pane .tools .field { display: inline-block; vertical-align: top; margin: 0 15px 0; }
.workspace-details-pane .tools .grid { display: inline-block; vertical-align: top; margin: 0 15px 0; }
.workspace-details-pane .tools.view2 { border-bottom: 1px solid #d0d0d0; padding-bottom: 5px; }
.workspace-details-pane.maximize.split > .content > .group > .head { padding: 10px 10px 0 12px; }
.workspace-details-pane .tabs > .tabs-split1 .tabs-head { display: none; }
.workspace-details-pane .tabs > .tabs-split2 .tabs-head { padding-top: 15px; }
/*.workspace-details-pane .tabs > .tabs-split1 .tabs-head { border: none; height: auto; padding: 0 0 0 15px; line-height: 14px; }
.workspace-details-pane .tabs > .tabs-split1 .tabs-head .tab { float: none; border: none; padding: 0; margin: 0; height: auto; display: block; line-height: 14px; }*/

/* format-time */
.format-time .d,
    .format-time .h,
    .format-time .m,
    .format-time .s { font-weight: 400; color: #555; font-size: 10px; margin-left: 2px; }
.mark-gray .format-time .d,
    .mark-gray .format-time .h,
    .mark-gray .format-time .m,
    .mark-gray .format-time .s { color: #aaa; }

/* autosize */
.autosize { overflow: hidden; }
.autosize.scroll { overflow: auto; }

/* Processes widget */
.widget-processes-actions { cursor: pointer; }
.workspace-tools-pane .widget-processes-actions  { margin-right: 0; }
.widget-processes-actions .icon { padding: 0; width: 24px; height: 24px; background: transparent url(../media/actions.png?stamp=20151120) 0 0 no-repeat; }
.widget-processes-actions:hover .icon { background-position: -24px 0; }

/* About */
@font-face {
  font-family: 'Circe';
  font-style: normal;
  font-weight: 400;
  src: url(../css/fonts/crc/crc55.otf);
  src: local('Circe'), local('Circe'), url(../css/fonts/crc/crc55.otf) format('embedded-opentype'), url(../css/fonts/crc/crc55.woff) format('woff'), url(../css/fonts/crc/crc55.ttf) format('truetype');
}

.about_efficiency .popup-content { position: relative; box-sizing: border-box; padding-left: 40%; font-size: 12px; line-height: 16px; color:#000;
                                   font-family: 'Circe'; font-weight: 400; background: url(../media/about-bg.png) no-repeat center left; background-size: cover; }
.about_efficiency .popup-content .txt1 { margin-top: 30px; text-transform: uppercase; }
.about_efficiency .popup-content .txt2 { margin-top: 20px; margin-bottom: 10px; text-transform: uppercase; }
.about_efficiency .popup-content .txt3 { margin-top: 5px; text-transform: uppercase; color:#FF8C38; }
.about_efficiency .popup-content .txt4 { margin-top: 20px; margin-bottom: 20px; text-transform: uppercase; }
.about_efficiency .popup-content .txt5 { margin-top: 5px; }
.about_efficiency .popup-content .txt6 { margin-top: 20px; margin-left: -15px; }
.about_efficiency .popup-content .txt6 a { text-decoration: underline; padding-left: 10px; }
.about_efficiency .popup-content .txt7{ margin-top: 30px; }
.about_efficiency .popup-content .txt7 a { color:#000; }
.about_efficiency .popup-content .txt7 a:hover { color:#1283ff; }
.about_efficiency .popup-content .txt7 img { vertical-align: middle; height: 16px; margin-left: 40px; }
.about_efficiency .popup-content .txt8 { margin-left: -50%; margin-top: 35px; }
/*.about_efficiency .popup-content .txt8 a {margin-left: 40px; padding: 5px 20px; background-color: #eee; border: 1px solid #0B4BCE; color:#000; font-size:11px;}*/
.about_efficiency .popup-content .txt8 a { margin-left: 40px; }
.about_efficiency .popup-content .image-logo-eff { position: absolute; top: 25px; left: 0; width: 40%; text-align: center; }
.about_efficiency .popup-content .image-logo-eff img {width: 45%; }

/* tooltip */
.tooltip-balloon { position: absolute; visibility: hidden; padding-top: 11px; z-index: 99;
                   box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.tooltip-balloon.pos-up { padding-top: 0; padding-bottom: 11px; }
.tooltip-balloon .callout { position: absolute; z-index: 2; width: 19px; height: 12px; left: 50%; margin-left: -9px; top: 0; background: transparent url(../media/tth_callout.png) no-repeat; }
.tooltip-balloon.pos-up .callout { background: transparent url(../media/tth_callout_posUp.png) no-repeat; bottom: 0; top: auto; }
.tooltip-balloon.pos-left .callout { left: auto; right: 12px; }
.tooltip-balloon .body { overflow: hidden; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; overflow: hidden;
                         box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4); -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4); }
.tooltip-balloon .body > .content { position: relative; z-index: 1; overflow: hidden; padding: 10px; background: #FFFFC3; border: 1px solid #aaa; }
.tooltip-balloon .loading { width: 30px; height: 30px; background: transparent url(/media/loader2.gif) center center no-repeat; }
/*.tooltip-balloon .head { font-size: 12px; line-height: 15px; color: #c6c6c6; margin: 0 0 5px; max-width: 450px; }
.tooltip-balloon .value { font-size: 12px; line-height: 15px; color: #fff; margin: 0 0 5px; max-width: 450px; padding-bottom: 5px; border-bottom: 1px solid #aaa; }
.tooltip-balloon .field { overflow: hidden; margin: 0 0 3px; font-size: 12px; line-height: 15px; }
.tooltip-balloon .field-label { display: inline-block; max-width: 150px; margin-right: 10px; color: #c6c6c6; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.tooltip-balloon .field-value { display: inline-block; max-width: 300px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #fff; }*/

.hidden-tooltip { display: none; }
.form .group.header_displayname > .head{font-size: 16px; font-weight: 700;}

/* app-form-a */
.app-form-a { padding: 20px; }
.app-form-a .context-title { margin-bottom: 20px; }
.app-form-a .form-buttons { margin: 30px 0; }
.app-form-a .form-buttons .button { margin: 0 15px 15px 0; }

/* app-license-status */
.app-license-status-0 .field-value .text { font-weight: 700; }
.app-license-status-0 .field-value .text { color: #f00; }
.app-license-status-1 .field-value .text { color: #0a0; }

/* app-section-warning */
.app-section-warning { padding: 15px; margin: 15px 0; border-style: solid; border-width: 3px 1px 1px; border-color: #E36159;
                      -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }

/* app-section-confirmation */
.app-section-confirmation { padding: 15px; margin: 15px 0; border-style: solid; border-width: 3px 1px 1px; border-color: #0072c6;
                      -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }

/* grid-settings */
.grid-settings .popup-content { padding: 5px 0 0; overflow: hidden; }
.grid-settings .settings-left-pane .group.settings-tools { text-align: right; min-height: 31px; }
.grid-settings .settings-left-pane .group.settings-tools .field { float: left; margin-right: 10px; text-align: left; }
.grid-settings .settings-left-pane .group.settings-tools .button { margin-left: 10px; }
.grid-settings .settings-right-pane .group.settings-tools { min-height: 31px; }
.grid-settings .settings-right-pane .group.settings-tools .field { display: inline-block; vertical-align: top; margin-right: 10px; }
.grid-settings .settings-right-pane .group.settings-tools .button { margin-right: 10px; }
.grid-settings .grid { position: static; overflow: visible; }
.grid-settings .grid .grid-toppane { position: absolute; left: 210px; top: 29px; }
.grid-settings .settings-right-pane .grid .grid-toppane { left: 270px; }
.grid-settings .grid1 .grid-toppane .search input { width: 100px; }

/* wizard steps */
.tabs.wizard-steps .tabs-content .tab { padding: 0; }

/* documentation */
.popup .cmd-help { position: absolute; z-index: 3; right: 30px; top: 8px; padding: 0; margin: 0; border: none; background: transparent; outline: none; cursor: pointer; color: #aaa; }
.popup .cmd-help:hover { color: #1283ff; }
.popup .cmd-help .image { display: inline-block; width: 16px; height: 16px; margin: 0; padding: 0; line-height: 16px; font-size: 12px; vertical-align: top; text-align: center; text-decoration: none; }

.documentation-search-items .item { margin-bottom: 15px; }
.documentation-search-items .item .details { padding-left: 40px; font-size: 12px; }
.documentation-search-items .item .volume-name a { color: #323232; }
.documentation-search-items .item .volume-name a:hover { color: #1283ff; }


.cmd-ide { visibility: hidden; position: absolute; z-index: 3; left: 0; bottom: 0; width: 14px; height: 14px; cursor: pointer; opacity: 0.7; color: #445555; }
.cmd-ide:hover { color: #1283ff; }
.cmd-ide span { display: block; width: 12px; height: 12px; font-size: 12px; line-height: 12px;
                font-family: FontAwesome; font-style: normal; font-weight: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.cmd-ide span:before { content: "\f0ad"; }
@media (pointer:coarse) {
    .cmd-ide { visibility: visible; opacity: 0.1; }
}

/* fields */
.field.mark-mail-sent-0 .field-value { background-color: #FCD5B4; padding: 0 0 5px 5px; }
.field.mark-mail-sent-1 .field-value { background-color: #CCFFCC; padding: 0 0 5px 5px; }
.field.mark-mail-sent-2 .field-value { background-color: #FFFF64; padding: 0 0 5px 5px; }
.field.red-text .field-value span { color: red !important; }

.field.title-field .field-value input.edit { border-color: transparent; font-size: 16px; line-height: 18px; font-weight: 700; color: #000; }
.field.title-field:hover .field-value input.edit { border-color: #CCCCCC; }
.field.title-field { margin-bottom: 15px; }

.field.title-lookup .field-value input.edit { border: none; font-size: 16px; line-height: 18px; font-weight: 700; color: #000; }
.field.title-lookup:hover .field-value input.edit { color: #1283ff; }

/* Access widgets */
.group.access-items-legend > .head { float: left; margin: 0 30px 0 0; padding: 5px 0 0 0; }
.group.access-items-legend > .head .text { font-weight: 700; color: #000; }
.group.access-items-legend > .head .extra { display: none; }
.group.access-items-legend > .content { overflow: hidden; }
.group.access-items-legend .field { float: left; margin-right: 30px; }
.group.access-items-legend .field-label { line-height: 27px; }
.group.access-items-legend .highlight { padding: 5px 10px; }
.group.access-items-legend .highlight-current { background-color: rgba(178, 255, 193, 0.6) !important; }
.group.access-items-legend .highlight.edit { background-color: rgba(243, 255, 153, 0.6) !important; }
.group.access-items-legend .highlight-custom { background-color: rgba(255, 222, 153, 0.6) !important; }
.access-items .section-head { font-size: 16px; font-weight: 700; margin: 0 0 15px; }
.access-items .op-table { border-collapse: collapse; table-layout: fixed; margin: 0 0 20px 20px; }
.access-items .group-row { background: #f7f7f7; }
.access-items .op-table .image { display: inline-block; vertical-align: top; width: 16px; height: 16px; margin-right: 5px; background-repeat: no-repeat; opacity: 0.5; }
.access-items .op-table td { border: 1px solid #d0d0d0; padding: 2px 5px; min-height: 16px; }
.access-items .op-table td.highlight-current { background-color: rgba(178, 255, 193, 0.6) !important; }
.access-items .op-table td.edit { background-color: rgba(243, 255, 153, 0.6) !important; }
.access-items .op-table td.highlight-custom.checked { background-color: rgba(255, 222, 153, 0.6) !important; }
.access-items .op-table tr.op-row:hover td { background: rgba(210, 231, 247, 0.8); }
.access-items .op-table td.group-name { font-size: 13px; font-weight: 700; margin: 0 0 15px; }
.access-items .op-table td.entity-name { font-size: 11px; font-weight: 700; }
.access-items .op-table td.entity-name > div { width: 110px; }
.access-items .op-table td.op-name { font-weight: 700; }
.access-items .op-table td.group-name > div,
.access-items .op-table td.op-name > div { width: 200px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.access-items .op-table td.entity-check { text-align: center; vertical-align: central; }
.access-items .op-table td.entity-check.edit label.check { border-color: #CCCCCC; cursor: pointer; color: #000000; }
.access-items .op-table td.entity-check.checked label.check { display: inline-block; 
                      font-family: FontAwesome; font-style: normal; font-weight: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.access-items .op-table td.entity-check.checked label.check:before { content: "\f00c"; }
.access-items .op-table .indent2 td.op-name > div { padding-left: 20px; font-weight: 400; }
.access-items .op-table.name-width2 td.group-name > div,
.access-items .op-table.name-width2 td.op-name > div { width: 280px; }
.access-items .op-table.hidden { display: none; }

/* inline grid */
.grid.inline .items { overflow: auto; }
.grid.inline .items > .group { display: inline-block; margin-right: 15px; }
.grid.inline .items .field,
.grid.inline .items .static-field { display: inline-block; vertical-align: top; }
.grid.inline .items .button.link { vertical-align: top; padding: 0; margin: 0 0 0 5px; }
.grid.inline .items .button.link .image { padding: 0; margin: 0; }
.grid.inline .items .button.link .image-delete { width: 16px; height: 16px; background-image: url(../media/delete.png); background-position: center 0; width: 16px; height: 16px; display: inline-block; vertical-align: top; }
.grid.inline .items .button.link:hover .image-delete {background-position: center -16px; }
.grid.inline .items .button.link .image-delete:before { content: ""; }

/* work-calendar */
.work-calendar .day-3 a { color: #EA3737; }
.work-calendar .day-4 a { color: #EA3737; }

/* expression-editor */
.expression-editor .element-image { width: 16px; height: 16px; background-color: transparent; background-position: 0 0; background-repeat: no-repeat;
                      font-family: FontAwesome; font-size: 14px; font-style: normal; font-weight: normal; line-height: 16px; text-align: center;
                      -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.expression-editor .element-image.element-group { background-image: url(../media/field_x16.png); background-position: 0 -32px; }
.expression-editor .element-image.element-field { background-image: url(../media/field_x16.png); background-position: 0 -32px; }
.expression-editor .element-image.element-function { background-image: url(../media/function_x16.png); background-position: 0 -32px; }
.expression-editor .element-image.element-contact { background-image: url(../media/team_x16.png); background-position: 0 -32px; }
.expression-editor .element-image.element-form { background-image: url(../media/edit_x16.png); background-position: 0 -32px; }
.expression-editor .element-image.element-url { background-image: url(../media/web_x16.png); background-position: 0 -32px; }
.expression-editor .element-image.element-parameter { background-image: url(../media/parameter_x16.png); background-position: 0 -32px; }

.expression-editor .edit-pane { position: absolute; left: 0; top: 0; right: 300px; bottom: 30px; overflow: hidden; border-width: 1px; border-style: none solid solid none; border-color: #eee; }
.expression-editor .samples-pane { position: absolute; left: 0; bottom: 0; right: 300px; height: 30px; overflow: hidden; border-width: 1px; border-style: none solid none none; border-color: #eee;
                                   padding: 0 0 0 15px; font-family: Consolas, Monaco; font-size: 12px; line-height: 30px; color: #aaa;
                                   box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.expression-editor .toolbox-pane { position: absolute; right: 0; top: 0; width: 300px; bottom: 0; overflow: auto; }
.expression-editor .edit-pane textarea { width: 100%; height: 100%; overflow: auto; resize: none; border: none; padding: 10px;
                                         font-family: Consolas, Monaco;
                                         box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }

.expression-editor .editor { position: absolute; left: 0; top: 0; width: 100%; height: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }

.expression-editor .toolbox-pane .loading { width: 30px; height: 30px; background: transparent url(../media/loader2.gif) center center no-repeat; }
.expression-editor .toolbox-pane .item .name { height: 20px; line-height: 20px; cursor: default; white-space: nowrap; }
.expression-editor .toolbox-pane .item.level-1 > .name { padding-left: 20px; }
.expression-editor .toolbox-pane .item.level-2 > .name { padding-left: 40px; }
.expression-editor .toolbox-pane .item.level-3 > .name { padding-left: 60px; }
.expression-editor .toolbox-pane .item.level-4 > .name { padding-left: 80px; }
.expression-editor .toolbox-pane .item.level-5 > .name { padding-left: 100px; }
.expression-editor .toolbox-pane .item .name > .content { position: relative; padding-left: 40px; }
.expression-editor .toolbox-pane .item .name .text { color: #aaa; }
.expression-editor .toolbox-pane .item.level-0 > .name .text { color: #000000; font-weight: 700; font-size: 13px; }
.expression-editor .toolbox-pane .item .name .description { margin-right: 5px; }
.expression-editor .toolbox-pane .item.element-tab > .name .description { font-weight: 700; }
.expression-editor .toolbox-pane .item.level-1.element-grid > .name .description { font-weight: 700; }
.expression-editor .toolbox-pane .item .toggle { position: absolute; left: 0; top: 2px; width: 16px; height: 16px; }
.expression-editor .toolbox-pane .item .toggle span { position: relative; left: 5px; top: 3px; display: block; width: 6px; height: 9px;
                                                   background-color: transparent; background-image: url(../media/toggle1.png); background-position: 0 -9px; background-repeat: no-repeat; }
.expression-editor .toolbox-pane .item.collapse > .name .toggle span { background-position: 0 0; }
.expression-editor .toolbox-pane .item.collapse > .items { display: none; }
.expression-editor .toolbox-pane .item .element-image { position: absolute; left: 20px; top: 2px; }
.expression-editor .toolbox-pane .item.hover > .name { background: #EDF5FF; }
.expression-editor .toolbox-pane .item.hover.is-content > .name { text-decoration: underline; cursor: pointer; }
.expression-editor .toolbox-pane .item.hover.is-content > .name .element-image { background-position: 0 -16px; }

/* help */
.volume-item {padding: 15px;}
.volume-item-title { display: block;
  width: 100%;  clear: both;  font-weight: normal;   font-size: 19px; line-height: 24.7px;
  border-bottom: 2px solid #d2d2d2;  margin-bottom: 15px;  padding: 1px 0; color:#333;
}
.article-items {overflow: hidden;}
.article-item {width:33%; box-sizing: border-box; padding: 0 20px 10px 0; float:left; font-size:14px; line-height: 18.9px;}
.help-item-menu {padding: 4px 15px; font-size: 12px; line-height: 15.6px; position: relative;     margin-left: 10px;}
.help-item-menu a {color:#333; margin: 3px 0; display: block;}
.help-item-menu > a:hover, .article-item-menu > a:hover {color:#1283ff;}
.help-item-menu.active > a{color:#f00; font-weight: 700;}
.help-item-menu:before {content:""; position: absolute; top: 8px; left:3px; font-family: FontAwesome; cursor:pointer;}
.help-item-menu.roll-down::before {content:"\f0d7"; }
.help-item-menu.roll-up::before {content:"\f0da"; }
.roll-up > .article-item-menu {display:none;}
.roll-down > .article-item-menu {display: normal;}
.article-item-menu {position: relative;}
.article-item-menu.active > a {color:#f00; font-weight: 700;}
.article-item-menu:before {content:""; position: absolute; top: 1px; left:3px; font-family: FontAwesome; cursor:pointer;}
.article-item-menu.roll-down::before {content:"\f0d7"; }
.article-item-menu.roll-up::before {content:"\f0da"; }
.article-item-menu-l1 {padding-left: 15px;}
.article-item-menu-l2 {padding-left: 25px;}
.article-item-menu-l3 {padding-left: 35px;}
.subarticle-item {margin-bottom: 15px ;}
.subarticle-item-descr {padding-left: 40px;}
.nav-tab .item.has-icon.page-help > a:before { content: " ";  background-image:url(../media/manual.png); }
.skin1 .button .icon-view { background-image: url(../media/eyes.png); }
.skin1 .button .icon-trash { background-image: url(../media/trash2.png); }
.skin1 .button .icon-export {background-image:url(../media/export2.png);}
.skin1 .button .icon-import {background-image:url(../media/import2.png);}
.help-breadcrumbs {padding: 0 0; font-size:13px; line-height: 18px;}
.help-breadcrumbs span a {color:#333; transition: opacity 0.3s linear;}
.help-breadcrumbs span a:hover { color:#1283ff;}
.help-breadcrumbs-separator {margin: 0 10px;}
.group-panel {box-sizing: border-box; padding: 15px;}
.group-panel .noitems {display: none;}
.form .group.group-help {height: 850px; overflow-y: auto; font-size:13px;}
.group-help-content {width:1024px;}
.group-help-content table { border-collapse: collapse; border-spacing: 0; border: none; margin: 5px 0 15px 30px; }
.group-help-content table td { border: 1px solid #ccc; padding: 2px 5px; }
.group-help-content h2 { margin: 30px 0; }
.group-help-content h3 { margin: 30px 0 15px; }
.group-help-content .marker { background-color: yellow; }
.group-title {font-size: 36px; line-height: 42px; margin: 20px 0;}
.group-subtitle {font-size: 23px; line-height: 30px; margin: 10px 0; padding: 5px 0;}

.form .searcher { position: fixed; z-index: 5; right: 15px; top: 18px; float: none; margin: 0; border: 1px solid #cccccc; overflow: none;}
.form .searcher .field {float:left; margin: 0; min-height: initial;}
.form .searcher label { display: none; }
.form .searcher input.edit { width: 200px; height: 24px; line-height: 14px; font-size: 12px; padding: 5px 9px; color: #000f66; border:none;
  box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; vertical-align: middle; font-family: Arial !important;}
.form .searcher .cmd-search,
.form .searcher .cmd-cancelsearch { float:left;
  background: #ccc; border-left: 1px solid #ccc; padding: 0 10px; font-size: 12px; color: #323232; text-decoration: none; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; }
.form .searcher .cmd-search span.icon-look,
.form .searcher .cmd-cancelsearch span { width: 24px; height: 24px; line-height: 24px; text-align: center; margin: 0; padding: 0; background: none;     display: inline-block;
                                        font-family: FontAwesome; font-style: normal; font-weight: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.form .searcher .cmd-cancelsearch:hover { background: #fff; color: #323232; text-decoration: none; }

/* cursors */
body.action-brush { cursor: url(../media/cursor-paint-16.png?d) 17 17, default; }
body.action-brush.server-pending { cursor: wait; }