@charset "utf-8";
.rounditborderbg {
	width: 98%;
	max-width: 780px;
	margin-top: 5px;
	margin: auto;
	border: 1px solid #0c1738;
	padding: 15px;
	border-radius: 15px;
	background: rgba(255, 255, 255, .75);
}
.rounditborderbg li {margin-left: 15px; padding-top:10px;padding-bottom: 3px;}
.rounditborderbg em {font-size:large;}
	
.button_style_register, #add_item {
	font-size: medium;
	font-weight: regular;
	color: white;
	text-shadow: 1px 1px #888888;
	padding: 2px 8px;
	margin: 2px;
	background: linear-gradient(#00a9ad, #008e91);
	border-radius: 8px;
	box-shadow: 1px 1px 2px #888888;
	}
.button_style_schedule, #add_service{
	font-size: medium;
	font-weight: regular;
	color: white;
	text-shadow: 1px 1px #888888;
	padding: 2px 8px;
	margin: 2px;
	background: linear-gradient(#b39451, #947534);
	border-radius: 8px;
	box-shadow: 1px 1px 2px #888888;
}
.button_style_purple, #done{
	font-size: medium;
	font-weight: regular;
	color: white;
	text-shadow: 1px 1px #888888;
	padding: 2px 8px; margin: 2px;
	background: linear-gradient(#b987d9, #8e60ab);
	border-radius: 8px;
	box-shadow: 1px 1px 2px #888888;
}
.cancel_item, #cancel_appt {
	font-size: medium;
	font-weight: regular;
	color: white;
	text-shadow: 1px 1px #888888;
	padding: 1px 6px;
	margin: 3px 15px;
	background: linear-gradient(#C2616D, #943E49);
	border-radius: 6px;
	box-shadow: 1px 1px 2px #888888;
}
.cancel_item_mini {
	font-size: small;
	font-weight: regular;
	color: white;
	text-shadow: 1px 1px #888888;
	padding: 1px 4px;
	margin: 3px 15px;
	background: linear-gradient(#C2616D, #943E49);
	border-radius: 4px;
	box-shadow: 0.5px 0.5px 1px #888888;
}
.textlogo {
		max-width: 150px;
		margin-bottom: 20px;
	}
.unit_popup_acp{
	display: block;
	background-color: transparent;
	background: url(https://navigroom.com/wp-content/uploads/2017/07/Login-BG.jpg) no-repeat center center fixed;
	font-weight: bold;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 10px;
}
.unit_popup_acp button{
	font-size: 1.2em;
	padding: .125em 0.5em!important;
	display: block;
	margin: auto;
	margin-top: 10px;
	margin-bottom: 0px;
}
.unit_name_acp {
	color: black;
	background-color: white;
	border-radius: 5px;
	font-weight: normal;
}
.provider_name_acp {	
	border-radius: 5px;
	font-weight: normal;
}
.provider_name_acp_no_click {	
	border-radius: 5px;
	font-weight: normal;
}
.provider_popup_acp{
    color: #111;
	background-color: transparent;
	background: url(https://navigroom.com/wp-content/uploads/2017/07/Login-BG.jpg) no-repeat center center fixed;
	font-weight: bold;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
}
.provider_popup_acp span{
	padding: 2px 10px;
	border-radius: 5px;
	border: 1px solid black;
}
.provider_popup_acp button{
	font-size: 1em;
	padding: .125em 0.5em!important;
	display: block;
	margin: auto;
	margin-top: 10px;
	margin-bottom: 0px;
}
.ng_appointment_ticket {
	color: #222;
}
.ng_appointment_ticket del{
	display: none;
}
.ng_appointment_ticket p:nth-of-type(odd) {
	text-align: left;
	background-color: #eee;
	border: 1px solid #ccc;
	border-radius: 5px;
	margin-top: 5px;
	padding: 5px;
}
.ng_appointment_ticket p:nth-of-type(even) {
	text-align: left;
	background-color: rgba(20, 20, 60, .1);
	border-radius: 5px;
	margin-top: 5px;
	padding: 5px;
}
.ng_appointment_ticket p:last-of-type {
	text-align: center;
	background: linear-gradient(#606062, #28262b);
	color: #eee;
	border-radius: 5px;
	margin-top: 5px;
	padding: 5px;
	font-size: medium;
	font-weight: bold;
	line-height:.9em
}
.ng_appointment_ticket input,select{
	margin: 2px;
	border-radius: 4px;
	border:none;
  	min-width:10px;
	margin-right: 3px;
	margin-left: 3px;
    max-width: 95%;
}
.ng_pet_details {
	color: #222;
}
.ng_pet_details del{
	display: none;
}
.ng_pet_details p:nth-of-type(odd) {
	text-align: left;
	background-color: #eee;
	border: 1px solid #ccc;
	border-radius: 5px;
	margin-top: 5px;
	padding: 5px;
}
.ng_pet_details p:nth-of-type(even) {
	text-align: left;
	background-color: rgba(20, 20, 60, .1);
	border-radius: 5px;
	margin-top: 5px;
	padding: 5px;
}
.ng_pet_details input,select{
	margin: 2px;
	border-radius: 4px;
	border:none;
  	min-width:10px;
	margin-right: 3px;
	margin-left: 3px;
    max-width: 95%;
}
.ng_payment_ticket p:nth-of-type(odd) {
	text-align: left;
	background-color: #eee;
	border: 1px solid #ccc;
	border-radius: 5px;
	margin-top: 5px;
	padding: 5px;
}
.ng_payment_ticket p:nth-of-type(even) {
	text-align: left;
	background-color: rgba(20, 20, 60, .1);
	border-radius: 5px;
	margin-top: 5px;
	padding: 5px;
}
.ng_payment_ticket span.ng_edit_button {
	display: inline-block;
	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_payment_ticket span.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;
}
.data_field {
	display: inline-block;
	background: rgba(255, 255, 255, .5);
	color: black!important;
	margin: 4px;
	border-radius: 4px;
	border:none;
	padding: 4px;
}
.disabled_box{
	color: black!important;
	margin: 4px;
	border-radius: 4px;
	border:none;
	padding: 4px;
  	/*width:30px;*/
}
.service_row {
	width: 98%;
	margin-top: 5px;
	border: 1px solid #0c1738;
	padding: 20px;
	border-radius: 15px;
	background: rgba(255, 255, 255, .9);
}
.ticket_label{
	display: inline-block;
    margin-top: 10px;
	width: 80px;
	text-align: right;
	white-space: nowrap;
}
.info_label {
	margin: auto;
	text-align: center;
	border: 1px solid #ddd;
	padding: 1px 10px;
	border-radius: 4px;
	background: rgba(255, 255, 255, .9);
}.line_item_label {
	margin: auto;
	margin-left: 10px;
	text-align: center;
	border: 1px solid #ddd;
	padding: 1px 10px;
	border-radius: 4px;
	background: rgba(255, 255, 255, .6);
}
.action_bar {
	display: inline-block;
	text-align: center;
	background: #DCDCDC;
	color: #313131;
	border-radius: 5px;
	border: 1px solid #8C8C8C;
	margin-top: 4px;
	margin-bottom: 4px;
	padding: 2px 12px;
	font-size: medium;
	font-weight: normal;
	line-height: 1.8em;
	box-decoration-break: clone;
  	-webkit-box-decoration-break: clone;
}
.swal2-title {
	line-height: 1;
}
input.invalid, textarea.invalid {
		border: 1px solid red;
	}
input.valid, textarea.valid {
		border: none;
	}
.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;
	}
@media all and (max-width: 680px){
	.rounditborderbg {
		width: 100%;
		padding: 4px;
	}
	.container{
		width: 98%!important;
		margin: 2%!important;
	}
	.action_bar{
		border: none;
		width: 100%;
		padding: none;
		margin: none;
		text-align: center;
		/*white-space:nowrap;*/
	}
	p.service_row > span,
	p.service_row > select{
	    width: 100%;
        text-align: left;
    }
}