﻿/*= General =================== */

/** General Â» Main Color **/
header#masthead, footer.site-footer, button#responsive-menu-button {
	background-color: rgb(217, 121, 26) !important;
}

/** General Â» Hide Unused Components **/
body.single-claim div.edit-link, body.single-claim div.nav-links {
	display: none !important;
}

/** General Â» Button Area **/
div.button-area {
	margin-top: 8px !important;
	margin-bottom: 24px !important;
}

/*= Home Page ================= */

/** Home Page Â» Title **/
.home h1.entry-title {
	text-align: center !important;
}

/*= Slider ==================== */

/** Slider Â» Slider Height **/
#example3_1787, .sp-slides-container, .sp-mask, .sp-slide, .uris {
	height: 600px !important;
	overflow: hidden !important;
}

@supports (height: calc(100vh)) {
#example3_1787, div.sp-slides-container, div.sp-mask, div.sp-slide, .uris {
	height: calc(100vh) !important;
	overflow: hidden !important;
}
}

/** Slider Â» Image **/
img.sp-image {
	display: none !important;
}

/** Slider Â» Title **/
div#example3_1787 p.title-in-bg {
	display: none !important;
}

/*= Buttons =================== */

/** Buttons Â» UM Button Wrapper **/
div.um-right, div.um-half {
	width: auto !important;
	float: left !important;
}

/** Buttons Â» Delete Button Background **/
li.thumbnail div.caption {
	text-align: center !important;
	margin-top: 8px !important;
}

/** Buttons Â» Delete Button **/
.caption a.btn-danger {
	background-color: rgb(218, 79, 73) !important;
}

/** Buttons Â» Delete Button Hover And Active**/
.caption a.btn-danger:hover, .caption a.btn-danger:active {
	background-color: rgba(218, 79, 73, 0.75) !important;
}

/*[ All Widths ]*/
@media (min-width: 100px) {

	/*= Buttons =================== */

	/** Buttons Â» UM Button Fix **/
	div.uimob960 .um-search .um-search-submit .um-button, div.uimob800 .um-search .um-search-submit .um-button, div.uimob500 .um-search .um-search-submit .um-button, div.uimob340 .um-search .um-search-submit .um-button, .um-search .um-search-submit .um-button {
		display: inline-block !important;
	}
}

/*= Main Menu ================= */

/** Main Menu Â» Menu Text Color **/
li.menu-item a:hover, li.menu-item a:active {
	color: rgb(238, 238, 238) !important;
	background-color: rgb(127, 127, 127) !important;
}

/** Main Menu Â» Current Menu Parent **/
#site-header-menu .current-menu-parent > a, .focus > a {
	color: rgb(255, 255, 0) !important;
}

/** Main Menu Â» Current Sub-Menu Item **/
#site-header-menu .menu-item-has-children .current-menu-item>a {
	color: rgb(217, 121, 26) !important;
}

/** Main Menu Â» Current Menu Item **/
#site-header-menu .current-menu-item>a {
	color: rgb(255, 255, 0) !important;
}

/*= Responsive Menu =========== */

/** Responsive Menu Â» Original Menu **/
button.menu-toggle, button.dropdown-toggle {
	display: none !important;
}

/** Responsive Menu Â» Responsive Menu Title **/
div#responsive-menu-title {
	padding-bottom: 12px !important;
}

/** Responsive Menu Â» Responsive Menu Button **/
button.responsive-menu-boring {
	margin-right: 0px !important;
	position: absolute !important;
	left: auto !important;
	z-index: auto !important;
}

/** Responsive Menu Â» Hamburger **/
span.responsive-menu-inner, span.responsive-menu-inner:before, span.responsive-menu-inner:after {
	background-color: rgb(255, 255, 255) !important;
}

/*[ Tablet &amp; Phone ]*/
@media (max-width: 767px) {

	/*= Responsive Menu =========== */

	/** Responsive Menu Â» Responsive Menu Button **/
	button.responsive-menu-boring {
		z-index: auto !important;
	}
}

/*= Features ================== */

/** Features Â» Feature **/
div.home_feature {
	vertical-align: top !important;
	background-color: rgb(238, 238, 238) !important;
	width: 31.33% !important;
	padding-top: 24px !important;
	padding-right: 24px !important;
	padding-bottom: 24px !important;
	padding-left: 24px !important;
	margin-right: 1% !important;
	margin-bottom: 48px !important;
	margin-left: 1% !important;
	border-right-color: rgba(0, 0, 0, 0.25) !important;
	border-bottom-color: rgba(0, 0, 0, 0.25) !important;
	border-right-style: solid !important;
	border-bottom-style: solid !important;
	display: inline-block !important;
}

/** Features Â» Features **/
div.home_features {
	transform: translateX(-50%);
	width: 102% !important;
	margin-top: 48px !important;
	position: relative !important;
	left: 50% !important;
}

/** Features Â» Feature Title **/
div.feature_title {
	font-size: 18px !important;
	font-weight: bold !important;
	margin-bottom: 16px !important;
}

