@import "mms.css";
@import "font-awesome.min.css";
@import "font-awesome-ie7.min.css";
@import "halflings.css";
/* @import url(https://fonts.googleapis.com/css?family=Roboto); */

@font-face {
	font-family: 'Roboto';
	src: url('https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap');
	font-weight: 100;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Roboto';
	src: url('https://fonts.googleapis.com/css2?family=Roboto:wght@400&display=swap');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Roboto';
	src: url('https://fonts.googleapis.com/css2?family=Roboto:wght@900&display=swap');
	font-weight: 900;
	font-style: normal;
	font-display: swap;
}

/*	--------------------------------------------------------------------------------------------------------------------------
	                          Start:: Custom Compnent Classes
-------------------------------------------------------------------------------------------------------------------------- */
.btn-light {
    border-radius: .75rem;
    border: 1px solid var(--light);
    color: var(--darkest);
    background: var(--light);
    display: grid;
    place-content: center;
    padding: .5rem;
    cursor: pointer;
    transition: all ease-in-out .1s;
}
.btn-light:hover {
    color: var(--darkest);
    opacity: .5;
}

.btn-light-hollow {
    border-radius: .75rem;
    border: 1px solid var(--light);
    color: var(--light);
    display: grid;
    place-content: center;
    padding: .5rem;
    cursor: pointer;
    transition: all ease-in-out .1s;
}
.btn-light-hollow:hover {
    color: var(--darkest) !important;
    background: var(--light);
}

/*	--------------------------------------------------------------------------------------------------------------------------
	                          Start:: Helper Classes (based on tailwindcss)
-------------------------------------------------------------------------------------------------------------------------- */
.w-full { width: 100%; }
.h-full { height: 100%; }
.w-half {width: 50% !important;}
.w-one-third {width: 33.333333% !important;}
.w-two-third {width: 66.666667% !important;}
.w-one-quarter {width: 25% !important;}
.w-two-quarter {width: 50% !important;}
.w-three-quarter {width: 75% !important;}
.w-one-fifth {width: 20% !important;}
.w-two-fifth {width: 40% !important;}
.w-three-fifth {width: 60% !important;}
.w-four-fifth {width: 80% !important;}
.w-one-sixth {width: 16.666667% !important;}
.w-two-sixth {width: 33.333333% !important;}
.w-three-sixth {width: 50% !important;}
.w-four-sixth {width: 66.666667% !important;}
.w-five-sixth {width: 83.333333% !important;}
.w-full {width: 100% !important;}
.w-screen {width: 100vw !important;}

.w-100 { width: 100px !important; }
.min-w-100 { min-width: 100px !important; }
.min-w-150 { min-width: 150px !important; }
.min-w-200 { min-width: 200px !important; }
.min-w-300 { min-width: 300px !important; }

.max-w-half {width: 50% !important;}
.max-w-one-third {width: 33.333333% !important;}
.max-w-two-third {width: 66.666667% !important;}
.max-w-one-quarter {width: 25% !important;}
.max-w-two-quarter {width: 50% !important;}
.max-w-three-quarter {width: 75% !important;}
.max-w-one-fifth {width: 20% !important;}
.max-w-two-fifth {width: 40% !important;}
.max-w-three-fifth {width: 60% !important;}
.max-w-four-fifth {width: 80% !important;}
.max-w-one-sixth {width: 16.666667% !important;}
.max-w-two-sixth {width: 33.333333% !important;}
.max-w-three-sixth {width: 50% !important;}
.max-w-four-sixth {width: 66.666667% !important;}
.max-w-five-sixth {width: 83.333333% !important;}
.max-w-full {width: 100% !important;}
.max-w-screen {width: 100vw !important;}

.table-auto {table-layout: auto; width: 100%;}
.table-fixed {table-layout: fixed; width: 100%;}

.text-left { text-align: left; }
.text-center { text-align: center; }
.text-right { text-align: right; }

.align-baseline { vertical-align: baseline !important; }
.align-top { vertical-align: top !important; }
.align-middle { vertical-align: middle !important; }
.align-bottom { vertical-align: bottom !important; }

.flex { display: flex; }

.flex-row {flex-direction: row;}
.flex-row-reverse {flex-direction: row-reverse;}
.flex-col {flex-direction: column;}
.flex-col-reverse {flex-direction: column-reverse;}

.justify-start {justify-content: flex-start;}
.justify-end {justify-content: flex-end;}
.justify-center {justify-content: center;}
.justify-between {justify-content: space-between;}
.justify-around {justify-content: space-around;}
.justify-evenly {justify-content: space-evenly;}

.justify-items-start {justify-items: start;}
.justify-items-end {justify-items: end;}
.justify-items-center {justify-items: center;}
.justify-items-stretch {justify-items: stretch;}

.order-none	{order: 0 !important;}
.order-1	{order: 1 !important;}

.gap-0 {gap: 0px;}
.gap-1 {gap: 0.25rem;}
.gap-2 {gap: 0.5rem;}
.gap-3 {gap: 0.75rem;}
.gap-4 {gap: 1rem;}
.gap-5 {gap: 1.25rem;}
.gap-6 {gap: 1.5rem;}
.gap-7 {gap: 1.75rem;}
.gap-8 {gap: 2rem;}
.gap-9 {gap: 2.25rem;}
.gap-10 {gap: 2.5rem;}

.text-xs	{font-size: 0.75rem !important; line-height: 1rem !important;}
.text-sm	{font-size: 0.875rem !important; line-height: 1.25rem !important;}
.text-base	{font-size: 1rem !important; line-height: 1.5rem !important;}
.text-lg	{font-size: 1.125rem !important; line-height: 1.75rem !important;}
.text-xl	{font-size: 1.25rem !important; line-height: 1.75rem !important;}
.text-2xl	{font-size: 1.5rem !important; line-height: 2rem !important;}
.text-3xl	{font-size: 1.875rem !important; line-height: 2.25rem !important;}
.text-4xl	{font-size: 2.25rem !important; line-height: 2.5rem !important;}
.text-5xl	{font-size: 3rem !important; line-height: 1 !important;}
.text-6xl	{font-size: 3.75rem !important; line-height: 1 !important;}
.text-7xl	{font-size: 4.5rem !important; line-height: 1 !important;}
.text-8xl	{font-size: 6rem !important; line-height: 1 !important;}
.text-9xl	{font-size: 8rem !important; line-height: 1 !important;}

.text-wrap	{text-wrap: wrap;}

