/* Common background colors */
[class*='-bg']{
	--color: 255,255,255;
	--alpha: 1;
	background-color: rgba(var(--color),var(--alpha)) !important;
}
.black-bg,.black-gradient,.wave-black .wave{--color: 0,0,0}
.white-bg,.white-gradient,.wave-white .wave{--color: 255,255,255}
.transparent-bg{background-color: transparent !important;}
.grey-bg,.grey-gradient,.wave-grey .wave{--color: 158,158,158}
.grey-bg.lighter-1,.grey-gradient.lighter-1,.wave-grey.lighter-1 .wave{--color: 189,189,189}
.grey-bg.lighter-2,.grey-gradient.lighter-2,.wave-grey.lighter-2 .wave{--color: 224,224,224}
.grey-bg.lighter-3,.grey-gradient.lighter-3,.wave-grey.lighter-3 .wave{--color: 238,238,238}
.grey-bg.lighter-4,.grey-gradient.lighter-4,.wave-grey.lighter-4 .wave{--color: 245,245,245}
.grey-bg.lighter-5,.grey-gradient.lighter-5,.wave-grey.lighter-5 .wave{--color: 250,250,250}
.grey-bg.darker-1,.grey-gradient.darker-1,.wave-grey.darker-1 .wave{--color: 117,117,117}
.grey-bg.darker-2,.grey-gradient.darker-2,.wave-grey.darker-2 .wave{--color: 97,97,97}
.grey-bg.darker-3,.grey-gradient.darker-3,.wave-grey.darker-3 .wave{--color: 66,66,66}
.grey-bg.darker-4,.grey-gradient.darker-4,.wave-grey.darker-4 .wave{--color: 33,33,33}

.bg-alpha-2{--alpha: 0.2}
.bg-alpha-4{--alpha: 0.4}
.bg-alpha-6{--alpha: 0.6}
.bg-alpha-8{--alpha: 0.8}
.bg-alpha-8-5{--alpha: 0.85}

/* Common text colors */
[class*='-text']{
	--textcolor:inherit ;
	--textalpha: 1;
	color: rgba(var(--textcolor),var(--textalpha)) !important;
}
.black-text{--textcolor: 0,0,0}
.white-text,.white-text-hover:hover{--textcolor: 255,255,255}
.transparent-text{color: transparent !important}
.grey-text{--textcolor: 158,158,158}
.grey-text.text-lighter-1{--textcolor: 189,189,189}
.grey-text.text-lighter-2{--textcolor: 224,224,224}
.grey-text.text-lighter-3{--textcolor: 238,238,238}
.grey-text.text-lighter-4{--textcolor: 245,245,245}
.grey-text.text-lighter-5{--textcolor: 250,250,250}
.grey-text.text-darker-1{--textcolor: 117,117,117}
.grey-text.text-darker-2{--textcolor: 97,97,97}
.grey-text.text-darker-3{--textcolor: 66,66,66}
.grey-text.text-darker-4{--textcolor: 33,33,33}

.text-alpha-2{--textalpha: 0.2}
.text-alpha-4{--textalpha: 0.4}
.text-alpha-6{--textalpha: 0.6}
.text-alpha-8{--textalpha: 0.8}

/* Common border colors */
[class*=-border]{
	--bordercolor: 0,0,0;
	--borderalpha: 1;
	border-color: rgba(var(--bordercolor),var(--borderalpha)) !important;
}
.black-border{--bordercolor: 0,0,0}
.white-border{--bordercolor: 255,255,255}
.transparent-border{border-color:transparent !important}
.grey-border{--bordercolor: 158,158,158}
.grey-border.border-lighter-1{--bordercolor: 189,189,189}
.grey-border.border-lighter-2{--bordercolor: 224,224,224}
.grey-border.border-lighter-3{--bordercolor: 238,238,238}
.grey-border.border-lighter-4{--bordercolor: 245,245,245}
.grey-border.border-lighter-5{--bordercolor: 250,250,250}
.grey-border.border-darker-1{--bordercolor: 117,117,117}
.grey-border.border-darker-2{--bordercolor: 97,97,97}
.grey-border.border-darker-3{--bordercolor: 66,66,66}
.grey-border.border-darker-4{--bordercolor: 33,33,33}

