/*--------------------layout---------------------*/
@import url('Menu.Accpac.css');
@import url('ComboBox.Accpac.css');
@import url('Dock.Accpac.css');
@import url('Calendar.Accpac.css');
@import url('Input.Accpac.css');
@import url('Grid.Accpac.css');
@import url('TabStrip.Accpac.css');
@import url('Tooltip.Accpac.css');
@import url('Upload.Accpac.css');
@import url('Window.Accpac.css');
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap");

form
{
	text-align: center;
	background-color: Transparent;
}
#wrapper
{
	width: 860px; /*background: #fff;*/
	background-color: Transparent;
	margin: auto;
	text-align: left;
}
#Main
{
	float: left;
	width: 65%;
	margin: 0;
}

#SideBar
{
	width: 28%;
	float: right;
	padding: 15px;
}

#Footer
{
	clear: both;
	padding-top: 10px;
}

/* ------------------ Global Canco Stylings -------------------- */
/* Global */

html {
	height: 100%;
	scroll-behavior: smooth;
	font-size: 62.5%;
}

main {
	align-items: flex-start;
	gap: 0;
	margin: 0;
	display: flex; /* flex content to enable a sticky footer */
	flex-direction: column;
	min-height: 100vh;
}

main > div {
	flex: 1 1 auto;
	width: 100%;
}

*,
*::before,
*::after {
	box-sizing: border-box;
}

a {
	text-decoration: none;
	/*----text-align: left;----*/
	color: #1f468f;
}

p {
	margin-bottom: 1rem;
	margin-top: 0;
}

textarea {
	font-family: Montserrat, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
}

img {
	border: 0;
}

img, svg {
	vertical-align: middle;
}

body {
	--color-primary: #FF4D00;
	--color-primary-light: rgba(252, 76, 2, 0.6);
	--color-secondary: #231F20;
	--color-tertiary: #1D376C;
	--color-grey: #F3F4F5;
	--color-white: #FFFFFF;
	--color-red: #ED1654;
	--color-blue: #415D84;
	--color-orange: #EF6530;
	--color-footer: var(--color-primary);
	--color-link: var(--color-primary);
	--color-button-primary: var(--color-primary);
	--color-button-primary-text: var(--color-white);
	--color-grid-header: var(--color-tertiary);
	--color-grid-filter-row: var(--color-primary-light);
	--color-label: #8B8E98;

	-webkit-tap-highlight-color: transparent;
	-webkit-text-size-adjust: 100%;
	font-family: Montserrat, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
	margin: 0;
	line-height: 1.5;
	font-size: 1rem;
	font-weight: 400;
	color: #212529;
}

.canco-fleet-visible {
	display: none !important;
}

body.canco-fleet {
	--color-primary: #CC9F53;
	--color-primary-light: rgba(204, 160, 83, 0.6);
	--color-secondary: #231F20;
	--color-tertiary: #231F20;

	--color-footer: var(--color-secondary);
}

body.canco-fleet .canco-fleet-visible {
	display: block !important;
}

body.canco-fleet .canco-fleet-hidden {
	display: none !important;
}

.bottomHeader .container .row{
	flex-wrap: nowrap;
	width:70%;
	min-width:1320px;
	margin:auto;
}

.bottomHeader .container {
	margin-left:inherit;
	margin-right:inherit;
	width:70%;
	max-width:100%;
	margin:auto;
}

.bottomHeader .insideSpacer {

}

.bottomHeader .outsideSpacer {
	width:15%;
	flex-shrink:2;
	flex-basis:auto;
	max-width:15%;
}

.container {
	margin-left: auto;
	margin-right: auto;
	padding-left: 0.75rem;
	padding-right: 0.75rem;
	width: 100%;
	max-width: 70%;
}

.row {
	display: flex;
	flex-wrap: wrap;
	margin-left: -0.75rem;
	margin-right: -0.75rem;
}

