/* @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@300;400;500;600&display=swap'); */

.body-no-banner{ padding-top:140px; }
.clearfix:after, .container::after{ content:''; display:block; visibility:hidden; clear: both; }

.policy-findhospital{ margin-bottom: 30px; }
.policy-findhospital .row{ margin-left:-15px; margin-right:-15px; }
.policy-hospital{ float:left; width:75%; padding-left:15px; padding-right:15px; }
.policy-findhospital .sidebar { width: 25%; float:left; padding-left:15px; padding-right:15px; }

.policy-findhospital .sidebar .side-menu h4.title {
   background: #c5281c;
   color: #fff;
   padding: 15px;
   margin: 0;
   font-weight: 500;
}

.policy-findhospital .sidebar .side-menu ul {
   padding: 0;
   margin: 0;
   list-style: none;
}

.policy-findhospital .sidebar .side-menu ul li a {
   padding: 20px 15px;
   display: block;
   font-size: 1rem;
   font-weight: 300;
   background: #f2f2f2;
   border-bottom: 1px solid #ccc;
   color:#000;
}
.policy-findhospital .sidebar .side-menu ul li a {
   line-height: 1;
}

.policy-findhospital .sidebar  ul li a.active p { color: #c5281d;  font-weight: 500; }
.policy-findhospital .sidebar .side-menu ul li a p{ margin-bottom:0 !important; }

/* .policy-hospital *{ font-family: 'Noto Sans Thai' !important; } */
.policy-hospital h1 {
   width: 100%;
   float: left;
   font-size: 2rem;
   font-weight: 500;
   color: #c5281c;
   margin-bottom:5px;
}

.list-unstyled {
   padding-left: 0;
   list-style: none;
}
ul.tab-filter-menu {
   max-width: 695px;
   margin-top: 20px;
}
ul.tab-filter-menu li.active, ul.tab-filter-menu li:hover, ul.tab-filter-menu li:first-child.active {
   background-color: #c5281c !important;
}
ul.tab-filter-menu li a {
   width: 100%;
   color: #333;
   text-align: center;
   display: block;
   cursor: pointer;
   height: 45px;
   line-height: 20px;
   font-size: 0.9rem;
   margin-top: 5px;
}
ul.tab-filter-menu li, ul.tab-filter-menu li:first-child.active {
   float: left;
   width: auto;
   background-color: #f2f2f2;
   margin-right: 4px !important;
   padding: 0 10px !important;
   margin-bottom: 5px;
}
ul.tab-filter-menu li a.one-line {
   margin-top: 15px;
   height: 35px;
}
ul.tab-filter-menu li.active a, ul.tab-filter-menu li:hover a {
   color: #fff;
}

.end-line{ border-bottom: thin solid #ebebeb; }

.policy-hospital h2 {
   border-top: thin solid #ebebeb;
   font-size: 1.3rem;
   text-align: center;
   color: #000;
   padding-top: 15px;
   margin-bottom: 15px;
   width: 100%;
   position: relative;
}

.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img {
   display: block; max-width: 100%; height: auto;
}

.title-mobile, .policy-hospital .menu-bar { display:none; }

.elementor-location-footer > *{ z-index: 1 !important; }
.text-loading{ margin-top:20px; }

.policy-hospital ul.list-hospital{ display:block; }
.policy-hospital ul.list-hospital li{ display:block; width: 100%; padding: 20px; border-bottom: thin solid #ebebeb; }
.policy-hospital ul.list-hospital li a{ display:flex; flex-wrap:wrap; align-items: center; width: 100%; }
.policy-hospital ul.list-hospital li .main-txt { width: 90%; }
.policy-hospital ul.list-hospital li .arrow { width: 10%; text-align: right; }
.policy-hospital ul.list-hospital li .main-txt > *{ display:flex; flex-wrap:wrap; font-size:1rem; color: #000; width: 100%; }
.policy-hospital ul.list-hospital li .main-txt .box-right{ margin-left:auto; }
.policy-hospital ul.list-hospital li .main-txt p { font-size: 1.3rem; font-weight: 500; color: #000; margin-bottom:8px; }
.policy-hospital ul.list-hospital li .main-txt p + p{ font-size: 1rem; font-weight: 400; color: #929497; margin-bottom:0; }
.policy-hospital ul.list-hospital li a .arrow i{ display:inline-block; width:48px; height:48px; background-image: url('../img/hospital/icon-right-angle.png'); background-size: cover; }

.policy-hospital .search-province { padding-top: 25px; margin-bottom: 40px; }
.policy-hospital .search-province .col-md-6 { float:left; width:50%; padding-left: 15px; padding-right: 15px; }
.policy-hospital .search-province p{ font-weight:500; font-size:1.3rem; margin-bottom:10px; }
.policy-hospital .search-province .select2-container--default .select2-selection--single{ border:none; background-color: #f2f2f2; border-radius: 0; height:40px; }
.policy-hospital .search-province .select2-container--default .select2-selection--single .select2-selection__rendered{ line-height:40px; color:#f00; font-weight: 500; padding-left:20px; }
.policy-hospital .search-province .select2-container--default .select2-selection--single .select2-selection__arrow{ top:6px; right:10px; }


.policy-hospital .search-hospital {
  padding-top: 25px;
  padding-bottom: 40px;
  background-color: #f8f8f8;
  margin-bottom: 20px;
}
.policy-hospital .search-hospital #search{ display:block; width:60%; max-width:555px; margin:auto; }
.policy-hospital .search-hospital .input-search { position: relative;  }
.policy-hospital .search-hospital input {
   width: 100%;
   border-radius: 0;
   padding: 5px 3px 5px 50px;
   color: #000;
   border: 1px solid #ccc;
   font-size:1rem;
}
.policy-hospital .search-hospital .input-search button{ position: absolute; top:6px; background: none; border:none; width:24px; height:24px; background-size: cover; }
.policy-hospital .search-hospital .input-search .icon-search-gray {
   left: 15px; background-image:url('../img/hospital/icon-search.png');
}
.policy-hospital .search-hospital .input-search .icon-close {
   right: 15px; z-index: 100; background-image:url('../img/hospital/icon-close.png');
}

.empty{ margin:30px auto 0; padding-top:80px; background-image:url('../img/hospital/icon-ban.png'); background-size: 80px 80px; background-position: center top; background-repeat: no-repeat; }

.policy-hospital h2.header-detail {
   color: #c5261e;
   font-size: 2rem;
   text-align: left;
   padding:15px 10px 20px 45px;
   border-bottom: thin solid #ebebeb;
   border-top: thin solid #ebebeb;
   padding-top: 25px;
   margin-bottom: 30px;
   width: 100%;
   position: relative;
}
.policy-hospital h2.header-detail span.dt{ float:none !important; width: auto; position:static; }
.policy-hospital h2.header-detail .arrow-back{
   position: absolute;
   top: 30px;
   left: 0;
}

.policy-hospital .body-detail i{ margin-right:20px; }
.map-hospital{ position:relative; }
.policy-hospital #map {
   height: 500px;
   width: 100%;
   margin-top: 30px;
}

.map-hospital a.btn-diraction, .map-hospital a.set-center{
   display: block;
   width: 50px;
   height: 50px;
   padding:12px;
   background-color: #e9563b;
   border-radius: 30px;
   position: absolute;
   z-index: 200;
   bottom: 100px;
   right: 35px;
}
.map-hospital a.set-center {
   background-color: #c21b16;
   bottom: 30px;
}
.policy-hospital .call-now{ display:none; }
.policy-hospital ul.hide-distance .box-right{ display: none !important; }

@media(max-width: 767px){
   .body-no-banner{ padding-top:30px; }
   .policy-findhospital .sidebar,
   .policy-hospital h1,
   .end-line,
   .menu-en{ display:none; }
   .col-xs-12 { width: 100%; }
   .policy-hospital h2 span { float: left !important; width: 9px; top: 38%; position: absolute; top: 45%; left: 0;}
   .title-mobile, .policy-hospital .menu-bar{ display:block; }

   .policy-hospital .menu-bar {
      border-top: thin solid #ebebeb;
      border-bottom: thin solid #ebebeb;
      padding-bottom:20px;
   }
   .policy-hospital .menu-bar ul {
      width: calc(100% + 30px);
      display: table;
      margin:0 -15px 20px;
   }
   .policy-hospital .menu-bar ul li {
      width: 25%;
      height: auto;
      text-align: center;
      display: table-cell;
      vertical-align: middle;
   }
   .policy-hospital .menu-bar ul li a {
      display: block;
   }
   .policy-hospital .menu-bar ul li div.normal {
      display: block;
   }
   .policy-hospital .menu-bar ul li div.active {
      display: none;
   }
   .policy-hospital .menu-bar ul li:hover, .policy-hospital .menu-bar ul li.active {
      background-color: #c31c18;
   }
   .policy-hospital .menu-bar ul li.active div.active {
      display: block;
   }
   .policy-hospital .menu-bar ul li.active div.normal {
      display: none;
   }

   .filter-menu-hospital .title{ margin-bottom:5px; }
   .filter-menu-hospital .select2-container--default .select2-selection--single .select2-selection__rendered { padding-left:20px; }
   .filter-menu-hospital .select2-container--default .select2-selection--single{ border-radius: 0; height:32px; border-color:#ebebeb; }

   .policy-hospital ul.list-hospital li{ padding:15px 0; }
   .policy-hospital ul.list-hospital li .main-txt p{ font-size:1rem; }
   .policy-hospital ul.list-hospital li .main-txt p + p{ font-size:0.8rem; }
   .policy-hospital ul.list-hospital li .main-txt{ width:calc(100% - 40px); }
   .policy-hospital ul.list-hospital li .arrow{ width:40px; text-align: right; }
   .policy-hospital ul.list-hospital li a .arrow i{ width:30px; height:30px; }
   .policy-hospital ul.list-hospital li .main-txt .box-left{ width:calc(100% - 90px); }
   .policy-hospital ul.list-hospital li .main-txt .box-right{ width:90px; text-align: right; }

   .policy-hospital .search-province{ padding:15px 30px 0; background-color: #f8f8f8; position:relative; width:calc(100% + 30px); left:-15px; }
   .policy-hospital .search-province > ul{ padding-bottom:5px; }
   .policy-hospital .search-province .col-md-6{ width:100%; padding-bottom:15px; }
   .policy-hospital .search-province p{ font-size:1rem; margin-bottom:5px; }

   .policy-hospital #map {
      height: 320px;
      width: 100%;
      margin-top: 5px;
   }

   .policy-hospital .call-now {
      text-align: center;
      cursor: pointer;
      background-color: #22b573;
      color: #000;
      padding: 15px 0;
      display:block;
      margin:25px auto 20px;
   }

   .policy-hospital .call-now p {
      width: 100%;
      color: #fff;
      font-size: 1rem;
      text-align: center;
      margin-bottom:0;
   }

   .policy-hospital .call-now p img{ margin-right:10px; }
   .policy-hospital h2.header-detail{ font-size:1.2rem; padding-left:30px; }
   .policy-hospital .body-detail{ margin-bottom:30px; }
   .policy-hospital .body-detail p{ position:relative; padding-left:35px; }
   .policy-hospital .body-detail i{ position:absolute; left:0; top:0; }
   .policy-hospital .body-detail i img{ width:20px !important; }
}