@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.11.2/css/all.css");
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i&display=swap');

body {
	background: #F8F9FA;
}

@media (min-width: 768px) {
    body.wizard {
      padding-top: 0; } }

@media (min-width: 768px) {
  body.wizard {
    margin-left: 285px; } }

body.dashboard .container-fluid {
	max-width: 1140px !important;
}

body.wizard .container-fluid {
	max-width: 890px;
	margin-left: 296px;
}

.form-check-inline {
	margin-right: .6em;
}

.form-check-label:hover {
	cursor: pointer;
}

.navbar, .btn {
    font-weight: 400;
}

.navbar-light
{
	margin-top: 61px
}

.container strong
{
	font-weight: 700;
}

nav.navbar.branded {
	background: #242d3d;
	border-bottom: 5px solid #F9423A;
	position: fixed;
    top: 0;
	left: 0; 
	width: 100%;
	z-index: 1000;
}

.container.sidebar-offset
{
	padding-top: 100px;
}

h1{
	font-size: 2rem;
	font-weight: 200;
}

.fixed-left {
	padding: 20px;
	background-color: #fff;
	border-right: 1px solid #E0E0E0;
}

.navbar.fixed-left {
	position: fixed;
	top: 62px;
	left: 0;
	right: 0;
	z-index: 1030; }

	@media (max-width: 768px) {
		.navbar.fixed-left{
		display:none;}
	}
	@media (min-width: 768px) {
	  .navbar.fixed-left {
		bottom: 0;
		width: 280px;
		flex-flow: column nowrap;
		align-items: flex-start; }
		.navbar.fixed-left .navbar-collapse {
		  flex-grow: 0;
		  flex-direction: column;
		  width: 100%; }
		  .navbar.fixed-left .navbar-collapse .navbar-nav {
			flex-direction: column;
			width: 100%; }
			.navbar.fixed-left .navbar-collapse .navbar-nav .nav-item {
			  width: 100%; }
			  .navbar.fixed-left .navbar-collapse .navbar-nav .nav-item .dropdown-menu {
				top: 0; } }
	@media (min-width: 768px) {
	  .navbar.fixed-left {
		right: auto; }
		.navbar.fixed-left .navbar-nav .nav-item .dropdown-toggle:after {
		  border-top: 0.3em solid transparent;
		  border-left: 0.3em solid;
		  border-bottom: 0.3em solid transparent;
		  border-right: none;
		  vertical-align: baseline; }
		.navbar.fixed-left .navbar-nav .nav-item .dropdown-menu {
		  left: 100%; } }
  

div.card,
.cardLinks,
.cardLinks a {
	display: flex;
	color: #2b2b2b;
	width: 100%;
}

.cardLinks a:hover,
.cardLinks a:target,
.cardLinks a:active,
.cardLinks a.selected {
	box-shadow: 0 0 2px 2px #0774D2 !important;
	-webkit-transition: -webkit-box-shadow 0.15s ease-in-out;
	transition: -webkit-box-shadow 0.15s ease-in-out;
	transition: box-shadow 0.15s ease-in-out;
	transition: box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
	text-decoration: none;
	color: #2b2b2b;
}



.card-deck {
	margin: 0;
}

.sidebarHeader
{
	background: #76787B;
	color: #fff;
	display: block;
	position: absolute;
	top: -1px;
	left: 0;
	width: 100%;
	padding: 20px  0 20px 20px;
}
.fixed-left a{
		color: #333;
	}
span.leadItem
{
	display: block;
	width: 100%;
	font-weight: 700;
	font-size: 1.1em;

}

span.leadItem.active span
	{
	background: #0774D2;
	}
	
span.leadItem.active, ul.fa-ul li.active a
	{
		color: #0774D2;
	}
span.leadItem.completed{
	color: green;
}
span.leadItem.completed span{
	background: green;
}
ul.fa-ul 
{
	padding-top: 1em;
	padding-left: 2em;
	margin-left: 0px;
	padding-bottom: 1em;
	/* background: url(../images/pixel.jpg) 12px 0px repeat-y; 
}
ul.fa-ul:last-child
{
	background: none;
	*/
}
ul.fa-ul li i.fa
{
	line-height: 1.5em;
	margin-right: 0.5em;
}

ul.fa-ul li
{
	margin: 0.25em 0 0.25em 0;
	width: 100%;
}

#hidden
{
	display: none;
}

.custom-radio input, .custom-radio label{
	cursor: pointer;
}

@media (min-width: 768px) {
	.main {
		padding-right: 40px;
		padding-top: 100px;
		padding-bottom: 50px;
	}
}

.btn-light, .bg-light
{
	background: #EDEDED !important;
}

a.create-new .card
{
	border: 2px dashed #cccccc;
	transition: ease-in-out 0.15s;
}

a.create-new:hover .card
{
	border: 2px dashed #0774D2;
	color: #0774D2;
	
}

a.create-new, a.create-new:hover
{
	text-decoration: none;
}

.filetype label{
	position: relative;
	cursor: pointer;
}

.filetype .form-check{
	padding-left: 0;
}

.filetype input[type="checkbox"] {
	position: absolute;
	right: 9000px;
	font-weight: 900;
}

/*Check box*/
.filetype input[type="checkbox"] + .label-text:before{
	content: "\f0c8";
	font-family: 'Font Awesome\ 5 Free';
	speak: none;
	font-style: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing:antialiased;
	width: 1em;
	display: inline-block;
	margin-right: 5px;
}

.filetype input[type="checkbox"]:checked + .label-text:before{
	content: "\f14a";
	font-family: 'Font Awesome\ 5 Free';
	color: #2980b9;
	animation: effect 250ms ease-in;
}


@keyframes effect{
	0%{transform: scale(0);}
	25%{transform: scale(1.3);}
	75%{transform: scale(1.4);}
	100%{transform: scale(1);}
}


.table th{
	border-top: none;
}