﻿/* The initial-loading veil, shown until the first render mounts (tpl.js removes
   .cms-ui-preparing). This used to be an inline <style> at the top of tmaster.html;
   it lives here so the panel documents contain no style elements at all - the last
   first-party obstacle to a future style-src-elem 'self' policy (the vendored
   widgets are the remaining one; see cms_http::security_headers()). master.css is a
   render-blocking stylesheet in <head>, so these rules still apply before first paint. */
.template { display: none !important; }
.cms-ui-preparing body > :not(#cms-initial-loading) { visibility: hidden; }
#cms-initial-loading { position: fixed; inset: 0; z-index: 200000; display: flex; align-items: center; justify-content: center; background: #eee; color: #555; font: 15px Arial, sans-serif; }
#cms-initial-loading::before { content: ''; width: 22px; height: 22px; margin-right: 10px; border: 3px solid #bbb; border-top-color: #00a68a; border-radius: 50%; animation: cms-initial-spin .8s linear infinite; }
@keyframes cms-initial-spin { to { transform: rotate(360deg); } }

/* google chrome */ *:focus {
  outline: none;
}
textarea {
  resize: none;
} /* CSS Document */
html {
  overflow-y: scroll;
}
html {
  overflow: -moz-scrollbars-vertical;
  font-family: 'Roboto', sans-serif;
}
#t-lang-select option {
  color: #999999;
}
.lang-available {
  color: #000000 !important;
  background-color: #eeeeee;
}
.lang-current {
  color: #00A68A !important;
}
.fielderror {
  border: 1px solid #d2abab;
  background-color: #f2cece;
}
.fielderrortxt {
  color: #320e0e;
  font-weight: bold;
}
#breadcrumb {
  font-size: 12px;
  padding: 0 0 20px 0;
  color: #888;
}
#breadcrumb a {
  color: #333;
}
#breadcrumb .currentItem {
  font-weight: bold;
}
.object {
  display: none;
  width: 100%; /*    border-left: 1px solid #dddddd;    border-right: 1px solid #dddddd;    */
  border-top: 1px solid #00A68A;
  border-bottom: 1px solid #dddddd;
  margin-bottom: 20px;
  padding: 30px 0px 20px 0px;
}
.cms-tab-strip {
  display: flex;
  align-items: flex-end;
  width: 100%;
  min-width: 0;
}
#omenu {
  display: flex;
  flex: 1 1 auto;
  min-width: 0;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: none;
  scroll-behavior: smooth;
  letter-spacing: -.7px;
}
#omenu::-webkit-scrollbar {
  display: none;
}
.cms-tab-scroll {
  display: none;
  flex: 0 0 28px;
  height: 33px;
  padding: 0;
  border: 0;
  background: #e5e5e5;
  color: #333;
  cursor: pointer;
  font-size: 22px;
  line-height: 33px;
}
.cms-tab-strip.cms-tab-strip-overflow .cms-tab-scroll {
  display: block;
}
.cms-tab-scroll:disabled {
  cursor: default;
  opacity: .35;
}
.otab {
  flex: 0 0 auto;
  max-width: 260px;
}
.tab_p {
  background-color: #f0f0f0;
  margin-left:2px;
  padding: 4px 4px 2px 4px;
  overflow: hidden;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.tab_a {
  background-color: #00A68A;
  margin-left:2px;
  padding: 4px 4px 2px 4px;
  overflow: hidden;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.tab_a div {
  padding: 5px 7px;
  margin: 0px 0px 0px 0px;
  background-repeat: no-repeat;
  background-position: top left;
  font-size: 13px;
  color: #fafafa;
  font-weight: 700;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  
}
.tab_p div {
  padding: 5px 7px;
  margin: 0px 0px 0px 0px;
  font-size: 13px;
  letter-spacing: -.5px;
  color: #333333;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.clear {
  clear: both;
}
body {
  margin: 0px;
  background-color: #eee;
  font-family: 'Kumbh Sans', sans-serif;
  font-size: 15px;
  color: #222;
}

.main {
  display: flex;
}
.left {
  width:220px;
  margin-top:40px;
}
.right {
  width:calc(100% - 220px);
}
#topBar, #top {
  color: #00A68A;
}
#topBar a, #top a {
  color: #113641;
}
a {
  color: #181818;
  text-decoration: none;
  line-height: 120%;
}
a:hover {
  color: #00A68A;
  text-decoration: none;
}
table.act td {
  background: none;
}
table {
  font-size: 13px;
}
.cl_ftt {

  
}
.cl_fttend {
  
}
.cl_ftr {
  display: flex;
  align-items: stretch;
  padding:15px 20px 0 20px;
  border:1px solid #ccc;
  border-top: none;
  border-bottom: none;
  position: relative;
}



.cl_fth {
  font-size: 15px;
  font-weight: 500;
  width:200px;
  border-bottom: 1px solid #f0f0f0;
  padding:0 15px 15px 0;
  display: flex;
  align-items: center;
}
.hrfn {

}
.cl_ftd {
    border-bottom: 1px solid #f0f0f0;
  width:calc(100% - 200px);
   padding:0 0 15px 15px;
  
}

.cl_ftre {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border:1px solid #ccc;
  border-top: none;
  height: 20px;
  margin-bottom:30px;
}
.cl_fthe {

}
.cl_ftde {
 
}
.cl_ftrs {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border:1px solid #ccc;
  border-bottom: none;
  padding: 20px 20px 0 20px;
}


.cl_fths {
  background: #00A68A;
  width: 114px;
  overflow: hidden;
  padding: 0px;
}
.cl_ftds {
  
}
.cl_fss {
  width: 100%;
  border-bottom:1px solid #888;
  padding-bottom:20px;
  position: relative;
  font-weight: 700;
  font-size: 18px;
  line-height: 1;
}
.cl_ftht {
  background-color: #eeeeee;
  padding-left: 10px;
  padding-right: 10px;
}
.cl_ftht_bold {
  background-color: #dcdcdc;
  padding-top: 5px;
  padding-left: 10px;
  padding-right: 10px;
}
.cl_ath {
  background-color: #eeeeee;
}
.input_readonly {
  background-color: #ececec;
}
.cl_ftdt {
  background-color: #f5f5f5;
  padding-left: 2px;
  padding-right: 8px;
}
.cl_ftdt_green {
  background-color: #75f565;
  padding-left: 2px;
  padding-right: 8px;
}
.cl_ftdt_pale {
  background-color: #f5f575;
  padding-left: 2px;
  padding-right: 8px;
}
.cl_cbox {
  padding: 0px 0px 0px 0px;
}
.cl_atd {
  background-color: #f5f5f5;
}