/** Features Â» Feature Image **/
div.feature_img {
	background-position: center center !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;
	width: 400px !important;
	max-width: 100% !important;
	padding-bottom: 66.66% !important;
	margin-bottom: 24px !important;
}


/*[ Desktop &amp; Tablet ]*/
@media (min-width: 768px) and (max-width: 979px) {

	/*= Features ================== */

	/** Features Â» Feature **/
	div.home_feature {
		width: 48% !important;
	}

}

/*[ Tablet &amp; Phone ]*/
@media (max-width: 767px) {

	/*= Features ================== */

	/** Features Â» Feature **/
	div.home_feature {
		width: 48% !important;
	}

}

/*[ Phone ]*/
@media (max-width: 480px) {

	/*= Features ================== */

	/** Features Â» Feature **/
	div.home_feature {
		width: 100% !important;
	}

}

/*= Footer ==================== */

/** Footer Â» Footer Texts **/
div.shapla-container {
	color: rgb(255, 255, 255) !important;
}

/*= Claim ===================== */

/** Claim Â» Upload Thumbnails **/
div#wpuf-clm_receipts-119-upload-container li.thumbnail {
	width: 33.3% !important;
	margin-right: 0px !important;
	border-top-style: none !important;
	border-right-style: none !important;
	border-bottom-style: none !important;
	border-left-style: none !important;
}

/** Claim Â» Radio Row Height **/
div.wpuf-fields label.wpuf-radio-block {
	margin-bottom: 28px !important;
	cursor: pointer !important;
}

/** Claim Â» Checkbox, Radio **/
input[type=checkbox], input[type=radio] {
  -ms-transform: scale(2); /* IE */
  -moz-transform: scale(2); /* FF */
  -webkit-transform: scale(2); /* Safari and Chrome */
  -o-transform: scale(2); /* Opera */
	margin-right: 16px !important;
	margin-left: 8px !important;
}

/*= Expenses and Incomes ====== */

/** Expenses Â» Expense Table Title **/
div.wpuf_clm_expenses_119 th, div.wpuf_clm_incomes_1820 th {
	text-align: center !important;
	padding-right: 16px !important;
	visibility: visible !important;
}

/** Expenses Â» Amount Column **/
input[name="clm_expenses[3][]"], td[name="clm_expenses[3][]"], input[name="clm_incomes[3][]"], td[name="clm_incomes[3][]"] {
	text-align: right !important;
}

/** Expenses Â» Expense Inputs **/
div.wpuf_clm_expenses_119 td, div.wpuf_clm_incomes_1820 td {
	vertical-align: middle !important;
}

/** Expenses Â» Add And Remove **/
img.wpuf-clone-field, img.wpuf-remove-field {
	width: 24px !important;
	height: 24px !important;
	margin-top: 2px !important;
	margin-bottom: 2px !important;
}

/** Expense Table Â» Show Expense Cells Alignment**/
.tbl_show_claim div.wpuf-fields td {
	vertical-align: top !important;
}

/*[ Desktop &amp; Tablet ]*/
@media (min-width: 768px) and (max-width: 979px) {

	/*= Expenses ================== */

	/** Expenses Â» Expense Table **/
	div.wpuf_clm_expenses_119, div.wpuf_clm_incomes_1820 {
		width: 100% !important;
		margin-top: 16px !important;
	}
}

/*[ Tablet &amp; Phone ]*/
@media (max-width: 767px) {

	/*= Expenses ================== */

	/** Expenses Â» Expense Table **/
	div.wpuf_clm_expenses_119, div.wpuf_clm_incomes_1820 {
		width: 100% !important;
		margin-top: 16px !important;
	}
}

/*= Viewer ==================== */

/** Viewer Â» Lightbox Image **/
div.document-icon img {
	margin-bottom: 16px !important;
	cursor: pointer !important;
}

/*= Company Profile =========== */

/** Company Profile Â» Col 1 **/
span.col1 {
	font-weight: bold !important;
	width: 35% !important;
	margin-top: 16px !important;
	display: inline-block !important;
}

/** Company Profile Â» Col 2 **/
span.col2 {
	width: 35% !important;
	margin-bottom: 16px !important;
	display: inline-block !important;
}

/** Company Profile Â» Nav Links **/
.company-template-default div.nav-links {
	display: none !important;
}

/*[ Tablet &amp; Phone ]*/
@media (max-width: 767px) {

	/*= Company Profile =========== */

	/** Company Profile Â» Col 1 **/
	span.col1 {
		width: 100% !important;
		margin-top: 12px !important;
		margin-bottom: 4px !important;
	}

	/** Company Profile Â» Col 2 **/
	span.col2 {
		width: 100% !important;
	}

}

/*= Ultimate Member =========== */

/** Ultimate Member Â» UM Menu **/
div.um-profile-edit {
	display: none !important;
}

/** Ultimate Member Â» Current **/
span.current {
	background-color: rgb(0, 0, 0) !important;
}