.col {
	flex: 1 0;
}
.content {
	align-items: center;
	justify-content: center;
	display: flex;
	flex-wrap: wrap;
	gap: 2rem;
}
.wrap {
	margin: 0 auto;
	max-width: 1140px;
}
.content > .wrap {
	align-items: center;
	justify-content: center;
	gap: 0;
}
.form_container, .title_container {
	align-items: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.title_container {
	gap: 10px;
}
.form_container {
	background-color: #fff;
	border-radius: 11px;
	box-shadow: 0 106px 42px rgba(0, 0, 0, .01), 0 59px 36px rgba(0, 0, 0, .05), 0 26px 26px rgba(0, 0, 0, .09), 0 7px 15px rgba(0, 0, 0, .1), 0 0 0 rgba(0, 0, 0, .1);
	gap: 3rem;
	height: fit-content;
	padding: 50px 40px 30px;
	width: 100%;
}

.titleParent {
	font-size: 2.4rem;
	font-weight: 500;
	text-align: left;
	color: #231F20;
}

.inner_form_container {
	align-items: center;
	display: flex;
	flex-direction: column;
	gap: 2.5rem;
	justify-content: center;
	width: 100%;
}

.form_container.no-gap,
.inner_form_container.no-gap {
	gap: 0;
}

ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: 500;
	line-height: 1.2;
	margin-bottom: .5rem;
	margin-top: 0;
}

h1 {
	color: #415D84;
	font-size: 34px;
}

h2 {
	color: #ED1654;
	font-size: 29px;
}

h3 {
	color: #ED1654;
	font-size: 24px;
}

h6 {
	color: #415D84;
	font-size: 14px;
	margin: 0;
}

/* Colours */
.bg-canco-primary {
	background: var(--color-primary);
}

.bg-canco-primary-light {
	background: var(--color-primary-light);
}

.bg-canco-secondary {
	background: var(--color-secondary);
}

.bg-canco-tertiary {
	background: var(--color-tertiary);
}

.bg-canco-grey {
	background: var(--color-grey);
}

.c-canco-primary {
	color: var(--color-primary);
}

.c-canco-primary-light {
	color: var(--color-primary-light);
}

.c-canco-secondary {
	color: var(--color-secondary);
}

.c-canco-tertiary {
	color: var(--color-tertiary);
}

.c-canco-white {
	color: var(--color-white);
}

.c-canco-red {
	color: var(--color-red);
}

.c-canco-blue {
	color: var(--color-blue);
}

.c-canco-orange {
	color: #EF6530;
}

/*--------------------style---------------------*/

.input_container {
	display: flex;
	flex-direction: column;
	gap: 5px;
	height: fit-content;
	position: relative;
	width: 100%;
}

.input_label {
	color: #8B8E98;
	font-size: 1.4rem;
	font-weight: 600;
	text-align:left;
}

.input_field {
	border: 1px solid #e5e5e5;
	border-radius: 7px;
	filter: drop-shadow(0 1px 0 #efefef) drop-shadow(0 1px .5px rgba(239,239,239,.5));
	font-size: 1.6rem;
	height: 40px;
	outline: none;
	padding: 0 0 0 15px;
	transition: all .3s cubic-bezier(.15,.83,.66,1);
	width: 100%;
}

.input_field .inputValidationError {
	box-shadow: red 0px 0px 0px 2px;
}

.input_field:focus {
	border: 1px solid transparent;
	box-shadow: 0px 0px 0px 2px #242424;
	background-color: transparent;
}

.validationErrorText {
	font-size: 1.4rem;
	font-weight: 500;
	text-align: left;
	color: red;
	width: 100%;
	bottom: -3.5rem;
	left: 0;
	position: absolute;
}

#Header h1 {
	font-size: 35px;
	color: #fff;
	margin: 0 0px;
}

#TopNavigation:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.quick-links > a {
	display:block;
}

/* Override the default style to remove "underline" when this is rendered */
HTML BODY .GridEditRow_Accpac TD
{
	border-bottom: none;
	padding-top: 0px;
	vertical-align: middle;
}

