.ui-auth-home-gray-card {
  background-color: #eeeeee;
  margin: 20px;
  height: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.ui-auth-home-gray-button-form-bg {
  background-color: #1ebfae;
  color: white;
}

.ui-auth-home-gray-button-form-bg:hover {
  background-color: #39cfc0;
  color: white;
}

.ui-member-form-title-main {
  font-size: 20px;
  color: #424242;
  margin: 20px 0px;
}

.ui-member-form-title {
  font-size: 18px;
  color: #424242;
  margin: 20px 0px;
}

.general-height-select-field {
  height: 46px
}

.ui-select-search-member-customize {
  width: 100%;
  height: 46px;
  background-color: #eeeeee;
  border-color: #eeeeee;
  padding-left: 10px;
  cursor: pointer;
}

.ui-paragraph-letter {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 18px;
  color: rgb(39, 38, 38)
}

.family_calibri {
  font-family: calibri;
}


.remove_dote_li {
  list-style-type: none;
  margin-left: -40px
}


.remove_dote_li>li {
  margin: 5px;
}


.comment-list {
  border: 1px solid #ddd;
}

.comment-question {
  background-color: #eeeeee;
  border-radius: 15px 15px 15px 0;
  padding: 20px;
  padding: 20px;
}

.comment-answer {
  background-color: #f5f5f5;
  border-radius: 0 15px 15px 15px;
  padding: 20px;
  margin-left: 30px !important;
}

textarea {
  font-size: 1.5rem;
  letter-spacing: 1px;
}

textarea {
  padding: 10px;
  max-width: 100%;
  line-height: 1.5;
  border-radius: 5px;
  border: 1px solid #ccc;
  box-shadow: 1px 1px 1px #999;
}

html {
  scroll-behavior: smooth;
}


.ui_welcomepage_title2{
  color:#1ebfae;
  font-size:40px;
  font-weight:800;
}
.ui_footer_brand_icon{
  font-size:70px;
  color:gray;
  float: right !important;
}
.ui_footer_whatsapp_text{
  font-size:25px;
  color:gray;
  float: left !important;
}

.ui-reload-captha-button{
  padding: 16px 0; 
  background-color:#aed581;
  color:white;
  border:none;
}

.ui_welcome_member_detail_show_button{
  margin-top: -12px;
}

.ui_search_member_detail_show_button{
  background: #6cc;
  color: whitesmoke;
  padding:5px;
  margin-top:-55px;
  top:0 !important;
  margin-right: 10px;
}
.ui_search_member_detail_show_button:hover{
  color:white;
}

.ui_welcome_comment_title2{
  font-weight: 500;
  color: black;
}
.ui_contact_select_template{
  padding:10px;
  border: 1px solid white;
  border-bottom: 1px solid #ddd;
  outline: none;
}
.ui_interview_videos{
  display:flex;
  justify-content:center;
}


@media only screen and (max-device-width: 480px) {
  .ui_welcomepage_title2{
    font-size: 30px;
  }
  
  .ui_welcome_comment_title2{
   font-weight: 550;
  }
  .ui_footer_brand_icon{
    float: none !important;
  }
  .ui_footer_whatsapp_text{
    font-size: 20px;
  }

  .ui-reload-captha-button{
    padding:15px 0px !important;
  }
  .ui_welcome_member_detail_show_button{
    margin-top: 10px;
  }
  .ui_search_member_detail_show_button{
    top:30px !important;
    width: 100%;
  }
  .ui-auth-home-gray-button-form-bg{
    width: 100%;
    margin-top: 10px;
  }
  .show_member_profile_mobile_image{
    display:flex;
    justify-content: center;
  }
  .show_member_profile_mobile_name{
    margin-left: 15px;
    font-size: 14px;
  }
  .ui_mobile_show_member_generalinfo{
    margin-top: 15px;
  }
  .ui_mobile_show_member_generalinfo_line{
    margin-left: -3px !important;
  }


  .ui_interview_videos{
    flex-direction: column;
    
  }


}




.alert-text{
  color:#424242 !important;
  font-weight: bold;
}


.rq-listing-item-title h4 > a{
  cursor: pointer !important;
}











.m-1 {
  margin: 10px;
}

.m-n1 {
  margin: -10px;
}

.p-1 {
  padding: 10px;
}

.p-n1 {
  padding: -10px;
}

.m-2 {
  margin: 20px;
}

.m-n2 {
  margin: -20px;
}

.p-2 {
  padding: 20px;
}

.p-n2 {
  padding: -20px;
}

.m-3 {
  margin: 30px;
}

.m-n3 {
  margin: -30px;
}

.p-3 {
  padding: 30px;
}

.p-n3 {
  padding: -30px;
}

.m-4 {
  margin: 40px;
}

.m-n4 {
  margin: -40px;
}

.p-4 {
  padding: 40px;
}

.p-n4 {
  padding: -40px;
}

.m-5 {
  margin: 50px;
}

.m-n5 {
  margin: -50px;
}

.p-5 {
  padding: 50px;
}

.p-n5 {
  padding: -50px;
}

.mt-1 {
  margin-top: 10px;
}

.mt-n1 {
  margin-top: -10px;
}


.pt-1 {
  padding-top: 10px;
}

.pt-n1 {
  padding-top: -10px;
}

.mt-2 {
  margin-top: 20px;
}

.mt-n2 {
  margin-top: -20px;
}

.pt-2 {
  padding-top: 20px;
}

.pt-n2 {
  padding-top: -20px;
}

.mt-3 {
  margin-top: 30px;
}

.mt-n3 {
  margin-top: -30px;
}

.pt-3 {
  padding-top: 30px;
}

.pt-n3 {
  padding-top: -30px;
}


.mt-4 {
  margin-top: 40px;
}

.mt-n4 {
  margin-top: - 40px;
}


.pt-4 {
  padding-top: 40px;
}

.pt-n4 {
  padding-top: -40px;
}

.mt-5 {
  margin-top: 50px;
}

.mt-n5 {
  margin-top: -50px;
}

.pt-5 {
  padding-top: 50px;
}

.pt-n5 {
  padding-top: -50px;
}


.mb-1 {
  margin-bottom: 10px;
}

.mb-n1 {
  margin-bottom: -10px;
}

.mb-n1 {
  margin-bottom: -10px;
}

.pb-1 {
  padding-bottom: 10px;
}

.pb-n1 {
  padding-bottom: -10px;
}

.mb-2 {
  margin-bottom: 20px;
}

.mb-n2 {
  margin-bottom: -20px;
}

.pb-2 {
  padding-bottom: 20px;
}

.pb-n2 {
  padding-bottom: -20px;
}

.mb-3 {
  margin-bottom: 30px;
}

.mb-n3 {
  margin-bottom: -30px;
}

.pb-3 {
  padding-bottom: 30px;
}

.pb-n3 {
  padding-bottom: -30px;
}

.mb-4 {
  margin-bottom: 40px;
}

.mb-n4 {
  margin-bottom: -40px;
}

.pb-4 {
  padding-bottom: 40px;
}

.pb-n4 {
  padding-bottom: -40px;
}

.mb-5 {
  margin-bottom: 50px;
}

.mb-n5 {
  margin-bottom: -50px;
}

.pb-5 {
  padding-bottom: 50px;
}

.pb-n5 {
  padding-bottom: -50px;
}

.ml-1 {
  margin-left: 10px;
}

.ml-n1 {
  margin-left: -10px;
}

.pl-1 {
  padding-left: 10px;
}

.pl-n1 {
  padding-left: -10px;
}

.ml-2 {
  margin-left: 20px;
}

.ml-n2 {
  margin-left: -20px;
}

.pl-2 {
  padding-left: 20px;
}

.pl-n2 {
  padding-left: -20px;
}

.ml-3 {
  margin-left: 30px;
}

.ml-n3 {
  margin-left: -30px;
}

.pl-3 {
  padding-left: 30px;
}

.pl-n3 {
  padding-left: -30px;
}

.ml-4 {
  margin-left: 40px;
}

.ml-n4 {
  margin-left: -40px;
}

.pl-4 {
  padding-left: 40px;
}

.pl-n4 {
  padding-left: -40px;
}

.ml-5 {
  margin-left: 50px;
}

.ml-n5 {
  margin-left: -50px;
}

.pl-5 {
  padding-left: 50px;
}

.pl-n5 {
  padding-left: -50px;
}

.mr-1 {
  margin-right: 10px;
}

.mr-n1 {
  margin-right: -10px;
}

.pr-1 {
  padding-right: 10px;
}

.pr-n1 {
  padding-right: -10px;
}

.mr-2 {
  margin-right: 20px;
}

.mr-n2 {
  margin-right: -20px;
}

.pr-2 {
  padding-right: 20px;
}

.pr-n2 {
  padding-right: -20px;
}

.mr-3 {
  margin-right: 30px;
}

.mr-n3 {
  margin-right: -30px;
}

.pr-3 {
  padding-right: 30px;
}

.pr-n3 {
  padding-right: -30px;
}

.mr-4 {
  margin-right: 40px;
}

.mr-n4 {
  margin-right: -40px;
}

.pr-4 {
  padding-right: 40px;
}

.pr-n4 {
  padding-right: -40px;
}

.mr-5 {
  margin-right: 50px;
}

.mr-n5 {
  margin-right: -50px;
}

.pr-5 {
  padding-right: 50px;
}

.pr-n5 {
  padding-right: -50px;
}




.middle_center {
  display: flex;
  justify-content: center;
  text-align: center;
  align-items: center;
}



.swal2-popup {
  font-size: 1.6rem !important;
  font-family: Georgia, serif !important;
}


input.form-control {
  border: 1px solid #ddd;
  box-shadow: none;
  height: 46px;
}

.bootstrap-table input.form-control {
  height: 34px;
}

.input-group-btn .btn {
  height: 46px;
}

.form-control:focus {
  border: 1px solid #30a5ff;
  outline: 0;
  box-shadow: inset 0px 0px 0px 1px #30a5ff;
}