@charset "utf-8";


/*============================================================
    GENERAL + TYPOGRAPHY 
============================================================*/
body {
    font-family: 'Roboto', sans-serif !important;
    color: #4A4A4A;
    overflow-x: hidden;
}

a {
    color: #27AAE1 !important;
    text-decoration: none
}

h1, h2, h3, h4 {
    font-family: 'Nunito Sans', sans-serif !important;
    font-weight: 600 !important;
}

h1, h2 {
    text-transform: uppercase;
}

h2 {
    font-size: 35px;
    color: #8DC63F;
    padding-top: 10px;
    font-weight: 600;
    margin-bottom: 30px;
}

    /*h2::before {
        content: "";
        display: block;
        border-bottom: 6px solid #A7A9AC;
        width: 90px;
        position: relative;
        top: -10px;
    }*/

    h2.cbis {
        color: #3b414e !important;
    }

/*h2.cbis::before {
            border-bottom: 6px solid #838690 !important;
        }*/

.dataList.hide-all,
.empty-table,
.hide,
.hideME {
    display: none;
    overflow: hidden;
}

.notopmargin {
    margin-top: 0 !important;
}

.nobotmargin {
    margin-bottom: 0 !important;
}

.noleftmargin {
    margin-left: 0 !important;
}

.norightmargin {
    margin-right: 0 !important;
}

.notoppadding {
    padding-top: 0 !important;
}

.nobotpadding {
    padding-bottom: 0 !important;
}

.noleftpadding {
    padding-left: 0 !important;
}

.norightpadding {
    padding-right: 0 !important;
}

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

.top-margin-30 {
    margin-top: 30px;
}

.top-margin-45 {
    margin-top: 45px;
}

.brdr-bottom {
    border-bottom: solid 1px #e4e4e4;
}

.brdr-top {
    border-top: solid 1px #e4e4e4;
}

/*======= BUTTONS =======*/
.btn,
.btn-primary {
    background: #27AAE1 !important;
    border: none !important;
    border-radius: .25rem !important;
    text-transform: uppercase !important;
    padding: 10px 20px !important;
    font-size: 12px !important;
    color: #ffffff !important;
    font-weight: 500 !important;
    letter-spacing: .1em !important;
    line-height: 1em !important;
    font-family: 'Roboto', sans-serif;
}

    .btn:hover,
    .btn-primary:hover {
        background: #8DC63F !important;
        color: #ffffff !important;
        transition: all 0.2s ease;
    }
/*============================================================ 
    POPUPS
 ============================================================*/

.popup-hide-h2 div.section-header {
    margin-top: 0 !important;
}

    .popup-hide-h2 div.section-header > div.col {
        display: none !important;
    }
/*============================================================ 
    COMPONENTS
 ============================================================*/
/*======= ACCORDION =======*/
.mint-accordion {
}

.mint-accordion-section {
}

    .mint-accordion-section .card-body {
        border-bottom: solid 1px #E4E4E4;
        padding: 30px 30px 10px !important;
    }

.mint-accordion-header {
    cursor: pointer;
    border-bottom: solid 1px #E4E4E4;
    font-weight: 700 !important;
    padding-top: 20px;
    background-image: url('../images/icons/expand_less.svg');
    background-position: right;
    background-repeat: no-repeat;
}

    .mint-accordion-header.collapsed {
        background-image: url('../images/icons/expand_more.svg') !important;
    }

/*======= SECTION HEADERS + TOGGLE SECTION/PANEL =======*/
.header-btn {
    padding: 15px;
}

.fav-btn {
    border-left: solid 1px #e4e4e4;
    margin-bottom: 5px;
    padding: 15px;
}

.col-header-with-btn {
    padding-right: 15px;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
    display: -ms-flexbox !important;
    display: flex !important;
}

.section-header {
    border-bottom: solid 1px #e4e4e4;
    margin-top: 45px;
    margin-bottom: 30px;
}

    /*.section-header:hover {
        cursor: pointer;
    }*/

    .section-header h2 {
        display: inline-block;
        margin-bottom: 10px;
    }