.legend-label {
  display: inline-block;
padding: 4px 8px 2px 8px;
border-radius: 9px;
color: #fff;
font-size: 12px;
line-height: 1;
margin: 0 5px 5px 0;
letter-spacing: -.5px;
}
/* Messages are set as text, so a line break in one is a real newline rather than
   markup. pre-line honours those and still collapses ordinary wrapping whitespace.

   The glyph is a ::before rather than part of the text: the message itself is data -
   translated, and sometimes carrying a value from the database - so the decoration
   belongs to the class that already carries the colour, and stays out of anything that
   gets copied, read aloud or logged. */
.msg_fail,
.msg_ok,
.msg_info {
  white-space: pre-line;
}
.msg_fail::before,
.msg_ok::before,
.msg_info::before {
  margin-right: 8px;
  font-weight: 400;
  speak: never;
}
.msg_fail::before { content: "\26A0\FE0E"; }
.msg_ok::before   { content: "\2713"; }
.msg_info::before { content: "\2139\FE0E"; }
.msg_info {
  padding: 10px;
  background: #036;
  color: #fff;
  font-weight: 300;
  text-align: center;
  margin-bottom: 15px;
  display: block;
}
.msg_fail {
  padding: 10px;
  color: #fff;
  background: #c00;
  font-weight: 300;
  text-align: center;
  margin-bottom: 15px;
  display: block;
}
.msg_ok {
  padding: 10px;
  background: #090;
  color: #fff;
  font-weight: 300;
  text-align: center;
  margin-bottom: 15px;
  display: block;
}
.contentText {
  background: #FFFFFF;
  border: solid;
  border-color: #c6c6c6;
  border-width: 1px;
  font-size: 13px;
  padding: 5px 5px 5px 5px;
  color: #7c7c7c;
}
#report {}
#report #head {
  background-color: #efefef;
  border-right-color: #dddddd;
  border-right-style: dashed;
  border-right-width: 1px;
}
#report #row {}
#report #row #data {
  border-top-width: 1px;
  border-top-color: #cccccc;
  border-top-style: dashed;
  border-right-color: #dddddd;
  border-right-style: dashed;
  border-right-width: 1px;
  padding-left: 4px;
  padding-right: 3px;
}
#wrap {
  width: 96%;
  margin: auto;
}
#whiteContainer {
  border-top: 1px solid #fff;
  float: right;
  display: block;
  width: 96%;
  background-color: #f0f0f0;
  -moz-box-shadow: 0px 0px 10px #2c471c;
  -webkit-box-shadow: 0px 0px 10px #2c471c;
  box-shadow: 0px 0px 10px #2c471c;
  margin-bottom: 60px;
}
#topBar {
  margin: 0 0 0 0;
  padding: 12px 0 0 0;
  width: 96%;
  height: 35px;
  text-align: right;
}
#top {
  margin: 0 0 75px 0;
  padding: 14px 0 0 14px;
  width: 96%;
  height: 56px;
}
#contentTop {
  margin: -36px 0 0 0;
  padding: 0 0 0 0;
  width: 960px;
  height: 55px;
}
.taby {


}
#sajty {
 display: flex;
justify-content: flex-end;
  font-size:15px;
  font-weight: 600;
}
#sajty > div {
  text-align: center;
}
#sajty > div:first-child span {
  padding-left: 25px;
  background-image: url("../images/linguasmart.svg");
  background-position: left;
  background-repeat: no-repeat
}
#sajty > div:last-child span {
  padding-left: 24px;
  background-image: url("../images/settings.svg");
  background-position: left;
  background-repeat: no-repeat;
  packground-position: 0 -1px;
}
.main-container {

  position: relative;
}
.left-nav {

  background: #fff;
border-radius: 4px;
}
.left-nav .trigger {
  position: absolute;
  top: 0;
  left: 300px;
  width: 40px;
  height: 40px;
  background-color: #fff;
  background-image: url(../images/trigger.png);
  cursor: pointer;
}
.canvas {
  padding: 0 0 0 30px;
  
}
.canvas-content {
  background-color: #fff;
  padding: 30px;
  border-top-left-radius: 4px;
}
.delete-item {
  border-radius: 4px;
  height:30px;
  line-height: 33px;
  color:#fff;
  margin-left:30px;
  font-size:14px;
  font-weight: 700;
  background-color: #ff351e;
  background-image: url("../images/delete.svg");
  background-position: 10px 6px;
  background-repeat: no-repeat;
   padding:0 10px 0 30px;
  background-size: 14px auto;

}
.delete-item .deleteleft {
  
}
.delete-item .deleteright {
  color:#fff;
}

.top-row {
  display: flex;
  width:100%;
  justify-content: space-between;
  margin-bottom:30px;
}
.bottom-row {
  display: flex;
  width:100%;
  justify-content: flex-end;
}

.top-row .item-name {
  display: flex;
  line-height: 39px;
}
.top-row .name-label {
  margin-right:15px;
}
.top-row .update-preview {
  justify-content: flex-end;
}
.item-update {
      font-size: 15px;
    padding: 10px 10px 10px 35px;
    border: none;
    color: #fff;
    border-radius: 4px;
    transition: all .3s ease;
    font-weight: 500;
    background-color: #1c2c45;
    display: inline-block;
    background-image: url("../images/save.svg");
    background-position: 10px 10px;
    background-repeat: no-repeat;
    background-size: 19px auto;
}

.t-preview-visible {
      font-size: 15px;
    padding: 10px 10px 10px 35px;
    color: #222;
    border-radius: 4px;
    transition: all .3s ease;
    font-weight: 500;
    background-color: #fff;
    display: inline-block;
    background-image: url("../images/preview.svg");
    background-position: 10px 13px;
    background-repeat: no-repeat;
    background-size: 19px auto;
  border: 1px solid #222;
  margin-right:12px;
}

#menulewe {
  padding: 30px;
}
#menulewe_end {
  height: 30px;
  float: left;
  padding-bottom: 10px;
}
#tresc {}
#lo-tresc {
  padding: 0;
  background-position: left bottom;
  background-repeat: repeat-x;
}
#lo-tresce {
  padding-left: 15px;
  padding-top: 15px;
  padding-right: 15px;
  color: #990000;
  background-position: left bottom;
  background-repeat: repeat-x;
}
#akcje {}
#bottomSpace {
  width: 96%;
  height: 40px;
  display: block;
}
.phototable {
  padding: 5px 3px 10px 3px;
  border-color: #f4f4f4 #dedede #dcdcdc #f7f7f7;
  border-width: 1px;
  border-style: solid solid solid solid;
  background-color: #f0f0f0;
  margin-top: 2px;
  margin-bottom: 5px;
  width: 660px;
}
.mm {
  display: block;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
  line-height: 1;
  margin-bottom:15px;
}
.mm a {}

