*{
margin:0;
padding:0;
}

body {
margin: 0;
padding: 0;
font-family: 'Krub', sans-serif!important;
font-size:14px!important;
color: #48465b!important;
}

html,
body{
height:100%;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}

input:focus {
outline: 0;
border: 0;
}

div,
body,
h1,
h2,
h3,
h5,
h6,
span,
form,
input,
p,
a,
nav,
header,
footer,
section,
aside,
article,
figure {
margin: 0;
padding: 0;
text-decoration: none;
}

a img,
img {
border: 0;
outline: 0;
width: 100%;
}

a,
.active,
:after,
:visited,
:focus a:focus,
a:hover{
outline: 0!important;
border: 0;
text-decoration: none!important;
}


iframe {
width: 100%;
}

.alignleft {
float: left;
margin: 0 25px 25px 0;
}

.alignright {
float: right;
margin: 0 0 25px 25px;
}

.aligncenter,
.alignnone {
float: none;
margin: 0 auto 25px;
display: block;
}

.clear {
clear: both;
}

@font-face {
font-family: Gabriela-SemiBold;
src: url('../fonts/Gabriela-SemiBold.ttf');
}

/******* Global Fonts Is Here ********/

h1.standard{
font-size: 40px;
line-height: normal;
font-weight: 700;
letter-spacing: 0;
}

h1.small{
font-size: 36px;
line-height: normal;
font-weight: 700;
letter-spacing: 0;
}

h2.standard{
font-size: 32px;
line-height: normal;
font-weight: 700;
letter-spacing: 0;
}

h1.small{
font-size:26px;
line-height: normal;
font-weight: 500;
letter-spacing: 0;
}

h3.standard{
font-size:28px;
line-height: normal;
font-weight: 500;
letter-spacing: 0;
}

h3.small{
font-size:22px;
line-height: normal;
font-weight: 500;
letter-spacing: 0;
}

h4.standard{
font-size:24px;
line-height: normal;
font-weight: 500;
letter-spacing: 0;
}

h4.small{
font-size:20px;
line-height: normal;
font-weight: 500;
letter-spacing: 0;
}

h5.standard{
font-size:20px;
line-height: normal;
font-weight: 500;
letter-spacing: 0;
}

h5.small{
font-size:18px;
line-height: normal;
font-weight: 500;
letter-spacing: 0;
}

h6.standard{
font-size:16px;
line-height: normal;
font-weight: 500;
letter-spacing: 0;
}

h6.small{
font-size:14px;
line-height: normal;
font-weight: 500;
letter-spacing: 0;
}

p{
font-size: 14px;    
font-weight:400;
line-height:normal;
letter-spacing:normal;
}

a.standard{
font-size:14px;
line-height: normal;
font-weight: 700;
letter-spacing: 0;
}

a.regular{
font-size:14px;
line-height: normal;
font-weight:400;
letter-spacing: 0;
}

a.medium{
font-size:14px;
line-height: normal;
font-weight:500;
letter-spacing: 0;
}

span.light_span{
font-size:16px;
line-height: normal;
font-weight:300;
letter-spacing: 0;
}

small.standard{
font-size:14px;
line-height: normal;
font-weight:300;
letter-spacing: 0;
}

.form_mute_text{
color:#48465b;
font-size:12px;
line-height: normal;
font-weight:400;
letter-spacing:0;
}

.btn{
font-size: 14px!important;
box-shadow: none!important;
outline: none!important;
}

.btn:disabled{
cursor: not-allowed;
}

.badge{
font-size:14px!important;
font-weight: 400!important;
min-width:71px;
text-align: center;
}

a{
color: #047bf8!important;
}

.text_right_align{
text-align:right;
}

.input-group-text,
.form-control{
outline:none;
font-size:14px!important;
}

.form-control:focus{
box-shadow:none!important;
border: 1px solid #ced4da;
}

input[type=checkbox], 
input[type=radio] {
height: 15px;
width: 15px;
}


/******* Dashboard Main Content ********/

.dashboard_main_content {
position: relative;
width: 100%;
background: #f2f4f8;
height: 100%;
padding: 40px 30px 60px 30px;
max-width: 100%;
min-height: calc(100vh - 70px);
}

.support_head{
position: relative;
width: 100%;
border-bottom: 1px solid #ccc;
padding-bottom: 10px;
margin-bottom: 20px;
position: relative;
}

.support_head::before{
content:'';
position: absolute;
left: 0;
bottom:-5px;
background-color: #1b55e2;
width: 25px;
height: 4px;
}

.support_head_title {
float: left;
}

.support_head_selectbox{
position: relative;
float: right;
}

.support_head_selectbox select{
border: 2px solid #dde2ec;
border-radius: 50px;
padding: 0 25px 0 10px;
-webkit-appearance: none;
-moz-appearance: none;
background-position: right 5px top 50%;
background-repeat: no-repeat;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAMCAYAAABSgIzaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDZFNDEwNjlGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDZFNDEwNkFGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0NkU0MTA2N0Y3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0NkU0MTA2OEY3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuGsgwQAAAA5SURBVHjaYvz//z8DOYCJgUxAf42MQIzTk0D/M+KzkRGPoQSdykiKJrBGpOhgJFYTWNEIiEeAAAMAzNENEOH+do8AAAAASUVORK5CYII=);
outline: none;
font-size: 14px;
}

