td,
input,
div,
p,
h1,
h2,
h3,
h4,
h5,
h6,
select,
option,
span,
button,
label,
textarea,
a {
    font-family: bbc !important;
}
.af-bank {
	font-family: af_bank_font !important;
}
.af-bank-bold {
	font-family: af_bank_font_bold !important;
}

.en-bank {
	font-family: en_bank_font !important;
}
td {
    font-size: 15px !important;
}
input,
select,
select {
    font-size: 17px !important;
}


a {
    text-decoration: none !important;
}
.mb-2 {
    margin-bottom: 10px !important;
}

tr.head_background th {
    background-color: #9dabb3 !important;
    color: #fff !important;
}

tr.head_background td {
    background-color: #9dabb3 !important;
    color: #fff !important;
}

tr.head_background_new th,
#portlet_color {
    background-color: #3598dc !important;
    color: #000000 !important;
}

tr.rent-head-background th,
#rent_color {
    background-color: #49a788 !important;
    color: #000000 !important;
}

.head_background_return {
    background-color: #49a788 !important;
    color: #000000 !important;
}

tr.clickEachRow td {
    cursor: pointer !important;
}

table.remove_border {
    border: 0px !important;
}
table.remove_border thead tr th,
table.remove_border tr td {
    border: 0px !important;
}
table.new_border_color th,
table.new_border_color td,
table.new_border_color,
table.new_border_color tr {
    border: 1px solid #000 !important;
}

tr.clickEachRow:hover td {
    cursor: pointer !important;
    background-color: #000;
    color: #fff;
}
#newBillId tr th,
#newBillId tr td {
    padding: 1px 5px !important;
}

td.ltr,
th.ltr {
    direction: ltr !important;
    text-align: left !important
}

.left2right {
    direction: ltr !important;
}

.date {
    color: #3ee607 !important;
}

td,
th {
    vertical-align: middle !important;
}

div.steel-form div.form-body {
    padding: 2px 10px !important;
}

div.steel-form div.form-group {
    margin-bottom: 5px !important;
}

#project_sidebar span {
    font-size: 20px !important;
}
#project_sidebar a {
    font-size: 17px !important;
}
.make_middle td,
.make_middle th {
    text-align: center !important;
}
#print_contract table td,
#print_contract table th {
    padding: 0px;
}

.border-radius {
    border-radius: 10px;
}

.border-style {
    border-radius: 5px;
    padding: 0px 10px !important;
}

.order-input {
    color: #000;
    padding: 0px 2px !important;
    height: 22px !important;
}

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

.img-wrapper {
    position: relative;
    padding-bottom: 50%;
    overflow: hidden;
    width: 100%;
}
.img-wrapper img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.fs-25 {
    font-size: 20px !important;
}

.m-0 {
    margin: 0px;
}

.pl-0 {
    padding-left: 0px !important;
}

.pr-0 {
    padding-right: 0px !important;
}
.pt-0 {
    padding-top: 0px !important;
}
.pb-0 {
    padding-bottom: 0px !important;
}
.newBorderColor .make-right {
    text-align: right !important;
}

#pro_name_id,
#account_name_id {
	box-sizing: border-box;
}

/*the container must be positioned relative:*/
.autocomplete {
	position: relative;
	display: inline-block;
}

#pro_name_id,
#account_name_id {
	border: 1px solid transparent;
	background-color: #f1f1f1;
	padding: 1px 8px;
	font-size: 16px;
}

#pro_name_id,
#account_name_id {
	background-color: #f1f1f1;
	width: 100%;
}

#pro_name_idautocomplete-list {
	margin: 0px 15px !important;
}

.autocomplete-items {
	position: absolute;
	border: 1px solid #d4d4d4;
	border-bottom: none;
	border-top: none;
	z-index: 99;
	/*position the autocomplete items to be the same width as the container:*/
	top: 100%;
	left: 0;
	right: 0;
}

.autocomplete-items div {
	padding: 10px;
	cursor: pointer;
	background-color: #fff;
	border-bottom: 1px solid #d4d4d4;
}

/*when hovering an item:*/
.autocomplete-items div:hover {
	background-color: #e9e9e9;
}

/*when navigating through the items using the arrow keys:*/
.autocomplete-active {
	background-color: DodgerBlue !important;
	color: #ffffff;
}
.display-none {
	display: none !important;
}

/* General style */
.p-0 { padding:0px }
.pl-0 { padding-left: 0px }
.pr-0 { padding-right: 0px }
.pt-0 { padding-top: 0px }
.pb-0 { padding-bottom: 0px }

.m-0 { margin:0px }
.ml-0 { margin-left: 0px }
.mr-0 { margin-right: 0px }
.mt-0 { margin-top: 0px }
.mb-0 { margin-bottom: 0px }
.submit-form { padding:3px 13px !important}
th.text-r, td.text-r, td p.text-r, th p.text-r { text-align: right !important}
th.text-l, td.text-l { text-align: left !important}
th.text-c, td.text-c { text-align: center !important}
.w-10{ width: 10% !important;}
.w-20{ width: 20% !important;}
.w-30{ width: 30% !important;}
.w-40{ width: 40% !important;}
.w-50{ width: 50% !important;}
.w-60{ width: 60% !important;}
.w-70{ width: 70% !important;}
.w-80{ width: 80% !important;}
.w-90{ width: 90% !important;}
.w-100{ width: 100% !important;}
.m-10 { margin: 10px;}
.fs-25 {font-size: 25px;}
.br-10 { border-radius: 10px;}
.new-box {
    border: 1px solid gray;
    padding: 10px;
    border-radius: 10px;
    margin-bottom: 10px;
}

.text-r {
    text-align: right !important;
}
div.page-sidebar .page-sidebar-menu li a i {color: #cb5a5e !important;}
div.page-sidebar .page-sidebar-menu li ul li a i {color: #0fd7ce !important;}
div.page-sidebar .page-sidebar-menu li ul li:hover a i {color: #cb5a5e !important;}
td.input-message span.error-help-block{ display: none !important;}
td.input-message .form-group{ margin: 0px !important;}
.red-color { color: rgb(218, 85, 85) !important;}
.green-color { color: lightseagreen !important;}