.mm a:hover {
  background-color: #f8f8f8;
}
.mms a {
  color: #00A68A;
}
.mms:hover {
  background-color: #fff;
}

.mms {
  color: #00A68A;
  background-color: #fff;
}
.mml0 {
  margin-bottom: 15px;
  padding-left:25px;
  position: relative;
  background-position: left;
  background-repeat: no-repeat;
}
.mml1, .mml1f {
  margin-left: 25px;
  text-transform: none;
  font-size:13px;
  margin-bottom: 12px;
  line-height: 1;
  font-weight: 400;
}
.mml1 a, .mml1f a {

}
.mml1 i, .mml1f i {
  display: none;
}
.mml1f.mms, .mml1.mms {
  margin-right: 0 !important;
  color: #00A68A !important;
}
.mml1f.mms a, .mml1.mms a {
  color: #00A68A !important;
}
.mml1 a, .mml2 a, .mml3 a, .mml4 a {
  text-transform: none;
}
/* The third level and below belong to the same family as the second: the 16px/600 of .mm is
   for roots, and a deeper item that inherited it read as a root that had wandered right.
   Each level below the second adds an indent and nothing else. */
.mml2, .mml2f, .mml3, .mml3f, .mml4, .mml4f, .mml5, .mml5f, .mml6, .mml6f, .mml7, .mml7f {
  margin-left: 25px;
  text-transform: none;
  font-size: 13px;
  margin-bottom: 12px;
  line-height: 1;
  font-weight: 400;
}
.mml2 i, .mml2f i, .mml3 i, .mml3f i, .mml4 i, .mml4f i,
.mml5 i, .mml5f i, .mml6 i, .mml6f i, .mml7 i, .mml7f i {
  display: none;
}
.mml2.mms, .mml2f.mms, .mml3.mms, .mml3f.mms, .mml4.mms, .mml4f.mms,
.mml5.mms, .mml5f.mms, .mml6.mms, .mml6f.mms, .mml7.mms, .mml7f.mms {
  margin-right: 0 !important;
  /* No colour of their own: .mms above is the untinted fallback, and the theme paints the
     current item on the brand hue - an !important literal here (the level-1 rule's legacy)
     would beat it. */
}
.mml2 {
  padding-left: 38px;
  background-position: -1px 0px;
}
.mml3 {
  padding-left: 48px;
  background-position: -1px -60px;
}
.mml4 {
  padding-left: 58px;
  background-position: -1px -120px;
}
.mml5 {
  padding-left: 68px;
  background-position: -1px -180px;
}
.mml6 {
  padding-left: 78px;
  background-position: -1px -240px;
}
.mml7 {
  padding-left: 88px;
  background-position: -1px -300px;
}
.mml0f {
  /*margin-top:2px;
	padding:0;
	
	margin-top:4px;
	padding-left:18px;
	text-transform:uppercase;
	padding-bottom:0px;
	padding-top: 5px;
	background-image:url(../images/menuitemw.png);
	background-position:top;
	*/
}
.mml2f {
  padding-left: 38px;
  background-position: -1px 0px;
}
.mml3f {
  padding-left: 48px;
  background-position: -1px -60px;
}
.mml4f {
  padding-left: 58px;
  background-position: -1px -120px;
}
.mml5f {
  padding-left: 68px;
  background-position: -1px -180px;
}
.mml6f {
  padding-left: 78px;
  background-position: -1px -240px;
}
.mml7f {
  padding-left: 88px;
  background-position: -1px -300px;
}
.currentItem {
  color: #00A68A;
}
/* Folding (cms_config::$cc_cms_menu_folding; the rules are in tpl.js above
   cms_ui_menu_fold_plan). A folded-away item is out of the flow, not merely invisible - the
   [hidden] attribute would lose to .mm's own display:block, hence a class. The chevron is a
   real button sitting in the item's right margin, apart from the link, which keeps
   navigating: a branch is a screen of its own as well as a heading for those under it.
   Classes only, no #menulewe: an id here would outrank every theme rule, and the chevron's
   colour is the theme's to set (it did, once - and the control inherited .mms's legacy
   teal instead, on a purple installation). */
.mm.mm-folded {
  display: none;
}
.mm-branch {
  position: relative;
}
.mm-branch > a {
  padding-right: 30px;
}
.mm-toggle {
  position: absolute;
  top: 50%;
  right: 2px;
  width: 24px;
  height: 24px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 4px;
  background: transparent;
  color: inherit;
  cursor: pointer;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  /* Above the link, explicitly: the dark navigation paints the link at an opacity below one,
     which makes it a layer of its own, painted in document order - after this button. */
  z-index: 1;
}
.mm-toggle svg {
  width: 14px;
  height: 14px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.75;
  stroke-linecap: round;
  stroke-linejoin: round;
  transform: rotate(-90deg);
  transition: transform .18s ease;
}
.mm-open > .mm-toggle svg {
  transform: rotate(0deg);
}
.input_cb { /* height:14px; */
  border: 0px solid #c6c6c6;
  font-size: 13px;
  color: #000000;
  vertical-align: middle;
  padding-left: 2px;
  padding-right: 2px;
}
.input_file {
  border: 1px solid #c6c6c6;
  font-size: 13px;
  color: #000000;
  vertical-align: baseline;
  padding: 10px;
  margin-top: 4px;
  margin-left: -2px;
  background-color: #f5f5f5;
  margin-bottom: 15px;
}
.input_file_a {
  background-color: #fafafa;
  border: 1px solid #c6c6c6;
  font-size: 13px;
  color: #000000;
  padding-left: 1px;
  padding-right: 1px;
  text-decoration: underline;
}
.input_file_but {
  height: 18px;
  border: 1px solid;
  border: none;
  font-size: 13px;
  font-weight: bold;
  color: #ffffff;
  vertical-align: baseline;
  margin-left: 5px;
  padding: 6px 12px;
  background-color: #00A68A;
  float: none;
}
.file-link {
 
}

.file-link a {
  color:#00A68A;
  padding-left: 25px;
background-image: url("../images/external.svg");
background-position: 3px 0;
background-repeat: no-repeat;
  background-size: 16px auto;
  border-bottom:1px solid #fff;
  display: inline-block;
}
.file-link a:hover {
  border-bottom: 1px solid #00a68a;
}
.delete-file {
  display: flex;
  align-items: center;
}

/* `file` fields. Same voice as the secret state line and the field note below, and the
   same job: the widget has three states an operator has to be able to tell apart - a
   stored file, one marked for deletion, one picked but not yet saved - and only the first
   of them was ever drawn. */
