/*///// Appointment Hour Booking///// */
/*///// COMMON CODE  /////*/

/* THEME COLOR : #FF9919D6  */
/* FONT */
@font-face{
    font-family: 'Pretendard-Regular';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

#fbuilder{
    font-family: 'Pretendard-Regular', noto sans KR, Arial, sans-serif;
}


/* Address Dropbox Font _ "Pretendard" ????*/
#fbuilder .custom_address_form {
	font-family: 'Pretendard-Regular';
}


#fieldlist_1 {
	padding-bottom : 2rem;
}
/* /////////////////////////////////////////////////// */
#fbuilder .ui-datepicker-inline { max-width:none !important; }

/* service dropdown & service name hiding */
#fbuilder .custom_book_schedule .fieldCalendarService { 
	display: none 
}
/* hide the "### ### ####"  */
.uh_phone .l{display:none}
/* input, textarea styleing */
#fbuilder input, textarea {
	border: none;
	border-bottom: 1px solid rgba(0,0,0,0.15);
	background-color: #FFFFFF;
	font-family: 'Pretendard-Regular';
}

#fbuilder input:focus, textarea:focus {
	outline: none;
	border-bottom: 1px solid rgba(0,0,0,0.5);
}
#fbuilder textarea {
	border: 1px solid rgba(0,0,0,0.2);
}
#fbuilder textarea:focus {	
	border: 1px solid rgba(0,0,0,0.5);
}


#fbuilder input::placeholder, textarea::placeholder {
	font-size: 1rem;
}
#fbuilder input[type=text], input[type=number] {
	padding: 12px 0 0 0;
}
#fbuilder input[type=checkbox] {
	accent-color: #FF9919D6;
}
#fbuilder input[type='radio'] {
    appearance: none;
	width: 15px;
    height: 15px;
    border-radius: 100%;
    position: relative;
    background-color: white;
    visibility: visible;
    border: 1px solid rgb(150,150,150);
}


#fbuilder input[type='radio']:checked {
	appearance: none;
	width: 15px;
	height: 15px;
    border-radius: 100%;
    position: relative;
    background-color: #FF9919D6;
    content: '';
    display: inline-block;
    visibility: visible;
    border: 1px solid orange;
}

/* Testing Reservation Page form (Blue tone) */
#fbuilder .testing_check_box input[type=checkbox] {
	accent-color: #0285FF;
}
#fbuilder .testing_check_radio input[type='radio']:checked {
        background-color: #0285FF;
        border: 1px solid rgb(2, 133, 255, 0.5);
}


/* star mark */
#fbuilder .r {
	color : red;
	margin-left : 3px;
	font-weight : bold;
}
/* yoil bold-text */
#fbuilder .ui-datepicker th span
{font-weight : bold}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  margin: 0;
}
input[type=number] {
    -webkit-appearance: textfield;
	-moz-appearance: textfield;
}
/* year, month font size */
.ui-datepicker-title span {
	font-size : 1.5rem;
}
.ui-datepicker-title *{
	font-size : 1.5rem;
}


/* ///////////////////////////////// */
/* LABEL BOLDER */
#fbuilder > label, .custom_summary_title > label {
	font-weight : bold;
} 

/* /////////////////////////////////////////////////// */
/* BUTTON */
/* NOT WORK -- WORKING after cloudflare is generated*/
#fbuilder .pbreak .pbPrevious, #fbuilder .pbreak .pbNext, #fbuilder .pbSubmit {
	appearance : none;
}
/* PREV, NEXT BUTTON */
/* #fbuilder .pbNext, #fbuilder .pbPrevious {
	cursor: pointer;
	width: 10rem;
	margin-left: auto;
	margin-top: 1rem;
	text-align: center;
	background-color: #e7e7e7;
	border : none;
	border-radius : 15px;
	margin-top: 1rem;
       height: 3rem;
    line-height: 3rem;
	padding-left: 2rem;
    padding-right: 2rem;
} 

#fbuilder .pbPrevious {
	margin-right: auto;
	margin-left: 0;
}
*/

/* Submit Button */
#fbuilder .pbSubmit {
    color: white;
    display: table;
    border: none;
    border-radius: 15px;
    text-decoration: none;
    font-weight: bold;
    background-color: #FF9919D6;
    font-size: 1.2rem;
    width: auto;
    height: 3.5rem;
    margin-left: auto;
    margin-right: auto;
    margin-top: 2rem;
    padding-left: 7rem;
    padding-right: 7rem;
}

