@media (min-width: 768px) {
    .wideVid {
        height: 184.5px;
    }
}
@media (min-width: 992px) {
    .wideVid {
        height: 252px;
    }
}
@media only screen and (max-width:1220px){
    .navtop{
        position:absolute !important;
    }
}
@media (min-width: 1210px) {
    .wideVid {
        height: 315.88px;
    }
}
@media only screen and (max-width:1220px){
    .eslcer p{
        width: 76% !important;
    margin-left: 161px !important;
    font-size: 64% !important;
    }
    
    .bannerText h1{
        margin-top: 6px !important;
        font-size: 37px !important;
    }
    .bannerContainer{
        margin-top: 232px !important;
    }
}
@media only screen and (max-width:1220px){
    .paragraph{
            margin-left: 60px!important;
    }
}

@media only screen and (max-width:1220px){
    .supportAndGuidanceHeader {
        margin-top: 200px!important;
    }
    .txelLinkDiv{
        margin-top: 0px!important;
    }
    
    .paragraph img{
            width: 92%!important;
    }
    .txelLinkHeader{
            margin-left: -100px!important;
    }
    .headerTitle h1 {
            font-size: 162%!important;
    }
    .welcome-heading{
            margin-top: 182px!important;
    }
}

.testicon::after{
   font-family: 'FontAwesome';
    content: " none";
    margin: 0 3px 0 5px;
    font-size: 13px;
}
}


.star-rating:focus{
    color:orange !important;
}
.welcome{
    /*margin-top: 219px;*/
}
.modStyle{
    
}

.navtop{
     position: fixed;
    z-index: 1;
    margin-top: 113px;
    background: white;
    width: 1250px;
    /* margin: auto; */
    /* margin-top: 47px; */
    height: 125px;
    left: 55px;
   /* margin-top: 100px;*/
}
.homeTop{
    /*height:136px !important;*/
}

    .direction{
        padding: 20px;
    position: absolute;
    top: -88px;
    background-color: white;
    width: 360px;
    margin-left: -37px;
    }
    
    .input:before{
        content:"*";
        color:red;
    }

a[target="_blank"]::after {
font-family: 'FontAwesome';
    content: " \f08e";
    margin: 0 3px 0 5px;
    font-size: 13px;
}
 a[data-linkcategory="Footer"]::after {
  font-family: 'FontAwesome'!important;
    content: " \f08e" !important;
  margin: 0 3px 0 5px !important;
      font-size: 13px !important;

}
a[data-linkcategory="Header"]::after {
    content: "none" !important;
}

#brandmenubar a::after {
  content:none;
}

    
.ballLinks > div > a > p {
    text-align: center;
    font-weight: 800;
    color: #3f3870;
    margin-top: 0.25rem;
    cursor: pointer;
    font-size: 1.5rem;
}
.highlightsbackground {
    border: 0.5px solid;
    padding: 10px 10px 20px;
    box-shadow: 2px 2px #888888;
    margin: 10px;
    width: 100%;
    height: 100%;
}
.modal-backdrop.show {
    opacity: 0 !important;
}
.modal-backdrop {
    position: sticky !important;
}
/*.Mymodal.show{*/
/*    overflow-y: scroll;*/
/*    height: -webkit-fill-available;*/
/*     height: -moz-available;        */
/*    height: fill-available;*/
/*}*/

.modal-backdrop{
    position:sticky;
}

.linksBackground{
        
    }
.grid-image {
        width: 70%;
    }
    .mapImage{
        width: 100%;
        height: 400px;
    }
    .col-4 .grid-image {
        width:60%;
    }
    .supportAndGuidanceHeader {
        background-color: #094478;
        margin-top: 5px;
    }

    .headerTitle {
        color: white;
        padding: 45px 15px 15px 115px;
    }

        .headerTitle h1 {
            font-size: 45px;
            text-align: center;
        }

    .tealogo {
        padding: 0 0 8px 0;
    }

    .txelLinkDiv {
        background-color: #008482;
    }

    .txelLinkHeader {
        padding: 15px 15px 10px 10px;
    }

        .txelLinkHeader a {
            font-size: 25px;
            color: white
        }


    /*.paragraph {*/
    /*    padding-left: 10px !important;*/
    /*    padding-right: 90px !important;*/
    /*}*/

    .guidanceContent {
        padding: 5px;
        border: 2px solid #094478;
    }

    .greenFooterBar {
        height: 40px;
        background-color: #92C841;
        border: 1px solid #92C841;
    }

    .guidanceFooter {
        background-color: #094478;
    }

    .footerLinkDiv {
        padding: 20px;
    }
.supportAndGuidanceHeader {
        background-color: #094478;
        margin-top: 5px;
    }

    .headerTitle {
        color: white;
        padding: 45px 15px 15px 115px;
    }

        .headerTitle h1 {
            font-size: 45px;
            text-align: center;
        }

    .tealogo {
        padding: 0 0 8px 0;
    }

    .txelLinkDiv {
        background-color: #008482;
    }

    .txelLinkHeader {
        padding: 15px 15px 10px 10px;
    }

        .txelLinkHeader a {
            font-size: 25px;
            color: white
        }


    /*.paragraph {*/
    /*    padding-left: 40px !important;*/
    /*    padding-right: 90px !important;*/
    /*}*/

    .guidanceContent {
        padding: 5px;
        border: 2px solid #094478;
    }

    .greenFooterBar {
        height: 40px;
        background-color: #92C841;
        border: 1px solid #92C841;
    }

    .guidanceFooter {
        background-color: #094478;
    }

    .footerLinkDiv {
        padding: 20px;
    }