.file-state {
  font-size: 12px;
  color: #6b6b6b;
  margin-top: 4px;
}
.file-empty {
  color: #8a8a8a;
  font-style: italic;
}
/* A file we hold a reference to but cannot reach or cannot find. The NAME beside it is drawn
   normally - it comes from the value and is true whatever the store is doing - and only the
   reason is dimmed, because the file is the fact and the outage is the footnote. */
.file-unreachable {
  font-size: 12px;
  color: #6b6b6b;
}
/* Struck through and red on both the state line and the link itself, so the file being
   removed is the thing that looks removed. */
.file-pending-delete,
.file-pending-delete a {
  color: #b3261e;
  text-decoration: line-through;
}

/* `secret` fields. The state line stands in for the value, which is never rendered, so
   it has to carry its own weight: an operator has nothing else to tell them whether a
   credential is there.

   .field-note is the same voice on ordinary fields: the optional description of a
   text/texti/textf - `text(opis)` in a fieldtable - one look for "small print under an
   input" across the panel. */
.secret-state,
.field-note {
  font-size: 12px;
  color: #6b6b6b;
  margin-top: 4px;
}
/* A declared rule failing right now (validation.js). Sits where .field-note sits, and
   deliberately does not look like it: the note is small print that is always true, this is
   something to act on. It is not .fielderrortxt either - that one is the server's word on a
   save that was refused, and this one appears and disappears as the operator types. */
.field-validation {
  font-size: 12px;
  font-weight: bold;
  color: #8a1c1c;
  margin-top: 4px;
}
/* A multi-date field's "selected / limit", to the right of the box on the same line - the
   small print below is spoken for by .field-note and .field-validation. */
.field-count {
  display: inline-block;
  margin-left: 10px;
  font-size: 12px;
  color: #8a8a8a;
  white-space: nowrap;
  vertical-align: middle;
}
.field-count-full {
  color: #6b6b6b;
  font-weight: bold;
}
.secret-empty {
  color: #8a8a8a;
  font-style: italic;
}
/* Both an absent key and an unreadable value mean "this cannot be used", and neither is
   the operator's mistake - amber rather than red. */
.secret-nokey {
  color: #9a6b00;
}
.secret-pending-delete {
  color: #b3261e;
  text-decoration: line-through;
}
/* On the input's own row, to its right - the button acts on the value, the state line
   below describes it. */
.delete-secret {
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
  margin-left: 8px;
}

div.delete-file {
  margin-left: -11px;
}

.delete-link {
padding-left: 20px;
margin-left: 11px;
background-image: url("../images/delete-black.svg");
background-position: 0 -1px;
background-repeat: no-repeat;
padding-top: 2px;
display: inline-block;
}
input { /* height:14px; */
  border: 1px solid #c6c6c6;
  font-size: 13px;
  color: #000000;
  vertical-align: middle;
  padding: 6px;
}
td.actions {
  width: 430px;
  text-align: right;
}
.input_button {
  font-size: 14px;
  font-weight: bold;
  padding: 7px 10px 10px 10px;
  border: none;
  background-color: #00A68A;
  color: #fff;
  border-radius: 4px; 
  transition: all .3s ease;
}
.cl_ftd .input_button {
  margin-right:30px;
}
.input_button_radio_cleaner {
  display: block;
  margin-top: -2.7em;
  margin-left: 30em;
}
.stdtable tr .actions .input_button {
  font-size: 13px;
  font-weight: 500;
  padding: 4px 7px 7px 7px;
  border: none;
  border-radius: 4px;
  opacity: .5;
}
.stdtable tr:hover .actions .input_button {
  opacity:1;
}
.actions .input_button.del {
  border-color: #d00;
  color: #d00;
}
.actions .input_button.copy {
}
.actions .input_button.edit:hover {
   background-color: #00A68A;
  color:#fff;
}
.actions .input_button.preview {
}
select { /* height:17px; */
  border: 1px solid #c6c6c6;
  font-size: 13px;
  color: #000000;
  vertical-align: middle;
  padding-left: 0px;
  padding-right: 0px;
}
.crtable {
  margin-bottom: 12px;
}
.boxdisplay {
  width: 420px;
  background-color: #fcfcfc;
  border: 1px solid #0a0a0a;
  padding: 3px 3px 3px 3px;
}
.sites-a-y {}
.sites-a-n {}
.sites-n {
  color: #233;
  text-decoration: none;
  text-align: center;
  padding: 12px;
  cursor: pointer;
  overflow: hidden;
  margin-left: 1px;
}
.sites-y {
  color: #222;
  text-decoration: none;
  text-align: center;
  background-color: #fff;
  padding: 12px;
  cursor: default;
  overflow: hidden;
  margin-left: 1px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.sites--n {
  float: left;
  background-image: url(../images/s--n.png);
  height: 40px;
  width: 10px;
  display: none;
}
.sites-n- {
  float: left;
  background-image: url(../images/s-n-.png);
  height: 40px;
  width: 20px;
  display: none;
}
.sites-nn {
  float: left;
  background-image: url(../images/s-nn.png);
  height: 40px;
  width: 20px;
  display: none;
}
.sites-ny {
  float: left;
  background-image: url(../images/s-ny.png);
  height: 40px;
  width: 20px;
  display: none;
}
.sites--y {
  float: left;
  background-image: url(../images/s--y.png);
  height: 36px;
  width: 10px;
  display: none;
}
.sites-y- {
  float: left;
  background-image: url(../images/s-y-.png);
  height: 40px;
  width: 20px;
  display: none;
}
.sites-yn {
  float: left;
  background-image: url(../images/s-yn.png);
  height: 40px;
  width: 20px;
  display: none;
}
.errTableData {
  padding: 15px;
  text-align: left;
}
#formTable {
  border: 1px solid #c6c6c6;
  margin-top: 85px;
  background-image: url(../images/tableBg.gif);
  background-position: bottom left;
  background-repeat: repeat-x;
  margin-bottom: 250px;
}
.tableHead {
  background-image: url(../images/tableHeadBg.gif);
  text-align: left;
  padding-left: 5px;
}
.leftTd {
  text-align: right;
  padding-right: 5px;
}
.rightTd {
  text-align: left;
  padding: 0 0 0 0;
  margin: 0 0 0 0;
}
.loginInput {
  width: 370px;
  border: 1px solid #c6c6c6;
  color: #000000;
  vertical-align: middle;
  padding: 15px;
  margin-bottom: 2em;
  background-color: #fff;
}
.button {
  padding-right: 12px;
  text-align: right;
}
.nodisp {
  display: none;
}
.editor {}
.tcode:before {
  content: 'kod: ';
}
.tcode {
  font-weight: normal;
  font-size: 13px;
  display: none;
}
address {
  font-size: 11px;
  font-style: normal;
  color: #ccc;
}
.template {
  display: none;
}
table.stdtable {
  margin-top: 10px;
  margin-bottom: 10px;
  width: 100%;
}
th {}
.stdtable th {
  padding: 10px;
  font-size: 15px;
  border-bottom: 2px solid #ccc;
  margin-bottom: 2px;
}
td {
  background: #fafafa;
  padding: 10px;
  font-size: 14px;
}
.stdtable td {
  border-bottom: 1px solid #eee;
  background: none !important;
}
.stdtable tr:nth-child(even) {
  background: #f8f8f8
}
.stdtable tr:nth-child(odd) {
  background: #FFF
}
.stdtable tr.stdhead {
  background-color: white !important;
}
.stdtable tr {
  transition: all .3s ease;
}
.stdtable tr:hover {
  background-color: #e5f6f3;
}
div.advrel_box {
  width: 1000px;
  height: 350px;
  overflow: hidden;
}
.adv_side {
  float: left;
  width: 470px;
  height: 300px;
}
div.advrel_box .box {
  width: 470px;
  height: 274px;
  overflow: scroll;
  border: #ccc solid 1px;
  float: left;
  background-color: #fff;
}
div.advrel_box .box.top_space {
  margin-top: 51px;
}
.between_adv {
  float: left;
  width: 60px;
  height: 300px;
}
.half {
  width: 260px;
  float: left;
}
div.advrel_box .advrel_area {}
div.advrel_box .advrel_area2 {
  margin-right: 0px;
}
div.advrel_box .fright {
  text-align: center;
  width: inherit;
  padding: 10px;
}
div.advrel_box ul.dlist {
  float: left;
  padding: 5px;
  width: 440px
}
div.advrel_box ul.slist {
  padding: 5px;
}
div.advrel_box input {
  width: 120px;
  margin-right: 10px;
}
div.advrel_box .box ul {
  list-style-type: none;
  margin: 0px 0px 0px 0px;
  height: auto;
  min-height: 250px;
}
div.advrel_box .box li {
  height: 16px;
  border: 0px;
  color: #fff;
  background-color: #004489;
  padding: 8px 8px 8px 25px;
  margin: 0px 0px 2px 0px;
  background-image: url(../images/bar.png);
  background-repeat: no-repeat;
  cursor: pointer;
  overflow: hidden;
}
div.advrel_box .advrel_area2 li {
  background-color: #00A68A;
}
div.advrel_box .box li.ilev0 {
  background-position: -27px 3px;
}
div.advrel_box .box li.ilev1 {
  background-position: -23px 3px;
}
div.advrel_box .box li.ilev2 {
  background-position: -19px 3px;
}
div.advrel_box .box li.ilev3 {
  background-position: -15px 3px;
}
div.advrel_box .box li.ilev4 {
  background-position: -11px 3px;
}
div.advrel_box .box li.ilev5 {
  background-position: -7px 3px;
}
div.advrel_box .box li.ilev6 {
  background-position: -3px 3px;
}
div.advrel_box .box li.ilev7 {
  background-position: 1px 3px;
}
table.stdtable th.sort-up:after,
table.stdtable th.sort-down:after {
  opacity: .7;
  font-size: 14px;
  font-weight: 300;
}
table.stdtable th.sort-up:after {
  content: "\00A0⇗";
}
table.stdtable th.sort-down:after {
  content: "\00A0⇘";
}
table.stdtable th.sortable {
  text-decoration: none;
}
table.stdtable th.sortable:hover {
  text-decoration: none;
}
.textic {
  font-style: italic;
}
.wrapper {
  width: 96%;
  margin: 0 auto;
  height: 230px;
}
.t-new-child-visible select, .t-new-sibling-visible select {
  margin-left: 10px;
  padding: 5px 1px 4px 1px;
}
.t-new-sibling-visible > div, .t-new-child-visible > div {
  background-color: #00A68A;
  border-radius: 4px;
  color:#fff;
  margin-left:30px;
  font-size:14px;
}

