﻿
* {
    margin: 0;
    padding: 0;
}

@font-face {
    font-family: 'Poppins'; 
    src: url('../assets/fonts/poppins/Poppins-Light.eot');
    src: url('../assets/fonts/poppins/Poppins-Light?#iefix') format('embedded-opentype'), url('../assets/fonts/poppins/Poppins-Light.woff2') format('woff2'), url('../assets/fonts/poppins/Poppins-Light.woff') format('woff'), url('../assets/fonts/poppins/Poppins-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../assets/fonts/poppins/Poppins-Regular.eot');
    src: url('../assets/fonts/poppins/Poppins-Regular?#iefix') format('embedded-opentype'), url('../assets/fonts/poppins/Poppins-Regular.woff2') format('woff2'), url('../assets/fonts/poppins/Poppins-Regular.woff') format('woff'), url('../assets/fonts/poppins/Poppins-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../assets/fonts/poppins/Poppins-Medium.eot');
    src: url('../assets/fonts/poppins/Poppins-Medium?#iefix') format('embedded-opentype'), url('../assets/fonts/poppins/Poppins-Medium.woff2') format('woff2'), url('../assets/fonts/poppins/Poppins-Medium.woff') format('woff'), url('../assets/fonts/poppins/Poppins-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../assets/fonts/poppins/Poppins-SemiBold.eot');
    src: url('../assets/fonts/poppins/Poppins-SemiBold?#iefix') format('embedded-opentype'), url('../assets/fonts/poppins/Poppins-SemiBold.woff2') format('woff2'), url('../assets/fonts/poppins/Poppins-SemiBold.woff') format('woff'), url('../assets/fonts/poppins/Poppins-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../assets/fonts/poppins/Poppins-Bold.eot');
    src: url('../assets/fonts/poppins/Poppins-Bold?#iefix') format('embedded-opentype'), url('../assets/fonts/poppins/Poppins-Bold.woff2') format('woff2'), url('../assets/fonts/poppins/Poppins-Bold.woff') format('woff'), url('../assets/fonts/poppins/Poppins-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

body * {
    font-family: 'Poppins', sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 12px;    
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

a.button:hover {
    text-decoration: none;
}

footer li {
    display: inline-block;
}

footer a {
    text-decoration: none;
    color:gray;
}

.btn {
    font-family: 'Poppins', sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 12px;
    /*background-color: lightpink;*/
}

#fullSize {
    height: 100vh;
    width: 100vw;
    margin: 0px;
}

.form-control {
    border: solid 1px lightgray;
    border-radius: 0;
}

.form-label {
    margin-bottom: 0.25rem;
}

.bg-lightgray {
    background-color: gainsboro;
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--bs-body-color);
    border: solid 1px lightgray;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* custom styles start below */
.ui-dialog .ui-dialog-titlebar {
    background-image: none;
    color: white;
    background: #00bfff; /* #7db9e8 lightblue, #69899f greygreen */
    background: -moz-linear-gradient(right, #69899f 0%, #7db9e8 100%);
    background: -webkit-linear-gradient(right, #69899f 0%,#7db9e8 100%);
    background: linear-gradient(to right, #69899f 0%,#7db9e8 100%);
    filter: progid : DXImageTransform.Microsoft.gradient( startColorstr='#69899f', endColorstr='#7db9e8',GradientType=0 );
}

.ui-widget-content.ui-dialog {
    border: 2px #337ab7 solid;
}

.noDisk {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.fontA {
    font-family: FontAwesome;
}

.fullSize {
    height: 100vh;
    width: 100vw;
    margin: 0px;
}

.min-vh-30 {
    min-height: 30vh !important;
}

/* DO NOT DELETE! Used by bootstrap modal dialog */
.modal-header-bg-color {
    margin: 2px;
    background-color: cornflowerblue;
    background-image: linear-gradient(to bottom right, #6a8aa0, #7db8e7);
}

#qs {
    display: block;
}

.text-bold {
    font-weight: 600
}

.bigHead {
    font-family:Arial;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
}

.bgBlack {
    background-color: black;
}

.bgWhite {
    background-color:white;
}

header a.menu-icon {
    position: relative;
    line-height: 32px;
    padding-left: 67px !important;
}

    header a.menu-icon:before {
        position: absolute;
        content: '';
        height: 32px;
        width: 32px;
        left: 20px;
        top: 50%;
        transform: translateY(-50%);
        background-color: #FFFFFF;
        box-shadow: 2px 3px 7px rgba(24, 99, 220, 0.15);
        border-radius: 3px;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
    }

    header a.menu-icon.breakout:before {
        background-image: url(../assets/img/menu-icons/breakout.svg);
    }

    header a.menu-icon.heraldry:before {
        background-image: url(../assets/img/menu-icons/heraldry.svg);
    }

    header a.menu-icon.weather:before {
        background-image: url(../assets/img/menu-icons/weather.svg);
    }

    header a.menu-icon.scoutBadge:before {
        background-image: url(../assets/img/menu-icons/scoutBadge.svg);
    }

    header a.menu-icon.fashion:before {
        background-image: url(../assets/img/menu-icons/fashion.svg);
    }

    header a.menu-icon.chariotRacing:before {
        background-image: url(../assets/img/menu-icons/chariotRacing.svg);
    }

    header a.menu-icon.football:before {
        background-image: url(../assets/img/menu-icons/football.svg);
    }

    header a.menu-icon.designPaint:before {
        background-image: url(../assets/img/menu-icons/designPaint.svg);
    }

    header a.menu-icon.wordGuess:before {
        background-image: url(../assets/img/menu-icons/wordGuess.svg);
    }

    header a.menu-icon.concentration:before {
        background-image: url(../assets/img/menu-icons/concentration.svg);
    }

    header a.menu-icon.puzzle:before {
        background-image: url(../assets/img/menu-icons/puzzle.svg);
    }

    header a.menu-icon.chess:before {
        background-image: url(../assets/img/menu-icons/chess.svg);
    }

    header a.menu-icon.birthday:before {
        background-image: url(../assets/img/menu-icons/birthday.svg);
    }

    header a.menu-icon.musicNote:before {
        background-image: url(../assets/img/menu-icons/musicNote.svg);
    }

    header a.menu-icon.moses:before {
        background-image: url(../assets/img/menu-icons/moses.svg);
    }

    header a.menu-icon.noahsArc:before {
        background-image: url(../assets/img/menu-icons/noahsArc.svg);
    }

    header a.menu-icon.nativity:before {
        background-image: url(../assets/img/menu-icons/nativity.svg);
    }

    header a.menu-icon.flagA:before {
        background-image: url(../assets/img/menu-icons/flagA.svg);
    }

    header a.menu-icon.flagB:before {
        background-image: url(../assets/img/menu-icons/flagB.svg);
    }

    header a.menu-icon.flagC:before {
        background-image: url(../assets/img/menu-icons/flagC.svg);
    }

    header a.menu-icon.flagD:before {
        background-image: url(../assets/img/menu-icons/flagD.svg);
    }

    header a.menu-icon.flagE:before {
        background-image: url(../assets/img/menu-icons/flagE.svg);
    }

    header a.menu-icon.greensquare:before {
        background-image: url(../assets/img/menu-icons/greensquare.svg);
    }

    header a.menu-icon.squarespace:before {
        background-image: url(../assets/img/menu-icons/squarespace.svg);
    }

    header a.menu-icon.joomla:before {
        background-image: url(../assets/img/menu-icons/joomla.svg);
    }

    header a.menu-icon.kajabi:before {
        background-image: url(../assets/img/menu-icons/kajabi.svg);
    }

    header a.menu-icon.wordpress:before {
        background-image: url(../assets/img/menu-icons/wordpress.svg);
    }

    header a.menu-icon.wix:before {
        background-image: url(../assets/img/menu-icons/wix.svg);
    }

    header a.menu-icon.magento:before {
        background-image: url(../assets/img/menu-icons/magento.svg);
    }

    header a.menu-icon.blogger:before {
        background-image: url(../assets/img/menu-icons/blogger.svg);
    }

    header a.menu-icon.impresspages:before {
        background-image: url(../assets/img/menu-icons/impress-pages.svg);
    }

    header a.menu-icon.kartra:before {
        background-image: url(../assets/img/menu-icons/kartra.svg);
    }

    header a.menu-icon.modx:before {
        background-image: url(../assets/img/menu-icons/modx.svg);
    }

    header a.menu-icon.weebly:before {
        background-image: url(../assets/img/menu-icons/weebly.svg);
    }

    header a.menu-icon.shopify:before {
        background-image: url(../assets/img/menu-icons/shopify.svg);
    }

    header a.menu-icon.drupal:before {
        background-image: url(../assets/img/menu-icons/drupal.svg);
    }

    header a.menu-icon.ppg:before {
        background-image: url(../assets/img/menu-icons/ppg.svg);
    }

    header a.menu-icon.cpg:before {
        background-image: url(../assets/img/menu-icons/cpg.svg);
    }

    header a.menu-icon.cs:before {
        background-image: url(../assets/img/menu-icons/cs.svg);
    }

    header a.menu-icon.platforms:before {
        background-image: url(../assets/img/menu-icons/platforms.svg);
    }

    header a.menu-icon.grey-star:before {
        background-image: url(../assets/img/menu-icons/grey-star.svg);
    }

    header a.menu-icon.star:before {
        background-image: url(../assets/img/menu-icons/star.svg);
    }

    header a.menu-icon.support-icon:before {
        background-image: url(../assets/img/menu-icons/support-icon.svg);
    }


/*####################################################
             CUSTOM MATERIAL KIT CSS
####################################################*/
.p-0 {
    padding: 0 !important
}

.p-1 {
    padding: .25rem !important
}

.p-2 {
    padding: .5rem !important
}

.p-3 {
    padding: 1rem !important
}

.p-4 {
    padding: 1.5rem !important
}

.p-5 {
    padding: 3rem !important
}

.p-6 {
    padding: 4rem !important
}

.p-7 {
    padding: 6rem !important
}

.p-8 {
    padding: 8rem !important
}

.p-9 {
    padding: 10rem !important
}

.p-10 {
    padding: 12rem !important
}

.p-11 {
    padding: 14rem !important
}

.p-12 {
    padding: 16rem !important
}

.px-0 {
    padding-right: 0 !important;
    padding-left: 0 !important
}

.px-1 {
    padding-right: .25rem !important;
    padding-left: .25rem !important
}

.px-2 {
    padding-right: .5rem !important;
    padding-left: .5rem !important
}

.px-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important
}

.px-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important
}

.px-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important
}

.px-6 {
    padding-right: 4rem !important;
    padding-left: 4rem !important
}

.px-7 {
    padding-right: 6rem !important;
    padding-left: 6rem !important
}

.px-8 {
    padding-right: 8rem !important;
    padding-left: 8rem !important
}

.px-9 {
    padding-right: 10rem !important;
    padding-left: 10rem !important
}

.px-10 {
    padding-right: 12rem !important;
    padding-left: 12rem !important
}

.px-11 {
    padding-right: 14rem !important;
    padding-left: 14rem !important
}

.px-12 {
    padding-right: 16rem !important;
    padding-left: 16rem !important
}

.py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.py-1 {
    padding-top: .25rem !important;
    padding-bottom: .25rem !important
}

.py-2 {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important
}

.py-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important
}

.py-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important
}

.py-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important
}