body {
    color: black;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 1.4rem !important;
    font-size: 1.04rem;
}

a {
    color: #0d6cb9;
    display: inline-block;
    text-decoration: underline;
    
}

.container {
    /*max-width: 1300px;*/
    margin-left: auto;
    margin-right: auto;
    padding: 30px;
    padding-bottom: 0px;
}

.padding-0 {
    padding-right: 0;
    padding-left: 0;
}

.blue {
    color: #416cb2;
}

.top {
    /*border-bottom: 2px solid #6d6e70;*/
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 30px;
    /**/
        /*display: none;*/
   
}

@media only screen and (max-width:1024px){
    .accordionTitle button{
        margin-top:200px;
    }
    .greyContent{
        font-size:0.8rem!important;
    }
    .greyContent2{
        font-size:0.8rem!important;
        line-height:4;
    }
    
    .leftContent{
        margin-top:235px;
    }
}

@media only screen and (max-width: 1000px) {
    
    
    .firstHeading span {
        font-size: 1.55rem;
    }
    #SiteTitle1 {
        margin-left: 10px;
    }
}

    .top h2 {
        font-weight: normal;
        display: inline-block;
        margin-bottom: 5px;
    }

.logo {
    width: 115px;
    margin-top: -5px;
    margin-bottom: -10px;
    background: white;
    padding-left: 5px;
}

[class*="col-"] {
    padding-left: 0px;
}

#SiteTitle:hover {
    text-decoration: none !important;
}

#SiteTitle1:hover {
    text-decoration: none !important;
}

/**NAVBAR related styles**/
/*.scnd {*/
/*    background: white !important;*/
    /*margin-top: 12px;*/
/*    padding-left: 10px;*/
/*    padding-top: 0px;*/
/*}*/

/*.nav-link {*/
/*    padding: 0px !important;*/
/*    color: #6d6e70;*/
/*    font-weight: bold;*/
/*    font-size: 1.25rem;*/
/*}*/

.smartphone-only {
    display: none;
}

/*.navbar-expand-lg {*/
/*    padding: 0px;*/
/*}*/

/**NAVBAR styles  END**/

.welcome-heading {
    color: #f16038;
    font-weight: bold;
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 40px;
}

.parents-heading {
    color: #f16038;
    font-weight: bold;
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 40px;
}

.parents-text {
    margin-top: 0px;
    font-size: 24px;
}

.welcome h3 {
    margin-top: 8px;
    font-size: 20px;
    font-weight: 500;
}

.culture-options {
    margin: 15px 0px;
}

.right-bar {
    padding-right: 0px;
    padding-left: 14px;
}

.center-bar {
    padding: 0px;
}

.left-bar {
    padding-left: 0px;
}

.right-bar-home {
    padding-right: 10px;
    padding-left: 24px;
    margin-top: 10px;
}

.left-bar-home {
    padding-left: 10px;
    padding-right: 24px;
    margin-top: 10px;
}

.grid-image {
    width: 100%;
}

.centered-image {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    position: absolute;
    border-color: #3C3535;
    border: 7px solid;
    height:94%;
}

.centered-image-leaders {
    width: 100%;
    margin-bottom: 10px;
    position: absolute;
    border-color: #3C3535;
    border: 8px solid;
    height:330px;
}


.image-shadow-border img {
    width: 100%;
    margin-bottom: 10px;
    border-color: #3C3535;
    border: 7px solid;
}

.main-image-float img {
    float: right;
}

.footerSection {
    /*border-top: 2px solid #6d6e70;*/
    padding-top: 10px;
    width: 100%;
}

.footer {
    background: #0d6cb9;
    color: white;
    /*font-weight: bold;*/
    font-size: 12.5px;
    text-align: center;
    padding: 10px 30px;
    /*margin-right: -17%;
    margin-left: -20%;*/
    /* margin-top: -28px;*/
    /*width: 138%*/
    /* padding-bottom: 20px; */
}

.footerYellowText {
    color: #ffffc0 !important;
}

.blue-rectangle {
    background: #416cb2;
    color: white;
    font-weight: bold;
    font-size: 16px;
    padding: 8px 8px;
    margin-bottom: 10px;
}

.footer a {
    color: lightgrey;
}

.language-row {
    display: inline-block;
    margin-left: 20px;
    float: right;
    margin-top: 10px;
}

div .blueBox {
    background: #D9E2F0;
    color: black;
    font-weight: 500;
    font-size: 14.5px;
    font-family: Arial, Helvetica, sans-serif;
    text-align: left;
    padding: 10px 10px;
    padding-bottom: 5px;
    margin-bottom: 0.5rem;
}

.bluBox {
    background: #416cb2;
    color: white;
    font-weight: 500;
    font-size: 14.5px;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    padding: 10px 30px;
    padding-bottom: 5px;
}

.bluebox_title {
    padding-left: 35px;
}

.bluBox h5 {
    font-size: 1.18rem;
    font-weight: 600;
}

.simpleParagraph {
    color: black;
    padding: 3%;
    margin-bottom: 0px;
}

p {
    font-weight: 500;
}

.paragraph {
    color: black;
    /*FamilySupports*/
    /*color: white; */
    padding-left: 0px; /*Changed from 10px to 0px by dilip*/
    margin-bottom: 0.5rem !important;
}

.paragraph-sm {
    color: black;
    padding-left: 10px;
    font-size: 13px;
    font-weight: bold;
    text-align: center;
}