.text-green { color: #22c563; }
.text-yellow { color: #eab308; }
.text-red { color: #ee4647; }

.font-light { font-weight: 300 !important; }
.font-normal { font-weight: 500 !important; }
.font-bold { font-weight: 700 !important; }

.overflow-auto {overflow: auto !important;}
.overflow-hidden {overflow: hidden !important;}
.overflow-clip {overflow: clip !important;}
.overflow-visible {overflow: visible !important;}
.overflow-scroll {overflow: scroll !important;}
.overflow-x-auto {overflow-x: auto !important;}
.overflow-y-auto {overflow-y: auto !important;}
.overflow-x-hidden {overflow-x: hidden !important;}
.overflow-y-hidden {overflow-y: hidden !important;}
.overflow-x-clip {overflow-x: clip !important;}
.overflow-y-clip {overflow-y: clip !important;}
.overflow-x-visible {overflow-x: visible !important;}
.overflow-y-visible {overflow-y: visible !important;}
.overflow-x-scroll {overflow-x: scroll !important;}
.overflow-y-scroll {overflow-y: scroll !important;}

.opacity-25 { opacity: .25; }
.opacity-50 { opacity: .5; }
.opacity-75 { opacity: .75; }

.p-0 {padding: 0px !important;}
.px-0 {padding-left: 0px !important; padding-right: 0px !important;}
.py-0 {padding-top: 0px !important; padding-bottom: 0px !important;}
.pt-0 {padding-top: 0px !important;}
.pr-0 {padding-right: 0px !important;}
.pb-0 {padding-bottom: 0px !important;}
.pl-0 {padding-left: 0px !important;}

.p-1 {padding: 0.25rem !important;}
.px-1 {padding-left: 0.25rem !important; padding-right: 0.25rem !important;}
.py-1 {padding-top: 0.25rem !important; padding-bottom: 0.25rem !important;}
.pt-1 {padding-top: 0.25rem !important;}
.pr-1 {padding-right: 0.25rem !important;}
.pb-1 {padding-bottom: 0.25rem !important;}
.pl-1 {padding-left: 0.25rem !important;}
.p-2 {padding: 0.5rem !important;}
.px-2 {padding-left: 0.5rem !important; padding-right: 0.5rem !important;}
.py-2 {padding-top: 0.5rem !important; padding-bottom: 0.5rem !important;}
.pt-2 {padding-top: 0.5rem !important;}
.pr-2 {padding-right: 0.5rem !important;}
.pb-2 {padding-bottom: 0.5rem !important;}
.pl-2 {padding-left: 0.5rem !important;}
.p-3 {padding: 0.75rem !important;}
.px-3 {padding-left: 0.75rem !important; padding-right: 0.75rem !important;}
.py-3 {padding-top: 0.75rem !important; padding-bottom: 0.75rem !important;}
.pt-3 {padding-top: 0.75rem !important;}
.pr-3 {padding-right: 0.75rem !important;}
.pb-3 {padding-bottom: 0.75rem !important;}
.pl-3 {padding-left: 0.75rem !important;}
.p-4 {padding: 1rem !important;}
.px-4 {padding-left: 1rem !important; padding-right: 1rem !important;}
.py-4 {padding-top: 1rem !important; padding-bottom: 1rem !important;}
.pt-4 {padding-top: 1rem !important;}
.pr-4 {padding-right: 1rem !important;}
.pb-4 {padding-bottom: 1rem !important;}
.pl-4 {padding-left: 1rem !important;}
.p-5 {padding: 1.25rem !important;}
.px-5 {padding-left: 1.25rem !important; padding-right: 1.25rem !important;}
.py-5 {padding-top: 1.25rem !important; padding-bottom: 1.25rem !important;}
.pt-5 {padding-top: 1.25rem !important;}
.pr-5 {padding-right: 1.25rem !important;}
.pb-5 {padding-bottom: 1.25rem !important;}
.pl-5 {padding-left: 1.25rem !important;}
.p-6 {padding: 1.5rem !important;}
.px-6 {padding-left: 1.5rem !important; padding-right: 1.5rem !important;}
.py-6 {padding-top: 1.5rem !important; padding-bottom: 1.5rem !important;}
.pt-6 {padding-top: 1.5rem !important;}
.pr-6 {padding-right: 1.5rem !important;}
.pb-6 {padding-bottom: 1.5rem !important;}
.pl-6 {padding-left: 1.5rem !important;}
.p-7 {padding: 1.75rem !important;}
.px-7 {padding-left: 1.75rem !important; padding-right: 1.75rem !important;}
.py-7 {padding-top: 1.75rem !important; padding-bottom: 1.75rem !important;}
.pt-7 {padding-top: 1.75rem !important;}
.pr-7 {padding-right: 1.75rem !important;}
.pb-7 {padding-bottom: 1.75rem !important;}
.pl-7 {padding-left: 1.75rem !important;}
.p-8 {padding: 2rem !important;}
.px-8 {padding-left: 2rem !important; padding-right: 2rem !important;}
.py-8 {padding-top: 2rem !important; padding-bottom: 2rem !important;}
.pt-8 {padding-top: 2rem !important;}
.pr-8 {padding-right: 2rem !important;}
.pb-8 {padding-bottom: 2rem !important;}
.pl-8 {padding-left: 2rem !important;}
.p-9 {padding: 2.25rem !important;}
.px-9 {padding-left: 2.25rem !important; padding-right: 2.25rem !important;}
.py-9 {padding-top: 2.25rem !important; padding-bottom: 2.25rem !important;}
.pt-9 {padding-top: 2.25rem !important;}
.pr-9 {padding-right: 2.25rem !important;}
.pb-9 {padding-bottom: 2.25rem !important;}
.pl-9 {padding-left: 2.25rem !important;}
.p-10 {padding: 2.5rem !important;}
.px-10 {padding-left: 2.5rem !important; padding-right: 2.5rem !important;}
.py-10 {padding-top: 2.5rem !important; padding-bottom: 2.5rem !important;}
.pt-10 {padding-top: 2.5rem !important;}
.pr-10 {padding-right: 2.5rem !important;}
.pb-10 {padding-bottom: 2.5rem !important;}
.pl-10 {padding-left: 2.5rem !important;}
.p-11 {padding: 2.75rem !important;}
.px-11 {padding-left: 2.75rem !important; padding-right: 2.75rem !important;}
.py-11 {padding-top: 2.75rem !important; padding-bottom: 2.75rem !important;}
.pt-11 {padding-top: 2.75rem !important;}
.pr-11 {padding-right: 2.75rem !important;}
.pb-11 {padding-bottom: 2.75rem !important;}
.pl-11 {padding-left: 2.75rem !important;}
.p-12 {padding: 3rem !important;}
.px-12 {padding-left: 3rem !important; padding-right: 3rem !important;}
.py-12 {padding-top: 3rem !important; padding-bottom: 3rem !important;}
.pt-12 {padding-top: 3rem !important;}
.pr-12 {padding-right: 3rem !important;}
.pb-12 {padding-bottom: 3rem !important;}
.pl-12 {padding-left: 3rem !important;}
.p-14 {padding: 3.5rem !important;}
.px-14 {padding-left: 3.5rem !important; padding-right: 3.5rem !important;}
.py-14 {padding-top: 3.5rem !important; padding-bottom: 3.5rem !important;}
.pt-14 {padding-top: 3.5rem !important;}
.pr-14 {padding-right: 3.5rem !important;}
.pb-14 {padding-bottom: 3.5rem !important;}
.pl-14 {padding-left: 3.5rem !important;}
.p-16 {padding: 4rem !important;}
.px-16 {padding-left: 4rem !important; padding-right: 4rem !important;}
.py-16 {padding-top: 4rem !important; padding-bottom: 4rem !important;}
.pt-16 {padding-top: 4rem !important;}
.pr-16 {padding-right: 4rem !important;}
.pb-16 {padding-bottom: 4rem !important;}
.pl-16 {padding-left: 4rem !important;}
.p-20 {padding: 5rem !important;}
.px-20 {padding-left: 5rem !important; padding-right: 5rem !important;}
.py-20 {padding-top: 5rem !important; padding-bottom: 5rem !important;}
.pt-20 {padding-top: 5rem !important;}
.pr-20 {padding-right: 5rem !important;}
.pb-20 {padding-bottom: 5rem !important;}
.pl-20 {padding-left: 5rem !important;}
.p-24 {padding: 6rem !important;}
.px-24 {padding-left: 6rem !important; padding-right: 6rem !important;}
.py-24 {padding-top: 6rem !important; padding-bottom: 6rem !important;}
.pt-24 {padding-top: 6rem !important;}
.pr-24 {padding-right: 6rem !important;}
.pb-24 {padding-bottom: 6rem !important;}
.pl-24 {padding-left: 6rem !important;}
.p-28 {padding: 7rem !important;}
.px-28 {padding-left: 7rem !important; padding-right: 7rem !important;}
.py-28 {padding-top: 7rem !important; padding-bottom: 7rem !important;}
.pt-28 {padding-top: 7rem !important;}
.pr-28 {padding-right: 7rem !important;}
.pb-28 {padding-bottom: 7rem !important;}
.pl-28 {padding-left: 7rem !important;}
.p-32 {padding: 8rem !important;}
.px-32 {padding-left: 8rem !important; padding-right: 8rem !important;}
.py-32 {padding-top: 8rem !important; padding-bottom: 8rem !important;}
.pt-32 {padding-top: 8rem !important;}
.pr-32 {padding-right: 8rem !important;}
.pb-32 {padding-bottom: 8rem !important;}
.pl-32 {padding-left: 8rem !important;}
.p-36 {padding: 9rem !important;}
.px-36 {padding-left: 9rem !important; padding-right: 9rem !important;}
.py-36 {padding-top: 9rem !important; padding-bottom: 9rem !important;}
.pt-36 {padding-top: 9rem !important;}
.pr-36 {padding-right: 9rem !important;}
.pb-36 {padding-bottom: 9rem !important;}
.pl-36 {padding-left: 9rem !important;}
.p-40 {padding: 10rem !important;}
.px-40 {padding-left: 10rem !important; padding-right: 10rem !important;}
.py-40 {padding-top: 10rem !important; padding-bottom: 10rem !important;}
.pt-40 {padding-top: 10rem !important;}
.pr-40 {padding-right: 10rem !important;}
.pb-40 {padding-bottom: 10rem !important;}
.pl-40 {padding-left: 10rem !important;}
.p-44 {padding: 11rem !important;}
.px-44 {padding-left: 11rem !important; padding-right: 11rem !important;}
.py-44 {padding-top: 11rem !important; padding-bottom: 11rem !important;}
.pt-44 {padding-top: 11rem !important;}
.pr-44 {padding-right: 11rem !important;}
.pb-44 {padding-bottom: 11rem !important;}
.pl-44 {padding-left: 11rem !important;}
.p-48 {padding: 12rem !important;}
.px-48 {padding-left: 12rem !important; padding-right: 12rem !important;}
.py-48 {padding-top: 12rem !important; padding-bottom: 12rem !important;}
.pt-48 {padding-top: 12rem !important;}
.pr-48 {padding-right: 12rem !important;}
.pb-48 {padding-bottom: 12rem !important;}
.pl-48 {padding-left: 12rem !important;}
.p-52 {padding: 13rem !important;}
.px-52 {padding-left: 13rem !important; padding-right: 13rem !important;}
.py-52 {padding-top: 13rem !important; padding-bottom: 13rem !important;}
.pt-52 {padding-top: 13rem !important;}
.pr-52 {padding-right: 13rem !important;}
.pb-52 {padding-bottom: 13rem !important;}
.pl-52 {padding-left: 13rem !important;}
.p-56 {padding: 14rem !important;}
.px-56 {padding-left: 14rem !important; padding-right: 14rem !important;}
.py-56 {padding-top: 14rem !important; padding-bottom: 14rem !important;}
.pt-56 {padding-top: 14rem !important;}
.pr-56 {padding-right: 14rem !important;}
.pb-56 {padding-bottom: 14rem !important;}
.pl-56 {padding-left: 14rem !important;}
.p-60 {padding: 15rem !important;}
.px-60 {padding-left: 15rem !important; padding-right: 15rem !important;}
.py-60 {padding-top: 15rem !important; padding-bottom: 15rem !important;}
.pt-60 {padding-top: 15rem !important;}
.pr-60 {padding-right: 15rem !important;}
.pb-60 {padding-bottom: 15rem !important;}
.pl-60 {padding-left: 15rem !important;}
.p-64 {padding: 16rem !important;}
.px-64 {padding-left: 16rem !important; padding-right: 16rem !important;}
.py-64 {padding-top: 16rem !important; padding-bottom: 16rem !important;}
.pt-64 {padding-top: 16rem !important;}
.pr-64 {padding-right: 16rem !important;}
.pb-64 {padding-bottom: 16rem !important;}
.pl-64 {padding-left: 16rem !important;}
.p-72 {padding: 18rem !important;}
.px-72 {padding-left: 18rem !important; padding-right: 18rem !important;}
.py-72 {padding-top: 18rem !important; padding-bottom: 18rem !important;}
.pt-72 {padding-top: 18rem !important;}
.pr-72 {padding-right: 18rem !important;}
.pb-72 {padding-bottom: 18rem !important;}
.pl-72 {padding-left: 18rem !important;}
.p-80 {padding: 20rem !important;}
.px-80 {padding-left: 20rem !important; padding-right: 20rem !important;}
.py-80 {padding-top: 20rem !important; padding-bottom: 20rem !important;}
.pt-80 {padding-top: 20rem !important;}
.pr-80 {padding-right: 20rem !important;}
.pb-80 {padding-bottom: 20rem !important;}
.pl-80 {padding-left: 20rem !important;}
.p-96 {padding: 24rem !important;}
.px-96 {padding-left: 24rem !important; padding-right: 24rem !important;}
.py-96 {padding-top: 24rem !important; padding-bottom: 24rem !important;}
.pt-96 {padding-top: 24rem !important;}
.pr-96 {padding-right: 24rem !important;}
.pb-96 {padding-bottom: 24rem !important;}
.pl-96 {padding-left: 24rem !important;}

.m-0 {margin: 0px !important;}
.mx-0 {margin-left: 0px !important; margin-right: 0px !important;}
.my-0 {margin-top: 0px !important; margin-bottom: 0px !important;}
.mt-0 {margin-top: 0px !important;}
.mr-0 {margin-right: 0px !important;}
.mb-0 {margin-bottom: 0px !important;}
.ml-0 {margin-left: 0px !important;}
.m-px {margin: 1px !important;}
.mx-px {margin-left: 1px !important; margin-right: 1px !important;}
.my-px {margin-top: 1px !important; margin-bottom: 1px !important;}
.mt-px {margin-top: 1px !important;}
.mr-px {margin-right: 1px !important;}
.mb-px {margin-bottom: 1px !important;}
.ml-px {margin-left: 1px !important;}
.m-1 {margin: 0.25rem !important;}
.mx-1 {margin-left: 0.25rem !important; margin-right: 0.25rem !important;}
.my-1 {margin-top: 0.25rem !important; margin-bottom: 0.25rem !important;}
.mt-1 {margin-top: 0.25rem !important;}
.mr-1 {margin-right: 0.25rem !important;}
.mb-1 {margin-bottom: 0.25rem !important;}
.ml-1 {margin-left: 0.25rem !important;}
.m-2 {margin: 0.5rem !important;}
.mx-2 {margin-left: 0.5rem !important; margin-right: 0.5rem !important;}
.my-2 {margin-top: 0.5rem !important; margin-bottom: 0.5rem !important;}
.mt-2 {margin-top: 0.5rem !important;}
.mr-2 {margin-right: 0.5rem !important;}
.mb-2 {margin-bottom: 0.5rem !important;}
.ml-2 {margin-left: 0.5rem !important;}
.m-3 {margin: 0.75rem !important;}
.mx-3 {margin-left: 0.75rem !important; margin-right: 0.75rem !important;}
.my-3 {margin-top: 0.75rem !important; margin-bottom: 0.75rem !important;}
.mt-3 {margin-top: 0.75rem !important;}
.mr-3 {margin-right: 0.75rem !important;}
.mb-3 {margin-bottom: 0.75rem !important;}
.ml-3 {margin-left: 0.75rem !important;}
.m-4 {margin: 1rem !important;}
.mx-4 {margin-left: 1rem !important; margin-right: 1rem !important;}
.my-4 {margin-top: 1rem !important; margin-bottom: 1rem !important;}
.mt-4 {margin-top: 1rem !important;}
.mr-4 {margin-right: 1rem !important;}
.mb-4 {margin-bottom: 1rem !important;}
.ml-4 {margin-left: 1rem !important;}
.m-5 {margin: 1.25rem !important;}
.mx-5 {margin-left: 1.25rem !important; margin-right: 1.25rem !important;}
.my-5 {margin-top: 1.25rem !important; margin-bottom: 1.25rem !important;}
.mt-5 {margin-top: 1.25rem !important;}
.mr-5 {margin-right: 1.25rem !important;}
.mb-5 {margin-bottom: 1.25rem !important;}
.ml-5 {margin-left: 1.25rem !important;}
.m-6 {margin: 1.5rem !important;}
.mx-6 {margin-left: 1.5rem !important; margin-right: 1.5rem !important;}
.my-6 {margin-top: 1.5rem !important; margin-bottom: 1.5rem !important;}
.mt-6 {margin-top: 1.5rem !important;}
.mr-6 {margin-right: 1.5rem !important;}
.mb-6 {margin-bottom: 1.5rem !important;}
.ml-6 {margin-left: 1.5rem !important;}
.m-7 {margin: 1.75rem !important;}
.mx-7 {margin-left: 1.75rem !important; margin-right: 1.75rem !important;}
.my-7 {margin-top: 1.75rem !important; margin-bottom: 1.75rem !important;}
.mt-7 {margin-top: 1.75rem !important;}
.mr-7 {margin-right: 1.75rem !important;}
.mb-7 {margin-bottom: 1.75rem !important;}
.ml-7 {margin-left: 1.75rem !important;}
.m-8 {margin: 2rem !important;}
.mx-8 {margin-left: 2rem !important; margin-right: 2rem !important;}
.my-8 {margin-top: 2rem !important; margin-bottom: 2rem !important;}
.mt-8 {margin-top: 2rem !important;}
.mr-8 {margin-right: 2rem !important;}
.mb-8 {margin-bottom: 2rem !important;}
.ml-8 {margin-left: 2rem !important;}
.m-9 {margin: 2.25rem !important;}
.mx-9 {margin-left: 2.25rem !important; margin-right: 2.25rem !important;}
.my-9 {margin-top: 2.25rem !important; margin-bottom: 2.25rem !important;}
.mt-9 {margin-top: 2.25rem !important;}
.mr-9 {margin-right: 2.25rem !important;}
.mb-9 {margin-bottom: 2.25rem !important;}
.ml-9 {margin-left: 2.25rem !important;}
.m-10 {margin: 2.5rem !important;}
.mx-10 {margin-left: 2.5rem !important; margin-right: 2.5rem !important;}
.my-10 {margin-top: 2.5rem !important; margin-bottom: 2.5rem !important;}
.mt-10 {margin-top: 2.5rem !important;}
.mr-10 {margin-right: 2.5rem !important;}
.mb-10 {margin-bottom: 2.5rem !important;}
.ml-10 {margin-left: 2.5rem !important;}
.m-11 {margin: 2.75rem !important;}
.mx-11 {margin-left: 2.75rem !important; margin-right: 2.75rem !important;}
.my-11 {margin-top: 2.75rem !important; margin-bottom: 2.75rem !important;}
.mt-11 {margin-top: 2.75rem !important;}
.mr-11 {margin-right: 2.75rem !important;}
.mb-11 {margin-bottom: 2.75rem !important;}
.ml-11 {margin-left: 2.75rem !important;}
.m-12 {margin: 3rem !important;}
.mx-12 {margin-left: 3rem !important; margin-right: 3rem !important;}
.my-12 {margin-top: 3rem !important; margin-bottom: 3rem !important;}
.mt-12 {margin-top: 3rem !important;}
.mr-12 {margin-right: 3rem !important;}
.mb-12 {margin-bottom: 3rem !important;}
.ml-12 {margin-left: 3rem !important;}
.m-14 {margin: 3.5rem !important;}
.mx-14 {margin-left: 3.5rem !important; margin-right: 3.5rem !important;}
.my-14 {margin-top: 3.5rem !important; margin-bottom: 3.5rem !important;}
.mt-14 {margin-top: 3.5rem !important;}
.mr-14 {margin-right: 3.5rem !important;}
.mb-14 {margin-bottom: 3.5rem !important;}
.ml-14 {margin-left: 3.5rem !important;}
.m-16 {margin: 4rem !important;}
.mx-16 {margin-left: 4rem !important; margin-right: 4rem !important;}
.my-16 {margin-top: 4rem !important; margin-bottom: 4rem !important;}
.mt-16 {margin-top: 4rem !important;}
.mr-16 {margin-right: 4rem !important;}
.mb-16 {margin-bottom: 4rem !important;}
.ml-16 {margin-left: 4rem !important;}
.m-20 {margin: 5rem !important;}
.mx-20 {margin-left: 5rem !important; margin-right: 5rem !important;}
.my-20 {margin-top: 5rem !important; margin-bottom: 5rem !important;}
.mt-20 {margin-top: 5rem !important;}
.mr-20 {margin-right: 5rem !important;}
.mb-20 {margin-bottom: 5rem !important;}
.ml-20 {margin-left: 5rem !important;}
.m-24 {margin: 6rem !important;}
.mx-24 {margin-left: 6rem !important; margin-right: 6rem !important;}
.my-24 {margin-top: 6rem !important; margin-bottom: 6rem !important;}
.mt-24 {margin-top: 6rem !important;}
.mr-24 {margin-right: 6rem !important;}
.mb-24 {margin-bottom: 6rem !important;}
.ml-24 {margin-left: 6rem !important;}
.m-28 {margin: 7rem !important;}
.mx-28 {margin-left: 7rem !important; margin-right: 7rem !important;}
.my-28 {margin-top: 7rem !important; margin-bottom: 7rem !important;}
.mt-28 {margin-top: 7rem !important;}
.mr-28 {margin-right: 7rem !important;}
.mb-28 {margin-bottom: 7rem !important;}
.ml-28 {margin-left: 7rem !important;}
.m-32 {margin: 8rem !important;}
.mx-32 {margin-left: 8rem !important; margin-right: 8rem !important;}
.my-32 {margin-top: 8rem !important; margin-bottom: 8rem !important;}
.mt-32 {margin-top: 8rem !important;}
.mr-32 {margin-right: 8rem !important;}
.mb-32 {margin-bottom: 8rem !important;}
.ml-32 {margin-left: 8rem !important;}
.m-36 {margin: 9rem !important;}
.mx-36 {margin-left: 9rem !important; margin-right: 9rem !important;}
.my-36 {margin-top: 9rem !important; margin-bottom: 9rem !important;}
.mt-36 {margin-top: 9rem !important;}
.mr-36 {margin-right: 9rem !important;}
.mb-36 {margin-bottom: 9rem !important;}
.ml-36 {margin-left: 9rem !important;}
.m-40 {margin: 10rem !important;}
.mx-40 {margin-left: 10rem !important; margin-right: 10rem !important;}
.my-40 {margin-top: 10rem !important; margin-bottom: 10rem !important;}
.mt-40 {margin-top: 10rem !important;}
.mr-40 {margin-right: 10rem !important;}
.mb-40 {margin-bottom: 10rem !important;}
.ml-40 {margin-left: 10rem !important;}
.m-44 {margin: 11rem !important;}
.mx-44 {margin-left: 11rem !important; margin-right: 11rem !important;}
.my-44 {margin-top: 11rem !important; margin-bottom: 11rem !important;}
.mt-44 {margin-top: 11rem !important;}
.mr-44 {margin-right: 11rem !important;}
.mb-44 {margin-bottom: 11rem !important;}
.ml-44 {margin-left: 11rem !important;}
.m-48 {margin: 12rem !important;}
.mx-48 {margin-left: 12rem !important; margin-right: 12rem !important;}
.my-48 {margin-top: 12rem !important; margin-bottom: 12rem !important;}
.mt-48 {margin-top: 12rem !important;}
.mr-48 {margin-right: 12rem !important;}
.mb-48 {margin-bottom: 12rem !important;}
.ml-48 {margin-left: 12rem !important;}
.m-52 {margin: 13rem !important;}
.mx-52 {margin-left: 13rem !important; margin-right: 13rem !important;}
.my-52 {margin-top: 13rem !important; margin-bottom: 13rem !important;}
.mt-52 {margin-top: 13rem !important;}
.mr-52 {margin-right: 13rem !important;}
.mb-52 {margin-bottom: 13rem !important;}
.ml-52 {margin-left: 13rem !important;}
.m-56 {margin: 14rem !important;}
.mx-56 {margin-left: 14rem !important; margin-right: 14rem !important;}
.my-56 {margin-top: 14rem !important; margin-bottom: 14rem !important;}
.mt-56 {margin-top: 14rem !important;}
.mr-56 {margin-right: 14rem !important;}
.mb-56 {margin-bottom: 14rem !important;}
.ml-56 {margin-left: 14rem !important;}
.m-60 {margin: 15rem !important;}
.mx-60 {margin-left: 15rem !important; margin-right: 15rem !important;}
.my-60 {margin-top: 15rem !important; margin-bottom: 15rem !important;}
.mt-60 {margin-top: 15rem !important;}
.mr-60 {margin-right: 15rem !important;}
.mb-60 {margin-bottom: 15rem !important;}
.ml-60 {margin-left: 15rem !important;}
.m-64 {margin: 16rem !important;}
.mx-64 {margin-left: 16rem !important; margin-right: 16rem !important;}
.my-64 {margin-top: 16rem !important; margin-bottom: 16rem !important;}
.mt-64 {margin-top: 16rem !important;}
.mr-64 {margin-right: 16rem !important;}
.mb-64 {margin-bottom: 16rem !important;}
.ml-64 {margin-left: 16rem !important;}
.m-72 {margin: 18rem !important;}
.mx-72 {margin-left: 18rem !important; margin-right: 18rem !important;}
.my-72 {margin-top: 18rem !important; margin-bottom: 18rem !important;}
.mt-72 {margin-top: 18rem !important;}
.mr-72 {margin-right: 18rem !important;}
.mb-72 {margin-bottom: 18rem !important;}
.ml-72 {margin-left: 18rem !important;}
.m-80 {margin: 20rem !important;}
.mx-80 {margin-left: 20rem !important; margin-right: 20rem !important;}
.my-80 {margin-top: 20rem !important; margin-bottom: 20rem !important;}
.mt-80 {margin-top: 20rem !important;}
.mr-80 {margin-right: 20rem !important;}
.mb-80 {margin-bottom: 20rem !important;}
.ml-80 {margin-left: 20rem !important;}
.m-96 {margin: 24rem !important;}
.mx-96 {margin-left: 24rem !important; margin-right: 24rem !important;}
.my-96 {margin-top: 24rem !important; margin-bottom: 24rem !important;}
.mt-96 {margin-top: 24rem !important;}
.mr-96 {margin-right: 24rem !important;}
.mb-96 {margin-bottom: 24rem !important;}
.ml-96 {margin-left: 24rem !important;}
.m-auto {margin: auto !important;}
.mx-auto {margin-left: auto !important; margin-right: auto !important;}
.my-auto {margin-top: auto !important; margin-bottom: auto !important;}
.mt-auto {margin-top: auto !important;}
.mr-auto {margin-right: auto !important;}
.mb-auto {margin-bottom: auto !important;}
.ml-auto {margin-left: auto !important;}

@media (min-width: 991px) {
    .md-w-full { width: 100% !important; }
    .md-h-full { height: 100% !important; }
    .md-w-half {width: 50% !important;}
    .md-w-one-third {width: 33.333333% !important;}
    .md-w-two-third {width: 66.666667% !important;}
    .md-w-one-quarter {width: 25% !important;}
    .md-w-two-quarter {width: 50% !important;}
    .md-w-three-quarter {width: 75% !important;}
    .md-w-one-fifth {width: 20% !important;}
    .md-w-two-fifth {width: 40% !important;}
    .md-w-three-fifth {width: 60% !important;}
    .md-w-four-fifth {width: 80% !important;}
    .md-w-one-sixth {width: 16.666667% !important;}
    .md-w-two-sixth {width: 33.333333% !important;}
    .md-w-three-sixth {width: 50% !important;}
    .md-w-four-sixth {width: 66.666667% !important;}
    .md-w-five-sixth {width: 83.333333% !important;}
    .md-w-full {width: 100% !important;}
    .md-w-screen {width: 100vw !important;}

    .md-w-100 { width: 100px !important; }
    .md-min-w-100 { min-width: 100px !important; }
    .md-min-w-150 { min-width: 150px !important; }
    .md-min-w-200 { min-width: 200px !important; }
    .md-min-w-300 { min-width: 300px !important; }

    .md-max-w-half {width: 50% !important;}
    .md-max-w-one-third {width: 33.333333% !important;}
    .md-max-w-two-third {width: 66.666667% !important;}
    .md-max-w-one-quarter {width: 25% !important;}
    .md-max-w-two-quarter {width: 50% !important;}
    .md-max-w-three-quarter {width: 75% !important;}
    .md-max-w-one-fifth {width: 20% !important;}
    .md-max-w-two-fifth {width: 40% !important;}
    .md-max-w-three-fifth {width: 60% !important;}
    .md-max-w-four-fifth {width: 80% !important;}
    .md-max-w-one-sixth {width: 16.666667% !important;}
    .md-max-w-two-sixth {width: 33.333333% !important;}
    .md-max-w-three-sixth {width: 50% !important;}
    .md-max-w-four-sixth {width: 66.666667% !important;}
    .md-max-w-five-sixth {width: 83.333333% !important;}
    .md-max-w-full {width: 100% !important;}
    .md-max-w-screen {width: 100vw !important;}

    .md-table-auto {table-layout: auto; width: 100%;}
    .md-table-fixed {table-layout: fixed; width: 100%;}

    .md-text-left { text-align: left; }
    .md-text-center { text-align: center; }
    .md-text-right { text-align: right; }

    .md-align-baseline { vertical-align: baseline !important; }
    .md-align-top { vertical-align: top !important; }
    .md-align-middle { vertical-align: middle !important; }
    .md-align-bottom { vertical-align: bottom !important; }

    .md-flex { display: flex !important;}

    .md-flex-row {flex-direction: row !important;}
    .md-flex-row-reverse {flex-direction: row-reverse !important;}
    .md-flex-col {flex-direction: column !important;}
    .md-flex-col-reverse {flex-direction: column-reverse !important;}

    .md-justify-start {justify-content: flex-start !important;}
    .md-justify-end {justify-content: flex-end !important;}
    .md-justify-center {justify-content: center !important;}
    .md-justify-between {justify-content: space-between !important;}
    .md-justify-around {justify-content: space-around !important;}
    .md-justify-evenly {justify-content: space-evenly !important;}

    .md-justify-items-start {justify-items: start !important;}
    .md-justify-items-end {justify-items: end !important;}
    .md-justify-items-center {justify-items: center !important;}
    .md-justify-items-stretch {justify-items: stretch !important;}

    .md-order-none	{order: 0 !important;}
    .md-order-1	{order: 1 !important;}

    .md-gap-0 {gap: 0px;}
    .md-gap-1 {gap: 0.25rem;}
    .md-gap-2 {gap: 0.5rem;}
    .md-gap-3 {gap: 0.75rem;}
    .md-gap-4 {gap: 1rem;}
    .md-gap-5 {gap: 1.25rem;}
    .md-gap-6 {gap: 1.5rem;}
    .md-gap-7 {gap: 1.75rem;}
    .md-gap-8 {gap: 2rem;}
    .md-gap-9 {gap: 2.25rem;}
    .md-gap-10 {gap: 2.5rem;}

    .md-text-xs	{font-size: 0.75rem !important; line-height: 1rem !important;}
    .md-text-sm	{font-size: 0.875rem !important; line-height: 1.25rem !important;}
    .md-text-base	{font-size: 1rem !important; line-height: 1.5rem !important;}
    .md-text-lg	{font-size: 1.125rem !important; line-height: 1.75rem !important;}
    .md-text-xl	{font-size: 1.25rem !important; line-height: 1.75rem !important;}
    .md-text-2xl	{font-size: 1.5rem !important; line-height: 2rem !important;}
    .md-text-3xl	{font-size: 1.875rem !important; line-height: 2.25rem !important;}
    .md-text-4xl	{font-size: 2.25rem !important; line-height: 2.5rem !important;}
    .md-text-5xl	{font-size: 3rem !important; line-height: 1 !important;}
    .md-text-6xl	{font-size: 3.75rem !important; line-height: 1 !important;}
    .md-text-7xl	{font-size: 4.5rem !important; line-height: 1 !important;}
    .md-text-8xl	{font-size: 6rem !important; line-height: 1 !important;}
    .md-text-9xl	{font-size: 8rem !important; line-height: 1 !important;}

    .md-text-wrap	{text-wrap: wrap;}

    .md-text-green { color: #22c563; }
    .md-text-yellow { color: #eab308; }
    .md-text-red { color: #ee4647; }

    .md-font-light { font-weight: 300 !important; }
    .md-font-normal { font-weight: 500 !important; }
    .md-font-bold { font-weight: 700 !important; }

    .md-overflow-auto {overflow: auto !important;}
    .md-overflow-hidden {overflow: hidden !important;}
    .md-overflow-clip {overflow: clip !important;}
    .md-overflow-visible {overflow: visible !important;}
    .md-overflow-scroll {overflow: scroll !important;}
    .md-overflow-x-auto {overflow-x: auto !important;}
    .md-overflow-y-auto {overflow-y: auto !important;}
    .md-overflow-x-hidden {overflow-x: hidden !important;}
    .md-overflow-y-hidden {overflow-y: hidden !important;}
    .md-overflow-x-clip {overflow-x: clip !important;}
    .md-overflow-y-clip {overflow-y: clip !important;}
    .md-overflow-x-visible {overflow-x: visible !important;}
    .md-overflow-y-visible {overflow-y: visible !important;}
    .md-overflow-x-scroll {overflow-x: scroll !important;}
    .md-overflow-y-scroll {overflow-y: scroll !important;}

    .md-opacity-25 { opacity: .25; }
    .md-opacity-50 { opacity: .5; }
    .md-opacity-75 { opacity: .75; }

    .md-p-0 {padding: 0px !important;}
    .md-px-0 {padding-left: 0px !important; padding-right: 0px !important;}
    .md-py-0 {padding-top: 0px !important; padding-bottom: 0px !important;}
    .md-pt-0 {padding-top: 0px !important;}
    .md-pr-0 {padding-right: 0px !important;}
    .md-pb-0 {padding-bottom: 0px !important;}
    .md-pl-0 {padding-left: 0px !important;}

    .md-p-1 {padding: 0.25rem !important;}
    .md-px-1 {padding-left: 0.25rem !important; padding-right: 0.25rem !important;}
    .md-py-1 {padding-top: 0.25rem !important; padding-bottom: 0.25rem !important;}
    .md-pt-1 {padding-top: 0.25rem !important;}
    .md-pr-1 {padding-right: 0.25rem !important;}
    .md-pb-1 {padding-bottom: 0.25rem !important;}
    .md-pl-1 {padding-left: 0.25rem !important;}
    .md-p-2 {padding: 0.5rem !important;}
    .md-px-2 {padding-left: 0.5rem !important; padding-right: 0.5rem !important;}
    .md-py-2 {padding-top: 0.5rem !important; padding-bottom: 0.5rem !important;}
    .md-pt-2 {padding-top: 0.5rem !important;}
    .md-pr-2 {padding-right: 0.5rem !important;}
    .md-pb-2 {padding-bottom: 0.5rem !important;}
    .md-pl-2 {padding-left: 0.5rem !important;}
    .md-p-3 {padding: 0.75rem !important;}
    .md-px-3 {padding-left: 0.75rem !important; padding-right: 0.75rem !important;}
    .md-py-3 {padding-top: 0.75rem !important; padding-bottom: 0.75rem !important;}
    .md-pt-3 {padding-top: 0.75rem !important;}
    .md-pr-3 {padding-right: 0.75rem !important;}
    .md-pb-3 {padding-bottom: 0.75rem !important;}
    .md-pl-3 {padding-left: 0.75rem !important;}
    .md-p-4 {padding: 1rem !important;}
    .md-px-4 {padding-left: 1rem !important; padding-right: 1rem !important;}
    .md-py-4 {padding-top: 1rem !important; padding-bottom: 1rem !important;}
    .md-pt-4 {padding-top: 1rem !important;}
    .md-pr-4 {padding-right: 1rem !important;}
    .md-pb-4 {padding-bottom: 1rem !important;}
    .md-pl-4 {padding-left: 1rem !important;}
    .md-p-5 {padding: 1.25rem !important;}
    .md-px-5 {padding-left: 1.25rem !important; padding-right: 1.25rem !important;}
    .md-py-5 {padding-top: 1.25rem !important; padding-bottom: 1.25rem !important;}
    .md-pt-5 {padding-top: 1.25rem !important;}
    .md-pr-5 {padding-right: 1.25rem !important;}
    .md-pb-5 {padding-bottom: 1.25rem !important;}
    .md-pl-5 {padding-left: 1.25rem !important;}
    .md-p-6 {padding: 1.5rem !important;}
    .md-px-6 {padding-left: 1.5rem !important; padding-right: 1.5rem !important;}
    .md-py-6 {padding-top: 1.5rem !important; padding-bottom: 1.5rem !important;}
    .md-pt-6 {padding-top: 1.5rem !important;}
    .md-pr-6 {padding-right: 1.5rem !important;}
    .md-pb-6 {padding-bottom: 1.5rem !important;}
    .md-pl-6 {padding-left: 1.5rem !important;}
    .md-p-7 {padding: 1.75rem !important;}
    .md-px-7 {padding-left: 1.75rem !important; padding-right: 1.75rem !important;}
    .md-py-7 {padding-top: 1.75rem !important; padding-bottom: 1.75rem !important;}
    .md-pt-7 {padding-top: 1.75rem !important;}
    .md-pr-7 {padding-right: 1.75rem !important;}
    .md-pb-7 {padding-bottom: 1.75rem !important;}
    .md-pl-7 {padding-left: 1.75rem !important;}
    .md-p-8 {padding: 2rem !important;}
    .md-px-8 {padding-left: 2rem !important; padding-right: 2rem !important;}
    .md-py-8 {padding-top: 2rem !important; padding-bottom: 2rem !important;}
    .md-pt-8 {padding-top: 2rem !important;}
    .md-pr-8 {padding-right: 2rem !important;}
    .md-pb-8 {padding-bottom: 2rem !important;}
    .md-pl-8 {padding-left: 2rem !important;}
    .md-p-9 {padding: 2.25rem !important;}
    .md-px-9 {padding-left: 2.25rem !important; padding-right: 2.25rem !important;}
    .md-py-9 {padding-top: 2.25rem !important; padding-bottom: 2.25rem !important;}
    .md-pt-9 {padding-top: 2.25rem !important;}
    .md-pr-9 {padding-right: 2.25rem !important;}
    .md-pb-9 {padding-bottom: 2.25rem !important;}
    .md-pl-9 {padding-left: 2.25rem !important;}
    .md-p-10 {padding: 2.5rem !important;}
    .md-px-10 {padding-left: 2.5rem !important; padding-right: 2.5rem !important;}
    .md-py-10 {padding-top: 2.5rem !important; padding-bottom: 2.5rem !important;}
    .md-pt-10 {padding-top: 2.5rem !important;}
    .md-pr-10 {padding-right: 2.5rem !important;}
    .md-pb-10 {padding-bottom: 2.5rem !important;}
    .md-pl-10 {padding-left: 2.5rem !important;}
    .md-p-11 {padding: 2.75rem !important;}
    .md-px-11 {padding-left: 2.75rem !important; padding-right: 2.75rem !important;}
    .md-py-11 {padding-top: 2.75rem !important; padding-bottom: 2.75rem !important;}
    .md-pt-11 {padding-top: 2.75rem !important;}
    .md-pr-11 {padding-right: 2.75rem !important;}
    .md-pb-11 {padding-bottom: 2.75rem !important;}
    .md-pl-11 {padding-left: 2.75rem !important;}
    .md-p-12 {padding: 3rem !important;}
    .md-px-12 {padding-left: 3rem !important; padding-right: 3rem !important;}
    .md-py-12 {padding-top: 3rem !important; padding-bottom: 3rem !important;}
    .md-pt-12 {padding-top: 3rem !important;}
    .md-pr-12 {padding-right: 3rem !important;}
    .md-pb-12 {padding-bottom: 3rem !important;}
    .md-pl-12 {padding-left: 3rem !important;}
    .md-p-14 {padding: 3.5rem !important;}
    .md-px-14 {padding-left: 3.5rem !important; padding-right: 3.5rem !important;}
    .md-py-14 {padding-top: 3.5rem !important; padding-bottom: 3.5rem !important;}
    .md-pt-14 {padding-top: 3.5rem !important;}
    .md-pr-14 {padding-right: 3.5rem !important;}
    .md-pb-14 {padding-bottom: 3.5rem !important;}
    .md-pl-14 {padding-left: 3.5rem !important;}
    .md-p-16 {padding: 4rem !important;}
    .md-px-16 {padding-left: 4rem !important; padding-right: 4rem !important;}
    .md-py-16 {padding-top: 4rem !important; padding-bottom: 4rem !important;}
    .md-pt-16 {padding-top: 4rem !important;}
    .md-pr-16 {padding-right: 4rem !important;}
    .md-pb-16 {padding-bottom: 4rem !important;}
    .md-pl-16 {padding-left: 4rem !important;}
    .md-p-20 {padding: 5rem !important;}
    .md-px-20 {padding-left: 5rem !important; padding-right: 5rem !important;}
    .md-py-20 {padding-top: 5rem !important; padding-bottom: 5rem !important;}
    .md-pt-20 {padding-top: 5rem !important;}
    .md-pr-20 {padding-right: 5rem !important;}
    .md-pb-20 {padding-bottom: 5rem !important;}
    .md-pl-20 {padding-left: 5rem !important;}
    .md-p-24 {padding: 6rem !important;}
    .md-px-24 {padding-left: 6rem !important; padding-right: 6rem !important;}
    .md-py-24 {padding-top: 6rem !important; padding-bottom: 6rem !important;}
    .md-pt-24 {padding-top: 6rem !important;}
    .md-pr-24 {padding-right: 6rem !important;}
    .md-pb-24 {padding-bottom: 6rem !important;}
    .md-pl-24 {padding-left: 6rem !important;}
    .md-p-28 {padding: 7rem !important;}
    .md-px-28 {padding-left: 7rem !important; padding-right: 7rem !important;}
    .md-py-28 {padding-top: 7rem !important; padding-bottom: 7rem !important;}
    .md-pt-28 {padding-top: 7rem !important;}
    .md-pr-28 {padding-right: 7rem !important;}
    .md-pb-28 {padding-bottom: 7rem !important;}
    .md-pl-28 {padding-left: 7rem !important;}
    .md-p-32 {padding: 8rem !important;}
    .md-px-32 {padding-left: 8rem !important; padding-right: 8rem !important;}
    .md-py-32 {padding-top: 8rem !important; padding-bottom: 8rem !important;}
    .md-pt-32 {padding-top: 8rem !important;}
    .md-pr-32 {padding-right: 8rem !important;}
    .md-pb-32 {padding-bottom: 8rem !important;}
    .md-pl-32 {padding-left: 8rem !important;}
    .md-p-36 {padding: 9rem !important;}
    .md-px-36 {padding-left: 9rem !important; padding-right: 9rem !important;}
    .md-py-36 {padding-top: 9rem !important; padding-bottom: 9rem !important;}
    .md-pt-36 {padding-top: 9rem !important;}
    .md-pr-36 {padding-right: 9rem !important;}
    .md-pb-36 {padding-bottom: 9rem !important;}
    .md-pl-36 {padding-left: 9rem !important;}
    .md-p-40 {padding: 10rem !important;}
    .md-px-40 {padding-left: 10rem !important; padding-right: 10rem !important;}
    .md-py-40 {padding-top: 10rem !important; padding-bottom: 10rem !important;}
    .md-pt-40 {padding-top: 10rem !important;}
    .md-pr-40 {padding-right: 10rem !important;}
    .md-pb-40 {padding-bottom: 10rem !important;}
    .md-pl-40 {padding-left: 10rem !important;}
    .md-p-44 {padding: 11rem !important;}
    .md-px-44 {padding-left: 11rem !important; padding-right: 11rem !important;}
    .md-py-44 {padding-top: 11rem !important; padding-bottom: 11rem !important;}
    .md-pt-44 {padding-top: 11rem !important;}
    .md-pr-44 {padding-right: 11rem !important;}
    .md-pb-44 {padding-bottom: 11rem !important;}
    .md-pl-44 {padding-left: 11rem !important;}
    .md-p-48 {padding: 12rem !important;}
    .md-px-48 {padding-left: 12rem !important; padding-right: 12rem !important;}
    .md-py-48 {padding-top: 12rem !important; padding-bottom: 12rem !important;}
    .md-pt-48 {padding-top: 12rem !important;}
    .md-pr-48 {padding-right: 12rem !important;}
    .md-pb-48 {padding-bottom: 12rem !important;}
    .md-pl-48 {padding-left: 12rem !important;}
    .md-p-52 {padding: 13rem !important;}
    .md-px-52 {padding-left: 13rem !important; padding-right: 13rem !important;}
    .md-py-52 {padding-top: 13rem !important; padding-bottom: 13rem !important;}
    .md-pt-52 {padding-top: 13rem !important;}
    .md-pr-52 {padding-right: 13rem !important;}
    .md-pb-52 {padding-bottom: 13rem !important;}
    .md-pl-52 {padding-left: 13rem !important;}
    .md-p-56 {padding: 14rem !important;}
    .md-px-56 {padding-left: 14rem !important; padding-right: 14rem !important;}
    .md-py-56 {padding-top: 14rem !important; padding-bottom: 14rem !important;}
    .md-pt-56 {padding-top: 14rem !important;}
    .md-pr-56 {padding-right: 14rem !important;}
    .md-pb-56 {padding-bottom: 14rem !important;}
    .md-pl-56 {padding-left: 14rem !important;}
    .md-p-60 {padding: 15rem !important;}
    .md-px-60 {padding-left: 15rem !important; padding-right: 15rem !important;}
    .md-py-60 {padding-top: 15rem !important; padding-bottom: 15rem !important;}
    .md-pt-60 {padding-top: 15rem !important;}
    .md-pr-60 {padding-right: 15rem !important;}
    .md-pb-60 {padding-bottom: 15rem !important;}
    .md-pl-60 {padding-left: 15rem !important;}
    .md-p-64 {padding: 16rem !important;}
    .md-px-64 {padding-left: 16rem !important; padding-right: 16rem !important;}
    .md-py-64 {padding-top: 16rem !important; padding-bottom: 16rem !important;}
    .md-pt-64 {padding-top: 16rem !important;}
    .md-pr-64 {padding-right: 16rem !important;}
    .md-pb-64 {padding-bottom: 16rem !important;}
    .md-pl-64 {padding-left: 16rem !important;}
    .md-p-72 {padding: 18rem !important;}
    .md-px-72 {padding-left: 18rem !important; padding-right: 18rem !important;}
    .md-py-72 {padding-top: 18rem !important; padding-bottom: 18rem !important;}
    .md-pt-72 {padding-top: 18rem !important;}
    .md-pr-72 {padding-right: 18rem !important;}
    .md-pb-72 {padding-bottom: 18rem !important;}
    .md-pl-72 {padding-left: 18rem !important;}
    .md-p-80 {padding: 20rem !important;}
    .md-px-80 {padding-left: 20rem !important; padding-right: 20rem !important;}
    .md-py-80 {padding-top: 20rem !important; padding-bottom: 20rem !important;}
    .md-pt-80 {padding-top: 20rem !important;}
    .md-pr-80 {padding-right: 20rem !important;}
    .md-pb-80 {padding-bottom: 20rem !important;}
    .md-pl-80 {padding-left: 20rem !important;}
    .md-p-96 {padding: 24rem !important;}
    .md-px-96 {padding-left: 24rem !important; padding-right: 24rem !important;}
    .md-py-96 {padding-top: 24rem !important; padding-bottom: 24rem !important;}
    .md-pt-96 {padding-top: 24rem !important;}
    .md-pr-96 {padding-right: 24rem !important;}
    .md-pb-96 {padding-bottom: 24rem !important;}
    .md-pl-96 {padding-left: 24rem !important;}

    .md-m-0 {margin: 0px !important;}
    .md-mx-0 {margin-left: 0px !important; margin-right: 0px !important;}
    .md-my-0 {margin-top: 0px !important; margin-bottom: 0px !important;}
    .md-mt-0 {margin-top: 0px !important;}
    .md-mr-0 {margin-right: 0px !important;}
    .md-mb-0 {margin-bottom: 0px !important;}
    .md-ml-0 {margin-left: 0px !important;}
    .md-m-px {margin: 1px !important;}
    .md-mx-px {margin-left: 1px !important; margin-right: 1px !important;}
    .md-my-px {margin-top: 1px !important; margin-bottom: 1px !important;}
    .md-mt-px {margin-top: 1px !important;}
    .md-mr-px {margin-right: 1px !important;}
    .md-mb-px {margin-bottom: 1px !important;}
    .md-ml-px {margin-left: 1px !important;}
    .md-m-1 {margin: 0.25rem !important;}
    .md-mx-1 {margin-left: 0.25rem !important; margin-right: 0.25rem !important;}
    .md-my-1 {margin-top: 0.25rem !important; margin-bottom: 0.25rem !important;}
    .md-mt-1 {margin-top: 0.25rem !important;}
    .md-mr-1 {margin-right: 0.25rem !important;}
    .md-mb-1 {margin-bottom: 0.25rem !important;}
    .md-ml-1 {margin-left: 0.25rem !important;}
    .md-m-2 {margin: 0.5rem !important;}
    .md-mx-2 {margin-left: 0.5rem !important; margin-right: 0.5rem !important;}
    .md-my-2 {margin-top: 0.5rem !important; margin-bottom: 0.5rem !important;}
    .md-mt-2 {margin-top: 0.5rem !important;}
    .md-mr-2 {margin-right: 0.5rem !important;}
    .md-mb-2 {margin-bottom: 0.5rem !important;}
    .md-ml-2 {margin-left: 0.5rem !important;}
    .md-m-3 {margin: 0.75rem !important;}
    .md-mx-3 {margin-left: 0.75rem !important; margin-right: 0.75rem !important;}
    .md-my-3 {margin-top: 0.75rem !important; margin-bottom: 0.75rem !important;}
    .md-mt-3 {margin-top: 0.75rem !important;}
    .md-mr-3 {margin-right: 0.75rem !important;}
    .md-mb-3 {margin-bottom: 0.75rem !important;}
    .md-ml-3 {margin-left: 0.75rem !important;}
    .md-m-4 {margin: 1rem !important;}
    .md-mx-4 {margin-left: 1rem !important; margin-right: 1rem !important;}
    .md-my-4 {margin-top: 1rem !important; margin-bottom: 1rem !important;}
    .md-mt-4 {margin-top: 1rem !important;}
    .md-mr-4 {margin-right: 1rem !important;}
    .md-mb-4 {margin-bottom: 1rem !important;}
    .md-ml-4 {margin-left: 1rem !important;}
    .md-m-5 {margin: 1.25rem !important;}
    .md-mx-5 {margin-left: 1.25rem !important; margin-right: 1.25rem !important;}
    .md-my-5 {margin-top: 1.25rem !important; margin-bottom: 1.25rem !important;}
    .md-mt-5 {margin-top: 1.25rem !important;}
    .md-mr-5 {margin-right: 1.25rem !important;}
    .md-mb-5 {margin-bottom: 1.25rem !important;}
    .md-ml-5 {margin-left: 1.25rem !important;}
    .md-m-6 {margin: 1.5rem !important;}
    .md-mx-6 {margin-left: 1.5rem !important; margin-right: 1.5rem !important;}
    .md-my-6 {margin-top: 1.5rem !important; margin-bottom: 1.5rem !important;}
    .md-mt-6 {margin-top: 1.5rem !important;}
    .md-mr-6 {margin-right: 1.5rem !important;}
    .md-mb-6 {margin-bottom: 1.5rem !important;}
    .md-ml-6 {margin-left: 1.5rem !important;}
    .md-m-7 {margin: 1.75rem !important;}
    .md-mx-7 {margin-left: 1.75rem !important; margin-right: 1.75rem !important;}
    .md-my-7 {margin-top: 1.75rem !important; margin-bottom: 1.75rem !important;}
    .md-mt-7 {margin-top: 1.75rem !important;}
    .md-mr-7 {margin-right: 1.75rem !important;}
    .md-mb-7 {margin-bottom: 1.75rem !important;}
    .md-ml-7 {margin-left: 1.75rem !important;}
    .md-m-8 {margin: 2rem !important;}
    .md-mx-8 {margin-left: 2rem !important; margin-right: 2rem !important;}
    .md-my-8 {margin-top: 2rem !important; margin-bottom: 2rem !important;}
    .md-mt-8 {margin-top: 2rem !important;}
    .md-mr-8 {margin-right: 2rem !important;}
    .md-mb-8 {margin-bottom: 2rem !important;}
    .md-ml-8 {margin-left: 2rem !important;}
    .md-m-9 {margin: 2.25rem !important;}
    .md-mx-9 {margin-left: 2.25rem !important; margin-right: 2.25rem !important;}
    .md-my-9 {margin-top: 2.25rem !important; margin-bottom: 2.25rem !important;}
    .md-mt-9 {margin-top: 2.25rem !important;}
    .md-mr-9 {margin-right: 2.25rem !important;}
    .md-mb-9 {margin-bottom: 2.25rem !important;}
    .md-ml-9 {margin-left: 2.25rem !important;}
    .md-m-10 {margin: 2.5rem !important;}
    .md-mx-10 {margin-left: 2.5rem !important; margin-right: 2.5rem !important;}
    .md-my-10 {margin-top: 2.5rem !important; margin-bottom: 2.5rem !important;}
    .md-mt-10 {margin-top: 2.5rem !important;}
    .md-mr-10 {margin-right: 2.5rem !important;}
    .md-mb-10 {margin-bottom: 2.5rem !important;}
    .md-ml-10 {margin-left: 2.5rem !important;}
    .md-m-11 {margin: 2.75rem !important;}
    .md-mx-11 {margin-left: 2.75rem !important; margin-right: 2.75rem !important;}
    .md-my-11 {margin-top: 2.75rem !important; margin-bottom: 2.75rem !important;}
    .md-mt-11 {margin-top: 2.75rem !important;}
    .md-mr-11 {margin-right: 2.75rem !important;}
    .md-mb-11 {margin-bottom: 2.75rem !important;}
    .md-ml-11 {margin-left: 2.75rem !important;}
    .md-m-12 {margin: 3rem !important;}
    .md-mx-12 {margin-left: 3rem !important; margin-right: 3rem !important;}
    .md-my-12 {margin-top: 3rem !important; margin-bottom: 3rem !important;}
    .md-mt-12 {margin-top: 3rem !important;}
    .md-mr-12 {margin-right: 3rem !important;}
    .md-mb-12 {margin-bottom: 3rem !important;}
    .md-ml-12 {margin-left: 3rem !important;}
    .md-m-14 {margin: 3.5rem !important;}
    .md-mx-14 {margin-left: 3.5rem !important; margin-right: 3.5rem !important;}
    .md-my-14 {margin-top: 3.5rem !important; margin-bottom: 3.5rem !important;}
    .md-mt-14 {margin-top: 3.5rem !important;}
    .md-mr-14 {margin-right: 3.5rem !important;}
    .md-mb-14 {margin-bottom: 3.5rem !important;}
    .md-ml-14 {margin-left: 3.5rem !important;}
    .md-m-16 {margin: 4rem !important;}
    .md-mx-16 {margin-left: 4rem !important; margin-right: 4rem !important;}
    .md-my-16 {margin-top: 4rem !important; margin-bottom: 4rem !important;}
    .md-mt-16 {margin-top: 4rem !important;}
    .md-mr-16 {margin-right: 4rem !important;}
    .md-mb-16 {margin-bottom: 4rem !important;}
    .md-ml-16 {margin-left: 4rem !important;}
    .md-m-20 {margin: 5rem !important;}
    .md-mx-20 {margin-left: 5rem !important; margin-right: 5rem !important;}
    .md-my-20 {margin-top: 5rem !important; margin-bottom: 5rem !important;}
    .md-mt-20 {margin-top: 5rem !important;}
    .md-mr-20 {margin-right: 5rem !important;}
    .md-mb-20 {margin-bottom: 5rem !important;}
    .md-ml-20 {margin-left: 5rem !important;}
    .md-m-24 {margin: 6rem !important;}
    .md-mx-24 {margin-left: 6rem !important; margin-right: 6rem !important;}
    .md-my-24 {margin-top: 6rem !important; margin-bottom: 6rem !important;}
    .md-mt-24 {margin-top: 6rem !important;}
    .md-mr-24 {margin-right: 6rem !important;}
    .md-mb-24 {margin-bottom: 6rem !important;}
    .md-ml-24 {margin-left: 6rem !important;}
    .md-m-28 {margin: 7rem !important;}
    .md-mx-28 {margin-left: 7rem !important; margin-right: 7rem !important;}
    .md-my-28 {margin-top: 7rem !important; margin-bottom: 7rem !important;}
    .md-mt-28 {margin-top: 7rem !important;}
    .md-mr-28 {margin-right: 7rem !important;}
    .md-mb-28 {margin-bottom: 7rem !important;}
    .md-ml-28 {margin-left: 7rem !important;}
    .md-m-32 {margin: 8rem !important;}
    .md-mx-32 {margin-left: 8rem !important; margin-right: 8rem !important;}
    .md-my-32 {margin-top: 8rem !important; margin-bottom: 8rem !important;}
    .md-mt-32 {margin-top: 8rem !important;}
    .md-mr-32 {margin-right: 8rem !important;}
    .md-mb-32 {margin-bottom: 8rem !important;}
    .md-ml-32 {margin-left: 8rem !important;}
    .md-m-36 {margin: 9rem !important;}
    .md-mx-36 {margin-left: 9rem !important; margin-right: 9rem !important;}
    .md-my-36 {margin-top: 9rem !important; margin-bottom: 9rem !important;}
    .md-mt-36 {margin-top: 9rem !important;}
    .md-mr-36 {margin-right: 9rem !important;}
    .md-mb-36 {margin-bottom: 9rem !important;}
    .md-ml-36 {margin-left: 9rem !important;}
    .md-m-40 {margin: 10rem !important;}
    .md-mx-40 {margin-left: 10rem !important; margin-right: 10rem !important;}
    .md-my-40 {margin-top: 10rem !important; margin-bottom: 10rem !important;}
    .md-mt-40 {margin-top: 10rem !important;}
    .md-mr-40 {margin-right: 10rem !important;}
    .md-mb-40 {margin-bottom: 10rem !important;}
    .md-ml-40 {margin-left: 10rem !important;}
    .md-m-44 {margin: 11rem !important;}
    .md-mx-44 {margin-left: 11rem !important; margin-right: 11rem !important;}
    .md-my-44 {margin-top: 11rem !important; margin-bottom: 11rem !important;}
    .md-mt-44 {margin-top: 11rem !important;}
    .md-mr-44 {margin-right: 11rem !important;}
    .md-mb-44 {margin-bottom: 11rem !important;}
    .md-ml-44 {margin-left: 11rem !important;}
    .md-m-48 {margin: 12rem !important;}
    .md-mx-48 {margin-left: 12rem !important; margin-right: 12rem !important;}
    .md-my-48 {margin-top: 12rem !important; margin-bottom: 12rem !important;}
    .md-mt-48 {margin-top: 12rem !important;}
    .md-mr-48 {margin-right: 12rem !important;}
    .md-mb-48 {margin-bottom: 12rem !important;}
    .md-ml-48 {margin-left: 12rem !important;}
    .md-m-52 {margin: 13rem !important;}
    .md-mx-52 {margin-left: 13rem !important; margin-right: 13rem !important;}
    .md-my-52 {margin-top: 13rem !important; margin-bottom: 13rem !important;}
    .md-mt-52 {margin-top: 13rem !important;}
    .md-mr-52 {margin-right: 13rem !important;}
    .md-mb-52 {margin-bottom: 13rem !important;}
    .md-ml-52 {margin-left: 13rem !important;}
    .md-m-56 {margin: 14rem !important;}
    .md-mx-56 {margin-left: 14rem !important; margin-right: 14rem !important;}
    .md-my-56 {margin-top: 14rem !important; margin-bottom: 14rem !important;}
    .md-mt-56 {margin-top: 14rem !important;}
    .md-mr-56 {margin-right: 14rem !important;}
    .md-mb-56 {margin-bottom: 14rem !important;}
    .md-ml-56 {margin-left: 14rem !important;}
    .md-m-60 {margin: 15rem !important;}
    .md-mx-60 {margin-left: 15rem !important; margin-right: 15rem !important;}
    .md-my-60 {margin-top: 15rem !important; margin-bottom: 15rem !important;}
    .md-mt-60 {margin-top: 15rem !important;}
    .md-mr-60 {margin-right: 15rem !important;}
    .md-mb-60 {margin-bottom: 15rem !important;}
    .md-ml-60 {margin-left: 15rem !important;}
    .md-m-64 {margin: 16rem !important;}
    .md-mx-64 {margin-left: 16rem !important; margin-right: 16rem !important;}
    .md-my-64 {margin-top: 16rem !important; margin-bottom: 16rem !important;}
    .md-mt-64 {margin-top: 16rem !important;}
    .md-mr-64 {margin-right: 16rem !important;}
    .md-mb-64 {margin-bottom: 16rem !important;}
    .md-ml-64 {margin-left: 16rem !important;}
    .md-m-72 {margin: 18rem !important;}
    .md-mx-72 {margin-left: 18rem !important; margin-right: 18rem !important;}
    .md-my-72 {margin-top: 18rem !important; margin-bottom: 18rem !important;}
    .md-mt-72 {margin-top: 18rem !important;}
    .md-mr-72 {margin-right: 18rem !important;}
    .md-mb-72 {margin-bottom: 18rem !important;}
    .md-ml-72 {margin-left: 18rem !important;}
    .md-m-80 {margin: 20rem !important;}
    .md-mx-80 {margin-left: 20rem !important; margin-right: 20rem !important;}
    .md-my-80 {margin-top: 20rem !important; margin-bottom: 20rem !important;}
    .md-mt-80 {margin-top: 20rem !important;}
    .md-mr-80 {margin-right: 20rem !important;}
    .md-mb-80 {margin-bottom: 20rem !important;}
    .md-ml-80 {margin-left: 20rem !important;}
    .md-m-96 {margin: 24rem !important;}
    .md-mx-96 {margin-left: 24rem !important; margin-right: 24rem !important;}
    .md-my-96 {margin-top: 24rem !important; margin-bottom: 24rem !important;}
    .md-mt-96 {margin-top: 24rem !important;}
    .md-mr-96 {margin-right: 24rem !important;}
    .md-mb-96 {margin-bottom: 24rem !important;}
    .md-ml-96 {margin-left: 24rem !important;}
    .md-m-auto {margin: auto !important;}
    .md-mx-auto {margin-left: auto !important; margin-right: auto !important;}
    .md-my-auto {margin-top: auto !important; margin-bottom: auto !important;}
    .md-mt-auto {margin-top: auto !important;}
    .md-mr-auto {margin-right: auto !important;}
    .md-mb-auto {margin-bottom: auto !important;}
    .md-ml-auto {margin-left: auto !important;}
}

/*	--------------------------------------------------------------------------------------------------------------------------
	                          Start:: Order Page
-------------------------------------------------------------------------------------------------------------------------- */


/*--------------------------------------------------------------------------------------------------------------------------
	                          Start:: Question Section
-------------------------------------------------------------------------------------------------------------------------- */

#temp_height
{
    min-height: 210px;
}

.right-section
{
    background: #fff;
    border: solid 1px #dbdee0;
    width: 28%;
    float: right;
    margin-left: 10px;
}

.right-header
{
    padding: 10px;
    text-align: center;
    font-size: 1.4em;
}
.right-list
{
    padding: 5px;
    margin: 5px;
    border-bottom: 1px solid #dddddd;
}
.right-btn-holder
{
    margin-top: 20px;
    margin-left: 10%;
}
.list_delete
{
    background: url(images/delete.png) no-repeat;
    height: 20px;
    width: 20px;
    float: right;
    cursor: pointer;
}

.delete-btn
{
    padding: 6px 25px 6px 25px;
    margin: 10px 10px 20px 10px;
    font-size: 1.2em;
    background-color: #ff5454;
    color: #fff;
    float: left;
}
.delete-btn:hover
{
    background-color: #e44d4d;
}
.save-btn
{
    padding: 6px 35px 6px 35px;
    margin: 10px;
    font-size: 1.2em;
    background-color: #36a9e1;
    color: #fff;
    float: left;
}
.save-btn:hover
{
    background-color: #2899d0;
}
.save-btn-mob
{
    float: right;
    font-size: 0.7em;
    margin: 0px;
    margin-right: 2px;
    padding: 3px 15px 3px 15px;
    background-color: #36a9e1;
    color: #fff;
}
.save-btn-mob:hover
{
    background-color: #2899d0;
}

/*--------------------------------------------------------------------------------------------------------------------------
	                          End :: Question Section
-------------------------------------------------------------------------------------------------------------------------- */


/*--------------------------------------------------------------------------------------------------------------------------
	                          Start :: Custom Portal Stylings
-------------------------------------------------------------------------------------------------------------------------- */

body  {
}
.pad-bottom {
  padding-bottom:10px;
}
.pad-top {
  padding-top:20px;
}
.panel-scroll {
  height:100%;
  overflow-y:auto;
}
.panel-relative {
  height: 100%;
  width: 100%;
  position: relative;
}
.panel-table {
  position: absolute;
  top:39px;
  bottom: 0px;
  width: 100%;
  overflow-y: scroll;
}
.heading-fixed {
  height:39px;
}
.no-pad {
  padding-left:0px;
  padding-right:0px;
}
.jumbotron.no-pad {
  padding:0px 15px;
}
.jumbotron.no-margin, .navbar.no-margin {
  margin-bottom:0px;
}
.jumbotron.inverse  {
  background-color: #364652;
  border-top:1px solid #999;
  border-bottom:1px solid #999;
}
.navbar {
  border:0px;
}

.gridster .gs-w {
    position: absolute;
    cursor:default;
    padding:5px;
}

.entityList {
    height:auto;
}

@media only screen and (max-width: 760px)
{
    .gridster .gs-w {
        z-index: 2;
        position: relative;
        width: 100%;
        left: 0px;
        top: 10px;
    }
    .gs-w.Entity-Ribbon {
    height: auto;
    }
}
.panel-primary > .panel-heading a{
    color:#FFFFFF;
    margin-left: 15px;
}

.ajax-loader {
    width: 100px;
    height: 100px;
    position: fixed;
    top: 30%;
    left: 50%;
    margin-left: -50px;
    z-index: 9999;
    text-align: center;
    display: none;
}

#mlogo {
    width:100%;
}
.ui-entity-b {
    margin-bottom: 10px;
}
.ui-entity-b button{
    margin-left: 5px;
	margin-top: 5px;
	width: 120px;
}
.Entity .ui-entity-a span{
    margin:0px 5px;
}
.ui-entity-a {
    color: var(--light);
    margin-left: 10px;
}
@media (min-width: 768px)
{
    .ui-entity-a {
    display: inline-block;
    width: 60%;
    }
    .ui-entity-b {
    display: inline-block;
    float: right;
    /* margin-right:20px; */
    }
    .ui-entity-c {
    display: inline-block;
    width: 45%;
    margin-right: 5%;
	vertical-align: top;
    }
    .ui-entity-b a{
    display:block;
    }
}


#container-jumbotron {
    position:relative;
    z-index:1001;
}
#nav-jumbotron {
    position:relative;
    z-index:1002;
}
#header-jumbotron {
    position:relative;
    z-index:1003;
}

.dragbox.box {
    height:100%;
    width:100%;
    position: relative;
}

.box-icon a.btn-refresh, .box-icon a.btn-attachment {
    color:#bbb;
}

.box-icon a.hideLink {
	display:none;
}

#searchDropdown {
    left:10px;
    right:10px;
}

@media (min-width: 768px)
{
	#searchDropdown {
    left:auto;
    right:auto;
}
}

