@font-face {
	font-family: 'Glyphicons Halflings';
	src: url('../fonts/glyphicons-halflings-regular.eot');
	src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg');
}
body {
	margin: 0;
	/*font-size: 1rem;*/
	font-weight: 400;
	font-family: "Calibri (Body),Source Sans Pro",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
	line-height: 1.15;
	font-size: 14px;
	/*color: #808c99;*/ /*#212529;*/
	text-align: left;
	background-color: #fff
}
.h2, h2 {
	font-size: 20px;
}
/*.h4, h4 {
	font-size: 1.2rem
}*/
.a, a {
	font-size: 1rem;
	font-family: 'Calibri,Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}
.Astenbtn {
	display: block;
	width: 100%;
	height: 20px;
	border-radius: 40px;
	outline: none;
	border: none;
	background-image: linear-gradient(to right, #6280ea, #4d71f1, #4562c8);
	background-size: 100%;
	font-size: .7rem;
	color: #fff;
	font-family: 'Poppins', sans-serif;
	/*text-transform: uppercase;*/
	/*	margin: 1rem 0;*/
	cursor: pointer;
	transition: .5s;
}

	.Astenbtn:hover {
		background-position: right;
	}

.AstenMenu {
	/*background-image: linear-gradient(90deg, rgba(93,102,129,1) 4%, rgba(37,72,115,1) 51%, rgb(255, 0, 0) 100%);*/
	background-image: linear-gradient(90deg, rgba(144,129,72,1) 0%, rgba(37,103,115,1) 55%, rgba(72,66,92,1) 100%);
}

/*.Astenbackground {*/
/*background-image: url(../img/astenback.jpeg);*/
/*	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center top;
	background-attachment: fixed;*/
/*max-width: 100%;
	height: auto;*/
/*margin-top:-700px;*/
/*max-height:100%;
}*/
.wave {
	position: fixed;
	bottom: 30px;
	width: 100%;
	height: 400px;
	top: 100px;
	/*opacity: 0.6;*/
	/*z-index: -1;*/
}

.Astendiv {
	width: 100%;
	height: 430px;
	background-image: url('../img/wave.jpg');
	background-size: 100% 100%;
	/*border: 1px solid red;*/
}
/*to put image in home screen*/
.AstenBack {
	height: 450px;
	width: 550px;
	padding-left: 50px;
	opacity: .8;
}

.Astenlbl {
	/*font-style:normal;*/

	font: 200;
	font-family: 'Calibri,Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
	padding-right: 10px;
	font-display: block;
}
table.dataTable thead tr {
	font-family: Calibri,Verdana, Geneva, Tahoma, sans-serif;
	background-color: #484848; /*#4167a6;*/
	color: white;
	font-size: 12px;
	/*font-weight:100;*/
}
table.dataTable tbody tr {
	border-bottom: 1px solid #ddd;
	font-size: 12px;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	padding-right: 15px;
	height: 2px;
}
.table.dataTable {
	/*font-family: Verdana, Geneva, Tahoma, sans-serif;*/
	 font-weight:normal;
	border-collapse: collapse;
	width: 100%;
	border: 1px solid #ddd;
	font-size: 10px;
}
/*tabe css customised*/
/*#tblData {
	border-collapse: collapse;*/ /* Collapse borders */
	/*width: 100%;*/  /*Full-width */
	/*border: 1px solid #ddd;*/  /*Add a grey border */
	/*font-size: 10px;*/  /*Increase font-size */
	 
/*}

	#tblData th {
		text-align: left;*/ /* Left-align text */
		/*padding: 8px;*/ /* 12px default Add padding */
		/*height: 2px;
	}

	#tblData tr {*/
		/* Add a bottom border to all table rows */
		/*border-bottom: 1px solid #ddd;
		font-size: 11px;
		font-family: Verdana, Geneva, Tahoma, sans-serif;
	}

	#tblData th {*/
		 /*Add a bottom border to all table rows */
		/*background-color: #4167a6;
		color: white;
		font-family: Verdana, Geneva, Tahoma, sans-serif;
		font-weight: 100;
		height: 2px;
	}*/

	/*#tblData tr.header {*/
		/* Add a grey background color to the table header and on hover */
		/*background-color:red;*//* #6495ED;*/
	/*}*/

table.table td a {
	color: #a0a5b1;
	display: inline-block;
	margin: 0 5px;
}

	table.table td a.edit {
		color: #FFC107;
	}

	table.table td a.delete {
		color: #E34724;
	}
	table.table td a.logout {
		color: #0c4380;
		font-size:larger;
	}

table.table td i {
	font-size: 19px;
}
/*.dataTables_length, .dataTables_length select {
	font-size: 12px;
	width: 60%;
	font-style:normal;
}*/
div.dataTables_wrapper div.dataTables_filter {
	width: 100%;
	float: none;
	text-align: right;
}

.dataTables_filter {
	CSS settings to override current CSS for search box font:700;
}

	.dataTables_filter input {
		border-radius: 5px;
		font: 700;
	}

	.dataTables_filter input {
		display: inline-block !important;
	}

fieldset.scheduler-border {
	border: 1px groove #ddd !important;
	padding: 0 1.4em 1.4em 1.4em !important;
	margin: 0 0 1.5em 0 !important;
	-webkit-box-shadow: 0px 0px 0px 0px #000;
	/*box-shadow: 0px 0px 0px 0px #000;*/
	border-color: gray;
	border-radius: 10px;
}

legend.scheduler-border {
	font-size: 1.2em !important;
	font-weight: bold !important;
	text-align: left !important;
	width: auto;
	padding: 0 10px;
	border-bottom: none;
	border-color: gray;
	border-radius: 10px;
}

@media screen and (max-width: 1050px) {
	.AstenBack {
		padding-left: 1px;
		width: 350px;
	}
}

@media screen and (max-width: 900px) {
	.container1 {
		padding-left: 1px;
		width: 350px;
	}
}

/*this is for tabs in empmaster*/
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
	border: 0;
	background-color: #0000FF;
}

.nav-tabs > li > a {
	padding: 10px 30px
}

.nav-tabs > li.active {
	border-bottom: 3px solid blue;
}


.c_breadcrumb {
	padding: 1px;
	background: #ddd;
	padding-right: 15px;
	-webkit-clip-path: polygon(0 0, calc(100% - 15px) 0, 100% 50%, calc(100% - 15px) 100%, 0 100%, 15px 50%);
	clip-path: polygon(0 0, calc(100% - 15px) 0, 100% 50%, calc(100% - 15px) 100%, 0 100%, 15px 50%);
	/*
        display: inline-block;

        */
}

	.c_breadcrumb li {
		display: inline-block;
		min-width: 50px;
		background: white;
		text-decoration: none;
		-webkit-clip-path: polygon(0 0, calc(100% - 15px) 0, 100% 50%, calc(100% - 15px) 100%, 0 100%, 15px 50%);
		clip-path: polygon(0 0, calc(100% - 15px) 0, 100% 50%, calc(100% - 15px) 100%, 0 100%, 15px 50%);
		padding: 0;
		position: relative;
		margin-right: -13px;
	}

		.c_breadcrumb li#last {
			-webkit-clip-path: polygon(0 0, calc(100% - 0px) 0, 100% 50%, calc(100% - 0px) 100%, 0 100%, 15px 50%);
			clip-path: polygon(0 0, calc(100% - 0px) 0, 100% 50%, calc(100% - 0px) 100%, 0 100%, 15px 50%);
		}

		.c_breadcrumb li:hover {
			color: white;
			background: #fff;
		}

		/* first link should not have anything cliped on the left side */
		.c_breadcrumb li:first-child {
			-webkit-clip-path: polygon(0 0, calc(100% - 15px) 0, 100% 50%, calc(100% - 15px) 100%, 0 100%);
			clip-path: polygon(0 0, calc(100% - 15px) 0, 100% 50%, calc(100% - 15px) 100%, 0 100%);
		}


