body {
 /*    background-image: url("/images/background2.jpg"); */
     background-size: auto;
     /* background-image: url("/public/images/background_main-LH.jpg");  */
      /* background-image: url("/views/uploads/background_lightBlue.png"); */
      /* background-color: #1ea5f367; */
      background-color: rgb(65, 114, 121);

	 /* background-color: #A0A6A8;  */
	 background-position: center;
	 height: 100%;
     /*font-family: "Open Sans", Arial, sans-serif;*/
}

.backColor1 {
    /* background-color: #557A95; */
    background-image: url("/views/uploads/background-bluegradient2-scaled.jpg");


}
.backColor2 {
    background-color: #1B1B1B;
}

.divColor1 {
    background-color: rgb(145, 179, 204);
}

.divColor2 {
    background-color: #1B1B1B;
}

.divColor3 {
    background-color: #1B1B1B;
}

.tableColor1 {
    background-color: #1B1B1B;
}

.tableColor2 {
    background-color: #1B1B1B;
}

.studentStatusColorYes {
    background-color:#129E6B;
}

.studentStatusColorNo {
    background-color:#db4949;
}

.studentStatus {
    border:1px solid green;
    border-radius: 30px;
    height: 25px;
    /* box-shadow:5px 5px 0px 0px rgb(25,66,42); */

}

.navbar10{
   width: 100%;
   background-color: grey;
}
.container.main{
    margin-top : 4.0em;
    background-color: #c1c7c9;
    padding: 0em;
 }

#delete {
    display: inline;
}

.header {
   font-size: x-large;
   color: black;
   font-weight: bolder;
}

.titles {
        font-size: 12px;
        font-style: italic;
        font: underline;
        color: black;
        font-weight: 800;

}

.titlesLogIn {
        font-size: 16px;
        font-style: italic;
        font: underline;
        color: black;
        font-weight: 900;

}
.entryText {
    font-size: 12px;
    font-style: normal;
    color: black;
    font-weight: normal;
   }

.textAreaText {
   color: black;
   font-size: 12px;
   font-style: normal;
   font-weight: normal;
   }

 .item1 {
    background-color: rgb(255, 255, 255);
    border:1px solid black;
    border-radius: 7px;
    padding: 0.5em;

    margin-top: 0px;
    margin-bottom: 2px;

 }

 .showHeight {
     height: 25px;
 }

 .fileContainer {
    border:1px solid black;
    border-radius: 7px;
    padding: 1.0em;
    margin-bottom: 50px;
    box-shadow:5px 5px 0px 0px rgb(25,66,42);
 }
 
  /* student password specific styling */
  
  #register_form {
  width: 85%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 40px;
  padding-bottom: 30px;
  border: 1px solid #918274;
  border-radius: 5px;
  background: white;
  box-shadow:5px 5px 15px 5px rgb(40, 59, 38);

}
#register_form_mobile {
  width: 98%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 40px;
  padding-bottom: 30px;
  border: 1px solid #918274;
  border-radius: 5px;
  background: white;
  box-shadow:5px 5px 15px 5px rgb(40, 59, 38);

}
#register_form input {
  width: 94%;
  height: 35px;
  margin: 5px 3%;
  font-size: 1.4em;
  padding: 4px;
  font-size: 1.0em;
}
#register_form_mobile input {
  width: 96%;
  height: 35px;
  margin: 5px 2%;
  font-size: 1.4em;
  padding: 4px;
  font-size: 1.0em;
}


#register_form select {
  width: 25%;
  height: 35px;
  margin: 5px 3%;
  font-size: 1.4em;
  padding: 4px;
  font-size: 1.0em;
}

#register_form_mobile select {
  width: 96%;
  height: 35px;
  margin: 5px 2%;
  font-size: 1.4em;
  padding: 4px;
  font-size: 1.0em;
}

.form_error span {
  width: 80%;
  height: 35px;
  margin: 3px 10%;
  font-size: 1.1em;
  color: #D83D5A;
}
.form_error input {
  border: 1px solid #D83D5A;
}
#reg_btn {
  height: 35px;
  width: 80%;
  margin: 5px 10%;
  color: white;
  background: #3B5998;
  border: none;
  border-radius: 5px;
}

.loginTitles {
  width: 96%;
  margin-left:  2%;
  margin-top: 10px;
  font-size: 1.5em;
  font-size: 1.2em;
  font-weight: bold;
  text-decoration: underline;
  font-style: italic;
}

.loginText {
  width: 96%;
  margin-left:  3%;
  margin-top: 5px;
  font-size: 1.5em;
  font-size: 1.2em;
}

/* end student password specific styling */

 .showContainer1{
    background-color: rgb(243, 243, 243);
    border:1px solid black;
    border-radius: 7px;
    padding-top: 0px;
    padding-right: 0.5em;
    padding-left: 0.5em;
    padding-bottom: 1em;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 20px;
    height: 95%;
    box-shadow:5px 5px 0px 0px rgb(25,66,42);
 }
 
 .containerGen2_SW{
    width: 100%;
     background-color: #7FAEAC; 
    /* background-image: url("/views/uploads/background-bluegradient2-scaled.jpg");  */

    margin-top: 45px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    padding: 0px;
    /* border:1px solid black; */
    border-radius: 7px;
    /*overflow-y: scroll; */
    height: 1400px;
    /* opacity: 0.93; */
}
.containerNoScrollInfo_SW{
    width: 100%;
    /* background-color: #D0D5D6; */
    /*background-color: #fffffe;*/
    background-color: #54515B;
    margin-top: 46px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
    /* padding: 5px; */
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 15px;
    /* border:1px solid black;
    border-radius: 7px; */
    /*overflow-y: scroll; */
    min-height: 1300px;
    opacity: 0.93;
    z-index: -99;
    /* background-size:cover; */
    /* height: 100%; */
  }
  .containerAdminNoScroll4_SW{
    width: 100%;
    background-color: #7FAEAC;    

    margin-top:5px;
    /* margin-left: auto;
    margin-right: auto; */
    margin-bottom: 20px;
    /* padding: 5px; */
    /* padding-left: 10px;
    padding-right: 10px; */
    /* border:1px solid black;
    border-radius: 7px; */
    /*overflow-y: scroll; */
    max-height: 350px;
    /* opacity: 0.93; */
    z-index: -99;
    background-size:cover;
    height: 60vh;
  }
  
  .containerAdminNoScroll3_SW{
    width: 100%;
    background-color: #7FAEAC;
    /*background-color: #fffffe;*/

    margin-top:0px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
    padding: 10px;
    border:1px solid black;
    border-radius: 7px;
    /*overflow-y: scroll; */
    /* height: 350px; */
    max-height: 350px;
    /* opacity: 0.93; */
    z-index: -99;
  }

 .containerAddInfo {
    background-color: rgb(219, 230, 240);

    border:1px solid black;
    border-radius: 7px;
    margin-bottom: 20px;
    /* margin: 0.5em; */
    /* padding: 20px; */
    padding-top: 0px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    box-shadow:5px 5px 0px 0px rgb(20, 29, 54);
}

.containerAddInfo1 {
    background-color: rgb(219, 230, 240);

    border:1px solid black;
    border-radius: 7px;
    /* margin: 0.5em; */
    padding: 20px;
    box-shadow:5px 5px 0px 0px rgb(20, 29, 54);
    /* margin-top: 48px; */
}


.containerNoScrollGen{
    width: 100%;
    background-color: rgb(23, 49, 97);
    margin-top: 60px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
    padding-left: 1em;
    padding-right: 1em;
    border:1px solid black;
    /* border-radius: 7px; */
    /* opacity: 0.93; */
    min-height: 92vh;
}

.containerNoScrollGenStudentEvent{
    width: 100%;
    background-color: rgb(23, 49, 97);
    margin-top: 36px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
    padding-left: 1em;
    padding-right: 1em;
    border:1px solid black;
    /* border-radius: 7px; */
    /* opacity: 0.93; */
    min-height: 92vh;
}



.containerNoScrollGen_events{
    width: 100%;
    background-color: rgb(23, 49, 97);
    margin-top: 36px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
    padding-left: 1em;
    padding-right: 1em;
    border:1px solid black;
    /* border-radius: 7px; */
    /* opacity: 0.93; */
    min-height: 92vh;
}



.containerNoScrollGen1{
    width: 100%;
    background-color: rgb(23, 49, 97);
    margin-top: 36px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
    padding-left: 2em;
    padding-right: 2em;
    border:1px solid black;
    /* border-radius: 7px; */
    /* opacity: 0.93; */
    min-height: 92vh;
}
.containerNoScrollGen2{
    width: 100%;
    background-color: rgb(23, 49, 97);
    margin-top: 36px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
    padding-left: 2em;
    padding-right: 2em;
    border:1px solid black;
    /* border-radius: 7px; */
    /* opacity: 0.93; */
    max-height: 200px;
}

.containerNoScrollGen3{
    width: 100%;
    background-color: rgb(23, 49, 97);
    margin-top: 60px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
    padding-left: 1em;
    padding-right: 1em;
    border:1px solid black;
    /* border-radius: 7px; */
    /* opacity: 0.93; */
    min-height: 80vh;
}


.containerNoScrollNews{
    width: 100%;
    background-color: rgb(23, 49, 97);
    margin-top: 50px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
    padding-left: 1em;
    padding-right: 1em;
    border:1px solid black;
    /* border-radius: 7px; */
    /* opacity: 0.93; */
    min-height: 92vh;
}


.containerNoScrollStudent{
    width: 100%;
    background-color: rgb(23, 49, 97);
    margin-top: 58px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
    padding-left: 2em;
    padding-right: 2em;
    border:1px solid black;
    /* border-radius: 7px; */
    /* opacity: 0.93; */
    min-height: 100vh;
}

.containerNoScrollStudent1{
    width: 100%;
    background-color: rgb(23, 49, 97);
    margin-top: 36px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
    padding-left: 2em;
    padding-right: 2em;
    border:1px solid black;
    /* border-radius: 7px; */
    /* opacity: 0.93; */
    min-height: 100vh;
}


.containerTabStandard{
    width: 100%;
    background-color: rgb(255, 255, 255);
        /*background-color: #fffffa;*/
    margin: 0px;
    /*margin-left: 10px;*/
    /*margin-right: auto;*/
    /*margin-bottom: 0px;*/
    padding: 15px;
    border:1px solid black;
    /*border-radius: 7px;*/
    /*overflow-y: scroll; */
    height: 500px;
    /* opacity: 0.93; */
        box-shadow:5px 5px 0px 0px grey;
    /*z-index: -99;*/
  }
  .pText {
    font-size: 0.8em;

  }

  .genTitle_R1 {
    font-size: 1.6em;
    font-weight: 800;
    text-decoration: underline;
    font-style: italic;
}


  .item2 {
    background-color: #DCE3E6;
    border:1px solid black;
    border-radius: 7px;
    padding-left: 2em;
    padding-right: 2em;
    padding-bottom: 1.5em;
    padding-top: 1.5em;
    margin: auto;
    box-shadow:5px 5px 15px 5px grey;
 }
   .item3 {
    background-color: #DCE3E6;
    border:1px solid black;
    border-radius: 7px;
    padding-left: 2em;
    padding-right: 2em;
    padding-bottom: 1.5em;
    padding-top: 1.5em;
    margin-left: 2%;
    margin-right: 2%;
    margin-bottom: 2%;
    box-shadow:5px 5px 15px 5px grey;
    width: 95%;
 }
 .item4 {
    background-color: white;
    border:1px solid black;
    /* border-radius: 7px; */
    padding: 0.5em;
    margin-top: 0px;
    margin-left: 6px;
    margin-right: 6px;
    margin-bottom: 2px;
 }
 .item5 {
    /* background-color: #DCE3E6; */
    border:1px solid black;
    border-radius: 7px;
    padding-left: 2em;
    padding-right: 2em;
    padding-bottom: 1.5em;
    padding-top: 1.5em;
    margin: auto;
    box-shadow:5px 5px 15px 5px grey;
 }

 .item6 {
    background-color: #DCE3E6;
    border:1px solid black;
    border-radius: 7px;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 1.5em;
    padding-top: 1.5em;
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 2%;
    box-shadow:5px 5px 15px 5px grey;
    width: 100%;
 }

 .item10 {
    /* background-color: rgb(255, 255, 255); */
    border:1px solid black;
    border-radius: 7px;
    padding: 0.8em;
    margin: 0px;
 }


 .box-shadow {
    box-shadow:5px 5px 15px 5px rgb(49, 49, 49);
    border-radius: 10px;
 }

 .internListScroll {
    overflow-y: scroll;
    /* height: 71vh; */
    height: 88%;
    margin-top: 5px;
    margin-bottom: 5px;        /* height: auto; */

 }

 @media screen and (min-width: 480px) {
            body {
                /*background-color: skyblue;*/
                /*width: 90vw;*/
                /*height: 90vh;*/
                /*border: groove black;*/
            }

            div#main {
                 width: 90vw;
                height: 90vh;
            }
        }

 .noUL {
     text-decoration: none;
 }

 .itemLogin {
    background-color: #DCE3E6;
    border:1px solid black;
    border-radius: 7px;
    padding: 2.0em;
    margin: 1%;
    box-shadow:5px 5px 15px 5px grey;

 }
 .schoolEntry {
    background-color: rgb(225, 233, 224);
    border:1px solid black;
    border-radius: 7px;
    padding-left: 2em;
    padding-right: 2em;
    padding-bottom: 2em;
    padding-top: 1.5em;
    margin: 2%;
    box-shadow:5px 5px 15px 5px rgb(40, 59, 38);

 }

 .schoolEntryMeetings {
    background-color: white;
    border:1px solid black;
    border-radius: 7px;
    padding-left: 2em;
    padding-right: 2em;
    padding-bottom: 2em;
    padding-top: 1.5em;
    margin: auto;
    width: 70%;
    box-shadow:5px 5px 15px 5px rgb(40, 59, 38);

 }

