.dataTables_empty {
	padding-right: 20px;
	color: green;
}

@media only screen and (max-width: 700px)and (orientation : portrait) {
	/* #sidebar-wrapper{display:none !important;}
	.breadcrumb{margin-left:0px !important;}
	.navtabs{margin-left:-23px !important;width:100% !important;} */
	/*for aligning heading with the search box*/
	.navtabs {
		width: 100% !important;
		margin-left: 0px !important;
	}
	#myTab {
		padding-left: 0px !important;
		margin-left: -13px !important;
	}
	.dataTables_length {
		text-align: left !important;
		margin-top: 13px !important;
	}
	/* .dataTables_filter {
		margin-top: -67px !important;
		text-align: right !important;
	} */
	/* input[type=search] {
		width: 140px !important;
		margin-top: -4px !important;
	} */
	h2 {
		font-size: 20px !important;
	}
	/*for aligning heading with the search box*/
	.dataTables_wrapper .dataTables_paginate .paginate_button {
		padding: 0px !important;
	}
	h1 {
		font-size: 20px !important;
	}
	th, td {
		white-space: nowrap;
	}
	.page-footer {
		width: 100%;
		left: 0 !important;
		bottom: 0 !important;
	}
	.page-footer {
		padding-top: 0px !important;
	}
	.py-3 {
		padding-top: 0px !important;
		padding-bottom: 0px !important;
	}
	.page-footer p {
		margin-bottom: 0px !important;
	}
	li {
		font-size: 12px !important;
		text-align: left !important;
	}

	/* to display text completely in navtabs*/
	#completedlist span {
		display: none;
	}
	#completedlist::before {
		content: "A/D   ";
	}
	#archivelist {
		padding-left: 4px;
	}
	/* to display text completely in navtabs*/
}

@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {
	/* .dataTables_filter {
		margin-top: 19px !important;
		text-align: right !important;
	} */

	#myTab {
		background-color: #000000 !important;
	}
}

@media only screen and (max-width: 736px)and (orientation : landscape) {
	/* #sidebar-wrapper{display:none !important;}
	.breadcrumb{margin-left:0px !important;}
		.navtabs{margin-left:-23px !important;width:100% !important;} */
	/*for mobile lanscape*/
	.navtabs {
		width: 100% !important;
		margin-left: 0px !important;
	}
	#myTab {
		padding-left: 0px !important;
		margin-left: -13px !important;
	}
	/*for aligning heading with the search box*/
	.dataTables_length {
		text-align: left !important;
		margin-top: 13px !important;
	}
	/* .dataTables_filter {
		margin-top: -67px !important;
		text-align: right !important;
	} */
	/* input[type=search] {
		width: 140px !important;
		margin-top: -4px !important;
	} */
	h2 {
		font-size: 20px !important;
	}
	/*for aligning heading with the search box*/
	/* to display text completely in navtabs*/
	#completedlist span {
		display: none;
	}
	#completedlist::before {
		content: "A/D   ";
	}
	/* to display text completely in navtabs*/
	li {
		font-size: 12px;
	}
	th, td {
		white-space: nowrap;
	}
	.page-footer {
		padding-top: 0px !important;
		position:relative !important;
		margin-top:100px !important;
	}
	.py-3 {
		padding-top: 0px !important;
		padding-bottom: 0px !important;
	}
	.page-footer p {
		margin-bottom: 0px !important;
	}
}

@media only screen and (min-device-width: 681px) and (max-device-width:
	1024px) and (orientation:portrait) {
	.navtabs {
		width: 100% !important;
		margin-left: 0px !important;
	}
	#myTab {
		padding-left: 0px !important;
		margin-left: -13px !important;
	}
	/* to display text completely in navtabs*/
	#completedlist span {
		display: none;
	}
	#completedlist::before {
		content: "A/D   ";
	}
	#archivelist {
		padding-left: 4px;
	}
	/* to display text completely in navtabs*/
}

@media only screen and (max-width: 500px)and (orientation:landscape) {
	th, td {
		white-space: nowrap;
	}
	.page-footer {
		width: 100%;
		left: 0 !important;
		bottom: 0 !important;
		position: fixed !important;
	}
}

@media only screen and (min-device-width: 681px) and (max-device-width:
	1024px) {
	/* For portrait layouts only for ipads */
	th, td {
		white-space: nowrap;
	}
	.page-footer {
		width: 100%;
		left: 0 !important;
		bottom: 0 !important;
		position: fixed !important;
	}
}

@media only screen and (min-device-width: 481px) and (max-device-width:
	1024px) and (orientation:landscape) {
	/* For portrait layouts only for ipads*/
	th, td {
		white-space: nowrap;
	}
	.page-footer {
		padding-top: 0px !important;
	}
	.py-3 {
		padding-top: 0px !important;
		padding-bottom: 0px !important;
	}
	.page-footer p {
		margin-bottom: 0px !important;
	}
}