.tgl-header {
    border-bottom: solid 1px #e4e4e4;
    margin-top: 45px;
    margin-bottom: 30px;
}

    .tgl-header:hover {
        cursor: pointer;
    }

    .tgl-header h2 {
        display: inline-block;
        margin-bottom: 10px;
    }

.tgl-header-icon {
    display: block;
    float: right;
    border-left: 2px solid #e4e4e4;
    height: 60px;
    width: 60px;
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
    margin-bottom: 10px;
    margin-left: 10px;
}

    .tgl-header.collapsed .tgl-header-icon, .tgl-header-icon.tgl-closed {
        background-image: url('../images/icons/expand_more.svg');
        background-size: 30px;
        background-position: center center;
        background-repeat: no-repeat;
    }

    .tgl-header .tgl-header-icon, .tgl-header-icon.tgl-open {
        background-image: url('../images/icons/expand_less.svg');
        background-size: 30px;
        background-position: center center;
        background-repeat: no-repeat;
    }

.tgl-content {
    padding-bottom: 30px;
}

.tgl-header > div.col {
    display: -ms-flexbox !important;
    display: flex !important;
    width: 100% !important;
}

    .tgl-header > div.col > h2 {
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important;
    }
/*======= BREADCRUMB =======*/

.mint-breadcrumb {
    padding-bottom: 15px;
    border-bottom: solid 1px #e4e4e4;
    margin-bottom: 30px;
}

/*======= TABLES =======*/

/* Make the first td bold in the table */
table.first-td-bold tr td:first-child {
    font-weight: 700 !important;
}

/* Make first td not wrap its text */
table.first-td-nowrap tr td:first-child {
    white-space: nowrap;
}

/* ROOM FLOW table */
.roomflow td .date + .day,
.roomflow th .date + .day {
    padding-left: 1em;
}

/*============================================================ 
    FORMS
 ============================================================*/
.form-label {
    font-weight: 700;
    margin-bottom: 5px;
}

input[type=text].full-width {
    width: 100% !important;
}
/* Description text underneath a form field */
.form-description {
    color: #939393;
    font-size: 12px;
    margin-top: 5px;
}

input[type=checkbox], input[type=radio] {
    margin-right: 10px !important;
}

/*============================================================ 
    HEADER + PROFILE NAV + SEARCH
 ============================================================*/
/*======= LOGIN PAGE HEADER =======*/
.login-nav i {
    position: relative;
    top: 4px;
}

    .login-nav a:hover,
    .login-nav i:hover {
        color: #8DC43E !important;
        text-decoration: none !important;
    }

/*======== MASTER PAGE HEADER =======*/

#header {
    padding: 40px 30px 20px 30px;
    border-bottom: solid 4px #A7A9AC;
}

    #header .logo {
        flex: 0 0 240px !important;
        position: absolute;
        top: 10px;
        left: 20px;
    }

        #header .logo a {
            background-image: url(/images/logos/logo-mint-plus-color-2021b.png);
            display: block;
            width: 225px;
            height: 80px;
        }

    #header .search-row {
        margin-left: 240px;
    }


/*======= SEARCH =======*/
@media (max-width: 595px) {
    .search-wrapper {
        display: none;
    }
}

.search-wrapper {
    width: 100% !important;
    background: #FAFAFA;
    border: solid 1px #CFCCC4;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    padding: 8px;
}

.loginSearch {
    width: 100% !important;
}

#AccountSearch .container-fluid {
    padding: 0 !important;
}

.search-box > input[type="text"]#AccountLookup {
    border: none !important;
    box-shadow: 0 1px 1px rgba(0,0,0,0) inset !important;
    background-color: #fafafa !important;
    min-height: 0 !important;
}

.search-box input[type="text"]:focus {
    box-shadow: 0 0 8px rgba(102,175,233,0.6) !important;
}

