/** Font Family **/
@font-face {
	font-family: 'AVENIR-BOLD';
	src: url('fonts/Avenir-Next-LT-Pro-Demi.ttf') format('truetype'),
		url('fonts/Avenir-Next-LT-Pro-Demi.eot') format('embedded-opentype');
}
@font-face {
	font-family: 'AVENIR';
	src: url('fonts/Avenir-Next LT-Pro.ttf') format('truetype'),
		url('fonts/Avenir-Next-LT-Pro.eot') format('embedded-opentype');
}
body{
	font-family: 'AVENIR';
	}

/** Backgound Color **/
.bg-none{
	background-color: unset;
	}

.bg-1{
	background-color: #ffffff; /* white */
	}
.bg-2{
	background-color: #a5b1c2; /* gray */
	}
.bg-3{
	background-color: #96c947; /* green */
	}
.bg-4{
	background-color: #284255; /*dark blue*/
}
.bg-5{
	background-color: #ecf2f6; /*light gray*/
}
.bg-6{
	background-color: #ff6d6d; /*red*/
}
.bg-7{
	background-color: #96c947;	
}
.bg-8{
	background-color: #cad3e0;	
}
.bg-9{
	background-color: #f5f5f5;	
}
.bg-10{
	background-color: #75859c;	
}
/** Backgound Color End**/

/** Font Style **/

.italic{
	font-style: italic;
	}
.bold{
	/*font-weight: bold;*/
	font-family: 'AVENIR-BOLD';
	}
.normal{
	font-weight: normal;
	}
.underline{
	text-decoration:underline;
	}
	
/** Font Style **/

/** Alignment **/
.center{
	text-align:center;
}
.to-left{
	text-align:left;
	}
.to-right{
	text-align:right;
	}

/** Alignment **/

.uppercase{
	text-transform:uppercase;
	}

/** Font Size **/
.size-7{
	font-size:7px;
	}
.size-8{
	font-size:8px;
	}
.size-9{
	font-size:9px;
	}
.size-10{
	font-size:10px;
	}
.size-11{
	font-size:11px;
	}
.size-12{
	font-size:12px;
	}
.size-13{
	font-size:13px;
	}
.size-14{
	font-size:14px;
	}
.size-16{
	font-size:16px;
	}
.size-18{
	font-size:18px;
	}
.size-20{
	font-size:20px;
	}
.size-22{
	font-size:22px;
	}
.size-24{
	font-size:24px;
	}
.size-28{
	font-size:28px;
	}
.size-36{
	font-size:36px;
	}
.size-48{
	font-size:48px;
	}
.size-50{
	font-size:50px;
	}
.size-64{
	font-size:64px;
	}

/** Font Size End **/

/** Font Color **/

.color-1{
	color:  #ffffff; /* white */
	}
.color-2{
	color:  #000000; /* black 1*/
	}
.color-3, .Color-3{
	color:  #96c947; /* green 1 */
	}
.color-4{
	color:  #e7ebee; /* gray*/
	}
.color-5{
	color:  #a5a5a5; /* gray 2 */
	}
.color-6{
	color:  #3ab1ff; /* blue shade 2 */
	}
.color-7{
	color:  #ff6d6d; /* blue shade 2 */
	}	
.color-8{
	color:  #1fa4fc; /* blue shade 3 - used in login */
	}	
.color-9{
	color:  #a6a6a6; /* gray shade */
	}
.color-10{
	color:  #ffad1f; /* orange shade */
	}
.color-11{
	color:  #20bf6b; /* green shade */
	}
/** Font Color End **/

/** Border Radius */

.radius-3{
	border-radius: 3px;
	}
.radius-4{
	border-radius: 4px;
	}
.radius-5{
	border-radius: 5px;
	}

/** Border Radius End */

/** float right */

.f-right{
	float: right;
	}
.f-left{
	float: left;
	}

/** float right End */

/** display */

.d-i-b{
	display: inline-block;
	}
.d-i{
	display: inline;
	}
.d-none{
	display: none;
}
.d-block{
	display: block;
}
.d-i-flex{
	display: inline-flex !important;
}
/** display End */

/** Padding **/

.p-all-0{
	padding: 0;
	}
.p-all-5{
	padding: 5px;
	}
.p-all-8{
	padding: 8px;
	}
.p-all-10{
	padding: 10px;
	}
.p-all-15{
	padding: 15px;
	}
.p-all-20{
	padding: 20px;
	}
.p-all-50{
	padding: 50px;
	}
.p-l-0{
	padding-left: 0;
	}
.p-l-5{
	padding-left: 5px;
	}
.p-l-7{
		padding-left: 7px;
		}
