@charset "utf-8";

/* HubX Shades of Grey Edition */

body {
    height: 100%;
    margin: 0px;
    /* background-image: url(../../../img/sgk_black/sgkback.png);
    background-repeat: no-repeat;
    background-size: cover;*/
    background-color: #efefef;
}

html,
#pgBody {
    height: 100%;
}

#pgCont {
    float: left;
    width: 100%;
    margin-top: 5px;
    padding: 0px 0px 0px 10px;
}

form {
    margin: 0;
    padding: 0px 0px 0px 6px;
}

.h1 {
    font-size: 16pt;
    font-weight: bold;
}

.h2 {
    font-size: 10pt;
    font-weight: bold;
}

.hr {
    border-bottom: 1px solid #ccc;
    margin-bottom: 8px;
}

.tbl tbody,
.tbl tr {
    /* border-top:5px solid #CCC;
    border-left:5px solid #CCC; */
    background-color: white;
}

td {
    padding: 2px;
}

.menu {
    padding: 0px;
}

.tbody {
    margin-top: 1em;
}

.tbl a {
    display: block;
}

.tbl a[class="di"] {
    display: inline;
}

.th1 {
    -moz-border-top-left-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
    -moz-border-top-right-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
    border-left: 0px;
    border-right: 0px;
    border-top: 0px solid #efefef;
    border-bottom: 2px solid #efefef;
    padding: 10px;
    color: #000;
    background: white;
    font-size: 16px;
    margin-bottom: 0px;
    padding-left: 1em;
}

table.th1 {
    background: none;
}

.th1 a,
.th1 a *,
.th_brief a {
    color: #000;
    font-size: 14px;
}

.th1 a:hover {
    color: #ff4134;
    text-decoration: none;
}

.status_icons td:first-child {
    padding-left: 10px;
}

.status_icons td {
    padding-top: 10px;
}

.th_brief {
    color: #fff;
    background: #455560;
    padding: 4px;
    -moz-border-radius: 0 5px 5px 5px;
    -webkit-border-radius: 0 5px 5px 5px;
    border-radius: 0 5px 5px 5px;
}

.th1x {
    color: #fff;
    font-weight: bold;
    background: #fff;
    border-bottom: 1px solid #333;
    border-right: 1px solid #333;
    border-left: 1px solid #767676;
    border-top: 1px solid #767676;
    padding: 4px;
}

.th2 {
    font-weight: bold;
    color: #4e5658;
    background-color: #ccc;
    /*
    border-bottom:1px solid #333;
    border-right:1px solid #333;
    border-left:1px solid #767676;
    border-top:1px solid #767676;
    */
    padding: 4px;
    border-right: 1px solid white;
}

.th2:hover {
    color: #ff4134;
    background-color: #ccc;
}

.th2 a {
    color: #4e5658;
}

.th2 a:hover {
    color: #ff4134;
}

.thr {
    color: #fff;
    font-weight: bold;
    background: #ff3366;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000;
    border-left: 1px solid #f69;
    border-top: 1px solid #f69;
    padding: 4px;
}

.thr a {
    color: #fff;
}

.th3 {
    font-weight: bold;
    background: #ddd;
    border: 1px solid;
    border-color: white #ccc #ccc white;
    padding: 2px;
}

.tg1 {
    -moz-border-top-left-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
    -moz-border-top-right-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
    border-left: 0px;
    border-right: 0px;
    border-top: 3px solid #efefef;
    border-bottom: 3px solid #efefef;
    padding: 10px;
    color: #767676;
    background: #e2e0d9;
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 2px;
    padding-left: 1em;
}

.td1 {
    background-color: white;
    /* background-color:#fff;
    border-right:1px solid #CCC;
    border-bottom:1px solid #CCC; */
}

.td2 {
    background-color: #f8f8f8;
    /* border-right:1px solid #CCC;
    border-bottom:1px solid #CCC; */
}

.td3 {
    background-color: #f9f9f9;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.td4 {
    background-color: #eeeeee;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.td5 {
    background-color: #767676;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.td1r {
    background-color: #ffbfbf;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.td2r {
    background-color: #fbb8af;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.td1lr {
    background-color: #f7c0bb;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.td2lr {
    background-color: #f7c0bb;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.td1dr {
    background-color: #eb6558;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    color: #fff;
}

.td2dr {
    background-color: #eb6558;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    color: #fff;
}

.tbl .pnl {
    float: left;
    padding: 8px;
    margin: 4px;
    /* border:1px solid #CCC;
    background:#FFF url(../../../img/pag/bg-th2.gif) repeat-x; */
    vertical-align: middle;
}

.al tbody,
.al tr {
    background-color: transparent !important;
}

tbody tr.hi:hover>td {
    background-color: #ffffff;
    /* background-image:url(../../../img/pag/bg-btn-hi.gif); */
}

.tfoot {
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background: #ddd;
    text-align: center;
    font-weight: bold;
}

#pgHead {
    background-color: #ccc;
    height: 48px;
    border: 1px solid black;
    border-bottom: 0;
}

.pgBtn {
    border: 1px solid;
    border-color: #fff #767676 #767676 #fff;
    padding: 2px;
}

.pgBtn:hover {
    border: 1px solid;
    border-color: #fff #767676 #767676 #fff;
    background-color: #ffeb7f;
}

.pgTh {
    color: #000;
    font-weight: bold;
    /* background:url(../../../img/pag/bg-pg-th.gif) repeat-x; */
    /* border:1px solid black; */
    /* border-color:#767676 black black #767676; */
    padding: 4px;
    white-space: nowrap;
    /*border-bottom:1px solid #333;*/
    /*border-bottom:1px solid #CCC;*/
}

.pgTh a {
    color: #fff;
}

.pgTh a:hover {
    color: #f00;
}

#topNavigation {
    float: left;
    width: 100%;
    padding: 6px 0px 0px 0px;
    background: #fff;
}

.aboveMenu {
    background: #fff;
}

.aboveMenu td {
    /* color: #FFF; */
}

#pgMenu {
    table-layout: fixed;
    height: 49px;
    background: #000;
}

.pgMenu>.mmItm,
.pgMenu .mmPad,
.mmLo {
    background: none repeat scroll 0 0 #000;
    color: #ffffff;
    padding: 8px 25px;
    white-space: nowrap;
    border-top: 0px solid #767676;
    border-left: 0px solid #767676;
    border-bottom: 0px solid #767676;
}

.cap {
    -moz-border-top-left-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    border-top-left-radius: 5px;

    -moz-border-top-right-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
    border-top: 1px solid #f5f6f8;

    padding: 3px;
    color: #000;
    background: white;
    font-size: 13pt;
    margin-bottom: 2px;
    padding-left: 0.5em;
}

.caphome {
    -moz-border-top-left-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    border-top-left-radius: 5px;

    -moz-border-top-right-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
    border-top: 1px solid #f5f6f8;

    padding: 3px;
    color: #000;
    background: white;
    font-size: 13pt;
    margin-bottom: 2px;
    padding-left: 0.5em;
}

.pgMenu .mmLo,
.pgMenu .mmHi {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 50px;
    text-indent: -9999px;
}

/*-------------BTN STYLE-------------*/
.mmLo,
.mmHi {
    background-image: url(../../../img/sgk_black/ico/mm/16/sprite.png);
    width: 50px;
    background-repeat: no-repeat;
    background-position: 1000px 1000px;
}

.mmHome {
    background-position: 9px 10px;
}

/*+7 +9 +20px per icon*/
.mmJobs {
    background-position: -36px 10px;
}

.mmArc {
    background-position: -80px 10px;
}

.mmRecent {
    background-position: -125px 10px;
}

.mmSearch {
    background-position: -172px 10px;
}

.mmReport {
    background-position: -221px 10px;
}

.mmUsr {
    background-position: -268px 10px;
}

.mmOption {
    background-position: -314px 10px;
}

.mmData {
    background-position: -356px 10px;
}

.mmCart {
    background-position: -648px 10px;
    position: relative;
}

.mmBack {
    background-position: -450px 10px;
}

.mmLogout {
    background-position: -400px 10px;
}

.mmChro {
    background-position: -231px 10px;
}

.mmCmst,
.mmCms {
    background-position: -598px 10px;
}

.mmElements {
    background-position: -271px 10px;
}

.mmCcloud {
    background-position: -557px 10px;
}

.mmAssets {
    background-position: -291px 10px;
}

.mmRoadrunner {
    background-position: center;
    background-image: url(../../../img/sgk_black/ico/mm/16/roadrunner.png);
}
.mmMeggle {
    background-position: center;
    background-image: url(../../../img/sgk_black/ico/mm/16/meggle.png);
}
.mmCopyfit {
    background-position: center;
    background-image: url(../../../img/sgk_black/ico/mm/16/copyfit.png);
}
.mmSaueressig {
    background-position: center;
    background-image: url(../../../img/sgk_black/ico/mm/16/saueressig.png);
    background-size: 16px;
}

.mmGrip {
    background-position: center;
    background-image: url(../../../img/sgk_black/ico/mm/16/grip.png);
}

.mmPixelboxx {
    background-position: center;
    background-image: url(../../../img/sgk_black/ico/mm/16/pixelboxx.png);
    background-size: 16px;
}

.mmMapx {
    background-position: center;
    background-image: url(../../../img/sgk_black/ico/mm/16/mapx.png);
    background-size: 16px;
}

.mmSyndication {
    background-position: center;
    background-image: url(../../../img/sgk_black/ico/mm/16/syndication.png);
    background-size: 16px;
}

.mmFeedback {
    background-position: -311px 10px;
}

.mmBusiness {
    background-position: -331px 10px;
}

.mmPallette {
    background-position: -351px 10px;
}

.mmPhrase {
    background-position: -371px 10px;
}

.mmHelp {
    background-position: -497px 10px;
}

.mmProj {
    background-position: -547px 10px;
}

.mmProj {
    background-position: -547px 10px;
}

.mmSystem {
    background-image: none;
}

.mmFiles {
    background-position: -410px 12px;
}

/*-------------BTN STYLE-------------*/

#subMenu {
    background: #767676;
    height: 42px;
}

.cap {
    margin-bottom: 2px;
    font-size: 14px;
    padding: 12px 0px 12px 19px;
    font-weight: bold;
}

.caphome {
    margin-bottom: 2px;
    font-size: 14px;
    padding: 14px 0px 11px 19px;
}

.userimg {
    width: 150px;
    height: 150px;
    padding: 0px 18px 0px 0px;
}

/*.pgMenu .mmLo {
  cursor:pointer;
  /* background-color:#767676;
  color:#eee;
  /* border-right:1px solid #000;
  /* border-bottom:1px solid #000;

  white-space:nowrap;
  background-color:#455560;
}*/

