.overflow {
	overflow: auto;
}

.content h1:first-child {
	margin-top: 0;
}

h1 {
	margin-bottom: 15px;
}


@media screen {
	body {
		font-size: 15px;
		line-height: 1.6;
		color: #333;
		background: white;
	}

	h1 {
		color: #3484D2;
		font-size: 24px;
	}

	#ajax-spinner {
		margin: 15px 0 0 15px;
		padding: 13px;
		background: white url('../images/spinner.gif') no-repeat 50% 50%;
		font-size: 0;
		z-index: 123456;
		display: none;
	}

	div.flash {
		color: black;
		background: #FFF9D7;
		border: 1px solid #E2C822;
		padding: 1em;
		margin: 1em 0;
	}

	a[href^="#error:"] {
		background: red;
		color: white;
	}

	form th, form td {
		vertical-align: top;
		font-weight: normal;
	}

	form th {
		text-align: right;
	}

	form .required label {
		font-weight: bold;
	}

	form .error, form .asterisk {
		color: #D00;
		font-weight: bold;
	}

	.control-input {
		padding-top: 7px;
	}

	[type=checkbox] {
		width: 18px;
		height: 18px;
	}

	.pointer {
		cursor: pointer;
	}

	.navbar-nav > .user-menu > .dropdown-menu > li.user-header {
		height: auto;
	}

	.user-avatar {
		width: 30px;
		height: 30px;
		font-size: 15px;
		line-height: 30px;
		/*position: absolute;*/
		color: #666;
		background: #d2d6de;
		border-radius: 50%;
		text-align: center;
		margin-bottom: -20px;
	}

	.navbar-static-top {
		height: 50px;
	}

	.main-header .sidebar-toggle {
		line-height: 50px;
		padding: 0 15px;
	}

	.user-menu {
		height: 50px;
	}

	.user-menu .dropdown-toggle {
		margin-top: -5px;
	}

	.sidebar-toggle b {
		line-height: 60px;
	}

	.main-sidebar, .left-side {
		padding-top: 60px;
	}

	@media (max-width: 767px) {
		.main-sidebar, .left-side {
			padding-top: 120px;
		}

		.content-wrapper {
			padding-top: 20px;
		}
	}



	.actions .btn {
		padding: 3px 10px;
	}

	.grido {
		margin-top: 0;
	}

	.grido tbody tr td, .grido tfoot tr td {
		padding: 3px 10px;
	}

	.grido .paginator {
		display: inline-block;
		margin-top: 3px;
	}

	.pagination {
		margin-top: 0px !important;
	}

	@media (min-width: 768px) {
		.modal-dialog {
			width: 700px;
		}
	}
	.pagination a {
		background-color: white;
	}

	.pagination ul {
		padding: 0;
	}

	.pagination a {

	}

	.type {
		margin-bottom: 5px;
	}

	.assign-form {
		margin-top: 10px;
	}

	.assign-form table {
		width: 70% !important;
	}

	@media (max-width: 967px) {
		.assign-form table {
			width: 100% !important;
		}
	}

	.assign-form .ms-container {
		width: 100%
	}

	.assign-form .ms-selectable {
		width: 45%;
	}

	.ms-list li span {
		font-weight: bold;
		color: black;
	}

	.ms-selectable li span {
		color: #535353;
		font-weight: normal;
	}

	.alert {
		margin-top: 5px;
		margin-bottom: 20px;
	}

	.custom-header {
		text-align: center;
		/*border: 1px solid #ccc;*/
		margin-bottom: 3px;
		position: relative;
		z-index: 50;
		/*background: white;*/
		font-size: 13px;
	}

	.search-input {
		margin-bottom: 3px;
	}

	.ms-container .ms-selectable, .ms-container .ms-selection {
		background-color: transparent !important;
	}

	.ms-list {
		background-color: white;
		border-color: #ddd !important;
		height: 400px !important;
	}

	.save {
		margin-top: 10px
	}

	.planner th, .planner td {
		text-align: center;
	}

	.nowrap {
		white-space: nowrap;
	}

	.big {
		font-size: 18px;
	}

	.inline {
		display: inline-block;
	}

	.short-column {
		width: 1px;
	}

	.small-input {
		width: 50px;
		text-align: center;
	}

	.planner-save {
		margin: 5px;
	}

	.planner-box {
		background-color: #F1F4F9 !important;
		padding: 10px;
		margin: 0 0 20px 0;
		text-align: center;
	}

	.planner-box .form-control {
		margin: 0 auto;
		display: inline-block;
	}

	.planner-big-button {
		font-size: 20px;
		margin: 0px 0 10px 0;
	}

	.filesharing .structure {
		font-size: 17px;
	}

	.filesharing .margin {
		margin: 10px 5px;
	}

	.filesharing .path {
		margin: 10px 9px;
	}

	.filesharing .icon {
		width: 30px;
	}

	.filesharing .action {
		padding: 5px;
	}

	.filesharing input[type=file] {
		/*background-color: #F4F4F4;*/
		border-width: 0;
		padding-left: 0;
	}

	#attribute-chooser table td {
		padding-right: 10px;
	}

	#attribute-chooser table td label {
		vertical-align: 3px;
	}

	[data-id="frm-chooseEmployee-employee"] {
		font-weight: bold;
	}

	[data-id="frm-chooseCommission-commission"] {
		font-weight: bold;
	}

	#grid th, #grid td {
		white-space: nowrap;
	}

	form .dropdown-toggle {
		background-color: white !important;
		border-radius: 0 !important;
	}

	#snippet-grid-grid {
		overflow: auto;
	}

	.grid-header-id {
		 width: 50px;
	}

	.datepicker tr:hover td.week {
		background-color: #eeeeee !important;
		border-radius: 0 !important;
	}

	.overflow-auto {
		overflow: auto;
	}

	.line-vacation {
		margin: 10px 0 0 0;
	}

	.daterangepicker.single.ltr .ranges {
		display: block !important;
	}

	.hidden {
		display: none;
	}

	.daterangepicker.single .left {
		float: none !important;
	}

	.single .ranges {
		text-align: center;
		float: none !important;
	}

	.single .ranges .btn {
		width: 100%;
	}
}

