/*********************** RESPONSIVE TABLES SIDE BY SIDE ********************************/
* {
    box-sizing: border-box;
}

.row {
    margin-left: -5px;
    margin-right: -5px;
}

.column {
    float: left;
    width: 50%;
    padding: 5px;
}

/* Clearfix (clear floats) */
.row::after {
    content: "";
    clear: both;
    display: table;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    border: 1px solid #ddd;
}

th, td {
    text-align: left;
    padding: 16px;
}

th {
    text-align: center;
    background-color: #1b6ec2;
    color: #ffffff;
}

th {
    background-color: #1b6ec2;
    color: #ffffff;
}

tr:nth-child(even) {
    background-color: #f2f2f2;
}

.no_bottom_margin {
    margin-bottom: 0px;
}

.text_center {
    text-align: center;
}

.text_left {
    text-align: left;
}

/* Don't have to use razor syntax within css file */
@media screen and (max-width: 1450px) {
    .column {
        width: 100%;
    }
}
/******************************************************************** END RESPONSIVE TABLES ***********************************************/

/*** Navbar container ****/
nav .container {
    /*display: block ruby !important;*/
    display: -webkit-box !important;
}

div.hero-image-wrapper {
    width: 100%;
    padding-bottom: 27.51%;
    position: relative;
    top: 0;
    left: 0;
}

img.hero-image {
    width: 100%;
    height: auto;
    /*position: absolute;*/
    /*aspect-ratio: attr(width) / attr(height);*/
}

/*
img.brand-logo-img{
    width:100%;
    height:auto;
}*/

.megamenu {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.nav-link-main {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    font-weight: bold;
    font-family: "Montserrat", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
}

.navbar .navbar-toggler {
    position: absolute;
    right: 15px;
    top: 12px;
}

.menubar > ul.navbar-nav > li > a {
    display: inline-block;
}

.megamenu-toggle {
    display: inline-block;
    /*float:right;*/
    color: #ffffff;
    margin: 10px 0 0 0;
    background: #1b6ec2;
    width: 20px;
    height: 20px;
    /*border-radius: 10px;*/
    border: #eee solid 1px;
    font-size: 14px;
    padding: 0;
    text-align: center;
    cursor: pointer;
    vertical-align: middle;
}

    .megamenu-toggle:hover {
        background: #333;
        color: #fff;
    }

.navbar .megamenu .col-megamenu h6.title {
    text-transform: uppercase;
    margin-bottom: 1.3rem;
}

li.megamenu-navitem {
    /*float:left;*/ /*red underline should not span the entire width of column*/
}

/*.navbar .megamenu .col-megamenu ul.list-unstyled li a {*/
.megamenu-navitem a {
    /*color: #656565;*/
    /*margin-bottom: 0.2rem;*/
    padding: 0.2rem 0 0;
    text-decoration: none;
    transition: all 0.3s ease-in-out 0s;
    /*border-bottom: 3px solid #dc3545;*/
    /*background-color: transparent;*/
    /*display: inline-block;*/
}

    /*.navbar .megamenu .col-megamenu ul.list-unstyled li a:hover {*/
    /*dropdown list item*/
    .megamenu-navitem a:hover {
        color: #FFF;
        background: none;
    }

.megamenu-navlinktext {
    padding-bottom: 0.2em;
    border-bottom: 3px solid rgb(255 255 255 / 0%);
}

    .megamenu-navlinktext:hover {
        border-color: #ed1c24;
    }

.navbar-light .navbar-nav .nav-link {
    position: relative;
}

    .navbar-light .navbar-nav .nav-link:hover:before {
        opacity: 1;
    }


/*.navbar-light .navbar-nav .nav-link:before {
        transition: bottom 0.3s ease-in-out;
        content: '';
        position: absolute;
        bottom: 6px;
        left: 6px;
        right: 6px;
        background: #ed1c24;
        height: 3px;
        opacity: 0;
    }*/

.navbar .has-megamenu .dropdown-menu {
    background: #181643;
}

.navbar .megamenu .col-megamenu h6.title, .navbar .megamenu .col-megamenu ul.list-unstyled li a {
    color: #FFF;
}

/*.show-lg {
    display: block;
}

.show-md {
    display: none;
}*/

#alertPlaceholder{
    text-align: center;
}



/*google site search fix*/
input.gsc-input {
    line-height: 1.2;
    box-sizing: content-box;
    font-size: .9em;
}

