/* normalize.css v11 | https://github.com/csstools/normalize.css/ */html {line-height: 1.15;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;}h1 {font-size: 2em;margin: 0.67em 0;}dl dl,dl ol,dl ul,ol dl,ul dl {margin: 0;}ol ol,ol ul,ul ol,ul ul {margin: 0;}hr {box-sizing: content-box;color: inherit;height: 0;overflow: visible;}main {display: block;}pre {font-family: monospace, monospace;font-size: 1em;}a {background-color: transparent;}abbr[title] {text-decoration: underline;text-decoration: underline dotted;}b,strong {font-weight: bolder;}code,kbd,samp {font-family: monospace, monospace;font-size: 1em;}small {font-size: 80%;}audio,video {display: inline-block;}audio:not([controls]) {display: none;height: 0;}img {border-style: none;}svg:not(:root) {overflow: hidden;}table {border-color: inherit;text-indent: 0;}button,input,select {margin: 0;}button {overflow: visible;text-transform: none;}button,[type="button"],[type="reset"],[type="submit"] {appearance: button; -webkit-appearance: button;}fieldset {padding: 0.35em 0.75em 0.625em;}input {overflow: visible;}legend {box-sizing: border-box;color: inherit;display: table;max-width: 100%;white-space: normal;}progress {display: inline-block;vertical-align: baseline;}select {text-transform: none;}textarea {margin: 0;overflow: auto;}[type="checkbox"],[type="radio"] {box-sizing: border-box;padding: 0;}[type="search"] {appearance: textfield; -webkit-appearance: textfield;outline-offset: -2px;}::-webkit-inner-spin-button,::-webkit-outer-spin-button {height: auto;}::-webkit-input-placeholder {color: inherit;opacity: 0.54;}::-webkit-search-decoration {-webkit-appearance: none;}::-webkit-file-upload-button {-webkit-appearance: button;font: inherit;}::-moz-focus-inner {border-style: none;padding: 0;}:-moz-focusring {outline: 1px dotted ButtonText;}:-moz-ui-invalid {box-shadow: none;}details {display: block;}dialog {background-color: white;border: solid;color: black;display: block;height: -moz-fit-content;height: -webkit-fit-content;height: fit-content;left: 0;margin: auto;padding: 1em;position: absolute;right: 0;width: -moz-fit-content;width: -webkit-fit-content;width: fit-content;}dialog:not([open]) {display: none;}summary {display: list-item;}canvas {display: inline-block;}template {display: none;}[hidden] {display: none;}
*, *:after, *:before { box-sizing: border-box; }

