/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
/* 	margin: 0; */
	padding: 0;
	list-style: none;
}
.sf-menu li {
	position: relative;
}
.sf-menu ul {
	position: absolute;
	display: none;
	top: 100%;
	left: 0;
	z-index: 99;
}
.sf-menu > li {
	float: left;
}
.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul {
	display: block;
}

.sf-menu a {
	display: block;
	position: relative;
}
.sf-menu ul ul {
	top: 0;
	left: 100%;
}
/* .sf-js-enabled li a{ */
/* 	color: #05A9C5; */
/* } */

/*** DEMO SKIN ***/
.sf-menu {
	float: left;
/* 	margin-bottom: 1em; */
margin-bottom: 3px;
}
.sf-menu ul {
	box-shadow: 2px 2px 6px rgba(0,0,0,.2);
	min-width: 3em; /* allow long menu items to determine submenu width */
	*width: 3em; /* no auto sub width for IE7, see white-space comment below */
}
.sf-menu a {
	border-left: 1px solid #fff;
/* 	border-top: 1px solid #dFeEFF; fallback colour must use full shorthand */
/* 	border-top: 1px solid rgba(255,255,255,.5); */
	padding: 0.15em 1.1em;
	text-decoration: none;
	zoom: 1; /* IE7 */
}


.sf-menu a {
	color: white!important;
	font-weight: bold;
	text-decoration: none
}

.sf-menu li {
/* 	background: #fff; */
background: #7A7A7A;
	white-space: nowrap; /* no need for Supersubs plugin */
	*white-space: normal; /* ...unless you support IE7 (let it wrap) */
	-webkit-transition: background .2s;
	transition: background .2s;
}
.sf-menu li a:HOVER{
	color: white;
}

.sf-menu ul li {
	background: #666;
}
.sf-menu ul li a{
	color: white;
	font-size: 13px;
}
.sf-menu ul ul li {
/* 	background: #9AAEDB; */
	
}
.sf-menu li:hover,
.sf-menu li.sfHover {
	background: #05A9C5;
	/* only transition out, not in */
	-webkit-transition: none;
	transition: none;
	
	
}

/*** arrows (for all except IE7) **/
.sf-arrows .sf-with-ul {
	padding-right: 2.5em;
	*padding-right: 1em; /* no CSS arrows for IE7 (lack pseudo-elements) */
}
/* styling for both css and generated arrows */
.sf-arrows .sf-with-ul:after {
	content: '';
	position: absolute;
	top: 50%;
	right: 1em;
	margin-top: -3px;
	height: 0;
	width: 0;
	/* order of following 3 rules important for fallbacks to work */
	border: 5px solid transparent;
	border-top-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */
	border-top-color: rgba(255,255,255,.5);
	
}
.sf-arrows > li > .sf-with-ul:focus:after,
.sf-arrows > li:hover > .sf-with-ul:after,
.sf-arrows > .sfHover > .sf-with-ul:after {
	border-top-color: white; /* IE8 fallback colour */
	
}
/* styling for right-facing arrows */
.sf-arrows ul .sf-with-ul:after {
	margin-top: -5px;
	margin-right: -3px;
	border-color: transparent;
	border-left-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */
	border-left-color: rgba(255,255,255,.5);
	
}
.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows ul .sfHover > .sf-with-ul:after {
	border-left-color: white;

}

.content1 {
	padding: 15px 40px 40px 35px;
}
.border1 {
	border:1px solid rgb(207, 207, 207);
	padding: 15px
}
.title1 {
	clear: both;
	font-size: 18px;
	
}
.form-control {
	padding: .2rem .75rem;
	font-size: 0.8rem;
}
select.form-control:not([size]):not([multiple]) {
    height: calc(1.6rem + 2px);
}
.col-form-label {
	font-size: 0.8rem;
	padding-top: calc(.275rem + 1px);
	padding-bottom: calc(.275rem + 1px);
}
.btn {
	font-size: 0.8rem
}
.btn1 {
	  width: auto;  
	  letter-spacing: 1.1px;
}
.btn2 {
	  width: 165px;  
	  letter-spacing: 1.1px;
}
.content-tabs {
	margin-top: 20px
}
.filterbar {
    margin-top: 20px;
    background: #f2f2f2;
    padding: 10px 10px;
    margin-bottom: 10px;
}
.content-tabs, .content-tabs .table {
	font-size: 13px
}
.table1 {
    position: relative;
    top: 0;
    max-height: 325px;
    overflow-y: auto;
}
.table1 .table {
	margin-bottom: 0;
	font-size: 13px;
	
}
.table1 thead {
	position: -webkit-sticky;
	position: -moz-sticky;
    position: sticky;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
}
.footer1 {
	/* background-color: #e9ecef;
	padding: 10px; */
}
.title1 {
    color: #05A9C5;
}
.input-group .form-control {
	margin-top:0;
	height: 27.6px
}

