@charset "UTF-8";
/*
Template:  Webmin - Bootstrap 4 & Angular 5 Admin Dashboard Template
Author: potenzaglobalsolutions.com
Design and Developed by: potenzaglobalsolutions.com
Version : 1.0

NOTE: This file includes all admin Template plugins and Shortcodes. If you don't want to use any plugins from below. You can simply remove that line from this file.
*/
/*================================================
[  Table of contents  ]
================================================

1. Variables
2. Mixins
3. Helpers
4. Typography
5. Components
        - Accordion
        - Button
        - Lists
        - Nice Select
        - Pricing
        - Social Icon
        - Tabs
        - Owl Carousel
6. Sidebar
7. Layout
8. Responsive

======================================
[ End table content ]
======================================*/

@import 'bootstrap.css';
@import 'fullcalendar.css';
@import 'bts-touchspin.css';
@import 'simplemde.css';
@import 'weathericons.css';
@import 'fontawesome.css';

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.sr-only-focusable:active, .sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto;
}

.toast-title {
    font-weight: bold;
}

.toast-message {
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}

.toast-message a,
.toast-message label {
    color: #fff;
}

.toast-message a:hover {
    color: #CCCCCC;
    text-decoration: none;
}

.toast-close-button {
    position: relative;
    right: -0.3em;
    top: -0.3em;
    float: right;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    -webkit-text-shadow: 0 1px 0 #fff;
    text-shadow: 0 1px 0 #fff;
    opacity: 0.8;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    filter: alpha(opacity=80);
    line-height: 1;
}

.toast-close-button:hover,
.toast-close-button:focus {
    color: #000000;
    text-decoration: none;
    cursor: pointer;
    opacity: 0.4;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
    filter: alpha(opacity=40);
}

.rtl .toast-close-button {
    left: -0.3em;
    float: left;
    right: 0.3em;
}

/*Additional properties for button version
 iOS requires the button element instead of an anchor tag.
 If you want the anchor version, it requires `href="#"`.*/
button.toast-close-button {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
}

.toast-top-center {
    top: 0;
    right: 0;
    width: 100%;
}

.toast-bottom-center {
    bottom: 0;
    right: 0;
    width: 100%;
}

.toast-top-full-width {
    top: 0;
    right: 0;
    width: 100%;
}

.toast-bottom-full-width {
    bottom: 0;
    right: 0;
    width: 100%;
}

.toast-top-left {
    top: 12px;
    left: 12px;
}

.toast-top-right {
    top: 12px;
    right: 12px;
}

.toast-bottom-right {
    right: 12px;
    bottom: 12px;
}

.toast-bottom-left {
    bottom: 12px;
    left: 12px;
}

#toast-container {
    position: fixed;
    z-index: 999999;
    pointer-events: none;
    /*overrides*/
}

#toast-container * {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#toast-container > div {
    position: relative;
    pointer-events: auto;
    overflow: hidden;
    margin: 0 0 6px;
    padding: 15px 15px 15px 50px;
    width: 300px;
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
    background-position: 15px center;
    background-repeat: no-repeat;
    -moz-box-shadow: 0 0 12px #999999;
    -webkit-box-shadow: 0 0 12px #999999;
    box-shadow: 0 0 12px #999999;
    color: #fff;
    opacity: 0.8;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    filter: alpha(opacity=80);
}

#toast-container > div.rtl {
    direction: rtl;
    padding: 15px 50px 15px 15px;
    background-position: right 15px center;
}

#toast-container > div:hover {
    -moz-box-shadow: 0 0 12px #000000;
    -webkit-box-shadow: 0 0 12px #000000;
    box-shadow: 0 0 12px #000000;
    opacity: 1;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    filter: alpha(opacity=100);
    cursor: pointer;
}

#toast-container > .toast-info {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important;
}

#toast-container > .toast-error {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important;
}

#toast-container > .toast-success {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important;
}

#toast-container > .toast-warning {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important;
}

#toast-container.toast-top-center > div,
#toast-container.toast-bottom-center > div {
    width: 300px;
    margin-left: auto;
    margin-right: auto;
}

#toast-container.toast-top-full-width > div,
#toast-container.toast-bottom-full-width > div {
    width: 96%;
    margin-left: auto;
    margin-right: auto;
}

.toast {
    background-color: #030303;
}

.toast-success {
    background-color: #51A351;
}

.toast-error {
    background-color: #BD362F;
}

.toast-info {
    background-color: #2F96B4;
}

.toast-warning {
    background-color: #F89406;
}

.toast-progress {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 4px;
    background-color: #000000;
    opacity: 0.4;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
    filter: alpha(opacity=40);
}

/*Responsive Design*/
@media all and (max-width: 240px) {
    #toast-container > div {
        padding: 8px 8px 8px 50px;
        width: 11em;
    }

    #toast-container > div.rtl {
        padding: 8px 50px 8px 8px;
    }

    #toast-container .toast-close-button {
        right: -0.2em;
        top: -0.2em;
    }

    #toast-container .rtl .toast-close-button {
        left: -0.2em;
        right: 0.2em;
    }
}

@media all and (min-width: 241px) and (max-width: 480px) {
    #toast-container > div {
        padding: 8px 8px 8px 50px;
        width: 18em;
    }

    #toast-container > div.rtl {
        padding: 8px 50px 8px 8px;
    }

    #toast-container .toast-close-button {
        right: -0.2em;
        top: -0.2em;
    }

    #toast-container .rtl .toast-close-button {
        left: -0.2em;
        right: 0.2em;
    }
}

@media all and (min-width: 481px) and (max-width: 768px) {
    #toast-container > div {
        padding: 15px 15px 15px 50px;
        width: 25em;
    }

    #toast-container > div.rtl {
        padding: 15px 50px 15px 15px;
    }
}

/*!
 * Datepicker for Bootstrap v1.6.4 (https://github.com/eternicode/bootstrap-datepicker)
 *
 * Copyright 2012 Stefan Petre
 * Improvements by Andrew Rowls
 * Licensed under the Apache License v2.0 (http://www.apache.org/licenses/LICENSE-2.0)
 */
.datepicker {
    padding: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    direction: ltr;
}

.datepicker-inline {
    width: 220px;
}

.datepicker.datepicker-rtl {
    direction: rtl;
}

.datepicker.datepicker-rtl table tr td span {
    float: right;
}

.datepicker-dropdown {
    top: 0;
    left: 0;
}

.datepicker-dropdown:before {
    content: '';
    display: inline-block;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #999;
    border-top: 0;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    position: absolute;
}

.datepicker-dropdown:after {
    content: '';
    display: inline-block;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    border-top: 0;
    position: absolute;
}

.datepicker-dropdown.datepicker-orient-left:before {
    left: 6px;
}

.datepicker-dropdown.datepicker-orient-left:after {
    left: 7px;
}

.datepicker-dropdown.datepicker-orient-right:before {
    right: 6px;
}

.datepicker-dropdown.datepicker-orient-right:after {
    right: 7px;
}

.datepicker-dropdown.datepicker-orient-bottom:before {
    top: -7px;
}

.datepicker-dropdown.datepicker-orient-bottom:after {
    top: -6px;
}

.datepicker-dropdown.datepicker-orient-top:before {
    bottom: -7px;
    border-bottom: 0;
    border-top: 7px solid #999;
}

.datepicker-dropdown.datepicker-orient-top:after {
    bottom: -6px;
    border-bottom: 0;
    border-top: 6px solid #fff;
}

.datepicker table {
    margin: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.datepicker td,
.datepicker th {
    text-align: center;
    width: 20px;
    height: 20px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: none;
}

.table-striped .datepicker table tr td,
.table-striped .datepicker table tr th {
    background-color: transparent;
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgb(248, 248, 248);
}

.table-striped tbody tr:nth-of-type(even) {
    background-color: rgba(0, 0, 0, 0.05);
}

.datepicker table tr td.day:hover,
.datepicker table tr td.day.focused {
    background: #eee;
    cursor: pointer;
}

.datepicker table tr td.old,
.datepicker table tr td.new {
    color: #999;
}

.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
    background: none;
    color: #999;
    cursor: default;
}

.datepicker table tr td.highlighted {
    background: #d9edf7;
    border-radius: 0;
}