.p-l-10{
	padding-left: 10px;
	}
.p-l-15{
	padding-left: 15px;
	}
.p-l-20{
	padding-left: 20px;
	}
.p-l-30 {
    padding-left: 30px;
}
.p-l-38 {
    padding-left: 38px;
}
.p-l-44 {
    padding-left: 44px;
}
.p-l-50 {
    padding-left: 50px;
}
.p-r-0{
	padding-right: 0;
	}
.p-r-5{
	padding-right: 5px;
	}
.p-r-10{
	padding-right: 10px;
	}
.p-r-13{
	padding-right: 13px;
	}
.p-r-14{
	padding-right: 14px;
	}
.p-r-15{
	padding-right: 15px;
	}
.p-r-20{
	padding-right: 20px;
	}
.p-t-0{
	padding-top: 0;
	}
.p-t-2{
	padding-top: 2px;
	}
.p-t-3{
	padding-top: 3px;
	}
.p-t-5{
	padding-top: 5px;
	}
.p-t-8{
	padding-top: 8px;
	}
.p-t-10{
	padding-top: 10px;
	}
.p-t-15{
	padding-top: 15px;
	}
.p-t-20{
	padding-top: 20px;
	}
.p-t-35{
	padding-top: 35px;
	}
.p-t-40{
	padding-top: 40px;
	}
.p-b-0{
	padding-bottom: 0;
	}
.p-b-5{
	padding-bottom: 5px;
	}
.p-b-9{
	padding-bottom: 9px;
	}
.p-b-10{
	padding-bottom: 10px;
	}
.p-b-15{
	padding-bottom: 15px;
	}
.p-b-20{
	padding-bottom: 20px;
	}
.p-lr-30{
	padding: 0 30px;
}
.p-lr-50{
	padding: 0 50px;
}
/** Padding End **/

/** Margin **/
.m-lr-2{
	margin-left: 2px;
	margin-right: 2px;
}
.m-tbr-5{
	margin-top: -5px;
	margin-bottom: -5px;
	margin-right: -5px;
	}

.m-all-0{
	margin: 0;
	}
.m-all-5{
	margin: 5px;
	}
.m-all-10{
	margin: 10px;
	}
.m-all-15{
	margin: 15px;
	}
.m-all-20{
	margin: 20px;
	}
.m-l-0{
	margin-left: 0;
	}
.m-l-5{
	margin-left: 5px;
	}
.m-l-10{
	margin-left: 10px;
	}
.m-l-15{
	margin-left: 15px;
	}
.m-l-20{
	margin-left: 20px;
	}
.m-l-30{
	margin-left: 30px;
	}
.m-r-0{
	margin-right: 0;
	}
.m-r-3{
	margin-right: 3px;
	}
.m-r-5{
	margin-right: 5px;
	}
.m-r-10{
	margin-right: 10px;
	}
.m-r-15{
	margin-right: 15px;
	}
.m-r-20{
	margin-right: 20px;
	}
.m-r-24{
	margin-right: 24px;
	}
.m-r-25{
	margin-right: 25px;
	}
.m-t-0{
	margin-top: 0;
	}
.m-t-2{
	margin-top: 2px;
	}
.m-t-3{
	margin-top: 3px;
	}
.m-t-5{
	margin-top: 5px;
	}
.m-t-6{
	margin-top: 6px;
	}
.m-t-7{
	margin-top: 7px;
	}
.m-t-10{
	margin-top: 10px;
	}
.m-t-13{
	margin-top: 13px;
	}
.m-t-15{
	margin-top: 15px;
	}
.m-t-18{
	margin-top: 18px;
	}
.m-t-20{
	margin-top: 20px;
	}
.m-t-25{
	margin-top: 25px;
	}
.m-t-30{
	margin-top: 30px;
	}
.m-t-50{
	margin-top: 50px;
	}
.m-t-55{
	margin-top: 55px;
	}
.m-t-60{
	margin-top: 60px;
	}
.m-t-65{
	margin-top: 65px;
	}
.m-t-70{
	margin-top: 70px;
	}
.m-t-75{
	margin-top: 75px;
	}
.m-t-80{
	margin-top: 80px;
	}
.m-t-85{
	margin-top: 85px;
	}
.m-t-90{
	margin-top: 90px;
	}
.m-b-0{
	margin-bottom: 0;
	}
.m-b-1{
	margin-bottom: 1px;
	}
.m-b-5{
	margin-bottom: 5px;
	}
.m-b-10{
	margin-bottom: 10px;
	}
.m-b-15{
	margin-bottom: 15px;
	}