/* Used by Accpac.master to allow more room for data display
   Accpac.master excludes the sidebar */

/* Override the default style to remove "underline" when this is rendered */
HTML BODY .GridEditRow_Accpac TD
{
	border-bottom: none;
	padding-top: 0px;
	vertical-align: middle;
}

/* Used by Accpac.master to allow more room for data display
   Accpac.master excludes the sidebar */
#Accpac
{
	padding: 0px 0px 0px 0px;
	width: 860px;
	margin: 0;
	overflow: auto;
	height: 95%;
}

li.identifier,
.RadMenu.RadMenu_Accpac li.rmItem.identifier:hover,
.RadMenu.RadMenu_Accpac li.rmItem.identifier,
.RadMenu.rmItem.identifier {
	background-color: #ED1654;
	justify-self: end;
	padding: 10px;
	float: inline-end;
}
li.identifier > span {
	font-size: 16px;
	font-weight: 700;
	text-align: right;
}

td.identifier > span {
	color: #ED1654; 
	font-size: 16px;
	font-weight: 700;
	text-align: right;
}

/*----------------------New styles for Accpac-----------------------*/

.errorLabel
{
	background-color: #EAEAEA;
	color: Red;
	font: Tahoma, Arial, Sans-Serif;
	font-size: 11px;
	padding-left: 3px;
	padding-top: 2px;
	vertical-align: middle;
}

/*Detail tables*/
.dtParent {
	background-color: #fff;
	border-radius: 11px;
	border-collapse: collapse;
	empty-cells: show;
	margin: 0px 0px 0px 0px;
	text-align: left;
	justify-items: center;
}

.dataTable
{
	
}

/*Error table header*/
.eth
{
	background-color: #000066;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	margin-top: 3px;
	padding-bottom: 4px;
	padding-left: 3px;
	padding-top: 4px;
	vertical-align: middle;
}

/*Table rows containing detail data */
.dtr
{
	height: 20px;
}

/*Detail table labels */
/* Data descriptions */
.dtDesc
{
	font: 11px Tahoma, arial, sans-serif;
	font-weight: lighter;
	padding-left: 3px;
	white-space: nowrap;
}

/*Details table text data*/
.dtd
{
	background-color: White;
	border: 1px solid #D3D3D3;
	padding-left: 3px;
	padding-right: 3px;
}

.dtdToolTip
{
	background-color: White;
	border: 1px solid #D3D3D3;
	cursor: hand;
	font: 11px Tahoma, arial, sans-serif;
	padding-left: 3px;
	padding-right: 3px;
	text-decoration: underline;
}

.underLine
{
	text-decoration: underline;
}

/*Details table text data*/
.dtdRed
{
	background-color: White;
	border: 1px solid #D3D3D3;
	color: Red;
	font: 11px Tahoma, arial, sans-serif;
	padding-left: 3px;
	padding-right: 3px;
}

/*Details table numeric data*/
.dtdn
{
	background-color: White;
	border: 1px solid #D3D3D3;
	font: 11px Tahoma, arial, sans-serif;
	padding-left: 3px;
	padding-right: 3px;
	text-align: right;
	vertical-align: middle; /*width: 100px;*/
}

/*Input fields etc*/

.dtInputCaps
{
	text-transform: uppercase;
}

.dtInputNumber
{
	text-align: right;
	padding-right: 3px;
}

.dtLookup
{
	padding-top: 1px;
	padding-left: 3px;
}

.dtPop
{
	padding-left: 4px;
}

.dtBottomBorder
{
	border-bottom-style: inset;
	border-bottom-width: thin;
	border-bottom-color: #808080;
}

.rCalPopup
{
	padding-left: 6px;
	padding-top: 3px;
}

.message
{
	font-size: 11px;
	font-weight: normal;
	vertical-align: middle;
	color: #0066CC;
	margin: 5px 0px;
	padding: 15px 5px 15px 5px;
	background: #FFFFFF url('../Web/images/Info.png') no-repeat 5px 50%;
}