.table-centered td, .table-centered th {
	text-align: center !important;
	vertical-align: middle !important;
}

* {
	transition: none !important;
	-moz-transition: none !important;;
	-webkit-transition: none !important;;
}


.box-body > .header-table {
	/*width: auto;*/
	margin-bottom: 1em;
	/*border-color: gray;*/
}

.box-body > .header-table th {
	text-align: center;
}

.box-body > .header-table td {
	vertical-align: middle;
	text-align: center;
}

.table thead th {
	font-weight: bold;
}

.table .weekend td, .table td.weekend, .table th.weekend  {
	background-color: #f4f4f4;
	border-color: #E6E6E6 !important;
}

.clear {
	clear: both;
}

.summary {
	padding-top: 1em;
}

.float-control {
	margin-right: 5px;
}

.locked * {
	margin: 0 !important;
	vertical-align: middle;
}

.disabled-events {
	pointer-events: none ;
}

table.export {
	width: 100%;
}

table.export td, table.export th {

	padding: 3px;
	page-break-inside: avoid;
}

.vacation-table th {
	width: 8%;
}

.vacation-table {
	border-collapse:separate !important;
	margin-right: 1px;
	margin-top: 1em;
	width: auto !important;;
	table-layout: fixed;
	border-collapse: separate;
	border-spacing: 2px;
}


.vacation-table th.empty {
	border-width: 0 !important;
}

.vacation-table th {
	border:1px solid #ddd !important;
	text-align: center;
}

.vacation-table >tbody>tr>td {
	width:1px;
	text-align: center;
	padding:0;
	border: 1px solid #ddd;
	white-space: nowrap;
}

.vacation-table >tbody>tr>td.name  {
	border-color: transparent;
	text-align: left;
}

.vacation-table >tbody>tr>td.remaining  {
	text-align: center;
	border-color: transparent;
}

.vacation-table >tbody>tr>td.last {
	/*border-right: 1px solid #f4f4f4;*/
}

.vacation-table >tbody>tr>td.active {
	border-color: #bc0000;
}


.lessThan30remaining {
    background-color: #dd4b39 !important;
}

.lessThan90remaining {
	background-color: #f39c12 !important;
}

.lessThan30remaining, .lessThan90remaining {
	color: white !important;
}

.clickable {
	cursor: pointer;
}

.clickable:hover {
	opacity: 0.8;
}

.buttons:empty {
	display: none;
}

@media screen and (max-width: 768px){
	.float-control {
		margin-bottom: 5px
	}
	.float-control2 {
		display: block;
		text-align: center;
margin-bottom: 5px
	}
}

.form-group input[type="file"]{
	padding-top: 8px;
}

@media print {

	.locked {
		display: none;
	}

	* {
		font-size: 99%;
	}

	table.report, .summary {
		/*page-break-inside: avoid;*/
	}

	table td {
		padding: 0 5px !important;
	}

	.main-footer, .control-sidebar, [type="submit"] {
		display: none !important;
	}


	.content-wrapper {
		margin-left:0 !important;
	}

	.main-sidebar {
		display: none !important;
		width: 0px !important;
	}

	.main-header {
		display: none !important;
	}

	.box {
		margin-bottom: 0 !important;
	}

	.input-group {
		/*margin-left: 5px !important;*/
		display: inline-table !important;
		vertical-align: middle;
	}

	.input-group-addon {
		width: auto;
	}

	.short-column {
		text-align: center;
	}

	.report-form {
		display: none;
	}
}

.content-header:empty {
	display: none;
}

.grid-cell-driven_since_last {
	font-weight: bold;
}

@media (max-width: 500px) {
	.buttons {
	    text-align: center;
	    line-height: 38px;
	}

	.buttons .pull-right {
		float: none !important;
	}
}