* {
   margin: 0;
   padding: 0;
}
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;700&display=swap");

html {
   height: 100%;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
   font-weight: 700;
}
@font-face {
   font-family: "bebas_neuebold";
   src:
      url("../fonts/bebasneue_bold.woff2") format("woff2"),
      url("../fonts/bebasneue_bold.woff") format("woff");
   font-weight: normal;
   font-style: normal;
}
@font-face {
   font-family: "bebas_neuebook";
   src:
      url("../fonts/bebasneue_book.woff2") format("woff2"),
      url("../fonts/bebasneue_book.woff") format("woff");
   font-weight: normal;
   font-style: normal;
}
@font-face {
   font-family: "bebas_neuelight";
   src:
      url("../fonts/bebasneue_light.woff2") format("woff2"),
      url("../fonts/bebasneue_light.woff") format("woff");
   font-weight: normal;
   font-style: normal;
}
@font-face {
   font-family: "bebas_neue_regularregular";
   src:
      url("../fonts/bebasneue_regular.woff2") format("woff2"),
      url("../fonts/bebasneue_regular.woff") format("woff");
   font-weight: normal;
   font-style: normal;
}
@font-face {
   font-family: "bebas_neuethin";
   src:
      url("../fonts/bebasneue_thin.woff2") format("woff2"),
      url("../fonts/bebasneue_thin.woff") format("woff");
   font-weight: normal;
   font-style: normal;
}
@font-face {
   font-family: "Apercu Pro";
   src:
      url("../fonts/ApercuPro-Bold.woff2") format("woff2"),
      url("../fonts/ApercuPro-Bold.woff") format("woff");
   font-weight: bold;
   font-style: normal;
   font-display: swap;
}
@font-face {
   font-family: "Apercu Pro";
   src:
      url("../fonts/ApercuPro-Medium.woff2") format("woff2"),
      url("../fonts/ApercuPro-Medium.woff") format("woff");
   font-weight: 500;
   font-style: normal;
   font-display: swap;
}
@font-face {
   font-family: "Apercu Pro Mono";
   src:
      url("../fonts/ApercuPro-Mono.woff2") format("woff2"),
      url("../fonts/ApercuPro-Mono.woff") format("woff");
   font-weight: normal;
   font-style: normal;
   font-display: swap;
}
.content-view * {
   font-family: "bebas_neuebold";
}
.content-view h2 {
   font-family: "bebas_neue_regularregular";
}
.previously-served h3 {
   font-family: "bebas_neuebook";
}
.table-screen .content-view h2 {
   border-bottom-width: 1.1vh !important;
}

/* Header*/
.wrapper {
   width: 100%;
   float: left;
}
header {
   width: 100%;
   float: left;
   margin-top: 15px;
   height: 60px;
   background: #ffffff;
}
.container {
   padding: 0px;
}
.navigation-bar {
   width: 100%;
   float: left;
}

.logo1 img {
   max-width: 100px;
}
ul.navigation {
   /*float:left;*/
   list-style-type: none;
   margin: 0px;
}
ul.navigation li {
   display: inline-block;
   font-size: 15px;
   font-weight: 700;
   text-transform: uppercase;
   margin-left: 26px;
   position: relative;
}
ul.navigation li a {
   color: #807f84;
}
ul.navigation li a .fa {
   margin: 0px 0px 0px 5px;
}
ul.navigation li .submenu {
   display: none;
}
ul.navigation li a:hover,
ul.navigation li a:focus {
   /*color:#b30538;*/
   text-decoration: none;
}
ul.navigation li .submenu li {
   width: 100%;
   float: left;
   margin-left: 0px;
   border-bottom: 1px solid #dddddd;
   font-size: 15px;
}
ul.navigation li .submenu li:last-child {
   border-bottom: none;
}
ul.navigation li .submenu {
   position: absolute;
   width: 250px;
   right: 0px;
   top: 100%;
   padding: 5px 10px;
   background: #ffffff;
   box-sizing: border-box;
   box-shadow: 0 0 5px rgba(24, 24, 24, 0.2);
   -webkit-box-shadow: 0 0 5px rgba(24, 24, 24, 0.2);
   border-radius: 3px;
   z-index: 99;
}
ul.navigation li .submenu li a {
   width: 100%;
   float: left;
   padding: 10px 0px 10px 37px;
}
ul.navigation li a:hover {
   color: #5f6ec5;
}
ul.navigation li .submenu li a:before {
   content: "\f105";
   left: 16px;
   font-family: fontawesome;
   position: absolute;
}
/*Navigation new amit rai*/
@media (min-width: 992px) {
   .container {
      width: 100%;
      max-width: 1280px;
   }
   ul.navigation {
      list-style-type: none;
   }
   ul.navigation li {
      margin-left: 15px;
   }
   ul.navigation li.logo1 {
      width: 250px;
      margin-left: 0;
   }
   .logo1 img {
      max-width: 100px;
      position: absolute;
      left: 0;
      top: 50%;
      transform: translateY(-50%);
      -webkit-transform: translateY(-50%);
      margin-top: -7px;
   }
}
/**/
header .btn {
   float: right;
   border: 1px solid /*#b30538*/;
   background: transparent;
   font-size: 15px;
   color: #b30538;
   padding: 6px 26px;
   margin: 6px 0px 0px 0px;
   border-radius: 3px;
   line-height: 1.2;
}

header .btn:hover,
header .btn:focus {
   color: #ffffff !important; /* background:#b30538;*/
}
.responsive-menu {
   display: none;
}
.mobile-menu1 {
   display: none;
}
.custom-dropdown-user li {
   text-transform: capitalize;
}
.main {
   width: 100%;
   float: left;
   padding: 20px 0px 0;
}
.main-total {
   text-align: center;
   margin-bottom: 15px;
}
/*.main-total .total-div:first-child{margin:0px 10px 0px 0px;}
.main-total .total-div:last-child{margin:0px 0px 0px 10px;}*/
.total-div {
   width: 100%;
   display: inline-block;
   border-radius: 4px;
   background: #b30538;
   margin-bottom: 10px;
}
.total-inner {
   width: 100%;
   float: left;
   padding: 30px 20px 15px 20px;
}
.total-inner img {
   float: right;
   margin: 12px 0px 0px 0px;
}
.total-inner span {
   max-width: 150px;
   float: left;
   text-align: left;
   font-size: 19px;
   color: #ffffff;
   margin: 0px;
   padding: 0px;
}
.total-inner span strong {
   width: 100%;
   float: left;
   font-size: 40px;
   line-height: 42px;
}
.total-div a {
   width: 100%;
   float: left;
   color: #ffffff;
   text-align: center;
   font-size: 18px;
   text-decoration: none;
   padding: 12px 0px;
   border-top: 1px solid #eb225d;
}
.total-div a .fa {
   margin-left: 8px;
}
.main-profile {
   width: 100%;
   float: left;
   background: #ffffff;
   padding: 10px;
}
form.my-profile {
   width: 100%;
   float: none;
   margin: 0px auto;
   border-radius: 4px;
   box-shadow: 0 0 0px rgba(24, 24, 24, 0.2);
   display: table;
}
.main-profile h2 {
   width: 100%;
   margin: 0; /*float: left; background: #b30538; font-size: 30px;*/
   text-align: center;
   border-radius: 6px 6px 0 0;
   color: #ffffff;
   padding: 10px 5px;
   font-size: 22px;
}
.form-inner {
   width: 100%;
   float: left;
   padding: 20px 20px 20px 20px;
}
.form-inner.row {
   margin-left: 0;
   margin-right: 0;
}

.form-inner label {
   max-width: 332px;
   width: 100%; /*float:left;font-size:18px;*/
   text-align: left;
   position: relative;
   color: #333;
   margin: 0px 0px 15px 0px;
   font-weight: 500;
}
#ticket_msg {
   padding: 15px;
   border: 2px solid #ddd;
   font-size: 22px;
   resize: none;
}
.form-inner label.ubi {
   color: #555;
   font-size: 16px;
   margin-bottom: 20px;
   margin-right: 0;
   max-width: 100%;
}
.form-inner label:nth-child(2),
.form-inner label:nth-child(4),
.form-inner label:nth-child(6) {
   /*float:right;*/
}
.form-inner label input[type="text"],
.form-inner label input[type="email"],
.form-inner label input[type="phone"],
.form-inner label input[type="password"],
.form-inner label select {
   width: 100%;
   float: left;
   border: 1px solid #cecece;
   font-size: 15px;
   color: #3e3f3f;
   border-radius: 4px;
   padding: 8px 18px;
   font-family: "Lato", sans-serif;
   font-weight: 400;
   text-transform: none !important;
   margin-top: 5px;
}
.form-inner input[type="submit"] {
   /*color:#b30538;*/
   font-size: 16px;
   border: 1px solid /* #b30538*/;
   background: transparent;
   border-radius: 4px;
   padding: 6px 19px;
   margin: 34px auto 0px;
   float: none;
   display: inline-block;
}
.form-inner input[type="submit"]:hover,
.form-inner input[type="submit"]:focus {
   /*background:#b30538;*/
   color: #ffffff;
}
footer {
   width: 100%;
   float: left;
   background: #0e0e0e;
   text-align: center;
   position: absolute;
   bottom: 0;
   left: 0;
}
footer p {
   font-size: 18px;
   margin: 0px;
   color: #ffffff;
   padding: 17px 0px;
}

.staff-table {
   margin-bottom: 0px;
}
.staff-table tr th {
   text-align: center;
   background: #e1efff;
   color: #1e1e1e;
   border-right: 1px solid #ddd;
   font-size: 16px;
   padding: 16px 8px !important;
}
.table > thead > tr > th {
   border-bottom: 0;
}
.staff-table tr td {
   text-align: center;
   font-size: 16px;
   color: #787878;
   border-right: 1px solid #ddd;
   border-top: none !important;
   border-bottom: 1px solid #ddd;
   font-family: "Lato", sans-serif; /* padding:20px 8px !important*/
}
.staff-table tr td a {
   margin: 0px 8px;
}
.staff-table tr td a .fa {
   color: #0e0e0e;
}
.staff-table tr td a {
   color: #787878;
   position: relative;
}
.main-profile.staff.call .staff-table tr td a:after {
   position: absolute;
   right: -8px;
   background: #787878;
   width: 1px;
   height: 80%;
   content: "";
   margin-top: 8%;
}
.main-profile.staff.call .staff-table tr td a:last-child:after {
   display: none;
}
.staff-table tr td a:hover {
   opacity: 0.6;
   text-decoration: none;
}
.staff-main-inner {
   width: 100%;
   float: left; /* box-shadow: 0 0 5px rgba(24,24,24,0.2); -webkit-box-shadow: 0 0 5px rgba(24,24,24,0.2); -moz-box-shadow: 0 0 5px rgba(24,24,24,0.2);*/
   border: 1px solid #ddd;
   border-top: 0;
   position: relative;
}
.main-profile.staff {
   padding: 20px 15px;
}
.main-profile.staff.call .staff-table {
   border-top: 5px solid #ffffff;
}
.add-btn {
   float: right;
   border: 1px solid #b30538;
   color: #b30538;
   border-radius: 4px;
   background: #ffffff;
   text-align: center;
   font-size: 16px;
   padding: 6px 12px;
   margin: 20px;
}
#atabs .add-btn {
   float: right;
   border: 1px solid;
   border-radius: 4px; /*background:#ffffff;*/
   text-align: center;
   font-size: 20px;
   padding: 4px 20px;
   margin-top: -50px;
}
.add-btn .fa {
   margin-right: 5px;
}
.add-btn:hover,
.add-btn:focus {
   color: #ffffff;
   background: #b30538;
   text-decoration: none;
}
.search-option {
   float: left;
   padding: 20px;
   width: 100%;
   background: #f3f3f3;
}
.search-option .add-btn {
   margin: 0px 0px 0px 10px;
   float: left;
}
.search-option label,
.table-res .dataTables_wrapper label {
   float: left;
   font-size: 16px;
   margin: 0;
   text-align: left;
   color: #3e3e3e;
   font-weight: 400;
   flex: 1;
   padding-right: 10px;
}
.table-res .dataTables_wrapper label {
   margin: 0px 10px 15px 0px;
   width: 350px;
   font-size: 18px;
}
.table-res .dataTables_wrapper label {
   width: 250px;
}
.table-res .dataTables_wrapper .dataTables_length {
   margin: 0px 0px 0px 50px;
}
.search-option label input:not([type="checkbox"]),
.search-option label input:not([type="radio"]),
.search-option label select,
.table-res .dataTables_wrapper label select,
.table-res .dataTables_wrapper label input[type="search"] {
   width: 100%;
   float: left;
   font-family: "Lato", sans-serif;
   font-size: 13px;
   font-weight: 400;
   color: #0e0e0e;
   border: 1px solid #dddddd;
   position: relative;
   border-radius: 4px;
   padding: 10px 10px;
}
/*.search-option label select{background:transparent;} */
input.datepicker {
   background: #fff url(../images/calender-bg.png) no-repeat right center;
}
.table-res .dataTables_filter {
   float: right;
   margin: 0px 0px 0px 0px;
}
.table-res .dataTables_wrapper label select,
.table-res .dataTables_wrapper label input[type="search"] {
   /*background: transparent;*/
   width: 60%;
   float: none;
   margin: 0px 0px 0px 20px;
   padding: 8px 10px;
}
.table-res .dataTables_wrapper label select {
   margin-right: 20px;
}
.table-res .dataTables_wrapper label select {
   width: 100px;
   padding: 8px 10px;
}
.search-option input[type="submit"] {
   background-image: url(../images/search-icon.png) !important;
   background-repeat: no-repeat !important;
   background-position: 92% center !important;
   background-size: 18px;
   border: none;
   border-radius: 4px;
   color: #ffffff;
   font-size: 19px;
   margin: 25px 0px 0px 0px;
   padding: 8px 40px 8px 20px;
   line-height: 1;
}
.search-option input[type="submit"]:hover,
.search-option input[type="submit"]:focus {
   opacity: 0.8;
}
.call-section label {
   width: 100%;
}
.call-section label select {
   max-width: 100%;
}
.main-queue-counter {
   width: 100%;
   float: left; /* background:#f5f5f5;*/
   padding: 20px;
   position: absolute;
}

