@CHARSET "UTF-8";

html {
	font-size: 14px;
	height: 100%
}

body {
	height: calc(100% - 5px);
	font-family: arial;
	background: #f4f4f4;
	margin: 0;
	margin-top: 5px;
}

img {
	max-width: 100%
}

h1 {
	text-align: center;
	margin: 40px 0;
	font-size: 3rem;
	color: #9e9e9e
}

h2 {
	margin: 0
}

a {
	text-decoration: none;
}

.box-wrapper {
	margin-bottom: 30px
}

.box {
	background: #ffff;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
	height: 100%
}

.box .box-content {
	padding: 20px
}

.box .box-content p {
	line-height: 1.6
}

.visualization {
	height: calc(100% - 50px);
}

.vis-timeline {
	border: 2px solid #c0c0c0;
	/* eredetileg: purisa, 'comic sans', cursive */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	/*background: #FFEBCD;*/
	background: white;
}

.vis-panel.vis-left {
/*	background: linear-gradient(to right, rgba(255, 235, 205, 1) 1%,
		rgba(255, 248, 220, 1) 100%);*/
	background: white;
	width: 200px;
	white-space: nowrap;
	font-weight: bold;
}

.vis-item {
	border-color: #97b0f8;
	background-color: #d5ddf6;
	font-size: 9pt;
	color: #1a1a1a;
	box-shadow: 5px 5px 20px rgba(128, 128, 128, 0.5);
}

.vis-item, .vis-item.vis-line {
	border-width: 3px;
}

.vis-item.vis-dot {
	border-width: 10px;
	border-radius: 10px;
}

.vis-item.vis-selected {
	border-color: green;
	background-color: lightgreen;
}

.vis-time-axis .vis-text {
	color: #9370DB;
	padding-top: 10px;
	padding-left: 10px;
}

.vis-time-axis .vis-text.vis-major {
	font-weight: bold;
}

.vis-time-axis .vis-grid.vis-minor {
	border-width: 2px;
	border-color: pink;
}

/*.vis-time-axis .vis-grid.vis-major {
	border-width: 2px;
	border-color: #FFEBCD;
}*/

.vis-item .vis-item-content {
	padding: 1px;
}

/* alternating column backgrounds */
/*.vis-time-axis .vis-grid.vis-odd {
	/*background: #FFF8DC;*/
/*	background: white;
}*/

/* gray background in weekends, white text color */
.vis-time-axis .vis-grid.vis-saturday, .vis-time-axis .vis-grid.vis-sunday
	{
	background: lightgray;
}

.vis-time-axis .vis-text.vis-saturday, .vis-time-axis .vis-text.vis-sunday
	{
	/*color: ;*/
}

div.vis-tooltip {
	font-size: 10px;
	white-space: normal;
	width: 30em;
	/*max-width: 300px;*/
	word-wrap: break-word;
	padding: 5px;
}

/* ORDER Type CSS attributes */
.vis-item.type {
	/*default*/
}
.vis-item.type1 {
  background-color: red;
}
.vis-item.type2 {
  background-color: green;
}
.vis-item.type3 {
  color: white;
  background-color: blue;
}
.vis-item.type4 {
  background-color: magenta;
}
.vis-item.type5 {
  background-color: yellow;
}
.vis-item.type6 {
  background-color: orange;
}

/* floating details div */

.details {
    position: absolute;
    top: 20px;
    left: 20px;
    border: 1px solid black;
    border-color:  #006666;
    padding: 5px;
    z-index: 100;  
    background-color: #e6ffcc;
    display: none;
}

.details-right {
	left: 800px;
}

.container.dt-container {
	width: 600px;
}

.dt-label {
	font-weight: bold;
	text-align: right;
	font-size: 12px;
}

.dt-value {
	font-size: 12px;
}
/*floating div end */

/* ajax loading progress div */
.ajax-loader {
  visibility: visible; /*hidden;*/
  /*background-color: rgba(255,255,255,0.7);*/
  padding: 100px;  
  position: absolute;
  z-index: +100 !important;
  width: 100%;
  height:80%;

}

.ajax-loader img {
  position: relative;
  top:50%;
  left:50%;
}

/* ajax loading progress div end */

/* draggable grid */
/* #mydiv { */
/*   position: absolute; */
/*   z-index: 9; */
/*   background-color: #f1f1f1; */
/*   border: 1px solid #d3d3d3; */
/*   text-align: center; */
/* } */

/* #mydivheader { */
/*   padding: 10px; */
/*   cursor: move; */
/*   z-index: 10; */
/*   background-color: #2196F3; */
/*   color: #fff; */
/* } */
/*draggable grid end */