.mainHeader {
   background-color: #c1c7c9;
   border:5px solid black;
   padding-bottom: 0px;
   margin: 60px;
}

.uiheader {
   background-color: #c1c7c9;
   color: black;
/*   font-size: 20px; */
   font-style: normal;
   font-weight: bolder;
   text-align: center;
/*   border:5px solid black; */
   padding-bottom: 0px;
   margin: 0px;
}

.topAttached {
/*    border:5px solid black; */
    margin: 0px;
    padding: 0px;
}

.item-nav{
    color: white;
    font-size: 18px;
    padding-right: 2em;
    padding-top: 0.5em;
    padding-left: 1em;
}
.extra {
    margin: 10px;

}

/*These are the Bootstrap classes*/

.navbar {
    overflow: hidden;
    /*overflow: hidden; If this is activited the drop down menu doesn't show*/
    position: fixed; /* Set the navbar to fixed position */
    top: 0; /* Position the navbar at the top of the page */
    width: 100%; /* Full width */
    z-index: 1;
    font-size: 1.15em;
    font-family: "Open Sans", Arial, sans-serif;
    background-color: black;
    color: white;
    min-height:80px !important;
}

.nav-link:hover {
    color: #ffffff;
    font-weight: 600;
}
.nav-link:focus {
    color: #ffffff;
    font-weight: 600;
}


.outer-container-fluid {
    background-color: #D0D5D6;
    margin-top: 50px;
    margin-left: 50px;
    margin-right: 50px;
    margin-bottom: 50px;
    padding: 15px;
    border:1px solid black;
    border-radius: 7px;
}
.container {
    background-color: #D0D5D6;
    margin-top: 56px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
    padding: 15px;
    border:1px solid black;
    border-radius: 7px;
    overflow-y: scroll;
    height: 96%;
    opacity: 0.93;
}
.containerPartners{
    /* background-color: #D0D5D6; */
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    padding: 15px;
    /* border:1px solid black; */
    /* border-radius: 7px; */
    /* overflow-y: scroll;  */
    height: 96%;
    /* opacity: 0.93; */
}

.containerStudentShort {
    background-color: rgb(225, 233, 224);
    margin-top: 46px;
    border:1px solid black;
    border-radius: 7px;
    /* margin: 0.5em; */
    padding: 20px;
    box-shadow:5px 5px 0px 0px rgb(25, 66, 42);

}
.containerStudentShortEdit {
    background-color: rgb(225, 233, 224);
    margin-top: 0px;
    border:1px solid black;
    border-radius: 7px;
    /* margin: 0.5em; */
    padding: 20px;
    box-shadow:5px 5px 0px 0px rgb(25, 66, 42);

}


.oneIms {
    /*background-color: #1d6d77;*/
    /*margin-top: 25px;*/
    /*margin-bottom: 25px;*/
    width: 48%;
    height: 325px;
    float: left;
}
.twoIms {
    /*margin-top: 25px;*/
    margin-left: 49%;
    margin-bottom: 25px;
    height: 325px;
    /*background: black;*/
}
.oneIms1 {
    background-color: #fffffe;
    /*margin-top: 25px;*/
    /*margin-bottom: 25px;*/
    width: 48%;
    height: 250px;
    float: left;
    border:1px solid black;
    border-radius: 7px;
    opacity: 0.93;
        box-shadow:5px 5px 0px 0px grey;
    padding: 15px;
    overflow-y: auto;
}

.oneInfoNews {
    /* background-color: #fffffe; */
    /*margin-top: 25px;*/
    /*margin-bottom: 25px;*/
    width: 48%;
    height: 320px;
    float: left;
    border:1px solid black;
    border-radius: 7px;
    /* opacity: 0.93; */
        box-shadow:5px 5px 0px 0px grey;
    padding: 15px;
    /* overflow-y: auto; */
}
.oneMeetings {
    /* background-color: #fffffe; */
    /*margin-top: 25px;*/
    /*margin-bottom: 25px;*/
    width: 48%;
    height: 610px;
    float: left;
    /* border:1px solid black;
    border-radius: 7px; */
    opacity: 0.93;
        /* box-shadow:5px 5px 0px 0px grey; */
    padding: 15px;
    /* overflow-y: auto; */
}

.oneInfoVids {
    /* background-color: #fffffe; */
    /* margin-top: 5px; */
    /*margin-bottom: 25px;*/
    width: 48%;
    height: 320px;
    float: left;
    border:1px solid black;
    border-radius: 7px;
    /* opacity: 0.93; */
        box-shadow:5px 5px 0px 0px grey;
    padding: 15px;
    /* overflow-y: auto; */
}

.twoIms1 {
    /*margin-top: 25px;*/
    margin-left: 49%;
    margin-bottom: 25px;
    height: 320px;
    /*background: black;*/

    border:1px solid black;
    border-radius: 7px;
    opacity: 0.93;
        box-shadow:5px 5px 0px 0px grey;

}

.twoAvails {
    /*margin-top: 25px;*/
    margin-left: 49%;
    margin-bottom: 25px;
    height: 610px;
    /*background: black;*/
    padding-top: 15px;

    /* border:1px solid black;
    border-radius: 7px; */
    opacity: 0.93;
        /* box-shadow:5px 5px 0px 0px grey; */

}

.meetingSetup {
    /*margin-top: 25px;*/
    margin-left: 2%;
    margin-right: 2%;
    margin-bottom: 25px;
    height: 610px;
    /*background: black;*/
    padding-top: 15px;

    /* border:1px solid black;
    border-radius: 7px; */
    opacity: 0.93;
        /* box-shadow:5px 5px 0px 0px grey; */

}
.twoInfoIOM {
    /*margin-top: 25px;*/
    margin-left: 49%;
    margin-bottom: 25px;
    height: 320px;
    /*background: black;*/

    border:1px solid black;
    border-radius: 7px;
    /* opacity: 0.93; */
        box-shadow:5px 5px 0px 0px grey;

}
.oneBlog {
    /* background-color: #fffffe; */
    /*margin-top: 25px;*/
    /*margin-bottom: 25px;*/
    width: 48%;
    height: 320px;
    float: left;
    border:1px solid black;
    border-radius: 7px;
    /* opacity: 0.93; */
        box-shadow:5px 5px 0px 0px grey;
    padding: 15px;
    /* overflow-y: auto; */
}
.twoBlog {
    /*margin-top: 25px;*/
    margin-left: 49%;
    margin-bottom: 25px;
    height: 320px;
    /*background: black;*/

    border:1px solid black;
    border-radius: 7px;
    opacity: 0.93;
        box-shadow:5px 5px 0px 0px grey;

}



.testimonial {
    /* background-color: #fffffe; */
    /*margin-top: 25px;*/
    /*margin-bottom: 25px;*/
    width: 95%;
    height: 250px;
    /*float: left;*/
    /* border:1px solid black; */
    /* border-radius: 7px; */
    /* opacity: 0.93; */
        /* box-shadow:5px 5px 0px 0px grey; */
    /*padding: 15px;*/
    /* overflow-y: auto; */
    margin: auto;

    /*text-align: center;*/

}
.form_button2 {
    width: 130px;
    border: none;
    font: normal 16px/18px "HelveticaNeueLTCom45Light" , Georgia,serif;
    display: inline-block;
    float: none;
    height: 28px;
    margin-top: 9px;
    border-radius: 7px;
    border:2px solid;
    color: #6d6e71;
    padding: 0px 4px 0px 4px;
    background: url(../images/selectbg.png) no-repeat right 9px #fff;
    -webkit-appearance: none;
}
.form_buttonSmall150 {
    width: 150px;
    border: none;
    font: normal 14px/16px "HelveticaNeueLTCom45Light" , Georgia,serif;
    display: inline-block;
    float: none;
    height: 20px;
    /* margin-top: 9px; */
    border-radius: 7px;
    border:2px solid;
    color: #6d6e71;
    padding: 0px 4px 0px 4px;
    background: url(../images/selectbg.png) no-repeat right 9px #fff;
    -webkit-appearance: none;
}

.form_buttonSmallWide {
    width: 200px;
    border: none;
    font: normal 16px/18px "HelveticaNeueLTCom45Light" , Georgia,serif;
    display: inline-block;
    float: none;
    height: 20px;
    /* margin-top: 9px; */
    border-radius: 7px;
    border:2px solid;
    color: #6d6e71;
    padding: 0px 4px 0px 4px;
    background: url(../images/selectbg.png) no-repeat right 9px #fff;
    -webkit-appearance: none;
}

.form_buttonSmallEdit {
    width: 70px;
    border: none;
    font: normal 12px/14px "HelveticaNeueLTCom45Light" , Georgia,serif;
    display: inline-block;
    float: none;
    height: 20px;
    margin-top: 0px;
    border-radius: 7px;
    border:2px solid;
    color: #6d6e71;
    padding: 0px 4px 0px 4px;
    background: url(../images/selectbg.png) no-repeat right 9px #fff;
    -webkit-appearance: none;
}


.containerAdmin{
    width: 95%;
    background-color: #D0D5D6;
    margin-top: 35px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
    padding: 15px;
    border:1px solid black;
    border-radius: 7px;
    overflow-y: scroll;
    height: 96%;
    opacity: 0.93;

}

.containerAdmin1{
    width: 80%;
    background-color: #D0D5D6;
    margin-top: 25px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
    padding: 15px;
    border:1px solid black;
    border-radius: 7px;
    overflow-y: scroll;
    height: 96%;
    opacity: 0.93;

}
.containerAdmin2{
    width: 80%;
    background-color: #D0D5D6;
    margin-top: 56px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
    padding: 15px;
    border:1px solid black;
    border-radius: 7px;
    overflow-y: scroll;
    height: 100%;
    opacity: 0.93;

}

.containerPDFMobile{
    width: 98%;
    background-color: #D0D5D6;
    margin-top: 56px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
    padding: 10px;
    border:1px solid black;
    border-radius: 7px;
    overflow-y: scroll;
    height: 100%;
    opacity: 0.93;
}

.docHeight {
    height: 1000px;
}


.containerAdminNoScrollShow{
    width: 100%;
    background-color: rgb(65, 114, 121);
    margin-top: 46px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
    padding: 25px;
    border:1px solid black;
    /* border-radius: 7px; */
    /* opacity: 0.93; */
    /* height: 100%; */
}

.containerAdminNoScroll{
    width: 100%;
    background-color: rgb(65, 114, 121);
    margin-top: 46px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
    padding: 25px;
    border:1px solid black;
    /* border-radius: 7px; */
    /* opacity: 0.93; */
    height: 100%;
}

.containerAdminNoScrollInfo{
    width: 100%;
    background-color: rgb(65, 114, 121);
    margin-top: 76px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
    padding: 2em;
    border:1px solid black;
    /* border-radius: 7px; */
    /* opacity: 0.93; */
    /* height: 100%; */
    /* height: 98vh; */
    overflow-y: scroll;
    /* position: absolute; */
  /* top: 50px;
  bottom: 50px; */
}

.containerNoScrollRegComp{
    width: 100%;
    background-color: rgb(65, 114, 121);
    margin-top: 36px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
    padding: 2em;
    /* border:1px solid black; */
    /* border-radius: 7px; */
    /* opacity: 0.93; */
    /* height: 100%; */
    /* height: 98vh; */
    /* overflow-y: scroll;  */
    height: 1300px;
    /* position: absolute; */
  /* top: 50px;
  bottom: 50px; */
}


.containerAdminNoScrollStudent{
    width: 100%;
    background-color: rgb(65, 114, 121);

    margin-top: 60px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
    padding-left: 1em;
    padding-right: 1em;
    /* border:1px solid black; */
    /* border-radius: 7px; */
    /* opacity: 0.93; */
    height: 800px;
}

.containerAdminNoScrollStudent1{
    width: 100%;
    background-color: rgb(65, 114, 121);

    margin-top: 60px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
    padding-left: 1em;
    padding-right: 1em;
    /* border:1px solid black; */
    /* border-radius: 7px; */
    /* opacity: 0.93; */
    height: 100%;
}

.containerAdminNoScrollStudentEdit{
    width: 100%;
    background-color: rgb(65, 114, 121);

    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
    padding-left: 1em;
    padding-right: 1em;
    /* border:1px solid black; */
    /* border-radius: 7px; */
    /* opacity: 0.93; */
    height: 100%;
}