.datepicker table tr td.today,
.datepicker table tr td.today:hover,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover {
    background-color: #fde19a;
    background-image: -moz-linear-gradient(to bottom, #fdd49a, #fdf59a);
    background-image: -ms-linear-gradient(to bottom, #fdd49a, #fdf59a);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdd49a), to(#fdf59a));
    background-image: -webkit-linear-gradient(to bottom, #fdd49a, #fdf59a);
    background-image: -o-linear-gradient(to bottom, #fdd49a, #fdf59a);
    background-image: linear-gradient(to bottom, #fdd49a, #fdf59a);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0);
    border-color: #fdf59a #fdf59a #fbed50;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    color: #000;
}

.datepicker table tr td.today:hover,
.datepicker table tr td.today:hover:hover,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today.disabled:hover:hover,
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today:hover.disabled,
.datepicker table tr td.today.disabled.disabled,
.datepicker table tr td.today.disabled:hover.disabled,
.datepicker table tr td.today[disabled],
.datepicker table tr td.today:hover[disabled],
.datepicker table tr td.today.disabled[disabled],
.datepicker table tr td.today.disabled:hover[disabled] {
    background-color: #fdf59a;
}

.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active {
    background-color: #fbf069 \9;
}

.datepicker table tr td.today:hover:hover {
    color: #000;
}

.datepicker table tr td.today.active:hover {
    color: #fff;
}

.datepicker table tr td.range,
.datepicker table tr td.range:hover,
.datepicker table tr td.range.disabled,
.datepicker table tr td.range.disabled:hover {
    background: #eee;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.datepicker table tr td.range.today,
.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today.disabled:hover {
    background-color: #f3d17a;
    background-image: -moz-linear-gradient(to bottom, #f3c17a, #f3e97a);
    background-image: -ms-linear-gradient(to bottom, #f3c17a, #f3e97a);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f3c17a), to(#f3e97a));
    background-image: -webkit-linear-gradient(to bottom, #f3c17a, #f3e97a);
    background-image: -o-linear-gradient(to bottom, #f3c17a, #f3e97a);
    background-image: linear-gradient(to bottom, #f3c17a, #f3e97a);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3c17a', endColorstr='#f3e97a', GradientType=0);
    border-color: #f3e97a #f3e97a #edde34;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today:hover:hover,
.datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today.disabled:hover:hover,
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:hover.active,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today:hover.disabled,
.datepicker table tr td.range.today.disabled.disabled,
.datepicker table tr td.range.today.disabled:hover.disabled,
.datepicker table tr td.range.today[disabled],
.datepicker table tr td.range.today:hover[disabled],
.datepicker table tr td.range.today.disabled[disabled],
.datepicker table tr td.range.today.disabled:hover[disabled] {
    background-color: #f3e97a;
}

.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:hover.active {
    background-color: #efe24b \9;
}

.datepicker table tr td.selected,
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected.disabled:hover {
    background-color: #9e9e9e;
    background-image: -moz-linear-gradient(to bottom, #b3b3b3, #808080);
    background-image: -ms-linear-gradient(to bottom, #b3b3b3, #808080);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b3b3b3), to(#808080));
    background-image: -webkit-linear-gradient(to bottom, #b3b3b3, #808080);
    background-image: -o-linear-gradient(to bottom, #b3b3b3, #808080);
    background-image: linear-gradient(to bottom, #b3b3b3, #808080);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3b3b3', endColorstr='#808080', GradientType=0);
    border-color: #808080 #808080 #595959;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.datepicker table tr td.selected:hover,
.datepicker table tr td.selected:hover:hover,
.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected.disabled:hover:hover,
.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:hover.active,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected:hover.disabled,
.datepicker table tr td.selected.disabled.disabled,
.datepicker table tr td.selected.disabled:hover.disabled,
.datepicker table tr td.selected[disabled],
.datepicker table tr td.selected:hover[disabled],
.datepicker table tr td.selected.disabled[disabled],
.datepicker table tr td.selected.disabled:hover[disabled] {
    background-color: #808080;
}

.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:hover.active {
    background-color: #666666 \9;
}

.datepicker table tr td.active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover {
    background-color: #006dcc;
    background-image: -moz-linear-gradient(to bottom, #08c, #0044cc);
    background-image: -ms-linear-gradient(to bottom, #08c, #0044cc);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08c), to(#0044cc));
    background-image: -webkit-linear-gradient(to bottom, #08c, #0044cc);
    background-image: -o-linear-gradient(to bottom, #08c, #0044cc);
    background-image: linear-gradient(to bottom, #08c, #0044cc);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#08c', endColorstr='#0044cc', GradientType=0);
    border-color: #0044cc #0044cc #002a80;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active:hover.disabled,
.datepicker table tr td.active.disabled.disabled,
.datepicker table tr td.active.disabled:hover.disabled,
.datepicker table tr td.active[disabled],
.datepicker table tr td.active:hover[disabled],
.datepicker table tr td.active.disabled[disabled],
.datepicker table tr td.active.disabled:hover[disabled] {
    background-color: #0044cc;
}

.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active {
    background-color: #003399 \9;
}

.datepicker table tr td span {
    display: block;
    width: 23%;
    height: 54px;
    line-height: 54px;
    float: left;
    margin: 1%;
    cursor: pointer;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.datepicker table tr td span:hover,
.datepicker table tr td span.focused {
    background: #eee;
}

.datepicker table tr td span.disabled,
.datepicker table tr td span.disabled:hover {
    background: none;
    color: #999;
    cursor: default;
}

.datepicker table tr td span.active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover {
    background-color: #006dcc;
    background-image: -moz-linear-gradient(to bottom, #08c, #0044cc);
    background-image: -ms-linear-gradient(to bottom, #08c, #0044cc);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08c), to(#0044cc));
    background-image: -webkit-linear-gradient(to bottom, #08c, #0044cc);
    background-image: -o-linear-gradient(to bottom, #08c, #0044cc);
    background-image: linear-gradient(to bottom, #08c, #0044cc);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#08c', endColorstr='#0044cc', GradientType=0);
    border-color: #0044cc #0044cc #002a80;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active:hover.disabled,
.datepicker table tr td span.active.disabled.disabled,
.datepicker table tr td span.active.disabled:hover.disabled,
.datepicker table tr td span.active[disabled],
.datepicker table tr td span.active:hover[disabled],
.datepicker table tr td span.active.disabled[disabled],
.datepicker table tr td span.active.disabled:hover[disabled] {
    background-color: #0044cc;
}

.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active {
    background-color: #003399 \9;
}

.datepicker table tr td span.old,
.datepicker table tr td span.new {
    color: #999;
}

.datepicker .datepicker-switch {
    width: 145px;
}

.datepicker .datepicker-switch,
.datepicker .prev,
.datepicker .next,
.datepicker tfoot tr th {
    cursor: pointer;
}

.datepicker .datepicker-switch:hover,
.datepicker .prev:hover,
.datepicker .next:hover,
.datepicker tfoot tr th:hover {
    background: #eee;
}

.datepicker .cw {
    font-size: 10px;
    width: 12px;
    padding: 0 2px 0 5px;
    vertical-align: middle;
}

.input-append.date .add-on,
.input-prepend.date .add-on {
    cursor: pointer;
}

.input-append.date .add-on i,
.input-prepend.date .add-on i {
    margin-top: 3px;
}

.input-daterange input {
    text-align: center;
}

.input-daterange input:first-child {
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
}

.input-daterange input:last-child {
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
}

.input-daterange .add-on {
    display: inline-block;
    width: auto;
    min-width: 16px;
    height: 18px;
    padding: 4px 5px;
    font-weight: normal;
    line-height: 18px;
    text-align: center;
    text-shadow: 0 1px 0 #fff;
    vertical-align: middle;
    background-color: #eee;
    border: 1px solid #ccc;
    margin-left: -5px;
    margin-right: -5px;
}

/*# sourceMappingURL=bootstrap-datepicker.css.map */
/*
    Common 
*/
.wizard,
.tabcontrol {
    display: block;
    width: 100%;
    overflow: hidden;
}

.wizard a,
.tabcontrol a {
    outline: 0;
}

.wizard ul,
.tabcontrol ul {
    list-style: none !important;
    padding: 0;
    margin: 0;
}

.wizard ul > li,
.tabcontrol ul > li {
    display: block;
    padding: 0;
}

/* Accessibility */
.wizard > .steps .current-info,
.tabcontrol > .steps .current-info {
    position: absolute;
    left: -999em;
}

.wizard > .content > .title,
.tabcontrol > .content > .title {
    position: absolute;
    left: -999em;
}

/*
    Wizard
*/
.wizard > .steps {
    position: relative;
    display: block;
    width: 100%;
}

.wizard.vertical > .steps {
    display: inline;
    float: left;
    width: 30%;
}

.wizard > .steps .number {
    font-size: 1.429em;
}

.wizard > .steps > ul > li {
    width: 25%;
}

.wizard > .steps > ul > li,
.wizard > .actions > ul > li {
    float: left;
}

.wizard.vertical > .steps > ul > li {
    float: none;
    width: 100%;
}

.wizard > .steps a,
.wizard > .steps a:hover,
.wizard > .steps a:active {
    display: block;
    width: auto;
    margin: 0 0.5em 0.5em;
    padding: 1em 1em;
    text-decoration: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.wizard > .steps .disabled a,
.wizard > .steps .disabled a:hover,
.wizard > .steps .disabled a:active {
    background: #eee;
    color: #aaa;
    cursor: default;
}

.wizard > .steps .current a,
.wizard > .steps .current a:hover,
.wizard > .steps .current a:active {
    background: #2184be;
    color: #fff;
    cursor: default;
}

.wizard > .steps .done a,
.wizard > .steps .done a:hover,
.wizard > .steps .done a:active {
    background: #9dc8e2;
    color: #fff;
}

.wizard > .steps .error a,
.wizard > .steps .error a:hover,
.wizard > .steps .error a:active {
    background: #ff3111;
    color: #fff;
}

.wizard > .content {
    background: #eee;
    display: block;
    margin: 0.5em;
    min-height: 35em;
    overflow: hidden;
    position: relative;
    width: auto;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.wizard.vertical > .content {
    display: inline;
    float: left;
    margin: 0 2.5% 0.5em 2.5%;
    width: 65%;
}

.wizard > .content > .body {
    float: left;
    position: absolute;
    width: 95%;
    height: 95%;
    padding: 2.5%;
}

.wizard > .content > .body ul {
    list-style: disc !important;
}

.wizard > .content > .body ul > li {
    display: list-item;
}

.wizard > .content > .body > iframe {
    border: 0 none;
    width: 100%;
    height: 100%;
}

.wizard > .content > .body input {
    display: block;
}

.wizard > .content > .body input[type="checkbox"] {
    display: inline-block;
}

.wizard > .content > .body input.error {
    background: #fbe3e4;
    border: 1px solid #fbc2c4;
    color: #8a1f11;
}

.wizard > .content > .body label {
    display: inline-block;
    margin-bottom: 0.5em;
}

.wizard > .content > .body label.error {
    color: #8a1f11;
    display: inline-block;
    margin-left: 1.5em;
}

.wizard > .actions {
    position: relative;
    display: block;
    text-align: right;
    width: 100%;
}

.wizard.vertical > .actions {
    display: inline;
    float: right;
    margin: 0 2.5%;
    width: 95%;
}

.wizard > .actions > ul {
    display: inline-block;
    text-align: right;
}

.wizard > .actions > ul > li {
    margin: 0 0.5em;
}

.wizard.vertical > .actions > ul > li {
    margin: 0 0 0 1em;
}

.wizard > .actions a,
.wizard > .actions a:hover,
.wizard > .actions a:active {
    background: #2184be;
    color: #fff;
    display: block;
    padding: 0.5em 1em;
    text-decoration: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.wizard > .actions .disabled a,
.wizard > .actions .disabled a:hover,
.wizard > .actions .disabled a:active {
    background: #eee;
    color: #aaa;
}

/*
    Tabcontrol
*/
.tabcontrol > .steps {
    position: relative;
    display: block;
    width: 100%;
}

.tabcontrol > .steps > ul {
    position: relative;
    margin: 6px 0 0 0;
    top: 1px;
    z-index: 1;
}

.tabcontrol > .steps > ul > li {
    float: left;
    margin: 5px 2px 0 0;
    padding: 1px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.tabcontrol > .steps > ul > li:hover {
    background: #edecec;
    border: 1px solid #bbb;
    padding: 0;
}

.tabcontrol > .steps > ul > li.current {
    background: #fff;
    border: 1px solid #bbb;
    border-bottom: 0 none;
    padding: 0 0 1px 0;
    margin-top: 0;
}

.tabcontrol > .steps > ul > li > a {
    color: #5f5f5f;
    display: inline-block;
    border: 0 none;
    margin: 0;
    padding: 10px 30px;
    text-decoration: none;
}

.tabcontrol > .steps > ul > li > a:hover {
    text-decoration: none;
}

.tabcontrol > .steps > ul > li.current > a {
    padding: 15px 30px 10px 30px;
}

.tabcontrol > .content {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 35em;
    overflow: hidden;
    border-top: 1px solid #bbb;
    padding-top: 20px;
}

.tabcontrol > .content > .body {
    float: left;
    position: absolute;
    width: 95%;
    height: 95%;
    padding: 2.5%;
}

.tabcontrol > .content > .body ul {
    list-style: disc !important;
}

.tabcontrol > .content > .body ul > li {
    display: list-item;
}

table.dataTable {
    clear: both;
    margin-top: 6px !important;
    margin-bottom: 6px !important;
    max-width: none !important;
    border-collapse: separate !important;
}

.table-bordered td,
.table-bordered th {
    border: 1px solid #fff;
}

#datatable_length,
#datatable_filter,
#datatable_paginate,
#datatable_paginate {
    font-size: 15px !important;
}

#datatable_length select {
    font-size: 14px !important;
    background: #f0f1f3;
    width: 100px;
    margin-right: 6px;
    padding-top: 4px;
    padding-bottom: 4px;
    height: 34px !important;
    box-shadow: none !important;
    border-width-right: 10px !important;
}

#datatable_filter input {
    font-size: 14px !important;
    padding-top: 8px;
    padding-bottom: 8px;
}

#datatable_paginate .page-item .page-link {
    padding: 7px 12px;
}

table.dataTable td, table.dataTable th {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

table.dataTable td.dataTables_empty, table.dataTable th.dataTables_empty {
    text-align: center;
}

table.dataTable.nowrap th, table.dataTable.nowrap td {
    white-space: nowrap;
}

div.dataTables_wrapper div.dataTables_length label {
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
}

div.dataTables_wrapper div.dataTables_length select {
    width: 75px;
    display: inline-block;
    height: 47px !important;
}

div.dataTables_wrapper div.dataTables_filter {
    text-align: right;
}

div.dataTables_wrapper div.dataTables_filter label {
    font-weight: normal;
    white-space: nowrap;
    text-align: left;
}

div.dataTables_wrapper div.dataTables_filter input {
    margin-left: 0.5em;
    display: inline-block;
    width: auto;
}

div.dataTables_wrapper div.dataTables_info {
    padding-top: 0.85em;
    white-space: nowrap;
}

div.dataTables_wrapper div.dataTables_paginate {
    margin: 0;
    white-space: nowrap;
    text-align: right;
}

div.dataTables_wrapper div.dataTables_paginate ul.pagination {
    margin: 2px 0;
    white-space: nowrap;
    justify-content: flex-end;
}

div.dataTables_wrapper div.dataTables_processing {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 200px;
    margin-left: -100px;
    margin-top: -26px;
    text-align: center;
    padding: 1em 0;
}

table.dataTable thead > tr > th.sorting_asc, table.dataTable thead > tr > th.sorting_desc, table.dataTable thead > tr > th.sorting, table.dataTable thead > tr > td.sorting_asc, table.dataTable thead > tr > td.sorting_desc, table.dataTable thead > tr > td.sorting {
    padding-right: 30px;
}

table.dataTable thead > tr > th:active, table.dataTable thead > tr > td:active {
    outline: none;
}

table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc_disabled {
    cursor: pointer;
    position: relative;
}

table.dataTable thead .sorting:before, table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:before, table.dataTable thead .sorting_desc_disabled:after {
    position: absolute;
    bottom: 0.5em;
    display: block;
    opacity: 0.3;
}

table.dataTable thead .sorting:before, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_desc_disabled:before {
    right: 1em;
    content: "\2191";
}

table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after {
    right: 0.5em;
    content: "\2193";
}

table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_desc:after {
    opacity: 1;
}

table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_desc_disabled:after {
    opacity: 0;
}

div.dataTables_scrollHead table.dataTable {
    margin-bottom: 0 !important;
}

div.dataTables_scrollBody table {
    border-top: none;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

div.dataTables_scrollBody table thead .sorting:after, div.dataTables_scrollBody table thead .sorting_asc:after, div.dataTables_scrollBody table thead .sorting_desc:after {
    display: none;
}

div.dataTables_scrollBody table tbody tr:first-child th, div.dataTables_scrollBody table tbody tr:first-child td {
    border-top: none;
}

div.dataTables_scrollFoot > .dataTables_scrollFootInner {
    box-sizing: content-box;
}

div.dataTables_scrollFoot > .dataTables_scrollFootInner > table {
    margin-top: 0 !important;
    border-top: none;
}

@media screen and (max-width: 767px) {
    div.dataTables_wrapper div.dataTables_length, div.dataTables_wrapper div.dataTables_filter, div.dataTables_wrapper div.dataTables_info, div.dataTables_wrapper div.dataTables_paginate {
        text-align: center;
    }
}

table.dataTable.table-sm > thead > tr > th {
    padding-right: 20px;
}

table.dataTable.table-sm .sorting:before, table.dataTable.table-sm .sorting_asc:before, table.dataTable.table-sm .sorting_desc:before {
    top: 5px;
    right: 0.85em;
}

table.dataTable.table-sm .sorting:after, table.dataTable.table-sm .sorting_asc:after, table.dataTable.table-sm .sorting_desc:after {
    top: 5px;
}

table.table-bordered.dataTable th, table.table-bordered.dataTable td {
    border-left-width: 0;
}

table.table-bordered.dataTable th:last-child, table.table-bordered.dataTable th:last-child, table.table-bordered.dataTable td:last-child, table.table-bordered.dataTable td:last-child {
    border-right-width: 0;
}

table.table-bordered.dataTable tbody th, table.table-bordered.dataTable tbody td {
    border-bottom-width: 0;
}

div.dataTables_scrollHead table.table-bordered {
    border-bottom-width: 0;
}

div.table-responsive > div.dataTables_wrapper > div.row {
    margin: 0;
    margin-top: 10px;
}

div.table-responsive > div.dataTables_wrapper > div.row > div[class^="col-"]:first-child {
    padding-left: 0;
}

div.table-responsive > div.dataTables_wrapper > div.row > div[class^="col-"]:last-child {
    padding-right: 0;
}

.lobilists .lobilist-wrapper,
.lobilists .lobilist-placeholder {
    display: inline-block;
    float: left;
    border: 1px solid transparent;
    margin-bottom: 16px;
    width: 360px;
    margin-right: 16px;
}

.lobilists .lobilist {
    max-height: 100%;
    overflow: auto;
    background-color: #FFF;
    -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
}

.lobilists .lobilist:last-child {
    margin-right: 0;
}

.lobilists .lobilist.ui-sortable-helper {
    -webkit-transform: rotate(2deg);
    -ms-transform: rotate(2deg);
    -o-transform: rotate(2deg);
    transform: rotate(2deg);
}

.lobilists .lobilist:hover .lobilist-actions {
    opacity: 1;
}

.lobilists .lobilist.lobilist-default {
    border: 1px solid #dddddd;
}

.lobilists .lobilist.lobilist-default .lobilist-header {
    border-bottom: 1px solid #28a745;
    background-color: #28a745;
}

.lobilists .lobilist.lobilist-default .lobilist-header input {
    background-color: transparent;
    border-color: #555555;
    color: #555555;
}

.lobilists .lobilist.lobilist-default .lobilist-title {
    color: #fff;
}

.lobilists .lobilist.lobilist-default .lobilist-actions .btn {
    color: #fff;
}

.lobilists .lobilist.lobilist-default .btn-show-form {
    color: #555555;
}

.lobilists .lobilist.lobilist-default .lobilist-form-footer {
    border-top: 1px solid #dddddd;
    background-color: #28a745;
}

.lobilists .lobilist.lobilist-default .lobilist-footer {
    border-top: 1px solid #dddddd;
    background-color: #28a745;
}

.lobilists .lobilist.lobilist-danger {
    border: 1px solid #ffc107;
}

.lobilists .lobilist.lobilist-danger .lobilist-header {
    border-bottom: 1px solid #ffc107;
    background-color: #ffc107;
}

.lobilists .lobilist.lobilist-danger .lobilist-header input {
    background-color: transparent;
    border-color: #FFF;
    color: #FFF;
}

.lobilists .lobilist.lobilist-danger .lobilist-title {
    color: #FFF;
}

.lobilists .lobilist.lobilist-danger .lobilist-actions .btn {
    color: #FFF;
}

.lobilists .lobilist.lobilist-danger .lobilist-form-footer {
    border-top: 1px solid #ffc107;
    background-color: #ffc107;
}

.lobilists .lobilist.lobilist-danger .lobilist-footer {
    border-top: 1px solid #ffc107;
    background-color: #ffc107;
}

.lobilists .lobilist.lobilist-success {
    border: 1px solid #49a749;
}

.lobilists .lobilist.lobilist-success .lobilist-header {
    border-bottom: 1px solid #49a749;
    background-color: #5cb85c;
}

.lobilists .lobilist.lobilist-success .lobilist-header input {
    background-color: transparent;
    border-color: #FFF;
    color: #FFF;
}

.lobilists .lobilist.lobilist-success .lobilist-title {
    color: #FFF;
}

.lobilists .lobilist.lobilist-success .lobilist-actions .btn {
    color: #FFF;
}

.lobilists .lobilist.lobilist-success .btn-show-form {
    color: #FFF;
}

.lobilists .lobilist.lobilist-success .lobilist-form-footer {
    border-top: 1px solid #49a749;
    background-color: #5cb85c;
}

.lobilists .lobilist.lobilist-success .lobilist-footer {
    border-top: 1px solid #49a749;
    background-color: #5cb85c;
}

.lobilists .lobilist.lobilist-warning {
    border: 1px solid #ed9e2d;
}

.lobilists .lobilist.lobilist-warning .lobilist-header {
    border-bottom: 1px solid #ed9e2d;
    background-color: #f0ad4e;
}

.lobilists .lobilist.lobilist-warning .lobilist-header input {
    background-color: transparent;
    border-color: #FFF;
    color: #FFF;
}

.lobilists .lobilist.lobilist-warning .lobilist-title {
    color: #FFF;
}

.lobilists .lobilist.lobilist-warning .lobilist-actions .btn {
    color: #FFF;
}

.lobilists .lobilist.lobilist-warning .btn-show-form {
    color: #FFF;
}

.lobilists .lobilist.lobilist-warning .lobilist-form-footer {
    border-top: 1px solid #ed9e2d;
    background-color: #f0ad4e;
}

.lobilists .lobilist.lobilist-warning .lobilist-footer {
    border-top: 1px solid #ed9e2d;
    background-color: #f0ad4e;
}

.lobilists .lobilist.lobilist-info {
    border: 1px solid #3db5d8;
}

.lobilists .lobilist.lobilist-info .lobilist-header {
    border-bottom: 1px solid #3db5d8;
    background-color: #007bff;
}

.lobilists .lobilist.lobilist-info .lobilist-header input {
    background-color: transparent;
    border-color: #FFF;
    color: #FFF;
}

.lobilists .lobilist.lobilist-info .lobilist-title {
    color: #FFF;
}

.lobilists .lobilist.lobilist-info .lobilist-actions .btn {
    color: #FFF;
}

.lobilists .lobilist.lobilist-info .lobilist-form-footer {
    border-top: 1px solid #3db5d8;
    background-color: #007bff;
}

.lobilists .lobilist.lobilist-info .lobilist-footer {
    border-top: 1px solid #3db5d8;
    background-color: #007bff;
}

.lobilists .lobilist.lobilist-primary {
    border: 1px solid #2c689c;
}

.lobilists .lobilist.lobilist-primary .lobilist-header {
    border-bottom: 1px solid #2c689c;
    background-color: #337ab7;
}

.lobilists .lobilist.lobilist-primary .lobilist-header input {
    background-color: transparent;
    border-color: #FFF;
    color: #FFF;
}

.lobilists .lobilist.lobilist-primary .lobilist-title {
    color: #FFF;
}

.lobilists .lobilist.lobilist-primary .lobilist-actions .btn {
    color: #FFF;
}

.lobilists .lobilist.lobilist-primary .btn-show-form {
    color: #FFF;
}

.lobilists .lobilist.lobilist-primary .lobilist-form-footer {
    border-top: 1px solid #2c689c;
    background-color: #337ab7;
}

.lobilists .lobilist.lobilist-primary .lobilist-footer {
    border-top: 1px solid #2c689c;
    background-color: #337ab7;
}

.lobilists .lobilist-footer .btn-link {
    border: 0;
    background: #fff;
    color: #323232;
    cursor: pointer;
    text-decoration: none;
    font-size: 12px;
    padding: 5px 20px;
}

.lobilists .lobilist-footer .btn-link:hover {
    background: #323232;
    color: #fff;
}

.lobilists .btn-finish-title-editing,
.lobilists .btn-cancel-title-editing {
    display: none;
}

.lobilists .lobilist-header {
    position: relative;
    min-height: 38px;
    padding: 6px 8px;
}

.lobilists .lobilist-header input {
    background-color: transparent;
    height: 30px;
}

.lobilists .lobilist-header.title-editing .lobilist-actions {
    opacity: 1;
}

.lobilists .lobilist-header.title-editing .lobilist-actions .btn {
    display: none;
}

.lobilists .lobilist-header.title-editing .lobilist-actions .btn-finish-title-editing,
.lobilists .lobilist-header.title-editing .lobilist-actions .btn-cancel-title-editing {
    display: inline-block;
    font-size: 18px;
    line-height: 30px;
    width: 30px;
    height: 30px;
}

.lobilists .lobilist-header:before,
.lobilists .lobilist-header:after {
    content: " ";
    display: table;
}

.lobilists .lobilist-header:after {
    clear: both;
}

.lobilists .lobilist-actions {
    position: absolute;
    top: 6px;
    right: 8px;
    opacity: 0;
}

.lobilists .lobilist-actions > .dropdown {
    display: inline-block;
}

.lobilists .lobilist-actions .dropdown-menu {
    height: 70px;
    width: 100px;
    box-sizing: content-box;
    min-width: 0;
    padding: 0;
    margin: 0;
}

.lobilists .lobilist-actions .dropdown-menu .lobilist-default,
.lobilists .lobilist-actions .dropdown-menu .lobilist-danger,
.lobilists .lobilist-actions .dropdown-menu .lobilist-success,
.lobilists .lobilist-actions .dropdown-menu .lobilist-warning,
.lobilists .lobilist-actions .dropdown-menu .lobilist-info,
.lobilists .lobilist-actions .dropdown-menu .lobilist-primary {
    display: inline-block;
    cursor: pointer;
    margin: 4px;
    width: 25px;
    height: 25px;
}

.lobilists .lobilist-actions .dropdown-menu .lobilist-default {
    background-color: #28a745;
}

.lobilists .lobilist-actions .dropdown-menu .lobilist-default:hover {
    background-color: #e2e2e2;
}

.lobilists .lobilist-actions .dropdown-menu .lobilist-danger {
    background-color: #ffc107;
}

.lobilists .lobilist-actions .dropdown-menu .lobilist-danger:hover {
    background-color: #de6764;
}

.lobilists .lobilist-actions .dropdown-menu .lobilist-success {
    background-color: #5cb85c;
}

.lobilists .lobilist-actions .dropdown-menu .lobilist-success:hover {
    background-color: #4cae4c;
}

.lobilists .lobilist-actions .dropdown-menu .lobilist-warning {
    background-color: #f0ad4e;
}

.lobilists .lobilist-actions .dropdown-menu .lobilist-warning:hover {
    background-color: #eea236;
}

.lobilists .lobilist-actions .dropdown-menu .lobilist-info {
    background-color: #007bff;
}

.lobilists .lobilist-actions .dropdown-menu .lobilist-info:hover {
    background-color: #46b8da;
}

.lobilists .lobilist-actions .dropdown-menu .lobilist-primary {
    background-color: #337ab7;
}

.lobilists .lobilist-actions .dropdown-menu .lobilist-primary:hover {
    background-color: #2e6da4;
}

.lobilists .lobilist-actions .btn.btn-default {
    background-color: transparent;
    border-color: transparent;
    width: 26px;
    height: 26px;
}

.lobilists .lobilist-actions .btn.btn-default:hover {
    background-color: rgba(0, 0, 0, 0.04);
}

.lobilists .lobilist-title {
    padding-left: 15px;
    font-size: 18px;
}

.lobilists .lobilist-items {
    list-style: none;
    margin-bottom: 0;
    padding: 10px;
}

.lobilists .lobilist-item,
.lobilists .lobilist-item-placeholder {
    border: 1px solid transparent;
    margin-bottom: 5px;
    padding-top: 16px;
    padding-bottom: 4px;
    padding-left: 35px;
    border-bottom: 1px solid #eee;
    -webkit-transition: background-color 0.2s;
    -o-transition: background-color 0.2s;
    transition: background-color 0.2s;
}

.lobilists .lobilist-item .drag-handler {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 5px;
    border-left: 2px dotted #dddddd;
    border-right: 2px dotted #dddddd;
}

.lobilists .lobilist-item .drag-handler:hover {
    cursor: move;
}

.lobilists .lobilist-item .todo-actions {
    position: absolute;
    top: 2px;
    right: 4px;
    text-align: center;
    white-space: nowrap;
    font-size: 10px;
    color: #9d9d9d;
    line-height: 16px;
}

.lobilists .lobilist-item .todo-action {
    display: inline-block;
    width: 16px;
    height: 16px;
}

.lobilists .lobilist-item .todo-action:hover {
    cursor: pointer;
    color: #5e5e5e;
}

.lobilists .lobilist-item:hover {
    background-color: rgba(0, 0, 0, 0.02);
}

.lobilists .lobilist-item-title {
    font-weight: 600;
    font-size: 16px;
}

.lobilists .lobilist-item-description {
    font-style: italic;
}

.lobilists .lobilist-item-duedate {
    position: absolute;
    top: 2px;
    left: 12px;
    font-style: italic;
    color: #777777;
    font-size: 85%;
}

.lobilists .lobilist-check {
    position: absolute;
    left: 12px;
    top: 16px;
}

.lobilists .lobilist-check.lobicheck {
    margin-top: 3px;
}

.lobilists .lobilist-item,
.lobilists .lobilist-item-placeholder {
    position: relative;
}

.lobilists .lobilist-item.item-done {
    text-decoration: line-through;
}

.lobilists .btn-show-form {
    outline: 0;
}

.lobilists .lobilist-footer,
.lobilists .lobilist-form-footer {
    padding: 6px 8px;
}

.lobilists .lobilist-form-footer {
    margin-left: -10px;
    margin-right: -10px;
    margin-bottom: -10px;
}

.lobilists .lobilist-add-todo-form {
    padding: 10px;
}

.lobilists .lobilist-add-todo-form .form-group {
    margin-bottom: 5px;
}

.lobilists .lobilist-add-todo-form .btn-add-todo {
    margin-right: 5px;
}

.lobilists .lobilist-add-todo-form .btn-add-todo,
.lobilists .lobilist-add-todo-form .btn-discard-todo {
    height: 30px;
}

.lobilists .lobilist-placeholder {
    background-color: #f9f5d1;
    border: 1px dashed #777777;
}

.lobilists .lobilist-item-placeholder {
    background-color: rgba(0, 0, 0, 0.03);
    border: 1px dashed #dddddd;
}

@media (max-width: 480px) {
    .lobilists .lobilist {
        width: 100%;
    }
}

.lobilists.single-line {
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    height: 400px;
}

.lobilists.single-line .lobilist-wrapper,
.lobilists.single-line .lobilist-placeholder {
    float: none;
    white-space: normal;
    vertical-align: top;
    height: 100%;
}

.lobilists.no-sortable .lobilist-item .drag-handler {
    display: none;
}

.lobilists:before,
.lobilists:after {
    content: " ";
    display: table;
}

.lobilists:after {
    clear: both;
}

/*
 * # Semantic UI - 2.3.1
 * https://github.com/Semantic-Org/Semantic-UI
 * http://www.semantic-ui.com/
 *
 */
/*--------------------
       Inverted
---------------------*/
/* Standard */
.ui.inverted.input > input {
    border: none;
}

/*--------------------
        Fluid
---------------------*/
.ui.fluid.input {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.ui.fluid.input > input {
    width: 0px !important;
}

/*--------------------
        Size
---------------------*/
.ui.mini.input {
    font-size: 0.78571429em;
}

.ui.small.input {
    font-size: 0.92857143em;
}

.ui.input {
    font-size: 1em;
}

.ui.large.input {
    font-size: 1.14285714em;
}

.ui.big.input {
    font-size: 1.28571429em;
}

.ui.huge.input {
    font-size: 1.42857143em;
}

.ui.massive.input {
    font-size: 1.71428571em;
}

/*******************************
         Theme Overrides
*******************************/
/*******************************
         Site Overrides
*******************************/
/*!
 * # Semantic UI 2.3.1 - Label
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*******************************
            Label
*******************************/
.ui.label {
    display: inline-block;
    line-height: 1;
    vertical-align: baseline;
    margin: 0em 0.14285714em;
    background-color: #E8E8E8;
    background-image: none;
    padding: 0.5833em 0.833em;
    color: rgba(0, 0, 0, 0.6);
    text-transform: none;
    font-weight: bold;
    border: 0px solid transparent;
    border-radius: 0.28571429rem;
    -webkit-transition: background 0.1s ease;
    transition: background 0.1s ease;
}

.ui.label:first-child {
    margin-left: 0em;
}

.ui.label:last-child {
    margin-right: 0em;
}

/* Link */
a.ui.label {
    cursor: pointer;
}

/* Inside Link */
.ui.label > a {
    cursor: pointer;
    color: inherit;
    opacity: 0.5;
    -webkit-transition: 0.1s opacity ease;
    transition: 0.1s opacity ease;
}

.ui.label > a:hover {
    opacity: 1;
}

/* Image */
.ui.label > img {
    width: auto !important;
    vertical-align: middle;
    height: 2.1666em !important;
}

/* Icon */
.ui.label > .icon {
    width: auto;
    margin: 0em 0.75em 0em 0em;
}

/* Detail */
.ui.label > .detail {
    display: inline-block;
    vertical-align: top;
    font-weight: bold;
    margin-left: 1em;
    opacity: 0.8;
}

.ui.label > .detail .icon {
    margin: 0em 0.25em 0em 0em;
}

/* Removable label */
.ui.label > .close.icon,
.ui.label > .delete.icon {
    cursor: pointer;
    margin-right: 0em;
    margin-left: 0.5em;
    font-size: 0.92857143em;
    opacity: 0.5;
    -webkit-transition: background 0.1s ease;
    transition: background 0.1s ease;
}

.ui.label > .delete.icon:hover {
    opacity: 1;
}

/*-------------------
       Group
--------------------*/
.ui.labels > .label {
    margin: 0em 0.5em 0.5em 0em;
}

/*-------------------
       Coupling
--------------------*/
.ui.header > .ui.label {
    margin-top: -0.29165em;
}

/* Remove border radius on attached segment */
.ui.attached.segment > .ui.top.left.attached.label,
.ui.bottom.attached.segment > .ui.top.left.attached.label {
    border-top-left-radius: 0;
}

.ui.attached.segment > .ui.top.right.attached.label,
.ui.bottom.attached.segment > .ui.top.right.attached.label {
    border-top-right-radius: 0;
}

.ui.top.attached.segment > .ui.bottom.left.attached.label {
    border-bottom-left-radius: 0;
}

.ui.top.attached.segment > .ui.bottom.right.attached.label {
    border-bottom-right-radius: 0;
}

/* Padding on next content after a label */
.ui.top.attached.label:first-child + :not(.attached),
.ui.top.attached.label + [class*="right floated"] + * {
    margin-top: 2rem !important;
}

.ui.bottom.attached.label:first-child ~ :last-child:not(.attached) {
    margin-top: 0em;
    margin-bottom: 2rem !important;
}

/*******************************
             Types
*******************************/
.ui.image.label {
    width: auto !important;
    margin-top: 0em;
    margin-bottom: 0em;
    max-width: 9999px;
    vertical-align: baseline;
    text-transform: none;
    background: #E8E8E8;
    padding: 0.5833em 0.833em 0.5833em 0.5em;
    border-radius: 0.28571429rem;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.ui.image.label img {
    display: inline-block;
    vertical-align: top;
    height: 2.1666em;
    margin: -0.5833em 0.5em -0.5833em -0.5em;
    border-radius: 0.28571429rem 0em 0em 0.28571429rem;
}

.ui.image.label .detail {
    background: rgba(0, 0, 0, 0.1);
    margin: -0.5833em -0.833em -0.5833em 0.5em;
    padding: 0.5833em 0.833em;
    border-radius: 0em 0.28571429rem 0.28571429rem 0em;
}

/*-------------------
         Tag
--------------------*/
.ui.tag.labels .label,
.ui.tag.label {
    margin-left: 1em;
    position: relative;
    padding-left: 1.5em;
    padding-right: 1.5em;
    border-radius: 0em 0.28571429rem 0.28571429rem 0em;
    -webkit-transition: none;
    transition: none;
}

.ui.tag.labels .label:before,
.ui.tag.label:before {
    position: absolute;
    -webkit-transform: translateY(-50%) translateX(50%) rotate(-45deg);
    transform: translateY(-50%) translateX(50%) rotate(-45deg);
    top: 50%;
    right: 100%;
    content: '';
    background-color: inherit;
    background-image: none;
    width: 1.56em;
    height: 1.56em;
    -webkit-transition: none;
    transition: none;
}

.ui.tag.labels .label:after,
.ui.tag.label:after {
    position: absolute;
    content: '';
    top: 50%;
    left: -0.25em;
    margin-top: -0.25em;
    background-color: #fff !important;
    width: 0.5em;
    height: 0.5em;
    -webkit-box-shadow: 0 -1px 1px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 -1px 1px 0 rgba(0, 0, 0, 0.3);
    border-radius: 500rem;
}

/*-------------------
    Corner Label
--------------------*/
.ui.corner.label {
    position: absolute;
    top: 0em;
    right: 0em;
    margin: 0em;
    padding: 0em;
    text-align: center;
    border-color: #E8E8E8;
    width: 4em;
    height: 4em;
    z-index: 1;
    -webkit-transition: border-color 0.1s ease;
    transition: border-color 0.1s ease;
}

/* Icon Label */
.ui.corner.label {
    background-color: transparent !important;
}

.ui.corner.label:after {
    position: absolute;
    content: "";
    right: 0em;
    top: 0em;
    z-index: -1;
    width: 0em;
    height: 0em;
    background-color: transparent !important;
    border-top: 0em solid transparent;
    border-right: 4em solid transparent;
    border-bottom: 4em solid transparent;
    border-left: 0em solid transparent;
    border-right-color: inherit;
    -webkit-transition: border-color 0.1s ease;
    transition: border-color 0.1s ease;
}

.ui.corner.label .icon {
    cursor: default;
    position: relative;
    top: 0.64285714em;
    left: 0.78571429em;
    font-size: 1.14285714em;
    margin: 0em;
}

/* Left Corner */
.ui.left.corner.label,
.ui.left.corner.label:after {
    right: auto;
    left: 0em;
}

.ui.left.corner.label:after {
    border-top: 4em solid transparent;
    border-right: 4em solid transparent;
    border-bottom: 0em solid transparent;
    border-left: 0em solid transparent;
    border-top-color: inherit;
}

.ui.left.corner.label .icon {
    left: -0.78571429em;
}

/* Segment */
.ui.segment > .ui.corner.label {
    top: -1px;
    right: -1px;
}

.ui.segment > .ui.left.corner.label {
    right: auto;
    left: -1px;
}

/*-------------------
       Ribbon
--------------------*/
.ui.ribbon.label {
    position: relative;
    margin: 0em;
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content;
    border-radius: 0em 0.28571429rem 0.28571429rem 0em;
    border-color: rgba(0, 0, 0, 0.15);
}

.ui.ribbon.label:after {
    position: absolute;
    content: '';
    top: 100%;
    left: 0%;
    background-color: transparent !important;
    border-style: solid;
    border-width: 0em 1.2em 1.2em 0em;
    border-color: transparent;
    border-right-color: inherit;
    width: 0em;
    height: 0em;
}

/* Positioning */
.ui.ribbon.label {
    left: calc(-1rem - 1.2em);
    margin-right: -1.2em;
    padding-left: calc(1rem + 1.2em);
    padding-right: 1.2em;
}

.ui[class*="right ribbon"].label {
    left: calc(100% + 1rem + 1.2em);
    padding-left: 1.2em;
    padding-right: calc(1rem + 1.2em);
}

/* Right Ribbon */
.ui[class*="right ribbon"].label {
    text-align: left;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    border-radius: 0.28571429rem 0em 0em 0.28571429rem;
}

.ui[class*="right ribbon"].label:after {
    left: auto;
    right: 0%;
    border-style: solid;
    border-width: 1.2em 1.2em 0em 0em;
    border-color: transparent;
    border-top-color: inherit;
}

/* Inside Table */
.ui.image > .ribbon.label,
.ui.card .image > .ribbon.label {
    position: absolute;
    top: 1rem;
}

.ui.card .image > .ui.ribbon.label,
.ui.image > .ui.ribbon.label {
    left: calc(0.05rem - 1.2em);
}

.ui.card .image > .ui[class*="right ribbon"].label,
.ui.image > .ui[class*="right ribbon"].label {
    left: calc(100% + -0.05rem + 1.2em);
    padding-left: 0.833em;
}

/* Inside Table */
.ui.table td > .ui.ribbon.label {
    left: calc(-0.78571429em - 1.2em);
}

.ui.table td > .ui[class*="right ribbon"].label {
    left: calc(100% + 0.78571429em + 1.2em);
    padding-left: 0.833em;
}

/*-------------------
      Attached
--------------------*/
.ui[class*="top attached"].label,
.ui.attached.label {
    width: 100%;
    position: absolute;
    margin: 0em;
    top: 0em;
    left: 0em;
    padding: 0.75em 1em;
    border-radius: 0.21428571rem 0.21428571rem 0em 0em;
}

.ui[class*="bottom attached"].label {
    top: auto;
    bottom: 0em;
    border-radius: 0em 0em 0.21428571rem 0.21428571rem;
}

.ui[class*="top left attached"].label {
    width: auto;
    margin-top: 0em !important;
    border-radius: 0.21428571rem 0em 0.28571429rem 0em;
}

.ui[class*="top right attached"].label {
    width: auto;
    left: auto;
    right: 0em;
    border-radius: 0em 0.21428571rem 0em 0.28571429rem;
}

.ui[class*="bottom left attached"].label {
    width: auto;
    top: auto;
    bottom: 0em;
    border-radius: 0em 0.28571429rem 0em 0.21428571rem;
}

.ui[class*="bottom right attached"].label {
    top: auto;
    bottom: 0em;
    left: auto;
    right: 0em;
    width: auto;
    border-radius: 0.28571429rem 0em 0.21428571rem 0em;
}

/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
.ui.label.disabled {
    opacity: 0.5;
}

/*-------------------
        Hover
--------------------*/
a.ui.labels .label:hover,
a.ui.label:hover {
    background-color: #E0E0E0;
    border-color: #E0E0E0;
    background-image: none;
    color: rgba(0, 0, 0, 0.8);
}

.ui.labels a.label:hover:before,
a.ui.label:hover:before {
    color: rgba(0, 0, 0, 0.8);
}

/*-------------------
        Active
--------------------*/
.ui.active.label {
    background-color: #D0D0D0;
    border-color: #D0D0D0;
    background-image: none;
    color: rgba(0, 0, 0, 0.95);
}

.ui.active.label:before {
    background-color: #D0D0D0;
    background-image: none;
    color: rgba(0, 0, 0, 0.95);
}

/*-------------------
     Active Hover
--------------------*/
a.ui.labels .active.label:hover,
a.ui.active.label:hover {
    background-color: #C8C8C8;
    border-color: #C8C8C8;
    background-image: none;
    color: rgba(0, 0, 0, 0.95);
}

.ui.labels a.active.label:ActiveHover:before,
a.ui.active.label:ActiveHover:before {
    background-color: #C8C8C8;
    background-image: none;
    color: rgba(0, 0, 0, 0.95);
}

/*-------------------
      Visible
--------------------*/
.ui.labels.visible .label,
.ui.label.visible:not(.dropdown) {
    display: inline-block !important;
}

/*-------------------
      Hidden
--------------------*/
.ui.labels.hidden .label,
.ui.label.hidden {
    display: none !important;
}

/*******************************
           Variations
*******************************/
/*-------------------
       Colors
--------------------*/
/*--- Red ---*/
.ui.red.labels .label,
.ui.red.label {
    background-color: #DB2828 !important;
    border-color: #DB2828 !important;
    color: #fff !important;
}

/* Link */
.ui.red.labels .label:hover,
a.ui.red.label:hover {
    background-color: #d01919 !important;
    border-color: #d01919 !important;
    color: #fff !important;
}

/* Corner */
.ui.red.corner.label,
.ui.red.corner.label:hover {
    background-color: transparent !important;
}

/* Ribbon */
.ui.red.ribbon.label {
    border-color: #b21e1e !important;
}

/* Basic */
.ui.basic.red.label {
    background-color: #fff !important;
    color: #DB2828 !important;
    border-color: #DB2828 !important;
}

.ui.basic.red.labels a.label:hover,
a.ui.basic.red.label:hover {
    background-color: #fff !important;
    color: #d01919 !important;
    border-color: #d01919 !important;
}

/*--- Orange ---*/
.ui.orange.labels .label,
.ui.orange.label {
    background-color: #F2711C !important;
    border-color: #F2711C !important;
    color: #fff !important;
}

/* Link */
.ui.orange.labels .label:hover,
a.ui.orange.label:hover {
    background-color: #f26202 !important;
    border-color: #f26202 !important;
    color: #fff !important;
}

/* Corner */
.ui.orange.corner.label,
.ui.orange.corner.label:hover {
    background-color: transparent !important;
}

/* Ribbon */
.ui.orange.ribbon.label {
    border-color: #cf590c !important;
}

/* Basic */
.ui.basic.orange.label {
    background-color: #fff !important;
    color: #F2711C !important;
    border-color: #F2711C !important;
}

.ui.basic.orange.labels a.label:hover,
a.ui.basic.orange.label:hover {
    background-color: #fff !important;
    color: #f26202 !important;
    border-color: #f26202 !important;
}

/*--- Yellow ---*/
.ui.yellow.labels .label,
.ui.yellow.label {
    background-color: #FBBD08 !important;
    border-color: #FBBD08 !important;
    color: #fff !important;
}

/* Link */
.ui.yellow.labels .label:hover,
a.ui.yellow.label:hover {
    background-color: #eaae00 !important;
    border-color: #eaae00 !important;
    color: #fff !important;
}

/* Corner */
.ui.yellow.corner.label,
.ui.yellow.corner.label:hover {
    background-color: transparent !important;
}

/* Ribbon */
.ui.yellow.ribbon.label {
    border-color: #cd9903 !important;
}

/* Basic */
.ui.basic.yellow.label {
    background-color: #fff !important;
    color: #FBBD08 !important;
    border-color: #FBBD08 !important;
}

.ui.basic.yellow.labels a.label:hover,
a.ui.basic.yellow.label:hover {
    background-color: #fff !important;
    color: #eaae00 !important;
    border-color: #eaae00 !important;
}

/*--- Olive ---*/
.ui.olive.labels .label,
.ui.olive.label {
    background-color: #B5CC18 !important;
    border-color: #B5CC18 !important;
    color: #fff !important;
}

/* Link */
.ui.olive.labels .label:hover,
a.ui.olive.label:hover {
    background-color: #a7bd0d !important;
    border-color: #a7bd0d !important;
    color: #fff !important;
}

/* Corner */
.ui.olive.corner.label,
.ui.olive.corner.label:hover {
    background-color: transparent !important;
}

/* Ribbon */
.ui.olive.ribbon.label {
    border-color: #198f35 !important;
}

/* Basic */
.ui.basic.olive.label {
    background-color: #fff !important;
    color: #B5CC18 !important;
    border-color: #B5CC18 !important;
}

.ui.basic.olive.labels a.label:hover,
a.ui.basic.olive.label:hover {
    background-color: #fff !important;
    color: #a7bd0d !important;
    border-color: #a7bd0d !important;
}

/*--- Green ---*/
.ui.green.labels .label,
.ui.green.label {
    background-color: #21BA45 !important;
    border-color: #21BA45 !important;
    color: #fff !important;
}

/* Link */
.ui.green.labels .label:hover,
a.ui.green.label:hover {
    background-color: #16ab39 !important;
    border-color: #16ab39 !important;
    color: #fff !important;
}

/* Corner */
.ui.green.corner.label,
.ui.green.corner.label:hover {
    background-color: transparent !important;
}

/* Ribbon */
.ui.green.ribbon.label {
    border-color: #198f35 !important;
}

/* Basic */
.ui.basic.green.label {
    background-color: #fff !important;
    color: #21BA45 !important;
    border-color: #21BA45 !important;
}

.ui.basic.green.labels a.label:hover,
a.ui.basic.green.label:hover {
    background-color: #fff !important;
    color: #16ab39 !important;
    border-color: #16ab39 !important;
}

/*--- Teal ---*/
.ui.teal.labels .label,
.ui.teal.label {
    background-color: #00B5AD !important;
    border-color: #00B5AD !important;
    color: #fff !important;
}

/* Link */
.ui.teal.labels .label:hover,
a.ui.teal.label:hover {
    background-color: #009c95 !important;
    border-color: #009c95 !important;
    color: #fff !important;
}

/* Corner */
.ui.teal.corner.label,
.ui.teal.corner.label:hover {
    background-color: transparent !important;
}

/* Ribbon */
.ui.teal.ribbon.label {
    border-color: #00827c !important;
}

/* Basic */
.ui.basic.teal.label {
    background-color: #fff !important;
    color: #00B5AD !important;
    border-color: #00B5AD !important;
}

.ui.basic.teal.labels a.label:hover,
a.ui.basic.teal.label:hover {
    background-color: #fff !important;
    color: #009c95 !important;
    border-color: #009c95 !important;
}

/*--- Blue ---*/
.ui.blue.labels .label,
.ui.blue.label {
    background-color: #2185D0 !important;
    border-color: #2185D0 !important;
    color: #fff !important;
}

/* Link */
.ui.blue.labels .label:hover,
a.ui.blue.label:hover {
    background-color: #1678c2 !important;
    border-color: #1678c2 !important;
    color: #fff !important;
}

/* Corner */
.ui.blue.corner.label,
.ui.blue.corner.label:hover {
    background-color: transparent !important;
}

/* Ribbon */
.ui.blue.ribbon.label {
    border-color: #1a69a4 !important;
}

/* Basic */
.ui.basic.blue.label {
    background-color: #fff !important;
    color: #2185D0 !important;
    border-color: #2185D0 !important;
}

.ui.basic.blue.labels a.label:hover,
a.ui.basic.blue.label:hover {
    background-color: #fff !important;
    color: #1678c2 !important;
    border-color: #1678c2 !important;
}

/*--- Violet ---*/
.ui.violet.labels .label,
.ui.violet.label {
    background-color: #6435C9 !important;
    border-color: #6435C9 !important;
    color: #fff !important;
}

/* Link */
.ui.violet.labels .label:hover,
a.ui.violet.label:hover {
    background-color: #5829bb !important;
    border-color: #5829bb !important;
    color: #fff !important;
}

/* Corner */
.ui.violet.corner.label,
.ui.violet.corner.label:hover {
    background-color: transparent !important;
}

/* Ribbon */
.ui.violet.ribbon.label {
    border-color: #502aa1 !important;
}

/* Basic */
.ui.basic.violet.label {
    background-color: #fff !important;
    color: #6435C9 !important;
    border-color: #6435C9 !important;
}

.ui.basic.violet.labels a.label:hover,
a.ui.basic.violet.label:hover {
    background-color: #fff !important;
    color: #5829bb !important;
    border-color: #5829bb !important;
}

/*--- Purple ---*/
.ui.purple.labels .label,
.ui.purple.label {
    background-color: #A333C8 !important;
    border-color: #A333C8 !important;
    color: #fff !important;
}

/* Link */
.ui.purple.labels .label:hover,
a.ui.purple.label:hover {
    background-color: #9627ba !important;
    border-color: #9627ba !important;
    color: #fff !important;
}

/* Corner */
.ui.purple.corner.label,
.ui.purple.corner.label:hover {
    background-color: transparent !important;
}

/* Ribbon */
.ui.purple.ribbon.label {
    border-color: #82299f !important;
}

/* Basic */
.ui.basic.purple.label {
    background-color: #fff !important;
    color: #A333C8 !important;
    border-color: #A333C8 !important;
}

.ui.basic.purple.labels a.label:hover,
a.ui.basic.purple.label:hover {
    background-color: #fff !important;
    color: #9627ba !important;
    border-color: #9627ba !important;
}

/*--- Pink ---*/
.ui.pink.labels .label,
.ui.pink.label {
    background-color: #E03997 !important;
    border-color: #E03997 !important;
    color: #fff !important;
}

/* Link */
.ui.pink.labels .label:hover,
a.ui.pink.label:hover {
    background-color: #e61a8d !important;
    border-color: #e61a8d !important;
    color: #fff !important;
}

/* Corner */
.ui.pink.corner.label,
.ui.pink.corner.label:hover {
    background-color: transparent !important;
}

/* Ribbon */
.ui.pink.ribbon.label {
    border-color: #c71f7e !important;
}

/* Basic */
.ui.basic.pink.label {
    background-color: #fff !important;
    color: #E03997 !important;
    border-color: #E03997 !important;
}

.ui.basic.pink.labels a.label:hover,
a.ui.basic.pink.label:hover {
    background-color: #fff !important;
    color: #e61a8d !important;
    border-color: #e61a8d !important;
}

/*--- Brown ---*/
.ui.brown.labels .label,
.ui.brown.label {
    background-color: #A5673F !important;
    border-color: #A5673F !important;
    color: #fff !important;
}

/* Link */
.ui.brown.labels .label:hover,
a.ui.brown.label:hover {
    background-color: #975b33 !important;
    border-color: #975b33 !important;
    color: #fff !important;
}

/* Corner */
.ui.brown.corner.label,
.ui.brown.corner.label:hover {
    background-color: transparent !important;
}

/* Ribbon */
.ui.brown.ribbon.label {
    border-color: #805031 !important;
}

/* Basic */
.ui.basic.brown.label {
    background-color: #fff !important;
    color: #A5673F !important;
    border-color: #A5673F !important;
}

.ui.basic.brown.labels a.label:hover,
a.ui.basic.brown.label:hover {
    background-color: #fff !important;
    color: #975b33 !important;
    border-color: #975b33 !important;
}

/*--- Grey ---*/
.ui.grey.labels .label,
.ui.grey.label {
    background-color: #767676 !important;
    border-color: #767676 !important;
    color: #fff !important;
}

/* Link */
.ui.grey.labels .label:hover,
a.ui.grey.label:hover {
    background-color: #838383 !important;
    border-color: #838383 !important;
    color: #fff !important;
}

/* Corner */
.ui.grey.corner.label,
.ui.grey.corner.label:hover {
    background-color: transparent !important;
}

/* Ribbon */
.ui.grey.ribbon.label {
    border-color: #805031 !important;
}

/* Basic */
.ui.basic.grey.label {
    background-color: #fff !important;
    color: #767676 !important;
    border-color: #767676 !important;
}

.ui.basic.grey.labels a.label:hover,
a.ui.basic.grey.label:hover {
    background-color: #fff !important;
    color: #838383 !important;
    border-color: #838383 !important;
}

/*--- Black ---*/
.ui.black.labels .label,
.ui.black.label {
    background-color: #1B1C1D !important;
    border-color: #1B1C1D !important;
    color: #fff !important;
}

/* Link */
.ui.black.labels .label:hover,
a.ui.black.label:hover {
    background-color: #27292a !important;
    border-color: #27292a !important;
    color: #fff !important;
}

/* Corner */
.ui.black.corner.label,
.ui.black.corner.label:hover {
    background-color: transparent !important;
}

/* Ribbon */
.ui.black.ribbon.label {
    border-color: #805031 !important;
}

/* Basic */
.ui.basic.black.label {
    background-color: #fff !important;
    color: #1B1C1D !important;
    border-color: #1B1C1D !important;
}

.ui.basic.black.labels a.label:hover,
a.ui.basic.black.label:hover {
    background-color: #fff !important;
    color: #27292a !important;
    border-color: #27292a !important;
}

/*-------------------
        Basic
--------------------*/
.ui.basic.label {
    background: none #fff;
    border: 1px solid rgba(34, 36, 38, 0.15);
    color: rgba(0, 0, 0, 0.87);
    -webkit-box-shadow: none;
    box-shadow: none;
}

/* Link */
a.ui.basic.label:hover {
    text-decoration: none;
    background: none #fff;
    color: #1e70bf;
    -webkit-box-shadow: 1px solid rgba(34, 36, 38, 0.15);
    box-shadow: 1px solid rgba(34, 36, 38, 0.15);
    -webkit-box-shadow: none;
    box-shadow: none;
}

/* Pointing */
.ui.basic.pointing.label:before {
    border-color: inherit;
}

/*-------------------
       Fluid
--------------------*/
.ui.label.fluid,
.ui.fluid.labels > .label {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

/*-------------------
       Inverted
--------------------*/
.ui.inverted.labels .label,
.ui.inverted.label {
    color: rgba(255, 255, 255, 0.9) !important;
}

/*-------------------
     Horizontal
--------------------*/
.ui.horizontal.labels .label,
.ui.horizontal.label {
    margin: 0em 0.5em 0em 0em;
    padding: 0.4em 0.833em;
    min-width: 3em;
    text-align: center;
}

/*-------------------
       Circular
--------------------*/
.ui.circular.labels .label,
.ui.circular.label {
    min-width: 2em;
    min-height: 2em;
    padding: 0.5em !important;
    line-height: 1em;
    text-align: center;
    border-radius: 500rem;
}

.ui.empty.circular.labels .label,
.ui.empty.circular.label {
    min-width: 0em;
    min-height: 0em;
    overflow: hidden;
    width: 0.5em;
    height: 0.5em;
    vertical-align: baseline;
}

/*-------------------
       Pointing
--------------------*/
.ui.pointing.label {
    position: relative;
}

.ui.attached.pointing.label {
    position: absolute;
}

.ui.pointing.label:before {
    background-color: inherit;
    background-image: inherit;
    border-width: none;
    border-style: solid;
    border-color: inherit;
}

/* Arrow */
.ui.pointing.label:before {
    position: absolute;
    content: '';
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    background-image: none;
    z-index: 2;
    width: 0.6666em;
    height: 0.6666em;
    -webkit-transition: background 0.1s ease;
    transition: background 0.1s ease;
}

/*--- Above ---*/
.ui.pointing.label,
.ui[class*="pointing above"].label {
    margin-top: 1em;
}

.ui.pointing.label:before,
.ui[class*="pointing above"].label:before {
    border-width: 1px 0px 0px 1px;
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    transform: translateX(-50%) translateY(-50%) rotate(45deg);
    top: 0%;
    left: 50%;
}

/*--- Below ---*/
.ui[class*="bottom pointing"].label,
.ui[class*="pointing below"].label {
    margin-top: 0em;
    margin-bottom: 1em;
}

.ui[class*="bottom pointing"].label:before,
.ui[class*="pointing below"].label:before {
    border-width: 0px 1px 1px 0px;
    top: auto;
    right: auto;
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    transform: translateX(-50%) translateY(-50%) rotate(45deg);
    top: 100%;
    left: 50%;
}

/*--- Left ---*/
.ui[class*="left pointing"].label {
    margin-top: 0em;
    margin-left: 0.6666em;
}

.ui[class*="left pointing"].label:before {
    border-width: 0px 0px 1px 1px;
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    transform: translateX(-50%) translateY(-50%) rotate(45deg);
    bottom: auto;
    right: auto;
    top: 50%;
    left: 0em;
}

/*--- Right ---*/
.ui[class*="right pointing"].label {
    margin-top: 0em;
    margin-right: 0.6666em;
}

.ui[class*="right pointing"].label:before {
    border-width: 1px 1px 0px 0px;
    -webkit-transform: translateX(50%) translateY(-50%) rotate(45deg);
    transform: translateX(50%) translateY(-50%) rotate(45deg);
    top: 50%;
    right: 0%;
    bottom: auto;
    left: auto;
}

/* Basic Pointing */
/*--- Above ---*/
.ui.basic.pointing.label:before,
.ui.basic[class*="pointing above"].label:before {
    margin-top: -1px;
}

/*--- Below ---*/
.ui.basic[class*="bottom pointing"].label:before,
.ui.basic[class*="pointing below"].label:before {
    bottom: auto;
    top: 100%;
    margin-top: 1px;
}

/*--- Left ---*/
.ui.basic[class*="left pointing"].label:before {
    top: 50%;
    left: -1px;
}

/*--- Right ---*/
.ui.basic[class*="right pointing"].label:before {
    top: 50%;
    right: -1px;
}

/*------------------
   Floating Label
-------------------*/
.ui.floating.label {
    position: absolute;
    z-index: 100;
    top: -1em;
    left: 100%;
    margin: 0em 0em 0em -1.5em !important;
}

/*-------------------
        Sizes
--------------------*/
.ui.mini.labels .label,
.ui.mini.label {
    font-size: 0.64285714rem;
}

.ui.tiny.labels .label,
.ui.tiny.label {
    font-size: 0.71428571rem;
}

.ui.small.labels .label,
.ui.small.label {
    font-size: 0.78571429rem;
}

.ui.labels .label,
.ui.label {
    font-size: 0.85714286rem;
}

.ui.large.labels .label,
.ui.large.label {
    font-size: 1rem;
}

.ui.big.labels .label,
.ui.big.label {
    font-size: 1.28571429rem;
}

.ui.huge.labels .label,
.ui.huge.label {
    font-size: 1.42857143rem;
}

.ui.massive.labels .label,
.ui.massive.label {
    font-size: 1.71428571rem;
}

/*******************************
         Theme Overrides
*******************************/
/*******************************
         Site Overrides
*******************************/
/*!
 * # Semantic UI 2.3.1 - List
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*******************************
            List
*******************************/
ul.ui.list,
ol.ui.list,
.ui.list {
    list-style-type: none;
    margin: 1em 0em;
    padding: 0em 0em;
}

ul.ui.list:first-child,
ol.ui.list:first-child,
.ui.list:first-child {
    margin-top: 0em;
    padding-top: 0em;
}

ul.ui.list:last-child,
ol.ui.list:last-child,
.ui.list:last-child {
    margin-bottom: 0em;
    padding-bottom: 0em;
}

/*******************************
            Content
*******************************/
/* List Item */
ul.ui.list li,
ol.ui.list li,
.ui.list > .item,
.ui.list .list > .item {
    display: list-item;
    table-layout: fixed;
    list-style-type: none;
    list-style-position: outside;
    padding: 0.21428571em 0em;
    line-height: 1.14285714em;
}

ul.ui.list > li:first-child:after,
ol.ui.list > li:first-child:after,
.ui.list > .list > .item,
.ui.list > .item:after {
    content: '';
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

ul.ui.list li:first-child,
ol.ui.list li:first-child,
.ui.list .list > .item:first-child,
.ui.list > .item:first-child {
    padding-top: 0em;
}

ul.ui.list li:last-child,
ol.ui.list li:last-child,
.ui.list .list > .item:last-child,
.ui.list > .item:last-child {
    padding-bottom: 0em;
}

/* Child List */
ul.ui.list ul,
ol.ui.list ol,
.ui.list .list {
    clear: both;
    margin: 0em;
    padding: 0.75em 0em 0.25em 0.5em;
}

/* Child Item */
ul.ui.list ul li,
ol.ui.list ol li,
.ui.list .list > .item {
    padding: 0.14285714em 0em;
    line-height: inherit;
}

/* Icon */
.ui.list .list > .item > i.icon,
.ui.list > .item > i.icon {
    display: table-cell;
    margin: 0em;
    padding-top: 0em;
    padding-right: 0.28571429em;
    vertical-align: top;
    -webkit-transition: color 0.1s ease;
    transition: color 0.1s ease;
}

.ui.list .list > .item > i.icon:only-child,
.ui.list > .item > i.icon:only-child {
    display: inline-block;
    vertical-align: top;
}

/* Image */
.ui.list .list > .item > .image,
.ui.list > .item > .image {
    display: table-cell;
    background-color: transparent;
    margin: 0em;
    vertical-align: top;
}

.ui.list .list > .item > .image:not(:only-child):not(img),
.ui.list > .item > .image:not(:only-child):not(img) {
    padding-right: 0.5em;
}

.ui.list .list > .item > .image img,
.ui.list > .item > .image img {
    vertical-align: top;
}

.ui.list .list > .item > img.image,
.ui.list .list > .item > .image:only-child,
.ui.list > .item > img.image,
.ui.list > .item > .image:only-child {
    display: inline-block;
}

/* Content */
.ui.list .list > .item > .content,
.ui.list > .item > .content {
    line-height: 1.14285714em;
}

.ui.list .list > .item > .image + .content,
.ui.list .list > .item > .icon + .content,
.ui.list > .item > .image + .content,
.ui.list > .item > .icon + .content {
    display: table-cell;
    padding: 0em 0em 0em 0.5em;
    vertical-align: top;
}

.ui.list .list > .item > img.image + .content,
.ui.list > .item > img.image + .content {
    display: inline-block;
}

.ui.list .list > .item > .content > .list,
.ui.list > .item > .content > .list {
    margin-left: 0em;
    padding-left: 0em;
}

/* Header */
.ui.list .list > .item .header,
.ui.list > .item .header {
    display: block;
    margin: 0em;
    font-weight: bold;
    color: rgba(0, 0, 0, 0.87);
}

/* Description */
.ui.list .list > .item .description,
.ui.list > .item .description {
    display: block;
    color: rgba(0, 0, 0, 0.7);
}

/* Child Link */
.ui.list > .item a,
.ui.list .list > .item a {
    cursor: pointer;
}

/* Linking Item */
.ui.list .list > a.item,
.ui.list > a.item {
    cursor: pointer;
    color: #4183C4;
}

.ui.list .list > a.item:hover,
.ui.list > a.item:hover {
    color: #1e70bf;
}

/* Linked Item Icons */
.ui.list .list > a.item i.icon,
.ui.list > a.item i.icon {
    color: rgba(0, 0, 0, 0.4);
}

/* Header Link */
.ui.list .list > .item a.header,
.ui.list > .item a.header {
    cursor: pointer;
    color: #4183C4 !important;
}

.ui.list .list > .item a.header:hover,
.ui.list > .item a.header:hover {
    color: #1e70bf !important;
}

/* Floated Content */
.ui[class*="left floated"].list {
    float: left;
}

.ui[class*="right floated"].list {
    float: right;
}

.ui.list .list > .item [class*="left floated"],
.ui.list > .item [class*="left floated"] {
    float: left;
    margin: 0em 1em 0em 0em;
}

.ui.list .list > .item [class*="right floated"],
.ui.list > .item [class*="right floated"] {
    float: right;
    margin: 0em 0em 0em 1em;
}

/*******************************
            Coupling
*******************************/
.ui.menu .ui.list > .item,
.ui.menu .ui.list .list > .item {
    display: list-item;
    table-layout: fixed;
    background-color: transparent;
    list-style-type: none;
    list-style-position: outside;
    padding: 0.21428571em 0em;
    line-height: 1.14285714em;
}

.ui.menu .ui.list .list > .item:before,
.ui.menu .ui.list > .item:before {
    border: none;
    background: none;
}

.ui.menu .ui.list .list > .item:first-child,
.ui.menu .ui.list > .item:first-child {
    padding-top: 0em;
}

.ui.menu .ui.list .list > .item:last-child,
.ui.menu .ui.list > .item:last-child {
    padding-bottom: 0em;
}

/*******************************
            Types
*******************************/
/*-------------------
      Horizontal
--------------------*/
.ui.horizontal.list {
    display: inline-block;
    font-size: 0em;
}

.ui.horizontal.list > .item {
    display: inline-block;
    margin-left: 1em;
    font-size: 1rem;
}

.ui.horizontal.list:not(.celled) > .item:first-child {
    margin-left: 0em !important;
    padding-left: 0em !important;
}

.ui.horizontal.list .list {
    padding-left: 0em;
    padding-bottom: 0em;
}

.ui.horizontal.list > .item > .image,
.ui.horizontal.list .list > .item > .image,
.ui.horizontal.list > .item > .icon,
.ui.horizontal.list .list > .item > .icon,
.ui.horizontal.list > .item > .content,
.ui.horizontal.list .list > .item > .content {
    vertical-align: middle;
}

/* Padding on all elements */
.ui.horizontal.list > .item:first-child,
.ui.horizontal.list > .item:last-child {
    padding-top: 0.21428571em;
    padding-bottom: 0.21428571em;
}

/* Horizontal List */
.ui.horizontal.list > .item > i.icon {
    margin: 0em;
    padding: 0em 0.25em 0em 0em;
}

.ui.horizontal.list > .item > .icon,
.ui.horizontal.list > .item > .icon + .content {
    float: none;
    display: inline-block;
}

/*******************************
         Site Overrides
*******************************/
/*!
 * # Semantic UI 2.3.1 - Breadcrumb
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*******************************
           Breadcrumb
*******************************/
.ui.breadcrumb {
    line-height: 1;
    display: inline-block;
    margin: 0em 0em;
    vertical-align: middle;
}

.ui.breadcrumb:first-child {
    margin-top: 0em;
}

.ui.breadcrumb:last-child {
    margin-bottom: 0em;
}

/*******************************
          Content
*******************************/
/* Divider */
.ui.breadcrumb .divider {
    display: inline-block;
    opacity: 0.7;
    margin: 0em 0.21428571rem 0em;
    font-size: 0.92857143em;
    color: rgba(0, 0, 0, 0.4);
    vertical-align: baseline;
}

/* Link */
.ui.breadcrumb a {
    color: #4183C4;
}

.ui.breadcrumb a:hover {
    color: #1e70bf;
}

/* Icon Divider */
.ui.breadcrumb .icon.divider {
    font-size: 0.85714286em;
    vertical-align: baseline;
}

/* Section */
.ui.breadcrumb a.section {
    cursor: pointer;
}

.ui.breadcrumb .section {
    display: inline-block;
    margin: 0em;
    padding: 0em;
}

/* Loose Coupling */
.ui.breadcrumb.segment {
    display: inline-block;
    padding: 0.78571429em 1em;
}

/*******************************
            States
*******************************/
.ui.breadcrumb .active.section {
    font-weight: bold;
}

/*******************************
           Variations
*******************************/
.ui.mini.breadcrumb {
    font-size: 0.78571429rem;
}

.ui.tiny.breadcrumb {
    font-size: 0.85714286rem;
}

.ui.small.breadcrumb {
    font-size: 0.92857143rem;
}

.ui.breadcrumb {
    font-size: 1rem;
}

.ui.large.breadcrumb {
    font-size: 1.14285714rem;
}

.ui.big.breadcrumb {
    font-size: 1.28571429rem;
}

.ui.huge.breadcrumb {
    font-size: 1.42857143rem;
}

.ui.massive.breadcrumb {
    font-size: 1.71428571rem;
}

/*******************************
         Theme Overrides
*******************************/
/*******************************
         Site Overrides
*******************************/
/*!
 * # Semantic UI 2.3.1 - Form
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*******************************
            Elements
*******************************/
/*--------------------
        Form
---------------------*/
.ui.form {
    position: relative;
    max-width: 100%;
}

/*--------------------
        Content
---------------------*/
.ui.form > p {
    margin: 1em 0em;
}

/*--------------------
        Field
---------------------*/
.ui.form .field {
    clear: both;
    margin: 0em 0em 1em;
}

.ui.form .field:last-child,
.ui.form .fields:last-child .field {
    margin-bottom: 0em;
}

.ui.form .fields .field {
    clear: both;
    margin: 0em;
}

/*--------------------
        Labels
---------------------*/
.ui.form .field > label {
    display: block;
    margin: 0em 0em 0.28571429rem 0em;
    color: rgba(0, 0, 0, 0.87);
    font-size: 14px;
    text-transform: none;
    margin-bottom: 10px !important;
}

/*--------------------
    Standard Inputs
---------------------*/
.ui.form textarea,
.ui.form input:not([type]),
.ui.form input[type="date"],
.ui.form input[type="datetime-local"],
.ui.form input[type="email"],
.ui.form input[type="number"],
.ui.form input[type="password"],
.ui.form input[type="search"],
.ui.form input[type="tel"],
.ui.form input[type="time"],
.ui.form input[type="text"],
.ui.form input[type="file"],
.ui.form input[type="url"] {
    width: 100%;
    vertical-align: top;
}

/* Set max height on unusual input */
.ui.form ::-webkit-datetime-edit,
.ui.form ::-webkit-inner-spin-button {
    height: 1.21428571em;
}

.ui.form input:not([type]),
.ui.form input[type="date"],
.ui.form input[type="datetime-local"],
.ui.form input[type="email"],
.ui.form input[type="number"],
.ui.form input[type="password"],
.ui.form input[type="search"],
.ui.form input[type="tel"],
.ui.form input[type="time"],
.ui.form input[type="text"],
.ui.form input[type="file"],
.ui.form input[type="url"] {
    margin: 0em;
    outline: none;
    -webkit-appearance: none;
    tap-highlight-color: rgba(255, 255, 255, 0);
    line-height: 1.21428571em;
    padding: 15px 15px 15px 20px;
    font-size: 1em;
    background: #f6f7f8;
    border: 1px solid #f6f7f8;
    color: #323232;
    border-radius: 0;
    -webkit-box-shadow: 0em 0em 0em 0em transparent inset;
    box-shadow: 0em 0em 0em 0em transparent inset;
    -webkit-transition: color 0.1s ease, border-color 0.1s ease;
    transition: color 0.1s ease, border-color 0.1s ease;
    transition: all 0.5s ease-in-out;
}

.ui.form input::-moz-placeholder {
    color: #323232;
}

.ui.form input::-ms-input-placeholder {
    color: #323232;
}

.ui.form input::-webkit-input-placeholder {
    color: #323232;
}

/* Text Area */
.ui.form textarea {
    margin: 0em;
    -webkit-appearance: none;
    tap-highlight-color: rgba(255, 255, 255, 0);
    padding: 0.78571429em 1em;
    background: #fff;
    border: 1px solid rgba(34, 36, 38, 0.15);
    outline: none;
    color: rgba(0, 0, 0, 0.87);
    border-radius: 0.28571429rem;
    -webkit-box-shadow: 0em 0em 0em 0em transparent inset;
    box-shadow: 0em 0em 0em 0em transparent inset;
    -webkit-transition: color 0.1s ease, border-color 0.1s ease;
    transition: color 0.1s ease, border-color 0.1s ease;
    font-size: 1em;
    line-height: 1.2857;
    resize: vertical;
}

.ui.form textarea:not([rows]) {
    height: 12em;
    min-height: 8em;
    max-height: 24em;
}

.ui.form textarea,
.ui.form input[type="checkbox"] {
    vertical-align: top;
}

/*--------------------------
  Input w/ attached Button
---------------------------*/
.ui.form input.attached {
    width: auto;
}

/*--------------------
     Basic Select
---------------------*/
.ui.form select {
    display: block;
    height: auto;
    width: 100%;
    background: #fff;
    border: 1px solid rgba(34, 36, 38, 0.15);
    border-radius: 0.28571429rem;
    -webkit-box-shadow: 0em 0em 0em 0em transparent inset;
    box-shadow: 0em 0em 0em 0em transparent inset;
    padding: 0.62em 1em;
    color: rgba(0, 0, 0, 0.87);
    -webkit-transition: color 0.1s ease, border-color 0.1s ease;
    transition: color 0.1s ease, border-color 0.1s ease;
}

/*--------------------
       Dropdown
---------------------*/
/* Block */
.ui.form .field > .selection.dropdown {
    width: 100%;
}

.ui.form .field > .selection.dropdown > .dropdown.icon {
    float: right;
}

/* Inline */
.ui.form .inline.fields .field > .selection.dropdown,
.ui.form .inline.field > .selection.dropdown {
    width: auto;
}

.ui.form .inline.fields .field > .selection.dropdown > .dropdown.icon,
.ui.form .inline.field > .selection.dropdown > .dropdown.icon {
    float: none;
}

/*--------------------
       UI Input
---------------------*/
/* Block */
.ui.form .field .ui.input,
.ui.form .fields .field .ui.input,
.ui.form .wide.field .ui.input {
    width: 100%;
}

/* Inline  */
.ui.form .inline.fields .field:not(.wide) .ui.input,
.ui.form .inline.field:not(.wide) .ui.input {
    width: auto;
    vertical-align: middle;
}

/* Full Width Input */
.ui.form .ten.fields .ui.input input,
.ui.form .nine.fields .ui.input input,
.ui.form .eight.fields .ui.input input,
.ui.form .seven.fields .ui.input input,
.ui.form .six.fields .ui.input input,
.ui.form .five.fields .ui.input input,
.ui.form .four.fields .ui.input input,
.ui.form .three.fields .ui.input input,
.ui.form .two.fields .ui.input input,
.ui.form .wide.field .ui.input input {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    width: 0px;
}

/*--------------------
   Types of Messages
---------------------*/
.ui.form .success.message,
.ui.form .warning.message,
.ui.form .error.message {
    display: none;
}

/* Assumptions */
.ui.form .message:first-child {
    margin-top: 0px;
}

/*--------------------
   Validation Prompt
---------------------*/
.ui.form .field .prompt.label {
    white-space: normal;
    background: #fff !important;
    border: 1px solid #E0B4B4 !important;
    color: #9F3A38 !important;
}

.ui.form .inline.fields .field .prompt,
.ui.form .inline.field .prompt {
    vertical-align: top;
    margin: -0.25em 0em -0.5em 0.5em;
}

.ui.form .inline.fields .field .prompt:before,
.ui.form .inline.field .prompt:before {
    border-width: 0px 0px 1px 1px;
    bottom: auto;
    right: auto;
    top: 50%;
    left: 0em;
}

/*-------------------
     Column Count
--------------------*/
/* Assume full width with one column */
.ui.grid > .column:only-child,
.ui.grid > .row > .column:only-child {
    width: 100%;
}

/* Grid Based */
.ui[class*="one column"].grid > .row > .column,
.ui[class*="one column"].grid > .column:not(.row) {
    width: 100%;
}

.ui[class*="two column"].grid > .row > .column,
.ui[class*="two column"].grid > .column:not(.row) {
    width: 50%;
}

.ui[class*="three column"].grid > .row > .column,
.ui[class*="three column"].grid > .column:not(.row) {
    width: 33.33333333%;
}

.ui[class*="four column"].grid > .row > .column,
.ui[class*="four column"].grid > .column:not(.row) {
    width: 25%;
}

.ui[class*="five column"].grid > .row > .column,
.ui[class*="five column"].grid > .column:not(.row) {
    width: 20%;
}

.ui[class*="six column"].grid > .row > .column,
.ui[class*="six column"].grid > .column:not(.row) {
    width: 16.66666667%;
}

.ui[class*="seven column"].grid > .row > .column,
.ui[class*="seven column"].grid > .column:not(.row) {
    width: 14.28571429%;
}

.ui[class*="eight column"].grid > .row > .column,
.ui[class*="eight column"].grid > .column:not(.row) {
    width: 12.5%;
}

.ui[class*="nine column"].grid > .row > .column,
.ui[class*="nine column"].grid > .column:not(.row) {
    width: 11.11111111%;
}

.ui[class*="ten column"].grid > .row > .column,
.ui[class*="ten column"].grid > .column:not(.row) {
    width: 10%;
}

.ui[class*="eleven column"].grid > .row > .column,
.ui[class*="eleven column"].grid > .column:not(.row) {
    width: 9.09090909%;
}

.ui[class*="twelve column"].grid > .row > .column,
.ui[class*="twelve column"].grid > .column:not(.row) {
    width: 8.33333333%;
}

.ui[class*="thirteen column"].grid > .row > .column,
.ui[class*="thirteen column"].grid > .column:not(.row) {
    width: 7.69230769%;
}

.ui[class*="fourteen column"].grid > .row > .column,
.ui[class*="fourteen column"].grid > .column:not(.row) {
    width: 7.14285714%;
}

.ui[class*="fifteen column"].grid > .row > .column,
.ui[class*="fifteen column"].grid > .column:not(.row) {
    width: 6.66666667%;
}

.ui[class*="sixteen column"].grid > .row > .column,
.ui[class*="sixteen column"].grid > .column:not(.row) {
    width: 6.25%;
}

/* Row Based Overrides */
.ui.grid > [class*="one column"].row > .column {
    width: 100% !important;
}

.ui.grid > [class*="two column"].row > .column {
    width: 50% !important;
}

.ui.grid > [class*="three column"].row > .column {
    width: 33.33333333% !important;
}

.ui.grid > [class*="four column"].row > .column {
    width: 25% !important;
}

.ui.grid > [class*="five column"].row > .column {
    width: 20% !important;
}

.ui.grid > [class*="six column"].row > .column {
    width: 16.66666667% !important;
}

.ui.grid > [class*="seven column"].row > .column {
    width: 14.28571429% !important;
}

.ui.grid > [class*="eight column"].row > .column {
    width: 12.5% !important;
}

.ui.grid > [class*="nine column"].row > .column {
    width: 11.11111111% !important;
}

.ui.grid > [class*="ten column"].row > .column {
    width: 10% !important;
}

.ui.grid > [class*="eleven column"].row > .column {
    width: 9.09090909% !important;
}

.ui.grid > [class*="twelve column"].row > .column {
    width: 8.33333333% !important;
}

.ui.grid > [class*="thirteen column"].row > .column {
    width: 7.69230769% !important;
}

.ui.grid > [class*="fourteen column"].row > .column {
    width: 7.14285714% !important;
}

.ui.grid > [class*="fifteen column"].row > .column {
    width: 6.66666667% !important;
}

.ui.grid > [class*="sixteen column"].row > .column {
    width: 6.25% !important;
}

/* Celled Page */
.ui.celled.page.grid {
    -webkit-box-shadow: none;
    box-shadow: none;
}

/*-------------------
    Column Width
--------------------*/
/* Sizing Combinations */
.ui.grid > .row > [class*="one wide"].column,
.ui.grid > .column.row > [class*="one wide"].column,
.ui.grid > [class*="one wide"].column,
.ui.column.grid > [class*="one wide"].column {
    width: 6.25% !important;
}

.ui.grid > .row > [class*="two wide"].column,
.ui.grid > .column.row > [class*="two wide"].column,
.ui.grid > [class*="two wide"].column,
.ui.column.grid > [class*="two wide"].column {
    width: 12.5% !important;
}

.ui.grid > .row > [class*="three wide"].column,
.ui.grid > .column.row > [class*="three wide"].column,
.ui.grid > [class*="three wide"].column,
.ui.column.grid > [class*="three wide"].column {
    width: 18.75% !important;
}

.ui.grid > .row > [class*="four wide"].column,
.ui.grid > .column.row > [class*="four wide"].column,
.ui.grid > [class*="four wide"].column,
.ui.column.grid > [class*="four wide"].column {
    width: 25% !important;
}

.ui.grid > .row > [class*="five wide"].column,
.ui.grid > .column.row > [class*="five wide"].column,
.ui.grid > [class*="five wide"].column,
.ui.column.grid > [class*="five wide"].column {
    width: 31.25% !important;
}

.ui.grid > .row > [class*="six wide"].column,
.ui.grid > .column.row > [class*="six wide"].column,
.ui.grid > [class*="six wide"].column,
.ui.column.grid > [class*="six wide"].column {
    width: 37.5% !important;
}

.ui.grid > .row > [class*="seven wide"].column,
.ui.grid > .column.row > [class*="seven wide"].column,
.ui.grid > [class*="seven wide"].column,
.ui.column.grid > [class*="seven wide"].column {
    width: 43.75% !important;
}

.ui.grid > .row > [class*="eight wide"].column,
.ui.grid > .column.row > [class*="eight wide"].column,
.ui.grid > [class*="eight wide"].column,
.ui.column.grid > [class*="eight wide"].column {
    width: 50% !important;
}

.ui.grid > .row > [class*="nine wide"].column,
.ui.grid > .column.row > [class*="nine wide"].column,
.ui.grid > [class*="nine wide"].column,
.ui.column.grid > [class*="nine wide"].column {
    width: 56.25% !important;
}

.ui.grid > .row > [class*="ten wide"].column,
.ui.grid > .column.row > [class*="ten wide"].column,
.ui.grid > [class*="ten wide"].column,
.ui.column.grid > [class*="ten wide"].column {
    width: 62.5% !important;
}

.ui.grid > .row > [class*="eleven wide"].column,
.ui.grid > .column.row > [class*="eleven wide"].column,
.ui.grid > [class*="eleven wide"].column,
.ui.column.grid > [class*="eleven wide"].column {
    width: 68.75% !important;
}

.ui.grid > .row > [class*="twelve wide"].column,
.ui.grid > .column.row > [class*="twelve wide"].column,
.ui.grid > [class*="twelve wide"].column,
.ui.column.grid > [class*="twelve wide"].column {
    width: 100% !important;
}

.ui.grid > .row > [class*="thirteen wide"].column,
.ui.grid > .column.row > [class*="thirteen wide"].column,
.ui.grid > [class*="thirteen wide"].column,
.ui.column.grid > [class*="thirteen wide"].column {
    width: 81.25% !important;
}

.ui.grid > .row > [class*="fourteen wide"].column,
.ui.grid > .column.row > [class*="fourteen wide"].column,
.ui.grid > [class*="fourteen wide"].column,
.ui.column.grid > [class*="fourteen wide"].column {
    width: 87.5% !important;
}

.ui.grid > .row > [class*="fifteen wide"].column,
.ui.grid > .column.row > [class*="fifteen wide"].column,
.ui.grid > [class*="fifteen wide"].column,
.ui.column.grid > [class*="fifteen wide"].column {
    width: 93.75% !important;
}

.ui.grid > .row > [class*="sixteen wide"].column,
.ui.grid > .column.row > [class*="sixteen wide"].column,
.ui.grid > [class*="sixteen wide"].column,
.ui.column.grid > [class*="sixteen wide"].column {
    width: 100% !important;
}

/*----------------------
    Width per Device
-----------------------*/
/* Mobile Sizing Combinations */
@media only screen and (min-width: 320px) and (max-width: 767px) {
    .ui.grid > .row > [class*="one wide mobile"].column,
    .ui.grid > .column.row > [class*="one wide mobile"].column,
    .ui.grid > [class*="one wide mobile"].column,
    .ui.column.grid > [class*="one wide mobile"].column {
        width: 6.25% !important;
    }

    .ui.grid > .row > [class*="two wide mobile"].column,
    .ui.grid > .column.row > [class*="two wide mobile"].column,
    .ui.grid > [class*="two wide mobile"].column,
    .ui.column.grid > [class*="two wide mobile"].column {
        width: 12.5% !important;
    }

    .ui.grid > .row > [class*="three wide mobile"].column,
    .ui.grid > .column.row > [class*="three wide mobile"].column,
    .ui.grid > [class*="three wide mobile"].column,
    .ui.column.grid > [class*="three wide mobile"].column {
        width: 18.75% !important;
    }

    .ui.grid > .row > [class*="four wide mobile"].column,
    .ui.grid > .column.row > [class*="four wide mobile"].column,
    .ui.grid > [class*="four wide mobile"].column,
    .ui.column.grid > [class*="four wide mobile"].column {
        width: 25% !important;
    }

    .ui.grid > .row > [class*="five wide mobile"].column,
    .ui.grid > .column.row > [class*="five wide mobile"].column,
    .ui.grid > [class*="five wide mobile"].column,
    .ui.column.grid > [class*="five wide mobile"].column {
        width: 31.25% !important;
    }

    .ui.grid > .row > [class*="six wide mobile"].column,
    .ui.grid > .column.row > [class*="six wide mobile"].column,
    .ui.grid > [class*="six wide mobile"].column,
    .ui.column.grid > [class*="six wide mobile"].column {
        width: 37.5% !important;
    }

    .ui.grid > .row > [class*="seven wide mobile"].column,
    .ui.grid > .column.row > [class*="seven wide mobile"].column,
    .ui.grid > [class*="seven wide mobile"].column,
    .ui.column.grid > [class*="seven wide mobile"].column {
        width: 43.75% !important;
    }

    .ui.grid > .row > [class*="eight wide mobile"].column,
    .ui.grid > .column.row > [class*="eight wide mobile"].column,
    .ui.grid > [class*="eight wide mobile"].column,
    .ui.column.grid > [class*="eight wide mobile"].column {
        width: 50% !important;
    }

    .ui.grid > .row > [class*="nine wide mobile"].column,
    .ui.grid > .column.row > [class*="nine wide mobile"].column,
    .ui.grid > [class*="nine wide mobile"].column,
    .ui.column.grid > [class*="nine wide mobile"].column {
        width: 56.25% !important;
    }

    .ui.grid > .row > [class*="ten wide mobile"].column,
    .ui.grid > .column.row > [class*="ten wide mobile"].column,
    .ui.grid > [class*="ten wide mobile"].column,
    .ui.column.grid > [class*="ten wide mobile"].column {
        width: 62.5% !important;
    }

    .ui.grid > .row > [class*="eleven wide mobile"].column,
    .ui.grid > .column.row > [class*="eleven wide mobile"].column,
    .ui.grid > [class*="eleven wide mobile"].column,
    .ui.column.grid > [class*="eleven wide mobile"].column {
        width: 68.75% !important;
    }

    .ui.grid > .row > [class*="twelve wide mobile"].column,
    .ui.grid > .column.row > [class*="twelve wide mobile"].column,
    .ui.grid > [class*="twelve wide mobile"].column,
    .ui.column.grid > [class*="twelve wide mobile"].column {
        width: 75% !important;
    }

    .ui.grid > .row > [class*="thirteen wide mobile"].column,
    .ui.grid > .column.row > [class*="thirteen wide mobile"].column,
    .ui.grid > [class*="thirteen wide mobile"].column,
    .ui.column.grid > [class*="thirteen wide mobile"].column {
        width: 81.25% !important;
    }

    .ui.grid > .row > [class*="fourteen wide mobile"].column,
    .ui.grid > .column.row > [class*="fourteen wide mobile"].column,
    .ui.grid > [class*="fourteen wide mobile"].column,
    .ui.column.grid > [class*="fourteen wide mobile"].column {
        width: 87.5% !important;
    }

    .ui.grid > .row > [class*="fifteen wide mobile"].column,
    .ui.grid > .column.row > [class*="fifteen wide mobile"].column,
    .ui.grid > [class*="fifteen wide mobile"].column,
    .ui.column.grid > [class*="fifteen wide mobile"].column {
        width: 93.75% !important;
    }

    .ui.grid > .row > [class*="sixteen wide mobile"].column,
    .ui.grid > .column.row > [class*="sixteen wide mobile"].column,
    .ui.grid > [class*="sixteen wide mobile"].column,
    .ui.column.grid > [class*="sixteen wide mobile"].column {
        width: 100% !important;
    }
}

/* Tablet Sizing Combinations */
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .ui.grid > .row > [class*="one wide tablet"].column,
    .ui.grid > .column.row > [class*="one wide tablet"].column,
    .ui.grid > [class*="one wide tablet"].column,
    .ui.column.grid > [class*="one wide tablet"].column {
        width: 6.25% !important;
    }

    .ui.grid > .row > [class*="two wide tablet"].column,
    .ui.grid > .column.row > [class*="two wide tablet"].column,
    .ui.grid > [class*="two wide tablet"].column,
    .ui.column.grid > [class*="two wide tablet"].column {
        width: 12.5% !important;
    }

    .ui.grid > .row > [class*="three wide tablet"].column,
    .ui.grid > .column.row > [class*="three wide tablet"].column,
    .ui.grid > [class*="three wide tablet"].column,
    .ui.column.grid > [class*="three wide tablet"].column {
        width: 18.75% !important;
    }

    .ui.grid > .row > [class*="four wide tablet"].column,
    .ui.grid > .column.row > [class*="four wide tablet"].column,
    .ui.grid > [class*="four wide tablet"].column,
    .ui.column.grid > [class*="four wide tablet"].column {
        width: 25% !important;
    }

    .ui.grid > .row > [class*="five wide tablet"].column,
    .ui.grid > .column.row > [class*="five wide tablet"].column,
    .ui.grid > [class*="five wide tablet"].column,
    .ui.column.grid > [class*="five wide tablet"].column {
        width: 31.25% !important;
    }

    .ui.grid > .row > [class*="six wide tablet"].column,
    .ui.grid > .column.row > [class*="six wide tablet"].column,
    .ui.grid > [class*="six wide tablet"].column,
    .ui.column.grid > [class*="six wide tablet"].column {
        width: 37.5% !important;
    }

    .ui.grid > .row > [class*="seven wide tablet"].column,
    .ui.grid > .column.row > [class*="seven wide tablet"].column,
    .ui.grid > [class*="seven wide tablet"].column,
    .ui.column.grid > [class*="seven wide tablet"].column {
        width: 43.75% !important;
    }

    .ui.grid > .row > [class*="eight wide tablet"].column,
    .ui.grid > .column.row > [class*="eight wide tablet"].column,
    .ui.grid > [class*="eight wide tablet"].column,
    .ui.column.grid > [class*="eight wide tablet"].column {
        width: 50% !important;
    }

    .ui.grid > .row > [class*="nine wide tablet"].column,
    .ui.grid > .column.row > [class*="nine wide tablet"].column,
    .ui.grid > [class*="nine wide tablet"].column,
    .ui.column.grid > [class*="nine wide tablet"].column {
        width: 56.25% !important;
    }

    .ui.grid > .row > [class*="ten wide tablet"].column,
    .ui.grid > .column.row > [class*="ten wide tablet"].column,
    .ui.grid > [class*="ten wide tablet"].column,
    .ui.column.grid > [class*="ten wide tablet"].column {
        width: 62.5% !important;
    }

    .ui.grid > .row > [class*="eleven wide tablet"].column,
    .ui.grid > .column.row > [class*="eleven wide tablet"].column,
    .ui.grid > [class*="eleven wide tablet"].column,
    .ui.column.grid > [class*="eleven wide tablet"].column {
        width: 68.75% !important;
    }

    .ui.grid > .row > [class*="twelve wide tablet"].column,
    .ui.grid > .column.row > [class*="twelve wide tablet"].column,
    .ui.grid > [class*="twelve wide tablet"].column,
    .ui.column.grid > [class*="twelve wide tablet"].column {
        width: 75% !important;
    }

    .ui.grid > .row > [class*="thirteen wide tablet"].column,
    .ui.grid > .column.row > [class*="thirteen wide tablet"].column,
    .ui.grid > [class*="thirteen wide tablet"].column,
    .ui.column.grid > [class*="thirteen wide tablet"].column {
        width: 81.25% !important;
    }

    .ui.grid > .row > [class*="fourteen wide tablet"].column,
    .ui.grid > .column.row > [class*="fourteen wide tablet"].column,
    .ui.grid > [class*="fourteen wide tablet"].column,
    .ui.column.grid > [class*="fourteen wide tablet"].column {
        width: 87.5% !important;
    }

    .ui.grid > .row > [class*="fifteen wide tablet"].column,
    .ui.grid > .column.row > [class*="fifteen wide tablet"].column,
    .ui.grid > [class*="fifteen wide tablet"].column,
    .ui.column.grid > [class*="fifteen wide tablet"].column {
        width: 93.75% !important;
    }

    .ui.grid > .row > [class*="sixteen wide tablet"].column,
    .ui.grid > .column.row > [class*="sixteen wide tablet"].column,
    .ui.grid > [class*="sixteen wide tablet"].column,
    .ui.column.grid > [class*="sixteen wide tablet"].column {
        width: 100% !important;
    }
}

/* Computer/Desktop Sizing Combinations */
@media only screen and (min-width: 992px) {
    .ui.grid > .row > [class*="one wide computer"].column,
    .ui.grid > .column.row > [class*="one wide computer"].column,
    .ui.grid > [class*="one wide computer"].column,
    .ui.column.grid > [class*="one wide computer"].column {
        width: 6.25% !important;
    }

    .ui.grid > .row > [class*="two wide computer"].column,
    .ui.grid > .column.row > [class*="two wide computer"].column,
    .ui.grid > [class*="two wide computer"].column,
    .ui.column.grid > [class*="two wide computer"].column {
        width: 12.5% !important;
    }

    .ui.grid > .row > [class*="three wide computer"].column,
    .ui.grid > .column.row > [class*="three wide computer"].column,
    .ui.grid > [class*="three wide computer"].column,
    .ui.column.grid > [class*="three wide computer"].column {
        width: 18.75% !important;
    }

    .ui.grid > .row > [class*="four wide computer"].column,
    .ui.grid > .column.row > [class*="four wide computer"].column,
    .ui.grid > [class*="four wide computer"].column,
    .ui.column.grid > [class*="four wide computer"].column {
        width: 25% !important;
    }

    .ui.grid > .row > [class*="five wide computer"].column,
    .ui.grid > .column.row > [class*="five wide computer"].column,
    .ui.grid > [class*="five wide computer"].column,
    .ui.column.grid > [class*="five wide computer"].column {
        width: 31.25% !important;
    }

    .ui.grid > .row > [class*="six wide computer"].column,
    .ui.grid > .column.row > [class*="six wide computer"].column,
    .ui.grid > [class*="six wide computer"].column,
    .ui.column.grid > [class*="six wide computer"].column {
        width: 37.5% !important;
    }

    .ui.grid > .row > [class*="seven wide computer"].column,
    .ui.grid > .column.row > [class*="seven wide computer"].column,
    .ui.grid > [class*="seven wide computer"].column,
    .ui.column.grid > [class*="seven wide computer"].column {
        width: 43.75% !important;
    }

    .ui.grid > .row > [class*="eight wide computer"].column,
    .ui.grid > .column.row > [class*="eight wide computer"].column,
    .ui.grid > [class*="eight wide computer"].column,
    .ui.column.grid > [class*="eight wide computer"].column {
        width: 50% !important;
    }

    .ui.grid > .row > [class*="nine wide computer"].column,
    .ui.grid > .column.row > [class*="nine wide computer"].column,
    .ui.grid > [class*="nine wide computer"].column,
    .ui.column.grid > [class*="nine wide computer"].column {
        width: 56.25% !important;
    }

    .ui.grid > .row > [class*="ten wide computer"].column,
    .ui.grid > .column.row > [class*="ten wide computer"].column,
    .ui.grid > [class*="ten wide computer"].column,
    .ui.column.grid > [class*="ten wide computer"].column {
        width: 62.5% !important;
    }

    .ui.grid > .row > [class*="eleven wide computer"].column,
    .ui.grid > .column.row > [class*="eleven wide computer"].column,
    .ui.grid > [class*="eleven wide computer"].column,
    .ui.column.grid > [class*="eleven wide computer"].column {
        width: 68.75% !important;
    }

    .ui.grid > .row > [class*="twelve wide computer"].column,
    .ui.grid > .column.row > [class*="twelve wide computer"].column,
    .ui.grid > [class*="twelve wide computer"].column,
    .ui.column.grid > [class*="twelve wide computer"].column {
        width: 75% !important;
    }

    .ui.grid > .row > [class*="thirteen wide computer"].column,
    .ui.grid > .column.row > [class*="thirteen wide computer"].column,
    .ui.grid > [class*="thirteen wide computer"].column,
    .ui.column.grid > [class*="thirteen wide computer"].column {
        width: 81.25% !important;
    }

    .ui.grid > .row > [class*="fourteen wide computer"].column,
    .ui.grid > .column.row > [class*="fourteen wide computer"].column,
    .ui.grid > [class*="fourteen wide computer"].column,
    .ui.column.grid > [class*="fourteen wide computer"].column {
        width: 87.5% !important;
    }

    .ui.grid > .row > [class*="fifteen wide computer"].column,
    .ui.grid > .column.row > [class*="fifteen wide computer"].column,
    .ui.grid > [class*="fifteen wide computer"].column,
    .ui.column.grid > [class*="fifteen wide computer"].column {
        width: 93.75% !important;
    }

    .ui.grid > .row > [class*="sixteen wide computer"].column,
    .ui.grid > .column.row > [class*="sixteen wide computer"].column,
    .ui.grid > [class*="sixteen wide computer"].column,
    .ui.column.grid > [class*="sixteen wide computer"].column {
        width: 100% !important;
    }
}

/* Large Monitor Sizing Combinations */
@media only screen and (min-width: 1200px) and (max-width: 1919px) {
    .ui.grid > .row > [class*="one wide large screen"].column,
    .ui.grid > .column.row > [class*="one wide large screen"].column,
    .ui.grid > [class*="one wide large screen"].column,
    .ui.column.grid > [class*="one wide large screen"].column {
        width: 6.25% !important;
    }

    .ui.grid > .row > [class*="two wide large screen"].column,
    .ui.grid > .column.row > [class*="two wide large screen"].column,
    .ui.grid > [class*="two wide large screen"].column,
    .ui.column.grid > [class*="two wide large screen"].column {
        width: 12.5% !important;
    }

    .ui.grid > .row > [class*="three wide large screen"].column,
    .ui.grid > .column.row > [class*="three wide large screen"].column,
    .ui.grid > [class*="three wide large screen"].column,
    .ui.column.grid > [class*="three wide large screen"].column {
        width: 18.75% !important;
    }

    .ui.grid > .row > [class*="four wide large screen"].column,
    .ui.grid > .column.row > [class*="four wide large screen"].column,
    .ui.grid > [class*="four wide large screen"].column,
    .ui.column.grid > [class*="four wide large screen"].column {
        width: 25% !important;
    }

    .ui.grid > .row > [class*="five wide large screen"].column,
    .ui.grid > .column.row > [class*="five wide large screen"].column,
    .ui.grid > [class*="five wide large screen"].column,
    .ui.column.grid > [class*="five wide large screen"].column {
        width: 31.25% !important;
    }

    .ui.grid > .row > [class*="six wide large screen"].column,
    .ui.grid > .column.row > [class*="six wide large screen"].column,
    .ui.grid > [class*="six wide large screen"].column,
    .ui.column.grid > [class*="six wide large screen"].column {
        width: 37.5% !important;
    }

    .ui.grid > .row > [class*="seven wide large screen"].column,
    .ui.grid > .column.row > [class*="seven wide large screen"].column,
    .ui.grid > [class*="seven wide large screen"].column,
    .ui.column.grid > [class*="seven wide large screen"].column {
        width: 43.75% !important;
    }

    .ui.grid > .row > [class*="eight wide large screen"].column,
    .ui.grid > .column.row > [class*="eight wide large screen"].column,
    .ui.grid > [class*="eight wide large screen"].column,
    .ui.column.grid > [class*="eight wide large screen"].column {
        width: 50% !important;
    }

    .ui.grid > .row > [class*="nine wide large screen"].column,
    .ui.grid > .column.row > [class*="nine wide large screen"].column,
    .ui.grid > [class*="nine wide large screen"].column,
    .ui.column.grid > [class*="nine wide large screen"].column {
        width: 56.25% !important;
    }

    .ui.grid > .row > [class*="ten wide large screen"].column,
    .ui.grid > .column.row > [class*="ten wide large screen"].column,
    .ui.grid > [class*="ten wide large screen"].column,
    .ui.column.grid > [class*="ten wide large screen"].column {
        width: 62.5% !important;
    }

    .ui.grid > .row > [class*="eleven wide large screen"].column,
    .ui.grid > .column.row > [class*="eleven wide large screen"].column,
    .ui.grid > [class*="eleven wide large screen"].column,
    .ui.column.grid > [class*="eleven wide large screen"].column {
        width: 68.75% !important;
    }

    .ui.grid > .row > [class*="twelve wide large screen"].column,
    .ui.grid > .column.row > [class*="twelve wide large screen"].column,
    .ui.grid > [class*="twelve wide large screen"].column,
    .ui.column.grid > [class*="twelve wide large screen"].column {
        width: 75% !important;
    }

    .ui.grid > .row > [class*="thirteen wide large screen"].column,
    .ui.grid > .column.row > [class*="thirteen wide large screen"].column,
    .ui.grid > [class*="thirteen wide large screen"].column,
    .ui.column.grid > [class*="thirteen wide large screen"].column {
        width: 81.25% !important;
    }

    .ui.grid > .row > [class*="fourteen wide large screen"].column,
    .ui.grid > .column.row > [class*="fourteen wide large screen"].column,
    .ui.grid > [class*="fourteen wide large screen"].column,
    .ui.column.grid > [class*="fourteen wide large screen"].column {
        width: 87.5% !important;
    }

    .ui.grid > .row > [class*="fifteen wide large screen"].column,
    .ui.grid > .column.row > [class*="fifteen wide large screen"].column,
    .ui.grid > [class*="fifteen wide large screen"].column,
    .ui.column.grid > [class*="fifteen wide large screen"].column {
        width: 93.75% !important;
    }

    .ui.grid > .row > [class*="sixteen wide large screen"].column,
    .ui.grid > .column.row > [class*="sixteen wide large screen"].column,
    .ui.grid > [class*="sixteen wide large screen"].column,
    .ui.column.grid > [class*="sixteen wide large screen"].column {
        width: 100% !important;
    }
}

/* Widescreen Sizing Combinations */
@media only screen and (min-width: 1920px) {
    .ui.grid > .row > [class*="one wide widescreen"].column,
    .ui.grid > .column.row > [class*="one wide widescreen"].column,
    .ui.grid > [class*="one wide widescreen"].column,
    .ui.column.grid > [class*="one wide widescreen"].column {
        width: 6.25% !important;
    }

    .ui.grid > .row > [class*="two wide widescreen"].column,
    .ui.grid > .column.row > [class*="two wide widescreen"].column,
    .ui.grid > [class*="two wide widescreen"].column,
    .ui.column.grid > [class*="two wide widescreen"].column {
        width: 12.5% !important;
    }

    .ui.grid > .row > [class*="three wide widescreen"].column,
    .ui.grid > .column.row > [class*="three wide widescreen"].column,
    .ui.grid > [class*="three wide widescreen"].column,
    .ui.column.grid > [class*="three wide widescreen"].column {
        width: 18.75% !important;
    }

    .ui.grid > .row > [class*="four wide widescreen"].column,
    .ui.grid > .column.row > [class*="four wide widescreen"].column,
    .ui.grid > [class*="four wide widescreen"].column,
    .ui.column.grid > [class*="four wide widescreen"].column {
        width: 25% !important;
    }

    .ui.grid > .row > [class*="five wide widescreen"].column,
    .ui.grid > .column.row > [class*="five wide widescreen"].column,
    .ui.grid > [class*="five wide widescreen"].column,
    .ui.column.grid > [class*="five wide widescreen"].column {
        width: 31.25% !important;
    }

    .ui.grid > .row > [class*="six wide widescreen"].column,
    .ui.grid > .column.row > [class*="six wide widescreen"].column,
    .ui.grid > [class*="six wide widescreen"].column,
    .ui.column.grid > [class*="six wide widescreen"].column {
        width: 37.5% !important;
    }

    .ui.grid > .row > [class*="seven wide widescreen"].column,
    .ui.grid > .column.row > [class*="seven wide widescreen"].column,
    .ui.grid > [class*="seven wide widescreen"].column,
    .ui.column.grid > [class*="seven wide widescreen"].column {
        width: 43.75% !important;
    }

    .ui.grid > .row > [class*="eight wide widescreen"].column,
    .ui.grid > .column.row > [class*="eight wide widescreen"].column,
    .ui.grid > [class*="eight wide widescreen"].column,
    .ui.column.grid > [class*="eight wide widescreen"].column {
        width: 50% !important;
    }

    .ui.grid > .row > [class*="nine wide widescreen"].column,
    .ui.grid > .column.row > [class*="nine wide widescreen"].column,
    .ui.grid > [class*="nine wide widescreen"].column,
    .ui.column.grid > [class*="nine wide widescreen"].column {
        width: 56.25% !important;
    }

    .ui.grid > .row > [class*="ten wide widescreen"].column,
    .ui.grid > .column.row > [class*="ten wide widescreen"].column,
    .ui.grid > [class*="ten wide widescreen"].column,
    .ui.column.grid > [class*="ten wide widescreen"].column {
        width: 62.5% !important;
    }

    .ui.grid > .row > [class*="eleven wide widescreen"].column,
    .ui.grid > .column.row > [class*="eleven wide widescreen"].column,
    .ui.grid > [class*="eleven wide widescreen"].column,
    .ui.column.grid > [class*="eleven wide widescreen"].column {
        width: 68.75% !important;
    }

    .ui.grid > .row > [class*="twelve wide widescreen"].column,
    .ui.grid > .column.row > [class*="twelve wide widescreen"].column,
    .ui.grid > [class*="twelve wide widescreen"].column,
    .ui.column.grid > [class*="twelve wide widescreen"].column {
        width: 75% !important;
    }

    .ui.grid > .row > [class*="thirteen wide widescreen"].column,
    .ui.grid > .column.row > [class*="thirteen wide widescreen"].column,
    .ui.grid > [class*="thirteen wide widescreen"].column,
    .ui.column.grid > [class*="thirteen wide widescreen"].column {
        width: 81.25% !important;
    }

    .ui.grid > .row > [class*="fourteen wide widescreen"].column,
    .ui.grid > .column.row > [class*="fourteen wide widescreen"].column,
    .ui.grid > [class*="fourteen wide widescreen"].column,
    .ui.column.grid > [class*="fourteen wide widescreen"].column {
        width: 87.5% !important;
    }

    .ui.grid > .row > [class*="fifteen wide widescreen"].column,
    .ui.grid > .column.row > [class*="fifteen wide widescreen"].column,
    .ui.grid > [class*="fifteen wide widescreen"].column,
    .ui.column.grid > [class*="fifteen wide widescreen"].column {
        width: 93.75% !important;
    }

    .ui.grid > .row > [class*="sixteen wide widescreen"].column,
    .ui.grid > .column.row > [class*="sixteen wide widescreen"].column,
    .ui.grid > [class*="sixteen wide widescreen"].column,
    .ui.column.grid > [class*="sixteen wide widescreen"].column {
        width: 100% !important;
    }
}

/* Mixins */
/*Background colors*/
.theme-bg {
    background: var(--blue);
}

/*text color*/
.theme-color {
    color: var(--blue);
}

.bg {
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    position: relative;
    overflow: hidden;
}

.bg:before {
    content: '';
    background: rgba(0, 0, 0, 0.6);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}

.no-overlay:before {
    content: '';
    background: rgba(0, 0, 0, 0);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}

.bg-primary-overlay:before {
    content: '';
    background: var(--blue);
    background: rgba(132, 186, 63, 0.8) !important;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}

/*Social Icons Backgrounds*/
.bg-facebook {
    background: #3b5998 !important;
}

.bg-twitter {
    background: #00aced !important;
}

.bg-linkedin {
    background: #0077B5 !important;
}

.bg-pinterest {
    background: #c92228 !important;
}

.bg-instagram {
    background: #e2306a !important;
}

.bg-dribbble {
    background: #c73b65 !important;
}

.bg-googleplus {
    background: #d34836 !important;
}

.bg-pinterest {
    background: #c92228 !important;
}

.bg-dropbox {
    background: #3d9ae8 !important;
}

.bg-flickr {
    background: #0063DC !important;
}

.bg-tumblr {
    background: #34526f !important;
}

.bg-skype {
    background: #12a5f4 !important;
}

.bg-youtube {
    background: #c4302b !important;
}

.bg-github {
    background: #323232 !important;
}

/*Labels*/
.label {
    display: inline;
    padding: .2em .4em;
    font-size: 75%;
    font-weight: 400;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
}

/*Social Icons Text*/
.text-facebook {
    color: #3b5998;
}

.text-twitter {
    color: #00aced;
}

.text-linkedin {
    color: #0077B5;
}

.text-dribbble {
    color: #c73b65;
}

.text-googleplus {
    color: #d34836;
}

.text-instagram {
    color: #e2306a;
}

.text-pinterest {
    color: #c92228;
}

.text-dropbox {
    color: #3d9ae8;
}

.text-flickr {
    color: #0063DC;
}

.text-tumblr {
    color: #34526f;
}

.text-skype {
    color: #12a5f4;
}

.text-youtube {
    color: #c4302b;
}

.text-github {
    color: #323232;
}

/*Font sizes*/
.font-xs {
    font-size: 0.76rem;
    line-height: 1rem;
}

.font-xxl {
    font-size: 1.714rem;
    line-height: 2rem;
}

.f-30 {
    font-size: 2.143rem;
    line-height: 2.143rem;
}

.f-50 {
    font-size: 3.571rem;
    line-height: 3.571rem;
}

.f-70 {
    font-size: 5.271rem;
    line-height: 5.271rem;
}

.f-100 {
    font-size: 7.125rem;
    line-height: 7.125rem;
}

.f-150 {
    font-size: 11.125rem;
    line-height: 11.125rem;
}

.f-200 {
    font-size: 14.125rem;
    line-height: 14.125rem;
}

/*Font weights*/
.font-light {
    font-weight: 300;
}

.font-regular {
    font-weight: 400;
}

.font-medium {
    font-weight: 500;
}

.font-bold {
    font-weight: 700;
}

/*Margins */
.mt-0 {
    margin-top: 0 !important;
}

.mt-10 {
    margin-top: 0.7143rem !important;
}

.mt-15 {
    margin-top: 1.100rem !important;
}

.mt-20 {
    margin-top: 1.429rem !important;
}

.mt-30 {
    margin-top: 2.143rem !important;
}

.mt-40 {
    margin-top: 2.857rem !important;
}

.mt-50 {
    margin-top: 3.571rem !important;
}

.mt-60 {
    margin-top: 4.286rem !important;
}

.mt-70 {
    margin-top: 5rem !important;
}

.mt-80 {
    margin-top: 5.714rem !important;
}

.mt-90 {
    margin-top: 6.429rem !important;
}

.mt-100 {
    margin-top: 7.143rem !important;
}

/*Margin bottom*/
.mb-0 {
    margin-bottom: 0 !important;
}

.mb-10 {
    margin-bottom: 0.7143rem !important;
}

.mb-15 {
    margin-bottom: 1.100rem !important;
}

.mb-20 {
    margin-bottom: 1.429rem !important;
}

.mb-30 {
    margin-bottom: 2.143rem !important;
}

.mb-40 {
    margin-bottom: 2.857rem !important;
}

.mb-50 {
    margin-bottom: 3.571rem !important;
}

.mb-60 {
    margin-bottom: 4.286rem !important;
}

.mb-70 {
    margin-bottom: 5rem !important;
}

.mb-80 {
    margin-bottom: 5.714rem !important;
}

.mb-90 {
    margin-bottom: 6.429rem !important;
}

.mb-100 {
    margin-bottom: 7.143rem !important;
}

/*Margin left*/
.ml-0 {
    margin-left: 0 !important;
}

.ml-15 {
    margin-left: 1.100rem !important;
}

.ml-10 {
    margin-left: 0.7143rem !important;
}

.ml-20 {
    margin-left: 1.429rem !important;
}

.ml-30 {
    margin-left: 2.143rem !important;
}

.ml-40 {
    margin-left: 2.857rem !important;
}

.ml-50 {
    margin-left: 3.571rem !important;
}

.ml-60 {
    margin-left: 4.286rem !important;
}

.ml-70 {
    margin-left: 5rem !important;
}

.ml-80 {
    margin-left: 5.714rem !important;
}

.ml-90 {
    margin-left: 6.429rem !important;
}

.ml-100 {
    margin-left: 7.143rem !important;
}

/*Margin right*/
.mr-0 {
    margin-right: 0 !important;
}

.mr-10 {
    margin-right: 0.7143rem !important;
}

.mr-15 {
    margin-right: 1.100rem !important;
}

.mr-20 {
    margin-right: 1.429rem !important;
}

.mr-30 {
    margin-right: 2.143rem !important;
}

.mr-40 {
    margin-right: 2.857rem !important;
}

.mr-50 {
    margin-right: 3.571rem !important;
}

.mr-60 {
    margin-right: 4.286rem !important;
}

.mr-70 {
    margin-right: 5rem !important;
}

.mr-80 {
    margin-right: 5.714rem !important;
}

.mr-90 {
    margin-right: 6.429rem !important;
}

.mr-100 {
    margin-right: 7.143rem !important;
}

/*padding*/
.p-0 {
    padding: 0 !important;
}

.p-05 {
    padding: 0.3543rem !important;
}

.p-10 {
    padding: 0.7143rem !important;
}

.p-15 {
    padding: 1.0443rem !important;
}

.p-20 {
    padding: 1.429rem !important;
}

.p-30 {
    padding: 2.143rem !important;
}

.p-40 {
    padding: 2.857rem !important;
}

.p-50 {
    padding: 3.571rem !important;
}

/*Padding left*/
.pl-0 {
    padding-left: 0 !important;
}

.pl-10 {
    padding-left: 0.7143rem !important;
}

.pl-15 {
    padding-left: 1.100rem !important;
}

.pl-20 {
    padding-left: 1.429rem !important;
}

.pl-30 {
    padding-left: 2.143rem !important;
}

.pl-40 {
    padding-left: 2.857rem !important;
}

.pl-50 {
    padding-left: 3.571rem !important;
}

/*Padding right*/
.pr-0 {
    padding-right: 0 !important;
}

.pr-10 {
    padding-right: 0.7143rem !important;
}

.pr-15 {
    padding-right: 1.100rem !important;
}

.pr-20 {
    padding-right: 1.429rem !important;
}

.pr-30 {
    padding-right: 2.143rem !important;
}

.pr-40 {
    padding-right: 2.857rem !important;
}

.pr-50 {
    padding-right: 3.571rem !important;
}

/*Padding top*/
.pt-0 {
    padding-top: 0 !important;
}

.pt-10 {
    padding-top: 0.7143rem !important;
}

.pt-15 {
    padding-top: 1.100rem !important;
}

.pt-20 {
    padding-top: 1.429rem !important;
}

.pt-30 {
    padding-top: 2.143rem !important;
}

.pt-40 {
    padding-top: 2.857rem !important;
}

.pt-50 {
    padding-top: 3.571rem !important;
}

/*Padding bottom*/
.pb-0 {
    padding-bottom: 0 !important;
}

.pb-10 {
    padding-bottom: 0.7143rem !important;
}

.pb-15 {
    padding-bottom: 1.100rem !important;
}

.pb-20 {
    padding-bottom: 1.429rem !important;
}

.pb-30 {
    padding-bottom: 2.143rem !important;
}

.pb-40 {
    padding-bottom: 2.857rem !important;
}

.pb-50 {
    padding-bottom: 3.571rem !important;
}

/*Min heights*/
.min-h-200 {
    min-height: 200px;
}

.min-h-230 {
    min-height: 230px;
}

.min-h-260 {
    min-height: 260px;
}

.min-h-320 {
    min-height: 320px;
}

.min-h-350 {
    min-height: 350px;
}

.min-h-380 {
    min-height: 380px;
}

.min-h-410 {
    min-height: 410px;
}

.min-h-440 {
    min-height: 440px;
}

.min-h-470 {
    min-height: 470px;
}

.min-h-500 {
    min-height: 500px;
}

.min-h-550 {
    min-height: 550px;
}

.min-h-600 {
    min-height: 600px;
}

/*Max heights*/
.max-h-200 {
    max-height: 200px;
}

.max-h-230 {
    max-height: 230px;
}

.max-h-260 {
    max-height: 260px;
}

.max-h-320 {
    max-height: 320px;
}

.max-h-350 {
    max-height: 350px;
}

.max-h-380 {
    max-height: 380px;
}

.max-h-410 {
    max-height: 410px;
}

.max-h-440 {
    max-height: 440px;
}

.max-h-470 {
    max-height: 470px;
}

.max-h-500 {
    max-height: 500px;
}

.max-h-550 {
    max-height: 550px;
}

.max-h-600 {
    max-height: 600px;
}

/*Overflow */
.overflow-x {
    overflow-x: auto;
}

.overflow-y {
    overflow-y: auto;
}

.overflow-auto {
    overflow: auto;
}

.border-top {
    border-top: 1px solid #eee !important;
}

.border-bottom {
    border-bottom: 1px solid #eee !important;
}

.border-right {
    border-right: 1px solid #eee !important;
}

.border-left {
    border-left: 1px solid #eee !important;
}

.border-white {
    border-color: #fff !important;
}

.badge-absolute {
    position: absolute;
    right: 20px;
    top: 20px;
}

.nav-tabs-custom {
    position: absolute;
    right: 0;
    top: 0;
}

html {
    font-size: 14px;
}

body {
    font-family: 'Nunito', sans-serif;
    margin: 0;
    padding: 0;
    font-size: 1.15rem;
    color: #626262;
    min-width: 1600px;
}

h1, h2, h3, h4, h5, h6, p, span, ul, li, a, ol {
    padding: 0;
    margin: 0;
}

h1, h2, h3, h4, h5, h6 {
    color: #323232;
    font-weight: 500;
    font-family: 'Nunito', sans-serif;
    margin-bottom: 0.5rem;
}

h1 {
    font-size: 2.258rem;
    line-height: 2.258rem;
}

h2 {
    font-size: 1.65rem;
    line-height: 1.65rem;
}

h3 {
    font-size: 1.858rem;
    line-height: 1.858rem;
}

h4 {
    font-size: 1.571rem;
    line-height: 1.858rem;
}

h5 {
    font-size: 1.286rem;
    line-height: 1.858rem;
}

h6 {
    font-size: 1.143rem;
    line-height: 1.858rem;
}

a, a:hover, a:focus {
    color: inherit;
    text-decoration: none;
    outline: 0;
}

ul, ol {
    padding-left: 15px;
}

dl dt {
    font-weight: 500;
}

dl dd {
    font-weight: 300;
}

.list-none {
    list-style: none;
}

/*svg {*/
/*    width: 100% !important;*/
/*}*/

.accordion .acd-group .acd-heading {
    font-weight: 500;
    font-size: 1.143rem;
    position: relative;
    padding: 12px 0;
    color: #323232;
    line-height: normal;
    cursor: pointer;
    background-color: transparent;
    margin-bottom: 0px;
    display: block;
    border-radius: 3px;
}

.accordion .acd-group .acd-heading:before {
    font-family: 'FontAwesome';
    cursor: pointer;
    position: absolute;
    top: 12px;
    right: 20px;
    display: block;
    padding: 3px 6px 2px;
    content: "\f105";
    font-size: 1.143rem;
    line-height: 1.571rem;
}

.accordion .acd-group .acd-heading:hover {
    color: var(--blue);
}

.accordion .acd-group .acd-des {
    padding: 0 20px 20px 0;
}

.accordion .acd-active .acd-heading {
    color: var(--blue);
}

.accordion .acd-active .acd-heading:before {
    content: "\f107";
}

/*plus-icon*/
.accordion.plus-icon .acd-group.acd-active .acd-heading:before {
    content: "\f068";
    font-size: 1.143rem;
}

.accordion.plus-icon .acd-group .acd-heading:before {
    content: "\f067";
    font-size: 1.143rem;
}

/*plus-icon.round*/
.accordion.plus-icon.round .acd-group.acd-active .acd-heading:before {
    content: "\f056";
    font-size: 1.143rem;
}

.accordion.plus-icon.round .acd-group .acd-heading:before {
    content: "\f055";
    font-size: 1.143rem;
}

/*gray*/
.accordion.gray .acd-heading {
    background-color: #f6f7f8;
    margin-bottom: 20px;
    padding: 12px 24px;
}

.accordion.gray .acd-heading:hover {
    color: #fff;
    background: var(--blue);
}

.accordion.gray .acd-des {
    padding: 0 30px 20px;
}

.accordion.gray .acd-group.acd-active .acd-heading {
    color: #fff;
    background: var(--blue);
}

/*shadow*/
.accordion.shadow .acd-heading {
    background: #fff;
    -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
    margin-bottom: 20px;
    padding: 12px 24px;
}

.accordion.shadow .acd-des {
    padding: 0 30px 20px;
}

.accordion.shadow .acd-group.acd-active .acd-heading {
    color: #fff;
    background: var(--blue);
}

.accordion.shadow .acd-group .acd-heading:hover {
    color: #fff;
    background: var(--blue);
}

/*border*/
.accordion.accordion-border .acd-heading {
    background: transparent;
    border: 1px solid #eee;
    box-shadow: none;
    margin-bottom: 20px;
    padding: 12px 24px;
}

.accordion.accordion-border .acd-des {
    padding: 0 30px 20px;
}

.accordion.accordion-border .acd-group.acd-active .acd-heading {
    color: #fff;
    background: var(--blue);
}

.accordion.accordion-border .acd-group .acd-heading:hover {
    color: #fff;
    background: var(--blue);
}

/*no-radius*/
.accordion.no-radius .acd-heading {
    border-radius: 0;
}

button {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

button:focus {
    outline: 0;
}

.button {
    background: var(--blue);
    padding: 10px 20px;
    font-size: 1rem;
    letter-spacing: 1px;
    border: 0;
    color: #fff;
    font-weight: 500;
    white-space: nowrap;
    display: inline-block;
    border-radius: 3px;
    text-align: center;
    border: 0;
    cursor: pointer;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.button:hover {
    background: #343a40;
    color: #fff;
    border-color: #eee;
}

.button:focus {
    background: #323232;
    color: #fff;
    border-color: #eee;
}

.button + .button {
    margin-left: 5px;
    margin-bottom: 5px;
}

.button.icon i.fa::before {
    color: #fff;
    font-size: 17px;
}

.button.black {
    background: #323232;
    color: #fff;
    border: 2px solid #323232;
}

.button.black:hover {
    background: var(--blue);
    color: #fff;
    border-color: var(--blue);
}

.button.black:active {
    background: var(--blue);
    color: #fff;
    border-color: var(--blue);
}

.button.black:focus {
    background: var(--blue);
    color: #fff;
    border-color: var(--blue);
}

.button.gray {
    background: #eee;
    color: #323232;
    border: 2px solid #eee;
}

.button.gray:hover {
    background: var(--blue);
    color: #fff;
    border-color: var(--blue);
}

.button.gray:focus {
    background: var(--blue);
    color: #fff;
    border-color: var(--blue);
}

.button.gray:active {
    background: var(--blue);
    color: #fff;
    border-color: var(--blue);
}

.button.white {
    background: #fff;
    color: var(--blue);
    border-color: #fff;
}

.button.white:hover {
    background: #323232;
    color: #fff;
    border-color: #323232;
}

.button.white:focus {
    background: #323232;
    color: #fff;
    border-color: #323232;
}

.button.white:active {
    background: #323232;
    color: #fff;
    border-color: #323232;
}

.button.button-border {
    background: transparent;
    border: 2px solid var(--blue);
    color: var(--blue);
}

.button.button-border:hover {
    background: var(--blue);
    color: #fff;
    border-color: var(--blue);
}

.button.button-border:focus {
    background: #323232;
    color: #fff;
    border-color: #323232;
}

.button.button-border:active {
    background: #323232;
    color: #fff;
    border-color: #323232;
}

.button.button-border.gray {
    background: transparent;
    border: 2px solid #eee;
    color: #626262;
}

.button.button-border.gray:hover {
    background: var(--blue);
    color: #fff;
    border-color: var(--blue);
}

.button.button-border.gray:focus {
    background: var(--blue);
    color: #fff;
    border-color: var(--blue);
}

.button.button-border.gray:active {
    background: var(--blue);
    color: #fff;
    border-color: var(--blue);
}

.button.button-border.black {
    background: transparent;
    border: 2px solid #323232;
    color: #323232;
}

.button.button-border.black:hover {
    background: #323232;
    color: #fff;
    border-color: #323232;
}

.button.button-border.black:focus {
    background: #323232;
    color: #fff;
    border-color: #323232;
}

.button.button-border.black:active {
    background: #323232;
    color: #fff;
    border-color: #323232;
}

.button.button-border.white {
    background: transparent;
    border: 2px solid #fff;
    color: #fff;
}

.button.button-border.white:hover {
    background: #fff;
    color: var(--blue);
    border-color: #fff;
}

.button.button-border.white:focus {
    background: #fff;
    color: var(--blue);
    border-color: #fff;
}

.button.button-border.white:active {
    background: #fff;
    color: var(--blue);
    border-color: #fff;
}

.button.icon i {
    margin-left: 10px;
}

.button.arrow {
    background: transparent;
    border: none;
    color: var(--blue);
    padding: 0;
    font-weight: 700;
}

.button.arrow i {
    padding-left: 10px;
    font-size: 1rem;
}

.button.arrow:hover {
    color: #323232;
}

.button.arrow.white {
    color: #fff;
    border: none;
}

.button.arrow.white:hover {
    color: #f6f7f8;
    background: transparent;
}

.button.icon-color {
    background: none;
    border: none;
    color: var(--blue);
    padding: 0;
}

.button.icon-color:hover {
    color: #323232;
    background: transparent;
}

.button.icon-color i {
    border: 1px solid var(--blue);
    border-radius: 50%;
    height: 22px;
    width: 22px;
    line-height: 1.286rem;
    margin-left: 10px;
    transform: translateX(0px);
    transition: all 0.5s cubic-bezier(0.76, 0.46, 0.22, 1) 0s;
}

.button.icon-color i:hover {
    background: #323232;
    border-color: #eee;
    color: #fff;
    transform: translateX(3px);
}

.button.icon-color.white:hover {
    color: #fff;
    border: none;
    background: none;
}

.button.icon-color.white:hover i {
    background: #fff;
    color: var(--blue);
    border-color: #fff;
}

.bg-dark .button.icon-color {
    color: #fff;
}

.bg-dark .button.icon-color i {
    border-color: #fff;
}

.bg-dark .button.icon-color i:hover {
    background: #fff;
    color: var(--blue);
}

.bg-dark .button.icon-color:hover {
    color: var(--blue);
}

footer.bg-dark a {
    color: #fff;
}

.big-button {
    padding: 28px 26px;
    font-size: 1.286rem;
}

.big-button span {
    display: block;
    font-size: 1rem;
    margin-top: 6px;
}

.button.x-small {
    padding: 8px 14px;
    font-size: 1rem;
}

.button.small {
    padding: 10px 18px;
    font-size: 1rem;
}

.button.medium {
    padding: 12px 20px;
    font-size: 1rem;
}

.button.large {
    padding: 14px 20px;
    font-size: 1rem;
}

.button + .button.btn-block {
    margin-left: 0;
}

ul.list {
    padding: 0;
    margin: 0;
}

ul.list li {
    margin: 5px 0;
    padding-left: 40px;
    position: relative;
    line-height: 1.714rem;
}

ul.list i {
    position: absolute;
    left: 0;
    top: 5px;
    font-size: 1.143rem;
}

ul.list li {
    color: #323232;
}

ul.list li i {
    color: var(--blue);
}

ul.list li:after {
    content: "";
    font-family: 'FontAwesome';
    position: absolute;
    color: var(--blue);
    left: 0;
    top: 0;
}

/* Ul List Mark */
ul.list-mark {
    padding: 0;
    margin: 0;
}

ul.list-mark li {
    list-style-type: none;
    padding-left: 25px;
    position: relative;
}

ul.list-mark li:after {
    content: "\f00c";
}

ul.list-arrow {
    padding: 0;
    margin: 0;
}

ul.list-arrow li {
    list-style-type: none;
    padding-left: 25px;
    position: relative;
}

ul.list-arrow li:after {
    content: "\f105";
    font-size: 1.143rem;
}

ul.list-hand {
    padding: 0;
    margin: 0;
}

ul.list-hand li {
    list-style-type: none;
    padding-left: 25px;
    position: relative;
}

ul.list-hand li:after {
    content: "\f0a4";
}

ul.list-edit {
    padding: 0;
    margin: 0;
}

ul.list-edit li {
    list-style-type: none;
    padding-left: 25px;
    position: relative;
}

ul.list-edit li:after {
    content: "\f040";
}

ul.list-unstyled li {
    margin-top: 2px;
}

.nice-select {
    -webkit-tap-highlight-color: transparent;
    background-color: #f6f7f8;
    border-radius: 3px;
    border: solid 1px #f6f7f8;
    box-sizing: border-box;
    clear: both;
    cursor: pointer;
    display: block;
    float: left;
    font-family: inherit;
    font-size: 1rem;
    font-weight: normal;
    height: 50px;
    line-height: 44px;
    outline: none;
    padding-left: 20px;
    padding-right: 30px;
    position: relative;
    text-align: left !important;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    width: auto;
}

.nice-select:after {
    border-bottom: 2px solid #323232;
    border-right: 2px solid #323232;
    content: '';
    display: block;
    height: 5px;
    margin-top: -4px;
    pointer-events: none;
    position: absolute;
    right: 22px;
    top: 50%;
    -webkit-transform-origin: 66% 66%;
    -ms-transform-origin: 66% 66%;
    transform-origin: 66% 66%;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all 0.15s ease;
    -moz-transition: all 0.15s ease;
    -ms-transition: all 0.15s ease;
    -o-transition: all 0.15s ease;
    transition: all 0.15s ease;
    width: 5px;
}

.nice-select:hover {
    border-color: #eee;
}

.nice-select:focus {
    border-color: #eee;
}

.nice-select:active {
    border-color: #eee;
}

.nice-select.open {
    border-color: #eee;
}

.nice-select.open:after {
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

.nice-select.open .list {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: scale(1) translateY(0);
    -ms-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0);
}

.nice-select.disabled {
    border-color: #eee;
    color: #323232;
    pointer-events: none;
}

.nice-select.disabled:after {
    border-color: #eee;
}

.nice-select.wide {
    width: 100%;
}

.nice-select.wide .list {
    left: 0 !important;
    right: 0 !important;
}

.nice-select.right {
    float: right;
}

.nice-select.right .list {
    left: auto;
    right: 0;
}

.nice-select.small {
    font-size: 1rem;
    height: 36px;
    line-height: 44px;
}

.nice-select.small:after {
    height: 4px;
    width: 4px;
}

.nice-select.small .option {
    line-height: 44px;
    min-height: 34px;
}

.nice-select .list {
    max-height: 300px;
    overflow-y: auto;
    min-width: 100px;
    background-color: #fff;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 1px rgba(68, 88, 112, 0.11);
    -moz-box-shadow: 0 0 1px rgba(68, 88, 112, 0.11);
    box-shadow: 0 0 1px rgba(68, 88, 112, 0.11);
    box-sizing: border-box;
    margin-top: 4px;
    opacity: 0;
    padding: 0;
    pointer-events: none;
    position: absolute;
    top: 100%;
    left: 0;
    -webkit-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transform: scale(0.75) translateY(-21px);
    -ms-transform: scale(0.75) translateY(-21px);
    transform: scale(0.75) translateY(-21px);
    -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    z-index: 9;
}

.nice-select .list:hover .option:not(:hover) {
    background-color: transparent !important;
}

.nice-select .option {
    cursor: pointer;
    font-weight: 400;
    line-height: 44px;
    list-style: none;
    min-height: 40px;
    outline: none;
    padding-left: 18px;
    padding-right: 29px;
    text-align: left;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.nice-select .option:hover {
    background-color: #f6f7f8;
}

.nice-select .option.focus {
    background-color: #f6f7f8;
}

.nice-select .option.selected.focus {
    background-color: #f6f7f8;
}

.nice-select .option.selected {
    font-weight: 700;
}

.nice-select .option.disabled {
    background-color: transparent;
    color: #323232;
    cursor: not-allowed;
}

.nice-select:active {
    border-color: #fff !important;
}

.nice-select:focus {
    border-color: #fff !important;
}

.nice-select.open {
    border-color: #fff !important;
}

.pricing-top {
    box-shadow: 0 0 40px rgba(0, 0, 0, 0.05);
    padding: 30px;
    border-top: 8px solid #323232;
    border-radius: 6px;
}

.pricing-prize {
    margin: 30px 0;
}

.pricing-prize h2 span {
    font-size: 18px;
}

.pricing-content {
    width: 70%;
    margin: 40px auto 0;
}

.pricing-content .pricing-table-list ul li {
    line-height: 56px;
    font-weight: 600;
}

.pricing-content .pricing-table-list ul li i {
    width: 25px;
    display: inline-block;
    color: var(--blue);
}

.pricing-content .pricing-table-list ul li i.fa-times {
    color: red;
}

.pricing-content .pricing-table-list ul li span {
    margin-top: 16px;
    text-align: center;
    font-size: 14px;
    line-height: 24px;
    -webkit-box-shadow: 0 6px 14px rgba(0, 0, 0, 0.09);
    -moz-box-shadow: 0 6px 14px rgba(0, 0, 0, 0.09);
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.09);
    width: 24px;
    height: 24px;
    background: transparent;
    border-radius: 50%;
}

.pricing-content .pricing-table-list ul li span i {
    padding-right: 0;
}

.pricing-table.active {
    margin-top: -7px;
}

.pricing-table.active .pricing-top {
    border-top: 16px solid var(--blue);
    -webkit-box-shadow: 0 0 50px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 0 50px rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 50px rgba(0, 0, 0, 0.05);
    padding-bottom: 30px;
}

.pricing-table.active .pricing-top a.button {
    padding: 12px 60px;
    font-size: 20px;
}

.pricing-table.active .pricing-prize {
    margin: 30px 0 20px;
}

/*style-2*/
.pricing-table.boxed {
    box-shadow: 0 0 40px rgba(0, 0, 0, 0.05);
    padding: 30px;
    border-top: 8px solid #323232;
    border-radius: 6px;
}

.pricing-table.boxed .pricing-top {
    box-shadow: none;
    border: 0;
    padding: inherit;
    border-radius: inherit;
    padding: 0;
}

.pricing-table.boxed .pricing-content {
    width: inherit;
    margin: 0;
    margin-top: 20px;
}

.pricing-table.active.boxed {
    border-top: 16px solid var(--blue);
    -webkit-box-shadow: 0 0 50px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 0 50px rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 50px rgba(0, 0, 0, 0.05);
}

/*price simple*/
.price {
    list-style-type: none;
    border: 1px solid #f6f7f8;
    margin: 0;
    padding: 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border: 0;
}

.price:hover {
    box-shadow: 0 0 40px rgba(0, 0, 0, 0.05);
}

.price .header {
    background-color: #323232;
    color: #fff;
    font-size: 25px;
}

.price li {
    border-bottom: 1px solid #f6f7f8;
    padding: 20px;
    text-align: center;
}

.price .grey {
    background-color: #f6f7f8;
    font-size: 20px;
}

.price.active .header {
    background: var(--blue);
}

.social-icons li {
    display: inline-block;
    list-style: none;
    padding: 0;
    margin: 0 8px 8px 0;
}

.social-icons li:last-child {
    margin-right: 0;
}

.social-icons li a {
    display: block;
    height: 32px;
    width: 32px;
    line-height: 2.14rem;
    font-size: 1.143rem;
    text-align: center;
    margin: 0;
    border-radius: 4px;
    border: 0;
    background: transparent;
    color: #323232;
    overflow: hidden;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.social-icons li:hover i {
    -webkit-animation: toTopFromBottom 0.3s forwards;
    -moz-animation: toTopFromBottom 0.3s forwards;
    animation: toTopFromBottom 0.3s forwards;
}

.text-white .social-icons li a i {
    color: #fff;
}

@-webkit-keyframes toTopFromBottom {
    49% {
        -webkit-transform: translateY(-100%);
    }
    50% {
        opacity: 0;
        -webkit-transform: translateY(100%);
    }
    51% {
        opacity: 1;
    }
}

@-moz-keyframes toTopFromBottom {
    49% {
        -moz-transform: translateY(-100%);
    }
    50% {
        opacity: 0;
        -moz-transform: translateY(100%);
    }
    51% {
        opacity: 1;
    }
}

@keyframes toTopFromBottom {
    49% {
        transform: translateY(-100%);
    }
    50% {
        opacity: 0;
        transform: translateY(100%);
    }
    51% {
        opacity: 1;
    }
}

/*icon */
.social-icons.color-icon a {
    color: var(--blue);
}

.social-icons.color-icon .social-facebook a {
    color: #3b5998;
}

.social-icons.color-icon .social-twitter a {
    color: #00aced;
}

.social-icons.color-icon .social-linkedin a {
    color: #0077B5;
}

.social-icons.color-icon .social-dribbble a {
    color: #c73b65;
}

.social-icons.color-icon .social-googleplus a {
    color: #d34836;
}

.social-icons.color-icon .social-instagram a {
    color: #e2306a;
}

.social-icons.color-icon .social-pinterest a {
    color: #c92228;
}

.social-icons.color-icon .social-dropbox a {
    color: #3d9ae8;
}

.social-icons.color-icon .social-flickr a {
    color: #0063DC;
}

.social-icons.color-icon .social-tumblr a {
    color: #34526f;
}

.social-icons.color-icon .social-skype a {
    color: #12a5f4;
}

.social-icons.color-icon .social-youtube a {
    color: #c4302b;
}

.social-icons.color-icon .social-github a {
    color: #323232;
}

.tab .nav.nav-tabs {
    border: none;
    margin-bottom: 20px;
}

.tab .nav.nav-tabs li {
    margin-bottom: 0px;
    float: none;
    display: inline-block;
}

.tab .nav.nav-tabs li a {
    border: none;
    line-height: normal;
    border-radius: 0px;
    padding: 12px 30px;
    background: #f6f7f8;
    color: #323232;
    border: 1px solid #eee;
}

.tab .nav.nav-tabs li a i {
    padding-right: 5px;
}

.tab .nav.nav-tabs li a.active {
    background: var(--blue);
    color: #fff;
    border-color: transparent;
}

.tab .nav.nav-tabs li a.active:focus {
    background: var(--blue);
    color: #fff;
    border-color: transparent;
}

.tab .nav.nav-tabs li a.active:hover {
    background: var(--blue);
    color: #fff;
    border-color: transparent;
}

/*nav-border*/
.nav-border .nav.nav-tabs li a {
    margin-right: 0;
    border: 1px solid #eee;
    background: transparent;
}

.nav-border .nav.nav-tabs a.active {
    color: #fff;
    background: var(--blue);
    border-color: var(--blue);
}

.nav-border .nav.nav-tabs a.active:hover {
    color: #fff;
    background: var(--blue);
    border-color: var(--blue);
}

.nav-border .nav.nav-tabs a.active:focus {
    color: #fff;
    background: var(--blue);
    border-color: var(--blue);
}

/*tab-border*/
.tab-border .nav.nav-tabs {
    margin-bottom: 0;
}

.tab-border .nav.nav-tabs li a.active {
    color: var(--blue);
    background: #fff !important;
    border-color: #eee;
    border-bottom: 1px solid #fff;
    border-top: 2px solid var(--blue);
}

.tab-border .nav.nav-tabs li a.active:hover {
    color: var(--blue);
    background: #fff !important;
    border-color: #eee;
    border-bottom: 1px solid #fff;
}

.tab-border .nav.nav-tabs li a.active:focus {
    color: var(--blue);
    background: #fff !important;
    border-color: #eee;
    border-bottom: 1px solid #fff;
}

.tab-border .tab-content {
    padding: 25px 20px;
    background: #fff;
    border: 1px solid #eee;
    margin-top: -1px;
}

.tab-border .tab-content .tab-pane {
    transition: all ease-in-out 1.2s;
}

/*nav-center*/
.nav-center .nav.nav-tabs {
    text-align: center;
    display: block;
}

.nav-right .nav.nav-tabs {
    text-align: right;
    display: block;
}

.nav-right .tab-content {
    text-align: right;
}

/*round*/
.round .nav.nav-tabs li a {
    border: none;
    line-height: normal;
    margin-right: 10px;
    border-radius: 90px;
    padding: 12px 30px;
    background: #f6f7f8;
    color: #323232;
}

.shadow .nav.nav-tabs li a.active {
    color: var(--blue);
    background: #fff !important;
    border-color: #eee;
    border-bottom: 0;
    -webkit-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1);
}

.shadow .nav.nav-tabs li a.active:focus {
    color: var(--blue);
    background: #fff !important;
    border-color: #eee;
    border-bottom: 0;
    -webkit-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1);
}

.shadow .nav.nav-tabs li a.active:hover {
    color: var(--blue);
    background: #fff !important;
    border-color: #eee;
    border-bottom: 0;
    -webkit-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1);
}

/*tab-vertical*/
.tab-vertical .nav-tabs {
    float: left;
    width: 25%;
}

.tab-vertical .nav.nav-tabs li {
    display: block;
    width: 100%;
}

.tab-vertical .nav.nav-tabs li a {
    border-right: 0;
    border-top: 0;
    padding: 14px 30px;
}

.tab-vertical .nav.nav-tabs li:first-child a {
    border-top: 1px solid #eee;
}

.tab-vertical .nav.nav-tabs li a.active {
    border-bottom: 1px solid #eee;
}

.tab-vertical .nav.nav-tabs li a.active:focus {
    border-bottom: 1px solid #eee;
}

.tab-vertical .nav.nav-tabs li a.active:hover {
    border-bottom: 1px solid #eee;
}

.tab-vertical .tab-content {
    background-color: #fff;
    border: 1px solid #eee;
    padding: 40px 30px;
    margin-left: 25%;
    line-height: 30px;
    margin-top: 0;
}

.tab-vertical .tab-content p {
    line-height: 30px;
}

/* dropdown */
.tab-dropdown .tab-content {
    margin-top: 30px;
}

.nav-pills li a .active {
    background: var(--blue);
    color: #fff;
}

.nav-pills li a .active:hover {
    background: var(--blue);
    color: #fff;
}

.nav-pills li a .active:focus {
    background: var(--blue);
    color: #fff;
}

/* nav border top */
.tab.nav-bt .nav li a {
    margin-right: 0px !important;
    border-top: 2px solid transparent;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
}

.tab.nav-bt .nav li a.active {
    background: transparent;
    border-color: transparent;
    color: #323232;
    border-top: 2px solid var(--blue);
}

.tab.nav-bt .nav li a.active:focus {
    background: transparent;
    border-top: 2px solid var(--blue);
    color: #323232;
}

.owl-carousel .owl-item img {
    width: auto;
}

.owl-carousel .owl-nav {
    cursor: pointer;
    z-index: 999;
    width: 100%;
}

.owl-carousel .owl-nav .owl-prev {
    text-indent: inherit;
    width: auto;
    cursor: pointer;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    left: 10px;
    display: block;
    position: absolute;
    text-indent: inherit;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    margin: 0 !important;
}

.owl-carousel .owl-nav .owl-next {
    display: block;
    position: absolute;
    text-indent: inherit;
    width: auto;
    cursor: pointer;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    right: 10px;
    text-indent: inherit;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    margin: 0 !important;
}

.owl-carousel .owl-nav i {
    font-size: 1.571rem;
    width: 36px;
    height: 36px;
    line-height: 2.14rem;
    display: inline-block;
    color: #fff;
    border-radius: 3px;
    background: var(--blue);
    border: 0px solid #626262;
    font-weight: normal;
    text-align: center;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.owl-carousel .owl-nav i::hover {
    background: #323232;
    color: #fff;
}

/* Dots */
.owl-carousel .owl-controls .owl-dot {
    margin: 0;
    display: inline-block;
    margin-top: 20px;
    text-indent: inherit;
    width: 100%;
    cursor: pointer;
    text-align: center;
    margin: 14px 2px 0;
}

.owl-carousel .owl-controls .owl-dot span {
    background: #f6f7f8;
    display: inline-block;
    width: 12px;
    min-height: 12px;
    margin-top: 5px;
    border-radius: 3px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    cursor: pointer;
}

.owl-carousel .owl-controls .owl-dot:hover span {
    background: var(--blue);
    min-height: 17px;
    margin-top: 0;
}

.owl-carousel .owl-controls .owl-dot.active span {
    background: var(--blue);
    min-height: 17px;
    margin-top: 0;
}

/*header*/
.admin-header {
    background: #fff;
    -webkit-box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.1);
    box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.1);
}

.admin-header.navbar ul.navbar-nav #btnFullscreen.nav-link {
    margin-top: 6px;
}

.admin-header.navbar.fixed-top + .container-fluid {
    padding-top: 4.7rem;
}

.admin-header.navbar .navbar-menu-wrapper {
    transition: width .8s ease;
    padding: 1px 15px;
    width: calc(100% - 215px);
}

.admin-header.navbar ul.navbar-nav li {
    margin-left: 10px;
}

.admin-header.navbar ul.navbar-nav li a.profile-pic img {
    width: 35px;
}

.admin-header.navbar ul.navbar-nav .nav-link {
    color: white;
}

.admin-header.navbar ul.navbar-nav .nav-link i {
    font-size: 19px;
    color: #6c757d;
}

.admin-header.navbar .navbar-brand-wrapper {
    transition: width .5s ease-in-out;
    width: 230px;
}

.admin-header.navbar .navbar-brand-wrapper .navbar-brand {
    color: #5a5f61;
    font-size: 2rem;
    margin-right: 0;
    margin-left: 20px;
}

.admin-header.navbar .navbar-brand-wrapper .navbar-brand img {
    max-width: 100%;
    margin: auto;
}

.admin-header.navbar .navbar-brand-wrapper .brand-logo-mini {
    display: none;
}

.admin-header .navbar-brand {
    height: auto;
    padding: 9px 0;
}

.admin-header .navbar-brand img {
    height: 30px;
}

.admin-header .search .search-btn {
    color: #6c757d;
    padding: 14px;
    display: table-row;
}

.admin-header .search .search-btn:before {
    font-size: 16px;
}

.admin-header .search-box {
    left: -32px;
}

.admin-header .navbar-nav {
    flex-direction: row;
}

.admin-header .navbar-nav .dropdown-menu {
    position: absolute;
}

.admin-header .nav-item {
    position: relative;
    min-width: 40px;
    margin: 0;
    text-align: center;
}

.admin-header .nav-item .nav-link.nav-pill.user-avatar img {
    width: 35px;
    height: 35px;
    margin: 0;
    border: 0;
    border-radius: 50%;
}

.admin-header .nav-item .nav-pill.user-avatar.dropdown-toggle img {
    width: 35px;
    height: 35px;
    margin: 0;
    border: 0;
    border-radius: 50%;
}

.admin-header .top-nav {
    margin-top: 5px;
}

/*drop down*/
.admin-header .dropdown .dropdown-menu {
    display: block;
    left: inherit;
    right: 0;
    opacity: 0;
    visibility: hidden;
    margin-top: 10px;
    -webkit-box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.1);
    box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.1);
    border-radius: 0;
    border: none;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.admin-header .dropdown:hover .dropdown-menu {
    margin-top: 0;
    display: block;
    visibility: visible;
    opacity: 1;
}

.admin-header .nav-link .notification-status {
    position: absolute;
    top: 12px;
    right: 30%;
    width: 5px;
    min-width: 5px;
    height: 5px;
    min-height: 5px;
    padding: 0;
    border-radius: 100%;
    line-height: 5px;
}

.admin-header .dropdown-item {
    font-size: 14px;
    padding: 8px 1.5rem;
}

.admin-header .dropdown-item .time {
    font-size: .65rem;
}

.admin-header .dropdown-item i {
    margin-right: 10px;
}

.admin-header .notifications .badge {
    float: right;
}

.admin-header .nav-grid {
    display: inline-block;
    width: 100%;
}

.admin-header .nav-grid .nav-grid-item {
    display: inherit;
    width: 49.3%;
    padding: 20px 5px;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    color: #45567c;
}

.admin-header .nav-grid .nav-grid-item i {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    text-align: center;
    color: #6c757d;
    font-size: 32px;
}

.admin-header .nav-grid .nav-grid-item h5 {
    display: block;
    margin: 10px 0 0;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
}

.admin-header .navbar-nav .dropdown-big {
    min-width: 320px;
}

.content-wrapper {
    padding: 30px;
    overflow: hidden;
    margin-left: 215px;
    min-height: 100vh;
    -webkit-transition: all 0.9s ease;
    -moz-transition: all 0.9s ease;
    -ms-transition: all 0.9s ease;
    -o-transition: all 0.9s ease;
    transition: all 0.9s ease;
    width: 100%;
}

.content-wrapper .page-title {
    padding: 0px;
}

.content-wrapper .breadcrumb {
    background: transparent;
    margin-bottom: 1.4rem;
}


#tpl-large-overlay-panel-wrapper {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .4);
    width: 100%;
    height: 100vh;
    z-index: 1040;
}

#tpl-large-overlay-panel {
    background: #fff;
    border: 5px solid #aaa;
    -webkit-box-shadow: 1px 0 15px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 1px 0 15px rgba(0, 0, 0, 0.1);
    box-shadow: 1px 0 15px rgba(0, 0, 0, 0.1);
    /*display: none;*/
    position: fixed;
    top: 2vh;
    right: 2%;
    width: 96%;
    height: 95vh;
    padding: 25px 25px 15px;
    z-index: 1041;
    overflow: hidden;
}

#tpl-large-overlay-panel-language-indicator {
    position: absolute;
    top: 0;
    right: 50px;
    background-size: cover;
}

#tpl-large-overlay-panel-language-de {
    background: url(../img/flags/lang-de-66x40.jpg) 0 0 no-repeat;
    width: 60px;
    height: 41px;
    border-bottom-left-radius: 20px;
    display: none;
}

#tpl-large-overlay-panel-language-en {
    background: url(../img/flags/lang-en-66x40.jpg) 0 0 no-repeat;
    width: 60px;
    height: 41px;
    border-bottom-left-radius: 20px;
    display: none;
}

#tpl-large-overlay-panel-content {
    height: 100%;
}

#tpl-large-overlay-panel .large-overlay-panel-close {
    position: absolute;
    top: 0;
    right: 0;
    background: var(--blue);
    padding: 8px 30px;
    cursor: pointer;
    border-radius: 0 0 0 20px;
}

#tpl-large-overlay-panel .large-overlay-panel-close i {
    color: #fff;
    font-size: 20px;
}

#tpl-large-overlay-panel-inner {
    padding: 25px;
    overflow-y: auto;
    height: 95%;
}

#tpl-large-overlay-panel-inner > .container > .row {
    background: #f2f2f2;
    margin-bottom: 1px;
}

#tpl-large-overlay-panel-inner > .container > .gap,
#tpl-large-overlay-panel-inner > .container > .header {
    background: #fff;
}

#tpl-large-overlay-panel-inner div {
    padding: 2px 5px;
    margin-bottom: 3px;
}

#tpl-large-overlay-panel-inner .cnt {
    padding-right: 20px;
    text-align: right;
}

#tpl-large-overlay-panel-inner .find {
    color: #cc3333;
    font-style: normal;
    display: inline-block;
    background: #fff;
}

#tpl-large-overlay-panel-inner .replace {
    color: #45a72e;
    font-style: normal;
    display: inline-block;
    background: #fff;
}

#tpl-large-overlay-panel-inner button.change {
    padding: 3px 8px;
    font-size: 11px;
}

#tpl-large-overlay-panel-inner button.change-inactive {
    background: #777;
    padding: 3px 8px;
    font-size: 11px;
    animation: pulse 1.2s linear 2;
}



/*
Overlay-panel on the right side of the screen
 */
#tpl-right-overlay-panel {
    background: #f2f2f2;
    border-left: 8px solid var(--blue);
    -webkit-box-shadow: 0 1px 15px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 15px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 15px rgba(0, 0, 0, 0.1);
    /*display: none;*/
    position: fixed;
    top: 67px;
    right: -25vw;
    height: calc(100% - 66px);
    width: 25vw;
    z-index: 999;
    padding: 50px 15px;
    font-size: 13px;
    transition: all 300ms linear;
}

#tpl-right-overlay-panel.visible {
    right: 0;
}

#tpl-right-overlay-panel-content {
    height: 80vh;
    padding: 0;
}

#tpl-right-overlay-panel-content .feature-stats {
    width: 100%;
}

#tpl-right-overlay-panel-content pre {
    height: auto;
    white-space: break-spaces;
}

#tpl-right-overlay-panel-content .feature-stats td {
    padding: 5px;
}

#tpl-right-overlay-panel-content .feature-stats tr:nth-child(odd) td {
    background-color: #fff;
}

#tpl-right-overlay-panel-content .feature-stats tr td:last-child {
    text-align: right;
}

#tpl-right-overlay-panel .right-overlay-panel-close {
    position: absolute;
    top: 0;
    left: 0;
    background: var(--blue);
    padding: 5px 20px;
    cursor: pointer;
    border-radius: 0 0 20px 0;
}

#tpl-right-overlay-panel .right-overlay-panel-close i {
    color: #fff;
    font-size: 20px;
}

#right-overlay-panel-language-indicator {
    position: absolute;
    top: 0;
    right: 50px;
    background-size: cover;
}

#right-overlay-panel-language-de {
    background: url(../img/flags/lang-de-66x40.jpg) 0 -4px no-repeat;
    width: 60px;
    height: 33px;
    border-right-left-radius: 20px;
    display: none;
}

#right-overlay-panel-language-en {
    background: url(../img/flags/lang-en-66x40.jpg) 0 -4px no-repeat;
    width: 60px;
    height: 33px;
    border-right-left-radius: 20px;
    display: none;
}

#tpl-right-overlay-panel .fa.fa-refresh {
    cursor: pointer;
    color: var(--blue);
}


/*
Overlay-panel on the bottom side of the screen
 */
#tpl-bottom-overlay-panel {
    background: #f2f2f2;
    border-top: 8px solid var(--blue);
    -webkit-box-shadow: 1px 0 15px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 1px 0 15px rgba(0, 0, 0, 0.1);
    box-shadow: 1px 0 15px rgba(0, 0, 0, 0.1);
    /*display: none;*/
    position: fixed;
    bottom: -30vh;
    right: 0;
    width: 100%;
    height: 30vh;
    z-index: 999;
    padding: 25px 25px 15px;
    font-size: 14px;
    transition: all 300ms linear;
}

#tpl-bottom-overlay-panel .bottom-overlay-panel-close {
    position: absolute;
    top: 0;
    right: 25px;
    background: var(--blue);
    padding: 5px 20px;
    cursor: pointer;
    border-radius: 0 0 20px 20px;
}