.border-alpha-2{--borderalpha: 0.2}
.border-alpha-4{--borderalpha: 0.4}
.border-alpha-6{--borderalpha: 0.6}
.border-alpha-8{--borderalpha: 0.8}

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

:focus {
    outline: none;
}
/* Icons */
.icon {
    display: inline-block;
    width: 1rem;
    height: 1rem;
    margin: .1rem;
    background-color: #000;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: 50% 50%;
    mask-position: 50% 50%;
    vertical-align: middle;
}
.icon-x1-5 {
    width: 1.5rem;
    height: 1.5rem;
}
.icon-x2 {
    width: 2rem;
    height: 2rem;
}
.icon-x3 {
    width: 3rem;
    height: 3rem;
}
.icon-x4 {
    width: 4rem;
    height: 4rem;
}
.icon-x5 {
    width: 5rem;
    height: 5rem;
}
.icon-x7 {
    width: 7rem;
    height: 7rem;
}
.icon-x10 {
    width: 10rem;
    height: 10rem;
}
/* Custom Icons */
.icon.call-in-circle {
    -webkit-mask-image: url(/res/libs/icons/call_icon.svg);
    mask-image: url(/res/libs/icons/call_icon.svg);
}
.icon.mail-in-circle {
    -webkit-mask-image: url(/res/libs/icons/mail.svg);
    mask-image: url(/res/libs/icons/mail.svg);
}
.icon.chevron-down, .accordion-title.collapsed .icon.chevron-hollow {
    -webkit-mask-image: url(/res/libs/icons/angle-down.svg);
    mask-image: url(/res/libs/icons/angle-down.svg);
}
.icon.chevron-up, .accordion-title .icon.chevron-hollow {
    -webkit-mask-image: url(/res/libs/icons/angle-up.svg);
    mask-image: url(/res/libs/icons/angle-up.svg);
}
.icon.hybrid {
    -webkit-mask-image: url(/res/libs/icons/hybrid.svg);
    mask-image: url(/res/libs/icons/hybrid.svg);
}
.icon.fast-track {
    -webkit-mask-image: url(/res/libs/icons/fast-track.svg);
    mask-image: url(/res/libs/icons/fast-track.svg);
}
.icon.part-time {
    -webkit-mask-image: url(/res/libs/icons/part-time.svg);
    mask-image: url(/res/libs/icons/part-time.svg);
}
.icon.globe {
    -webkit-mask-image: url(/res/libs/icons/globe.svg);
    mask-image: url(/res/libs/icons/globe.svg);
}
.icon.clock {
    -webkit-mask-image: url(/res/libs/icons/clock.svg);
    mask-image: url(/res/libs/icons/clock.svg);
}