.containerAdminNoScrollStudentFinish{
    width: 100%;
    background-color: rgb(65, 114, 121);

    margin-top: 36px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
    padding-left: 1em;
    padding-right: 1em;
    border:1px solid black;
    /* border-radius: 7px; */
    /* opacity: 0.93; */
    height: 100%;
}

.containerAdminNoScrollStudentFinish1{
    width: 95%;
    background-color: rgb(65, 114, 121);

    margin-top: 36px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
    padding-left: 1em;
    padding-right: 1em;
    border:1px solid black;
    /* border-radius: 7px; */
    /* opacity: 0.93; */
    height: 1500px;
}



.containerAdminNoScrollLogIn{
    width: 100%;
    background-color: rgb(65, 114, 121);
    margin-top: 35px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
    padding: 25px;
    border:1px solid black;
    /* border-radius: 7px; */
    /* opacity: 0.93; */
    height: 100%;
}


.containerAdminNoScroll7{
    width: 100%;
    background-color: rgb(57, 92, 156);
    margin-top: 36px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
    padding: 25px;
    border:1px solid black;
    position: absolute;
    /* border-radius: 7px; */
    /* opacity: 0.93; */
    /* height: 100vh; */
         overflow-y: scroll; 
     height: 1100px; 
}


.containerEmployerRegister{
    width: 100%;
    background-color: rgb(65, 114, 121);
    margin-top: 10px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    padding: 15px;
    border:1px solid black;
    border-radius: 7px;
    box-shadow:5px 5px 15px 5px rgb(13, 59, 27);

    /* opacity: 0.93; */
    height: auto;
}

.containerAdminNoScroll4{
    width: 100%;
    /* background-color: rgb(188,218,243); */
    /*background-color: #fffffe;*/

    margin-top:5px;
    /* margin-left: auto;
    margin-right: auto; */
    margin-bottom: 20px;
    /* padding: 5px; */
    /* padding-left: 10px;
    padding-right: 10px; */
    /* border:1px solid black;
    border-radius: 7px; */
    /*overflow-y: scroll; */
    /*height: 96%;*/
    /* opacity: 0.93; */
    z-index: -99;
    background-size:cover;
    height: 60vh;
  }

  .containerAdminNoScroll4a{
    width: 100%;
    background-color: rgb(188,218,243);
    /*background-color: #fffffe;*/

    margin-top:70px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
    /* padding: 5px; */
    /* padding-left: 10px;
    padding-right: 10px; */
    /* border:1px solid black;
    border-radius: 7px; */
    /*overflow-y: scroll; */
    /*height: 96%;*/
    /* opacity: 0.93; */
    z-index: -99;
    background-size:cover;
    height: 92vh;
  }


.containerAdminNoScroll5{
    width: 100%;
    /* background-color: #D0D5D6; */
    /*background-color: #fffffe;*/

    margin-top:35px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
    /* padding: 5px; */
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 15px;
    /* border:1px solid black;
    border-radius: 7px; */
    /*overflow-y: scroll; */
    /*height: 96%;*/
    /* opacity: 0.93; */
    z-index: -99;
    background-size:cover;
    height: 93vh;
  }

  .containerAdminNoScroll6{
    width: 100%;
    background-color: rgb(188,218,243);
    /*background-color: #fffffe;*/

    margin-top: 54px;
    /* margin-left: auto;
    margin-right: auto; */
    margin-bottom: 0px;
    /* padding: 5px; */
    /* padding-left: 10px;
    padding-right: 10px; */
    /* border:1px solid black;
    border-radius: 7px; */
    /*overflow-y: scroll; */
    /*height: 96%;*/
    /* opacity: 0.93; */
    z-index: -99;
    background-size:cover;
    /* height: 90vh; */
  }


  .containerAdminNoScroll6-SW{
    width: 100%;
    background-color:#50444F;
    /*background-color: #fffffe;*/

    margin-top: 54px;
    /* margin-left: auto;
    margin-right: auto; */
    margin-bottom: 0px;
    /* padding: 5px; */
    /* padding-left: 10px;
    padding-right: 10px; */
    /* border:1px solid black;
    border-radius: 7px; */
    /*overflow-y: scroll; */
    /*height: 96%;*/
    /* opacity: 0.93; */
    z-index: -99;
    background-size:cover;
    /* height: 90vh; */
  }

  .containerNoScrollEmpInfo{
    width: 100%;
    /* background-color: #D0D5D6; */

    margin-top: 50px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
    /* padding: 5px; */
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 15px;
    /* border:1px solid black;
    border-radius: 7px; */
    /*overflow-y: scroll; */
    height: 1300px;
    opacity: 0.93;
    z-index: -99;
    background-size:cover;
    /* height: 93vh; */
  }

  .containerNoScrollEmpInfoMobile{
    width: 100%;
    /* background-color: #D0D5D6; */
    /*background-color: #fffffe;*/

    margin-top: 50px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
    /* padding: 5px; */
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 15px;
    /* border:1px solid black;
    border-radius: 7px; */
    /*overflow-y: scroll; */
    height: 1500px;
    opacity: 0.93;
    z-index: -99;
    background-size:cover;
    /* height: 93vh; */
  }

  .containerNoScrollResource{
    width: 100%;
    background-color: rgb(5, 103, 122);
    /* background-color: #fffffe; */

    margin-top: 15px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
    /* padding: 5px; */
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 15px;
    /* border:1px solid black;
    border-radius: 7px; */
    /*overflow-y: scroll; */
    height: 1300px;
    opacity: 0.93;
    z-index: -99;
    background-size:cover;
    /* height: 93vh; */
  }

  .containerNoScrollResourceMobile{
    width: 100%;
    background-color: rgb(5, 103, 122);
    /* background-color: #fffffe; */

    margin-top: 15px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
    /* padding: 5px; */
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 15px;
    /* border:1px solid black;
    border-radius: 7px; */
    /*overflow-y: scroll; */
    height: 1300px;
    opacity: 0.93;
    z-index: -99;
    background-size:cover;
    height: 2100px;
  }


  .containerNoScrollResourceTable{
    width: 98%;
    background-color: rgb(62, 127, 129);
    /* background-color: #fffffe; */

    margin-top: px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 15px;
    padding: 15px;
    /* padding-left: 10px;
    padding-right: 10px;
    padding-top: 15px;
    padding-bottom: 5px; */
    border:1px solid black;
    border-radius: 7px;
    box-shadow:5px 5px 1px 1px rgb(10, 47, 92);

    /*overflow-y: scroll; */
    /* height: 1100px; */
    /* opacity: 0.93; */
    z-index: -99;
    /* background-size:cover; */
    /* height: 93vh; */
  }


  .containerNoScrollEmpInfo-SW{
    width: 100%;
    background-color: #7FAEAC;
    /*background-color: #fffffe;*/

    margin-top: 15px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
    /* padding: 5px; */
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 15px;
    /* border:1px solid black;
    border-radius: 7px; */
    /*overflow-y: scroll; */
    /*height: 96%;*/
    opacity: 0.93;
    z-index: -99;
    background-size:cover;
    height: 1400px;
  }

  .containerNoScrollInfo{
    width: 100%;
    /* background-color: #D0D5D6; */
    /*background-color: #fffffe;*/
    background-color: rgb(65, 114, 121);
    margin-top: 46px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
    /* padding: 5px; */
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 15px;
    /* border:1px solid black;
    border-radius: 7px; */
    /*overflow-y: scroll; */
    height: 1000px;
    opacity: 0.93;
    z-index: -99;
    /* background-size:cover; */
    /* height: 100%; */
  }

  .containerNoScrollAvails{
    width: 100%;
    /* background-color: #D0D5D6; */
    /*background-color: #fffffe;*/
    background-color: #660000;
    margin-top: 46px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 00px;
    /* padding: 5px; */
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 15px;
    /* border:1px solid black;
    border-radius: 7px; */
    /*overflow-y: scroll; */
    height: 100vh;
    opacity: 0.93;
    z-index: -99;
    /* background-size:cover; */
    /* height: 100%; */

  }

  .containerNoScrollAvailsMobile{
    width: 100%;
    /* background-color: #D0D5D6; */
    /*background-color: #fffffe;*/
    background-color: #660000;
    margin-top: 46px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
    /* padding: 5px; */
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    /* border:1px solid black;
    border-radius: 7px; */
    /*overflow-y: scroll; */
    height: 1400px;
    opacity: 0.93;
    z-index: -99;
    /* background-size:cover; */
    /* height: 100%; */
  }


  .meetingAvailsMobile {
      background-color: #ffffff;
          /*background-color: #1d6d77;*/

      border:2px solid black;
      border-radius: 7px;
      box-shadow:5px 5px 0px 0px #1a0000;
      padding: 20px;
      /* padding-right: 20px;
      padding-bottom: 1.5em;
      padding-top: 1.0em; */
      /* margin: 1.0em; */
      margin-left: auto;
      margin-right: auto;
      /* height: 475px; */
      /* max-height: 210px; */
      width: 95%;
   }

  .containerNoScrollInfoMob{
    width: 100%;
    /* background-color: #D0D5D6; */
    /*background-color: #fffffe;*/
    background-color: rgb(65, 114, 121);
    margin-top: 46px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
    /* padding: 5px; */
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 15px;
    /* border:1px solid black;
    border-radius: 7px; */
    /*overflow-y: scroll; */
    /*height: 96%;*/
    opacity: 0.93;
    z-index: -99;
    background-size:cover;
  }




.containerAdminNoScroll3{
    width: 100%;
    background-color: rgba(229, 243, 245, 0.897);
    /*background-color: #fffffe;*/

    margin-top:0px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
    padding: 10px;
    border:1px solid black;
    border-radius: 7px;
    /*overflow-y: scroll; */
    /* height: 350px; */
    max-height: 350px;
    /* opacity: 0.93; */
    z-index: -99;
  }
  .containerAdminNoScroll4{
    width: 100%;
    background-color: rgba(229, 243, 245, 0.897);
    /*background-color: #fffffe;*/

    margin-top:0px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
    padding: 15px;
    border:1px solid black;
    border-radius: 7px;
    /*overflow-y: scroll; */
    /* height: 40vh; */
    max-height: 350px;
    /* opacity: 0.93; */
    z-index: -99;
  }

  .containerAdminNoScrollVidMob{
    width: 100%;
    background-color: rgba(229, 243, 245, 0.897);
    /*background-color: #fffffe;*/

    margin-top:0px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
    padding: 15px;
    border:1px solid black;
    border-radius: 7px;
    /*overflow-y: scroll; */
    /* height: 350px; */
    max-height: 1000px;
    /* opacity: 0.93; */
    z-index: -99;
  }


  .containerAdminNoScrollCompanyTable{
    width: 100%;
    background-color: #D0D5D6;
    /*background-color: #fffffe;*/

    margin-top:45px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
    padding: 15px;
    border:1px solid black;
    border-radius: 7px;
    /*overflow-y: scroll; */
    min-height: 96%;
    opacity: 0.93;
    z-index: -99;
  }

  .containerAdminNoScrollCompanyTable1{
    width: 90%;
    background-color: #D0D5D6;
    /*background-color: #fffffe;*/

    /* margin-top:36px; */
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
    padding: 15px;
    border:1px solid black;
    border-radius: 7px;
    /*overflow-y: scroll; */
    min-height: 96%;
    opacity: 0.93;
    z-index: -99;
  }


  .containerAdmin4{
    width: 90%;
    background-color: #D0D5D6;
    /*background-color: #fffffe;*/

    margin-top:36px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
    padding: 15px;
    border:1px solid black;
    border-radius: 7px;
    overflow-y: scroll;
    height: 96%;
    opacity: 0.93;
    z-index: -99;
  }
  .containerAdminLogIn{
    width: 90%;
    /*background-color: #D0D5D6;*/
    /*background-color: #fffffe;*/
    margin: auto;
    /*margin-top:36px;*/
    /*margin-left: auto;*/
    /*margin-right: auto;*/
    /*margin-bottom: 0px;*/
    /*padding: 15px;*/
    /*border:1px solid black;*/
    /*border-radius: 7px;*/
    /*overflow-y: scroll; */
    height: 87%;
    opacity: 0.93;
    z-index: -99;
  }

  .containerCharts{
    /*width: 100%;*/
    background-color: rgba(229, 243, 245, 0.897);
    /*margin: auto;*/
    /*padding: 10px;*/
    /*border:1px solid black;*/
    /*border-radius: 7px;*/
    /*overflow-y: scroll; */
    /*height: 96%;*/
    /* opacity: 0.93; */
    /*z-index: -99;*/
  }


.containerGen{
    /* width: 100%; */
    background-color: rgba(4, 30, 63, 0.822);
    margin-top: 56px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    padding: 15px;
    border:1px solid black;
    border-radius: 7px;
    /*overflow-y: scroll; */
    height: 1100px;
    /* opacity: 0.93; */
}
.containerGenEducator{
    /* width: 100%; */
    background-color: rgba(32, 47, 66, 0.822);
    margin-top: 75px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    padding: 15px;
    border:1px solid black;
    border-radius: 7px;
    /*overflow-y: scroll; */
    height: 1400px;
    /* opacity: 0.93; */
}
.containerGenEducatorMobile{
    /* width: 100%; */
    background-color: rgba(32, 47, 66, 0.822);
    margin-top: 75px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    padding: 15px;
    border:1px solid black;
    border-radius: 7px;
    /*overflow-y: scroll; */
    height: 1900px;
    /* opacity: 0.93; */
}

