#origin_module {
    background: linear-gradient(to bottom, #ffffff 0%,#ffffff 18%,rgba(255, 255, 255, 0.01) 90%,rgba(255, 255, 255, 0) 99%);
}

    #origin_module .darkBG {
        background: linear-gradient(to bottom, #ffffff 0%,#ffffff 18%,rgba(255, 255, 255, 0.01) 90%,rgba(255, 255, 255, 0) 99%);
    }

#MainCol {
    /*background: #FFFFFFDD;*/
    padding-bottom: 2rem;
    padding-top: 1rem;
    padding-left: 1rem;
    padding-right: 1rem;
}

@media screen and (max-width: 768px) {
    #MainCol {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    #DistLogo {
        position: relative;
        left: 1.5rem;
    }

    #gridCoPresWrapRow {
        display: block !important;
        zoom: 0.7;
        padding-top: 0.5rem;
    }
}

/*@media screen and (min-width: 768px) {
    #gridCoPresWrap {
        margin-top: 5.5rem;
    }
}

@media screen and (min-width: 992px) {
    #gridCoPresWrap {
        margin-top: 6rem!important;
    }
}*/
#PresentationGrid {
    border-radius: 0 !important;
}

#presTabs .nav-link {
    transition: all .2s ease-in;
    color: #9acbff !important;
}

#presTabs .nav-item {
    position: relative;
}

#presTabs {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
}

    #presTabs .active {
        color: #495057 !important;
    }
/*#presTabs:after,
    #presTabs:before {
        content: '';
        width: 0.3rem;
        height: 0.3rem;
        border: 1px solid #dee2e6;
        position: relative;
        bottom: -2.5rem;
        border-bottom: 0;

    }

    #presTabs:after {
        border-left: 0;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        position: absolute;
        right: 1rem;
    }

    #presTabs:before {
        border-right: 0;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
    }*/

#PartyAddWindow {
    z-index: 10;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #33434ea4;
    backdrop-filter: blur(5px);
}

@media screen and (max-width: 992px) {
    #PartyAddWindowVertical {
        position: fixed;
        top: 50%;
        left: 50%;
        margin-right: -20%;
        transform: translate(-50%, -50%);
    }
}
@media screen and (min-width: 992px) {
    #PartyAddWindowVertical {
        position: fixed;
        top: 50%;
        left: 50%;
        margin-right: -50%;
        transform: translate(-50%, -50%);
    }
}
.modal {
    transition: all .2s ease-in;
}

#gridCoPresWrapRow .k-grid-delete {
    zoom: 0.8;
}

.eventCard {
    cursor: pointer;
}

.footerControls {
    padding: 1rem;
}

#MainRow {
    /*margin-top: 3rem;*/
}

/*@media screen and (min-width: 576px) {
        .MainRow {
        margin-top: 3rem!important;
        }
    }*/

.contentRows {
    margin: 0.5rem;
    padding-bottom: 1rem;
}

.eventBoxSub {
    /*padding: 1rem;*/
    border-left: 1px solid #dee2e6;
    border-top-left-radius: 0.25rem;
    padding-bottom: 1rem;
}

.mCGrid {
    font-size: 0.8rem;
}

.nav-tabsMC {
    border-bottom: none !important;
}

.eventBoxReg {
    /*padding: 1rem;*/
    padding-bottom: 0.5rem;
}

.eventDetailBox {
    padding: 1rem;
}

.eventItem-1 {
}

.eventItem-2 {
    padding-bottom: 1.5rem;
}

.eventItem-3 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    margin-bottom: 0.5rem;
}

.eventItem-3-btn {
    width: 6rem;
    display: inline;
}

.eventItem-3-textBox {
}

.eventItem-3-buttonBox {
    padding-top: 1rem;
}

@media screen and (min-width: 576px) {
    .eventItem-3-btn {
        display: block !important;
    }
}

.bg-eventHeader0 {
    background: linear-gradient(to right, #00b3f0 0%,#00b3f0 18%,rgba(0, 8, 255, 0.01) 90%,rgba(255,153,127,0) 99%);
    color: white;
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
    margin-bottom: 0.5rem;
    padding-left: 1rem;
    padding-right: 0;
}

#PA_CloseX {
    margin: 0;
    padding-left: 1rem;
    padding-right: 0.5rem;
}

