/* ------------------------------------------------------------------------------
 *
 *  # Custom CPanel styles
 *
 * ---------------------------------------------------------------------------- */

/* General */
body{
	font-family:Montserrat,Arial,Helvetica,FreeSans,sans-serif;
	background-color:#E6DFD6;
}
#alert-container {
    display: none;
    left: 10%;
    position: fixed;
    top: 60px;
    width: 80%;
    z-index: 2000;
}
#alert-container .alert {
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
}
.alert-dismissable .close,
.alert-dismissible .close{
	top:0;
	right:-10px;
}
.sortable-placeholder + .panel.mb-10{
	margin-top:10px;
}
.btn-warning {
  background-color: #FF9800;
  border-color: #FF9800;
}
.heading-elements.visible-elements .heading-text:first-child,
.heading-elements.visible-elements .heading-btn:first-child,
.heading-elements.visible-elements .heading-btn-group:first-child > .btn:first-child,
.heading-elements.visible-elements .ui-slider:first-child,
.heading-elements.visible-elements .noui-slider:first-child,
.heading-elements.visible-elements .nav-tabs:first-child,
.heading-elements.visible-elements .nav-pills:first-child,
.heading-elements.visible-elements .pagination:first-child,
.heading-elements.visible-elements .progress:first-child,
.heading-elements.visible-elements .icons-list:first-child,
.heading-elements.visible-elements .pager:first-child,
.heading-elements.visible-elements .breadcrumb:first-child,
.heading-elements.visible-elements .daterange-custom:first-child,
.heading-elements.visible-elements .heading-thumbnails:first-child,
.heading-elements.visible-elements .heading-form:first-child .form-group:first-child,
.heading-elements.visible-elements > .btn-group:first-child{
	margin-top:0;
}

/* Tables */
thead.text-center th,
thead.text-center td{text-align:center;}
tbody td.td-center{text-align:center;}
tbody td.td-right{text-align:right;}
/* Footable */
.footable-row-detail-value{
	white-space:normal;
}
.table > tbody > tr.success + tr.footable-row-detail > td{
	background-color:#E8F5E9;
}
.table-hover > tbody > tr.success + tr.footable-row-detail:hover > td{
	background-color:#E8F5E9;
}
.table > tbody > tr.danger + tr.footable-row-detail > td{
	background-color:#FBE9E7;
}
.table-hover > tbody > tr.danger + tr.footable-row-detail:hover > td{
	background-color:#FBE9E7;
}
.table-footable-striped > tbody > tr:nth-of-type(4n+1),
.table-footable-striped > tbody > tr:nth-of-type(4n+2){
	background:#fcfcfc;
}
.table-footable-striped > tbody > tr.danger:nth-of-type(4n+1) > td,
.table-footable-striped > tbody > tr.danger:nth-of-type(4n+1)+tr.footable-row-detail > td{
	background:#f7d5d1;
}
.table-footable-striped > tbody > tr.success:nth-of-type(4n+1) > td,
.table-footable-striped > tbody > tr.success:nth-of-type(4n+1)+tr.footable-row-detail > td{
	background:#d6edd8;
}

