/**
 * @copyright Martin Procházka (c) 2020
 * @license   MIT License
 */

.content-wrapper { background-color: #ecf0f5; }
.watermark { opacity: .3; }

.highlight { border-bottom: 1px solid rgba(0,0,0,.125); }
.card .highlight { padding: 1.25rem; margin: -1.25rem; }
.modal .highlight { padding: 1rem; margin: -1rem; }

.brand-link img { height: 24px; }

img { max-width: 100%; height: auto; }
img.h-150px { height: 150px; }
img.h-200px { height: 200px; }

img.favicon-16 { width: 16px; height: 16px; margin-top: -3px; margin-right: 4px; }
img.favicon-20 { width: 20px; height: 20px; margin-top: -5px; margin-right: 4px; }


/**
 * Navigations
 */
.navbar .navbar-nav .nav-item.active { background-color: rgba(0,0,0, .25); }
.navbar.bg-yellow .navbar-nav .nav-item.active { background-color: #fff; }

.navbar .navbar-collapse .navbar-nav .nav-link { padding: 0.5rem 1rem !important; }

.nav-sidebar .nav-link > .right:nth-child(2),
.nav-sidebar .nav-link > p > .right:nth-child(2) {
	right: 1rem;
}

.navbar .navbar-nav > .user-menu .user-image {
	width: 28px;
	height: 28px;
	margin-right: 0px;
	margin-bottom: -4px;
}

.nav-sidebar:not(.menu-admin) .nav-item > .nav-link { margin-bottom: 0px; }

.nav-treeview > .nav-item > .nav-link { padding-left: 35px; }

/*.list-group .list-group-item:not(.active):hover,*/
.navbar-nav > li:not(.active):hover,
.nav > li > a:not(.active):hover {
	background-color: rgba(0,0,0, .125);
}


/**
 * Forms
 */
.btn.btn-app i { margin: 0px auto; margin-bottom: 4px; }

.form-group label.control-label,
.custom-control span.control-label { font-weight: normal; }

.form-group.required .control-label,
.form-group .control-label.required,
.custom-control.required .control-label { font-weight: bold; }

.form-group.required .control-label::after,
.form-group .control-label.required::after,
.custom-control.required .control-label::after {
    top: 0;
    left: 0;
    position: relative;
    display: inline;
	color: #dd4b39;
	content: "*";
    padding-left: 4px;
}

.custom-file-label { color: #939ba2; }
.form-control.is-invalid { z-index: 3; }

.select2-container { flex: 1 1 auto; }


/* Login page */
.login-box, .register-box { width: 420px; }

.login-box .login-card-body .input-group .input-group-text,
.register-box .register-card-body .input-group .input-group-text {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-left: 1px solid #ced4da;
    background-color: #e9ecef;
    overflow: hidden;
}

.login-box .login-card-body .input-group .form-control,
.register-box .register-card-body .input-group .form-control {
    border-right: 1px solid #ced4da;
}

.login-box .login-card-body .input-group .form-control:focus,
.register-box .register-card-body .input-group .form-control:focus {
    border-right-color: #80bdff;
}

.login-box .login-card-body .input-group .form-control.is-invalid,
.register-box .register-card-body .input-group .form-control.is-invalid {
    border-right-color: #dc3545;
}

.login-box .login-card-body .input-group .form-control.is-valid,
.register-box .register-card-body .input-group .form-control.is-valid {
    border-right-color: #28a745;
}


/**
 * Tables
 */
.table th { white-space: nowrap; }
.datagrid table thead tr th {
	font-size: 90%;
	vertical-align: top;
}

.table .col-action .dropup,
.table .col-action .dropdown {
	display: inline-block;
}

.datagrid .datagrid-filters .select2-container { display: block; }

.datagrid .hidden { display: none !important }

.datagrid table tbody td { vertical-align: middle }
.datagrid table tbody tr.row-item-detail.toggled { display: table-row }
.datagrid table tbody tr.row-item-detail,
.datagrid table tbody tr.row-item-detail .item-detail-content,
.datagrid table tbody tr.row-item-detail-helper,
.datagrid table thead tr th .datagrid-column-header-additions .column-settings-menu .dropdown-toggle::after,
.datagrid .datagrid-tree .datagrid-tree-item.has-children > .datagrid-tree-item-children {
	display: none
}

.table .badge .fas,
.table .badge .far,
.table .badge .fab {
	display: inline-block;
	margin-right: 4px;
}