.customUl {
    margin: 0.75em 0;
    padding: 0 1em;
    list-style: none;
    padding-left: 10%;
    padding-top: 0%;
}

.customLi:before {
    content: "";
    border-color: transparent #416cb2;
    border-style: solid;
    border-width: 0.35em 0 0.35em 0.45em;
    display: block;
    height: 0;
    width: 0;
    left: -1em;
    top: 0.9em;
    position: relative;
}

.staffing-cert-img {
    width: 250px;
    float: left;
    margin-right: 20px;
    margin-bottom: 30px;
}

.liHeader {
    font-weight: bold;
    margin-bottom: 0%;
}

.liBody {
    margin-left: 3%;
    color: black;
}

.liBody {
    color: black;
    font-size: smaller;
}

.divBody {
    color: black;
    font-size: smaller;
    max-height: 20px;
}

.divBodyLarger {
    color: black;
    font-size: smaller;
    max-height: 40px;
}

.adobeIcon {
    height: 1.5em;
    width: 1.5em;
}

.rowUnderline {
    border-bottom: 1px solid #6d6e70;
    padding-top: 30px;
    padding-bottom: 30px;
    padding-right: 15px;
    padding-left: 15px;
}

.rowMargins {
    padding-top: 30px;
    /* padding-bottom: 30px;
    /* padding-right: 15px;
    padding-left: 15px;*/
}

.titlePadding{
    padding-top:30px;
}

.paragraph a {
    text-decoration: underline;
}

.no-underline a {
    text-decoration: none;
}

.removebottom p{
    margin-bottom:0px;
}
.v-space-5 {
    min-height: 5px;
}

.no-underline a:hover {
    text-decoration: underline;
}

.rowImage img {
    width: 100%;
}

.rowImage .caption{
    display:none;
}

.rowImageTexasRegionsTeachers {
    width: 125%;
}

.rowImageTexasRegions {
    width: 100%;
}


.rowTitle {
    padding-left: 0px; /*Changed from 10px to 0px by dilip*/
    font-weight: bold;
    color: #416cb2;
    margin-bottom: 8px;
    font-size:16px;
}

.esp-div {
    display: none;
}

/*Styles ruby Dilip*/
.menuTD {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 15px;
}

.subMenuTD {
    padding-left: 18px;
    vertical-align: top;
}

    .subMenuTD > ul > li > a {
        font-weight: bold;
        color: #6d6e70;
    }

.collapsible {
    /*background-color: #dcdeeb; #eee;*/
    color: #444;
    cursor: pointer;
    padding: 10px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 18px;
}

.collapsible-darkblue {
    background-color: #0d6cb9;
    color: white;
}

.collapsible-orange {
    background-color: #f16038;
    color: white;
}

.collapsible:hover {
    /*background-color: #ccc;*/
}

.collapsible:after {
    content: '\23F7';
    color: #777;
    font-weight: bold;
    float: right;
    margin-left: 5px;
}

.active:after {
    content: "\23F6";
}

.content {
    padding: 0 18px;
    overflow: hidden;
    background-color: #f1f1f1;
}

#myBtn {
    display: none;
    position: fixed;
    bottom: 55px;
    right: 20px;
    z-index: 99;
    font-size: 18px;
    border: none;
    outline: none;
    background-color: rgba(0,0,0,.2);
    background-image: url(../media/310nhmjz/arrow.png);
    background-repeat: no-repeat;
    background-position: center center;
    width: 30px;
    height: 30px;
    color: white;
    cursor: pointer;
    padding: 0px;
    border-radius: 3px;
}

.compliance-program-services-img {
    width: 260px;
    float: right;
}

.state-fed-req-img {
    margin-bottom: 20px;
    float: right;
    padding-top: 12px;
    padding-right: 10px;
}

.flex-non-mobile {
    display: flex;
}

/*Styles by Dilip*/

.listnone {
    list-style: none;
    padding: 0px;
    line-height: 26px;
}

.copy-text {
    margin-bottom: 0px;
    font-size: 12px;
    color: white;
    text-align: center;
}

.footer {
    background-color: #0d6cb9;
}

.footer-top {
    margin-bottom: 60px;
    border-bottom: 2px solid #3e3939;
}

.footer-block {
    
}

@media only screen and (max-width:1023px) {
    .footer-block {
        text-align: center;
        padding-right: 0px;
    }

    .footer-links {
        padding-right: 0px;
    }
}

.ft-logo {
    margin-bottom: 30px;
}

.footer-block ul li {
    color: white;
    font-size: 13px;
}

    .footer-block ul li a {
        color: white;
        font-size: 13px;
    }

        .footer-block ul li a:hover {
            color: #fff;
        }

.container2 {
    padding: 10px 0px;
    background-color: #0d6cb9;
    margin-left: 0;
    margin-right: 0;
    width: 100%;
    text-align: center;
}