.search-btn-col {
    flex: 0 0 95px;
    padding-left: 0;
}

.btn-search {
    padding: 9px 20px !important;
    font-size: 12px !important;
}

#SearchAccount {
}

/*======= PROFILE MENU =======*/
.hdr-profile {
    flex: 0 0 60px !important;
}

i.profile_icon {
    font-size: 40px !important;
    color: #3B414E;
}

#AccountDropdown ul {
    padding: 0 15px;
    list-style: none !important;
    margin-bottom: 0 !important;
}

    #AccountDropdown ul li {
        color: #ffffff !important;
        font-size: 14px !important;
    }

#AccountDropdown i {
    position: relative;
    top: 7px;
    margin-right: 10px;
}

#AccountDropdown a.dropdown-toggle::after {
    display: none !important;
}

#AccountDropdown div.dropdown-menu {
    min-width: 175px;
    background: rgba(59,65,78,0.9) none no-repeat scroll 0 0;
    padding: 0;
    margin-top: 15px;
}

    #AccountDropdown div.dropdown-menu a {
        color: #ffffff !important;
        padding: 10px 0;
        display: block;
    }

        #AccountDropdown div.dropdown-menu a:hover {
            text-decoration: none;
        }

            #AccountDropdown div.dropdown-menu a:hover i {
                color: #00A3E3 !important;
            }
/*============================================================
    FOOTER
 ===========================================================*/
.browser-message {
    background: #e4e4e4;
    padding: 10px 10px 10px 30px !important;
    font-size: 12px;
}

#footer {
    background: #58595B;
    color: #ffffff;
    border-top: solid 4px #A7A9AC;
    font-size: 13px !important;
    padding: 30px !important;
}

    #footer .footer-simpleview {
        margin-right: 30px;
    }

/*============================================================
    MAIN CONTENT
 ===========================================================*/

#main_content_container {
    padding: 0;
    /*min-width: 100vw;*/
}

#main_content_row {
    margin: 0;
}

#main_content_right {
    padding-left: 30px !important;
    padding-right: 30px !important;
    padding-bottom: 60px;
}

    #main_content_right #aspnetForm {
        width: 100%;
    }
/*============================================================
    LEFT NAVIGATION
 ===========================================================*/


#leftNav {
    flex: 0 0 240px;
    padding: 0 !important;
    margin: 0;
    background: #27AAE1;
}

    #leftNav.forceClose {
    }

#leftNavCollapse {
    display: none;
}

/*======== Collapse Left Nav =======*/
@media (max-width: 1135px) {
    #leftNav {
        flex: 0 0 60px;
        width: 60px;
    }

        #leftNav li {
            width: 60px;
            white-space: nowrap;
            overflow: hidden;
            height: 50px
        }

            #leftNav li a {
                padding-left: 10px;
            }

                #leftNav li a i, #leftNav li a img {
                    margin-right: 30px;
                }

        #leftNav a .leftnav-esp-icon, #leftNav a.active:hover .leftnav-esp-icon {
            margin-right: 30px !important;
        }

        #leftNav.forceOpen {
            flex: 0 0 240px;
            width: 240px;
            z-index: 9999;
        }

            #leftNav.forceOpen li {
                width: auto;
                height: auto;
                white-space: initial;
                overflow: auto;
            }

                #leftNav.forceOpen li a {
                    padding-left: 20px;
                }

                    #leftNav.forceOpen li a i, #leftNav.forceOpen li a img {
                        margin-right: 10px;
                    }

    #leftNavCollapse {
        background-color: #8DC43E;
        display: block;
        border: none;
        padding-bottom: 6px;
    }

        #leftNavCollapse i {
            color: #fff;
            margin-right: 0 !important
        }

    #leftNav #leftNavCollapse .material-icons-outlined {
        display: none;
    }

        #leftNav #leftNavCollapse .material-icons-outlined.right {
            display: inline;
        }

    #leftNav.forceOpen #leftNavCollapse .material-icons-outlined.right {
        display: none;
    }

    #leftNav.forceOpen #leftNavCollapse .material-icons-outlined.left {
        display: inline;
    }
}


