.nowrap {
	white-space:nowrap;
}
.link_as_button {
	padding: 5px 10px;
    border: 1px solid #ddd;
    border-radius: 5px;
    box-shadow: inset 0px 0px 15px #eae7e7;
    cursor: pointer;
}
.link_view
{
	color: blue;
	text-decoration: underline;
	cursor: pointer;
}
.clearfix
{
	clear: both;
}
.h3_empmast
{
	width: 100%;
	padding-bottom: 10px;
	border-bottom: 1px solid #bababa;
	margin-bottom: 10px;
	font-family: serif;
}
.working_span
{
	padding: 2px 9px;
	background:green;
	color: white;
	font-size: 10px;
}
.login_page_menu_ul 
{
	margin: 0px;
	padding:0px;
}
.notifications_div
{
    background: white;
    border-left: 1px dashed #bababa;
    font-family: 'Maven Pro', sans-serif;
    font-size: 12px;
    bottom: 0px;
    position: fixed;
    right: 0px;
    top: 50px;
    overflow: auto;
    overflow-x:hidden;
    padding-bottom: 30px;
}
.login_page_menu_ul li 
{
	list-style: none;
	display: inline-block;
	width: 70px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	text-decoration: underline;
	font-size: 13px;
	cursor: pointer;
	font-family: 'PT Sans', sans-serif;
}
.login_page_menu_ul li:hover
{
	text-decoration: none;
}
.border_right_solid
{
	border-right: 1px solid #bababa;
}
.border_left_solid
{
	border-left: 1px solid #bababa;
}
.h4_border_divider
{
	margin: 0px;
    padding: 10px 0px;
    border-top: 1px dashed #bababa;
    border-bottom: 1px dashed #bababa;
}
.add_earn_dedn
{
	display: inline-block;
	margin-right: 10px;
	font-size: 12px;
}
.tot_count_emplist
{
	display: inline-block;
	width: 80px;
	margin-right: 10px;
}
.total_count_bilp
{
	float: right;
	font-size: 12px;
}
.emp_icon
{
	padding: 3px 7px;
    border-radius: 10px;
    text-align: center;
    display: inline-block;
}
.boldtext
{
	font-weight: bold;
}
.bold_underline
{
	font-weight: bold;
	text-decoration: underline;
}
.bigcheckbox
{
	height: 25px;
	width: 25px;
}
.float_right
{
	float: right;
}
.float_left
{
	float: left;
}
.leaveform_cls
{
	border-radius: 10px;
	padding:5px;
	border:1px solid #bababa;
}
.leave_form_head_cls
{
	width:100%;
	text-align:center;
	padding-bottom:10px;
	border-bottom:1px solid #bababa;
	position: relative;
}
.rem_leave_form
{
	display: inline-block;
	margin-left: 20px;
}
.auth_sign_leave_form
{
	float: right;
	display: inline-block;
	margin-right: 20px;
}
.govt_log_leave_form
{
	position: absolute;
	top:1px;
	left: 280px;
}
.text-center
{
	text-align: center;
}
.text-right
{
	text-align: right;
}
.paystruch4divider
{
	background: #f4f4f4;
    border-top: 1px solid #bababa;
    border-bottom: 1px solid #bababa;
    padding: 5px 0px 5px 5px;
}
.newloc4divider
{
    border-top: 1px dashed #bababa;
    border-bottom: 1px dashed #bababa;
    padding: 5px 0px 5px 5px;
}
.tb_dashed_border
{
	border-top: 1px dashed #bababa;
	border-bottom: 1px dashed #bababa;
}
.pagebreak 
{ 
	clear:both;
	page-break-before: always; 
}
.govt_log_paybill
{
	position: absolute;
	top: 0px;
	left: 100px;
}
.colyellowish
{
	background: #fafa7f !important;
}
.yellow
{
	background: yellow !important;
}
.yellow_bulged
{
	background: yellow !important;
	display: inline-block;
    border: 1px solid #bababa;
    padding: 5px 8px;
    cursor: pointer;
}
.bluish
{
	background: #c2f6c2 !important;
}
.reddish
{
	background: #fed4d4 !important;
}
.ddo_nm_cls
{
	padding: 2px 8px;
	background: black;
	color: white;
	font-size: 9px;
}
.topbotborder
{
	border-top: 1px solid #bababa !important;
	border-bottom: 1px solid #bababa !important;
	background: #faffd3;
}
.orncol
{
	background:rgb(209, 213, 177) !important;

}
.prinorlcol
{
	background:	#eef2cb !important;
}
.chosen-container
{
	width: 100% !important;
}
.grncol
{
	background: #e4f4a7 !important;
}
.sal_bill_table_cls td 
{
	border-right: 1px solid #ddd;
	font-size:12px;
	font-family:'Nunito Sans', sans-serif;
}
.suppldivsemp
{
	border-right:1px solid #ddd;
	margin-left:0px;
	padding:3px;
}
.suppltable td 
{
	border-right: 1px solid #ddd;
}
.supclosedv
{
	float: right;
    background: black;
    color: white;
    cursor: pointer;
    padding: 1px 8px;
}
.earnings_tbl_eachemp td 
{
	border-right: 1px solid #ddd;
}
.tot_pdays_clstd
{
	position: relative;
}
.totpdays_indiv
{
	display: none;
	position: absolute;
	top:10px;
	left: 20px;
	z-index: 10;
	background: white;
	width: 320px;
	padding:10px;
	border: 1px solid #ddd;
	box-shadow: 1px 1px 10px #bababa;
	max-height: 200px;
	overflow: auto;
	overflow-x: hidden;
}
.tot_pdays_clstd:hover 
{
	background: #f4f4f4;
	cursor: pointer;
}
.tot_pdays_clstd:hover .totpdays_indiv
{
	display: inline-block;
}
.addedemap_Cls
{
	margin: 0px !important;
	vertical-align: middle;
	margin-right: 4px !important;
}
.label
{
	cursor: pointer !important;
}
.lvprofl_cls
{
	padding: 10px;
	border: 1px solid #ddd;
	background: #f9f9f9;
	min-height: 125px;
	max-height: 150px;
	overflow: auto;
	overflow-x:hidden;
}
.adderndednoutd
{
	border-top:1px dashed #bababa;
	border-bottom:1px dashed #bababa;
	padding:0px;
}
.highlight
{
	font-family: arial;
    font-weight: normal;
    padding-left:10px;
    font-size: 90%;
    color: #bd4147;
    background-color: #f8f9fa;
    border-radius: .25rem;
    width: 70%;
    border: 1px solid;
}
.today
{
	border: 2px solid blue;
	color: black;
}
.tr_each_earndedn_tbl td:hover 
{
	background: #f1f1f1;
}
.warning_cls
{
	padding: 2px 4px;
    font-size: 11px;
    color: #c7254e;
    background-color: #f9f2f4;
    border-radius: 4px;
    border: 1px solid;
}
.instruction_cls
{
	padding: 2px 4px;
    font-size: 11px;
    color: #1c6228;
    background-color: #c4e3c9;
    border-radius: 4px;
}
.note_cls
{
	padding: 2px 4px;
    font-size: 11px;
    color: #57480e;
    background-color: #f8f0db;
    border-radius: 4px;
}
.new_cls_notif
{
	background: #fa7a7a;
	color: white;
	padding: 0px 5px;
	margin-left:5px;
	font-size: 10px;
}
.req_prom_spncls
{
	padding:3px 5px;
	background: #86bc86;
	color: white;
}
.desc
{
	font-family: 'Montserrat', sans-serif;
}
.heading
{
	font-family: 'Maven Pro';
}
.approved
{
	padding:3px 5px;
	background: #86bc86;
	color: white;
}
.pending
{
	padding:3px 5px;
	background: #cf4a4a;
	color: white;
}
.rejected
{
	padding:3px 5px;
	background: #743535;
	color: white;
}
.increq_span
{
	background: #ecec96;
    padding: 3px 18px;
    border: 1px solid #6d612a;
}
.light_red
{
	background: #fff0f0;
}
.billtspn
{
	padding: 2px 20px;
	border-radius: 10px;
}
.nondrwn
{
    padding: 10px 10px;
    border-top: 2px solid #CCC;
    border-bottom: 2px solid #CCC;
    margin: 10px 0;
    background: #f3f3f3;
}
::-webkit-scrollbar {
    width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #f1f1f1; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
    background: #d6d6d6;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #a2a2a2;
}
.imp_news
{
	padding: 13px 0px;
    font-size: 14px;
    font-family: 'PT Sans', sans-serif;
    margin-bottom: 0px;
    margin-top: 0px;
    box-shadow: 0px 3px 5px rgba(221,221,221,0.5);
}
.impnewsdov
{
	padding: 0px;
    box-shadow: inset 0px 0px 10px #ddd;
    border-radius: 10px;
}
.billbox
{
	padding: 5px;
    background: #f9f9f9;
    font-family: 'Maven Pro';
    border: 1px dashed #bababa;
    font-size: 12px;
}
.approved_apsn
{
	padding: 2px 9px;
    /* color: white; */
    background: #cce9cc;
    border: 1px solid #89c789;
    border-radius: 8px;
    font-size: 11px;
}
.tblrowcls
{
	/*background: #f9f9f9;*/
	font-size: 12px;
	font-family: maven pro;
	/*height: 28px;*/
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	line-height: 28px;
}
.dueamt
{
	border-left:1px solid #ddd;
	background:#f9f9f9;
	border-right:1px solid #ddd;
}
.bordlr
{
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
}
.brdrsp 
{
	/*border-left:1px solid #ddd;*/
	padding:0px 3px;
	border-right:1px solid #ddd;
}
.f47_hd
{
	font-size:15px;
	font-weight:bold;
	padding:10px;
	background:#f9f9f9;
	border-bottom:3px solid #ddd;
	margin-left:15px;
	margin-top:0px;
}
.border_right
{
	border-right: 1px solid #ddd;
}
.bleft 
{
	border-left: 1px solid #ddd;
}
.bright 
{
	border-right: 1px solid #ddd;
}
.bbottom 
{
	border-bottom: 1px solid #ddd;
}
.btop 
{
	border-top: 1px solid #ddd;
}

.datepickerdemoBasicUsage {
  /** Demo styles for mdCalendar. */ }
  .datepickerdemoBasicUsage md-content {
    padding-bottom: 200px; }
  .datepickerdemoBasicUsage .validation-messages {
    font-size: 12px;
    color: #dd2c00;
    margin-left: 15px; }

.seldate
{
	position: relative;
	z-index: 11;
	color: transparent;
	background: transparent;
	cursor: pointer;
	border:1px solid #bababa;
	line-height: 20px;
	font-family: maven pro;
	border-radius: 5px;
	padding-left: 1px;
}
.seldate:focus
{
	outline: none;
	/*background: transparent;*/
	color: transparent;
	border:1px solid #ddd;
}
.seldateex
{
	position: absolute; 
    left: 0px;
    top: 0px;
    display: inline;
    line-height: 25px;
    padding-left: 5px;
}
.dtpicdiv
{
	position:absolute;
	top:0px;
	left:0px;
}
.dtpicdiv
{
	z-index: 10;
}
.tocls
{
	display: inline;
    position: relative;
    left: 100px;
    line-height: 25px;
}
.tblarrcls td 
{
	padding:1px 1px !important;
}
.singlerow 
{
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	line-height: 25px;
}
.dtpc:active .seldateex  
{
	background: #ddd;
}
.dtpc:hover .seldateex  
{
	background: #ddd;
}
.addrow:hover 
{
	background: rgba(0,0,0,0.2);
}
.prc_cls
{
	box-sizing:border-box;
	width:244px;
}
.addempcls td 
{
	line-height: 25px !important;
}
.home_links
{
	cursor: pointer;
	border:0px;
	background: #264a69;
	border-right: 1px solid #202020;
	padding: 0px 20px;
	font-size: 12px;
	border-bottom: 0px !important;
}
.reldatewhat
{
	font-size: 12px;
    position: absolute;
    left: 266px;
    width: 300px;
    z-index: 1;
    top: 7px;
    border-radius: 10px;
    padding: 10px;
    box-shadow: 0px 4px 10px #bababa;
    display: none;
}
.whatrel
{
	cursor: pointer;
}
.whatrel:hover .reldatewhat
{
	display: inline-block !important;
}
.erncls
{
	line-height: 30px;width: 150px;float: left;
	width: 130px;
	padding:0px 10px;
}

.earndedn_inplist
{
	display: inline-block;
	width: 20000px;
	overflow-y: scroll;
	overflow-x:hidden;
	height: 400px;
	direction: rtl;
	float: left;
}
.emp_div_cls
{
	float: left;
	width: 180px;
	height: 40px;
	line-height: 40px;
	border-bottom: 1px solid;
}
.emp_list
{
	float: left;
	overflow-x: hidden;
	overflow-y: scroll;
	width: 180px;
	min-height: 500px;
}
.emp_name
{
	width:180px;
	float: left;
	height: 40px;
	background: #f9f9f9;
	line-height: 40px;
}
.emp
{
	float: left;
	width: 250px;
	/*padding-left: 10px;*/
	height: 40px;
	padding-top: 4px;
	border-bottom: 1px solid;
	background: #f9f9f9;
}
.earn_dedn
{
	display: inline-block;
	float: left;
	width: 170px;
	height: 40px;
	line-height: 39px;
	border-right: 1px solid;
}
.earn_val_div
{
	/*display: inline-block;*/
	width: 170px;
	float: left;
	height: 35px;
}
.text_inp
{
    border-bottom: 1px solid #bababa;
    width: 70px;
    float: left;
}
.left_pprep
{
	float: left;
	display: inline-block;
	width: 250px;
	border:1px solid;height: 440px;
}
.left_emps
{
	/*border-top:1px solid;*/
	float: left;
	display: inline-block;
	overflow-y: scroll;
	overflow-x: hidden;
	width: 100%;
	height: 400px;
}
.right_pprep
{
	display: inline-block;
	width: 790px;
	border: 1px solid;
	overflow-x: scroll;
	height: 440px;
	overflow-y: hidden;
}
.earndedn_desc
{
	display: inline-block;
	width: 20000px;
	border-bottom: 1px solid;
	height: 40px;
	float: left;
}
.ename_cl
{
	display: inline-block;
	width: 100%;
	height: 40px;
	border-bottom: 1px solid;
	float: left;
}
.earndedn_tr td 
{
	border-right: 1px solid #bababa;
}
.blink_me {
    animation: blinker 1.5s linear infinite;
}

@keyframes blinker {
    50% {
        opacity: 0;
    }
}
.new-icon-no-blink {
    color: #e80600;
    border: 1px solid #d4a855;
    padding: 1px 5px;
    border-radius: 5px;
    font-size: 11px;
    line-height: 10px;
    margin-top: 0px;
    font-weight: 600;
    margin-bottom: 20px;
    background: #ffe9c1;
}








.amount_td
{
	text-align: right;
	border-right: 1px solid #ddd;
}
.anchor_blue {
	color: blue;
	text-decoration: underline;
}
/*body
{
	margin:0px;
	padding:0px;
	font-family: arial;
}
.head_out
{
	width:900px;
	margin:auto;
}
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 300;
	src: local('Open Sans Light'), local('OpenSans-Light'), url(../images/open_sans.woff) format('woff');
}
.headeri
{
	float: left;
	width: 902px;
}
html.md-default-theme, html, body.md-default-theme, body
{
	background-color: rgb(255,255,255) !important;
}
.dwaauthtbl td 
{
	word-wrap:break-word;
	max-width: 50px;
}
.menu_login
{
	width: 100%;
	float: left;
	background: #F49D37;
	height: 30px;
}
.main_mnu_out
{
	width: 900px;
	margin:auto;
}
.main_menu
{
	float: left;
	width: 900px;
}
.menu_main_item
{
	float: left;
	width: 200px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	position: absolute;
	left: 0px;
	top: 0px;
}
.drpdwn_link
{
	float: left;
	width: 200px;
	height: 30px;
}
.drp_dwn_inside_item a:link 
{
	color: black !important;
}
.drp_dwn_inside_item
{
	float: left;
	width: 200px;
	height: 30px;
	padding-left: 10px;
	line-height: 30px;
	cursor: pointer;
	color: black;
	text-align: left;
	border-bottom: 1px dashed #bababa;
}
.drp_dwn_inside_item:hover 
{
	background: #F49D37;
	color: white;
}
.menu_lft_drpdown
{
	float: left;
	width: 200px;
	background: #f9f9f9;
	position: absolute;
	top: 30px;
	left: 0px;
	z-index: 10;
	border:1px solid #bababa;
	border-top:0px;
	box-shadow: 2px 2px 4px #bababa;
	display: none;
}
.sample_menu_itm
{
	float: left;
	width: 200px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	cursor: pointer;
	color: white;
	border-right: 1px dashed #ddd;
	font-family: open sans;
	font-size: 13px;
	position: relative;
}

.sample_menu_itm:hover .menu_lft_drpdown
{
	display: inline;
	text-decoration: underline;
}

.main_cont_dv_out
{
	width: 900px;
	margin:auto;
}
.main_cont_dv
{
	float: left;
	width: 900px;
	min-height: 380px;
}
.lgn_lft_dv
{
	float: left;
	width: 580px;
	padding:40px;
	padding-top: 20px;
}
.wel_h3
{
	font-family: open sans;
}
.cms_txt_p
{
	font-family: open sans;
	font-size: 12px;
}
.icns_desc_dv
{
	float: left;
	width: 400px;
	font-family: open sans;
	margin-top:20px;
}
.icn_txt
{
	float: left;
	height: 28px;
	line-height: 28px;
	margin-left:10px;
	font-size: 13px;
}
.icn_box
{
	float: left;
	height: 28px;
	line-height: 28px;
	width: 25px;
}
.login_rght_dv
{
	float: left;
	margin-top:42px;
	padding:15px;
	border:1px dashed #bababa;
}
.lgn_btn
{
	float: left;
	width:200px;
	text-align: center;
}
.footer{
	float:left;
	width:100%;
	height:590px;
	bottom:0px;
	background:#f4f4f4;
	padding:20px 0px 20px 0px;
}
.containeri{
	width:900px;
	margin:auto;
	position: relative;
}
.copyright{
	float:left;
	font-size:11px;
	line-height:20px;
}
.footer_info{
	float:right;
	padding-right:55px;
}
.logo_dv
{
	float: left;
	width: 150px;
	background: #f4f4f4;
	border:1px dashed #bababa;
}
.pix_logo_img_dv
{
	float: left;
	width: 150px;
	text-align: center;
}
.eff_web_txt
{
	margin:0px;
	padding: 0px;
	text-align: center;
	font-size:10px;
	font-family:open sans;
	border-top:1px dashed #bababa;
	padding:5px 0px ;
	float: left;
	width: 150px;
}
.usr_main_div
{
	float: left;
	width: 1000px;
	min-height:350px;
	padding-bottom:40px;
}
.main_dv_usr_lft
{
	float: left;
	padding:20px;
}
.hovertablecls tr
{
	font-size: 12px;
}
.centeralign{
	text-align: center !important;
}
.main_dv_usr_right
{
	float: left;
	padding:20px;
}
.amount_td
{
	text-align: right;
	border-right: 1px solid #bababa;
}
.summary_div
{
	float: left;
	width: 217px;
	padding:20px;
	background: #fcf8e3;
	border:1px solid #ddd;
	margin-left:20px;
	margin-top:20px;
}
.summ_ul
{
	font-family: open sans;
	font-size: 12px;
	padding:0px;
	margin:0px;
	padding-left:10px;
}
.underline
{
	text-decoration: underline;
}
.cheque_list_dv
{
	float: left;
	margin-top:20px;
	font-family: open sans;
}
.h4head_eachexp
{
	float: left;
    width: 100%;
    margin-top: 20px;
    padding-bottom: 10px;
    border-bottom: 1px dashed #bababa;
}
.approve_rejbtn
{
	float: left;
	width:900px;
	text-align: center;
}
.remarks_textarea
{
	float: left;
	width: 900px;
	text-align: center;
	margin-bottom: 10px;
}
.remarkstxtarea
{
	width: 400px;
	height: 50px;
	resize:none;
	padding:8px;
	font-family: open sans;
}
.small_txtspan
{
	font-weight: normal;
	font-size: 12px;
}
.filters_dv
{
	float: right;
	padding:6px 20px;
	font-family: open sans;
	background: #f5f5f5;
	border: 1px solid #ddd;
	cursor: pointer;
	font-size: 12px;
	position: relative;
}
.filters_dv_drp
{
	position: absolute;
    top: 25px;
    right: 0px;
    width: 382px;
    height: 200px;
    box-shadow: 1px 1px 1px #bababa;
    z-index: 10;
    background: white;
    border: 1px solid #f4f4f4;
    padding:20px;
    cursor: auto;
}
.lft_filt
{
	float: left;
	width:150px;
	padding-right: 10px;
	border-right:1px dashed #bababa;
	margin-left:20px;
}
.shw_chqp
{
	font-size: 10px;
	float: left;
	width: 100%;
	height:22px;
}
.showtxt
{
	margin-left:5px;
	float:left;
	width:100px;
}
.exicncls
{
	float:left;
	margin:8px;
}
.applyfiltrdv
{
	float: left;
	margin-top:20px;
	width: 100%;
	text-align: center;
}
.loader_wrap{
	float:left;
	width:100%;
	height:100%;
	position:fixed;
	z-index:9999;
	background:rgba(0,0,0,0.2);
	top:0px;
	left:0px;
}
.loading{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100px;
	height: 100px;
	margin: auto;
}
.loading i{

	font-size:70px;
}
#ui-datepicker-div { font-size:11px; }
.approved{
	background:#a3a367 !important;
}
.rbidata-block {
	display: block !important;
	margin-bottom: 10px !important;
	background: #F5F5F5 !important;
	color: black !important;
	border: none !important;
	text-align: left !important;
	outline: none !important;
}
.chng_pass_main_div
{
	float: left;
	width: 500px;
}
.change_pass_tot_div
{
	float: left;
	width: 100%;
	margin-top:10px;
}
.chng_pas_txt
{
	float: left;
	width: 40%;
}
.chng_pass_inp
{
	float: left;
	width: 60%;
}
.sel_data_div
{
	float: left;
	width: 100%;
	margin-top: 10px;
}
.sel_dt_fl_div
{
	float: left;
	width: 400px;
}
.sel_dt_txt
{
	float: left;
	width: 40%;
}
.sel_dt_act
{
	float: left;
	width: 60%;
}
.add_incsub_div
{
	float: left;
	width: 400px;
}
.each_div_addsub
{
	float: left;
	width: 100%;
}
.alrd_div_cls
{
	float: left;
	width: 100%;
	margin-top: 10px;
}
.add_sub_btn_div
{
	float: left;
	width: 100%;
	text-align: center;
	margin-top: 10px;
}
.inf_outf_ttl_dv
{
	float: left;
	width: 100%;
	margin-bottom: 10px;
}
.inf_out_des
{
	float: left;
	width: 40%;
}
.inf_out_insd
{
	float: left;
	width: 400px;
}
.inf_out_action
{
	float: left;
	width: 60%;
}
.remove_item_span
{
	cursor: pointer;
	font-size: 18px;
	margin-left: 10px;
}
.redback
{
	background-color: #F5D0A9;
}
.greenback
{
	background-color: #BCF5A9;
}
*/
// Fonts
@import url("https://fonts.googleapis.com/css?family=Montserrat|Nunito+Sans|Roboto|Maven+Pro|Noto+Serif|PT+Sans|Open+Sans|Iceland");
// Variables
@import "variables";


// Bootstrap
//@import "~bootstrap-sass";

/* ===================================
    Common/Base CSS
====================================== */

body {
    margin: 0px;
    padding: 0px;
}

ul {
    margin: 0px;
    padding: 0px;
}

ul {
    list-style: none outside none;
}

ul, ol, dl {
    list-style-position: outside;
}

p {
    font-size: 13px;
    font-weight: 400;
    line-height: 21px;
}

body, h1, h2, h3, h4, h5, h6 {
    font-family: 'Montserrat', sans-serif;
}

.font-m {
    font-family: 'Montserrat', sans-serif;
}

.font-r {
    font-family: 'Roboto', sans-serif;
}

/*===========================
    backgrounds and color
=============================*/
.bg-dark {
    background: #1B364D;
}

.bg-green {
    background: #00944D;
}

.bg-gold {
    background: #C69A47;
}

.bg-grey {
    background: #6E6E6E;
}

.bg-light-grey {
    background: #9C9C9C;
}

.bg-dark-smoke {
    background: #9C9C9C;
}

.bg-smoke {
    background: #EAEEF1;
}

.bg-red {
    background: #D9534F;
}

.bg-white {
    background: #fff;
}

.color-dark {
    color: #1B364D;
}

.color-green {
    color: #00944D;
}

.color-gold {
    color: #C69A47;
}

.color-grey {
    color: #6E6E6E;
}

.color-light-grey {
    color: #9C9C9C;
}

.color-dark-smoke {
    color: #9C9C9C;
}

.color-smoke {
    color: #EAEEF1;
}

.color-red {
    color: #D9534F;
}

.color-white {
    color: #fff;
}

/* margin */
.margin-5 {
    margin: 5px;
}

.margin-10 {
    margin: 10px;
}

.margin-15 {
    margin: 15px;
}

.margin-20 {
    margin: 20px;
}

.margin-25 {
    margin: 25px;
}

.margin-30 {
    margin: 30px;
}

/* margin-top */
.margin-t-0 {
    margin-top: 0px;
}

.margin-t-5 {
    margin-top: 5px;
}

.margin-t-10 {
    margin-top: 10px;
}

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

.margin-t-20 {
    margin-top: 20px;
}

.margin-t-25 {
    margin-top: 25px;
}

.margin-t-30 {
    margin-top: 30px;
}

/* margin-bottom */
.margin-b-0 {
    margin-bottom: 0px;
}

.margin-b-5 {
    margin-bottom: 5px;
}

.margin-b-10 {
    margin-bottom: 10px;
}

.margin-b-15 {
    margin-bottom: 15px;
}

.margin-b-20 {
    margin-bottom: 20px;
}

.margin-b-25 {
    margin-bottom: 25px;
}

.margin-b-30 {
    margin-bottom: 30px;
}

/* opacity */
.opacity-1 {
    opacity: 1 !important;
}

.opacity-2 {
    opacity: 0.2 !important;
}

.opacity-3 {
    opacity: 0.3 !important;
}

.opacity-4 {
    opacity: 0.4 !important;
}

.opacity-5 {
    opacity: 0.5 !important;
}

.opacity-6 {
    opacity: 0.6 !important;
}

.opacity-7 {
    opacity: 0.7 !important;
}

.opacity-8 {
    opacity: 0.8 !important;
}

.opacity-9 {
    opacity: 0.9 !important;
}

.btn-custom, .login-input {
    border: none;
    height: 35px;
    display: inline-block;
    line-height: 35px;
    padding: 0px 15px;
}

.input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group, a:focus, input:focus {
    outline: none;
}

::selection {
    color: #000;
    background: #dcdcdc;
}

*, a:focus, a:hover {
    outline: none;
    text-decoration: none;
}

/*=============================
           login css
===============================*/
.login-header {
    background: url(../images/newUi/header-bg.jpg) no-repeat center;
    background-size: cover;
    padding: 8px 0;
}

.right-login-btn {
    float: right;
}

.login-header .logo-wrapper {
    float: left;
}

.login-header .logo-wrapper img {
    height: 49px;
}

.btn-custom {
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    border-radius: 2px;
    font-weight: 600;
}

.btn-payslip {
    background: #C69A47;
    color: #fff;
    margin-top: 7px;
}

.btn-payslip:hover {
    background: rgba(255, 255, 255, 0.32);
    color: #fff;
}

.main-login-wrapper {
    padding: 20px 0;
    background: #fff url(../images/newUi/login-bg.png) repeat;
    min-height: calc(100vh - 143px);
    /* margin-top: -87px; */
}

.login-container {
    margin: 0 auto;
    background: #FCFCFC;
    overflow: hidden;
    border: 1px solid #cecece;
    border-radius: 7px;
    display: flex;
}

.right-info-wrapper {
    background: url(../images/newUi/log-in-sidebg.jpg) no-repeat center center;
    background-size: cover;
    padding: 0;
    color: #ffff;
    text-align: center;
}

.contact-pao {
    background: #00944D;
    padding: 5px 0px;
    color: #fff;
    width: 100%;
}

.contact-pao p:first-child {
    float: left;
}

.contact-pao p:nth-last-child(2) {
    float: right;
    text-align: right;
}

.contact-pao p {
    margin-bottom: 0px;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    margin: 0px 15px;
    display: inline-block;
}

.left-form-wrapper {
    flex: 1;
    max-width: 35%;
}

.right-info-wrapper {
    flex: 1;
    max-width: 66%;
    position: relative;
}

.forms-wrapper {
    padding: 20px;
    border-bottom: 1px solid #cecece;
    min-height: 207px;
    position: relative;
}

.login-form {
    position: relative;
    top: 0px;
    left: 0px;
    width: 100%;
}

.username-form {
    position: absolute;
    top: 20px;
    left: 100%;
    width: calc(100% - 40px);
}

.main-info-wrapper {
    /*position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;*/
}

.title-style-1 {
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 20px;
    margin-top: 0px;
    color: #666666;
}

.title-style-1:after {
    display: none;
    margin-top: 8px;
    content: '';
    width: 30px;
    background: #00944D;
    height: 3px;
}

.login-form-input-wrapper {
    margin-bottom: 10px;
}

.login-input {
    width: calc(100% - 35px);
    display: block;
    float: left;
    height: 35px;
    font-size: 14px;
    border: 1px solid #cecece;
    border-radius: 0 2px 2px 0;
    font-family: 'Montserrat', sans-serif;
    font-size: 13px;
    color: #1B364D;
    font-weight: 500;
}

.login-form-input-wrapper img, .login-form-input-wrapper svg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.login-form-input-wrapper svg {
    width: 14px;
}

.login-form-input-wrapper::after {
    content: '';
    display: block;
    clear: both;
}

.login-icon-wrapper {
    height: 35px;
    float: left;
    width: 35px;
    display: block;
    position: relative;
    border-radius: 2px 0px 0px 2px;
    border: 1px solid #cecece;
    border-right: 0px;
}

.form-action {
    text-align: right;
    margin-top: 15px;
}

.g-logo {
    width: 100px;
    margin-top: 5%;
}

.forgot-password-link {
    font-size: 14px;
    font-weight: 500;
    color: #6E6E6E;
    margin-right: 10px;
}

.btn-fms-success {
    font-size: 13px;
    color: #fff;
    background: #00944D;
    text-align: center;
    font-weight: 500;
    border-radius: 4px;
}

.btn-fms-success:hover {
    background: rgb(59, 161, 112);
}

.news-wrapper {
    padding: 20px 25px;
}

.btn-fms-theme {
    font-size: 13px;
    color: #fff;
    background: #1B364D;
    text-align: center;
    height: 35px;
    padding: 0 15px;
    display: inline-block;
    line-height: 35px;
    font-weight: 500;
    border-radius: 4px;
}

.btn-fms-theme:hover {
    color: #fff;
    background: rgb(62, 91, 116);
}

.btn-fms-theme:focus {
    color: #fff;
    background: #666666;
}

.btn-fms-theme img {
    vertical-align: 0px;
}

.margin-r-5 {
    margin-right: 5px;
}

.right-info-wrapper h2 {
    font-weight: 600;
    margin: 20px 0 8px 0;
    font-size: 20px;
}

.right-info-wrapper .project-des {
    width: 84%;
    margin: 0 auto;
    font-size: 12px;
}

.login-infographic {
    margin-top: 20px;
    max-width: calc(100% - 80px);
}

.news-ul h4 {
    font-weight: 600;
    color: #C69A47;
    margin: 0;
    margin-bottom: 3px;
    font-size: 13px;
}

.news-ul li p {
    margin-bottom: 0px;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    line-height: 16px;
}

.news-ul li {
    padding: 10px 0;
    border-bottom: 1px solid #dddddd;
    font-size: 15px;
}

.footer-login {
    background: #1B364D;
    padding: 15px 0;
}

.footer-login p {
    color: #fff;
}

.logo-stamp {
    text-align: center;
}

.follow-us {
    text-align: right;
    vertical-align: middle
}

.follow-us li {
    display: inline;
    margin-left: 7px;
}

.footer-login .row {
    display: flex;
}

.footer-login .row p {
    margin-bottom: 0px;
}

.logo-stamp {
    display: inline-block;
    border: 1px dashed #9C9C9C;
    padding: 10px 0 0 0;
    margin: 0 auto;
}

.logo-stamp img {
    width: 92px;
}

.logo-stamp p {
    padding: 3px 10px;
    font-size: 12px;
    border-top: 1px dashed #9C9C9C;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    margin-top: 10px;
}

.error-msg {
    padding: 10px 15px;
    background: #C8201B;
    color: #fff;
    border-radius: 2px;
    margin-bottom: 10px;
    position: absolute;
    font-size: 12px;
    font-family: 'Roboto', sans-serif;
    top: -7px;
    width: 100%;
}

.error-msg img {
    margin-right: 5px;
}

.error-msg svg {
    margin-right: 5px;
    vertical-align: middle;
}

.login-input {
    transition: 0.5s cubic-bezier(.19, 1, .22, 1);
}

.login-input:focus {
    border: 1px solid rgba(198, 153, 71, 0.747);
    transition: 0.5s cubic-bezier(.19, 1, .22, 1);
}

.forms-wrapper.show-user .login-form {
    left: -107%;
    transition: 0.5s cubic-bezier(.19, 1, .22, 1);
}

.otp-form {
    left: 100%;
    top: 20px;
    position: absolute;
    width: calc(100% - 40px);
}

.new-password-form {
    left: 100%;
    top: 20px;
    position: absolute;
    width: calc(100% - 40px);
}

.forms-wrapper.show-user .username-form {
    left: 20px;
    transition: 0.5s cubic-bezier(.19, 1, .22, 1);
}

.username-form, .login-form, .otp-form, .new-password-form {
    transition: 0.5s cubic-bezier(.19, 1, .22, 1);
}

.forms-wrapper.show-otp .login-form, .forms-wrapper.show-otp .username-form {
    left: -107%;
}