.login-form {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 400px;
  height: 400px;
  padding: 20px 50px 0 50px;
  margin-left: -250px;
  margin-top: -250px;
  background: rgba(255, 255, 255, .88);
  box-shadow: 0 14px 20px -10px rgba(14, 21, 33, .1);
  border-radius: 4px;
}
.login-form .logo {
  padding: 30px 0;
  text-align: center;
}
.login-form .logo img {
  width: 300px;
}
.login-form h1 {
  text-align: center;
  font-size: 18px;
  letter-spacing: 5px;
  font-weight: 300;
  text-transform: uppercase;
}
.login-form .formSubmit {
  border-radius: 4px;
}
/* Hidden until the server switches the login screen into password-change mode;
   was an inline <style> in tlogin.html before the panel's CSP. */
.login-form .newpass {
  display: none;
}
a.formSubmit {
  width: 370px;
  padding: 15px;
  text-transform: uppercase;
  font-weight: 300px;
  letter-spacing: 1px;
  display: block;
  text-align: center;
  color: #fff;
  background-color: #1c2c45;
}
.toptop {
  padding: 20px 30px;
  position: relative;
  z-index: 12346;
}
.toptop .logo {
  float: left;
  width: 160px;
}
.toptop .lang, .toptop .logout {
  float: right;
}
.toptop .lang {
  line-height: 40px;
  width: 250px;
}
.toptop .lang select {
  padding: 6px 10px;
}
.clear {
  clear: both;
}
.logout {
  color: #233;
}
a.exit {
  display: inline-block;
  padding: 0 10px;
  line-height: 33px;
  font-size: 14px;
  color: #fff;
  background-color: #FF351E;
  text-align: center;
  border-radius: 4px;
}
#t-logged-user {
  font-weight: 700;
}
.login-stats {
  font-weight: 300;
  font-size: 11px;
  color: #888;
  text-align: right;
  padding-right: 30px;
  padding-top: 5px;
}
.ico {
  display: none;
}
.mml0.menu-icon--home {
  background-image: url("../images/home.svg");
}
.mml0.menu-icon--clients {
  background-image: url("../images/client.svg");
}
.mml0.menu-icon--teachers {
  background-image: url("../images/teachers.svg");
}
.mml0.menu-icon--inventory {
  background-image: url("../images/inventory.svg");
}
.mml0.menu-icon--tests {
  background-image: url("../images/tests.svg");
}
.mml0.menu-icon--conditions {
  background-image: url("../images/conditions.svg");
}
.mml0.menu-icon--reports {
  background-image: url("../images/reports.svg");
}
.mml0.menu-icon--other {
  background-image: url("../images/other.svg");
}
.mml0.menu-icon--knowledge .ico,
.mml0.menu-icon--permissions .ico,
.mml0.menu-icon--website .ico,
.mml0.menu-icon--mail .ico,
.mml0.menu-icon--database .ico,
.mml0.menu-icon--tasks .ico,
.mml0.menu-icon--license .ico {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 18px;
  color: #333;
  font-family: 'icomoon';
  font-size: 16px;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  text-align: center;
}
.mml0.menu-icon--knowledge .ico::before {
  content: "\e92c";
}
.mml0.menu-icon--permissions .ico::before {
  content: "\e972";
}
.mml0.menu-icon--website .ico::before {
  content: "\e956";
}
.mml0.menu-icon--mail .ico::before {
  content: "\e946";
}
.mml0.menu-icon--database .ico::before {
  content: "\e96b";
}
.mml0.menu-icon--license .ico::before {
  content: "\e996";
}
/* Zadania (the scheduler), under Baza danych - icon-clock from the icomoon set */
.mml0.menu-icon--tasks .ico::before {
  content: "\e95e";
}