.pgMenu .mmLo:hover {
    cursor: pointer;
    white-space: nowrap;
    color: #000;
    text-shadow: 0 1px 0 #ccc;
    background-color: #767676;
}

.pgMenu .mmHi {
    cursor: pointer;
    white-space: nowrap;
    padding: 10px;
    color: #455560;
    background-color: #767676;
    /*border-top: 1px solid #767676;
    border-left: 1px solid #767676;*/
}

.pgMenu .mmPad {
    /* background-color:#767676; */
    color: black;
    /* border-bottom:1px solid #000; */
    /* border-right:1px solid #000; */
    white-space: nowrap;

    background-color: #000;
}

#pag_tip {
    width: 200px;
    padding: 5px;
    background-color: #fff;
    box-shadow: 0 0 5px #aaa;
    border: 1px solid #ddd;
}

#pag_ptip {
    width: 400px;
    padding: 5px;
    background-color: #fff;
    box-shadow: 0 0 5px #aaa;
    border: 1px solid #ddd;
    position: absolute;
    z-index: 1000;
}

#pag_ajx {
    display: block;
}

.pag_prog_area {
    background-color: #fff;
    border-radius: 5px;
    height: 150px;
    width: 150px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -75px;
    /*set to a negative number 1/2 of your height*/
    margin-left: -75px;
}

/*
.pgMenu a {
  padding:3px;
  padding-left:8px;
  padding-right:8px;
}

.pgMenu a:hover {
  background-color:#C1D2EE;
  padding:2px;
  padding-left:7px;
  padding-right:7px;
  border:1px solid #316AC5;
}
*/

.pgFoot {
    float: left;
    width: calc(100% - 10px);
    height: 25px;
    color: #767676;
    padding: 2px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.pgFoot * {
    color: #767676;
}

.pgMsgBox {
    border: 1px solid #ccc;
    background: #fff url(../../../img/pag/bg-th2.gif) repeat-x;
    padding: 4px;
    white-space: nowrap;
}

/* -------- */
/*  HELPER  */
/* -------- */

.br {
    background-color: #fb7373;
    color: white;
    padding: 5px;
}

.by {
    background-color: #ffff63a6;
    color: black;
    padding: 5px;
}

.bw {
    background-color: #fff;
    padding: 5px;
}

.lr {
    background-color: #f7c0bb;
    padding: 5px;
}

.dr {
    background-color: #eb6558;
    color: #fff;
    padding: 5px;
}

.cg {
    background-color: green;
    color: white;
    padding: 5px;
}

.cy {
    background-color: #fc3;
    color: black;
    padding: 5px;
}

.cr {
    background-color: #ff9999;
    color: white;
    padding: 5px;
}

.cl {
    background-color: #cdcdcd;
    color: black;
}

.ca {
    background-color: #e6e6e6;
    color: black;
}

.cb {
    background-color: #e0e0e0;
    color: black;
}

.cv {
    background-color: #ffe370;
    color: black;
}

/* for variants in master variant bundle */
.tg {
    background-image: url(../../../img/pag/bg-tog.gif);
    background-attachment: fixed;
}

.bx {
    border-top: 1px solid white;
    border-left: 1px solid white;
}

.ch {
    background-color: #a7db72;
    color: black;
}

.c-master {
    background-color: #abd3d3;
}

.c-variant {
    background-color: #d3eded;
}

.np {
    padding: 0;
}

.nb {
    border: 0px;
    border-bottom: 0px;
    border-right: 0px;
    border-left: 0px;
    border-top: 0px;
}

.b {
    font-weight: bold;
}

.fl {
    float: left;
}

.da {
    color: #c6cfd5;
}

/* a few bootstrap4 classes */
.d-flex {
    display: -ms-flexbox !important;
    display: flex !important;
}

.flex-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
}

.justify-content-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
}

.align-items-center {
    -ms-flex-align: center !important;
    align-items: center !important;
}

/* ------ */
/*  MISC  */
/* ------ */

.sub {
    /*background-color:#f2f4f5;*/
    border-top: 1px solid #ccc;
    /* background:#FFFFFF url(../../../img/pag/bg-sub.gif) repeat-x;
    border-top:1px solid #FFF;
    border-bottom:1px solid #767676; border-right:1px solid #CCC;


    border-top-left-radius:5px;
    border-bottom-left-radius:5px;
    */
}

.sub .caption {
    padding: 6px;
    /* font-size:12pt; */
    font-weight: bold;
    color: #767676;
    /*border-right:1px solid #767676;*/
}

.ser {
    background: #ffffff url(../../../img/pag/bg-sub.gif) repeat-x;
    border-bottom: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
}

.box {
    border: 1px solid #ffffff;
}

.sub2 {
    background: #ffffff url(../../../img/pag/bg-sub.gif) repeat-x;
    border-bottom: 1px solid #ffffff;
}

/* ------- */
/*  FORMS  */
/* ------- */

#frm {
    background: #fff url(../../../img/pag/bg-frm.gif) repeat-x;
    *border-collapse: collapse;
    /* IE7 and lower */
    border-spacing: 0;
}

.frm {
    margin: 3px 0;
    background-color: white;
}

.btnPnl {
    margin: 1px 0;
    padding: 16px;
    /*background:#FFF url(../../../img/pag/bg-frm.gif) repeat-x;*/
    text-align: right;
    background-color: white;
}

.pan {
    margin-bottom: 5px;
    background-color: white;
    border-radius: 5px;
}

.info {
    padding: 16px 0px 0px 5px;
}

.midborder {
    border-right: 2px solid #efefef;
    border-left: 2px solid #efefef;
}

.hed {
    border-style: none none solid none;
    border-bottom-width: 4px;
    border-bottom-color: #efefef;
}

.hed a {
    color: #000;
    font-size: 14px;
}

select {
    border: 1px solid #ccc;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 5px 10px;
    padding: 5px;
    box-sizing: border-box;
}

.inp {
    /*border: 1px solid #CCC;
    box-sizing: border-box;
    padding: 2px 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;*/
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 5px;
    height: 30px;
    box-sizing: border-box;
    background: #fff;
}

.inpnoheight {
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 5px;
    box-sizing: border-box;
    background: #fff;
}

.selCol {
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 9px 5px 9px 9px;
    margin: 5px 0;
    box-sizing: border-box;
    height: 300px;
}

textarea {
    height: 300px;
}

.dis {
    border: 1px solid #ccc;
    background-color: #eee;
    padding: 5px;
}

.dissel {
    border: 1px solid #ccc;
    background-color: #eee;
}

/* ------- */
/*  MENUS  */
/* ------- */

.vmenu {
    width: 150px;
    padding: 0px 0px 0px 0px;
    /*  margin-left: 15px;

      background:url(../../../img/pag/bg-right.gif) repeat-y right;
      border-left:1px solid #CCC;
      border-top:1px solid #CCC;
      */
}

.vmenu a,
.vmenu span {
    padding: 5px;
    background-color: white;
}

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

.vmenu .lo {
    padding: 14px 8px 14px 20px;
    color: #323232;
    background-color: white;
    border-top: 1px solid #ededed;
}

.vmenu .pnl {
    padding: 16px;
    border: 0px solid;
    border-color: #fff #ccc #ccc #fff;
}

.vmenu .lo:hover,
.vmenu .hi:hover {
    background: #ff4134;
    color: #ffffff;
    cursor: pointer;
}

.vmenu .hi {
    /* background-color:#aab9c7; */
    font-weight: bold;
    color: #000;
    padding: 12px 8px 11px 20px;
    border-top: 1px solid #ededed;
    /*background-color: #FFF;
    background-image: url('../../img/pag/vmenu_active.png');
    background-repeat: no-repeat;
    background-position: 5px 50%;
     border:1px solid;
    border-color:#fff #CCC #CCC #fff; */
}

.vmenu .vsub {
    padding-left: 25px;
    margin: 2px 0;
    background: #e8e8e8;
}

.vmenu .vsub:hover {
    cursor: pointer;
    white-space: nowrap;
    color: #fff;
    background-color: #84939e;
}

/*.cap {
  padding:4px;
  font-size:12px;
  font-weight:bold;
  color:white;
  background-color:#455560;
  background-color: #84939E;
  border-radius:16px 16px;
  padding-left: 16px;
  vertical-align:middle;
  }*/

.cap2 {
    padding: 4px 8px;
    font-size: 14px;
    font-weight: bold;
    border-bottom: 0px solid #cccccc;
    /* background:#a1a1a1 url(../../../img/pag/bg-men.gif) repeat-x top; */
    color: #455560;
    border-top-left-radius: 10px !important;
    border-top-right-radius: 10px;
}

.captxt {
    font-size: 14px;
    color: #000;
}

.cap2 .captxt {
    font-size: 14px;
    padding: 11px 23px 12px 21px;
    font-weight: bold;
}