.py-6 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important
}

.py-7 {
    padding-top: 6rem !important;
    padding-bottom: 6rem !important
}

.py-8 {
    padding-top: 8rem !important;
    padding-bottom: 8rem !important
}

.py-9 {
    padding-top: 10rem !important;
    padding-bottom: 10rem !important
}

.py-10 {
    padding-top: 12rem !important;
    padding-bottom: 12rem !important
}

.py-11 {
    padding-top: 14rem !important;
    padding-bottom: 14rem !important
}

.py-12 {
    padding-top: 16rem !important;
    padding-bottom: 16rem !important
}

.pt-0 {
    padding-top: 0 !important
}

.pt-1 {
    padding-top: .25rem !important
}

.pt-2 {
    padding-top: .5rem !important
}

.pt-3 {
    padding-top: 1rem !important
}

.pt-4 {
    padding-top: 1.5rem !important
}

.pt-5 {
    padding-top: 3rem !important
}

.pt-6 {
    padding-top: 4rem !important
}

.pt-7 {
    padding-top: 6rem !important
}

.pt-8 {
    padding-top: 8rem !important
}

.pt-9 {
    padding-top: 10rem !important
}

.pt-10 {
    padding-top: 12rem !important
}

.pt-11 {
    padding-top: 14rem !important
}

