body {
    font-family: 'Open Sans',sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
    background-color: #fff;
}

.fluid_header {
    min-height: 76px;
    margin-bottom: 0;
    background-color: #f5f7fb;
    background: linear-gradient( #f5f7fb,#fff, #fff, #fff);
    border: 0px;
    top: 0px;
    box-shadow: 0px -1px 15px 0 rgba(200, 219, 239, 0.7);
    background: url(https://www.time4education.com/theme/times/time/images/headbg.jpg) center top no-repeat #ffcb08!important;
}

img {
    padding: 10px 5px 14px 5px;
}

.form-control {
	display: inline-block;
    width: 80%;
}

.mnbox1 a {
	background: #3F51B5;
    padding: 20px;
    min-height: 160px;
    display: block;
    color: #fff;
	margin-bottom: 15px;
	transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

.mnbox1 a:hover {
	background: #3445a5;
	text-decoration: none;
}

.mnbox1 img {
	float: right;
    margin-top: 50px;
}

.nvbtn {
	text-align: center;
}

.form-group {
	background: #d8f3ff;
    padding: 10px 15px;
	display: flow-root;
}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eee;
}

hr {
    height: 0;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.table-striped {
	font-size: 14px;
    line-height: 1.42857143;
    color: #333;
}

.table-striped > thead{
	background: #03A9F4;
	color: #fff;
}

tr>td {
		padding:5px;
}

#my-form {
	margin-top: 20px;
    margin-bottom: 20px;
}

.panel-body {
	padding:0;
}

.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #f7f7f7;
}

.table-striped>tbody>tr:nth-of-type(even) {
    background-color: #fff;
}

.coursebox a {
	background: #3F51B5;
    display: block;
    text-align: center;
    padding: 50px;
    font-weight: 600;
    color: #fff;
    font-size: 18px;
	transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

.coursebox a:hover {
	text-decoration: none;
	background: #4a63f1;
}

.coursebox {
	margin-bottom: 20px;
    display: -webkit-box;
}

.coursetab {
	border-bottom: 1px solid #ccc;
}

.coursetab:after{
	width: 0;
	height: 0;
	border-top: 25px solid transparent;
	border-left: 50px solid #555;
	border-bottom: 25px solid transparent;
}

.cont-tab {
	margin-top: 20px;
    margin-bottom: 20px;
    display: flex;
}

.cont-tab a {
        padding: 40px 0;
    color: #fff;
    display: inline-block;
    background: #FF9800;
    width: 100%;
    text-align: center;
    font-weight: 500;
	transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

.cont-tab a:hover {
    text-decoration: none;
	background: #FFC107;
}

.panel-body a {
	    padding: 10px 0;
    display: block;
    border-bottom: 1px solid #efecec;
}
.time-log a{
	float: right;
    background: rgba(255, 152, 0, 0.6);
    display: inline-block;
    padding: 35px 45px;
}

.time-log a:hover {
    background: rgba(255, 152, 0, 0.8);
	text-decoration: none;
	color: #fff;
}