.datepicker td, .datepicker th {
	width: 4.5rem;
	height: 4.5rem;
	font-size: 0.75rem;
}

.datepicker th {
	color: slategray;
}

.datepicker {
	margin-bottom: 3rem;
}

.datepicker-dropdown {
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
}
/*.datepicker,
.table-condensed {
	width: 500px;
	height: 500px;
}*/
table.dataTable tbody th, table.dataTable tbody td {
	padding: 1px 1px;
}

@media (max-width: 767px) {
	.table-responsive .dropdown-menu {
		position: static !important;
	}
}

@media (min-width: 768px) {
	.table-responsive {
		overflow: visible;
	}
}

.brandlogo-image {
	/*width: 100px;
	height: 55px;*/
	/*border-radius: 50%;*/
	/*margin-right: 10px;*/
	/*margin-top: -2px;*/
	background-color: #eb7721; /*#ffffff;*/
}
 

.divReport {
	overflow-x: scroll;
}

.mytdHeader1 {
	font-family: Verdana, sans-serif;
	font-size: 12px;
	table-layout: fixed;
	width: 15%;
	overflow: hidden;
	word-wrap: break-word;
	/*min-width: 260px;
	min-height: 200px;*/
	/*background: url(../img/tab.gif);*/
	/*background-image: url(../img/tableback.jpg);*/
	background-repeat: no-repeat;
	background-position: center center;
	/*height: 10px;*/
	background-color: #5e9ce0;
	text-align: center;
	color: white;
	border-top-left-radius: 25px;
	border-bottom-right-radius: 25px;
}

.mytdHeader {
	font-family: Verdana, sans-serif;
	font-size: 12px;
	table-layout: fixed;
	width: 15%;
	overflow: hidden;
	word-wrap: break-word;
	/*min-width: 260px;
	min-height: 200px;*/
	/*background: url(../img/tab.gif);*/
	/*background-image: url(../img/tab2.gif);*/
	background-repeat: no-repeat;
	background-position: center center;
	/*height: 10px;*/
	background-color: #5e9ce0;
	text-align: center;
	color: white;
	border-top-right-radius: 50px;
}

.mytdHeader2 {
	font-family: Verdana, sans-serif;
	font-size: 12px;
	table-layout: fixed;
	width: 15%;
	overflow: hidden;
	word-wrap: break-word;
	/*min-width: 260px;
	min-height: 200px;*/
	/*background: url(../img/tab.gif);*/
	/*background-image: url(../img/tab2.gif);*/
	background-repeat: no-repeat;
	background-position: center center;
	/*height: 10px;*/
	background-color: #5e9ce0;
	text-align: center;
	color: white;
	border-top-left-radius: 50px;
}



.mytd {
	font-family: Verdana, sans-serif;
	font-size: 12px;
	/*background: url(../img/tab.gif);*/
	height: 10px;
	background-color: #5e9ce0;
	text-align: center;
	color: white;
	font-weight: bold !important;
	table-layout: fixed;
	width: 15%;
	overflow: hidden;
	word-wrap: break-word;
	border-top-right-radius: 50px;
}

.mytd2 {
	font-family: Verdana, sans-serif;
	font-size: 12px;
	/*background: url(../img/tab.gif);*/
	height: 10px;
	background-color: #5e9ce0;
	text-align: center;
	color: white;
	font-weight: bold !important;
	table-layout: fixed;
	width: 15%;
	overflow: hidden;
	word-wrap: break-word;
	border-top-left-radius: 50px;
}


.mytddata {
	font-family: Verdana, sans-serif;
	font-size: 12px;
	/*background: url(../img/tab.gif);*/
	/*height: 10px;*/
	background-color: #9da9b2;
	text-align: center;
	/*color: white;*/
	font-weight: bold !important;
	/*table-layout: fixed;*/
	width: 15%;
	overflow: hidden;
	word-wrap: break-word;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
}

.mytddatagrey {
	font-family: Verdana, sans-serif;
	font-size: 16px;
	color: white;
	/*background: url(../img/tab.gif);*/
	/*height: 10px;*/
	background-color: #9da9b2;
	text-align: left;
	/*color: white;*/
	font-weight: bold !important;
	/*table-layout: fixed;*/
	padding: 0,40px;
	width: 15%;
	overflow: hidden;
	word-wrap: break-word;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
}
.mytddatablue {
	font-family: Verdana, sans-serif;
	font-size: 16px;
	color:white;
	/*background: url(../img/tab.gif);*/
	/*height: 10px;*/
	background-color: #5e9ce0;
	text-align: center;
	/*color: white;*/
	font-weight: bold !important;
	/*table-layout: fixed;*/
	width: 15%;
	overflow: hidden;
	word-wrap: break-word;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
}
.myReporttdHeader {
	font-family: Verdana, sans-serif;
	font-size: 10px;
	/*table-layout: fixed;*/
	/*width: 15%;*/
	overflow: hidden;
	word-wrap: break-word;
	/*min-width: 260px;
	min-height: 200px;*/
	/*background: url(../img/tab.gif);*/
	/*background-image: url(../img/tab2.gif);*/
	background-repeat: no-repeat;
	background-position: center center;
	/*height: 10px;*/
	background-color: #B9B9B9;
	/*text-align: center;*/
	color: black;
	/*border-top-right-radius: 50px;*/
}

.myReporttdHeaderCategory {
	font-family: Verdana, sans-serif;
	font-size: 10px;
	/*table-layout: fixed;*/
	/*width: 15%;*/
	overflow: hidden;
	word-wrap: break-word;
	/*min-width: 260px;
	min-height: 200px;*/
	/*background: url(../img/tab.gif);*/
	/*background-image: url(../img/tab2.gif);*/
	background-repeat: no-repeat;
	background-position: center center;
	/*height: 10px;*/
	background-color: red;
	/*text-align: center;*/
	color: black;
	/*border-top-right-radius: 50px;*/
}

.myReporttdHeadermorewidth {
	font-family: Verdana, sans-serif;
	font-size: 10px;
	/*table-layout: fixed;*/
	width: 30%;
	overflow: hidden;
	word-wrap: break-word;
	/*min-width: 260px;
	min-height: 200px;*/
	/*background: url(../img/tab.gif);*/
	/*background-image: url(../img/tab2.gif);*/
	background-repeat: no-repeat;
	background-position: center center;
	/*height: 10px;*/
	background-color: #B9B9B9;
	text-align: center;
	color: black;
	/*border-top-right-radius: 50px;*/
}