#tpl-bottom-overlay-panel .bottom-overlay-panel-close i {
    color: #fff;
    font-size: 20px;
}

#bottom-overlay-panel-language-indicator {
    position: absolute;
    top: 0;
    right: 50px;
    background-size: cover;
}

#bottom-overlay-panel-language-de {
    background: url(../img/flags/lang-de-66x40.jpg) 0 -4px no-repeat;
    width: 60px;
    height: 33px;
    border-bottom-left-radius: 20px;
    display: none;
}

#bottom-overlay-panel-language-en {
    background: url(../img/flags/lang-en-66x40.jpg) 0 -4px no-repeat;
    width: 60px;
    height: 33px;
    border-bottom-left-radius: 20px;
    display: none;
}

#tpl-bottom-overlay-panel textarea {
    font-size: 14px;
}

.feature-cell {
    position: relative;
    background: #ddd;
    padding-right: 30px !important;
    margin: 10px 0;
    line-height: 1;
}

.feature-cell i.fa.fa-list {
    color: #fff;
    position: absolute;
    right: -1px;
    top: -1px;
    cursor: pointer;
    padding: 7px 7px 6px 6px;
    border: 1px solid #fff;
    width: 30px;
    height: 31px;
}

.feature-cell i.fa-wrench {
    color: #fff;
    position: absolute;
    right: -1px;
    top: 32px;
    cursor: pointer;
    padding: 5px 6px 5px 6px;
    border: 1px solid #fff;
    width: 30px;
    height: 28px;
}

