body{
    font-family: Raleway,sans-serif;
    font-size: 14px;
    line-height: 1.6;
    color: #636b6f;
    background-color: #f5f8fa;
padding-top:85px;      
}
img{
max-width:100%;     
}
a{
 color:var(--main-bg-color);     
}
.border-none{
 border:0px !important;     
}

:root {
  --main-bg-color:#d9a626;
   --main-bg-color-2:#272162;
  --main-txt-color:#fff;   
}

.navbar-brand>img{
width:158px;    
}
/*****login css*****/
.login_main_wrap {
    display: flex;
    height: 100vh;
    align-items: center;
    justify-content: center;
    position:relative;
    background-repeat: no-repeat;
    background: #272162;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #272162, #2c23a9e0);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #272162, #2c23a9e0); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.login_inner{
    width: 600px;
    background-image: url(../images/login-backgound.jpg);
    background-size: 58%;
    background-repeat: no-repeat;
    background-position: top 246px right 11px;
    background-color: #fff;
    min-height: 440px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgb(41, 36, 101);
    flex-direction:column; 
}

.panel-heading{
  width:100%;    
}
.login_inner .panel {
    background: none;
    /* height: 450px; */
    width: 100%;
    /* background: rgba(255, 255, 255, 0.57); */
    padding: 24px 0;
    /* display: flex; */
    /* align-items: center; */
    margin: 0;
}

.login-logo img{
    width: 177px;
    margin-top: 17px;
}

.login_inner form{
    float: left;
    width: 267px;
    margin-left: 0;
}
.login_inner .form-control {
    margin: 0px;
    /* box-shadow: 0 0 5px #ccc !important; */
    /* border-bottom: 1px solid #ddd; */
    border: 0px;
    border-bottom: 1px solid #ddd;
    padding-left: 0;
}

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  -webkit-text-fill-color: #000;
  -webkit-box-shadow: 0 0 0px 1000px #fff inset;
  transition: background-color 5000s ease-in-out 0s;
}

.forgot_password, .forgot_password:hover {
    color: var(--main-bg-color-2);
    text-decoration: underline;
    font-weight: bold;
    text-transform: capitalize;
    display: block;
    text-align: left;
    padding-left: 0;
    font-size: 12px;
}

.login_inner .red_btn, 
.login_inne .red_btn:hover{
 background:var(--main-bg-color-2);
 padding: 8px 33px;
 margin: 0 0 8px;
}
.custome_checkbox font{
     position: relative;
  /*  top: -6px;*/
    font-size:14px !important;
    color:#555;
    font-weight:600;    
}
.custome_checkbox {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom:0px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    float:left; 
    margin-right:30px; 
}
/* Hide the browser's default checkbox */
.custome_checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #fff;
    border:1px solid var(--main-bg-color); 
}

/* On mouse-over, add a grey background color */
.custome_checkbox:hover input ~ .checkmark {
    background-color: #ddd;
}

