@font-face {
    font-family: 'Glyphicons Halflings';
    src: url('../plugins/bootstrap-datetimepicker/fonts/glyphicons-halflings-regular.eot');
    src: url('../plugins/bootstrap-datetimepicker/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../plugins/bootstrap-datetimepicker/fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../plugins/bootstrap-datetimepicker/fonts/glyphicons-halflings-regular.woff') format('woff'), url('../plugins/bootstrap-datetimepicker/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../plugins/bootstrap-datetimepicker/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}

.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.glyphicon-time:before {
    content: "\e023";
}

.glyphicon-chevron-left:before {
    content: "\e079";
}

.glyphicon-chevron-right:before {
    content: "\e080";
}

.glyphicon-chevron-up:before {
    content: "\e113";
}

.glyphicon-chevron-down:before {
    content: "\e114";
}

.glyphicon-calendar:before {
    content: "\e109";
}

/*
.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
*/
.collapse {
    display: none;
}

    .collapse.in {
        display: block;
    }

.dropdown-menu {
    position: absolute;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}

.list-unstyled {
    padding-left: 0;
    list-style: none;
}

/*!
 * Datetimepicker for Bootstrap 3
 * version : 4.17.47
 * https://github.com/Eonasdan/bootstrap-datetimepicker/
 */
.bootstrap-datetimepicker-widget {
    list-style: none;
}

    .bootstrap-datetimepicker-widget.dropdown-menu {
        display: block;
        margin: 2px 0;
        padding: 4px;
        width: 19em;
    }

@media (min-width: 768px) {
    .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
        width: 38em;
    }
}

@media (min-width: 992px) {
    .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
        width: 38em;
    }
}

@media (min-width: 1200px) {
    .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
        width: 38em;
    }
}

.bootstrap-datetimepicker-widget.dropdown-menu:before,
.bootstrap-datetimepicker-widget.dropdown-menu:after {
    content: '';
    display: inline-block;
    position: absolute;
}

.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before {
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    top: -7px;
    left: 7px;
}

.bootstrap-datetimepicker-widget.dropdown-menu.bottom:after {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid white;
    top: -6px;
    left: 8px;
}

.bootstrap-datetimepicker-widget.dropdown-menu.top:before {
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #ccc;
    border-top-color: rgba(0, 0, 0, 0.2);
    bottom: -7px;
    left: 6px;
}

.bootstrap-datetimepicker-widget.dropdown-menu.top:after {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid white;
    bottom: -6px;
    left: 7px;
}

.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:before {
    left: auto;
    right: 6px;
}

.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:after {
    left: auto;
    right: 7px;
}

.bootstrap-datetimepicker-widget .list-unstyled {
    margin: 0;
}

.bootstrap-datetimepicker-widget a[data-action] {
    padding: 6px 0;
}

    .bootstrap-datetimepicker-widget a[data-action]:active {
        box-shadow: none;
    }

.bootstrap-datetimepicker-widget .timepicker-hour,
.bootstrap-datetimepicker-widget .timepicker-minute,
.bootstrap-datetimepicker-widget .timepicker-second {
    width: 54px;
    font-weight: bold;
    font-size: 1.2em;
    margin: 0;
}

.bootstrap-datetimepicker-widget button[data-action] {
    padding: 6px;
}

.bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Increment Hours";
}

.bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Increment Minutes";
}

.bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Decrement Hours";
}

.bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Decrement Minutes";
}

.bootstrap-datetimepicker-widget .btn[data-action="showHours"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Show Hours";
}

.bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Show Minutes";
}

.bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Toggle AM/PM";
}

.bootstrap-datetimepicker-widget .btn[data-action="clear"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Clear the picker";
}

.bootstrap-datetimepicker-widget .btn[data-action="today"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Set the date to today";
}

.bootstrap-datetimepicker-widget .picker-switch {
    text-align: center;
}

    .bootstrap-datetimepicker-widget .picker-switch::after {
        position: absolute;
        width: 1px;
        height: 1px;
        margin: -1px;
        padding: 0;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        border: 0;
        content: "Toggle Date and Time Screens";
    }

    .bootstrap-datetimepicker-widget .picker-switch td {
        padding: 0;
        margin: 0;
        height: auto;
        width: auto;
        line-height: inherit;
    }

        .bootstrap-datetimepicker-widget .picker-switch td span {
            line-height: 2.5;
            height: 2.5em;
            width: 100%;
        }