.support_head_title h6{
margin: 0;
}

.support_service_grid_group {
position: relative;
width: 100%;
}

.support_service_grid_group ul{
list-style: none;
margin: 0;
padding: 0;
display: flex;
align-items: stretch;
justify-content: center;
flex-wrap: wrap;
}

.support_service_grid_group ul li {
max-width: 21.222%;
width: 100%;
float: left;
background: #fff;
margin: 0 5% 30px 0;
box-shadow: 0px 2px 4px rgba(126,142,177,0.12);
border-radius: 5px;
}

.support_service_grid_group ul li:nth-child(4n){
margin: 0 0 30px 0;
}

.support_service_grid_group ul li .trending_value_parent{
position: relative;
text-align: center;
padding: 30px 20px;
}

.support_service_grid_group ul li .trending_value_parent .trending_value__box {
margin: 0 auto;
text-align: center;
}

.support_service_grid_group ul li .trending_value_parent .trending_value__box h5{
font-size: 1.6rem;
font-weight: 500;
margin: 0 0 5px;
}

.support_service_grid_group ul li .trending_value_parent .trending_value__box span{
margin:0;
font-size: .99rem;
font-weight:500;
}

.support_service_grid_group ul li .trending_value_parent .trending_meter {
position: absolute;
top: 10px;
right: 15px;
}

.support_service_grid_group ul li .trending_value_parent .trending_meter span{
font-size: 12px;
font-weight:600;
color:green;
display: flex;
align-items: flex-end;
}

.support_service_grid_group ul li .trending_value_parent .trending_meter span i {
font-size: 14px;
margin-left: 5px;
}

#chartContainer {
height: 400px;
width: 100%;
}

.total_visit_grid_parent {
position: relative;
width: 100%;
background: #fff;
border: 1px solid rgba(0,0,0,.0625);
padding: 15px 15px;
display: flex;
align-items: stretch;
justify-content: center;
flex-direction: column;
height: 100%;
}

.total_visit_heading{
position: relative;
width:100%;
margin-bottom:20px;
}

.total_visit_heading h6{
margin: 0;
font-size: .90rem;
font-weight: 500;
line-height: normal;
letter-spacing: normal;
}

.total_visit_count_parent {
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
}

.total_visit_graph {
position: relative;
float: left;
}

.total_visit_num_count{
position: relative;
float: right;
}

.total_visit_num_count span {
position: relative;
font-weight: 600;
padding: 5px 15px;
line-height: normal;
border-radius: 50px;
color: #313131;
background: #ccc;
}

.count_green{
color:#4caf50!important;
background: #e8f5e9!important;
}

.count_red{
color:#f44336!important;
background: #ffebee!important;
}

.count_purple{
color:#9c27b0!important;
background: #f3e5f5!important;
}

.count_blue{
color:#2196f3!important;
background: #e3f2fd!important;
}

#jqstooltip {
width: auto!important;
height: auto!important;
padding: 5px 10px!important;
border-radius: 2px!important;
}

.site_visit_graph_parent {
position: relative;
width: 100%;
background: #fff;
border: 1px solid rgba(0,0,0,.0625);
}

.site_visit_map_parent {
position: relative;
width: 100%;
border-right: 1px solid rgba(0,0,0,.0625);
padding:15px 15px;
}

#vmap{
height:430px;
position: relative;
overflow: hidden;
background-color: transparent;
}

.site_visit_map_parent h6{
margin: 0 0 15px;
font-size: .90rem;
font-weight: 500;
line-height: normal;
letter-spacing: normal;
}

.site_visit_layer_parent {
position: relative;
width: 100%;
margin-left: -15px;
padding: 15px 0;
}

.site_visit_layer_child {
position: relative;
width: 100%;
}

.site_visit_layer_child ul{
list-style:none;
margin:0;
padding:0;
}

.site_visit_layer_child ul li{
position: relative;
width: 100%;
margin: 0 0 20px;
}

.site_visit_layer_child ul li:last-child{
margin: 0 0 0;
}

.site_visit_bar_box {
position: relative;
width: 100%;
}

.site_visit_bar_box h4{
font-size: 1.1rem;
line-height: normal;
letter-spacing: normal;
font-weight: 600;
color: #000;
margin: 0 0 10px;
}

.bar_parent_count{
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 5px;
}

.bar_parent_count span{
font-size: 0.7rem;
font-weight:600;
line-height: normal;
letter-spacing: normal;
color: #000;
}

.easy_pie_chart_parent{
position: relative;
width: 100%;
border-top: 1px solid #efefef;
margin-top: 25px;
padding: 15px 0 15px;
overflow: hidden;
}

.easy_pie_chart_parent ul{
list-style:none;
margin:0;
padding:0;
}

.easy_pie_chart_parent ul li {
max-width: 30.333%;
width: 100%;
float: left;
position: relative;
text-align: center;
margin: 0 4% 0 0;
}

.easy_pie_chart_parent ul li:nth-child(3n){
margin: 0 0 0 0;
}

.easy_pie_chart_parent ul li .chart{
max-width: 100%;
width: 100%!important;
margin: 0 auto;
line-height: normal!important;
display: flex;
align-items: center;
justify-content: center;
}

.easy_pie_chart_parent ul li .chart span{
position: absolute;
/* top: 50%;
left: 50%;
transform: translate(-50%, -50%); */
font-size: 14px;
font-weight: 600;
}

