body{
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
  line-height: 1;
  font-size: 14px;
}
#wrapper{
  background: #F4F5F6;
}
.loginFormWrap{
  align-items: center;
  background-color: #fff;
}
.login_logo{
  width: 408px;
}
.login_logo img{
  display: block;
    width: 200px;
    height: auto;
}
#rememberCheck{
margin-top: 0;
}
.remberCheckWrap{
  display: flex;
    justify-content: space-between;
    margin-bottom: 24px;
}
.loginForm{
  width: 408px;
}
.loginForm button[type="submit"]{
  width: 100%;
    border-radius: 50px;
}
.getOtp{
  position: absolute;
    right: 0;
    background: #0d6efd;
    width: 76px;
    line-height: 38px;
    color: #fff;
    text-decoration: none;
    text-align: center;
    border-radius: 0px 6px 6px 0px;
}
.getOtpWrap{
  display: flex;
    position: relative;
    padding-right: 76px;
}
.getOtpWrap input[type="email"]{
  border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.gotologin{
  text-decoration: none;
  margin-bottom: 24px;
  display: inline-block;
}
.forgotPassword{
  text-decoration: none;
}
.loginFormWrap .mb-3 {
  margin-bottom: 24px !important;
}
.loginFormBody{
  align-items: center;
    display: flex;
    flex-direction: column;
}
.getOtp:hover{
color: #fff;
}
.loginCopyrightWrap{
  position: absolute;
    bottom: 24px;
    width: 100%;
    text-align: center;
    color: #fff;
}
.logoBgCopy{
  position: relative;
}
#header{
  border-bottom: 1px solid #E9EBF3;
  background: #FFF;
  padding-top: 8px;
    padding-bottom: 8px;
}
.sidebar{
  background: #FFF;
  border-right: 1px solid #E9EBF3;
  padding-top: 18px;
}
.logo{
  display: inline-block;
  width: 152px;
}
.logo img{
width: 100%;
height: auto;
}
.headerContactInfo{
display: flex;
align-items: center;
}
.headerContactInfo a{
  font-size: 16px;
    color: #000;
    text-decoration: none;
    margin-right: 18px;
}
.headerContactInfo a i{
  margin-right: 6px;
}
.headerNofication{
  display: flex;
align-items: center;
justify-content: end;
}
.headerNofication a{
  font-size: 16px;
    color: #000;
    text-decoration: none;
    margin-right: 18px;
}
.headerNofication .hNIcon{
  font-size: 18px;
}
.headerNofication a:hover,.headerContactInfo a:hover{
  color:#e2b73d;
}
.hNUser i{
  margin-left: 6px;
}
.sidebar .nav{
  width: 100%;
}
.sidebar .nav-link{
padding: 10px 10px;
display: flex;
    align-items: center;
}
.sidebar .nav-link i,.sidebar .nav-link svg{
  margin-right: 6px;
}
.sidebar .nav-link svg{
  fill: #000;
}
.sidebar .nav-link.active svg{
fill: #fff;
}
.sidebar .nav-link i.arrow{
  margin-left: 6px;
  font-size: 10px;
}
#menu > .nav-item{
  margin-bottom: 12px;
}
#menuLogout .menu-logout{
  color: #fff;
    background-color: #353945;
}
#menuLogout > .nav-item {
  margin-bottom: 12px;
}
.contentHeader {
  background: #fff;
    padding-top: 18px;
    border-bottom: 1px solid #E9EBF3;
    padding-bottom: 24px;
}
.tableContent{
  background: #fff;
}
.mainContentFooter {
  padding: 20px 0 28px;
}
.contentBody{
  margin: 24px 12px 0;
  background: #fff;
  min-height: 390px;
}
.mainContentFooter > .col,.contentHeader > .col{
  margin: 0 12px 0;
}
.dataTable th{
  font-weight: 500;
  font-size: 14px;
}
.dataTable td,.dataTable th{
  padding: 16px 16px;
}
.dataTable td{
  font-size: 12px;
}
table.dataTable.table-striped>tbody>tr:nth-of-type(2n+1)>* {
  box-shadow: none;
  background: rgba(212, 229, 255, 0.20);
}
.dataTables_info{
  padding-left: 16px;
  padding-bottom: 16px;
}
.dataTables_paginate{
  padding-right: 16px;
}
.contentHeader  h2{
  font-size: 24px;
  font-weight: 500;
}
ul.pagination li {
  margin: 0 6px;
  border-radius: 0px;
}
ul.pagination li a{
  border-radius: 0px !important;
}
.customerEditBtn{
color: #01E76B;
margin-right: 12px;
}
.customerDeleteBtn{
color: #FD1C1C;
}
/* Switch Btn Css Starts */
.switchBtn .switch {
  position: relative;
  display: inline-block;
  width: 120px;
  height: 34px;
}

