body {
	font-size: 14px;
	font-weight: lighter;
	font-family: BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica, Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji" !important;
}

a.edit-button {
}

a.details-button {
}

a.delete-button {
}

td, tr {
	vertical-align: middle;
}

.container {
	width: 100%;
	padding: 0;
	overflow: hidden;
}

@media screen and (max-width:1260px) {
	.container {
		width: 100%;
	}
}

.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
	margin-left: 0;
}

.carousel-caption p {
	font-size: 20px;
	line-height: 1.4
}

.carousel-inner .item img[src$=".svg"] {
	width: 100%
}

#qrCode {
	margin: 15px
}

body a {
	color: #00b7ba;
}

	body a:hover {
		color: #00b7ba;
	}

@media screen and (max-width:767px) {
	.carousel-caption {
		display: none
	}
}

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

input#Email-awed {
	display: block;
	width: 80%;
}

.o-pmc .awe-txt-field.awe-field {
	min-width: 80% !important;
}

.details-data .col-md-4 {
	width: 80%;
	!important;
}

/*Zmiany styli content*/
.body-content {
	position: absolute;
	width: 84% !important;
	padding: 0 !important;
	right: 0;
}

@media screen and (max-width:1023px) {
	.body-content {
		width: 96% !important;
		margin: 110px 2% !Important;
	}
}

.body-content .navbar {
	border-radius: 0 !important;
}

#content-home {
}

.calendarBox {
	width: 100%;
	background: #FFF;
}

.searchBox {
	width: 100%;
	background: #F3F3F3;
}

@media screen and (max-width:1260px) {
	.searchBox {
		width: 100%;
		padding: 2%;
	}
}

@media screen and (max-width:1260px) {
	.searchBox h3 {
		float: left;
		width: 100%;
	}
}


.searchBox input, .searchBox select, .searchBox button {
	padding: 0.33%;
	width: 100%;
	border: 1px solid #d9d9d9;
}

.searchBox h3 {
	margin-top: 0;
	font-weight: lighter;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 16px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #d9d9d9;
}

.searchBox .form-field-max {
	width: 96%;
	margin: 1%;
	float: left;
	text-align: left;
}

@media screen and (max-width:1260px) {
	.searchBox .form-field-max {
		width: 100%;
	}
}

.searchBox .form-field {
	width: 40%;
	margin-bottom: 10px;
	margin-right: 20px;
	float: left;
	text-align: left;
}

@media screen and (max-width:1260px) {
	.searchBox .form-field {
		width: 100%;
		margin-right: 0;
	}
}

.searchBox .form-field-last {
	width: 40%;
	margin-bottom: 10px;
	float: left;
	text-align: left;
}

@media screen and (max-width:1260px) {
	.searchBox .form-field-last {
		width: 100%;
	}
}

.searchBox .orm-field-search {
	width: 100%;
}

.searchBox button.dropdown-toggle {
	width: 585px !important;
	margin-bottom: 10px;
	padding: 8px 12px;
	border-radius: 0;
	color: #999;
	border: solid #d9d9d9 1px;
}

@media screen and (max-width:1260px) {
	.searchBox button.dropdown-toggle {
		width: 90% !important;
	}
}

a.btn-default {
	background: #DCDCDC;
	color: #333;
	border-radius: 0;
	border: 0;
	padding: 14px 0;
	margin-bottom: 0px;
	width: 12%;
}

@media screen and (max-width:1260px) {
	a.btn-default {
		background: #DCDCDC;
		color: #333;
		border-radius: 0;
		border: 0;
		padding: 14px 0;
		margin-bottom: 0px;
		width: 100%;
		margin: 1px 0;
	}
}

a.btn-default:hover {
	background: #00b7ba;
	border: 0;
	color: #fff;
}

.searchBox bootstrap-select > select {
	position: none !important;
	bottom: 0;
	left: none;
	display: inherit !important;
	width: auto !important;
	height: auto !important;
	padding: inherit !important;
	opacity: inherit !important;
	border: none;
	z-index: 0 !important;
}

.container hr {
	display: none;
}

.searchBox .form-actions a {
	color: #999;
	margin-top: 25px;
	float: left;
	margin-left: 20px;
	margin-right: 20px;
}

.searchBox select {
	width: 585px;
	margin-bottom: 10px;
	padding: 9px 10px;
	border-radius: 0;
	color: #999;
	border: solid #CCC 1px;
}

@media screen and (max-width:1260px) {
	.searchBox select {
		width: 90%;
	}
}


.searchBox input.btn {
	background: #d9d9d9;
	color: #333;
	border-radius: 3px;
	border: 0;
	width: 200px;
	padding: 4px 12px;
	margin-right: 20px;
	margin-top: 18px;
	margin-left: 20px;
	border: 3px solid #e9e9e9;
}

@media screen and (max-width:1680px) {
	.searchBox input.btn {
		margin-left: 0 !important;
	}
}



.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
	background-color: #00b7ba !important;
	border-color: #00b7ba !important;
}

.pagination > li > a, .pagination > li > span {
	color: #00b7ba;
}

.searchBox h3 {
	color: #333 !important;
	font-size: 18px !important;
}

.project {
	width: 100%;
	padding: 10px 0px;
	background: #fff;
}

@media screen and (max-width:1260px) {
	.project {
		width: 100%;
		padding: 2%;
	}
}

.utility-button, .create {
	text-align: right;
	border: 0 solid #d9d9d9 !important;
	width: 100%;
	min-height: 30px;
	margin: 15px 0px;
}

	.create button {
		background: #999 !important;
	}

	.utility-button a, .create button, .utility-button input, .create-invoice button {
		color: #333 !important;
		background-image: linear-gradient(to bottom, #FCFCFC 0, #F8F8F8 100%) !important;
		padding: 8px 12px;
		font-weight: bolder;
		border-radius: 3px;
		border: 1px solid #d3d3d3 !important;
		font-size: 12px;
		font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica, Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
		width: auto;
		float: left;
		margin: 0;
		margin-left: 2px;
	}

		.utility-button a:hover, .create button:hover, .utility-button input:hover, .utility-button a:hover {
			color: #333 !Important;
			/*border: 1px solid #d3d3d3 !important;*/
		}

	.utility-button a {
		margin-top: -3px !important;
	}

		.utility-button a:hover, .create button:hover {
			color: #333 !Important;
			background: #333;
			font-weight: bolder;
			font-size: 12px;
			border: 0;
			text-decoration: none;
			border: solid #d9d9d9 !important;
		}

	.utility-button input {
		margin-top: -3px;
	}

		.utility-button input:hover {
			color: #fff !important;
			background: #333;
			font-weight: bolder;
			font-size: 14px;
			border: 0;
			text-decoration: none;
			border: 0 solid #d9d9d9 !important;
		}

#CompanyResignGrid {
	margin-top: 8px;
}

@media screen and (max-width:990px) {
	.project {
		overflow: scroll;
		width: 98%;
		margin: 1%;
		float: none;
	}
}

.project h2, .company h2, .activity h2 {
}

.navbar-header button.navbar-toggle {
	position: absolute;
	top: 15px;
	right: 15px;
}

@media screen and (max-width:900px) {
	.navbar-collapse ul {
		background: #000;
		padding: 10px;
	}
}

.company {
	width: 100%;
	padding: 10px 0;
	background: #fff;
}

@media screen and (max-width:1260px) {
	.company {
		width: 100%;
		padding: 2%;
	}
}

.company h2, .employee h2, .project h2 {
	display: none;
}

.company .utility-button a:hover, .employee .utility-button a:hover, .project .utility-button a:hover, .navigation .utility-button a:hover, .create button:hover, div .utility-button a:hover {
	border: 1px solid #d3d3d3 !important;
}

.employee {
	width: 100%;
	padding: 0;
	background: #fff;
	margin: 10px auto;
}

@media screen and (max-width:1260px) {
	.employee {
		width: 100%;
		padding: 2%;
	}
}

.activity {
	width: 100%;
	background: #fff;
	margin: 20px auto;
}

@media screen and (max-width:1260px) {
	.activity {
		width: 100%;
		padding: 2%;
	}
}

.activity-time {
	background: #fff;
	width: 100%;
	padding: 1%;
	float: left;
}

@media screen and (max-width:1260px) {
	.activity-time {
		width: 100%;
		padding: 2%;
	}
}

.activity-project {
	background: #fff;
	width: 100%;
	padding: 1%;
	float: left;
}

@media screen and (max-width:1260px) {
	.activity-project {
		width: 100%;
		padding: 2%;
	}
}

.activity-details {
	background: #fff;
	width: 25%;
	padding: 1%;
	float: left;
}

@media screen and (max-width:1260px) {
	.activity-details {
		width: 100%;
		padding: 2%;
	}
}

.activity-history {
	background: #fff;
	width: 25%;
	padding: 1%;
	float: left;
}

@media screen and (max-width:1260px) {
	.activity-history {
		width: 100%;
		padding: 2%;
	}
}

.activity-details .details-data {
	width: 100% !important;
	float: left;
}

.activity-message {
	background: #fff;
	width: 75%;
	padding: 1%;
	float: left;
}

@media screen and (max-width:1260px) {
	.activity-message {
		width: 100%;
		padding: 2%;
		margin-right: 1%
	}
}

.activity-details h4, .activity-message h4, .activity-history h4 {
	margin-top: 0;
	margin-bottom: 12px;
	padding-bottom: 12px;
	border-bottom: 1px solid #d9d9d9;
	width: 100%;
}

@media screen and (max-width:1260px) {
	.activity {
		overflow: scroll;
	}
}

.activity dd.activity-messeg {
}

@media screen and (max-width:1260px) {
	.activity {
		overflow: scroll;
		width: 98%;
		margin: 1%;
		float: none;
	}
}

.activity table {
	width: 100% !important;
}

	.activity table tbody tr {
		height: 85px !important;
		max-height: 85px !important;
		overflow: hidden;
	}

	.activity table tbody td {
		height: 85px !important;
		max-height: 85px !important;
		overflow: hidden;
	}

.reports {
	width: 100%;
	padding: 1% 0;
	background: #fff;
	margin: 0 auto;
	float: left;
}

@media screen and (max-width:1260px) {
	.reports {
		width: 100%;
		padding: 2%
	}
}

.reports h2 {
	margin-top: 0 !important;
}


footer {
	width: 100%;
	float: left;
	padding: 0 10px;
	border: 0;
	text-align: center;
}

/*Zmiana styli g�rnego menu*/
.navbar-inverse {
	background-color: #333 !important;
	border-color: none !important;
	float: left;
	z-index: 100;
	height: 100vh;
	width: 16%;
}
/*.navbar-inverse >.container {
		background-color: #333 !important;
		border-color: none !important;
		height: 100%;
		/*float: left;
		position: absolute;
		width: inherit;
	}*/
@media screen and (max-width:1023px) {
	.navbar-inverse {
		height: 110px;
		position: relative;
		width: 100%;
	}
}

.navbar-inverse .user-dat {
	float: left;
	width: 88%;
	margin: 6%;
	padding: 15px 0;
	border-top: 1px solid #00b7ba;
}

	.navbar-inverse .user-dat p {
		color: #fff;
	}

.navbar-header {
	overflow: hidden;
	width: 100%;
	height: 60px;
	margin: 20px !important;
}

.navigation-left {
	position: relative;
	z-index: 100;
	width: 100%;
}

.navbar {
}

input#projectStart, input#projectEnd, input#activityActivityDateTime, input#reportProjectStart, input#reportProjectEnd, input#reportCompanyStart, input#reportCompanyEnd, input#ActivityReminderDate {
	width: 68% !important;
}

.navbar-header a {
	padding: 20px 30px !important;
	background: url('../images/doce-logo.png');
	text-indent: -200px;
	overflow: hidden;
	width: 80%;
	background-size: contain;
	background-repeat: no-repeat;
	margin-top: 10px;
}

.navbar-nav > li {
	float: none !important;
}

.navbar-right {
	float: right !important;
	margin-right: -15px;
	width: 100%;
}

ul.nav {
	margin-top: 20px;
	/*margin-left: 10px;*/
	width: 100%;
}

@media screen and (max-width:1023px) {
	ul.nav {
		margin-top: 0;
		/*margin-left: 10px;*/
		width: 104%;
	}
}

.navbar-fixed-top ul.nav li a {
	text-transform: uppercase;
	font-weight: 600;
	color: #fff !important;
	font-size: 16px !important;
	margin: 10px;
	padding-left: 10px;
}

.container-links ul.nav li a {
	text-transform: uppercase;
	font-weight: 600;
	color: #CCC !important;
	font-size: 12px !important;
	margin: 10px;
}

@media screen and (max-width:990px) {
	ul.nav li a {
		color: #333 !important;
	}
}

ul.nav li a:hover {
	color: #00b7ba !important;
}


ul.navbar-right {
	margin-top: 5px !important;
	margin-left: 0 !important;
	padding-left: 0 !important;
	border-bottom: 0;
	padding-bottom: 2px;
	border-left: none !important;
}

	ul.navbar-right li a {
		background: #00b7ba;
		padding: 10px 20px;
		color: #fff !important;
		margin-top: 20px;
		font-weight: bold;
		text-decoration: none !important;
		border-bottom: 0 !important;
		text-transform: none !important;
	}

		ul.navbar-right li a:hover {
			background: #00b7ba !important;
			padding: 10px 20px;
			color: #333 !important;
		}