/* --- scheduler ("Zadania") ------------------------------------------------------ */

/* Captured stdout and stderr of a supervised script - a scheduler task run, and an
   increment's data kickstart on "Baza danych". Monospaced, scrollable and bounded: a
   failing script can print a great deal, and it must not push the rest of the screen
   off the page. The content is escaped in PHP by whoever captured it
   (cms_cron_gui::preformatted, cms_increment_admin::render). */
pre.cms-cron-output,
pre.cms-script-output {
  margin: 0;
  padding: 8px 10px;
  max-height: 420px;
  overflow: auto;
  background: #f7f7f9;
  border: 1px solid #dcdce3;
  border-radius: 4px;
  font-family: Consolas, "Liberation Mono", Menlo, monospace;
  font-size: 12px;
  line-height: 1.45;
  white-space: pre-wrap;
  word-break: break-word;
  color: #333;
}

/* The next-run list is computed server-side and belongs to the values that were on
   screen when it was produced; cron-schedule.js marks it once they change, so nobody
   reads a plausible list that no longer matches the form. */
.cms-cron-stale {
  opacity: 0.55;
}
.cms-cron-stale .cl_ftd::after {
  content: " (nieaktualne — użyj „Przelicz”)";
  color: #a15c00;
  font-size: 11px;
}

/* Row states for the task list. "failing" is the one that has to be visible at a
   glance: a task whose last run failed still looks enabled otherwise. */
tr[data-row-state="failing"] td {
  background: #fdf3f3;
}
tr[data-row-state="running"] td {
  background: #f2f7fd;
}
tr[data-row-state="protected"] td,
tr[data-row-state="disabled"] td {
  color: #777;
}

.breadcrumbs {
  display: flex;
  width:100%;
}
#breadcrumb {
  width:60%;
}
.metadata {
  width:40%;
  font-size:12px;
  color: #888;
  display: flex;
  /* Wraps, right-aligned. Without this the row could only ever be one line, so a narrow
     window pushed "Utworzone" and "Kod" into each other instead of stacking them. Each line
     ends flush right, which keeps the block reading as one column against the edge. */
  flex-wrap: wrap;
  align-content: flex-start;
  justify-content: flex-end;
  text-align: right;
}
.metadata > div {
 padding-left:15px;
 white-space: nowrap;
}
/* The notes take a line of their own, under the dates and the code rather than beside them:
   flex-basis 100% is what forces the break, so they stay under the block at every width. */
.metadata .entry-notes {
  flex-basis: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  padding-left: 0;
}
.metadata .entry-notes:empty {
  display: none;
}
#breadcrumb .icon-compass2 {
  margin-right: 5px;
  color: #999;
}
.entry-head {
  display: flex;
  width:100%;
  margin-bottom:20px;
}
.entry-head .title {
  width:66%;
}
.entry-head .item-buttons {
  width:34%;
  display: flex;
  justify-content: flex-end;
}
.entry-head h1 {
  margin:0;
  font-size:24px;
  line-height: 30px;

}
.adv_label {
  text-align: center;
  font-size: 15px;
  padding: 10px;
  border-bottom: 1px solid #eee;
  text-transform: uppercase;
}
.ajaxtable {
  text-align: left;
}
.ajaxtable-toolbar {
  margin-bottom: 12px;
  text-align: left;
}
.ajaxtable-filters {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
  gap: 8px 12px;
}
.ajaxtable-filters-secondary {
  margin-top: 8px;
}
.ajaxtable-filters-secondary[hidden] {
  display: none;
}
.ajaxtable-filter {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  min-width: 0;
  gap: 3px;
}
.ajaxtable-filter > span {
  color: #555;
  font-size: 12px;
}
.ajaxtable-filter > input {
  grid-row: 2;
  grid-column: 1;
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
}
/* The hotkey badges for filterInputs[0] (jquery-ajaxtable.js) share the input's own grid
   cell rather than wrapping it - the label span is the implicit first row, the input the
   explicit second, and .ajaxtable-filter-hints is placed in that same second row/column so it
   lays over the input's right edge instead of pushing a new row. The input's own grid-row/
   grid-column above have to be explicit too, not just the hints': grid auto-placement resolves
   explicitly-positioned items first, so an auto-placed input would find row 2 already taken
   and fall through to a row 3 of its own - two elements only truly overlap when both claim the
   same cell on purpose. theme.css gives the padding-right that makes room for the badges (it
   has to win over a much higher-specificity generic input rule there, so it lives next to what
   it is overriding rather than here). */