.easy_pie_chart_parent ul li .chart canvas{
max-width: 100%;
width: 100%!important;
height: auto!important;
}

.easy_pie_chart_parent ul li h6 {
margin: 0;
font-size: 0.8rem;
font-weight: 600;
}

.joining_week_canvas_graph{
position: relative;
width:100%;
background:#fff;
}








/********* Profile Page Section ********/

.page_content_parent{
position: relative;
width: 100%;
background: #f2f4f8;
height: 100%;
padding: 40px 30px 60px 30px;
max-width: 100%;
min-height: calc(100vh - 70px);
}

.page_content_body{
position: relative;
width:100%;
background:#fff;
border-radius: 5px;
}

.page_content_head {
position: relative;
padding: 15px 15px;
width: 100%;
border-bottom: 1px solid #f1f1f1;
}

.page_content_head h6{
margin:0;
}

.page_middle_body{
position: relative;
padding:30px 30px;
width: 100%;
}

.page_middle_body label{
margin:0;
}

.page_content_foot {
position: relative;
width: 100%;
padding: 25px 30px;
border-top: 1px solid #f1f1f1;
}


/****** Footer Section Is Here *******/

.footer_parent {
position: relative;
padding: 25px 0 25px;
width: 100%;
}

.footer_copyright_box{
position: relative;
width:100%;
}

.footer_copyright_box p{
margin:0;
}

/******** Table CSS Is Here *********/

.table_custom_styling{
position: relative;
border-bottom:0 solid transparent!important;
}

.table_custom_styling thead tr th{
color: #5a637e7d;
font-size: 14px;
border-bottom:0 solid #ccc!important;
}

.table_custom_styling tbody tr td.dt-checkboxes-cell input,
.table_custom_styling thead tr th.dt-checkboxes-cell input{
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto;
}

.table_custom_styling tbody tr.odd{
background-color: #fff!important;
}

.table_custom_styling tbody tr {
border-radius: 4px;
-webkit-transition: all 0.1s ease;
transition: all 0.1s ease;
}

.table_custom_styling tbody tr:hover {
-webkit-transform: translateY(-1px) scale(1.01);
transform: translateY(-1px) scale(1.01);
}

.table_custom_styling tbody tr.selected:hover td{
background-color:#fff!important;
}

.table_custom_styling tbody tr td.select-checkbox:before{
content:'';
margin-top: 0!important;
margin-left: 0!important;
top: 50%!important;
left: 50%!important;
transform: translate(-50%, -50%);
}

.table_custom_styling tbody tr td.select-checkbox:after{
content:'';
top: 50%!important;
text-shadow:none!important;
font-size: 14px!important;
}

.table_custom_styling tbody tr td{
background-color: #fff!important;
color:#48465b;
}

.recent_ticket_data tbody tr td{
background-color: #fff!important;
}

.recent_ticket_data tbody tr.selected:hover{
background-color: #ffffff;
}

.table_custom_styling .dataTables_length label{
margin:0;
}

.table_custom_styling .dataTables_length label select{
padding: 2px 5px;
border: 1px solid #a9a9a9;
background: transparent;
margin: 0 5px;
border-radius: 5px;
}

.table_custom_styling .dataTables_filter{
position: relative;
}

.table_custom_styling .dataTables_filter label{
margin:0;
}

.table_custom_styling .dataTables_filter input[type="search"]{
border: 1px solid #a9a9a9;
background: #fff;
padding: 5px 10px;
border-radius: 5px;
}

.table_custom_styling .table_custom_parent {
position: relative;
margin: 30px auto 20px!important;
width: 100%;
display: inline-table;
border-bottom:0 solid transparent!important;
}

.table_custom_styling .dataTables_processing{
max-width: 200px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
vertical-align: middle;
font-size: 14px!important;
padding: 10px 15px!important;
background: #fff!important;
margin: 0 auto!important;
z-index: 9;
border: 1px solid #ebedf2;
border-radius: 5px;
}

.table_custom_styling .kt-user-card-v2 {
display: flex;
align-items: center;
margin: 0;
padding: 0;
}

.table_custom_styling .no_image_downline span {
width: 40px;
height: 40px;
text-align: center;
font-size: 1rem;
font-weight: 600;
vertical-align: middle;
display: flex;
background: #ccc;
align-items: center;
justify-content: center;
border-radius: 50px;
color: #fff;
}

.table_custom_styling .kt-user-card-v2__pic {
margin-right: 10px;
}

.table_custom_styling .kt-user-card-v2__pic img {
max-width: 40px;
width: 100%;
min-width: 40px;
border-radius: 50px;
}

.table_custom_styling .kt-user-card-v2__details{
position: relative;
}

.table_custom_styling .kt-user-card-v2__details .kt-user-card-v2__name{
font-weight:500;
}

.table_custom_styling .kt-user-card-v2__details .dname{
font-size:12px;
}

.table_custom_styling .country_flag{
max-width:20px;
width:100%;
height:20px;
border-radius: 50%;
}

.table_custom_styling .rank_icon{
max-width:20px;
width:100%;
height:20px;
border-radius: 50%;
}

.table_custom_styling .dataTables_info {
padding-top: 8px;
}

.table_custom_styling .dataTables_paginate{
position: relative;
padding: 0!important;
display: flex;
}

