@charset "utf-8";
/* CSS Document */

*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.settings_accordion_toggle {
	clear: left;
	float: left;
	margin-bottom: 10px;
	padding: 4px 10px 6px 4px;
	color: white;
	background-color: #00a9ad;
	font-size: 20px;
	font-weight: 550;
	border-radius: 6px;
	cursor: pointer;
}
.settings_container_table {
	float: left;
	clear: left;
	margin-bottom: 20px;
}
.ng_appointment_ticket div{
	overflow-x: visible !important;
}
.ng_appointment_ticket table{
  display: block;
  border-collapse: separate;
  border-spacing: 0;
  min-width: 350px;
	max-width: 680px;
  overflow-x: auto !important;
}
#ng_payment_table{
  display: block;
  border-collapse: separate;
  border-spacing: 0;
  min-width: 350px;
	max-width: 540px;
  overflow-x: auto !important;
}
.ng_appointment_ticket table tr th{
  border-right: 1px solid #bbb;
  border-bottom: 1px solid #bbb;
  padding: 5px;
  color:white!important;
}
.ng_appointment_ticket table tr td {
  border-right: 1px solid #bbb;
  border-bottom: 1px solid #bbb;
  padding: 5px;
}
.ng_appointment_ticket table tr th:first-child{
  border-left: 1px solid #bbb;
}
.ng_appointment_ticket table tr td:first-child {
  border-left: 1px solid #bbb;
}
.ng_appointment_ticket table th {
  background: linear-gradient(#606062, #28262b);
  color: white;
  border-top: 1px solid #bbb;
  text-align: left;
  line-height: .9em;
}
.ng_appointment_ticket table tr {
  background: #eee;
  border-top: 1px solid #bbb;
  text-align: left;
}

/* top-left border-radius */
.ng_appointment_ticket table tr:first-child th:first-child {
  border-top-left-radius: 6px;
}

/* top-right border-radius */
.ng_appointment_ticket table tr:first-child th:last-child {
  border-top-right-radius: 6px;
}

/* bottom-left border-radius */
.ng_appointment_ticket table tr:last-child td:first-child {
  border-bottom-left-radius: 6px;
}

/* bottom-right border-radius */
.ng_appointment_ticket table tr:last-child td:last-child {
  border-bottom-right-radius: 6px;
}

/*service rows gold and item rows team */
.ng_appointment_ticket tr.service_row {
	background: linear-gradient(#fff7dc, #ded2ae);		
	}
.ng_appointment_ticket tr.item_row {
	background: linear-gradient(#defeff, #b3eaeb);		
	}
.ng_appointment_ticket tr.payment_history_row {
	opacity: .6;		
	}
.ng_appointment_ticket td.ng_edit_button {
	background-image: url('https://navigroom.com/wp-content/assets/icons/edit-icon.png');
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	background-origin: padding-box;
	height: 32px;
	width: 32px;
}
.ng_appointment_ticket td.ng_edit_button.pressed {
	background-image: url('https://navigroom.com/wp-content/assets/icons/edit-icon_b.png');
	background-repeat: no-repeat;
	background-position: center; 
	background-size: contain;
	background-origin: padding-box;
	height: 32px;
	width: 32px;
}
.ng_appointment_ticket img {
	max-height: 22px;
}

.swal2-title {
	line-height: 1;
}

.customSwalBtn1, .swalBtn1{
	background: linear-gradient(#00a9ad, #008e91);
    border-left-color: rgba(214,130,47,1.00);
    border-right-color: rgba(214,130,47,1.00);
    border: 0;
    border-radius: 3px;
    box-shadow: none;
    color: #fff;
    cursor: pointer;
    font-size: 17px;
    font-weight: 500;
    margin: 30px 5px 0px 5px;
    padding: 10px 32px;
}
.customSwalBtn2, .swalBtn2{
	background: linear-gradient(#b39451, #947534);
    border-left-color: rgba(214,130,47,1.00);
    border-right-color: rgba(214,130,47,1.00);
    border: 0;
    border-radius: 3px;
    box-shadow: none;
    color: #fff;
    cursor: pointer;
    font-size: 17px;
    font-weight: 500;
    margin: 30px 5px 0px 5px;
    padding: 10px 32px;
}
.customSwalBtn3, .swalBtn3{
	background: linear-gradient(#9951b3, #743494);
    border: 0;
    border-radius: 3px;
    box-shadow: none;
    color: #fff;
    cursor: pointer;
    font-size: 17px;
    font-weight: 500;
    margin: 30px 5px 0px 5px;
    padding: 10px 32px;
}
.nav_logos {
	width: 32px;
	margin-left: 10px;
}