#editor {
	width: 900px;
	height: 300px;
	overflow: scroll;
	max-height: 300px;
	border: solid 1px #999;
}

.col-md-6 {
	display: none;
}

.project-icon {
	width: 21px;
	height: 26px;
}

.details-header {
	border-bottom: 0 solid #d9d9d9;
	margin: 0;
	padding-bottom: 0;
	width: 100%;
	float: left;
	background: #fff;
}

@media screen and (max-width:990px) {
	.details-header {
	}
}

.details-header h2 {
	font-size: 20px;
	font-weight: lighter;
	color: #777;
	width: 80%;
	float: left;
}

.navigation {
	width: 100%;
	float: right;
	text-align: right;
}

@media screen and (max-width:1023px) {
	.navigation {
		width: 100%;
	}
}

.navigation a {
}

	.navigation a:hover {
		color: #00b7ba;
		border: 1px solid #00b7ba;
		text-decoration: none;
	}

.navigation .utility-button {
	width: auto !important;
	float: right !important;
	margin-left: 12px !Important;
}

.details-body {
	background: #fff;
	width: 98%;
	padding: 20px;
	margin: 1%;
	float: left;
}

@media screen and (max-width:1260px) {
	.details-body {
		width: 98%;
		padding: 1%;
	}
}

.details-body .awe-grid {
	border: 1px solid gainsboro;
	border-radius: 2px;
	background: #fafafa;
	transform: translate(0, 0);
	margin: 22px 0;
}

.details h4 {
	background: #ad34ad !important;
	color: #ffffff !important;
	padding: 10px 15px !important;
	width: auto;
	max-with: 200px !important;
}

.details {
	padding: 0 0 20px 0;
	float: left;
	width: 100%;
	background: #fff;
}

.details-tab {
	width: 100%;
	margin-top: 20px;
	float: left;
	border-bottom: 0;
	margin-bottom: 20px;
}

.details-body h4 {
	color: #808080;
	font-size: 14px;
	font-weight: bolder;
	position: absolute;
	top: 30px;
}

.details-body h1 {
	color: #444;
	font-size: 36px;
	margin-top: 5px;
	margin-bottom: 30px;
	font-weight: lighter;
}

.details-body h3 {
	color: #00b7ba;
	font-size: 20px;
	font-weight: bolder;
	margin-top: 0;
}

.details h4 {
}

.details-audit {
	margin-left: 20px;
	border: 1px solid #CCC;
	padding: 2%;
	color: #CCC;
	width: 20%;
	float: right;
}

@media screen and (max-width:990px) {
	.details-audit {
		display: none;
	}
}

.details-audit dl.dl-horizontal {
	margin-bottom: 0 !important;
}

.details-audit dt {
	width: 100% !important;
	text-align: left !important;
}

.details-audit dd {
	width: 100% !important;
	text-align: left !important;
	margin-left: 0 !important;
	padding-bottom: 5px;
}

.details-data {
	width: 40%;
	float: left;
}

@media screen and (max-width:1023px) {
	.details-data {
		width: 100%;
	}
}

.project-labels {
	width: 30%;
	float: left;
}

@media screen and (max-width:1023px) {
	.project-labels {
		width: 100%;
		margin-top: 20px;
	}
}

.project-categories {
	width: 30%;
	float: right;
}

@media screen and (max-width:1023px) {
	.project-categories {
		width: 100%;
		margin-top: 20px;
	}
}

.attachments, .company-tags {
	width: 30%;
	float: left;
}

@media screen and (max-width:1023px) {
	.attachments, .company-tags {
		width: 100%;
		margin-top: 20px;
	}
}

.contact-tags {
	width: 30%;
	float: left;
}

@media screen and (max-width:1023px) {
	.contact-tags {
		width: 100%;
		margin-top: 20px;
	}
}

.project-categories b, .project-labels b, .contact-tags b, .attachments b, .company-tags b {
	width: 100%;
	float: left;
	margin-bottom: 10px;
}

.project-categories div, .project-labels div, .contact-tags div, .company-tags div {
	border: 1px solid #CCC;
	padding: 6px 10px;
	margin-right: 3px;
	margin-bottom: 3px;
	float: left;
}


.details-data .dl-horizontal dt {
	float: left !important;
	width: 120px !important;
	overflow: hidden !important;
	clear: right !important;
	text-align: left !important;
	text-overflow: ellipsis !important;
	white-space: nowrap !important;
	font-weight: lighter !important;
	padding: 8px 0;
	border: 0;
	border-radius: 3px;
	margin-bottom: 0;
	color: #000;
	font-size: 14px;
	font-family: Helvetica, Arial, sans-serif
}

.details-data .dl-horizontal dd {
	font-size: 14px;
	font-weight: bold !important;
	color: #000;
	margin-left: 140px !important;
	margin-bottom: 8px;
}


.details-delete {
}

.row {
	margin-right: 0 !important;
	margin-left: 0 !important;
}

body thead {
	background: #00b7ba !important;
	color: #fff;
}

	body thead a {
		color: #fff !important;
	}

table tr, table td {
	vertical-align: top !important;
}

/*Stona u�ytkownika __ start*/
#content-home {
}



.dashboard {
	float: left;
	width: 100%;
	background: #fff;
}


	.dashboard .navbar {
		position: fixed;
		min-height: 50px;
		margin-bottom: 20px;
		border: 1px solid transparent;
		width: 100%;
		z-index: 2;
	}

@media screen and (max-width:1024px) {
	.dashboard .navbar {
		display: none;
	}
}

.dashboard .boxes-dashboard {
	width: 98.33% !important;
	padding: 0.33% !important;
	margin: 70px auto 0 auto !important;
}

@media screen and (max-width:1024px) {
	.dashboard .boxes-dashboard {
		margin-top: 0;
	}
}

.box {
	margin-top: 20px;
	width: 100%;
	float: left;
}

@media screen and (max-width:990px) {
	.box {
		width: 100%;
	}
}

.box .box-in {
	float: left;
	width: 100%;
	margin-bottom: 10px;
}

.boxes img {
}

.box h2 {
	color: #00b7ba;
	font-size: 20px;
}

.box a {
	color: #333;
	font-size: 24px;
	padding: 20px 15px;
	float: left;
	font-family: "Segoe UI",Roboto,"Helvetica Neue",Helvetica, Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}

	.box a:hover {
		color: #9543ff;
		text-decoration: none;
	}

.remind-edit a {
	font-size: 0;
}

.boxes .box-project {
	width: 20%;
	margin-right: 1%;
	/*float: left;*/
	height: auto;
	/*overflow: hidden;*/
	min-height: auto;
	background: #a100be;
	display: block;
	margin-bottom: 10px;
}

.box-project .box-in {
	background-color: #a100be;
}

.box .box-project img {
	float: right;
	/*display: none; */
}

@media screen and (max-width:1260px) {
	.boxes .box-project {
		width: 100%;
		padding: 1%;
		margin-right: 0;
	}
}

@media screen and (max-width:1260px) {
	.box .box-project img {
		width: 100%;
	}
}

@media screen and (max-width:1260px) {
	.box .box-activity img {
		width: 100%;
	}
}

@media screen and (max-width:1260px) {
	.box .box-report img {
		width: 100%;
	}
}

@media screen and (max-width:1260px) {
	.box .box-contact img {
		width: 100%;
	}
}


.boxes .box-contact {
	width: 20%;
	margin-right: 1%;
	float: left;
	height: auto;
	overflow: hidden;
	min-height: auto;
	background: #00726d;
}

.box-contact .box-in {
	background-color: #00726d;
}

@media screen and (max-width:1260px) {
	.boxes .box-contact {
		width: 100%;
		padding: 1%;
		margin-right: 0;
	}
}

.box .box-contact img {
	float: right;
}

.boxes .box-activity {
	width: 24%;
	margin-right: 1%;
	float: left;
	height: auto;
	overflow: hidden;
	min-height: auto;
	background: #5e0067;
}

.box-activity .box-in {
	background-color: #5f0068;
}

@media screen and (max-width:1260px) {
	.boxes .box-activity {
		width: 100%;
		padding: 1%;
		margin-right: 0;
	}
}

.box .box-activity img {
	float: right;
}

.boxes .box-report {
	width: 25%;
	margin-right: 0;
	float: left;
	height: auto;
	overflow: hidden;
	min-height: auto;
	background: #00aca0;
}

.box-report .box-in {
	background-color: #00aca0;
}

.box-in a {
	color: #fff;
}

@media screen and (max-width:1260px) {
	.boxes .box-report {
		width: 100%;
		padding: 1%;
		margin-right: 0;
	}
}

.box .box-report img {
	float: right;
}

.login-data2 .statistic {
	width: 100%;
	float: left;
}

	.login-data2 .statistic h2 {
		color: #00b7ba;
		font-size: 20px;
	}

	.login-data2 .statistic h3 {
		background: #00b7ba;
		color: #fff;
		font-size: 16px;
		width: 100%;
		padding: 3%;
		margin-top: 0;
		font-weight: lighter;
		text-align: center;
	}

	.login-data2 .statistic p {
		text-align: center;
		font-weight: bold;
		font-size: 24px !important;
		margin-bottom: 20px !important;
	}

	.login-data2 .statistic .statistic-email {
		width: 260px;
		float: left;
		border: 1px solid #d9d9d9;
		margin-right: 13px;
		overflow: hidden;
	}


@media screen and (max-width:990px) {
	.box .statistic .statistic-email {
		width: 100%;
	}
}

.login-data2 .statistic .statistic-phone {
	width: 260px;
	float: left;
	border: 1px solid #d9d9d9;
	margin-right: 13px;
	overflow: hidden;
}

@media screen and (max-width:990px) {
	.login-data2 .statistic .statistic-phone {
		width: 100%;
	}
}

.login-data2 .statistic .statistic-activity {
	width: 260px;
	float: left;
	border: 1px solid #d9d9d9;
	margin-right: 13px;
	overflow: hidden;
}

@media screen and (max-width:990px) {
	.login-data2 .statistic .statistic-activity {
		width: 100%;
	}
}

.login-info {
	width: 100%;
	float: left;
	margin-top: 0;
	padding: 1%;
	background: #fff;
	height: 140px;
}

.login-data2 .statistic .statistic-tag a.btn-statiscic, .login-data2 .statistic .statistic-keeper a.btn-statiscic {
	font-size: 14px !important;
	color: #000 !important;
	font-weight: bold !important;
}

.login-data2 .statistic .statistic-tag {
	width: 260px;
	float: right;
	border: 1px solid #d9d9d9;
	margin-right: 13px;
	overflow: hidden;
	padding: 30px;
	text-align: center;
}

§
@media screen and (max-width:990px) .box .statistic .statistic-tag {
	width: 100%;
}

.login-data2 .statistic .statistic-keeper {
	width: 260px;
	float: right;
	border: 1px solid #d9d9d9;
	margin-right: 13px;
	overflow: hidden;
	padding: 30px;
	text-align: center;
}


@media screen and (max-width:990px) {
	.box .statistic .statistic-keeper {
		width: 100%;
	}
}


@media screen and (max-width:1260px) {
	.login-info {
		width: 98%;
		padding: 1%;
		height: auto;
	}
}

@media screen and (max-width:990px) {
	.login-info {
		width: 98%;
		margin: 1%;
	}
}

.login-info .login-data1 {
	width: 270px;
	float: left;
}

@media screen and (max-width:1260px) {
	.login-data1 {
		width: 98%;
		padding: 1%;
	}
}

.login-info .login-data2 {
	width: 820px;
	float: right;
}

@media screen and (max-width:1260px) {
	.login-data2 {
		width: 98%;
		padding: 1%;
	}
}

.login-info .login-data1 p, .login-info .login-data2 p {
	margin: 0;
	padding: 0;
	font-size: 14px;
	color: #999;
}

.login-info .login-data1 h2, .login-info .login-data2 h2 {
	color: #00b7ba;
	font-size: 18px;
	font-weight: bold;
	margin: 8px 0;
	padding: 0;
}

.login-info .avatar-login {
	height: 100px;
	float: left;
	margin-right: 2%;
}

	.login-info .avatar-login img {
		width: 100%;
		height: 100%;
	}

.last-activity {
	width: 1280px;
	float: left;
	padding: 20px;
	background: #fff;
	margin-top: 20px;
}

@media screen and (max-width:1260px) {
	.last-activity {
		width: 98%;
		padding: 1%;
	}
}

@media screen and (max-width:990px) {
	.last-activity {
		width: 98%;
		margin: 1%;
		margin-bottom: 30px;
		overflow: scroll;
	}
}

.last-activity h2 {
	color: #00b7ba;
	margin-top: 0;
	font-size: 20px;
}

.last-activity a.acitity-more {
}

.details-tab2 {
	border-bottom: 1px solid #EAEAEA;
}