.widget-img
{
    max-width: 50px;
    max-height: 50px;
}
.widget-imgEnlarge
{
    display:none;
}

/*--------------------------------------------------------------------------------------------------------------------------
	                          End :: Custom Portal Styling
-------------------------------------------------------------------------------------------------------------------------- */

/*--------------------------------------------------------------------------------------------------------------------------
	                          Start :: Tips & Approvals Page
-------------------------------------------------------------------------------------------------------------------------- */

.ui-grid-product
{
    overflow: hidden;
}

.ui-products-a, .ui-products-b, .ui-products-c
{
	width: 100%;
	float: left;
	min-width: 300px;
	display: inline-block;
}

@media (min-width:768px)
{
	.ui-products-a, .ui-products-b, .ui-products-c
	{
		width: 50%;
		float: left;
	}
}

@media (min-width:992px)
{
	.ui-products-a, .ui-products-b, .ui-products-c
	{
		width: 33.33%;
	}
}

.halflings
{
    padding: 0;
    top: -9px;
    left: -6px;
}

div.enlarge span
{
    position: absolute;
    left: -9999px;
    padding: 5px;
    background: white;
    width: 150px;
    height: 150px;
    -webkit-box-shadow: 0 0 20px rgba(0,0,0, .75));
    -moz-box-shadow: 0 0 20px rgba(0,0,0, .75);
    box-shadow: 0 0 20px rgba(0,0,0, .75);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}