.previously-served {
   width: 40%;
   float: left;
   background: #ffffff;
   border-radius: 6px 6px 0px 0px;
   box-shadow: 0 0 5px rgba(24, 24, 24, 0.2);
   -webkit-box-shadow: 0 0 5px rgba(24, 24, 24, 0.2);
}
.currently-serving {
   width: 57%;
   float: left;
   margin-left: 3%; /* border-radius: 6px 6px 0px 0px;*/
   background: #ffffff; /* box-shadow: 0 0 5px rgba(24,24,24,0.2);  -webkit-box-shadow: 0 0 5px rgba(24,24,24,0.2);*/
}

.currently-serving h1 {
   height: 80px;
   font-size: 64px;
   text-align: center;
   float: left;
   width: 100%;
   color: #ffffff;
   background: #b30538;
   line-height: 90px;
   border-radius: 6px 6px 0px 0px;
   margin: 0px;
}
.currently-inner {
   width: 100%;
   float: left;
   text-align: center;
   padding: 70px 20px 60px;
}
.currently-inner span {
   font-size: 60px;
   color: #0e0e0e;
   line-height: normal;
   margin: 0px;
   padding: 0px;
   float: left;
   width: 100%;
}
.currently-inner h6 {
   font-size: 130px;
   color: #b30538;
   font-weight: 400;
   float: left;
   width: 100%;
   margin: 0px;
   line-height: 110px;
}
.previously-served h3 {
   float: left;
   width: 100%; /*height: 80px;*/
   text-align: center;
   color: #ffffff;
   background: #b30538;
   margin: 0px;
   border-radius: 6px 6px 0px 0px;
   font-size: 34px;
   padding: 15px 0;
}
.previously-inner {
   float: left;
   width: 100%;
   text-align: center;
   padding: 10px 0px;
}
.previously-inner .counter {
   max-width: 200px;
   display: inline-block;
   border: 4px solid #b30538;
   border-radius: 4px;
   padding: 16px 20px;
   margin: 10px;
}
.previously-inner .counter span {
   font-size: 64px;
   color: #b30538;
   line-height: 50px;
   float: left;
   width: 100%;
}
.previously-inner .counter p {
   font-size: 36px;
   color: #0e0e0e;
   float: left;
   width: 100%;
   margin: 5px 0px 0px 0px;
   line-height: 36px;
}
#loginForm .help-block {
   color: #b30538;
   position: absolute;
   bottom: -18px;
   margin: 0px;
   line-height: 20px;
   font-size: 12px;
   text-transform: none !important;
   letter-spacing: 1px;
   font-family: "Lato", sans-serif;
}
#loginForm .password-alert .help-block {
   position: static;
   font-size: 11px;
   line-height: 15px;
}
.btn-submit {
   /*float: left;*/
   width: 100%;
   text-align: left;
}
.btn-submit .row {
   margin: 0px;
   text-align: center;
}
.btn-submit .row label {
   display: inline-block;
   float: none;
}
.form-inner .btn-submit input[type="submit"] {
   margin: 20px auto 0px;
}
.table-res .dataTables_wrapper {
   width: 100%;
   margin: 0px;
   padding: 15px 0;
   overflow-x: auto;
}
.table-res .dataTables_info {
   width: 100%;
   float: none;
   text-align: center;
   font-size: 18px;
   margin: 15px 0px 20px;
   clear: both;
}
.table-res .dataTables_paginate {
   float: none;
   width: 100%;
   text-align: center;
   font-size: 16px;
   margin: 10px 0px 15px 0px;
   clear: both;
}
.table-res .dataTables_paginate a {
   margin: 0px 5px;
}
.table-res .dataTables_paginate a:hover,
.table-res #DataTables_Table_0_paginate a:focus {
   text-decoration: none;
}
.table-res .dataTables_paginate span {
   display: none;
}

.previously-served.queue_no h3 {
   text-align: left;
   padding-left: 20px;
   font-size: 30px;
}
.previously-served.queue_no span {
}
.footer_bottom {
   float: left;
   width: 100%;
}
/*
.full-width {margin: 0 0 20px;width: 100%;}
*/
.full-width {
   margin: 5px 0 20px;
   width: 100%;
}
.no-bottom-space {
   padding-bottom: 0;
}
#atabs {
   padding: 15px;
   clear: both;
}
#atabs .nav-tabs > li {
   margin-bottom: 5px;
   margin-right: 5px;
}
#atabs .nav-tabs > li > a {
   background: #b30538;
   font-size: 18px;
   border-radius: 10px;
   padding: 8px 15px;
   color: #fff !important;
   border: 0 !important;
}
#atabs .nav-tabs > li:not(.active) > a {
   background: #d7d6d6 !important;
   color: #2a2c32 !important;
}
#atabs .nav-tabs > li.active > a {
   color: #b30538;
   background: #ffffff;
}
div#atabs .nav-tabs > li.active > a {
   color: #fff !important;
   border-color: #0c0c0d !important;
   background: #000 !important;
}
@media only screen and (min-height: 300px) {
   .currently-inner span {
      font-size: 35px;
   }
}
@media only screen and (min-height: 400px) {
   .currently-inner span {
      font-size: 35px;
   }
}
@media only screen and (min-height: 600px) {
   .currently-inner span {
      font-size: 60px;
   }
}
@media only screen and (min-width: 1330px) {
   .currently-serving .counter {
      max-width: 260px;
   }
}

@media only screen and (min-width: 800px) and (max-width: 1331px) {
   .currently-serving.full-width .counter {
      float: left;
      margin: 0;
      width: 25%;
   }
   .currently-serving.full-width .counter h6 {
      font-size: 46px;
   }
   .currently-serving.full-width span {
      font-size: 40px;
   }
}

@media only screen and (min-width: 992px) {
   ul.navigation {
      display: block !important;
      margin: 0;
      padding: 13px 0px;
   }
   ul.navigation li:hover .submenu {
      display: block;
   }
   .logo-mobile {
      display: none;
   }

   .table-display {
      display: table;
      width: 100%;
   }
   .table-display > .col-sm-6 {
      float: none;
      display: table-cell;
      vertical-align: middle;
   }
}

@media only screen and (max-width: 1199px) {
   .dataTables_wrapper table {
      width: 100% !important;
   }

   ul.navigation li {
      margin-left: 10px;
   }
   .total-div {
      width: 220px;
      margin: 0px 10px;
   }
   .total-inner span {
      max-width: 132px;
      font-size: 19px;
   }
   .total-inner {
      padding: 15px 12px 15px 12px;
   }
   .search-option label {
      width: 204px;
      margin: 0px 20px 5px 0px;
   }
   .total-inner img {
      width: 60px;
   }
   .table-res {
      width: 100%;
      float: none;
      overflow-x: scroll;
   }
   .search-option label select {
      max-width: 100%;
   }
   .search-option label input,
   .search-option label select,
   .table-res #DataTables_Table_0_wrapper label select,
   .table-res #DataTables_Table_0_wrapper label input[type="search"] {
      max-width: 100%;
   }
   .full-div {
      width: 100% !important;
   }
}