.gsc-search-button {
    line-height: 1.2;
    box-sizing: content-box;
}

.card {
    height: 100%;
    border: 1px solid #cccccc;
}

.col-sm-12.col-lg-6 {
    margin-bottom: 20px;
}

/** Dental Hygiene Application*/
/* Make general application instructions scrollable*/
#alliedHealthApplication .card,
#generalApplicationInstructions .card {
    margin-bottom: 25px;
}

#alliedHealthApplication input,
#generalApplicationInstructions input,
#alliedHealthApplication select,
#generalApplicationInstructions select {
    margin-bottom: 15px;
}

#alliedHealthApplication .card-header {
    font-weight: bold;
    background-color: #1b6ec2;
    color: white;
}

#generalApplicationInstructions div.card-body {
    height: 400px !important;
    overflow: auto !important;
}

#alliedHealthApplication fieldset {
    border: 3px solid black !important;
    margin-bottom: 25px;
}

#scrollableApplicantInstructions {
    overflow: scroll;
}

#alliedHealthApplication,
#contact,
#showApplicantInstructionsLink {
    display: none;
}

#SameAsPrimaryDiv {
    position: relative;
    display: flex;
}

    #SameAsPrimaryDiv > label {
        position: relative;
        float: left;
        width: 70% !important;
    }

#SameAsPrimary {
    font-size: 0.4em;
    position: relative;
    float: right;
    width: 5%
}

input.larger {
    transform: scale(1.5);
}

#appInstructionsAckDiv {
    padding-left: 15px;
}

#programErrorsDiv,
#MA_Error_Div {
    text-align: left;
    font-weight: bold;
    margin-bottom: 40px;
    padding-left: 25px;
    color: #ff0000;
}

.hideElement {
    display: none;
}

#addressDiv {
    display: flex;
    flex-wrap: wrap;
}

#emailDiv {
    display: inline-block;
}

#LITEmail {
    float: left;
}

#PersonalEmail {
    float: right;
}

button#addCollegeButton,
button#removeCollegeButton {
    margin-bottom: 20px;
    width: 100%;
}

/****** FOR TLC PAGE **********/
#TLC_CardContainer {
    display: inline-flex;
    flex-wrap: wrap;
    width: 100%;
    /** Make single column view **/
    align-items: center;
    flex-flow: column;
}

#TLC_CardContainer .card {
    width:75%; /* 45 with multiple columns; 100% with single column */
    height: 100%;
    border: 1px solid #cccccc;
    margin-right: 2%;
    margin-top: 3%;
    box-shadow: 5px 5px 5px #ccc;
}

#TLC_CardContainer .card-title {
    margin-bottom: 0.75rem;
    text-align: center;
    font-weight: 700;
    font-size: 1.2em;
    padding: 10px 0px;
    background-color: #1b6ec2;
    color: white;
}

#TLC_CardContainer > .card-img,
#TLC_CardContainer > .card-img-bottom,
#TLC_CardContainer > .card-img-top {
    /* flex-shrink: 0; */
    /* width: 200px !important; */
}

.topDivCards{
    width: 24%;
    margin-right: 1%;
}

.topDivCardsLinks{
    width: 95%;
}

.pros-content-text{
    position: relative;
    float: left;
    width: 100%;
}

.topProsCardButtons{
    margin-bottom: 5%;
}

.qr_learn_more{
    width: 55%;
    max-width: 140px;
}

.links1,.links2{
    position: relative;
    display:inline-block;
}
.links1{
    float:left;
    width:80%;
}
.links2{
    float:right;
    width:20%;
}

@media only screen and (max-width:1025px) {
    #TLC_CardContainer .card {
        width: 100%;
    }
}
    /******************END TLC CUSTOM STYLES****************/

    /****************** ACADEMIC CALENDAR ******************/
.calendar-item-date-month-day > time.badge{
    border-radius:15px;
}