ul.message li
{
	margin: 0;
	padding: 0;
	margin-left: 80px;
	list-style: disc;
}

.AjaxLoadingPanel
{
	background: #fff url(../Images/loading.gif) no-repeat center center;
}

.Approve
{
	background: url('../Web/images/greentick.gif') no-repeat;
}

.tablet
{
	margin: 0 0 10px 0;
	width: 100%;
}

.message
{
	font-size: 12.5pt;
	font-weight: normal;
	vertical-align: middle;
	color: #114E8E;
	margin: 5px 0px;
	padding: 15px 5px 15px 5px;
	background: #FFFFFF url('../Web/images/Info.png') no-repeat 5px 50%;
}

.PrintComboBox
{
    background-image: url('../Web/Images/printer.png');
    background-repeat: no-repeat;
    background-position: center center;
}

.PrintInvoiceButton
{
	background-position: center;
	width: 16px;
	height: 16px;
}

/* Field labels */
.dtLabel {
	padding-left: 3px;
	white-space: nowrap;
	font-weight: 300;
}

.PersonalInfoBlurb {
	font-weight: 300;
	line-height: normal;
	margin-top: 0px;
	text-align: center;
}

.RadInput.RadInput_WebBlue .riLabel {
	font-weight: 300;
	font-size: 14px;
}

/*Details table header*/
.dth {
	color:#231F20;
	font-weight: 500;
	margin-top: 3px;
	padding-bottom: 4px;
	padding-left: 3px;
	padding-top: 4px;
	vertical-align: middle;
}

/*Validation summary css */
.errors {
	border: none;
	color: red;
	text-align: center;
	font-size:1.4rem;
	font-weight:500;
}

.errors > ul {
	list-style: none;
}

ul.errors li {
	margin: 0;
	padding: 0;
	margin-left: 80px;
	list-style: disc;
}

/* Buttons */
input.btn,
input.CommandButton {
	border: 0.2rem solid var(--color-button-primary);
	border-radius: 3rem;
	outline: none;
	background-color: var(--color-button-primary);
	color: var(--color-button-primary-text);
	cursor: pointer;
	font-family: Montserrat, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
	min-width: 115px;
	font-size: 1.2rem;
	font-weight: 500;
	padding: 1rem 2rem;
	transition: 0.3s ease-in-out;
}

input.btn[disabled],
input.CommandButton[disabled] {
	background-color: lightgrey; /*rgba(239, 239, 239, 0.3);*/
	color: rgba(16, 16, 16, 0.3);
	border-color:grey;
	pointer-events: none;
}

input.btn:hover,
input.CommandButton:hover {
	background-color: transparent;
	color: var(--color-button-primary);
}

input.btn[disabled]:hover,
input.CommandButton[disabled]:hover {
	background-color: lightgrey; /*rgba(239, 239, 239, 0.3);*/
	color: rgba(16, 16, 16, 0.3);
	border-color: grey;
	pointer-events: none;
}

/* AutoComplete boxes */
html body .RadAutoCompleteBox {
	font-family: Montserrat, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
}

html body .RadGrid .rgFilterRow .RadAutoCompleteBox .racInput {
	height: 16px;
}

html body .RadGrid .rgFilterRow .RadAutoCompleteBox .racTokenList {
	height: 16px;
}

/* ComboBoxes */
.RadComboBox .rcbInput,
.RadComboBox_WebBlue .rcbInput {
	font-family: Montserrat, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
}
.RadComboBoxDropDown_WebBlue .rcbList > li,
.RadComboBoxDropDown .rcbList > li {
	font-family: Montserrat, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
}
html .RadComboBoxDropDown_WebBlue,
html .RadComboBoxDropDown {
	border-radius:3px;
}

