/* Elements */
.metric-inline {
	@include border-radius(3px);	
	@extend .align-center;
	padding: 20px;
	font-size: 36px;
	background-color: #f5f5f5;

	i {
		@extend .displayblock;
		margin-bottom: 12px;
		color: $color-muted;
	}
	
	span {
		@extend .displayblock;
		font-size: 20px;
	}
}
.separator-linethrough {
	position: relative;
	margin: 30px 0;
	@extend .align-center;

	span {
		@include inline-block;

		padding: 0 10px;
		position: inherit;
		font-size: 18px;
		background-color: $col-white;
		z-index: 9;
	}

	&:after {
		@extend .displayblock;
		position: absolute;
		top: 50%;
		width: 100%;
		content: '';
		border-top: 1px solid #f0f0f0;
		z-index: 0;
	}
}
.block-header{
    padding: 10px 25px;
    background: $col-white;
    @extend .m-b-25;

    @include max-screen($break-large) {
        padding: 10px 20px;
    }

    @include max-screen($break-small) {        
        padding: 10px 15px;        
    }
    @include max-screen($break-xsmall) {
        .text-right{
            text-align: left !important;
        }
    }

	h2{
        font-size: 18px;
        @extend .m-b-0;
        line-height: 28px;
	}
	.breadcrumb{
        @extend .padding-0;
        @extend .m-b-0;
        @extend .m-r-20;
        @extend .inlineblock;
        background: transparent;
        li{
            @extend .inlineblock;
        }
    }
}
/* toastr notification */
#toast-container {
	> div {
		@include opacity(1);
		
		&,
		&:hover{
			@include box-shadow(none);
		}
    }

    .toast-close-button {
        @include opacity(.3);
    
        top: -11px;
        text-shadow: none;
        color: $col-white;
    
        &:hover,
        &:focus {
            @include opacity(.5);
        }
    }
    
    .toast-info {
        background-color: $color-accent;
    
        .toast-close-button {
            color: darken($color-accent, 20%);
        }
    }
    
    .toast-success {
        background-color: $color-success;
    
        .toast-close-button {
            color: darken($color-success, 20%);
        }
    }
    
    .toast-warning {
        background-color: $color-warning;
    
        .toast-close-button {
            color: darken($color-warning, 20%);
        }
    }
    
    .toast-error {
        background-color: $color-danger;
    
        .toast-close-button {
            color: darken($color-danger, 25%);
        }
    }

    .toast {
        @extend .m-b-0;
        a {
            text-decoration: underline;
    
            &:hover,
            &:focus {
                text-decoration: none;
                color: $col-white;
            }
        }
    
        .toast-message {
            font-size: 14px;
            line-height: 1.4;
        }
    }
}
/* Tags Input */
.bootstrap-tagsinput{
    .tag{
        margin: 2px !important;
    }
}
/* Input Slider */
.noUi-target{
    box-shadow: none !important;
    border-color: $grey-300;
    .noUi-background,
    .noUi-connect{
        box-shadow: none !important;
    }
}