@media only screen and (min-width:300px) {
    .container2 {
        width: 100%;
    }
}



    @media only screen and (min-width: 1210px) {
        .container {
            max-width: 1180px;
        }
    }

    @media only screen and (max-width: 992px) {
        .nav-item {
            border-bottom: 1px solid #6d6e70;
            margin-top: 10px;
            background: none !important;
        }

        .navbar > h2 {
            font-size: 30px;
        }

        .navbar {
            display: block;
            z-index:1;
            display:none;
        }

        .logo {
            margin-bottom: 10px;
        }

        .language-row {
            width: 100%;
        }
          .survey-text-block {
        margin-top: 0px !important;
        margin-left: 0px !important;
         }
    }

    @media only screen and (max-width: 775px) {
        .centered-image {
            height: 86%;
        }

        .navbar > h2 {
            font-size: 30px;
        }

        .left-bar-home {
            padding-left: 4px;
            padding-right: 4px;
        }

        .right-bar-home {
            padding-right: 4px;
            padding-left: 4px;
        }
         .survey-text-block {
        margin-top: 0px !important;
        margin-left: 0px !important;
        }
    }

    @media only screen and (max-width: 570px) {

        p {
            font-size: 1.05rem;
        }

        .paragraph {
            font-size: 1.05rem;
        }

        .simpleParagraph {
            font-size: 1.05rem;
        }

        .right-bar {
            /*all: unset;*/
            width: 100%;
            padding-right: 15px;
            padding-left: 15px;
        }

        .right-bar-home {
            /*all: unset;*/
            width: 100%;
            padding-right: 15px;
            padding-left: 15px;
            padding-top: 10px;
            margin: auto;
        }

        .sm-30px {
            font-size: 30px;
        }

        .compliance-program-services-img {
            float: none;
        }

        .state-fed-req-img {
            float: none;
            width: 100%;
        }

        .flex-non-mobile {
            display: block;
        }

        .staffing-cert-img {
            width: 270px;
            margin-right: 40px;
        }

        .rowImageTexasRegionsTeachers {
            width: 100%;
        }

        .main-image-float {
            float: none;
        }

        .navbar > h2 {
            font-size: 28px;
        }

        .center-bar {
            /*all: unset;
            width: 100%;
            padding-left: 15px;
            padding-right: 15px;
            margin-top:6px;
            margin-bottom:6px;
            text-align: center;*/
            display: none;
        }

        .centered-image {
            /*all: unset !important;*/
            display: block;
            width: 95% !important;
            border: 2px solid red;
            margin-left: auto;
        }

        .centered-image-leaders {
            /*all: unset !important;*/
            display: block;
            width: 95% !important;
            border: 2px solid red;
            margin-left: auto;
        }

        #gcse-search-div {
            display: none;
        }

        .smartphone-only {
            display: block;
        }

        .left-bar {
            /*all: unset;*/
            width: 100% !important;
            padding-left: 15px;
            padding-right: 15px;
        }

        .left-bar-home {
            /*all: unset;*/
            width: 100% !important;
            padding-left: 15px;
            padding-right: 15px;
            padding-top: 10px;
            margin: auto;
        }

        .ddl-language {
            width: 100%;
            padding-left: 15px;
            padding-right: 15px;
        }

        .nowrap-mobile {
            flex-wrap: nowrap;
            padding-top: 14px;
            padding-left: 4px
        }

        .language-row {
            width: 100%;
        }
        .survey-text-block {
        margin-top: 0px !important;
        margin-left: 0px !important;
         }
         .survey-text-centered{
        width: 100% !important;
        }
    }

.btn-orange {
    background-color: #f16038;
    color: white;
}

.tab {
    overflow: hidden;
}

.collapseProfessionalDevelopment h6 {
    font-size: 0.97rem;
    margin-bottom: 0.1rem;
    color: black;
    font-weight: bold
}
/* Style the buttons inside the tab */
.tab button {
    cursor: pointer;
}


/* Style the tab content */
.tabcontent {
    display: none;
    -webkit-animation: fadeEffect 1s;
    animation: fadeEffect 1s;
}