div#content-contact, div#content-project {
	background-color: #fff;
	width: 98%;
	float: left;
	margin: 1%;
	padding: 20px;
}

#content-contact, #content-project {
	border-bottom: 0;
}

	#content-contact a:hover, #content-project a:hover {
		color: #333333;
		text-decoration: none;
	}

	#content-contact .searchBox {
	}

.searchBox h3, .searchBox form {
	padding: 20px;
}

a.btn-create {
}

input.btn-add {
}
/*Stona u�ytkownika __ end*/
/*logowanie przycisz*/
@media screen and (max-width:990px) {
	.login-navbar-right {
		background: #fff !important;
		margin-left: 30px !important;
		margin-top: 0 !important;
	}
}

.login-navbar-right button {
	background: #00b7ba;
	padding: 10px 20px;
	color: #fff !important;
	margin-top: 20px;
	font-weight: bold;
	margin-right: 20px;
}

@media screen and (max-width:990px) {
	.login-navbar-right button {
		width: 90%;
		margin: 0 auto;
	}
}

.login-navbar-right button:hover {
	background: #099;
	padding: 10px 20px;
	color: #fff !important;
	margin-top: 20px;
	text-decoration: none;
}

@media screen and (max-width:990px) {
	.login-navbar-right button:hover {
		width: 90%;
		margin: 0 auto;
	}
}
/*zmiany w menu g��wnym*/
li a.menu-administration {
	text-transform: capitalize !important;
	text-decoration: none;
}

li a.menu-report {
	text-transform: capitalize !important;
	text-decoration: none;
}

li a.menu-activity {
	text-transform: capitalize !important;
	text-decoration: none;
}

li a.menu-contact {
	text-transform: capitalize !important;
	text-decoration: none;
}

li a.menu-project {
	text-transform: capitalize !important;
	text-decoration: none;
}

/*zmiana wygl�du tag�w*/
.tags-info {
}

.login-container {
	margin: 50px auto !important;
	width: 30% !important;
	background: #F3F3F3;
	text-align: center !important;
	padding-bottom: 2%;
}

@media screen and (max-width:1024px) {
	.login-container {
		margin: 50px auto !important;
		width: 80% !important;
		background: #fff;
		text-align: center !important;
	}
}