/* Datatable */
.datatable-header .dataTables_filter{
	margin-left:0;
}
.dataTables_filter label input{
	margin-left:10px;
}
.dataTables_scroll .dataTables_scrollHead .dataTables_scrollHeadInner,
.dataTables_scroll .dataTables_scrollFoot .dataTables_scrollFootInner{
	box-sizing:content-box;
}
.dataTable.table-sm thead .sorting,
.dataTable.table-sm thead .sorting_asc,
.dataTable.table-sm thead .sorting_desc,
.dataTable.table-sm thead .sorting_asc_disabled,
.dataTable.table-sm thead .sorting_desc_disabled{
	padding-right:30px;
}
.dataTable.table-sm thead .sorting::before,
.dataTable.table-sm thead .sorting::after,
.dataTable.table-sm thead .sorting_asc::after,
.dataTable.table-sm thead .sorting_desc::after,
.dataTable.table-sm thead .sorting_asc_disabled::after,
.dataTable.table-sm thead .sorting_desc_disabled::after{
	right:10px;
}
.dataTable.table-xs thead .sorting,
.dataTable.table-xs thead .sorting_asc,
.dataTable.table-xs thead .sorting_desc,
.dataTable.table-xs thead .sorting_asc_disabled,
.dataTable.table-xs thead .sorting_desc_disabled,
.dataTable.table-xxs thead .sorting,
.dataTable.table-xxs thead .sorting_asc,
.dataTable.table-xxs thead .sorting_desc,
.dataTable.table-xxs thead .sorting_asc_disabled,
.dataTable.table-xxs thead .sorting_desc_disabled{
	padding-right:20px;
}
.dataTable.table-xs thead .sorting::before,
.dataTable.table-xs thead .sorting::after,
.dataTable.table-xs thead .sorting_asc::after,
.dataTable.table-xs thead .sorting_desc::after,
.dataTable.table-xs thead .sorting_asc_disabled::after,
.dataTable.table-xs thead .sorting_desc_disabled::after,
.dataTable.table-xxs thead .sorting::before,
.dataTable.table-xxs thead .sorting::after,
.dataTable.table-xxs thead .sorting_asc::after,
.dataTable.table-xxs thead .sorting_desc::after,
.dataTable.table-xxs thead .sorting_asc_disabled::after,
.dataTable.table-xxs thead .sorting_desc_disabled::after{
	right:6px;
}

/* TypeAhead */
.twitter-typeahead .tt-menu h5{
	margin:0 15px 5px;
	padding:3px 0;
	border-bottom:1px solid #ddd;
}

/* DateTimePicker */
.bootstrap-datetimepicker-widget.dropdown-menu{
	width:auto;
}

/* Form */
.form-group > .radio,
.form-group > .checkbox{
	margin-top:0;
	margin-bottom:0;
}
.form-horizontal .checkbox.checkbox-switch{
	padding-top:0;
}
legend a.control-arrow.collapsed i{
	transform:rotate(180deg);
}
.note-toolbar .dropdown-menu li{
	white-space:nowrap;
}
 
.form-horizontal .multiselect-container > li > a .checker,
.form-horizontal .multiselect-container > li > a .choice{
    top:50%;
}

/* Buttons */
.btn-xs .checker{
	margin-top:-3px;
}
.btn-group.no-float > .btn{
	float:none;
}

/* TouchSpin */
.bootstrap-touchspin .input-group-btn-vertical > .btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%;
  padding: 8px 10px;
  margin-left: -1px;
  position: relative;
  height:19px;
}
.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up {
  border-radius: 0;
  border-top-right-radius: 4px;
}
.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down {
  margin-top: -2px;
  border-radius: 0;
  border-bottom-right-radius: 4px;
}
.input-group .input:not(:last-child) .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up,
.input-group .input:not(:last-child) .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down{
	border-radius:0;
}
.has-error .bootstrap-touchspin-up,
.has-error .bootstrap-touchspin-down{
	background-color:#fbe9e7;
    border-color:#d84315 !important;
    color:#d84315;
}
/* Stepy */
.stepy-step{
	padding:0;
}
.content .stepy-header li div:after,
.content .stepy-header li.done div:after,
.content .stepy-header li.stepy-active.done div:after,
.content .stepy-header li.current.done div:after{
	content:'\ed6f';
}
.content .stepy-header li.current div:after{
	content:'\e913';
}
.content .stepy-header li.done div,
.content .stepy-header li.current div{
	font-size:0;
}
/* fancytree */
.fancytree-hide{
	display:none;
}

/* contracts */
.document-reader{
	height:50vh;
	min-height:300px;
	overflow-y:auto;
	padding:20px;
	box-sizing:border-box;
	border:2px solid #999;
	border-radius:3px;
	background:#fff;
}
.document-reader:after{
	content:'';
	height:20px;
	display:block;
}

/* server hour */
.server-hour{
	font-size:16px;
	font-weight:600;
}
.server-hour sub{
	display:inline-block;
	width:25px;
	margin-left:4px;
	bottom:0;
	font-weight:400;
}
.sell-order-percentage{
	width:110px;
	height:22px;
	margin:0 5px;
}