div.enlarge li:hover
{
    z-index: 50;
    cursor: pointer;
}

div.enlarge li:hover .imgEnlarge
{
    top: 300px; /*the distance from the bottom of the thumbnail to the top of the popup image*/
    left: 100px; /*distance from the left of the thumbnail to the left of the popup image*/
}
/*--------------------------------------------------------------------------------------------------------------------------
	                          Start :: Editing Popup Box
--------------------------------------------------------------------------------------------------------------------------*/

.popover-content > input[type='text']
{
    font-size: 13px;
    line-height: 1.5;
    width: 220px;
    color: var(--light);
    background-color: var(--darker);
    background-image: none;
    /* border: 1px solid #ccc; */
    border-radius: 10px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.popover
{
    display: none;
    position: absolute;
    z-index: 1010;
    padding: 1px;
	width:80%;
    text-align: left;
    color: var(--light);
    background-color: var(--darker);
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
    white-space: normal;
}

.popover-title
{
    margin: 0;
    padding: 5px 14px;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    background-color: var(--darker);
    border-bottom: 1px solid var(--darkest);
    border-radius: 5px 5px 0 0;
}

.popover-content
{
    padding: 9px 14px;
}

table.table .btn
{
    margin: 1px 0;
}
.btn-primary
{
    color: #fff;
    background: #36a9e1;
    border-color: #357ebd;
}

.btn-default
{
	color: #FFF;
	background-color: #D9DBDB;
	border-color: #ccc;
}

.btn-default:hover
{
	color: #fff;
	background-color: #C7C9C9;
	border-color: #ccc;
}

.btn-sm, .btn-group-sm > .btn
{
    padding: 10px 12px;
    font-size: 12px;
    line-height: 1.5;
}

.editable-buttons
{
    display: inline-block;
    vertical-align: top;
    margin-left: 5px;
}

/*--------------------------------------------------------------------------------------------------------------------------
	                          End :: Editing Popup Box
-------------------------------------------------------------------------------------------------------------------------- */

.products
{
    background: #fff;
    border: solid 1px #dbdee0;
    margin-bottom: 10px;
    margin-left: 5px;
    margin-right: 5px;
    height: 100px;
}

.product-description, .product-alert
{
    margin: 0;
    font-size: 0.8em;
}

.edit-products
{
    color: #2498E4;
    float: left;
    cursor: pointer;
    margin-top: 5px;
    margin-bottom: 5px;
}

.product-checkbox
{
    float: right;
    height: 15px;
    width: 15px;
    margin-right: 5px;
    cursor: pointer;
}

.products-img
{
    float: left;
    margin: 10px;
    margin-bottom: 0px;
    width: 80px;
    height: 80px;
}
.products-head
{
    font-weight: bold;
    margin: 10px;
    font-size: 0.9em;
}

/*--------------------------------------------------------------------------------------------------------------------------
	                          End :: Tips & Approvals Page
-------------------------------------------------------------------------------------------------------------------------- */

/*--------------------------------------------------------------------------------------------------------------------------
	                          Start :: User List Page
-------------------------------------------------------------------------------------------------------------------------- */
input[type="checkbox"].box_margin  {
	margin-right:20px;
}

#userlist_table_container
{
    width: 75%;
}

#userlist_table
{
    width: 100%;
    margin: 0;
}

#user_list_wrapper
{
    border: 1px solid #dbdee0;
    border-top: 0;
	position:relative;
	top:0px;
	bottom:auto;
}

.user_list_wrapper
{
    padding: 5px;
    background: #fff;
    border: 1px solid #dbdee0;
    border-top: 0px;
}

.box_margin
{
    margin-right: 20px;
}

.user_list_header
{
    background-color: #f7f7f9;
    border: 1px solid #dbdee0;
    padding: 5px;
}

.user_list_block
{
    width: 20%;
    text-align: center;
    display: inline-block;
}

.user_menu
{
    margin-top: 3px;
    float: left;
    margin-left: 5px;
    cursor: pointer;
    color: #000;
}

.icon_style
{
    height: 25px; /*width: 65%;*/
    margin-left: 30%;
    padding-top: 4px;
    padding-left: 30px;
    float: left;
    color: black;
    cursor: pointer;
}

/*--------------------------------------------------------------------------------------------------------------------------
	                          Start :: User List icons
-------------------------------------------------------------------------------------------------------------------------- */

.add_page
{
    background: url(images/add_page.png) no-repeat; /*--    width: 55%;--*/
}

.modify_page
{
    background: url(images/modify_page.png) no-repeat;
}

.delete_page
{
    background: url(images/delete_page.png) no-repeat;
}

.filter_page
{
    background: url(images/filter_page.png) no-repeat; /*--width: 60%;--*/
}

.export_page
{
    background: url(images/export_page.png) no-repeat;
}
/*.add_width
{
    width: 75%;
}--*/

/*--------------------------------------------------------------------------------------------------------------------------
	                          End :: User List icons
-------------------------------------------------------------------------------------------------------------------------- */

/*--------------------------------------------------------------------------------------------------------------------------
	                          Start :: Secondary Header
-------------------------------------------------------------------------------------------------------------------------- */


.page_nav
{
    width: 60%;
    text-align: center;
    float: left;
    margin-top: 8px;
}

.user_list_secondheader
{
    background-color: #f7f7f9;
    border: 1px solid #dbdee0;
    border-top: 0px;
    overflow: auto;
    max-height: 590px;
}

.second_header_icons_first
{
    width: 15px;
    height: 15px;
    margin-left: 2%;
    float: left;
    cursor: pointer;
}

.second_header_icons
{
    float: left;
    margin-left: 10px;
    cursor: pointer;
}

.user_first
{
    background: url('../images/first.png') no-repeat;
    width: 15px;
    height: 15px;
}
.user_prev
{
    background: url(images/prev.png) no-repeat;
    width: 15px;
    height: 15px;
}

.user_next
{
    background: url(images/next.png) no-repeat;
    width: 15px;
    height: 15px;
}

.user_last
{
    background: url(images/last.png) no-repeat;
    width: 15px;
    height: 15px;
}

.user_play
{
    background: url(images/play.png) no-repeat;
    width: 15px;
    height: 15px;
    float: left;
    margin-top: 10px;
}


#page_list_nav
{
    float: left;
    margin: 0;
    margin-top: -1px;
    padding-left: 5px;
}

#page_list_nav li
{
    float: left;
    margin-left: 10px;
}

.page_indicate
{
    float: left;
    margin-left: 5%;
    margin-top: 5px;
}
.page_number
{
    float: left;
    margin-left: 5%;
    width: 12%;
}

.page_no
{
    width: 20px;
    min-height: 0px;
    height: 16px;
    resize: none;
    margin-left: 20px;
    margin-top: -30%;
    margin-bottom: 10%;
}

.play_btn
{
    margin-left: 10px;
    cursor: pointer;
}

/*--------------------------------------------------------------------------------------------------------------------------
	                          End :: Secondary Header
-------------------------------------------------------------------------------------------------------------------------- */

/*--------------------------------------------------------------------------------------------------------------------------
	                          End :: User List Page
-------------------------------------------------------------------------------------------------------------------------- */

/*--------------------------------------------------------------------------------------------------------------------------
	                          Start :: User Maintenance Page
-------------------------------------------------------------------------------------------------------------------------- */

.maintenance_central
{
    width: 100%;
    margin-top: 12px;
}

.maintenance_block
{
    width: 45%;
    float:left;
    margin: 0px 10px;
}

.user_maintenance_header
{
    background-color: #f2f2f2;
    border-bottom: 1px solid #dbdee0;
    padding: 5px;
    padding-bottom: 12px;
}

.user_maintenance_block
{
    width: 12%;
    text-align: center;
    display: inline-block;
}

.maintenance_icon_style
{
    height: 35px;
    width: 35px;
    margin-left: 22%;
    float: left;
    cursor: pointer;
}

.maintenance_user_menu
{
    margin-top: 5px;
    float: left;
    font-size: 0.9em;
    margin-left: 6px;
    color: #000;
    cursor: pointer;
}

.mainten_head
{
    padding: 3px;
    display:inline-block;
}

/* ===== == = === 56.25em (900px) === = == ===== */
@media only screen and (max-width : 56.25em)
{
    .maintenance_block
    {
        width: 100%;
    }
    #userlist_table_container
    {
        width: 100%;
    }
}

/* ===== == = === 37.5em (600px) === = == ===== */
@media only screen and (max-width: 37.5em)
{
    .user_list_block
    {
        width: 30%;
    }
    .icon_style
    {
        margin-left:5%;  
    }  
    
    .dynamicHTML tbody tr th .box_margin, .dynamicHTML tbody tr td .box_margin
    {
        margin:0px 5px 0px 5px;    
        } 
}  

/*--------------------------------------------------------------------------------------------------------------------------
	                          Start :: User Maintenance Header icons
-------------------------------------------------------------------------------------------------------------------------- */
.save_mainten
{
    background: url(images/save.png) no-repeat;
}

.save_exit_mainten
{
    background: url(images/save_exit.png) no-repeat;
}

.help_mainten
{
    background: url(images/help.png) no-repeat;
}

.exit_mainten
{
    background: url(images/exit.png) no-repeat;
}

/* ===== == = === 88.25em (1380px) === = == ===== */
@media only screen and (min-width : 88.25em) {
/*--user_maintenance--*/
.maintenance_icon_style {
margin-left: 15%;
}
/*--/user_maintenance--*/
}

/* ===== == = === 81.25em (1366px) === = == ===== */
@media only screen and (max-width: 85.375em){
/*--user_maintenance--*/
.page_nav_main {
width: 36%;
}
/*--/user_maintenance--*/
}
/* ===== == = === 81.25em (1300px) === = == ===== */
@media only screen and (max-width : 81.25em) {
/*--user_maintenance--*/
.user_maintenance_block {
width: 25%;
}
/*--/user_maintenance--*/
}

/* ===== == = === 68.75em (1100px) === = == ===== */
@media only screen and (max-width : 68.75em) {
/*--user_maintenance--*/
.user_main_block {
width: 30%;
}

.second_header_first_main {
margin-left: 5%;
}

.page_nav_main {
width: 42%;
}

.user_maintenance_block {
width: 20%;
}
/*--/user_maintenance--*/
}

/* ===== == = === 56.25em (900px) === = == ===== */
@media only screen and (max-width : 56.25em) {
/*--user_maintenance--*/
.maintenance_block{
width:100%;
}

.user_maintenance_block {
width: 25%;
}
/*--/user_maintenance--*/
}

/* ===== == = === 37.5em (600px) === = == ===== */
@media only screen and (max-width: 37.5em) {
/*--user_maintenance--*/
.maintenance_block {
margin:0px;
margin-bottom: 10px;
}
/*--/user_maintenance--*/
}

/* ===== == = === 30em (480px) === = == ===== */
@media only screen and (max-width : 30em) {
/*--user_maintenance--*/
.maintenance_icon_style {
margin-left: 0%;
}
.maintenance_user_menu {
margin-left: 0px;
}
/*--/user_maintenance--*/
}

/* ===== == = === 22.50em (360px) === = == ===== */
@media only screen and (max-width : 22.50em) {
/*--user_maintenance--*/
#btn-align{
margin-left:-8px;
}

.maintenance_user_menu {
margin-left: 10px;
}

.maintenance_icon_style {
margin-right: 5%;
margin-left: 10%;
}

.user_main_block {
width: 32%;
}
/*--/user_maintenance--*/
}

