/* @import url('https://fonts.googleapis.com/css?family=Open+Sans'); */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');
body {
  font-family: 'Open Sans', sans-serif;
  color: #313131;
  font-size: 14px;
  line-height: 1.5;
  overflow-x: hidden;
  background: #edf4f7;
}
/* Common Styles section:start */
a:hover {
  text-decoration: none;
}
.fas {
  font-size: 0.8rem;
}
.fas:hover {
  cursor: pointer !important;
}
.fa-edit {
  color: #008bb5;
}
.list-group {
  margin-bottom: 1px;
}
.bg-phtone {
  background: #f5f7f9;
}
.btn-two {
  background: linear-gradient(45deg, #43a047, #1de9b6) !important;
  color: #fff;
}
.btn-two:hover {
  background: linear-gradient(270deg, #31a736, #0fe0ac) !important;
  color: #fff;
}
.btn-search {
  font-size: 1.5rem;
  margin-top: -2px;
  padding: 0px 5px !important
}
.pht-cust_card {
  height: calc(100vh - 85px);
}
.pht-cust_card>.card-body {
  overflow-y: auto;
}
.pht-cont-body {
  max-height: calc(100vh - 165px);
  overflow-y: auto;
  overflow-x: hidden;
}
#pht-card-2 {
  height: calc(100vh - 136px) !important;
}
.pht-cust_card>.card-header {
  background: linear-gradient(to right, #c8102e, #ff4b2b);
  height: 50px;
  line-height: 2;
  color: #fff;
}
.pft-cust-text,
.pht-ipttext {
  font-size: 14px;
  padding: .395rem .75rem;
}
#store-list-card {
  height: calc(100vh - 88px) !important;
}
.table-hover tbody tr:hover {
  color: #212529;
  background-color: rgba(239, 239, 239, 0.22);
}
td {
  vertical-align: middle !important;
}
.wrapper {
  display: flex;
  width: 100%;
  align-items: stretch;
}
#Left_Nav {
  width: 236px;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  z-index: 999;
  height: 100vh;
  background: #fff;
}
#Left_Nav.active {
  margin-left: -236px;
}
#main_content.active {
  margin-left: 0px;
}
#Left_Nav.active>#logo-sec.pht-logo>img {
  width: 100%;
}
#logo-sec {
  width: 220px;
  padding: 0.4rem 0px;
  margin-bottom: 1rem;
  border-bottom: 1px solid #f9f9f9;
  border-right: 1px solid #f9f9f9;
}
.nav_tgleBtn {
  border-right: 1px solid #ddd;
  padding-right: 17px;
  padding-left: 2px;
  height: 60px;
  padding-top: 13px;
  font-size: 25px;
  cursor: pointer;
}
.nav_tgleBtn>a {
  color: #40514e;
}
.navbar {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12);
  height: 60px;
  background: #fff;
  padding-left: 1rem;
  padding-right: 1rem;
}
.nav-drpbtn {
  border-radius: 20px;
  background: #fff;
  padding: 10px 12px;
  background: linear-gradient(45deg, #0288d1, #26c6da);
  transition: background 0.5s ease;
}
.nav-drpbtn:hover {
  background-position: 110px 41px;
  transition: background 0.2s linear;
}
.nav-item .nav-drpbtn:hover {
  color: #fff !important;
}
.fa-plus-circle {
  font-size: 1.5rem;
}
.pl0{
  padding-left: 0 !important;
}
.pr1{
  padding-right: 0.3rem !important;
}
.mr1{
  margin-right: 0.3rem;
}
.tran_btn{
  margin-right: 1rem;
  padding: 6px 8px;
}
.h35{
  height: 35px;
}
.h50{
  height: 50px !important;
}
.card-btnlink {
  background: #5C913B;
  padding: 5px 8px;
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
  clear: both;
  border: 0px;
  line-height: initial
}
.card-btnlink-two btn {
  background: linear-gradient(45deg, #0288d1, #26c6da) !important;
  color: #fff;
  padding: 5px 8px;
  border-radius: 5px;
}
.card-btnlink-two btn:hover {
  background: linear-gradient(45deg, #076da5, #14aabd) !important;
  color: #fff;
  padding: 5px 8px;
  border-radius: 5px;
}
.pht-menu-active {
  color: #fff;
  background: linear-gradient(45deg, #0288d1, #26c6da) !important;
  box-shadow: 0 6px 20px 0 rgba(38, 198, 218, .5) !important;
  border-radius: 2px !important;
  margin: 2px 0px;
}
.list-group-item.active {
  color: #818E94 !important;
  background-color: #DEF6FF !important;
  cursor: pointer;
}
.nav-link.active,
.nav-pills .show>.nav-link {
  color: #C8102E !important;
  background: transparent !important;
  border-left: 3px solid #4C92E3;
  border-radius: 0px;
}
.menu-nav-pills .nav-link {
  margin: 2px 0px;
  color: #818E94;
}
.menu-nav-pills .nav-link:focus, .menu-nav-pills .nav-link:hover {
  color: #818E94;
}
.users-nav-pills .nav-item>.nav-link {
  cursor: pointer;
  color: #3D3D3D;
  margin-right: 2rem;
}

.future-order-offset-header {
  font-size: 16px;
}
.users-nav-pills .nav-item .nav-link.active {
  color: #C8102E !important;
  background: transparent !important;
  border-bottom: 4px solid #C8102E;
  border-radius: 0px;
  border-left: none !important;
  font-weight: 400;
}
.menu-nav-pills {
  color: #667084;
}
.cust-navpill .nav-link.active,
.nav-pills .show>.nav-link {
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.menu-vertical-nav {
  height: calc(100vh - 108px);
}
.btn-file {
  overflow: hidden;
  position: relative;
  vertical-align: middle;
}
.btn-file>input {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  font-size: 23px;
  height: 100%;
  width: 100%;
  direction: ltr;
  cursor: pointer;
}
.switch {
  position: relative;
  display: inline-block;
  width: 45px;
  height: 20px;
  margin-left: 7px;
}
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12);
}
.slider:before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  top: 2px;
  left: 0;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}
.form-control {
  color: #212529 !important;
  border-radius: 0 !important;
  font-weight: 500 !important;
}
input:checked+.slider {
  background-color: #5C913B;
}
.list-group-item {
  color: #818E94 !important;
}
input:focus+.slider {
  box-shadow: 0 0 1px #2196F3;
}
input:checked+.slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}
table thead tr th {
  border-top: 1px solid #dee2e6;
  border-bottom-width: 2px !important;
  border-bottom-color: #dee2e6 !important;
}
.slider.round {
  border-radius: 34px;
}
.slider.round:before {
  border-radius: 50%;
}
.store-creation-card {
  background: #fff;
  border: 1px solid #dcdcdc;
  border-radius: 5px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .12), 0 1px 5px 0 rgba(0, 0, 0, .2);
  height: calc(100vh - 145px) !important;
  overflow-y: auto;
}
.toy_name>[type=checkbox] {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}
.toy_name>[type=checkbox]+img {
  cursor: pointer;
  width: 35px;
  filter: grayscale(1);
}
.toy_name>[type=checkbox]:checked+img {
  border-radius: 20px;
  filter: none !important;
}
.toy_name>[type=checkbox]:checked+.bt_name {
  color: #ff6600 !important;
}
.kml-upload>input[type="file"] {
  display: none;
}
.custom-file-upload {
  border: 1px solid #ccc;
  display: inline-block;
  padding: 6px 12px;
  cursor: pointer;
  border-radius: .25rem;
}
.mandatory {
  color: red;
}
.upload_var{
      padding: 0 !important;
}
.upload_subvar{
  border: 1px solid #C9C9C9;
  border-radius: 4px;
  margin: 0.5rem;
  background-color: #F6F6F6;
}
.Upload_cls{
  border-radius: 20%;
  width: 80px;
  height: 80px;
  margin-right: 15px;
  margin-top: 15px;
}
.Upload_subcls{
  height: 80px; 
  width: 100px;  
  margin-top: 15px;
}
.tl{
  text-align: left !important;
}
.pxy1{
  padding: 0 0.5rem;
}
label {
  margin-bottom: 0.5rem;
  color: #000;
  font-weight: 600;
}
.pht-franchise-list-card-sec {
  position: relative;
}
.form-group {
  margin-bottom: 1rem;
}
.form-group label {
  margin-bottom: 10px !important;
  color: #000;
  font-weight: 600;
  /* margin-bottom: 0.1rem; */
}
.navbar-nav .dropdown-menu {
  right: 0;
}
.list-group-item {
  padding: .75rem 1.25rem;
}
.fa-trash-alt {
  color: #818e94;
}
.up-arrow {
  position: fixed;
  right: 10px;
  bottom: 15px;
}
.up-arrow i {
  font-size: 2rem;
}
.refreshRestaurant {
  float: right;
}
button.close {
  border: 0px;
  background: none;
}
button.close span {
  color: #818E94;
  font-size: 1.5rem;
}
button.close span:hover {
  color: #000 !important;
}
.enable_green {
  width: fit-content;
  background: #338037 !important;
  color: #fff;
  padding: 0 10px;
  font-weight: 300;
  margin: auto;
  border-radius: 30px;
}
.disable_red {
  width: fit-content;
  background: #D45A4B;
  color: #fff;
  padding: 0 10px;
  font-weight: 300;
  margin: auto;
  border-radius: 30px;
}