/**
 * @author    Design Point, s.r.o. <info@dpoint.cz>
 * @package   design-point/errest-menu
 * @link      https://gitlab.com/design-point/errest-menu
 * @copyright Design Point, s.r.o. (c) 2018
 * @license   MIT License
 */

.no-font, .no-font *:not(.fa) { font-family: "Source Sans Pro", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; }
.no-background { background: none !important; }
.no-border { border: none !important; border-radius: 0px !important; }
.no-padding { padding: 0px !important; }
.no-margin { margin: 0px !important; }

.text-upper { text-transform: uppercase; }
.text-lower { text-transform: lowercase; }
.text-title { text-transform: capitalize; }
.text-italic { font-style: italic; }

.text-left { text-align: left; }
.text-center { text-align: center; }

.text-center img { margin: 0px auto; }

/* .alerts { margin-top: 15px; } */
.alert { border: none; border-radius: 0px !important; }
.alert svg { margin-bottom: -6px; }


.cover-container { margin: 10% auto; }
.fa-layers { vertical-align: middle; }

.label.fw { width: 45px; text-align: left; display: inline-block; }
.label.label-md { font-size: .9em; }
.label.label-lg { font-size: 1em; }

.list-group.no-border .list-group-item { border: none !important; }

.media-left, .media > .pull-left { padding-right: 19px; }
.handle { cursor: move; }


/* Overlay */
.box.box-primary h3 small { color: #ccc; }
.box .overlay.text-danger .svg-inline--fa { color: #a94442; }
.box .overlay .svg-inline--fa {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -15px;
	margin-top: -15px;
	color: #000;
	font-size: 30px;
}

.box.box-tiny {
	min-height: 54px;
	position: relative;
	padding: 10px;
}

/* Toolbar */
.box.box-toolbar .box-body { padding: 20px; }
.box.box-toolbar {
    border: none;
    position: relative;
}

.box .list-group .list-group-item { border-radius: 0px; }


.affix {
	top: 20px;
	display: block;
	width: 300px;
}





/* Sidebar */
.eatery-panel {
	white-space: nowrap;
	overflow: hidden;
	position: relative;
	width: 100%;
	padding: 10px;
}

.eatery-panel .btn.btn-default {
	background-color: #374850;
	border-color: #374850;
	transition: background-color .2s,
				border-color .2s,
				color .2s;
}

.eatery-panel .btn.btn-danger, .eatery-panel .btn:hover { color: #fff; }
.eatery-panel .btn.btn-default:hover,
.eatery-panel .btn.btn-danger:hover {
	color: #374850;
	background-color: #fff;
	border-color: #fff;
}


/**
 * Forms
 */
.label { cursor: default; }
.label .fas, .label .far { margin-right: 4px; }

label.control-label { display: block; }
label { font-weight: normal; }
label.required, .form-group.required > label { font-weight: bold; }
label.required::after, .form-group.required > label:not(.btn)::after {
	color: #DD4B39;
	content: "*";
	padding-left: 4px;
}

.input-group .input-group-addon img { width: 32px; height: 32px; display: inline-block; }
.input-group .input-group-addon:not(.bg-none) { background-color: #d2d6de; color: #555299; }
.input-group .input-group-addon.fw { width: 42.5px; text-align: center; }


/* Select2 */
.select2.select2-container { display: block; width: auto !important; }
.col-per-page > .select2.select2-container { display: inline-block; }
.select2 .select2-search__field { border: none !important }
.select2 .select2-selection__choice { margin-top: 3px !important; margin-bottom: -2px; }
.select2.select2-container .select2-selection ul { overflow: visible !important; }
form.form-inline .select2.select2-container { min-width: 230px; }


/**
 * Datagrid
 */
/*.table-responsive { overflow: visible; margin: 0px; }*/
.box.datagrid .table { margin-bottom: 0px; }


.table-fixed { table-layout: fixed; }
.table-fixed .col-primary { width: 100%; vertical-align: middle; }
.table-fixed .col-tiny { width: 90px; vertical-align: middle; }
.table-fixed .col-small { width: 120px; vertical-align: middle; }
.table-fixed .col-action { width: 220px; padding-left: 10px; vertical-align: middle; }

.table-fixed tr {background: #fff;}

table.table img.user-image {
	width: 24px;
	height: 24px;
	margin-right: 4px;
	border-radius: 50%;
}


.datagrid.datagrid-moneyGrid .datagrid-row-columns-summary td { text-align: right; }
.datagrid .select2-container .select2-selection { height: 28px; margin-top: -3px; }
.datagrid .select2-container .select2-selection__arrow b {
	top: 30%;
}
.datagrid .select2-container .select2-selection__rendered {
	font-size: 12px;
	line-height: 22px;
}

.datagrid a .label { cursor: pointer; }

.datagrid .col-action {
	white-space: nowrap;
}

.box table tr.disabled { opacity: .4; }
.box table tfoot td, .box table tfoot th { border-top: 2px solid #ccc; }


table.table-hover > tbody > tr td > *:not(.btn):not(.label):not(input):not(code),
table.table-hover > tbody > tr td,
table.table-hover > tbody > tr { transition: all ease-in-out .05s }
table.table-hover > tbody > tr:hover { background-color: #3c8dbc; }
table.table-hover > tbody > tr:hover td > *:not(.btn):not(.label):not(input):not(code),
table.table-hover > tbody > tr:hover td { color: #fff !important; }


.datagrid .datagrid-column-header-additions { float: right; }
.datagrid .datagrid-row-inline-add.datagrid-row-inline-add-hidden { display: none; }

.datagrid table tbody tr .datagrid-inline-edit .form-control {
    margin: -3px;
    padding-bottom: 4px;
    padding-top: 4px;
    height: 28px;
}

.datagrid table tbody tr td.edited {
    animation-name: edited;
    animation-duration: 1.2s;
    animation-delay: 0;
}

.datagrid table tbody tr td.edited-error {
    animation-name: edited-error;
    animation-duration: 1.6s;
    animation-delay: 0;
}



@media (max-width: 768px) {
	.main-header .sidebar-toggle::before { content: ''; }

	.navbar .container { padding: 0px; }
	.navbar .navbar-header .navbar-brand {
		float: none;
	    display: block;
	    font-size: 20px;
	    line-height: 50px;
	    width: 100%;
	    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	    padding: 0 15px;
	    font-weight: 300;
	    text-align: center;
		background-color: #d73925;
	}
}

@keyframes edited {
	0% { background-color: #A6E2A9; }
	100% { background-color: transparent; }
}

@keyframes edited-error {
	0% { background-color: #E8AAA4; }
	100% { background-color: transparent; }
}