/* ===== == = === 20em (320px) === = == ===== */
@media only screen and (max-width : 20em) {
/*--user_maintenance--*/
.maintenance_user_menu {
margin-left: 8px;
}
.user_main_block {
width: 40%;
}
}
/*--------------------------------------------------------------------------------------------------------------------------
	                          End :: User Maintenance Header icons
-------------------------------------------------------------------------------------------------------------------------- */

.user_maintenance_wrapper
{
    padding: 5px;
    background: #fff;
    border: 1px solid #dbdee0;
    font-size: 0.8em;
}
/*--------------------------------------------------------------------------------------------------------------------------
	                         Start:: User Maintenance Table
-------------------------------------------------------------------------------------------------------------------------- */

.maintenance_table
{
    margin: 8px;
    width: 100%;
}

.maintenance_table tr td
{
    color: #333;
    padding: 8px 10px;
    vertical-align: top;
    border: none;
}

.font_em
{
    font-size: 0.8em;
}

.first_last_name
{
    border: 1px solid #D2D2D2;
    width: 35%;
    height: 20px;
}

.middle_name
{
    border: 1px solid #D2D2D2;
    width: 20%;
    height: 20px;
}

.common_text
{
    border: 1px solid #D2D2D2;
    width: 65%;
    height: 20px;
}