.calendar-item-date-description {
    background-color: #f7f7f747;
}
/*******************END ACADEMIC CALENDAR***************/
/* RESPONSIVE CSS **/
@media only screen and (max-width: 991px) {
    ul .quick-menu {
            margin-bottom: 1em;
        }

            ul.quick-menu.navbar-nav {
                -ms-flex-direction: row;
            -webkit-flex-direction: row;
            flex-direction: row;
            -ms-flex-wrap: wrap;
            -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
            }

                ul.quick-menu.navbar-nav > li {
                    margin-right: 3em;
                }

        .search-input {
            max-width: 75%;
            margin-right: 1em;
        }

        #navbarSupportedContent {
            margin-left: -1rem;
            margin-right: -1rem;
            padding-left: 1em;
            /*background-color: #eeeeee;*/
        }

        #sameAsPrimaryText {
            width: 40% !important;
        }

        /* shorten width of top links if width < 991px */
        .navbar-nav {
            width: 70% !important;
        }
    }

    @media only screen and (max-width: 991px) {
        a.nav-link-main {
            font-size: 22px;
        }
    }

    /** Show Primary and Mailing Address full width */
    @media only screen and (max-width: 1080px) {
        #primaryAddress {
            width: 100% !important;
        }

        #mailingAddress {
            width: 100% !important;
        }
    }

    @media only screen and (max-width: 576px) {
        .sidehero-button-wrapper {
            margin-top: 10px !important;
        }
    }

    /** Adjust same as primary address text for smaller screens */
    @media only screen and (max-width: 500px) {
        #sameAsPrimaryText {
            width: 80% !important;
        }

        body > * {
            font-size: 0.85em !important;
        }
    }

    @media only screen and (max-width: 380px) {
        #sameAsPrimaryText {
            width: 90% !important;
        }
    }

    /* 868px */
    @media only screen and (min-width: 745px) and (max-width: 991px) {
        #navbarSupportedContent1 {
            margin-left: -1.5rem;
            margin-right: -1rem;
            padding-left: 1em;
            background-color: #eeeeee;
        }

        #navbarSupportedContent {
            /*margin-right: 0;*/
        }

        .quick-menu {
            background-color: #ffffff;
            margin: 0;
            margin-left: -3em;
        }

        .secondnavbar {
            position: inherit;
            /* background: none !important; */
        }

        /*.navbar-light .navbar-nav .nav-link {
        font-size: 14px;
    }*/

        .navbar-brand img {
            max-width: 112px !important;
        }

        .navbar-expand-md .container {
            /*max-width: 768px;
        padding-right: 56px;
        padding-left: 0;*/
        }

        /*a.btn.btn-outline-primary.my-2.my-sm-0.mr-3 {*/
        a.btn-calendar {
            margin-right: 0.5rem !important;
        }

        /*a.btn.btn-outline-danger {*/
        a.btn-apply {
            margin-right: 8px;
        }


        /*a.btn-calendar,a.btn-apply{
        display: none;
    }*/
    }

    @media all and (max-width: 991px) {
        .nav-link-main {
            margin-right: 1em;
            color: #1b6ec2 !important;
            background-color: none;
        }

        .megamenu-toggle {
            float: right;
        }

        .brand-logo-img {
            margin-right: 3em;
        }

        .navbar-nav .dropdown-menu {
            padding: 1.5rem;
        }

        .col-megamenu {
            margin-bottom: 1rem;
        }


        /*.show-lg {
        display: none;
    }

    .show-md {
        display: block;
    }*/
    }

    @media all and (min-width: 992px) {
        a.nav-link-main {
            color: #ffffff !important;
        }

        .secondnavbar {
            background-color: #1b6ec2; /*blue*/
        }

        .nav-link-main:focus, .nav-link-main:hover {
            /*color: #fff !important;*/
            /*background-color: #ed1c24 !important;*/ /*red*/
            /*background-color: #3173b5 !important;*/ /*blue*/
            background-color: #181643 !important; /*dark blue*/
            /*border-color: #3173b5 !important;
        border-radius: .25rem*/
        }

        .megamenu-toggle {
            display: none;
        }

        .has-megamenu > .dropdown-menu {
            top: 130%;
            transition: all 0.3s ease-in-out 0s;
            visibility: hidden;
            opacity: 0;
            display: block;
        }

        .dropdown:hover > .dropdown-menu {
            /* display: block;*/
            top: 100%;
            visibility: visible;
            opacity: 1;
        }

        .navbar .has-megamenu {
            position: static !important;
        }

        .navbar .megamenu {
            left: 0;
            right: 0;
            width: 100%;
            padding: 20px;
        }
    }


    @media only screen and (min-width: 1199px) {
        .brand-logo-img {
            margin-right: 5em;
        }

        .nav-item-main {
            margin-right: 2em;
        }
    }