.table_custom_styling .dataTables_paginate a{
position: relative;
}

.table_custom_styling .dataTables_paginate a.next,
.table_custom_styling .dataTables_paginate a.previous{
font-size: 0;
padding: 0;
border-radius: 0;
background: rgba(4, 123, 248, .5)!important;
color: #fff!important;
border-radius: 5px!important;
text-align: center;
padding: 8px 15px;
border: none!important;
margin-left: 4px;
box-shadow:none!important;
width: 36px;
height: 36px;
}

.table_custom_styling .dataTables_paginate a.next.disabled,
.table_custom_styling .dataTables_paginate a.previous.disabled{
cursor: not-allowed!important;
}

.table_custom_styling .dataTables_paginate a.previous:before{
content: '\f104';
position: absolute;
font-family: 'Line Awesome Free';
font-weight: 900;
font-size: 14px;
color: #fff;
top: 52%;
left: 52%;
transform: translate(-50%, -50%);
text-align: center;
}

.table_custom_styling .dataTables_paginate a.next:before{
content: '\f105';
position: absolute;
font-family: 'Line Awesome Free';
font-weight: 900;
font-size: 14px;
color: #fff;
top: 52%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
}

.table_custom_styling .dataTables_paginate span{
position: relative;
}

.table_custom_styling .dataTables_paginate span a.paginate_button{
background: rgba(4, 123, 248, .5)!important;
color: #fff!important;
border-radius: 5px!important; 
text-align: center;
padding: 8px 5px;
border: none!important;
margin-left: 4px;
box-shadow:none!important;
min-width: 36px;
/* width: 36px; */
height: 36px;
}

.table_custom_styling .dataTables_paginate span a.paginate_button.current:hover,
.table_custom_styling .dataTables_paginate span a.paginate_button.current:active,
.table_custom_styling .dataTables_paginate span a.paginate_button.current:visited,
.table_custom_styling .dataTables_paginate span a.paginate_button.current:focus,
.table_custom_styling .dataTables_paginate span a.paginate_button.current{
background: #047bf8!important;
color: #fff!important;
border-radius: 5px!important;
text-align: center;
padding: 8px 5px;
border: none!important;
margin-left: 4px;
box-shadow:none!important;
}

.table_custom_styling .dataTables_wrapper .dataTables_paginate .paginate_button:hover,
.table_custom_styling .dataTables_paginate span a.paginate_button:hover{
color:#fff!important;
background: #047bf8!important;
}

.table_custom_styling .dataTables_paginate a.next.disabled:hover,
.table_custom_styling .dataTables_paginate a.previous.disabled:hover{
cursor: not-allowed!important;
background: rgba(4, 123, 248, .5)!important;
}

.table_custom_styling .limit_text{
overflow: hidden; 
text-overflow: ellipsis; 
white-space: nowrap;
table-layout:fixed;
}

.table_custom_styling .table_icon{
font-size: 14px;
color: #047bf8;
}

.table_custom_styling .dtr-details{
list-style:none;
margin:0;
padding:0;
display: block!important;
}

.table_custom_styling .dtr-details li {
width: 100%;
border-bottom: 1px dotted #d4d4d4!important;
padding: 10px 10px!important;
}

.table_custom_styling .dtr-details li:last-child{
border-bottom: 0 dotted #d4d4d4!important;
}

.table_custom_styling .dtr-details li .dtr-title{
width: 100%;
display: block!important;
margin-bottom: 5px;
font-weight: 500!important;
}

.table_custom_styling .dtr-details li .dtr-data{
width: 100%;
display: block;
font-weight:400;
word-break: break-word;
white-space: initial;
}

.table_custom_styling .dtr-details li .dtr-data a.default{
color: #3E4B5B!important;
}

.table_custom_styling .dtr-details li .dtr-data a.danger{
color: #9d1818!important;
}

.table_custom_styling tbody tr td a.default{
color: #3E4B5B!important;
}

.table_custom_styling tbody tr td a.danger{
color: #9d1818!important;
}

.table_custom_styling tbody tr td.status_pill_td span{
font-size: 14px;
font-weight:400;
}

.table_custom_styling tbody tr td.status_pill_td span.status_pill{
width:6px;
height:6px;
border-radius: 50px;
background-color: #eee;
display: inline-block;
margin-right: 5px;
}

.table_custom_styling tbody tr td span.status_pill{
width:6px;
height:6px;
border-radius: 50px;
background-color: #eee;
display: inline-block;
margin-right: 5px;
}

.table_custom_styling tbody tr td span.status_pill.green{
background-color:green;
}

.table_custom_styling tbody tr td span.status_pill.red{
background-color:#9d1818;
}

.table_custom_styling tbody tr td span.status_pill.yellow{
background-color:#f8bc34;
}

.table_custom_styling tbody tr td.status_pill_td span.status_pill.green{
background-color:green;
}

.table_custom_styling tbody tr td.status_pill_td span.status_pill.red{
background-color:#9d1818;
}

.recent_ticket_data tbody tr td.status_pill_td span.status_pill.yellow{
background-color:#f8bc34;
}

.table_custom_styling tbody tr td.status_pill_td span.active_status.green{
color:green;
}

.table_custom_styling tbody tr td.status_pill_td span.blocked_status.red{
color:#9d1818;
}

