html {
    min-height: 100%;
    position: relative;
}
body {
	background-color: #FCFCFC;
	margin-bottom: 55px;
	padding-top:60px;
}

a:focus, .btn:focus, .btn:active:focus, .btn.active:focus, button:focus {
	outline:none;
}
.sidebar {
	background-color: #fff;
  border-left: 1px solid #ccc;
  bottom: 0;
  display: block;
  left: 0;
  overflow-x: hidden;
  overflow-y: hidden;
  padding: 0px;
  position: fixed;
  top: 48px;
  z-index: 1002;
	box-shadow: 0 0 5px #ccc;	
}
.sidebar .scrollbar {
	height: calc(100vh - 50px);
}

.sidebar .mCSB_draggerRail, .sidebar .mCSB_dragger_bar {

}
.site-footer {
    background-color: #f5f5f5;
    bottom: 0;
    color: #666;
    font-size: 13px;
    height: 60px;
    line-height: 60px;
    position: absolute;
    text-align: center;
    text-shadow: 0 0 1px #fff;
    width: 100%;
    z-index: 1001;
}
#main {
	padding-bottom:0;/*30px;*/
}

@media only screen and (max-width: 767px) {

	.footer .footer-inner {
		right:0 !important;
	}
	.attachment-async-list .attach-item {
		width: 33.33333333% !important;
	}
}
@media only screen and (min-width: 768px) {
	#main {
		margin-left:175px;
	}
	#main.side-min {
		margin-left:45px;
	}
	.modal-dialog:not(.meeting):not(.modal-xl):not(.modal-lg):not(.modal-sm) {
		max-width: 700px;
	}
}

@media only screen and (min-height: 600px) {
	.form-signin  {
		margin-top:100px !important;
	}
}

@media only screen and (min-width: 660px) and (max-width: 768px) {
	.tab-title {display:inline !important;}
}
@media only screen and (min-width: 850px) and (max-width: 990px) {
	.tab-title {display:inline !important;}
}
@media only screen and (min-width: 1280px){
	.tab-title {display:inline !important;}
}
@media only screen and (max-width: 370px){
	div.dataTables_length span:first-child {
		display:none
	}

	.attachment-async-list .attach-item {
		width: 50% !important;
	}
}

/* Typography --------------------*/
body {
	font-size: 13px;
}
.icon-comment-stack {
	font-size: 8px;
}

.panel-title, .panel-heading, .calendar .cal-caption,
.font-bold {
	font-weight: bold;
}

h1, .h1 {
	font-size:30px;
	margin:0;
}
.archive h1, .archive .h1, .page h1, .page .h1, .page-heading h1 {	
	margin-bottom: 15px;
}

p {text-align:justify;}
p:last-child {margin-bottom:0}
a:hover {
	cursor:pointer;
	cursor:hand;
}
ol li {
	margin-bottom: 5px;
    line-height: 1.7;
}
.tab-title {display:none;}
/* Icons */


.panel-heading .fa {
    background-color: transparent;
    font-size: 18px;
    font-weight: normal;
    line-height: 20px;
}
.panel-heading .btn .fa {
	font-size: inherit;
	}
/*.dashboard .panel-heading .fa {
    border-left: 1px solid #cdcdcd;
    box-shadow: 1px 0 0 0 #ffffff;
    height: 36px;
    right: 0;
    opacity: 0.7;
    padding: 12px 10px 8px;
    position: absolute;
    top: 0;
	}
	.dashboard .panel-heading {
    background-color: #f5f4f9;
    background-image: linear-gradient(to bottom, #f5f4f9 0%, #eceaf3 100%);
    background-repeat: repeat-x;
    border-bottom: 1px solid #cdcdcd;
    border-radius: 6px 6px 0 0;
    box-shadow: 0 1px 0 #ffffff inset;
    height: 36px;
    padding-right: 40px;
    position: relative;
}*/
.username:before , .password:before ,.search:before, .attachment:before,
.icon-circle-arrow-right:before,.icon-circle-arrow-left:before ,
.author:before,.executive:before,.department:before,.sdate:before,.fdate:before,
.stage:before,.tags:before, .edit:before,
.pdf:before,.zip:before,.msword:before,.xls:before,.ppt:before,.photo:before,
.add-file:before, .plus:before, .delete:before,.trash:before ,
.print:before,.create:before, .logout:before,
.rightarrow:before,.leftarrow:before, .inbox-icon:before,.unread:after,
.breadcrumb > span:first-child:before, .breadcrumb > span:not(:last-child):after {
  font-family: "Font Awesome 5 Pro";
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
	display: inline-block;
	font-size: 16px;
	vertical-align: middle;
	/*line-height:0;
	font-size: 18px;*/
}
.trash:hover:before {
	text-decoration:none;
	cursor: hand;
	cursor: pointer;
}
.username:before {
	content:"\f007";
}

.search:before {
	content: "\f002";
}