.bg-eventHeader1 {
    background: linear-gradient(to right, #00b3f0 0%,#00b3f0 18%,rgba(0, 8, 255, 0.01) 90%,rgba(255,153,127,0) 99%);
    color: white;
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
    max-height: 2rem;
    padding-left: 1rem;
}

.bg-eventHeader2 {
    background: linear-gradient(to right, #00b3f0 0%,#00b3f0 18%,rgba(0, 8, 255, 0.01) 90%,rgba(255,153,127,0) 99%);
    color: white;
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
    max-height: 2rem;
}

.bg-eventHeader3 {
    background: linear-gradient(to right, #00b3f0FF 0%,#00b3f0DD 90%,#00b3f0AA 99%);
    color: white;
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
    max-height: 2rem;
}

.bg-eventHeaderModal {
    background: linear-gradient(to right, #00b3f0 0%,#00b3f0 18%,rgba(0, 8, 255, 0.01) 90%,rgba(255,153,127,0) 99%);
    color: white;
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
    margin-bottom: 0.5rem;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 1rem;
    border: 0 solid black;
}

.textHighlight1 {
    color: #28a745 !important;
    font-weight: bold;
    text-shadow: 1px 1px 2px #0f63254f
}

.textHighlight2 {
    color: #17a2b8 !important;
    font-weight: bold;
    text-shadow: 1px 1px 2px #0f1a634f;
}

.textHighlight3 {
    color: #00b5ff !important;
    font-weight: bold;
    text-shadow: 1px 1px 1px #3f3f3f;
}

.regHeader1 {
    color: #00b5ff !important;
    font-weight: bold;
    /*text-shadow: 1px 1px 1px #3f3f3f;*/
    font-size: 1.2rem;
}

.regHeader2 {
    color: #FFFFFF !important;
    font-weight: bold;
    /*text-shadow: 1px 1px 1px #3f3f3f;*/
    font-size: 1.2rem;
}

.regheader3 {
    color: #FFFFFF !important;
    font-weight: bold;
    /* text-shadow: 1px 1px 1px #3f3f3f; */
    font-size: 1rem;
}

.regCard {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-bottom: 1rem;
}


.linkHighlight1 {
    text-decoration: underline;
    color: #1737b8 !important;
    font-weight: bold;
    text-shadow: 1px 1px 2px #0f1a634f;
}

.footerMessage .bg-danger {
    color: white !important;
}

.signupDiv0 {
    text-align: left;
}

    .signupDiv0 .form-text {
        width: 100%;
    }

#gridCoPres {
    height: 100%;
}

#gridCoPresWrap {
    overflow: hidden;
}

#ThankMessage {
    margin-top: auto;
    margin-bottom: auto;
    padding: 0.5rem;
}

#ThankMessageBtns {
    margin-top: auto;
    margin-bottom: auto;
    padding-top: 1.5rem;
}


.formInvalidText {
    background-color: #FFBBBB !important;
    color: #000000 !important;
}

.formInvalidGroup {
    background-color: #FFBBBB !important;
    color: #000000 !important;
    border: 1px solid #FF0000 !important;
}

.formInvalidSelect {
    background-color: #FFBBBB !important;
    color: #000000 !important;
    border: 1px solid #FF0000 !important;
}

.footerMessage {
    margin-top: auto;
    margin-bottom: auto;
    text-align: center;
    vertical-align: middle;
    margin-top: 1rem;
    margin-bottom: 1rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.validateMe {
    transition: all .2s ease-in;
}


.optionDisabled {
    pointer-events: none !important;
    background: #cccccc !important;
}

.optionInfo {
    pointer-events: none !important;
    background: #EEEEEE !important;
    color: #333333 !important;
}

.validateMe option {
    background: #FFFFFF;
}


.formPage {
    padding: 0.5rem;
}

.validatorMessage {
    padding-left: 1rem;
}

.formPage label:not(.hiddenLabel) {
    font-size: 0.87rem;
    margin-bottom: 0rem !important;
    margin-top: 0.5rem !important;
    font-weight: bold;
    color: #444 !important;
}

.presQuestionInfo {
    font-size: 0.8rem;
    font-weight: bold;
    color: #111 !important;
}

.landingBox {
    padding: 0.5rem;
}

    .landingBox div {
    }

#GuestModal_ {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.3);
    z-index: 1;
}