/* Fade in tabs */
@-webkit-keyframes fadeEffect {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeEffect {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@media only screen and (max-width: 570px) {
    #image_1 {
        width: 80vw;
        margin-top: 50px;
    }
}

/*
HTML table styles
*/

div.lepTable > *, div.sectionTwoTable > * {
    color: black;
}

div.lepTable .tg {
    border-collapse: collapse;
    border-spacing: 0;
}

    div.lepTable .tg td {
        font-family: Arial, sans-serif;
        font-size: 12px;
        padding: 10px 5px;
        border-style: solid;
        border-width: 3px;
        overflow: hidden;
        word-break: normal;
        border-color: black;
    }

    div.lepTable .tg th {
        font-family: Arial, sans-serif;
        font-size: 12px;
        font-weight: normal;
        padding: 10px 5px;
        border-style: solid;
        border-width: 1px;
        overflow: hidden;
        word-break: normal;
        border-color: black;
    }

    div.lepTable .tg .tg-c3ow {
        border-color: inherit;
        text-align: center;
        vertical-align: top;
    }

    div.lepTable .tg .tg-0pky {
        border-color: inherit;
        text-align: left;
        vertical-align: top;
    }

div.lepTable > *, div.sectionTwoTable > * {
    color: black;
}



/* SECTION TWO TABLE STYLES */

div.sectionTwoTable .tg {
    border-collapse: collapse;
    border-spacing: 0;
}

    div.sectionTwoTable .tg td {
        font-family: Arial, sans-serif;
        font-size: 12px;
        padding: 10px 5px;
        border-style: solid;
        border-width: 3px;
        overflow: hidden;
        word-break: normal;
        border-color: black;
    }

    div.sectionTwoTable .tg th {
        font-family: Arial, sans-serif;
        font-size: 12px;
        font-weight: normal;
        padding: 10px 5px;
        border-style: solid;
        border-width: 3px;
        overflow: hidden;
        word-break: normal;
        border-color: black;
    }

    div.sectionTwoTable .tg .tg-x1hj {
        font-size: 18px;
        text-align: left;
        vertical-align: top;
    }

    div.sectionTwoTable .tg .tg-kghl {
        font-size: 18px;
        text-align: left;
        vertical-align: middle;
    }

    div.sectionTwoTable .tg .tg-0cb0 {
        font-size: 18px;
        background-color: #00acec;
        color: #fff;
        text-align: left;
        vertical-align: middle;
    }

    div.sectionTwoTable .tg .tg-8kiw {
        font-size: 18px;
        background-color: #00acec;
        text-align: left;
        vertical-align: middle;
    }

    div.sectionTwoTable .tg .tg-r2yh {
        font-size: 18px;
        text-align: center;
        vertical-align: middle;
    }

@media screen and (max-width: 767px) {
    div.sectionTwoTable .tg {
        width: auto !important;
    }

        div.sectionTwoTable .tg col {
            width: auto !important;
        }

    div.sectionTwoTable .tg-wrap {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
}


/*END OF HTML TABLE STYLES*/

.middleTitle {
    background-color: #6d6e70; /*#eee;*/
    color: #444;
    cursor: pointer;
    padding: 10px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    color: white;
}

.subSection {
    padding: 10px;
}

#classFlex {
    flex-direction: column;
    align-content: center;
}

.contentlink {
    text-decoration: none !important;
}

.coursehours {
    font-size: 15px !important;
}

.blueBox_contact {
    background: darkgrey;
    color: white;
    font-weight: 500;
    font-size: 14.5px;
    font-family: Arial, Helvetica, sans-serif;
    text-align: left;
    padding: 10px 10px;
    padding-bottom: 5px;
    margin-bottom: 0.5rem;
}
/*open in new window css*/
a.info {
    position: relative;
    text-decoration:underline;
}

a.analytics{
    /*text-decoration:underline;*/
}

    a.info:hover, a.info:focus, a.info:active {
        z-index: 25;
    }

    a.info span {
        position: absolute;
        left: -9000px;
        width: 0;
        overflow: hidden;
    }
    a[class="info"]::after{
   content:"";
}

    a.info:hover span, a.info:focus span, a.info:active span {
        display: block;
        position: absolute;
        /*top: 1em;*/
        left: 1em;
        width: 12em;
        border: 1px solid #0cf;
        background-color: #cff;
        color: #000;
        text-align: center
        
    }

#skip a {
    /*position: absolute;*/
    position: static;
    top:70px;
    z-index:2;
    overflow: hidden;
}

    #skip a:focus {
        position:  absolute;
    top:70px;
    z-index:2;
    }

.btn-link {
    font-weight: normal;
    color: #012169;
    border-radius: 0;
}

.firstHeading {
    font-size: 1.75rem;
    line-height: 1.5rem;
}

.accordionTitle {
    display: contents;
}

.accordionContentTitle {
    font-size: 1rem;
}

.commissionerRuleAndSepcialProgramRowTitle {
    font-size: 1rem;
}

.leadersMainContent {
    display: contents;
}

.communityPartnerAccordionContent {
    font-size: 0.97rem;
    font-weight: bold;
    display: contents;
}

.escContact {
    font-size: 1.04rem;
    margin-bottom: 1rem;
}

.formLabel {
    color: black;
    font-weight: bold;
    margin-left: 3px;
}

/* start: table is replaced by div and css in Compliance page*/
.divTable {
    display: table;
    width: 100%;
    border: 3px solid;
}

.divTableRow {
    display: table-row;
}

.divTableHeading {
    background-color: #EEE;
    display: table-header-group;
}

.divTableCell, .divTableHead {
    border: 1px solid black;
    display: table-cell;
    padding: 3px 10px;
    width: 25px;
}

.divTableHeading {
    background-color: #00acec;
    display: table-header-group;
}

.divTableBody {
    display: table-row-group;
}


.lepTableHead {
    border: 1px solid black;
    display: table-cell;
    padding: 3px 10px;
    
}

.lepTableCell {
    border: 1px solid black;
    display: table-cell;
    padding: 3px 10px;
}

/* end: table is replaced by div and css in Compliance page*/


.professionaldevelopment-image-shadow-border img {
    width: 100%;
    margin-bottom: 10px;
    border-color: #3C3535;
    border: 2px solid;
}


#quick-nav {
    background: #0d6cb9;
    width: 100%;
    position: fixed;
    z-index: 500;
}

#brandmenubar {
    float: right;
}

    #brandmenubar a {
        color: #fff;
        padding: 0 9px;
        text-decoration: none;
        font-family: "Open Sans Condensed",sans-serif;
        font-weight: 700;
    }

.brandmenulist {
    padding-top: 15px;
}

.comingSoonContainer img{
    width: 100%; 
    padding-top: 3%;
}

.iconImg img {
    float: left; 
    width: 40px; 
    margin-right: 10px;
}

.professionalDevRowImage2 img{
    height:400px;
}

.professionalDevRow1
{
    border-bottom: 1px solid #6d6e70;
    padding-bottom: 30px;
    padding-right: 15px;
    padding-left: 15px;
}

.engagementIcon img{
    float:left;
    width:40px;
    margin-right:10px
}

.complianceAccordion1 img{
    width:180px;
    padding-top:2px;
    margin-right:14px;
    float:left;
}

.staffingMainImage img{
    width:300px; 
    height:220px;
}

.programImplementationGraphic img{
    width:750px; 
    margin-left:90px;
}

.programImplementationIcon img
{
    float:left;
    width:40px;
    margin-right:10px;
}

.titleMargin{
    margin-left:-15px;
    margin-right:-15px;
}

.escContactsMargin{
    padding-top:30px;
    padding-bottom:30px;
    margin-left:20px;
}

