/* CSS Document */
body{
	margin:20px;
}

@media print {
  @page { margin: 0; }
  body { 
  margin: 1.6cm;
  font-size:10pt;
  font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
  }
}

@page { margin: 0; }

.data_row_line tr td {
  border-bottom:1pt solid black;
}

td{
	padding:2px;
}

#calendar .group_name {
    position: absolute;
    width: 100%;
    z-index: 1;
    text-align: center;
    padding: 4px 0 0 0;
    font-weight: bold;
    font-size: 12px;
    border-radius: 6px;
    margin: 1px;
}

#calendar .group{
    float: left;
    position: relative;
    border: 1px #EFECEC solid;
    border-left: 0px;
}

#calendar .entry{
	position:absolute;
	width:100%;
	z-index:10;
}

#calendar_header .div {
	position:relative; 
	float:left; 
	text-align:center;
}

#weekly_header .div {
	position:relative; 
	float:left; 
	text-align:center;
}

#monthly_header .div {
	position:relative; 
	float:left; 
	text-align:center;
}

#calendar_month .monthly_day{
	float:left;
	position:relative;
	width:14%;
	height:300px;
	border: 1px #EFECEC solid;
	overflow:hidden;
}

#calendar_month .entry{
	float:left;
	position:relative;
	width:100%;
}


#calendar_week .weekly_day{
	float:left;
	position:relative;
	width:14%;
	height:auto;
	min-height:600px;
	border: 1px #EFECEC solid;
	overflow:hidden;
}

#calendar_week .entry{
	float:left;
	position:relative;
	width:100%;
}



#customer_edit input{
	width:400px;
}

#customer_edit input[type="radio"]{
	width:40px;
}


.fa-question-circle.calendar{
    color: orange;
}
.fa-clock.calendar{
    color: blue;
}
.fa-ban.calendar{
    color: red;
}
.fa-check-circle.calendar{
    color: green;
}

.group-hour-lines .entry{
    border-top: 1px solid #d0d0d0;
    color:#d0d0d0;
    font-size: 10px;
}

h2{
    font-size:1.2rem;
}


footer {
    position: relative;
    bottom: 0;
}
.gowiz {
    background: white;
    padding: 10px;
    float: left;
    left: 0;
    position: fixed;
    bottom: 0;
}
#wiz-chat-follow {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 2;
    color: white;
    background: #167bff;
    padding: 4px;
    width: 60px;
    height: 60px;
    text-align: center;
    border: 2px solid white;
}
#wiz-chat-follow a {
    color: white;
}
#wiz-chat-follow i {
    margin: 8px 0px 0 0;
    font-size: 30px;
}

.customerinfo .field {
    display: block;
    float: left;
    margin: 10px;
    min-width: 100px;
    min-height: 53px;
}

.customerinfo .fieldlabel{
    font-size:9px;
    color:#c7c7c7;
}

.customerinfo .fielddata {
    font-size: 14px;
    color: black;
    min-height: 20px;
}

#customers-result .contactinfo .fas {
    color: grey;
    margin: 0 0 0 16px;
    font-size: 12px;
}

.entry{
    border-radius: 6px;
    font-size: 10px;
    padding: 0 4px;
    margin: 0 0 1px 0;
}

.entry_add{
    font-size: 10px;
    z-index: 10;
    position: absolute;
    display: block;
    margin:0;
    width: 100%;
}
.entry_line{
    font-size: 10px;
    z-index: 5;
    position: absolute;
    display: block;
    margin:0;
    border-top:1px solid #ececec;
    width: 100%;
}

.entry_line.half{
    font-size: 10px;
    z-index: 7;
    position: absolute;
    display: block;
    margin:0;
    border-top:1px solid #f7f7f7;
    width: 100%;
}

.monthly_day_descr.go-to-date, 
.weekly_day_descr.go-to-date {
    font-size: 12px;
    font-weight: bold;
    text-align: center;
}
a.go-to-date {
    color: black;
}
.entry-date{
    margin: 0 4px;
}
.entry_add a:hover{
    text-decoration:none;
}
.entry:hover {
    border: white 1px solid;
    z-index: 10000 !important;
    height: auto !important;
    display: block;
    overflow: none !important;
    font-size:12px;
}
.entry{
    overflow:hidden;
    z-index:10;
}
.entry .list-customer-schedule {
    margin: 0!important;
}

#calendar_week .weekly_day:hover{
    height:auto;
}

#slider-right {
    top: 0;
    right: 0;
    position: fixed;
    z-index: 1000;
    /* float: right; */
    width: 500px;
    height: 100%;
    background: #f5f5f5;
    overflow: auto;
    display:none;
    border-left: 1px solid #f5f5f5;
}

#slider-right iframe {
    scroll-behavior: auto;
    height: 100%;
    width: 100%;
    border: 0;
}
#slider-controls {
    display: block;
    position: relative;
    float: left;
    padding: 6px;
}
#slider-right-iframe{
    height: calc(100% - 82px);
}

#calendar_header,
#weekly_header,
#monthly_header
{
	font-size:20px;
	font-weight:bold;
	text-align:center;
	float:left;
	position:relative;
	width:100%;
	margin:20px 0 20px 0;
	padding: 33px;
}
.entry-what pre {
    overflow-wrap: break-word;
}
.arrival.not-arrived {
    color: lightgrey;
}
.arrival.not-arrived.can-toggle {
    color: orange;
    animation-name: waitingroomSTOP; 
    animation-duration: 2.0s; 
    animation-timing-function: ease-out; 
    animation-direction: alternate; 
    animation-iteration-count: infinite; 
    animation-play-state: running; 
}
@keyframes  waitingroom { 
    0% { 
        transform: scale(1); 
    } 

    100% { 
        transform: scale(1.5); 
    } 
} 
.arrival.arrived{
    color: green;
}

.addtional_field{
    border: 2px solid;
    border-radius: 6px;
    padding: 2px;
    font-size: 12px;
    margin: 2px;
    display: inline-block;
}

.addtional_field_value{
    font-weight:bold;
}
.confirm-appointment-gowiz-credits {
  position: fixed;
  bottom: 40px;
  left: 40px;
}