.option_text
{
    border: 1px solid #D2D2D2;
    width: 65%;
    height: 25px;
}

.work_extn
{
    border: 1px solid #D2D2D2;
    height: 20px;
    margin-left: 3px;
    width: 15%;
}

.maintenance_table_block
{
    width: 100%;
    padding: 5px;
    font-size: 0.8em;
    margin-bottom: 10px;
}

.maintenance_table_block tbody tr th
{
    color: #333;
    padding: 9px 10px;
    vertical-align: top;
    border: none;
    border-bottom: 1px solid #e9ebec;
}

.maintenance_table_block tbody tr td
{
    color: #333;
    padding: 9px 10px;
    vertical-align: top;
    border: none;
    border-bottom: 1px solid #e9ebec;
    text-decoration: underline !important;
}

.maintenance_table_block tbody tr .checkbox_width
{
    width: 10%;
}
/*--------------------------------------------------------------------------------------------------------------------------
	                         End:: User Maintenance Table
-------------------------------------------------------------------------------------------------------------------------- */

/*--------------------------------------------------------------------------------------------------------------------------
	                        Start:: Block 2: Secondary header
-------------------------------------------------------------------------------------------------------------------------- */
.user_main_block
{
    width: 20%;
    text-align: center;
    display: inline-block;
}

