/**
 * Job Abacus Pro Web client
 * 2012 GACC, spol. s.r.o.
 * www.gacc.cz
 **/

body, table, input, textarea, td, th { font-family: Tahoma, Arial, sans-serif; font-size: 1em;}

/** Text format **/
.right,
.r { text-align: right !important;}

.center,
.c { text-align: center !important;}

.left,
.l { text-align: left !important;}

.fl { float: left;}
.fr { float: right;}
.clear { clear: both;}
.clear1px { clear: both; height: 1px;}

a img { border: 0;}

/** Styl pro monitor **/
@media screen, projection, tv {
  * { margin: 0; padding: 0;}
  body { background: #E1E1E1 url(images/background.png) 50% 0 no-repeat; line-height: 1.3em; font-size: 0.8em;}
  input, textarea { font-size: 1em; overflow:visible !important;}

  /**
   * Login
   * -----
   */
  #login { position: absolute; min-height: 330px; width: 550px; left: 50%; top: 50%; margin-left: -275px; margin-top: -160px;}
  #login-title { text-align: center; background: #fff;}
  #login-title h1,
  #login-title h2 { font-size: 1.3em; font-weight: normal; line-height: 1em;}
  #login-title h2 { font-size: 2.4em; margin-top: 5px;}
  #login-form { padding: 10px 30px; border-radius: 0 0 6px 6px;}
  #login-form table { margin: auto; font-size: 1.2em;}
  #login-form td { padding: 4px;}
  #login-form td input[type="text"],
  #login-form td input[type="password"] { width: 230px;}
  #login-form .note { color: #969696; font-size: 0.9em; margin: 10px 0; text-align: center;}
  #login-form .note a { color: #969696;}
  #login-form .note a:hover { color: #000;}

  /**
   * Layout
   * ------
   **/
  #page { margin: auto; width: calc(100% - 20px);}   //1200px

  /* Header */
  #header { min-height: 10px; overflow: hidden;}

  #logo h1 { color: #D6D6D6; font-size: 2em; font-weight: normal; line-height: 50px; float: left;}
  #logo .img { float: left; margin: 10px 15px 0 0; text-align: center; width: 210px;}
  #logo img {  vertical-align: middle;}

  #user {background-color: #D6D6D6;  float: right; text-align: right; margin: 0px 0px 0 0;}
  #user strong { display: block; font-size: 1.4em; font-weight: normal; margin-bottom: 5px;}
  #user a { color: #5B5B5B;}

  /* Footer */
  #footer { background: #D6D6D6; border: 1px solid #CACACA; border-radius: 4px; clear: both; font-size: 0.85em; margin: 15px 0; padding: 10px;}
  #footer,
  #footer a { color: #333;}
  #footer a:hover { color: #000;}

  /* Menu */
  #menu {background: #fff; overflow: hidden; border-radius: 6px; padding: 10px 10px; margin-bottom: 10px;}
  #menu li { display: inline; list-style: none; text-transform: uppercase; font-size: 1.1em; margin-right: 1px;}
  #menu a { border-radius: 4px; color: #494e86; padding: 10px 10px; text-decoration: none; font-size: 1em;}
  #menu .selected a { background: gray;}

  /* Sidebar */
  #sidebar { float: left; width: 230px;}
  #content { float: left; width: 100%; border:01x;}//width: 960px;}

  #sidebar .submenu { background: #D6D6D6; border: 1px solid #B1B1B1; border-radius: 4px; padding-bottom: 5px; zoom: 1;}
  #sidebar .submenu h3,
  #sidebar .submenu>ul>li>a,
  #sidebar .submenu>ul>li>span { border-bottom: 1px solid #CACACA; display: block; font-size: 1.2em; font-weight: bold; padding: 10px;}
  #sidebar .submenu li { background-color: #E2E2E2; list-style: none; position: relative;}
  #sidebar .submenu li a { border-bottom: 1px solid #D6D6D6; color: #000; display: block; padding: 7px 10px; text-decoration: none;}
  #sidebar .submenu li a:hover { background: #fff;}
  #sidebar .submenu li a span { display: block; padding-left: 20px;}

  #sidebar .submenu ul ul { font-size: 0.9em;}
  #sidebar .submenu ul ul ul { font-size: 1em;}
  #sidebar .submenu ul ul li a { background: #EEEEEE; padding-left: 10px;}

  /** Treeview plugin **/
  #sidebar .treeview li.collapsable>a,
  #sidebar .treeview li.expandable>a { padding-left: 35px; overflow: hidden;}
  #sidebar .treeview li.collapsable>ul>li>a { padding-left: 35px;}

  #sidebar .treeview .hitarea {background: url(images/tree-controls.png) 0px -18px no-repeat; height: 18px; width: 18px; margin: 5px 0 0 8px; float: left; cursor: pointer; vertical-align: middle; position: absolute !important; left: 0px;}
  #sidebar .treeview>li>.hitarea { margin-top: 9px;}
  #sidebar .treeview .expandable-hitarea { background-position: 0px 0px; }

  #sidebar .filetree span.folder { background: url(../style/images/ico-center.png) 0 0 no-repeat; }
  #sidebar .filetree span.file { background: url(../style/images/ico-person.png) 0 0 no-repeat; }
  #sidebar .filetree span.list { background: url(../style/images/ico-list.png) 0 0 no-repeat; }
  #sidebar .filetree span.email { background: url(../style/images/ico-email.png) 0 0 no-repeat; }


  /**
   * Standard page
   * -------------
   */
  #content h1,
  #content h2,
  #content h3 { font-weight: normal; line-height: 1em; margin: 10px 0;}
  #content h1 { font-size: 24px; margin-top: 0;}
  #content h2 { font-size: 22px;}
  #content h3 { font-size: 18px;}

  #content .box h2:first-child,
  #content .box h2.first { margin-top: 5px;}

  .box { background: #fff; border: 0px solid #E2E2E2; border-radius: 1px; padding: 1 5px; margin: 0px 0; }
  .box table { border-collapse: separate; border-spacing: 0 1px; width: 100%;}
  .box table td,
  .box table th { border-bottom: 1px solid #E2E2E2; padding: 5px 3px; text-align: left; vertical-align: top; empty-cells: show;}
  .box table th { color: #333333;}
  .box table .red td { background: #F9E3E3; border-bottom-color: #E5BFBF; color: #990000;}
  .box table .green td { background: #E7FFCC; border-bottom-color: #BFD9BF; color: #006600;}

  .box-left { background: #fff; float: left; width: calc(100% - 230px); border: 1px solid #E2E2E2; }//border-radius: 4px; padding: 1 5px; margin: 0px 0px; } //970px
  .box-left table { border-collapse: separate; border-spacing: 0 1px; width: 100%;}
  .box-left table td,
  .box-left table th { border-bottom: 1px solid #E2E2E2; padding: 5px 3px; text-align: left; vertical-align: top; empty-cells: show;}
  .box-left table th { color: #333333;}
  .box-left table .red td { background: #F9E3E3; border-bottom-color: #E5BFBF; color: #990000;}
  .box-left table .green td { background: #E7FFCC; border-bottom-color: #BFD9BF; color: #006600;}

  .box-right { background: #fff; float: right; width: 220px; border: 1px solid #E2E2E2; border-radius: 4px; padding: 1 5px; margin-right:0px;}
  .box-right table { border-collapse: separate; border-spacing: 0 1px; width: 100%;}
  .box-right table td,
  .box-right table th { border-bottom: 1px solid #E2E2E2; padding: 5px 3px; text-align: left; vertical-align: top; empty-cells: show;}
  .box-right table th { color: #333333;}
  .box-right table .red td { background: #F9E3E3; border-bottom-color: #E5BFBF; color: #990000;}
  .box-right table .green td { background: #E7FFCC; border-bottom-color: #BFD9BF; color: #006600;} 
  
     
  .stats .row { overflow: hidden;}
  .stats .item { background: #fff; border: 1px solid #E2E2E2; border-radius: 4px; float: left; margin: 0 10px 10px 0; padding: 15px 5px 10px 10px;}
  .stats .item strong { font-size: 2em; display: block; font-weight: normal; margin-bottom: 10px; line-height: 1em; white-space: nowrap;}
  .stats .item.last { margin-right: 0;}
  .stats.items-4 .item,
  .stats .items-4 .item { width: 153px;}
  .stats.items-5 .item,
  .stats .items-5 .item { width: 115px;}
  .stats.items-5 strong { font-size: 1.7em;}

  /**
   * Docházka
   * --------
   */
  .attn td.day strong { font-size: 1.2em; margin-bottom: 2px; display: block;}
  .attn td.day { font-size: 0.9em; line-height: 1.5em;}
  .attn .day-weekend { color: #000;}
  .attn td.day img { vertical-align: middle;}
  .attn td.date { padding-right: 0; width: 270px;}
  .attn td.date input { width: 40px; @float: left;}
  /*.attn td.events { padding-left: 0; width: 160px;}*/
  .attn td.date select { width: 160px;}
  .attn td.log strong { font-size: 1.05em;}

  .attn-overview .name { font-size: 1.2em;}
  .attn-overview .name img { float: right;}

  .attn-overview-table { background: #fff;}
  .attn-overview-table img { float: right;}
  .attn-overview-table td {width: 10px; overflow: hidden; white-space: nowrap;}
  .attn-overview-table-wrapper { padding-bottom: 30px; overflow-x: auto; overflow-y: hidden}
  .attn-overview-table-wrapper:hover { overflow: visible;}
  .attn-overview-table .actions-inline { position: absolute; width: 120px; background: #fff; margin: -7px 0 0 -145px; padding: 5px 10px; text-align: right; display: none; border-radius: 4px;}
  .attn-overview-table tr:hover .actions-inline { display: block;}

  .error { color: red;}
  
  a.add,
  a.sub { background: url(images/ico-add.png) 0 50% no-repeat; display: inline-block; line-height: 18px; margin-top: 5px; padding-left: 22px;}
  a.sub { background-image: url(images/ico-sub.png);}
  a.add:hover,
  a.sub:hover { background-position: -800px 50%;}

  /**
   * Stravování
   * ----------
   */
  #calendar-pager { float: right; font-size: 0.9em; margin: 0 10px;}
  #calendar-pager a { margin-left: 5px;}

  .cant { border-collapse: collapse !important; border-bottom: 1px solid #E2E2E2;}
  .cant th { padding: 15px 8px 20px 8px !important;}
  .cant th,
  #content .cant td { border: 1px solid #E2E2E2; border-width: 1px 0 0 1px; padding: 0; text-align: center !important; font-size: 1.1em;}
  .cant td a { color: #000; text-decoration: none;}
  .cant td:hover { background-color: #EEEEEE;}
  .cant td a,
  .cant td span.empty { display: block; padding: 30px 8px;}
  .cant th:first-child,
  .cant td:first-child { border-left: 0 !important;}
  .cant th.day { font-weight: normal; text-transform: lowercase;}
  .cant th.day span { font-weight: bold; font-size: 1.1em;}
  .cant .expired,
  .cant .empty { color: #999999; text-decoration: none;}
  .cant .ordered { background: url(images/ico-ordered.png) 50% 85% no-repeat;}

  .cant td.weekend.saturday,
  .cant th.day-5 { border-left-width: 3px !important;}

  .cant tr.group { height: 1px;}
  .cant tr.group td { padding: 0 !important; border: 0 !important; height: 1px; position: relative;}
  .cant tr.group div { position: absolute; width: 100%; text-align: center; left: 0; top: -10px;}
  .cant tr.group span { background: #fff; border-radius: 6px; font-family: "Trebuchet MS", sans-serif; font-size: 1.2em; font-weight: bold; padding: 5px 10px; text-transform: uppercase;}

  /* menu for current day */
  .cant-menu-list { width: 600px;}
  .cant-menu .count { width: 60px;}
  .cant-menu .price { width: 80px;}
  .cant-menu .actions { width: 60px;}
  .cant-menu .add,
  .cant-menu .sub { font-size: 1px; overflow: hidden; margin-top: -2px; width: 1px; text-indent: -100px; @text-indent: 2px;}

  /**
   * Terminal
   * --------
   */
  .terminal { background: #fff; border: 1px solid #E2E2E2; border-radius: 5px; display: inline-block; margin: auto; padding: 10px;}
  .terminal table { border-collapse: collapse !important;}
  .terminal td { padding: 0 !important;}
  .terminal font { line-height: 1em;}

  /** Dialogs **/
  .dialog-wrapper { background: url(images/overlay-border.png); border-radius: 10px; padding: 9px;}
  .dialog { background: #fff; border: 1px solid #000; border-radius: 6px;}
  .dialog-header { border-radius: 6px 6px 0 0; border-bottom: 1px solid #E2E2E2; padding: 20px;}
  .dialog-body { padding: 10px 20px;}

  #overlay-cover { background: #000; opacity: 0.4; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000000;}
  #overlay { position: absolute; top: 120px; left: 100px; z-index: 1000001; max-width: 900px;}
  #overlay .close { position: absolute; top: 20px; right: 20px; width: 29px; height: 29px; background: url(images/ico-close.png) 0 0 no-repeat;}

  /** Messages **/
  .message { background: #fff 8px 50% no-repeat; border: 1px solid gray; padding: 8px 5px 8px 32px; border-radius: 4px; font-weight: bold; margin: 5px 0;}
  .message.info { background-color: #FFFFD6; background-image: url(images/ico-info.png); border-color: #FCBB06; color: #4A2700; font-weight: normal;}
  .message.error { background-color: #FFE4E4; background-image: url(images/ico-error.png); border-color: #FF0000; color: #FF0000;}
  .message.success { background-color: #DFFFCA; background-image: url(images/ico-success.png); border-color: #7DCB3E; color: #39601A;}

  /** Forms **/
  input[type="text"],
  input[type="password"],
  .attn .date .ddTitle,
  select { border-radius: 2px; border: 1px solid #B0B0B0; border-right-color: #D6D6D6; border-bottom-color: #D6D6D6; padding: 4px;}
  .attn input[type="text"] { height: 16px;}
  .attn input[disabled] { background: #FFFFFF; border-color: #CBCCCD; opacity: 0.8; color: #000;}
  .attn .date .ddTitle { height: 17px;}
  select { padding: 2px;}
  input[type="submit"] { padding: 3px;}
  input[type="button"] { padding: 3px;}

  .button { border: 1px solid #000; display: inline-block; border-radius: 4px;}
  .button span { border: 1px solid #fff; background: #000 url(images/button-glow.png) 0 0 repeat-x; display: inline-block; border-radius: 4px;}
  .button input,
  .button span a { background: none; border: 0; padding: 10px; color: #fff; text-transform: uppercase; cursor: pointer; text-decoration: none;}
  .button span a { display: inline-block;}

  .button.gray { border-color: #B3B3B3;}
  .button.gray span { background: #EBEBEB url(images/button-glow-strong.png) 0 0 repeat-x; border-color: #fff;}
  .button.gray span input,
  .button.gray span a { color: #2B2B2B;}
  .button.gray span:hover { background-color: #D6D6D6;}
  
  .filter { background: #EEEEEE; border: 1px solid #E2E2E2; border-radius: 4px; font-size: 0.9em; padding: 5px 10px;}
  .filter-button input,
  .filter-button a { padding: 1px;}

  /** Dropdown plugin **/
  .dd { display: inline-block; text-align: left; vertical-align: top; @float: left;}
  .dd .ddTitle { cursor: default; overflow:hidden; padding: 4px 4px 3px 4px !important; background: #fff;}
  .dd .ddChild { position: absolute; border: 1px solid #c3c3c3; border-top: none; display: none; margin:0; width: auto; overflow: auto; overflow-x: hidden !important; background-color: #fff;}
  .dd .ddChild .opta a, .dd .ddChild .opta a:visited { padding-left: 10px;}
  .dd .ddChild a { display: block; padding: 2px 0 2px 3px; text-decoration: none; color: #000; overflow: hidden; white-space: nowrap; cursor: pointer;}
  .dd .ddTitle span.arrow { background:url(../msdropdown/dd_arrow.gif) no-repeat 0 0; float: right; display: inline-block; width: 16px; height: 16px; cursor: pointer;}

  .dd .ddChild a.selected,
  .dd .ddChild a:hover { background-color: #3399FF; color: #fff;}
  .dd .ddChild a img { border: 0; vertical-align: middle;}

  .attn .events .dd { @margin: 1px 0;}

  /** Tabs plugin **/
  .tabberlive .tabbertabhide { display: none;}
  ul.tabbernav { border-bottom: 1px solid #E2E2E2; margin: 15px -10px 10px -10px; padding: 5px 8px;}
  ul.tabbernav li { list-style: none; display: inline; }
  ul.tabbernav li a { padding: 7px 0.5em; margin-left: 3px; border: 1px solid #E2E2E2; border-radius: 4px 4px 0 0; border-bottom: none; background: #EEEEEE; text-decoration: none; color: #000;}
  ul.tabbernav li.tabberactive a { background: #fff url(images/active-tab.png) 0 0 repeat-x; border-bottom: 1px solid #fff;}
  .tabberlive .tabbertab h2 { display: none;}
}

/** Styl pro tisk **/
@media print {
  body, table, input { font-size: 1em;}
  body { font-size: 0.9em;}

  /** layout **/
  #menu, #sidebar { display: none;}
  #logo img { float: left; margin-right: 20px;}
  #logo h1 { line-height: 90px; font-size: 1em; color: gray;}
  #user { position: absolute; top: 20px; right: 0; color: gray;}
  #user a { display: none;}

  #footer {font-size: 0.9em; margin-top: 20px;}

  /** typography **/
  table { width: 100%; border-collapse: collapse;}
  td, th { padding: 3px 6px; border-bottom: 1px solid #B1B1B1;}
  tr.odd td,
  tr.odd th { background: #EFEFEF;}
  th { text-align: left;}

  h1 { font-size: 1.8em;}
  h2 { font-size: 1.5em;}
  h3 { font-size: 1.3em;}

  /** dochazka **/
  .stats-extended { height: auto !important;}

  .attn .add,
  .ddChild { display: none;}
  .attn .events br { display: none;}

  .attn td.date input { width: 40px; border: 0; background: transparent;}
}

/** Barevne schema **/

.dialog {
  border-color: #01417A; /* BASE COLOR */
}
a, #content h1, #content h2, #content h3, .attn .day-weekend, .stats .item strong, .cant tr.group span,
  ul.tabbernav li.tabberactive a, #login-title {
  color: #01417A; /* BASE COLOR */
}
.button {
  border-color: #01417A; /* BASE COLOR */
}
.button span {
  border-color: #597C9D; /* GLOW COLOR */
  background-color: #01417A; /* BASE COLOR */
}
.cant tr.group td, #menu {
  background-color: #D6D6D6;  //#01417A; /* BASE COLOR */
}
.button span:hover {
  background-color: #003C71; /* BUTTON HOVER COLOR */
}
#menu .selected a, #menu a:hover {
  background: #2A608F; /* MENU COLOR */
}

a:hover {
  color: #000;
}

.attn-overview-table .odd .actions-inline, .odd, #login-form, .dialog-header {
  background: #F5F8FA; /* LIGHT COLOR */
}

.attn tr.day-weekend {
  background: #EBF0F4; /* HLIGHT COLOR */
}


.clickable-row:hover {
    background: #f0e7e7;
}

#listbox { height: 100px; overflow: auto; width: 100px; border: 1px solid #000; list-style-type: none; margin: 0; padding: 0; overflow-x: hidden; }
#checkbox { display: block; color: WindowText; background-color: Window; margin: 0; padding: 0; width: 100%; }


.wiki {
    width: 99%;
    border:1px solid #000;
    padding: 10px 0;
    //background-color: #fcffeb;
    margin-top: 5px;
    display: none;
    
}
#box-wiki { overflow: hidden;}
#box-wiki li { list-style: none; font-size: 1.1em;}
#box-wiki a { border-radius: 4px; text-decoration: none; font-size: 1em;}

.product {
    width: 100%;
    border:0px solid #000;
    padding: 0px 0;
    //background-color: #fcffeb;
    margin-top: 0px;
    display: none;
    
}
#box-product { overflow: hidden;}
#box-product li { list-style: none; font-size: 1.1em;}
#box-product a { border-radius: 4px; text-decoration: none; font-size: 1em;}