.attachment:before {
	content:  "\f0c6";
}
.icon-circle-arrow-right:before {
	content: "\f0da";
	font-size: 17px;
	font-weight: 100;
}
.icon-circle-arrow-left:before {
	content: "\f0d9";
	font-size: 17px;
	font-weight: 100;
}
.author:before {content: "\f007";}
.executive:before {content: "\f007";}
.department:not(.modal-dialog):before {content: "\f0e8";}
.sdate:before {content: "\f133";}
.fdate:before {content: "\f073";}
.stage:before {content:"\f0ae";}
.dataTables_scrollBody .stage:before {content:none;}
.tags:before {content: "\f02c";}
.edit:before {content: "\f040";}
.pdf:before {content: "\f1c1";color:#A94442;}
.zip:before {content: "\f1c6";color:#A94442;}
.msword:before {content: "\f1c2";color:#428BCA;}
.xls:before {content: "\f1c3";color:#3C763D;}
.ppt:before {content: "\f1c4";color:#A94442;}
.photo:before {content: "\f1c5";color:#8A6D3B;}
.add-file:before {content: "\f07c";}
.plus:before {content:"\f067";}
.delete:before {content:"\f00d";}
.trash:before {content:"\f1f8";}
.print:before {content:"\f02f";}
.create:before {content:"\f0d0";}
.logout:before {content:"\f011";}
.rightarrow:before {content:"\f0da";}
.leftarrow:before {content:"\f0d9";}
.inbox-icon:before {content:"\f0d9";}
.outbox-icon:before {content:"\f0d9";}
.unread:after {color: #a94442;content: "\f335";font-size:12px;float:left;font-weight:bold}
.unread:hover:after, .unread:focus:after {text-decoration: none;color:#333333}
.notification-list .unread:after ,.announce-board .unread:after{content:'';}

.page-heading {
	margin:0 auto 8px auto;
	padding: 0;
	display: inline-block;
	border-bottom:1px solid #ccc;
	display: flex;
	justify-content: space-between;
}
.page-heading > .row {
	flex-grow: 1;
}
.page-heading .list-inline {
	margin-bottom:0;
}
.panel-info {
	background-color:#D9EDF7;
}
.input-group .media {
	margin: 0;
}

.width-small {
	padding-right: 0;
	padding-left: 0;
  min-width: 45px;
}
.width-medium {
	padding-right: 0;
	padding-left: 0;
  min-width: 80px;
}
.width-54 {
	width: 54px !important;
}
.width-90 {
	width: 90px !important;
}
.nowrap {
	white-space: nowrap;
}
.table-borderless>tbody>tr>td, .table-borderless>tbody>tr>th, .table-borderless>tfoot>tr>td, .table-borderless>tfoot>tr>th, .table-borderless>thead>tr>td, .table-borderless>thead>tr>th {
	border: 0;
}
.border-radius-4 {
	border-radius: 4px !important;
}
.align-middle, table.align-middle td {
	vertical-align: middle !important;
}
.input-medium,.form-group .input-medium {
    width: 100px !important;
}
.input-small,.form-group .input-small {
    width: 50px;
}
.sh-padding,.form-control.sh-padding {
	padding-right:3px;
	padding-left:3px;
	}

.form-control {
	font-weight:normal;
}
.input-group-sm > select.form-control {
	padding-top: 3px;
	padding-bottom: 3px;
}

.no-padding {
	padding:0 !important;
}
.start-tight {
	padding-inline-start: 0 !important;
}
.end-tight {
	padding-inline-end: 0 !important;
}
.nomg {
	margin:0 !important;
}
.mg-bottom15 {
	margin-bottom:15px !important;
}
.mg-bottom-4 {
	margin-bottom:4px !important;
}
.mt-2px {
 margin-top: 2px !important;
}
.input-group-btn .btn {
	height:34px;
}
.mce-panel {
border-color: #ccc;}

.card-body.well {
	margin-bottom:0;
	border-radius:0 0 4px 4px;
}
.input-sm {
	font-size: 12px;
}
.inline-block {
	display: inline-block;
}
.block {
	display: block;
}
.progress.progress-small {
	height: 6px;
}
.label {
	font-weight: normal;
}
.form-control-feedback {
	left: 2px;
}
.pagination>li>a, .pagination>li>span {
	padding: 6px 8px;
	min-width: 30px;
	text-align: center;
}
.label-floating {
	position: absolute;
  right: 6px;
  color: #aaa;
  z-index: 4;
  top: -5px;
  font-size: 10px;
  background: #fff;
  height: auto;
  line-height: 1;
	padding: 0 2px;
}
.label-floating-left {
	left: 6px;
	right: auto;
}

/* attachment --------------------------*/
.attachment-async-list {
	flex-grow: 1;
}
.attachment-async-list .attach-item {
	width: 20%;
	float: left;
	padding: 0 5px;
}
.custom-form .attachment-async-list .attach-item {
	width: 33.3% !important;
}
.attachment-async-list .attachment-preview {
  overflow: hidden;
  display: flex;
	align-items: center;
	justify-content: center;
  border-radius: 4px;
  border: 4px solid #fff;
  box-shadow: 0 0 3px rgba(0,0,0,.2);
  text-align: center;
	background-color: #fff;
}
.dataTable:not(#ledger-table) .attachment-async-list .attach-item {
	width: 100% !important;
}
.dataTable .attachment-async-list .attachment-preview {
	height: auto !important;
	border-width: 1px;
}
.dataTable .attachment-async-list .attachment-preview img {
	max-height: 40px;
	max-width: 40px;
	width: auto;	
}
.dataTable .attachment-async-list .attachment-preview .fa-4x {
	font-size: 2em;
}
.attachment-async-list .attachment-preview img {
	width: 100%;
	height: auto;
}
.attachment-async-list .attachment-preview,
.attachment-async-list .file-upload-btn {
	height: 120px;
}
/* navigations --------------------------*/
#header {
	padding-top: 0;
	padding-bottom: 0
}

#header .nav {
	display:inline-block;
	margin-bottom:0;
	margin-top:0;
}
.navbar-toggle {
	margin-bottom:0;
	margin-top:3px;
	margin-right:-12px;
	margin-left: 18px;
	}

.navbar-brand {
	font-size: 16px;
}
.notification i {
	color:#fff;
	/*margin-right:90px;*/
}
li.notification a{
	min-width:55px;
	text-align:center;
}
.nav-sidebar {
  margin-bottom: 0;
	width:175px;
	padding:0;
}
.sidebar hr {
	margin: 0;
  border-color: #ddd;
}
.nav-sidebar li {
	position: relative;
}
.nav-sidebar li a {
  padding: 7px 10px;
	display:block;
	color: #444;
	position: relative;
}
.nav-sidebar li ul {
    padding: 0;
}
.nav-sidebar li ul li {
	position: relative;
}
.nav-sidebar li ul a {
  background-color: #f3f3f3;
	font-size: 14px;
	padding-left: 30px;
	white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.nav-sidebar li ul a:before, .nav-sidebar li ul a:after {
	content: '';
	position: absolute;
	left: 15px;
}
.nav-sidebar li ul a:before {
	border-right: 1px dashed #ccc;
	top: 0;
	bottom: 0;
}
.nav-sidebar li ul a:after {
  border-bottom: 1px dashed #ccc;
  width: 13px;
  top: 15px;
}
.nav-sidebar li ul a:hover,.nav-sidebar li ul a:focus {
  background-color: #ebf4f9;
	text-decoration: none;
}
.nav-sidebar .collapse.in {
	display: block;
}
.nav-sidebar > .active > a, .nav-sidebar > .active > a:hover,
.nav-sidebar > .active > a:focus{
  background-color: #428BCA;
  color: #FFFFFF;
}
.nav-sidebar .collapse .active  a, .nav-sidebar .collapse .active  a:hover,
.nav-sidebar .collapse .active  a:focus{
  background-color: #ebf4f9;
}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
  background-color: #428BCA;
  color: #fff;
	background-image: none;
}
.navbar-inverse .navbar-nav>li>.btn:focus {
	color: #9d9d9d;
}
.navbar-inverse .navbar-nav>li>.btn:hover {
	color: #fff;
}
.navbar-inverse .navbar-nav>li>.btn.active {
	color: #fff;
	opacity: 1;
	text-shadow: 0 0 5px #fff;
}
.nav-sidebar > li .has-tool {
	padding-right:30px;
}
.nav-sidebar > li .nav-tool,
.nav-sidebar > li.active a.nav-tool {
	background: none;
    box-shadow: none;
    right: 0;
    padding-right: 6px;
    position: absolute;
    top: 0;
}
.nav-sidebar > li .nav-tool:hover,
.nav-sidebar > li .nav-tool:focus,
.nav-sidebar > li.active a.nav-tool:hover,
.nav-sidebar > li.active a.nav-tool:focus {
	background:none;
}
.nav-sidebar > li a > .arrow {
    display: block;
    font-size: 18px;
    height: 14px;
    line-height: 14px;
    padding: 0;
    position: absolute;
    right: 10px;
    text-align: center;
    text-shadow: none;
    top: 15px;
    width: 14px !important;
}
.nav-sidebar li a {
	font-size:16px;
}
.nav-date input {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  border: medium none;
  bottom: 0;
  position: absolute;
	height:0;
	width:0;
}
#header .avatar {
	border: 1px solid #fff;
}
#header .dropdown-menu .avatar {
    border: 1px solid #ddd;
    padding: 1px;
}

@media only screen and (max-width: 550px) {
	.navbar-brand  {
		width: 74px;
		padding: 5px 0;
		font-size: 10px;
		line-height: 1.5;
	}
}
/*multiselect -------------------------------*/
select.multi_select:not(.select2-hidden-accessible),
select.tags_input:not(.select2-hidden-accessible),
select.remote_select:not(.select2-hidden-accessible)  {
	overflow: hidden;
	height: 34px;
	min-width: 150px;
	position: relative !important;
}

div:not(.input-group) > .select2-container {
	width: 100% !important;
}
.input-group-prepend ~ .select2-container {
	max-width: calc(100% - 80px);
}
.single-select.has-btn .input-group-prepend ~ .select2-container {
	max-width: calc(100% - 116px);
}
.input-group .cont-tags.has-btn ~ .select2-container {
	max-width: calc(100% - 124px);
}

.record-compare .select2-container {
	min-width: 290px;
}
.select2-container .select2-selection__rendered > *:first-child.select2-search--inline {
	width: 100% !important;
}
.select2-container .select2-selection__rendered > *:first-child.select2-search--inline .select2-search__field {
	width: 100% !important;
}
.select2-container .tags-input-dropdown {
	height: 0;
	display: none;
}
.select2-container--bootstrap4 .select2-selection {
	font-size: 13px;
}

.select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice {
	background-color: #f1f1f1;	
	margin-top: 2px;	
	/*max-width: 180px;
  overflow: hidden;
  text-overflow: ellipsis;*/
}

.select2-container--bootstrap4 .select2-results>.select2-results__options {
	max-height: 30em;
}
.select2-container--bootstrap4 .select2-results__option .select2-results__option {
	padding-right: 20px;
}
.select2-container--bootstrap4 .select2-selection--single {
  height: calc(1.95rem + 2px)!important;
}
.select2-container--bootstrap4 .select2-selection--multiple {
	min-height: calc(1.95rem + 2px)!important;
}
.select2-container--bootstrap4 .select2-selection--single .select2-selection__placeholder,
.select2-container--bootstrap4 .select2-selection--single .select2-selection__rendered {
    line-height: 2rem;
}

/*datepicker ----------------------*/
.ui-datepicker {
	/*width:12em;*/
}
.ui-datepicker .ui-datepicker-header {
	padding:0.6em 0;
}
.ui-datepicker table {
	margin:0;
}
.ui-datepicker th, .ui-datepicker td span, .ui-datepicker td a {
	padding:3px;
	height: 26px;
	line-height: 24px;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
  background: #007bff;
}
.ui-datepicker-today .ui-state-default:not(.ui-state-active) {
	background-color:#faf2cc;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	top:0;
	padding-top: 0.5em;
	background:none;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
	margin-top: 2px;
}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
	border: none;	
	border-bottom: 1px solid #ddd;
	-webkit-appearance: none;
    -moz-appearance: none;
	text-align-last:left;
	padding: 0 5px;
	background: none;
}
.ui-datepicker select.ui-datepicker-year {
	text-align-last:right;
}
.ui-datepicker select.ui-datepicker-year:focus {
	border: none;
}

.clock {
	direction:ltr;
}
.date-range-wrapper:not(.w-100) {
	max-width: 210px;
}
.date-range-wrapper .input-medium {
	width: 73px !important;
  padding: 0;
  text-align: center;
}

/*modal ------------------*/
.modal-content.loading-modal {
    background: none;
    box-shadow: none;
    border: none;
}
.modal {
	overflow-y:auto;
}
.modal .letter, .modal .meeting {
margin-top: 30px; }
.modal-dialog {
    margin-top: 70px;
}
.modal-lg {
	margin-top:30px;
}
.modal-xl {
	width: calc(100% - 30px) !important;
	max-width: 1200px;
	margin-top: 30px;
}
.modal-xl.transaction-modal-wrapper {
	max-width: 1500px;
}
.modal-header {
	background: #007bff;
  color: #fff;
}
.modal-header .close {
	color: #fff;
	text-shadow: none;
	opacity: 0.5;
}
.modal-header .close:hover {
	opacity: 1
}
.modal-header .minimize {
	position: absolute;
	right: 60px;
}
.modal-content {
	background-color:#fafafa;
	border: none;
}
.modal-footer {
	background: #eee;
}

.modal.minimized {
	height: auto;
    width: auto;
    bottom: 0;
    top: auto;
    right: 15px;
    left: auto;
	min-width: 260px;
}
.modal.minimized .modal-header .minimize {
	right: 0;
}
.modal.minimized .modal-body, .modal.minimized .modal-footer, .modal.minimized button.close {
	display: none;
}
.modal.minimized .modal-header {
	border-radius: 3px;
}
.modal.minimized .modal-title {
	white-space: nowrap;
	overflow: hidden;
}
.modal.minimized .modal-title .author,
.modal.minimized .modal-title .minimize-hidden {
	display: none;
}

#content {
	margin-top: 15px;
}
.wp-editor-wrap {
    border: 1px solid #CCCCCC;
}
input[type="file"] {
	display:none;
}
.file-name {
	direction:ltr;
	/*font-family:fontawesome;	*/
	overflow:hidden;
	max-width: 250px;
}
.attach-div .form-group:last-child {
	margin-bottom:0;
}

.attach-div .attach-item .btn
{
	border-radius:0;
}
.attach-div .attach-item:first-child .input-group-btn:first-child .btn {
	border-radius:0 4px 4px 0;
}
.attach-div .attach-item:first-child .input-group-btn:last-child .btn{
	border-top-left-radius:4px;
}
.attach-div .attach-item:last-child .input-group-btn:last-child .btn {
	border-bottom-left-radius:4px;
}
.attach_title {
	height: 35px;
}
#attach-submit {
	display:none;
}
.table:not(.form-table) .form-control {
    border-radius: 2px;
    height: 30px;
    padding: 2px 6px 2px 2px;
}
.table textarea.form-control {
	height: auto;
}
.panel-footer .table {
	margin-bottom:0;
}
/* The placeholder */
.tinymceholder .tinymce_label  {
    transform: rotate(-90deg);
	position: absolute;
    right: -7px;
}
.sel-btn {
	height:35px;
}
/*form sign in -----------------------------------------*/
/**/
.form-signin {
	max-width: 400px;
	margin: 0 auto;
	color:#666;
	padding: 0 10px;
}
#login {
	border: 1px solid #ddd;
	background-color:#fff;
	border-radius:5px;
	box-shadow: -30px 30px 50px rgba(0, 0, 0, 0.32);
	max-width: 400px;
	/*margin: 100px auto;    */
    padding: 30px 15px 15px;
}

input[name="username"], input[name="password"], input[type="email"]  {
	direction: ltr;
}
.form-signin .form-signin-heading, .form-signin .checkbox {
    margin-bottom: 10px;
	background:url("../images/logo.png") no-repeat right;
	padding: 10px 65px 10px 0;
	margin-right: 35px;
	opacity:0.8;
	color:#444;
	text-shadow:0 1px 1px #fff;
}
.form-signin .form-signin-heading {
	margin-right: 20px;
	font-size: 18px;
	font-weight: bold;
	height: 50px;
    line-height: 30px;
}
.form-signin-footer {
    font-size: 14px;
    font-weight: bold;
    margin-top: 20px;
    text-align: center;
}
.form-signin .checkbox {
    font-weight: normal;
}
.form-signin .form-control {
    box-sizing: border-box;
    font-size: 16px;
    height: auto;
    padding: 10px;
    position: relative;
}
.form-signin .form-control:focus {
    z-index: 2;
}
.user-avatar .file-upload-btn {
	height: 140px;
	width: 140px;
	margin: 0 auto;
	background: #eee;
	border: 1px solid #ddd;
}
.user-avatar .file-upload-btn .fa:before {
	content: '\f2bd';
	font-size: 90px;
}

.edition {
	position: absolute;
	bottom: 10px;
}
/* Table -----------------------------------*/
.table td.alert-td {min-width:17px;}
.table .project-row {
	padding: 0;
	background-color: #EBF1F9;
	}
.table .project-row > div {padding: 8px;}

.note-content table{
    color: #111;
    width: 100%;
    margin: 2px auto;
    padding: 0;
    border: 1px solid #eee;
    border-collapse:collapse;
}
.note-content table td{
    padding: 7px;
    border: 1px solid #eee;
}
/* provide some minimal visual accomodation for IE8 and below */
.note-content table tr{
    background: #eee;
}
/*  Define the background color for all the ODD background rows  */
.note-content table tr:nth-child(odd){
    background: #eee;
}
/*  Define the background color for all the EVEN background rows  */
.note-content table tr:nth-child(even){
    background: #fff;
}

.attachment {
	direction:ltr;
	text-align:center;
}
.row-tools {
	width:217px;
}
.product-table .row-tools {
	width:100px;
}
.timesheet-table .row-tools {
	width:100px;
}
.row-tools .list-inline {
}
.order-table .row-tools .list-inline-item:not(:last-child),
.purchase-table .row-tools .list-inline-item:not(:last-child) {
	margin-right: 0.2rem;	
}
.tablesorter-dropbox .tablesorter-header i {
padding:0 5px 0 3px;}
.tablesorter-dropbox td:nth-child(2),
.tablesorter-dropbox th:nth-child(2),
.tablesorter-dropbox td:last-child {
	text-align:right;
}
.tablesorter-dropbox td {
    border-bottom: 1px solid #ddd;
	margin:1px 0;
}
.info td {
	border-bottom: 1px solid #eaf8ff !important;
	font-weight:normal;
}
.danger td {
	border-bottom: 1px solid #F4CECD !important;
}
.success td {
	border-bottom: 1px solid #d6e9c6 !important;
}
td ul {
	margin:0;
	padding: 0;
}
td ul li {
	list-style:none;
}
.title-clip {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap;
    width: 200px;
}

.row-tool {
	width:35px;
	display:block;
}
.title-clip:hover{
	/*overflow: visible;
    width: auto;
    white-space: unset;*/
}
a.unread:hover, a.unread:focus, a.unread:active {
	text-decoration:none;
}
.hiprio {
	background-image:linear-gradient(to left, rgba(255, 255, 255, 0),#ff4c4c 1%, rgba(255, 255, 255, 0) 70%);
	}
.midprio {
	background-image:linear-gradient(to left, rgba(255, 255, 255, 0),rgba(255,153,0,1) 1%, rgba(255, 255, 255, 0) 70%);
	}
.midprio a, .hiprio a {
	color:#222;
	}
.delay-label {
	margin-left:5px;
	}
/*.info.midprio, .info.hiprio {
 background-color: #d9edf7;
 }
.success.midprio, .success.hiprio {
 background-color: #dff0d8;
 }
.warning.midprio, .warning.hiprio {
 background-color: #fcf8e3;
 }
.danger.midprio, .danger.hiprio {
 background-color: #f2dede;
 }
#page .hiprio:not(:hover) td ,#page .midprio:not(:hover) td {
	background-color:transparent;
	}*/
.tableFixHead          { overflow: auto; max-height: 80vh; }
.tableFixHead thead th { position: sticky; top: 0; z-index: 1; }
/* Datatables -------------------------------*/
table.dataTable {
	background-color: #fff;
	width: 100% !important;
}
.client_side_table {
	display: none;
}
table.dataTable td .fa {/*margin-left: 7px;*/}
table.dataTable .list-inline a .fa, table.dataTable .list-inline a.fa, table.dataTable .list-inline a.trash:before {
	/*font-size: 16px;*/
}
table.dataTable thead .sorting:before, table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:before, table.dataTable thead .sorting_desc_disabled:after {
	font-family: "Font Awesome 5 Pro";
}
table.dataTable thead .sorting:before, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_desc_disabled:before {
	right: auto;
	left: 1em;
	content: none;
}
table.dataTable thead .sorting:after {content: "\f0dc";}
table.dataTable thead .sorting_asc:after {content: "\f884"; opacity: 1}
table.dataTable thead .sorting_desc:after {content: "\f160"; opacity: 1}

table.table-bordered.dataTable th:last-child, table.table-bordered.dataTable th:last-child, table.table-bordered.dataTable td:last-child, table.table-bordered.dataTable td:last-child {
	border-right-width: 1px;
}

.order-page table.sortable td:not(.row-tools):not(.child), .order-page table.sortable th,
table.task-table td:nth-child(4) {
	white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 190px;
  overflow: hidden;
}
table.task-table td:nth-child(4) {
	max-width: 190px !important;
}
#main table.sortable td.date-column, #main table.sortable th.date-column {
	max-width: 60px !important;
}


table.dataTable tfoot .form-control {
	width: 100%;
}
table.dataTable tfoot .media {
	max-width: 200px;
}
div.dataTables_wrapper label {
	margin-bottom: 0;
}

/* Datables select -----------------*/
table.dataTable tbody>tr.selected td, 
table.dataTable tbody>tr>.selected {
	background-color: #ddd !important;
}
table.dataTable tbody tr.selected, 
table.dataTable tbody th.selected,
table.dataTable tbody td.selected {
	color: inherit;
}
table.dataTable tbody tr.selected a, table.dataTable tbody th.selected a, table.dataTable tbody td.selected a {
	color: #007bff;
}
table.dataTable tbody tr.selected a.btn,
table.dataTable tbody tr.selected a.badge {
	color:#fff !important;
}
table.dataTable tbody tr.selected a.badge-warning,
table.dataTable tbody tr.selected a.badge-light,
table.dataTable tbody tr.selected a.dropdown-item {
	color: #212529 !important;
}
table.dataTable tr td.select-checkbox-td:after {
	font-family: "Font Awesome 5 Pro";
	content: '\f0c8';
	line-height: 1;
	color: #666;
	font-size: 15px;
	font-weight: lighter;
	vertical-align: middle;
}
table.dataTable tr.selected td.select-checkbox-td:after {
	content: '\f14a';
	font-weight: bold;
}

/* Datatables tools ----------------*/
.dataTables_wrapper.form-inline label {
	margin: 0;
	padding:0;
}
div.dataTables_wrapper div.dataTables_length label {
	margin-right: 12px;
	float: left;
}
div.dataTables_wrapper div.dataTables_filter input {
	margin: 0;
	width: 100%;
	height: 30px;
}
div.dt-buttons {
	width:auto;
	float:left;
	display: none;
}
.dt-buttons .btn {
	padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
}
.dt-buttons .btn .fa {
	margin: 0;
}
div.dt-button-collection {
	left: 0 !important;
	z-index: 1001;
}
div.dt-button-collection div.dropdown-menu {
	z-index: 1002;
}

/* Datatbles print view -----------------*/
body.dt-print-view {
  padding: 20px;
}
body.dt-print-view h1 {
	font-size: 1.25rem;
	margin-bottom: 20px;
}
body.dt-print-view table {
	margin-top: 20px !important;
}
/* ColVis button */
ul.dt-button-collection.dropdown-menu {
	z-index: 1000;
}
div.dt-button-background {
	display: none !important;
}
.dt-button-collection .buttons-columnVisibility a {
	color: #333;
	display: block;
  padding: 4px 0;
	position: relative;
}
.dt-button-collection .buttons-columnVisibility a:hover,
.dt-button-collection .buttons-columnVisibility a:focus,
.dt-button-collection .buttons-columnVisibility a:active {
	text-decoration: none;
	background: #eee;
}
.dt-button-collection .buttons-columnVisibility a:before,
.dt-button-collection .buttons-columnVisibility.active a:before {
	font-family: "Font Awesome 5 Pro";
  	content: "\f096";
  	margin: 0 6px;
	vertical-align: middle;
	color: #459b45;
	width: 12px;
	display: inline-block;
	text-align: center;
}
.dt-button-collection .buttons-columnVisibility.active a:before {
	content: "\f14a";
}
/*.dt-button-collection .buttons-columnVisibility.active a:after {
	font-family: fontAwesome;
	content: "\f00c";
	position: absolute;
	right: 2px;
  top: 2px;
}*/

/* Customization */
th.id-column {width:40px;}

table.task-table td:last-child, table.project-table td:last-child {
	width: 100px;
	white-space: nowrap;
}
table.task-table td:nth-child(2) {
	width: 30px;
}
table.task-table td:nth-child(4) {
	width: 260px;
}
/*.sortable {
	visibility: hidden;
}*/
.table.dataTable > thead > tr {
    /*background: linear-gradient(to bottom, #f8f8f8 0px, #ececec 100%) repeat-x scroll 0 0 #f2f2f2;*/
    color: #707070;
    font-weight: 400;
}
.table-bordered>thead>tr>th, .table-bordered>thead>tr>td {
	border-bottom-width:1px;
}
.dataTables_wrapper {
	border: 1px solid #ddd;
	border-radius: 3px;
}
.card .dataTables_wrapper {
	border: none;
}
.dataTables_wrapper table.dataTable {
	border: none !important;
}
.datatable-header, .datatable-footer {
	padding: 10px 0;
	background-color: #EFF3F8;
	border: 1px solid #ddd;
	border-radius: 0 0 3px 3px;
	margin:-1px !important;
}
.datatable-header {
	border-radius: 3px 3px 0 0;
	margin-bottom: 74px !important;
}
.dataTables_wrapper.table-initiated .datatable-header {
	margin-bottom: 0 !important;
}
.tab-content .dataTables_wrapper,
.tab-content .datatable-header {
	border-top-right-radius: 0;
	border-top-left-radius: 0;
}
.table-wrapper .datatable-header {
	padding-top:0;
	border: none;
}
.table-wrapper .datatable-footer {
	border: none;
	border-top: 1px solid #ddd;
}
.table-wrapper table.dataTable {
	border-right:none;
	border-left:none;
}
.table-striped > tbody > tr:nth-of-type(odd) {
	/*background-color:#f3f3f3;*/
}
.dataTable .sorting_1,.table-striped > tbody > tr:nth-child(2n+1):not(:hover) > td.sorting_1 {
	background-color:#dcecf4;
}
.dataTable .sorting_2,.table-striped > tbody > tr:nth-child(2n+1):not(:hover) > td.sorting_2 {
	background-color:#ebf4f9;
}
.dataTable .sorting_3,.table-striped > tbody > tr:nth-child(2n+1):not(:hover) > td.sorting_3 {
	background-color:#fafcfe;
}
.table-hover>tbody>tr:hover {background-color: #EBF1F9;}

.dataTables_scrollBody table.dataTable thead .sorting,
.dataTables_scrollBody table.dataTable thead .sorting_asc,
.dataTables_scrollBody table.dataTable thead .sorting_desc,
.dataTables_scrollBody table.dataTable thead .sorting_asc_disabled,
.dataTables_scrollBody table.dataTable thead .sorting_desc_disabled {
	background:none;
}

div.dataTables_length select {
	width: 75px;
	display:inline-block;
	vertical-align:middle;
}

div.dataTables_filter label {	
	margin-left: 10px
}

div.dataTables_filter input {
	/*width: 16em;*/
}

div.dataTables_wrapper div.dataTables_paginate {	
	margin-bottom: -6px;
}

div.dataTables_paginate ul.pagination {
	margin: 0 !important;
	padding: 0;
}

table.dataTable td,
table.dataTable th {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

table.dataTable {
	border:1px solid #ddd;
	clear: both;
	margin-top: 0px !important;
	margin-bottom: 0px !important;
	max-width: none !important;
	font-size: 13px;
	min-height: 72px;
}

table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
	color:#707070;
	cursor: pointer;
}

table.dataTable thead > tr > th {
	padding-left: 18px;
	padding-right: 4px;
}

table.dataTable th:active {
	outline: none;
}

/* Scrolling */
div.dataTables_scrollHead {
	border-top: 1px solid #ddd !important;
}
div.dataTables_scrollHead table {
	margin-bottom: 0 !important;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

div.dataTables_scrollHead table thead tr:last-child th:first-child,
div.dataTables_scrollHead table thead tr:last-child td:first-child {
	border-bottom-left-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
}

div.dataTables_scrollBody table {
	border-top: none;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

div.dataTables_scrollBody tbody tr:first-child th,
div.dataTables_scrollBody tbody tr:first-child td {
	border-top: none;
}

div.dataTables_scrollFoot table {
	margin-top: 0 !important;
	border-top: none;
}

table.table-bordered th:last-child,
table.table-bordered td:last-child {
	border-left-width: 0;
}
div.dataTables_scrollHead table.table-bordered {
	border-bottom-width: 0;
}

/*
	Processing
*/
.dataTables_wrapper {
	position:relative;
}


body div.dataTables_wrapper div.dataTables_processing {
	width:100%;
	opacity:0.75;
	position: absolute;
	top:96px;
	bottom:51px;
	border:none;
	border-radius: 0;
	left:2px;
	right:2px;
	margin:0;
	font-size:34px;
	color: #337ab7;
	padding: 0;
	text-align:center;
}
body div.dataTables_wrapper div.dataTables_processing > div {
	display: flex;
  flex-direction: column;
  justify-content: center;
	height: 100%;
}
body .archive-comment div.dataTables_wrapper div.dataTables_processing {top:48px;bottom:55px;right:1px}

/* Resposive table ----*/
table.dataTable>tbody>tr.child ul.dtr-details {
	width: 100%;
}
/* Single -----------------------------------*/
.item-meta p {margin-bottom: 5px;}

.item-meta ul {
	padding: 0;    
}
.item-meta li {
	list-style:none;
}
.item-meta li .fa {
}
.item-meta li .caption {
}
.panel-content table {
	max-width: 100%;
}
.panel-content .card-body {
	overflow-x: auto;
}
.panel-content table td,.panel-content table th {
	border: 1px solid #ccc;
	padding: 4px 10px;
	text-align:center;
}
table p {margin:0}
.panel-content table p {
	text-align:center;
}
.panel-content table th,.panel-content table thead td {
	font-weight:bold;
	font-size:15px;
}
/*comments*/
.comment-list {
	padding-right:0;
}
.comment-list li {
	list-style:none;
	margin-bottom: 20px;
	padding:10px 15px;
}
.comment-body {

}
.comment-author {
	float:right;
}
.comment-author .fn {
	vertical-align: top;
  font-size: 13px;
  font-style: normal;
  font-weight: bold;
}
.comment-author .avatar {
	border-right: 3px solid #00A300;
}
.comment-meta {
	float:left;
}
.comment-meta a {
	color:#8c8c8c;
  font-size: 12px;
}
.comment-meta a:hover {
	text-decoration:none;
	color:#7a7a7a;
}
.comment-body p {
	margin-top: -12px;
  padding-right: 40px;
	font-weight:normal;
	width: 100%;
	float: right;
}
.says, .comment-edit-link {
	display:none;
}
.reply {
	text-align:left;
	margin-top: -20px;
	float: left;
}
#reply-title {
	float: left;
  font-size: 0.85rem;
}
#comment, #note_content {
	border-radius:4px 4px 0 0 !important;
	height:100px;
}
#respond {
}
.form-submit {
	padding:10px 5px;
	border:1px solid #ccc;
	border-radius: 0 0 4px 4px;
	background-color: #FAFAFA;
	border-top-width: 0;
}

#collapseEmail {
	border-bottom: 1px solid #ccc;
    box-shadow: 0 2px 5px #ccc;
	}