.dashData
{
  font-size: 1.0em;
  font-weight: 400;
  font-family: "Open Sans", Arial, sans-serif;
}


.containerGenNews{
    /* width: 100%; */
    background-color: rgba(4, 30, 63, 0.822);
    margin-top: 56px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    padding: 15px;
    border:1px solid black;
    border-radius: 7px;
    /*overflow-y: scroll; */
    height: 2200px;
    /* opacity: 0.93; */
}


.containerGenData{
    /* width: 100%; */
    background-color: rgba(4, 30, 63, 0.822);
    margin-top: 38px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    padding: 15px;
    border:1px solid black;
    /* border-radius: 7px; */
    /*overflow-y: scroll; */
    /* height: 100vh; */
    /* opacity: 0.93; */
}


.containerGen-SW{
    /* width: 100%; */
    background-color: #50444F;
    margin-top: 56px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    padding: 15px;
    border:1px solid black;
    border-radius: 7px;
    /*overflow-y: scroll; */
    /* height: 100vh; */
    /* opacity: 0.93; */
}


.containerGen1{
    width: 100%;
    /* background-color: rgb(35, 72, 80); */
    /* background-image: url("/views/uploads/background-bluegradient2-scaled.jpg");  */

    margin-top: 35px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 30px;
    padding: 0px;
    /* border:1px solid black; */
    border-radius: 7px;
    /*overflow-y: scroll; */
    height: 63vh;
    /* opacity: 0.93; */
}
.containerGen2{
    width: 100%;
    /* background-color: rgb(35, 72, 80); */
    /* background-image: url("/views/uploads/background-bluegradient2-scaled.jpg");  */

    margin-top: 45px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    padding: 0px;
    /* border:1px solid black; */
    border-radius: 7px;
    /*overflow-y: scroll; */
    height: 1000px;
    /* opacity: 0.93; */
}
.containerGen3{
    width: 100%;
    /* background-color: rgb(35, 72, 80); */
    /* background-image: url("/views/uploads/background-bluegradient2-scaled.jpg");  */

    margin-top: 45px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    padding: 0px;
    /* border:1px solid black; */
    border-radius: 7px;
    /*overflow-y: scroll; */
    height: 1100px;
    /* opacity: 0.93; */
}



.containerLogInTop{
    width: 90%;
    background-color: #D0D5D6;
    margin-top: 56px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
    padding: 15px;
    border:1px solid black;
    border-radius: 7px;
    /*overflow-y: scroll; */
    height: 65%;
    opacity: 0.93;

}

.containerLogInTop1{
    width: 95%;
    background-color: #D0D5D6;
    /* margin-top: 56px; */
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
    padding: 15px;
    border:1px solid black;
    border-radius: 7px;
    /*overflow-y: scroll; */
    height: 28em;
    opacity: 0.93;

}

.showStudentPadding {
    padding-left: 10px;
    padding-right: 15px;
}


.clearWindow{
    width: 100%;
    /*background-color: #D0D5D6;*/
    /* margin-top: 56px; */
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
    padding: 15px;
    /*border:1px solid black;*/
    /*border-radius: 7px;*/
    /*overflow-y: scroll; */
    height: 100%;
    /* opacity: 0.93; */
    z-index: -100;
}

.clearWindow1{
    width: 95%;
    /*background-color: #D0D5D6;*/
    margin-top: 56px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
    padding: 15px;
    /*border:1px solid black;*/
    /*border-radius: 7px;*/
    /*overflow-y: scroll; */
    height: 50em;
    opacity: 0.93;
    z-index: -100;
}


.containerAdminTest{
    width: 75%;
    background-color: #D0D5D6;
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
    padding: 15px;
    border:1px solid black;
    border-radius: 7px;
    overflow-y: hidden;
    height: 250px;
    opacity: 0.93;
}
.backWindow{
    width: 100%;
    background-color: rgb(58, 102, 110);
    margin-top: 60px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
    padding: 15px;
    /*border:1px solid black;*/
    /*border-radius: 7px;*/
    /*overflow-y: scroll; */
    height: 100%;
    /* opacity: 0.93; */
    z-index: -100;
}

.containerSuccessStories {
    width: 75%;
    background-color: #D0D5D6;
    margin-top: 56px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
    padding: 15px;
    border:1px solid black;
    border-radius: 7px;
    overflow-y: scroll;
    height: 96%;
    opacity: 0.93;
}
.showContainer {
    background-color: #D0D5D6;
    margin-top: 80px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
    padding: 15px;
    border:1px solid black;
    border-radius: 7px;
    overflow-y: scroll;
    height: 85%;
    opacity: 0.93;
    width: 50%;
}

.footer {
    position: fixed;
    height: 40px;
    left: 0;
    bottom: 0px;
    width: 100%;
 }

@media print{
    .noprint{
        display:none;
    }
 }

/* Create three equal columns that floats next to each other */
.column {float: left; width: 33.33%; padding: 10px; }

/* Create three equal columns that floats next to each other */
.column1 {float: left; width: 50%; padding-left: 10px; padding-right: 10px;}

/* Create three equal columns that floats next to each other */
.column2 {float: right; width: 10%; padding-left: 10px; padding-right: 10px;}

/* Clear floats after the columns */
.row:after { content: ""; display: table; clear: both; }


.maxHeight {
    max-height: 25px;
}

.textTitle {
        font-size: 1.1em;
        font-style: italic;
        text-decoration: underline;
        color: white;
        font-weight: 800;
}
.textTitle1 {
    font-size: 0.9em;
    font-style: italic;
    color: White;
    font-weight: 800;
    text-decoration: underline;
}
.tableText1 {
    font-size: 0.9em;
    color: black;
    font-weight: 400;
    /*text-decoration: underline;*/
}


.listTitle {
        font-size: 1.0em;
        color: white;
        font-weight: 800;
        margin-left: 0px;
    }

.liText {
        margin-left: 25px;
    }

.indent1 {
        margin-left: 15px;
    }

.tableGlobal {
    width: 100%;
    /*margin: 10px;*/
    /*outline-style: solid;*/
    /*outline-width: 1;*/
    padding: 10px;
}

.tableGen {
    margin: 10px;
}

.tablePaddingTopHeader {
    padding-top: 10px;
}

.oneImsLarge {
    /*background-color: #1d6d77;*/
    /*margin-top: 25px;*/
    /*margin-bottom: 25px;*/
    width: 48%;
    height: 410px;
    float: left;
}

.containerDashLargeCTENoScroll1{
    width: 80%;
    background-color: rgb(255, 255, 255);
        /*background-color: #fffffe;*/

    /*margin-top: 0px;*/
    /*margin-left: 40px;*/
    /*margin-right: auto;*/
    /*margin-bottom: 0px;*/
    padding: 10px;
    border:1px solid black;
    /* border-radius: 7px; */
    /*overflow-y: scroll; */
    height: 380px;
    /* opacity: 0.93; */
        box-shadow:5px 5px 1px 1px rgb(10, 47, 92);
    /*z-index: -99;*/
  }



.titles {
        font-size: 1.0em;
        font-style: italic;
        color: black;
        font-weight: 800;
        text-decoration: underline;
}

.titlesWhite {
    font-size: 1.0em;
    font-style: italic;
    color: rgb(241, 239, 239);
    font-weight: 600;
    text-decoration: underline;
    padding-bottom: 5px;
}

.textWhite {
    font-size: 1.0em;
    font-style: italic;
    color: rgb(241, 239, 239);
    font-weight: 400;
    /* text-decoration: underline; */
    padding-bottom: 5px;
}



.text {
        font-size: 1.0em;
        /*font-style: italic;*/
        color: white;
        font-weight: 400;
        /*text-decoration: underline;*/
}

.tableTextTab {
    font-size: 1.1em;
    color: black;
    font-weight: 400;
    /*text-decoration: underline;*/
}

.textBlack {
    font-size: 1.0em;
    /*font-style: italic;*/
    color: black;
    font-weight: 400;
    /*text-decoration: underline;*/
}
.textShowStudentBlack {
    font-size: 1.0em;
    /*font-style: italic;*/
    color: black;
    font-weight: 400;
    /*text-decoration: underline;*/
}


.titlesEmployers {
        font-size: 1.2em;
        font-style: italic;
        color: black;
        font-weight: 800;
        text-decoration: underline;
}
.titlesEmployers1 {
    font-size: 1.0em;
    font-style: italic;
    color: black;
    font-weight: 600;
    text-decoration: underline;
    vertical-align: middle;
}

.internTableTitleRow {
    padding-bottom: 5px;
}

.titlestable1 {
    font-size: 0.9em;
    font-style: none;
    color: black;
    font-weight: 600;
    text-decoration: none;
    padding: 0px;
}
.textTable1 {
    font-size: 0.9em;
    font-style: none;
    color: black;
    font-weight: 400;
    text-decoration: none;
    padding: 0px;
}

.internTableCellHeight {
    height: 1.0em;
    padding: 0px;
}


.tablePartner {
    width: 100%;
    padding: 0px;
    margin: 0px;
    }

.tablePartner td{
   height: 25px;
    }

/*td { border: 2px solid Gray; }*/
.specialLeft{
    border-left: 2px double Black;
    border-top: 2px double Black ;
    border-bottom: 2px double Black ;
}
.specialRight{
    border-right: 2px double Black;
    border-top: 2px double Black ;
    border-bottom: 2px double Black ;
}

.tHeaderTitle {
    font-size: 1.1em;
    font-weight: 500;
    /*font-style: italic;*/
    text-decoration: underline;
    padding-left: 10px;
}

.tHeaderTitleNoUL {
    font-size: 1.1em;
    font-weight: 600;
    /*font-style: italic;*/
    /*text-decoration: underline;*/
    padding-left: 10px;
}

.tHeaderTitlePartner {
    font-size: 1.5em;
    font-weight: 800;
    /*font-style: italic;*/
    text-decoration: underline;
    font-style: italic;

    padding: 0px;
}

.tHeaderText {
    font-size: 0.95em;
    font-weight: normal;
    font-style: normal;
}

.textFormat {
    word-wrap:break-word;
}

.employerStyle {
    font-size: 1.7em;
    font-weight: 800;
    font-style: italic;

    /*text-decoration: underline;*/

}

.studentNameStyle {
    font-size: 1.1em;
    font-weight: 800;
    font-style: italic;
    text-decoration: underline;
}

.employerStyleMid {
    font-size: 1.4em;
    font-weight: 800;
    font-style: italic;

    /*text-decoration: underline;*/

}
.websiteStyle {
    font-size: 1.2em;
    font-weight: 600;
    font-style: italic;
    text-decoration: none;
    /*text-decoration: underline;*/
}

.internText {
    font-size: 1.2em;
    font-weight: 600;
    font-style: italic;
    text-decoration: none;
    /*text-decoration: underline;*/
}
.internTitle1 {
    font-size: 0.9em;
    font-weight: 600;
    font-style: italic;
    text-decoration: none;
    vertical-align: middle;
    /*text-decoration: underline;*/
}
.websiteTitle {
    font-size: 1.1em;
    font-weight: 800;
    font-style: italic;
    text-decoration: underline;
}
.internTitle {
    font-size: 1.2em;
    font-weight: 800;
    font-style: italic;
    text-decoration: underline;
}
.websiteStylePartner {
    font-size: 1.1em;
    font-weight: 600;
    font-style: italic;
    text-decoration: none;
    /*text-decoration: underline;*/
}
.websiteTitlePartner {
    font-size: 1.1em;
    font-weight: 800;
    font-style: italic;
    text-decoration: underline;
}


.alignCenter {
    text-align: center;
}

.containerTitle {
    font-size: 1.1em;
    font-weight: bold;
    text-decoration: underline;
    text-align: center;
    /* opacity: 0.93; */
    width: 100%;
}

.containerTableCo{
    width: 70%;
    text-align: center;
    background-color: #D0D5D6;
    margin: 0px;
    padding: 15px;
    border:1px solid black;
    /*border-radius: 7px;*/
    /*overflow-y: scroll; */
    /*height: 96%;*/
    opacity: 0.93;
        /*box-shadow:5px 5px 0px 0px grey; */

    /*z-index: -99;*/
  }


.inputStyle {
    width: 100%;
    /* margin: auto; */
    font-size: 15px;
}

.textTitleMobile {
        font-size: 1.0em;
        font-style: italic;
        color: black;
        font-weight: 800;
        text-decoration: underline;
}

.inputLogInStyle {
    width: 75%;
    margin: auto;

}

.textarea {
    width: 100%;
}

.form {
    margin: auto;
}

.field {
    padding: 5px;

}

.alignText {
     text-align: right;
}

.buttonStyle {
    padding: 8px;
}
.plainText {
    font-size: 1.2em;
    font-weight: 800;
    /*font-style: italic;*/
    /*text-decoration: underline;*/
    text-decoration: none;

}

