#myTable td:nth-child(6), #myTable th:nth-child(6) {display:none;}

//.fa-pencil {color: #ccc;}
.fa-pencil {color: #555;}
.fa-pencil, .deleteline, #passchange {cursor: pointer;}
* {margin: 0; padding: 0;}
.hide {display:none;}

.side {border-right: 1px solid #b0dcf5; width: 24%; float: left; height: 100vh; transition: all ease .8s;}
.logo {background: #ff843b; text-align: center; display: flex; align-content: center; width: 100%; float: left; padding: 10vh 0; justify-content: center;}
.loginform {width: 84%; padding: 15% 8%; float: left;}
.login .label {color: #333; padding: 30px 7% 0; }
.login input {border: 2px solid #ff843b; width: 80%; padding: 15px 15px; margin: 0 7% 0;}
.submit {color: #fff; background: #ff843b; width: 100%; padding: 20px 0; margin: 150px 0 10px; text-align: center; cursor: pointer;}
.forgot {color: #ff843b; text-decoration: underline; cursor:pointer; text-align:center;}
.sidemenu {width: 16%;}
.mgrid {padding: 30px 0 5px;}
#dtIn, #inputIn, #logout, #staffIn, #newuser {cursor: pointer;}
.btn-success {padding: 7px 18px 3px 10px}
.btn-default {padding: 5px 17px 5px 11px;}
.btn-default {color: #fff; background-color: crimson;}
#logout {padding-top: 90px !important;}
#dt {width: 70%; margin: 0 60px 40px; float: left;}
#dt.empty {padding: 45vh 0 0 31%;}
#successOrElse {position: fixed; bottom: 0; z-index: 500000000; text-align:center; padding: 20px; width: 60%; margin: 0 20%;}
#successOrElseLogin {position: fixed; bottom: 0; z-index: 500000000; text-align:center; padding: 20px; width: 60%; margin: 0 20%;}
.success {background: #8ee28e; color: #fff;}
.warning {background: darkorange; color: #fff;}
.fail {background: crimson; color: #fff;}
#filterbyDatesdiv {margin: 50px 15px -5px;}

@media all and (max-width: 600px) {
	.side, .loginform {width: 100% !important; height: auto; position: fixed; z-index: 100; background: #fff; top: 0;}
	.side .logo {display: none;}
	#menu {margin-top: 0; width: 100% !important; border-bottom: 2px solid #ff843b;}
	#menu ul {margin-left: 0;}
	#menu li {padding: 2%; width: 23%; float: left; margin: 0 !important; border-bottom: 0;}
	#menu li#dtIn {width: 25% !important; white-space: nowrap; overflow: hidden;  text-overflow: ellipsis; padding: 13px 2%;}
	#logout {padding-top: 13px !important;}
	body .container {background: none; max-width: 100% !important;}
	body .inputbody {width: 100%;}
	.inputbody .head {display:none;}
	body #dt {width: 80%; padding: 0 20px; margin: 0;}
}