/* 
    Created on : 2014-02-25, 08:51:27
    Author     : Dzmitry Yermakovich <dyermakovich>
*/

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url(fonts/Roboto-Regular.eot);
  src: local('Roboto'), local('Roboto-Regular'), url(fonts/Roboto-Regular.woff2) format('woff2') ;
}

@font-face {
  font-family: 'Roboto Medium';
  font-style: normal;
  font-weight: 500;
  src: url(fonts/Roboto-Medium.eot);
  src: local('Roboto Medium'), local('Roboto-Medium'), url(fonts/Roboto-Medium.woff2) format('woff2') ;
}

@font-face {
  font-family: 'Roboto Bold';
  font-style: normal;
  font-weight: 700;
  src: url(fonts/Roboto-Regular.eot);
  src: local('Roboto Bold'), local('Roboto-Bold'), url(fonts/Roboto-Bold.woff2) format('woff2');
}

@font-face {
  font-family: 'Roboto Italic';
  font-style: italic;
  font-weight: 400;
  src: url(fonts/Roboto-Regular.eot);
  src: local('Roboto Italic'), local('Roboto-Italic'), url(fonts/Roboto-Italic.woff2) format('woff2');
}

p{
  margin: 0px;
  padding: 0px;
  overflow-x: hidden;
}

img {
  border: none;
}

body{
  margin: 0px;
  padding: 0px;
  overflow: hidden;
  position: relative;
}

ul {
  margin: 0px;
  padding: 0px;
  padding-left: 2em;
}

.page-container {
  position: absolute;
  left: 0px;
  visibility: hidden;
  overflow-x: hidden;
  overflow-y: scroll;
}

.page-container::-webkit-scrollbar {
 display: none;
}

body, p, .ui-widget {
  font-family: 'Roboto', sans-serif;  
  font-size: 12px;
  color: #7B7C7E;    
}

/*
  Paragrafy wewnątrz kontrolki powinne dziedziczyć style z elementu kontrolki.
  Patrz element tekstowy.
*/
.cs-control > p {
  font-family: inherit;
  font-size: inherit;
  color: inherit;  
  line-height: inherit;
  text-transform: inherit;
  text-decoration: inherit;
}

.cs-menu-node-content > p {
  font-family: inherit;
  font-size: inherit;
  color: inherit;  
  line-height: inherit;
  text-transform: inherit;
  text-decoration: inherit;
}

.header { 
  display: block;
  position: relative; 
/*  min-height: 6em; */
}

.header > a,
.header .page-menu {
/*  display: block;
  float: left;*/
}

.header .page-menu {
  position: absolute;
  left: 0;
  top: 0;
  /* obcina menu, jeśli wystaje poza kontener menu, np kiedy układ strony nie 
  jest jeszcze załadowany */
  overflow: hidden;
}

.content {
  position: relative;  
}

.menu-bottom {
  position: absolute;
  right: 0px;
  bottom: 3px;
  padding: 3px 2px 3px 15px;
}

.history > ul > li > span.separator,
.history > ul > li > span.lookup {
  padding: 0 0.3em;
}

.history > ul > li.readonly > span,
.history > ul > li.readonly > a {
  cursor: default;
}

.history > ul > li > span {
  float: left;
  display: block; 
  cursor: pointer;
/*  font-size: 1.5em;*/
  font-weight: normal;
}

.menu li, .breadcrumbs li, .history li {
}

.cs-menu a i {
  display: inline-block;
  height: 100%;
  padding-right: 0.5em;
  font-size: 0.7em; 
  line-height: inherit;
  position: relative;
  top: -3px;
}

.cs-menu a i.fa-caret-right {
  top: 0px;
  padding: 0 0.3em;  
}

.menu a, .breadcrumbs a, .history a,
.menu span, .breadcrumbs span, .history span {
/* rozmiar czcionki menu jest parametrem skórk */
/*  font-size: 1.17em; */
/*  font-size: 1.35em; */  
  line-height: 1.65em;     
  height: 1.65em; 
  display: inline-block;
}

.menu, .breadcrumbs, .history {
  float: left;
  display: block;  
  visibility: hidden;  
}

.ui-dialog.ui-corner-all {
  padding: 0px;
}

.ui-dialog.ui-corner-all, 
.ui-dialog-titlebar.ui-corner-all{
  border-radius: 0px;
}

.breadcrumbs > a {
  margin: 0px 5px; 
}

.menu ul li ul,
.history ul li ul {
  display: none;
}

.menu {
  position: absolute;
  display: block;
  right: 0px;
  top: 0px;
} 

.menu[data-type="1"] {
  position: static;
  display: block;
  float: left;
  height: 100%;
} 

.menu[data-type="1"] li {
  border: none;
  box-sizing: border-box;
  margin-right: 2px;
}

.clear {
  clear: both;
}

.grid, 
.grid-background, 
.grid-background div, 
.grid-content{
  position: absolute ;
  left: 0;
  top: 0;
  margin: 0px;
  padding: 0px;
  border: none;
}

