/*@blue: #0173ba;*/
@blue: #0168A7;
@light_grey: #e1e1e1;
@calendar_blue: #3788d8;
a {
	color: @blue;
	text-decoration: none;
}
.btn {
	background-color: @blue;
	text-transform: uppercase;
	text-decoration: none;
	a {
		color: white;
		&:hover {
			text-decoration: none;
		}
	}
}
img {
    max-width: 100%;
    height: auto;
}
.tab {
	background-color: @light_grey;
	margin: 2rem 0;
	padding: 1rem;
	h4 {
		color: grey;
		font-size: 1.3rem;
		font-weight: 700;
	}
	hr {
		margin-top: 0;
		margin-bottom: 8px;
		border-top: 1px solid grey;
	}
	.link {
		// margin-bottom: 1rem;
		padding: 0.5rem 4px;
		line-height: 1.2;
        position: relative;
		&.active {
			// background-color: @blue;
/*            background-color: #0173ba33;*/
			background-color: #C8E9FE;
		}
		&:last-child {
			margin-bottom: 0;
		}
		a {
			color: @blue;
			font-weight: 400;
		}
        ul {
            position: absolute;
            z-index: 1;
            right: -168px;
            bottom: 0;
            background-color: @light_grey;
            list-style: none;
            margin: 0;
            padding-left: 8px;
            opacity: 0;
/*            height: 0;*/
            transition: opacity 0.4s ease-in-out;
            li {
                padding: 8px 16px;
            }
        }
	}
    .link:hover > ul {
        opacity: 1;
/*        height: auto;*/
    }
}

@media only screen and (max-width: 1023px) {
	.sidebar-left {
		#sidebar_title {
			letter-spacing: -2px;
		}
		hr {
			margin-bottom: 8px;
		}
		.tab .link {
			margin-bottom: 0 !important;
			a {
				font-size: 14px;
				line-height: 1;
			}
		}
	}
}
@media only screen and (max-width: 767px) {
	.sidebar-left {
		display: none;
	}
}