/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
 
.um-form .um-field-whatsapp .form-data {
    width: 98% !important;
	height: 30px !important;
}

.um-field-whatsapp {
    width: 100%;
    display: inline-block;
    padding: 10px 0px;
}

.tabmain {
  float: left;
  border: 1px solid #ccc;
  background-color: #f1f1f1;
  width: 20%;
  height: 650px;
}

.tabmain span {
  display: block;
  background-color: inherit;
  color: black;
  padding: 15px 0px;
  width: 100%;
  outline: none;
  text-align: center;
  cursor: pointer;
  transition: 0.3s;
  font-size: 17px;
}

.tabmain span:hover {
  background-color: #ddd;
}

.tabmain span.active {
  background-color: #ccc;
}
.tablinks {
    border-bottom: 1px solid #ddd;
}

.tabcontent {
  float: left;
  padding: 5px 12px 0px 0px;
  border: 1px solid #ccc;
  width: 73%;
  border-left: none;
  height: 650px;
}
.active_main label {
    display: block;
}
.active_main .chkbx {
    width: 20px;
    height: 20px;
}

.slctd_val {
    border: 1px solid;
    border-radius: 5px;
    padding: 2px 10px;
    margin-left: 8px;
    position: relative;
}
#customer_tagsslctd,#customer_catsslctd,#customer_daysslctd,#customer_timeslctd {
    width: 100%;
    display: inline-block;
}


span.cross_sec, span.cross_sec2, span.cross_sec3, span.cross_sec4 {
    position: absolute;
    top: -7px;
    right: -4px;
    background: #000;
    color: #fff !important;
    width: 7px;
    height: 7px;
    display: inline-block;
    line-height: initial !important;
    font-size: 14px;
    border-radius: 11px;
    line-height: 4px !important;
    padding: 4px;
    z-index: 9999999;
	cursor: pointer;
}
span.slctd_val {
    float: left;
    float: right;
}
span.cws_notify {
        position: absolute;
        bottom: 19px;
        top: inherit;
        z-index: 999999;
        right: 170px;
	transition: all 0.2s;
        cursor: pointer;
}

.desc_trig_outter {
    position: relative;
}
.cws_notify.selected, .cws_notify:hover{
    color: #33a5f7;
}

.um-form .um-field-macount .form-data {
    width: 98% !important;
	height: 30px !important;
}

.um-field-macount {
    width: 100%;
    display: inline-block;
    padding: 10px 0px;
}

.tabmain2 {
  float: left;
  border: 1px solid #ccc;
  background-color: #f1f1f1;
  width: 20%;
  height: 650px;
}

.tabmain2 span {
  display: block;
  background-color: inherit;
  color: black;
  padding: 15px 0px;
  width: 100%;
  outline: none;
  text-align: center;
  cursor: pointer;
  transition: 0.3s;
  font-size: 17px;
}

.tabmain2 span:hover {
  background-color: #ddd;
}

.tabmain2 span.active {
  background-color: #ccc;
}
.tablinks2 {
    border-bottom: 1px solid #ddd;
}

.tabcontent2 {
  float: left;
  padding: 5px 12px 0px 0px;
  border: 1px solid #ccc;
  width: 73%;
  border-left: none;
  height: 645px;
}

/*Membership Account Settings CSS */

.userdata_login{
    margin:10px;
}

.userdata_h3{
    margin:3px;
    padding:0;
    font-size:13px !important;
    color:#555555 !important;
    font-weight:bold !important;
}

.userdata{
    border:1px solid #ccc;
    color:#666666;
    border-radius:5px;
    padding:7px;
}

.alldata_table,.table_h,.table_data{
    border-collapse: collapse;
    border:1px solid #ccc;
    padding:5px;
    text-align:center;
}

.alldata_table{
    width: 100%;
    margin: 10px -6px 10px 0px;
}

.eventon_events_list .eventon_list_event .evcal_list_a {
    border-left-width: 0px !important;
    border-left-style: none !important;
    
}
p.desc_trig_outter {
	border-left: 3px solid  #c0e0f7 !important;
}
p.desc_trig_outter:hover {
    border-left: 7px solid #c0e0f7 !important;
}
@media screen and (max-width: 767px) {
.tabcontent2 {
	height: 100%;
	overflow-x: scroll;
}
}