/* Material icons */
.icon.material-menu {
    -webkit-mask-image: url(/res/libs/bmd-material-icons/ic_menu_48px.svg);
    mask-image: url(/res/libs/bmd-material-icons/ic_menu_48px.svg);
}
.icon.material-close{
    -webkit-mask-image: url(/res/libs/bmd-material-icons/ic_close_48px.svg);
    mask-image: url(/res/libs/bmd-material-icons/ic_close_48px.svg);
}
.icon.material-search {
    -webkit-mask-image: url(/res/libs/bmd-material-icons/ic_search_48px.svg);
    mask-image: url(/res/libs/bmd-material-icons/ic_search_48px.svg);
}
.icon.material-arrow-forward {
    -webkit-mask-image: url(/res/libs/bmd-material-icons/ic_arrow_forward_48px.svg);
    mask-image: url(/res/libs/bmd-material-icons/ic_arrow_forward_48px.svg);
}
.icon.material-chevron-right {
    -webkit-mask-image: url(/res/libs/bmd-material-icons/ic_chevron_right_48px.svg);
    mask-image: url(/res/libs/bmd-material-icons/ic_chevron_right_48px.svg);
}
.icon.material-chevron-left {
    -webkit-mask-image: url(/res/libs/bmd-material-icons/ic_chevron_left_48px.svg);
    mask-image: url(/res/libs/bmd-material-icons/ic_chevron_left_48px.svg);
}
.icon.material-expand-less, .accordion-title .icon.chevron {
    -webkit-mask-image: url(/res/libs/bmd-material-icons/ic_expand_less_48px.svg);
    mask-image: url(/res/libs/bmd-material-icons/ic_expand_less_48px.svg);
}
.icon.material-expand-more, .accordion-title.collapsed .icon.chevron {
    -webkit-mask-image: url(/res/libs/bmd-material-icons/ic_expand_more_48px.svg);
    mask-image: url(/res/libs/bmd-material-icons/ic_expand_more_48px.svg);
}
.icon.material-textsms {
    -webkit-mask-image: url(/res/libs/bmd-material-icons/ic_textsms_48px.svg);
    mask-image: url(/res/libs/bmd-material-icons/ic_textsms_48px.svg);
}
.icon.material-local-phone {
    -webkit-mask-image: url(/res/libs/bmd-material-icons/ic_local_phone_48px.svg);
    mask-image: url(/res/libs/bmd-material-icons/ic_local_phone_48px.svg);
}
.icon.material-add, .accordion-title.collapsed .icon.plus {
    -webkit-mask-image: url(/res/libs/bmd-material-icons/ic_add_48px.svg);
    mask-image: url(/res/libs/bmd-material-icons/ic_add_48px.svg);
}
.icon.material-remove, .accordion-title .icon.plus {
    -webkit-mask-image: url(/res/libs/bmd-material-icons/ic_remove_48px.svg);
    mask-image: url(/res/libs/bmd-material-icons/ic_remove_48px.svg);
}
/* Entypo icons */
.icon.entypo-twitter-with-circle {
    -webkit-mask-image: url(/res/libs/bmd-entypo-social/twitter-with-circle.svg);
    mask-image: url(/res/libs/bmd-entypo-social/twitter-with-circle.svg);
}
.icon.entypo-facebook-with-circle {
    -webkit-mask-image: url(/res/libs/bmd-entypo-social/facebook-with-circle.svg);
    mask-image: url(/res/libs/bmd-entypo-social/facebook-with-circle.svg);
}
.icon.entypo-linkedin-with-circle {
    -webkit-mask-image: url(/res/libs/bmd-entypo-social/linkedin-with-circle.svg);
    mask-image: url(/res/libs/bmd-entypo-social/linkedin-with-circle.svg);
}
.icon.entypo-youtube-with-circle {
    -webkit-mask-image: url(/res/libs/bmd-entypo-social/youtube-with-circle.svg);
    mask-image: url(/res/libs/bmd-entypo-social/youtube-with-circle.svg);
}
.icon.entypo-instagram-with-circle {
    -webkit-mask-image: url(/res/libs/bmd-entypo-social/instagram-with-circle.svg);
    mask-image: url(/res/libs/bmd-entypo-social/instagram-with-circle.svg);
}

