/* Custom Theme Styles */
body.sign {
	background-color: #2e353e;
	background-repeat: repeat;
}
body.sign .select2-container--bootstrap .select2-selection--single .select2-selection__placeholder {
    color: #bdbdbd;
    font-size: 1.2rem;
    font-family: "Open Sans", Arial, sans-serif;
}

html,
body {
	background: var(--color-background);
}

.header {
	background: var(--color-header) !important;
	border-bottom: 0 !important;
}

.sidebar-header,
.sidebar-title,
.sidebar-toggle,
.page-header,
.sidebar-left,
.sidebar-left .nano,
.sidebar-right,
.sidebar-right .nano,
.nav-main > li > a:hover,
.nav-main > li.nav-active > a {
	background: var(--color-sidebar) !important;
}

.sidebar-left .nano .nav-main > li > a:hover::before,
.sidebar-left .nano .nav-main > li.nav-active > a::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	background: #000 !important;
	opacity: 0.05;
}

.header .profile-info .name,
.header .profile-info .role {
	color: #777 !important;
}

@media only screen and (max-width: 767px) {
	.header {
		height: 60px;
		border-color: var(--color-header) !important;
	}
	.header .logo-container {
		height: 60px;
		background: var(--color-header) !important;
		border-bottom: none;
		border-top: none;
	}
	.header .header-right {
		display: none;
		background: var(--color-header) !important;
	}
}

/* Custom Styles */ 
table.table td .btn {
	padding: 4px 6px;
}

table.table td .btn i.fas {
	width: 15px;
}

.required {
	margin-right: 4px;
}

.popover-header {
    color: #808697 !important;
}

.profile-picture {
	border-radius: 50%;
	position: relative;
	overflow: hidden;
	background-color: #efefef;
	border:1px solid #ddd;
}

.profile-picture img {
	max-width:100%;
	height:auto !important;
}

.widget-profile-info .profile-picture {
	overflow: initial;
	background-color: transparent;
}

.widget-profile-info .profile-picture img {
	max-width: 100px !important;
	width: 100px !important;
	height: 100px !important;
}
.dl-horizontal dt {
    width: 220px !important;
}

.dl-horizontal dd {
    margin-left: 235px !important;
}
.sidebar-left .sidebar-header {
	height: initial;
	min-height: 50px;
    border-bottom: 1px solid #171717;
}
.sidebar-left .sidebar-header .sidebar-toggle {
	width: 50px;
	height: 100%;
}
.sidebar-left-collapsed .sidebar-left .sidebar-header .sidebar-toggle  {
	width: 73px;
}

.sidebar-title h6 {
	color: #fff;
}
html.sidebar-light .sidebar-title h6 {
	color: #2f2f2f;
}
html.sidebar-light .sidebar-left .sidebar-header {
    border-bottom: 1px solid #f6f6f6;
}

.sidebar-left .sidebar-header .sidebar-title {
	max-width: 250px !important;
	/*min-height: 70px !important;*/
}

.sidebar-left-xs .sidebart-title-text, 
.sidebar-left-big-icons .sidebar-title-text, 
.sidebar-left-collapsed .sidebar-title-text {
	display: none !important;
}
.loading-overlay.dark {
	background-color: #2e353e;
}

/* Table Striped Styles */
html .table tr.row-with-details td {
	background-color: #f9f9f9;
}
html .table tr.row-with-details:nth-of-type(4n+1) td,
html .table tr.row-with-details:nth-of-type(4n+2) td {
	background-color: transparent !important;
}
/*
html .table tr.row-with-details.active td {
	background-color: #FFF !important;
}
*/

html.dark .table tr.row-with-details td {
	background-color: #282d36;
}
html.dark .table tr.row-with-details:nth-of-type(4n+1) td,
html.dark .table tr.row-with-details:nth-of-type(4n+2) td {
	background-color: transparent !important;
}
/*
html.dark .table tr.row-with-details.active td {
	background-color: #171717 !important;
}
*/
html .table tr.row-with-details table.table tr:nth-of-type(odd) td {
	background-color: rgba(0,0,0,.1) !important;
}

.swal2-container {
	z-index: 9999999999 !important;
}

.disable-after-click.disabled,
.disable-after-click:disabled {
	pointer-events: none !important;
}

.disable-after-click.disabled:hover,
.disable-after-click:disabled:hover {
	cursor: not-allowed !important;
}