/*======== END Collapse Left Nav =======*/


#leftNav ul {
    padding-left: 0;
    list-style: none;
}

    #leftNav ul li {
        color: #ffffff;
        font-size: 14px;
    }

#leftNav li a.active {
    background: #8DC63F;
    border-left: solid 6px #8DC63F !important;
}

#leftNav a {
    color: #ffffff !important;
    padding: 10px 20px 15px;
    border-left: solid 6px transparent;
    display: block;
}

    #leftNav a:hover {
        text-decoration: none;
        border-left: solid 6px #8DC63F !important;
    }

        #leftNav a:hover i {
            color: #0088A4;
        }

    #leftNav a.active:hover i {
        color: #ffffff;
    }

    #leftNav a .leftnav-esp-icon,
    #leftNav a.active:hover .leftnav-esp-icon {
        background-image: url(/images/icons/ESP-leftnav-icon-white.svg);
        background-repeat: no-repeat;
        width: 24px;
        height: 24px;
        margin-right: 10px;
        display: inline-block;
        background-size: 23px 23px;
        position: relative;
        top: 7px;
    }

    #leftNav a:hover .leftnav-esp-icon {
        background-image: url(/images/icons/ESP-leftnav-icon-green.svg?version=2) !important;
    }

#leftNav .left_subnav {
    background: #58595B;
}

#leftNav i {
    position: relative;
    top: 7px;
    margin-right: 10px;
}

.dropdown[data-bs-toggle].collapsed:after {
    font-family: "Material Icons Outlined";
    content: "\e5cf";
    width: inherit;
    height: inherit;
    display: inline-block;
    position: relative;
    top: 3px;
    float: right;
    font-size: 20px;
}

.dropdown[data-bs-toggle]:not(.collapsed):after {
    font-family: "Material Icons Outlined";
    content: "\e5ce";
    width: inherit;
    height: inherit;
    display: inline-block;
    position: relative;
    top: 3px;
    float: right;
    font-size: 20px;
}

/*======= GOOGLE MATERIAL ICONS =======*/
.material-icons {
    font-family: 'Material Icons Outlined';
    font-weight: normal;
    font-style: normal;
    font-size: 20px !important;
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    /* Support for all WebKit browsers. */
    -webkit-font-smoothing: antialiased;
    /* Support for Safari and Chrome. */
    text-rendering: optimizeLegibility;
    /* Support for Firefox. */
    -moz-osx-font-smoothing: grayscale;
    /* Support for IE. */
    font-feature-settings: 'liga';
}

.leftnav-img-icon {
    width: 24px;
    height: 24px;
    margin-right: 10px;
}

/*============================================================
    LOGIN PAGES AND TEMPLATE
 ===========================================================*/
/*======= SIGNIN FORM COL =======*/
.sign-in-form {
    padding: 30px !important;
    background: #F4F4F4;
    flex: 0 0 360px;
}

    .sign-in-form h2::before {
        display: none;
    }

    .sign-in-form .form-remember label {
        font-size: 15px;
        margin-left: 6px;
    }

@media (max-width: 767px) {
    .sign-in-form {
        flex: 0 0 100%;
    }

    .hero-signin .hero {
        -ms-flex-pack: center !important;
        justify-content: center !important
    }
}

.btn.btn-login {
    padding: 15px 40px !important;
    font-size: 15px !important;
}

.errorCode > span {
    display: block;
    padding: 15px;
    color: #cb0101;
    font-weight: 700;
    border: solid 1px #cb0101;
    margin-bottom: 15px;
}
/*======= HERO SECTION COL =======*/
.hero-signin {
    border-bottom: solid 1px #e4e4e4;
    background-color: #F4F4F4;
}