/* Submit Button - Testing reservation Page */
#fbuilder .testing_contact ~ button {
    background-color: #0285FF;
	color: white;
}

#fbuilder .fieldCalendar {
  position: relative;
  z-index : 0;
}

#fbuilder .fielidset .legend {
	background-color: #FF9919D6;
}


/* Testing page Cancel button - Making background-color Blue */
#fbuilder .custom_testing_cal a.cancel:before {
	background-color: #0285FF;
}

/* /////////////////////////////////////////// */
/* PAGE 1 STYLING */
/* /////////////////////////////////////////// */

#fbuilder .custom_book_select > label {
	font-size : 1.5rem;
	font-weight : bolder;
}

#fbuilder .custom_book_select .dfield {
	margin-top : 0.5rem;
	margin-bottom : 1rem;
	font-size : 1.2rem;
}

#fbuilder .custom_book_select .dfield .two_column {
    margin-bottom : 0.5rem;
}

#fbuilder .custom_book_select .dfield .uh {
	font-size : 1rem;
}

.custom_book_cancelNoti {
	margin-left: 1rem;
	color: rgba(0,0,0,0.5);
}

#fbuilder .custom_pageTitle {
	width: 100%;
	margin-top: 1rem;
}

#fbuilder .custom_pageTitle label {
	font-size : 1.5rem;
	font-weight : bolder;
}
#fbuilder .custom_pageTitle span {
	width: 100%;
	font-size : 1rem;
}

#fbuilder .custom_bookTitle label {
	font-size : 1.5rem;
	font-weight : bolder;
}

#fbuilder .custom_bookTitle .one_column {
	margin-top : 0.5rem;
}

#fbuilder .custom_bookTitle .one_column label {
	font-size : 1.2rem;
	font-weight : normal;
}


#fbuilder .custom_bookTitle span {
	margin-top : 0.5rem;
	width: 100%;
	font-size : 1rem;
}


#fbuilder .custom_area {
	margin-top : 1rem;
	margin-left : 1rem;
}

#fbuilder .custom_check_subject {
    margin-top : -1rem;
}

#fbuilder .custom_check_motivation {
    margin-top : 2rem;
}


#fbuilder .custom_area > label, .custom_check_motivation > label, .custom_check_contact > label, .custom_check_counselling > label, .custom_address_form > label, .custom_check_motiv > label, .custom_check_coalition > label, .custom_check_after> label {
	font-weight : bold;
}

/* counselling register form - Address form */
#fbuilder .custom_area select {
	font-family : pretendard;
    padding-left: 10px;
}



/* ////SUMMARY/// */
#fbuilder .custom_summary_div {
	background-color: #FFE2BE;
	padding-left: 1.5rem;
	padding-right: 1.5rem;
/*     min-height: 200px; */
        margin-top : 2rem;
	border-radius : 15px;
}

#fbuilder .custom_summary_title {
	margin-top : 1rem;
	font-size : 1.2rem;	
}
#fbuilder .summary-field-title {
	font-weight: bold;
}

.custom_sectionBar {
	margin: 1.5rem 0 1.5rem 0;
}



.custom_check_personalinfo_container {
	display : flex;
	justify-content : center;
	align-items : center;
	text-align : center;
	margin : 1rem;
	margin-top : 3rem;
}

.custom_check_personalinfo > label {
	font-size : 1.2rem;
}

.custom_book_agreeCheckbox {
	margin-top : 1rem;
	margin-bottom : 1rem;
}

.custom_book_counselling {
	margin-top : 1rem;
	margin-bottom : 1rem;
}

/* Agreement for condition _ Making bolder */
#fieldname9_1 {
        font-weight: bold;
        margin-bottom: 1rem;
}

/* Changing The CircleColor of Selected Date */
#fbuilder .custom_book_schedule td a.ui-state-default.ui-state-active {
	background-color: orange;
}
/* calender arrow bigger */
.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span {
margin-left: 10px !important;
margin-top: 30px !important
}

.ui-datepicker .ui-datepicker-title {
line-height: 75px !important;
font-size: 90% !important;
}