.login-container h2 {
	background: url('/images/login_bg.jpg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 100px 0;
	color: #FFF !important;
	text-shadow: 3px 3px 3px #000;
}

.login-container .col-md-4 {
	width: 100% !important;
}

.login-form {
	margin: 0 auto;
	width: 80%;
}

@media screen and (max-width:990px) {
	.login-form {
	}
}

.login-form {
	margin: 0 auto;
	width: 100%;
}

	.login-form .col-md-4 {
		width: 100% !important;
	}

	.login-form h2 {
		color: #333;
	}

	.login-form button {
		background: #00b7ba;
		color: #fff !important;
		border: 1px solid #00b7ba;
	}

		.login-form button:hover {
			background: #333;
			color: #fff !important;
			border: 1px solid #00b7ba;
		}

	.login-form input.form-control {
		display: block;
		width: 100%;
	}

	.login-form .form-group {
		width: 70%;
		margin: 5px auto;
	}

tr:nth-child(even) {
	background-color: #fff;
}

tr:nth-child(odd) {
	background-color: #F5F5F5;
}

th {
	background: #333;
	color: #FFF;
	padding: 10px;
	vertical-align: top !important;
}

	th a.page-link {
		background: url('/images/sort.png');
		background-position: left;
		padding-left: 20px;
		background-repeat: no-repeat;
		background-size: contain;
	}

/*zmiana styli raportów*/
.reports h3 {
	padding-left: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #CCC;
	width: 100%;
	padding-top: 10px;
	margin-bottom: 15px;
}

.reports .charts {
	width: 50%;
	margin-left: 2%;
}

@media screen and (max-width:990px) {
	.reports .charts {
		width: 100%;
		float: left;
		margin-left: 0;
	}
}

.reports .table-statistic {
	width: 46%;
	float: left;
}

@media screen and (max-width:990px) {
	.reports .table-statistic {
		width: 100%;
		float: left;
	}
}

.activities-tab1 {
	width: 100% !important;
	float: left;
}

	.activities-tab1 h3 {
		border-left: 8px solid #00b7ba;
	}

.activities-tab2 {
	width: 100% !important;
	float: left;
}

	.activities-tab2 h3 {
		border-left: 8px solid #571d87;
	}

.activities-tab3 {
	width: 100% !important;
	float: left;
}

	.activities-tab3 h3 {
		border-left: 8px solid #00b7ba;
	}

.activities-tab4 {
	width: 100% !important;
	float: left;
}

	.activities-tab4 h3 {
		border-left: 8px solid #571d87;
	}

/*zmiana Dashboard manager*/

.best-project {
	width: 44%;
	margin-right: 1%;
	float: left;
	padding: 1%;
	background: #fff;
	margin-top: 1%;
	max-height: 340px;
	overflow: scroll;
}

@media screen and (max-width:1260px) {
	.best-project {
		width: 98%;
		padding: 1%;
	}
}

.best-project a {
	color: #222 !important;
	font-size: 14px !important;
}

.best-project a, .last-activity a {
	font-size: 14px;
	color: #000;
	text-shadow: none !important;
	padding: 0 !important;
	margin: 0 !important;
}

	.best-project a:hover, .last-activity a:hover {
		color: #00b7ba;
	}

.daily-statistic {
	width: 100%;
	float: left;
	padding: 1%;
	background: #fff;
	height: 340px;
}

@media screen and (max-width:1260px) {
	.daily-statistic {
		width: 100%;
	}
}


.best-project table {
	width: 100% !important;
}


.main-tabs {
	float: left;
	margin-top: -48px;
	width: 100%;
}

	.main-tabs a.btn-default {
		background: #9543ff;
		color: #fff;
		border-radius: 0;
		border: 1px solid#777;
		border: 0;
		text-transform: uppercase;
	}

		.main-tabs a.btn-default:hover {
			background: #444;
			color: #fff;
		}

.details-contact {
	border-bottom: 1px solid #e9e9e9;
	padding: 15px;
	width: 100%;
	margin-bottom: 20px;
}

	.details-contact p {
		font-size: 22px;
		font-weight: lighter;
		margin: 0;
		padding: 0;
	}

		.details-contact p span {
			font-weight: bold;
		}

	.details-contact a {
		color: #333 !important;
	}

	.details-contact p span.contactspan {
	}



.activity-send1 {
	width: 80px;
	float: left;
}

.activity-send2 {
	width: 290px;
	float: left;
}

	.activity-send1 input, .activity-send2 input {
		margin: 0;
		padding: 5px 12px;
		background: #9543ff;
		color: #fff;
		border-radius: 0 !important;
	}

		.activity-send1 input:hover, .activity-send2 input:hover {
			background: #333;
			color: #fff;
			text-decoration: none;
		}

a.btn-administration {
	background-image: linear-gradient(to bottom, #FCFCFC 0, #f8f8f8 100%);
	width: 24%;
	padding: 40px 0;
	float: left;
	margin-right: 1%;
	color: #333;
	text-align: center;
	text-transform: uppercase;
	font-size: 22px;
	margin-bottom: 1%;
	min-height: 120px;
	border: 1px solid #CCC;
}

@media screen and (max-width:1024px) {
	a.btn-administration {
		width: 100%;
		margin-right: 0;
		min-height: auto;
	}
}

a.btn-administration:hover {
	background-image: linear-gradient(to bottom, #888 0, #f8f8f8 100%);
	width: 24%;
	padding: 40px 0;
	float: left;
	margin-right: 1%;
	color: #333;
	text-align: center;
	text-transform: uppercase;
	font-size: 22px;
	margin-bottom: 1%;
	min-height: 120px;
	border: 1px solid #CCC;
}

@media screen and (max-width:1024px) {
	a.btn-administration:hover {
		width: 100%;
		margin-right: 0;
		min-height: auto;
	}
}


.detailnst {
	cursor: pointer;
}

.caretc {
	position: relative;
	padding: 0 .7em;
	margin-right: .5em;
}

	.caretc .o-caret {
		transform: rotate(-90deg);
		zoom: 1.1;
	}

.detailnst-on .caretc .o-caret {
	transform: rotate(-45deg);
}

.filterBar {
	margin: 0px 0px 25px 0px;
}

/* zmiana dashboardu*/
.user-info .user-data1 h2, .user-info .user-data1 h2 {
	color: #00b7ba;
	font-size: 18px;
	font-weight: bold;
	margin: 8px 0;
	padding: 0;
}

.user-info .user-data1 p {
	padding: 0;
	font-size: 14px;
	color: #999;
}

.user-info {
	background-color: #fff;
}

.content {
	height: 100%;
}

.first-row {
	display: flex;
	flex-wrap: wrap;
}

.first-row {
	padding: 0;
	margin: 15px 0px;
}

.user-data {
	padding: 2% 0;
}

.user-data1 {
	float: right;
}

.user-img img {
	width: 100px;
	height: 100px;
	float: right;
	margin: 5px;
}

.myRemindings {
	background-color: #fff;
}

.remind {
	width: 100%;
}

.my-remindings {
	height: auto;
}

	.my-remindings h6 {
		font-size: 16px;
	}

.box-content .remind a.activities {
	float: right;
	width: inherit;
	display: block;
	padding: 0 5px;
	margin: 0;
}

.remindRow {
	padding: 5px;
	margin: 5px 0px;
}

.remind a {
	/*color: #7c7c7c;*/
	font-size: 12px;
	float: right;
	text-decoration: underline;
	margin-right: 0;
	padding-right: 0;
	text-align: right;
}

	.remind a:hover {
		color: #9543ff;
	}

.box-content .lastremindings {
	padding: 10px 0 !important;
	width: 100%;
	margin-top: 10px;
}

.box-content .reminders {
	width: 100%;
	height: auto;
	margin: 2px 0;
	padding: 2%;
}

.remind-desc {
	padding: 0 !important;
	margin-top: 0 !important;
	width: 60%;
	display: inline-block !important;
	right: 0;
}

	.remind-desc h6 {
		margin-top: 3px;
	}


.lastremindings .col-xs-9 {
	padding: 3px;
}

.reminders .remind-edit {
	padding: 0;
	display: inline-block !important;
	width: 13px;
	float: right;
	margin: 5px;
	height: inherit;
}

.remind-edit a {
	padding: 2px;
	/*display: block;*/
	margin: 0;
	border: none;
}

.add-activity {
	background-color: #a000be;
}

.fa-plus {
	color: #fff;
	font-size: 15px;
	padding: 5px;
}

.fa-pencil-alt {
	color: #fff;
	font-size: 13px;
	padding: 5px;
}

.edit-activity {
	background-color: #5e0067;
}

.date {
	padding: 5px 10px;
	margin: 0px;
	text-transform: capitalize;
	color: #ffffff;
}

	.date h1, .date h3 {
		font-weight: 100;
		text-align: left;
		margin: 5px 0px 0px 0px;
	}

.calendarRow {
	padding: 0;
	margin: 0;
}

.calendar {
	padding: 15px;
	margin: 0px;
	background-color: #00aca0;
}

@media screen and (max-width:1023px) {
	.calendar {
		margin: 20px auto;
		width: 100% !important;
	}
}

.mycalendar {
	float: right;
}

	.mycalendar a {
		background-color: #00aaa1;
		color: #fff;
		padding: 5px 10px;
		margin: 15px 15px 0px 0px;
	}

		.mycalendar a:hover {
			text-decoration: none;
			color: #fff;
		}

.calendar-icon {
	float: right;
	margin-top: 0;
}

.fa-calendar-alt {
	color: #fff;
	text-align: right;
	font-size: 5rem;
	margin: 10px;
}

.boxes .row {
	width: 100%;
	padding: 0;
}

.boxes a {
	color: #fff;
	font-size: 24px;
	padding: 20px 15px;
	float: left;
	width: 100%;
}

	.boxes a:hover {
		color: #000;
		text-decoration: none;
	}

.boxes .box-activity, .boxes .box-project, .boxes .box-contact, .boxes .box-report {
	height: auto;
	overflow: hidden;
}

.box-report .box-content {
	background-color: #fff;
}

.box-in img {
	float: right;
}

@media only screen and (max-width: 992px) {
	.boxes .box-activity, .boxes .box-project, .boxes .box-contact, .boxes .box-report {
		margin-bottom: 10px;
	}
}

.calendar-potential-budget .row {
	padding: 0;
}

.calendar-potential-budget .col-md-5, .calendar-potential-budget .col-md-4, .calendar-potential-budget .col-md-3 {
	margin: 10px 0;
}

.calendar-card .awe-content .awe-tablc {
	padding: 0;
	margin: 0;
}

.calendar-card {
	width: 25%;
	float: left;
	margin: 1% 1% 1% 0 !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	max-height: 340px;
	overflow: scroll;
	background: #fff;
}

@media screen and (max-width:1260px) {
	.calendar-card {
		width: 100%;
		float: left;
		margin: 1% 1% 1% 0 !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
		max-height: auto;
		overflow: visible;
	}
}

.calendar-card table {
	background-color: #00aca0;
}

.calendar-card .awe-tablc {
	margin: 1px !important;
	color: #333;
	overflow-y: auto !important;
}


.calendar-card .awe-row td, .calendar-card .awe-ltr .awe-row td, .calendar-card .awe-ltr .awe-col {
	border: none !important;
	text-align: center;
	color: #333;
	padding: 0;
}

.calendar-card .awe-row td {
	font-size: 12px;
	margin-bottom: 2px;
}

.calendar-card span .day {
}

.calendar-card .awe-ltr .awe-col {
	padding-top: 0.8em !important;
	padding-bottom: 10px !important;
}

.calendar-card .awe-col {
}

.calendar-card .awe-ltr .awe-hrow td {
	border: none !important;
}

.calendar-card .awe-header {
	padding-right: 0 !important;
}

.calendar-card .awe-hcon {
	margin: 0px !important;
	background-color: #00aca0;
}

	.calendar-card .awe-hcon table {
		margin-right: 0 !important;
		width: 100%;
		background-color: #00aca0;
		text-align: center;
	}

		.calendar-card .awe-hcon table .awe-col {
			color: #333;
			font-size: 14px;
		}

.schedBar {
	background: #fafafa;
	border-bottom: 1px solid gainsboro;
	padding: 0 .3em .3em;
	overflow: hidden;
}

.calendar-card span {
	margin: 3px;
	/*margin: 3px;*/
	padding: 1px;
	padding: 1px;
}

.calendar-card .schedBar {
	background-color: #00aca0;
	color: #fff;
}

.calendar-card .awe-mcontent .awe-gfc {
	display: none !important;
}

.calendar-card a {
	background-color: transparent;
	padding: 0;
	font-size: 12px;
	font-weight: 600;
	color: #ffffff;
	margin: 2px;
	background: #333;
	display: block;
}

.calendar-card h3 {
	font-size: 20px;
	color: #333;
	border-bottom: 1px solid #d9d9d9;
	padding-bottom: 12px;
	margin: 20px 20px 12px 20px;
	text-shadow: none !important;
}


.calendar-card a:hover {
	font-size: 12px;
	color: #fff;
	background: #939;
	text-decoration: none;
}

.calendar-card .awe-grid table {
	table-layout: fixed;
	width: 100% !important;
	border-collapse: collapse;
}

#MeetingCalendar {
	background-color: #00aca0;
	border: none;
	border: 1px solid #CCC;
}

.meetings .schedBar {
	position: absolute;
	z-index: 1;
	background: none;
	border: 0;
}

.clients-potential {
	background-color: #00726d;
	color: #fff;
	padding: 5px 0;
	margin-right: 10px;
}

	.clients-potential h4 {
		margin: 5px;
		padding-bottom: 5px;
		border-bottom: 3px solid #fff;
	}

	.clients-potential .row {
		width: 100%;
		margin: 0px;
	}

	.clients-potential .col-xs-4 {
		padding: 0;
		margin: 0;
	}

	.clients-potential h5 {
		margin: 10px;
	}

.potential-content {
	background-color: #fff;
	color: #000;
	padding: 3px;
	margin: 10px;
}

.fa-caret-right {
	color: #9d05b9;
}

.company-name {
	margin: 0;
	padding: 0 !important;
}

.inline-content {
	width: 100%;
	height: auto;
	display: flex;
	border-top: 2px solid #b2b2b2;
}

	.inline-content a {
		width: 25%;
		margin: 5px;
		padding: 0;
	}

	.inline-content p {
		width: 75%;
		margin: 5px;
	}

.activities-link a {
	color: #fff;
	font-size: 12px;
	float: right;
	text-decoration: underline;
	margin-top: 0;
	padding-top: 0;
	background-color: #00726d;
	text-align: right;
}

	.activities-link a:hover {
		color: #9543ff;
	}

.calendar-potential-budget .col-md-3 {
	margin-left: 0px;
}

.budget-content {
	margin: 0 !important;
	padding: 0 !important;
}

.budget-forecast {
}



	.budget-forecast .row {
		background-color: #fff;
		padding: 0;
		margin: 0;
	}

.budget {
}

	.budget h5 {
		color: #b2b2b2;
		margin-left: 5px;
	}

	.budget h2 {
		color: #000;
		margin-top: 0;
		margin-left: 5px;
	}

.budget-content {
	margin: 0px;
	padding: 0px;
}

.balance {
	background-color: #999;
	color: #fff;
	padding: 2px 0px;
}

	.balance h2 {
		color: #fff;
		margin-top: 0;
		margin-left: 5px;
	}

	.balance h5 {
		margin-left: 5px;
	}

.gridSum {
	font-style: italic;
}

.btn-default.active {
	background: #00b7ba;
	color: #fff;
}

.create {
	height: 40px;
}

.o-itm.focus {
	background-color: #ad34ad !important;
}

button.delbtn {
	margin-top: 0px !important;
	margin-left: 0px !important;
}

button.editbtn {
	margin-right: 1px !important;
}

/*Font Awesome*/
/*bts*/
.awe-btn, .awe-il, .awe-ce-ico, .awe-loading, .awe-loading span,
.awe-grid .awe-pager, .awe-grid .awe-relbox,
.awe-groupbar .awe-col,
.awe-sord, .awe-rem, .awe-reload-ico, .awe-field {
	display: inline-block;
	zoom: 1;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	vertical-align: middle;
	position: relative;
	margin: 3px;
}

.awe-timepicker-field select {
	width: auto;
}

.awe-ajaxdropdown-field select.awe-display {
	padding: .3em .75em;
	border-radius: .25em;
	border: 1px solid #ced4da;
	height: 2.4em;
	padding: .375em .75em;
}

.awe-multilookup-field {
	padding-right: calc(2.5em - 1px);
}

.awe-multilookup-field, .awe-lookup-field, .awe-datepicker-field {
	min-width: 13em;
	line-height: normal;
}

.awe-inl {
	padding-right: 0;
}

.awe-display {
	width: 100%;
}

	.awe-display .awe-label {
		font-weight: normal;
	}

.awe-chk-field .awe-display {
	width: auto;
	margin: 0;
}

.awe-display input[type="radio"], .awe-display input[type="checkbox"] {
	margin: 0;
	margin-right: 3px;
	vertical-align: middle;
	margin-bottom: 1px;
	margin-left: 3px;
}

.awe-caption {
	padding: 0.2em 0.7em;
}

.awe-multilookup-field .awe-display, .awe-lookup-field .awe-display, .awe-datepicker-field .awe-display {
	vertical-align: middle;
	background: #fff;
	border-radius: .25em 0 0 .25em;
	color: #495057;
	min-height: 2.4em;
}

.awe-lookup-field .awe-display, .awe-datepicker-field .awe-display {
	box-sizing: border-box;
	list-style: none;
	margin: 0;
	width: 100%;
	overflow: hidden;
	margin: 0;
	font-size: inherit;
}

.awe-datepicker-field input[type="text"].awe-display, input[type="text"].awe-txt.awe-hasSpinners {
	border-radius: .25em 0 0 .25em;
	padding-right: 2.7em;
}

.awe-datepicker-field input::-ms-clear {
	display: none;
}

.awe-lookup-field .awe-display {
	border: 1px solid gainsboro;
	display: flex;
	align-items: center;
}

.awe-multilookup-field .awe-display {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	list-style: none;
	margin: 0;
	padding: 0;
	border: solid 1px gainsboro;
	/*display: flex;*/
	flex-flow: column;
	justify-content: center;
	padding: .2em 0;
}

	.awe-multilookup-field .awe-display li {
		padding: 0.2em 0.7em;
		line-height: 1.2em;
	}

.awe-ajaxradiolist-field input, .awe-ajaxradiolist-field label, .awe-ajaxcheckboxlist-field label, .awe-ajaxcheckboxlist-field input {
	cursor: pointer;
}

.awe-ajaxradiolist-field ul, .awe-ajaxcheckboxlist-field ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

/* ajaxlist */

table.awe-ajaxlist {
	border-spacing: 0;
	border-collapse: separate;
	table-layout: fixed;
}

	table.awe-ajaxlist th:first-child {
		border-radius: .25em 0 0 0;
	}

	table.awe-ajaxlist th:last-child {
		border-radius: 0 .25em 0 0;
	}

	table.awe-ajaxlist tr:last-child td:last-child {
		border-radius: 0 0 .25em 0;
	}

	table.awe-ajaxlist tr:last-child td:first-child {
		border-radius: 0 0 0 .25em;
	}

.awe-ajaxlist {
	border: 1px solid gainsboro;
	padding: 0;
	width: 100%;
	*width: 99%;
	border-radius: .25em;
}

	.awe-ajaxlist.awe-lookup-list {
		border: none;
	}

	.awe-ajaxlist li.awe-li {
		overflow: hidden;
		padding: 5px;
	}

li.awe-li.awe-morecont, tr.awe-li.awe-morecont {
	padding: 1px;
	background: #fff;
	border-radius: .25em;
}

.awe-ajaxlist th, .awe-ajaxlist td, .awe-list td, .awe-list th {
	padding: 7px 10px;
	overflow: hidden;
	text-overflow: ellipsis;
}

.awe-morecont td {
	padding: 2px;
}

.awe-ajaxlist th, .awe-ajaxlist td {
	border-bottom: 1px solid #eee;
}

.awe-ajaxlist thead, .awe-list thead {
	color: #555;
	background-color: #fafafa;
}

.awe-list table {
	width: 100%;
	border-collapse: collapse;
	table-layout: fixed;
}

.awe-list ul, .awe-ajaxlist {
	padding: 0;
	margin: 0;
	list-style: none;
}

.awe-srlcont, .awe-selcont {
	margin-top: .5em;
}

tr.awe-li {
	border-top: 1px solid gainsboro;
}

.awe-li:not(.awe-morecont) {
	border-bottom: 1px solid #e5e5e5;
	line-height: 2em;
	background-color: #fff;
	color: #495057;
	margin: 1px;
	vertical-align: middle !important;
}

/* lookup multilookup */

.awe-multilookup-popup .awe-list, .awe-lookup-popup .awe-list {
	border-radius: .25em;
	border: gainsboro solid 1px;
	overflow-y: scroll !important;
}

.awe-lookup-popup .awe-li, .awe-multilookup-popup .awe-li {
	padding: 5px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}

.awe-multilookup-popup .awe-ajaxlist li.awe-li, .awe-drag.awe-li {
	padding: 3px 5px;
}

tr.awe-drag td {
	padding-right: 10px;
}

.awe-selectable li.awe-li:not(.awe-morecont):hover {
	outline: 1px solid gold;
}

.awe-selectable tr.awe-li:not(.awe-morecont):hover {
	outline: 1px solid gold;
	outline-offset: -1px;
}

/* buttons */

.awe-btn, .awe-morebtn, .awe-spincont {
	padding: .45em .9em;
	text-align: center;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	margin: 0;
	font: inherit;
	cursor: pointer;
	border: 1px solid #007bff;
	color: #fff;
	background-color: #007bff;
	border-radius: .25em;
	transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
	padding: .47em .75em;
}

	.awe-btn::-moz-focus-inner {
		border: 0;
		padding: 0;
	}

	.awe-btn:hover, .awe-morebtn:hover {
		background-color: #0069d9;
		border-color: #0062cc;
	}

	.awe-btn:focus:not(.awe-focus) {
		box-shadow: 0 0 0 0.2em rgba(0, 123, 255, .5);
	}


	.awe-btn:active, .awe-morebtn:active {
		background-color: #0062cc;
		border-color: #005cbf;
	}

	.awe-btn.awe-selected.awe-spinbtn {
		box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.25), 0 1px 0 white;
	}

	.awe-btn.awe-disabled,
	.awe-btn[disabled],
	.awe-disabled .awe-btn,
	.awe-disabled .awe-btn.awe-spinbtn {
		box-shadow: none;
		background: #7fbdff;
		border-color: gainsboro;
		color: #eee;
		cursor: default;
		text-shadow: none;
	}

.awe-disabled .awe-clearbtn[disabled] {
	border: none;
	background: transparent;
}

.awe-disabled .awe-caption, .awe-disabled .awe-display, .awe-disabled .o-cbxbtn .o-caret {
	color: gray;
}

.awe-btn[disabled] .awe-icon {
	opacity: .5;
}

.awe-disabled .o-btn.awe-btn {
	color: #f5f5f5;
}

	.awe-disabled .o-btn.awe-btn:not(.o-cbxbtn) {
		background: #7fbdff;
		border-color: gainsboro;
	}

.awe-morebtn {
	text-align: center;
	padding: 7px 9px;
	margin: 3px;
	border-radius: .25em;
}

.awe-openbtn, .awe-dpbtn, .awe-clearbtn {
	border-radius: 0 .25em .25em 0;
	padding: 0;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	width: 2.5em;
	max-height: 2.4em;
}

.awe-clearbtn {
	display: none;
	border: none;
	background: none;
	right: 2.5em;
	opacity: 0.5;
	width: 1.8em;
}

.awe-hasval .awe-clearbtn {
	display: inherit;
}

.awe-inl .awe-clearbtn {
	right: 0;
}

.awe-clearbtn:hover {
	background: none;
}

.awe-clearbtn:active {
	box-shadow: none;
}

.awe-clearbtn:focus {
	outline: thin dotted gray;
	outline-offset: -3px;
}

.awe-movebtn {
	padding: 0;
	margin: 1px 5px;
	vertical-align: middle;
	height: 30px;
	width: 36px;
	position: relative;
}

/* icons */

.awe-icon {
	display: block;
	height: 18px;
	width: 19px;
	overflow: hidden;
	background-repeat: no-repeat;
	background-image: url(awe_icons.png);
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -9.5px;
	margin-top: -9px;
}

.awe-icon-datepicker {
	background-position: -8px -50px;
}

.awe-icon-x {
	background-position: -35px -28px;
}

.awe-icon-win {
	background-position: -9px -28px;
}

.awe-movebtn .awe-icon {
	background-position: -8px -5px;
}

.awe-sel .awe-movebtn .awe-icon {
	background-position: -35px -5px;
}

/* pager */

.awe-pager .awe-btn {
	height: inherit;
	padding: 7px 12px;
	text-decoration: none;
	margin-right: 0.2em;
}

/* grid */

.awe-grid {
	border: 1px solid gainsboro;
	border-radius: 2px;
	background: #fafafa;
	color: #495057;
	transform: translate(0, 0);
}

.awe-mcontent {
	position: relative;
}

.awe-tablc {
	background: #fafafa;
}

.awe-gfc {
	display: none;
}

	.awe-gfc .awe-tablc {
		overflow-x: scroll;
	}

.awe-tablw {
	position: relative;
}

.awe-hcon {
	overflow: hidden;
}

.awe-tablc {
	overflow-x: auto;
}

.awe-grid table {
	table-layout: fixed;
	width: 99.99%;
	border-collapse: collapse;
}

.awe-resh {
	position: absolute;
	background-color: transparent;
	width: 10px;
	height: 10px;
	cursor: col-resize;
	z-index: 11001;
}

.awe-reh {
	position: absolute;
	width: 10px;
	z-index: 11001;
	color: #495057;
}

	.awe-reh .awe-spindown-ico {
		top: -5px;
	}

	.awe-reh .awe-spinup-ico {
		top: auto;
		bottom: -5px;
	}

.awe-drag {
	position: absolute;
	border-radius: .25em;
	z-index: 11002 !important;
	list-style: none;
	opacity: 0.97;
	cursor: default;
}

	.awe-drag.awe-li, .awe-drag.awe-dcol {
		border: 1px solid gainsboro;
		background: #fafafa;
	}

.awe-grid .awe-groupbar {
	box-sizing: border-box;
	border-bottom: 1px solid gainsboro;
	color: #777;
	line-height: 2.5em;
	padding: 5px 10px;
}

.awe-nest {
	background: #fafafa;
}

.awe-nestcell {
	padding: 0;
	background: #fff;
}

	.awe-nestcell > .awe-ldgcnt .awe-loading {
		position: static;
		padding: .5em;
	}

.awe-row, .awe-ghead, .awe-gfoot, .awe-hrow {
	line-height: 1.7em;
}

.awe-row, .awe-ghead, .awe-gfoot {
	background: #fff;
}

	.awe-row td, .awe-ghead td, .awe-gfoot td, .awe-nest td {
		border-bottom: 1px #eaeaea solid;
	}

.awe-hrow td {
	padding: 0;
}

.awe-hgc {
	border-bottom: 1px solid gainsboro;
}

.awe-ghead td, .awe-row td, .awe-gfoot td {
	padding: 0.4em 0.7em;
}

.awe-hrow td, .awe-row td, .awe-gfoot td {
	overflow: hidden;
	text-overflow: ellipsis;
}

.awe-row.awe-alt, .awe-li:nth-child(even):not(.awe-morecont) {
	background: #fafafa;
}

.awe-grid .awe-footer {
	border-top: 1px solid #ccc;
	padding: 0 0.3em;
	line-height: 2.2em;
	overflow: auto;
}

.awe-relbox {
	width: 5em;
}

	.awe-relbox .awe-ldgcnt {
		margin: 0 7px;
	}

.awe-grid .awe-pager, .awe-grid .awe-relbox {
	vertical-align: middle;
}

.awe-reload {
	margin-right: 0.1em;
}

.awe-grid .awe-footer .awe-btn {
	line-height: 2.2em;
	text-decoration: none;
	padding: 0 .7em;
	min-width: 2.5em;
	margin-bottom: .2em;
	margin-top: .2em;
	height: 2.3em;
}

.awe-idn {
	width: 16px;
}

@media(max-width: 1000px) {
	.awe-grid .awe-footer .awe-btn {
		min-width: 2.2em;
	}
}

.awe-header {
	border-bottom: 1px solid gainsboro;
}

	.awe-header td, .awe-header, .awe-hrow .awe-idn, .awe-drag.awe-dcol {
		background-image: linear-gradient(to bottom, #FCFCFC 0, #f8f8f8 100%);
		text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
		background-color: #f8f8f8;
		color: #333;
		-moz-user-select: -moz-none;
		-webkit-user-select: none;
		user-select: none;
	}

.awe-col {
	padding: 0.3em;
	color: #333;
	line-height: 26px;
	font-weight: 600;
}

.awe-groupbar .awe-col {
	margin-right: 2px;
	border-radius: 2px;
	padding: 1px 3px 3px 5px;
	border: 1px solid #ccc;
	user-select: none;
}

.awe-remb {
	padding: 0 5px 0 7px;
	cursor: pointer;
}

.awe-sortable, .awe-groupable {
	cursor: pointer;
}

.awe-sord, .awe-rem, .awe-reload-ico {
	width: 16px;
	height: 16px;
	vertical-align: middle;
}

.awe-desc .awe-sord, .awe-asc .awe-sord, .awe-rem, .awe-reload-ico {
	background-image: url('awe_icons2.png');
	cursor: pointer;
}

.awe-cbc {
	position: relative;
	display: inline-block;
	height: 20px;
	width: 20px;
	vertical-align: middle;
}

.awe-ce-ico, .o-caret {
	width: 0;
	height: 0;
	margin-left: -5px;
	vertical-align: middle;
	border-top: 7px solid;
	border-right: 5px solid rgba(0, 0, 0, 0);
	border-left: 5px solid rgba(0, 0, 0, 0);
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -5px;
	color: #6b7069;
	border-radius: 2px;
}

td.awe-lf {
	padding-left: .97em;
}

.awe-ceb {
	cursor: pointer;
}

.awe-collapsed .awe-ce-ico {
	/* background-position: -1px 19px; */
	transform: rotate(-90deg);
}

.awe-reload-ico {
	width: 11px;
	background-position: -12px 23px;
}

.awe-rem {
	background-position: -37px -30px;
}

.awe-asc .awe-sord {
	background-position: -37px -76px;
}

.awe-desc .awe-sord {
	background-position: -37px -52px;
}

.awe-selectable.awe-row:hover {
	outline: 1px solid gold;
	outline-offset: -1px;
}

/* misc */

.awe-searchtxt {
	margin-right: 2px !important;
}

.awe-lookup-popup .awe-li.awe-selected, .awe-row.awe-selected {
	background-color: #fff0bf;
}

.awe-highlight {
	background-color: #f7faf9 !important;
	color: gray !important;
}

.awe-ts {
	transition: all .5s ease-in-out;
}

.awe-hl {
	background: #f8da4e !important;
	color: #915608;
}

.awe-changing, .awe-changing.awe-display {
	animation: awe-hanim 1s cubic-bezier(.55,0,.46,1);
}

@keyframes awe-hanim {
	0%, 1% {
		background: #f8da4e;
		color: #915608;
	}
}

.awe-ldgcnt {
	position: relative;
}

.awe-loading {
	position: absolute;
	z-index: 1;
}

	.awe-loading span {
		background-image: url('loading.gif');
		width: 16px;
		height: 11px;
		margin: 0;
		padding: 0;
		background-repeat: no-repeat;
	}

.awe-field .awe-loading, .awe-list .awe-loading {
	margin-left: 10px;
}

.awe-loadcont {
	list-style: none;
}

.awe-load {
	color: #ccc;
}

.awe-morecont .awe-loading {
	position: static;
	height: 3em;
}

/* textbox */

.awe-txt-field.awe-field {
	min-width: 13em;
}

input.awe-display.awe-txt {
	width: 100%;
}

input[type="text"].awe-txt, .awe-searchtxt {
	font: inherit;
	border-radius: .25em;
	margin: 0;
	color: #495057;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
	height: inherit;
	box-sizing: border-box;
	padding: .375em .75em;
	height: 2.4em;
	color: #333;
	border: 1px solid #ced4da;
	border-top-color: #B5B5B5;
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

	.awe-disabled input[type="text"].awe-txt,
	input[type="text"].awe-txt.awe-disabled,
	.awe-disabled .o-mltic {
		background: #f5f5f5;
		color: gray;
	}

.awe-disabled div, .awe-disabled label, .awe-disabled input {
	cursor: default;
}

input[type="text"].awe-txt:focus, .awe-searchtxt:focus {
	box-shadow: 0 0 0 0.2em rgba(0, 123, 255, .25);
	border-color: #80bdff;
}

.awe-spincont {
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	width: 2.5em;
	border-radius: 0 .25em .25em 0;
	padding: 0;
	box-sizing: border-box;
	border: 1px solid gainsboro;
	border-top-color: #B5B5B5;
}

.awe-btn.awe-spinbtn {
	width: 100%;
	height: 50%;
	border-radius: 0 .25em 0 0;
	display: block;
	border: none;
	outline: none;
	background: none;
}

.awe-spindown.awe-spinbtn {
	border-radius: 0 0 .25em 0;
}

.awe-spinup-ico {
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: -4px;
	vertical-align: middle;
	border-bottom: 4px solid;
	border-right: 4px solid gray;
	border-right: 4px solid rgba(0, 0, 0, 0);
	border-left: 4px solid gray;
	border-left: 4px solid rgba(0, 0, 0, 0);
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -2px;
}

.awe-spindown-ico {
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: -4px;
	vertical-align: middle;
	border-top: 4px solid;
	border-right: 4px solid #000;
	border-right: 4px solid rgba(0, 0, 0, 0);
	border-left: 4px solid #000;
	border-left: 4px solid rgba(0, 0, 0, 0);
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -2px;
}

/* tabs */

.awe-tab-btn {
	background-color: #f7f7f7;
	border: 1px solid gainsboro;
	padding: .45em .75em;
	border-bottom: none;
	border-radius: .5em .5em 0 0;
	cursor: pointer;
}

	.awe-tab-btn.awe-active {
		background: #fff;
		border: 1px solid #DCDCDC;
		margin-bottom: -2px;
		border-bottom: 1px solid #FFF;
	}

	.awe-tab-btn:focus {
		outline: thin dotted;
		outline-offset: -3px;
	}

.awe-tabscontent {
	overflow: auto;
	border: 1px solid gainsboro;
}

/* end tabs */

/* rtl */

.awe-rtl .awe-collapsed .awe-ce-ico {
	transform: rotate(90deg);
}

.awe-rtl.awe-multilookup-field, .awe-rtl.awe-lookup-field {
	padding-right: inherit;
	padding-left: calc(2.5em - 1px);
}

	.awe-rtl.awe-multilookup-field .awe-display, .awe-rtl.awe-lookup-field .awe-display, .awe-rtl.awe-datepicker-field .awe-display {
		border-radius: 0 .25em .25em 0;
	}

.awe-rtl .awe-openbtn, .awe-rtl .awe-dpbtn, .awe-rtl .awe-clearbtn {
	left: 0;
	right: auto;
}

.awe-rtl .awe-openbtn, .awe-rtl .awe-dpbtn {
	border-radius: .25em 0 0 .25em;
}

.awe-rtl.awe-datepicker-field input[type="text"].awe-display, .awe-rtl input[type="text"].awe-txt.awe-hasSpinners {
	border-radius: 0 .25em .25em 0;
	padding-left: 2.7em;
	padding-right: .75em;
}

.awe-rtl .awe-spincont {
	left: 0;
	right: auto;
	border-radius: .25em 0 0 .25em;
}

.awe-rtl .awe-clearbtn {
	right: auto;
	left: 2.5em;
}

.awe-rtl .awe-spinbtn {
	border-radius: .25em 0 0 0;
}

.awe-rtl .awe-spindown.awe-spinbtn {
	border-radius: 0 0 0 .25em;
}

.awe-rtl input.awe-txt.awe-hasSpinners {
	padding-right: 8px;
	padding-left: 2em;
}

/* grid rtl ltr*/

.awe-rtl .awe-relbox .awe-loading {
	right: 0;
}

.awe-rtl .awe-relbox .awe-ldgcnt {
	margin: 0 9px;
}

.awe-ltr .awe-hrow td, .awe-ltr .awe-row td, .awe-ltr .awe-gfoot td, .awe-ltr .awe-ghead td {
	border-right: 1px solid gainsboro;
}

.awe-rtl .awe-hrow td, .awe-rtl .awe-row td, .awe-rtl .awe-gfoot td, .awe-rtl .awe-ghead td {
	border-left: 1px solid gainsboro;
}

.awe-ltr.awe-nh .awe-hrow td:last-child, .awe-ltr.awe-nh .awe-row td:last-child, .awe-ltr.awe-nh .awe-gfoot td:last-child, .awe-ltr.awe-nh .awe-ghead td:last-child {
	border-right: none;
}

.awe-rtl.awe-nh .awe-hrow td:last-child, .awe-rtl.awe-nh .awe-row td:last-child, .awe-rtl.awe-nh .awe-gfoot td:last-child, .awe-rtl.awe-nh .awe-ghead td:last-child {
	border-left: none;
}

.awe-ltr .awe-hrow td {
	text-align: left;
}

.awe-rtl .awe-hrow td {
	text-align: right;
}

.awe-ltr .awe-idn {
	border-right: none !important;
}

.awe-rtl .awe-idn {
	border-left: none !important;
}

.awe-rtl .awe-col {
	padding-right: 0.7em;
}

.awe-ltr .awe-col {
	padding-left: 0.7em;
}

.awe-rtl td.awe-lf {
	padding-right: .97em;
}

.o-pad {
	padding: .1em .5em;
}

/*odropdown*/

.o-field .awe-loading {
	position: absolute;
	z-index: 1;
	margin: 4px 0 0 10px;
}

.awe-rtl .o-field .awe-ldgcnt {
	position: absolute;
	right: 10px;
}

.o-menu [type=radio], .o-dd [type=checkbox] {
	display: none;
}

.o-dd {
	cursor: pointer;
	position: relative;
	min-width: 12em;
	line-height: normal;
}

.o-caret {
	margin-left: -4px;
	border-top: 4px solid;
	border-right: 4px solid rgba(0, 0, 0, 0);
	border-left: 4px solid rgba(0, 0, 0, 0);
	margin-top: -2px;
	color: inherit;
}

.o-o {
	display: inline-block;
	width: 0;
	height: 0;
	vertical-align: middle;
	top: 50%;
	left: 50%;
	border-radius: .25em;
	border: 1px solid #7b7b7b;
	margin: -2px 1px 0 1px;
}

.o-cls {
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
	color: #000;
	opacity: 0.5;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}

	.o-cls:hover {
		opacity: 1;
	}

.o-menu {
	display: none;
	position: absolute;
	z-index: 1000;
	border-radius: .25em;
	-webkit-background-clip: padding-box;
	padding: 6px 0;
	list-style: none;
	box-sizing: border-box;
	outline: none;
	top: 0;
	border: 1px solid rgba(100, 100, 100, 0.4);
	background: rgba(255, 255, 255, 0.98);
}

	.o-menu .o-itsc {
		overflow-x: hidden;
	}

	.o-menu .o-mnits {
		width: 100%;
		list-style: none;
		margin: 0;
		padding: 0;
		outline: none;
	}

	.o-menu.open {
		display: block;
	}

.o-itm {
	padding: 0 27px;
	cursor: pointer;
	position: relative;
	line-height: 3em;
}

.o-mobl .o-itm {
	padding: 4.5px 27px;
}

.o-itm.focus {
	background-color: #007bff;
	color: #fff;
}

.o-itm.selected {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAKCAYAAACwoK7bAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9sLHAoAB0rBjw8AAAEZSURBVCjPrZK9SsRQEEbPTVLI5gl2U9sIgmQSEEUIWGmfwkbBRrRXfAEVLOxsLCxsBcHHMCSsEIjN1hutJCIYg+TaRFllwQiZcr5vDvOn6DA8z9vUWp8qpfY7g4rIoYho13WvAIwOmEpEjoETICvLcg/A6gB6DuwCb3Vdh1mWvbYGi8g8QJIk6UTaEJFLYAtAKbUzHA6zL9H8CxoEwUxVVTdaa7ff73/kef4QhqHZ6/WugY0GehHH8dGPUdp07Pv+Ql3XUdPIGTAHrDfyfVEUi6PR6H2yxmwDHo/Hj4PB4AVYA5aA2UYqLMtaSdP0+XeN2fZKeZ7fOY5jA8vfSzaM1SiKsmn+f71bHMcHwC3wpLXetm07AvQ07yddElvdEn1epgAAAABJRU5ErkJggg==) no-repeat left center rgba(0, 0, 0, 0);
}

	.o-itm.selected.focus {
		background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAKCAYAAACwoK7bAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9sLHAoBFjlqnrwAAACUSURBVCjPrdMhCgJREAbgXRU0eARPICyYPYZ9BU9g9QQG7YJNzAoW72Db5B2MJoMgn8EHLiuG1ffH4fHBzJtJkojBGBfkMdGZV7axwBTzgJ7RjYWuAnpDvy6QIavUGth4J6+LdnDCDqNQa2JfQte/tjzAHQ8scSyhBdr/zHPqM1f0YnzWogIPkcZar0M4ggla3949AREf0AnV0H4LAAAAAElFTkSuQmCC) no-repeat left center #007bff;
	}

.o-itm .awe-idn {
	display: inline-block;
}

.o-itmg {
	font-weight: bold;
}

.o-itm .awe-cbc {
	width: 2em;
	height: 2em;
}

.o-itm.focus .awe-ce-ico {
	color: #fff;
}


.o-btn,
.o-btng .awe-btn {
	background-color: #6c757d;
	border-color: #6c757d;
	outline: none;
}


	.o-btn:hover,
	.o-btng .awe-btn:hover {
		background-color: #5a6268;
		border-color: #545b62;
	}


	.awe-btn.o-btn:focus:not(.awe-focus),
	.o-btng .awe-btn:focus,
	.awe-footer .awe-btn:focus {
		box-shadow: 0 0 0 0.2em rgba(108,117,125,.5);
	}


	.o-btn:active,
	.o-btng .awe-btn:active, .o-btng .awe-btn.awe-selected {
		background-color: #545b62;
		border-color: #4e555b;
	}

.o-ddbtn {
	cursor: pointer;
	/*padding: 0 !important;*/
	text-align: left;
	width: 100%;
	font: inherit;
	line-height: inherit !important;
	vertical-align: middle;
	padding: .375em .75em;
	height: 2.4em;
}

	.o-ddbtn .o-cptn {
		overflow: hidden;
		text-overflow: ellipsis;
		display: block;
		white-space: nowrap;
		padding-right: 1.75em;
	}


	.o-ddbtn.awe-focus {
		outline: auto;
		outline-color: rgb(77, 144, 254);
		outline-offset: -2px;
		outline-style: auto;
		outline-width: 1px;
	}


.awe-rtl .o-cptn {
	padding-right: 0;
	padding-left: 1.75em;
	text-align: right;
}

.o-slbtn {
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	width: 2.5em;
	text-align: center;
}

.awe-rtl .o-slbtn {
	right: auto;
	left: 0;
}

.o-srcc {
	position: relative;
	padding: 5px;
}

	.o-srcc .awe-loading {
		top: 8px;
		right: 20px;
		display: none;
	}

.o-disp .awe-loading {
	right: 30px;
	display: none;
}

.o-mltsl .o-disp .awe-loading {
	right: 10px;
	top: 3px;
}

.o-ldng .awe-loading {
	display: block;
}

input[type="text"].o-src {
	width: 100%;
	cursor: auto !important;
	box-sizing: border-box;
}

.o-empt {
	text-align: center;
	color: #ccc;
}

.o-info {
	text-align: center;
	color: #aaa;
	font-size: 0.8em;
	padding: 0.5em 1em;
}

/*button group*/

.o-btng {
	display: inline;
	display: inline-block;
}

	.o-btng .awe-btn {
		border-radius: 0;
		padding: 7px;
		font-size: .9em;
	}

		.o-btng .awe-btn.awe-selected {
			color: #fff;
		}

		.o-btng .awe-btn:first-of-type, .awe-rtl .o-btng .awe-btn:last-of-type {
			border-radius: .25em 0 0 .25em;
		}

		.o-btng .awe-btn:last-of-type, .awe-rtl .o-btng .awe-btn:first-of-type {
			border-radius: 0 .25em .25em 0;
		}

/*multiselect*/

.o-mlti {
	border-radius: .25em;
	margin-right: 2px;
	padding: 2px 27px 2px 7px;
	line-height: 1.5em;
}

.awe-rtl .o-mlti {
	margin-right: 0;
	margin-left: 2px;
}

.o-mltic input.o-src {
	border: none;
	width: 0;
	padding: 0;
	outline: none;
	box-shadow: none !important;
}

.o-mltic {
	background: #fff;
	cursor: text;
	border: 1px solid gainsboro;
	padding: 0.1em 0.3em;
	border-radius: .25em;
	line-height: 2.1em;
}

.o-mltrem {
	cursor: pointer;
	padding: 2px 8px;
	position: absolute;
	top: 0;
	right: 0;
}

.o-mltic .o-cptn {
	color: rgb(159, 170, 175);
	padding: 0 5px;
}

/*color dropdown*/

.o-clitm {
	width: 100%;
	display: block;
	border-radius: .25em;
}

.o-cldd .o-cptn {
	display: block;
}

.o-cldd .o-color {
	border-radius: .25em;
}

.o-clmenu .o-itm {
	padding: 2px 27px;
	line-height: 2.2em;
}

/*img dropdown*/

.o-igdd .o-cptn img {
	width: 23px;
	margin-right: .5em;
	vertical-align: middle;
}

.o-igmenu .o-itm {
	min-width: 180px;
}

.o-igit img {
	vertical-align: middle;
	margin-right: .5em;
}

/* combobox */

.o-cbxbtn.awe-btn {
	position: absolute;
	top: 0;
	right: 0;
	width: 2.5em;
	height: 100%;
	border-radius: 0 .25em .25em 0;
	text-align: center;
	border: none;
	background: none;
	outline: none;
}

.awe-rtl .o-cbxbtn {
	right: auto;
	left: 0;
	border-radius: .25em 0 0 .25em;
}

.o-cbxbtn .o-slbtn {
	position: inherit;
	color: #333;
}

input.o-cbxt[type="text"] {
	margin: 0;
	border-radius: .25em;
	font-size: inherit;
	padding-right: 2.5em;
}

	input.o-cbxt[type="text"]::-ms-clear {
		display: none;
	}

.awe-rtl input.o-cbxt[type="text"] {
	padding-right: .75em;
	padding-left: 2.5em;
}

/* dropdown popup */

.o-pmodal {
	position: fixed;
	background: #000;
	top: 0;
	opacity: 0.5;
	height: 100%;
	width: 100%;
}

.o-pwrap {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

.o-phdr {
	position: relative;
	padding: .7em 1em;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	padding: 1em;
	border-bottom: 1px solid #e9ecef;
}

.o-ptitl {
	line-height: 1.43;
	font-size: 1.25em;
	line-height: 1.5;
}

.o-phdr .o-cls {
	font-size: 21px;
	padding: .7em 1em;
	font-size: 1.4em;
	text-shadow: 0 1px 0 #fff;
	font-weight: 700;
}

.o-pc {
	padding: .7em;
	position: relative;
	padding-bottom: .5em;
	overflow: auto;
	min-height: 35px;
	min-width: 250px;
	box-sizing: border-box;
}

.o-fpp {
	padding: 1em;
}

.o-pmc {
	position: absolute;
	z-index: 1;
	-webkit-background-clip: padding-box;
	min-height: 50px;
	outline: none;
	box-sizing: border-box;
	border-radius: .25em;
	border: 1px solid rgba(0,0,0,.2);
	background: #fff;
	border-radius: .3em;
}

	.o-pmc .awe-li {
		-webkit-user-select: none; /* Chrome/Safari */
		-moz-user-select: none; /* Firefox */
		-ms-user-select: none;
	}

	.o-pmc .awe-multilookup-popup .awe-searchtxt, .o-pmc .awe-lookup-popup .awe-searchtxt {
		width: 100%;
		box-sizing: border-box;
	}

	.o-pmc .awe-searchbtn {
		display: none;
	}

.o-pbtns {
	text-align: right;
	padding: 1em;
	border-top: 1px solid #e9ecef;
}

/* grid mods */

.o-gpginf {
	float: right;
	padding-right: 25px;
	min-width: 150px;
	margin-top: .3em;
}

.awe-rtl .o-gpginf {
	float: left;
	padding-right: initial;
	padding-left: 25px;
}

.o-gpgs {
	margin: 0 10px;
}

.o-gcolsl {
	float: right;
}

	.o-gcolsl.awe-rtl {
		float: left;
	}

	.o-gcolsl .o-cptn, .awe-rtl .o-gcolsl .o-cptn {
		padding-right: 0;
		padding-left: 0;
	}

	.o-gcolsl .o-slbtn {
		display: none;
	}

.awe-footer .o-dd {
	min-width: inherit !important;
}

.awe-grid .awe-footer .o-dd {
	line-height: inherit;
}

.awe-grid .awe-footer .o-ddbtn .o-cptn {
	padding-top: 0;
	padding-bottom: 0;
}

.awe-footer .awe-btn {
	border: none;
	background: transparent;
	color: #333;
	outline-color: gray;
}

	.awe-footer .awe-btn.awe-selected {
		border: 1px solid #C5C5C5;
		background-color: #E9E9E9;
	}

@media (max-width: 550px) {
	.o-gpginf {
		display: none;
	}
}

@media (max-width: 730px) {
	.o-gpgs {
		display: none;
	}
}

/* inline popup, dropdownPopup */

.o-pbtn {
	min-width: 70px;
	margin-left: .5em;
}

.o-inltxt {
	vertical-align: middle;
	margin: 0 1em;
}

.o-inlp {
	margin: .5em;
	padding: 5px;
	position: relative;
}

	.o-inlp .awe-popup {
		padding: .5em 0 1.5em;
		position: relative;
	}

.o-nstcreate .awe-tablw {
	border-top: 1px solid gainsboro;
}

.awe-popup .col-md-4 {
	width: 100% !important;
}

/* ingline editing grid */

.awe-row .awe-txt {
	width: 100%;
	padding: 1px 5px 1px;
}

.awe-row .awe-datepicker-field {
	width: 100%;
	min-width: initial;
}

.awe-row .awe-field {
	width: 100%;
	min-width: initial;
}

.awe-row .o-dd {
	min-width: initial;
}

.o-glrow {
	vertical-align: top;
}

.o-gl {
	display: none;
}

.o-glrow .o-glh {
	display: none;
}

.o-glrow .o-gl {
	display: inherit;
}

tr.awe-row .o-glbtn {
	padding: .1em .5em;
}

/* custom loading */

.o-gempt {
	width: 100%;
	font-size: 7em;
	color: gainsboro;
	text-align: center;
}

@media (max-width: 1280px) {
	.o-gempt {
		font-size: 3em;
	}
}

.spinCont {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1;
	background: rgba(242, 240, 240, 0.64);
	overflow: hidden;
}

.spinner {
	margin: 50px auto;
	width: 50px;
	height: 50px;
	position: relative;
	text-align: center;
	-webkit-animation: sk-rotate 2.0s infinite linear;
	animation: sk-rotate 2.0s infinite linear;
}

.dot1, .dot2 {
	width: 60%;
	height: 60%;
	display: inline-block;
	position: absolute;
	top: 0;
	background-color: #007bff;
	border-radius: 100%;
	-webkit-animation: sk-bounce 2.0s infinite ease-in-out;
	animation: sk-bounce 2.0s infinite ease-in-out;
}

.dot2 {
	top: auto;
	bottom: 0;
	-webkit-animation-delay: -1.0s;
	animation-delay: -1.0s;
}

@-webkit-keyframes sk-rotate {
	100% {
		-webkit-transform: rotate(360deg);
	}
}

@keyframes sk-rotate {
	100% {
		transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
	}
}

@-webkit-keyframes sk-bounce {
	0%, 100% {
		-webkit-transform: scale(0.0);
	}

	50% {
		-webkit-transform: scale(1.0);
	}
}

@keyframes sk-bounce {
	0%, 100% {
		transform: scale(0.0);
		-webkit-transform: scale(0.0);
	}

	50% {
		transform: scale(1.0);
		-webkit-transform: scale(1.0);
	}
}

/* end custom loading */

/* scheduler */
.scheduler {
	border: 1px solid gainsboro;
}

.scheduler {
	margin-top: 5px;
}

	.scheduler .agendaRow.awe-row td {
		padding: 5px;
	}


.nextbtn, .prevbtn {
	width: 30px;
}

.scheduler .awe-grid {
	border: none;
}

.schedBar .o-btng .awe-btn {
	height: 2.6em;
}

.schedBar .awe-datepicker-field {
	min-width: inherit;
	vertical-align: middle;
	width: 3em;
	height: 2em;
	margin-right: .2em;
}

	.schedBar .awe-datepicker-field .awe-btn {
		border-radius: .25em;
	}

	.schedBar .awe-datepicker-field input[type="text"].awe-display {
		width: 0;
		padding: 0;
		border: none;
	}

.schedBar {
	background: #fafafa;
	border-bottom: 1px solid gainsboro;
	padding: 0 .3em .3em;
	overflow: auto;
}

	.schedBar .o-arw {
		border-color: #fff;
	}

.sbitem {
	margin-top: .3em;
	display: inline-block;
	vertical-align: middle;
}

.sbvtype {
	float: right;
}

@media (max-width: 670px) {
	.sbvtype {
		float: none;
	}
}

.schedBotBar {
	background: #fafafa;
	border-top: 1px solid gainsboro;
	padding: 5px;
}

.day {
	padding: .5em;
}

	.day:hover {
		text-decoration: underline;
		cursor: pointer;
	}

.schEvent {
	background: blueviolet;
	border-radius: .25em;
	padding: .3em;
	color: white;
	margin-bottom: 1px;
	overflow: hidden;
	font-size: 13px;
	line-height: 1.3em;
	position: relative;
}

	.schEvent:not(:last-child) {
		margin-bottom: 3px;
	}

.schTime {
	float: left;
}

.delEvent {
	background: transparent;
	padding: 0 .5em;
	cursor: pointer;
	position: absolute;
	right: 0;
}

.timeLabel {
	padding: .5em;
}

.scheduler .awe-row td {
	padding: 0;
	vertical-align: top;
}

.eventTitle {
	clear: both;
}

	.eventTitle:hover {
		text-decoration: underline;
		cursor: pointer;
	}

/* end scheduler */

.modal-body {
	min-height: 100px;
}

/* keynav */

.awe-li.focus:not(.awe-selected), .awe-row.focus:not(.awe-selected) {
	background: #f5f5f5 !important;
	outline: 1px solid #afafaf;
	outline-offset: -1px;
}

.awe-li.focus.awe-selected, .awe-row.focus.awe-selected {
	filter: brightness(97%);
	outline: 1px solid #afafaf;
	outline-offset: -1px;
}

/* dtp */
.o-dtp {
	text-align: center;
}

.o-dtpp .o-pc {
	padding: 0;
}

.o-inl.o-dtp {
	border: 1px solid gainsboro;
}

.o-dtp .o-outm, .o-day.o-dsb {
	color: gainsboro;
	cursor: default;
}

.o-mnth {
	display: inline-block;
	position: relative;
	padding: 1em;
	background: #fff;
}

.o-mtop {
	padding: 0 3em;
	margin-bottom: 1em;
	height: 2em;
	line-height: 2em;
}

.o-cmbtn {
	position: absolute;
	padding: .3em .7em;
	top: 0;
	background: none;
	border: none;
	font: inherit;
	height: 2.6em;
	width: 2.2em;
}

.o-mprv {
	left: .7em;
	top: .7em;
}

.o-mnxt {
	right: .7em;
	top: .7em;
}

.o-ym {
	text-align: center;
}

	.o-ym .o-dd {
		padding: 0 .15em;
	}

.o-mhd, .o-yhd {
	display: inline-block;
}

.o-txt {
	padding: 0 .3em;
}

.o-day {
	cursor: pointer;
	padding: 0;
}

	.o-day div {
		padding: .9em;
		text-align: right;
		min-width: 3.3em;
		box-sizing: border-box;
		border: 1px solid #fff;
		border-radius: 3px;
	}

.o-dtp:not(.o-nhov) .o-day.o-enb div:hover, .o-enb.o-hov div {
	background-color: #f0f0f0;
}

.o-day.o-tday div {
	border-color: gainsboro;
}

.o-enb.o-selday div {
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2);
	background: #e3e3e3;
}

.o-cm .o-dd {
	min-width: 10em;
	width: 10em;
}

.o-cy .o-dd {
	min-width: 6.55em;
	width: 6.55em;
}

.o-tb {
	margin: auto;
}

.o-wdays {
	text-align: center;
}

.o-arw {
	border: solid #333;
	border-width: 0 2px 2px 0;
	display: inline-block;
	padding: 3px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -.25em;
}

	.o-arw.right, .awe-rtl .o-arw.left {
		transform: rotate(-45deg);
		margin-left: -.4em;
	}

	.o-arw.left, .awe-rtl .o-arw.right {
		transform: rotate(135deg);
		margin-left: -.2em;
	}

	.o-arw.double.right, .awe-rtl .o-arw.double.left {
		margin-left: -.1em;
	}

	.o-arw.double.left, .awe-rtl .o-arw.double.right {
		margin-left: -.4em;
	}

	.o-arw.double::after {
		content: '';
		position: absolute;
		left: -5px;
		top: -5px;
		border: solid #333;
		border-width: 0 2px 2px 0;
		padding: 3px;
	}

.o-cmbtn .o-arw {
	border-width: 0 3px 3px 0;
}

[disabled] .o-arw, [disabled] .o-arw.double::after {
	border-color: gainsboro;
}

@media (max-width: 700px) {
	.o-mnth {
		padding: .7em .5em;
	}

	.o-day div {
		padding: .7em;
		min-width: 2.7em;
	}

	.o-mtop {
		padding: 0 2.3em;
		font-size: .9em;
	}

	.o-mprv, .o-mnxt {
		top: .6em;
	}
}

.o-mnth .awe-btn {
	border: none;
	background: transparent;
	color: #333;
}

/* notif */
.o-ntpc {
	position: fixed;
	top: 10px;
	right: 10px;
	max-width: 450px;
	z-index: 2000;
}

@media (min-width: 1280px) {
	.o-ntpc {
		min-width: 300px;
	}
}

.o-ntp {
	margin-bottom: 4px;
	overflow: hidden;
	border-radius: 4px;
	box-shadow: 0 0 4px rgba(0, 0, 0, .2);
	opacity: 0;
	position: relative;
	transition: transform .2s ease-in-out, opacity .3s ease-in-out, margin-top 1s;
	background-color: #fff;
	border: 1px solid #ccc;
}

	.o-ntp.o-clsg {
		transition: opacity 1s, margin-top 1.3s;
	}

.o-ntc {
	padding: 0.7em 2.5em 0.7em 1.2em;
	overflow: auto;
}

.o-ntp .o-cls {
	font-size: 17px;
	font-size: 1.3em;
	padding: .1em .8em;
}

.o-ntlb {
	position: absolute;
	left: 0;
	height: 100%;
	width: 10px;
	top: 0;
}

.o-err.o-ntp {
	color: white;
	background: #CE5252;
}

.o-err .o-cls {
	color: #fff;
}

/* ochk */

.o-ochk li, .o-rdl li {
	margin-bottom: .7em;
}

.o-chkm.o-chked {
	color: #007bff;
}

.o-chk {
	box-sizing: border-box;
	white-space: nowrap;
	cursor: pointer;
	-webkit-user-select: none;
	position: relative;
	margin-left: 0;
	min-width: 1.4em;
	min-height: 1.4em;
	margin-right: .5em;
	vertical-align: middle;
	display: inline-block;
	z-index: 0;
}

	.o-chk:active {
		outline: none;
	}

.o-chkc {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	box-sizing: border-box;
	height: 1.4em;
	font-size: .97em;
}

	.o-chkc .o-chkico {
		box-sizing: border-box;
		position: absolute;
		top: 0;
		left: 0;
		width: 1.4em;
		height: 1.4em;
		transition: 140ms;
		border: .15em solid #aaa;
		border-radius: .15em;
		background: #fff;
	}

.o-chk.o-chked .o-chkico {
	background: #007bff;
	border-color: transparent;
}

	.o-chk.o-chked .o-chkico:after {
		box-sizing: border-box;
		transform: rotate(45deg);
		position: absolute;
		content: '';
		top: -.05em;
		left: .349em;
		height: .93em;
		width: .45em;
		border: solid white .17em;
		border-top: 0;
		border-left: 0;
		display: block;
	}

.o-rdl .o-chk {
	transition: .28s ease;
}

	.o-rdl .o-chk:before,
	.o-rdl .o-chk:after {
		content: '';
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		transition: .28s ease;
		border-radius: 50%;
		border: 2px solid #aaa;
		background: #fff;
	}

	.o-rdl .o-chk:after {
		transform: scale(0);
	}

.o-rdl .o-chked.o-chk:after, .o-rdl .o-chked.o-chk:before {
	border: 2px solid #007bff;
}

.o-rdl .o-chked.o-chk:after {
	background-color: #007bff;
}

.awe-disabled .o-rdl .o-chk:before,
.awe-disabled .o-rdl .o-chk:after {
	border-color: #bbb;
}

.awe-disabled .o-rdl .o-chked.o-chk:after {
	background-color: #bbb;
}

.o-rdl .o-chked.o-chk:after {
	transform: scale(0.45);
}

.o-con {
	vertical-align: middle;
}

.awe-disabled .o-chkc .o-chkico {
	background-color: #dcdcdc !important;
	border-color: #ccc;
}

.awe-rtl .o-chk {
	margin-left: .5em;
	margin-right: 0;
}

.awe-rtl .o-chkc .o-chkico {
	right: 0;
	left: auto;
}

/* otoggl */

.o-tg:active {
	outline: none;
}

.o-tg {
	min-width: 4em;
	min-height: 2.2em;
	position: relative;
	overflow: hidden;
	display: inline-block;
	text-align: center;
	border-radius: 5px;
	border: 1px solid gainsboro;
	vertical-align: middle;
	line-height: 1.42857143;
}

.o-tgg {
	position: absolute;
	width: 200%;
	top: 0;
	bottom: 0;
	transition: left .35s;
	left: -100%;
}

.o-tgoff, .o-tgon {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 50%;
	right: 0;
	margin: 0;
	border: 0;
	border-radius: 0;
	cursor: pointer;
}

.o-tgoff {
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
	background: #e5e5e5;
}

:not(div.awe-disabled) .o-tg:hover .o-tgoff {
	background: #d3d3d3;
}

.o-tgon {
	left: 0;
	right: 50%;
	color: white;
	background: #007bff;
}

:not(div.awe-disabled) .o-tg:hover .o-tgon {
	background: #286090;
}

.o-tgh {
	height: 100%;
	border-radius: 4px;
}

.o-chked .o-tgg {
	left: 0;
}

.o-chked.o-tg {
	border-color: #007bff;
	background: #007bff;
}

.awe-disabled .o-tg {
	opacity: .64;
}

.o-ccon {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

@-moz-document url-prefix() {
	.o-ccon {
		transform: translate(-50%, -50%) scale(1.01) translateZ(0); /* fix for ff */
		padding-bottom: 1px;
	}
}

.o-tgon .o-ccon {
	margin-left: -.3em;
}

.o-tgoff .o-ccon {
	margin-left: .3em;
}

/* wave */
.o-wav {
	position: absolute;
	background: #ccc;
	opacity: .45;
	border-radius: 50%;
	width: 0;
	height: 0;
	border: none;
	outline: none;
	transform: translate(-50%, -50%);
	transition: all 0.7s ease-out;
}

.o-chk .o-wav, .o-mobl .o-wav {
	transition: all 0.35s;
}

.o-wavc {
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	outline: none;
}

.o-wavs, .awe-tab-btn, .awe-col, .awe-hc {
	position: relative;
	overflow: hidden;
	z-index: 0;
}

.awe-btn, .awe-tab-btn {
	z-index: 0;
}
/* end wave */

@supports (-ms-ime-align: auto) {
	.awe-hc {
		position: initial;
	}

		.awe-hc .o-wavc {
			display: none;
		}
}

.administration-tabs {
	background-color: #fff;
	margin: 10px;
	padding: 10px;
}

.user-dat {
	margin-bottom: 0 !important;
}

	.user-dat button {
		color: #343434 !important;
		background-color: #038585;
		padding: 5px 10px;
		margin-top: 10px;
		font-weight: bold;
		margin-right: 10px;
		margin-left: 0px;
	}

		.user-dat button:hover {
			color: #fff !important;
			background-color: #038585;
			padding: 5px 10px;
			margin-top: 10px;
			font-weight: bold;
			margin-right: 10px;
			margin-left: 0px;
			text-decoration: none;
		}

.fa-columns, .fa-tasks, .fa-id-card-alt, .fa-folder-open, .fa-battle-net, .fa-users-cog {
	margin: 15px 25px 15px 10px;
}

.navigation-list {
	border-bottom: 1px solid #575757;
	border-top: 1px solid #575757;
}

@media screen and (max-width:1024px) {
	.user-dat {
		display: none;
	}
}

.login {
	margin: 10px;
	display: flex;
}

.calendar-left {
	position: absolute;
	bottom: 5px;
	margin: 15px 0px;
	width: 100%;
	height: auto;
}

@media only screen and (max-height: 754px) {
	.calendar-left {
		position: relative;
	}
}

@media only screen and (max-width: 1024px) {
	.calendar-left {
		display: none;
	}
}

.dashboard nav {
	background-color: #282828;
	border: none;
	vertical-align: middle;
}

.container-links {
}

.dashboard nav ul {
	list-style: none;
	width: 100%;
	height: inherit;
	margin-top: 0;
}

	.dashboard nav ul li {
		display: inline-block;
		border-right: 2px solid #575757;
		vertical-align: central;
	}

.nav-link a {
	margin: 10px;
	text-transform: capitalize !important;
	font-size: 1.5rem !important;
	font-weight: 400 !important;
	color: #fff !important;
}

	.nav-link a:hover {
		background-color: #282828 !important;
	}

.box {
	display: inline-block;
	width: 24%;
	margin: 5px;
	overflow: hidden !important;
}

@media only screen and (max-width: 1279px) {
	.box {
		display: inline-block;
		width: 47%;
		margin: 5px;
		overflow: hidden !important;
	}
}

@media only screen and (max-width: 1024px) {
	.box {
		display: compact;
		width: 96%;
		margin: 2% auto;
	}
}

.box-in a {
	width: inherit;
}

	.box-in a:hover {
		color: #282828;
	}

.box-in .fa-edit, .box-in .fa-users, .box-in .fa-project-diagram, .box-in .fa-chart-pie {
	font-size: 3rem;
	float: right;
	width: auto;
}

.box-in .fa-users, .box-in .fa-project-diagram, .box-in .fa-chart-pie {
	margin: 0;
}

.box-content {
	background-color: #fff;
	display: block;
	clear: both;
}

.awe-row, .awe-ghead, .awe-gfoot, .awe-hrow {
	line-height: 1.5em !important;
}

.best-projects {
	display: block;
	clear: both;
}

.meetings .schEvent {
	background: #CCC !important;
}

	.best-companies a, .last-company-added a, .last-employee-added a, .best-projects a, .nearest-projects a, .meetings .schEvent a {
		color: #333 !important;
		font-size: 13px !important;
		line-height: 1.4em !important;
	}

	.meetings .schEvent a {
		font-weight: bold !important;
	}

.best-companies a:hover, .last-company-added a:hover, .last-employee-added a:hover, .best-projects a:hover, .nearest-projects a:hover {
	color: #ad43ad !important;
}

.best-projects h4, .nearest-projects h4, .best-companies h4, .last-company-added h4, .my-remindings h4, .meetings h4, .daily-statistic h4, .last-employee-added h4, .budget-forecast h4, .my-sell h4 {
	padding: 10px 0;
	border-bottom: 1px solid #d9d9d9;
	margin-bottom: 10px;
	margin-top: 0;
	font-size: 18px;
}

.nearest-projects {
	margin: 20px 0px;
}

.box td a {
	font-size: 16px;
	margin: 0px;
	padding: 0;
	color: #a100be;
}

.my-sell {
	margin: 0;
}

button.delbtn {
	border: none !important;
}

#ClientContactSignUpsGrid button.editbtn, .administration-tabs button.editbtn, .administration-tabs button.o-glbtn, #ProjectsSignUpsGrid button.editbtn, #ProjectsInterestedGrid button.editbtn, #CompanySignUpsGrid button.editbtn {
	padding: 0;
	text-align: center;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	margin: 0;
	margin-right: 0px;
	font: inherit;
	cursor: pointer;
	border: none !important;
	background-image: linear-gradient(to bottom, #FCFCFC 0, #F8F8F8 100%);
	border-radius: 2px;
	color: #333;
}

.details-body-popup .col-md-4, .details-body-popup .col-md-3 {
	width: 100% !important;
}

.external-app-form {
	display: inline-block;
	min-width: 250px;
	margin: 10px 10px 10px 10px;
}

.external-app-match {
	clear: both;
	margin: 10px 10px 10px 10px;
}

#finance-info {
	display: inline;
}

#invoice-details {
	display: inline;
}