.hero {
    background-image: url('../images/bgs/GettyImages-1166085458-50.jpg');
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    padding-left: 0 !important;
}

.hero-text {
    flex: 0 0 360px;
}

.hero-headline {
    background-color: rgba(0, 0, 0, 0.7);
    background: rgba(0, 0, 0, 0.7);
    color: rgba(0, 0, 0, 0.7);
    padding: 15px;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 40px;
    font-weight: 300;
    line-height: 1em;
}

.hero-subtext {
    background: #8DC63F;
    color: #ffffff;
    padding: 15px;
}
/*======= LOGO ROW =======*/
.login-logos {
    padding: 15px !important;
}

@media (max-width: 950px) {
    div.login-logos div.row > div {
        width: 100% !important;
        text-align: center !important;
        padding: 10px !important;
    }
}

/*======= CONTENT SECTION =======*/
.login-content {
    background: #27AAE1;
    border-bottom: solid 1px #e4e4e4;
    border-top: solid 1px #e4e4e4;
}

.login-content-left {
    padding: 50px 30px !important;
    background: #FAFAFA;
}

.login-content-right {
    background-image: url('../images/bgs/hp-content-rt-bg.png');
    background-repeat: repeat-y;
    background-position: left;
    padding: 50px 0 !important;
}

    .login-content-right h3 {
        font-family: 'Roboto', sans-serif !important;
        font-size: 44px !important;
        color: #ffffff !important;
        font-weight: 700 !important;
    }

    .login-content-right h4 {
        font-family: 'Roboto', sans-serif !important;
        font-size: 28px !important;
        color: #ffffff !important;
        font-weight: 400 !important;
        border-bottom: none !important;
    }

    .login-content-right .circle-image {
        width: 160px;
    }

@media (max-width: 767px) {
    .circle-image {
        margin-left: 25%;
    }

    .login-content-right {
        background-image: none !important;
    }
}

/* Basic Content pages - like FAQ*/
.login-regular-content {
    padding-left: 30px !important
}

.page-header-container.login-header {
    padding-left: 45px !important
}

/*============================================================
    HOMEPAGE - DASHBOARD
 ===========================================================*/
/*======= WELCOME TOP SECTION =======*/
.hp-welcome {
    padding-right: 0 !important;
    margin-right: 0 !important;
}

.hp-welcome-row {
    margin-left: -45px !important;
    margin-right: -60px !important;
    margin-bottom: 30px;
}

.hp-welcome-left {
    background-color: #8DC63F;
    color: #ffffff;
    padding: 30px 30px 30px 45px !important;
}

    .hp-welcome-left h1 {
        font-size: 26px;
        color: #ffffff;
    }

    .hp-welcome-left h3 {
        font-size: 18px;
        text-transform: uppercase;
        font-weight: 600 !important;
        margin-top: 40px;
    }

    .hp-welcome-left .last_login {
        font-size: 13px;
    }

    .hp-welcome-left i {
        position: relative;
        top: 7px;
        margin-right: 10px;
    }

.hp-welcome-right {
    background-image: url('../images/bgs/GettyImages-1024307672-50.jpg');
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: left top;
    padding-left: 0 !important;
}
/*======= TOP UPDATES =======*/
.hp-updates {
    text-transform: uppercase !important;
    color: #ffffff;
    font-size: 15px;
    margin-top: 20px;
}

.hp-updates-brdr-row {
    border-top: solid 1px #ffffff;
    border-bottom: solid 1px #ffffff;
}

.hp-updates-title {
    padding: 10px 20px 20px 0;
    border-right: solid 1px #ffffff;
}

.hp-updates-number {
    padding: 10px 0px 15px 20px;
}

    .hp-updates-number span {
        font-size: 18px;
        font-weight: 700;
    }

.hp-updates i {
    position: relative;
    top: 7px;
    margin-right: 10px;
    margin-left: 15px;
}

.hp-updates-arrow i {
    position: static;
    padding: 0;
    padding-right: 10px;
}