.ajaxtable-filter-hints {
  grid-row: 2;
  grid-column: 1;
  justify-self: end;
  align-self: center;
  display: flex;
  gap: 4px;
  margin-right: 6px;
  pointer-events: none;
}
.ajaxtable-filter-controls {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  margin-top: 8px;
}
.ajaxtable-more-filters,
.ajaxtable-clear-filters {
  border: 0;
  background: transparent;
  color: #555;
  cursor: pointer;
  font: inherit;
  font-size: 12px;
}
.ajaxtable-more-filters.has-active-filters {
  color: #00A68A;
  font-weight: 700;
}
.ajaxtable table {
  text-align: left;
}
.ajaxtable-viewport thead th {
  position: sticky;
  z-index: 2;
  top: 0;
  background: #fff;
  box-shadow: 0 1px 0 #ccc;
}
.ajaxtable-status {
  min-height: 20px;
  margin-top: 8px;
  padding: 5px 8px;
  color: #666;
  text-align: right;
}
.ajaxtable-status.loading::before {
  content: "";
  display: inline-block;
  width: 11px;
  height: 11px;
  margin-right: 7px;
  border: 2px solid #bbb;
  border-top-color: #555;
  border-radius: 50%;
  vertical-align: -2px;
  animation: ajaxtable-spin .7s linear infinite;
}
.ajaxtable.ajaxtable-busy,
.ajaxtable.ajaxtable-busy * {
  cursor: progress !important;
}
@keyframes ajaxtable-spin {
  to { transform: rotate(360deg); }
}
.cms-ui-busy,
.cms-ui-busy * {
  cursor: progress !important;
}
.cms-ui-busy a,
.cms-ui-busy button,
.cms-ui-busy input,
.cms-ui-busy select,
.cms-ui-busy textarea,
.cms-ui-busy .ajaxtable-viewport,
.cms-ui-busy .ajaxtable-corner {
  pointer-events: none !important;
}
.cms-ui-progress {
  position: fixed;
  z-index: 2147483647;
  top: 10px;
  left: 50%;
  transform: translateX(-50%);
  max-width: calc(100vw - 20px);
  padding: 8px 14px;
  border-radius: 4px;
  background: rgba(30, 30, 30, .9);
  color: #fff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, .25);
  pointer-events: none;
  white-space: nowrap;
}
.cms-ui-progress-spinner {
  display: inline-block;
  width: 11px;
  height: 11px;
  margin-right: 8px;
  border: 2px solid rgba(255, 255, 255, .45);
  border-top-color: #fff;
  border-radius: 50%;
  vertical-align: -2px;
  animation: ajaxtable-spin .7s linear infinite;
}
.cms-ui-operation-unknown {
  position: fixed;
  z-index: 10001;
  right: 16px;
  bottom: 16px;
  max-width: 420px;
  padding: 12px;
  border: 1px solid #b66;
  background: #fff2f2;
  box-shadow: 0 2px 8px rgba(0, 0, 0, .2);
}
.ajaxtable tr.ajaxtable-spacer,
.ajaxtable tr.ajaxtable-spacer:hover {
  background: transparent;
  transition: none;
}
.ajaxtable tr.ajaxtable-spacer td {
  padding: 0;
  border: 0;
}
#guide {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(0, 0, 0, .6);
  z-index: 12344;
  width: 100%;
  height: 100%;
  display: none;
}
#guide .guide-content {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 800px;
  height: 400px;
  margin: -200px 0 0 -400px;
  background-color: #fff;
}
#guide .guide-content .space {
  padding: 40px;
  position: relative;
}
#guide .guide-content h2 {
  margin: 0 0 30px 0;
  padding: 0;
  text-align: center;
}
#guide .guide-content #guide-close {
  position: absolute;
  top: 40px;
  right: 40px;
  color: #00A68A;
  cursor: pointer;
}
.guide-table td {
  text-align: center;
  background: none;
  padding: 20px;
  margin: 30px;
}
.guide-table td.bt {
  border-bottom: 1px solid #eee;
  display: none;
}
.guide-table td.rg {
  border-right: 1px solid #eee;
}
.guide-table p {
  font-size: 21px;
}
.guide-table input[type="button"] {
  padding: 10px 20px;
  color: #fff;
  border: none;
  font-weight: 700;
  font-size: 18px;
  background-color: #00A68A;
}
.guide-table select {
  padding: 5px 10px;
  font-size: 18px;
}
.haveanice {
  position: absolute;
  bottom: 40px;
  left: 10%;
  width: 80%;
  text-align: center;
}
#cms_tid_t_xxlangman {
  display: none;
  float: right !important;
}
#hint {
  background-color: #eee;
  padding: 10px;
  margin: 0 0 20px 0;
}
.addleft {
  padding: 7px 5px 5px 10px;
  /* background-image: url(/__cms/template/nth/images/button-dodaj.gif); */
  display: inline-block;
  color: white;
  font-weight: 700;
  font-size: 14px;
}
.addright {
  padding: 7px 11px 5px 0px;
  /* background-image: url(/__cms/template/nth/images/button-dodaj.gif); */
  display: inline-block;
  color: white;
  font-weight: 700;
  font-size: 14px;
}
.participant {
  display: inline-block; margin-right:30px;
}
table.dashboard {
	border-collapse: collapse;
	font-size: 11px;
  letter-spacing: -.5px;
}
.dashboard td {
	border-bottom: solid 1px #ccc;
	padding: 8px 5px;
  background: #fff;
}
.dashboard td, .dashboard td p, .dashboard td small {
  font-size:11px;
}
a.fc-other-month {
	background-color: #ddd !important;
	border: none;
}
.fc-other-month {
	background-color: #f0f0f0;
}
/* The month view's dots-or-tiles choice, sitting in the toolbar chunk that holds the view
   buttons (cms_ui_calendar_style_toggle). Inline-flex so it lines up with the buttons
   whatever their height, and nowrap so it never folds under them on a narrow screen. */
/* Reordering a list's columns by dragging its headings.

   NO `position: relative` on the th: it is already `position: sticky` (see .ajaxtable-viewport
   thead th below, and the modern theme's copy of it), a sticky box already establishes the
   containing block an absolutely positioned child would need, and adding `relative` would
   silently unstick the header while everything else went on working. */
.ajaxtable th.reorderable {
	cursor: grab;
}
/* The drag helper is a plain div on <body> while a heading is being dragged, so it is NOT
   inside .ajaxtable and must never be selected through it. z-index is deliberately far above
   the panel's own layers: the card, the sticky table header and the left navigation each
   create a stacking context, and a helper that loses to any of them looks like a helper that
   was never created. */
/* The grip that resizes a column.

   NO `position: relative` on the th: it is already `position: sticky`, a sticky box already
   establishes the containing block an absolutely positioned child needs, and adding `relative`
   would silently unstick the header while the grip went on working perfectly. */
.ajaxtable-resizer {
	position: absolute;
	z-index: 3;
	top: 0;
	right: 0;
	width: 7px;
	height: 100%;
	cursor: col-resize;
	/* Without this a touch drag scrolls the page instead of moving the column. */
	touch-action: none;
}
/* THE AFFORDANCE. A cursor that changes cannot be found without already knowing it is there,
   and full hairlines between every column are a heavier grid than this table wants - so each
   heading carries one short mark at its trailing edge, quiet until it is approached. */