#datepicker>span:hover {
	cursor: pointer;
}

html, body {
	height: 100%;
	margin: 0;
}

#parent {

	margin-bottom: 100px;
}

#loading-img {
	background: url(../img/Rolling-1s-200px.gif) center center
		no-repeat;
	background-size: 100px 100px;
	height: 100%;
	z-index: 20;
}

.add-client {
	float: right;
	color: #ffffff;
	margin-right: 10px;
	padding: 2px 10px 2px 10px;
	font-size: 12px;
	background-color: #4285F4;
}

.small-font-size {
	font-size: 11px;
}

.small-description {
	color: rgb(66, 133, 244);
}

.required_fields {
	color: red;
}

#user_email {
	font-family: Trebuchet MS;
	display: block !important;
}

.modal #user_email {
	cursor: pointer;
}

.modal .card-body {
	cursor: default;
}

.modal input:not(#assignLabel input,#addNewLabel input){
	height: 1rem !important;
	width: 100%;
	border: 1px solid #ccc !important;
	border-radius: 7px !important;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075) !important;
}

.modal .form-group {
	display: inherit;
	width: 100%;
	margin-bottom: 0px;
}

.modal .form-control .close {
	margin-bottom: 0px;
	margin-top: 0px;
	padding-left: 15px;
	cursor: pointer;
}

.modal .space-above {
	margin-top: 1em;
}

.modal .fa-fa-icons {
	font-size: 20px;
	padding-top: 7px;
}

.modal .error-msgs {
	font-size: 14px;
}

.modal .col-md-10 {
	min-height: 7px;
}

.modal .input-height {
	min-height: 7px;
}

.modal .btn-style {
	background-color: #4285F4;
	font-size: 18px
}

.modal input::-webkit-input-placeholder {
	color: black !important;
	opacity: 0.4 !important
}

.modal input::-moz-placeholder {
	color: black !important;
	opacity: 0.4 !important
}

.ui-menu {
	list-style: none;
	padding: 2px;
	margin: 0;
	display: block;
	float: left;
	border: solid 1px #4285F4;
	z-index: 1;
	background-color: #ffffff;
	cursor: pointer;
}

.ui-menu .ui-menu {
	margin-top: -3px;
}

.ui-menu .ui-menu-item {
	margin: 0;
	padding: 0;
	zoom: 1;
	float: left;
	clear: left;
	width: 100%;
	z-index: 2147483647;
}

.ui-menu .ui-menu-item a {
	text-decoration: none;
	display: block;
	padding: .2em .4em;
	line-height: 1.5;
	zoom: 1;
}

.ui-helper-hidden-accessible {
	display: none;
}

.ui-menu .ui-menu-item a.ui-state-hover, .ui-menu .ui-menu-item a.ui-state-active
	{
	font-weight: normal;
	margin: -1px;
	background-color: #000000;
}

.ui-autocomplete {
	z-index: 2147483647;
}

.ui-menu-item :hover {
	background-color: #4285F4;
	color: #ffffff;
}

.ui-menu-item .ui-state-active {
	background-color: #4285F4;
	color: #ffffff;
}

input[type=search] {
	height: 1rem;
	width: 260px;
	box-sizing: border-box;
	border: 2px solid #aaaaaa;
	border-radius: 6px;
	font-size: 16px;
	background-color: white;
	padding: 15px 20px 14px 10px;
	margin-top: 6px;
}


#users_length {
	margin-left: -13px;
	margin-bottom: -30px;
}

.ntabs {
	cursor: pointer;
	color: #ffffff;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: -10px;
	margin-bottom: -10px;
	border: solid 0.5px;
	background-color: #8eb6f9;
}

.ntabs:hover {
	background-color: #4285F4 !important;
}

.nav-tabs {
	margin-right: -25px;
	padding-right: 0px;
	font-size: 18px;
	background-color: transparent !important;
	box-shadow: none;
}

#users_length {
	margin-left: -13px;
	margin-bottom: -30px;
}

#user2_length {
	margin-left: -13px;
	margin-bottom: -30px;
}

#completedtable td {
	padding-right: 43px;
}

#completedtable th {
	padding-left: 10px;
}

#completedtable_length {
	margin-left: -13px;
	margin-bottom: -30px;
}

#archivedtable td {
	padding-right: 50px;
}

#archivedtable th {
	padding-left: 10px;
}

#archivedtable_length {
	margin-left: -13px;
	margin-bottom: -30px;
}

#sharedtable td {
	padding-right: 50px;
}

#sharedtable th {
	padding-left: 10px;
}

#sharedtable_length {
	margin-left: -13px;
	margin-bottom: -30px;
}

@-moz-document url-prefix() {
	input[type=search] {
	height: 2rem;
	width: 260px;
	box-sizing: border-box;
	border: 2px solid #aaaaaa;
	border-radius: 6px;
	font-size: 16px;
	background-color: white;
	padding: 1px 20px 1px 10px;
	margin-top: 6px;
}
	}