.input-group-text {
	padding: 0.05rem .55rem
}


.calendar-img input {
    max-width: 90%;
    display: inline-block;
}
.calendar-img img {
    display: inline-block;
    float: right;
    vertical-align: top;
    margin-top: 9px;
}
.filterbar1 label {
	margin-right: 5px
}
.filterbar1 .form-control {
	margin-right: 15px
}

.title2 {
    background: #05A9C5;
    color: #fff;
    padding: 5px 15px;
    font-size: 17px;
}
.full-height {
	min-height: 100%
}
.modal-body1 {
    min-height: 360px;
}




ul.nav.nav-list.tree {
    display: block;
}
ul.list-group ul.nav.nav-list.tree {
    margin: auto auto 10px 50px;	
    display:none;
}
label.tree-toggler{
	position: relative;
	padding-left:12px;
	cursor: pointer;
}
label.tree-toggler:before{
    content: "";
    width: 10px;
    height: 1px;
    background-color: #000;
    display: inline-block;
    position: absolute;
    top: 11px;
    left: 0;
}
label.tree-toggler:after{
    content: "";
    width: 1px;
    height: 10px;
    background-color: #000;
    display: inline-block;
    position: absolute;
    top: 6px;
    left: 4px;
}
ul.list-group  ul label.tree-toggler:after {
	top:7px;
}
label.tree-toggler.thisOpen:after{
display: none;
}

label.tree-toggler .iconImg{
	margin: auto 5px;
	width: 20px;
}




#AddAccountDialog .boxborderd {
    border: 1px solid #ccc;
    margin-top: -17px;
    padding: 20px;
}
#AddAccountDialog h6 {
    background: #fff;
    display: inline-block;
    margin: 7px 6px;
    padding: 0 10px;
    position: relative;
    z-index: 1;
}
#AddAccountDialog #subaccountof {display: inline-block;width: 170px;}
#AddAccountDialog #accountName  {display: inline-block;width: 170px;}
#AddAccountDialog .bzbtn.text-center {
    margin: 15px auto;
    top: auto;
}



/*unpaid fees box    6-7-2018*/

.unpaid{float: left; width:  100%; border: 1px solid #000; margin-top: 10px; padding: 10px;}
.unpaid-header{ float: left; width: 100%;}
.unpaid-header-title{ float: left; font-weight: bold; font-size: 14px;}
.unpaid-right{ float: right;}
.unpaid-right ul{margin: 0px;}
.unpaid-right ul li:first-child { margin: 0px;}
.unpaid-right ul li { list-style: none; float: left; margin-left: 20px;}
.tab-content{float: left; width: 100%; margin-top: 15px;}
.footer1{ float: right; width: auto; margin-top: 15px;background-color: #e9ecef;padding: 10px;}
.footerForCreatingRecurrent{float: left; width: auto; margin-top: 15px;background-color: #e9ecef;padding: 10px;}
.footer2{ float: right; width: 10%; margin-top: 15px;}

.memorized-popup, .PayBills-popup, .popup-table1 {
	font-size: 13px
}	
.input-group-append1 {
    margin-top: 3px;
    margin-bottom: 3px;
}
.popup-table1 td, .popup-table1 th {
    font-size: 13px;
}
.popup-title1 {
	font-size: 1.2em;
    font-weight: bold;
}


/*13/07/2018*/
.memorizedbutton{float: left; width: 100%;}
.memorizedbutton ul{ float: right;}
.memorizedbutton ul li{float: left; list-style: none; margin-left: 10px; width: auto;  letter-spacing: 1.1px;}
.memorizedbutton ul li button{border: none; background-color: #17a2b8; color: #fff; font-size: 14px; padding: 10px;}
.memorizedbutton ul li button:hover{cursor: pointer;}



.form-group.dateWrap {
    padding-top: 30px;
    position: relative;
}.form-group.dateWrap span.placeholder {
    position: absolute;
    top: 0;
    right: 0;
}
#EditingRecurrentPaymentDlgId .box {
    border: 1px solid rgba(0,0,0,.1);
    padding: 15px;
    margin: 10px auto;
}

.btngroup2 {
	padding-bottom: 40px;
}
.btngroup2-fixed {
	position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: #efefef;
    padding: 10px 0;
    box-shadow: 0 -1px 4px rgba(0, 0, 0, 0.15);
}

.table1 .thead-light th {
    position: sticky;
    top: -1px;
    border: 0;
    outline: 1px solid #dee2e6;
}
.table2 {
    max-height: calc(100% - 210px);
}
.custom-fixed-tabs, .form1 {
	font-size: 13px
}
.form1 {
    padding: 0 6px;
}
.form2 {
	font-size: 13px
}

.bz_dialogTable{
	width: 100%;
}