.collapseEmail-btn{
	border: 1px solid #ccc;
    border-top: none;
    border-radius: 0 0 4px 4px;
    box-shadow: 2px 2px 5px #ccc;
    left: 27px;
    padding: 5px 20px;
    position: absolute;
		z-index:1
	}
/*editable ------------------------------*/
.editable.has-feedback .form-control-feedback {
    display: block;
    height: auto;
    left: 0;
	right:auto;
    line-height: 30px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 15px;
}
.has-feedback .form-control {
	padding-right:12px;
}
.editable, .editable input {
	display:inline-block;
}
.editable:not(.open) {
	border-bottom: 1px dashed #428bca;
	cursor:copy;
	}
.editable input.date {
	width: 90px;
	height: 26px;
	text-align:right;
	padding-left: 5px;
	padding-right: 5px;
	}
.editable[id*='progress'] input {
	width:50px;
}
/* popover -----------------------------*/
.rem-popover {
	max-width: 200px;
}
.rem-popover, .ref-popover {
	z-index: 1030;
}
.popover .form-control{
  padding: 2px 6px 2px 2px;
}
.popover textarea.form-control {
height:auto;}
.popover .fa {
	font-size:14px;
	line-height: 1;
}
.notification-list {
    width: 250px;
}
.popover .list-group {
	margin-bottom:0;
	box-shadow: none;
}
.popover .list-group-item {
	border:none;
	margin-bottom:0;
	border-bottom:1px solid #ddd;
}
.popover .list-group-item:last-child {
border:none;}
.popover-error {
    border-color: #ccc;
    border-radius: 0;
    border-width: 1px;
    box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.2);
    color: #4d6883;
    padding: 0;
}
.popover-error .popover-title {
    border-bottom: none;
    border-radius: 0;
}
/* reminder --------------------------------------*/
.reminder {
	opacity:0.2;
}

.item:hover .reminder, .reminder.active {
	opacity:1;
}

#user-reminders {
	position: fixed;
	left: 15px;
	top:105px;
	text-align:center;
	z-index: 10000;
}

#user-reminders .card {
	width: 250px;
}

#user-reminders .card > .btn-group {
	margin: 0 -1px -1px -1px;
}
#user-reminders .card > .btn-group >.btn:first-child {
	border-top-right-radius: 0
}
#user-reminders .card > .btn-group >.btn:last-child {
	border-top-left-radius: 0
}
#user-reminders .card > .btn-group > .btn-group .btn {
	border-radius: 0 0 0 4px;
}
#user-reminders .alarm-icon i {
	float: left;
	opacity: 0.2;
	font-size: 80px !important;
	margin: 0 5px 0 0;
}

/*letter -----------------------------------------*/
.letter-edit .file-upload-btn {
	width:100px;
	padding: 6px 3px;
}

/* print preview ---------------------------------*/
@media print {
	body {
		padding-top: 0;
		background-color:transparent; 
		min-width: unset !important;
		margin-bottom: 0;
	}
  	/** {background-color:inherit;}*/
	a {text-decoration: none !important;}
	.print-preview tfoot {position:fixed;bottom:0;}
	.print-preview .a4 {width:21cm;}
	.print-preview .a5 {width:14.8cm;}
	.print-preview tr{page-break-inside:auto;}
	.mce-content-body div.mce-resizehandle, .tooltip {visibility:hidden;}	 
	.footer {background-color:transparent;display:none;}
	/*.container-fluid {padding-left: 0; padding-right: 0;}*/
	.col-sm-9, .col-md-10 {width:100%}
	.pagebreak-before:not(:first-child) { break-before: page; }
	.page-break-after { break-after: page; }
	#main {margin-right:0}
	.print-header > div {
  	background-color: #fff !important;
		color: #2e75b5 !important;
    -webkit-print-color-adjust: exact;
  }

	.sidebar, .print-preview .page-heading, .print-tools, .breadcrumb, .tooltip, #print-result,
	.mce-tinymce, .mce-throbber,
	.tox-tinymce,
	.report-section .page-heading, .daybook-entry-page .page-heading,
	.datatable-header, .datatable-footer,
	.row-tools .btn-group {
		display: none !important;
	}
	.mce-edit-focus,
	.mce-content-body img[data-mce-selected],
	.mce-content-body table[data-mce-selected] {
		outline: none !important;
	}

	.table-bordered td, .table-bordered th {
    border: 1px solid #aaa!important;
	}
	.table-bordered tbody td {
		padding: 0.35rem !important;
	}
	.balance-table {
		font-size: 11px;
	}
	#report .table-responsive {
		margin-top: 0 !important;
	}
	.dataTable tfoot {
		display: table-footer-group !important;
	}

	.sales-section.receipt-page .page-heading {
		display: none;
	}
}

.a4 {
	width:794px;
	height:1122px;
	max-width: 100%;
}
.a4.meeting-wrapper {
	height: auto;
	overflow-x: auto;
}
.a5 {
	width:561px;
	height:794px;
	max-width: 100%;
}
.print-div{
	background-color:#fff;
	box-shadow:0 0 3px #999;
	/*font-size: 20px;*/
	text-align:justify;
	margin-left: auto;
    margin-right: auto;
	margin-bottom:10px;
	overflow:hidden;
}
.print-div p {
	margin:0 0 1em;
	font-family: IRANSans_fa;	
  line-height: 1.8em;
}
.print-div p:first-child {
	margin-top:1em;
}
#print-result img {
	box-shadow: 0 0 5px #999;
  margin-bottom: 10px;
}

/*.print-header th {
	font-weight:normal;
	background:url("images/logo-letter.jpg") no-repeat center center;
}
.a4 .print-header {
	height:130px;
}
.a5 .print-header {
	height:90px;
}*/
th.letter-department {
    font-weight: bold;
	width:25%;
	padding: 0px;
	text-align:center;
}
/*.logo-letter {
	margin:0 auto;
	text-align: center;
}
/*.a4 .logo-letter img {
	width: 180px;
}
.a5 .logo-letter img {
	width: 130px;
	margin-top:5px;
}
.letter-detail {
	padding-top:20px;
	padding-right:20px;
}*/
/*.a5 .letter-detail {
	font-size: 17px;
    margin-top: 10px;
	padding-right:0;
}
.print-besme {
	text-align:center;
	margin-top:50px;
}
.print-recipient {
	font-weight:bold;
	font-size:19px;
	font-family:b titr;
	margin-top:50px;
	line-height: 200%;
}
.print-subject {
	margin-top:30px;
}
.print-content {
	margin: 20px 0;
	padding: 0 30px 80px;
	vertical-align:top;
}
.print-entry {
	margin-bottom:0;
}
.print-entry p {
	line-height:170%;
	text-indent: 30px;
}
.print-signature {
	float:left;
	width:300px;
	text-align:center;
	margin-top: 40px;
}
.print-signature span {
	font-weight:bold;
	font-size:15px;
}*/
.print-ccopy li {
	list-style:disc;
	margin-right:40px;
}/*
.print-footer {
    text-align: center;
	font-size: 14px;
    font-weight: bold;
	/*padding: 15px 0 15px 0;
	border-top:1px solid #000;
}
.a5 .print-footer {
	font-size:13px;
}*/

