.apro-form {
	position: relative;
}
.apro-form.loading::before {
	content: url(../img/loading.gif);
	background-color: rgba(255, 255, 255, 0.86);
	width: 100%;
	height: 100%;
	position: absolute;
	text-align: center;
	vertical-align: bottom;
	padding-top: 36%;
	z-index: 9;
}
.apro-form.loading.loader-bg-gray::before {
	background-color: rgba(236, 238, 241, 0.86);
}

.connect {
	z-index: 99999999;
	background-color: #fff !important;
	padding: 10px;
	position: relative;
}



.dz-image img
{
	max-width: 120px;	
}
.error
{
	color: #e73d4a;
	margin-bottom: 0px;
}
li.error_tab.active
{
	border-bottom: 4px solid red !important;
}
li.error_tab:hover
{
	border-bottom: 4px solid rgb(255, 120, 117) !important;
}

li.error_tab > a
{
	color: #e73d4a !important;
}
@media (max-width:991px)
{
	.profile-userbuttons
	{
		position: fixed !important;
		bottom: 0px;
		z-index: 9999;
		background: white;
		width: 100%;
		padding: 20px 10px 10px 20px;
		left: 0px;
		box-shadow: 0px 15px 20px black;
	}
	.profile-userbuttons .save_button
	{
		margin-bottom: 10px;	
	}
	.profile-userbuttons .save_button, .profile-userbuttons .form-body
	{
		display: inline-block;
		margin-right: 20px;
		vertical-align: top;
	}
	.profile-userbuttons .form-body:last-child 
	{
		margin-right: 0px;
	}
	.profile-userbuttons .form-body .form-group
	{
		margin: 0px;
		margin-bottom: 10px;
	}
	.profile-userbuttons .form-body .control-label
	{
		padding-right: 0px;
	}
	.profile-userbuttons .form-body div
	{
		display: inline-block;
		padding-left: 0px;
		padding-right: 0px;
	}
	ul.dropdown-menu.pull-right
	{
		right: -160px;
	}
	.fileinput-new, .fileinput-new.thumbnail
	{
		width: 100% !important;
	}
}
@media (max-width:1280px)
{
	.fileinput-new, .fileinput-new.thumbnail
	{
		width: 100% !important;
	}
}
.columns > button i
{
	padding: 3px;
}
.table-filter-element:link, .table-filter-element:visited
{
	color: #000;
}
.table-filter-element:hover
{
	text-decoration: underline;
}
.table-filter-element.active
{
	font-weight: bold;
}
.lang-flag
{
	height: 16px;
border: 1px solid rgb(213, 213, 213);
}
.date-set
{
	display: none;
}
.tools > a
{
	margin-right: 0;
}

div.form-control.textarea
{
	min-height: 300px;
	height: auto;
}
div.form-control.textarea img, div.form-group.picture img, img.responsive
{
	width: 100%;
}
div.form-control.readonly
{
	background-color: #eef1f5;
}
.more-pad
{
	 padding: 2px;
}
.page-content.no-submenu
{
	padding-top: 45px;
}
.form-group {
	width: 100%;
}
.form-inline .form-control-static, .form-inline .form-group {
    width: auto;
}
.dd-handle.dd-nodrag {
    opacity: .3;
    cursor: default
}
#optimize-console {
    height: 400px;
    background-color: #000;
    color: #fff;
    overflow: scroll;
    padding: 10px 15px;
}
.okladek {
    position: absolute;
    overflow: hidden;
    bottom: -20px;
    left: 40px;
    z-index: 0;
}
.filter-container .bracket {
	visibility: hidden;
}
.filter-container:first-of-type .open-bracket {
	visibility:visible;
}
.filter-container:last-of-type .close-bracket {
	visibility:visible;
}
.fileinput-new.thumbnail {
    background-image: url("../img/transparency_grid.png");
    background-repeat: repeat;
    width: auto !important;
    height: auto !important;
    min-height: 200px;
    min-width: 200px;
}
.fileinput .thumbnail > img {
    max-height: 200px !important;
}

.filters-row:only-of-type .filter-container:first-of-type .filter-btns .filter-remove-btn {
	display: none;
}

.filters-row:first-of-type .filter-container:first-of-type .filter-operator {
	visibility: hidden;
	display: none;
}
.flex {
	display: flex;
}
.filter-container {
	width: auto;
	margin-right: 10px;
}
select.no-apperance {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.filter-titles {
	display: block;
	float: left;
	clear: both;
	margin-bottom: 5px;
}
.filters-container {
	display: none;
}
.filters-container.show {
	display: block;
}
.proj-previews {
	-webkit-box-shadow: 0px 0px 15px 0px #00000030 inset;
	-moz-box-shadow: 0px 0px 15px 0px #00000030 inset;
	box-shadow: 0px 0px 15px 0px #00000030 inset;
}
.proj-preview {
	height: 70vh;
	overflow: scroll;
	padding-top: 15px;
	padding-bottom: 15px;
}
.dz-preview.loading {
	position: relative;
}
.modal.loading::before, .dz-preview.loading::before {
	content: ' ';
	background-color: rgba(255, 255, 255, 0.91);
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	z-index: 20;
}
.modal.loading::after, .dz-preview.loading::after {
	content: ' ';
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	z-index: 21;
	background : url(../img/loading.gif) no-repeat;
	background-position: center;
}

.day-date-picker:disabled {
	color: transparent;
}
.form-group.disabled {
	opacity: .5;
	pointer-events: none;
}

.sa-field-info {
	color: orange;
}
.fc-today-button:disabled {
	color: #fff !important; 
}

/* Customize the label (the container) */
.checkbox-container {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 14px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.checkbox-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkbox-checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 22px;
  width: 23px;
  background-color: #eee;
}

/* On mouse-over, add a grey background color */
.checkbox-container:hover input ~ .checkbox-checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.checkbox-container input:checked ~ .checkbox-checkmark {
  background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkbox-checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.checkbox-container input:checked ~ .checkbox-checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.checkbox-container .checkbox-checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
@media (max-width:765px)
{
	.fc-header-toolbar {
		display: flex;
		flex-direction: column;
	}
	.fc-button-group {
		display: flex;
		flex-wrap: wrap;
	}
	.fc-view-harness {
		min-height: 100%;
		height: 100%;
	}
	
}
.portlet.calendar .fc-list-event {
	background-color: #ffffff;
	color: #000;
}