@import url('/css/font-awesome.css');
@import url('/css/fonts/roboto/roboto.css');
@import url('/css/fonts/robotocondensed/roboto-condensed.css');
@import url('/css/fonts/segoeui/segoeui.css');
@import url('/css/fonts/mdl2-icons-master/css/mdl2-icons.css');
@import url('/css/fonts/lineawesome/css/line-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: auto; }
body { 	
  font-size: 14px; line-height: 20px;
  font-family: "SegoeUIRegular", "Segoe UI", "Segoe UI Web (West European)", "Segoe UI", -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif;;
  min-height: 100%; color: #323130; }
:focus { outline: 0; }
table { border-collapse: collapse; border-spacing: 0; border: none;
        font-family: Roboto; 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 !important; }

a { text-decoration: none; color: #093E60; 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: #999999; }

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; }*/
.headerbar { z-index: 2; height: 70px; overflow: hidden; padding-left: 0; background-color: transparent; color: #fff; line-height: 30px; 
  font-size: 14px; position: relative; background: #FFFFFF;
}
.headerbar > .content { max-width:1200px; margin: 0 auto; text-align: left; overflow:hidden; line-height: 0; }
@media only screen and (max-width: 1420px) {
  .headerbar > .content { max-width:95vw; }  
}
.headerbar a {color: #777777;}
.headerbar .leftbar {float:left; box-sizing: border-box;}
.headerbar .leftbar div {display: inline-block; vertical-align: middle; float:left;}
.headerbar .logo img {height: 20px; padding:5px 5px 0 0; }
.headerbar .sep {width: 1px; height: 20px; background-color: #fff;margin: 5px 15px;}
.headerbar .accountbar {float:right; font-size: 12px; _background-color: #fff; color:#555; text-align: right; padding: 0 10px; margin-top:10px;}
.headerbar .accountbar { float:right;}
.headerbar .accountbar a {color: #555555;}
.headerbar .accountbar > div {display: inline-block; vertical-align: top; padding: 0 5px; }
.headerbar .app-lic-bar { display: inline-block; vertical-align: top; padding: 0 30px; background: #f00; }
.headerbar .app-lic-bar .icon { color: #FAFF00; font-family: LineAwesome; font-style: normal; font-weight: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.headerbar .app-lic-bar .icon:before { content: "\f071"; }
.headerbar.fixed{ position: fixed;  top: 0; left: 0; right: 0; z-index: 10;  padding:0;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,.28);
  -moz-box-shadow: 0 1px 4px 0 rgba(0,0,0,.28);
  box-shadow: 0 1px 4px 0 rgba(0,0,0,.28);
}
.headerbar.fixed > .content{ position: absolute; bottom: 0; left: 50%; right: 0; transform: translateX(-50%); width: 1200px;}
@media only screen and (max-width: 1420px) {
  .headerbar.fixed > .content{ width: 95vw;}
}
.headerbar-spacer{ display:none; }
.headerbar-spacer.fixed{ display:block; }
.headerbar .logo-text{ display:none; }

/* language bar */
.langbar { vertical-align: middle; 
  position: absolute;
  z-index: 11;
  right: Calc((100vw - 1200px)/2 + 12px);
  top: 21px;
  margin:0;
  color: #777777;
  font-size: 16px;
  line-height: 16px;
}
.headerbar.fixed .langbar{ right:0;}
.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:after{
  font-family: FontAwesome;
  content: "\f107";
  font-size: 18px;
  color: #000;
  margin: 1px 0 0 5px;
  position: absolute;
}
.langbar .cmd-lang:before { color: #777;  background: none;  text-decoration: none;   font-size: 14px;  font-family: Roboto;  text-transform: uppercase; }
.langbar .cmd-lang.lang-ru:before { content: "RU"; }
.langbar .cmd-lang.lang-en:before{ content: "EN"; }
.langbar .cmd-lang.lang-ua:before{ content: "UA"; }
.langbar .cmd-lang.lang-tr:before{ content: "TR"; }
.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; }
@media only screen and (max-width: 1420px) {
  .langbar { display:none;  }
}

/* accountbar */
.accountbar { display: inline-block; vertical-align: middle; }
.accountbar .signout { margin-left: 10px; font-family: LineAwesome; 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: LineAwesome; 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; 
/*left: Calc((100vw - 1200px)/2 + 620px); */
right: Calc((100vw - 1200px)/2 + 22px);
top: 25px; margin-right: 30px; color: #777777; font-size: 16px; line-height: 16px; }
.notifications-bar.fixed{ position:fixed; z-index: 10;} 
.notifications-bar.has-unread { font-weight: 700; color: #1283ff; }
.notifications-bar a, .notifications-bar a:hover { color: #777777; 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: LineAwesome; font-style: normal; font-weight: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; 
  font-size: 20px;
}
.notifications-bar .icon:before { content: "\f0e0"; }
.notifications-bar.has-unread .icon { color: #FF6A00; }
.notifications-bar.has-unread .icon:before { content: "\f0e0"; }
.page2 .notifications-bar{ display:none; }
@media only screen and (max-width: 1420px) {
  .notifications-bar { right:0; margin-right: 14px; }
}
/* maintenance */
.maintenance-notification { color: #E36159; }
.maintenance-notification .image { margin-right: 5px; font-family: LineAwesome; 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: #666666;
                     -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: transparent; }
.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: LineAwesome; 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: LineAwesome; 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-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: 6px 20px 6px 20px; font-size:12px;  background-color:#fff}
.nav-tab .nav .nav .nav > .item > a:hover, .nav-tab .nav .nav > .item.entity > a:hover { background-color: #E6F2FC;}
.nav-tab .nav .nav .nav > .item.active > a, .nav-tab .nav .nav > .item.entity.active > a { color: #666666; font-weight: 700; background-color: #F3F3F3; }
.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; }

.nav-tab > .nav > .item.level1 > a{ display:none; }
.nav-tab > .nav > .item.level1:before{ content:""; display: block; height:100px; 
  background: transparent url(/media/logo2.png) 15px 20px no-repeat; background-size: 180px 40px; }

/* default button */
.button, .button:link, .button.standard { /*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;  */
  
    position: relative;
    font-family: "SegoeUIRegular", "Segoe UI", "Segoe UI Web (West European)", "Segoe UI", -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif;;
    -webkit-font-smoothing: antialiased;
    font-size: 14px;
    font-weight: 400;
    box-sizing: border-box;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    padding-top: 3px;
    padding-right: 16px;
    padding-bottom: 0px;
    padding-left: 16px;
    min-width: 80px;
    min-height: 36px;
    background-color: #093E60;
    color: rgb(255, 255, 255);
    user-select: none;
    outline: transparent;
    border-width: 1px;
    border-style: solid;
    border-color: #093E60;
    border-image: initial;
    text-decoration: none;
    border-radius: 2px;
    transition: all 0.3s ease 0s; 
    -webkit-transition: all 0.3s ease 0s;  
}
.button .text { position: relative; z-index: 2; vertical-align: middle; line-height:27px; }
.button:hover { text-decoration: none; background-color:#999999; color: #FFFFFF; border-color: #999999; }
.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: 18px; line-height: 16px; position: relative;
                 font-family: LineAwesome; font-style: normal; font-weight: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin: 0 5px 0 0; }
.button.link{ color: #093E60; background:none; padding: 0; display: inline;  min-height: 0; height: auto; font-weight: 400; border:none; }
.button.link .text{ color: #093E60; background:none; text-decoration:none;}
.button.link:hover .text{ color:#76BC43; background:none; text-decoration:underline;}
.button.link:hover .image{ color:#76BC43;}
.button.link.selected, .button.link.selected .text{ color: #76BC43; }

.button.inv, .button.inv:link { background: #FFFFFF; border: 1px solid #093E60; }
.button.inv .text{ color: #093E60; font-weight: 500;}
.button.inv .image{ color: #093E60; }
.button.inv:hover { border: 1px solid #999999; background: #999999;  color: #FFF; }
.button.inv:hover .text{ color: #999999;   color: #FFF; }
.button.inv:hover .image{ color: #999999;   color: #FFF; }

.button.icon-button{ background:transparent; border:none; padding: 5px; min-width: 0; min-height: 0;}
.button.icon-button .image{ margin:0; font-size:18px; color: #00A2E6;
  text-shadow: 1px 1px 0 rgba(255,255,255,0.7), 1px -1px 0 rgba(255,255,255,0.7), -1px 1px 0 rgba(255,255,255,0.7), -1px -1px 0 rgba(255,255,255,0.7), 1px 0px 0 rgba(255,255,255,0.7), 0px 1px 0 rgba(255,255,255,0.7), -1px 0px 0 rgba(255,255,255,0.7), 0px -1px 0 rgba(255,255,255,0.7); }
.button.icon-button .text{ display:none;}
.button.icon-button:hover .image{ margin:0; font-size:18px; color: #999999;}

.button.small, .button.small:link { background: #093E60; border: 1px solid #093E60; min-width: 0;  min-height: 0; padding: 1px 8px;}
.button.small .text{ padding: 2px; color: #FFFFFF; font-weight: 500;}
.button.small .image{ color: #FFFFFF; }
.button.small:hover { background: #999999; border-color: #999999; }

.button.small-inv, .button.small-inv:link { background: #FFFFFF; border: 1px solid #093E60; 
  min-width: 0;  min-height: 0; padding: 1px 8px;}
.button.small-inv .text{ padding: 2px; color: #093E60; font-weight: 500;}
.button.small-inv .image{ color: #093E60; }
.button.small-inv:hover { border: 1px solid #999999; background: #999999;  color: #FFF; }
.button.small-inv:hover .text{ color: #999999;   color: #FFF; }
.button.small-inv:hover .image{ color: #999999;   color: #FFF; }

.button.small-alt-inv, .button.small-alt-inv:link { background: #FFFFFF; border: 1px solid #76BC43; min-width: 0;  min-height: 0; padding: 1px 8px;}
.button.small-alt-inv .text{ padding: 2px; color: #76BC43; font-weight: 500;}
.button.small-alt-inv .image{ color: #76BC43; }
.button.small-alt-inv:hover { border: 1px solid #093E60; }
.button.small-alt-inv:hover .text{ color: #093E60;}
.button.small-alt-inv:hover .image{ color: #093E60; }

.button.disabled, .button.disabled:link { background: #AAAAAA; border: 1px solid #AAAAAA; }
.button.disabled .text{ color: #555555; font-weight: 500;}
.button.disabled .image{ color: #555555; }
.button.disabled:hover { border: 1px solid #AAAAAA; background: #AAAAAA;  color: #555555; }
.button.disabled:hover .text{ color: #AAAAAA;   color: #555555; }
.button.disabled:hover .image{ color: #AAAAAA;   color: #555555; }

.button.min-width{ min-width: 0;}
.button.min-width .image{ margin:0;}

.button.marker, .button.marker:link { background: #F3F2F1;  background-image:none; border: 1px solid transparent; min-width: 0;  min-height: 0; padding: 0 5px;}
.button.marker .text{ padding: 2px; color: #777; font-weight: 500; font-size:12px;}
.button.marker .image{ color: #777; font-size:18px;}
.button.marker:hover { background: inherit; border-color: transparent; }
.button.marker.grey{ background-color: #F3F2F1; }
.button.marker.grey .image{ color: #777; }
.button.marker.yellow{ background-color: #FFF4CE;}
.button.marker.yellow .image{ color: #EEA55C; }
.button.marker.green{ background-color: #DFF6DD;}
.button.marker.green .image{ color: #107C10;}
.button.marker.pending{ background-color: #FFF4CE;}
.button.marker.pending .image{ color: #EEA55C; }

.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); }
.button .image-settings {
  background-image: url('../../../../media/settings_white.svg?stamp=190516&icon_color=%23777777');
}
.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 */
.group { position: relative; overflow: hidden; }
.group > .head { position: relative; font-size: 14px; font-weight: 700; line-height: 20px; margin: 5px 0 10px; overflow: hidden; }
.group.has-head { margin-bottom: 15px; }
.group > .head .text { float: left; margin-right: 15px; color: #323130; }
.group > .head .extra { display:none; overflow: hidden; height: 8px; border-bottom: 1px solid #e5e5e5; }
.group.text > .head .text { font-size: 14px;}
.group.text > .head .extra {display:none; }
.group > .head:hover .cmd-ide  { visibility: visible; }
.group > .head:hover .cmd-ide:hover { opacity: 1; }

.group.toggle > .content{
  padding-right: 20px;
  box-sizing:border-box;
}

.group.toggle > .head:before{
  content: " ";
  position:absolute;
  width: 16px;
  height: 16px;
  left:0;
  top:0px;
  background-image: url(/media/skin1/expand-arrow.svg?stamp=20200414);
  background-size: 16px 16px;
  background-repeat: no-repeat;
  background-position: 0 0;
  -webkit-transition: -webkit-transform 500ms;
  -moz-transition: -moz-transform 500ms;
  transition: transform 500ms;
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  transform: rotate(-180deg);
  cursor: pointer;
}
.group.toggle.collapsed > .head:before{
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  transform: rotate(0deg);
}
.group.toggle.collapsed > .content{
  overflow: hidden;
}
.group.toggle > .head .text{
  padding-left:26px;
  cursor: pointer;
}


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

.field-label { position: relative; float: left; padding-right: 10px; color: #999; padding-top: 5px; overflow: hidden; white-space: nowrap;
                     box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; min-height: 32px; 
}
.field.changed .field-label { /*color: #22B14C;*/ }
.field-label a { color: #555; }
.field.changed .field-label a { color: #22B14C; }
.field-label a:hover { color: #1283ff; }
.field.changed .field-label a:hover { color: #1283ff; }
.field.mark-invalid .field-label a { color: #a9252a; }
.field.mark-invalid .field-label a:hover { color: #1283ff; }
.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: LineAwesome; font-style: normal; font-weight: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.field-label .label-popup:hover { color: #1283ff; }
.field-label .label-popup:before { content: "\f08e"; }
.field-label:hover .label-popup { visibility: visible; }

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

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

.field-value { display: block; position: relative; width: auto; overflow: hidden; color: #323130; }
.field-value.static-value { padding-top: 5px; }
.field-value input.edit,
.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: 14px; line-height: 14px;  padding: 8px 5px; margin: 0; color: inherit; text-decoration: inherit; font-weight: inherit; font-style: inherit;
                                   border: 1px solid #093E60; background: #FFFFFF; resize: none; font-family: Roboto; }
.field-value input.edit.active,
.field-value textarea.edit.active { border-color: #093E60; }
.field.number .field-value { text-align: right; }
.field-value input.edit.num { text-align: right; }
.value-align-left .field-value input.edit.num { text-align: left; }
.field-value textarea.edit { height: 100px; }
.field-value input.edit.active,
.field-value input.edit:hover,
.field-value select.edit:hover,
.field-value textarea.edit.active,
.field-value textarea.edit:hover { z-index: 1; }
label.check {
  vertical-align: middle;
  text-align: center;
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  height: 20px;
  width: 20px;
  box-sizing: border-box;
  transition-property: background, border, border-color;
  transition-duration: 200ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.23, 1);
  margin-right: 4px;
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
  border-image: initial;
  border-radius: 2px;
  overflow: hidden;
  margin-top: 4px;
  cursor: default;
}
label.edit.check {  border-color: rgb(50, 49, 48); cursor: pointer; background-color:#FFF;} 
.field-value label.check { margin-top: 4px; }
.field-value label.check .remarks { padding-left: 10px; }
label.check.checked { display: inline-block; 
  font-family: LineAwesome; font-style: normal; font-weight: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; 
  background: transparent;  border-color: transparent;
}
label.edit.check.checked {   background: rgb(0, 90, 158);  border-color: rgb(0, 90, 158); }
label.check.checked:before { content: "\f00c"; color:#FF6600; padding-top: 1px; display: inline-block; font-size: 15px; margin-top:-2px;}
.content-block .top-buttons label.check.checked:not(.edit){ overflow:visible;}
.content-block .top-buttons label.check.checked:not(.edit):before {     content: "\f00c";
    color: #76BC43;    padding-top: 1px;    display: inline-block;    font-size: 15px;
    margin-top: -2px;    border: 1px solid white;    border-radius: 20px;    padding: 1px 2px;    background: white;
}
label.edit.check.checked:before { content: "\f00c"; color:#FFF; padding-top: 1px; display: inline-block; font-size: 12px; margin-top: 0; vertical-align:top; line-height:145%;}
label.edit.check input { display: none; }

.field.toggle label.edit.check {
  position: relative;
  font-size: 20px;
  box-sizing: border-box;
  width: 40px;
  height: 20px;
  cursor: pointer;
  display: flex;
  align-items: center;
  padding-top: 0px;
  padding-right: 3px;
  padding-bottom: 0px;
  padding-left: 3px;
  outline: transparent;
  border-radius: 10px;
  transition: all 0.1s ease 0s;
  border-width: 1px;
  border-style: solid;
  border-color: rgb(96, 94, 92);
  border-image: initial;
  background: rgb(255, 255, 255);
  justify-content: flex-start;
  margin-top: 4px;
}
.field.toggle label.edit.check.checked { position: relative;
  background: rgb(0, 120, 212);
  border-color: transparent;
  justify-content: flex-end;
}
.field.toggle label.check:before { content: ""; 
  display: block;
  width: 12px;
  height: 12px;
  background-color: rgb(96, 94, 92);
  box-sizing: border-box;
  border-radius: 50%;
  transition: all 0.1s ease 0s;
  border-color: transparent;
  border-width: 0.28em;
  border-style: solid;
}
.field.toggle label.check.checked:before { content: ""; 
  background-color: rgb(255, 255, 255);
}

/* text */
.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;
}
/*
.field-value input.edit:-ms-input-placeholder,
.field-value textarea.edit:-ms-input-placeholder { color: #777; }
.field-value input.edit:-moz-placeholder,
.field-value textarea.edit:-moz-placeholder { color: #777; }
*/

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

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

.field.edit.mark-invalid.text .field-value .value-box input,
.field.edit.mark-invalid.textarea .field-value .value-box input,
.field.edit.mark-invalid.number .field-value .value-box input,
.field.edit.mark-invalid.password .field-value .value-box input{ border-color: #a9252a; }
.field.edit.mark-invalid.singlechoice .field-value .value-box{ border-color: #a9252a; }
.field.widget-captcha.mark-invalid > div{ border: 1px solid #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: 26px; height: 26px;line-height: 1; vertical-align: middle; 
 color: #093E60; text-decoration: none; margin-right: 5px;
 font-family: LineAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; 
 font-size:22px;
 transition: color ease 150ms; -moz-transition: color ease 150ms; -webkit-transition: color ease 150ms; -o-transition: color ease 150ms; -ms-transition: color ease 150ms;
}
.field .field-value .upload .icon:before { content: "\f093" ; }
.field .field-value .upload:hover .icon { color:#999999; }
.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: LineAwesome; 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: LineAwesome; 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: LineAwesome; 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: LineAwesome; 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: LineAwesome; 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: LineAwesome; 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 */
.field.lookup .value-box { display: block; }
.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: Roboto; }
.field.lookup input:hover { cursor: pointer; }
.field.edit .cmd-lookup { position: absolute; right: 0; top: 0; width: 26px; height: 36px; text-decoration: none; }
.field.edit .cmd-lookup:hover { text-decoration: none; }
.field.edit .cmd-lookup .icon { display: block; width: 31px; height: 36px; text-align: center; vertical-align: middle; color: #777; text-decoration: none;
                                font-family: LineAwesome; font-style: normal; font-weight: normal; line-height: 31px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.field.edit .cmd-lookup .icon:before { content: "\f0dd"; }
.field.edit .cmd-lookup:hover .icon { color: #000; }

/* multichoicelookup */
.field.multichoicelookup .value-box { display: inline-block; }
.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: 3px 0; margin: 0; min-height: 26px;
                                   border: 1px solid #CCCCCC; background: #FFFFFF; resize: none;
                                   font-family: Roboto;
                                   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; }
.field.multichoicelookup.edit .value-box input::placeholder{ color: #00A2E6; text-transform: capitalize;}
.field.multichoicelookup.edit .value-box .lookup { border: none; padding: 3px 0 0; margin: 5px; }
.field.multichoicelookup.edit .value-item { display: inline-block; white-space: nowrap; padding: 2px 5px; margin: 2px 5px; background: #EDF5FF; 
                                                             -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.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; }
.field.multichoicelookup.edit .value-item .cmd-delete { display: inline-block; vertical-align: middle; width: 11px; height: 16px; margin-left: 3px; color: #aaa;  cursor: pointer; }
.field.multichoicelookup.edit .value-item .cmd-delete:hover { color: #000; }
.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: LineAwesome; font-style: normal; font-weight: normal;  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.field.multichoicelookup.edit .value-item .cmd-delete .icon:before { content: "\f00d"; }

/* viewlookup */
.field.viewlookup .value-box { display: inline-block; }
.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: 3px 0; margin: 0; min-height: 26px; 
  border: 1px solid #CCC;
}
.field.viewlookup.edit .value-box input::placeholder{ color: #00A2E6; text-transform: capitalize;}
.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: Roboto; }
.field.viewlookup.edit .value-item { display: inline-block; white-space: nowrap; padding: 2px 5px; margin: 2px 5px; background: #EDF5FF; 
                                                             -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.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; }
.field.viewlookup.edit .value-item .cmd-delete { display: inline-block; vertical-align: middle; width: 11px; height: 16px; margin-left: 3px; color: #aaa;  cursor: pointer; }
.field.viewlookup.edit .value-item .cmd-delete:hover { color: #000; }
.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: LineAwesome; font-style: normal; font-weight: normal;  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.field.viewlookup.edit .value-item .cmd-delete .icon:before { content: "\f00d"; }

/* singlechoice */
.field.singlechoice .value-box { display: inline-block; padding-top: 5px; }
.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: 14px; line-height: 23px; padding: 5px 26px 5px 5px; margin: 0; height: 36px;
   border: 1px solid #093E60; background: #FFFFFF; resize: none; cursor: pointer;
   font-family: Roboto; 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; 
  text-align:left;  
}
.field.singlechoice.edit .value-box.active { border-color: #093E60; }
.field.singlechoice .has-icon .value-box,
.field.singlechoice.edit .has-icon .value-box { padding-left: 30px; }
.field.singlechoice .value-box .image { display: inline-block; vertical-align: middle; margin-right: 5px; width: 16px; height: 16px; text-align: center;
                                              font-family: LineAwesome; font-style: normal; font-weight: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.field.singlechoice.edit .value-box .image { cursor: pointer; }
.field.singlechoice .value-box .text { padding-top: 0; }

/* singlechoicelist */
.field.singlechoicelist .field-value .option { display: block; padding: 3px; border: 1px solid transparent;
                                                     -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }
.field.singlechoicelist .field-value .option label.check { float: left; margin-top: 0; margin-right: 5px; border: none; font-size: 14px; line-height: 14px;
                                                                 font-family: LineAwesome; font-style: normal; font-weight: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.field.singlechoicelist .field-value .option label.check:before { content: "\f111"; }
.field.singlechoicelist .field-value .option.checked { }
.field.singlechoicelist .field-value .option.checked label.check:before { content: "\f058"; visibility: visible; }
.field.singlechoicelist .field-value .option .option-label { display: block; overflow: hidden; }
.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: LineAwesome; font-style: normal; font-weight: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.field.singlechoicelist .field-value .option .option-label .text { padding: 2px; cursor: pointer; }
.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 */
.field.multichoice .field-value .options-column { display: inline-block; vertical-align: top; width: 200px; }
.field.multichoice .field-value .option { display: block; overflow: hidden; }
.field.multichoice.options-line .field-value .option { display: inline-block; margin-left: 15px; }
.field.multichoice.options-line .field-value .option:first-child { margin-left: 0; }
.field.multichoice .field-value .option label.check { float: left; margin: 0 5px 4px 0; 
                                                            font-family: LineAwesome; font-style: normal; font-weight: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.field.multichoice .field-value .option label.check:before { content: "-"; visibility: hidden; }                             
.field.multichoice .field-value .option.checked label.check:before { content: "\f00c"; visibility: visible; }
.field.multichoice.warnings .field-value .option label.check { border-style: none; }
.field.multichoice.warnings.edit .field-value .option label.check { border-style: solid; }
.field.multichoice.warnings .field-value .option.checked label.check:before {  content: "\f12a"; color: #f00; }
.field.multichoice .field-value .option .option-label { display: block; overflow: hidden; }
.field.multichoice .field-value .option .option-label .text { padding: 2px; line-height:22px;}
.field.multichoice.edit .field-value .option .option-label .text { cursor: pointer; }

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

/* switch */
.field.switch .value-box { display: inline-block; padding-top: 5px; }
.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: Roboto; 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; }
.field.switch .value-box .image { display: inline-block; vertical-align: middle; margin-right: 5px; width: 16px; height: 16px; }
.field.edit.switch .value-box .image { cursor: pointer; }
.field.switch .value-box .text { padding-top: 0; vertical-align: middle; }

/* multichoicecompact */
.field.multichoicecompact .value-box { display: inline-block; }
.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: 36px;
                                   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; }
.field.multichoicecompact.edit .cmd-open .icon:before { content: "\f0dd"; }
.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: LineAwesome; 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 !important; line-height: 14px !important; height: 26px !important; 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; }

.field .value-box.datetime { display: inline-block; vertical-align: top; }
.field.edit .value-box.datetime .date-part { position: relative; display: inline-block; vertical-align: top; width: 100%; }
.field.edit .value-box.datetime .time-part { position: relative; display: inline-block; vertical-align: top; margin-left: 5px; width: 70px; }
.field.edit .value-box.datetime .time-part:first-child { margin-left: 0; }
.field.edit .value-box.datetime .date-part input { text-align: right; min-width:115px; padding-right:30px;}
.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; }
.field.edit .value-box.datetime .offset-part { display: none; position: relative; vertical-align: top; margin-left: 5px; width: 50px; }
.field.edit.datetimeoffset .value-box .offset-part { display: inline-block; }
.field.edit .value-box.datetime .ui-datepicker-trigger { position: absolute; z-index: 2; left: 5px; top: 5px; }
.field.edit .value-box.datetime .value-1 { margin-right: 5px; }

.field.datetime input,
.field.date input,
.field.time input,
.field.number input { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
                                   width: 100%; vertical-align: top; font-size: 14px; line-height: 18px;  padding: 8px; margin: 0; color: inherit; text-decoration: inherit; font-weight: inherit; font-style: inherit;
                                   border: 1px solid #093E60; background: #FFFFFF; resize: none; font-family: Roboto; }

/* expression */
.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'; }
.field.expression.edit .value-box { background: #fff; border-width: 1px; border-style: solid; border-color: #CCCCCC; padding-top: 0; }
.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: Roboto; cursor: pointer; }

.field.edit .cmd-open { position: absolute; right: 0; top: 0; width: 22px; height: 100%; text-decoration: none; }
.field.edit .cmd-open:hover { text-decoration: none; }
.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: LineAwesome; font-style: normal; font-weight: normal; line-height: 22px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
                                font-size:14px; }
.field.edit .cmd-open .icon:before { content: "\f044"; }
.field.edit .value-box:hover .cmd-open .icon { background: #fff; color: #000; }

/* code */
.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; }
.field.code .value-box .editor { display: block; }

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

/* HtmlArea */
.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; }
.field.htmlarea .value-box iframe { width: 100%; height: 100%; }
.field.htmlarea .htmlarea-actions { position: relative; }
.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 */
.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; }
.field.edit.color .value-box { cursor: pointer; }

/* colors */
.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; }
.field.colors .value-box .color { float: left; min-height: 26px; }                               

/* Pdf */
.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; }
.field.pdf .value-box iframe { width: 100%; height: 100%; }

/* Express edit */
.field.editable .value-box { white-space: pre-wrap; display: block; min-height: 16px; padding: 0; }
.field.editable .value-box:hover { z-index: 1; background: rgba(255, 255, 255, 0.9); cursor: pointer; }
.field.editable .value-box.editing { visibility: hidden; }
.field.editable .value-box.mark-updated { background: #87D381; }
.field.editable .field-value .cmd-lookup { display: none; }
.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: Roboto; }
.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: LineAwesome; 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{ padding-bottom:3px;}
.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; display:inline-block; margin-top: 0;}
.edit-tab.multichoicecompact .item.active .check { display: inline-block; text-align: center;
                                      font-family: LineAwesome; 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: LineAwesome; font-style: normal; font-weight: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

/* tree */
.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 */
.field-value .value-box > .text { display: inline-block; padding-top: 5px; }

/* progress */
.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; }
.field.progress .field-value .progress > span { position: absolute; left: 0; top: 0; height: 5px; background: #007AFF; width: 1%; }
.field.progress .field-value .text { margin-left: 7px; }
.field.progress .field-value .text.completed { margin-left: 0; font-weight: 700; color: #0072c6; }
.field.progress .field-value .text.completed.error { color: #E36159; }

/* asyncaction */
.field.asyncaction .value-box .image { font-family: LineAwesome; font-style: normal; font-weight: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin: 0 5px 0; }
.field.asyncaction .value-box .text { margin-right: 7px; color: #aaa; }
.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; }
.field.asyncaction .value-box .progress > span { position: absolute; left: 0; top: 0; height: 5px; background: #007AFF; width: 1%; }
.field.asyncaction .value-box .percent { margin-left: 7px; color: #aaa; font-size: 11px; }

/* signature */
.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; }
.field.signature.edit .value-box { background: #DCEBF4; border: 1px solid #DCEBF4; }
.field.signature.edit .value-box:hover { background-color:#CDE6F7; }
.field.signature.edit .value-box.has-value { background: #FFFFC3; border: 1px solid #FFFFC3; }
.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 */
.field.formatting .formatting-pane { display: block; opacity: 0.3; filter: alpha(opacity=20); }
.field.formatting .formatting-pane.active { opacity: 1; filter: alpha(opacity=1); }

.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; }
.field.formatting .formatting-pane.active .cmd:hover { border: 1px solid #1283ff; }
  .field.formatting .formatting-pane.active .cmd.active { border: 1px solid #FFD800; }
.field.formatting .cmd .image { position: absolute; left: 0; top: 0; width: 20px; height: 21px; }
.field.formatting .formatting-pane.active .cmd .image:hover { background: #E0EFFF; }
.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; }
.field.formatting .formatting-pane.active .cmd .image:hover span { background-position-y: -16px; }

.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; }
.field.formatting .formatting-pane.active .menu-cmd:hover { border: 1px solid #1283ff; }
  .field.formatting .formatting-pane.active .menu-cmd.active { border: 1px solid #FFD800; }
.field.formatting .menu-cmd .image { position: absolute; left: 0; top: 0; width: 20px; height: 21px; }
.field.formatting .formatting-pane.active .menu-cmd .image:hover { background: #E0EFFF; }
.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; }
.field.formatting .formatting-pane.active .menu-cmd .image:hover span { background-position-y: -16px; }
.field.formatting .menu-cmd .value { position: absolute; z-index: 1; left: 2px; top: 15px; width: 16px; height: 4px; background: transparent; }
.field.formatting .menu-cmd .open { position: absolute; right: 0; top: 0; width: 12px; height: 21px; }
.field.formatting .formatting-pane.active .menu-cmd .open:hover { background: #E0EFFF; }
.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; }
.field.formatting .formatting-pane.active .menu-cmd .open:hover span { background-position: 0 -3px; }
.field.formatting .cmd.inactive { opacity: 0.3; filter: alpha(opacity=20); }

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

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

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

/* rating */
.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; }
.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; }
.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; }
.field.rating.edit .value-box.active .stars > span { background-position: 0 -32px; }
.field.rating .value-box .text { margin-left: 5px; vertical-align: middle; line-height: 24px; }
.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 { border-top:4px solid #b60002; }
.validation-form .icon { display: inline-block; width: 18px; height: 18px; vertical-align: baseline; margin-right: 10px; color: #a9252a;
                         font-family: LineAwesome; 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 */
.label-position-right .field-value { float: left; }
.label-position-right .field-label { float: none; display: block; padding-right: 0; padding-left: 5px; }

.group.columns > .content { overflow: hidden; }
.group.columns > .content > .left-column { float: left; margin-right: 20px; min-height: 1px; }
.group.columns > .content > .right-column { float: right; margin-left: 20px; min-height: 1px; }
.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; 
}

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

.field-columns { overflow: hidden; }
.field-columns .field { float: left; }
.field-columns .button { float: left; }
.field-columns > .content > div{ margin-right:15px;}
.field-columns > .content > div:last-child{ margin-right:0;}
.field-columns .field-label { float: none; display: inline-block; vertical-align: top; }
.field-columns .field-value { display: inline-block; vertical-align: top; }
.field-columns .static-field { float: left; margin-right: 15px; }

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

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

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

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

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

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

.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: Roboto; }
.field.look-edit.autosize .field-value .text { overflow: auto; }

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

.tabs{ 
  background-color:transparent; 
  width:auto; 
  height:auto; 
  margin-top:0;
}

.tabs .tabs-head {
  padding: 5px 0px 20px 6px;
}

.tabs .tabs-head .tab { 
  position: relative; 
  z-index: 2; 
  display: inline-block; 
  height: 37px; 
  line-height: 40px; 
  padding: 0 0px;
  border-style: none none solid none; 
  border-width: 1px; 
  border-color: transparent;
  background: transparent; 
  font-size: 12px; 
  color: #000; 
  cursor: pointer; 
  text-decoration: none;
  transition: all 0.3s ease 0s; 
  -webkit-transition: all 0.3s ease 0s;
  text-transform: none; 
  margin-left:12px; 
  margin-right:12px;
}

.tabs .tabs-head .tab:first-child,
.tabs1 .tabs-head .tab:first-child { 
    margin-left: 0; 
}

.tabs .tabs-head .tab .text { 
  position: relative; 
  z-index: 2; 
  font-family: "Segoe UI", "Segoe UI Web (West European)", "Segoe UI", -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif;
  font-size:14px; 
  font-weight:400;
}

.tabs .tabs-head .tab.active { 
  background: transparent; 
  color: #000; 
  border-bottom: 2px solid #0078d7; 
}

.tabs .tabs-head .tab.active:hover { 
  color: #000; 
  background-color: transparent; 
  text-decoration: none; 
  border-bottom: 2px solid #1157B0; 
}

.tabs .tabs-head .tab:before {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 0%;
  height: 2px;
  background: #1157B0;
  transition: width .3s ease;
}

.tabs .tabs-head .tab:hover:before {
  width: 100%;
  background: #1157B0;
}

.tabs .tabs-content {
  overflow-y: auto;
}

.tabs .tabs-content::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 4px;
}

.tabs .tabs-content::-webkit-scrollbar-track {
  background-color: #ffffff;
  border-radius: 4px;
}

.tabs .tabs-content::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: rgba(156, 156, 156, .3);
}

/* overlay */
#overlay { position: fixed;  top:0 !important; right:0 !important; left:0 !important; bottom:0 !important;
  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);*/ background: rgba(0, 0, 0, 0.5);  }

#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;
         box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.3); }
.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: 16px; top: 20px; border: none; background: transparent; outline: none; cursor: pointer; }
.popup .cmd-close span { display: inline-block; width: 26px; height: 26px; line-height: 16px; font-size: 11px; vertical-align: top; text-align: center; color: #aaa; text-decoration: none;
                         font-family: LineAwesome; font-style: normal; font-weight: normal;  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.popup .cmd-close span:before {     content: "\D7";    font-family: Roboto;    font-size: 32px;    font-weight: lighter; color:rgb(50, 49, 48); }
.popup .cmd-close:hover span { background-color: #F3F2F1; }

.popup .popup-head { position: relative; z-index: 2; padding: 23px 12px 14px 24px; height: 66px; 
  /*background: #F7F7F7 url(/media/skin1/Popup_Header.jpg) left center repeat-x; background-size: 100% 100%; */
  color: rgb(50, 49, 48); overflow: hidden;
  white-space: nowrap; text-overflow: ellipsis; font-size: 24px; line-height: 17px; cursor:pointer; font-weight:500;
  border-top: 4px solid rgb(0, 120, 212);
  box-sizing:border-box;
}
.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: 0px 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: right; }
.popup .popup-buttons .button { margin: 0 7px; }
.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: LineAwesome; 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: 10px 40px;
                    box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
                    background: #F3F2F1; color: #323130;
                    font-weight: normal; font-size: 12px; line-height: 26px;
                    -moz-border-radius: 0 0 1px 1px; -webkit-border-radius: 0 0 1px 1px; border-radius: 0 0 1px 1px;
                    box-shadow: 0 6.4px 14.4px 0 rgba(0,0,0,.132), 0 1.2px 3.6px 0 rgba(0,0,0,.108); 
                    -webkit-box-shadow: 0 6.4px 14.4px 0 rgba(0,0,0,.132), 0 1.2px 3.6px 0 rgba(0,0,0,.108); 
                    -moz-box-shadow: 0 6.4px 14.4px 0 rgba(0,0,0,.132), 0 1.2px 3.6px 0 rgba(0,0,0,.108); }
.context-message:before { 
  position: absolute;
  top: 10px;
  left: 14px;
  color: #777;
  font-size: 18px;
  font-family: LineAwesome;
  content: "\f05a";
}

.context-message .cmd-close { position: absolute; z-index: 2; right: 8px; top: 14px; 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: LineAwesome; font-style: normal; font-weight: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.context-message .cmd-close span:before { 
  content: "\D7";
  font-family: Roboto;
  font-size: 26px;
  font-weight: normal;
  line-height: 16px;
}
.context-message .cmd-close:hover span,
.context-message:hover .cmd-close span {  }
.popup .context-message { top: 31px; }

/* grid1 */

.grid1{
  touch-action: pan-x pan-y;
  overflow: auto;
}

.grid1 .grid-toppane { 
  position: absolute; z-index: 2; top: -50px; 
}

.grid1 .grid-toppane > .content { 
  background: transparent; 
}

.grid1 .grid-toppane .search { 
  overflow: hidden;
  padding-left:22px; 
  float: left; 
  color: #999; 
  font-size:12px; 
  position: relative; 
  transition: all 0.3s ease 0s; 
  -webkit-transition: all 0.3s ease 0s;
}

.grid1 .grid-toppane .search > label { 
  display:none; 
}

.grid1 .grid-toppane .search:before { 
  content: " ";
  position: absolute;
  left: 0;
  display: block; 
  width: 20px; 
  height: 20px; 
  background: transparent url(/_themes/default/content/media/search.svg?stamp=190516) 0 0 no-repeat; 
  background-size: contain;
  vertical-align:middle;
  margin-bottom:3px;
  margin-right:5px;
  transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s;
}

.grid1 .grid-toppane .search.selected { 
  padding-left:0px; 
  padding-right:22px; 
}

.grid1 .grid-toppane .search.selected:before { 
  left: -20px;
}

.grid1 .grid-toppane .search input { 
  border: none; 
  background: transparent; 
  padding: 0 9px 0 2px; 
  width: 150px; 
  color: black;
  font-weight: 100;
  font-size: 14px;
}

.grid1 .grid-toppane .search input::placeholder{ 
  font-style:normal; 
  color: black; 
}

.grid1 .grid-toppane .search .cmd-search { 
  display: none; 
  vertical-align: middle; 
}

.grid1 .grid-toppane .search .cmd-search span { 
  display: inline-block; 
  width: 16px; 
  height: 16px; 
  background: transparent url(/_themes/default/content/media/search.svg?stamp=190516) 0 0; 
  background-size:contain;
}

.grid1 .grid-toppane .search .cmd-cancelsearch { 
  display: inline-block; 
  vertical-align: middle; 
}

.grid1 .grid-toppane .search .cmd-cancelsearch span { 
  display: inline-block; 
  width: 16px; 
  height: 16px; 
  background: transparent url(/_themes/default/content/media/popup_close.svg?stamp=190516) -2px 0; 
  background-size: 21px 21px;
}

.grid1 .grid-toppane .search ::-webkit-input-placeholder {
  font-style: italic; 
}

.grid1 .grid-toppane .search :focus::-webkit-input-placeholder { 
  color: transparent;
}

.grid1 .grid-toppane .search :-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */ 
  font-style: italic; 
}

.grid1 .grid-toppane .search :focus:-moz-placeholder { 
  color: transparent; 
}

.grid1 .grid-toppane .search ::-moz-placeholder { 
  /* Mozilla Firefox 19+ */ 
  font-style: italic; 
}

.grid1 .grid-toppane .search :focus::-moz-placeholder { 
  color: transparent; 
}

.grid1 .grid-toppane .search :-ms-input-placeholder { 
  /* Internet Explorer 10+ */ 
  font-style: italic;
}

.grid1 .grid-toppane .search :focus:-ms-input-placeholder { 
  color: transparent;
}

.grid1 .grid-toppane .paging-bar { 
  float: left; 
  margin-left: 15px;
}

.grid1 .paging-bar .paging { 
  display: inline-block; 
  vertical-align: middle; 
  font-size: 12px; 
}

.grid1 .paging-bar .paging .prev { 
  display: inline-block; 
  vertical-align: middle; 
  height: 20px; 
  padding: 0; 
  text-align: center; 
  cursor: pointer; 
  background-color: transparent; 
  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; 
  color:black; 
}

.grid1 .paging-bar .paging .prev:hover { 
  color: #1283ff; 
}

.grid1 .paging-bar .paging .prev span { 
  display: inline-block; 
  width: 20px; 
  height: 20px; 
  line-height: 20px; 
  font-family: LineAwesome; 
  -webkit-font-smoothing: antialiased; 
  -moz-osx-font-smoothing: grayscale; 
}

.grid1 .paging-bar .paging .prev span:before { 
  content: "\f053"; 
}

.grid1 .paging-bar .paging .prev.disabled { 
  cursor: default; 
  color: #eee; 
}

.grid1 .paging-bar .paging .prev.disabled:hover { 
  color: #eee;
}

.grid1 .paging-bar .paging .next { 
  display: inline-block; 
  vertical-align: middle; 
  height: 20px; 
  padding: 0; 
  text-align: center; 
  cursor: pointer; 
  background-color: transparent; 
  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;  
  color:black; 
}

.grid1 .paging-bar .paging .next:hover { 
  color: #1283ff;
}

.grid1 .paging-bar .paging .next span { 
  display: inline-block; 
  width: 20px; 
  height: 20px; 
  line-height: 20px; 
  font-family: LineAwesome; 
  -webkit-font-smoothing: antialiased; 
  -moz-osx-font-smoothing: grayscale;
}

.grid1 .paging-bar .paging .next span:before { 
  content: "\f054"; 
}

.grid1 .paging-bar .paging .next.disabled { 
  cursor: default; 
  color: #eee;
}

.grid1 .paging-bar .paging .next.disabled:hover { 
  color: #eee;
}

.grid1 .paging-bar .paging .paging-page { 
  display: inline-block; 
  vertical-align: middle; 
  height: 20px; 
  padding: 0; 
  cursor: pointer; 
  background-color: transparent; 
  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; 
  color:black;
}

.grid1 .paging-bar .paging .paging-page:hover { 
  color: #1283ff; 
}

.grid1 .paging-bar .paging .paging-page.active {
  color: #777; 
  background-color:#EEEEEE;
}

.grid1 .paging-bar .paging .paging-page span { 
  display: inline-block; 
  min-width: 20px; 
  height: 20px; 
  line-height: 20px; 
  text-align: center; 
}

.grid1 .paging-bar .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-bar .paging .paging-spacer span { 
  display: inline-block; 
  width: 20px; 
  height: 20px; 
  text-align: center; 
  color:black;
}

.grid1 .paging-bar .recordscount { 
  display: inline-block; 
  vertical-align: middle; 
  margin-right: 15px; 
  color: black; 
}

.grid1 .paging-bar .recordscount span{
  margin-right: 5px; 
}

.grid1 .paging-bar .recordscount .text { 
  margin: 0 0.5em; 
  color: black; 
}

.grid1 .col{    
  font-family: Roboto;
  color: black;
  font-weight: 300;
  text-align: left;
  border-bottom: 1px solid #DDD;
  font-size: 14px;
  line-height: 26px;
  position: relative; 
  padding: 10px 7px 10px 7px;
}

.grid1 .col > div {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.grid1 .head .col{ 
  color: #999; 
  font-size: 14px;
}

.grid1 .head .col:hover a {
  opacity: 1;
}

.grid1 .head-table{  table-layout: fixed;  width: 0;  border-collapse: collapse; }

.grid1 .head-table .col.has-sorting { 
  cursor: pointer; 
}

.grid1 .head-table .col.has-sorting .sorting-marker { 
  position: absolute; 
  z-index: 2; 
  right: 8px; 
  top: 10px; 
}

.grid1 .head-table .col.has-sorting .sorting-marker span { 
  display: block; 
  width: 12px; 
  height: 12px; 
  text-align: center;
  font-size: 12px; 
  font-family: LineAwesome; 
  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 { 
  display:none; 
}

.grid1 .head-table .col.has-sorting .sorting-marker.sorting-asc span{
  background-image: url(/_themes/default/content/media/grid-sort-up-filled.svg?stamp=190516&icon_color=%23323232);
  background-position: 0 0;
  background-size: 12px 12px;
  background-repeat: no-repeat;
}

.grid1 .head-table .col.has-sorting .sorting-marker.sorting-desc span:before { 
  display:none; 
}

.grid1 .head-table .col.has-sorting .sorting-marker.sorting-desc span{
  background-image: url(/_themes/default/content/media/grid-sort-down-filled.svg?stamp=190516&icon_color=%23323232);
  background-position: 0 0;
  background-size: 12px 12px;
  background-repeat: no-repeat;
}

.grid1 .head-table .col:hover a.cmd-filter {
  width: 15px;
}

.grid1 .head-table .col a.cmd-filter {
  width: 15px;
}

.grid1 .head-table .col:hover a.cmd-filter{
  visibility: visible; opacity: 1; width: 14px; height: 14px;
}

.grid1 .head-table .col a.cmd-filter span{
  display: block;
  width: 10px;
  height: 10px;
  background: url(/_themes/default/content/media/filter-filled.svg?stamp=190516&icon_color=%23323232);
  background-size: contain;
}

.grid1 .head-table .col a.cmd-filter.active{
  visibility: visible;
  opacity: 1;
}

.grid1 .head-table .col a.cmd-filter.active span{
  display: block;
  width: 10px;
  height: 10px;
  background: url(/_themes/default/content/media/filter-filled.svg?stamp=190516&icon_color=red);
  background-size: contain;
}

.grid1 .items { 
  touch-action: pan-x pan-y; 
  color:white; 
}

.grid1 .items .noitems { 
  color: black; 
}

.grid1 .items .items-table .item.hover { 
  background: #E5E5E5; 
}


.grid1 .items .items-scroll .item.hover .selection label.check {
   background: url(/media/table_confirm.svg);
}

.grid1 .items .items-scroll .item.selected .selection label.check {
   background: url(/media/table_confirm_selected.svg);
}

.grid1 .items .items-scroll .item.selected {
  background: #F3F2F1;
}

.grid1 .items-table {
  table-layout: fixed;
  border-collapse: collapse;
  width: 0;
}

.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-16.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; 
}

.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: LineAwesome; 
  -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: LineAwesome; 
  -webkit-font-smoothing: antialiased; 
  -moz-osx-font-smoothing: grayscale; 
}

.grid1 .export .cmd:hover { 
  color: #1283ff;
}

.grid1 .export .cmd-excel span:before { 
  content: "\f1c3";
}

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

.grid1 .col.check{
  text-align:center; 
}

.grid1 .col.check label.check {
  display: inline-block; 
  vertical-align: middle; 
  width: 14px; 
  height: 14px; 
  border: 1px solid #A1ABAC; 
  background-color: #ffffff; 
  color: #445555;
  font-size: 12px; 
  line-height: 12px;
  text-align: center;
  -moz-border-radius: 1px; 
  -webkit-border-radius: 1px; 
  border-radius: 1px;
}

/*.grid1 .col.check label.check.checked { 
  background: url(/_themes/default/content/media/checkmark-filled.svg?stamp=190516);
  background-size: contain;
}*/
.grid1 .col.check label.check{
  font-family: LineAwesome;
}
.grid1 .col.check label.check.checked:before {
  content: "\f00c";
  color: #000;
  padding-top: 1px;
  display: inline-block;
  font-size: 10px;
  
}

.grid1 .col.selection {
  width: 50px;
  padding-left: 0;
}

.grid1 .col.selection .count {
  position: absolute;
  bottom: -6px;
  font-size: 8px;
  font-weight: 700;
  left: 50%;
  transform: translateX(-50%);
  color: black;
  padding-right: 6px;
  user-select: none;
}

.grid1 .col.selection.partial-selected label.check{
  background-image: url(/_themes/default/content/media/checked.svg/?stamp=190516);
}
.grid1 .col.selection.page-selected label.check{
  background-image: url(/_themes/default/content/media/checked.svg/?stamp=190516);
}
.grid1 .col.selection.datasource-selected label.check{
  background-image:url(/_themes/default/content/media/database-view.svg/?stamp=190516);
}

.grid1 .col.selection.datasource-selected label.check,
.grid1 .col.selection.page-selected label.check,
.grid1 .col.selection.partial-selected label.check {
  display: block;
  width: 18px;
  height: 18px;
  background-size: contain;
  background-repeat: no-repeat;
  margin: 0 auto;
}

.grid1 .col.selection label.check { 
  display: block;
  background: url(/media/table_circle.svg);
  background-size: contain;
  background-repeat: no-repeat;
  width: 18px;
  height: 18px;
  margin: 0 auto;
  border:none;
}

.grid1 .col.singlechoice div .image {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: contain;
  padding-right: 4px;
  background-repeat: no-repeat;
  vertical-align: middle;
}

.grid1 .button-column  { 
  text-align:center;
}

.grid1 .button-column a {
  width: 130px;
  height: 100%;
  opacity: 1;
  position: relative;
  right: 0;
  bottom: 0;
  color: black;
}

.grid1 .button-column a:before {
  left: 25%;
  top: 50%;
  transform: translate(-25%,-50%);
}

.grid1 .button-column a:hover {
  background: #ffffff;
}

.grid1 .item.hover .col a{
  color: black;
  /*text-decoration:underline;*/
}

.grid1 .head-table .col a.cmd-filter{
  visibility: hidden;
  position: absolute;
  z-index: 3;
  right: 2px;
  bottom: 2px;
  padding: 8px 2px 2px 8px;
  cursor: pointer;
  opacity: 0.2;
  box-sizing: content-box;
  width: 14px; height: 14px;
}

.grid1 .items .noitems{ 
  display:block; 
  text-align: left; 
  padding: 20px 20px 20px 20vw;
}

.grid1 .items::-webkit-scrollbar { 
  width: 8px !important; 
}

.grid1 .items::-webkit-scrollbar { 
  height: 8px !important; 
}

.grid1 .items::-webkit-scrollbar-track, 
.grid1 .items::-webkit-scrollbar-track { 
  -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.3); 
  -webkit-border-radius: 2px; border-radius: 2px; 
}

.grid1 .items::-webkit-scrollbar-thumb, 
.grid1 .items::-webkit-scrollbar-thumb { 
  -webkit-border-radius: 2px; 
  border-radius: 2px; 
  background: #DDD; 
  -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.5); 
}

.grid1 .items::-webkit-scrollbar-thumb:window-inactive, 
.grid1 .items::-webkit-scrollbar-thumb:window-inactive { 
  background: #EFEFEF;
}

.grid1 .content .width-adjust {
  position: absolute;
  width: 10px;
  height: 100%;
  display: block;
  background: transparent;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  cursor: e-resize;
}

.grid1 .content .width-adjust:before {
  content: "";
  position: absolute;
  top: 0;
  left: 5px;
  width: 1px;
  height: 100%;
  cursor: e-resize;
}

.grid1::-webkit-scrollbar {
  width: 8px !important; 
}

.grid1::-webkit-scrollbar { 
  height: 8px !important; 
}

.grid1::-webkit-scrollbar-track, 
.grid1::-webkit-scrollbar-track { 
  -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.3); 
  -webkit-border-radius: 2px; border-radius: 2px; 
}

.grid1::-webkit-scrollbar-thumb, 
.grid1::-webkit-scrollbar-thumb { 
  -webkit-border-radius: 2px; 
  border-radius: 2px; 
  background: #DDD; 
  -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.5); 
}

.grid1::-webkit-scrollbar-thumb:window-inactive, 
.grid1::-webkit-scrollbar-thumb:window-inactive { 
  background: #EFEFEF;
}

.grid1 .views-selector { text-align: left; padding: 5px 0 0; }
/*.grid1 .views-selector .selector-items {display:inline-block;}*/
.grid1 .views-selector .label { display: none; vertical-align: top; padding: 2px 0; margin-right: 5px; color: #aaa; }
.grid1 .views-selector .selector-items { display: inline-block; vertical-align: top; padding-left:7px; padding-bottom:7px;}
.grid1 .views-selector .selector-item { position: relative; display: inline-block; vertical-align: top; margin: 0 15px 5px 0; 
  transition: all 0.3s ease 0s; 
  -webkit-transition: all 0.3s ease 0s;  
  border: 1px solid #CCC;
  padding-left: 20px;
  text-align:center;
  background: transparent url(/_themes/default/content/media/filter.svg/?stamp=190516) 8px 7px no-repeat;
  background-size: 16px 16px;
}
.grid1 .views-selector .selector-item .name { display: inline-block; vertical-align: middle; padding: 0; color: #000; 
  text-decoration: none; cursor: pointer; 
  line-height: 30px; 
  padding: 0 10px;
  text-align:center;
}
.grid1 .views-selector .selector-item .name:hover { color: #000;  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 {   color: #0078d7;   border: 1px solid #0078d7; 
  background-image: url(/_themes/default/content/media/filter.svg/?stamp=190516&icon_color=%230078d7);
}
.grid1 .views-selector .selector-item.active .name {  color: #0078d7; }
.grid1 .views-selector .selector-item:hover { 
  color: #000; 
  background-color: transparent; 
  text-decoration: none; 
  border: 1px solid #1157B0; 
}
/*.grid1 .views-selector .selector-item:before {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 0%;
  height: 2px;
  background: #1157B0;
  transition: width .3s ease;
}
.grid1 .views-selector .selector-item:hover:before {
  width: 100%;
  background: #1157B0;
}*/
.grid1 .views-selector .selector-item:hover .cmd-ide  { visibility: visible; }
.grid1 .views-selector .selector-item:hover .cmd-ide:hover { opacity: 1; }

.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: LineAwesome; 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: 500px; max-width: 500px; overflow: auto;
  box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
  color: #030303; border:none; background: #FFFFFF;
  box-shadow: 1px 1px 3px 0 #AAA; -webkit-box-shadow: 1px 1px 3px 0 #AAA; -moz-box-shadow: 1px 1px 3px 0 #AAA; 
  padding: 5px 3px; min-width: 150px;
}
.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: 15px; line-height: 25px; height: 25px; }
.menu-tab .items .item.alt { background-color: #FFFFFF; }
.menu-tab .items .item .image-col { display:none; 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: LineAwesome; 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: 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; cursor: pointer;
    color: ;rgb(50, 49, 48); }
.menu-tab .items .item:hover { background: transparent; }
.menu-tab .items .item:hover .name { color: #76BC43; }
.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: 15px; line-height: 25px; height: 25px; 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: LineAwesome; 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: LineAwesome; 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: LineAwesome; 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: LineAwesome; 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: LineAwesome; 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: LineAwesome; 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: LineAwesome; 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: LineAwesome; font-style: normal; font-weight: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }                                  

/* grid-tools1 */
.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 */
.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 */
.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 a.cmd .image{ color: #AAAAAA; }
.grid1 .col.transparent a.cmd .image{ color: transparent; }
.grid1 .item:hover .col.transparent a.cmd .image{ color: #AAAAAA; }
.grid1 .col a.cmd:hover .image, .grid1 .item:hover .col.transparent a.cmd:hover .image{ color: #093E60; }
.grid1 .col a.cmd .icon{ color: #AAAAAA; }
.grid1 .col.transparent a.cmd .icon{ color: transparent; }
.grid1 .item:hover .col.transparent a.cmd .icon{ color: #AAAAAA; }
.grid1 .col a.cmd:hover .icon, .grid1 .item:hover .col.transparent a.cmd:hover .icon{ color: #093E60; }
.grid1 .col .icon-delete:before{ vertical-align:middle;}

.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; display:none;}
.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: LineAwesome; 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: none; 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: static; 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: 12; left: 0; top: 30px; width: 250px; bottom: 0; overflow: hidden;
                                   box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding-right:30px;}
                                   */
.workspace1 .workspace-left-pane{
  display:none;
  position: absolute; z-index: 9; 
  left: 0;
  right: Calc((100vw - 1200px)/2 + 960px);
  background-color: #FFF; padding:0px; 
  border: none;
  box-sizing:border-box;
  border-radius:0px;
  padding-top: 20px;
  text-align:right;
  height:100%;
}
.workspace1 .workspace-left-pane > .workspace-nav-pane{ width: 240px; float:right; }
.workspace1 .workspace-left-pane.visible{ display:block; }
.workspace1 .workspace-left-pane.visible.fixed{
  position:fixed;
  top: 80px !important;
}
@media only screen and (max-width: 1420px) {
  .workspace1 .workspace-left-pane{  right: auto; }
}

.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 { z-index: 2; padding: 0;
                                      box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
                                      border-style: none none none none; border-width: 1px; border-color: #ddd; 
                                      background-color: #FAF9F8; min-height:100vh;}
.workspace1 .workspace-top-pane { z-index: 2; padding: 0;
  box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
  border-style: none none none none; border-width: 1px; border-color: #ddd; 
  /*background: url(/media/skin1/top_pane_bg.png) top left repeat #F5F5F5; background-size: 30%;*/
  /*border-bottom: 1px solid #E1E1E1;*/
  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-pane > .content { max-width: 1200px; margin-left: auto; margin-right: auto; padding-left:260px; padding-top:5px; box-sizing:border-box;}
.workspace1 .workspace-top-pane > .content { max-width: 1200px; margin-left: auto; margin-right: auto; 
  /*background: url(/media/skin1/Company_Profile_Placeholder.png) left top no-repeat;*/
  height: 275px; background-size: auto 192px; position:relative;
  background-color: #FFF;
  -webkit-box-shadow: 2px 4px 8px 0 rgba(0,0,0,.05);
  -moz-box-shadow: 2px 4px 8px 0 rgba(0,0,0,.05);
  box-shadow: 2px 4px 8px 0 rgba(0,0,0,.05);
  overflow:visible;
}
.workspace1 .workspace-top-pane.fixed{ position: fixed;  top: 0; left: 0; right: 0; z-index: 10;  height: 85px; padding:0;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,.28);
  -moz-box-shadow: 0 1px 4px 0 rgba(0,0,0,.28);
  box-shadow: 0 1px 4px 0 rgba(0,0,0,.28);
}
.workspace1 .workspace-top-pane.fixed > .content{ position: absolute; bottom: 0; left: 50%; right: 0; transform: translateX(-50%); width: 1200px;}
.workspace1 .workspace-top-pane.fixed .profile-bg{ display:none; }
.workspace1 .workspace-top-pane-spacer{ display:none; }
.workspace1 .workspace-top-pane-spacer.fixed{ display:block; }
@media only screen and (max-width: 1420px) {
  .workspace1 .workspace-details-pane > .content { max-width: 98vw; }
  .workspace1 .workspace-top-pane > .content { max-width: 100vw; }
  .workspace1 .workspace-top-pane.fixed > .content{ width: 100vw;}
}

.workspace1 .workspace-shortcuts-pane{
  position: absolute; z-index: 9; 
  left: 0;
  right: Calc((100vw - 1200px)/2 + 960px);
  background-color: #FFF; padding:0px; 
  /*-webkit-box-shadow: 2px 4px 8px 0 rgba(0,0,0,.05);
  -moz-box-shadow: 2px 4px 8px 0 rgba(0,0,0,.05);
  box-shadow: 2px 4px 8px 0 rgba(0,0,0,.05);*/
  /*border: 1px solid #f4f4f4;*/
  border: none;
  box-sizing:border-box;
  border-radius:0px;
  padding-top: 20px;
  text-align:right;
  height:100%;
}
.workspace1 .workspace-shortcuts-pane > .content{ width: 240px; float:right; padding-right:20px; box-sizing:border-box;}
.workspace1 .workspace-shortcuts-pane.fixed{
  position:fixed;
  top: 80px;
}
.workspace1 .workspace-shortcuts-pane.fixed.custom{
  top: 70px;
}
@media only screen and (max-width: 1420px) {
  .workspace1 .workspace-shortcuts-pane{ right:auto; padding-left:15px;}
}
.workspace1 .workspace-breadcrumbs-pane{
  background-color: #F3F2F1;
  /*background: linear-gradient(135deg,rgba(225,189,126,.9),rgba(181,140,91,.9));*/
  /*background: url(/media/skin1/Detail_Form_Menu.jpg) left center no-repeat;*/
  background-size: 100% 100%;
  /*-webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,.28);
  -moz-box-shadow: 0 1px 4px 0 rgba(0,0,0,.28);
  box-shadow: 0 1px 4px 0 rgba(0,0,0,.28);*/
  height: 45px;
  width: 100%;
  z-index: 9;
  box-sizing: border-box;
  /*border-bottom: 1px solid #E1E1E1;*/
}
.workspace1 .workspace-breadcrumbs-pane > .content{
  max-width: 1200px; margin-left: auto; margin-right: auto; height: 45px;
  /*background: linear-gradient(135deg,rgba(51,51,51,.0),rgba(51,51,51,.1));*/
}
@media only screen and (max-width: 1420px) {
  .workspace1 .workspace-breadcrumbs-pane > .content{   max-width: 95vw;  }
}
/* 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 .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_Main_Simple.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: LineAwesome; 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 > .content > .group { position: static; overflow: visible; }
.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; }
.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: LineAwesome; 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: LineAwesome; 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: LineAwesome; 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: LineAwesome; 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: LineAwesome; 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;}
.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;}

.searcher { position: fixed; z-index: 5; right: 15px; top: 18px; float: none; margin: 0; border: 1px solid #cccccc; overflow: none;}
.searcher .field {float:left; margin: 0; min-height: initial;}
.searcher label { display: none; }
.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;}
.searcher .cmd-search,
.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; }
.searcher .cmd-search span.icon-look,
.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: LineAwesome; font-style: normal; font-weight: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.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; }

/* sf widgets */
.sf-widget-wrapper { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.sf-widget-wrapper iframe.sf-widget { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.page2 .sf-widget-wrapper{ top:30px; }

/* signin-form */
.signin-form { max-width: 400px; margin: 50px auto 0; background: #FFF;
  -webkit-box-shadow: 2px 4px 8px 0 rgba(0,0,0,.2);
  -moz-box-shadow: 2px 4px 8px 0 rgba(0,0,0,.2);
  box-shadow: 2px 4px 8px 0 rgba(0,0,0,.2);
  border: 1px solid #f4f4f4;
}
.signin-form .head { padding: 10px 0; text-align:center;}
.signin-form .head .logo { height: 80px; background: transparent url(/media/logo.png) center center no-repeat;
						   background-size: contain; -moz-background-size: contain; -webkit-background-size: contain; }
.signin-form .group.signin-pane { padding: 15px 45px; text-align:center; }
.signin-form .group.signin-pane > .head { text-align:center; margin: 5px 0;}
.signin-form .group.signin-pane > .head .text { text-align:center; display:block; float:none; font-weight:100; font-size: 26px; 
  font-family: Roboto; margin-right:0;
}
.form.signin-form .field { margin-bottom: 25px; }

.form.signin-form .field-label {  }
.form.signin-form .buttons .button { display: block; text-align: center; }

@media only screen and (max-width: 1420px) {
  .signin-form { margin-top:30px; }
}

/* registration-form */
.registration-form { min-width: 40%; margin: 0; background: #FFF;
  -webkit-box-shadow: 2px 4px 8px 0 rgba(0,0,0,.5);
  -moz-box-shadow: 2px 4px 8px 0 rgba(0,0,0,.5);
  box-shadow: 2px 4px 8px 0 rgba(0,0,0,.5);
  border: 1px solid #f4f4f4;
  position:absolute;
  left:0; top:0; bottom:0; right:auto;
  padding-top: 105px;
  z-index:2;
  margin-bottom:0;
}
.registration-form.group.has-head{ margin-bottom:0; }
.registration-form .head { padding: 10px 0; text-align:center;}
.registration-form .head .logo { height: 80px; background: transparent url(/media/logo.png) center center no-repeat;
						   background-size: contain; -moz-background-size: contain; -webkit-background-size: contain; }
.registration-form .group.registration-pane { padding: 15px 45px; text-align:center; height: Calc(100vh - 155px); overflow:auto;}
.registration-form .group.registration-pane > .head { text-align:center; margin: 5px 0;}
.registration-form .group.registration-pane > .head .text { text-align:center; display:block; float:none; font-weight:100; font-size: 26px; 
  font-family: Roboto;
}
.form.registration-form .field, .registration-form .field { margin-bottom: 10px; }
.form.registration-form .field-label, .registration-form .field-label { text-align:left; }
.form.registration-form .buttons .button, .registration-form .buttons .button { display: block; text-align: center; display: inline-block;  text-align: center; margin: 0 10px;}

.handshake .right-pane{ position:absolute; min-width: 200px; width: 28%; right: 9%; top: 20%; left: auto; bottom:auto;
  background: rgba(255,255,255, 1); padding: 40px; min-height: 500px;
  -webkit-box-shadow: 2px 4px 8px 0 rgba(0,0,0,.5);
  -moz-box-shadow: 2px 4px 8px 0 rgba(0,0,0,.5);
  box-shadow: 2px 4px 8px 0 rgba(0,0,0,.5);
  border: 1px solid #f4f4f4;  
  
}
.handshake .right-pane h3{ margin-bottom: 20px;  font-size: 20px; }
.handshake .right-pane p{ margin-bottom: 15px; font-size: 15px;  line-height: 150%; }
.handshake .right-pane .buttons .button { display: block; text-align: center; display: inline-block;  text-align: center; margin: 0 10px;} 


/* Theme Selector */
.popup .theme-selector{ padding-top:10px; }
.popup .theme-selector .theme { 
  display: inline-block; 
  margin-right: 15px; 
  cursor: pointer; 
  font-family: Roboto;
  font-weight: 300;
}

.popup .theme:hover .static-field.colors .value-box {
    transform: translate3d(-3px,-3px,3px) !important;
    box-shadow: 3px 3px 5px -3px rgba(153, 153, 153, 1);
}

.popup .theme-selector .theme .value-box { 
  display: block; 
  box-sizing: border-box; 
  -moz-box-sizing: border-box; 
  -webkit-box-sizing: border-box;
  width: 50px; 
  height: 50px; 
  border: 1px solid #CCCCCC; 
  overflow: hidden; 
}

.popup .theme-selector .theme .value-box .color { 
  float: left; 
  height: 50px; 
}

.popup .theme-selector .theme.active .value-box { 
  border: 3px solid #000000; 
}

.popup .theme-selector .static-field.colors .value-box { 
  margin: 0 auto;
  border-radius: 4px;
  transition: transform .3s ease, box-shadow .3s ease;
}

.popup .theme-selector .static-field.text .value-box { 
  color: #000000;
  margin-top: 5px;
  border: none;
  width: 125px;
  text-align: center;
}
.popup .themes-popup .popup-buttons{ display:none; }
/* End Theme Selector */

.headerbar .button {
    border: none;
    background: none;
    padding-top:3px;
}
.headerbar .sfnav{
  float: right;
}
.headerbar .sfnav .button .icon, .headerbar .sfnav .button .image {
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-size: cover;
    font-size: 12px;
    line-height: 16px;
    position: relative;
    font-family: LineAwesome;
    font-style: normal;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin: 0 5px 0 5px;
}

.content-blocks .content-block:first-child{ margin-top: 15px; }

.content-block{ background-color: #FFF; padding:28px; 
  -webkit-box-shadow: 0 1.6px 3.6px 0 rgba(0,0,0,0.132), 0 0.3px 0.9px 0 rgba(0,0,0,0.108);
  -moz-box-shadow: 0 1.6px 3.6px 0 rgba(0,0,0,0.132), 0 0.3px 0.9px 0 rgba(0,0,0,0.108);
  box-shadow: 0 1.6px 3.6px 0 rgba(0,0,0,0.132), 0 0.3px 0.9px 0 rgba(0,0,0,0.108);
  border: 1px solid #f4f4f4;
  overflow:visible;
}
.group.has-head.content-block{ margin-bottom: 25px; }
.group.content-block > .head{ margin: 0 0 10px;}
.group.content-block > .head .text{ font-size: 24px; font-weight:normal; line-height: 150%; color: #323130;
  /*font-weight:600;*/
  font-family: "SegoeUILight";
}
.group.content-block > .head .extra{ display:none; }
.group.content-block .top-buttons{ position:absolute; right:20px; top:12px; }
.group.content-block .top-buttons .field{ display:inline-block; margin-left:15px;}
.group.content-block .top-buttons .button{ display:inline-block; margin-left:15px; }

.group.content-block .button.link .image{ font-size:18px; }

.field.verified-mark{  position:absolute;  right:0; top:-13px; background-color: #3D71B7; color: #FFF; 
  min-height:26px; height:26px; border-top-right-radius: 5px; overflow:visible; }
.field.verified-mark:before{ content:""; background:url(/media/skin1/verified-mark.png) left top no-repeat;
  width:38px; height:26px; background-size: contain; position:absolute; left: -38px;}
.field.verified-mark .field-value .value-box > .text{ color: #FFF; padding: 5px 10px 0 10px;}

/* TODO */
.field.verified-mark2{  position:absolute;  right:0; top:-13px; background-color: #3D71B7; color: #FFF; 
  min-height:26px; height:26px; border-top-right-radius: 5px; overflow:visible; }
.field.verified-mark2:before{ content:""; background:url(/media/skin1/verified-mark2.png) left top no-repeat;
  width:38px; height:26px; background-size: contain; position:absolute; left: -38px;}
.field.verified-mark2 .field-value .value-box > .text{ color: #FFF; padding: 5px 10px 0 10px;}

.group.content-block.header-img{
  /*background: url(/media/skin1/content_block_bg.jpg) left top no-repeat #FFFFFF;
  background-size: 940px auto;*/
}
/*.group.content-block.header-img:before{
  content: " ";
  height: 50px;
  width: 940px;
  position:absolute;
  left:-1px;
  top: 0;
  background: rgba(52,98,138,1);
  background: -moz-linear-gradient(left, rgba(52,98,138,1) 0%, rgba(128,174,214,1) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(52,98,138,1)), color-stop(100%, rgba(128,174,214,1)));
  background: -webkit-linear-gradient(left, rgba(52,98,138,1) 0%, rgba(128,174,214,1) 100%);
  background: -o-linear-gradient(left, rgba(52,98,138,1) 0%, rgba(128,174,214,1) 100%);
  background: -ms-linear-gradient(left, rgba(52,98,138,1) 0%, rgba(128,174,214,1) 100%);
  background: linear-gradient(to right, rgba(52,98,138,1) 0%, rgba(128,174,214,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#34628a', endColorstr='#80aed6', GradientType=1 );
}*/

/*.group.content-block.header-img:nth-child(2n){
  background-image: url(/media/skin1/content_block_bg2.jpg);
}
.group.content-block.header-img:nth-child(3n){
  background-image: url(/media/skin1/content_block_bg3.jpg);
}*/
.group.content-block.header-img > .head{ margin: 0 0 20px;}
.group.content-block.header-img > .head .text{ color: #323130; }

.group.content-block.header-img .group.top-buttons .field-label{ color:#FFF; }
.group.content-block.header-img .group.top-buttons label.edit.check{ border-color:#FFF; }
.group.content-block.header-img .group.top-buttons label.edit.check.checked{ border-color: rgb(0, 90, 158); }
  
.workspace-shortcuts-pane .button, .workspace-shortcuts-pane .button:link{
  background: transparent;
  color: #000000;
  font-weight:normal;
  border-style: none none dashed none;
  border-bottom: none;
  display:block;
  height:44px;
  line-height:29px;
  padding: 5px 20px 7px 20px;
  box-sizing: border-box;
  border-left: 3px solid transparent;
  text-align: left;
  border-left: 2px solid transparent;
}
.workspace-shortcuts-pane .button .text, .workspace-shortcuts-pane .button:link .text{
  font-size:14px; color: #000;
}
.workspace-shortcuts-pane .button:last-child{ border-bottom:none;}
.group.workspace-shortcuts-pane .button .icon, .group.workspace-shortcuts-pane .button .image{ margin: 0 12px 0 0; color: #777;}
.workspace-shortcuts-pane .button.active{
  /*border-left: 3px solid #76BC43;*/
  color: #00A2E6;
  border-left: 2px solid #0078d7;
  background-color: #ECEBE9;
}
.workspace-shortcuts-pane .button.active .image{
  color: #00A2E6;
}
.workspace-shortcuts-pane .button.active .text, .workspace-shortcuts-pane .button.active:link .text{ color: #00A2E6; }

.workspace-shortcuts-pane .button:hover{
  background-color: #F3F2F1;
}

.workspace-shortcuts-pane.custom .group > .head{ border-bottom: 1px solid #F4F4F4; padding:10px; }
.workspace-shortcuts-pane.custom .button.link{ background: transparent; padding: 0 0 0 10px;    height: auto;    line-height: 150%;}
.workspace-shortcuts-pane.custom .button.link:hover{ background: transparent;}

.workspace-breadcrumbs-pane .button:not(.standard), .workspace-breadcrumbs-pane .button:not(.standard):link{
  background: transparent;
  color: #777;
  box-sizing: border-box;
  padding: 0 18px;
  font-weight:normal;
  border: none;
  min-width: 20px;
  padding-right: 7px; padding-left:12px; 
}
.workspace-breadcrumbs-pane .button:not(.standard) .text{
  line-height: 45px; color: #093E60;
}
.workspace-breadcrumbs-pane .button.has-arrow:not(.standard){ padding-right: 7px; padding-left:12px;  margin-right: 0; }
.workspace-breadcrumbs-pane .button.has-arrow:not(.standard):after{
  content: "\f105";
  position: absolute;
  margin-left: 7px;
  margin-top: 14px;
  color: #AAA;
  font-family: FontAwesome;
}
.workspace-breadcrumbs-pane .button:not(.standard):hover .text{ text-decoration: underline; color: #76BC43; }
.workspace-breadcrumbs-pane .button.img-btn:not(.standard){ padding: 0 4px; }
.workspace-breadcrumbs-pane .button.img-btn:not(.standard) .image:before{ font-size: 20px; }
.workspace-breadcrumbs-pane .button:not(.standard):hover .image{ color: #76BC43; }
.workspace-breadcrumbs-pane .button.standard{ margin-top:4px;}
.workspace-breadcrumbs-pane .button.standard.small{ margin-top:7px;}

/* field animation*/
.field{ text-align:left;}
.field.edit .field-label{ float:none; display:block;}
.field.edit.text, .field.edit.number, .field.edit.password, .field.edit.singlechoice, .field.edit.date, .field.edit.textarea {  position: relative; overflow:visible; margin-top:0;}
.field.text .value-box, .field.number .value-box, .field.password .value-box, .field.singlechoice .value-box,
.field.date .value-box, .field.textarea .value-box, .field.html .value-box .html, .field.files, .field.multichoicecompact .value-box,
.field.viewlookup .value-box{  
    padding-left:5px;
}
.field.edit.text .value-box, .field.edit.number .value-box, .field.edit.password .value-box, .field.edit.singlechoice .value-box,
  .field.edit.date .value-box, .field.edit.textarea .value-box {  
  margin-top:15px;  display:block; padding-left:5px; position:relative;
}
.field.edit.check{ padding-left:5px; padding-top:6px; }
.field.edit.text label, .field.edit.number label, .field.edit.password label, .field.edit.date label, .field.edit.textarea label {  position:absolute;  top: 19px;  left:10px;  color: #1B2638;
  transition: .3s ease all;  -moz-transition: .3s ease all;  -ms-transition: .3s ease all;  -o-transition: .3s ease all;
  -webkit-transition: .3s ease all;  transform-origin:left;  font-size: unset;
  font-size:14px;
} 
.field.edit.text .field-value .icon, .field.edit.number .field-value .icon, .field.edit.password .field-value .icon,
  .field.edit.date .field-value .icon, .field.edit.textarea .field-value .icon { display:none; }
.field.edit.text .field-value.has-icon input.edit, .field.edit.number .field-value.has-icon input.edit, .field.edit.password .field-value.has-icon input.edit,
  .field.edit.date .field-value.has-icon input.edit, .field.edit.textarea .field-value.has-icon input.edit {  padding-left:5px !important; }
.field.edit.text input::placeholder, .field.edit.number input::placeholder, .field.edit.password input::placeholder,
  .field.edit.date input::placeholder, .field.edit.textarea input::placeholder { display:none; color:transparent; }
.field.edit.text .field-value, .field.edit.number .field-value, .field.edit.password .field-value, .field.edit.date .field-value, .field.edit.textarea .field-value{  background: transparent; } 
.field.edit.text .field-value input.edit, .field.edit.text .field-value textarea.edit, 
.field.edit.number .field-value input.edit, .field.edit.password .field-value input.edit, .field.edit.date .field-value input.edit, .field.edit.textarea .field-value textarea.edit{  
  background: transparent; line-height: 18px;
}
.field.edit.text label, .field.edit.number label, .field.edit.password label, .field.edit.date label, .field.edit.textarea label{ line-height: 18px; color: #FFF; }
.field.edit.text label > span, .field.edit.number label > span, .field.edit.password label > span, .field.edit.date label > span, .field.edit.textarea label > span{ color: #AAA;  }
.field.edit.text input, .field.edit.number input, .field.edit.password input, .field.edit.date input, .field.edit.textarea textarea { border: 1px solid #dadce0; margin-bottom: 2px;}
.field.singlechoice.edit .field-value {  padding-left: 5px; box-sizing:border-box;}
.field.singlechoice.edit .value-box{ border: 1px solid #dadce0;}

.field.captcha .field-value input.edit.captcha{ border: 1px solid #dadce0; }
.field.edit.text  label, .field.edit.number  label, .field.edit.password  label{ color: gray; }
.field.edit.text.anim-field-active .field-value { } 
.field.edit.text.anim-field-active input, .field.edit.number.anim-field-active input, .field.edit.password.anim-field-active input,
  .field.edit.date.anim-field-active input,
  .field.edit.date.anim-field-active textarea{
  border: 2px solid #0078d7; margin-bottom:0;
}
.field.singlechoice.edit .value-box.active{ border: 2px solid #0078d7; }
.field.edit.text.hasValue label, .field.edit.number.hasValue label, .field.edit.password.hasValue label, .field.edit.date.hasValue label, 
  .field.edit.textarea.hasValue label{ top: -4px; left: 9px; 
    background: white; padding: 2px; z-index: 2; transform: scale(.8); width: auto !important; line-height:110%; min-height:0; 
}
.field.edit.text.anim-field-active label, .field.edit.number.anim-field-active label, .field.edit.password.anim-field-active label, 
 .field.edit.date.anim-field-active label, 
 .field.edit.textarea.anim-field-active label{ top: -4px; left: 9px;
  background: white; padding: 2px; z-index: 2; transform: scale(.8); width: auto !important; line-height:110%; min-height:0; 
}
.field.edit.text.anim-field-active label span, .field.edit.number.anim-field-active label span, .field.edit.password.anim-field-active label span, 
  .field.edit.date.anim-field-active label span, .field.edit.textarea.anim-field-active label span{ 
  color: #0078d7 !important; 
}
.field.edit.singlechoice label{  position:absolute; top: -4px; left: 3px;  font-size:14px;
  background: white; padding: 2px; z-index: 2; transform: scale(.8); width: auto !important; line-height:110%; min-height:0; 
}
.field.edit.viewlookup .field-label span{ font-size:11px; padding-left:14px;}
.field.edit.multichoicecompact .field-label span{ font-size:11px; padding-left:14px;}
/*.field.edit .cmd-lookup{ top: 15px;}*/
.field.edit.check .field-label{ display:inline-block; float:left;}
.field.edit .value-box.datetime .ui-datepicker-trigger{ top: 9px; right:6px; left:auto;}
.field.required .value-box:before{     content: "";    border-left: 2px solid #b60002;    height: 32px;    position: absolute;
    left: 0;    top: 2px;    bottom: 0; }
.field.singlechoice.required .value-box:before{ left: -6px;}
.field.check.required .value-box:before{ left: -5px;    height: 20px;    top: 4px; }
.field.check.required .field-value, .field.check.required .value-box{ overflow:visible;}
/* end field animation*/

.skin2 body{
  background: url(/media/skin1/LoginBackground.jpg) center center no-repeat;
  background-size: 100% auto;
}
.skin2 .header{ max-width: 400px; margin: 50px auto 0; text-align:center;}
.skin2 .header .line1{ font-size: 64px; line-height:20px; margin-bottom:5px; font-family: "Roboto Condensed"; }
.skin2 .header .line1 img{ width: 205px; }
.skin2 .header .line2{ font-size: 27px; line-height:100%; color: #76BC43; font-family: Roboto; line-height:150%;}
.skin2 .header .line3{ font-size: 11px; line-height:100%; color: #000; font-family: Roboto; line-height:150%;}
@media only screen and (max-width: 1420px) {
  .skin2 .header .line1 img{ width: 155px; }
  .skin2 .header .line2{ font-size: 22px; }
}
.skin2 .group.line-link{ text-align:center; padding-bottom:30px;}
.skin2 .group.line-link.nopadding{ padding-bottom:0px;}
.skin2 .group.line-link.bottom{ padding:15px 0 5px 0; border-top: 1px solid #DDD; margin-top:30px;}
.skin2 .group.line-link .field{ display:inline;}
.skin2 .group.line-link .field .field-value{ display:inline; font:12px/17px Roboto; text-align:center;}
.skin2 .group.line-link .button{ display:inline; padding-left:7px; font:12px/17px Roboto;}
.skin2 .group.line-link .button .text{ font-size: inherit; line-height:inherit; padding:0; display: inline; vertical-align: baseline;}
.skin2 .button.link{ color:#000; background:none; padding: 0; display: inline;  min-height: 0; height: auto;}
.skin2 .button.link .text{ color:#000; background:none; text-decoration:underline;}
.skin2 .button.link.prevstep{ min-width:0; text-decoration:none; padding-bottom: 20px;}
.skin2 .button.link.prevstep .text{ text-decoration:none; }
.skin2 .group.line-link.bottom .button{ margin: 0 5px; }
.skin2 .footer{ max-width: 400px; margin: 50px auto 0; text-align:center;}
.skin2 .footer .logo-bottom{ background: url(/media/skin1/Logo_Full_Subtitle.png) center center no-repeat;
  background-size: contain;
  width: 380px;
  height: 100px;
  position: absolute;
  left: 0;
  bottom: 50px;
}
@media only screen and (max-width: 1420px) {
  .skin2 .footer .logo-bottom{ width: 300px; height: 80px; bottom:30px;}
}
.skin2 .footer .links a{ margin: 0 5px;}
.skin2 .footer .links a:after{ content: " | "; margin: 0 0 0 10px;}
.skin2 .footer .links a:last-child:after{ content: ""; }
.skin2 .top-links-pane{ position: absolute; right: 100px; top: 50px; }
.skin2 .top-links-pane .button .text{ text-transform:uppercase; text-decoration:none; color: #777; font-size:13px; }

.grid3{ padding: 0;}
.grid3 .item{ min-height: 160px;
  background-color: #FFF; padding:25px 20px 20px 20px; 
  -webkit-box-shadow: 0 1.6px 3.6px 0 rgba(0,0,0,0.132), 0 0.3px 0.9px 0 rgba(0,0,0,0.108);
  -moz-box-shadow: 0 1.6px 3.6px 0 rgba(0,0,0,0.132), 0 0.3px 0.9px 0 rgba(0,0,0,0.108);
  box-shadow: 0 1.6px 3.6px 0 rgba(0,0,0,0.132), 0 0.3px 0.9px 0 rgba(0,0,0,0.108);
  border: 1px solid #f4f4f4;
  overflow:visible;
  margin-bottom: 25px;
}
.grid3 .item .field{ min-height:20px; white-space:nowrap; }
.grid3 .item .field .field-label{ float:none; display:inline-block; min-height:20px; padding-top:0; white-space:nowrap; vertical-align:top;}
.grid3 .item .field .field-value{ float:none; display:inline-block; min-height:20px; padding-top:0; white-space:normal;}
.grid3 .item .field.singlechoice .value-box{ padding-top: 0; }
.grid3 .item .field-value .value-box > .text{ padding-top: 0; }
.grid3 .item .field.number .field-value{ text-align:left;}

.grid3 .item .top-links{ position:absolute; right: 20px; top: 44px; }
.grid3 .item .top-links .button{ margin-left: 15px; }
.grid3 .item .top-links .button .image{  font-size:18px; } 

.grid3 .item .title-group{ margin-bottom: 0;}
.grid3 .item .title-group .button{ margin-right: 15px; }
.grid3 .item .title-group .field.check{ margin-right: 15px; }
.grid3 .item .title .text{  font-size: 24px;  font-weight: bold;  line-height: 150%;    color: #323130;    margin-right: 15px;}
.grid3 .item .title-group .field.check.mark-green{ margin-top:6px; }
.grid3 .item .subtitle-group{ margin-bottom: 15px; padding-left: 38px}
.grid3 .item .subtitle-group .field, .grid3 .item .subtitle-group .button{ margin-right: 20px; }
.grid3 .item .subtitle-group .button{ padding-left: 0px;}
.grid3 .item .subtitle-group .button .image{ margin-right:4px; }
.grid3 .item .subtitle-group .button .image:before{
    font-size: 18px;
    line-height: 26px;
    position: absolute;
    top: -6px;
    left:0;
}
.grid3 .item .subtitle{ margin-bottom: 0; line-height:26px;}
.grid3 .item .subtitle .text{ font-size: 14px; font-weight: normal; color: #777;
    font-family: Roboto;
}
.grid3 .item .subtitle.multichoicecompact{ padding-top: 1px;}

.grid3 .item .orglogo{ }
.grid3 .item .orglogo img{ width: 120px; height: 120px; }
.grid3 .item .orgdetails{ max-height: 145px; overflow:auto; padding-right: 15px; box-sizing: border-box; margin-bottom:10px;}
.grid3 .footer{ padding: 5px 0;}
/*.grid3 .paging-bar .recordscount > span{ padding: 0 2px;}*/
.grid3 .item .links{ margin-top:7px; }
.grid3 .item .links .button{ margin-right: 10px; }
.grid3 .item .orgdetails::-webkit-scrollbar {   width: 8px !important; }
.grid3 .item .orgdetails::-webkit-scrollbar {   height: 8px !important; }
.grid3 .item .orgdetails::-webkit-scrollbar-track, .grid3 .item .orgdetails::-webkit-scrollbar-track {   -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.3); 
  -webkit-border-radius: 2px; border-radius: 2px; 
}
.grid3 .item .orgdetails::-webkit-scrollbar-thumb, .grid3 .item .orgdetails::-webkit-scrollbar-thumb { 
  -webkit-border-radius: 2px;   border-radius: 2px;   background: #DDD;   -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.5); 
}
.grid3 .item .orgdetails::-webkit-scrollbar-thumb:window-inactive, .grid3 .item .orgdetails::-webkit-scrollbar-thumb:window-inactive { 
  background: #EFEFEF;
}
.grid3 .paging-bar .paging { 
  display: inline-block; 
  vertical-align: middle; 
  font-size: 14px; 
}
.grid3 .paging-bar .paging .prev { 
  display: inline-block; 
  vertical-align: middle; 
  height: 20px; 
  padding: 2px; 
  text-align: center; 
  cursor: pointer; 
  background-color: #FFF; 
  min-width: 1em;
  border-style: solid; 
  border-color: #ddd; border-width: 1px;
  transition: all 0.3s ease 0s; 
  -webkit-transition: all 0.3s ease 0s; 
  color:black; 
  margin-right:5px;
}

.grid3 .paging-bar .paging .prev:hover { 
  color: #FFF; 
  background-color: #999999;
  border-color: #999999;
}

.grid3 .paging-bar .paging .prev span { 
  display: inline-block; 
  width: 20px; 
  height: 20px; 
  line-height: 20px; 
  font-family: LineAwesome; 
  -webkit-font-smoothing: antialiased; 
  -moz-osx-font-smoothing: grayscale; 
}

.grid3 .paging-bar .paging .prev span:before { 
  content: "\f053"; 
}

.grid3 .paging-bar .paging .prev.disabled { 
  cursor: default; 
  color: #eee; 
}

.grid3 .paging-bar .paging .prev.disabled:hover { 
  color: #eee;
}

.grid3 .paging-bar .paging .next { 
  display: inline-block; 
  vertical-align: middle; 
  height: 20px; 
  padding: 2px; 
  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;  
  color:black; 
}

.grid3 .paging-bar .paging .next:hover { 
  color: #FFF; 
  background-color: #999999;
  border-color: #999999;
}

.grid3 .paging-bar .paging .next span { 
  display: inline-block; 
  width: 20px; 
  height: 20px; 
  line-height: 20px; 
  font-family: LineAwesome; 
  -webkit-font-smoothing: antialiased; 
  -moz-osx-font-smoothing: grayscale;
}

.grid3 .paging-bar .paging .next span:before { 
  content: "\f054"; 
}

.grid3 .paging-bar .paging .next.disabled { 
  cursor: default; 
  color: #eee;
}

.grid3 .paging-bar .paging .next.disabled:hover { 
  color: #eee;
}

.grid3 .paging-bar .paging .paging-page { 
  display: inline-block; 
  vertical-align: middle; 
  height: 20px; 
  padding: 2px 4px; 
  cursor: pointer; 
  background-color: #FFF; 
  min-width: 1em;
  border-style: solid; 
  border-color: #ddd; 
  border-width: 1px;
  transition: all 0.3s ease 0s; 
  -webkit-transition: all 0.3s ease 0s; 
  color:black;
  margin-right:5px;
  text-align:center;
  font-weight:bold;
}

.grid3 .paging-bar .paging .paging-page:hover { 
  color: #FFF; 
  background-color: #999999;
  border-color: #999999;
}

.grid3 .paging-bar .paging .paging-page.active {
  color: #76BC43;
  background-color: transparent;
  border: 1px solid #76BC43;
}

.grid3 .paging-bar .paging .paging-page span { 
  display: inline-block; 
  min-width: 16px; 
  height: 20px; 
  line-height: 20px; 
  text-align: center; 
}

.grid3 .paging-bar .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;
}

.grid3 .paging-bar .paging .paging-spacer span { 
  display: inline-block; 
  width: 20px; 
  height: 20px; 
  text-align: center; 
  color:black;
}

.grid3 .paging-bar .recordscount { 
  display: none; 
  vertical-align: middle; 
  margin-right: 15px; 
  color: black; 
}

.grid3 .paging-bar .recordscount span{
  margin-right: 5px; 
}

.grid3 .paging-bar .recordscount .text { 
  margin: 0 0.5em; 
  color: black; 
}

/*end grid3*/

/* grid5 */

.grid5{ padding: 0; overflow:auto;}
.grid5 .item{ min-height: 160px;
  background-color: #FFF; padding:17px 20px 20px 20px; 
  -webkit-box-shadow: 0 1.6px 3.6px 0 rgba(0,0,0,0.132), 0 0.3px 0.9px 0 rgba(0,0,0,0.108);
  -moz-box-shadow: 0 1.6px 3.6px 0 rgba(0,0,0,0.132), 0 0.3px 0.9px 0 rgba(0,0,0,0.108);
  box-shadow: 0 1.6px 3.6px 0 rgba(0,0,0,0.132), 0 0.3px 0.9px 0 rgba(0,0,0,0.108);
  border: 1px solid #f4f4f4;
  overflow:visible;
  margin-bottom: 12px;
  display: inline-block;
  float:left;
  margin-right: 12px;
  min-height: 220px;
}
.grid5 .item .field{ min-height:20px; }
.grid5 .item .field .field-label{ float:left; display:inline-block; min-height:20px; padding-top:0;}
.grid5 .item .field.singlechoice .value-box{ padding-top: 0; }
.grid5 .item .field-value .value-box > .text{ padding-top: 0; }
.grid5 .item .field.number .field-value{ text-align:left;}

.grid5 .item .top-links{ position:absolute; right: 20px; top: 44px; }
.grid5 .item .top-links .button{ margin-left: 15px; }
.grid5 .item .top-links .button .image{  font-size:18px; } 

.grid5 .item .title-group{ margin-bottom: 10px; border-bottom: 1px solid #093E60;}
.grid5 .item .title-group .button{ margin-right: 15px; }
.grid5 .item .title-group .field.check{ margin-right: 15px; }
.grid5 .item .title .text{ font-size: 16px; font-weight: bold; line-height: 24px; color: #093E60;
    font-family: Roboto;
    margin-right: 0;
}
.grid5 .item .status .text{ font-size: 14px; font-weight: normal; line-height: 24px; color: #000;
    font-family: Roboto;
    margin-right: 0;
}
.grid5 .item .status.red .text{ color: red;}
.grid5 .item .status.green .text{ color: green;}
.grid5 .item .status.blue .text{ color: blue;}
.grid5 .item .status.yellow .text{ color: yellow;}
  
.grid5 .item .title-group .field.check.mark-green{ margin-top:2px; }
.grid5 .item .subtitle-group{ margin-bottom: 15px; padding-left: 38px}
.grid5 .item .subtitle-group .field, .grid5 .item .subtitle-group .button{ margin-right: 20px; }
.grid5 .item .subtitle-group .button{ padding-left: 0px;}
.grid5 .item .subtitle-group .button .image{ margin-right:0; }
.grid5 .item .subtitle-group .button .image:before{
    font-size: 18px;
    line-height: 26px;
    position: absolute;
    top: -6px;
    left:0;
}
.grid5 .item .subtitle{ margin-bottom: 0; line-height:26px;}
.grid5 .item .subtitle .text{ font-size: 14px; font-weight: normal; color: #777;
    font-family: Roboto;
}
.grid5 .item .photo .files{ text-align:center; }
.grid5 .item .photo img{ max-width: 120px; max-height: 120px; }
.grid5 .item .orgdetails{ max-height: 105px; overflow:auto; padding-right: 15px; box-sizing: border-box;}
.grid5 .footer{ padding: 5px 0;}
/*.grid5 .paging-bar .recordscount > span{ padding: 0 2px;}*/
.grid5 .item .links .button{ margin-right: 10px; }
.grid5 .item .orgdetails::-webkit-scrollbar {   width: 8px !important; }
.grid5 .item .orgdetails::-webkit-scrollbar {   height: 8px !important; }
.grid5 .item .orgdetails::-webkit-scrollbar-track, .grid5 .item .orgdetails::-webkit-scrollbar-track {   -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.3); 
  -webkit-border-radius: 2px; border-radius: 2px; 
}
.grid5 .item .orgdetails::-webkit-scrollbar-thumb, .grid5 .item .orgdetails::-webkit-scrollbar-thumb { 
  -webkit-border-radius: 2px;   border-radius: 2px;   background: #DDD;   -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.5); 
}
.grid5 .item .orgdetails::-webkit-scrollbar-thumb:window-inactive, .grid5 .item .orgdetails::-webkit-scrollbar-thumb:window-inactive { 
  background: #EFEFEF;
}
.grid5 .paging-bar .paging { 
  display: inline-block; 
  vertical-align: middle; 
  font-size: 14px; 
}
.grid5 .paging-bar .paging .prev { 
  display: inline-block; 
  vertical-align: middle; 
  height: 20px; 
  padding: 2px; 
  text-align: center; 
  cursor: pointer; 
  background-color: #FFF; 
  min-width: 1em;
  border-style: solid; 
  border-color: #ddd; border-width: 1px;
  transition: all 0.3s ease 0s; 
  -webkit-transition: all 0.3s ease 0s; 
  color:black; 
  margin-right:5px;
}

.grid5 .paging-bar .paging .prev:hover { 
  color: #FFF; 
  background-color: #999999;
  border-color: #999999;
}

.grid5 .paging-bar .paging .prev span { 
  display: inline-block; 
  width: 20px; 
  height: 20px; 
  line-height: 20px; 
  font-family: LineAwesome; 
  -webkit-font-smoothing: antialiased; 
  -moz-osx-font-smoothing: grayscale; 
}

.grid5 .paging-bar .paging .prev span:before { 
  content: "\f053"; 
}

.grid5 .paging-bar .paging .prev.disabled { 
  cursor: default; 
  color: #eee; 
}

.grid5 .paging-bar .paging .prev.disabled:hover { 
  color: #eee;
}

.grid5 .paging-bar .paging .next { 
  display: inline-block; 
  vertical-align: middle; 
  height: 20px; 
  padding: 2px; 
  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;  
  color:black; 
}

.grid5 .paging-bar .paging .next:hover { 
  color: #FFF; 
  background-color: #999999;
  border-color: #999999;
}

.grid5 .paging-bar .paging .next span { 
  display: inline-block; 
  width: 20px; 
  height: 20px; 
  line-height: 20px; 
  font-family: LineAwesome; 
  -webkit-font-smoothing: antialiased; 
  -moz-osx-font-smoothing: grayscale;
}

.grid5 .paging-bar .paging .next span:before { 
  content: "\f054"; 
}

.grid5 .paging-bar .paging .next.disabled { 
  cursor: default; 
  color: #eee;
}

.grid5 .paging-bar .paging .next.disabled:hover { 
  color: #eee;
}

.grid5 .paging-bar .paging .paging-page { 
  display: inline-block; 
  vertical-align: middle; 
  height: 20px; 
  padding: 2px 4px; 
  cursor: pointer; 
  background-color: #FFF; 
  min-width: 1em;
  border-style: solid; 
  border-color: #ddd; 
  border-width: 1px;
  transition: all 0.3s ease 0s; 
  -webkit-transition: all 0.3s ease 0s; 
  color:black;
  margin-right:5px;
  text-align:center;
  font-weight:bold;
}

.grid5 .paging-bar .paging .paging-page:hover { 
  color: #FFF; 
  background-color: #999999;
  border-color: #999999;
}

.grid5 .paging-bar .paging .paging-page.active {
  color: #76BC43;
  background-color: transparent;
  border: 1px solid #76BC43;
}

.grid5 .paging-bar .paging .paging-page span { 
  display: inline-block; 
  min-width: 16px; 
  height: 20px; 
  line-height: 20px; 
  text-align: center; 
}

.grid5 .paging-bar .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;
}

.grid5 .paging-bar .paging .paging-spacer span { 
  display: inline-block; 
  width: 20px; 
  height: 20px; 
  text-align: center; 
  color:black;
}

.grid5 .paging-bar .recordscount { 
  display: none; 
  vertical-align: middle; 
  margin-right: 15px; 
  color: black; 
}

.grid5 .paging-bar .recordscount span{
  margin-right: 5px; 
}

.grid5 .paging-bar .recordscount .text { 
  margin: 0 0.5em; 
  color: black; 
}

.grid5 .views-selector { text-align: left; padding: 5px 0 0; }
/*.grid5 .views-selector .selector-items {display:inline-block;}*/
.grid5 .views-selector .label { display: none; vertical-align: top; padding: 2px 0; margin-right: 5px; color: #aaa; }
.grid5 .views-selector .selector-items { display: inline-block; vertical-align: top; padding-left:7px; padding-bottom:7px;}
.grid5 .views-selector .selector-item { position: relative; display: inline-block; vertical-align: top; margin: 0 15px 5px 0; 
  transition: all 0.3s ease 0s; 
  -webkit-transition: all 0.3s ease 0s;  
  border: 1px solid #CCC;
  padding-left: 20px;
  text-align:center;
  background: transparent url(/_themes/default/content/media/filter.svg/?stamp=190516) 8px 7px no-repeat;
  background-size: 16px 16px;
}
.grid5 .views-selector .selector-item .name { display: inline-block; vertical-align: middle; padding: 0; color: #000; 
  text-decoration: none; cursor: pointer; 
  line-height: 30px; 
  padding: 0 10px;
  text-align:center;
}
.grid5 .views-selector .selector-item .name:hover { color: #000;  text-decoration: none; }
.grid5 .views-selector .selector-item .name .remarks { color: #000; font-weight: 700; margin-left: 5px; }
.grid5 .views-selector .selector-item .name .remarks:before { content: "("; }
.grid5 .views-selector .selector-item .name .remarks:after { content: ")"; }
.grid5 .views-selector .selector-item.active {   color: #0078d7;   border: 1px solid #0078d7; 
  background-image: url(/_themes/default/content/media/filter.svg/?stamp=190516&icon_color=%230078d7);
}
.grid5 .views-selector .selector-item.active .name {  color: #0078d7; }
.grid5 .views-selector .selector-item:hover { 
  color: #000; 
  background-color: transparent; 
  text-decoration: none; 
  border: 1px solid #1157B0; 
}
.grid5 .views-selector .selector-item:hover .cmd-ide  { visibility: visible; }
.grid5 .views-selector .selector-item:hover .cmd-ide:hover { opacity: 1; }
/* end grid5 */

/* grid7 */

.grid7{ padding: 0; overflow:auto;}
.grid7 .item{ 
  border: 1px solid rgb(237, 235, 233);
  position: relative;
  user-select: none;
  background-color: #FFF; padding:0; 
  overflow:visible;
  margin-bottom: 12px;
  display: inline-block;
  float:left;
  margin-right: 12px;
  width: 277px;
  height: 260px;
}
.grid7 .item:hover{ border: 1px solid #A8A6A4; }
.grid7 .item.primary:before{ position:absolute; right: 5px; top:5px; content: "✔ Primary"; color: #FFF; background: rgba(0,0,0,0.6); padding: 2px 7px;}
.grid7 .item.mediatype_2:after{  
  content: " ";
  width: 195px;
  height: 130px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -97px;
  margin-top: -97px;
  background-image: url(/media/skin1/Video_Play_Button.png);
}

.grid7 .item .field{ min-height:20px; }
.grid7 .item .field .field-label{ float:left; display:inline-block; min-height:20px; padding-top:0;}
.grid7 .item .field.singlechoice .value-box{ padding-top: 0; }
.grid7 .item .field-value .value-box > .text{ padding-top: 0; }
.grid7 .item .field.number .field-value{ text-align:left;}

.grid7 .item .field.description{ padding: 20px; box-sizing:border-box; overflow:hidden; text-overflow:ellipsis; 
  background: rgba(0,0,0, 0);
  position:absolute; left:0; top:0; right:0; height: 196px; z-index:1; color: transparent;
  -webkit-transition: background .3s ease-out; -moz-transition: background .3s ease-out; 
  -ms-transition: background .3s ease-out; -o-transition: background .3s ease-out; transition: background .3s ease-out;
}
.grid7 .item .field.description .value-box{ color: transparent;}
.grid7 .item:hover .field.description{ display:block; background: rgba(0,0,0, 0.5); }
.grid7 .item:hover .field.description .value-box{ color: #FFF;}

.grid7 .item .links{ opacity:0; position:absolute; bottom: 0px; left:0; right:0; height: 30px; padding-left:10px; padding-bottom:5px;
  background-color:#FCFCFC;
  -webkit-transition: opacity .3s ease-out; -moz-transition: opacity .3s ease-out; 
  -ms-transition: opacity .3s ease-out; -o-transition: opacity .3s ease-out; transition: opacity .3s ease-out;
}
.grid7 .item:hover .links{ opacity: 1; }
.grid7 .item .links .button{ margin-right: 15px; border:none; padding: 5px 8px; background:transparent;}
.grid7 .item .links .button .image{  font-size:18px; color: #00A2E6;} 
.grid7 .item .links .button:hover{ background-color: transparent; }
.grid7 .item .links .button:hover .image{  color: #093E60;} 

.grid7 .item .title-group{ margin-bottom: 10px; border-bottom: 1px solid #093E60;}
.grid7 .item .title-group .button{ margin-right: 15px; }
.grid7 .item .title-group .field.check{ margin-right: 15px; }
.grid7 .item .title{ padding: 8px 16px; }
.grid7 .item .title .text{ font-size: 18px; font-weight: normal; line-height: 21px; color: rgb(50, 49, 48);
    margin-right: 0; max-height:65px; overflow:hidden; text-overflow: ellipsis;
}
.grid7 .item .title .field-value{ overflow:visible;}
.grid7 .item .status .text{ font-size: 14px; font-weight: normal; line-height: 24px; color: #000;
    font-family: Roboto;
    margin-right: 0;
}
.grid7 .item .status.red .text{ color: red;}
.grid7 .item .status.green .text{ color: green;}
.grid7 .item .status.blue .text{ color: blue;}
.grid7 .item .status.yellow .text{ color: yellow;}
  
.grid7 .item .title-group .field.check.mark-green{ margin-top:2px; }
.grid7 .item .subtitle-group{ margin-bottom: 15px; padding-left: 38px}
.grid7 .item .subtitle-group .field, .grid7 .item .subtitle-group .button{ margin-right: 20px; }
.grid7 .item .subtitle-group .button{ padding-left: 0px;}
.grid7 .item .subtitle-group .button .image{ margin-right:0; }
.grid7 .item .subtitle-group .button .image:before{
    font-size: 18px;
    line-height: 26px;
    position: absolute;
    top: -6px;
    left:0;
}
.grid7 .item .subtitle{ margin-bottom: 0; line-height:26px;}
.grid7 .item .subtitle .text{ font-size: 14px; font-weight: normal; color: #777;
    font-family: Roboto;
}
.grid7 .item .photo{ text-align:center; width:100%; height: 196px; pointer-events:none; overflow:hidden; }
.grid7 .item .photo .files, .grid7 .item .photo .files .value-box{ height:100%; width:100%; background: #FAF9F8;}
.grid7 .item .photo img{ object-fit:cover; height:100%; width:100%; }
.grid7 .item .orgdetails{ max-height: 105px; overflow:auto; padding-right: 15px; box-sizing: border-box;}
.grid7 .footer{ padding: 5px 0;}
/*.grid7 .paging-bar .recordscount > span{ padding: 0 2px;}*/
.grid7 .item .links .button{ margin-right: 10px; }
.grid7 .item .orgdetails::-webkit-scrollbar {   width: 8px !important; }
.grid7 .item .orgdetails::-webkit-scrollbar {   height: 8px !important; }
.grid7 .item .orgdetails::-webkit-scrollbar-track, .grid7 .item .orgdetails::-webkit-scrollbar-track {   -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.3); 
  -webkit-border-radius: 2px; border-radius: 2px; 
}
.grid7 .item .orgdetails::-webkit-scrollbar-thumb, .grid7 .item .orgdetails::-webkit-scrollbar-thumb { 
  -webkit-border-radius: 2px;   border-radius: 2px;   background: #DDD;   -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.5); 
}
.grid7 .item .orgdetails::-webkit-scrollbar-thumb:window-inactive, .grid7 .item .orgdetails::-webkit-scrollbar-thumb:window-inactive { 
  background: #EFEFEF;
}
.grid7 .paging-bar .paging { 
  display: inline-block; 
  vertical-align: middle; 
  font-size: 14px; 
}
.grid7 .paging-bar .paging .prev { 
  display: inline-block; 
  vertical-align: middle; 
  height: 20px; 
  padding: 2px; 
  text-align: center; 
  cursor: pointer; 
  background-color: #FFF; 
  min-width: 1em;
  border-style: solid; 
  border-color: #ddd; border-width: 1px;
  transition: all 0.3s ease 0s; 
  -webkit-transition: all 0.3s ease 0s; 
  color:black; 
  margin-right:5px;
}

.grid7 .paging-bar .paging .prev:hover { 
  color: #FFF; 
  background-color: #999999;
  border-color: #999999;
}

.grid7 .paging-bar .paging .prev span { 
  display: inline-block; 
  width: 20px; 
  height: 20px; 
  line-height: 20px; 
  font-family: LineAwesome; 
  -webkit-font-smoothing: antialiased; 
  -moz-osx-font-smoothing: grayscale; 
}

.grid7 .paging-bar .paging .prev span:before { 
  content: "\f053"; 
}

.grid7 .paging-bar .paging .prev.disabled { 
  cursor: default; 
  color: #eee; 
}

.grid7 .paging-bar .paging .prev.disabled:hover { 
  color: #eee;
}

.grid7 .paging-bar .paging .next { 
  display: inline-block; 
  vertical-align: middle; 
  height: 20px; 
  padding: 2px; 
  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;  
  color:black; 
}

.grid7 .paging-bar .paging .next:hover { 
  color: #FFF; 
  background-color: #999999;
  border-color: #999999;
}

.grid7 .paging-bar .paging .next span { 
  display: inline-block; 
  width: 20px; 
  height: 20px; 
  line-height: 20px; 
  font-family: LineAwesome; 
  -webkit-font-smoothing: antialiased; 
  -moz-osx-font-smoothing: grayscale;
}

.grid7 .paging-bar .paging .next span:before { 
  content: "\f054"; 
}

.grid7 .paging-bar .paging .next.disabled { 
  cursor: default; 
  color: #eee;
}

.grid7 .paging-bar .paging .next.disabled:hover { 
  color: #eee;
}

.grid7 .paging-bar .paging .paging-page { 
  display: inline-block; 
  vertical-align: middle; 
  height: 20px; 
  padding: 2px 4px; 
  cursor: pointer; 
  background-color: #FFF; 
  min-width: 1em;
  border-style: solid; 
  border-color: #ddd; 
  border-width: 1px;
  transition: all 0.3s ease 0s; 
  -webkit-transition: all 0.3s ease 0s; 
  color:black;
  margin-right:5px;
  text-align:center;
  font-weight:bold;
}

.grid7 .paging-bar .paging .paging-page:hover { 
  color: #FFF; 
  background-color: #999999;
  border-color: #999999;
}

.grid7 .paging-bar .paging .paging-page.active {
  color: #76BC43;
  background-color: transparent;
  border: 1px solid #76BC43;
}

.grid7 .paging-bar .paging .paging-page span { 
  display: inline-block; 
  min-width: 16px; 
  height: 20px; 
  line-height: 20px; 
  text-align: center; 
}

.grid7 .paging-bar .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;
}

.grid7 .paging-bar .paging .paging-spacer span { 
  display: inline-block; 
  width: 20px; 
  height: 20px; 
  text-align: center; 
  color:black;
}

.grid7 .paging-bar .recordscount { 
  display: none; 
  vertical-align: middle; 
  margin-right: 15px; 
  color: black; 
}

.grid7 .paging-bar .recordscount span{
  margin-right: 5px; 
}

.grid7 .paging-bar .recordscount .text { 
  margin: 0 0.5em; 
  color: black; 
}

.grid7 .views-selector { text-align: left; padding: 5px 0 0; }
/*.grid7 .views-selector .selector-items {display:inline-block;}*/
.grid7 .views-selector .label { display: none; vertical-align: top; padding: 2px 0; margin-right: 5px; color: #aaa; }
.grid7 .views-selector .selector-items { display: inline-block; vertical-align: top; padding-left:7px; padding-bottom:7px;}
.grid7 .views-selector .selector-item { position: relative; display: inline-block; vertical-align: top; margin: 0 15px 5px 0; 
  transition: all 0.3s ease 0s; 
  -webkit-transition: all 0.3s ease 0s;  
  border: 1px solid #CCC;
  padding-left: 20px;
  text-align:center;
  background: transparent url(/_themes/default/content/media/filter.svg/?stamp=190516) 8px 7px no-repeat;
  background-size: 16px 16px;
}
.grid7 .views-selector .selector-item .name { display: inline-block; vertical-align: middle; padding: 0; color: #000; 
  text-decoration: none; cursor: pointer; 
  line-height: 30px; 
  padding: 0 10px;
  text-align:center;
}
.grid7 .views-selector .selector-item .name:hover { color: #000;  text-decoration: none; }
.grid7 .views-selector .selector-item .name .remarks { color: #000; font-weight: 700; margin-left: 5px; }
.grid7 .views-selector .selector-item .name .remarks:before { content: "("; }
.grid7 .views-selector .selector-item .name .remarks:after { content: ")"; }
.grid7 .views-selector .selector-item.active {   color: #0078d7;   border: 1px solid #0078d7; 
  background-image: url(/_themes/default/content/media/filter.svg/?stamp=190516&icon_color=%230078d7);
}
.grid7 .views-selector .selector-item.active .name {  color: #0078d7; }
.grid7 .views-selector .selector-item:hover { 
  color: #000; 
  background-color: transparent; 
  text-decoration: none; 
  border: 1px solid #1157B0; 
}
.grid7 .views-selector .selector-item:hover .cmd-ide  { visibility: visible; }
.grid7 .views-selector .selector-item:hover .cmd-ide:hover { opacity: 1; }
/* end grid7 */

/* grid8 */

.grid8{ padding: 0; overflow:auto;}
.grid8 .item{ 
  border: 1px solid rgb(237, 235, 233);
  position: relative;
  user-select: none;
  background-color: #FFF; padding:0; 
  overflow:hidden;
  margin-bottom: 12px;
  display: inline-block;
  float:left;
  margin-right: 12px;
  width: 423px;
  height: 108px;
}
.grid8.large .item{  height:158px; }
.grid8 .item:hover{ border: 1px solid #A8A6A4; }
.grid8 .item > .content{  padding-left:170px; }
.grid8 .item .field{ min-height:20px;  }
.grid8 .item .field .field-label{ float:left; display:inline-block; min-height:20px; padding-top:0;}
.grid8 .item .field.singlechoice .value-box{ padding-top: 0; max-width:100%; }
.grid8 .item .field.singlechoice .value-box > .text { white-space: nowrap;    max-width: 100%;}
.grid8 .item .field-value .value-box > .text{ padding-top: 0; white-space: nowrap;    max-width: 90%;  overflow: hidden;
    text-overflow: ellipsis;    display: inline-block;    float: left; }
.grid8 .item .field.number .field-value{ text-align:left;}

.grid8 .item .field.description{ padding: 10px; box-sizing:border-box; overflow:hidden; text-overflow:ellipsis; 
  background: rgba(0,0,0, 0);
  position:absolute; left:0; top:0; width:145px; bottom: 0; z-index:1; color: transparent;
  margin:0;
  -webkit-transition: background .3s ease-out; -moz-transition: background .3s ease-out; 
  -ms-transition: background .3s ease-out; -o-transition: background .3s ease-out; transition: background .3s ease-out;
}
.grid8 .item .field.description .value-box{ color: transparent;}
.grid8 .item:hover .field.description{ display:block; background: rgba(0,0,0, 0.5); }
.grid8 .item:hover .field.description .value-box{ color: #FFF;}

.grid8 .item .links{ opacity:0; position:absolute; bottom: 0px; left:145px; right:0; height: 30px; padding-left:10px; padding-bottom:5px;
  background-color:#FCFCFC;
  -webkit-transition: opacity .3s ease-out; -moz-transition: opacity .3s ease-out; 
  -ms-transition: opacity .3s ease-out; -o-transition: opacity .3s ease-out; transition: opacity .3s ease-out;
}
.grid8 .item:hover .links{ opacity: 1; }
.grid8 .item .links .content{    text-align:right; }
.grid8 .item .links .button{ margin-right: 5px; border:none; padding: 5px 8px; background: transparent; display:inline-block;}
.grid8 .item .links .button .image{  font-size:18px; color: #00A2E6;} 
.grid8 .item .links .button:hover{ background-color: transparent; }
.grid8 .item .links .button:hover .image{  color: #093E60;} 

.grid8 .item .title-group{ margin-bottom: 10px; border-bottom: 1px solid #093E60;}
.grid8 .item .title-group .button{ margin-right: 15px; }
.grid8 .item .title-group .field.check{ margin-right: 15px; }
.grid8 .item .title{ padding: 8px 0 0 0; }
.grid8 .item .title .value-box{ padding-left:0;}
.grid8 .item .title .text{ font-size: 16px; font-weight: normal; line-height: 16px; color: rgb(50, 49, 48);
    margin-right: 0; max-height:42px; overflow:hidden; text-overflow: ellipsis;
}
.grid8 .item .status .text{ font-size: 14px; font-weight: normal; line-height: 24px; color: #000;
    font-family: Roboto;
    margin-right: 0;
}
.grid8 .item .status.red .text{ color: red;}
.grid8 .item .status.green .text{ color: green;}
.grid8 .item .status.blue .text{ color: blue;}
.grid8 .item .status.yellow .text{ color: yellow;}
  
.grid8 .item .title-group .field.check.mark-green{ margin-top:2px; }
.grid8 .item .subtitle-group{ margin-bottom: 15px; padding-left: 38px}
.grid8 .item .subtitle-group .field, .grid8 .item .subtitle-group .button{ margin-right: 20px; }
.grid8 .item .subtitle-group .button{ padding-left: 0px;}
.grid8 .item .subtitle-group .button .image{ margin-right:0; }
.grid8 .item .subtitle-group .button .image:before{
    font-size: 18px;
    line-height: 26px;
    position: absolute;
    top: -6px;
    left:0;
}
.grid8 .item .subtitle{ margin-bottom: 0; line-height:26px;}
.grid8 .item .subtitle .text{ font-size: 14px; font-weight: normal; color: #777;
    font-family: Roboto;
}
.grid8 .item .photo{ text-align:center; width:144px; height: 100%; pointer-events:none; position:absolute; left:0; top:0; bottom:0; 
  border-right: 1px solid rgb(237, 235, 233); overflow:hidden;
}
.grid8 .item .photo .files, .grid8 .item .photo .files .value-box{ height:100%; width:100%; background: #FAF9F8;}
.grid8 .item .photo img{ object-fit:cover; height:100%; width:100%; }
.grid8 .item .orgdetails{ max-height: 105px; overflow:auto; padding-right: 15px; box-sizing: border-box;}
.grid8 .footer{ padding: 5px 0;}
/*.grid8 .paging-bar .recordscount > span{ padding: 0 2px;}*/
.grid8 .item .links .button{ margin-right: 10px; min-width:0; }
.grid8 .item .orgdetails::-webkit-scrollbar {   width: 8px !important; }
.grid8 .item .orgdetails::-webkit-scrollbar {   height: 8px !important; }
.grid8 .item .orgdetails::-webkit-scrollbar-track, .grid8 .item .orgdetails::-webkit-scrollbar-track {   -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.3); 
  -webkit-border-radius: 2px; border-radius: 2px; 
}
.grid8 .item .orgdetails::-webkit-scrollbar-thumb, .grid8 .item .orgdetails::-webkit-scrollbar-thumb { 
  -webkit-border-radius: 2px;   border-radius: 2px;   background: #DDD;   -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.5); 
}
.grid8 .item .orgdetails::-webkit-scrollbar-thumb:window-inactive, .grid8 .item .orgdetails::-webkit-scrollbar-thumb:window-inactive { 
  background: #EFEFEF;
}
.grid8 .paging-bar .paging { 
  display: inline-block; 
  vertical-align: middle; 
  font-size: 14px; 
}
.grid8 .paging-bar .paging .prev { 
  display: inline-block; 
  vertical-align: middle; 
  height: 20px; 
  padding: 2px; 
  text-align: center; 
  cursor: pointer; 
  background-color: #FFF; 
  min-width: 1em;
  border-style: solid; 
  border-color: #ddd; border-width: 1px;
  transition: all 0.3s ease 0s; 
  -webkit-transition: all 0.3s ease 0s; 
  color:black; 
  margin-right:5px;
}

.grid8 .paging-bar .paging .prev:hover { 
  color: #FFF; 
  background-color: #999999;
  border-color: #999999;
}

.grid8 .paging-bar .paging .prev span { 
  display: inline-block; 
  width: 20px; 
  height: 20px; 
  line-height: 20px; 
  font-family: LineAwesome; 
  -webkit-font-smoothing: antialiased; 
  -moz-osx-font-smoothing: grayscale; 
}

.grid8 .paging-bar .paging .prev span:before { 
  content: "\f053"; 
}

.grid8 .paging-bar .paging .prev.disabled { 
  cursor: default; 
  color: #eee; 
}

.grid8 .paging-bar .paging .prev.disabled:hover { 
  color: #eee;
}

.grid8 .paging-bar .paging .next { 
  display: inline-block; 
  vertical-align: middle; 
  height: 20px; 
  padding: 2px; 
  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;  
  color:black; 
}

.grid8 .paging-bar .paging .next:hover { 
  color: #FFF; 
  background-color: #999999;
  border-color: #999999;
}

.grid8 .paging-bar .paging .next span { 
  display: inline-block; 
  width: 20px; 
  height: 20px; 
  line-height: 20px; 
  font-family: LineAwesome; 
  -webkit-font-smoothing: antialiased; 
  -moz-osx-font-smoothing: grayscale;
}

.grid8 .paging-bar .paging .next span:before { 
  content: "\f054"; 
}

.grid8 .paging-bar .paging .next.disabled { 
  cursor: default; 
  color: #eee;
}

.grid8 .paging-bar .paging .next.disabled:hover { 
  color: #eee;
}

.grid8 .paging-bar .paging .paging-page { 
  display: inline-block; 
  vertical-align: middle; 
  height: 20px; 
  padding: 2px 4px; 
  cursor: pointer; 
  background-color: #FFF; 
  min-width: 1em;
  border-style: solid; 
  border-color: #ddd; 
  border-width: 1px;
  transition: all 0.3s ease 0s; 
  -webkit-transition: all 0.3s ease 0s; 
  color:black;
  margin-right:5px;
  text-align:center;
  font-weight:bold;
}

.grid8 .paging-bar .paging .paging-page:hover { 
  color: #FFF; 
  background-color: #999999;
  border-color: #999999;
}

.grid8 .paging-bar .paging .paging-page.active {
  color: #76BC43;
  background-color: transparent;
  border: 1px solid #76BC43;
}

.grid8 .paging-bar .paging .paging-page span { 
  display: inline-block; 
  min-width: 16px; 
  height: 20px; 
  line-height: 20px; 
  text-align: center; 
}

.grid8 .paging-bar .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;
}

.grid8 .paging-bar .paging .paging-spacer span { 
  display: inline-block; 
  width: 20px; 
  height: 20px; 
  text-align: center; 
  color:black;
}

.grid8 .paging-bar .recordscount { 
  display: none; 
  vertical-align: middle; 
  margin-right: 15px; 
  color: black; 
}

.grid8 .paging-bar .recordscount span{
  margin-right: 5px; 
}

.grid8 .paging-bar .recordscount .text { 
  margin: 0 0.5em; 
  color: black; 
}

.grid8 .views-selector { text-align: left; padding: 5px 0 0; }
.grid8 .views-selector .label { display: none; vertical-align: top; padding: 2px 0; margin-right: 5px; color: #aaa; }
.grid8 .views-selector .selector-items { display: inline-block; vertical-align: top; padding-left:7px; padding-bottom:7px;}
.grid8 .views-selector .selector-item { position: relative; display: inline-block; vertical-align: top; margin: 0 15px 5px 0; 
  transition: all 0.3s ease 0s; 
  -webkit-transition: all 0.3s ease 0s;  
  border: 1px solid #CCC;
  padding-left: 20px;
  text-align:center;
  background: transparent url(/_themes/default/content/media/filter.svg/?stamp=190516) 8px 7px no-repeat;
  background-size: 16px 16px;
}
.grid8 .views-selector .selector-item .name { display: inline-block; vertical-align: middle; padding: 0; color: #000; 
  text-decoration: none; cursor: pointer; 
  line-height: 30px; 
  padding: 0 10px;
  text-align:center;
}
.grid8 .views-selector .selector-item .name:hover { color: #000;  text-decoration: none; }
.grid8 .views-selector .selector-item .name .remarks { color: #000; font-weight: 700; margin-left: 5px; }
.grid8 .views-selector .selector-item .name .remarks:before { content: "("; }
.grid8 .views-selector .selector-item .name .remarks:after { content: ")"; }
.grid8 .views-selector .selector-item.active {   color: #0078d7;   border: 1px solid #0078d7; 
  background-image: url(/_themes/default/content/media/filter.svg/?stamp=190516&icon_color=%230078d7);
}
.grid8 .views-selector .selector-item.active .name {  color: #0078d7; }
.grid8 .views-selector .selector-item:hover { 
  color: #000; 
  background-color: transparent; 
  text-decoration: none; 
  border: 1px solid #1157B0; 
}
.grid8 .views-selector .selector-item:hover .cmd-ide  { visibility: visible; }
.grid8 .views-selector .selector-item:hover .cmd-ide:hover { opacity: 1; }
/* end grid8 */

.skin3{ background: #F5F5F5;}
.skin3 .headerbar{
  -webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,.28);
  -moz-box-shadow: 0 1px 4px 0 rgba(0,0,0,.28);
  box-shadow: 0 1px 4px 0 rgba(0,0,0,.28);
}
.skin3 .workspace1 .workspace-breadcrumbs-pane{ }
.skin3 .workspace1 .workspace-details-pane{ }
/*.skin3 .logo{ background: url(/media/skin1/Logo_Main_Simple.png) left top no-repeat; background-size:contain; }*/
.skin3 .button.link{ color:#093E60; background:none; padding: 0; display: inline;  min-height: 0; height: auto; text-decoration:none !important;}
.skin3 .button.link:hover{ text-decoration:underline; }
.skin3 .button.link.prevstep{ min-width:0; text-decoration:none; padding-bottom: 20px;}
.skin3 .button.link.prevstep .text{ text-decoration:none; }
/*.skin3 .workspace1 .workspace-filters-pane{
  position: absolute; width: 240px; z-index: 9; left: Calc((100vw - 1200px)/2 - 6px);
  background-color: #F5F5F5; padding:0px; 
  box-sizing:border-box;
  border-radius: 0;
  margin-top: 20px;
  text-align:left;
  padding-right: 20px;
}*/
.skin3 .workspace1 .workspace-filters-pane{
  position: absolute; z-index: 9; 
  left: 0;
  right: Calc((100vw - 1200px)/2 + 960px);
  background-color: #FFF; padding:0px; 
  /*-webkit-box-shadow: 2px 4px 8px 0 rgba(0,0,0,.05);
  -moz-box-shadow: 2px 4px 8px 0 rgba(0,0,0,.05);
  box-shadow: 2px 4px 8px 0 rgba(0,0,0,.05);*/
  /*border: 1px solid #f4f4f4;*/
  border: none;
  box-sizing:border-box;
  border-radius:0px;
  padding-top: 20px;
  text-align:right;
  min-height:250vh;
}
.skin3 .workspace1 .workspace-filters-pane > .content{ width: 240px; float:right; }
@media only screen and (max-width: 1420px) {
  .skin3 .workspace1 .workspace-filters-pane{ right: auto; padding-left:15px;}  
}

.skin3 .workspace-filters-pane .button.link{ display:block; text-align:left;}
.skin3 .workspace-filters-pane .button .image{ margin-right:0; }
.skin3 .workspace-filters-pane .button.small{ margin-bottom:20px;}
.skin3 .workspace-filters-pane .group-actions{ margin-bottom: 20px; padding-right:20px;}
.skin3 .workspace-filters-pane .line-bottom{ border-bottom: 1px solid #DDD; margin-bottom: 20px;}
.skin3 .workspace-filters-pane .field.edit.multichoice{ max-height: 150px; overflow:auto; 
  -webkit-box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.1);
  -moz-box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.1);
  box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.1);
}
.skin3 .workspace-filters-pane .field.edit.multichoice::-webkit-scrollbar {   width: 8px !important; }
.skin3 .workspace-filters-pane .field.edit.multichoice::-webkit-scrollbar {   height: 8px !important; }
.skin3 .workspace-filters-pane .field.edit.multichoice::-webkit-scrollbar-track, .skin3 .workspace-filters-pane .field.edit.multichoice::-webkit-scrollbar-track {   -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.3); 
  -webkit-border-radius: 2px; border-radius: 2px; 
}
.skin3 .workspace-filters-pane .field.edit.multichoice::-webkit-scrollbar-thumb, .skin3 .workspace-filters-pane .field.edit.multichoice::-webkit-scrollbar-thumb { 
  -webkit-border-radius: 2px;   border-radius: 2px;   background: #DDD;   -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.5); 
}
.skin3 .workspace-filters-pane .field.edit.multichoice::-webkit-scrollbar-thumb:window-inactive, .skin3 .workspace-filters-pane .field.edit.multichoice::-webkit-scrollbar-thumb:window-inactive { 
  background: #EFEFEF;
}

.skin3 .workspace1 .workspace-topfilters-pane{ display:block; position:static; background-color: #FAF9F8;
}
.skin3 .workspace1 .workspace-topfilters-pane > .content { max-width: 1200px; margin-left: auto; margin-right: auto; 
  padding: 10px 0 0px 260px; box-sizing:border-box; 
}
@media only screen and (max-width: 1420px) {
  .skin3 .workspace1 .workspace-topfilters-pane > .content { max-width:98vw; }  
}
.skin3 .workspace1 .workspace-topfilters-pane .right{ float:right;}
.skin3 .workspace1 .workspace-topfilters-pane .field{ padding-top:4px; }
.skin3 .workspace1 .workspace-topfilters-pane .field .field-label{ display:inline-block; float:left;}
.skin3 .workspace1 .workspace-topfilters-pane .field.right{ margin-left: 15px; margin-right:0; }
.skin3 .workspace1 .workspace-topfilters-pane .field.has-arrow{ padding-right: 10px;}
.skin3 .workspace1 .workspace-topfilters-pane .field.has-arrow:after{
  content: " > ";
  position: absolute;
  margin-left: 7px;
  margin-top: 4px;
}
.skin3 .workspace1 .workspace-topfilters-pane .button.has-arrow{ margin-right: 25px;}
.skin3 .workspace1 .workspace-topfilters-pane .button.has-arrow:after{
  content: " > ";
  position: absolute;
  margin-left: 32px;
  margin-top: 4px;
  color: #000;
}
.skin3 .workspace1 .workspace-topfilters-pane .button.filter{ background-color: #FFFFFF; color: #777; border: 1px solid #DAE2ED; 
  padding-right:8px; padding-left:10px; margin-right: 5px;}
.skin3 .workspace1 .workspace-topfilters-pane .button.filter .text:after{ content: "\f00d"; font-family:LineAwesome; 
  margin-left: 5px; margin-top: 1px; display:inline; line-height:27px;}
.skin5 body{
  background: #777777;
}
.skin5 body:before{
  content: "";
  background: url(/media/skin1/SurveyBackground.jpg) center center no-repeat;
  background-size: cover; 
  position:absolute;
  left: 15%;
  right:0;
  top:0;
  bottom:0;
  opacity: 0.85;
}
.skin5 .header{ max-width: 400px; margin: 0; text-align:center; position:absolute; left: 60px; top: 10px; z-index: 9;}
.skin5 .header .line1{ font-size: 40px; line-height:130%; }
.skin5 .header .line1 img{ width:160px; }
.skin5 .header .line2{ font-size: 14px; line-height:100%; }
.skin5 .group.line-link{ text-align:center; padding-bottom:30px;}
.skin5 .group.line-link.bottom{ padding:15px 0 5px 0; border-top: 1px solid #DDD; margin-top:30px;}
.skin5 .group.line-link .field{ display:inline;}
.skin5 .group.line-link .field .field-value{ display:inline; font:12px/17px Roboto;}
.skin5 .group.line-link .button{ display:inline; padding-left:7px; font:12px/17px Roboto;}
.skin5 .group.line-link .button .text{ font-size: inherit; line-height:inherit; padding:0; display: inline; vertical-align: baseline;}
.skin5 .button.link{ color:#000; background:none; padding: 0; display: inline;  min-height: 0; height: auto;}
.skin5 .button.link .text{ color:#000; background:none; text-decoration:underline;}
.skin5 .button.link.prevstep{ min-width:0; text-decoration:none; padding-bottom: 20px;}
.skin5 .button.link.prevstep .text{ text-decoration:none; }
.skin5 .group.line-link.bottom .button{ margin: 0 5px; }
.skin5 .footer{ max-width: 400px; 0; text-align:center; right:0; bottom:0;}
.skin5 .footer .logo-bottom{ background: url(/media/skin1/Logo_Main_Simple.png) center center no-repeat;
  background-size: auto 140px;
  width: 400px;
  height: 90px;
  position: absolute;
  right: 0;
  bottom: 30px;
}
.skin5 .footer .links a{ margin: 0 5px;}
.skin5 .footer .links a:after{ content: " | "; margin: 0 0 0 10px;}
.skin5 .footer .links a:last-child:after{ content: ""; }
.skin5 .top-links-pane{ position: absolute; right: 100px; top: 50px; }
.skin5 .top-links-pane .button .text{ text-transform:uppercase; text-decoration:none; color: #777; font-size:13px; }
.skin5 .info-message{ position:absolute; min-width: 200px; width: 20%; right: 15%; top: 30%; left: auto; bottom:auto;
  background: rgba(255,255,255, 0.9); padding: 40px; min-height: 200px;
  -webkit-box-shadow: 2px 4px 8px 0 rgba(0,0,0,.5);
  -moz-box-shadow: 2px 4px 8px 0 rgba(0,0,0,.5);
  box-shadow: 2px 4px 8px 0 rgba(0,0,0,.5);
  border: 1px solid #f4f4f4;  
  
}
.skin5 .info-message h3{ margin-bottom: 20px;  font-size: 20px; }
.skin5 .info-message p{ margin-bottom: 15px; font-size: 15px;  line-height: 150%; }

@media only screen and (max-width: 1420px) {
  .skin5 .footer .logo-bottom{ background-size: auto 100px; width: 280px;}
  .skin5 .info-message{ display:none;}
}

.workspace1 .workspace-search-pane{
  position: absolute;
  width:auto;
  z-index: 10;
  left: Calc((100vw - 1200px)/2 + 150px);
  background-color: transparent;
  padding: 0px;
  box-sizing: border-box;
  margin-top: 0;
  text-align: left;
  top: 16px;
}
.workspace1 .workspace-search-pane.fixed{ position: fixed; }
.workspace1 .workspace-search-pane .field{ margin:0; }
.workspace1 .workspace-search-pane .field .field-value .value-box{ padding:0; margin:0; }
.workspace1 .workspace-search-pane .field.edit .cmd-lookup{ top:0; }
.workspace1 .workspace-search-pane .field.singlechoice.edit .value-box{ border:2px solid #093E60;
  border-style: solid none solid solid; height:36px; padding:4px 26px 7px 10px; background: #EFEFEF;}
.workspace1 .workspace-search-pane .field.edit.text .field-value input.edit{ border:2px solid #093E60; line-height: 18px; padding: 7px 5px 7px 5px; margin:0;}
.workspace1 .workspace-search-pane .button{ margin:0; border-radius:0;  border:2px solid #093E60; border-left:none; }
.workspace1 .workspace-search-pane .button .image{ margin-right: 8px; }
.workspace1 .workspace-search-pane.search-nav .button{ margin-right: 10px;}
.workspace1 .workspace-search-pane.search-nav .button.inv{ background: #FFF; border-color: #093E60; min-width: 30px; border-style: solid solid solid solid; border-width:2px; }
.workspace1 .workspace-search-pane.search-nav .button.inv .image{ color: #093E60; }
.workspace1 .workspace-search-pane.search-nav .button.inv:hover{ background: #093E60; border-color: #093E60; }
.workspace1 .workspace-search-pane.search-nav .button.inv:hover .image{ color: #FFF; }
.workspace1 .workspace-search-pane .field.edit .cmd-lookup .icon{ line-height:30px;}
@media only screen and (max-width: 1420px) {
  .workspace1 .workspace-search-pane{ left:160px; }
}
.workspace1 .workspace-top-menu{
  position: absolute;
  width: 510px;
  z-index: 10;
  left: Calc((100vw - 1200px)/2 + 588px);
  background-color: transparent;
  padding: 0px;
  box-sizing: border-box;
  margin-top: 0;
  text-align: left;
  top: 16px;
  min-height:36px;
}
.workspace1 .workspace-top-menu.fixed{ position:fixed; }
.workspace1 .workspace-top-menu .field-columns{ overflow:visible;}
.workspace1 .workspace-top-menu .field-columns .content{ display:flex; justify-content:flex-end; overflow:visible; min-height:36px;}
.workspace-top-menu .button{ align-self:center; }
.workspace-top-menu .button.right{ float:right; }
.workspace-top-menu .button.right{ float:right; }
.workspace-top-menu .button.link{ min-width:0; }
.workspace-top-menu .button.link .text{ color:#777; background:none; text-decoration:none; font-size: 14px; font-family: Roboto; text-transform:uppercase;}
.workspace-top-menu .button span::after {  position:absolute;   content: '';    display: block;    width: 0 !important;    height: 2px;    
      background: #093E60;    transition: width .3s; }
.workspace-top-menu .button:hover span::after {    width: 100%  !important; }
.workspace-top-menu .button:hover, .workspace-top-menu .button:hover span{ text-decoration:none !important; }

.workspace-top-menu .contact-photo{  pointer-events: none;  cursor: default; border-radius: 20px; overflow:hidden; width:30px; height:30px;
  background: #DDD; align-self:center; margin-right: 10px !important;
}
.workspace-top-menu .contact-photo .value-box{    width: 100%;    height: 100%;    display: block; }
.workspace-top-menu .contact-photo .value-box .files{    width: 100%;    height: 100%;    display: block; text-align:center; position:relative;}
.workspace-top-menu .contact-photo .value-box .files img{ vertical-align: middle; min-width:30px; min-height:30px;
  position:absolute;     top: 50%;  left: 50%;  transform: translate(-50%, -50%); 
}
@media only screen and (max-width: 1420px) {
  .workspace1 .workspace-top-menu{ left:auto; right:45px; }
}
@media only screen and (max-width: 1200px) {
  .workspace-top-menu .button.link.nav-page{ display:none; }
}

.workspace-top-pane .field .field-label{ float:left; }
.workspace-top-pane .field.images .files, .workspace-top-pane .field.image .files{ padding:0;}
.workspace-top-pane .field.image.profile-logo{ position:absolute; left: 50px; top: 100px; background-color: #FFF; padding:20px; 
  -webkit-box-shadow: 0 1.6px 3.6px 0 rgba(0,0,0,0.132), 0 0.3px 0.9px 0 rgba(0,0,0,0.108);
  -moz-box-shadow: 0 1.6px 3.6px 0 rgba(0,0,0,0.132), 0 0.3px 0.9px 0 rgba(0,0,0,0.108);
  box-shadow: 0 1.6px 3.6px 0 rgba(0,0,0,0.132), 0 0.3px 0.9px 0 rgba(0,0,0,0.108);
  pointer-events: none;
  cursor: default;
}
.workspace-top-pane.fixed .field.image.profile-logo{ left: 5px; bottom: 5px; top:auto; padding: 2px;}
.workspace-top-pane.fixed .field.image.profile-logo .field-value .media{ width: 65px !important; height: 65px !important;}
.workspace-top-pane.fixed .field.image.profile-logo .field-value .media img{ width: 65px !important; height: 65px !important;}
.workspace-top-pane.fixed .field.images .files .item, .workspace-top-pane.fixed .field.image .files .item{ min-height: 20px;}
.workspace-top-pane .field.image.profile-bg{ position:absolute; left: 0px; top: 0px; right:0; background-color: #FFF; padding:0px; 
  pointer-events: none;  cursor: default;
}
.workspace-top-pane .field.image.profile-bg .field-value .media img{ width:1200px; height: 190px; }

.workspace-top-pane .field.image .files .item{ margin:0; }
.workspace-top-pane .group.buttons{ position: absolute;    right: 15px;    bottom: 2px;    height: 80px;    width: 500px;    text-align: right;}
.workspace-top-pane .group.buttons > .content{
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
    
.workspace-top-pane .group.buttons >.button{ margin-left: 15px; float:right; }
.workspace-top-pane .group.buttons > .field{ margin-left: 15px; float:right; }

.workspace-top-pane .button.edit-logo{ position:absolute; left: 50px; top: 100px; padding: 10px;}
.workspace-top-pane .button.edit-profile-bg{ position:absolute; padding: 10px; }

.workspace-top-pane .group.title-group{ position:absolute; left: 220px; top: 194px; overflow:visible; }
.workspace-top-pane .field.title .field-value{ display:inline-block; }
.workspace-top-pane .field.title .field-value .value-box > .text{ 
    font-size: 24px;
    font-weight: normal;
    line-height: 150%;
    color: #323130;
    font-family: SegoeUISemiBold;
}
.workspace-top-pane .title-group .field.check{ padding-top:11px;}
.workspace-top-pane .field.title.mark-highqapro:after{ content: ""; background: url(/media/skin1/HighQA_PRO.png) left top no-repeat;
    width: 100px;    height: 30px;    display: block;    background-size: contain; display:inline-block;  
    margin-left: 10px; position:absolute; margin-top: -5px;
}
.workspace-top-pane .group.subtitle-group{ position:absolute; left: 223px; top: 233px;  overflow:visible; }
.workspace-top-pane .subtitle-group .button{ margin-right:10px; }
.workspace-top-pane .subtitle-group .button .image{ margin-right:2px; }
.workspace-top-pane.fixed .title-group{ left: 100px; }
.workspace-top-pane.fixed .subtitle-group{ left: 100px; }

.group.marker{ background: #F3F2F1;  background-image:none; border: 1px solid transparent;
   min-width: 0;  min-height: 0; padding: 0 5px; margin: 3px 3px;
   height: 33px; box-sizing:border-box;
   vertical-align:middle;
}
.group.marker .content{ padding: 2px 2px 2px 20px; color: #777; font-weight: 500; font-size:12px;}
.group.marker .field{ display:inline-block; float:left; margin-right: 5px;}
.group.marker .field .html{ line-height:26px; 
  font-family: "SegoeUIRegular", "Segoe UI", "Segoe UI Web (West European)", "Segoe UI", -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif;
  font-size: 12px; font-weight: 500;
}
.group.marker .button{ display:inline-block; float:left; margin-right: 5px;     min-width: 0;   min-height: 0;  margin: 0;  height: auto;}
.group.marker .button.link{ padding:0; }
.group.marker .button.link .text{ padding:0; font-size:12px; color: #00A2E6;   height: auto;  display: inline; 
  font-family: "SegoeUIRegular", "Segoe UI", "Segoe UI Web (West European)", "Segoe UI", -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif;
  font-size: 12px; font-weight: 500;
}
.group.marker .button.link:hover{ background:transparent;}
.group.marker{ display: inline-block; }
.group.marker:before{ position:absolute; top:6px; left:9px; color: #777; font-size:18px; font-family: LineAwesome; content: "\f05a"; }
.group.marker.grey{ background-color: #F3F2F1; }
.group.marker.grey:before{ font-family: LineAwesome; content: "\f05a"; color: #777; }
.group.marker.yellow{ background-color: #FFF4CE; }
.group.marker.yellow:before{ font-family: LineAwesome; content: "\f0c7";  color: #EEA55C; }
.group.marker.green{ background-color: #DFF6DD; }
.group.marker.green:before{ font-family: LineAwesome; content: "\f058";  color: #107C10; }
.group.marker.pending{ background-color: #FFF4CE; }
.group.marker.pending:before{ font-family: LineAwesome; content: "\f017";  color: #EEA55C; }
.group.tools-pane .group.marker{ margin-top:8px; }

.field.check.mark-green label.check.checked{ overflow:visible; }
.field.check.mark-green label.check.checked:before{     content: "\f14a";
    color: #76BC43;    padding-top: 1px;    display: inline-block;    font-size: 23px;    margin-top: -2px;}
.field.check.mark-green .field-label{ padding-top: 4px; }
.field.check.mark-green .field-label span{ font-weight: 700;    color: #76BC43;    font-size: 16px; }

.group.readonly-block{ padding-bottom: 20px;}
.group.readonly-block > .head{ padding: 0 0 10px 0; margin-top:0;}
.group.readonly-block > .head .extra{ display:block; overflow: hidden;   height: 8px;    border-bottom: 1px solid #e5e5e5;} 
.group.readonly-block > .head .text {
    float: left;
    margin-right: 15px;
    color: #666;
    font-family: Roboto,Helvetica Neue,Helvetica,Tahoma,Arial,PingFang SC,Microsoft YaHei;
    font-weight: 100;
    font-size: 20px;
}
.group.readonly-block > .content{ padding-left: 50px; position:relative; }
.group.readonly-block > .content:before{ content: "\f2bd"; font-family: LineAwesome; font-size: 24px; position:absolute; left:10px; top:4px; color: #777; }
.group.readonly-block.company > .content:before{ content: "\f1ad"; font-family: LineAwesome; font-size: 24px; position:absolute; left:10px; top:4px; color: #777; }
.group.readonly-block .field{ margin-bottom: -8px !important; }
.group.readonly-block .field.edit{ margin-bottom: 8px !important; }
.group.readonly-block .field.primary .field-value{ font-weight:bold;}
.group.readonly-block .button.edit-block{ position:absolute; right:0; top:-5px; background: transparent; border:transparent; padding: 3px; min-width:0; cursor:pointer;}
.group.readonly-block .button.edit-block .image{ color: #777; cursor:pointer; font-size:16px;}
.group.readonly-block .group{ overflow:visible;}

.group.readonly-block.company.to > .content:after{ content: "TO:"; position:absolute; left: 0; top: 5px;}
.group.readonly-block.company.to > .content:before{ left: 60px; }
.group.readonly-block.company.to > .content{ padding-left: 95px; }

.group.readonly-block.from > .content:after{ content: "FROM:"; position:absolute; left: 0; top: 5px;}
.group.readonly-block.from > .content:before{ left: 60px; }
.group.readonly-block.from > .content{ padding-left: 95px; }

.widget-map-fit{ height: 100%; width:100%;}
.widget-map-fit .content{ height: 100%; width:100%;}
.widget-map{ min-height: 400px; height:100%; }
.widget-map.small{ min-height: 200px; }
.widget-map.middle{ min-height: 600px; }
.widget-map.large{ min-height: 800px; }
.widget-map.fitwindow{ min-height: 100vh; }

.group.common-rating{ color: #76BC43; padding: 20px 15px 15px 15px; display:block; margin-bottom: 15px; text-align:center;
  background: rgba(246,240,157,1);
  background: -moz-linear-gradient(top, rgba(246,240,157,1) 0%, rgba(254,204,123,1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(246,240,157,1)), color-stop(100%, rgba(254,204,123,1)));
  background: -webkit-linear-gradient(top, rgba(246,240,157,1) 0%, rgba(254,204,123,1) 100%);
  background: -o-linear-gradient(top, rgba(246,240,157,1) 0%, rgba(254,204,123,1) 100%);
  background: -ms-linear-gradient(top, rgba(246,240,157,1) 0%, rgba(254,204,123,1) 100%);
  background: linear-gradient(to bottom, rgba(246,240,157,1) 0%, rgba(254,204,123,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f09d', endColorstr='#fecc7b', GradientType=0 );
}
.group.common-rating .title{ font-size:28px; font-weight:500; margin-bottom:10px;}
.group.common-rating .title .of{ font-size:18px; }
.group.common-rating .subtitle{ font-size:14px; }

.group.overview{ margin-bottom: 20px; padding-right:20px;}
.group.overview .widget.widget-gallery{ display:inline; float:left; padding: 0 25px 5px 0;}
.group.overview .group.widget-gallery-group{ display:inline; float:left; padding: 0 0 5px 0;}
.group.overview .group.widget-gallery-buttons{     display: block;    clear: both;    float: none;}
.group.overview .static-field.images{ display:inline; float:left; padding: 0 20px 0 0;}
.group.overview .static-field.images .files img{ display:none; }
.group.overview .static-field.images .files img:first-child{ display:inline; width: 270px; width: 285px;  max-height: 213px; }
.group.overview .field.textarea{ display:inline; }
.group.overview .field.textarea .field-value{ display:inline; }
.group.overview .field.textarea .field-value .value-box > .text{ display:inline; line-height:170%;  }
.group.overview .field.edit.textarea{ width:360px; display:inline-block; }
.group.overview .field.edit.textarea textarea{ min-height:300px; }
.group.overview .field.text{ display:inline; }
.group.overview .field.text .field-value{ display:inline; }
.group.overview .field.text .field-value .value-box > .text{ display:inline; line-height:170%; }

.popup .group.overview .field.textarea{ display:block; width: 100%; }
.popup .group.overview .field.textarea .field-value{ display:block; }
.popup .group.overview .field.text{ display:block; }
.popup .group.overview .field.text .field-value{ display:block; }

.group.group-more{
  position: absolute;
  bottom: 0;
  left: 0;
  height: 70px;
  width: 100%;
  background-image: -webkit-gradient(linear,left top,left bottom,from(hsla(0,0%,100%,0)),to(#fff));
  background-image: linear-gradient(-180deg,hsla(0,0%,100%,0),#fff);
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  padding-bottom: 6px;
}
.group.group-more > .content{ padding-top:43px; }
.group.group-more.expand{ background:none; position:static; display:block; }
.group.group-more.expand > .content{ padding-top:10px; }
.group.group-more .button{ background: #FFF; 
  border: 1px solid #DDD;
  border-radius: 20px;
  padding: 0px 10px 2px 10px;
  -webkit-box-shadow: 0 0px 4px 0 rgba(0,0,0,.28);
  -moz-box-shadow: 0 0px 4px 0 rgba(0,0,0,.28);
  box-shadow: 0 0px 4px 0 rgba(0,0,0,.28);
}
.group.group-more .button .text{ vertical-align:baseline; color: #777; text-decoration:none; font-size:12px;}
.group.group-more .button:hover{ border-color: #777;}
.group.group-more .button:hover .text{ vertical-align:baseline; color: #333; text-decoration:none; }

.group.group-ratings .field{ min-height: 20px;}
.group.group-ratings .field .field-label, .group.group-ratings .field .field-value{ min-height: 20px;}

.group.center > .content{ text-align:center; }


.tools-pane {
  border-top: 1px solid lightgrey;
  min-height: 57px;
  font-family: SegoeUI-Semibold-final, "Segoe UI", "Segoe UI Web (West European)", "Segoe UI", -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif;
}

.tools-pane .content {
  padding-top: 3px;
  display: flex;
}

.tools-pane .content .image {
  width: 20px;
  height: 20px;
  background-size: contain;
  min-width: 20px;
}

.tools-pane .button {
  display: flex;
  color: #313231;
  width: auto;
  height: 38px;
  text-align: left;
  align-items: center;
  padding: 0px 8px;
  margin: 5px 5px 0px 5px;
  border: none;
  min-width: unset;
  background:transparent;
}

.tools-pane .button:hover {
  background-color: #E9E9E9;
}

.tools-pane .button span {
  display: grid;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  align-items:center;
}

.tools-pane .button .text {
  padding-left: 5px;
  font-size: 14px;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  color: #333333;
}

.tools-pane .field.toggle{  position: absolute;    right: 0;    top: 5px; }

.skin1.m2 .workspace-search-pane{ display:none; }
.skin1.m2 .workspace-top-pane{ display:none; }
.skin1.m2 .logo{ margin-left: 42px; background-size: 65%; }
.skin1.m2 .workspace1 .workspace-left-pane.visible.fixed{ top: 70px !important;}
.skin1.m2 .workspace1 .workspace-top-menu{ left: Calc((100vw - 1200px)/2 + 588px); }
.skin1.m2 .notifications-bar{
  position: absolute;
  z-index: 11;
  /*left: Calc((100vw - 1200px)/2 + 628px);*/
  right: Calc((100vw - 1200px)/2 + 22px);
}
    
.workspace1 .workspace-sandwich-pane{ display:none; }
.skin1.m2 .workspace1 .workspace-sandwich-pane{
  display:block;
  position: absolute;
  width: 40px;
  z-index: 10;
  left: Calc((100vw - 1200px)/2 - 12px);
  background-color: transparent;
  padding: 0px;
  box-sizing: border-box;
  margin-top: 0;
  text-align: left;
  top: 16px;
}
.skin1.m2 .workspace1 .workspace-sandwich-pane.fixed{ position: fixed; }
.skin1.m2 .workspace1 .workspace-sandwich-pane .button.icon-button{ padding: 0; }
.skin1.m2 .workspace1 .workspace-sandwich-pane .button.icon-button .image{ background-size:contain; width: 31px; height: 31px; }
@media only screen and (max-width: 1420px) {
  .skin1.m2 .notifications-bar{ right: 0px; }
  .skin1.m2 .workspace1 .workspace-sandwich-pane{ left:15px; }
}
.workspace1 .workspace-title-pane{ display:none; }
.skin1.m2 .workspace1 .workspace-title-pane{
  display:block;
  position: absolute;
  width: 400px;
  z-index: 10;
  left: Calc((100vw - 1200px)/2 + 150px);
  background-color: transparent;
  padding: 0px;
  box-sizing: border-box;
  margin-top: 0;
  text-align: left;
  top: 19px;
  border-left: 1px solid #000;
  padding-left: 20px;
}
.skin1.m2 .workspace1 .workspace-title-pane.fixed{ position: fixed; }
.skin1.m2 .workspace1 .workspace-title-pane .button.icon-button{ padding: 0; }
.skin1.m2 .workspace1 .workspace-title-pane .button.icon-button .image{ background-size:contain; width: 31px; height: 31px; }
.skin1.m2 .workspace1 .workspace-title-pane .field{ min-height: 0; margin:0;}
.skin1.m2 .workspace1 .workspace-title-pane .field-value .value-box > .text{ padding: 0;}
.skin1.m2 .workspace1 .workspace-title-pane .title .value-box .text{ font-size: 20px;}
@media only screen and (max-width: 1420px) {
  .skin1.m2 .workspace1 .workspace-title-pane{ left:200px; }
}
.field.info-title .field-value{ padding-top: 20px;}
.field.info .field-value{ color: #C0C0C0;}

/* importxls */
.group.importxls{ overflow: auto; height:100%; width:100%;}
.group.importxls > .content{ display:inline-block;}
.group.importxls::-webkit-scrollbar { 
  width: 8px !important; 
}

.group.importxls::-webkit-scrollbar { 
  height: 8px !important; 
}

.group.importxls::-webkit-scrollbar-track, 
.group.importxls::-webkit-scrollbar-track { 
  -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.3); 
  -webkit-border-radius: 2px; border-radius: 2px; 
}

.group.importxls::-webkit-scrollbar-thumb, 
.group.importxls::-webkit-scrollbar-thumb { 
  -webkit-border-radius: 2px; 
  border-radius: 2px; 
  background: #DDD; 
  -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.5); 
}

.group.importxls::-webkit-scrollbar-thumb:window-inactive, 
.group.importxls::-webkit-scrollbar-thumb:window-inactive { 
  background: #EFEFEF;
}

.importxls .group.columns{ padding-left:58px;}
.importxls .group.columns > .content{ white-space: nowrap;}
.importxls .group.columns .group .head{ margin: 0 0 5px; text-align:center;}
.importxls .group.columns .group > .head .text{ float:none; margin: 0; text-align:center; color: #005BA5;}
.importxls .group.columns .field{ margin:0; }
.importxls .group.columns .field.singlechoice.edit .field-label{ display:none; }
.importxls .group.columns .field.singlechoice.edit .field-value{ padding:0; overflow:visible;}
.importxls .group.columns .field.singlechoice.edit .value-box{ margin:0; padding: 3px 26px 3px 5px; height: 30px; border: 1px solid #D4D4D4; border-right:none; border-bottom:none; 
  color: #898989;
}
.importxls .group.columns > .content > .group:last-child{ min-width: 101px;}
.importxls .group.columns > .content > .group:last-child .field.singlechoice.edit .value-box{ border-right: 1px solid #D4D4D4; }
.importxls .group.columns .field.edit .cmd-lookup{ height:30px; }
.importxls .group.columns .field.edit .cmd-lookup .icon{ background: url(/_themes/default/content/media/select-xls-col.png/?stamp=190516) no-repeat center center; 
  height: 28px;
}
.importxls .group.columns .field.edit .cmd-lookup .icon:before{ display:none;}
.importxls .group.columns > .content > .left-column{ margin:0; display:inline-block; float:none; overflow: visible; }


/* end importxls */

/* grid9 */

.grid9{
  touch-action: pan-x pan-y;
  overflow: visible;
}

.grid9 .grid-toppane { 
  display:none; position: absolute; z-index: 2; top: -50px; 
}

.grid9 .grid-toppane > .content { 
  background: transparent; 
}

.grid9 .grid-toppane .search { 
  overflow: hidden;
  padding-left:22px; 
  float: left; 
  color: #999; 
  font-size:12px; 
  position: relative; 
  transition: all 0.3s ease 0s; 
  -webkit-transition: all 0.3s ease 0s;
}

.grid9 .grid-toppane .search > label { 
  display:none; 
}

.grid9 .grid-toppane .search:before { 
  content: " ";
  position: absolute;
  left: 0;
  display: block; 
  width: 20px; 
  height: 20px; 
  background: transparent url(/_themes/default/content/media/search.svg?stamp=190516) 0 0 no-repeat; 
  background-size: contain;
  vertical-align:middle;
  margin-bottom:3px;
  margin-right:5px;
  transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s;
}

.grid9 .grid-toppane .search.selected { 
  padding-left:0px; 
  padding-right:22px; 
}

.grid9 .grid-toppane .search.selected:before { 
  left: -20px;
}

.grid9 .grid-toppane .search input { 
  border: none; 
  background: transparent; 
  padding: 0 9px 0 2px; 
  width: 150px; 
  color: black;
  font-weight: 100;
  font-size: 14px;
}

.grid9 .grid-toppane .search input::placeholder{ 
  font-style:normal; 
  color: black; 
}

.grid9 .grid-toppane .search .cmd-search { 
  display: none; 
  vertical-align: middle; 
}

.grid9 .grid-toppane .search .cmd-search span { 
  display: inline-block; 
  width: 16px; 
  height: 16px; 
  background: transparent url(/_themes/default/content/media/search.svg?stamp=190516) 0 0; 
  background-size:contain;
}

.grid9 .grid-toppane .search .cmd-cancelsearch { 
  display: inline-block; 
  vertical-align: middle; 
}

.grid9 .grid-toppane .search .cmd-cancelsearch span { 
  display: inline-block; 
  width: 16px; 
  height: 16px; 
  background: transparent url(/_themes/default/content/media/popup_close.svg?stamp=190516) -2px 0; 
  background-size: 21px 21px;
}

.grid9 .grid-toppane .search ::-webkit-input-placeholder {
  font-style: italic; 
}

.grid9 .grid-toppane .search :focus::-webkit-input-placeholder { 
  color: transparent;
}

.grid9 .grid-toppane .search :-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */ 
  font-style: italic; 
}

.grid9 .grid-toppane .search :focus:-moz-placeholder { 
  color: transparent; 
}

.grid9 .grid-toppane .search ::-moz-placeholder { 
  /* Mozilla Firefox 19+ */ 
  font-style: italic; 
}

.grid9 .grid-toppane .search :focus::-moz-placeholder { 
  color: transparent; 
}

.grid9 .grid-toppane .search :-ms-input-placeholder { 
  /* Internet Explorer 10+ */ 
  font-style: italic;
}

.grid9 .grid-toppane .search :focus:-ms-input-placeholder { 
  color: transparent;
}

.grid9 .grid-toppane .paging-bar { 
  float: left; 
  margin-left: 15px;
}

.grid9 .paging-bar .paging { 
  display: inline-block; 
  vertical-align: middle; 
  font-size: 12px; 
}

.grid9 .paging-bar .paging .prev { 
  display: inline-block; 
  vertical-align: middle; 
  height: 20px; 
  padding: 0; 
  text-align: center; 
  cursor: pointer; 
  background-color: transparent; 
  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; 
  color:black; 
}

.grid9 .paging-bar .paging .prev:hover { 
  color: #1283ff; 
}

.grid9 .paging-bar .paging .prev span { 
  display: inline-block; 
  width: 20px; 
  height: 20px; 
  line-height: 20px; 
  font-family: LineAwesome; 
  -webkit-font-smoothing: antialiased; 
  -moz-osx-font-smoothing: grayscale; 
}

.grid9 .paging-bar .paging .prev span:before { 
  content: "\f053"; 
}

.grid9 .paging-bar .paging .prev.disabled { 
  cursor: default; 
  color: #eee; 
}

.grid9 .paging-bar .paging .prev.disabled:hover { 
  color: #eee;
}

.grid9 .paging-bar .paging .next { 
  display: inline-block; 
  vertical-align: middle; 
  height: 20px; 
  padding: 0; 
  text-align: center; 
  cursor: pointer; 
  background-color: transparent; 
  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;  
  color:black; 
}

.grid9 .paging-bar .paging .next:hover { 
  color: #1283ff;
}

.grid9 .paging-bar .paging .next span { 
  display: inline-block; 
  width: 20px; 
  height: 20px; 
  line-height: 20px; 
  font-family: LineAwesome; 
  -webkit-font-smoothing: antialiased; 
  -moz-osx-font-smoothing: grayscale;
}

.grid9 .paging-bar .paging .next span:before { 
  content: "\f054"; 
}

.grid9 .paging-bar .paging .next.disabled { 
  cursor: default; 
  color: #eee;
}

.grid9 .paging-bar .paging .next.disabled:hover { 
  color: #eee;
}

.grid9 .paging-bar .paging .paging-page { 
  display: inline-block; 
  vertical-align: middle; 
  height: 20px; 
  padding: 0; 
  cursor: pointer; 
  background-color: transparent; 
  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; 
  color:black;
}

.grid9 .paging-bar .paging .paging-page:hover { 
  color: #1283ff; 
}

.grid9 .paging-bar .paging .paging-page.active {
  color: #777; 
  background-color:#EEEEEE;
}

.grid9 .paging-bar .paging .paging-page span { 
  display: inline-block; 
  min-width: 20px; 
  height: 20px; 
  line-height: 20px; 
  text-align: center; 
}

.grid9 .paging-bar .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;
}

.grid9 .paging-bar .paging .paging-spacer span { 
  display: inline-block; 
  width: 20px; 
  height: 20px; 
  text-align: center; 
  color:black;
}

.grid9 .paging-bar .recordscount { 
  display: inline-block; 
  vertical-align: middle; 
  margin-right: 15px; 
  color: black; 
}

.grid9 .paging-bar .recordscount span{
  margin-right: 5px; 
}

.grid9 .paging-bar .recordscount .text { 
  margin: 0 0.5em; 
  color: black; 
}

.grid9 .col{    
  font-family: Roboto;
  color: black;
  font-weight: 300;
  text-align: left;
  border: 1px solid #D4D4D4;
  font-size: 14px;
  line-height: 26px;
  position: relative; 
  padding: 1px 2px;
}

.grid9 .col.rownum{ color: #000; background-color: #E6E6E6; min-width: 30px;}

.grid9 .col > div {
  /*white-space: nowrap;*/
  overflow: hidden;
  text-overflow: ellipsis;
}

.grid9 .head {  display:none; }
  
.grid9 .head .col{ 
  color: #999; 
  font-size: 14px;
}

.grid9 .head .col:hover a {
  opacity: 1;
}

.grid9 .head-table .col.has-sorting { 
  cursor: pointer; 
}

.grid9 .head-table .col.has-sorting .sorting-marker { 
  position: absolute; 
  z-index: 2; 
  right: 8px; 
  top: 10px; 
}

.grid9 .head-table .col.has-sorting .sorting-marker span { 
  display: block; 
  width: 12px; 
  height: 12px; 
  text-align: center;
  font-size: 12px; 
  font-family: LineAwesome; 
  font-style: normal; 
  font-weight: normal; 
  line-height: 1; 
  -webkit-font-smoothing: antialiased; 
  -moz-osx-font-smoothing: grayscale;  
}

.grid9 .head-table .col.has-sorting .sorting-marker.sorting-asc span:before { 
  display:none; 
}

.grid9 .head-table .col.has-sorting .sorting-marker.sorting-asc span{
  background-image: url(/_themes/default/content/media/grid-sort-up-filled.svg?stamp=190516&icon_color=%23323232);
  background-position: 0 0;
  background-size: 12px 12px;
  background-repeat: no-repeat;
}

.grid9 .head-table .col.has-sorting .sorting-marker.sorting-desc span:before { 
  display:none; 
}

.grid9 .head-table .col.has-sorting .sorting-marker.sorting-desc span{
  background-image: url(/_themes/default/content/media/grid-sort-down-filled.svg?stamp=190516&icon_color=%23323232);
  background-position: 0 0;
  background-size: 12px 12px;
  background-repeat: no-repeat;
}

.grid9 .head-table .col:hover a.cmd-filter {
  width: 15px;
}

.grid9 .head-table .col a.cmd-filter {
  width: 15px;
}

.grid9 .head-table .col:hover a.cmd-filter{
  visibility: visible; opacity: 1; width: 14px; height: 14px;
}

.grid9 .head-table .col a.cmd-filter span{
  display: block;
  width: 10px;
  height: 10px;
  background: url(/_themes/default/content/media/filter-filled.svg?stamp=190516&icon_color=%23323232);
  background-size: contain;
}

.grid9 .head-table .col a.cmd-filter.active{
  visibility: visible;
  opacity: 1;
}

.grid9 .head-table .col a.cmd-filter.active span{
  display: block;
  width: 10px;
  height: 10px;
  background: url(/_themes/default/content/media/filter-filled.svg?stamp=190516&icon_color=red);
  background-size: contain;
}

.grid9 .items { 
  touch-action: pan-x pan-y; 
  color:white; 
  width: auto;
  overflow: visible;
  display: inline-block;
}

.grid9 .items .noitems { 
  color: black; 
}

.grid9 .items .items-table .item.hover { 
  background: #E5E5E5; 
}


.grid9 .items .items-scroll .item.hover .selection label.check {
   background: url(/media/table_confirm.svg);
}

.grid9 .items .items-scroll .item.selected .selection label.check {
   background: url(/media/table_confirm_selected.svg);
}

.grid9 .items .items-scroll .item.selected {
  background: #F3F2F1;
}

.grid9 .items-scroll { width: auto;    display: inline-block;    overflow: visible; }
  
.grid9 .items-table {
  table-layout: fixed;
  border-collapse: collapse;
  width: 0;
}

.grid9 .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-16.png); 
  background-position: center 0; 
}

.grid9 .items-table .col .cmd-menu:hover {
  background-position: 0 -16px; 
}

.grid9 .items-table .item:hover .col .cmd-menu { 
  visibility: visible; 
}

.grid9 .settings { 
  display: inline-block; 
  vertical-align: middle; 
  font-size: 14px;
}

.grid9 .settings .cmd { 
  display: inline-block; 
  vertical-align: middle; 
  height: 20px; 
  width: 20px; 
  line-height: 20px; 
  text-align: center; 
  color: #aaa;
  font-family: LineAwesome; 
  -webkit-font-smoothing: antialiased; 
  -moz-osx-font-smoothing: grayscale;
}

.grid9 .settings .cmd:hover { 
  color: #1283ff; 
}

.grid9 .settings .cmd-settings span:before { 
  content: "\f013";
}

.grid9 .export { 
  display: inline-block; 
  vertical-align: middle; 
  font-size: 14px;
}

.grid9 .export .cmd { 
  display: inline-block; 
  vertical-align: middle; 
  height: 20px; 
  width: 20px; 
  line-height: 20px; 
  text-align: center; 
  color: #aaa;
  font-family: LineAwesome; 
  -webkit-font-smoothing: antialiased; 
  -moz-osx-font-smoothing: grayscale; 
}

.grid9 .export .cmd:hover { 
  color: #1283ff;
}

.grid9 .export .cmd-excel span:before { 
  content: "\f1c3";
}

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

.grid9 .col.check{
  text-align:center; 
}

.grid9 .col.check label.check {
  display: inline-block; 
  vertical-align: middle; 
  width: 14px; 
  height: 14px; 
  border: 1px solid #A1ABAC; 
  background-color: #ffffff; 
  color: #445555;
  font-size: 12px; 
  line-height: 12px;
  text-align: center;
  -moz-border-radius: 1px; 
  -webkit-border-radius: 1px; 
  border-radius: 1px;
}

/*.grid9 .col.check label.check.checked { 
  background: url(/_themes/default/content/media/checkmark-filled.svg?stamp=190516);
  background-size: contain;
}*/
.grid9 .col.check label.check{
  font-family: LineAwesome;
}
.grid9 .col.check label.check.checked:before {
  content: "\f00c";
  color: #000;
  padding-top: 1px;
  display: inline-block;
  font-size: 10px;
  
}

.grid9 .col.selection {
  width: 50px;
  padding-left: 0;
}

.grid9 .col.selection .count {
  position: absolute;
  bottom: -6px;
  font-size: 8px;
  font-weight: 700;
  left: 50%;
  transform: translateX(-50%);
  color: black;
  padding-right: 6px;
  user-select: none;
}

.grid9 .col.selection.partial-selected label.check{
  background-image: url(/_themes/default/content/media/checked.svg?stamp=190516);
}
.grid9 .col.selection.page-selected label.check{
  background-image: url(/_themes/default/content/media/checked.svg?stamp=190516);
}
.grid9 .col.selection.datasource-selected label.check{
  background-image:url(/_themes/default/content/media/database-view.svg?stamp=190516);
}

.grid9 .col.selection.datasource-selected label.check,
.grid9 .col.selection.page-selected label.check,
.grid9 .col.selection.partial-selected label.check {
  display: block;
  width: 18px;
  height: 18px;
  background-size: contain;
  background-repeat: no-repeat;
  margin: 0 auto;
}

.grid9 .col.selection label.check { 
  display: block;
  background: url(/media/table_circle.svg);
  background-size: contain;
  background-repeat: no-repeat;
  width: 18px;
  height: 18px;
  margin: 0 auto;
}

.grid9 .col.singlechoice div .image {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: contain;
  padding-right: 4px;
  background-repeat: no-repeat;
  vertical-align: middle;
}

.grid9 .button-column  { 
  text-align:center;
}

.grid9 .button-column a {
  width: 130px;
  height: 100%;
  opacity: 1;
  position: relative;
  right: 0;
  bottom: 0;
  color: black;
}

.grid9 .button-column a:before {
  left: 25%;
  top: 50%;
  transform: translate(-25%,-50%);
}

.grid9 .button-column a:hover {
  background: #ffffff;
}

.grid9 .item.hover .col a{
  color: black;
  text-decoration:none;
}

.grid9 .head-table .col a.cmd-filter{
  visibility: hidden;
  position: absolute;
  z-index: 3;
  right: 2px;
  bottom: 2px;
  padding: 8px 2px 2px 8px;
  cursor: pointer;
  opacity: 0.2;
  box-sizing: content-box;
  width: 14px; height: 14px;
}

.grid9 .items .noitems{ 
  display:block; 
  text-align: left; 
  padding: 20px 20px 20px 20vw;
}

.grid9 .items::-webkit-scrollbar { 
  width: 8px !important; 
}

.grid9 .items::-webkit-scrollbar { 
  height: 8px !important; 
}

.grid9 .items::-webkit-scrollbar-track, 
.grid9 .items::-webkit-scrollbar-track { 
  -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.3); 
  -webkit-border-radius: 2px; border-radius: 2px; 
}

.grid9 .items::-webkit-scrollbar-thumb, 
.grid9 .items::-webkit-scrollbar-thumb { 
  -webkit-border-radius: 2px; 
  border-radius: 2px; 
  background: #DDD; 
  -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.5); 
}

.grid9 .items::-webkit-scrollbar-thumb:window-inactive, 
.grid9 .items::-webkit-scrollbar-thumb:window-inactive { 
  background: #EFEFEF;
}

.grid9 .content .width-adjust {
  position: absolute;
  width: 10px;
  height: 100%;
  display: block;
  background: transparent;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  cursor: e-resize;
}

.grid9 .content .width-adjust:before {
  content: "";
  position: absolute;
  top: 0;
  left: 5px;
  width: 1px;
  height: 100%;
  cursor: e-resize;
}

.grid9::-webkit-scrollbar {
  width: 8px !important; 
}

.grid9::-webkit-scrollbar { 
  height: 8px !important; 
}

.grid9::-webkit-scrollbar-track, 
.grid9::-webkit-scrollbar-track { 
  -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.3); 
  -webkit-border-radius: 2px; border-radius: 2px; 
}

.grid9::-webkit-scrollbar-thumb, 
.grid9::-webkit-scrollbar-thumb { 
  -webkit-border-radius: 2px; 
  border-radius: 2px; 
  background: #DDD; 
  -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.5); 
}

.grid9::-webkit-scrollbar-thumb:window-inactive, 
.grid9::-webkit-scrollbar-thumb:window-inactive { 
  background: #EFEFEF;
}

.grid7 .views-selector { text-align: left; padding: 5px 0 0; }
/*.grid7 .views-selector .selector-items {display:inline-block;}*/
.grid7 .views-selector .label { display: none; vertical-align: top; padding: 2px 0; margin-right: 5px; color: #aaa; }
.grid7 .views-selector .selector-items { display: inline-block; vertical-align: top; padding-left:7px; padding-bottom:7px;}
.grid7 .views-selector .selector-item { position: relative; display: inline-block; vertical-align: top; margin: 0 15px 5px 0; 
  transition: all 0.3s ease 0s; 
  -webkit-transition: all 0.3s ease 0s;  
  border: 1px solid #CCC;
  padding-left: 20px;
  text-align:center;
  background: transparent url(/_themes/default/content/media/filter.svg/?stamp=190516) 8px 7px no-repeat;
  background-size: 16px 16px;
}
.grid7 .views-selector .selector-item .name { display: inline-block; vertical-align: middle; padding: 0; color: #000; 
  text-decoration: none; cursor: pointer; 
  line-height: 30px; 
  padding: 0 10px;
  text-align:center;
}
.grid7 .views-selector .selector-item .name:hover { color: #000;  text-decoration: none; }
.grid7 .views-selector .selector-item .name .remarks { color: #000; font-weight: 700; margin-left: 5px; }
.grid7 .views-selector .selector-item .name .remarks:before { content: "("; }
.grid7 .views-selector .selector-item .name .remarks:after { content: ")"; }
.grid7 .views-selector .selector-item.active {   color: #0078d7;   border: 1px solid #0078d7; 
  background-image: url(/_themes/default/content/media/filter.svg/?stamp=190516&icon_color=%230078d7);
}
.grid7 .views-selector .selector-item.active .name {  color: #0078d7; }
.grid7 .views-selector .selector-item:hover { 
  color: #000; 
  background-color: transparent; 
  text-decoration: none; 
  border: 1px solid #1157B0; 
}
.grid9 .views-selector .selector-item:hover .cmd-ide  { visibility: visible; }
.grid9 .views-selector .selector-item:hover .cmd-ide:hover { opacity: 1; }

/* end grid9*/

.group.view-details .field-label { color: rgb(50, 49, 48); font-weight:bold; }
.group.view-details .field-label span:after{ content: ":";}
.group.view-details img{ width:100%;}


/* popup no-title*/
.popup > .no-title .popup-head{ color:transparent; }
.popup > .no-title .popup-content{ overflow:visible; }
.popup > .no-title .popup-content > .group{ margin-bottom: 20px;     margin-bottom: 20px;    height: 100%;    overflow: visible; padding-right:0;}
.popup > .no-title .popup-content > .group > .head{ margin:0; position: absolute;    top: -62px;    left: -15px; }
.popup > .no-title .popup-content > .group > .head .text{  
  position: relative;
  z-index: 2;
  padding: 23px 12px 14px 24px;
  height: 66px;
  color: rgb(50, 49, 48);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 24px;
  line-height: 17px;
  cursor: pointer;
  font-weight: 500;
  box-sizing: border-box;
}
.popup > .no-title .popup-content > .group > .head .extra{   display:none; }
.popup > .no-title .popup-content > .group > .content{ height: 100%; overflow:auto; padding-right:20px;}
/* end popup no-title*/

.group.separator{ border-top: 1px solid #f4f4f4; }
.workspace-filters-pane .group.separator{ margin-right:20px; }

.skin1.m3 .headerbar .logo-text{ display:inline-block; vertical-align: top; padding-top:13px; }
.skin1.m3 .headerbar .logo-text .l1{font-size:23px;color:#70ad47; line-height:100%; font-family: Roboto,RobotoDraft,Helvetica,Arial,sans-serif;}
.skin1.m3 .headerbar .logo-text .l2{font-size:10px; color: #777; line-height:140%; font-family: Roboto,RobotoDraft,Helvetica,Arial,sans-serif;}
.skin1.m3 .group.content-block > .head .text{ font-weight:600; padding-left: 5px; padding-bottom: 10px;}
.skin1.m3 .group.content-block .SubHead{ font-weight:600;}







.workspace-nav-pane{
  background-color: #FFFFFF;
  color: rgb(0, 0, 0);
  transition-property: width;
  transition-duration: 0s;
  font-size: 14px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  user-select: none;
  padding-right:20px;
  box-sizing:border-box;
}

.workspace-nav-pane .nav .item{
  font-family: "Segoe UI", "Segoe UI Web (West European)", "Segoe UI", -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif;
  font-size: 14px;
  font-weight: 400;
  position: relative;
  color: rgb(0, 0, 0);
  display:block;
  height:auto;
  align-items: center;
  cursor: pointer;
  width: 100%;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  text-align: inherit;
  outline: transparent;
  text-decoration: none;
  background: transparent;
  border-width: initial;
  border-style: none;
  border-color: initial;
  border-image: initial;
  -webkit-font-smoothing: antialiased;
  transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s;
}

.workspace-nav-pane .nav .item.level1 > .nav{
  height:auto !important;
  overflow: hidden;
}

.workspace-nav-pane .nav .item:hover{
  background-color: #F3F2F1;
  color: #00A2E6;
}
.workspace-nav-pane .nav .item:hover a span{
  color: #00A2E6;
}

.workspace-nav-pane .nav .item.active .item.level2, 
.workspace-nav-pane .nav .item.selected .item.level2{
  background-color: #FFFFFF;
  height:44px;
}

.workspace-nav-pane .nav .item a {
  height: 44px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  text-decoration: none;
  background-position: 16px center;
  background-size: 20px 20px;
  background-repeat: no-repeat;
}

.workspace-nav-pane .nav .item.level2 a {
  height: 44px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
}

.workspace-nav-pane .nav .item.level1 a span{
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  color: rgb(50, 49, 48);
  margin-bottom: 1px;
  -webkit-font-smoothing: antialiased;
  font-size: 14px;
  font-weight: 400;
  padding-left: 33px;
}

.workspace-nav-pane .nav .item.level1 a:hover span{
  color: #00A2E6;
}

.workspace-nav-pane .nav .item.level1 a span.cmd-toggle{
  padding-left: 0;
}

.workspace-nav-pane .nav .item.has-icon > a:before {
  position: absolute;
  z-index: 1;
  left: 10px;
  top: 7px;
  width: 16px;
  height: 16px;
  background-repeat: no-repeat; 
  background-size: contain;
  background-position: center; 
  background-color: #3DBFD9;
  -moz-transition: background-color 1s ease;-o-transition: background-color 1s ease;-webkit-transition: background-color 1s ease;transition: background-color 1s ease;
  font-family: LineAwesome;
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-decoration: none;
}

.workspace-nav-pane .nav .item.has-icon > a{
  background-image: none !important;
}

.workspace-nav-pane .nav .item.level2.has-icon > a{
  background-image: none !important;
}
.workspace-nav-pane .nav .item.level2 > a:hover{
  background-color: #F3F2F1;
}

.workspace-nav-pane .nav .cmd-toggle { 
  position: absolute; 
  z-index: 2; 
  right: 0; 
  top: 0; 
  color: #333; 
  cursor: pointer; 
  line-height:18px;
  box-sizing: border-box; 
  -moz-box-sizing: border-box; 
  -webkit-box-sizing: border-box; padding: 10px 20px 10px 20px;
  font-family: LineAwesome; 
  font-style: normal; 
  font-weight: normal; 
  -webkit-font-smoothing: antialiased; 
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition: color .1s ease-out, 
  background-color .1s ease-out; 
  transition: color .1s ease-out, 
  background-color .1s ease-out; 
	font-size: 16px;
}

.workspace-nav-pane .nav .item .cmd-toggle{ 
  background-image: url(/_themes/default/content/media/expand-arrow.svg/?stamp=190516);
  width: 33px;
  height: 44px;
  background-size: 16px 16px;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-transition: -webkit-transform 200ms;
  -moz-transition: -moz-transform 200ms;
  transition: transform 200ms;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  transform: rotate(0deg);
  position: absolute;
  left: 0;
}
.workspace-nav-pane .nav .item .cmd-toggle.open{
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

.workspace-nav-pane .nav .item::before {
  content: " ";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 2px;
  bottom: 0;
  background-color: #0078d7;
  opacity: 0;
  transition: opacity 500ms ease 0s;
}

.workspace-nav-pane .nav .item.active > a{ background-color: #ECEBE9; }
.workspace-nav-pane .nav .item.active::before {
  opacity: 1;
}

.workspace-nav-pane .nav .item.level1.active.child-active > a{ background-color: #F9F9F9; }
.workspace-nav-pane .nav .item.level1.active.child-active::before {
  opacity: 0;
}
.workspace-nav-pane .nav .item.level1.active.child-active > a:hover{ background-color: #F3F2F1; }

.workspace-nav-pane .nav .item.level2::before {    
  content: " ";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 2px;
  bottom: 0;
  background-color: #0078d7;
  opacity: 0;
  transition: opacity 500ms ease 0s;
}

.workspace-nav-pane .nav .item.level2.active::before {    
  opacity: 1;
}

.workspace-nav-pane .nav .item.level2 a span{ padding-left: 46px;}



.logo{ background: url(/media/skin1/Logo-Middle.png); 
  width: 150px;
  height: 70px;
  background-repeat: no-repeat;
  display: inline-block;
  background-size: 80%;
  background-position: center left;
}
.button .image{ }
.image-prev{ font-family: LineAwesome; }
.image-prev:before{ content: "\f060"; }

.image-expand:before{ font-family: LineAwesome; content: "\f107"; }
.image-myaccount:before{ font-family: LineAwesome; content: "\f2be"; font-size:18px; }
.workspace-top-menu .image-myaccount{ width:20px; }
.workspace-top-menu .image-myaccount:before{ color: #CCC; margin: 4px 0 0 0; }
.button.has-menu:after{ font-family: FontAwesome; content: "\f107"; font-size:18px; color: #000; margin: 3px 0 0 5px; position:absolute;}
.button.has-menu{ margin-right:35px; }

.image-marker-grey:before{ font-family: LineAwesome; content: "\f05a"; }
.image-marker-yellow:before{ font-family: LineAwesome; content: "\f0c7"; }
.image-marker-green:before{ font-family: LineAwesome; content: "\f05d"; }
.image-location:before{ font-family: LineAwesome; content: "\f041"; }
.image-map:before{ font-family: LineAwesome; content: "\f041"; }
.image-website:before{ font-family: LineAwesome; content: "\f0ac"; }
.image-apply:before{ font-family: LineAwesome; content: "\f00c"; }
.image-submit:before{ font-family: LineAwesome; content: "\f00c"; }
.image-attach:before{ font-family: LineAwesome; content: "\f0c6"; }
.image-send:before{ font-family: LineAwesome; content: "\f1d8"; }
.image-view:before{ font-family: LineAwesome; content: "\f002"; }
.image-add:before{ font-family: LineAwesome; content: "\f055"; }
.image-delete:before{ /*font-family: LineAwesome; content: "\f00d";*/
    content: "\f00d";
    font-family: LineAwesome;
    /*font-size: 32px;
    font-weight: normal;
    line-height: 16px;*/
}
/*.small-alt-inv .image-delete:before{ font-size:22px;  }*/

.image-edit:before{ font-family: LineAwesome; content: "\f304"; }
.image-list:before{ font-family: LineAwesome; content: "\f03a"; }
.image-back:before{ font-family: LineAwesome; content: "\f060"; }
.image-next:before{ font-family: LineAwesome; content: "\f061"; }
.image-profile:before{ font-family: LineAwesome; content: "\f2bc"; }
.image-filter:before{ font-family: LineAwesome; content: "\f0b0"; }
.image-address:before{ font-family: LineAwesome; content: "\f041"; }
.image-print:before{ font-family: LineAwesome; content: "\f02f"; }
.image-share:before{ font-family: LineAwesome; content: "\f1e0"; }
.image-save:before{ font-family: LineAwesome; content: "\f0c7"; }
.button .image.image-moredown{ width: 30px; height:30px; }
.image-moredown:before{ 
  content: " ";
  position:absolute;
  width: 16px;
  height: 16px;
  left:3px;
  top:3px;
  background-image: url(/media/skin1/expand-arrow.svg?stamp=20200414);
  background-size: 16px 16px;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-transition: -webkit-transform 500ms;
  -moz-transition: -moz-transform 500ms;
  transition: transform 500ms;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  transform: rotate(0deg);
  cursor: pointer;
  border: 1px solid black;
  border-radius: 20px;
  padding:3px;
  -webkit-box-shadow: 0 0px 4px 0 rgba(0,0,0,.28);
  -moz-box-shadow: 0 0px 4px 0 rgba(0,0,0,.28);
  box-shadow: 0 0px 4px 0 rgba(0,0,0,.28);
}
.button .image.image-lessup{ width: 30px; height:30px;}
.image-lessup:before{ 
  content: " ";
  position:absolute;
  width: 16px;
  height: 16px;
  left:3px;
  top:3px;
  background-image: url(/media/skin1/expand-arrow.svg?stamp=20200414);
  background-size: 16px 16px;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-transition: -webkit-transform 500ms;
  -moz-transition: -moz-transform 500ms;
  transition: transform 500ms;
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  transform: rotate(-180deg);
  cursor: pointer;
  border: 1px solid black;
  border-radius: 20px;
  padding:3px;
  -webkit-box-shadow: 0 0px 4px 0 rgba(0,0,0,.28);
  -moz-box-shadow: 0 0px 4px 0 rgba(0,0,0,.28);
  box-shadow: 0 0px 4px 0 rgba(0,0,0,.28);
}

.icon-apply:before{ font-family: LineAwesome; content: "\f00c"; }
.icon-submit:before{ font-family: LineAwesome; content: "\f00c"; }
.icon-attach:before{ font-family: LineAwesome; content: "\f0c6"; }
.icon-send:before{ font-family: LineAwesome; content: "\f1d8"; }
.icon-view:before{ font-family: LineAwesome; content: "\f002"; }
.icon-add:before{ font-family: LineAwesome; content: "\f055"; }
.icon-delete:before{ font-family: LineAwesome; content: "\f00d"; 
  /*content: "\D7";
  font-family: Roboto;
  font-size: 24px;
  font-weight: normal;
  line-height: 16px;*/
}
.icon-edit:before{ font-family: LineAwesome; content: "\f040"; }
.icon-list:before{ font-family: LineAwesome; content: "\f03a"; }
.icon-back:before{ font-family: LineAwesome; content: "\f060"; }
.icon-next:before{ font-family: LineAwesome; content: "\f061"; }
.icon-profile:before{ font-family: LineAwesome; content: "\f2bc"; }
.icon-filter:before{ font-family: LineAwesome; content: "\f0b0"; }
.icon-address:before{ font-family: LineAwesome; content: "\f041"; }
.icon-print:before{ font-family: LineAwesome; content: "\f02f"; }
.icon-share:before{ font-family: LineAwesome; content: "\f1e0"; }
.icon-save:before{ font-family: LineAwesome; content: "\f0c7"; }


.image-highqa-pro:before{ content: ""; background: url(/media/skin1/HighQA_PRO.png) left top no-repeat;
    width: 100px;    height: 20px;    display: block;    background-size: contain; }

.image-CompanyProfile:before{ content: "\f0f7"; }
.image-ServicesProducts:before{ content: "\f290"; }
.image-ServicesProducts:before{ content: "\f290"; }
.image-ProductionCapabilities:before{ content: "\f0e3"; }
.image-Qualitycontrol:before{ content: "\f085"; }
.image-EngeneeringCapacity:before{ content: "\f080"; }
.image-TradeCapabilities:before{ content: "\f200"; }
.image-LocationsGeography:before{ content: "\f14e"; }
.image-MapLocations:before{ content: "\f14e"; }

.group.workspace-shortcuts-pane .image{ font-family: LineAwesome; font-size:16px; }
.group.workspace-shortcuts-pane .image:before{ content: "\f002"; }
.group.workspace-shortcuts-pane .image.image-CompanyProfile:before{ content: "\f1ad"; }
.group.workspace-shortcuts-pane .image.image-ServicesProducts:before{ content: "\f290"; }
.group.workspace-shortcuts-pane .image.image-Products:before{ content: "\f290"; }
.group.workspace-shortcuts-pane .image.image-ProductionCapabilities:before{ content: "\f0e3"; }
.group.workspace-shortcuts-pane .image.image-Qualitycontrol:before{ content: "\f085"; }
.group.workspace-shortcuts-pane .image.image-EngeneeringCapacity:before{ content: "\f080"; }
.group.workspace-shortcuts-pane .image.image-TradeCapabilities:before{ content: "\f200"; }
.group.workspace-shortcuts-pane .image.image-LocationsGeography:before{ content: "\f14e"; }
.group.workspace-shortcuts-pane .image.image-MapLocations:before{ content: "\f14e"; }

.image-company{  background-image: url(/_themes/default/content/media/business-building.svg?stamp=190516); }
.image-agreements{  background-image: url(/_themes/default/content/media/agreement.svg?stamp=190516); }
.image-manufacturing{  background-image: url(/_themes/default/content/media/robot.svg?stamp=190516); }
.image-home{  background-image: url(/_themes/default/content/media/home.svg?stamp=190516); }
.image-company{  background-image: url(/_themes/default/content/media/headset.svg?stamp=190516); }
.image-contacts{  background-image: url(/_themes/default/content/media/user-account.svg?stamp=190516); }
.image-suppliers{  background-image: url(/_themes/default/content/media/collaboration.svg?stamp=190516); }
.image-autoballon{  background-image: url(/_themes/default/content/media/maintenance.svg?stamp=190516); }
.image-import{  background-image: url(/_themes/default/content/media/maintenance.svg?stamp=190516); }
.image-collectspc{  background-image: url(/_themes/default/content/media/maintenance.svg?stamp=190516); }
.image-solutions{  background-image: url(/_themes/default/content/media/maintenance.svg?stamp=190516); }
.image-docs{  background-image: url(/_themes/default/content/media/search.svg?stamp=190516); }
.image-gages{  background-image: url(/_themes/default/content/media/page-caliper.svg?stamp=190516); }
.image-users{  background-image: url(/_themes/default/content/media/user-account.svg?stamp=190516); }
.image-messages{  background-image: url(/_themes/default/content/media/paper-plane.svg?stamp=190516); }
.image-dashboard{  background-image: url(/_themes/default/content/media/search.svg?stamp=190516); }
.image-recent{  background-image: url(/_themes/default/content/media/search.svg?stamp=190516); }
.image-bypartjob{  background-image: url(/_themes/default/content/media/search.svg?stamp=190516); }
.image-gallery{  background-image: url(/_themes/default/content/media/search.svg?stamp=190516); }
.image-instance{  background-image: url(/_themes/default/content/media/search.svg?stamp=190516); }
.image-dims{  background-image: url(/_themes/default/content/media/search.svg?stamp=190516); }
.image-dimsmulti{  background-image: url(/_themes/default/content/media/search.svg?stamp=190516); }
.image-dimsmultimeasure{  background-image: url(/_themes/default/content/media/search.svg?stamp=190516); }
.image-jobs{  background-image: url(/_themes/default/content/media/search.svg?stamp=190516); }
.image-globalsettings{  background-image: url(/_themes/default/content/media/maintenance.svg?stamp=190516); }
.image-settings{  background-image: url(/_themes/default/content/media/maintenance.svg?stamp=190516); }
.image-system{  background-image: url(/_themes/default/content/media/maintenance.svg?stamp=190516); }
.image-reports{  background-image: url(/_themes/default/content/media/page-graph-report.svg?stamp=190516); }
.image-organizations{  background-image: url(/_themes/default/content/media/business-building.svg?stamp=190516); }

.image-design{  background-image: url(/_themes/default/content/media/wacom-tablet.svg?stamp=190516); }
.image-invoice{  background-image: url(/_themes/default/content/media/search.svg?stamp=190516); }
.image-documents{  background-image: url(/_themes/default/content/media/product-documents.svg?stamp=190516); }
.image-configuration{  background-image: url(/_themes/default/content/media/settings.svg?stamp=190516); }

.grid3 .subtitle .icon{ margin-right: 5px; font-size: 14px; }
.icon-fabric:before{ content: "\f1ad"; font-family: LineAwesome;}
.icon-industry:before{ content: "\f275"; font-family: LineAwesome;}
.icon-cubes:before{ content: "\f1b3"; font-family: LineAwesome;}
.icon-briefcase:before{ content: "\f0b1"; font-family: LineAwesome;}

.flag .image{  display: inline-block; width:30px; height: 20px;  margin-right: 10px; background-position: 0 center;}
.image.image-flag-{ background-image: url(/media/Flags/United-States.png); }
.image.image-flag-USA{ background-image: url(/media/Flags/United-States.png); }
.image.image-flag-Abkhazia{ background-image: url(/media/Flags/Abkhazia.png); }
.image.image-flag-Afghanistan{ background-image: url(/media/Flags/Afghanistan.png); }
.image.image-flag-Aland{ background-image: url(/media/Flags/Aland.png); }
.image.image-flag-Albania{ background-image: url(/media/Flags/Albania.png); }
.image.image-flag-Algeria{ background-image: url(/media/Flags/Algeria.png); }
.image.image-flag-American-Samoa{ background-image: url(/media/Flags/American-Samoa.png); }
.image.image-flag-Andorra{ background-image: url(/media/Flags/Andorra.png); }
.image.image-flag-Angola{ background-image: url(/media/Flags/Angola.png); }
.image.image-flag-Anguilla{ background-image: url(/media/Flags/Anguilla.png); }
.image.image-flag-Antarctica{ background-image: url(/media/Flags/Antarctica.png); }
.image.image-flag-Antigua-and-Barbuda{ background-image: url(/media/Flags/Antigua-and-Barbuda.png); }
.image.image-flag-Argentina{ background-image: url(/media/Flags/Argentina.png); }
.image.image-flag-Armenia{ background-image: url(/media/Flags/Armenia.png); }
.image.image-flag-Aruba{ background-image: url(/media/Flags/Aruba.png); }
.image.image-flag-Australia{ background-image: url(/media/Flags/Australia.png); }
.image.image-flag-Austria{ background-image: url(/media/Flags/Austria.png); }
.image.image-flag-Azerbaijan{ background-image: url(/media/Flags/Azerbaijan.png); }
.image.image-flag-Bahamas{ background-image: url(/media/Flags/Bahamas.png); }
.image.image-flag-Bahrain{ background-image: url(/media/Flags/Bahrain.png); }
.image.image-flag-Bangladesh{ background-image: url(/media/Flags/Bangladesh.png); }
.image.image-flag-Barbados{ background-image: url(/media/Flags/Barbados.png); }
.image.image-flag-Basque-Country{ background-image: url(/media/Flags/Basque-Country.png); }
.image.image-flag-Belarus{ background-image: url(/media/Flags/Belarus.png); }
.image.image-flag-Belgium{ background-image: url(/media/Flags/Belgium.png); }
.image.image-flag-Belize{ background-image: url(/media/Flags/Belize.png); }
.image.image-flag-Benin{ background-image: url(/media/Flags/Benin.png); }
.image.image-flag-Bermuda{ background-image: url(/media/Flags/Bermuda.png); }
.image.image-flag-Bhutan{ background-image: url(/media/Flags/Bhutan.png); }
.image.image-flag-Bolivia{ background-image: url(/media/Flags/Bolivia.png); }
.image.image-flag-Bosnia-and-Herzegovina{ background-image: url(/media/Flags/Bosnia-and-Herzegovina.png); }
.image.image-flag-Botswana{ background-image: url(/media/Flags/Botswana.png); }
.image.image-flag-Brazil{ background-image: url(/media/Flags/Brazil.png); }
.image.image-flag-British-Antarctic-Territory{ background-image: url(/media/Flags/British-Antarctic-Territory.png); }
.image.image-flag-British-Virgin-Islands{ background-image: url(/media/Flags/British-Virgin-Islands.png); }
.image.image-flag-Brunei{ background-image: url(/media/Flags/Brunei.png); }
.image.image-flag-Bulgaria{ background-image: url(/media/Flags/Bulgaria.png); }
.image.image-flag-Burkina-Faso{ background-image: url(/media/Flags/Burkina-Faso.png); }
.image.image-flag-Burundi{ background-image: url(/media/Flags/Burundi.png); }
.image.image-flag-Cambodia{ background-image: url(/media/Flags/Cambodia.png); }
.image.image-flag-Cameroon{ background-image: url(/media/Flags/Cameroon.png); }
.image.image-flag-Canada{ background-image: url(/media/Flags/Canada.png); }
.image.image-flag-Canary-Islands{ background-image: url(/media/Flags/Canary-Islands.png); }
.image.image-flag-Cape-Verde{ background-image: url(/media/Flags/Cape-Verde.png); }
.image.image-flag-Cayman-Islands{ background-image: url(/media/Flags/Cayman-Islands.png); }
.image.image-flag-Central-African-Republic{ background-image: url(/media/Flags/Central-African-Republic.png); }
.image.image-flag-Chad{ background-image: url(/media/Flags/Chad.png); }
.image.image-flag-Chile{ background-image: url(/media/Flags/Chile.png); }
.image.image-flag-China{ background-image: url(/media/Flags/China.png); }
.image.image-flag-Christmas-Island{ background-image: url(/media/Flags/Christmas-Island.png); }
.image.image-flag-Cocos-Keeling-Islands{ background-image: url(/media/Flags/Cocos-Keeling-Islands.png); }
.image.image-flag-Colombia{ background-image: url(/media/Flags/Colombia.png); }
.image.image-flag-Commonwealth{ background-image: url(/media/Flags/Commonwealth.png); }
.image.image-flag-Comoros{ background-image: url(/media/Flags/Comoros.png); }
.image.image-flag-Cook-Islands{ background-image: url(/media/Flags/Cook-Islands.png); }
.image.image-flag-Costa-Rica{ background-image: url(/media/Flags/Costa-Rica.png); }
.image.image-flag-Cote-dIvoire{ background-image: url(/media/Flags/Cote-dIvoire.png); }
.image.image-flag-Croatia{ background-image: url(/media/Flags/Croatia.png); }
.image.image-flag-Cuba{ background-image: url(/media/Flags/Cuba.png); }
.image.image-flag-Curacao{ background-image: url(/media/Flags/Curacao.png); }
.image.image-flag-Cyprus{ background-image: url(/media/Flags/Cyprus.png); }
.image.image-flag-Czech-Republic{ background-image: url(/media/Flags/Czech-Republic.png); }
.image.image-flag-Democratic-Republic-of-the-Congo{ background-image: url(/media/Flags/Democratic-Republic-of-the-Congo.png); }
.image.image-flag-Denmark{ background-image: url(/media/Flags/Denmark.png); }
.image.image-flag-Djibouti{ background-image: url(/media/Flags/Djibouti.png); }
.image.image-flag-Dominica{ background-image: url(/media/Flags/Dominica.png); }
.image.image-flag-Dominican-Republic{ background-image: url(/media/Flags/Dominican-Republic.png); }
.image.image-flag-East-Timor{ background-image: url(/media/Flags/East-Timor.png); }
.image.image-flag-Ecuador{ background-image: url(/media/Flags/Ecuador.png); }
.image.image-flag-Egypt{ background-image: url(/media/Flags/Egypt.png); }
.image.image-flag-El-Salvador{ background-image: url(/media/Flags/El-Salvador.png); }
.image.image-flag-England{ background-image: url(/media/Flags/England.png); }
.image.image-flag-Equatorial-Guinea{ background-image: url(/media/Flags/Equatorial-Guinea.png); }
.image.image-flag-Eritrea{ background-image: url(/media/Flags/Eritrea.png); }
.image.image-flag-Estonia{ background-image: url(/media/Flags/Estonia.png); }
.image.image-flag-Ethiopia{ background-image: url(/media/Flags/Ethiopia.png); }
.image.image-flag-European-Union{ background-image: url(/media/Flags/European-Union.png); }
.image.image-flag-Falkland-Islands{ background-image: url(/media/Flags/Falkland-Islands.png); }
.image.image-flag-Faroes{ background-image: url(/media/Flags/Faroes.png); }
.image.image-flag-Fiji{ background-image: url(/media/Flags/Fiji.png); }
.image.image-flag-Finland{ background-image: url(/media/Flags/Finland.png); }
.image.image-flag-France{ background-image: url(/media/Flags/France.png); }
.image.image-flag-French-Polynesia{ background-image: url(/media/Flags/French-Polynesia.png); }
.image.image-flag-French-Southern-Territories{ background-image: url(/media/Flags/French-Southern-Territories.png); }
.image.image-flag-Gabon{ background-image: url(/media/Flags/Gabon.png); }
.image.image-flag-Gambia{ background-image: url(/media/Flags/Gambia.png); }
.image.image-flag-Georgia{ background-image: url(/media/Flags/Georgia.png); }
.image.image-flag-Germany{ background-image: url(/media/Flags/Germany.png); }
.image.image-flag-Ghana{ background-image: url(/media/Flags/Ghana.png); }
.image.image-flag-Gibraltar{ background-image: url(/media/Flags/Gibraltar.png); }
.image.image-flag-GoSquared{ background-image: url(/media/Flags/GoSquared.png); }
.image.image-flag-Greece{ background-image: url(/media/Flags/Greece.png); }
.image.image-flag-Greenland{ background-image: url(/media/Flags/Greenland.png); }
.image.image-flag-Grenada{ background-image: url(/media/Flags/Grenada.png); }
.image.image-flag-Guam{ background-image: url(/media/Flags/Guam.png); }
.image.image-flag-Guatemala{ background-image: url(/media/Flags/Guatemala.png); }
.image.image-flag-Guernsey{ background-image: url(/media/Flags/Guernsey.png); }
.image.image-flag-Guinea{ background-image: url(/media/Flags/Guinea.png); }
.image.image-flag-Guinea-Bissau{ background-image: url(/media/Flags/Guinea-Bissau.png); }
.image.image-flag-Guyana{ background-image: url(/media/Flags/Guyana.png); }
.image.image-flag-Haiti{ background-image: url(/media/Flags/Haiti.png); }
.image.image-flag-Honduras{ background-image: url(/media/Flags/Honduras.png); }
.image.image-flag-Hong-Kong{ background-image: url(/media/Flags/Hong-Kong.png); }
.image.image-flag-Hungary{ background-image: url(/media/Flags/Hungary.png); }
.image.image-flag-Iceland{ background-image: url(/media/Flags/Iceland.png); }
.image.image-flag-India{ background-image: url(/media/Flags/India.png); }
.image.image-flag-Indonesia{ background-image: url(/media/Flags/Indonesia.png); }
.image.image-flag-Iran{ background-image: url(/media/Flags/Iran.png); }
.image.image-flag-Iraq{ background-image: url(/media/Flags/Iraq.png); }
.image.image-flag-Ireland{ background-image: url(/media/Flags/Ireland.png); }
.image.image-flag-Isle-of-Man{ background-image: url(/media/Flags/Isle-of-Man.png); }
.image.image-flag-Israel{ background-image: url(/media/Flags/Israel.png); }
.image.image-flag-Italy{ background-image: url(/media/Flags/Italy.png); }
.image.image-flag-Jamaica{ background-image: url(/media/Flags/Jamaica.png); }
.image.image-flag-Japan{ background-image: url(/media/Flags/Japan.png); }
.image.image-flag-Jersey{ background-image: url(/media/Flags/Jersey.png); }
.image.image-flag-Jordan{ background-image: url(/media/Flags/Jordan.png); }
.image.image-flag-Kazakhstan{ background-image: url(/media/Flags/Kazakhstan.png); }
.image.image-flag-Kenya{ background-image: url(/media/Flags/Kenya.png); }
.image.image-flag-Kiribati{ background-image: url(/media/Flags/Kiribati.png); }
.image.image-flag-Kosovo{ background-image: url(/media/Flags/Kosovo.png); }
.image.image-flag-Kuwait{ background-image: url(/media/Flags/Kuwait.png); }
.image.image-flag-Kyrgyzstan{ background-image: url(/media/Flags/Kyrgyzstan.png); }
.image.image-flag-Laos{ background-image: url(/media/Flags/Laos.png); }
.image.image-flag-Latvia{ background-image: url(/media/Flags/Latvia.png); }
.image.image-flag-Lebanon{ background-image: url(/media/Flags/Lebanon.png); }
.image.image-flag-Lesotho{ background-image: url(/media/Flags/Lesotho.png); }
.image.image-flag-Liberia{ background-image: url(/media/Flags/Liberia.png); }
.image.image-flag-Libya{ background-image: url(/media/Flags/Libya.png); }
.image.image-flag-Liechtenstein{ background-image: url(/media/Flags/Liechtenstein.png); }
.image.image-flag-Lithuania{ background-image: url(/media/Flags/Lithuania.png); }
.image.image-flag-Luxembourg{ background-image: url(/media/Flags/Luxembourg.png); }
.image.image-flag-Macau{ background-image: url(/media/Flags/Macau.png); }
.image.image-flag-Macedonia{ background-image: url(/media/Flags/Macedonia.png); }
.image.image-flag-Madagascar{ background-image: url(/media/Flags/Madagascar.png); }
.image.image-flag-Malawi{ background-image: url(/media/Flags/Malawi.png); }
.image.image-flag-Malaysia{ background-image: url(/media/Flags/Malaysia.png); }
.image.image-flag-Maldives{ background-image: url(/media/Flags/Maldives.png); }
.image.image-flag-Mali{ background-image: url(/media/Flags/Mali.png); }
.image.image-flag-Malta{ background-image: url(/media/Flags/Malta.png); }
.image.image-flag-Mars{ background-image: url(/media/Flags/Mars.png); }
.image.image-flag-Marshall-Islands{ background-image: url(/media/Flags/Marshall-Islands.png); }
.image.image-flag-Martinique{ background-image: url(/media/Flags/Martinique.png); }
.image.image-flag-Mauritania{ background-image: url(/media/Flags/Mauritania.png); }
.image.image-flag-Mauritius{ background-image: url(/media/Flags/Mauritius.png); }
.image.image-flag-Mayotte{ background-image: url(/media/Flags/Mayotte.png); }
.image.image-flag-Mexico{ background-image: url(/media/Flags/Mexico.png); }
.image.image-flag-Micronesia{ background-image: url(/media/Flags/Micronesia.png); }
.image.image-flag-Moldova{ background-image: url(/media/Flags/Moldova.png); }
.image.image-flag-Monaco{ background-image: url(/media/Flags/Monaco.png); }
.image.image-flag-Mongolia{ background-image: url(/media/Flags/Mongolia.png); }
.image.image-flag-Montenegro{ background-image: url(/media/Flags/Montenegro.png); }
.image.image-flag-Montserrat{ background-image: url(/media/Flags/Montserrat.png); }
.image.image-flag-Morocco{ background-image: url(/media/Flags/Morocco.png); }
.image.image-flag-Mozambique{ background-image: url(/media/Flags/Mozambique.png); }
.image.image-flag-Myanmar{ background-image: url(/media/Flags/Myanmar.png); }
.image.image-flag-Nagorno-Karabakh{ background-image: url(/media/Flags/Nagorno-Karabakh.png); }
.image.image-flag-Namibia{ background-image: url(/media/Flags/Namibia.png); }
.image.image-flag-NATO{ background-image: url(/media/Flags/NATO.png); }
.image.image-flag-Nauru{ background-image: url(/media/Flags/Nauru.png); }
.image.image-flag-Nepal{ background-image: url(/media/Flags/Nepal.png); }
.image.image-flag-Netherlands{ background-image: url(/media/Flags/Netherlands.png); }
.image.image-flag-Netherlands-Antilles{ background-image: url(/media/Flags/Netherlands-Antilles.png); }
.image.image-flag-New-Caledonia{ background-image: url(/media/Flags/New-Caledonia.png); }
.image.image-flag-New-Zealand{ background-image: url(/media/Flags/New-Zealand.png); }
.image.image-flag-Nicaragua{ background-image: url(/media/Flags/Nicaragua.png); }
.image.image-flag-Niger{ background-image: url(/media/Flags/Niger.png); }
.image.image-flag-Nigeria{ background-image: url(/media/Flags/Nigeria.png); }
.image.image-flag-Niue{ background-image: url(/media/Flags/Niue.png); }
.image.image-flag-Norfolk-Island{ background-image: url(/media/Flags/Norfolk-Island.png); }
.image.image-flag-Northern-Cyprus{ background-image: url(/media/Flags/Northern-Cyprus.png); }
.image.image-flag-Northern-Mariana-Islands{ background-image: url(/media/Flags/Northern-Mariana-Islands.png); }
.image.image-flag-North-Korea{ background-image: url(/media/Flags/North-Korea.png); }
.image.image-flag-Norway{ background-image: url(/media/Flags/Norway.png); }
.image.image-flag-Olympics{ background-image: url(/media/Flags/Olympics.png); }
.image.image-flag-Oman{ background-image: url(/media/Flags/Oman.png); }
.image.image-flag-Pakistan{ background-image: url(/media/Flags/Pakistan.png); }
.image.image-flag-Palau{ background-image: url(/media/Flags/Palau.png); }
.image.image-flag-Palestine{ background-image: url(/media/Flags/Palestine.png); }
.image.image-flag-Panama{ background-image: url(/media/Flags/Panama.png); }
.image.image-flag-Papua-New-Guinea{ background-image: url(/media/Flags/Papua-New-Guinea.png); }
.image.image-flag-Paraguay{ background-image: url(/media/Flags/Paraguay.png); }
.image.image-flag-Peru{ background-image: url(/media/Flags/Peru.png); }
.image.image-flag-Philippines{ background-image: url(/media/Flags/Philippines.png); }
.image.image-flag-Pitcairn-Islands{ background-image: url(/media/Flags/Pitcairn-Islands.png); }
.image.image-flag-Poland{ background-image: url(/media/Flags/Poland.png); }
.image.image-flag-Portugal{ background-image: url(/media/Flags/Portugal.png); }
.image.image-flag-Puerto-Rico{ background-image: url(/media/Flags/Puerto-Rico.png); }
.image.image-flag-Qatar{ background-image: url(/media/Flags/Qatar.png); }
.image.image-flag-Red-Cross{ background-image: url(/media/Flags/Red-Cross.png); }
.image.image-flag-Republic-of-the-Congo{ background-image: url(/media/Flags/Republic-of-the-Congo.png); }
.image.image-flag-Romania{ background-image: url(/media/Flags/Romania.png); }
.image.image-flag-Russia{ background-image: url(/media/Flags/Russia.png); }
.image.image-flag-Rwanda{ background-image: url(/media/Flags/Rwanda.png); }
.image.image-flag-Saint-Barthelemy{ background-image: url(/media/Flags/Saint-Barthelemy.png); }
.image.image-flag-Saint-Helena{ background-image: url(/media/Flags/Saint-Helena.png); }
.image.image-flag-Saint-Kitts-and-Nevis{ background-image: url(/media/Flags/Saint-Kitts-and-Nevis.png); }
.image.image-flag-Saint-Lucia{ background-image: url(/media/Flags/Saint-Lucia.png); }
.image.image-flag-Saint-Martin{ background-image: url(/media/Flags/Saint-Martin.png); }
.image.image-flag-Saint-Vincent-and-the-Grenadines{ background-image: url(/media/Flags/Saint-Vincent-and-the-Grenadines.png); }
.image.image-flag-Samoa{ background-image: url(/media/Flags/Samoa.png); }
.image.image-flag-San-Marino{ background-image: url(/media/Flags/San-Marino.png); }
.image.image-flag-Sao-Tome-and-Principe{ background-image: url(/media/Flags/Sao-Tome-and-Principe.png); }
.image.image-flag-Saudi-Arabia{ background-image: url(/media/Flags/Saudi-Arabia.png); }
.image.image-flag-Scotland{ background-image: url(/media/Flags/Scotland.png); }
.image.image-flag-Senegal{ background-image: url(/media/Flags/Senegal.png); }
.image.image-flag-Serbia{ background-image: url(/media/Flags/Serbia.png); }
.image.image-flag-Seychelles{ background-image: url(/media/Flags/Seychelles.png); }
.image.image-flag-Sierra-Leone{ background-image: url(/media/Flags/Sierra-Leone.png); }
.image.image-flag-Singapore{ background-image: url(/media/Flags/Singapore.png); }
.image.image-flag-Slovakia{ background-image: url(/media/Flags/Slovakia.png); }
.image.image-flag-Slovenia{ background-image: url(/media/Flags/Slovenia.png); }
.image.image-flag-Solomon-Islands{ background-image: url(/media/Flags/Solomon-Islands.png); }
.image.image-flag-Somalia{ background-image: url(/media/Flags/Somalia.png); }
.image.image-flag-Somaliland{ background-image: url(/media/Flags/Somaliland.png); }
.image.image-flag-South-Africa{ background-image: url(/media/Flags/South-Africa.png); }
.image.image-flag-South-Georgia-and-the-South-Sandwich-Islands{ background-image: url(/media/Flags/South-Georgia-and-the-South-Sandwich-Islands.png); }
.image.image-flag-South-Korea{ background-image: url(/media/Flags/South-Korea.png); }
.image.image-flag-South-Ossetia{ background-image: url(/media/Flags/South-Ossetia.png); }
.image.image-flag-South-Sudan{ background-image: url(/media/Flags/South-Sudan.png); }
.image.image-flag-Spain{ background-image: url(/media/Flags/Spain.png); }
.image.image-flag-Sri-Lanka{ background-image: url(/media/Flags/Sri-Lanka.png); }
.image.image-flag-Sudan{ background-image: url(/media/Flags/Sudan.png); }
.image.image-flag-Suriname{ background-image: url(/media/Flags/Suriname.png); }
.image.image-flag-Swaziland{ background-image: url(/media/Flags/Swaziland.png); }
.image.image-flag-Sweden{ background-image: url(/media/Flags/Sweden.png); }
.image.image-flag-Switzerland{ background-image: url(/media/Flags/Switzerland.png); }
.image.image-flag-Syria{ background-image: url(/media/Flags/Syria.png); }
.image.image-flag-Taiwan{ background-image: url(/media/Flags/Taiwan.png); }
.image.image-flag-Tajikistan{ background-image: url(/media/Flags/Tajikistan.png); }
.image.image-flag-Tanzania{ background-image: url(/media/Flags/Tanzania.png); }
.image.image-flag-Thailand{ background-image: url(/media/Flags/Thailand.png); }
.image.image-flag-Togo{ background-image: url(/media/Flags/Togo.png); }
.image.image-flag-Tokelau{ background-image: url(/media/Flags/Tokelau.png); }
.image.image-flag-Tonga{ background-image: url(/media/Flags/Tonga.png); }
.image.image-flag-Trinidad-and-Tobago{ background-image: url(/media/Flags/Trinidad-and-Tobago.png); }
.image.image-flag-Tunisia{ background-image: url(/media/Flags/Tunisia.png); }
.image.image-flag-Turkey{ background-image: url(/media/Flags/Turkey.png); }
.image.image-flag-Turkmenistan{ background-image: url(/media/Flags/Turkmenistan.png); }
.image.image-flag-Turks-and-Caicos-Islands{ background-image: url(/media/Flags/Turks-and-Caicos-Islands.png); }
.image.image-flag-Tuvalu{ background-image: url(/media/Flags/Tuvalu.png); }
.image.image-flag-Uganda{ background-image: url(/media/Flags/Uganda.png); }
.image.image-flag-Ukraine{ background-image: url(/media/Flags/Ukraine.png); }
.image.image-flag-United-Arab-Emirates{ background-image: url(/media/Flags/United-Arab-Emirates.png); }
.image.image-flag-United-Kingdom{ background-image: url(/media/Flags/United-Kingdom.png); }
.image.image-flag-United-Nations{ background-image: url(/media/Flags/United-Nations.png); }
.image.image-flag-United-States{ background-image: url(/media/Flags/United-States.png); }
.image.image-flag-Unknown{ background-image: url(/media/Flags/Unknown.png); }
.image.image-flag-Uruguay{ background-image: url(/media/Flags/Uruguay.png); }
.image.image-flag-US-Virgin-Islands{ background-image: url(/media/Flags/US-Virgin-Islands.png); }
.image.image-flag-Uzbekistan{ background-image: url(/media/Flags/Uzbekistan.png); }
.image.image-flag-Vanuatu{ background-image: url(/media/Flags/Vanuatu.png); }
.image.image-flag-Vatican-City{ background-image: url(/media/Flags/Vatican-City.png); }
.image.image-flag-Venezuela{ background-image: url(/media/Flags/Venezuela.png); }
.image.image-flag-Vietnam{ background-image: url(/media/Flags/Vietnam.png); }
.image.image-flag-Wales{ background-image: url(/media/Flags/Wales.png); }
.image.image-flag-Wallis-And-Futuna{ background-image: url(/media/Flags/Wallis-And-Futuna.png); }
.image.image-flag-Western-Sahara{ background-image: url(/media/Flags/Western-Sahara.png); }
.image.image-flag-Yemen{ background-image: url(/media/Flags/Yemen.png); }
.image.image-flag-Zambia{ background-image: url(/media/Flags/Zambia.png); }
.image.image-flag-Zimbabwe{ background-image: url(/media/Flags/Zimbabwe.png); }


.image.image-rate0{ background: url(/media/stars/stars1_0.png) left top no-repeat; width: 68px !important; margin-top: -7px; background-size: 68px 21px; }
.image.image-rate1{ background: url(/media/stars/stars1_1.png) left top no-repeat; width: 68px !important; margin-top: -7px; background-size: 68px 21px; }
.image.image-rate2{ background: url(/media/stars/stars1_2.png) left top no-repeat; width: 68px !important; margin-top: -7px; background-size: 68px 21px; }
.image.image-rate3{ background: url(/media/stars/stars1_3.png) left top no-repeat; width: 68px !important; margin-top: -7px; background-size: 68px 21px; }
.image.image-rate4{ background: url(/media/stars/stars1_4.png) left top no-repeat; width: 68px !important; margin-top: -7px; background-size: 68px 21px; }
.image.image-rate5{ background: url(/media/stars/stars1_5.png) left top no-repeat; width: 68px !important; margin-top: -7px; background-size: 68px 21px; }

.workspace-nav-pane .nav .item.has-icon.page-mycompany > a {  background-image: url(/_themes/default/content/media/business-building.svg/?stamp=190516); }
.workspace-nav-pane .nav .item.has-icon.page-agreements > a {  background-image: url(/_themes/default/content/media/agreement.svg/?stamp=190516); }
.workspace-nav-pane .nav .item.has-icon.page-manufacturing > a {  background-image: url(/_themes/default/content/media/robot.svg/?stamp=190516); }
.workspace-nav-pane .nav .item.has-icon.page-home > a {  background-image: url(/_themes/default/content/media/home.svg/?stamp=190516); }
.workspace-nav-pane .nav .item.has-icon.page-company > a {  background-image: url(/_themes/default/content/media/headset.svg/?stamp=190516); }
.workspace-nav-pane .nav .item.has-icon.page-contacts > a {  background-image: url(/_themes/default/content/media/user-account.svg/?stamp=190516); }
.workspace-nav-pane .nav .item.has-icon.page-suppliers > a {  background-image: url(/_themes/default/content/media/collaboration.svg/?stamp=190516); }
.workspace-nav-pane .nav .item.has-icon.page-autoballon > a {  background-image: url(/_themes/default/content/media/maintenance.svg/?stamp=190516); }
.workspace-nav-pane .nav .item.has-icon.page-import > a {  background-image: url(/_themes/default/content/media/maintenance.svg/?stamp=190516); }
.workspace-nav-pane .nav .item.has-icon.page-collectspc > a {  background-image: url(/_themes/default/content/media/maintenance.svg/?stamp=190516); }
.workspace-nav-pane .nav .item.has-icon.page-solutions > a {  background-image: url(/_themes/default/content/media/maintenance.svg/?stamp=190516); }
.workspace-nav-pane .nav .item.has-icon.page-docs > a {  background-image: url(/_themes/default/content/media/search.svg/?stamp=190516); }
.workspace-nav-pane .nav .item.has-icon.page-gages > a {  background-image: url(/_themes/default/content/media/search.svg/?stamp=190516); }
.workspace-nav-pane .nav .item.has-icon.page-users > a {  background-image: url(/_themes/default/content/media/user-account.svg/?stamp=190516); }
.workspace-nav-pane .nav .item.has-icon.page-messages > a {  background-image: url(/_themes/default/content/media/paper-plane.svg/?stamp=190516); }
.workspace-nav-pane .nav .item.has-icon.page-dashboard > a {  background-image: url(/_themes/default/content/media/search.svg/?stamp=190516); }
.workspace-nav-pane .nav .item.has-icon.page-recent > a {  background-image: url(/_themes/default/content/media/search.svg/?stamp=190516); }
.workspace-nav-pane .nav .item.has-icon.page-bypartjob > a {  background-image: url(/_themes/default/content/media/search.svg/?stamp=190516); }
.workspace-nav-pane .nav .item.has-icon.page-gallery > a {  background-image: url(/_themes/default/content/media/search.svg/?stamp=190516); }
.workspace-nav-pane .nav .item.has-icon.page-instance > a {  background-image: url(/_themes/default/content/media/search.svg/?stamp=190516); }
.workspace-nav-pane .nav .item.has-icon.page-dims > a {  background-image: url(/_themes/default/content/media/search.svg/?stamp=190516); }
.workspace-nav-pane .nav .item.has-icon.page-dimsmulti > a {  background-image: url(/_themes/default/content/media/search.svg/?stamp=190516); }
.workspace-nav-pane .nav .item.has-icon.page-dimsmultimeasure > a {  background-image: url(/_themes/default/content/media/search.svg/?stamp=190516); }
.workspace-nav-pane .nav .item.has-icon.page-jobs > a {  background-image: url(/_themes/default/content/media/search.svg/?stamp=190516); }
.workspace-nav-pane .nav .item.has-icon.page-globalsettings > a {  background-image: url(/_themes/default/content/media/maintenance.svg/?stamp=190516); }
.workspace-nav-pane .nav .item.has-icon.page-settings > a {  background-image: url(/_themes/default/content/media/maintenance.svg/?stamp=190516); }
.workspace-nav-pane .nav .item.has-icon.page-system > a {  background-image: url(/_themes/default/content/media/maintenance.svg/?stamp=190516); }

.tools-pane .image:before{ display:none; }
.tools-pane .image-refresh { background: url(/_themes/default/content/media/synchronize.svg/?icon_color=$UrlEncode(tools_icon_color)?stamp=190516); }
.tools-pane .image-keypad { background-image: url(/media/white-40/Keypad.png/); }
.tools-pane .image-dial { background-image: url(/media/white-40/Natural_User_Interface_2.png/); }
.tools-pane .image-caliper { background-image: url(/media/white-40/Caliper.png/); }
.tools-pane .image-mixer { background-image: url(/media/white-40/Vertical_Settings_Mixer.png/); }
.tools-pane .image-status_yes { background: url(/_themes/default/content/media/status_active.svg/?stamp=190516&icon_color=%233870D2); }
.tools-pane .image-status_no { background: url(/_themes/default/content/media/status_degrees-filled.svg/?stamp=190516&icon_color=%233870D2); }
.tools-pane .image-write_message { background: url(/_themes/default/content/media/new-message.svg/?stamp=190516&icon_color=%233870D2); }
.tools-pane .image-import { background: url(/_themes/default/content/media/download.svg/?stamp=190516&icon_color=%233870D2); }
.tools-pane .image-import2 { background: url(/_themes/default/content/media/incoming-outgoing.svg/?stamp=190516&icon_color=%233870D2); }
.tools-pane .image-export1 { background: url(/_themes/default/content/media/incoming-outgoing_2.svg/?stamp=190516&icon_color=%233870D2); }
.tools-pane .image-new_supplier { background: url(/_themes/default/content/media/plus.svg/?stamp=190516&icon_color=%233870D2); }
.tools-pane .image-add_user { background: url(/_themes/default/content/media/add-user.svg/?stamp=190516&icon_color=%233870D2); }
.tools-pane .image-add { background: url(/_themes/default/content/media/plus.svg/?stamp=190516&icon_color=%233870D2); }
.tools-pane .image-save_close { background: url(/_themes/default/content/media/save.svg/?stamp=190516&icon_color=%233870D2); }
.tools-pane .image-save { background: url(/_themes/default/content/media/save.svg/?stamp=190516&icon_color=%233870D2); }
.tools-pane .image-update { background: url(/_themes/default/content/media/save.svg/?stamp=190516&icon_color=%233870D2); }
.tools-pane .image-undo { background: url(/media/undo.svg/?stamp=190516&icon_color=%233870D2); }
.tools-pane .image-left { background: url(/media/left-2.svg/?stamp=190516&icon_color=%233870D2); }
.tools-pane .image-confirm { background: url(/media/confirm.svg/?stamp=190516&icon_color=%233870D2); }
.tools-pane .image-cancel { background: url(/media/cancel.svg/?stamp=190516&icon_color=%233870D2); }
.tools-pane .image-invite { background: url(/_themes/default/content/media/invite.svg/?stamp=190516&icon_color=%233870D2); }
.tools-pane .image-selection-none { background: url(/_themes/default/content/media/unchecked-checkbox.svg/?stamp=190516&icon_color=%233870D2); }
.tools-pane .image-selection-page { background: url(/_themes/default/content/media/checked-checkbox.svg/?stamp=190516&icon_color=%233870D2); }
.tools-pane .image-selection-datasource { background: url(/_themes/default/content/media/database-view.svg/?stamp=190516&icon_color=%233870D2); }
.tools-pane .image-attach { background: url(/_themes/default/content/media/attach.svg/?stamp=190516&icon_color=%233870D2); }
.tools-pane .image-submit { background: url(/_themes/default/content/media/confirm.svg/?stamp=190516&icon_color=%233870D2); }
.tools-pane .image-send { background: url(/_themes/default/content/media/new-message.svg/?stamp=190516&icon_color=%233870D2); }

.image-sandwich { background: url(/_themes/default/content/media/menu-icon.svg/?stamp=190516); }
.workspace1 .workspace-sandwich-pane .image-sandwich { background: url(/_themes/default/content/media/menu-icon.svg/?stamp=190516&icon_color=%23093E60); }




/* Gallery Widget */
.widget-gallery{ position:relative; }
.widget-gallery .wrapper{ position:relative;}
.widget-gallery .items{ position:absolute; left:0; right:0; top:0; bottom:0; background-color: #FFF;}
.widget-gallery .item > div{  width: 100%; height: 100%;  background-size: contain; background-repeat: no-repeat; background-position: center center;
}
.widget-gallery .item{ z-index: 0; opacity:0; position:absolute; left:0; right:0; top:0; bottom:0; background-color: #FFF;
  -webkit-transition: opacity .3s ease-out; -moz-transition: opacity .3s ease-out; -ms-transition: opacity .3s ease-out; -o-transition: opacity .3s ease-out; transition: opacity .3s ease-out;
}
.widget-gallery .item.hasVideo:before{  
  content: " ";
  width: 195px;
  height: 130px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -97px;
  margin-top: -65px;
  background-image: url(/media/skin1/Video_Play_Button.png);
}
.widget-gallery .item.active{ z-index: 1; opacity:1;  display:block;}
.widget-gallery .left-arrow{ z-index:1; position:absolute; left:0; top: 50%; width: 30px; height:30px; margin-top:-10px;}
.widget-gallery .left-arrow span:before{
  content: "\f053";
  position: absolute;
  margin-left: 7px;
  margin-top: 8px;
  color: #FFF;
  font-family: FontAwesome;
  text-shadow:0 0 3px #000;
  -webkit-text-shadow:0 0 3px #000;
  -moz-text-shadow:0 0 3px #000;
  font-size: 20px;
}
.widget-gallery .left-arrow:hover span:before{ color: #093E60; 
  text-shadow:0 0 3px #FFF;
  -webkit-text-shadow:0 0 3px #FFF;
  -moz-text-shadow:0 0 3px #FFF;
}
/*.widget-gallery .left-arrow span{ 
  position:absolute;
  width: 16px;
  height: 16px;
  left:3px;
  top:3px;
  background-image: url(/media/skin1/expand-arrow.svg?stamp=20200414);
  background-size: 16px 16px;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-transition: -webkit-transform 500ms;
  -moz-transition: -moz-transform 500ms;
  transition: transform 500ms;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  transform: rotate(90deg);
  cursor: pointer;
  border: 1px solid black;
  border-radius: 20px;
  padding:3px;
  -webkit-box-shadow: 0 0px 4px 0 rgba(0,0,0,.28);
  -moz-box-shadow: 0 0px 4px 0 rgba(0,0,0,.28);
  box-shadow: 0 0px 4px 0 rgba(0,0,0,.28);
  background-color: #FFF;
}*/
.widget-gallery .left-arrow.hide{ display:none;}
.widget-gallery .right-arrow{ z-index:1; position:absolute; right:0; top: 50%; width: 30px; height:30px; margin-top:-10px; }
.widget-gallery .right-arrow span:before{
  content: "\f054";
  position: absolute;
  margin-left: 7px;
  margin-top: 8px;
  color: #FFF;
  font-family: FontAwesome;
  text-shadow:0 0 3px #000;
  -webkit-text-shadow:0 0 3px #000;
  -moz-text-shadow:0 0 3px #000;
  font-size: 20px;
}
.widget-gallery .right-arrow:hover span:before{ color: #093E60; 
  text-shadow:0 0 3px #FFF;
  -webkit-text-shadow:0 0 3px #FFF;
  -moz-text-shadow:0 0 3px #FFF;
}
/*.widget-gallery .right-arrow span{ 
  position:absolute;
  width: 16px;
  height: 16px;
  left:3px;
  top:3px;
  background-image: url(/media/skin1/expand-arrow.svg?stamp=20200414);
  background-size: 16px 16px;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-transition: -webkit-transform 500ms;
  -moz-transition: -moz-transform 500ms;
  transition: transform 500ms;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  transform: rotate(-90deg);
  cursor: pointer;
  border: 1px solid black;
  border-radius: 20px;
  padding:3px;
  -webkit-box-shadow: 0 0px 4px 0 rgba(0,0,0,.28);
  -moz-box-shadow: 0 0px 4px 0 rgba(0,0,0,.28);
  box-shadow: 0 0px 4px 0 rgba(0,0,0,.28);
  background-color: #FFF;
}*/
.widget-gallery .right-arrow.hide{ display:none;}

.gallery-widget-popup .wrapper{ position:relative;}
.gallery-widget-popup .items{ position:absolute; left:0; right:0; top:0; bottom:100px; background-color: #F5F5F5;}
.gallery-widget-popup .items .item > div{  width: 100%; height: 100%;  background-size: contain; background-repeat: no-repeat; background-position: center center;
}
.gallery-widget-popup .items .item > video{  width: 100%; height: 100%; }
.gallery-widget-popup .items .item{ z-index: 0; opacity:0; position:absolute; left:0; right:0; top:0; bottom:0; background-color: #F5F5F5;
  -webkit-transition: opacity .3s ease-out; -moz-transition: opacity .3s ease-out; -ms-transition: opacity .3s ease-out; -o-transition: opacity .3s ease-out; transition: opacity .3s ease-out;
}
.gallery-widget-popup .items .item.active{ z-index: 1; opacity:1;  display:block;}
.gallery-widget-popup .left-arrow{ z-index:1; position:absolute; left:0; top: Calc(50% - 80px); width: 30px; height:30px; }
.gallery-widget-popup .left-arrow span:before{
  content: "\f053";
  position: absolute;
  margin-left: 7px;
  margin-top: 8px;
  color: #FFF;
  font-family: FontAwesome;
  text-shadow:0 0 3px #000;
  -webkit-text-shadow:0 0 3px #000;
  -moz-text-shadow:0 0 3px #000;
  font-size: 20px;
}
.gallery-widget-popup .left-arrow:hover span:before{ color: #093E60; 
  text-shadow:0 0 3px #FFF;
  -webkit-text-shadow:0 0 3px #FFF;
  -moz-text-shadow:0 0 3px #FFF;
}
/*.gallery-widget-popup .left-arrow span{ 
  position:absolute;
  width: 16px;
  height: 16px;
  left:3px;
  top:3px;
  background-image: url(/media/skin1/expand-arrow.svg?stamp=20200414);
  background-size: 16px 16px;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-transition: -webkit-transform 500ms;
  -moz-transition: -moz-transform 500ms;
  transition: transform 500ms;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  transform: rotate(90deg);
  cursor: pointer;
  border: 1px solid black;
  border-radius: 20px;
  padding:3px;
  -webkit-box-shadow: 0 0px 4px 0 rgba(0,0,0,.28);
  -moz-box-shadow: 0 0px 4px 0 rgba(0,0,0,.28);
  box-shadow: 0 0px 4px 0 rgba(0,0,0,.28);
  background-color: #FFF;
}*/
.gallery-widget-popup .left-arrow.hide{ display:none;}
.gallery-widget-popup .right-arrow{ z-index:1; position:absolute; right:0; top: Calc(50% - 80px); width: 30px; height:30px; }
.gallery-widget-popup .right-arrow span:before{
  content: "\f054";
  position: absolute;
  margin-left: 7px;
  margin-top: 8px;
  color: #FFF;
  font-family: FontAwesome;
  text-shadow:0 0 3px #000;
  -webkit-text-shadow:0 0 3px #000;
  -moz-text-shadow:0 0 3px #000;
  font-size: 20px;
}
.gallery-widget-popup .right-arrow:hover span:before{ color: #093E60;
  text-shadow:0 0 3px #FFF;
  -webkit-text-shadow:0 0 3px #FFF;
  -moz-text-shadow:0 0 3px #FFF;
}
/*.gallery-widget-popup .right-arrow span{ 
  position:absolute;
  width: 16px;
  height: 16px;
  left:3px;
  top:3px;
  background-image: url(/media/skin1/expand-arrow.svg?stamp=20200414);
  background-size: 16px 16px;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-transition: -webkit-transform 500ms;
  -moz-transition: -moz-transform 500ms;
  transition: transform 500ms;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  transform: rotate(-90deg);
  cursor: pointer;
  border: 1px solid black;
  border-radius: 20px;
  padding:3px;
  -webkit-box-shadow: 0 0px 4px 0 rgba(0,0,0,.28);
  -moz-box-shadow: 0 0px 4px 0 rgba(0,0,0,.28);
  box-shadow: 0 0px 4px 0 rgba(0,0,0,.28);
  background-color: #FFF;
}*/
.gallery-widget-popup .right-arrow.hide{ display:none;}

.gallery-widget-popup .shortcuts{ height: 100px;  position: absolute;    bottom: 0;    left: 0;    right: 0; box-sizing:border-box; padding:10px;
  overflow-y:hidden; overflow-x:auto;
}
.gallery-widget-popup .shortcuts::-webkit-scrollbar {   width: 8px !important; }
.gallery-widget-popup .shortcuts::-webkit-scrollbar {   height: 8px !important; }
.gallery-widget-popup .shortcuts::-webkit-scrollbar-track{   -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.3);   -webkit-border-radius: 2px; border-radius: 2px; }
.gallery-widget-popup .shortcuts::-webkit-scrollbar-thumb{ -webkit-border-radius: 2px;  border-radius: 2px;   background: #DDD;   -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.5); }
.gallery-widget-popup .shortcuts::-webkit-scrollbar-thumb:window-inactive{  background: #EFEFEF; }

.gallery-widget-popup .shortcuts .item > div{  width: 100%; height: 100%;  background-size: cover; background-repeat: no-repeat; background-position: center center;
}
.gallery-widget-popup .shortcuts .item.hasVideo:before{  
  content: " ";
  width: 195px;
  height: 130px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -97px;
  margin-top: -65px;
  background-image: url(/media/skin1/Video_Play_Button.png);
  background-size: 50%;
  background-repeat: no-repeat;
  background-position: center;
}
.gallery-widget-popup .shortcuts .item{ display:inline-block; height:80px; width:100px; position:relative; margin: 0 5px; border: 1px solid transparent;}
.gallery-widget-popup .shortcuts .item.active{ display:inline-block; border: 1px solid red;}
.gallery-widget-popup .shortcuts .content{  height: 80px; text-align:center;  width: auto;  display: block; white-space: nowrap; }

/* End Gallery Widget */