.grid-background, .grid-content{
  width: 100%;
  height: 100%;
}

.grid-background > div {
  overflow: hidden;
}

/*
.grid > .cell.panel {
  border: 1px solid #E5E5E5;   
  box-sizing: content-box;
  margin: 2px; 
  overflow-y: auto;
  overflow-x: hidden;
}*/

/*
.grid > .cell .panel-content {
  overflow-y: auto;
  overflow-x: hidden;    
} */

.grid-content > .cell .panel-content > .item {
  position: relative;
  overflow: hidden;
}

.grid-content > .cell .panel-content > .item .background-image,
.grid-content > .cell .panel-content > .item > .background {
  position: absolute;
  left: 0;
  top: 0; 
  width: 100%;
  height: 100%;
}

.grid-content > .cell > .panel > .border {
  position: absolute;
  box-sizing: border-box;
  border-color: red;
  border-style: solid;
  border-width: 0px;
  display: none;
}

.grid-content > .cell > .panel > .border.left {
  border-right-width: 1px;
  top: 2px;
  left: 2px;
} 

.grid-content > .cell > .panel > .border.right {
  border-left-width: 1px;
  top: 2px;
  right: 2px;
} 

.grid-content > .cell > .panel > .border.top {
  border-bottom-width: 1px;
  top: 2px;
  left: 2px;
} 

.grid-content > .cell > .panel > .border.bottom {
  border-top-width: 1px;
  bottom: 2px;
  left: 2px;
} 

.grid-content > .cell > .panel {
  box-shadow: none;
  border-radius: 0;
  background-color: transparent;
  position: relative;
}

.grid-content > .cell > .panel, 
.grid-content > .cell > .panel .panel-content {
  overflow: hidden;
}

.grid-content > .cell {
  border: none; 
  margin: 3px; 
}

.grid-content > .cell.last {
  clear: left;
}

.grid .item p {
  margin: 0px;
  overflow: hidden;
}

.grid .panel-header {
  overflow: hidden;
  position: relative; 
  margin: 0px 2px;
}

.grid .panel-header .panel-toolbar {
/*  position: absolute; 
  right: 0; 
  top: 0; */
  float: right;
}

.grid .panel-toolbar-item {
  display: inline-block;
  cursor: pointer;
}

.grid .panel-toolbar-item {
  padding-left: 0.5em;
  padding-right: 0.5em;
}

.popup-login .send {
  margin-top: 10px;
}

.paragraph p, .cgs-page-item-text-paragraph2 p{
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
  color: inherit;
  min-height: 1em;
}

.paragraph.active-title .active-title-text {
  display: none ;  
}

.paragraph.active-title.opened .active-title-text {
  display: block ;  
}

.paragraph.active-title .active-title-header {
  cursor: pointer ; 
  position: relative ; 
}

.paragraph.active-title .active-title-header .toggle-text {
  position: absolute; 
  right: 1em;
  top: 0px;
  font-style: italic;
}

.paragraph.active-title .active-title-header .toggle-text.hide,
.paragraph.active-title.opened .active-title-header .toggle-text.show {
  display: none;
}

.paragraph.active-title .active-title-header .toggle-text.show,
.paragraph.active-title.opened .active-title-header .toggle-text.hide {
  display: block;
}

.paragraph.active-title.opened .active-title-header {
  text-decoration: none; 
}

.cs-font-bold {
  font-weight: bold;
}

.cs-icms-widget-window-profile td {
  padding-top: 5px;
}

.cs-icms-widget-window-profile .buttons {
  text-align: right;
}

.cs-icms-widget-window-profile .buttons .button {
  margin-left: 5px;
}

/* #109411 done: */

a.logo {
  display: inline-block;
}
div.cs-markup
{
  position: relative;
}

div.cs-markup div.editor-control
{
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
}

div.cs-markup div.editor-control div.editor
{
  flex-grow: 1;
  margin: 2px;
  outline: solid 0px;
  overflow: clip auto;
  padding: 2px;
}

div.cs-markup div.editor-control div.editor p
{
  margin: 0;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
  color: inherit;
  min-height: 1em;
  overflow: initial; 
}

div.cs-markup  div.editor-control div.toolbar
{
  font-size: 18px;
  margin: 2px;
  flex-shrink: 0;
}

div.cs-markup div.editor-control div.toolbar span.button
{
  margin: 2px;
  padding: 2px;
  vertical-align: middle;
}

div.cs-markup div.editor-control div.toolbar span.separator
{
  display: inline-block;
  margin: 4px;
  background-color: #eeeeee;
  width: 2px;
  height: 16px;
  vertical-align: middle;
}

div.cs-markup div.editor-control div.toolbar span.button.active
{
  margin: 2px;
  background-color: #dddddd;
}

div.cs-markup div.editor-control div.toolbar span.button:hover
{
  margin: 2px;
  color: #4BB2E8;
}