.mce-content-body .print-div.mce-item-table {
	border:none;
	font-size: inherit;
	margin-top:0;
}
.mce-content-body .print-div.mce-item-table th, .mce-content-body .print-div.mce-item-table td {
	border:none;
	font-size: inherit;
    padding: 0;
}
.mce-content-body .print-div.mce-item-table tr:first-child td {
	background-color: transparent;
    font-weight: inherit;
    font-size: inherit;
}
.mce-content-body:not(.invoice) .mce-item-table {
	border:1px solid #000;
	margin:30px auto;
}
.mce-content-body:not(.invoice)  .mce-item-table td,.mce-content-body:not(.invoice) .mce-item-table th,.mce-content-body:not(.invoice)  .mce-item-table caption {
	padding:5px 10px;
	border:none;
	border-bottom:1px solid #000;
	border-right:1px solid #000;
}
.mce-content-body:not(.invoice)  .mce-item-table caption {
	border: none;
}
/*.mce-content-body:not(.invoice)  .mce-item-table tr:first-child td {
	background-color:#ddd;
	font-weight:bold;
	font-size:14px;
}*/
.mce-content-body:not(.invoice) .mce-item-table {
	margin-bottom:0;
	font-size:13px;
	font-weight:normal;
	text-align:justify;
	line-height:1.42857;
	text-indent: 0;
}
.mce-content-body:not(.invoice) .mce-item-table th,.mce-content-body:not(.invoice) .mce-item-table thead td {
	font-weight:bold;
	font-size:14px;
}
.meeting-wrapper {
	padding:30px;
}
.meeting-div .table {
	margin:0;
	border:2px solid #000;
}
.meeting-div .table td {
	border-color:#000;
}
td.last-cell {
	border-left:2px solid !important;
}
.meeting-section {
	border-top:1px solid #000;
}
.meeting-div .row {
	border-bottom:1px solid #000;
}
/* Calendar ---------------------------*/
.calendar .cal-caption span {
	margin:0 10px;
	width:110px;
	text-align: center;
}
.calendar .cal-caption span, .calendar .cal-caption a {
	float:right;
}
.calendar .fa {
	margin:0 5px;
	vertical-align: middle;
}
.calendar td .fa {
	font-size:11px;
}
.calendar td, .calendar th{
	width:14.28%;
}
.calendar td {
	height:60px;
	cursor: pointer;
	vertical-align: middle;
}
.calendar td:hover, .calendar td.inactive {
	background-color:#f5f5f5;
	transition:all 0.3s;
}
.calendar td span {
	float: right;
    font-weight: bold;
    width: 100%;
}
.calendar td li {
	list-style:none;
}
.calendar .table .active {
	background-color: #d9edf7;
}

.scheduel-list .sched-title {
	font-weight: bold;
	font-size: 14px;
}
.scheduel-list .sched-title .fa {
	font-weight: normal;
	font-size: 16px;
}
.scheduel-list ol {
    counter-reset:li; /* Initiate a counter */
    margin-left:0; /* Remove the default left margin */
    padding-left:0; /* Remove the default left padding */
}
.scheduel-list ol > li {
    position:relative; /* Create a positioning context */
    margin:0 2em 6px 0; /* Give each list item a left margin to make room for the numbers */
    padding:4px 8px; /* Add some spacing around the content */
    list-style:none; /* Disable the normal item numbering */
    border-top:2px solid #666;
    background:#f6f6f6;
}
.scheduel-list ol > li:before {
    content:counter(li); /* Use the counter as content */
    counter-increment:li; /* Increment the counter by 1 */
    /* Position and style the number */
    position:absolute;
    top:-2px;
    right:-2em;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    width:2em;
    /* Some space between the number and the content in browsers that support
       generated content but not positioning it (Camino 2 is one example) */
    margin-left:8px;
    padding:4px;
    border-top:2px solid #428BCA;
    color:#fff;
    background:#428BCA;
    font-weight:bold;
    text-align:center;
}
.scheduel-list .panel-default ol > li:before {
	border-top:2px solid #333;
    background:#333;
	}
.scheduel-list .panel-default ol > li  {
	border-top:2px solid #333;
	}
.scheduel-list .panel-info ol > li:before {
	border-top:2px solid #31708f;
    background:#31708f;
	}
.scheduel-list .panel-info ol > li  {
	border-top:2px solid #31708f;
	}
.scheduel-list .panel-success ol > li:before {
	border-top:2px solid #3c763d;
    background:#3c763d;
	}
.scheduel-list .panel-success ol > li  {
	border-top:2px solid #3c763d;
	}
.scheduel-list .panel-warning ol > li:before {
	border-top:2px solid #8a6d3b;
    background:#8a6d3b;
	}
.scheduel-list .panel-warning ol > li  {
	border-top:2px solid #8a6d3b;
	}
.scheduel-list .panel-danger ol > li:before {
	border-top:2px solid #a94442;
    background:#a94442;
	}
.scheduel-list .panel-danger ol > li  {
	border-top:2px solid #a94442;
	}
.scheduel-list li ol, .scheduel-list  li ul {margin-top:6px;}
.scheduel-list  ol ol li:last-child {margin-bottom:0;}
/* Dashboard---------------------------------*/
li.comment {
	list-style:none;
	border-bottom: 1px solid #ccc;
	margin-bottom: 5px;
	display: inline-block;
	width: 100%;
}
li.comment:last-child {
	border-bottom: none;
	margin-bottom: 0;
}
.children li.comment {
	padding-left:0
}

.dashboard .reply {
	display:none;
}
.members .memberdiv {
	margin-left:10px;
	margin-bottom: 10px;
	display: inline-flex;
	width: 150px;
}
.members .thumb {
	float:right;
	margin-left:10px;
	}
.members .thumb img {
	height: 40px;
	}
.members .detail {
	float:right;
}

.dashboard-list {
	max-height: 40vh;
}
.dashboard-list.payment-due-list {
	max-height: 60vh;
}

/* announce-board */
.announce-board {
	position: fixed;
	z-index: 1000;
	left: 15px;
	min-width:200px;
	box-shadow: 5px 5px 10px rgba(0,0,0,.5);
}
.announce-board .list-group-item-heading {
	background:url(../images/pin.png) no-repeat left top;
	}
.announce {}
/*--------------------------------------*/
.contacts td {
	text-align:right;
}
.terms-list li {
	list-style:none;
}
.terms-list:not(.category) li a:not(.form_button) {
	color:#000;
	cursor:text;
}
.terms-list li a:hover {
	text-decoration:none;
}
.contact-avatar {
	margin: 3px 0;
	min-height: 66px;
}
.contact-avatar .card-body {
	 padding: 5px 15px;
 }
 .contact-avatar .image-preview {
	 margin-bottom: 0
 }
 .contact-avatar .attachment-tools {
	position: absolute;
	right: 18px;
	bottom: 10px;
 }
 .contact-avatar .media-left {
	 padding-right: 15px;
 }
 .contact-avatar .file-upload-btn {
	 width: 100%;
	 display: block;
 }

/* Scrollbar -------------------------*/
.mCSB_scrollTools {opacity:0.1}
.mCSB_inside>.mCSB_container {margin-right: 0;}
.mCS-dir-rtl>.mCSB_inside>.mCSB_container {margin-left:0px;}

.scrollbar {
	overflow: hidden;
    position: relative;
}
.noscroll, .noscroll .mCustomScrollBox, .noscroll .mCSB_container {
	overflow: visible !important;
	height: 100%;
}
.noscroll .mCSB_scrollTools {
	display: none !important;
}
/*.panel  .scrollbar .list-group {
	margin-bottom:0
}
.panel .scrollbar .list-group .list-group-item {
	border-width: 1px 0;
    border-radius: 0;
}
.panel .scrollbar .list-group:first-child .list-group-item:first-child {
	border-top:0;
	border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
.panel .scrollbar .list-group:last-child .list-group-item:last-child {
	border-bottom:0;
	border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}*/
.scroll-loading {
	position: absolute;
	bottom:0;
	right:0;
	left:0;
	text-align: center;
	padding: 10px;
	background-color: rgba(0,0,0,0.2);
}
.dashboard #comments .scrollbar, .dashboard #todo-list {
	max-height: 382px;/*362px;*/
	min-height: 100px;
}
.dashboard #todo-list {
	max-height: 342px;/*362px;*/
}

#comments .scrollbar {
	max-height: 440px;
	min-height: 100px;
}
.panel-content {
	max-height:50vh;
}
.table-wrapper {
	overflow:hidden;
	max-height:360px; /*310px;*/
	/*border-bottom:1px solid #ccc;*/
	/*box-shadow:0 1px 1px #ccc;*/
	/*padding-right: 15px;
	padding-left: 15px;*/
}
/*.tab-pane .tab-pane .table-wrapper {
	max-height:326px;
}*/
.task-widget .table-wrapper {
	max-height:350px;
}
#todo-list, #task-list, #note-list {

}
#call-list {
	max-height:268px;
}
#message-list  {
	max-height:300px;
}
#message-widget .minimized p {
    max-height: 35px;
    overflow: hidden;
    text-align: justify;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#message-widget p {
margin-bottom:0;}

