.tab-shell-container{
        width: 280px;
        overflow: hidden;
    }

    .tab-slider {
        position: absolute;
        height: 3px;
        bottom: 0;
        left: 0;
        background: #00a8e1;
        -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.68, 0, 0, 1);
        transition: -webkit-transform 0.3s cubic-bezier(0.68, 0, 0, 1), transform 0.3s cubic-bezier(0.68, 0, 0, 1);
    }

    .tabs {
        width: 100%;
        position: relative;
        font-size: 0;
    }

    .tab {
        display: inline-block;
        text-align: center;
        padding: 0;
        font-size: 16px;
        font-family: 'ember';
        font-weight: 400;
        color: #757575;
        cursor: pointer;

		-webkit-box-shadow: inset 0px -4px 6px 0px rgba(0,0,0,0.20);
		-moz-box-shadow: inset 0px -4px 6px 0px rgba(0,0,0,0.20);
		box-shadow: inset 0px -4px 6px 0px rgba(0,0,0,0.20);
		transition: all 0.3s ease-in-out;
    }
    .tab:hover {
		color: #008296;
	}

    .tab-header {
        padding: 7px 0;
    }

    .tabs-content {
        position: absolute;
        top: 38px;
        bottom: 0;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.68, 0, 0, 1);
        transition: -webkit-transform 0.3s cubic-bezier(0.68, 0, 0, 1), transform 0.3s cubic-bezier(0.68, 0, 0, 1);
    }
	.tab.ng-scope.tab-active {
		color: #232f3e;
		background: #FFFFFF;
		font-weight: 600;
		-webkit-box-shadow: inset 0px 3px 5px 0px rgba(0,0,0,0);
		-moz-box-shadow: inset 0px 3px 5px 0px rgba(0,0,0,0);
		box-shadow: inset 0px 3px 5px 0px rgba(0,0,0,0);
		transition: all 0.3s ease-in-out;
	}
    .section {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
    }

    .section:before {
        content: '';
        visibility: hidden;
        opacity: 0;
        transition: opacity 0.3s;
    }

    .section-active:before {
        opacity: 1;
    }