.containerLogIn {
    background-color: #D0D5D6;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
    /*margin-bottom: 30px;*/
    /*padding: 40px;*/
    border:1px solid black;
    border-radius: 7px;
    /*overflow-y: scroll; */
    /*height:75%;*/
    width: 80%;
}
.containerLogInStudent {
    background-color: #D0D5D6;
    margin-top: 10px;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 30px;
    /*margin-bottom: 30px;*/
    /*padding: 40px;*/
    /*border:1px solid black;*/
    /*border-radius: 7px;*/
    /*overflow-y: scroll; */
    height:90vh;
    width: 98%;
}

.tableVAlign {
    vertical-align: middle;
}


.homeLogo {
    display: block;
    margin: auto auto;
    text-align: center;
   margin-top: 60px;
   opacity: 0.80;
}
.homeLogoMobile {
    display: block;
    margin: auto auto;
    text-align: center;
   margin-top: 40px;
   opacity: 0.80;
}

.imageStyle {
    display: block;
    margin: auto auto;
    text-align: center;
    /*border:1px solid black;*/
    border-radius: 20px;
    background-color: rgba(237,237,237,0.90);
    /* box-shadow:5px 5px 20px 5px grey;  */
}

.imageStyleMobile {
    display: block;
    margin: auto auto;
    text-align: center;
    /*border:1px solid black;*/
    border-radius: 7px;
    background-color: rgba(237,237,237,0.90);
    box-shadow:5px 5px 12px 5px grey;


}
.imageLinksStyle {
    display: block;
    margin: auto auto;
    text-align: center;
    /*border:1px solid black;*/
    border-radius: 25px;
    background-color: rgba(237,237,237,0.90);
    box-shadow:10px 10px 30px 10px grey;
}

.imageCircular {
    /*display: block;*/
    margin: auto auto;
    text-align: center;
    /*border:1px solid black;*/
    border-radius: 50%;
    background-color: rgba(237,237,237,0.90);
    box-shadow:5px 5px 20px 5px grey;
}
.imageLogoStyle {
    display: block;
    margin-top: 10px;
    text-align: center;
    /*vertical-align: text-top;*/
    /*border:1px solid black;*/
    border-radius: 5px;
    background-color: rgba(237,237,237,0.90);
    box-shadow:1px 2px 5px 5px grey;
}


.imageLogoStyle1 {
    /* display: block; */
    margin-top: 5;
    text-align: center;
    /*vertical-align: text-top;*/
    /*border:1px solid black;*/
    border-radius: 5px;
    background-color: rgba(237,237,237,0.90);
    box-shadow:5px 5px 15px 5px grey;
    max-height: 2.8em;
    max-width: 80%;
    vertical-align: middle;
}
.imageLogoStyleORANGE {
    /* display: block; */
    margin-top: 5;
    text-align: center;
    /*vertical-align: text-top;*/
    /*border:1px solid black;*/
    border-radius: 5px;
    background-color: rgba(237,237,237,0.90);
    box-shadow:5px 5px 15px 5px rgb(68, 14, 0);
    max-height: 2.8em;
    max-width: 80%;
    vertical-align: middle;
}
.imageLogoStyleBLUE {
    /* display: block; */
    margin-top: 5;
    text-align: center;
    /*vertical-align: text-top;*/
    /*border:1px solid black;*/
    border-radius: 5px;
    background-color: rgba(0, 1, 48, 0.9);
    box-shadow:5px 5px 15px 5px rgba(0, 1, 48, 0.9);
    /* max-height: 125px; */
    /* max-width: 30%; */
    /* max-height: 90%; */
    vertical-align: middle;
}

.imageEmpLogoStyle {
    display: block;
    text-align: center;
    /*vertical-align: text-top;*/
    /*border:1px solid black;*/
    border-radius: 5px;
    background-color: rgba(237,237,237,0.90);
    box-shadow:10px 2px 5px 2px rgb(7, 37, 28);
    margin-right: auto;
    margin-left: auto;
    margin-bottom: auto;
    margin-top: auto;
    /* max-height:  */
}

.imageEmpLogoStyle1 {
    display: block;
    text-align: center;
    /*vertical-align: text-top;*/
    /*border:1px solid black;*/
    /* border-radius: 5px;
    background-color: rgba(237,237,237,0.90);
    box-shadow:10px 2px 5px 2px rgb(7, 37, 28);  */
    margin-right: auto;
    margin-left: auto;
    margin-bottom: auto;
    margin-top: auto;
    max-height:
}



.imageLogoStyle2 {
    display: block;
    /* margin-top: 5; */
    text-align: center;
    /*vertical-align: text-top;*/
    /*border:1px solid black;*/
    border-radius: 3px;
    /* background-color: rgba(237,237,237,0.90); */
    box-shadow:1px 1px 5px 1px grey;
    /* max-height: 2.8em;
    max-width: 80%; */
    /* vertical-align: middle; */
}

.imageContactStyle {
    /*display: block;*/
    /*width:auto;*/
    height:auto;
    margin-top: 5px;
    text-align: center;
    /*vertical-align: text-top;*/
    /*border:1px solid black;*/
    border-radius: 5px;
    background-color: rgba(0,0,0,0.90);
    box-shadow:5px 5px 15px 5px grey;
}

.imageContactStyle1 {
    /*display: block;*/
    /*width:auto;*/

    margin-top: 5px;
    text-align: center;
    /*vertical-align: text-top;*/
    /*border:1px solid black;*/
    border-radius: 5px;
    background-color: rgba(0,0,0,0.90);
    box-shadow:5px 5px 15px 5px #1B1B1B;
}

.title_R {
    font-size: 1vw;
}

.title_R1 {
    font-size: 1.0em;
}
.title_R2 {
    font-size: 0.9em;
}
.genTitle_R {
    font-size: 1.2vw;
    font-weight: 800;
    text-decoration: underline;
    font-style: italic;
}

.tableBox {
    font-size: 0.9em;
    font-weight: 800;
    text-decoration: underline;
    font-style: italic;
}

.genTitle_R2 {
    font-size: 0.8em;
    font-weight: 800;
    /* text-decoration: underline; */
    font-style: italic;
}


.genPageTitle_R {
    font-size: 1.6vw;
    font-weight: 800;
    text-decoration: underline;
    text-align: center;
    /*font-style: italic;*/
}

.tableconfig1 {
    padding-left: 10px;
}

#tableBox {
/*border: 1px solid black;*/
/*border-radius: 15px;*/
padding: 10px 20px;
 background-color: rgb(248, 248, 248);
 margin-left: 15px;
  /*box-shadow: 7px 10px 15px rgba(0, 0, 0, .65);*/
}

#tableBox:empty {
  display: none;
}

/*  grayscale css   */
.grayscale{
 transition: filter .5s ease-in-out;
 -webkit-filter: grayscale(100%); /* Ch 23+, Saf 6.0+, BB 10.0+ */
filter: grayscale(100%); /* FF 35+ */
}

.grayscale:hover{
-webkit-filter: grayscale(0%); /* Ch 23+, Saf 6.0+, BB 10.0+ */
filter: grayscale(0%); /* FF 35+ */

}

textarea{
  display: block;
  box-sizing: padding-box;
  overflow: hidden;

  padding: 10px;
  width: 250px;
  font-size: 14px;
  margin: 50px auto;
  border-radius: 6px;
  box-shadow: 2px 2px 8px rgba(black, .3);
  border: 0;
}

.newsDate {

    text-align: left;
    font-size: 0.9em;
    font-weight: 600;
    text-decoration: underline;
    font-family: "Open Sans", Arial, sans-serif;
}

.newsNews {
    text-align: left;
    font-size: 0.9em;
    font-weight: 500;
    font-family: "Open Sans", Arial, sans-serif;
    /*text-decoration: underline;*/

}

.newsContainer {
    background-color: #D0D5D6;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    /*margin: auto;*/
    padding: 15px;
    border: 1px solid black;
    border-radius: 7px;
    overflow-y: scroll;
    height: 50%;
    box-shadow:0px 0px 20px 5px grey;
}
.newsContainerMobile {
    background-color: #D0D5D6;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    /*margin: auto;*/
    padding: 15px;
    border: 1px solid black;
    border-radius: 7px;
    overflow-y: scroll;
    height: 50%;
    box-shadow:0px 0px 20px 5px grey;

}

.newsContainer1 {
    background-color: #D0D5D6;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    /*margin: auto;*/
    padding: 15px;
    border: 1px solid black;
    border-radius: 7px;
    overflow-y: scroll;
    height: 65%;
    box-shadow:0px 0px 20px 5px grey;
}
.newsContainer2 {
    background-color: #D0D5D6;
    /* margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px; */
    /*margin: auto;*/
    margin: 0.5em;
    padding: 0.5em;
    border: 1px solid black;
    /* border-radius: 7px; */
    overflow-y: scroll;
    height: 100%;
    /* box-shadow:0px 0px 20px 5px grey;  */
}
.newsContainer3{
    background-color: rgb(248, 248, 248);
    /* margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px; */
    /*margin: auto;*/
    margin: 0.5em;
    padding: 0.5em;
    border: 1px solid black;
    /* border-radius: 7px; */
    /* overflow-y: scroll;  */
    height: 95%;
    text-align: center;
    /* box-shadow:0px 0px 20px 5px grey;  */
}
.employerRegContainer {
    background-color: rgb(65, 114, 121);
    /* margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px; */
    /*margin: auto;*/
    margin-top: 0.7em;
    /* padding: 0.5em; */
    /* border: 1px solid black; */
    /* border-radius: 7px; */
    /* overflow-y: scroll;  */
    /* height: 100vh; */
    /* box-shadow:0px 0px 20px 5px grey;  */
}

.LogoContainerBusinessH{
    background-color: rgb(255, 255, 255);
    /* margin-top: 10px; */
    margin-left: 8px;
    margin-right: 8px;
    /* margin-bottom: 10px;  */
    /*margin: auto;*/
    /* margin: 0.5em;*/
    padding: 0;
    /* border: 1px solid black; */
    border-radius: 9px;
    /* overflow-y: scroll;  */
    height: 160px;
    text-align: center;
    /* box-shadow:0px 0px 20px 5px grey;  */
}

.LogoContainer{
    background-color: rgb(255, 255, 255);
    /* margin-top: 10px; */
    margin-left: 20px;
    margin-right: 20px;
    /* margin-bottom: 10px;  */
    /*margin: auto;*/
    /* margin: 0.5em;*/
    padding: 0;
    /* border: 1px solid black; */
    border-radius: 9px;
    /* overflow-y: scroll;  */
    height: 700px;
    text-align: center;
    /* box-shadow:0px 0px 20px 5px grey;  */
}
.LogoContainerSchools{
    background-color: rgb(255, 255, 255);
    /* margin-top: 10px; */
    margin-left: 20px;
    margin-right: 20px;
    /* margin-bottom: 10px;  */
    /*margin: auto;*/
    /* margin: 0.5em;*/
    padding: 0;
    /* border: 1px solid black; */
    border-radius: 9px;
    /* overflow-y: scroll;  */
    height: 75vh;
    text-align: center;
    /* box-shadow:0px 0px 20px 5px grey;  */
}
.LogoContainer1{
    background-color: rgb(255, 255, 255);
    /* margin-top: 10px; */
    margin-left: 2em;
    margin-right: 2em;
    /* margin-bottom: 10px;  */
    /*margin: auto;*/
    /* margin: 0.5em;
    padding: 0.5em; */
    /* border: 1px solid black; */
    border-radius: 9px;
    /* overflow-y: scroll;  */
    height: 180px;
    text-align: center;
    /* box-shadow:0px 0px 20px 5px grey;  */
}

.LogoContainerHighlight{
    /* background-color: rgb(255, 255, 255); */
    /* margin-top: 10px; */
    margin-left: 20px;
    margin-right: 20px;
    /* margin-bottom: 10px;  */
    /*margin: auto;*/
    /* margin: 0.5em;*/
    padding: 0;
    /* border: 1px solid black; */
    border-radius: 9px;
    /* overflow-y: scroll;  */
    height: 65vh;
    text-align: center;
    /* box-shadow:0px 0px 20px 5px grey;  */
}


.blogHome {
    /* background-color:white; */
    /* margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px; */
    /*margin: auto;*/
    /* margin: 0.5em; */
    padding: 25px;
    /* border: 1px solid black; */
    /* border-radius: 7px; */
    /* overflow-y: scroll;  */
    height: 200px;
    /* box-shadow:0px 0px 20px 5px grey;  */
}


.employerInfo {
    /* background-color: rgb(255, 255, 255); */
    /* margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px; */
    /*margin: auto;*/
    margin: 0.5em;
    padding:0.5em;
    /* border: 1px solid black; */
    /* border-radius: 7px; */
    /* overflow-y: scroll;  */
    height: 100%;
    /* box-shadow:0px 0px 20px 5px grey;  */
}


.newsBlog1 {
    /* background-color: white; */
    margin-top: 2px;
    margin-left: 5px;
    margin-right: 10px;
    margin-bottom: 4px;
    /*margin: auto;*/
    padding: 15px;
    /* border: 1px solid black; */
    /* border-radius: 7px; */
    /* overflow-y: scroll; */
    min-height: 180px;
    /* box-shadow:0px 0px 20px 5px grey;  */

}

