.blink {
  animation: blinker 5s linear infinite;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}

.tiny{
	font-size:12px;
}

    p, body, td, input, select, button { font-family: -apple-system,system-ui,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif; font-size: 14px; }
    body { padding: 0px; margin: 0px; background-color: #ffffff; }
    a { color: #1155a3; }
    .space { margin: 10px 0px 10px 0px; }
    .header { background: #003267; background: linear-gradient(to right, #011329 0%,#00639e 44%,#011329 100%); padding:20px 10px; color: white; box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.75); }
    .header a { color: white; }
    .header h1 a { text-decoration: none; }
    .header h1 { padding: 0px; margin: 0px; }
    .main { padding: 10px; margin-top: 10px; }

      .buttons {
          margin-bottom: 10px;
          /*margin-top: 20px;*/
          display: inline-flex;
      }

      .buttons button {
          background-color: #f3f3f3;
          color: #333333;
          border: 1px solid #cccccc;
          padding: .5rem 1rem;
          width: 80px;
          font-size: 14px;
          cursor: pointer;
          margin-right: 1px;
          transition: all 0.2s;
          box-sizing: border-box;
      }

      .buttons button.selected {
          background-color: #e5e5e5;
          border-color: #cccccc;
      }

      .buttons button:first-child {
          border-top-left-radius: 30px;
          border-bottom-left-radius: 30px;
      }

      .buttons button:last-child {
          border-top-right-radius: 30px;
          border-bottom-right-radius: 30px;
      }

      .buttons button:hover {
          background-color: #ffe794dd;
          border-color: #ffce18;
      }

      .buttons button:active {
          box-shadow: 0 2px 4px rgba(0,0,0,0.1);
      }


      /* context menu icons */
      .icon:before {
          position: absolute;
          margin-left: 0px;
          margin-top: 3px;
          width: 14px;
          height: 14px;
          content: '';
      }

      .icon-blue:before { background-color: #3d85c6; }
      .icon-green:before { background-color: #6aa84f; }
      .icon-orange:before { background-color: #e69138; }
      .icon-red:before { background-color: #cc4125; }

      body .calendar_default_event_inner {
         /*  border-radius: 10px; */
      }

      body .month_default_event_inner {
         /*  border-radius: 10px; */
      }
	  
	  
	  /* CUSTOM CSS */
	  
  
	  .passcode{
		margin-top:10px;
	  }
	  
	.free .calendar_default_cell_inner {
		background-image: url("../icons/fr.png") !important;
		background-position: right !important;
		background-repeat: no-repeat !important;
		background-color: transparent !important;
	}

	.free{
		/* background-image: url("../icons/freev3.png") !important; */
		/* background-position: left !important; */
		/* background-repeat: no-repeat !important; */
	}	
	
	.booked .calendar_default_cell_inner {
		background-image: url("../icons/bk.png") !important;
		background-position: right !important;
		background-repeat: no-repeat !important;
		/*background-color: #c1e1f9 !important;*/
		opacity: 0.15;
	}


	#timezone-conversion-output {
	  display: none; /* Hidden by default */
	  position: fixed;
	  top: 25%;
	  left: 50%;
	  transform: translate(-50%, -50%);
	  width: 60vw;
	  min-width: 60vw;
	  max-width: 60vw;
	  padding: 50vh;  
	  background-color: white;
	  padding: 20px 30px;
	  border-radius: 10px;
	  box-shadow: 10px 20px 40px 40px rgba(51, 122, 183, 0.6);
	  z-index: 10000000;
	  text-align: center;

	  
	}

	.close-btn {
	  position: absolute;
	  top: 2px;
	  right: 0%;
	  font-size: 20px;
	  cursor: pointer;
	  color: #337ab7;
	}

	.close-btn:hover {
	  color: #f00;
	}

	.moveMe{
	  position: fixed;
	  top: 2px;
	  right: 97%;
	  font-size: 20px;
	  cursor: pointer;
	  color: #337ab7;	
	  /*cursor: move;*/
	}

	.moveMe:hover {
	  color: #f00;
	}
	
	.wait_indicator {
		position: fixed;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		box-shadow: 1px 1px 2px #337ab7;
		border-radius: 10px; 
		padding-top: 2%;
		height:100px;
		max-height: 100px;
		min-height: 100px;  
		width:200px;
		max-width:200px;
		min-width:200px;
		display: none;
		z-index: 9999999999;
		background-color: #3d85c6;
		opacity: 0.75;
		text-align: center;		
	}	
	
	
	.popup {
		  position: fixed;
		  display: none;
		  width: 600px;
		  height: 300px;
		  overflow: auto;
		  z-index: 9999999999;
		  top: 25%;
		  left: 35%;
		  margin: -100px 0 0 -150px;
		  border: 2px solid #337ab7;
		  background-color: #ffffff;
		  box-shadow: 5px 5px 5px #337ab7;
		  padding: 7px;
		  border-radius: 10px;
		  text-align:center;
		  vertical-align: middle;
		  overflow: hidden;	
	}		
	
	.inner-popup {
		width: 100%;
		height: 100%;
		border: none;
	
	}