html .RadComboBox_WebBlue .rcbInputCell,
/*main .RadComboBox_WebBlue .rcbArrowCell,*/
html .RadComboBox .rcbInputCell,
/*main .RadComboBox .rcbArrowCell,*/
html .RadComboBox_WebBlue .rcbReadOnly,
html .RadComboBox .rcbReadOnly,
html .RadComboBox_WebBlue .rcbReadOnly.rcbHovered,
html .RadComboBox .rcbReadOnly.rcbHovered,
html .RadComboBox_WebBlue .rcbReadOnly.rcbFocused,
html .RadComboBox .rcbReadOnly.rcbFocused,
html .RadComboBox_WebBlue .rcbReadOnly.rcbExpanded,
html .RadComboBox .rcbReadOnly.rcbExpanded {
	background-image: none;
	box-shadow: none;
	border: none;
}

html .RadComboBox .rcbInner,
html .RadComboBox_WebBlue .rcbInner {
	border-color: #f3f4f5;
	padding-bottom: 3px;
}

html .RadComboBox .rcbActionButton,
html .RadComboBox_WebBlue .rcbActionButton {
	background-color: #d7e2e7;
	background-image: none;
	box-shadow: none;
	border-color: #f3f4f5;
	height:100%;
	padding-bottom:0px;
	padding-top:0px;
}
html .RadComboBox .rcbHovered .rcbActionButton,
html .RadComboBox_WebBlue .rcbHovered .rcbActionButton {
	background-color: #7A8CAA;
	background-image: none;
	box-shadow: none;
	border-color: #f3f4f5;
}
html .RadComboBox .rcbFocused .rcbActionButton,
html .RadComboBox_WebBlue .rcbFocused .rcbActionButton,
html .RadComboBox .rcbExpanded .rcbActionButton,
html .RadComboBox_WebBlue .rcbExpanded .rcbActionButton {
	background-color: #1D376C;
	background-image: none;
	box-shadow: none;
	border-color: #f3f4f5;
}

/* Textboxes */
.RadInput.RadInput_WebBlue .riTextBox,
.RadInput.RadInput_WebBlue .riLabel {
	font-family: Montserrat, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
}
.RadInput.RadInput_WebBlue > .riRead[readonly] {
	background: #f3f3f3
}

/* Grids */
.RadGrid.RadGrid_Office2010Silver .rgMasterTable {
	font-family: Montserrat, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
}

.dataTable .RadGrid_Office2010Silver .rgHeader,
.dataTable .RadGrid_Office2010Silver .rgHeader a{
	background: var(--color-grid-header);
	color: #fff;
}

.dataTable .RadGrid_Office2010Silver .rgFilterRow {
	background: var(--color-grid-filter-row);
	color: #fff;
}

.RadGrid_Office2010Silver tr > td > .downloadButton {
	float: right;
}

.RadGrid_Office2010Silver .rgRow a.c-canco-tertiary,
.RadGrid_Office2010Silver .rgAltRow a.c-canco-tertiary {
	color: var(--color-tertiary);
}
.RadGrid_Office2010Silver .rgRow a.c-canco-primary,
.RadGrid_Office2010Silver .rgAltRow a.c-canco-primary {
	color: var(--color-primary);
}

/* Date Picker / Calendar*/
body .RadCalendar_WebBlue .rcTitlebar, .RadClendar .rcTitlebar {
	background-image:none;
	background-color:#1D376C
}
body .RadCalendar_WebBlue .rcWeek .rcViewSel, body .RadCalendar .rcWeek .rcViewSel,
body .RadCalendar_WebBlue th, body .RadCalendar th {
	background-color: #1D376C
}
body .RadCalendar span.rcTitle {
	padding: 8px 0;
}
body .RadCalendarMonthView_WebBlue .rcButtons a,
body .RadCalendarMonthView_WebBlue .rcButtons a:hover,
body .RadCalendarMonthView_WebBlue .rcButtons a:focus {
	background-image:none;
}
body .RadCalendar_WebBlue .t-button:hover,
body .RadCalendar_WebBlue .t-button:focus {
	background-image: none;
	box-shadow:none;
}
body .RadPicker_WebBlue.rcCalPopupOpen .rcCalPopup,
body .RadPicker_WebBlue.rcMYPopupOppen .rcCalPopup,
body .RadPicker_WebBlue.rcTimePopupOpen .rcTimePopup {
	background-image:none;
	box-shadow:none;
}
body .RadInput_WebBlue a:hover{
	background-image:none;
	box-shadow:none;
}
body .RadInput_WebBlue a:focus{
	background-image:none;
	box-shadow:none;
}
.RadPicker .RadInput_WebBlue a, .RadPicker .RadInput a,
.RadPicker .RadInput_WebBlue a:hover, .RadPicker .RadInput a:hover,
.RadPicker .RadInput_WebBlue a:focus, .RadPicker .RadInput a:focus {
	width: auto;
	background-image: none;
	box-shadow: none;
	border:none;
}