.events1{
    background-color: #D0D5D6;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    /*margin: auto;*/
    padding: 15px;
    border: 1px solid black;
    border-radius: 7px;
    overflow-y: scroll;
    /*height: 80%;*/
    box-shadow:0px 0px 20px 5px grey;

}

.itemSearch6 {
    /* background-color: #8dbdd8; */
    background-color: rgb(188, 218, 243);

    /* border:1px solid black; */
    /* border-radius: 7px; */
    padding-left: 0.5em;
    padding-right: 0.5em;
    padding-bottom: 0.3em;
    /*padding-top: 0.5em;*/
    margin-left: 0.1em;
    margin-right: 0.1em;
    margin-bottom: -1%;
    margin-top: 0.5em;
    overflow-y: scroll;
    height: 75vh;
 }

.newsBlogMobile {
    background-color: #D0D5D6;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 5px;
    /*margin: auto;*/
    padding: 15px;
    border: 1px solid black;
    border-radius: 7px;
    /*overflow-y: scroll; */
    /*height: 80%;*/
    box-shadow:0px 0px 20px 5px grey;

}

.indexContainer {
    background-color: #D0D5D6;
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 5px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 5px;
    padding-bottom: 0px;

    border:1px solid black;
    border-radius: 7px;
    /*overflow-y: scroll; */
    width: 90%;
    /*height: 100%;*/
    opacity: 0.90;

}
.indexContainerMobile {
    /*background-color: #D0D5D6;*/
        background-color: #ffffff;

    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 5px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 5px;
    padding-bottom: 0px;

    border:1px solid black;
    border-radius: 7px;
    /*overflow-y: scroll; */
    width: 80%;
    /*height: 100%;*/
    opacity: 0.90;

}


.itemNews {
    background-color: #DCE3E6;
    border:1px solid black;
    border-radius: 5px;
    padding-left: 1.5em;
    padding-right: 1.5em;
    padding-bottom: 0.5em;
    padding-top: 0.5em;
    /*margin: auto;*/
    margin-top: 0.2em;
    margin-bottom: 0.2em;

 }

 .item7 {
    width: 100%;
    background-color: rgb(65, 114, 121);
        /* background-image:  url("uploads/CO-Background1.jpg");  */

    /* border:1px solid black; */
    /* border-radius: 7px; */
    /* padding-left: 1em;
    padding-right: 1em;
    padding-bottom: 0.5em;
    padding-top: 0.5em; */
    padding: 15px;
    margin: 0px;
 }
 .item8 {
    width: 100%;
    background-color: rgb(65, 114, 121);
        /* background-image:  url("uploads/CO-Background1.jpg");  */

    border:1px solid black;
    border-radius: 7px;
    /* padding-left: 1em;
    padding-right: 1em;
    padding-bottom: 0.5em;
    padding-top: 0.5em; */
    padding: 5px;
    margin-bottom: 5px;
 }

 .item9 {
    width: 100%;
    background-color: rgb(65, 114, 121);
        /* background-image:  url("uploads/CO-Background1.jpg");  */

    border:1px solid black;
    border-radius: 7px;
    /* padding-left: 1em;
    padding-right: 1em;
    padding-bottom: 0.5em;
    padding-top: 0.5em; */
    padding: 5px;
    margin: 10px;
 }



 .navbar-default {
     background-size: 70px;
     font-size: 18px;
     font-weight: 600;
     text-align: center;
     font-family: "Open Sans", Arial, sans-serif;
     background-color: black;
     color: white;
 }

 .nav-link {
     color: white;


 }
 .navbarNavStyle {
      /*display: flex;*/
      justify-content: center;
      flex-wrap: wrap;
 }

 .footerStyle {
     background-color: rgb(73, 72, 72);
     font-family: "Open Sans", Arial, sans-serif;
     font-weight: 600;
     text-align: center;
     /*position:fixed;*/
     bottom:-1;
     width: 100%;
 }

 .tdMinHeight {
     min-height: 25px;
 }

/*.navbar-nav > li > a {padding-top:7px !important; padding-bottom:7px !important;}*/
.navbar {min-height:60px !important;}
/*.navbar-brand{padding-top:7px !important; max-height: 24px;  }*/
/*.navbar .navbar-toggle {  margin-top: 0px; margin-bottom: 0px; padding: 8px 9px; }*/

 .imageTitle {
     font-family: "Open Sans", Arial, sans-serif;
     font-weight: 600;
     font-size: 1.0em;
     color: white;
     padding-bottom: 15px;
     text-decoration: underline;
 }

 .recordStyle {
    text-align: right;

}


 .itemYTube {
     text-align: center;
     width: 85%;
    background-color: #D0D5D6;
    /*margin-top: 10px;*/
    margin-left: auto;
    margin-right: auto;
    /*margin-bottom: 20px;*/
    /*margin: auto;*/
    padding: 15px;
    border: 1px solid black;
    border-radius: 7px;
    /*overflow-y: scroll; */
    /*height: 65%;*/
    box-shadow:0px 0px 20px 5px grey;
 }


 .itemYTube {
    text-align: center;
    width: 85%;
    background-color: #D0D5D6;
    /*margin-top: 10px;*/
    margin-left: auto;
    margin-right: auto;
    /*margin-bottom: 20px;*/
    /*margin: auto;*/
    padding: 15px;
    border: 1px solid black;
    border-radius: 7px;
    /*overflow-y: scroll; */
    /*height: 65%;*/
    box-shadow:0px 0px 20px 5px grey;
 }

 .contact-info {
     font-size: 14px;
     font-family: "Open Sans", Arial, sans-serif;
     font-weight: 400;
     text-align: right;
     color: white;
 }

 .checkboxStyle  {
    margin-left: 5px;
    margin-top: 1%;
    margin-bottom: 1%;
    width: 40%;
 }

  .checkboxStyle1  {
     margin-top:  2%;
     float: right;
     vertical-align: bottom;

 }

 .surveyStyle {
     width: 120px;
     text-align: center;
     padding-left: 25px;
     overflow: auto;
     position:relative;
     display:inline-block;

 }

 .dropDownStyle {
    width: 200px;
    text-align: center;
    padding-left: 25px;
    overflow: auto;
    position:relative;
    display:inline-block;
}


 .formHeader {

     /*width: 224px;*/
     color: black;
     text-decoration: underline;
     font-style: italic;
     font-size: 1.3em;
     font-weight: 800;
     text-align: left;

 }
 .formHeader1 {

    /*width: 224px;*/
    color: black;
    text-decoration: underline;
    font-style: italic;
    font-size: 1.0em;
    font-weight: 800;
    text-align: left;

}

 .formTitle {

     /*width: 224px;*/
     color: black;
     text-decoration: underline;
     font-style: italic;
     font-size: 1.1em;
     font-weight: 800;
     text-align: center;
 }
 .formTitle1 {

    /*width: 224px;*/
    color: black;
    text-decoration: underline;
    font-style: italic;
    font-size: 1.0em;
    font-weight: 800;
    text-align: center;

}

 .buttonClass {

     background-color: #5C5C5C;
     width: 200px;
     color: white;
     font-weight: 800;
     text-align: center;
 }

 .form_dd {

    width: 225px;
    border: none;
    font: normal 16px/18px "HelveticaNeueLTCom45Light" , Georgia,serif;
    display: block;
    float: none;
    height: 32px;
    margin-top: 9px;
    border-radius: 7px;
    text-align: center;

    /*border:1px solid;*/
    color: #6d6e71;
    padding: 0px 4px 0px 4px;
    background: url(../images/selectbg.png) no-repeat right 9px #fff;
    -webkit-appearance: none;
}

 .form_button {

    width: 100px;
    border: none;
    font: normal 16px/18px "HelveticaNeueLTCom45Light" , Georgia,serif;
    display: inline-block;
    float: none;
    height: 32px;
    margin-top: 9px;
    border-radius: 7px;

    border:3px solid;
    color: #6d6e71;
    padding: 0px 4px 0px 4px;
    background: url(../images/selectbg.png) no-repeat right 9px #fff;
    -webkit-appearance: none;
}
.form_button1 {

    width: 150px;
    border: none;
    font: normal 16px/18px "HelveticaNeueLTCom45Light" , Georgia,serif;
    display: inline-block;
    float: none;
    height: 28px;
    margin-top: 9px;
    border-radius: 7px;

    border:3px solid;
    color: #6d6e71;
    padding: 0px 4px 0px 4px;
    background: url(../images/selectbg.png) no-repeat right 9px #fff;
    -webkit-appearance: none;
}

.form_button2 {
    width: 130px;
    border: none;
    font: normal 16px/18px "HelveticaNeueLTCom45Light" , Georgia,serif;
    display: inline-block;
    float: none;
    height: 28px;
    margin-top: 9px;
    border-radius: 7px;
    border:2px solid;
    color: #6d6e71;
    padding: 0px 4px 0px 4px;
    background: url(../images/selectbg.png) no-repeat right 9px #fff;
    -webkit-appearance: none;
}

.form_buttonWide {
    width: 200px;
    border: none;
    font: normal 16px/18px "HelveticaNeueLTCom45Light" , Georgia,serif;
    display: inline-block;
    float: none;
    height: 24px;
    margin-top: 9px;
    border-radius: 7px;
    border:2px solid;
    color: #6d6e71;
    padding: 0px 4px 0px 4px;
    background: url(../images/selectbg.png) no-repeat right 9px #fff;
    -webkit-appearance: none;
}
.buttonAvails {
  width: 100px;
  height: 25px;
  font-size: 20;
}

.form_buttonAvails {
    width: 150px;
    border: none;
    font: normal 16px/18px "HelveticaNeueLTCom45Light" , Georgia,serif;
    display: inline-block;
    float: none;
    height: 24px;
    margin-top: 9px;
    border-radius: 7px;
    border:2px solid;
    color: #6d6e71;
    padding: 0px 4px 0px 4px;
    background: url(../images/selectbg.png) no-repeat right 9px #fff;
    -webkit-appearance: none;
}
.form_buttonWide170 {
    width: 170px;
    border: none;
    font: normal 16px/18px "HelveticaNeueLTCom45Light" , Georgia,serif;
    display: inline-block;
    float: none;
    height: 24px;
    margin-top: 9px;
    border-radius: 7px;
    border:2px solid;
    color: #6d6e71;
    padding: 0px 4px 0px 4px;
    background: url(../images/selectbg.png) no-repeat right 9px #fff;
    -webkit-appearance: none;
}
.form_buttonSmallHelp {
    width: 80px;
    border: none;
    font: normal 12px/14px "HelveticaNeueLTCom45Light" , Georgia,serif;
    display: inline-block;
    float: none;
    height: 16px;
    /* margin-top: 9px; */
    border-radius: 7px;
    border:2px solid;
    color: #6d6e71;
    padding: 0px 4px 0px 4px;
    background: url(../images/selectbg.png) no-repeat right 9px #fff;
    -webkit-appearance: none;
}


.form_buttonSmall {
    width: 110px;
    border: none;
    font: normal 14px/16px "HelveticaNeueLTCom45Light" , Georgia,serif;
    display: inline-block;
    float: none;
    height: 20px;
    /* margin-top: 9px; */
    border-radius: 7px;
    border:2px solid;
    color: #6d6e71;
    padding: 0px 4px 0px 4px;
    background: url(../images/selectbg.png) no-repeat right 9px #fff;
    -webkit-appearance: none;
}

.form_buttonSmall150 {
    width: 150px;
    border: none;
    font: normal 14px/16px "HelveticaNeueLTCom45Light" , Georgia,serif;
    display: inline-block;
    float: none;
    height: 20px;
    /* margin-top: 9px; */
    border-radius: 7px;
    border:2px solid;
    color: #6d6e71;
    padding: 0px 4px 0px 4px;
    background: url(../images/selectbg.png) no-repeat right 9px #fff;
    -webkit-appearance: none;
}




.filterTable {
    width: 224px;
    text-align: center;
    font-weight: bold;
}