.myReporttddata {
	font-family: Verdana, sans-serif;
	font-size: 10px;
	/*table-layout: fixed;*/
	/*width: 15%;*/
	overflow: hidden;
	word-wrap: break-word;
	/*min-width: 260px;
	min-height: 200px;*/
	/*background: url(../img/tab.gif);*/
	/*background-image: url(../img/tab2.gif);*/
	background-repeat: no-repeat;
	background-position: center center;
	/*height: 10px;*/
	/*background-color: #B9B9B9;*/
	/*text-align: center;*/
	color: black;
	/*border-top-right-radius: 50px;*/
}
.myReporttddatapink {
	font-family: Verdana, sans-serif;
	font-size: 10px;
	/*table-layout: fixed;*/
	/*width: 15%;*/
	overflow: hidden;
	word-wrap: break-word;
	/*min-width: 260px;
	min-height: 200px;*/
	/*background: url(../img/tab.gif);*/
	/*background-image: url(../img/tab2.gif);*/
	background-repeat: no-repeat;
	background-position: center center;
	/*height: 10px;*/
	background-color: #BD62C8;
	/*text-align: center;*/
	color: black;
	/*border-top-right-radius: 50px;*/
}
.myReporttddatared {
	font-family: Verdana, sans-serif;
	font-size: 10px;
	/*table-layout: fixed;*/
	/*width: 15%;*/
	overflow: hidden;
	word-wrap: break-word;
	/*min-width: 260px;
	min-height: 200px;*/
	/*background: url(../img/tab.gif);*/
	/*background-image: url(../img/tab2.gif);*/
	background-repeat: no-repeat;
	background-position: center center;
	/*height: 10px;*/
	background-color: #F62217;
	/*text-align: center;*/
	color: black;
	/*border-top-right-radius: 50px;*/
}
.myReporttddatablue {
	font-family: Verdana, sans-serif;
	font-size: 10px;
	/*table-layout: fixed;*/
	/*width: 15%;*/
	overflow: hidden;
	word-wrap: break-word;
	/*min-width: 260px;
	min-height: 200px;*/
	/*background: url(../img/tab.gif);*/
	/*background-image: url(../img/tab2.gif);*/
	background-repeat: no-repeat;
	background-position: center center;
	/*height: 10px;*/
	background-color: dodgerblue;
	/*text-align: center;*/
	color: black;
	/*border-top-right-radius: 50px;*/
}
.myReporttddataorange {
	font-family: Verdana, sans-serif;
	font-size: 10px;
	/*table-layout: fixed;*/
	/*width: 15%;*/
	overflow: hidden;
	word-wrap: break-word;
	/*min-width: 260px;
	min-height: 200px;*/
	/*background: url(../img/tab.gif);*/
	/*background-image: url(../img/tab2.gif);*/
	background-repeat: no-repeat;
	background-position: center center;
	/*height: 10px;*/
	background-color: #FF7800;
	/*text-align: center;*/
	color: black;
	/*border-top-right-radius: 50px;*/
}
.myReporttddatasafron {
	font-family: Verdana, sans-serif;
	font-size: 10px;
	/*table-layout: fixed;*/
	/*width: 15%;*/
	overflow: hidden;
	word-wrap: break-word;
	/*min-width: 260px;
	min-height: 200px;*/
	/*background: url(../img/tab.gif);*/
	/*background-image: url(../img/tab2.gif);*/
	background-repeat: no-repeat;
	background-position: center center;
	/*height: 10px;*/
	background-color: #F5D062;
	/*text-align: center;*/
	color: black;
	/*border-top-right-radius: 50px;*/
}
.myReporttddatalightblue {
	font-family: Verdana, sans-serif;
	font-size: 10px;
	/*table-layout: fixed;*/
	/*width: 15%;*/
	overflow: hidden;
	word-wrap: break-word;
	/*min-width: 260px;
	min-height: 200px;*/
	/*background: url(../img/tab.gif);*/
	/*background-image: url(../img/tab2.gif);*/
	background-repeat: no-repeat;
	background-position: center center;
	/*height: 10px;*/
	background-color: #45EFFA;
	/*text-align: center;*/
	color: black;
	/*border-top-right-radius: 50px;*/
}
.myReporttddataDarkblue {
	font-family: Verdana, sans-serif;
	font-size: 10px;
	/*table-layout: fixed;*/
	/*width: 15%;*/
	overflow: hidden;
	word-wrap: break-word;
	/*min-width: 260px;
	min-height: 200px;*/
	/*background: url(../img/tab.gif);*/
	/*background-image: url(../img/tab2.gif);*/
	background-repeat: no-repeat;
	background-position: center center;
	/*height: 10px;*/
	background-color: #3143F4;
	/*text-align: center;*/
	color: black;
	/*border-top-right-radius: 50px;*/
}
.myReporttddatamegenda {
	font-family: Verdana, sans-serif;
	font-size: 10px;
	/*table-layout: fixed;*/
	/*width: 15%;*/
	overflow: hidden;
	word-wrap: break-word;
	/*min-width: 260px;
	min-height: 200px;*/
	/*background: url(../img/tab.gif);*/
	/*background-image: url(../img/tab2.gif);*/
	background-repeat: no-repeat;
	background-position: center center;
	/*height: 10px;*/
	background-color: #9A62C8;
	/*text-align: center;*/
	color: black;
	/*border-top-right-radius: 50px;*/
}
.myReporttddatagreen {
	font-family: Verdana, sans-serif;
	font-size: 10px;
	/*table-layout: fixed;*/
	/*width: 15%;*/
	overflow: hidden;
	word-wrap: break-word;
	/*min-width: 260px;
	min-height: 200px;*/
	/*background: url(../img/tab.gif);*/
	/*background-image: url(../img/tab2.gif);*/
	background-repeat: no-repeat;
	background-position: center center;
	/*height: 10px;*/
	background-color: #90EE90;
	/*text-align: center;*/
	color: black;
	/*border-top-right-radius: 50px;*/
}
.myReporttddatagrey {
	font-family: Verdana, sans-serif;
	font-size: 10px;
	/*table-layout: fixed;*/
	/*width: 15%;*/
	overflow: hidden;
	word-wrap: break-word;
	/*min-width: 260px;
	min-height: 200px;*/
	/*background: url(../img/tab.gif);*/
	/*background-image: url(../img/tab2.gif);*/
	background-repeat: no-repeat;
	background-position: center center;
	/*height: 10px;*/
	background-color: #A78FA9;
	/*text-align: center;*/
	color: black;
	/*border-top-right-radius: 50px;*/
}
.myReporttddatayellow {
	font-family: Verdana, sans-serif;
	font-size: 10px;
	/*table-layout: fixed;*/
	/*width: 15%;*/
	overflow: hidden;
	word-wrap: break-word;
	/*min-width: 260px;
	min-height: 200px;*/
	/*background: url(../img/tab.gif);*/
	/*background-image: url(../img/tab2.gif);*/
	background-repeat: no-repeat;
	background-position: center center;
	/*height: 10px;*/
	background-color: #FFC300;
	/*text-align: center;*/
	color: black;
	/*border-top-right-radius: 50px;*/
}
.myReporttddataDarkyellow {
	font-family: Verdana, sans-serif;
	font-size: 10px;
	/*table-layout: fixed;*/
	/*width: 15%;*/
	overflow: hidden;
	word-wrap: break-word;
	/*min-width: 260px;
	min-height: 200px;*/
	/*background: url(../img/tab.gif);*/
	/*background-image: url(../img/tab2.gif);*/
	background-repeat: no-repeat;
	background-position: center center;
	/*height: 10px;*/
	background-color: #FFEC00;
	/*text-align: center;*/
	color: black;
	/*border-top-right-radius: 50px;*/
}
.myReporttddataCategory {
	font-family: Verdana, sans-serif;
	font-size: 10px;
	/*table-layout: fixed;*/
	/*width: 15%;*/
	overflow: hidden;
	word-wrap: break-word;
	/*min-width: 260px;
	min-height: 200px;*/
	/*background: url(../img/tab.gif);*/
	/*background-image: url(../img/tab2.gif);*/
	background-repeat: no-repeat;
	background-position: center center;
	/*height: 10px;*/
	background-color: red;
	/*text-align: center;*/
	color: black;
	/*border-top-right-radius: 50px;*/
}

.myReporttddatamorewidth {
	font-family: Verdana, sans-serif;
	font-size: 9px;
	/*background: url(../img/tab.gif);*/
	height: 4px;
	/*background-color: #9da9b2;*/
	text-align: left;
	/*color: white;*/
	/*font-weight: bold !important;*/
	/*table-layout: fixed;*/
	width: 30%;
	overflow: hidden;
	word-wrap: break-word;
	/*	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;*/
}

.mytddataTotal {
	font-family: Verdana, sans-serif;
	font-size: 20px;
	/*backgroun00 url(../img/tab.gif);*/
	height: 12px;
	background-color: #78849a;
	text-align: center;
	color: white;
	font-weight: bold !important;
	table-layout: fixed;
	width: 15%;
	overflow: hidden;
	word-wrap: break-word;
	border-top-right-radius: 50px;
}