.switchBtn .switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.switchBtn .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.switchBtn .slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

.switchBtn input:checked + .slider {
  background-color: #2196F3;
}

.switchBtninput:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

.switchBtn input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}
.switchBtn .slider.round {
  border-radius: 34px;
}

.switchBtn .slider.round:before {
  border-radius: 50%;
}
/* .switchBtn .on
{
  display: none;
} */

.switchBtn .on, .switchBtn .off
{
  color: white;
  position: absolute;
  transform: translate(-50%,-50%);
  top: 50%;
  left: 50%;
  font-size: 12px;
}

/* .switchBtn input:checked+ .slider .on
{display: block;}

.switchBtn input:checked + .slider .off
{display: none;} */
.serviceActivateBtn.switchBtn input:checked + .slider:before{
  -webkit-transform: translateX(98px);
    -ms-transform: translateX(98px);
    transform: translateX(98px);
}
.serviceActivateBtn.switchBtn .switch {
  width: 132px;
  height: 34px;
}
.serviceActivateBtn.switchBtn input:checked + .slider {
  background-color: #AEE753;
}
.demoBtn.switchBtn input:checked + .slider:before{
  -webkit-transform: translateX(74px);
    -ms-transform: translateX(74px);
    transform: translateX(74px);
}
.demoBtn.switchBtn .switch {
  width: 108px;
  height: 34px;
}
.demoBtn.switchBtn input:checked + .slider {
  background-color: #E75353;
}

/* Switch Btn Css Ends */
.searchAddFunction{
  display: flex;
    align-items: center;
    padding-top: 22px;
}
.sASwitchBtnWrap,.searchAddFilterWrap{
  display: flex;
    align-items: center;
}
.demoBtn {
  margin-left: 12px;
}
.searchAddFilterWrap{
  justify-content: end;
}
.addNewCusBtn{
  border-radius: .25rem;
background: #0d6efd;
text-decoration: none;
padding: 10px 10px;
display: flex;
color: #fff;
}
.addNewCusBtn i{
  margin-left: 6px;
}
.addNewCusBtn:hover{
  background: #0a58ca;
  color: #fff;
}
.contentSearchWrap input{
  border: none;
    border-bottom: 1px solid #E9EBF3;
    border-radius: 0;
    outline: none;
}
.contentSearchWrap i{
  margin-top: 8px;
}
.contentSearchWrap input:focus{
  box-shadow: none;
}
.contentSearchWrap,.addFilter{
  margin-left: 32px;
}
.filterForTable{
  border-radius: 8px;
  border: 1.2px solid rgba(136, 136, 136, 0.10);
  padding: 10px 10px;
    display: flex;
  background: #FFF;
  vertical-align: middle;
color: rgba(18, 18, 18, 0.60);
text-decoration: none;
text-align: center;
}
.filterForTable i{
margin-left: 6px;
}

.channel-thumb{
  flex: none !important;
  float: left;
  width: auto;
  padding: 2% 2% 2% 2%;
}

.btn-mb-2 {
  margin-bottom: 2% !important;
}

.las {
  font-size: 24px;
  color:#052856;
}

.las:hover {
  color: #E9C550;
}
.margin-top-4 {
  margin-top: 4% !important;
}

.margin-bottom-4 {
  margin-top: 4% !important;
}

.min-height-450px {
  min-height : 450px !important;
}

.add-new-service-page .card-header {
  background-color: skyblue;
  font-weight: 700;
}
.add_new_services_form .card-header {
  background-color: skyblue;
  font-weight: 700;
}
.add_new_services_form .error {
  border: 1px solid red;
}
#account_form .card-header {
  background-color: skyblue;
  font-weight: 700;
}

.inactive_status {
  background: #bf3907de;
  padding: 4px 9px;
  border: 1px solid black;
  border-radius: 17px;
  color: white;
  font-style: normal;
  font-weight: 600;
}
.active_status {
  background: #07bf19de;
  padding: 4px 9px;
  border: 1px solid black;
  border-radius: 17px;
  color: white;
  font-style: normal;
  font-weight: 600;
}