.vmenu .spa {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.vmenu .foot {
    padding: 6px;
    background: url(../../../img/vmenu/bot.gif);
    /* border-right:1px solid #CCC; */
}

/* --------- */
/*  BUTTONS  */
/* --------- */

.butn {
    padding: 5px;
    cursor: pointer;
    /* width:100px;
    height:32px;*/
    /* border:1px solid #455560; */
    border: 0;
    /*background:#C6CFD5; */
    background: none;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    color: #455560;
}

.butn:hover {
    background: #ccc;
}

.butn[disabled="disabled"],
.butn:disabled {
    background: #faf7ee url(../../../img/pag/bg-men.gif) repeat-x;

    /* for Webkit browsere, Chrome 19+, Safari 6+ ... */
    -webkit-filter: grayscale(1);

    /* this is for Firefox 3.5+, Firefox mobile */
    filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='gs'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#gs");

    /* for IE6+ */
    filter: gray;
}

.butnstop {
    padding: 0px;
    cursor: not-allowed;
    border: 0;
    border-bottom: 1px solid #ccc;
    opacity: 0.5;
    background: none;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    color: #455560;
}

.btnsmall {
    padding: 2px;
    cursor: pointer;
    height: 20px;
    border: 1px solid #767676;
    background: #faf7ee url(../../../img/pag/bg-men.gif) repeat-x;
}

.btnsmall {
    background: #faf7ee url(../../../img/pag/bg-btn-hi.gif) repeat-x;
}

.btnsmall[disabled="disabled"],
.btnsmall {
    background: #faf7ee url(../../../img/pag/bg-men.gif) repeat-x;

    /* for Webkit browsere, Chrome 19+, Safari 6+ ... */
    -webkit-filter: grayscale(1);

    /* this is for Firefox 3.5+, Firefox mobile */
    filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='gs'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#gs");

    /* for IE6+ */
    filter: gray;
}

.jobBtnPanel .butn {
    padding: 5px 5px;
    cursor: pointer;
    /* width:100px;
    height:32px;*/
    /* border:1px solid #455560; */
    border: 0;
    background: #fff;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    color: #455560;
    border-bottom: 0px solid #ccc;
}

.jobBtnPanel .butn * {
    font-weight: bold;
}

.jobpan {
    width: 225px;
    background-color: #efefef;
}

.jobBtnPanel .butn:hover {
    background: #ccc;
}

.jobBtnPanel .butn:hover * {
    font-weight: bold;
}

.nav {
    padding: 5px;
    background: none;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    cursor: pointer;
    /*font-weight: bold;*/
    font-size: 12px;
}

.nav:hover {
    background-color: #c6cfd5;
    color: #fff;
    text-decoration: none;
}

.usrinfo td {
    padding: 12px 22px 0px 1px;
}

.navhover {
    background-color: #c6cfd5;
    text-decoration: none;
}

.nav2 {
    padding: 2px;
}

.nav2:hover {
    background-color: #c1d2ee;
    border: 1px solid #316ac5;
    padding: 1px;
}

.eingabeblau {
    background-color: #1884de;
}

.mandspez {
    border-color: #00ff00;
}

/* ---------- */
/*  CALENDAR  */
/* ---------- */

.cal {
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
}

.cal a {
    display: block;
}

.cal .act {
    background-color: #eee;
    /*
    border-top:1px solid white;
    border-left:1px solid white;
    */
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

/* ------ */
/*  TABS  */
/* ------ */

.tabTbl {
    /*border-left:1px solid #e3e6e8;
      border-top:1px solid #CCC; */
    background-color: #efefef !important;
    padding: 0px 0px 0px 6px;
}

.tabAct {
    text-align: center;
    white-space: nowrap;
    background-color: #000;
    padding: 5px;
    margin: 0 1px;
    color: #fff;
    border: 1px solid #000;
    border-top-right-radius: 5px 5px;
    border-top-left-radius: 5px 5px;
}

.tabAct a {
    color: #fff;
}

.tabOver {
    text-align: center;
    white-space: nowrap;
    background-color: #a09f9f;
    padding: 5px;
    margin: 0 1px;
    color: #fff;
    border: 1px solid #939191;
    border-top-right-radius: 5px 5px;
    border-top-left-radius: 5px 5px;
}

.tabOver a {
    color: #fff;
}

.tabNorm {
    text-align: center;
    white-space: nowrap;
    background-color: #fff;
    padding: 5px;
    margin: 0 1px;
    color: #455560;
    border: 1px solid #f3f3f3;
    border-top-right-radius: 5px 5px;
    border-top-left-radius: 5px 5px;
}

.tabNorm a {
    color: #000;
}

.mand {
    font-size: 10px;
}

.tabDis {
    color: #fff;
    background-image: url(../../../img/tab/bg-tab-dis.gif);
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 8px;
    padding-right: 8px;
    border-left: 1px solid #fff;
    border-top: 1px solid #fff;
}

.tabLink {
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 5px;
    padding-right: 5px;
    color: #000;
    font-size: 14px;
}

.tabLink:hover {
    color: #fff;
}

.smDiv {
    background-color: #fff;
    border-top: 1px solid #767676;
    box-shadow: 1px 0px 2px #767676;
    display: none;
    padding: 5px;
    position: absolute;
    text-shadow: none;
    z-index: 10;
    max-height: 400px;
    overflow-x: hidden;
    overflow-y: auto;
    border-radius: 5px;
}

.smDiv .tbl td {
    border-bottom: 1px solid #767676;
}

.smDiv .tbl td a {
    color: #455560;
}

.smDiv .tbl tr:last-of-type td {
    border-bottom: none;
}

.smDiv .td1,
.smDiv .td2 {
    background: none;
    /*background:#FFF url(../../../img/pag/bg-right.gif) repeat-y right;*/
}

.smDiv a {
    display: inline-block;
}

.smTbl {
    border-left: 1px solid black;
    border-top: 1px solid black;
    padding: 2px;
    background-color: #eee;
}

.smLo {
    background-color: #eee;
    border: 1px solid #eee;
    padding: 2px;
}

.smHi {
    background-color: #b5bed6;
    border: 1px solid #0a246a;
    padding: 2px;
}

.weak {
    font-style: italic;
    color: #767676;
}

.subMenuItms {
    margin: 0px;
    padding: 0px 0px 0px 10px;
}

.test {
    width: 1235px;
}

.subMenuItms li {
    margin: 0px;
    padding: 0 5px;
    zoom: 1;
    display: inline-block;
}

#submenu_inner .subMenuItms li a {
    color: #fff;
}

#submenu_inner .subMenuItms li a:hover {
    color: #000;
    background: none;
}

.smDiv .subMenuItms li {
    display: block;
}

.pckAct {
    width: 60px;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    cursor: pointer;

    background-color: #ffeb7f;
}

.pckAct:hover {
    background-color: #fe9;
}

.pckNrm {
    width: 60px;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    cursor: pointer;

    background-color: #fff;
}

.buttons {
    background-color: #efefef;
}

.pckNrm:hover {
    background-color: #eee;
}

.sih {
    background-color: #e0e0e0;
    font-weight: bold;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.si {
    background-color: #fff;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

div.autocomplete {
    position: absolute;
    top: -1000px;
    width: 200px;
    background-color: #fff;
    border: 1px solid #ccc;
    border-top: 0;
    margin: 0;
    padding: 0;
}

div.autocomplete ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

div.autocomplete ul li.selected {
    /* background-color:#ffc; */
    background-color: #c1d2ee;
}

div.autocomplete ul li {
    /* border-top:1px solid #ccc; */
    list-style-type: none;
    display: block;
    margin: 0;
    padding: 0.4em;
    /* line-height:1em; */
    cursor: pointer;
}

div.autocomplete ul li .alt {
    background-color: #eee;
}

li.msg {
    padding-left: 25px;
    background: url(../../../img/ico/16/mt-1.gif) no-repeat left top;
    line-height: 2em;
}

.tree ul {
    margin-left: 16px;
    margin-top: 4px;
    padding-left: 0px;
}

ul.tree {
    padding-left: 20px;
}

.tree li {
    margin-left: 0px;
    margin-top: 4px;
    padding-left: 25px;
    background: url(../../../img/sgk_black/ico/16/next-hi.gif) no-repeat left top;
}

.tree li.doc {
    margin-left: 0px;
    margin-top: 4px;
    padding-left: 25px;
    background: url(../../../img/ico/9/bul-1.gif) no-repeat left top;
}

.tree span {
    border: 0px;
    margin: 0px;
    padding: 0px;
    font: inherit;
    font-size: 100%;
    vertical-align: baseline;
    display: inline-block;
}

.tree2 ul {
    margin-left: 16px;
    margin-top: 4px;
    padding-left: 0px;
}

.tree2 li {
    margin-left: 0px;
    margin-top: 4px;
    padding-left: 25px;
    background: url(../../../img/ico/16/folder.png) no-repeat left top;
}

.tree2 li.navselection {
    background: url(../../../img/ico/16/folder_open.png) no-repeat left top;
}

.tree2 span {
    border: 0px;
    margin: 0px;
    padding: 0px;
    font: inherit;
    font-size: 100%;
    vertical-align: baseline;
    display: inline-block;
}

.ulmenu li {
    margin-left: 0;
    padding-left: 25px;
    line-height: 1em;
    background: url(../../../img/ico/9/bul-1.gif) no-repeat left top;
}

/* ---------- */
/*  StatusBar */
/* ---------- */

.bar1 {
    background-color: #fff;
    padding: 4px;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
    /*
      border-top:1px solid #FFF;
      border-left:1px solid #FFF;
      border-bottom:1px solid #CCC;
      border-right:1px solid #CCC; */
}

.bar2 {
    background-color: #eee;
    padding: 4px;
    /*
  border-top:1px solid #FFF;
  border-left:1px solid #FFF;
  border-bottom:1px solid #CCC;
  border-right:1px solid #CCC;
  */
}

.bar3 {
    background-color: #fff;
    padding: 4px;
    border-bottom: 1px solid #eee;
    /*
      border-top:1px solid #FFF;
      border-left:1px solid #FFF;
      border-bottom:1px solid #CCC;
      border-right:1px solid #CCC; */
}

.prc {
    background-color: white;
    color: black;
    font-weight: bold;
}

.prcSum {
    background-color: white;
    color: black;
    font-weight: bold;
}

#pag_progress {
    z-index: 10000;
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    -moz-opacity: 0.5;
    opacity: 0.5;
    text-align: center;
    margin: auto;
    background: #000 none repeat scroll 0 0;
}

#footer {
    position: absolute;
    bottom: 20px;
    width: 99.9%;
    z-index: -2;
}

.job-form-pro-sub .frm {
    background: url("../../../img/pag/bg-frm-sub.png") repeat-x scroll 0 0 #b5d7ec;
    border-top: 1px solid #b5d7ec;
    border-left: 1px solid #b5d7ec;
    border-bottom: 1px solid #8ba8bc;
    border-right: 1px solid #8ba8bc;
}

.loginHeader {
    background-image: url("mand/mand_1/img/login/gradient.png");
    background-repeat: repeat-x;
    background-position: top right;
}

#loginFrm {
    background: url("../../img/login/wave.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    bottom: 20px;
    height: 130px;
    position: absolute;
    right: 20px;
    text-align: right;
    width: 863px;
}

#loginFrm input[type="text"],
#loginFrm input[type="password"] {
    border-radius: 16px 16px 16px 16px;
    padding: 1px 10px;
}

.fixedMenu {
    position: fixed;
    top: 0px;
    left: 0px;
}

.usernameInput {
    margin: 45px 50px 0 0;
}

.passwordInput {
    margin: 18px 0 0;
}

.passwordLabel {
    margin-right: 85px;
}

.recoverLabel {
    margin-right: 90px;
}

.usernameLabel,
.passwordLabel,
.passwordLabel a,
.recoverLabel,
.recoverLabel a {
    color: #ffffff;
}

.loginBtn {
    margin-top: -36px;
}

#download {
    float: right;
}

tr.status_icons td {
    height: 10px;
    position: relative;
}

td.full_status {
    background: #fff;
    font-size: 5px;
}

td.spacer {
    font-size: 0px;
}

tr.current td {
    font-size: 9px;
    border-top: 0px solid #ccc;
    background-color: #fff;
}