#receiver-details {
	display: inline;
}

#participant-details {
	display: inline;
}

.section-label {
	clear: both;
}

.subsection-label {
	clear: both;
}

#external-app-button {
	position: sticky;
	bottom: 0;
	text-align: right;
	padding: 1em 1em 1em 1em;
	margin-top: 7em;
	border-top: 1px solid #e9ecef;
	background-color: #fff;
}

#editProjectsExternalAppGrid {
	padding-bottom: 0;
}

.project-name {
	display: inline-block;
	margin-right: 5px;
}

.project-desc {
	display: inline-block;
	font-size: 10px;
	color: #999;
}

#ProjectsInterestedGrid .awe-btn, .awe-morebtn, .awe-spincont {
	padding: 0 !important;
	border: 0 !important;
}

.reports-tab {
	margin-bottom: 2%;
}

	.reports-tab .activities-tab {
		width: 56%;
		float: left;
		margin-right: 4%;
	}

	.reports-tab .report-chart {
		width: 40%;
		float: left;
	}

.report-details-tab, .report-tab {
	float: left;
	width: 50%;
}

.report-details-chart, .report-chart {
	float: right;
	width: 49%;
}

	.report-details-chart > .charts, .report-chart > .charts {
		width: inherit;
		height: 158px;
		float: right;
	}