/* Header */
header {
	width: 100%;
}

.topHeader{
	padding-block: 1rem;
}

.topHeaderInner {
	align-items: center;
	display: flex;
	gap: 0;
	justify-content: flex-end;
	color: #414042;
	font-size: 1.4rem;
	font-weight: 500;
}

.topHeaderInner a {
	color: inherit;
}

.topHeaderInner a.underline {
	text-decoration: underline;
}

header .topHeader .topHeaderInner ul {
	align-items: center;
	display: flex;
	gap: 3em;
	justify-content: flex-start;
}
header .topHeader .topHeaderInner ul li {
	position: relative;
}

header .topHeader .topHeaderInner ul li:after{
	background-color:#e9e9e9;
	content:"";
	height:100%;
	position:absolute;
	right:-1rem;
	top:0;
	width:.1rem;
}

header .bottomHeader {
	align-items: center;
	display: flex;
	gap: 0;
	height: 10rem;
	justify-content: flex-start;
}

header .bottomHeader > div > div{
	align-items:center;
}

header .bottomHeader .brandLogo img {
	max-width: 25rem;
	width: 100%;
}

header .bottomHeader>div>div .mainMenu {
	align-items:center;
	display: flex;
	gap: 3rem;
	justify-content:center;
}
header .bottomHeader .mainMenuItem {
	font-size: 1.4rem;
	color: #fff;
	font-weight: 500;
}
header .bottomHeader>div>div li a {
	position: relative;
	text-transform: capitalize;
	color: inherit;
}
header .bottomHeader>div>div li a:after {
	background-color: #fff;
	bottom: -.4rem;
	content: "";
	height: 2px;
	left: 0;
	position:absolute;
	transform: scale(0);
	transition: all .2s ease-in-out;
	width: 100%;
}
header .bottomHeader > div > div ul li a.mainMenuSelected:after,
header .bottomHeader > div > div ul li a:active:after,
header .bottomHeader > div > div ul li a:hover:after {
	transform: scale(1);
	transform-origin: center;
}
header .bottomHeader>div>div .headerColOne {
	flex: 0 1 auto;
	width: 25%;
}
header .bottomHeader > div > div .headerColTwo {
	flex: 1 0 50%;
	min-width: 50%;
	width:50%;
}
header .bottomHeader>div>div .headerColThree {
	flex: 0 1 auto;
	width: 25%;
	align-items: center;
	display: flex;
	gap: 2rem;
	justify-content: flex-end;
	position: relative;
}
header .bottomHeader > div > div .headerColThree.loggedIn {
	display: block;
}
header .bottomHeader>div>div .headerColThree.loggedIn h3{
	font-size:1.8rem;
}
header .bottomHeader>div>div .headerColThree ul {
	align-items:center;
	display: flex;
	gap: 2rem;
	justify-content:flex-end;
}
header .bottomHeader>div>div .headerColThree ul li{
	color: #fff;
	font-size: 1.4rem;
	font-weight: 500;
}
header .bottomHeader>div>div .headerColThree ul li a{
	align-items:center;
	display:flex;
	gap: .8rem;
	justify-content:flex-end;
	position:relative;
}

