.mt5{margin-top:5px;}
.w90p {width:90%!important;}
.w100px {width:100px!important;}
.pd10 {padding: 10px !important;}
.fw300 {font-weight: 300 !important;}
.fw400 {font-weight:400!important;}
.fw500 {font-weight:500!important;}
.fw600 {font-weight:600!important;}
.blueText {color: #337ab7 !important;}
.whiteText {color:#ffffff!important;}
.w50p {width: 50% !important;}
.ml5 {margin-left: 5px;}
.mt26nolabel {margin-top:26px;}
.bordergrey {border:solid 1px #cccccc;}
.blueTd {background: #187cb8!important; color:#ffffff;}
table.dataTable thead > tr > th, table.dataTable thead > tr > td {
  padding-right: 3px;
  padding-bottom: 30px;
  text-align: center;
  font-weight: normal;
  font-size: 12px;
}
table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td {
  border: 1px solid #ccc;
  padding: 2px;
  text-align: center;
  font-size: 12px;
}
.bodyText {color:#333!important;}
.dt .row {
  margin-right: 0px !important;
}
.GSFC {
  padding-bottom: 10px !important;
}
.bordertopgrey {
  border-top: solid 1px #CCCCCC;
}
.tac td {
  text-align: center !important;
}
.small-table, .small-table select, .small-table a {
  font-size: 12px !important;
  min-width: 40px;
  width: 90%;
    }

.responsive-tb-de-xs td:first-child, .responsive-tb-de-xs td:nth-child(2) {
  text-align: center;
}
.responsive-tb-de-xs td:nth-child(3) {
  padding: 15px !important;
}
table.responsive-tb-de-xs {
  width: 100%;
  border-collapse: collapse;
  color: #575757;
}
.responsive-tb-de-xs tr:nth-of-type(odd) {
  background: #f9f9f9;
}
.responsive-tb-de-xs th {
  padding: 5px 2px !important;
  background: #187cb8;
  color: #FFFFFF;
  font-weight: normal !important;
  font-size: .9em;
}
.responsive-tb-de-xs td {
  padding: 5px 2px !important;
  border: 1px solid #ccc;
  text-align: left;
  vertical-align: top;
  font-size: .9em;
}
.verticalAM {
  vertical-align: middle !important;
}
@media screen and (max-width: 600px) {
  table.respon thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  table.respon tr {
    border-bottom: 3px solid #ddd;
    display: block;
    margin-bottom: .625em;
  }
  table.respon td {
    border-bottom: 1px solid #ddd;
    display: block;
  }
  table.respon td::before {
    /*
    * aria-label has no advantage, it won't be read inside a table
    content: attr(aria-label);
    */
    content: attr(data-label);
  }
  table.respon .th {
    font-weight: normal;
    color: #ffffff;
    background-color: #187cb8 !important;
  }
    
}

@media screen and (max-width: 1200px) {
    
       .mt-lg-20 {margin-top:20px;}  
}

@media screen and (max-width: 1000px) {
    .mt26nolabel {margin-top:0;}
       
}


.table-noborder td {
  padding: 15px 20px 10px 0;
}

.dataFilter td {
  padding: 5px;
  text-align: left;
}
.dataFilter td label {
  margin: 5px 0 0 0;
}

.textboxtable {border: solid 1px #cccccc;}
.textboxtable th {
    background: #187cb8;
    color: #FFFFFF;
    font-weight: 500!important;
}
.textboxtable td {padding:5px 15px;font-weight: 700;}
.textboxtable td div {border:solid 1px #ccc; background-color: #eee; padding: 0 8px; color:#6C6C6C; font-weight: normal;max-width:100px; min-width: 40px!important; min-height: 30px;display:block; cursor: not-allowed;}
.inputgrey {border:solid 1px #ccc; background-color: #eee; padding: 5px 8px; color:#6C6C6C; font-weight: normal; width: 150px!important; display:inline;}




.textboxtable2 {border: solid 1px #cccccc;}
.textboxtable2 th {
    background: #187cb8;
    color: #FFFFFF;
    font-weight: 500!important;
}
.border-left-grey {border-left:solid 1px #ccc; border-collapse: collapse;}
.textboxtable2 td {padding:10px 8px;font-weight: 500;}
.textboxtable2 tr:nth-of-type(even) {background: #f9f9f9;}
.textboxtable2 td div {font-weight:300;}
.inputgrey2 {border:solid 1px #ccc; background-color: #eee; padding: 5px 8px; color:#6C6C6C; font-weight: normal; width: 150px!important; display:inline;}

.blank-table td {padding:10px 20px 10px 0;}
th .left {width:0; }
.studentinfo-row-de span {padding:0 8px;}