#email-success {
	color: #25c225;
}

#email-error {
	color: #c41c1a;
}

.email-log h4 {
	display: inline-block;
}

.email-log-title h4 {
	padding: 10px 0 0 0;
	margin-top: 0;
	font-size: 18px;
}

.email-log-title {
	border-bottom: 1px solid #d9d9d9;
	font-size: 1.3em;
}

.generate-invoice {
	float: right;
	margin: 10px;
}

.invoice-details-data {
	float: left;
	width: 25%;
	margin-bottom: 15px;
}

.services-details-data {
	clear: both;
	margin: 10px 0;
}

.services-table {
	width: 100%;
	display: table;
}

.service-row {
	display: table-row;
	/*width: auto;
	clear: both;*/
}

.details-service {
	display: table-cell;
	padding: 2px;
	/*width: inherit;
	text-align: center;
	border: 1px solid #d9d9d9;*/
	text-align: center;
	border: 1px solid #c9c9c9c9;
}

.service-row-header {
	display: table-header-group;
	font-weight: bold;
	font-size: 18px;
}

.details-service-header {
	display: table-cell;
	padding: 10px;
	text-align: center;
	border: 1px solid #c9c9c9c9;
}

.service-table-body {
	display: table-row-group;
}

.invoice-form input {
	width: auto;
}