.recent_ticket_data tbody tr td.status_pill_td span.used_status.yellow{
color:#f8bc34;
}

.table_custom_styling tbody tr td.status_pill_td .status_td_box{
display:flex;
align-items: center;
}

.table_custom_styling tbody tr td.action_icon a{
margin:0 2px;
}

.table_custom_styling tbody tr td.action_icon a i{
color: #3E4B5B;
font-size: 12px;
}

.table_custom_styling tbody tr td.action_icon a.danger i{
color: #9d1818;
}

.table_custom_styling tbody tr.selected:hover{
background-color:transparent!important;
}

.table_custom_styling .dataTables_empty {
max-width: 100%;
width: 100%;
background: #fff;
text-align: center;
white-space: normal!important;
height: 150px;
display: flex;
align-items: center;
justify-content: center;
}

.table_custom_styling .no_user_icon tbody tr td{
padding: 18px 10px!important;
}

.table_custom_styling .no_user_icon tbody tr td.child{
padding: 8px 10px!important;
}

.table_custom_styling table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td.dtr-control:before, 
.table_custom_styling table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th.dtr-control:before{
background-color: #047bf8!important;
left: 50%!important;
transform: translate(-50%, -50%);
margin: 0;
}

/******** Voucehrs Page CSS Is Here *********/

.request_otp_voucher_form {
max-width: 340px;
width: 100%;
float: right;
position: relative;
display: flex;
align-items: end;
}

.otp_form_input {
max-width: 73%;
width: 100%;
float: left;
}

#sendOTP {
font-size: 12px;
font-weight: 500;
position: absolute;
left: 0;
bottom: -18px;
z-index: 5;
}

#reset_btn{
font-size: 14px;
font-weight: 500;
position: absolute;
left: 0;
bottom: -18px;
z-index: 5;
}

.member_error,
.payout_error {
font-size: 12px;
color: red;
font-weight: 500;
position: absolute;
bottom: -18px;
left: 0;
}

/******** Voucehrs Page CSS Is Here *********/   

.macros_filters{
position: relative;
}

/******** Voucehrs Page CSS Is Here *********/  

.action_form_box {
max-width: 300px;
width: 100%;
float: left;
display: flex;
align-items: center;
margin-top: 20px;
}

.action_form_box_child {
display: flex;
align-items: center;
max-width: 73%;
width: 100%;
float: left;
}

.action_form_box .btn {
float: right;
}

.request_otp_voucher_form.search_members {
max-width: 335px;
}

.rank_select_option {
max-width: 245px;
width: 100%;
float: left;
} 

/******** Login Page CSS Is Here *********/  

.login_section_parent{
position: relative;
width:100%;
background:url('../images/login_bg.jpg') no-repeat;
background-position: center center;
background-size:cover;
height:100vh;
}

.login_innercontent{
max-width: 450px;
width: 100%;
margin: 0 auto;
text-align: center;
flex-direction: column;
padding: 30px 0 30px;
}

.login_logo_parent{
max-width: 100%;
width: 100%;
margin: 0 auto 35px;
text-align: center;
}

.login_logo_parent img{
max-width:300px;
width:100%;
margin:0 auto 25px;
}

.login_form_otp_box,
.login_form_parent{
position: relative;
width: 100%;
margin: 0 auto;
}

.login_form_otp_box form,
.login_form_parent form{
margin:0;
padding:0;
}

.login_form_otp_box form ul,
.login_form_parent form ul{
list-style:none;
margin:0;
padding:0;
}

.login_form_otp_box form ul li,
.login_form_parent form ul li{
width: 100%;
position: relative;
margin-bottom: 30px;
}

.login_form_otp_box form ul li:last-child,
.login_form_parent form ul li:last-child{
margin-bottom: 0;
}

.login_form_otp_box form ul li input[type="text"],
.login_form_parent form ul li input[type="text"],
.login_form_parent form ul li input[type="password"]{
background: #f3f6f9;
width: 100%;
border: 1px solid #f3f6f9;
padding: 15px 15px;
border-radius: 5px;
font-size: 14px;
line-height: normal;
letter-spacing: normal;
font-weight: 400;
box-shadow: none;
outline: none;
}

.login_form_otp_box form ul li input:focus,
.login_form_parent form ul li input:focus{
color:#047bf8;
}

.login_form_otp_box form ul li input:focus::-webkit-input-placeholder,
.login_form_parent form ul li input:focus::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color:#047bf8;
}

.login_form_otp_box form ul li input:focus::-moz-placeholder,
.login_form_parent form ul li input:focus::-moz-placeholder { /* Firefox 19+ */
color:#047bf8;
}

.login_form_otp_box form ul li input:focus:-ms-input-placeholder,
.login_form_parent form ul li input:focus:-ms-input-placeholder { /* IE 10+ */
color:#047bf8;
}

.login_form_otp_box form ul li input:focus:-moz-placeholder,
.login_form_parent form ul li input:focus:-moz-placeholder { /* Firefox 18- */
color:#047bf8;
}

.login_form_parent form ul li .remember_mebox {
display: flex;
align-items: center;
justify-content: space-between;
}

.login_form_otp_box form ul li .otp_button,
.login_form_parent form ul li .submit_button{
max-width: 120px;
width: 100%;
margin: 0 auto;
padding: 10px 15px;
}