.m-b-20{
	margin-bottom: 20px;
	}
.m-b-25{
	margin-bottom: 25px;
	}
.m-b-30{
	margin-bottom: 30px;
	}
.m-b-55{
	margin-bottom: 55px;
	}
.m-b-60{
	margin-bottom: 60px;
	}
.m-b-65{
	margin-bottom: 65px;
	}
.m-b-70{
	margin-bottom: 70px;
	}
.m-b-75{
	margin-bottom: 75px;
	}
.m-b-80{
	margin-bottom: 80px;
	}
.m-b-85{
	margin-bottom: 85px;
	}
.m-b-90{
	margin-bottom: 90px;
	}
.left-225{
	left: 225px !important;
}
/** Margin End **/


/** Border **/

.border-left-blue{
	border-left: 1px solid #298ed6;
	}
.border-right-blue{
	border-right: 1px solid #298ed6;
	}
.border-all-blue{
	border: 1px solid #284255;
	}
.border-bottom-input, .border-bottom-gray{
	border-bottom: 1px solid #cccccc;
}
.border-all-green {
	border: 1px solid #96c947;
}
.border-all-red {
	border: 1px solid #ff6d6d;
}
.border-all-gray{
	border: 1px solid #cccccc;
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
	}
.border-left-gray{
	border-left: 1px solid #505050;
	}
.border-right-gray{
	border-right: 1px solid #cccccc;
	}
.border-top-gray{
	border-top: 1px solid #cccccc;
	}
.b-tb-l-radius{
	border-top-left-radius: 17px;
    border-bottom-left-radius: 17px;
}
.b-tb-r-radius{
	border-top-right-radius: 17px;
    border-bottom-right-radius: 17px;
}
.b-none{
	border: none;
}
.b-l-none{
	border-left: none !important;
}
.border-solid-gray {
	border: 1px solid #ccc;
}
/** Border End **/

/** Cursor Start **/

.pointer{
	cursor:pointer;
	}
.not-allowed{
	pointer-events:none;
	}
.cursor-default{
	cursor:default;
	}
.cursor-na{
	cursor: not-allowed;
}
/** Cursor End **/

/** Position **/
.relative{
	position:relative;
}
.absolute{
	position:absolute;
}
.fixed{
	position:fixed;
}

/** Position End**/

/** Button **/
/* .btn-active{
	background-color: #006ba6 !important;
	}
.btn-active:hover{
	background-color: #027abc !important;
	}
.btn-inactive{
	background-color: #5f656b !important;
	}
.btn-inactive:hover{
	background-color: #71777d !important;
	} */


/** Button End **/

/** Line Height **/
.l-h-1{
	line-height:1;
	}
.l-h-16{
	line-height:1.6;
	}
.l-h-18{
	line-height:1.8;
	}
.l-h-2{
	line-height:2;
	}
.l-h-25{
	line-height:2.5;
	}
	.l-h-30{
	line-height:3;
	}
.l-h-23{
	    line-height: 2.3;
}
/** Line Height End **/

.shadow-1{
	box-shadow: 2px 1px 2px #333333;
	}

.index-1{
	z-index: 1;
	}
	
/** Tables **/
.table-100{
	width:100%;
	}
.table-50 {
	width: 50%;
}
.table-2-col tr td{
	width: 50%;
	}
.table-4-col tr td{
	width: 25%;
	}
.table-5-col tr td{
	width: 20%;
	}
.table-6-col tr td{
	width: 16.6%;
	}
.table-7-col tr td{
	width: 14.28%;
	}
.tbl-2-col-sm tr td:first-child{
	padding-right:10px;
	}
.tbl-2-col-sm tr td{
	padding-bottom:10px;
	}


/** Overflow **/
.overflow-hidden{
	overflow:hidden;
	}

.ul-lb-thick{
	border-left: solid #e1e1e1;
	}
	
/** Height **/
.h-20{
	height: 20px;
	}
.h-25{
	height: 25px;
	}
.h-32{
	height: 32px;
	}	
.h-60{
	height: 60px;
	}
	
.datetimeDiv{
	padding: 15px 15px;
	}

div#content-con {
    background: #fff;
    /* min-height: 50%; */
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    font-size: 12px;
	padding: 15px 0px 15px 0px;
	/* margin-top: 13%; */
    min-height: 475px;
}

.no-pads{
	padding: 0;
}

.btn_blue{
    
    background-image: linear-gradient(rgba(33, 169, 236, 0), rgba(1, 9, 13, 0.1));
    background-color: #96c947;
    border-radius: 35px !important;
    padding: 8px 20px;
    border: 1px solid #8bc947;
    font-size: 14px;
    color: #fff;
    outline: none !important;
}