/* Font Awesome icons */
.icon.fa-bell-o {
    -webkit-mask-image: url(/res/libs/bmd-fontawesome/bell-o.svg);
    mask-image: url(/res/libs/bmd-fontawesome/bell-o.svg);
}
.icon.fa-address-card-o {
    -webkit-mask-image: url(/res/libs/bmd-fontawesome/address-card-o.svg);
    mask-image: url(/res/libs/bmd-fontawesome/address-card-o.svg);
}
.icon.fa-user {
    -webkit-mask-image: url(/res/libs/bmd-fontawesome/user.svg);
    mask-image: url(/res/libs/bmd-fontawesome/user.svg);
}
.icon.fa-bank {
    -webkit-mask-image: url(/res/libs/bmd-fontawesome/bank.svg);
    mask-image: url(/res/libs/bmd-fontawesome/bank.svg);
}
.icon.fa-laptop {
    -webkit-mask-image: url(/res/libs/bmd-fontawesome/laptop.svg);
    mask-image: url(/res/libs/bmd-fontawesome/laptop.svg);
}
.icon.fa-question {
    -webkit-mask-image: url(/res/libs/bmd-fontawesome/question.svg);
    mask-image: url(/res/libs/bmd-fontawesome/question.svg);
}
.icon.fa-close {
    -webkit-mask-image: url(/res/libs/bmd-fontawesome/close.svg);
    mask-image: url(/res/libs/bmd-fontawesome/close.svg);
}
.icon.fa-calendar {
    -webkit-mask-image: url(/res/libs/bmd-fontawesome/calendar.svg);
    mask-image: url(/res/libs/bmd-fontawesome/calendar.svg);
}
.icon.fa-phone {
    -webkit-mask-image: url(/res/libs/bmd-fontawesome/phone.svg);
    mask-image: url(/res/libs/bmd-fontawesome/phone.svg);
}
.icon.fa-calendar-o {
    -webkit-mask-image: url(/res/libs/bmd-fontawesome/calendar-o.svg);
    mask-image: url(/res/libs/bmd-fontawesome/calendar-o.svg);
}
.icon.fa-bolt {
    -webkit-mask-image: url(/res/libs/bmd-fontawesome/bolt.svg);
    mask-image: url(/res/libs/bmd-fontawesome/bolt.svg);
}
.icon.fa-adjust {
    -webkit-mask-image: url(/res/libs/bmd-fontawesome/adjust.svg);
    mask-image: url(/res/libs/bmd-fontawesome/adjust.svg);
}
.icon.fa-check {
    -webkit-mask-image: url(/res/libs/bmd-fontawesome/check.svg);
    mask-image: url(/res/libs/bmd-fontawesome/check.svg);
}
.icon.fa-download {
    -webkit-mask-image: url(/res/libs/bmd-fontawesome/download.svg);
    mask-image: url(/res/libs/bmd-fontawesome/download.svg);
}
/* IonIcons */
.icon.ion-flash {
    -webkit-mask-image: url(/res/libs/bmd-ionicons/flash.svg);
    mask-image: url(/res/libs/bmd-ionicons/flash.svg);
}
.icon.ion-record {
    -webkit-mask-image: url(/res/libs/bmd-ionicons/record.svg);
    mask-image: url(/res/libs/bmd-ionicons/record.svg);
}
.icon.ion-contrast {
    -webkit-mask-image: url(/res/libs/bmd-ionicons/contrast.svg);
    mask-image: url(/res/libs/bmd-ionicons/contrast.svg);
}
.icon.ion-android-alarm-clock {
    -webkit-mask-image: url(/res/libs/bmd-ionicons/android-alarm-clock.svg);
    mask-image: url(/res/libs/bmd-ionicons/android-alarm-clock.svg);
}

/* Hover state */
.hover-light:hover {
    -webkit-box-shadow: inset 0 0 0 99999px rgba(255,255,255,0.20) !important;
    box-shadow: inset 0 0 0 99999px rgba(255,255,255,0.20) !important;
    border-color: rgba(255,255,255,0.20) !important;
}
.hover-dark:hover {
    -webkit-box-shadow: inset 0 0 0 99999px rgba(0,0,0,0.15) !important;
    box-shadow: inset 0 0 0 99999px rgba(0,0,0,0.15) !important;
    border-color: rgba(0,0,0,0.15) !important;
}

.rotate-45{
    transform: rotate(45deg);
}
.rotate-90{
    transform: rotate(90deg);
}
.rotate-135{
    transform: rotate(135deg);
}
.rotate-180{
    transform: rotate(180deg);
}
.rotate-225{
    transform: rotate(225deg);
}
.rotate-270{
    transform: rotate(270deg);
}
.rotate-315{
    transform: rotate(315deg);
}

/* Font utilities */
.font-medium{font-size: .875rem;}
.text-wrap{white-space: normal;}

/* Overlays */
.overlay-bottom {
    top: auto;
    max-height: 50%;
}
.card-footer.darker {
    background-color: rgba(0,0,0,.2);
}
.overlay-dark {
    background-color: rgba(0,0,0,0.5);
    color: #ffffff;
    z-index: 2;
}

/* helper classes */
.shadow-1 {
    box-shadow: 0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24) !important;
}
.w-0{width:0;}
.overflow-hidden{overflow: hidden!important;}
.border-dashed{border-style: dashed!important;}

body{display: flex; min-height: 100vh;flex-direction: column;}
.flex-grow{flex: 1;}

/* Responsive Media queries */
@media (min-width: 576px){
    .icon-sm-x3 {
        width: 3rem;
        height: 3rem;
    }
}
@media (min-width: 768px){
	.icon-md-x3 {
	    width: 3rem;
	    height: 3rem;
	}
}
@media (min-width: 992px){
}
@media (min-width: 1200px){
}