/*= Export ==================== */

/** Export Â» Export Titles **/
.dd_title, .result-title {
	width: 200px !important;
}

/** Export Â» Entries Title **/
.entries_title {
	font-size: 18px !important;
	font-weight: bold !important;
	margin-top: 36px !important;
}

/** Export Â» Result Filter **/
.result-filter-box {
	font-size: 18px !important;
	font-weight: bold !important;
	margin-top: 8px !important;
	margin-bottom: 16px !important;
}

/** Export Â» Search Box **/
.search_box {
	margin-bottom: 16px !important;
}

/** Export Â» Copy Table Header **/
div.claims_to_export th {
	text-align: left !important;
	vertical-align: bottom !important;
	min-width: 100px !important;
}

/** Export Â» Hide Remarks Column **/
.hide_remarks {
	display: none !important;
}

/** Export Â» Copy To Text Area **/
div.scroll_table {
	overflow-x: scroll !important;
}

/** Export Â» Subject **/
.clm_subject {
	min-width: 250px !important;
}

/** Export Â» Show Remarks **/
#copy_to_text_area .col_remarks {
	min-width: 400px !important;
}

/** Export Â» Approver Decision **/
.clm_approver_decision {
	min-width: 200px !important;
}

/*[ Printing ]*/
@media print {

	/*= Export =================== */

	/** Export Â» Copy To Text Area **/
	div.scroll_table {
		overflow-x: visible !important;
	}
}

/*= Search Box ================ */

/** Search Box Â» Table Borders **/
table.result-filter-box, table.result-filter-box tr, table.result-filter-box td, table.search_box, table.search_box tr, table.search_box td {
	vertical-align: middle !important;
	background-color: rgba(255, 255, 255, 0) !important;
	padding-top: 0px !important;
	padding-right: 0px !important;
	padding-bottom: 0px !important;
	padding-left: 0px !important;
	margin-top: 0px !important;
	margin-right: 0px !important;
	margin-bottom: 0px !important;
	border-top-style: none !important;
	border-right-style: none !important;
	border-bottom-style: none !important;
	border-left-style: none !important;
}

/** Search Box Â» Result Filter Box **/
table.result-filter-box {
	background-color: rgba(255, 255, 255, 0) !important;
}

/*[ Printing ]*/
@media print {

	/*= Search Box ================ */

	/** Search Box Â» Result Filter Box **/
	table.result-filter-box {
		margin-left: 12px !important;
	}
}

/*= Auto Complete ============= */

/** Auto Complete Â» Menu Item **/
.ui-menu .ui-menu-item {
	font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif !important;
	font-size: 15px !important;
	padding-top: 4px !important;
	padding-right: 2px !important;
	padding-bottom: 4px !important;
	padding-left: 2px !important;
}

/** Auto Complete Â» Menu Item Hover **/
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus  {
	background-color: rgb(238, 238, 238) !important;
	background-image: none !important;
	border-top-style: none !important;
	border-right-style: none !important;
	border-bottom-style: none !important;
	border-left-style: none !important;
}

/*= Accounting Entries ======== */

/** Accounting Entries Â» Account Name **/
div.acct_name {
	width: 45% !important;
	display: inline-block !important;
}

/** Accounting Entries Â» Debit And Credit Heading **/
div.debit_heading, div.credit_heading {
	font-weight: bold !important;
	text-align: right !important;
	width: 20% !important;
	display: inline-block !important;
}

/** Accounting Entries Â» Debit Value **/
div.debit_value {
	text-align: right !important;
	width: 40% !important;
	padding-right: 20% !important;
	display: inline-block !important;
}

/** Accounting Entries Â» Credit Value **/
div.credit_value {
	text-align: right !important;
	width: 40% !important;
	display: inline-block !important;
}

/** Accounting Entries Â» Headings **/
div.acct_heading, div.cost_center_heading {
	font-weight: bold !important;
}

/** Accounting Entries Â» Accounting Entry **/
div.actg_entry {
	width: 720px !important;
	max-width: 100% !important;
}

/** Accounting Entries Â» Results **/
span#result-period, span#result-status {
	margin-left: 4px !important;
}

/** Accounting Entries Â» Cost Center **/
div.cost_center {
	width: 15% !important;
	display: inline-block !important;
}

/*[ Printing ]*/
@media print {

	/*= Accounting Entries ======== */

	/** Accounting Entries Â» Accounting Entry **/
	div.actg_entry {
		width: 100% !important;
		padding-right: 12px !important;
		padding-left: 12px !important;
	}

	/** Accounting Entries Â» Entry Printing **/
	div#post-1382 div.result-filter-box, div#post-1382 hr, div#post-1709 div.result-filter-box, div#post-1709 hr {
		margin-right: 12px !important;
		margin-left: 12px !important;
	}
}

/*= Form 7 ==================== */

/** Form 7 Â» Input **/
input.wpcf7-text {
	max-width: 360px !important;
}