.current td:first-of-type {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.current td:last-of-type {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.current {
    background-color: #fff !important;
}

.white,
.white td {
    color: #fff !important;
}

td.captxt.blue {
    color: #767676;
    background-color: #fff !important;
    font-size: 14px !important;
    font-weight: bold;
    border-top-left-radius: 10px !important;
}

td.captxt.magenta {
    color: #767676;
    background-color: #fff !important;
    font-size: 14px !important;
    font-weight: bold;
    border-top-left-radius: 10px !important;
}

td.captxt.yellow {
    color: #767676;
    background-color: #fff !important;
    font-size: 14px !important;
    font-weight: bold;
    border-top-left-radius: 10px !important;
}

td.captxt.cyan {
    color: #767676;
    background-color: #fff !important;
    font-size: 14px !important;
    font-weight: bold;
    border-top-left-radius: 10px !important;
}

td.captxt.grey {
    color: #767676;
    background-color: #fff !important;
    font-size: 14px !important;
    font-weight: bold;
    border-top-left-radius: 10px !important;
}

td.captxt.orange {
    color: #767676;
    background-color: #fff !important;
    font-size: 14px !important;
    font-weight: bold;
    border-top-left-radius: 10px !important;
}

td.orange {
    background-color: #767676 !important;
}

td.grey {
    background-color: #767676 !important;
}

table.round {
    border-bottom-left-radius: 10px;
}

.floatLeft {
    display: inline-block;
    padding: 0px 0px 0px 0px;
}

.floatmid {
    display: inline-block;
    padding: 0px 0px 0px 0px;
}

.floatright {
    display: inline-block;
    padding: 0px 0px 0px 0px;
}

.container_box {
    padding: 0 8px;
}

.back {
    background: white;
    border-radius: 9px;
}

td {
    border: solid 0px #000;
    font-size: 12px;
}

.container tr:first-child td:first-child {
    border-top-left-radius: 5px;
}

.container tr:first-child td:last-child {
    border-top-right-radius: 5px;
}

.container tr:last-child td:first-child {
    border-bottom-left-radius: 5px;
}

.container tr:last-child td:last-child {
    border-bottom-right-radius: 5px;
}

.cap2 tr:last-child td:last-child {
    border-top-right-radius: 10px;
}

.pad {
    padding: 0px 27px 12px 13px;
    width: 120px;
}

td.blue {
    background-color: rgb(13, 55, 187) !important;
}

td.black {
    background-color: rgb(0, 0, 0) !important;
}

td.black * {
    color: #fff !important;
}

td.magenta {
    background-color: rgb(216, 0, 94) !important;
}

td.cyan {
    background-color: #767676 !important;
}

td.red {
    background-color: rgb(265, 55, 52) !important;
}

td.purple {
    background-color: #767676 !important;
}

td.green {
    background-color: rgb(0, 185, 142) !important;
}

td.yellow {
    background-color: rgb(255, 167, 0) !important;
}

td.raspberry {
    background-color: #767676 !important;
}

td.coral {
    background-color: #767676 !important;
}

td.turquoise {
    background-color: #767676 !important;
}

td.captxt.red {
    color: #767676;
    background-color: #fff !important;
    font-size: 14px !important;
    font-weight: bold;
    border-top-left-radius: 10px !important;
}

td.captxt.black {
    color: #767676;
    background-color: #fff !important;
    font-size: 14px !important;
    font-weight: bold;
    border-top-left-radius: 10px !important;
}

td.captxt.purple {
    color: #767676;
    background-color: #fff !important;
    font-size: 14px !important;
    font-weight: bold;
    border-top-left-radius: 10px !important;
}

td.captxt.green {
    color: #767676;
    background-color: #fff !important;
    font-size: 14px !important;
    font-weight: bold;
    border-top-left-radius: 10px !important;
}

td.captxt.raspberry {
    color: #767676;
    background-color: #fff !important;
    font-size: 14px !important;
    font-weight: bold;
    border-top-left-radius: 10px !important;
}

td.captxt.coral {
    color: #767676;
    background-color: #fff !important;
    font-size: 14px !important;
    font-weight: bold;
    border-top-left-radius: 10px !important;
}

td.captxt.turquoise {
    color: #767676;
    background-color: #fff !important;
    font-size: 14px !important;
    font-weight: bold;
    border-top-left-radius: 10px !important;
}

td.last:after {
    width: 50%;
    height: 100%;
    float: right;
    background-color: #fff;
    content: "";
}

ul.subMenuItms li.active a {
    color: #455560 !important;
    font-weight: bold;
}

.status_icons {
    padding: 5px 0;
}

.statusImage img {
    float: left;
}

.noOfSubJobs {
    position: absolute;
    left: 5px;
    color: #c19cc8;
    text-shadow: 1px 0 0 #455560, 0 -1px 0 #455560, 0 1px 0 #455560,
        -1px 0 0 #455560;
    font-size: 30px;
}

.c-master {
    background-color: rgba(193, 156, 200, 0.6);
}

.c-submaster {
    background-color: rgba(193, 156, 200, 0.4);
}

.c-variant {
    background-color: rgba(193, 156, 200, 0.2);
}

/*
 *
 * FLINK
 *
 */

.ui-progressbar {
    height: 30px !important;
    width: 230px !important;
}

.ui-progressbar .ui-progressbar-value {
    background: #ccc url("../../../js/jquery/images/ui-bg_gloss-wave_75_2191c0_500x100.png") 50% 50% repeat-x !important;
}

.ui-corner-all {
    border-radius: 0px !important;
}

.flink_button {
    position: relative;
    overflow: hidden;
}

.flink_button input {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    opacity: 0;
    -ms-filter: "alpha(opacity=0)";
    font-size: 200px;
    direction: ltr;
    cursor: pointer;
}

/* Fixes for IE < 8 */
@media screen\9 {
    .flink_button input {
        filter: alpha(opacity=0);
        font-size: 100%;
        height: 100%;
    }
}

.progress_value {
    border: 1px solid #ccc;
    position: relative;
}

.progress_text {
    display: table;
    height: 100%;
    position: absolute;
    width: 100%;
}

.progress_text p {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.checkbox_toggle>label {
    position: relative;
    vertical-align: middle;
}

.checkbox_toggle>input {
    position: relative;
    vertical-align: middle;
}

.cursor_pointer {
    cursor: pointer;
}

/**
 * System Messages
 */
.smBase {
    height: auto;
    border-radius: 5px;
    line-height: 25px;
    width: auto;
    margin-top: 0px;
    margin-bottom: 2px;
    font-weight: bold;
    padding: 4px;
    border: 1px solid black;
    padding-left: 20px;
}

.smInfo {
    background: #ffff77;
    background-image: url("../../../img/ico/16/ml-1.gif");
    background-position: left;
    background-repeat: no-repeat;
}

.smWarning {
    background: #7777ff;
    background-image: url("../../../img/ico/16/ml-2.gif");
    background-position: left;
    background-repeat: no-repeat;
}

.smCritical {
    background: #ff7777;
    background-image: url("../../../img/ico/16/ml-4.gif");
    background-position: left;
    background-repeat: no-repeat;
}

.no_content {
    background-color: #ed7860;
}

button:disabled {
    display: none;
}

/* ICO Card list */
.ico-cardlist {
    background: url('../../../img/jfl/card-list.png') no-repeat top left;
    width: 35px;
    height: 30px;
    display: inline-block;
    margin: 2px;
}

/* ICO Timestamp */
.ico-timestamp {
    background: url('../../../img/jfl/timestamp.png') no-repeat top left;
    width: 35px;
    height: 30px;
    display: inline-block;
    margin: 2px;
}

/* Ico JFL */
.ico-jfl {
    background: url("../../../img/sgk_black/jfl/Sprite.png") no-repeat top left;
    width: 35px;
    height: 30px;
    display: inline-block;
    margin: 2px;
}

.ico-jfl-1 {
    background-position: 0 0;
}

.ico-jfl-1024 {
    background-position: -348px 5px;
}

.ico-jfl-4l {
    background-position: -433px 0;
}

.ico-jfl-1024l {
    background-position: -52px 0;
}

.ico-jfl-128 {
    background-position: -78px 0;
}

.ico-jfl-128l {
    background-position: -104px 0;
}

.ico-jfl-1l {
    background-position: -49px 0;
}

.ico-jfl-2 {
    background-position: -175px 0;
}

.ico-jfl-2048 {
    background-position: -264px 0;
}

.ico-jfl-2048l {
    background-position: -309px 0;
}

.ico-jfl-256 {
    background-position: -234px 0;
}

.ico-jfl-256l {
    background-position: -260px 0;
}

.ico-jfl-2l {
    background-position: -219px 0;
}

.ico-jfl-4096 {
    background-position: -95px 0;
}

.ico-jfl-4096l {
    background-position: -132px 0;
}

.ico-jfl-8192 {
    background-position: -364px 0;
}

.ico-jfl-8192l {
    background-position: -390px 0;
}

.ico-jfl-4 {
    background-position: -391px 0;
}

.ico-jfl-8 {
    background-position: -474px 0;
}

.ico-jfl-8l {
    background-position: -512px 0;
}

/* ICO Globe */
.ico-globe {
    background: url("../../../img/sgk_black/jfl/globe.png") no-repeat top left;
    width: 35px;
    height: 30px;
    display: inline-block;
    margin: 2px;
}

/* Ico 16 */
.ico-w16 {
    background: url("../../../img/sgk_black/ico/16/Sprite.png") no-repeat top left;
    width: 16px;
    height: 20px;
    display: inline-block;
}

.ico-w16-raspberry {
    background: url("../../../img/sgk_black/ico/16/raspberry.png") no-repeat top left;
    width: 16px;
    height: 16px;
    display: inline-block;
}

.itemCount {
    position: absolute;
    top: 2px;
    left: 30px;
    width: 19px;
    height: 19px;
    border-radius: 50%;
    background: red;
    color: white;
    text-align: center;
    text-indent: 0;
    display: none;
    font-size: 12px;
    font-weight: bold;
}

.ico-w16-apl-add {
    background-position: 0 0;
}

.ico-w16-apl {
    background-position: -26px 5px;
}

.ico-w16-aplreminder {
    background-position: -52px 5px;
}

.ico-w16-back-hi {
    background-position: -78px 5px;
}

.ico-w16-blue {
    background-position: -104px 5px;
}

.ico-w16-bul-orange {
    background-position: -130px 5px;
}

.ico-w16-cal {
    background-position: -156px 5px;
    width: 13px;
    height: 13px;
}

.ico-w16-cancel {
    background-position: -179px 5px;
}

.ico-w16-chart {
    background-position: -205px 5px;
}

.ico-w16-check-hi {
    background-position: -231px 5px;
}

.ico-w16-check-hi_old {
    background-position: -257px 5px;
}

.ico-w16-check-lo {
    background-position: -283px 5px;
}

.ico-w16-clock_refresh {
    background-position: -309px 5px;
    width: 14px;
    height: 14px;
}

.ico-w16-col {
    background-position: -333px 5px;
    width: 21px;
    height: 21px;
}

.ico-w16-copy-hi {
    background-position: -364px 5px;
    width: 14px;
    height: 15px;
}

.ico-w16-copy {
    background-position: -388px 5px;
}

.ico-w16-cpl-collapse {
    background-position: -414px 0px;
}

.ico-w16-cpl-collapse1 {
    background-position: -440px 5px;
}

.ico-w16-cpl-expand {
    background-position: -466px 5px;
}

.ico-w16-cpl-expand1 {
    background-position: -492px 5px;
}

.ico-w16-cyan {
    background-position: -518px 5px;
}

.ico-w16-del-red {
    background-position: -544px 0px;
    width: 14px;
    height: 15px;
}

.ico-w16-del {
    background-position: -568px 0px;
}

.ico-w16-edit {
    background-position: -594px 5px;
}

.ico-w16-email {
    background-position: -620px 5px;
}

.ico-w16-excel {
    background-position: -646px 0px;
}

.ico-w16-fav {
    background-position: -673px 2px;
}

.ico-w16-fie {
    background-position: -691px 5px;
}

.ico-w16-save {
    background-position: -2650px 5px;
}

.ico-w16-field {
    background-position: -724px 5px;
    width: 21px;
    height: 21px;
}

.ico-w16-flag-00 {
    background-position: -755px 5px;
}

.ico-w16-flag-00_5px {
    background-position: -781px 5px;
    width: 6px;
}

.ico-w16-flag-01 {
    background-position: -797px 5px;
}

.ico-w16-flag-01_5px {
    background-position: -823px 5px;
    width: 6px;
}

.ico-w16-flag-0100 {
    background-position: -839px 5px;
}

.ico-w16-flag-0100_5px {
    background-position: -865px 5px;
    width: 6px;
}

.ico-w16-flag-02 {
    background-position: -881px 5px;
}

.ico-w16-flag-02_5px {
    background-position: -907px 5px;
    width: 6px;
}

.ico-w16-flag-03 {
    background-position: -923px 5px;
}

.ico-w16-flag-03_5px {
    background-position: -949px 0;
    width: 6px;
}

.ico-w16-flag-04 {
    background-position: -965px 0;
}

.ico-w16-flag-04_5px {
    background-position: -991px 0;
    width: 6px;
}

.ico-w16-flag-05 {
    background-position: -1007px 0;
}

.ico-w16-folder {
    background-position: -1033px 0;
    width: 14px;
    height: 11px;
}

.ico-w16-green {
    background-position: -1057px 0;
}

.ico-w16-gru {
    background-position: -1083px 0;
}

.ico-w16-job-adm {
    background-position: -1109px 0;
}

.ico-w16-job-art {
    background-position: -1135px 0;
}

.ico-w16-job-com {
    background-position: -1161px 0;
}

.ico-w16-job-mis {
    background-position: -1187px 0;
}

.ico-w16-job-pro {
    background-position: -1213px 0;
}

.ico-w16-job-rep {
    background-position: -1239px 0;
}

.ico-w16-job-sec {
    background-position: -1265px 0;
}

.ico-w16-job-tra {
    background-position: -1291px 0;
}

.ico-w16-jobevent {
    background-position: -1317px 0;
}

.ico-w16-jobinfo {
    background-position: -1343px 0;
}

.ico-w16-key {
    background-position: -1369px 0;
}

.ico-w16-lock {
    background-position: -1395px 0;
}

.ico-w16-lock_open {
    background-position: -1421px 0;
}

.ico-w16-log {
    background-position: -1447px 0;
}

.ico-w16-master-lo {
    background-position: -1473px 0;
}

.ico-w16-master {
    background-position: -1499px 0;
}

.ico-w16-ml-1 {
    background-position: -1525px 0;
}

.ico-w16-ml-16 {
    background-position: -1551px 0;
}

.ico-w16-ml-2 {
    background-position: -1577px 0;
}

.ico-w16-ml-32 {
    background-position: -1603px 0;
}

.ico-w16-ml-4 {
    background-position: -1629px 0;
}

.ico-w16-ml-64 {
    background-position: -1655px 0;
}

.ico-w16-ml-8 {
    background-position: -1681px 0;
}

.ico-w16-mt-1 {
    background-position: -1707px 0;
}

.ico-w16-mt-128 {
    background-position: -1733px 0;
}

.ico-w16-mt-16 {
    background-position: -1759px 0;
}

.ico-w16-mt-2 {
    background-position: -1785px 0;
}

.ico-w16-mt-256 {
    background-position: -1811px 0;
}

.ico-w16-mt-32 {
    background-position: -1837px 0;
}

.ico-w16-mt-4 {
    background-position: -1863px 0;
}

.ico-w16-mt-512 {
    background-position: -1889px 0;
}

.ico-w16-mt-64 {
    background-position: -1915px 0;
}

.ico-w16-mt-8 {
    background-position: -1941px 0;
}

.ico-w16-multiple-edit {
    background-position: -1967px 0;
}

.ico-w16-nav-down-dis {
    background-position: -1993px 0;
    height: 17px;
}

.ico-w16-nav-down-lo {
    background-position: -2019px 0;
    width: 17px;
}

.ico-w16-nav-first-dis {
    background-position: -2046px 0;
    height: 17px;
}

.ico-w16-nav-first-lo {
    background-position: -2072px 0;
    height: 17px;
}

.ico-w16-nav-last-dis {
    background-position: -2098px 0;
    height: 17px;
}

.ico-w16-nav-last-lo {
    background-position: -2124px 0;
    height: 17px;
}

.ico-w16-nav-next-dis {
    background-position: -2150px 0;
    height: 17px;
}

.ico-w16-nav-next-lo {
    background-position: -2176px 0;
    height: 17px;
}

.ico-w16-nav-prev-dis {
    background-position: -2202px 0;
    height: 17px;
}

.ico-w16-nav-prev-lo {
    background-position: -2228px 0;
    height: 17px;
}

.ico-w16-nav-up-dis {
    background-position: -2254px 0;
    height: 17px;
}

.ico-w16-nav-up-lo {
    background-position: -2280px 0;
    height: 17px;
}

.ico-w16-new-hi {
    background-position: -2306px 0;
}

.ico-w16-next-hi {
    background-position: -2332px 0;
}

.ico-w16-ok {
    background-position: -2358px 5px;
}

.ico-w16-orange {
    background-position: -2384px 0;
}

.ico-w16-ord-asc-desc {
    background-position: -2410px 0;
    width: 12px;
    margin-left: 4px;
}

.ico-w16-ord-asc {
    background-position: -2432px 7px;
    width: 12px;
    margin-left: 4px;
}

.ico-w16-ord-desc {
    background-position: -2454px 3px;
    width: 12px;
    margin-left: 4px;
}

.ico-w16-plus {
    background-position: -2476px 0;
}

.ico-w16-print {
    background-position: -2502px 0;
}

.ico-w16-purple {
    background-position: -2528px 0;
}

.ico-w16-red {
    background-position: -2554px 0;
}

.ico-w16-rel {
    background-position: -2580px 0;
}

.ico-w16-search {
    background-position: -2606px 5px;
}

.ico-w16-turquoise {
    background-position: -2684px 0;
}

.ico-w16-usr {
    background-position: -2628px 5px;
}

.ico-w16-wec {
    background-position: -2658px 0;
}

.ico-w16-single-edit {
    background-position: -2684px 0;
}

/* ICO CRP Green */
.ico-crp-sgk_black-green {
    background: url("../../../img/sgk_black/crp/green/Sprite.png") no-repeat top left;
    width: 24px;
    height: 23px;
    display: inline-block;
}

/* ICO CRP Yellow */
.ico-crp-sgk_black-yellow {
    background: url("../../../img/sgk_black/crp/yellow/Sprite.png") no-repeat top left;
    width: 24px;
    height: 23px;
    display: inline-block;
}

/* ICO CRP Magenta */
.ico-crp-sgk_black-magenta {
    background: url("../../../img/sgk_black/crp/magenta/Sprite.png") no-repeat top left;
    width: 24px;
    height: 23px;
    display: inline-block;
}

/* ICO CRP Black */
.ico-crp-sgk_black-black {
    background: url("../../../img/sgk_black/crp/black/Sprite.png") no-repeat top left;
    width: 24px;
    height: 23px;
    display: inline-block;
}

/*Ico CRP Red */
.ico-crp-sgk_black-red {
    background: url("../../../img/sgk_black/crp/red/Sprite.png") no-repeat top left;
    width: 24px;
    height: 23px;
    display: inline-block;
}

/* ICO CRP Cyan */
.ico-crp-sgk_black-cyan {
    background: url("../../../img/sgk_black/crp/cyan/Sprite.png") no-repeat top left;
    width: 24px;
    height: 23px;
    display: inline-block;
}

/* ICO CRP Orange */
.ico-crp-sgk_black-orange {
    background: url("../../../img/sgk_black/crp/orange/Sprite.png") no-repeat top left;
    width: 24px;
    height: 23px;
    display: inline-block;
}

/* ICO CRP Purple */
.ico-crp-sgk_black-purple {
    background: url("../../../img/sgk_black/crp/purple/Sprite.png") no-repeat top left;
    width: 24px;
    height: 23px;
    display: inline-block;
}

/* ICO CRP Blue */
.ico-crp-sgk_black-blue {
    background: url("../../../img/sgk_black/crp/blue/Sprite.png") no-repeat top left;
    width: 24px;
    height: 23px;
    display: inline-block;
}

/* ICO CRP Raspberry */
.ico-crp-sgk_black-raspberry {
    background: url("../../../img/sgk_black/crp/raspberry/Sprite.png") no-repeat top left;
    width: 24px;
    height: 23px;
    display: inline-block;
}

/* ICO CRP Coral */
.ico-crp-sgk_black-coral {
    background: url("../../../img/sgk_black/crp/coral/Sprite.png") no-repeat top left;
    width: 24px;
    height: 23px;
    display: inline-block;
}

/* ICO CRP Turquoise */
.ico-crp-sgk_black-turquoise {
    background: url("../../../img/sgk_black/crp/turquoise/Sprite.png") no-repeat top left;
    width: 24px;
    height: 23px;
    display: inline-block;
}

/* ICO CRP Turquoise */
.ico-crp-sgk_black-grey {
    background: url("../../../img/sgk_black/crp/grey/Sprite.png") no-repeat top left;
    width: 24px;
    height: 23px;
    display: inline-block;
}

.ico-crp-10b {
    background-position: 1px 0;
}

.ico-crp-10h {
    background-position: -26px -4px;
}

.ico-crp-10l {
    background-position: -50px -4px;
}

.ico-crp-11b {
    background-position: -73px 0;
}

.ico-crp-11h {
    background-position: -104px -4px;
}

.ico-crp-11l {
    background-position: -128px -4px;
}

.ico-crp-12b {
    background-position: -151px 0;
}

.ico-crp-12h {
    background-position: -182px -4px;
}

.ico-crp-12l {
    background-position: -205px -4px;
}

.ico-crp-13b {
    background-position: -229px 0;
}

.ico-crp-13h {
    background-position: -260px -4px;
}

.ico-crp-13l {
    background-position: -283px -4px;
}

.ico-crp-14b {
    background-position: -307px 0;
}

.ico-crp-14h {
    background-position: -338px -4px;
}

.ico-crp-14l {
    background-position: -361px -4px;
}

.ico-crp-15b {
    background-position: -385px 0;
}

.ico-crp-15h {
    background-position: -416px -4px;
}

.ico-crp-15l {
    background-position: -439px -4px;
}

.ico-crp-16b {
    background-position: -463px 0;
}

.ico-crp-16h {
    background-position: -494px -4px;
}

.ico-crp-16l {
    background-position: -517px -4px;
}

.ico-crp-17b {
    background-position: -541px 0;
}

.ico-crp-17h {
    background-position: -572px -4px;
}

.ico-crp-17l {
    background-position: -594px -4px;
}

.ico-crp-18b {
    background-position: -619px 0;
}

.ico-crp-18h {
    background-position: -650px -4px;
}

.ico-crp-18l {
    background-position: -673px -4px;
}

.ico-crp-19b {
    background-position: -697px 0;
}

.ico-crp-19h {
    background-position: -728px -4px;
}

.ico-crp-19l {
    background-position: -751px -4px;
}

.ico-crp-1b {
    background-position: -777px 0;
}

.ico-crp-1h {
    background-position: -806px -4px;
}

.ico-crp-1l {
    background-position: -828px -4px;
}

.ico-crp-20b {
    background-position: -858px 0;
}

.ico-crp-20h {
    background-position: -884px -4px;
}

.ico-crp-20l {
    background-position: -907px -4px;
}

.ico-crp-2b {
    background-position: -932px 0;
}

.ico-crp-2h {
    background-position: -962px -4px;
}

.ico-crp-2l {
    background-position: -982px -4px;
}

.ico-crp-3b {
    background-position: -1009px 0;
}

.ico-crp-3h {
    background-position: -1040px -4px;
}

.ico-crp-3l {
    background-position: -1061px -4px;
}

.ico-crp-4b {
    background-position: -1087px 0;
}

.ico-crp-4h {
    background-position: -1118px -4px;
}

.ico-crp-4l {
    background-position: -1140px -4px;
}

.ico-crp-5b {
    background-position: -1166px 0;
}

.ico-crp-5h {
    background-position: -1196px -4px;
}

.ico-crp-5l {
    background-position: -1218px -4px;
}

.ico-crp-6b {
    background-position: -1243px 0;
}

.ico-crp-6h {
    background-position: -1274px -4px;
}

.ico-crp-6l {
    background-position: -1296px -4px;
}

.ico-crp-7b {
    background-position: -1321px 0;
}

.ico-crp-7h {
    background-position: -1352px -4px;
}

.ico-crp-7l {
    background-position: -1375px -4px;
}

.ico-crp-8b {
    background-position: -1400px 0;
}

.ico-crp-8h {
    background-position: -1430px -4px;
}

.ico-crp-8l {
    background-position: -1454px -4px;
}

.ico-crp-9b {
    background-position: -1478px 0;
}

.ico-crp-9h {
    background-position: -1508px -4px;
}

.ico-crp-9l {
    background-position: -1532px -4px;
}

/* Ico His */
.ico-his {
    background: url("../../../img/his/sprite.png") no-repeat top left;
    width: 16px;
    height: 16px;
    display: inline-block;
}

.ico-his-1 {
    background-position: 0 0;
}

.ico-his-10 {
    background-position: -26px 0;
}

.ico-his-100 {
    background-position: -52px 0;
    width: 12px;
    height: 12px;
}

.ico-his-101 {
    background-position: -74px 0;
    width: 12px;
    height: 12px;
}

.ico-his-102 {
    background-position: -96px 0;
    width: 12px;
    height: 12px;
}

.ico-his-1024 {
    background-position: -118px 0;
}

.ico-his-103 {
    background-position: -144px 0;
}

.ico-his-11 {
    background-position: -170px 0;
}

.ico-his-12 {
    background-position: -196px 0;
}

.ico-his-13 {
    background-position: -222px 0;
}

.ico-his-14 {
    background-position: -248px 0;
}

.ico-his-18 {
    background-position: -274px 0;
}

.ico-his-19 {
    background-position: -300px 0;
}

.ico-his-2 {
    background-position: -326px 0;
}

.ico-his-3 {
    background-position: -352px 0;
    width: 14px;
    height: 10px;
}

.ico-his-4 {
    background-position: -376px 0;
    width: 12px;
    height: 12px;
}

.ico-his-5 {
    background-position: -398px 0;
    width: 12px;
    height: 12px;
}

.ico-his-6 {
    background-position: -420px 0;
}

.ico-his-7 {
    background-position: -446px 0;
}

.ico-his-8 {
    background-position: -472px 0;
}

.ico-his-9 {
    background-position: -498px 0;
}

/* Ico 16 En */
.ico-16-en {
    background: url("../../../img/ico/16/en/sprite.png") no-repeat top left;
    width: 16px;
    height: 16px;
    display: inline-block;
}

.ico-16-en-back-hi {
    background-position: 0 0;
}

.ico-16-en-bul-orange {
    background-position: -26px 0;
}

.ico-16-en-cal {
    background-position: -52px 0;
    width: 13px;
    height: 13px;
}

.ico-16-en-cancel {
    background-position: -75px 0;
}

.ico-16-en-chart {
    background-position: -101px 0;
}

.ico-16-en-check-hi {
    background-position: -127px 0;
    width: 12px;
    height: 12px;
}

.ico-16-en-check-lo {
    background-position: -149px 0;
    width: 12px;
    height: 12px;
}

.ico-16-en-col {
    background-position: -171px 0;
}

.ico-16-en-copy-hi {
    background-position: -197px 0;
    width: 14px;
    height: 15px;
}

.ico-16-en-copy {
    background-position: -221px 0;
    width: 14px;
    height: 15px;
}

.ico-16-en-cpl-collapse {
    background-position: -245px 0;
    width: 12px;
    height: 12px;
}

.ico-16-en-cpl-expand {
    background-position: -267px 0;
    width: 12px;
    height: 12px;
}

.ico-16-en-del {
    background-position: -289px 0;
    width: 14px;
    height: 15px;
}

.ico-16-en-edit {
    background-position: -313px 0;
}

.ico-16-en-email {
    background-position: -339px 0;
}

.ico-16-en-excel {
    background-position: -365px 0;
}

.ico-16-en-fie {
    background-position: -391px 0;
}

.ico-16-en-flag-00 {
    background-position: -417px 0;
}

.ico-16-en-flag-01 {
    background-position: -443px 0;
}

.ico-16-en-flag-02 {
    background-position: -469px 0;
}

.ico-16-en-flag-03 {
    background-position: -495px 0;
}

.ico-16-en-folder {
    background-position: -521px 0;
    width: 14px;
    height: 11px;
}

.ico-16-en-gru {
    background-position: -545px 0;
}

.ico-16-en-job-adm {
    background-position: -571px 0;
}

.ico-16-en-job-art {
    background-position: -597px 0;
}

.ico-16-en-job-com {
    background-position: -623px 0;
}

.ico-16-en-job-mis {
    background-position: -649px 0;
}

.ico-16-en-job-pro {
    background-position: -675px 0;
}

.ico-16-en-job-rep {
    background-position: -701px 0;
}

.ico-16-en-job-sec {
    background-position: -727px 0;
}

.ico-16-en-job-tra {
    background-position: -753px 0;
}

.ico-16-en-key {
    background-position: -779px 0;
}

.ico-16-en-log {
    background-position: -805px 0;
}

.ico-16-en-master-lo {
    background-position: -831px 0;
}

.ico-16-en-master {
    background-position: -857px 0;
}

.ico-16-en-ml-1 {
    background-position: -883px 0;
}

.ico-16-en-ml-2 {
    background-position: -909px 0;
}

.ico-16-en-ml-4 {
    background-position: -935px 0;
}

.ico-16-en-ml-8 {
    background-position: -961px 0;
}

.ico-16-en-mt-1 {
    background-position: -987px 0;
}

.ico-16-en-mt-16 {
    background-position: -1013px 0;
}

.ico-16-en-mt-2 {
    background-position: -1039px 0;
}

.ico-16-en-mt-32 {
    background-position: -1065px 0;
}

.ico-16-en-mt-4 {
    background-position: -1091px 0;
}

.ico-16-en-mt-64 {
    background-position: -1117px 0;
}

.ico-16-en-mt-8 {
    background-position: -1143px 0;
}

.ico-16-en-nav-down-dis {
    background-position: -1169px 0;
    height: 17px;
}

.ico-16-en-nav-down-lo {
    background-position: -1195px 0;
    width: 17px;
}

.ico-16-en-nav-first-dis {
    background-position: -1222px 0;
    height: 17px;
}

.ico-16-en-nav-first-lo {
    background-position: -1248px 0;
    height: 17px;
}

.ico-16-en-nav-last-dis {
    background-position: -1274px 0;
    height: 17px;
}

.ico-16-en-nav-last-lo {
    background-position: -1300px 0;
    height: 17px;
}

.ico-16-en-nav-next-dis {
    background-position: -1326px 0;
    height: 17px;
}

.ico-16-en-nav-next-lo {
    background-position: -1352px 0;
    height: 17px;
}

.ico-16-en-nav-prev-dis {
    background-position: -1378px 0;
    height: 17px;
}

.ico-16-en-nav-prev-lo {
    background-position: -1404px 0;
    height: 17px;
}

.ico-16-en-nav-up-dis {
    background-position: -1430px 0;
    height: 17px;
}

.ico-16-en-nav-up-lo {
    background-position: -1456px 0;
    height: 17px;
}

.ico-16-en-new-hi {
    background-position: -1482px 0;
}

.ico-16-en-next-hi {
    background-position: -1508px 0;
}

.ico-16-en-ok {
    background-position: -1534px 0;
}

.ico-16-en-opt {
    background-position: -1560px 0;
}

.ico-16-en-ord-asc {
    background-position: -1586px 0;
    width: 12px;
    height: 8px;
}

.ico-16-en-ord-desc {
    background-position: -1608px 0;
    width: 12px;
    height: 8px;
}

.ico-16-en-pick {
    background-position: -1630px 0;
}

.ico-16-en-plus {
    background-position: -1656px 0;
}

.ico-16-en-print {
    background-position: -1682px 0;
}

.ico-16-en-save-std {
    background-position: -1708px 0;
}

.ico-16-en-save {
    background-position: -1734px 0;
}

.ico-16-en-search {
    background-position: -1760px 0;
}

.ico-16-en-tbl {
    background-position: -1786px 0;
}

.ico-16-en-usr {
    background-position: -1812px 0;
}

/* Ico 16 DE */
.ico-16-de {
    background: url("../../../img/ico/16/de/sprite.png") no-repeat top left;
    width: 16px;
    height: 16px;
    display: inline-block;
}

.ico-16-de-back-hi {
    background-position: 0 0;
}

.ico-16-de-bul-orange {
    background-position: -26px 0;
}

.ico-16-de-cal {
    background-position: -52px 0;
    width: 13px;
    height: 13px;
}

.ico-16-de-cancel {
    background-position: -75px 0;
}

.ico-16-de-chart {
    background-position: -101px 0;
}

.ico-16-de-check-hi {
    background-position: -127px 0;
    width: 12px;
    height: 12px;
}

.ico-16-de-check-lo {
    background-position: -149px 0;
    width: 12px;
    height: 12px;
}

.ico-16-de-col {
    background-position: -171px 0;
}

.ico-16-de-copy-hi {
    background-position: -197px 0;
    width: 14px;
    height: 15px;
}

.ico-16-de-copy {
    background-position: -221px 0;
    width: 14px;
    height: 15px;
}

.ico-16-de-cpl-collapse {
    background-position: -245px 0;
    width: 12px;
    height: 12px;
}

.ico-16-de-cpl-expand {
    background-position: -267px 0;
    width: 12px;
    height: 12px;
}

.ico-16-de-del {
    background-position: -289px 0;
    width: 14px;
    height: 15px;
}

.ico-16-de-edit {
    background-position: -313px 0;
}

.ico-16-de-email {
    background-position: -339px 0;
}

.ico-16-de-excel {
    background-position: -365px 0;
}

.ico-16-de-fie {
    background-position: -391px 0;
}

.ico-16-de-flag-00 {
    background-position: -417px 0;
}

.ico-16-de-flag-01 {
    background-position: -443px 0;
}

.ico-16-de-flag-02 {
    background-position: -469px 0;
}

.ico-16-de-flag-03 {
    background-position: -495px 0;
}

.ico-16-de-folder {
    background-position: -521px 0;
    width: 14px;
    height: 11px;
}

.ico-16-de-gru {
    background-position: -545px 0;
}

.ico-16-de-job-adm {
    background-position: -571px 0;
}

.ico-16-de-job-art {
    background-position: -597px 0;
}

.ico-16-de-job-com {
    background-position: -623px 0;
}

.ico-16-de-job-mis {
    background-position: -649px 0;
}

.ico-16-de-job-pro {
    background-position: -675px 0;
}

.ico-16-de-job-rep {
    background-position: -701px 0;
}

.ico-16-de-job-sec {
    background-position: -727px 0;
}

.ico-16-de-job-tra {
    background-position: -753px 0;
}

.ico-16-de-key {
    background-position: -779px 0;
}

.ico-16-de-log {
    background-position: -805px 0;
}

.ico-16-de-master-lo {
    background-position: -831px 0;
}

.ico-16-de-master {
    background-position: -857px 0;
}

.ico-16-de-ml-1 {
    background-position: -883px 0;
}

.ico-16-de-ml-2 {
    background-position: -909px 0;
}

.ico-16-de-ml-4 {
    background-position: -935px 0;
}

.ico-16-de-ml-8 {
    background-position: -961px 0;
}

.ico-16-de-mt-1 {
    background-position: -987px 0;
}

.ico-16-de-mt-16 {
    background-position: -1013px 0;
}

.ico-16-de-mt-2 {
    background-position: -1039px 0;
}

.ico-16-de-mt-32 {
    background-position: -1065px 0;
}

.ico-16-de-mt-4 {
    background-position: -1091px 0;
}

.ico-16-de-mt-64 {
    background-position: -1117px 0;
}

.ico-16-de-mt-8 {
    background-position: -1143px 0;
}

.ico-16-de-nav-down-dis {
    background-position: -1169px 0;
    height: 17px;
}

.ico-16-de-nav-down-lo {
    background-position: -1195px 0;
    width: 17px;
}

.ico-16-de-nav-first-dis {
    background-position: -1222px 0;
    height: 17px;
}

.ico-16-de-nav-first-lo {
    background-position: -1248px 0;
    height: 17px;
}

.ico-16-de-nav-last-dis {
    background-position: -1274px 0;
    height: 17px;
}

.ico-16-de-nav-last-lo {
    background-position: -1300px 0;
    height: 17px;
}

.ico-16-de-nav-next-dis {
    background-position: -1326px 0;
    height: 17px;
}

.ico-16-de-nav-next-lo {
    background-position: -1352px 0;
    height: 17px;
}

.ico-16-de-nav-prev-dis {
    background-position: -1378px 0;
    height: 17px;
}

.ico-16-de-nav-prev-lo {
    background-position: -1404px 0;
    height: 17px;
}

.ico-16-de-nav-up-dis {
    background-position: -1430px 0;
    height: 17px;
}

.ico-16-de-nav-up-lo {
    background-position: -1456px 0;
    height: 17px;
}

.ico-16-de-new-hi {
    background-position: -1482px 0;
}

.ico-16-de-next-hi {
    background-position: -1508px 0;
}

.ico-16-de-ok {
    background-position: -1534px 0;
}

.ico-16-de-opt {
    background-position: -1560px 0;
}

.ico-16-de-ord-asc {
    background-position: -1586px 0;
    width: 12px;
    height: 8px;
}

.ico-16-de-ord-desc {
    background-position: -1608px 0;
    width: 12px;
    height: 8px;
}

.ico-16-de-pick {
    background-position: -1630px 0;
}

.ico-16-de-plus {
    background-position: -1656px 0;
}

.ico-16-de-print {
    background-position: -1682px 0;
}

.ico-16-de-save-std {
    background-position: -1708px 0;
}

.ico-16-de-save {
    background-position: -1734px 0;
}

.ico-16-de-search {
    background-position: -1760px 0;
}

.ico-16-de-tbl {
    background-position: -1786px 0;
}

.ico-16-de-usr {
    background-position: -1812px 0;
}

#job-multi-ord {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%;
    cursor: move;
}

#job-multi-ord ul {
    margin: 0;
    padding: 0;
}

#job-multi-ord li {
    margin: 2px 2px 2px 2px;
    padding: 0.5em;
    padding-left: 1.8em;
    height: 28px;
}