/* sidebars */
.sidebar-fixed .sidebar-content{
	margin-bottom:-8px;
	bottom:0;
}
.sidebar-fixed .sidebar-content .sidebar-category:last-child{
	margin-bottom:48px;
}
.sidebar-content{
	padding-bottom:0;
}
.sidebar-default{
	background-color:#FBFAF9;
}
#navbar-mobile{
	width:100%;
}
/* versions */
.minor-version{
	opacity:0.6;
}
/* footer */
.footer-section{
	background:#4A4541;
	color:#ccc;
	padding:10px 20px;
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	box-shadow:0 0 10px rgba(0,0,0,0.1);
	z-index:100;
}
	.footer-credits{
		float:left;
	}
	.footer-nav{
		float:right;
	}
		ul.footer-menu{
			margin:0;
			padding:0;
			list-style-type:none;
		}
	.footer-section a{
		color:#ddd;
	}
	.footer-section a:hover{
		color:#eee;
	}

/* Constrators */
#contractors-list tfoot{
	display:table-header-group;
}

/* Plots varieties */
#plots-varieties-list tfoot{
	display:table-header-group;
}

/* Sell orders */
#sell-orders-list tfoot{
	display:table-header-group;
}

/* Payments */
.invoice-iframe{
	width:100%;
	min-height:400px;
	height:calc(100vh - 200px);
	border:none;
	border-bottom:1px solid #ddd;
}

/* Harvest */
#harvest-chart{
	min-height:400px;
	height:calc(100vh - 400px);
}
td.dt-difference,
td.dt-percentage{
	position:relative;
	--right:auto;
	--left:auto;
	--width:0%;
	--background:transparent;
}
td.dt-difference:before{
	content:'';
	position:absolute;
	left:50%;
	width:1px;
	top:0;
	bottom:0;
	background:#ccc;
}
td.dt-difference:after{
	content:'';
	position:absolute;
	left:var(--left);
	right:var(--right);
	width:var(--width);
	top:0;
	bottom:0;
	transition:width 0.5s;
	background:var(--background);
}
td.dt-percentage:before{  
	content:'';
	position:absolute;
	top:0;
	bottom:0;
	right:0;
	width:33.33%;
	background:rgba(150,150,150,0.05);
}
td.dt-percentage:after{
	content:'';
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	width:var(--width);
	transition:width 0.5s;
	background:var(--background);
}

/* general tfoot filters */
tfoot.table-filters{
	display:table-header-group;
}

/* point of contact */
.heading-poc{
	display:flex;
	align-items:stretch;
	margin-top:-10px;
	background:#fff;
	border-radius:3px;
	border:1px solid #afb;
	box-shadow:0 0 3px #afb;
}
.poc-title{
	background:#fcfcfc;
	display:flex;
	align-items:center;
	padding:5px 10px;
	border-right:1px solid #ddd;
	border-top-left-radius:3px;
	border-bottom-left-radius:3px;
}
.poc{
	display:flex;
	align-items:center;
	column-gap:10px;
	padding:5px 10px;
}

/* posts */
#last-posts .post+.post{
	margin-top:10px;
	padding-top:10px;
	border-top:1px solid #ddd;
}
	#last-posts .post-date{
		float:right;
		font-style:italic;
		color:#999;
	}
	#last-posts .post-title{
		margin-top:0;
		margin-bottom:5px;
		font-weight:600;
	}
	#last-posts .post-desc:not(:empty){
		margin-bottom:5px;
	}
/* events */
#next-events .event{
	display:flex;
	align-items:stretch;
	justify-content:space-between;
}
#next-events .event+.event{
	border-top:1px solid #ddd;
}
	#next-events .event-date{
		width:30%;
		display:flex;
		align-items:center;
		background:#eeeeee;
		padding:10px;
	}
	#next-events .event:nth-child(2n+1) .event-date{
		background:#f6f6f6;
	}
	#next-events .event-content{
		width:70%;
		padding:10px;
	}
		#next-events .event-title{
			margin-top:0;
			margin-bottom:5px;
			font-weight:600;
		}