.mytddataTotal2 {
	font-family: Verdana, sans-serif;
	font-size: 20px;
	/*backgroun00 url(../img/tab.gif);*/
	height: 12px;
	background-color: #78849a;
	text-align: center;
	color: white;
	font-weight: bold !important;
	table-layout: fixed;
	width: 15%;
	overflow: hidden;
	word-wrap: break-word;
	border-top-left-radius: 50px;
}


.myReporttddataTotal {
	font-family: Verdana, sans-serif;
	font-size: 12px;
	/*backgroun00 url(../img/tab.gif);*/
	height: 12px;
	background-color: #78849a;
	text-align: center;
	color: white;
	font-weight: bold !important;
	table-layout: fixed;
	width: 15%;
	overflow: hidden;
	word-wrap: break-word;
}


.mytddataTotal1 {
	font-family: Verdana, sans-serif;
	font-size: 20px;
	/*backgroun00 url(../img/tab.gif);*/
	height: 12px;
	background-color: #78849a;
	text-align: center;
	color: white;
	font-weight: bold !important;
	table-layout: fixed;
	width: 15%;
	overflow: hidden;
	word-wrap: break-word;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
}

#divfoodtype label {
	font-family: Verdana, sans-serif;
	font-size: 18px;
	/*background: url(../img/tab.gif);*/
	/*height: 10px;*/
	/*background-color: #5e9ce0;*/
	text-align: center;
	color: #5e9ce0;
}

.box {
	display: flex;
	justify-content: center;
	align-items: center;
	color: #0c4380;
}

.dispcontainer {
	width: 100%;
	left: 50px;
}

.divdisp {
	height: 50vh;
}

.divdisp1 {
	height: 70vh;
}

.content-wrapperdisp {
	width: 100%;
	left: 250px;
}



/*export to excel settings*/
.table-container {
	max-width: 660px;
	margin: 10px auto;
}

.table2excel {
	background: #fff;
	border-collapse: collapse;
	width: 100%;
	margin: 10px 0;
}

	.table2excel input {
		padding: 5px;
		border: 1px solid #ddd;
		color: #777;
	}

	.table2excel td {
		border: 1px solid #ddd;
		padding: 6px;
	}

	.table2excel tr:nth-child(odd) {
		background: #f5f5f5;
	}

.exportToExcel {
	border: 0;
	padding: 10px 15px;
	background: #16ba4f;
	color: #fff;
	transition: .25s;
}

	.exportToExcel:hover {
		background: #109d41;
		transition: .25s;
	}


/*
	for register screen


*/


.wave {
	position: fixed;
	bottom: 60px;
	left: 0;
	height: 500px;
	z-index: -1;
}

.container1 {
	/*width: 98vw;*/
	/*height: 115vh;*/
	/*    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap :7rem;
    padding: 0 0rem;*/
}