@media screen and (max-width: 768px) {
    #maindiv {
        font-size: 0.7rem !important;
    }
}

@media screen and (max-width: 768px) {
    .btn, .btn-lg, .btn-sm {
        /*font-size: 0.7rem !important;*/
        transform: scale(0.7);
    }
}

#GuestModal_Vertical {
    /*background: #00FF00AA;*/
    width: calc(100vw - 4rem);
    position: fixed;
    left: calc(50% + 1rem);
    top: calc(50% + 1rem);
    transform: translate(-50%, -50%);
}

#GuestModal_ label {
    font-size: 0.87rem;
    margin-bottom: 0rem !important;
    margin-top: 0.5rem !important;
    font-weight: bold;
    color: #444 !important;
}

    #GuestModal_ label.emailInlineLabel {
        font: 400 1rem Arial;
        font-style: normal;
        font-variant-ligatures: normal;
        font-variant-caps: normal;
        font-variant-numeric: normal;
        font-variant-east-asian: normal;
        font-weight: 400;
        font-stretch: normal;
        font-size: 1rem;
        line-height: normal;
        font-family: Arial;
        color: #495057;
    }

.btn-Wide {
    width: 100% !important;
    margin-bottom: 0.5rem;
    margin-top: 0.5rem;
    font-size: 1.05rem;
}

@media screen and (max-width: 430px) {
    .btn-Wide {
        font-size: 0.85rem;
    }

    .btn-lg {
        line-height: 2 !important;
    }
}

.pa_top {
    padding-bottom: 1rem;
}

.landingCards {
    border: 5px solid;
}

@media screen and (max-width: 1450px) {
    @media screen and (min-width: 768px) {
        #GuestModal_Data_type2Fixed .nav-item {
            font-size: 0.7rem;
        }
    }
}

@media screen and (max-width: 992px) {
    .landingCards {
        margin-bottom: 1rem;
    }

    .eventBoxReg input {
        font-size: .85rem;
    }

    .eventBoxReg select {
        font-size: .85rem;
    }
}

@media screen and (max-width: 576px) {
    .landingCards {
        font-size: 0.8rem;
    }

    .eventBoxReg input {
        font-size: .7rem;
    }

    .eventBoxReg select {
        font-size: .7rem;
    }
}



.landingCardBody {
    color: #595A5C;
    font-size: 1.2rem;
    padding-top: 0;
}

@media screen and (max-width: 768px) {
    .landingCardBody {
        font-size: 0.8rem;
    }
}

.messageBoxFixed {
    /*min-height: 1.5rem;*/
    margin-bottom: 1rem;
    width: 100%;
}

.landingHeader {
    color: #FFFFFF;
    border-radius: 0 !important;
    font-size: 1.3rem;
    padding-top: 0.3rem;
}

.btn-disable {
    /*background-color: #333 !important;
color: black !important;*/
    filter: saturate(30%) brightness(70%) !important;
    /*color: white !important;*/
}

.btn-District_DarkGrey {
    color: #fff;
    background-color: #595a5c;
    border-color: #595a5c;
}

.btn-District_Blue {
    color: #fff;
    background-color: #00b3f0;
    border-color: #00b3f0;
}

.btn-District_Green {
    color: #fff;
    background-color: #a6ce39;
    border-color: #a6ce39;
}

.btn-District_Red {
    color: #fff;
    background-color: #DA2128;
    border-color: #DA2128;
}

.btn-District_DarkBlue {
    color: #fff;
    background-color: #006998;
    border-color: #006998;
}

.btn-District_Grey {
    color: #fff;
    background-color: #8AAAAD;
    border-color: #8AAAAD;
}

.btn-District_Orange {
    color: #fff;
    background-color: #F37021;
    border-color: #F37021;
}



.font-District_DarkGrey {
    color: #595a5c;
}

.landingDescBox {
    border-color: #595a5c !important;
    border: 2px solid !important;
    padding: 1.5rem;
}