/* Custom classes */
.landing-content{
	padding-top:50px;
}
.margin-auto{
	margin-left:auto;
	margin-right:auto;
}
.progress-bar-linear{
	transition:0.3s linear;
}
.bg-grey-100{
	background-color:#eee;
}
.bg-grey-200{
	background-color:#ddd;
}
.password-view{
	pointer-events:auto;
	cursor:pointer;
}
.table-layout-fixed{
	table-layout:fixed;
}

.btn .button-notification{
	position:absolute;
	top:-10px;
	left:22px;
}
.btn-sm .button-notification{left:20px;}
.btn-xs .button-notification{left:18px;}
.btn-lg .button-notification{left:28px;}
.btn-xlg .button-notification{left:30px;}
.bounce-notification{
	-webkit-animation-duration:10s;
	animation-duration:10s;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
	-webkit-animation-iteration-count:infinite;
	animation-iteration-count:infinite;
	-webkit-animation-name:notificationBounce;
	animation-name:notificationBounce;
}
@keyframes notificationBounce{
	from{
		-webkit-transform:scale3d(1, 1, 1);
		transform:scale3d(1, 1, 1)
	}
	3%{
		-webkit-transform: scale3d(1.25, .75, 1);
		transform: scale3d(1.25, .75, 1)
	}
	4%{
		-webkit-transform: scale3d(0.75, 1.25, 1);
		transform: scale3d(0.75, 1.25, 1)
	}
	5%{
		-webkit-transform: scale3d(1.15, .85, 1);
		transform: scale3d(1.15, .85, 1)
	}
	6.5%{
		-webkit-transform: scale3d(.95, 1.05, 1);
		transform: scale3d(.95, 1.05, 1)
	}
	7.5%{
		-webkit-transform: scale3d(1.05, .95, 1);
		transform: scale3d(1.05, .95, 1)
	}
	10%{
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
	100%{
		-webkit-transform:scale3d(1, 1, 1);
		transform:scale3d(1, 1, 1)
	}
}

/*responsive*/

@media (max-width: 1199px) {
	/* Custom classes */
	.hide-md{
		display:none;
	}
}
@media (max-width: 991px) {
	/* Custom classes */
	.hide-sm{
		display:none;
	}
}
@media (min-width: 769px) {
	.sidebar-xs .header-highlight .navbar-header .navbar-brand{
		background-image:url(../img/logo_icon_light@3x.png);
		background-size:auto 32px;
	}
}
@media (max-width: 768px) {
	.navbar-brand > img{
		margin:2px -60px;
	}
	/* sidebar */
	.sidebar-fixed .sidebar-content{
		margin-bottom:0;
	}
	/* footer */
	.footer-section{
		padding:10px 5px;
		position:relative;
	}
	.footer-credits,
	.footer-nav{
		float:none;
		text-align:center;
	}
	/* Custom classes */
	.hide-xs{
		display:none;
	}	
	.dropdown-large{
		width:100% !important;
	}
	.dropdown-content.dropdown-large{
		border-bottom:1px solid #ddd !important;
		border-top:1px solid #ddd !important;
	}
	.menu-heading{
		color:inherit;
	}
	.menu-heading.underlined{
		border-bottom: 1px solid #eee;
	}
	.panel-heading{
		display:flex;
		align-items:center;
		flex-wrap:wrap;
		justify-content:flex-end;
	}
		.panel-heading .panel-title{
			flex:1 1 auto;
		}
		.panel-heading .heading-elements{
			position:static;
			margin-top:0;
		}
			.panel-heading .heading-elements :first-child{
				margin-left:0;
			}
	.page-header-content > .visible-elements{
		background:none;
		border-top:none;
	}
	.heading-poc{
		flex-direction:column;
	}
	.poc-title{
		border-right:none;
		border-bottom:1px solid #ddd;
		border-top-right-radius:3px;
		border-bottom-left-radius:0;
	}
	.poc{
		text-align:left;
	}
}
@media (max-width: 380px) {
	.server-hour{
		display:none !important;
	}
}