/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v9/zhcz-_WihjSQC0oHJ9TCYPk_vArhqVIZ0nv9q090hN8.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
  body {
      font: 15px Montserrat, sans-serif;
      line-height: 1.8;
      color: #f5f6f7;
  }  
  p {font-size: 16px;}
  
  #link_to_personal_website{
      font: 16px Montserrat, sans-serif;
      line-height: 1.8;
      color: #f5f6f7;    
  }

  .wrapper-textarea{
    padding-left:30%;
    padding-right:30%;
  }
  .bg-1 { 
      background-color: #9bbff4;
      color: #ffffff;
  }
  .bg-3 { 
      background-color: #DC143C;
      color: #ffffff;
  }
  .bg-2 {       
      background-color: #ffffff;
      color: #555555;
   }
  .bg-4 { 
      background-color: #800000; 
      color: #fff;
  }
  .bg-1a { 
      background-image: url('../Images/McGill_Campus_Twilight.jpg');
	  background-repeat: no-repeat;
	  background-size: cover;
      color: #ffffff;
  }
.container-fluid {
    padding-top: 70px;
    padding-bottom: 70px;
    overflow: scroll;
}
.data-table {
  margin: 0 auto;
  font-size: 1.0em;
  margin-bottom: 15px;
}
.data-table thead {
  cursor: pointer;
  background: #555;
}
.data-table thead tr th { 
  font-weight: bold;
  padding: 12px 30px;
  padding-left: 42px;
}
.data-table thead tr th span {
  padding-right: 20px;
  background-repeat: no-repeat;
  background-position: 100% 100%;
}
.data-table tbody tr { 
  color: #ffffff;
}
.data-table tbody tr td {
  text-align: center;
  padding: 10px 10px;
}
.datagrid-wrapper{
  overflow: scroll;
}
/*.data-table td,th{
  border: 2px solid #fff;
}
*/
.data-table tbody tr td.lalign {
  text-align: left;
}

#keywords1 thead tr th.headerSortUp, #keywords1 thead tr th.headerSortDown {
  background: #424242;
}

#keywords1 thead tr th.headerSortUp span {
  background-image: url('http://i.imgur.com/SP99ZPJ.png');
}
#keywords1 thead tr th.headerSortDown span {
  background-image: url('http://i.imgur.com/RkA9MBo.png');
}

#keywords2 thead tr th.headerSortUp, #keywords2 thead tr th.headerSortDown {
  background: #424242;
}

#keywords2 thead tr th.headerSortUp span {
  background-image: url('http://i.imgur.com/SP99ZPJ.png');
}
#keywords2 thead tr th.headerSortDown span {
  background-image: url('http://i.imgur.com/RkA9MBo.png');
}

#keywords3 thead tr th.headerSortUp, #keywords3 thead tr th.headerSortDown {
  background: #424242;
}

#keywords3 thead tr th.headerSortUp span {
  background-image: url('http://i.imgur.com/SP99ZPJ.png');
}
#keywords3 thead tr th.headerSortDown span {
  background-image: url('http://i.imgur.com/RkA9MBo.png');
}

#keywords4 thead tr th.headerSortUp, #keywords4 thead tr th.headerSortDown {
  background: #424242;
}

#keywords4 thead tr th.headerSortUp span {
  background-image: url('http://i.imgur.com/SP99ZPJ.png');
}
#keywords4 thead tr th.headerSortDown span {
  background-image: url('http://i.imgur.com/RkA9MBo.png');
}
#calendar {
  max-width: 900px;
  margin: 0 auto;
  color: black;
  background:white;

}
#studyStartDate{
  color:black;
}
.mobile-container{
  padding-left: 20%;
  padding-right: 20%;  
}

ul {
  margin-top: 15px;
  list-style-type: none;
  padding-left: 0px;
}
.outerBullet{
  background-color: #ededed;
  color:black;
  border-radius: 10px;
  max-width: 500px;
  min-width: 100px;
  margin: 0 auto;
  text-align: center;
  opacity: 1;
  margin-top: 5px;
  margin-bottom: 5px;
}
.outerBullet:hover{
  background-color: #cccccc;
  cursor: pointer;
}
.innerList:hover{
  background-color: #ededed;
}
ul .innerList {
  background-color: white;
  list-style-type: circle;
  color:black;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  text-align: left;
  width: 100%;
  margin: 0 auto;
  max-width: 500px;
  min-width: 100px;
  padding-left: 40px;

}