.ajaxtable-resizer::before {
	content: '';
	position: absolute;
	top: 28%;
	bottom: 28%;
	right: 3px;
	/* ONE pixel, and it stays one. Column widths are fractional until a table has been frozen
	   (531.388px and the like), so a mark wider than a device pixel straddles the boundary and
	   antialiases to a slightly different thickness in every column - which is why the widths
	   looked uneven, and why resizing a table appeared to cure it. A single pixel has nowhere
	   to spread. Hover changes the colour and the length, never the width. */
	width: 1px;
	background: #c8c8c8;
	transition: background-color .15s ease, top .15s ease, bottom .15s ease;
}
.ajaxtable-resizer:hover::before {
	top: 8%;
	bottom: 8%;
	background: #00A68A;
}
/* The grip that resizes the list vertically, in the corner of the viewport where its two
   scrollbars meet. It sits in .ajaxtable-frame - a paddingless wrapper that only exists to be
   the grip's containing block - and not in the viewport, whose children scroll away with the
   table. Above the column grips (z-index 3) so the sticky header never paints over it. Small
   enough to fit inside a classic scrollbar corner (15px) without covering either track. */
.ajaxtable-frame {
	position: relative;
}
.ajaxtable-corner {
	position: absolute;
	z-index: 4;
	right: 0;
	bottom: 0;
	width: 14px;
	height: 14px;
	cursor: grab;
	/* Without this a touch drag scrolls the page instead of resizing the list. */
	touch-action: none;
	/* The glyph is drawn in currentColor so the modern theme only has to say which colour:
	   two short diagonal strokes in the lower-right half, the way a textarea marks its own
	   corner. Quiet until approached, like the column grips. */
	color: #c8c8c8;
	background: linear-gradient(135deg,
		transparent 0 52%, currentColor 52% 60%,
		transparent 60% 72%, currentColor 72% 80%,
		transparent 80%);
	transition: color .15s ease;
}
.ajaxtable-corner:hover,
.ajaxtable-corner-active {
	color: #00A68A;
}
.ajaxtable-corner-active {
	cursor: grabbing;
}
/* Only while a column is being auto-filled back out to the right edge. Never during a drag:
   there the width has to track the pointer exactly rather than chase it a beat behind. */
.ajaxtable-sized.ajaxtable-filling th {
	transition: width .35s cubic-bezier(.22, .61, .36, 1);
}
/* Only once someone has actually resized something: a table nobody has touched keeps the
   automatic layout it has always had. On a th this would clip the grip and the sort arrows,
   so it is the cells only. */
.ajaxtable-sized td {
	overflow: hidden;
	text-overflow: ellipsis;
}

/* The column menu, opened by right-clicking a heading. Fixed and placed from the pointer's
   client coordinates, for the same reason the drag helper is - a sticky heading inside a
   scrolling viewport has no offset parent that describes where it is on screen. */
.ajaxtable-colmenu {
	position: fixed;
	z-index: 10001;
	/* A floor and a ceiling: the menu keeps one width for the short labels it usually carries,
	   and a column with a very long name lengthens its own item rather than the whole menu. */
	min-width: 240px;
	max-width: 420px;
	padding: 4px;
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 4px;
	box-shadow: 0 4px 14px rgba(0, 0, 0, .22);
}
/* Left-aligned and full width, because these are list choices rather than a call to action.
   The modern theme paints every button accent-on-white, so it restates the resting look there
   in the row-action form; this is the base panel's version of the same idea. */
.ajaxtable-colmenu button {
	display: block;
	width: 100%;
	min-height: 26px;
	padding: 3px 10px;
	border: 0;
	border-left: 3px solid #00A68A;
	background: #fff;
	color: #333;
	cursor: pointer;
	font: inherit;
	font-size: 13px;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ajaxtable-colmenu button:hover,
.ajaxtable-colmenu button:focus {
	border-left-width: 5px;
	background: #eef4f3;
	color: #00A68A;
	outline: none;
}

.ajaxtable-dragging {
	display: block;
	box-sizing: border-box;
	/* Fixed, and positioned from the pointer's client coordinates by the sortable's own sort
	   callback - see the comment there for why jQuery UI's absolute positioning cannot be
	   used for a sticky heading inside a scrolling viewport. */
	position: fixed;
	z-index: 10000;
	opacity: .95;
	cursor: grabbing;
	padding: 9px 10px;
	background: #fff;
	border: 1px solid #ccc;
	font-weight: 700;
	text-align: left;
	box-shadow: 0 2px 8px rgba(0, 0, 0, .22);
	pointer-events: none;
}
.ajaxtable th.ajaxtable-drop {
	background: #e5f6f3;
}
.fc-cms-style-toggle {
	display: inline-flex;
	align-items: center;
	gap: 0.35em;
	margin-left: 0.75em;
	font-size: 0.85em;
	white-space: nowrap;
	cursor: pointer;
	/* A toolbar chunk is a block of inline-blocks, and an inline-flex box takes its baseline
	   from its FIRST item - here the checkbox, whose baseline is its bottom edge. Left alone
	   that sat the label a few pixels below the button captions. `middle` aligns the whole
	   control against the chunk's own centre line instead, which is where the captions are.
	   align-self covers the themes that make the chunk a flex row. */
	vertical-align: middle;
	align-self: center;
}
.fc-cms-style-toggle input {
	margin: 0;
	cursor: pointer;
	vertical-align: middle;
}

/* THE HOUR IS THE FIRST THING READ on an event, so it is bold wherever an event carries one.
   FullCalendar only bolds it on a month tile (.fc-daygrid-block-event .fc-event-time), which
   left the week and day columns quieter than the view that was meant to be the summary. */
.fc-timegrid-event .fc-event-time {
	font-weight: 700;
}

/* ...and bold is wider. A horizontal event lays its time and title out in a flex row where
   the time is shrinkable by default (`.fc-h-event .fc-event-time` is max-width:100% with
   overflow:hidden), so the extra width was taken out of the time itself and the last digit
   was cut off. Not shrinking is the fix - the title container already grows and shrinks and
   is the right place for the give - and the padding is the half-digit of air after it. */
.fc-h-event .fc-event-time {
	flex-shrink: 0;
}
.fc-direction-ltr .fc-daygrid-block-event .fc-event-time {
	padding-right: 0.35em;
}

.fc .fc-day-other .fc-daygrid-day-events {
    opacity: 0.3;
}

.ajaxtable tr.inactive td {
	font-style: italic;
	color: #aaa;
}

.ajaxtable-badge {
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  padding: 0.15rem 0.55rem;
  background: #e5e7eb;
  color: #374151;
  font-size: 0.85em;
  font-weight: 600;
}
.ajaxtable-badge.is-success { background: #dcfce7; color: #166534; }
.ajaxtable-badge.is-protected { background: #e0e7ff; color: #3730a3; }
.ajaxtable-badge.is-danger { background: #fee2e2; color: #991b1b; }
.ajaxtable tr[role="button"]:focus-visible { outline: 2px solid currentColor; outline-offset: -2px; }

.cl_ftd_full {
  padding-left: 0 !important;
  width: 100% !important;
}