@media only screen and (max-width: 991px) {
   .container {
      width: 100%;
   }
   ul.navigation li {
      margin-left: 22px;
      font-size: 18px;
   }
   ul.navigation li img {
      width: 90px;
   }
   header {
      height: 60px;
   }
   ul.navigation {
      margin: 0px 0px 0px;
      font-size: 20px;
      padding: 4px 0px;
   }
   header .btn {
      font-size: 20px;
      padding: 4px 21px;
      margin: 10px 10px 0px 0px;
   }
   /*.main-total .total-div:first-child {margin: 0px 10px 0px 0px;}
.main-total .total-div:last-child {margin: 0px 0px 0px 0px;}*/
   .total-div {
      width: 240px;
   }
   .total-inner {
      padding: 20px 15px 15px 15px;
   }
   .total-inner span {
      max-width: 130px;
      font-size: 19px;
   }
   .total-inner img {
      width: 60px;
   }
   .total-inner span strong {
      font-size: 32px;
   }
   form.my-profile {
      width: 100%;
   }
   .form-inner label {
      max-width: 270px;
   }
   .previously-served h3 {
      font-size: 30px;
   }
   .currently-serving h1 {
      font-size: 54px;
   }
   .currently-inner span {
      /*font-size: 100px;*/ /* line-height: 150px;*/
   }
   .currently-inner h6 {
      font-size: 90px;
      line-height: 90px;
   }
   .table-res {
      float: none;
      width: 100%;
      overflow-x: scroll;
   }
   .staff-table tr th {
      font-size: 17px;
      min-width: 50px;
   }
   .staff-table tr td {
      font-size: 13.5px;
      padding: 20px 5px !important;
      min-width: 79px;
   }
   .table-res #DataTables_Table_0_wrapper {
      margin: 0px 0px 0px 0px;
   }
   .add-btn.add-btn1 {
      margin: 50px 30px -79px 0px;
   }
   .main-total .total-div:first-child,
   .main-total .total-div:last-child,
   .total-div {
      margin: 5px 8px;
   }
   .right-menu > li {
      margin-top: 5px;
      font-size: 18px;
   }
   header {
      padding-top: 15px;
      margin-top: 0;
      padding-bottom: 10px;
      height: auto;
   }
}
@media only screen and (max-width: 991px) {
   body {
      padding: 0;
   }
   .container {
      width: 100%;
   }
   ul.navigation {
      display: none;
   }
   .responsive-menu {
      display: block;
   }

   ul.navigation.navigation-mobile {
      display: none;
   }
   .logo-mobile img {
      width: 70px;
   }
   .logo-mobile.small-logo-mobile {
      width: 180px;
   }
   .logo-mobile {
      margin: 0px 0px 0px 0px;
      float: left;
      width: 100%;
      text-align: center;
   }
   header {
      height: 48px;
      position: relative;
   }
   header .btn {
      font-size: 16px;
      padding: 3px 15px;
      margin: 8px 0px 0px 0px !important;
      position: absolute;
      right: 3%;
   }
   .mobile-menu1 {
      display: block;
      position: absolute;
      left: 3%;
      border-radius: 3px;
      border: 1px solid #b30538;
      width: 36px;
      padding: 5px 0px 6px 0px;
      cursor: pointer;
      margin: 8px 0px 0px 0px;
   }
   .mobile-menu1 span {
      width: 24px;
      float: left;
      height: 2px;
      margin: 3px 0px 1px 5px;
      background: #b30538;
   }
   .mobile-menu1:hover,
   .mobile-menu1:focus {
      background: #b30538;
   }
   .mobile-menu1:hover span,
   .mobile-menu1:focus span {
      background: #ffffff;
   }
   ul.navigation li {
      margin-left: 0px;
      font-size: 16px;
      width: 100%;
      float: left;
      border-bottom: 1px solid #dddddd;
   }
   ul.navigation li a {
      color: #ffffff;
      width: 100%;
      float: left;
      padding: 6px 0px;
   }
   ul.navigation {
      position: absolute;
      top: 80px;
      left: 0;
      width: 100%;
      padding: 0px 10px;
      background: #fff;
      z-index: 99;
   }
   ul.navigation li a .fa {
      display: none;
   }
   .fa.fa-caret-down {
      width: 35px;
      height: 35px;
      font-size: 20px;
      position: absolute;
      right: 0px;
      background: #ffffff;
      text-align: center;
      line-height: 35px;
      color: #333333;
   }
   .logo-mobile {
      display: block;
   }
   ul.navigation li.logo1 {
      display: none;
   }
   .total-div,
   .main-total .total-div:first-child,
   .main-total .total-div:last-child {
      width: 240px;
      margin: 0px auto 15px;
      float: none;
      display: table;
   }
   .main-total {
      margin: 0px -15px;
   }
   .main {
      padding: 40px 0px;
   }
   .form-inner label {
      max-width: 100%;
      font-size: 18px;
   }
   .main-profile h2 {
      line-height: 54px;
      font-size: 24px;
      padding: 5px 5px;
   }
   .staff-table tr th {
      font-size: 16px;
      padding: 10px 8px !important;
   }
   .currently-serving {
      width: 100%;
      margin-left: 0px;
   }
   .previously-served {
      width: 100%;
      margin: 0px 0px 20px 0px;
   }
   .previously-served h3,
   .currently-serving h1 {
      height: auto;
      line-height: 50px;
      font-size: 24px;
   }
   .previously-inner .counter {
      border: 2px solid #b30538;
      margin: 5px 10px;
   }
   .previously-inner .counter span {
      font-size: 42px;
      line-height: 40px;
   }
   .previously-inner .counter p {
      font-size: 30px;
      margin: 10px 0px 0px 0px;
      line-height: 24px;
   }
   @media only screen and (max-width: 800px) {
      .currently-inner span {
         font-size: 40px;
         line-height: 40px;
      }
   }
   @media only screen and (max-width: 640px) {
      .currently-inner span {
         font-size: 25px;
         line-height: normal;
      }
   }
   .currently-inner h6 {
      font-size: 40px;
      line-height: 70px;
   }
   .add-btn {
      font-size: 16px;
      padding: 6px 20px;
      margin: 15px 10px 15px 0px;
   }
   .staff-table tr td {
      padding: 15px 5px !important;
   }
   .main-profile.staff {
      padding: 20px 12px;
   }
   header {
      margin-top: 20px;
   }
   .main {
      padding: 25px 0px;
   }
   .search-option {
      margin: 0px;
      padding: 10px;
   }
   .search-option label {
      width: 46%;
      margin: 0px 2%;
   }
   .search-option input[type="submit"] {
      margin: 12px 0px 0px 2%;
   }
   ul.navigation li .submenu {
      position: static;
      float: left;
      width: 100%;
      background: #fff;
      padding: 0px 10px;
      margin: 0px 0px -1px 0px;
   }
   .search-option .add-btn {
      margin: 12px 0px 0px 2%;
      float: left;
   }
   .table-res #DataTables_Table_0_wrapper #DataTables_Table_0_length {
      margin: 0px 0px 0px 20px;
   }
   .table-res #DataTables_Table_0_wrapper label {
      width: 100%;
      margin: 10px 0px 0px 0px;
   }
   .table-res #DataTables_Table_0_filter {
      float: left;
      margin: 0px 0px 15px 23px;
   }
   .add-btn.add-btn1 {
      padding: 10px 18px;
   }
   ul.navigation li .submenu li a {
      padding: 6px 20px !important;
      font-size: 14px;
   }
   ul.navigation li .submenu li a::before {
      left: 5px;
   }
   .table-res #DataTables_Table_0_paginate {
      margin: 10px 0px 25px 0px;
   }
   .previously-served.queue_no h3 {
      padding: 8px 0 8px 20px;
   }
}
@media only screen and (max-width: 568px) {
   .main-profile {
      padding: 20px;
   }
   .form-inner {
      padding: 25px 15px 25px 15px;
   }
   .form-inner input[type="submit"] {
      margin: 10px auto 0px;
   }
   .main-profile {
      width: 98.5%;
   }
   .search-option label,
   .table-res #DataTables_Table_0_wrapper label {
      width: 100%;
      font-size: 18px;
      margin: 0px 0px 10px;
   }
   .table-res #DataTables_Table_0_wrapper label {
      font-size: 15px;
   }
   .search-option input[type="submit"] {
      margin: 4px 0px 0px 0px;
   }
   .search-option .add-btn {
      margin: 12px 0px 0px 0px;
   }
   .table-res #DataTables_Table_0_wrapper #DataTables_Table_0_length {
      margin: 0px;
   }
   .table-res #DataTables_Table_0_wrapper label {
      padding: 0px 15px;
   }
   .add-btn.add-btn1 {
      margin: 20px 15px 0px 0px;
   }
   .table-res #DataTables_Table_0_filter {
      margin: 0px 0px 0px 0px;
   }
   .previously-served.queue_no h3 {
      text-align: center;
      padding-top: 10px;
   }
}

.paginate_button {
   color: #b30538;
   border: 1px solid;
   padding: 5px 15px;
   border-radius: 5px;
   -webkit-border-radius: 5px;
   cursor: pointer;
}
.paginate_button:hover {
   background: #b30538;
   color: #fff;
   border-color: #b30538;
}
.new-program-main {
   width: 100%;
   float: left;
}
.new-program-main .half-col {
   width: 48%;
   float: left;
   border: 1px solid #dddddd;
   padding: 0px 0px 13px 0px;
   min-height: 200px;
   border-radius: 6px 6px 0px 0px;
}
.new-program-main .half-col:last-child {
   float: right;
}
.new-program-main .half-col span {
   float: left;
   font-size: 24px;
   background: #b30538;
   color: #ffffff;
   width: 100%;
   margin: 0px 0px 10px 0px;
   padding: 5px 0px;
   border-radius: 6px 6px 0px 0px;
}
.form-inner .new-program-main .program-row11 {
   width: 100%;
   float: left;
   margin: 7px 0px 0px 0px;
   font-size: 17px;
   font-weight: 400;
   color: #999;
   padding: 0px 12px;
   box-sizing: border-box;
}
.form-inner .new-program-main .program-row11 input {
   float: right;
   margin: 6px 0px 0px 10px;
}

@media (min-width: 991px) {
   .missed-queue-page .wrapper {
      height: 80vh;
      float: none;
   }
   .missed-queue-page .currently-serving {
      height: 75vh;
   }
}
.previously-served.queue_no {
   background: transparent none repeat scroll 0 0;
   box-shadow: none;
   padding: 0;
   border-radius: 0;
}

.nested ul {
   padding-left: 5px;
}
#nested > li {
   margin-bottom: 25px;
   position: relative;
   width: 50%;
   float: left;
}
#nested > li li {
   position: relative;
}
#nested li li:before {
   border-left: 1px solid #cccccc;
   position: absolute;
   height: 100%;
   content: "";
   top: 14px;
   left: -15px;
   bottom: 10px;
}
#nested li li:after {
   content: "";
   position: absolute;
   border-top: 1px solid #cccccc;
   left: -15px;
   width: 14px;
   top: 14px;
}
#nested li li:last-child:before {
   border: 0;
}
#nested li label {
   position: relative;
   padding-left: 24px;
   font-size: 18px;
   font-weight: normal;
   float: none;
   margin-bottom: 6px;
}
#nested li label:before {
   content: "";
   position: absolute;
   left: 0;
   border: 1px solid #ccc;
   height: 18px;
   width: 17px;
   display: block;
   background: #ffffff;
   top: 5px;
   border-radius: 3px;
   -webkit-border-radius: 3px;
}
#nested input[type="checkbox"] {
   margin-right: 10px; /* position:absolute;opacity:0; z-index:-9999999*/
}
#nested input[type="checkbox"]:checked + label:before {
   border-color: #b30538;
   background: #b30538;
}
#nested li input[type="checkbox"] + label:after {
   content: "";
   position: absolute;
   left: 4px;
   top: 7px;
   background: url(../images/check-mark.svg) no-repeat;
   width: 10px;
   height: 11px;
   background-size: cover;
   -webkit-transform: scale(0);
   -moz-transform: scale(0);
   -o-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
   -webkit-transition:
      margin 250ms cubic-bezier(0.6, -0.28, 0.735, 0.045) 100ms,
      -webkit-transform 250ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
   -moz-transition:
      margin 250ms cubic-bezier(0.6, -0.28, 0.735, 0.045) 100ms,
      -moz-transform 250ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
   -o-transition:
      margin 250ms cubic-bezier(0.6, -0.28, 0.735, 0.045) 100ms,
      -o-transform 250ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
   transition:
      margin 250ms cubic-bezier(0.6, -0.28, 0.735, 0.045) 100ms,
      transform 250ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
}
#nested li input[type="checkbox"]:checked + label:after {
   -webkit-transform: scale(1.25);
   -moz-transform: scale(1.25);
   -o-transform: scale(1.25);
   -ms-transform: scale(1.25);
   transform: scale(1.25);
   -webkit-transition:
      -webkit-transform 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 250ms,
      margin 500ms,
      -webkit-transform 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 250ms;
   -moz-transition:
      -moz-transform 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 250ms,
      margin 500ms,
      -moz-transform 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 250ms;
   -o-transition:
      -o-transform 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 250ms,
      margin 500ms,
      -o-transform 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 250ms;
   transition:
      transform 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 250ms,
      margin 500ms,
      transform 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 250ms;
}

.form-element {
   width: 100%;
   height: 42px;
   border: 1px solid #ddd;
   border-radius: 6px;
   -webkit-border-radius: 6px;
   line-height: 1.467;
   padding: 8px 12px;
   margin-top: 8px;
   margin-bottom: 8px;
   font-size: 17px;
}
select.form-element,
select.form-control,
select {
   -webkit-appearance: none;
   -moz-appearance: none;
   background: #fff url(../img/down-arrow.png) right center no-repeat;
   padding-right: 25px;
}
.swal2-cancel.btn.btn-danger {
   margin-left: 15px;
}