.bootstrap-datetimepicker-widget table {
    width: 100%;
    margin: 0;
}

    .bootstrap-datetimepicker-widget table td,
    .bootstrap-datetimepicker-widget table th {
        text-align: center;
        border-radius: 4px;
    }

    .bootstrap-datetimepicker-widget table th {
        height: 20px;
        line-height: 20px;
        width: 20px;
    }

        .bootstrap-datetimepicker-widget table th.picker-switch {
            width: 145px;
        }

        .bootstrap-datetimepicker-widget table th.disabled,
        .bootstrap-datetimepicker-widget table th.disabled:hover {
            background: none;
            color: #777777;
            cursor: not-allowed;
        }

        .bootstrap-datetimepicker-widget table th.prev::after {
            position: absolute;
            width: 1px;
            height: 1px;
            margin: -1px;
            padding: 0;
            overflow: hidden;
            clip: rect(0, 0, 0, 0);
            border: 0;
            content: "Previous Month";
        }

        .bootstrap-datetimepicker-widget table th.next::after {
            position: absolute;
            width: 1px;
            height: 1px;
            margin: -1px;
            padding: 0;
            overflow: hidden;
            clip: rect(0, 0, 0, 0);
            border: 0;
            content: "Next Month";
        }

    .bootstrap-datetimepicker-widget table thead tr:first-child th {
        cursor: pointer;
    }

        .bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
            background: #eeeeee;
        }

    .bootstrap-datetimepicker-widget table td {
        height: 54px;
        line-height: 54px;
        width: 54px;
    }

        .bootstrap-datetimepicker-widget table td.cw {
            font-size: .8em;
            height: 20px;
            line-height: 20px;
            color: #777777;
        }

        .bootstrap-datetimepicker-widget table td.day {
            height: 20px;
            line-height: 20px;
            width: 20px;
        }

            .bootstrap-datetimepicker-widget table td.day:hover,
            .bootstrap-datetimepicker-widget table td.hour:hover,
            .bootstrap-datetimepicker-widget table td.minute:hover,
            .bootstrap-datetimepicker-widget table td.second:hover {
                background: #eeeeee;
                cursor: pointer;
            }

        .bootstrap-datetimepicker-widget table td.old,
        .bootstrap-datetimepicker-widget table td.new {
            color: #777777;
        }

        .bootstrap-datetimepicker-widget table td.today {
            position: relative;
        }

            .bootstrap-datetimepicker-widget table td.today:before {
                content: '';
                display: inline-block;
                border: solid transparent;
                border-width: 0 0 7px 7px;
                border-bottom-color: #337ab7;
                border-top-color: rgba(0, 0, 0, 0.2);
                position: absolute;
                bottom: 4px;
                right: 4px;
            }

        .bootstrap-datetimepicker-widget table td.active,
        .bootstrap-datetimepicker-widget table td.active:hover {
            background-color: #337ab7;
            color: #fff;
            text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
        }

            .bootstrap-datetimepicker-widget table td.active.today:before {
                border-bottom-color: #fff;
            }

        .bootstrap-datetimepicker-widget table td.disabled,
        .bootstrap-datetimepicker-widget table td.disabled:hover {
            background: none;
            color: #777777;
            cursor: not-allowed;
        }

        .bootstrap-datetimepicker-widget table td span {
            display: inline-block;
            width: 54px;
            height: 54px;
            line-height: 54px;
            margin: 2px 1.5px;
            cursor: pointer;
            border-radius: 4px;
        }

            .bootstrap-datetimepicker-widget table td span:hover {
                background: #eeeeee;
            }

            .bootstrap-datetimepicker-widget table td span.active {
                background-color: #337ab7;
                color: #fff;
                text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
            }

            .bootstrap-datetimepicker-widget table td span.old {
                color: #777777;
            }

            .bootstrap-datetimepicker-widget table td span.disabled,
            .bootstrap-datetimepicker-widget table td span.disabled:hover {
                background: none;
                color: #777777;
                cursor: not-allowed;
            }

.bootstrap-datetimepicker-widget.usetwentyfour td.hour {
    height: 27px;
    line-height: 27px;
}

.bootstrap-datetimepicker-widget.wider {
    width: 21em;
}

.bootstrap-datetimepicker-widget .datepicker-decades .decade {
    line-height: 1.8em !important;
}

.input-group.date .input-group-addon {
    cursor: pointer;
}

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

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

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

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

        .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: #FFFFFF;
    -webkit-text-shadow: 0 1px 0 #ffffff;
    text-shadow: 0 1px 0 #ffffff;
    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: #FFFFFF;
        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;
        }
}

