:root {
	--a-color:#3c8ad9;
	--a-color-hover:#860c23;
	--a-decor:1px dotted;
	--a-decor-hover:1px dashed;
	--text-color:#000;
	--border-color:#dee2e6;
	--menu-bg-color: #f6f6f6;
	--wrapper-bg-color: #fcfcfc;
	--logo-bg-color: #74bff6;
	--search-bg-color: #ffffff;
	--search-bg-color-focus: #fcfcfc;
	--search-bcancel-color: red;
	--dropdown-menu-bg:#f6f6f6;
	--dropdown-menu-bg-head:#ebedef;
	--color-nav-link:#6c757d;
	--color-nav-link-hover:#000000;
	--chebx-color-aft:#7c8a97;
	--chebx-color-bef:#ffffff;
	--chebx-bg-aft:#ffffff;
	--chebx-bg-bef:#CDD1DA;

}

.dark-mode {
	--a-color:#8fc1f3;
	--a-color-hover:#ffffff;
	--a-decor:1px dashed;
	--a-decor-hover:1px solid;
	--text-color:#f6f6f6;
	--border-color:#4e5f71;
	--menu-bg-color: #2f4250;
	--wrapper-bg-color: #374e5f;
	--logo-bg-color: #3f4b54;
	--search-bg-color: #374e5f;
	--search-bg-color-focus: #5d6d7a;
	--search-bcancel-color: #fff;
	--dropdown-menu-bg:#374e5f;
	--dropdown-menu-bg-head:#344251;
	--color-nav-link:#929da7;
	--color-nav-link-hover:#cccccc;
	--chebx-color-aft:#2d4458;
	--chebx-color-bef:#818d99;
	--chebx-bg-aft:#bbcad9;
	--chebx-bg-bef:#63768461;
}
html{
	background-color: var(--menu-bg-color);
}

a{
	color: var(--a-color);
	
}
a:hover{
	cursor: pointer;
	color: var(--a-color-hover);
}
a.decor-a{
	border-bottom: var(--a-decor) var(--a-color);
}
a.decor-a:hover{
	border-bottom: var(--a-decor-hover) var(--a-color-hover);
}
a.blank-a{
	padding-right: 12px;
}
a.blank-a:after{
	content: '\f35d';
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	font-size: 10px;
	margin-left: 2px;
	position: absolute;
}
a, button, .checkbox + label:after,
.checkbox + label:before,
.control-sidebar-dark h5 .fa-angle-right{
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
img{
	width: 100%;
	height: auto;
}
.sidebar-custom, .navbar-custom{
	background-color: var(--menu-bg-color);
}
.sidebar.navbar-fixed-top-mg{
	margin-top: 10px;
}
.layout-navbar-fixed.layout-fixed .wrapper .sidebar {
	margin-top: calc(3.5rem + 11px);
}
.control-sidebar-dark h6{
	color: var(--color-nav-link);
}
.content-wrapper-custom, .wrapper{
	background-color: var(--wrapper-bg-color);
}
.navbar-custom .btn-navbar, .navbar-light .form-control-navbar {
	background-color: var(--search-bg-color);
	color: var(--color-nav-link);
}
.navbar-light .form-control-navbar::placeholder {
	color: var(--color-nav-link);
}
.navbar-light .form-control-navbar:focus,
.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
	background-color: var(--search-bg-color-focus);
	color: var(--text-color);
}
.navbar-custom.navbar-fixed-shadow{
	box-shadow: 0px -7px 20px 0px #000;
}
.togle-news-card.show-news-card{
	display: block;
}
.togle-news-card.hide-news-card{
	display: none;
}
.card-box-shadow-none{
	box-shadow: none;
}
input[type="search"]::-webkit-search-cancel-button {
	-webkit-appearance: none;
	height: 14px;
	width: 14px;
	position: relative;
	right: -10px;
	background-color: var(--search-bcancel-color);
	-webkit-mask-image: url(../files/times-circle.svg) ;
	mask-image: url(../files/times-circle.svg) no-repeat 50% 50%;
	opacity: .3;
	pointer-events: none;
}