#job-multi-ord li span {
    position: absolute;
    margin-left: -1.4em;
    margin-top: 0px;
}

#job-single-ord {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%;
    cursor: move;
}

#job-single-ord ul {
    margin: 0;
    padding: 0;
}

#job-single-ord li {
    margin: 2px 2px 2px 2px;
    padding: 0.5em;
    padding-left: 1.8em;
    height: 28px;
}

#job-single-ord li:hover {
    background-color: #cccccc;
    cursor: move;
}

#job-single-ord li span {
    position: absolute;
    margin-left: -1.4em;
    margin-top: 0px;
}

.apl-num {
    background: white;
    color: black;
    border-radius: 9px;
    padding: 0.1em 1em;
    opacity: 0.5;
}

.apl-head-apl-phapl {
    background-color: #009933;
    padding: 1em;
}

.apl-prefix-apl-phapl {
    background-color: #9bd8b0;
    border-color: #9bd8b0 #093 #093 #9bd8b0;
    color: #009933;
}

.apl-head-apl-phcoll {
    background-color: #003399;
    padding: 1em;
}

.apl-prefix-apl-phcoll {
    background-color: #7f99cc;
    border-color: #767676 #039 #039 #767676;
    color: #003399;
}

.invalid {
    background: url(../../../img/ico/16/ml-16.gif) no-repeat 0 50%;
    padding-left: 22px;
    color: #ec3f41;
}