.portalTitle {
	text-align:center;
	font-weight:600;
	font-style:italic;
}

body.canco-fleet .portalTitle {
	color: var(--color-white);
}

/* Footer */

/* To make the footer stick to the bottom, a spacer div will grow to occupy 
			  the required space between the content and the footer*/
.spacer {
	flex: 1;
}

main footer {
	padding: 0;
	margin: 0;
	font-family: Montserrat, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
	padding-block-start: 2rem;
	width: 100%;
	text-align: left;
	background-color: var(--color-footer);
}

body.canco-fleet main footer {
	padding-block-start: 0;
}

.footerCol {
	flex: 0 0 auto;
	width: 25%;
}
footer > div > div {
	padding-inline: 2rem;
}
footer > div > div h2{
	color: #fff;
	font-size: 2.2rem;
}
footer > div > div > div ul {
	align-items: flex-start;
	display: flex;
	flex-direction: column;
	gap: 1rem;
	justify-content: center;
	margin-block-start: 2rem !important;
}
footer > div > div > div ul li {
	color: #fff;
	font-size: 1.4rem;
	width: 100%;
}
footer > div > div > div ul li a {
	border: none !important;
	color: inherit !important;
	font-size: inherit !important;
	font-weight: 500 !important;
	max-width: fit-content;
	padding: 0 !important;
}
footer > div > div > div .footerSocial {
	align-items: flex-start;
	display: flex;
	gap: 1rem;
	justify-content: flex-start;
	margin-bottom: .2rem;
}
footer > div > div > div .appDownload {
	align-items: flex-start;
	display: flex;
	flex-direction: column;
	gap: 1rem;
	justify-content: flex-start;
}
footer > div > div > div .appDownload > div a img {
	max-width: 15rem;
}
footer .bottomFooter {
	padding-block: 2rem;
}
footer .bottomFooter p {
	color: #fff;
	font-size: 1.6rem;
	text-align: center;
}

/* Feedback floating button */
.floatingBtn {
	background-color: #1D376C;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	bottom:30%;
	color:#fff !important;
	display:inline-block;
	font-size:20px;
	font-weight:600;
	padding: 8px 12px;
	position: fixed;
	right: -46px;
	text-transform:uppercase;
	transform:rotate(-90deg);
}

/* Loader Styling */
.three-body-container{
	align-items:center;
	display:flex;
	gap:0;
	width:100%;
	height:100%;
	justify-content:center;
}

.three-body {
	position: relative;
	display: inline-block;
	height: 35px;
	width: 35px;
	animation: spin78236 calc(0.8s * 2.5) infinite linear;
}

.three-body__dot {
	position: absolute;
	height: 100%;
	width: 30%;
}

.three-body__dot:after {
	content: "";
	position: absolute;
	height: 0%;
	width: 100%;
	padding-bottom: 100%;
	background-color: #ff4d00;
	border-radius: 50%;
}

.three-body__dot:nth-child(1) {
	bottom: 5%;
	left: 0;
	transform: rotate(60deg);
	transform-origin: 50% 85%;
}

.three-body__dot:nth-child(1)::after {
	bottom: 0;
	left: 0;
	animation: wobble1 0.8s infinite ease-in-out;
	animation-delay: calc(0.8s * -0.3);
}

.three-body__dot:nth-child(2) {
	bottom: 5%;
	right: 0;
	transform: rotate(-60deg);
	transform-origin: 50% 85%;
}

.three-body__dot:nth-child(2)::after {
	bottom: 0;
	left: 0;
	animation: wobble1 0.8s infinite calc(0.8s * -0.15) ease-in-out;
}

.three-body__dot:nth-child(3) {
	bottom: -5%;
	left: 0;
	transform: translateX(116.666%);
}

.three-body__dot:nth-child(3)::after {
	top: 0;
	left: 0;
	animation: wobble2 0.8s infinite ease-in-out;
}

