.body{font-size:14px;}

.emp_bg{background-image:none}
.social_sctn{text-align:center;margin:0 auto}
.social_sctn  .btn{color: #fff;background-color: #304F9B;}	
#result_page input[type="button"]{border-radius: 5px;padding: 10px;cursor:pointer;background:#5cb85c!important;color: #fff;border: none;}
#result_page{margin: 0 auto;text-align: center;}
#share_btn .btn{width: 40%;text-align: center;margin: 0 auto;font-size: 16px;background: #28ad61;border: none;}	
.end-flg{position: relative;bottom: 0; }
.ret-fl{right:0px;float: right; } 
.let-fl{left:0px;float:left; }		
.start_flag-sect .proser-br{position: absolute;width: 94.5%;bottom:-24px;left:23px;}				


.social_sctn .text-muted{font-size: 16px;margin-right: 10px;}			
.social_sctn {margin-top:15px;padding:0}	

.status_heading{margin: 0 auto;margin-top: 12px;margin-bottom: 12px;}

div#share_btn {margin: 25px 0 8px 0;}		



.card.pdng{padding:15px}
.row.click{margin-bottom:10px;text-align:center}
.hdng_que{text-align:center;margin-bottom:5px}
.btn_section .btn{background:#5cb85c!important;text-align:center;margin:0 auto}
.btn_section div{float:left}
.btn_section{margin-top:20px;overflow:auto;text-align: center;}	
#portrait_rec .btn-success, .time_drtn .btn {text-align: center;width:10%;font-size: 18px;border: none;padding: 15px;background:#5cb85c}
.bck_dtl{background:none}		
h4.notice{text-align:center;font-size: 18px;}
.select_sctn img{display: block;border:2px solid transparent; margin: 0 auto; overflow:hidden; }	
.select_sctn  img{ max-width:100%; max-height:100%;border-radius:50%;}
.select_sctn img{}

.row.click{margin-bottom:10px;text-align:center}
.row.click a{margin-bottom:20px}
.hdng_que{text-align:center;margin-bottom:20px;color:#1086E8}
.nxt_dtl {text-align:center}
.row.button_submt .btn{background:#5cb85c!important;text-align:center;width:100%;font-size:18px;border:none;padding: 15px;}
.row.clickbl{margin-top:20px}
#img_sectn img{margin-bottom:20px}
.card .card-body {padding: 15px;}
#diff_graphs .btn_area {text-align: center;margin: 0 auto;}
#diff_graphs .btn {background:#5cb85c!important;border: none;margin: 0 auto;text-align: center;padding:15px;font-size:18px;margin-right: 15px;}
.card-primary.upcmng-event {background: #7460EE!important}
.bg-info.second {background:#5cb85c!important }
.common_hdng{text-align:center;border:none!important}
.hdng_area{width:33%;float:left;}
.hdng_area div{float:left}
.hdng_area h3{font-size:16px}
.second-part-text .width-45-px{width:33%;float:left}
.wid-25.rec_section{width:25%!important}
.wid-25.rec_section:first-child{width:20%!important }
#profile_section h2{font-size: 15px;color: #000;margin-top: 10px;margin-bottom: 0;}
#price_section{text-align:center;color:#fff;}
#price_section  div{text-align:center;width:25%;padding:15px;background:#7460EE;color:#fff;margin:0 auto;border-radius:5px}
#price_section h2{color:#fff}
.view_dtl{text-align:center;margin:0 auto}
.view_dtl .btn{padding:20px;font-size:18px;background:#5cb85c;border:none;padding:20px;}
.amount_dtl{font-size:24px;float:left;width: 38%;}
.second-part-text li h3.show-mo{display:none}
.list-group-pagepardt-wi-pos li{list-style:none;display:block;overflow:hidden;padding:0!important}
.preledrerboard li .wid-25:last-child,.second-part-text li .wid-25:last-child{border-right:none}
.preledrerboard li .wid-25 h3,.second-part-text li .wid-25 h3{font-weight:500;font-size:16px;margin:0}
.list-group-pagepardt-wi-pos{}
.preledrerboard{margin:0;background:#7460EE}
.preledrerboard li .wid-25{background:#7460EE}
.preledrerboard li .wid-25,.second-part-text li .wid-25{width: 40%; float:left;padding:7px 11px;text-align:center}
.wid-25.preuserJob Orders{width:213px!important}.wid-25.user-postion{width:100px!important}
.first_row ul,.scnd_row ul, .third_row ul, .fourth_row ul{padding:0;width:100%;float: left;}
.first_row , .scnd_row, .third_row, .fourth_row {float:left}
.first_row ul li, .scnd_row ul li, .third_row ul li, fourth_row ul li{border:none;float:left;margin-top:5px;} 
.second-part-text li .width-45-px{padding:0 10px;}
.second-part-text.show_data h5{margin-top:10px}
.list-group-pagepardt-wi-pos ul{margin-bottom:0;min-height: 40px;}
.show_data.main_head{border: 1px solid #ddd;}

.row.button_submt{margin:0 auto}
ul.preledrerboard h2{color:#fff!important;font-size: 18px!important;}
span.detail-data {color: #ddd;}
#result_page a{margin-right:20px}
label.date_range{font-weight: 700;color: #455a64;font-size: 18px;margin-right: 15px;}
#submit_data .btn, #go_nxt  .btn{background:#5cb85c;margin-right: 15px;font-size:18px;border:none}
#go_nxt {margin:0 auto;text-align:center}
.option_1, .option_2{margin:0 auto;text-align:center}
.name_list, #datepicker, .slct_drpdwn, .option_2, .option_1, .yr_drpdwn{width:60%;border: none;font-size: 18px;color: #455a64;background: url(../images/select.png) no-repeat 95% 55%; -webkit-appearance: none;
box-shadow: 1px 2px 10px -2px rgba(0, 0, 0, 0.3);padding: 0 11px;}
.select_list div{text-align:center;margin:0 auto}
#submit_data{text-align:center;margin:0 auto}
.ctgry_sctn{}   
.ctgry_sctn h2, #full_width h1{color:#1086E8}
button.btn.btn-success.last {margin-right:0!important;}
.second-part-text.show_data h6.click_graph{text-align:left}
.progress{
	/*width:62%;
	float:left;
	text-align:left!important*/
}
.sr-only{position:relative!important}
h5.target{width:13%!important;float:right!important}
.social_sctn button.btn.btn-circle.btn-secondary:hover{background:#28AD61}
#top_cmn{background: #ffffff;
    margin: 0 -30px 30px;
    padding: 15px;box-shadow: 1px 0 5px rgba(0, 0, 0, 0.1);}
#top_cmn .btn-circle.right-side-toggle{display:none}
.prgrs_head h5{float: left;
width: 22%;
font-size: 14px;
color: #455a64;}
.progress.m-t-30 {
width: 88%;float:left;
}
.prgrs_head {
padding-bottom: 15px;
}
 .cmpr{width:100%;height: 55px;} 
 .card.pdng.time_selectn{padding:40px}

form#filterfrom {
    text-align: center;
    margin: 5px 0 5px 0;
}
.table-responsive.color th, .table-responsive.color td{color:#455a64}
.ct-bar-chart .ct-label.ct-vertical.ct-start, .ct-bar-chart .ct-horizontal.ct-end, .ct-bar-chart .ct-series-0, .ct-bar-chart .ct-series-1{color:#455a64}
#filterfrom #ftype, #filterfrom #by{border: 1px solid rgba(0,0,0,.15);
  
    background-color: #fff;
    background-color: #ffffff;
    color: #99abb4;
    padding: 4px;
    font-size: 14px;
    cursor: pointer;
    border-radius: .25rem;    margin-bottom: 10px;}
.ct-chart-bar .ct-label.ct-horizontal.ct-end {color:#455a64}
.btn-success:hover, .btn-success.disabled:hover{background:#304F9B!important;border:none!important}
.row.page-titles {
  /*  display: none; */
}
.sr-only.show{clip-path:initial;padding-left: 10px;}
span.sr-only.show.right {  
    left: 165px;
}
#result_page .btn-success{border-radius: 5px;
    padding: 10px;
    cursor: pointer;
    background: #5cb85c!important;
    color: #fff;
    border: none;}
.card.pdng.pfl{padding-bottom:0}

.font-light.dark{font-weight:500}

select.cmn_selectbtn{
	box-shadow: 0 2px 2px 0 rgba(169, 169, 169, 0.14), 0 3px 1px -2px rgba(169, 169, 169, 0.2), 0 1px 5px 0 rgba(169, 169, 169, 0.12); 
    background-color: #ffffff;
    color: #99abb4;
    padding: 4px;
    font-size: 14px;
    cursor: pointer; 
    border-radius: .25rem;
	width: 100%;
}
i.fa.fa-arrow-down {
    color: #455a64;margin-right: 5px;
}
i.fa.fa.fa-smile-o {
    margin-right: 10px;
    color: #007700;
    font-size: 20px;
    vertical-align: middle;
    font-weight: bold;
}

i.fa.fa.fa-frown-o {
    margin-right: 10px;
    color: #CC0000;
    font-size: 20px;
    vertical-align: middle;
    font-weight: bold;
}
i.fa.fa-arrow-up{margin-right: 5px;color:#455a64}
.profile-images-ch {
    width: 300px;
    height: 300px;
    border-radius: 50%;
    margin: 0 auto;
    position: relative;   
    margin-bottom: 20px;
}
.progress span.show {
    padding-left: 8px;
	float:left;margin-top:5px
}
.progress span.show.right {
    position: absolute;
   
}

h4.card-title.screenc{
margin-bottom: 1.5rem}

h4.m-b-0.font-lgiht.yr {
/*display: flex;*/
font-size: 15px;
margin-bottom: 5px;
}
.reslt_arw {
margin-top: 10px!important;
}

i.fa.fa-plane {
color: #FFDF00;
font-size: 25px;

}

.row.title{margin-bottom:10px}
#filterfrom h4{text-align:left}
.progress.pace span.show{
	float:left;
	margin-top:5px;
/*	overflow: hidden;
	width: 900% !important; */
	}
.progress{background:#adadad!important}
.progress.pace {
    width: 100%;
	height: 25px;
}
.progress-bar.hgt{height:25px}
div#bill-month , div#cash-month{
    border: none;
}
#bill-table a, #cash-table a{color:#455a64}
.top_spc{margin-top:8px}
.row.data_vw a{margin:0 auto;text-align:center}

h2.text-center {
    margin-bottom: 25px;
}

.ylw_graph {
    padding-bottom: 10px;
}
#profile_section h2 {
font-size: 15px;}
ul.data_head li{width:11.1%;float:left;text-align: center;
   padding: 5px!important;flex: 1;}
   ul.data_head.daily-bg li{    border-bottom: 1px solid #e4e4e4;}     
    ul.data_head.week-bg li{background-color:#28AD61}
	ul.data_head.month-bg li{background-color:#304F9B}
	ul.full_dtls {
padding: 0 6px 0 8px;
border-bottom: 1px solid #e4e4e4;margin-bottom: 15px;display:flex;list-style: none;
}
ul.data_head {
        padding: 0 6px 0 8px;
    display:flex; list-style: none;
}
.full_data{width:100%;float:left}
.full_data h2{text-align:center;font-size: 18px!important;}
.full_data ul{width:100%;float:left;list-style: none;}
ul.data_head h2{color:#455a64!important;font-size: 14px!important;line-height:20px!important;text-align:center;margin-bottom:0}
ul.full_dtls li{float:left;width:11.1%;text-align: center;font-size: 13px;padding:10px!important;color:#333}
.social_sctn .btn a{color:#fff}
.social_sctn .btn:hover{background-color:#00AB5A}
h4.hd_wdth{width:66.6%}
tr.ttl_value{font-weight:700}

.landing_pg .two_btn{text-align:center}

.bg-primary {
    background-color: #7460ee !important
}

.bg-success {
    background-color: #26c6da !important
}

.bg-cashin {
    background-color: #28a745 !important
}

.bg-info {
    background-color: #1e88e5 !important
}

.bg-warning {
    background-color: #ffb22b !important
}

.bg-danger {
    background-color: #fc4b6c !important
}

.bg-megna {
    background-color: #00897b
}

.bg-phone {
    background-color: #fc4b6c
}

.bg-resume {
    background-color: #4edea3
}

.bg-bulk {
    background-color: #ea4c84
}

.bg-cds {
    background-color: #14018a
}


.bg-theme {
    background-color: #009efb
}

.bg-inverse {
    background-color: #2f3d4a
}

.bg-purple {
    background-color: #7460ee
}

.bg-light-extra {
    background-color: #ebf3f5
}

.br_pgrs, .plane_icon {
    margin-top: 6px;
}
html body .bg-inverse {
    background-color: #2f3d4a;
}


@media (max-width: 1080px) {
	.graph_area h4{font-size:16px!important}
	 .prcnt_value{width:26%}
	/* table.table.table-hover.fxd{table-layout: fixed;}
	 select.cmn_selectbtn{padding:0}
	table.table.table-hover.fxd th{font-size:11px;font-weight: 500;}*/
}
 
@media all and (max-width:720px){		 
		 	 #profile-images .select_sctn {width:33%!important;float:left}
			 .nxt_dtl{margin-bottom:10px}
			 
			 .ctgry_sctn{margin-top:70px;width:100%}
			
			 #price_section  div{width:50%}
			
		 
			
}
	 
@media (max-width: 980px){
}

@media (max-width: 1024px) and (min-width: 700px) {
}
	 
@media (max-width: 768px){
	#portrait_rec .btn-success{width:20%}
}
@media (max-width:800px){
	.row.cntr_details div{width:25%;height: 30px;}
	h5.m-b-0.sub_value.prcnt_value {float:none!important;}
}
@media (max-width: 736px){
	.row.cntr_details div{width:25%;height: 30px;}
	h5.m-b-0.sub_value.prcnt_value {float:none!important;}
	.pfl_details table td{font-size:10.8px}
	h5.target{font-size:13px}
	#filterfrom h4, #yearovercashingfrom h4{width:45%}
	.slt_1, .slt_2{width:27.5%}	
	h4.hd_wdth {width: 45%;font-size:13px!important;}
	.profile-images-ch{width:280px!important;height:280px!important}
	.time_drtn .btn{width:15%!important}
	
	ul.full_dtls li{width:10%;font-size:9px;padding:0!important;margin-bottom: 10px;}
	ul.data_head h2{line-height:15px!important;font-size:9px!important;margin-bottom:0;font-weight:500;}
	ul.data_head li{padding:0!important}
	h2.plcmnt{margin-left:5px}
	.card.pdng.no_spc {
    margin-bottom: 0;}
	h4.mn_hd, .ldrbrd_dtls .card-title, .ldrbrd_dtls th{font-size:12px!important}
	.ldrbrd_dtls  .btn{padding: 7px 5px!important;font-size:12px}
	.ldrbrd_dtls td{font-size:12px!important}
	
	
.topbar .logo img{width:150px}
.landing_pg h4.card-title.screenc{font-size:13px;margin-bottom:5px!important;}
.landing_pg  h4.m-b-0.font-lgiht.yr{font-size: 11px;line-height: 15px;}
.landing_pg h5.m-b-0.sub_value{line-height:10px}
.landing_pg h5.m-b-0.sub_value, .landing_pg h5.m-b-0.sub_value.size, .landing_pg h5.m-b-0.sub_value.prcnt_value{font-size: 12px!important}
.landing_pg .card .card-body{padding:10px}
.landing_pg .page-wrapper {/*padding-top:62px!important*/}
.landing_pg .card {margin-bottom: 10px}
.landing_pg .all_gph .card-body{padding:5px}
.landing_pg i.fa.fa-plane{margin-top:0}
.landing_pg .pacepic, .landing_pg .plane_icon {
	/*width:18%*/
}
.landing_pg .br_pgrs{
	/*width:64%;*/
}
.landing_pg .progress.pace{
	/*width:112%*/
}
.landing_pg i.fa.fa-sort-desc, .landing_pg .fa.fa-sort-up{font-size:25px!important}
.landing_pg #chart1, .landing_pg #chart2{height:280px!important}
.mini-sidebar .page-wrapper{padding-top:15px}
h4.card-title.bill-title, h4.card-title.cash-title, .csh_out h4.card-title, .pcstr_ldrbrd h4.card-title {
    font-size: 12px;
    line-height: 16px;
}

#bill-table td, #cash-table td, #bill-table th, #cash-table th, .csh_out th{font-size:12px}
#bill-table td, .cash_inldr td, .csh_out td{font-size:11px}
div#portrait_rec{padding-top:50px}



	
	
	
 }

 @media all and (max-width:600px){
	 #price_section  div{width:100%}
	 #price_section h2{font-size: 20px;}
	 #price_section h1{font-size:25px}
	 #portrait_rec h1 {line-height: 30px;font-size: 22px;}
	 #portrait_rec .btn-success{width:45%}
	 
	 

}