.notification-list {
	max-height:300px;
}
/*bootstrap themes ------------------------------*/
.btn.active:not(.btn-default):not([class*="btn-outline-"]) {
	box-shadow: 0 0 12px #333 inset;
  text-shadow: 0 0 3px #fff;
}
.btn.active:hover, .btn.active:focus {opacity:1}
.btn-info.active { background-color: #269abc; border-color: #1b6d85; }
.btn-primary.active { background-color: #204d74; border-color: #122b40; }
.btn-warning.active { background-color: #d58512; border-color: #985f0d; }
.btn-danger.active { background-color: #ac2925; border-color: #761c19; }
.btn-success.active { background-color: #398439; border-color: #255625; }

.form-inline label {/*padding: 6px 12px; */}
.form-inline .checkbox-inline label {padding: 0; }
.form-inline label.btn-sm {padding: 5px 10px; }
.popover-btn:hover, .popover-btn:focus {text-decoration:none}
.checkbox-inline label, .radio-inline label {font-weight:normal}
.table .checkbox-inline label, .table .radio-inline label {margin-bottom: 0;}
.form-control .checkbox-inline label, .form-control .radio-inline label {margin-top: 3px;}
.panel-collapse .mce-tinymce, .panel-collapse .tox-tinymce {
	border-radius: 0 0 2px;
	border: none;
}
.panel-heading a:hover, .panel-heading a:focus, .panel-heading a:active {
	text-decoration:none;
}
.panel>.table-bordered>tbody>tr>td:first-child {
	border-left: 1px solid #ddd;
}
.modal-body > .panel:last-child {
	margin-bottom: 0;
}
.nav-tabs > li {
	float: right;
	font-weight: bold;
}

.navbar-collapse.in {
	overflow-y:hidden;
	}
.item-list > li.selected {
	background-color: #f4f9fc;
	color: #8090a0;
}
/*li[class*="item-"] {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	border-color: #ddd;
	border-image: none;
	border-style: solid;
	border-width: 1px 1px 1px 3px;
}*/
.item-list > li {
	background-color: #fff;
	/*margin-top: -1px;*/
	padding: 9px;
	position: relative;
}
.item-list > li.selected label, .item-list > li.selected .lbl {
	color: #8090a0;
	text-decoration: line-through;
}
.item-list > li.row {
	margin-right: 0;
	margin-left: 0;
	}
/*.navbar .navbar-nav > li > a:hover, .navbar .navbar-nav > li > a:focus, .navbar .navbar-nav > li.open > a {
	background-color: #2c5976;
	color: #fff;
}*/
.navbar .navbar-nav > li.grey > a {
	background-color: #555;
}
.navbar .navbar-nav > li.grey > a:hover, .navbar .navbar-nav > li.grey > a:focus, .navbar .navbar-nav > li.open.grey > a {
	background-color: #4b4b4b;
}
.navbar .navbar-nav > li.purple > a {
	background-color: #892e65;
}
.navbar .navbar-nav > li.purple > a:hover, .navbar .navbar-nav > li.purple > a:focus, .navbar .navbar-nav > li.open.purple > a {
	background-color: #762c59;
}
.navbar .navbar-nav > li.green > a {
	background-color: #2e8965;
}
.navbar .navbar-nav > li.green > a:hover, .navbar .navbar-nav > li.green > a:focus, .navbar .navbar-nav > li.open.green > a {
	background-color: #2c7659;
}
.navbar .navbar-nav > li.light-blue > a {
	background-color: #62a8d1;
}
.navbar .navbar-nav > li.light-blue > a:hover, .navbar .navbar-nav > li.light-blue > a:focus, .navbar .navbar-nav > li.open.light-blue > a {
	background-color: #579ec8;
}
.navbar .navbar-nav > li.light-blue2 > a {
	background-color: #42a8e1;
}
.navbar .navbar-nav > li.light-blue2 > a:hover, .navbar .navbar-nav > li.light-blue2 > a:focus, .navbar .navbar-nav > li.open.light-blue2 > a {
	background-color: #359fd9;
}
.navbar .navbar-nav > li.red > a {
	background-color: #b74635;
}
.navbar .navbar-nav > li.red > a:hover, .navbar .navbar-nav > li.red > a:focus, .navbar .navbar-nav > li.open.red > a {
	background-color: #a34335;
}
.navbar .navbar-nav > li.light-green > a {
	background-color: #9abc32;
}
.navbar .navbar-nav > li.light-green > a:hover, .navbar .navbar-nav > li.light-green > a:focus, .navbar .navbar-nav > li.open.light-green > a {
	background-color: #8ba832;
}
.navbar .navbar-nav > li.light-purple > a {
	background-color: #cb6fd7;
}
.navbar .navbar-nav > li.light-purple > a:hover, .navbar .navbar-nav > li.light-purple > a:focus, .navbar .navbar-nav > li.open.light-purple > a {
	background-color: #c263ce;
}
.navbar .navbar-nav > li.light-orange > a {
	background-color: #f79263;
}
.navbar .navbar-nav > li.light-orange > a:hover, .navbar .navbar-nav > li.light-orange > a:focus, .navbar .navbar-nav > li.open.light-orange > a {
	background-color: #f28653;
}
.navbar .navbar-nav > li.light-pink > a {
	background-color: #f4dae5;
}
.navbar .navbar-nav > li.light-pink > a:hover, .navbar .navbar-nav > li.light-pink > a:focus, .navbar .navbar-nav > li.open.light-pink > a {
	background-color: #eeccda;
}
.navbar .navbar-nav > li.dark > a {
	background-color: #404040;
}
.navbar .navbar-nav > li.dark > a:hover, .navbar .navbar-nav > li.dark > a:focus, .navbar .navbar-nav > li.open.dark > a {
	background-color: #363636;
}
.label-transparent, .badge-transparent {
	background-color: transparent !important;
}
.label-grey, .badge-grey {
	background-color: #a0a0a0 !important;
}
.label-important, .badge-important {
	background-color: #d15b47 !important;
}
.label-inverse, .badge-inverse {
	background-color: #333 !important;
}
.label-pink, .badge-pink {
	background-color: #d6487e !important;
}
.label-purple, .badge-purple {
	background-color: #9585bf !important;
	color: #fff;
}
.label-yellow, .badge-yellow {
	background-color: #fee188 !important;
}
.badge-yellow, .label-yellow {
	border-color: #fee188;
	color: #996633 !important;
}
.tooltip-inner {
	font-size: 11px;
	padding: 5px 9px;
	text-shadow: 1px 1px 0 rgba(42, 45, 50, 0.5);
}
.tooltip:not(.html) .tooltip-inner {
	white-space: nowrap;
}
.tooltip.top .tooltip-arrow {
	-moz-border-top-colors: #333;
	border-bottom-width: 0;
	border-top-color: #333;
}
.tooltip.right .tooltip-arrow {
	-moz-border-right-colors: #333;
	border-left-width: 0;
	border-right-color: #333;
}
.tooltip.left .tooltip-arrow {
	-moz-border-left-colors: #333;
	border-left-color: #333;
	border-right-width: 0;
}
.tooltip.bottom .tooltip-arrow {
	-moz-border-bottom-colors: #333;
	border-bottom-color: #333;
	border-top-width: 0;
}
.tooltip-error + .tooltip > .tooltip-inner, .tooltip.tooltip-error > .tooltip-inner {
	background-color: #c94d32;
	text-shadow: 1px 1px 0 rgba(100, 60, 20, 0.3);
}
.tooltip-error + .tooltip.top .tooltip-arrow, .tooltip.tooltip-error.top .tooltip-arrow {
	-moz-border-top-colors: #c94d32;
	border-top-color: #c94d32;
}
.tooltip-error + .tooltip.right .tooltip-arrow, .tooltip.tooltip-error.right .tooltip-arrow {
	-moz-border-right-colors: #c94d32;
	border-right-color: #c94d32;
}
.tooltip-error + .tooltip.left .tooltip-arrow, .tooltip.tooltip-error.left .tooltip-arrow {
	-moz-border-left-colors: #c94d32;
	border-left-color: #c94d32;
}
.tooltip-error + .tooltip.bottom .tooltip-arrow, .tooltip.tooltip-error.bottom .tooltip-arrow {
	-moz-border-bottom-colors: #c94d32;
	border-bottom-color: #c94d32;
}
.tooltip-success + .tooltip > .tooltip-inner, .tooltip.tooltip-success > .tooltip-inner {
	background-color: #629b58;
	text-shadow: 1px 1px 0 rgba(60, 100, 20, 0.3);
}
.tooltip-success + .tooltip.top .tooltip-arrow, .tooltip.tooltip-success.top .tooltip-arrow {
	-moz-border-top-colors: #629b58;
	border-top-color: #629b58;
}
.tooltip-success + .tooltip.right .tooltip-arrow, .tooltip.tooltip-success.right .tooltip-arrow {
	-moz-border-right-colors: #629b58;
	border-right-color: #629b58;
}
.tooltip-success + .tooltip.left .tooltip-arrow, .tooltip.tooltip-success.left .tooltip-arrow {
	-moz-border-left-colors: #629b58;
	border-left-color: #629b58;
}
.tooltip-success + .tooltip.bottom .tooltip-arrow, .tooltip.tooltip-success.bottom .tooltip-arrow {
	-moz-border-bottom-colors: #629b58;
	border-bottom-color: #629b58;
}
.tooltip-warning + .tooltip > .tooltip-inner, .tooltip.tooltip-warning > .tooltip-inner {
	background-color: #ed9421;
	text-shadow: 1px 1px 0 rgba(100, 90, 10, 0.3);
}
.tooltip-warning + .tooltip.top .tooltip-arrow, .tooltip.tooltip-warning.top .tooltip-arrow {
	-moz-border-top-colors: #ed9421;
	border-top-color: #ed9421;
}
.tooltip-warning + .tooltip.right .tooltip-arrow, .tooltip.tooltip-warning.right .tooltip-arrow {
	-moz-border-right-colors: #ed9421;
	border-right-color: #ed9421;
}
.tooltip-warning + .tooltip.left .tooltip-arrow, .tooltip.tooltip-warning.left .tooltip-arrow {
	-moz-border-left-colors: #ed9421;
	border-left-color: #ed9421;
}
.tooltip-warning + .tooltip.bottom .tooltip-arrow, .tooltip.tooltip-warning.bottom .tooltip-arrow {
	-moz-border-bottom-colors: #ed9421;
	border-bottom-color: #ed9421;
}
.tooltip-info + .tooltip > .tooltip-inner, .tooltip.tooltip-info > .tooltip-inner {
	background-color: #4b89aa;
	text-shadow: 1px 1px 0 rgba(40, 50, 100, 0.3);
}
.tooltip-info + .tooltip.top .tooltip-arrow, .tooltip.tooltip-info.top .tooltip-arrow {
	-moz-border-top-colors: #4b89aa;
	border-top-color: #4b89aa;
}
.tooltip-info + .tooltip.right .tooltip-arrow, .tooltip.tooltip-info.right .tooltip-arrow {
	-moz-border-right-colors: #4b89aa;
	border-right-color: #4b89aa;
}
.tooltip-info + .tooltip.left .tooltip-arrow, .tooltip.tooltip-info.left .tooltip-arrow {
	-moz-border-left-colors: #4b89aa;
	border-left-color: #4b89aa;
}
.tooltip-info + .tooltip.bottom .tooltip-arrow, .tooltip.tooltip-info.bottom .tooltip-arrow {
	-moz-border-bottom-colors: #4b89aa;
	border-bottom-color: #4b89aa;
}
.popover {
	border-color: #ccc;
	/*border-radius: 0;*/
	border-width: 1px;
	/*box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.2);*/
	color: #4d6883;
	padding: 0;
	z-index:1029
}
.popover-title {
	background-color: #eff3f8;
	border-bottom: 1px solid #dde6f0;
	/*border-radius: 0;*/
	color: #555;
	text-shadow: 1px 1px 1px rgba(220, 220, 220, 0.2);
}
.popover.bottom > .arrow:after {
	-moz-border-bottom-colors: #eff3f8;
	border-bottom-color: #eff3f8;
	border-top-width: 0;
	margin-left: -10px;
	top: 1px;
}
.popover.left > .arrow:after {
	-moz-border-left-colors: #fff;
}
.popover.right > .arrow:after {
	-moz-border-right-colors: #fff;
}
.popover.top > .arrow:after {
	-moz-border-top-colors: #fff;
}
.popover-error + .popover, .popover.popover-error {
	border-color: #f7f0ef;
}
.popover-error + .popover .popover-title, .popover.popover-error .popover-title {
	background-color: #f7f0ef;
	border-bottom-color: #efe0de;
	color: #b75445;
	text-shadow: none;
}
.popover-error + .popover.top .arrow:after, .popover.popover-error.top .arrow:after {
	-moz-border-top-colors: #f7f0ef;
	border-top-color: #f7f0ef;
}
.popover-error + .popover.bottom .arrow:after, .popover.popover-error.bottom .arrow:after {
	-moz-border-bottom-colors: #f7f0ef;
	border-bottom-color: #f7f0ef;
}
.popover-error + .popover.right .arrow:after, .popover.popover-error.right .arrow:after {
	-moz-border-right-colors: #f7f0ef;
	border-right-color: #f7f0ef;
}
.popover-error + .popover.left .arrow:after, .popover.popover-error.left .arrow:after {
	-moz-border-left-colors: #f7f0ef;
	border-left-color: #f7f0ef;
}
.popover-warning + .popover, .popover.popover-warning {
	border-color: #f4eee3;
}
.popover-warning + .popover .popover-title, .popover.popover-warning .popover-title {
	background-color: #f4eee3;
	border-bottom-color: #ede3d1;
	color: #d67e31;
	text-shadow: none;
}
.popover-warning + .popover.top .arrow:after, .popover.popover-warning.top .arrow:after {
	-moz-border-top-colors: #f4eee3;
	border-top-color: #f4eee3;
}
.popover-warning + .popover.bottom .arrow:after, .popover.popover-warning.bottom .arrow:after {
	-moz-border-bottom-colors: #f4eee3;
	border-bottom-color: #f4eee3;
}
.popover-warning + .popover.right .arrow:after, .popover.popover-warning.right .arrow:after {
	-moz-border-right-colors: #f4eee3;
	border-right-color: #f4eee3;
}
.popover-warning + .popover.left .arrow:after, .popover.popover-warning.left .arrow:after {
	-moz-border-left-colors: #f4eee3;
	border-left-color: #f4eee3;
}
.popover-success + .popover, .popover.popover-success {
	border-color: #e8f2e3;
}
.popover-success + .popover .popover-title, .popover.popover-success .popover-title {
	background-color: #e8f2e3;
	border-bottom-color: #daead2;
	color: #629b58;
	text-shadow: none;
}
.popover-success + .popover.top .arrow:after, .popover.popover-success.top .arrow:after {
	-moz-border-top-colors: #e8f2e3;
	border-top-color: #e8f2e3;
}
.popover-success + .popover.bottom .arrow:after, .popover.popover-success.bottom .arrow:after {
	-moz-border-bottom-colors: #e8f2e3;
	border-bottom-color: #e8f2e3;
}
.popover-success + .popover.right .arrow:after, .popover.popover-success.right .arrow:after {
	-moz-border-right-colors: #e8f2e3;
	border-right-color: #e8f2e3;
}
.popover-success + .popover.left .arrow:after, .popover.popover-success.left .arrow:after {
	-moz-border-left-colors: #e8f2e3;
	border-left-color: #e8f2e3;
}
.popover-info + .popover, .popover.popover-info {
	border-color: #e5edf8;
}
.popover-info + .popover .popover-title, .popover.popover-info .popover-title {
	background-color: #e5edf8;
	border-bottom-color: #d1dff3;
	color: #3f79b6;
	text-shadow: none;
}
.popover-info + .popover.top .arrow:after, .popover.popover-info.top .arrow:after {
	-moz-border-top-colors: #e5edf8;
	border-top-color: #e5edf8;
}
.popover-info + .popover.bottom .arrow:after, .popover.popover-info.bottom .arrow:after {
	-moz-border-bottom-colors: #e5edf8;
	border-bottom-color: #e5edf8;
}
.popover-info + .popover.right .arrow:after, .popover.popover-info.right .arrow:after {
	-moz-border-right-colors: #e5edf8;
	border-right-color: #e5edf8;
}
.popover-info + .popover.left .arrow:after, .popover.popover-info.left .arrow:after {
	-moz-border-left-colors: #e5edf8;
	border-left-color: #e5edf8;
}
.popover-notitle + .popover .popover-title, .popover.popover-notitle .popover-title {
	display: none;
}
.popover-notitle + .popover.top .arrow:after, .popover.popover-notitle.top .arrow:after {
	-moz-border-top-colors: #fff;
	border-top-color: #fff;
}
.popover-notitle + .popover.bottom .arrow:after, .popover.popover-notitle.bottom .arrow:after {
	-moz-border-bottom-colors: #fff;
	border-bottom-color: #fff;
}
.popover-notitle + .popover.left .arrow:after, .popover.popover-notitle.left .arrow:after {
	-moz-border-left-colors: #fff;
	border-left-color: #fff;
}
.popover-notitle + .popover.right .arrow:after, .popover.popover-notitle.right .arrow:after {
	-moz-border-right-colors: #fff;
	border-right-color: #fff;
}
.notification .badge {
	vertical-align: middle;
}
.btn-purple {
	color: #fff;
	background-color:#9889c1;
	border-color: #7f6bb5;
}
.btn-purple:hover {
	color: #fff;
	background-color:#7b68af;
}
.table>tbody>tr.purple>td, .table>tbody>tr.purple>th, .table>tbody>tr>td.purple, .table>tbody>tr>th.purple, .table>tfoot>tr.purple>td, .table>tfoot>tr.purple>th, .table>tfoot>tr>td.purple, .table>tfoot>tr>th.purple, .table>thead>tr.purple>td, .table>thead>tr.purple>th, .table>thead>tr>td.purple, .table>thead>tr>th.purple
{
	background-color: #f0e7f5;
	color: #333;
}
.table-hover>tbody>tr.purple:hover>td, .table-hover>tbody>tr.purple:hover>th, .table-hover>tbody>tr:hover>.purple, .table-hover>tbody>tr>td.purple:hover, .table-hover>tbody>tr>th.purple:hover {
	background-color: #e7d9f0;
}

/* colors */
.dark {
    color: #333 !important;
}
.white {
    color: #fff !important;
}
.red {
    color: #dd5a43 !important;
}
.red2 {
    color: #e08374 !important;
}
.light-red {
    color: #f77 !important;
}
.blue {
    color: #478fca !important;
}
.light-blue {
    color: #93cbf9 !important;
}
.green {
    color: #69aa46 !important;
}
.light-green {
    color: #b0d877 !important;
}
.orange {
    color: #ff892a !important;
}
.orange2 {
    color: #feb902 !important;
}
.light-orange {
    color: #fcac6f !important;
}
.purple {
    color: #a069c3 !important;
}
.pink {
    color: #c6699f !important;
}
.pink2 {
    color: #d6487e !important;
}
.brown {
    color: brown !important;
}
.grey {
    color: #777 !important;
}
.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
	color: #fff;
	}
.list-group-item {

}
/* sidebar toggle */
.sidebar-toggle {
    background-color: #f3f3f3;
    border-color: #e0e0e0;
}
.sidebar .sidebar-toggle {
    border-style: solid;
    border-width: 1px 0 1px;
    padding: 3px 0;
    position: relative;
    text-align: center;
}
.sidebar .sidebar-toggle:before {
    border-color: inherit;
    border-top-style: solid;
    border-top-width: 1px;
    content: "";
    display: block;
    height: 0;
    left: 15px;
    position: absolute;
    right: 15px;
    top: 13px;
}
.sidebar-toggle > .ace-icon {
    background-color: #fff;
    border-color: #bbb;
    color: #aaa;
}
.sidebar .sidebar-toggle > .ace-icon {
    border: 1px solid;
    border-radius: 100%;
    cursor: pointer;
    font-size: 14px;
    line-height: 18px;
    padding: 0 5px;
    position: relative;
}
.footer {
    height: 0;
    padding-top: 30px;
    width: 0;
}
.footer .footer-inner {
    bottom: 0;
    right: 0;
    position: absolute;
    left: 180px;
    text-align: center;
    z-index: auto;
}
.footer .footer-inner .footer-content {
    border-top: 3px double #e5e5e5;
    bottom: 0px;
    left: 12px;
    line-height: 36px;
    padding: 8px;
    position: absolute;
    right: 12px;
    color: #666;
    text-shadow: 0 0 1px #fff;
}
.tab-content > .tab-pane > .card {
	border-top:none;
	border-radius: 0 0 0.25rem 0.25rem;
}
.nav-tabs a {
	color:#666;
}
.nav-tabs {
	border-color:#4c8fbd;
}
.nav-tabs .nav-link, .nav-tabs .nav-link:focus {
	padding: 10px 13px;
	border-radius: 0!important;
	border-color: #c5d0dc;
	border-bottom:none;
	background-color: #F9F9F9;
	color: #999;
	margin-right: -1px;
	margin-left:0;
	line-height: 18px;
	position: relative;
}
.nav-tabs.nav-justified>li {
	margin-bottom: -1px;
}
.nav-tabs.nav-justified>li>a {
	margin-bottom: 0;
	margin-top: 1px;
}

.nav-tabs.nav-justified li:first-child a{
	margin-right:0;
}
.nav-tabs:not(.nav-justified) li:first-child a{
	margin-right:10px;
}
.nav-tabs > li > a:hover {
   background-color: #fff;
   border-color: #c5d0dc;
	color: #4c8fbd;
	border-bottom: none;
}
.nav-tabs .nav-link.active, .nav-tabs .nav-link.active:hover, .nav-tabs .nav-link.active:focus,
.nav-tabs.nav-justified > li > a.active, .nav-tabs.nav-justified > li > a.active:hover, .nav-tabs.nav-justified > li > a.active:focus {
	border-top: 3px solid #4c8fbd;
	border-color:#4c8fbd;
	background-color: #fff;
	color: #576373;
	box-shadow: 0 -2px 3px 0 rgba(0,0,0,.15);
	z-index:1;
	padding-bottom:11px;
	margin-top: -1px;
}
.nav-tabs li .fa {
	opacity:0.75;
	}
.nav-tabs li.active .fa {
	opacity:1;
	}
.nav-tabs li .badge {
	left: 5px;
  position: absolute;
  top: -7px;
	padding: 4px 5px;
  min-width: 18px;
  border-radius: 100%;
	z-index: 1;
	color: #fff;
}
.nav-tabs.tabs-right li .badge {
	top: auto;
	left: 3px;
}
.sidebar .navbar-collapse {
	max-height:100%;
}
.nav-pills:not(.nav-justified) li a {
	border: 1px solid #428bca;
	margin-left: 0.25rem;
}
.category .tab-content .nav-pills {
	padding:15px 0;
}
.nav-pills>li.active>a .fa {
	color:#fff;
}
.nav-pills.nav-justified > li {
	float:none;
	display: table-cell;
}
.nav-pills.nav-justified {
	margin-bottom: 6px;
}

.nav-tabs .nav-item {
	position: relative;
}

.nav-justified > li {
	display: table-cell;
	width: 1%;
}
.nav-justified > li > a {
	margin-bottom: 0;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.nav-justified li .badge {
}

.dropdown-menu {
	font-size: 13px;
}
.dropdown-menu a {
	line-height: 2;
}

/* Vertical tabs ------------------------------------*/
.tabs-left, .tabs-right {
  border-bottom: none;
  padding-top: 2px;
  font-size: 12px;
}
.nav-tabs.tabs-left li:first-child a, .nav-tabs.tabs-right li:first-child a {
	margin-right:0;
}
.tabs-left {
  border-right: 1px solid #ddd;
}
.tabs-right {
  border-left: 1px solid #ddd;
}
.tabs-left>li, .tabs-right>li {
  float: none;
  margin-bottom: -1px;
  display: block;
}
.tabs-left>li {
  margin-right: -1px;
}
.tabs-right>li {
  margin-left: -1px;
}
.tabs-left>li.active>a,
.tabs-left>li.active>a:hover,
.tabs-left>li.active>a:focus {
  border-bottom-color: #ddd;
  border-right-color: transparent;
}

.tabs-right>li>a, .tabs-right>li>a:hover, .tabs-right>li>a:focus {
  margin: 0;
  border-radius: 0;
  border-bottom: 1px solid transparent;
  border-right: none;
  border-top: none;
  padding-left: 0;
  padding-right: 8px;
}
.tabs-right>li>a:hover, .tabs-right>li>a:focus {
	background-color: #eee;
}
.tabs-right>li>a.has-badge {
  padding-left: 25px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.tabs-right>li.active>a,
.tabs-right>li.active>a:hover,
.tabs-right>li.active>a:focus {
  border-bottom: 2px solid #ddd;
  border-left-color: transparent;
  border-top: 1px solid #ddd;
  border-right: 3px solid #4c8fbd;
  padding-right: 5px;
  box-shadow: 2px -2px 3px 0 rgba(0,0,0,.15);
  margin-left: -1px;
}
.tabs-left>li>a {
  border-radius: 4px 0 0 4px;
  margin-right: 0;
  display:block;
}
/* Gallery lightbox------------------------------------*/
#gallery {
	background: rgba(0,0,0,0.7);
	overflow: hidden;
}
#gallery .modal-dialog {
	width:800px;
	max-width:800px;
	margin-top:0
}
#gallery .modal-body {
    padding: 0;
}
#gallery .modal-content {
    box-shadow: none;
    background-color: transparent;
    border: none;
}
#gallery .modal-header {
	color: #fff;
  border-bottom: none;
  padding: 10px 0;
	background: none;
}
#gallery .modal-header .close {
	opacity: 1;
	color:#fff;
	text-shadow: none;
}
#gallery #gallery-carousel {
}
#gallery .carousel-item {
  align-items: center;
  justify-content: center;
	height: calc(100vh - 80px);
}
#gallery .carousel-item-next, #gallery .carousel-item-prev, #gallery .carousel-item.active {
	display: flex;
}
#gallery .carousel-indicators {
	bottom: -30px;
}
#gallery img {
	max-height: 100%;
	max-width: calc(100% - 200px);
}
#gallery .carousel-control-next, #gallery .carousel-control-prev {

}
#gallery .prev {
	right: 20px;
}
#gallery .next {
	left: 20px;
}