.pt-12 {
    padding-top: 16rem !important
}

.pe-0 {
    padding-right: 0 !important
}

.pe-1 {
    padding-right: .25rem !important
}

.pe-2 {
    padding-right: .5rem !important
}

.pe-3 {
    padding-right: 1rem !important
}

.pe-4 {
    padding-right: 1.5rem !important
}

.pe-5 {
    padding-right: 3rem !important
}

.pe-6 {
    padding-right: 4rem !important
}

.pe-7 {
    padding-right: 6rem !important
}

.pe-8 {
    padding-right: 8rem !important
}

.pe-9 {
    padding-right: 10rem !important
}

.pe-10 {
    padding-right: 12rem !important
}

.pe-11 {
    padding-right: 14rem !important
}

.pe-12 {
    padding-right: 16rem !important
}

.pb-0 {
    padding-bottom: 0 !important
}

.pb-1 {
    padding-bottom: .25rem !important
}

.pb-2 {
    padding-bottom: .5rem !important
}

.pb-3 {
    padding-bottom: 1rem !important
}

.pb-4 {
    padding-bottom: 1.5rem !important
}

.pb-5 {
    padding-bottom: 3rem !important
}

.pb-6 {
    padding-bottom: 4rem !important
}

.pb-7 {
    padding-bottom: 6rem !important
}