/* DatePicker Container */
.ui-datepicker {
   width: 216px;
   height: auto;
   margin: 5px auto 0;
   font:
      9pt Arial,
      sans-serif;
   -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
   -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
   box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
   background: #fff;
}
.ui-datepicker a {
   text-decoration: none;
}
/* DatePicker Table */
.ui-datepicker table {
   width: 100%;
}
.ui-datepicker-header {
   background: url("../img/dark_leather.png") repeat 0 0 #000;
   color: #e0e0e0;
   font-weight: bold;
   -webkit-box-shadow: inset 0px 1px 1px 0px rgba(250, 250, 250, 2);
   -moz-box-shadow: inset 0px 1px 1px 0px rgba(250, 250, 250, 0.2);
   box-shadow: inset 0px 1px 1px 0px rgba(250, 250, 250, 0.2);
   text-shadow: 1px -1px 0px #000;
   filter: dropshadow(color=#000, offx=1, offy=-1);
   line-height: 30px;
   border-width: 1px 0 0 0;
   border-style: solid;
   border-color: #111;
}
.ui-datepicker-title {
   text-align: center;
}
.ui-datepicker-prev,
.ui-datepicker-next {
   display: inline-block;
   width: 30px;
   height: 30px;
   text-align: center;
   cursor: pointer;
   background-image: url("../img/arrow.png");
   background-repeat: no-repeat;
   line-height: 600%;
   overflow: hidden;
}
.ui-datepicker-prev {
   float: left;
   background-position: center -30px;
}
.ui-datepicker-next {
   float: right;
   background-position: center 0px;
}
.ui-datepicker thead {
   background-color: #f7f7f7;
   background-image: -moz-linear-gradient(top, #f7f7f7 0%, #f1f1f1 100%);
   background-image: -webkit-gradient(
      linear,
      left top,
      left bottom,
      color-stop(0%, #f7f7f7),
      color-stop(100%, #f1f1f1)
   );
   background-image: -webkit-linear-gradient(top, #f7f7f7 0%, #f1f1f1 100%);
   background-image: -o-linear-gradient(top, #f7f7f7 0%, #f1f1f1 100%);
   background-image: -ms-linear-gradient(top, #f7f7f7 0%, #f1f1f1 100%);
   background-image: linear-gradient(top, #f7f7f7 0%, #f1f1f1 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#f1f1f1',GradientType=0 );
   border-bottom: 1px solid #bbb;
}
.ui-datepicker th {
   text-transform: uppercase;
   font-size: 9pt;
   padding: 5px 0;
   color: #666666;
   text-shadow: 1px 0px 0px #fff;
   filter: dropshadow(color=#fff, offx=1, offy=0);
   text-align: center;
}
.ui-datepicker tbody td {
   padding: 0;
   border-right: 1px solid #bbb;
}
.ui-datepicker tbody td:last-child {
   border-right: 0px;
}
.ui-datepicker tbody tr {
   border-bottom: 1px solid #bbb;
}
.ui-datepicker tbody tr:last-child {
   border-bottom: 0px;
}
.ui-datepicker td span,
.ui-datepicker td a {
   display: inline-block;
   font-weight: bold;
   text-align: center;
   width: 30px;
   height: 30px;
   line-height: 30px;
   color: #666666;
   text-shadow: 1px 1px 0px #fff;
   filter: dropshadow(color=#fff, offx=1, offy=1);
}
.ui-datepicker .ui-state-default {
   background: #ededed;
   background: -moz-linear-gradient(top, #ededed 0%, #dedede 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ededed), color-stop(100%, #dedede));
   background: -webkit-linear-gradient(top, #ededed 0%, #dedede 100%);
   background: -o-linear-gradient(top, #ededed 0%, #dedede 100%);
   background: -ms-linear-gradient(top, #ededed 0%, #dedede 100%);
   background: linear-gradient(top, #ededed 0%, #dedede 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#dedede',GradientType=0 );
   -webkit-box-shadow: inset 1px 1px 0px 0px rgba(250, 250, 250, 0.5);
   -moz-box-shadow: inset 1px 1px 0px 0px rgba(250, 250, 250, 0.5);
   box-shadow: inset 1px 1px 0px 0px rgba(250, 250, 250, 0.5);
}
.ui-datepicker-calendar .ui-state-hover {
   background: #f7f7f7;
}
.ui-datepicker-calendar .ui-state-active {
   background: #b30538;
   -webkit-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
   -moz-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
   box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
   color: #fff;
   text-shadow: 0px 1px 0px #9f1a41;
   filter: dropshadow(color=#9f1a41, offx=0, offy=1);
   border: 1px solid #9f1a41;
   position: relative;

   margin: -1px;
}
.ui-datepicker-unselectable .ui-state-default {
   background: #f4f4f4;
   color: #b4b3b3;
}
.ui-datepicker-calendar td:first-child .ui-state-active {
   width: 29px;
   margin-left: 0;
}
.ui-datepicker-calendar td:last-child .ui-state-active {
   width: 29px;
   margin-right: 0;
}
.ui-datepicker-calendar tr:last-child .ui-state-active {
   height: 29px;
   margin-bottom: 0;
}
.ui-datepicker-month,
.ui-datepicker-year {
   height: 26px;
   margin: 5px;
   color: #444;
   border: 0;
}
td ul {
   margin-left: 25px;
}

/* search-option  */
@media (min-width: 768px) {
   .search-option form {
      display: flex;
      align-items: center;
      justify-content: space-between;
   }
}
.subscription .table-responsive {
   background: #fff;
   margin: 0 auto;
}
.subscription table td .fa-check {
   color: #333;
}
.subscription table td .fa-times {
   color: #333;
}

.pricing-section {
   font-family: "Aria";
}
.payment-method {
   display: inline-block;
   width: 100%;
   padding: 15px;
   border: 2px solid #333;
   border-radius: 8px;
   background: #fff;
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.payment-method h2 {
   margin: 10px 0 15px;
   font-size: 24px;
   font-weight: 700;
}
.payment-method .card-detail {
   border: 1px solid #ddd;
   padding: 15px;
}
.payment-method .redm {
   background: rgba(50, 100, 224, 0.1);
   padding: 10px;
}
.select_plan label {
   display: block;
   margin-bottom: 15px;
}
.select_plan span {
   background: #fff;
   padding: 10px;
   border-radius: 5px;
   margin-right: 15px;
   margin-bottom: 15px;
   display: inline-block;
}

.subscription .payable_amount label,
.subscription .payable_amount span {
   font-size: 16px;
   font-weight: 600;
}
.card-holder-details {
   padding-top: 15px;
}
.card-holder-details input:hover {
   border-color: #00ca5c;
   background: #f0faf7;
}
.card-holder-details input {
   box-shadow: none;
   height: 40px;
}
.payment_stripe {
   position: relative;
   margin-top: 15px;
   padding-top: 5px;
}
.payment_stripe:before {
   content: "";
   position: absolute;
   left: -15px;
   right: -15px;
   top: 0;
   height: 1px;
   background: #ddd;
}
.payment_stripe .controls {
   position: relative;
}
.payment_stripe .card-icon {
   position: absolute;
   top: 7px;
   right: 13px;
   font-size: 24px;
   color: #a9a9a9;
}
.category-report {
   clear: both;
}

.outer-wrap {
   display: flex;
}
.side-menu {
   max-width: 230px;
   width: 100%; /*
	background: #fff;
	border-radius: 16px;
	padding: 12px;*/
}
.side-menu .navigation {
   padding: 8px;
   border: 0px solid #ddd;
   float: none;
   border-top: 0px solid #000000;
   margin-top: 0;
}
.side-menu .navigation li {
   display: block;
   border-bottom: 1px solid #ddd;
   height: auto;
   padding-bottom: 5px;
   padding-top: 5px;
   margin: 0;
   font-size: 18px;
}
.side-menu .navigation li.active > a {
   color: #000000;
}
.side-menu .navigation li:last-child {
   border: 0;
}
.side-menu .navigation li a {
   display: block;
   font-size: 14px;
   padding: 5px;
}
.side-menu .navigation li a:hover {
   color: #3264e0 !important;
}

.right-content {
   width: 100%;
   margin-left: 15px; /*
	background: #fff;
	border-radius: 16px;*/
}
.support-section,
.d-flex {
   position: relative;
   display: -ms-flexbox;
   display: flex;
   flex-wrap: wrap;
   align-items: start;
}
.support-section,
.d-flex {
   justify-content: center;
}
.support-section li {
   width: 25%;
   padding-right: 15px;
   list-style: none;
}
.image_product {
   width: 100%;
   height: 230px;
   position: relative;
   overflow: hidden;
}
.image_product img {
   width: 100%;
}
.card {
   position: relative;
   display: -ms-flexbox;
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
   align-items: top;
   min-width: 0;
   word-wrap: break-word;
   background-color: #fff;
   background-clip: border-box;
   border: 1px solid rgba(0, 0, 0, 0.125);
   border-radius: 0.25rem;
   margin-bottom: 30px;
   border-color: #d7dfe3;
   border-radius: 4px;
   -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
   box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
}
.card-body {
   padding: 1.25rem;
}
.card h4 {
   font-size: 21px;
}
.price-info {
   display: flex;
   justify-content: center;
   align-items: center;
}
.price-info strong {
   padding-top: 6px;
   display: inline-block;
   text-align: right;
}
.promocode-item {
   margin-bottom: 15px;
}
.promocode-item .card-body {
   padding: 1.25rem;
   border: 2px dashed #2a2c32;
   height: 100%;
   text-align: center;
   background: #d6fbe9;
}
.promocode-item .card-body h4 {
   font-size: 21px;
   color: #2a2c32;
   font-weight: 700;
}
.column-wrap {
   display: flex;
   justify-content: center;
}
.column-box {
   min-width: 33%;
}
.profile {
   background: #ddd;
   height: 40px;
   width: 40px;
   display: inline-block;
   text-align: center;
   border-radius: 50px;
   padding: 7px;
   vertical-align: middle;
   margin-right: 10px;
}

/* */
@media (min-width: 992px) {
   .custom-form label.col-md-6 {
      max-width: 100%;
      width: 50%;
   }
   .custom-form label.col-md-4 {
      width: 33.33333333%;
      max-width: 100%;
   }
   .custom-form label.col-md-12 {
      width: 100%;
      max-width: 100%;
   }
}
.custom-form label {
   max-width: inherit;
}
.custom-form .ubi input[type="checkbox"],
.custom-form .ubi input[type="radio"] {
   margin-right: 10px;
   margin-top: 0;
}
.custom-form .form-inner label input[type="text"],
.custom-form .form-inner label input[type="email"],
.custom-form .form-inner label input[type="phone"],
.custom-form .form-inner label input[type="password"],
.custom-form .form-inner label select {
   margin-bottom: 15px;
}

.section-title {
   margin-bottom: 50px;
}
ul.contact-list {
   padding: 20px;
   background: #fff;
   min-height: 266px;
}
.contact-list li {
   list-style: none;
   line-height: 1.5;
   font-size: 18px;
   margin-bottom: 10px;
   position: relative;
   padding-left: 25px;
}
.contact-list i.fa {
   font-size: 18px;
   position: absolute;
   left: 0;
   top: 4px;
}
.contact-list a {
   color: #333;
}

/* Display Setting */
.custom-form .background0-setting {
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
   align-items: center;
   max-width: 100%;
   column-gap: 24px;
   margin-bottom: 30px;
}
.background0-setting div {
   border: 1px solid #ddd;
   text-align: center;
   padding: 5px;
   border-radius: 5px;
}
.background0-setting input[type="radio"] {
   margin-right: 10px;
}

.mt-0 {
   margin-top: 0rem !important;
}
.mt-1 {
   margin-top: 1rem !important;
}
.mt-2 {
   margin-top: 2.5rem !important;
}
.mt-3 {
   margin-top: 3rem !important;
}

.mb-0 {
   margin-bottom: 0rem !important;
}
.mb-1 {
   margin-bottom: 1rem !important;
}
.mb-2 {
   margin-bottom: 2.5rem !important;
}
.mb-3 {
   margin-bottom: 3rem !important;
}

.pt-0 {
   padding-top: 0rem !important;
}
.pt-1 {
   padding-top: 1rem !important;
}
.pt-2 {
   padding-top: 2.5rem !important;
}
.pt-3 {
   padding-top: 3rem !important;
}

.pb-0 {
   padding-bottom: 0rem !important;
}
.pb-1 {
   padding-bottom: 1rem !important;
}
.pb-2 {
   padding-bottom: 2.5rem !important;
}
.pb-3 {
   padding-bottom: 3rem !important;
}

/*/* sweetalert popup style
.swal2-container .swal2-show {padding: 0 !important; background: #fff !important; min-width: 500px !important;}
.swal2-container .swal2-modal .swal2-content {font-size: 16px; padding: 30px;}
.swal2-container .swal2-modal .swal2-buttonswrapper {margin-top: 24px; padding: 15px; border-top: 1px solid #ddd; }
.swal2-container .swal2-modal .swal2-styled {padding: 7px 24px; margin-top: 0;}
.swal2-container .swal2-modal .form-element{font-size: 15px;}
.swal2-container  .swal2-modal .swal2-validationerror {background-color: #f0f0f0;margin: 0 auto;width: 85%;}
*/

.swal2-container .swal2-modal #swal2-title {
   font-size: 20px;
   color: #333;
}
.swal2-container .swal-header input {
   width: 100%;
   min-height: 40px;
   border-radius: 5px;
   border: 1px solid #ccc;
   padding-left: 15px;
}
.modal-header {
   margin-bottom: 15px;
}
.field-type .field-item {
   border: 1px solid #ccc;
   border-radius: 5px;
   margin-bottom: 15px;
}
.option-div .inputfield {
   width: 80%;
   margin-bottom: 15px;
   float: left;
   padding: 7px 15px;
   border-radius: 5px;
   border: 1px solid #ccc;
}

/* priec */
.custom-tabs1 .tab-content > .tab-pane {
   padding: 0;
   background: #fff;
   border-radius: 5px;
}
.pricing-table-content-area * {
   font-family: "Arial";
}
.pricing_tab h3 {
   font-size: 36px;
   text-align: center;
   margin: 10px 0 30px;
}
.card-panel {
   overflow: hidden;
   border: 1px solid #ddd;
   max-width: 350px;
   padding: 30px;
   position: relative;
   display: inline-block;
   vertical-align: top;
   margin: 0 10px 50px;
   width: 100%;
   border-radius: 3px;
   transition: all 0.5s ease-in-out;
   -webkit-transition: all 0.5s ease-in-out;
   -moz-transition: all 0.5s ease-in-out;
}
.card-panel:nth-child(2),
.card-panel:hover {
   border-color: #5d6bc4;
   box-shadow: 0 0 20px rgba(47, 46, 122, 0.1);
}
.card-container h4 {
   font-size: 24px;
   color: #222;
   text-align: center;
   padding: 15px 0;
}
.card-panel ul.features {
   padding: 0;
   display: block;
   list-style: none;
}
.card-panel ul.features li {
   font-size: 18px;
   padding-bottom: 10px;
}
.card-panel .btn.btn-info.buy-now {
   font-weight: 600;
   margin: 0 auto 30px;
   max-width: 170px;
   background: transparent;
   border: 1px solid #5d6bc4;
   color: #5d6bc4;
   text-transform: none;
   transition: all 0.3s ease-in-out;
   display: block;
   padding: 15px;
}
.card-panel:nth-child(2) a.btn.btn-info.buy-now,
.card-panel:hover a.btn.btn-info.buy-now {
   background: #5d6bc4;
   color: #fff;
}
.pricelabel span {
   font-size: 43px;
   color: #333;
   font-family: "Nunito Sans", sans-serif;
}
.pricelabel sup {
   font-size: 24px;
}
.pricelabel {
   margin: 0px 0 40px;
   text-align: center;
}
.pricing_tab .d-flex {
   justify-content: center;
   align-items: inherit;
}
.pricelabel p {
   display: block;
   text-align: center;
   font-size: 18px;
   font-weight: 600;
}
.features li img {
   width: 13px;
   margin-right: 10px;
}
.card-panel span.best-offer {
   display: none;
}
.card-panel:nth-child(2) span.best-offer {
   display: block;
   position: absolute;
   top: 20px;
   right: -30px;
   transform: rotate(45deg);
   background: #000;
   color: #fff;
   font-size: 13px;
   padding: 5px 30px;
   text-transform: uppercase;
   font-weight: 500;
}

/* switch  */
.switch-button {
   -webkit-box-shadow: 0 15px 25px 0 rgba(0, 0, 0, 0.2);
   box-shadow: 0 15px 25px 0 rgba(0, 0, 0, 0.2);
   border-radius: 8.6666666667rem;
   -webkit-border-radius: 8.6666666667rem;
   max-width: 326px;
   margin: 0 auto;
   margin-bottom: 0;
   margin-bottom: 60px;
   background-color: #0c5adb;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   padding: 3px 0;
   z-index: 1;
   position: relative;
   background-color: #5d6bc4;
}
.switch-button .switch1 {
   width: 100%;
   height: 45px;
   margin-bottom: 0;
   float: none;
}
.switch1 [type="checkbox"] {
   opacity: 0;
   position: absolute;
}
.switch1 [type="checkbox"]:checked,
.switch1 [type="checkbox"]:not(:checked) {
   position: absolute;
   left: -9999px;
}
.switch1 [type="checkbox"]:checked + label,
.switch1 [type="checkbox"]:not(:checked) + label {
   position: relative;
   padding-left: 75px;
   cursor: pointer;
}
.switch1 [type="checkbox"]:checked + label:after,
.switch1 [type="checkbox"]:checked + label:before,
.switch1 [type="checkbox"]:not(:checked) + label:after,
.switch1 [type="checkbox"]:not(:checked) + label:before {
   content: "";
   position: absolute;
}
.switch1 [type="checkbox"]:checked + label:before,
.switch1 [type="checkbox"]:not(:checked) + label:before {
   left: 0;
   top: -3px;
   width: 65px;
   height: 30px;
   background: #ddd;
   border-radius: 15px;
   -webkit-transition: background-color 0.2s;
   -moz-transition: background-color 0.2s;
   -ms-transition: background-color 0.2s;
   transition: background-color 0.2s;
}
.switch1 [type="checkbox"]:checked + label,
.switch1 [type="checkbox"]:not(:checked) + label {
   position: relative;
   padding-left: 75px;
   cursor: pointer;
}
.switch1 [type="checkbox"]:checked + label .ui,
.switch1 [type="checkbox"]:checked + label .ui:after,
.switch1 [type="checkbox"]:not(:checked) + label .ui:before {
   position: absolute;
   left: 6px;
   width: 65px;
   border-radius: 15px;
   font-size: 14px;
   font-weight: 700;
   line-height: 22px;
   -webkit-transition: all 0.2s;
   -moz-transition: all 0.2s;
   -ms-transition: all 0.2s;
   transition: all 0.2s;
}
.switch1 [type="checkbox"]:not(:checked) + label .ui:before {
   content: "";
   left: 32px;
}
.switch1 [type="checkbox"]:checked + label:after,
.switch1 [type="checkbox"]:checked + label:before,
.switch1 [type="checkbox"]:not(:checked) + label:after,
.switch1 [type="checkbox"]:not(:checked) + label:before {
   content: "";
   position: absolute;
}
.switch1 [type="checkbox"]:checked + label:after,
.switch1 [type="checkbox"]:not(:checked) + label:after {
   width: 20px;
   height: 20px;
   -webkit-transition: all 0.2s;
   -moz-transition: all 0.2s;
   -ms-transition: all 0.2s;
   transition: all 0.2s;
   border-radius: 50%;
   background: #7f8c9a;
   top: 2px;
   left: 5px;
}
.switch-button .switch1 input[type="checkbox"] + label:after {
   border-radius: 45px;
   -webkit-border-radius: 45px;
   width: 50%;
   height: 100%;
   background: #fff;
   left: 2px;
   top: 0;
}
.switch-button .switch1 input[type="checkbox"] + label {
   width: 100%;
   display: block;
   margin: 0;
   height: 45px;
   padding-left: 0;
}
.switch-button .switch1 input[type="checkbox"] + label:before {
   width: 100%;
   display: block;
   margin: 0;
   height: 45px;
   border-radius: 150px;
   -webkit-border-radius: 150px;
   top: 0;
   background: transparent;
}
.switch-button .switch1 input[type="checkbox"] + label:after {
   border-radius: 45px;
   -webkit-border-radius: 45px;
   width: 50%;
   height: 100%;
   background: #fff;
   left: 4px;
   top: 0px;
}
.switch-button .switch1 [type="checkbox"]:checked + label::before {
   background: transparent;
}
.switch-button .switch1 [type="checkbox"]:checked + label:after {
   background: #fff;
   top: 0px;
   left: 49%;
}
.switch-button .switch1 span.mn {
   position: absolute;
   left: 18%;
   top: 50%;
   transform: translateY(-50%);
   -webkit-transform: translateY(-50%);
   cursor: pointer;
   color: #fff;
}
.switch-button .switch1 span.yr {
   position: absolute;
   right: 20%;
   top: 50%;
   transform: translateY(-50%);
   -webkit-transform: translateY(-50%);
   cursor: pointer;
   color: #fff;
}
.switch-button .switch1 [type="checkbox"]:not(:checked) + label + span.mn {
   color: #5d6bc4;
}
.switch-button .switch1 [type="checkbox"]:checked + label + span.mn + span.yr {
   color: #5d6bc4;
}

/* View subscriptions */
.pricing-section th {
   background: #333;
   color: #fff;
}
.pricing-section {
   border: 1px solid #ddd;
}
.pricing-section th,
.pricing-section td {
   padding: 15px 14px;
   width: 1%;
   font-weight: 600;
}
.pricing-section th:last-child,
.pricing-section td:last-child {
   text-align: center;
}
.pricing-section tr:nth-child(odd) {
   background: #eee;
}

/*sidebar css*/
ul.navigation li.userdetails:hover > .submenu {
   display: none;
}
.right-menu {
   list-style-type: none;
   margin: 0;
}
.right-menu > li {
   margin-left: 20px;
   font-size: 15px;
   font-weight: 700;
   text-transform: uppercase;
   position: relative;
   margin-top: 10px;
}

.submenu.custom-dropdown-user {
   width: 0px;
   white-space: normal;
   position: fixed;
   right: 0;
   top: 0px;
   left: inherit;
   -webkit-transition: all 0.5s ease;
   -moz-transition: all 0.5s ease;
   -o-transition: all 0.5s ease;
   transition: all 0.5s ease;
   margin-right: -400px;
   display: block;
   bottom: 0;
   overflow-y: auto;
   overflow-x: hidden;
   z-index: 99999;
   display: block !important;
   padding: 0;
}
.userdetails.open .submenu.custom-dropdown-user {
   width: 400px;
   left: inherit;
   margin-right: -17px;
}
.userdetails .custom-dropdown-user::before {
   content: "";
   position: fixed;
   background: rgba(0, 0, 0, 0.7);
   width: 100%;
   height: 100%;
   z-index: -1;
   top: 0;
   bottom: 0;
   -webkit-transition: all 0.1s ease;
   -moz-transition: all 0.1s ease;
   -o-transition: all 0.1s ease;
   transition: all 0.1s ease;
   border: 0;
   right: 0;
   opacity: 0;
   visibility: hidden;
}
.userdetails.open .custom-dropdown-user::before {
   opacity: 1;
   visibility: visible;
}
.userdetails .custom-dropdown-user::after {
   background: white;
   position: absolute;
   height: 100%;
   width: 100%;
   content: "";
   z-index: -1;
   top: 0;
   display: block;
}
.submenu.custom-dropdown-user li a:before {
   display: none;
}
.submenu.custom-dropdown-user li a {
   padding: 0;
   float: none;
}
.close-menu {
   position: absolute;
   right: 20px;
   top: 10px;
   cursor: pointer;
   background: #f5f5f5;
   height: 32px;
   width: 32px;
   display: block;
   text-align: center;
   line-height: 32px;
   font-size: 16px;
   color: #252525;
   border-radius: 50px;
   -webkit-border-radius: 50px;
   z-index: 2;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center !important;
   -ms-flex-align: center !important;
   align-items: center !important;
   -webkit-box-pack: center !important;
   -ms-flex-pack: center !important;
   justify-content: center !important;
}

.userInfo,
.info-outer {
   padding: 17px 25px;
   background: #ffffff;
}
.info_top {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center !important;
   -ms-flex-align: center !important;
   align-items: center !important;
}
.info_top .member-initials {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center !important;
   -ms-flex-align: center !important;
   align-items: center !important;
   -webkit-box-pack: center !important;
   -ms-flex-pack: center !important;
   justify-content: center !important;
   width: 60px;
   height: 60px;
}
.info_top span.name-user {
   font-size: 18px;
   color: #252525;
   text-transform: capitalize;
}
.link-row {
   padding-top: 6px;
   padding-bottom: 6px;
}
.title-dropdown {
   font-size: 16px;
   color: #252525;
   font-weight: bold;
   margin-bottom: 10px;
}
.single-nav-item {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   padding-bottom: 10px;
   font-size: 16px;
}
.single-nav-item a {
   color: #252525;
   font-size: 14px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center !important;
   -ms-flex-align: center !important;
   align-items: center !important;
   letter-spacing: 0px;
}
.single-nav-item svg {
   margin-right: 18px;
   width: 21px;
}
.subscriptions-outer {
   background: #eaeaea;
   padding: 17px 25px;
}
.app-store {
   position: fixed;
   bottom: 0;
}
.app-store .d-flex {
   flex-wrap: nowrap;
}
.app-store img {
   max-width: 100%;
}
li.last {
   padding-bottom: 80px;
   background: white;
}
.app-store > div > div {
   width: 50%;
}
.d-flex {
   display: flex;
   flex-wrap: wrap;
   /*height: 100%;*/
}
.no-wrap {
   -ms-flex-wrap: nowrap;
   flex-wrap: nowrap;
}
.mr-2 {
   margin-right: 10px;
}
a.red-text {
   color: #eb5757 !important;
}
.custom-dropdown-user .rewards {
   padding: 25px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   white-space: normal;
   align-items: center;
   padding-right: 8px;
}
.reward-info .btn {
   background: #fff;
   padding: 8px 18px !important;
}
@media (min-width: 768px) {
   .mobile-user {
      display: none;
   }
}
@media (max-width: 767px) {
   .mobile-user {
      position: absolute;
      right: 50px;
      top: 5px;
   }
   .right-menu > li > a {
      display: none;
   }
   .userdetails.open .submenu.custom-dropdown-user {
      width: 320px;
   }
}
.justify-content-between {
   -webkit-box-pack: justify !important;
   -ms-flex-pack: justify !important;
   justify-content: space-between !important;
}
.color__settings__list {
   list-style-type: none;
   align-items: inherit;
}
.color__settings__list li {
   width: 33%;
   padding: 5px;
}
@media (max-width: 680px) {
   .color__settings__list li {
      width: 50%;
   }
}
.box__white__rounded {
   background: #fff;
   padding: 12px;
   border-radius: 8px;
   -webkit-border-radius: 8px;
   height: 100%;
   font-family: Arial;
}
.box__white__rounded label {
   font-family: Arial;
   font-size: 16px;
   font-weight: 600;
}
.box__white__rounded p {
   margin-bottom: 10px;
}
.box__white__rounded input[type="color"] {
   width: 50px;
   height: 50px;
   border: 0;
   display: block;
   overflow: hidden;
   -webkit-appearance: none;
   appearance: none;
   position: absolute;
   top: -4px;
   left: -4px;
}
.color_box {
   border-radius: 50px;
   -webkit-border-radius: 50px;
   width: 30px;
   height: 30px;
   overflow: hidden;
   display: inline-block;
   margin-right: 10px;
   border: 1px solid #111;
   vertical-align: middle;
   position: relative;
}
.box__white__rounded select {
   font-size: 16px;
   font-weight: 600;
   text-align: left;
   position: relative;
   color: #333;
   border: 0;
   background-color: transparent;
}
.box__white__rounded select:focus,
.box__white__rounded select:active {
   border: 0;
}

/*---- Salonist Pricing Page ----*/

.pricing-equeue-main11 {
   width: 100%;
   float: left;
   padding: 70px 0px;
   text-align: center;
}
.pricing-table1 .price-footer {
   position: absolute;
   bottom: 20px;
   text-align: center;
   width: 100%;
   left: 0;
}
.pricing-table1 {
   width: 27%;
   display: inline-block;
   vertical-align: top;
   margin: 0px 8px;
   background: #5d6bc4;
   padding: 45px 20px 120px;
   min-height: 435px;
   -webkit-transition: all 1s ease;
   -moz-transition: all 1s ease;
   transition: all 1s ease;
   position: relative;
}
.pricing-table1:nth-child(1) {
   background: #b3bf00; /*-webkit-transition:all 1s ease; -moz-transition:all 1s ease; transition:all 1s ease; transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); left:-20px;*/
}
.basic-plan {
   background: #b3bf00;
   display: inline-block;
   padding: 6px 35px;
   font-size: 25px;
   color: #ffffff;
   position: relative;
   top: 0px;
   margin: auto;
}
.basic-plan::before {
   border-left: 15px solid #5d6bc4;
   content: "";
   border-right: 20px solid transparent;
   border-top: 24px solid transparent;
   border-bottom: 24px solid transparent;
   position: absolute;
   top: 0;
   left: 0;
}
.basic-plan::after {
   border-right: 15px solid #5d6bc4;
   content: "";
   border-left: 20px solid transparent;
   border-top: 24px solid transparent;
   border-bottom: 24px solid transparent;
   position: absolute;
   top: 0;
   right: 0;
}
.price span {
   background: transparent;
   border: none;
   font-size: 23px;
   color: #ffffff;
   left: 0;
   top: 0;
   padding: 0px;
   margin: 0px;
   line-height: 30px;
}

.pricing-table1 li {
   font-size: 17px;
   line-height: 30px;
   color: #ffffff;
}
.pricing-table1 li:before {
   content: "";
   background: url(../images/li-bg11.svg) no-repeat left top 5px;
   background-size: 14px;
   width: 24px;
   height: 22px;
   display: inline-block;
   position: relative;
   top: 4px;
}
.pricing-table1 ul {
   margin: 20px 0px;
   list-style-type: none;
}
.per-location {
   font-weight: 500;
   color: #ffffff;
   font-size: 17px;
}
/*.pricing-table1:nth-child(1):hover{-webkit-transition:all 1s ease; -moz-transition:all 1s ease; transition:all 1s ease; transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1);}*/
.pricing-table1:nth-child(1) .basic-plan {
   background: #5d6bc4;
}
.pricing-table1:nth-child(1) .basic-plan:before {
   border-left: 15px solid #b3bf00;
}
.pricing-table1:nth-child(1) .basic-plan:after {
   border-right: 15px solid #b3bf00;
}
.pricing-table1 .basic-plan:before {
   left: -1px;
}
.pricing-table1 .basic-plan:after {
   right: -1px;
}
section.feature-page11 {
   width: 100%;
   float: left;
}
.resturant-page-main11 {
   width: 100%;
   float: left;
}
.pricing-table1:hover {
   -webkit-transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
   transition: all 0.3s ease;
   box-shadow: 0 0 20px rgb(0 0 0 / 30%);
}
.text-bottomp {
   margin-top: 50px;
}
.text-bottomp p {
   color: #4d4d4d;
}
.text-bottomp .rounded-btn {
   margin: 10px 0px 0px 0px;
   text-transform: uppercase;
}
.text-bottomp .rounded-btn:hover,
.text-bottomp .rounded-btn:focus {
   background: #b3bf00 !important;
}
.pricing-table1 a {
   text-decoration: none;
   background: transparent;
   font-size: 15px;
   border: 2px solid #ffffff;
   color: #ffffff;
   padding: 5px 14px;
   display: inline-block;
   margin-top: 17px;
   text-transform: uppercase;
   margin-bottom: 4px;
}
.pricing-table1 a:hover,
.pricing-table1 a:focus {
   color: #5d6bc4;
   background: #ffffff;
}
.per-location.custom {
   font-size: 22px;
   margin-top: 25px;
}

.price-footer .rounded-btn {
   display: block;
   margin: 0 auto;
   background: #fff;
   color: #5d6bc4 !important;
   font-size: 16px;
   font-weight: 600;
   padding: 10px 16px;
   max-width: 220px;
   box-shadow: none;
}

.price-footer .rounded-btn:hover {
   box-shadow: 0px 10px 20px rgb(0 0 0 / 20%);
   -moz-box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2);
   -webkit-box-shadow: 0px 10px 20px rgb(0 0 0 / 20%);
   background-color: #fff !important;
}
.pricing-table1:nth-child(2) {
   overflow: hidden;
   position: relative;
}
.pricing-table1:nth-child(2)::before {
   content: "Most Premium";
   background: yellow;
   transform: rotate(60deg);
   -webkit-transform: rotate(50deg);
   display: block;
   position: absolute;
   right: -78px;
   white-space: pre-wrap;
   padding: 40px 50px 10px;
   line-height: 1;
   top: -14px;
   font-size: 14px;
   width: 182px;
   text-align: center;
   z-index: 2;
   font-weight: 600;
}

/*New css added on 13-10-2022*/
.greenText {
   color: #41b002;
}
.open-status {
   background-color: #41b002;
}
.flex-row {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
}
.desktop-notification {
   padding-top: 10px !important;
   background: #5f6ec5;
   padding-bottom: 10px;
   color: #fff;
}

.table > thead > tr > th,
.table > tbody > tr > td:last-child {
   white-space: nowrap;
}
input[type="input"],
input[type="text"] {
   border: 1px solid #cecece;
   font-size: 15px;
   border-radius: 4px;
   padding: 10px;
   width: 100%;
}
ul.special-events {
   z-index: 3;
}
.label-text {
   display: block;
   text-align: left;
   font-weight: 500;
}
/*sweet alert modal custom css*/
.swal2-container.swal2-shown {
   background-color: rgba(0, 0, 0, 0.75) !important;
}
.swal2-modal.swal2-show {
   border-radius: 20px;
   background: rgb(255, 255, 255) !important;
   min-width: 500px;
   padding: 60px 30px 30px !important;
}
.swal2-container .swal2-modal #swal2-title {
   font-size: 20px;
   color: #222;
   border-bottom: 1px solid #ddd;
   padding-bottom: 15px;
   /*margin-top: 0px;
	margin-right: -30px;
	margin-left: -30px;*/
   padding: 20px;
   background: #e8e8e8;
   text-align: center;
   margin-bottom: 25px;
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
}
.swal2-container .swal2-modal .swal2-icon {
   margin-top: 40px;
}
.swal2-modal .swal2-content {
   padding-top: 20px !important;
}
.swal2-modal .swal2-buttonswrapper {
   margin-top: 15px;
   /* background: #5e6cc5; */
   margin-right: -30px;
   margin-bottom: -30px;
   margin-left: -30px;
   padding-bottom: 30px;
   padding-top: 22px;
   border-top: 1px solid #ddd;
}
.swal2-modal .swal2-buttonswrapper button {
   margin-top: 0 !important;
}
.swal2-modal .swal2-buttonswrapper button.swal2-confirm {
   background: #384bbf !important;
   border-color: #384bbf !important;
   border-radius: 6px;
   width: 40%;
   padding: 14px 32px;
   text-transform: uppercase;
   font-weight: 500;
   font-size: 15px;
}
.swal2-modal .swal2-buttonswrapper button.swal2-confirm:hover,
.swal2-modal .swal2-buttonswrapper button.swal2-confirm:focus {
   background: #1d33b7 !important;
   border-color: #1d33b7 !important;
}
.swal2-modal .swal2-buttonswrapper button.swal2-cancel {
   color: #ff0000 !important;
   background: transparent !important;
   border: 1px solid #cec7c7 /*#fb3e3e*/;
   width: 40%;
   border-radius: 6px;
   padding: 14px 32px;
   text-transform: uppercase;
   font-weight: 500;
   max-width: 200px;
   font-size: 15px;
   color: #4a4a4a !important;
}
.swal2-modal .swal2-buttonswrapper button.swal2-cancel:hover,
.swal2-modal .swal2-buttonswrapper button.swal2-cancel:focus {
   background: #ff0000 !important;
   color: #fff !important;
   border-color: #ff0000 !important;
}

.align-items-center {
   -ms-flex-align: center !important;
   align-items: center !important;
}
.admin-menu {
   display: none;
}
@media (min-width: 768px) {
   #DataTables_Table_0_wrapper #DataTables_Table_0_length {
      float: left;
   }
   .table-res #DataTables_Table_0_filter {
      float: right;
   }
}
@media (max-width: 991px) {
   .main-total {
      margin: 0px -15px;
      display: flex;
      flex-wrap: wrap;
   }

   .right-menu > li {
      font-size: 18px;
      margin-top: 0;
   }
   .userdetails .drop-menu {
      display: none;
   }
   .total-div,
   .total-div,
   .main-total .total-div:first-child,
   .main-total .total-div:last-child {
      width: 47%;
   }

   header {
      height: auto;
      margin-top: 0;
   }
   div.mobile-menu1:hover,
   div.mobile-menu1:focus {
      background: transparent !important;
      border: 0 !important;
   }
   .logo-mobile {
      float: none;
   }
   .logo-mobile img {
      width: 150px;
   }
   .navigation-bar {
      padding-left: 40px;
   }
   .right-menu > li {
      margin-left: 10px;
   }
   .pull-right.right-menu {
      margin-right: 0;
      position: absolute;
      right: 15px;
      text-align: right;
      display: flex;
      align-items: center;
   }
   .logo-mobile a {
      position: static !important;
      left: 0 !important;
      transform: translate(0%, 0%) !important;
      -webkit-transform: translate(0%, 0%) !important;
      top: 0 !important;
      margin-top: 0;
   }
   .mobile-menu1 {
      top: 5px;
      border: 0;
   }
   .mobile-menu1 span {
      margin: 7px 0px 1px 5px;
      width: 28px;
   }
   ul.navigation li a {
      font-size: 22px;
   }
   ul.navigation li .submenu li a {
      font-size: 15px;
   }
   .dropmenu span.drop-menu {
      position: absolute;
      width: 100%;
      left: 0;
      right: 0;
      top: 0;
      height: 45px;
      cursor: pointer;
   }
   .dropmenu span.drop-menu i {
      background: transparent;
   }
   .mobile-user {
      top: 14px;
   }
   .table-res {
      overflow: hidden;
   }
   .side-menu {
      display: none;
   }
   .admin-menu {
      background: #fff;
      display: flex;
      width: 100%;
      text-align: center;
      justify-content: center;
      align-items: center;
      border: 1px solid #ddd;
      padding: 10px;
      font-size: 22px;
   }
   .mobile-menu-admin {
      display: inline-block;
      width: 36px;
      cursor: pointer;
      margin-right: 10px;
      vertical-align: middle;
   }
   .mobile-menu-admin span {
      margin: 7px 0px 1px 5px;
      width: 28px;
      display: block;
      background: #000;
      height: 3px;
   }
   .side-menu .navigation {
      display: block !important;
      position: static;
   }

   .side-menu.open-admin-menu {
      display: block;
   }
   .save_placeholder {
      margin-top: 8px;
   }
   .search-option form {
      flex-wrap: wrap;
   }
   .search-option label {
      flex: 0 0 auto;
   }
   .right-content {
      margin-left: 0;
   }
   .main-profile {
      padding: 20px 10px;
   }
   .integration {
      padding: 10px 0;
   }
   p.google_secret {
      margin: 20px 0 !important;
   }
   .swal2-modal.swal2-show {
      min-width: inherit !important;
      max-width: 500px !important;
      width: 100% !important;
   }
   .booking-settings .form-inner {
      padding: 0;
      margin: 0;
      float: none;
   }
   .form-inner {
      float: none;
   }
   .form-inner .form-inner {
      padding: 0;
   }
}
@media (max-width: 680px) {
   .total-div {
      width: 100% !important;
   }
   .block-mobile {
      float: none !important;
      text-align: left !important;
      margin-right: 0 !important;
      display: block;
      width: 100%;
   }
   #atabs .add-btn {
      float: none;
      display: inline-block;
      margin-top: 20px;
   }
   .table-res .dataTables_wrapper .dataTables_length {
      margin-left: 0;
   }
   .table-res .dataTables_filter,
   .table-res .dataTables_wrapper .dataTables_length {
      width: 100%;
      margin-left: 0;
   }
   .table-res .dataTables_wrapper label {
      width: 250px;
      float: none;
      display: block;
   }
   .table-res #DataTables_Table_0_wrapper label {
      padding: 0px 0;
      font-size: 18px;
   }
   .table-res .dataTables_wrapper label select {
      margin-left: 28px;
   }
   .nomargin {
      margin-left: 0;
      margin-right: 0;
      padding-right: 0;
      padding-left: 0;
   }
   .small-textbox {
      width: 80px;
   }
   .custom-form .background0-setting {
      display: block;
   }
   .background0-setting div {
      margin: 5px;
   }
}

.right-menu > li {
   display: inline-block;
}
.equal-horizontal {
   position: relative;
}
.equal-horizontal select {
   padding: 0;
   border: 0;
   width: 24px;
   background: transparent !important;
   position: absolute;
   left: 0;
   font-size: 15px;
   top: 9px;
   cursor: pointer;
   outline: 0 none;
   font-family: Arial;
   text-indent: 25px;
   padding: 8px 10px;
   line-height: 1.8;
}

.tabscontainer-outer {
   margin-bottom: 20px;
}
@media (min-width: 992px) {
   header {
      display: flex;
      align-items: center;
   }
   .right-menu {
      display: flex;
      align-items: center;
   }
   .right-menu > li {
      margin-top: 5px;
   }
}
@media (max-width: 767px) {
   .previously-served.queue_no h3 {
      font-size: 24px;
      padding-left: 0;
   }
}
.flex-row:before,
.flex-row:after {
   display: none;
}

.table-element.clearfix {
   clear: both;
}

.table.table-hover.table-responsive {
   margin-top: 5%;
}

#swal2-title {
   text-align: left;
}

.field-item {
   list-style: none;
   padding: 9px !important;
   margin-bottom: 3px;
   text-align: left;
   cursor: pointer;
}

.field-item:hover {
   background-color: #eee;
}

.swal2-modal {
   padding: 30px !important;
}

.field-data,
.leftcontent p {
   text-align: left;
}

.swal-header input {
   width: 100%;
}

.swal-tagline {
   font-size: 12px;
}

.leftcontent {
   float: left;
}

.modal-header {
   padding: 15px 0;
}

.inputfield {
   width: 80%;
   margin-bottom: 15px;
   float: left;
}

.add-options {
   cursor: pointer;
}

.option-div {
   clear: both;
   display: block;
}

.rule {
   clear: both;
}

.option-element {
   max-height: 200px;
   overflow-y: scroll;
}

.modal-actions {
   display: block;
   clear: both;
   margin-top: 65px;
}

.back,
.back:hover {
   background-color: #ccc;
   float: left;
   color: #000;
}

.save,
.save:hover {
   background-color: #000;
   float: right;
   color: #fff;
}

.flex-item {
   display: flex;
   align-items: center;
}
.flex-item input[type="input"],
.flex-item input[type="text"] {
   width: 100%;
   margin-right: 10px;
   padding: 5px 10px;
}
.flex-item input[type="input"] + .btn,
.flex-item input[type="text"] + .btn {
   align-items: center;
   display: flex;
}

/*Dashboard page css*/
.started-section {
   background: #2b5d83;
   background-size: cover;
   -webkit-border-radius: 18px;
   padding: 25px;
   margin-bottom: 15px;
   color: #fff;
   position: relative;
   transition: all 0.5s;
   clear: both;
   top: 30px;
   margin-top: 80px;
}

.started-section h1 {
   margin-top: 0;
   font-size: 26px;
}

.started-section p {
   margin-bottom: 15px;
   line-height: 1.4;
   font-size: 16px;
}

img {
   max-width: 100%;
}

.slideout-toggle {
   position: absolute;
   right: 20px;
   top: 20px;
   z-index: 5;
   padding: 0;
   background: transparent;
   border: 0;
   line-height: 1;
}

.large-btn {
   font-size: 16px;
   border-radius: 60px;
}

.appoint-btn {
   color: #241881;
   background-color: #fff;
   border-color: #fff;
   font-weight: bold;
   padding: 10px 25px;
}

.appoint-btn:hover,
.appoint-btn:focus,
.appoint-btn:active {
   background-color: #e7792a !important;
   border-color: #e7792a;
}

.started-section::before {
   content: "";
   position: absolute;
   width: 260px;
   height: 260px;
   background: rgba(255, 255, 255, 0.17);
   border-radius: 100%;
   right: 0;
}

.started-section::after {
   content: "";
   position: absolute;
   width: 160px;
   height: 160px;
   background: rgba(255, 255, 255, 0.14);
   border-radius: 100%;
   right: 0px;
   top: 0;
}

@media (max-width: 767px) {
   .started-section {
      display: none !important;
   }
}
td iframe {
   width: 100%;
}
td h1 {
   margin: 0;
   font-size: 15px;
}
.row {
   display: flex;
   flex-wrap: wrap;
}

/*ticket screen setting*/
.form-inner.row.border-top label {
   font-family: auto !important;
}

.message {
   padding: 15px;
   border: 2px solid #ddd;
   font-size: 16px;
   resize: none;
}

textarea {
   font-family: auto;
}

.sms_info {
   float: right;
   font-size: 12px;
   font-family: none;
}

.margin20 {
   margin-right: 20%;
}

.flex {
   display: flex;
}
.mr-3 {
   margin-right: 15px;
}
.ml-2 {
   margin-left: 10px;
}

.message {
   padding: 15px;
   border: 2px solid #ddd;
   font-size: 22px;
   resize: none;
}

.col-md-12.col-sm-12.modal-footer.pb-0 {
   margin-bottom: 10px;
   padding: 10px !important;
}

/*premium video screen page css*/
.table-element.clearfix {
   clear: both;
}
#swal2-title {
   text-align: left;
}
.field-item {
   list-style: none;
   padding: 9px !important;
   margin-bottom: 3px;
   text-align: left;
   cursor: pointer;
}
.field-item:hover {
   background-color: #eee;
}
.swal2-modal {
   padding: 30px !important;
}
.field-data,
.leftcontent p {
   text-align: left;
}
.swal-header input {
   width: 100%;
}
.swal-tagline {
   font-size: 12px;
}
.leftcontent {
   float: left;
}
.modal-header {
   padding: 15px 0;
}
.inputfield {
   width: 80%;
   margin-bottom: 15px;
   float: left;
}
.add-options {
   cursor: pointer;
}
.option-div {
   clear: both;
   display: block;
}
.rule {
   clear: both;
}
.option-element {
   max-height: 200px;
   overflow-y: scroll;
}
.modal-actions {
   display: block;
   clear: both;
   margin-top: 65px;
}
.back,
.back:hover {
   background-color: #ccc;
   float: left;
   color: #000;
}
.save,
.save:hover {
   background-color: #000;
   float: right;
   color: #fff;
}

/*Branches page css*/
.category-report {
   display: flex;
   display: -webkit-box;
   display: -webkit-flex;
   flex-wrap: wrap;
}
.category-report table tr td span {
   display: block;
   text-align: center; /*font-family:'bebas_neue_regularregular'*/
}
.category-report .box.box-info {
   border-top-color: #00c0ef;
   border-top: 3px solid #ffc10e !important;
   border: 1px solid #ccc;
   margin-bottom: 30px;
}
.box-header {
   color: #444;
   display: block;
   padding: 0 10px;
   position: relative;
}
.box-header.with-border {
   border-bottom: 1px solid #d7d7d7;
}
h3.box-title {
   font-size: 19px;
   font-weight: bold;
}
.category-report table tr td {
   border: 1px solid #d7d7d7;
}
/*.table{margin-bottom: 0;}*/

/*new css*/
td {
   background: #fff;
}
/*.staff-table tr th,.staff-table tr td{
	border-right: 0;
	background: transparent;
}*/
.qr-box {
   clear: both;
   max-width: 480px;
   margin: auto;
}
.qrlogo {
   max-width: 150px;
   margin: auto;
   padding-top: 18px;
   clear: both;
}
.title23 {
   padding-top: 20px;
   padding-bottom: 15px;
   clear: both;
   margin-top: 0;
}
.welcome-text {
   color: #fff;
   padding: 8px;
   margin-bottom: 15px;
}
.qr-steps {
   border-top: 2px solid;
   padding: 12px;
   margin-top: 18px;
}
.qr-steps-list {
   display: flex;
   justify-content: space-between;
   list-style: none;
   margin: 0;
   padding: 0;
}
.qr-steps-list li {
   padding: 8px 3px;
   text-align: center;
}
.qr-steps-list li .qr-icon {
   width: 30px;
   height: 30px;
   margin: 15px auto;
   display: block;
}
.qr-steps-list li .qr-icon svg {
   width: 100%;
   height: 100%;
}

.qr-steps-list li .qrstep {
   color: #fff;
   padding: 5px 10px;
   text-transform: uppercase;
   display: inline-block;
   border-radius: 6px;
   font-size: 10px;
}
.qr-steps-list li .text {
   display: block;
   max-width: 140px;
   text-align: center;
   margin: 15px auto;
   font-size: 11px;
}

/*New css 28-06-2023*/
.outer-section {
   border: 1px solid #ddd;
   margin-top: 10px;
}
.spacing-section {
   padding: 15px;
   background: #fff;
}
.location-row {
   padding-bottom: 15px;
   display: flex;
   align-items: center;
   flex-wrap: wrap;
}
.select-item {
   border: 0;
   margin-left: 10px;
   color: #999;
}
.btanch-tabs {
   border: 0;
}
.btanch-tabs li a {
   border: 0 !important;
   text-transform: uppercase;
   font-weight: bold;
   color: #999;
}
.branch-head {
   padding: 15px;
   border-bottom: 1px solid #ddd;
}
.nospace-row {
   margin: 0;
}
.nospace-row > .col-md-4 {
   padding: 0;
}
.nospace-row > .col-md-4:first-child,
.nospace-row > .col-md-4:nth-child(2) {
   border-right: 1px solid #ddd;
}
.main-title {
   font-size: 22px;
   display: flex;
   align-items: center;
}
.main-title span {
   font-size: 45px;
   margin-left: 12px;
   font-weight: 600;
}
.main-title sup {
   font-size: 22px;
   top: -0.2em;
}
.info-text {
   color: #aaa;
}
.visitor-info {
   padding: 15px 10px;
   margin: 10px;
   margin-top: 0;
   display: flex;
   justify-content: space-between;
}
.visitor-info + .visitor-info {
   border-top: 1px solid #ddd;
}
.visitor-name {
   font-weight: 700;
   font-size: 18px;
}
.visitor-purpose {
   font-size: 16px;
}
.visitor-purpose span {
   font-size: 16px;
   font-weight: 700;
}
.visitor-last-visit {
   color: #b0b0b0;
   font-style: italic;
}
.visitor-time-info {
   width: 45px;
}
.visitor-time-info i {
   font-size: 18px;
   color: #a9a9a9;
}
.visitor-time-info span {
   display: block;
}
.staff-info {
   border-radius: 8px;
   box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.24);
   margin-bottom: 15px;
}
.staff-info + .staff-info {
   border: 0;
}
.serving {
   display: flex;
   width: 100%;
   padding-top: 8px;
}
.serving .serving-person {
   width: 40px;
   height: 40px;
   min-width: 40px;
   min-height: 40px;
   margin-right: 10px;
   border-radius: 100%;
   overflow-x: hidden;
   position: relative;
   border: 1px solid #ddd;
}
.serving .serving-person img {
   position: absolute;
   height: 100%;
   width: 100%;
   left: 0;
   top: 0;
   object-fit: cover;
}
.light {
   font-weight: normal;
}
.information {
   flex-direction: column;
}
.waiting-info {
   display: flex;
   justify-content: flex-end;
   width: auto;
}
.waiting-info .col {
   width: 80px;
   text-align: center;
}
.waiting-info .col span:first-child {
   text-transform: uppercase;
   color: #999;
}
.white {
   color: #fff !important;
}
.title {
   font-size: 28px;
}
.about-location {
   display: flex;
   color: #999;
   padding-bottom: 25px;
}
.about-location span {
   color: #222;
   font-weight: 500;
}
.info-text {
   padding-right: 15px;
   font-weight: 300;
}
.address-info {
   color: #999;
}
.simple-title {
   color: #b0b0b0;
   font-size: 16px;
}
.service-info {
   padding: 15px;
   display: flex;
   justify-content: center;
   flex-wrap: wrap;
   padding-bottom: 0;
   margin: 0;
}
.service-info li {
   display: flex;
   flex: 0 0 100%;
   padding-bottom: 5px;
}
.service-info li span:first-child {
   width: 50%;
   text-align: right;
   color: #b0b0b0;
   padding-right: 8px;
}
.service-info li span:last-child {
   color: #222;
   font-weight: 500;
}
.service-info li span.redtext {
   color: red;
}
.service-info li span.greentext {
   color: green;
}

.simplebox {
   box-shadow: 0px 3px 20px #0000000b;
   --bg-opacity: 1;
   background-color: #fff;
   border-radius: 0.375rem;
   position: relative;
   padding: 1.85rem;
   margin-bottom: 15px;
   margin-top: 15px;
}
.h-100 {
   height: 100%;
}
.simplebox h3 {
   margin-top: 0;
}
.plan_list {
   list-style-type: none;
   padding: 0;
}
.plan_list li {
   display: flex;
   padding: 10px 0;
}
.plan_list li span:first-child {
   flex: 0 0 160px;
}
.plan_list li span:not(:first-child) {
   flex: 1;
   display: flex;
   padding-left: 12px;
}
.plan_list li i {
   margin-right: 10px;
}
.qroption {
   float: none;
   height: 100%;
}
.search-option form.qr-section {
   flex-wrap: wrap;
}

.search-option form.qr-section {
   display: block;
   position: relative;
}
.search-option form.qr-section input[type="checkbox"],
.search-option form.qr-section input[type="radio"] {
   width: auto;
   margin-right: 8px;
}
.search-option form.qr-section label {
   float: none;
   width: 100%;
   margin-top: 15px;
}

.info-question-circle::before {
   content: "i";
   border: 1px solid;
   padding: 2px 3px;
   border-radius: 50%;
   width: 16px;
   height: 16px;
   display: inline-flex;
   text-align: center;
   line-height: 1;
   justify-content: center;
   align-items: center;
   font-weight: bold;
   font-size: 12px;
}
.popover-content {
   font-size: 12px;
   font-weight: normal;
}
@media only screen and (min-width: 768px) and (max-width: 1180px) {
   .container {
   }
}
@media only screen and (max-width: 991px) {
   ul.navigation li a .fa {
      display: none;
   }
}
@media only screen and (min-width: 768px) and (max-width: 1180px) {
   header {
      margin-top: 0;
   }
   ul.navigation li {
      font-size: 13px;
   }
}

/*New css 04-01-2024*/
.nav-tabs > li > a {
   border-radius: 10px;
   border: 0;
   margin-bottom: 5px;
}
.single__row {
   /*margin-bottom: 20px;*/
}
.single {
   /*display: block;*/
   margin-bottom: 5px;
   display: inline-block;
   margin-right: 10px;
}
.switch {
   position: relative !important;
   width: 40px !important;
   min-width: 40px;
   height: 20px;
   display: inline-block;
   vertical-align: middle;
   margin: 0 !important;
}
.radio-switch {
   width: 20px !important;
   min-width: 22px;
   height: 22px;
   margin-right: 5px !important;
}
.switch input {
   display: none;
}
.switch span {
   position: absolute;
   cursor: pointer;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background-color: #ccc;
   -webkit-transition: 0.4s;
   transition: 0.4s;
   margin: auto;
   height: 100%;
   border-radius: 34px;
}
.switch span::before {
   position: absolute;
   content: "";
   height: 16px;
   width: 16px;
   left: 4px;
   bottom: 2px;
   background-color: #fff;
   -webkit-transition: 0.4s;
   transition: 0.4s;
   border-radius: 50%;
}
.switch input:checked + span::before {
   -webkit-transform: translateX(17px);
   -ms-transform: translateX(17px);
   transform: translateX(17px);
}
.switch input:checked + span {
   background-color: #8bc34a;
}
.radio-switch span::before {
   height: 10px;
   width: 10px;
   left: 6px;
   bottom: 6px;
}
.radio-switch input:checked + span::before {
   -webkit-transform: translateX(0px);
   -ms-transform: translateX(0px);
   transform: translateX(0px);
}
.single-row-box {
   border: 1px solid #ccc;
   padding: 10px;
   margin-bottom: 15px;
   border-radius: 8px;
   display: flex;
   flex-direction: column;
}
.single-row-box > span:first-child {
   margin-bottom: 8px;
}
.single-row-box .single {
   display: inline-block;
   margin-right: 10px;
}
label.single {
   width: auto;
}
.single.label-text-center {
   text-align: center !important;
}
/*Pricing plan css*/
.pricing-section .pricing_box {
   box-shadow: 0 0 15px rgba(0, 0, 0, 0.14);
   border: 1px solid #dddddd;
   border-radius: 8px;
   -webkit-border-radius: 8px;
   padding: 10px;
   padding-bottom: 80px;
   background: #fff;
}
.pricing-section .basic-plan {
   background: transparent !important;
   color: #111;
   font-weight: 600;
}
.pricing-section .basic-plan::before,
.pricing-section .basic-plan::after {
   display: none;
}
.pricing-section .pricing-table1 {
   background-color: transparent;
}
.pricing-section .pricing-table1 li {
   color: #333;
   display: flex;
}
.pricing-head {
   background: #00bb402e;
   padding: 25px 12px;
   padding-bottom: 10px;
   border-radius: 6px;
}
.pricing-section .price-footer .rounded-btn {
   background: #5d6bc4;
   color: #fff !important;
   border-radius: 60px;
}
.pricing-section .price-footer .rounded-btn:hover {
   background: #000 !important;
   border-color: #000;
}
.pricing-section .pricing_box:nth-child(2) .pricing-head {
   background: #bba7003d;
}
.pricing-section .pricing_box:nth-child(3) .pricing-head {
   background: #00bba93d;
}
.pricing-section .pricing-table1 li::before {
   content: "";
   background-size: 14px;
   width: 13px;
   height: 9px;
   display: inline-block;
   position: relative;
   top: 7px;
   background: transparent;
   border-left: 3px solid #5e4de4;
   border-bottom: 3px solid #5e4de4;
   transform: rotate(-52deg);
   margin-right: 15px;
   margin-left: 8px;
}
.info-outer-pricing {
   padding: 17px 25px;
   background: #fffccf;
   border-radius: 15px;
   border: 4px solid #ffcb00;
   margin-top: 30px;
}
.pricing-section {
   border: 0;
}
@media (min-width: 768px) {
   .elements-right {
      text-align: right;
   }
   .pricing-table1 {
      width: auto;
      flex: 1;
   }
}
@media (max-width: 767px) {
   .pricing-table1 {
      width: 100%;
   }
}
.form-inner label {
   width: 100%;
}
.form-inner label.ubi {
   width: auto;
   display: inline-block;
}
.form-inner label:not(.ubi) {
   font-weight: 600;
}