.second_header_first_main
{
    margin-left: 10%;
    float: left;
    cursor: pointer;
}

.page_nav_main
{
    width: 25%;
    text-align: center;
    float: left;
    margin-top: 8px;
}

.page_no_main
{
    width: 20px;
    min-height: 0px;
    height: 20px;
    resize: none;
    margin-top: 4px;
    margin-left: 10px;
    margin-bottom: 5px;
}

.icon_style_main
{
    height: 25px; /*width: 90%;*/
    padding-left: 30px; /*added styling*/
    padding-top: 4px;
    margin-left: 20%;
    float: left;
    cursor: pointer;
}

/*--------------------------------------------------------------------------------------------------------------------------
	                        End:: Block 2: Secondary header
-------------------------------------------------------------------------------------------------------------------------- */

/*--------------------------------------------------------------------------------------------------------------------------
	                          End :: User Maintenance Page
-------------------------------------------------------------------------------------------------------------------------- */


/*--------------------------------------------------------------------------------------------------------------------------
	                          Start:: Total Days of Care Page
-------------------------------------------------------------------------------------------------------------------------- */

.tdoc_btn
{
    background-color: #36a9e1;
    padding: 5px 15px;
    float: right;
    font-size: 0.8em;
    color: #fff;
}

.tdoc_btn:hover
{
    background-color: #2899d0;
}

.delete_btn:hover
{
    background-color: #e44d4d;
}

.tdoc_input
{
    border: 1px solid #D2D2D2;
    height: 25px;
    margin-top: 3px;
}

.tdoc_days
{
    width: 80%;
    border: 1px solid #D2D2D2;
    height: 25px;
    margin-top: 3px;
}

.edit_tdoc
{
    width: 60%;
    background-color: #fff;
    border: 1px solid #dbdee0;
    border-radius: 6px;
    font-size: 0.8em;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
}

.tdoc_cont
{
    margin-top: 5px;
    display: inline-block;
}

.tdoc_btnalign
{
    padding: 0px 0px 10px 20px;
}

.tdoc_form
{
    display: inline-block;
}

#days
{
    float: left;
}

#days_popover
{
    left: 15%;
}

.reported_date
{
    padding: 10px 20px;
}

/*--------------------------------------------------------------------------------------------------------------------------
	                          End:: Total Days of Care Page
-------------------------------------------------------------------------------------------------------------------------- */

/* New Mike Stuff */
li.gs-w.expandedList {
    height:auto;
}
li.gs-w.expandedList div.panel-table {
    position:relative;
    overflow-y:auto;
	top: 0px;
}

.dataTables_wrapper {
    width: 100%;
    margin: auto;
}

.dataTables_wrapper .row, .row.no-margin {
    margin-left:0px;
    margin-right:0px;
}

[data-hidemobile="hide"] {
    display:none;
}

@media (min-width: 768px) {
    [data-hidemobile="hide"] {
        display:table-cell;
    }
}

#searchDropdown.dropdown-menu > li > a {
	white-space:normal;
}

.Entity-Ribbon .ribbon {
	border-radius:2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
}

#tdoc-panel {
	width:100%;
	display:inline-block;
	float:left;
}

@media (min-width: 768px) {
    #tdoc-panel {
		width:600px;
		display:inline-block;
		float:left;
	}
}

#tdoc-edit-panel .panel-heading {
	height: 44px;
}
#tdoc-edit-panel .panel-body {
	border:1px solid #dbdee0;
	border-top:0px;
}

#tdoc_popup {
	width: 400px;
	float: left;
	margin: 0px 15px;
}

#approval_list_wrapper, .user_list_wrapper {
	overflow-x: auto;
}

span.pad-left {
	padding-left: 10px;
}

a.btn.btn-primary.user-list-button span {
	display:none;
}

@media (min-width:768px)
{
	a.btn.btn-primary.user-list-button span {
		display:inline-block;
	}
	a.btn.btn-primary.user-list-button {
		width: 100px;
	}
}

/* End mike new stuff */


/*--------------------------------------------------------------------------------------------------------------------------
	                          Start:: UI Changes
-------------------------------------------------------------------------------------------------------------------------- */

/* Quick color ref.
	
	      default text color: #4a535a (medium blue grey)
	   light grey text color: #999999
	hospice cloud light blue: #a6bac8 
	 hospice cloud dark blue: #5e7e94
	          hyperlink blue: #347ab6
		hyperlink hover blue: #007aff
			grey shape color: #cccccc
	  light grey shape color: #f8f8f8
	       hospice cloud red: #d9272d
*/


/* body and basic structure styles */
/* @import url(http://fonts.googleapis.com/css?family=Roboto); */

@media (min-width: 1600px) {
  /* .container {
    width: 1280px;
  } */
}

body {
	font-family:"Roboto", Helvetica, Arial, san-serif;
	font-weight:400;
	font-size:14px;
	color:#4a535a;
	line-height:1.5;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	/*-webkit-text-stroke: 0.25px;*/
    text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
	min-width:320px;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	font-family:"Roboto", Helvetica, Arial, san-serif;
}
a {
    color: var(--red);
    text-decoration: none;
	transition:color .125s ease;
}
a:hover, a:focus {
    color: var(--light);
    text-decoration: none;	
}
.btn-link:hover, .btn-link:focus {
    background-color: transparent;
    color: #007aff;
    text-decoration: none;
	transition:color .125s ease;
}
.form-control:focus {
	box-shadow:none;
}
p , .jumbotron p{
	color:#4a535a;
	font-size:14px;
	font-weight:400;
	line-height:1.5;
	margin-bottom:12px;
}

/* structure padding and spacing for mobile, tablet(soon) and full screen */ 
.jumbotron {
	padding:10px 0 0 0;
}
.container {
	padding:0 10px;
}
.row {
	margin-left:-10px;
	margin-right:-10px;
}
.row.static {
	margin-left:0px;
	margin-right:0px;
}
.panel-body {
    padding: 0;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
	padding-left:10px;
	padding-right:10px;
}
	/* tablet or larger */
@media (min-width: 768px) {
	.jumbotron {
		padding:10px 15px 0 15px;
	}
	#weblogo {
    padding-top: 5px;
}
	.container {
		padding:0 15px;
	}
}
/************************************/
/* HEADER AREA                      */
/************************************/

/* logo responsive sizing */
#mlogo {
	max-width:247px; 
	max-height:55px;
}
@media (min-width: 768px) {
	#mlogo {
		max-width:300px; 
		max-height:67px;
	}
}


/* changes to header */ 
#websearch {margin:5px 0px;}
#websearch input:hover, .loginwrapper input:hover{ 
	border-color:#007aff;
	transition:border-color .125s ease;
}
#newPatientDiv {margin:5px 0px; }

#searchbox.form-control, .loginwrapper .form-control{
	border:3px solid #5e7e94;
	height:36px;
	font-size:14px;
	padding:6px;
	float:left;
}

/* new patient button styles */
.newpatient, .loginbottombox .btn  {
    display:block;
	width: 100%;
	color:#fff;
	background-color:#347ab6;
	font-size:14px;
	font-weight:500;
	text-transform:uppercase;
	padding:10px;
	line-height:16px;
	letter-spacing:0px;
	border-radius:4px; 
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	transition:background-color .125s ease;
}
.newpatient:hover, .newpatient:focus , .loginbottombox .btn:hover, .loginbottombox .btn:focus {
	color:#fff;
	background-color:#007aff;
	transition:background-color .125s ease;
}

@media (min-width: 768px) {
    #websearch {
        margin:20px 0px;
    }
    #newPatientDiv {
        margin:20px 0px;
    }
}

/*username nav area*/
.dropdown {
	display:inline-block;
}

#userclickLnk, #historyclickLnk, #logoutClickLink {
	margin:14px 0 4px 0;
}
#userclickLnk.btn, #historyclickLnk.btn, #logoutClickLink.btn{
	padding:0;
}

#userclickLnk  .fa-user , #historyclickLnk .fa-clock-o, #logoutClickLink.fa-power-off{
	font-size:21px;
	margin-right:4px;
}
#userclickLnk  .fa-caret-down, #historyclickLnk .fa-caret-down {
	margin-bottom:0px;
}
@media (min-width: 768px) {
	#userclickLnk, #historyclickLnk, #logoutClickLink {
		margin:20px 0 7px 0;
	}
	#userclickLnk  .fa-user, #historyclickLnk .fa-clock-o, #logoutClickLink.fa-power-off {
		font-size:28px;
		margin-right:10px;
		line-height:28px;
	}
	#userclickLnk  .fa-caret-down, #historyclickLnk .fa-caret-down {
		margin-bottom:0px;
	} 
 }
 
/************************************/
/* MAIN NAVIGATION                  */
/************************************/

/* Main nav changes */
.jumbotron.no-pad {
	padding:0;
}

#main-navbar .navbar-collapse {
	padding:0;
	margin:0;
}
.navbar-nav {
    margin: 5px 0px;
}
.navbar-nav > li { font-size:18px;}

.nav > li > a {
	padding:5px;
	margin-right:30px;
}
.navbar-nav > li.current a{
	font-weight: 700;
	color: #5e7e94;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
color: #007aff;
background-color: transparent;
}
.dropdown-menu > li > a {
	color:#347ab6;
	font-size:16px;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus{
	color:#007aff;
	background-color:transparent;
}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
	color:#007aff;
	background-color: transparent;
	border-color:none;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
color: #5e7e94;
font-weight:500;
}

/* Mobile Nav bar changes */
.navbar-collapse {
    border-top: 0px;
    overflow-x: visible;
    padding-left: 0px;
    padding-right: 0px;
}
.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
	margin:0;
}
.navbar-toggle {
    background-color: transparent;
    background-image: none;
    border: 0px solid transparent;
    border-radius: 4px;
    float: right;
    margin-bottom: 8px;
    margin-right: -15px;
    margin-top: 0px;
    padding: 9px 10px;
    position: relative;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #347ab6;
}
.navbar-toggle .icon-bar {
    border-radius: 1px;
    display: block;
    height: 3px;
    width: 22px;
}
.navbar-brand {
    float: left;
    font-size: 18px;
    height: auto;
    line-height: 18px;
    padding: 10px;
	margin:0;
}
.navbar-default .navbar-brand {
    color: #4a535a;
	margin-left:-15px;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: #fff;
}
.navbar-default .navbar-toggle:hover .icon-bar, .navbar-default .navbar-toggle:focus .icon-bar {
    background-color: #007aff;
	color:#000;
}
#main-navbar .container-fluid {
	border-bottom:2px solid #a6bac8;
}
@media (min-width: 768px) {
	#main-navbar .container-fluid {
		border-bottom:0;
		padding:0;
	}
}

/************************************/
/* ENTITY WIDGET AREAS              */
/************************************/

/* Entity / page title area */
.Entity .ui-entity-a span{
    margin:0px;
}

.Entity.bg-primary {
	background:none;
	margin-bottom:20px;
}
.ui-entity h1 {
	margin:0;
	font-size:24px;
	font-weight:400;
	color:#5e7e94;
	line-height:1.5;
	}
.ui-entity h2 {
	margin:0 0 6px 0;
	padding:0!important;
	background:none;
	border:0;
	font-size:18px;
	font-weight:400;
	color:#a6bac8;
	line-height:1.5;
}
.ui-entity h3 {
	font-weight:500;
	font-size:14px;
	color:#4a535a;
	margin:0 0 6px 0;
}
.ui-entity h4 {
	font-weight:400;
	font-size:14px;
	color:#4a535a;
	line-height:1.4;
	padding:0;
	margin:0 0 6px 0;
}
@media (min-width: 768px) {
	.ui-entity h1 {
		font-size:42px;
		line-height:1.5;
		}
	.ui-entity h2 {
		margin:0 0 6px 0;
		font-size:28px;
		font-weight:400;
		color:#a6bac8;

	}
	.ui-entity h3 {
		font-size:16px;
		color:#4a535a;
		margin:0 0 12px 0;
	}
	.ui-entity h4 {
		font-size:16px;
		color:#4a535a;
		line-height:1.4;
		margin:0 0 12px 0;
	}
}

/* blue button styles */
.box .button-body {
    background-color:transparent;
    border-radius:0;
    cursor:default;
    display: inline-block;
    font:inherit;
    height: 100%;
    outline:none;
    overflow: inherit;
    position: absolute;
    text-align: center;
    text-decoration: none;
    vertical-align: baseline;
    width: 100%;
}
.box .button-body:hover {
    background-color: transparent;
    text-decoration: none;
	cursor:normal;
}
.box .button-body h3 {
	color:#fff;
	background-color:#347ab6;
	font-size:14px;
	font-weight:500;
	text-transform:normal;
	margin:0;
	padding:10px;
	line-height:inherit;
	border-radius:2px; 
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	transition:background-color .125s ease;
}

.box .button-body  .block-title {
	font-size:14px;
	font-weight:500;
	text-transform:uppercase;
	padding:0;
	margin:0;
}
.box .button-body h3:hover, .box .button-body h3:focus {
	color:#fff;
	background-color:#007aff;
	cursor:pointer;
	transition:background-color .125s ease;
}

/* Entity Header area changes */
.gridster .gs-w {
    padding: 0px;
}
.panel-primary > .panel-heading {
	color: #5e7e94;
	border-bottom: 2px solid #a6bac8;
	padding:5px;
	height:auto;
	overflow:auto;
}
.heading-fixed {
    height:auto;
}
.panel-title {
	color: #5e7e94;
	font-size:14px;
	text-transform:uppercase;
	line-height:1.5;
}

@media (min-width: 768px) {
	.gridster .gs-w {
		padding: 5px;
	}
	.panel-primary > .panel-heading {
		padding:8px;
	}
	.heading-fixed {
		height: 39px;
	}
	.panel-title {
		font-size:18px;
	}
	.box-icon {
		margin-top: 3px;
	}
}

.panel {
	box-shadow:none;
}

.box-icon a {
	color: #ccc;
	transition:color .125s ease;
}

.box-icon a :hover, .box-icon a:focus {
	color: #007aff;
	cursor:pointer;
	transition:color .125s ease;
}

/* Panel-table css adjustments */