input.invoice-form {
	width: auto;
}

.invoice-column {
	float: left;
	width: 31%;
	margin: 10px;
}

	.invoice-column .form-group label, .invoice-column .form-group input, .invoice-column .awe-datepicker-field {
		float: left;
		width: 48%;
	}

	.invoice-column .form-group label {
		padding: 10px 0;
	}

	.invoice-column .form-group {
		clear: both;
	}

.invoice-services {
	clear: both;
}

	.invoice-services .form-group {
		display: inline-block;
	}

	.invoice-services:first-of-type {
		clear: both;
	}

.activity-history {
	float: left;
	margin-top: 10px;
}

.flex-container {
	display: flex;
	flex-wrap: nowrap;
}

	.flex-container .box2 {
		width: 50%;
		margin: 10px;
		min-height: 200px;
	}

#chartCompanies {
	position: relative;
	height: 235px;
	width: 215px
}

#btn-userSettings {
	padding: 30px 0 10px 0;
}

@media screen and (max-width:1024px) {
	#btn-userSettings {
		padding: 40px 0;
	}
}

@media screen and (max-width: 1120px) and (min-width:1025px) {
	#btn-activityTypes {
		padding: 30px 0 10px 0;
	}
}

.reminders {
	background-image: linear-gradient(white, #F3F3F3);
}


.action-view {
	width: 100%;
	margin: 0 auto;
	text-align: center;
}

	.action-view #action-name label.action-name {
		font-size: 20px;
		margin: 0 auto;
	}

	.action-view #action-name p {
		font-size: 36px;
	}

	.action-view h3 {
		font-size: 24px;
		text-align: left !important;
		margin-top: -40px;
		background: #fff;
		padding: 0 20px;
		width: 250px;
	}