.btn_white{
	background: #fff;
    border-radius: 18px;
    padding: 6px 12px;
	border: 1px solid #45aaf2;
	font-size: 12px;
	color: #45aaf2;
}

.btn_gray{
    background-image: linear-gradient(rgba(33, 169, 236, 0), rgba(1, 9, 13, 0.1));
    background-color: #a5b1c2;  
    border-radius: 35px !important;
    padding: 8px 20px !important;
	border: 1px solid #a5b1c2;
	font-size: 14px !important;
	color: #fff;
    outline: none !important;
}

.btn_blue:hover{
	color: #fff;
    background-position: 0 -15px;
    transition: background-position 0.1s linear;
}

.btn_white:hover{
	color: #45aaf2;
}

.btn_gray:hover{
	color: #fff;
    background-position: 0 -15px;
    transition: background-position 0.1s linear;
}

.btn_blue:focus{
	color: #fff;
}

.btn_gray:focus{
	color: #fff;
}

.btn-opacity{
	opacity:0.5;
	cursor: not-allowed !important;
	}

.btn-opacity #btn-act-hover:hover{
	left: 0px !important;
	}
	
.calendar_icon{
	background-image: url("../../public/images/icons/calendar.png") !important;
    background-repeat: no-repeat !important;
    background-position: 98% 50% !important;
}
#branch-selection button{
	border: none;
    padding: 0;
	}
#branch-selection .caret{
	margin-top: 12px;
	margin-left: 5px !important;
	}

/*dropdown*/

.dropdown-menu .divider {
    background: #ccc;
}

.dropdown-menu {  
    padding: 0px 0;
    max-height: none; 
    overflow-y: unset;
    overflow-x: unset;
}

.dropdown-submenu > a > .dropdown-menu{
	max-height: 250px;
}

.dropdown-submenu .dropdown-menu {
    top: 0;
    left: 105%;/*198px;*/
}

.dropdown-submenu {
    position: relative;
}

#subcatmenu, #subcat_credit, #subcat_debit{
	max-height: 205px;
    overflow: auto; 
}

#branch-selection ul {
    top: 28px;
    left: -21px;
}

#account-selection button{
	border: none;
    padding: 0;
	}
#account-selection .caret{
	margin-top: 12px;
	margin-left: 5px !important;
	}

#account-selection ul {
    top: 38px;
    left: -21px;
}

.dropdown-menu>li>a{
    color: #6e6e6e;
    font-size: 14px;
    padding: 10px 10px;
}

#branch-dropdown .btn-default.active, #branch-dropdown .btn-default:active,#branch-dropdown  .open>.dropdown-toggle.btn-default {
    color: #ffffff !important;
    background-color: transparent  !important;
	}

.calendar_blue {
    background-image: url("../../public/images/icons/calendar.png") !important;
    background-repeat: no-repeat !important;
    background-position: 95% 50% !important;
}

.calendar_gray {
    background-image: url("../../public/images/icons/calendar_gray.png") !important;
    background-repeat: no-repeat !important;
    background-position: 95% 50% !important;
}

.suvnavdiv{
	/* margin-top: 57px; */
}

.btn_pop_blue{
    font-family: AVENIR !important;
    background-image: linear-gradient(rgba(33, 169, 236, 0), rgba(1, 9, 13, 0.1));
    background-color: #96c947 !important; /*green*/
    border-radius: 18px !important;
    padding: 6px 12px !important;
    border: 1px solid #8bc947 !important; /*green*/
    font-size: 14px !important;
    color: #fff !important;
    outline: none !important;
    min-width: 85px;
}

.btn_pop_blue:hover{
	color: #fff !important;
    background-position: 0 -15px !important;
    transition: background-position 0.1s linear;
}

.btn_pop_gray{
    font-family: AVENIR !important;
    background-image: linear-gradient(rgba(33, 169, 236, 0), rgba(1, 9, 13, 0.1));
    background-color: #a5b1c2 !important;
    border-radius: 18px !important;
    padding: 6px 12px !important;
    border: 1px solid #a5b1c2 !important;
    font-size: 14px !important;
    color: #fff !important;
    outline: none !important;
    min-width: 85px;
}

.btn_pop_gray:hover{
	color: #fff !important;
    background-position: 0 -15px !important;
    transition: background-position 0.1s linear;
}

div#quick_search {
   /*  padding: 10px; */
    position: absolute;
    background: #fff;
    width: 329px;
    margin-top: 5px;
    border-radius: 3px;
    margin-left: 12px;
	border: 1px solid #45aaf2;
	font-size: 12px;
	max-height: 250px;
    overflow: auto;
	z-index: 1;
}