/*======= YOUR STATS =======*/
.hp-your-stats {
}

.stat-row {
    margin-bottom: 45px;
}

.stat-col {
    flex: 0 0 300px;
    padding-left: 30px;
    padding-right: 30px;
}

.stat-table {
    border-spacing: 0;
    padding: 0;
    border: none;
    width: 240px;
}

    .stat-table td {
        padding: 0 !important;
    }

.stat-title {
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    border-bottom: solid 1px #E4E4E4;
}

.stat-month,
.stat-year {
    font-size: 15px;
    color: #939393;
    text-align: center;
}

    .stat-month span,
    .stat-year span {
        font-size: 18px;
        font-weight: 700;
        color: #4a4a4a;
    }

.stat-icon {
    text-align: center;
}
/*============================================================
    INTERIOR PAGE BASE STYLES
 ===========================================================*/
.page-header-container {
    padding-right: 0 !important;
    margin-right: 0 !important;
    margin-left: -30px !important;
    margin-bottom: 45px;
}

.page-header-row {
    background: #8DC63F;
    margin-right: -90px;
    padding: 0 0 30px 0;
}

.page-header-col-left {
    padding-left: 30px;
}

.page-header-container h1 {
    font-size: 20px;
    color: #ffffff;
    padding: 22px 40px;
    background: rgba(59,65,78,0.5) none no-repeat scroll 0 0;
    border-bottom: solid 4px #ffffff;
    display: inline-block;
}
/*============================================================
    QUERY BUILDER
 ===========================================================*/


/*.checkboxes-table.table td > input[type=checkbox] + label {
    padding-left: 1em !important;
}*/
/*======= Save report container */
.query-save-container {
    border: solid 1px #e4e4e4;
}

.query-save-results h3 {
    margin-top: 15px;
    color: #4a4a4a;
}

.query-save-report {
}

    .query-save-report i {
        position: relative;
        top: 5px;
    }

/*============================================================
    ORGANIZATIONS
 ===========================================================*/




.org-info-small-text {
    color: #9d9ea6;
    font-size: 13px;
    align-items: center;
}

.org-info-acronym {
    text-align: right;
    /*border-left: solid 1px #e4e4e4;
    margin-bottom: 5px;*/
}

.org-phone-web i {
    position: relative;
    top: 7px;
    margin-right: 10px;
    color: #27AAE1;
}

table[class*=use-] td:not(.use-Ignore).useHere:not(:empty):before, table[class*=use-] td:not(.use-Ignore) > span:not(:empty):before {
    visibility: visible;
    /*content: "icon";
    ;
    font-size: 1.5em;*/
    font-family: "Material Icons Outlined";
    content: "\e86c";
    display: inline-block;
    font-size: 20px;
    color: #8dc43e
}

table[class*=use-] td:not(.use-Ignore).useHere:not(:empty), table[class*=use-] td:not(.use-Ignore) > span:not(:empty) {
    color: rgba(255, 255, 255, 0);
}

a .txt-white {
    color: white;
}

a:hover .txt-white {
    color: #0088A4;
}



.ClassMajorGroup {
    display: block;
    padding-left: 20px;
}

.ClassMinorGroup {
    display: block;
    padding-left: 30px;
    color: #8DC63F;
    font-weight: 500;
    margin-bottom: 5px;
}

body.feedback {
    overflow: hidden;
    padding-bottom: 50px;
}