.img {
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

.login-contentnew {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	text-align: center;
}

.img img {
	width: 500px;
}

/*form{
	width: 360px;
}
*/
.login-contentnew img {
	height: 100px;
}

.login-contentnew h2 {
	margin: 5px 0;
	color: #333;
	text-transform: uppercase;
	font-size: 1.9rem;
}

.login-contentnew .input-divnew {
	position: relative;
	display: grid;
	grid-template-columns: 7% 93%;
	/*	margin: 25px 0;
	padding: 5px 0;
*/ border-bottom: 2px solid #d9d9d9;
}

	.login-contentnew .input-divnew.one {
		margin-top: 0;
	}

.i i {
	transition: .3s;
}

.input-divnew > div {
	position: relative;
	height: 45px;
}

	.input-divnew > div > h5 {
		position: absolute;
		left: 10px;
		top: 50%;
		transform: translateY(-50%);
		color: #999;
		font-size: 18px;
		transition: .3s;
	}

.input-divnew:before, .input-divnew:after {
	content: '';
	position: absolute;
	bottom: -2px;
	width: 0%;
	height: 2px;
	background-color: #657cef;
	transition: .4s;
}

.input-divnew:before {
	right: 50%;
}

.input-divnew:after {
	left: 50%;
}

.input-divnew.focus:before, .input-divnew.focus:after {
	width: 50%;
}

.input-divnew.focus > div > h5 {
	top: -5px;
	font-size: 15px;
}

.input-divnew.focus > .i > i {
	color: #657cef;
}

.input-divnew > div > input {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border: none;
	outline: none;
	background: none;
	padding: 0.5rem 0.7rem;
	font-size: 1.2rem;
	color: #555;
	font-family: 'poppins', sans-serif;
}

.input-divnew.pass {
	margin-bottom: 4px;
}

/*a {
	display: block;
	text-align: right;
	text-decoration: none;
	color: #999;
	font-size: 0.9rem;
	transition: .3s;
}

	a:hover {
		color: #657cef;
	}

.btn {
	display: block;
	width: 100%;
	height: 50px;
	border-radius: 25px;
	outline: none;
	border: none;
	background-image: linear-gradient(to right, #6280ea, #4d71f1, #4562c8);
	background-size: 200%;
	font-size: 1.2rem;
	color: #fff;
	font-family: 'Poppins', sans-serif;
	text-transform: uppercase;
	margin: 1rem 0;
	cursor: pointer;
	transition: .5s;
}

	.btn:hover {
		background-position: right;
	}
*/

/*@media screen and (max-width: 1050px) {
	.container1 {
		grid-gap: 5rem;
	}
}

@media screen and (max-width: 1000px) {
	form {
		width: 290px;
	}

	.login-contentnew h2 {
		font-size: 2.4rem;
		margin: 8px 0;
	}

	.img img {
		width: 400px;
	}
}

@media screen and (max-width: 900px) {
	.container1 {
		grid-template-columns: 1fr;
	}

	.img {
		display: none;
	}

	.wave {
		display: none;
	}

	.login-contentnew {
		justify-content: center;
	}
*/

.center {
	text-align: center;
	/*	border: 3px solid green;*/
	vertical-align: middle;
}


/*disp atable*/

/*.intro {
	max-width: 1280px;
	margin: 1em auto;
}

.table-scroll {
	position: relative;
	max-width: 1280px;
	width: 100%;
	margin: auto;
	display: table;
}

.table-wrap {
	width: 100%;
	display: block;
	height: 400px;
	overflow: auto;
	position: relative;
	z-index: 1;
}

.table-scroll table {
	width: 100%;
	margin: auto;
	border-collapse: separate;
	border-spacing: 0;
	 
}

 .table-scroll td {
	padding: 5px 10px;*/
/*border: 1px solid #000;*/
/*background: #fff;*/
/*background-color: #9da9b2;
	vertical-align: top;
	color: black;
}

.faux-table table {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	pointer-events: none;
}

	.faux-table table + table {
		top: auto;
		bottom: 0;
	}

	.faux-table table tbody, .faux-table tfoot {
		visibility: hidden;
		border-color: transparent;
	}

	.faux-table table + table thead {
		visibility: hidden;
		border-color: transparent;
	}

	.faux-table table + table tfoot {
		visibility: visible;
		border-color: #000;
		 
	}

.faux-table thead th, .faux-table tfoot th, .faux-table tfoot td {*/
/*	background: #ccc;*/
/*background-color: #5e9ce0;
	 
}
 
.faux-table {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	overflow-y: scroll;
}

	.faux-table thead, .faux-table tfoot, .faux-table thead th, .faux-table tfoot th, .faux-table tfoot td {
		position: relative;
		z-index: 2;
		 
	}*/
.hidetotal {
	/*visibility: hidden;*/
}

.intro {
	max-width: 1280px;
	margin: 1em auto;
}

.table-scroll {
	position: relative;
	max-width: 1280px;
	width: 100%;
	margin: auto;
	display: table;
}

.table-wrap {
	width: 100%;
	display: block;
	overflow: auto;
	position: relative;
	z-index: 1;
}

	.table-wrap.fixedON,
	.table-wrap.fixedON table,
	.faux-table table {
		height: 300px; /* match heights*/
	}

.table-scroll table {
	width: 100%;
	margin: auto;
	border-collapse: separate;
	border-spacing: 0;
}

/*.table-scroll th, */
.table-scroll td {
	padding: 5px 10px;
	/*border: 1px solid #000;*/
	background: #fff;
	vertical-align: top;
	background-color: #9da9b2;
}

.faux-table table {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	pointer-events: none;
}

	.faux-table table tbody {
		visibility: hidden;
	}
		/* shrink cells in cloned table so that the table height is exactly 300px so that the header and footer appear fixed */
		.faux-table table tbody th, .faux-table table tbody td {
			padding-top: 0;
			padding-bottom: 0;
			border-top: none;
			border-bottom: none;
			line-height: 0.1;
		}

		.faux-table table tbody tr + tr th, .faux-table tbody tr + tr td {
			line-height: 0;
		}

.faux-table thead th, .faux-table tfoot th, .faux-table tfoot td,
.table-wrap thead th, .table-wrap tfoot th, .table-wrap tfoot td {
	/*background: #ccc;*/
	background-color: #5e9ce0;
}

.faux-table {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	overflow-y: scroll;
}

	.faux-table thead, .faux-table tfoot, .faux-table thead th, .faux-table tfoot th, .faux-table tfoot td {
		position: relative;
		z-index: 2;
	}
/* ie bug */
.table-scroll table thead tr,
.table-scroll table thead tr th,
.table-scroll table tfoot tr,
.table-scroll table tfoot tr th,
.table-scroll table tfoot tr td {
	height: 1px;
}

/*a:focus {
	background: red
}*/
/* testing links*/



/*thi is for food consumption report*/
.mytable {
	border: 1px solid green;
	border-collapse: collapse;
	width: 150%;
}

	.mytable th {
		border: 1px solid grey;
		text-align: center;
		height: 40px;
	}

	.mytable td {
		border: 1px solid grey;
		text-align: center;
	}

	.mytable th.style {
		/*border: 1px solid grey;*/
		text-align: left;
		font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
		font-size: 12px;
	}

	.mytable th.shrink {
		white-space: nowrap;
		width: 100px;
	}

	.mytable td.shrink {
		white-space: nowrap;
		width: 60px;
	}

	.mytable td.expand {
		width: 99%
	}

/*.modal {
	position: fixed;
	top: 0;
	left: 0;
	background-color: transparent;
	z-index: 99;
	opacity: 0.8;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	min-height: 100%;
	width: 100%;
}
*/
.loading {
	font-family: Arial;
	font-size: 10pt;
	/*border: 5px solid #67CFF5;*/
	width: 50px;
	height: 50px;
	display: none;
	position: fixed;
	/*background-color: White;*/
	background-color: transparent;
	z-index: 999;
}
/*@media print {
	.printing-content {
		width: 210mm;
		height: 297mm;
	}
}*/
.printcontents {
	border: 1px dotted black;
	 
	 
	width: 600px;
	min-height: 1000px;
}
/*
.label {
	font-size: 10pt;
	font-weight: bold;
	font-family: Arial;
}*/

.contents {
	/*border: 1px dotted black;*/
	padding: 1px;
	width: 380px;
}
.contentsnew {
	/*border: 1px dotted black;*/
	padding: 2px;
	width: 400px;
	/*height: 250px;*/
}
.name {
	color: #18B5F0;
}

/*.left {
	float: left;
	width: 50px;
	height: 50px;
}

.right {
	margin-left: 60px;
	line-height: 50px;
}
*/
.clear {
	clear: both;
}
/*@media print {*/
/*	html, body {
		height: 50%;
	}*/

/*	div {
		break-inside: avoid;
	}*/

	/*@page {
		size: 105mm 150mm;
		margin: 3px;
	}
*/
	/*@page {
		margin: 0 -6cm
	}

	html {
		margin: 0 6cm
	}
	.h6, h6 {
		font-size: 20px;
	}

	.p2, p2 {
		font-size: 16px;
	}

	.myfont {
		font-size: 11px;
	}

	.myfont1 {
		font-size: 14px;
	}

	.myfont2 {
		font-size: 14px;
	}

	.col-sm-1 {
		width: calc(1/12 * 100%);
	}

	.col-sm-2 {
		width: calc(2/12 * 100%);
	}

	.col-sm-3 {
		width: calc(3/12 * 100%);
	}

	.col-sm-4 {
		width: calc(4/12 * 100%);
	}

	.col-sm-5 {
		width: calc(5/12 * 100%);
	}

	.col-sm-6 {
		width: calc(6/12 * 100%);
	}

	.col-sm-7 {
		width: calc(7/12 * 100%);
	}

	.col-sm-8 {
		width: calc(8/12 * 100%);
	}

	.col-sm-9 {
		width: calc(9/12 * 100%);
	}

	.col-sm-10 {
		width: calc(10/12 * 100%);
	}

	.col-sm-11 {
		width: calc(11/12 * 100%);
	}

	.col-sm-12 {
		width: calc(12/12 * 100%);
	}

	html, body {
		height: auto;
		font-size: 14pt; //changing to 10pt has no impact 
		width: 1000px;
		margin: 1px;
	}

	.dvContents {
		width: 500px;*/
		/*height: 560px;*/
		/*border: 0px;
	}

	.contents {
		width: 500px;*/
		/*height: 560px;*/
		/*border: 0px;
	}*/
	/*.h6 {
		font-size: 20px;
	}*/
	/** {
		transition: none !important
	}*/
	/*	.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
		float: left;
		font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
		font-size:medium;
	}

	.col-sm-12 {
		width: 100%;
	}

	.col-sm-11 {
		width: 91.66666667%;
	}

	.col-sm-10 {
		width: 83.33333333%;
	}

	.col-sm-9 {
		width: 75%;
	}

	.col-sm-8 {
		width: 66.66666667%;
	}

	.col-sm-7 {
		width: 58.33333333%;
	}

	.col-sm-6 {
		width: 50%;
	}

	.col-sm-5 {
		width: 41.66666667%;
	}

	.col-sm-4 {
		width: 33.33333333%;
	}

	.col-sm-3 {
		width: 25%;
	}

	.col-sm-2 {
		width: 16.66666667%;
	}

	.col-sm-1 {
		width: 8.33333333%;
	}*/
	/*
	.col-sm-pull-12 {
		right: 100%;
	}

	.col-sm-pull-11 {
		right: 91.66666667%;
	}

	.col-sm-pull-10 {
		right: 83.33333333%;
	}

	.col-sm-pull-9 {
		right: 75%;
	}

	.col-sm-pull-8 {
		right: 66.66666667%;
	}

	.col-sm-pull-7 {
		right: 58.33333333%;
	}

	.col-sm-pull-6 {
		right: 50%;
	}

	.col-sm-pull-5 {
		right: 41.66666667%;
	}

	.col-sm-pull-4 {
		right: 33.33333333%;
	}

	.col-sm-pull-3 {
		right: 25%;
	}

	.col-sm-pull-2 {
		right: 16.66666667%;
	}

	.col-sm-pull-1 {
		right: 8.33333333%;
	}

	.col-sm-pull-0 {
		right: auto;
	}

	.col-sm-push-12 {
		left: 100%;
	}

	.col-sm-push-11 {
		left: 91.66666667%;
	}

	.col-sm-push-10 {
		left: 83.33333333%;
	}

	.col-sm-push-9 {
		left: 75%;
	}

	.col-sm-push-8 {
		left: 66.66666667%;
	}

	.col-sm-push-7 {
		left: 58.33333333%;
	}

	.col-sm-push-6 {
		left: 50%;
	}

	.col-sm-push-5 {
		left: 41.66666667%;
	}

	.col-sm-push-4 {
		left: 33.33333333%;
	}

	.col-sm-push-3 {
		left: 25%;
	}

	.col-sm-push-2 {
		left: 16.66666667%;
	}

	.col-sm-push-1 {
		left: 8.33333333%;
	}

	.col-sm-push-0 {
		left: auto;
	}

	.col-sm-offset-12 {
		margin-left: 100%;
	}

	.col-sm-offset-11 {
		margin-left: 91.66666667%;
	}

	.col-sm-offset-10 {
		margin-left: 83.33333333%;
	}

	.col-sm-offset-9 {
		margin-left: 75%;
	}

	.col-sm-offset-8 {
		margin-left: 66.66666667%;
	}

	.col-sm-offset-7 {
		margin-left: 58.33333333%;
	}

	.col-sm-offset-6 {
		margin-left: 50%;
	}

	.col-sm-offset-5 {
		margin-left: 41.66666667%;
	}

	.col-sm-offset-4 {
		margin-left: 33.33333333%;
	}

	.col-sm-offset-3 {
		margin-left: 25%;
	}

	.col-sm-offset-2 {
		margin-left: 16.66666667%;
	}

	.col-sm-offset-1 {
		margin-left: 8.33333333%;
	}

	.col-sm-offset-0 {
		margin-left: 0%;
	}

	.visible-xs {
		display: none !important;
	}

	.hidden-xs {
		display: block !important;
	}

	table.hidden-xs {
		display: table;
	}

	tr.hidden-xs {
		display: table-row !important;
	}

	th.hidden-xs,
	td.hidden-xs {
		display: table-cell !important;
	}

	.hidden-xs.hidden-print {
		display: none !important;
	}

	.hidden-sm {
		display: none !important;
	}

	.visible-sm {
		display: block !important;
	}

	table.visible-sm {
		display: table;
	}

	tr.visible-sm {
		display: table-row !important;
	}

	th.visible-sm,
	td.visible-sm {
		display: table-cell !important;
	}*/
/*}*/
@media print {
	/*html, body {*/
		/*height: 50%;*/
		/*margin: 1px;
	}*/
	@page {
		/*size:  95mm 80mm;*/
		/*margin: 0 -6cm*/
		/*margin: 0 0 0 0*/
		margin: 1mm 0 0 1mm;
		/*margin: 2px 0 0 8px;*/
	}

	html {
		margin:0 0 0 0
	}
	div {
		break-inside: avoid;
	}
 
	.h6, h6 {
		font-size: 20px;
	}
	.p2, p2 {
		font-size: 16px;
	}
	.myfont {
		font-size: 14px;
		font-weight: bold;
	}
	.myfont1 {
		font-size: 14px;
	}
	.myfont2 {
		font-size: 12px;
	}
	.myfont3 {
		font-size: 14px;
		font-weight: bold;
	}

	.col-sm-1 {
		width: calc(1/12 * 100%);
	}

	.col-sm-2 {
		width: calc(2/12 * 100%);
	}
	.col-sm-3 {
		width: calc(3/12 * 100%);
	}
	.col-sm-4 {
		width: calc(4/12 * 100%);
	}
	.col-sm-5 {
		width: calc(5/12 * 100%);
	}

	.col-sm-6 {
		width: calc(6/12 * 100%);
	}

	.col-sm-7 {
		width: calc(7/12 * 100%);
	}

	.col-sm-8 {
		width: calc(8/12 * 100%);
	}

	.col-sm-9 {
		width: calc(9/12 * 100%);
	}

	.col-sm-10 {
		width: calc(10/12 * 100%);
	}
	.col-sm-11 {
		width: calc(11/12 * 100%);
	}
	.col-sm-12 {
		width: calc(12/12 * 100%);
	}
	html, body {
		/*height: auto;
		font-size: 14pt; */
		/*width:1000px;*/
		margin:0px;
	}

	.dvContents {
		width: 600px;
		height: 560px;
		border: 2px;
	}
/*	.dvContentsnew {
		left:-20px;
		width: 500px;
		height: 180px;
		border:thick;
	}*/
	/*.contents {
		width: 400px;
		height: 180px;
		border: 2px;
	}*/
	.contentsnew {
		 
		width: 500px;
		height: 350px;
		border: thick;
	}
	.contents {
		width: 500px;
		height: 350px;
		border: thick;
	}
	.imgposition {
		 
		height: 120px;
		width: 300px;
	}

	/*.text-left {
		left: -20px;
	}*/
	/*	.h6 {
		font-size: 16px;
	}*/
	* {
		transition: none !important
	}
/*	.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
		float: left;
		font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
		font-size:medium;
	}

	.col-sm-12 {
		width: 100%;
	}

	.col-sm-11 {
		width: 91.66666667%;
	}

	.col-sm-10 {
		width: 83.33333333%;
	}

	.col-sm-9 {
		width: 75%;
	}

	.col-sm-8 {
		width: 66.66666667%;
	}

	.col-sm-7 {
		width: 58.33333333%;
	}

	.col-sm-6 {
		width: 50%;
	}

	.col-sm-5 {
		width: 41.66666667%;
	}

	.col-sm-4 {
		width: 33.33333333%;
	}

	.col-sm-3 {
		width: 25%;
	}

	.col-sm-2 {
		width: 16.66666667%;
	}

	.col-sm-1 {
		width: 8.33333333%;
	}
	
	.col-sm-pull-12 {
		right: 100%;
	}

	.col-sm-pull-11 {
		right: 91.66666667%;
	}

	.col-sm-pull-10 {
		right: 83.33333333%;
	}

	.col-sm-pull-9 {
		right: 75%;
	}

	.col-sm-pull-8 {
		right: 66.66666667%;
	}

	.col-sm-pull-7 {
		right: 58.33333333%;
	}

	.col-sm-pull-6 {
		right: 50%;
	}

	.col-sm-pull-5 {
		right: 41.66666667%;
	}

	.col-sm-pull-4 {
		right: 33.33333333%;
	}

	.col-sm-pull-3 {
		right: 25%;
	}

	.col-sm-pull-2 {
		right: 16.66666667%;
	}

	.col-sm-pull-1 {
		right: 8.33333333%;
	}

	.col-sm-pull-0 {
		right: auto;
	}

	.col-sm-push-12 {
		left: 100%;
	}

	.col-sm-push-11 {
		left: 91.66666667%;
	}

	.col-sm-push-10 {
		left: 83.33333333%;
	}

	.col-sm-push-9 {
		left: 75%;
	}

	.col-sm-push-8 {
		left: 66.66666667%;
	}

	.col-sm-push-7 {
		left: 58.33333333%;
	}

	.col-sm-push-6 {
		left: 50%;
	}

	.col-sm-push-5 {
		left: 41.66666667%;
	}

	.col-sm-push-4 {
		left: 33.33333333%;
	}

	.col-sm-push-3 {
		left: 25%;
	}

	.col-sm-push-2 {
		left: 16.66666667%;
	}

	.col-sm-push-1 {
		left: 8.33333333%;
	}

	.col-sm-push-0 {
		left: auto;
	}

	.col-sm-offset-12 {
		margin-left: 100%;
	}

	.col-sm-offset-11 {
		margin-left: 91.66666667%;
	}

	.col-sm-offset-10 {
		margin-left: 83.33333333%;
	}

	.col-sm-offset-9 {
		margin-left: 75%;
	}

	.col-sm-offset-8 {
		margin-left: 66.66666667%;
	}

	.col-sm-offset-7 {
		margin-left: 58.33333333%;
	}

	.col-sm-offset-6 {
		margin-left: 50%;
	}

	.col-sm-offset-5 {
		margin-left: 41.66666667%;
	}

	.col-sm-offset-4 {
		margin-left: 33.33333333%;
	}

	.col-sm-offset-3 {
		margin-left: 25%;
	}

	.col-sm-offset-2 {
		margin-left: 16.66666667%;
	}

	.col-sm-offset-1 {
		margin-left: 8.33333333%;
	}

	.col-sm-offset-0 {
		margin-left: 0%;
	}

	.visible-xs {
		display: none !important;
	}

	.hidden-xs {
		display: block !important;
	}

	table.hidden-xs {
		display: table;
	}

	tr.hidden-xs {
		display: table-row !important;
	}

	th.hidden-xs,
	td.hidden-xs {
		display: table-cell !important;
	}

	.hidden-xs.hidden-print {
		display: none !important;
	}

	.hidden-sm {
		display: none !important;
	}

	.visible-sm {
		display: block !important;
	}

	table.visible-sm {
		display: table;
	}

	tr.visible-sm {
		display: table-row !important;
	}

	th.visible-sm,
	td.visible-sm {
		display: table-cell !important;
	}*/
}

/*.form-control {
	height: calc(1.8125rem + 2px);
	padding: 0.25rem 0.5rem;
	font-size: 0.875rem;
	line-height: 1.5;
	border-radius: 0.2rem;
}*/

/*.selectpicker {
	height: calc(1.5125rem + 2px);
	padding: 0.15rem 0.25rem;
	font-size: 0.875rem;
	line-height: 1;
	border-radius: 0.2rem;
}*/
/*.text-sm .content-header {
	padding: 10px .5rem;
}

	.text-sm .content-header h1 {
		font-size: 1.5rem;
	}

.text-sm .form-control {
	font-size: .875rem;
}
.input-sm {
	height: calc(1.875rem + 2px);
}*/
/*body {
	 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8px;
}
*/
label {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal !important;
}



option {
	/*font-family: 'sans-serif'; */
		font-size: 12px;
}
.bs-searchbox > input {
	font-size: 10px;
}
.filter-option {
	font-size: 12px;
}
.bootstrap-select.btn-group .dropdown-menu.open {
	width: 250px !important;
	overflow: auto !important;
	background-color: red !important;
}


.cb-dropdown-wrap {
	max-height: 80px; /* At most, around 3/4 visible items. */
	position: relative;
	height: 19px;
}

.cb-dropdown,
.cb-dropdown li {
	margin: 0;
	padding: 0;
	list-style: none;
}

.cb-dropdown {
	position: absolute;
	z-index: 1;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background: #fff;
	border: 1px solid #888;
}

.dropdown {
	/* position: absolute; */
	/* top:50%; */
	/* transform: translateY(-50%); */
}

a {
	color: #fff;
}

.dropdown dd,
.dropdown dt {
	margin: 0px;
	padding: 0px;
}

.dropdown ul {
	margin: -1px 0 0 0;
}

.dropdown dd {
	position: relative;
}

.dropdown a,
.dropdown a:visited {
	/*color: #fff;*/
	text-decoration: none;
	outline: none;
	/*font-size: 12px;*/
}

.dropdown dt a {
	background-color: #4F6877;
	display: block;
	/* padding: 8px 20px 5px 10px; */
	/* min-height: 25px; */
	/* line-height: 24px; */
	overflow: hidden;
	border: 0;
	/* width: 272px; */
}

	.dropdown dt a span,
	.multiSel span {
		cursor: pointer;
		display: inline-block;
		padding: 0 3px 2px 0;
	}

.dropdown dd ul {
	background-color: #4F6877;
	border: 0;
	/*//color: #fff;*/
	display: none;
	left: 0px;
	padding: 2px 15px 2px 5px;
	position: absolute;
	top: 2px;
	/* width: 280px; */
	list-style: none;
	height: 100px;
	overflow: auto;
}

.dropdown span.value {
	display: none;
}

.dropdown dd ul li a {
	padding: 5px;
	display: block;
}

	.dropdown dd ul li a:hover {
		background-color: #fff;
	}

/*button {
	background-color: #6BBE92;
	width: 302px;
	border: 0;
	padding: 10px 0;
	margin: 5px 0;
	text-align: center;
	color: #fff;
	font-weight: bold;
}*/
 /*buttons*/

.btn-purple-moon {
	background: #4e54c8; /* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #8f94fb, #4e54c8); /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #8f94fb, #4e54c8); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	color: #fff;
	border: 3px solid #eee;
}

.btn-ultra-voilet {
	background: #654ea3; /* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #eaafc8, #654ea3); /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #eaafc8, #654ea3); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	color: #fff;
	border: 3px solid #eee;
}

.btn-pink-moon {
	background: #ec008c; /* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #fc6767, #ec008c); /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #fc6767, #ec008c); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	color: #fff;
	border: 3px solid #eee;
}

.btn-cool-blues {
	background: #2193b0; /* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #6dd5ed, #2193b0); /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #6dd5ed, #2193b0); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	color: #fff;
	border: 3px solid #eee;
}

.btn-dark-blue {
	background: #7474BF; /* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #348AC7, #7474BF); /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #348AC7, #7474BF); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	color: #fff;
	border: 3px solid #eee;
}

.btn-green-moon {
	background: #56ab2f; /* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #a8e063, #56ab2f); /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #a8e063, #56ab2f); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	color: #fff;
	border: 3px solid #eee;
}

.btn-orange-moon {
	background: #fc4a1a; /* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #f7b733, #fc4a1a); /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #f7b733, #fc4a1a); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	color: #fff;
	border: 3px solid #eee;
}

.btn-dark-moon {
	background: #141E30; /* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #243B55, #141E30); /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #243B55, #141E30); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	color: #fff;
	border: 3px solid #eee;
}

.btn-light-moon {
	background: #FFEFBA; /* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #FFFFFF, #FFEFBA); /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #FFFFFF, #FFEFBA); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	color: #000;
	border: 3px solid #eee;
}

.btn-funky-moon {
	background: #A770EF; /* fallback for old browsers */
	background: -webkit-linear-gradient(145deg, #FDB99B, #CF8BF3, #A770EF); /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(145deg, #FDB99B, #CF8BF3, #A770EF); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	color: #fff;
	border: 3px solid #eee;
}

.btn-rounded {
	border-radius: 35px;
}

.btn-fab {
	height: 20px;
	width: 53px;
	border-radius: 50%;
}

hr {
	border-top: 1px solid #9E9E9E;
}
.dotreddevice {
	height: 15px;
	width: 15px;
	background-color: red;
	border-radius: 50%;
	display: inline-block;
}

.dotgreendevice {
	height: 15px;
	width: 15px;
	background-color: green;
	border-radius: 50%;
	display: inline-block;
}
.dotred {
	height: 25px;
	width: 25px;
	background-color: red;
	border-radius: 50%;
	display: inline-block;
}
.dotgreen {
	height: 25px;
	width: 25px;
	background-color: green;
	border-radius: 50%;
	display: inline-block;
}
.dotyellow {
	height: 25px;
	width: 25px;
	background-color: yellow;
	border-radius: 50%;
	display: inline-block;
}
[data-toggle="buttons-radio"] > .btn > input[type="radio"] {
	display: none;
}

[data-toggle="buttons-checkbox"] > .btn > input[type="checkbox"] {
	display: none;
}

.setcolor {
	color: hotpink;
}


/*for bell icon notification*/
#ex1, #ex2, #ex3, #ex4 {
	display: inline-block;
}

	#ex4 .p1[data-count]:after {
		position: absolute;
		right: 10%;
		top: 8%;
		content: attr(data-count);
		font-size: 40%;
		padding: .2em;
		border-radius: 50%;
		line-height: 1em;
		color: white;
		background: rgba(255, 0, 0, 0.85);
		text-align: center;
		min-width: 1em;
	}

	#ex3 .fa-stack[data-count]:after {
		position: absolute;
		right: 0%;
		top: 1%;
		content: attr(data-count);
		font-size: 30%;
		padding: .6em;
		border-radius: 50%;
		line-height: .8em;
		color: white;
		background: rgba(255, 0, 0, 0.85);
		text-align: center;
		min-width: 1em;
		font-weight: bold;
	}

	/* on ex2 if you include bootstrap v3 css the number is a rounded circle with the .has-badge class */
	#ex2 .fa-stack[data-count]:after {
		position: absolute;
		right: 0%;
		top: 1%;
		content: attr(data-count);
		font-size: 30%;
		padding: .6em;
		border-radius: 999px;
		line-height: .75em;
		color: white;
		background: rgba(255, 0, 0, 0.85);
		text-align: center;
		min-width: 2em;
		font-weight: bold;
	}

	#ex1 .icon-grey {
		color: grey;
	}

	#ex1 i {
		width: 100px;
		display: inline-block;
		text-align: center;
		vertical-align: middle;
		position: relative;
	}

	#ex1 .badge:after {
		content: "100";
		position: absolute;
		background: blue;
		height: 2rem;
		top: 1rem;
		right: 1.5rem;
		width: 2rem;
		text-align: center;
		line-height: 2rem;
		font-size: 1rem;
		border-radius: 50%;
		color: white;
		border: 1px solid blue;
	}

	/*print lable check*/