div#quick_search a div.qs{
	padding: 5px 10px;
}

div#quick_search a div.qs:hover{
	background: #45aaf2;
	color: #fff;
	cursor: pointer;
}

div#quick_search div:first-child, div#quick_search div:first-child:hover{
	background: #fff;
	color: #6e6e6e;
	cursor: default;
	padding: 5px 10px;
}

.custom-ul{
	border: 1px solid #cccccc !important;
    border-radius: 4px;
    top: -57px !important;
	width: 230px;
	/* position: -ms-device-fixed; */
}

.mcustom-ul{
	border: 1px solid #cccccc !important;
    border-radius: 4px;
    top: -13px !important;
	width: 230px;
}

.reset-go{
	width: 50px;
    text-align: center;
	padding: 0 3px;
	text-transform: uppercase;
	color: #96C947;
	font-weight: bold;
	font-size: 12px;
}

.reset-go:hover{
	background: #eaeaea;
	border-radius: 3px;
}

.custom-button-div{
	border-top: 1px solid #cccccc;
	padding: 7px;
}

.v-align-middle{
	display: inline-block;
	vertical-align: middle;
}

/*FOR NOTIFICATIONS*/
.noti-div{
	min-width: 15px;
    position: absolute;
    min-height: 15px;
    border-radius: 50px;
    background: #ff6d6d;
    margin-left: 12px;
    margin-top: -5px;
	z-index: 1;
}

.noti-text{
    display: table;
    margin: 0 auto;
    font-size: 11px;
    color: white;
}

#noti-pending button{
	border: none;
}

#noti-pending ul{
	top: 38px;
    width: 450px;
	right: -21px;
	background: #ffffff;
	border: 1px solid #284255;
	border-bottom: none;
}
@media (max-width:767px){
	#noti-pending ul{
		width: 100%;
	}
}
.h-205{
	height: 205px;
    overflow: auto;
}

#noti-pending ul > li > a{
	color: #6e6e6e !important;
    padding: 8px 0px !important;
    font-size: 12px !important;
	border-bottom: 1px solid #284255;
}

#noti-pending ul > li > a:first-child{
	cursor: default !important;
	background: #ffffff !important;
}

/* #noti-pending ul > li > a:last-child{
	border-bottom: none;
} */

#noti-pending ul > li.noti-li > a:focus, #noti-pending ul > li.noti-li > a:hover, #noti-pending ul > li.noti-li:focus, #noti-pending ul > li.noti-li:hover{
	background: #ffeecc !important;
	cursor: pointer !important;
}

#noti-pending ul > li.divider{
	background: #284255 !important;
}

div.notiText-div1{
	width: 25px;
	text-align: center;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: left !important;
}

button.button_yes.btn_pop_blue {
	right: 0 !important;
	position: absolute !important;
	margin-right: 15px !important;
}

.ui-dialog .ui-dialog-buttonpane {
	padding: .3em 15px .3em 15px !important;;
}

button.button_no.btn_pop_gray.ui-button.ui-corner-all.ui-widget {
	background-color: #EC5564 !important;
	border: 1px solid #EC5564 !important;
}

/*Background*/
.title-bg-black {
	background: #474b4f;
}

/*Popup Btn*/
button.btn_pop_blue.bg-3.color-1.ui-button.ui-corner-all.ui-widget, button.add_custom_rate, button.btn_pop_blue.ui-button.ui-corner-all.ui-widget {
	right: 0 !important;
	position: absolute !important;
	margin-right: 15px !important;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
   .custom-ul {
       left: 555px;
	   position: -ms-page;
	   top: 285px !important;
   }
   #pd_date_filter .custom-ul,  #dp_date_filter .custom-ul,  #ac_date_filter .custom-ul{
	   left: 745px;
   }
   #dropdown_with_sub_cal .custom-ul{
	   left: 760px;
   }
   #date_filter_ul .custom-ul{
	   left: 555px;
   }
   .left-225{
	   left: 365px !important;
   }
   .specific_filter_date .custom-ul{
	   top: 245px !important;
   }
}

/* partition btn sell>mc>bulk */
button.partition-btn{
    font-family: AVENIR !important;
    background-image: linear-gradient(rgba(33, 169, 236, 0), rgba(1, 9, 13, 0.1));
    background-color: #96c947 !important; /*green*/
    border-radius: 18px !important;
    padding: 6px 12px !important;
    border: 1px solid #8bc947 !important; /*green*/
    font-size: 14px !important;
    color: #fff !important;
    outline: none !important;
    min-width: 85px;
	text-align: center !important;
}