input[type="search"]:focus::-webkit-search-cancel-button {
	opacity: 1;
	pointer-events: all;
}
.layout-navbar-fixed .brand-link{
	padding: 0.8125rem 0.5rem 0.65rem 0.5rem;
}
.brand-link{
	background-color: var(--search-bg-color);
	color: var(--color-nav-link);
	border-bottom: 1px solid var(--border-color);
	margin-bottom: 10px;
	padding:0.8125rem 0.5rem;
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none;   /* Chrome/Safari/Opera */
	-khtml-user-select: none;    /* Konqueror */
	-moz-user-select: none;      /* Firefox */
	-ms-user-select: none;       /* Internet Explorer/Edge */
	user-select: none;
}
.brand-link:hover{
	background-color: var(--search-bg-color);
	color: var(--color-nav-link);
}
.brand-image.img-circle{
	margin: -3px 5px 0 10px;
	max-height: 36px;
	background-color: var(--logo-bg-color);
}
.user-panel{
	margin: 0px 1px 17px 1px;
	padding: 0;
	border-radius: 4px;
}
.user-panel .info{
	padding: 0;
	margin: auto 0;
	font-size: 20px;
	font-weight: 500;
}
.user-panel .info a,
.breadcrumb-item a{
	color: var(--color-nav-link);
}
.user-panel .info a:hover,
.breadcrumb-item a:hover{
	color: var(--color-nav-link-hover);
}
.user-panel,
.user-panel .info {
	overflow: hidden;
	white-space: nowrap;
	background-color: var(--dropdown-menu-bg-head);
}
.user-panel .image {
	padding: 7px;
}
.user-panel img {
	height: auto;
	width: 2.64rem;
	border: 2px solid var(--border-color);
	box-shadow: 0 0 7px -1px #0000008c;
}
.font-weight-light {
	font-weight: 500 !important;
}
.navbar-light .navbar-nav .nav-link, .nav-pills .nav-link,
.navbar-light .form-control-navbar+.input-group-append>.btn-navbar{
	color: var(--color-nav-link);
}
.sidebar-custom .nav-pills .nav-link:hover{
	background-color: var(--border-color);
	color: var(--color-nav-link-hover);
}
.os-theme-light>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle {
	background: var(--border-color);
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
	color: var(--color-nav-link-hover);
	background-color: var(--border-color);
}
.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link:focus{
	color: var(--color-nav-link-hover);
}
.dropdown-menu{
	background-color: var(--dropdown-menu-bg);
}
.navbar-light .navbar-nav [data-widget="control-sidebar"]:focus,
.navbar-light .navbar-nav .active>.nav-link,
.navbar-light .navbar-nav .nav-link.active, 
.navbar-light .navbar-nav .nav-link.show, 
.navbar-light .navbar-nav .show>.nav-link {
	color: #ffc107;
}
.dropdown-footer, .dropdown-header {
	padding: 0.7rem 1rem;
	background-color:  var(--dropdown-menu-bg-head);
}
.dropdown-item{
	color: var(--text-color);
}
.dropdown-item:hover{
	background-color:  var(--dropdown-menu-bg-head);
	color: var(--text-color);
}
.dropdown-divider{
	border-top: 1px solid var(--border-color);
}
.control-sidebar-dark,
.control-sidebar-dark h5 {
	background: var(--dropdown-menu-bg-head);
	color: var(--text-color);
}
.control-sidebar-dark{
	box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.175);
}
.control-sidebar-dark h5{
	text-align: center;
}
.control-sidebar-dark h5 .fa-angle-right{
	position: absolute;
	right: 15px;
	top: 18px;
	font-size: 24px;
	color: #ccc;
}
.control-sidebar-dark h5 .fa-angle-right:hover{
	cursor: pointer;
	color: #777;
}
.control-sidebar-content hr{
	margin-top: 5px;
	margin-bottom: 5px;
}
.control-sidebar-content-item{
	height: 36px;
}
.control-sidebar-content-item span{
	top: 5px;
	position: relative;
}

:not(.layout-fixed) .main-sidebar {
	margin-bottom: -20px;
}
.modal-content{
	background-color: var(--menu-bg-color);
	color: var(--text-color);
}
.modal-header{
	border-bottom: 1px solid var(--border-color);
}
.close, .mailbox-attachment-close{
	color: var(--text-color);
	text-shadow: none;
    /*opacity: 1;*/
}
.close:hover, .mailbox-attachment-close:hover{
	color: var(--a-color-hover);
}
.ekko-lightbox-nav-overlay a>* {
    text-shadow: 0 0 8px var(--menu-bg-color);
}
.main-footer a{
	margin:0 5px;
}
.content-header {
	color: var(--text-color);
	margin-left: 15px;
}
.breadcrumb-item.active {
	color: var(--color-nav-link);
}
.main-header {
	border-bottom: 1px solid var(--border-color);
}
.card{
	background-color: var(--menu-bg-color);
	color: var(--text-color);
	margin: 0px 3px 20px 3px;
}
.card-h4{
	margin-bottom: 25px;
}
.main-footer {
	background:  var(--menu-bg-color);
	border-top: 1px solid var(--border-color);
}
.main-footer a{
	color: var(--color-nav-link);
}
.main-footer a:hover{
	color: var(--color-nav-link-hover);
}


@media (min-width: 576px){
	.d-sm-inline-block {
		min-width: 90px;
	}
}
@media (max-width: 576px){
	.form-inline.ml-3 {
		margin-left: 0.5rem !important;
	}
}