#tec-features-sortable .tec-features-btns {
    list-style: none;
    width: 108px;
    margin: 20px 0 0 -10px;
    padding: 0;
}
#tec-features-sortable .tec-features-btns li {
    display: inline-block;
    width: 36px;
    height: 36px;
}
#tec-features-sortable .tec-features-btns li:first-child .icheckbox_square-blue {
    margin-top: -6px !important;
}

.sortable > li.group_label_li {
    background-color: #fff;
    border-left: 20px solid #fff;
    padding: 25px 15px 0;
}
.sortable > li.group_label_li:not(.ui-state-disabled)::before {
    content: "\f0c9";
    left: -16px;
    top: 45px;
}

.sortable > li.group_label_li .group_label_wrapper {
    background-color: #f1f1f1;
    padding: 8px 10px;
}

.sortable > li .group_label_field {
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    min-width: 120px;
    transition: all 500ms ease-in-out;
}

.sortable > li .group_label_field[contenteditable="true"] {
    background-color: #fff;
    padding: 2px 10px;
}
.sortable > li .feature-grouping-icons {
    padding: 0 5px;
    margin-left: 10px;
}
.sortable > li .feature-grouping-icons i {
    padding: 5px;
}
.sortable > li .feature-grouping-icons i.grouping-label-edit {
    vertical-align: middle;
}