#dvContentsnew {
	width: 700px;
	min-height: 197px;
	border: solid;
	/*}
        .brmedium {
           /* display: block;*/
	margin-bottom: 0em;
	font-size: x-small;
}

.customnew {
	width: 700px;
	min-height: 197px;
	border: solid;
	/*}
    .brmedium {
       /* display: block;*/
	margin-bottom: 0em;
	font-size: x-small;
}

.navbar-default {
	background-color: #69899f;
	border-color: #425766;
}

	.navbar-default .navbar-brand {
		color: #d7e2e9;
	}

		.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
			color: #e5dbdb;
		}

	.navbar-default .navbar-text {
		color: #d7e2e9;
	}

	.navbar-default .navbar-nav > li > a {
		color: #d7e2e9;
	}

		.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
			color: #e5dbdb;
		}

	.navbar-default .navbar-nav > li > .dropdown-menu {
		background-color: #69899f;
	}

		.navbar-default .navbar-nav > li > .dropdown-menu > li > a {
			color: #d7e2e9;
		}

			.navbar-default .navbar-nav > li > .dropdown-menu > li > a:hover,
			.navbar-default .navbar-nav > li > .dropdown-menu > li > a:focus {
				color: #e5dbdb;
				background-color: #425766;
			}

		.navbar-default .navbar-nav > li > .dropdown-menu > li > .divider {
			background-color: #69899f;
		}

	.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
		color: #e5dbdb;
		background-color: #425766;
	}

	.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
		color: #e5dbdb;
		background-color: #425766;
	}

	.navbar-default .navbar-toggle {
		border-color: #425766;
	}

		.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
			background-color: #425766;
		}

		.navbar-default .navbar-toggle .icon-bar {
			background-color: #d7e2e9;
		}

	.navbar-default .navbar-collapse,
	.navbar-default .navbar-form {
		border-color: #d7e2e9;
	}

	.navbar-default .navbar-link {
		color: #d7e2e9;
	}

		.navbar-default .navbar-link:hover {
			color: #e5dbdb;
		}