.valid {
    background: url(../../../img/sgk_black/ico/16/ok.gif) no-repeat 0 50%;
    padding-left: 22px;
    color: #3a7d34;
}

.ui-slider-handle {
    width: 3em !important;
    height: 1.6em;
    top: 50%;
    text-align: center;
    line-height: -0.6em;
}

.hf {
    background-color: #fad9d4;
    color: #e34d45;
    text-transform: uppercase;
    float: right;
}

.tbl.msg {
    margin-left: 30px;
}

#msg div {
    background: #ffffff08 !important;
    border: 0px solid #f5f6f8 !important;
    padding: 0px !important;
}

#msg a {
    font-size: 18px !important;
    color: #000 !important;
    font-weight: bold !important;
}

.tbl {
    /* margin-left: 30px; */
    border-top-left-radius: 5px;
}

.folder-icon {
    background: url(../../../img/sgk_black/ico/16/next-hi.gif);
}

/*
 *
 * Backup user management
 *
 */

.btn-small-red {
    height: 22px;
    background: #eb6558;
    color: #ffffff;
    cursor: pointer;
    border: 0px;
}

.btn-small-red:hover {
    height: 22px;
    background: #f1968d;
    color: #ffffff;
    cursor: pointer;
    border: 0px;
}

.btn-small-red:active {
    height: 22px;
    background: #f7c0bb;
    color: #ffffff;
    cursor: pointer;
    border: 0px;
}