.sortable > li:not(.ui-state-disabled)::before {
    content: "\f0dc";
    font: normal normal normal 14px/1 FontAwesome;
    display: inline-block;
    position: absolute;
    left: -14px;
    top: 50%;
    margin-top: -7px;
    background: transparent;
    color: #000;
    padding: 0;
}

.sortable > li.dragging {
    opacity: 0.5;
}

.tec_feature_grouping {
    border-bottom: 2px solid #eee;
    padding-bottom: 0 !important;
}
.tec_feature_grouping_label {
    background-color: #f6f6f6;
    color: #000;
    font-weight: bold;
    display: inline-block;
    padding: 4px 12px;
    margin-left: -5px;
    min-width: 336px;
}

.tec_feature_grouping_label .group-label-btns {
    display: inline-block;
    margin-left: 10px;
    float: right;
}

.tec_feature_grouping_label .group-label-btns i {
    display: inline-block;
    font-weight: bold;
    margin: 0 6px;
    cursor: pointer;
}

.lang-btns {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    margin-top: -7px !important;
}

.product-inactive * {
    opacity: 0.75;
}

.open-in-new-window-button {
    margin-left: 3px;
    height: 22px;
    width: 22px;
    display: inline-block;
    background: var(--blue);
    text-align: center;
    line-height: 1;
    vertical-align: bottom;
    padding: 3px;
    border-radius: 3px;
}

.open-in-new-window-button i {
    color: #fff;
}

.accessory-inactive-msg {
    text-align: center;
    display: inline-block;
    margin: -20px auto -9px;
    background-color: #ddd;
    padding: 2px 15px 0;
    font-size: 13px;
    border-radius: 8px 8px 0 0;
    line-height: 2;
}

#ajax_product_accessories_search_wrap {
    position: relative;
    background: #f2f2f2;
    margin: 0;
    line-height: 1;
    display: inline-block;
    padding: 15px 50px 15px 10px;
}

#ajax_product_accessories_search_wrap i.fa-th-list {
    color: #000;
    position: absolute;
    right: 20px;
    top: 50%;
    cursor: pointer;
    margin-top: -7px;
}

.search-cart {
    display: inline-block;
}