.login_form_otp_box form ul li span.error,
.login_form_parent form ul li span.error {
position: absolute;
left: 0;
bottom: -18px;
font-size: 12px;
color: red;
}

.login_form_otp_box{
display:none;
}

.password_strength_parent {
position: relative;
width: 100%;
}

.password_strength_parent ul.list-unstyled {
list-style: none;
margin: 0;
padding: 0;
}

.password_strength_parent p {
font-size: 14px;
line-height: normal;
color: #000;
letter-spacing: normal;
font-weight: 400;
text-transform: uppercase;
margin: 0 0 10px;
}

.password_strength_parent ul.list-unstyled li {
max-width: 100%;
margin: 0 0 5px;
font-size: 14px;
line-height: normal;
color: #000;
letter-spacing: normal;
font-weight: 400;
text-transform: capitalize;
display: flex;
align-items: center;
}

.password_strength_parent ul.list-unstyled li .text-success {
color: #28a745!important;
}

.password_strength_parent ul.list-unstyled li span.low-upper-case i,
.password_strength_parent ul.list-unstyled li span.one-number i,
.password_strength_parent ul.list-unstyled li span.one-special-char i,
.password_strength_parent ul.list-unstyled li span.match-passwords i,
.password_strength_parent ul.list-unstyled li span.eight-character i {
font-size: 6px;
color: #ccc;
display: flex;
align-items: center;
width: 10px;
}

.password_strength_parent ul.list-unstyled li span.low-upper-case.text-success i,
.password_strength_parent ul.list-unstyled li span.one-number.text-success i,
.password_strength_parent ul.list-unstyled li span.one-special-char.text-success i,
.password_strength_parent ul.list-unstyled li span.match-passwords.text-success i,
.password_strength_parent ul.list-unstyled li span.eight-character.text-success i {
font-size: 10px;
color: #28a745!important;
display: flex;
align-items: center;
width: 10px;
}

.payable_amount_parent{
overflow-y: auto;
}

/* width */
.payable_amount_parent::-webkit-scrollbar {
width: 0;
height:2px;
}

/* Track */
.payable_amount_parent::-webkit-scrollbar-track {
background: transparent;
}

/* Handle */
.payable_amount_parent::-webkit-scrollbar-thumb {
background: transparent;
}

/* Handle on hover */
.payable_amount_parent::-webkit-scrollbar-thumb:hover {
background: transparent;
}

.payable_amount_parent.no_data_box{
overflow-y: inherit;
}

.payable_amount_parent table{
border-collapse: separate!important;
border-spacing: 0 2px!important;
border: 0 solid #ebedf2!important;
}

.payable_amount_parent table thead tr th{
padding: 10px 15px;
}

.payable_amount_parent table tbody tr td{
padding: 6px 15px;
font-weight: 400;
}

.empty_table_data{
max-width: 100%;
width: 100%;
background: #fff;
text-align: center;
white-space: normal!important;
height: 150px;
font-weight: 600!important;
}

.preview_btn{
color:#fff!important;
}

.motivational_quotes_modal .modal-dialog {
max-width:600px;
}

.motivational_quotes_modal .modal-content{
border: 0px solid rgba(0,0,0,.2);
border-radius: 5px;
}

.motivational_quotes_modal .close{
position: absolute;
top: 10px;
right: 15px;
z-index: 2;
color: #fff;
opacity: 1;
text-shadow: none;
font-size: 30px;
outline: none;
}

.motivational_quotes_modal .close:hover{
color: #fff;
}

.motivational_quotes_modal .modal-body{
position: relative;
background-color: #999;
padding: 45px 30px;
border-radius: 5px;
background-position: center!important;
background-size: cover!important;
width: 100%;
min-height: 445px;
background-blend-mode: multiply;
}

.motivational_quotes_modal .motivational_quotesparents {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
text-align: center;
position: relative;
z-index: 1;
}

.motivational_quotes_modal .motivational_quotes {
width: 100%;
position: relative;
}

.motivational_quotes_modal .quotes_logo {
max-width: 75px;
width: 100%;
margin: 0 auto 44px;
}

.motivational_quotes_modal .motivational_quotes .divider {
position: relative;
width: 100%;
height: 1px;
background: #eeeeee;
margin: 0 0 27px;
}

.motivational_quotes_modal .motivational_quotes .divider .divider_icon {
position: absolute;
width: 40px;
height: 40px;
background: #f1f1f1;
top: -20px;
left: 45%;
text-align: center;
}

.motivational_quotes_modal .motivational_quotes .divider .divider_icon i {
color: #000;
padding: 14px 13px;
}

.motivational_quotes_modal .motivational_quotes p {
color: #fff;
font-size: 16px;
font-weight: 500;
margin: 0;
padding: 15px 0 45px;
line-height: normal;
}

.motivational_quotes_modal .motivational_qutoes_author {
width: 100%;
position: relative;
}

.motivational_quotes_modal .motivational_qutoes_author span {
color: #fff;
font-size: 16px;
font-weight: 600;
text-transform: capitalize;
display: inline-block;
margin: 8px 0 5px;
}

.motivational_quotes_modal .motivational_qutoes_author p {
color: #fff;
font-size: 14px;
font-weight: 400;
text-transform: capitalize;
padding: 0;
}












/******** Random CSS Is Here *********/

.modal{
padding-right:0!important;
}

.iti{
width:100%!important;
}