.border2 {
    border: 2px solid !important;
}

@media screen and (max-width: 768px) {
    .landingDescBox {
        font-size: 0.8rem;
        margin: 1rem;
        position: relative;
        left: -1rem;
        width: 100%; /*calc( 100% + 2rem);*/
        padding: 0.5rem;
    }

    #GuestModal_Data_footerPgObj .btn-lg {
        width: 100% !important;
    }
}

.groupButtonPanel {
    padding: 1rem;
}

.eventIcon {
    display: block;
    width: 100%;
    height: auto;
    max-height: 24rem;
}

.eventIconAdmin {
    display: block;
    width: 10%;
    height: auto;
}

.eventIconBox {
    /*background: #FFF;
    border-radius: 10%;
    width: 100%;*/
    padding-top: 0.30rem;
    max-width: 45%; /* was 45 */
    /*padding-bottom: 2rem;*/
    display: inline-block;
    vertical-align: middle;
}

.eventIconBoxMini {
    /*background: #FFF;
    border-radius: 10%;
    width: 100%;*/
    padding-top: 0.30rem;
    max-width: 38%;
    /*padding-bottom: 2rem;*/
    display: inline-block;
    vertical-align: middle;
}

/*#GuestPage {
margin-left: 1rem;
margin-right: 1rem;
}*/

@media screen and (max-width: 768px) {
    .eventIcon {
        display: block;
        width: 100%;
        height: auto;
    }

    .eventIconBox {
        /*background: #FFF;
    border-radius: 10%;
    width: 100%;*/
        padding-top: 0.30rem;
        max-width: 100%;
        /*padding-bottom: 2rem;*/
        display: inline-block;
        vertical-align: middle;
    }

    .eventIconBoxMini {
        /*background: #FFF;
    border-radius: 10%;
    width: 100%;*/
        padding-top: 0.30rem;
        max-width: 58%;
        /*padding-bottom: 2rem;*/
        display: inline-block;
        vertical-align: middle;
    }

    #GuestPage {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    #GuestModal_Data_type2Fixed .nav-item {
        font-size: 1rem;
    }
}

.phoneInput {
    margin-top: -0.1rem;
}



.hiddenLabel {
    overflow: hidden;
    -moz-transition: height .5s;
    -ms-transition: height .5s;
    -o-transition: height .5s;
    -webkit-transition: height .5s;
    transition: height .5s;
    height: 0;
    display: block;
    line-height: 0;
    margin-bottom: 0rem !important;
    margin-top: 0rem !important;
    font-size: 0.87rem;
    font-weight: bold;
    color: #444 !important;
}

.hiddenLabelShow {
    height: .8rem;
    padding-top: 0.4rem;
}

.MCReadOnlyTextBox {
    border: 1px solid #ced4da;
    border-radius: .25rem;
    justify-content: center;
    text-align: center;
    /**/
    padding: .375rem .75rem;
    background-color: #fff;
    background-clip: padding-box;
}

.McScrollbox-15 {
    max-height: 15.5rem !important;
    height: 10rem;
    overflow-y: auto;
    overflow-x: hidden;
}

.McScrollbox-30 {
    max-height: 30rem !important;
    height: 30rem;
    overflow-y: auto;
    overflow-x: hidden;
}

.McTextBoxCenter {
    justify-content: center;
    text-align: center;
}

.eventContent {
    font-size: 0.9rem;
    float: left;
    justify-content: left;
    text-align: left;
}

.contentFaded {
    filter: opacity(0.1) !important;
}

.contentUnFaded {
    filter: opacity(1.0) !important;
}

.contentFadable {
    transition: filter 0.5s linear;
    filter: opacity(0.1);
}

.btn, .btn-sm, .btn-lg, .validationButtonTarget {
    transition: filter 0.5s linear;
}

.k-grid-content {
    overflow-x: scroll;
}

#gridRelative td {
    text-align: left;
}

#gridRelative .k-button {
    color: #fff;
    background-color: #a6ce39;
    border-color: #a6ce39;
    transition: filter 0.5s linear !important;
}

.helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

/*Border 5px for cards*/
/*header logo - colgroup-3?*/


.footerMessage .bg-danger {
    color: white;
}