.search-cart i.icon {
    color: #fff;
    line-height: 20px;
    font-size: 14px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.search-cart i.icon:hover {
    color: var(--blue);
}

.search-cart .search {
    display: inline-block;
    padding-right: 15px;
    padding-left: 10px;
}

.search-cart .shpping-cart {
    display: inline-block;
}

.search-cart a {
    position: relative;
}

.shpping-cart strong.item {
    display: block;
    position: absolute;
    top: -7px;
    left: auto;
    right: -8px;
    font-size: 10px;
    color: #fff;
    width: 16px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    background-color: var(--blue);
    border-radius: 50%;
}

/*search*/
.search .search-btn {
    display: block;
    height: 20px;
    line-height: 68px;
    position: relative;
    text-indent: -9999px;
    width: 14px;
    color: #fff;
    -o-transition: color 300ms ease 0s;
    -moz-transition: color 300ms ease 0s;
    -ms-transition: color 300ms ease 0s;
    -webkit-transition: color 300ms ease 0s;
    transition: color 300ms ease 0s;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.search .search-btn:before {
    content: "";
    font-family: 'FontAwesome';
    font-size: 14px;
    font-weight: normal;
    left: 15px;
    position: absolute;
    text-indent: 0;
    top: 0;
}

.search .search-btn:hover {
    color: var(--blue);
}

.search.search-open .search-btn:before {
    content: "";
}

.search-box {
    background: #fff;
    display: block;
    margin: 0;
    opacity: 0 !important;
    padding: 15px;
    position: absolute;
    right: 0;
    top: 100%;
    transition: visibility 300ms ease 0s, opacity 300ms ease 0s;
    visibility: hidden;
    width: 327px;
    z-index: 888;
    border-radius: 3px;
    -webkit-transform: rotateX(90deg);
    transform: rotateX(90deg);
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    transition: all 400ms ease;
}

.search.search-open .search-box {
    opacity: 1 !important;
    visibility: visible !important;
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
    -webkit-box-shadow: 0 0 50px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 50px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 50px rgba(0, 0, 0, 0.1);
}

.search .search-box input {
    background: transparent;
    border: 1px solid #eee;
    padding-left: 15px;
    border-radius: 3px;
}

.search .search-box input:focus {
    background: transparent;
    border: 1px solid #eee;
}

.search .search-box button {
    background: transparent;
    border: none;
    cursor: pointer;
    font-size: 15px;
    position: absolute;
    right: 27px;
    top: 27px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.search .search-box button:hover {
    color: var(--blue);
}

/* side menu */
.side-menu-fixed {
    position: fixed;
    top: 58px;
    left: 0;
    width: 230px;
    margin-left: 0;
    bottom: 0;
    z-index: 100;
    -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.35);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.35);
    border-right: 0px solid #dedede;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.side-menu-fixed .right-nav-text {
    opacity: 1;
    -webkit-transition: opacity 0.2s ease 0s;
    -moz-transition: opacity 0.2s ease 0s;
    transition: opacity 0.2s ease 0s;
}

.side-menu-fixed .side-menu-bg {
    height: 100%;
    width: 100%;
    background: #282a39;
}

.side-menu-fixed .side-menu {
    border: none;
    height: auto;
    width: 100%;
    position: relative;
    border-radius: 0;
    margin: 0;
    background-color: #282a39;
    backface-visibility: hidden;
    padding-top: 20px;
}

.side-menu-fixed .side-menu li {
    width: 228px;
}

.side-menu-fixed .side-menu li.navigation-header span {
    padding: 11px 15px;
}

.side-menu-fixed .side-menu li.navigation-header i {
    padding: 11px 15px;
}

.side-menu-fixed .side-menu li.navigation-header span {
    font-size: 11px;
    display: block;
    text-transform: uppercase;
    font-weight: 500;
    color: #878787;
}

.side-menu-fixed .side-menu li.navigation-header i {
    display: none;
    font-size: 16px;
}

.side-menu-fixed .side-menu li a[aria-expanded="true"] {
    background: rgba(0, 0, 0, 0.2);
}

.side-menu-fixed .side-menu li a[aria-expanded="true"] i {
    color: #fff;
}

.side-menu-fixed .side-menu li a[aria-expanded="true"] .pull-right i:before {
    content: '\e622';
}

.side-menu-fixed .side-menu li a {
    width: 100%;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    display: block;
    color: rgba(255, 255, 255, 0.7);
    padding: 12px 15px 12px 20px;
    font-size: 15px;
}

.side-menu-fixed .side-menu li a .pull-left i {
    font-size: 14px;
    width: 20px;
    display: inline-block;
    text-align: left;
    margin-right: 10px;
}

.side-menu-fixed .side-menu li a > i {
    font-size: 14px;
    width: 20px;
    display: inline-block;
    text-align: left;
    margin-right: 10px;
}

.side-menu-fixed .side-menu li a .pull-right i {
    color: rgba(255, 255, 255, 0.7);
    line-height: 20px;
    font-size: 10px;
}

.side-menu-fixed .side-menu li a:hover {
    background: rgba(0, 0, 0, 0.2);
    color: #fff;
}

.side-menu-fixed .side-menu li a:focus {
    background: rgba(0, 0, 0, 0.2);
    color: #fff;
}

.side-menu-fixed .side-menu li a:active {
    background: rgba(0, 0, 0, 0.2);
    color: #fff;
}

.side-menu-fixed .side-menu li.active > a {
    background: rgba(0, 0, 0, 0.2);
    color: #fff;
}

.side-menu-fixed .side-menu li ul.collapse li.active a {
    background: rgba(0, 0, 0, 0.2);
    color: #fff;
}

.side-menu-fixed .side-menu li a.active-page {
    background: rgba(0, 0, 0, 0.2);
}

.side-menu-fixed .side-menu li ul li a {
    padding: 7px 15px 7px 50px;
    display: block;
    color: rgba(255, 255, 255, 0.7);
    font-size: 12px;
    font-weight: 300;
}

.side-menu-fixed .side-menu li ul li a:hover {
    background: rgba(0, 0, 0, 0.3);
    color: #fff;
}

.side-menu-fixed .side-menu li ul li a:focus {
    background: rgba(0, 0, 0, 0.3);
    color: #fff;
}

.side-menu-fixed .side-menu li ul li a:active {
    background: rgba(0, 0, 0, 0.3);
    color: #fff;
}

.side-menu-fixed .side-menu li.active a .pull-right i {
    color: #fff;
}

.side-menu-fixed .side-menu li ul li ul li a:hover {
    color: #fff;
}

.side-menu-fixed .side-menu li ul li ul li a:focus {
    color: #fff;
}

.side-menu-fixed .side-menu li ul li ul li a:active {
    color: #fff;
}

.side-menu-fixed .side-menu li ul li ul li ul li a {
    padding-left: 62px;
    color: rgba(255, 255, 255, 0.7);
}

.side-menu-fixed .side-menu li ul li ul li ul li ul li a {
    padding-left: 72px;
}

.side-menu-fixed .collapse {
    background: rgba(0, 0, 0, 0.2);
    padding: 0;
}

.side-menu-fixed .collapsing {
    background: rgba(0, 0, 0, 0.2);
    padding: 0;
}

.side-menu-fixed .badge {
    border-radius: 3px;
    padding: 6px 5px 5px;
    font-weight: 500;
    line-height: 6px;
}

.side-menu-fixed .side-menu li ul.collapse li.active a {
    color: #fff;
}

a.button-toggle-nav {
    color: #878787;
    position: relative;
    line-height: 66px;
}

a.button-toggle-nav i {
    font-size: 21px;
    vertical-align: middle;
}

.slide-menu .navbar.navbar-inverse.navbar-fixed-top .nav-header {
    width: 44px;
}

.slide-menu .navbar.navbar-inverse.navbar-fixed-top .nav-header .logo-wrap .brand-text {
    opacity: 0;
    visibility: hidden;
}

.slide-menu.sidebar-hover .navbar.navbar-inverse.navbar-fixed-top .nav-header {
    width: 230px;
}

.slide-menu.sidebar-hover .navbar.navbar-inverse.navbar-fixed-top .nav-header .logo-wrap .brand-text {
    opacity: 1;
    visibility: visible;
}

.slide-menu .side-menu-fixed,
.side-menu-fixed .side-menu li ul {
    width: 44px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.slide-menu .side-menu-fixed .side-menu li.navigation-header span {
    display: none;
}

.slide-menu .side-menu-fixed .side-menu li.navigation-header i {
    display: block;
}

.slide-menu .side-menu-fixed .collapse.in {
    display: none;
}

.slide-menu .side-menu-fixed:hover {
    width: 230px;
}

.slide-menu .side-menu-fixed:hover .side-menu li.navigation-header span {
    display: block;
}

.slide-menu .side-menu-fixed:hover .side-menu li.navigation-header i {
    display: none;
}

.slide-menu .side-menu-fixed:hover .collapse.in {
    display: block;
}

.slide-menu .side-menu-fixed:hover .right-nav-text {
    opacity: 1;
}

.slide-menu .side-menu-fixed .right-nav-text {
    opacity: 0;
}

.slide-menu .side-menu-fixed .side-menu li a {
    padding: 12px 16px;
}

.slide-menu .content-wrapper {
    margin-left: 44px;
}

.content-wrapper {
    margin-left: 230px;
    background: #f9f9f9;
    position: relative;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    left: 0;
}

.wrapper.no-transition .side-menu-fixed {
    -webkit-transition: all 0s ease;
    -moz-transition: all 0s ease;
    -ms-transition: all 0s ease;
    -o-transition: all 0s ease;
    transition: all 0s ease;
}

.wrapper.no-transition .content-wrapper {
    -webkit-transition: all 0s ease;
    -moz-transition: all 0s ease;
    -ms-transition: all 0s ease;
    -o-transition: all 0s ease;
    transition: all 0s ease;
}

.slide-menu .side-menu-fixed .menu-title {
    -webkit-transition: all 0s ease;
    -moz-transition: all 0s ease;
    -ms-transition: all 0s ease;
    -o-transition: all 0s ease;
    transition: all 0s ease;
    opacity: 0;
    display: none;
}

.slide-menu .side-menu-fixed:hover .menu-title {
    -webkit-transition: all 0s ease;
    -moz-transition: all 0s ease;
    -ms-transition: all 0s ease;
    -o-transition: all 0s ease;
    transition: all 0s ease;
    opacity: 1;
    display: block;
}

/*light sidebar*/
.side-menu-fixed.light-side-menu {
    -webkit-box-shadow: 0 5px 25px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 0 5px 25px rgba(0, 0, 0, 0.08);
    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.08);
}

.side-menu-fixed.light-side-menu .side-menu-bg {
    background: #fff;
}

.side-menu-fixed.light-side-menu .side-menu {
    background: #fff;
}

.side-menu-fixed.light-side-menu .side-menu li a {
    color: rgba(0, 0, 0, 0.9);
}

.side-menu-fixed.light-side-menu .side-menu li ul li a {
    color: rgba(0, 0, 0, 0.9);
}

.side-menu-fixed.light-side-menu li a:hover {
    background: transparent;
    color: var(--blue);
}

.side-menu-fixed.light-side-menu .collapse {
    background: transparent;
    color: var(--blue);
}

.side-menu-fixed.light-side-menu .side-menu li a[aria-expanded="true"] {
    background: transparent;
    color: var(--blue);
}

.side-menu-fixed.light-side-menu .side-menu li a i {
    color: rgba(0, 0, 0, 0.9);
}

.side-menu-fixed.light-side-menu .side-menu li a:hover {
    background: transparent;
    color: var(--blue);
}

.side-menu-fixed.light-side-menu .side-menu li a:hover i {
    color: var(--blue);
}

.side-menu-fixed.light-side-menu .side-menu li a:focus {
    background: transparent;
    color: var(--blue);
}

.side-menu-fixed.light-side-menu .side-menu li a:focus i {
    color: var(--blue);
}

.side-menu-fixed.light-side-menu .side-menu li a:active {
    background: transparent;
    color: var(--blue);
}

.side-menu-fixed.light-side-menu .side-menu li a:active i {
    color: var(--blue);
}

.side-menu-fixed.light-side-menu .side-menu li ul li a {
    font-size: 13px;
    font-weight: 400;
}

.side-menu-fixed.light-side-menu .side-menu li ul li a:hover {
    background: transparent;
    color: var(--blue);
}

.side-menu-fixed.light-side-menu .side-menu li ul li a:focus {
    background: transparent;
    color: var(--blue);
}

.side-menu-fixed.light-side-menu .side-menu li ul li a:active {
    background: transparent;
    color: var(--blue);
}

.side-menu-fixed.light-side-menu .side-menu li.active > a {
    background: transparent;
    color: var(--blue);
}

.side-menu-fixed.light-side-menu .side-menu li.active > a .pull-right i {
    color: var(--blue);
}

.side-menu-fixed.light-side-menu .side-menu li.active > a .pull-left i {
    color: var(--blue);
}

.side-menu-fixed.light-side-menu .collapse {
    background: transparent;
}

.side-menu-fixed.light-side-menu .collapsing {
    background: transparent;
}

.side-menu-fixed.light-side-menu .side-menu li.active ul.collapse li.active a {
    background: transparent;
    color: var(--blue);
}

/*dashboard 04*/
.admin-header.header-dark {
    background: #282a39;
    box-shadow: none;
}

.header-info {
    position: relative;
}

.header-info:before {
    content: '';
    display: block;
    height: 230px;
    left: 0;
    top: 0;
    width: 100%;
    position: absolute;
    background: #282a39;
    z-index: 0;
}

.header-info .card .info-drop.header-info-button {
    right: 0;
}

.header-info .card .info-drop.header-info-button button {
    background: #6c757d;
    color: #fff;
}

.header-info .card .info-drop.header-info-button .dropdown-menu {
    margin: 8px 0 0;
}

.header-info .card .info-drop .dropdown-item {
    padding: .5rem 1.5rem;
}

.account-overview {
    margin-top: 40px;
    position: relative;
}

.admin-header.header-dark .search .search-btn {
    color: #fff;
}

.admin-header.header-dark a.button-toggle-nav {
    color: #fff;
}

.admin-header.header-dark.navbar ul.navbar-nav .nav-link i {
    color: #fff;
}

/*******************************************
             Loading
*******************************************/
#pre-loader {
    background-color: #fff;
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 1;
    margin-top: 0px;
    top: 0px;
    left: 0px;
    bottom: 0px;
    overflow: hidden !important;
    right: 0px;
    z-index: 999999;
}

#pre-loader img {
    text-align: center;
    left: 0;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    z-index: 99;
    margin: 0 auto;
}

/* Footer */
footer {
    -webkit-box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.1);
    box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.1);
    font-size: 15px;
}

/*card*/
.card {
    border-radius: 0;
    border: 0;
    -webkit-box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.1);
    box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.1);
}

.card .info-btn {
    position: absolute;
    right: 20px;
    top: 16px;
    font-size: 1.286rem;
    cursor: pointer;
}

.card .info-drop {
    position: absolute;
    right: 15px;
    top: 16px;
    font-size: 1.286rem;
    cursor: pointer;
}

.card .info-drop .dropdown-menu {
    font-size: 14px;
    right: 0 !important;
    left: initial !important;
    border-radius: 0;
    border: none;
    min-width: 14rem;
    padding: 1rem;
    -webkit-box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.1);
    box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.1);
    transform: translate3d(0, 29px, 0px) !important;
}

.card .info-drop .dropdown-menu i {
    margin-right: 10px;
}

.card .info-drop .dropdown-menu .dropdown-item {
    padding: 0.5rem 1rem;
}

.card .info-drop button {
    background: transparent;
    border: none;
    cursor: pointer;
}

.card.card-statistics .highlight-icon {
    font-size: 3.125rem;
}

.card.card-statistics p {
    margin-bottom: 0.25rem;
}

.card.card-statistics .bg {
    overflow: inherit;
}

.card-title {
    margin-bottom: 15px;
    border-bottom: 1px solid #eee;
    padding-bottom: 1rem;
    font-weight: 600;
}

.card-detail-list li {
    font-size: 14px;
    text-transform: uppercase;
    margin-top: 10px;
}

.info-drop-box {
    background: transparent;
    border: 1px solid #eee;
    border-radius: 50%;
}

.info-drop-box button {
    padding: 6px 10px 3px;
}

/*icon box*/
.card .card-body .icon-box {
    width: 60px;
    height: 60px;
    text-align: center;
}

.card .card-body .newsletter-icon {
    position: absolute;
    right: 0;
    bottom: 0px;
    font-size: 160px;
    line-height: 160px;
    color: rgba(0, 0, 0, 0.04);
    transform: rotate(-16deg);
}

.card.card-statistics .icon-box .highlight-icon {
    font-size: 30px;
    line-height: 60px;
}

.card.card-statistics .icon-box-fixed {
    position: absolute;
}

.card.card-statistics .icon-box-fixed .highlight-icon {
    font-size: 80px;
    line-height: 70px;
    color: rgba(255, 255, 255, 0.5);
}

/*dashboard 02*/
.active-user {
    padding: 0px 0px 30px 0;
}

.active-user span {
    font-size: 70px;
    line-height: 70px;
    display: block;
}

/*weather*/
.weather-box .weather-degree {
    font-size: 60px;
}

.weather-box-bg .weather-degree {
    font-size: 60px;
}

.weather-box-bg .weather-degree b {
    font-size: 30px;
}

.weather-box-bg .weather-degree p {
    font-size: 30px;
}

.weather-icons-page li {
    font-size: 50px;
    line-height: 50px;
    padding: 20px;
}

.weather-icon i {
    font-size: 70px;
    line-height: 70px;
}

/*social*/
.fb-bg {
    background: #3b5998;
}

.youtube-bg {
    background: #c4302b;
}

.twitter-bg {
    background: #00aced;
}

.instagram-bg {
    background: #e2306a;
}

/*progress*/
.progress.progress-small {
    height: 7px;
}

/*avatar*/
.avatar-small {
    width: 50px;
    border-radius: 50%;
}

.avatar-online {
    position: absolute;
    right: 16px;
    bottom: 0;
    width: 12px;
    height: 12px;
    border: 2px solid #fff;
    border-radius: 100%;
}

.avatar-top {
    margin-top: -90px;
}

.tab .nav.nav-tabs li a {
    padding: 6px 20px;
}

/*statistics*/
.statistics .revenue .icon {
    font-size: 70px;
    line-height: 80px;
    margin-bottom: 10px;
}

.statistics .revenue .number {
    font-size: 40px;
    line-height: 40px;
}

.statistics .user-activity .number {
    font-size: 40px;
}

/*footer*/
footer a {
    color: #323232;
}

/*lockscreen*/
.lockscreen .user-info {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 30px 0 20px;
}

.lockscreen .user-info img {
    max-width: 85px;
    width: 100%;
    border-radius: 100%;
    margin: 0 auto 15px;
    border: 3px solid #fff;
}

.lockscreen .form-group {
    position: relative;
}

.lockscreen .lockscreen-button {
    position: absolute;
    top: 0;
    right: 0;
    padding: 12px 20px;
    cursor: pointer;
}

/*profile page*/
.profile-page .user-info {
    position: absolute;
    bottom: 20px;
    width: 100%;
    padding: 0px 20px;
}

.profile-page .user-info .user-dp {
    display: table-cell;
    vertical-align: middle;
}

.profile-page .user-info .user-dp img {
    max-width: 120px;
    width: 100%;
    border-radius: 100%;
    margin: 0 auto;
    border: 5px solid #fff;
    -webkit-box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.1);
    box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.1);
    margin-right: 30px;
}

.profile-page .user-info .user-detail {
    display: table-cell;
    vertical-align: middle;
}

.profile-page .user-info .user-detail h2 {
    color: #fff;
}

.profile-page .user-info .user-detail p {
    color: #fff;
}

.profile-page .user-bg {
    position: relative;
    padding: 100px 0;
}

.profile-page .user-bg:before {
    position: absolute;
    width: 100%;
    bottom: 0;
    content: "";
    ackground: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.9) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.9)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.9) 100%);
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.9) 100%);
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.9) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.9) 100%);
    top: auto;
    height: 75%;
    -webkit-transition: all 0.35s ease;
    -moz-transition: all 0.35s ease;
    -ms-transition: all 0.35s ease;
    -o-transition: all 0.35s ease;
    transition: all 0.35s ease;
}

.form-control:last-child {
    border-radius: 0;
}

.card-footer:last-child {
    border-radius: 0;
}

/*about-me*/
.about-me ul {
    margin-top: 20px;
}

.about-me ul li {
    margin-bottom: 10px;
}

.about-me ul li span {
    margin-right: 10px;
}

.activities .thumb img {
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 50%;
}

.notification .thumb img {
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 50%;
}

.notification .noti-info a {
    color: #323232;
    font-size: 16px;
}

.notification .noti-info a:hover {
    color: var(--blue);
}

.tickets .tickets-info a {
    color: #323232;
    font-size: 18px;
}

.tickets .tickets-info a:hover {
    color: var(--blue);
}

.tickets .thumb img {
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
}

.tickets .customer {
    font-size: 80%;
    display: block;
}

/*print*/
@media print {
    .sidebar, footer, .admin-header, .page-title, #back-to-top {
        display: none !important;
    }

    .content-wrapper {
        width: 100% !important;
        margin-left: 0;
    }
}

/*morris cart */
.morris-hover {
    position: absolute;
    z-index: 1000;
}

.morris-hover.morris-default-style {
    border-radius: 10px;
    padding: 6px;
    color: #626262;
    background: rgba(255, 255, 255, 0.8);
    border: solid 2px #eee;
    font-size: 12px;
    text-align: center;
    font-family: 'Nunito', sans-serif !important;
}

.morris-hover.morris-default-style .morris-hover-row-label {
    font-weight: bold;
    margin: 0.25em 0;
}

.morris-hover.morris-default-style .morris-hover-point {
    white-space: nowrap;
    margin: 0.1em 0;
}

/*calendar*/
.calendar-main {
    background: #fff;
    padding: 1.25rem;
    -webkit-box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.1);
    box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.1);
}

.calendar-main .modal .btn {
    padding: 0.875rem .75rem;
}

.calendar-main .btn.btn-block {
    padding: .75rem;
}

.calendar-main .btn.btn-block:focus {
    outline: 0;
    box-shadow: none;
    color: #fff;
}

.calendar-main .btn.btn-block:active {
    outline: 0;
    box-shadow: none !important;
}

.fc-button {
    background: #f8f9fa;
    border: none;
    color: #626262;
    text-transform: capitalize;
    box-shadow: none !important;
    border-radius: 3px !important;
    margin: 0 3px !important;
    padding: 6px 12px !important;
    height: auto !important;
}

.fc-button:focus {
    outline: 0;
}

.fc-button:active {
    outline: 0;
}

.fc-state-active {
    background: var(--blue);
    color: #fff;
}

.fc-today-button {
    background: var(--blue);
    color: #fff;
}

.fc-event {
    border-radius: 2px;
    border: none;
    cursor: move;
    font-size: 13px;
    margin: 5px 7px;
    padding: 5px 5px;
    text-align: left;
}

.fc-day-grid-event .fc-time {
    color: #fff;
}

.fc-day-grid-event .fc-title {
    color: #fff;
}

.external-event {
    cursor: move;
    margin: 10px 0;
    padding: 10px;
}

.external-event.bg-primary {
    background: rgba(0, 123, 255, 0.4) !important;
    color: rgba(0, 123, 255, 0.4) !important;
}

.external-event.bg-success {
    background: rgba(40, 167, 69, 0.4) !important;
    color: rgba(40, 167, 69, 0.4) !important;
}

.external-event.bg-info {
    background: rgba(23, 162, 184, 0.4) !important;
    color: rgba(23, 162, 184, 0.4) !important;
}

.external-event.bg-warning {
    background: rgba(255, 193, 7, 0.4) !important;
    color: rgba(255, 193, 7, 0.4) !important;
}

.external-event.bg-danger {
    background: rgba(220, 53, 69, 0.4) !important;
    color: rgba(220, 53, 69, 0.4) !important;
}

.modal-dialog select.form-control:not([size]):not([multiple]) {
    height: calc(3.1rem + 2px);
}

select.form-control:not([size]):not([multiple]) {
    height: calc(2.8rem + 2px);
    padding-top: 7px;
    padding-bottom: 7px;
}


/* Sparkline chart */
.jqstooltip {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    width: auto !important;
    height: auto !important;
    background-color: #323232 !important;
    padding: 5px 10px !important;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    border-color: #323232 !important;
}

/*chats*/
.chats .chat-wrapper {
    margin-bottom: 20px;
}

.chats .chat-wrapper .chat-avatar {
    display: table-cell;
    vertical-align: top;
    padding-right: 20px;
    width: 80px;
}

.chats .chat-wrapper .chat-body {
    background: #f6f7f8;
    position: relative;
    display: table-cell;
    margin-left: 10px;
    border-radius: 3px;
}

.chats .chat-wrapper .chat-body:before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 13px 10px 13px 0;
    border-color: transparent #f6f7f8 transparent transparent;
    position: absolute;
    left: -10px;
    top: 10px;
    border-radius: 3px 0 0 3px;
}

.chats .chat-wrapper .chat-input {
    display: table-cell;
    padding-right: 10px;
    width: 100%;
    position: relative;
}

.chats .chat-wrapper .chat-input textarea {
    padding-left: 50px;
}

.chats .chat-wrapper .chat-input .chat-input-icon {
    position: absolute;
    top: 13px;
    font-size: 20px;
    line-height: 20px;
    left: 20px;
}

.chats .chat-wrapper .chat-button {
    display: table-cell;
    vertical-align: middle;
}

.chats .chat-wrapper .chat-button a {
    font-size: 20px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    display: block;
    background: var(--blue);
    color: #fff;
    margin-top: 2px;
    border-radius: 50%;
}

.chats .chat-wrapper.chat-me {
    margin-right: 20px;
}

.chats .chat-wrapper.chat-me .chat-body {
    background: var(--blue);
    float: right;
    text-align: right;
    display: table;
}

.chats .chat-wrapper.chat-me .chat-body:before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 13px 0 10px 13px;
    border-color: transparent transparent transparent var(--blue);
    position: absolute;
    right: -10px;
    top: 10px;
    left: inherit;
    border-radius: 3px 0 0 3px;
}

.chats .chat-wrapper.chat-me .chat-body p {
    color: #fff;
    margin-bottom: 0;
}

.chats-topbar {
    background: #f6f7f8;
    padding: 13px 20px;
}

.chats-topbar .info-btn {
    position: absolute;
    right: 40px;
    top: 26px;
}

.chats-topbar .info-drop {
    position: absolute;
    right: 30px;
    top: 11px;
}

/*todo task*/
ul.to-do li .remember-checkbox input[type=checkbox]:checked ~ label {
    color: #eee;
    text-decoration: line-through;
}

/*switch*/
.checkbox.checbox-switch {
    padding-left: 0;
}

.checkbox.checbox-switch label, .checkbox-inline.checbox-switch {
    display: inline-block;
    position: relative;
    padding-left: 0;
}

.checkbox.checbox-switch label input, .checkbox-inline.checbox-switch input {
    display: none;
}

.checkbox.checbox-switch label span, .checkbox-inline.checbox-switch span {
    width: 55px;
    border-radius: 20px;
    height: 28px;
    border: 1px solid #eee;
    background-color: #fff;
    border-color: #eee;
    box-shadow: #dfdfdf 0px 0px 0px 0px inset;
    transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}

.checkbox.checbox-switch label span:before, .checkbox-inline.checbox-switch span:before {
    display: inline-block;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: #fff;
    content: " ";
    top: 0;
    position: relative;
    left: 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
}

.checkbox.checbox-switch label > input:checked + span:before, .checkbox-inline.checbox-switch > input:checked + span:before {
    left: 26px;
}

/* Switch Default */
.checkbox.checbox-switch label > input:checked + span, .checkbox-inline.checbox-switch > input:checked + span {
    background-color: #b4b6b7;
    border-color: #b4b6b7;
    box-shadow: #b4b6b7 0px 0px 0px 8px inset;
    transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
}

.checkbox.checbox-switch label > input:checked:disabled + span, .checkbox-inline.checbox-switch > input:checked:disabled + span {
    background-color: gainsboro;
    border-color: gainsboro;
    box-shadow: gainsboro 0px 0px 0px 8px inset;
    transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
}

.checkbox.checbox-switch label > input:disabled + span, .checkbox-inline.checbox-switch > input:disabled + span {
    background-color: #e8ebee;
    border-color: #fff;
}

.checkbox.checbox-switch label > input:disabled + span:before, .checkbox-inline.checbox-switch > input:disabled + span:before {
    background-color: #f8f9fa;
    border-color: #f3f3f3;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
}

/* Switch Light */
.checkbox.checbox-switch.switch-light label > input:checked + span, .checkbox-inline.checbox-switch.switch-light > input:checked + span {
    background-color: #f8f9fa;
    border-color: #f8f9fa;
    box-shadow: #f8f9fa 0px 0px 0px 8px inset;
    transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
}

/* Switch Dark */
.checkbox.checbox-switch.switch-dark label > input:checked + span, .checkbox-inline.checbox-switch.switch-dark > input:checked + span {
    background-color: #343a40;
    border-color: #343a40;
    box-shadow: #343a40 0px 0px 0px 8px inset;
    transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
}

.checkbox.checbox-switch.switch-dark label > input:checked:disabled + span, .checkbox-inline.checbox-switch.switch-dark > input:checked:disabled + span {
    background-color: #646668;
    border-color: #646668;
    box-shadow: #646668 0px 0px 0px 8px inset;
    transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
}

/* Switch Success */
.checkbox.checbox-switch.switch-success label > input:checked + span, .checkbox-inline.checbox-switch.switch-success > input:checked + span {
    background-color: #28a745;
    border-color: #28a745;
    box-shadow: #28a745 0px 0px 0px 8px inset;
    transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
}

.checkbox.checbox-switch.switch-success label > input:checked:disabled + span, .checkbox-inline.checbox-switch.switch-success > input:checked:disabled + span {
    background-color: #99d9a8;
    border-color: #99d9a8;
    box-shadow: #99d9a8 0px 0px 0px 8px inset;
}

/* Switch Danger */
.checkbox.checbox-switch.switch-danger label > input:checked + span, .checkbox-inline.checbox-switch.switch-danger > input:checked + span {
    background-color: #c82333;
    border-color: #c82333;
    box-shadow: #c82333 0px 0px 0px 8px inset;
    transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
}

.checkbox.checbox-switch.switch-danger label > input:checked:disabled + span, .checkbox-inline.checbox-switch.switch-danger > input:checked:disabled + span {
    background-color: #d87781;
    border-color: #d87781;
    box-shadow: #d87781 0px 0px 0px 8px inset;
    transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
}

/* Switch Primary */
.checkbox.checbox-switch.switch-primary label > input:checked + span, .checkbox-inline.checbox-switch.switch-primary > input:checked + span {
    background-color: #0069d9;
    border-color: #0069d9;
    box-shadow: #0069d9 0px 0px 0px 8px inset;
    transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
}

.checkbox.checbox-switch.switch-primary label > input:checked:disabled + span, .checkbox-inline.checbox-switch.switch-primary > input:checked:disabled + span {
    background-color: #6da3dd;
    border-color: #6da3dd;
    box-shadow: #6da3dd 0px 0px 0px 8px inset;
    transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
}

/* Switch Info */
.checkbox.checbox-switch.switch-info label > input:checked + span, .checkbox-inline.checbox-switch.switch-info > input:checked + span {
    background-color: #17a2b8;
    border-color: #17a2b8;
    box-shadow: #17a2b8 0px 0px 0px 8px inset;
    transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
}

.checkbox.checbox-switch.switch-info label > input:checked:disabled + span, .checkbox-inline.checbox-switch.switch-info > input:checked:disabled + span {
    background-color: #66c0ce;
    border-color: #66c0ce;
    box-shadow: #66c0ce 0px 0px 0px 8px inset;
    transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
}

/* Switch Warning */
.checkbox.checbox-switch.switch-warning label > input:checked + span, .checkbox-inline.checbox-switch.switch-warning > input:checked + span {
    background-color: #ffc107;
    border-color: #ffc107;
    box-shadow: #ffc107 0px 0px 0px 8px inset;
    transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
}

.checkbox.checbox-switch.switch-warning label > input:checked:disabled + span, .checkbox-inline.checbox-switch.switch-warning > input:checked:disabled + span {
    background-color: #e2c366;
    border-color: #e2c366;
    box-shadow: #e2c366 0px 0px 0px 8px inset;
    transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
}

/*colorpicker*/
.colorpicker-component span.input-group-addon {
    padding: 15px 20px;
    background: #fff;
    border: 1px solid #eee;
}

/*touchspin*/
.bootstrap-touchspin span.input-group-addon {
    padding: 15px 20px;
    background: #f6f7f8;
}

.bootstrap-touchspin span.input-group-btn button {
    background: #323232;
    color: #fff;
    border-radius: 0;
    padding: 13px 20px;
}

.bootstrap-touchspin span.input-group-btn button:hover {
    background: #323232;
}

.bootstrap-touchspin .input-group-btn-vertical {
    width: 6%;
}

.bootstrap-touchspin .input-group-btn-vertical .btn {
    padding: 13px 20px;
    border-radius: 0;
    background: #323232;
}

.bootstrap-touchspin .input-group-btn-vertical .btn:hover {
    background: #323232;
}

.bootstrap-touchspin .input-group-btn-vertical i {
    font-size: 14px;
    color: #fff;
    left: 18px;
    top: 5px;
}

.bootstrap-touchspin.input-group-sm span.input-group-btn button {
    padding: 6px 16px;
    border-radius: 0px;
}

.bootstrap-touchspin.input-group-sm span.input-group-btn button .btn {
    border-radius: 0px;
}

.bootstrap-touchspin.input-group-sm span.input-group-addon {
    padding: 6px 20px;
}

.bootstrap-touchspin.input-group-lg span.input-group-btn button {
    padding: 17px 26px;
    border-radius: 0px;
}

.bootstrap-touchspin.input-group-lg .btn {
    border-radius: 0px;
}

.bootstrap-touchspin.input-group-lg span.input-group-addon {
    padding: 17px 26px;
}

/*input-group*/
.input-group-prepend {
    padding: 0;
    border: 0 !important;
    margin-right: 0;
    margin-left: 0;
    border-radius: 0;
}

.input-group-append {
    margin-left: 0;
}

/*form*/
.form-control-lg {
    padding: 1rem 1rem;
    font-size: 1.25rem;
}

.form-control-sm {
    padding: 0.4rem 1rem;
}

select.form-control-lg:not([size]):not([multiple]) {
    height: calc(3.8rem + 2px);
}

select.form-control-sm:not([size]):not([multiple]) {
    height: calc(1.9rem + 2px);
}

/*Our History */
.our-history .timeline {
    list-style: none;
    padding: 20px 0 20px;
    position: relative;
}

.our-history .timeline:before {
    top: 0;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 2px;
    background-color: #f6f7f8;
    left: 50%;
    margin-left: -0.5px;
}

.our-history .timeline li {
    margin-bottom: 20px;
    position: relative;
}

.our-history .timeline li:before {
    content: " ";
    display: table;
    clear: both;
}

.our-history .timeline li:after {
    content: " ";
    display: table;
    clear: both;
}

.our-history .timeline li .timeline-panel {
    width: 46%;
    float: left;
    padding: 15px 00px 25px 00px;
    position: relative;
}

.our-history .timeline li .timeline-panel:before {
    position: absolute;
    top: 23px;
    right: -25px;
    display: inline-block;
    width: 25px;
    height: 2px;
    background: #f6f7f8;
    content: " ";
}

.our-history .timeline li .timeline-badge {
    color: #fff;
    width: 18px;
    height: 18px;
    line-height: 10px;
    font-size: 0.7em;
    text-align: center;
    position: absolute;
    top: 16px;
    left: 50%;
    border: 3px solid var(--blue);
    margin-left: -9px;
    background-color: #fff;
    border-top-right-radius: 50%;
    border-top-left-radius: 50%;
    border-bottom-right-radius: 50%;
    border-bottom-left-radius: 50%;
    -webkit-box-shadow: 0 0 5px white;
    -moz-box-shadow: 0 0 5px white;
    box-shadow: 0 0 5px white;
}

.our-history .timeline li .timeline-badge p {
    width: 200px;
    margin-left: 25px;
    font-size: 17px;
    font-weight: bold;
    text-align: left;
}

.our-history .timeline li.timeline-inverted {
    text-align: left;
}

.our-history .timeline li.timeline-inverted .timeline-panel {
    float: right;
}

.our-history .timeline li.timeline-inverted .timeline-panel:before {
    border-left-width: 0;
    border-right-width: 15px;
    left: -32px;
    right: auto;
}

.our-history .timeline li.timeline-inverted .timeline-panel:after {
    border-left-width: 0;
    border-right-width: 14px;
    left: -14px;
    right: auto;
}

.our-history .timeline li.timeline-inverted .timeline-badge p {
    text-align: right;
    float: right;
    margin-right: 25px;
}