.contactPageImage {
    width: 100%;
    margin-bottom: 10px;
    border-color: #3C3535;
    border: 7px solid;
}

.graduationImage img{
    margin-left:40px;
}

.rowMargins-no-underline {
    padding-top: 30px;
    padding-bottom: 30px;
    padding-right: 15px;
    padding-left: 15px;
}
#brandmenubar {
    float: none;
}
.goog-te-gadget {
    background-color: white;
    padding-left: 20px;
}
.goog-logo-link{
    color: black !important;
}

/**Footer styles**/

.popup-stars{
     display:none;
        background: transparent;
    position: fixed;
    bottom: -136px;
    right: 20px;
    z-index: 99;
    width: 434px;

}


/*Modal Style*/
.modal {
    display:none;
}
    
.modStyle{
    background-color: #fff;
    color: #212529;
    text-align:center;
    padding: 0;
    border-radius: 0.3rem;
    margin: 17px 0px !important;
    display: flex !important;
    align-items: baseline !important;
    justify-content: flex-end !important;
}
    
        .Modal {
        display: block;
        position: fixed;
        left: 0;
        top: 0;
        z-index: 9999;
        width: 100%;
        height: 100%;
        padding-top: 100px;
        background-color: black;
        background-color: rgba(0, 0, 0, 0.4);
        -webkit-transition: 0.5s;
        overflow: auto;
        transition: all 0.3s linear;
    }

    .Modal-content {
        background-color: #0d6cb9;
        margin: auto;
        padding: 25px;
        border-radius: 1px;
        max-width: 650px;
        margin-top: 250px;
    }

        .Modal-content p {
            color: white;
            font-size: 1.25rem;
        }

    .ModalOpen {
        overflow: hidden;
    }

    .is-hidden {
        display: none;
    }

    .is-visuallyHidden {
        opacity: 0;
    }

    .is-blurred {
        filter: blur(2px);
        -webkit-filter: blur(2px);
    }
    
/* ====== Zoom effect ====== */
 .mfp-zoom-in {
	/* start state */
	/* animate in */
	/* animate out */
}
 .mfp-zoom-in .mfp-with-anim {
	 opacity: 0;
	 transition: all 0.2s ease-in-out;
	 transform: scale(0.8);
}
 .mfp-zoom-in.mfp-bg {
	 opacity: 0;
	 transition: all 0.3s ease-out;
}
 .mfp-zoom-in.mfp-ready .mfp-with-anim {
	 opacity: 1;
	 transform: scale(1);
}
 .mfp-zoom-in.mfp-ready.mfp-bg {
	 opacity: 0.8;
}
 .mfp-zoom-in.mfp-removing .mfp-with-anim {
	 transform: scale(0.8);
	 opacity: 0;
}
 .mfp-zoom-in.mfp-removing.mfp-bg {
	 opacity: 0;
}
/**End footer styles**/

#brandmenubar {
    float: none;
}

.welcome-pnp {
    color: #0d6cb9 !important;
    font-weight: bold;
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 40px;
}

.welcome-titleIII {
    color: #6d6e71 !important;
    font-weight: normal;
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 36px;
    font-family: 'Georgia', sans-serif;
    line-height: normal;
    padding-top: 10px;
}
    
.ContentBody {
    font-family: 'MyriadPro', 'MyriadPro-SemiCond', 'MyriadPro-Semi', 'MyriadPro-Cond', "Roboto Slab", serif !important;
}

.navTitleIII {
    overflow: hidden;
    background-color: #704180;
}

.navTitleIII a {
    float: left;
    font-size: 20px;
    color: white;
    text-align: center;
    padding: 14px 22px;
    text-decoration: none;
    font-weight: BOLD;
}

.navTitleIII a:hover {
    background-color: #0d334a;
}
   #engLink1,#engLink2,#engLink3:hover {
            text-decoration: none;
        }
        .introPar {
            background-image: url('/media/4rsn1wq4/torn-paper.png');
            background-repeat: no-repeat;
            background-size: 100% 100%;
            padding-bottom: 30px;
        }
        .virtualGreyBoxes {
            background-color: #c7c7c8;
            color: black;
            text-align: left;
            font-weight: 600;
            /*font-size: 1.5rem;*/
            /*line-height: 1.75rem;*/
            height: 185px;
            padding: 15px;
            display: none;
        }
            .virtualGreyBoxes a {
                color:black;
            }
        .virtHR {
            margin-left: 2rem;
            margin-right: 2rem;
            border-top: 1px solid black;
        }
        .engagementGreyBoxes p {
            display: table; 
            height:100%;
        }
        .engagementGreyBoxes p span {
            display: table-cell; vertical-align: middle;
        }
        .col-lg-4 button {
         border:none;
         background: none;
        }
        .col-lg-4 button:focus {
             border: none;
             outline:none;
        }
        .engagementGreyBoxes {
            background-color: #c7c7c8;
            color: black;
            font-size: 120%;
            line-height: 1.75rem;
            
            display: block !important;
        }
        .boxesContent {
            font-weight: bold;
            color: white;
            padding: 10px;
            margin-top: 5px;
            margin-bottom: 15px;
            /*height: 50%;*/
            /*min-height: 109px;*/
            height: 168px;
            display: table;
            width:100%;
            
        }
        .virtualBoxes {
            height: auto;
            min-height: 110px;
            margin-bottom: 0;
        }
        .box1 {
            background-color:#156433;
        }
        .box2 {
            background-color:rgb(217 60 16);
        }
        .box3 {
            background-color:#70417f;
        }
        .sectionHeaders {
            font-weight: 800;
            font-size: 2.7rem;
            color: #156433;
        }