.pb-8 {
    padding-bottom: 8rem !important
}

.pb-9 {
    padding-bottom: 10rem !important
}

.pb-10 {
    padding-bottom: 12rem !important
}

.pb-11 {
    padding-bottom: 14rem !important
}

.pb-12 {
    padding-bottom: 16rem !important
}

.ps-0 {
    padding-left: 0 !important
}

.ps-1 {
    padding-left: .25rem !important
}

.ps-2 {
    padding-left: .5rem !important
}

.ps-3 {
    padding-left: 1rem !important
}

.ps-4 {
    padding-left: 1.5rem !important
}

.ps-5 {
    padding-left: 3rem !important
}

.ps-6 {
    padding-left: 4rem !important
}

.ps-7 {
    padding-left: 6rem !important
}

.ps-8 {
    padding-left: 8rem !important
}

.ps-9 {
    padding-left: 10rem !important
}

.ps-10 {
    padding-left: 12rem !important
}

.ps-11 {
    padding-left: 14rem !important
}

.ps-12 {
    padding-left: 16rem !important
}

.m-n1 {
    margin: -.25rem !important
}

.m-n2 {
    margin: -.5rem !important
}

.m-n3 {
    margin: -1rem !important
}

.m-n4 {
    margin: -1.5rem !important
}

.m-n5 {
    margin: -3rem !important
}

.m-n6 {
    margin: -4rem !important
}

.m-n7 {
    margin: -6rem !important
}

.m-n8 {
    margin: -8rem !important
}

.m-n9 {
    margin: -10rem !important
}

.m-n10 {
    margin: -12rem !important
}

.m-n11 {
    margin: -14rem !important
}

.m-n12 {
    margin: -16rem !important
}

.mx-n1 {
    margin-right: -.25rem !important;
    margin-left: -.25rem !important
}

.mx-n2 {
    margin-right: -.5rem !important;
    margin-left: -.5rem !important
}

.mx-n3 {
    margin-right: -1rem !important;
    margin-left: -1rem !important
}

.mx-n4 {
    margin-right: -1.5rem !important;
    margin-left: -1.5rem !important
}

.mx-n5 {
    margin-right: -3rem !important;
    margin-left: -3rem !important
}

.mx-n6 {
    margin-right: -4rem !important;
    margin-left: -4rem !important
}

.mx-n7 {
    margin-right: -6rem !important;
    margin-left: -6rem !important
}

.mx-n8 {
    margin-right: -8rem !important;
    margin-left: -8rem !important
}

.mx-n9 {
    margin-right: -10rem !important;
    margin-left: -10rem !important
}

.mx-n10 {
    margin-right: -12rem !important;
    margin-left: -12rem !important
}

.mx-n11 {
    margin-right: -14rem !important;
    margin-left: -14rem !important
}

.mx-n12 {
    margin-right: -16rem !important;
    margin-left: -16rem !important
}

.my-n1 {
    margin-top: -.25rem !important;
    margin-bottom: -.25rem !important
}

.my-n2 {
    margin-top: -.5rem !important;
    margin-bottom: -.5rem !important
}

.my-n3 {
    margin-top: -1rem !important;
    margin-bottom: -1rem !important
}

.my-n4 {
    margin-top: -1.5rem !important;
    margin-bottom: -1.5rem !important
}

.my-n5 {
    margin-top: -3rem !important;
    margin-bottom: -3rem !important
}

.my-n6 {
    margin-top: -4rem !important;
    margin-bottom: -4rem !important
}

.my-n7 {
    margin-top: -6rem !important;
    margin-bottom: -6rem !important
}

.my-n8 {
    margin-top: -8rem !important;
    margin-bottom: -8rem !important
}

.my-n9 {
    margin-top: -10rem !important;
    margin-bottom: -10rem !important
}

.my-n10 {
    margin-top: -12rem !important;
    margin-bottom: -12rem !important
}

.my-n11 {
    margin-top: -14rem !important;
    margin-bottom: -14rem !important
}

.my-n12 {
    margin-top: -16rem !important;
    margin-bottom: -16rem !important
}

.mt-n1 {
    margin-top: -.25rem !important
}