.our-history .timeline .timeline-arrow {
    position: absolute;
    width: 100%;
    left: 0.5px;
    right: 0;
    text-align: center;
    color: #f6f7f8;
    bottom: -29px;
}

.our-history .timeline-body p {
    margin-bottom: 0;
}

.our-history .timeline-body ul {
    margin-bottom: 0;
}

.our-history .timeline-body p + p {
    margin-top: 5px;
}

.admin-timeline {
    padding: 50px 160px;
}

.admin-timeline .timeline li .timeline-panel {
    border-radius: 3px;
}

.admin-timeline .timeline li .timeline-panel::before {
    right: -35px;
}

/*file-box*/
.file-box a {
    font-size: 30px;
    line-height: 30px;
    padding-top: 6px;
    color: #323232;
}

.file-box a:hover {
    color: var(--blue);
}

/*editer */
.note-editor button {
    color: #323232;
}

.note-editor.note-frame {
    border-color: #f6f7f8;
}

.note-editor.note-frame.fullscreen {
    background: #fff;
}

.note-editor .modal-header .close {
    position: absolute;
    right: 30px;
}

.note-editor .modal-header .modal-title {
    line-height: 24px;
}

.note-editor .modal-body .form-group .note-form-label {
    display: block;
}

.note-editor .modal-body .form-group input {
    color: #323232;
}

.note-editor .checkbox input {
    margin-right: 10px;
}

.note-toolbar-wrapper.panel-default {
    display: table;
    width: 100%;
}

.editor-toolbar.fullscreen {
    z-index: 9999;
}

.CodeMirror-fullscreen {
    z-index: 9999;
}

.note-editor.note-frame .note-editing-area {
    margin-top: 10px;
}

/*project-page*/
.project-page .nice-select {
    height: 43px;
    line-height: 43px;
}

.custom-file-label:after {
    font-family: 'Nunito', sans-serif;
}

/*hide-axis*/
.hide-axis text[text-anchor="middle"] {
    display: none;
}

.hide-axis text[text-anchor="end"] {
    display: none;
}

/*checkbox*/
.remember-checkbox a {
    color: var(--blue);
}

.remember-checkbox label {
    position: relative;
    padding-left: 30px;
    font-size: 14px;
    cursor: pointer;
}

.remember-checkbox label:before {
    font-family: 'FontAwesome';
    font-size: 17px;
    position: absolute;
    top: -5px;
    left: 0;
    padding-left: 2px;
    border-radius: 3px;
    border: 2px solid rgba(0, 0, 0, 0.1);
    content: "";
    height: 20px;
    margin-top: 3px;
    width: 20px;
    color: var(--blue);
}

.remember-checkbox label:after {
    font-family: 'FontAwesome';
    font-size: 17px;
    position: absolute;
    top: -3px;
    left: 0;
    padding-left: 2px;
    border-radius: 3px;
    content: '\f00c';
    max-width: 0;
    overflow: hidden;
    opacity: 0.5;
    -webkit-transition: all 0.35s ease;
    -moz-transition: all 0.35s ease;
    -ms-transition: all 0.35s ease;
    -o-transition: all 0.35s ease;
    transition: all 0.35s ease;
    color: var(--blue);
}

.remember-checkbox input[type="checkbox"] {
    display: none;
}

.remember-checkbox input[type="checkbox"]:checked + label:after {
    max-width: 25px;
    opacity: 1;
}

/*shortcode*/
.admin-shortcode ul li a {
    font-size: 14px;
    display: block;
    padding: 50px;
    text-transform: capitalize;
    color: #323232;
    background: #f6f7f8;
    margin-bottom: 30px;
}

.admin-shortcode ul li a span {
    display: table-cell;
    vertical-align: middle;
    padding-left: 20px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.admin-shortcode ul li a i {
    font-size: 50px;
    margin-right: 15px;
    color: #626262;
    display: table-cell;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.admin-shortcode ul li a:hover i {
    transform: scale(1.3);
}

/*invoice page*/
.addresss-info.invoice-addresss li {
    color: #626262;
    margin-bottom: 10px;
}

.addresss-info.invoice-addresss li a {
    color: var(--blue);
}

.logo-small {
    height: 40px;
}

/*.widget-search */
.widget-search {
    position: relative;
}

.widget-search input {
    padding-right: 30px;
    color: #353535;
    box-shadow: none;
    background: #f6f7f8;
}

.widget-search input:focus {
    border-color: var(--blue);
}

.widget-search i {
    position: absolute;
    right: 0px;
    padding: 16px 22px;
    font-size: 14px;
    color: #626262;
    cursor: pointer;
}

/*video vimeo and youtube*/
.js-video {
    height: 0;
    padding-top: 25px;
    padding-bottom: 54%;
    position: relative;
    overflow: hidden;
}

.js-video.widescreen {
    padding-bottom: 34.34%;
}

.js-video embed {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    border: none;
}

.js-video iframe {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    border: none;
}

.js-video object {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    border: none;
}

.js-video video {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    border: none;
}

.js-video.big {
    padding-top: 30px;
}

/*grid*/
.blog-entry .grid-post li {
    float: left;
    width: 50%;
    border-right: 4px solid #fff;
    border-bottom: 4px solid #fff;
    list-style: none;
}

.blog-entry .grid-post li img {
    width: 100%;
}

.blog-entry .grid-post li .portfolio-item {
    width: 100%;
}

/*login*/
.login-fancy {
    padding: 30px;
    height: 100%;
    position: relative;
    -webkit-box-shadow: 0 15px 20px rgba(0, 0, 0, 0.06);
    -moz-box-shadow: 0 15px 20px rgba(0, 0, 0, 0.06);
    box-shadow: 0 15px 20px rgba(0, 0, 0, 0.06);
}

.login-fancy h2 {
    font-size: 70px;
    line-height: 70px;
}

.login-fancy-bg {
    position: relative;
    z-index: 1;
}

.height-100vh {
    height: 100vh;
}

.pos-bot {
    position: absolute;
    bottom: 0;
}

.theme-color {
    color: var(--blue);
}

.theme-bg {
    color: var(--blue);
}

.badge {
    padding: 6px 5px 5px;
    font-weight: 500;
    line-height: 6px;
    border-radius: 3px !important;
}

/*toastr page*/
.controls input[type=checkbox] {
    margin-right: 10px;
}

.controls input[type=radio] {
    margin-right: 10px;
}

.control-group label {
    display: block;
}

#toastrOptions {
    background: #f6f7f8;
    padding: 30px;
}

/*datepicker*/
.input-group-addon {
    padding: 12px 20px;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.06);
}

.datepicker {
    border: 1px solid #eee;
    padding: 12px;
    -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.04);
    -moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.04);
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.04);
    width: 270px;
    font-size: 14px;
}

.datepicker table {
    width: 100%;
}

.datepicker-inline {
    width: 270px;
}

.datetimepicker table {
    width: 100%;
}

.datepicker table tr td {
    width: 30px;
    height: 35px;
}

.datepicker table tr td.today {
    background: var(--blue);
    color: #fff;
}

.datepicker table tr td.today:hover {
    background: var(--blue);
    color: #fff;
}

.datepicker table tr td.today.disabled {
    background: var(--blue);
    color: #fff;
}

.datepicker table tr td.today.disabled:hover {
    background: var(--blue);
    color: #fff;
}

.datepicker table tr td.active:hover, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.active, .datepicker table tr td.active:hover.active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:hover.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active:hover.disabled, .datepicker table tr td.active.disabled.disabled, .datepicker table tr td.active.disabled:hover.disabled, .datepicker table tr td.active[disabled], .datepicker table tr td.active:hover[disabled], .datepicker table tr td.active.disabled[disabled], .datepicker table tr td.active.disabled:hover[disabled] {
    background: var(--blue);
    color: #fff;
}

/*error   */
.error {
    position: relative;
    z-index: 99;
}

.error h1 {
    font-size: 260px;
    line-height: 260px;
    text-transform: uppercase;
    color: #f6f7f8;
    margin: 0px;
}

.error h2 {
    font-size: 100px;
    line-height: 100px;
    text-transform: uppercase;
    color: #f6f7f8;
    margin: 0px;
}

.error-image {
    position: relative;
    margin-top: -300px;
}

/* fontawesome & themify-Icons */
.icon-list-demo i {
    text-align: center;
    vertical-align: middle;
    font-size: 24px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    margin-right: 12px;
    color: rgba(49, 58, 70, 0.7);
    border-radius: 3px;
    display: inline-block;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.icon-section div {
    line-height: 50px;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    overflow: hidden;
}

.icon-container {
    float: left;
    position: relative;
    text-align: left;
}

.icon-container [class^="ti-"] {
    font-size: 17px;
    color: #323232;
    position: absolute;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border: none;
    padding: 0;
    line-height: 50px;
}

.icon-container [class*=" ti-"] {
    font-size: 17px;
    color: #323232;
    position: absolute;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border: none;
    padding: 0;
    line-height: 50px;
}

.icon-name {
    color: #323232;
    margin-left: 35px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

/*mail-box */
.mail-nav ul li a {
    padding: 5px 0px;
    display: block;
    margin-bottom: 10px;
    color: #323232;
}

.mail-nav ul li i {
    padding-right: 10px;
    font-size: 16px;
}

.mail-nav ul li .active a {
    color: #007bff;
}

.mail-nav ul li::hover a {
    color: #007bff;
}

.mail-nav .title {
    background: #f6f7f8;
    padding: 12px 20px;
}

.mail-topbar {
    background: #f6f7f8;
    padding: 12px 20px;
}

.mail-topbar ul li {
    display: inline-block;
}

.mail-topbar ul li a {
    width: 30px;
    height: 24px;
    line-height: 24px;
    color: #323232;
    background: #fff;
    display: block;
    text-align: center;
    border-radius: 3px;
}

.mail-topbar ul li a:hover {
    background: #323232;
    color: #fff;
}

.mail-topbar .btn {
    padding: 2px 10px;
    font-size: 12px;
}

.mail-topbar .dropdown-item {
    font-size: 12px;
}

.dropdown-item.active {
    background-color: #f8f9fa;
    color: #343a40;
}

.dropdown-item:active {
    background-color: #f8f9fa;
    color: #343a40;
}

/*signupForm*/
#signupForm .error {
    color: red;
}

#signupForm1 .error {
    color: red;
}

/*form-control*/
.form-control {
    border-radius: 3px;
    font-size: 1.15rem;
    height: auto;
    line-height: 1.33333;
    padding: 15px 15px 15px 20px;
    background: #f0f1f3;
    color: #323232;
    border: 0px solid transparent;
    box-shadow: none;
}

.form-control label {
    color: #323232;
    margin-top: 8px;
    margin-bottom: 4px;
    text-transform: uppercase;
    font-size: 13px;
    display: block;
}

.form-control:focus {
    background: #fff;
    border: 0px;
    -webkit-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1);
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    border-color: transparent;
}

.form-control.input-lg {
    resize: none;
    font-size: .9em;
}

.form-control.rounded {
    border-radius: 0px;
}

.input-group-prepend {
    border: 1px solid #eee;
}

.form-inline button {
    margin: 0px;
}

.form-control::-moz-placeholder {
    color: #323232;
}

.form-control::-ms-input-placeholder {
    color: #323232;
}

.form-control::-webkit-input-placeholder {
    color: #323232;
}

/* Data Table */
#datatable_wrapper {
    padding: 0;
}

#datatable_wrapper .row {
    margin-top: 0 !important;
}

#datatable_wrapper .table.dataTable {
    margin: 15px 0 !important;
    border: 0;
}

.table td {
    vertical-align: middle;
}

.table th {
    vertical-align: middle;
}

.table-bordeblue tbody tr td {
    border-color: #eee;
    padding: 12px 20px;
}

.table-bordeblue tbody tr th {
    border-color: #eee;
    padding: 12px 20px;
}

.table-bordeblue tfoot tr td {
    border-color: #eee;
    padding: 12px 20px;
}

.table-bordeblue tfoot tr th {
    border-color: #eee;
    padding: 12px 20px;
}

.table-bordeblue thead tr td {
    border-color: #eee;
    padding: 12px 20px;
}

.table-bordeblue thead tr th {
    border-color: #eee;
    padding: 12px 20px;
}

textarea.form-control {
    resize: vertical;
}

.counter {
    position: relative;
    color: #323232;
    min-height: 60px;
}

.counter .icon {
    font-size: 1.858rem;
}

.counter .timer {
    display: block;
    font-size: 1.858rem;
    font-weight: 500;
    line-height: 2.14rem;
    margin: 0px 0 5px;
}

.counter label {
    font-size: 1rem;
    font-weight: 500;
    margin: 10px 0 0;
    position: relative;
    text-transform: uppercase;
}

/*************************
          Map
************************/
.map-height {
    height: 400px;
}

/*************************************
        divider
 **************************************/
.divider {
    border-bottom: 1px solid #eee;
}

/***************************
    pie-chart
***************************/
.round-chart {
    display: inline-block;
    position: relative;
    text-align: center;
    margin-bottom: 20px;
}

.round-chart span {
    display: inline-block;
    font-size: 28px;
    z-index: 2;
    font-weight: 600;
    position: absolute;
}

.round-chart i {
    display: inline-block;
    font-size: 28px;
    z-index: 2;
    font-weight: 600;
    position: absolute;
}

/* Wizard */
.wizard .content {
    background: #fff;
    min-height: 240px;
    padding: 20px !important;
    margin-top: 10px !important;
    border-radius: 2px;
    position: relative;
}

.wizard .content .body {
    padding: 0px;
    position: relative;
    width: 100%;
}

.wizard .content .body ul li {
    display: block;
    line-height: 30px;
}

.wizard .content .body label.error {
    color: #dc3545;
    margin-left: 0;
    margin-top: 5px;
    font-size: 12px;
}

.wizard .content .body label {
    display: inline-block;
    margin-top: 10px;
    margin-bottom: 10px;
}

.wizard .content .body p {
    margin-top: 10px;
}

.wizard .steps a {
    font-size: 16px;
    text-align: center;
    border-radius: 2px;
    position: relative;
}

.wizard .steps a:hover {
    border-radius: 2px;
    position: relative;
}

.wizard .steps a:active {
    border-radius: 2px;
    position: relative;
}

.wizard .steps .number {
    font-size: 50px;
    line-height: 102px;
    position: absolute;
    left: 10px;
    top: -14px;
    opacity: 0.1;
    font-weight: 700;
}

.wizard .steps .disabled a {
    background: #f6f7f8;
    color: #626262 !important;
    cursor: default;
    border: 1px solid #f6f7f8;
}

.wizard .steps .disabled a:hover {
    background: #f6f7f8;
    border: 1px solid #eee;
}

.wizard .steps .disabled a:active {
    background: #f6f7f8;
    border: 1px solid #eee;
}

.wizard .steps .current a {
    background: var(--blue);
}

.wizard .steps .current a .number {
    color: #fff;
    opacity: 0.4;
}

.wizard .steps .current a:hover {
    background: var(--blue);
}

.wizard .steps .current a:hover .number {
    color: #fff;
    opacity: 0.4;
}

.wizard .steps .current a:active {
    background: var(--blue);
}

.wizard .steps .current a:active .number {
    color: #fff;
    opacity: 0.4;
}

.wizard .steps .done a {
    background: #f6f7f8 !important;
    color: #626262 !important;
}

.wizard .actions {
    margin-top: 15px !important;
}

.wizard .actions a {
    background: var(--blue);
    border-radius: 2px !important;
    color: #fff;
}

.wizard .actions a:hover {
    background: var(--blue);
    color: #fff;
}

.wizard .actions a:active {
    background: var(--blue);
    color: #fff;
}

.wizard .actions .disabled a {
    background: #fff;
    color: #323232;
    cursor: default;
    border: 1px solid #f6f7f8;
}

.wizard .actions .disabled a:hover {
    background: #f6f7f8;
    color: #323232;
    cursor: default;
    border: 1px solid #f6f7f8;
}

.wizard .actions .disabled a:active {
    background: #f6f7f8;
    color: #323232;
    cursor: default;
    border: 1px solid #f6f7f8;
}

.wizard.vertical .content {
    margin-top: 0px !important;
}

.wizard .steps a {
    padding: 1.5em 1em;
}

.wizard .steps a:hover {
    padding: 1.5em 1em;
}

.wizard .steps a:active {
    padding: 1.5em 1em;
}

@media (max-width: 560px) {
    .wizard.vertical > .steps, .wizard.vertical > .content {
        width: 100%;
    }
}

.repeater .nice-select {
    width: 100%;
}

.scrollbar-x {
    overflow: auto;
    white-space: nowrap;
}

.pagination .page-item .page-link {
    padding: 1.0rem 1.3rem;
    color: #626262;
}

.pagination .page-item.active .page-link {
    background: var(--blue);;
    border-color: var(--blue);;
    color: #fff;
}

/* style-customizer */
div.style-customizer {
    background-color: #fff;
    color: #626262;
    width: 260px;
    position: fixed;
    top: 200px;
    z-index: 10000;
    right: -260px;
    -webkit-box-shadow: -3px 2px 50px rgba(0, 0, 0, 0.14);
    -moz-box-shadow: -3px 2px 50px rgba(0, 0, 0, 0.14);
    box-shadow: -3px 2px 50px rgba(0, 0, 0, 0.14);
    height: 460px;
    bottom: 0;
}

div.style-customizer a.opener {
    display: block;
    height: 45px;
    position: absolute;
    right: 260px;
    top: 30px;
    background: #fff;
    width: 45px;
    font-size: 20px;
    line-height: 45px;
    color: #626262;
    text-align: center;
    text-decoration: none;
    -webkit-box-shadow: -5px 0px 15px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: -5px 0px 15px rgba(0, 0, 0, 0.1);
    box-shadow: -5px 0px 15px rgba(0, 0, 0, 0.1);
}

div.style-customizer.opened a.opener {
    left: -45px;
    border-color: transparent;
}

div.style-customizer.opened .content-chooser, div.style-customizer.closed .content-chooser {
    opacity: 1;
    padding: 30px;
}

.style-customizer.closed {
    box-shadow: none;
}

div.style-customizer .content-chooser img {
    height: 30px;
    margin-bottom: 30px;
}

div.style-customizer .content-chooser ul {
    padding: 0;
    margin: 0;
    color: #323232;
    display: block;
    position: relative;
    float: left;
    width: 100%;
}

div.style-customizer .content-chooser ul li {
    color: #323232;
    display: block;
    position: relative;
    float: left;
    width: 100%;
}

div.style-customizer .content-chooser ul li input[type=radio] {
    position: absolute;
    visibility: hidden;
}

div.style-customizer .content-chooser ul li label {
    display: block;
    position: relative;
    font-weight: 300;
    font-size: 1rem;
    padding: 11px 16px 15px 32px;
    margin: 10px auto;
    height: 30px;
    z-index: 9;
    cursor: pointer;
    -webkit-transition: all 0.25s linear;
}

div.style-customizer .content-chooser ul li .check {
    display: block;
    position: absolute;
    border: 4px solid #007bff;
    border-radius: 100%;
    height: 20px;
    width: 20px;
    top: 20px;
    left: 0;
    z-index: 5;
    transition: border .25s linear;
    -webkit-transition: border .25s linear;
}

div.style-customizer .content-chooser ul li .check:before {
    display: block;
    position: absolute;
    content: '';
    border-radius: 100%;
    height: 6px;
    width: 6px;
    top: 2px;
    left: 2px;
    margin: auto;
    transition: background 0.25s linear;
    -webkit-transition: background 0.25s linear;
}

div.style-customizer .content-chooser ul li a {
    display: block;
    font-size: 1rem;
}

div.style-customizer .content-chooser input[type=radio]:checked ~ .check {
    border: 5px solid #323232;
}

div.style-customizer .content-chooser input[type=radio]:checked ~ .check::before {
    background: #323232;
}

div.style-customizer .content-chooser input[type=radio]:checked ~ label {
    color: #323232;
}

/*****************
================================================
(  Media Queries  )
================================================
*******************/
/*************************
      1400px 1200px
*************************/
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
    .data-usage .row.d-flex {
        display: block !important;
    }

    .data-usage .row .col-sm-6 {
        max-width: 100% !important;
    }

    .admin-followers .button.float-right {
        float: none !important;
        margin-bottom: 10px;
    }

    .xl-w-100 {
        max-width: 100% !important;
    }

    .weather-icon i {
        font-size: 55px;
        line-height: 55px;
    }
}

/*************************
      1400px
*************************/
@media (max-width: 1400px) {
    .admin-timeline {
        padding: 0;
        margin-top: 50px;
    }

    .admin-shortcode ul li a {
        padding: 50px 28px;
    }

    .error h1 {
        font-size: 100px;
        line-height: 100px;
    }

    .error h2 {
        font-size: 40px;
        line-height: 40px;
    }

    .error-image {
        margin-top: -140px;
    }

    .bootstrap-touchspin .input-group-btn-vertical {
        width: 9%;
    }

    .lg-mb-10 {
        margin-bottom: 10px !important;
    }

    .lg-mt-10 {
        margin-top: 10px !important;
    }

    .lg-mb-20 {
        margin-bottom: 20px !important;
    }

    .lg-mt-20 {
        margin-top: 20px !important;
    }

    .wizard .steps ul li {
        width: 50%;
    }

    .map-height {
        height: 300px;
    }
}

@media (max-width: 1200px) {
    .md-mt-0 {
        margin-top: 0 !important;
    }
}

/*************************
      991px
*************************/
@media (max-width: 991px) {
    .content-wrapper {
        margin-left: 0;
        padding: 20px 20px;
    }

    .side-menu-fixed {
        left: -230px;
    }

    .slide-menu .side-menu-fixed {
        width: 230px;
        left: 0;
    }

    .slide-menu .content-wrapper {
        margin-left: 0;
    }

    .slide-menu .side-menu-fixed .right-nav-text {
        opacity: 1;
    }

    .navbar .navbar-brand {
        padding: 8px 0;
    }

    .side-menu-fixed .side-menu {
        height: auto;
    }

    .admin-header .search .search-btn {
        line-height: 72px;
    }

    .admin-header.navbar .navbar-brand-wrapper .navbar-brand.brand-logo {
        display: none;
    }

    .admin-header.navbar .navbar-brand-wrapper .brand-logo-mini {
        display: block;
    }

    /*.admin-header.navbar .navbar-brand-wrapper {*/
    /*    width: 100%;*/
    /*}*/

    .admin-header.navbar ul.navbar-nav li {
        margin-left: 0;
    }

    .admin-header.navbar ul.navbar-nav li.mr-30 {
        margin-right: 20px !important;
    }

    .search .search-btn:before {
        left: 0;
    }

    .content-wrapper .breadcrumb {
        padding-left: 0 !important;
        margin-top: 5px;
        padding-bottom: 5px;
    }

    .admin-header .navbar-nav .nav-item {
        min-width: 40px;
    }

    .admin-header.navbar ul.navbar-nav li.fullscreen {
        display: none;
    }

    .admin-header a.button-toggle-nav.ml-20 {
        margin-left: 0px !important;
    }

    .admin-header.navbar.fixed-top + .container-fluid {
        padding-top: 4.7rem;
    }

    .slide-menu .side-menu-fixed .menu-title {
        -webkit-transition: all 0s ease;
        -moz-transition: all 0s ease;
        -ms-transition: all 0s ease;
        -o-transition: all 0s ease;
        transition: all 0s ease;
        opacity: 1;
        display: block;
    }

    .repeater .form-control {
        margin-bottom: 10px;
    }

    .repeater .btn-block {
        margin-top: 10px;
    }

    .fc-toolbar.fc-header-toolbar {
        margin-top: 0.5em;
    }
}

@media (max-width: 767px) {
    .fc-toolbar .fc-left {
        display: inline-block;
        float: none;
        text-align: center;
        clear: both;
    }

    .fc-toolbar .fc-right {
        display: inline-block;
        float: none;
        text-align: center;
        clear: both;
    }

    .fc-view-container .fc-widget-header .fc-day-header {
        font-weight: 500;
        font-size: 12px;
    }

    .account-overview {
        margin-top: 80px;
        position: relative;
    }

    .header-info .page-title .card .info-btn {
        right: inherit;
        left: 0;
    }

    .header-info .page-title .card .info-drop {
        right: inherit;
        left: 0;
        top: 4px;
    }

    .header-info .page-title .card .info-drop .dropdown-menu {
        right: inherit !important;
        left: 0;
    }

    .fc-icon {
        display: block;
    }

    .fc-toolbar .fc-center {
        display: block;
    }

    .fc-toolbar .fc-center h4 {
        float: none;
        margin-top: 0.5rem;
    }

    .fc-toolbar .fc-left {
        margin-bottom: 8px;
    }

    .fc-toolbar.fc-header-toolbar {
        margin-bottom: 1.2em;
        margin-top: 0.8em;
    }

    .fc-toolbar .fc-button {
        padding: 6px 32px !important;
    }

    .fc .fc-button-group > * {
        float: none;
        margin-bottom: 0px !important;
        display: inline-block;
    }

    .fc-left .fc-button-group .fc-state-default.fc-corner-left, .fc-left .fc-button-group .fc-state-default.fc-corner-right {
        padding: 10px 32px !important;
    }

    .fc-right .fc-button {
        padding: 7px 26px !important;
    }

    .tab .nav.nav-tabs li {
        margin-bottom: 5px;
    }

    .tab .nav.nav-tabs li a.active {
        border: 1px solid #eee;
    }

    .tab .nav.nav-tabs li a.active:hover {
        border: 1px solid #eee;
    }

    .repeater-file .custom-file-label {
        margin-bottom: 10px;
    }

    .style-customizer {
        display: none;
    }

    .content-wrapper .page-title h4.mb-0 {
        margin-top: 5px;
    }

    .card.card-statistics .pos-bot {
        position: relative;
    }

    .login.height-100vh {
        height: 100%;
    }

    .admin-timeline {
        margin-top: 0;
    }

    .sm-mt-20 {
        margin-top: 20px;
    }

    .sm-mb-20 {
        margin-bottom: 20px;
    }

    .sm-mb-15 {
        margin-bottom: 15px;
    }

    .sm-mb-0 {
        margin-bottom: 0 !important;
    }

    .sm-mb-5 {
        margin-bottom: 5px !important;
    }

    .sm-mt-0 {
        margin-top: 0 !important;
    }

    .sm-mt-5 {
        margin-top: 5px !important;
    }

    .sm-ml-0 {
        margin-left: 0 !important;
    }

    .sm-ml-5 {
        margin-left: 5px !important;
    }

    .sm-mr-0 {
        margin-right: 0 !important;
    }

    .sm-mr-5 {
        margin-right: 5px !important;
    }

    .tab .nav.nav-tabs {
        margin-bottom: 5px;
    }

    .nice-select {
        width: 100%;
    }

    .nice-select .list {
        min-width: 100%;
    }
}

@media (max-width: 600px) {
    .admin-header .navbar-nav .dropdown-big {
        min-width: 250px;
        right: -100%;
    }

    .admin-header .nav-grid .nav-grid-item {
        width: 48.3%;
    }

    .profile-page .user-info .user-dp {
        display: block;
    }

    .profile-page .user-info .user-detail {
        display: block;
    }

    .profile-page .user-bg {
        padding: 130px 0;
    }

    .profile-page .user-detail {
        margin-bottom: 20px;
    }

    .admin-timeline.our-history .timeline:before {
        display: none;
    }

    .weather-box-bg .weather-degree {
        font-size: 40px;
    }

    .weather-box-bg .pos-bot {
        position: relative;
    }

    .fc .fc-button-group > * {
        float: none;
        margin-bottom: 0px !important;
        display: inline-block;
        padding: 6px 26px !important;
    }

    .pagination li a {
        margin: 0 2px;
    }

    .our-history.admin-timeline .timeline .timeline-arrow {
        display: none;
    }

    .our-history.admin-timeline .timeline li.timeline-inverted .timeline-panel:before {
        display: none;
    }

    .our-history.admin-timeline li .timeline-panel:before {
        display: none;
    }

    .card .dropdown-icon .info-btn {
        display: inline-block;
        position: relative;
        top: inherit;
        right: inherit;
        text-align: center;
    }

    .card .dropdown-icon .info-drop {
        display: inline-block;
        position: relative;
        top: inherit;
        right: inherit;
        text-align: center;
    }

    .card .dropdown-icon .info-drop .dropdown-menu {
        left: 0 !important;
    }

    .datepicker {
        width: 230px;
    }

    .datepicker-inline {
        width: 230px;
    }

    .datepicker-dropdown {
        left: 40px !important;
        right: 0 !important;
    }

    /*our-history .timeline*/
    .our-history .timeline li.timeline-inverted .timeline-panel:before {
        left: 40px;
    }

    .our-history .timeline li.timeline-inverted .timeline-badge p {
        float: left;
        margin-right: 0;
        text-align: left;
    }

    .our-history .timeline li .timeline-panel {
        padding: 40px 20px 20px 75px;
        text-align: left;
        width: 100%;
    }

    .our-history .timeline li .timeline-panel:before {
        left: 40px;
    }

    .our-history .timeline li .timeline-badge {
        left: 41px;
    }

    .our-history .timeline li .timeline-badge p {
        margin-left: 40px;
    }

    .error-image {
        margin-top: 30px;
    }

    .wizard .steps ul li {
        width: 100%;
    }

    .display-1 {
        font-size: 4rem;
    }

    .display-2 {
        font-size: 3rem;
    }

    .display-3 {
        font-size: 2rem;
    }

    .display-4 {
        font-size: 1em;
    }

    .button + .button {
        margin-left: 0;
        margin-bottom: 4px;
    }

    .social-icons li {
        margin: 0px 0px 8px 0px;
    }

    .round-chart {
        margin-top: 0.5rem;
        margin-bottom: 0.5rem !important;
    }

    .pricing-content {
        width: 95%;
    }

    .pricing-table.active .pricing-top a.button {
        padding: 12px 30px;
        font-size: 1rem;
    }

    .tab-vertical .nav-tabs {
        width: 100%;
    }

    .tab-vertical .tab-content {
        margin-left: 0;
    }

    #calendar-list .month-button {
        margin-top: 7px !important;
    }

    .xs-mb-10 {
        margin-bottom: 10px !important;
    }

    .xs-mb-20 {
        margin-bottom: 20px !important;
    }

    .xs-mt-10 {
        margin-top: 10px !important;
    }

    .xs-mt-20 {
        margin-top: 20px !important;
    }
}

@media (max-width: 479px) {
    .fc-left .fc-button-group .fc-state-default.fc-corner-left, .fc-left .fc-button-group .fc-state-default.fc-corner-right {
        padding: 10px 36px !important;
    }

    .fc-right .fc-button-group .fc-button {
        padding: 6px 25px !important;
    }

    .nav-tabs-custom {
        position: relative;
    }
}

@media (max-width: 400px) {
    .admin-header .search-box {
        left: -110px;
        width: 272px;
    }

    .content-wrapper .breadcrumb {
        margin-top: 5px;
        margin-bottom: 1.3rem;
    }

    .avatar-top img.w-25 {
        width: 40% !important;
    }

    .mail-topbar .ml-3.d-inline-block {
        margin-left: 0px !important;
        margin-top: 2px;
    }

    .profile-page .user-bg {
        padding: 150px 0px;
    }

    .pagination .page-item .page-link {
        padding: 1.0rem 0.7rem;
    }

    .login-fancy .remember-checkbox a {
        float: left !important;
    }

    .timeline-panel .blog-entry .grid-post li {
        margin-bottom: 0px;
    }

    .fc-left .fc-button-group .fc-state-default.fc-corner-left {
        padding: 10px 28px !important;
    }

    .fc-left .fc-button-group .fc-state-default.fc-corner-right {
        padding: 10px 28px !important;
    }

    .fc-left .fc-button {
        padding: 6px 28px !important;
    }

    .fc-right .fc-button-group .fc-button {
        padding: 6px 22px !important;
    }

    .admin-followers .button.float-right {
        float: none !important;
        margin-bottom: 10px;
    }
}

@media (max-width: 360px) {
    .fc-left .fc-button-group .fc-state-default.fc-corner-left {
        padding: 10px 19px !important;
    }

    .fc-left .fc-button-group .fc-state-default.fc-corner-right {
        padding: 10px 19px !important;
    }

    .fc-left .fc-button {
        padding: 6px 19px !important;
    }

    .fc-right .fc-button-group .fc-button {
        padding: 6px 13px !important;
    }
}


h2.section-header {
    margin-bottom: 2rem;
    background: #fff;
    padding: .5rem 0;
}


.fileuploader {
    max-width: 420px;
    padding: 0;
}

.fileuploader-input .fileuploader-input-button, .fileuploader-popup .fileuploader-popup-header .fileuploader-popup-button.button-success {
    background: #343a40;
    background: -moz-linear-gradient(-45deg, var(--darkgrey), 0, #343a40 100%);
    background: -webkit-linear-gradient(-45deg, var(--darkgrey), 0, #343a40 100%);
    background: linear-gradient(135deg, var(--darkgrey), 0, #343a40 100%);
    background-size: 140% auto;
    background-position: center;
    color: #fff;
}

.fileuploader-items .fileuploader-item.upload-failed {
    background: rgb(232, 240, 254);
}

.fileuploader-items .fileuploader-item {
    border-radius: 10px;
    margin: 5px 17px 10px;
}

.fileuploader-icon-main {
    color: #343a40;
}


#progress {
    height: 20px;
    width: 100%;
    margin-top: 0.6em;
}

#progress-bar {
    width: 0%;
    height: 100%;
    transition: width 500ms linear;
    font-weight: bold;
    color: #fff;
    text-align: center;
}

.progress-bar-incomplete {
    background: #bbb;
}

.progress-bar-danger {
    background: #d00;
}

.progress-bar-warning {
    background: #f50;
}

.progress-bar-success {
    background: #080;
}


.optionGroup {
    font-weight: bold;
}

.sortable-table-headers > div {
    background: var(--grey-2);
    color: #fff;
    padding: 10px;
    border-right: 5px solid #fafafa;
    border-left: 5px solid #fafafa;
}

.sortable-table-headers > div:first-child {
    border-left: 0;
}

.sortable-table-headers > div:last-child {
    border-right: 0;
}

textarea.styled_ta,
.sortable li input,
.sortable li textarea {
    min-height: 62px;
    width: 100%;
    border: 1px solid #ddd;
    padding: 5px;
    line-height: 1;
    outline: none;
}

.partners-dl-link-text,
.products-dl-link-text {
    margin-left: 32px;
}

#partners-dl-link-text-de,
#products-dl-link-text-de {
    background: #fff url(../img/flags/lang-de-66x40.jpg) center center no-repeat;
    display: inline-block;
    width: 51px;
    height: 36px;
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid #ddd;
    border-right: 1px solid transparent;
    padding: 5px;
    background-size: 40px 28px;
}