/*.fab-container {
    position: fixed;
    bottom: 50px;
    right: 50px;
    cursor: pointer;
    box-shadow: 2px 2px 8px rgba(0,0,0,0.9);
    height: 77px;
    overflow: hidden;
    width: 77px;
    border-radius: 77px;
    transition: width 0.5s;
    transition-timing-function: ease-out;
}

    .fab-container:hover {
        width: 400px;
    }

    .fab-container .iconbutton {
        border: solid 3px #27AAE1;
        border-radius: 100%;
        background-color: white;
        width: 77px;
        height: 77px;
        background: url('/images/icons/MINT-chat-icon.svg');
        background-color: white;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 50px;
        position: absolute;
        top: 0;
        right: 0;
    }

    .fab-container .description {
        border: solid 3px #27AAE1;
        border-radius: 77px;
        background-color: white;
        width: 77px;
        height: 77px;
        position: absolute;
        top: 0;
        right: 0;
        line-height: 77px;
        padding-left: 20px;
        transition: width 0.5s;
        transition-timing-function: ease-out;
    }

    .fab-container:hover .description {
        width: 400px;
    }*/

.HollowButton {
    cursor: pointer;
    text-decoration: none;
    text-transform: uppercase;
    border: solid 2px #27AAE1;
    border-radius: 8px;
    padding: 10px 15px;
    font-weight: 600;
    margin: 15px 0;
    display: inline-block;
}

.questionicon {
    display: inline-block;
    vertical-align: middle;
    width: 17px;
    height: 17px;
    overflow: hidden;
    text-indent: 100px;
    white-space: nowrap;
    background-image: url(/images/icons/information.svg);
    background-repeat: no-repeat;
    margin: 0 5px;
    padding: 0;
    background-size: contain;
}

    .questionicon.unclickable {
        cursor: default;
    }

.spinnerP {
    position: absolute;
    left: 50%;
    top: 50%;
}

.spinnerC {
    position: absolute;
    top: 50%;
    left: 50%;
}

.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0); /* Semi-transparent background */
    z-index: 9999999; /* Place overlay on top */
}

.uploadmsg {
    color: red;
    font-size: 12px;
    position: absolute;
    left: 16%;
}

.daystext {
    width: 80px !important;
}

.duplicateheader {
    display: flex;
    justify-content: start;
    align-items: center;
}

.customHeaderStyleRadGrid {
    white-space: pre-wrap !important;
    text-align: center !important;
}

.centeredColumn {
    text-align: center !important;
}

.gridItemCss {
    color: #27AAE1 !important;
}

.top250Warning {
    font-size: 13px;
    color: red;
}
/* CSS styles for the button */
.button {
    font-family: 'Roboto', sans-serif !important;
    display: inline-block;
    padding: 5px 5px;
    background-color: #27AAE1;
    color: #ffffff !important;
    text-decoration: none;
    border: none;
    border-radius: 0.25rem;
    font-size: 12px;
    cursor: pointer;
    text-transform: uppercase;
    white-space: nowrap;
}

    /* Additional styles for when the button is hovered */
    .button:hover {
        background-color: #8DC63F;
        text-decoration: none;
    }

/*MtgLog Duplicate Occurence table*/

.occur2LineEllipses {
    height: 50px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.occurTable {
    margin-left: 10px;
}

    .occurTable tr td {
        border: 1px solid !important;
    }

    .occurTable th {
        border: 1px solid !important;
        height: 20px !important;
    }

        .occurTable th a {
            color: white !important;
        }

.rowformat {
    text-align: center;
}

.headerColor {
    background-color: #27AAE1 !important;
}

.scroll {
    margin-right: 20px;
    max-width: 85%;
    max-height: 50%;
    // overflow-x: auto !important;
}

.roomFlowTable {
    width: 100%;
    padding: 0px;
}

.rowsetting {
    height: 67px !important;
    max-height: 67px !important;
}

.roomhead {
    width: 30%;
}

.btnHolder {
    margin-bottom: 10px;
    margin-left: 10px;
}

#floating-scrollbar {
    border-bottom: 2px solid #000 !important;
}


.sample {
    overflow: auto;
    /*border: 2px solid #000;
    background: #181818;
    color: #F8F8F8;*/
}

    .sample + #floating-scrollbar {
        margin-left: 2px;
    }


/* adapted from http://beautifulpixels.com/goodies/create-custom-webkit-scrollbar/ */
.webkit-scrollbar::-webkit-scrollbar,
.webkit-scrollbar + #floating-scrollbar::-webkit-scrollbar {
    height: 12px;
}

