body{
	padding: 10px;
    background: #f7f7f7 !important;
    background: -moz-linear-gradient(45deg,#665fee 0%,#27c2de 100%);
    background: -webkit-linear-gradient(45deg,#665fee 0%,#27c2de 100%);
    background: -o-linear-gradient(45deg,#665fee 0%,#27c2de 100%);
    background: linear-gradient(45deg,#665fee 0%,#27c2de 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#665fee',endColorstr='#27c2de',GradientType=1 );
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.clsbox{
	padding: 10px;background: white;box-shadow: -1px 8px 20px -10px rgb(0 0 0 / 75%)
}
.btn{
	border: 1px solid #0d6efd;
	padding: 2px 10px;
	margin: 2px 5px;
	border-radius: 4px;
}
.btn.btn-primary{
	/*background: linear-gradient(45deg, #00ffa1, #0400ff);*/
}
nav{
	position: relative;
}
.togglewords{	
	width: 30px;
    height: 30px;
	position: absolute;
	right: 0px;
	top: 0px;
}
.togglewords:after{
	content: "-";
}
.togglewords.active:after{
	content: "+";
}
.tab-content.hide{
	display: none;
}
.tab-content{
	border-bottom: 1px solid #eee;
	border-left: 1px solid #eee;
	border-right: 1px solid #eee;
	padding: 5px;
	background: white;
}
.btn.numeric{
	background: pink;
}
.form-signin {
    max-width: 330px;
    padding: 15px;
    margin: 0 auto;
}
.form-actions{
	margin-top: 10px;
}
.form-signin .form-actions .btn{
	width: 96%;
}
.form-signin .form-group{
	padding: 5px;
}
.error{
	color: red;
}
.navbar-brand{
	font-family:-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,sans-serif;
    /*font-style: italic;
    font-size: 26px;
    padding: 10px 9px;*/
    font-weight: bold;
    font-size: 2em;
}
.container-fluid{
	padding-top: 15px;
}
.adduser{
	float: right;
	margin-bottom: 10px;
}
.close{
	border: 1px solid #ccc;
    border-radius: 50%;
    padding: 0px 7px 1px;
}
#example_wrapper{
	border: 1px solid #ccc;
    padding: 10px;
    border-radius: 5px;
}
#example_wrapper table{
	width: 100% !important;
    border: 1px solid #ccc;
}
#example_wrapper table thead{
	background: #efefef;
}
.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show>.nav-link {
    color: #000;
}
#navbarSupportedContent{
	position: relative;
}
.logout{
	position: absolute;
	right: 0;
}
@media (min-width: 1200px){
	.h2, h2 {
	    font-size: 20px;
	    font-weight: normal;
	}
}
header .container-fluid{
	padding-top: 0px;
}
@media (max-width: 992px){
	.logout {
	    top: 0px;
	}
}