.iti__selected-flag:focus{
display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox;      /* TWEENER - IE 10 */
display: -webkit-flex;     /* NEW - Chrome */
display:flex!important;
outline:none!important;
}

.iti__country-list {
overflow-x: hidden;
max-width: 100%;
width:100%;
}

.iti--allow-dropdown .iti__flag-container, 
.iti--separate-dial-code .iti__flag-container {
width: 100%;
}

.iti__country-list li{
max-width: 100%!important;
margin: 0!important;
}

.iti__selected-flag {
max-width: 88px;
width: 100%;
}

.iti__selected-flag{
cursor:pointer;
}

.iti__flag-container{
outline:none;
}

.iti__divider{
display:none!important;
}

.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {
background-color: transparent!important;
}

.iti--separate-dial-code .iti__selected-flag {
background-color:transparent!important;
}

.premier_package{
background-color: #b8242c!important;
color: #fff!important;
}

.free_package{
background-color: #ccc!important;
color: #fff!important;
}

.inactive_package{
background-color: #adadad!important;
color: #fff!important;
}

.elite_package{
background-color: #25a8df!important;
color: #fff!important;
}

.basic_package{
background-color: #666!important;
color: #fff!important;
}

.kt-font-primary {
color: #007bff;
font-weight: 400;
}

.badge.badge-primary.green {
background: #28a745!important;
}

.badge.badge-primary.yellow {
background: #ffc107!important;
color: #212529;
}

.badge.badge-primary.red{
background: #dc3545!important;
}

.badge.badge-primary.green {
background: #28a745!important;
}

.badge.badge-primary.blue {
background: #187de4!important;
}

.verify_tag {
width: 20px;
height: 20px;
background: #7e7e7e;
display: inline-block;
text-align: center;
color: #fff;
border-radius: 50%;
}

.verify_tag.green{
background:green;
}

.verify_tag.orange{
background: orange;
}

.verify_tag.red{
background: red;
}

.kt-radio,
input[type=checkbox], 
input[type=radio],
.form-check-input,
.form-check-label{
cursor: pointer;
}

.changeInputbox {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
}

.change_checbox {
width: 100%;
max-width: 15px;
display: flex;
align-items: center;
margin-right: 15px;
}

.changeinput {
width: 100%;
}

.funds_success_message_parent {
position: relative;
width: 100%;
margin: 0 auto;
text-align: center;
background: #fff;
padding: 40px 15px;
display:none;
}

.funds_success_message_child{
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
min-height: 200px;
}

.addnewpost{
background: #007bff;
color: #fff!important;
padding: 10px 15px;
border-radius: .25rem;
text-decoration: none;
outline: none;
}
.addnewpost:hover{
color: #fff;
background: #0062cc;
}

.admin_error {
position: absolute;
font-size: 12px;
left: 15px;
bottom: -18px;
color: red;
display:none;
}

.custom_filter_second{
max-width: 790px;
} 

/* .form-control[readonly] {
background-color: #fff!important;
} */

.standard_btn {
background: #007bff;
color: #fff!important;
padding: 10px 15px!important;
border-radius: 0.25rem!important;
text-decoration: none!important;
outline: none!important;
}

.standard_btn:hover {
color: #fff;
background: #0062cc;
}

/********** Mobile Preview Is Here **********/

.mobile_preview_parent{
background:url(../images/mobilepattern.png) no-repeat;
background-size: cover;
background-position: center center;
max-width: 330px;
width: 100%;
margin: 0 auto;
height: 665px;
padding: 18px 19px;
}

.mobile_preview_wrapper {
position: relative;
z-index: 5;
height: 100%;
border-radius: 25px;
overflow: hidden;
overflow-y: auto;
}

/* width */
.mobile_preview_wrapper::-webkit-scrollbar {
width:0;
}

/* Track */
.mobile_preview_wrapper::-webkit-scrollbar-track {
background: #f1f1f1;
}

/* Handle */
.mobile_preview_wrapper::-webkit-scrollbar-thumb {
background: #888;
}

.mobile_preview_banner {
position: relative;
width: 100%;
font-size: 0;
border-radius: 25px 25px 0 0;
}

.mobile_preview_wrapper img{
border-radius: 25px 25px 0 0;
}

.mobile_preview_content {
position: relative;
width: 100%;
padding: 0 15px 5px;
margin-top: -25px;
border-radius: 15px 15px 0 0;
z-index: 4;
background: #fff;
}

.mobile_preview_content .image_copyright {
font-size: 10px;
line-height: 16px;
letter-spacing: normal;
font-weight: 400;
color: #808080;
font-style: italic;
display: inline-block;
margin-bottom: 11px;
font-family: 'Poppins', sans-serif;
}

.mobile_preview_content h1 {
font-size: 24px;
line-height: 27px;
letter-spacing: -0.61px;
font-weight: 600;
color: #333333;
text-decoration: none;
margin-bottom: 7px;
font-family: Gabriela-SemiBold;
}

.mobile_preview_content p{
font-size: 17px;
line-height: 22px;
letter-spacing: normal;
font-weight: 400;
color: #333333;
font-family: 'Poppins', sans-serif;
margin-bottom: 22px;
}

.post_content_left span {
font-size: 12px;
line-height: 15px;
letter-spacing: normal;
font-weight: 400;
color: #808080;
font-family: 'Poppins', sans-serif;
}

