/*.content {
    width: 100%;
    float: left;
    background: var( --contrast);
    font-size: 14px;
    position:relative;
}
.ac_wrap {
    float: left;
    width: 100%;
	font-family: 'open_sansregular';
}
.left_menu_bar {
    float: left;
    width: 15%;
    padding: 0;
    height: 500px;
}
.left_menu_bar .logo_wrap {
    float: left;
    text-align: center;
    width: 100%;
    margin: 0px 0 30px;
    min-height: 60px;
    border-bottom: 1px solid #4265d4;
    background: #fff;
    line-height: 60px;
}
.left_menu_bar .logo_wrap img{
    max-height: 60px;
}
.left_menu_bar ul {
    padding-left: 20px;
}
.left_menu_bar ul li {
    float: left;
    width: 100%;
    margin-bottom: 12px;
}
.left_menu_bar ul li a {
    float: left;
    width: 100%;
    font-size: 13px;
    text-align: left;
    color: #f1f0f0;
    padding: 12px 0 12px 15px;
}
.left_menu_bar ul li a .fa {
   	font-size: 11px;
    margin-right: 12px;
}
.left_menu_bar ul li.current-left-menu-item a, .left_menu_bar ul li:hover a {
    background: #f3f4f675;
    color: #ffffff;
    border-radius: 20px 0 0 20px;
}
.left_menu_bar ul li.search_wrap {
    padding: 6px 12px;
    margin-bottom: 20px;
}

.left_menu_bar ul li ul.submenu {
    float: left;   
    width: 100%;
	display:none;
}
.left_menu_bar ul li ul.submenu a {
    text-align: left !important;
    padding-left: 50px;
}
.left_menu_bar ul li:hover ul.submenu {
	display:block;
}
.left_menu_bar ul li ul.submenu a:hover {
    background: #0b9eca;
}
.right_content_bar {
    float: left;
    width: 85%;
	background: #f1f5f9;
	min-height: 500px;
}
.top_profile_bar {
    float: left;
    width: 100%;
    background: #ffffff;
    padding: 10px 40px 10px 40px;
    border-bottom: 1px solid #ccc;
    box-shadow: 1px 2px 3px #ccc;
}
.top_right {
    float: right;
}
.top_right ul li {
    float: left;
    margin-left: 25px;
	position:relative;
}
.top_right ul li a {
    float: left;
    font-size: 13px;
    color: #0a7c9e;
}
.top_right ul li a .fa {
    padding: 12px 0px;
    font-size: 16px;
}
.top_right ul li img {
    width: 40px;
    height: 40px;
    float: left;
	border-radius:50%;
    margin-right: 10px;
}
.top_right ul li .user_id {
    color: #0a7c9e;
    margin-top: 12px;
    float: left;
}
.top_right ul li .topSubMenu {
    position: absolute;
    top: 42px;
    right: 0;
    width: 163px;
    background: #0b9eca;
    z-index: 999;
    left: 0%;
    display: none;
}
.top_right ul li .topSubMenu p {
    float: left;
    margin: 0px;
    padding: 0;
    width: 100%;
}
.top_right ul li .topSubMenu a {
    color: #fff;
    font-size: 12px;
    padding: 10px 14px 10px;
    float: left;
    width: 100%;
}
.topSubMenu a:hover {
    background: #0a7c9e;
}
.top_right ul li:hover .topSubMenu {
	display:block;
}
.bottom_content_wrap {
    float: left;
    width: 100%;
    padding: 40px;
}
.bottom_content_wrap h3 {
    float: left;
    width: 100%;
    margin: 0 0 40px;
    font-size: 22px;
    letter-spacing: 0.5px;
    color: #5184ee;
    line-height: 30px;
    padding-bottom: 1px;
    font-family: 'montserratregular';
    font-weight: 100;
}
.bottom_content_wrap .left_child_wrap {
    float: left;
    width: 40%;
}
.bottom_content_wrap .left_child_wrap.fullwidth{
    width: 100%;
}
.left_child_wrap ul li {
    float: left;
    width: 45%;
    background: #fff;
    margin-right: 5%;
    border-radius: 18px;
    padding: 20px;
    box-shadow: 1px 2px 3px #ccc;
    margin-bottom: 20px;
}
.left_child_wrap.fullwidth > ul > li{
    width: 18%;
    margin-right: 2%;
}
.left_child_wrap ul li .child_box {
    float: left;
    width: 100%;
}
.child_box .child_avatar {
    float: none;
    width: auto;
    text-align: center;
    margin: 0 auto;
    border-radius: 20px;
    position: relative;
}
.child_box .child_details {
    float: left;
    width: 100%;
    padding: 20px 0 0;
}
.child_details .child_name {
    float: left;
    width: 100%;
    text-align: center;
    font-weight: bold;
    color: #0f031e;
}
.child_details .settings_wrap {
    float: left;
	width:100%;
}
.settings_wrap ul li {
    width: 29%;
    padding: 5px 12px;
    border: 2px solid #6ecaeb;
    margin: 0;
    box-shadow: none;
    text-align: center;
    border-radius: 6px;
    margin: 15px 3px 0;
}
.settings_wrap ul li a{
	float:left;
	width:100%;
	color:#1aade1;
}
.child_settings_wrap {
    float: right;
    width: 55%;
}
.table_content {
    float: left;
    width: 100%;
    padding: 20px;
    position: relative;
    background: linear-gradient( #0282d2a6, #ba00ff8c);
    border-radius: 6px;
    box-shadow: 1px 2px 3px #ccc;
}
.table_content .table_wrapper h4 {
    text-align: center;
    float: left;
    width: 100%;
    color: #fff;
    font-size: 22px;
    margin: 6px 0 16px;
    font-weight: 100;
    text-transform: uppercase;
}
.table_content table, th, td {
    border: 1px solid #e4e4e4;
    border-collapse: collapse;
    width: 100%;
    background: #fff;
}
.table_content th, td {
    padding: 10px;
    text-align: left;
    height: 40px;
    width: auto;
    font-size: 12px;
}
.table_content th {
    position: relative;
    padding: 10px!important;
    font-weight: 600;
    text-transform: capitalize;
    white-space: normal;
    font-size: 14px;
}
.table_content .table_wrapper {
    overflow-x: auto;
    overflow-y: hidden;
    margin: 0;
	position:relative;
}
.table_wrapper .washout{
	background:url(../images/washout.png) no-repeat bottom;
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	top:0;
	background-size: 100%;
	opacity:0;
	transition: all 0.5s ease;
}
.table_wrapper:hover .washout{
	opacity:1;
}

.log_wrap {
	max-width: 900px;
	margin: 2% auto;
	background: #fff;
	display: table;
	padding: 50px;
	border: 1px solid #e8e7e7;
	box-shadow: 0px 3px 10px #dedede;
}
.login_form_wrap {
	float: left;
	width: 55%;
	padding-right: 80px;
	
}
.login_form {
	float: left;
	width: 100%;
	margin-top: 20px;
}
.login_form ul li {
	float: left;
	width: 100%;
	margin-bottom: 20px;
}
.login_form ul li .login_label {
	float: left;
	width: 100%;
	margin-bottom:12px;
	color: #464545;
	letter-spacing: 1px;
	font-weight: bold;
}
.login_form ul li .enter {
	float: left;
	width: 100%;
	padding: 0 3px 6px 0;
	border-bottom: 1px solid #ccc !important;
	border: 0;
}
.login_form ul li .login_btn {
	background: linear-gradient( #022bd29c, #ba00ffb5);
	color: #fff;
	padding: 15px 0;
	width: 100%;
	text-transform: uppercase;
	border-radius: 50px;
	font-size: 15px;
	float: right;
	cursor: pointer;
	border: none;
	margin-top: 10px;
}
.login_form ul li .login_btn:hover {
	background: #000;
	transition: ease-out, 0.5s;
}
.login_form ul li .remember_wrap {
	float: left;
	width: 100%;
}
.checkbox {
	float: left;
	font-size: 13px;
	color: #858585;
}
.checkbox input[type="checkbox"] {
	float: left;
}
.remember_wrap a {
	color: #000;
	font-weight: bold;
	margin-left: 5px;
}
.remember_wrap a:hover {
	color: #828181;
	transition:0.3s;
}
.right_img_wrap {
	float: right;
	width: 42%;
}
.login_social_wrap {
	float: left;
	width: 100%;
	margin: 17% 0;
}
.middle_wrap .title {
    float: none;
    display: table;
    clear: right;
    font-size: 26px;
    text-transform: uppercase;
    color: #000;
    font-weight: bold;
    letter-spacing: 2px;
    margin-bottom: 20px;
    position: relative;
}
.log_wrap .title:after{
    content: " ";
    position: absolute;
    width: 100px;
    left: 100%;
    background: url(../images/testi-line.png) 30% center no-repeat;
    height: 1px;
    top: 50%;
}
.log_wrap .title {

}
.title .red_text {
    color: #5184ee;
}

.log_wrap.register {
	max-width: 600px;
}
.log_wrap.register .title {
    background: url(../images/testi-line.png) 100% center no-repeat !important;
}
.login_form ul li .select_field {
	float: left;
	width: 31%;
	margin-right: 10px;
}
.login_form ul li .date_select {
    width: 100%;
    padding: 0 0 6px;
    background: #fff;
    border: none;
    border-bottom: 1px solid #ccc;
    color: #000;
    font-size: 14px;
}


.top_header_area {
    float: left;
    width: 100%;
    padding: 20px 0;
    position: relative;
    border-bottom: 1px solid #ccc;
}
.top_header_area .logo_wrap {
    float: left;
    width: auto;
    max-width: 140px;
}
.logout_btn_wrap {
    float: right;
    width: auto;
}
.bottom_content_area {
    float: left;
    width: 100%;
    position: relative;
    padding: 0 0 30px 0;
    display: none;
    transition: all ease 0.5s;
}
.bottom_content_area.active{
    display: block;
}
.left_text_area {
    float: none;
    margin: 0 auto;
    width: 100%;
    display: table;
    position: relative;
   
    padding: 20px;
}
.bottom_content_area h2 {
    position: relative;
    text-align: center;
    padding-top: 60px;
    margin-bottom: 8%;
    margin-top: 0;
}
.bottom_content_area .sub_heading {
    float: left;
    width: 100%;
    font-size: 30px;
    font-weight: bold;
    color: #00adf1;
    margin-bottom: 26px;
    text-align: center;
}
.goal_options {
    float: left;
    width: 100%;
}
.goal_options ul li {
    float: left;
    width: 100%;
    background: #fff;
    box-shadow: 1px 2px 3px #ccc;
    padding: 40px 20px;
    margin-bottom: 21px;
    font-size: 30px;
    border: 1px solid #f3eeee;
    color: #2e2e2e;
    font-weight: bold;
}
.goal_options ul li:hover{
    background: #f1f1f14f;
}
.goal_options ul li .goal_lable {
    float: left;
    width: auto;
    margin-right: 15px;
    margin-top: 0px;
    width: 40px;
    height: 40px;
    line-height: 30px;
}
.goal_options ul li .enter {
   float: right;
    border: 0;
    border-bottom: 2px solid #555;
    width: 100%;
    margin-top: 20px;
    padding: 10px 10px;
    background: #fff0;
    font-size: 22px;
}
.goal_options ul li .field-msg{
    font-size: 14px;
}
.other_goal_wrap{
    float: left;
    width: 100%;
    display: none;
}
.right_img_area {
    float: none;
    margin: 0 auto;
    width: 29%;
    display: table;
    margin-bottom: 3%;
    display: none;
}

.add_member_btn_wrap {
    float: left;
    width: 100%;
    text-align: center;
    margin-bottom: 50px;
    margin-top: 15px;
}
.add_member_btn_wrap .btn {
    float: none;
    padding: 15px 40px;
}
.menu_btn_wrap {
    float: right;
    width: auto;
    margin-top: 5px;
}
.menu_wrap {
    float: left;
    width: auto;
    margin-right: 20px;
    margin-top: 12px;
}
.menu_wrap ul li {
    float: left;
    width: auto;
    margin-left: 20px;
}
.menu_wrap ul li a {
    float: left;
    width: auto;
    color: #000;
    font-size: 16px;
    font-weight: bold;
}
.login_form.add_member .select_field {
    width: 100%;
}
.add_member {
    background: #fff;
    padding: 30px;
    box-shadow: 4px 1px 21px #ccc;
    margin-top: 0;
    margin-bottom: 60px;
    display: none;
}
.added_member_wrap {
    float: left;
    width: 100%;
    background: #e7e9ff;
    box-shadow: 1px 1px 3px #707070a1;
    padding: 15px 30px;
    margin-bottom: 15px;s

}
.added_member_wrap  .member_avatar {
    width: 35px;
    height: 35px;
    float: left;
    margin-right: 5px;
}
.added_member_wrap .member_number {
    float: left;
    width: auto;
    margin-right: 15px;
    background: var(--primary);
    padding: 4px 12px;
    border-radius: 50%;
    color: #fff;    
    font-size: 20px;
    font-weight: bold;
}
.added_member_profile {
    float: left;
    width: 70%;
    padding: 4px 0;
}
.added_member_profile .member_name {
    float: left;
    width: auto;
    margin-right: 16px;
}
.added_member_profile .member_info {
    float: left;
    width: auto;
    padding: 5px 15px;
    border-right: 1px solid #ccc;
}
.member_info i {
    padding-right: 4px;
}
.member_status {
    float: right;
    padding: 8px 14px;
    font-weight: bold;
    color: white;
    background: green;
    border-radius: 18px;
    font-size: 11px;
    margin-top: 3px;
}
.member_status.offline {
    background: #797878;
    display: none;
}
.add_extension_txt {
    float: left;
    width: 100%;
    text-align: center;
}
.add_extention_btn_wrap {
    float: none;
    width: auto;
    margin-top: 30px;
    display: table;
    margin: 8% auto 4%;
}
.bottom_content_area.well_done {
    text-align: center;
}
.all_done_wrap .sub_heading {
    margin-top: 50px;
}
.all_done_wrap p {
    margin-top: 0;
    font-size: 20px;
}
.add_member_btn_wrap.supervice_btn {
    margin-top: 50px;
}

.progressbar {
    margin-top: 50px;
    float: left;
    counter-reset: step;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    margin-bottom: 50px;
}
.progressbar ul{
    overflow: hidden;
    counter-reset: step;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}
.progressbar ul li {
    list-style-type: none;
    color: #b9b9b9;
    font-size: 16px;
    font-weight: bold;
    width: 33.33%;
    letter-spacing: 1px;
    float: left;
    position: relative;
    text-align: center;
}
.progressbar ul li:before {
    content: counter(step);
    counter-increment: step;
    width: 50px;
    height: 50px;
    line-height: 50px;
    display: block;
    font-size: 18px;
    color: #333;
    background: #d6d6d6;
    border-radius: 50%;
    margin: 0 auto 6px auto;
    text-align: center;
    z-index: 99;
    position: relative;
}
.progressbar ul li:after {
    content: '';
    width: 100%;
    height: 2px;
    background-color: #d6d6d6;
    position: absolute;
    margin-left: -45.91%;
    top: 32%;
    left: 100%;
    z-index: 9;
}
.progressbar ul li.active:before, .progressbar ul li.active:after {
    background: var(--primary);
    color: white;
}
.progressbar ul li.active{
    color: var(--secondary);
}
.progressbar ul li.first_step_number:after {
    background: #d6d6d6;
}
.progressbar ul li:last-child:after{
    display:none;
}

.next_button_wrap {
    float: left;
    width: 100%;
     margin: 50px 0 0; 
    text-align: center;
    display: table;
}
.next_button_wrap .btn.black {
    background: var(--secondary);
    border-radius: 6px;
    margin: 0 auto;
    float: none;
    text-align: center;
    padding: 13px 38px;
    display: inline-block;
}

.content_wrap {
    float: left;
    width: 100%;
}
.tabs {
    float: left;
    width: 100%;
}
.tabs ul{
    float: left;
}
.tabs ul li {
    float: left;
    margin: 0 10px 0 0;
}

.tabs ul li a{
    background: #000;
    padding: 10px 10px;
    text-decoration: none;
    color: #FFF;
    border-radius: 10px 10px 0 0;
    float: left;
}
.tabs ul li.active a{
    background: var(--primary);
}
.tab_content {
    float: left;
    width: 100%;
    padding: 20px;
    border: solid 2px #05d3c5;
    border-radius: 0 20px 20px 20px;
    display: none;
}
.tab_content.active{
    display: block;
}

.tab_content h2 {
    font-size: 20px;
    margin: 0 0 20px 0;
}
.input_section {
    float: left;
    width: 100%;
    margin-bottom: 20px;
}
.input_section h3{
    font-size: 16px;
    margin: 0 0 10px 0;
    float: left;
    width: 100%;
    color: #00acf3;
}
.input_section li{
    float: left;
    width: 100%;
    border-radius: 5px;
    border: solid 1px #ccc;
    cursor: pointer;
    margin-bottom: 10px;
}
.input_section li:hover,
.input_section li.selected{
    border:solid 1px #05d3c5;
    background: #f9f9f9;
}
.input_section li label{
    float: left;
    cursor: pointer;
    width: 100%;
    padding: 10px;
}
.input_section li .checkbox{
        margin: 0 10px 0 0;
        width: auto;
}
.child_field_wrap {
    float: left;
    padding: 5px 0px;
    width: 100%;
    margin-top: 15px;
}

.child_field_wrap .input_wrap{
    width: auto;
}
.ytv-wrap {
    float: left;
    margin: 0;
    width: calc( 100% - 25px );
}
.tyv-thumnail {
    float: left;
    width: 60px;
    margin-right: 10px;
}
.tyv-info {
    float: left;
    width: calc( 100% - 130px );
}
.tyv-title {
    font-weight: bold;
    margin-bottom: 5px;
    float: left;
    width: 100%;
}
.ytv-meta {
    float: left;
    margin-right: 10px;
}

.settings_container {
    float: left;
    width: 100%;
}
.settings_left {
    float: left;
    width: 25%;
    margin-right: 5%;
}

.setting_box{
    float: left;
    width: 100%;
    border: solid 2px #05d3c5;
    border-radius: 10px;
}
.setting_box h4{
    padding: 10px 10px;
    text-decoration: none;
    color: #FFF;
    border-radius: 8px 8px 0 0;
    float: left;
    background: #000;
    width: 100%;
    margin: 0;
}
.setting_box .setting_content{
    padding: 10px;
    float: left;
    width: 100%;
}
.setting_content ul {
    float: left;
    width: 100%;
    margin-bottom: 10px;
}
.setting_content ul li{
    margin-bottom: 5px;
    width: 100%;
    float: left;
}
.setting_content ul li a {
    padding: 5px 0;
    text-decoration: none;
    color: #333;
    width: 100%;
    float: left;
    padding: 8px;
    border-radius: 5px;
     border: solid 1px transparent;
}

.setting_content ul li.active a,
.setting_content ul li:hover a {
   background: #FFF;
    border: solid 1px #05d3c5;
}
.setting_content .btn{
    float: none;
    display: table;
    margin: 0px auto;
}
.btn.small{
    font-size: 12px;
    padding: 10px 15px;
    text-transform: capitalize;
}
.settings_right {
    float: left;
    width: 70%;
}
.ad_time_counter {
    float: left;
    width: 100%;
    margin-top: 10px;
}

.video_list_wrap {
    float: left;
    width: 100%;
    margin-top: 20px;
}

.video_list_wrap table {
    float: left;
    width: 100%;
    border-collapse: collapse;
}
.short_text span {
    float: left;
    width: 100%;
}
.short_text.close span.more {
  display: none;
}
.short_text.close span.less {
  display: block;
}
.short_text span.less {
  display: none;
}

.short_text a{
    color: #05aaf5;
}
.input_wrap{
    float: left;
    width: 100%;
    margin-bottom: 15px;
}
.input_wrap label{
    width: 100%;
    float: left;
    margin-bottom: 5px;
}
.input_section .input_wrap .input_box{
    width: auto;
}
.feed_wrap {
    float: left;
    width: 100%;
    margin-top: 50px;
}
.feed_wrap .table_content th, 
.feed_wrap .table_content td{
    padding: 5px;
    height: auto;
}

.feed_wrap  .aud-checkbox .toggle{
    height: 20px;
}
.feed_list{
    float: left;
    width: 100%;
    max-height: 400px;
    overflow-y: auto;
}*/