.table-responsive {
    border: 0px solid #ddd;
    margin-bottom: 15px;
    overflow-y: hidden;
    width: 100%;
}
.panel-table .table th {
    text-transform: uppercase;
	border-bottom:1px solid #ccc;
	font-size:10px;
	padding:6px;
}
.widget-img {
	width:50px;
	height:50px;
	padding:0px;
	max-height:70px;
	max-width:70px;
}
.tableCellHeader {
    display:list-item;
	font-size:14px;
	word-break:break-all;
}
.tableCellSubHeader {
    font-size:12px;
	word-break:break-all;
}
.panel-table .table {
		vertical-align:top;
	}
.panel-table .table th {
	text-transform:uppercase;
}
.panel-table .table td {
	vertical-align: baseline;
	padding: 8px;
    min-width: 100px;
}
@media (min-width: 768px) {
	.panel-table .table th {
		/* border-bottom:1px solid #ccc; */
		border-bottom: none;
		font-size:12px;
		padding: 8px;
	}
	.widget-img {
		height: 70px;
		width: 70px;
	}
	.tableCellHeader {
		display:list-item;
		font-size:18px;
	}
	.tableCellSubHeader {
		font-size:14px;
	}
	.panel-table .table td {
		padding:8px;
	}
}

/************************************/
/* DASHBOARD AREAS                  */
/************************************/

/* dashboard number widget entity */
.dash-num-entity {
    font-size: 18px;
    text-align: center;
	height:auto;
	overflow:auto;
}
.bottom {
    font-size: 12px;
    text-align: left;
}
.dash-num-entity  .block-title {
	font-size:18px;
	font-weight:500;
	text-transform:uppercase;
	text-align:left;
	padding:10px;
} 
.number-text {
    display: block;
    height: auto;
    position: relative;
    width: 100%;
}
.dash-num-entity .count-content {
	border-right:2px solid #A6BAC8;
	background-color:#5E7E94;
	width:188px;
	border-top-left-radius:2px;
	border-bottom-left-radius:2px;
	height:65px;
    margin: 0;
	padding:10px;
    position:inherit;
	float:left;
}
.number-text h1 {
	font-size:36px;
	color:#fff;
	font-weight:700;
    text-align: center;
    display: block;
    vertical-align: middle;
	margin:0;
	padding:0;
}
.dash-num-entity .link  a{
	background:#347AB6;
	float:left;
	width:90px;
	height:65px;
	font-size:14px;
	padding:10px;
	color:#fff;
	border-top-right-radius:2px;
	border-bottom-right-radius:2px;
	vertical-align:middle;
	transition:background-color .125s ease;
	text-transform:uppercase;
}
.dash-num-entity .link  a:hover {
	color:#f8f8f8;
	background: #007aff;
}

#9775e9da9990451b961f941442cdfbba table th:first-child {
    width:60px;
}

/************************************/
/* DECISION TREE POPUP STYLE AREAS  */
/************************************/
.ui-widget {
    font-family: inherit;
    font-size: inherit;
}
div.ui-dialog.ui-widget {
	border:0;
	border-radius:2px;
	box-shadow:0 0 5px #444;
	padding:0px;
}
div.ui-dialog-titlebar.ui-widget-header, div.MainDecisionTree div.ui-dialog-titlebar.ui-widget-header {
    background:transparent;
	border:0;
    border-bottom:2px solid #A6BAC8;
    color: #5E7E94;
    font-weight:500;
	padding:5px 10px;
	font-size:18px;
	text-transform:uppercase;
}
div.ui-dialog-titlebar.ui-widget-header  .box-icon{
	margin:0;
}
.ui-dialog .ui-dialog-title {
    float: left;
    margin: 0;
	padding:0;
}
.ui-dialog .ui-dialog-content {
    background:transparent;
    border: 0 none;
    overflow: auto;
    padding:20px 10px;
    position: relative;
	color:#4a535a;
	height: auto !important;
}
.ui-dialog .ui-dialog-buttonpane {
    background-image: none;
    border:none;
    margin:0;
    padding:5px 10px;
    text-align: left;
}
.MainDecisionTree > div.ui-dialog-buttonpane {
	position:absolute;
	bottom:0px;
	right:0px;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, span.qtyButton {
    background-color: #347ab6;
    border: 0 none;
    border-radius: 2px;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0px;
    line-height:auto;
    text-transform: uppercase;
    transition: background-color 0.125s ease 0s;
	padding:0;
	margin:0;
}
.ui-button .ui-button-text {
    line-height: inherit;
	padding:10px 15px;
}

*:before, *:after {
    box-sizing: border-box;
}
.ui-helper-clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
*:before, *:after {
    box-sizing: border-box;
}

.ui-dialog-titlebar-close {
    display:none;
}

table .hiddenColumn {
	display:none;
}

/************************************/
/* LOGIN PAGE STYLES                */
/************************************/
.loginwrapper {
    margin: 0 auto;
    width: 100%;
    max-width: 600px;
    position: relative;
    top: 0px;
    z-index: 1000;
	left:0;
}
@media (min-width: 768px)
    {
        .loginwrapper {
            top: 60px;
        }
    }
.loginlogo {
    margin:0px auto;
    max-width: 580px;
    padding:20px 20px 0 0px;
}
.loginwrapper .panel {
	max-width:440px;
	margin:20px auto 40px auto;
	border:0;
	padding:0 20px;
	background:transparent;
	
}
.loginwrapper .panel-heading {
	display:none;
}
.loginwrapper .form-control {
    border: 3px solid #5e7e94;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    /* color: #555; */
    display: block;
    font-size: 18px;
    height: auto;
    line-height: 1.42857;
    padding: 4px 10px;
    width: 100%;
	margin-bottom:20px;
}
.loginbtnpass #forgot_password {
    display: block;
    float: left;
	width:100%;
	text-align:center;
	position:relative;
	top:50px;
}
.loginbottombox .btn {
		padding:10px 30px;
		position:relative;
		top:-20px;
	}
@media (min-width: 768px) {
	.loginbottombox .btn {
		width:auto;
		float:right;
		top:0;
	}
	.loginbtnpass #forgot_password {
		display: block;
		float: left;
		margin:10px 15px;
		width:auto;
		top:0;
	}
}
.sublogo  {
padding:10px;
}
.sublogo img {
	max-width:100px;
}

.btn-primary {
    background: #347AB6;
    border:0;
    color: #fff;
}

/************************************/
/* ORDER SCREEN STYLE               */
/************************************/
#DTreeScrollerTable_wrapper .col-sm-12 {
	padding:0;
}
/* quantity area */ 
span.qtyButton  {
	font-weight:700;
	padding:3px 6px;
	cursor:pointer;
	font-size:85%;
}
input.DTreeQtyControlText, .DTreeQtyControlWrapper input[type="text"]:disabled{
    width:30px;
	font-size:12px;
}
.qtyButton.qtyplus{
   border: 0 solid red;
    display: inline-block;
    max-width: 22px;
    padding: 4px 8px 3px 6px;
	margin-top:-1px;
	overflow:hidden;
	vertical-align:middle;
}
.qtyButton.qtyplus i {
	padding-right:5px;
}

@media (min-width: 768px) {
	input.DTreeQtyControlText, .DTreeQtyControlWrapper input[type="text"]:disabled {
		width:40px;
		font-size:18px;
	}
	span.qtyButton  {
		font-size:100%;
		padding:5px 8px;
	}
	.qtyButton.qtyplus{
    max-width: 60px;
    padding: inherit;
	margin-top:-3px;
	}
	.qtyButton.qtyplus i {
		padding-right:2px;
	}
}

 /* table search area */
.dataTables_filter .form-control {
	width:auto;
}

#DTreeScrollerTable_wrapper  .row {
	border-bottom:1px solid #ccc;
}
#DTreeScrollerTable.table.dataTable {
	margin:0!important;
}
.dataTables_filter {
	text-align:right;
	margin:8px 0;
	font-family:"Roboto",Helvetica,Arial,san-serif;
}
div.dataTables_filter label {
	margin-bottom:0;
    font-weight: 500;
    text-align: left;
    color: var(--dark-mid);
}
.dataTables_filter  .form-control {
	border:3px solid #ccc;
	height:auto;
}
.dataTables_filter  .form-control:hover {
	border-color:#007AFF;
}

div.dataTables_paginate ul.pagination {
	margin:8px 0px;
}

div.dataTables_info {
	line-height: 34px;
	vertical-align: middle;
	margin: 8px 0px;
	padding:0px;
    color: var(--light);
}

.ui-widget { font-family: "Roboto",Helvetica,Arial,san-serif; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
    font-family: "Roboto",Helvetica,Arial,san-serif;
    font-size: inherit;
}
/* table cell formatting, mobile widths */
#DTreeCartTable td {
	min-height:70px;
	height:auto;
}
/* col 1 */
#DTreeCartTable td:first-child , #DTreeCartTable th:first-child , #DTreeScrollerTable th:first-child, #DTreeScrollerTable td:first-child  {
	/*border:1px solid red;*/
	max-width:90px;
	width:90px;
}
	#DTreeCartTable .tableCellSubHeader , #DTreeCartTable .tableCellSubHeader {
		display:none;
	}

/* col 2*/
#DTreeCartTable td:nth-child(2), #DTreeCartTable th:nth-child(2), #DTreeScrollerTable th:nth-child(2), #DTreeScrollerTable td:nth-child(2)   {
	/*border:1px solid green;*/
	max-width:200px;
}
/* col 3 */
#DTreeCartTable td:nth-child(3), #DTreeCartTable th:nth-child(3), #DTreeScrollerTable th:nth-child(3), #DTreeScrollerTable td:nth-child(3) {
	/*border:1px solid blue;*/
	max-width:200px;
}

/* col 4 */
#DTreeCartTable td:nth-child(4), #DTreeCartTable th:nth-child(4), #DTreeScrollerTable th:nth-child(4), #DTreeScrollerTable td:nth-child(4)  {
	/*border:1px solid orange;*/
	max-width:90px;
	min-width:50px;
}
/* col 5 */
#DTreeCartTable td:last-child, #DTreeCartTable th:last-child , #DTreeScrollerTable th:last-child , #DTreeScrollerTable td:last-child {
	/*border:1px solid yellow;*/
	max-width:90px;
	text-align:left;
	min-width:70px;
}

#DTreeCartTable td:nth-child(3) b, #DTreeScrollerTable td:nth-child(3) b , #DTreeCartTable td:nth-child(4) b, #DTreeScrollerTable td:nth-child(4) b {
	font-weight:500;
}
#DTreeCartTable td:nth-child(3), #DTreeScrollerTable td:nth-child(3) , #DTreeCartTable td:nth-child(4), #DTreeScrollerTable td:nth-child(4), #DTreeCartTable td:nth-child(2), #DTreeScrollerTable td:nth-child(2), 	#DTreeCartTable .tableCellHeader , #DTreeCartTable .tableCellHeader {
	font-size:12px;
}
/* order screen full size responsive changes */
@media (min-width: 768px) {
	#DTreeCartTable .tableCellSubHeader , #DTreeCartTable .tableCellSubHeader {
	display:block;
}
	#DTreeCartTable .tableCellHeader , #DTreeCartTable .tableCellHeader  {
		font-size:18px;
	}
	#DTreeCartTable td:nth-child(3), #DTreeScrollerTable td:nth-child(3) , #DTreeCartTable td:nth-child(4), #DTreeScrollerTable td:nth-child(4) {
		font-size:14px;
	}
	#DTreeCartTable td:first-child , #DTreeCartTable th:first-child , #DTreeScrollerTable th:first-child, #DTreeScrollerTable td:first-child  {
		display:table-cell;
	}
	/* col 5 */
	#DTreeCartTable td:last-child, #DTreeCartTable th:last-child , #DTreeScrollerTable th:last-child , #DTreeScrollerTable td:last-child {
		min-width:150px;
		max-width:120px;
	}
}

@media (min-width: 992px)
{
	/* col 2*/
	#DTreeCartTable td:nth-child(2), #DTreeCartTable th:nth-child(2), #DTreeScrollerTable th:nth-child(2), #DTreeScrollerTable td:nth-child(2)   {
		max-width:none;
	}
}
/*******************************************/
/* DECISION TREE INPUT / QUESTION STYLES  */
/*****************************************/
.vsi-page-wizard.ui-dialog-content.ui-widget-content {
	top:38px;
}
.ui-dialog-content .ui-entity {
	padding:0 10px 20px 0;
}
.ui-button-text .fa-chevron-right {
	padding-left:6px;
}
.ui-button-text .fa-chevron-left {
	padding-right:6px;
}
.DTreeQuestionText p {
		font-size:16px;
	}
.Question ul {
	padding:0px;
}
.Question input {
	cursor:pointer;
	font-size:14px;
	margin-bottom:10px;
}
.Question textarea, .Question text, input[type="text"]   {
    cursor:text;
}
.Question label, #continue label {
	cursor:pointer;
	font-weight:normal;
	padding-left:3px;
	font-size:16px;
	margin-bottom:15px;
}
.Question label:hover, #continue label:hover {
	color:#007AFF;
}
.DTreeQuestionText {
	padding-bottom:10px;
	font-size:14px;
}
@media (min-width: 768px) {
	.DTreeQuestionText {
		font-size:18px;
	}
	.ui-dialog .ui-dialog-content {
		padding:20px 30px;
	}
}
.DTreeWizardQuestionTextAreaBox {
	min-width:280px;
	min-height:140px;
}

.form-group.payleaprow {
	width:100%;
}

/* For profile popup */

#ProfileDialog {
	position: absolute;
	width: 90%;
	margin-left: 5%;
	border: 1px solid;
	padding: 10px;
	top: 10px;
	z-index: 10001;
	display:none;
	margin-top:40px;
}

#ProfileDialogOverlay {
	display:none;
	background: #000000;
	opacity: .6;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	bottom: 0;
	z-index: 10000;
}

#ProfileDialog .checkbox_width {
	width:10%;
}

#profileNotificationBody>table tr td:first-child {
	text-align:center;
}

.row-margin {
	margin-bottom: 10px;
}

.col-xs-margin {
	margin-bottom: 10px;
}

@media only screen and (min-width: 768px)
{
	.col-xs-margin {
		margin-bottom: 0px;
	}
	#ProfileDialog {
		width:40%;
		margin-left:30%;
	}
}

.dataTables_filter.text-left {
	text-align:left;
}

.dataTables_filter label {
	margin-right: 5px;
}

/* Tooltip styles */
div.tooltip {
	display:none;
}
.tooltip-toggle:hover + div.tooltip {
	opacity:1;
	display:block
}
.tooltip {
	transition:opacity .25s;
}
.tooltip-inner {
	background-color:#ccc;
}
.profile-tooltip {
	top:-5px;
	left:110px;
}
.history-tooltip {
	top:-5px;
	left:-10px;
}
.logout-tooltip {
	top:-5px;
	left:160px;
}
.attach-tooltip {
	top:5px;
	right:30px;
}

/*--------------------------------------------------------------------------------------------------------------------------
	                          End:: UI Changes
-------------------------------------------------------------------------------------------------------------------------- */