html {
  scroll-behavior: smooth;
}

td .book_status {
    font-size: 12px;
    /*padding: 2px 5px 2px 5px;*/
    padding: 0px 5px 2px 5px;
}


.email_verify {
    background-color: #FFFFFF;  // white
    border: #FF6F00 1px solid;
}

/* CGM statuses */
/* ------------ */

.cgm_action {
    color: white;
    background-color: #2196F3;  // blue
}

.cgm_action_concierge {
    color: white;
    background-color: #FF6F00; // #2196F3; // orange
}

.cgm_action_golfclub {
    color: white;
    background-color: #4CAF50;  // green
}

.cgm_info {
    color: #2196F3;
    border: #2196F3 1px solid; // blue
}

.cgm_info_golfclub {
    color: #4CAF50;
    border: #4CAF50 1px solid; // green
}


/* Concierge statuses */
/* ------------------ */


.concierge_action {
    color: white;
    background-color: #FF6F00;
}

.concierge_status {
    color: #FF6F00;
    border: #FF6F00 1px solid;
}

.concierge_status_remarks {
    color: #FF8F00;
}



/* Golf Club statuses */
/* ------------------ */

.golfclub_action {
    color: white;
    background-color: #4CAF50;
}

.golfclub_status {
    color: #4CAF50;
    border: #4CAF50 1px solid;
}



/* Customize the label (the container) */
.cb_delete {
  display: block;
  position: relative;
  padding-left: 20px; //35px;
  //padding: 0px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 25px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.cb_delete input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 7px;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
  border: 1px solid #bbb;
}

/* On mouse-over, add a grey background color */
.cb_delete:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.cb_delete input:checked ~ .checkmark {
  background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.cb_delete input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.cb_delete .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}



/* GST Enable CB */
/* --------------*/

.cb_custom {
  display: inline; //block;
  position: absolute;
  //position: relative;
  //padding-left: 20px; //35px;
  //padding: 0px;
  //padding-top:0px;
  //padding-bottom:5px;
  //margin-bottom: 12px;
  cursor: pointer;
  font-size: 25px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.cb_custom input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.cbmark {
  position: absolute;
  //top: 7px;
  left: 0;
  height: 22px;
  width: 22px;
  background-color: #eee;
  border: 1px solid #ccc;
}

/* On mouse-over, add a grey background color */
.cb_custom:hover input ~ .cbmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.cb_custom input:checked ~ .cbmark {
  background-color: #16D39A; // Primary green
}

/* Create the cbmark/indicator (hidden when not checked) */
.cbmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the cbmark when checked */
.cb_custom input:checked ~ .cbmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.cb_custom .cbmark:after {
  left: 9px;
  top: 4px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}


.blinking {
	-webkit-animation: blink 1.2s linear infinite;
	-moz-animation: blink 1.2s linear infinite;
	-ms-animation: blink 1.2s linear infinite;
	-o-animation: blink 1.2s linear infinite;
	 animation: blink 1.2s linear infinite;
}
@-webkit-keyframes blink {
	0% { opacity: 1; }
	50% { opacity: 1; }
	50.01% { opacity: 0; }
	100% { opacity: 0; }
}
@-moz-keyframes blink {
	0% { opacity: 1; }
	50% { opacity: 1; }
	50.01% { opacity: 0; }
	100% { opacity: 0; }
}
@-ms-keyframes blink {
	0% { opacity: 1; }
	50% { opacity: 1; }
	50.01% { opacity: 0; }
	100% { opacity: 0; }
}
@-o-keyframes blink {
	0% { opacity: 1; }
	50% { opacity: 1; }
	50.01% { opacity: 0; }
	100% { opacity: 0; }
}
@keyframes blink {
	0% { opacity: 1; }
	50% { opacity: 1; }
	50.01% { opacity: 0; }
	100% { opacity: 0; }
}


fieldset legend {
    background: #1F497D;
    color: #fff;
    padding: 5px 10px ;
    font-size: 15px;
    border-radius: 5px;
    box-shadow: 0 0 0 5px #ddd;
    margin-left: 15px;
    width: 180px;
}