.mt-n2 {
    margin-top: -.5rem !important
}

.mt-n3 {
    margin-top: -1rem !important
}

.mt-n4 {
    margin-top: -1.5rem !important
}

.mt-n5 {
    margin-top: -3rem !important
}

.mt-n6 {
    margin-top: -4rem !important
}

.mt-n7 {
    margin-top: -6rem !important
}

.mt-n8 {
    margin-top: -8rem !important
}

.mt-n9 {
    margin-top: -10rem !important
}

.mt-n10 {
    margin-top: -12rem !important
}

.mt-n11 {
    margin-top: -14rem !important
}

.mt-n12 {
    margin-top: -16rem !important
}

.mt-6 {
    margin-top: 4rem !important;
}

.mt-7 {
    margin-top: 6rem !important;
}

.mt-8 {
    margin-top: 8rem !important;
}

.mt-9 {
    margin-top: 10rem !important;
}

.mt-10 {
    margin-top: 12rem !important;
}

.mt-11 {
    margin-top: 14rem !important;
}

.mt-12 {
    margin-top: 16rem !important;
}

.mt-auto {
    margin-top: auto !important;
}

.me-n1 {
    margin-right: -.25rem !important
}

.me-n2 {
    margin-right: -.5rem !important
}

.me-n3 {
    margin-right: -1rem !important
}

.me-n4 {
    margin-right: -1.5rem !important
}

.me-n5 {
    margin-right: -3rem !important
}

.me-n6 {
    margin-right: -4rem !important
}

.me-n7 {
    margin-right: -6rem !important
}

.me-n8 {
    margin-right: -8rem !important
}

.me-n9 {
    margin-right: -10rem !important
}

.me-n10 {
    margin-right: -12rem !important
}

.me-n11 {
    margin-right: -14rem !important
}

.me-n12 {
    margin-right: -16rem !important
}

.mb-n1 {
    margin-bottom: -.25rem !important
}

.mb-n2 {
    margin-bottom: -.5rem !important
}

.mb-n3 {
    margin-bottom: -1rem !important
}

.mb-n4 {
    margin-bottom: -1.5rem !important
}

.mb-n5 {
    margin-bottom: -3rem !important
}

.mb-n6 {
    margin-bottom: -4rem !important
}

.mb-n7 {
    margin-bottom: -6rem !important
}

.mb-n8 {
    margin-bottom: -8rem !important
}

.mb-n9 {
    margin-bottom: -10rem !important
}

.mb-n10 {
    margin-bottom: -12rem !important
}

.mb-n11 {
    margin-bottom: -14rem !important
}

.mb-n12 {
    margin-bottom: -16rem !important
}

.ms-n1 {
    margin-left: -.25rem !important
}

.ms-n2 {
    margin-left: -.5rem !important
}

.ms-n3 {
    margin-left: -1rem !important
}

.ms-n4 {
    margin-left: -1.5rem !important
}

.ms-n5 {
    margin-left: -3rem !important
}

.ms-n6 {
    margin-left: -4rem !important
}

.ms-n7 {
    margin-left: -6rem !important
}

.ms-n8 {
    margin-left: -8rem !important
}

.ms-n9 {
    margin-left: -10rem !important
}

.ms-n10 {
    margin-left: -12rem !important
}

.ms-n11 {
    margin-left: -14rem !important
}

.ms-n12 {
    margin-left: -16rem !important
}

.shadow-dark {
    box-shadow: 0 4px 20px 0 rgba(0,0,0,.14),0 7px 10px -5px rgba(64,64,64,.4) !important
}

.bg-gray-100 {
    background-color: #f8f9fa !important
}

.bg-gray-200 {
    background-color: #f0f2f5 !important
}

.bg-gray-300 {
    background-color: #dee2e6 !important
}

.bg-gray-400 {
    background-color: #ced4da !important
}

.bg-gray-500 {
    background-color: #adb5bd !important
}

.bg-gray-600 {
    background-color: #6c757d !important
}

.bg-gray-700 {
    background-color: #495057 !important
}

.bg-gray-800 {
    background-color: #343a40 !important
}

.bg-gray-900 {
    background-color: #212529 !important
}

.bg-opacity-10 {
    --bs-bg-opacity: 0.1
}

.bg-opacity-25 {
    --bs-bg-opacity: 0.25
}

.bg-opacity-50 {
    --bs-bg-opacity: 0.5
}

.bg-opacity-75 {
    --bs-bg-opacity: 0.75
}

.bg-opacity-100 {
    --bs-bg-opacity: 1
}

.max-height-vh-100 {
    max-height: 100vh !important
}