@media (max-width: 767px) {
	.navbar-default .navbar-nav .open .dropdown-menu > li > a {
		color: #d7e2e9;
	}

		.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
			color: #e5dbdb;
		}

	.navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
		color: #e5dbdb;
		background-color: #425766;
	}
}
.my-navbar {
	background-color: #004080;
	border-color: #425766;
}

	.my-navbar .navbar-brand {
		color: #fff;
	}

		.my-navbar .navbar-brand:hover, .my-navbar .navbar-brand:focus {
			color: #AAD5FF;
		}

	.my-navbar .navbar-text {
		color: #d7e2e9;
	}

	.my-navbar .navbar-nav > li > a {
		color: #fff;
	}

		.my-navbar .navbar-nav > li > a:hover, .my-navbar .navbar-nav > li > a:focus {
			color: #fff;
			background-color: #922166;
		}

	.my-navbar .navbar-nav > li > .dropdown-menu {
		background-color: #922166;
	}

		.my-navbar .navbar-nav > li > .dropdown-menu > li > a {
			color: #d7e2e9;
		}

			.my-navbar .navbar-nav > li > .dropdown-menu > li > a:hover,
			.my-navbar .navbar-nav > li > .dropdown-menu > li > a:focus {
				color: #fff;
				background-color: #004182;
			}

		.my-navbar .navbar-nav > li > .dropdown-menu > li > .divider {
			background-color: #69899f;
		}

	.my-navbar .navbar-nav > .active > a, .my-navbar .navbar-nav > .active > a:hover, .my-navbar .navbar-nav > .active > a:focus {
		color: #e5dbdb;
		background-color: #922166;
	}

	.my-navbar .navbar-nav > .open > a, .my-navbar .navbar-nav > .open > a:hover, .my-navbar .navbar-nav > .open > a:focus {
		color: #e5dbdb;
		background-color: #425766;
	}

	.my-navbar .navbar-toggle {
		border-color: #425766;
	}

		.my-navbar .navbar-toggle:hover, .my-navbar .navbar-toggle:focus {
			background-color: #425766;
		}

		.my-navbar .navbar-toggle .icon-bar {
			background-color: #d7e2e9;
		}

	.my-navbar .navbar-collapse,
	.my-navbar .navbar-form {
		border-color: #d7e2e9;
	}

	.my-navbar .navbar-link {
		color: #d7e2e9;
	}

		.my-navbar .navbar-link:hover {
			color: #e5dbdb;
		}