#partners-dl-link-text-en,
#products-dl-link-text-en {
    background: #fff url(../img/flags/lang-en-66x40.jpg) center center no-repeat;
    display: inline-block;
    width: 51px;
    height: 36px;
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid #ddd;
    border-right: 1px solid transparent;
    padding: 5px;
    background-size: 40px 28px;
    background-position: center;
}

ul.sortable {
    list-style-type: none;
    margin: 0 -30px 10px 0;
    padding: 0;
}

.sortable > li {
    background: #f1f1f1;
    background-image: none;
    margin-bottom: 1px;
    margin-top: 1px;
    padding: 10px 0;
    width: 100%;
    text-align: center;
    position: relative;
    border-left: 20px solid #ddd;
}

.sortable > li:not(.ui-state-disabled) {
    cursor: pointer;
}

.sortable > li.ui-state-disabled {
    border-left: 0 !important;
}

.sortable > li:not(.ui-state-disabled)::before {
    content: "\f0dc";
    font: normal normal normal 14px/1 FontAwesome;
    display: inline-block;
    position: absolute;
    left: -14px;
    top: 50%;
    margin-top: -7px;
    background: transparent;
    color: #000;
    padding: 0;
}

.sortable table {
    width: 100%;
}

.sortable > li:after {
    content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0;
}

.sortable li.youtube-link {
    background-color: #f6f6fd !important;
}

#feature-icons {
    padding-left: 0;
}

#feature-icons li {
    list-style: none;
    display: inline-block;
    margin: 5px;
}

#feature-icons li img {
    width: 60px;
    cursor: pointer;
    -webkit-filter: opacity(1);
    filter: opacity(1);
}

#feature-icons li img:hover {
    filter: invert(77%) sepia(12%) saturate(1643%) hue-rotate(163deg) brightness(95%) contrast(89%);
}

#feature-icons li img.selected {
    filter: invert(47%) sepia(65%) saturate(3614%) hue-rotate(169deg) brightness(97%) contrast(102%);
}


.translate-de-en-icon {
    background: url(../img/German-to-English-Translation-2.png) 0 0 no-repeat;
    background-size: cover;
    width: 48px;
    height: 20px;
    display: block;
    cursor: pointer;
    margin: 5px auto;
}

.translate-en-de-icon {
    background: url(../img/English-to-German-Translation-2.png) 0 0 no-repeat;
    background-size: cover;
    width: 48px;
    height: 20px;
    display: block;
    cursor: pointer;
    margin: auto;
}

.error.help-block {
    color: #ff3333;
    padding-top: .5em;
    padding-left: 1.25em;
    display: block;
}

.img-delete-btn {
    position: absolute;
    border: 1px solid #f7f7f7;
    background: #f7f7f7;
    right: 44px;
    bottom: -15px;
    border-bottom-right-radius: 1px !important;
    z-index: 999;
}

.img-delete-btn i.fa {
    display: inline-block;
    font-size: 2rem;
    color: #cc3333;
    cursor: pointer;
    margin-left: 0;
    margin-bottom: 0;
    border-radius: 50px !important;
}

.pdf-delete-btn {
    position: relative;
}

.pdf-delete-btn i.fa {
    display: inline-block;
    font-size: 3rem;
    color: #cc3333;
    margin-left: 15px;
    cursor: pointer;
    position: absolute;
    left: 175px;
    top: -3px;
}

.table thead th {
    background-color: var(--grey-2);
    color: #fff;
}

table.table-bordered.dataTable tbody tr.row1 td {
    background-color: #fdfdfd;
}

.fileuploader {
    padding: 0 !important;
}

.fileuploader-icon-main {
    color: var(--blue) !important;
}

.fileuploader-input .fileuploader-input-button,
.fileuploader-input .fileuploader-input-button:active {
    background: var(--blue) !important;
}

svg:hover path {
    fill: red;
}

.lhd-datatable td,
.lhd-datatable th {
    padding-top: 6px;
    padding-bottom: 6px;
}

.lhd-datatable td {
    cursor: pointer;
}

.lhd-datatable tr td:first-child {
    padding-left: 18px;
}

.lhd-datatable tr:hover td:first-child:before {
    content: ' ';
    width: 4px;
    height: 8px;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 8px solid #5f5f5f;
    position: absolute;
    left: 20px;
    display: inline-block;
}

.lhd-datatable.table-striped tr:hover td:first-child:before {
    left: 4px;
    margin-top: 5px;
}

.lhd-datatable a.btn {
    padding: 2px 4px;
    color: #fff;
    font-size: 20px;
    margin-right: 7px;
    line-height: 1.1;
}

#admin-menu-label {
    margin-top: 100px;
    padding-left: 10px;
    font-weight: bold;
}

.slide-menu #admin-menu-label {
    text-indent: -9999px;
}

#sidebarnav-2 {
    padding-top: 0;
}

select.form-control {
    border-right-width: 10px !important;
}

#quick_product_name,
#quick_product_category_id {
    margin-left: 30px;
    margin-bottom: 0 !important;
    padding: 8px 15px !important;
    width: 90%;
}

#quick_product_category_id {
    border-right-width: 10px;
}

#quick_product_category_id option {
    padding-bottom: 0 !important;
}

.ajax_product_search {
    background: #f4f4f4;
    border: 0;
    padding: 6px 15px;
    width: 100%;
    font-size: 15px;
}

.quick-tasks-slide input,
.quick-tasks-slide select {
    font-size: 15px;
}

.ui-autocomplete {
    display: inline-block;
    padding: 1px;
    border: 1px solid #ddd;
    background: #fff;
}

.ui-autocomplete li {
    background: #f4f4f4;
    display: block;
    list-style: none;
    padding-left: 10px;
    font-size: 14px !important;
}

.ui-autocomplete li:hover {
    background: #ddd;
}

.ui-autocomplete li a {
    display: block;
}


/* tabbed autocomplete */
#autocomplete-feature-de-tabbed-wrapper .autocomplete-tabbed li {

}

#autocomplete-feature-de-tabbed-wrapper .autocomplete-tabbed {

}

/* tabbed autocomplete */
#autocomplete-property-de-tabbed-wrapper .autocomplete-tabbed li {

}

#autocomplete-property-de-tabbed-wrapper .autocomplete-tabbed {

}


/* tabbed autocomplete */
#autocomplete-tabbed-wrapper {
    margin-top: 25px !important;
}

#autocomplete-tabbed-wrapper #ui-id-1 {
    left: 0 !important;
}


#autocomplete-tabbed-wrapper .autocomplete-tabbed {
    display: block !important;
    position: relative;
    top: 0 !important;
    border: 0;
    width: 100% !important;
}

#autocomplete-tools-duplicates-filter-wrapper .autocomplete-tabbed li,
#autocomplete-tabbed-wrapper .autocomplete-tabbed li {
    position: relative;
    display: inline-block;
    padding: 10px;
    margin: 0 10px 10px 0;
    background: var(--lightgrey);
    width: 290px;
    cursor: pointer;
    animation-duration: .8s;
    transition-duration: .8s;
}

#autocomplete-tabbed-wrapper .autocomplete-tabbed li img {
    width: 80px;
}

#autocomplete-tabbed-wrapper .autocomplete-tabbed li .cat {
    position: absolute;
    top: 3px;
    right: 5px;
    font-size: 12px;
}

#autocomplete-tools-duplicates-filter-wrapper .autocomplete-tabbed li .check-icon,
#autocomplete-tabbed-wrapper .autocomplete-tabbed li .add-icon {
    position: absolute;
    bottom: 12px;
    right: 15px;
    display: inline-block;
    height: 20px;
    width: 50px;
    line-height: 1;
    font-style: normal;
    text-align: right;
}

#autocomplete-tabbed-wrapper .autocomplete-tabbed li .add-icon:before {
	font-family: 'FontAwesome';
    content: "\f067";
}

#autocomplete-tools-duplicates-filter-wrapper .autocomplete-tabbed {
    display: block !important;
    position: static;
    top: 0 !important;
    border: 0;
    width: 100% !important;
}

#autocomplete-tools-duplicates-filter-wrapper ul {
    background: transparent;
    position: static !important;
}

#autocomplete-tools-duplicates-filter-wrapper ul li {
    background: #fff !important;
    width: 100% !important;
}

#autocomplete-tools-duplicates-filter-wrapper .autocomplete-tabbed li .check-icon:before {
	font-family: 'FontAwesome';
    content: "\e64c";
    color: #fff;
    font-size: 17px;
}

#autocomplete-tools-duplicates-filter-wrapper .autocomplete-tabbed li .check-icon.active:before {
    color: var(--blue) !important;
}

#autocomplete-tools-duplicates-filter-wrapper {
    overflow-y: scroll;
    height: 18vh;
    overflow-x: hidden;
}

#properties_filter_new_wrapper,
#feature_filter_new_wrapper {
    display: none;
}


/* Quick Links */
.slider-wrap {
    padding: 5px 0;
}

#quick-tasks-slider {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 250px;
}

#quick-tasks-slider > div {
    float: left;
    overflow: hidden;
    box-sizing: border-box;
    width: 100%;
    height: 250px;
}

.quick-tasks-slide {
    text-align: left;
}

#ui-id-1,
#ui-id-2 {
    z-index: 9999;
}

.quick-tasks-btn {
    margin-top: 6px;
}

.quick-tasks-panel {
    background: #fff;
    display: block;
    margin: 0;
    opacity: 0 !important;
    padding: 15px;
    position: absolute;
    right: 0;
    top: 100%;
    transition: visibility 300ms ease 0s, opacity 300ms ease 0s;
    visibility: hidden;
    z-index: 888;
    border-radius: 3px;
    -webkit-transform: rotateX(90deg);
    transform: rotateX(90deg);
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    transition: all 400ms ease;
}

.quick-tasks-open {
    opacity: 1 !important;
    visibility: visible !important;
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
    -webkit-box-shadow: 0 0 50px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 50px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 50px rgba(0, 0, 0, 0.1);
}

#go-left {
    position: absolute;
    left: 15px;
    cursor: pointer;
    border: 0;
    padding: 6px 12px;
}

#go-right {
    position: absolute;
    right: 15px;
    cursor: pointer;
    border: 0;
    padding: 6px 12px;
}

.quick-tasks-section-label {
    padding: 2px 25px 2px 0;
    text-align: left;
}

.quick-tasks-section-label i {
    margin-left: 8px;
    margin-right: 5px;
}

.quick-tasks-panel .lhd-datatable th,
.quick-tasks-panel .lhd-datatable td {
    font-size: 1.1rem;
}

.quick-tasks-panel .lhd-datatable td {
    transform: scale(.85);
}

.quick-tasks-panel .lhd-datatable th:first-child,
.quick-tasks-panel .lhd-datatable td:first-child {
    text-align: left;
}

.quick-tasks-panel .lhd-datatable td:first-child {
    padding-left: 0;
}

.quick-tasks-panel .lhd-datatable tr:hover td:first-child:before {
    left: -12px;
}


.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active:hover.disabled,
.datepicker table tr td.active.disabled.disabled,
.datepicker table tr td.active.disabled:hover.disabled,
.datepicker table tr td.active[disabled],
.datepicker table tr td.active:hover[disabled],
.datepicker table tr td.active.disabled[disabled],
.datepicker table tr td.active.disabled:hover[disabled] {
    background: var(--blue);
}

.popover-title .text-primary {
    color: var(--blue) !important;
}


.btn-info {
    background-color: #848484;
    border-color: #aeaeae;
}

.btn-success:hover,
.btn-danger:hover,
.btn-info:hover {
    color: #fff !important;
}


#tec-table .tec-table-header:first-child {
    background: #f6f6f6;
    padding: 10px;
    border-right: 3px solid #fff;
}

#tec-table .tec-table-header {
    background: #f6f6f6;
    padding: 10px;
    border-right: 3px solid #fff;
    border-left: 3px solid #fff;
}

#tec-table .tec-table-header:last-child {
    background: #f6f6f6;
    padding: 10px;
    border-left: 3px solid #fff;
}

#tec-table .form-row {
    margin-bottom: 4px;
    padding-bottom: 5px;
}

#tec-table .form-row-header,
#tec-table .form-row:last-child {
    border-bottom: 0;
}

#tec-table label {
    padding: 5px 10px;
}

#tec-table textarea {
    width: 100%;
    margin: 0 0 0 1px;
    background: #f5f5f5;
    border: 1px solid #eee;
    line-height: 1.5;
    padding: 5px;
}

.checkbox.checbox-switch.switch-success label > input:not(:checked) + span,
.checkbox-inline.checbox-switch.switch-success > input:not(:checked) + span {
    background: #c42937;
}

.checbox-switch label {
    cursor: pointer;
}

#generatePDFdeBtn,
#generatePDFenBtn {
    display: inline-block;
    padding: 4px 75px 4px 20px;
    background: #cc3333;
    color: #fff;
    position: relative;
}

#generatePDFdeBtn:after {
    content: ' ';
    background: #ddd url(../img/German-Flag.svg) 0 0 no-repeat;
    width: 45px;
    height: 32px;
    display: inline-block;
    position: absolute;
    right: -1px;
    top: 0px;
    border-right: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
    border-top: 1px solid #aaa;
}

#generatePDFenBtn:after {
    content: ' ';
    background: #fff url(../img/English-Flag.svg) 0 0 no-repeat;
    width: 45px;
    height: 32px;
    display: inline-block;
    position: absolute;
    right: -1px;
    top: 0px;
    border-right: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
    border-top: 1px solid #aaa;
}

.icheckbox_square-blue {
    background-color: #f0f1f3;
}

#partner_edit_downloads dl dt {
    width: 50px;
}

#partner_edit_downloads dl dt i {
    margin-right: 8px;
    font-size: 40px;
}

#partner_edit_downloads dl dd {
    margin-left: 60px;
    margin-top: 0.75em;
}

#partner_edit_downloads dl dd .filesize {
    font-size: 14px;
    vertical-align: top;
}

#partner_edit_downloads .fa::before {
    font-size: 20px;
}

.fa-file-pdf-o::before {
    color: #cc3333;
}

.fa-file-excel-o::before {
    color: #057705;
}

.fa-file-word-o::before {
    color: #33b;
}

.fa-file-zip-o::before {
    color: #222;
}

.fa-picture-o::before {
    color: #ffb300;
}

.inactive-product {
    opacity: 0.5;
}

.inactive-product:before {
    content: 'Inaktiv';
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    padding: 6px 12px;
    background: #fff;
    color: #cc3333;
}

.inactive-icon {
    color: #ddd;
}

.active-icon {
    color: #000;
}

ul.tree {
    margin-left: 25px !important;
}

ul.tree,
ul.tree ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

ul.tree ul {
    margin-top: 10px;
    margin-left: 20px;
}

ul.tree a {
    color: var(--blue);
}

ul.tree li {
    margin: 0;
    padding: 8px 7px;
    line-height: 20px;
    color: #000;
    font-weight: bold;
    border-left: 1px solid rgb(100, 100, 100);
}

ul.tree li:last-child {
    border-left: none;
}

ul.tree li:before {
    position: relative;
    top: -0.35em;
    height: 1.4em;
    width: 12px;
    color: white;
    border-bottom: 1px solid rgb(100, 100, 100);
    content: "";
    display: inline-block;
    left: -7px;
}

ul.tree li:last-child:before {
    border-left: 1px solid rgb(100, 100, 100);
    top: -.5em;
}

ul.tree li.single,
ul.tree li.single:before {
    border-left: none;
    top: -.3em;
}

ul.tree > li > b > a, ul.tree > li > a {
    text-transform: uppercase !important;
}

/* Session-Timeout Progressbar */
#progressBar {
    width: 100%;
    height: 5px;
    background-color: #fff;
    position: fixed;
    z-index: 9999;
}

#progressBar div {
    height: 100%;
    text-align: right;
    padding: 0 10px;
    line-height: 22px; /* same as #progressBar height if we want text middle aligned */
    width: 100%;
    background-color: var(--blue);
    box-sizing: border-box;
}

#timeouts {
    display: none;
    position: fixed;
    top: 5px;
    left: 50%;
    width: 120px;
    margin-left: -60px;
    padding: 3px 0;
    background: var(--blue);
    color: #fff;
    z-index: 9999;
    text-align: center;
    border-radius: 0 0 7px 7px;
}


::-moz-selection {
    background-color: var(--blue);
    color: #fff;
}

::selection {
    background-color: var(--blue);
    color: #fff;
}

#datatable .fa {
    font-size: 21px;
    margin-right: 7px;
    margin-left: 7px;
    vertical-align: middle;
}

#datatable tr:hover td:first-child:before {
    left: 1px;
}

#product-list #datatable tr:hover td:first-child:before {
    margin-top: 12px;
    left: 1px;
}

#datatable td:nth-child(2),
#datatable-2 td:nth-child(2) {
    border-right: 0;
    position: relative;
    text-align: right;
}

#datatable-2 td {
    position: relative;
}

#datatable-2 td:nth-child(4),
#product-list td:nth-child(4) {
    text-align: center;
}

#datatable tr td:first-child {
    padding-left: 15px;
    padding-right: 10px;
    text-align: center;
}

#datatable tr td:first-child img {
    margin: auto;
}

i.warning:before {
    color: #ab2424;
}

.fa.fa-check-circle-o,
.fa.fa-eye {
    color: #888;
}

.fa.fa-times-circle-o,
.fa.fa-eye-slash {
    color: #c76666;
}

.fa.fa-info-circle {
    color: #888;
}

.fa.fa-truck {
    -moz-transform: scaleX(-1); /* Gecko */
    -o-transform: scaleX(-1); /* Opera */
    -webkit-transform: scaleX(-1); /* Webkit */
    transform: scaleX(-1); /* Standard */
    filter: FlipH; /* IE 6/7/8 */
}

.media_data_headers > div {
    text-align: center;
}

#datatable .product-img-thumb,
#datatable-2 .product-img-thumb,
#quick-tasks-slider .lhd-datatable .product-img-thumb {
    height: 42px;
}

#datatable-2 tr:hover td:first-child:before {
    margin-top: 12px;
    left: 18px;
}

#datatable-2 .fa {
    font-size: 22px;
    margin-right: 3px;
    margin-left: 3px;
    vertical-align: text-bottom;
}

#datatable-2 .fa.fa-info-circle {
    vertical-align: bottom;
}

#quick-tasks-slider .lhd-datatable .fa {
    font-size: 21px;
    margin-right: 7px;
    margin-left: 7px;
    vertical-align: middle;
}

#preview {
    position: absolute;
    border: 1px solid #ccc;
    background: #fff;
    padding: 5px;
    display: none;
    color: #aaa;
    width: 400px;
}

#preview img {
    width: 100%;
}

.preview-on-hover {
    cursor: zoom-in;
}

.toggle-product-compare {
    cursor: pointer;
}

#pa-section-news > ul {
    margin: 0;
    list-style: none;
}

#pa-section-news > ul > li {
    background: #fff;
    color: #58676e;
    font-weight: 300;
    padding: 15px 125px 15px 15px;
    margin: 5px 0 0 0;
    cursor: pointer;
    position: relative;
}

#pa-section-news > ul > li span.overlay_editable {
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    background: #F8F8F8;
    border: 5px solid #fff;
    height: 100%;
    width: 100px;
    opacity: 0.6;
    transition: opacity .5s ease-in-out;
    -moz-transition: opacity .5s ease-in-out;
    -webkit-transition: opacity .5s ease-in-out;
}

#pa-section-news ul li span.overlay_editable i {
    position: absolute;
    top: 45%;
    left: 40%;
}

#pa-section-news ul li:hover span.overlay_editable {
    opacity: 1;
}

#pa-section-news .news-header {
    font-weight: 700;
    color: #58676e;
}

#pa-section-news .news-text {
    margin-top: 10px;
}

#pa-section-news .news-text ul {
	list-style-type: disc;
}

#pa-section-news .news-text ul,
#pa-section-news .news-text ol {
	padding: 5px;
}

#pa-section-news .news-text li {
	padding-left: 5px;
	margin-left: 30px;
}


.iradio_square-blue,
.iradio_square-red,
.icheckbox_square-blue,
.icheckbox_square-red {
    transform: scale(1.4) !important;
    margin: -7px 0 0 0 !important;
}

.iradio_square-blue,
.iradio_square-red {
    background-position: 0 0;
}

.iradio_square-blue.checked,
.iradio_square-red.checked {
    background-position: -48px 0;
}

.iradio_square-blue.hover,
.iradio_square-red.hover {
    background-position: -47px 0;
}

.feature-name {
    padding-left: 10px !important;
}

#features-table-data .form-row {
    margin-left: -2px !important;
    padding-top: 5px;
}

#tec-table .internal {
    background-color: #f9f9f9;
    color: #aaa;
}

#tec-table .internal .fa-eye-slash {
    position: absolute;
    left: 10px;
    bottom: 5px;
    color: #ddd;
    font-size: 44px;
    cursor: help;
}

.empty-list {
    background: #f8f8f8;
    padding: 15px 15px;
    margin: -30px -15px 0;
}

.valign-wrap {
    height: 100%;
    display: table;
    text-align: center;
    margin: auto;
    width: 100%;
}

.valign-middle {
    display: table-cell;
    vertical-align: middle;
    height: 100%;
    padding: 0 2px;
}

.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .area-move:before {
    content: '';
    display: inline-block;
    position: absolute;
    top: -18px;
    left: 15px;
    z-index: 9999 !important;
}

button.fileuploader-action.fileuploader-action-popup.fileuploader-action-edit,
button.fileuploader-action.fileuploader-action-retry {
    display: none !important;
}

.alert a {
    text-decoration: underline !important;
}

.alert a:hover {
    text-decoration: none !important;
}

.admin-header .dropdown-notifications {
    padding-bottom: 0;
}

#comparison-category-filter {
    float: right;
}

#comparison-category-filter option.cat {
    font-weight: bold;
}

#comparison-category-filter option.subcat {
    padding-left: 15px;
}

#product-comparison-count {
    color: #6c757d;
    vertical-align: text-bottom;
    display: inline-block;
    width: 30px;
    text-align: right;
}

.admin-header .dropdown-item {
    font-size: .875rem;
}

.admin-header .dropdown-header {
    color: #000;
}

.admin-header .dropdown-divider {
    margin: 0;
}

.quick-product-compare-delete {
    cursor:  pointer;
    width: 30px;
    height: 20px;
    line-height: 20px;
    border-left: 1px solid #d9d9d9;
    text-align: center;
    display: inline-block;
    margin: 0 !important;
}

#quick-comparison-btns-label,
#quick-comparison-btns-wrap {
    display: inline-block;
}

.admin-header #open-comparison-btns {
    display: block;
    padding: 4px 0;
    cursor: pointer;
    font-size: .875rem;
    text-align:center;
}

.admin-header #open-comparison-btns .x-small {
    padding: 4px 20px;
    font-size: .75rem;
}

.quick-comparison-list-entry {
    padding: 8px 1.5rem;
}

.admin-header #open-comparison-btns .x-small:first-child {
    margin: 8px 12px;
}

.fa-bookmark-o {
    color: #888;
}

.fa-bookmark {
    color: var(--grey-2);
}

th .fa-bookmark-o {
    color: #fff;
}

#products_comparison {
    overflow-x: auto;
}

#product-comparison-table {
    border-collapse: separate;
    table-layout: fixed;
    margin-top: 10px;
    margin-bottom: 10px;
}

#product-comparison-table th {
    background-color: var(--grey-2);
    color: #fff;
    font-weight: bold;
    padding-top: 8px;
}

#product-comparison-table td {
    vertical-align: top;
    font-size: 14px;
}

#product-comparison-table th:first-child,
#product-comparison-table td:first-child {
    text-align: right;
    padding-right: 5px;
    min-width: auto !important;
}

#product-comparison-table th:nth-child(n+1),
#product-comparison-table td:nth-child(n+1) {
    min-width: 180px;
    max-width: 300px;
    position: relative;
    padding-left: 5px;
    padding-right: 5px;
}

#product-comparison-table th:nth-child(n+3) {
    cursor: move;
}

#product-comparison-table th:nth-child(n+3):before {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f0dc";
    transform: rotate(90deg);
    color: #386188;
    position: absolute;
    top: -7px;
    left: 48%;
    zoom: 1.5;
}

#product-comparison-table tr.highlight td {
    background: rgba(0, 159, 227, 0.1);
}

#product-comparison-table tr:hover td {
    background: rgba(227, 5, 119, 0.1);
}

#product-comparison-table tfoot tr:hover td {
    background: transparent;
}

#product-comparison-table tbody tr:nth-child(odd) {
    background: #fff;
}

#products-tec-icons-overview{
    margin-top: 100px;
}

.tec-icon-btn {
    font-size: 19px;
    border-radius: 0;
    border: 1px solid #549dd3;
    padding: 5px 7px;
    margin-top: -5px;
}

.tec-icon-btn:hover {
    border: 3px solid #549dd3;
    margin-top: -5px;
    padding: 3px 5px;
}

.tec-icon-btn:before {
    color: #549dd3;
}

input.partners-dl-link-save,
input.products-dl-link-save {
    padding: 5px 30px 5px 5px;
}

.partners-dl-link-save-btn,
.products-dl-link-save-btn {
    display: inline-block;
    width: 30px;
    height: 30px;
    background: var(--blue);
    z-index: 999;
    position: absolute;
    right: -12px;
    top: 3px;
    font-style: normal;
    text-align: center;
}

.partners-dl-link-save-btn:before,
.products-dl-link-save-btn:before {
    font-family: 'FontAwesome';
    content: "\f0c7";
    color: #fff;
    font-size: 21px;
    line-height: 1.4;
}

.custom-select {
    background-color: #f0f1f3;
}

#sidebarnav li:nth-child(8) {
    margin-top: 50px;
}

.input-with-loader-wrapper {
    position: relative;
}

.input-with-loader-wrapper .fa-spin {
    opacity: 0.1;
    color: var(--blue);
    position: absolute;
    top: 17px;
    right: 20px;
}

.input-with-loader-wrapper .fa-spin.icon-processing {
    opacity: 1;
    animation: icon-processing 800ms linear infinite;
}

.product_name_messages_wrapper {
    opacity: 0;
    height: 45px;
}

.product_name_messages_wrapper div {
    background-color: #f7e2e2;
    border: 1px solid #dd7373;
    padding: 6px 10px;
    margin-top: 5px;
    font-size: 13px;
}

.product_name_messages_wrapper a {
    text-decoration: underline;
}

button:disabled,
button[disabled]{
    border: 1px solid #999;
    background-color: #ccc;
    color: #666;
}

#product-tec-indicator {
    color: #fff;
    display: inline-block;
    padding: 1px 8px;
    margin-right: 6px;
    font-size: 28px;
    font-weight: 600;
}

.ip-indicator {
    background-color: #e30513;
}
.hd-indicator {
    background-color: #009fe3;
}
.hd-and-ip-indicator {
    background-color: #58676e;
}

.opt-header {
    font-weight: bold;
}

select option:disabled {
    color: #ccc;
}

option.ip-category {
    color: #e30513;
}

option.hd-category {
    color: #009fe3;
}



.icon-hd-and-ip,
.icon-hd,
.icon-ip {
    border-radius: 0 0 5px;
    display: inline-block;
    padding: 1px 4px;
    line-height: 1;
    position: absolute;
    top: 0;
    left: 0;
}
.icon-hd-and-ip::before,
.icon-hd::before,
.icon-ip::before {
    color: #fff;
    font-size: 10px;
    font-weight: bold;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
}


.icon-hd-and-ip {
    background-color: rgba(88, 103, 110, 0.3);
}
.icon-hd {
    background-color: rgba(0, 159, 227, 0.3);
}
.icon-ip {
    background-color: rgba(227, 5, 19, 0.3);
}

.icon-hd-and-ip::before {
    content: 'HD+IP';
}
.icon-hd::before {
    content: 'HD';
}
.icon-ip::before {
    content: 'IP';
}

.filter-options {
    padding: 0 15px 10px;
    margin-bottom: 15px;
    border: 1px solid #ddd;
}

.filter-options legend {
    display: inline-block;
    width: auto;
    font-size: 15px;
    font-weight: bold;
}

.filter-options input {
    margin-left: 15px;
    cursor: pointer;
}

.filter-options label {
    margin-left: 6px;
    margin-right: 20px;
    cursor: pointer;
}

.tooltip {
    position: absolute;
    background-color: #333;
    color: #fff;
    padding: 8px;
    border-radius: 4px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    display: block;
    z-index: 999;
    opacity: 1;
}

.tooltip::before {
    content: "";
    position: absolute;
    border-style: solid;
    border-width: 0 6px 6px 6px;
    border-color: transparent transparent #333 transparent;
    top: -6px;
    left: 50%;
    transform: translateX(-50%);
}


.toggle-cat-selection {
    transition: color 700ms ease;
}

.fa-check-square-o {
    color: var(--blue);
}

.fa-check-square-o + span,
.fa-check-square-o + b span {
    color: var(--blue);
}

.already-mapped.fa-square-o {
    color: #bbb;
    cursor: initial !important;
}

.already-mapped.fa-square-o + span,
.fa-check-square-o + b span {
    color: #bbb;
}

.mapping_infos {
    float: right;
    color: #bbb;
}

#tpl-large-overlay-panel-content .tree ul ul li:hover {
    background-color: #fbfbfb;
}


@keyframes icon-processing {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(359deg);
    }
}

@keyframes pulse {
    0% {
        opacity: 0;
    }
    25% {
        opacity: 0.5;
    }
    50% {
        opacity: 1;
    }
    75% {
        opacity: 0.5;
    }
    100% {
        opacity: 0;
    }
}

.help-text {
    padding: 15px;
    background: #f9f9f9;
}

#icon_feature_filter {
    padding: 1px 4px;
}

#icon_features_filter_reset {
    cursor: pointer;
    margin-left: -20px;
}

#icon_features_filter_reset:before {
    color: #bbb;
}

/* export pricelists - start */
.pricelists-overview,
.tag-list {
    border-collapse: separate;
    border-spacing: 2px;
}
.pricelists-overview td,
.tag-list td {
    padding: 8px 15px;
    background-color: #eee;
}
.pricelists-overview td .button {
    width: 100%;
}
.pricelists-overview td .button i {
    margin-left: 0;
}
.tag-list td:last-child {
    background-color: transparent;
}
.tag-list td .icheckbox_square-blue {
    margin-top: -3px !important;
}


.recipient_field_div_wrap {
    width: auto;
    background-color: #fff;
    border: 1px solid #ccc;
    padding-left: 5px;
    padding-right: 5px;
    margin-left: -5px;
    transition-duration: 500ms;
    cursor: text;
}

#recipients_table_wrapper td {
    cursor: default;
    padding-top: 12px;
    padding-bottom: 12px;
}

#recipients_table_wrapper td .fa-edit,
#recipients_table_wrapper td .fa-remove,
#recipients_table_wrapper td .fa-save {
    cursor: pointer;
    margin-left: 5px;
    margin-right: 5px;
}

#recipients_table_wrapper td .fa-edit:before,
#recipients_table_wrapper td .fa-remove:before,
#recipients_table_wrapper td .fa-save:before {
    font-size: 22px;
}



.mails_sending_status {
	margin: 0 0 30px 20px;
	list-style: none;
}

.mails_sending_status i.fa-check {
	color: #59982f;
}
.mails_sending_status i.fa-warning {
	color: #cc3333;
}


/*Hidden class for adding and removing*/
.lds-dual-ring.hidden {
    display: none;
}

/*Add an overlay to the entire page blocking any further presses to buttons or other elements.*/
.overlay {
    background-color: #eee;
    z-index: 999;
    opacity: 1;
    transition: all 0.5s;
    width: 36px;
    height: 36px;
}

/*Spinner Styles*/
.lds-dual-ring {
    display: inline-block;
    width: 30px;
    height: 30px;
}
.lds-dual-ring:after {
    content: " ";
    display: block;
    width: 30px;
    height: 30px;
    margin: 5% auto;
    border-radius: 50%;
    border: 4px solid #009fe3;
    border-color: #009fe3 transparent #009fe3 transparent;
    animation: lds-dual-ring 1.2s linear infinite;
}
@keyframes lds-dual-ring {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
/* export pricelists - end */

/*
Partner-Selector below the Main-Heading on all Partner-Pages
 */
#partner_token_selector {
    font-size: 20px;
    margin-top: 15px;
    width: 336px;
    padding-left: 20px;
    background-color: #ddd;
}

#partner_token_selector span {
    display: inline-block;
    padding: 5px 20px;
    color: #fff;
}

#partner_token_selector span.lhd {
    background-color: rgb(0, 159, 227);
    opacity: 0.25;
}

#partner_token_selector span.its {
    background-color: rgb(224, 30, 60);
    opacity: 0.25;
}

#partner_token_selector span.active {
    opacity: 1;
}

/*
Product-Overview-Lists on pages home and products
 */
.product-indicators .status {
    display: inline-block;
    color: #fff !important;
    font-size: 15px;
    line-height: 1;
    padding: 10px 10px;
    height: 50px;
    width: 50px;
    vertical-align: top;
}

.its-status {
    background-color: #e01e42;
}

.lhd-status {
    background-color: var(--blue);
}

.status-inactive {
    opacity: 0.25;
}

.product-indicators {
    width: 130px;
    height: 50px;
    margin: auto;
}

.more-indicators {
    position: relative;
    display: inline-block;
    width: 28px;
    height: 50px;
}

.my-square-info-wrapper {
    display: inline-block;
    background-color: #888;
    font-size: 11px;
    font-style: initial;
    font-weight: bold;
    font-family: serif;
    line-height: 1;
    text-align: center;
    padding-top: 8px;
    padding-bottom: 7px;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 26px;
    cursor: help;
}

.my-square-info-wrapper .my-square-info {
    color: #fff;
}

.icon-hd-and-ip,
.icon-hd,
.icon-ip {
    display: inline-block;
    line-height: 1;
    text-align: center;
    position: absolute;
    top: 0;
    right: 0;
    left: 2px;
    width: 26px;
    padding-top: 4px;
    padding-bottom: 4px;
    border-radius: 0;
}
.icon-hd-and-ip::before,
.icon-hd::before,
.icon-ip::before {
    color: #fff;
    font-size: 10px;
    font-weight: bold;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
}


.icon-hd-and-ip {
    background-color: rgba(88, 103, 110, 0.3);
}
.icon-hd {
    background-color: rgba(0, 159, 227, 0.3);
}
.icon-ip {
    background-color: rgba(227, 5, 19, 0.3);
}

.icon-hd-and-ip::before {
    content: 'HD+IP';
}
.icon-hd::before {
    content: 'HD';
}
.icon-ip::before {
    content: 'IP';
}
#home .grid-item-content{
    height: 100%;
   
}

#home .card-title {
    border-bottom: 0;
    padding-bottom: 0;
    margin-top: 10px;
}

#home .grid-item{
    height: 400px;
    overflow: auto;
}
#home .grid-item.col-md-4{
    height:200px;
}
#last_edited_products_datatable_wrapper {
    padding: 0 !important;
}

img.product-img-thumb {
    max-height: 60px;
}