@font-face {
	font-family: logo_font;
	src: url(../fonts/Ara-Hamah-AlThawra.ttf);
}
@font-face {
	font-family: segoeuil;
	src: url(../fonts/segoeuil.ttf);
}
@font-face {
	font-family: segoeui;
	src: url(../fonts/segoeui.ttf);
}
@font-face {
	font-family: segoeuib;
	src: url(../fonts/segoeuib.ttf);
}
.bg-danger {
	color: #fff;
}
.top_from_head {
	margin-top: 25px;
}
.bg-grdnt-danger {
	background: rgba(251,0,4,0.2);
}
.body_bg {
	background: #212121;
	min-height: 100vh;
	padding: 0;
	overflow: hidden;
}
.bg-dark {
	background: #000 !important;
}
.left_nav {
	background: #121212;
	padding: 0;
	color: #fff;
	min-height: 100vh;
}
.menu_toggle {
	position: absolute;
	top: 50vh;
	left: 90%;
	cursor: pointer;
}
body {
	font-family: segoeuil;
}
.navbar-brand span {
	letter-spacing: 5px;
}
.content_box {
	padding-top: 80px;
	height: 100vh;
	overflow: hidden;
	overflow-y: auto
}
.mb_10 {
	padding-bottom: 10px;
	padding-top: 10px;
}
.no-padding {
	padding: 0;
}
.input_edit .btn, .input_edit .form-control, .content_box, .content_box_ {
	font-size: 12px;
	font-family: segoeui
}
.content_box .head {
	font-family: segoeuib
}
.content_box_ .head {
	font-family: segoeuib
}
.content_box .border-bottom, .content_box .border-left, .content_box .border-right, .content_box_ .border-bottom, .content_box_ .border-left, .content_box_ .border-right {
	border-color: #494949 !important;
}
#uploaded_list .card1 {
	background-color: #252525;
	color: #fff;
}
.no-padding-lr {
	padding-left: 0;
	padding-right: 0;
}
.input_edit .form-control {
	padding-left: 3px;
	padding-right: 3px;
}
.input_box .form-control, .input_box .btn {
	border-radius: 0 !important;
}
.content_box_ .form-control, .content_box_ .btn {
	font-size: 12px;
}
.content_box h6 {
	text-align: center;
	margin-top: 30px;
	font-size: 1.2rem;
	font-family: segoeuil;
	letter-spacing: 1.5px;
	margin-bottom: 15px;
	color: #969696 !important;
}
.btn-verify {
	background: #ff3f1c;
	padding: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 100%;
}
.btn-disabled {
	background: rgba(139,139,139,1.00);
	padding: 20px;
	padding-top: 15px;
	padding-bottom: 15px;
	font-size: 12px;
	color: #fff;
	border-color: #ccc;
	cursor: not-allowed !important;
}
.btn-disabled:hover {
	background: rgba(139,139,139,1.00);
}
.tight-box .btn {
	padding: 5px;
}
.inner-pad {
	padding: 50px;
	padding-top: 0;
}
.content_box .rounded-top {
	border-top-left-radius: .5rem !important;
	border-top-right-radius: .5rem !important;
}
.content_box .rounded-bottom {
	border-bottom-left-radius: .5rem !important;
	border-bottom-right-radius: .5rem !important;
}
.content_box .rounded-top-right {
	border-top-right-radius: .5rem !important;
}
.content_box .rounded-bottom-right {
	border-bottom-right-radius: .5rem !important;
}
.wrap_text {
	text-overflow: ellipsis;
	overflow: hidden;
}
/*	
.content_box .rounded-left{
border-top-left-radius: .25rem !important;
border-top-right-radius: .25rem !important;	
}	
.content_box .rounded-right{
border-top-left-radius: .25rem !important;
border-top-right-radius: .25rem !important;	
}
*/	
.content_box .rounded {
	border-radius: .5rem !important;
}
.tooltip {
	font-family: segoeuil !important;
	background: #DDD08C;
	color: #000;
	padding: 15px;
}
.tooltip li {
	padding-bottom: 5px;
	padding-top: 5px;
	font-family: segoeuil !important;
}
.tooltip h6 {
	margin-left: 30px;
	margin-top: 15px;
}
.blink {
	animation: opacity 2s ease-in-out infinite;
	opacity: 1;
}
 @keyframes opacity {
 0% {
 opacity: 0;
}
 50% {
 opacity: 1;
}
 100% {
 opacity: 0;
}
}
.head {
	font-size: 16px;
	font-family: segoeui !important;
}
.head.text-success {
	color: #146600 !important;
	text-decoration: none;
	font-family: segoeui;
	font-size: 16px;
}
._white_box .border-bottom, ._white_box .border-left, ._white_box .border-right, ._white_box .border-top, ._white_box .border {
	border-color: #dee2e6 !important;
}
/*.nav-tabs .nav-link {
	color: #5b5b5b;
	border: 1px solid #5b5b5b;
}
.nav-tabs .nav-link {
	border-radius: 0;
	border-bottom: none;
	border-top-left-radius: 1rem;
	border-bottom-left-radius: 1rem;
	border-color: transparent !important;
}
.nav-tabs .nav-link_1 {
	border-radius: 0;
	border-top-right-radius: 1rem;
	border-bottom-right-radius: 1rem;
}
.nav-link {
	display: block;
	padding: 1rem;
}*/