/* Tree list view ----------------------------------*/
.tree-selected {min-height:33px;height:auto; line-height: 0.9}
.tree-selected .label {line-height:26px}

.tree-filter .popover {width:280px;}
.tree-filter .popover-content{padding: 9px 9px;}
.terms-treeview-wrapper {max-height:300px;}
.treeview .list-group-item {border-radius:0;font-size:90%;padding: 10px 0;white-space:nowrap;}
.treeview span.indent {float: right; height: 1px}
.treeview span.icon {float: right;}
.treeview .node-disabled {display:none;}
.make-treeview, .terms-treeview {opacity:0;transition:all 1s}
.terms-treeview.treeview {opacity:1}
.terms-treeview a {color:#337ab7 !important}
.terms-treeview .node-selected, .terms-treeview .node-selected a  {color:#fff !important;}
.terms-treeview .node-selected.search-result { background-color:#D9534F !important;}

.tree {
	min-height:20px;
	padding:19px;
	margin-bottom:20px;
	background-color:#fbfbfb;
	border:1px solid #aaa;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);
	-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);
	box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05)
}
.card .tree {
	box-shadow: none;
	border: none;
	background: transparent;
	margin:0;
}
.tree li {
	list-style-type:none;
	margin:0;
	padding:10px 5px 0 5px;
	position:relative
}
.tree li::before, .tree li::after {
	content:'';
	left:-20px;
	position:absolute;
	right:auto
}
.tree li::before {
	border-right:1px solid #aaa;
	bottom:50px;
	height:100%;
	top:0;
	width:1px
}
.tree li::after {
	border-top:1px solid #aaa;
	height:20px;
	top:25px;
	width:25px
}
.tree li span {
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border:1px solid transparent;
	border-radius:5px;
	display:inline-block;
	padding:4px 4px 0px;
	text-decoration:none;
	margin-left: 5px;
}
.tree li span i {
}
.tree li.parent_li>span {
	cursor:pointer
}
.tree>ul>li::before, .tree>ul>li::after {
	border:0
}
.tree li:last-child::before {
	height:30px
}
.tree li.parent_li>span:hover, .tree li.parent_li>span:hover+ul li span {
	background:#eee;
	border:1px solid #94a0b4;
	color:#000
}

.ltr {
	direction:ltr;
	}

/* Project -------------------------- */
/*.project-gant ol { counter-reset: item }
.project-gant li{ display: block }
.project-gant li:before { content: counters(item, ".") " "; counter-increment: item }*/
.project-dashboard .progress:last-child {margin-bottom: 5px;}

/* Import ---------------------------*/
.import-table td {
	white-space: nowrap;
	}

/* custom form ----------------------*/
.view_record .record-meta .label {
	line-height: 2;
}
.custom-form .well, .custom-form .form-control.well {
	margin-bottom:0;
}
.custom-form .form-control.well {
	height:auto;
	min-height: 34px;
  line-height: 1.9;
}
.custom-form .label-wrapper {
	display: table;
}
form.custom-form .label-wrapper {
	min-height: 34px;
}
.custom-form .row label {
	margin-bottom: 0;  
  	vertical-align: middle;
}
.custom-form .row .label-wrapper label {
	display: table-cell;
}
.custom-form .form-group {
	margin-bottom: 8px;
}
.custom-form .form-group:hover, .custom-form .form-group:focus {
	background-color: #eee;
}
.post-type-archive-letter .cont-tags-input-group {
	min-width: 320px;
}
.cont-tags-input-wrapper {
	display: flex;
}
.cont-tags-input-wrapper .select2-container {
	max-width: calc(100% - 45px) !important;
}
.cont-tags-input-wrapper .select2-container--bootstrap4 .select2-selection {
	border-radius: 4px 0 0 4px;	
}
.cont-tags-input-wrapper .input-group-append .btn {
	border-radius: 0 4px 4px 0 !important;	
}

.view_record .custom-form .form-group {
    border-bottom: 1px solid #ddd;
    padding: 10px 5px;
    margin: 0 5px;
}

.custom-form hr {
	border-color: #ccc;
}
.custom-form .multiselect-container > li {
    float: none;
    width: 100%;
}
.custom-form .btn-group.open>.btn.multiselect {
	border-radius: 4px 4px 0 0 !important;
}
.form-archive-table td.row-tools {width:91px;}

.inventory td.number, .inventory th.number {
	text-align:right;
	direction:ltr;
}
.compare-table td:nth-child(even) {background-color:#eee}

#form-fields .item .field  {
	margin: 15px 15px 0 15px;
}

/* ToDo -----------------------------*/
.list-group-item.selected label {
	text-decoration: line-through;
	color: #999;
}

/* Note -----------------------------*/
.dataTable .note-wrapper {
	margin: -7px 0;
	max-height: 98px;
	min-height: 33px;
	overflow-y: auto;
}
.dataTable .note-wrapper li.list-group-item {
	padding: 0;
    background: none;
    border: none;
    font-size: 10.5px;    
}
.dataTable .note-wrapper li.list-group-item .note-date {
	margin: 0;
}
.dataTable .note-wrapper li.list-group-item.no-record {
	display: none;
}
.modal-content .note_form {
	padding: 20px;
}
/* CRM ------------------------------*/
#customersSearch {
	margin-bottom: 0;
}
#customersSearch .list-group-item:last-child {
	border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
	padding: 10px 5px;
}