/**ELPS**/
 .welcome-heading {
     color:#B41217 !important;
 }
 .collapsible-darkblue{
     background-color:#B41217 !important;
 }
/**end elps**/
.star-style{
    color: lightgray;
    font-size:40px;
    cursor:pointer;
}
    
.colorBlack{
    color:black;
}
/* modle*/

 .Mymodal1 {
      Margin-top:85px;
 display:none ;
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}
.modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 80%;
}

/* The Close Button */
.close {
     cursor: pointer;
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

 .tableborder {
        border: 5px solid #ecedee;
            padding: 10px;
    margin: 1px;
}
    
    
    
    .tdcontainer {
      position: relative;
      text-align: center;
      
    }
    
 
    
    .wrapper{
  
  width:100%;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
    }

  .file-upload{

    height:60px;
    width:183px;
    border-radius: 100px;
    position:relative;
    display:flex;
    justify-content:center;
    align-items: center; 
    border:4px solid #FFFFFF;
    overflow:hidden;
    background-image: linear-gradient(to bottom, #0d6cb9 50%, #FFFFFF 50%);
    background-size: 100% 200%;
    transition: all 1s;
    color: #FFFFFF;
    font-size:22px;
    }
    
    .file-upload input[type='file']{

      height:200px;
      width:200px;
      position:absolute;
      top:0;
      left:0;
      opacity:0;
      cursor:pointer;

    }

    .file-upload:hover{
      background-position: 0 -100%;
      color:#0d6cb9;
    }

    .displaybtn{

    height:60px;
    width:183px;
    border-radius: 100px;
    position:relative;
    display:flex;
    justify-content:center;
    align-items: center; 
    border:4px solid #FFFFFF;
    overflow:hidden;
    background-image: linear-gradient(to bottom, #0d6cb9 50%, #FFFFFF 50%);
    background-size: 100% 200%;
    transition: all 1s;
    color: #FFFFFF;
    font-size:22px;
    }
    
    .displaybtn input[type='button']{

      height:200px;
      width:200px;
      position:absolute;
      top:0;
      left:0;
      opacity:0;
      cursor:pointer;

    }
.contentfolder{
    margin:15px;
}
    .displaybtn:hover{
      background-position: 0 -100%;
      color:#0d6cb9;
    }
    
     .tooltip1 {
  position: relative;
  display: inline-block;

}

.tooltip1 .tooltiptext::after {
            content: "";
            position: absolute;
            top: 100%;
            left: 50%;
            margin-left: -5px;
            border-width: 5px;
            border-style: solid;
            border-color: #555 transparent transparent transparent;
}
/* Tooltip text */
.tooltip1 .tooltiptext {
  visibility: hidden;

  background-color: #fff;
  color: black;
  text-align: center;
 padding: 9px 4px 0px 0px;
  border-radius: 6px;
   bottom: 125%;
        left: 50%;
        margin-left: -70px;
        transition: opacity 0.3s;
        border: outset;
        font-size: 15px;
  /* Position the tooltip text - see examples below! */
  position: absolute;
  z-index: 1;
}
.ddd{
 width: 135px;
        background-color: lightgrey;
        color: black;
        text-align: center;
        border-radius: 6px;
        padding: 9px 4px 0px 0px;
        position: absolute;
        z-index: 1;
        bottom: 125%;
        left: 50%;
        margin-left: -70px;
        opacity: 0;
        transition: opacity 0.3s;
        border: outset;
        font-size: 15px;
}
/* Show the tooltip text when you mouse over the tooltip container */
.tooltip1:hover .tooltiptext {
  visibility: visible;
}

/*ZoomMeetings page*/
.highlightsBackground {
        margin-top:20px;
        color:white;
        padding:10px; 
        background-color: #126cb6;
        font-weight:bolder;
    }
    
.tempdisabled:hover {
    cursor: not-allowed;
}

.lineHight button {
    padding-top: 20px;
    margin-top: 20px;
}
       /*Header*/
.pageHeader{
    position: relative;
    text-align: center;
    color: white;
}

.pageHeaderH1 {
    position: absolute;
      top: 7%;
    left: 5%;
    font-weight: 900;
    font-size: 5rem;
    text-shadow: 2px 3px 5px rgba(0,0,0,0.5);
}
.pageHeaderP {
    position: absolute;
    top: 110%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
    padding: 24px;
    background-color:#704180;
   font-size: 3.5rem !important;
    font-weight: 600;
    line-height: 2rem;
    margin-top: -13%;
}
 .prepNextSteps h2{
    padding: 10px;
    width: 172px;
    background-color: #704180;
    color: white;
    font-weight: bold;
        cursor: pointer;
    }
    .prepNextSteps {
       display: flex;
    width: 50%;
    margin-right: auto;
    margin-left: auto;
    margin-top: 24px;
    text-align: center;
    justify-content: space-evenly;
    color:white;
}
    .txtcenter >.row{
    display: flex ;
 justify-content: space-evenly !important ;
}
.welcome h1 {
    margin-top: 8px;
    font-weight: 800;
    font-size: 2.7rem;
    color: #156433;
}

.welcome h2 {
    margin-top: 8px;
    font-size: 20px;
    font-weight: 500;
}
 .formLabel {
        font-weight: normal !important;
    }
    .linksBackground1 {
        display:flex;
        background-color: #eceded;
    }
     .linksBackground {
        background-color: #eceded;
    }
    .grid-image {
        width:60%; 
        /*margin-top:-40*/
    }
    .table .thead-dark th {
        background-color: #094478;
        border-color: white;
    }
    /*.table th{*/
    /*    text-align: center;*/
    /*}*/
    .supportAndGuidanceHeader {
        background-color: #094478;
        margin-top: 5px;
    }

    .headerTitle {
        color: white;
        padding: 45px 15px 15px 115px;
    }

        .headerTitle h1 {
            font-size: 45px;
        }

    .tealogo {
        padding: 0 0 8px 0;
    }

    .txelLinkDiv {
        background-color: #008482;
    }

    .txelLinkHeader {
        padding: 15px 15px 10px 10px;
    }

        .txelLinkHeader a {
            font-size: 25px;
            color: white
        }


    /*.paragraph {*/
    /*    padding-left: 40px !important;*/
    /*    padding-right: 90px !important;*/
    /*}*/

    
    .resources {
        border:0.35rem solid #F15F37;
        color:#0d6cb9;
        font-size:2rem;
        line-height:2rem;
    }
    
    .blueText {
        color:#0d6cb9;
        font-size:2.35rem;
        line-height:1.5;
    }
    
    .whiteText {
        color:white;
        font-size:2.35rem;
        line-height:1.5;
    }
    
    .hrStyle {
        border-top:10px dotted #F15F37;
        margin-top:20px;
        margin-bottom:20px;
    }
    
    .paragraphStyle {
        color: black;
    }
    
    .collapsible:after {
        color: white !important;
    }
    
    
    .meetingContent {
        color: black;
        margin: 24px;
       
    }

.TeaBlue-box {
    background-color: #1b264f;
    color: white;
    padding: 20px;
    margin-top: 20px;
    font-weight: bold;
    font-size: 34px;
    margin-bottom: 20px;
}
    .DualLanguage,.CoreMembers{
        
        margin-bottom: 20px;
    color: white;
    padding: 20px;
    font-size: 30px;
    font-weight: 900;
    text-align:center;

    }
    .DualLanguage{
            background-color: #3f3870;
    }
    .CoreMembers{
           background-color: green; 
    }

   .titleHead{
        width: 100%;
    text-align: center;
 
    padding: 10px 4px;
    font-size: 20px;
  
    }
    .DualLanguageContent .titleHead{
           border: 5px solid #3f3870;
          color: #3f3870 !important;
    }
     .CoreMembersContent .titleHead{
           border: 5px solid green;
          color: green !important;
    }
    .titleHead b{
           font-size: 30px;
    }
    .greyBox{
        background-color: lightgrey;
          padding: 20px;
          
    }
    .greyBox a{
        color:black;
        font-weight: 900;
    }
    
    .titlePic{
        
    }
     .titlePic img{
      width: 235px;
    height: 300px;
    margin:20% 18% 4%;
        
    }
    ._Content{
        display:none;
    }
    
     .welcome-heading {
         color:#B41217 !important;
     }
     .collapsible-darkblue{
         background-color:#B41217 !important;
     }
       .leadershipContent{
           display:flex;
          flex-direction:row;
          align-items:center;
       }
    .highlightsBackground1{
        margin-bottom:30px;
    }
.collapsible1{
        
        background-color:#1b264f;
    color:white;
  
        
    }
    
.collapsible2{
        
        background-color:#cde0f0;
    color:white;
    margin:0px 10px;
    width: 98%;
    color:black;
  
        
}

.btnLogin {
    color: #fff;
    background-color: #1b264f;
    padding: 10px;
    font-size: 16px;
    border-radius: 6px;
}  
 ._MyLogin >legend
    {
        display:none;
        
    }
    
    .buleBox{
background-color: #0d6cb9;
    color: white;
    text-align: center;
    padding: 10px;
    font-weight: 800;
}
.buleBox> a{
    color:white;
} 
    .bannerContainer {
    position: relative;
    text-align: center;
    color: white;
    }
    
    .bannerText {
    position: absolute;
    background-color: #012169;
    color: white;
    text-align: center;
    height: 65px;
    width: 92%;
    bottom: 40px;
    left: 45px;
    }
/*Registered css*/
.heading{
    background-color:#cde0f0;
    font-weight:600;
    padding:10px;
    text-align:center;
}

.list{
        background-color:#cde0f0;
        margin-top:15px;
        padding:10px;
        height:150px;
        
}
.registerBlue{
    background-color:#efefef;
    width:120px;
    color:white;
    margin:0 auto;
    font-weight:600;
    padding:10px 5px;
    text-align:center;
    margin-top:10px;
}

.registerGrey{
    background-color:#0d6cb9;
    width:120px;
    color:black;
    margin:0 auto;
    font-weight:600;
    padding:10px 5px;
    text-align:center;
    margin-top:10px;
}

.head{
    text-align:center;
}

.HeaderP {
    position: absolute;
    top: 92%;
     transform: translate(-50%, -50%);
    left: 50%;
    font-weight: 600;
    width:100%;
    letter-spacing: 1px;
    font-size: 261%;
}

@media only screen and (max-width:1220px){
  .HeaderP{
     font-size: 175% !important; 
  }  
}

@media only screen and (max-width:720px){
  .HeaderP{
     font-size: 125% !important; 
  } 
  .Headertopimg{
      width:100% !important;
  }
}

@media only screen and (max-width:1220px){
    .Headertopmargin {
    margin-top: 221px !important;
    }
     .Headertopimg{
      width:100% !important;
  }
}

 .Headertopimg{
      width:100% ;
 }
 
 .image-upload > input
{
    display: none;
}

.image-upload img
{
    width: 80px;
    cursor: pointer;
}