.itemSearch {
    /* background-color: #DCE3E6; */
    border:1px solid black;
    box-shadow:5px 5px 15px 5px rgb(13, 59, 27);
    border-radius: 7px;
    /*padding-right: 2em;*/
    padding: 0.5em;
    margin-bottom: 10px;
 }
 .itemSearch3 {
    width: 100%;
    /* background-color: #0a344d; */
    background-image: url("/public/images/darkBlue-abstract-scaled.jpg")
    border:1px solid black;
    /* border-radius: 7px; */
    padding-left: 0.5em;
    padding-right: 0.5em;
    padding-bottom: 0.3em;
    /*padding-top: 0.5em;*/
    /* margin-left: 0.1em;
    margin-right: 0.1em;
    margin-bottom: -1%; */
    /*margin-top: 0.1em;*/
    /*overflow-y: scroll;*/
 }


  .formHeader_A {

     /*width: 200px;*/
     color: black;
     text-decoration: underline;
     font-style: italic;
     font-size: 1.2em;
     font-weight: 800;
     padding-bottom: 10px;
     text-align: left;

 }
   .formHeader_b {

     width: 200px;
     color: black;
     text-decoration: underline;
     font-style: italic;
     font-size: 1.3em;
     font-weight: 800;
     text-align: center;
     vertical-align: text-bottom;

 }

 .formTitle_A {

     /*width: 200px;*/
     color: black;
     text-decoration: underline;
     font-style: italic;
     font-size: 1.0em;
     font-weight: 800;
     text-align: center;

 }

 .buttonClass_A {

     background-color: #5C5C5C;
     width: 125px;
     color: white;
     font-weight: 800;
     text-align: center;
 }

 .form_dd_A {

    width: 80%;
    border: none;
    font: normal 16px/18px "HelveticaNeueLTCom45Light" , Georgia,serif;
    display: block;
    float: none;
    height: 24px;
    margin-top: 9px;
    border-radius: 7px;
    text-align: center;
    vertical-align: text-bottom;
    text-align-last: center;

    /*border:1px solid;*/
    color: #6d6e71;
    /*padding: 0px 4px 0px 4px;*/
    background: url(../images/selectbg.png) no-repeat right 9px #fff;
    -webkit-appearance: none;
}
.form_dd_B {

    width: 80%;
    border: none;
    font: normal 16px/18px "HelveticaNeueLTCom45Light" , Georgia,serif;
    display: block;
    float: none;
    height: 24px;
    margin-top: 9px;
    border-radius: 7px;
    text-align: center;
    vertical-align: text-bottom;
    text-align-last: center;

    /*border:1px solid;*/
    color: #6d6e71;
    /*padding: 0px 4px 0px 4px;*/
    background: url(../images/selectbg.png) no-repeat right 9px #fff;
    -webkit-appearance: none;
}

.form_dd_C {

    width: 20%;
    border: none;
    font: normal 16px/18px "HelveticaNeueLTCom45Light" , Georgia,serif;
    display: block;
    float: none;
    height: 24px;
    margin-top: 9px;
    border-radius: 7px;
    text-align: center;
    vertical-align: middle;
    text-align-last: center;

    /*border:1px solid;*/
    color: #6d6e71;
    /*padding: 0px 4px 0px 4px;*/
    background: url(../images/selectbg.png) no-repeat right 9px #fff;
    -webkit-appearance: none;
}

.form_dd_D {

    width: 50%;
    border: none;
    font: normal 16px/18px "HelveticaNeueLTCom45Light" , Georgia,serif;
    display: block;
    float: none;
    height: 24px;
    margin-top: 9px;
    border-radius: 7px;
    text-align: center;
    vertical-align: middle;
    text-align-last: center;

    /*border:1px solid;*/
    color: #6d6e71;
    /*padding: 0px 4px 0px 4px;*/
    background: url(../images/selectbg.png) no-repeat right 9px #fff;
    -webkit-appearance: none;
}


 .form_button_A {

    width: 150px;
    border: none;
    font: normal 16px/18px "HelveticaNeueLTCom45Light" , Georgia,serif;
    display: block;
    float: none;
    height: 32px;
    margin-top: 9px;
    border-radius: 7px;

    border:3px solid;
    color: #6d6e71;
    padding: 0px 4px 0px 4px;
    background: url(../images/selectbg.png) no-repeat right 9px #fff;
    -webkit-appearance: none;
}

.filterTable_A {
    /*width: 200px;*/
    text-align: center;
    font-weight: bold;
}

.itemSearch_A {
    background-color: #DCE3E6;
    border:1px solid black;
    border-radius: 7px;
    padding-left: 2em;
    /*padding-right: 2em;*/
    padding-bottom: 1.0em;
    /*padding-top: 1.5em;*/
    /*margin: auto;*/
 }

 .itemSearch2 {
    background-color: #8dbdd8;
    border:1px solid black;
    border-radius: 7px;
    padding-left: 0.5em;
    padding-right: 0.5em;
    padding-bottom: 0.3em;
    /*padding-top: 0.5em;*/
    margin-left: 0.1em;
    margin-right: 0.1em;
    margin-bottom: -1%;
    /*margin-top: 0.1em;*/
    /*overflow-y: scroll;*/

 }


 .labelText {
     font-size: 1.1em;
     font-weight: 600;

 }

 .aboutStyle {

     width: 100%;
     text-align: center;
     font-weight: 800;
     font-size: 2.0em;
 }

 .titleStyle1 {

     background-color: lightblue;
 }

 .titlesNoUL {
        font-size: 1.0em;
        font-style: italic;
        color: black;
        font-weight: 800;
        /*text-decoration: underline;*/
}




 .containerSOM {
    width: 100% !important;;
    height: 650px !important;;
    /*margin: auto;*/
    /*padding: 10px;*/
}
.one {
    /*background-color: #1d6d77;*/
    width: 50%;
    height: 600px;
    float: left;
}
.two {
    margin-left: 51%;
    height: 600px;
    /*background: black;*/
}

.successTable {
    /*margin-left: 5%;*/
    width: 100%;
    text-align: center;
     /*background-color: #1d6d77;*/
    margin-top: -2%;
}

.searchTable {
    /*margin-left: 5%;*/
    /*width: 90%;*/
    /*text-align: center;*/
     /*background-color: #1d6d77;*/
    margin-top: -2%;
}

.tableStories{
   outline-style: solid;
   outline-width: 1;
   padding: 5;
   /*background-color: #807E7E;*/
   background-color: #D0D5D6;


}
.contactColor{
    background-color: #807E7E;
}

.bottom {
    box-shadow: 0 5px 5px -5px grey;
			}

.left {
	box-shadow: -5px 0 5px -5px grey;
			}

.tableSOM{
   /*outline-style: solid;*/
   /*outline-width: 2;*/
   padding: 5;
}

.itemStories {
    background-color: rgb(255, 255, 255);
        /*background-color: #1d6d77;*/

    /* border:2px solid black;  */
    border-radius: 7px;
    padding: 20px;
    /* padding-right: 20px;
    padding-bottom: 1.5em;
    padding-top: 1.0em; */
    margin: 1.0em;
    margin-left: 5px;
    margin-right: 5px;
    /* height: 210px; */
    max-height: 210px;
 }

 .meetingAvails {
     background-color: #ffffff;
         /*background-color: #1d6d77;*/

     border:2px solid black;
     border-radius: 7px;
     box-shadow:5px 5px 0px 0px #1a0000;
     padding: 20px;
     /* padding-right: 20px;
     padding-bottom: 1.5em;
     padding-top: 1.0em; */
     /* margin: 1.0em; */
     margin-left: auto;
     margin-right: auto;
     /* height: 475px; */
     /* max-height: 210px; */
     width: 80%;
  }

  .meetingAvailsMobile {
      background-color: #ffffff;
          /*background-color: #1d6d77;*/

      border:2px solid black;
      border-radius: 7px;
      box-shadow:5px 5px 0px 0px #1a0000;
      padding: 20px;
      /* padding-right: 20px;
      padding-bottom: 1.5em;
      padding-top: 1.0em; */
      /* margin: 1.0em; */
      margin-left: auto;
      margin-right: auto;
      /* height: 475px; */
      /* max-height: 210px; */
      width: 95%;
   }


 .itemStories1 {
    background-color: #DCE3E6;
        /*background-color: #1d6d77;*/

    border:2px solid black;
    border-radius: 7px;
    padding-left: 2em;
    padding-right: 2em;
    padding-bottom: 1.5em;
    padding-top: 1.0em;
    margin: 1.0em;
    margin-left: 5;
    margin-right: 5;
    height: 375px;
 }
 .itemStories2 {
    background-color: white;
            /*background-color: #1d6d77;*/

    /* border:2px solid black; */
    border-radius: 7px;
    /* padding-left: 2em;
    padding-right: 2em;
    padding-bottom: 1.5em;
    padding-top: 1.0em; */
    padding: 0.5em;
    margin: 0.5em;
    /* margin-left: 5;
    margin-right: 5; */
    /* height: 225px; */
    max-height: 235px;
 }

 .newsContainer4
 {
     overflow-y: auto;
     max-height: 190px;
 }

 .storyStudent {
    font-size: 1.15em;
    font-weight: 800;
    /*font-style: italic;*/
    text-decoration: underline;
    padding-left: 0px;
}

.storyHeader {
    font-size: 1.3em;
    font-weight: 800;
    font-style: italic;
    text-decoration: underline;
    text-align: center;
}
.storyHeader1 {
    font-size: 1.3em;
    font-weight: 800;
    font-style: italic;
    text-decoration: underline;
    /*text-align: left;*/
}

.storySchool {
    font-size: 1.1em;
    font-weight: 600;
    padding-left: 0px;

    /*font-style: italic;*/
    /*text-decoration: underline;*/
    /*text-align: center;*/
}

.containerStories {
    /*background-color: #D0D5D6;*/
    background-color: #807E7E;

    margin-top: 30;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
    padding: 2px;
    border:2px solid black;
    /*border-radius: 7px;*/
    overflow-y: scroll;
    height: 100%;
    opacity: 0.93;
}

.containerStories1 {
    /*background-color: #D0D5D6;*/
    background-color: #807E7E;

    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    padding: 2px;
    border:2px solid black;
    /*border-radius: 7px;*/
    overflow-y: scroll;
    /* height: 45%; */
    height: 34.5vh;
    opacity: 0.93;
}


#caseSelector {
  min-height: 105px;
}
.dropDownColor {
  color: white;
  background-color: gray;
}

.dropDownColor:hover {
  color: white;
  background-color: lightgray;
}

option:checked {
    box-shadow: 0 0 10px 100px #ffb7b7 inset;
}



 .adminDropDownStyle {
     width: 12%;
     /*vertical-align: middle;*/
     /*padding-top: 15px;*/
 }
 .dropDownLarge {
    min-width: 200px;
    width:50%;
}

.dropDownMedium {
    min-width: 140px;
    width:25%;
}

.dropDownSmall {
    min-width: 60px;
    width:20%;
}



 .aboutHeader {
    color: white;
    font-size: 0.9em;
    font-weight: 600;
    font-style: italic;
    text-decoration: underline;
    text-align: center;
    background-color: black;
    margin-top: 150px;
}
.aboutHeaderCoord {
    color: white;
    font-size: 0.9em;
    font-weight: 600;
    font-style: italic;
    text-decoration: underline;
    text-align: center;
    background-color: black;
    /* margin-top: 75px; */
}

.containerAboutTitle {
    /*font-size: 1.8em;*/
    /*font-weight: bold;*/
    /*text-decoration: underline;*/
    /*text-align: center;*/
    /* opacity: 0.93; */
    width: 100%;
}

.aboutInfo {
    padding-top: 15px;
    padding-bottom: 15px;
}

.oneAbout {
    /*background-color: #1d6d77;*/
    width: 51%;
    height: 600px;
    margin-left: 3%;
    float: left;
    outline-style: solid;
    outline-width: 2;
    border-radius: 7px;
    box-shadow:5px 5px 20px 5px grey;
    overflow-y: auto;
    }

.oneAbout1 {
    /* align-items: stretch; */
    /* background-color: rgb(10, 10, 10); */
    /* background-color:#1d6d77; */
    /* background-image: url("CO-Background1.jpg"); */
    width: 50.5%;
    height: 62%;
    margin-left: 3%;
    float: left;
    /* margin-bottom: 0px; */
    /* outline-style: solid;
    outline-width: 2;
    border-radius: 7px;
    box-shadow:5px 5px 20px 5px grey;
    overflow-y: auto; */
    }

.oneAbout2 {
    /* align-items: stretch; */
    /* background-color: rgb(10, 10, 10); */
    /* background-color:#1d6d77; */
    /* background-image: url("CO-Background1.jpg"); */
    width: 59%;
    height: 85%;
    margin-left: 0.5%;
    float: left;
    /* margin-bottom: 0px; */
    /* outline-style: solid;
    outline-width: 2;
    border-radius: 7px;
    box-shadow:5px 5px 20px 5px grey;
    overflow-y: auto; */
    }

.oneAbout3 {
    /* align-items: stretch; */
    /* background-color: rgb(10, 10, 10); */
    /* background-color:#1d6d77; */
    /* background-image: url("CO-Background1.jpg"); */
    width: 78.5%;
    height: 90%;
    margin-left: 0.5%;
    float: left;
    /* margin-bottom: 0px; */
    /* outline-style: solid;
    outline-width: 2;
    border-radius: 7px;
    box-shadow:5px 5px 20px 5px grey;
    overflow-y: auto; */
    }

.employerInfo1 {
    width: 78.5%;
    height: 90%;
    margin-left: 0.5%;
    /* margin-top: 2px; */
    float: left;

    /* width: 100%; */
    background-color: rgb(35, 72, 80);
        /* background-image:  url("uploads/CO-Background1.jpg");  */

    /* border:1px solid black;
    border-radius: 7px; */
    /* padding-left: 1em;
    padding-right: 1em;
    padding-bottom: 0.5em;
    padding-top: 0.5em; */
    padding: 5px;
    margin-bottom: 5px;
    }