::-webkit-scrollbar-button:start, ::-webkit-scrollbar-button:end {
    display: none;
}

::-webkit-scrollbar-track-piece, ::-webkit-scrollbar-thumb {
    -webkit-border-radius: 8px;
}

::-webkit-scrollbar-track-piece {
    background-color: #444;
}

::-webkit-scrollbar-thumb:horizontal {
    width: 50px;
    background-color: #777;
}

::-webkit-scrollbar-thumb:hover {
    background-color: #aaa;
}

.tooltip-inner {
    max-width: 400px;
    text-align: left;
}

.BetaTag {
    display: inline-block;
    background-color: lightgreen;
    border: 1px solid green;
    border-radius: 10px;
    font-size: 12px;
    padding: 5px;
}

.RankTag {
    background-color: #8DC63F;
    border-radius: 10px;
    padding: 5px 10px;
    color: white;
    border: solid 2px black;
}

.CRMTagCheckbox label b {
    display: flex;
    align-items: center;
    justify-content: center;
}

.CRMTag {
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 1.5em;
    padding: 0.25em 1em;
    background-color: #8dc63f;
    border-radius: 4px;
    color: white !important;
    box-sizing: content-box;
    /*     height: 33px; width: 65px; padding: 8px; background-color:#2dd2bf !important; font-weight: bold !important; color: black !important;*/
}

    .CRMTag span {
        margin-right: .3em;
        font-size: 1.5em;
    }

a.CRMTag[href]:hover {
    background-color: #27aae1;
    text-decoration: none;
}

.wintergreenicon {
    background-image: url(../images/Wintergreen.svg);
    background-repeat: no-repeat;
    display: inline-block;
    width: 20px;
    height: 20px;
}

.wintergreenicon-prospect {
    background-image: url(../images/Wintergreen.svg);
    background-repeat: no-repeat;
    display: inline-block;
    width: 50px;
    height: 35px;
    background-size: 100% 100%;
}

.confirmedicon {
    background-image: url(../images/confirm.svg);
    background-repeat: no-repeat;
    display: inline-block;
    width: 25px;
    height: 25px;
}

.unlikelyicon {
    border: 2px dashed #939393;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: inline-block;
}

.verylowicon {
    margin: 2px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: inline-block;
    background-color: #FB9700;
}


.veryhighicon {
    margin: 2px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: inline-block;
    background-color: #61A601;
}

.highicon {
    margin: 2px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: inline-block;
    background-color: #8DC63F;
}

.mediumicon {
    margin: 2px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: inline-block;
    background-color: #FFD910;
}

.lowicon {
    margin: 2px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: inline-block;
    background-color: #F4BA4A;
}


.Circle {
    width: 15px;
    height: 15px;
    border-radius: 100px;
}

.ellipse {
    width: 15px;
    height: 15px;
    background-color: #F4733C;
    border: 3px solid #D00F0F;
    border-radius: 100px;
}

.marker-label {
    font-size: 2px;
    font-weight: bold;
}

.filename-ellipsis {
    display: inline-block;
    max-width: 300px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    margin-bottom: 15px;
}

notewindow {
    min-width: 420px !important;
    min-height: 420px !important;
    max-width: 700px !important;
    max-height: 700px !important;
}

.rwContentRow {
    overflow:scroll !important;
}

 
    .note-popup-wrapper {
        display: flex;
        flex-direction: column;
        min-width: 400px !important;
        min-height: 400px !important;
        max-width: 100% !important;
        max-height: 100% !important;
    }

    .note-popup-wrapper .rowdiv {
        padding: 0 3px 3px 0;
    }

    .note-popup-wrapper .lable {
        margin: 0 20px 0 0;
        line-height: 30px;
        font-weight: bold;
    }

.RadWindow table {
    width: 100%;
    table-layout: fixed;
    word-wrap: break-word;
}