#customersList, #callLogList {
	max-height: 65vh;
	border: 1px solid #ddd;
	border-radius: 4px;
	background-color: #ffffff;
}
#customersList, #callLogList {
	border-radius: 0 0 4px 4px;
}
.customers-list .panel-big-icon {
	font-size: 16px !important;
	line-height: 32px;
	width: 32px;
	height: 32px;
	padding: 0;	
	margin-top: -3px;
}
.customers-list .list-group {
	margin-bottom:0;
}
.customers-list .list-group-item {
	border-width: 1px 0 0 0;
	height: 50px;
	overflow: hidden;
	text-align:left;
	padding: 0.75rem;
}
.customers-list .list-group-item:first-child {
	border-top-right-radius: 0;
  	border-top-left-radius: 0;
	border: none;
}
.customers-list .list-group-item:last-child {
	border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.customers-list .customerTitle {
	font-weight: bold;
	font-size: 13px !important;
	padding-right: 50px;
	overflow: hidden;
  text-overflow: ellipsis;
  /*white-space: nowrap;*/
}
.customers-list .customerOrgan {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.customers-list .last-activity {
	position: absolute;
	top: 12px;
	left: 15px;
}
#customerProfile section {
	position:relative;
	margin-bottom: 15px;
}
#customerProfile h4 {
	margin-top: 5px;
	margin-bottom: 0;
}
#customerProfile .widget-title {
	padding-right: 12px;
}
#customerProfile .form-heading, #customerProfile .card-body, /*#customerProfile .list-group-item,*/
#todo-list .list-group-item {
	padding: 10px;
	display: inline-block;
	width: 100%;
}
#customerProfile .panel>.list-group {
	margin-bottom: 0;
}
#customerProfile .list-group-item .collapse, #customerProfile .list-group-item .collapsing {
	border-top: 1px solid #ddd;
   margin: 10px -10px -10px -10px;
   border-radius: 0 0 4px 4px;
   background-color: #fff;
}
#customerSummary {
	position: relative;
}
#customerSummary .customerTitle {
	font-size: 20px;
}
#customerSummary .fa-ul {
	margin-bottom: 0;
}
#customerSummary .fa-ul > li {
	margin-bottom: 6px;
}
#customerSummary .panel .panel {
	margin: 10px;
}
#customerForms .tabs-right {
	padding-bottom: 50px;
	border-left-width: 2px;
}
#customerForms .form-heading {
	border-bottom: 1px solid #ddd;
	margin-bottom: 10px;
	margin-top: 2px;
	background: #eee;
	box-shadow: 0px -2px 3px 0 rgba(0,0,0,.15);
}
#customerForms .col-12 .tab-pane .form-heading {
	padding: 5px;
	line-height: 22px;
	margin-top: 0;
}
#customerForms .col-12 .tab-pane:not(:only-child) .form-heading {
	text-align: left;
	line-height: 1;
}
#customerForms .col-12 .tab-pane:not(:only-child) .form-heading .form-title {
	display: none;
}
#customerForms .col-12 .tab-pane:not(:only-child) .form-heading .btn.pull-left  {
	float: none !important;
}
#customerForms .nav-tabs.nav-justified > li > a.active {
	border-bottom-color: #eee;
	background-color: #eee;
}
#customerForms .nav-tabs.nav-justified > li > a ,
#customerForms .nav-tabs.nav-justified > li > a :hover,
#customerForms .nav-tabs.nav-justified > li > a :focus {

}
#customerForms .progress {
	margin-bottom: 0;
}
#customerForms .record-meta {
	margin-bottom: 0;
}
#customerForms .record-summary {
	opacity: 0.5;
	transition: all 0.2s;
	margin-bottom:0;
}
#customerForms .in  .record-summary, #customerForms .record-summary:hover, #customerForms .record-summary:focus {
	opacity: 1;
}
#customerForms .record-summary th, #customerForms .record-summary td {
	width: 50%;
	border-top-style: dashed;
}
#customerForms a.collapsed .fa-caret-down {
	opacity:0;
	transition: all 0.2s;
}
#customerForms a:not(.collapsed) .fa-caret-down {
    transform: scale(1,-1);
	transition: all 0.2s;
}
#customerForms .card-body:hover .fa-caret-down, #customerForms .card-body:focus .fa-caret-down,
#customerForms .list-group-item:hover .fa-caret-down, #customerForms .list-group-item:focus .fa-caret-down {
	opacity: 1;
}
.customer-title-heading {
	margin-bottom: 5px;
}
.customer-title-heading .media-body {
	padding-bottom: 5px;
	border-bottom: 1px solid #ccc;
	min-height: 51px;
}
.customer-edit-link {
	position: absolute;
  	top: 45px;
  	right: 70px;
}
.panel-big-icon {
	/*position: absolute;
  left: 15px;
  top: 10px;
	text-shadow:-1px -1px 0 #666, 1px -1px 0 #666, -1px 1px 0 #666, 1px 1px 0 #666;
	*/
	display: block;
  	background: #f6f6f6;
	font-size: 23px !important;
	width: 50px;
	text-align: center;
	height: 50px;
	border-radius: 100%;
	padding: 5px;
	line-height: 40px;
		-webkit-text-stroke: 1px #666;
	color: white;
	border: 1px solid #ddd;
	margin: 0;
	overflow: hidden;
}
.panel-big-icon.fa-building {
	font-size: 25px;
}
.panel-big-icon img {
	width: 100%;
  height: auto;
}
.letter-thumbnail {
	height: 32px;
    width: 32px;
    text-align: center;
    font-size: 16px;
    padding: 5px 0;
    color: #fff;
	border-radius: 50%;
}
.card-widget {
	background-color: #fff;
}

.card-widget > .card-header {
	border-bottom:none;
	border-top:3px solid;
	background: none;
	color: inherit;
}
.card-widget > .card-body, .card-widget > .modal-body,
.card-widget > .list-group {
	color: #333;
}
#call-log .list-group-item {
	border-style: dashed;
}
#todo-widget .contact-title {
	display: none;
}
/* ---- Sales --------------*/
.order-table td:nth-child(4), .order-table td:nth-child(5) {
	text-align: center;
}
.transactions_count {
	width: 20px;
}
.invoice-page .page-heading {
	display: none;
}
.invoice-logo img {
  width: auto;
	max-width: 100%;
  height: auto;
	max-height: 56px;
}
.invoice .invoice-detail-eco_code .width-small,
.invoice .invoice-detail-national_code .width-small,
.invoice .invoice-detail-postal_code .width-small {
	width: 80px;
}
.invoice-page .order-detail .modal-header .close {
	display: none;
}
.invoice-page .order-detail .modal-title {
	font-size: 14px;
	font-weight: bold;
}
.invoice-page #order-transactions .modal-footer {
	display: none;
}
.invoice-page .card-widget .attachment-async-list .attach-item {
	width: 25%;
}
.invoice-page .order_payments_summary .col-12, 
.invoice-page .order_payments_summary .d-print-none {
	display: none !important;
}
.invoice-page .order_payments_summary .card-header {
	border: none;
}
.invoice-page .order_payments_summary .list-group-item {
	padding: 4px;
}
.invoice #order-items th, .invoice #order-items td {
	text-align: center;	
}
.invoice #order-items td {
	white-space: nowrap;
}
.invoice, .invoice .list-group-item, .invoice th, .invoice td {
	border-color: #999 !important;
}
.invoice .list-group-item.seller, .invoice .list-group-item.buyer {
	padding-right: 25px;
}
.invoice .list-group-item.seller {
	border-bottom-style: dashed;
}
.invoice .list-group-item.buyer {
	border-top-style: dashed;
}
.invoice .list-group-item-heading {
	width: 20px;	
}
.invoice .list-group-item-heading > div {	
  transform: rotate(90deg);  
  margin-right: -6px;  
}
.invoice .print-signature {
	text-align: center;
}
.invoice .print-signature img {
	max-height: 100px;
	width: auto;
  margin-top: -20px;
}
.invoice .print-signature br {
	display: none;
}

.invoice-duplicate {
	position: absolute;
    font-size: 200px;
    z-index: 1;
    transform: rotate(-20deg);
    top: 110px;
    width: 99%;
    text-align: center;
    opacity: 0.2;
}

#invoice-items #order-items .list-group-item:nth-child(even) {
	background-color: #f5f5f5;
}
#invoice-items #order-items .form-group {
	margin-bottom: 0;
}

.quantity input:first-of-type {
	min-width: 55px;
    padding-right: 0;
	padding-left: 6px;
	text-align: left !important;
}
/* Template to print on preprint */
.invoice.rasmi {
	background: url("../images/factor-rasmi.jpeg") no-repeat;
  background-size: contain;
	width: 29cm;
	height: 18.9cm;/*20.2cm;*/
	border:none !important;
	font-size: 12px;
	padding: 40px 20px;
	margin: 0 !important;
}
.invoice.rasmi .list-group-item,
.invoice.rasmi .table .thead-light th, .invoice.rasmi .table td {
	background: none !important;
	border:none !important;
}
.invoice.rasmi .table .thead-light th,
.invoice.rasmi .rasmi-hidden,
.invoice.rasmi .seller .invoice-detail-title,
.invoice.rasmi .seller .invoice-detail-city,
.invoice.rasmi .seller .invoice-detail-national_code {
	color:transparent;
}
.invoice.rasmi p {
	margin-bottom: 15px;
}
.invoice.rasmi .invoice-logo img, .invoice.rasmi br {
	display: none;
}
.invoice.rasmi .invoice-date {
	text-align: center;
	margin-top: -5px;
    padding-right: 15px;
}
.invoice.rasmi .seller .form-row,
.invoice.rasmi .buyer .form-row {
	margin: 7px 18px 6px 0;
	min-height: 5px;
}
.invoice.rasmi .seller {
	margin-top: 1px;
	margin-bottom: 5px;
}
.invoice.rasmi .buyer .form-row {
	margin: 0px 18px 4px 0;
}
.invoice.rasmi .list-group-item-heading {
	display: none !important;
}
.rasmi-hidden.border-left {
	border: none !important;
}
.invoice.rasmi .table-responsive {
	overflow: visible;
}
.invoice.rasmi #order-items {
	height: 200px;
	table-layout: fixed;
	margin-top: 45px;
}
.invoice.rasmi tbody tr:not(:last-child) {
	height: 25px;
}
.invoice.rasmi td, .invoice.rasmi tfoot th {
	padding: 0 !important;
	line-height: 0.75cm;
}
.invoice.rasmi #order-items thead th {
	padding: 0 !important;
	font-size: 0;
}
.invoice.rasmi thead th:nth-child(1) {width: 10px}
.invoice.rasmi thead th:nth-child(2) {width: 80px}
.invoice.rasmi thead th:nth-child(3) {width: 240px}
.invoice.rasmi thead th:nth-child(4) {width: 65px}
.invoice.rasmi thead th:nth-child(5) {width: 60px}
.invoice.rasmi thead th:nth-child(6) {width: 100px}
.invoice.rasmi thead th:nth-child(7) {width: 90px}
.invoice.rasmi thead th:nth-child(8) {width: 100px}
.invoice.rasmi thead th:nth-child(9) {width: 100px}
.invoice.rasmi thead th:nth-child(10) {width: 85px}
.invoice.rasmi thead th:nth-child(11) {width: 115px}

.invoice.rasmi .shenase-kala {
	font-size: 10px;
	text-align: left;
}
.invoice.rasmi .total-by-word {
	margin-top: -5px;
}
.invoice.rasmi .total-by-word .rasmi-hidden {
	display: none !important;
}
.invoice.rasmi .total-by-word .ms-auto {
	margin-right: 100px !important;
}
.invoice.rasmi .address {
	white-space: nowrap;
	padding-right: 10px;
	max-width: 73%;
}
/* Report -------------*/
#report {
	position: relative;
}
.forms-page .report-list .active .fal:before {
	content: "\f058";
	font-weight: bold;
}
#report #account-remainder {	
	font-size: 20px;
}
.report-header img {
	width: auto;
	max-height: 50px;
}

.loading-overlay {
	position: absolute;
   top: 0;
   bottom: 0;
   background: #fff;
   z-index: 1;
   right: 0;
   left: 0;
   text-align: center;
   opacity: 0.5;
	display: flex;
   align-items: center;
   justify-content: center;
	min-height: 200px;
}
.loading-overlay.append {
	min-height: auto;
	position: relative;
	padding: 5px;
}
.table .loading-overlay.append {
	padding: 0px 8px 7px;
  font-size: 11px;
}
.hide-loading-overlay .loading-overlay {
	display: none;
}

/* Chart ------------------*/
#chart-container {
	width:100% !important;
}
/* Accounting -------------*/
.daybook-table .row-tools {
	width: 92px;
}
.daybook-table tr.item .daybook-group-title {
	display: none;
}
.daybook-table .daybook-group-title span.id-column {
	width: 90px;
}
.daybook-table .daybook-group-title span {
	width: 200px;
}
/* Treasury --------------*/
.cheque {
	width: 17cm;
	height: 8.5cm;
	background: url("../images/cheque.jpg") no-repeat;
  	background-size: contain;	
	border:none !important;
	font-size: 14px;
	padding: 30px 20px;
	margin: 0 !important;	
	margin-top: 10px !important;
	position: relative;
}
.cheque .date-numeric, .cheque .date-string,
.cheque .amount-numeric, .cheque .amount-string,
.cheque .payee, .cheque .id_number {
	position: absolute;
}
.cheque .date-numeric {
	right: 2.2cm;
	top: 1.05cm;
	letter-spacing: 0.2cm;
}
.cheque .date-string {
	right: 3cm;
	top: 1.7cm;	
	width: 4.5cm;
	font-size: 12px;;
}
.cheque .amount-numeric {
	right: 9.2cm;
	top: 5.7cm;/*5.5*/
	letter-spacing: 0.2cm;	/*1.5*/
	/*font-size: 18px;*/
}
.cheque .amount-numeric:before {
    content: '#######';
}
.cheque .amount-string {
	right: 4.5cm;
	width: 11cm;
	top: 3cm;
	line-height: 1;	
	font-size: 13px;	
}
.cheque .payee {
	right: 1.5cm;
    top: 3.9cm;
    width: 6cm;
    line-height: 1;
    font-size: 12px;
}
.cheque .id_number {
	right: 10.5cm;
	top: 3.9cm;	
}

.cheque-receipt {
	width: 20cm;	
}
.cheque-receipt img, .remittance-page .card .organ-logo img {
	max-height: 60px;
    width: auto;
}
.remittance-page .print-signature {
	top: 0;
	left: 0;
	max-width: 200px;
}
.remittance-page .recipient {
	min-width: 100px;
}
@media print {
	.cheque {
		background: none;
	}
	.treasury-section.print-page .page-heading,
	.treasury-section.receipt-page .page-heading,
	.sales-section.remittance-page .page-heading {
		display: none;
	}
	.receipt-page .table, .remittance-page .table {
		color: #000 !important;
		font-size: 14px !important;
	}
	.receipt-page .table-bordered td, .receipt-page .table-bordered th {
		border-color: #000!important;
	}
	.remittance-page .table, .remittance-page .table td, .remittance-page .table th,
	.remittance-page .card, .remittance-page .card-header, .remittance-page .card-footer {
		border-color: #aaa !important;
	}
}

@media only screen and (max-width: 420px) {	

}