@keyframes spin78236 {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

@keyframes wobble1 {
	0%, 100% {
		transform: translateY(0%) scale(1);
		opacity: 1;
	}

	50% {
		transform: translateY(-66%) scale(0.65);
		opacity: 0.8;
	}
}

@keyframes wobble2 {
	0%, 100% {
		transform: translateY(0%) scale(1);
		opacity: 1;
	}

	50% {
		transform: translateY(66%) scale(0.65);
		opacity: 0.8;
	}
}

/* Padding */
.p-0 {
	padding: 0;
}

.p-5 {
	padding: 5px;
}

.p-10 {
	padding: 10px;
}

.p-15 {
	padding: 15px;
}

.p-20 {
	padding: 20px;
}

.p-25 {
	padding: 25px;
}

.p-l-0 {
	padding-left: 0;
}

.p-l-5 {
	padding-left: 5px;
}

.p-l-10 {
	padding-left: 10px;
}

.p-l-15 {
	padding-left: 15px;
}

.p-l-20 {
	padding-left: 20px;
}

.p-l-25 {
	padding-left: 25px;
}

.p-r-0 {
	padding-right: 0;
}

.p-r-5 {
	padding-right: 5px;
}

.p-r-10 {
	padding-right: 10px;
}

.p-r-15 {
	padding-right: 15px;
}

.p-r-20 {
	padding-right: 20px;
}

.p-r-25 {
	padding-right: 25px;
}

.p-t-0 {
	padding-top: 0;
}

.p-t-5 {
	padding-top: 5px;
}

.p-t-10 {
	padding-top: 10px;
}

.p-t-15 {
	padding-top: 15px;
}

.p-t-20 {
	padding-top: 20px;
}

.p-t-25 {
	padding-top: 25px;
}

.p-b-0 {
	padding-bottom: 0;
}

.p-b-5 {
	padding-bottom: 5px;
}

.p-b-10 {
	padding-bottom: 10px;
}

.p-b-15 {
	padding-bottom: 15px;
}

.p-b-20 {
	padding-bottom: 20px;
}

.p-b-25 {
	padding-bottom: 25px;
}

/* Margins */
.m-0 {
	margin: 0;
}

.m-5 {
	margin: 5px;
}

.m-10 {
	margin: 10px;
}

.m-15 {
	margin: 15px;
}

.m-20 {
	margin: 20px;
}

.m-25 {
	margin: 25px;
}

.m-l-0 {
	margin-left: 0;
}

.m-l-5 {
	margin-left: 5px;
}

.m-l-10 {
	margin-left: 10px;
}

.m-l-15 {
	margin-left: 15px;
}

.m-l-20 {
	margin-left: 20px;
}

.m-l-25 {
	margin-left: 25px;
}

.m-r-0 {
	margin-right: 0;
}

.m-r-5 {
	margin-right: 5px;
}

.m-r-10 {
	margin-right: 10px;
}

.m-r-15 {
	margin-right: 15px;
}

.m-r-20 {
	margin-right: 20px;
}

.m-r-25 {
	margin-right: 25px;
}

.m-t-0 {
	margin-top: 0;
}

.m-t-5 {
	margin-top: 5px;
}

.m-t-10 {
	margin-top: 10px;
}

.m-t-15 {
	margin-top: 15px;
}

.m-t-20 {
	margin-top: 20px;
}

.m-t-25 {
	margin-top: 25px;
}

.m-b-0 {
	margin-bottom: 0;
}

.m-b-5 {
	margin-bottom: 5px;
}

.m-b-10 {
	margin-bottom: 10px;
}

.m-b-15 {
	margin-bottom: 15px;
}

.m-b-20 {
	margin-bottom: 20px;
}

.m-b-25 {
	margin-bottom: 25px;
}

/* Flex Stylings */
/*.col-lg-3 {
	flex: 0 0 auto;
	width: 25%;
}
.col-lg-6 {
	flex: 0 0 auto;
	width: 50%;
}
.col-md-3 {
	flex: 0 0 auto;
	width: 25%;
}*/