/* the norm */
#gritter-notice-wrapper {
	position:fixed;
	top:20px;
	right:20px;
	width:301px;
	z-index:9999;
}
#gritter-notice-wrapper.top-left {
    left: 20px;
    right: auto;
}
#gritter-notice-wrapper.bottom-right {
    top: auto;
    left: auto;
    bottom: 20px;
    right: 20px;
}
#gritter-notice-wrapper.bottom-left {
    top: auto;
    right: auto;
    bottom: 20px;
    left: 20px;
}
.gritter-item-wrapper {
	position:relative;
	margin:0 0 10px 0;
	background:url('/assets/plugins/gritter/images/ie-spacer.gif'); /* ie7/8 fix */ 
}
.gritter-top {
	background:url(/assets/plugins/gritter/images/gritter.png) no-repeat left -30px;
	height:10px;
}
.hover .gritter-top {
	background-position:right -30px;
}
.gritter-bottom {
	background:url(/assets/plugins/gritter/images/gritter.png) no-repeat left bottom;
	height:8px;
	margin:0;
}
.hover .gritter-bottom {
	background-position: bottom right;
}
.gritter-item {
	display:block;
	background:url(/assets/plugins/gritter/images/gritter.png) no-repeat left -40px;
	color:#eee;
	padding:2px 11px 8px 11px;
	font-size: 11px;
	font-family:verdana;
}
.hover .gritter-item {
	background-position:right -40px;
}
.gritter-item p {
	padding:0;
	margin:0;
	word-wrap:break-word;
}
.gritter-close {
	display:none;
	position:absolute;
	top:5px;
	left:3px;
	background:url(/assets/plugins/gritter/images/gritter.png) no-repeat left top;
	cursor:pointer;
	width:30px;
	height:30px;
	text-indent:-9999em;
}
.gritter-title {
	font-size:14px;
	font-weight:bold;
	padding:0 0 7px 0;
	display:block;
	text-shadow:1px 1px 0 #000; /* Not supported by IE :( */
}
.gritter-image {
	width:48px;
	height:48px;
	float:left;
}
.gritter-with-image,
.gritter-without-image {
	padding:0;
}
.gritter-with-image {
	width:220px;
	float:right;
}
/* for the light (white) version of the gritter notice */
.gritter-light .gritter-item,
.gritter-light .gritter-bottom,
.gritter-light .gritter-top,
.gritter-light .gritter-close {
    background-image: url(/assets/plugins/gritter/images/gritter-light.png);
    color: #222;
}
.gritter-light .gritter-title {
    text-shadow: none;
}

/**
 * FormValidation (https://formvalidation.io)
 * The best validation library for JavaScript
 * (c) 2013 - 2018 Nguyen Huu Phuoc <me@phuoc.ng>
 */
.fv-sr-only {
  display: none; }

.fv-plugins-framework input::-ms-clear,
.fv-plugins-framework textarea::-ms-clear {
  display: none;
  height: 0;
  width: 0; }

.fv-plugins-icon-container {
  position: relative; }

.fv-plugins-icon {
  position: absolute;
  right: 0;
  text-align: center;
  top: 0; }

.fv-plugins-tooltip {
  position: absolute;
  z-index: 10000; }
  .fv-plugins-tooltip .fv-plugins-tooltip__content {
    background: #000;
    border-radius: 3px;
    color: #eee;
    padding: 10px;
    position: relative; }
    .fv-plugins-tooltip .fv-plugins-tooltip__content:before {
      border: 8px solid transparent;
      content: '';
      position: absolute; }

.fv-plugins-tooltip--hide {
  opacity: 0; }

.fv-plugins-tooltip--top-left {
  margin-top: 8px; }
  .fv-plugins-tooltip--top-left .fv-plugins-tooltip__content:before {
    border-top-color: #000;
    left: 8px;
    top: 100%; }

.fv-plugins-tooltip--top {
  margin-top: 8px; }
  .fv-plugins-tooltip--top .fv-plugins-tooltip__content:before {
    border-top-color: #000;
    left: 50%;
    margin-left: -8px;
    top: 100%; }

.fv-plugins-tooltip--top-right {
  margin-top: 8px; }
  .fv-plugins-tooltip--top-right .fv-plugins-tooltip__content:before {
    border-top-color: #000;
    right: 8px;
    top: 100%; }

.fv-plugins-tooltip--right .fv-plugins-tooltip__content:before {
  border-right-color: #000;
  margin-top: -8px;
  right: 100%;
  top: 50%; }

.fv-plugins-tooltip--bottom-right {
  margin-top: 8px; }
  .fv-plugins-tooltip--bottom-right .fv-plugins-tooltip__content:before {
    border-bottom-color: #000;
    bottom: 100%;
    right: 8px; }