@media only screen and (max-width: 625px) {
	/*body.logged-in  {
		padding-top:80px;
	}*/
	/*.sidebar {
		border-right: 1px solid #ccc;
		right: auto;
		left: 0;
		top: 0 !important;
		z-index: 10032 !important;
	}
	.nav-sidebar.side-min > li.hsub:not(.active):hover ul {
		right: auto;
		left: 45px;
		border: 1px solid #ddd;
	  border-radius: 0 4px 4px 0;
	}*/	
	.page-heading {
		border-bottom: none;
		flex-direction: column;
	}
	.ui-datepicker {
		width: 95%;
		margin-right: 2.5%;
    	margin-left: 2.5%;
		z-index: 1100 !important;
	}	
	.ui-datepicker .ui-datepicker-header {
		padding: 1em 0;
	}
	.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
		padding-top: 0.9em;
	}
	.ui-datepicker th, .ui-datepicker td span, .ui-datepicker td a {
		height: 40px;
		line-height: 40px;
		font-size: 14px;
	}
	.ui-datepicker-rtl .ui-datepicker-buttonpane button {
		padding: 1em;
	}

	.modal-dialog {
		margin-right:0;
		margin-left:0;
		width: 100% !important;
	}
	#daybook-form .modal-body {
		padding: 1rem 0.5rem;
	}
	#daybook-form .card-body {
		padding: 1.25rem 0.75rem;
	}
	#daybook-form .list-group-item {
		padding: 0.75rem 0.5rem;
	}

}
@media (max-width: 767px) {
	.navbar-nav .open .dropdown-menu {
		position: absolute;
		background-color: #fff;
		border: 1px solid rgba(0,0,0,.15);
		box-shadow: 0 6px 12px rgba(0,0,0,.175);
		left: -1px;
	  border-radius: 0 0 4px 0;
	}
	.navbar-inverse .navbar-nav .open .dropdown-menu .divider {
		background-color: #e5e5e5;
	}
	.navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
		color: #333;
	}

	#slide-navbar-collapse {
		display: block;
    position: fixed;
    top: 50px;
    right: -260px;
    z-index: 99;
    width: 253px;
    height: 100%;
		padding-bottom: 16px;
    background-color: #fff;
    overflow: auto;
		box-shadow: 0 0 5px #444;
		white-space: nowrap;
		transition: all ease .5s;
  }
	#slide-navbar-collapse.active {
		right: 0;
	}
  .menu-overlay {
    display: none;
    background-color: #000;
    bottom: 0;
    left: 0;
    opacity: 0.5;
    filter: alpha(opacity=50);
    /* IE7 & 8 */
    position: fixed;
    right: 0;
    top: 0;
    z-index: 49;
  }
	.nav-sidebar li a {
		padding: 10px 15px;
	}

	.nav-justified-xs {
		width: 100%;
	}
	.nav-justified-xs .nav-item {
    flex-basis: 0;
    flex-grow: 1;
    text-align: center;
    width: 1%;
	}
	.nav-justified-xs .nav-link {
		text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
	}

	.table:not(.table-sm)>tbody>tr>td, .table:not(.table-sm)>tbody>tr>th {
		padding: 16px 8px;
	}
	.table .child .list-inline a .fa, .table .child .list-inline a.fa,
	.table .child .list-inline a .fal, .table .child .list-inline a.fal,
	.table .child .list-inline a.trash:before {
		font-size: 25px;
	}
	.table .child .list-inline a .fa-stack.icon-comment-stack {
		font-size: 13px;
	}
	table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child:before, table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child:before {
		top: 16px;
	}
	div.dataTables_wrapper div.dataTables_length, div.dataTables_wrapper div.dataTables_filter, div.dataTables_wrapper div.dataTables_info, div.dataTables_wrapper div.dataTables_paginate,
	div.dataTables_filter label, div.dataTables_wrapper div.dataTables_length label {
	  text-align: center;
		/*float: none;*/
	}
	div.dataTables_wrapper div.dataTables_length {
		text-align: right;
	}
	div.dataTables_wrapper div.dataTables_filter {
		text-align: left;
	}
	div.dataTables_wrapper div.dataTables_info {
		padding: 0;
		margin-bottom: 10px;
		white-space: normal;
	}
	div.dataTables_wrapper div.dataTables_length label  {
		margin-bottom: 0;
	}
	/*div.dt-buttons {
		display: none;
	}*/
	body div.dataTables_wrapper div.dataTables_processing {
		bottom: 86px;
	}
	.archive h1, .archive .h1, .page h1, .page .h1, .page-heading h1 {
		margin-bottom: 0;
		line-height: 38px;
		font-size: 22px;
	}
	.page-heading .btn {
		padding: 5px 10px;
    font-size: 12px;
	}
	.nav-tabs>li>a, .nav-tabs>li>a:focus {
		padding: 10px 7px;
	}
	.nav-tabs:not(.nav-justified) li:first-child a {
    margin-right: 0px;
	}
	.modal-open .sidebar {
    padding-right: 0;
	}
	.pull-xs-right {
		float:right;
	}

	.order-page table.sortable td:not(.row-tools):not(.child), .order-page table.sortable th {
	  max-width: 140px !important;
	}
	#invoice-items .item-detail-row {
		width: 100%;
		border-bottom: 1px solid #ddd;
    	padding: 0.5em 0;
	}
	#invoice-items .item-detail-row:last-child {
		border: none
	}
	#invoice-items label {
		margin-top: 10px;
	}
	#invoice-items .input-group label {
		margin-top: 0;
	}
	#invoice-items .item-detail-row label {
		display: inline-block !important;
    min-width: 85px;
		margin: 0;
	}
	#invoice-items .checkbox-inline {
		padding: 0;
	}
	#invoice-items .checkbox-inline input {
		position: absolute;
		left: -5px;
	}
	.print-div {
		padding: 10px 5px;
	}

	/* CRM fully responsive */
	.page-template-crm {
		overflow: hidden;
	}
	.page-template-crm .breadcrumb {
		display: none;
	}
	.crm-page {
		position: relative;
		overflow: hidden;
		height: calc(100vh - 135px);
	}
	.crm-page .nav-pills li.visible-xs {
		display: table-cell !important;
	}
	.crm-page .loading-overlay {
		left: 0;
		right: 0;
		opacity: 1;
		color: #337ab7;
		margin-top: 41px;
		background-color: #FCFCFC;
	}
	.crm-sidebar, .crm-content {
		transform: translateX(+100%);
		transition: transform ease .5s;
	}
	.crm-content {
		position: absolute;
    	width: 100%;
		top: 0;
		right: 0;
		transform: translateX(-100%);
		padding: 0;
    	border-bottom: 1px solid #ddd;
	}
	.crm-sidebar.active, .crm-content.active {
		transform: none;
	}
	.crm-content #customerProfile section {
		padding-top: 7px;
	}
	.crm-content #customerProfile #crm-profile-section {
		overflow-x: hidden;
    height: calc(100vh - 193px);
	}
	.crm-content #customerProfile .tab-pane .tab-pane {
		overflow-x: hidden;
    height: calc(100vh - 241px);
		padding-bottom: 100px;
	}
	#customersList {
  	height: calc(100vh - 232px);
	}
	#callLogList {
  	height: calc(100vh - 182px);
	}
	#call-list {
    max-height: calc(100vh - 235px);
	}		
}
@media (min-width:768px) {
	#customersList {
		height: 65vh;
	}
}
@media (max-width:991px) {
	#customerProfile .no-padding {
		padding-right: 15px;
		padding-left: 15px;
	}
}

@media (min-width:768px) {

	.nav-sidebar.side-min {
		width:50px;
	}
	.nav-sidebar.side-min .menu-text {
	  display: none;
	}
	.nav-sidebar.side-min > li a > .arrow {
		right:0;
		margin-right:1px;
		transform: rotateZ(-90deg);
	}
	.nav-sidebar.side-min > li.hsub:not(.active) ul {
		display: none !important;
	}
	.nav-sidebar.side-min > li.hsub:not(.active):hover ul {
		display: block !important;
	  	position: fixed;
		margin-top: -39px;
	  	left: 50px;
		border: 1px solid #ddd;
	  	border-radius: 4px 0 0 4px;
		width: 175px
	}
	.nav-sidebar.side-min > li.hsub:not(.active):hover ul a {
		background-color: #fff;
	}
	.nav-sidebar.side-min > li.hsub:not(.active) ul .menu-text {
		display: inline;
	}	
	.nav-sidebar.side-min li ul a {
		padding-left: 16px;
		text-overflow: initial;
	}
	.nav-sidebar.side-min li ul a:after, .nav-sidebar.side-min li ul a:before {
		content: none;
	}
	.side-min .footer .footer-inner {
		left: 45px;
	}	
	#order-items .item .product-meta {
		height: 57px;
	}
	#order-items .checkbox-inline label {
		margin: 0;
	}
	.tab-content-xs > .tab-pane {
		opacity: 1 !important;
		display: block !important;
	}
}
@media (min-width:992px) {
	#invoice-form .tab-pane {
		opacity: 1 !important;
		display: block !important;
	}	
	#order-items .item .product-meta {
		height: auto;
	}
	div.dataTables_filter label {
		float: left;
	}
}

@media (min-width:1200px) {
	.order-page .table-filter, .purchase-page .table-filter, .inventory-page .table-filter, .payment_due-page .table-filter,
	.daybook-page .table-filter, .accounts-page .table-filter,
	.post-type-archive .table-filter,
	.treasury-section .table-filter {
		display: block;
	}
}
@media (max-width:1199.9px) {
	.filter-more {
		display: block !important;
	}
}
@media (min-width: 560px) {
	.task-status-filter, .letter-status-filter {
		position: absolute;
		top: 0px;
		left: 305px;
	}
	.letter-status-filter {	
		left: 220px;
	}
}


/* Bootstrap customization ------------*/
.h1,h1 {font-size:1.75rem}
.h2,h2 {font-size:1.5rem}
.h3,h3 {font-size:1.25rem}
.h4,h4 {font-size:1rem}
.h5,h5 {font-size:0.85rem}
.h6,h6 {font-size:0.75rem}
p {margin-bottom: 10px;}
.home .tab-content .nav-pills .nav-link {
	padding: .375rem .75rem;
}
.mt-6, .my-6 {
    margin-top: 4rem;
}
.max-vh-50 {
	max-height: 50vh;
}

.card .table{border-right:0;border-left:0;margin-bottom:0}.card .table:last-child{border-bottom:0}.card .table:not(.table-sm) th,.card .table:not(.table-sm) td{padding:0.75rem 1.25rem}.card .table td:first-child,.card .table th:first-child{border-right:0!important}.card .table td:last-child,.card .table th:last-child{border-left:0!important}.card .table thead tr:first-child td,.card .table thead tr:first-child th{border-top:0!important}.card .table:not(.table-middle) tr:last-child td{border-bottom:0}.card .card-header+.table{border-top:0}
.navbar-nav .nav-link {
	padding-top: 16px;
	padding-bottom: 16px;
}
.input-group-text, .form-control, .btn, .custom-select, .popover-header, .popover-body {
	font-size:0.8rem;
}
.btn-group-sm>.btn, .btn-sm {
	font-size:0.75rem;
}
.btn-group-xs>.btn, .btn-xs {
  padding: .2rem .4rem;
  font-size: .7rem;
  line-height: 1.25;  
}
.input-group-lg>.custom-select, .input-group-lg>.form-control, .input-group-lg>.input-group-append>.btn, .input-group-lg>.input-group-append>.input-group-text, .input-group-lg>.input-group-prepend>.btn, .input-group-lg>.input-group-prepend>.input-group-text {
	font-size: 1rem;
}
.badge {
	/*padding-top: 0.4em;*/
	font-weight: normal;
}
.badge-pill {
	padding-top: 0.6em;
}
.input-group-text {
	justify-content: center;
}
.list-inline {
	margin-bottom: 0;
}
.bs-popover-bottom .arrow:after {
	border-bottom-color: #f7f7f7;
}
.breadcrumb {
	font-size: 13px;
	border: 1px solid #E8E8E8;
	background-color: #fff;	
	white-space: nowrap;
	flex-wrap: nowrap;
	overflow-x: auto;
}
.breadcrumb a {
	text-decoration: none;
}
.breadcrumb > span:first-child:before, .breadcrumb > span:not(:last-child):after {
	margin: 0 0.25rem;
	font-size: 14px;
	vertical-align: top;
}
.breadcrumb > span:first-child:before {
	content: '\f015';
}
.breadcrumb > span:not(:last-child):after {
	content: '\f054';
}
.media-left {
	margin-right: 0.25rem;
}
.modal-open .popover {
	z-index: 1050
}

.form-control.option-group {
	height: auto;
	padding-bottom: 2px;
	padding-top: 5px;
}
table caption {
	caption-side: top;
	text-align: center;
}
.list-group-striped .list-group-item:nth-child(even) {
	background-color: #f5f5f5;
}
.list-group-hover .list-group-item:hover {
	background-color: #dce8f1;
}
.opacity-50 {
	opacity: 0.5;
}
@page {
    size: auto;
}
/* color */
.bg-warning {
	background-color: #edb100!important;
}
.text-warning {
  color: #d39e00!important;
}
.border-warning {
  border-color: #edb100!important;
}
.table-light tbody+tbody, .table-light td, .table-light th, .table-light thead th {
	border-color: #eee;
}

/* BS5 -------------------------------*/
.text-start{text-align:left!important}.text-end{text-align:right!important}
.float-start {float: left !important;}.float-end {float: right !important;}
.ms-0{margin-left:0!important}.ms-1{margin-left:.25rem!important}.ms-2{margin-left:.5rem!important}.ms-3{margin-left:1rem!important}.ms-4{margin-left:1.5rem!important}.ms-5{margin-left:3rem!important}.ms-auto{margin-left:auto!important}
.me-0{margin-right:0!important}.me-1{margin-right:.25rem!important}.me-2{margin-right:.5rem!important}.me-3{margin-right:1rem!important}.me-4{margin-right:1.5rem!important}.me-5{margin-right:3rem!important}.me-auto{margin-right:auto!important}
@media (min-width:576px) {
	.ms-sm-0{margin-left:0!important}
	.me-sm-1{margin-right:.25rem!important}.me-sm-2{margin-right:.5rem!important}
}
/* Fontawsome customization ----------*/
.fa, .fab, .fad, .fal, .far, .fas {
	vertical-align: middle;
}

.fa, .fab, .fad, .fal, .far, .fas {font-size: 1.23077em;}
.fa-lg {font-size: 1.33333em;}
.fa-2x, .fa-stack-2x {font-size: 2em;}
.fa-3x {font-size: 3em;}
.fa-4x {font-size: 4em;}
.fa-5x {font-size: 5em;}
.fa-li {line-height: 1}

.nav-sidebar li a .fa, .nav-sidebar li a .fal, .nav-sidebar li a .far, .nav-sidebar li a .fas {font-size: 16px;}

.icon {
	text-decoration: none!important;
}
.dropdown-item.active i, .dropdown-item:active i {
	color: #fff!important;
}

/* Toast -----------*/
.toast {
	min-width: 250px;
	font-size: 13px;
}
.toast-wrapper {
	position: fixed;
  top: 55px;
  left: 14px;
  z-index: 1100;
}

@media (min-width: 576px) {
	.w-sm-auto {
		width: auto !important;
	}
	div.dt-buttons {
		display: inline-flex;
	}
}

.border-2 {border-width: 2px!important}
.border-3 {border-width: 3px!important}
.border-4 {border-width: 4px!important}

.dropdown-menu .dropdown-menu {
	right: 100%;
	top: -11px;
	border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

/* Widget --------------*/
.widget-icon {
	font-size: 60px;
    opacity: 0.3;
    rotate: +30deg;
    margin-right: 5px;
}
/** Dark theme
body, .modal-content {
    background: #C9CFD5;
}
.sidebar, #slide-navbar-collapse {
	background: #343a40;
}
.nav-sidebar li ul a {
    background-color: #494E53;
}
.nav-sidebar .collapse .active a, .nav-sidebar .collapse .active a:hover, .nav-sidebar .collapse .active a:focus {
	background-color: #61666B;
}
.nav-sidebar li a:hover, .nav-sidebar li a:focus {
	background-color: #61666B !important;
}
.nav-sidebar li a {
	color: #fff;	
}
.nav-sidebar.side-min > li.hsub:not(.active):hover ul a {
    background-color: #343a40;
}
*/