.comparison_detail .nav-link {
	color: #595c60;
}
.comparison_detail .nav-tabs {
	border: none;
}
.bg-primary {
	background-color: #4fa9db !important;
}
._add_rule {
	padding-top: 15px;
}
.access_ .fa {
	cursor: pointer;
}
.access_action .fa {
	cursor: pointer;
}
.blinking {
	animation: opacity 2s ease-in-out infinite;
	opacity: 1;
}
 @keyframes opacity {
 0% {
 opacity: 1;
}
 50% {
 opacity: 0
}
 100% {
 opacity: 1;
}
}
.scroll_table.table-bordered td, .scroll_table.table-bordered th {
	border: 0.5px solid #505050;
}
.dropdown-toggle.btn-light {
	background: #fff;
	border: 1px solid #ced4da;
}
.npi_bulk .mb_10 {
	padding: 10px;
}
.scroll_table.table-bordered th:first-child, .scroll_table.table-bordered td:first-child {
	position: sticky;
	left: 0px;
	background-color: #393939;
	color: #fff;
	outline: 0.5px solid #505050;
}
.scroll_table.table-bordered th {
	background-color: #393939;
	color: #fff;
}
.bootstrap-select .dropdown-menu {
	min-width: 100% !important;
}
#myBtn {
	display: none;
	position: fixed;
	bottom: 20px;
	right: 50px;
	z-index: 999;
	font-size: 18px;
	border: none;
	outline: none;
	background-color: rgba(251,0,4,0.53);
	color: white;
	cursor: pointer;
	padding: 15px;
	border-radius: 4px;
}
#myBtn:hover {
	background-color: #555;
}
#detailed_view {
	font-size: 12px;
	overflow: auto;
}
#detailed_view table {
	margin-top: 1rem;
	border-color: #505050;
	color: #fff;
}
#detailed_view td .row {
	margin: 0 !important;
}
.pointer {
	cursor: pointer;
}
#detailed_view .modal-content, #detailed_view .modal-header, #detailed_view .modal-footer, #detailed_view .table tbody + tbody {
	background: none;
	border: none;
}
#detailed_view .table-bordered td, #detailed_view .table-bordered th {
	border: 0.5px solid #626262;
}
.filterbox .form-control, .filterbox .btn {
	font-size: 12px;
}
.back_btn {
	color: #fff;
}
#detailed_view thead {
	background: #989898;
	color: #000;
}
#detailed_view tfoot {
	background: #fff;
	color: #004711;
}
#detailed_view .close {
	color: #fff;
}
#detailed_view td, #detailed_view tfoot th {
	text-align: right !important;
}
#detailed_view td:first-child, #detailed_view tfoot th:first-child {
	text-align: left !important;
	width: 60%;
}

@media screen and (max-aspect-ratio:13/9) {
.input_edit .btn, .input_edit .form-control, .content_box, .content_box_ {
	font-size: 10px;
}
.inner-pad {
	padding: 20px;
}
}