/* When the checkbox is checked, add a blue background */
.custome_checkbox input:checked ~ .checkmark {
    background-color:var(--main-bg-color);
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.custome_checkbox input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.custome_checkbox .checkmark:after {
    left: 9px;
    top: 7px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.login_heading{
      font-family: arial;
      text-transform: uppercase;
      font-size: 28px;
      color: var(--main-bg-color-2);
      text-align: left;
      position: relative;
      padding-left: 16px;
      margin: 0px 0 15px 0;
      padding-top: 0px;
      top: -10px;
      left: 0px;
      font-weight: bold;
}
.login_inner .option_selection {
    margin-bottom: 10px;
}

.login_heading:before {
    position: absolute;
    bottom: -5px;
    height: 36px;
    background: var(--main-bg-color-2);
    width: 4px;
    content: "";
    left: 0;
}
/*****login css*****/

.navbar-brand{
    width:100%;
    padding: 0px 17px;
    margin-right:15px;
    position:relative;  
}
.navbar-brand:after{
    position: absolute;
    content: "";
    background: #fff;
    width: 1107%;
    height: 100%;
    left: -1002%;
    top: 0;
    z-index: -1;    
}
.navbar-default .navbar-nav>li>a, .navbar-default .navbar-text {color: #333;font-family: arial;font-size: 13px;letter-spacing: 1.25px;font-weight: 600;text-transform: uppercase;}

.navbar-default .navbar-nav>li>a:hover{
color:var(--main-bg-color);      
}

.navbar-default .navbar-nav>li>a.active{
color:var(--main-bg-color);     
}

.nav_top_btn{
float:right;    
}

.red_btn {
    display: inline-block;
    background: var(--main-bg-color);
    padding: 6px 22px;
    color: #fff;
    border-radius: 6px;
    font-weight: 400;
    border: 0px;
    float: none;
}

.red_btn:hover{
 background: var(--main-bg-color);
 color:#fff; 
}
.lx-filters  .red_btn, .lx-filters .red_btn:hover{
 background:none;
 color:#d9a626;
 /* padding: 0; */
}

.add_subscriber_wrap .red_btn, .add_subscriber_wrap .red_btn:hover {
 background: var(--main-bg-color-2);
 float:right;   
} 


.top_wrap {
    padding: 5px 12px;
    /* background: var(--main-bg-color); */
    border-bottom: 1px solid #e0e0e0;
}

.top_wrap .row{
display:flex;
align-items:center;     
}

.heading_text {
    font-size: 16px;
    color: #3d5170;
    margin: 0px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.heading_text span{
 width:75%;     
}
.panel-default{
border-radius:0px;
border:0px;     
}
thead{
background:#222;    
}
thead tr th{
color:#fff;     
}
.dataTables_filter input{
border:1px solid #ddd;
padding:5px 12px; 
border-radius:25px;
outline:none; 
width:300px; 
background:#f2f2f2;     
}

.dataTables_filter input:focus{
outline:none;
box-shadow:none;  
}
input:focus, select:focus{
outline:none;
box-shadow:none;  
}
.term_text{
font-size: 12px;
 color: #756b6b;
 display:none;    
}
table{
position:relative;  
}

/*tbody tr:nth-child(even) {background: #f2f2f2 !important;}*/

table tbody tr td{
 border-bottom:1px solid #ddd !important;     
}
tbody tr:nth-child(odd) {background: #FFF}
tbody tr td {
    background: none;
    padding:15px 10px !important;
    border: 0px !important;
    vertical-align: middle !important;
    color:#000; 
}

.subscribe_list_table thead th:last-child{
width:100px !important;     
}

table.dataTable.no-footer{
border:0px !important;
border-top:1px solid #ddd !important;   
}
.dataTables_length select{
    padding: 4px 10px;
    background: #f2f2f2;
    border: 1px solid #ddd;
    height: 34px;   
}
.form-control {
    width: 100%;
    height: 42px;
    padding: 12px 12px;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ddd;
    border-radius: 0;
    box-shadow:0 0 0 !important; 
    margin:0 0 15px 0;
}
.errors{
    background: #d8454b;
       padding: 10px;
    color: #fff;
}
.success{
background: #429e42;
    padding: 10px;
    color: #fff;  
}
.navbar-nav>li:hover .sub_menu{
 display:block; 
}

.sub_menu{
position: absolute;
background: var(--main-bg-color);
padding: 0 0 10px;
margin: 0;
width: 201px;
list-style: none;
display:none;   
}
.sub_menu li a {
    color: #fff;
    padding: 8px 14px;
    display: block;
}
.navbar-default {
    background-color: #fff;
    /* border-color: #d3e0e9; */
    box-shadow: 0 0 10px #e8e8e8;
    border: 0px;
}


.radio_select {
    margin-bottom: 15px;
    padding:0;
    border: 1px solid var(--main-bg-color);
    background: #fff;
    box-shadow: 0 0 10px #ccc;
}
.radio_select label {
    display: block;
    padding: 10px 10px 10px;
    text-align: center;
    font-size: 18px;
    color: #000;
    cursor: pointer;
    margin: 0;
}
.radio_select label:hover{
background:var(--main-bg-color);     
color:#fff;     
}
.radio_select label.active{
background:var(--main-bg-color);     
color:#fff;     
}
.radio_select label input{
 opacity:0;     
}
.back-button{
background:#222;    
}
.dashboard_main_wrap {
    display: flex;
    height: 100vh;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-family: arial;
    color: #000;
    font-size: 35px;
}
.dashboard_main_wrap h1{
 color:#000;
 font-weight:bold;     
}
.add_subscriber_wrap{
 width:550px;
 margin:10px auto 0;     
}

.only_user_width{
  width:700px;    
}
.add_subscriber_wrap .panel-default{
 box-shadow: 0 2px 0 rgba(90,97,105,.11), 0 4px 8px rgba(90,97,105,.12), 0 10px 10px rgba(90,97,105,.06), 0 7px 70px rgba(90,97,105,.1); 
 border-radius:.625rem;  
}

.submenu{
 margin:15px 0 0px;     
}

.submenu a {
    display: inline-block;
    padding: 6px 31px;
    color: var(--main-bg-color-2);
    border-radius: 20px;
    font-weight: bold;
    border: 2px solid var(--main-bg-color);
    background: none;
    color: var(--main-bg-color);
    font-size: 14px;
    text-transform: uppercase;
    margin: 0 9px 2px 0;
    text-decoration: none !important;
    text-align: center;
}
.submenu .add_new-btn {
    float: right;
    width: 72px;
    height: 72px;
    text-align: center;
    padding: 0;
    border-radius: 50%;
    font-size: 45px;
    color: #fff;
    border: 2px solid var(--main-bg-color-2);
    background:var(--main-bg-color-2);
    position: fixed;
    z-index: 55;
    right:4px;
    bottom: 40px;
    font-weight: 400;
}

.submenu a.active {
    background:var(--main-bg-color-2);
    color: #fff;
    border: 2px solid var(--main-bg-color-2);
}
.footer_copyright{
 text-align:center;
 font-size:13px;
 color:#000;
 padding:5px;       
}
.content_area{
min-height:95vh;     
}
.dataTables_filter{
 float:left !important;  
 margin-bottom:10px;   
}
.dataTables_length{
 float:right !important;    
 margin-bottom:10px;
}
table.dataTable thead .sorting{
 background-image:none !important; 
 padding:10px;     
}
table.dataTable thead .sorting_asc{
background-image:none !important;     
}
table.dataTable thead .sorting_desc{
background-image:none !important;     
}
.drill-video iframe
{
width: 100%;
height: 200px;
}
.lx-filters
{
padding:15px;
background:#fff;
margin-bottom:20px;   
}
.lx-filters .custome_radio font{
 margin-right:12px;     
}
.lx-filters span{
 display:block;
 margin:5px 0;     
}
.lx-filters span input[type='submit']{
 margin-top:15px;      
}
.black_btn{
 background:var(--main-bg-color-2);
 cursor:pointer;
 text-decoration:none !important; 
 margin-top:5px;
 display:inline-block;        
}
.lx-filters span label {
    display: block;
    color: #403f3f;
    margin: 8px 0;
    font-size: 14px;
}
.lx-filters span select, .lx-filters span .search_input {
 width:100%;
 height:45px;
 border:1px solid #ddd;
 background:#fff;
 padding:10px;         
}
.lx-filters span .search_input{
margin-bottom:10px;     
}
.center{
 text-align:center;    
}
/***27-3-2019***/
.company_edit .dropdown {
    float: right;
}
.company_edit .dropdown button {
    background:#f2f2f2;
    color: #1b1919;
    border: none;
    outline: none !important;
    box-shadow: 0 0 0 !important;
    font-size: 14px;
    display: flex;
    align-items: center;
    padding: 0px 0px 0px 20px;
    font-weight:600;
    border-radius: 3px;
    transition: 0.5s;
}
.company_edit .dropdown button a {
    margin-left: 12px;
    font-weight: normal;
    font-size: 11px;
    border-left:1px solid #fff;
    padding: 12px 18px;
    line-height: 10px;
    transition: 0.5s;
    color:#555; 
    background:#f2f2f2; 
}
.company_edit .dropdown-menu {
    /* min-width: 100px !important; */
    border: 1px solid #eceaea;
    box-shadow: 0 0 10px #cccccc73;
    border-radius: 2px;
    right: 0 !important;
    left: auto !important;
    padding: 0px;
    top:100%; 
}
.dropdown-item, .dropdown-item:hover{
    color:#555; 
    text-decoration:none;    
}
table tr .action_td .edit_form input, .action_td a{
    border: 0px;
    background: none;
    font-weight: bold;
    padding: 12px 12px;
    display: block;
    width: 100%;
    text-align: left;
    cursor: pointer;
    text-decoration: none;
}
/* table tr .action_td .delete-form input, .action_td .delete-form {
   border: 0px;
    background:none; 
    font-weight: bold; 
    padding: 12px 12px;
    display:block;
    width:100%;
    text-align:left;  
} */
.action_td a:hover{
background:#f5f5f5;     
}

table tr .action_td .delete-form input:hover, .action_td .delete-form input:hover{
background:#f2f2f2;     
}

.company_edit .dropdown button:hover a {
    background: var(--main-bg-color);
    color: #fff;
}

.user_name_td{
font-weight: 600;
font-size:16px;
margin: 0px;
padding: 0;
color:#000;
text-transform:capitalize; 
line-height:19px;   
}

tbody tr td .type_table_td, .type_table_td{
font-size:14px;
margin:2px 0 0; 
color:#222;
font-weight:500;       
}
tbody tr td .type_table_td span, .type_table_td span{
 font-weight:600;     
}
tbody tr td .type_table_td em, .type_table_td em{ 
 color:#000;
 font-style:normal; 
 font-weight:bold;
 margin-right:3px;      
}
.dataTables_wrapper .dataTables_info{
padding-top:15px !important;     
}
.dataTables_wrapper .dataTables_paginate{
 padding-top:15px !important;    
}
.reset-password{
 background:#222;
 outline:none;      
}
button:foucs{
outline:none;
box-shadow:0 0 0;      
}
.loader_main_wrap {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    background: rgba(255,255,255,0.8);
    color:var(--main-bg-color);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
    font-size:45px;
}
.sub_menu_inner-wrap a {
    margin: 3px 2px 5px;
    font-size: 13px;
    padding: 6px 23px;
}
.filter_heading{
    color: var(--main-bg-color-2);
    font-weight: 600;
    font-size:16px;
    margin: 0 0 20px;
    position:relative;     
}
.filter_heading:after {
    content: "";
    position: absolute;
    width: 20px;
    height: 2px;
    background: var(--main-bg-color-2);
    bottom: -5px;
    left: 0px;
    z-index: 22;
}
.submenu.drill_add_btn_wrap{
margin:0px;     
}
/*.submenu.drill_add_btn_wrap .add_new-btn{
    position: fixed;
    right: 9px;
    bottom: 50px;
    z-index: 555;
}
*/
.background-none{
 background:none;
 box-shadow: 0 0 0;      
}
.listing_row{
 padding:15px;
 background:#fff;  
 position:relative;     
}
.listing_row .row {
    /* display: flex; */
    align-items: center;
    border-bottom: 1px solid #ddd;
    padding: 20px 0;
}
.listing_row .row:first-child{
padding-top:0px;      
}
/*.listing_row .row:last-child{
padding-bottom:0px;
border:0px;       
}*/
.drill-video {
    background: #f2f2f2;
    padding:0px;
    height: 184px;
    margin: 0px 0;
    width: 100%;
    font-size:20px;
    color:#000;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow:hidden;
    box-sizing:border-box;
    border:1px solid #ddd; 
}
.drill-video img{
 max-height:100%;    
}
.drill-video p{
 display:none !important;     
}

.drill-type h3 {
    margin: 4px 0;
    color: var(--main-bg-color-2);
    font-weight: 600;
    font-size: 20px;
    float: left;
    text-transform:capitalize; 
}
.drill-type h3 a{
    color: var(--main-bg-color-2); 
    text-decoration:none;   
}
.drill-type h3 a:hover{
 color:#2c8a9d;
 text-decoration:underline;     
}

.drill-info b{
 color: #403f3f;
 margin-right:5px;
}
.drill-info span{
 display:block;
 margin:6px 0;
 text-transform:capitalize;
 float: left;
 margin: 5px;
 width: 47%;
     overflow: hidden;
    box-sizing: border-box;
    word-break: break-word;
}
.drill-info span a{
 text-decoration:underline;
 color:var(--main-bg-color-2);     
}
.listing_row .company_edit .dropdown-menu a{
 display:block;
 padding:10px;
 font-weight:600;
 text-decoration:none; 
 cursor: pointer;       
}
.listing_row .company_edit .dropdown-menu a input{
 width:100%;
 background:none;
 border:none;
 text-align:left;        
}
.listing_row .company_edit .dropdown-menu a:hover{
 background:#f2f2f2;    
}

.custome_radio {
    display:flex;
    position: relative;
    padding-left: 28px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    float: left;
    margin-right: 33px;
    margin: 0 0 8px !important;
}

/* Hide the browser's default radio button */
.custome_radio input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}
.custome_radio font{
    color: #000;
    letter-spacing: 0.5px;
    position: relative;
    top: 4px;
    font-size: 13px !important;
    font-weight: 600;
    /* font-family: 'Open Sans', sans-serif; */
    margin-right: 24px;
}
.form_wraper .custome_radio font{
 top:2px;    
} 
/* Create a custom radio button */
.custome_radio .checkmark {
    position: absolute;
    top:0px;
    left: 0;
    height:21px;
    width:21px;
    background-color: #fff;
    border-radius: 50%;
    border: 1px solid var(--main-bg-color);
}

/* On mouse-over, add a grey background color */
.custome_radio:hover input ~ .checkmark {
    background-color:#fff;
}

/* When the radio button is checked, add a blue background */
.custome_radio input:checked ~ .checkmark {
    background-color: #fff;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.custome_radio .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */
.custome_radio input:checked ~ .checkmark:after {
    display: block;
}

/* Style the indicator (dot/circle) */
.custome_radio .checkmark:after {
    top: 3px;
    left: 3px;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background: var(--main-bg-color);
}
.swal-button{
 background:#ff0000 !important;    
}
.swal-button-container{
 display:table;
 margin:0 auto     
}
.swal-text:first-child {
    font-weight: bold;
    color: #000;
}
p.label_text {
    font-size: 14px;
    font-weight: bold;
    color: #000;
    text-transform: uppercase;
    margin: 0px 0 13px 0;
}
.form_wraper .form-group{
    margin-bottom: 0;
    padding: 19px 0;
/*    border-bottom: 1px solid #f3f3f3;*/    
}
.form-control{
 resize:none;     
}
.form-control:focus{
 outline:none;
 box-shadow: 0 0 0;     
}
.form_wraper .submit-button{
margin-top:15px;     
}

.user_name_td span {
    color: #171616;
    background: #fff;
    width:50px;
    display: inline-block;
    height:50px;
    text-align: center;
    border-radius: 0;
    margin: 0 0 4px;
    padding: 1px 0;
    padding:0px;
    border: 1px solid #ddd;
    float:left; 
    border-radius:50%; 
}
.user_name_wrapper{
 padding-left:0px;    
}
.user_name_td span img{
width:100%;
 height:100%; 
 border-radius:50%;      
}
.table thead{
 display:none;    
}
.user_name_right_td {
    float: left;
    padding: 0 0px 0 10px;
}
.login_inner .panel{
 box-shadow: 0 0 0 !important;    
}
.alert-danger {
    background-color: var(--main-bg-color);
    border-color: #ff0129;
    color: #fff;
    font-size: 12px;
    padding: 5px 10px;
    font-weight: normal;
    border-radius: 0;
    border: 0;
    text-align: center;
}
.alert-danger ul{
 list-style:none;
}
.alert-danger ul li{
 list-style:none;   
}
.pagination {
display: table;
padding-left: 0;
margin: 22px auto;
border-radius: 4px;
float: right;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
z-index: 3;
color: #fff;
background-color:var(--main-bg-color) !important;
border-color: var(--main-bg-color) !important;
cursor: default;
}
.pagination>li>a, .pagination>li>span{
 color: #555;    
}
.form-3{
 padding:0 0 8px;     
}
.row .dataTables_wrapper .dataTables_paginate .paginate_button.current, .row .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{
 color:#fff !important;
 background:var(--main-bg-color) !important;
 border:0px !important;       
}
.plan_heading_two h2 {
    float: left;
    margin-top: 8px;
}
 .plan_heading_two .custome_checkbox{
     float: right;
    margin: 0;
    padding-bottom: 0;
    top: 9px;   
 }
.delete_drill_btn {
    text-decoration: underline;
    color: #ff0000;
    margin-top: 15px;
    display: inline-block;
    font-size: 18px;
    text-transform: capitalize;
    background: none;
    box-shadow: 0 0 0;
    border: 0;
}
.add_subscriber_wrap .listing_row{
padding:0px;     
}
.help-block b, strong{
    font-weight: 400;
    color: #ff0000;
    font-size: 12px;
    margin: 0;
    padding: 0;
}
.error{
 color:#ff0000;
 font-size:13px;     
}
/***27-3-2019***/
/***1-4-2019****/
.edit_palan_wrap .form-group{
padding:19px 15px;     
}
.edit_plan_right_wrap{
 padding:0 0 15px;    
}
.edit_plan_right_wrap p.label_text{
display:none;     
}
.edit_plan_right_wrap .custome_checkbox{
 float:none;     
}
.edit_plan_right_wrap .red_btn{
width:100%;
font-size:13px;      
}
.edit_plan_right_wrap .delete_drill_btn{
display:table;
margin:6px auto;    
}
.form_wraper .div_borer_none{
  padding: 5px 15px 0;
  border-bottom: 0px;
} 
.form_wraper .ability-row{
border-bottom: 0px;
}
.top_heading {
    text-align:left;
    font-size:20px;
    margin:00px 0 18px;
    color:#000;
    font-weight: 600;
    text-transform:uppercase;
    position:relative;
    transition: 0.5s;
}
/*h2.top_heading:before {
    content: "";
    position: absolute;
    width: 134px;
    background: #f5f8fa;
    height: 100%;
    z-index: -1;
    transition: 0.5s;
}
h2.top_heading:after {
    position: absolute;
    content: "";
    background: var(--main-bg-color);
    width: 100%;
    height: 1px;
    left: 0;
    top: 12px;
    z-index: -2;
}*/
.container:hover h2.top_heading:before{
width:100%;     
}
.count_wrap_main {
    padding: 10px;
    background: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    min-height: 216px;
    margin: 0 0 24px 0;
    justify-content: center;
    border-left: 3px solid #e0d8fb;
}
.color_box-one {
    background: var(--main-bg-color);
    border: 0px;
}
.color_box-two {
    background: #1f4371;
    border: 0px;
}
.color_box-three {
    background: #ffbb15;
    border: 0px;
}
.color_box-four {
    background:#928e8e;
    border: 0px;
}
.reward_points_wrap .counter-count {
    color: #fff;
    font-size: 35px;
    font-weight: 600;
}
.reward_points_wrap h4 {
    color: #fff;
    font-size:16px;
    line-height: 18px;
}
.reward_points_wrap .count_wrap_main {
    min-height: 116px;
}
.analytics_drill_list{
 background:#fff;
 padding:0px;
 min-height:352px;
 margin:0 0 25px;        
}
.analytics_drill_list ul{
list-style:none;
    padding: 0;
    list-style: decimal;
    font-weight: bold;
    text-transform: capitalize;
padding:0px;
max-height:300px;
overflow:auto;        
}

.analytics_drill_list ul li .list-name{
 font-size:14px;
 color:#000;
 position:relative;
 top:4px;  

}
.analytics_drill_list ul li {
    border-bottom: 1px solid #ddd;
    padding: 9px;
    text-transform:capitalize; 
}
::-webkit-scrollbar {
  width:3px;
}
 
::-webkit-scrollbar-track {
  background: #fff;
}
::-webkit-scrollbar-thumb {
  background:#ccc; 
}
canvas{
 width:100%;
 padding:0 20px; 
 height:346px;     
}
.chart {
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 351px;
    margin: 0 auto;
    max-height: 428px !important;
    padding: 0 0 41px !important;
}
.chart li {
    position: relative;
    display: table-cell;
    vertical-align: bottom;
    /* height: 300px; */
    height: 274px;
    padding:15px 0px !important; 
    border: 0px !important;

    text-align:center;
    font-size:12px;  
}

.chart span {
    margin: 0 1em;
    display: block;
    background: rgba(209, 236, 250, .75);
    animation: draw 2s ease-in-out;
    position: relative;
    background: var(--main-bg-color);
    font-size:7px;
    color:#000; 
}

.chart span:before {
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  padding: 5px 1em 0;
  display: block;
  text-align: center;
  content: attr(title);
  word-wrap: break-word;
}
@keyframes draw {
  0% {
    height: 0;
  }
}
.analytics_drill_list ul li .user_name_right_td{
    font-weight: 600;
    font-size: 18px;
    margin: 0px;
    padding: 0 0 0 10px;
    color: var(--main-bg-color);
    text-transform: capitalize;    
}
.analytics_drill_list ul li .type_table_td {
    font-size: 14px;
    margin: 0px;
    color: #222;
    font-weight: 400;
}
.analytics_drill_list ul li .type_table_td em{
 font-style:normal;
 font-weight:bold;      
}
.analytics_drill_list ul li a{
 display:block;    
}
.analytics_drill_list .heading_text{
 font-size:15px;
 color:#fff;      
}

/*.analytics_drill_list .drills_list_ul li:nth-of-type(odd) {
background-color:#f5f5f5;
}
    
.analytics_drill_list .drills_list_ul li:nth-of-type(even) {
background-color:#fff;
}*/
.edit_drill_list {
    float: right;
    position: relative;
    top: 11px;
    text-align: center;
}
.edit_drill_list a{
 color:#1f4371;
    font-size: 19px;
    font-weight: 600;
    cursor:pointer;
    text-decoration:none;     
}
/***1-4-2019****/

/***4-4-2019***/
.teachers_wrap{
 text-align:center;
 padding:15px;      
}
.teachers_wrap .teachers_wrap_inner {
    margin: 23px auto;
    padding: 0;
    border: 2px dashed #dedddd;
    position: relative;
    width: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 128px;
}

.teachers_wrap a{
font-size: 20px;
color: var(--main-bg-color);
text-align: center;
text-decoration: underline;    
}
.teachers_wrap_inner a{
     display: inline-block;
    width: 47px;
    height: 38px;
    overflow: hidden;
    position: relative;
    font-size: 31px;
    cursor:pointer;    
}
.teachers_wrap_inner a input{
position:absolute;
top:0px;
bottom:0px;
height:100%;
width:100%; 
opacity:0;         
}
.total_count_height{
  height:285px;     
}
/***4-4-2019***/

/***8-4-2019***/
.add_subscriber_wrap .panel-body {
padding: 20px;
box-shadow: 7px 8px 30px rgba(0,0,0,0.05);
}
.form_wraper .col-row_wrap .form-group{
 border:0px;    
}
.form_wraper .col-row_wrap{
 border-bottom:1px solid #c1c1c1;    
}
.form_wraper .col-row_wrap .custome_checkbox{
 float:none;
 margin-right:5px;
 width:auto;
 display:table;      
}
.col-row_wrap .ui-sortable .custome_checkbox{
cursor: move;
width:100%;
margin-bottom:3px;
background:#f2f2f2;     
}
.col-row_wrap .ui-sortable  .checkmark{
top: 3px;
left: 3px;
}
.scroll_box{
 max-height:500px;
 overflow-y:auto;
 overflow-x:hidden;   
}
.upload_resource_pdf{
 border:1px solid #ddd;
 padding:10px;
 width:100%; 
 margin:0 0 10px;      
}
.resource_pdf_link, .resource_pdf_link:hover{
  color:var(--main-bg-color);
  text-decoration:underline;     
}

.form_wraper .ui-sortable_heading{
position:relative;
top:19px;    
}

.form_wraper .custome_checkbox font{
 font-size:13px !important; 
 top:-9px;    
}
.form_wraper .custome_checkbox font a {
    color: var(--main-bg-color);
    text-decoration: underline;
    float: right;
    padding: 7px;
    font-size: 12px;
}

.form_wraper .col-row_wrap .type_select_label .custome_checkbox{
  float:left;
  margin-right:25px;     
}
.bottom_padding_none .form-group{
 padding-bottom:0px;    
}
.no_pending{
     text-align: center;
    padding: 55px;
    font-weight: 400;
    color: var(--main-bg-color);
    font-size: 16px;    
}
.navbar-static-top{
 position:fixed;
 top:0px;
 width:100%;
 z-index:99999;
 left:0px; 
 background:#fff;
 min-height:70px; 
 display:flex;
 align-items:center;           
}
.drill-info .full-width-span{
 width:100% !important;    
} 
.teacher_table_main_wrap tr td:last-child{
 width:200px !important;     
}
.pdf_view, .pdf_view:hover{
    font-size: 13px;
    margin-bottom: 2px;
    background: var(--main-bg-color);
    color: #fff;
    padding: 9px 23px;
    border-radius: 32px;
    text-decoration: none;
    font-weight: 600;   
}
.remove-pdf, .remove-pdf:hover{
    color: #ff0000;
    font-size: 14px;
    text-decoration: underline;
    cursor: pointer;
    display: table;
    margin: 2px auto;
}
/***8-4-2019***/
.filter_search_btn, .filter_search_btn:hover {
    position: absolute;
    top: 2px;
    right: 10px;
    border-radius: 0;
    height: 37px;
    padding: 0 17px;
    font-size: 18px;
    border-radius: 5px;
    padding: 0;
}
.filter_search_form{
 position:relative;
 margin-bottom:25px;     
}

/****24-4-2019****/
.dropzone{
 border:3px dotted #ccc !important;   
 display:flex;
 align-items:center;
 justify-content:center;
font-size: 16px;
color: var(--main-bg-color); 
font-weight:bold; 
overflow:hidden;
}
.sponsor_list-wrapper{
padding:15px 0;      
}
.repeat_sponsor_list {
    float: left;
    position: relative;
    border: 1px solid #ddd;
    margin:0px 23px 23px 0;
    overflow:hidden; 
    transition:0.5s; 
}

.repeat_sponsor_list .sponsor_image {
    width:168px;
    height:168px;
    background-size: cover;
    background-position: top center;
    background-color:#fff;  
}
.repeat_sponsor_list:nth-child(6n+6){
 margin-right:0px;    
}
.repeat_sponsor_list:hover .delete-sponsor_list{
 bottom:0; 
}
.delete-sponsor_list {
    position: absolute;
    bottom:-100%;
    right: 0;
    padding: 5px;
    width: 100%;
    height: 100%;
    text-align: right;
    background: rgba(0,0,0,0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    transition:0.5s;
}

.delete-sponsor_list button {
    background: none;
    color: #fff;
    border: 0px;
    box-shadow: 0 0 0;
    outline: none;
    font-size: 16px;
    border: 2px solid #fff;
    border-radius: 100%;
    height: 35px;
    width: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}
.sponsor_list_heiding{
    text-transform: uppercase;
    color: #000;
    font-size:20px;
    font-weight: bold;
    margin: 6px 0 12px;    
}
.subscribers_sponsor_wrap .repeat_sponsor_list .sponsor_image{
  width:108px;
  height:108px;  
}
.no_sponsor_found{
    text-align: center;
    border: 1px solid #ddd;
    margin: 0 0 15px;
    padding: 19px;
    font-size: 18px;
    color: var(--main-bg-color);   
}
/****24-4-2019***/
.add_que_repeat{
 position:relative;
 margin: 4px 0 0;
 padding: 0;
}
.add_que_repeat .custome_checkbox{
 top: 10px;
 left: 0;
}
.add_que_repeat input[type='text']{
     width: 100%;
     border: 0;
     margin: 0 0 0px;
     height: 45px;
     padding-left:34px;
     border-bottom: 1px solid #efefef;
}

.answer_files {
    display: inline-block;
    position: absolute;
    top: 2px;
    right: 0;
    width: 36px;
    overflow: hidden;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f2f2f2;
    border: 1px solid #ddd;
    cursor:pointer; 
}
.block .remove{
    color: var(--main-bg-color);
    display: inline-block;
    margin-bottom: 18px;
    text-decoration: underline;
    font-size: 14px;
    cursor:pointer; 
}
.block .form-control{
 background:#f2f2f2;
 padding:10px;  
} 
.umpiring_formgroup_wrapper{
 margin-top:10px;     
}
.answer_files input{
position:absolute;
top:0px;
left:0px;
height:100%;
opacity:0;
cursor:pointer;       
}
.umpiring_formgroup_wrapper .form-group{
 padding:8px 0; 
}
.view_file_btn{
    margin-right: 13px;
    color: var(--main-bg-color);
    font-weight: bold;
    margin-top: 13px;
    display: inline-block;
}
/****7-May-2019****/
 .form_wraper .col-row_wrap .drill_skill_level .custome_checkbox{
  float:left; 
  width:28%;
  line-height:15px;
  margin-bottom:12px;
  margin-top:12px;    
 }
 .form_wraper .drill_skill_level  .custome_checkbox font{
  top:0px;   
 }
 .padding_bottom_0{
  padding-bottom:0px !important;   
 }
 .umpiring_que_wrap{
  padding:10px 0;    
 }
 .umpiring_que_wrap ul{
  list-style:none;
  padding:0px;
  margin:0px;      
 }
.umpiring_que_wrap ul li b {
    font-size: 18px;
    margin: 0 0 10px;
    text-transform: capitalize;
    color: #000;
    display: block;
    border-bottom: 1px solid #ddd;
    padding-bottom: 6px;
}
.umpiring_que_wrap ul li a{
 margin-left:3px;
 color:#ff0000;
 text-decoration:underline;       
}
.umpiring_que_wrap ul li{
    margin:13px 0;
    color: #464242;
    font-size: 14px;  
}
.umpiring_que_wrap h3{
    text-transform: uppercase;
    font-size: 18px;
    font-weight: bold;
    color: #000;
    margin: 10px 0 25px;
    background: #f2f2f2;
    padding: 10px;  
}
.panel{
overflow:visible;     
}
/****7 May-2019****/

/***** 8MAY2019 *****/

.tox-notification
{
    display: none !important;
}
.tox-menubar
{
    display: none !important;
}

/***** 10MAY2019 *****/

/***** 14MAY2019 *****/

span.small-font {
    font-size: 9px;
    position: relative;
    top: -2px;
    padding: 0px 6px;
}

/***** 14MAY2019 *****/

.drill-ul {
    list-style: none;
    padding:0px;
    margin:5px 0 0 0; 
}
.drill-ul li {
    padding:0px;
    display:inline-block;
}
.drill-ul li button{
background: var(--main-bg-color);
    color: #fff;
    border-radius: 5px;
    border: 0px;
    box-shadow: 0 0 0;
    padding: 2px 9px;
    margin: 0 2px 2px 0;       
}
.second_drill_ul li{
    background: var(--main-bg-color);
    color: #fff;
    border-radius:5px;
    padding: 0px 0px 0 10px;
    font-size:13px;
    margin:0 2px 2px 0;
}
.second_drill_ul .drill-a {
    color: #fff;
    margin-left: 13px;
    font-size: 14px;
    display:inline-block;
    background: #c11017;
    padding: 4px 12px;
    border-radius: 0px 5px 5px 0;
    transition:0.3s; 
}
.second_drill_ul .drill-a:hover{
 background:var(--main-bg-color);    
}
.search-drills
{
    border: 0;
    background: #f2f2f2;
    width: 100%;
    padding: 10px;
}

.drill-order {
    padding: 0;
    list-style: decimal;
    font-weight: bold;
    text-transform: capitalize;
}
.plan-order {
    padding: 0;
    list-style: decimal;
    font-weight: bold;
    text-transform: capitalize;
}

label.custome_checkbox.schedule_now_btn.select-all-parent {
     position: absolute;
    right: 0;
    top:0px;
    z-index: 9999;
    width: auto !important;
    border: 1px solid #ddd;
    height: 27px;
    padding-right: 10px;
    display: flex;
    align-items: center;
    background: var(--main-bg-color-2);
    cursor:pointer; 
}
label.custome_checkbox.schedule_now_btn.select-all-parent font{
color:#fff;     
}
.image_modal_wrap .close{
 font-size: 43px;
    font-weight: normal;
    color: #fff;
    opacity: 1;
    position: relative;
    top: -20px;
    border: 2px solid #fff;
    border-radius: 7px;
    width: 42px;
    line-height: 19px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2px 0 8px 0;
    margin: 0;
}

.image_modal_wrap .modal-content{
    background: no-repeat;
    box-shadow: 0 0 0;
    border: 0;
    text-align: center;   
}
.modal-dialog-centered{
    margin-top:10%;
}

.setting_row{
 display:flex;
 justify-content:center;     
}

.onoffswitch {
    position: relative; width: 90px;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}
.onoffswitch-checkbox {
    display: none;
}
.onoffswitch-label {
    display: block;
    overflow: hidden;
    cursor: pointer;
    border: 2px solid #ffffff;
    border-radius: 20px;
}
.onoffswitch-inner {
    display: block; width: 200%; margin-left: -100%;
    transition: margin 0.3s ease-in 0s;
}
.onoffswitch-inner:before, .onoffswitch-inner:after {
    display: block; float: left; width: 50%; height: 30px; padding: 0; line-height: 30px;
    font-size: 14px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
    box-sizing: border-box;
}
.onoffswitch-inner:before {
    content: "ON";
    padding-left: 10px;
    background-color: #272162;
    color: #FFFFFF;
}

.onoffswitch-inner:after {
    content: "OFF";
    padding-right: 10px;
    background-color: #e0e0e0;
    color: #999999;
    text-align: right;
    color: #171616;
}
.onoffswitch-switch {
    display: block;
    width: 18px;
    margin: 6px;
    background: #FFFFFF;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 56px;
    border: 2px solid #a1acb3;
    border-radius: 20px;
    transition: all 0.3s ease-in 0s;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0px; 
}
.action-right{
 float:right;    
}
.save_draft_btn{
 background: #fff;
    border: 0px;
    padding: 5px 20px;
    color: #000;
    font-weight: 500;
    margin: 0 0 9px;
    box-shadow: 0px 1px 6px 3px #dedcdc;
    border-radius: 5px;   
    float:left; 
}

.save_draft_wrap{
 padding:5px 0;    
}
.save_draft_wrap p{
 margin:0px;    
}
.deaft_wrap .publist_btn{
 border: 0px;
    padding: 5px 20px;
    color: #fff;
    font-weight: 500;
    margin: 0 0 9px;
    box-shadow: 0px 1px 6px 3px #dedcdc;
    border-radius: 5px;   
    float:right;
    width:auto !important;  
} 

.topic_write_comment{
 display:flex;
 margin-top:15px;      
}

.topic_write_comment .form-group{
 width:100%;
 margin-bottom:0px;      
}
.topic_write_comment .form-group input{
 margin-bottom:0px; 
}

.topic_write_comment .btn{
 height: 43px;
    border-radius: 0px;
    color: #fff;
    background: #272162;
    width: 88px;    
}

.schedule_selection{
margin-bottom: 15px;	
}
.schedule_selection .custome_checkbox{
  padding: 0;
  padding-left: 33px;
  border: 0;
}
.bootstrap-datetimepicker-widget table th{
 background:#272162 !important; 
 font-weight:normal !important;
 color:#fff !important; 
 border-radius:0px !important;  	
}
.bootstrap-datetimepicker-widget table td span.active{
 background-color:#272162 !important; 
}
.btn-primary {
    color: #fff;
    background-color: #272162;
    border-color: #272162;
}
.bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover{
 background-color:#272162 !important; 	
}


.bootstrap-datetimepicker-widget table td{
border:1px solid #ddd !important;
height:auto !important;  
padding:5px 10px !important;  	
}
.bootstrap-datetimepicker-widget table td span{
    height: auto !important;
    padding: 5px !important;
    line-height: 20px !important;	
}

@media screen and (min-width:1024px){
 .table-responsive{
  overflow-x:visible;  
 }  
}

@media screen and (min-width:991px){

 .listing_row {
    padding: 15px;
    background: #fff;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height:80vh; 
}
.row.user_repeater{
 display:flex;
 align-items:center;      
}
.pagination_main_wrap{
    position:relative;
    bottom: 0;
    width: 100%;
    left: 0;
    padding:10px 0px;    
}
.pagination{
 margin:0 auto;    
}    
}


@media screen and (max-width:991px){
  .setting_row .col-md-9{
  width:100%; 
 } 
 .action-right {
    float:none;
    display:table;
    margin:10px auto 0; 
}   
   
 .side-menu .sub_menu_inner-wrap a{
 width:100% !important;   
 }   
 .view_fourm_wrapper .published_text, .view_fourm_wrapper .category_text{
  text-align:left !important;
  font-size:11px !important;    
 }   
 .add_subscriber_wrap, .only_user_width{
  width:100%;   
 } 
 .submenu .add_new-btn{
  position:fixed;
  right:10px;
  bottom:52px;
  z-index:555;      
 }
 .listing_row .row{
  display:block;    
 } 
 .listing_row .company_edit .dropdown {
    float: none;
    margin:10px 0;
    width:113px; 
}
 .listing_row .company_edit .dropdown-menu{
 left:0px !important;    
 }
.listing_row .company_edit{
 float:left;     
} 
.lx-filters{
 margin-bottom:25px;     
} 
.drill-type h3{
 float:none; 
 margin-top:18px;     
}
.listing_row .company_edit{
 float:none;      
}
.company_edit .dropdown-menu{
right:0px;       
}
.add_subscriber_wrap .listing_row{
padding:10px;     
}
/****table responsive css******/
/****table responsive css*******/
.table-responsive{
overflow:visible;     
}
.table tbody tr{
    display: block;
    position: relative;
    border-bottom: 1px solid #ddd;
    margin: 0 0 18px;
    padding:0 0 8px 0;     
}

.table tbody tr td{
    padding: 6px 10px !important;
    display:table;
    width: 100%;
    border: 0px !important;
    font-size:12px;    
}
.table tbody tr td.action_td{
     position: absolute;
    top: 0;
    right:20px;
    width: 113px;   
}
.table tbody tr td .email_td{
padding-left:42px;     
}
.table tbody tr td .user_name_td{
font-size:12px;     
}
.table tbody tr td .type_table_td{
font-size:12px;     
}

.user_name_td span {
    width: 60px;
    height: 60px;
    margin-bottom: 10px;
}      

table .company_edit .dropdown button{
font-size:12px;
padding:0px 0px 0px 9px;      
}
.user_repeater{
    text-align:center;  
} 
.user_repeater .user_name_td{
 display:table;
 margin:0 auto     
}
.user_repeater .action_td{
     display: table;
    margin: 15px auto 0;    
}


}

@media screen and (max-width:767px){
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
    color: #fff !important;
    background-color: #d9a626 !important;
}
.navbar-default .navbar-nav .open .dropdown-menu>li>a {
    color: #fff;
}

.heading_text span {
    width: 64%;
}
.table-responsive{
 border:0px;     
}
.dataTables_length{
 float:none !important;     
}
.dataTables_filter{
 float:none !important;    
}
.drill-info span{
 width:auto;     
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{
    margin: 0px;
    position: absolute;
    background:var(--main-bg-color);
    width: 100%;
    left: 0;
    padding: 0 10px;
    box-shadow: 0 0 10px #ccc;      
}
.navbar-nav{
 margin:0px;     
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}
.navbar-default .navbar-toggle {
    border-color: var(--main-bg-color);
    border-radius: 0;
    background: var(--main-bg-color) !important;
    color: #fff !important;
}
.teachers_wrap .teachers_wrap_inner{
 width:100%;    
}
.analytics_drill_list ul li .user_name_right_td{
 font-size:14px;     
}
.analytics_drill_list ul li .type_table_td{
 font-size:12px;     
}
.top_heading{
 font-size:18px;     
}
.form_wraper .col-row_wrap .drill_skill_level .custome_checkbox{
 width:100%;    
}
.navbar-brand{
 width:auto; 
 padding:6px 17px;    
}
.navbar-static-top{
 display:block;   
}
.navbar-toggle{
 margin-top:17px;    
}
.lx-filters span input[type='submit']{
 width:auto;     
}
.filter_button .reset-filter{
 width:auto;    
}
.filter_search_btn, .filter_search_btn:hover{
 width:auto !important;    
}
.navbar-default .navbar-nav>li>a, .navbar-default .navbar-text{
 color:#fff !important;    
}
}

@media screen and (max-width:640px){
.login_inner{
 width:100%;
 background-image:none;     
}
.red_btn, .red_btn:hover, .reset-password{
 font-size:12px;
 padding:9px 15px;     
}
.repeat_sponsor_list {
    margin:0 0 15px;
    overflow: hidden;
    width:50%;
    background:#fff; 
}
.repeat_sponsor_list .sponsor_image {
    width: 100px;
    height: 100px;
    margin: 9px auto;
}
}
@media screen and (max-width:480px){
table tbody tr td.action_td{
 position:static;
 width:100%;      
}
.dataTables_filter input{
 width:100%;    
}
}

@media screen and (max-width:400px){
.red_btn, .red_btn:hover, .reset-password{
 width:100%;
 margin:2px 0;       
} 
.submenu a{
 font-size:12px;
 width: 46%;     
}   

}
@media screen and (min-width:768px){
 .collapse.navbar-collapse{
     text-align: right;
    justify-content: flex-end;
    display: flex !important;    
}   
}
/***new css***/

.filter_button .red_btn{
 background:var(--main-bg-color-2);
 color:#fff;  
 float:none; 
}
.filter_button .red_btn:hover{
  background:var(--main-bg-color-2);
 color:#fff;
 float:none;      
}
.filter_button .reset-filter {
    background: none;
    color: #2c8a9d;
    padding: 0px;
    margin-left: 5px;
    float: right !important;
    margin: 24px 0;
}
.filter_button .reset-filter:hover{
  background:#fff; 
  color: #2c8a9d;
}
.panel .panel-body .user_repeater:first-child{
padding-top:0px !important;     
}
.panel .panel-body .user_repeater{
 padding:20px 0 !important;     
}
.user_email_phone p{
 margin:0 0 5px;    
}
.user_email_phone p a{
 text-decoration:underline;
 color:#636b6f;   
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
    color: #555;
    background-color: #fff;
}
.form-group label{
 font-weight:400;
 font-size:14px;    
}
.dropdown-menu{
 border:1px solid #f2f2f2; 
 top:58px;  
}

.form-group{
 position:relative;    
}

.view_password, .view_password:hover{
    position: absolute;
    top: 34px;
    right: 8px;
    font-size: 18px;
    cursor:pointer; 
    color:var(--main-bg-color);     
}

.drill-type .topic_heading{
 margin: 0px 0 5px; font-size: 16px; float:unset;   
}
.topic-type{
    font-size: 12px;
    color: #2c8a9d;
    display: table;
    font-weight: 500;
    margin: 8px 0 0; 
}
.back_btn, .back_btn:hover, .back_btn:focus{
    font-size: 12px;
    text-decoration: none;
    color: #555a56;
    }
.back_btn em{
     font-style: normal;
    position: relative;
    top: -1px;   
}
.drill-type p{
  font-size:13px;
  color:#222;    
}  
.add_topics_form_wrapper .panel-default{
    background: none;
    box-shadow: 0 0 0;
    padding: 0;
} 
.add_topics_form_wrapper .panel-body{
 padding:15px 0;    
}
.add_topics_form_wrapper .heading_text{
  font-size: 23px;
    color: #000;
    margin: 0px;   
} 
.add_topics_form_wrapper .top_wrap{
 padding:5px 0;  
 border:0px;   
}
.add_topics_form_wrapper .panel-heading{
 padding:10px 0 0;    
}
.add_topic_title input{
  font-size: 20px;
    border-radius:0px;
    margin-bottom: 20px;
    font-weight: 500; 
    color:#72777c;
        border: 1px solid #ddd;
    box-shadow: inset 0 1px 2px rgba(0,0,0,.07) !important;  
}
.add_topic_title input::-webkit-input-placeholder { /* Edge */
  color:#72777c;
}

.add_topic_title input:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color:#72777c;
}

.add_topic_title input::placeholder {
  color:#72777c;
}
.topic_right_repeat{
 background:#fff;
 padding:0px;     
}
.add_topics_form_wrapper .back_btn, .add_topics_form_wrapper .back_btn:hover, .add_topics_form_wrapper .back_btn:focus{
 color:#000;    
}
.topic_right_repeat label{
    padding: 10px;
    border-bottom: 1px solid #eee;
    display: block;
    font-weight: bold;
    font-size:14px;
    color: #000;
}
.topic_right_repeat .subs_type{
 padding:12px;    
}
.topic_right_repeat .subs_type select{
 margin:0px;      
}
.topic_right_repeat .publist_btn{
 display:block;
 width:100%; 
  background:var(--main-bg-color-2);    
}
.publish_padding_0{
 background:none;
 padding:0px 12px;
 border-top: 1px solid #ddd;     
}

.publish_padding_0 .subs_type{
 padding:12px 0;    
}

.amsify-suggestags-input-area .amsify-select-tag.col-bg {
    background: #fff;
    border: 1px solid #cacaca;
    color:#9c9c9c;
    border-radius: 31px;
    font-weight:600;
    margin: 3px 2px;
    font-size: 13px;
    padding: 1px 12px;
}
.amsify-suggestags-area .amsify-suggestags-input-area-default{
  border:1px solid #ddd;   
}


.amsify-suggestags-input-area .amsify-remove-tag {
    cursor: pointer;
    font-weight: 300;
    font-size: 13px;
    /* float: right; */
    position: relative;
    left: 5px;
    top: 1px;
    color: #afabab;
}


.forrgot_password_inner .alert-success{
    background: none;
    border: 0;
    padding: 0;
    font-size: 13px;
    background: #3c763d;
    color: #fff;
    padding: 6px;
    text-align: center;
}
.login_inner.forrgot_password_inner {
    justify-content: flex-start;
}
.forrgot_password_inner .login-logo{
  margin-bottom:55px;    
}

.inner_submenu ul {
    margin: 9px 0 0;
    padding: 0;
}

.inner_submenu ul li {
    list-style: none;
    display: inline-block;
}
.inner_submenu ul li a {
    font-size: 13px;
    text-transform: uppercase;
    margin: 0 10px;
    font-weight: bold;
    cursor: pointer;
    text-decoration: underline;
}

.inner_submenu ul li a.active{
    color: #23527c;
}
.padding_0{
  padding:0px;    
}
.user_profile_pic{
    width: 100px;
    border: 1px solid #ddd;
    height: 100px;
    overflow: hidden;
    overflow: hidden;
    border-radius: 50%;
    margin:27px auto 0;
}   
.profile_pic_wrap{
  padding:27px 0;    
}
.user_profile_pic img{
 height:100%;
 border-radius:50%;
 width:100%;
 margin:0 auto;
 display:table;        
}
.edit_profile_button{
     padding:10px 10px;
    display: flex;
    align-items: center;
    justify-content: center;   
}


.edit_profile{
     display:inline-block;
    margin:0px 8px auto;
    color: #272162;
    border: 1px solid #272162;
    padding: 4px 18px;
    border-radius: 25px; 
    cursor:pointer;
    position: relative;
    overflow:hidden;   
} 

.edit_profile:hover{
 background:#272162;
 color:#fff;      
}
.edit_profile input{
  cursor:pointer;
  width:100%;
  height:100%;
  left:0px;
  top:0px;
  position:absolute;
  opacity:0;          
}
.delete_profile, .delete_profile:hover{
    cursor: pointer;
    font-weight: bold;
    color: #ff0000;
    font-size: 12px;
    text-decoration: none !important;
}

.side-menu .sub_menu_inner-wrap a.active{
 display:none;    
}
.side-menu .sub_menu_inner-wrap a {
    margin: 3px 0px 4px 0;
    font-size: 14px;
    padding: 7px 12px;
    display: block;
    border-radius: 0;
    border: 0px;
    border-bottom: 1px solid #f2f2f2;
    text-align: left;
    color: #545454;
    font-weight: 500;
    text-transform: capitalize;
    transition: 0.3s;
    background: #eeedff;
    background-image: linear-gradient(-150deg, #f7f7f7, #ffffff);
    border-top: 1px solid #f2f2f2;
}


.side-menu .sub_menu_inner-wrap a i{
 margin-right:5px;    
}
.side-menu .sub_menu_inner-wrap a:hover{
   padding: 7px 0px 7px 19px;
}
/*.side-menu .sub_menu_inner-wrap a:last-child {
    border-bottom: 0px;
}*/
.add_topics_form_wrapper .form-group label{
     font-weight: 600;
    font-size: 14px;
    color: #000;   
}  

.tox.tox-tinymce{
 min-height:600px;    
}
.published_text{
    font-family: arial;
    margin-bottom: 15px;
    color: #222;
    text-align:center;
    font-size:12px;
    padding-bottom:10px;   
}
.drill-type .published_text{
 padding-bottom:0px;    
}

.published_text span{
 color:#555;    
}
.published_text i{
margin-right:6px;  
}

.flex_row{
  display:flex;
  justify-content:center;     
}
.view_fourm_wrapper .listing_row .row{
 border:0px;    
}
.view_fourm_wrapper .top_wrap{
 background:#fff;     
}
.view_fourm_wrapper .panel-heading{
 padding:10px 0;    
}



.view_content .content_heading {
    color: #000;
    font-weight: bold;
    font-size: 16px;
    margin:0px 0 18px;
    padding:0 0  10px 0;
    border-bottom: 1px solid #efecec;
    text-transform: uppercase;
}


.view_content p{
 color:#222;
 margin:10px 0;     
}
.view_inner_content h4{
     color: #000;
    font-weight: 600;
    font-size: 18px;   
}

.view_inner_content strong {
    font-weight: bold;
    display: block;
    margin: 5px 0;
    color: #505050;
}
.view_inner_content ol{
     margin: 15px 0;
    padding: 0 16px;
    color: #222;   
}

.view_inner_content ul{
     margin: 15px 0;
    padding: 0 16px;
    color: #222;   
}
.view_fourm_wrapper .drill-type .topic_heading{
 font-size:25px;
 margin-bottom:12px;     
}
.view_fourm_wrapper .published_text, .view_fourm_wrapper .category_text{
  text-align:right;  
  margin:3px 0;   
}

.tags_view_content strong {
    display: inline-block;
        background: #fff;
    border: 1px solid #cacaca;
    color: #9c9c9c;
    border-radius: 31px;
    font-weight: 600;
    margin: 3px 2px;
    font-size: 13px;
    padding: 1px 12px;
}

.repeat_comment {
    display: flex;
    justify-content: flex-start;
    padding: 30px 0;
    border-bottom: 1px solid #ddd;
}

.repeat_comment .comment-author {
     width: 50px;
    height: 50px;
    background: #ccc;
    border-radius: 50%;
    overflow: hidden;   
}
.repeat_comment .comment-author img{
     width: 100%;
    height: 100%;
    border-radius: 50%;   
}
.comment_detail{
    padding: 0 0px 0 20px;
    width: 100%;  
}
.comment_detail h3{
     margin: 0;
    color: #000;
    padding: 0;
    font-size: 16px; 
    position:relative;   
}
.comment_detail .blockend_btn{
     font-weight: 500;
    position: absolute;
    right: 0;
    top: 0;  
    color:#ff0000; 
}
.comment_detail h3 span{
     display: table;
    font-size: 13px;
    color: #555;
    margin:5px 0 0;
    font-weight: 400;   
}
.comment_detail p{
margin: 7px 0px 0; 
font-size:13px;   
}
/*.repeat_comment:nth-of-type(odd) {
background-color:#f2f2f2;
}
    
.repeat_comment:nth-of-type(even) {
    background-color: #fff;
    box-shadow: 0 0 60px #dcdcdc;
}*/

.delete_comment, .delete_comment:hover {
    cursor: pointer;
    color: #ff0000;
    text-decoration: none;
    font-size: 13px;
    font-weight: 600;
    display: table;
    float: right;
    position: relative;
    top: 19px;
    /* border-left: 1px solid #ddd; */
    padding: 5px 11px;
    background: #f2f2f2;
    margin: 0 3px;
}


.comments_wrap{
 margin-top:0px;    
}
.view_fourm_wrapper .listing_row{
     min-height: auto; 
     margin-bottom:25px;   
}
.view_fourm_wrapper .listing_row .row{
 padding:0px;    
}

.multi_category .custome_checkbox{
    float: none;
    width: 100%;
    display: flex;
    align-items: center;
    flex-direction:row-reverse;
    padding:9px 0; 
}
.multi_category  .custome_checkbox font{
 width:100%;
 padding-left:10px;      
}

.multi_category .custome_checkbox .checkmark{
    position: relative;
    top: 0;
    left: 0;
    height: 25px;
    width:27px;
    background-color: #fff;
    border: 1px solid var(--main-bg-color);
    display: inline-block;
    float: left;
}

.multi_category{
    max-height: 200px;
    overflow: auto; 
    overflow-x:hidden; 
    box-shadow: inset 0 0 25px #ececec; 
    padding:2px 10px;  
}

.category_main_wrapper .listing_row .row{
  display:flex; 
}
.image_prev{
width:100%;
position: relative;    
}
.image_prev a, .image_prev a:hover{
    position: absolute;
    right: -8px;
    top: 0;
    height: 25px;
    width: 25px;
    background: #fff;
    justify-content: center;
    align-items: center;
    display: flex;
    border-radius: 50%;
    top: -8px;
    border: 2px solid;
    cursor: pointer;
    text-decoration: none; 
    color: var(--main-bg-color);  
}