body { margin: 0; padding: 0; background: #f5f5f5; font-family: 'Rubik',Helvetica,Arial,Lucida,sans-serif; font-size: 16px; font-weight: 400; line-height: 1.5em; }

input[type=text], input[type=email], input[type=number], input[type=tel], input[type=password], input[type=date], input[type=datetime-local], select { display: block; width: 100%; padding: 10px; border-radius: 4px; border: 1px solid #ccc; font-family: 'Rubik',Helvetica,Arial,Lucida,sans-serif; font-size: 1em; }
input[type=button], .btn { background: #3997B7; width: 100%; text-align: center; color: #fff; display: inline-block; padding: 15px 30px; border: 0; font-family: 'Rubik',Helvetica,Arial,Lucida,sans-serif; font-size: 1em; border-radius: 8px; cursor: pointer; text-decoration: none; }
textarea { width: 100%; height: 100px; font-family: 'Rubik',Helvetica,Arial,Lucida,sans-serif; border: 1px solid #ccc; padding: 10px; font-size: 1em; }
label.required:before { display: inline-block; color: red; content: "*"; padding-right: 5px; }
.readonly.formContainer label { border-bottom: 1px solid #ccc; margin-bottom: 0; padding-bottom: 5px; }

textarea:read-only { overflow: visible; }

.bigNote { height: 300px; }

h1, h2, h3, h4 { margin: 0 0 20px 0; padding: 0; color: #348aa7; line-height: 1em; }
h1 { color: #348aa7; font-size: 2em; }
h2 { font-size: 1.5em; }

.smallTitle { font-size: .8em; }
.sideTitle, .smallTitle { color: #999; text-transform: uppercase; padding: 0 0 10px 0; border-bottom: 1px solid #ccc; }

/*** Main Header ***/
header { height: 50px; background: #27112D; padding: 0; position: fixed; width: 100%; z-index: 1; }
	header img { height: 40px; width: auto; position: absolute; top: 5px; left: 10px; }


/* Navigation */

#navigation { display: flex; flex-flow: row wrap; align-items: center; margin: 0; padding: 0; list-style: none; }

	#navigation a { flex: 1 1 auto; display: inline-flex; display: block; padding: 16px; border-left: 1px solid rgba(255,255,255,0.2); font-weight: 700; color: #fff; text-decoration: none; font-size: 14px; }
#navigation-container > #navigation > li.has-children > a { cursor: default; }
#navigation-container > #navigation > li:hover > :not(.acctinfo), #navigation-container > #navigation > li:focus-visible > :not(.acctinfo) { background: #348AA7; color: #fff; }
		
#navigation ul { position: absolute; left: 0; top: 100%; visibility: hidden; opacity: 0; width: 14rem; margin: 0; padding: 0; list-style: none; transition: all 0.25s ease 0s; }
			#navigation ul a { display: block; padding: 16px; border-left: 1px solid rgba(255,255,255,0.2); font-weight: 700; color: #fff; text-decoration: none; font-size: 14px; }
		#navigation ul a:hover, #navigation ul a:focus { background: #348AA7; color: #fff; }

	#navigation ul > li > ul { left: 100%; top: 0; }
#navigation li { position: relative; }
	#navigation li:hover > ul, #navigation li:focus-within > ul { display: block; visibility: visible; opacity: 1; transition-delay: 0s; background-color: #27112D; }

.mainContent { padding: 20px; position: fixed; top: 50px; bottom: 0; left: 0; right: 0; background: #fff; overflow: auto; }
	.mainContent .contain1200 { max-width: 1200px; margin-right: auto; margin-left: auto; }
	.mainContent .contain1000 { max-width: 1000px; margin-right: auto; margin-left: auto; }

.page-title { margin: -20px -20px 3vw; padding: 0 20px; background: #348aa7; }
	.page-title h1 { padding: 3vw 0; color: #fff; }

/*Search*/
.searchContainer input { background: none; border: 0; border-bottom: 1px solid #ccc; padding: 0; width: 100%; padding: 20px 0 20px 0; font-size: 16px; font-weight: 700; }
	.searchContainer input:focus { outline: none; }

/*Data Grid*/
.k-grid-header, .k-grid-header thead tr, .k-grid-header thead tr:hover { background: none; }
	.k-grid-header thead tr th.k-header { padding: 0.6em 1em; background: rgba(39, 17, 45, 0.05); }

.dataGrid .k-grid { background: none !important; border: 0; }
	.dataGrid .k-grid-content { background: #fff; }

.dataGrid .k-grid tbody td:first-child { border-left: 1px solid #ccc !important; }
.dataGrid .k-grid tbody td:last-child { border-right: 1px solid #ccc !important; }
.dataGrid .k-grid .k-pager-wrap { border: 1px solid #ccc !important; }

.dataGrid tbody tr { transition: all 0.2s ease-out 0s; }
.dataGrid tbody tr.k-alt { background: rgba(39, 17, 45, 0.04); }
	.dataGrid tbody tr:hover { background: rgba(39, 17, 45, 0.1); }
		.dataGrid tbody td { padding: 1em; line-height: 1.4em; border: 0; }
			.dataGrid tbody td a { font-weight: 700; color: #3997B7; text-decoration: none; }

.dataGrid .k-button { margin: 0; padding: 2px; border: 0; background: none; color: #666; text-transform: uppercase; }
	.dataGrid .k-button:hover { color: #de3c4b; }
		.dataGrid .k-button .k-icon, .dataGrid .k-button:hover .k-icon { display: inline-block; width: 16px; height: 16px; border-radius: 20px; background-color: rgba(0,0,0,0.1); vertical-align: middle; }

.dataGrid .orders .k-header { border: 0; background: none; }

.dataGrid * { -webkit-box-sizing: content-box !important; box-sizing: content-box !important; }
	.dataGrid * input { box-sizing: border-box !important; -moz-box-sizing: border-box !important; }

.k-grid .k-grid-pager { padding: 1.4em 1em; border: 0; background: #fff; }
	.k-grid .k-grid-pager .k-link { margin: 0 0.2vw; border: 1px solid #e5e5e5; background: #fff; transition: all 0.2s ease-out 0s; }
		.k-grid .k-grid-pager .k-link:hover { background: #efefef; }
			.k-grid .k-grid-pager .k-state-selected { border: 1px solid #4B3758; background: #4B3758; }

.dataGrid tfoot tr, .dataGrid tfoot tr:hover { background: #229cd1; }
	.dataGrid tfoot tr td { border-color: #229cd1; color: #fff; }

/* Company Grid */

/*Pin List*/
.pinList { list-style: none; padding: 0; margin: 0; border: 0 !important; }
	.pinList li { display: block; padding: 5px; border-bottom: 1px solid #ccc; }
		.pinList li a { color: #229cd1; text-decoration: none; }
			.pinList li a:hover { background: #229cd1; color: #fff; }

/*Tabstrip */
.k-tabstrip-wrapper { box-shadow: none !important; }
#tabstrip { border: 0 !important; background: none; box-shadow: none !important; }
.k-tabstrip-items { padding: 0 !important; }
.k-tabstrip > .k-content { margin: 0 !important; border: 1px solid #ccc !important; padding: 20px !important; }
#tabstrip .k-item { background: none !important; border: 0 !important; border-bottom: 5px solid #f5f5f5 !important; font-weight: 700; }
	#tabstrip .k-item.k-state-active span { color: #229cd1 !important; }
	#tabstrip .k-item.k-state-active { border-bottom: 5px solid #229cd1 !important; }

/*Breadcrumbs*/
.breadCrumb { font-size: 10px; padding-bottom: 20px; }
	.breadCrumb a { text-decoration: none; color: #229cd1 }

/*Contact*/
.contactContainer { padding-bottom: 20px; }
.contactMobile { margin-top: 10px; }

/*TitleWindow*/
.k-window-titlebar { height: auto !important; z-index: 9; }
.k-window .k-window-content { padding: 20px !important; }
.saveContainer { background: #f5f5f5; border-top: 1px solid #ccc; position: absolute; bottom: 0; left: 0; right: 0; padding: 20px; }

/*Form Container*/
.formContainer { margin-bottom: 20px; }
	.formContainer label { margin-bottom: 5px; display: inline-block; font-size: 0.9em; }

/*View Container*/
.viewContainer { margin-bottom: 30px; }
	.viewContainer label { display: inline-block; border-bottom: 1px solid #ccc; margin-bottom: 5px; font-weight:500; }

/*.formContainer.checkbox-container { display: flex; flex-flow: row wrap; align-items: flex-start; margin-bottom: 0.5em; }*/
.formContainer.checkbox-container { display: flex; align-items: flex-start; margin-bottom: 0; }
	.formContainer.checkbox-container input { margin: 0.3em 0.4em 0.3em 0; }
	.formContainer.checkbox-container .checkbox-info { max-width: calc(100% - 20px); }
	.formContainer.checkbox-container > div:not(.checkbox-info) { width: 100%; }
	.formContainer .cb-child-container { width: 100%; }

.contentContainer { margin-bottom: 20px; }
.button { background: #de3c4b; color: #fff; border-radius: 5px; -moz-border-radius: 5px; padding: 10px; text-align: center; display: inline-block; text-decoration: none; font-weight: 700; font-size: .8em; text-transform: uppercase; }
.fontSmaller { font-size: .8em; font-style: italic; font-weight: 100; }
.floatLeft { float: left; }
.floatRight { float: right; }
.clearBoth:after { display: block; content: ""; clear: both; }
.width50 { width: 50%; float: left; padding-right: 10px; }
	.width50:last-child { padding-left: 10px; }
.width70 { width: 70%; float: left; padding-right: 10px; }
.width30 { width: 30%; float: left; padding-left: 10px; }
.width33 { width: 33.3333%; float: left; padding: 0 10px 0 0; }
	.width33:nth-child(2) { padding: 0 10px; }
	.width33:nth-child(3) { padding: 0 0 0 10px; }
.width25 { width: 25%; float: left; padding: 0 10px 0 0; }
.width33:nth-child(2), .width33:nth-child(3) { padding: 0 10px; }
.width33:nth-child(4) { padding: 0 0 0 10px; }
.k-notification-wrap { color: white !important; }

#formCompany { width: 100%; max-width: 800px; }

/*Register Section*/
section { margin-bottom: 1em; }
section ul { margin: 0; }
.sectionTitle { margin-bottom: 0.5em; font-size: 1.3em; font-weight: bold; color: #348aa7; }
.sectionContent { margin-top: 1em; margin-bottom: 0.5em; }
.sectionContentTitle { margin-bottom: 0.5em; font-size: 1.1em; font-weight: bold; color: #4B3758; }

.tblLogoFiles { border: solid 1px; border-collapse: collapse; }
	.tblLogoFiles th { text-align: center; border-bottom: solid 1px; }
	.tblLogoFiles td { padding: 1em; }
	.tblLogoFiles tr:nth-child(even) td { border-bottom: solid 1px; border-collapse: collapse; }
	.tblLogoFiles img { width:100px }
	.tblLogoFiles .col-white-image { background-color: gray; }

#tableAddress { width: 100%; margin: 1em 0; border-collapse: collapse; border-spacing: 0; border: solid 1px #ccc; }
	#tableAddress thead { background-color: #348aa7; color: white; }
	#tableAddress th { padding: 8px; }
	#tableAddress tr:nth-child(even) { background-color: #ddd; }
		#tableAddress tr:nth-child(even) td { text-align: left; padding: 8px; border-left: 1px solid white; }
	#tableAddress tr { border-bottom: 1px solid #ddd; }
	#tableAddress td { text-align: left; padding: 8px; border-left: 1px solid #ddd; }
	#tableAddress .address_new { background-color: lightyellow; }
		#tableAddress .address_new:nth-child(even) { background-color: lightyellow; }

.address-delete { width: 25px; cursor: pointer;}

/***************************real file styles begin*/
.rf-container { width: 400px; margin: 5px; }
.rf-table { display: table; width: 100%; /*border: 1px solid black;*/ }
.rf-row { display: table-row; }
.rf-alternate-row { background-color: #eee; }
.rf-row:hover { background-color: #ddf }
.rf-cell-icon { width: 90%; display: table-cell; padding: 2px; }
.rf-cell-file-name { display: table-cell; width: 10%; padding: 2px; }
.rf-file-upload { margin-bottom: 5px; }

.rf-delete-confirm-container { display: none; /* Hidden by default */ position: fixed; /* Stay in place */ z-index: 1; /* Sit on top */ left: 0; top: 0; width: 100%; /* Full width */ height: 100%; /* Full height */ overflow: auto; /* Enable scroll if needed */ background-color: rgb(0,0,0); /* Fallback color */ background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ z-index: 99; }
.rf-delete-confirm-window { background-color: #fefefe; margin: 15% auto; /* 15% from the top and centered */ border: 1px solid #888; width: 35%; /* Could be more or less, depending on screen size */ }
.rf-delete-confirm-window-title { width: 100%; background-color: #161d34; color: white; text-align: center; padding: 3px; }
.rf-delete-confirm-window-contents-container { padding: 20px; text-align: center; }

.rf-delete-confirm-text { }
.rf-delete-confirm-options-container { margin-top: 30px; }
	.rf-delete-confirm-options-container input { margin-left: 30px; margin-right: 30px; }

/**************************real file styles end */

.company-block { border: 1px solid; }
.company-contact, .company-address1 { margin-top: 1em; }

.social-icon { width: 25px; margin: .25em; }
.health-icon { margin: .25em; }

/* Modal */
#page-container { position: relative; z-index: 0; }
div.k-window { max-height: 80vh; font-size: 0.9em; line-height: 1.4em; }
	div.k-window .k-window-titlebar { background: #EFEFEF; border: 0; }
	div.k-window #otherAddressesContainer { border: 0; }
		div.k-window #otherAddressesContainer #lvOtherAddresses { display: flex; flex-flow: column; gap: 1em; margin: 0.6em 0; border: 0; background: none; }
			div.k-window #otherAddressesContainer #lvOtherAddresses > div { padding: 1em 1.2em; border-radius: 6px; background: #efefef; }
				div.k-window #otherAddressesContainer #lvOtherAddresses > div .additional-address-name { margin-bottom: 0.4em; font-weight: bold; }
				div.k-window #otherAddressesContainer #lvOtherAddresses > div .additional-address-desc, div.k-window #otherAddressesContainer #lvOtherAddresses > div .additional-address-type { margin-bottom: 0.4em; font-size: 0.9em; line-height: 1.4em; }

/* 980 */

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

	body { font-size: 15px; }

	h1 { font-size: 1.6em; }
	h2 { font-size: 1.3em; }

	.page-title { margin-bottom: 20px; }
		.page-title h1 { padding: 1.6rem 0; }

}

/* 680 */

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

	body { font-size: 14px; }

	h1 { font-size: 1.5em; }
	h2 { font-size: 1.2em; }

	.width70, .width30, .width33, .width33:nth-child(2), .width33:nth-child(3), .width25, .width33:nth-child(2), .width33:nth-child(3), .width33:nth-child(4) { float: none; width: 100%; margin: 0; padding: 0; }

}

/* Admin Notes Border */

.adminNotesContainer {
	border: 2px solid red;
	padding: 1rem;
  }