@media screen and (max-aspect-ratio:13/9) {
#myBtn {
	right: 15px;
	bottom: 40px;
}
#detailed_view, #detailed_view .head.text-success {
	font-size: 8px !important;
}
#detailed_view .mb_10 {
	padding: 5px;
}
#detailed_view td:first-child, #detailed_view tfoot th:first-child {
	text-align: left !important;
	width: auto;
}
}
.is-preloaded {
	position: relative;
	/*background: rgba(255, 255, 255, 0.7);*/
	overflow: hidden;
	width: 100%;
	height: 100px;
}
.is-preloaded:after {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-animation: loading 3s ease-in-out infinite;
	-moz-animation: loading 3s ease-in-out infinite;
	animation: loading 3s ease-in-out infinite;
}
.gradient--white, .is-preloaded:after {
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 50%, rgba(255, 255, 255, 0) 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(50%, white), color-stop(100%, rgba(255, 255, 255, 0)));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 50%, rgba(255, 255, 255, 0) 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 50%, rgba(255, 255, 255, 0) 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 50%, rgba(255, 255, 255, 0) 100%);
	/* IE10+ */
	background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 50%, rgba(255, 255, 255, 0) 100%);
  /* W3C */
  
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff', GradientType=1 );
/* IE6-8 */
}
 @-webkit-keyframes loading {
 0% {
 -webkit-transform: translateX(-250px);
}
 50% {
 -webkit-transform: translateX(250px);
}
 100% {
 -webkit-transform: translateX(-250px);
}
}
@-moz-keyframes loading {
 0% {
 -moz-transform: translateX(-250px);
}
 50% {
 -moz-transform: translateX(250px);
}
 100% {
 -moz-transform: translateX(-250px);
}
}
@keyframes loading {
 0% {
 -webkit-transform: translateX(-250px);
 -moz-transform: translateX(-250px);
 -ms-transform: translateX(-250px);
 -o-transform: translateX(-250px);
 transform: translateX(-250px);
}
 50% {
 -webkit-transform: translateX(250px);
 -moz-transform: translateX(250px);
 -ms-transform: translateX(250px);
 -o-transform: translateX(250px);
 transform: translateX(250px);
}
 100% {
 -webkit-transform: translateX(-250px);
 -moz-transform: translateX(-250px);
 -ms-transform: translateX(-250px);
 -o-transform: translateX(-250px);
 transform: translateX(-250px);
}
}
thead {
	background: #000;
	color: #fff;
}
.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate {
	color: #868686 !important;
}
nav.fixed-top .nav-link {
	padding-bottom: 15px;
	padding-top: 15px;
}
/* SELECT 2 */
.select2 {
	width: 100% !important;
}
.select2-container--default .select2-selection--single {
	border-radius: 0;
}
.select2-container .select2-selection--single {
	height: auto;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
	color: gray;
	font-weight: normal;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
	display: none;
}
.select2-container .select2-selection--single .select2-selection__rendered {
	padding-left: 0;
	color: #000;
	font-weight: bold;
}
/* text box style */
.full_box, .select2-container--default .select2-selection--single {
	width: 100%;
	background-color: #e2e2e2;
	border: 1px solid black;
	padding: 5px 10px;
}
.full_box[type=text], .full_box[type=number] {
	height: 40px;
	margin-bottom: 5px;
}
.full_box[type=text], .full_box[type=number] {
	height: 40px;
	margin-bottom: 5px;
}
.half_box[type=text], .half_box[type=number] {
	height: 40px;
	margin-bottom: 5px;
}
.half_box_[type=text], .half_box_[type=number] {
	height: 40px;
	margin-bottom: 5px;
}
select.full_box {
	height: 40px;
	margin-bottom: 5px;
}
textarea.full_box, textarea.half_box {
	margin-bottom: 5px;
}
.half_box, .full_box_dark {
	background-color: #1b1b1b;
	width: 50%;
	border: 0px solid black;
	border-bottom: 1px solid black;
	height: 40px;
	padding: 5px 10px;
	color: white;
	float: left;
}
.half_box_ {
	background-color: #1b1b1b;
	width: 100%;
	border: 0px solid black;
	border-bottom: 1px solid black;
	height: 40px;
	padding: 5px 10px;
	color: white;
	float: left;
}
.full_box_dark {
	width: 100%;
	margin-bottom: 1rem;
}
textarea.full_box_dark {
	height: 122px;
}
.full_box:focus, .half_box:focus, .create input:focus, .create select:focus {
	border: 3px solid gray;
	outline: none;
}
.btn, h1, h2, h3, h4, h5, h6 {
	letter-spacing: 1.5px;
}
.btn {
	font-size: 12px;
	border-radius: 10px;
}
.btn-red {
	background-color: #8e0000;
	color: white;
	padding: 10px 37px;
}
.btn-req {
	background-color: #7B7B7B;
	color: white;
	padding: 10px 37px;
	letter-spacing: 2px;
}
.text-light {
	color: #fff !important;
}
hr {
	border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.table thead th {
	border-bottom: none;
}
.table-bordered td, .table-bordered th {
	border: 1px solid #565656;
}
.input-group-text {
	font-size: 80%;
}
.btn-search {
	font-size: 14.5px;
	border-radius: 0;
	color: white;
	border: none;
	background: #6F6F6F;
	background: -moz-linear-gradient(top, #b84d53 0%, #bc4849 3%, #ba4646 4%, #b64346 9%, #b84240 12%, #b74141 15%, #b1393a 21%, #ae3637 28%, #a62e2f 35%, #a42c2d 39%, #9d2526 44%, #9e2627 45%, #971f20 52%, #961e1f 57%, #911b1b 58%, #911b1b 60%, #8e1818 61%, #901a1a 62%, #8a1414 68%, #800f11 77%, #7c0e0f 84%, #740a0a 91%, #710a0b 97%, #6c0808 98%, #6f080c 100%);
	background: -webkit-linear-gradient(top, #b84d53 0%, #bc4849 3%, #ba4646 4%, #b64346 9%, #b84240 12%, #b74141 15%, #b1393a 21%, #ae3637 28%, #a62e2f 35%, #a42c2d 39%, #9d2526 44%, #9e2627 45%, #971f20 52%, #961e1f 57%, #911b1b 58%, #911b1b 60%, #8e1818 61%, #901a1a 62%, #8a1414 68%, #800f11 77%, #7c0e0f 84%, #740a0a 91%, #710a0b 97%, #6c0808 98%, #6f080c 100%);
	background: linear-gradient(to bottom, #b84d53 0%, #bc4849 3%, #ba4646 4%, #b64346 9%, #b84240 12%, #b74141 15%, #b1393a 21%, #ae3637 28%, #a62e2f 35%, #a42c2d 39%, #9d2526 44%, #9e2627 45%, #971f20 52%, #961e1f 57%, #911b1b 58%, #911b1b 60%, #8e1818 61%, #901a1a 62%, #8a1414 68%, #800f11 77%, #7c0e0f 84%, #740a0a 91%, #710a0b 97%, #6c0808 98%, #6f080c 100%);
 filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#b84d53', endColorstr='#6f080c', GradientType=0);
}

.btn-reset {
	font-size: 14.5px;
	border-radius: 0;
	color: white;
	border: none;
	background: #6F6F6F;
	
}



@media screen and (min-aspect-ratio:13/9) {
nav.fixed-top {
	padding-top: 0;
	padding-bottom: 0
}
.navbar-nav {
	display: none !important;
}
.navbar-toggler {
	display: none;
}
}

@media screen and (max-aspect-ratio:13/9) {
.navbar-nav {
	display: block !important;
}
.desktop_logout {
	display: none !important;
}
.col-md-4, .col-sm-4, .col-sm-8, .col-sm-10, .col-md-7, .col-md-5 {
	max-width: 100%;
	flex: 100%;
	ms-flex: 100%;
}
#left_nav {
	display: none !important;
}
}
.bg-summary {
	background-color: #3b3b3b !important;
	color: #fff;
	font-weight: bold;
}
.type_selected {
	background: #4689cc;
	color: #fff;
}
.td_hover:hover {
	background: #afd1f3;
	color: #000;
}
#denomination_p {
	top: 40px;
}
.modal-backdrop.show {
	opacity: 0;
	width: 0;
	height: 0;
}
.input-group-prepend {
	text-align: right;
}
.input-group-text {
	white-space: pre-line;
	text-align: right;
	justify-content: right;
}
.create .input-group-text {
	font-family: segoeuib;
}
#denomination_p .ng-scope .form-control.ng-pristine {
	height: 1.5em;
}
.font-9 {
	font-size: 9px;
}
#edit_transaction .input-group-text {
	font-size: 65%;
}
.menu_ {
	background: #121212;
	color: #7E7C7C !important;
}
.selected_menu {
	background: #840a0a !important;
	box-shadow: inset 0 3px 0 #a33030;
	-webkit-box-shadow: inset 0 3px 0 #a33030
}
.import_menu {
	background: #008e5e !important;
	box-shadow: inset 0 3px 0 #008e5e;
	-webkit-box-shadow: inset 0 3px 0 #4cd7a8
}
.menu_list_box {
	background: #3c3c3c !important;
	box-shadow: inset 0 3px 0 #6330a3;
	-webkit-box-shadow: inset 0 3px 0 #616161
}
.sidebar-nav .nav_ {
	padding-left: 2vw;
	padding-right: 2vw;
	padding-top: 0;
}
.sidebar-nav .nav_ a {
	color: #fff;
	margin-bottom: 10px;
}
.sidebar-nav .nav_ > li > a:focus, .sidebar-nav .nav > li > a:hover {
	color: #fff;
}
.sidebar-nav .nav_ > li > a {
	padding-top: 2vh;
	padding-bottom: 2vh;
	text-align: center;
	letter-spacing: 1.5PX;
	font-size: 1.2vh;
	transition: 0.5s;
	border: none !important;
	width: 100%;
}
.sidebar-nav .nav_ > li > a:hover {
	background: rgba(0,0,0,1.00) !important;
	transition: 0.5s;
}
.sidebar-nav .navbar-inner {
	border: none;
	box-shadow: none;
}
#toggle_menu img {
	padding: 5px;
}
.sidebar-nav .nav_ > li {
	position: relative;
	display: block;
	line-height: 20px;
	width: 100%;
}
.sidebar-nav .nav_ > li > a {
	position: relative;
	display: block;
	text-decoration: none !important;
}
.sidebar-nav {
	margin-top: 15px;
}
.logo_pos {
	box-shadow: none;
	background: #121212 !important;
	color: #fff;
	letter-spacing: 5px;
	font-size: 20px;
	font-family: logo_font;
}
.menu_label {
	background: #121212 !important;
	box-shadow: none;
	color: #3B3B3B !important;
	border: none;
	text-shadow: none;
	padding-bottom: 1vh;
	padding-top: 3vh;
}
.sidebar-nav .nav-list .fa {
	font-size: 1.2vh;
	margin: 10px;
	margin-top: 5px
}
.sidebar-nav .nav_ > li > a.not_up {
	border-bottom: none !important;
}
.sidebar-nav .nav_ > li > a.menu_inactive:hover, .sidebar-nav .nav_ > li > a.menu_inactive {
	border: none !important;
	background: #121212 !important;
}
.sidebar-nav .nav_ > li > a.upload_ {
	position: relative;
	display: block;
	text-decoration: none !important;
	border-bottom: solid 1px #990000 !important;
}
.error_pop {
	cursor: pointer;
}
._error_fa {
	position: absolute;
	left: 5px;
}
.fa-circle {
	position: absolute;
	right: 0;
}
.actv_nav { /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#a91539+0,a81438+1,ae0e3a+1,af0f3b+2,ad0e36+3,ac0d36+6,a80730+9,aa052f+11,a5002a+16,9c0027+23,9c0228+24,980026+26,860023+41,800021+43,7d0020+47,78001e+47,77001e+52,75001b+53,6e001d+55,66001a+63,620019+64,620019+66,5a0117+69,410111+92,400010+95,430011+97,3b010f+99,36020e+100 */
	background: #a91539 !important; /* Old browsers */
	background: -moz-linear-gradient(top, #a91539 0%, #a81438 1%, #ae0e3a 1%, #af0f3b 2%, #ad0e36 3%, #ac0d36 6%, #a80730 9%, #aa052f 11%, #a5002a 16%, #9c0027 23%, #9c0228 24%, #980026 26%, #860023 41%, #800021 43%, #7d0020 47%, #78001e 47%, #77001e 52%, #75001b 53%, #6e001d 55%, #66001a 63%, #620019 64%, #620019 66%, #5a0117 69%, #410111 92%, #400010 95%, #430011 97%, #3b010f 99%, #36020e 100%) !important; /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #a91539 0%, #a81438 1%, #ae0e3a 1%, #af0f3b 2%, #ad0e36 3%, #ac0d36 6%, #a80730 9%, #aa052f 11%, #a5002a 16%, #9c0027 23%, #9c0228 24%, #980026 26%, #860023 41%, #800021 43%, #7d0020 47%, #78001e 47%, #77001e 52%, #75001b 53%, #6e001d 55%, #66001a 63%, #620019 64%, #620019 66%, #5a0117 69%, #410111 92%, #400010 95%, #430011 97%, #3b010f 99%, #36020e 100%) !important; /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #a91539 0%, #a81438 1%, #ae0e3a 1%, #af0f3b 2%, #ad0e36 3%, #ac0d36 6%, #a80730 9%, #aa052f 11%, #a5002a 16%, #9c0027 23%, #9c0228 24%, #980026 26%, #860023 41%, #800021 43%, #7d0020 47%, #78001e 47%, #77001e 52%, #75001b 53%, #6e001d 55%, #66001a 63%, #620019 64%, #620019 66%, #5a0117 69%, #410111 92%, #400010 95%, #430011 97%, #3b010f 99%, #36020e 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a91539', endColorstr='#36020e', GradientType=0 ) !important; /* IE6-9 */
	color: #fff !important;
	box-shadow: none !important;
	-webkit-box-shadow: none !important;
}
.close {
	text-shadow: none;
}
.nav-tabs {
	border-bottom: 1px solid #555;
}
.table_denomination thead {
	font-size: 12px;
}
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
	border-color: #555
}
.setup-links a {
	color: #fff;
	font-size: 12px;
	letter-spacing: 1.5px
}
._filter .form-control, .add_new .form-control {
	font-size: 12px;
}
.alert p {
	margin-bottom: 0 !important;
}
.bg-th {
	background-color: #9e9e9e;
	color: black;
}
.bg-tr {
	background-color: #d8d8d8;
	color: black;
}
.is-bordered th, .is-bordered td {
	padding: .50rem;
	vertical-align: middle;
	border: 0px;
	border: 0.01rem solid #cfcfcf;
}
.search_bar {
	background-color: black;
	padding: 10px;
	color: #7c7c7c;
}
.ls1 {
	letter-spacing: 1px !important;
}
.br0 {
	border-radius: 0px !important;
}
#filter_ {
	border: none;
	border-radius: 15px;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0
}
.main_head {
	background: #840a22;
	padding: 10px;
	font-size: 1rem;
	color: #fff;
	border-radius: 15px;
	letter-spacing: 1.5px;
	color: #8f8f8f;
	text-transform: uppercase;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	padding-left: 20px;
}
.modal h1, .modal h2, .modal h3, .modal h4, .modal h5, .modal h6 {
	letter-spacing: 1.5px;
}
.posbos_nav_tabs {
	border: none;
	font-size: 15px;/*font-family: futura_bt !important;*/
}
.posbos_nav_tabs .nav-link {
	color: #8f8f8f !important;
	border-radius: 0;
	border-bottom: none;
	border-top-left-radius: 15px;
	border-bottom-left-radius: 15px;
	border-color: transparent !important;
	display: block;
	padding: 10px;
	font-size: 1rem;
	letter-spacing: 1.5px;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding-left: 20px;
}
.posbos_nav_tabs .nav-link_1 {
	border-radius: 0;
	border-top-right-radius: 0.7rem;
	border-bottom-right-radius: 0.7rem;
}
.active_tab_invoice {
	background: #ae143a;
	/* Old browsers */
	background: -moz-linear-gradient(top, #ae143a 0%, #af153b 1%, #ae0f37 2%, #af0e37 3%, #aa0f39 4%, #aa0f39 5%, #ad0c35 6%, #a5002a 16%, #9b0028 25%, #920025 30%, #900024 35%, #8b0123 36%, #8a0022 39%, #7e0121 45%, #75001d 54%, #64001a 62%, #520016 78%, #4b0215 81%, #4b0014 84%, #3f0110 95%, #3e000d 99%, #410112 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ae143a 0%, #af153b 1%, #ae0f37 2%, #af0e37 3%, #aa0f39 4%, #aa0f39 5%, #ad0c35 6%, #a5002a 16%, #9b0028 25%, #920025 30%, #900024 35%, #8b0123 36%, #8a0022 39%, #7e0121 45%, #75001d 54%, #64001a 62%, #520016 78%, #4b0215 81%, #4b0014 84%, #3f0110 95%, #3e000d 99%, #410112 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ae143a 0%, #af153b 1%, #ae0f37 2%, #af0e37 3%, #aa0f39 4%, #aa0f39 5%, #ad0c35 6%, #a5002a 16%, #9b0028 25%, #920025 30%, #900024 35%, #8b0123 36%, #8a0022 39%, #7e0121 45%, #75001d 54%, #64001a 62%, #520016 78%, #4b0215 81%, #4b0014 84%, #3f0110 95%, #3e000d 99%, #410112 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ae143a', endColorstr='#410112', GradientType=0);
/* IE6-9 */
}
.inactive_tab {
	background: #898989;
	background: -moz-linear-gradient(top, #898989 0%, #7e7e7e 18%, #7c7c7c 19%, #7a7a7a 23%, #787878 23%, #767676 27%, #676767 41%, #636363 43%, #5f5f5f 49%, #5b5b5b 50%, #5a5a5a 53%, #565656 55%, #525252 60%, #4e4e4e 62%, #424242 73%, #3c3c3c 82%, #3a3a3a 82%, #2e2e2e 100%);
	background: -webkit-linear-gradient(top, #898989 0%, #7e7e7e 18%, #7c7c7c 19%, #7a7a7a 23%, #787878 23%, #767676 27%, #676767 41%, #636363 43%, #5f5f5f 49%, #5b5b5b 50%, #5a5a5a 53%, #565656 55%, #525252 60%, #4e4e4e 62%, #424242 73%, #3c3c3c 82%, #3a3a3a 82%, #2e2e2e 100%);
	background: linear-gradient(to bottom,  #898989 0%, #7e7e7e 18%, #7c7c7c 19%, #7a7a7a 23%, #787878 23%, #767676 27%, #676767 41%, #636363 43%, #5f5f5f 49%, #5b5b5b 50%, #5a5a5a 53%, #565656 55%, #525252 60%, #4e4e4e 62%, #424242 73%, #3c3c3c 82%, #3a3a3a 82%,  #2e2e2e 100%);
 filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#898989', endColorstr='#2e2e2e', GradientType=0);
}
.select2-container .select2-selection--single {
	height: 40px;
	color: #495057;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ced4da;
	border-radius: .25rem;
}

#resultTable {
	border-collapse: separate;
	background-color: #FFFFFF;
	border-spacing: 0;
	max-width: 100%;
	font-size:12px;
	
}
#resultTable {
	color: #000;
	text-shadow:none;
	width: 100%;
	box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.3);
	margin-top: 13px;
}

#resultTable .fa-2x{ font-size:1.5em; }

#resultTable thead tr th {
	background: none repeat scroll 0 0 #fff;
	color: #222222;
	padding: 10px 14px;
	text-align: left;
	border-top: 0 none;
	font-size: 13px;
	padding-top:40px;
}
#resultTable tbody tr td {
	
	text-align: left;
	padding: 10px 14px;
}
#resultTable td {
	padding: 7px;
	border: #bababa 1px solid;
	background:#e0e0e0;
	border-bottom:none;
}
#resultTable tr {
	background: #fff;
}
#resultTable tr:hover {
	background-color: #ffff99;
}
.no-padding-r{ padding-right:0; }
#sub_bill{ padding:3vh;background:url(../../images/bill_btn.png); background-size:cover;  color:#fff; border-top-left-radius:0;border-top-right-radius:0; height:10vh;  width:100%;font-size:2.5vh;border: none; }

.invoice_ input:focus {

    border: solid 5px #52A8EC !important;

}


  .ui-autocomplete {
    max-height: 500px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
  }
  /* IE 6 doesn't support max-height
   * we use height instead, but this forces the menu to always be this tall
   */
  * html .ui-autocomplete {
    height: 500px;
  }

#overlay {
	position: fixed;
	top: 0;
	z-index: 100;
	width: 100%;
	height: 100%;
	display: none;
	background: rgba(0,0,0,0.6);
}
.cv-spinner {
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.spinner {
	width: 40px;
	height: 40px;
	border: 4px #ddd solid;
	border-top: 4px #fff solid;
	border-radius: 50%;
	animation: sp-anime 0.8s infinite linear;
}
@keyframes sp-anime {
 100% {
 transform: rotate(360deg);
}
}
.is-hide {
	display: none;
}

@media screen and (max-aspect-ratio:13/9) {
.main_head, #filter_ {
	border-radius: 15px;
	margin-bottom: 5px;
}
.no-padding-r{ padding:0; }
}
.card{ border-radius:0; } 
.form-control, .form-group button{ font-size:0.8rem; font-weight:normal;  }