/* Add here all your CSS customizations */
.header {
	height: 100px;
}

.page-header .breadcrumbs {
    padding-right: 15px;
}
.tabs-modern .nav .nav-link > i {
    color: #6B1C23;
}
.tabs-modern .nav .nav-link.active > i {
    color: #FFF;
}
.tabs-modern .nav .nav-link.active {
    background: #6B1C23 ;
    border-radius: 0 4px 4px 0;
	color: #FFF;
}

.sig-canvas {
  border: 2px dotted #CCCCCC;
  border-radius: 15px;
  cursor: crosshair;
}

.form-authentication {
    display: table;
    height: 100vh;
    margin: 0 auto;
    max-width: 500px;
    padding: 0 15px;
    width: 100%;
}

.form-authentication .card-sign .card-body {
    background: #FFF;
    border-top: 5px solid #6B1C23;
    border-radius: 5px 0 5px 5px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    padding: 33px 33px 15px;
}
@media only screen and (min-width: 768px){
	.header.header-nav-menu .logo:after {
		content: '';
		display: block;
		position: absolute;
		top: -13px;
		right: 0;
		height: 100px;
		border-right: 1px solid #E9E9E6;
	}
	html.fixed .page-header {
		left: 300px;
		margin: 0;
		position: fixed;
		right: 0;
		top: 100px;
	}
	html.fixed .inner-wrapper {
		padding-top: 145px;
	}
}
@media only screen and (max-width: 767px){
	.header .logo-container {
		background-image: linear-gradient(#F6F6F6 0%, #FFFFFF 45%);
		border-bottom: 1px solid #E9E9E6;
		border-top: 3px solid #EDEDED;
	}
	.header .logo-container {
		height: 100px;
		left: 0;
		position: fixed;
		right: 0;
		top: 0;
		z-index: 99;
	}
}

@media (min-width: 992px){
	.header.header-nav-menu .header-nav-main {
		margin: 0;
		padding: 1.5rem 0 1.5rem 0;
	}
	.header.header-nav .header-nav{
		padding: 1.5rem;
	}
}