.forms-wrapper.show-otp .otp-form {
    left: 20px;;
}

.forms-wrapper.show-new-password .otp-form, .forms-wrapper.show-new-password .username-form, .forms-wrapper.show-new-password .login-form {
    left: -107%;
}

.forms-wrapper.show-new-password .new-password-form {
    left: 20px;
}

.logo-mobile {
    display: none;
}

.main-info-wrapper h2, .main-info-wrapper p {
    color: #fff;
}

/* ====================
    dashboard
========================*/
.right-navigation {
    float: left;
    width: calc(100% - 191px);
    padding: 3px 0 3px 68px;
}

.login-header.dashboard-header {
    background-color: #1c354d;
    padding: 5px 0px;
    border-bottom: 4px solid #f1b2b9;
}

.dashboard-header .container {
    width: 100%;
}

.dashboard-header .dropdown {
    font-weight: 400;
    font-size: 13px;
    font-family: 'Montserrat', sans-serif;
}

.left-ul-navigation {
    float: left;
}

.right-ul-navigation {
    float: right;
}

.left-ul-navigation {
    margin: 0px;
    padding: 0px;
}

.left-ul-navigation .dropdown.module-btn button {
    padding: 10px 20px;
    background: #4D6274;
    color: #fff;
    display: block;
    font-weight: 400;
    border: none;
    font-size: 13px;
    position: relative;
    border-radius: 2px;
}

.left-ul-navigation .dropdown.module-btn button svg {
    margin-right: 3px;
    width: 18px;
    vertical-align: bottom;
}

.left-ul-navigation .dropdown.module-btn button span {
    vertical-align: text-bottom;
}

.dashboard-wrapper .container {
    width: calc(94% - 330px);
    margin-right: 0px;
    max-width: 1200px;
    margin-left: 3%;
}

.left-ul-navigation li {
    margin-right: 5px;
    display: block;
    float: left;
}

.m-box svg {
    width: 30px;
    margin-top: 25px;
    height: auto;
}

.modules-wrapper:hover svg {
    transform: scale(1.2);
    transition: 0.5s cubic-bezier(.19, 1, .22, 1);
    filter: brightness(0) invert(1);
}

.modules-wrapper svg {
    transition: 1s cubic-bezier(.19, 1, .22, 1);
}

.module-btn .dropdown-menu {
    border-radius: 0px 0px 4px 4px;
    border: none;
}

.left-ul-navigation li a {
    padding: 10px 20px;
    background: #4D6274;
    color: #fff;
    display: block;
    font-weight: 400;
    font-size: 13px;
    position: relative;
    border-radius: 2px;
}

.left-ul-navigation li a svg {
    margin-right: 3px;
    width: 18px;
    vertical-align: bottom;
}

.left-ul-navigation li a span {
    vertical-align: top;
}

.module-btn .dropdown-menu li a svg, .module-btn .dropdown-menu li span {
    vertical-align: middle;
}

.module-btn .dropdown-menu li a svg {
    height: 20px;
}

.left-ul-navigation li .module-btn .dropdown-menu a {
    background: none;
    padding: 10px 20px;
    font-weight: 500;
    font-size: 13px;
    color: #6E6E6E;
    border-bottom: 1px solid #f2f2f2;
}

.sidebar-toggle {
    padding: 11px 13px;
    background: #4D6274;
    color: #fff;
    display: block;
    font-weight: 400;
    font-size: 13px;
    position: relative;
    border-radius: 2px;
    border: none;
}

.sidebar-toggle svg {
    width: 16px;
    vertical-align: text-bottom;
}

.left-ul-navigation li .module-btn .dropdown-menu li:last-child a {
    border-bottom: none;
}

.left-ul-navigation li .module-btn .dropdown-menu li {
    float: none;
    margin-right: 0px;
}

.left-ul-navigation li .module-btn .dropdown-menu li:hover {
    background: #f5f5f5;
}

.user-profile-dropdown {
    padding: 2px 20px;
    background: #4d6274;
    color: #fff;
    display: block;
    font-weight: 500;
    border: 1px solid transparent;
    font-size: 13px;
    border-radius: 4px;
    border-radius: 2px;
    position: relative;
    min-width: 196px;
}

.user-profile-dropdown:hover, .open > .user-profile-dropdown.dropdown-toggle.btn-primary:focus {
    background: #4D6274;
    border-color: #4D6274;
    color: #fff;
    transition: 0.5s cubic-bezier(.19, 1, .22, 1);
}

.left-ul-navigation li a:hover, .left-ul-navigation .dropdown.module-btn button:hover, .sidebar-toggle:hover {
    transition: 0.5s cubic-bezier(.19, 1, .22, 1);
    background: #707e8a;
}

.user-profile-dropdown svg {
    margin-right: 12px;
    width: 18px;
    margin-top: 6px;
    float: left;
    vertical-align: middle;
}

.user-profile-dropdown span {
    vertical-align: middle;
}

.user-profile-dropdown .caret {
    margin-left: 15px;
    margin-top: 12px;
    border-top: 6px dashed;
    border-top: 6px solid \9
;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
}

.right-ul-navigation .dropdown-menu {
    width: 100%;
    border-radius: 0 0 5px 5px;
    margin-top: 1px;
    border: none;
    box-shadow: 0 1px 12px rgba(0, 0, 0, .175);
}

.right-ul-navigation .dropdown-menu > li > a {
    padding: 10px 20px;
    font-weight: 500;
    font-size: 13px;
    color: #6E6E6E;
    border-bottom: 1px solid #f2f2f2;
}

.right-ul-navigation .dropdown-menu > li:last-child a {
    border-bottom: none;
}

.right-ul-navigation .dropdown-menu > li > a svg {
    margin-right: 5px;
    vertical-align: middle;
}

.right-ul-navigation .dropdown-menu > li > a span {
    vertical-align: middle;
}

.dashboard-header .logo-wrapper img {
    height: 45px;
    min-width: 190px;
}

.dashboard-wrapper {
    min-height: 100vh;
    position: relative;
    background: url(../images/newUi/modules-bg.jpg);
    background-size: cover;
    padding: 30px 0;
    background-position: left center;
}

.dashboard-wrapper .col-md-3 {
    padding-right: 10px;
    padding-left: 10px;
    display: inline-block;
    width: auto;
}

.modules-wrapper {
    padding: 25px 0px;
    box-shadow: 0 0px 8px rgba(0, 0, 0, 0.10196078431372549);
    text-align: center;
    background: #1b364d;
    display: block;
    width: 130px;
    height: 130px;
    border-radius: 60%;
    position: relative;
}

.modules-wrapper:hover {
    background: #1b364d;
    transition: 1s cubic-bezier(.19, 1, .22, 1);
    border-color: #1b364d;
}

.modules-wrapper:hover h6 {
    color: #fff;
}

.modules-wrapper:hover .m-box {
    background-color: #C69A47;
    border-color: #fff;
    transition: 1s cubic-bezier(.19, 1, .22, 1);
}

.modules-wrapper h6 {
    font-size: 12px;
    font-weight: 500;
    margin-top: 0px;
    line-height: 15px;
    color: #fff;
    margin-bottom: 0px;
}

.sidebar-notification {
    height: 100%;
    width: 330px;
    position: absolute;
    right: 0px;
    top: 0px;
    background: #efefef;
    overflow: auto;
    box-shadow: 0 0 5px rgba(96, 96, 96, 0.34901960784313724);
}

.m-box {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 120px;
    height: 120px;
    transform: translate(-50%, -50%);
    background: #1b364d;
    border-radius: 53%;
    border: 1px dashed #c69a47;
}

.notification-topbar {
    padding: 12px 20px;
    background: #C69A47;
    color: #fff;
    font-size: 15px;
    position: relative;
    font-weight: 500;
    margin-bottom: 10px;
}

.notification-list {
    padding: 0 15px 10px 15px;
    font-size: 11px;
    font-weight: 500;
    border-bottom: 1px dashed #d0d0d0;
    margin-bottom: 10px;
    color: #555555;
}

.notification-btn {
    display: none;
}

.notification-topbar svg {
    position: absolute;
    right: 15px;
    display: none;
    top: 15PX;
    width: 13px;
    cursor: pointer;
}


/* ==============================
    sidebar functionality
=================================*/
.main-section {
    position: relative;
    padding-left: 260px;
}

.main-section .side-bar {
    position: absolute;
    transform: translateX(0px);
    transition: 0.5s cubic-bezier(.19, 1, .22, 1);
    z-index: 1;
    left: 0px;
}

.dynamic-content {
    width: 100%;
}

.main-section.sidebar-show {
    padding-left: 0px;
    transition: 0.5s;
}

.main-section {
    transition: 0.5s cubic-bezier(.19, 1, .22, 1);
}

.main-section.sidebar-show {
    padding-left: 0px;
    transition: 0.5s cubic-bezier(.19, 1, .22, 1);
}

.main-section.sidebar-show .side-bar {
    position: absolute;
    transform: translateX(-270px);
    transition: 0.5s cubic-bezier(.19, 1, .22, 1);
}

.main-section.sidebar-show .main-content {
    width: 100%;
    transition: 0.5s cubic-bezier(.19, 1, .22, 1);
}

.main-content {
    width: 100% !important;
}


/* ==============================
    welcome scren
=================================*/
.welcome-wrapper {
    background: #fff;
    height: calc(100vh - 100px);
    position: relative;
    padding: 9px;
    min-height: 400px;
}

.welcome-inner-box {
    text-align: center;
    height: 100%;
    position: relative;
    background: #ECECEC;
}

.welcome-content-wrapper {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    transform: translateY(-50%);
}

.welcome-content-wrapper h5 {
    font-size: 26px;
    color: #1B364D;
    font-weight: 600;
}

.welcome-content-wrapper p {
    font-size: 14px;
    max-width: 60%;
    font-weight: 500;
    color: #6E6E6E;
    margin: 0 auto;
}

.welcome-content-wrapper img, .welcome-content-wrapper svg {
    width: 80px;
    height: auto;
}


/* ==============================
        Body structure
=================================*/
.main-section {
    height: calc(100vh - 60px);
    background: #E2E2E2;
}

.side-bar {
    width: 260px;
    height: 100%;
    background: #1B364D;
    float: left;
    overflow-y: auto;
}

.main-content {
    width: calc(100% - 260px);
    float: left;
    height: 100%;
    overflow: auto;
}

.dynamic-content {
    min-height: 100%;
    padding: 15px;
}

.main-content footer .container {
    width: 100%;
}

.contentmain {
    background: #fff;
    min-height: calc(100vh - 90px);
    padding: 5px;
    /*border: 1px solid #ddd;*/
    border-radius: 4px;
    overflow: auto;
}

.contentmain .container {
    width: 100%;
    padding: 0px;
}


/*===============================
            sidebar
=================================*/
.sidebar-wrapper ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.sidebar-wrapper a {
    text-decoration: none;
}

.side-bar ul li a {
    display: inline-block;
    width: 100%;
    text-decoration: none;
    position: relative;
    padding: 11px 10px 11px 40px;
    font-weight: 400;
    font-size: 12px;
    position: relative;
    color: #fff;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.side-bar ul li a img {
    position: absolute;
    left: 16px;
    top: 50%;
    width: 14px;
    transform: translateY(-50%);
}

.side-bar ul li a svg {
    position: absolute;
    left: 16px;
    top: 50%;
    transform: translateY(-50%);
}

.side-bar ul li a i {
    margin-right: 10px;
    font-size: 12px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 4px;
}

.side-bar ul li a:hover > i::before {
    display: inline-block;
    animation: swing ease-in-out 0.5s 1 alternate;
}

.side-bar .sidebar-dropdown > a:after {
    font-family: "Glyphicons Halflings";
    font-weight: 300;
    content: "\e080";
    font-style: normal;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-align: center;
    background: 0 0;
    position: absolute;
    right: 15px;
    top: 12px;
    font-size: 10px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.side-bar .sidebar-dropdown .sidebar-submenu ul {
    padding: 0 0;
    background: #172d3f;
}

.sidebar-submenu ul li a:after {
    position: absolute;
    top: 15px;
    left: 24px;
    display: inline-block;
    font-family: "Glyphicons Halflings";
    font-style: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e165";
    font-size: 8px;
    font-weight: 300;
    color: #ffffff;
    opacity: 0.6;
}

.sidebar-submenu ul li a {
    font-size: 11px;
}

.side-bar .sidebar-submenu {
    display: none;
}

.side-bar .sidebar-dropdown.active > a:after {
    transform: rotate(90deg);
    right: 17px;
}

.page-wrapper .page-content {
    display: inline-block;
    width: 100%;
    padding-left: 0px;
    padding-top: 20px;
}

.page-wrapper .page-content > div {
    padding: 20px 40px;
}

.page-wrapper .page-content {
    overflow-x: hidden;
}

.sidebar-menu li {
    border-left: 3px solid transparent;
    transition: 0.9s cubic-bezier(.19, 1, .22, 1);
}

.sidebar-menu li:hover, .sidebar-menu li.active {
    border-left: 3px solid #f1b2b9;
    transition: 0.9s cubic-bezier(.19, 1, .22, 1);
    background: rgba(77, 98, 116, 0.30196078431372547);
}

.sidebar-wrapper .sidebar-menu .sidebar-dropdown.active > a:after {
    transform: rotate(90deg);
    right: 17px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.mCSB_scrollTools {
    width: 4px;
}

.mCSB_inside > .mCSB_container {
    margin-right: 0;
}


/* ==============================
    payslip style
=================================*/
.payslip-wrapper {
    padding: 20px 0;
    background: #EEEEEE;
    min-height: calc(100vh - 190px);
}

.top-title {
    display: flex;
    padding: 13px 20px;
    background: #ffff;
    margin-bottom: 10px;
    border: 1px solid #e0e0e0;
}

.top-title svg {
    align-items: center;
    margin-right: 8px;
    width: 22px;
    height: 22px;
}

.top-title span {
    align-items: center;
    font-size: 15px;
    font-weight: 600;
    color: #1b364d;
    line-height: 23PX;
}

.payslip-content {
    background: #fff;
    padding: 22px 22px;
    border: 1px solid #e0e0e0;
}

.payslip-note {
    font-size: 12px;
    background: #f9f9f9;
    border: 1px dashed #afafaf;
    padding: 8px 15px;
    font-weight: 500;
    color: #2A2A2A;
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.payslip-note input[type=radio] {
    margin: 3px 0 0;
    margin-left: -18px;
}

.payslip-note .radio-inline {
    font-weight: 500;
    margin-right: 5px;
}

.search-wrapper-payslip label {
    margin-bottom: 7px;
    color: #1B364D;
    font-size: 12px;
    font-weight: 600;
}

.payslip-form-group {
    display: flex;
    align-items: center;
}

.payslip-form-group input {
    width: 100%;
    color: #6E6E6E;
    font-weight: 500;
    padding: 0 10px;
    font-size: 13px;
    height: 34px;
    border-radius: 2px 0 0 2px;
    border: 1px solid #C7C7C7;
}

.payslip-form-group button {
    background: #00944D;
    color: #fff;
    border: none;
    font-weight: 500;
    font-size: 13px;
    height: 34px;
    padding: 0 15px;
    border-radius: 0 2px 2px 0;
}

.row-payslip {
    display: flex;
    align-items: center;
    font-size: 12px;
    border-bottom: 1px solid #C7C7C7;
}

.left-col-p {
    min-width: 160px;
    padding: 9px 15px;
    font-weight: 600;
    color: #1B364D;
    display: flex;
    align-items: center;
    border-right: 1px solid #C7C7C7;
}

.payslip-data {
    border-radius: 4px;
    border: 1px solid #CECECE;
    font-weight: 500;
    color: #6E6E6E;
    margin-top: 25px;
}

.right-col-p {
    min-width: 160px;
    padding: 9px 15px;;
}

.left-col-p svg {
    margin-right: 8px;
    width: 15px;
    height: 15px;
}

.row-payslip:nth-child(even) {
    background-color: #f1f1f1;
}

.col-full {
    padding: 15px;
    width: 100%;
}

.col-full b {
    margin-left: 7px;
    font-weight: 600;
}

.col-full span {
    line-height: 30px;
}

.col-full button {
    float: right;
    background: #00944D;
    color: #fff;
    border: none;
    font-weight: 500;
    font-size: 13px;
    height: 30px;
    padding: 0 15px;
    border-radius: 2px;
}

.b-b-0 {
    border-bottom: 0px;
}

.col-full button:hover, .payslip-form-group button:hover {
    background: rgb(12, 133, 74);
    transition: 0.5s;
}

.col-full button, .payslip-form-group button {
    transition: 0.5s;
}

.payslip-note span {
    margin-right: 15px;
    font-weight: 600;
}

.enter-otp-wrapper {
    padding: 15px;
    width: 100%;
    text-align: right;
}

.enter-otp-wrapper input {
    min-width: 190px;
    color: #6E6E6E;
    font-weight: 500;
    padding: 0 10px;
    font-size: 13px;
    height: 34px;
    display: inline-block;
    border-radius: 2px 0 0 2px;
    border: 1px solid #C7C7C7;
}

.enter-otp-wrapper button {
    background: #00944D;
    color: #fff;
    border: none;
    font-weight: 500;
    font-size: 13px;
    float: right;
    height: 34px;
    padding: 0 15px;
    border-radius: 0 2px 2px 0;
}

.chosen-container {
    width: 100% !important;
}

.payslip-time-selector {
    padding: 25px 15px;
    background: #fbfbfb;
}

.payslip-time-selector .selector-wrapper {
    width: 220px;
    float: left;
    margin-right: 10px;
}

.payslip-time-selector .selector-wrapper label {
    font-size: 12px;
    font-weight: 600;
    color: gtrey;
}

.payslip-time-selector .chosen-container-single .chosen-single {
    background: #fff !important;
    padding: 0 0 0 12px;
    height: 30px;
    line-height: 26px;
    color: #676767;
    box-shadow: none;
    border-radius: 2px;
    border: 1px solid #d4d4d4;
}

.btn-payslip-wrapper button {
    background: #00944D;
    color: #fff;
    border: none;
    font-weight: 500;
    font-size: 13px;
    height: 30px;
    padding: 0 15px;
    border-radius: 2px;
    margin-top: 23px;
}

.payslip-time-selector .chosen-container-single .chosen-single div b {
    background-position: 0px 5px;
}

.print-data .table > tbody > tr > th, .print-data .table > tbody > tr > td {
    border-top: none;
    font-size: 12px;
    font-weight: 500;
    padding: 2px;
}

.print-data {
    max-width: 1000px;
}

.heading-bar-payslip {
    margin-top: 6px;
    border-top: 1px dotted #ccc;
    border-bottom: 1px dotted #ccc;
    padding-top: 8px;
    padding-bottom: 8px;
}

.left_pay_tb {
    border-right: 1px dotted #ccc;
    margin-bottom: 2px;
    padding-left: 30px;
}

.right_pay_tb {
    padding-left: 30px;
    text-align: right;
}

.print-download-row {
    background: #fff;
    padding-bottom: 20px;
}

.print-download-row .btn {
    background: #1B364D;
    color: #fff;
    border: none;
    font-weight: 500;
    font-size: 13px;
    height: 34px;
    padding: 0 15px;
    border-radius: 2px;
}

.print-download-row .bt-print {
    background: #00944D;
}

.print-data .table tr td:first-child {
    padding-left: 47px !important;
}

/* ==============================
        fms old override
================================*/
.header_hrms {
    font-family: 'Montserrat', sans-serif;
    font-size: 15px;
    background: #f2f2f2;
    padding: 8px 8px 8px 8px;
    border-bottom: 0px;
}

.header_hrms strong {
    font-weight: 600;
}

.check-emp-dt .col-m-12, .check-emp-dt .col-m-6, .check-emp-dt .col-md-4, .check-emp-dt .col-sm-6 {
    padding-left: 0px;
}


/* =============================
    Change Password
================================*/
.page-title {
    background: #fcfcfc;
    border-radius: 3px;
    font-size: 16px;
    font-weight: 500;
    border: 1px solid #efefef;
    display: flex;
    align-items: center;
    padding: 7px 10px;
    margin-bottom: 15px;
}

.page-title svg {
    width: 20px;
}

.page-title span {
    font-size: 14px;
    font-weight: 600;
    margin-left: 6px;
    color: #818181;
}


/* =============================
    change Password
=================================*/
.change-password-box-wrapper {
    max-width: 400px;
    padding: 22px;
    background: #fcfcfc;
    margin-top: 10px;
    border: 1px dashed #e8e8e8;
    border-radius: 2px;
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.0784313725490196);
    padding-top: 35px;
}

.change-password-box-wrapper .login-input {
    font-size: 12px;
}

.change-password-box-wrapper .error-msg {
    position: relative;
    left: 0;
    top: 0;
}

/* ==========================
    profile details
=============================*/
.ifmis-tb {
    font-size: 12px;
}

.ifmis-tb th {
    font-weight: 600;
}

.profile-details-wrapper {
    border: 1px solid #efefef;
    border-radius: 3px;
}

.pro-header {
    padding: 8px 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.pro-header button {
    font-size: 13px;
    color: #fff;
    background: #00944D;
    text-align: center;
    font-weight: 500;
    border-radius: 2px;
    border: none;
    padding: 6px 10px;
}

.pro-header h6 {
    font-size: 14px;
    font-weight: 600;
    color: #6E6E6E;
}

.profile-details-wrapper .table > tbody > tr > th {
    padding-left: 15px;
    border-right: 1px solid #efefef;
    font-size: 11px;
    vertical-align: middle;
    border-top: 1px solid #efefef;
}

.profile-details-wrapper .table > tbody > tr > td {
    padding-left: 15px;
    vertical-align: middle;
    border-top: 1px solid #efefef;
}

.profile-left-side-details {
    width: 55%;
    float: left;
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.0784313725490196);
}

.contact-details {
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.0784313725490196);
}

.profile-details-wrapper .table {
    margin-bottom: 0px;
}

.right-side-contact-details {
    width: 43%;
    float: left;
    margin-left: 2%;
    font-size: 12px;
    font-weight: 500;
}

.btn-td {
    background: #00944D;
    color: #fff;
    border: none;
    padding: 4px 8px;
    border-radius: 2px;
}

.delete-btn-tb {
    background: #D9534F;
}

.profile-details-wrapper .table > tbody > tr > th.text-center {
    padding-left: 5px;
    padding-right: 5px;
}

.table-text-input {
    border-radius: 3px;
    border: 1px solid #ccc;
    padding: 4px 10px;
    font-size: 12px;
    height: 30px;
    box-shadow: 0px 0px 2px #ddd;
    display: none;
    width: 100%;
}

.table-text-input:focus {
    border-color: #337ab7;
    box-shadow: 0 0 1px #337ab7;
    transition: 0.5s;
}

#profile-details-data span {
    display: block;
}

#profile-details-data.edit-data span {
    display: none;
}

#profile-details-data.edit-data .table-text-input {
    display: block;
}

.btn-grp-profile-details {
    display: none;
}

.pro-header button.delete-btn-tb {
    background: #D9534F;
}

/* ==============================
           mid size
=================================*/
@media (max-width: 1166px) {
    .sidebar-notification {
        width: 275px;
    }

    .dashboard-wrapper .container {
        width: calc(94% - 270px);
    }

    .dashboard-wrapper .col-md-3 {
        margin-bottom: 5px;
    }

    .dashboard-wrapper .container .row {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .right-navigation {
        padding-left: 68px;
    }

    .left-ul-navigation .dropdown.module-btn button svg {
        margin-right: 2px;
    }

    .left-ul-navigation .dropdown.module-btn button {
        padding: 10px 12px;
    }

    .left-ul-navigation li a {
        padding: 10px 12px;
    }
}

/* ==============================
           tablet size
=================================*/
@media (max-width: 991px) {
    .search-header-wrapper {
        display: none !important;
    }
    .welcome-content-wrapper h5 {
        font-size: 20px;
        margin-bottom: 8px;
    }

    .profile-left-side-details {
        width: 100%;
    }

    .right-side-contact-details {
        width: 100%;
        margin-left: 0%;
        margin-top: 20px;
    }

    .welcome-content-wrapper p {
        max-width: calc(100% - 90px);
        font-size: 13px;
    }

    .welcome-content-wrapper img, .welcome-content-wrapper svg {
        width: 60px;
    }

    .hide-tablet {
        display: none !important;
    }

    .news-ul li p {
        font-size: 12px;
    }

    .login-header .container, .main-login-wrapper .container {
        max-width: 100%;
        width: 100%;
    }

    .left-form-wrapper {
        max-width: 40%;
    }

    .right-info-wrapper {
        max-width: 60%;
    }

    .forgot-password-link {
        font-size: 13px;
    }

    .login-input {
        font-size: 13px;
    }

    .contact-pao p {
        font-size: 13px;
    }

    .right-info-wrapper h2 {
        margin: 15px 0 0px 0;
        font-size: 16px;
    }

    .right-info-wrapper .project-des {
        font-size: 13px;
        line-height: 17px;
    }

    .news-wrapper marquee {
        height: 200px !important;
    }
}

/* ==============================
           mobile size
=================================*/
@media (max-width: 768px) {
    .left-ul-navigation li .module-btn .dropdown-menu a {
        font-size: 12px;
        padding: 10px 15px;
    }

    .main-section {
        padding-left: 0px;
        height: calc(100vh - 46px);
    }

    .welcome-content-wrapper img, .welcome-content-wrapper svg {
        width: 50px;
    }

    .main-section .side-bar {
        transform: translateX(-270px);
    }

    .module-btn .dropdown-menu {
        left: -94px;
        top: 37px;
    }

    .main-section.sidebar-show .side-bar {
        transform: translateX(0px);
        z-index: 1;
    }

    .welcome-content-wrapper p {
        max-width: calc(100% - 20px);
        font-size: 12PX;
        LINE-HEIGHT: 18PX;
    }

    .welcome-content-wrapper h5 {
        font-size: 16PX;
        margin-bottom: 8px;
    }

    .welcome-wrapper {
        height: calc(100vh - 100px);
    }

    .left-ul-navigation .dropdown.module-btn button {
        padding: 7px 12px;
    }

    .sidebar-toggle {
        padding: 8px 13px;
    }

    .notification-topbar svg {
        display: block;
    }

    .dashboard-wrapper .col-md-3 {
        margin-bottom: 10px;
    }

    .login-header.dashboard-header {
        border-bottom: 2px solid #f1b2b9;
    }

    .notification-topbar {
        padding: 8px 15px;
        font-size: 14px;
    }

    .dashboard-header .container {
        padding: 0px 0px;
    }

    .dashboard-header .container .row {
        margin-right: 0px;
        margin-left: 0px;
    }

    .dashboard-header .container .row .col-md-12 {
        padding-left: 5px;
        padding-right: 5px;
    }

    .right-ul-navigation .dropdown {
        float: left;
    }

    .notification-btn {
        float: left;
        display: block;
        margin-right: 3px;
    }

    .notification-list {
        padding: 0 15px 8px 15px;
        font-size: 10px;
        margin-bottom: 8px;
    }

    .notification-topbar svg {
        top: 12PX;
        width: 11px;
        height: auto;
    }

    .right-ul-navigation .dropdown-menu > li > a img {
        margin-right: 3px;
        width: 18px;
    }

    .right-ul-navigation .dropdown-menu > li > a {
        padding: 10px 15px;
    }

    .dashboard-wrapper {
        min-height: 100vh;
        overflow: hidden;
        background-position: bottom center;
    }

    .right-ul-navigation .dropdown-menu > li > a {
        font-size: 12px;
    }

    .dashboard-wrapper .container {
        width: calc(100%);
        margin: 0 auto;
    }

    .sidebar-notification {
        right: -330px;
        width: 320px;
        transition: 0.5s cubic-bezier(.19, 1, .22, 1);
    }

    .sidebar-notification.show {
        right: 0;
        transition: 0.5s cubic-bezier(.19, 1, .22, 1);
    }

    .footer-login .row p {
        margin-bottom: 0px;
        font-size: 10px;
    }

    .footer-login {
        padding: 8px 0;
    }

    .logo-stamp {
        max-width: 145px;
        margin: 0 auto;
        display: block;
        margin-top: 8px;
    }

    .logo-stamp img {
        width: 66px;
    }

    .user-profile-dropdown {
        padding: 8px 12px;
        background: #4d6274;
        min-width: auto;
    }
    .block-chain-f img {
        max-width: 45%;
    }

    .left-ul-navigation li a {
        padding: 8px 12px;
    }

    .user-profile-dropdown svg, .left-ul-navigation li a svg {
        width: 16px;
        height: auto;
        margin-right: 0px;
        margin: 0;
        vertical-align: bottom;
    }

    .modules-wrapper h6 {
        font-size: 10px;
    }

    .right-navigation {
        padding: 0px;
        width: calc(100% - 86px);
        text-align: right;
        display: block;
        justify-content: flex-end;
        display: inline-flex;
        height: 34px;
    }

    .left-ul-navigation {
        float: right;
    }

    .right-ul-navigation .dropdown-menu {
        width: 200px;
        top: 38px;
        right: 0;
        left: unset;
    }

    .right-ul-navigation, .left-ul-navigation {
        float: none;
        display: inline-block;
    }

    .left-ul-navigation li.modules-link {
        margin-right: 3px;
    }

    .user-profile-dropdown span {
        display: none;
    }

    .dashboard-header .logo-wrapper img {
        height: 32px;
        min-width: 85px;
    }

    .modules-link span {
        display: none;
    }

    .dashboard-wrapper {
        min-height: calc(100vh - 100px);
        padding: 30px 0 20px 0;
    }

    .left-form-wrapper {
        width: 100%;
        flex: 100%;
        max-width: 100%;
    }

    .right-info-wrapper {
        width: 100%;
        flex: 100%;
        max-width: 100%;
    }

    .login-container {
        flex-wrap: wrap;
    }

    .main-info-wrapper {
        position: initial;
        left: 0px;
        top: 0px;
        transform: none;
    }

    .modules-wrapper {
        width: 120px;
        height: 120px;
    }

    .m-box {
        width: 110px;
        height: 110px;
    }

    .logo-mobile {
        display: block;
    }

    .logo-desktop {
        display: none;
    }

    .contact-pao p:first-child, .contact-pao p:nth-last-child(2) {
        float: none;
        text-align: center;
    }

    .right-info-wrapper h2 {
        margin-bottom: 5px;
        font-size: 13px;
    }
    .login-infographic {
        margin-bottom: 10px;
        margin-top: 10px;
        max-width: calc(100% - 14px);
    }
    #video-details {
        display: none;
    }
    .g-logo {
        display: block;
        margin: auto;
        padding-top: 15px;
    }
    .footer-login .row {
        display: block;
        text-align: center;
    }

    .follow-us {
        text-align: center;
    }
}

@media (max-width: 560px) {
    .row-payslip {
        display: block;
    }

    .right-col-p {
        padding: 5px 15px 10px 15px;
    }

    .left-col-p {
        padding: 6px 15px 0 15px;
        border-right: none;
    }

    .col-full span {
        width: 100%;
        line-height: 14px;
        margin-bottom: 10px;
        display: block;
    }

    .col-full b {
        margin-left: 0px;
    }
}

/*============================
        Developer CSS
==============================*/
.header_bg {
    background-color: black;
    color: white;
    border-bottom: 4px solid #f1b2b9;
    background-color: #1e3446 !important;
    color: white;
    z-index: 9;
    position: fixed;
    width: 100%;
}

::-webkit-scrollbar {
    width: 10px;
}

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

/* Handle */
::-webkit-scrollbar-thumb {
    background: #d6d6d6;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #a2a2a2;
}

@media print {
    body, html {
        background: white;
        margin: 0;
        padding: 0;
    }

    * {
        font-family: Arial, sans-serif;
    }

    .main-section {
        padding-left: 0 !important;
    }

    .side-bar {
        display: none !important;
    }

    .main-section {
        height: initial !important;
    }
}

/* Simran Pal Fix for Login tag on header */
@media only screen and (max-width: 1350px) and (min-width: 1024px) {
    div .left-ul-navigation li a {
        font-size: 12px;
        padding: 10px 10px;
    }
    div .header-textbox {
        width: 190px;
    }
}