@media (max-width: 767px) {
	.my-navbar .navbar-nav .open .dropdown-menu > li > a {
		color: #d7e2e9;
	}

		.my-navbar .navbar-nav .open .dropdown-menu > li > a:hover, .my-navbar .navbar-nav .open .dropdown-menu > li > a:focus {
			color: #e5dbdb;
		}

	.my-navbar .navbar-nav .open .dropdown-menu > .active > a, .my-navbar .navbar-nav .open .dropdown-menu > .active > a:hover, .my-navbar .navbar-nav .open .dropdown-menu > .active > a:focus {
		color: #e5dbdb;
		background-color: #425766;
	}
}

.navbar .my-navbar .brand-image  .navbar-brand {
	max-height: 80px;
	max-width: 30%;
	overflow: visible;
	padding-top: 0;
	padding-bottom: 0;
}

:root {
	--border-color: #c9d1d9;
	--border-color-hover: #6e7681;
	--font-family: monospace;
}

*,
*:before,
*:after {
	box-sizing: inherit;
}

/*#app {
	display: flex;
	flex-direction: column;*/
	/* padding: 20px; */
	/*width: 100%;
	max-width: 600px;
	row-gap: 5px;
}*/



input,
textarea {
	font-family: var(--font-family);
	padding: 5px 15px;
	border-radius: 4px;
	width: 100%;
	border: 1px solid var(--border-color);
}

textarea {
	resize: vertical;
	min-height: 200px;
	line-height: 1.4;
	font-size: 16px;
	outline: none;
	font-size: 12px;
}

/*label {
	font-size: 12px;
	 
}

button {
	cursor: pointer;
	background: none;
	font-family: var(--font-family);
	border: 1px solid var(--border-color);
	border-radius: 4px;
	padding: 5px 15px;
}

	button:hover:not(:disabled) {
		border: 1px solid var(--border-color-hover);
	}

#terminal_form div {
	display: flex;
	justify-content: space-between;
	gap: 5px;
	margin-bottom: 5px;
	margin-top: 5px;
}*/

#port_info {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	font-size: 14px;
}

	#port_info #status {
		text-transform: uppercase;
	}

.form-check-input {
	width: 18px;
	height: 18px;
	margin-left: .1rem;
	margin-top: 2px;
}