html,
body {
    width: 100%;
    height: 100%;
}

.header {
    background-color: #007FA2;
    border-top: 25px solid #07617B;
    height: 84px;
    text-align: center;
}

    .header h4 {
        color: #ffffff;
        padding-top: 5px;
        font-weight: bold;
        font-size: 22px;
    }

.logoClass {
    position: absolute;
    top: 35px;
    left: 85px;
}

.container {
    /*padding-right: 100px;
    padding-left: 100px;*/
}

.filterDiv {
    margin-top: 45px;
    border: 1px solid #B7B7B7;
    padding: 70px;
    padding-top: 30px;
    padding-bottom: 30px;
}

    .filterDiv select, .filterDiv input {
        width: 100%;
        height: 36px;
        border: 1px solid #b6b5b5;
        font-size: 20px;
    }

p {
    color: #727272;
    margin: 0 0 5px;
    font-size: 16px;
}

.btn-custom {
    margin-left: 6px;
    background-color: #007FA2;
    color: #FFFFFF;
}

.datepickerImg {
    position: absolute;
    top: 31px;
    right: 18px;
    cursor: pointer;
}

.tablediv {
    margin-top: 30px;
}

.tableText {
    color: #727272;
    font-size: 16px;
    display: none;
}

#btnVisibility {
    display: none;
}

.table {
    margin-top: 22px;
    color: #908D8D;
    table-layout: fixed;
}
    /*.table thead tr th{
				text-align: center;
			}*/
    .table thead th{
        text-align: center;
        padding: 8px;
    line-height: 1.42857143;
        border: 1px solid #ddd;
    }

    /*.table thead tr{
				border-bottom : 3px solid #028CB3;
			}*/
    .table thead {
        border-bottom: 3px solid #028CB3;
            font-weight: bold;
        ///*background-color: #E9F8FD;*/
    }

    .table tbody tr:hover{
				background-color: #E9F8FD;
				cursor: pointer;
			}
    .table tbody {
        ///*background-color: #E9F8FD;*/
        cursor: pointer;
       
    }
        .table tbody td, .table thead td{
            overflow: hidden;
            text-overflow: ellipsis;
        }
.paginationDiv span {
    padding: 2px;
    padding-left: 6px;
    padding-right: 6px;
    margin-left: 6px;
    border: 1px solid #b6b5b5;
    cursor: pointer;
}

.paginationDiv .active {
    background-color: #CBE5EC;
}

#datepickerFrom, #datepickerTo {
    cursor: pointer;
}
/*#loading{
     position: absolute;
    top: 0; bottom:0; left: 0; right:0;
    margin: auto;
}*/
#loading img {
    display:block;
    margin:auto;
}
.paginationDiv {
    margin-bottom: 100px;
}

.footer {
    position: fixed;
    height: 50px;
    background-color: #01232D;
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin-bottom: 0px;
}

#id2 {
    color: red;
    font-size: 20px;
}
#alertForNoData {
    color: red;
    font-size: 20px;
    text-align:center;
}
.selection {
    display: none;
}
/* Column widths are based on these cells */
#rowDate {
  width: 20%;
}
#rowCourse {
  width: 20%;
}
#rowUser {
  width: 20%;
}
#rowVariant {
  width: 20%;
}
#rowResult {
  width: 15%;
}
#rowScore {
  width: 20%;
}
#rowFull {
  width: 25%;
}