.btn-small-green {
    height: 22px;
    background: #a8d45a;
    color: #ffffff;
    cursor: pointer;
    border: 0px;
}

.btn-small-green:hover {
    height: 22px;
    background: #cae59a;
    color: #ffffff;
    cursor: pointer;
    border: 0px;
}

.btn-small-green:active {
    height: 22px;
    background: #dfefc2;
    color: #ffffff;
    cursor: pointer;
    border: 0px;
}

.btn-small-grey {
    height: 22px;
    background: #cbcbcb;
    color: #ffffff;
    cursor: pointer;
    border: 0px;
}

.btn-small-grey:hover {
    height: 22px;
    background: #bfbfbf;
    color: #ffffff;
    cursor: pointer;
    border: 0px;
}

.btn-small-grey:active {
    height: 22px;
    background: #d9d9d9;
    color: #ffffff;
    cursor: pointer;
    border: 0px;
}

/*
 *
 * Dashboard
 *
 */

.dashboard_td {
    background: #929ca3;
    color: #fff;
    font-weight: bold;
    padding: 4px;
}

.dashboard_td_left {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.dashboard_td_right {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.dashboard_td_right_separator {
    border-right: 2px solid #929ca3;
    vertical-align: top;
}

.dashboard_td_left_separator {
    border-left: 2px solid #929ca3;
    vertical-align: top;
}

.dashboard_button {
    height: 40px;
    width: 40px;

    background-color: #cccccc;
    border-radius: 50%;
    border: 2px solid #fff;

    display: flex;
    justify-content: center;
    align-items: center;

    font-size: 18px;
    font-family: Helvetica, sans-serif;
    color: #fff;

    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* red button */

.dashboard_button_red {
    background-color: #eb6558;
    /* original concept paper color*/
}

.dashboard_button_red:hover,
.dashboard_button_red_light:hover {
    background-color: #f1968d;
}

.dashboard_button_red:active,
.dashboard_button_red_light,
.dashboard_button_red_light:active {
    background-color: #f7c0bb;
}

/* yellow button */

.dashboard_button_yellow {
    background-color: #f7a338;
    /* original concept paper color*/
}

.dashboard_button_yellow:hover,
.dashboard_button_yellow_light:hover {
    background-color: #fac684;
}

.dashboard_button_yellow:active,
.dashboard_button_yellow_light,
.dashboard_button_yellow_light:active {
    background-color: #fcddb5;
}

/* green button */

.dashboard_button_green {
    background-color: #a8d45a;
    /* original concept paper color*/
}

.dashboard_button_green:hover,
.dashboard_button_green_light:hover {
    background-color: #cae59a;
}

.dashboard_button_green:active,
.dashboard_button_green_light,
.dashboard_button_green_light:active {
    background-color: #dfefc2;
}

/* purple button */

.dashboard_button_purple {
    background-color: #b695c3;
    /* original concept paper color*/
}

.dashboard_button_purple:hover,
.dashboard_button_purple_light:hover {
    background-color: #c7aed1;
}

.dashboard_button_purple:active,
.dashboard_button_purple_light,
.dashboard_button_purple_light:active {
    background-color: #ddcee3;
}

.dashboard_shadow {
    /* Use -webkit- only if supporting: Chrome < 54, iOS < 9.3, Android < 4.4.4 */
    -webkit-filter: drop-shadow(2px 2px 2px #333);
    filter: drop-shadow(2px 2px 2px #333);
}

/*  Job Overview CSS - STARTS */
.crp-hdr {
    font-weight: bold;
    text-overflow: ellipsis;
    overflow: hidden;
}

.tbl_overview tr td {
    padding: 0 15px 0 15px;
}

.seprt-cls {
    border-bottom: 1px solid #cccccc;
}

.tbl_overview tr td table tbody tr td {
    padding: 3px;
}

.overdue {
    background-color: #a80202;
    font-weight: bold;
    color: #fff;
}

.duetoday {
    background-color: #f36576;
    font-weight: bold;
    color: #fff;
}

.displ-inl-blk {
    display: inline-block;
}

/*  Job Overview CSS - ENDS */

.fontreset {
    color: #000;
    font-weight: normal;
}

.overviewbackground {
    background-color: #fff;
    border-right: 1px solid #fff;
}

.overviewbackground .caption {
    color: #767676;
    font-weight: bold;
    padding: 6px;
}

tbody tr>td.overviewbackground:first-of-type,
tbody tr>td.overviewbackground:first-of-type,
thead tr>td.overviewbackground:first-of-type {
    border-bottom-left-radius: 10px;
}

tbody tr>td.overviewbackground:last-of-type,
tbody tr>td.overviewbackground:last-of-type,
thead tr>td.overviewbackground:last-of-type {
    border-bottom-right-radius: 10px;
}

.columnheadertop {
    vertical-align: middle;
}

.columnheaderbottom {
    height: 30px;
    vertical-align: middle;
}

.columnheaderbottom table label {
    background-color: #ccc;
}

.tableauContainer {
    float: left;
    width: 100%;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    height: 100%;
}

table.block_table td label[class^="label_"] {
    margin-bottom: 0px;
    margin-top: 7px;
}

.block_label {
    display: block;
    padding-left: 8px;
    padding-bottom: 8px;
}

.block_table {
    border-collapse: collapse;
}

.block_td {
    border: 1px solid #ccc;
    padding: 8px;
}

tr.bc-drag-over td {
    border-top: 1px solid red;
    border-bottom: 1px solid red;
    border-collapse: collapse;
}

tr.bc-drag-over td:first-child {
    border-left: 1px solid red;
    border-collapse: collapse;
}

tr.bc-drag-over td:last-child {
    border-right: 1px solid red;
    border-collapse: collapse;
}

td.bc-drag-over {
    border: 2px solid red;
    border-collapse: collapse;
}

tr.bc-drag-over {
    border: 2px solid red;
    border-collapse: collapse;
}

td.bc-drop {
    width: 3em;
    float: right;
}

td.bc-drag-over {
    border-bottom: 2px solid red;
    border-collapse: collapse;
}

/* Preview Image size style code*/
.previewcontainer {
    position: relative;
    width: 100%;
    padding-top: 62.5%;
    border: 1px solid #333;
}

.previewimg {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    text-align: center;
    font-size: 20px;
    color: white;
}

.previewimg img {
    max-width: 300px;
    max-height: 300px;
}

.jobsub_label {
    font-weight: 900;
    color: black;
}

.Fav {
    background-image: url(../../../img/sgk_black/ico/mm/16/fav.png) !important;
    width: 16px;
    height: 16px;
    text-indent: 0px;
    display: block;
}

.mmLo.mmFtext {
    text-indent: 0px;
}

.mmFtext {
    padding: 8px 16px !important;
}

/* 11010800 - Compatibility issues with Chrome browser on page footer */
#pgFoot {
    clear: both;
    margin-top: 5px;
}

/* 11011587 - Week ID In HubX Date Picker is not displaying proper */
.ui-datepicker * {
    font-size: 14px !important;
}

/* 11015190 HubX 1.5 | Enhancement to Duping and Integrate */
.bc-copy-container {
    position: relative;
}

.copy-block-btn {
    display: none;
    position: absolute;
    right: 0px;
    bottom: 0px;
    border: 1px solid #767676;
    border-radius: 12px;
    width: 24px;
    height: 24px;
    text-align: center;
    vertical-align: center;
    background-color: #efefef;
    color: #767676;
}

.copy-block-btn:hover {
    background-color: #ff4134;
    color: #fff;
    text-decoration: none;
}

.bc-copy-block-menu {
    display: none;
    position: absolute;
    right: 0px;
    bottom: 0px;
    text-align: center;
    vertical-align: center;
    padding: 0;
}

.bc-item {
    cursor: pointer;
    margin: 0px;
    padding: 2px 1em;
    color: #767676;
    border: 1px solid #767676;
    background-color: #efefef;
    height: 24px;
    min-height: 24px;
    text-align: center;
    vertical-align: center;
    border-right-width: 0;
}

.bc-item:first-of-type {
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
}

.bc-item:last-of-type {
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
    border-right-width: 1px;
}

.bc-item:hover {
    background-color: #ff4134;
    color: #fff;
    border-color: #ff4134;
}

.bc-copy-container {
    border: 1px solid rgba(0, 0, 0, 0);
    box-sizing: border-box;
}

.bc-block-hover {
    border: 1px dotted #ff4134;
    box-sizing: border-box;
}

.bc-left {
    float: left;
    margin-right: 1em;
    padding: 0.5em;
    border: 1px solid #ccc;
    overflow-y: auto;
    width: 200px;
    height: 600px;
}

.bc-right {
    float: left;
    padding: 0.5em;
    overflow-y: auto;
    width: 650px;
    height: 600px;
}

.bc-save-as {
    float: left;
    padding: 0.5em;
    margin-left: 2em;
    width: 300px;
}

.bc-save-as label {
    font-weight: bold;
    font-size: 12pt;
    display: block;
    background-color: #eee;
    margin-bottom: 1em;
    margin-top: 2em;
}

.bc-save-as label:hover {
    background-color: #ff4134;
}

.dlg-tbl th {
    background-color: #ccc;
    font-weight: bold;
    padding: 2px;
    cursor: pointer;
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
}

.dlg-tbl td {
    background-color: white;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 4px;
}

.dlg-tbl .badge.sel {
    background-color: #999;
}

.dlg-tbl .badge span {
    color: white;
}

.dlg-tbl .badge.diff {
    background-color: #fc3;
    color: black;
}

.dlg-tbl td.cy {
    background-color: #fc3;
}

.dlg-tbl td.deact {
    background-color: #eee;
    border: 0;
}

.bc-search-hide {
    display: none;
}

.bc-left .bc-act {
    background-color: black;
    color: #fff;
    font-weight: bold;
}

.bc-left .bc-act:hover {
    background-color: #ff4134;
}

#apl_alert_message {
    padding: 25px;
    color: red;
    border: 3px solid red;
    border-radius: 5px;
    text-align: center;
}

#pleaseWaitBackground {
    position: fixed;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    z-index: 99999;
    background: #fff;
    color: #333;
    opacity: 0.75;
}

#pleaseWaitForeground {
    position: absolute;
    height: 80px;
    width: 240px;
    top: 50%;
    left: 50%;
    margin: -40px 0 0 -120px;
    text-align: center;
    font-size: 24px;
    font-weight: bold;
}

select {
    background-color: white;
}

.mainjob td {
    padding: 0px;
}

li.ui-menu-item {
    margin: 1px !important;
    cursor: default;
    list-style-image: url("") !important;
}

.mmAutomate {
    background-position: 18px 17px;
    background-image: url(../../../img/wave8/ico/mm/16/copyfit.png);
}

button.automateThumbButton {
    border-radius: 10px 10px 0px 0px;
    border: 3px solid #767676;
    margin-top: 15px;
    min-height: 188px;
    width: 208px;
}

button.automateThumbButton:hover {
    border: 3px solid lightblue;
}

img.automateThumbImg {
    height: 180px;
    padding: 10px;
    border-radius: 20px;
    pointer-events: none;
    width: 190px;
}

#allAutomateThumbs {
    width: 100%;
    text-align: center;
    min-height: 100vh;
}