.post_content_left span strong{
font-weight: 400;
color: #333333;
}

.post_content_innercontent {
margin-bottom: 12px;
position: relative;
}

.mint_listen_box {
display: flex;
align-items: center;
justify-content: space-between;
position: relative;
margin-bottom: 12px;
}

.mint_listen_box .livemint {
display: flex;
align-items: center;
font-size: 10px;
line-height: 12px;
letter-spacing: normal;
color: #4d4d4d;
font-weight: 400;
font-family: 'Poppins', sans-serif;
text-transform: uppercase;
}

.mint_listen_box  .livemint {
margin-bottom: 0;
}

.mint_listen_box .livemint span {
display: flex;
align-items: center;
text-transform: initial;
position: relative;
color: #333333;
}

.mint_listen_box .livemint span:before {
content: '.';
position: absolute;
top: 7px;
right: -18px;
font-size: 30px;
line-height: 0;
color: #b3b3b3;
}

.mint_listen_box .livemint span:last-child::before{
display:none;
}

.mint_listen_box .livemint img {
max-width: 30px;
width: 100%;
margin-right: 8px;
}

.mint_listen_box .livemint span {
display: flex;
align-items: center;
text-transform: initial;
position: relative;
color: #333333;
}

.mint_listen_box .livemint .time {
margin-left: 30px;
}

.mobile_preview_content p a {
color: #0daf4b!important;
text-decoration: underline!important;
}

.action_btn_group {
position: absolute;
top: 50%;
left: 0;
right: 0;
max-width: 550px;
width: 100%;
margin: 0 auto;
display: flex;
align-items: center;
justify-content: space-between;
z-index: 0;
}

.action_btn_group button{
text-transform:uppercase;
}

/********** Media Query Is Here **********/

@media(min-width:1400.98px){
.easy_pie_chart_parent ul li .chart canvas {
max-width: fit-content;
}
}

@media(max-width:1199.98px){
.search_order_form {
position: relative;
width: 100%;
margin-top: 25px;
}
}

@media(max-width:991.98px){

.right_cols_parent .text_right_align{
text-align:left;
}

.kyc_details_form .text_right_align{
text-align:left!important;
}

.kyc_details_form .kyc_macro{
margin-top: 25px;
}

.DocDownloadLinks {
margin-top: 15px;
}
}

@media(max-width:767.98px){
.page_middle_body {
padding: 30px 15px;
}

.page_content_foot {
padding: 25px 15px;
}

.page_content_parent form .text_right_align{
text-align: left;
margin-bottom:8px;
}

.table_custom_styling .dataTables_paginate {
justify-content: center;
margin-top: 15px!important;
}

.kyc_col_padding{
padding: 0!important;
} 

.label_cols { 
margin-bottom:4px!important;
padding: 0!important;
}

.right_cols_parent .text_right_align{
margin-bottom: 4px!important;
padding-bottom: 0!important;
}

.dashboard_main_content,
.page_content_parent {
padding: 40px 15px 60px 15px;
}

.request_otp_voucher_form {
max-width: 100%;
margin-top: 15px;
}

.otp_form_input {
max-width: 87%;
}

.funds_button {
margin-top: 15px;
}

.page_middle_body .title_form_cols {
padding-left: 15px!important;
}

.macro_modal_parent .text_right_align{
text-align: left;
margin-bottom: 8px;
}

.macro_modal_radio .text_right_align{
margin-bottom: 0;
}

.macro_modal_radio .kt-radio{
padding-left:0!important;
}

.request_otp_voucher_form.search_members {
max-width: 100%;
}

.rank_select_option {
max-width: 100%;
margin-bottom: 25px;
}

.action_form_box_child {
max-width: 100%;
}

.action_form_box {
max-width: 100%;
}

.notify_cols {
margin-top: 15px;
}

#chartContainer {
height:350px;
width: 100%;
margin-bottom:30px;
}

.search_order_form {
margin-top:10px;
}

.search_order_form .request_otp_voucher_form.search_members{
margin-top:15px;
}

.site_visit_layer_parent {
margin-left: 0;
padding: 15px 15px;
}

.easy_pie_chart_parent ul li .chart canvas {
max-width: max-content;
}

.support_service_grid_group ul li {
max-width: 100%;
margin: 0 0 15px 0;
}

.action_btn_group {
position: relative;
top: initial;
left: initial;
right: initial;
max-width: 550px;
z-index: 0;
margin-top: 25px;
}
}

@media(max-width:640.98px){
.table_custom_styling .dataTables_filter {
margin-top: 15px!important;
}    
}

@media(max-width:575.98px){
#vmap {
height: 300px;
}
.custom_filter_second{
display: block;
}
.custom_filter_second .otp_form_input{
max-width: 100%;
margin-right: 0!important;
margin-bottom: 25px;
}
.mobile_preview_parent {
height: 634px;
padding: 16px 19px;
background-size: 315px;
}
}

@media(max-width:320.98px){
.mobile_preview_parent {
height: 530px;
padding: 16px 15px;
background-size: contain;
}

.mobile_preview_content h1 {
font-size: 16px;
line-height: 22px;
}

.post_content_left span,
.mobile_preview_content p {
font-size: 12px;
line-height: 18px;
margin-bottom: 20px;
}

.mobile_preview_content .image_copyright {
font-size: 8px;
margin-top: 6px;
}
}