.speed-dial-wrapper{
    position: fixed;
    right: 40px;
    bottom: 30px;
    z-index: 9999;
}
#speed-dial-trigger {
    background: #1b364d;
    border: 2px solid #D2AB67;
    border-radius: 60%;
    height: 60px;
    width: 60px;
    line-height: 76px;
    z-index: 1;
    position: relative;
    padding: 0px;
    text-align: center;
}
.speed-dial-wrapper ul li span {
    position: absolute;
    display: block;
    transform: translateX(-100%);
    left: -14px;
    top: 6px;
    white-space: nowrap;
    opacity: 0;
    background: #d3ae6c;
    padding: 6px 10px;
    color: #fff;
    font-size: 13px;
    border-radius: 2px;
    font-weight: 500;
}
.speed-dial-wrapper ul li span:after {
    content: '';
    position: absolute;
    right: -5px;
    top: 5px;
    border-left: 10px solid #d3ae6c;
    border-right: none;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    z-index: 111;
}
.speed-dial-wrapper ul {
    position: absolute;
    transform: translateY(-100%);
    margin-top: -70px;
    left: 7px;
    height: 0;
    opacity: 0;
}
.speed-dial-wrapper ul li{
    margin-top:-15px;
    transition: 1s cubic-bezier(.19, 1, .22, 1);
    position: relative;
}
.speed-dial-wrapper ul li a svg{
    width: 23px;
    height: 23px;
}
.speed-dial-wrapper ul li a {
    background: #1b364d;
    border: 2px solid #D2AB67;
    border-radius: 60%;
    height: 45px;
    width: 45px;
    display: block;
    line-height: 52px;
    text-align: center;
}
.speed-dial-wrapper.show-list ul{
    height: auto;
    opacity: 1;
    transition: 0.2s ease-in;
}
.speed-dial-wrapper.show-list ul li{
    transition: 0.5s;
    margin-top: 5px;
}
.speed-dial-wrapper.show-list ul li:hover span{
    opacity: 1;
    transition: 0.5s;
}
.ic-2{
    display:none;
}
.speed-dial-wrapper.show-list .ic-2{
    display:inline-block;
}
.speed-dial-wrapper.show-list .ic-1{
    display:none;
}
.speed-dial-wrapper.show-list #speed-dial-trigger{
    line-height: 67px;
}
/*! angularjs-slider - v7.0.0 -  (c) Rafal Zajac <rzajac@gmail.com>, Valentin Hervieu <valentin@hervi.eu>, Jussi Saarivirta <jusasi@gmail.com>, Angelin Sirbu <angelin.sirbu@gmail.com> -  https://github.com/angular-slider/angularjs-slider -  2019-02-23 */
.rzslider{position:relative;display:inline-block;width:100%;height:4px;margin:35px 0 15px 0;vertical-align:middle;user-select:none}.rzslider.noanimate *{transition:none!important}.rzslider.with-legend{margin-bottom:40px}.rzslider[disabled]{cursor:not-allowed}.rzslider[disabled] .rz-pointer{cursor:not-allowed;background-color:#d8e0f3}.rzslider[disabled] .rz-draggable{cursor:not-allowed}.rzslider[disabled] .rz-selection{background:#8b91a2}.rzslider[disabled] .rz-tick{cursor:not-allowed}.rzslider[disabled] .rz-tick.rz-selected{background:#8b91a2}.rzslider span{position:absolute;display:inline-block;white-space:nowrap}.rzslider .rz-base{width:100%;height:100%;padding:0}.rzslider .rz-bar-wrapper{left:0;z-index:1;width:100%;height:32px;padding-top:16px;margin-top:-16px;box-sizing:border-box;transition:all linear .3s}.rzslider .rz-draggable{cursor:move}.rzslider .rz-bar{left:0;z-index:1;width:100%;height:4px;background:#d8e0f3;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.rzslider .rz-bar-wrapper.rz-transparent .rz-bar{background:transparent}.rzslider .rz-bar-wrapper.rz-left-out-selection .rz-bar{background:#df002d}.rzslider .rz-bar-wrapper.rz-right-out-selection .rz-bar{background:#03a688}.rzslider .rz-selection{z-index:2;background:#0db9f0;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;transition:background-color linear .3s}.rzslider .rz-restricted{z-index:3;background:#f00;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.rzslider .rz-pointer{top:-14px;z-index:3;width:32px;height:32px;cursor:pointer;background-color:#0db9f0;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px;transition:all linear .3s}.rzslider .rz-pointer:after{position:absolute;top:12px;left:12px;width:8px;height:8px;background:#fff;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;content:''}.rzslider .rz-pointer:hover:after{background-color:#fff}.rzslider .rz-pointer.rz-active{z-index:4}.rzslider .rz-pointer.rz-active:after{background-color:#451aff}.rzslider .rz-bubble{bottom:16px;padding:1px 3px;color:#55637d;cursor:default;transition:all linear .3s}.rzslider .rz-bubble.rz-limit{color:#55637d;transition:none}.rzslider .rz-ticks{position:absolute;top:-3px;left:0;z-index:1;width:100%;height:0;margin:0;list-style:none;box-sizing:border-box}.rzslider .rz-ticks-values-under .rz-tick-value{top:auto;bottom:-32px}.rzslider .rz-tick{position:absolute;top:0;left:0;width:10px;height:10px;margin-left:11px;text-align:center;cursor:pointer;background:#d8e0f3;border-radius:50%;transition:background-color linear .3s}.rzslider .rz-tick.rz-selected{background:#0db9f0}.rzslider .rz-tick-value{position:absolute;top:-30px;transform:translate(-50%,0)}.rzslider .rz-tick-legend{position:absolute;top:24px;max-width:50px;white-space:normal;transform:translate(-50%,0)}.rzslider.rz-vertical{position:relative;width:4px;height:100%;padding:0;margin:0 20px;vertical-align:baseline}.rzslider.rz-vertical .rz-base{width:100%;height:100%;padding:0}.rzslider.rz-vertical .rz-bar-wrapper{top:auto;left:0;width:32px;height:100%;padding:0 0 0 16px;margin:0 0 0 -16px}.rzslider.rz-vertical .rz-bar{bottom:0;left:auto;width:4px;height:100%}.rzslider.rz-vertical .rz-pointer{top:auto;bottom:0;left:-14px!important}.rzslider.rz-vertical .rz-bubble{bottom:0;left:16px!important;margin-left:3px}.rzslider.rz-vertical .rz-ticks{top:0;left:-3px;z-index:1;width:0;height:100%}.rzslider.rz-vertical .rz-tick{margin-top:11px;margin-left:auto;vertical-align:middle}.rzslider.rz-vertical .rz-tick-value{top:auto;left:24px;transform:translate(0,-28%)}.rzslider.rz-vertical .rz-tick-legend{top:auto;right:24px;max-width:none;white-space:nowrap;transform:translate(0,-28%)}.rzslider.rz-vertical .rz-ticks-values-under .rz-tick-value{right:24px;bottom:auto;left:auto}
.b-l-0{border-left: 0px!important;}
.b-b-0{border-bottom: 0px!important;}
#paoScrollbar::-webkit-scrollbar-track{
    -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
    background-color: #fff;
}
#paoScrollbar::-webkit-scrollbar{
    width: 4px;
    height:4px;
    background-color: #f2f2f2;
}
#paoScrollbar::-webkit-scrollbar-thumb{
    background-color: #ccc;
}
.green-font{color:#23d229!important;}
.pao-dashboard-box-wrap {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
}
.pao-card {
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.04);
    background: #fff;
    margin-bottom: 15px;
    border-radius:4px;
}
.pao-card .pao-box-head{
    display:flex;
}
.pao-card .pao-box-head h3{
    margin:0px auto 0px 0px;
    font-size:14px;
    text-transform:uppercase;
    font-weight:600;
    color:#2C3B4B;
    font-family: 'Open Sans', sans-serif;
}
.pao-card .pao-box-head .month-revenue{}
.pao-card .pao-box-head .month-revenue span{
    color: #9C9C9C;
    font-size: 12px;
}
.pao-card .pao-box-head .month-revenue h2{
    color: #005baf;
    display: block;
    margin: 0px;
    font-size: 20px;
    font-weight: 600;font-family: 'Open Sans', sans-serif;
}


.pao-dashboard-box .small,.pao-dashboard-box small{ font-size: 65%; }
.pao-dashboard-box {
    position: relative;
    width: 32.4%;overflow: hidden;
}
.pao-dashboard-box:hover {
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
}

.pao-dashboard-box-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 18px;
    font-size: 15px;
    flex-wrap: wrap;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    box-shadow: 0px 0px 2px #d0d0d0;
}
.pao-dashboard-box-head span b{ font-weight: 600;}

.pao-dashboard-box-head .graph-arw {
    margin-left: auto;
    margin-right: auto;
}

.pao-dashboard-box-head .graph-arw img {
    width: 17px;
    margin-left: 2px;
}

.pao-dashboard-box-head span:nth-child(2) {
    text-align: right !important;
}

.pao-dashboard-box-head span b {
    vertical-align: middle;    margin-left: 5px;
}
.pao-dashboard-box-table {
    display: block;
    overflow: auto;
    max-height: 165px;
}

.pao-dashboard-box-table ul {
    margin: 0px;
}