#allAutomateThumbInside {
    display: inline-block;
    margin: 0 auto;
}

.automateIndividual {
    text-align: center;
    max-width: 220px;
    float: left;
    margin-left: 20px;
    font-family: sans-serif;
}

.automateIndividualBottom {
    background-color: lightblue;
    padding: 10px 0px;
    border-radius: 0px 0px 10px 10px;
    max-width: 208px;
}

p.thumbnailName {
    margin: 0 0 10px;
    color: #5a5a5a;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    max-width: 190px;
}

.btn {
    appearance: none;
    -webkit-appearance: none;
    font-family: sans-serif;
    cursor: pointer;
    padding: 12px;
    min-width: 100px;
    border: 0px;
    -webkit-transition: background-color 100ms linear;
    -ms-transition: background-color 100ms linear;
    transition: background-color 100ms linear;
}

.btn:focus,
.btn.focus {
    outline: 0;
}

.btn-round-1 {
    border-radius: 8px;
}

.btn-round-2 {
    border-radius: 20px;
}

.btn-primary {
    background: #3498db;
    color: #ffffff;
}

.btn-primary:hover {
    background: #2980b9;
    color: #ffffff;
}

.automateFileButton{
    padding: 2px;
    margin-bottom: 5px;
    border-radius: 3px;
  }

  .automateExcel{
    background-position: -646px 6px;
    margin-right: 4px;
  }

  .automateFileDisabledButton{
    padding: 2px 4px;
    margin-bottom: 5px;
    border-radius: 3px;
    pointer-events: none;
    max-width: 206px;
  }