.fv-plugins-tooltip--bottom {
  margin-top: 8px; }
  .fv-plugins-tooltip--bottom .fv-plugins-tooltip__content:before {
    border-bottom-color: #000;
    bottom: 100%;
    left: 50%;
    margin-left: -8px; }

.fv-plugins-tooltip--bottom-left {
  margin-top: 8px; }
  .fv-plugins-tooltip--bottom-left .fv-plugins-tooltip__content:before {
    border-bottom-color: #000;
    bottom: 100%;
    left: 8px; }

.fv-plugins-tooltip--left .fv-plugins-tooltip__content:before {
  border-left-color: #000;
  left: 100%;
  margin-top: -8px;
  top: 50%; }

.fv-plugins-tooltip-icon {
  cursor: pointer;
  pointer-events: inherit; }

.fv-plugins-bootstrap {
  /* For horizontal form */
  /* Stacked form */
  /* Inline form */ }
  .fv-plugins-bootstrap .fv-help-block {
    color: #dc3545;
    font-size: 80%;
    margin-top: .25rem; }
  .fv-plugins-bootstrap .is-invalid ~ .form-check-label,
  .fv-plugins-bootstrap .is-valid ~ .form-check-label {
    color: inherit; }
  .fv-plugins-bootstrap .has-danger .fv-plugins-icon {
    color: #dc3545; }
  .fv-plugins-bootstrap .has-success .fv-plugins-icon {
    color: #28a745; }
  .fv-plugins-bootstrap .fv-plugins-icon {
    height: 38px;
    line-height: 38px;
    width: 38px; }
  .fv-plugins-bootstrap .input-group ~ .fv-plugins-icon {
    z-index: 3; }
  .fv-plugins-bootstrap .form-group.row .fv-plugins-icon {
    right: 15px; }
  .fv-plugins-bootstrap .form-group.row .fv-plugins-icon-check {
    top: -7px;
    /* labelHeight/2 - iconHeight/2 */ }
  .fv-plugins-bootstrap:not(.form-inline) label ~ .fv-plugins-icon {
    top: 32px; }
  .fv-plugins-bootstrap:not(.form-inline) label ~ .fv-plugins-icon-check {
    top: 25px; }
  .fv-plugins-bootstrap:not(.form-inline) label.sr-only ~ .fv-plugins-icon-check {
    top: -7px; }
  .fv-plugins-bootstrap.form-inline .form-group {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-bottom: auto; }

.fv-plugins-bootstrap3 .help-block {
  margin-bottom: 0; }

.fv-plugins-bootstrap3 .input-group ~ .form-control-feedback {
  z-index: 4; }

.fv-plugins-bootstrap3.form-inline .form-group {
  vertical-align: top; }

.fv-plugins-bulma {
  /* Support add ons inside field */ }
  .fv-plugins-bulma .field.has-addons {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    .fv-plugins-bulma .field.has-addons::after {
      content: '';
      width: 100%; }
    .fv-plugins-bulma .field.has-addons .fv-plugins-message-container {
      -webkit-box-ordinal-group: 2;
          -ms-flex-order: 1;
              order: 1; }
  .fv-plugins-bulma .icon.fv-plugins-icon-check {
    top: -4px; }
  .fv-plugins-bulma .fv-has-error .input,
  .fv-plugins-bulma .fv-has-error .textarea {
    border: 1px solid #ff3860;
    /* Same as .input.is-danger */ }
  .fv-plugins-bulma .fv-has-success .input,
  .fv-plugins-bulma .fv-has-success .textarea {
    border: 1px solid #23d160;
    /* Same as .input.is-success */ }

.fv-plugins-foundation {
  /* Stacked form */ }
  .fv-plugins-foundation .fv-plugins-icon {
    height: 39px;
    line-height: 39px;
    right: 0;
    width: 39px;
    /* Same as height of input */ }
  .fv-plugins-foundation .grid-padding-x .fv-plugins-icon {
    right: 15px; }
  .fv-plugins-foundation .fv-plugins-icon-container .cell {
    position: relative; }
  .fv-plugins-foundation [type="checkbox"] ~ .fv-plugins-icon,
  .fv-plugins-foundation [type="checkbox"] ~ .fv-plugins-icon {
    top: -7px;
    /* labelHeight/2 - iconHeight/2 */ }
  .fv-plugins-foundation.fv-stacked-form .fv-plugins-message-container {
    width: 100%; }
  .fv-plugins-foundation.fv-stacked-form label .fv-plugins-icon,
  .fv-plugins-foundation.fv-stacked-form fieldset [type="checkbox"] ~ .fv-plugins-icon,
  .fv-plugins-foundation.fv-stacked-form fieldset [type="radio"] ~ .fv-plugins-icon {
    top: 25px;
    /* Same as height of label */ }
  .fv-plugins-foundation .form-error {
    display: block; }
  .fv-plugins-foundation .fv-row__success .fv-plugins-icon {
    color: #3adb76;
    /* Same as .success */ }
  .fv-plugins-foundation .fv-row__error label,
  .fv-plugins-foundation .fv-row__error fieldset legend,
  .fv-plugins-foundation .fv-row__error .fv-plugins-icon {
    color: #cc4b37;
    /* Same as .is-invalid-label and .form-error */ }

.fv-plugins-materialize .fv-plugins-icon {
  height: 42px;
  /* Same as height of input */
  line-height: 42px;
  width: 42px; }

.fv-plugins-materialize .fv-plugins-icon-check {
  top: -10px; }

.fv-plugins-materialize .fv-invalid-row .helper-text,
.fv-plugins-materialize .fv-invalid-row .fv-plugins-icon {
  color: #F44336; }

.fv-plugins-materialize .fv-valid-row .helper-text,
.fv-plugins-materialize .fv-valid-row .fv-plugins-icon {
  color: #4CAF50; }

.fv-plugins-milligram .fv-plugins-icon {
  height: 38px;
  /* Same as height of input */
  line-height: 38px;
  width: 38px; }

.fv-plugins-milligram .column {
  position: relative; }
  .fv-plugins-milligram .column .fv-plugins-icon {
    right: 10px; }

.fv-plugins-milligram .fv-plugins-icon-check {
  top: -6px; }

.fv-plugins-milligram .fv-plugins-message-container {
  margin-bottom: 15px; }

.fv-plugins-milligram.fv-stacked-form .fv-plugins-icon {
  top: 30px; }

.fv-plugins-milligram.fv-stacked-form .fv-plugins-icon-check {
  top: 24px; }

.fv-plugins-milligram .fv-invalid-row .fv-help-block,
.fv-plugins-milligram .fv-invalid-row .fv-plugins-icon {
  color: red; }

.fv-plugins-milligram .fv-valid-row .fv-help-block,
.fv-plugins-milligram .fv-valid-row .fv-plugins-icon {
  color: green; }

.fv-plugins-mini .fv-plugins-icon {
  height: 42px;
  /* Same as height of input */
  line-height: 42px;
  width: 42px;
  top: 4px;
  /* Same as input's margin top */ }

.fv-plugins-mini .fv-plugins-icon-check {
  top: -8px; }

.fv-plugins-mini.fv-stacked-form .fv-plugins-icon {
  top: 28px; }

.fv-plugins-mini.fv-stacked-form .fv-plugins-icon-check {
  top: 20px; }

.fv-plugins-mini .fv-plugins-message-container {
  margin: calc(var(--universal-margin) / 2); }

.fv-plugins-mini .fv-invalid-row .fv-help-block,
.fv-plugins-mini .fv-invalid-row .fv-plugins-icon {
  color: var(--input-invalid-color); }

.fv-plugins-mini .fv-valid-row .fv-help-block,
.fv-plugins-mini .fv-valid-row .fv-plugins-icon {
  color: #308732;
  /* Same as tertiary color */ }

.fv-plugins-mui .fv-plugins-icon {
  height: 32px;
  /* Same as height of input */
  line-height: 32px;
  width: 32px;
  top: 15px;
  right: 4px; }

.fv-plugins-mui .fv-plugins-icon-check {
  top: -6px;
  right: -10px; }

.fv-plugins-mui .fv-plugins-message-container {
  margin: 8px 0; }

.fv-plugins-mui .fv-invalid-row .fv-help-block,
.fv-plugins-mui .fv-invalid-row .fv-plugins-icon {
  color: #F44336; }

.fv-plugins-mui .fv-valid-row .fv-help-block,
.fv-plugins-mui .fv-valid-row .fv-plugins-icon {
  color: #4CAF50; }

.fv-plugins-pure {
  /* Horizontal form */
  /* Stacked form */ }
  .fv-plugins-pure .fv-plugins-icon {
    height: 36px;
    line-height: 36px;
    width: 36px;
    /* Height of Pure input */ }
  .fv-plugins-pure .fv-has-error label,
  .fv-plugins-pure .fv-has-error .fv-help-block,
  .fv-plugins-pure .fv-has-error .fv-plugins-icon {
    color: #CA3C3C;
    /* Same as .button-error */ }
  .fv-plugins-pure .fv-has-success label,
  .fv-plugins-pure .fv-has-success .fv-help-block,
  .fv-plugins-pure .fv-has-success .fv-plugins-icon {
    color: #1CB841;
    /* Same as .button-success */ }
  .fv-plugins-pure.pure-form-aligned .fv-help-block {
    margin-top: 5px;
    margin-left: 180px; }
  .fv-plugins-pure.pure-form-aligned .fv-plugins-icon-check {
    top: -9px;
    /* labelHeight/2 - iconHeight/2 */ }
  .fv-plugins-pure.pure-form-stacked .pure-control-group {
    margin-bottom: 8px; }
  .fv-plugins-pure.pure-form-stacked .fv-plugins-icon {
    top: 22px;
    /* Same as height of label */ }
  .fv-plugins-pure.pure-form-stacked .fv-plugins-icon-check {
    top: 13px; }
  .fv-plugins-pure.pure-form-stacked .fv-sr-only ~ .fv-plugins-icon {
    top: -9px; }

.fv-plugins-semantic.ui.form .fields.error label,
.fv-plugins-semantic .error .fv-plugins-icon {
  color: #9f3a38;
  /* Same as .ui.form .field.error .input */ }

.fv-plugins-semantic .fv-plugins-icon-check {
  right: 7px; }

.fv-plugins-shoelace .input-group {
  margin-bottom: 0; }

.fv-plugins-shoelace .fv-plugins-icon {
  height: 32px;
  line-height: 32px;
  /* Same as height of input */
  width: 32px;
  top: 28px;
  /* Same as height of label */ }

.fv-plugins-shoelace .row .fv-plugins-icon {
  right: 16px;
  top: 0; }

.fv-plugins-shoelace .fv-plugins-icon-check {
  top: 24px; }

.fv-plugins-shoelace .fv-sr-only ~ .fv-plugins-icon,
.fv-plugins-shoelace .fv-sr-only ~ div .fv-plugins-icon {
  top: -4px; }

.fv-plugins-shoelace .input-valid .fv-help-block,
.fv-plugins-shoelace .input-valid .fv-plugins-icon {
  color: #2ecc40; }

.fv-plugins-shoelace .input-invalid .fv-help-block,
.fv-plugins-shoelace .input-invalid .fv-plugins-icon {
  color: #ff4136; }

.fv-plugins-spectre .form-checkbox .form-icon,
.fv-plugins-spectre .form-radio .form-icon {
  margin: 0; }

.fv-plugins-spectre .input-group .fv-plugins-icon {
  z-index: 2; }

.fv-plugins-spectre:not(.form-horizontal) .form-group.has-error .fv-plugins-icon {
  margin-top: 4px; }

.fv-plugins-spectre:not(.form-horizontal) .form-group.has-error .fv-plugins-icon-check {
  margin-top: 0; }

.fv-plugins-spectre:not(.form-horizontal) .form-group.has-success .fv-plugins-icon {
  margin-top: 15px; }

.fv-plugins-spectre:not(.form-horizontal) .form-group.has-success .fv-plugins-icon-check {
  margin-top: 0; }

.fv-plugins-tachyons .fv-plugins-icon {
  height: 36px;
  line-height: 36px;
  width: 36px; }

.fv-plugins-tachyons .fv-plugins-icon-check {
  top: -7px; }

.fv-plugins-tachyons.fv-stacked-form .fv-plugins-icon {
  top: 34px; }

.fv-plugins-tachyons.fv-stacked-form .fv-plugins-icon-check {
  top: 24px; }

.fv-plugins-turret .fv-plugins-icon {
  height: 48px;
  /* Same as height of input */
  line-height: 48px;
  width: 48px; }

.fv-plugins-turret.fv-stacked-form .fv-plugins-icon {
  top: 37px; }

.fv-plugins-turret.fv-stacked-form .fv-plugins-icon-check {
  top: 24px; }

.fv-plugins-turret .fv-invalid-row .form-message,
.fv-plugins-turret .fv-invalid-row .fv-plugins-icon {
  color: #c00;
  /* Same as .form-message.error */ }

.fv-plugins-turret .fv-valid-row .form-message,
.fv-plugins-turret .fv-valid-row .fv-plugins-icon {
  color: #00b300;
  /* Same as .form-message.success */ }

.fv-plugins-uikit {
  /* Horizontal form */
  /* Stacked form */ }
  .fv-plugins-uikit .fv-plugins-icon {
    height: 40px;
    /* Height of UIKit input */
    line-height: 40px;
    top: 25px;
    /* Height of UIKit label */
    width: 40px; }
  .fv-plugins-uikit.uk-form-horizontal .fv-plugins-icon {
    top: 0; }
  .fv-plugins-uikit.uk-form-horizontal .fv-plugins-icon-check {
    top: -11px;
    /* checkboxLabelHeight/2 - iconHeight/2 = 18/2 - 40/2 */ }
  .fv-plugins-uikit.uk-form-stacked .fv-plugins-icon-check {
    top: 15px;
    /* labelHeight + labelMarginBottom + checkboxLabelHeight/2 - iconHeight/2 = 21 + 5 + 18/2 - 40/2 */ }
  .fv-plugins-uikit.uk-form-stacked .fv-no-label .fv-plugins-icon {
    top: 0; }
  .fv-plugins-uikit.uk-form-stacked .fv-no-label .fv-plugins-icon-check {
    top: -11px; }

.fv-plugins-wizard--step {
  display: none; }

.fv-plugins-wizard--active {
  display: block; }

/* 5.40 Plugin - Bootstrap SweetAlert (Added in V3.0) */

.swal-modal .btn:focus {
    box-shadow: none !important;
}

.swal-icon--success,
.swal-icon--success__ring {
    border-color: rgba(0, 172, 172, 0.2) !important;
}

.swal-icon--success__line--long,
.swal-icon--success__line--tip {
    background-color: #00acac !important;
}

.swal-icon--info {
    border-color: #49b6d6 !important;
}

    .swal-icon--info:after,
    .swal-icon--info:before {
        background-color: #49b6d6 !important;
    }

.swal-icon--warning__body,
.swal-icon--warning__dot {
    background-color: #f59c1a !important;
}

.swal-icon--warning {
    border-color: #f59c1a !important;
}

.swal-icon--error__line {
    background-color: #ff5b57 !important;
}

.swal-icon--error {
    border-color: #ff5b57 !important;
}

body {
    /*font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;*/
    color: #2b3b4c;
    font-size: 0.8rem;
}

th.sort, .pointer {
    cursor: pointer;
}

.sorting_asc::before, .sorting_desc::before, .sorting::before {
    margin-right: 10px;
    position: relative;
}

.pager-wrapper {
    border-radius: 0.25rem;
    list-style: outside none none;
    padding-left: 0;
}

    .pager-wrapper .pager-item {
        background-color: #fafafa;
        border: 1px solid #d4d4d4;
        color: #359ea5;
        line-height: 1.25;
        margin-left: -1px;
        padding: 0.5rem 0.75rem;
        position: relative;
        margin-right: 0px;
    }

        .pager-wrapper .pager-item:hover:not(.pager-item-disabled) {
            z-index: 2;
            color: #22676b;
            text-decoration: none;
            background-color: #e0e0e0;
            border-color: #d4d4d4;
            text-decoration: none;
        }


        .pager-wrapper .pager-item:focus {
            z-index: 2;
            outline: 0;
            box-shadow: 0 0 0 0.2rem rgba(53, 158, 165, 0.25);
        }

        .pager-wrapper .pager-item:not(:disabled):not(.disabled) {
            cursor: pointer;
        }

        .pager-wrapper .pager-item.pager-item-current {
            background-color: #359ea5;
            border-color: #359ea5;
            color: #fafafa !important;
            z-index: 1;
        }

.pager-item-previous {
    border-bottom-left-radius: 0.25rem;
    border-top-left-radius: 0.25rem;
    margin-left: 0;
}

.pager-item-next {
    border-bottom-right-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
}

.page-item.disabled.active .page-link {
    background-color: #33b6b1;
    border-color: #33b6b1;
    color: #fafafa;
}

.card-footer .btn-group > .btn, .card-footer .btn-group-vertical > .btn {
    line-height: 1.25;
}

.card-header .btn-sm {
    line-height:1;
}

label {
    font-weight: 600;
}

.clearer {
    margin-left: -33px;
    z-index: 100;
}

    .clearer i.fa {
        margin-right: 5px;
    }

.ui-front {
    z-index: 1100;
}

.input-group-text-sm {
    padding: 0.175rem 0.75rem;
}

.sorting_asc:before, .sorting_desc:before, .sorting:before {
    position: absolute;
    right: 0;
    font-family: 'FontAwesome';
    top: 0;
    margin-top: 5px;
}

.sorting_asc:before {
    /*content: "\f0de";*/
    content: "\f161";
}

.sorting_desc:before {
    /*content: "\f0dd";*/
    content: "\f160";
}

.sorting:before {
    content: "\f0dc";
}

.sort {
    cursor: pointer;
}

.switch {
    height: 28px;
}

.switch-slider::before {
    top: 3px;
    transition: all 0.15s ease-out 0s;
}

.text-grey, .text-muted {
    color: #b6c2c9 !important;
}

.sidebar a:not([href]):not([tabindex]), .sidebar .nav-title, .sidebar .nav-link, .sidebar .nav-dropdown.open .nav-link {
    color: #a8acb1;
}

    .sidebar .nav-dropdown.open .nav-link.active, .sidebar .nav-dropdown.open .nav-link:hover {
        color: white;
    }

    .sidebar .nav-link.nav-admin {
        font-style:italic;
    }

.switch-outline-primary-alt .switch-input:checked + .switch-slider {
    border-color: #33b6b1;
}

    .switch-outline-primary-alt .switch-input:checked + .switch-slider::before {
        background-color: #33b6b1;
        border-color: #33b6b1;
    }

    .switch-outline-primary-alt .switch-input:checked + .switch-slider::after {
        color: #33b6b1;
    }

.sidebar .nav-link {
    border-bottom: 1px solid #46505a;
    padding: 0.5rem;
    /*font-size: 0.8em;*/
}

.sidebar .nav-title {
    background-color: black;
    border-bottom: 1px solid #46505a;
    font-style: italic;
}

.sidebar .nav-item .nav-item .nav-item .nav-link {
    font-style: italic;
}

.sidebar .nav-link.active .nav-icon {
    color: #fff;
}

.viewbtn {
    width: 50px !important;
}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.btn-sm.btn-plates {
    line-height: 1;
}

.card-header .fa {
    font-size: 1.1em;
    margin-right: 9px;
}

.form-control:focus {
    border-color: #E6ECEF;
    box-shadow: 0 0 0 0.2rem rgba(201, 206, 209, 0.5);
}

.spinner {
    font-size: 10px;
    height: 15px;
}

.btn-ssm, .btn-group-ssm > .btn {
    padding: 0.10rem 0.4rem;
    font-size: 0.71rem;
    line-height: 1.5;
    border-radius: 0.2rem;
}

/****************Bootstrap-select *************/
.bootstrap-select .dropdown-toggle.btn-light {
    background-color: transparent;
}

.bootstrap-select .dropdown-item {
    padding-top: 5px;
    padding-bottom: 5px;
}

.bootstrap-select li.dropdown-header {
    background-color: transparent;
    border-bottom: 0px;
}

.bootstrap-select li.dropdown-divider {
    margin: 0px;
}

.bootstrap-select .dropdown-menu {
    font-size: 0.7875rem;
}

.dashboard-spinner {
    font-size: 8.5rem !important;
    padding: 100px;
}

/******* Teamleader ********/
.sidebar .nav-link.tl span {
    color: #5c9cd4;
    position: relative;
    top: -2px;
}

.sidebar-minimized .sidebar .nav-link.tl span {
    color: white;
}

.sidebar .nav-link i.tl-icon {
    background-image: url("../img/tl-greenk.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    display: inline-block;
    height: 12px;
    line-height: 1;
    width: 20px;
    margin-right: 4px;
}

.sidebar-minimized .sidebar .nav-link .tl-icon {
    display: block;
    float: left;
    font-size: 18px;
    margin-left: 15px;
    margin-right: 15px;
    margin-top: 4px;
}


.btn .tl-icon, .btn .tl-iconw {
    background-image: url("../img/tl-greenk.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    display: inline-block;
    height: 12px;
    margin-right: 15px;
    padding-top: 1px;
    position: relative;
    top: 2px;
    width: 20px;
}

.btn .tl-iconw {
    background-image: url("../img/tl-witk.png");
}

.btn-feedback .fa, .btn-spinner {
    margin-right: 15px;
}

.text-italic {
    font-style:italic;
}

#DoExportHuddle {
    background-color: white;
}

i.icon-huddle {
    background-image: url("../img/huddle.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    display: inline-block;
    height: 13px;
    padding-top: 1px;
    position: relative;
    top: 2px;
    width: 20px;
    
}


@media (max-width: 575.98px) {
}

@media (max-width: 767.98px) {
    .app-header .title .app-name {
        font-size: 1rem;
    }

    .app-header .navbar-nav {
        margin-top: 4px;
    }

    .app-header .navbar-brand {
        display: none;
    }
}

@media (max-width: 991.98px) {
    .app-header .navbar-brand {
        left: 115px;
    }

    .app-header .title .app-name {
        font-size: 1rem;
    }

    .app-header .title {
        left: 10px;
        position: relative;
    }
}

@media (max-width: 1199.98px) {
}