.pao-dashboard-box-table ul li {
    list-style: none;
    border-top: 1px solid #f2f2f2;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 14px;
    color: #656565;
    padding: 10px 13px 10px 16px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600; cursor: pointer;position: relative;
}
.pao-dashboard-box-table ul li:after{ content: ''; display: block; position: absolute; width: 0%; height: 100%; background: rgba(1, 161, 255, 0.04); top: 0; left: 0;-webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;}
.pao-dashboard-box-table ul li:hover:after{ width: 100%; }
.pao-dashboard-box-table ul li .bills-desc {
    display: inline-block;
    padding: 5px 13px;
    width: 168px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.pao-search-block {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.pao-search-block .form-group {
    display: flex;
    margin-bottom: 15px;
}

.pao-search-block .form-group button {
    margin-left: -4px;
    border-radius: 4px;
    padding: 4px 12px;
}

.pao-search-block .form-control {
    height: 35px;
    width: 145px;
    font-size: 12px;
    padding-left: 10px;
    border-radius: 3px;
    box-shadow: none;
}

.pao-search-block button.btn {
    border-radius: 0 2px 2px 0;
    background: #00944D;
    border-color: #00944D;
    color: #fff;
}

.pao-search-block .dropbox-right {
    margin-bottom: 15px;
}
.pao-last-updt {
    font-size: 14px;
    font-weight: 600;
    margin-right: auto;
    color: #1b364d;
    margin-bottom: 15px;
    margin-left: 11px;
}

.pao-consolidated-box {
    padding: 20px 15px;
}

.pao-consolidated-box h3 {
    font-size: 14px;
    font-weight: 600;
    color: #1b364d;
    margin: 0px 0px 10px;
    text-transform: uppercase;font-family: 'Open Sans', sans-serif;
}

.pao-consolidated-box .head-line {
    height: 2px;
    width: 30px;
    background: #b6b6b6;
    display: block;
}
.pao-consolidated-box .this-month, .pao-consolidated-box .this-month .bold{color:#62D9A1 !important; }
.pao-consolidated-box .last-month,.pao-consolidated-box .last-month .bold{color:#69D0FF !important; }

.pao-consolidated-box .month-revenue {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 0;
    margin-bottom: 10px;

}

.pao-consolidated-box .month-revenue h2 {
    color: #868686;
    display: block;
    margin: 0px;
    font-size: 17px;
    font-weight: 600;    font-family: 'Open Sans', sans-serif;
}

.pao-consolidated-box .month-revenue span {
    font-size: 12px;
}

.pao-consolidated-box .small-chart-main {
    overflow: hidden;
    height: 120px;
    display: block;
    min-height: 137px;
}
.pao-consolidated-box .pao-small-chart {
    display: block;
    overflow:hidden;
}
.pao-dashboard-main-box{
    display:block;
}
.pao-bills-workflow{
    position: relative;
    width: 100%;
    padding: 20px;
    overflow:hidden;
}
.mb-15{padding: 20px 21px;}
.pa-20{padding: 20px;}
.pao-emp-details{
    position: relative;
    width: 100%;
    overflow: hidden;
}
.pao-emp-details table tr th{
    font-weight:600;
    text-transform:uppercase; font-size: 14px;

    padding: 8px 4px;
    vertical-align: middle;
    text-align: center;
    color: #005baf;
    background: #EEF6FF;
    border-top: 1px solid #CFE7FF !important;
    border-bottom: 1px solid #CFE7FF ;
    border-left: 1px solid #CFE7FF ;
}
.pao-emp-details table tbody tr{ transform: scale(1);-webkit-transition: 0.20s;
    -moz-transition: 0.20s;
    -o-transition: 0.20s;
    transition: 0.20s;}
.pao-emp-details table tbody tr:hover{ }
.pao-emp-details table{ border-collapse: inherit;width: 100%;
    max-width: 100%;    margin: 0px; }
.pao-emp-details table tr .pao-left{ text-align: left;}
.pao-emp-details table tr .pao-center{ text-align: center;}
.pao-emp-details table tr .pao-right{ text-align: right;}
.pao-emp-details table tr td:first-child{ border-radius: 0px; }
.pao-emp-details table tr td:last-child{ border-radius: 0px  }
.pao-emp-details table tr .text-right{ text-align: right; padding-right: 10px; }
.pao-emp-details table tr td{
    vertical-align:middle; color: #3c3c3c;
    font-size: 12px;border: 0; border-bottom: 1px solid #F2F2F2; padding: 13px 10px 13px 15px; text-align: right;
    background: #fff;    font-weight: 500;
}
.pao-emp-details table tr.child_tr_pao td{ background: #FFFCF2;color: #707070;padding: 10px 10px;}
.pao-emp-details table tr.child_tr_pao td:first-child{ padding-left: 49px;  }
.pao-emp-details table tr td i{ display: inline-block; margin-right: 3px;}
.pao-emp-details table tr td:first-child{ text-align: left;    border-radius: 0px;}
.pao-emp-details table tr th:first-child{
    padding: 5px 5px 5px 20px;
    vertical-align: middle;
}
.table_view_btn{ color: #606060;  font-size: 12px;font-family: 'Open Sans', sans-serif; border: 1px solid #DDDDDD;     padding: 6px 15px;
    text-transform: uppercase;
    border-radius: 5px;
    margin-left: 8px;}
.table_view_btn:hover{ background: #005BAF; color: #fff; }
.pao-emp-expenditure{
    position: relative;
    width: 100%;
    padding: 20px;
    overflow: hidden;
}
.pao-label {
    display: inline;
    padding: .6em 0.9em .6em;
    font-size: 11px;
    font-weight: 600;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .45em;
    text-transform: none;
}
.labelBg-1{ background-color:#DCFEE3; color:#379D4C;}
.labelBg-2{ background-color:#D7E9FE; color:#2A65AA;}
.labelBg-3{ background-color:#FFE0E0; color:#F87061; }
.labelBg-4{ background-color:#F9F5C6; color:#9D9700;}
.labelBg-5{ background-color:#EFD7FE; color:#A144DB;}
.labelBg-6{ background-color:#D7FEFE; color:#3CA2A2;}
.labelBg-7{ background-color:#FED7D7; color:#EB247A; }
.labelBg-8{ background-color:#F1F1F1; color:#005BAF; }



.pao-search-block .form-group.pao-search{ width: 100%;}
.usr_main_div .pao-search-block .chosen-container-single .chosen-single{    height: 35px;
    line-height: 35px;}
.pao-search-block button.btn{ background: #005BAF; border-color: #005BAF;}
.pao-search-block .dropbox-right.left1 .chosen-container{ margin-left: 0; }
.pao-search-block  .pao-last-updt{color: #818181;font-weight: 400;font-size: 13px;font-family: 'Open Sans', sans-serif;}
.pao-search-block button.btn.download-pao{ background: #fff;
    border-color: #DDDDDD; border-radius: 0; font-size: 13px; color: #7A7A7A; height: 35px; font-family: 'Montserrat', sans-serif; font-weight: 500; }
.pao-search-block button.btn.download-pao:hover{    background: #005BAF;
    color: #fff;   }
.pao-search-block button.btn.download-pao:hover svg path{ fill: white;
    stroke: white; }
.poa-data-view.left-arrow-poa{ font-size: 12px; font-family: 'Open Sans', sans-serif; padding-left: 41px;font-style: normal;    position: relative;
    top: -5px; }
.poa-data-view.right-arrow-poa{ font-size: 12px;
    font-family: 'Open Sans', sans-serif;
    padding-left: 41px;
    font-style: normal; color: #919191; }
.poa-green{ color: #00944D;}
.poa-red{ color: #FF4D4D;}
.poa-box{ clear: left;
    float: left;
    font-size: 12px;
    font-style: normal;
    margin: 5px 10px 0 5px; }
.poa-blue{ font-size: 10px;
    color: #005BAF;
    display: block;
    font-style: normal;}



.pao-consolidated-box .l-panel h3{

    font-size: 16px;

    font-family: 'Open Sans', sans-serif;    color: #005baf;
    font-weight: 600; }

.l-panel{ float: left;}
.r-panel{ float: right;font-size: 16px;
    text-align: right;
    font-family: 'Open Sans', sans-serif;    color: #005baf;
    font-weight: 600;}
.pao-dashboard-main-box .bill-box{ float: left; }
.pao-dashboard-main-box .select-box{ float: right;     margin-left: 22px;
    position: relative;
    top: -5px;
}
.display_in_block{ display: inline-block;}
.pao-consolidated-box .to_left{ float: left;}
.pao-consolidated-box .to_right{ float: right;text-align: right;}
.pao-consolidated-box .to_right h2{ color: #005baf; }
.custom_legends{ display: table; margin: 20px auto 0;}
.custom_legends ul li{ float: left; font-size: 11px; color: #9C9C9C; margin-left: 25px; }
.custom_legends ul li span{  width: 11px; height: 11px; display: inline-block; background: #e7e7e7; margin-right: 8px;  }
.custom_legends ul li span.sal-leg{ background: #6AB2F5; }
.custom_legends ul li span.supp-leg{ background:#69D0FF; }
.custom_legends ul li span.oth-leg{background: #62D9A1; }
.pay_right{ font-size: 17px; font-weight: 600; color: #005BAF;    white-space: nowrap; }
.pao-emp-details table tr td a{ font-size: 12px;padding: 2px 8px; }
.to-center{  width: 100%;  }
#morrispie_chart text tspan, #morrispie_chart text{  font-size: 14px !important; color: #2C3B4B; font-family: 'Open Sans', sans-serif; font-weight: 600; }
.e-cadre{margin: 10px auto 5px; display: table; font-size: 9px; color: #005BAF; font-weight: 600;font-family: 'Open Sans', sans-serif; border: 1px solid #005BAF; padding: 4px 6px;}
.bill-box .chosen-container-single .chosen-single{border-radius: 0;}
.pop_hover{ border: 0; border-collapse: collapse;}
.pop_hover td, .pop_hover th{ border: 0; border-bottom: 1px solid #D4D4D4; padding: 4px; font-size: 11px;text-align: left; }
.pop_hover th{ font-size: 12px;}
.pop_hover td{color: #9C9C9C;}
.pop_hover tr:last-child td{ border-bottom: 0; }
.pop_hover td span{ color: #005BAF; font-size: 10px; margin-left: 3px; }
.pao-graphic{   }
.pao-table-head{ min-height: 70px; }
#morrisBar1{    border-top: 1px solid #dddddd;
    padding-top: 19px;}
.pao-emp-details table tr:hover td{ background: #edfaff;  color: #000; }
.pao-emp-details table.pao-second_table tr th{  text-align: left; padding-left: 30px;  }
.pao-emp-details table.pao-second_table tr td{ text-align: left; padding-left: 30px}
.pao-emp-details table.pao-second_table tr.child_tr_pao td:first-child{ text-align: left; padding-left: 54px}
.pao-emp-details td span.dot-icon{ width: 6px;
    height: 6px;
    background: #E5A21E;
    display: inline-block;
    vertical-align: inherit;
    border-radius: 11px;
    margin-right: 7px;  }
.pao-card .pao-box-head h3.pao-head-part{ margin-top: 7px; }
.pao-dashboard-box-table ul li .top-dot-pao{     width: 8px !important;
    height: 8px;
    background: #737373;
    border-radius: 9px;
    display: inline-block;
    margin-right: 5px; }
.pao-dashboard-box-table ul li .top-dot-pao.green-1{ background: #099653; }
.pao-dashboard-box-table ul li .top-dot-pao.orange-1{ background: #E6842E;}
.pao-dashboard-box-table ul li .top-dot-pao.blue-1{ background: #005BAF;}
.pao-govt-app .poa-blue{ padding-left: 16px; }
.pao-card .pao-box-head h3.pao-head-part span{ font-size: 12px; color: #606060; margin-left: 5px; }
.pao-emp-details table tr td .sorted-pao a{ padding: 0; position: absolute; top:0;width: 6px;
    height: 4px;}
.pao-emp-details table tr td .sorted-pao a:hover svg path{ fill:#005BAF; }
.pao-emp-details table tr td .sorted-pao a.pao-up{ top: 1px; }
.pao-emp-details table tr td .sorted-pao a.pao-down{ top:-7px;}
.sorted-pao{  position: relative; width: 50px;  display: inline-block;vertical-align: text-top; }

span.icon_pao {
    width: 29px;
    display: inline-block;
}
.pao-no-padding-r{ padding-right: 0; }
.dropbox-right .chosen-container{     width: 130px !important; }





/*-----  popup  ------*/

.pao-popup .modal-content{ border-radius: 3px; }
.pao-popup .modal-header{  height: 58px; background: #F3F3F3;   color: #005BAF; }

.pao-popup .modal-title{ line-height: 28px;font-weight: 600;font-size: 16px; margin-left: 9px;}

.pao-popup .modal-header .close {
    margin-top: 3px;
    opacity: 0.6;
    margin-right: 7px;
}
.pao-popup .modal-header .close:hover{ opacity: 1; }
.pao-popup .dropbox-right{ display: inline-block; }
.pao-popup .dropbox-right .chosen-single{ border-radius: 1px; height: 35px;line-height: 33px;  }
.pao-popup .dropbox-right .chosen-single div b{     background-position: -1px 7px; }
.pao-popup .nav-tabs{  display: inline-block; border: 1px solid #E2E2E2;    width: 100%;margin-top: 14px;}
.pao-popup .nav-tabs li{  border: 0; width: 50%;  margin: 0;}
.pao-popup .nav-tabs li a{ text-align: center;font-size: 12px; color: #8D8D8D;   border: 0;
    border-radius: 0;
    margin: 0;     padding: 9px 15px;}
.pao-popup .dropbox-right .chosen-container{ width: 100px !important; }
.pao-popup .padding-0{ padding: 0;  }
.pao-popup .nav-tabs li.active a{  background: #005BAF; color: #fff; border: 0; }
.pao-popup .nav-tabs li.active a:hover{  }
.pao-popup .tab-content{ padding: 2px 10px 10px 10px; }
.pao-popup .pop-table{border: 1px solid #E8E8E8}
.pao-popup .pop-table th{ padding: 12px 9px; background: #E9F5FF; font-size: 13px; font-weight: 600;    border: 0;
    border-bottom: 1px solid #E8E8E8; color: #000;}
.pao-popup .pop-table td{  padding: 8px 9px; font-size: 12px; font-weight: 400; color: #666; border: 0;
    border-bottom: 1px solid #E8E8E8;  }
.pao-popup .pop-table tr:hover td{ background: #e8e8e8;color: #000; }
.pag-popup .pagination{ margin: 20px 0 0; float: right;}

.pagination>li>a, .pagination>li>span{ border: 0; color: #ababab; }
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{  background: #fff; color: #005BAF; }
.pao-table-1{ width: 100%; border-collapse: separate; border-spacing: 0px 5px;border: 1px solid #E8E8E8;}
.pao-table-1 th{ background: #1D1D1D; font-size: 14px; color: #9C9C9C; padding: 15px 15px; font-weight: 400; }
.pao-table-1 th span{ font-weight: 700; color: #fff; }
.pao-table-1 td{ font-size: 14px; color: #333333; font-weight: normal; padding: 10px 10px;background: #F8F8F8;height: 52px;}

.pao-table-1 tr.panel-collapse td{ background: #fff; padding: 0 10px;  }
.pao-table-1 tr.panel-collapse table td{ background: #fff; height: auto;    padding: 8px 9px;}
.pao-table-1 td span{  color: #005BAF; font-size: 11px; display: block;}
.pao-btn-fire{ float: right; margin-right: 19px;}

.pao-popup .tab-content{ display: table; width: 100%;}
.pao-popup .form-control{ width: 100px ;  height: 35px;
    line-height: 33px;    border-radius: 1px; margin-left: 10px;}
.hod-wise{ display: none; }

.pao-btn-fire img{  transform: rotate(180deg);-webkit-transition: 0.20s;
    -moz-transition: 0.20s;
    -o-transition: 0.20s;
    transition: 0.20s;}
.pao-btn-fire.collapsed img{  transform: rotate(0deg);-webkit-transition: 0.20s;
    -moz-transition: 0.20s;
    -o-transition: 0.20s;
    transition: 0.20s;}

.pao-popup .pao-search-block{    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    margin-right: 11px;}
.max-min-filter{ font-size: 10px; text-transform: uppercase;  }
.max-min-filter tr:first-child td{ padding-left: 9px;font-weight: 700; }
.pao-popup .modal-body{     padding: 8px 15px 15px 15px; }
.all-chq{ margin-top: 15px; }
.pao-popup .pao-search-block .form-group.pao-search{width: 260px; }


@media only screen and (max-width: 1500px) and (min-width: 1070px) {
    .dropbox-right .chosen-container{ width: auto !important;}
    .pao-dashboard-box-table ul li span:first-child{ width: 56%; }
    .pao-dashboard-box-table ul li{ font-size: 13px; }
    .pay_right{ font-size: 14px;}
    .pao-card .pao-box-head h3.pao-head-part{  width: 50%;  }
    .table_view_btn { padding: 6px 7px; 	 }
    .pao-card .pao-box-head .month-revenue {
        align-items: flex-end;
    }
    .dropbox-right .chosen-container{width: auto !important; max-width: 160px;  }

}

@media only screen and (max-width: 1071px) and (min-width: 767px) {
    .pay_right{ font-size: 14px; }
    .pao-dashboard-box-table ul li{ font-size: 13px;}
    .pao-search-block .dropbox-right.left1 .chosen-container{ width: auto !important; }
    .pao-no-padding-r{ padding-right: 15px; }
    .pao-popup .modal-lg{ width: 90%; }
    .pao-popup .pop-table th{  white-space: nowrap; }
    .pao-popup .tab-content{     display: block;
        width: 100%;
        overflow: hidden;
        overflow-x: scroll; }.pao-popup .padding-0 {
                                 padding: 0 15px;
                             }
    .pao-popup .dropbox-right .chosen-container {
        width: 136px !important;
    }
    .pao-popup .pao-search-block{     justify-content: space-between; }


}






.paoTable {
    display: table;
    width: 100%;
}
.paoTableRowWrap {
    width: 100%;
    display: table-row-group;
}
.paoTableRowHead {
    display: table-row;
}
.paoTableRow {
    display: table-row;
    transform: scale(1);
    -webkit-transition: 0.20s;
    -moz-transition: 0.20s;
    -o-transition: 0.20s;
    transition: 0.20s;
}
.paoTableRow:hover {
    transform: scale(1.019);
    background:#edfaff;
}
.paoTableHeading {
    display: table-header-group;
    background-color: #ddd;
}
.paoTableHead {
    display: table-cell;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 14px;
    padding: 8px 18px;
    vertical-align: middle;
    text-align: left;
    color: #005baf;
    background: #EEF6FF;
    border-top: 1px solid #CFE7FF !important;
    border-bottom: 1px solid #CFE7FF;
    border-left: 1px solid #CFE7FF;
}
.paoTableHead:first-child {
    border-left: none;
}
.paoTableCell {
    display: table-cell;
    border-bottom: 1px solid #F2F2F2;
    vertical-align: middle;
    color: #7B7B7B;
    font-size: 12px;
    border: 0;
    border-bottom: 1px solid #F2F2F2;
    padding: 13px 10px 13px 18px;
    background: #fff;
    font-weight: 500;
}
.paoTableCell.subTable {
    background: #fffcf2;
    padding-left: 22px;
}
.paoTableHeading {
    display: table-header-group;
    background-color: #ddd;
    font-weight: bold;
}
.paoTableFoot {
    display: table-footer-group;
    font-weight: bold;
    background-color: #ddd;
}
.paoTableBody {
    display: table-row-group;
}
.paoTableRow .dot-icon {
    width: 6px;
    height: 6px;
    background: #E5A21E;
    display: inline-block;
    vertical-align: inherit;
    border-radius: 11px;
    margin-right: 7px;
}
.paoTablev2 .paoTablev2Head li.pad0{ padding: 0;width: 40%; }
.paoTablev2 .paoTablev2Head li .p2{ padding: 10px 10px 10px 15px; display: block; text-align: center;}

/* 21 oct 2019 */

.collapsing{
    position: relative;
    height: 0;
    overflow: hidden;
    transition: height .35s ease;
}
.paoTablev2{
    display: block;
    overflow-x: auto;
    width: 100%;
    position: relative;
}
.paoTablev2 .paoTablev2Head{
    display:flex;
    -ms-flex-wrap: nowrap!important;
    flex-wrap: nowrap!important;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 12px;
    vertical-align: middle;
    text-align: left;
    color: #005baf;
    background: #EEF6FF;
    border-top: 1px solid #CFE7FF !important;
    border-bottom: 1px solid #CFE7FF;
}
.paoTablev2 .paoTablev2Head li{
    -ms-flex: 1 1 auto!important;
    flex: 1 1 auto!important;
    width:20%;
    list-style:none;
    padding: 10px 10px 10px 15px;
    white-space: nowrap;
}
.paoTablev2 .paoTablev2Head li:first-child{
    width:40%;
}
.paoTablev2 .paoTablev2Body{
    color: #005baf;
}
.paoTablev2 .paoTablev2BodyRow{
    display:flex;
    -ms-flex-wrap: nowrap!important;
    flex-wrap: nowrap!important;
}
.paoTablev2 .paoTablev2Body li{
    -ms-flex: 1 1 auto!important;
    flex: 1 1 auto!important;
    vertical-align: middle;
    color: #7B7B7B;
    font-size: 12px;
    border: 0;
    border-bottom: 1px solid #F2F2F2;
    padding: 13px 10px 13px 18px;
    background: #fff;
    font-weight: 500;
    width:20%;
    white-space: nowrap;
    text-align: left;
}
.paoTablev2 .pad0 .paoTablev2Head{ border-bottom: 0;}
.paoTablev2 .pad0 .paoTablev2Head li{ width: 50%; text-align: right;}
.paoTablev2 .paoTablev2Body li:nth-child(3){ text-align: right;}
.paoTablev2 .paoTablev2Body li:nth-child(4){ text-align: right;}
.paoTablev2 .paoTablev2Body li:last-child{ text-align: right;}
.paoTablev2 .paoTablev2Head li.vrt-mid{     margin-top: 2%; }
.paoTablev2 .paoTablev2BodyRow:hover li, .paoSubTableScroll .paoSubTable:hover li{     
    background: #edfaff;
    color: #000; 
}
.paoTablev2 .paoTablev2BodyRow:hover li:last-child, .paoSubTableScroll .paoSubTable:hover li:last-child{     
    text-align: right
}
.paoTablev2 .paoTablev2Body li:first-child{
    width:40%; text-overflow: ellipsis;
    overflow: hidden;
}

.paoSubTableScroll{
    max-height: 336px;
    overflow: auto;
}
.paoSubTableScroll .paoSubTable{
    display: flex;
    -ms-flex-wrap: nowrap!important;
    flex-wrap: nowrap!important;
}
.paoSubTableScroll .paoSubTable li{
    -ms-flex: 1 1 auto!important;
    flex: 1 1 auto!important;
    border-bottom: 1px solid #F2F2F2;
    vertical-align: middle;
    color: #7B7B7B;
    font-size: 12px;
    border: 0;
    border-bottom: 1px solid #F2F2F2;
    padding: 13px 10px 13px 18px;

    font-weight: 500;
    background: #fffcf2;
}
.paoSubTableScroll .paoSubTable li:first-child{
    padding-left: 30px;
}
.paoSubTableScroll .paoSubTable li .dot-icon {
    width: 6px;
    height: 6px;
    background: #E5A21E;
    display: inline-block;
    vertical-align: inherit;
    border-radius: 11px;
    margin-right: 7px;
}
@media screen and (min-width: 992px) {
    .pao-popup .modal-lg{
        width: 1100px;
    }
    .pao-popup.poa_art .modal-lg{ width: 900px;  }
}
@media screen and (max-width: 530px) {
    .paoTablev2 .paoTablev2Head{ font-size:10px!important; }
    .pao-dashboard-box-wrap { display: block; }
    .pao-dashboard-box { width: 100%;	}
    .pao-search-block { display: block;	}
    .pao-popup .tab-content {
        overflow-x: auto;
        width: 100%;
        display: block;
        padding: 0;
    }
    .pao-card .pao-box-head { display: block;	}
    .pao-card .pao-box-head h3.pao-head-part { margin-bottom: 15px;	}
    .pao-search-block .dropbox-right { display: inline-block;	}
    .pao-card .pao-box-head .month-revenue { display: flex;	}
    .pao-no-padding-r { padding-right: 15px; }
    .pa-20 { padding: 14px;	}

}



.table_pao_urn{ width: 98%; margin: 0 auto; border: 0;}
.table_pao_urn tr td{ padding: 5px 10px; font-size: 14px; color: #272727; font-family: 'Open Sans', sans-serif; font-weight: 600;  }
.table_pao_urn tr td:first-child, .table_pao_urn tr td:nth-child(3){  font-weight: 400;}
.btn-poa{ width: 96.2%;
    margin: 0 auto;
    display: table;
    border-top: 1px dashed #cdcdcd;
    border-bottom: 1px dashed #cdcdcd;
    padding: 10px 0; }
.btn-poa .btn-secondary{  background: #e66767;
    color: #fff;
    font-size: 13px;
    text-transform: uppercase; border:0; }
.btn-poa .btn-primary{background: #34a934;
    color: #fff;
    font-size: 13px;
    text-transform: uppercase; border:0;}
.table_pao_urn .hig_light{ color: #b30000; border: 1px dashed #b30000; padding: 1px 3px; border-radius: 2px;}
.pao-pop-title{ font-family: 'Open Sans', sans-serif; font-size: 16px; font-weight: 600; margin: 15px 0 10px;  }
.popup-poa table{font-family: 'Open Sans', sans-serif;}
.popup-poa table th{ font-weight: 600;
    text-transform: uppercase;
    font-size: 14px;
    padding: 8px 6px;
    vertical-align: middle;
    text-align: left;
    color: #005baf;
    background: #EEF6FF;
    border: 1px solid #CFE7FF !important;
}
.popup-poa table td{ border:1px solid #ececec; font-size: 13px; font-weight:400; }







@media only screen and (max-width: 1350px) and (min-width: 1024px) {
    div .left-ul-navigation li a{ font-size: 12px;padding: 10px 10px; }
    div .header-textbox{ width: 190px; }


}




/*------------ V2.0 making & changes -----------*/
.au_pao{
    text-align: right; vertical-align: middle; }
.pao_aud{  line-height: 13px;
}
.au_pao .pao_aud span{     font-size: 11px;color: #9C9C9C; }
.au_pao .pao_aud h2{     color: #005baf;display: block;
    margin: 0px;
    font-size: 16px;
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;
}
.table_v_aud{color: #606060;
    font-size: 12px;
    font-family: 'Open Sans', sans-serif;
    border: 1px solid #DDDDDD;
    padding: 6px 15px;
    text-transform: uppercase;
    border-radius: 5px;
    margin-left: 8px;}

.table_v_aud:hover {
    background: #005BAF;
    color: #fff;
}

.chart_view{  width: 94%; margin: 0 auto 20px;}

.loder-tb {
    position: absolute;
    top: 0px;
    bottom:0px;
    left:0px;
    right: 0px;
    height: 100%;
    width: 100%;
    display: block;
    z-index: 11;
    background: rgba(255, 255, 255, 0.84);
    background-image: url(../images/dashboard/gears.gif);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 80px;
}





.paoTablev2 .paoTablev2BodyRow.total_poa li{        background: #fff;
    font-weight: 600;
    color: #00669a;     padding: 16px 10px 16px 18px;}
.paoTablev2 .paoTablev2BodyRow.total_poa li:first-child{ text-transform: uppercase;}
.view_pao_bill{     border: 1px solid #005BAF;
    padding: 3px 8px;
    font-size: 10px;
    text-transform: uppercase;
    color: #005BAF;
    border-radius: 4px; }
.view_pao_bill:hover{ background: #005BAF; color: #fff; }
.pao-popup .pop-table td{  }
.pao-popup .nav-tabs{     display: flex; }
.pao-popup .nav-tabs li{ flex: 1; }
.pao-popup#myModal6 .pao-search-block .form-group.pao-search{ width: 90%; }
.pao-popup#myModal6 .pao-search-block{      margin-right: 0;}
.pao-popup#myModal6  .all-chq{margin-top: 6px;}
.pao-popup#myModal6  .table{margin-bottom: 12px;}
.pag-popup#myModal6  .pagination{     margin: 0px 0 0; }
.pao-popup#myModal6  .pop-table tr:hover td {
    background: #e8e8e8;
    color: #000;
}
.pao-small-chart{  position: relative; padding-left: 10px;}
.h-text{text-align: center;
    font-weight: 600;}
.v-text{     text-align: center;
    font-weight: 600;
    transform: rotate(-90deg);
    top: 79px;
    position: absolute;
    left: -57px; }
.back_pop{ background: #151515;border: 1px solid #151515;
    font-size: 12px;
    color: #fff;
    text-transform: uppercase;
    padding: 5px 14px;
    border-radius: 2px;
    margin: 7px 0 0 0;
    display: inline-block; }
.back_pop:hover{ background: #fff; border: 1px solid #151515;color: #151515; }
.num_poa{ margin-top: 18px;
    font-size: 10px;
    color: #000; }
#myModal6 .pag-popup  .pagination{ margin: 9px 0 5px 0; }






.pao-popup{ font-family: 'Open Sans', sans-serif; }
.pao-emp-details table tr th{ font-size: 12px;}
.table_aud{ display: none; }
.gph_1{  display: none; }
.sub_heading{ font-size: 11px;color: #B6B6B6; font-weight: 400;    line-height: 16px; }
.sub_heading span{color: #5E5E5E;font-weight: 600;}
.pao-emp-details table tr th{ border-left: 0;}
.dot_poa{  width: 11px; height: 11px; background: #e7e7e7; display: inline-block; border-radius: 20px; }
.dot_poa.green{ background: #62D9A1; }
.dot_poa.red{ background: #FF6565; }
.pao-emp-details table.ac_scr td, .pao-emp-details table.ac_scr th{  text-align: left;}
.pao-emp-details table.ac_scr td:nth-child(3){ text-align: center; background: #F7F7F7; }
.pao-emp-details table.ac_scr th:nth-child(3){ text-align: center;  }
.pao-emp-details table.ac_scr th i{ font-size: 10px; display: block; font-style: normal;}
.pao-emp-details table.ac_scr tr th:first-child{ padding-left: 15px; }
.pao-emp-details table.ac_scr .no_run td{ opacity: 0.5;  }
.pao-emp-details table.ac_scr tr th:last-child{ padding-left: 20px; }
.view_more{ margin: 24px auto 35px;
    display: table;}
.view_more a{ font-size: 10px; border: 1px solid #005BAF; color: #005BAF; padding: 6px 16px; font-weight: 500; text-transform: uppercase; border-radius: 4px; }
.pao-popup#myModal7 .modal-body{padding: 15px 20px 25px 20px;}
.view_more a:hover{ background: #005BAF; color: #fff; }
.info_box{ display: inline-block;
    background: #FFF0B1;
    font-size: 12px;
    font-weight: 400;
    padding: 6px 10px;
    color: #020202;
    border-radius: 2px; }
.pao-popup .gray{  color: #272727; font-weight: 400; }
.info_time{ font-size:12px; color: #959595; font-weight: 400;    margin: 1px 0 18px 10px; }
.info_time span{  font-weight: 600;}
.info_box_right{ float: right; display: flex;}
.info_top1{ font-size: 11px; color: #959595; font-weight: 400; line-height: 14px; text-align: right;}
.info_top1 span{font-size: 14px; font-weight: 600;display: block;}
.info_top2{ font-size: 11px; color: #959595; padding: 0 10px;line-height: 30px;}
.info_top3{ font-size: 30px; color: #005BAF; font-weight: 400;position: relative;
    top: -5px; }
.info_top3 span{ font-size: 10px; font-weight: 600; }
.pao-popup .pop-table.table_right th, .pao-popup .pop-table.table_right td{ text-align: right; padding-right: 20px;}
.pao-popup .pop-table.table_right td:last-child{ text-align: right; background: #EAFCFD; }
.pao-popup .pop-table.table_right th:first-child, .pao-popup .pop-table.table_right td:first-child{ text-align: left;}
.pao-popup .view_more{ margin-top: 26px;
    display: table;
    margin-bottom: 5px;}
.pao-popup .view_more a{  font-size: 12px; border: 1px solid #ACACAC; border-radius: 1px;  padding: 7px 16px; color:#616161  }
.pao-popup .view_more a:hover{ color: #fff; border: 1px solid #616161; }
.pao-popup .view_more a:hover svg path{ fill:#fff;  }
.pao-popup .view_more a img{ margin-right: 6px; }
.pao-popup.poa_art .dropbox-right .chosen-container {
    width: 150px !important;
}
.pop-table.ac_scr{ width: 98%;margin: 0 auto;}
.pop-table.ac_scr td:nth-child(3){background: #EAFCFD; }
.pop-table.ac_scr td, .pop-table.ac_scr th{ text-align: center;}
.pop-table.ac_scr td:first-child, .pop-table.ac_scr th:first-child{  text-align: left;}
.pop-table.ac_scr{ margin-bottom: 20px; }
.pop-table.ac_scr th i {
    font-size: 11px;
    display: block;
    font-style: normal;
}
.pop-table.ac_scr .no_run td {
    opacity: 0.5;
}
.pop-table.ac_scr td a{
    padding: 2px 6px; }

.art_2 .all-chq{ margin-top: 7px; }
.art_2 .info_top1{     text-align: left;
    padding: 2px 0 0 11px;}
.pao-popup.art_2 .dropbox-right{ vertical-align: top; }
.scroll_div{ height: 50vh; overflow: hidden;overflow-y: scroll; }
.pao-card .pao-box-head h3.ar_sc span{ color: #9F9F9F; margin: 0 3px; }
.scroll_div th{ position: relative; z-index: 9;     box-shadow: 0px 0px 6px #e7e7e7;  }
.contentmain.poa_top {
    padding: 15px;
    background: #f7f7f7;
}
.pao-search-block .dropbox-right.left1{ margin-right: 10px; }
.pao-emp-details table tr td.child_art{background: #fffcf2; padding: 0;}
.pao-emp-details table tr td.child_art table{ background: #fffcf2; }
.pao-emp-details table tr td.child_art table tr td{ background: #fffcf2; }
.tooltip-inner,.popover{  background: #fff;
    font-size: 12px;
    color: #2853b3;
    white-space: normal;
    width: 180px;
    line-height: 14px;
    overflow-wrap: break-word;
    border: 1px solid #cdcdcd;
    padding: 2px;
    border-radius: 3px;  } 

li.txt_right {
    text-align: right !important;
    display: block;
}
.paoTablev2 .paoTablev2Body li i {
    min-width: 31px;
    display: inline-block;
}

.paoTablev2Body li .popover.top{ margin-left: -65px;  }
.paoTablev2Body li .popover.top>.arrow {
    left: 87% !important;
}
.paoTablev2Body li .popover.left {
    margin-left: 4px;
}
.chosen-container .chosen-drop{ min-width: 120px; right: 0; margin: 0; border-top:1px solid #AAA;  }
.pao-search-block .chosen-container .chosen-drop{ right: auto; left: 0;  }

/*-- tooltiop for table text below 1366 --*/
/*@media screen and (min-width: 1400px) {
.paoTablev2 .paoTablev2Body li:first-child {
    text-overflow: ellipsis;
    overflow: hidden;
}
}*/
.rbi-data-row {
    display: flex;
}

.char-box-rbi {
    min-width: 472px;
}

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

.up-ddt {
    font-size: 14px;
    color: #868686;
    font-weight: 600;
}

.flter-rbi select {
    margin-right: 5px;
}

.flter-rbi select,
.flter-rbi input {
    width: 145PX;
    height: 31px;
    padding: 8px 12px;
    border-radius: 3px;
    border: 1px solid #e0e0e0;
    font-size: 12px;
    color: #9C9C9C;
}

.main-chart-box-rbi {
    width: 100%;
}

.flter-rbi {
    display: flex;
}

.rbi-data-row {
    padding: 15px 0px 0 0;
}

.tb-header {
    margin: 0px;
    padding: 20px 10px;
    background: #1b364d;
    font-size: 14px;
    border-radius: 4px 4px 0 0;
}

.tb-header span {
    color: rgba(255, 255, 255, 0.77);
    font-size: 13px;
    font-weight: 400;
    margin-left: 5px;
}

.tb-header h4 {
    font-weight: 600;
    margin: 0px;
    font-size: 14px;
    color: rgba(255, 255, 255);
}

.tb-wrapper-rbi table {
    width: 100%;
}

.tb-wrapper-rbi table th,
.tb-wrapper-rbi table td {
    padding: 8px 12px;
    font-size: 12px;
}

.tb-wrapper-rbi table th {
    padding: 10px;
    color: #1b364d;
    font-weight: 600;
}

.main-chart-box-rbi {
    margin-left: 15px;
    overflow: hidden;
    padding: 20px 15px;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.14901960784313725);
    border-radius: 10px;
    background: #fff;
}

.table-box-rbi {
    background: #fff;
}

#revenue-chart-1 img {
    width: 1007px;
    max-height: 189px;
    display: flex;
}

.main-chart-box-rbi h4 {
    margin: 0px;
    padding: 15px 0;
    font-weight: 600;
    margin: 0px;
    margin-bottom: 12px;
    font-size: 14px;
    color: #1b364d;
}

.main-chart-box-rbi h4 span {
    color: #727272;
    font-size: 12px;
    font-weight: 400;
    margin-left: 5px;
}

.chart-lable ul {
    float: right;
    margin: 0px;
    padding: 0px;
}

.chart-lable ul li {
    display: inline-block;
    margin-right: 10px;
    font-size: 12px;
    font-weight: 500;
    color: #888888;
}

.chart-lable ul li span {
    width: 15px;
    height: 15px;
    background: grey;
    border-radius: 60%;
    display: inline-block;
    position: relative;
    top: 2px;
    margin-right: 2px;
}

#revenue-chart-1 {
    overflow: hidden;
    height: 186px;
    width: 100%;
    overflow-x: hidden;
    overflow-y: hidden;
}

.usr_main_div,
.rbi-data-row {
    padding-left: 10px;
    padding-right: 10px;
}

.rbi-data-row {
    padding-left: 10px;
    padding-right: 10px;
}

.page-title {
    margin-top: 10px;
}

.usr_main_div {
    padding-top: 10px;
}

.page-title.v2 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 5px;
}

.page-title.v2 .page-title-left {
    display: flex;
    align-items: center;
}

.dashboard-box-wrap {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
}

.dashboard-box {
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.14901960784313725);
    position: relative;
    border-radius: 4px;
    width: 24%;
    background: #fff;
    margin-right: 5px;
}

.dashboard-box:hover {
    box-shadow: 0 2px 13px rgba(0, 0, 0, 0.15);
}

.dashboard-box-head {
    border-bottom: 1px solid #e0e0e0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 10px;
    font-size: 15px;
    flex-wrap: wrap;
    font-weight: 600;
}

.dashboard-box-head b {
    font-weight: 600;
}

.dashboard-box-head .graph-arw {
    margin-left: auto;
    margin-right: 0;
}

.dashboard-box-head .graph-arw img {
    width: 17px;
    margin-left: 2px;
}

.dashboard-box-head span:nth-child(2) {
    text-align: right !important;
}

.dashboard-box-head span b {
    vertical-align: middle;
}

.dashboard-box-table {
    display: block;
    overflow: auto;
}

.dashboard-box-table ul {
    margin: 0px;
}

.dashboard-box-table ul li {
    display: block;
    list-style: none;
    border-top: 1px solid #ECECEC;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 12px;
}

.dashboard-box-table ul li .bills-desc {
    display: inline-block;
    padding: 5px 13px;
    width: 168px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.radio-li input {
    margin: 0px;
    margin-right: 2px;
}

.radio-li {
    font-size: 10px !important;
    font-weight: 400;
}

.radio-li label {
    margin: 0px;
    line-height: initial;
}

.dashboard-box-table ul li.radio-li:hover {
    background: #fff;
    color: #1b364d;
    text-decoration: none;
}

.radio-li div:first-child {
    padding: 7px 0px 5px 9px;
    display: flex;
    align-items: center;
}

.radio-li div:last-child {
    padding: 7px 12px 5px 0px;
    align-items: center;
    display: flex;
}

.dashboard-box-table ul li .bills-amount {
    display: inline-block;
    padding: 5px 13px;
    width: 30%;
    text-align: right;
    padding-left: 0px;
}

.dashboard-box-table ul li span:last-child {
    border-right: none;
}

.dashboard-box-table::-webkit-scrollbar {
    width: 5px;
}

.dashboard-box-table::-webkit-scrollbar-track {
    background: #e2e2e2;
}

.dashboard-box-table::-webkit-scrollbar-thumb,
.smry-dv::-webkit-scrollbar-thumb {
    background: rgb(194, 194, 194);
    border-radius: 10px;
}

.tb-wp-rbi-scroll::-webkit-scrollbar-thumb,
.smry-dv::-webkit-scrollbar-thumb {
    background: #c4c4c4;
    border-radius: 10px;
}

.tb-wp-rbi-scroll::-webkit-scrollbar,
.smry-dv::-webkit-scrollbar {
    width: 8px;
}

.tb-wp-rbi-scroll::-webkit-scrollbar-track,
.smry-dv::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.dashboard-box-table ul li span .list-color {
    width: 10px;
    height: 10px;
    background: rgb(70, 205, 147);
    display: inline-table;
    margin-right: 5px;
    display: none;
    border-radius: 60%;
}

.blue-color {
    color: #005baf !important;
}

.green-color {
    color: #46CD93 !important;
}

.yellow-color {
    color: #FFBF4F !important;
}

.p-0 {
    padding: 0px !important;
}

.bold {
    font-weight: bold;
}

.coming-soon-box {
    text-align: center;
    position: absolute;
    font-size: 16px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-weight: 600;
    color: #eea514;
}

.coming-soon-box img {
    display: block;
    margin: 0 auto;
    width: 50px;
}

.bills-data-box {
    border-radius: 5px;
    border: 1px solid #DEDEDE;
    margin-top: 12px;
    padding: 10px 15px;
    display: flex;
    background: #f4f6f8;
    justify-content: space-between;
    align-items: center;
}

.bills-data-box h2 {
    font-size: 14px;
    font-weight: bold;
    margin: 0 10px 0 0;
    color: #868686;
}

.bills-data-box .form-control {
    height: 30px !important;
    ;
    border-radius: 3px !important;
}

.bills-data-box .bills-data-left {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.bills-data-box .bills-data-left select {
    width: 78px;
    margin: auto 10px auto auto;
}

.bills-data-box .bills-data-right {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.dash-search-block {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.dash-search-block .form-group {
    display: flex;
    margin-bottom: 10px;
}

.dash-search-block .form-group button {
    margin-left: -4px;
    border-radius: 4px;
    padding: 4px 12px;
}

.dash-search-block .form-control {
    height: 35px !important;
    width: 145px;
    font-size: 12px;
    padding-left: 10px;
    border-radius: 3px !important;
    box-shadow: none;
}

.dash-search-block button.btn {
    border-radius: 0 2px 2px 0;
    background: #00ae46;
    border-color: #00ae46;
    color: #fff;
}

.dash-search-block .dropbox-right {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

.consolidated-box {
    /* border: 1px solid #e0e0e0; */
    padding: 20px 15px;
    background: #fff;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.14901960784313725);
    border-radius: 10px;
}

.consolidated-box h3 {
    font-size: 14px;
    font-weight: 600;
    color: #1b364d;
    margin: 0px 0px 10px;
}

.consolidated-box .head-line {
    height: 2px;
    width: 30px;
    background: #b6b6b6;
    display: block;
}

.consolidated-box .month-revenue {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 0px;
    margin-bottom: 20px;
}

.consolidated-box .month-revenue h2 {
    color: #868686;
    display: block;
    margin: 0px;
    font-size: 20px;
    font-weight: bold;
}

.consolidated-box .month-revenue span {
    font-size: 12px;
}

.consolidated-box .small-chart-main {
    overflow: hidden;
    height: 120px;
    display: block;
    min-height: 137px;
}

.bt-wp img {
    margin-right: 5px;
    height: 20px;

}

.dashboard-box-table ul li {
    transition: 0.5s;
}

.dashboard-box-table ul li:hover {
    background: #e7f0f8;
    transition: 0.5s;
    cursor: pointer;
    color: #2c6bff;
    text-decoration: underline;
}

.modallll-top {
    display: flex;
    justify-content: left;
    align-items: center;
}

.main-tb-ani {
    display: block;
    margin-top: 15px;
}

.right-side-tb-data {
    min-width: 281PX;
    background: #fff;
    margin-left: 10px;
    border: 1px solid #ddd;
    transition: 0.5s cubic-bezier(.19, 1, .22, 1);
    position: absolute;
    right: -281px;
    top: -47px;
}

.smry-dv table th {
    padding: 12px 12px;
    color: #1B364D;
    font-weight: 600;
}

.smry-dv table {
    width: 100%;
}

.sticky-tr td,
.sticky-tr th,
.sticky-tr th.sort-th,
.sticky-tr td.sort-th {
    position: sticky;
    top: 0px;
}

.smry-dv table th,
.smry-dv table td {
    padding: 6px 12px;
    font-size: 13px;
}

.mry-dv table th {
    padding: 12px 12px;
    color: #1B364D;
    font-weight: 600;
}

.right-side-tb-data .month-revenue {
    display: flex;
    justify-content: space-between;
    padding: 15px;
    background: #1b364d;
}

.right-side-tb-data .month-revenue h2 {
    font-weight: 700;
    color: #f0f7ff;
    font-size: 20px;
    margin: 0;
}

.right-side-tb-data .month-revenue h2 small {
    color: #f0f7ff;
}

.tb-wp-rbi-scroll,
.main-tb-ani {
    overflow: auto;
}

.tb-wp-rbi-scroll .table-bordered {
    margin-bottom: 0px;
}

.main-tb-ani {
    min-width: 350PX;
}

.tb-wp-rbi-scroll {
    width: 100%;
    position: relative;
    border: 1px solid #ddd;
    height: 530px;
}

.tb-wp-rbi-scroll .table-bordered {
    border: none;
}

.right-side-tb-data .month-revenue {
    position: absolute;
    top: 0px;
    left: 0;
    width: 100%;
}

.smry-dv {
    padding-top: 72px;
    padding-bottom: 64px;
    overflow: auto;
    height: 618px;
}

.right-side-tb-data .btn-group {
    position: absolute;
    bottom: 0;
    padding: 15px;
    text-align: center;
    width: 100%;
    border-top: 1px solid #ddd;
    background: #f7f7f7;
}

th.sort-th,
td.sort-th {
    position: relative;
    padding-right: 27px !important;
    cursor: pointer;
    background: #f0f7ff !important;
}

td.sort-th.active::after,
th.sort-th.active::after {
    opacity: 1;
}

th.sort-th::after,
td.sort-th::after {
    position: absolute;
    right: 8px;
    content: '';
    width: 10px;
    height: 20px;
    background: url(../images/dashboard/sort-arrows-couple-pointing-up-and-down.svg) no-repeat center;
    display: block;
    top: 50%;
    background-position: center center;
    background-size: 12px;
    opacity: 0.4;
    transform: translateY(-50%);
}

.right-side-tb-data .btn-group>.btn {
    float: none;
}

.cstm-header {
    display: flex;
    background: #1b364d;
    align-items: center;
    color: #fff;
    padding: 14px 17px;
    justify-content: space-between;
}

.cstm-header .close {
    opacity: 1;
    color: #fff;
    text-shadow: none;
}

.dropbox-right .chosen-container {
    width: 160px !important;
    margin-left: 10px;
}

.dropbox-right .chosen-container-single .chosen-single {
    height: 30px;
    line-height: 28px;
    font-size: 12px;
    background: #fff;
    border-color: #ddd;
}

.dropbox-right .chosen-container-single .chosen-search input[type="text"] {
    display: none;
}

.bills-data-box .chosen-container {
    width: 100px !important;
    margin-right: 10px;
}

.bills-data-box .chosen-container-single .chosen-single {
    height: 30px;
    font-size: 12px;
    border-color: #ddd;
    line-height: 28px;
}

.modallll-top .btn-group .btn,
.right-side-tb-data .btn {
    font-size: 12px;
    line-height: 18px;
}

.bills-data-box .chosen-container-single .chosen-search input[type="text"] {
    display: none;
}

.top-data-ff .chosen-container {
    width: 135px !important;
    margin-right: 10px;
}

.top-data-ff .chosen-container-single .chosen-single {
    height: 30px;
    line-height: 28px;
    background: #fff;
    border-color: #ddd;
    font-size: 12px;
}

.usr_main_div .chosen-container-single .chosen-single div b,
.rbi-data-row .chosen-container-single .chosen-single div b {
    background: url(https://cdnjs.cloudflare.com/ajax/libs/chosen/1.8.7/chosen-sprite.png) no-repeat 0px 5px;
}

.top-data-ff .chosen-container-single .chosen-search input[type="text"] {
    display: none;
}

.cstm-modal.modal-lg {
    width: 1024px;
}

.cstm-modal select {
    margin-left: 10px;
    padding: 5px 7px;
    border-radius: 3px;
    border-color: #e0e0e0;
    font-size: 13px;
}

.dto-modal.cstm-modal.modal-lg {
    width: 1100px;
}

.modal-header.cstm-header h4 {
    font-weight: 600;
    font-size: 16px;
}

.main-tb-ani {
    position: relative;
    overflow-x: hidden;
}

.main-tb-ani.menuitemshow-r {
    padding-right: 294px;
    transition: 0.5s cubic-bezier(.19, 1, .22, 1);
    overflow: visible;
}

.main-tb-ani {
    transition: 0.5s cubic-bezier(.19, 1, .22, 1);
}

.main-tb-ani.menuitemshow-r .right-side-tb-data {
    right: 0px;
    transition: 0.5s cubic-bezier(.19, 1, .22, 1);
}

.tb-wp-rbi-scroll table thead td {
    padding: 12px 5px;
    font-size: 12px;
    background: #f0f7ff;
    color: #1B364D;
    vertical-align: middle;
}

.tb-wp-rbi-scroll table tbody td {
    padding: 8px 5px;
    font-size: 12px;
    vertical-align: middle;
}

.tb-wp-rbi-scroll table td input[type=checkbox] {
    width: 18px !important;
    outline: none;
    margin: 0;
    height: 18px;
    display: block;
    margin: 0 auto;
}

.right-side-tb-data .month-revenue span {
    font-size: 12px;
    font-weight: 500;
    color: #f0f7ff;
}

.bt-wp .btn {
    font-size: 13px;
    line-height: 24px;
    background: #00944D;
    border: 1px solid #048009;
    box-shadow: 0 0 5px rgba(24, 59, 92, 0.24) inset;
}

.smry-dv table tbody th {
    padding: 8px 5px;
    font-size: 12px;
    vertical-align: middle;
    font-weight: 700;
    background: #f0f7ff;
}

.smry-dv table thead td {
    padding: 12px 5px;
    font-size: 12px;
    background: #f0f7ff;
    vertical-align: middle;
}

.loder-tb {
    position: absolute;
    top: 0px;
    right: 0px;
    height: 100%;
    width: 100%;
    display: none;
    z-index: 11;
    background: rgba(255, 255, 255, 0.84);
    background-image: url(../images/dashboard/gears.gif);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 80px;
}

.bt-wp .btn-group .btn:focus,
.bt-wp .btn-group .btn.active {
    outline: none;
    background: #1b364d;
    border-color: #1b364d;
}

.dashboard-box .loder-tb {
    background: rgba(255, 255, 255, 0.84);
    background-image: url(../images/dashboard/gears.gif);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 60px;
}

.lasan.cstm-modal.modal-lg {
    width: 1318px;
}

.left-ul-navigation li.f-btn a span {
    vertical-align: middle;
    margin-top: -2px;
    display: inline-block;
    margin-left: 6px;
}

.searchbar-f-d {
    position: relative;
    width: 100%;
    min-width: 100%;
    margin-top: 6px;
}

.searchbar-f-d input {
    width: 100%;
    border: 1px solid #d2d2d2;
    height: 28px;
    font-size: 12px;
    line-height: 28px;
    color: #888888;
    background: url(../images/dashboard/search.svg) no-repeat;
    background-position: 97% 7px;
    padding: 0 8px;
    font-weight: 400;
    border-radius: 2px;
    background-size: 12px;
}

.searchbar-f-d input:focus {
    background: none;
}

.searchbar-f-d .fa {
    position: absolute;
    right: 9px;
    color: #e22d2d;
    display: none;
    top: 7px;
    opacity: 1;
    font-size: 12px;
}

.searchbar-f-d.active .fa {
    display: block;
}

.usr_main_div .chosen-container-single .chosen-single {
    height: 30px;
    line-height: 28px;
    font-size: 12px;
    background: #fff;
    border-color: #dbdbdb;
    box-shadow: none;
    border-radius: 3px;
    font-weight: 500;
    color: #50596a;
}

.top-box-hdr {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 25px;
}

.consolidated-box .top-box-hdr h3 {
    margin-bottom: 0px;
}

.consolidated-box .top-box-hdr .right-sect {
    min-width: 120px;
}

.mb-15 {
    margin-bottom: 15px;
}

.bank-status-ul li {
    display: flex;
    align-items: center;
    padding: 10px 18px;
    border-bottom: 1px solid #e4e4e4;
}

.bank-status-ul li:last-child {
    border-bottom: none;
    padding-bottom: 0px;
}

.bank-status-ul li:first-child {
    border-top: 1px solid #e4e4e4;
    margin-top: 10px;
}

.bank-status-ul li p,
.bank-status-ul li h4 {
    margin: 0px;
}

.bank-status-ul li img {
    margin-right: 14px;
}

.bank-status-ul li p {
    font-size: 11px;
    margin-bottom: 1px;
    text-transform: uppercase;
    color: #7b7b7b;
}

.bank-status-ul li h4 {
    font-size: 16px;
    font-weight: 700;
    color: #6E6E6E;
}

.bnk-status {
    padding: 12px 0;
    padding-bottom: 18px;
}

.pos-rbi .bank-status-ul li h4 {
    font-weight: 600;
    font-size: 15px;
}

.pos-rbi .bank-status-ul li p {
    font-size: 14px;
    margin-bottom: 0px;
    margin-top: 4px;
}

.b-w-300 {
    max-width: 250px;
    margin-left: 15px;
}

.main-chart-box-rbi h3 {
    font-size: 14px;
    font-weight: bold;
    color: #1b364d;
    margin: 0px 0px 10px;
}

.main-chart-box-rbi .head-line {
    height: 2px;
    width: 30px;
    background: #b6b6b6;
    display: block;
}

.graph-arw {
    margin-left: auto;
}

.graph-arw span {
    color: #707070;
    font-weight: 500;
    font-size: 14px;
}

.graph-arw img {
    width: 20px;
    margin-left: 2px;
    margin-right: 3px !important;
}

.last-updt {
    font-size: 14px;
    font-weight: 500;
    margin-right: auto;
    color: #868686;
    margin-bottom: 9px;
    margin-left: 19px;
}

.last-updt .fa {
    color: #999999;
}

.last-updt .fa-clock-o {
    font-size: 16px;
    position: relative;
    top: 1px;
}

.last-updt .fa-calendar {
    font-size: 14px;
    margin-left: 8px;
}

.up-small-list {
    width: 8px;
    margin-left: 4px;
}

.breadcrumbs-tb {
    background: #c2c2c240;
    padding: 8px 17px;
    border-radius: 2px;
    display: inline-block;
    font-size: 13px;
    font-weight: 600;
    color: #1B364D;
}

.min-max-flttr {
    padding: 0 0 0 14px;
    margin-left: 50px;
}

.min-max-flttr span {
    font-size: 13px;
    font-weight: 500;
    color: #1b364d;
    margin-right: 6px;
}

.min-max-flttr .popover-content {
    font-size: 11px;
    color: #737373;
}

.min-max-flttr input {
    height: 32px;
    border-radius: 3px;
    font-size: 12px;
    padding: 10px 12px;
    display: inline-block;
    width: 140px;
}

.top-action-thead {
    background: #1b364d;
    color: #fff;
    display: flex;
    justify-content: space-between;
    font-size: 13px;
}

.panel-default>.panel-heading {
    color: #333;
    background-color: #ebebeb;
    border-color: transparent;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 13px;
    padding: 0px;
    font-weight: 600;
}

.fst-1 {
    width: 60%;
}

.panel-heading.collapsed .fa-chevron-down {
    transform: rotate(0deg);
}

.panel-heading .fa-chevron-down {
    transform: rotate(-90deg);
    transition: 0.5s;
}

.fst-3,
.fst-2 {
    width: 20%;
}

.fst-2 {
    text-align: center;
}

.fst-3 {
    text-align: right;
}

.fst-1,
.fst-2,
.fst-3 {
    padding: 10px;
}

.trigr-ac {
    padding: 10px 15px;
    opacity: 0.6;
}

.panel-group .panel {
    border-radius: 0px;
}

.total-badge {
    display: flex;
    align-items: center;
}

.total-badge:nth-child(1) {
    margin-left: auto;
    margin-right: 40px;
}

.total-badge span {
    font-size: 14px;
    font-weight: 500;
    color: #1B364D;
}

.top-header-f {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    justify-content: space-between;
}

.total-badge h4 {
    color: #1B364D;
    margin: 0;
    font-weight: 700;
    font-size: 18px;
    margin-left: 5px;
}

.breadcrumbs-tb .fa-home {
    margin-right: 4px;
    color: #00944D;
    font-size: 15px;
}

.breadcrumbs-tb .fa-chevron-right {
    font-size: 9px;
    margin: 0 8px;
    position: relative;
    top: -1px;
}

.modallll-top ::-webkit-input-placeholder {
    /* Edge */
    opacity: 1;
    font-weight: 500;
    color: #50596a;
}

.modallll-top ::-ms-input-placeholder {
    /* Internet Explorer */
    opacity: 1;
    font-weight: 500;
    color: #50596a;
}

.modallll-top ::placeholder {
    opacity: 1;
    font-weight: 500;
    color: #50596a;
}


/* ========================
       DTO Dashboard
===========================*/
.bills-nd-amount {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    padding: 20px;
    color: #4A596A;
}

.tabs-top-dto {
    padding: 0 0.5%;
    margin-bottom: 20px;
}

.tabs-top-dto .nav-tabs>li>a {
    font-size: 14px;
    text-transform: uppercase;
    padding: 13px 15px;
    padding-top: 0px;
    font-weight: 600;
    color: #4A596A;
}

.tabs-top-dto .nav li {
    border-bottom: 1px solid #E3E3E3;
}

.tabs-top-dto .dropbox-right {
    float: right;
    position: relative;
    top: 0px;
}

.tabs-top-dto .last-updt {
    float: right;
    position: relative;
    top: 5px;
    font-size: 13px;
    margin: 0;
    margin-right: 15px;
}

.dto-dash .chosen-container .chosen-drop {
    border-color: #dbdbdb;
}

.tabs-top-dto .nav li.active-result {
    border-bottom: none;
}

.tabs-top-dto .nav-tabs>li.active>a,
.tabs-top-dto .nav-tabs>li.active>a:focus,
.tabs-top-dto .nav-tabs>li.active>a:hover {
    color: #005BAF;
    cursor: default;
    background-color: transparent;
    border: 1px solid transparent;
    border-bottom-color: transparent;
}

.tabs-top-dto .nav-tabs>li.active::after {
    width: 100%;
    height: 2px;
    background: #EEA514;
    content: '';
    display: block;
    position: absolute;
    bottom: 0px;
}

.nav-tabs>li>a:hover {
    color: #4A596A;
    background: transparent;
    border-color: transparent;
}

.bills-nd-amount h2 {
    font-size: 20px;
    margin: 0px;
    font-weight: 700;
    color: #4A596A;
}

.dto-dash .last-updt {
    margin-left: 0px;
    display: none;
}

.bills-nd-amount small {
    color: #7A7A7A !important;
    font-size: 12px !important;
    text-transform: uppercase;
    font-weight: 400 !important;
    margin-bottom: 5px;
    display: block;
}

.dto-dash .dashboard-box-head {
    padding: 15px 20px;
    font-size: 15px;
    text-transform: uppercase;
}

.dto-dash .dashboard-box {
    width: 32.3%;
    max-width: 32.3%;
    margin-right: 0.5%;
    margin-left: 0.5%;
    margin-bottom: 10px;
    cursor: pointer;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.06);
}

.dto-dash .bnk-status {
    padding-bottom: 0px
}

.dto-dash .dashboard-box-wrap {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    flex-wrap: wrap;
}

.lbs h2 span {
    font-size: 60%;
}

.line-sm {
    width: 30px;
    height: 1px;
    background: #d6d6d6;
    position: relative;
    top: -10px;
}

.sto-code {
    color: #979797;
    transition: 0.5s;
    padding: 9px 10px 9px 16px;
}

.sto-code img {
    transition: 0.5s;
}

.sto-code.active img {
    transform: rotate(-90deg);
    transition: 0.5s;
}

.bills-bottom-type li:hover {
    background: rgba(255, 207, 129, 0.30196078431372547);
    transition: 0.4s;
}

.bills-nd-amount:hover h2 {
    color: #24a1fe;
    transition: 0.4s;
}

.bills-nd-amount:hover small {
    color: #24a1fe !important;
    transition: 0.4s;
}

.bills-nd-amount:hover .line-sm {
    background: #ff6926;
    transition: 0.4s;
}

.bills-nd-amount .line-sm,
.bills-nd-amount h2,
.bills-bottom-type li,
.sto-code img .bills-nd-amount small {
    transition: 0.4s;
}

.header-tb-ul li:hover {
    background: rgb(30, 56, 81);
    transition: 0.4s;
    color: #fff;
    border-color: transparent;
}

.header-tb-ul li:hover a {
    color: #fff !important;
}

.script-details dd {
    background: #fffaf1;
    display: none;
}

.dto-dash .dashboard-box-head .sto-code img {
    width: 16px;
}

.bill-type-span {
    margin-left: 10px;
    margin-right: auto;
}

.dto-dash .dashboard-box-head img {
    width: 40px;
    ;
}

.dto-dash .dash-search-block {
    padding: 0 0.5%;
}

.dto-dash .consolidated-box h3 {
    color: #005baf;
    text-transform: uppercase;
}

.dto-dash .consolidated-box h3 span {
    display: block;
    font-size: 12px;
    font-weight: 400;
    color: #7A7A7A;
    margin-top: 5px;
}

.table-script {
    width: 100%;
    margin: 0px;
}

.header-tb-ul {
    margin-top: 10px;
    overflow: auto;
    height: 80vh;
}

.header-tb-ul li {
    font-size: 13px;
    font-family: 'Open Sans';
    font-weight: 400;
    padding-left: 15px;
    padding-right: 0;
    font-size: 13px;
    color: #7A7A7A;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #EFEFEF;
    justify-content: space-between;
}

.header-tb-ul .header-scpt {
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
    position: sticky;
    top: 0;
    color: #4A596A;
    background: #fff1d9;
}

.header-tb-ul .header-scpt:hover {
    color: #4A596A;
    background: #fff1d9;
}

.header-tb-ul li a {
    color: #005baf;
    font-weight: 500;
    display: block;
    padding: 10px 0;
}

.script-details .header-tb-ul li a {
    width: 100%;
    color: #7A7A7A;
    padding: 12px 10px;
}


.script-details .header-tb-ul li i {
    display: inline-block;
    margin-right: 6px;
    color: #ffb433;
}

.modallll-top .chosen-container-single .chosen-single {
    height: 33px;
    line-height: 31px;
    font-size: 12px;
    background: #fff;
    border-color: #dbdbdb;
    box-shadow: none;
    width: 200px;
    border-radius: 3px;
    font-weight: 500;
    color: #50596a;
}

.modallll-top .chosen-container-single .chosen-single div b {
    background-position: 1px 6px;
}

.header-tb-ul li.header-scpt span {
    padding: 15px 10px;
}

.bills-bottom-type {
    display: none;
}

.bills-bottom-type li.head-big {
    list-style: none;
    display: flex;
    justify-content: space-between;
    padding: 10px 20px;
    color: #4A596A;
    background: #E4F2FF;
    font-weight: 600;
    font-size: 14px;
}

.nbr-bill {
    color: #005baf;
}

.bills-bottom-type li {
    list-style: none;
    display: flex;
    justify-content: space-between;
    padding: 8px 20px;
    color: #7A7A7A;
    font-weight: 500;
    border-bottom: 1px solid #F2F2F2;
    font-size: 13px;
}

.header-tb-ul li span {
    padding: 11px 11px;
}

.dto-dash .consolidated-box {
    border-radius: 4px;
}

.header-tb-ul li span:nth-child(1) {
    width: 100%;
    cursor: pointer;
    max-width: 100%;
}

.header-tb-ul li span:nth-child(2) {
    width: 120px;
    text-align: center;
    max-width: 120px;
    padding: 0;
}

.header-tb-ul li span:nth-child(2) img {
    width: 13px;
}

.right-map-sto-header h4::after {
    width: 35px;
    height: 3px;
    background: #ff6926;
    content: '';
    display: block;
    margin-top: 10px;
}

.header-tb-ul li span:nth-child(3) {
    border-left: 1px solid #f3f3f3;
    width: 228px;
    max-width: 193px;
    text-align: center;
    display: flex;
    align-items: center;
    padding-left: 0;
    padding-right: 0px;
    justify-content: center;
}

.header-tb-ul li span i {
    width: 10px;
    height: 10px;
    display: block;
    margin: 0 auto;
    border-radius: 15px;
}

.header-tb-ul li span i.grn {
    background: #61CD8C;
    margin-right: 15px;
}

.header-tb-ul li span i.dngr {
    background: #FF6565;
}

.dto-dash .overall-dara-dto {
    padding: 0 0.5%;
    margin-bottom: 15px;
}

.inner-box-dto {
    background: #ffff;
    border-radius: 4px;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.06);
    padding: 20px;
    display: flex;
    justify-content: space-between;
}

.indicator-sto {
    display: flex;
    align-items: center;
    margin-top: 15px;
    justify-content: flex-end;
}

.indicator-sto div i {
    width: 10px;
    height: 10px;
    border-radius: 60%;
    display: block;
    background: red;
    margin-right: 7px;
}

.indicator-sto div {
    margin-right: 15px;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 500;
    display: flex;
    color: #979797;
    align-items: center;
}


.lisst-cd {
    display: flex;
    margin-bottom: 35px;
}

.lisst-cd:last-child {
    margin-bottom: 0px;
}

.inner-box-dto h4 {
    color: #005baf;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
}

.div-data {
    min-width: 250px;
}

.inner-box-dto h4 span {
    display: block;
    font-size: 12px;
    font-weight: 400;
    color: #9C9C9C;
    margin-top: 5px;
}

.lisst-cd h3 {
    font-size: 20px;
    color: #4A596A;
    margin: 0px;
    font-weight: 700;
}

.bills-data-dto {
    margin-top: 35px;
}

.lisst-cd p {
    font-size: 12px;
    text-transform: uppercase;
    color: #7A7A7A;
    margin: 0px;
}

.lisst-cd img {
    margin-right: 10px;
}

.chart-sto-data {
    width: 100%;
}
.dto-search-block{
        margin-bottom: 15px;
        padding: 0px 5px;
        display: flex;
       justify-content: space-between;
    }
    .dto-search-block h4{
        font-size: 18px;
       color: #0060b9;
        margin:0px;
        position: relative;
    }
    .dto-search-block h4:after{
       height: 2px;
        width: 100%;
        background: #F5C741;
        position: absolute;
        left: 0;
        bottom: -8px;
        content: "";
    }
    .dto-search-block .chosen-container{
        width:140px!Important;
    }
    .dto-search-block .mr-left{
        display: flex;
       align-items: center;
        position:relative;
    }
    .dto-search-block .form-group{
        margin-bottom:0px;
    }
    .dto-search-block .form-group label{
        font-weight: 500;
    }
    .dto-search-block .mr-right{
        display: flex;
       align-items: center;
    }
    .dto-search-block .date-update{
        margin-left:10px;
        margin-right:10px;
        color: #7d7d7d;
        display: flex;
        align-items: center;
    }

    .dto-search-block .date-update .date-icon{
        margin-right:6px;
    }
.right-map-sto-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
}

.right-map-sto-header .chosen-container {
    width: 150px !important;
}

.header-tb-ul::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #F5F5F5;
}

.header-tb-ul::-webkit-scrollbar {
    width: 4px;
    background-color: rgb(243, 243, 243);
}

.header-tb-ul::-webkit-scrollbar-thumb {
    background-color: #bebebe;
}

.dto-dash select {
    margin-left: 10px;
    padding: 5px 7px;
    border-radius: 3px;
    border-color: #e0e0e0;
    font-size: 13px;
}

.chart-sto-data {
    width: calc(100% - 250px);
    max-width: calc(100% - 250px);
}

/* map */
.map-dis {
    position: fixed;
    width: 100%;
    height: 100%;
    display: flex;
    left: 0;
    top: 0;
    background: #ffffffe8;
}

#Telangana {
    user-select: none;
}

.st-path {
    stroke-dasharray: 1000;
    transition: stroke-dashoffset 1s linear;
    stroke-dashoffset: 1000;
    stroke: #ff5b5b;
    cursor: pointer;
}

text {
    cursor: pointer;
}

.level-1 {
    fill: #FEAC59;
}

.level-2 {
    fill: #FEB56B;
}

.level-3 {
    fill: #FEC890;
}

.level-4 {
    fill: #FFDAB5;
}

.level-5 {
    fill: #FFEDDA;
}

#state-boundary {
    stroke-dasharray: initial;
}

.st-path.active {
    stroke-dashoffset: 0 !important;
    stroke-width: 2;
    stroke: #ff5b5b;
    fill: #fff;
    transition: stroke-dashoffset 1s linear;
}

.toolss b {
    text-transform: uppercase;
    font-size: 12px;
    padding-bottom: 7px;
    display: block;
    margin-bottom: 10px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    color: #ffffff;
    letter-spacing: 2px;
}

.toolss span {
    display: block;
    font-size: 12px;
    color: rgb(255, 255, 255);
    font-weight: 400;
    position: relative;
    top: -4px;
}

.toolss p {
    font-size: 26px;
    margin: 0 0 10px;
    font-weight: 600;
    margin-bottom: 0px;
    color: rgb(255, 255, 255);
}

.toolss {
    position: absolute;
    border-radius: 6px;
    padding: 10px;
    background: rgba(17, 46, 72, 0.8392156862745098);
    transform: translate(-49%, -114%);
    box-shadow: 5px 11px 40px rgba(182, 182, 182, 0.49019607843137253);
    width: 200px;
    color: #fff;
    display: none;
}

.toolss img {
    width: 20px;
    margin-left: 5px;
}

.toolss:before {
    content: "\e252";
    position: absolute;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    top: 95%;
    left: 46%;
    color: #112e48;
    font-size: 18px;
}

.toolss .close-tools {
    float: right;
    width: 24px;
    padding: 7px;
    cursor: pointer;
    position: relative;
    top: -4px;
    left: 4px;
    margin: 0;
}

.map-dis .collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    transition: height .35s ease;
}

.map-dis .paoTablev2 {
    display: block;
    overflow-x: auto;
    width: 100%;
    height: 100vh;
}

.map-dis .paoTablev2 .paoTablev2Head {
    display: flex;
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 12px;
    vertical-align: middle;
    text-align: left;
    color: #005baf;
    background: #EEF6FF;
    border-top: 1px solid #CFE7FF !important;
    border-bottom: 1px solid #CFE7FF;
}

.map-dis .paoTablev2 .paoTablev2Head li {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
    width: 20%;
    list-style: none;
    text-align: right;
    padding: 10px 10px 10px 15px;
    white-space: nowrap;
}

.map-dis .paoTablev2 .paoTablev2Head li:first-child {
    width: 40%;
    text-align: left;
}

.map-dis .paoTablev2 .paoTablev2Body {
    color: #005baf;
}

.map-dis .paoTablev2 .paoTablev2BodyRow {
    display: flex;
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
}

.map-dis .paoTablev2 .paoTablev2Body li {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
    vertical-align: middle;
    color: #7B7B7B;
    font-size: 12px;
    border: 0;
    border-bottom: 1px solid #F2F2F2;
    text-align: right;
    padding: 10px 8px 10px 10px;
    background: #fff;
    font-weight: 500;
    width: 20%;
    white-space: nowrap;
}

.map-dis .paoTablev2 .pad0 .paoTablev2Head {
    border-bottom: 0;
}

.map-dis .paoTablev2 .pad0 .paoTablev2Head li {
    width: 50%;
    text-align: right;
}

.map-dis .paoTablev2 .paoTablev2Body li:nth-child(3) {
    text-align: right;
}

.map-dis .paoTablev2 .paoTablev2Body li:last-child {
    text-align: right;
}

.map-dis .paoTablev2 .paoTablev2Head li.vrt-mid {
    margin-top: 2%;
}

.map-dis .pao-table-view .paoTablev2 .paoTablev2Body li:nth-child(3),
.map-dis .pao-table-view .paoTablev2 .paoTablev2Body li:last-child {
    text-align: left;
}

.map-dis .paoTablev2 .paoTablev2BodyRow:hover li,
.map-dis .paoSubTableScroll .paoSubTable:hover li {
    background: #edfaff;
    color: #000;
}

.map-dis .paoTablev2 .paoTablev2Body li:first-child {
    width: 40%;
    text-align: left;
}

.map-dis .paoSubTableScroll {
    max-height: calc(100vh - 229px);
    overflow: auto;
}

.map-dis .paoSubTableScroll .paoSubTable {
    display: flex;
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
}

.map-dis .paoSubTableScroll .paoSubTable li {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
    border-bottom: 1px solid #F2F2F2;
    vertical-align: middle;
    color: #7B7B7B;
    font-size: 12px;
    border: 0;
    border-bottom: 1px solid #F2F2F2;
    padding: 13px 10px 13px 18px;
    font-weight: 500;
    background: #fffcf2;
}

.map-dis .paoSubTableScroll .paoSubTable li:first-child {
    padding-left: 30px;
}

.map-dis .paoSubTableScroll .paoSubTable li .dot-icon {
    width: 6px;
    height: 6px;
    background: #E5A21E;
    display: inline-block;
    vertical-align: inherit;
    border-radius: 11px;
    margin-right: 7px;
}

.map-dis .paoTablev2 .paoTablev2BodyRow.total_poa li {
    background: #fff;
    font-weight: 600;
    color: #00669a;
    padding: 16px 10px 16px 18px;
}

.left-map-side {
    background: #fff;
    box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.28);
    width: 470px;
    position: relative;
    z-index: 1;
}

.small-scroll::-webkit-scrollbar {
    width: 3px;
}

.small-scroll::-webkit-scrollbar-track {
    background: #e2e2e2;
}

.small-scroll::-webkit-scrollbar-thumb {
    background: rgb(194, 194, 194);
    border-radius: 10px;
}

.small-scroll::-webkit-scrollbar-thumb {
    background: #c4c4c4;
    border-radius: 10px;
}

.small-scroll::-webkit-scrollbar {
    width: 5px;
}

.small-scroll::-webkit-scrollbar-track {
    background: #f1f1f1;
}


/*  */
.tra-scroll::-webkit-scrollbar {
    width: 3px;
    height: 3px;
}

.tra-scroll::-webkit-scrollbar-track {
    background: #e2e2e2;
}

.tra-scroll::-webkit-scrollbar-thumb {
    background: rgb(194, 194, 194);
    border-radius: 10px;
}

.tra-scroll::-webkit-scrollbar-thumb {
    background: #c4c4c4;
    border-radius: 10px;
}

.tra-scroll::-webkit-scrollbar {
    width: 5px;
}

.tra-scroll::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.map-wp {
    display: flex;
    width: 100%;
    position: relative;
    padding: 40px 0;
    padding-bottom: 0px;
    padding-top: 65px;
    overflow: hidden;
}

.zoom-map-btn {
    position: absolute;
    right: 35%;
    bottom: 22px;
    z-index: 1;
    display: flex;
}

.zoom-map-btn button {
    background: #fff;
    color: #717171;
    height: 30px;
    width: 30px;
    text-align: center;
    line-height: 28px;
    border: 1px solid #c9c9c9;
}

.zoom-map-btn button:focus {
    background: cornsilk;
}

.zoom-map-btn button.zoom-out {
    border-left: none;
    border-radius: 0 3px 3px 0px;
}

.zoom-map-btn button.zoom-in {
    border-radius: 3px 0px 0px 3px;
}

.map-wp .last-updt {
    color: #494949;
    font-size: 13px;
    margin: 0;
}

.map-wp .last-updt .fa {
    color: #494949;
}

.map-wp .btn {
    font-size: 13px;
    line-height: 24px;
    background: #00944D;
    border: 1px solid #048009;
    box-shadow: 0 0 5px rgba(24, 59, 92, 0.24) inset;
}

.map-wp .btn i {
    display: none;
}

.map-wp .btn-group .btn:focus,
.map-wp .btn-group .btn.active {
    outline: none;
    background: #1b364d;
    border-color: #1b364d;
}

.map-wp .btn-group .btn.active i {
    display: inline-block;
}

.f-btn-map {
    position: absolute;
    top: 9px;
    left: 15px;
}

.map-header-div {
    background: #feac59;
    position: absolute;
    top: 0;
    left: 0px;
    width: 100%;
    height: 50px;
    padding: 0 15px;
    display: flex;
    align-items: center;
}

.right-map-side {
    min-width: 286px;
    background: #fefefe;
    box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.28);
    position: absolute;
    right: -100%;
    transition: 0.5s;
}

.main-top-dis .close-s {
    cursor: pointer;
}

.right-map-side.active {
    position: absolute;
    right: 0%;
}

#map-t {
    width: 1400px;
    height: 573px;
    left: -297px;
    position: relative;
    zoom: 1;
}

.main-top-dis {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 14px 20px;
    color: #525252;
    font-size: 13px;
    border-bottom: 1px solid #feac59;
    font-weight: 500;
}

.main-top-dis img {
    width: 10px;
    -
}

.table-wrapper-map {
    color: #7B7B7B;
    height: calc(100vh - 51px);
    overflow: auto;
}

.table-wrapper-map table {
    width: 100%;
}

.table-wrapper-map table th:last-child,
.table-wrapper-map table td:last-child {
    text-align: right;
}

.table-wrapper-map table th,
.table-wrapper-map table td {
    padding: 7px 20px;
    border: 1px solid rgba(155, 155, 155, 0.12156862745098039);
    font-size: 12px;
    font-weight: 500;
}

.table-wrapper-map table th {
    background: #eef6ff;
    font-weight: 500;
    border: 1px solid rgba(155, 155, 155, 0.12156862745098039);
    font-size: 12px;
    position: sticky;
    font-weight: 600;
    text-transform: uppercase;
    top: -1px;
    color: #005baf;
}

@media (max-width: 1600px) {
    .tabs-top-dto .nav-tabs>li>a {
        font-size: 12px;
        padding: 11px 10px;
        padding-top: 3px;
    }

    .lisst-cd h3 {
        font-size: 18px;
    }

    .inner-box-dto h4 span,
    .lisst-cd p {
        font-size: 11px;
    }

    .bills-bottom-type li {
        padding: 6px 20px;
    }

    .inner-box-dto h4,
    .dto-dash .consolidated-box h3 {
        font-size: 13px;
    }

    .tabs-top-dto .dropbox-right {
        top: -1px;
    }

    .dto-dash .dashboard-box-head .sto-code img {
        width: 15px;
    }

    .tabs-top-dto {
        margin-bottom: 10px;
    }

    .bills-nd-amount {
        padding: 15px 15px;
    }

    .dto-dash .dashboard-box-head {
        font-size: 13px;
        padding: 10px 15px;
    }

    .bills-nd-amount h2 {
        font-size: 18px;
    }

    .bills-bottom-type li.head-big {
        font-size: 13px;
    }

    .header-tb-ul li.header-scpt span {
        padding: 11px 0px;
    }

    .header-tb-ul {
        height: 54vh;
    }

    .inner-box-dto {
        padding: 15px 20px;
    }

    .dto-dash .consolidated-box h3 span {
        font-size: 11px;
    }

    .header-tb-ul li span {
        padding: 11px 0px;
    }

    .top-box-hdr {
        padding: 6px 15px;
    }

    .dto-dash .dashboard-box-head img {
        width: 30px;
    }

    .sto-code {
        padding: 0;
    }
}

@media (min-width: 768px) {
    .usr_main_div .col-sm-3 {
        width: 23%;
    }

    .usr_main_div .col-sm-9 {
        width: 77%;
    }

    .dto-dash.usr_main_div .col-sm-3 {
        width: 30%;
    }

    .dto-dash.usr_main_div .col-sm-9 {
        width: 70%;
    }
}

@media (max-width: 1450px) {

    .bank-status-ul li h4 {
        font-size: 15px;
        font-weight: 600;
        color: #6E6E6E;
    }

    .usr_main_div .small,
    .usr_main_div small {
        font-size: 63%;
        font-weight: 700;
    }

    .bank-status-ul li .graph-arw img {
        width: 20px;
        margin-left: 2px;
        margin-right: 0px;
    }

    .bank-status-ul li p {
        font-size: 10px;
    }

    .dashboard-box-head .graph-arw img {
        width: 14px;
        margin-left: 0px;
        margin-right: 0px !important;
    }

    .dashboard-box-head img {
        width: 30px;
    }

    .bank-status-ul li img {
        margin-right: 12px;
        width: 22px;
    }

    .bank-status-ul li p {
        margin-bottom: -1px;
    }
}

@media (max-width: 1220px) {
    .dto-dash .dashboard-box-head img {
        width: 27px;
    }

    .dto-dash .dashboard-box-head .sto-code img {
        width: 10px;
    }

    .usr_main_div .col-sm-9 {
        width: 100%;
        padding-right: 15px !important;
    }

    .bnk-status {
        margin-bottom: 0px;
    }

    .consolidated-box {
        width: 32.5%;
    }

    .dto-dash .dashboard-box-head {
        font-size: 12px;
        padding: 10px 10px;
    }

    .main-section.sidebar-show .bill-type-span {
        margin-left: 10px;
    }

    .lisst-cd {
        margin-bottom: 30px;
    }

    .bill-type-span {
        margin-left: 4px;
    }

    .usr_main_div .col-sm-3 {
        width: 100%;
        margin-top: 20px;
        margin-bottom: 3px;
        display: flex;
        justify-content: space-between;
    }

    .dto-dash .consolidated-box {
        width: 100%;
    }

    .dto-dash.usr_main_div .col-sm-3,
    .dto-dash.usr_main_div .col-sm-9 {
        margin-top: 0PX;
        ;
        padding: 0px;
    }
}

@media (max-width: 1080px) {

    .dto-dash.usr_main_div .col-sm-3,
    .dto-dash.usr_main_div .col-sm-9 {
        width: 100%;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
}

@media (max-height: 800px) {

    .tb-wp-rbi-scroll {
        height: 423px;
    }

    .smry-dv {
        height: 511px !important;
    }
}

@media (max-width: 768px) {
    .inner-box-dto {
        flex-wrap: wrap;
    }

    .tabs-top-dto .dropbox-right,
    .right-map-sto-header .chosen-select {
        display: none;
    }

    .right-map-sto-header {
        margin-bottom: 15px;
    }

    .dto-dash .dashboard-box,
    .div-data,
    .chart-sto-data {
        width: 100%;
        max-width: 100%;
    }

    .bills-data-dto {
        margin-bottom: 20px;
    }

    .indicator-sto div {
        font-size: 9px;
    }

    .lisst-cd {
        margin-bottom: 20px;
    }

    .tabs-top-dto .nav li {
        width: 50%;
        text-align: center;
    }

    .tabs-top-dto .nav-tabs>li>a {
        padding-top: 11px;
    }

    .chart-sto-data {
        overflow: auto;
    }

    .dto-dash .consolidated-box h3 span {
        font-size: 10px;
    }

    .header-tb-ul li {
        font-size: 11px;
    }

    #map-sto {
        width: 600px;
    }

    #myModal-2 {
        width: 100%;
        overflow: auto;
    }
}

/* My minified css file */
.fsslider{position:relative;min-width:150px;height:24px;display:inline-block;width:100%;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:#000;text-align:center;line-height:24px;font-size:11px;font-family:"Lucida Grande","Trebuchet MS",sans-serif}.fsslider>*{position:absolute;top:50%;cursor:pointer}.fsslider>.fsfull-value,.fsslider>.fssel-value{margin-top:-1px;height:2px;left:0;right:0}.fsslider>.fsfull-value{width:100%;background:#d8d8d8}.fsslider>.fscaret,.fsslider>.fssel-left,.fsslider>.fssel-right{background:#fff;box-shadow:1px 1px 3px rgba(0,0,0,.2);-moz-box-shadow:1px 1px 3px rgba(0,0,0,.2);-webkit-box-shadow:1px 1px 3px rgba(0,0,0,.2);height:100%;min-width:30px;top:0;padding-left:5px;padding-right:5px}.fsslider>.fssel-value{background:#10364f;height:4px;margin-top:-2px;right:50%}.fsslider.fsdisabled{color:#10364f}.fsslider.fsdisabled>.fssel-value{background:#10364f}
.rbi-data-row {
    display: flex;
}

.char-box-rbi {
    min-width: 472px;
}

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

.up-ddt {
    font-size: 14px;
    color: #868686;
    font-weight: 600;
}

.flter-rbi select {
    margin-right: 5px;
}

.flter-rbi select,
.flter-rbi input {
    width: 145PX;
    height: 31px;
    padding: 8px 12px;
    border-radius: 3px;
    border: 1px solid #e0e0e0;
    font-size: 12px;
    color: #9C9C9C;
}

.main-chart-box-rbi {
    width: 100%;
}

.flter-rbi {
    display: flex;
}

.rbi-data-row {
    padding: 15px 0px 0 0;
}

.tb-header {
    margin: 0px;
    padding: 10px 10px;
    background: #1b364d;
    font-size: 14px;
    border-radius: 4px 4px 0 0;
}

.tb-header span {
    color: rgba(255, 255, 255, 0.77);
    font-size: 13px;
    font-weight: 400;
    margin-left: 5px;
}

.tb-header h4 {
    font-weight: 600;
    margin: 0px;
    font-size: 14px;
    color: rgba(255, 255, 255);
}

.tb-wrapper-rbi table {
    width: 100%;
}

.tb-wrapper-rbi table th,
.tb-wrapper-rbi table td {
    padding: 8px 12px;
    font-size: 12px;
}

.tb-wrapper-rbi table th {
    padding: 10px;
    color: #1b364d;
    font-weight: 600;
}

.main-chart-box-rbi {
    margin-left: 15px;
    overflow: hidden;
    padding: 20px 15px;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.14901960784313725);
    border-radius: 10px;
    background: #fff;
}

.table-box-rbi {
    background: #fff;
}

#revenue-chart-1 img {
    width: 1007px;
    max-height: 189px;
    display: flex;
}

.main-chart-box-rbi h4 {
    margin: 0px;
    padding: 15px 0;
    font-weight: 600;
    margin: 0px;
    margin-bottom: 12px;
    font-size: 14px;
    color: #1b364d;
}

.main-chart-box-rbi h4 span {
    color: #727272;
    font-size: 12px;
    font-weight: 400;
    margin-left: 5px;
}

.chart-lable ul {
    float: right;
    margin: 0px;
    padding: 0px;
}

.chart-lable ul li {
    display: inline-block;
    margin-right: 10px;
    font-size: 12px;
    font-weight: 500;
    color: #888888;
}

.chart-lable ul li span {
    width: 15px;
    height: 15px;
    background: grey;
    border-radius: 60%;
    display: inline-block;
    position: relative;
    top: 2px;
    margin-right: 2px;
}

#revenue-chart-1 {
    overflow: hidden;
    height: 186px;
    width: 100%;
    overflow-x: hidden;
    overflow-y: hidden;
}

.usr_main_div,
.rbi-data-row {
    padding-left: 10px;
    padding-right: 10px;
}

.page-title {
    margin-top: 10px;
}

.usr_main_div {
    padding-top: 10px;
}

.page-title.v2 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 5px;
}

.page-title.v2 .page-title-left {
    display: flex;
    align-items: center;
}

.dashboard-box-wrap {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
}

.dashboard-box {
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.14901960784313725);
    position: relative;
    border-radius: 4px;
    width: 24%;
    background: #fff;
    margin-right: 5px;
    min-height: 730px;
}

.dashboard-box:hover {
    box-shadow: 0 2px 13px rgba(0, 0, 0, 0.15);
}

.dashboard-box-head {
    border-bottom: 1px solid #e0e0e0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 10px;
    font-size: 11px;
    flex-wrap: wrap;
    font-weight: bold;
}

.dashboard-box-head .graph-arw {
    margin-left: auto;
    margin-right: auto;
}

.dashboard-box-head .graph-arw img {
    width: 17px;
    margin-left: 2px;
}

.dashboard-box-head span:nth-child(2) {
    text-align: right !important;
}

.dashboard-box-head span b {
    vertical-align: middle;
}

.dashboard-box-table {
    display: block;
    overflow: auto;
}

.dashboard-box-table ul {
    margin: 0px;
}

.dashboard-box-table ul li {
    display: block;
    list-style: none;
    border-top: 1px solid #ECECEC;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 12px;
}

.dashboard-box-table ul li .bills-desc {
    display: inline-block;
    padding: 5px 13px;
    width: 168px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.radio-li input {
    margin: 0px;
    margin-right: 2px;
}

.radio-li {
    font-size: 10px !important;
    font-weight: 400;
}
.radio-li label{
    margin: 0px;
    line-height: initial;
}
.dashboard-box-table ul li.radio-li:hover {
    background: #fff;
    color: #1b364d;
    text-decoration: none;
}

.radio-li div:first-child {
    padding: 7px 0px 5px 9px;
    display: flex;
    align-items: center;
}

.radio-li div:last-child {
    padding: 7px 12px 5px 0px;
    align-items: center;
    display: flex;
}

.dashboard-box-table ul li .bills-amount {
    display: inline-block;
    padding: 5px 13px;
    width: 30%;
    text-align: right;
    padding-left: 0px;
}

.dashboard-box-table ul li span:last-child {
    border-right: none;
}

.dashboard-box-table::-webkit-scrollbar {
    width: 5px;
}

.dashboard-box-table::-webkit-scrollbar-track {
    background: #e2e2e2;
}

.dashboard-box-table::-webkit-scrollbar-thumb,
.smry-dv::-webkit-scrollbar-thumb {
    background: rgb(194, 194, 194);
    border-radius: 10px;
}

.tb-wp-rbi-scroll::-webkit-scrollbar-thumb,
.smry-dv::-webkit-scrollbar-thumb {
    background: #c4c4c4;
    border-radius: 10px;
}

.tb-wp-rbi-scroll::-webkit-scrollbar,
.smry-dv::-webkit-scrollbar {
    width: 8px;
}

.tb-wp-rbi-scroll::-webkit-scrollbar-track,
.smry-dv::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.dashboard-box-table ul li span .list-color {
    width: 10px;
    height: 10px;
    background: rgb(70, 205, 147);
    display: inline-table;
    margin-right: 5px;
    display: none;
    border-radius: 60%;
}

.blue-color {
    color: #005baf !important;
}

.green-color {
    color: #46CD93 !important;
}

.yellow-color {
    color: #FFBF4F !important;
}

.p-0 {
    padding: 0px !important;
}

.bold {
    font-weight: bold;
}

.coming-soon-box {
    text-align: center;
    position: absolute;
    font-size: 16px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-weight: 600;
    color: #eea514;
}

.coming-soon-box img {
    display: block;
    margin: 0 auto;
    width: 50px;
}

.bills-data-box {
    border-radius: 5px;
    border: 1px solid #DEDEDE;
    margin-top: 12px;
    padding: 10px 15px;
    display: flex;
    background: #f4f6f8;
    justify-content: space-between;
    align-items: center;
}

.bills-data-box h2 {
    font-size: 14px;
    font-weight: bold;
    margin: 0 10px 0 0;
    color: #868686;
}

.bills-data-box .form-control {
    height: 30px !important;
;
    border-radius: 3px !important;
}

.bills-data-box .bills-data-left {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.bills-data-box .bills-data-left select {
    width: 78px;
    margin: auto 10px auto auto;
}

.bills-data-box .bills-data-right {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.dash-search-block {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.dash-search-block .form-group {
    display: flex;
    margin-bottom: 10px;
}

.dash-search-block .form-group button {
    margin-left: -4px;
    border-radius: 4px;
    padding: 4px 12px;
}

.dash-search-block .form-control {
    height: 30px !important;
    width: 145px;
    font-size: 12px;
    padding-left: 10px;
    border-radius: 3px !important;
    box-shadow: none;
}

.dash-search-block button.btn {
    border-radius: 0 2px 2px 0;
    background: #00944D;
    border-color: #00944D;
    color: #fff;
}

.dash-search-block .dropbox-right {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

.consolidated-box {
    /* border: 1px solid #e0e0e0; */
    padding: 20px 15px;
    background: #fff;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.14901960784313725);
    border-radius: 10px;
}

.consolidated-box h3 {
    font-size: 14px;
    font-weight: bold;
    color: #1b364d;
    margin: 0px 0px 10px;
}

.consolidated-box .head-line {
    height: 2px;
    width: 30px;
    background: #b6b6b6;
    display: block;
}

.consolidated-box .month-revenue {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 10px;
    margin-bottom: 10px;
}

.consolidated-box .month-revenue h2 {
    color: #868686;
    display: block;
    margin: 0px;
    font-size: 20px;
    font-weight: bold;
}

.consolidated-box .month-revenue span {
    font-size: 12px;
}

.consolidated-box .small-chart-main {
    overflow: hidden;
    /*height: 120px;*/
    display: block;
    min-height: 137px;
}

.bt-wp img {
    margin-right: 5px;
    height: 20px;

}

.dashboard-box-table ul li {
    transition: 0.5s;
}

.dashboard-box-table ul li:hover {
    background: #e7f0f8;
    transition: 0.5s;
    cursor: pointer;
    color: #2c6bff;
    text-decoration: underline;
}

.modallll-top {
    display: flex;
    justify-content: left;
    align-items: center;
}

.main-tb-ani {
    display: block;
    margin-top: 15px;
}

.right-side-tb-data {
    min-width: 281PX;
    background: #fff;
    margin-left: 10px;
    border: 1px solid #ddd;
    transition: 0.5s cubic-bezier(.19, 1, .22, 1);
    position: absolute;
    right: -281px;
    top: -47px;
}

.smry-dv table th {
    padding: 12px 12px;
    color: #1B364D;
    font-weight: 600;
}

.smry-dv table {
    width: 100%;
}

.sticky-tr td,
.sticky-tr th,
.sticky-tr th.sort-th,
.sticky-tr td.sort-th {
    position: sticky;
    top: 0px;
}

.smry-dv table th,
.smry-dv table td {
    padding: 6px 12px;
    font-size: 13px;
}

.mry-dv table th {
    padding: 12px 12px;
    color: #1B364D;
    font-weight: 600;
}

.right-side-tb-data .month-revenue {
    display: flex;
    justify-content: space-between;
    padding: 15px;
    background: #1b364d;
}

.right-side-tb-data .month-revenue h2 {
    font-weight: 700;
    color: #f0f7ff;
    font-size: 20px;
    margin: 0;
}

.right-side-tb-data .month-revenue h2 small {
    color: #f0f7ff;
}

.tb-wp-rbi-scroll,
.main-tb-ani {
    overflow: auto;
}

.tb-wp-rbi-scroll .table-bordered {
    margin-bottom: 0px;
}

.main-tb-ani {
    min-width: 350PX;
}

.tb-wp-rbi-scroll {
    width: 100%;
    position: relative;
    border: 1px solid #ddd;
    height: 530px;
}

.tb-wp-rbi-scroll .table-bordered {
    border: none;
}

.right-side-tb-data .month-revenue {
    position: absolute;
    top: 0px;
    left: 0;
    width: 100%;
}

.smry-dv {
    padding-top: 72px;
    padding-bottom: 64px;
    overflow: auto;
    height: 618px;
}

.right-side-tb-data .btn-group {
    position: absolute;
    bottom: 0;
    padding: 15px;
    text-align: center;
    width: 100%;
    border-top: 1px solid #ddd;
    background: #f7f7f7;
}

th.sort-th,
td.sort-th {
    position: relative;
    padding-right: 27px !important;
    cursor: pointer;
    background: #f0f7ff !important;
}

td.sort-th.active::after,
th.sort-th.active::after {
    opacity: 1;
}

th.sort-th::after,
td.sort-th::after {
    position: absolute;
    right: 8px;
    content: '';
    width: 10px;
    height: 20px;
    background: url(../images/dashboard/sort-arrows-couple-pointing-up-and-down.svg) no-repeat center;
    display: block;
    top: 50%;
    background-position: center center;
    background-size: 12px;
    opacity: 0.4;
    transform: translateY(-50%);
}

.right-side-tb-data .btn-group>.btn {
    float: none;
}

.cstm-header {
    display: flex;
    background: #1b364d;
    align-items: center;
    color: #fff;
    padding: 14px 17px;
    justify-content: space-between;
}

.cstm-header .close {
    opacity: 1;
    color: #fff;
    text-shadow: none;
}

.dropbox-right .chosen-container {
    width: 160px !important;
    margin-left: 10px;
}

.dropbox-right .chosen-container-single .chosen-single {
    height: 30px;
    line-height: 28px;
    font-size: 12px;
    background: #fff;
    border-color: #ddd;
}

.dropbox-right .chosen-container-single .chosen-search input[type="text"] {
    display: none;
}

.bills-data-box .chosen-container {
    width: 100px !important;
    margin-right: 10px;
}

.bills-data-box .chosen-container-single .chosen-single {
    height: 30px;
    font-size: 12px;
    border-color: #ddd;
    line-height: 28px;
}

.modallll-top .btn-group .btn,
.right-side-tb-data .btn {
    font-size: 12px;
    line-height: 18px;
}

.bills-data-box .chosen-container-single .chosen-search input[type="text"] {
    display: none;
}

.top-data-ff .chosen-container {
    width: 135px !important;
    margin-right: 10px;
}

.top-data-ff .chosen-container-single .chosen-single {
    height: 30px;
    line-height: 28px;
    background: #fff;
    border-color: #ddd;
    font-size: 12px;
}

.usr_main_div .chosen-container-single .chosen-single div b,
.rbi-data-row .chosen-container-single .chosen-single div b {
    background: url(https://cdnjs.cloudflare.com/ajax/libs/chosen/1.8.7/chosen-sprite.png) no-repeat 0px 5px;
}

.top-data-ff .chosen-container-single .chosen-search input[type="text"] {
    display: none;
}

.cstm-modal.modal-lg {
    width: 1024px;
}

.modal-header.cstm-header h4 {
    font-weight: 600;
    font-size: 16px;
}

.main-tb-ani {
    position: relative;
    overflow-x: hidden;
}

.main-tb-ani.menuitemshow-r {
    padding-right: 294px;
    transition: 0.5s cubic-bezier(.19, 1, .22, 1);
    overflow: visible;
}

.main-tb-ani {
    transition: 0.5s cubic-bezier(.19, 1, .22, 1);
}

.main-tb-ani.menuitemshow-r .right-side-tb-data {
    right: 0px;
    transition: 0.5s cubic-bezier(.19, 1, .22, 1);
}

.tb-wp-rbi-scroll table thead td {
    padding: 12px 5px;
    font-size: 12px;
    background: #f0f7ff;
    color: #1B364D;
    vertical-align: middle;
}

.tb-wp-rbi-scroll table tbody td {
    padding: 8px 5px;
    font-size: 12px;
    vertical-align: middle;
}

.tb-wp-rbi-scroll table td input[type=checkbox] {
    width: 18px !important;
    outline: none;
    margin: 0;
    height: 18px;
    display: block;
    margin: 0 auto;
}

.right-side-tb-data .month-revenue span {
    font-size: 12px;
    font-weight: 500;
    color: #f0f7ff;
}

.bt-wp .btn {
    font-size: 13px;
    line-height: 24px;
    background: #00944D;
    border: 1px solid #048009;
    box-shadow: 0 0 5px rgba(24, 59, 92, 0.24) inset;
}

.smry-dv table tbody th {
    padding: 8px 5px;
    font-size: 12px;
    vertical-align: middle;
    font-weight: 700;
    background: #f0f7ff;
}

.smry-dv table thead td {
    padding: 12px 5px;
    font-size: 12px;
    background: #f0f7ff;
    vertical-align: middle;
}

.loder-tb {
    position: absolute;
    top: 0px;
    right: 0px;
    height: 100%;
    width: 100%;
    z-index: 11;
    background: rgba(255, 255, 255, 0.84);
    background-image: url(../images/dashboard/gears.gif);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 80px;
}

.bt-wp .btn-group .btn:focus,
.bt-wp .btn-group .btn.active {
    outline: none;
    background: #1b364d;
    border-color: #1b364d;
}

.dashboard-box .loder-tb {
    background: rgba(255, 255, 255, 0.84);
    background-image: url(../images/dashboard/gears.gif);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 60px;
}

.lasan.cstm-modal.modal-lg {
    width: 1318px;
}

.left-ul-navigation li.f-btn a span {
    vertical-align: middle;
    margin-top: -2px;
    display: inline-block;
    margin-left: 6px;
}

.searchbar-f-d {
    position: relative;
    width: 100%;
    min-width: 100%;
    margin-top: 6px;
}

.searchbar-f-d input {
    width: 100%;
    border: 1px solid #d2d2d2;
    height: 28px;
    font-size: 12px;
    line-height: 28px;
    color: #888888;
    background: url(../images/dashboard/search.svg) no-repeat;
    background-position: 97% 7px;
    padding: 0 8px;
    font-weight: 400;
    border-radius: 2px;
    background-size: 12px;
}

.searchbar-f-d input:focus {
    background: none;
}

.searchbar-f-d .fa {
    position: absolute;
    right: 9px;
    color: #e22d2d;
    display: none;
    top: 7px;
    opacity: 1;
    font-size: 12px;
}

.searchbar-f-d.active .fa {
    display: block;
}

.usr_main_div .chosen-container-single .chosen-single {
    height: 30px;
    line-height: 28px;
    font-size: 12px;
    background: #fff;
    border-color: #ddd;
}

.top-box-hdr {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 4px 16px;
}

.consolidated-box .top-box-hdr h3 {
    margin-bottom: 0px;
}

.consolidated-box .top-box-hdr .right-sect {
    min-width: 120px;
}

.mb-15 {
    margin-bottom: 15px;
}

.bank-status-ul li {
    display: flex;
    align-items: center;
    padding: 10px 18px;
    border-bottom: 1px solid #e4e4e4;
}

.bank-status-ul li:last-child {
    border-bottom: none;
    padding-bottom: 0px;
}

.bank-status-ul li:first-child {
    border-top: 1px solid #e4e4e4;
    margin-top: 10px;
}

.bank-status-ul li p,
.bank-status-ul li h4 {
    margin: 0px;
}

.bank-status-ul li img {
    margin-right: 14px;
}

.bank-status-ul li p {
    font-size: 11px;
    margin-bottom: 1px;
    text-transform: uppercase;
    color: #7b7b7b;
}

.bank-status-ul li h4 {
    font-size: 16px;
    font-weight: 700;
    color: #6E6E6E;
}

.bnk-status {
    padding: 12px 0;
    padding-bottom: 18px;
}

.pos-rbi .bank-status-ul li h4 {
    font-weight: 600;
    font-size: 15px;
}

.pos-rbi .bank-status-ul li p {
    font-size: 14px;
    margin-bottom: 0px;
    margin-top: 4px;
}

.b-w-300 {
    max-width: 250px;
    margin-left: 15px;
}

.main-chart-box-rbi h3 {
    font-size: 14px;
    font-weight: bold;
    color: #1b364d;
    margin: 0px 0px 10px;
}

.main-chart-box-rbi .head-line {
    height: 2px;
    width: 30px;
    background: #b6b6b6;
    display: block;
}

.graph-arw {
    margin-left: auto;
}

.graph-arw span {
    color: #707070;
    font-weight: 500;
    font-size: 11px;
}

.graph-arw img {
    width: 20px;
    margin-left: 2px;
    margin-right: 3px !important;
}

.last-updt {
    font-size: 14px;
    font-weight: 600;
    margin-right: auto;
    color: #1b364d;
    margin-bottom: 10px;
    margin-left: 11px;
}

.last-updt .fa {
    color: #999999;
}

.last-updt .fa-clock-o {
    font-size: 18px;
    position: relative;
    top: 1px;
}

.up-small-list {
    width: 8px;
    margin-left: 4px;
}

.breadcrumbs-tb {
    background: #c2c2c240;
    padding: 8px 17px;
    border-radius: 2px;
    display: inline-block;
    font-size: 13px;
    font-weight: 600;
    color: #1B364D;
}

.min-max-flttr {
    padding: 0 0 0 14px;
    margin-left: 50px;
    position: relative;
}

.min-max-flttr span {
    font-size: 13px;
    font-weight: 500;
    color: #1b364d;
    margin-right: 6px;
}

.min-max-flttr .popover-content {
    font-size: 11px;
    color: #737373;
}

.min-max-flttr input {
    height: 32px;
    border-radius: 3px;
    font-size: 12px;
    padding: 10px 12px;
    display: inline-block;
    width: 140px;
}

.top-action-thead {
    background: #1b364d;
    color: #fff;
    display: flex;
    justify-content: space-between;
    font-size: 13px;
}

.panel-default>.panel-heading {
    color: #333;
    background-color: #ebebeb;
    border-color: transparent;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 13px;
    padding: 0px;
    font-weight: 600;
}

.fst-1 {
    width: 60%;
}

.panel-heading.collapsed .fa-chevron-down {
    transform: rotate(0deg);
}

.panel-heading .fa-chevron-down {
    transform: rotate(-90deg);
    transition: 0.5s;
}

.fst-3,
.fst-2 {
    width: 20%;
}

.fst-2 {
    text-align: center;
}

.fst-3 {
    text-align: right;
}

.fst-1,
.fst-2,
.fst-3 {
    padding: 10px;
}

.trigr-ac {
    padding: 10px 15px;
    opacity: 0.6;
}

.panel-group .panel {
    border-radius: 0px;
}

.total-badge {
    display: flex;
    align-items: center;
}

.total-badge:nth-child(1) {
    margin-left: auto;
    margin-right: 40px;
}

.total-badge span {
    font-size: 14px;
    font-weight: 500;
    color: #1B364D;
}

.top-header-f {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    justify-content: space-between;
}

.total-badge h4 {
    color: #1B364D;
    margin: 0;
    font-weight: 700;
    font-size: 18px;
    margin-left: 5px;
}

.breadcrumbs-tb .fa-home {
    margin-right: 4px;
    color: #00944D;
    font-size: 15px;
}

.breadcrumbs-tb .fa-chevron-right {
    font-size: 11px;
    margin: 0 5px;
    position: relative;
    top: -1px;
}

@media (min-width: 768px) {
    .usr_main_div .col-sm-3 {
        width: 23%;
    }

    .usr_main_div .col-sm-9 {
        width: 77%;
    }
}

@media (max-width: 1450px) {

    .bank-status-ul li h4 {
        font-size: 15px;
        font-weight: 600;
        color: #6E6E6E;
    }

    .usr_main_div .small,
    .usr_main_div small {
        font-size: 63%;
        font-weight: 700;
    }

    .bank-status-ul li .graph-arw img {
        width: 20px;
        margin-left: 2px;
        margin-right: 0px;
    }

    .bank-status-ul li p {
        font-size: 10px;
    }

    .dashboard-box-head .graph-arw img {
        width: 14px;
        margin-left: 0px;
        margin-right: 0px !important;
    }

    .dashboard-box-head img {
        width: 30px;
    }

    .bank-status-ul li img {
        margin-right: 12px;
        width: 22px;
    }

    .bank-status-ul li p {
        margin-bottom: -1px;
    }
}

@media (max-width: 1220px) {
    .usr_main_div .col-sm-9 {
        width: 100%;
        padding-right: 15px !important;
    }

    .bnk-status {
        margin-bottom: 0px;
    }

    .consolidated-box {
        width: 32.5%;
    }

    .usr_main_div .col-sm-3 {
        width: 100%;
        margin-top: 20px;
        margin-bottom: 3px;
        display: flex;
        justify-content: space-between;
    }
}

@media (max-height: 800px) {

    .tb-wp-rbi-scroll {
        height: 423px;
    }

    .smry-dv {
        height: 511px !important;
    }
}


/* map */
.map-dis {
    position: fixed;
    width: 100%;
    height: 100%;
    display: flex;
    left: 0;
    top: 0;
    background: #fff;
}

#Telangana {
    user-select: none;
}

.st-path {
    stroke-dasharray: 1000;
    transition: stroke-dashoffset 1s linear;
    stroke-dashoffset: 1000;
    stroke: #ff5b5b;
    cursor: pointer;
}

text {
    cursor: pointer;
}

.level-1{
    fill: #ec7701;
}
.level-2{
    fill: #f09845;
}
.level-3{
    fill: #ffbe79;
}
.level-4{
    fill: #FFDAB5;
}
.level-5{
    fill: #FFEDDA;
}

#state-boundary {
    stroke-dasharray: initial;
}

.st-path.active {
    stroke-dashoffset: 0 !important;
    stroke-width: 2;
    stroke: #ff5b5b;
    fill: #fff;
    transition: stroke-dashoffset 1s linear;
}

.toolss b {
    text-transform: uppercase;
    font-size: 12px;
    padding-bottom: 7px;
    display: block;
    margin-bottom: 10px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    color: #ffffff;
    letter-spacing: 2px;
}

.toolss span {
    display: block;
    font-size: 12px;
    color: rgb(255, 255, 255);
    font-weight: 400;
    position: relative;
    top: -4px;
}

.toolss p {
    font-size: 26px;
    margin: 0 0 10px;
    font-weight: 600;
    margin-bottom: 0px;
    color: rgb(255, 255, 255);
}

.toolss {
    position: absolute;
    border-radius: 6px;
    padding: 10px;
    background: rgba(17, 46, 72, 0.8392156862745098);
    transform: translate(-49%, -114%);
    box-shadow: 5px 11px 40px rgba(182, 182, 182, 0.49019607843137253);
    width: 200px;
    color: #fff;
    display: none;
}

.toolss img {
    width: 20px;
    margin-left: 5px;
}

.toolss:before {
    content: "\e252";
    position: absolute;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    top: 95%;
    left: 46%;
    color: #112e48;
    font-size: 18px;
}

.toolss .close-tools {
    float: right;
    width: 24px;
    padding: 7px;
    cursor: pointer;
    position: relative;
    top: -4px;
    left: 4px;
    margin: 0;
}

.map-dis .collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    transition: height .35s ease;
}

.map-dis .paoTablev2 {
    display: block;
    overflow-x: auto;
    width: 100%;
    height: 100vh;
}

.map-dis .paoTablev2 .paoTablev2Head {
    display: flex;
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 12px;
    vertical-align: middle;
    text-align: left;
    color: #005baf;
    background: #EEF6FF;
    border-top: 1px solid #CFE7FF !important;
    border-bottom: 1px solid #CFE7FF;
}

.map-dis .paoTablev2 .paoTablev2Head li {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
    width: 20%;
    list-style: none;
    text-align: right;
    padding: 10px 10px 10px 15px;
    white-space: nowrap;
}

.map-dis .paoTablev2 .paoTablev2Head li:first-child {
    width: 40%;
    text-align: left;
}

.map-dis .paoTablev2 .paoTablev2Body {
    color: #005baf;
}

.map-dis .paoTablev2 .paoTablev2BodyRow {
    display: flex;
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
}

.map-dis .paoTablev2 .paoTablev2Body li {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
    vertical-align: middle;
    color: #7B7B7B;
    font-size: 12px;
    border: 0;
    border-bottom: 1px solid #F2F2F2;
    text-align: right;
    padding: 10px 8px 10px 10px;
    background: #fff;
    font-weight: 500;
    width: 20%;
    white-space: nowrap;
}

.map-dis .paoTablev2 .pad0 .paoTablev2Head {
    border-bottom: 0;
}

.map-dis .paoTablev2 .pad0 .paoTablev2Head li {
    width: 50%;
    text-align: right;
}

.map-dis .paoTablev2 .paoTablev2Body li:nth-child(3) {
    text-align: right;
}

.map-dis .paoTablev2 .paoTablev2Body li:last-child {
    text-align: right;
}

.map-dis .paoTablev2 .paoTablev2Head li.vrt-mid {
    margin-top: 2%;
}

.map-dis .pao-table-view .paoTablev2 .paoTablev2Body li:nth-child(3),
.map-dis .pao-table-view .paoTablev2 .paoTablev2Body li:last-child {
    text-align: left;
}

.map-dis .paoTablev2 .paoTablev2BodyRow:hover li,
.map-dis .paoSubTableScroll .paoSubTable:hover li {
    background: #edfaff;
    color: #000;
}

.map-dis .paoTablev2 .paoTablev2Body li:first-child {
    width: 40%;
    text-align: left;
}

.map-dis .paoSubTableScroll {
    max-height: calc(100vh - 229px);
    overflow: auto;
}

.map-dis .paoSubTableScroll .paoSubTable {
    display: flex;
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
}

.map-dis .paoSubTableScroll .paoSubTable li {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
    border-bottom: 1px solid #F2F2F2;
    vertical-align: middle;
    color: #7B7B7B;
    font-size: 12px;
    border: 0;
    border-bottom: 1px solid #F2F2F2;
    padding: 13px 10px 13px 18px;
    font-weight: 500;
    background: #fffcf2;
}

.map-dis .paoSubTableScroll .paoSubTable li:first-child {
    padding-left: 30px;
}

.map-dis .paoSubTableScroll .paoSubTable li .dot-icon {
    width: 6px;
    height: 6px;
    background: #E5A21E;
    display: inline-block;
    vertical-align: inherit;
    border-radius: 11px;
    margin-right: 7px;
}

.map-dis .paoTablev2 .paoTablev2BodyRow.total_poa li {
    background: #fff;
    font-weight: 600;
    color: #00669a;
    padding: 16px 10px 16px 18px;
}

.left-map-side {
    background: #fff;
    box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.28);
    width: 470px;
    position: relative;
    z-index: 1;
}

.small-scroll::-webkit-scrollbar {
    width: 3px;
}

.small-scroll::-webkit-scrollbar-track {
    background: #e2e2e2;
}

.small-scroll::-webkit-scrollbar-thumb {
    background: rgb(194, 194, 194);
    border-radius: 10px;
}

.small-scroll::-webkit-scrollbar-thumb {
    background: #c4c4c4;
    border-radius: 10px;
}

.small-scroll::-webkit-scrollbar {
    width: 5px;
}

.small-scroll::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/*  */
.tra-scroll::-webkit-scrollbar {
    width: 3px;
    height: 3px;
}

.tra-scroll::-webkit-scrollbar-track {
    background: #e2e2e2;
}

.tra-scroll::-webkit-scrollbar-thumb {
    background: rgb(194, 194, 194);
    border-radius: 10px;
}

.tra-scroll::-webkit-scrollbar-thumb {
    background: #c4c4c4;
    border-radius: 10px;
}

.tra-scroll::-webkit-scrollbar {
    width: 5px;
}

.tra-scroll::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.map-wp {
    display: flex;
    width: 100%;
    position: relative;
    padding: 40px 0;
    padding-bottom: 0px;
    padding-top: 65px;
    overflow: hidden;
}

.zoom-map-btn {
    position: absolute;
    right: 35%;
    bottom: 22px;
    z-index: 1;
    display: flex;
}

.zoom-map-btn button {
    background: #fff;
    color: #717171;
    height: 30px;
    width: 30px;
    text-align: center;
    line-height: 28px;
    border: 1px solid #c9c9c9;
}

.zoom-map-btn button:focus {
    background: cornsilk;
}

.zoom-map-btn button.zoom-out {
    border-left: none;
    border-radius: 0 3px 3px 0px;
}

.zoom-map-btn button.zoom-in {
    border-radius: 3px 0px 0px 3px;
}

.map-wp .last-updt {
    color: #494949;
    font-size: 13px;
    margin: 0;
}

.map-wp .last-updt .fa {
    color: #494949;
}

.map-wp .btn {
    font-size: 13px;
    line-height: 24px;
    background: #00944D;
    border: 1px solid #048009;
    box-shadow: 0 0 5px rgba(24, 59, 92, 0.24) inset;
}

.map-wp .btn i {
    display: none;
}

.map-wp .btn-group .btn:focus,
.map-wp .btn-group .btn.active {
    outline: none;
    background: #1b364d;
    border-color: #1b364d;
}

.map-wp .btn-group .btn.active i {
    display: inline-block;
}

.f-btn-map {
    position: absolute;
    top: 9px;
    left: 15px;
}

.map-header-div {
    background: #feac59;
    position: absolute;
    top: 0;
    left: 0px;
    width: 100%;
    height: 50px;
    padding: 0 15px;
    display: flex;
    align-items: center;
}

.right-map-side {
    min-width: 286px;
    background: #fefefe;
    box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.28);
    position: absolute;
    right: -100%;
    transition: 0.5s;
}

.main-top-dis .close-s {
    cursor: pointer;
}

.right-map-side.active {
    position: absolute;
    right: 0%;
}

#map-t {
    width: 1400px;
    height: 573px;
    left: -297px;
    position: relative;
    zoom: 1;
}

.main-top-dis {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 14px 20px;
    color: #525252;
    font-size: 13px;
    border-bottom: 1px solid #feac59;
    font-weight: 500;
}

.main-top-dis img {
    width: 10px;
}

.table-wrapper-map {
    color: #7B7B7B;
    height: calc(100vh - 51px);
    overflow: auto;
}

.table-wrapper-map table {
    width: 100%;
}

.table-wrapper-map table th:last-child,
.table-wrapper-map table td:last-child {
    text-align: right;
}

.table-wrapper-map table th,
.table-wrapper-map table td {
    padding: 7px 20px;
    border: 1px solid rgba(155, 155, 155, 0.12156862745098039);
    font-size: 12px;
    font-weight: 500;
}

.table-wrapper-map table th {
    background: #eef6ff;
    font-weight: 500;
    border: 1px solid rgba(155, 155, 155, 0.12156862745098039);
    font-size: 12px;
    position: sticky;
    font-weight: 600;
    text-transform: uppercase;
    top: -1px;
    color: #005baf;
}
.fw-bold{
 font-weight:bold;
}

/* table css used in e-flyleaf page - dynamic table */

.gridStyle.table-2{
 border:1px solid #D6DADF;
}

.table-2 .ngHeaderCell{
  background-color:#EEF6FF;
  border-bottom:1px solid #D6DADF;
  line-height: 30px;
}
.table-2 .ngCell{
  border-bottom:1px solid #D6DADF;
  padding: 0;
}
.table-2 .ngVerticalBarVisible{
   background-color: #D6DADF;
}
.table-2 .ngFooterPanel{
  background-color: #FFF;
}

.b-l-0{border-left: 0px!important;}
.b-b-0{border-bottom: 0px!important;}
#paoScrollbar::-webkit-scrollbar-track{
	-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
	background-color: #fff;
}
#paoScrollbar::-webkit-scrollbar{
	width: 4px;
	height:4px;
	background-color: #f2f2f2;
}
#paoScrollbar::-webkit-scrollbar-thumb{
	background-color: #ccc;
}
.green-font{color:#23d229!important;}
.dta-card-block-wrap {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
}
.dta-card {
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.04);
    background: #fff;
	margin-bottom: 15px;
	border-radius:4px;
}
.dta-card .dta-box-head{
    display:flex;
	align-items:center;
}
.dta-card .dta-box-head h3{
    margin:0px auto 0px 0px;
	font-size:14px;
	text-transform:uppercase;
	font-weight:600;
	color:#2C3B4B;
	font-family: 'Open Sans', sans-serif;
}
.dta-card .dta-box-head .month-revenue{}
.dta-card .dta-box-head .month-revenue span{
	color: #9C9C9C;
    font-size: 12px;
}
.dta-card .dta-box-head .month-revenue h2{
	color: #005baf;
    display: block;
    margin: 0px;
    font-size: 20px;
    font-weight: 600;font-family: 'Open Sans', sans-serif;
}


.dta-card-block .small,.dta-card-block small{ font-size: 65%; }
.dta-card-block {
    position: relative;
    width: 32.4%;overflow: hidden;
}
.dta-card-block:hover {
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
}

.dta-card-block-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 18px;
    font-size: 15px;
    flex-wrap: wrap;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    box-shadow: 0px 0px 2px #d0d0d0;
}
.dta-card-block-head span b{ font-weight: 600;}

.dta-card-block-head .graph-arw {
    margin-left: auto;
    margin-right: auto;
}

.dta-card-block-head .graph-arw img {
    width: 17px;
    margin-left: 2px;
}

.dta-card-block-head span:nth-child(2) {
    text-align: right !important;
}

.dta-card-block-head span b {
    vertical-align: middle;    margin-left: 5px;
}
.dta-card-block-table {
    display: block;
    overflow: auto;
    max-height: 165px;
}

.dta-card-block-table ul {
    margin: 0px;
}

.dta-card-block-table ul li {
    list-style: none;
    border-top: 1px solid #f2f2f2;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 14px;
	color: #656565;
	padding: 10px 13px 10px 16px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600; cursor: pointer;position: relative;
}
.dta-card-block-table ul li:after{ content: ''; display: block; position: absolute; width: 0%; height: 100%; background: rgba(1, 161, 255, 0.04); top: 0; left: 0;-webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;}
.dta-card-block-table ul li:hover:after{ width: 100%; }  
.dta-card-block-table ul li .bills-desc {
    display: inline-block;
    padding: 5px 13px;
    width: 168px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.dta-search-block {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.dta-search-block .form-group {
    display: flex;
    margin-bottom: 15px;
}

.dta-search-block .form-group button {
    margin-left: -4px;
    border-radius: 4px;
    padding: 4px 12px;
}

.dta-search-block .form-control {
    height: 35px;
    width: 215px;
    font-size: 12px;
    padding-left: 10px;
    border-radius: 3px;
    box-shadow: none;
}

.dta-search button.btn {
    border-radius: 0 2px 2px 0;
    background: #00944D;
    border-color: #00944D;
    color: #fff;
}

.dta-search-block .dropbox-right {
    margin-bottom: 15px;
}
.dta-last-updt {
    font-size: 14px;
    font-weight: 600;
    margin-right: auto;
    color: #1b364d;
    margin-bottom: 15px;
    margin-left: 11px;
}

.dta-consolidated-box {
    padding: 20px 15px;
}

.dta-consolidated-box h3 {
    font-size: 14px;
    font-weight: 600;
    color: #1b364d;
    margin: 0px 0px 10px;
    text-transform: uppercase;font-family: 'Open Sans', sans-serif;
}

.dta-consolidated-box .head-line {
    height: 2px;
    width: 30px;
    background: #b6b6b6;
    display: block;
}
.dta-consolidated-box .this-month, .dta-consolidated-box .this-month .bold{color:#62D9A1 !important; }
.dta-consolidated-box .last-month,.dta-consolidated-box .last-month .bold{color:#69D0FF !important; }

.dta-consolidated-box .month-revenue {
       display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 0;
    margin-bottom: 10px;
   
}

.dta-consolidated-box .month-revenue h2 {
    color: #868686;
    display: block;
    margin: 0px;
    font-size: 17px;
    font-weight: 600;    font-family: 'Open Sans', sans-serif;
}

.dta-consolidated-box .month-revenue span {
    font-size: 12px;
}

.dta-consolidated-box .small-chart-main {
    overflow: hidden;
    height: 120px;
    display: block;
    min-height: 137px;
}
.dta-consolidated-box .dta-small-chart {
    display: block;
	overflow:hidden;
}
.dta-dashboard-main-box{
	display:block;
}
.dta-bills-workflow{
    position: relative;
    width: 100%;
	padding: 20px;
	overflow:hidden;
}
.mb-15{padding: 20px 21px;}
.pa-15{padding: 15px;}
.pa-20{padding: 20px;}
.dta-emp-details{
	position: relative;
    width: 100%;
    overflow: hidden;
}
.dta-arctic-h{
	height: 97%;
}
.dta-emp-details table tr th{
	font-weight:600;
	text-transform:uppercase; font-size: 14px;
    padding: 8px 4px;
    vertical-align: middle;
    text-align: center;
    color: #005baf;
    background: #EEF6FF;
	border-top: 1px solid #CFE7FF !important;
    border-bottom: 1px solid #CFE7FF ;
    border-left: 1px solid #CFE7FF ; position:relative;
}
.dta-emp-details table tbody tr{ transform: scale(1);-webkit-transition: 0.20s;
    -moz-transition: 0.20s;
    -o-transition: 0.20s;
    transition: 0.20s;}
.dta-emp-details table tbody tr:hover{ }
.dta-emp-details table{ border-collapse: inherit;width: 100%;
    max-width: 100%;    margin: 0px; }
.dta-emp-details table tr .dta-left{ text-align: left;}
.dta-emp-details table tr .dta-center{ text-align: center;}
.dta-emp-details table tr .dta-right{ text-align: right;}
.dta-emp-details table tr td:first-child{ border-radius: 0px; }
.dta-emp-details table tr td:last-child{ border-radius: 0px  }
.dta-emp-details table tr .text-right{ text-align: right; padding-right: 10px; }
.dta-emp-details table tr td{
	vertical-align:middle; color: #7B7B7B;
	 font-size: 12px;border: 0; border-bottom: 1px solid #F2F2F2; padding: 13px 10px 13px 15px; text-align: right;
    background: #fff;    font-weight: 500;
}
.dta-emp-details table tr.child_tr_pao td{ background: #FFFCF2;color: #707070;padding: 10px 10px;}
.dta-emp-details table tr.child_tr_pao td:first-child{ padding-left: 49px;  }
.dta-emp-details table tr td i{ display: inline-block; margin-right: 3px;}
.dta-emp-details table tr td:first-child{ text-align: left;    border-radius: 0px; white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;}
.dta-emp-details table tr th:first-child{
	padding: 5px 5px 5px 15px;
    vertical-align: middle;
}
.table_view_btn{ color: #606060;  font-size: 12px;font-family: 'Open Sans', sans-serif; border: 1px solid #DDDDDD;     padding: 6px 15px;
    text-transform: uppercase;
    border-radius: 5px;
    margin-left: 8px;}
.table_view_btn:hover{ background: #005BAF; color: #fff; }
.dta-emp-expenditure{
	position: relative;
    width: 100%;
    padding: 20px;
    overflow: hidden;
}
.dta-label {
    display: inline;
    padding: .6em 0.9em .6em;
    font-size: 11px;
    font-weight: 600;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .45em;
    text-transform: none;
}
.labelBg-1{ background-color:#DCFEE3; color:#379D4C;}
.labelBg-2{ background-color:#D7E9FE; color:#2A65AA;}
.labelBg-3{ background-color:#FFE0E0; color:#F87061; }
.labelBg-4{ background-color:#F9F5C6; color:#9D9700;}
.labelBg-5{ background-color:#EFD7FE; color:#A144DB;}
.labelBg-6{ background-color:#D7FEFE; color:#3CA2A2;}
.labelBg-7{ background-color:#FED7D7; color:#EB247A; }
.labelBg-8{ background-color:#F1F1F1; color:#005BAF; }



.usr_main_div .dta-search-block .chosen-container-single .chosen-single{    height: 35px;
    line-height: 35px;}
.dta-search button.btn{ background: #005BAF; border-color: #005BAF;}
.dta-search-block .dropbox-right.left1 .chosen-container{ margin-left: 0; }
.dta-search-block  .dta-last-updt{color: #818181;font-weight: 400;font-size: 13px;font-family: 'Open Sans', sans-serif;}
.dta-search-block button.btn.download-pao{ background: #fff;
    border-color: #DDDDDD; border-radius: 0; font-size: 13px; color: #7A7A7A; height: 35px; font-family: 'Montserrat', sans-serif; font-weight: 500; }
.dta-search-block button.btn.download-pao:hover{    background: #005BAF;
    color: #fff;   }
.dta-search-block button.btn.download-pao:hover svg path{ fill: white;
    stroke: white; }
.poa-data-view.left-arrow-poa{ font-size: 12px; font-family: 'Open Sans', sans-serif; padding-left: 41px;font-style: normal;    position: relative;
    top: -5px; }  
.poa-data-view.right-arrow-poa{ font-size: 12px;
    font-family: 'Open Sans', sans-serif;
    padding-left: 41px;
    font-style: normal; color: #919191; }
.poa-green{ color: #00944D;}
.poa-red{ color: #FF4D4D;}
.poa-box{ clear: left;
    float: left;
    font-size: 12px;
    font-style: normal;
    margin: 5px 10px 0 5px; }
.poa-blue{ font-size: 10px;
    color: #005BAF;
    display: block;
    font-style: normal;}



.dta-consolidated-box .l-panel h3{ 
    
    font-size: 16px;
    
    font-family: 'Open Sans', sans-serif;    color: #005baf;
    font-weight: 600; }

.l-panel{ float: left;}
.r-panel{ float: right;font-size: 16px;
     text-align: right;
    font-family: 'Open Sans', sans-serif;    color: #005baf;
    font-weight: 600;}
.dta-dashboard-main-box .bill-box{ float: left; }
.dta-dashboard-main-box .select-box{ float: right;     margin-left: 22px;
    position: relative;
    top: -5px;
}
.display_in_block{ display: inline-block;}
.dta-consolidated-box .to_left{ float: left;}
.dta-consolidated-box .to_right{ float: right;text-align: right;}
.dta-consolidated-box .to_right h2{ color: #005baf; }
.custom_legends{ display: table; margin: 20px auto 0;}
.custom_legends ul li{ float: left; font-size: 11px; color: #9C9C9C; margin-left: 25px; }
.custom_legends ul li span{  width: 11px; height: 11px; display: inline-block; background: #e7e7e7; margin-right: 8px;  } 
.custom_legends ul li span.sal-leg{ background: #6AB2F5; }
.custom_legends ul li span.supp-leg{ background:#69D0FF; }
.custom_legends ul li span.oth-leg{background: #62D9A1; }
.pay_right{ font-size: 17px; font-weight: 600; color: #005BAF;    white-space: nowrap; }
.dta-emp-details table tr td a{ font-size: 12px;padding: 2px 5px; }
.to-center{  width: 100%;  }
#morrispie_chart text tspan, #morrispie_chart text{  font-size: 14px !important; color: #2C3B4B; font-family: 'Open Sans', sans-serif; font-weight: 600; }
.e-cadre{margin: 10px auto 5px; display: table; font-size: 9px; color: #005BAF; font-weight: 600;font-family: 'Open Sans', sans-serif; border: 1px solid #005BAF; padding: 4px 6px;}
.bill-box .chosen-container-single .chosen-single{border-radius: 0;}
.pop_hover{ border: 0; border-collapse: collapse;}
.pop_hover td, .pop_hover th{ border: 0; border-bottom: 1px solid #D4D4D4; padding: 4px; font-size: 11px;text-align: left; }
.pop_hover th{ font-size: 12px;}
.pop_hover td{color: #9C9C9C;}
.pop_hover tr:last-child td{ border-bottom: 0; }
.pop_hover td span{ color: #005BAF; font-size: 10px; margin-left: 3px; }
#morrisBar1{    border-top: 1px solid #dddddd;
    padding-top: 19px;}
.dta-emp-details table tr:hover td{ background: #edfaff;  color: #000; }
.dta-emp-details table.dta-second_table tr th{  text-align: left; padding-left: 15px;  }
.dta-emp-details table.dta-second_table tr td{ text-align: left; padding-left: 15px}
.dta-emp-details table.dta-second_table tr.child_tr_pao td:first-child{ text-align: left; padding-left: 54px}
.dta-emp-details td span.dot-icon{ width: 6px;
    height: 6px;
    background: #E5A21E;
    display: inline-block;
    vertical-align: inherit;
    border-radius: 11px;
    margin-right: 7px;  }
.dta-card .dta-box-head h3.dta-head-part{ margin-top: 7px; }
.dta-card-block-table ul li .top-dot-pao{     width: 8px !important;
    height: 8px;
    background: #737373;
    border-radius: 9px;
    display: inline-block;
    margin-right: 5px; }
.dta-card-block-table ul li .top-dot-pao.green-1{ background: #099653; }
.dta-card-block-table ul li .top-dot-pao.orange-1{ background: #E6842E;}
.dta-card-block-table ul li .top-dot-pao.blue-1{ background: #005BAF;}
.dta-govt-app .poa-blue{ padding-left: 16px; }
.dta-card .dta-box-head h3.dta-head-part span{ font-size: 12px; color: #606060; margin-left: 5px; }
.dta-emp-details table tr td .sorted-pao a{ padding: 0; position: absolute; top:0;width: 6px;
    height: 4px;}
.dta-emp-details table tr td .sorted-pao a:hover svg path{ fill:#005BAF; }
.dta-emp-details table tr td .sorted-pao a.dta-up{ top: 1px; }
.dta-emp-details table tr td .sorted-pao a.dta-down{ top:-7px;}
.sorted-pao{  position: relative; width: 50px;  display: inline-block;vertical-align: text-top; }

span.icon_pao {
    width: 29px;
    display: inline-block;
}
.dta-no-padding-r{ padding-right: 0; }
.dropbox-right .chosen-container{     width: 130px !important; }





/*-----  popup  ------*/

.dta-popup .modal-content{ border-radius: 3px; }
.dta-popup .modal-header{  height: 58px; background: #F3F3F3;   color: #005BAF; }

.dta-popup .modal-title{ line-height: 28px;font-weight: 600;font-size: 16px; margin-left: 9px;}

.dta-popup .modal-header .close {
    margin-top: 3px;
    opacity: 0.6;
    margin-right: 7px;
}
.dta-popup .modal-header .close:hover{ opacity: 1; }
.dta-popup .dropbox-right{ display: inline-block; }
.dta-popup .dropbox-right .chosen-single{ border-radius: 1px; height: 35px;line-height: 33px;  }
.dta-popup .dropbox-right .chosen-single div b{     background-position: -1px 7px; }
.dta-popup .nav-tabs{  display: inline-block; border: 1px solid #E2E2E2;    width: 100%;margin-top: 14px;}
.dta-popup .nav-tabs li{  border: 0; width: 50%;  margin: 0;}
.dta-popup .nav-tabs li a{ text-align: center;font-size: 12px; color: #8D8D8D;   border: 0;
    border-radius: 0;
    margin: 0;     padding: 9px 15px;}
.dta-popup .dropbox-right .chosen-container{ width: 100px !important; }
.dta-popup .padding-0{ padding: 0;  }
.dta-popup .nav-tabs li.active a{  background: #005BAF; color: #fff; border: 0; }
.dta-popup .nav-tabs li.active a:hover{  }
.dta-popup .tab-content{ padding: 2px 10px 10px 10px; }
.dta-popup .pop-table{border: 1px solid #E8E8E8}
.dta-popup .pop-table th{ padding: 12px 9px; background: #E9F5FF; font-size: 13px; font-weight: 600;    border: 0;
    border-bottom: 1px solid #E8E8E8; color: #000;}
.dta-popup .pop-table td{  padding: 10px 10px; font-size: 12px; font-weight: 400; color: #666; border: 0;
    border-bottom: 1px solid #E8E8E8;  }
.dta-popup .pop-table tr:hover td{ background: #fff;color: #000; }

.dta-popup .pop-table .pop-sub-table {border: 1px solid #E8E8E8}
.dta-popup .pop-table .pop-sub-table th{
	padding: 12px 9px!Important;
    background: #e2ffe7;
    font-size: 13px;
    font-weight: 600;
    color: #000;
}
.dta-popup .pop-table .pop-sub-table th:first-child{
	width:60px;
}
.dta-popup .pop-table .pop-sub-table td:first-child{
	width:60px;
}
.dta-popup .pop-table .pop-sub-table td{  
	padding: 10px 10px!Important;
    font-size: 12px;
    font-weight: 400;
    color: #666;
    border: 0;
    border-bottom: 1px solid #eceabc;
    background: #fffeed!important;
}
.dta-popup .pop-table .pop-sub-table tr:hover td{ background: #fcffed;color: #000; }
.dta-popup .pop-table .pop-sub-table tr:hover td{ background: #f3f9d8;color: #000; }
.pag-popup .pagination{ margin: 20px 0 0; float: right;}

.pagination>li>a, .pagination>li>span{ border: 0; color: #ababab; }
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{  background: #fff; color: #005BAF; }
.dta-table-1{ width: 100%; border-collapse: separate; border-spacing: 0px 5px;border: 1px solid #E8E8E8;}
.dta-table-1 th{ background: #1D1D1D; font-size: 14px; color: #9C9C9C; padding: 15px 15px; font-weight: 400; }
.dta-table-1 th span{ font-weight: 700; color: #fff; }
.dta-table-1 td{ font-size: 14px; color: #333333; font-weight: normal; padding: 10px 10px;background: #F8F8F8;height: 52px;}

.dta-table-1 tr.panel-collapse td{ background: #fff; padding: 0 10px;  } 
.dta-table-1 tr.panel-collapse table td{ background: #fff; height: auto;    padding: 8px 9px;}
.dta-table-1 td span{  color: #005BAF; font-size: 11px; display: block;}
.dta-btn-fire{ float: right; margin-right: 19px;}

.dta-popup .tab-content{ display: table; width: 100%;}
.dta-popup .form-control{ height: 35px;
    line-height: 33px;    border-radius: 1px;}
.hod-wise{ display: none; }

.dta-btn-fire img{  transform: rotate(180deg);-webkit-transition: 0.20s;
    -moz-transition: 0.20s;
    -o-transition: 0.20s;
    transition: 0.20s;}
.dta-btn-fire.collapsed img{  transform: rotate(0deg);-webkit-transition: 0.20s;
    -moz-transition: 0.20s;
    -o-transition: 0.20s;
    transition: 0.20s;}

.dta-popup .dta-search-block{    
	display: flex;
}
.max-min-filter{ font-size: 10px; text-transform: uppercase;  }
.max-min-filter tr:first-child td{ padding-left: 9px;font-weight: 700; }
.dta-popup .modal-body{     padding: 8px 15px 15px 15px; }
.all-chq{ margin-top: 15px; }
.dta-popup .dta-search-block .form-group.dta-search{width: 260px; }







.dtaTable {
   display: table;
   width: 100%;
}
.dtaTableRowWrap {
	width: 100%;
    display: table-row-group;
}
.dtaTableRowHead {
   display: table-row;
}
.dtaTableRow {
   display: table-row;
    transform: scale(1);
    -webkit-transition: 0.20s;
    -moz-transition: 0.20s;
    -o-transition: 0.20s;
    transition: 0.20s;
}
.dtaTableRow:hover {
	transform: scale(1.019);
	background:#edfaff;
}
.dtaTableHeading {
   display: table-header-group;
   background-color: #ddd;
}
.dtaTableHead {
	display: table-cell;
	font-weight: 600;
    text-transform: uppercase;
    font-size: 14px;
    padding: 8px 18px;
    vertical-align: middle;
    text-align: left;
    color: #005baf;
    background: #EEF6FF;
    border-top: 1px solid #CFE7FF !important;
    border-bottom: 1px solid #CFE7FF;
    border-left: 1px solid #CFE7FF;
}
.dtaTableHead:first-child {
    border-left: none;
}
.dtaTableCell {
	display: table-cell;
	border-bottom: 1px solid #F2F2F2;
	vertical-align: middle;
	color: #7B7B7B;
	font-size: 12px;
	border: 0;
	border-bottom: 1px solid #F2F2F2;
	padding: 13px 10px 13px 18px;
	background: #fff;
	font-weight: 500;
}
.dtaTableCell.subTable {
	background: #fffcf2;
	padding-left: 22px;
}
.dtaTableHeading {
   display: table-header-group;
   background-color: #ddd;
   font-weight: bold;
}
.dtaTableFoot {
   display: table-footer-group;
   font-weight: bold;
   background-color: #ddd;
}
.dtaTableBody {
   display: table-row-group;
}
.dtaTableRow .dot-icon {
    width: 6px;
    height: 6px;
    background: #E5A21E;
    display: inline-block;
    vertical-align: inherit;
    border-radius: 11px;
    margin-right: 7px;
}
.dtaTablev2 .dtaTablev2Head li.pad0{ padding: 0;width: 60%; }
.dtaTablev2 .dtaTablev2Head li .p2{ padding: 10px 10px 10px 15px; display: block; text-align: center;}

/* 21 oct 2019 */

.collapsing{
	position: relative;
    height: 0;
    overflow: hidden;
    transition: height .35s ease;
}
.dtaTablev2{
    display: block;
    width: 100%;
}
.dtaTablev2 .dtaTablev2Head{
	display:flex;
	-ms-flex-wrap: nowrap!important;
    flex-wrap: nowrap!important;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 11px;
    vertical-align: middle;
    text-align: left;
    color: #005baf;
    background: #EEF6FF;
    border-top: 1px solid #CFE7FF !important;
    border-bottom: 1px solid #CFE7FF;
}
.dtaTablev2 .dtaTablev2Head li{
	-ms-flex: 1 1 auto!important;
    flex: 1 1 auto!important;
	width:20%;
	list-style:none;
	padding: 10px 10px 10px 15px;
	white-space: nowrap;
	border-right: 1px solid #CFE7FF ;
}
.dtaTablev2 .dtaTablev2Head li:first-child{
	width:40%;
}
.dtaTablev2 .dtaTablev2Head li:last-child{
	text-align:right!important;
	border-right:none;
}
.dtaTablev2 .dtaTablev2Body{
    color: #005baf;
}
.dtaTablev2 .dtaTablev2Body .panel{
    border:none;
	box-shadow: none;
	margin: 0px;
}
.dtaTablev2 .panel-group {
    margin-bottom: 0px;
}
.dtaTablev2 .dtaTablev2BodyRow{
	display:flex;
	-ms-flex-wrap: nowrap!important;
    flex-wrap: nowrap!important;
}
.dtaTablev2 .dtaTablev2Body li{
	-ms-flex: 1 1 auto!important;
    flex: 1 1 auto!important;
	vertical-align: middle;
    color: #7B7B7B;
    font-size: 12px;
    border: 0;
    border-bottom: 1px solid #F2F2F2;
    padding: 13px 10px 13px 18px;
    background: #fff;
    font-weight: 500;
	width:20%;
    white-space: nowrap;
}
.dtaTablev2 .pad0 .dtaTablev2Head{ border-bottom: 0;}
.dtaTablev2 .pad0 .dtaTablev2Head li{ width: 50%; text-align: left;}
.dtaTablev2 .dtaTablev2Body li:nth-child(3){ text-align: left;}
.dtaTablev2 .dtaTablev2Body li:nth-child(4){ text-align: left;}
.dtaTablev2 .dtaTablev2Body li:last-child{ text-align: right;}
.dtaTablev2 .dtaTablev2Head li.vrt-mid{  line-height:50px; }
.dta-table-view .dtaTablev2 .dtaTablev2Body li:nth-child(3), .dta-table-view .dtaTablev2 .dtaTablev2Body li:last-child{ text-align: left; }
.dtaTablev2 .dtaTablev2BodyRow:hover li, .dtaSubTableScroll .dtaSubTable:hover li{     background: #edfaff;
    color: #000; }
.dtaTablev2 .dtaTablev2Body li:first-child{
	width:40%; text-align: left;
}
.dtaSubTableScroll{
    max-height: 336px;
    overflow: auto;
}
.dtaSubTableScroll .dtaSubTable{
	display: flex;
    -ms-flex-wrap: nowrap!important;
    flex-wrap: nowrap!important;
}
.dtaSubTableScroll .dtaSubTable li{
	-ms-flex: 1 1 auto!important;
    flex: 1 1 auto!important;
	border-bottom: 1px solid #F2F2F2;
    vertical-align: middle;
    color: #7B7B7B;
    font-size: 12px;
    border: 0;
    border-bottom: 1px solid #F2F2F2;
    padding: 13px 10px 13px 18px;
   
    font-weight: 500;
	background: #fffcf2;
}
.dtaSubTableScroll .dtaSubTable li:first-child{
    padding-left: 30px;
}
.dtaSubTableScroll .dtaSubTable li .dot-icon {
    width: 6px;
    height: 6px;
    background: #E5A21E;
    display: inline-block;
    vertical-align: inherit;
    border-radius: 11px;
    margin-right: 7px;
}





/*------------ V2.0 making & changes -----------*/
.au_pao{
    text-align: right; vertical-align: middle; }
.dta_aud{  line-height: 13px;
}
.au_pao .dta_aud span{     font-size: 11px;color: #9C9C9C; }
.au_pao .dta_aud h2{     color: #005baf;display: block;
    margin: 0px;
    font-size: 16px;
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;
}
.table_v_aud{color: #606060;
    font-size: 12px;
    font-family: 'Open Sans', sans-serif;
    border: 1px solid #DDDDDD;
    padding: 6px 15px;
    text-transform: uppercase;
    border-radius: 5px;
    margin-left: 8px;}

.table_v_aud:hover {
    background: #005BAF;
    color: #fff;
}

.chart_view{  width: 94%; margin: 0 auto 20px;}

.loder-tb {
   position: absolute;
   top: 0px;
    bottom:0px;
    left:0px;
   right: 0px;
   height: 100%;
   width: 100%;
   display: block;
   z-index: 11;
   background: rgba(255, 255, 255, 0.84);
   background-image: url(../images/dashboard/gears.gif);
   background-repeat: no-repeat;
   background-position: center center;
   background-size: 80px;
}





.dtaTablev2 .dtaTablev2BodyRow.total_poa li{        background: #fff;
    font-weight: 600;
    color: #00669a;     padding: 16px 10px 16px 18px;}
.dtaTablev2 .dtaTablev2BodyRow.total_poa li:first-child{ text-transform: uppercase;}
.view_pao_bill{     border: 1px solid #005BAF;
    padding: 3px 8px;
    font-size: 10px;
    text-transform: uppercase;
    color: #005BAF;
    border-radius: 4px; }
.view_pao_bill:hover{ background: #005BAF; color: #fff; }
.dta-popup .pop-table td{ white-space: nowrap; }
.dta-popup .nav-tabs{     display: flex; }
.dta-popup .nav-tabs li{ flex: 1; }
.dta-popup#myModal6 .dta-search-block .form-group.dta-search{ width: 90%; }
.dta-popup#myModal6 .dta-search-block{      margin-right: 0;} 
.dta-popup#myModal6  .all-chq{margin-top: 6px;}
.dta-popup#myModal6  .table{margin-bottom: 12px;}
.pag-popup#myModal6  .pagination{     margin: 0px 0 0; }
.dta-popup#myModal6  .pop-table tr:hover td {
    background: #e8e8e8;
    color: #000;
}
.back_pop{ background: #151515;border: 1px solid #151515;
    font-size: 12px;
    color: #fff;
    text-transform: uppercase;
    padding: 5px 14px;
    border-radius: 2px;
    margin: 7px 0 0 0;
    display: inline-block; }
.back_pop:hover{ background: #fff; border: 1px solid #151515;color: #151515; }
.num_poa{ margin-top: 18px;
    font-size: 10px;
    color: #000; }
#myModal6 .pag-popup  .pagination{ margin: 9px 0 5px 0; }






.dta-popup{ font-family: 'Open Sans', sans-serif; }
.dta-emp-details table tr th{ font-size: 12px;}
.table_aud{ display: none; }
.gph_1{  display: none; }
.sub_heading{ font-size: 11px;color: #B6B6B6; font-weight: 400;    line-height: 16px; }
.sub_heading span{color: #5E5E5E;font-weight: 600;}
.dta-emp-details table tr th{ border-left: 0;}
.dot_poa{  width: 11px; height: 11px; background: #e7e7e7; display: inline-block; border-radius: 20px; }
.dot_poa.green{ background: #62D9A1; }
.dot_poa.red{ background: #FF6565; }
.dta-emp-details table.ac_scr td, .dta-emp-details table.ac_scr th{  text-align: left;} 
.dta-emp-details table.ac_scr th:nth-child(3){ text-align: left;  }
.dta-emp-details table.ac_scr th i{ font-size: 10px; display: block; font-style: normal;}
.dta-emp-details table.ac_scr tr th:first-child{ padding-left: 15px; }
.dta-emp-details table.ac_scr .no_run td{ opacity: 0.5;  }
.dta-emp-details table.ac_scr tr th:last-child{ padding-left: 20px; }
.view_more{ margin: 24px auto 35px;
    display: table;}
.view_more a{ font-size: 10px; border: 1px solid #005BAF; color: #005BAF; padding: 6px 16px; font-weight: 500; text-transform: uppercase; border-radius: 4px; }
.dta-popup#myModal7 .modal-body{padding: 15px 20px 25px 20px;}
.view_more a:hover{ background: #005BAF; color: #fff; }
.info_box{ display: inline-block;
    background: #FFF0B1;
    font-size: 12px;
    font-weight: 400;
    padding: 6px 10px;
    color: #020202;
    border-radius: 2px; }
.dta-popup .gray{  color: #272727; font-weight: 400; }
.info_time{ font-size:12px; color: #959595; font-weight: 400;    margin: 1px 0 18px 10px; }
.info_time span{  font-weight: 600;}
.info_box_right{ float: right; display: flex;}
.info_top1{ font-size: 11px; color: #959595; font-weight: 400; line-height: 14px; text-align: right;}
.info_top1 span{font-size: 14px; font-weight: 600;display: block;}
.info_top2{ font-size: 11px; color: #959595; padding: 0 10px;line-height: 30px;}
.info_top3{ font-size: 30px; color: #005BAF; font-weight: 400;position: relative;
    top: -5px; }
.info_top3 span{ font-size: 10px; font-weight: 600; }
.dta-popup .pop-table.table_right th, .dta-popup .pop-table.table_right td{ text-align: right; padding-right: 20px;}
.dta-popup .pop-table.table_right td:last-child{ text-align: right; background: #EAFCFD; }
.dta-popup .pop-table.table_right th:first-child, .dta-popup .pop-table.table_right td:first-child{ text-align: left;}
.dta-popup .view_more{ margin-top: 26px;
    display: table;
    margin-bottom: 5px;}
.dta-popup .view_more a{  font-size: 12px; border: 1px solid #ACACAC; border-radius: 1px;  padding: 7px 16px; color:#616161  }
.dta-popup .view_more a:hover{ color: #fff; border: 1px solid #616161; }
.dta-popup .view_more a:hover svg path{ fill:#fff;  }
.dta-popup .view_more a img{ margin-right: 6px; }
.dta-popup.poa_art .dropbox-right .chosen-container {
    width: 150px !important;
}
.pop-table.ac_scr{ width: 98%;margin: 0 auto;}
.pop-table.ac_scr td:nth-child(3){background: #EAFCFD; }
.pop-table.ac_scr td, .pop-table.ac_scr th{ text-align: center;}
.pop-table.ac_scr td:first-child, .pop-table.ac_scr th:first-child{  text-align: left;}
.pop-table.ac_scr{ margin-bottom: 20px; } 
.pop-table.ac_scr th i {
    font-size: 11px;
    display: block;
    font-style: normal;
}
.pop-table.ac_scr .no_run td {
    opacity: 0.5;
}
.pop-table.ac_scr td a{ 
    padding: 2px 6px; }

.art_2 .all-chq{ margin-top: 7px; }
.art_2 .info_top1{     text-align: left;
    padding: 2px 0 0 11px;}
 .dta-popup.art_2 .dropbox-right{ vertical-align: top; }
.scroll_div{ height: 50vh; overflow: hidden;overflow-y: scroll; }
.dta-card .dta-box-head h3.ar_sc span{ color: #9F9F9F; margin: 0 3px; }
.scroll_div th{ position: relative; z-index: 9;     box-shadow: 0px 0px 6px #e7e7e7;  }



.dta-search-block{
	margin-bottom: 15px;
	padding: 0px 5px;
	display: flex;
    justify-content: space-between;
}
.dta-search-block h4{
	font-size: 14px;
    color: #0060b9;
	margin:0px;
}
.dta-search-block h4:after{
    height: 2px;
    width: 138px;
    background: #F5C741;
    position: absolute;
    left: 0;
    bottom: 0;
    content: "";
}
.dta-search-block .chosen-container{
	width:140px!Important;
}
.dta-search-block .mr-left{
	display: flex;
    align-items: center;
	position:relative;
}
.dta-search-block .form-group{
	margin-bottom:0px;
}
.dta-search-block .form-group label{
	font-weight: 500;
}
.dta-search-block .mr-right{
	display: flex;
    align-items: center;
}
.dta-search-block .date-update{
	margin-left:10px;
	margin-right:10px;
	color: #7d7d7d;
	font-size:13px;
}

.dta-card-wrap {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
}
.dta-card-block {
	width: 23.94%;
    max-width: 23.94%;
    margin-left: 15px;
    margin-bottom: 15px;
    cursor: pointer;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.06);
}
.dta-card-block:first-child {
    margin-left: 0%;
}
.card-block-head {
    padding: 12px 15px;
    font-size: 13px;
    text-transform: uppercase;
	border-bottom: 1px solid #eee;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.card-block-content {
    display: block;
}
.card-block-content .bill-amt-wrp{
	display: flex;
    align-items: flex-end;
    justify-content: space-between;
    padding: 15px 0px;
    margin: 0px 15px;
    color: #4A596A;
    border-bottom: 1px dashed #ddd;
}
.card-block-content .bill-amt-wrp:last-child{
    border-bottom: none;
}
.card-block-content .bill-amt-wrp small {
    color: #7A7A7A !important;
    font-size: 11px !important;
    text-transform: uppercase;
    font-weight: 400 !important;
    margin-bottom: 2px;
    display: block;
}
.card-block-content .bill-amt-wrp h2 {
    font-size: 14px;
    margin: 0px;
    font-weight: 700;
    color: #4A596A;
}

.text-eclipse{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.xml-table .dtaTablev2Head li:first-child, .xml-table .dtaTablev2Body li:first-child  {
    width: 50%;
}
.dta-emp-table .dtaTablev2Head li:first-child,.dta-emp-table .dtaTablev2Body li:first-child  {
    width: 5%;
}
.dta-emp-table .dtaTablev2Head li,.dta-emp-table .dtaTablev2Body li{
    width: 30%;
}
.dta-emp-table .dtaTablev2Head li:last-child,.dta-emp-table .dtaTablev2Body li:last-child  {
    width: 5%;
}
.box-strech {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: stretch;
   -webkit-align-items: stretch;
   -ms-flex-align: stretch;
   align-items: stretch;
   -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
}
.avg-time-block{
	display: flex;
    align-items: center;
    width: 100%;
    height: 100px;
}
.avg-time-block img{
	margin-left: auto;
}
.avg-time-block .avg-time{
	margin-left: 10px;
	margin-right: auto;
}
.avg-time-block .avg-time h2{
	font-size: 20px;
    margin: 0px;
    font-weight: 700;
    color: #4A596A;
}
.avg-time-block .avg-time .thin-line{
	height:1px;
	background:#eee;
	width:100%;
	display:block;
	margin: 5px 0px;
}
.avg-time-block .avg-time small{
    color: #7A7A7A !important;
    font-size: 11px !important;
    text-transform: uppercase;
    font-weight: 400 !important;
    margin-bottom: 2px;
    display: block;
}
.total-amt{
	display:block;
	text-align:right;
}
.total-amt h2{
    margin: 0px;
    color: #005baf;
    font-weight: bold;
    font-size: 20px;
}
.total-amt small{
    color: #7A7A7A !important;
    font-size: 11px !important;
    text-transform: uppercase;
    font-weight: 400 !important;
    margin-bottom: 2px;
    display: block;
}
.dta-popup .pagination {
    margin: 0px !Important;
}
.dta-sort-icon{
	display:inline-block;
}
.dta-sort-icon i{
	color: #b9b9b9;
    font-size: 18px;
    margin-left: 10px;
}

.fixed_header{
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
}

.fixed_header tbody{
  display:block;
  width: 100%;
  overflow: auto;
  max-height: 200px;
}

.fixed_header thead tr {
   display: block;
}

.fixed_header thead {
  background: black;
  color:#fff;
}

.fixed_header th, .fixed_header td {
  padding: 5px;
  text-align: left;
  width: 200px;
}
.scrutiny-modal{
	border:1px solid #eee;
}









@media only screen and (max-width: 1500px) and (min-width: 1070px) {
	.dropbox-right .chosen-container{ width: auto !important;}
	.dta-card-block-table ul li span:first-child{ width: 56%; }
	.dta-card-block-table ul li{ font-size: 13px; }
	.pay_right{ font-size: 14px;}
	.dta-card .dta-box-head h3.dta-head-part{  width: 50%;  }
	.table_view_btn { padding: 6px 7px; 	 }
	.dta-card .dta-box-head .month-revenue {
    align-items: flex-end;
}
	.dropbox-right .chosen-container{width: auto !important; max-width: 160px;  }	

}

@media only screen and (max-width: 1071px) and (min-width: 767px) {
	.pay_right{ font-size: 14px; }
	.dta-card-block-table ul li{ font-size: 13px;}
	.dta-search-block .dropbox-right.left1 .chosen-container{ width: auto !important; }
	.dta-no-padding-r{ padding-right: 15px; }
	.dta-popup .modal-lg{ width: 90%; }
	.dta-popup .pop-table th{  white-space: nowrap; }
	.dta-popup .tab-content{     display: block;
    width: 100%;
    overflow: hidden;
    overflow-x: scroll; }.dta-popup .padding-0 {
    padding: 0 15px;
}
	.dta-popup .dropbox-right .chosen-container {
    width: 136px !important;
}
	.dta-popup .dta-search-block{     justify-content: space-between; }
	.box-strech{display:block;}
	
}

@media screen and (min-width: 992px) {
	.dta-popup .modal-lg{
		width: 1100px; 
	}
	.dta-popup.poa_art .modal-lg{ width: 900px;  }
}
@media screen and (max-width: 530px) {
	.dtaTablev2 .dtaTablev2Head{ font-size:10px!important; }
	.dta-card-block-wrap { display: block; }
	.dta-card-block { width: 100%; max-width: 100%; margin-left:0px;}
	.dta-search-block { display: block;	}
	.dta-popup .tab-content {
		overflow-x: auto;
		width: 100%;
		display: block;
		padding: 0;
	}
	.dta-card .dta-box-head { display: block;	}
	.dta-card .dta-box-head h3.dta-head-part { margin-bottom: 15px;	}
	.dta-search-block .dropbox-right { display: inline-block;	}
	.dta-card .dta-box-head .month-revenue { display: flex;	}
	.dta-no-padding-r { padding-right: 15px; }
	.dta-search-block .mr-left{display:block;}
	.dta-search-block .date-update{ margin: 10px 0px 5px;}
	.dta-card-wrap{ display:block;}
	.box-strech{ display:block; }
	.dta-arctic-h { height: auto; }
	
}



.table_pao_urn{ width: 98%; margin: 0 auto; border: 0;}
.table_pao_urn tr td{ padding: 5px 10px; font-size: 14px; color: #272727; font-family: 'Open Sans', sans-serif; font-weight: 600;  }
.table_pao_urn tr td:first-child, .table_pao_urn tr td:nth-child(3){  font-weight: 400;}
.btn-poa{ width: 96.2%;
    margin: 0 auto;
    display: table;
    border-top: 1px dashed #cdcdcd;
    border-bottom: 1px dashed #cdcdcd;
    padding: 10px 0; }
.btn-poa .btn-secondary{  background: #e66767;
    color: #fff;
    font-size: 13px;
    text-transform: uppercase; border:0; }
.btn-poa .btn-primary{background: #34a934;
    color: #fff;
    font-size: 13px;
    text-transform: uppercase; border:0;}
.table_pao_urn .hig_light{ color: #b30000; border: 1px dashed #b30000; padding: 1px 3px; border-radius: 2px;}
.dta-pop-title{ font-family: 'Open Sans', sans-serif; font-size: 16px; font-weight: 600; margin: 15px 0 10px;  }
.popup-poa table{font-family: 'Open Sans', sans-serif;}
.popup-poa table th{ font-weight: 600;
    text-transform: uppercase;
    font-size: 14px;
    padding: 8px 6px;
    vertical-align: middle;
    text-align: left;
    color: #005baf;
    background: #EEF6FF;
    border: 1px solid #CFE7FF !important;
  }
.popup-poa table td{ border:1px solid #ececec; font-size: 13px; font-weight:400; }



@media only screen and (max-width: 1350px) and (min-width: 1024px) {
	div .left-ul-navigation li a{ font-size: 12px;padding: 10px 10px; }
	div .header-textbox{ width: 190px; }
	
	
}



.heat-map{
	height: 332px;
    position: relative;
    overflow: hidden;
}
.heat-map svg{
    margin: 0 auto;
    display: block;
    transform: scale(1.2);
}

#Telangana{
	user-select: none;
}
.st-path{   
	stroke-dasharray: 1000; 
	transition: stroke-dashoffset 1s linear; 
	stroke-dashoffset: 1000;
	stroke:#ff5b5b;
	cursor: pointer;
}  
text{
	cursor: pointer;
}
.level-1{
	fill: #ec7701;
}
.level-2{
	fill: #f09845;
}
.level-3{
	fill: #ffbe79;
}
.level-4{
	fill: #FFDAB5;
}
.level-5{
	fill: #FFEDDA;
}
#state-boundary{
	stroke-dasharray:initial;
}
.st-path.active{
	stroke-dashoffset: 0 !important;   
	stroke-width: 2;
	stroke:#ff5b5b;
	fill: #fff;
	transition: stroke-dashoffset 1s linear;
} 
.toolss b {
	text-transform: uppercase;
	font-size: 12px;
	padding-bottom: 7px;
	display: block;
	margin-bottom: 10px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	color: #ffffff;
	letter-spacing: 2px;
}
.toolss span {
	display: block;
	font-size: 12px;
	color: rgba(255, 255, 255, 0.61);
	font-weight: 400;
}   
.toolss p {
	font-size: 26px;
	margin: 0 0 10px;
	font-weight: 600;
	margin-bottom: 0px;
	color: rgb(255, 255, 255);
}
.toolss {
	position: absolute; 
	padding: 10px;
	background: #112e48;
	transform: translate(-49%, -114%);
	box-shadow: 5px 11px 40px rgba(182, 182, 182, 0.49019607843137253);
	width: 200px;
	color: #fff;
	display: none;
	z-index: 9999;
}
.toolss img{
	width: 20px;
	margin-left: 5px;
}
.toolss:before {
	content: "\e252";
	position: absolute;
	display: inline-block;
	font-family: 'Glyphicons Halflings';
	font-style: normal;
	font-weight: 400;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	top: 95%;
	left: 46%;
	color: #112e48;
	font-size: 18px; 
}
.toolss .close-tools{
	float: right;
	width: 24px;
	padding: 7px;
	cursor: pointer;
	position: relative;
	top: -4px;
	left: 4px;
	margin: 0;
}










:root {
  --esr-active-color: #6798c8;
  --esr-inactive-color: #c9cba3;
}

/*Common for ESR*/
.esr_modal {
  font-family: 'Maven Pro';
}

.esr_section.sm {
  padding: 20px 0px 20px 0px;
  margin-top: 0px;
}

.esr_section {
  padding: 22px 12px 30px 12px;
  margin-top: 12px;
}

.text-gold {
  color: #878d21;
}

label.required::after {
  content: ' *';
  color: #c20000;
  font-size: 13px;
}

.left_divider {
  border-right: 1px solid #cccccc38;
}

.leave_type_selection + .chosen-container {
  margin-top: -4px;
}

.v_middle {
  vertical-align: middle;
}

.empcodeInput {
  padding: 5px;
  border-radius: 4px;
  border: 1px solid;
}

.switch {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 30px;
}


.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #2196F3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(17px);
  -ms-transform: translateX(17px);
  transform: translateX(17px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

.esr_section_content .table-responsive {
  display: table;
  width: 100%;
}

.esr_scollable_container_350 {
  height: 375px;
  overflow-y: auto;
  overflow-x: hidden;
}

.esr_scollable_container_350.sm {
  height: 100px;
}

.esr_scollable_container_350::-webkit-scrollbar {
  width: 5px;
}


.esr_parent_download_screen .collapsed .arrowIconDown {
  transform: rotate(0deg);
  transition: 0.3s;
}

.esr_parent_download_screen .arrowIconDown {
  transform: rotate(180deg);
  transition: 0.3s;
}

.border-0 {
  border-radius: 0px !important;
}

.cropArea {
  background: #fff;
  overflow: hidden;
  width: 100%;
  height: 350px;
  border: 1px solid #ccc;
  margin-top: 12px;
  padding: 20px;
}

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

.croppedImageContainer {
  margin-top: 10%;
}

.croppedImage {
  margin-top: 10%;
}

.profile_image_container {
  position: relative;
}

.profile_image_container img {
  height: 200px;
  width: 200px;
}

.esr_img_thumbnail {
  border: 1px solid var(--esr-active-color);
  border-radius: 4px;
  padding: 5px;
}

.profile_image_container .upload_img {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: #333333a8;
  text-align: center;
  color: #fff;
  font-size: 35px;
  line-height: 200px;
  cursor: pointer;
  display: none;
  border-radius: 4px;
}

.profile_image_container:hover > .upload_img {
  display: block;
  transition: 0.4s;
}

.full_width_modal {
  width: 95%;
}

.custom.seldateex {
  left: 5px !important;
  top: 5px !important;
}

.inner_table {
  padding: 0 !important;
  margin: 0 !important;
  border: 0px !important;
}

.inner_table td {
  border: 0px !important;
}

.actions_leaves span {
  padding: 5px;
}

.esr_availments_container .esr_availments_each .actions_leaves .actionAddBtn {
  display: none;
}

.esr_availments_container .esr_availments_each:last-child .actions_leaves .actionAddBtn {
  display: inline-block;
}

.font18 {
  font-size: 18px !important;
}

.each_leave_credited_entry .actions_leaves {
  display: none;
  padding-right: 5px;
}

.each_leave_credited_entry:hover .actions_leaves {
  display: inline-block;
  transition: 0.4s;
}

.height10 {
  height: 10px;
}

.height15 {
  height: 15px;
}

.height20 {
  height: 20px;
}

.home_town_form {
  margin: 1% 5%;
  border: 1px solid #eee;
  padding: 10px 20px;
  border-radius: 10px;
}

.home_town_form .head_text {
  color: #222;
  margin-top: 10px;
  margin-bottom: 25px;
}

.home_town_form p {
  margin: 0px;
  font-size: 15px;
}

.underline_text_input {
  border: 1px solid transparent;
  border-bottom: 1px dotted #222;
  padding: 5px;
  text-transform: uppercase;
  font-weight: bold;
  color: #222;
  min-width: 300px;
  margin-bottom: 7px;
}


.esr-main-container .chosen-choices {
  border-radius: 4px;
}

.esr-main-container .chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
  background: url('/plugins/chosen/chosen-sprite.png') -40px 1px no-repeat !important;
}

.esr-main-container .dtpicdiv, .esr_modal .dtpicdiv {
  width: 100% !important;
}

.esr_modal .chosen-container-single .chosen-single div,
.esr-main-container .chosen-container-single .chosen-single div {
  position: absolute;
  top: 4px;
  right: 3px;
}

.esr_modal .chosen-container-single .chosen-single,
.esr-main-container .chosen-container-single .chosen-single {
  height: 35px;
  line-height: 35px;
  background: none;
  border: 1px solid #ddd;
}

.esr-main-container .form-group, .esr_modal .form-group {
  margin-bottom: 8px;
}

.esr-main-container .form-group label, .esr_modal .form-group label {
  margin-bottom: 0;
}

.esr-main-container .form-control[disabled],
.esr-main-container .form-control[readonly],
.esr_modal .form-control[disabled],
.esr_modal .form-control[readonly] {
  background-color: #eeeeee63;
  opacity: 1;
}

.esr-main-container select, .esr-main-container textarea, .esr-main-container input[type='text'],
.esr-main-container input[type='date'],
.esr_modal input[type='text'],
.esr_modal select,
.esr_modal textarea {
  min-height: 32px;
  padding-left: 6px;
}

.esr-main-container .seldate, .esr_modal .seldate {
  padding-left: 6px;
}

.esr-main-container legend, .esr_modal legend {
  font-size: 15px;
  margin-bottom: 0px;
  width: auto;
  min-width: 20%;
  border: 1px solid var(--esr-active-color);
  border-radius: 4px;
  padding: 5px 20px 5px 15px;
  background-color: #fff;
  color: var(--esr-active-color);
}

.esr-main-container fieldset, .esr_modal fieldset {
  border: 1px solid #ddd !important;
  margin: 0;
  min-width: 0;
  padding: 10px;
  position: relative;
  border-radius: 4px;
  background-color: #fff;
  padding-left: 10px !important;
}

.esr-main-container fieldset fieldset, .esr_modal fieldset fieldset {
  background-color: #eeeeee7d;
  position: relative;
  box-shadow: -2px 2px 6px #3333333d;
  border: 1px solid transparent !important;
  transition: 0.3s;
}

.esr-main-container fieldset fieldset:hover, .esr_modal fieldset fieldset:hover {
  box-shadow: -2px 2px 9px #33333363;
  transition: 0.3s;
}

.esr-main-container fieldset fieldset .dropdown, .esr_modal fieldset fieldset .dropdown {
  position: absolute;
  right: 10px;
  top: 26px;
}

@media only screen and (max-width: 479px) {
  .esr-main-container .tab-content {
    padding: 20px 15px 10px;
    display: block;
  }

  .esr-main-container .tab-content h3 {
    font-size: 18px;
  }
}

.esr-main-container .tab-content h3 {
  font-weight: 400;
  text-transform: uppercase;
  margin: 0 0 5px 0;
}

.esr-main-container .tab-content, .esr_modal .modal-body {
  color: #555;
  font-size: 14px;
  line-height: 26px;
  padding: 0px;
}


/**
End of common CSS in ESR
 */

/**
Vertical Tab Design
 */
.esr-vertical-tab {
  font-family: 'Maven Pro';
  display: table;
  width: 100%;
}

.esr-vertical-tab .nav-tabs {
  display: table-cell;
  width: 4%;
  vertical-align: top;
  border-right: 1px solid #cccccc38;
  border-bottom: none;
  transition: 0.3s width;
}

.esr-vertical-tab .nav-tabs li {
  float: none;
  vertical-align: top;
  border-bottom: none;
}

.esr-vertical-tab .nav-tabs li a {
  color: #555;
  background: #fff;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  padding: 10px 10px 10px 20px;
  margin: 0 10px 5px 0;
  border-radius: 0;
  border: 1px solid var(--esr-inactive-color);
  position: relative;
  transition: all 0.5s ease 0s;
}

.esr-vertical-tab .nav-tabs li a:hover,
.esr-vertical-tab .nav-tabs li.active a,
.esr-vertical-tab .nav-tabs li.active a:hover {
  color: var(--esr-active-color);
  border-color: var(--esr-active-color);
}

.esr-vertical-tab .nav-tabs li a:before,
.esr-vertical-tab .nav-tabs li a:after {
  content: "";
  background: var(--esr-inactive-color);
  height: 100%;
  width: 10px;
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.3s ease 0s;
}

.esr-vertical-tab .nav-tabs li a:after {
  background: var(--esr-inactive-color);
}

.esr-vertical-tab .nav-tabs li a:hover:before,
.esr-vertical-tab .nav-tabs li.active a:before {
  background: var(--esr-active-color);
}

.esr-vertical-tab .nav-tabs li a:hover:after,
.esr-vertical-tab .nav-tabs li.active a:after {
  width: 100%;
  opacity: 0;
}

@media only screen and (max-width: 479px) {
  .esr-vertical-tab .nav-tabs {
    width: 100%;
    display: block;
  }

  .esr-vertical-tab .nav-tabs li a {
    padding: 7px 7px;
    margin: 0 0 10px 0;
  }
}


.esr-vertical-tab .nav-tabs:hover {
  width: 20%;
  transition: 0.3s width;
}

.esr-vertical-tab .nav .nav-tabs li a {
  position: relative;
}

.esr-vertical-tab .ers_li_item {
  position: absolute;
  left: 40px;
  color: transparent;
  white-space: nowrap;
}

.esr-vertical-tab .nav-tabs:hover li.active .ers_li_item {
  color: var(--esr-active-color);
  transition: color 0.3s;
  transition-delay: 0.2s;
}

.esr-vertical-tab .nav-tabs:hover li .ers_li_item {
  color: var(--esr-active-color);
  transition: color 0.3s;
  transition-delay: 0.2s;
}

/*End of Vertical Tab */
.esr-horizontal-tab .nav-tabs {
  border: none;
  border-bottom: 2px solid var(--esr-active-color);
  margin: 0;
}

.esr-horizontal-tab .nav-tabs li {
  border-bottom: none !important;
}

.esr-horizontal-tab .nav-tabs li a {
  padding: 8px 10px;
  margin: 0 10px -1px 0;
  font-size: 12px;
  font-weight: bolder;
  color: #666;
  text-transform: uppercase;
  border: 2px solid var(--esr-inactive-color);
  border-bottom: none;
  border-radius: 5px 5px 0 0;
  z-index: 1;
  position: relative;
  transition: all 0.3s ease 0s;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.esr-horizontal-tab .nav-tabs li.active a {
  background: #fff !important;
  color: var(--esr-active-color) !important;
  border: 2px solid var(--esr-active-color) !important;
  border-bottom-color: transparent !important;
}

.esr-horizontal-tab .nav-tabs li:not(.active) a:hover {
  background: #fff !important;
  color: #333 !important;
  border: 2px solid var(--esr-inactive-color) !important;
  border-bottom-color: transparent !important;
}

.esr-horizontal-tab .nav-tabs li a:before {
  content: "";
  display: block;
  height: 2px;
  background: #fff;
  position: absolute;
  bottom: -2px;
  left: 0;
  right: 0;
  transform: scaleX(0);
  transition: all 0.3s ease-in-out 0s;
}

.esr-horizontal-tab .nav-tabs li.active a:before,
.esr-horizontal-tab .nav-tabs li a:hover:before {
  transform: scaleX(1);
}

.esr-horizontal-tab .esr-horizontal-tab-content {
  padding: 10px;
  font-size: 17px;
  color: var(--esr-inactive-color);
  line-height: 30px;
  letter-spacing: 1px;
  position: relative;
}

@media only screen and (max-width: 479px) {
  .esr-horizontal-tab .nav-tabs {
    border: none;
  }

  .esr-horizontal-tab .nav-tabs li {
    width: 100%;
    text-align: center;
    margin-bottom: 15px;
  }

  .esr-horizontal-tab .nav-tabs li a {
    margin: 0;
    border-bottom: 2px solid transparent;
  }

  .esr-horizontal-tab .nav-tabs li a:before {
    content: "";
    width: 100%;
    height: 2px;
    background: var(--esr-active-color);
    position: absolute;
    bottom: -2px;
    left: 0;
  }
}

.date-picker-icon::after {
  font: normal normal normal 14px/1 FontAwesome;
  content: "\f073";
  position: absolute;
  right: 10px;
  top: 30%;
}

.grid-box-info.sm {
  border: 1px solid #ccc;
  padding: 5px 10px;
  margin-top: 5px;
  margin-bottom: 5px;
}

.grid-box-container.md {
  min-height: 175px;
  max-height: 250px;
  overflow-y: auto;
  overflow-x: hidden;
}

.scroll-container.sm {
  max-height: 200px;
  overflow-y: scroll;
}

.highlight-table-row-border {
  border: 2px solid #c3c3c3;
}

.h35 {
  height: 35px;
}

.h30 {
  height: 30px;
}

.h40 {
  height: 40px;
}

.each_tool_layout {
  border: 1px solid #eee;
  margin: 10px;
  min-height: 350px;
  border-radius: 4px;
  padding: 20px;
  color: #555;
}

.op_result_container {
  margin: 1%;
  padding: 20px;
  border: 2px solid #eee;
  border-radius: 4px;
}

.op_result_container:hover {
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
  border: 2px solid #ddd;
}

.op_result_container table td {
  vertical-align: middle !important;
}

.op_result_container table tr td:first-child {
  font-weight: bold;
}

.btn.mw60 {
  min-width: 60px;
}

.switch {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 30px;
}

.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #2196F3;
}

input:focus + .slider {
  -webkit-box-shadow: 0 0 1px #2196F3;
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(17px);
  -ms-transform: translateX(17px);
  transform: translateX(17px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

.breadcrumb {
  display: inline-block;
  padding: 0;
  margin: 0;
  background: transparent;
  overflow: hidden;
}

.breadcrumb li {
  float: left;
  padding: 8px 15px 8px 50px;
  background: #738da3;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  position: relative;
}

.breadcrumb li:first-child {
  background: #738da3;
}

.breadcrumb li:last-child {
  background: #4d6274;
  margin-right: 18px;
}

.breadcrumb li:before {
  display: none;
}

.breadcrumb li:after {
  content: "";
  display: block;
  border-left: 18px solid #738da3;
  border-top: 18px solid transparent;
  border-bottom: 18px solid transparent;
  position: absolute;
  top: 0;
  right: -18px;
  z-index: 1;
}

.breadcrumb li:first-child:after {
  border-left-color: #738da3;
}

.breadcrumb li:last-child:after {
  border-left-color: #4d6274;
}

.breadcrumb li a {
  font-size: 14px;
  font-weight: bold;
  color: #fff;
}

@media only screen and (max-width: 479px) {
  .breadcrumb li {
    padding: 8px 15px 8px 30px;
  }
}

.query_id_input {
  font-size: 30px;
}

.divider_hr {
  border-top: 2px solid #ddd !important;
}

.upload-btn-wrapper {
  position: relative;
  overflow: hidden;
  display: inline-block;
}

.upload-btn-wrapper .upload-btn {
  border: 1px solid #5cb85c;
  color: #5cb85c;
  background-color: white;
  padding: 8px 20px;
  border-radius: 8px;
  font-size: 16px;
  font-weight: bold;
}

.upload-btn-wrapper .upload-btn:hover {
  cursor: pointer !important;
}

.upload-btn-wrapper input[type=file] {
  font-size: 100px;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}

.h30 + .chosen-container-single .chosen-single {
  height: 30px !important;
  line-height: 30px;
}

.h30 + .chosen-container-single .chosen-single div b {
  background-position-y: 5px !important;
}

.h35 + .chosen-container-single .chosen-single {
  height: 35px !important;
  line-height: 35px;
}

.h35 + .chosen-container-single .chosen-single div b {
  background-position-y: 8px !important;
}

.h40 + .chosen-container-single .chosen-single {
  height: 40px !important;
  line-height: 40px;
}

.h40 + .chosen-container-single .chosen-single div b {
  background-position-y: 10px !important;
}

.form-inline.for-chosen-container .chosen-container.chosen-container-single {
  width: auto !important;
}

.form-inline.for-chosen-container .min-w-200 .chosen-container.chosen-container-single {
  min-width: 200px;
}

.earndedn_records_container {
  max-height: 250px;
}

.progress-title {
  font-size: 18px;
  font-weight: 700;
  color: #000;
  margin: 0 0 10px;
}

.progress-outer {
  background: #fff;
  padding: 5px 60px 5px 5px;
  border: 5px solid #bebfbf;
  border-radius: 45px;
  margin-bottom: 20px;
  position: relative;
}

.progress {
  background: #bebfbf;
  border-radius: 20px;
  margin: 0;
}

.progress .progress-bar {
  border-radius: 20px;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-animation: animate-positive 2s;
  animation: animate-positive 2s;
}

.progress .progress-value {
  font-size: 20px;
  font-weight: 700;
  color: #6b7880;
  position: absolute;
  top: 3px;
  right: 10px;
}

@-webkit-keyframes animate-positive {
  0% {
    width: 0;
  }
}

@keyframes animate-positive {
  0% {
    width: 0;
  }
}

.queryEntryBox, .queryViewBox {
  padding-top: 20px;
}

.querysubmitform {
  border: 1px solid #eee;
  padding: 25px 15px;
  border-radius: 4px;
}

.grayed-out {
  background-color: #eee !important;
}

.queryPageHeader {
  border-radius: 0px !important;
  border-left: 5px solid #aeaeae;
  line-height: 33px;
  font-size: 13px;
  width: 100%;
  min-height: 40px;
}

.green-color {
  color: #5cb85c !important;
}

.border-radius-0 {
  border-radius: 0px !important;
}

.no-wrap {
  white-space: nowrap !important;
}

.pagination-outer {
  text-align: center;
}

.pagination {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
  z-index: 1;
}

.pagination li a.page-link {
  color: #2e85d3;
  background: transparent;
  font-size: 20px;
  font-weight: 600;
  line-height: 40px;
  text-align: center;
  padding: 0;
  margin: 0 6px;
  width: 40px;
  height: 40px;
  border: none;
  border-radius: 8px;
  -webkit-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}

.pagination li.active a.page-link,
.pagination li a.page-link:hover,
.pagination li.active a.page-link:hover {
  color: #2e86de;
  background: transparent;
  cursor: pointer !important;
}

.pagination li a.page-link:before {
  content: "";
  height: 100%;
  width: 100%;
  border: 20px dashed #2e86de;
  border-radius: 8px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.pagination li a.page-link:hover:before,
.pagination li.active a.page-link:before {
  border: 3px dashed #2e86de;
}

@media only screen and (max-width: 480px) {
  .pagination {
    display: block;
  }

  .pagination li {
    margin-bottom: 10px;
    display: inline-block;
  }
}

.shipping-progress-container {
  padding: 15px 20px;
  -webkit-box-shadow: 0px 2px 10px #888;
  box-shadow: 0px 2px 10px #888;
  margin: 20px 5px;
}

.shipping-progress-container .heading-text {
  background: #eee;
  padding: 10px;
  text-transform: uppercase;
}

#shipping-progressbar {
  margin-bottom: 30px;
  overflow: hidden;
  color: #455A64;
  padding-left: 0px;
  margin-top: 30px;
}

#shipping-progressbar li {
  list-style-type: none;
  font-size: 15px;
  width: 25%;
  float: left;
  position: relative;
  font-weight: bold;
  text-align: center;
}

#shipping-progressbar .step0:before {
  font-family: FontAwesome;
  content: "\f10c";
  color: #fff;
}

#shipping-progressbar li:before {
  width: 40px;
  height: 40px;
  line-height: 45px;
  display: block;
  font-size: 20px;
  background: #C5CAE9;
  border-radius: 50%;
  margin: auto;
  padding: 0px;
}

#shipping-progressbar li:after {
  content: '';
  width: 100%;
  height: 12px;
  background: #C5CAE9;
  position: absolute;
  left: 0;
  top: 16px;
  z-index: -1;
}

#shipping-progressbar li:last-child:after {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  position: absolute;
  left: -50%;
}

#shipping-progressbar li:nth-child(2):after,
#shipping-progressbar li:nth-child(3):after {
  left: -50%;
}

#shipping-progressbar li:first-child:after {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  position: absolute;
  left: 50%;
}

#shipping-progressbar li:last-child:after {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}

#shipping-progressbar li:first-child:after {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}

#shipping-progressbar li.active:before,
#shipping-progressbar li.active:after {
  background: #5cb85c !important;
}

#shipping-progressbar li.active:before {
  font-family: FontAwesome;
  content: "\f00c";
}

.counter {
  text-align: center;
  width: 200px;
  padding: 10px 10px 0;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}

.counter .counter-icon {
  color: #fff;
  background: -o-linear-gradient(left top, #febd3b, #ff6311 50%, transparent 51%);
  background: -webkit-gradient(linear, left top, right bottom, from(#febd3b), color-stop(50%, #ff6311), color-stop(51%, transparent));
  background: linear-gradient(to right bottom, #febd3b, #ff6311 50%, transparent 51%);
  font-size: 30px;
  text-align: left;
  height: 90px;
  width: 90px;
  padding: 3px 13px;
  position: absolute;
  left: 0;
  top: 0;
}

.counter-curved {
  background: #eee;
  border-radius: 35px;
}

.counter .counter-icon:before,
.counter .counter-icon:after {
  content: "";
  background: -o-linear-gradient(left top, transparent 49%, #a83e05 50%);
  background: -webkit-gradient(linear, left top, right bottom, color-stop(49%, transparent), color-stop(50%, #a83e05));
  background: linear-gradient(to right bottom, transparent 49%, #a83e05 50%);
  width: 10px;
  height: 10px;
  position: absolute;
  top: 0;
  right: 0;
}

.counter .counter-icon:after {
  top: auto;
  bottom: 0;
  left: 0;
  right: auto;
}

.counter .counter-value {
  color: #555;
  background-color: #fff;
  font-size: 38px;
  font-weight: 700;
  padding: 20px 20px 20px;
  border-radius: 0 30px 0 0;
  display: block;
}

.counter h3 {
  color: #fff;
  background: -o-linear-gradient(top, #febd3b, #ff6311);
  background: -webkit-gradient(linear, left top, left bottom, from(#febd3b), to(#ff6311));
  background: linear-gradient(to bottom, #febd3b, #ff6311);
  font-size: 15px;
  font-weight: 600;
  text-transform: uppercase;
  padding: 10px 15px;
  margin: 0 -10px;
  border-radius: 0 0 0 20px;
  position: relative;
}

.counter h3:before,
.counter h3:after {
  content: "";
  background: -o-linear-gradient(left top, transparent 49%, #a83e05 50%);
  background: -webkit-gradient(linear, left top, right bottom, color-stop(49%, transparent), color-stop(50%, #a83e05));
  background: linear-gradient(to right bottom, transparent 49%, #a83e05 50%);
  width: 10px;
  height: 10px;
  position: absolute;
  top: -10px;
  left: 0;
}

.counter h3:after {
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
  left: auto;
  right: 0;
}

.counter.red .counter-icon {
  background: -o-linear-gradient(left top, #fa123b, #c51115 50%, transparent 51%);
  background: -webkit-gradient(linear, left top, right bottom, from(#fa123b), color-stop(50%, #c51115), color-stop(51%, transparent));
  background: linear-gradient(to right bottom, #fa123b, #c51115 50%, transparent 51%);
}

.counter.red .counter-icon:before,
.counter.red .counter-icon:after {
  background: -o-linear-gradient(left top, transparent 49%, #660b1d 50%);
  background: -webkit-gradient(linear, left top, right bottom, color-stop(49%, transparent), color-stop(50%, #660b1d));
  background: linear-gradient(to right bottom, transparent 49%, #660b1d 50%);
}

.counter.red h3 {
  background: -o-linear-gradient(top, #fa123b, #c51115);
  background: -webkit-gradient(linear, left top, left bottom, from(#fa123b), to(#c51115));
  background: linear-gradient(to bottom, #fa123b, #c51115);
}

.counter.red h3:before,
.counter.red h3:after {
  background: -o-linear-gradient(left top, transparent 49%, #660b1d 50%);
  background: -webkit-gradient(linear, left top, right bottom, color-stop(49%, transparent), color-stop(50%, #660b1d));
  background: linear-gradient(to right bottom, transparent 49%, #660b1d 50%);
}

.counter.purple .counter-icon {
  background: -o-linear-gradient(left top, #ac23ae, #4b1340 50%, transparent 51%);
  background: -webkit-gradient(linear, left top, right bottom, from(#ac23ae), color-stop(50%, #4b1340), color-stop(51%, transparent));
  background: linear-gradient(to right bottom, #ac23ae, #4b1340 50%, transparent 51%);
}

.counter.purple .counter-icon:before,
.counter.purple .counter-icon:after {
  background: -o-linear-gradient(left top, transparent 49%, #28034e 50%);
  background: -webkit-gradient(linear, left top, right bottom, color-stop(49%, transparent), color-stop(50%, #28034e));
  background: linear-gradient(to right bottom, transparent 49%, #28034e 50%);
}

.counter.purple h3 {
  background: -o-linear-gradient(top, #ac23ae, #4b1340);
  background: -webkit-gradient(linear, left top, left bottom, from(#ac23ae), to(#4b1340));
  background: linear-gradient(to bottom, #ac23ae, #4b1340);
}

.counter.purple h3:before,
.counter.purple h3:after {
  background: -o-linear-gradient(left top, transparent 49%, #28034e 50%);
  background: -webkit-gradient(linear, left top, right bottom, color-stop(49%, transparent), color-stop(50%, #28034e));
  background: linear-gradient(to right bottom, transparent 49%, #28034e 50%);
}

.counter.blue .counter-icon {
  background: -o-linear-gradient(left top, #00a7db, #09409b 50%, transparent 51%);
  background: -webkit-gradient(linear, left top, right bottom, from(#00a7db), color-stop(50%, #09409b), color-stop(51%, transparent));
  background: linear-gradient(to right bottom, #00a7db, #09409b 50%, transparent 51%);
}

.counter.blue .counter-icon:before,
.counter.blue .counter-icon:after {
  background: -o-linear-gradient(left top, transparent 49%, #023b70 50%);
  background: -webkit-gradient(linear, left top, right bottom, color-stop(49%, transparent), color-stop(50%, #023b70));
  background: linear-gradient(to right bottom, transparent 49%, #023b70 50%);
}

.counter.blue h3 {
  background: -o-linear-gradient(top, #00a7db, #09409b);
  background: -webkit-gradient(linear, left top, left bottom, from(#00a7db), to(#09409b));
  background: linear-gradient(to bottom, #00a7db, #09409b);
}

.counter.blue h3:before,
.counter.blue h3:after {
  background: -o-linear-gradient(left top, transparent 49%, #023b70 50%);
  background: -webkit-gradient(linear, left top, right bottom, color-stop(49%, transparent), color-stop(50%, #023b70));
  background: linear-gradient(to right bottom, transparent 49%, #023b70 50%);
}

@media screen and (max-width: 990px) {
  .counter {
    margin-bottom: 40px;
  }
}

.query_id_text {
  font-size: 18px;
  letter-spacing: 1px;
}

.condensed .form-group {
  margin-bottom: 5px;
}

.header_main_cls h3.heading {
  margin: 3px;
}

.width300 {
  width: 300px;
}

table.floatThead-table {
  border-top: none;
  border-bottom: none;
  background-color: #fff;
}

table.floatThead-table th {
  color: #fff;
  position: sticky;
  top: -1px;
  background: #4D6274;
}

/* Custom Check box starts here */
/* Usage
<label class="checkbox-container">Text
  <input type="checkbox" checked="checked">
  <span class="checkbox-checkmark blue"></span>
</label>
*/

.checkbox-container {
  display: inline-block;
  position: relative !important;
  padding-left: 35px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.checkbox-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkbox-checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  border: 1px solid #3333333d;
  border-radius: 5px;
}

.checkbox-checkmark.medium {
  height: 30px;
  width: 30px;
}

.checkbox-container .checkbox-checkmark.medium:after {
  left: 10px;
  top: 5px;
  width: 9px;
  height: 16px;
}

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

/* When the checkbox is checked, add a blue background */
.checkbox-container input:checked ~ .checkbox-checkmark.blue {
  background-color: #2196F3;
}

.checkbox-container input:checked ~ .checkbox-checkmark.purple {
  background-color: #b32574;
}

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

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

/* Style the.checkbox-checkmark/indicator */
.checkbox-container .checkbox-checkmark:after {
  left: 9px;
  top: 3px;
  width: 7px;
  height: 14px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* Custom Check box Ends here */

.modal-xxl {
  width: auto;
  max-width: 90%;
}




.dwa_search-head h1.bor_botm{
  padding-bottom: 12px;
  font-size: 18px;
  margin: 5px 0px 10px 0;
  color: #333333;
  border-bottom: 1px dashed #707070;
}
.ag_box{
  background: #fff;
  padding: 15px 15px 20px 15px;
  margin-bottom: 15px;
  border-radius: 4px;
  display: table;
  width: 100%;
}
.ra_btn{
  display:flex;
  align-items: center;
  margin-bottom: 25px;
}
.blue_bg {
  background: #E6F0FD;

}
.ra_btn input[type="radio"]{
  height: auto;
  margin: 0 5px 0 0;
}
.usr_main_div.ag_new .col-sm-3{
  width: 25%;
}
.less_data.ag_box .control-data{
  margin-bottom: 5px;
}
.ra_btn label{
  margin: 0;
  cursor: pointer;
  font-size: 13px;
  font-weight: 600;
}
.ra_btn input[type="radio"]:checked + label{
  color:#5084e4;

}
.out_radio{
  display:flex;
  margin-top: 5px;
}
.out_radio .in_radio{
  margin-right: 35px;
}
.text-red{
  color: #ff0000;
}
.ag_new .control-label {
  font-size: 13px;
  font-weight: 500;
}
.ag_new .control-label i{
  font-size: 12px;
  color: #6A6A6A;
}
h1.bor_botm {
  padding: 0;
  padding-bottom: 7px;
  font-size: 17px;
  margin: 5px 11px 10px 0;
  font-weight: 600;
  color: #333333;
  border-bottom: 0;
}

.ag_new .control-data {
  font-size: 14px;
  font-weight: 600;
  display: block;
  margin-bottom: 20px;
}
.ag_new input, .ag_new select {
  height: 35px;
  border-radius: 0px;
  font-size: 12px;
  box-shadow: none;
  color: #000;
  font-weight: 600;
  margin-bottom: 25px;
}
.ag_new select.m_bo{

  margin-bottom: 15px;
}
.ag_new .btn_blue_new{
  border-radius: 0px;
  padding: 6px 15px;
  margin-top: 7px;
  background: #005BAF;
  border-color: #005BAF;
  color: #fff;
  float: right;
}
.ag_new .dwa-search-head{
  display: block;
  margin-bottom: 0;
}
.ag_new .sm_title{
  font-size: 15px;
  color: #000;
  padding: 6px 0 10px;
  margin: 0 0 8px 0;
}
.ag_box table{
  width: 100%;
  max-width: 100%;
  background: #fff;
}
.ag_box .table-responsive table th{
  font-weight: 600;
  font-size: 13px;
  padding: 13px 10px 13px 15px;
  color: #005baf;
  background: #EEF6FF;
  border-top: 1px solid #CFE7FF !important;
  border-bottom: 1px solid #CFE7FF;
}
.ag_box .table-responsive table td{
  color: #000;
  font-size: 12px;
  border: 0;
  border-bottom: 1px solid #F2F2F2;
  padding: 13px 10px 13px 15px;
  background: #fff;
  font-weight: 500;
}
.ag_box .table-responsive table td a{
  text-decoration: none;
}
.ag_box tbody tr:hover td {
  background: #FFFBF2;
}
.ag_box .search_block, .ag_pop .search_block{
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.ag_box .total_results, .ag_pop .total_results{
  margin-right: 8px;
  font-size: 12px;
}
.dwa_search{
  display: flex;
  margin-bottom: 0px;
}
.ag_box .search_block .form-control,.ag_pop .search_block .form-control  {
  height: 35px;
  width: 215px;
  font-size: 12px;
  padding-left: 10px;
  border-radius: 3px;
  box-shadow: none;
  margin-bottom: 0;
}

.ag_box .search_block button.btn, .ag_pop .search_block button.btn {
  border-radius: 0 2px 2px 0;
  background: #005BAF;
  border-color: #005BAF;
  color: #fff;
  margin-left: 0px;
}

/* Dashed border */
hr.dashed {
  border-top: 2px dashed #bbb;
}

/* Dotted border */
hr.dotted {
  border-top: 2px dotted #bbb;
}

/* Solid border */
hr.solid {
  border-top: 2px solid #bbb;
}

/* Rounded border */
hr.rounded {
  border-top: 8px solid #bbb;
  border-radius: 5px;
}

h1.bor_botm a{
  text-decoration: none;
  color: #000;
  display: block;
  width: 100%;
  padding: 10px 10px;
  background: #f3f3f3;
  border-radius: 3px;
  border: 1px solid #999;
  text-transform: uppercase;
  margin-top: 5px;
}
h1.bor_botm a span{
  width: 14px;
  height: 14px;
  overflow: hidden;
  position: relative;
  float: right;
  top: 2px;
  right: 6px;
}
h1.bor_botm a span svg{
  width: 14px;
  height: 14px;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
  transform: rotate(-180deg);
}
h1.bor_botm.acc_view{
  padding: 0 15px;
  margin: 0;
}
h1.bor_botm a.collapsed span svg{
  transform: rotate(0deg);
}
.ag_new .panel-collapse{
  padding-top: 20px;
}

.pd-left-0{
  padding-left: 0 !important;
}

.btn-in-form-3{
  border-radius: 2px;
  height: 30px;
  border: none;
  font-size: 14px;
  font-weight: 600;
  padding: 0 15px;
  line-height: 30px;
}
.btn-in-form-3.green{
  background: #00944D;
}
.btn-in-form-3.green:focus{
  background: #1c7430;
  border: none;
  outline: none;
}
.input-row-grp{
  display: flex;
  margin-bottom: 0px;
  align-items: flex-end;
}

.prc-form-control{
  height: 30px;
  line-height: 30px;
  border-radius: 2px;
}

.lbl-inline-fm{
  font-size: 13px;
  font-weight: 600;
  margin-bottom: 5px;
}