#action-name, #box-client-data, #box-interested, #contact-result {
	border: 1px solid #CCC;
	padding: 30px;
	margin: 20px 0;
}

	#action-name p {
		font-size: 20px;
	}

	#box-client-data h4 {
		font-size: 20px;
		font-weight: bold;
	}

p.client-name-value, p.client-surname-value, p.client-surname-phone {
	font-size: 28px;
	font-weight: bold;
}

#action-name label, #box-client-data label, #box-interested label, #contact-result label {
	color: #666;
}

#box-interested .awe-ajaxcheckboxlist-field {
	font-size: 16px;
}

#contact-result button.ActivityTypeId-awed {
	font-size: 20px;
}

#box-client-data .form-group {
	padding: 12px;
	background: #F3F3F3;
}

.action-client input {
	background: #00b7ba;
	padding: 20px 30px;
	border: 0;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
}

.awe-btn, .awe-morebtn, .awe-spincont {
	border: 0 !important;
}

.filterBar .awe-btn, .awe-morebtn, .awe-spincont {
	border: 1px solid #d3d3d3 !important;
}

.project-div a {
	white-space: nowrap;
	width: auto;
	overflow: hidden;
	display: block;
}

.tag-name {
	margin-top: 5px;
	line-height: 20px;
}

.tag-desc {
	line-height: 20px;
	font-size: 12px;
	color: #999;
}

.filter-box-date {
	display: inline-block;
	text-align: center;
}