.employerReg {
    width: 100%;
    height: 94vh;
    /* margin-left: 0.5%; */
    /* margin-top: 2px; */
    float: left;

    /* width: 100%; */
    background-color: rgb(35, 72, 80);
        /* background-image:  url("uploads/CO-Background1.jpg");  */

    /* border:1px solid black;
    border-radius: 7px; */
    /* padding-left: 1em;
    padding-right: 1em;
    padding-bottom: 0.5em;
    padding-top: 0.5em; */
    padding-bottom: 25px;
    padding-top: 25px;
    /* margin-bottom: 5px; */
    }

    div.employerReg1 {
        /* width: 100%; */
        /* height: 94vh; */
        /* margin-left: 0.5%; */
        /* margin-top: 2px; */
        /* float: left; */

        /* width: 100%; */
        background-color: rgb(35, 72, 80);
            /* background-image:  url("uploads/CO-Background1.jpg");  */

        /* border:1px solid black;
        border-radius: 7px; */
        /* padding-left: 1em;
        padding-right: 1em;
        padding-bottom: 0.5em;
        padding-top: 0.5em; */
        /* padding-bottom: 25px;
        padding-top: 25px; */
        /* margin-bottom: 5px; */

        position: relative;
        padding-top: 30px;
        width: 100%;
        Height: 970px;
        margin-bottom: 10px;
        /* margin-top: 100px; */

        }


.aboutAddr {
    /* background-color: rgb(44, 100, 82); */
    /* outline-style: solid; */
    outline-width: 2;
    /* border-radius: 7px; */
    /* box-shadow:5px 5px 20px 5px grey; */

    /* border-radius: 5px; */
    background-color: rgba(0,0,0,0.90);
    box-shadow:5px 5px 15px 5px #1B1B1B;
}

.aboutAddr1 {
    /* background-color: rgb(44, 100, 82); */
    /* outline-style: solid; */
    outline-width: 2;
    /* border-radius: 7px; */
    /* box-shadow:5px 5px 20px 5px grey; */

    /* border-radius: 5px; */
    background-color: rgba(0,0,0,0.90);
    box-shadow:0px 0px 0px 0px #1B1B1B;
}
.aboutAddr2 {
    /* background-color: rgb(44, 100, 82); */
    /* outline-style: solid; */
    outline-width: 2;
    /* border-radius: 7px; */
    /* box-shadow:5px 5px 20px 5px grey; */

    /* border-radius: 5px; */
    background-color: rgba(0,0,0,0.90);
    box-shadow:2px 0px 4px 2px #1B1B1B;
}


/* .aboutAddr {
    /* background-color: rgb(44, 100, 82); */
    /* outline-style: solid; */
    /* outline-width: 2;
    border-radius: 7px; */
    /* box-shadow:5px 5px 20px 5px grey; */

    /* border-radius: 5px; */
    /* background-color: rgba(0,0,0,0.90);
    box-shadow:5px 5px 15px 5px #1B1B1B;
    margin-top: 10px;
} */


.divHeight1 {
    height: 150px;
}

.twoAbout {
    margin-left: 51.5%;
    height: 600px;
    width: 46%;
    /*background: black;*/
    overflow-y: auto;
    outline-style: solid;
    outline-width: 2;
    border-radius: 7px;
    box-shadow:5px 5px 20px 5px grey;
}
.twoAbout1 {
    margin-left: 51.5%;
    /* height: 600px; */
    width: 46%;
    /*background: black;*/
    /* overflow-y: auto; */
    /* outline-style: solid;
    outline-width: 2;
    border-radius: 7px; */
    /* box-shadow:5px 5px 20px 5px grey;  */
}

.twoAbout2 {
    margin-left: 71.0%;
    height: 62%;
    width: 29.5%;
    /*background: black;*/
    /* overflow-y: auto; */
    /* outline-style: solid;
    outline-width: 2;
    border-radius: 7px; */
    /* box-shadow:5px 5px 20px 5px grey;  */
}

.twoAbout3 {
    margin-left: 79.5%;
    height: 90%;
    width: 20.0%;
    /*background: black;*/
    /* overflow-y: auto; */
    /* outline-style: solid;
    outline-width: 2;
    border-radius: 7px; */
    /* box-shadow:5px 5px 20px 5px grey;  */
}

.employerLogos {
    margin-left: 79.5%;
    height: 100%;
    width: 20.0%;
    margin-top: 47px;
    /* width: 100%; */
    background-color: rgb(35, 72, 80);
        /* background-image:  url("uploads/CO-Background1.jpg");  */

    /* border:1px solid black;
    border-radius: 7px; */
    /* padding-left: 1em;
    padding-right: 1em;
    padding-bottom: 0.5em;
    padding-top: 0.5em; */
    padding: 5px;
    /* margin-bottom: 5px; */
    }

.infoSHLRight {
    margin-left: 79.5%;
    height: 100%;
    width: 20.0%;
    margin-top: 47px;
    /* width: 100%; */
    background-color: rgb(35, 72, 80);
        /* background-image:  url("uploads/CO-Background1.jpg");  */

    /* border:1px solid black;
    border-radius: 7px; */
    /* padding-left: 1em;
    padding-right: 1em;
    padding-bottom: 0.5em;
    padding-top: 0.5em; */
    padding: 5px;
    /* margin-bottom: 5px; */
    }



.aboutTable {
    /* display: flex; */
    /*margin-left: 5%;*/
    width: 90%;
    text-align: center;
     /*background-color: #1d6d77;*/
    margin-top: -2%;
    height: auto;
 }
 .aboutTable1 {
    /* display: flex; */
    /*margin-left: 5%;*/
    width: 90%;
    text-align: center;
     /*background-color: #1d6d77;*/
    margin-top: -2%;
    height: auto;
 }


 .infoTable1 {
    /* display: flex; */
    /*margin-left: 5%;*/
    width: 100%;
    text-align: center;
     /*background-color: #1d6d77;*/
    margin-top: 50px;
    margin-bottom:0px;
    height: 90%;
    /* border: 1px solid #000000; */

 }

 .containerAboutTitle {
    font-size: 1.6em;
    font-weight: 800;
    text-decoration: underline;
    text-align: center;
    opacity: 0.93;
    width: 100%;

}
  .tableHeaderBlackWhite {
      background-color: #000000;
      color: #ffffff;
      font-size: 1.1em;
      text-decoration: italic;
      text-decoration: underline;
      font-weight: 800;
  }

  .tableHeaderStudentBlackWhite {
    background-color: #000000;
    color: #ffffff;
    font-size: 0.9em;
    text-decoration: italic;
    text-decoration: underline;
    font-weight: 600;
}

  .containerComMtgsTableHeader{
    width: 100%;
    background-color: #D0D5D6;
    margin: 0px;
    padding: 0px;
    /*border:1px solid black;*/
    /*border-radius: 7px;*/
    overflow-y: scroll;
    /*height: 90%;*/
    opacity: 0.93;
        /*box-shadow:5px 5px 0px 0px grey; */

    /*z-index: -99;*/
  }
  .containerCompanyTableHeader{
    width: 90%;
    background-color: #D0D5D6;
    margin: 0px;
    padding: 0px;
    /*border:1px solid black;*/
    /*border-radius: 7px;*/
    /*overflow-y: scroll; */
    /*height: 90%;*/
    /* opacity: 0.93; */
        /*box-shadow:5px 5px 0px 0px grey; */

    /*z-index: -99;*/
  }
   .containerCompanyTable{
    width: 90%;
    background-color: white;
    margin: 0px;
    padding-top: 0px;
    padding-bottom: 10px;
    /*border:1px solid black;*/
    /*border-radius: 7px;*/
    overflow-y: scroll;
    height: 150px;
    /* opacity: 0.93; */
        /*box-shadow:5px 5px 0px 0px grey; */

    /*z-index: -99;*/
  }
  .containerCompanyTable1{
    width: 90%;
    background-color: white;
    margin: 0px;
    padding-top: 0px;
    padding-bottom: 10px;
    /*border:1px solid black;*/
    /*border-radius: 7px;*/
    overflow-y: scroll;
    height: 25px;
    /* opacity: 0.93; */
        /*box-shadow:5px 5px 0px 0px grey; */

    /*z-index: -99;*/
  }


table#t01 tr:nth-child(even) {
background-color: #eee;
font-size: 1.0em;
}
table#t01 tr:nth-child(odd) {
 background-color: #fff;
   font-size: 1.0em;

}



.containerAbout {
    background-color: #D0D5D6;
    margin-top: 56px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
    padding: 15px;
    border:1px solid black;
    border-radius: 7px;
    overflow-y: hidden;
    width: 80%;
    /*height: 96%;*/
    opacity: 0.93;
}

.contactTitle {
    font-size: 2vh;
    font-weight: 600;
    /*text-decoration: underline;*/
    color: black;
}
.contactTitle a {
    color: black;
    font-size: 1.0em;
}
.contactTitle a:hover {
    color: black;
    font-weight: 600;
    font-size: 1.1em;
}

.contactInfo {
    font-size: 0.8em;
    font-weight: 400;
    /*text-decoration: none;*/

    color: black;
}

.containerContactTitle {
    font-size: 1.6em;
    font-weight: bold;
    text-decoration: underline;
    text-align: center;
    opacity: 0.93;
    width: 100%;
}
#footer {
  position: relative;
  margin-bottom: -99%;
  /* negative value of footer height */
  height: 180px;
  clear: both;
}

.homeLinkText {
    color: white;
    font-weight: 400;
    font-size: 1.1em;
}

.homeLinkText:hover {
    color: #E5505B;
    font-weight: 400;
     font-size: 1.1em;
}

.adminMenuSpacer {
    background-color: black;
    width:100%;
    height: 20px;
}
.adminMenu {
    background-color: black;
    width:100%;
    height: 6%;
    z-index: 999;
}

.zMenu {
     z-index: 999px;
}

.titles_link {
        font-size: 16px;
        font-style: italic;
        /*font: underline;*/
        color: blue;
        font-weight: 400;
}
.titles_link:hover {
        font-size: 16px;
        font-style: italic;
        /*font: underline;*/
        color: blue;
        font-weight: 800;
}

.maxWidthPic {
    max-width: 15%;
    min-width: 100px;
    max-height: 120px;
    /* min-height: 50px; */
}
.maxWidthPicIOM {
    max-width: 5%;
    min-width: 65px;
    max-height: 100px;
    /* min-height: 50px; */
}

.maxWidthPicBlog {
    max-width: 12%;
    min-width: 80px;
    max-height: 100px;
}

.maxWidthNewsBlogPhotos {
    max-width: 80%;
    min-width: 100px;
    max-height: 200px;
}


.maxWidthPic1 {
    max-width: 50%;
    min-width: 100px;
    max-height: 150px;
    /* min-height: 50px; */
}


/* responsive scaling

/* For mobile phones: */

     font-size: .8em;
}
@media only screen and (min-width: 600px) {
    /* For tablets: */
    .col-s-1 {width: 8.33%;}
    .col-s-2 {width: 16.66%;}
    .col-s-3 {width: 25%;}
    .col-s-4 {width: 33.33%;}
    .col-s-5 {width: 41.66%;}
    .col-s-6 {width: 50%;}
    .col-s-7 {width: 58.33%;}
    .col-s-8 {width: 66.66%;}
    .col-s-9 {width: 75%;}
    .col-s-10 {width: 83.33%;}
    .col-s-11 {width: 91.66%;}
    .col-s-12 {width: 100%;}
}
@media only screen and (min-width: 768px) {
    /* For desktop: */
    .col-1 {width: 8.33%;}
    .col-2 {width: 16.66%;}
    .col-3 {width: 25%;}
    .col-4 {width: 33.33%;}
    .col-5 {width: 41.66%;}
    .col-6 {width: 50%;}
    .col-7 {width: 58.33%;}
    .col-8 {width: 66.66%;}
    .col-9 {width: 75%;}
    .col-10 {width: 83.33%;}
    .col-11 {width: 91.66%;}
    .col-12 {width: 100%;}
}

* {
    box-sizing: border-box;
}

.row::after {
    content: "";
    clear: both;
    display: table;
}

[class*="col-"] {
    float: center;
    padding: 15px;
}

/* anchor color changes */

    /*a:link {color:blue}*/
    /* normal link
    a:visited {color:blue; } /* visited link
    a:hover {color:blue; font-weight: 800;}   /* mouse over link
    a:active {color:blue}   /* selected link



     /* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    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 */
.modal-content {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 0;
    border: 1px solid #888;
    width: 60%;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s
}

/* Add Animation */
@-webkit-keyframes animatetop {
    from {top:-300px; opacity:0}
    to {top:0; opacity:1}
}

@keyframes animatetop {
    from {top:-300px; opacity:0}
    to {top:0; opacity:1}
}

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

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

.modal-header {
    padding: 2px 16px;
    background-color: #807E7E;
    color: white;
}

.modal-body {padding: 2px 16px;}

.modal-footer {
    padding: 2px 16px;
    background-color: #807E7E;
    color: white;
}


/* help to center the buttons */
.navbar.center .navbar-inner {
    text-align: center;
}

.navbar.center .navbar-inner .nav {
    display:inline-block;
    float: none;
}