@charset "UTF-8";
/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
    font-family: 'FontAwesome';
    src: url("../fonts/fontawesome-webfont.eot?v=4.7.0");
    src: url("../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff2?v=4.7.0") format("woff2"), url("../fonts/fontawesome-webfont.woff?v=4.7.0") format("woff"), url("../fonts/fontawesome-webfont.ttf?v=4.7.0") format("truetype"), url("../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular") format("svg");
    font-weight: normal;
    font-style: normal;
}

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* makes the font 33% larger relative to the icon container */
.fa-lg {
    font-size: 1.33333em;
    line-height: 0.75em;
    vertical-align: -15%;
}

.fa-2x {
    font-size: 2em;
}

.fa-3x {
    font-size: 3em;
}

.fa-4x {
    font-size: 4em;
}

.fa-5x {
    font-size: 5em;
}

.fa-fw {
    width: 1.28571em;
    text-align: center;
}

.fa-ul {
    padding-left: 0;
    margin-left: 2.14286em;
    list-style-type: none;
}

    .fa-ul > li {
        position: relative;
    }

.fa-li {
    position: absolute;
    left: -2.14286em;
    width: 2.14286em;
    top: 0.14286em;
    text-align: center;
}

    .fa-li.fa-lg {
        left: -1.85714em;
    }

.fa-border {
    padding: .2em .25em .15em;
    border: solid 0.08em #eee;
    border-radius: .1em;
}

.fa-pull-left {
    float: left;
}

.fa-pull-right {
    float: right;
}

.fa.fa-pull-left {
    margin-right: .3em;
}

.fa.fa-pull-right {
    margin-left: .3em;
}

/* Deprecated as of 4.4.0 */
.pull-right {
    float: right;
}

.pull-left {
    float: left;
}

.fa.pull-left {
    margin-right: .3em;
}

.fa.pull-right {
    margin-left: .3em;
}

.fa-spin {
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
}

.fa-pulse {
    -webkit-animation: fa-spin 1s infinite steps(8);
    animation: fa-spin 1s infinite steps(8);
}

@-webkit-keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

.fa-rotate-90 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.fa-rotate-180 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.fa-rotate-270 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
}

.fa-flip-horizontal {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
    -webkit-transform: scale(-1, 1);
    transform: scale(-1, 1);
}

.fa-flip-vertical {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
    -webkit-transform: scale(1, -1);
    transform: scale(1, -1);
}

:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
    -webkit-filter: none;
    filter: none;
}

.fa-stack {
    position: relative;
    display: inline-block;
    width: 2em;
    height: 2em;
    line-height: 2em;
    vertical-align: middle;
}

.fa-stack-1x, .fa-stack-2x {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center;
}

.fa-stack-1x {
    line-height: inherit;
}

.fa-stack-2x {
    font-size: 2em;
}

.fa-inverse {
    color: #fff;
}

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-glass:before {
    content: "";
}

.fa-music:before {
    content: "";
}

.fa-search:before {
    content: "";
}

.fa-envelope-o:before {
    content: "";
}

.fa-heart:before {
    content: "";
}

.fa-star:before {
    content: "";
}

.fa-star-o:before {
    content: "";
}

.fa-user:before {
    content: "";
}

.fa-film:before {
    content: "";
}

.fa-th-large:before {
    content: "";
}

.fa-th:before {
    content: "";
}

.fa-th-list:before {
    content: "";
}

.fa-check:before {
    content: "";
}

.fa-remove:before,
.fa-close:before,
.fa-times:before {
    content: "";
}

.fa-search-plus:before {
    content: "";
}

.fa-search-minus:before {
    content: "";
}

.fa-power-off:before {
    content: "";
}

.fa-signal:before {
    content: "";
}

.fa-gear:before,
.fa-cog:before {
    content: "";
}

.fa-trash-o:before {
    content: "";
}

.fa-home:before {
    content: "";
}

.fa-file-o:before {
    content: "";
}

.fa-clock-o:before {
    content: "";
}

.fa-road:before {
    content: "";
}

.fa-download:before {
    content: "";
}

.fa-arrow-circle-o-down:before {
    content: "";
}

.fa-arrow-circle-o-up:before {
    content: "";
}

.fa-inbox:before {
    content: "";
}

.fa-play-circle-o:before {
    content: "";
}

.fa-rotate-right:before,
.fa-repeat:before {
    content: "";
}

.fa-refresh:before {
    content: "";
}

.fa-list-alt:before {
    content: "";
}

.fa-lock:before {
    content: "";
}

.fa-flag:before {
    content: "";
}

.fa-headphones:before {
    content: "";
}

.fa-volume-off:before {
    content: "";
}

.fa-volume-down:before {
    content: "";
}

.fa-volume-up:before {
    content: "";
}

.fa-qrcode:before {
    content: "";
}

.fa-barcode:before {
    content: "";
}

.fa-tag:before {
    content: "";
}

.fa-tags:before {
    content: "";
}

.fa-book:before {
    content: "";
}

.fa-bookmark:before {
    content: "";
}

.fa-print:before {
    content: "";
}

.fa-camera:before {
    content: "";
}

.fa-font:before {
    content: "";
}

.fa-bold:before {
    content: "";
}

.fa-italic:before {
    content: "";
}

.fa-text-height:before {
    content: "";
}

.fa-text-width:before {
    content: "";
}

.fa-align-left:before {
    content: "";
}

.fa-align-center:before {
    content: "";
}

.fa-align-right:before {
    content: "";
}

.fa-align-justify:before {
    content: "";
}

.fa-list:before {
    content: "";
}

.fa-dedent:before,
.fa-outdent:before {
    content: "";
}

.fa-indent:before {
    content: "";
}

.fa-video-camera:before {
    content: "";
}

.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
    content: "";
}

.fa-pencil:before {
    content: "";
}

.fa-map-marker:before {
    content: "";
}

.fa-adjust:before {
    content: "";
}

.fa-tint:before {
    content: "";
}

.fa-edit:before,
.fa-pencil-square-o:before {
    content: "";
}

.fa-share-square-o:before {
    content: "";
}

.fa-check-square-o:before {
    content: "";
}

.fa-arrows:before {
    content: "";
}

.fa-step-backward:before {
    content: "";
}

.fa-fast-backward:before {
    content: "";
}

.fa-backward:before {
    content: "";
}

.fa-play:before {
    content: "";
}

.fa-pause:before {
    content: "";
}

.fa-stop:before {
    content: "";
}

.fa-forward:before {
    content: "";
}

.fa-fast-forward:before {
    content: "";
}

.fa-step-forward:before {
    content: "";
}

.fa-eject:before {
    content: "";
}

.fa-chevron-left:before {
    content: "";
}

.fa-chevron-right:before {
    content: "";
}

.fa-plus-circle:before {
    content: "";
}

.fa-minus-circle:before {
    content: "";
}

.fa-times-circle:before {
    content: "";
}

.fa-check-circle:before {
    content: "";
}

.fa-question-circle:before {
    content: "";
}

.fa-info-circle:before {
    content: "";
}

.fa-crosshairs:before {
    content: "";
}

.fa-times-circle-o:before {
    content: "";
}

.fa-check-circle-o:before {
    content: "";
}

.fa-ban:before {
    content: "";
}

.fa-arrow-left:before {
    content: "";
}

.fa-arrow-right:before {
    content: "";
}

.fa-arrow-up:before {
    content: "";
}

.fa-arrow-down:before {
    content: "";
}

.fa-mail-forward:before,
.fa-share:before {
    content: "";
}

.fa-expand:before {
    content: "";
}

.fa-compress:before {
    content: "";
}

.fa-plus:before {
    content: "";
}

.fa-minus:before {
    content: "";
}

.fa-asterisk:before {
    content: "";
}

.fa-exclamation-circle:before {
    content: "";
}

.fa-gift:before {
    content: "";
}

.fa-leaf:before {
    content: "";
}

.fa-fire:before {
    content: "";
}

.fa-eye:before {
    content: "";
}

.fa-eye-slash:before {
    content: "";
}

.fa-warning:before,
.fa-exclamation-triangle:before {
    content: "";
}

.fa-plane:before {
    content: "";
}

.fa-calendar:before {
    content: "";
}

.fa-random:before {
    content: "";
}

.fa-comment:before {
    content: "";
}

.fa-magnet:before {
    content: "";
}

.fa-chevron-up:before {
    content: "";
}

.fa-chevron-down:before {
    content: "";
}

.fa-retweet:before {
    content: "";
}

.fa-shopping-cart:before {
    content: "";
}

.fa-folder:before {
    content: "";
}

.fa-folder-open:before {
    content: "";
}

.fa-arrows-v:before {
    content: "";
}

.fa-arrows-h:before {
    content: "";
}

.fa-bar-chart-o:before,
.fa-bar-chart:before {
    content: "";
}

.fa-twitter-square:before {
    content: "";
}

.fa-facebook-square:before {
    content: "";
}

.fa-camera-retro:before {
    content: "";
}

.fa-key:before {
    content: "";
}

.fa-gears:before,
.fa-cogs:before {
    content: "";
}

.fa-comments:before {
    content: "";
}

.fa-thumbs-o-up:before {
    content: "";
}

.fa-thumbs-o-down:before {
    content: "";
}

.fa-star-half:before {
    content: "";
}

.fa-heart-o:before {
    content: "";
}

.fa-sign-out:before {
    content: "";
}

.fa-linkedin-square:before {
    content: "";
}

.fa-thumb-tack:before {
    content: "";
}

.fa-external-link:before {
    content: "";
}

.fa-sign-in:before {
    content: "";
}

.fa-trophy:before {
    content: "";
}

.fa-github-square:before {
    content: "";
}

.fa-upload:before {
    content: "";
}

.fa-lemon-o:before {
    content: "";
}

.fa-phone:before {
    content: "";
}

.fa-square-o:before {
    content: "";
}

.fa-bookmark-o:before {
    content: "";
}

.fa-phone-square:before {
    content: "";
}

.fa-twitter:before {
    content: "";
}

.fa-facebook-f:before,
.fa-facebook:before {
    content: "";
}

.fa-github:before {
    content: "";
}

.fa-unlock:before {
    content: "";
}

.fa-credit-card:before {
    content: "";
}

.fa-feed:before,
.fa-rss:before {
    content: "";
}

.fa-hdd-o:before {
    content: "";
}

.fa-bullhorn:before {
    content: "";
}

.fa-bell:before {
    content: "";
}

.fa-certificate:before {
    content: "";
}

.fa-hand-o-right:before {
    content: "";
}

.fa-hand-o-left:before {
    content: "";
}

.fa-hand-o-up:before {
    content: "";
}

.fa-hand-o-down:before {
    content: "";
}

.fa-arrow-circle-left:before {
    content: "";
}

.fa-arrow-circle-right:before {
    content: "";
}

.fa-arrow-circle-up:before {
    content: "";
}

.fa-arrow-circle-down:before {
    content: "";
}

.fa-globe:before {
    content: "";
}

.fa-wrench:before {
    content: "";
}

.fa-tasks:before {
    content: "";
}

.fa-filter:before {
    content: "";
}

.fa-briefcase:before {
    content: "";
}

.fa-arrows-alt:before {
    content: "";
}

.fa-group:before,
.fa-users:before {
    content: "";
}

.fa-chain:before,
.fa-link:before {
    content: "";
}

.fa-cloud:before {
    content: "";
}

.fa-flask:before {
    content: "";
}

.fa-cut:before,
.fa-scissors:before {
    content: "";
}

.fa-copy:before,
.fa-files-o:before {
    content: "";
}

.fa-paperclip:before {
    content: "";
}

.fa-save:before,
.fa-floppy-o:before {
    content: "";
}

.fa-square:before {
    content: "";
}

.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
    content: "";
}

.fa-list-ul:before {
    content: "";
}

.fa-list-ol:before {
    content: "";
}

.fa-strikethrough:before {
    content: "";
}

.fa-underline:before {
    content: "";
}

.fa-table:before {
    content: "";
}

.fa-magic:before {
    content: "";
}

.fa-truck:before {
    content: "";
}

.fa-pinterest:before {
    content: "";
}

.fa-pinterest-square:before {
    content: "";
}

.fa-google-plus-square:before {
    content: "";
}

.fa-google-plus:before {
    content: "";
}

.fa-money:before {
    content: "";
}

.fa-caret-down:before {
    content: "";
}

.fa-caret-up:before {
    content: "";
}

.fa-caret-left:before {
    content: "";
}

.fa-caret-right:before {
    content: "";
}

.fa-columns:before {
    content: "";
}

.fa-unsorted:before,
.fa-sort:before {
    content: "";
}

.fa-sort-down:before,
.fa-sort-desc:before {
    content: "";
}

.fa-sort-up:before,
.fa-sort-asc:before {
    content: "";
}

.fa-envelope:before {
    content: "";
}

.fa-linkedin:before {
    content: "";
}

.fa-rotate-left:before,
.fa-undo:before {
    content: "";
}

.fa-legal:before,
.fa-gavel:before {
    content: "";
}

.fa-dashboard:before,
.fa-tachometer:before {
    content: "";
}

.fa-comment-o:before {
    content: "";
}

.fa-comments-o:before {
    content: "";
}

.fa-flash:before,
.fa-bolt:before {
    content: "";
}

.fa-sitemap:before {
    content: "";
}

.fa-umbrella:before {
    content: "";
}

.fa-paste:before,
.fa-clipboard:before {
    content: "";
}

.fa-lightbulb-o:before {
    content: "";
}

.fa-exchange:before {
    content: "";
}

.fa-cloud-download:before {
    content: "";
}

.fa-cloud-upload:before {
    content: "";
}

.fa-user-md:before {
    content: "";
}

.fa-stethoscope:before {
    content: "";
}

.fa-suitcase:before {
    content: "";
}

.fa-bell-o:before {
    content: "";
}

.fa-coffee:before {
    content: "";
}

.fa-cutlery:before {
    content: "";
}

.fa-file-text-o:before {
    content: "";
}

.fa-building-o:before {
    content: "";
}

.fa-hospital-o:before {
    content: "";
}

.fa-ambulance:before {
    content: "";
}

.fa-medkit:before {
    content: "";
}

.fa-fighter-jet:before {
    content: "";
}

.fa-beer:before {
    content: "";
}

.fa-h-square:before {
    content: "";
}

.fa-plus-square:before {
    content: "";
}

.fa-angle-double-left:before {
    content: "";
}

.fa-angle-double-right:before {
    content: "";
}

.fa-angle-double-up:before {
    content: "";
}

.fa-angle-double-down:before {
    content: "";
}

.fa-angle-left:before {
    content: "";
}

.fa-angle-right:before {
    content: "";
}

.fa-angle-up:before {
    content: "";
}

.fa-angle-down:before {
    content: "";
}

.fa-desktop:before {
    content: "";
}

.fa-laptop:before {
    content: "";
}

.fa-tablet:before {
    content: "";
}

.fa-mobile-phone:before,
.fa-mobile:before {
    content: "";
}

.fa-circle-o:before {
    content: "";
}

.fa-quote-left:before {
    content: "";
}

.fa-quote-right:before {
    content: "";
}

.fa-spinner:before {
    content: "";
}

.fa-circle:before {
    content: "";
}

.fa-mail-reply:before,
.fa-reply:before {
    content: "";
}

.fa-github-alt:before {
    content: "";
}

.fa-folder-o:before {
    content: "";
}

.fa-folder-open-o:before {
    content: "";
}

.fa-smile-o:before {
    content: "";
}

.fa-frown-o:before {
    content: "";
}

.fa-meh-o:before {
    content: "";
}

.fa-gamepad:before {
    content: "";
}

.fa-keyboard-o:before {
    content: "";
}

.fa-flag-o:before {
    content: "";
}

.fa-flag-checkered:before {
    content: "";
}

.fa-terminal:before {
    content: "";
}

.fa-code:before {
    content: "";
}

.fa-mail-reply-all:before,
.fa-reply-all:before {
    content: "";
}

.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
    content: "";
}

.fa-location-arrow:before {
    content: "";
}

.fa-crop:before {
    content: "";
}

.fa-code-fork:before {
    content: "";
}

.fa-unlink:before,
.fa-chain-broken:before {
    content: "";
}

.fa-question:before {
    content: "";
}

.fa-info:before {
    content: "";
}

.fa-exclamation:before {
    content: "";
}

.fa-superscript:before {
    content: "";
}

.fa-subscript:before {
    content: "";
}

.fa-eraser:before {
    content: "";
}

.fa-puzzle-piece:before {
    content: "";
}

.fa-microphone:before {
    content: "";
}

.fa-microphone-slash:before {
    content: "";
}

.fa-shield:before {
    content: "";
}

.fa-calendar-o:before {
    content: "";
}

.fa-fire-extinguisher:before {
    content: "";
}

.fa-rocket:before {
    content: "";
}

.fa-maxcdn:before {
    content: "";
}

.fa-chevron-circle-left:before {
    content: "";
}

.fa-chevron-circle-right:before {
    content: "";
}

.fa-chevron-circle-up:before {
    content: "";
}

.fa-chevron-circle-down:before {
    content: "";
}

.fa-html5:before {
    content: "";
}

.fa-css3:before {
    content: "";
}

.fa-anchor:before {
    content: "";
}

.fa-unlock-alt:before {
    content: "";
}

.fa-bullseye:before {
    content: "";
}

.fa-ellipsis-h:before {
    content: "";
}

.fa-ellipsis-v:before {
    content: "";
}

.fa-rss-square:before {
    content: "";
}

.fa-play-circle:before {
    content: "";
}

.fa-ticket:before {
    content: "";
}

.fa-minus-square:before {
    content: "";
}

.fa-minus-square-o:before {
    content: "";
}

.fa-level-up:before {
    content: "";
}

.fa-level-down:before {
    content: "";
}

.fa-check-square:before {
    content: "";
}

.fa-pencil-square:before {
    content: "";
}

.fa-external-link-square:before {
    content: "";
}

.fa-share-square:before {
    content: "";
}

.fa-compass:before {
    content: "";
}

.fa-toggle-down:before,
.fa-caret-square-o-down:before {
    content: "";
}

.fa-toggle-up:before,
.fa-caret-square-o-up:before {
    content: "";
}

.fa-toggle-right:before,
.fa-caret-square-o-right:before {
    content: "";
}

.fa-euro:before,
.fa-eur:before {
    content: "";
}

.fa-gbp:before {
    content: "";
}

.fa-dollar:before,
.fa-usd:before {
    content: "";
}

.fa-rupee:before,
.fa-inr:before {
    content: "";
}

.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
    content: "";
}

.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
    content: "";
}

.fa-won:before,
.fa-krw:before {
    content: "";
}

.fa-bitcoin:before,
.fa-btc:before {
    content: "";
}

.fa-file:before {
    content: "";
}

.fa-file-text:before {
    content: "";
}

.fa-sort-alpha-asc:before {
    content: "";
}

.fa-sort-alpha-desc:before {
    content: "";
}

.fa-sort-amount-asc:before {
    content: "";
}

.fa-sort-amount-desc:before {
    content: "";
}

.fa-sort-numeric-asc:before {
    content: "";
}

.fa-sort-numeric-desc:before {
    content: "";
}

.fa-thumbs-up:before {
    content: "";
}

.fa-thumbs-down:before {
    content: "";
}

.fa-youtube-square:before {
    content: "";
}

.fa-youtube:before {
    content: "";
}

.fa-xing:before {
    content: "";
}

.fa-xing-square:before {
    content: "";
}

.fa-youtube-play:before {
    content: "";
}

.fa-dropbox:before {
    content: "";
}

.fa-stack-overflow:before {
    content: "";
}

.fa-instagram:before {
    content: "";
}

.fa-flickr:before {
    content: "";
}

.fa-adn:before {
    content: "";
}

.fa-bitbucket:before {
    content: "";
}

.fa-bitbucket-square:before {
    content: "";
}

.fa-tumblr:before {
    content: "";
}

.fa-tumblr-square:before {
    content: "";
}

.fa-long-arrow-down:before {
    content: "";
}

.fa-long-arrow-up:before {
    content: "";
}

.fa-long-arrow-left:before {
    content: "";
}

.fa-long-arrow-right:before {
    content: "";
}

.fa-apple:before {
    content: "";
}

.fa-windows:before {
    content: "";
}

.fa-android:before {
    content: "";
}

.fa-linux:before {
    content: "";
}

.fa-dribbble:before {
    content: "";
}

.fa-skype:before {
    content: "";
}

.fa-foursquare:before {
    content: "";
}

.fa-trello:before {
    content: "";
}

.fa-female:before {
    content: "";
}

.fa-male:before {
    content: "";
}

.fa-gittip:before,
.fa-gratipay:before {
    content: "";
}

.fa-sun-o:before {
    content: "";
}

.fa-moon-o:before {
    content: "";
}

.fa-archive:before {
    content: "";
}

.fa-bug:before {
    content: "";
}

.fa-vk:before {
    content: "";
}

.fa-weibo:before {
    content: "";
}

.fa-renren:before {
    content: "";
}

.fa-pagelines:before {
    content: "";
}

.fa-stack-exchange:before {
    content: "";
}

.fa-arrow-circle-o-right:before {
    content: "";
}

.fa-arrow-circle-o-left:before {
    content: "";
}

.fa-toggle-left:before,
.fa-caret-square-o-left:before {
    content: "";
}

.fa-dot-circle-o:before {
    content: "";
}

.fa-wheelchair:before {
    content: "";
}

.fa-vimeo-square:before {
    content: "";
}

.fa-turkish-lira:before,
.fa-try:before {
    content: "";
}

.fa-plus-square-o:before {
    content: "";
}

.fa-space-shuttle:before {
    content: "";
}

.fa-slack:before {
    content: "";
}

.fa-envelope-square:before {
    content: "";
}

.fa-wordpress:before {
    content: "";
}

.fa-openid:before {
    content: "";
}

.fa-institution:before,
.fa-bank:before,
.fa-university:before {
    content: "";
}

.fa-mortar-board:before,
.fa-graduation-cap:before {
    content: "";
}

.fa-yahoo:before {
    content: "";
}

.fa-google:before {
    content: "";
}

.fa-reddit:before {
    content: "";
}

.fa-reddit-square:before {
    content: "";
}

.fa-stumbleupon-circle:before {
    content: "";
}

.fa-stumbleupon:before {
    content: "";
}

.fa-delicious:before {
    content: "";
}

.fa-digg:before {
    content: "";
}

.fa-pied-piper-pp:before {
    content: "";
}

.fa-pied-piper-alt:before {
    content: "";
}

.fa-drupal:before {
    content: "";
}

.fa-joomla:before {
    content: "";
}

.fa-language:before {
    content: "";
}

.fa-fax:before {
    content: "";
}

.fa-building:before {
    content: "";
}

.fa-child:before {
    content: "";
}

.fa-paw:before {
    content: "";
}

.fa-spoon:before {
    content: "";
}

.fa-cube:before {
    content: "";
}

.fa-cubes:before {
    content: "";
}

.fa-behance:before {
    content: "";
}

.fa-behance-square:before {
    content: "";
}

.fa-steam:before {
    content: "";
}

.fa-steam-square:before {
    content: "";
}

.fa-recycle:before {
    content: "";
}

.fa-automobile:before,
.fa-car:before {
    content: "";
}

.fa-cab:before,
.fa-taxi:before {
    content: "";
}

.fa-tree:before {
    content: "";
}

.fa-spotify:before {
    content: "";
}

.fa-deviantart:before {
    content: "";
}

.fa-soundcloud:before {
    content: "";
}

.fa-database:before {
    content: "";
}

.fa-file-pdf-o:before {
    content: "";
}

.fa-file-word-o:before {
    content: "";
}

.fa-file-excel-o:before {
    content: "";
}

.fa-file-powerpoint-o:before {
    content: "";
}

.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
    content: "";
}

.fa-file-zip-o:before,
.fa-file-archive-o:before {
    content: "";
}

.fa-file-sound-o:before,
.fa-file-audio-o:before {
    content: "";
}

.fa-file-movie-o:before,
.fa-file-video-o:before {
    content: "";
}

.fa-file-code-o:before {
    content: "";
}

.fa-vine:before {
    content: "";
}

.fa-codepen:before {
    content: "";
}

.fa-jsfiddle:before {
    content: "";
}

.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
    content: "";
}

.fa-circle-o-notch:before {
    content: "";
}

.fa-ra:before,
.fa-resistance:before,
.fa-rebel:before {
    content: "";
}

.fa-ge:before,
.fa-empire:before {
    content: "";
}

.fa-git-square:before {
    content: "";
}

.fa-git:before {
    content: "";
}

.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
    content: "";
}

.fa-tencent-weibo:before {
    content: "";
}

.fa-qq:before {
    content: "";
}

.fa-wechat:before,
.fa-weixin:before {
    content: "";
}

.fa-send:before,
.fa-paper-plane:before {
    content: "";
}

.fa-send-o:before,
.fa-paper-plane-o:before {
    content: "";
}

.fa-history:before {
    content: "";
}

.fa-circle-thin:before {
    content: "";
}

.fa-header:before {
    content: "";
}

.fa-paragraph:before {
    content: "";
}

.fa-sliders:before {
    content: "";
}

.fa-share-alt:before {
    content: "";
}

.fa-share-alt-square:before {
    content: "";
}

.fa-bomb:before {
    content: "";
}

.fa-soccer-ball-o:before,
.fa-futbol-o:before {
    content: "";
}

.fa-tty:before {
    content: "";
}

.fa-binoculars:before {
    content: "";
}

.fa-plug:before {
    content: "";
}

.fa-slideshare:before {
    content: "";
}

.fa-twitch:before {
    content: "";
}

.fa-yelp:before {
    content: "";
}

.fa-newspaper-o:before {
    content: "";
}

.fa-wifi:before {
    content: "";
}

.fa-calculator:before {
    content: "";
}

.fa-paypal:before {
    content: "";
}

.fa-google-wallet:before {
    content: "";
}

.fa-cc-visa:before {
    content: "";
}

.fa-cc-mastercard:before {
    content: "";
}

.fa-cc-discover:before {
    content: "";
}

.fa-cc-amex:before {
    content: "";
}

.fa-cc-paypal:before {
    content: "";
}

.fa-cc-stripe:before {
    content: "";
}

.fa-bell-slash:before {
    content: "";
}

.fa-bell-slash-o:before {
    content: "";
}

.fa-trash:before {
    content: "";
}

.fa-copyright:before {
    content: "";
}

.fa-at:before {
    content: "";
}

.fa-eyedropper:before {
    content: "";
}

.fa-paint-brush:before {
    content: "";
}

.fa-birthday-cake:before {
    content: "";
}

.fa-area-chart:before {
    content: "";
}

.fa-pie-chart:before {
    content: "";
}

.fa-line-chart:before {
    content: "";
}

.fa-lastfm:before {
    content: "";
}

.fa-lastfm-square:before {
    content: "";
}

.fa-toggle-off:before {
    content: "";
}

.fa-toggle-on:before {
    content: "";
}

.fa-bicycle:before {
    content: "";
}

.fa-bus:before {
    content: "";
}

.fa-ioxhost:before {
    content: "";
}

.fa-angellist:before {
    content: "";
}

.fa-cc:before {
    content: "";
}

.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
    content: "";
}

.fa-meanpath:before {
    content: "";
}

.fa-buysellads:before {
    content: "";
}

.fa-connectdevelop:before {
    content: "";
}

.fa-dashcube:before {
    content: "";
}

.fa-forumbee:before {
    content: "";
}

.fa-leanpub:before {
    content: "";
}

.fa-sellsy:before {
    content: "";
}

.fa-shirtsinbulk:before {
    content: "";
}

.fa-simplybuilt:before {
    content: "";
}

.fa-skyatlas:before {
    content: "";
}

.fa-cart-plus:before {
    content: "";
}

.fa-cart-arrow-down:before {
    content: "";
}

.fa-diamond:before {
    content: "";
}

.fa-ship:before {
    content: "";
}

.fa-user-secret:before {
    content: "";
}

.fa-motorcycle:before {
    content: "";
}

.fa-street-view:before {
    content: "";
}

.fa-heartbeat:before {
    content: "";
}

.fa-venus:before {
    content: "";
}

.fa-mars:before {
    content: "";
}

.fa-mercury:before {
    content: "";
}

.fa-intersex:before,
.fa-transgender:before {
    content: "";
}

.fa-transgender-alt:before {
    content: "";
}

.fa-venus-double:before {
    content: "";
}

.fa-mars-double:before {
    content: "";
}

.fa-venus-mars:before {
    content: "";
}

.fa-mars-stroke:before {
    content: "";
}

.fa-mars-stroke-v:before {
    content: "";
}

.fa-mars-stroke-h:before {
    content: "";
}

.fa-neuter:before {
    content: "";
}

.fa-genderless:before {
    content: "";
}

.fa-facebook-official:before {
    content: "";
}

.fa-pinterest-p:before {
    content: "";
}

.fa-whatsapp:before {
    content: "";
}

.fa-server:before {
    content: "";
}

.fa-user-plus:before {
    content: "";
}

.fa-user-times:before {
    content: "";
}

.fa-hotel:before,
.fa-bed:before {
    content: "";
}

.fa-viacoin:before {
    content: "";
}

.fa-train:before {
    content: "";
}

.fa-subway:before {
    content: "";
}

.fa-medium:before {
    content: "";
}

.fa-yc:before,
.fa-y-combinator:before {
    content: "";
}

.fa-optin-monster:before {
    content: "";
}

.fa-opencart:before {
    content: "";
}

.fa-expeditedssl:before {
    content: "";
}

.fa-battery-4:before,
.fa-battery:before,
.fa-battery-full:before {
    content: "";
}

.fa-battery-3:before,
.fa-battery-three-quarters:before {
    content: "";
}

.fa-battery-2:before,
.fa-battery-half:before {
    content: "";
}

.fa-battery-1:before,
.fa-battery-quarter:before {
    content: "";
}

.fa-battery-0:before,
.fa-battery-empty:before {
    content: "";
}

.fa-mouse-pointer:before {
    content: "";
}

.fa-i-cursor:before {
    content: "";
}

.fa-object-group:before {
    content: "";
}

.fa-object-ungroup:before {
    content: "";
}

.fa-sticky-note:before {
    content: "";
}

.fa-sticky-note-o:before {
    content: "";
}

.fa-cc-jcb:before {
    content: "";
}

.fa-cc-diners-club:before {
    content: "";
}

.fa-clone:before {
    content: "";
}

.fa-balance-scale:before {
    content: "";
}

.fa-hourglass-o:before {
    content: "";
}

.fa-hourglass-1:before,
.fa-hourglass-start:before {
    content: "";
}

.fa-hourglass-2:before,
.fa-hourglass-half:before {
    content: "";
}

.fa-hourglass-3:before,
.fa-hourglass-end:before {
    content: "";
}

.fa-hourglass:before {
    content: "";
}

.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
    content: "";
}

.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
    content: "";
}

.fa-hand-scissors-o:before {
    content: "";
}

.fa-hand-lizard-o:before {
    content: "";
}

.fa-hand-spock-o:before {
    content: "";
}

.fa-hand-pointer-o:before {
    content: "";
}

.fa-hand-peace-o:before {
    content: "";
}

.fa-trademark:before {
    content: "";
}

.fa-registered:before {
    content: "";
}

.fa-creative-commons:before {
    content: "";
}

.fa-gg:before {
    content: "";
}

.fa-gg-circle:before {
    content: "";
}

.fa-tripadvisor:before {
    content: "";
}

.fa-odnoklassniki:before {
    content: "";
}

.fa-odnoklassniki-square:before {
    content: "";
}

.fa-get-pocket:before {
    content: "";
}

.fa-wikipedia-w:before {
    content: "";
}

.fa-safari:before {
    content: "";
}

.fa-chrome:before {
    content: "";
}

.fa-firefox:before {
    content: "";
}

.fa-opera:before {
    content: "";
}

.fa-internet-explorer:before {
    content: "";
}

.fa-tv:before,
.fa-television:before {
    content: "";
}

.fa-contao:before {
    content: "";
}

.fa-500px:before {
    content: "";
}

.fa-amazon:before {
    content: "";
}

.fa-calendar-plus-o:before {
    content: "";
}

.fa-calendar-minus-o:before {
    content: "";
}

.fa-calendar-times-o:before {
    content: "";
}

.fa-calendar-check-o:before {
    content: "";
}

.fa-industry:before {
    content: "";
}

.fa-map-pin:before {
    content: "";
}

.fa-map-signs:before {
    content: "";
}

.fa-map-o:before {
    content: "";
}

.fa-map:before {
    content: "";
}

.fa-commenting:before {
    content: "";
}

.fa-commenting-o:before {
    content: "";
}

.fa-houzz:before {
    content: "";
}

.fa-vimeo:before {
    content: "";
}

.fa-black-tie:before {
    content: "";
}

.fa-fonticons:before {
    content: "";
}

.fa-reddit-alien:before {
    content: "";
}

.fa-edge:before {
    content: "";
}

.fa-credit-card-alt:before {
    content: "";
}

.fa-codiepie:before {
    content: "";
}

.fa-modx:before {
    content: "";
}

.fa-fort-awesome:before {
    content: "";
}

.fa-usb:before {
    content: "";
}

.fa-product-hunt:before {
    content: "";
}

.fa-mixcloud:before {
    content: "";
}

.fa-scribd:before {
    content: "";
}

.fa-pause-circle:before {
    content: "";
}

.fa-pause-circle-o:before {
    content: "";
}

.fa-stop-circle:before {
    content: "";
}

.fa-stop-circle-o:before {
    content: "";
}

.fa-shopping-bag:before {
    content: "";
}

.fa-shopping-basket:before {
    content: "";
}

.fa-hashtag:before {
    content: "";
}

.fa-bluetooth:before {
    content: "";
}

.fa-bluetooth-b:before {
    content: "";
}

.fa-percent:before {
    content: "";
}

.fa-gitlab:before {
    content: "";
}

.fa-wpbeginner:before {
    content: "";
}

.fa-wpforms:before {
    content: "";
}

.fa-envira:before {
    content: "";
}

.fa-universal-access:before {
    content: "";
}

.fa-wheelchair-alt:before {
    content: "";
}

.fa-question-circle-o:before {
    content: "";
}

.fa-blind:before {
    content: "";
}

.fa-audio-description:before {
    content: "";
}

.fa-volume-control-phone:before {
    content: "";
}

.fa-braille:before {
    content: "";
}

.fa-assistive-listening-systems:before {
    content: "";
}

.fa-asl-interpreting:before,
.fa-american-sign-language-interpreting:before {
    content: "";
}

.fa-deafness:before,
.fa-hard-of-hearing:before,
.fa-deaf:before {
    content: "";
}

.fa-glide:before {
    content: "";
}

.fa-glide-g:before {
    content: "";
}

.fa-signing:before,
.fa-sign-language:before {
    content: "";
}

.fa-low-vision:before {
    content: "";
}

.fa-viadeo:before {
    content: "";
}

.fa-viadeo-square:before {
    content: "";
}

.fa-snapchat:before {
    content: "";
}

.fa-snapchat-ghost:before {
    content: "";
}

.fa-snapchat-square:before {
    content: "";
}

.fa-pied-piper:before {
    content: "";
}

.fa-first-order:before {
    content: "";
}

.fa-yoast:before {
    content: "";
}

.fa-themeisle:before {
    content: "";
}

.fa-google-plus-circle:before,
.fa-google-plus-official:before {
    content: "";
}

.fa-fa:before,
.fa-font-awesome:before {
    content: "";
}

.fa-handshake-o:before {
    content: "";
}

.fa-envelope-open:before {
    content: "";
}

.fa-envelope-open-o:before {
    content: "";
}

.fa-linode:before {
    content: "";
}

.fa-address-book:before {
    content: "";
}

.fa-address-book-o:before {
    content: "";
}

.fa-vcard:before,
.fa-address-card:before {
    content: "";
}

.fa-vcard-o:before,
.fa-address-card-o:before {
    content: "";
}

.fa-user-circle:before {
    content: "";
}

.fa-user-circle-o:before {
    content: "";
}

.fa-user-o:before {
    content: "";
}

.fa-id-badge:before {
    content: "";
}

.fa-drivers-license:before,
.fa-id-card:before {
    content: "";
}

.fa-drivers-license-o:before,
.fa-id-card-o:before {
    content: "";
}

.fa-quora:before {
    content: "";
}

.fa-free-code-camp:before {
    content: "";
}

.fa-telegram:before {
    content: "";
}

.fa-thermometer-4:before,
.fa-thermometer:before,
.fa-thermometer-full:before {
    content: "";
}

.fa-thermometer-3:before,
.fa-thermometer-three-quarters:before {
    content: "";
}

.fa-thermometer-2:before,
.fa-thermometer-half:before {
    content: "";
}

.fa-thermometer-1:before,
.fa-thermometer-quarter:before {
    content: "";
}

.fa-thermometer-0:before,
.fa-thermometer-empty:before {
    content: "";
}

.fa-shower:before {
    content: "";
}

.fa-bathtub:before,
.fa-s15:before,
.fa-bath:before {
    content: "";
}

.fa-podcast:before {
    content: "";
}

.fa-window-maximize:before {
    content: "";
}

.fa-window-minimize:before {
    content: "";
}

.fa-window-restore:before {
    content: "";
}

.fa-times-rectangle:before,
.fa-window-close:before {
    content: "";
}

.fa-times-rectangle-o:before,
.fa-window-close-o:before {
    content: "";
}

.fa-bandcamp:before {
    content: "";
}

.fa-grav:before {
    content: "";
}

.fa-etsy:before {
    content: "";
}

.fa-imdb:before {
    content: "";
}

.fa-ravelry:before {
    content: "";
}

.fa-eercast:before {
    content: "";
}

.fa-microchip:before {
    content: "";
}

.fa-snowflake-o:before {
    content: "";
}

.fa-superpowers:before {
    content: "";
}

.fa-wpexplorer:before {
    content: "";
}

.fa-meetup:before {
    content: "";
}

.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;
}

/*!
 *  Devicons 1.8.0 made by Theodore Vorillas / http://vorillaz.com 
 */
@font-face {
    font-family: 'devicons';
    src: url("../fonts/devicons.eot?xqxft6");
    src: url("../fonts/devicons.eot?#iefixxqxft6") format("embedded-opentype"), url("../fonts/devicons.woff?xqxft6") format("woff"), url("../fonts/devicons.ttf?xqxft6") format("truetype"), url("../fonts/devicons.svg?xqxft6#devicons") format("svg");
    font-weight: normal;
    font-style: normal;
}

.devicons {
    font-family: 'devicons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.devicons-git:before {
    content: "";
}

.devicons-git_compare:before {
    content: "";
}

.devicons-git_branch:before {
    content: "";
}

.devicons-git_commit:before {
    content: "";
}

.devicons-git_pull_request:before {
    content: "";
}

.devicons-git_merge:before {
    content: "";
}

.devicons-bitbucket:before {
    content: "";
}

.devicons-github_alt:before {
    content: "";
}

.devicons-github_badge:before {
    content: "";
}

.devicons-github:before {
    content: "";
}

.devicons-github_full:before {
    content: "";
}

.devicons-java:before {
    content: "";
}

.devicons-ruby:before {
    content: "";
}

.devicons-scala:before {
    content: "";
}

.devicons-python:before {
    content: "";
}

.devicons-go:before {
    content: "";
}

.devicons-ruby_on_rails:before {
    content: "";
}

.devicons-django:before {
    content: "";
}

.devicons-markdown:before {
    content: "";
}

.devicons-php:before {
    content: "";
}

.devicons-mysql:before {
    content: "";
}

.devicons-streamline:before {
    content: "";
}

.devicons-database:before {
    content: "";
}

.devicons-laravel:before {
    content: "";
}

.devicons-javascript:before {
    content: "";
}

.devicons-angular:before {
    content: "";
}

.devicons-backbone:before {
    content: "";
}

.devicons-coffeescript:before {
    content: "";
}

.devicons-jquery:before {
    content: "";
}

.devicons-modernizr:before {
    content: "";
}

.devicons-jquery_ui:before {
    content: "";
}

.devicons-ember:before {
    content: "";
}

.devicons-dojo:before {
    content: "";
}

.devicons-nodejs:before {
    content: "";
}

.devicons-nodejs_small:before {
    content: "";
}

.devicons-javascript_shield:before {
    content: "";
}

.devicons-bootstrap:before {
    content: "";
}

.devicons-sass:before {
    content: "";
}

.devicons-css3_full:before {
    content: "";
}

.devicons-css3:before {
    content: "";
}

.devicons-html5:before {
    content: "";
}

.devicons-html5_multimedia:before {
    content: "";
}

.devicons-html5_device_access:before {
    content: "";
}

.devicons-html5_3d_effects:before {
    content: "";
}

.devicons-html5_connectivity:before {
    content: "";
}

.devicons-ghost_small:before {
    content: "";
}

.devicons-ghost:before {
    content: "";
}

.devicons-magento:before {
    content: "";
}

.devicons-joomla:before {
    content: "";
}

.devicons-jekyll_small:before {
    content: "";
}

.devicons-drupal:before {
    content: "";
}

.devicons-wordpress:before {
    content: "";
}

.devicons-grunt:before {
    content: "";
}

.devicons-bower:before {
    content: "";
}

.devicons-npm:before {
    content: "";
}

.devicons-yahoo_small:before {
    content: "";
}

.devicons-yahoo:before {
    content: "";
}

.devicons-bing_small:before {
    content: "";
}

.devicons-windows:before {
    content: "";
}

.devicons-linux:before {
    content: "";
}

.devicons-ubuntu:before {
    content: "";
}

.devicons-android:before {
    content: "";
}

.devicons-apple:before {
    content: "";
}

.devicons-appstore:before {
    content: "";
}

.devicons-phonegap:before {
    content: "";
}

.devicons-blackberry:before {
    content: "";
}

.devicons-stackoverflow:before {
    content: "";
}

.devicons-techcrunch:before {
    content: "";
}

.devicons-codrops:before {
    content: "";
}

.devicons-css_tricks:before {
    content: "";
}

.devicons-smashing_magazine:before {
    content: "";
}

.devicons-netmagazine:before {
    content: "";
}

.devicons-codepen:before {
    content: "";
}

.devicons-cssdeck:before {
    content: "";
}

.devicons-hackernews:before {
    content: "";
}

.devicons-dropbox:before {
    content: "";
}

.devicons-google_drive:before {
    content: "";
}

.devicons-visualstudio:before {
    content: "";
}

.devicons-unity_small:before {
    content: "";
}

.devicons-raspberry_pi:before {
    content: "";
}

.devicons-chrome:before {
    content: "";
}

.devicons-ie:before {
    content: "";
}

.devicons-firefox:before {
    content: "";
}

.devicons-opera:before {
    content: "";
}

.devicons-safari:before {
    content: "";
}

.devicons-swift:before {
    content: "";
}

.devicons-symfony:before {
    content: "";
}

.devicons-symfony_badge:before {
    content: "";
}

.devicons-less:before {
    content: "";
}

.devicons-stylus:before {
    content: "";
}

.devicons-trello:before {
    content: "";
}

.devicons-atlassian:before {
    content: "";
}

.devicons-jira:before {
    content: "";
}

.devicons-envato:before {
    content: "";
}

.devicons-snap_svg:before {
    content: "";
}

.devicons-raphael:before {
    content: "";
}

.devicons-google_analytics:before {
    content: "";
}

.devicons-compass:before {
    content: "";
}

.devicons-onedrive:before {
    content: "";
}

.devicons-gulp:before {
    content: "";
}

.devicons-atom:before {
    content: "";
}

.devicons-cisco:before {
    content: "";
}

.devicons-nancy:before {
    content: "";
}

.devicons-clojure:before {
    content: "";
}

.devicons-clojure_alt:before {
    content: "";
}

.devicons-perl:before {
    content: "";
}

.devicons-celluloid:before {
    content: "";
}

.devicons-w3c:before {
    content: "";
}

.devicons-redis:before {
    content: "";
}

.devicons-postgresql:before {
    content: "";
}

.devicons-webplatform:before {
    content: "";
}

.devicons-jenkins:before {
    content: "";
}

.devicons-requirejs:before {
    content: "";
}

.devicons-opensource:before {
    content: "";
}

.devicons-typo3:before {
    content: "";
}

.devicons-uikit:before {
    content: "";
}

.devicons-doctrine:before {
    content: "";
}

.devicons-groovy:before {
    content: "";
}

.devicons-nginx:before {
    content: "";
}

.devicons-haskell:before {
    content: "";
}

.devicons-zend:before {
    content: "";
}

.devicons-gnu:before {
    content: "";
}

.devicons-yeoman:before {
    content: "";
}

.devicons-heroku:before {
    content: "";
}

.devicons-debian:before {
    content: "";
}

.devicons-travis:before {
    content: "";
}

.devicons-dotnet:before {
    content: "";
}

.devicons-codeigniter:before {
    content: "";
}

.devicons-javascript_badge:before {
    content: "";
}

.devicons-yii:before {
    content: "";
}

.devicons-msql_server:before {
    content: "";
}

.devicons-composer:before {
    content: "";
}

.devicons-krakenjs_badge:before {
    content: "";
}

.devicons-krakenjs:before {
    content: "";
}

.devicons-mozilla:before {
    content: "";
}

.devicons-firebase:before {
    content: "";
}

.devicons-sizzlejs:before {
    content: "";
}

.devicons-creativecommons:before {
    content: "";
}

.devicons-creativecommons_badge:before {
    content: "";
}

.devicons-mitlicence:before {
    content: "";
}

.devicons-senchatouch:before {
    content: "";
}

.devicons-bugsense:before {
    content: "";
}

.devicons-extjs:before {
    content: "";
}

.devicons-mootools_badge:before {
    content: "";
}

.devicons-mootools:before {
    content: "";
}

.devicons-ruby_rough:before {
    content: "";
}

.devicons-komodo:before {
    content: "";
}

.devicons-coda:before {
    content: "";
}

.devicons-bintray:before {
    content: "";
}

.devicons-terminal:before {
    content: "";
}

.devicons-code:before {
    content: "";
}

.devicons-responsive:before {
    content: "";
}

.devicons-dart:before {
    content: "";
}

.devicons-aptana:before {
    content: "";
}

.devicons-mailchimp:before {
    content: "";
}

.devicons-netbeans:before {
    content: "";
}

.devicons-dreamweaver:before {
    content: "";
}

.devicons-brackets:before {
    content: "";
}

.devicons-eclipse:before {
    content: "";
}

.devicons-cloud9:before {
    content: "";
}

.devicons-scrum:before {
    content: "";
}

.devicons-prolog:before {
    content: "";
}

.devicons-terminal_badge:before {
    content: "";
}

.devicons-code_badge:before {
    content: "";
}

.devicons-mongodb:before {
    content: "";
}

.devicons-meteor:before {
    content: "";
}

.devicons-meteorfull:before {
    content: "";
}

.devicons-fsharp:before {
    content: "";
}

.devicons-rust:before {
    content: "";
}

.devicons-ionic:before {
    content: "";
}

.devicons-sublime:before {
    content: "";
}

.devicons-appcelerator:before {
    content: "";
}

.devicons-asterisk:before {
    content: "";
}

.devicons-aws:before {
    content: "";
}

.devicons-digital-ocean:before {
    content: "";
}

.devicons-dlang:before {
    content: "";
}

.devicons-docker:before {
    content: "";
}

.devicons-erlang:before {
    content: "";
}

.devicons-google-cloud-platform:before {
    content: "";
}

.devicons-grails:before {
    content: "";
}

.devicons-illustrator:before {
    content: "";
}

.devicons-intellij:before {
    content: "";
}

.devicons-materializecss:before {
    content: "";
}

.devicons-openshift:before {
    content: "";
}

.devicons-photoshop:before {
    content: "";
}

.devicons-rackspace:before {
    content: "";
}

.devicons-react:before {
    content: "";
}

.devicons-redhat:before {
    content: "";
}

.devicons-scriptcs:before {
    content: "";
}

.devicons-sqllite:before {
    content: "";
}

.devicons-vim:before {
    content: "";
}

/*!
  Ionicons, v2.0.1
  Created by Ben Sperry for the Ionic Framework, http://ionicons.com/
  https://twitter.com/benjsperry  https://twitter.com/ionicframework
  MIT License: https://github.com/driftyco/ionicons

  Android-style icons originally built by Google’s
  Material Design Icons: https://github.com/google/material-design-icons
  used under CC BY http://creativecommons.org/licenses/by/4.0/
  Modified icons to fit ionicon’s grid from original.
*/
@font-face {
    font-family: "Ionicons";
    src: url("../fonts/ionicons.eot?v=2.0.1");
    src: url("../fonts/ionicons.eot?v=2.0.1#iefix") format("embedded-opentype"), url("../fonts/ionicons.ttf?v=2.0.1") format("truetype"), url("../fonts/ionicons.woff?v=2.0.1") format("woff"), url("../fonts/ionicons.svg?v=2.0.1#Ionicons") format("svg");
    font-weight: normal;
    font-style: normal;
}

.ion, .ionicons,
.ion-alert:before,
.ion-alert-circled:before,
.ion-android-add:before,
.ion-android-add-circle:before,
.ion-android-alarm-clock:before,
.ion-android-alert:before,
.ion-android-apps:before,
.ion-android-archive:before,
.ion-android-arrow-back:before,
.ion-android-arrow-down:before,
.ion-android-arrow-dropdown:before,
.ion-android-arrow-dropdown-circle:before,
.ion-android-arrow-dropleft:before,
.ion-android-arrow-dropleft-circle:before,
.ion-android-arrow-dropright:before,
.ion-android-arrow-dropright-circle:before,
.ion-android-arrow-dropup:before,
.ion-android-arrow-dropup-circle:before,
.ion-android-arrow-forward:before,
.ion-android-arrow-up:before,
.ion-android-attach:before,
.ion-android-bar:before,
.ion-android-bicycle:before,
.ion-android-boat:before,
.ion-android-bookmark:before,
.ion-android-bulb:before,
.ion-android-bus:before,
.ion-android-calendar:before,
.ion-android-call:before,
.ion-android-camera:before,
.ion-android-cancel:before,
.ion-android-car:before,
.ion-android-cart:before,
.ion-android-chat:before,
.ion-android-checkbox:before,
.ion-android-checkbox-blank:before,
.ion-android-checkbox-outline:before,
.ion-android-checkbox-outline-blank:before,
.ion-android-checkmark-circle:before,
.ion-android-clipboard:before,
.ion-android-close:before,
.ion-android-cloud:before,
.ion-android-cloud-circle:before,
.ion-android-cloud-done:before,
.ion-android-cloud-outline:before,
.ion-android-color-palette:before,
.ion-android-compass:before,
.ion-android-contact:before,
.ion-android-contacts:before,
.ion-android-contract:before,
.ion-android-create:before,
.ion-android-delete:before,
.ion-android-desktop:before,
.ion-android-document:before,
.ion-android-done:before,
.ion-android-done-all:before,
.ion-android-download:before,
.ion-android-drafts:before,
.ion-android-exit:before,
.ion-android-expand:before,
.ion-android-favorite:before,
.ion-android-favorite-outline:before,
.ion-android-film:before,
.ion-android-folder:before,
.ion-android-folder-open:before,
.ion-android-funnel:before,
.ion-android-globe:before,
.ion-android-hand:before,
.ion-android-hangout:before,
.ion-android-happy:before,
.ion-android-home:before,
.ion-android-image:before,
.ion-android-laptop:before,
.ion-android-list:before,
.ion-android-locate:before,
.ion-android-lock:before,
.ion-android-mail:before,
.ion-android-map:before,
.ion-android-menu:before,
.ion-android-microphone:before,
.ion-android-microphone-off:before,
.ion-android-more-horizontal:before,
.ion-android-more-vertical:before,
.ion-android-navigate:before,
.ion-android-notifications:before,
.ion-android-notifications-none:before,
.ion-android-notifications-off:before,
.ion-android-open:before,
.ion-android-options:before,
.ion-android-people:before,
.ion-android-person:before,
.ion-android-person-add:before,
.ion-android-phone-landscape:before,
.ion-android-phone-portrait:before,
.ion-android-pin:before,
.ion-android-plane:before,
.ion-android-playstore:before,
.ion-android-print:before,
.ion-android-radio-button-off:before,
.ion-android-radio-button-on:before,
.ion-android-refresh:before,
.ion-android-remove:before,
.ion-android-remove-circle:before,
.ion-android-restaurant:before,
.ion-android-sad:before,
.ion-android-search:before,
.ion-android-send:before,
.ion-android-settings:before,
.ion-android-share:before,
.ion-android-share-alt:before,
.ion-android-star:before,
.ion-android-star-half:before,
.ion-android-star-outline:before,
.ion-android-stopwatch:before,
.ion-android-subway:before,
.ion-android-sunny:before,
.ion-android-sync:before,
.ion-android-textsms:before,
.ion-android-time:before,
.ion-android-train:before,
.ion-android-unlock:before,
.ion-android-upload:before,
.ion-android-volume-down:before,
.ion-android-volume-mute:before,
.ion-android-volume-off:before,
.ion-android-volume-up:before,
.ion-android-walk:before,
.ion-android-warning:before,
.ion-android-watch:before,
.ion-android-wifi:before,
.ion-aperture:before,
.ion-archive:before,
.ion-arrow-down-a:before,
.ion-arrow-down-b:before,
.ion-arrow-down-c:before,
.ion-arrow-expand:before,
.ion-arrow-graph-down-left:before,
.ion-arrow-graph-down-right:before,
.ion-arrow-graph-up-left:before,
.ion-arrow-graph-up-right:before,
.ion-arrow-left-a:before,
.ion-arrow-left-b:before,
.ion-arrow-left-c:before,
.ion-arrow-move:before,
.ion-arrow-resize:before,
.ion-arrow-return-left:before,
.ion-arrow-return-right:before,
.ion-arrow-right-a:before,
.ion-arrow-right-b:before,
.ion-arrow-right-c:before,
.ion-arrow-shrink:before,
.ion-arrow-swap:before,
.ion-arrow-up-a:before,
.ion-arrow-up-b:before,
.ion-arrow-up-c:before,
.ion-asterisk:before,
.ion-at:before,
.ion-backspace:before,
.ion-backspace-outline:before,
.ion-bag:before,
.ion-battery-charging:before,
.ion-battery-empty:before,
.ion-battery-full:before,
.ion-battery-half:before,
.ion-battery-low:before,
.ion-beaker:before,
.ion-beer:before,
.ion-bluetooth:before,
.ion-bonfire:before,
.ion-bookmark:before,
.ion-bowtie:before,
.ion-briefcase:before,
.ion-bug:before,
.ion-calculator:before,
.ion-calendar:before,
.ion-camera:before,
.ion-card:before,
.ion-cash:before,
.ion-chatbox:before,
.ion-chatbox-working:before,
.ion-chatboxes:before,
.ion-chatbubble:before,
.ion-chatbubble-working:before,
.ion-chatbubbles:before,
.ion-checkmark:before,
.ion-checkmark-circled:before,
.ion-checkmark-round:before,
.ion-chevron-down:before,
.ion-chevron-left:before,
.ion-chevron-right:before,
.ion-chevron-up:before,
.ion-clipboard:before,
.ion-clock:before,
.ion-close:before,
.ion-close-circled:before,
.ion-close-round:before,
.ion-closed-captioning:before,
.ion-cloud:before,
.ion-code:before,
.ion-code-download:before,
.ion-code-working:before,
.ion-coffee:before,
.ion-compass:before,
.ion-compose:before,
.ion-connection-bars:before,
.ion-contrast:before,
.ion-crop:before,
.ion-cube:before,
.ion-disc:before,
.ion-document:before,
.ion-document-text:before,
.ion-drag:before,
.ion-earth:before,
.ion-easel:before,
.ion-edit:before,
.ion-egg:before,
.ion-eject:before,
.ion-email:before,
.ion-email-unread:before,
.ion-erlenmeyer-flask:before,
.ion-erlenmeyer-flask-bubbles:before,
.ion-eye:before,
.ion-eye-disabled:before,
.ion-female:before,
.ion-filing:before,
.ion-film-marker:before,
.ion-fireball:before,
.ion-flag:before,
.ion-flame:before,
.ion-flash:before,
.ion-flash-off:before,
.ion-folder:before,
.ion-fork:before,
.ion-fork-repo:before,
.ion-forward:before,
.ion-funnel:before,
.ion-gear-a:before,
.ion-gear-b:before,
.ion-grid:before,
.ion-hammer:before,
.ion-happy:before,
.ion-happy-outline:before,
.ion-headphone:before,
.ion-heart:before,
.ion-heart-broken:before,
.ion-help:before,
.ion-help-buoy:before,
.ion-help-circled:before,
.ion-home:before,
.ion-icecream:before,
.ion-image:before,
.ion-images:before,
.ion-information:before,
.ion-information-circled:before,
.ion-ionic:before,
.ion-ios-alarm:before,
.ion-ios-alarm-outline:before,
.ion-ios-albums:before,
.ion-ios-albums-outline:before,
.ion-ios-americanfootball:before,
.ion-ios-americanfootball-outline:before,
.ion-ios-analytics:before,
.ion-ios-analytics-outline:before,
.ion-ios-arrow-back:before,
.ion-ios-arrow-down:before,
.ion-ios-arrow-forward:before,
.ion-ios-arrow-left:before,
.ion-ios-arrow-right:before,
.ion-ios-arrow-thin-down:before,
.ion-ios-arrow-thin-left:before,
.ion-ios-arrow-thin-right:before,
.ion-ios-arrow-thin-up:before,
.ion-ios-arrow-up:before,
.ion-ios-at:before,
.ion-ios-at-outline:before,
.ion-ios-barcode:before,
.ion-ios-barcode-outline:before,
.ion-ios-baseball:before,
.ion-ios-baseball-outline:before,
.ion-ios-basketball:before,
.ion-ios-basketball-outline:before,
.ion-ios-bell:before,
.ion-ios-bell-outline:before,
.ion-ios-body:before,
.ion-ios-body-outline:before,
.ion-ios-bolt:before,
.ion-ios-bolt-outline:before,
.ion-ios-book:before,
.ion-ios-book-outline:before,
.ion-ios-bookmarks:before,
.ion-ios-bookmarks-outline:before,
.ion-ios-box:before,
.ion-ios-box-outline:before,
.ion-ios-briefcase:before,
.ion-ios-briefcase-outline:before,
.ion-ios-browsers:before,
.ion-ios-browsers-outline:before,
.ion-ios-calculator:before,
.ion-ios-calculator-outline:before,
.ion-ios-calendar:before,
.ion-ios-calendar-outline:before,
.ion-ios-camera:before,
.ion-ios-camera-outline:before,
.ion-ios-cart:before,
.ion-ios-cart-outline:before,
.ion-ios-chatboxes:before,
.ion-ios-chatboxes-outline:before,
.ion-ios-chatbubble:before,
.ion-ios-chatbubble-outline:before,
.ion-ios-checkmark:before,
.ion-ios-checkmark-empty:before,
.ion-ios-checkmark-outline:before,
.ion-ios-circle-filled:before,
.ion-ios-circle-outline:before,
.ion-ios-clock:before,
.ion-ios-clock-outline:before,
.ion-ios-close:before,
.ion-ios-close-empty:before,
.ion-ios-close-outline:before,
.ion-ios-cloud:before,
.ion-ios-cloud-download:before,
.ion-ios-cloud-download-outline:before,
.ion-ios-cloud-outline:before,
.ion-ios-cloud-upload:before,
.ion-ios-cloud-upload-outline:before,
.ion-ios-cloudy:before,
.ion-ios-cloudy-night:before,
.ion-ios-cloudy-night-outline:before,
.ion-ios-cloudy-outline:before,
.ion-ios-cog:before,
.ion-ios-cog-outline:before,
.ion-ios-color-filter:before,
.ion-ios-color-filter-outline:before,
.ion-ios-color-wand:before,
.ion-ios-color-wand-outline:before,
.ion-ios-compose:before,
.ion-ios-compose-outline:before,
.ion-ios-contact:before,
.ion-ios-contact-outline:before,
.ion-ios-copy:before,
.ion-ios-copy-outline:before,
.ion-ios-crop:before,
.ion-ios-crop-strong:before,
.ion-ios-download:before,
.ion-ios-download-outline:before,
.ion-ios-drag:before,
.ion-ios-email:before,
.ion-ios-email-outline:before,
.ion-ios-eye:before,
.ion-ios-eye-outline:before,
.ion-ios-fastforward:before,
.ion-ios-fastforward-outline:before,
.ion-ios-filing:before,
.ion-ios-filing-outline:before,
.ion-ios-film:before,
.ion-ios-film-outline:before,
.ion-ios-flag:before,
.ion-ios-flag-outline:before,
.ion-ios-flame:before,
.ion-ios-flame-outline:before,
.ion-ios-flask:before,
.ion-ios-flask-outline:before,
.ion-ios-flower:before,
.ion-ios-flower-outline:before,
.ion-ios-folder:before,
.ion-ios-folder-outline:before,
.ion-ios-football:before,
.ion-ios-football-outline:before,
.ion-ios-game-controller-a:before,
.ion-ios-game-controller-a-outline:before,
.ion-ios-game-controller-b:before,
.ion-ios-game-controller-b-outline:before,
.ion-ios-gear:before,
.ion-ios-gear-outline:before,
.ion-ios-glasses:before,
.ion-ios-glasses-outline:before,
.ion-ios-grid-view:before,
.ion-ios-grid-view-outline:before,
.ion-ios-heart:before,
.ion-ios-heart-outline:before,
.ion-ios-help:before,
.ion-ios-help-empty:before,
.ion-ios-help-outline:before,
.ion-ios-home:before,
.ion-ios-home-outline:before,
.ion-ios-infinite:before,
.ion-ios-infinite-outline:before,
.ion-ios-information:before,
.ion-ios-information-empty:before,
.ion-ios-information-outline:before,
.ion-ios-ionic-outline:before,
.ion-ios-keypad:before,
.ion-ios-keypad-outline:before,
.ion-ios-lightbulb:before,
.ion-ios-lightbulb-outline:before,
.ion-ios-list:before,
.ion-ios-list-outline:before,
.ion-ios-location:before,
.ion-ios-location-outline:before,
.ion-ios-locked:before,
.ion-ios-locked-outline:before,
.ion-ios-loop:before,
.ion-ios-loop-strong:before,
.ion-ios-medical:before,
.ion-ios-medical-outline:before,
.ion-ios-medkit:before,
.ion-ios-medkit-outline:before,
.ion-ios-mic:before,
.ion-ios-mic-off:before,
.ion-ios-mic-outline:before,
.ion-ios-minus:before,
.ion-ios-minus-empty:before,
.ion-ios-minus-outline:before,
.ion-ios-monitor:before,
.ion-ios-monitor-outline:before,
.ion-ios-moon:before,
.ion-ios-moon-outline:before,
.ion-ios-more:before,
.ion-ios-more-outline:before,
.ion-ios-musical-note:before,
.ion-ios-musical-notes:before,
.ion-ios-navigate:before,
.ion-ios-navigate-outline:before,
.ion-ios-nutrition:before,
.ion-ios-nutrition-outline:before,
.ion-ios-paper:before,
.ion-ios-paper-outline:before,
.ion-ios-paperplane:before,
.ion-ios-paperplane-outline:before,
.ion-ios-partlysunny:before,
.ion-ios-partlysunny-outline:before,
.ion-ios-pause:before,
.ion-ios-pause-outline:before,
.ion-ios-paw:before,
.ion-ios-paw-outline:before,
.ion-ios-people:before,
.ion-ios-people-outline:before,
.ion-ios-person:before,
.ion-ios-person-outline:before,
.ion-ios-personadd:before,
.ion-ios-personadd-outline:before,
.ion-ios-photos:before,
.ion-ios-photos-outline:before,
.ion-ios-pie:before,
.ion-ios-pie-outline:before,
.ion-ios-pint:before,
.ion-ios-pint-outline:before,
.ion-ios-play:before,
.ion-ios-play-outline:before,
.ion-ios-plus:before,
.ion-ios-plus-empty:before,
.ion-ios-plus-outline:before,
.ion-ios-pricetag:before,
.ion-ios-pricetag-outline:before,
.ion-ios-pricetags:before,
.ion-ios-pricetags-outline:before,
.ion-ios-printer:before,
.ion-ios-printer-outline:before,
.ion-ios-pulse:before,
.ion-ios-pulse-strong:before,
.ion-ios-rainy:before,
.ion-ios-rainy-outline:before,
.ion-ios-recording:before,
.ion-ios-recording-outline:before,
.ion-ios-redo:before,
.ion-ios-redo-outline:before,
.ion-ios-refresh:before,
.ion-ios-refresh-empty:before,
.ion-ios-refresh-outline:before,
.ion-ios-reload:before,
.ion-ios-reverse-camera:before,
.ion-ios-reverse-camera-outline:before,
.ion-ios-rewind:before,
.ion-ios-rewind-outline:before,
.ion-ios-rose:before,
.ion-ios-rose-outline:before,
.ion-ios-search:before,
.ion-ios-search-strong:before,
.ion-ios-settings:before,
.ion-ios-settings-strong:before,
.ion-ios-shuffle:before,
.ion-ios-shuffle-strong:before,
.ion-ios-skipbackward:before,
.ion-ios-skipbackward-outline:before,
.ion-ios-skipforward:before,
.ion-ios-skipforward-outline:before,
.ion-ios-snowy:before,
.ion-ios-speedometer:before,
.ion-ios-speedometer-outline:before,
.ion-ios-star:before,
.ion-ios-star-half:before,
.ion-ios-star-outline:before,
.ion-ios-stopwatch:before,
.ion-ios-stopwatch-outline:before,
.ion-ios-sunny:before,
.ion-ios-sunny-outline:before,
.ion-ios-telephone:before,
.ion-ios-telephone-outline:before,
.ion-ios-tennisball:before,
.ion-ios-tennisball-outline:before,
.ion-ios-thunderstorm:before,
.ion-ios-thunderstorm-outline:before,
.ion-ios-time:before,
.ion-ios-time-outline:before,
.ion-ios-timer:before,
.ion-ios-timer-outline:before,
.ion-ios-toggle:before,
.ion-ios-toggle-outline:before,
.ion-ios-trash:before,
.ion-ios-trash-outline:before,
.ion-ios-undo:before,
.ion-ios-undo-outline:before,
.ion-ios-unlocked:before,
.ion-ios-unlocked-outline:before,
.ion-ios-upload:before,
.ion-ios-upload-outline:before,
.ion-ios-videocam:before,
.ion-ios-videocam-outline:before,
.ion-ios-volume-high:before,
.ion-ios-volume-low:before,
.ion-ios-wineglass:before,
.ion-ios-wineglass-outline:before,
.ion-ios-world:before,
.ion-ios-world-outline:before,
.ion-ipad:before,
.ion-iphone:before,
.ion-ipod:before,
.ion-jet:before,
.ion-key:before,
.ion-knife:before,
.ion-laptop:before,
.ion-leaf:before,
.ion-levels:before,
.ion-lightbulb:before,
.ion-link:before,
.ion-load-a:before,
.ion-load-b:before,
.ion-load-c:before,
.ion-load-d:before,
.ion-location:before,
.ion-lock-combination:before,
.ion-locked:before,
.ion-log-in:before,
.ion-log-out:before,
.ion-loop:before,
.ion-magnet:before,
.ion-male:before,
.ion-man:before,
.ion-map:before,
.ion-medkit:before,
.ion-merge:before,
.ion-mic-a:before,
.ion-mic-b:before,
.ion-mic-c:before,
.ion-minus:before,
.ion-minus-circled:before,
.ion-minus-round:before,
.ion-model-s:before,
.ion-monitor:before,
.ion-more:before,
.ion-mouse:before,
.ion-music-note:before,
.ion-navicon:before,
.ion-navicon-round:before,
.ion-navigate:before,
.ion-network:before,
.ion-no-smoking:before,
.ion-nuclear:before,
.ion-outlet:before,
.ion-paintbrush:before,
.ion-paintbucket:before,
.ion-paper-airplane:before,
.ion-paperclip:before,
.ion-pause:before,
.ion-person:before,
.ion-person-add:before,
.ion-person-stalker:before,
.ion-pie-graph:before,
.ion-pin:before,
.ion-pinpoint:before,
.ion-pizza:before,
.ion-plane:before,
.ion-planet:before,
.ion-play:before,
.ion-playstation:before,
.ion-plus:before,
.ion-plus-circled:before,
.ion-plus-round:before,
.ion-podium:before,
.ion-pound:before,
.ion-power:before,
.ion-pricetag:before,
.ion-pricetags:before,
.ion-printer:before,
.ion-pull-request:before,
.ion-qr-scanner:before,
.ion-quote:before,
.ion-radio-waves:before,
.ion-record:before,
.ion-refresh:before,
.ion-reply:before,
.ion-reply-all:before,
.ion-ribbon-a:before,
.ion-ribbon-b:before,
.ion-sad:before,
.ion-sad-outline:before,
.ion-scissors:before,
.ion-search:before,
.ion-settings:before,
.ion-share:before,
.ion-shuffle:before,
.ion-skip-backward:before,
.ion-skip-forward:before,
.ion-social-android:before,
.ion-social-android-outline:before,
.ion-social-angular:before,
.ion-social-angular-outline:before,
.ion-social-apple:before,
.ion-social-apple-outline:before,
.ion-social-bitcoin:before,
.ion-social-bitcoin-outline:before,
.ion-social-buffer:before,
.ion-social-buffer-outline:before,
.ion-social-chrome:before,
.ion-social-chrome-outline:before,
.ion-social-codepen:before,
.ion-social-codepen-outline:before,
.ion-social-css3:before,
.ion-social-css3-outline:before,
.ion-social-designernews:before,
.ion-social-designernews-outline:before,
.ion-social-dribbble:before,
.ion-social-dribbble-outline:before,
.ion-social-dropbox:before,
.ion-social-dropbox-outline:before,
.ion-social-euro:before,
.ion-social-euro-outline:before,
.ion-social-facebook:before,
.ion-social-facebook-outline:before,
.ion-social-foursquare:before,
.ion-social-foursquare-outline:before,
.ion-social-freebsd-devil:before,
.ion-social-github:before,
.ion-social-github-outline:before,
.ion-social-google:before,
.ion-social-google-outline:before,
.ion-social-googleplus:before,
.ion-social-googleplus-outline:before,
.ion-social-hackernews:before,
.ion-social-hackernews-outline:before,
.ion-social-html5:before,
.ion-social-html5-outline:before,
.ion-social-instagram:before,
.ion-social-instagram-outline:before,
.ion-social-javascript:before,
.ion-social-javascript-outline:before,
.ion-social-linkedin:before,
.ion-social-linkedin-outline:before,
.ion-social-markdown:before,
.ion-social-nodejs:before,
.ion-social-octocat:before,
.ion-social-pinterest:before,
.ion-social-pinterest-outline:before,
.ion-social-python:before,
.ion-social-reddit:before,
.ion-social-reddit-outline:before,
.ion-social-rss:before,
.ion-social-rss-outline:before,
.ion-social-sass:before,
.ion-social-skype:before,
.ion-social-skype-outline:before,
.ion-social-snapchat:before,
.ion-social-snapchat-outline:before,
.ion-social-tumblr:before,
.ion-social-tumblr-outline:before,
.ion-social-tux:before,
.ion-social-twitch:before,
.ion-social-twitch-outline:before,
.ion-social-twitter:before,
.ion-social-twitter-outline:before,
.ion-social-usd:before,
.ion-social-usd-outline:before,
.ion-social-vimeo:before,
.ion-social-vimeo-outline:before,
.ion-social-whatsapp:before,
.ion-social-whatsapp-outline:before,
.ion-social-windows:before,
.ion-social-windows-outline:before,
.ion-social-wordpress:before,
.ion-social-wordpress-outline:before,
.ion-social-yahoo:before,
.ion-social-yahoo-outline:before,
.ion-social-yen:before,
.ion-social-yen-outline:before,
.ion-social-youtube:before,
.ion-social-youtube-outline:before,
.ion-soup-can:before,
.ion-soup-can-outline:before,
.ion-speakerphone:before,
.ion-speedometer:before,
.ion-spoon:before,
.ion-star:before,
.ion-stats-bars:before,
.ion-steam:before,
.ion-stop:before,
.ion-thermometer:before,
.ion-thumbsdown:before,
.ion-thumbsup:before,
.ion-toggle:before,
.ion-toggle-filled:before,
.ion-transgender:before,
.ion-trash-a:before,
.ion-trash-b:before,
.ion-trophy:before,
.ion-tshirt:before,
.ion-tshirt-outline:before,
.ion-umbrella:before,
.ion-university:before,
.ion-unlocked:before,
.ion-upload:before,
.ion-usb:before,
.ion-videocamera:before,
.ion-volume-high:before,
.ion-volume-low:before,
.ion-volume-medium:before,
.ion-volume-mute:before,
.ion-wand:before,
.ion-waterdrop:before,
.ion-wifi:before,
.ion-wineglass:before,
.ion-woman:before,
.ion-wrench:before,
.ion-xbox:before {
    display: inline-block;
    font-family: "Ionicons";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-rendering: auto;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.ion-alert:before {
    content: "";
}

.ion-alert-circled:before {
    content: "";
}

.ion-android-add:before {
    content: "";
}

.ion-android-add-circle:before {
    content: "";
}

.ion-android-alarm-clock:before {
    content: "";
}

.ion-android-alert:before {
    content: "";
}

.ion-android-apps:before {
    content: "";
}

.ion-android-archive:before {
    content: "";
}

.ion-android-arrow-back:before {
    content: "";
}

.ion-android-arrow-down:before {
    content: "";
}

.ion-android-arrow-dropdown:before {
    content: "";
}

.ion-android-arrow-dropdown-circle:before {
    content: "";
}

.ion-android-arrow-dropleft:before {
    content: "";
}

.ion-android-arrow-dropleft-circle:before {
    content: "";
}

.ion-android-arrow-dropright:before {
    content: "";
}

.ion-android-arrow-dropright-circle:before {
    content: "";
}

.ion-android-arrow-dropup:before {
    content: "";
}

.ion-android-arrow-dropup-circle:before {
    content: "";
}

.ion-android-arrow-forward:before {
    content: "";
}

.ion-android-arrow-up:before {
    content: "";
}

.ion-android-attach:before {
    content: "";
}

.ion-android-bar:before {
    content: "";
}

.ion-android-bicycle:before {
    content: "";
}

.ion-android-boat:before {
    content: "";
}

.ion-android-bookmark:before {
    content: "";
}

.ion-android-bulb:before {
    content: "";
}

.ion-android-bus:before {
    content: "";
}

.ion-android-calendar:before {
    content: "";
}

.ion-android-call:before {
    content: "";
}

.ion-android-camera:before {
    content: "";
}

.ion-android-cancel:before {
    content: "";
}

.ion-android-car:before {
    content: "";
}

.ion-android-cart:before {
    content: "";
}

.ion-android-chat:before {
    content: "";
}

.ion-android-checkbox:before {
    content: "";
}

.ion-android-checkbox-blank:before {
    content: "";
}

.ion-android-checkbox-outline:before {
    content: "";
}

.ion-android-checkbox-outline-blank:before {
    content: "";
}

.ion-android-checkmark-circle:before {
    content: "";
}

.ion-android-clipboard:before {
    content: "";
}

.ion-android-close:before {
    content: "";
}

.ion-android-cloud:before {
    content: "";
}

.ion-android-cloud-circle:before {
    content: "";
}

.ion-android-cloud-done:before {
    content: "";
}

.ion-android-cloud-outline:before {
    content: "";
}

.ion-android-color-palette:before {
    content: "";
}

.ion-android-compass:before {
    content: "";
}

.ion-android-contact:before {
    content: "";
}

.ion-android-contacts:before {
    content: "";
}

.ion-android-contract:before {
    content: "";
}

.ion-android-create:before {
    content: "";
}

.ion-android-delete:before {
    content: "";
}

.ion-android-desktop:before {
    content: "";
}

.ion-android-document:before {
    content: "";
}

.ion-android-done:before {
    content: "";
}

.ion-android-done-all:before {
    content: "";
}

.ion-android-download:before {
    content: "";
}

.ion-android-drafts:before {
    content: "";
}

.ion-android-exit:before {
    content: "";
}

.ion-android-expand:before {
    content: "";
}

.ion-android-favorite:before {
    content: "";
}

.ion-android-favorite-outline:before {
    content: "";
}

.ion-android-film:before {
    content: "";
}

.ion-android-folder:before {
    content: "";
}

.ion-android-folder-open:before {
    content: "";
}

.ion-android-funnel:before {
    content: "";
}

.ion-android-globe:before {
    content: "";
}

.ion-android-hand:before {
    content: "";
}

.ion-android-hangout:before {
    content: "";
}

.ion-android-happy:before {
    content: "";
}

.ion-android-home:before {
    content: "";
}

.ion-android-image:before {
    content: "";
}

.ion-android-laptop:before {
    content: "";
}

.ion-android-list:before {
    content: "";
}

.ion-android-locate:before {
    content: "";
}

.ion-android-lock:before {
    content: "";
}

.ion-android-mail:before {
    content: "";
}

.ion-android-map:before {
    content: "";
}

.ion-android-menu:before {
    content: "";
}

.ion-android-microphone:before {
    content: "";
}

.ion-android-microphone-off:before {
    content: "";
}

.ion-android-more-horizontal:before {
    content: "";
}

.ion-android-more-vertical:before {
    content: "";
}

.ion-android-navigate:before {
    content: "";
}

.ion-android-notifications:before {
    content: "";
}

.ion-android-notifications-none:before {
    content: "";
}

.ion-android-notifications-off:before {
    content: "";
}

.ion-android-open:before {
    content: "";
}

.ion-android-options:before {
    content: "";
}

.ion-android-people:before {
    content: "";
}

.ion-android-person:before {
    content: "";
}

.ion-android-person-add:before {
    content: "";
}

.ion-android-phone-landscape:before {
    content: "";
}

.ion-android-phone-portrait:before {
    content: "";
}

.ion-android-pin:before {
    content: "";
}

.ion-android-plane:before {
    content: "";
}

.ion-android-playstore:before {
    content: "";
}

.ion-android-print:before {
    content: "";
}

.ion-android-radio-button-off:before {
    content: "";
}

.ion-android-radio-button-on:before {
    content: "";
}

.ion-android-refresh:before {
    content: "";
}

.ion-android-remove:before {
    content: "";
}

.ion-android-remove-circle:before {
    content: "";
}

.ion-android-restaurant:before {
    content: "";
}

.ion-android-sad:before {
    content: "";
}

.ion-android-search:before {
    content: "";
}

.ion-android-send:before {
    content: "";
}

.ion-android-settings:before {
    content: "";
}

.ion-android-share:before {
    content: "";
}

.ion-android-share-alt:before {
    content: "";
}

.ion-android-star:before {
    content: "";
}

.ion-android-star-half:before {
    content: "";
}

.ion-android-star-outline:before {
    content: "";
}

.ion-android-stopwatch:before {
    content: "";
}

.ion-android-subway:before {
    content: "";
}

.ion-android-sunny:before {
    content: "";
}

.ion-android-sync:before {
    content: "";
}

.ion-android-textsms:before {
    content: "";
}

.ion-android-time:before {
    content: "";
}

.ion-android-train:before {
    content: "";
}

.ion-android-unlock:before {
    content: "";
}

.ion-android-upload:before {
    content: "";
}

.ion-android-volume-down:before {
    content: "";
}

.ion-android-volume-mute:before {
    content: "";
}

.ion-android-volume-off:before {
    content: "";
}

.ion-android-volume-up:before {
    content: "";
}

.ion-android-walk:before {
    content: "";
}

.ion-android-warning:before {
    content: "";
}

.ion-android-watch:before {
    content: "";
}

.ion-android-wifi:before {
    content: "";
}

.ion-aperture:before {
    content: "";
}

.ion-archive:before {
    content: "";
}

.ion-arrow-down-a:before {
    content: "";
}

.ion-arrow-down-b:before {
    content: "";
}

.ion-arrow-down-c:before {
    content: "";
}

.ion-arrow-expand:before {
    content: "";
}

.ion-arrow-graph-down-left:before {
    content: "";
}

.ion-arrow-graph-down-right:before {
    content: "";
}

.ion-arrow-graph-up-left:before {
    content: "";
}

.ion-arrow-graph-up-right:before {
    content: "";
}

.ion-arrow-left-a:before {
    content: "";
}

.ion-arrow-left-b:before {
    content: "";
}

.ion-arrow-left-c:before {
    content: "";
}

.ion-arrow-move:before {
    content: "";
}

.ion-arrow-resize:before {
    content: "";
}

.ion-arrow-return-left:before {
    content: "";
}

.ion-arrow-return-right:before {
    content: "";
}

.ion-arrow-right-a:before {
    content: "";
}

.ion-arrow-right-b:before {
    content: "";
}

.ion-arrow-right-c:before {
    content: "";
}

.ion-arrow-shrink:before {
    content: "";
}

.ion-arrow-swap:before {
    content: "";
}

.ion-arrow-up-a:before {
    content: "";
}

.ion-arrow-up-b:before {
    content: "";
}

.ion-arrow-up-c:before {
    content: "";
}

.ion-asterisk:before {
    content: "";
}

.ion-at:before {
    content: "";
}

.ion-backspace:before {
    content: "";
}

.ion-backspace-outline:before {
    content: "";
}

.ion-bag:before {
    content: "";
}

.ion-battery-charging:before {
    content: "";
}

.ion-battery-empty:before {
    content: "";
}

.ion-battery-full:before {
    content: "";
}

.ion-battery-half:before {
    content: "";
}

.ion-battery-low:before {
    content: "";
}

.ion-beaker:before {
    content: "";
}

.ion-beer:before {
    content: "";
}

.ion-bluetooth:before {
    content: "";
}

.ion-bonfire:before {
    content: "";
}

.ion-bookmark:before {
    content: "";
}

.ion-bowtie:before {
    content: "";
}

.ion-briefcase:before {
    content: "";
}

.ion-bug:before {
    content: "";
}

.ion-calculator:before {
    content: "";
}

.ion-calendar:before {
    content: "";
}

.ion-camera:before {
    content: "";
}

.ion-card:before {
    content: "";
}

.ion-cash:before {
    content: "";
}

.ion-chatbox:before {
    content: "";
}

.ion-chatbox-working:before {
    content: "";
}

.ion-chatboxes:before {
    content: "";
}

.ion-chatbubble:before {
    content: "";
}

.ion-chatbubble-working:before {
    content: "";
}

.ion-chatbubbles:before {
    content: "";
}

.ion-checkmark:before {
    content: "";
}

.ion-checkmark-circled:before {
    content: "";
}

.ion-checkmark-round:before {
    content: "";
}

.ion-chevron-down:before {
    content: "";
}

.ion-chevron-left:before {
    content: "";
}

.ion-chevron-right:before {
    content: "";
}

.ion-chevron-up:before {
    content: "";
}

.ion-clipboard:before {
    content: "";
}

.ion-clock:before {
    content: "";
}

.ion-close:before {
    content: "";
}

.ion-close-circled:before {
    content: "";
}

.ion-close-round:before {
    content: "";
}

.ion-closed-captioning:before {
    content: "";
}

.ion-cloud:before {
    content: "";
}

.ion-code:before {
    content: "";
}

.ion-code-download:before {
    content: "";
}

.ion-code-working:before {
    content: "";
}

.ion-coffee:before {
    content: "";
}

.ion-compass:before {
    content: "";
}

.ion-compose:before {
    content: "";
}

.ion-connection-bars:before {
    content: "";
}

.ion-contrast:before {
    content: "";
}

.ion-crop:before {
    content: "";
}

.ion-cube:before {
    content: "";
}

.ion-disc:before {
    content: "";
}

.ion-document:before {
    content: "";
}

.ion-document-text:before {
    content: "";
}

.ion-drag:before {
    content: "";
}

.ion-earth:before {
    content: "";
}

.ion-easel:before {
    content: "";
}

.ion-edit:before {
    content: "";
}

.ion-egg:before {
    content: "";
}

.ion-eject:before {
    content: "";
}

.ion-email:before {
    content: "";
}

.ion-email-unread:before {
    content: "";
}

.ion-erlenmeyer-flask:before {
    content: "";
}

.ion-erlenmeyer-flask-bubbles:before {
    content: "";
}

.ion-eye:before {
    content: "";
}

.ion-eye-disabled:before {
    content: "";
}

.ion-female:before {
    content: "";
}

.ion-filing:before {
    content: "";
}

.ion-film-marker:before {
    content: "";
}

.ion-fireball:before {
    content: "";
}

.ion-flag:before {
    content: "";
}

.ion-flame:before {
    content: "";
}

.ion-flash:before {
    content: "";
}

.ion-flash-off:before {
    content: "";
}

.ion-folder:before {
    content: "";
}

.ion-fork:before {
    content: "";
}

.ion-fork-repo:before {
    content: "";
}

.ion-forward:before {
    content: "";
}

.ion-funnel:before {
    content: "";
}

.ion-gear-a:before {
    content: "";
}

.ion-gear-b:before {
    content: "";
}

.ion-grid:before {
    content: "";
}

.ion-hammer:before {
    content: "";
}

.ion-happy:before {
    content: "";
}

.ion-happy-outline:before {
    content: "";
}

.ion-headphone:before {
    content: "";
}

.ion-heart:before {
    content: "";
}

.ion-heart-broken:before {
    content: "";
}

.ion-help:before {
    content: "";
}

.ion-help-buoy:before {
    content: "";
}

.ion-help-circled:before {
    content: "";
}

.ion-home:before {
    content: "";
}

.ion-icecream:before {
    content: "";
}

.ion-image:before {
    content: "";
}

.ion-images:before {
    content: "";
}

.ion-information:before {
    content: "";
}

.ion-information-circled:before {
    content: "";
}

.ion-ionic:before {
    content: "";
}

.ion-ios-alarm:before {
    content: "";
}

.ion-ios-alarm-outline:before {
    content: "";
}

.ion-ios-albums:before {
    content: "";
}

.ion-ios-albums-outline:before {
    content: "";
}

.ion-ios-americanfootball:before {
    content: "";
}

.ion-ios-americanfootball-outline:before {
    content: "";
}

.ion-ios-analytics:before {
    content: "";
}

.ion-ios-analytics-outline:before {
    content: "";
}

.ion-ios-arrow-back:before {
    content: "";
}

.ion-ios-arrow-down:before {
    content: "";
}

.ion-ios-arrow-forward:before {
    content: "";
}

.ion-ios-arrow-left:before {
    content: "";
}

.ion-ios-arrow-right:before {
    content: "";
}

.ion-ios-arrow-thin-down:before {
    content: "";
}

.ion-ios-arrow-thin-left:before {
    content: "";
}

.ion-ios-arrow-thin-right:before {
    content: "";
}

.ion-ios-arrow-thin-up:before {
    content: "";
}

.ion-ios-arrow-up:before {
    content: "";
}

.ion-ios-at:before {
    content: "";
}

.ion-ios-at-outline:before {
    content: "";
}

.ion-ios-barcode:before {
    content: "";
}

.ion-ios-barcode-outline:before {
    content: "";
}

.ion-ios-baseball:before {
    content: "";
}

.ion-ios-baseball-outline:before {
    content: "";
}

.ion-ios-basketball:before {
    content: "";
}

.ion-ios-basketball-outline:before {
    content: "";
}

.ion-ios-bell:before {
    content: "";
}

.ion-ios-bell-outline:before {
    content: "";
}

.ion-ios-body:before {
    content: "";
}

.ion-ios-body-outline:before {
    content: "";
}

.ion-ios-bolt:before {
    content: "";
}

.ion-ios-bolt-outline:before {
    content: "";
}

.ion-ios-book:before {
    content: "";
}

.ion-ios-book-outline:before {
    content: "";
}

.ion-ios-bookmarks:before {
    content: "";
}

.ion-ios-bookmarks-outline:before {
    content: "";
}

.ion-ios-box:before {
    content: "";
}

.ion-ios-box-outline:before {
    content: "";
}

.ion-ios-briefcase:before {
    content: "";
}

.ion-ios-briefcase-outline:before {
    content: "";
}

.ion-ios-browsers:before {
    content: "";
}

.ion-ios-browsers-outline:before {
    content: "";
}

.ion-ios-calculator:before {
    content: "";
}

.ion-ios-calculator-outline:before {
    content: "";
}

.ion-ios-calendar:before {
    content: "";
}

.ion-ios-calendar-outline:before {
    content: "";
}

.ion-ios-camera:before {
    content: "";
}

.ion-ios-camera-outline:before {
    content: "";
}

.ion-ios-cart:before {
    content: "";
}

.ion-ios-cart-outline:before {
    content: "";
}

.ion-ios-chatboxes:before {
    content: "";
}

.ion-ios-chatboxes-outline:before {
    content: "";
}

.ion-ios-chatbubble:before {
    content: "";
}

.ion-ios-chatbubble-outline:before {
    content: "";
}

.ion-ios-checkmark:before {
    content: "";
}

.ion-ios-checkmark-empty:before {
    content: "";
}

.ion-ios-checkmark-outline:before {
    content: "";
}

.ion-ios-circle-filled:before {
    content: "";
}

.ion-ios-circle-outline:before {
    content: "";
}

.ion-ios-clock:before {
    content: "";
}

.ion-ios-clock-outline:before {
    content: "";
}

.ion-ios-close:before {
    content: "";
}

.ion-ios-close-empty:before {
    content: "";
}

.ion-ios-close-outline:before {
    content: "";
}

.ion-ios-cloud:before {
    content: "";
}

.ion-ios-cloud-download:before {
    content: "";
}

.ion-ios-cloud-download-outline:before {
    content: "";
}

.ion-ios-cloud-outline:before {
    content: "";
}

.ion-ios-cloud-upload:before {
    content: "";
}

.ion-ios-cloud-upload-outline:before {
    content: "";
}

.ion-ios-cloudy:before {
    content: "";
}

.ion-ios-cloudy-night:before {
    content: "";
}

.ion-ios-cloudy-night-outline:before {
    content: "";
}

.ion-ios-cloudy-outline:before {
    content: "";
}

.ion-ios-cog:before {
    content: "";
}

.ion-ios-cog-outline:before {
    content: "";
}

.ion-ios-color-filter:before {
    content: "";
}

.ion-ios-color-filter-outline:before {
    content: "";
}

.ion-ios-color-wand:before {
    content: "";
}

.ion-ios-color-wand-outline:before {
    content: "";
}

.ion-ios-compose:before {
    content: "";
}

.ion-ios-compose-outline:before {
    content: "";
}

.ion-ios-contact:before {
    content: "";
}

.ion-ios-contact-outline:before {
    content: "";
}

.ion-ios-copy:before {
    content: "";
}

.ion-ios-copy-outline:before {
    content: "";
}

.ion-ios-crop:before {
    content: "";
}

.ion-ios-crop-strong:before {
    content: "";
}

.ion-ios-download:before {
    content: "";
}

.ion-ios-download-outline:before {
    content: "";
}

.ion-ios-drag:before {
    content: "";
}

.ion-ios-email:before {
    content: "";
}

.ion-ios-email-outline:before {
    content: "";
}

.ion-ios-eye:before {
    content: "";
}

.ion-ios-eye-outline:before {
    content: "";
}

.ion-ios-fastforward:before {
    content: "";
}

.ion-ios-fastforward-outline:before {
    content: "";
}

.ion-ios-filing:before {
    content: "";
}

.ion-ios-filing-outline:before {
    content: "";
}

.ion-ios-film:before {
    content: "";
}

.ion-ios-film-outline:before {
    content: "";
}

.ion-ios-flag:before {
    content: "";
}

.ion-ios-flag-outline:before {
    content: "";
}

.ion-ios-flame:before {
    content: "";
}

.ion-ios-flame-outline:before {
    content: "";
}

.ion-ios-flask:before {
    content: "";
}

.ion-ios-flask-outline:before {
    content: "";
}

.ion-ios-flower:before {
    content: "";
}

.ion-ios-flower-outline:before {
    content: "";
}

.ion-ios-folder:before {
    content: "";
}

.ion-ios-folder-outline:before {
    content: "";
}

.ion-ios-football:before {
    content: "";
}

.ion-ios-football-outline:before {
    content: "";
}

.ion-ios-game-controller-a:before {
    content: "";
}

.ion-ios-game-controller-a-outline:before {
    content: "";
}

.ion-ios-game-controller-b:before {
    content: "";
}

.ion-ios-game-controller-b-outline:before {
    content: "";
}

.ion-ios-gear:before {
    content: "";
}

.ion-ios-gear-outline:before {
    content: "";
}

.ion-ios-glasses:before {
    content: "";
}

.ion-ios-glasses-outline:before {
    content: "";
}

.ion-ios-grid-view:before {
    content: "";
}

.ion-ios-grid-view-outline:before {
    content: "";
}

.ion-ios-heart:before {
    content: "";
}

.ion-ios-heart-outline:before {
    content: "";
}

.ion-ios-help:before {
    content: "";
}

.ion-ios-help-empty:before {
    content: "";
}

.ion-ios-help-outline:before {
    content: "";
}

.ion-ios-home:before {
    content: "";
}

.ion-ios-home-outline:before {
    content: "";
}

.ion-ios-infinite:before {
    content: "";
}

.ion-ios-infinite-outline:before {
    content: "";
}

.ion-ios-information:before {
    content: "";
}

.ion-ios-information-empty:before {
    content: "";
}

.ion-ios-information-outline:before {
    content: "";
}

.ion-ios-ionic-outline:before {
    content: "";
}

.ion-ios-keypad:before {
    content: "";
}

.ion-ios-keypad-outline:before {
    content: "";
}

.ion-ios-lightbulb:before {
    content: "";
}

.ion-ios-lightbulb-outline:before {
    content: "";
}

.ion-ios-list:before {
    content: "";
}

.ion-ios-list-outline:before {
    content: "";
}

.ion-ios-location:before {
    content: "";
}

.ion-ios-location-outline:before {
    content: "";
}

.ion-ios-locked:before {
    content: "";
}

.ion-ios-locked-outline:before {
    content: "";
}

.ion-ios-loop:before {
    content: "";
}

.ion-ios-loop-strong:before {
    content: "";
}

.ion-ios-medical:before {
    content: "";
}

.ion-ios-medical-outline:before {
    content: "";
}

.ion-ios-medkit:before {
    content: "";
}

.ion-ios-medkit-outline:before {
    content: "";
}

.ion-ios-mic:before {
    content: "";
}

.ion-ios-mic-off:before {
    content: "";
}

.ion-ios-mic-outline:before {
    content: "";
}

.ion-ios-minus:before {
    content: "";
}

.ion-ios-minus-empty:before {
    content: "";
}

.ion-ios-minus-outline:before {
    content: "";
}

.ion-ios-monitor:before {
    content: "";
}

.ion-ios-monitor-outline:before {
    content: "";
}

.ion-ios-moon:before {
    content: "";
}

.ion-ios-moon-outline:before {
    content: "";
}

.ion-ios-more:before {
    content: "";
}

.ion-ios-more-outline:before {
    content: "";
}

.ion-ios-musical-note:before {
    content: "";
}

.ion-ios-musical-notes:before {
    content: "";
}

.ion-ios-navigate:before {
    content: "";
}

.ion-ios-navigate-outline:before {
    content: "";
}

.ion-ios-nutrition:before {
    content: "";
}

.ion-ios-nutrition-outline:before {
    content: "";
}

.ion-ios-paper:before {
    content: "";
}

.ion-ios-paper-outline:before {
    content: "";
}

.ion-ios-paperplane:before {
    content: "";
}

.ion-ios-paperplane-outline:before {
    content: "";
}

.ion-ios-partlysunny:before {
    content: "";
}

.ion-ios-partlysunny-outline:before {
    content: "";
}

.ion-ios-pause:before {
    content: "";
}

.ion-ios-pause-outline:before {
    content: "";
}

.ion-ios-paw:before {
    content: "";
}

.ion-ios-paw-outline:before {
    content: "";
}

.ion-ios-people:before {
    content: "";
}

.ion-ios-people-outline:before {
    content: "";
}

.ion-ios-person:before {
    content: "";
}

.ion-ios-person-outline:before {
    content: "";
}

.ion-ios-personadd:before {
    content: "";
}

.ion-ios-personadd-outline:before {
    content: "";
}

.ion-ios-photos:before {
    content: "";
}

.ion-ios-photos-outline:before {
    content: "";
}

.ion-ios-pie:before {
    content: "";
}

.ion-ios-pie-outline:before {
    content: "";
}

.ion-ios-pint:before {
    content: "";
}

.ion-ios-pint-outline:before {
    content: "";
}

.ion-ios-play:before {
    content: "";
}

.ion-ios-play-outline:before {
    content: "";
}

.ion-ios-plus:before {
    content: "";
}

.ion-ios-plus-empty:before {
    content: "";
}

.ion-ios-plus-outline:before {
    content: "";
}

.ion-ios-pricetag:before {
    content: "";
}

.ion-ios-pricetag-outline:before {
    content: "";
}

.ion-ios-pricetags:before {
    content: "";
}

.ion-ios-pricetags-outline:before {
    content: "";
}

.ion-ios-printer:before {
    content: "";
}

.ion-ios-printer-outline:before {
    content: "";
}

.ion-ios-pulse:before {
    content: "";
}

.ion-ios-pulse-strong:before {
    content: "";
}

.ion-ios-rainy:before {
    content: "";
}

.ion-ios-rainy-outline:before {
    content: "";
}

.ion-ios-recording:before {
    content: "";
}

.ion-ios-recording-outline:before {
    content: "";
}

.ion-ios-redo:before {
    content: "";
}

.ion-ios-redo-outline:before {
    content: "";
}

.ion-ios-refresh:before {
    content: "";
}

.ion-ios-refresh-empty:before {
    content: "";
}

.ion-ios-refresh-outline:before {
    content: "";
}

.ion-ios-reload:before {
    content: "";
}

.ion-ios-reverse-camera:before {
    content: "";
}

.ion-ios-reverse-camera-outline:before {
    content: "";
}

.ion-ios-rewind:before {
    content: "";
}

.ion-ios-rewind-outline:before {
    content: "";
}

.ion-ios-rose:before {
    content: "";
}

.ion-ios-rose-outline:before {
    content: "";
}

.ion-ios-search:before {
    content: "";
}

.ion-ios-search-strong:before {
    content: "";
}

.ion-ios-settings:before {
    content: "";
}

.ion-ios-settings-strong:before {
    content: "";
}

.ion-ios-shuffle:before {
    content: "";
}

.ion-ios-shuffle-strong:before {
    content: "";
}

.ion-ios-skipbackward:before {
    content: "";
}

.ion-ios-skipbackward-outline:before {
    content: "";
}

.ion-ios-skipforward:before {
    content: "";
}

.ion-ios-skipforward-outline:before {
    content: "";
}

.ion-ios-snowy:before {
    content: "";
}

.ion-ios-speedometer:before {
    content: "";
}

.ion-ios-speedometer-outline:before {
    content: "";
}

.ion-ios-star:before {
    content: "";
}

.ion-ios-star-half:before {
    content: "";
}

.ion-ios-star-outline:before {
    content: "";
}

.ion-ios-stopwatch:before {
    content: "";
}

.ion-ios-stopwatch-outline:before {
    content: "";
}

.ion-ios-sunny:before {
    content: "";
}

.ion-ios-sunny-outline:before {
    content: "";
}

.ion-ios-telephone:before {
    content: "";
}

.ion-ios-telephone-outline:before {
    content: "";
}

.ion-ios-tennisball:before {
    content: "";
}

.ion-ios-tennisball-outline:before {
    content: "";
}

.ion-ios-thunderstorm:before {
    content: "";
}

.ion-ios-thunderstorm-outline:before {
    content: "";
}

.ion-ios-time:before {
    content: "";
}

.ion-ios-time-outline:before {
    content: "";
}

.ion-ios-timer:before {
    content: "";
}

.ion-ios-timer-outline:before {
    content: "";
}

.ion-ios-toggle:before {
    content: "";
}

.ion-ios-toggle-outline:before {
    content: "";
}

.ion-ios-trash:before {
    content: "";
}

.ion-ios-trash-outline:before {
    content: "";
}

.ion-ios-undo:before {
    content: "";
}

.ion-ios-undo-outline:before {
    content: "";
}

.ion-ios-unlocked:before {
    content: "";
}

.ion-ios-unlocked-outline:before {
    content: "";
}

.ion-ios-upload:before {
    content: "";
}

.ion-ios-upload-outline:before {
    content: "";
}

.ion-ios-videocam:before {
    content: "";
}

.ion-ios-videocam-outline:before {
    content: "";
}

.ion-ios-volume-high:before {
    content: "";
}

.ion-ios-volume-low:before {
    content: "";
}

.ion-ios-wineglass:before {
    content: "";
}

.ion-ios-wineglass-outline:before {
    content: "";
}

.ion-ios-world:before {
    content: "";
}

.ion-ios-world-outline:before {
    content: "";
}

.ion-ipad:before {
    content: "";
}

.ion-iphone:before {
    content: "";
}

.ion-ipod:before {
    content: "";
}

.ion-jet:before {
    content: "";
}

.ion-key:before {
    content: "";
}

.ion-knife:before {
    content: "";
}

.ion-laptop:before {
    content: "";
}

.ion-leaf:before {
    content: "";
}

.ion-levels:before {
    content: "";
}

.ion-lightbulb:before {
    content: "";
}

.ion-link:before {
    content: "";
}

.ion-load-a:before {
    content: "";
}

.ion-load-b:before {
    content: "";
}

.ion-load-c:before {
    content: "";
}

.ion-load-d:before {
    content: "";
}

.ion-location:before {
    content: "";
}

.ion-lock-combination:before {
    content: "";
}

.ion-locked:before {
    content: "";
}

.ion-log-in:before {
    content: "";
}

.ion-log-out:before {
    content: "";
}

.ion-loop:before {
    content: "";
}

.ion-magnet:before {
    content: "";
}

.ion-male:before {
    content: "";
}

.ion-man:before {
    content: "";
}

.ion-map:before {
    content: "";
}

.ion-medkit:before {
    content: "";
}

.ion-merge:before {
    content: "";
}

.ion-mic-a:before {
    content: "";
}

.ion-mic-b:before {
    content: "";
}

.ion-mic-c:before {
    content: "";
}

.ion-minus:before {
    content: "";
}

.ion-minus-circled:before {
    content: "";
}

.ion-minus-round:before {
    content: "";
}

.ion-model-s:before {
    content: "";
}

.ion-monitor:before {
    content: "";
}

.ion-more:before {
    content: "";
}

.ion-mouse:before {
    content: "";
}

.ion-music-note:before {
    content: "";
}

.ion-navicon:before {
    content: "";
}

.ion-navicon-round:before {
    content: "";
}

.ion-navigate:before {
    content: "";
}

.ion-network:before {
    content: "";
}

.ion-no-smoking:before {
    content: "";
}

.ion-nuclear:before {
    content: "";
}

.ion-outlet:before {
    content: "";
}

.ion-paintbrush:before {
    content: "";
}

.ion-paintbucket:before {
    content: "";
}

.ion-paper-airplane:before {
    content: "";
}

.ion-paperclip:before {
    content: "";
}

.ion-pause:before {
    content: "";
}

.ion-person:before {
    content: "";
}

.ion-person-add:before {
    content: "";
}

.ion-person-stalker:before {
    content: "";
}

.ion-pie-graph:before {
    content: "";
}

.ion-pin:before {
    content: "";
}

.ion-pinpoint:before {
    content: "";
}

.ion-pizza:before {
    content: "";
}

.ion-plane:before {
    content: "";
}

.ion-planet:before {
    content: "";
}

.ion-play:before {
    content: "";
}

.ion-playstation:before {
    content: "";
}

.ion-plus:before {
    content: "";
}

.ion-plus-circled:before {
    content: "";
}

.ion-plus-round:before {
    content: "";
}

.ion-podium:before {
    content: "";
}

.ion-pound:before {
    content: "";
}

.ion-power:before {
    content: "";
}

.ion-pricetag:before {
    content: "";
}

.ion-pricetags:before {
    content: "";
}

.ion-printer:before {
    content: "";
}

.ion-pull-request:before {
    content: "";
}

.ion-qr-scanner:before {
    content: "";
}

.ion-quote:before {
    content: "";
}

.ion-radio-waves:before {
    content: "";
}

.ion-record:before {
    content: "";
}

.ion-refresh:before {
    content: "";
}

.ion-reply:before {
    content: "";
}

.ion-reply-all:before {
    content: "";
}

.ion-ribbon-a:before {
    content: "";
}

.ion-ribbon-b:before {
    content: "";
}

.ion-sad:before {
    content: "";
}

.ion-sad-outline:before {
    content: "";
}

.ion-scissors:before {
    content: "";
}

.ion-search:before {
    content: "";
}

.ion-settings:before {
    content: "";
}

.ion-share:before {
    content: "";
}

.ion-shuffle:before {
    content: "";
}

.ion-skip-backward:before {
    content: "";
}

.ion-skip-forward:before {
    content: "";
}

.ion-social-android:before {
    content: "";
}

.ion-social-android-outline:before {
    content: "";
}

.ion-social-angular:before {
    content: "";
}

.ion-social-angular-outline:before {
    content: "";
}

.ion-social-apple:before {
    content: "";
}

.ion-social-apple-outline:before {
    content: "";
}

.ion-social-bitcoin:before {
    content: "";
}

.ion-social-bitcoin-outline:before {
    content: "";
}

.ion-social-buffer:before {
    content: "";
}

.ion-social-buffer-outline:before {
    content: "";
}

.ion-social-chrome:before {
    content: "";
}

.ion-social-chrome-outline:before {
    content: "";
}

.ion-social-codepen:before {
    content: "";
}

.ion-social-codepen-outline:before {
    content: "";
}

.ion-social-css3:before {
    content: "";
}

.ion-social-css3-outline:before {
    content: "";
}

.ion-social-designernews:before {
    content: "";
}

.ion-social-designernews-outline:before {
    content: "";
}

.ion-social-dribbble:before {
    content: "";
}

.ion-social-dribbble-outline:before {
    content: "";
}

.ion-social-dropbox:before {
    content: "";
}

.ion-social-dropbox-outline:before {
    content: "";
}

.ion-social-euro:before {
    content: "";
}

.ion-social-euro-outline:before {
    content: "";
}

.ion-social-facebook:before {
    content: "";
}

.ion-social-facebook-outline:before {
    content: "";
}

.ion-social-foursquare:before {
    content: "";
}

.ion-social-foursquare-outline:before {
    content: "";
}

.ion-social-freebsd-devil:before {
    content: "";
}

.ion-social-github:before {
    content: "";
}

.ion-social-github-outline:before {
    content: "";
}

.ion-social-google:before {
    content: "";
}

.ion-social-google-outline:before {
    content: "";
}

.ion-social-googleplus:before {
    content: "";
}

.ion-social-googleplus-outline:before {
    content: "";
}

.ion-social-hackernews:before {
    content: "";
}

.ion-social-hackernews-outline:before {
    content: "";
}

.ion-social-html5:before {
    content: "";
}

.ion-social-html5-outline:before {
    content: "";
}

.ion-social-instagram:before {
    content: "";
}

.ion-social-instagram-outline:before {
    content: "";
}

.ion-social-javascript:before {
    content: "";
}

.ion-social-javascript-outline:before {
    content: "";
}

.ion-social-linkedin:before {
    content: "";
}

.ion-social-linkedin-outline:before {
    content: "";
}

.ion-social-markdown:before {
    content: "";
}

.ion-social-nodejs:before {
    content: "";
}

.ion-social-octocat:before {
    content: "";
}

.ion-social-pinterest:before {
    content: "";
}

.ion-social-pinterest-outline:before {
    content: "";
}

.ion-social-python:before {
    content: "";
}

.ion-social-reddit:before {
    content: "";
}

.ion-social-reddit-outline:before {
    content: "";
}

.ion-social-rss:before {
    content: "";
}

.ion-social-rss-outline:before {
    content: "";
}

.ion-social-sass:before {
    content: "";
}

.ion-social-skype:before {
    content: "";
}

.ion-social-skype-outline:before {
    content: "";
}

.ion-social-snapchat:before {
    content: "";
}

.ion-social-snapchat-outline:before {
    content: "";
}

.ion-social-tumblr:before {
    content: "";
}

.ion-social-tumblr-outline:before {
    content: "";
}

.ion-social-tux:before {
    content: "";
}

.ion-social-twitch:before {
    content: "";
}

.ion-social-twitch-outline:before {
    content: "";
}

.ion-social-twitter:before {
    content: "";
}

.ion-social-twitter-outline:before {
    content: "";
}

.ion-social-usd:before {
    content: "";
}

.ion-social-usd-outline:before {
    content: "";
}

.ion-social-vimeo:before {
    content: "";
}

.ion-social-vimeo-outline:before {
    content: "";
}

.ion-social-whatsapp:before {
    content: "";
}

.ion-social-whatsapp-outline:before {
    content: "";
}

.ion-social-windows:before {
    content: "";
}

.ion-social-windows-outline:before {
    content: "";
}

.ion-social-wordpress:before {
    content: "";
}

.ion-social-wordpress-outline:before {
    content: "";
}

.ion-social-yahoo:before {
    content: "";
}

.ion-social-yahoo-outline:before {
    content: "";
}

.ion-social-yen:before {
    content: "";
}

.ion-social-yen-outline:before {
    content: "";
}

.ion-social-youtube:before {
    content: "";
}

.ion-social-youtube-outline:before {
    content: "";
}

.ion-soup-can:before {
    content: "";
}

.ion-soup-can-outline:before {
    content: "";
}

.ion-speakerphone:before {
    content: "";
}

.ion-speedometer:before {
    content: "";
}

.ion-spoon:before {
    content: "";
}

.ion-star:before {
    content: "";
}

.ion-stats-bars:before {
    content: "";
}

.ion-steam:before {
    content: "";
}

.ion-stop:before {
    content: "";
}

.ion-thermometer:before {
    content: "";
}

.ion-thumbsdown:before {
    content: "";
}

.ion-thumbsup:before {
    content: "";
}

.ion-toggle:before {
    content: "";
}

.ion-toggle-filled:before {
    content: "";
}

.ion-transgender:before {
    content: "";
}

.ion-trash-a:before {
    content: "";
}

.ion-trash-b:before {
    content: "";
}

.ion-trophy:before {
    content: "";
}

.ion-tshirt:before {
    content: "";
}

.ion-tshirt-outline:before {
    content: "";
}

.ion-umbrella:before {
    content: "";
}

.ion-university:before {
    content: "";
}

.ion-unlocked:before {
    content: "";
}

.ion-upload:before {
    content: "";
}

.ion-usb:before {
    content: "";
}

.ion-videocamera:before {
    content: "";
}

.ion-volume-high:before {
    content: "";
}

.ion-volume-low:before {
    content: "";
}

.ion-volume-medium:before {
    content: "";
}

.ion-volume-mute:before {
    content: "";
}

.ion-wand:before {
    content: "";
}

.ion-waterdrop:before {
    content: "";
}

.ion-wifi:before {
    content: "";
}

.ion-wineglass:before {
    content: "";
}

.ion-woman:before {
    content: "";
}

.ion-wrench:before {
    content: "";
}

.ion-xbox:before {
    content: "";
}

@font-face {
    font-family: "simple-line-icons";
    src: url("../fonts/Simple-Line-Icons.eot?v=2.4.0");
    src: url("../fonts/Simple-Line-Icons.eot?v=2.4.0#iefix") format("embedded-opentype"), url("../fonts/Simple-Line-Icons.woff2?v=2.4.0") format("woff2"), url("../fonts/Simple-Line-Icons.ttf?v=2.4.0") format("truetype"), url("../fonts/Simple-Line-Icons.woff?v=2.4.0") format("woff"), url("../fonts/Simple-Line-Icons.svg?v=2.4.0#simple-line-icons") format("svg");
    font-weight: normal;
    font-style: normal;
}

.icon-user, .icon-people, .icon-user-female, .icon-user-follow, .icon-user-following, .icon-user-unfollow, .icon-login, .icon-logout, .icon-emotsmile, .icon-phone, .icon-call-end, .icon-call-in, .icon-call-out, .icon-map, .icon-location-pin, .icon-direction, .icon-directions, .icon-compass, .icon-layers, .icon-menu, .icon-list, .icon-options-vertical, .icon-options, .icon-arrow-down, .icon-arrow-left, .icon-arrow-right, .icon-arrow-up, .icon-arrow-up-circle, .icon-arrow-left-circle, .icon-arrow-right-circle, .icon-arrow-down-circle, .icon-check, .icon-clock, .icon-plus, .icon-minus, .icon-close, .icon-event, .icon-exclamation, .icon-organization, .icon-trophy, .icon-screen-smartphone, .icon-screen-desktop, .icon-plane, .icon-notebook, .icon-mustache, .icon-mouse, .icon-magnet, .icon-energy, .icon-disc, .icon-cursor, .icon-cursor-move, .icon-crop, .icon-chemistry, .icon-speedometer, .icon-shield, .icon-screen-tablet, .icon-magic-wand, .icon-hourglass, .icon-graduation, .icon-ghost, .icon-game-controller, .icon-fire, .icon-eyeglass, .icon-envelope-open, .icon-envelope-letter, .icon-bell, .icon-badge, .icon-anchor, .icon-wallet, .icon-vector, .icon-speech, .icon-puzzle, .icon-printer, .icon-present, .icon-playlist, .icon-pin, .icon-picture, .icon-handbag, .icon-globe-alt, .icon-globe, .icon-folder-alt, .icon-folder, .icon-film, .icon-feed, .icon-drop, .icon-drawer, .icon-docs, .icon-doc, .icon-diamond, .icon-cup, .icon-calculator, .icon-bubbles, .icon-briefcase, .icon-book-open, .icon-basket-loaded, .icon-basket, .icon-bag, .icon-action-undo, .icon-action-redo, .icon-wrench, .icon-umbrella, .icon-trash, .icon-tag, .icon-support, .icon-frame, .icon-size-fullscreen, .icon-size-actual, .icon-shuffle, .icon-share-alt, .icon-share, .icon-rocket, .icon-question, .icon-pie-chart, .icon-pencil, .icon-note, .icon-loop, .icon-home, .icon-grid, .icon-graph, .icon-microphone, .icon-music-tone-alt, .icon-music-tone, .icon-earphones-alt, .icon-earphones, .icon-equalizer, .icon-like, .icon-dislike, .icon-control-start, .icon-control-rewind, .icon-control-play, .icon-control-pause, .icon-control-forward, .icon-control-end, .icon-volume-1, .icon-volume-2, .icon-volume-off, .icon-calendar, .icon-bulb, .icon-chart, .icon-ban, .icon-bubble, .icon-camrecorder, .icon-camera, .icon-cloud-download, .icon-cloud-upload, .icon-envelope, .icon-eye, .icon-flag, .icon-heart, .icon-info, .icon-key, .icon-link, .icon-lock, .icon-lock-open, .icon-magnifier, .icon-magnifier-add, .icon-magnifier-remove, .icon-paper-clip, .icon-paper-plane, .icon-power, .icon-refresh, .icon-reload, .icon-settings, .icon-star, .icon-symbol-female, .icon-symbol-male, .icon-target, .icon-credit-card, .icon-paypal, .icon-social-tumblr, .icon-social-twitter, .icon-social-facebook, .icon-social-instagram, .icon-social-linkedin, .icon-social-pinterest, .icon-social-github, .icon-social-google, .icon-social-reddit, .icon-social-skype, .icon-social-dribbble, .icon-social-behance, .icon-social-foursqare, .icon-social-soundcloud, .icon-social-spotify, .icon-social-stumbleupon, .icon-social-youtube, .icon-social-dropbox, .icon-social-vkontakte, .icon-social-steam {
    font-family: "simple-line-icons";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

    .icon-user:before {
        content: "\e005";
    }

    .icon-people:before {
        content: "\e001";
    }

    .icon-user-female:before {
        content: "\e000";
    }

    .icon-user-follow:before {
        content: "\e002";
    }

    .icon-user-following:before {
        content: "\e003";
    }

    .icon-user-unfollow:before {
        content: "\e004";
    }

    .icon-login:before {
        content: "\e066";
    }

    .icon-logout:before {
        content: "\e065";
    }

    .icon-emotsmile:before {
        content: "\e021";
    }

    .icon-phone:before {
        content: "\e600";
    }

    .icon-call-end:before {
        content: "\e048";
    }

    .icon-call-in:before {
        content: "\e047";
    }

    .icon-call-out:before {
        content: "\e046";
    }

    .icon-map:before {
        content: "\e033";
    }

    .icon-location-pin:before {
        content: "\e096";
    }

    .icon-direction:before {
        content: "\e042";
    }

    .icon-directions:before {
        content: "\e041";
    }

    .icon-compass:before {
        content: "\e045";
    }

    .icon-layers:before {
        content: "\e034";
    }

    .icon-menu:before {
        content: "\e601";
    }

    .icon-list:before {
        content: "\e067";
    }

    .icon-options-vertical:before {
        content: "\e602";
    }

    .icon-options:before {
        content: "\e603";
    }

    .icon-arrow-down:before {
        content: "\e604";
    }

    .icon-arrow-left:before {
        content: "\e605";
    }

    .icon-arrow-right:before {
        content: "\e606";
    }

    .icon-arrow-up:before {
        content: "\e607";
    }

    .icon-arrow-up-circle:before {
        content: "\e078";
    }

    .icon-arrow-left-circle:before {
        content: "\e07a";
    }

    .icon-arrow-right-circle:before {
        content: "\e079";
    }

    .icon-arrow-down-circle:before {
        content: "\e07b";
    }

    .icon-check:before {
        content: "\e080";
    }

    .icon-clock:before {
        content: "\e081";
    }

    .icon-plus:before {
        content: "\e095";
    }

    .icon-minus:before {
        content: "\e615";
    }

    .icon-close:before {
        content: "\e082";
    }

    .icon-event:before {
        content: "\e619";
    }

    .icon-exclamation:before {
        content: "\e617";
    }

    .icon-organization:before {
        content: "\e616";
    }

    .icon-trophy:before {
        content: "\e006";
    }

    .icon-screen-smartphone:before {
        content: "\e010";
    }

    .icon-screen-desktop:before {
        content: "\e011";
    }

    .icon-plane:before {
        content: "\e012";
    }

    .icon-notebook:before {
        content: "\e013";
    }

    .icon-mustache:before {
        content: "\e014";
    }

    .icon-mouse:before {
        content: "\e015";
    }

    .icon-magnet:before {
        content: "\e016";
    }

    .icon-energy:before {
        content: "\e020";
    }

    .icon-disc:before {
        content: "\e022";
    }

    .icon-cursor:before {
        content: "\e06e";
    }

    .icon-cursor-move:before {
        content: "\e023";
    }

    .icon-crop:before {
        content: "\e024";
    }

    .icon-chemistry:before {
        content: "\e026";
    }

    .icon-speedometer:before {
        content: "\e007";
    }

    .icon-shield:before {
        content: "\e00e";
    }

    .icon-screen-tablet:before {
        content: "\e00f";
    }

    .icon-magic-wand:before {
        content: "\e017";
    }

    .icon-hourglass:before {
        content: "\e018";
    }

    .icon-graduation:before {
        content: "\e019";
    }

    .icon-ghost:before {
        content: "\e01a";
    }

    .icon-game-controller:before {
        content: "\e01b";
    }

    .icon-fire:before {
        content: "\e01c";
    }

    .icon-eyeglass:before {
        content: "\e01d";
    }

    .icon-envelope-open:before {
        content: "\e01e";
    }

    .icon-envelope-letter:before {
        content: "\e01f";
    }

    .icon-bell:before {
        content: "\e027";
    }

    .icon-badge:before {
        content: "\e028";
    }

    .icon-anchor:before {
        content: "\e029";
    }

    .icon-wallet:before {
        content: "\e02a";
    }

    .icon-vector:before {
        content: "\e02b";
    }

    .icon-speech:before {
        content: "\e02c";
    }

    .icon-puzzle:before {
        content: "\e02d";
    }

    .icon-printer:before {
        content: "\e02e";
    }

    .icon-present:before {
        content: "\e02f";
    }

    .icon-playlist:before {
        content: "\e030";
    }

    .icon-pin:before {
        content: "\e031";
    }

    .icon-picture:before {
        content: "\e032";
    }

    .icon-handbag:before {
        content: "\e035";
    }

    .icon-globe-alt:before {
        content: "\e036";
    }

    .icon-globe:before {
        content: "\e037";
    }

    .icon-folder-alt:before {
        content: "\e039";
    }

    .icon-folder:before {
        content: "\e089";
    }

    .icon-film:before {
        content: "\e03a";
    }

    .icon-feed:before {
        content: "\e03b";
    }

    .icon-drop:before {
        content: "\e03e";
    }

    .icon-drawer:before {
        content: "\e03f";
    }

    .icon-docs:before {
        content: "\e040";
    }

    .icon-doc:before {
        content: "\e085";
    }

    .icon-diamond:before {
        content: "\e043";
    }

    .icon-cup:before {
        content: "\e044";
    }

    .icon-calculator:before {
        content: "\e049";
    }

    .icon-bubbles:before {
        content: "\e04a";
    }

    .icon-briefcase:before {
        content: "\e04b";
    }

    .icon-book-open:before {
        content: "\e04c";
    }

    .icon-basket-loaded:before {
        content: "\e04d";
    }

    .icon-basket:before {
        content: "\e04e";
    }

    .icon-bag:before {
        content: "\e04f";
    }

    .icon-action-undo:before {
        content: "\e050";
    }

    .icon-action-redo:before {
        content: "\e051";
    }

    .icon-wrench:before {
        content: "\e052";
    }

    .icon-umbrella:before {
        content: "\e053";
    }

    .icon-trash:before {
        content: "\e054";
    }

    .icon-tag:before {
        content: "\e055";
    }

    .icon-support:before {
        content: "\e056";
    }

    .icon-frame:before {
        content: "\e038";
    }

    .icon-size-fullscreen:before {
        content: "\e057";
    }

    .icon-size-actual:before {
        content: "\e058";
    }

    .icon-shuffle:before {
        content: "\e059";
    }

    .icon-share-alt:before {
        content: "\e05a";
    }

    .icon-share:before {
        content: "\e05b";
    }

    .icon-rocket:before {
        content: "\e05c";
    }

    .icon-question:before {
        content: "\e05d";
    }

    .icon-pie-chart:before {
        content: "\e05e";
    }

    .icon-pencil:before {
        content: "\e05f";
    }

    .icon-note:before {
        content: "\e060";
    }

    .icon-loop:before {
        content: "\e064";
    }

    .icon-home:before {
        content: "\e069";
    }

    .icon-grid:before {
        content: "\e06a";
    }

    .icon-graph:before {
        content: "\e06b";
    }

    .icon-microphone:before {
        content: "\e063";
    }

    .icon-music-tone-alt:before {
        content: "\e061";
    }

    .icon-music-tone:before {
        content: "\e062";
    }

    .icon-earphones-alt:before {
        content: "\e03c";
    }

    .icon-earphones:before {
        content: "\e03d";
    }

    .icon-equalizer:before {
        content: "\e06c";
    }

    .icon-like:before {
        content: "\e068";
    }

    .icon-dislike:before {
        content: "\e06d";
    }

    .icon-control-start:before {
        content: "\e06f";
    }

    .icon-control-rewind:before {
        content: "\e070";
    }

    .icon-control-play:before {
        content: "\e071";
    }

    .icon-control-pause:before {
        content: "\e072";
    }

    .icon-control-forward:before {
        content: "\e073";
    }

    .icon-control-end:before {
        content: "\e074";
    }

    .icon-volume-1:before {
        content: "\e09f";
    }

    .icon-volume-2:before {
        content: "\e0a0";
    }

    .icon-volume-off:before {
        content: "\e0a1";
    }

    .icon-calendar:before {
        content: "\e075";
    }

    .icon-bulb:before {
        content: "\e076";
    }

    .icon-chart:before {
        content: "\e077";
    }

    .icon-ban:before {
        content: "\e07c";
    }

    .icon-bubble:before {
        content: "\e07d";
    }

    .icon-camrecorder:before {
        content: "\e07e";
    }

    .icon-camera:before {
        content: "\e07f";
    }

    .icon-cloud-download:before {
        content: "\e083";
    }

    .icon-cloud-upload:before {
        content: "\e084";
    }

    .icon-envelope:before {
        content: "\e086";
    }

    .icon-eye:before {
        content: "\e087";
    }

    .icon-flag:before {
        content: "\e088";
    }

    .icon-heart:before {
        content: "\e08a";
    }

    .icon-info:before {
        content: "\e08b";
    }

    .icon-key:before {
        content: "\e08c";
    }

    .icon-link:before {
        content: "\e08d";
    }

    .icon-lock:before {
        content: "\e08e";
    }

    .icon-lock-open:before {
        content: "\e08f";
    }

    .icon-magnifier:before {
        content: "\e090";
    }

    .icon-magnifier-add:before {
        content: "\e091";
    }

    .icon-magnifier-remove:before {
        content: "\e092";
    }

    .icon-paper-clip:before {
        content: "\e093";
    }

    .icon-paper-plane:before {
        content: "\e094";
    }

    .icon-power:before {
        content: "\e097";
    }

    .icon-refresh:before {
        content: "\e098";
    }

    .icon-reload:before {
        content: "\e099";
    }

    .icon-settings:before {
        content: "\e09a";
    }

    .icon-star:before {
        content: "\e09b";
    }

    .icon-symbol-female:before {
        content: "\e09c";
    }

    .icon-symbol-male:before {
        content: "\e09d";
    }

    .icon-target:before {
        content: "\e09e";
    }

    .icon-credit-card:before {
        content: "\e025";
    }

    .icon-paypal:before {
        content: "\e608";
    }

    .icon-social-tumblr:before {
        content: "\e00a";
    }

    .icon-social-twitter:before {
        content: "\e009";
    }

    .icon-social-facebook:before {
        content: "\e00b";
    }

    .icon-social-instagram:before {
        content: "\e609";
    }

    .icon-social-linkedin:before {
        content: "\e60a";
    }

    .icon-social-pinterest:before {
        content: "\e60b";
    }

    .icon-social-github:before {
        content: "\e60c";
    }

    .icon-social-google:before {
        content: "\e60d";
    }

    .icon-social-reddit:before {
        content: "\e60e";
    }

    .icon-social-skype:before {
        content: "\e60f";
    }

    .icon-social-dribbble:before {
        content: "\e00d";
    }

    .icon-social-behance:before {
        content: "\e610";
    }

    .icon-social-foursqare:before {
        content: "\e611";
    }

    .icon-social-soundcloud:before {
        content: "\e612";
    }

    .icon-social-spotify:before {
        content: "\e613";
    }

    .icon-social-stumbleupon:before {
        content: "\e614";
    }

    .icon-social-youtube:before {
        content: "\e008";
    }

    .icon-social-dropbox:before {
        content: "\e00c";
    }

    .icon-social-vkontakte:before {
        content: "\e618";
    }

    .icon-social-steam:before {
        content: "\e620";
    }

/*!
 *  Weather Icons 2.0
 *  Updated August 1, 2015
 *  Weather themed icons for Bootstrap
 *  Author - Erik Flowers - erik@helloerik.com
 *  Email: erik@helloerik.com
 *  Twitter: http://twitter.com/Erik_UX
 *  ------------------------------------------------------------------------------
 *  Maintained at http://erikflowers.github.io/weather-icons
 *
 *  License
 *  ------------------------------------------------------------------------------
 *  - Font licensed under SIL OFL 1.1 -
 *    http://scripts.sil.org/OFL
 *  - CSS, LESS and SCSS are licensed under MIT License -
 *    http://opensource.org/licenses/mit-license.html
 *  - Documentation licensed under CC BY 3.0 -
 *    http://creativecommons.org/licenses/by/3.0/
 *  - Inspired by and works great as a companion with Font Awesome
 *    "Font Awesome by Dave Gandy - http://fontawesome.io"
 */
@font-face {
    font-family: "weathericons";
    src: url("../font/weathericons-regular-webfont.eot");
    src: url("../font/weathericons-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../font/weathericons-regular-webfont.woff2") format("woff2"), url("../font/weathericons-regular-webfont.woff") format("woff"), url("../font/weathericons-regular-webfont.ttf") format("truetype"), url("../font/weathericons-regular-webfont.svg#weather_iconsregular") format("svg");
    font-weight: normal;
    font-style: normal;
}

.wi {
    display: inline-block;
    font-family: "weathericons";
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.wi-fw {
    width: 1.4em;
    text-align: center;
}

.wi-rotate-90 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.wi-rotate-180 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.wi-rotate-270 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
}

.wi-flip-horizontal {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0);
    -webkit-transform: scale(-1, 1);
    transform: scale(-1, 1);
}

.wi-flip-vertical {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
    -webkit-transform: scale(1, -1);
    transform: scale(1, -1);
}

.wi-day-sunny:before {
    content: "";
}

.wi-day-cloudy:before {
    content: "";
}

.wi-day-cloudy-gusts:before {
    content: "";
}

.wi-day-cloudy-windy:before {
    content: "";
}

.wi-day-fog:before {
    content: "";
}

.wi-day-hail:before {
    content: "";
}

.wi-day-haze:before {
    content: "";
}

.wi-day-lightning:before {
    content: "";
}

.wi-day-rain:before {
    content: "";
}

.wi-day-rain-mix:before {
    content: "";
}

.wi-day-rain-wind:before {
    content: "";
}

.wi-day-showers:before {
    content: "";
}

.wi-day-sleet:before {
    content: "";
}

.wi-day-sleet-storm:before {
    content: "";
}

.wi-day-snow:before {
    content: "";
}

.wi-day-snow-thunderstorm:before {
    content: "";
}

.wi-day-snow-wind:before {
    content: "";
}

.wi-day-sprinkle:before {
    content: "";
}

.wi-day-storm-showers:before {
    content: "";
}

.wi-day-sunny-overcast:before {
    content: "";
}

.wi-day-thunderstorm:before {
    content: "";
}

.wi-day-windy:before {
    content: "";
}

.wi-solar-eclipse:before {
    content: "";
}

.wi-hot:before {
    content: "";
}

.wi-day-cloudy-high:before {
    content: "";
}

.wi-day-light-wind:before {
    content: "";
}

.wi-night-clear:before {
    content: "";
}

.wi-night-alt-cloudy:before {
    content: "";
}

.wi-night-alt-cloudy-gusts:before {
    content: "";
}

.wi-night-alt-cloudy-windy:before {
    content: "";
}

.wi-night-alt-hail:before {
    content: "";
}

.wi-night-alt-lightning:before {
    content: "";
}

.wi-night-alt-rain:before {
    content: "";
}

.wi-night-alt-rain-mix:before {
    content: "";
}

.wi-night-alt-rain-wind:before {
    content: "";
}

.wi-night-alt-showers:before {
    content: "";
}

.wi-night-alt-sleet:before {
    content: "";
}

.wi-night-alt-sleet-storm:before {
    content: "";
}

.wi-night-alt-snow:before {
    content: "";
}

.wi-night-alt-snow-thunderstorm:before {
    content: "";
}

.wi-night-alt-snow-wind:before {
    content: "";
}

.wi-night-alt-sprinkle:before {
    content: "";
}

.wi-night-alt-storm-showers:before {
    content: "";
}

.wi-night-alt-thunderstorm:before {
    content: "";
}

.wi-night-cloudy:before {
    content: "";
}

.wi-night-cloudy-gusts:before {
    content: "";
}

.wi-night-cloudy-windy:before {
    content: "";
}

.wi-night-fog:before {
    content: "";
}

.wi-night-hail:before {
    content: "";
}

.wi-night-lightning:before {
    content: "";
}

.wi-night-partly-cloudy:before {
    content: "";
}

.wi-night-rain:before {
    content: "";
}

.wi-night-rain-mix:before {
    content: "";
}

.wi-night-rain-wind:before {
    content: "";
}

.wi-night-showers:before {
    content: "";
}

.wi-night-sleet:before {
    content: "";
}

.wi-night-sleet-storm:before {
    content: "";
}

.wi-night-snow:before {
    content: "";
}

.wi-night-snow-thunderstorm:before {
    content: "";
}

.wi-night-snow-wind:before {
    content: "";
}

.wi-night-sprinkle:before {
    content: "";
}

.wi-night-storm-showers:before {
    content: "";
}

.wi-night-thunderstorm:before {
    content: "";
}

.wi-lunar-eclipse:before {
    content: "";
}

.wi-stars:before {
    content: "";
}

.wi-storm-showers:before {
    content: "";
}

.wi-thunderstorm:before {
    content: "";
}

.wi-night-alt-cloudy-high:before {
    content: "";
}

.wi-night-cloudy-high:before {
    content: "";
}

.wi-night-alt-partly-cloudy:before {
    content: "";
}

.wi-cloud:before {
    content: "";
}

.wi-cloudy:before {
    content: "";
}

.wi-cloudy-gusts:before {
    content: "";
}

.wi-cloudy-windy:before {
    content: "";
}

.wi-fog:before {
    content: "";
}

.wi-hail:before {
    content: "";
}

.wi-rain:before {
    content: "";
}

.wi-rain-mix:before {
    content: "";
}

.wi-rain-wind:before {
    content: "";
}

.wi-showers:before {
    content: "";
}

.wi-sleet:before {
    content: "";
}

.wi-snow:before {
    content: "";
}

.wi-sprinkle:before {
    content: "";
}

.wi-storm-showers:before {
    content: "";
}

.wi-thunderstorm:before {
    content: "";
}

.wi-snow-wind:before {
    content: "";
}

.wi-snow:before {
    content: "";
}

.wi-smog:before {
    content: "";
}

.wi-smoke:before {
    content: "";
}

.wi-lightning:before {
    content: "";
}

.wi-raindrops:before {
    content: "";
}

.wi-raindrop:before {
    content: "";
}

.wi-dust:before {
    content: "";
}

.wi-snowflake-cold:before {
    content: "";
}

.wi-windy:before {
    content: "";
}

.wi-strong-wind:before {
    content: "";
}

.wi-sandstorm:before {
    content: "";
}

.wi-earthquake:before {
    content: "";
}

.wi-fire:before {
    content: "";
}

.wi-flood:before {
    content: "";
}

.wi-meteor:before {
    content: "";
}

.wi-tsunami:before {
    content: "";
}

.wi-volcano:before {
    content: "";
}

.wi-hurricane:before {
    content: "";
}

.wi-tornado:before {
    content: "";
}

.wi-small-craft-advisory:before {
    content: "";
}

.wi-gale-warning:before {
    content: "";
}

.wi-storm-warning:before {
    content: "";
}

.wi-hurricane-warning:before {
    content: "";
}

.wi-wind-direction:before {
    content: "";
}

.wi-alien:before {
    content: "";
}

.wi-celsius:before {
    content: "";
}

.wi-fahrenheit:before {
    content: "";
}

.wi-degrees:before {
    content: "";
}

.wi-thermometer:before {
    content: "";
}

.wi-thermometer-exterior:before {
    content: "";
}

.wi-thermometer-internal:before {
    content: "";
}

.wi-cloud-down:before {
    content: "";
}

.wi-cloud-up:before {
    content: "";
}

.wi-cloud-refresh:before {
    content: "";
}

.wi-horizon:before {
    content: "";
}

.wi-horizon-alt:before {
    content: "";
}

.wi-sunrise:before {
    content: "";
}

.wi-sunset:before {
    content: "";
}

.wi-moonrise:before {
    content: "";
}

.wi-moonset:before {
    content: "";
}

.wi-refresh:before {
    content: "";
}

.wi-refresh-alt:before {
    content: "";
}

.wi-umbrella:before {
    content: "";
}

.wi-barometer:before {
    content: "";
}

.wi-humidity:before {
    content: "";
}

.wi-na:before {
    content: "";
}

.wi-train:before {
    content: "";
}

.wi-moon-new:before {
    content: "";
}

.wi-moon-waxing-crescent-1:before {
    content: "";
}

.wi-moon-waxing-crescent-2:before {
    content: "";
}

.wi-moon-waxing-crescent-3:before {
    content: "";
}

.wi-moon-waxing-crescent-4:before {
    content: "";
}

.wi-moon-waxing-crescent-5:before {
    content: "";
}

.wi-moon-waxing-crescent-6:before {
    content: "";
}

.wi-moon-first-quarter:before {
    content: "";
}

.wi-moon-waxing-gibbous-1:before {
    content: "";
}

.wi-moon-waxing-gibbous-2:before {
    content: "";
}

.wi-moon-waxing-gibbous-3:before {
    content: "";
}

.wi-moon-waxing-gibbous-4:before {
    content: "";
}

.wi-moon-waxing-gibbous-5:before {
    content: "";
}

.wi-moon-waxing-gibbous-6:before {
    content: "";
}

.wi-moon-full:before {
    content: "";
}

.wi-moon-waning-gibbous-1:before {
    content: "";
}

.wi-moon-waning-gibbous-2:before {
    content: "";
}

.wi-moon-waning-gibbous-3:before {
    content: "";
}

.wi-moon-waning-gibbous-4:before {
    content: "";
}

.wi-moon-waning-gibbous-5:before {
    content: "";
}

.wi-moon-waning-gibbous-6:before {
    content: "";
}

.wi-moon-third-quarter:before {
    content: "";
}

.wi-moon-waning-crescent-1:before {
    content: "";
}

.wi-moon-waning-crescent-2:before {
    content: "";
}

.wi-moon-waning-crescent-3:before {
    content: "";
}

.wi-moon-waning-crescent-4:before {
    content: "";
}

.wi-moon-waning-crescent-5:before {
    content: "";
}

.wi-moon-waning-crescent-6:before {
    content: "";
}

.wi-moon-alt-new:before {
    content: "";
}

.wi-moon-alt-waxing-crescent-1:before {
    content: "";
}

.wi-moon-alt-waxing-crescent-2:before {
    content: "";
}

.wi-moon-alt-waxing-crescent-3:before {
    content: "";
}

.wi-moon-alt-waxing-crescent-4:before {
    content: "";
}

.wi-moon-alt-waxing-crescent-5:before {
    content: "";
}

.wi-moon-alt-waxing-crescent-6:before {
    content: "";
}

.wi-moon-alt-first-quarter:before {
    content: "";
}

.wi-moon-alt-waxing-gibbous-1:before {
    content: "";
}

.wi-moon-alt-waxing-gibbous-2:before {
    content: "";
}

.wi-moon-alt-waxing-gibbous-3:before {
    content: "";
}

.wi-moon-alt-waxing-gibbous-4:before {
    content: "";
}

.wi-moon-alt-waxing-gibbous-5:before {
    content: "";
}

.wi-moon-alt-waxing-gibbous-6:before {
    content: "";
}

.wi-moon-alt-full:before {
    content: "";
}

.wi-moon-alt-waning-gibbous-1:before {
    content: "";
}

.wi-moon-alt-waning-gibbous-2:before {
    content: "";
}

.wi-moon-alt-waning-gibbous-3:before {
    content: "";
}

.wi-moon-alt-waning-gibbous-4:before {
    content: "";
}

.wi-moon-alt-waning-gibbous-5:before {
    content: "";
}

.wi-moon-alt-waning-gibbous-6:before {
    content: "";
}

.wi-moon-alt-third-quarter:before {
    content: "";
}

.wi-moon-alt-waning-crescent-1:before {
    content: "";
}

.wi-moon-alt-waning-crescent-2:before {
    content: "";
}

.wi-moon-alt-waning-crescent-3:before {
    content: "";
}

.wi-moon-alt-waning-crescent-4:before {
    content: "";
}

.wi-moon-alt-waning-crescent-5:before {
    content: "";
}

.wi-moon-alt-waning-crescent-6:before {
    content: "";
}

.wi-moon-0:before {
    content: "";
}

.wi-moon-1:before {
    content: "";
}

.wi-moon-2:before {
    content: "";
}

.wi-moon-3:before {
    content: "";
}

.wi-moon-4:before {
    content: "";
}

.wi-moon-5:before {
    content: "";
}

.wi-moon-6:before {
    content: "";
}

.wi-moon-7:before {
    content: "";
}

.wi-moon-8:before {
    content: "";
}

.wi-moon-9:before {
    content: "";
}

.wi-moon-10:before {
    content: "";
}

.wi-moon-11:before {
    content: "";
}

.wi-moon-12:before {
    content: "";
}

.wi-moon-13:before {
    content: "";
}

.wi-moon-14:before {
    content: "";
}

.wi-moon-15:before {
    content: "";
}

.wi-moon-16:before {
    content: "";
}

.wi-moon-17:before {
    content: "";
}

.wi-moon-18:before {
    content: "";
}

.wi-moon-19:before {
    content: "";
}

.wi-moon-20:before {
    content: "";
}

.wi-moon-21:before {
    content: "";
}

.wi-moon-22:before {
    content: "";
}

.wi-moon-23:before {
    content: "";
}

.wi-moon-24:before {
    content: "";
}

.wi-moon-25:before {
    content: "";
}

.wi-moon-26:before {
    content: "";
}

.wi-moon-27:before {
    content: "";
}

.wi-time-1:before {
    content: "";
}

.wi-time-2:before {
    content: "";
}

.wi-time-3:before {
    content: "";
}

.wi-time-4:before {
    content: "";
}

.wi-time-5:before {
    content: "";
}

.wi-time-6:before {
    content: "";
}

.wi-time-7:before {
    content: "";
}

.wi-time-8:before {
    content: "";
}

.wi-time-9:before {
    content: "";
}

.wi-time-10:before {
    content: "";
}

.wi-time-11:before {
    content: "";
}

.wi-time-12:before {
    content: "";
}

.wi-direction-up:before {
    content: "";
}

.wi-direction-up-right:before {
    content: "";
}

.wi-direction-right:before {
    content: "";
}

.wi-direction-down-right:before {
    content: "";
}

.wi-direction-down:before {
    content: "";
}

.wi-direction-down-left:before {
    content: "";
}

.wi-direction-left:before {
    content: "";
}

.wi-direction-up-left:before {
    content: "";
}

.wi-wind-beaufort-0:before {
    content: "";
}

.wi-wind-beaufort-1:before {
    content: "";
}

.wi-wind-beaufort-2:before {
    content: "";
}

.wi-wind-beaufort-3:before {
    content: "";
}

.wi-wind-beaufort-4:before {
    content: "";
}

.wi-wind-beaufort-5:before {
    content: "";
}

.wi-wind-beaufort-6:before {
    content: "";
}

.wi-wind-beaufort-7:before {
    content: "";
}

.wi-wind-beaufort-8:before {
    content: "";
}

.wi-wind-beaufort-9:before {
    content: "";
}

.wi-wind-beaufort-10:before {
    content: "";
}

.wi-wind-beaufort-11:before {
    content: "";
}

.wi-wind-beaufort-12:before {
    content: "";
}

.wi-yahoo-0:before {
    content: "";
}

.wi-yahoo-1:before {
    content: "";
}

.wi-yahoo-2:before {
    content: "";
}

.wi-yahoo-3:before {
    content: "";
}

.wi-yahoo-4:before {
    content: "";
}

.wi-yahoo-5:before {
    content: "";
}

.wi-yahoo-6:before {
    content: "";
}

.wi-yahoo-7:before {
    content: "";
}

.wi-yahoo-8:before {
    content: "";
}

.wi-yahoo-9:before {
    content: "";
}

.wi-yahoo-10:before {
    content: "";
}

.wi-yahoo-11:before {
    content: "";
}

.wi-yahoo-12:before {
    content: "";
}

.wi-yahoo-13:before {
    content: "";
}

.wi-yahoo-14:before {
    content: "";
}

.wi-yahoo-15:before {
    content: "";
}

.wi-yahoo-16:before {
    content: "";
}

.wi-yahoo-17:before {
    content: "";
}

.wi-yahoo-18:before {
    content: "";
}

.wi-yahoo-19:before {
    content: "";
}

.wi-yahoo-20:before {
    content: "";
}

.wi-yahoo-21:before {
    content: "";
}

.wi-yahoo-22:before {
    content: "";
}

.wi-yahoo-23:before {
    content: "";
}

.wi-yahoo-24:before {
    content: "";
}

.wi-yahoo-25:before {
    content: "";
}

.wi-yahoo-26:before {
    content: "";
}

.wi-yahoo-27:before {
    content: "";
}

.wi-yahoo-28:before {
    content: "";
}

.wi-yahoo-29:before {
    content: "";
}

.wi-yahoo-30:before {
    content: "";
}

.wi-yahoo-31:before {
    content: "";
}

.wi-yahoo-32:before {
    content: "";
}

.wi-yahoo-33:before {
    content: "";
}

.wi-yahoo-34:before {
    content: "";
}

.wi-yahoo-35:before {
    content: "";
}

.wi-yahoo-36:before {
    content: "";
}

.wi-yahoo-37:before {
    content: "";
}

.wi-yahoo-38:before {
    content: "";
}

.wi-yahoo-39:before {
    content: "";
}

.wi-yahoo-40:before {
    content: "";
}

.wi-yahoo-41:before {
    content: "";
}

.wi-yahoo-42:before {
    content: "";
}

.wi-yahoo-43:before {
    content: "";
}

.wi-yahoo-44:before {
    content: "";
}

.wi-yahoo-45:before {
    content: "";
}

.wi-yahoo-46:before {
    content: "";
}

.wi-yahoo-47:before {
    content: "";
}

.wi-yahoo-3200:before {
    content: "";
}

.wi-forecast-io-clear-day:before {
    content: "";
}

.wi-forecast-io-clear-night:before {
    content: "";
}

.wi-forecast-io-rain:before {
    content: "";
}

.wi-forecast-io-snow:before {
    content: "";
}

.wi-forecast-io-sleet:before {
    content: "";
}

.wi-forecast-io-wind:before {
    content: "";
}

.wi-forecast-io-fog:before {
    content: "";
}

.wi-forecast-io-cloudy:before {
    content: "";
}

.wi-forecast-io-partly-cloudy-day:before {
    content: "";
}

.wi-forecast-io-partly-cloudy-night:before {
    content: "";
}

.wi-forecast-io-hail:before {
    content: "";
}

.wi-forecast-io-thunderstorm:before {
    content: "";
}

.wi-forecast-io-tornado:before {
    content: "";
}

.wi-wmo4680-0:before,
.wi-wmo4680-00:before {
    content: "";
}

.wi-wmo4680-1:before,
.wi-wmo4680-01:before {
    content: "";
}

.wi-wmo4680-2:before,
.wi-wmo4680-02:before {
    content: "";
}

.wi-wmo4680-3:before,
.wi-wmo4680-03:before {
    content: "";
}

.wi-wmo4680-4:before,
.wi-wmo4680-04:before {
    content: "";
}

.wi-wmo4680-5:before,
.wi-wmo4680-05:before {
    content: "";
}

.wi-wmo4680-10:before {
    content: "";
}

.wi-wmo4680-11:before {
    content: "";
}

.wi-wmo4680-12:before {
    content: "";
}

.wi-wmo4680-18:before {
    content: "";
}

.wi-wmo4680-20:before {
    content: "";
}

.wi-wmo4680-21:before {
    content: "";
}

.wi-wmo4680-22:before {
    content: "";
}

.wi-wmo4680-23:before {
    content: "";
}

.wi-wmo4680-24:before {
    content: "";
}

.wi-wmo4680-25:before {
    content: "";
}

.wi-wmo4680-26:before {
    content: "";
}

.wi-wmo4680-27:before {
    content: "";
}

.wi-wmo4680-28:before {
    content: "";
}

.wi-wmo4680-29:before {
    content: "";
}

.wi-wmo4680-30:before {
    content: "";
}

.wi-wmo4680-31:before {
    content: "";
}

.wi-wmo4680-32:before {
    content: "";
}

.wi-wmo4680-33:before {
    content: "";
}

.wi-wmo4680-34:before {
    content: "";
}

.wi-wmo4680-35:before {
    content: "";
}

.wi-wmo4680-40:before {
    content: "";
}

.wi-wmo4680-41:before {
    content: "";
}

.wi-wmo4680-42:before {
    content: "";
}

.wi-wmo4680-43:before {
    content: "";
}

.wi-wmo4680-44:before {
    content: "";
}

.wi-wmo4680-45:before {
    content: "";
}

.wi-wmo4680-46:before {
    content: "";
}

.wi-wmo4680-47:before {
    content: "";
}

.wi-wmo4680-48:before {
    content: "";
}

.wi-wmo4680-50:before {
    content: "";
}

.wi-wmo4680-51:before {
    content: "";
}

.wi-wmo4680-52:before {
    content: "";
}

.wi-wmo4680-53:before {
    content: "";
}

.wi-wmo4680-54:before {
    content: "";
}

.wi-wmo4680-55:before {
    content: "";
}

.wi-wmo4680-56:before {
    content: "";
}

.wi-wmo4680-57:before {
    content: "";
}

.wi-wmo4680-58:before {
    content: "";
}

.wi-wmo4680-60:before {
    content: "";
}

.wi-wmo4680-61:before {
    content: "";
}

.wi-wmo4680-62:before {
    content: "";
}

.wi-wmo4680-63:before {
    content: "";
}

.wi-wmo4680-64:before {
    content: "";
}

.wi-wmo4680-65:before {
    content: "";
}

.wi-wmo4680-66:before {
    content: "";
}

.wi-wmo4680-67:before {
    content: "";
}

.wi-wmo4680-68:before {
    content: "";
}

.wi-wmo4680-70:before {
    content: "";
}

.wi-wmo4680-71:before {
    content: "";
}

.wi-wmo4680-72:before {
    content: "";
}

.wi-wmo4680-73:before {
    content: "";
}

.wi-wmo4680-74:before {
    content: "";
}

.wi-wmo4680-75:before {
    content: "";
}

.wi-wmo4680-76:before {
    content: "";
}

.wi-wmo4680-77:before {
    content: "";
}

.wi-wmo4680-78:before {
    content: "";
}

.wi-wmo4680-80:before {
    content: "";
}

.wi-wmo4680-81:before {
    content: "";
}

.wi-wmo4680-82:before {
    content: "";
}

.wi-wmo4680-83:before {
    content: "";
}

.wi-wmo4680-84:before {
    content: "";
}

.wi-wmo4680-85:before {
    content: "";
}

.wi-wmo4680-86:before {
    content: "";
}

.wi-wmo4680-87:before {
    content: "";
}

.wi-wmo4680-89:before {
    content: "";
}

.wi-wmo4680-90:before {
    content: "";
}

.wi-wmo4680-91:before {
    content: "";
}

.wi-wmo4680-92:before {
    content: "";
}

.wi-wmo4680-93:before {
    content: "";
}

.wi-wmo4680-94:before {
    content: "";
}

.wi-wmo4680-95:before {
    content: "";
}

.wi-wmo4680-96:before {
    content: "";
}

.wi-wmo4680-99:before {
    content: "";
}

.wi-owm-200:before {
    content: "";
}

.wi-owm-201:before {
    content: "";
}

.wi-owm-202:before {
    content: "";
}

.wi-owm-210:before {
    content: "";
}

.wi-owm-211:before {
    content: "";
}

.wi-owm-212:before {
    content: "";
}

.wi-owm-221:before {
    content: "";
}

.wi-owm-230:before {
    content: "";
}

.wi-owm-231:before {
    content: "";
}

.wi-owm-232:before {
    content: "";
}

.wi-owm-300:before {
    content: "";
}

.wi-owm-301:before {
    content: "";
}

.wi-owm-302:before {
    content: "";
}

.wi-owm-310:before {
    content: "";
}

.wi-owm-311:before {
    content: "";
}

.wi-owm-312:before {
    content: "";
}

.wi-owm-313:before {
    content: "";
}

.wi-owm-314:before {
    content: "";
}

.wi-owm-321:before {
    content: "";
}

.wi-owm-500:before {
    content: "";
}

.wi-owm-501:before {
    content: "";
}

.wi-owm-502:before {
    content: "";
}

.wi-owm-503:before {
    content: "";
}

.wi-owm-504:before {
    content: "";
}

.wi-owm-511:before {
    content: "";
}

.wi-owm-520:before {
    content: "";
}

.wi-owm-521:before {
    content: "";
}

.wi-owm-522:before {
    content: "";
}

.wi-owm-531:before {
    content: "";
}

.wi-owm-600:before {
    content: "";
}

.wi-owm-601:before {
    content: "";
}

.wi-owm-602:before {
    content: "";
}

.wi-owm-611:before {
    content: "";
}

.wi-owm-612:before {
    content: "";
}

.wi-owm-615:before {
    content: "";
}

.wi-owm-616:before {
    content: "";
}

.wi-owm-620:before {
    content: "";
}

.wi-owm-621:before {
    content: "";
}

.wi-owm-622:before {
    content: "";
}

.wi-owm-701:before {
    content: "";
}

.wi-owm-711:before {
    content: "";
}

.wi-owm-721:before {
    content: "";
}

.wi-owm-731:before {
    content: "";
}

.wi-owm-741:before {
    content: "";
}

.wi-owm-761:before {
    content: "";
}

.wi-owm-762:before {
    content: "";
}

.wi-owm-771:before {
    content: "";
}

.wi-owm-781:before {
    content: "";
}

.wi-owm-800:before {
    content: "";
}

.wi-owm-801:before {
    content: "";
}

.wi-owm-802:before {
    content: "";
}

.wi-owm-803:before {
    content: "";
}

.wi-owm-804:before {
    content: "";
}

.wi-owm-900:before {
    content: "";
}

.wi-owm-901:before {
    content: "";
}

.wi-owm-902:before {
    content: "";
}

.wi-owm-903:before {
    content: "";
}

.wi-owm-904:before {
    content: "";
}

.wi-owm-905:before {
    content: "";
}

.wi-owm-906:before {
    content: "";
}

.wi-owm-957:before {
    content: "";
}

.wi-owm-day-200:before {
    content: "";
}

.wi-owm-day-201:before {
    content: "";
}

.wi-owm-day-202:before {
    content: "";
}

.wi-owm-day-210:before {
    content: "";
}

.wi-owm-day-211:before {
    content: "";
}

.wi-owm-day-212:before {
    content: "";
}

.wi-owm-day-221:before {
    content: "";
}

.wi-owm-day-230:before {
    content: "";
}

.wi-owm-day-231:before {
    content: "";
}

.wi-owm-day-232:before {
    content: "";
}

.wi-owm-day-300:before {
    content: "";
}

.wi-owm-day-301:before {
    content: "";
}

.wi-owm-day-302:before {
    content: "";
}

.wi-owm-day-310:before {
    content: "";
}

.wi-owm-day-311:before {
    content: "";
}

.wi-owm-day-312:before {
    content: "";
}

.wi-owm-day-313:before {
    content: "";
}

.wi-owm-day-314:before {
    content: "";
}

.wi-owm-day-321:before {
    content: "";
}

.wi-owm-day-500:before {
    content: "";
}

.wi-owm-day-501:before {
    content: "";
}

.wi-owm-day-502:before {
    content: "";
}

.wi-owm-day-503:before {
    content: "";
}

.wi-owm-day-504:before {
    content: "";
}

.wi-owm-day-511:before {
    content: "";
}

.wi-owm-day-520:before {
    content: "";
}

.wi-owm-day-521:before {
    content: "";
}

.wi-owm-day-522:before {
    content: "";
}

.wi-owm-day-531:before {
    content: "";
}

.wi-owm-day-600:before {
    content: "";
}

.wi-owm-day-601:before {
    content: "";
}

.wi-owm-day-602:before {
    content: "";
}

.wi-owm-day-611:before {
    content: "";
}

.wi-owm-day-612:before {
    content: "";
}

.wi-owm-day-615:before {
    content: "";
}

.wi-owm-day-616:before {
    content: "";
}

.wi-owm-day-620:before {
    content: "";
}

.wi-owm-day-621:before {
    content: "";
}

.wi-owm-day-622:before {
    content: "";
}

.wi-owm-day-701:before {
    content: "";
}

.wi-owm-day-711:before {
    content: "";
}

.wi-owm-day-721:before {
    content: "";
}

.wi-owm-day-731:before {
    content: "";
}

.wi-owm-day-741:before {
    content: "";
}

.wi-owm-day-761:before {
    content: "";
}

.wi-owm-day-762:before {
    content: "";
}

.wi-owm-day-781:before {
    content: "";
}

.wi-owm-day-800:before {
    content: "";
}

.wi-owm-day-801:before {
    content: "";
}

.wi-owm-day-802:before {
    content: "";
}

.wi-owm-day-803:before {
    content: "";
}

.wi-owm-day-804:before {
    content: "";
}

.wi-owm-day-900:before {
    content: "";
}

.wi-owm-day-902:before {
    content: "";
}

.wi-owm-day-903:before {
    content: "";
}

.wi-owm-day-904:before {
    content: "";
}

.wi-owm-day-906:before {
    content: "";
}

.wi-owm-day-957:before {
    content: "";
}

.wi-owm-night-200:before {
    content: "";
}

.wi-owm-night-201:before {
    content: "";
}

.wi-owm-night-202:before {
    content: "";
}

.wi-owm-night-210:before {
    content: "";
}

.wi-owm-night-211:before {
    content: "";
}

.wi-owm-night-212:before {
    content: "";
}

.wi-owm-night-221:before {
    content: "";
}

.wi-owm-night-230:before {
    content: "";
}

.wi-owm-night-231:before {
    content: "";
}

.wi-owm-night-232:before {
    content: "";
}

.wi-owm-night-300:before {
    content: "";
}

.wi-owm-night-301:before {
    content: "";
}

.wi-owm-night-302:before {
    content: "";
}

.wi-owm-night-310:before {
    content: "";
}

.wi-owm-night-311:before {
    content: "";
}

.wi-owm-night-312:before {
    content: "";
}

.wi-owm-night-313:before {
    content: "";
}

.wi-owm-night-314:before {
    content: "";
}

.wi-owm-night-321:before {
    content: "";
}

.wi-owm-night-500:before {
    content: "";
}

.wi-owm-night-501:before {
    content: "";
}

.wi-owm-night-502:before {
    content: "";
}

.wi-owm-night-503:before {
    content: "";
}

.wi-owm-night-504:before {
    content: "";
}

.wi-owm-night-511:before {
    content: "";
}

.wi-owm-night-520:before {
    content: "";
}

.wi-owm-night-521:before {
    content: "";
}

.wi-owm-night-522:before {
    content: "";
}

.wi-owm-night-531:before {
    content: "";
}

.wi-owm-night-600:before {
    content: "";
}

.wi-owm-night-601:before {
    content: "";
}

.wi-owm-night-602:before {
    content: "";
}

.wi-owm-night-611:before {
    content: "";
}

.wi-owm-night-612:before {
    content: "";
}

.wi-owm-night-615:before {
    content: "";
}

.wi-owm-night-616:before {
    content: "";
}

.wi-owm-night-620:before {
    content: "";
}

.wi-owm-night-621:before {
    content: "";
}

.wi-owm-night-622:before {
    content: "";
}

.wi-owm-night-701:before {
    content: "";
}

.wi-owm-night-711:before {
    content: "";
}

.wi-owm-night-721:before {
    content: "";
}

.wi-owm-night-731:before {
    content: "";
}

.wi-owm-night-741:before {
    content: "";
}

.wi-owm-night-761:before {
    content: "";
}

.wi-owm-night-762:before {
    content: "";
}

.wi-owm-night-781:before {
    content: "";
}

.wi-owm-night-800:before {
    content: "";
}

.wi-owm-night-801:before {
    content: "";
}

.wi-owm-night-802:before {
    content: "";
}

.wi-owm-night-803:before {
    content: "";
}

.wi-owm-night-804:before {
    content: "";
}

.wi-owm-night-900:before {
    content: "";
}

.wi-owm-night-902:before {
    content: "";
}

.wi-owm-night-903:before {
    content: "";
}

.wi-owm-night-904:before {
    content: "";
}

.wi-owm-night-906:before {
    content: "";
}

.wi-owm-night-957:before {
    content: "";
}

.wi-wu-chanceflurries:before {
    content: "";
}

.wi-wu-chancerain:before {
    content: "";
}

.wi-wu-chancesleat:before {
    content: "";
}

.wi-wu-chancesnow:before {
    content: "";
}

.wi-wu-chancetstorms:before {
    content: "";
}

.wi-wu-clear:before {
    content: "";
}

.wi-wu-cloudy:before {
    content: "";
}

.wi-wu-flurries:before {
    content: "";
}

.wi-wu-hazy:before {
    content: "";
}

.wi-wu-mostlycloudy:before {
    content: "";
}

.wi-wu-mostlysunny:before {
    content: "";
}

.wi-wu-partlycloudy:before {
    content: "";
}

.wi-wu-partlysunny:before {
    content: "";
}

.wi-wu-rain:before {
    content: "";
}

.wi-wu-sleat:before {
    content: "";
}

.wi-wu-snow:before {
    content: "";
}

.wi-wu-sunny:before {
    content: "";
}

.wi-wu-tstorms:before {
    content: "";
}

.wi-wu-unknown:before {
    content: "";
}

/* Slider */
.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0;
}

    .slick-list:focus {
        outline: none;
    }

    .slick-list.dragging {
        cursor: pointer;
        cursor: hand;
    }

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

    .slick-track:before, .slick-track:after {
        content: "";
        display: table;
    }

    .slick-track:after {
        clear: both;
    }

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none;
}

[dir="rtl"] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

@charset "UTF-8";
/*!
 * @version: 1.2.0
 * @name: Styles
 *
 * @author: https://themeforest.net/user/flexlayers
 *
 *
 * CSS Structure
 *
 * Colors
 * Fonts
 * Adapted Bootstrap Framework
 * Adapted X-Editable plugin
 * Common elements style
 * Adapted transition plugin
 * Brand Icons
 * Adapted rating plugin
 * Grid
 * Panels
 * Adapted checkbox plugin
 * list-plus
 * Adapted list plugin
 * buttons
 * scroll
 * Adapted dropdown plugin
 * Adapted flags plugin
 *
 *
 * Components
 *
 * Adapted datepicker plugin
 * Adapted wizard plugin
 * Adapted ionrangeslider plugin
 * Adapted nouislider plugin
 * Adapted colorpicker plugin
 * Adapted touchspin plugin
 * Adapted timepicker plugin
 * Adapted calendar plugin
 * Adapted emoji plugin
 * photoeditor
 * weather
 * upload
 * project
 * tables
 * Adapted fullcalendar plugin
 * comment
 * reviews
 * timeline
 * chart
 * mail
 * editor
 * product
 * contacts
 * tasks
 * todo
 * chat
 * Adapted imageupload plugin
 * Adapted datetimepicker plugin
 *
 *
 * Main Blocks
 *
 * app
 * sidebar
 * header
 * footer
 * aside
 *
 *
 * Page Specific
 *
 * starter_page
 *
 */
/* Reactive colors clr() */
/* Bootstrap theme colors */
/*!
 * @version: 1.2.0
 * @name: Colors
 *
 * @author: https://themeforest.net/user/flexlayers
 */
/*!
 * @version: 1.2.0
 * @name: fonts
 *
 * @author: https://themeforest.net/user/flexlayers
 */
@font-face {
    font-family: 'Open Sans';
    src: url("../fonts/open-sans/OpenSans-Extrabold.woff") format("woff");
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url("../fonts/open-sans/OpenSans-Light.woff") format("woff");
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url("../fonts/open-sans/OpenSans-BoldItalic.woff") format("woff");
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Open Sans';
    src: url("../fonts/open-sans/OpenSans-Semibold.woff") format("woff");
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url("../fonts/open-sans/OpenSans.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url("../fonts/open-sans/OpenSans-Italic.woff") format("woff");
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Open Sans';
    src: url("../fonts/open-sans/OpenSans-SemiboldItalic.woff") format("woff");
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: 'Open Sans';
    src: url("../fonts/open-sans/OpenSans-Bold.woff") format("woff");
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url("../fonts/open-sans/OpenSans-ExtraboldItalic.woff") format("woff");
    font-weight: 800;
    font-style: italic;
}

@font-face {
    font-family: 'Open Sans';
    src: url("../fonts/open-sans/OpenSansLight-Italic.woff") format("woff");
    font-weight: 300;
    font-style: italic;
}

/*!
 * Bootstrap v4.0.0-beta (https://getbootstrap.com)
 * Copyright 2011-2017 The Bootstrap Authors
 * Copyright 2011-2017 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
@media print {
    *,
    *::before,
    *::after {
        text-shadow: none !important;
        box-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    abbr[title]::after {
        content: " (" attr(title) ")";
    }

    pre {
        white-space: pre-wrap !important;
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }

    .navbar {
        display: none;
    }

    .badge {
        border: 1px solid #000;
    }

    .table {
        border-collapse: collapse !important;
    }

        .table td,
        .table th {
            background-color: #fff !important;
        }

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

*,
*::before,
*::after {
    box-sizing: border-box;
}

html {
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -ms-overflow-style: scrollbar;
    -webkit-tap-highlight-color: transparent;
}

@-ms-viewport {
    width: device-width;
}

article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section {
    display: block;
}

body {
    margin: 0;
    font-family: "Open Sans", "sans-serif";
    font-size: 1rem;
    font-weight: normal;
    line-height: 1.57143;
    color: #383e41;
    text-align: left;
    background-color: #f4f9fc;
}

[tabindex="-1"]:focus {
    outline: none !important;
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}

h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
    margin-bottom: .5rem;
}

p {
    margin-top: 0;
    margin-bottom: 1rem;
}

abbr[title],
abbr[data-original-title] {
    text-decoration: underline;
    text-decoration: underline dotted;
    cursor: help;
    border-bottom: 0;
}

address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit;
}

ol,
ul,
dl {
    margin-top: 0;
    margin-bottom: 1rem;
}

    ol ol,
    ul ul,
    ol ul,
    ul ol {
        margin-bottom: 0;
    }

dt {
    /*font-weight: bold;*/
}

dd {
    margin-bottom: .5rem;
    margin-left: 0;
}

blockquote {
    margin: 0 0 1rem;
}

dfn {
    font-style: italic;
}

b,
strong {
    font-weight: bolder;
}

small {
    font-size: 80%;
}

sub,
sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline;
}

sub {
    bottom: -.25em;
}

sup {
    top: -.5em;
}

a {
    color: #3a8586;
    text-decoration: none;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}

    a:hover {
        color: #235051;
        text-decoration: none;
    }

    a:not([href]):not([tabindex]) {
        /*color: inherit;*/
        text-decoration: none;
    }

        a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover {
            color: inherit;
            text-decoration: none;
        }

        a:not([href]):not([tabindex]):focus {
            outline: 0;
        }

pre,
code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

pre {
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto;
}

figure {
    margin: 0 0 1rem;
}

img {
    vertical-align: middle;
    border-style: none;
}

svg:not(:root) {
    overflow: hidden;
}

a,
area,
button,
[role="button"],
input,
label,
select,
summary,
textarea {
    -ms-touch-action: manipulation;
    touch-action: manipulation;
}

table {
    border-collapse: collapse;
}

caption {
    padding-top: 0.7rem 1rem;
    padding-bottom: 0.7rem 1rem;
    color: #a9aeb1;
    text-align: left;
    caption-side: bottom;
}

th {
    text-align: inherit;
}

label {
    display: inline-block;
    margin-bottom: .5rem;
}

button:focus {
    outline: 1px dotted;
    outline: 5px auto -webkit-focus-ring-color;
}

input,
button,
select,
optgroup,
textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

button,
input {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

button,
html [type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
}

    button::-moz-focus-inner,
    [type="button"]::-moz-focus-inner,
    [type="reset"]::-moz-focus-inner,
    [type="submit"]::-moz-focus-inner {
        padding: 0;
        border-style: none;
    }

input[type="radio"],
input[type="checkbox"] {
    box-sizing: border-box;
    padding: 0;
}

input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
    -webkit-appearance: listbox;
}

textarea {
    overflow: auto;
    resize: vertical;
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0;
}

legend {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin-bottom: .5rem;
    font-size: 1.5rem;
    line-height: inherit;
    color: inherit;
    white-space: normal;
}

progress {
    vertical-align: baseline;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

[type="search"] {
    outline-offset: -2px;
    -webkit-appearance: none;
}

    [type="search"]::-webkit-search-cancel-button,
    [type="search"]::-webkit-search-decoration {
        -webkit-appearance: none;
    }

::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button;
}

output {
    display: inline-block;
}

summary {
    display: list-item;
}

template {
    display: none;
}

[hidden] {
    display: none !important;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    margin-bottom: 0.89286rem;
    font-family: inherit;
    font-weight: 400;
    line-height: 1.1;
    color: inherit;
}

h1, .h1 {
    font-size: 2.57143rem;
}

h2, .h2 {
    font-size: 2.14286rem;
}

h3, .h3 {
    font-size: 1.71429rem;
}

h4, .h4 {
    font-size: 1.28571rem;
}

h5, .h5 {
    font-size: 1.14286rem;
}

h6, .h6 {
    font-size: 1rem;
}

.lead {
    font-size: 1.25rem;
    font-weight: 300;
}

.display-1 {
    font-size: 6rem;
    font-weight: 300;
    line-height: 1.1;
}

.display-2 {
    font-size: 5.1rem;
    font-weight: 300;
    line-height: 1.1;
}

.display-3 {
    font-size: 4.1rem;
    font-weight: 300;
    line-height: 1.1;
}

.display-4 {
    font-size: 3.1rem;
    font-weight: 300;
    line-height: 1.1;
}

hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

small,
.small {
    font-size: 80%;
    font-weight: normal;
}

mark,
.mark {
    padding: 0.2em;
    background-color: #eef6f8;
}

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

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

.list-inline-item {
    display: inline-block;
}

    .list-inline-item:not(:last-child) {
        margin-right: 5px;
    }

.initialism {
    font-size: 90%;
    text-transform: uppercase;
}

.blockquote {
    margin-bottom: 1.78571rem;
    font-size: 1.14286rem;
}

.blockquote-footer {
    display: block;
    font-size: 80%;
    color: #a9aeb1;
}

    .blockquote-footer::before {
        content: "\2014 \00A0";
    }

.img-fluid {
    max-width: 100%;
    height: auto;
}

.img-thumbnail {
    padding: 0.25rem;
    background-color: #f4f9fc;
    border: 1px solid #ddd;
    border-radius: 0;
    transition: all 0.2s ease-in-out;
    max-width: 100%;
    height: auto;
}

.figure {
    display: inline-block;
}

.figure-img {
    margin-bottom: 0.89286rem;
    line-height: 1;
}

.figure-caption {
    font-size: 90%;
    color: #a9aeb1;
}

code,
kbd,
pre,
samp {
    font-family: Consolas, "Liberation Mono", "Courier New", monospace;
}

code {
    padding: 0.2rem 0.5rem;
    font-size: 90%;
    color: #bd4147;
    background-color: #e7edf0;
    border-radius: 0;
}

a > code {
    padding: 0;
    color: inherit;
    background-color: inherit;
}

kbd {
    padding: 0.2rem 0.5rem;
    font-size: 90%;
    color: #f4f9fc;
    background-color: #585e61;
    border-radius: 0;
}

    kbd kbd {
        padding: 0;
        font-size: 100%;
        font-weight: bold;
    }

pre {
    display: block;
    margin-top: 0;
    margin-bottom: 1rem;
    font-size: 90%;
    color: #585e61;
}

    pre code {
        padding: 0;
        font-size: inherit;
        color: inherit;
        background-color: transparent;
        border-radius: 0;
    }

.pre-scrollable {
    max-height: 340px;
    overflow-y: scroll;
}

.container {
    margin-right: auto;
    margin-left: auto;
    padding-right: 10px;
    padding-left: 10px;
    width: 100%;
}

@media (min-width: 576px) {
    .container {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .container {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .container {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: 1140px;
    }
}

.container-fluid {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 10px;
    padding-left: 10px;
    width: 100%;
}

.row {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -10px;
    margin-left: -10px;
}

.no-gutters {
    margin-right: 0;
    margin-left: 0;
}

    .no-gutters > .col,
    .no-gutters > [class*="col-"] {
        padding-right: 0;
        padding-left: 0;
    }

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col {
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}

.col-auto {
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
}

.col-1 {
    -webkit-flex: 0 0 8.33333%;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333% !important;
}

.col-2 {
    -webkit-flex: 0 0 16.66667%;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667% !important;
}

.col-3 {
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25% !important;
}

.col-4 {
    -webkit-flex: 0 0 33.33333%;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333% !important;
}

.col-5 {
    -webkit-flex: 0 0 41.66667%;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667% !important;
}

.col-6 {
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50% !important;
}

.col-7 {
    -webkit-flex: 0 0 58.33333%;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333% !important;
}

.col-8 {
    -webkit-flex: 0 0 66.66667%;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667% !important;
}

.col-9 {
    -webkit-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75% !important;
}

.col-10 {
    -webkit-flex: 0 0 83.33333%;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333% !important;
}

.col-11 {
    -webkit-flex: 0 0 91.66667%;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    max-width: 91.66667% !important;
}

.col-12 {
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100% !important;
}

.order-1 {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
}

.order-2 {
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
}

.order-3 {
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
}

.order-4 {
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4;
}

.order-5 {
    -webkit-order: 5;
    -ms-flex-order: 5;
    order: 5;
}

.order-6 {
    -webkit-order: 6;
    -ms-flex-order: 6;
    order: 6;
}

.order-7 {
    -webkit-order: 7;
    -ms-flex-order: 7;
    order: 7;
}

.order-8 {
    -webkit-order: 8;
    -ms-flex-order: 8;
    order: 8;
}

.order-9 {
    -webkit-order: 9;
    -ms-flex-order: 9;
    order: 9;
}

.order-10 {
    -webkit-order: 10;
    -ms-flex-order: 10;
    order: 10;
}

.order-11 {
    -webkit-order: 11;
    -ms-flex-order: 11;
    order: 11;
}

.order-12 {
    -webkit-order: 12;
    -ms-flex-order: 12;
    order: 12;
}

@media (min-width: 576px) {
    .col-sm {
        -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }

    .col-sm-auto {
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none;
    }

    .col-sm-1 {
        -webkit-flex: 0 0 8.33333%;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333% !important;
    }

    .col-sm-2 {
        -webkit-flex: 0 0 16.66667%;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667% !important;
    }

    .col-sm-3 {
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25% !important;
    }

    .col-sm-4 {
        -webkit-flex: 0 0 33.33333%;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333% !important;
    }

    .col-sm-5 {
        -webkit-flex: 0 0 41.66667%;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667% !important;
    }

    .col-sm-6 {
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50% !important;
    }

    .col-sm-7 {
        -webkit-flex: 0 0 58.33333%;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333% !important;
    }

    .col-sm-8 {
        -webkit-flex: 0 0 66.66667%;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667% !important;
    }

    .col-sm-9 {
        -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75% !important;
    }

    .col-sm-10 {
        -webkit-flex: 0 0 83.33333%;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333% !important;
    }

    .col-sm-11 {
        -webkit-flex: 0 0 91.66667%;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667% !important;
    }

    .col-sm-12 {
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100% !important;
    }

    .order-sm-1 {
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
    }

    .order-sm-2 {
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
    }

    .order-sm-3 {
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3;
    }

    .order-sm-4 {
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4;
    }

    .order-sm-5 {
        -webkit-order: 5;
        -ms-flex-order: 5;
        order: 5;
    }

    .order-sm-6 {
        -webkit-order: 6;
        -ms-flex-order: 6;
        order: 6;
    }

    .order-sm-7 {
        -webkit-order: 7;
        -ms-flex-order: 7;
        order: 7;
    }

    .order-sm-8 {
        -webkit-order: 8;
        -ms-flex-order: 8;
        order: 8;
    }

    .order-sm-9 {
        -webkit-order: 9;
        -ms-flex-order: 9;
        order: 9;
    }

    .order-sm-10 {
        -webkit-order: 10;
        -ms-flex-order: 10;
        order: 10;
    }

    .order-sm-11 {
        -webkit-order: 11;
        -ms-flex-order: 11;
        order: 11;
    }

    .order-sm-12 {
        -webkit-order: 12;
        -ms-flex-order: 12;
        order: 12;
    }
}

@media (min-width: 768px) {
    .col-md {
        -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }

    .col-md-auto {
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none;
    }

    .col-md-1 {
        -webkit-flex: 0 0 8.33333%;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333% !important;
    }

    .col-md-2 {
        -webkit-flex: 0 0 16.66667%;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667% !important;
    }

    .col-md-3 {
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25% !important;
    }

    .col-md-4 {
        -webkit-flex: 0 0 33.33333%;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333% !important;
    }

    .col-md-5 {
        -webkit-flex: 0 0 41.66667%;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667% !important;
    }

    .col-md-6 {
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50% !important;
    }

    .col-md-7 {
        -webkit-flex: 0 0 58.33333%;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333% !important;
    }

    .col-md-8 {
        -webkit-flex: 0 0 66.66667%;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667% !important;
    }

    .col-md-9 {
        -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75% !important;
    }

    .col-md-10 {
        -webkit-flex: 0 0 83.33333%;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333% !important;
    }

    .col-md-11 {
        -webkit-flex: 0 0 91.66667%;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667% !important;
    }

    .col-md-12 {
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100% !important;
    }

    .order-md-1 {
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
    }

    .order-md-2 {
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
    }

    .order-md-3 {
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3;
    }

    .order-md-4 {
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4;
    }

    .order-md-5 {
        -webkit-order: 5;
        -ms-flex-order: 5;
        order: 5;
    }

    .order-md-6 {
        -webkit-order: 6;
        -ms-flex-order: 6;
        order: 6;
    }

    .order-md-7 {
        -webkit-order: 7;
        -ms-flex-order: 7;
        order: 7;
    }

    .order-md-8 {
        -webkit-order: 8;
        -ms-flex-order: 8;
        order: 8;
    }

    .order-md-9 {
        -webkit-order: 9;
        -ms-flex-order: 9;
        order: 9;
    }

    .order-md-10 {
        -webkit-order: 10;
        -ms-flex-order: 10;
        order: 10;
    }

    .order-md-11 {
        -webkit-order: 11;
        -ms-flex-order: 11;
        order: 11;
    }

    .order-md-12 {
        -webkit-order: 12;
        -ms-flex-order: 12;
        order: 12;
    }
}

@media (min-width: 992px) {
    .col-lg {
        -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }

    .col-lg-auto {
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none;
    }

    .col-lg-1 {
        -webkit-flex: 0 0 8.33333%;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333% !important;
    }

    .col-lg-2 {
        -webkit-flex: 0 0 16.66667%;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667% !important;
    }

    .col-lg-3 {
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25% !important;
    }

    .col-lg-4 {
        -webkit-flex: 0 0 33.33333%;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333% !important;
    }

    .col-lg-5 {
        -webkit-flex: 0 0 41.66667%;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667% !important;
    }

    .col-lg-6 {
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50% !important;
    }

    .col-lg-7 {
        -webkit-flex: 0 0 58.33333%;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333% !important;
    }

    .col-lg-8 {
        -webkit-flex: 0 0 66.66667%;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667% !important;
    }

    .col-lg-9 {
        -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75% !important;
    }

    .col-lg-10 {
        -webkit-flex: 0 0 83.33333%;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333% !important;
    }

    .col-lg-11 {
        -webkit-flex: 0 0 91.66667%;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667% !important;
    }

    .col-lg-12 {
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100% !important;
    }

    .order-lg-1 {
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
    }

    .order-lg-2 {
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
    }

    .order-lg-3 {
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3;
    }

    .order-lg-4 {
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4;
    }

    .order-lg-5 {
        -webkit-order: 5;
        -ms-flex-order: 5;
        order: 5;
    }

    .order-lg-6 {
        -webkit-order: 6;
        -ms-flex-order: 6;
        order: 6;
    }

    .order-lg-7 {
        -webkit-order: 7;
        -ms-flex-order: 7;
        order: 7;
    }

    .order-lg-8 {
        -webkit-order: 8;
        -ms-flex-order: 8;
        order: 8;
    }

    .order-lg-9 {
        -webkit-order: 9;
        -ms-flex-order: 9;
        order: 9;
    }

    .order-lg-10 {
        -webkit-order: 10;
        -ms-flex-order: 10;
        order: 10;
    }

    .order-lg-11 {
        -webkit-order: 11;
        -ms-flex-order: 11;
        order: 11;
    }

    .order-lg-12 {
        -webkit-order: 12;
        -ms-flex-order: 12;
        order: 12;
    }
}

@media (min-width: 1200px) {
    .col-xl {
        -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }

    .col-xl-auto {
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none;
    }

    .col-xl-1 {
        -webkit-flex: 0 0 8.33333%;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333% !important;
    }

    .col-xl-2 {
        -webkit-flex: 0 0 16.66667%;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667% !important;
    }

    .col-xl-3 {
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25% !important;
    }

    .col-xl-4 {
        -webkit-flex: 0 0 33.33333%;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333% !important;
    }

    .col-xl-5 {
        -webkit-flex: 0 0 41.66667%;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667% !important;
    }

    .col-xl-6 {
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50% !important;
    }

    .col-xl-7 {
        -webkit-flex: 0 0 58.33333%;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333% !important;
    }

    .col-xl-8 {
        -webkit-flex: 0 0 66.66667%;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667% !important;
    }

    .col-xl-9 {
        -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75% !important;
    }

    .col-xl-10 {
        -webkit-flex: 0 0 83.33333%;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333% !important;
    }

    .col-xl-11 {
        -webkit-flex: 0 0 91.66667%;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667% !important;
    }

    .col-xl-12 {
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100% !important;
    }

    .order-xl-1 {
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
    }

    .order-xl-2 {
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
    }

    .order-xl-3 {
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3;
    }

    .order-xl-4 {
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4;
    }

    .order-xl-5 {
        -webkit-order: 5;
        -ms-flex-order: 5;
        order: 5;
    }

    .order-xl-6 {
        -webkit-order: 6;
        -ms-flex-order: 6;
        order: 6;
    }

    .order-xl-7 {
        -webkit-order: 7;
        -ms-flex-order: 7;
        order: 7;
    }

    .order-xl-8 {
        -webkit-order: 8;
        -ms-flex-order: 8;
        order: 8;
    }

    .order-xl-9 {
        -webkit-order: 9;
        -ms-flex-order: 9;
        order: 9;
    }

    .order-xl-10 {
        -webkit-order: 10;
        -ms-flex-order: 10;
        order: 10;
    }

    .order-xl-11 {
        -webkit-order: 11;
        -ms-flex-order: 11;
        order: 11;
    }

    .order-xl-12 {
        -webkit-order: 12;
        -ms-flex-order: 12;
        order: 12;
    }
}

.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 1.78571rem;
    background-color: transparent;
}

    .table th,
    .table td {
        padding: 0.7rem 1rem;
        vertical-align: top;
        border-top: 1px solid #dee4e8;
    }

    .table thead th {
        vertical-align: bottom;
        border-bottom: 2px solid #dee4e8;
    }

    .table tbody + tbody {
        border-top: 2px solid #dee4e8;
    }

    .table .table {
        background-color: #f4f9fc;
    }

.table-sm th,
.table-sm td {
    padding: 0.3rem;
}

.table-bordered {
    border: 1px solid #dee4e8;
}

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

    .table-bordered thead th,
    .table-bordered thead td {
        border-bottom-width: 2px;
    }

.table-striped tbody tr:nth-of-type(odd) {
    background-color: #dee4e8;
}

.table-hover tbody tr:hover {
    background-color: #e7edf0;
}

.table-success,
.table-success > th,
.table-success > td {
    background-color: #c9cee0;
}

.table-hover .table-success:hover {
    background-color: #b9bfd7;
}

    .table-hover .table-success:hover > td,
    .table-hover .table-success:hover > th {
        background-color: #b9bfd7;
    }

.table-primary,
.table-primary > th,
.table-primary > td {
    background-color: #cddbc6;
}

.table-hover .table-primary:hover {
    background-color: #bfd1b6;
}

    .table-hover .table-primary:hover > td,
    .table-hover .table-primary:hover > th {
        background-color: #bfd1b6;
    }

.table-info,
.table-info > th,
.table-info > td {
    background-color: #c8dddd;
}

.table-hover .table-info:hover {
    background-color: #b8d3d3;
}

    .table-hover .table-info:hover > td,
    .table-hover .table-info:hover > th {
        background-color: #b8d3d3;
    }

.table-warning,
.table-warning > th,
.table-warning > td {
    background-color: #e6dec2;
}

.table-hover .table-warning:hover {
    background-color: #dfd4b0;
}

    .table-hover .table-warning:hover > td,
    .table-hover .table-warning:hover > th {
        background-color: #dfd4b0;
    }

.table-danger,
.table-danger > th,
.table-danger > td {
    background-color: #e6c5bd;
}

.table-hover .table-danger:hover {
    background-color: #dfb5ab;
}

    .table-hover .table-danger:hover > td,
    .table-hover .table-danger:hover > th {
        background-color: #dfb5ab;
    }

.table-inverse,
.table-inverse > th,
.table-inverse > td {
    background-color: #d0d2d3;
}

.table-hover .table-inverse:hover {
    background-color: #c3c5c7;
}

    .table-hover .table-inverse:hover > td,
    .table-hover .table-inverse:hover > th {
        background-color: #c3c5c7;
    }

.table-active,
.table-active > th,
.table-active > td {
    background-color: #e7edf0;
}

.table-hover .table-active:hover {
    background-color: #d7e1e6;
}

    .table-hover .table-active:hover > td,
    .table-hover .table-active:hover > th {
        background-color: #d7e1e6;
    }

.thead-inverse th {
    color: #f4f9fc;
    background-color: #585e61;
}

.thead-default th {
    color: #797e81;
    background-color: #dee4e8;
}

.table-inverse {
    color: #f4f9fc;
    background-color: #585e61;
}

    .table-inverse th,
    .table-inverse td,
    .table-inverse thead th {
        border-color: white;
    }

    .table-inverse.table-bordered {
        border: 0;
    }

    .table-inverse.table-striped tbody tr:nth-of-type(odd) {
        background-color: #dee4e8;
    }

    .table-inverse.table-hover tbody tr:hover {
        background-color: #e7edf0;
    }

@media (max-width: 991px) {
    .table-responsive {
        display: block;
        width: 100%;
        overflow-x: auto;
        -ms-overflow-style: -ms-autohiding-scrollbar;
    }

        .table-responsive.table-bordered {
            border: 0;
        }
}

.form-control, .ui.select-dropdown .menu > .input:not(.transparent) input, .ui.selection.select-dropdown, select.ui.select-dropdown, .sp-container .sp-input, .bootstrap-timepicker-widget table td input {
    display: block;
    width: 100%;
    padding: 0.58rem 0.9rem;
    font-size: 0.92rem;
    line-height: 1.2;
    color: #585e61;
    /*background-color: #e6eff3;*/
    background-image: none;
    background-clip: padding-box;
    border: 1px solid #dee4e8;
    border-radius: 0;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

    .form-control::-ms-expand, .ui.select-dropdown .menu > .input:not(.transparent) input::-ms-expand, .ui.selection.select-dropdown::-ms-expand, select.ui.select-dropdown::-ms-expand, .sp-container .sp-input::-ms-expand, .bootstrap-timepicker-widget table td input::-ms-expand {
        background-color: transparent;
        border: 0;
    }

    .form-control:focus, .ui.select-dropdown .menu > .input:not(.transparent) input:focus, .ui.selection.select-dropdown:focus, select.ui.select-dropdown:focus, .ui.selection.active.select-dropdown, select.active.ui.select-dropdown, .sp-container .sp-input:focus, .bootstrap-timepicker-widget table td input:focus {
        color: #585e61;
        /*background-color: #eef6f8;*/ /*focusi here*/
        border-color: #4c8033;
        outline: none;
    }

    .form-control::-webkit-input-placeholder, .ui.select-dropdown .menu > .input:not(.transparent) input::-webkit-input-placeholder, .ui.selection.select-dropdown::-webkit-input-placeholder, select.ui.select-dropdown::-webkit-input-placeholder, .sp-container .sp-input::-webkit-input-placeholder, .bootstrap-timepicker-widget table td input::-webkit-input-placeholder {
        color: #797e81;
        opacity: 1;
    }

    .form-control::-moz-placeholder, .ui.select-dropdown .menu > .input:not(.transparent) input::-moz-placeholder, .ui.selection.select-dropdown::-moz-placeholder, select.ui.select-dropdown::-moz-placeholder, .sp-container .sp-input::-moz-placeholder, .bootstrap-timepicker-widget table td input::-moz-placeholder {
        color: #797e81;
        opacity: 1;
    }

    .form-control:-ms-input-placeholder, .ui.select-dropdown .menu > .input:not(.transparent) input:-ms-input-placeholder, .ui.selection.select-dropdown:-ms-input-placeholder, select.ui.select-dropdown:-ms-input-placeholder, .sp-container .sp-input:-ms-input-placeholder, .bootstrap-timepicker-widget table td input:-ms-input-placeholder {
        color: #797e81;
        opacity: 1;
    }

    .form-control::placeholder, .ui.select-dropdown .menu > .input:not(.transparent) input::placeholder, .ui.selection.select-dropdown::placeholder, select.ui.select-dropdown::placeholder, .sp-container .sp-input::placeholder, .bootstrap-timepicker-widget table td input::placeholder {
        color: #797e81;
        opacity: 1;
    }

    .form-control:disabled, .ui.select-dropdown .menu > .input:not(.transparent) input:disabled, .ui.selection.select-dropdown:disabled, select.ui.select-dropdown:disabled, .sp-container .sp-input:disabled, .bootstrap-timepicker-widget table td input:disabled, .form-control[readonly], .ui.select-dropdown .menu > .input:not(.transparent) input[readonly], [readonly].ui.selection.select-dropdown, select[readonly].ui.select-dropdown, .sp-container [readonly].sp-input, .bootstrap-timepicker-widget table td input[readonly] {
        background-color: #dee4e8;
        opacity: 1;
    }

.has-success .form-control-feedback,
.has-success .form-control-label,
.has-success .col-form-label,
.has-success .form-check-label,
.has-success .custom-control {
    color: #4c8033 !important;
}

.has-success .form-control, .has-success .ui.select-dropdown .menu > .input:not(.transparent) input, .ui.select-dropdown .menu > .input:not(.transparent) .has-success input, .has-success .ui.selection.select-dropdown, .has-success select.ui.select-dropdown, .has-success .sp-container .sp-input, .sp-container .has-success .sp-input, .has-success .bootstrap-timepicker-widget table td input, .bootstrap-timepicker-widget table td .has-success input {
    border-color: #4c8033;
}

.has-success .input-group-addon {
    color: #4c8033;
    border-color: #4c8033;
    background-color: #b6dba4;
}

.has-warning .form-control-feedback,
.has-warning .form-control-label,
.has-warning .col-form-label,
.has-warning .form-check-label,
.has-warning .custom-control {
    color: #a58825 !important;
}

.has-warning .form-control, .has-warning .ui.select-dropdown .menu > .input:not(.transparent) input, .ui.select-dropdown .menu > .input:not(.transparent) .has-warning input, .has-warning .ui.selection.select-dropdown, .has-warning select.ui.select-dropdown, .has-warning .sp-container .sp-input, .sp-container .has-warning .sp-input, .has-warning .bootstrap-timepicker-widget table td input, .bootstrap-timepicker-widget table td .has-warning input {
    border-color: #a58825;
}

.has-warning .input-group-addon {
    color: #a58825;
    border-color: #a58825;
    background-color: #ecddaa;
}

.has-danger .form-control-feedback,
.has-danger .form-control-label,
.has-danger .col-form-label,
.has-danger .form-check-label,
.has-danger .custom-control {
    color: #a53012 !important;
}

.has-danger .form-control, .has-danger .ui.select-dropdown .menu > .input:not(.transparent) input, .ui.select-dropdown .menu > .input:not(.transparent) .has-danger input, .has-danger .ui.selection.select-dropdown, .has-danger select.ui.select-dropdown, .has-danger .sp-container .sp-input, .sp-container .has-danger .sp-input, .has-danger .bootstrap-timepicker-widget table td input, .bootstrap-timepicker-widget table td .has-danger input {
    border-color: #a53012;
}

.has-danger .input-group-addon {
    color: #a53012;
    border-color: #a53012;
    background-color: #f3a490;
}

select.form-control:not([size]):not([multiple]), select.ui.select-dropdown:not([size]):not([multiple]), .sp-container select.sp-input:not([size]):not([multiple]) {
    height: calc(2.36rem + 8px);
}

select.form-control:focus::-ms-value, select.ui.select-dropdown:focus::-ms-value, select.ui.selection.active.select-dropdown::-ms-value, select.active.ui.select-dropdown::-ms-value, select.ui.selection.select-dropdown:focus::-ms-value, .sp-container select.sp-input:focus::-ms-value {
    color: #585e61;
    background-color: #e6eff3;
}

.form-control-file,
.form-control-range {
    display: block;
}

.col-form-label {
    padding-top: calc(0.58rem - 1px * 2);
    padding-bottom: calc(0.58rem - 1px * 2);
    margin-bottom: 0;
}

.col-form-label-lg {
    padding-top: calc(0.65rem - 1px * 2);
    padding-bottom: calc(0.65rem - 1px * 2);
    font-size: 1rem;
}

.col-form-label-sm {
    padding-top: calc(0.5rem - 1px * 2);
    padding-bottom: calc(0.5rem - 1px * 2);
    font-size: 0.82rem;
}

.col-form-legend {
    padding-top: 0.58rem;
    padding-bottom: 0.58rem;
    margin-bottom: 0;
    font-size: 1rem;
}

.form-control-plaintext {
    padding-top: 0.58rem;
    padding-bottom: 0.58rem;
    margin-bottom: 0;
    line-height: 1.2;
    border: solid transparent;
    border-width: 1px 0;
}

    .form-control-plaintext.form-control-sm, .input-group-sm > .form-control-plaintext.form-control, .ui.select-dropdown .menu > .input:not(.transparent) .input-group-sm > input.form-control-plaintext, .input-group-sm > .form-control-plaintext.ui.selection.select-dropdown, .input-group-sm > select.form-control-plaintext.ui.select-dropdown, .bootstrap-timepicker-widget table td .input-group-sm > input.form-control-plaintext,
    .input-group-sm > .form-control-plaintext.input-group-addon,
    .input-group-sm > .input-group-btn > .form-control-plaintext.btn, .sp-container .form-control-plaintext.sp-input, .form-control-plaintext.form-control-lg, .input-group-lg > .form-control-plaintext.form-control, .ui.select-dropdown .menu > .input:not(.transparent) .input-group-lg > input.form-control-plaintext, .input-group-lg > .form-control-plaintext.ui.selection.select-dropdown, .input-group-lg > select.form-control-plaintext.ui.select-dropdown, .sp-container .input-group-lg > .form-control-plaintext.sp-input, .bootstrap-timepicker-widget table td .input-group-lg > input.form-control-plaintext,
    .input-group-lg > .form-control-plaintext.input-group-addon,
    .input-group-lg > .input-group-btn > .form-control-plaintext.btn {
        padding-right: 0;
        padding-left: 0;
    }

.form-control-sm, .input-group-sm > .form-control, .ui.select-dropdown .menu > .input:not(.transparent) .input-group-sm > input, .input-group-sm > .ui.selection.select-dropdown, .input-group-sm > select.ui.select-dropdown, .bootstrap-timepicker-widget table td .input-group-sm > input,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn, .sp-container .sp-input {
    padding: 0.33rem 0.7rem;
    font-size: 0.82rem;
    line-height: 1.05;
    border-radius: 0;
}

    select.form-control-sm:not([size]):not([multiple]), .input-group-sm > select.form-control:not([size]):not([multiple]), .input-group-sm > select.ui.select-dropdown:not([size]):not([multiple]),
    .input-group-sm > select.input-group-addon:not([size]):not([multiple]),
    .input-group-sm > .input-group-btn > select.btn:not([size]):not([multiple]), .sp-container select.sp-input:not([size]):not([multiple]) {
        height: calc(1.861rem + 2px);
    }

.form-control-lg, .input-group-lg > .form-control, .ui.select-dropdown .menu > .input:not(.transparent) .input-group-lg > input, .input-group-lg > .ui.selection.select-dropdown, .input-group-lg > select.ui.select-dropdown, .sp-container .input-group-lg > .sp-input, .bootstrap-timepicker-widget table td .input-group-lg > input,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
    padding: 0.65rem 1.1rem;
    font-size: 1rem;
    line-height: 1.25;
    border-radius: 0;
}

    select.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.form-control:not([size]):not([multiple]), .input-group-lg > select.ui.select-dropdown:not([size]):not([multiple]), .sp-container .input-group-lg > select.sp-input:not([size]):not([multiple]),
    .input-group-lg > select.input-group-addon:not([size]):not([multiple]),
    .input-group-lg > .input-group-btn > select.btn:not([size]):not([multiple]) {
        height: calc(2.55rem + 2px);
    }

.form-group {
    margin-bottom: 0.5rem;
}

.form-text {
    display: block;
    margin-top: 0.25rem;
}

.form-row {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px;
}

    .form-row > .col,
    .form-row > [class*="col-"] {
        padding-right: 5px;
        padding-left: 5px;
    }

.form-check {
    position: relative;
    display: block;
    margin-bottom: 0.5rem;
}

    .form-check.disabled .form-check-label {
        color: #a9aeb1;
    }

.form-check-label {
    padding-left: 1.25rem;
    margin-bottom: 0;
}

.form-check-input {
    position: absolute;
    margin-top: 0.25rem;
    margin-left: -1.25rem;
}

.form-check-inline {
    display: inline-block;
}

    .form-check-inline .form-check-label {
        vertical-align: middle;
    }

    .form-check-inline + .form-check-inline {
        margin-left: 0.75rem;
    }

.invalid-feedback {
    display: none;
    margin-top: .25rem;
    font-size: .875rem;
    color: #a53012;
}

.invalid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    width: 250px;
    padding: .5rem;
    margin-top: .1rem;
    font-size: .875rem;
    line-height: 1;
    color: #fff;
    background-color: rgba(165, 48, 18, 0.8);
    border-radius: .2rem;
}

.was-validated .form-control:valid, .was-validated .ui.select-dropdown .menu > .input:not(.transparent) input:valid, .ui.select-dropdown .menu > .input:not(.transparent) .was-validated input:valid, .was-validated .ui.selection.select-dropdown:valid, .was-validated select.ui.select-dropdown:valid, .was-validated .sp-container .sp-input:valid, .sp-container .was-validated .sp-input:valid, .was-validated .bootstrap-timepicker-widget table td input:valid, .bootstrap-timepicker-widget table td .was-validated input:valid, .form-control.is-valid, .ui.select-dropdown .menu > .input:not(.transparent) input.is-valid, .is-valid.ui.selection.select-dropdown, select.is-valid.ui.select-dropdown, .sp-container .is-valid.sp-input, .bootstrap-timepicker-widget table td input.is-valid, .was-validated
.custom-select:valid,
.custom-select.is-valid {
    border-color: #3e5190;
}

    .was-validated .form-control:valid:focus, .was-validated .ui.select-dropdown .menu > .input:not(.transparent) input:valid:focus, .ui.select-dropdown .menu > .input:not(.transparent) .was-validated input:valid:focus, .was-validated .ui.selection.select-dropdown:valid:focus, .was-validated select.ui.select-dropdown:valid:focus, .was-validated .ui.selection.active.select-dropdown:valid, .was-validated select.active.ui.select-dropdown:valid, .was-validated .sp-container .sp-input:valid:focus, .sp-container .was-validated .sp-input:valid:focus, .was-validated .bootstrap-timepicker-widget table td input:valid:focus, .bootstrap-timepicker-widget table td .was-validated input:valid:focus, .form-control.is-valid:focus, .ui.select-dropdown .menu > .input:not(.transparent) input.is-valid:focus, .is-valid.ui.selection.select-dropdown:focus, select.is-valid.ui.select-dropdown:focus, .is-valid.ui.selection.active.select-dropdown, select.is-valid.active.ui.select-dropdown, .sp-container .is-valid.sp-input:focus, .bootstrap-timepicker-widget table td input.is-valid:focus, .was-validated
    .custom-select:valid:focus,
    .custom-select.is-valid:focus {
        box-shadow: 0 0 0 0.2rem rgba(62, 81, 144, 0.25);
    }

    .was-validated .form-control:valid ~ .invalid-feedback, .was-validated .ui.select-dropdown .menu > .input:not(.transparent) input:valid ~ .invalid-feedback, .ui.select-dropdown .menu > .input:not(.transparent) .was-validated input:valid ~ .invalid-feedback, .was-validated .ui.selection.select-dropdown:valid ~ .invalid-feedback, .was-validated select.ui.select-dropdown:valid ~ .invalid-feedback, .was-validated .sp-container .sp-input:valid ~ .invalid-feedback, .sp-container .was-validated .sp-input:valid ~ .invalid-feedback, .was-validated .bootstrap-timepicker-widget table td input:valid ~ .invalid-feedback, .bootstrap-timepicker-widget table td .was-validated input:valid ~ .invalid-feedback,
    .was-validated .form-control:valid ~ .invalid-tooltip,
    .was-validated .ui.select-dropdown .menu > .input:not(.transparent) input:valid ~ .invalid-tooltip, .ui.select-dropdown .menu > .input:not(.transparent)
    .was-validated input:valid ~ .invalid-tooltip,
    .was-validated .ui.selection.select-dropdown:valid ~ .invalid-tooltip,
    .was-validated select.ui.select-dropdown:valid ~ .invalid-tooltip,
    .was-validated .sp-container .sp-input:valid ~ .invalid-tooltip, .sp-container
    .was-validated .sp-input:valid ~ .invalid-tooltip,
    .was-validated .bootstrap-timepicker-widget table td input:valid ~ .invalid-tooltip, .bootstrap-timepicker-widget table td
    .was-validated input:valid ~ .invalid-tooltip, .form-control.is-valid ~ .invalid-feedback, .ui.select-dropdown .menu > .input:not(.transparent) input.is-valid ~ .invalid-feedback, .is-valid.ui.selection.select-dropdown ~ .invalid-feedback, select.is-valid.ui.select-dropdown ~ .invalid-feedback, .sp-container .is-valid.sp-input ~ .invalid-feedback, .bootstrap-timepicker-widget table td input.is-valid ~ .invalid-feedback,
    .form-control.is-valid ~ .invalid-tooltip, .ui.select-dropdown .menu > .input:not(.transparent) input.is-valid ~ .invalid-tooltip, .is-valid.ui.selection.select-dropdown ~ .invalid-tooltip, select.is-valid.ui.select-dropdown ~ .invalid-tooltip, .sp-container .is-valid.sp-input ~ .invalid-tooltip, .bootstrap-timepicker-widget table td input.is-valid ~ .invalid-tooltip, .was-validated
    .custom-select:valid ~ .invalid-feedback,
    .was-validated
    .custom-select:valid ~ .invalid-tooltip,
    .custom-select.is-valid ~ .invalid-feedback,
    .custom-select.is-valid ~ .invalid-tooltip {
        display: block;
    }

.was-validated .form-check-input:valid + .form-check-label, .form-check-input.is-valid + .form-check-label {
    color: #3e5190;
}

.was-validated .custom-control-input:valid ~ .custom-control-indicator, .custom-control-input.is-valid ~ .custom-control-indicator {
    background-color: rgba(62, 81, 144, 0.25);
}

.was-validated .custom-control-input:valid ~ .custom-control-description, .custom-control-input.is-valid ~ .custom-control-description {
    color: #3e5190;
}

.was-validated .custom-file-input:valid ~ .custom-file-control, .custom-file-input.is-valid ~ .custom-file-control {
    border-color: #3e5190;
}

    .was-validated .custom-file-input:valid ~ .custom-file-control::before, .custom-file-input.is-valid ~ .custom-file-control::before {
        border-color: inherit;
    }

.was-validated .custom-file-input:valid:focus, .custom-file-input.is-valid:focus {
    box-shadow: 0 0 0 0.2rem rgba(62, 81, 144, 0.25);
}

.was-validated .form-control:invalid, .was-validated .ui.select-dropdown .menu > .input:not(.transparent) input:invalid, .ui.select-dropdown .menu > .input:not(.transparent) .was-validated input:invalid, .was-validated .ui.selection.select-dropdown:invalid, .was-validated select.ui.select-dropdown:invalid, .was-validated .sp-container .sp-input:invalid, .sp-container .was-validated .sp-input:invalid, .was-validated .bootstrap-timepicker-widget table td input:invalid, .bootstrap-timepicker-widget table td .was-validated input:invalid, .form-control.is-invalid, .ui.select-dropdown .menu > .input:not(.transparent) input.is-invalid, .is-invalid.ui.selection.select-dropdown, select.is-invalid.ui.select-dropdown, .sp-container .is-invalid.sp-input, .bootstrap-timepicker-widget table td input.is-invalid, .was-validated
.custom-select:invalid,
.custom-select.is-invalid {
    border-color: #a53012;
}

    .was-validated .form-control:invalid:focus, .was-validated .ui.select-dropdown .menu > .input:not(.transparent) input:invalid:focus, .ui.select-dropdown .menu > .input:not(.transparent) .was-validated input:invalid:focus, .was-validated .ui.selection.select-dropdown:invalid:focus, .was-validated select.ui.select-dropdown:invalid:focus, .was-validated .ui.selection.active.select-dropdown:invalid, .was-validated select.active.ui.select-dropdown:invalid, .was-validated .sp-container .sp-input:invalid:focus, .sp-container .was-validated .sp-input:invalid:focus, .was-validated .bootstrap-timepicker-widget table td input:invalid:focus, .bootstrap-timepicker-widget table td .was-validated input:invalid:focus, .form-control.is-invalid:focus, .ui.select-dropdown .menu > .input:not(.transparent) input.is-invalid:focus, .is-invalid.ui.selection.select-dropdown:focus, select.is-invalid.ui.select-dropdown:focus, .is-invalid.ui.selection.active.select-dropdown, select.is-invalid.active.ui.select-dropdown, .sp-container .is-invalid.sp-input:focus, .bootstrap-timepicker-widget table td input.is-invalid:focus, .was-validated
    .custom-select:invalid:focus,
    .custom-select.is-invalid:focus {
        box-shadow: 0 0 0 0.2rem rgba(165, 48, 18, 0.25);
    }

    .was-validated .form-control:invalid ~ .invalid-feedback, .was-validated .ui.select-dropdown .menu > .input:not(.transparent) input:invalid ~ .invalid-feedback, .ui.select-dropdown .menu > .input:not(.transparent) .was-validated input:invalid ~ .invalid-feedback, .was-validated .ui.selection.select-dropdown:invalid ~ .invalid-feedback, .was-validated select.ui.select-dropdown:invalid ~ .invalid-feedback, .was-validated .sp-container .sp-input:invalid ~ .invalid-feedback, .sp-container .was-validated .sp-input:invalid ~ .invalid-feedback, .was-validated .bootstrap-timepicker-widget table td input:invalid ~ .invalid-feedback, .bootstrap-timepicker-widget table td .was-validated input:invalid ~ .invalid-feedback,
    .was-validated .form-control:invalid ~ .invalid-tooltip,
    .was-validated .ui.select-dropdown .menu > .input:not(.transparent) input:invalid ~ .invalid-tooltip, .ui.select-dropdown .menu > .input:not(.transparent)
    .was-validated input:invalid ~ .invalid-tooltip,
    .was-validated .ui.selection.select-dropdown:invalid ~ .invalid-tooltip,
    .was-validated select.ui.select-dropdown:invalid ~ .invalid-tooltip,
    .was-validated .sp-container .sp-input:invalid ~ .invalid-tooltip, .sp-container
    .was-validated .sp-input:invalid ~ .invalid-tooltip,
    .was-validated .bootstrap-timepicker-widget table td input:invalid ~ .invalid-tooltip, .bootstrap-timepicker-widget table td
    .was-validated input:invalid ~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-feedback, .ui.select-dropdown .menu > .input:not(.transparent) input.is-invalid ~ .invalid-feedback, .is-invalid.ui.selection.select-dropdown ~ .invalid-feedback, select.is-invalid.ui.select-dropdown ~ .invalid-feedback, .sp-container .is-invalid.sp-input ~ .invalid-feedback, .bootstrap-timepicker-widget table td input.is-invalid ~ .invalid-feedback,
    .form-control.is-invalid ~ .invalid-tooltip, .ui.select-dropdown .menu > .input:not(.transparent) input.is-invalid ~ .invalid-tooltip, .is-invalid.ui.selection.select-dropdown ~ .invalid-tooltip, select.is-invalid.ui.select-dropdown ~ .invalid-tooltip, .sp-container .is-invalid.sp-input ~ .invalid-tooltip, .bootstrap-timepicker-widget table td input.is-invalid ~ .invalid-tooltip, .was-validated
    .custom-select:invalid ~ .invalid-feedback,
    .was-validated
    .custom-select:invalid ~ .invalid-tooltip,
    .custom-select.is-invalid ~ .invalid-feedback,
    .custom-select.is-invalid ~ .invalid-tooltip {
        display: block;
    }

.was-validated .form-check-input:invalid + .form-check-label, .form-check-input.is-invalid + .form-check-label {
    color: #a53012;
}

.was-validated .custom-control-input:invalid ~ .custom-control-indicator, .custom-control-input.is-invalid ~ .custom-control-indicator {
    background-color: rgba(165, 48, 18, 0.25);
}

.was-validated .custom-control-input:invalid ~ .custom-control-description, .custom-control-input.is-invalid ~ .custom-control-description {
    color: #a53012;
}

.was-validated .custom-file-input:invalid ~ .custom-file-control, .custom-file-input.is-invalid ~ .custom-file-control {
    border-color: #a53012;
}

    .was-validated .custom-file-input:invalid ~ .custom-file-control::before, .custom-file-input.is-invalid ~ .custom-file-control::before {
        border-color: inherit;
    }

.was-validated .custom-file-input:invalid:focus, .custom-file-input.is-invalid:focus {
    box-shadow: 0 0 0 0.2rem rgba(165, 48, 18, 0.25);
}

.form-inline {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

    .form-inline .form-check {
        width: 100%;
    }

@media (min-width: 576px) {
    .form-inline label {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-bottom: 0;
    }

    .form-inline .form-group {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 0;
    }

    .form-inline .form-control, .form-inline .ui.select-dropdown .menu > .input:not(.transparent) input, .ui.select-dropdown .menu > .input:not(.transparent) .form-inline input, .form-inline .ui.selection.select-dropdown, .form-inline select.ui.select-dropdown, .form-inline .sp-container .sp-input, .sp-container .form-inline .sp-input, .form-inline .bootstrap-timepicker-widget table td input, .bootstrap-timepicker-widget table td .form-inline input {
        display: inline-block;
        width: auto;
        vertical-align: middle;
    }

    .form-inline .form-control-plaintext {
        display: inline-block;
    }

    .form-inline .input-group {
        width: auto;
    }

    .form-inline .form-control-label {
        margin-bottom: 0;
        vertical-align: middle;
    }

    .form-inline .form-check {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: auto;
        margin-top: 0;
        margin-bottom: 0;
    }

    .form-inline .form-check-label {
        padding-left: 0;
    }

    .form-inline .form-check-input {
        position: relative;
        margin-top: 0;
        margin-right: 0.25rem;
        margin-left: 0;
    }

    .form-inline .custom-control {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding-left: 0;
    }

    .form-inline .custom-control-indicator {
        position: static;
        display: inline-block;
        margin-right: 0.25rem;
        vertical-align: text-bottom;
    }

    .form-inline .has-feedback .form-control-feedback {
        top: 0;
    }
}

.btn {
    display: inline-block;
    font-weight: normal;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: 0.58rem 1.6rem;
    font-size: 0.92rem;
    line-height: 1.2;
    border-radius: 0;
    transition: background-color 0.1s ease-in-out, border-color 0.1s ease-in-out, box-shadow 0.1s ease-in-out;
}

    .btn:focus, .btn:hover {
        text-decoration: none;
    }

    .btn:focus, .btn.focus {
        outline: 0;
        box-shadow: 0 0 0 1px rgba(76, 128, 51, 0.25);
    }

    .btn.disabled, .btn:disabled {
        opacity: .65;
    }

    .btn:active, .btn.active {
        background-image: none;
    }

a.btn.disabled,
fieldset[disabled] a.btn {
    pointer-events: none;
}

.btn-success {
    color: #fff;
    background-color: #3e5190;
    border-color: #3e5190;
}

    .btn-success:hover {
        color: #fff;
        background-color: #324275;
        border-color: #2f3d6c;
    }

    .btn-success:focus, .btn-success.focus {
        box-shadow: 0 0 0 2px rgba(62, 81, 144, 0.5);
    }

    .btn-success.disabled, .btn-success:disabled {
        background-color: #3e5190;
        border-color: #3e5190;
    }

    .btn-success:active, .btn-success.active,
    .show > .btn-success.dropdown-toggle {
        background-color: #324275;
        background-image: none;
        border-color: #2f3d6c;
    }

.btn-primary, .wizard > .actions a {
    color: #fff;
    background-color: #4c8033;
    border-color: #4c8033;
}

    .btn-primary:hover, .wizard > .actions a:hover {
        color: #fff;
        background-color: #3c6528;
        border-color: #365c24;
    }

    .btn-primary:focus, .wizard > .actions a:focus, .btn-primary.focus, .wizard > .actions a.focus {
        box-shadow: 0 0 0 2px rgba(76, 128, 51, 0.5);
    }

    .btn-primary.disabled, .wizard > .actions a.disabled, .btn-primary:disabled, .wizard > .actions a:disabled {
        background-color: #4c8033;
        border-color: #4c8033;
    }

    .btn-primary:active, .wizard > .actions a:active, .btn-primary.active, .wizard > .actions a.active,
    .show > .btn-primary.dropdown-toggle, .wizard > .actions
    .show > a.dropdown-toggle {
        background-color: #3c6528;
        background-image: none;
        border-color: #365c24;
    }

.btn-info {
    color: #fff;
    background-color: #3a8586;
    border-color: #3a8586;
}

    .btn-info:hover {
        color: #fff;
        background-color: #2e6b6b;
        border-color: #2b6262;
    }

    .btn-info:focus, .btn-info.focus {
        box-shadow: 0 0 0 2px rgba(58, 133, 134, 0.5);
    }

    .btn-info.disabled, .btn-info:disabled {
        background-color: #3a8586;
        border-color: #3a8586;
    }

    .btn-info:active, .btn-info.active,
    .show > .btn-info.dropdown-toggle {
        background-color: #2e6b6b;
        background-image: none;
        border-color: #2b6262;
    }

.btn-warning {
    color: #fff;
    background-color: #a58825;
    border-color: #a58825;
}

    .btn-warning:hover {
        color: #fff;
        background-color: #866e1e;
        border-color: #7b661c;
    }

    .btn-warning:focus, .btn-warning.focus {
        box-shadow: 0 0 0 2px rgba(165, 136, 37, 0.5);
    }

    .btn-warning.disabled, .btn-warning:disabled {
        background-color: #a58825;
        border-color: #a58825;
    }

    .btn-warning:active, .btn-warning.active,
    .show > .btn-warning.dropdown-toggle {
        background-color: #866e1e;
        background-image: none;
        border-color: #7b661c;
    }

.btn-danger {
    color: #fff;
    background-color: #a53012;
    border-color: #a53012;
}

    .btn-danger:hover {
        color: #fff;
        background-color: #83260e;
        border-color: #77230d;
    }

    .btn-danger:focus, .btn-danger.focus {
        box-shadow: 0 0 0 2px rgba(165, 48, 18, 0.5);
    }

    .btn-danger.disabled, .btn-danger:disabled {
        background-color: #a53012;
        border-color: #a53012;
    }

    .btn-danger:active, .btn-danger.active,
    .show > .btn-danger.dropdown-toggle {
        background-color: #83260e;
        background-image: none;
        border-color: #77230d;
    }

.btn-inverse {
    color: #fff;
    background-color: #585e61;
    border-color: #585e61;
}

    .btn-inverse:hover {
        color: #fff;
        background-color: #464b4d;
        border-color: #404446;
    }

    .btn-inverse:focus, .btn-inverse.focus {
        box-shadow: 0 0 0 2px rgba(88, 94, 97, 0.5);
    }

    .btn-inverse.disabled, .btn-inverse:disabled {
        background-color: #585e61;
        border-color: #585e61;
    }

    .btn-inverse:active, .btn-inverse.active,
    .show > .btn-inverse.dropdown-toggle {
        background-color: #464b4d;
        background-image: none;
        border-color: #404446;
    }

.btn-outline-success {
    color: #3e5190;
    background-color: transparent;
    background-image: none;
    border-color: #3e5190;
}

    .btn-outline-success:hover {
        color: #fff;
        background-color: #3e5190;
        border-color: #3e5190;
    }

    .btn-outline-success:focus, .btn-outline-success.focus {
        box-shadow: 0 0 0 2px rgba(62, 81, 144, 0.5);
    }

    .btn-outline-success.disabled, .btn-outline-success:disabled {
        color: #3e5190;
        background-color: transparent;
    }

    .btn-outline-success:active, .btn-outline-success.active,
    .show > .btn-outline-success.dropdown-toggle {
        color: #fff;
        background-color: #3e5190;
        border-color: #3e5190;
    }

.btn-outline-primary {
    color: #4c8033;
    background-color: transparent;
    background-image: none;
    border-color: #4c8033;
}

    .btn-outline-primary:hover {
        color: #fff;
        background-color: #4c8033;
        border-color: #4c8033;
    }

    .btn-outline-primary:focus, .btn-outline-primary.focus {
        box-shadow: 0 0 0 2px rgba(76, 128, 51, 0.5);
    }

    .btn-outline-primary.disabled, .btn-outline-primary:disabled {
        color: #4c8033;
        background-color: transparent;
    }

    .btn-outline-primary:active, .btn-outline-primary.active,
    .show > .btn-outline-primary.dropdown-toggle {
        color: #fff;
        background-color: #4c8033;
        border-color: #4c8033;
    }

.btn-outline-info {
    color: #3a8586;
    background-color: transparent;
    background-image: none;
    border-color: #3a8586;
}

    .btn-outline-info:hover {
        color: #fff;
        background-color: #3a8586;
        border-color: #3a8586;
    }

    .btn-outline-info:focus, .btn-outline-info.focus {
        box-shadow: 0 0 0 2px rgba(58, 133, 134, 0.5);
    }

    .btn-outline-info.disabled, .btn-outline-info:disabled {
        color: #3a8586;
        background-color: transparent;
    }

    .btn-outline-info:active, .btn-outline-info.active,
    .show > .btn-outline-info.dropdown-toggle {
        color: #fff;
        background-color: #3a8586;
        border-color: #3a8586;
    }

.btn-outline-warning {
    color: #a58825;
    background-color: transparent;
    background-image: none;
    border-color: #a58825;
}

    .btn-outline-warning:hover {
        color: #fff;
        background-color: #a58825;
        border-color: #a58825;
    }

    .btn-outline-warning:focus, .btn-outline-warning.focus {
        box-shadow: 0 0 0 2px rgba(165, 136, 37, 0.5);
    }

    .btn-outline-warning.disabled, .btn-outline-warning:disabled {
        color: #a58825;
        background-color: transparent;
    }

    .btn-outline-warning:active, .btn-outline-warning.active,
    .show > .btn-outline-warning.dropdown-toggle {
        color: #fff;
        background-color: #a58825;
        border-color: #a58825;
    }

.btn-outline-danger {
    color: #a53012;
    background-color: transparent;
    background-image: none;
    border-color: #a53012;
}

    .btn-outline-danger:hover {
        color: #fff;
        background-color: #a53012;
        border-color: #a53012;
    }

    .btn-outline-danger:focus, .btn-outline-danger.focus {
        box-shadow: 0 0 0 2px rgba(165, 48, 18, 0.5);
    }

    .btn-outline-danger.disabled, .btn-outline-danger:disabled {
        color: #a53012;
        background-color: transparent;
    }

    .btn-outline-danger:active, .btn-outline-danger.active,
    .show > .btn-outline-danger.dropdown-toggle {
        color: #fff;
        background-color: #a53012;
        border-color: #a53012;
    }

.btn-outline-inverse {
    color: #585e61;
    background-color: transparent;
    background-image: none;
    border-color: #585e61;
}

    .btn-outline-inverse:hover {
        color: #fff;
        background-color: #585e61;
        border-color: #585e61;
    }

    .btn-outline-inverse:focus, .btn-outline-inverse.focus {
        box-shadow: 0 0 0 2px rgba(88, 94, 97, 0.5);
    }

    .btn-outline-inverse.disabled, .btn-outline-inverse:disabled {
        color: #585e61;
        background-color: transparent;
    }

    .btn-outline-inverse:active, .btn-outline-inverse.active,
    .show > .btn-outline-inverse.dropdown-toggle {
        color: #fff;
        background-color: #585e61;
        border-color: #585e61;
    }

.btn-link {
    font-weight: normal;
    color: #3a8586;
    border-radius: 0;
}

    .btn-link, .btn-link:active, .btn-link.active, .btn-link:disabled {
        background-color: transparent;
    }

        .btn-link, .btn-link:focus, .btn-link:active {
            border-color: transparent;
            box-shadow: none;
        }

            .btn-link:hover {
                border-color: transparent;
            }

            .btn-link:focus, .btn-link:hover {
                color: #235051;
                text-decoration: none;
                background-color: transparent;
            }

            .btn-link:disabled {
                color: #868e96;
            }

                .btn-link:disabled:focus, .btn-link:disabled:hover {
                    text-decoration: none;
                }

.btn-lg, .btn-group-lg > .btn {
    padding: 0.65rem 2.1rem;
    font-size: 1rem;
    line-height: 1.25;
    border-radius: 0;
}

.btn-sm, .btn-group-sm > .btn, .sp-container button.sp-choose,
.sp-container button.sp-palette-toggle,
.sp-container a.sp-cancel {
    padding: 0.5rem 1.4rem;
    font-size: 0.82rem;
    line-height: 1.05;
    border-radius: 0;
}

.btn-block {
    display: block;
    width: 100%;
}

    .btn-block + .btn-block {
        margin-top: 0.5rem;
    }

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
    width: 100%;
}

.fade {
    opacity: 0;
    transition: opacity 0.15s linear;
}

    .fade.show {
        opacity: 1;
    }

.collapse {
    display: none;
}

    .collapse.show {
        display: block;
    }

tr.collapse.show {
    display: table-row;
}

tbody.collapse.show {
    display: table-row-group;
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    transition: height 0.35s ease;
}

.dropup,
.dropdown {
    position: relative;
}

.dropdown-toggle::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-left: 0.3em solid transparent;
}

.dropdown-toggle:empty::after {
    margin-left: 0;
}

.dropup .dropdown-menu, .dropup .ui.select-dropdown .menu, .ui.select-dropdown .dropup .menu {
    margin-top: 0;
    margin-bottom: 0.15rem;
}

.dropup .dropdown-toggle::after {
    border-top: 0;
    border-bottom: 0.3em solid;
}

.dropdown-menu, .ui.select-dropdown .menu, .ui.selection.select-dropdown .menu, select.ui.select-dropdown .menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
}

.dropdown-menu-content, .ui.select-dropdown .menu, .bs-datepicker-dropdown, .bootstrap-timepicker-widget.dropdown-menu, .bootstrap-table .dropdown-menu, .bs-datetimepicker-widget.dropdown-menu {
    min-width: 15rem;
    padding: 0 0;
    margin: 0.15rem 0 0;
    font-size: 1rem;
    color: #383e41;
    text-align: left;
    list-style: none;
    background-color: white;
    background-clip: padding-box;
    border: 1px solid #dee4e8;
    border-radius: 0;
}

.dropdown-divider {
    height: 0;
    margin: 0.89286rem 0;
    overflow: hidden;
    border-top: 1px solid #dee4e8;
    margin: 0.5rem 0;
}

.dropdown-item, .ui.select-dropdown .menu > .item, .bootstrap-table .dropdown-menu [role='menuitem'], .bootstrap-table .ui.select-dropdown .menu [role='menuitem'], .ui.select-dropdown .bootstrap-table .menu [role='menuitem'] {
    display: block;
    width: 100%;
    padding: 0.25rem 1.78rem;
    clear: both;
    font-weight: normal;
    color: #585e61;
    text-align: inherit;
    white-space: nowrap;
    background: none;
    border: 0;
}

    .dropdown-item:focus, .ui.select-dropdown .menu > .item:focus, .bootstrap-table .dropdown-menu [role='menuitem']:focus, .bootstrap-table .ui.select-dropdown .menu [role='menuitem']:focus, .ui.select-dropdown .bootstrap-table .menu [role='menuitem']:focus, .dropdown-item:hover, .ui.select-dropdown .menu > .item:hover, .bootstrap-table .dropdown-menu [role='menuitem']:hover, .bootstrap-table .ui.select-dropdown .menu [role='menuitem']:hover, .ui.select-dropdown .bootstrap-table .menu [role='menuitem']:hover {
        color: #4c5154;
        text-decoration: none;
        background-color: #eef6f8;
    }

    .dropdown-item.active, .ui.select-dropdown .menu > .active.item, .bootstrap-table .dropdown-menu .active[role='menuitem'], .bootstrap-table .ui.select-dropdown .menu .active[role='menuitem'], .ui.select-dropdown .bootstrap-table .menu .active[role='menuitem'], .dropdown-item:active, .ui.select-dropdown .menu > .item:active, .bootstrap-table .dropdown-menu [role='menuitem']:active, .bootstrap-table .ui.select-dropdown .menu [role='menuitem']:active, .ui.select-dropdown .bootstrap-table .menu [role='menuitem']:active {
        color: #585e61;
        text-decoration: none;
        background-color: #e6eff3;
    }

    .dropdown-item.disabled, .ui.select-dropdown .menu > .disabled.item, .bootstrap-table .dropdown-menu .disabled[role='menuitem'], .bootstrap-table .ui.select-dropdown .menu .disabled[role='menuitem'], .ui.select-dropdown .bootstrap-table .menu .disabled[role='menuitem'], .dropdown-item:disabled, .ui.select-dropdown .menu > .item:disabled, .bootstrap-table .dropdown-menu [role='menuitem']:disabled, .bootstrap-table .ui.select-dropdown .menu [role='menuitem']:disabled, .ui.select-dropdown .bootstrap-table .menu [role='menuitem']:disabled {
        color: #a9aeb1;
        background-color: transparent;
    }

.show > a {
    outline: 0;
}

.dropdown-menu.show, .ui.select-dropdown .show.menu {
    display: block;
}

.dropdown-header {
    display: block;
    padding: 0 1.78rem;
    margin-bottom: 0;
    font-size: 0.82rem;
    color: #a9aeb1;
    white-space: nowrap;
}

.btn-group,
.btn-group-vertical {
    position: relative;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: middle;
}

    .btn-group > .btn,
    .btn-group-vertical > .btn {
        position: relative;
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        margin-bottom: 0;
    }

        .btn-group > .btn:hover,
        .btn-group-vertical > .btn:hover {
            z-index: 2;
        }

        .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active,
        .btn-group-vertical > .btn:focus,
        .btn-group-vertical > .btn:active,
        .btn-group-vertical > .btn.active {
            z-index: 2;
        }

    .btn-group .btn + .btn,
    .btn-group .btn + .btn-group,
    .btn-group .btn-group + .btn,
    .btn-group .btn-group + .btn-group,
    .btn-group-vertical .btn + .btn,
    .btn-group-vertical .btn + .btn-group,
    .btn-group-vertical .btn-group + .btn,
    .btn-group-vertical .btn-group + .btn-group {
        margin-left: -1px;
    }

.btn-toolbar {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

    .btn-toolbar .input-group {
        width: auto;
    }

.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
    border-radius: 0;
}

.btn-group > .btn:first-child {
    margin-left: 0;
}

    .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }

.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.btn-group > .btn-group {
    float: left;
}

    .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
        border-radius: 0;
    }

    .btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
    .btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }

    .btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }

.btn + .dropdown-toggle-split {
    padding-right: 1.2rem;
    padding-left: 1.2rem;
}

    .btn + .dropdown-toggle-split::after {
        margin-left: 0;
    }

.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split, .sp-container button.sp-choose + .dropdown-toggle-split,
.sp-container button.sp-palette-toggle + .dropdown-toggle-split,
.sp-container a.sp-cancel + .dropdown-toggle-split {
    padding-right: 1.05rem;
    padding-left: 1.05rem;
}

.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {
    padding-right: 1.575rem;
    padding-left: 1.575rem;
}

.btn-group-vertical {
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

    .btn-group-vertical .btn,
    .btn-group-vertical .btn-group {
        width: 100%;
    }

    .btn-group-vertical > .btn + .btn,
    .btn-group-vertical > .btn + .btn-group,
    .btn-group-vertical > .btn-group + .btn,
    .btn-group-vertical > .btn-group + .btn-group {
        margin-top: -1px;
        margin-left: 0;
    }

    .btn-group-vertical > .btn:not(:first-child):not(:last-child) {
        border-radius: 0;
    }

    .btn-group-vertical > .btn:first-child:not(:last-child) {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }

    .btn-group-vertical > .btn:last-child:not(:first-child) {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }

    .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
        border-radius: 0;
    }

    .btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
    .btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }

    .btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }

[data-toggle="buttons"] > .btn input[type="radio"],
[data-toggle="buttons"] > .btn input[type="checkbox"],
[data-toggle="buttons"] > .btn-group > .btn input[type="radio"],
[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
}

.input-group {
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}

    .input-group .form-control, .input-group .ui.select-dropdown .menu > .input:not(.transparent) input, .ui.select-dropdown .menu > .input:not(.transparent) .input-group input, .input-group .ui.selection.select-dropdown, .input-group select.ui.select-dropdown, .input-group .sp-container .sp-input, .sp-container .input-group .sp-input, .input-group .bootstrap-timepicker-widget table td input, .bootstrap-timepicker-widget table td .input-group input {
        position: relative;
        z-index: 2;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        width: 1%;
        margin-bottom: 0;
    }

        .input-group .form-control:focus, .input-group .ui.select-dropdown .menu > .input:not(.transparent) input:focus, .ui.select-dropdown .menu > .input:not(.transparent) .input-group input:focus, .input-group .ui.selection.select-dropdown:focus, .input-group select.ui.select-dropdown:focus, .input-group .ui.selection.active.select-dropdown, .input-group select.active.ui.select-dropdown, .input-group .sp-container .sp-input:focus, .sp-container .input-group .sp-input:focus, .input-group .bootstrap-timepicker-widget table td input:focus, .bootstrap-timepicker-widget table td .input-group input:focus, .input-group .form-control:active, .input-group .ui.select-dropdown .menu > .input:not(.transparent) input:active, .ui.select-dropdown .menu > .input:not(.transparent) .input-group input:active, .input-group .ui.selection.select-dropdown:active, .input-group select.ui.select-dropdown:active, .input-group .sp-container .sp-input:active, .sp-container .input-group .sp-input:active, .input-group .bootstrap-timepicker-widget table td input:active, .bootstrap-timepicker-widget table td .input-group input:active, .input-group .form-control:hover, .input-group .ui.select-dropdown .menu > .input:not(.transparent) input:hover, .ui.select-dropdown .menu > .input:not(.transparent) .input-group input:hover, .input-group .ui.selection.select-dropdown:hover, .input-group select.ui.select-dropdown:hover, .input-group .sp-container .sp-input:hover, .sp-container .input-group .sp-input:hover, .input-group .bootstrap-timepicker-widget table td input:hover, .bootstrap-timepicker-widget table td .input-group input:hover {
            z-index: 3;
        }

    .input-group-addon,
    .input-group-btn,
    .input-group .form-control,
    .input-group .ui.select-dropdown .menu > .input:not(.transparent) input, .ui.select-dropdown .menu > .input:not(.transparent)
    .input-group input,
    .input-group .ui.selection.select-dropdown,
    .input-group select.ui.select-dropdown,
    .input-group .sp-container .sp-input, .sp-container
    .input-group .sp-input,
    .input-group .bootstrap-timepicker-widget table td input, .bootstrap-timepicker-widget table td
    .input-group input {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }

        .input-group-addon:not(:first-child):not(:last-child),
        .input-group-btn:not(:first-child):not(:last-child),
        .input-group .form-control:not(:first-child):not(:last-child),
        .input-group .ui.select-dropdown .menu > .input:not(.transparent) input:not(:first-child):not(:last-child), .ui.select-dropdown .menu > .input:not(.transparent)
        .input-group input:not(:first-child):not(:last-child),
        .input-group .ui.selection.select-dropdown:not(:first-child):not(:last-child),
        .input-group select.ui.select-dropdown:not(:first-child):not(:last-child),
        .input-group .sp-container .sp-input:not(:first-child):not(:last-child), .sp-container
        .input-group .sp-input:not(:first-child):not(:last-child),
        .input-group .bootstrap-timepicker-widget table td input:not(:first-child):not(:last-child), .bootstrap-timepicker-widget table td
        .input-group input:not(:first-child):not(:last-child) {
            border-radius: 0;
        }

.input-group-addon,
.input-group-btn {
    white-space: nowrap;
    vertical-align: middle;
}

.input-group-addon {
    padding: 0.58rem 0.9rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: normal;
    line-height: 1.2;
    color: #585e61;
    text-align: center;
    background-color: #dee4e8;
    background-clip: padding-box;
    border: 1px solid #dee4e8;
    border-radius: 0;
}

    .input-group-addon.form-control-sm, .ui.select-dropdown .menu > .input:not(.transparent) .input-group-sm > input.input-group-addon, .input-group-sm > .input-group-addon.ui.selection.select-dropdown, .input-group-sm > select.input-group-addon.ui.select-dropdown, .bootstrap-timepicker-widget table td .input-group-sm > input.input-group-addon,
    .input-group-sm > .input-group-addon,
    .input-group-sm > .input-group-btn > .input-group-addon.btn, .sp-container .input-group-addon.sp-input {
        padding: 0.33rem 0.7rem;
        font-size: 0.82rem;
        border-radius: 0;
    }

    .input-group-addon.form-control-lg, .ui.select-dropdown .menu > .input:not(.transparent) .input-group-lg > input.input-group-addon, .input-group-lg > .input-group-addon.ui.selection.select-dropdown, .input-group-lg > select.input-group-addon.ui.select-dropdown, .sp-container .input-group-lg > .input-group-addon.sp-input, .bootstrap-timepicker-widget table td .input-group-lg > input.input-group-addon,
    .input-group-lg > .input-group-addon,
    .input-group-lg > .input-group-btn > .input-group-addon.btn {
        padding: 0.65rem 1.1rem;
        font-size: 1rem;
        border-radius: 0;
    }

    .input-group-addon input[type="radio"],
    .input-group-addon input[type="checkbox"] {
        margin-top: 0;
    }

    .input-group .form-control:not(:last-child), .input-group .ui.select-dropdown .menu > .input:not(.transparent) input:not(:last-child), .ui.select-dropdown .menu > .input:not(.transparent) .input-group input:not(:last-child), .input-group .ui.selection.select-dropdown:not(:last-child), .input-group select.ui.select-dropdown:not(:last-child), .input-group .sp-container .sp-input:not(:last-child), .sp-container .input-group .sp-input:not(:last-child), .input-group .bootstrap-timepicker-widget table td input:not(:last-child), .bootstrap-timepicker-widget table td .input-group input:not(:last-child),
    .input-group-addon:not(:last-child),
    .input-group-btn:not(:last-child) > .btn,
    .input-group-btn:not(:last-child) > .btn-group > .btn,
    .input-group-btn:not(:last-child) > .dropdown-toggle,
    .input-group-btn:not(:first-child) > .btn:not(:last-child):not(.dropdown-toggle),
    .input-group-btn:not(:first-child) > .btn-group:not(:last-child) > .btn {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }

    .input-group-addon:not(:last-child) {
        border-right: 0;
    }

    .input-group .form-control:not(:first-child), .input-group .ui.select-dropdown .menu > .input:not(.transparent) input:not(:first-child), .ui.select-dropdown .menu > .input:not(.transparent) .input-group input:not(:first-child), .input-group .ui.selection.select-dropdown:not(:first-child), .input-group select.ui.select-dropdown:not(:first-child), .input-group .sp-container .sp-input:not(:first-child), .sp-container .input-group .sp-input:not(:first-child), .input-group .bootstrap-timepicker-widget table td input:not(:first-child), .bootstrap-timepicker-widget table td .input-group input:not(:first-child),
    .input-group-addon:not(:first-child),
    .input-group-btn:not(:first-child) > .btn,
    .input-group-btn:not(:first-child) > .btn-group > .btn,
    .input-group-btn:not(:first-child) > .dropdown-toggle,
    .input-group-btn:not(:last-child) > .btn:not(:first-child),
    .input-group-btn:not(:last-child) > .btn-group:not(:first-child) > .btn {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }

.form-control + .input-group-addon:not(:first-child), .ui.select-dropdown .menu > .input:not(.transparent) input + .input-group-addon:not(:first-child), .ui.selection.select-dropdown + .input-group-addon:not(:first-child), select.ui.select-dropdown + .input-group-addon:not(:first-child), .sp-container .sp-input + .input-group-addon:not(:first-child), .bootstrap-timepicker-widget table td input + .input-group-addon:not(:first-child) {
    border-left: 0;
}

.input-group-btn {
    position: relative;
    font-size: 0;
    white-space: nowrap;
}

    .input-group-btn > .btn {
        position: relative;
        background-clip: padding-box;
        border: 1px solid #dee4e8;
    }

        .input-group-btn > .btn + .btn {
            margin-left: -1px;
        }

        .input-group-btn > .btn:focus, .input-group-btn > .btn:active, .input-group-btn > .btn:hover {
            z-index: 3;
        }

    .input-group-btn:not(:last-child) > .btn,
    .input-group-btn:not(:last-child) > .btn-group {
        margin-right: -1px;
    }

    .input-group-btn:not(:first-child) > .btn,
    .input-group-btn:not(:first-child) > .btn-group {
        z-index: 2;
        margin-left: -1px;
    }

        .input-group-btn:not(:first-child) > .btn:focus, .input-group-btn:not(:first-child) > .btn:active, .input-group-btn:not(:first-child) > .btn:hover,
        .input-group-btn:not(:first-child) > .btn-group:focus,
        .input-group-btn:not(:first-child) > .btn-group:active,
        .input-group-btn:not(:first-child) > .btn-group:hover {
            z-index: 3;
        }

.custom-control {
    position: relative;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    min-height: 1.57143rem;
    padding-left: 1.28571rem;
    margin-right: 1rem;
}

.custom-control-input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

    .custom-control-input:checked ~ .custom-control-indicator {
        color: #f4f9fc;
        background-color: #3a8586;
    }

    .custom-control-input:focus ~ .custom-control-indicator {
        box-shadow: none;
    }

    .custom-control-input:active ~ .custom-control-indicator {
        color: #f4f9fc;
        background-color: #3a8586;
    }

    .custom-control-input:disabled ~ .custom-control-indicator {
        background-color: #e6eff3;
    }

    .custom-control-input:disabled ~ .custom-control-description {
        color: #797e81;
    }

.custom-control-indicator {
    position: absolute;
    top: 0.03571rem;
    left: 0;
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #f4f9fc;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50% 50%;
}

.custom-checkbox .custom-control-indicator {
    border-radius: 0;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-indicator {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23f4f9fc' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
}

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-indicator {
    background-color: #0074d9;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23f4f9fc' d='M0 2h4'/%3E%3C/svg%3E");
}

.custom-radio .custom-control-indicator {
    border-radius: 50%;
}

.custom-radio .custom-control-input:checked ~ .custom-control-indicator {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23f4f9fc'/%3E%3C/svg%3E");
}

.custom-controls-stacked {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

    .custom-controls-stacked .custom-control {
        margin-bottom: 0.25rem;
    }

        .custom-controls-stacked .custom-control + .custom-control {
            margin-left: 0;
        }

.custom-select {
    display: inline-block;
    max-width: 100%;
    height: calc(2.36rem + 2px);
    padding: 0.375rem 1.75rem 0.375rem 0.75rem;
    line-height: 1.2;
    color: #585e61;
    vertical-align: middle;
    background: #f4f9fc url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23333' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center;
    background-clip: padding-box;
    background-size: 8px 10px;
    border: 1px solid #dee4e8;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

    .custom-select:focus {
        border-color: #51a7e8;
        outline: none;
    }

        .custom-select:focus::-ms-value {
            color: #585e61;
            background-color: #e6eff3;
        }

    .custom-select:disabled {
        color: #a9aeb1;
        background-color: #dee4e8;
    }

    .custom-select::-ms-expand {
        opacity: 0;
    }

.custom-select-sm {
    height: calc(1.861rem + 2px);
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
    font-size: 75%;
}

.custom-file {
    position: relative;
    display: inline-block;
    max-width: 100%;
    height: 2.5rem;
    margin-bottom: 0;
}

.custom-file-input {
    min-width: 14rem;
    max-width: 100%;
    height: 2.5rem;
    margin: 0;
    opacity: 0;
}

    .custom-file-input:focus ~ .custom-file-control {
        box-shadow: 0 0 0 0.075rem #f4f9fc, 0 0 0 0.2rem #0074d9;
    }

.custom-file-control {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 5;
    height: 2.5rem;
    padding: 1rem 0.5rem;
    overflow: hidden;
    line-height: 1.5;
    color: #555;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #f4f9fc;
    background-clip: padding-box;
    border: 1px solid #ddd;
    border-radius: 0;
}

    .custom-file-control:lang(en):empty::after {
        content: "Choose file...";
    }

    .custom-file-control::before {
        position: absolute;
        top: 0;
        right: 0;
        z-index: 6;
        display: block;
        height: 2.5rem;
        padding: 1rem 0.5rem;
        line-height: 1.5;
        color: #555;
        background-color: #eee;
        border-left: 1px solid #ddd;
    }

    .custom-file-control:lang(en)::before {
        content: "Browse";
    }

.nav, .tabcontrol > .steps > ul {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

    .nav-link, .tabcontrol > .steps > ul > li > a {
        display: block;
        padding: 0.5rem 1.78571rem;
    }

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

        .nav-link.disabled, .tabcontrol > .steps > ul > li > a.disabled {
            color: #a9aeb1;
        }

.nav-tabs, .tabcontrol > .steps > ul {
    
}

    .nav-tabs .nav-item, .tabcontrol > .steps > ul .nav-item, .nav-tabs .tabcontrol > .steps > ul > li, .tabcontrol > .steps > ul > li {
        margin-bottom: -1px;
    }

        .nav-tabs .nav-link, .tabcontrol > .steps > ul .nav-link, .nav-tabs .tabcontrol > .steps > ul > li > a, .tabcontrol > .steps > ul > li > a {
            border: 1px solid transparent;
            border-top-left-radius: 0;
            border-top-right-radius: 0;
        }

            .nav-tabs .nav-link:focus, .tabcontrol > .steps > ul .nav-link:focus, .nav-tabs .tabcontrol > .steps > ul > li > a:focus, .tabcontrol > .steps > ul > li > a:focus, .nav-tabs .nav-link:hover, .tabcontrol > .steps > ul .nav-link:hover, .nav-tabs .tabcontrol > .steps > ul > li > a:hover, .tabcontrol > .steps > ul > li > a:hover {
                border-color: #dee4e8 #dee4e8 #e7edf0;
            }

            .nav-tabs .nav-link.disabled, .tabcontrol > .steps > ul .nav-link.disabled, .nav-tabs .tabcontrol > .steps > ul > li > a.disabled, .tabcontrol > .steps > ul > li > a.disabled {
                color: #a9aeb1;
                background-color: transparent;
                border-color: transparent;
            }

            .nav-tabs .nav-link.active, .tabcontrol > .steps > ul .nav-link.active, .nav-tabs .tabcontrol > .steps > ul > li > a.active, .tabcontrol > .steps > ul > li > a.active, .nav-tabs .tabcontrol > .steps > ul > li.current > a, .tabcontrol > .steps > ul > li.current > a,
            .nav-tabs .nav-item.show .nav-link, .tabcontrol > .steps > ul .nav-item.show .nav-link,
            .nav-tabs .tabcontrol > .steps > ul > li.show .nav-link, .tabcontrol > .steps > ul > li.show .nav-link,
            .nav-tabs .nav-item.show .tabcontrol > .steps > ul > li > a, .tabcontrol > .steps > ul .nav-item.show .tabcontrol > .steps > ul > li > a,
            .nav-tabs .tabcontrol > .steps > ul > li.show .tabcontrol > .steps > ul > li > a, .tabcontrol > .steps > ul > li.show .tabcontrol > .steps > ul > li > a {
                color: #585e61;
                background-color: #f4f9fc;
                border-color: #dee4e8 #dee4e8 #f4f9fc;
            }

    .nav-tabs .dropdown-menu, .tabcontrol > .steps > ul .dropdown-menu, .nav-tabs .ui.select-dropdown .menu, .ui.select-dropdown .nav-tabs .menu, .tabcontrol > .steps > ul .ui.select-dropdown .menu, .ui.select-dropdown .tabcontrol > .steps > ul .menu {
        margin-top: -1px;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }

.nav-pills .nav-link, .nav-pills .tabcontrol > .steps > ul > li > a {
    border-radius: 0;
}

    .nav-pills .nav-link.active, .nav-pills .tabcontrol > .steps > ul > li > a.active, .nav-pills .tabcontrol > .steps > ul > li.current > a,
    .show > .nav-pills .nav-link,
    .show > .nav-pills .tabcontrol > .steps > ul > li > a {
        color: #585e61;
        background-color: #e6eff3;
    }

.nav-fill .nav-item, .nav-fill .tabcontrol > .steps > ul > li {
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    text-align: center;
}

.nav-justified .nav-item, .nav-justified .tabcontrol > .steps > ul > li {
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    text-align: center;
}

.tab-content > .tab-pane {
    display: none;
}

.tab-content > .active {
    display: block;
}

.navbar {
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0.89286rem 1.78571rem;
}

    .navbar > .container,
    .navbar > .container-fluid {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

.navbar-brand {
    display: inline-block;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    margin-right: 1.78571rem;
    font-size: 1rem;
    line-height: inherit;
    white-space: nowrap;
}

    .navbar-brand:focus, .navbar-brand:hover {
        text-decoration: none;
    }

.navbar-nav {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

    .navbar-nav .nav-link, .navbar-nav .tabcontrol > .steps > ul > li > a {
        padding-right: 0;
        padding-left: 0;
    }

    .navbar-nav .dropdown-menu, .navbar-nav .ui.select-dropdown .menu, .ui.select-dropdown .navbar-nav .menu {
        position: static;
        float: none;
    }

.navbar-text {
    display: inline-block;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.navbar-collapse {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.navbar-toggler {
    padding: 0.5rem 0.75rem;
    font-size: 1rem;
    line-height: 1;
    background: transparent;
    border: 1px solid transparent;
    border-radius: 0;
}

    .navbar-toggler:focus, .navbar-toggler:hover {
        text-decoration: none;
    }

.navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    content: "";
    background: no-repeat center center;
    background-size: 100% 100%;
}

@media (max-width: 575px) {
    .navbar-expand-sm > .container,
    .navbar-expand-sm > .container-fluid {
        padding-right: 0;
        padding-left: 0;
    }
}

@media (min-width: 576px) {
    .navbar-expand-sm {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

        .navbar-expand-sm .navbar-nav {
            -webkit-flex-direction: row;
            -ms-flex-direction: row;
            flex-direction: row;
        }

            .navbar-expand-sm .navbar-nav .dropdown-menu, .navbar-expand-sm .navbar-nav .ui.select-dropdown .menu, .ui.select-dropdown .navbar-expand-sm .navbar-nav .menu {
                position: absolute;
            }

            .navbar-expand-sm .navbar-nav .dropdown-menu-right {
                right: 0;
                left: auto;
            }

            .navbar-expand-sm .navbar-nav .nav-link, .navbar-expand-sm .navbar-nav .tabcontrol > .steps > ul > li > a {
                padding-right: .5rem;
                padding-left: .5rem;
            }

        .navbar-expand-sm > .container,
        .navbar-expand-sm > .container-fluid {
            -webkit-flex-wrap: nowrap;
            -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
        }

        .navbar-expand-sm .navbar-collapse {
            display: -webkit-flex !important;
            display: -ms-flexbox !important;
            display: flex !important;
        }

        .navbar-expand-sm .navbar-toggler {
            display: none;
        }
}

@media (max-width: 767px) {
    .navbar-expand-md > .container,
    .navbar-expand-md > .container-fluid {
        padding-right: 0;
        padding-left: 0;
    }
}

@media (min-width: 768px) {
    .navbar-expand-md {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

        .navbar-expand-md .navbar-nav {
            -webkit-flex-direction: row;
            -ms-flex-direction: row;
            flex-direction: row;
        }

            .navbar-expand-md .navbar-nav .dropdown-menu, .navbar-expand-md .navbar-nav .ui.select-dropdown .menu, .ui.select-dropdown .navbar-expand-md .navbar-nav .menu {
                position: absolute;
            }

            .navbar-expand-md .navbar-nav .dropdown-menu-right {
                right: 0;
                left: auto;
            }

            .navbar-expand-md .navbar-nav .nav-link, .navbar-expand-md .navbar-nav .tabcontrol > .steps > ul > li > a {
                padding-right: .5rem;
                padding-left: .5rem;
            }

        .navbar-expand-md > .container,
        .navbar-expand-md > .container-fluid {
            -webkit-flex-wrap: nowrap;
            -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
        }

        .navbar-expand-md .navbar-collapse {
            display: -webkit-flex !important;
            display: -ms-flexbox !important;
            display: flex !important;
        }

        .navbar-expand-md .navbar-toggler {
            display: none;
        }
}

@media (max-width: 991px) {
    .navbar-expand-lg > .container,
    .navbar-expand-lg > .container-fluid {
        padding-right: 0;
        padding-left: 0;
    }
}

@media (min-width: 992px) {
    .navbar-expand-lg {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

        .navbar-expand-lg .navbar-nav {
            -webkit-flex-direction: row;
            -ms-flex-direction: row;
            flex-direction: row;
        }

            .navbar-expand-lg .navbar-nav .dropdown-menu, .navbar-expand-lg .navbar-nav .ui.select-dropdown .menu, .ui.select-dropdown .navbar-expand-lg .navbar-nav .menu {
                position: absolute;
            }

            .navbar-expand-lg .navbar-nav .dropdown-menu-right {
                right: 0;
                left: auto;
            }

            .navbar-expand-lg .navbar-nav .nav-link, .navbar-expand-lg .navbar-nav .tabcontrol > .steps > ul > li > a {
                padding-right: .5rem;
                padding-left: .5rem;
            }

        .navbar-expand-lg > .container,
        .navbar-expand-lg > .container-fluid {
            -webkit-flex-wrap: nowrap;
            -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
        }

        .navbar-expand-lg .navbar-collapse {
            display: -webkit-flex !important;
            display: -ms-flexbox !important;
            display: flex !important;
        }

        .navbar-expand-lg .navbar-toggler {
            display: none;
        }
}

@media (max-width: 1199px) {
    .navbar-expand-xl > .container,
    .navbar-expand-xl > .container-fluid {
        padding-right: 0;
        padding-left: 0;
    }
}

@media (min-width: 1200px) {
    .navbar-expand-xl {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

        .navbar-expand-xl .navbar-nav {
            -webkit-flex-direction: row;
            -ms-flex-direction: row;
            flex-direction: row;
        }

            .navbar-expand-xl .navbar-nav .dropdown-menu, .navbar-expand-xl .navbar-nav .ui.select-dropdown .menu, .ui.select-dropdown .navbar-expand-xl .navbar-nav .menu {
                position: absolute;
            }

            .navbar-expand-xl .navbar-nav .dropdown-menu-right {
                right: 0;
                left: auto;
            }

            .navbar-expand-xl .navbar-nav .nav-link, .navbar-expand-xl .navbar-nav .tabcontrol > .steps > ul > li > a {
                padding-right: .5rem;
                padding-left: .5rem;
            }

        .navbar-expand-xl > .container,
        .navbar-expand-xl > .container-fluid {
            -webkit-flex-wrap: nowrap;
            -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
        }

        .navbar-expand-xl .navbar-collapse {
            display: -webkit-flex !important;
            display: -ms-flexbox !important;
            display: flex !important;
        }

        .navbar-expand-xl .navbar-toggler {
            display: none;
        }
}

.navbar-expand {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

    .navbar-expand > .container,
    .navbar-expand > .container-fluid {
        padding-right: 0;
        padding-left: 0;
    }

    .navbar-expand .navbar-nav {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
    }

        .navbar-expand .navbar-nav .dropdown-menu, .navbar-expand .navbar-nav .ui.select-dropdown .menu, .ui.select-dropdown .navbar-expand .navbar-nav .menu {
            position: absolute;
        }

        .navbar-expand .navbar-nav .dropdown-menu-right {
            right: 0;
            left: auto;
        }

        .navbar-expand .navbar-nav .nav-link, .navbar-expand .navbar-nav .tabcontrol > .steps > ul > li > a {
            padding-right: .5rem;
            padding-left: .5rem;
        }

    .navbar-expand > .container,
    .navbar-expand > .container-fluid {
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }

    .navbar-expand .navbar-collapse {
        display: -webkit-flex !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }

    .navbar-expand .navbar-toggler {
        display: none;
    }

.navbar-light .navbar-brand {
    color: rgba(0, 0, 0, 0.9);
}

    .navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover {
        color: rgba(0, 0, 0, 0.9);
    }

.navbar-light .navbar-nav .nav-link, .navbar-light .navbar-nav .tabcontrol > .steps > ul > li > a {
    color: rgba(0, 0, 0, 0.5);
}

    .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .tabcontrol > .steps > ul > li > a:focus, .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .tabcontrol > .steps > ul > li > a:hover {
        color: rgba(0, 0, 0, 0.7);
    }

    .navbar-light .navbar-nav .nav-link.disabled, .navbar-light .navbar-nav .tabcontrol > .steps > ul > li > a.disabled {
        color: rgba(0, 0, 0, 0.3);
    }

    .navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .tabcontrol > .steps > ul > li.show > a,
    .navbar-light .navbar-nav .active > .nav-link,
    .navbar-light .navbar-nav .tabcontrol > .steps > ul > li.active > a,
    .navbar-light .navbar-nav .nav-link.show,
    .navbar-light .navbar-nav .tabcontrol > .steps > ul > li > a.show,
    .navbar-light .navbar-nav .nav-link.active,
    .navbar-light .navbar-nav .tabcontrol > .steps > ul > li > a.active,
    .navbar-light .navbar-nav .tabcontrol > .steps > ul > li.current > a {
        color: rgba(0, 0, 0, 0.9);
    }

.navbar-light .navbar-toggler {
    color: rgba(0, 0, 0, 0.5);
    border-color: rgba(0, 0, 0, 0.1);
}

.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.navbar-light .navbar-text {
    color: rgba(0, 0, 0, 0.5);
}

.navbar-dark .navbar-brand {
    color: #f4f9fc;
}

    .navbar-dark .navbar-brand:focus, .navbar-dark .navbar-brand:hover {
        color: #f4f9fc;
    }

.navbar-dark .navbar-nav .nav-link, .navbar-dark .navbar-nav .tabcontrol > .steps > ul > li > a {
    color: rgba(244, 249, 252, 0.5);
}

    .navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .tabcontrol > .steps > ul > li > a:focus, .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .tabcontrol > .steps > ul > li > a:hover {
        color: rgba(244, 249, 252, 0.75);
    }

    .navbar-dark .navbar-nav .nav-link.disabled, .navbar-dark .navbar-nav .tabcontrol > .steps > ul > li > a.disabled {
        color: rgba(244, 249, 252, 0.25);
    }

    .navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .tabcontrol > .steps > ul > li.show > a,
    .navbar-dark .navbar-nav .active > .nav-link,
    .navbar-dark .navbar-nav .tabcontrol > .steps > ul > li.active > a,
    .navbar-dark .navbar-nav .nav-link.show,
    .navbar-dark .navbar-nav .tabcontrol > .steps > ul > li > a.show,
    .navbar-dark .navbar-nav .nav-link.active,
    .navbar-dark .navbar-nav .tabcontrol > .steps > ul > li > a.active,
    .navbar-dark .navbar-nav .tabcontrol > .steps > ul > li.current > a {
        color: #f4f9fc;
    }

.navbar-dark .navbar-toggler {
    color: rgba(244, 249, 252, 0.5);
    border-color: rgba(244, 249, 252, 0.1);
}

.navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(244, 249, 252, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.navbar-dark .navbar-text {
    color: rgba(244, 249, 252, 0.5);
}

.card {
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #f4f9fc;
    background-clip: border-box;
    border: 1px solid #e6eff3;
    border-radius: 0;
}

.card-body {
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.25rem;
}

.card-title {
    margin-bottom: 0.75rem;
}

.card-subtitle {
    margin-top: -0.375rem;
    margin-bottom: 0;
}

.card-text:last-child {
    margin-bottom: 0;
}

.card-link:hover {
    text-decoration: none;
}

.card-link + .card-link {
    margin-left: 1.25rem;
}

.card > .list-group:first-child .list-group-item:first-child, .card > .dd-list:first-child .list-group-item:first-child, .card > .list-group:first-child .dd-empty:first-child, .card > .dd-list:first-child .dd-empty:first-child, .card > .list-group:first-child
.dd-placeholder:first-child, .card > .dd-list:first-child
.dd-placeholder:first-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.card > .list-group:last-child .list-group-item:last-child, .card > .dd-list:last-child .list-group-item:last-child, .card > .list-group:last-child .dd-empty:last-child, .card > .dd-list:last-child .dd-empty:last-child, .card > .list-group:last-child
.dd-placeholder:last-child, .card > .dd-list:last-child
.dd-placeholder:last-child {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.card-header {
    padding: 0.75rem 1.25rem;
    margin-bottom: 0;
    background-color: #e6eff3;
    border-bottom: 1px solid #e6eff3;
}

    .card-header:first-child {
        border-radius: calc(0 - 1px) calc(0 - 1px) 0 0;
    }

.card-footer {
    padding: 0.75rem 1.25rem;
    background-color: #e6eff3;
    border-top: 1px solid #e6eff3;
}

    .card-footer:last-child {
        border-radius: 0 0 calc(0 - 1px) calc(0 - 1px);
    }

.card-header-tabs {
    margin-right: -0.625rem;
    margin-bottom: -0.75rem;
    margin-left: -0.625rem;
    border-bottom: 0;
}

.card-header-pills {
    margin-right: -0.625rem;
    margin-left: -0.625rem;
}

.card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1.25rem;
}

.card-img {
    width: 100%;
    border-radius: calc(0 - 1px);
}

.card-img-top {
    width: 100%;
    border-top-left-radius: calc(0 - 1px);
    border-top-right-radius: calc(0 - 1px);
}

.card-img-bottom {
    width: 100%;
    border-bottom-right-radius: calc(0 - 1px);
    border-bottom-left-radius: calc(0 - 1px);
}

@media (min-width: 576px) {
    .card-deck {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        margin-right: -10px;
        margin-left: -10px;
    }

        .card-deck .card {
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-flex: 1 0 0%;
            -ms-flex: 1 0 0%;
            flex: 1 0 0%;
            -webkit-flex-direction: column;
            -ms-flex-direction: column;
            flex-direction: column;
            margin-right: 10px;
            margin-left: 10px;
        }
}

@media (min-width: 576px) {
    .card-group {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    }

        .card-group .card {
            -webkit-flex: 1 0 0%;
            -ms-flex: 1 0 0%;
            flex: 1 0 0%;
        }

            .card-group .card + .card {
                margin-left: 0;
                border-left: 0;
            }

            .card-group .card:first-child {
                border-top-right-radius: 0;
                border-bottom-right-radius: 0;
            }

                .card-group .card:first-child .card-img-top {
                    border-top-right-radius: 0;
                }

                .card-group .card:first-child .card-img-bottom {
                    border-bottom-right-radius: 0;
                }

            .card-group .card:last-child {
                border-top-left-radius: 0;
                border-bottom-left-radius: 0;
            }

                .card-group .card:last-child .card-img-top {
                    border-top-left-radius: 0;
                }

                .card-group .card:last-child .card-img-bottom {
                    border-bottom-left-radius: 0;
                }

            .card-group .card:not(:first-child):not(:last-child) {
                border-radius: 0;
            }

                .card-group .card:not(:first-child):not(:last-child) .card-img-top,
                .card-group .card:not(:first-child):not(:last-child) .card-img-bottom {
                    border-radius: 0;
                }
}

.card-columns .card {
    margin-bottom: 0.75rem;
}

@media (min-width: 576px) {
    .card-columns {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
        -webkit-column-gap: 1.25rem;
        -moz-column-gap: 1.25rem;
        column-gap: 1.25rem;
    }

        .card-columns .card {
            display: inline-block;
            width: 100%;
        }
}

.breadcrumb {
    padding: 0.75rem 1rem;
    margin-bottom: 1rem;
    list-style: none;
    background-color: #dee4e8;
    border-radius: 0;
}

    .breadcrumb::after {
        display: block;
        clear: both;
        content: "";
    }

.breadcrumb-item {
    float: left;
}

    .breadcrumb-item + .breadcrumb-item::before {
        display: inline-block;
        padding-right: 0.5rem;
        padding-left: 0.5rem;
        color: #a9aeb1;
        content: "/";
    }

    .breadcrumb-item + .breadcrumb-item:hover::before {
        text-decoration: underline;
    }

    .breadcrumb-item + .breadcrumb-item:hover::before {
        text-decoration: none;
    }

    .breadcrumb-item.active {
        color: #a9aeb1;
    }

.pagination {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: 0;
}

.page-item:first-child .page-link, .bootstrap-table .fixed-table-pagination .pagination .page-number:first-child .page-link, .page-item:first-child .bootstrap-table .fixed-table-pagination .pagination a, .bootstrap-table .fixed-table-pagination .pagination .page-item:first-child a, .bootstrap-table .fixed-table-pagination .pagination .page-number:first-child a {
    margin-left: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.page-item:last-child .page-link, .bootstrap-table .fixed-table-pagination .pagination .page-number:last-child .page-link, .page-item:last-child .bootstrap-table .fixed-table-pagination .pagination a, .bootstrap-table .fixed-table-pagination .pagination .page-item:last-child a, .bootstrap-table .fixed-table-pagination .pagination .page-number:last-child a {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.page-item.active .page-link, .bootstrap-table .fixed-table-pagination .pagination .active.page-number .page-link, .page-item.active .bootstrap-table .fixed-table-pagination .pagination a, .bootstrap-table .fixed-table-pagination .pagination .page-item.active a, .bootstrap-table .fixed-table-pagination .pagination .active.page-number a {
    z-index: 2;
    color: #383e41;
    background-color: #dee4e8;
    border-color: #dee4e8;
}

.page-item.disabled .page-link, .bootstrap-table .fixed-table-pagination .pagination .disabled.page-number .page-link, .page-item.disabled .bootstrap-table .fixed-table-pagination .pagination a, .bootstrap-table .fixed-table-pagination .pagination .page-item.disabled a, .bootstrap-table .fixed-table-pagination .pagination .disabled.page-number a {
    color: #a9aeb1;
    pointer-events: none;
    background-color: #e6eff3;
    border-color: #dee4e8;
}

.page-link, .bootstrap-table .fixed-table-pagination .pagination a {
    position: relative;
    display: block;
    padding: 0.5rem 0.75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #3a8586;
    background-color: #f4f9fc;
    border: 1px solid #dee4e8;
}

    .page-link:focus, .bootstrap-table .fixed-table-pagination .pagination a:focus, .page-link:hover, .bootstrap-table .fixed-table-pagination .pagination a:hover {
        color: #235051;
        text-decoration: none;
        background-color: #e6eff3;
        border-color: #dee4e8;
    }

.pagination-lg .page-link, .pagination-lg .bootstrap-table .fixed-table-pagination .pagination a, .bootstrap-table .fixed-table-pagination .pagination .pagination-lg a {
    padding: 0.75rem 1.5rem;
    font-size: 1rem;
    line-height: 1.71429;
}

.pagination-lg .page-item:first-child .page-link, .pagination-lg .bootstrap-table .fixed-table-pagination .pagination .page-number:first-child .page-link, .bootstrap-table .fixed-table-pagination .pagination .pagination-lg .page-number:first-child .page-link, .pagination-lg .page-item:first-child .bootstrap-table .fixed-table-pagination .pagination a, .bootstrap-table .fixed-table-pagination .pagination .pagination-lg .page-item:first-child a, .pagination-lg .bootstrap-table .fixed-table-pagination .pagination .page-number:first-child a, .bootstrap-table .fixed-table-pagination .pagination .pagination-lg .page-number:first-child a {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.pagination-lg .page-item:last-child .page-link, .pagination-lg .bootstrap-table .fixed-table-pagination .pagination .page-number:last-child .page-link, .bootstrap-table .fixed-table-pagination .pagination .pagination-lg .page-number:last-child .page-link, .pagination-lg .page-item:last-child .bootstrap-table .fixed-table-pagination .pagination a, .bootstrap-table .fixed-table-pagination .pagination .pagination-lg .page-item:last-child a, .pagination-lg .bootstrap-table .fixed-table-pagination .pagination .page-number:last-child a, .bootstrap-table .fixed-table-pagination .pagination .pagination-lg .page-number:last-child a {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.pagination-sm .page-link, .pagination-sm .bootstrap-table .fixed-table-pagination .pagination a, .bootstrap-table .fixed-table-pagination .pagination .pagination-sm a {
    padding: 0.25rem 0.5rem;
    font-size: 0.82rem;
    line-height: 1.14286;
}

.pagination-sm .page-item:first-child .page-link, .pagination-sm .bootstrap-table .fixed-table-pagination .pagination .page-number:first-child .page-link, .bootstrap-table .fixed-table-pagination .pagination .pagination-sm .page-number:first-child .page-link, .pagination-sm .page-item:first-child .bootstrap-table .fixed-table-pagination .pagination a, .bootstrap-table .fixed-table-pagination .pagination .pagination-sm .page-item:first-child a, .pagination-sm .bootstrap-table .fixed-table-pagination .pagination .page-number:first-child a, .bootstrap-table .fixed-table-pagination .pagination .pagination-sm .page-number:first-child a {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.pagination-sm .page-item:last-child .page-link, .pagination-sm .bootstrap-table .fixed-table-pagination .pagination .page-number:last-child .page-link, .bootstrap-table .fixed-table-pagination .pagination .pagination-sm .page-number:last-child .page-link, .pagination-sm .page-item:last-child .bootstrap-table .fixed-table-pagination .pagination a, .bootstrap-table .fixed-table-pagination .pagination .pagination-sm .page-item:last-child a, .pagination-sm .bootstrap-table .fixed-table-pagination .pagination .page-number:last-child a, .bootstrap-table .fixed-table-pagination .pagination .pagination-sm .page-number:last-child a {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.badge {
    display: inline-block;
    padding: 0.25em 0.4em;
    font-size: 75%;
    font-weight: bold;
    line-height: 1;
    color: #f4f9fc;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0;
}

    .badge:empty {
        display: none;
    }

.btn .badge {
    position: relative;
    top: -1px;
}

.badge-pill {
    padding-right: 0.6em;
    padding-left: 0.6em;
    border-radius: 5px;
}

.badge-success {
    color: #fff;
    background-color: #3e5190;
}

.badge-black {
    color: #fff;
    background-color: black;
}

.badge-red {
    color: #fff;
    background-color: red;
}


    .badge-success[href]:focus, .badge-success[href]:hover {
        color: #fff;
        text-decoration: none;
        background-color: #2f3d6c;
    }

.badge-primary {
    color: #fff;
    background-color: #4c8033;
}

    .badge-primary[href]:focus, .badge-primary[href]:hover {
        color: #fff;
        text-decoration: none;
        background-color: #365c24;
    }

.badge-info {
    color: #fff;
    background-color: #3a8586;
}

    .badge-info[href]:focus, .badge-info[href]:hover {
        color: #fff;
        text-decoration: none;
        background-color: #2b6262;
    }

.badge-warning {
    color: #fff;
    background-color: #a58825;
}

    .badge-warning[href]:focus, .badge-warning[href]:hover {
        color: #fff;
        text-decoration: none;
        background-color: #7b661c;
    }

.badge-danger {
    color: #fff;
    background-color: #a53012;
}

    .badge-danger[href]:focus, .badge-danger[href]:hover {
        color: #fff;
        text-decoration: none;
        background-color: #77230d;
    }

.badge-inverse {
    color: #fff;
    background-color: #585e61;
}

    .badge-inverse[href]:focus, .badge-inverse[href]:hover {
        color: #fff;
        text-decoration: none;
        background-color: #404446;
    }

.jumbotron {
    padding: 2rem 1rem;
    margin-bottom: 2rem;
    background-color: #dee4e8;
    border-radius: 0;
}

@media (min-width: 576px) {
    .jumbotron {
        padding: 4rem 2rem;
    }
}

.jumbotron-fluid {
    padding-right: 0;
    padding-left: 0;
    border-radius: 0;
}

.alert {
    padding: 0.75rem 1.25rem;
    margin-bottom: 0.5rem;
    border: 1px solid transparent;
    border-radius: 0;
}

.alert-heading {
    color: inherit;
}

.alert-link {
    font-weight: bold;
}

.alert-dismissible .close {
    position: relative;
    top: -0.75rem;
    right: -1.25rem;
    padding: 0.75rem 1.25rem;
    color: inherit;
}

.alert-success {
    color: #202a4b;
    background-color: #d8dce9;
    border-color: #c9cee0;
}

    .alert-success hr {
        border-top-color: #b9bfd7;
    }

    .alert-success .alert-link {
        color: #111627;
    }

.alert-primary {
    color: #28431b;
    background-color: #dbe6d6;
    border-color: #cddbc6;
}

    .alert-primary hr {
        border-top-color: #bfd1b6;
    }

    .alert-primary .alert-link {
        color: #121f0c;
    }

.alert-info {
    color: #1e4546;
    background-color: #d8e7e7;
    border-color: #c8dddd;
}

    .alert-info hr {
        border-top-color: #b8d3d3;
    }

    .alert-info .alert-link {
        color: #0f2222;
    }

.alert-warning {
    color: #564713;
    background-color: #ede7d3;
    border-color: #e6dec2;
}

    .alert-warning hr {
        border-top-color: #dfd4b0;
    }

    .alert-warning .alert-link {
        color: #2c250a;
    }

.alert-danger {
    color: #561909;
    background-color: #edd6d0;
    border-color: #e6c5bd;
}

    .alert-danger hr {
        border-top-color: #dfb5ab;
    }

    .alert-danger .alert-link {
        color: #280c04;
    }

.alert-inverse {
    color: #2e3132;
    background-color: #dedfdf;
    border-color: #d0d2d3;
}

    .alert-inverse hr {
        border-top-color: #c3c5c7;
    }

    .alert-inverse .alert-link {
        color: #161717;
    }

@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 1.15rem 0;
    }

    to {
        background-position: 0 0;
    }
}

@keyframes progress-bar-stripes {
    from {
        background-position: 1.15rem 0;
    }

    to {
        background-position: 0 0;
    }
}

.progress {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 1.15rem;
    overflow: hidden;
    font-size: 0.75rem;
    background-color: #dee4e8;
    border-radius: 0;
}

.progress-bar {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #f4f9fc;
    background-color: #4c8033;
}

.progress-bar-striped {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-size: 1.15rem 1.15rem;
}

.progress-bar-animated {
    -webkit-animation: progress-bar-stripes 1s linear infinite;
    animation: progress-bar-stripes 1s linear infinite;
}

.media {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.media-body {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.list-group, .dd-list {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
}

.list-group-item-action {
    width: 100%;
    color: #797e81;
    text-align: inherit;
}

    .list-group-item-action:focus, .list-group-item-action:hover {
        color: #797e81;
        text-decoration: none;
        background-color: #e7edf0;
    }

    .list-group-item-action:active {
        color: #383e41;
        background-color: #dee4e8;
    }

.list-group-item, .dd-empty,
.dd-placeholder {
    position: relative;
    display: block;
    padding: 0.75rem 1.25rem;
    margin-bottom: -1px;
    background-color: #f4f9fc;
    border: 1px solid rgba(0, 0, 0, 0.125);
}

    .list-group-item:first-child, .dd-empty:first-child,
    .dd-placeholder:first-child {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }

    .list-group-item:last-child, .dd-empty:last-child,
    .dd-placeholder:last-child {
        margin-bottom: 0;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }

    .list-group-item:focus, .dd-empty:focus,
    .dd-placeholder:focus, .list-group-item:hover, .dd-empty:hover,
    .dd-placeholder:hover {
        text-decoration: none;
    }

    .list-group-item.disabled, .disabled.dd-empty,
    .disabled.dd-placeholder, .list-group-item:disabled, .dd-empty:disabled,
    .dd-placeholder:disabled {
        color: #a9aeb1;
        background-color: #f4f9fc;
    }

    .list-group-item.active, .active.dd-empty,
    .active.dd-placeholder {
        z-index: 2;
        color: #585e61;
        background-color: #e6eff3;
        border-color: #e6eff3;
    }

.list-group-flush .list-group-item, .list-group-flush .dd-empty, .list-group-flush
.dd-placeholder {
    border-right: 0;
    border-left: 0;
    border-radius: 0;
}

.list-group-flush:first-child .list-group-item:first-child, .list-group-flush:first-child .dd-empty:first-child, .list-group-flush:first-child
.dd-placeholder:first-child {
    border-top: 0;
}

.list-group-flush:last-child .list-group-item:last-child, .list-group-flush:last-child .dd-empty:last-child, .list-group-flush:last-child
.dd-placeholder:last-child {
    border-bottom: 0;
}

.list-group-item-success {
    color: #202a4b;
    background-color: #c9cee0;
}

a.list-group-item-success,
button.list-group-item-success {
    color: #202a4b;
}

    a.list-group-item-success:focus, a.list-group-item-success:hover,
    button.list-group-item-success:focus,
    button.list-group-item-success:hover {
        color: #202a4b;
        background-color: #b9bfd7;
    }

    a.list-group-item-success.active,
    button.list-group-item-success.active {
        color: #fff;
        background-color: #202a4b;
        border-color: #202a4b;
    }

.list-group-item-primary {
    color: #28431b;
    background-color: #cddbc6;
}

a.list-group-item-primary,
button.list-group-item-primary {
    color: #28431b;
}

    a.list-group-item-primary:focus, a.list-group-item-primary:hover,
    button.list-group-item-primary:focus,
    button.list-group-item-primary:hover {
        color: #28431b;
        background-color: #bfd1b6;
    }

    a.list-group-item-primary.active,
    button.list-group-item-primary.active {
        color: #fff;
        background-color: #28431b;
        border-color: #28431b;
    }

.list-group-item-info {
    color: #1e4546;
    background-color: #c8dddd;
}

a.list-group-item-info,
button.list-group-item-info {
    color: #1e4546;
}

    a.list-group-item-info:focus, a.list-group-item-info:hover,
    button.list-group-item-info:focus,
    button.list-group-item-info:hover {
        color: #1e4546;
        background-color: #b8d3d3;
    }

    a.list-group-item-info.active,
    button.list-group-item-info.active {
        color: #fff;
        background-color: #1e4546;
        border-color: #1e4546;
    }

.list-group-item-warning {
    color: #564713;
    background-color: #e6dec2;
}

a.list-group-item-warning,
button.list-group-item-warning {
    color: #564713;
}

    a.list-group-item-warning:focus, a.list-group-item-warning:hover,
    button.list-group-item-warning:focus,
    button.list-group-item-warning:hover {
        color: #564713;
        background-color: #dfd4b0;
    }

    a.list-group-item-warning.active,
    button.list-group-item-warning.active {
        color: #fff;
        background-color: #564713;
        border-color: #564713;
    }

.list-group-item-danger {
    color: #561909;
    background-color: #e6c5bd;
}

a.list-group-item-danger,
button.list-group-item-danger {
    color: #561909;
}

    a.list-group-item-danger:focus, a.list-group-item-danger:hover,
    button.list-group-item-danger:focus,
    button.list-group-item-danger:hover {
        color: #561909;
        background-color: #dfb5ab;
    }

    a.list-group-item-danger.active,
    button.list-group-item-danger.active {
        color: #fff;
        background-color: #561909;
        border-color: #561909;
    }

.list-group-item-inverse {
    color: #2e3132;
    background-color: #d0d2d3;
}

a.list-group-item-inverse,
button.list-group-item-inverse {
    color: #2e3132;
}

    a.list-group-item-inverse:focus, a.list-group-item-inverse:hover,
    button.list-group-item-inverse:focus,
    button.list-group-item-inverse:hover {
        color: #2e3132;
        background-color: #c3c5c7;
    }

    a.list-group-item-inverse.active,
    button.list-group-item-inverse.active {
        color: #fff;
        background-color: #2e3132;
        border-color: #2e3132;
    }

.close {
    float: right;
    font-size: 1.5rem;
    font-weight: bold;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #f4f9fc;
    opacity: .5;
}

    .close:focus, .close:hover {
        color: #000;
        text-decoration: none;
        opacity: .75;
    }

button.close {
    padding: 0;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
}

.modal-open {
    overflow: hidden;
}

.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
    outline: 0;
}

    .modal.fade .modal-dialog {
        transition: -webkit-transform 0.3s ease-out;
        transition: transform 0.3s ease-out;
        transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
        -webkit-transform: translate(0, -25%);
        transform: translate(0, -25%);
    }

    .modal.show .modal-dialog {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px;
}

.modal-content {
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #f4f9fc;
    background-clip: padding-box;
    border: 1px solid #e7edf0;
    border-radius: 0;
    outline: 0;
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000;
}

    .modal-backdrop.fade {
        opacity: 0;
    }

    .modal-backdrop.show {
        opacity: 0.5;
    }

.modal-header {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0.7rem 1.3rem;
    border-bottom: 1px solid #dee4e8;
}

    .modal-header .close {
        margin-left: auto;
    }

.modal-title {
    margin-bottom: 0;
    line-height: 1.57143;
}

.modal-body {
    position: relative;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.5rem 2rem;
}

.modal-footer {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 1.5rem 2rem;
    border-top: 1px solid #dee4e8;
}

    .modal-footer > :not(:first-child) {
        margin-left: .25rem;
    }

    .modal-footer > :not(:last-child) {
        margin-right: .25rem;
    }

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll;
}

@media (min-width: 576px) {
    .modal-dialog {
        max-width: 500px;
        margin: 30px auto;
    }

    .modal-sm {
        max-width: 300px;
    }
}

@media (min-width: 992px) {
    .modal-lg {
        max-width: 800px;
    }
}

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    margin: 3px;
    font-family: "Open Sans", "sans-serif";
    font-style: normal;
    font-weight: normal;
    line-height: 1.57143;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: 0.82rem;
    word-wrap: break-word;
    opacity: 0;
}

    .tooltip.show {
        opacity: 0.9;
    }

    .tooltip .arrow {
        position: absolute;
        display: block;
        width: 5px;
        height: 5px;
    }

    .tooltip.bs-tooltip-top, .tooltip.bs-tooltip-auto[x-placement^="top"] {
        padding: 5px 0;
    }

        .tooltip.bs-tooltip-top .arrow, .tooltip.bs-tooltip-auto[x-placement^="top"] .arrow {
            bottom: 0;
        }

            .tooltip.bs-tooltip-top .arrow::before, .tooltip.bs-tooltip-auto[x-placement^="top"] .arrow::before {
                margin-left: -3px;
                content: "";
                border-width: 5px 5px 0;
                border-top-color: #000;
            }

    .tooltip.bs-tooltip-right, .tooltip.bs-tooltip-auto[x-placement^="right"] {
        padding: 0 5px;
    }

        .tooltip.bs-tooltip-right .arrow, .tooltip.bs-tooltip-auto[x-placement^="right"] .arrow {
            left: 0;
        }

            .tooltip.bs-tooltip-right .arrow::before, .tooltip.bs-tooltip-auto[x-placement^="right"] .arrow::before {
                margin-top: -3px;
                content: "";
                border-width: 5px 5px 5px 0;
                border-right-color: #000;
            }

    .tooltip.bs-tooltip-bottom, .tooltip.bs-tooltip-auto[x-placement^="bottom"] {
        padding: 5px 0;
    }

        .tooltip.bs-tooltip-bottom .arrow, .tooltip.bs-tooltip-auto[x-placement^="bottom"] .arrow {
            top: 0;
        }

            .tooltip.bs-tooltip-bottom .arrow::before, .tooltip.bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
                margin-left: -3px;
                content: "";
                border-width: 0 5px 5px;
                border-bottom-color: #000;
            }

    .tooltip.bs-tooltip-left, .tooltip.bs-tooltip-auto[x-placement^="left"] {
        padding: 0 5px;
    }

        .tooltip.bs-tooltip-left .arrow, .tooltip.bs-tooltip-auto[x-placement^="left"] .arrow {
            right: 0;
        }

            .tooltip.bs-tooltip-left .arrow::before, .tooltip.bs-tooltip-auto[x-placement^="left"] .arrow::before {
                right: 0;
                margin-top: -3px;
                content: "";
                border-width: 5px 0 5px 5px;
                border-left-color: #000;
            }

    .tooltip .arrow::before {
        position: absolute;
        border-color: transparent;
        border-style: solid;
    }

.tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #f4f9fc;
    text-align: center;
    background-color: #000;
    border-radius: 0;
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: block;
    max-width: 276px;
    padding: 1px;
    font-family: "Open Sans", "sans-serif";
    font-style: normal;
    font-weight: normal;
    line-height: 1.57143;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: 0.82rem;
    word-wrap: break-word;
    background-color: #f4f9fc;
    background-clip: padding-box;
    border: 1px solid #e7edf0;
    border-radius: 0;
}

    .popover .arrow {
        position: absolute;
        display: block;
        width: 10px;
        height: 5px;
    }

        .popover .arrow::before,
        .popover .arrow::after {
            position: absolute;
            display: block;
            border-color: transparent;
            border-style: solid;
        }

        .popover .arrow::before {
            content: "";
            border-width: 11px;
        }

        .popover .arrow::after {
            content: "";
            border-width: 11px;
        }

    .popover.bs-popover-top, .popover.bs-popover-auto[x-placement^="top"] {
        margin-bottom: 10px;
    }

        .popover.bs-popover-top .arrow, .popover.bs-popover-auto[x-placement^="top"] .arrow {
            bottom: 0;
        }

            .popover.bs-popover-top .arrow::before, .popover.bs-popover-auto[x-placement^="top"] .arrow::before,
            .popover.bs-popover-top .arrow::after, .popover.bs-popover-auto[x-placement^="top"] .arrow::after {
                border-bottom-width: 0;
            }

            .popover.bs-popover-top .arrow::before, .popover.bs-popover-auto[x-placement^="top"] .arrow::before {
                bottom: -11px;
                margin-left: -6px;
                border-top-color: #e7edf0;
            }

            .popover.bs-popover-top .arrow::after, .popover.bs-popover-auto[x-placement^="top"] .arrow::after {
                bottom: -10px;
                margin-left: -6px;
                border-top-color: #f4f9fc;
            }

    .popover.bs-popover-right, .popover.bs-popover-auto[x-placement^="right"] {
        margin-left: 10px;
    }

        .popover.bs-popover-right .arrow, .popover.bs-popover-auto[x-placement^="right"] .arrow {
            left: 0;
        }

            .popover.bs-popover-right .arrow::before, .popover.bs-popover-auto[x-placement^="right"] .arrow::before,
            .popover.bs-popover-right .arrow::after, .popover.bs-popover-auto[x-placement^="right"] .arrow::after {
                margin-top: -8px;
                border-left-width: 0;
            }

            .popover.bs-popover-right .arrow::before, .popover.bs-popover-auto[x-placement^="right"] .arrow::before {
                left: -11px;
                border-right-color: #e7edf0;
            }

            .popover.bs-popover-right .arrow::after, .popover.bs-popover-auto[x-placement^="right"] .arrow::after {
                left: -10px;
                border-right-color: #f4f9fc;
            }

    .popover.bs-popover-bottom, .popover.bs-popover-auto[x-placement^="bottom"] {
        margin-top: 10px;
    }

        .popover.bs-popover-bottom .arrow, .popover.bs-popover-auto[x-placement^="bottom"] .arrow {
            top: 0;
        }

            .popover.bs-popover-bottom .arrow::before, .popover.bs-popover-auto[x-placement^="bottom"] .arrow::before,
            .popover.bs-popover-bottom .arrow::after, .popover.bs-popover-auto[x-placement^="bottom"] .arrow::after {
                margin-left: -7px;
                border-top-width: 0;
            }

            .popover.bs-popover-bottom .arrow::before, .popover.bs-popover-auto[x-placement^="bottom"] .arrow::before {
                top: -11px;
                border-bottom-color: #e7edf0;
            }

            .popover.bs-popover-bottom .arrow::after, .popover.bs-popover-auto[x-placement^="bottom"] .arrow::after {
                top: -10px;
                border-bottom-color: #f4f9fc;
            }

        .popover.bs-popover-bottom .popover-header::before, .popover.bs-popover-auto[x-placement^="bottom"] .popover-header::before {
            position: absolute;
            top: 0;
            left: 50%;
            display: block;
            width: 20px;
            margin-left: -10px;
            content: "";
            border-bottom: 1px solid #e8f2f9;
        }

    .popover.bs-popover-left, .popover.bs-popover-auto[x-placement^="left"] {
        margin-right: 10px;
    }

        .popover.bs-popover-left .arrow, .popover.bs-popover-auto[x-placement^="left"] .arrow {
            right: 0;
        }

            .popover.bs-popover-left .arrow::before, .popover.bs-popover-auto[x-placement^="left"] .arrow::before,
            .popover.bs-popover-left .arrow::after, .popover.bs-popover-auto[x-placement^="left"] .arrow::after {
                margin-top: -8px;
                border-right-width: 0;
            }

            .popover.bs-popover-left .arrow::before, .popover.bs-popover-auto[x-placement^="left"] .arrow::before {
                right: -11px;
                border-left-color: #e7edf0;
            }

            .popover.bs-popover-left .arrow::after, .popover.bs-popover-auto[x-placement^="left"] .arrow::after {
                right: -10px;
                border-left-color: #f4f9fc;
            }

.popover-header {
    padding: 8px 14px;
    margin-bottom: 0;
    font-size: 1rem;
    color: inherit;
    background-color: #e8f2f9;
    border-bottom: 1px solid #d4e8f3;
    border-top-left-radius: calc(0 - 1px);
    border-top-right-radius: calc(0 - 1px);
}

    .popover-header:empty {
        display: none;
    }

.popover-body {
    padding: 9px 14px;
    color: #383e41;
}

.carousel {
    position: relative;
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.carousel-item {
    position: relative;
    display: none;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    transition: -webkit-transform 0.6s ease-in-out;
    transition: transform 0.6s ease-in-out;
    transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000px;
    perspective: 1000px;
}

    .carousel-item.active,
    .carousel-item-next,
    .carousel-item-prev {
        display: block;
    }

.carousel-item-next,
.carousel-item-prev {
    position: absolute;
    top: 0;
}

    .carousel-item-next.carousel-item-left,
    .carousel-item-prev.carousel-item-right {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

@supports ((-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)) {
    .carousel-item-next.carousel-item-left,
    .carousel-item-prev.carousel-item-right {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.carousel-item-next,
.active.carousel-item-right {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
}

@supports ((-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)) {
    .carousel-item-next,
    .active.carousel-item-right {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

.carousel-item-prev,
.active.carousel-item-left {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
}

@supports ((-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)) {
    .carousel-item-prev,
    .active.carousel-item-left {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

.carousel-control-prev,
.carousel-control-next {
    position: absolute;
    top: 0;
    bottom: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 15%;
    color: #797e81;
    text-align: center;
    opacity: 0.5;
}

    .carousel-control-prev:focus, .carousel-control-prev:hover,
    .carousel-control-next:focus,
    .carousel-control-next:hover {
        color: #797e81;
        text-decoration: none;
        outline: 0;
        opacity: .9;
    }

.carousel-control-prev {
    left: 0;
}

.carousel-control-next {
    right: 0;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: transparent no-repeat center center;
    background-size: 100% 100%;
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23797e81' viewBox='0 0 8 8'%3E%3Cpath d='M4 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23797e81' viewBox='0 0 8 8'%3E%3Cpath d='M1.5 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
}

.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 10px;
    left: 0;
    z-index: 15;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 0;
    margin-right: 15%;
    margin-left: 15%;
    list-style: none;
}

    .carousel-indicators li {
        position: relative;
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        width: 30px;
        height: 3px;
        margin-right: 3px;
        margin-left: 3px;
        text-indent: -999px;
        background-color: rgba(244, 249, 252, 0.5);
    }

        .carousel-indicators li::before {
            position: absolute;
            top: -10px;
            left: 0;
            display: inline-block;
            width: 100%;
            height: 10px;
            content: "";
        }

        .carousel-indicators li::after {
            position: absolute;
            bottom: -10px;
            left: 0;
            display: inline-block;
            width: 100%;
            height: 10px;
            content: "";
        }

    .carousel-indicators .active {
        background-color: #f4f9fc;
    }

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #f4f9fc;
    text-align: center;
}

.align-baseline {
    vertical-align: baseline !important;
}

.align-top {
    vertical-align: top !important;
}

.align-middle {
    vertical-align: middle !important;
}

.align-bottom {
    vertical-align: bottom !important;
}

.align-text-bottom {
    vertical-align: text-bottom !important;
}

.align-text-top {
    vertical-align: text-top !important;
}

.bg-success {
    background-color: #3e5190 !important;
}

a.bg-success:focus, a.bg-success:hover {
    background-color: #2f3d6c !important;
}

.bg-primary {
    background-color: #4c8033 !important;
}

a.bg-primary:focus, a.bg-primary:hover {
    background-color: #365c24 !important;
}

.bg-info {
    background-color: #3a8586 !important;
}

a.bg-info:focus, a.bg-info:hover {
    background-color: #2b6262 !important;
}

.bg-warning {
    background-color: #a58825 !important;
}

a.bg-warning:focus, a.bg-warning:hover {
    background-color: #7b661c !important;
}

.bg-danger {
    background-color: #a53012 !important;
}

a.bg-danger:focus, a.bg-danger:hover {
    background-color: #77230d !important;
}

.bg-inverse {
    background-color: #585e61 !important;
}

a.bg-inverse:focus, a.bg-inverse:hover {
    background-color: #404446 !important;
}

.bg-white {
    background-color: #fff !important;
}

.bg-transparent {
    background-color: transparent !important;
}

.border {
    border: 1px solid lightgray !important;
}

.border-0 {
    border: 0 !important;
}

.border-top-0 {
    border-top: 0 !important;
}

.border-right-0 {
    border-right: 0 !important;
}

.border-bottom-0 {
    border-bottom: 0 !important;
}

.border-left-0 {
    border-left: 0 !important;
}

.border-success {
    border-color: #3e5190 !important;
}

.border-primary {
    border-color: #4c8033 !important;
}

.border-info {
    border-color: #3a8586 !important;
}

.border-warning {
    border-color: #a58825 !important;
}

.border-danger {
    border-color: #a53012 !important;
}

.border-inverse {
    border-color: #585e61 !important;
}

.border-white {
    border-color: #fff !important;
}

.rounded {
    border-radius: 0 !important;
}

.rounded-top {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
}

.rounded-right {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.rounded-bottom {
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.rounded-left {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.rounded-circle {
    border-radius: 50%;
}

.rounded-0 {
    border-radius: 0;
}

.clearfix::after {
    display: block;
    clear: both;
    content: "";
}

.d-none {
    display: none !important;
}

.d-inline {
    display: inline !important;
}

.d-inline-block {
    display: inline-block !important;
}

.d-block {
    display: block !important;
}

.d-table {
    display: table !important;
}

.d-table-cell {
    display: table-cell !important;
}

.d-flex {
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
}

.d-inline-flex {
    display: -webkit-inline-flex !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
}

@media (min-width: 576px) {
    .d-sm-none {
        display: none !important;
    }

    .d-sm-inline {
        display: inline !important;
    }

    .d-sm-inline-block {
        display: inline-block !important;
    }

    .d-sm-block {
        display: block !important;
    }

    .d-sm-table {
        display: table !important;
    }

    .d-sm-table-cell {
        display: table-cell !important;
    }

    .d-sm-flex {
        display: -webkit-flex !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }

    .d-sm-inline-flex {
        display: -webkit-inline-flex !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
    }
}

@media (min-width: 768px) {
    .d-md-none {
        display: none !important;
    }

    .d-md-inline {
        display: inline !important;
    }

    .d-md-inline-block {
        display: inline-block !important;
    }

    .d-md-block {
        display: block !important;
    }

    .d-md-table {
        display: table !important;
    }

    .d-md-table-cell {
        display: table-cell !important;
    }

    .d-md-flex {
        display: -webkit-flex !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }

    .d-md-inline-flex {
        display: -webkit-inline-flex !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
    }
}

@media (min-width: 992px) {
    .d-lg-none {
        display: none !important;
    }

    .d-lg-inline {
        display: inline !important;
    }

    .d-lg-inline-block {
        display: inline-block !important;
    }

    .d-lg-block {
        display: block !important;
    }

    .d-lg-table {
        display: table !important;
    }

    .d-lg-table-cell {
        display: table-cell !important;
    }

    .d-lg-flex {
        display: -webkit-flex !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }

    .d-lg-inline-flex {
        display: -webkit-inline-flex !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
    }
}

@media (min-width: 1200px) {
    .d-xl-none {
        display: none !important;
    }

    .d-xl-inline {
        display: inline !important;
    }

    .d-xl-inline-block {
        display: inline-block !important;
    }

    .d-xl-block {
        display: block !important;
    }

    .d-xl-table {
        display: table !important;
    }

    .d-xl-table-cell {
        display: table-cell !important;
    }

    .d-xl-flex {
        display: -webkit-flex !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }

    .d-xl-inline-flex {
        display: -webkit-inline-flex !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
    }
}

.d-print-block {
    display: none !important;
}

@media print {
    .d-print-block {
        display: block !important;
    }
}

.d-print-inline {
    display: none !important;
}

@media print {
    .d-print-inline {
        display: inline !important;
    }
}

.d-print-inline-block {
    display: none !important;
}

@media print {
    .d-print-inline-block {
        display: inline-block !important;
    }
}

@media print {
    .d-print-none {
        display: none !important;
    }
}

.embed-responsive {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden;
}

    .embed-responsive::before {
        display: block;
        content: "";
    }

    .embed-responsive .embed-responsive-item,
    .embed-responsive iframe,
    .embed-responsive embed,
    .embed-responsive object,
    .embed-responsive video {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 0;
    }

.embed-responsive-21by9::before {
    padding-top: 42.85714%;
}

.embed-responsive-16by9::before {
    padding-top: 56.25%;
}

.embed-responsive-4by3::before {
    padding-top: 75%;
}

.embed-responsive-1by1::before {
    padding-top: 100%;
}

.flex-row {
    -webkit-flex-direction: row !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
}

.flex-column {
    -webkit-flex-direction: column !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
}

.flex-row-reverse {
    -webkit-flex-direction: row-reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
}

.flex-column-reverse {
    -webkit-flex-direction: column-reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
}

.flex-wrap {
    -webkit-flex-wrap: wrap !important;
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
}

.flex-nowrap {
    -webkit-flex-wrap: nowrap !important;
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
    -webkit-flex-wrap: wrap-reverse !important;
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
}

.justify-content-start {
    -webkit-justify-content: flex-start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
}

.justify-content-end {
    -webkit-justify-content: flex-end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
}

.justify-content-center {
    -webkit-justify-content: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
}

.justify-content-between {
    -webkit-justify-content: space-between !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
}

.justify-content-around {
    -webkit-justify-content: space-around !important;
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
}

.align-items-start {
    -webkit-align-items: flex-start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important;
}

.align-items-end {
    -webkit-align-items: flex-end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important;
}

.align-items-center {
    -webkit-align-items: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
}

.align-items-baseline {
    -webkit-align-items: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
}

.align-items-stretch {
    -webkit-align-items: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
}

.align-content-start {
    -webkit-align-content: flex-start !important;
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
}

.align-content-end {
    -webkit-align-content: flex-end !important;
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
}

.align-content-center {
    -webkit-align-content: center !important;
    -ms-flex-line-pack: center !important;
    align-content: center !important;
}

.align-content-between {
    -webkit-align-content: space-between !important;
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
}

.align-content-around {
    -webkit-align-content: space-around !important;
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
}

.align-content-stretch {
    -webkit-align-content: stretch !important;
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
}

.align-self-auto {
    -webkit-align-self: auto !important;
    -ms-flex-item-align: auto !important;
    -ms-grid-row-align: auto !important;
    align-self: auto !important;
}

.align-self-start {
    -webkit-align-self: flex-start !important;
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
}

.align-self-end {
    -webkit-align-self: flex-end !important;
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
}

.align-self-center {
    -webkit-align-self: center !important;
    -ms-flex-item-align: center !important;
    -ms-grid-row-align: center !important;
    align-self: center !important;
}

.align-self-baseline {
    -webkit-align-self: baseline !important;
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
}

.align-self-stretch {
    -webkit-align-self: stretch !important;
    -ms-flex-item-align: stretch !important;
    -ms-grid-row-align: stretch !important;
    align-self: stretch !important;
}

@media (min-width: 576px) {
    .flex-sm-row {
        -webkit-flex-direction: row !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important;
    }

    .flex-sm-column {
        -webkit-flex-direction: column !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important;
    }

    .flex-sm-row-reverse {
        -webkit-flex-direction: row-reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important;
    }

    .flex-sm-column-reverse {
        -webkit-flex-direction: column-reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important;
    }

    .flex-sm-wrap {
        -webkit-flex-wrap: wrap !important;
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
    }

    .flex-sm-nowrap {
        -webkit-flex-wrap: nowrap !important;
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
    }

    .flex-sm-wrap-reverse {
        -webkit-flex-wrap: wrap-reverse !important;
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important;
    }

    .justify-content-sm-start {
        -webkit-justify-content: flex-start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important;
    }

    .justify-content-sm-end {
        -webkit-justify-content: flex-end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important;
    }

    .justify-content-sm-center {
        -webkit-justify-content: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important;
    }

    .justify-content-sm-between {
        -webkit-justify-content: space-between !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important;
    }

    .justify-content-sm-around {
        -webkit-justify-content: space-around !important;
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
    }

    .align-items-sm-start {
        -webkit-align-items: flex-start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important;
    }

    .align-items-sm-end {
        -webkit-align-items: flex-end !important;
        -ms-flex-align: end !important;
        align-items: flex-end !important;
    }

    .align-items-sm-center {
        -webkit-align-items: center !important;
        -ms-flex-align: center !important;
        align-items: center !important;
    }

    .align-items-sm-baseline {
        -webkit-align-items: baseline !important;
        -ms-flex-align: baseline !important;
        align-items: baseline !important;
    }

    .align-items-sm-stretch {
        -webkit-align-items: stretch !important;
        -ms-flex-align: stretch !important;
        align-items: stretch !important;
    }

    .align-content-sm-start {
        -webkit-align-content: flex-start !important;
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important;
    }

    .align-content-sm-end {
        -webkit-align-content: flex-end !important;
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important;
    }

    .align-content-sm-center {
        -webkit-align-content: center !important;
        -ms-flex-line-pack: center !important;
        align-content: center !important;
    }

    .align-content-sm-between {
        -webkit-align-content: space-between !important;
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important;
    }

    .align-content-sm-around {
        -webkit-align-content: space-around !important;
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important;
    }

    .align-content-sm-stretch {
        -webkit-align-content: stretch !important;
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important;
    }

    .align-self-sm-auto {
        -webkit-align-self: auto !important;
        -ms-flex-item-align: auto !important;
        -ms-grid-row-align: auto !important;
        align-self: auto !important;
    }

    .align-self-sm-start {
        -webkit-align-self: flex-start !important;
        -ms-flex-item-align: start !important;
        align-self: flex-start !important;
    }

    .align-self-sm-end {
        -webkit-align-self: flex-end !important;
        -ms-flex-item-align: end !important;
        align-self: flex-end !important;
    }

    .align-self-sm-center {
        -webkit-align-self: center !important;
        -ms-flex-item-align: center !important;
        -ms-grid-row-align: center !important;
        align-self: center !important;
    }

    .align-self-sm-baseline {
        -webkit-align-self: baseline !important;
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important;
    }

    .align-self-sm-stretch {
        -webkit-align-self: stretch !important;
        -ms-flex-item-align: stretch !important;
        -ms-grid-row-align: stretch !important;
        align-self: stretch !important;
    }
}

@media (min-width: 768px) {
    .flex-md-row {
        -webkit-flex-direction: row !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important;
    }

    .flex-md-column {
        -webkit-flex-direction: column !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important;
    }

    .flex-md-row-reverse {
        -webkit-flex-direction: row-reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important;
    }

    .flex-md-column-reverse {
        -webkit-flex-direction: column-reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important;
    }

    .flex-md-wrap {
        -webkit-flex-wrap: wrap !important;
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
    }

    .flex-md-nowrap {
        -webkit-flex-wrap: nowrap !important;
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
    }

    .flex-md-wrap-reverse {
        -webkit-flex-wrap: wrap-reverse !important;
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important;
    }

    .justify-content-md-start {
        -webkit-justify-content: flex-start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important;
    }

    .justify-content-md-end {
        -webkit-justify-content: flex-end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important;
    }

    .justify-content-md-center {
        -webkit-justify-content: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important;
    }

    .justify-content-md-between {
        -webkit-justify-content: space-between !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important;
    }

    .justify-content-md-around {
        -webkit-justify-content: space-around !important;
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
    }

    .align-items-md-start {
        -webkit-align-items: flex-start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important;
    }

    .align-items-md-end {
        -webkit-align-items: flex-end !important;
        -ms-flex-align: end !important;
        align-items: flex-end !important;
    }

    .align-items-md-center {
        -webkit-align-items: center !important;
        -ms-flex-align: center !important;
        align-items: center !important;
    }

    .align-items-md-baseline {
        -webkit-align-items: baseline !important;
        -ms-flex-align: baseline !important;
        align-items: baseline !important;
    }

    .align-items-md-stretch {
        -webkit-align-items: stretch !important;
        -ms-flex-align: stretch !important;
        align-items: stretch !important;
    }

    .align-content-md-start {
        -webkit-align-content: flex-start !important;
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important;
    }

    .align-content-md-end {
        -webkit-align-content: flex-end !important;
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important;
    }

    .align-content-md-center {
        -webkit-align-content: center !important;
        -ms-flex-line-pack: center !important;
        align-content: center !important;
    }

    .align-content-md-between {
        -webkit-align-content: space-between !important;
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important;
    }

    .align-content-md-around {
        -webkit-align-content: space-around !important;
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important;
    }

    .align-content-md-stretch {
        -webkit-align-content: stretch !important;
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important;
    }

    .align-self-md-auto {
        -webkit-align-self: auto !important;
        -ms-flex-item-align: auto !important;
        -ms-grid-row-align: auto !important;
        align-self: auto !important;
    }

    .align-self-md-start {
        -webkit-align-self: flex-start !important;
        -ms-flex-item-align: start !important;
        align-self: flex-start !important;
    }

    .align-self-md-end {
        -webkit-align-self: flex-end !important;
        -ms-flex-item-align: end !important;
        align-self: flex-end !important;
    }

    .align-self-md-center {
        -webkit-align-self: center !important;
        -ms-flex-item-align: center !important;
        -ms-grid-row-align: center !important;
        align-self: center !important;
    }

    .align-self-md-baseline {
        -webkit-align-self: baseline !important;
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important;
    }

    .align-self-md-stretch {
        -webkit-align-self: stretch !important;
        -ms-flex-item-align: stretch !important;
        -ms-grid-row-align: stretch !important;
        align-self: stretch !important;
    }
}

@media (min-width: 992px) {
    .flex-lg-row {
        -webkit-flex-direction: row !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important;
    }

    .flex-lg-column {
        -webkit-flex-direction: column !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important;
    }

    .flex-lg-row-reverse {
        -webkit-flex-direction: row-reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important;
    }

    .flex-lg-column-reverse {
        -webkit-flex-direction: column-reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important;
    }

    .flex-lg-wrap {
        -webkit-flex-wrap: wrap !important;
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
    }

    .flex-lg-nowrap {
        -webkit-flex-wrap: nowrap !important;
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
    }

    .flex-lg-wrap-reverse {
        -webkit-flex-wrap: wrap-reverse !important;
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important;
    }

    .justify-content-lg-start {
        -webkit-justify-content: flex-start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important;
    }

    .justify-content-lg-end {
        -webkit-justify-content: flex-end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important;
    }

    .justify-content-lg-center {
        -webkit-justify-content: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important;
    }

    .justify-content-lg-between {
        -webkit-justify-content: space-between !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important;
    }

    .justify-content-lg-around {
        -webkit-justify-content: space-around !important;
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
    }

    .align-items-lg-start {
        -webkit-align-items: flex-start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important;
    }

    .align-items-lg-end {
        -webkit-align-items: flex-end !important;
        -ms-flex-align: end !important;
        align-items: flex-end !important;
    }

    .align-items-lg-center {
        -webkit-align-items: center !important;
        -ms-flex-align: center !important;
        align-items: center !important;
    }

    .align-items-lg-baseline {
        -webkit-align-items: baseline !important;
        -ms-flex-align: baseline !important;
        align-items: baseline !important;
    }

    .align-items-lg-stretch {
        -webkit-align-items: stretch !important;
        -ms-flex-align: stretch !important;
        align-items: stretch !important;
    }

    .align-content-lg-start {
        -webkit-align-content: flex-start !important;
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important;
    }

    .align-content-lg-end {
        -webkit-align-content: flex-end !important;
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important;
    }

    .align-content-lg-center {
        -webkit-align-content: center !important;
        -ms-flex-line-pack: center !important;
        align-content: center !important;
    }

    .align-content-lg-between {
        -webkit-align-content: space-between !important;
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important;
    }

    .align-content-lg-around {
        -webkit-align-content: space-around !important;
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important;
    }

    .align-content-lg-stretch {
        -webkit-align-content: stretch !important;
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important;
    }

    .align-self-lg-auto {
        -webkit-align-self: auto !important;
        -ms-flex-item-align: auto !important;
        -ms-grid-row-align: auto !important;
        align-self: auto !important;
    }

    .align-self-lg-start {
        -webkit-align-self: flex-start !important;
        -ms-flex-item-align: start !important;
        align-self: flex-start !important;
    }

    .align-self-lg-end {
        -webkit-align-self: flex-end !important;
        -ms-flex-item-align: end !important;
        align-self: flex-end !important;
    }

    .align-self-lg-center {
        -webkit-align-self: center !important;
        -ms-flex-item-align: center !important;
        -ms-grid-row-align: center !important;
        align-self: center !important;
    }

    .align-self-lg-baseline {
        -webkit-align-self: baseline !important;
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important;
    }

    .align-self-lg-stretch {
        -webkit-align-self: stretch !important;
        -ms-flex-item-align: stretch !important;
        -ms-grid-row-align: stretch !important;
        align-self: stretch !important;
    }
}

@media (min-width: 1200px) {
    .flex-xl-row {
        -webkit-flex-direction: row !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important;
    }

    .flex-xl-column {
        -webkit-flex-direction: column !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important;
    }

    .flex-xl-row-reverse {
        -webkit-flex-direction: row-reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important;
    }

    .flex-xl-column-reverse {
        -webkit-flex-direction: column-reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important;
    }

    .flex-xl-wrap {
        -webkit-flex-wrap: wrap !important;
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
    }

    .flex-xl-nowrap {
        -webkit-flex-wrap: nowrap !important;
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
    }

    .flex-xl-wrap-reverse {
        -webkit-flex-wrap: wrap-reverse !important;
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important;
    }

    .justify-content-xl-start {
        -webkit-justify-content: flex-start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important;
    }

    .justify-content-xl-end {
        -webkit-justify-content: flex-end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important;
    }

    .justify-content-xl-center {
        -webkit-justify-content: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important;
    }

    .justify-content-xl-between {
        -webkit-justify-content: space-between !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important;
    }

    .justify-content-xl-around {
        -webkit-justify-content: space-around !important;
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
    }

    .align-items-xl-start {
        -webkit-align-items: flex-start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important;
    }

    .align-items-xl-end {
        -webkit-align-items: flex-end !important;
        -ms-flex-align: end !important;
        align-items: flex-end !important;
    }

    .align-items-xl-center {
        -webkit-align-items: center !important;
        -ms-flex-align: center !important;
        align-items: center !important;
    }

    .align-items-xl-baseline {
        -webkit-align-items: baseline !important;
        -ms-flex-align: baseline !important;
        align-items: baseline !important;
    }

    .align-items-xl-stretch {
        -webkit-align-items: stretch !important;
        -ms-flex-align: stretch !important;
        align-items: stretch !important;
    }

    .align-content-xl-start {
        -webkit-align-content: flex-start !important;
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important;
    }

    .align-content-xl-end {
        -webkit-align-content: flex-end !important;
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important;
    }

    .align-content-xl-center {
        -webkit-align-content: center !important;
        -ms-flex-line-pack: center !important;
        align-content: center !important;
    }

    .align-content-xl-between {
        -webkit-align-content: space-between !important;
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important;
    }

    .align-content-xl-around {
        -webkit-align-content: space-around !important;
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important;
    }

    .align-content-xl-stretch {
        -webkit-align-content: stretch !important;
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important;
    }

    .align-self-xl-auto {
        -webkit-align-self: auto !important;
        -ms-flex-item-align: auto !important;
        -ms-grid-row-align: auto !important;
        align-self: auto !important;
    }

    .align-self-xl-start {
        -webkit-align-self: flex-start !important;
        -ms-flex-item-align: start !important;
        align-self: flex-start !important;
    }

    .align-self-xl-end {
        -webkit-align-self: flex-end !important;
        -ms-flex-item-align: end !important;
        align-self: flex-end !important;
    }

    .align-self-xl-center {
        -webkit-align-self: center !important;
        -ms-flex-item-align: center !important;
        -ms-grid-row-align: center !important;
        align-self: center !important;
    }

    .align-self-xl-baseline {
        -webkit-align-self: baseline !important;
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important;
    }

    .align-self-xl-stretch {
        -webkit-align-self: stretch !important;
        -ms-flex-item-align: stretch !important;
        -ms-grid-row-align: stretch !important;
        align-self: stretch !important;
    }
}

.float-left {
    float: left !important;
}

.float-right {
    float: right !important;
}

.float-none {
    float: none !important;
}

@media (min-width: 576px) {
    .float-sm-left {
        float: left !important;
    }

    .float-sm-right {
        float: right !important;
    }

    .float-sm-none {
        float: none !important;
    }
}

@media (min-width: 768px) {
    .float-md-left {
        float: left !important;
    }

    .float-md-right {
        float: right !important;
    }

    .float-md-none {
        float: none !important;
    }
}

@media (min-width: 992px) {
    .float-lg-left {
        float: left !important;
    }

    .float-lg-right {
        float: right !important;
    }

    .float-lg-none {
        float: none !important;
    }
}

@media (min-width: 1200px) {
    .float-xl-left {
        float: left !important;
    }

    .float-xl-right {
        float: right !important;
    }

    .float-xl-none {
        float: none !important;
    }
}

.position-static {
    position: static !important;
}

.position-relative {
    position: relative !important;
}

.position-absolute {
    position: absolute !important;
}

.position-fixed {
    position: fixed !important;
}

.position-sticky {
    position: -webkit-sticky !important;
    position: sticky !important;
}

.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
}

.fixed-bottom {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030;
}

@supports ((position: -webkit-sticky) or (position: sticky)) {
    .sticky-top {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 200;
    }
}

.sr-only, .bs-datetimepicker-widget .btn[data-action="incrementHours"]::after, .bs-datetimepicker-widget .btn[data-action="incrementMinutes"]::after, .bs-datetimepicker-widget .btn[data-action="decrementHours"]::after, .bs-datetimepicker-widget .btn[data-action="decrementMinutes"]::after, .bs-datetimepicker-widget .btn[data-action="showHours"]::after, .bs-datetimepicker-widget .btn[data-action="showMinutes"]::after, .bs-datetimepicker-widget .btn[data-action="togglePeriod"]::after, .bs-datetimepicker-widget .btn[data-action="clear"]::after, .bs-datetimepicker-widget .btn[data-action="today"]::after, .bs-datetimepicker-widget .picker-switch::after, .bs-datetimepicker-widget table th.prev::after, .bs-datetimepicker-widget table th.next::after {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    border: 0;
}

.sr-only-focusable:active, .sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto;
    white-space: normal;
    -webkit-clip-path: none;
    clip-path: none;
}

.w-25 {
    width: 25% !important;
}

.w-50 {
    width: 50% !important;
}

.w-75 {
    width: 75% !important;
}

.w-100 {
    width: 100% !important;
}

.h-25 {
    height: 25% !important;
}

.h-50 {
    height: 50% !important;
}

.h-75 {
    height: 75% !important;
}

.h-100 {
    height: 100% !important;
}

.mw-100 {
    max-width: 100% !important;
}

.mh-100 {
    max-height: 100% !important;
}

.m--2 {
    margin: -1rem !important;
}

.mt--2,
.my--2 {
    margin-top: -1rem !important;
}

.mr--2,
.mx--2 {
    margin-right: -1rem !important;
}

.mb--2,
.my--2 {
    margin-bottom: -1rem !important;
}

.ml--2,
.mx--2 {
    margin-left: -1rem !important;
}

.m--1 {
    margin: -0.5rem !important;
}

.mt--1,
.my--1 {
    margin-top: -0.5rem !important;
}

.mr--1,
.mx--1 {
    margin-right: -0.5rem !important;
}

.mb--1,
.my--1 {
    margin-bottom: -0.5rem !important;
}

.ml--1,
.mx--1 {
    margin-left: -0.5rem !important;
}

.m-0 {
    margin: 0 !important;
}

.mt-0,
.my-0 {
    margin-top: 0 !important;
}

.mr-0,
.mx-0 {
    margin-right: 0 !important;
}

.mb-0,
.my-0 {
    margin-bottom: 0 !important;
}

.ml-0,
.mx-0 {
    margin-left: 0 !important;
}

.m-1 {
    margin: 0.5rem !important;
}

.mt-1,
.my-1 {
    margin-top: 0.5rem !important;
}

.mr-1,
.mx-1 {
    margin-right: 0.5rem !important;
}

.mb-1,
.my-1 {
    margin-bottom: 0.5rem !important;
}

.ml-1,
.mx-1 {
    margin-left: 0.5rem !important;
}

.m-2 {
    margin: 1rem !important;
}

.mt-2,
.my-2 {
    margin-top: 1rem !important;
}

.mr-2,
.mx-2 {
    margin-right: 1rem !important;
}

.mb-2,
.my-2 {
    margin-bottom: 1rem !important;
}

.ml-2,
.mx-2 {
    margin-left: 1rem !important;
}

.m-3 {
    margin: 1.5rem !important;
}

.mt-3,
.my-3 {
    margin-top: 1.5rem !important;
}

.mr-3,
.mx-3 {
    margin-right: 1.5rem !important;
}

.mb-3,
.my-3 {
    margin-bottom: 1.5rem !important;
}

.ml-3,
.mx-3 {
    margin-left: 1.5rem !important;
}

.m-4 {
    margin: 2rem !important;
}

.mt-4,
.my-4 {
    margin-top: 2rem !important;
}

.mr-4,
.mx-4 {
    margin-right: 2rem !important;
}

.mb-4,
.my-4 {
    margin-bottom: 2rem !important;
}

.ml-4,
.mx-4 {
    margin-left: 2rem !important;
}

.m-5 {
    margin: 2.5rem !important;
}

.mt-5,
.my-5 {
    margin-top: 2.5rem !important;
}

.mr-5,
.mx-5 {
    margin-right: 2.5rem !important;
}

.mb-5,
.my-5 {
    margin-bottom: 2.5rem !important;
}

.ml-5,
.mx-5 {
    margin-left: 2.5rem !important;
}

.m-6 {
    margin: 3rem !important;
}

.mt-6,
.my-6 {
    margin-top: 3rem !important;
}

.mr-6,
.mx-6 {
    margin-right: 3rem !important;
}

.mb-6,
.my-6 {
    margin-bottom: 3rem !important;
}

.ml-6,
.mx-6 {
    margin-left: 3rem !important;
}

.m-7 {
    margin: 3.5rem !important;
}

.mt-7,
.my-7 {
    margin-top: 3.5rem !important;
}

.mr-7,
.mx-7 {
    margin-right: 3.5rem !important;
}

.mb-7,
.my-7 {
    margin-bottom: 3.5rem !important;
}

.ml-7,
.mx-7 {
    margin-left: 3.5rem !important;
}

.p--2 {
    padding: -1rem !important;
}

.pt--2,
.py--2 {
    padding-top: -1rem !important;
}

.pr--2,
.px--2 {
    padding-right: -1rem !important;
}

.pb--2,
.py--2 {
    padding-bottom: -1rem !important;
}

.pl--2,
.px--2 {
    padding-left: -1rem !important;
}

.p--1 {
    padding: -0.5rem !important;
}

.pt--1,
.py--1 {
    padding-top: -0.5rem !important;
}

.pr--1,
.px--1 {
    padding-right: -0.5rem !important;
}

.pb--1,
.py--1 {
    padding-bottom: -0.5rem !important;
}

.pl--1,
.px--1 {
    padding-left: -0.5rem !important;
}

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

.pt-0,
.py-0 {
    padding-top: 0 !important;
}

.pr-0,
.px-0 {
    padding-right: 0 !important;
}

.pb-0,
.py-0 {
    padding-bottom: 0 !important;
}

.pl-0,
.px-0 {
    padding-left: 0 !important;
}

.p-1 {
    padding: 0.5rem !important;
}

.pt-1,
.py-1 {
    padding-top: 0.5rem !important;
}

.pr-1,
.px-1 {
    padding-right: 0.5rem !important;
}

.pb-1,
.py-1 {
    padding-bottom: 0.5rem !important;
}

.pl-1,
.px-1 {
    padding-left: 0.5rem !important;
}

.p-2 {
    padding: 1rem !important;
}

.pt-2,
.py-2 {
    padding-top: 1rem !important;
}

.pr-2,
.px-2 {
    padding-right: 1rem !important;
}

.pb-2,
.py-2 {
    padding-bottom: 1rem !important;
}

.pl-2,
.px-2 {
    padding-left: 1rem !important;
}

.p-3 {
    padding: 1.5rem !important;
}

.pt-3,
.py-3 {
    padding-top: 1.5rem !important;
}

.pr-3,
.px-3 {
    padding-right: 1.5rem !important;
}

.pb-3,
.py-3 {
    padding-bottom: 1.5rem !important;
}

.pl-3,
.px-3 {
    padding-left: 1.5rem !important;
}

.p-4 {
    padding: 2rem !important;
}

.pt-4,
.py-4 {
    padding-top: 0.5rem !important;
}

.pr-4,
.px-4 {
    padding-right: 2rem !important;
}

.pb-4,
.py-4 {
    padding-bottom: 0.5rem !important;
}

.pl-4,
.px-4 {
    padding-left: 2rem !important;
}

.p-5 {
    padding: 2.5rem !important;
}

.pt-5,
.py-5 {
    padding-top: 2.5rem !important;
}

.pr-5,
.px-5 {
    padding-right: 2.5rem !important;
}

.pb-5,
.py-5 {
    padding-bottom: 2.5rem !important;
}

.pl-5,
.px-5 {
    padding-left: 2.5rem !important;
}

.p-6 {
    padding: 3rem !important;
}

.pt-6,
.py-6 {
    padding-top: 3rem !important;
}

.pr-6,
.px-6 {
    padding-right: 3rem !important;
}

.pb-6,
.py-6 {
    padding-bottom: 3rem !important;
}

.pl-6,
.px-6 {
    padding-left: 3rem !important;
}

.p-7 {
    padding: 3.5rem !important;
}

.pt-7,
.py-7 {
    padding-top: 3.5rem !important;
}

.pr-7,
.px-7 {
    padding-right: 3.5rem !important;
}

.pb-7,
.py-7 {
    padding-bottom: 3.5rem !important;
}

.pl-7,
.px-7 {
    padding-left: 3.5rem !important;
}

.m-auto {
    margin: auto !important;
}

.mt-auto,
.my-auto {
    margin-top: auto !important;
}

.mr-auto,
.mx-auto {
    margin-right: auto !important;
}

.mb-auto,
.my-auto {
    margin-bottom: auto !important;
}

.ml-auto,
.mx-auto {
    margin-left: auto !important;
}

@media (min-width: 576px) {
    .m-sm--2 {
        margin: -1rem !important;
    }

    .mt-sm--2,
    .my-sm--2 {
        margin-top: -1rem !important;
    }

    .mr-sm--2,
    .mx-sm--2 {
        margin-right: -1rem !important;
    }

    .mb-sm--2,
    .my-sm--2 {
        margin-bottom: -1rem !important;
    }

    .ml-sm--2,
    .mx-sm--2 {
        margin-left: -1rem !important;
    }

    .m-sm--1 {
        margin: -0.5rem !important;
    }

    .mt-sm--1,
    .my-sm--1 {
        margin-top: -0.5rem !important;
    }

    .mr-sm--1,
    .mx-sm--1 {
        margin-right: -0.5rem !important;
    }

    .mb-sm--1,
    .my-sm--1 {
        margin-bottom: -0.5rem !important;
    }

    .ml-sm--1,
    .mx-sm--1 {
        margin-left: -0.5rem !important;
    }

    .m-sm-0 {
        margin: 0 !important;
    }

    .mt-sm-0,
    .my-sm-0 {
        margin-top: 0 !important;
    }

    .mr-sm-0,
    .mx-sm-0 {
        margin-right: 0 !important;
    }

    .mb-sm-0,
    .my-sm-0 {
        margin-bottom: 0 !important;
    }

    .ml-sm-0,
    .mx-sm-0 {
        margin-left: 0 !important;
    }

    .m-sm-1 {
        margin: 0.5rem !important;
    }

    .mt-sm-1,
    .my-sm-1 {
        margin-top: 0.5rem !important;
    }

    .mr-sm-1,
    .mx-sm-1 {
        margin-right: 0.5rem !important;
    }

    .mb-sm-1,
    .my-sm-1 {
        margin-bottom: 0.5rem !important;
    }

    .ml-sm-1,
    .mx-sm-1 {
        margin-left: 0.5rem !important;
    }

    .m-sm-2 {
        margin: 1rem !important;
    }

    .mt-sm-2,
    .my-sm-2 {
        margin-top: 1rem !important;
    }

    .mr-sm-2,
    .mx-sm-2 {
        margin-right: 1rem !important;
    }

    .mb-sm-2,
    .my-sm-2 {
        margin-bottom: 1rem !important;
    }

    .ml-sm-2,
    .mx-sm-2 {
        margin-left: 1rem !important;
    }

    .m-sm-3 {
        margin: 1.5rem !important;
    }

    .mt-sm-3,
    .my-sm-3 {
        margin-top: 1.5rem !important;
    }

    .mr-sm-3,
    .mx-sm-3 {
        margin-right: 1.5rem !important;
    }

    .mb-sm-3,
    .my-sm-3 {
        margin-bottom: 1.5rem !important;
    }

    .ml-sm-3,
    .mx-sm-3 {
        margin-left: 1.5rem !important;
    }

    .m-sm-4 {
        margin: 2rem !important;
    }

    .mt-sm-4,
    .my-sm-4 {
        margin-top: 2rem !important;
    }

    .mr-sm-4,
    .mx-sm-4 {
        margin-right: 2rem !important;
    }

    .mb-sm-4,
    .my-sm-4 {
        margin-bottom: 2rem !important;
    }

    .ml-sm-4,
    .mx-sm-4 {
        margin-left: 2rem !important;
    }

    .m-sm-5 {
        margin: 2.5rem !important;
    }

    .mt-sm-5,
    .my-sm-5 {
        margin-top: 2.5rem !important;
    }

    .mr-sm-5,
    .mx-sm-5 {
        margin-right: 2.5rem !important;
    }

    .mb-sm-5,
    .my-sm-5 {
        margin-bottom: 2.5rem !important;
    }

    .ml-sm-5,
    .mx-sm-5 {
        margin-left: 2.5rem !important;
    }

    .m-sm-6 {
        margin: 3rem !important;
    }

    .mt-sm-6,
    .my-sm-6 {
        margin-top: 3rem !important;
    }

    .mr-sm-6,
    .mx-sm-6 {
        margin-right: 3rem !important;
    }

    .mb-sm-6,
    .my-sm-6 {
        margin-bottom: 3rem !important;
    }

    .ml-sm-6,
    .mx-sm-6 {
        margin-left: 3rem !important;
    }

    .m-sm-7 {
        margin: 3.5rem !important;
    }

    .mt-sm-7,
    .my-sm-7 {
        margin-top: 3.5rem !important;
    }

    .mr-sm-7,
    .mx-sm-7 {
        margin-right: 3.5rem !important;
    }

    .mb-sm-7,
    .my-sm-7 {
        margin-bottom: 3.5rem !important;
    }

    .ml-sm-7,
    .mx-sm-7 {
        margin-left: 3.5rem !important;
    }

    .p-sm--2 {
        padding: -1rem !important;
    }

    .pt-sm--2,
    .py-sm--2 {
        padding-top: -1rem !important;
    }

    .pr-sm--2,
    .px-sm--2 {
        padding-right: -1rem !important;
    }

    .pb-sm--2,
    .py-sm--2 {
        padding-bottom: -1rem !important;
    }

    .pl-sm--2,
    .px-sm--2 {
        padding-left: -1rem !important;
    }

    .p-sm--1 {
        padding: -0.5rem !important;
    }

    .pt-sm--1,
    .py-sm--1 {
        padding-top: -0.5rem !important;
    }

    .pr-sm--1,
    .px-sm--1 {
        padding-right: -0.5rem !important;
    }

    .pb-sm--1,
    .py-sm--1 {
        padding-bottom: -0.5rem !important;
    }

    .pl-sm--1,
    .px-sm--1 {
        padding-left: -0.5rem !important;
    }

    .p-sm-0 {
        padding: 0 !important;
    }

    .pt-sm-0,
    .py-sm-0 {
        padding-top: 0 !important;
    }

    .pr-sm-0,
    .px-sm-0 {
        padding-right: 0 !important;
    }

    .pb-sm-0,
    .py-sm-0 {
        padding-bottom: 0 !important;
    }

    .pl-sm-0,
    .px-sm-0 {
        padding-left: 0 !important;
    }

    .p-sm-1 {
        padding: 0.5rem !important;
    }

    .pt-sm-1,
    .py-sm-1 {
        padding-top: 0.5rem !important;
    }

    .pr-sm-1,
    .px-sm-1 {
        padding-right: 0.5rem !important;
    }

    .pb-sm-1,
    .py-sm-1 {
        padding-bottom: 0.5rem !important;
    }

    .pl-sm-1,
    .px-sm-1 {
        padding-left: 0.5rem !important;
    }

    .p-sm-2 {
        padding: 1rem !important;
    }

    .pt-sm-2,
    .py-sm-2 {
        padding-top: 1rem !important;
    }

    .pr-sm-2,
    .px-sm-2 {
        padding-right: 1rem !important;
    }

    .pb-sm-2,
    .py-sm-2 {
        padding-bottom: 1rem !important;
    }

    .pl-sm-2,
    .px-sm-2 {
        padding-left: 1rem !important;
    }

    .p-sm-3 {
        padding: 1.5rem !important;
    }

    .pt-sm-3,
    .py-sm-3 {
        padding-top: 1.5rem !important;
    }

    .pr-sm-3,
    .px-sm-3 {
        padding-right: 1.5rem !important;
    }

    .pb-sm-3,
    .py-sm-3 {
        padding-bottom: 1.5rem !important;
    }

    .pl-sm-3,
    .px-sm-3 {
        padding-left: 1.5rem !important;
    }

    .p-sm-4 {
        padding: 2rem !important;
    }

    .pt-sm-4,
    .py-sm-4 {
        padding-top: 2rem !important;
    }

    .pr-sm-4,
    .px-sm-4 {
        padding-right: 2rem !important;
    }

    .pb-sm-4,
    .py-sm-4 {
        padding-bottom: 2rem !important;
    }

    .pl-sm-4,
    .px-sm-4 {
        padding-left: 2rem !important;
    }

    .p-sm-5 {
        padding: 2.5rem !important;
    }

    .pt-sm-5,
    .py-sm-5 {
        padding-top: 2.5rem !important;
    }

    .pr-sm-5,
    .px-sm-5 {
        padding-right: 2.5rem !important;
    }

    .pb-sm-5,
    .py-sm-5 {
        padding-bottom: 2.5rem !important;
    }

    .pl-sm-5,
    .px-sm-5 {
        padding-left: 2.5rem !important;
    }

    .p-sm-6 {
        padding: 3rem !important;
    }

    .pt-sm-6,
    .py-sm-6 {
        padding-top: 3rem !important;
    }

    .pr-sm-6,
    .px-sm-6 {
        padding-right: 3rem !important;
    }

    .pb-sm-6,
    .py-sm-6 {
        padding-bottom: 3rem !important;
    }

    .pl-sm-6,
    .px-sm-6 {
        padding-left: 3rem !important;
    }

    .p-sm-7 {
        padding: 3.5rem !important;
    }

    .pt-sm-7,
    .py-sm-7 {
        padding-top: 3.5rem !important;
    }

    .pr-sm-7,
    .px-sm-7 {
        padding-right: 3.5rem !important;
    }

    .pb-sm-7,
    .py-sm-7 {
        padding-bottom: 3.5rem !important;
    }

    .pl-sm-7,
    .px-sm-7 {
        padding-left: 3.5rem !important;
    }

    .m-sm-auto {
        margin: auto !important;
    }

    .mt-sm-auto,
    .my-sm-auto {
        margin-top: auto !important;
    }

    .mr-sm-auto,
    .mx-sm-auto {
        margin-right: auto !important;
    }

    .mb-sm-auto,
    .my-sm-auto {
        margin-bottom: auto !important;
    }

    .ml-sm-auto,
    .mx-sm-auto {
        margin-left: auto !important;
    }
}

@media (min-width: 768px) {
    .m-md--2 {
        margin: -1rem !important;
    }

    .mt-md--2,
    .my-md--2 {
        margin-top: -1rem !important;
    }

    .mr-md--2,
    .mx-md--2 {
        margin-right: -1rem !important;
    }

    .mb-md--2,
    .my-md--2 {
        margin-bottom: -1rem !important;
    }

    .ml-md--2,
    .mx-md--2 {
        margin-left: -1rem !important;
    }

    .m-md--1 {
        margin: -0.5rem !important;
    }

    .mt-md--1,
    .my-md--1 {
        margin-top: -0.5rem !important;
    }

    .mr-md--1,
    .mx-md--1 {
        margin-right: -0.5rem !important;
    }

    .mb-md--1,
    .my-md--1 {
        margin-bottom: -0.5rem !important;
    }

    .ml-md--1,
    .mx-md--1 {
        margin-left: -0.5rem !important;
    }

    .m-md-0 {
        margin: 0 !important;
    }

    .mt-md-0,
    .my-md-0 {
        margin-top: 0 !important;
    }

    .mr-md-0,
    .mx-md-0 {
        margin-right: 0 !important;
    }

    .mb-md-0,
    .my-md-0 {
        margin-bottom: 0 !important;
    }

    .ml-md-0,
    .mx-md-0 {
        margin-left: 0 !important;
    }

    .m-md-1 {
        margin: 0.5rem !important;
    }

    .mt-md-1,
    .my-md-1 {
        margin-top: 0.5rem !important;
    }

    .mr-md-1,
    .mx-md-1 {
        margin-right: 0.5rem !important;
    }

    .mb-md-1,
    .my-md-1 {
        margin-bottom: 0.5rem !important;
    }

    .ml-md-1,
    .mx-md-1 {
        margin-left: 0.5rem !important;
    }

    .m-md-2 {
        margin: 1rem !important;
    }

    .mt-md-2,
    .my-md-2 {
        margin-top: 1rem !important;
    }

    .mr-md-2,
    .mx-md-2 {
        margin-right: 1rem !important;
    }

    .mb-md-2,
    .my-md-2 {
        margin-bottom: 1rem !important;
    }

    .ml-md-2,
    .mx-md-2 {
        margin-left: 1rem !important;
    }

    .m-md-3 {
        margin: 1.5rem !important;
    }

    .mt-md-3,
    .my-md-3 {
        margin-top: 1.5rem !important;
    }

    .mr-md-3,
    .mx-md-3 {
        margin-right: 1.5rem !important;
    }

    .mb-md-3,
    .my-md-3 {
        margin-bottom: 1.5rem !important;
    }

    .ml-md-3,
    .mx-md-3 {
        margin-left: 1.5rem !important;
    }

    .m-md-4 {
        margin: 2rem !important;
    }

    .mt-md-4,
    .my-md-4 {
        margin-top: 2rem !important;
    }

    .mr-md-4,
    .mx-md-4 {
        margin-right: 2rem !important;
    }

    .mb-md-4,
    .my-md-4 {
        margin-bottom: 2rem !important;
    }

    .ml-md-4,
    .mx-md-4 {
        margin-left: 2rem !important;
    }

    .m-md-5 {
        margin: 2.5rem !important;
    }

    .mt-md-5,
    .my-md-5 {
        margin-top: 2.5rem !important;
    }

    .mr-md-5,
    .mx-md-5 {
        margin-right: 2.5rem !important;
    }

    .mb-md-5,
    .my-md-5 {
        margin-bottom: 2.5rem !important;
    }

    .ml-md-5,
    .mx-md-5 {
        margin-left: 2.5rem !important;
    }

    .m-md-6 {
        margin: 3rem !important;
    }

    .mt-md-6,
    .my-md-6 {
        margin-top: 3rem !important;
    }

    .mr-md-6,
    .mx-md-6 {
        margin-right: 3rem !important;
    }

    .mb-md-6,
    .my-md-6 {
        margin-bottom: 3rem !important;
    }

    .ml-md-6,
    .mx-md-6 {
        margin-left: 3rem !important;
    }

    .m-md-7 {
        margin: 3.5rem !important;
    }

    .mt-md-7,
    .my-md-7 {
        margin-top: 3.5rem !important;
    }

    .mr-md-7,
    .mx-md-7 {
        margin-right: 3.5rem !important;
    }

    .mb-md-7,
    .my-md-7 {
        margin-bottom: 3.5rem !important;
    }

    .ml-md-7,
    .mx-md-7 {
        margin-left: 3.5rem !important;
    }

    .p-md--2 {
        padding: -1rem !important;
    }

    .pt-md--2,
    .py-md--2 {
        padding-top: -1rem !important;
    }

    .pr-md--2,
    .px-md--2 {
        padding-right: -1rem !important;
    }

    .pb-md--2,
    .py-md--2 {
        padding-bottom: -1rem !important;
    }

    .pl-md--2,
    .px-md--2 {
        padding-left: -1rem !important;
    }

    .p-md--1 {
        padding: -0.5rem !important;
    }

    .pt-md--1,
    .py-md--1 {
        padding-top: -0.5rem !important;
    }

    .pr-md--1,
    .px-md--1 {
        padding-right: -0.5rem !important;
    }

    .pb-md--1,
    .py-md--1 {
        padding-bottom: -0.5rem !important;
    }

    .pl-md--1,
    .px-md--1 {
        padding-left: -0.5rem !important;
    }

    .p-md-0 {
        padding: 0 !important;
    }

    .pt-md-0,
    .py-md-0 {
        padding-top: 0 !important;
    }

    .pr-md-0,
    .px-md-0 {
        padding-right: 0 !important;
    }

    .pb-md-0,
    .py-md-0 {
        padding-bottom: 0 !important;
    }

    .pl-md-0,
    .px-md-0 {
        padding-left: 0 !important;
    }

    .p-md-1 {
        padding: 0.5rem !important;
    }

    .pt-md-1,
    .py-md-1 {
        padding-top: 0.5rem !important;
    }

    .pr-md-1,
    .px-md-1 {
        padding-right: 0.5rem !important;
    }

    .pb-md-1,
    .py-md-1 {
        padding-bottom: 0.5rem !important;
    }

    .pl-md-1,
    .px-md-1 {
        padding-left: 0.5rem !important;
    }

    .p-md-2 {
        padding: 1rem !important;
    }

    .pt-md-2,
    .py-md-2 {
        padding-top: 1rem !important;
    }

    .pr-md-2,
    .px-md-2 {
        padding-right: 1rem !important;
    }

    .pb-md-2,
    .py-md-2 {
        padding-bottom: 1rem !important;
    }

    .pl-md-2,
    .px-md-2 {
        padding-left: 1rem !important;
    }

    .p-md-3 {
        padding: 1.5rem !important;
    }

    .pt-md-3,
    .py-md-3 {
        padding-top: 1.5rem !important;
    }

    .pr-md-3,
    .px-md-3 {
        padding-right: 1.5rem !important;
    }

    .pb-md-3,
    .py-md-3 {
        padding-bottom: 1.5rem !important;
    }

    .pl-md-3,
    .px-md-3 {
        padding-left: 1.5rem !important;
    }

    .p-md-4 {
        padding: 2rem !important;
    }

    .pt-md-4,
    .py-md-4 {
        padding-top: 2rem !important;
    }

    .pr-md-4,
    .px-md-4 {
        padding-right: 2rem !important;
    }

    .pb-md-4,
    .py-md-4 {
        padding-bottom: 2rem !important;
    }

    .pl-md-4,
    .px-md-4 {
        padding-left: 2rem !important;
    }

    .p-md-5 {
        padding: 2.5rem !important;
    }

    .pt-md-5,
    .py-md-5 {
        padding-top: 2.5rem !important;
    }

    .pr-md-5,
    .px-md-5 {
        padding-right: 2.5rem !important;
    }

    .pb-md-5,
    .py-md-5 {
        padding-bottom: 2.5rem !important;
    }

    .pl-md-5,
    .px-md-5 {
        padding-left: 2.5rem !important;
    }

    .p-md-6 {
        padding: 3rem !important;
    }

    .pt-md-6,
    .py-md-6 {
        padding-top: 3rem !important;
    }

    .pr-md-6,
    .px-md-6 {
        padding-right: 3rem !important;
    }

    .pb-md-6,
    .py-md-6 {
        padding-bottom: 3rem !important;
    }

    .pl-md-6,
    .px-md-6 {
        padding-left: 3rem !important;
    }

    .p-md-7 {
        padding: 3.5rem !important;
    }

    .pt-md-7,
    .py-md-7 {
        padding-top: 3.5rem !important;
    }

    .pr-md-7,
    .px-md-7 {
        padding-right: 3.5rem !important;
    }

    .pb-md-7,
    .py-md-7 {
        padding-bottom: 3.5rem !important;
    }

    .pl-md-7,
    .px-md-7 {
        padding-left: 3.5rem !important;
    }

    .m-md-auto {
        margin: auto !important;
    }

    .mt-md-auto,
    .my-md-auto {
        margin-top: auto !important;
    }

    .mr-md-auto,
    .mx-md-auto {
        margin-right: auto !important;
    }

    .mb-md-auto,
    .my-md-auto {
        margin-bottom: auto !important;
    }

    .ml-md-auto,
    .mx-md-auto {
        margin-left: auto !important;
    }
}

@media (min-width: 992px) {
    .m-lg--2 {
        margin: -1rem !important;
    }

    .mt-lg--2,
    .my-lg--2 {
        margin-top: -1rem !important;
    }

    .mr-lg--2,
    .mx-lg--2 {
        margin-right: -1rem !important;
    }

    .mb-lg--2,
    .my-lg--2 {
        margin-bottom: -1rem !important;
    }

    .ml-lg--2,
    .mx-lg--2 {
        margin-left: -1rem !important;
    }

    .m-lg--1 {
        margin: -0.5rem !important;
    }

    .mt-lg--1,
    .my-lg--1 {
        margin-top: -0.5rem !important;
    }

    .mr-lg--1,
    .mx-lg--1 {
        margin-right: -0.5rem !important;
    }

    .mb-lg--1,
    .my-lg--1 {
        margin-bottom: -0.5rem !important;
    }

    .ml-lg--1,
    .mx-lg--1 {
        margin-left: -0.5rem !important;
    }

    .m-lg-0 {
        margin: 0 !important;
    }

    .mt-lg-0,
    .my-lg-0 {
        margin-top: 0 !important;
    }

    .mr-lg-0,
    .mx-lg-0 {
        margin-right: 0 !important;
    }

    .mb-lg-0,
    .my-lg-0 {
        margin-bottom: 0 !important;
    }

    .ml-lg-0,
    .mx-lg-0 {
        margin-left: 0 !important;
    }

    .m-lg-1 {
        margin: 0.5rem !important;
    }

    .mt-lg-1,
    .my-lg-1 {
        margin-top: 0.5rem !important;
    }

    .mr-lg-1,
    .mx-lg-1 {
        margin-right: 0.5rem !important;
    }

    .mb-lg-1,
    .my-lg-1 {
        margin-bottom: 0.5rem !important;
    }

    .ml-lg-1,
    .mx-lg-1 {
        margin-left: 0.5rem !important;
    }

    .m-lg-2 {
        margin: 1rem !important;
    }

    .mt-lg-2,
    .my-lg-2 {
        margin-top: 1rem !important;
    }

    .mr-lg-2,
    .mx-lg-2 {
        margin-right: 1rem !important;
    }

    .mb-lg-2,
    .my-lg-2 {
        margin-bottom: 1rem !important;
    }

    .ml-lg-2,
    .mx-lg-2 {
        margin-left: 1rem !important;
    }

    .m-lg-3 {
        margin: 1.5rem !important;
    }

    .mt-lg-3,
    .my-lg-3 {
        margin-top: 1.5rem !important;
    }

    .mr-lg-3,
    .mx-lg-3 {
        margin-right: 1.5rem !important;
    }

    .mb-lg-3,
    .my-lg-3 {
        margin-bottom: 1.5rem !important;
    }

    .ml-lg-3,
    .mx-lg-3 {
        margin-left: 1.5rem !important;
    }

    .m-lg-4 {
        margin: 2rem !important;
    }

    .mt-lg-4,
    .my-lg-4 {
        margin-top: 2rem !important;
    }

    .mr-lg-4,
    .mx-lg-4 {
        margin-right: 2rem !important;
    }

    .mb-lg-4,
    .my-lg-4 {
        margin-bottom: 2rem !important;
    }

    .ml-lg-4,
    .mx-lg-4 {
        margin-left: 2rem !important;
    }

    .m-lg-5 {
        margin: 2.5rem !important;
    }

    .mt-lg-5,
    .my-lg-5 {
        margin-top: 2.5rem !important;
    }

    .mr-lg-5,
    .mx-lg-5 {
        margin-right: 2.5rem !important;
    }

    .mb-lg-5,
    .my-lg-5 {
        margin-bottom: 2.5rem !important;
    }

    .ml-lg-5,
    .mx-lg-5 {
        margin-left: 2.5rem !important;
    }

    .m-lg-6 {
        margin: 3rem !important;
    }

    .mt-lg-6,
    .my-lg-6 {
        margin-top: 3rem !important;
    }

    .mr-lg-6,
    .mx-lg-6 {
        margin-right: 3rem !important;
    }

    .mb-lg-6,
    .my-lg-6 {
        margin-bottom: 3rem !important;
    }

    .ml-lg-6,
    .mx-lg-6 {
        margin-left: 3rem !important;
    }

    .m-lg-7 {
        margin: 3.5rem !important;
    }

    .mt-lg-7,
    .my-lg-7 {
        margin-top: 3.5rem !important;
    }

    .mr-lg-7,
    .mx-lg-7 {
        margin-right: 3.5rem !important;
    }

    .mb-lg-7,
    .my-lg-7 {
        margin-bottom: 3.5rem !important;
    }

    .ml-lg-7,
    .mx-lg-7 {
        margin-left: 3.5rem !important;
    }

    .p-lg--2 {
        padding: -1rem !important;
    }

    .pt-lg--2,
    .py-lg--2 {
        padding-top: -1rem !important;
    }

    .pr-lg--2,
    .px-lg--2 {
        padding-right: -1rem !important;
    }

    .pb-lg--2,
    .py-lg--2 {
        padding-bottom: -1rem !important;
    }

    .pl-lg--2,
    .px-lg--2 {
        padding-left: -1rem !important;
    }

    .p-lg--1 {
        padding: -0.5rem !important;
    }

    .pt-lg--1,
    .py-lg--1 {
        padding-top: -0.5rem !important;
    }

    .pr-lg--1,
    .px-lg--1 {
        padding-right: -0.5rem !important;
    }

    .pb-lg--1,
    .py-lg--1 {
        padding-bottom: -0.5rem !important;
    }

    .pl-lg--1,
    .px-lg--1 {
        padding-left: -0.5rem !important;
    }

    .p-lg-0 {
        padding: 0 !important;
    }

    .pt-lg-0,
    .py-lg-0 {
        padding-top: 0 !important;
    }

    .pr-lg-0,
    .px-lg-0 {
        padding-right: 0 !important;
    }

    .pb-lg-0,
    .py-lg-0 {
        padding-bottom: 0 !important;
    }

    .pl-lg-0,
    .px-lg-0 {
        padding-left: 0 !important;
    }

    .p-lg-1 {
        padding: 0.5rem !important;
    }

    .pt-lg-1,
    .py-lg-1 {
        padding-top: 0.5rem !important;
    }

    .pr-lg-1,
    .px-lg-1 {
        padding-right: 0.5rem !important;
    }

    .pb-lg-1,
    .py-lg-1 {
        padding-bottom: 0.5rem !important;
    }

    .pl-lg-1,
    .px-lg-1 {
        padding-left: 0.5rem !important;
    }

    .p-lg-2 {
        padding: 1rem !important;
    }

    .pt-lg-2,
    .py-lg-2 {
        padding-top: 1rem !important;
    }

    .pr-lg-2,
    .px-lg-2 {
        padding-right: 1rem !important;
    }

    .pb-lg-2,
    .py-lg-2 {
        padding-bottom: 1rem !important;
    }

    .pl-lg-2,
    .px-lg-2 {
        padding-left: 1rem !important;
    }

    .p-lg-3 {
        padding: 1.5rem !important;
    }

    .pt-lg-3,
    .py-lg-3 {
        padding-top: 1.5rem !important;
    }

    .pr-lg-3,
    .px-lg-3 {
        padding-right: 1.5rem !important;
    }

    .pb-lg-3,
    .py-lg-3 {
        padding-bottom: 1.5rem !important;
    }

    .pl-lg-3,
    .px-lg-3 {
        padding-left: 1.5rem !important;
    }

    .p-lg-4 {
        padding: 2rem !important;
    }

    .pt-lg-4,
    .py-lg-4 {
        padding-top: 2rem !important;
    }

    .pr-lg-4,
    .px-lg-4 {
        padding-right: 2rem !important;
    }

    .pb-lg-4,
    .py-lg-4 {
        padding-bottom: 2rem !important;
    }

    .pl-lg-4,
    .px-lg-4 {
        padding-left: 2rem !important;
    }

    .p-lg-5 {
        padding: 2.5rem !important;
    }

    .pt-lg-5,
    .py-lg-5 {
        padding-top: 2.5rem !important;
    }

    .pr-lg-5,
    .px-lg-5 {
        padding-right: 2.5rem !important;
    }

    .pb-lg-5,
    .py-lg-5 {
        padding-bottom: 2.5rem !important;
    }

    .pl-lg-5,
    .px-lg-5 {
        padding-left: 2.5rem !important;
    }

    .p-lg-6 {
        padding: 3rem !important;
    }

    .pt-lg-6,
    .py-lg-6 {
        padding-top: 3rem !important;
    }

    .pr-lg-6,
    .px-lg-6 {
        padding-right: 3rem !important;
    }

    .pb-lg-6,
    .py-lg-6 {
        padding-bottom: 3rem !important;
    }

    .pl-lg-6,
    .px-lg-6 {
        padding-left: 3rem !important;
    }

    .p-lg-7 {
        padding: 3.5rem !important;
    }

    .pt-lg-7,
    .py-lg-7 {
        padding-top: 3.5rem !important;
    }

    .pr-lg-7,
    .px-lg-7 {
        padding-right: 3.5rem !important;
    }

    .pb-lg-7,
    .py-lg-7 {
        padding-bottom: 3.5rem !important;
    }

    .pl-lg-7,
    .px-lg-7 {
        padding-left: 3.5rem !important;
    }

    .m-lg-auto {
        margin: auto !important;
    }

    .mt-lg-auto,
    .my-lg-auto {
        margin-top: auto !important;
    }

    .mr-lg-auto,
    .mx-lg-auto {
        margin-right: auto !important;
    }

    .mb-lg-auto,
    .my-lg-auto {
        margin-bottom: auto !important;
    }

    .ml-lg-auto,
    .mx-lg-auto {
        margin-left: auto !important;
    }
}

@media (min-width: 1200px) {
    .m-xl--2 {
        margin: -1rem !important;
    }

    .mt-xl--2,
    .my-xl--2 {
        margin-top: -1rem !important;
    }

    .mr-xl--2,
    .mx-xl--2 {
        margin-right: -1rem !important;
    }

    .mb-xl--2,
    .my-xl--2 {
        margin-bottom: -1rem !important;
    }

    .ml-xl--2,
    .mx-xl--2 {
        margin-left: -1rem !important;
    }

    .m-xl--1 {
        margin: -0.5rem !important;
    }

    .mt-xl--1,
    .my-xl--1 {
        margin-top: -0.5rem !important;
    }

    .mr-xl--1,
    .mx-xl--1 {
        margin-right: -0.5rem !important;
    }

    .mb-xl--1,
    .my-xl--1 {
        margin-bottom: -0.5rem !important;
    }

    .ml-xl--1,
    .mx-xl--1 {
        margin-left: -0.5rem !important;
    }

    .m-xl-0 {
        margin: 0 !important;
    }

    .mt-xl-0,
    .my-xl-0 {
        margin-top: 0 !important;
    }

    .mr-xl-0,
    .mx-xl-0 {
        margin-right: 0 !important;
    }

    .mb-xl-0,
    .my-xl-0 {
        margin-bottom: 0 !important;
    }

    .ml-xl-0,
    .mx-xl-0 {
        margin-left: 0 !important;
    }

    .m-xl-1 {
        margin: 0.5rem !important;
    }

    .mt-xl-1,
    .my-xl-1 {
        margin-top: 0.5rem !important;
    }

    .mr-xl-1,
    .mx-xl-1 {
        margin-right: 0.5rem !important;
    }

    .mb-xl-1,
    .my-xl-1 {
        margin-bottom: 0.5rem !important;
    }

    .ml-xl-1,
    .mx-xl-1 {
        margin-left: 0.5rem !important;
    }

    .m-xl-2 {
        margin: 1rem !important;
    }

    .mt-xl-2,
    .my-xl-2 {
        margin-top: 1rem !important;
    }

    .mr-xl-2,
    .mx-xl-2 {
        margin-right: 1rem !important;
    }

    .mb-xl-2,
    .my-xl-2 {
        margin-bottom: 1rem !important;
    }

    .ml-xl-2,
    .mx-xl-2 {
        margin-left: 1rem !important;
    }

    .m-xl-3 {
        margin: 1.5rem !important;
    }

    .mt-xl-3,
    .my-xl-3 {
        margin-top: 1.5rem !important;
    }

    .mr-xl-3,
    .mx-xl-3 {
        margin-right: 1.5rem !important;
    }

    .mb-xl-3,
    .my-xl-3 {
        margin-bottom: 1.5rem !important;
    }

    .ml-xl-3,
    .mx-xl-3 {
        margin-left: 1.5rem !important;
    }

    .m-xl-4 {
        margin: 2rem !important;
    }

    .mt-xl-4,
    .my-xl-4 {
        margin-top: 2rem !important;
    }

    .mr-xl-4,
    .mx-xl-4 {
        margin-right: 2rem !important;
    }

    .mb-xl-4,
    .my-xl-4 {
        margin-bottom: 2rem !important;
    }

    .ml-xl-4,
    .mx-xl-4 {
        margin-left: 2rem !important;
    }

    .m-xl-5 {
        margin: 2.5rem !important;
    }

    .mt-xl-5,
    .my-xl-5 {
        margin-top: 2.5rem !important;
    }

    .mr-xl-5,
    .mx-xl-5 {
        margin-right: 2.5rem !important;
    }

    .mb-xl-5,
    .my-xl-5 {
        margin-bottom: 2.5rem !important;
    }

    .ml-xl-5,
    .mx-xl-5 {
        margin-left: 2.5rem !important;
    }

    .m-xl-6 {
        margin: 3rem !important;
    }

    .mt-xl-6,
    .my-xl-6 {
        margin-top: 3rem !important;
    }

    .mr-xl-6,
    .mx-xl-6 {
        margin-right: 3rem !important;
    }

    .mb-xl-6,
    .my-xl-6 {
        margin-bottom: 3rem !important;
    }

    .ml-xl-6,
    .mx-xl-6 {
        margin-left: 3rem !important;
    }

    .m-xl-7 {
        margin: 3.5rem !important;
    }

    .mt-xl-7,
    .my-xl-7 {
        margin-top: 3.5rem !important;
    }

    .mr-xl-7,
    .mx-xl-7 {
        margin-right: 3.5rem !important;
    }

    .mb-xl-7,
    .my-xl-7 {
        margin-bottom: 3.5rem !important;
    }

    .ml-xl-7,
    .mx-xl-7 {
        margin-left: 3.5rem !important;
    }

    .p-xl--2 {
        padding: -1rem !important;
    }

    .pt-xl--2,
    .py-xl--2 {
        padding-top: -1rem !important;
    }

    .pr-xl--2,
    .px-xl--2 {
        padding-right: -1rem !important;
    }

    .pb-xl--2,
    .py-xl--2 {
        padding-bottom: -1rem !important;
    }

    .pl-xl--2,
    .px-xl--2 {
        padding-left: -1rem !important;
    }

    .p-xl--1 {
        padding: -0.5rem !important;
    }

    .pt-xl--1,
    .py-xl--1 {
        padding-top: -0.5rem !important;
    }

    .pr-xl--1,
    .px-xl--1 {
        padding-right: -0.5rem !important;
    }

    .pb-xl--1,
    .py-xl--1 {
        padding-bottom: -0.5rem !important;
    }

    .pl-xl--1,
    .px-xl--1 {
        padding-left: -0.5rem !important;
    }

    .p-xl-0 {
        padding: 0 !important;
    }

    .pt-xl-0,
    .py-xl-0 {
        padding-top: 0 !important;
    }

    .pr-xl-0,
    .px-xl-0 {
        padding-right: 0 !important;
    }

    .pb-xl-0,
    .py-xl-0 {
        padding-bottom: 0 !important;
    }

    .pl-xl-0,
    .px-xl-0 {
        padding-left: 0 !important;
    }

    .p-xl-1 {
        padding: 0.5rem !important;
    }

    .pt-xl-1,
    .py-xl-1 {
        padding-top: 0.5rem !important;
    }

    .pr-xl-1,
    .px-xl-1 {
        padding-right: 0.5rem !important;
    }

    .pb-xl-1,
    .py-xl-1 {
        padding-bottom: 0.5rem !important;
    }

    .pl-xl-1,
    .px-xl-1 {
        padding-left: 0.5rem !important;
    }

    .p-xl-2 {
        padding: 1rem !important;
    }

    .pt-xl-2,
    .py-xl-2 {
        padding-top: 1rem !important;
    }

    .pr-xl-2,
    .px-xl-2 {
        padding-right: 1rem !important;
    }

    .pb-xl-2,
    .py-xl-2 {
        padding-bottom: 1rem !important;
    }

    .pl-xl-2,
    .px-xl-2 {
        padding-left: 1rem !important;
    }

    .p-xl-3 {
        padding: 1.5rem !important;
    }

    .pt-xl-3,
    .py-xl-3 {
        padding-top: 1.5rem !important;
    }

    .pr-xl-3,
    .px-xl-3 {
        padding-right: 1.5rem !important;
    }

    .pb-xl-3,
    .py-xl-3 {
        padding-bottom: 1.5rem !important;
    }

    .pl-xl-3,
    .px-xl-3 {
        padding-left: 1.5rem !important;
    }

    .p-xl-4 {
        padding: 2rem !important;
    }

    .pt-xl-4,
    .py-xl-4 {
        padding-top: 2rem !important;
    }

    .pr-xl-4,
    .px-xl-4 {
        padding-right: 2rem !important;
    }

    .pb-xl-4,
    .py-xl-4 {
        padding-bottom: 2rem !important;
    }

    .pl-xl-4,
    .px-xl-4 {
        padding-left: 2rem !important;
    }

    .p-xl-5 {
        padding: 2.5rem !important;
    }

    .pt-xl-5,
    .py-xl-5 {
        padding-top: 2.5rem !important;
    }

    .pr-xl-5,
    .px-xl-5 {
        padding-right: 2.5rem !important;
    }

    .pb-xl-5,
    .py-xl-5 {
        padding-bottom: 2.5rem !important;
    }

    .pl-xl-5,
    .px-xl-5 {
        padding-left: 2.5rem !important;
    }

    .p-xl-6 {
        padding: 3rem !important;
    }

    .pt-xl-6,
    .py-xl-6 {
        padding-top: 3rem !important;
    }

    .pr-xl-6,
    .px-xl-6 {
        padding-right: 3rem !important;
    }

    .pb-xl-6,
    .py-xl-6 {
        padding-bottom: 3rem !important;
    }

    .pl-xl-6,
    .px-xl-6 {
        padding-left: 3rem !important;
    }

    .p-xl-7 {
        padding: 3.5rem !important;
    }

    .pt-xl-7,
    .py-xl-7 {
        padding-top: 3.5rem !important;
    }

    .pr-xl-7,
    .px-xl-7 {
        padding-right: 3.5rem !important;
    }

    .pb-xl-7,
    .py-xl-7 {
        padding-bottom: 3.5rem !important;
    }

    .pl-xl-7,
    .px-xl-7 {
        padding-left: 3.5rem !important;
    }

    .m-xl-auto {
        margin: auto !important;
    }

    .mt-xl-auto,
    .my-xl-auto {
        margin-top: auto !important;
    }

    .mr-xl-auto,
    .mx-xl-auto {
        margin-right: auto !important;
    }

    .mb-xl-auto,
    .my-xl-auto {
        margin-bottom: auto !important;
    }

    .ml-xl-auto,
    .mx-xl-auto {
        margin-left: auto !important;
    }
}

.text-justify {
    text-align: justify !important;
}

.text-nowrap {
    white-space: nowrap !important;
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.text-left {
    text-align: left !important;
}

.text-right {
    text-align: right !important;
}

.text-center {
    text-align: center !important;
}

@media (min-width: 576px) {
    .text-sm-left {
        text-align: left !important;
    }

    .text-sm-right {
        text-align: right !important;
    }

    .text-sm-center {
        text-align: center !important;
    }
}

@media (min-width: 768px) {
    .text-md-left {
        text-align: left !important;
    }

    .text-md-right {
        text-align: right !important;
    }

    .text-md-center {
        text-align: center !important;
    }
}

@media (min-width: 992px) {
    .text-lg-left {
        text-align: left !important;
    }

    .text-lg-right {
        text-align: right !important;
    }

    .text-lg-center {
        text-align: center !important;
    }
}

@media (min-width: 1200px) {
    .text-xl-left {
        text-align: left !important;
    }

    .text-xl-right {
        text-align: right !important;
    }

    .text-xl-center {
        text-align: center !important;
    }
}

.text-lowercase {
    text-transform: lowercase !important;
}

.text-uppercase {
    text-transform: uppercase !important;
}

.text-capitalize {
    text-transform: capitalize !important;
}

.font-weight-light {
    font-weight: 300 !important;
}

.font-weight-normal {
    font-weight: normal !important;
}

.font-weight-bold {
    font-weight: bold !important;
}

.font-italic {
    font-style: italic !important;
}

.text-white {
    color: #fff !important;
}

.text-success {
    color: #3e5190 !important;
}

a.text-success:focus, a.text-success:hover {
    color: #2f3d6c !important;
}

.text-primary {
    color: #4c8033 !important;
}

a.text-primary:focus, a.text-primary:hover {
    color: #365c24 !important;
}

.text-info {
    color: #3a8586 !important;
}

a.text-info:focus, a.text-info:hover {
    color: #2b6262 !important;
}

.text-warning {
    color: #a58825 !important;
}

a.text-warning:focus, a.text-warning:hover {
    color: #7b661c !important;
}

.text-danger {
    color: #a53012 !important;
}

a.text-danger:focus, a.text-danger:hover {
    color: #77230d !important;
}

.text-inverse {
    color: #585e61 !important;
}

a.text-inverse:focus, a.text-inverse:hover {
    color: #404446 !important;
}

.text-muted {
    color: #a9aeb1 !important;
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}

.visible {
    visibility: visible !important;
}

.invisible {
    visibility: hidden !important;
}

/*!
 * @version: 1.1.2
 * @name: elements
 *
 * @author: https://themeforest.net/user/flexlayers
 */
/*********************************/
/*********************************/
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    font-family: "Open Sans", "sans-serif";
    font-style: normal;
    font-weight: normal;
}

h1 {
    font-size: 2.57143rem;
    line-height: 3.14286rem;
}

h2 {
    font-size: 2.14286rem;
    line-height: 2.71429rem;
}

h3 {
    font-size: 1.71429rem;
    line-height: 2.28571rem;
}

h4 {
    font-size: 1.28571rem;
    line-height: 1.85714rem;
}

h5 {
    font-size: 1.14286rem;
    line-height: 1.71429rem;
}

h6 {
    font-size: 1rem;
    line-height: 1.57143;
}

a {
    transition: color .3s, background .3s;
}

    a.btn:active,
    a.btn:focus {
        color: #f4f9fc;
    }

        a.btn:active.btn-default, .wizard > .actions .disabled a.btn:active,
        .sp-container a.btn.sp-cancel:active, .world-map.mapael a.btn.zoomButton:active,
        a.btn:focus.btn-default,
        .wizard > .actions .disabled a.btn:focus,
        .sp-container a.btn.sp-cancel:focus,
        .world-map.mapael a.btn.zoomButton:focus {
            color: #585e61;
        }

.btn-icon {
    font-size: 1.14286rem;
    width: 100px;
    height: 100px;
    line-height: 100px;
    text-align: center;
    overflow: hidden;
    display: inline-block;
}

    .btn-icon i,
    .btn-icon img {
        width: 100%;
        height: 100%;
        line-height: inherit;
        display: inline-block;
    }

    .btn-icon[class*=bgc-] i:before,
    .btn-icon[class*=bgc-] img:before {
        transition: background-color .2s, color .2s;
        width: 100%;
        height: 100%;
        display: inline-block;
    }

    .btn-icon[class*=bgc-]:hover i:before,
    .btn-icon[class*=bgc-]:hover img:before {
        background-color: rgba(230, 239, 243, 0.09);
        color: white;
    }

    .btn-icon.br-circle i:before,
    .btn-icon.rounded-circle i:before,
    .btn-icon.br-circle img:before,
    .btn-icon.rounded-circle img:before {
        border-radius: 500rem;
    }

    .btn-icon.btn-icon-md {
        font-size: 1rem;
        width: 34px;
        height: 34px;
        line-height: 34px;
    }

    .btn-icon.btn-icon-sm {
        font-size: 0.85714rem;
        width: 28px;
        height: 28px;
        line-height: 28px;
    }

.slide-icon-x:hover .btn-icon i:before,
.slide-icon-x:hover .btn-icon img:before {
    -webkit-animation: toRightFromLeft .3s forwards;
    animation: toRightFromLeft .3s forwards;
}

.slide-icon-y:hover .btn-icon i:before,
.slide-icon-y:hover .btn-icon img:before {
    -webkit-animation: toBottomFromTop .3s forwards;
    animation: toBottomFromTop .3s forwards;
}

.btn-icon.slide-icon-x:hover i:before,
.btn-icon.slide-icon-x:hover img:before {
    -webkit-animation: toRightFromLeft .3s forwards;
    animation: toRightFromLeft .3s forwards;
}

.btn-icon.slide-icon-y:hover i:before,
.btn-icon.slide-icon-y:hover img:before {
    -webkit-animation: toBottomFromTop .3s forwards;
    animation: toBottomFromTop .3s forwards;
}

@-webkit-keyframes toRightFromLeft {
    49% {
        -webkit-transform: translate(100%);
        transform: translate(100%);
    }

    50% {
        opacity: 0;
        -webkit-transform: translate(-100%);
        transform: translate(-100%);
    }

    51% {
        opacity: 1;
    }
}

@keyframes toRightFromLeft {
    49% {
        -webkit-transform: translate(100%);
        transform: translate(100%);
    }

    50% {
        opacity: 0;
        -webkit-transform: translate(-100%);
        transform: translate(-100%);
    }

    51% {
        opacity: 1;
    }
}

@-webkit-keyframes toBottomFromTop {
    49% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }

    50% {
        opacity: 0;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }

    51% {
        opacity: 1;
    }
}

@keyframes toBottomFromTop {
    49% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }

    50% {
        opacity: 0;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }

    51% {
        opacity: 1;
    }
}

p {
    line-height: 25px;
}

.text-indent {
    text-indent: 4ch;
}

.fw-light {
    font-weight: lighter;
}

.fw-normal {
    font-weight: normal;
}

.fw-semibold {
    font-weight: 600;
}

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

.nowrap {
    white-space: nowrap;
}

.sortable-columns {
    min-height: 300px;
}

ul {
    padding: 0;
    margin: 0;
}

    ul.li-right li {
        float: right;
    }

    ul.li-left li {
        float: left;
    }

a.clear-style {
    text-decoration: none;
    color: inherit;
}

.icon-mr {
    margin-right: 1em;
}

.icon-ml {
    margin-left: 1em;
}

.icon-mr-ch {
    margin-right: 1ch;
}

.icon-ml-ch {
    margin-left: 1ch;
}

.icon-width {
    width: 1em;
    text-align: center;
    display: inline-block;
}

.fs-1 {
    font-size: 2.57143rem !important;
}

.fs-2 {
    font-size: 2.14286rem !important;
}

.fs-3 {
    font-size: 1.71429rem !important;
}

.fs-4-plus {
    font-size: 1.42857rem !important;
}

.fs-4 {
    font-size: 1.28571rem !important;
}

.fs-5 {
    font-size: 1.14286rem !important;
}

.fs-6 {
    font-size: 1rem !important;
}

.fs-6-plus {
    font-size: 0.92857rem !important;
}

.fs-7 {
    font-size: 0.85714rem !important;
}

.fs-8 {
    font-size: 0.71429rem !important;
}

.lh-0 {
    line-height: 1 !important;
}

.lh-1 {
    line-height: 3.42857 !important;
}

.lh-2 {
    line-height: 2.85714 !important;
}

.lh-3 {
    line-height: 2.42857 !important;
}

.lh-4 {
    line-height: 2.14286 !important;
}

.lh-5 {
    line-height: 1.71429 !important;
}

.lh-6 {
    line-height: 1.57143 !important;
}

.lh-7 {
    line-height: 1.14286 !important;
}

.lh-8 {
    line-height: 0.71429 !important;
}

.blockquote {
    padding: 0.89286rem 1.78571rem;
    margin-bottom: 1.78571rem;
    font-size: 1.14286rem;
    border-left: 0.286rem solid #dee4e8;
}

.blockquote-footer {
    display: block;
    font-size: 80%;
    color: #a9aeb1;
}

    .blockquote-footer::before {
        content: "\2014 \00A0";
    }

.blockquote-reverse {
    padding-right: 1.78571rem;
    padding-left: 0;
    text-align: right;
    border-right: 0.286rem solid #dee4e8;
    border-left: 0;
}

    .blockquote-reverse .blockquote-footer::before {
        content: "";
    }

    .blockquote-reverse .blockquote-footer::after {
        content: "\00A0 \2014";
    }

/*********************************/
/*********************************/
.d-hover {
    opacity: 0;
    transition: opacity .2s;
}

.d-hover-parent:hover .d-hover {
    opacity: 1;
}

.o-hidden {
    overflow: hidden !important;
}

.o-auto {
    overflow: auto !important;
}

.h-sm {
    height: 6rem;
}

.h-md {
    height: 8rem;
}

.h-lg {
    height: 11rem;
}

.mxw-50 {
    max-width: 50px;
}

.mxw-100 {
    max-width: 100px;
}

.mxw-150 {
    max-width: 150px;
}

.mxw-200 {
    max-width: 200px;
}

.mxw-300 {
    max-width: 300px;
}

.mxw-400 {
    max-width: 400px;
}

.mxw-500 {
    max-width: 500px;
}

.mxw-600 {
    max-width: 600px;
}

.clearfix:after {
    display: table;
}

.dynamic-color-row {
    display: table;
    width: 100%;
}

    .dynamic-color-row .dynamic-color-column {
        width: 14.28571%;
        display: table-cell;
    }

    .dynamic-color-row .dynamic-color {
        height: 120px;
        width: 100%;
        padding: 0 1rem;
        line-height: 3rem;
        font-weight: 600;
        font-size: 0.85714rem;
        display: block;
        box-sizing: border-box;
    }

.br-0 {
    border-radius: 0 !important;
}

.br-xs {
    border-radius: 3px !important;
}

.br-sm {
    border-radius: 5px !important;
}

.br-md {
    border-radius: 7px !important;
}

.br-lg {
    border-radius: 9px !important;
}

.br-xl {
    border-radius: 11px !important;
}

.br-circle {
    border-radius: 500rem !important;
}

.bw-0 {
    border-width: 0px !important;
    border-style: solid !important;
}

.bw-1 {
    border-width: 1px !important;
    border-style: solid !important;
}

.bw-2 {
    border-width: 2px !important;
    border-style: solid !important;
}

.bw-3 {
    border-width: 3px !important;
    border-style: solid !important;
}

.bw-4 {
    border-width: 4px !important;
    border-style: solid !important;
}

.bw-xs-0 {
    border-width: 0px !important;
    border-style: solid !important;
}

.bw-xs-1 {
    border-width: 1px !important;
    border-style: solid !important;
}

.bw-xs-2 {
    border-width: 2px !important;
    border-style: solid !important;
}

.bw-xs-3 {
    border-width: 3px !important;
    border-style: solid !important;
}

.bw-xs-4 {
    border-width: 4px !important;
    border-style: solid !important;
}

@media (min-width: 576px) {
    .bw-sm-0 {
        border-width: 0px !important;
        border-style: solid !important;
    }

    .bw-sm-1 {
        border-width: 1px !important;
        border-style: solid !important;
    }

    .bw-sm-2 {
        border-width: 2px !important;
        border-style: solid !important;
    }

    .bw-sm-3 {
        border-width: 3px !important;
        border-style: solid !important;
    }

    .bw-sm-4 {
        border-width: 4px !important;
        border-style: solid !important;
    }
}

@media (min-width: 768px) {
    .bw-md-0 {
        border-width: 0px !important;
        border-style: solid !important;
    }

    .bw-md-1 {
        border-width: 1px !important;
        border-style: solid !important;
    }

    .bw-md-2 {
        border-width: 2px !important;
        border-style: solid !important;
    }

    .bw-md-3 {
        border-width: 3px !important;
        border-style: solid !important;
    }

    .bw-md-4 {
        border-width: 4px !important;
        border-style: solid !important;
    }
}

@media (min-width: 992px) {
    .bw-lg-0 {
        border-width: 0px !important;
        border-style: solid !important;
    }

    .bw-lg-1 {
        border-width: 1px !important;
        border-style: solid !important;
    }

    .bw-lg-2 {
        border-width: 2px !important;
        border-style: solid !important;
    }

    .bw-lg-3 {
        border-width: 3px !important;
        border-style: solid !important;
    }

    .bw-lg-4 {
        border-width: 4px !important;
        border-style: solid !important;
    }
}

@media (min-width: 1200px) {
    .bw-xl-0 {
        border-width: 0px !important;
        border-style: solid !important;
    }

    .bw-xl-1 {
        border-width: 1px !important;
        border-style: solid !important;
    }

    .bw-xl-2 {
        border-width: 2px !important;
        border-style: solid !important;
    }

    .bw-xl-3 {
        border-width: 3px !important;
        border-style: solid !important;
    }

    .bw-xl-4 {
        border-width: 4px !important;
        border-style: solid !important;
    }
}

.btw-0 {
    border-top-width: 0px !important;
    border-top-style: solid !important;
}

.btw-1 {
    border-top-width: 1px !important;
    border-top-style: solid !important;
}

.btw-2 {
    border-top-width: 2px !important;
    border-top-style: solid !important;
}

.btw-3 {
    border-top-width: 3px !important;
    border-top-style: solid !important;
}

.btw-4 {
    border-top-width: 4px !important;
    border-top-style: solid !important;
}

.btw-xs-0 {
    border-top-width: 0px !important;
    border-top-style: solid !important;
}

.btw-xs-1 {
    border-top-width: 1px !important;
    border-top-style: solid !important;
}

.btw-xs-2 {
    border-top-width: 2px !important;
    border-top-style: solid !important;
}

.btw-xs-3 {
    border-top-width: 3px !important;
    border-top-style: solid !important;
}

.btw-xs-4 {
    border-top-width: 4px !important;
    border-top-style: solid !important;
}

@media (min-width: 576px) {
    .btw-sm-0 {
        border-top-width: 0px !important;
        border-top-style: solid !important;
    }

    .btw-sm-1 {
        border-top-width: 1px !important;
        border-top-style: solid !important;
    }

    .btw-sm-2 {
        border-top-width: 2px !important;
        border-top-style: solid !important;
    }

    .btw-sm-3 {
        border-top-width: 3px !important;
        border-top-style: solid !important;
    }

    .btw-sm-4 {
        border-top-width: 4px !important;
        border-top-style: solid !important;
    }
}

@media (min-width: 768px) {
    .btw-md-0 {
        border-top-width: 0px !important;
        border-top-style: solid !important;
    }

    .btw-md-1 {
        border-top-width: 1px !important;
        border-top-style: solid !important;
    }

    .btw-md-2 {
        border-top-width: 2px !important;
        border-top-style: solid !important;
    }

    .btw-md-3 {
        border-top-width: 3px !important;
        border-top-style: solid !important;
    }

    .btw-md-4 {
        border-top-width: 4px !important;
        border-top-style: solid !important;
    }
}

@media (min-width: 992px) {
    .btw-lg-0 {
        border-top-width: 0px !important;
        border-top-style: solid !important;
    }

    .btw-lg-1 {
        border-top-width: 1px !important;
        border-top-style: solid !important;
    }

    .btw-lg-2 {
        border-top-width: 2px !important;
        border-top-style: solid !important;
    }

    .btw-lg-3 {
        border-top-width: 3px !important;
        border-top-style: solid !important;
    }

    .btw-lg-4 {
        border-top-width: 4px !important;
        border-top-style: solid !important;
    }
}

@media (min-width: 1200px) {
    .btw-xl-0 {
        border-top-width: 0px !important;
        border-top-style: solid !important;
    }

    .btw-xl-1 {
        border-top-width: 1px !important;
        border-top-style: solid !important;
    }

    .btw-xl-2 {
        border-top-width: 2px !important;
        border-top-style: solid !important;
    }

    .btw-xl-3 {
        border-top-width: 3px !important;
        border-top-style: solid !important;
    }

    .btw-xl-4 {
        border-top-width: 4px !important;
        border-top-style: solid !important;
    }
}

.bbw-0 {
    border-bottom-width: 0px !important;
    border-bottom-style: solid !important;
}

.bbw-1 {
    border-bottom-width: 1px !important;
    border-bottom-style: solid !important;
}

.bbw-2 {
    border-bottom-width: 2px !important;
    border-bottom-style: solid !important;
}

.bbw-3 {
    border-bottom-width: 3px !important;
    border-bottom-style: solid !important;
}

.bbw-4 {
    border-bottom-width: 4px !important;
    border-bottom-style: solid !important;
}

.bbw-xs-0 {
    border-bottom-width: 0px !important;
    border-bottom-style: solid !important;
}

.bbw-xs-1 {
    border-bottom-width: 1px !important;
    border-bottom-style: solid !important;
}

.bbw-xs-2 {
    border-bottom-width: 2px !important;
    border-bottom-style: solid !important;
}

.bbw-xs-3 {
    border-bottom-width: 3px !important;
    border-bottom-style: solid !important;
}

.bbw-xs-4 {
    border-bottom-width: 4px !important;
    border-bottom-style: solid !important;
}

@media (min-width: 576px) {
    .bbw-sm-0 {
        border-bottom-width: 0px !important;
        border-bottom-style: solid !important;
    }

    .bbw-sm-1 {
        border-bottom-width: 1px !important;
        border-bottom-style: solid !important;
    }

    .bbw-sm-2 {
        border-bottom-width: 2px !important;
        border-bottom-style: solid !important;
    }

    .bbw-sm-3 {
        border-bottom-width: 3px !important;
        border-bottom-style: solid !important;
    }

    .bbw-sm-4 {
        border-bottom-width: 4px !important;
        border-bottom-style: solid !important;
    }
}

@media (min-width: 768px) {
    .bbw-md-0 {
        border-bottom-width: 0px !important;
        border-bottom-style: solid !important;
    }

    .bbw-md-1 {
        border-bottom-width: 1px !important;
        border-bottom-style: solid !important;
    }

    .bbw-md-2 {
        border-bottom-width: 2px !important;
        border-bottom-style: solid !important;
    }

    .bbw-md-3 {
        border-bottom-width: 3px !important;
        border-bottom-style: solid !important;
    }

    .bbw-md-4 {
        border-bottom-width: 4px !important;
        border-bottom-style: solid !important;
    }
}

@media (min-width: 992px) {
    .bbw-lg-0 {
        border-bottom-width: 0px !important;
        border-bottom-style: solid !important;
    }

    .bbw-lg-1 {
        border-bottom-width: 1px !important;
        border-bottom-style: solid !important;
    }

    .bbw-lg-2 {
        border-bottom-width: 2px !important;
        border-bottom-style: solid !important;
    }

    .bbw-lg-3 {
        border-bottom-width: 3px !important;
        border-bottom-style: solid !important;
    }

    .bbw-lg-4 {
        border-bottom-width: 4px !important;
        border-bottom-style: solid !important;
    }
}

@media (min-width: 1200px) {
    .bbw-xl-0 {
        border-bottom-width: 0px !important;
        border-bottom-style: solid !important;
    }

    .bbw-xl-1 {
        border-bottom-width: 1px !important;
        border-bottom-style: solid !important;
    }

    .bbw-xl-2 {
        border-bottom-width: 2px !important;
        border-bottom-style: solid !important;
    }

    .bbw-xl-3 {
        border-bottom-width: 3px !important;
        border-bottom-style: solid !important;
    }

    .bbw-xl-4 {
        border-bottom-width: 4px !important;
        border-bottom-style: solid !important;
    }
}

.blw-0 {
    border-left-width: 0px !important;
    border-left-style: solid !important;
}

.blw-1 {
    border-left-width: 1px !important;
    border-left-style: solid !important;
}

.blw-2 {
    border-left-width: 2px !important;
    border-left-style: solid !important;
}

.blw-3 {
    border-left-width: 3px !important;
    border-left-style: solid !important;
}

.blw-4 {
    border-left-width: 4px !important;
    border-left-style: solid !important;
}

.blw-xs-0 {
    border-left-width: 0px !important;
    border-left-style: solid !important;
}

.blw-xs-1 {
    border-left-width: 1px !important;
    border-left-style: solid !important;
}

.blw-xs-2 {
    border-left-width: 2px !important;
    border-left-style: solid !important;
}

.blw-xs-3 {
    border-left-width: 3px !important;
    border-left-style: solid !important;
}

.blw-xs-4 {
    border-left-width: 4px !important;
    border-left-style: solid !important;
}

@media (min-width: 576px) {
    .blw-sm-0 {
        border-left-width: 0px !important;
        border-left-style: solid !important;
    }

    .blw-sm-1 {
        border-left-width: 1px !important;
        border-left-style: solid !important;
    }

    .blw-sm-2 {
        border-left-width: 2px !important;
        border-left-style: solid !important;
    }

    .blw-sm-3 {
        border-left-width: 3px !important;
        border-left-style: solid !important;
    }

    .blw-sm-4 {
        border-left-width: 4px !important;
        border-left-style: solid !important;
    }
}

@media (min-width: 768px) {
    .blw-md-0 {
        border-left-width: 0px !important;
        border-left-style: solid !important;
    }

    .blw-md-1 {
        border-left-width: 1px !important;
        border-left-style: solid !important;
    }

    .blw-md-2 {
        border-left-width: 2px !important;
        border-left-style: solid !important;
    }

    .blw-md-3 {
        border-left-width: 3px !important;
        border-left-style: solid !important;
    }

    .blw-md-4 {
        border-left-width: 4px !important;
        border-left-style: solid !important;
    }
}

@media (min-width: 992px) {
    .blw-lg-0 {
        border-left-width: 0px !important;
        border-left-style: solid !important;
    }

    .blw-lg-1 {
        border-left-width: 1px !important;
        border-left-style: solid !important;
    }

    .blw-lg-2 {
        border-left-width: 2px !important;
        border-left-style: solid !important;
    }

    .blw-lg-3 {
        border-left-width: 3px !important;
        border-left-style: solid !important;
    }

    .blw-lg-4 {
        border-left-width: 4px !important;
        border-left-style: solid !important;
    }
}

@media (min-width: 1200px) {
    .blw-xl-0 {
        border-left-width: 0px !important;
        border-left-style: solid !important;
    }

    .blw-xl-1 {
        border-left-width: 1px !important;
        border-left-style: solid !important;
    }

    .blw-xl-2 {
        border-left-width: 2px !important;
        border-left-style: solid !important;
    }

    .blw-xl-3 {
        border-left-width: 3px !important;
        border-left-style: solid !important;
    }

    .blw-xl-4 {
        border-left-width: 4px !important;
        border-left-style: solid !important;
    }
}

.brw-0 {
    border-right-width: 0px !important;
    border-right-style: solid !important;
}

.brw-1 {
    border-right-width: 1px !important;
    border-right-style: solid !important;
}

.brw-2 {
    border-right-width: 2px !important;
    border-right-style: solid !important;
}

.brw-3 {
    border-right-width: 3px !important;
    border-right-style: solid !important;
}

.brw-4 {
    border-right-width: 4px !important;
    border-right-style: solid !important;
}

.brw-xs-0 {
    border-right-width: 0px !important;
    border-right-style: solid !important;
}

.brw-xs-1 {
    border-right-width: 1px !important;
    border-right-style: solid !important;
}

.brw-xs-2 {
    border-right-width: 2px !important;
    border-right-style: solid !important;
}

.brw-xs-3 {
    border-right-width: 3px !important;
    border-right-style: solid !important;
}

.brw-xs-4 {
    border-right-width: 4px !important;
    border-right-style: solid !important;
}

@media (min-width: 576px) {
    .brw-sm-0 {
        border-right-width: 0px !important;
        border-right-style: solid !important;
    }

    .brw-sm-1 {
        border-right-width: 1px !important;
        border-right-style: solid !important;
    }

    .brw-sm-2 {
        border-right-width: 2px !important;
        border-right-style: solid !important;
    }

    .brw-sm-3 {
        border-right-width: 3px !important;
        border-right-style: solid !important;
    }

    .brw-sm-4 {
        border-right-width: 4px !important;
        border-right-style: solid !important;
    }
}

@media (min-width: 768px) {
    .brw-md-0 {
        border-right-width: 0px !important;
        border-right-style: solid !important;
    }

    .brw-md-1 {
        border-right-width: 1px !important;
        border-right-style: solid !important;
    }

    .brw-md-2 {
        border-right-width: 2px !important;
        border-right-style: solid !important;
    }

    .brw-md-3 {
        border-right-width: 3px !important;
        border-right-style: solid !important;
    }

    .brw-md-4 {
        border-right-width: 4px !important;
        border-right-style: solid !important;
    }
}

@media (min-width: 992px) {
    .brw-lg-0 {
        border-right-width: 0px !important;
        border-right-style: solid !important;
    }

    .brw-lg-1 {
        border-right-width: 1px !important;
        border-right-style: solid !important;
    }

    .brw-lg-2 {
        border-right-width: 2px !important;
        border-right-style: solid !important;
    }

    .brw-lg-3 {
        border-right-width: 3px !important;
        border-right-style: solid !important;
    }

    .brw-lg-4 {
        border-right-width: 4px !important;
        border-right-style: solid !important;
    }
}

@media (min-width: 1200px) {
    .brw-xl-0 {
        border-right-width: 0px !important;
        border-right-style: solid !important;
    }

    .brw-xl-1 {
        border-right-width: 1px !important;
        border-right-style: solid !important;
    }

    .brw-xl-2 {
        border-right-width: 2px !important;
        border-right-style: solid !important;
    }

    .brw-xl-3 {
        border-right-width: 3px !important;
        border-right-style: solid !important;
    }

    .brw-xl-4 {
        border-right-width: 4px !important;
        border-right-style: solid !important;
    }
}

.bs-solid {
    border-style: solid;
}

.bs-dashed {
    border-style: dashed;
}

.bs-dotted {
    border-style: dotted;
}

[class*='segment-'] {
    border: 1px solid #e6eff3;
}

.segment-success {
    border-top: 3px solid #3e5190;
}

.segment-primary {
    border-top: 3px solid #4c8033;
}

.segment-danger {
    border-top: 3px solid #a53012;
}

.segment-warning {
    border-top: 3px solid #a58825;
}

.segment-info {
    border-top: 3px solid #3a8586;
}

.pos-s {
    position: static !important;
}

.pos-r {
    position: relative !important;
}

.pos-a {
    position: absolute !important;
}

.pos-f {
    position: fixed !important;
}

.pos-sy {
    position: -webkit-sticky !important;
    position: sticky !important;
}

.b-shadow-none {
    box-shadow: none !important;
}

.icon-spin {
    -webkit-animation: spin .5s infinite linear;
    animation: spin .5s infinite linear;
    display: inline-block;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

/*********************************/
/*********************************/
.c-gray-dark {
    color: #585e61 !important;
}

.c-gray-darker {
    color: #484e51 !important;
}

.c-gray {
    color: #797e81 !important;
}

.c-gray-light {
    color: #a9aeb1 !important;
}

.c-white-darkest {
    color: #e6eff3 !important;
}

.c-white-darker {
    color: #eef6f8 !important;
}

.c-white-dark {
    color: #f4f9fc !important;
}

.c-white {
    color: #fff !important;
}

.c-primary {
    color: #4c8033 !important;
}

.c-success {
    color: #3e5190 !important;
}

.c-info {
    color: #3a8586 !important;
}

.c-warning {
    color: #a58825 !important;
}

.c-danger {
    color: #a53012 !important;
}

.c-inverse {
    color: #585e61 !important;
}

.c-body {
    color: #353b4a !important;
}

.c-body-light {
    color: #99a0b2 !important;
}

.c-body-lighter {
    color: #4f576e !important;
}

.c-body-dark {
    color: #282d38 !important;
}

.c-body-darker {
    color: #1b1f26 !important;
}

.c-body-darkest {
    color: #0f1015 !important;
}

.bgc-active-gray-darkest .active,
.bgc-gray-darkest {
    background-color: #383e41 !important;
}

.bgc-active-gray-darker .active,
.bgc-gray-darker {
    background-color: #484e51 !important;
}

.bgc-active-gray-dark .active,
.bgc-gray-dark {
    background-color: #585e61 !important;
}

.bgc-active-gray .active,
.bgc-gray {
    background-color: #797e81 !important;
}

.bgc-active-gray-light .active,
.bgc-gray-light {
    background-color: #a9aeb1 !important;
}

.bgc-active-gray-lighter .active,
.bgc-gray-lighter {
    background-color: #dee4e8 !important;
}

.bgc-active-gray-lightest .active,
.bgc-gray-lightest {
    background-color: #e7edf0 !important;
}

.bgc-active-white-darkest .active,
.bgc-white-darkest {
    background-color: #e6eff3 !important;
}

.bgc-active-white-darker .active,
.bgc-white-darker {
    background-color: #eef6f8 !important;
}

.bgc-active-white-dark .active,
.bgc-white-dark {
    background-color: white !important;
}

.bgc-active-white .active,
.bgc-white {
    background-color: #fff !important;
}

.bgc-active-dark-trans .active,
.bgc-active-dark-trans:hover .bgc-active,
.bgc-active-dark-trans a:hover,
a.bgc-active-dark-trans:hover,
.bgc-dark-trans {
    background: rgba(88, 94, 97, 0.08) !important;
}

.bgc-active-light-trans .active,
.bgc-active-light-trans:hover .bgc-active,
.bgc-active-light-trans a:hover,
a.bgc-active-light-trans:hover,
.bgc-light-trans {
    background: rgba(230, 239, 243, 0.09) !important;
}

.bgc-gray-light,
.bgc-active-gray-light .active,
.bgc-white-dark,
.bgc-active-white-dark .active,
.bgc-white-darkest,
.bgc-active-white-darkest .active,
.bgc-white-darker,
.bgc-active-white-darker .active {
    color: #585e61;
}

.bgc-gray,
.bgc-active-gray .active,
.bgc-active-gray-dark .active,
.bgc-gray-dark,
.bgc-active-gray-darkest .active,
.bgc-gray-darkest,
.bgc-active-gray-darker .active,
.bgc-gray-darker {
    color: #f4f9fc;
}

.bc-gray-darker {
    border-color: #484e51 !important;
}

.bc-gray-dark {
    border-color: #585e61 !important;
}

.bc-gray {
    border-color: #797e81 !important;
}

.bc-gray-light {
    border-color: #a9aeb1 !important;
}

.bc-gray-lighter {
    border-color: #dee4e8 !important;
}

.bc-gray-lightest {
    border-color: #e7edf0 !important;
}

.bc-white-darkest {
    border-color: #e6eff3 !important;
}

.bc-white-darker {
    border-color: #eef6f8 !important;
}

.bc-white-dark {
    border-color: #f4f9fc !important;
}

.bgc-success,
.bgc-active-success .active {
    background-color: #3e5190 !important;
    color: #f4f9fc !important;
}

.c-success {
    color: #3e5190 !important;
}

.bc-success {
    border-color: #3e5190 !important;
}

.bgc-success-darkest,
.bgc-active-success-darkest .active {
    background-color: #222d50 !important;
    color: #f4f9fc !important;
}

.c-success-darkest {
    color: #222d50 !important;
}

.bc-success-darkest {
    border-color: #222d50 !important;
}

.bgc-success-darker,
.bgc-active-success-darker .active {
    background-color: #2c3965 !important;
    color: #f4f9fc !important;
}

.c-success-darker {
    color: #2c3965 !important;
}

.bc-success-darker {
    border-color: #2c3965 !important;
}

.bgc-success-dark,
.bgc-active-success-dark .active {
    background-color: #35457b !important;
    color: #f4f9fc !important;
}

.c-success-dark {
    color: #35457b !important;
}

.bc-success-dark {
    border-color: #35457b !important;
}

.bgc-success-normal,
.bgc-active-success-normal .active {
    background-color: #3e5190 !important;
    color: #f4f9fc !important;
}

.c-success-normal {
    color: #3e5190 !important;
}

.bc-success-normal {
    border-color: #3e5190 !important;
}

.bgc-success-light,
.bgc-active-success-light .active {
    background-color: #475da5 !important;
    color: #f4f9fc !important;
}

.c-success-light {
    color: #475da5 !important;
}

.bc-success-light {
    border-color: #475da5 !important;
}

.bgc-success-lighter,
.bgc-active-success-lighter .active {
    background-color: #556cb6 !important;
    color: #f4f9fc !important;
}

.c-success-lighter {
    color: #556cb6 !important;
}

.bc-success-lighter {
    border-color: #556cb6 !important;
}

.bgc-success-lightest,
.bgc-active-success-lightest .active {
    background-color: #6b7ebf !important;
    color: #f4f9fc !important;
}

.c-success-lightest {
    color: #6b7ebf !important;
}

.bc-success-lightest {
    border-color: #6b7ebf !important;
}

.bgc-primary,
.bgc-active-primary .active {
    background-color: #4c8033 !important;
    color: #f4f9fc !important;
}

.c-primary {
    color: #4c8033 !important;
}

.bc-primary {
    border-color: #4c8033 !important;
}

.bgc-primary-darkest,
.bgc-active-primary-darkest .active {
    background-color: #253e19 !important;
    color: #f4f9fc !important;
}

.c-primary-darkest {
    color: #253e19 !important;
}

.bc-primary-darkest {
    border-color: #253e19 !important;
}

.bgc-primary-darker,
.bgc-active-primary-darker .active {
    background-color: #325422 !important;
    color: #f4f9fc !important;
}

.c-primary-darker {
    color: #325422 !important;
}

.bc-primary-darker {
    border-color: #325422 !important;
}

.bgc-primary-dark,
.bgc-active-primary-dark .active {
    background-color: #3f6a2a !important;
    color: #f4f9fc !important;
}

.c-primary-dark {
    color: #3f6a2a !important;
}

.bc-primary-dark {
    border-color: #3f6a2a !important;
}

.bgc-primary-normal,
.bgc-active-primary-normal .active {
    background-color: #4c8033 !important;
    color: #f4f9fc !important;
}

.c-primary-normal {
    color: #4c8033 !important;
}

.bc-primary-normal {
    border-color: #4c8033 !important;
}

.bgc-primary-light,
.bgc-active-primary-light .active {
    background-color: #59963c !important;
    color: #f4f9fc !important;
}

.c-primary-light {
    color: #59963c !important;
}

.bc-primary-light {
    border-color: #59963c !important;
}

.bgc-primary-lighter,
.bgc-active-primary-lighter .active {
    background-color: #66ac44 !important;
    color: #f4f9fc !important;
}

.c-primary-lighter {
    color: #66ac44 !important;
}

.bc-primary-lighter {
    border-color: #66ac44 !important;
}

.bgc-primary-lightest,
.bgc-active-primary-lightest .active {
    background-color: #75bb54 !important;
    color: #f4f9fc !important;
}

.c-primary-lightest {
    color: #75bb54 !important;
}

.bc-primary-lightest {
    border-color: #75bb54 !important;
}

.bgc-warning,
.bgc-active-warning .active {
    background-color: #a58825 !important;
    color: #f4f9fc !important;
}

.c-warning {
    color: #a58825 !important;
}

.bc-warning {
    border-color: #a58825 !important;
}

.bgc-warning-darkest,
.bgc-active-warning-darkest .active {
    background-color: #5a4a14 !important;
    color: #f4f9fc !important;
}

.c-warning-darkest {
    color: #5a4a14 !important;
}

.bc-warning-darkest {
    border-color: #5a4a14 !important;
}

.bgc-warning-darker,
.bgc-active-warning-darker .active {
    background-color: #735f1a !important;
    color: #f4f9fc !important;
}

.c-warning-darker {
    color: #735f1a !important;
}

.bc-warning-darker {
    border-color: #735f1a !important;
}

.bgc-warning-dark,
.bgc-active-warning-dark .active {
    background-color: #8c731f !important;
    color: #f4f9fc !important;
}

.c-warning-dark {
    color: #8c731f !important;
}

.bc-warning-dark {
    border-color: #8c731f !important;
}

.bgc-warning-normal,
.bgc-active-warning-normal .active {
    background-color: #a58825 !important;
    color: #f4f9fc !important;
}

.c-warning-normal {
    color: #a58825 !important;
}

.bc-warning-normal {
    border-color: #a58825 !important;
}

.bgc-warning-light,
.bgc-active-warning-light .active {
    background-color: #be9d2b !important;
    color: #f4f9fc !important;
}

.c-warning-light {
    color: #be9d2b !important;
}

.bc-warning-light {
    border-color: #be9d2b !important;
}

.bgc-warning-lighter,
.bgc-active-warning-lighter .active {
    background-color: #d2ae35 !important;
    color: #f4f9fc !important;
}

.c-warning-lighter {
    color: #d2ae35 !important;
}

.bc-warning-lighter {
    border-color: #d2ae35 !important;
}

.bgc-warning-lightest,
.bgc-active-warning-lightest .active {
    background-color: #d7b84e !important;
    color: #f4f9fc !important;
}

.c-warning-lightest {
    color: #d7b84e !important;
}

.bc-warning-lightest {
    border-color: #d7b84e !important;
}

.bgc-danger,
.bgc-active-danger .active {
    background-color: #a53012 !important;
    color: #f4f9fc !important;
}

.c-danger {
    color: #a53012 !important;
}

.bc-danger {
    border-color: #a53012 !important;
}

.bgc-danger-darkest,
.bgc-active-danger-darkest .active {
    background-color: #521809 !important;
    color: #f4f9fc !important;
}

.c-danger-darkest {
    color: #521809 !important;
}

.bc-danger-darkest {
    border-color: #521809 !important;
}

.bgc-danger-darker,
.bgc-active-danger-darker .active {
    background-color: #6e200c !important;
    color: #f4f9fc !important;
}

.c-danger-darker {
    color: #6e200c !important;
}

.bc-danger-darker {
    border-color: #6e200c !important;
}

.bgc-danger-dark,
.bgc-active-danger-dark .active {
    background-color: #89280f !important;
    color: #f4f9fc !important;
}

.c-danger-dark {
    color: #89280f !important;
}

.bc-danger-dark {
    border-color: #89280f !important;
}

.bgc-danger-normal,
.bgc-active-danger-normal .active {
    background-color: #a53012 !important;
    color: #f4f9fc !important;
}

.c-danger-normal {
    color: #a53012 !important;
}

.bc-danger-normal {
    border-color: #a53012 !important;
}

.bgc-danger-light,
.bgc-active-danger-light .active {
    background-color: #c13815 !important;
    color: #f4f9fc !important;
}

.c-danger-light {
    color: #c13815 !important;
}

.bc-danger-light {
    border-color: #c13815 !important;
}

.bgc-danger-lighter,
.bgc-active-danger-lighter .active {
    background-color: #dc4018 !important;
    color: #f4f9fc !important;
}

.c-danger-lighter {
    color: #dc4018 !important;
}

.bc-danger-lighter {
    border-color: #dc4018 !important;
}

.bgc-danger-lightest,
.bgc-active-danger-lightest .active {
    background-color: #e8512b !important;
    color: #f4f9fc !important;
}

.c-danger-lightest {
    color: #e8512b !important;
}

.bc-danger-lightest {
    border-color: #e8512b !important;
}

.bgc-info,
.bgc-active-info .active {
    background-color: #3a8586 !important;
    color: #f4f9fc !important;
}

.c-info {
    color: #3a8586 !important;
}

.bc-info {
    border-color: #3a8586 !important;
}

.bgc-info-darkest,
.bgc-active-info-darkest .active {
    background-color: #1e4546 !important;
    color: #f4f9fc !important;
}

.c-info-darkest {
    color: #1e4546 !important;
}

.bc-info-darkest {
    border-color: #1e4546 !important;
}

.bgc-info-darker,
.bgc-active-info-darker .active {
    background-color: #285b5b !important;
    color: #f4f9fc !important;
}

.c-info-darker {
    color: #285b5b !important;
}

.bc-info-darker {
    border-color: #285b5b !important;
}

.bgc-info-dark,
.bgc-active-info-dark .active {
    background-color: #317071 !important;
    color: #f4f9fc !important;
}

.c-info-dark {
    color: #317071 !important;
}

.bc-info-dark {
    border-color: #317071 !important;
}

.bgc-info-normal,
.bgc-active-info-normal .active {
    background-color: #3a8586 !important;
    color: #f4f9fc !important;
}

.c-info-normal {
    color: #3a8586 !important;
}

.bc-info-normal {
    border-color: #3a8586 !important;
}

.bgc-info-light,
.bgc-active-info-light .active {
    background-color: #439a9b !important;
    color: #f4f9fc !important;
}

.c-info-light {
    color: #439a9b !important;
}

.bc-info-light {
    border-color: #439a9b !important;
}

.bgc-info-lighter,
.bgc-active-info-lighter .active {
    background-color: #4cafb1 !important;
    color: #f4f9fc !important;
}

.c-info-lighter {
    color: #4cafb1 !important;
}

.bc-info-lighter {
    border-color: #4cafb1 !important;
}

.bgc-info-lightest,
.bgc-active-info-lightest .active {
    background-color: #61b9bb !important;
    color: #f4f9fc !important;
}

.c-info-lightest {
    color: #61b9bb !important;
}

.bc-info-lightest {
    border-color: #61b9bb !important;
}

.bgc-body,
.bgc-active-body .active {
    background-color: #353b4a !important;
    color: #f4f9fc !important;
}

.c-body {
    color: #353b4a !important;
}

.bc-body {
    border-color: #353b4a !important;
}

.bgc-body-darkest,
.bgc-active-body-darkest .active {
    background-color: #0f1015 !important;
    color: #f4f9fc !important;
}

.c-body-darkest {
    color: #0f1015 !important;
}

.bc-body-darkest {
    border-color: #0f1015 !important;
}

.bgc-body-darker,
.bgc-active-body-darker .active {
    background-color: #1b1f26 !important;
    color: #f4f9fc !important;
}

.c-body-darker {
    color: #1b1f26 !important;
}

.bc-body-darker {
    border-color: #1b1f26 !important;
}

.bgc-body-dark,
.bgc-active-body-dark .active {
    background-color: #282d38 !important;
    color: #f4f9fc !important;
}

.c-body-dark {
    color: #282d38 !important;
}

.bc-body-dark {
    border-color: #282d38 !important;
}

.bgc-body-normal,
.bgc-active-body-normal .active {
    background-color: #353b4a !important;
    color: #f4f9fc !important;
}

.c-body-normal {
    color: #353b4a !important;
}

.bc-body-normal {
    border-color: #353b4a !important;
}

.bgc-body-light,
.bgc-active-body-light .active {
    background-color: #42495c !important;
    color: #f4f9fc !important;
}

.c-body-light {
    color: #42495c !important;
}

.bc-body-light {
    border-color: #42495c !important;
}

.bgc-body-lighter,
.bgc-active-body-lighter .active {
    background-color: #4f576e !important;
    color: #f4f9fc !important;
}

.c-body-lighter {
    color: #4f576e !important;
}

.bc-body-lighter {
    border-color: #4f576e !important;
}

.bgc-body-lightest,
.bgc-active-body-lightest .active {
    background-color: #5b667f !important;
    color: #f4f9fc !important;
}

.c-body-lightest {
    color: #5b667f !important;
}

.bc-body-lightest {
    border-color: #5b667f !important;
}

.bgc-body-inverse,
.bgc-active-body-inverse .active {
    background-color: #aab0bf !important;
    color: #f4f9fc !important;
}

.c-body-inverse {
    color: #aab0bf !important;
}

.bc-body-inverse {
    border-color: #aab0bf !important;
}

.bgc-body-inverse-darkest,
.bgc-active-body-inverse-darkest .active {
    background-color: #767f98 !important;
    color: #f4f9fc !important;
}

.c-body-inverse-darkest {
    color: #767f98 !important;
}

.bc-body-inverse-darkest {
    border-color: #767f98 !important;
}

.bgc-body-inverse-darker,
.bgc-active-body-inverse-darker .active {
    background-color: #8790a5 !important;
    color: #f4f9fc !important;
}

.c-body-inverse-darker {
    color: #8790a5 !important;
}

.bc-body-inverse-darker {
    border-color: #8790a5 !important;
}

.bgc-body-inverse-dark,
.bgc-active-body-inverse-dark .active {
    background-color: #99a0b2 !important;
    color: #f4f9fc !important;
}

.c-body-inverse-dark {
    color: #99a0b2 !important;
}

.bc-body-inverse-dark {
    border-color: #99a0b2 !important;
}

.bgc-body-inverse-normal,
.bgc-active-body-inverse-normal .active {
    background-color: #aab0bf !important;
    color: #f4f9fc !important;
}

.c-body-inverse-normal {
    color: #aab0bf !important;
}

.bc-body-inverse-normal {
    border-color: #aab0bf !important;
}

.bgc-body-inverse-light,
.bgc-active-body-inverse-light .active {
    background-color: #bbc0cc !important;
    color: #f4f9fc !important;
}

.c-body-inverse-light {
    color: #bbc0cc !important;
}

.bc-body-inverse-light {
    border-color: #bbc0cc !important;
}

.bgc-body-inverse-lighter,
.bgc-active-body-inverse-lighter .active {
    background-color: #cdd0d9 !important;
    color: #f4f9fc !important;
}

.c-body-inverse-lighter {
    color: #cdd0d9 !important;
}

.bc-body-inverse-lighter {
    border-color: #cdd0d9 !important;
}

.bgc-body-inverse-lightest,
.bgc-active-body-inverse-lightest .active {
    background-color: #dee1e6 !important;
    color: #f4f9fc !important;
}

.c-body-inverse-lightest {
    color: #dee1e6 !important;
}

.bc-body-inverse-lightest {
    border-color: #dee1e6 !important;
}

.bgc-purple,
.bgc-active-purple .active {
    background-color: #542e78 !important;
    color: #f4f9fc !important;
}

.c-purple {
    color: #542e78 !important;
}

.bc-purple {
    border-color: #542e78 !important;
}

.bgc-purple-darkest,
.bgc-active-purple-darkest .active {
    background-color: #261536 !important;
    color: #f4f9fc !important;
}

.c-purple-darkest {
    color: #261536 !important;
}

.bc-purple-darkest {
    border-color: #261536 !important;
}

.bgc-purple-darker,
.bgc-active-purple-darker .active {
    background-color: #351d4c !important;
    color: #f4f9fc !important;
}

.c-purple-darker {
    color: #351d4c !important;
}

.bc-purple-darker {
    border-color: #351d4c !important;
}

.bgc-purple-dark,
.bgc-active-purple-dark .active {
    background-color: #452662 !important;
    color: #f4f9fc !important;
}

.c-purple-dark {
    color: #452662 !important;
}

.bc-purple-dark {
    border-color: #452662 !important;
}

.bgc-purple-normal,
.bgc-active-purple-normal .active {
    background-color: #542e78 !important;
    color: #f4f9fc !important;
}

.c-purple-normal {
    color: #542e78 !important;
}

.bc-purple-normal {
    border-color: #542e78 !important;
}

.bgc-purple-light,
.bgc-active-purple-light .active {
    background-color: #63368e !important;
    color: #f4f9fc !important;
}

.c-purple-light {
    color: #63368e !important;
}

.bc-purple-light {
    border-color: #63368e !important;
}

.bgc-purple-lighter,
.bgc-active-purple-lighter .active {
    background-color: #733fa4 !important;
    color: #f4f9fc !important;
}

.c-purple-lighter {
    color: #733fa4 !important;
}

.bc-purple-lighter {
    border-color: #733fa4 !important;
}

.bgc-purple-lightest,
.bgc-active-purple-lightest .active {
    background-color: #8249b9 !important;
    color: #f4f9fc !important;
}

.c-purple-lightest {
    color: #8249b9 !important;
}

.bc-purple-lightest {
    border-color: #8249b9 !important;
}

.bgc-pink,
.bgc-active-pink .active {
    background-color: #9e3359 !important;
    color: #f4f9fc !important;
}

.c-pink {
    color: #9e3359 !important;
}

.bc-pink {
    border-color: #9e3359 !important;
}

.bgc-pink-darkest,
.bgc-active-pink-darkest .active {
    background-color: #591d32 !important;
    color: #f4f9fc !important;
}

.c-pink-darkest {
    color: #591d32 !important;
}

.bc-pink-darkest {
    border-color: #591d32 !important;
}

.bgc-pink-darker,
.bgc-active-pink-darker .active {
    background-color: #70243f !important;
    color: #f4f9fc !important;
}

.c-pink-darker {
    color: #70243f !important;
}

.bc-pink-darker {
    border-color: #70243f !important;
}

.bgc-pink-dark,
.bgc-active-pink-dark .active {
    background-color: #872c4c !important;
    color: #f4f9fc !important;
}

.c-pink-dark {
    color: #872c4c !important;
}

.bc-pink-dark {
    border-color: #872c4c !important;
}

.bgc-pink-normal,
.bgc-active-pink-normal .active {
    background-color: #9e3359 !important;
    color: #f4f9fc !important;
}

.c-pink-normal {
    color: #9e3359 !important;
}

.bc-pink-normal {
    border-color: #9e3359 !important;
}

.bgc-pink-light,
.bgc-active-pink-light .active {
    background-color: #b53a66 !important;
    color: #f4f9fc !important;
}

.c-pink-light {
    color: #b53a66 !important;
}

.bc-pink-light {
    border-color: #b53a66 !important;
}

.bgc-pink-lighter,
.bgc-active-pink-lighter .active {
    background-color: #c44a75 !important;
    color: #f4f9fc !important;
}

.c-pink-lighter {
    color: #c44a75 !important;
}

.bc-pink-lighter {
    border-color: #c44a75 !important;
}

.bgc-pink-lightest,
.bgc-active-pink-lightest .active {
    background-color: #cc6187 !important;
    color: #f4f9fc !important;
}

.c-pink-lightest {
    color: #cc6187 !important;
}

.bc-pink-lightest {
    border-color: #cc6187 !important;
}

.bgc-orange,
.bgc-active-orange .active {
    background-color: #d39d2b !important;
    color: #f4f9fc !important;
}

.c-orange {
    color: #d39d2b !important;
}

.bc-orange {
    border-color: #d39d2b !important;
}

.bgc-orange-darkest,
.bgc-active-orange-darkest .active {
    background-color: #87641b !important;
    color: #f4f9fc !important;
}

.c-orange-darkest {
    color: #87641b !important;
}

.bc-orange-darkest {
    border-color: #87641b !important;
}

.bgc-orange-darker,
.bgc-active-orange-darker .active {
    background-color: #a07721 !important;
    color: #f4f9fc !important;
}

.c-orange-darker {
    color: #a07721 !important;
}

.bc-orange-darker {
    border-color: #a07721 !important;
}

.bgc-orange-dark,
.bgc-active-orange-dark .active {
    background-color: #ba8a26 !important;
    color: #f4f9fc !important;
}

.c-orange-dark {
    color: #ba8a26 !important;
}

.bc-orange-dark {
    border-color: #ba8a26 !important;
}

.bgc-orange-normal,
.bgc-active-orange-normal .active {
    background-color: #d39d2b !important;
    color: #f4f9fc !important;
}

.c-orange-normal {
    color: #d39d2b !important;
}

.bc-orange-normal {
    border-color: #d39d2b !important;
}

.bgc-orange-light,
.bgc-active-orange-light .active {
    background-color: #d9a944 !important;
    color: #f4f9fc !important;
}

.c-orange-light {
    color: #d9a944 !important;
}

.bc-orange-light {
    border-color: #d9a944 !important;
}

.bgc-orange-lighter,
.bgc-active-orange-lighter .active {
    background-color: #deb55d !important;
    color: #f4f9fc !important;
}

.c-orange-lighter {
    color: #deb55d !important;
}

.bc-orange-lighter {
    border-color: #deb55d !important;
}

.bgc-orange-lightest,
.bgc-active-orange-lightest .active {
    background-color: #e3c077 !important;
    color: #f4f9fc !important;
}

.c-orange-lightest {
    color: #e3c077 !important;
}

.bc-orange-lightest {
    border-color: #e3c077 !important;
}

/*********************************/
/*********************************/
.form-control, .ui.select-dropdown .menu > .input:not(.transparent) input, .ui.selection.select-dropdown, select.ui.select-dropdown, .sp-container .sp-input, .bootstrap-timepicker-widget table td input {
    transition: background .2s, border .2s, color .2s;
    border-width: 0;
    border-bottom: 2px solid #dee4e8;
}

    .form-control.color, .ui.select-dropdown .menu > .input:not(.transparent) input.color, .color.ui.selection.select-dropdown, select.color.ui.select-dropdown, .sp-container .color.sp-input, .bootstrap-timepicker-widget table td input.color {
        border-bottom: 0;
        max-width: 10em;
        display: inline-block;
    }

    .form-control:focus, .ui.select-dropdown .menu > .input:not(.transparent) input:focus, .ui.selection.select-dropdown:focus, select.ui.select-dropdown:focus, .ui.selection.active.select-dropdown, select.active.ui.select-dropdown, .sp-container .sp-input:focus, .bootstrap-timepicker-widget table td input:focus {
        outline: none;
        color: #585e61;
    }

    .form-control::-webkit-input-placeholder, .ui.select-dropdown .menu > .input:not(.transparent) input::-webkit-input-placeholder, .ui.selection.select-dropdown::-webkit-input-placeholder, select.ui.select-dropdown::-webkit-input-placeholder, .sp-container .sp-input::-webkit-input-placeholder, .bootstrap-timepicker-widget table td input::-webkit-input-placeholder {
        font-style: normal;
    }

    .form-control:-moz-placeholder, .ui.select-dropdown .menu > .input:not(.transparent) input:-moz-placeholder, .ui.selection.select-dropdown:-moz-placeholder, select.ui.select-dropdown:-moz-placeholder, .sp-container .sp-input:-moz-placeholder, .bootstrap-timepicker-widget table td input:-moz-placeholder {
        font-style: normal;
    }

    .form-control::-moz-placeholder, .ui.select-dropdown .menu > .input:not(.transparent) input::-moz-placeholder, .ui.selection.select-dropdown::-moz-placeholder, select.ui.select-dropdown::-moz-placeholder, .sp-container .sp-input::-moz-placeholder, .bootstrap-timepicker-widget table td input::-moz-placeholder {
        font-style: normal;
    }

    .form-control:-ms-input-placeholder, .ui.select-dropdown .menu > .input:not(.transparent) input:-ms-input-placeholder, .ui.selection.select-dropdown:-ms-input-placeholder, select.ui.select-dropdown:-ms-input-placeholder, .sp-container .sp-input:-ms-input-placeholder, .bootstrap-timepicker-widget table td input:-ms-input-placeholder {
        font-style: normal;
    }

    .form-control.spin, .ui.select-dropdown .menu > .input:not(.transparent) input.spin, .spin.ui.selection.select-dropdown, select.spin.ui.select-dropdown, .sp-container .spin.sp-input, .bootstrap-timepicker-widget table td input.spin {
        max-width: 50px;
        text-align: center;
        display: inline-block;
    }

.file-upload .file-upload-btn {
    position: relative;
    display: inline-block;
}

    .file-upload .file-upload-btn input {
        position: absolute;
        top: 0;
        right: 0;
        height: 100%;
        min-width: 100%;
        opacity: 0;
        margin: 0;
        cursor: pointer;
    }

.file-upload span {
    color: #797e81;
}

label {
    margin-bottom: 0;
    padding-bottom: .5rem;
    cursor: pointer;
}

    label[for] {
        font-size: 0.85714rem;
    }

.custom-control-indicator {
    border: 1px solid #dee4e8;
}

.input-group-addon {
    transition: all .2s;
}

.input-group .input-icon {
    position: absolute;
    width: 2.5em;
    top: -2px;
    z-index: 10;
    height: 100%;
    text-align: center;
    display: inline-block;
    opacity: .75;
    cursor: pointer;
}

    .input-group .input-icon:before {
        position: absolute;
        top: 50%;
        margin-top: -.5em;
        left: 0;
        text-align: center;
        width: 100%;
    }

.input-group.input-left-icon .input-icon {
    left: 0;
}

.input-group.input-left-icon .form-control, .input-group.input-left-icon .ui.select-dropdown .menu > .input:not(.transparent) input, .ui.select-dropdown .menu > .input:not(.transparent) .input-group.input-left-icon input, .input-group.input-left-icon .ui.selection.select-dropdown, .input-group.input-left-icon select.ui.select-dropdown, .input-group.input-left-icon .sp-container .sp-input, .sp-container .input-group.input-left-icon .sp-input, .input-group.input-left-icon .bootstrap-timepicker-widget table td input, .bootstrap-timepicker-widget table td .input-group.input-left-icon input {
    padding-left: 2.5em;
}

.input-group.input-right-icon .input-icon {
    right: 0;
}

.input-group.input-right-icon .form-control, .input-group.input-right-icon .ui.select-dropdown .menu > .input:not(.transparent) input, .ui.select-dropdown .menu > .input:not(.transparent) .input-group.input-right-icon input, .input-group.input-right-icon .ui.selection.select-dropdown, .input-group.input-right-icon select.ui.select-dropdown, .input-group.input-right-icon .sp-container .sp-input, .sp-container .input-group.input-right-icon .sp-input, .input-group.input-right-icon .bootstrap-timepicker-widget table td input, .bootstrap-timepicker-widget table td .input-group.input-right-icon input {
    padding-right: 2.5em;
}

.input-group .form-control:focus ~ .input-icon, .input-group .ui.select-dropdown .menu > .input:not(.transparent) input:focus ~ .input-icon, .ui.select-dropdown .menu > .input:not(.transparent) .input-group input:focus ~ .input-icon, .input-group .ui.selection.select-dropdown:focus ~ .input-icon, .input-group select.ui.select-dropdown:focus ~ .input-icon, .input-group .ui.selection.active.select-dropdown ~ .input-icon, .input-group select.active.ui.select-dropdown ~ .input-icon, .input-group .sp-container .sp-input:focus ~ .input-icon, .sp-container .input-group .sp-input:focus ~ .input-icon, .input-group .bootstrap-timepicker-widget table td input:focus ~ .input-icon, .bootstrap-timepicker-widget table td .input-group input:focus ~ .input-icon {
    opacity: 1;
}

.input-group .form-control.form-control-lg ~ .input-icon, .input-group .input-group-lg > .form-control ~ .input-icon, .input-group .ui.select-dropdown .menu > .input:not(.transparent) .input-group-lg > input ~ .input-icon, .ui.select-dropdown .menu > .input:not(.transparent) .input-group .input-group-lg > input ~ .input-icon, .input-group .input-group-lg > .ui.selection.select-dropdown ~ .input-icon, .input-group .input-group-lg > select.ui.select-dropdown ~ .input-icon, .input-group .sp-container .input-group-lg > .sp-input ~ .input-icon, .sp-container .input-group .input-group-lg > .sp-input ~ .input-icon, .input-group .bootstrap-timepicker-widget table td .input-group-lg > input ~ .input-icon, .bootstrap-timepicker-widget table td .input-group .input-group-lg > input ~ .input-icon, .input-group
.input-group-lg > .input-group-btn > .form-control.btn ~ .input-icon, .input-group .ui.select-dropdown .menu > .input:not(.transparent)
.input-group-lg > .input-group-btn > input.btn ~ .input-icon, .ui.select-dropdown .menu > .input:not(.transparent) .input-group
.input-group-lg > .input-group-btn > input.btn ~ .input-icon, .input-group
.input-group-lg > .input-group-btn > .btn.ui.selection.select-dropdown ~ .input-icon, .input-group
.input-group-lg > .input-group-btn > select.btn.ui.select-dropdown ~ .input-icon, .input-group .sp-container
.input-group-lg > .input-group-btn > .btn.sp-input ~ .input-icon, .sp-container .input-group
.input-group-lg > .input-group-btn > .btn.sp-input ~ .input-icon, .input-group .bootstrap-timepicker-widget table td
.input-group-lg > .input-group-btn > input.btn ~ .input-icon, .bootstrap-timepicker-widget table td .input-group
.input-group-lg > .input-group-btn > input.btn ~ .input-icon, .input-group .ui.select-dropdown .menu > .input:not(.transparent) input.form-control-lg ~ .input-icon, .ui.select-dropdown .menu > .input:not(.transparent) .input-group input.form-control-lg ~ .input-icon, .input-group .form-control-lg.ui.selection.select-dropdown ~ .input-icon, .input-group select.form-control-lg.ui.select-dropdown ~ .input-icon, .input-group .sp-container .form-control-lg.sp-input ~ .input-icon, .sp-container .input-group .form-control-lg.sp-input ~ .input-icon, .input-group .bootstrap-timepicker-widget table td input.form-control-lg ~ .input-icon, .bootstrap-timepicker-widget table td .input-group input.form-control-lg ~ .input-icon {
    font-size: 1rem;
}

.input-group .form-control.form-control-sm ~ .input-icon, .input-group .input-group-sm > .form-control ~ .input-icon, .input-group .ui.select-dropdown .menu > .input:not(.transparent) .input-group-sm > input ~ .input-icon, .ui.select-dropdown .menu > .input:not(.transparent) .input-group .input-group-sm > input ~ .input-icon, .input-group .input-group-sm > .ui.selection.select-dropdown ~ .input-icon, .input-group .input-group-sm > select.ui.select-dropdown ~ .input-icon, .input-group .sp-container .input-group-sm > .sp-input ~ .input-icon, .sp-container .input-group .input-group-sm > .sp-input ~ .input-icon, .input-group .bootstrap-timepicker-widget table td .input-group-sm > input ~ .input-icon, .bootstrap-timepicker-widget table td .input-group .input-group-sm > input ~ .input-icon, .input-group
.input-group-sm > .input-group-btn > .form-control.btn ~ .input-icon, .input-group .ui.select-dropdown .menu > .input:not(.transparent)
.input-group-sm > .input-group-btn > input.btn ~ .input-icon, .ui.select-dropdown .menu > .input:not(.transparent) .input-group
.input-group-sm > .input-group-btn > input.btn ~ .input-icon, .input-group
.input-group-sm > .input-group-btn > .btn.ui.selection.select-dropdown ~ .input-icon, .input-group
.input-group-sm > .input-group-btn > select.btn.ui.select-dropdown ~ .input-icon, .input-group .sp-container
.input-group-sm > .input-group-btn > .btn.sp-input ~ .input-icon, .sp-container .input-group
.input-group-sm > .input-group-btn > .btn.sp-input ~ .input-icon, .input-group .bootstrap-timepicker-widget table td
.input-group-sm > .input-group-btn > input.btn ~ .input-icon, .bootstrap-timepicker-widget table td .input-group
.input-group-sm > .input-group-btn > input.btn ~ .input-icon, .input-group .ui.select-dropdown .menu > .input:not(.transparent) input.form-control-sm ~ .input-icon, .ui.select-dropdown .menu > .input:not(.transparent) .input-group input.form-control-sm ~ .input-icon, .input-group .ui.select-dropdown .menu > .input:not(.transparent) .sp-container input.sp-input ~ .input-icon, .ui.select-dropdown .menu > .input:not(.transparent) .sp-container .input-group input.sp-input ~ .input-icon, .input-group .sp-container .ui.select-dropdown .menu > .input:not(.transparent) input.sp-input ~ .input-icon, .sp-container .ui.select-dropdown .menu > .input:not(.transparent) .input-group input.sp-input ~ .input-icon, .input-group .form-control-sm.ui.selection.select-dropdown ~ .input-icon, .input-group select.form-control-sm.ui.select-dropdown ~ .input-icon, .input-group .sp-container .sp-input ~ .input-icon, .sp-container .input-group .sp-input ~ .input-icon, .input-group .bootstrap-timepicker-widget table td input.form-control-sm ~ .input-icon, .bootstrap-timepicker-widget table td .input-group input.form-control-sm ~ .input-icon, .input-group .sp-container .bootstrap-timepicker-widget table td input.sp-input ~ .input-icon {
    font-size: 0.82rem;
}

.has-success .form-control-feedback,
.has-success .form-control-label,
.has-success .col-form-label,
.has-success .form-check-label,
.has-success .custom-control {
    color: #4c8033;
}

.has-success .form-control, .has-success .ui.select-dropdown .menu > .input:not(.transparent) input, .ui.select-dropdown .menu > .input:not(.transparent) .has-success input, .has-success .ui.selection.select-dropdown, .has-success select.ui.select-dropdown, .has-success .sp-container .sp-input, .sp-container .has-success .sp-input, .has-success .bootstrap-timepicker-widget table td input, .bootstrap-timepicker-widget table td .has-success input,
.has-success .sp-replacer .sp-preview,
.sp-replacer .has-success .sp-preview {
    border-color: #4c8033;
}

.has-success .form-control-success,
.has-warning .form-control-warning,
.has-danger .form-control-danger {
    background-image: none;
}

.form-control-feedback {
    margin-top: 1rem;
    display: inline-block;
}

/*********************************/
/*********************************/
.btn {
    cursor: pointer;
}

.btn-default:hover, .wizard > .actions .disabled a:hover, .sp-container button.sp-choose:hover,
.sp-container button.sp-palette-toggle:hover,
.sp-container a.sp-cancel:hover, .world-map.mapael .zoomButton:hover,
.btn-default:focus,
.wizard > .actions .disabled a:focus,
.sp-container button.sp-choose:focus,
.sp-container button.sp-palette-toggle:focus,
.sp-container a.sp-cancel:focus,
.world-map.mapael .zoomButton:focus {
    color: #585e61;
}

.btn-default, .wizard > .actions .disabled a, .sp-container button.sp-choose,
.sp-container button.sp-palette-toggle,
.sp-container a.sp-cancel, .world-map.mapael .zoomButton,
.btn-outline-default {
    border-width: 1px;
    /*border-color: #dee4e8;*/
}

    .btn-default:hover, .wizard > .actions .disabled a:hover, .sp-container button.sp-choose:hover,
    .sp-container button.sp-palette-toggle:hover,
    .sp-container a.sp-cancel:hover, .world-map.mapael .zoomButton:hover,
    .btn-outline-default:hover {
        background: #e6eff3;
    }

    .btn-default:focus, .wizard > .actions .disabled a:focus, .sp-container button.sp-choose:focus,
    .sp-container button.sp-palette-toggle:focus,
    .sp-container a.sp-cancel:focus, .world-map.mapael .zoomButton:focus,
    .btn-outline-default:focus {
        box-shadow: 0 0 0 1px rgba(88, 94, 97, 0.08);
    }

.btn-outline-default {
    background: transparent;
    color: inherit;
}

.btn-default, .wizard > .actions .disabled a, .sp-container button.sp-choose,
.sp-container button.sp-palette-toggle,
.sp-container a.sp-cancel, .world-map.mapael .zoomButton {
    background: white; /*#f4f9fc */
    color: #585e61;
}

    .btn-default:focus, .wizard > .actions .disabled a:focus, .sp-container button.sp-choose:focus,
    .sp-container button.sp-palette-toggle:focus,
    .sp-container a.sp-cancel:focus, .world-map.mapael .zoomButton:focus {
        background: #e6eff3;
    }

.btn.btn-transparent {
    color: inherit;
    background: inherit;
    box-shadow: none;
}

.btn.btn-xs {
    padding: 0.3rem 0.7rem;
    font-size: 0.71429rem;
}

.btn-group .btn + .btn[data-toggle="dropdown"] {
    padding: 0.58rem 0.9rem;
}

.btn-group[class*="bg-"] .btn + .btn[data-toggle="dropdown"] {
    background: rgba(0, 0, 0, 0.1);
    margin-left: -1px;
    border-left: 0;
}

.btn-group .btn + .dropdown {
    margin-left: -1px;
}

.btn-group .btn + .btn.btn-xs[data-toggle="dropdown"] {
    padding: 0.6rem;
}

.btn-group .btn + .btn.btn-sm[data-toggle="dropdown"], .btn-group .btn-group-sm > .btn + .btn[data-toggle="dropdown"], .btn-group .sp-container .btn + button.btn[data-toggle="dropdown"].sp-choose, .sp-container .btn-group .btn + button.btn[data-toggle="dropdown"].sp-choose, .btn-group
.sp-container .btn + button.btn[data-toggle="dropdown"].sp-palette-toggle,
.sp-container .btn-group .btn + button.btn[data-toggle="dropdown"].sp-palette-toggle, .btn-group
.sp-container .btn + a.btn[data-toggle="dropdown"].sp-cancel,
.sp-container .btn-group .btn + a.btn[data-toggle="dropdown"].sp-cancel {
    padding: 0.5rem;
}

.btn-group .btn + .btn.btn-lg[data-toggle="dropdown"], .btn-group .btn-group-lg > .btn + .btn[data-toggle="dropdown"] {
    padding: 0.65rem;
}

.btn-sm-icon, .world-map.mapael .zoomButton {
    width: 2.5em;
    height: 2.5em;
    text-align: center;
    line-height: 2.5em;
    font-size: 0.85714rem;
    padding: 0;
}

.input-group-btn {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}

    .input-group-btn:not(:first-child) > .btn {
        z-index: 5;
    }

        .input-group-btn:not(:first-child) > .btn:hover {
            z-index: 6;
        }

/*********************************/
/*********************************/
.btn-group.vertical {
    display: inline-block;
}

    .btn-group.vertical > .btn,
    .btn-group.vertical > .dropdown > .btn,
    .btn-group.vertical > .btn + .dropdown {
        display: block;
        float: none;
        width: 100%;
        margin-top: -1px;
        margin-left: 0 !important;
    }

    .btn-group.vertical > .dropdown {
        display: block;
        float: none;
        width: 100%;
    }

.dropdown {
    display: inline-block;
}

.dropdown-menu.clear-style, .ui.select-dropdown .clear-style.menu {
    display: inline-block;
    position: relative;
    top: 0;
}

.dropdown-menu[class*="bgc-"] .dropdown-divider, .ui.select-dropdown [class*="bgc-"].menu .dropdown-divider {
    background-color: rgba(88, 94, 97, 0.08);
}

.dropdown-menu[class*="bgc-"] .dropdown-item:hover, .ui.select-dropdown [class*="bgc-"].menu .dropdown-item:hover, .dropdown-menu[class*="bgc-"] .ui.select-dropdown .menu > .item:hover, .ui.select-dropdown .dropdown-menu[class*="bgc-"] .menu > .item:hover, .ui.select-dropdown [class*="bgc-"].menu .menu > .item:hover, .bootstrap-table .dropdown-menu[class*="bgc-"] [role='menuitem']:hover, .ui.select-dropdown [class*="bgc-"].menu .bootstrap-table .dropdown-menu [role='menuitem']:hover, .dropdown-menu[class*="bgc-"] .bootstrap-table .ui.select-dropdown .menu [role='menuitem']:hover, .bootstrap-table .ui.select-dropdown [class*="bgc-"].menu [role='menuitem']:hover, .dropdown-menu[class*="bgc-"] .ui.select-dropdown .bootstrap-table .menu [role='menuitem']:hover, .ui.select-dropdown .bootstrap-table [class*="bgc-"].menu [role='menuitem']:hover, .dropdown-menu[class*="bgc-"] .dropdown-item:active, .ui.select-dropdown [class*="bgc-"].menu .dropdown-item:active, .dropdown-menu[class*="bgc-"] .ui.select-dropdown .menu > .item:active, .ui.select-dropdown .dropdown-menu[class*="bgc-"] .menu > .item:active, .ui.select-dropdown [class*="bgc-"].menu .menu > .item:active, .bootstrap-table .dropdown-menu[class*="bgc-"] [role='menuitem']:active, .ui.select-dropdown [class*="bgc-"].menu .bootstrap-table .dropdown-menu [role='menuitem']:active, .dropdown-menu[class*="bgc-"] .bootstrap-table .ui.select-dropdown .menu [role='menuitem']:active, .bootstrap-table .ui.select-dropdown [class*="bgc-"].menu [role='menuitem']:active, .dropdown-menu[class*="bgc-"] .ui.select-dropdown .bootstrap-table .menu [role='menuitem']:active, .ui.select-dropdown .bootstrap-table [class*="bgc-"].menu [role='menuitem']:active, .dropdown-menu[class*="bgc-"] .dropdown-item:focus, .ui.select-dropdown [class*="bgc-"].menu .dropdown-item:focus, .dropdown-menu[class*="bgc-"] .ui.select-dropdown .menu > .item:focus, .ui.select-dropdown .dropdown-menu[class*="bgc-"] .menu > .item:focus, .ui.select-dropdown [class*="bgc-"].menu .menu > .item:focus, .bootstrap-table .dropdown-menu[class*="bgc-"] [role='menuitem']:focus, .ui.select-dropdown [class*="bgc-"].menu .bootstrap-table .dropdown-menu [role='menuitem']:focus, .dropdown-menu[class*="bgc-"] .bootstrap-table .ui.select-dropdown .menu [role='menuitem']:focus, .bootstrap-table .ui.select-dropdown [class*="bgc-"].menu [role='menuitem']:focus, .dropdown-menu[class*="bgc-"] .ui.select-dropdown .bootstrap-table .menu [role='menuitem']:focus, .ui.select-dropdown .bootstrap-table [class*="bgc-"].menu [role='menuitem']:focus {
    color: white;
    background-color: rgba(88, 94, 97, 0.08);
}

.dropdown-menu .dropdown-item, .ui.select-dropdown .menu .dropdown-item, .ui.select-dropdown .dropdown-menu .menu > .item, .ui.select-dropdown .menu > .item, .bootstrap-table .dropdown-menu [role='menuitem'], .ui.selection.select-dropdown .menu .bootstrap-table .dropdown-menu [role='menuitem'], select.ui.select-dropdown .menu .bootstrap-table .dropdown-menu [role='menuitem'], .bootstrap-table .ui.select-dropdown .menu [role='menuitem'], .ui.select-dropdown .bootstrap-table .menu [role='menuitem'] {
    padding: 8px 1.78rem;
    transition: color .3s, background .3s;
    line-height: 1.57143;
}

    .dropdown-menu .dropdown-item:hover, .ui.select-dropdown .menu .dropdown-item:hover, .ui.select-dropdown .dropdown-menu .menu > .item:hover, .ui.select-dropdown .menu > .item:hover, .bootstrap-table .dropdown-menu [role='menuitem']:hover, .bootstrap-table .ui.select-dropdown .menu [role='menuitem']:hover, .ui.select-dropdown .bootstrap-table .menu [role='menuitem']:hover, .dropdown-menu .dropdown-item:active, .ui.select-dropdown .menu .dropdown-item:active, .ui.select-dropdown .dropdown-menu .menu > .item:active, .ui.select-dropdown .menu > .item:active, .bootstrap-table .dropdown-menu [role='menuitem']:active, .bootstrap-table .ui.select-dropdown .menu [role='menuitem']:active, .ui.select-dropdown .bootstrap-table .menu [role='menuitem']:active, .dropdown-menu .dropdown-item:focus, .ui.select-dropdown .menu .dropdown-item:focus, .ui.select-dropdown .dropdown-menu .menu > .item:focus, .ui.select-dropdown .menu > .item:focus, .bootstrap-table .dropdown-menu [role='menuitem']:focus, .bootstrap-table .ui.select-dropdown .menu [role='menuitem']:focus, .ui.select-dropdown .bootstrap-table .menu [role='menuitem']:focus {
        color: #474c4e;
        background-color: #eef6f8;
    }

.dropdown-menu .dropdown-header, .ui.select-dropdown .menu .dropdown-header {
    padding: 7px 1.42rem;
    font-weight: 500;
}

/*********************************/
/*********************************/
.nav-tabs .nav-item .nav-link, .tabcontrol > .steps > ul .nav-item .nav-link, .nav-tabs .tabcontrol > .steps > ul > li .nav-link, .tabcontrol > .steps > ul > li .nav-link, .nav-tabs .nav-item .tabcontrol > .steps > ul > li > a, .tabcontrol > .steps > ul .nav-item .tabcontrol > .steps > ul > li > a, .nav-tabs .tabcontrol > .steps > ul > li > a, .tabcontrol > .steps > ul > li > a {
    color: #797e81;
}

.nav-tabs .nav-item:hover .nav-link, .tabcontrol > .steps > ul .nav-item:hover .nav-link, .nav-tabs .tabcontrol > .steps > ul > li:hover .nav-link, .tabcontrol > .steps > ul > li:hover .nav-link, .nav-tabs .nav-item:hover .tabcontrol > .steps > ul > li > a, .tabcontrol > .steps > ul .nav-item:hover .tabcontrol > .steps > ul > li > a, .nav-tabs .tabcontrol > .steps > ul > li:hover .tabcontrol > .steps > ul > li > a, .tabcontrol > .steps > ul > li:hover .tabcontrol > .steps > ul > li > a {
    border-color: transparent;
}

.nav-tabs .nav-link.active, .tabcontrol > .steps > ul .nav-link.active, .nav-tabs .tabcontrol > .steps > ul > li > a.active, .tabcontrol > .steps > ul > li > a.active, .nav-tabs .tabcontrol > .steps > ul > li.current > a, .tabcontrol > .steps > ul > li.current > a,
.nav-tabs .nav-item.show .nav-link, .tabcontrol > .steps > ul .nav-item.show .nav-link,
.nav-tabs .tabcontrol > .steps > ul > li.show .nav-link, .tabcontrol > .steps > ul > li.show .nav-link,
.nav-tabs .nav-item.show .tabcontrol > .steps > ul > li > a, .tabcontrol > .steps > ul .nav-item.show .tabcontrol > .steps > ul > li > a,
.nav-tabs .tabcontrol > .steps > ul > li.show .tabcontrol > .steps > ul > li > a, .tabcontrol > .steps > ul > li.show .tabcontrol > .steps > ul > li > a {
    color: #585e61;
    border-color: #dee4e8 #dee4e8 transparent !important;
}

.nav-semi-border.nav-tabs .nav-link.active, .tabcontrol > .steps > ul.nav-semi-border .nav-link.active, .nav-semi-border.nav-tabs .tabcontrol > .steps > ul > li > a.active, .tabcontrol > .steps > ul.nav-semi-border .tabcontrol > .steps > ul > li > a.active, .nav-semi-border.nav-tabs .tabcontrol > .steps > ul > li.current > a, .tabcontrol > .steps > ul.nav-semi-border .tabcontrol > .steps > ul > li.current > a,
.nav-semi-border.nav-tabs .nav-item.show .nav-link, .tabcontrol > .steps > ul.nav-semi-border .nav-item.show .nav-link,
.nav-semi-border.nav-tabs .tabcontrol > .steps > ul > li.show .nav-link, .tabcontrol > .steps > ul.nav-semi-border .tabcontrol > .steps > ul > li.show .nav-link,
.nav-semi-border.nav-tabs .nav-item.show .tabcontrol > .steps > ul > li > a, .tabcontrol > .steps > ul.nav-semi-border .nav-item.show .tabcontrol > .steps > ul > li > a,
.nav-semi-border.nav-tabs .tabcontrol > .steps > ul > li.show .tabcontrol > .steps > ul > li > a, .tabcontrol > .steps > ul.nav-semi-border .tabcontrol > .steps > ul > li.show .tabcontrol > .steps > ul > li > a {
    border-color: transparent #dee4e8 !important;
}

.nav-semi-border.nav-tabs .nav-item:first-child .nav-link, .tabcontrol > .steps > ul.nav-semi-border .nav-item:first-child .nav-link, .nav-semi-border.nav-tabs .tabcontrol > .steps > ul > li:first-child .nav-link, .tabcontrol > .steps > ul.nav-semi-border .tabcontrol > .steps > ul > li:first-child .nav-link, .nav-semi-border.nav-tabs .nav-item:first-child .tabcontrol > .steps > ul > li > a, .tabcontrol > .steps > ul.nav-semi-border .nav-item:first-child .tabcontrol > .steps > ul > li > a, .nav-semi-border.nav-tabs .tabcontrol > .steps > ul > li:first-child .tabcontrol > .steps > ul > li > a, .tabcontrol > .steps > ul.nav-semi-border .tabcontrol > .steps > ul > li:first-child .tabcontrol > .steps > ul > li > a {
    border-left-color: transparent !important;
}

.nav-tabs .nav-link, .tabcontrol > .steps > ul .nav-link, .nav-tabs .tabcontrol > .steps > ul > li > a, .tabcontrol > .steps > ul > li > a {
    outline: 0;
}

.nav-inverse.nav-tabs, .tabcontrol > .steps > ul.nav-inverse {
    border-bottom: 0;
    border-top: 1px solid #dee4e8;
}

    .nav-inverse.nav-tabs .nav-item, .tabcontrol > .steps > ul.nav-inverse .nav-item, .nav-inverse.nav-tabs .tabcontrol > .steps > ul > li, .tabcontrol > .steps > ul.nav-inverse .tabcontrol > .steps > ul > li {
        margin-bottom: auto;
        margin-top: -1px;
    }

.nav-item .nav-link, .tabcontrol > .steps > ul > li .nav-link, .nav-item .tabcontrol > .steps > ul > li > a, .tabcontrol > .steps > ul > li > a {
    white-space: nowrap;
}

.nav-tabs ~ .tab-content, .tabcontrol > .steps > ul ~ .tab-content {
    margin-top: -1px;
}

.nav-tabs .nav-link, .tabcontrol > .steps > ul .nav-link, .nav-tabs .tabcontrol > .steps > ul > li > a, .tabcontrol > .steps > ul > li > a {
    transition: background .2s;
    color: #797e81;
}

.nav-pills .nav-link, .nav-pills .tabcontrol > .steps > ul > li > a {
    transition: background .2s;
    color: #585e61;
}

.vertical-tabs {
    position: relative;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

    .vertical-tabs .nav-tabs, .vertical-tabs .tabcontrol > .steps > ul {
        border-bottom: 0;
        border-right: 1px solid #e7edf0;
        z-index: 1;
    }

        .vertical-tabs .nav-tabs .nav-item, .vertical-tabs .tabcontrol > .steps > ul .nav-item, .vertical-tabs .nav-tabs .tabcontrol > .steps > ul > li, .vertical-tabs .tabcontrol > .steps > ul > li {
            margin: 0;
            margin-right: -1px;
            white-space: nowrap;
        }

            .vertical-tabs .nav-tabs .nav-link, .vertical-tabs .tabcontrol > .steps > ul .nav-link, .vertical-tabs .nav-tabs .tabcontrol > .steps > ul > li > a, .vertical-tabs .tabcontrol > .steps > ul > li > a {
                border: 1px solid transparent;
                padding-top: .9em;
                padding-bottom: .9em;
                border-top-left-radius: 0;
                border-top-right-radius: 0;
            }

                .vertical-tabs .nav-tabs .nav-link.active, .vertical-tabs .tabcontrol > .steps > ul .nav-link.active, .vertical-tabs .nav-tabs .tabcontrol > .steps > ul > li > a.active, .vertical-tabs .tabcontrol > .steps > ul > li > a.active, .vertical-tabs .nav-tabs .tabcontrol > .steps > ul > li.current > a, .vertical-tabs .tabcontrol > .steps > ul > li.current > a,
                .vertical-tabs .nav-tabs .nav-item.show .nav-link,
                .vertical-tabs .tabcontrol > .steps > ul .nav-item.show .nav-link,
                .vertical-tabs .nav-tabs .tabcontrol > .steps > ul > li.show .nav-link,
                .vertical-tabs .tabcontrol > .steps > ul > li.show .nav-link,
                .vertical-tabs .nav-tabs .nav-item.show .tabcontrol > .steps > ul > li > a,
                .vertical-tabs .tabcontrol > .steps > ul .nav-item.show .tabcontrol > .steps > ul > li > a,
                .vertical-tabs .nav-tabs .tabcontrol > .steps > ul > li.show .tabcontrol > .steps > ul > li > a,
                .vertical-tabs .tabcontrol > .steps > ul > li.show .tabcontrol > .steps > ul > li > a {
                    border-color: #dee4e8 #f4f9fc #dee4e8 #dee4e8 !important;
                }

        .vertical-tabs .nav-tabs.nav-semi-border .nav-link:focus, .vertical-tabs .tabcontrol > .steps > ul.nav-semi-border .nav-link:focus, .vertical-tabs .nav-tabs.nav-semi-border .tabcontrol > .steps > ul > li > a:focus, .vertical-tabs .tabcontrol > .steps > ul.nav-semi-border .tabcontrol > .steps > ul > li > a:focus, .vertical-tabs .nav-tabs.nav-semi-border .nav-link:hover, .vertical-tabs .tabcontrol > .steps > ul.nav-semi-border .nav-link:hover, .vertical-tabs .nav-tabs.nav-semi-border .tabcontrol > .steps > ul > li > a:hover, .vertical-tabs .tabcontrol > .steps > ul.nav-semi-border .tabcontrol > .steps > ul > li > a:hover {
            border-color: transparent;
        }

        .vertical-tabs .nav-tabs.nav-semi-border .nav-link.active, .vertical-tabs .tabcontrol > .steps > ul.nav-semi-border .nav-link.active, .vertical-tabs .nav-tabs.nav-semi-border .tabcontrol > .steps > ul > li > a.active, .vertical-tabs .tabcontrol > .steps > ul.nav-semi-border .tabcontrol > .steps > ul > li > a.active, .vertical-tabs .nav-tabs.nav-semi-border .tabcontrol > .steps > ul > li.current > a, .vertical-tabs .tabcontrol > .steps > ul.nav-semi-border .tabcontrol > .steps > ul > li.current > a,
        .vertical-tabs .nav-tabs.nav-semi-border .nav-item.show .nav-link,
        .vertical-tabs .tabcontrol > .steps > ul.nav-semi-border .nav-item.show .nav-link,
        .vertical-tabs .nav-tabs.nav-semi-border .tabcontrol > .steps > ul > li.show .nav-link,
        .vertical-tabs .tabcontrol > .steps > ul.nav-semi-border .tabcontrol > .steps > ul > li.show .nav-link,
        .vertical-tabs .nav-tabs.nav-semi-border .nav-item.show .tabcontrol > .steps > ul > li > a,
        .vertical-tabs .tabcontrol > .steps > ul.nav-semi-border .nav-item.show .tabcontrol > .steps > ul > li > a,
        .vertical-tabs .nav-tabs.nav-semi-border .tabcontrol > .steps > ul > li.show .tabcontrol > .steps > ul > li > a,
        .vertical-tabs .tabcontrol > .steps > ul.nav-semi-border .tabcontrol > .steps > ul > li.show .tabcontrol > .steps > ul > li > a {
            border-color: #dee4e8 #f4f9fc #dee4e8 !important;
        }

        .vertical-tabs .nav-tabs.nav-semi-border .nav-item:first-child .nav-link, .vertical-tabs .tabcontrol > .steps > ul.nav-semi-border .nav-item:first-child .nav-link, .vertical-tabs .nav-tabs.nav-semi-border .tabcontrol > .steps > ul > li:first-child .nav-link, .vertical-tabs .tabcontrol > .steps > ul.nav-semi-border .tabcontrol > .steps > ul > li:first-child .nav-link, .vertical-tabs .nav-tabs.nav-semi-border .nav-item:first-child .tabcontrol > .steps > ul > li > a, .vertical-tabs .tabcontrol > .steps > ul.nav-semi-border .nav-item:first-child .tabcontrol > .steps > ul > li > a, .vertical-tabs .nav-tabs.nav-semi-border .tabcontrol > .steps > ul > li:first-child .tabcontrol > .steps > ul > li > a, .vertical-tabs .tabcontrol > .steps > ul.nav-semi-border .tabcontrol > .steps > ul > li:first-child .tabcontrol > .steps > ul > li > a {
            border-top-width: 0;
        }

    .vertical-tabs .nav-pills .nav-item, .vertical-tabs .nav-pills .tabcontrol > .steps > ul > li {
        white-space: nowrap;
    }

    .vertical-tabs .nav-link, .vertical-tabs .tabcontrol > .steps > ul > li > a {
        padding-top: .9em;
        padding-bottom: .9em;
    }

    .vertical-tabs .tab-content {
        margin: 0 0 0 -1px;
        width: 100%;
    }

@media (max-width: 575px) {
    .panel-wrap .panel-body .nav-tabs, .panel-wrap .panel-body .tabcontrol > .steps > ul,
    .panel-wrap .panel-body .nav-pills {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

        .panel-wrap .panel-body .nav-tabs .nav-item, .panel-wrap .panel-body .tabcontrol > .steps > ul .nav-item, .panel-wrap .panel-body .nav-tabs .tabcontrol > .steps > ul > li, .panel-wrap .panel-body .tabcontrol > .steps > ul > li,
        .panel-wrap .panel-body .nav-pills .nav-item,
        .panel-wrap .panel-body .nav-pills .tabcontrol > .steps > ul > li {
            -webkit-flex: 1 1 auto;
            -ms-flex: 1 1 auto;
            flex: 1 1 auto;
        }

            .panel-wrap .panel-body .nav-tabs .nav-link, .panel-wrap .panel-body .tabcontrol > .steps > ul .nav-link, .panel-wrap .panel-body .nav-tabs .tabcontrol > .steps > ul > li > a, .panel-wrap .panel-body .tabcontrol > .steps > ul > li > a {
                border-width: 1px !important;
            }

                .panel-wrap .panel-body .nav-tabs .nav-link.active, .panel-wrap .panel-body .tabcontrol > .steps > ul .nav-link.active, .panel-wrap .panel-body .nav-tabs .tabcontrol > .steps > ul > li > a.active, .panel-wrap .panel-body .tabcontrol > .steps > ul > li > a.active, .panel-wrap .panel-body .nav-tabs .tabcontrol > .steps > ul > li.current > a, .panel-wrap .panel-body .tabcontrol > .steps > ul > li.current > a,
                .panel-wrap .panel-body .nav-tabs .nav-item:hover .nav-link,
                .panel-wrap .panel-body .tabcontrol > .steps > ul .nav-item:hover .nav-link,
                .panel-wrap .panel-body .nav-tabs .tabcontrol > .steps > ul > li:hover .nav-link,
                .panel-wrap .panel-body .tabcontrol > .steps > ul > li:hover .nav-link,
                .panel-wrap .panel-body .nav-tabs .nav-item:hover .tabcontrol > .steps > ul > li > a,
                .panel-wrap .panel-body .tabcontrol > .steps > ul .nav-item:hover .tabcontrol > .steps > ul > li > a,
                .panel-wrap .panel-body .nav-tabs .tabcontrol > .steps > ul > li:hover .tabcontrol > .steps > ul > li > a,
                .panel-wrap .panel-body .tabcontrol > .steps > ul > li:hover .tabcontrol > .steps > ul > li > a {
                    border-color: #dee4e8 !important;
                }

    .panel-wrap .panel-body .vertical-tabs {
        display: block;
    }

        .panel-wrap .panel-body .vertical-tabs .nav-tabs, .panel-wrap .panel-body .vertical-tabs .tabcontrol > .steps > ul {
            border-right-width: 0;
        }
}

.panel-wrap[max-width~="561px"] .panel-body .nav-tabs, .panel-wrap[max-width~="561px"] .panel-body .tabcontrol > .steps > ul,
.panel-wrap[max-width~="561px"] .panel-body .nav-pills {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

    .panel-wrap[max-width~="561px"] .panel-body .nav-tabs .nav-item, .panel-wrap[max-width~="561px"] .panel-body .tabcontrol > .steps > ul .nav-item, .panel-wrap[max-width~="561px"] .panel-body .nav-tabs .tabcontrol > .steps > ul > li, .panel-wrap[max-width~="561px"] .panel-body .tabcontrol > .steps > ul > li,
    .panel-wrap[max-width~="561px"] .panel-body .nav-pills .nav-item,
    .panel-wrap[max-width~="561px"] .panel-body .nav-pills .tabcontrol > .steps > ul > li {
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    }

        .panel-wrap[max-width~="561px"] .panel-body .nav-tabs .nav-link, .panel-wrap[max-width~="561px"] .panel-body .tabcontrol > .steps > ul .nav-link, .panel-wrap[max-width~="561px"] .panel-body .nav-tabs .tabcontrol > .steps > ul > li > a, .panel-wrap[max-width~="561px"] .panel-body .tabcontrol > .steps > ul > li > a {
            border-width: 1px !important;
        }

            .panel-wrap[max-width~="561px"] .panel-body .nav-tabs .nav-link.active, .panel-wrap[max-width~="561px"] .panel-body .tabcontrol > .steps > ul .nav-link.active, .panel-wrap[max-width~="561px"] .panel-body .nav-tabs .tabcontrol > .steps > ul > li > a.active, .panel-wrap[max-width~="561px"] .panel-body .tabcontrol > .steps > ul > li > a.active, .panel-wrap[max-width~="561px"] .panel-body .nav-tabs .tabcontrol > .steps > ul > li.current > a, .panel-wrap[max-width~="561px"] .panel-body .tabcontrol > .steps > ul > li.current > a,
            .panel-wrap[max-width~="561px"] .panel-body .nav-tabs .nav-item:hover .nav-link,
            .panel-wrap[max-width~="561px"] .panel-body .tabcontrol > .steps > ul .nav-item:hover .nav-link,
            .panel-wrap[max-width~="561px"] .panel-body .nav-tabs .tabcontrol > .steps > ul > li:hover .nav-link,
            .panel-wrap[max-width~="561px"] .panel-body .tabcontrol > .steps > ul > li:hover .nav-link,
            .panel-wrap[max-width~="561px"] .panel-body .nav-tabs .nav-item:hover .tabcontrol > .steps > ul > li > a,
            .panel-wrap[max-width~="561px"] .panel-body .tabcontrol > .steps > ul .nav-item:hover .tabcontrol > .steps > ul > li > a,
            .panel-wrap[max-width~="561px"] .panel-body .nav-tabs .tabcontrol > .steps > ul > li:hover .tabcontrol > .steps > ul > li > a,
            .panel-wrap[max-width~="561px"] .panel-body .tabcontrol > .steps > ul > li:hover .tabcontrol > .steps > ul > li > a {
                border-color: #dee4e8 !important;
            }

.panel-wrap[max-width~="561px"] .panel-body .vertical-tabs {
    display: block;
}

    .panel-wrap[max-width~="561px"] .panel-body .vertical-tabs .nav-tabs, .panel-wrap[max-width~="561px"] .panel-body .vertical-tabs .tabcontrol > .steps > ul {
        border-right-width: 0;
    }

/*********************************/
/*********************************/
.progress {
    overflow: visible;
    height: auto;
}

    .progress .progress-bar {
        position: relative;
        height: 1.15rem;
        line-height: 1.15rem;
    }

        .progress .progress-bar .popup {
            font-family: "Open Sans", "sans-serif";
            font-style: normal;
            font-weight: normal;
            line-height: 1.57143;
            text-align: left;
            text-align: start;
            text-decoration: none;
            text-shadow: none;
            text-transform: none;
            letter-spacing: normal;
            word-break: normal;
            word-spacing: normal;
            white-space: normal;
            line-break: auto;
            border-radius: 3px;
            position: absolute;
            top: 0;
            left: auto;
            right: 0;
            -webkit-transform: translateX(50%);
            transform: translateX(50%);
            margin-top: -38px;
            z-index: 1060;
            display: block;
            max-width: 276px;
            padding: 1px;
            word-wrap: break-word;
            font-size: 0.82rem;
            background-color: #282d38;
            background-clip: padding-box;
            border: 1px solid #282d38;
        }

            .progress .progress-bar .popup::before, .progress .progress-bar .popup::after {
                content: "";
                position: absolute;
                display: block;
                width: 0;
                height: 0;
                left: 0;
                right: 0;
                margin: 0 auto;
                border-color: transparent;
                border-style: solid;
                bottom: -16px;
            }

            .progress .progress-bar .popup::before {
                border-width: 20px 6.33333px 0 6.33333px;
                border-top-color: #282d38;
            }

            .progress .progress-bar .popup::after {
                border-width: 19px 6.33333px 0 6.33333px;
                border-top-color: #282d38;
            }

            .progress .progress-bar .popup .popup-content {
                padding: 0 3px;
            }

        .progress .progress-bar.progress-bar-xs {
            height: 0.55rem;
            line-height: 0.55rem;
        }

        .progress .progress-bar.progress-bar-sm {
            height: 0.75rem;
            line-height: 0.75rem;
        }

        .progress .progress-bar.progress-bar-md {
            height: 1.15rem;
            line-height: 1.15rem;
        }

        .progress .progress-bar.progress-bar-lg {
            height: 1.5rem;
            line-height: 1.5rem;
        }

        .progress .progress-bar.progress-bar-xl {
            height: 1.85rem;
            line-height: 1.85rem;
        }

/*********************************/
/*********************************/
.badge {
    transition: all .2s;
    padding: .3em .7em;
    cursor: pointer;
    font-weight: 400;
    line-height: 1.1;
    display: inline-block !important;
    position: relative;
}

    .badge.badge-default {
        color: #797e81;
        background: #dee4e8;
    }

        .badge.badge-default:hover, .badge.badge-default:focus {
            color: #585e61;
        }

    .badge.badge-pill {
        border-radius: 5px;
    }

    .badge.badge-circle {
        border-radius: 10em;
    }

    .badge.badge-empty {
        width: 11px;
        height: 11px;
        display: inline-block;
        border-radius: 10rem;
        padding: 0;
    }

    .badge img {
        height: 21px;
        margin: 2px 10px 2px 0;
        border-radius: 10rem;
    }

.waves:after {
    content: '';
    position: absolute;
    top: -35%;
    left: -35%;
    width: 170%;
    height: 170%;
    border-width: 10px;
    border-style: solid;
    border-color: inherit;
    border-radius: inherit;
    -webkit-animation: waves 1.5s cubic-bezier(0.42, 0, 0.58, 1) 0s infinite;
    animation: waves 1.5s cubic-bezier(0.42, 0, 0.58, 1) 0s infinite;
}

@-webkit-keyframes waves {
    0% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
        opacity: 0.0;
    }

    25% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
        opacity: 0.1;
    }

    50% {
        -webkit-transform: scale(0.6);
        transform: scale(0.6);
        opacity: 0.3;
    }

    75% {
        -webkit-transform: scale(0.75);
        transform: scale(0.75);
        opacity: 0.5;
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0.0;
    }
}

@keyframes waves {
    0% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
        opacity: 0.0;
    }

    25% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
        opacity: 0.1;
    }

    50% {
        -webkit-transform: scale(0.6);
        transform: scale(0.6);
        opacity: 0.3;
    }

    75% {
        -webkit-transform: scale(0.75);
        transform: scale(0.75);
        opacity: 0.5;
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0.0;
    }
}

/*********************************/
/*********************************/
.accordion .card-header {
    padding: 0;
    border-color: #e6eff3;
}

    .accordion .card-header a {
        color: #585e61;
        display: block;
        padding: 0.75rem 1.25rem;
    }

        .accordion .card-header a:after {
            content: '\f2f4';
            font-family: 'Ionicons';
            float: right;
            font-size: 1.28571rem;
        }

        .accordion .card-header a.collapsed:after {
            content: '\f2c7';
        }

/*********************************/
/*********************************/
.file {
    cursor: pointer;
}

    .file .image,
    .file .name {
        color: #797e81;
        position: relative;
    }

    .file.file-lg {
        width: 90px;
        text-align: center;
        display: inline-block;
    }

        .file.file-lg .image {
            height: 90px;
            line-height: 90px;
            font-size: 2.57143rem;
        }

            .file.file-lg .image span.file-control {
                opacity: 0;
                transition: opacity .2s;
                position: absolute;
                text-align: center;
                font-size: 1.14286rem;
                background: rgba(88, 94, 97, 0.9);
                display: inline-block;
                width: 100%;
                left: 0;
                right: 0;
                color: #f4f9fc;
            }

                .file.file-lg .image span.file-control i {
                    padding: .4rem;
                }

            .file.file-lg .image:hover span.file-control {
                opacity: 1;
            }

            .file.file-lg .image img {
                margin-top: -6px;
            }

        .file.file-lg .name {
            margin-top: 8px;
            font-size: 0.85714rem;
        }

    .file.file-sm {
        display: block;
    }

        .file.file-sm::after {
            display: block;
            clear: both;
            content: "";
        }

        .file.file-sm .image {
            height: 45px;
            line-height: 45px;
            width: 45px;
            font-size: 1.14286rem;
            float: left;
            text-align: center;
        }

        .file.file-sm .name {
            margin-left: 60px;
            font-size: 0.85714rem;
        }

/*********************************/
/*********************************/
.table {
    margin-bottom: 0;
}

    .table thead th {
        border-width: 1px;
        font-weight: 600;
    }

/*********************************/
/*********************************/
/* Element Variables
   Change $hamburger-w to adjust entire button size.
*/
.hamburger-btn {
    display: inline-block;
    position: relative;
    width: 18px;
    height: 14px;
    cursor: pointer;
    padding: 0;
}

    .hamburger-btn span,
    .hamburger-btn span:before,
    .hamburger-btn span:after {
        transition: all .2s ease-in-out;
        background-color: #797e81;
        width: 18px;
        height: 2px;
        top: -5px;
    }

    .hamburger-btn span {
        position: relative;
        display: inline-block;
        margin-top: 6px;
    }

        .hamburger-btn span:before, .hamburger-btn span:after {
            content: "";
            position: absolute;
            left: 0;
        }

        .hamburger-btn span:before {
            top: -6px;
        }

        .hamburger-btn span:after {
            top: 6px;
        }

    .hamburger-btn.active span {
        background-color: transparent;
    }

        .hamburger-btn.active span:before, .hamburger-btn.active span:after {
            top: 0;
        }

        .hamburger-btn.active span:before {
            -webkit-transform: rotate(-135deg);
            transform: rotate(-135deg);
        }

        .hamburger-btn.active span:after {
            -webkit-transform: rotate(135deg);
            transform: rotate(135deg);
        }

.m-icon {
    -webkit-appearance: none;
    -moz-appearance: none;
    border: none;
    cursor: pointer;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    transition: 0.3s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 57px;
    background: transparent;
    outline: none;
    -webkit-tap-highlight-color: transparent;
}

    .m-icon > * {
        display: block;
    }

    .m-icon:hover, .m-icon:focus {
        outline: none;
    }

    .m-icon::-moz-focus-inner {
        border: 0;
    }

    .m-icon .m-icon-lines {
        top: -4px;
        display: inline-block;
        height: 1.8px;
        width: 17px;
        border-radius: 2.85714px;
        transition: 0.3s;
        background: #585e61;
        position: relative;
    }

        .m-icon .m-icon-lines::before, .m-icon .m-icon-lines::after {
            display: inline-block;
            height: 1.8px;
            width: 100%;
            border-radius: 2.85714px;
            transition: 0.3s;
            background: #585e61;
            content: '';
            position: absolute;
            left: 0;
            -webkit-transform-origin: 0.85714px center;
            transform-origin: 0.85714px center;
        }

        .m-icon .m-icon-lines::before {
            top: 6px;
        }

        .m-icon .m-icon-lines::after {
            top: -6px;
        }

    .m-icon .m-icon-arrow-left.m-icon-lines {
        -webkit-transform: scale3d(0.8, -0.8, 0.8);
        transform: scale3d(0.8, -0.8, 0.8);
    }

    .m-icon .m-icon-arrow-right.m-icon-lines {
        -webkit-transform: scale3d(-0.8, -0.8, 0.8);
        transform: scale3d(-0.8, -0.8, 0.8);
    }

        .m-icon .m-icon-arrow-left.m-icon-lines::before,
        .m-icon .m-icon-arrow-left.m-icon-lines::after,
        .m-icon .m-icon-arrow-right.m-icon-lines::before,
        .m-icon .m-icon-arrow-right.m-icon-lines::after {
            top: 0;
            width: 12px;
        }

    .m-icon .m-icon-arrow-left.m-icon-lines::before {
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
    }

    .m-icon .m-icon-arrow-left.m-icon-lines::after {
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
    }

    .m-icon .m-icon-arrow-right.m-icon-lines::before {
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
    }

    .m-icon .m-icon-arrow-right.m-icon-lines::after {
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
    }

/*********************************/
/*********************************/
@media (max-width: 767px) {
    .slide-item {
        margin: 0 auto !important;
        width: -webkit-max-content !important;
        width: -moz-max-content !important;
        width: max-content !important;
        display: block !important;
    }
}

/*********************************/
/*********************************/
.loader-wrap {
    cursor: progress;
    background: #e6eff3;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 390;
}

    .loader-wrap.page-loader {
        position: fixed;
    }

.loader.loading-icon {
    width: 2rem;
    height: 2rem;
    display: inline-block;
}

    .loader.loading-icon:after, .loader.loading-icon:before {
        position: absolute;
        content: '';
        top: 50%;
        left: 50%;
        width: 2rem;
        height: 2rem;
        margin: -1rem 0 0 -1rem;
    }

    .loader.loading-icon:after {
        box-shadow: 0 0 0 1px transparent;
        -webkit-animation: dropdown-spin .5s linear;
        animation: dropdown-spin .5s linear;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        border-radius: 500rem;
        border-width: 4px;
        border-color: #797e81 transparent transparent;
        border-style: solid;
    }

    .loader.loading-icon:before {
        border-radius: 500rem;
        border: 4px solid rgba(0, 0, 0, 0.1);
    }

/*********************************/
/*********************************/
.transition-panels {
    min-height: 190px;
}

.transition-texts {
    min-height: 300px;
}

.doubled-transition-panels {
    min-height: 390px;
}

    .doubled-transition-panels .panel {
        max-height: 175px;
    }

/*********************************/
/*********************************/
@media screen and (min-width: 0\0) {
    .progress-bar-animated {
        -webkit-animation: none;
        animation: none;
    }

    .waves:after {
        -webkit-animation: none;
        animation: none;
        display: none;
    }

    .carousel-item .row {
        width: 100%;
    }

    .custom-control {
        vertical-align: middle;
    }
}

.hidden-xs-up {
    display: none !important;
}

@media (max-width: 575px) {
    .hidden-xs-down {
        display: none !important;
    }
}

@media (min-width: 576px) {
    .hidden-sm-up {
        display: none !important;
    }
}

@media (max-width: 767px) {
    .hidden-sm-down {
        display: none !important;
    }
}

@media (min-width: 768px) {
    .hidden-md-up {
        display: none !important;
    }
}

@media (max-width: 991px) {
    .hidden-md-down {
        display: none !important;
    }
}

@media (min-width: 992px) {
    .hidden-lg-up {
        display: none !important;
    }
}

@media (max-width: 1199px) {
    .hidden-lg-down {
        display: none !important;
    }
}

@media (min-width: 1200px) {
    .hidden-xl-up {
        display: none !important;
    }
}

.hidden-xl-down {
    display: none !important;
}

/*!
 * @version: 1.2.0
 * @name: Adapted Transition plugin
 *
 * @author: https://themeforest.net/user/flexlayers
 */
/*******************************
          Transitions
*******************************/
/*
  Some transitions adapted from Animate CSS
  https://github.com/daneden/animate.css

  Additional transitions adapted from Glide
  by Nick Pettit - https://github.com/nickpettit/glide
*/
/*--------------
     Browse
---------------*/
.transition.browse {
    -webkit-animation-duration: 500ms;
    animation-duration: 500ms;
}

    .transition.browse.in {
        -webkit-animation-name: browseIn;
        animation-name: browseIn;
    }

    .transition.browse.out,
    .transition.browse.left.out {
        -webkit-animation-name: browseOutLeft;
        animation-name: browseOutLeft;
    }

    .transition.browse.right.out {
        -webkit-animation-name: browseOutRight;
        animation-name: browseOutRight;
    }

/* In */
@-webkit-keyframes browseIn {
    0% {
        -webkit-transform: scale(0.8) translateZ(0);
        transform: scale(0.8) translateZ(0);
        z-index: -1;
    }

    10% {
        -webkit-transform: scale(0.8) translateZ(0);
        transform: scale(0.8) translateZ(0);
        z-index: -1;
        opacity: 0.7;
    }

    80% {
        -webkit-transform: scale(1.05) translateZ(0);
        transform: scale(1.05) translateZ(0);
        opacity: 1;
        z-index: 999;
    }

    100% {
        -webkit-transform: scale(1) translateZ(0);
        transform: scale(1) translateZ(0);
        z-index: 999;
    }
}

@keyframes browseIn {
    0% {
        -webkit-transform: scale(0.8) translateZ(0);
        transform: scale(0.8) translateZ(0);
        z-index: -1;
    }

    10% {
        -webkit-transform: scale(0.8) translateZ(0);
        transform: scale(0.8) translateZ(0);
        z-index: -1;
        opacity: 0.7;
    }

    80% {
        -webkit-transform: scale(1.05) translateZ(0);
        transform: scale(1.05) translateZ(0);
        opacity: 1;
        z-index: 999;
    }

    100% {
        -webkit-transform: scale(1) translateZ(0);
        transform: scale(1) translateZ(0);
        z-index: 999;
    }
}

/* Out */
@-webkit-keyframes browseOutLeft {
    0% {
        z-index: 999;
        -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg);
        transform: translateX(0%) rotateY(0deg) rotateX(0deg);
    }

    50% {
        z-index: -1;
        -webkit-transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
        transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
    }

    80% {
        opacity: 1;
    }

    100% {
        z-index: -1;
        -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
        transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
        opacity: 0;
    }
}

@keyframes browseOutLeft {
    0% {
        z-index: 999;
        -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg);
        transform: translateX(0%) rotateY(0deg) rotateX(0deg);
    }

    50% {
        z-index: -1;
        -webkit-transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
        transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
    }

    80% {
        opacity: 1;
    }

    100% {
        z-index: -1;
        -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
        transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
        opacity: 0;
    }
}

@-webkit-keyframes browseOutRight {
    0% {
        z-index: 999;
        -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg);
        transform: translateX(0%) rotateY(0deg) rotateX(0deg);
    }

    50% {
        z-index: 1;
        -webkit-transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
        transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
    }

    80% {
        opacity: 1;
    }

    100% {
        z-index: 1;
        -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
        transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
        opacity: 0;
    }
}

@keyframes browseOutRight {
    0% {
        z-index: 999;
        -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg);
        transform: translateX(0%) rotateY(0deg) rotateX(0deg);
    }

    50% {
        z-index: 1;
        -webkit-transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
        transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
    }

    80% {
        opacity: 1;
    }

    100% {
        z-index: 1;
        -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
        transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
        opacity: 0;
    }
}

/*--------------
     Drop
---------------*/
.drop.transition {
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-duration: 400ms;
    animation-duration: 400ms;
    -webkit-animation-timing-function: cubic-bezier(0.34, 1.61, 0.7, 1);
    animation-timing-function: cubic-bezier(0.34, 1.61, 0.7, 1);
}

    .drop.transition.in {
        -webkit-animation-name: dropIn;
        animation-name: dropIn;
    }

    .drop.transition.out {
        -webkit-animation-name: dropOut;
        animation-name: dropOut;
    }

/* Drop */
@-webkit-keyframes dropIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes dropIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@-webkit-keyframes dropOut {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0);
    }
}

@keyframes dropOut {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0);
    }
}

/*--------------
      Fade
---------------*/
.transition.fade.in {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}

.transition[class*="fade up"].in {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

.transition[class*="fade down"].in {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

.transition[class*="fade left"].in {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}

.transition[class*="fade right"].in {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}

.transition.fade.out {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
}

.transition[class*="fade up"].out {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp;
}

.transition[class*="fade down"].out {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown;
}

.transition[class*="fade left"].out {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft;
}

.transition[class*="fade right"].out {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight;
}

/* In */
@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(3%);
        transform: translateY(3%);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(3%);
        transform: translateY(3%);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-3%);
        transform: translateY(-3%);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-3%);
        transform: translateY(-3%);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(3%);
        transform: translateX(3%);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(3%);
        transform: translateX(3%);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
    }
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-3%);
        transform: translateX(-3%);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-3%);
        transform: translateX(-3%);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
    }
}

/* Out */
@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(5%);
        transform: translateY(5%);
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(5%);
        transform: translateY(5%);
    }
}

@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-5%);
        transform: translateY(-5%);
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-5%);
        transform: translateY(-5%);
    }
}

@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(5%);
        transform: translateX(5%);
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(5%);
        transform: translateX(5%);
    }
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-5%);
        transform: translateX(-5%);
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-5%);
        transform: translateX(-5%);
    }
}

/*--------------
     Flips
---------------*/
.flip.transition.in,
.flip.transition.out {
    -webkit-animation-duration: 600ms;
    animation-duration: 600ms;
}

.horizontal.flip.transition.in {
    -webkit-animation-name: horizontalFlipIn;
    animation-name: horizontalFlipIn;
}

.horizontal.flip.transition.out {
    -webkit-animation-name: horizontalFlipOut;
    animation-name: horizontalFlipOut;
}

.vertical.flip.transition.in {
    -webkit-animation-name: verticalFlipIn;
    animation-name: verticalFlipIn;
}

.vertical.flip.transition.out {
    -webkit-animation-name: verticalFlipOut;
    animation-name: verticalFlipOut;
}

/* In */
@-webkit-keyframes horizontalFlipIn {
    0% {
        -webkit-transform: perspective(2000px) rotateY(-90deg);
        transform: perspective(2000px) rotateY(-90deg);
        opacity: 0;
    }

    100% {
        -webkit-transform: perspective(2000px) rotateY(0deg);
        transform: perspective(2000px) rotateY(0deg);
        opacity: 1;
    }
}

@keyframes horizontalFlipIn {
    0% {
        -webkit-transform: perspective(2000px) rotateY(-90deg);
        transform: perspective(2000px) rotateY(-90deg);
        opacity: 0;
    }

    100% {
        -webkit-transform: perspective(2000px) rotateY(0deg);
        transform: perspective(2000px) rotateY(0deg);
        opacity: 1;
    }
}

@-webkit-keyframes verticalFlipIn {
    0% {
        -webkit-transform: perspective(2000px) rotateX(-90deg);
        transform: perspective(2000px) rotateX(-90deg);
        opacity: 0;
    }

    100% {
        -webkit-transform: perspective(2000px) rotateX(0deg);
        transform: perspective(2000px) rotateX(0deg);
        opacity: 1;
    }
}

@keyframes verticalFlipIn {
    0% {
        -webkit-transform: perspective(2000px) rotateX(-90deg);
        transform: perspective(2000px) rotateX(-90deg);
        opacity: 0;
    }

    100% {
        -webkit-transform: perspective(2000px) rotateX(0deg);
        transform: perspective(2000px) rotateX(0deg);
        opacity: 1;
    }
}

/* Out */
@-webkit-keyframes horizontalFlipOut {
    0% {
        -webkit-transform: perspective(2000px) rotateY(0deg);
        transform: perspective(2000px) rotateY(0deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: perspective(2000px) rotateY(90deg);
        transform: perspective(2000px) rotateY(90deg);
        opacity: 0;
    }
}

@keyframes horizontalFlipOut {
    0% {
        -webkit-transform: perspective(2000px) rotateY(0deg);
        transform: perspective(2000px) rotateY(0deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: perspective(2000px) rotateY(90deg);
        transform: perspective(2000px) rotateY(90deg);
        opacity: 0;
    }
}

@-webkit-keyframes verticalFlipOut {
    0% {
        -webkit-transform: perspective(2000px) rotateX(0deg);
        transform: perspective(2000px) rotateX(0deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: perspective(2000px) rotateX(-90deg);
        transform: perspective(2000px) rotateX(-90deg);
        opacity: 0;
    }
}

@keyframes verticalFlipOut {
    0% {
        -webkit-transform: perspective(2000px) rotateX(0deg);
        transform: perspective(2000px) rotateX(0deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: perspective(2000px) rotateX(-90deg);
        transform: perspective(2000px) rotateX(-90deg);
        opacity: 0;
    }
}

/*--------------
      Scale
---------------*/
.scale.transition.in {
    -webkit-animation-name: scaleIn;
    animation-name: scaleIn;
}

.scale.transition.out {
    -webkit-animation-name: scaleOut;
    animation-name: scaleOut;
}

@-webkit-keyframes scaleIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes scaleIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

/* Out */
@-webkit-keyframes scaleOut {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }
}

@keyframes scaleOut {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }
}

/*--------------
      Fly
---------------*/
/* Inward */
.transition.fly {
    -webkit-animation-duration: 0.6s;
    animation-duration: 0.6s;
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

    .transition.fly.in {
        -webkit-animation-name: flyIn;
        animation-name: flyIn;
    }

.transition[class*="fly up"].in {
    -webkit-animation-name: flyInUp;
    animation-name: flyInUp;
}

.transition[class*="fly down"].in {
    -webkit-animation-name: flyInDown;
    animation-name: flyInDown;
}

.transition[class*="fly left"].in {
    -webkit-animation-name: flyInLeft;
    animation-name: flyInLeft;
}

.transition[class*="fly right"].in {
    -webkit-animation-name: flyInRight;
    animation-name: flyInRight;
}

/* Outward */
.transition.fly.out {
    -webkit-animation-name: flyOut;
    animation-name: flyOut;
}

.transition[class*="fly up"].out {
    -webkit-animation-name: flyOutUp;
    animation-name: flyOutUp;
}

.transition[class*="fly down"].out {
    -webkit-animation-name: flyOutDown;
    animation-name: flyOutDown;
}

.transition[class*="fly left"].out {
    -webkit-animation-name: flyOutLeft;
    animation-name: flyOutLeft;
}

.transition[class*="fly right"].out {
    -webkit-animation-name: flyOutRight;
    animation-name: flyOutRight;
}

/* In */
@-webkit-keyframes flyIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }

    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03);
    }

    80% {
        -webkit-transform: scale3d(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes flyIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }

    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03);
    }

    80% {
        -webkit-transform: scale3d(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@-webkit-keyframes flyInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 1500px, 0);
        transform: translate3d(0, 1500px, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }

    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0);
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes flyInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 1500px, 0);
        transform: translate3d(0, 1500px, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }

    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0);
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@-webkit-keyframes flyInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -1500px, 0);
        transform: translate3d(0, -1500px, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0);
    }

    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0);
    }

    100% {
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes flyInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -1500px, 0);
        transform: translate3d(0, -1500px, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0);
    }

    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0);
    }

    100% {
        -webkit-transform: none;
        transform: none;
    }
}

@-webkit-keyframes flyInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(1500px, 0, 0);
        transform: translate3d(1500px, 0, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0);
    }

    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }

    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0);
    }

    100% {
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes flyInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(1500px, 0, 0);
        transform: translate3d(1500px, 0, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0);
    }

    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }

    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0);
    }

    100% {
        -webkit-transform: none;
        transform: none;
    }
}

@-webkit-keyframes flyInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-1500px, 0, 0);
        transform: translate3d(-1500px, 0, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0);
    }

    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }

    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0);
    }

    100% {
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes flyInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-1500px, 0, 0);
        transform: translate3d(-1500px, 0, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0);
    }

    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }

    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0);
    }

    100% {
        -webkit-transform: none;
        transform: none;
    }
}

/* Out */
@-webkit-keyframes flyOut {
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }

    50%, 55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
}

@keyframes flyOut {
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }

    50%, 55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
}

@-webkit-keyframes flyOutUp {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }

    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}

@keyframes flyOutUp {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }

    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}

@-webkit-keyframes flyOutDown {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }

    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}

@keyframes flyOutDown {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }

    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}

@-webkit-keyframes flyOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}

@keyframes flyOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}

@-webkit-keyframes flyOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}

@keyframes flyOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}

/*--------------
     Slide
---------------*/
.transition.slide.in,
.transition[class*="slide down"].in {
    -webkit-animation-name: slideInY;
    animation-name: slideInY;
    -webkit-transform-origin: top center;
    transform-origin: top center;
}

.transition[class*="slide up"].in {
    -webkit-animation-name: slideInY;
    animation-name: slideInY;
    -webkit-transform-origin: bottom center;
    transform-origin: bottom center;
}

.transition[class*="slide left"].in {
    -webkit-animation-name: slideInX;
    animation-name: slideInX;
    -webkit-transform-origin: center right;
    transform-origin: center right;
}

.transition[class*="slide right"].in {
    -webkit-animation-name: slideInX;
    animation-name: slideInX;
    -webkit-transform-origin: center left;
    transform-origin: center left;
}

.transition.slide.out,
.transition[class*="slide down"].out {
    -webkit-animation-name: slideOutY;
    animation-name: slideOutY;
    -webkit-transform-origin: top center;
    transform-origin: top center;
}

.transition[class*="slide up"].out {
    -webkit-animation-name: slideOutY;
    animation-name: slideOutY;
    -webkit-transform-origin: bottom center;
    transform-origin: bottom center;
}

.transition[class*="slide left"].out {
    -webkit-animation-name: slideOutX;
    animation-name: slideOutX;
    -webkit-transform-origin: center right;
    transform-origin: center right;
}

.transition[class*="slide right"].out {
    -webkit-animation-name: slideOutX;
    animation-name: slideOutX;
    -webkit-transform-origin: center left;
    transform-origin: center left;
}

/* In */
@-webkit-keyframes slideInY {
    0% {
        opacity: 0;
        -webkit-transform: scaleY(0);
        transform: scaleY(0);
    }

    100% {
        opacity: 1;
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
    }
}

@keyframes slideInY {
    0% {
        opacity: 0;
        -webkit-transform: scaleY(0);
        transform: scaleY(0);
    }

    100% {
        opacity: 1;
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
    }
}

@-webkit-keyframes slideInX {
    0% {
        opacity: 0;
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
    }

    100% {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
}

@keyframes slideInX {
    0% {
        opacity: 0;
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
    }

    100% {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
}

/* Out */
@-webkit-keyframes slideOutY {
    0% {
        opacity: 1;
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
    }

    100% {
        opacity: 0;
        -webkit-transform: scaleY(0);
        transform: scaleY(0);
    }
}

@keyframes slideOutY {
    0% {
        opacity: 1;
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
    }

    100% {
        opacity: 0;
        -webkit-transform: scaleY(0);
        transform: scaleY(0);
    }
}

@-webkit-keyframes slideOutX {
    0% {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }

    100% {
        opacity: 0;
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
    }
}

@keyframes slideOutX {
    0% {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }

    100% {
        opacity: 0;
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
    }
}

.transition.slide2.in,
.transition[class*="slide2 down"].in {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown;
}

.transition[class*="slide2 up"].in {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp;
}

.transition[class*="slide2 left"].in {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft;
}

.transition[class*="slide2 right"].in {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight;
}

.transition.slide2.out,
.transition[class*="slide2 down"].out {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown;
}

.transition[class*="slide2 up"].out {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp;
}

.transition[class*="slide2 left"].out {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft;
}

.transition[class*="slide2 right"].out {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight;
}

@-webkit-keyframes slideInDown {
    from {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInDown {
    from {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@-webkit-keyframes slideInLeft {
    from {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInLeft {
    from {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@-webkit-keyframes slideInRight {
    from {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInRight {
    from {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@-webkit-keyframes slideInUp {
    from {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInUp {
    from {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@-webkit-keyframes slideOutDown {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

@keyframes slideOutDown {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

@-webkit-keyframes slideOutLeft {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

@keyframes slideOutLeft {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

@-webkit-keyframes slideOutRight {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

@keyframes slideOutRight {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

@-webkit-keyframes slideOutUp {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

@keyframes slideOutUp {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

/*--------------
     Swing
---------------*/
.transition.swing {
    -webkit-animation-duration: 800ms;
    animation-duration: 800ms;
}

.transition[class*="swing down"].in {
    -webkit-animation-name: swingInX;
    animation-name: swingInX;
    -webkit-transform-origin: top center;
    transform-origin: top center;
}

.transition[class*="swing up"].in {
    -webkit-animation-name: swingInX;
    animation-name: swingInX;
    -webkit-transform-origin: bottom center;
    transform-origin: bottom center;
}

.transition[class*="swing left"].in {
    -webkit-animation-name: swingInY;
    animation-name: swingInY;
    -webkit-transform-origin: center right;
    transform-origin: center right;
}

.transition[class*="swing right"].in {
    -webkit-animation-name: swingInY;
    animation-name: swingInY;
    -webkit-transform-origin: center left;
    transform-origin: center left;
}

.transition.swing.out,
.transition[class*="swing down"].out {
    -webkit-animation-name: swingOutX;
    animation-name: swingOutX;
    -webkit-transform-origin: top center;
    transform-origin: top center;
}

.transition[class*="swing up"].out {
    -webkit-animation-name: swingOutX;
    animation-name: swingOutX;
    -webkit-transform-origin: bottom center;
    transform-origin: bottom center;
}

.transition[class*="swing left"].out {
    -webkit-animation-name: swingOutY;
    animation-name: swingOutY;
    -webkit-transform-origin: center right;
    transform-origin: center right;
}

.transition[class*="swing right"].out {
    -webkit-animation-name: swingOutY;
    animation-name: swingOutY;
    -webkit-transform-origin: center left;
    transform-origin: center left;
}

/* In */
@-webkit-keyframes swingInX {
    0% {
        -webkit-transform: perspective(1000px) rotateX(90deg);
        transform: perspective(1000px) rotateX(90deg);
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(1000px) rotateX(-30deg);
        transform: perspective(1000px) rotateX(-30deg);
        opacity: 1;
    }

    60% {
        -webkit-transform: perspective(1000px) rotateX(15deg);
        transform: perspective(1000px) rotateX(15deg);
    }

    80% {
        -webkit-transform: perspective(1000px) rotateX(-7.5deg);
        transform: perspective(1000px) rotateX(-7.5deg);
    }

    100% {
        -webkit-transform: perspective(1000px) rotateX(0deg);
        transform: perspective(1000px) rotateX(0deg);
    }
}

@keyframes swingInX {
    0% {
        -webkit-transform: perspective(1000px) rotateX(90deg);
        transform: perspective(1000px) rotateX(90deg);
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(1000px) rotateX(-30deg);
        transform: perspective(1000px) rotateX(-30deg);
        opacity: 1;
    }

    60% {
        -webkit-transform: perspective(1000px) rotateX(15deg);
        transform: perspective(1000px) rotateX(15deg);
    }

    80% {
        -webkit-transform: perspective(1000px) rotateX(-7.5deg);
        transform: perspective(1000px) rotateX(-7.5deg);
    }

    100% {
        -webkit-transform: perspective(1000px) rotateX(0deg);
        transform: perspective(1000px) rotateX(0deg);
    }
}

@-webkit-keyframes swingInY {
    0% {
        -webkit-transform: perspective(1000px) rotateY(-90deg);
        transform: perspective(1000px) rotateY(-90deg);
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(1000px) rotateY(30deg);
        transform: perspective(1000px) rotateY(30deg);
        opacity: 1;
    }

    60% {
        -webkit-transform: perspective(1000px) rotateY(-17.5deg);
        transform: perspective(1000px) rotateY(-17.5deg);
    }

    80% {
        -webkit-transform: perspective(1000px) rotateY(7.5deg);
        transform: perspective(1000px) rotateY(7.5deg);
    }

    100% {
        -webkit-transform: perspective(1000px) rotateY(0deg);
        transform: perspective(1000px) rotateY(0deg);
    }
}

@keyframes swingInY {
    0% {
        -webkit-transform: perspective(1000px) rotateY(-90deg);
        transform: perspective(1000px) rotateY(-90deg);
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(1000px) rotateY(30deg);
        transform: perspective(1000px) rotateY(30deg);
        opacity: 1;
    }

    60% {
        -webkit-transform: perspective(1000px) rotateY(-17.5deg);
        transform: perspective(1000px) rotateY(-17.5deg);
    }

    80% {
        -webkit-transform: perspective(1000px) rotateY(7.5deg);
        transform: perspective(1000px) rotateY(7.5deg);
    }

    100% {
        -webkit-transform: perspective(1000px) rotateY(0deg);
        transform: perspective(1000px) rotateY(0deg);
    }
}

/* Out */
@-webkit-keyframes swingOutX {
    0% {
        -webkit-transform: perspective(1000px) rotateX(0deg);
        transform: perspective(1000px) rotateX(0deg);
    }

    40% {
        -webkit-transform: perspective(1000px) rotateX(-7.5deg);
        transform: perspective(1000px) rotateX(-7.5deg);
    }

    60% {
        -webkit-transform: perspective(1000px) rotateX(17.5deg);
        transform: perspective(1000px) rotateX(17.5deg);
    }

    80% {
        -webkit-transform: perspective(1000px) rotateX(-30deg);
        transform: perspective(1000px) rotateX(-30deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: perspective(1000px) rotateX(90deg);
        transform: perspective(1000px) rotateX(90deg);
        opacity: 0;
    }
}

@keyframes swingOutX {
    0% {
        -webkit-transform: perspective(1000px) rotateX(0deg);
        transform: perspective(1000px) rotateX(0deg);
    }

    40% {
        -webkit-transform: perspective(1000px) rotateX(-7.5deg);
        transform: perspective(1000px) rotateX(-7.5deg);
    }

    60% {
        -webkit-transform: perspective(1000px) rotateX(17.5deg);
        transform: perspective(1000px) rotateX(17.5deg);
    }

    80% {
        -webkit-transform: perspective(1000px) rotateX(-30deg);
        transform: perspective(1000px) rotateX(-30deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: perspective(1000px) rotateX(90deg);
        transform: perspective(1000px) rotateX(90deg);
        opacity: 0;
    }
}

@-webkit-keyframes swingOutY {
    0% {
        -webkit-transform: perspective(1000px) rotateY(0deg);
        transform: perspective(1000px) rotateY(0deg);
    }

    40% {
        -webkit-transform: perspective(1000px) rotateY(7.5deg);
        transform: perspective(1000px) rotateY(7.5deg);
    }

    60% {
        -webkit-transform: perspective(1000px) rotateY(-10deg);
        transform: perspective(1000px) rotateY(-10deg);
    }

    80% {
        -webkit-transform: perspective(1000px) rotateY(30deg);
        transform: perspective(1000px) rotateY(30deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: perspective(1000px) rotateY(-90deg);
        transform: perspective(1000px) rotateY(-90deg);
        opacity: 0;
    }
}

@keyframes swingOutY {
    0% {
        -webkit-transform: perspective(1000px) rotateY(0deg);
        transform: perspective(1000px) rotateY(0deg);
    }

    40% {
        -webkit-transform: perspective(1000px) rotateY(7.5deg);
        transform: perspective(1000px) rotateY(7.5deg);
    }

    60% {
        -webkit-transform: perspective(1000px) rotateY(-10deg);
        transform: perspective(1000px) rotateY(-10deg);
    }

    80% {
        -webkit-transform: perspective(1000px) rotateY(30deg);
        transform: perspective(1000px) rotateY(30deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: perspective(1000px) rotateY(-90deg);
        transform: perspective(1000px) rotateY(-90deg);
        opacity: 0;
    }
}

/*******************************
       Static Animations
*******************************/
/*--------------
    Emphasis
---------------*/
.flash.transition {
    -webkit-animation-duration: 750ms;
    animation-duration: 750ms;
    -webkit-animation-name: flash;
    animation-name: flash;
}

.shake.transition {
    -webkit-animation-duration: 750ms;
    animation-duration: 750ms;
    -webkit-animation-name: shake;
    animation-name: shake;
}

.bounce.transition {
    -webkit-animation-duration: 750ms;
    animation-duration: 750ms;
    -webkit-animation-name: bounce;
    animation-name: bounce;
}

.bounce.In.transition {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
}

.tada.transition {
    -webkit-animation-duration: 750ms;
    animation-duration: 750ms;
    -webkit-animation-name: tada;
    animation-name: tada;
}

.pulse.transition {
    -webkit-animation-duration: 500ms;
    animation-duration: 500ms;
    -webkit-animation-name: pulse;
    animation-name: pulse;
}

.jiggle.transition {
    -webkit-animation-duration: 750ms;
    animation-duration: 750ms;
    -webkit-animation-name: jiggle;
    animation-name: jiggle;
}

/* Flash */
@-webkit-keyframes flash {
    0%, 50%, 100% {
        opacity: 1;
    }

    25%, 75% {
        opacity: 0;
    }
}

@keyframes flash {
    0%, 50%, 100% {
        opacity: 1;
    }

    25%, 75% {
        opacity: 0;
    }
}

/* Shake */
@-webkit-keyframes shake {
    0%, 100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px);
    }

    20%, 40%, 60%, 80% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px);
    }
}

@keyframes shake {
    0%, 100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px);
    }

    20%, 40%, 60%, 80% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px);
    }
}

/* Bounce */
@-webkit-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    40% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }

    60% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px);
    }
}

@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    40% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }

    60% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px);
    }
}

@-webkit-keyframes bounceIn {
    from, 20%, 40%, 60%, 80%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }

    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03);
    }

    80% {
        -webkit-transform: scale3d(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97);
    }

    to {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes bounceIn {
    from, 20%, 40%, 60%, 80%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }

    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03);
    }

    80% {
        -webkit-transform: scale3d(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97);
    }

    to {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

/* Tada */
@-webkit-keyframes tada {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    10%, 20% {
        -webkit-transform: scale(0.9) rotate(-3deg);
        transform: scale(0.9) rotate(-3deg);
    }

    30%, 50%, 70%, 90% {
        -webkit-transform: scale(1.1) rotate(3deg);
        transform: scale(1.1) rotate(3deg);
    }

    40%, 60%, 80% {
        -webkit-transform: scale(1.1) rotate(-3deg);
        transform: scale(1.1) rotate(-3deg);
    }

    100% {
        -webkit-transform: scale(1) rotate(0);
        transform: scale(1) rotate(0);
    }
}

@keyframes tada {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    10%, 20% {
        -webkit-transform: scale(0.9) rotate(-3deg);
        transform: scale(0.9) rotate(-3deg);
    }

    30%, 50%, 70%, 90% {
        -webkit-transform: scale(1.1) rotate(3deg);
        transform: scale(1.1) rotate(3deg);
    }

    40%, 60%, 80% {
        -webkit-transform: scale(1.1) rotate(-3deg);
        transform: scale(1.1) rotate(-3deg);
    }

    100% {
        -webkit-transform: scale(1) rotate(0);
        transform: scale(1) rotate(0);
    }
}

/* Pulse */
@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }

    50% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
        opacity: 0.7;
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }

    50% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
        opacity: 0.7;
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}

/* Rubberband */
@-webkit-keyframes jiggle {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }

    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }

    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }

    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1);
    }

    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1);
    }

    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes jiggle {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }

    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }

    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }

    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1);
    }

    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1);
    }

    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

/*
* # Semantic - Transition
* http://github.com/semantic-org/semantic-ui/
*
*
* Copyright 2014 Contributors
* Released under the MIT license
* http://opensource.org/licenses/MIT
*
*/
/******************************
           Transitions
*******************************/
/*
  Some transitions adapted from Animate CSS
  https://github.com/daneden/animate.css
*/
.transition {
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-duration: 250ms;
    animation-duration: 250ms;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

/******************************
            States
******************************/
/* Animating */
.animating.transition {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-transform: none;
    transform: none;
    visibility: visible !important;
}

/* Loading */
.loading.transition {
    position: absolute;
    top: -99999px;
    left: -99999px;
}

/* Hidden */
.hidden.transition {
    display: none;
    visibility: hidden;
}

/* Visible */
.visible.transition {
    display: block !important;
    visibility: visible !important;
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-transform: none;
    transform: none;
}

/* Disabled */
.disabled.transition {
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
}

/******************************
            Variations
*******************************/
.looping.transition {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

/*!
 * @version: 1.2.0
 * @name: brand Icons
 *
 * @author: https://themeforest.net/user/flexlayers
 */
.icons-header {
    padding: 2.5rem 0 1.5rem;
}

.icon-list-item {
    padding: .5rem 0;
    height: 63px;
}

    .icon-list-item::after {
        display: block;
        clear: both;
        content: "";
    }

    .icon-list-item .icon {
        margin-right: 2rem;
        float: left;
        font-size: 1.71429rem;
    }

    .icon-list-item .desc {
        overflow-y: hidden;
    }

        .icon-list-item .desc span {
            display: block;
        }

            .icon-list-item .desc span.click {
                display: none;
            }

.devicons {
    position: relative;
    top: 1px;
}

.c-youtube {
    color: #e52d27 !important;
}

.c-youtube-square {
    color: #e52d27 !important;
}

.c-youtube-play {
    color: #e52d27 !important;
}

.c-yelp {
    color: #af0606 !important;
}

.c-y-combinator {
    color: #F0652F !important;
}

.c-yc {
    color: #F0652F !important;
}

.c-yahoo {
    color: #400191 !important;
}

.c-xing {
    color: #026466 !important;
}

.c-xing-square {
    color: #026466 !important;
}

.c-wordpress {
    color: #21759b !important;
}

.c-windows {
    color: #00bcf2 !important;
}

.c-wikipedia-w {
    color: #000 !important;
}

.c-wechat {
    color: #93d034 !important;
}

.c-weixin {
    color: #93d034 !important;
}

.c-weibo {
    color: #E71D34 !important;
}

.c-vk {
    color: #45668e !important;
}

.c-vine {
    color: #00b488 !important;
}

.c-vimeo {
    color: #1ab7ea !important;
}

.c-vimeo-square {
    color: #1ab7ea !important;
}

.c-viacoin {
    color: #333 !important;
}

.c-twitter {
    color: #55acee !important;
}

.c-twitter-square {
    color: #55acee !important;
}

.c-twitch {
    color: #6441a5 !important;
}

.c-tumblr {
    color: #35465c !important;
}

.c-tumblr-square {
    color: #35465c !important;
}

.c-tripadvisor {
    color: #589442 !important;
}

.c-trello {
    color: #256a92 !important;
}

.c-tencent-weibo {
    color: #74AF2C !important;
}

.c-stumbleupon {
    color: #eb4924 !important;
}

.c-stumbleupon-circle {
    color: #eb4924 !important;
}

.c-steam {
    color: #0B0B0B !important;
}

.c-steam-square {
    color: #0B0B0B !important;
}

.c-stack-overflow {
    color: #fe7a15 !important;
}

.c-stack-exchange {
    color: #000 !important;
}

.c-spotify {
    color: #7ab800 !important;
}

.c-soundcloud {
    color: #f80 !important;
}

.c-slideshare {
    color: #e98325 !important;
}

.c-slack {
    color: #0f7965 !important;
}

.c-skype {
    color: #00aff0 !important;
}

.c-skyatlas {
    color: #00adbb !important;
}

.c-simplybuilt {
    color: #000 !important;
}

.c-shirtsinbulk {
    color: #dd3a26 !important;
}

.c-share-alt {
    color: #01bf01 !important;
}

.c-share-alt-square {
    color: #01bf01 !important;
}

.c-sellsy {
    color: #1f78b9 !important;
}

.c-safari {
    color: #1B88CA !important;
}

.c-renren {
    color: #005EAC !important;
}

.c-reddit {
    color: #ff4500 !important;
}

.c-reddit-square {
    color: #ff4500 !important;
}

.c-ra {
    color: #000 !important;
}

.c-rebel {
    color: #000 !important;
}

.c-qq {
    color: #000 !important;
}

.c-pinterest {
    color: #cc2127 !important;
}

.c-pinterest-square {
    color: #cc2127 !important;
}

.c-pinterest-p {
    color: #cc2127 !important;
}

.c-pied-piper {
    color: #2f9f46 !important;
}

.c-pied-piper-square {
    color: #2f9f46 !important;
}

.c-pied-piper-alt {
    color: #2f9f46 !important;
}

.c-paypal {
    color: #253b80 !important;
}

.c-pagelines {
    color: #000 !important;
}

.c-optin-monster {
    color: #83c11f !important;
}

.c-opera {
    color: #cc0f16 !important;
}

.c-openid {
    color: #F78C40 !important;
}

.c-opencart {
    color: #2AC2EF !important;
}

.c-odnoklassniki {
    color: #ed812b !important;
}

.c-odnoklassniki-square {
    color: #ed812b !important;
}

.c-medium {
    color: #000 !important;
}

.c-meanpath {
    color: #538ed7 !important;
}

.c-maxcdn {
    color: #FF6600 !important;
}

.c-linux {
    color: #333333 !important;
}

.c-linkedin {
    color: #0976b4 !important;
}

.c-linkedin-square {
    color: #0976b4 !important;
}

.c-leanpub {
    color: #0c0c0c !important;
}

.c-lastfm {
    color: #c3000d !important;
}

.c-lastfm-square {
    color: #c3000d !important;
}

.c-jsfiddle {
    color: #4679BD !important;
}

.c-joomla {
    color: #142849 !important;
}

.c-ioxhost {
    color: #faa729 !important;
}

.c-internet-explorer {
    color: #1EBBEE !important;
}

.c-instagram {
    color: #3f729b !important;
}

.c-html5 {
    color: #e34f26 !important;
}

.c-houzz {
    color: #7ac142 !important;
}

.c-hacker-news {
    color: #ff6600 !important;
}

.c-google {
    color: #4285f4 !important;
}

.c-google-wallet {
    color: #4285f4 !important;
}

.c-google-plus {
    color: #dd4b39 !important;
}

.c-google-plus-square {
    color: #dd4b39 !important;
}

.c-gittip {
    color: #663300 !important;
}

.c-git {
    color: #333 !important;
}

.c-github {
    color: #333 !important;
}

.c-github-square {
    color: #333 !important;
}

.c-github-alt {
    color: #333 !important;
}

.c-git-square {
    color: #333 !important;
}

.c-gg {
    color: #000 !important;
}

.c-gg-circle {
    color: #000 !important;
}

.c-get-pocket {
    color: #d3505a !important;
}

.c-ge {
    color: #000 !important;
}

.c-foursquare {
    color: #0072b1 !important;
}

.c-forumbee {
    color: #83ad13 !important;
}

.c-fonticons {
    color: #1C1E29 !important;
}

.c-flickr {
    color: #ff0084 !important;
}

.c-firefox {
    color: #e66000 !important;
}

.c-facebook {
    color: #3b5998 !important;
}

.c-facebook-square {
    color: #3b5998 !important;
}

.c-facebook-official {
    color: #3b5998 !important;
}

.c-expeditedssl {
    color: #343433 !important;
}

.c-empire {
    color: #000 !important;
}

.c-drupal {
    color: #0077c0 !important;
}

.c-dropbox {
    color: #007ee5 !important;
}

.c-dribbble {
    color: #444444 !important;
}

.c-digg {
    color: #000 !important;
}

.c-deviantart {
    color: #4e6252 !important;
}

.c-delicious {
    color: #3399ff !important;
}

.c-dashcube {
    color: #7f7f7f !important;
}

.c-css3 {
    color: #1680C0 !important;
}

.c-creative-commons {
    color: #231f20 !important;
}

.c-contao {
    color: #eb8623 !important;
}

.c-connectdevelop {
    color: #391448 !important;
}

.c-codepen {
    color: #000 !important;
}

.c-chrome {
    color: #4587F3 !important;
}

.c-cc-visa {
    color: #0157a2 !important;
}

.c-cc-stripe {
    color: #00afe1 !important;
}

.c-cc-paypal {
    color: #253b80 !important;
}

.c-cc-mastercard {
    color: #0a3a82 !important;
}

.c-cc-jcb {
    color: #003A8F !important;
}

.c-cc-discover {
    color: #f68121 !important;
}

.c-cc-diners-club {
    color: #004A97 !important;
}

.c-cc-amex {
    color: #007bc1 !important;
}

.c-buysellads {
    color: #c90100 !important;
}

.c-bitcoin {
    color: #ee9209 !important;
}

.c-btc {
    color: #ee9209 !important;
}

.c-black-tie {
    color: #222 !important;
}

.c-bitbucket {
    color: #205081 !important;
}

.c-bitbucket-square {
    color: #205081 !important;
}

.c-behance {
    color: #1769ff !important;
}

.c-behance-square {
    color: #1769ff !important;
}

.c-apple {
    color: #979797 !important;
}

.c-angellist {
    color: #000 !important;
}

.c-android {
    color: #a4c639 !important;
}

.c-amazon {
    color: #ff9900 !important;
}

.c-adn {
    color: #4A484C !important;
}

.c-500px {
    color: #0099e5 !important;
}

.bgc-500px {
    background-color: #0099e5 !important;
    color: #f4f9fc !important;
}

.bgc-adn {
    background-color: #4A484C !important;
    color: #f4f9fc !important;
}

.bgc-amazon {
    background-color: #ff9900 !important;
    color: #f4f9fc !important;
}

.bgc-android {
    background-color: #a4c639 !important;
    color: #f4f9fc !important;
}

.bgc-angellist {
    background-color: #000 !important;
    color: #f4f9fc !important;
}

.bgc-apple {
    background-color: #979797 !important;
    color: #f4f9fc !important;
}

.bgc-behance {
    background-color: #1769ff !important;
    color: #f4f9fc !important;
}

.bgc-behance-square {
    background-color: #1769ff !important;
    color: #f4f9fc !important;
}

.bgc-bitbucket {
    background-color: #205081 !important;
    color: #f4f9fc !important;
}

.bgc-bitbucket-square {
    background-color: #205081 !important;
    color: #f4f9fc !important;
}

.bgc-bitcoin {
    background-color: #ee9209 !important;
    color: #f4f9fc !important;
}

.bgc-black-tie {
    background-color: #222 !important;
    color: #f4f9fc !important;
}

.bgc-btc {
    background-color: #ee9209 !important;
    color: #f4f9fc !important;
}

.bgc-buysellads {
    background-color: #c90100 !important;
    color: #f4f9fc !important;
}

.bgc-cc-amex {
    background-color: #007bc1 !important;
    color: #f4f9fc !important;
}

.bgc-cc-diners-club {
    background-color: #004A97 !important;
    color: #f4f9fc !important;
}

.bgc-cc-discover {
    background-color: #f68121 !important;
    color: #f4f9fc !important;
}

.bgc-cc-jcb {
    background-color: #003A8F !important;
    color: #f4f9fc !important;
}

.bgc-cc-mastercard {
    background-color: #0a3a82 !important;
    color: #f4f9fc !important;
}

.bgc-cc-paypal {
    background-color: #253b80 !important;
    color: #f4f9fc !important;
}

.bgc-cc-stripe {
    background-color: #00afe1 !important;
    color: #f4f9fc !important;
}

.bgc-cc-visa {
    background-color: #0157a2 !important;
    color: #f4f9fc !important;
}

.bgc-chrome {
    background-color: #4587F3 !important;
    color: #f4f9fc !important;
}

.bgc-codepen {
    background-color: #000 !important;
    color: #f4f9fc !important;
}

.bgc-connectdevelop {
    background-color: #391448 !important;
    color: #f4f9fc !important;
}

.bgc-contao {
    background-color: #eb8623 !important;
    color: #f4f9fc !important;
}

.bgc-creative-commons {
    background-color: #231f20 !important;
    color: #f4f9fc !important;
}

.bgc-css3 {
    background-color: #1680C0 !important;
    color: #f4f9fc !important;
}

.bgc-dashcube {
    background-color: #7f7f7f !important;
    color: #f4f9fc !important;
}

.bgc-delicious {
    background-color: #3399ff !important;
    color: #f4f9fc !important;
}

.bgc-deviantart {
    background-color: #4e6252 !important;
    color: #f4f9fc !important;
}

.bgc-digg {
    background-color: #000 !important;
    color: #f4f9fc !important;
}

.bgc-dribbble {
    background-color: #444444 !important;
    color: #f4f9fc !important;
}

.bgc-dropbox {
    background-color: #007ee5 !important;
    color: #f4f9fc !important;
}

.bgc-drupal {
    background-color: #0077c0 !important;
    color: #f4f9fc !important;
}

.bgc-empire {
    background-color: #000 !important;
    color: #f4f9fc !important;
}

.bgc-expeditedssl {
    background-color: #343433 !important;
    color: #f4f9fc !important;
}

.bgc-facebook {
    background-color: #3b5998 !important;
    color: #f4f9fc !important;
}

.bgc-facebook-official {
    background-color: #3b5998 !important;
    color: #f4f9fc !important;
}

.bgc-facebook-square {
    background-color: #3b5998 !important;
    color: #f4f9fc !important;
}

.bgc-firefox {
    background-color: #e66000 !important;
    color: #f4f9fc !important;
}

.bgc-flickr {
    background-color: #ff0084 !important;
    color: #f4f9fc !important;
}

.bgc-fonticons {
    background-color: #1C1E29 !important;
    color: #f4f9fc !important;
}

.bgc-forumbee {
    background-color: #83ad13 !important;
    color: #f4f9fc !important;
}

.bgc-foursquare {
    background-color: #0072b1 !important;
    color: #f4f9fc !important;
}

.bgc-ge {
    background-color: #000 !important;
    color: #f4f9fc !important;
}

.bgc-get-pocket {
    background-color: #d3505a !important;
    color: #f4f9fc !important;
}

.bgc-gg {
    background-color: #000 !important;
    color: #f4f9fc !important;
}

.bgc-gg-circle {
    background-color: #000 !important;
    color: #f4f9fc !important;
}

.bgc-git {
    background-color: #333 !important;
    color: #f4f9fc !important;
}

.bgc-git-square {
    background-color: #333 !important;
    color: #f4f9fc !important;
}

.bgc-github {
    background-color: #333 !important;
    color: #f4f9fc !important;
}

.bgc-github-alt {
    background-color: #333 !important;
    color: #f4f9fc !important;
}

.bgc-github-square {
    background-color: #333 !important;
    color: #f4f9fc !important;
}

.bgc-gittip {
    background-color: #663300 !important;
    color: #f4f9fc !important;
}

.bgc-google {
    background-color: #4285f4 !important;
    color: #f4f9fc !important;
}

.bgc-google-plus {
    background-color: #dd4b39 !important;
    color: #f4f9fc !important;
}

.bgc-google-plus-square {
    background-color: #dd4b39 !important;
    color: #f4f9fc !important;
}

.bgc-google-wallet {
    background-color: #4285f4 !important;
    color: #f4f9fc !important;
}

.bgc-hacker-news {
    background-color: #ff6600 !important;
    color: #f4f9fc !important;
}

.bgc-houzz {
    background-color: #7ac142 !important;
    color: #f4f9fc !important;
}

.bgc-html5 {
    background-color: #e34f26 !important;
    color: #f4f9fc !important;
}

.bgc-instagram {
    background-color: #3f729b !important;
    color: #f4f9fc !important;
}

.bgc-internet-explorer {
    background-color: #1EBBEE !important;
    color: #f4f9fc !important;
}

.bgc-ioxhost {
    background-color: #faa729 !important;
    color: #f4f9fc !important;
}

.bgc-joomla {
    background-color: #142849 !important;
    color: #f4f9fc !important;
}

.bgc-jsfiddle {
    background-color: #4679BD !important;
    color: #f4f9fc !important;
}

.bgc-lastfm {
    background-color: #c3000d !important;
    color: #f4f9fc !important;
}

.bgc-lastfm-square {
    background-color: #c3000d !important;
    color: #f4f9fc !important;
}

.bgc-leanpub {
    background-color: #0c0c0c !important;
    color: #f4f9fc !important;
}

.bgc-linkedin {
    background-color: #0976b4 !important;
    color: #f4f9fc !important;
}

.bgc-linkedin-square {
    background-color: #0976b4 !important;
    color: #f4f9fc !important;
}

.bgc-linux {
    background-color: #333333 !important;
    color: #f4f9fc !important;
}

.bgc-maxcdn {
    background-color: #FF6600 !important;
    color: #f4f9fc !important;
}

.bgc-meanpath {
    background-color: #538ed7 !important;
    color: #f4f9fc !important;
}

.bgc-medium {
    background-color: #000 !important;
    color: #f4f9fc !important;
}

.bgc-odnoklassniki {
    background-color: #ed812b !important;
    color: #f4f9fc !important;
}

.bgc-odnoklassniki-square {
    background-color: #ed812b !important;
    color: #f4f9fc !important;
}

.bgc-opencart {
    background-color: #2AC2EF !important;
    color: #f4f9fc !important;
}

.bgc-openid {
    background-color: #F78C40 !important;
    color: #f4f9fc !important;
}

.bgc-opera {
    background-color: #cc0f16 !important;
    color: #f4f9fc !important;
}

.bgc-optin-monster {
    background-color: #83c11f !important;
    color: #f4f9fc !important;
}

.bgc-pagelines {
    background-color: #000 !important;
    color: #f4f9fc !important;
}

.bgc-paypal {
    background-color: #253b80 !important;
    color: #f4f9fc !important;
}

.bgc-pied-piper {
    background-color: #2f9f46 !important;
    color: #f4f9fc !important;
}

.bgc-pied-piper-alt {
    background-color: #2f9f46 !important;
    color: #f4f9fc !important;
}

.bgc-pied-piper-square {
    background-color: #2f9f46 !important;
    color: #f4f9fc !important;
}

.bgc-pinterest {
    background-color: #cc2127 !important;
    color: #f4f9fc !important;
}

.bgc-pinterest-p {
    background-color: #cc2127 !important;
    color: #f4f9fc !important;
}

.bgc-pinterest-square {
    background-color: #cc2127 !important;
    color: #f4f9fc !important;
}

.bgc-qq {
    background-color: #000 !important;
    color: #f4f9fc !important;
}

.bgc-ra {
    background-color: #000 !important;
    color: #f4f9fc !important;
}

.bgc-rebel {
    background-color: #000 !important;
    color: #f4f9fc !important;
}

.bgc-reddit {
    background-color: #ff4500 !important;
    color: #f4f9fc !important;
}

.bgc-reddit-square {
    background-color: #ff4500 !important;
    color: #f4f9fc !important;
}

.bgc-renren {
    background-color: #005EAC !important;
    color: #f4f9fc !important;
}

.bgc-safari {
    background-color: #1B88CA !important;
    color: #f4f9fc !important;
}

.bgc-sellsy {
    background-color: #1f78b9 !important;
    color: #f4f9fc !important;
}

.bgc-share-alt {
    background-color: #01bf01 !important;
    color: #f4f9fc !important;
}

.bgc-share-alt-square {
    background-color: #01bf01 !important;
    color: #f4f9fc !important;
}

.bgc-shirtsinbulk {
    background-color: #dd3a26 !important;
    color: #f4f9fc !important;
}

.bgc-simplybuilt {
    background-color: #000 !important;
    color: #f4f9fc !important;
}

.bgc-skyatlas {
    background-color: #00adbb !important;
    color: #f4f9fc !important;
}

.bgc-skype {
    background-color: #00aff0 !important;
    color: #f4f9fc !important;
}

.bgc-slack {
    background-color: #0f7965 !important;
    color: #f4f9fc !important;
}

.bgc-slideshare {
    background-color: #e98325 !important;
    color: #f4f9fc !important;
}

.bgc-soundcloud {
    background-color: #f80 !important;
    color: #f4f9fc !important;
}

.bgc-spotify {
    background-color: #7ab800 !important;
    color: #f4f9fc !important;
}

.bgc-stack-exchange {
    background-color: #000 !important;
    color: #f4f9fc !important;
}

.bgc-stack-overflow {
    background-color: #fe7a15 !important;
    color: #f4f9fc !important;
}

.bgc-steam {
    background-color: #0B0B0B !important;
    color: #f4f9fc !important;
}

.bgc-steam-square {
    background-color: #0B0B0B !important;
    color: #f4f9fc !important;
}

.bgc-stumbleupon {
    background-color: #eb4924 !important;
    color: #f4f9fc !important;
}

.bgc-stumbleupon-circle {
    background-color: #eb4924 !important;
    color: #f4f9fc !important;
}

.bgc-tencent-weibo {
    background-color: #74AF2C !important;
    color: #f4f9fc !important;
}

.bgc-trello {
    background-color: #256a92 !important;
    color: #f4f9fc !important;
}

.bgc-tripadvisor {
    background-color: #589442 !important;
    color: #f4f9fc !important;
}

.bgc-tumblr {
    background-color: #35465c !important;
    color: #f4f9fc !important;
}

.bgc-tumblr-square {
    background-color: #35465c !important;
    color: #f4f9fc !important;
}

.bgc-twitch {
    background-color: #6441a5 !important;
    color: #f4f9fc !important;
}

.bgc-twitter {
    background-color: #55acee !important;
    color: #f4f9fc !important;
}

.bgc-twitter-square {
    background-color: #55acee !important;
    color: #f4f9fc !important;
}

.bgc-viacoin {
    background-color: #333 !important;
    color: #f4f9fc !important;
}

.bgc-vimeo {
    background-color: #1ab7ea !important;
    color: #f4f9fc !important;
}

.bgc-vimeo-square {
    background-color: #1ab7ea !important;
    color: #f4f9fc !important;
}

.bgc-vine {
    background-color: #00b488 !important;
    color: #f4f9fc !important;
}

.bgc-vk {
    background-color: #45668e !important;
    color: #f4f9fc !important;
}

.bgc-wechat {
    background-color: #93d034 !important;
    color: #f4f9fc !important;
}

.bgc-weibo {
    background-color: #E71D34 !important;
    color: #f4f9fc !important;
}

.bgc-weixin {
    background-color: #93d034 !important;
    color: #f4f9fc !important;
}

.bgc-wikipedia-w {
    background-color: #000 !important;
    color: #f4f9fc !important;
}

.bgc-windows {
    background-color: #00bcf2 !important;
    color: #f4f9fc !important;
}

.bgc-wordpress {
    background-color: #21759b !important;
    color: #f4f9fc !important;
}

.bgc-xing {
    background-color: #026466 !important;
    color: #f4f9fc !important;
}

.bgc-xing-square {
    background-color: #026466 !important;
    color: #f4f9fc !important;
}

.bgc-y-combinator {
    background-color: #F0652F !important;
    color: #f4f9fc !important;
}

.bgc-yc {
    background-color: #F0652F !important;
    color: #f4f9fc !important;
}

.bgc-yahoo {
    background-color: #400191 !important;
    color: #f4f9fc !important;
}

.bgc-yelp {
    background-color: #af0606 !important;
    color: #f4f9fc !important;
}

.bgc-youtube {
    background-color: #e52d27 !important;
    color: #f4f9fc !important;
}

.bgc-youtube-play {
    background-color: #e52d27 !important;
    color: #f4f9fc !important;
}

.bgc-youtube-square {
    background-color: #e52d27 !important;
    color: #f4f9fc !important;
}

/*!
 * @version: 1.2.0
 * @name: Adapted Rating plugin
 *
 * @author: https://themeforest.net/user/flexlayers
 */
/*!
 * @version: 1.2.0
 * @name: Rating
 *
 * @author: https://themeforest.net/user/flexlayers
 */
/*-------------------
        Types
--------------------*/
/* Standard */
/* Star */
/* Heart */
/*-------------------
        States
--------------------*/
.rating {
    display: block;
    font-size: 1.14286rem;
    vertical-align: baseline;
    /* Empty Star */
    /* Active Star */
    /*******************************
             Types
*******************************/
    /*-------------------
        Star
--------------------*/
    /* Inactive */
    /* Active Star */
    /* Selected Star */
    /* Unfilled Star */
    /* Partial */
    /*-------------------
        Heart
--------------------*/
    /* Icon */
    /* Active Heart */
    /* Selected Heart */
    /* Empty Heart
    &.heart .icon:before { content: '\f08a';}*/
    /*******************************
             States
*******************************/
    /* Inactive Icon */
    /* Active Icon */
    /* Selected Icon */
    /*-------------------
       Disabled
--------------------*/
    /* disabled rating */
    /*-------------------
     Interacting (Active)
--------------------*/
    /* Selected Rating */
}

    .rating.rating-enable {
        cursor: pointer;
    }

    .rating .icon {
        font-family: 'FontAwesome';
        line-height: 1;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        font-weight: normal;
        font-style: normal;
        text-align: center;
        display: inline-block;
    }

        .rating .icon:before {
            content: '\f005';
        }

    .rating .active.icon:before {
        content: '\f005';
    }

    .rating.star .icon {
        color: rgba(0, 0, 0, 0.15);
        width: 1.25em;
    }

    .rating.star .active.icon {
        color: #d2ae35 !important;
        text-shadow: -1px 0 transparent, -1px 0 0 transparent, 0px 1px 0 transparent, 1px 0 0 transparent;
    }

        .rating.star .active.icon:before {
            content: '\f005';
        }

    .rating.star .icon.selected,
    .rating.star .icon.selected.active {
        color: #d7b84e !important;
    }

    .rating.star.partial {
        position: relative;
        z-index: 1;
    }

        .rating.star.partial:before {
            position: absolute;
            z-index: -1;
        }

    .rating.star .icon:before {
        content: '\f005';
    }

    .rating.star .partial.icon:before {
        content: '\f006';
    }

    .rating.star .partial.icon {
        content: '\f005';
    }

    .rating.heart .icon {
        color: rgba(0, 0, 0, 0.15);
        width: 1.4em;
        cursor: pointer;
        margin: 0;
        text-align: center;
        height: auto;
        padding: 0;
        font-weight: normal;
        font-style: normal;
        vertical-align: baseline;
    }

    .rating.heart .active.icon {
        text-shadow: -1px 0 #a53012, -1px 0 0 #a53012, 0px 1px 0 #a53012, 1px 0 0 #a53012;
        color: #e8512b !important;
    }

        .rating.heart .active.icon:before {
            content: '\f004';
        }

    .rating.heart:last-child {
        margin-right: 0;
    }

    .rating.heart:before {
        display: block;
        content: '';
        visibility: hidden;
        clear: both;
        height: 0;
    }

    .rating.heart .icon.selected,
    .rating.heart .icon.selected.active {
        color: #dc4018 !important;
    }

    .rating.heart .icon:before {
        content: '\f004';
    }

    .rating .icon {
        color: rgba(0, 0, 0, 0.15);
    }

    .rating .active.icon {
        color: #585e61;
    }

    .rating .icon.selected,
    .rating .icon.selected.active {
        color: #585e61;
    }

    .rating.disabled .icon {
        cursor: default;
    }

    .rating.selected .active.icon {
        opacity: 1;
    }

    .rating.selected .icon.selected,
    .rating .icon.selected {
        opacity: 1;
    }

/*!
 * @version: 1.2.0
 * @name: grid
 *
 * @author: https://themeforest.net/user/flexlayers
 */
:root .grid-stack-item > .ui-resizable-handle {
    -webkit-filter: none;
    filter: none;
}

.grid-stack {
    position: relative;
}

    .grid-stack.grid-stack-rtl {
        direction: ltr;
    }

        .grid-stack.grid-stack-rtl > .grid-stack-item {
            direction: rtl;
        }

    .grid-stack .grid-stack-placeholder {
        position: absolute;
    }

        .grid-stack .grid-stack-placeholder > .placeholder-content {
            border: 1px dashed lightgray;
            margin: 0;
            position: absolute;
            top: 10px;
            left: 10px;
            right: 10px;
            bottom: 10px;
            width: auto;
            z-index: 0 !important;
            text-align: center;
        }

    .grid-stack > .grid-stack-item {
        min-width: 8.33333%;
    }

        .grid-stack > .grid-stack-item .panel-body {
            overflow: hidden;
        }

            .grid-stack > .grid-stack-item .panel-body.panel-no-scroll {
                overflow: visible;
            }

        .grid-stack > .grid-stack-item .ui-resizable-handle.ui-resizable-se.ui-icon {
            z-index: 21 !important;
            position: absolute;
            right: 11px;
            bottom: 14px;
            height: 7px;
            width: 7px;
            margin: -11px 3px 0 0;
            float: right;
            cursor: se-resize;
            border-right: 2px solid #dee4e8;
            border-bottom: 2px solid #dee4e8;
        }

        .grid-stack > .grid-stack-item.ui-resizable-disabled > .ui-resizable-handle,
        .grid-stack > .grid-stack-item.ui-resizable-autohide > .ui-resizable-handle {
            display: none !important;
        }

        .grid-stack > .grid-stack-item.ui-draggable-dragging, .grid-stack > .grid-stack-item.ui-resizable-resizing {
            z-index: 1070 !important;
        }

            .grid-stack > .grid-stack-item.ui-draggable-dragging .panel-body, .grid-stack > .grid-stack-item.ui-resizable-resizing .panel-body {
                opacity: 0.5;
            }

            .grid-stack > .grid-stack-item.ui-draggable-dragging > .ui-resizable-handle {
                display: none !important;
            }

        .grid-stack > .grid-stack-item.grid-stack-placeholder[data-gs-width='1'] {
            width: 8.33333%;
        }

        .grid-stack > .grid-stack-item[data-gs-x='1'] {
            left: 8.33333%;
        }

        .grid-stack > .grid-stack-item[data-gs-min-width='1'] {
            min-width: 8.33333%;
        }

        .grid-stack > .grid-stack-item[data-gs-max-width='1'] {
            max-width: 8.33333%;
        }

        .grid-stack > .grid-stack-item.grid-stack-placeholder[data-gs-width='2'] {
            width: 16.66667%;
        }

        .grid-stack > .grid-stack-item[data-gs-x='2'] {
            left: 16.66667%;
        }

        .grid-stack > .grid-stack-item[data-gs-min-width='2'] {
            min-width: 16.66667%;
        }

        .grid-stack > .grid-stack-item[data-gs-max-width='2'] {
            max-width: 16.66667%;
        }

        .grid-stack > .grid-stack-item.grid-stack-placeholder[data-gs-width='3'] {
            width: 25%;
        }

        .grid-stack > .grid-stack-item[data-gs-x='3'] {
            left: 25%;
        }

        .grid-stack > .grid-stack-item[data-gs-min-width='3'] {
            min-width: 25%;
        }

        .grid-stack > .grid-stack-item[data-gs-max-width='3'] {
            max-width: 25%;
        }

        .grid-stack > .grid-stack-item.grid-stack-placeholder[data-gs-width='4'] {
            width: 33.33333%;
        }

        .grid-stack > .grid-stack-item[data-gs-x='4'] {
            left: 33.33333%;
        }

        .grid-stack > .grid-stack-item[data-gs-min-width='4'] {
            min-width: 33.33333%;
        }

        .grid-stack > .grid-stack-item[data-gs-max-width='4'] {
            max-width: 33.33333%;
        }

        .grid-stack > .grid-stack-item.grid-stack-placeholder[data-gs-width='5'] {
            width: 41.66667%;
        }

        .grid-stack > .grid-stack-item[data-gs-x='5'] {
            left: 41.66667%;
        }

        .grid-stack > .grid-stack-item[data-gs-min-width='5'] {
            min-width: 41.66667%;
        }

        .grid-stack > .grid-stack-item[data-gs-max-width='5'] {
            max-width: 41.66667%;
        }

        .grid-stack > .grid-stack-item.grid-stack-placeholder[data-gs-width='6'] {
            width: 50%;
        }

        .grid-stack > .grid-stack-item[data-gs-x='6'] {
            left: 50%;
        }

        .grid-stack > .grid-stack-item[data-gs-min-width='6'] {
            min-width: 50%;
        }

        .grid-stack > .grid-stack-item[data-gs-max-width='6'] {
            max-width: 50%;
        }

        .grid-stack > .grid-stack-item.grid-stack-placeholder[data-gs-width='7'] {
            width: 58.33333%;
        }

        .grid-stack > .grid-stack-item[data-gs-x='7'] {
            left: 58.33333%;
        }

        .grid-stack > .grid-stack-item[data-gs-min-width='7'] {
            min-width: 58.33333%;
        }

        .grid-stack > .grid-stack-item[data-gs-max-width='7'] {
            max-width: 58.33333%;
        }

        .grid-stack > .grid-stack-item.grid-stack-placeholder[data-gs-width='8'] {
            width: 66.66667%;
        }

        .grid-stack > .grid-stack-item[data-gs-x='8'] {
            left: 66.66667%;
        }

        .grid-stack > .grid-stack-item[data-gs-min-width='8'] {
            min-width: 66.66667%;
        }

        .grid-stack > .grid-stack-item[data-gs-max-width='8'] {
            max-width: 66.66667%;
        }

        .grid-stack > .grid-stack-item.grid-stack-placeholder[data-gs-width='9'] {
            width: 75%;
        }

        .grid-stack > .grid-stack-item[data-gs-x='9'] {
            left: 75%;
        }

        .grid-stack > .grid-stack-item[data-gs-min-width='9'] {
            min-width: 75%;
        }

        .grid-stack > .grid-stack-item[data-gs-max-width='9'] {
            max-width: 75%;
        }

        .grid-stack > .grid-stack-item.grid-stack-placeholder[data-gs-width='10'] {
            width: 83.33333%;
        }

        .grid-stack > .grid-stack-item[data-gs-x='10'] {
            left: 83.33333%;
        }

        .grid-stack > .grid-stack-item[data-gs-min-width='10'] {
            min-width: 83.33333%;
        }

        .grid-stack > .grid-stack-item[data-gs-max-width='10'] {
            max-width: 83.33333%;
        }

        .grid-stack > .grid-stack-item.grid-stack-placeholder[data-gs-width='11'] {
            width: 91.66667%;
        }

        .grid-stack > .grid-stack-item[data-gs-x='11'] {
            left: 91.66667%;
        }

        .grid-stack > .grid-stack-item[data-gs-min-width='11'] {
            min-width: 91.66667%;
        }

        .grid-stack > .grid-stack-item[data-gs-max-width='11'] {
            max-width: 91.66667%;
        }

        .grid-stack > .grid-stack-item.grid-stack-placeholder[data-gs-width='12'] {
            width: 100%;
        }

        .grid-stack > .grid-stack-item[data-gs-x='12'] {
            left: 100%;
        }

        .grid-stack > .grid-stack-item[data-gs-min-width='12'] {
            min-width: 100%;
        }

        .grid-stack > .grid-stack-item[data-gs-max-width='12'] {
            max-width: 100%;
        }

    .grid-stack.grid-stack-animate,
    .grid-stack.grid-stack-animate .grid-stack-item {
        transition: left 0.3s, top 0.3s, height 0.3s, width 0.3s;
    }

        .grid-stack.grid-stack-animate .grid-stack-item.ui-draggable-dragging,
        .grid-stack.grid-stack-animate .grid-stack-item.ui-resizable-resizing,
        .grid-stack.grid-stack-animate .grid-stack-item.grid-stack-placeholder {
            transition: left .0s, top .0s, height .0s, width .0s;
        }

    .grid-stack.grid-stack-one-column-mode {
        height: auto !important;
    }

        .grid-stack.grid-stack-one-column-mode > .grid-stack-item {
            position: relative !important;
            width: auto !important;
            left: 0 !important;
            top: auto !important;
            margin-bottom: 0;
            max-width: none !important;
        }

            .grid-stack.grid-stack-one-column-mode > .grid-stack-item > .ui-resizable-handle {
                display: none;
            }

/*!
 * @version: 1.2.0
 * @name: Panels
 *
 * @author: https://themeforest.net/user/flexlayers
 */
.panel-grid > .panel-wrap {
    display: inline-block;
}

    .panel-grid > .panel-wrap .loader-wrap {
        opacity: .95;
    }

    .panel-grid > .panel-wrap.panel-grid-item {
        padding: 10px;
    }

    .panel-grid > .panel-wrap .panel:hover {
        /*z-index: $zindex-panel;*/
    }

    .panel-grid > .panel-wrap > .panel {
        /*visibility: hidden;*/
    }

    .panel-grid > .panel-wrap.velocity-animating .panel-body {
        overflow: hidden;
        height: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .panel-grid > .panel-wrap.collapsed .panel:not(.panel-maximized-screen):not(.panel-full-screen) .panel-body {
        overflow: hidden;
        height: 0 !important;
        padding: 0 !important;
    }

    .panel-grid > .panel-wrap.collapsed .ui-resizable-handle {
        display: none !important;
    }

.modal-open .panel {
    z-index: auto !important;
}

.modal-open .visible.transition {
    -webkit-transform: initial !important;
    transform: initial !important;
}

.panel-wrap > .panel {
    position: relative;
    height: 100%;
    width: 100%;
    padding-bottom: 2rem;
    box-shadow: 2px 2px 7px rgba(15, 16, 21, 0.1);
    border-radius: 3px;
}

    .panel-wrap > .panel.panel-maximized-screen {
        position: fixed !important;
        left: 252px;
        right: 0;
        width: auto;
        top: 0;
        z-index: 1000000 !important;
        bottom: 0;
        height: auto;
        overflow-y: auto;
        overflow-x: hidden;
    }

        .panel-wrap > .panel.panel-maximized-screen .panel-collapse-btn,
        .panel-wrap > .panel.panel-maximized-screen .panel-close-btn {
            display: none !important;
        }

    .panel-wrap > .panel.panel-full-screen .panel-collapse-btn,
    .panel-wrap > .panel.panel-full-screen .panel-close-btn {
        display: none !important;
    }

    .panel-wrap > .panel .panel-header {
        position: relative;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
    }

        .panel-wrap > .panel .panel-header h2 {
            overflow: hidden;
            white-space: nowrap;
        }

        .panel-wrap > .panel .panel-header h2,
        .panel-wrap > .panel .panel-header i {
            line-height: inherit;
        }

        .panel-wrap > .panel .panel-header a {
            display: inline-block;
            transition: color .2s, background .2s;
            text-decoration: none;
            /*color: inherit;*/
        }

            .panel-wrap > .panel .panel-header a:hover {
                background: rgba(230, 239, 243, 0.7);
            }

            .panel-wrap > .panel .panel-header a.nav-link.active:hover, .panel-wrap > .panel .panel-header .tabcontrol > .steps > ul > li > a.active:hover, .panel-wrap > .panel .panel-header .tabcontrol > .steps > ul > li.current > a:hover {
                background: #f4f9fc;
            }

        .panel-wrap > .panel .panel-header .nav-tabs .nav-link.active, .panel-wrap > .panel .panel-header .tabcontrol > .steps > ul .nav-link.active, .panel-wrap > .panel .panel-header .nav-tabs .tabcontrol > .steps > ul > li > a.active, .panel-wrap > .panel .panel-header .tabcontrol > .steps > ul > li > a.active, .panel-wrap > .panel .panel-header .nav-tabs .tabcontrol > .steps > ul > li.current > a, .panel-wrap > .panel .panel-header .tabcontrol > .steps > ul > li.current > a {
            color: #585e61;
        }

        .panel-wrap > .panel .panel-header .nav-tabs, .panel-wrap > .panel .panel-header .tabcontrol > .steps > ul,
        .panel-wrap > .panel .panel-header .nav-pills {
            -webkit-flex-direction: row;
            -ms-flex-direction: row;
            flex-direction: row;
        }

        .panel-wrap > .panel .panel-header.bgc-white-dark a.nav-link.active:hover, .panel-wrap > .panel .panel-header.bgc-white-dark .tabcontrol > .steps > ul > li > a.active:hover, .panel-wrap > .panel .panel-header.bgc-white-dark .tabcontrol > .steps > ul > li.current > a:hover, .panel-wrap > .panel .panel-header.bgc-white-darkest a.nav-link.active:hover, .panel-wrap > .panel .panel-header.bgc-white-darkest .tabcontrol > .steps > ul > li > a.active:hover, .panel-wrap > .panel .panel-header.bgc-white-darkest .tabcontrol > .steps > ul > li.current > a:hover {
            background: #f4f9fc !important;
        }

        .panel-wrap > .panel .panel-header.panel-header-p {
            padding: 0 0 0 20px;
        }

        .panel-wrap > .panel .panel-header.panel-header-sm {
            height: 44px;
            line-height: 43px;
            font-size: 0.92857rem;
        }

            .panel-wrap > .panel .panel-header.panel-header-sm .panel-icons a {
                padding: 0 15px;
            }

            .panel-wrap > .panel .panel-header.panel-header-sm .panel-input input {
                padding-right: 27px;
            }

            .panel-wrap > .panel .panel-header.panel-header-sm .panel-input a {
                top: 28%;
            }

            .panel-wrap > .panel .panel-header.panel-header-sm h2 {
                font-size: 1.07143rem;
                margin: 0 25px 0 0;
            }

            .panel-wrap > .panel .panel-header.panel-header-sm a.panel-header-link {
                padding: 0 20px;
            }

            .panel-wrap > .panel .panel-header.panel-header-sm + .panel-body {
                height: calc(100% - 44px);
            }

        .panel-wrap > .panel .panel-header.panel-header-md {
            height: 52px;
            line-height: 51px;
            font-size: 1rem;
        }

            .panel-wrap > .panel .panel-header.panel-header-md .panel-icons a {
                padding: 0 15px;
            }

            .panel-wrap > .panel .panel-header.panel-header-md h2 {
                font-size: 1.07143rem;
                margin: 0 25px 0 0;
            }

            .panel-wrap > .panel .panel-header.panel-header-md a.panel-header-link {
                padding: 0 20px;
            }

            .panel-wrap > .panel .panel-header.panel-header-md .panel-input input {
                padding-right: 29px;
            }

            .panel-wrap > .panel .panel-header.panel-header-md .panel-input a {
                top: 31%;
            }

            .panel-wrap > .panel .panel-header.panel-header-md + .panel-body {
                height: calc(100% - 52px);
            }

        .panel-wrap > .panel .panel-header.panel-header-lg {
            height: 60px;
            line-height: 59px;
            font-size: 1rem;
        }

            .panel-wrap > .panel .panel-header.panel-header-lg .panel-icons a {
                padding: 0 15px;
            }

            .panel-wrap > .panel .panel-header.panel-header-lg h2 {
                font-size: 1.14286rem;
                margin: 0 35px 0 0;
            }

            .panel-wrap > .panel .panel-header.panel-header-lg a.panel-header-link {
                padding: 0 20px;
            }

            .panel-wrap > .panel .panel-header.panel-header-lg .panel-input input {
                padding-right: 31px;
            }

            .panel-wrap > .panel .panel-header.panel-header-lg .panel-input a {
                top: 33%;
            }

            .panel-wrap > .panel .panel-header.panel-header-lg + .panel-body {
                height: calc(100% - 60px);
            }

        .panel-wrap > .panel .panel-header .panel-icons {
            background: #f4f9fc;
            position: absolute;
            right: 0;
            top: 0;
            bottom: 0;
            /*z-index: 1;*/
            font-size: 1rem;
            border-top-right-radius: 3px;
            border-bottom-right-radius: 3px;
            border-bottom-right-radius: 0;
            border-bottom-left-radius: 0;
        }

            .panel-wrap > .panel .panel-header .panel-icons.panel-icon-slide {
                display: inline-block;
                width: 45px;
                overflow: hidden;
                transition: .3s width;
                height: 100%;
            }

                .panel-wrap > .panel .panel-header .panel-icons.panel-icon-slide:after {
                    content: '';
                    background: transparent;
                    position: absolute;
                    top: 0;
                    bottom: 0;
                    right: 0;
                    left: 0;
                    transition: left 0s .3s;
                }

                .panel-wrap > .panel .panel-header .panel-icons.panel-icon-slide > ul {
                    display: inline-block;
                    float: right;
                    width: auto;
                }

                    .panel-wrap > .panel .panel-header .panel-icons.panel-icon-slide > ul > li:first-child > a {
                        transition: width .2s, opacity .2s;
                    }

                .panel-wrap > .panel .panel-header .panel-icons.panel-icon-slide:hover {
                    width: 225px;
                }

                    .panel-wrap > .panel .panel-header .panel-icons.panel-icon-slide:hover:after {
                        left: 100%;
                    }

                    .panel-wrap > .panel .panel-header .panel-icons.panel-icon-slide:hover > ul > li:first-child > a {
                        width: 0;
                        opacity: 0;
                    }

            .panel-wrap > .panel .panel-header .panel-icons li {
                float: left;
                list-style: none;
            }

                .panel-wrap > .panel .panel-header .panel-icons li a {
                    width: 45px;
                    text-align: center;
                    padding: 0 !important;
                    vertical-align: middle;
                }

                .panel-wrap > .panel .panel-header .panel-icons li ul {
                    float: right;
                }

            .panel-wrap > .panel .panel-header .panel-icons.show-on-hover {
                opacity: 0;
            }

            .panel-wrap > .panel .panel-header .panel-icons .panel-pin-btn {
                display: none !important;
            }

        .panel-wrap > .panel .panel-header .panel-input {
            position: relative;
            color: #797e81;
        }

            .panel-wrap > .panel .panel-header .panel-input a {
                line-height: 1.71429;
                position: absolute;
                right: 8px;
                padding: 0 !important;
                background: transparent !important;
            }

                .panel-wrap > .panel .panel-header .panel-input a::before {
                    display: none;
                }

            .panel-wrap > .panel .panel-header .panel-input input {
                display: inline-block;
                background: #f4f9fc;
                border-bottom-width: 0;
            }

        .panel-wrap > .panel .panel-header.bgc-white-dark .panel-input input {
            border-bottom-width: 2px;
            background: #e6eff3;
        }

            .panel-wrap > .panel .panel-header.bgc-white-dark .panel-input input:focus {
                background: #eef6f8;
            }

        .panel-wrap > .panel .panel-header.bgc-white-darkest .btn.btn-default, .panel-wrap > .panel .panel-header.bgc-white-darkest .wizard > .actions .disabled a.btn, .wizard > .actions .disabled .panel-wrap > .panel .panel-header.bgc-white-darkest a.btn, .panel-wrap > .panel .panel-header.bgc-white-darkest .sp-container button.btn.sp-choose, .sp-container .panel-wrap > .panel .panel-header.bgc-white-darkest button.btn.sp-choose, .panel-wrap > .panel .panel-header.bgc-white-darkest
        .sp-container button.btn.sp-palette-toggle,
        .sp-container .panel-wrap > .panel .panel-header.bgc-white-darkest button.btn.sp-palette-toggle, .panel-wrap > .panel .panel-header.bgc-white-darkest
        .sp-container a.btn.sp-cancel,
        .sp-container .panel-wrap > .panel .panel-header.bgc-white-darkest a.btn.sp-cancel, .panel-wrap > .panel .panel-header.bgc-white-darkest .world-map.mapael .btn.zoomButton, .world-map.mapael .panel-wrap > .panel .panel-header.bgc-white-darkest .btn.zoomButton {
            background: #f4f9fc;
        }

        .panel-wrap > .panel .panel-header.bgc-white-darkest .panel-input input {
            border-bottom-width: 2px;
        }

    .panel-wrap > .panel:hover .panel-icons.show-on-hover {
        opacity: 1;
        transition: opacity .4s;
    }

    .panel-wrap > .panel .panel-body {
        position: relative;
        border-bottom-right-radius: 3px;
        border-bottom-left-radius: 3px;
        width: 100%;
    }

        .panel-wrap > .panel .panel-body::after {
            display: block;
            clear: both;
            content: "";
        }

    .panel-wrap > .panel .panel-body-p {
        padding: 1rem 2rem 0;
    }

    .panel-wrap > .panel .panel-body-bottom-right {
        position: absolute;
        right: 0;
        bottom: 0;
    }

    .panel-wrap > .panel .panel-body-bottom {
        position: absolute;
        bottom: 0;
        width: 100%;
    }

    .panel-wrap > .panel .panel-footer a {
        display: inline-block;
        transition: color .2s, background .2s;
        color: inherit;
    }

        .panel-wrap > .panel .panel-footer a.nav-link:hover, .panel-wrap > .panel .panel-footer .tabcontrol > .steps > ul > li > a:hover {
            background: rgba(0, 0, 0, 0.1);
        }

        .panel-wrap > .panel .panel-footer a.nav-link.active:hover, .panel-wrap > .panel .panel-footer .tabcontrol > .steps > ul > li > a.active:hover, .panel-wrap > .panel .panel-footer .tabcontrol > .steps > ul > li.current > a:hover {
            background: #f4f9fc;
        }

.sidebar-state-close .panel.panel-maximized-screen {
    left: 0;
}

.sidebar-state-compact .panel.panel-maximized-screen {
    left: 65px;
}

.panel-wrap[max-width~="732px"] > .panel {
    padding-bottom: 1.3rem;
}

    .panel-wrap[max-width~="732px"] > .panel .panel-header.panel-header-p {
        padding: 0 0 0 1rem;
    }

    .panel-wrap[max-width~="732px"] > .panel .panel-body-p {
        padding-right: 1.3rem;
        padding-left: 1.3rem;
    }

.panel-wrap[max-width~="732px"] .dash-finance-row h2 {
    font-size: 1rem;
}

.panel-wrap[max-width~="732px"] .dash-finance-row .badge {
    font-size: 0.85714rem !important;
}

.panel-wrap[max-width~="561px"] .panel-header > a {
    padding: 0 12px !important;
}

@media (max-width: 767px) {
    .panel-wrap > .panel .panel {
        padding-bottom: .7rem;
    }

    .panel-wrap > .panel .panel-header.panel-header-p {
        padding: 0 0 0 .7rem !important;
    }

    .panel-wrap > .panel .panel-body-p {
        padding-right: .7rem !important;
        padding-left: .7rem !important;
    }
}

@media (max-width: 575px) {
    .income-first-c {
        border-left: none !important;
        border-top: 1px solid #dee4e8;
        margin-top: 1.5rem;
        padding-top: 1.5rem;
    }
}

/*!
 * @version: 1.2.0
 * @name: Adapted Checkbox plugin
 *
 * @author: https://themeforest.net/user/flexlayers
 */
/*******************************
            Checkbox
*******************************/
/* Label */
/* Checkbox */
/* Checkmark */
/* Label */
/*-------------------
        States
--------------------*/
/* Hover */
/* Pressed */
/* Focus */
/* Active */
/* Active Focus */
/* Indeterminate */
/* Disabled */
/*-------------------
        Types
--------------------*/
/* Radio */
/* Uses px to avoid rounding issues with circles */
/* 8px as unitless value from radio size */
/* Slider & Toggle Handle */
/* Slider */
/* Slider States */
/* Toggle */
/*--------------
    Content
---------------*/
.ui.checkbox {
    position: relative;
    display: inline-block;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    outline: none;
    vertical-align: baseline;
    font-style: normal;
    min-height: 1.45rem;
    font-size: 1rem;
    line-height: 1.45rem;
    min-width: 1.45rem;
}

    /* HTML Checkbox */
    .ui.checkbox input[type="checkbox"],
    .ui.checkbox input[type="radio"] {
        cursor: pointer;
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0 !important;
        outline: none;
        z-index: 3;
        width: 1.45rem;
        height: 1.45rem;
    }

    /*--------------
      Box
---------------*/
    .ui.checkbox .box,
    .ui.checkbox label {
        position: relative;
        display: block;
        padding-left: 2.45rem;
        outline: none;
        font-size: 1rem;
    }

        .ui.checkbox .box:before,
        .ui.checkbox label:before {
            position: absolute;
            top: 0;
            left: 0;
            width: 1.45rem;
            height: 1.45rem;
            content: '';
            background: #f4f9fc;
            border-radius: 0;
            transition: border 0.1s ease, opacity 0.1s ease, box-shadow 0.1s ease, -webkit-transform 0.1s ease;
            transition: border 0.1s ease, opacity 0.1s ease, transform 0.1s ease, box-shadow 0.1s ease;
            transition: border 0.1s ease, opacity 0.1s ease, transform 0.1s ease, box-shadow 0.1s ease, -webkit-transform 0.1s ease;
            border: 1px solid #dee4e8;
        }

        /*--------------
    Checkmark
---------------*/
        .ui.checkbox .box:after,
        .ui.checkbox label:after {
            position: absolute;
            font-size: 0.83rem;
            top: 0;
            left: 0;
            width: 1.45rem;
            height: 1.45rem;
            text-align: center;
            opacity: 0;
            color: #585e61;
            transition: border 0.1s ease, opacity 0.1s ease, box-shadow 0.1s ease, -webkit-transform 0.1s ease;
            transition: border 0.1s ease, opacity 0.1s ease, transform 0.1s ease, box-shadow 0.1s ease;
            transition: border 0.1s ease, opacity 0.1s ease, transform 0.1s ease, box-shadow 0.1s ease, -webkit-transform 0.1s ease;
        }

    /*--------------
      Label
---------------*/
    /* Inside */
    .ui.checkbox label,
    .ui.checkbox + label {
        transition: color 0.1s ease;
    }

        .ui.checkbox label:not(.has-state),
        .ui.checkbox + label:not(.has-state) {
            color: #585e61;
        }

    /* Outside */
    .ui.checkbox + label {
        vertical-align: middle;
    }

    /*******************************
           States
*******************************/
    /*--------------
      Hover
---------------*/
    .ui.checkbox .box:hover::before,
    .ui.checkbox label:hover::before {
        background: #f4f9fc;
        border-color: #dee4e8;
    }

    .ui.checkbox label:hover:not(.has-state),
    .ui.checkbox + label:hover:not(.has-state) {
        color: #585e61;
    }

    /*--------------
      Down
---------------*/
    .ui.checkbox .box:active::before,
    .ui.checkbox label:active::before {
        background: #eef6f8;
        border-color: #dee4e8;
    }

    .ui.checkbox .box:active::after,
    .ui.checkbox label:active::after {
        color: #585e61;
    }

    .ui.checkbox input:active ~ label {
        color: #585e61;
    }

    /*--------------
     Focus
---------------*/
    .ui.checkbox input:focus ~ .box:before,
    .ui.checkbox input:focus ~ label:before {
        background: #f4f9fc;
        border-color: #797e81;
    }

    .ui.checkbox input:focus ~ .box:after,
    .ui.checkbox input:focus ~ label:after {
        color: #585e61;
    }

    .ui.checkbox input:focus ~ label:not(.has-state) {
        color: #585e61;
    }

    /*--------------
     Active
---------------*/
    .ui.checkbox input:checked ~ .box:before,
    .ui.checkbox input:checked ~ label:before {
        background: #f4f9fc;
        border-color: #797e81;
    }

    .ui.checkbox input:checked ~ .box:after,
    .ui.checkbox input:checked ~ label:after {
        opacity: 1;
        color: #585e61;
    }

    /*--------------
  Indeterminate
---------------*/
    .ui.checkbox input:not([type=radio]):indeterminate ~ .box:before,
    .ui.checkbox input:not([type=radio]):indeterminate ~ label:before {
        background: #f4f9fc;
        border-color: #797e81;
    }

    .ui.checkbox input:not([type=radio]):indeterminate ~ .box:after,
    .ui.checkbox input:not([type=radio]):indeterminate ~ label:after {
        opacity: 1;
        color: #585e61;
        top: 1px;
    }

    /*--------------
  Active Focus
---------------*/
    .ui.checkbox input:not([type=radio]):indeterminate:focus ~ .box:before,
    .ui.checkbox input:not([type=radio]):indeterminate:focus ~ label:before,
    .ui.checkbox input:checked:focus ~ .box:before,
    .ui.checkbox input:checked:focus ~ label:before {
        background: #f4f9fc;
        border-color: #797e81;
    }

    .ui.checkbox input:not([type=radio]):indeterminate:focus ~ .box:after,
    .ui.checkbox input:not([type=radio]):indeterminate:focus ~ label:after,
    .ui.checkbox input:checked:focus ~ .box:after,
    .ui.checkbox input:checked:focus ~ label:after {
        color: #585e61;
    }

/*--------------
    Read-Only
---------------*/
.ui.read-only.checkbox,
.ui.read-only.checkbox label {
    cursor: default;
}

/*--------------
     Disabled
---------------*/
.ui.disabled.checkbox .box:after,
.ui.disabled.checkbox label,
.ui.checkbox input[disabled] ~ .box:after,
.ui.checkbox input[disabled] ~ label {
    cursor: default !important;
    opacity: 0.75;
    color: #797e81;
}

/*--------------
     Hidden
---------------*/
/* Initialized checkbox moves input below element
 to prevent manually triggering */
.ui.checkbox input.hidden {
    z-index: -1;
}

    /* Selectable Label */
    .ui.checkbox input.hidden + label {
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

/*******************************
             Types
*******************************/
/*--------------
     Radio
---------------*/
.ui.radio.checkbox {
    min-height: 1.45rem;
}

    .ui.radio.checkbox .box,
    .ui.radio.checkbox label {
        padding-left: 2.45rem;
    }

        /* Box */
        .ui.radio.checkbox .box:before,
        .ui.radio.checkbox label:before {
            content: '';
            -webkit-transform: none;
            transform: none;
            width: 1.45rem;
            height: 1.45rem;
            border-radius: 500rem;
            top: 1px;
            left: 0;
        }

        /* Bullet */
        .ui.radio.checkbox .box:after,
        .ui.radio.checkbox label:after {
            border: none;
            content: '' !important;
            width: 1.45rem;
            height: 1.45rem;
            line-height: 1.45rem;
        }

        /* Radio Checkbox */
        .ui.radio.checkbox .box:after,
        .ui.radio.checkbox label:after {
            top: 1px;
            left: 0;
            width: 1.45rem;
            height: 1.45rem;
            border-radius: 500rem;
            -webkit-transform: scale(0.5);
            transform: scale(0.5);
            background-color: #585e61;
        }

    /* Focus */
    .ui.radio.checkbox input:focus ~ .box:before,
    .ui.radio.checkbox input:focus ~ label:before {
        background-color: #f4f9fc;
    }

    .ui.radio.checkbox input:focus ~ .box:after,
    .ui.radio.checkbox input:focus ~ label:after {
        background-color: #585e61;
    }

    /* Indeterminate */
    .ui.radio.checkbox input:indeterminate ~ .box:after,
    .ui.radio.checkbox input:indeterminate ~ label:after {
        opacity: 0;
    }

    /* Active */
    .ui.radio.checkbox input:checked ~ .box:before,
    .ui.radio.checkbox input:checked ~ label:before {
        background-color: #f4f9fc;
    }

    .ui.radio.checkbox input:checked ~ .box:after,
    .ui.radio.checkbox input:checked ~ label:after {
        background-color: #585e61;
    }

    /* Active Focus */
    .ui.radio.checkbox input:focus:checked ~ .box:before,
    .ui.radio.checkbox input:focus:checked ~ label:before {
        background-color: #f4f9fc;
    }

    .ui.radio.checkbox input:focus:checked ~ .box:after,
    .ui.radio.checkbox input:focus:checked ~ label:after {
        background-color: #585e61;
    }

/*--------------
     Slider
---------------*/
.ui.slider.checkbox {
    min-height: 1.225rem;
}

    /* Input */
    .ui.slider.checkbox input {
        width: 3.5rem;
        height: 1.225rem;
    }

    /* Label */
    .ui.slider.checkbox .box,
    .ui.slider.checkbox label {
        padding-left: 4.5rem;
        line-height: 1rem;
        color: #a9aeb1;
    }

        /* Line */
        .ui.slider.checkbox .box:before,
        .ui.slider.checkbox label:before {
            display: block;
            position: absolute;
            content: '';
            border: none !important;
            left: 0;
            z-index: 1;
            top: 0.4rem;
            background-color: rgba(88, 94, 97, 0.05);
            width: 3.5rem;
            height: 0.28571rem;
            -webkit-transform: none;
            transform: none;
            border-radius: 500rem;
            transition: background 0.3s ease;
        }

        /* Handle */
        .ui.slider.checkbox .box:after,
        .ui.slider.checkbox label:after {
            background: #f4f9fc linear-gradient(transparent, rgba(88, 94, 97, 0.05));
            position: absolute;
            content: '' !important;
            opacity: 1;
            z-index: 2;
            border: none;
            box-shadow: 0 1px 2px 0 #dee4e8, 0 0 0 1px #dee4e8 inset;
            width: 1.45rem;
            height: 1.45rem;
            top: -0.225rem;
            left: 0;
            -webkit-transform: none;
            transform: none;
            border-radius: 500rem;
            transition: left 0.3s ease;
        }

    /* Focus */
    .ui.slider.checkbox input:focus ~ .box:before,
    .ui.slider.checkbox input:focus ~ label:before {
        background-color: rgba(88, 94, 97, 0.15);
        border: none;
    }

    /* Hover */
    .ui.slider.checkbox .box:hover,
    .ui.slider.checkbox label:hover {
        color: #585e61;
    }

        .ui.slider.checkbox .box:hover::before,
        .ui.slider.checkbox label:hover::before {
            background: rgba(88, 94, 97, 0.15);
        }

    /* Active */
    .ui.slider.checkbox input:checked ~ .box,
    .ui.slider.checkbox input:checked ~ label {
        color: #585e61 !important;
    }

        .ui.slider.checkbox input:checked ~ .box:before,
        .ui.slider.checkbox input:checked ~ label:before {
            background-color: #a9aeb1 !important;
        }

        .ui.slider.checkbox input:checked ~ .box:after,
        .ui.slider.checkbox input:checked ~ label:after {
            left: 2.05rem;
        }

    /* Active Focus */
    .ui.slider.checkbox input:focus:checked ~ .box,
    .ui.slider.checkbox input:focus:checked ~ label {
        color: #585e61 !important;
    }

        .ui.slider.checkbox input:focus:checked ~ .box:before,
        .ui.slider.checkbox input:focus:checked ~ label:before {
            background-color: #797e81 !important;
        }

/*--------------
     Toggle
---------------*/
.ui.toggle.checkbox {
    min-height: 1.45rem;
}

    /* Input */
    .ui.toggle.checkbox input {
        width: 3.5rem;
        height: 1.45rem;
    }

    /* Label */
    .ui.toggle.checkbox .box,
    .ui.toggle.checkbox label {
        min-height: 1.45rem;
        padding-left: 4.5rem;
        color: #585e61;
    }

    .ui.toggle.checkbox label {
        padding-top: 0.15em;
    }

        /* Switch */
        .ui.toggle.checkbox .box:before,
        .ui.toggle.checkbox label:before {
            display: block;
            position: absolute;
            content: '';
            z-index: 1;
            -webkit-transform: none;
            transform: none;
            border: none;
            top: 0;
            background: rgba(88, 94, 97, 0.08);
            box-shadow: none;
            width: 3.5rem;
            height: 1.45rem;
            border-radius: 500rem;
        }

        /* Handle */
        .ui.toggle.checkbox .box:after,
        .ui.toggle.checkbox label:after {
            background: #f4f9fc linear-gradient(transparent, rgba(88, 94, 97, 0.05));
            position: absolute;
            content: '' !important;
            opacity: 1;
            z-index: 2;
            border: none;
            box-shadow: 0 1px 2px 0 #dee4e8, 0 0 0 1px #dee4e8 inset;
            width: 1.45rem;
            height: 1.45rem;
            top: 0;
            left: 0;
            border-radius: 500rem;
            transition: background 0.3s ease, left 0.3s ease;
        }

    .ui.toggle.checkbox input ~ .box:after,
    .ui.toggle.checkbox input ~ label:after {
        left: -0.05rem;
        box-shadow: none;
    }

    /* Focus */
    .ui.toggle.checkbox input:focus ~ .box:before,
    .ui.toggle.checkbox input:focus ~ label:before {
        background-color: rgba(88, 94, 97, 0.15);
        border: none;
    }

    /* Hover */
    .ui.toggle.checkbox .box:hover::before,
    .ui.toggle.checkbox label:hover::before {
        background-color: rgba(88, 94, 97, 0.15);
        border: none;
    }

    /* Active */
    .ui.toggle.checkbox input:checked ~ .box,
    .ui.toggle.checkbox input:checked ~ label {
        color: #585e61 !important;
    }

        .ui.toggle.checkbox input:checked ~ .box:before,
        .ui.toggle.checkbox input:checked ~ label:before {
            background-color: #4c8033 !important;
        }

        .ui.toggle.checkbox input:checked ~ .box:after,
        .ui.toggle.checkbox input:checked ~ label:after {
            left: 2.2rem;
            box-shadow: none;
        }

    /* Active Focus */
    .ui.toggle.checkbox input:focus:checked ~ .box,
    .ui.toggle.checkbox input:focus:checked ~ label {
        color: #585e61 !important;
    }

        .ui.toggle.checkbox input:focus:checked ~ .box:before,
        .ui.toggle.checkbox input:focus:checked ~ label:before {
            background-color: #365c24 !important;
        }

/*******************************
            Variations
*******************************/
/*--------------
     Fitted
---------------*/
.ui.fitted.checkbox .box,
.ui.fitted.checkbox label {
    padding-left: 0 !important;
}

.ui.fitted.toggle.checkbox,
.ui.fitted.toggle.checkbox {
    width: 3.5rem;
}

.ui.fitted.slider.checkbox,
.ui.fitted.slider.checkbox {
    width: 3.5rem;
}

/*******************************
         Theme Overrides
*******************************/
@font-face {
    font-family: 'Checkbox';
    src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBD8AAAC8AAAAYGNtYXAYVtCJAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5Zn4huwUAAAF4AAABYGhlYWQGPe1ZAAAC2AAAADZoaGVhB30DyAAAAxAAAAAkaG10eBBKAEUAAAM0AAAAHGxvY2EAmgESAAADUAAAABBtYXhwAAkALwAAA2AAAAAgbmFtZSC8IugAAAOAAAABknBvc3QAAwAAAAAFFAAAACAAAwMTAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADoAgPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg6AL//f//AAAAAAAg6AD//f//AAH/4xgEAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAEUAUQO7AvgAGgAAARQHAQYjIicBJjU0PwE2MzIfAQE2MzIfARYVA7sQ/hQQFhcQ/uMQEE4QFxcQqAF2EBcXEE4QAnMWEP4UEBABHRAXFhBOEBCoAXcQEE4QFwAAAAABAAABbgMlAkkAFAAAARUUBwYjISInJj0BNDc2MyEyFxYVAyUQEBf9SRcQEBAQFwK3FxAQAhJtFxAQEBAXbRcQEBAQFwAAAAABAAAASQMlA24ALAAAARUUBwYrARUUBwYrASInJj0BIyInJj0BNDc2OwE1NDc2OwEyFxYdATMyFxYVAyUQEBfuEBAXbhYQEO4XEBAQEBfuEBAWbhcQEO4XEBACEm0XEBDuFxAQEBAX7hAQF20XEBDuFxAQEBAX7hAQFwAAAQAAAAIAAHRSzT9fDzz1AAsEAAAAAADRsdR3AAAAANGx1HcAAAAAA7sDbgAAAAgAAgAAAAAAAAABAAADwP/AAAAEAAAAAAADuwABAAAAAAAAAAAAAAAAAAAABwQAAAAAAAAAAAAAAAIAAAAEAABFAyUAAAMlAAAAAAAAAAoAFAAeAE4AcgCwAAEAAAAHAC0AAQAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQAIAAAAAQAAAAAAAgAHAGkAAQAAAAAAAwAIADkAAQAAAAAABAAIAH4AAQAAAAAABQALABgAAQAAAAAABgAIAFEAAQAAAAAACgAaAJYAAwABBAkAAQAQAAgAAwABBAkAAgAOAHAAAwABBAkAAwAQAEEAAwABBAkABAAQAIYAAwABBAkABQAWACMAAwABBAkABgAQAFkAAwABBAkACgA0ALBDaGVja2JveABDAGgAZQBjAGsAYgBvAHhWZXJzaW9uIDIuMABWAGUAcgBzAGkAbwBuACAAMgAuADBDaGVja2JveABDAGgAZQBjAGsAYgBvAHhDaGVja2JveABDAGgAZQBjAGsAYgBvAHhSZWd1bGFyAFIAZQBnAHUAbABhAHJDaGVja2JveABDAGgAZQBjAGsAYgBvAHhGb250IGdlbmVyYXRlZCBieSBJY29Nb29uLgBGAG8AbgB0ACAAZwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAC4AAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format("truetype");
}

/* Checkmark */
.ui.checkbox label:after,
.ui.checkbox .box:after {
    font-family: 'Checkbox';
}

/* Checked */
.ui.checkbox input:checked ~ .box:after,
.ui.checkbox input:checked ~ label:after {
    content: '\e800';
}

/* Indeterminate */
.ui.checkbox input:indeterminate ~ .box:after,
.ui.checkbox input:indeterminate ~ label:after {
    font-size: 12px;
    content: '\e801';
}

.ui.checkbox.checkbox-fill input[type="checkbox"]:checked + label::before,
.ui.checkbox.checkbox-fill input[type="checkbox"]:indeterminate + label::before {
    background-color: #585e61;
}

.ui.checkbox.checkbox-fill input[type="checkbox"]:checked + label::after,
.ui.checkbox.checkbox-fill input[type="checkbox"]:indeterminate + label::after {
    color: #f4f9fc;
}

.ui.checkbox.checkbox-primary input[type="checkbox"]:checked + label::before,
.ui.checkbox.checkbox-primary input[type="checkbox"]:indeterminate + label::before {
    border-color: #4c8033;
}

.ui.checkbox.checkbox-primary input[type="checkbox"]:checked + label::after,
.ui.checkbox.checkbox-primary input[type="checkbox"]:indeterminate + label::after {
    color: #4c8033;
}

.ui.checkbox.checkbox-fill.checkbox-primary input[type="checkbox"]:checked + label::after {
    background-color: #4c8033;
    color: #f4f9fc;
}

.ui.checkbox.checkbox-primary.radio input:checked + label::after,
.ui.checkbox.checkbox-primary.radio input:indeterminate + label::after {
    background-color: #4c8033;
}

.ui.checkbox.checkbox-primary.radio input:checked + label::before,
.ui.checkbox.checkbox-primary.radio input:indeterminate + label::before {
    border-color: #4c8033;
}

.ui.checkbox.checkbox-primary.slider input:checked + label::before,
.ui.checkbox.checkbox-primary.slider input:indeterminate + label::before,
.ui.checkbox.checkbox-primary.toggle input:checked + label::before,
.ui.checkbox.checkbox-primary.toggle input:indeterminate + label::before {
    background-color: #4c8033 !important;
}

.ui.checkbox.checkbox-danger input[type="checkbox"]:checked + label::before,
.ui.checkbox.checkbox-danger input[type="checkbox"]:indeterminate + label::before {
    border-color: #a53012;
}

.ui.checkbox.checkbox-danger input[type="checkbox"]:checked + label::after,
.ui.checkbox.checkbox-danger input[type="checkbox"]:indeterminate + label::after {
    color: #a53012;
}

.ui.checkbox.checkbox-fill.checkbox-danger input[type="checkbox"]:checked + label::after {
    background-color: #a53012;
    color: #f4f9fc;
}

.ui.checkbox.checkbox-danger.radio input:checked + label::after,
.ui.checkbox.checkbox-danger.radio input:indeterminate + label::after {
    background-color: #a53012;
}

.ui.checkbox.checkbox-danger.radio input:checked + label::before,
.ui.checkbox.checkbox-danger.radio input:indeterminate + label::before {
    border-color: #a53012;
}

.ui.checkbox.checkbox-danger.slider input:checked + label::before,
.ui.checkbox.checkbox-danger.slider input:indeterminate + label::before,
.ui.checkbox.checkbox-danger.toggle input:checked + label::before,
.ui.checkbox.checkbox-danger.toggle input:indeterminate + label::before {
    background-color: #a53012 !important;
}

.ui.checkbox.checkbox-info input[type="checkbox"]:checked + label::before,
.ui.checkbox.checkbox-info input[type="checkbox"]:indeterminate + label::before {
    border-color: #3a8586;
}

.ui.checkbox.checkbox-info input[type="checkbox"]:checked + label::after,
.ui.checkbox.checkbox-info input[type="checkbox"]:indeterminate + label::after {
    color: #3a8586;
}

.ui.checkbox.checkbox-fill.checkbox-info input[type="checkbox"]:checked + label::after {
    background-color: #3a8586;
    color: #f4f9fc;
}

.ui.checkbox.checkbox-info.radio input:checked + label::after,
.ui.checkbox.checkbox-info.radio input:indeterminate + label::after {
    background-color: #3a8586;
}

.ui.checkbox.checkbox-info.radio input:checked + label::before,
.ui.checkbox.checkbox-info.radio input:indeterminate + label::before {
    border-color: #3a8586;
}

.ui.checkbox.checkbox-info.slider input:checked + label::before,
.ui.checkbox.checkbox-info.slider input:indeterminate + label::before,
.ui.checkbox.checkbox-info.toggle input:checked + label::before,
.ui.checkbox.checkbox-info.toggle input:indeterminate + label::before {
    background-color: #3a8586 !important;
}

.ui.checkbox.checkbox-warning input[type="checkbox"]:checked + label::before,
.ui.checkbox.checkbox-warning input[type="checkbox"]:indeterminate + label::before {
    border-color: #a58825;
}

.ui.checkbox.checkbox-warning input[type="checkbox"]:checked + label::after,
.ui.checkbox.checkbox-warning input[type="checkbox"]:indeterminate + label::after {
    color: #a58825;
}

.ui.checkbox.checkbox-fill.checkbox-warning input[type="checkbox"]:checked + label::after {
    background-color: #a58825;
    color: #f4f9fc;
}

.ui.checkbox.checkbox-warning.radio input:checked + label::after,
.ui.checkbox.checkbox-warning.radio input:indeterminate + label::after {
    background-color: #a58825;
}

.ui.checkbox.checkbox-warning.radio input:checked + label::before,
.ui.checkbox.checkbox-warning.radio input:indeterminate + label::before {
    border-color: #a58825;
}

.ui.checkbox.checkbox-warning.slider input:checked + label::before,
.ui.checkbox.checkbox-warning.slider input:indeterminate + label::before,
.ui.checkbox.checkbox-warning.toggle input:checked + label::before,
.ui.checkbox.checkbox-warning.toggle input:indeterminate + label::before {
    background-color: #a58825 !important;
}

.ui.checkbox.checkbox-success input[type="checkbox"]:checked + label::before,
.ui.checkbox.checkbox-success input[type="checkbox"]:indeterminate + label::before {
    border-color: #3e5190;
}

.ui.checkbox.checkbox-success input[type="checkbox"]:checked + label::after,
.ui.checkbox.checkbox-success input[type="checkbox"]:indeterminate + label::after {
    color: #3e5190;
}

.ui.checkbox.checkbox-fill.checkbox-success input[type="checkbox"]:checked + label::after {
    background-color: #3e5190;
    color: #f4f9fc;
}

.ui.checkbox.checkbox-success.radio input:checked + label::after,
.ui.checkbox.checkbox-success.radio input:indeterminate + label::after {
    background-color: #3e5190;
}

.ui.checkbox.checkbox-success.radio input:checked + label::before,
.ui.checkbox.checkbox-success.radio input:indeterminate + label::before {
    border-color: #3e5190;
}

.ui.checkbox.checkbox-success.slider input:checked + label::before,
.ui.checkbox.checkbox-success.slider input:indeterminate + label::before,
.ui.checkbox.checkbox-success.toggle input:checked + label::before,
.ui.checkbox.checkbox-success.toggle input:indeterminate + label::before {
    background-color: #3e5190 !important;
}

.ui.checkbox.checkbox-fill.radio input:checked + label::after {
    -webkit-transform: scale(0.92);
    transform: scale(0.92);
}

/*  UTF Reference
.check:before { content: '\e800'; }
.dash:before  { content: '\e801'; }
.plus:before { content: '\e802'; }
*/
/*!
 * @version: 1.2.0
 * @name: list-plus
 *
 * @author: https://themeforest.net/user/flexlayers
 */
/*!
 * @version: 1.1.2
 * @name: Adapted List plugin
 *
 * @author: https://themeforest.net/user/flexlayers
 */
/*******************************
             List
*******************************/
/*-------------------
         View
--------------------*/
/* List */
/* List Item */
/* Child List */
/*-------------------
      Elements
--------------------*/
/* Icon */
/* Image */
/* Content */
/* Header */
/* Description */
/* Link */
/* Header Link */
/* Linked Icon */
/*-------------------
        States
--------------------*/
/*-------------------
      Variations
--------------------*/
/* Float */
/* Horizontal */
/* Link List */
/* Selection List */
/* Selection List States */
/* Animated List */
/* Bulleted */
/* Horizontal Bullets */
/* Ordered List */
/* Horizontal Ordered */
/* Divided */
/* Divided Horizontal */
/* Divided */
/* Divided Horizontal */
ul.list,
ol.list,
.list {
    list-style-type: none;
    margin: 0;
    padding: 0 0;
}

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

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

    ol.list li[value]:before {
        font-family: FontAwesome;
        content: attr(value);
    }

    .list.list-unstyled {
        margin-left: 0;
    }

        .list.list-unstyled > li:before {
            content: '';
        }

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

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

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

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

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

        /* Icon */
        .list .list > .item .icon,
        .list > .item .icon {
            display: table-cell;
            margin: 0;
            padding-top: 0.35714rem;
            padding-right: 0;
            vertical-align: top;
            transition: color 0.1s ease;
            width: 1.2em;
            text-align: center;
        }

        .list .list > .item [class*="top aligned"].icon,
        .list > .item > [class*="top aligned"].icon {
            vertical-align: top;
        }

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

        /* Image */
        .list .list > .item .image,
        .list > .item .image {
            display: table-cell;
            margin: 0;
            margin-right: 0.5em;
            vertical-align: top;
            width: 45px;
        }

        .list .list > .item > [class*="top aligned"].image,
        .list > .item > [class*="top aligned"].image {
            vertical-align: top;
        }

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

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

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

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

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

        .list .list > .item [class*="top aligned"].content,
        .list > .item > [class*="top aligned"].content {
            vertical-align: top;
        }

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

        /* Item Link */
        .list .list > a.item,
        .list > a.item {
            cursor: pointer;
            color: #3a8586;
            position: relative;
            display: block;
        }

            .list .list > a.item:hover,
            .list > a.item:hover {
                color: #235051;
            }

            /* Linked Item Icons */
            .list .list > a.item .icon,
            .list > a.item .icon {
                color: #797e81;
            }

        /* Header */
        .list .list > .item .header,
        .list > .item .header {
            display: block;
            margin: 0;
            font-size: 1rem;
        }

        .list .list > .item .description,
        .list > .item .description {
            display: block;
            color: #585e61;
        }

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

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

/*******************************
            Coupling
*******************************/
.menu .list > .item,
.menu .list .list > .item {
    display: list-item;
    table-layout: fixed;
    list-style: none outside;
    padding: 0 0;
    line-height: 1.71429;
}

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

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

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

/*******************************
            Types
*******************************/
/*-------------------
      Horizontal
--------------------*/
.horizontal.list {
    display: inline-block;
}

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

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

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

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

/*******************************
             States
*******************************/
/*-------------------
       Disabled
--------------------*/
.list .list > .disabled.item,
.list > .disabled.item {
    pointer-events: none;
    color: #797e81 !important;
}

/*-------------------
        Hover
--------------------*/
.list .list > a.item:hover .icon,
.list > a.item:hover .icon {
    color: #585e61;
}

/*******************************
           Variations
*******************************/
/*-------------------
       Link
--------------------*/
.link.list .item,
.link.list a.item,
.link.list .item a {
    color: #585e61;
    transition: 0.1s color ease;
}

    .link.list a.item:hover,
    .link.list .item a:hover {
        color: #585e61;
    }

    .link.list a.item:active,
    .link.list .item a:active {
        color: #585e61;
    }

.link.list .active.item,
.link.list .active.item a {
    color: #585e61;
}

/*-------------------
      Selection
--------------------*/
.selection.list .list > .item,
.selection.list > .item {
    cursor: pointer;
    background: transparent;
    padding: 0.7em 0.5em;
    margin: 0;
    color: #585e61;
    transition: 0.1s color ease, 0.1s padding-left ease, 0.1s background-color ease;
}

    .selection.list .list > .item:last-child,
    .selection.list > .item:last-child {
        margin-bottom: 0;
    }

    .selection.list.list > .item:hover,
    .selection.list > .item:hover {
        background: #eef6f8;
        color: #585e61;
    }

    .selection.list .list > .item:active,
    .selection.list > .item:active {
        background: none;
        color: #585e61;
    }

    .selection.list .list > .item.active,
    .selection.list > .item.active {
        background: #e6eff3;
        color: #585e61;
    }

/* Celled / Divided Selection List */
.celled.selection.list .list > .item,
.divided.selection.list .list > .item,
.celled.selection.list > .item,
.divided.selection.list > .item {
    border-radius: 0;
}

/*-------------------
       Animated
--------------------*/
.animated.list > .item {
    transition: color ease 0.25s 0s, padding-left ease 0.25s 0s, background-color ease 0.25s 0s;
}

.animated.list:not(.horizontal) > .item:hover {
    padding-left: 1em;
}

/*-------------------
       Fitted
--------------------*/
.fitted.list:not(.selection) .list > .item,
.fitted.list:not(.selection) > .item {
    padding-left: 0;
    padding-right: 0;
}

.fitted.selection.list .list > .item,
.fitted.selection.list > .item {
    margin-left: -0.5em;
    margin-right: -0.5em;
}

/*-------------------
      Bulleted
--------------------*/
ul.list,
.bulleted.list {
    margin-left: 1.5rem;
}

    ul.list li,
    .bulleted.list .list > .item,
    .bulleted.list > .item {
        position: relative;
    }

        ul.list li:before,
        .bulleted.list .list > .item:before,
        .bulleted.list > .item:before {
            position: absolute;
            top: auto;
            left: auto;
            margin-left: -1.5rem;
            content: "•";
            opacity: 1;
            color: inherit;
            vertical-align: top;
        }

    ul.list ul,
    .bulleted.list .list {
        padding-left: 3em;
    }

/* Horizontal Bulleted */
ul.horizontal.bulleted.list,
.horizontal.bulleted.list {
    margin-left: 0;
}

    ul.horizontal.bulleted.list li,
    .horizontal.bulleted.list > .item {
        margin-left: 2rem;
    }

        ul.horizontal.bulleted.list li:first-child,
        .horizontal.bulleted.list > .item:first-child {
            margin-left: 0;
        }

            ul.horizontal.bulleted.list li:first-child::before,
            .horizontal.bulleted.list > .item:first-child::before {
                display: none;
            }

/*-------------------
       Ordered
--------------------*/
ol.list,
.ordered.list,
.ordered.list .list,
ol.list ol {
    counter-reset: ordered;
    margin-left: 1.5rem;
    list-style-type: none;
}

    ol.list li,
    .ordered.list .list > .item,
    .ordered.list > .item {
        list-style-type: none;
        position: relative;
    }

        ol.list li:before,
        .ordered.list .list > .item:before,
        .ordered.list > .item:before {
            position: absolute;
            top: auto;
            left: auto;
            margin-left: -1.5rem;
            counter-increment: ordered;
            content: counters(ordered, ".") " ";
            text-align: right;
            color: #585e61;
            vertical-align: middle;
            opacity: 0.8;
        }

    /* Child Lists */
    ol.list ol,
    .ordered.list .list {
        margin-left: 3em;
    }

        ol.list ol li:before,
        .ordered.list .list > .item:before {
            margin-left: -2em;
        }

/* Horizontal Ordered */
ol.horizontal.list,
.ordered.horizontal.list {
    margin-left: 0;
}

    ol.horizontal.list li:before,
    .ordered.horizontal.list .list > .item:before,
    .ordered.horizontal.list > .item:before {
        position: static;
        margin: 0 0.5em 0 0;
    }

.checked-list-item {
    position: relative;
}

    .checked-list-item .checked-list-checkbox {
        min-height: 50px;
        display: -webkit-flex !important;
        display: -ms-flexbox !important;
        display: flex !important;
        float: left;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        position: absolute !important;
        height: 100%;
        width: 62px;
    }

        .checked-list-item .checked-list-checkbox label {
            margin: 0;
            padding: 1.45rem 0 0 1.45rem !important;
        }

    .checked-list-item .checked-list-details {
        margin-left: 64px;
        padding: 18px 28px 18px 0;
        display: block;
    }

        .checked-list-item .checked-list-details > * {
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center;
        }

.sortable-list-item {
    transition: background .2s;
}

    .sortable-list-item .sortable-list-handle {
        position: relative;
    }

    .sortable-list-item.ui-sortable-helper {
        background: #eef6f8;
        border: 1px dashed #e6eff3 !important;
    }

/*-------------------
       Divided
--------------------*/
.divided.list > .item {
    border-top: 1px solid #dee4e8;
}

.divided.list .list > .item {
    border-top: none;
}

.divided.list .item .list > .item {
    border-top: none;
}

.divided.list .list > .item:first-child,
.divided.list > .item:first-child {
    border-top: 0;
}

/* Sub Menu */
.divided.list:not(.horizontal) .list > .item:first-child {
    border-top-width: 1px;
}

/* Divided bulleted */
.divided.bulleted.list:not(.horizontal),
.divided.bulleted.list .list {
    margin-left: 0;
    padding-left: 0;
}

    .divided.bulleted.list .list > .item:not(.horizontal),
    .divided.bulleted.list > .item:not(.horizontal) {
        padding-left: 1.5rem;
    }

/* Divided Ordered */
.divided.ordered.list {
    margin-left: 0;
}

    .divided.ordered.list .list > .item,
    .divided.ordered.list > .item {
        padding-left: 1.5rem;
    }

    .divided.ordered.list .item .list {
        margin-left: 0;
        margin-right: 0;
        padding-bottom: 0;
    }

        .divided.ordered.list .item .list > .item {
            padding-left: 3em;
        }

/* Divided Selection */
.divided.selection.list .list > .item,
.divided.selection.list > .item {
    margin: 0;
    border-radius: 0;
}

/* Divided horizontal */
.divided.horizontal.list {
    margin-left: 0;
}

    .divided.horizontal.list > .item {
        border-top: 0;
        border-left: 1px solid #dee4e8;
        margin: 0;
        padding-left: 0.5em;
        padding-right: 0.5em;
        line-height: 0.6;
    }

.horizontal.divided.list > .item:first-child {
    border-left: 0;
}

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

/* Inverted */
.divided.inverted.list > .item,
.divided.inverted.list > .list,
.divided.inverted.horizontal.list > .item {
    border-color: #dee4e8;
}

/*-------------------
        Celled
--------------------*/
.celled.list > .item,
.celled.list > .list {
    border-top: 1px solid #dee4e8;
    padding-left: 0.5em;
    padding-right: 0.5em;
}

    .celled.list > .item:last-child {
        border-bottom: 1px solid #dee4e8;
    }

    /* Padding on all elements */
    .celled.list > .item:first-child,
    .celled.list > .item:last-child {
        padding-top: 0;
        padding-bottom: 0;
    }

/* Sub Menu */
.celled.list .item .list > .item {
    border-width: 0;
}

.celled.list .list > .item:first-child {
    border-top-width: 0;
}

/* Celled Bulleted */
.celled.bulleted.list {
    margin-left: 0;
}

    .celled.bulleted.list .list > .item,
    .celled.bulleted.list > .item {
        padding-left: 1.5rem;
    }

    .celled.bulleted.list .item .list {
        margin-left: -1.5rem;
        margin-right: -1.5rem;
        padding-bottom: 0;
    }

/* Celled Ordered */
.celled.ordered.list {
    margin-left: 0;
}

    .celled.ordered.list .list > .item,
    .celled.ordered.list > .item {
        padding-left: 1.5rem;
    }

    .celled.ordered.list .item .list {
        margin-left: 0;
        margin-right: 0;
        padding-bottom: 0;
    }

    .celled.ordered.list .list > .item {
        padding-left: 3em;
    }

/* Celled Horizontal */
.horizontal.celled.list {
    margin-left: 0;
}

    .horizontal.celled.list .list > .item,
    .horizontal.celled.list > .item {
        border-top: 0;
        border-left: 1px solid #dee4e8;
        margin: 0;
        padding-left: 0.5em;
        padding-right: 0.5em;
        line-height: 0.6;
    }

        .horizontal.celled.list .list > .item:last-child,
        .horizontal.celled.list > .item:last-child {
            border-bottom: 0;
            border-right: 1px solid #dee4e8;
        }

/* Inverted */
.celled.inverted.list > .item,
.celled.inverted.list > .list {
    border-color: 1px solid #dee4e8;
}

.celled.inverted.horizontal.list .list > .item,
.celled.inverted.horizontal.list > .item {
    border-color: 1px solid #dee4e8;
}

/*!
 * @version: 1.2.0
 * @name: buttons
 *
 * @author: https://themeforest.net/user/flexlayers
 */
/* Labeled Button */
/*--------------
  Labeled Button
---------------*/
.btn-labeled-icon .btn,
.btn-labeled-icon.btn {
    position: relative;
}

    /* Left Labeled */
    .btn-labeled-icon > .btn > .icon,
    .btn-labeled-icon.btn > .icon {
        position: absolute;
        height: 100%;
        text-align: center;
        margin: 0;
        width: 2.57667rem;
        background-color: rgba(0, 30, 40, 0.08);
        top: 0;
        left: 0;
        line-height: 2.4725rem;
    }

    .btn-labeled-icon.btn-xs > .btn > .icon,
    .btn-labeled-icon.btn.btn-xs > .icon {
        width: 1.73095rem;
        line-height: 1.62679rem;
    }

    .btn-labeled-icon.btn-sm > .btn > .icon, .btn-group-sm > .btn-labeled-icon.btn > .btn > .icon, .sp-container button.btn-labeled-icon.sp-choose > .btn > .icon,
    .sp-container button.btn-labeled-icon.sp-palette-toggle > .btn > .icon,
    .sp-container a.btn-labeled-icon.sp-cancel > .btn > .icon,
    .btn-labeled-icon.btn.btn-sm > .icon, .btn-group-sm > .btn-labeled-icon.btn > .icon, .sp-container button.btn-labeled-icon.btn.sp-choose > .icon,
    .sp-container button.btn-labeled-icon.btn.sp-palette-toggle > .icon,
    .sp-container a.btn-labeled-icon.btn.sp-cancel > .icon {
        width: 2.27381rem;
        line-height: 2.16964rem;
    }

    .btn-labeled-icon.btn-lg > .btn > .icon, .btn-group-lg > .btn-labeled-icon.btn > .btn > .icon,
    .btn-labeled-icon.btn.btn-lg > .icon, .btn-group-lg > .btn-labeled-icon.btn > .icon {
        width: 2.85952rem;
        line-height: 2.75536rem;
    }

.btn-labeled-icon.left {
    padding-left: 4.17667rem !important;
}

    .btn-labeled-icon.left.btn-xs {
        padding-left: 2.43095rem !important;
    }

    .btn-labeled-icon.left.btn-sm, .btn-group-sm > .btn-labeled-icon.left.btn, .sp-container button.btn-labeled-icon.left.sp-choose,
    .sp-container button.btn-labeled-icon.left.sp-palette-toggle,
    .sp-container a.btn-labeled-icon.left.sp-cancel {
        padding-left: 3.67381rem !important;
    }

    .btn-labeled-icon.left.btn-lg, .btn-group-lg > .btn-labeled-icon.left.btn {
        padding-left: 4.95952rem !important;
    }

    .btn-labeled-icon.left > .icon {
        right: auto;
        left: 0;
        border-radius: 0;
        border-top-left-radius: inherit;
        border-bottom-left-radius: inherit;
    }

/* Right Labeled */
.btn-labeled-icon.right {
    padding-right: 4.17667rem !important;
}

    .btn-labeled-icon.right.btn-xs {
        padding-right: 2.43095rem !important;
    }

    .btn-labeled-icon.right.btn-sm, .btn-group-sm > .btn-labeled-icon.right.btn, .sp-container button.btn-labeled-icon.right.sp-choose,
    .sp-container button.btn-labeled-icon.right.sp-palette-toggle,
    .sp-container a.btn-labeled-icon.right.sp-cancel {
        padding-right: 3.67381rem !important;
    }

    .btn-labeled-icon.right.btn-lg, .btn-group-lg > .btn-labeled-icon.right.btn {
        padding-right: 4.95952rem !important;
    }

    .btn-labeled-icon.right > .icon {
        left: auto;
        right: 0;
        border-radius: 0;
        border-top-right-radius: inherit;
        border-bottom-right-radius: inherit;
    }

.btn-labeled-icon > .btn > .icon:before,
.btn-labeled-icon.btn > .icon:before,
.btn-labeled-icon > .btn > .icon:after,
.btn-labeled-icon.btn > .icon:after {
    display: block;
    position: absolute;
    width: 100%;
    top: 50%;
    text-align: center;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.btn-labeled-icon .btn > .icon {
    border-radius: 0;
}

.btn-labeled-icon .btn:first-child > .icon {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.btn-labeled-icon .btn:last-child > .icon {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.vertical .btn-labeled-icon.btn:first-child > .icon {
    border-radius: 0;
    border-top-left-radius: 0;
}

.vertical .btn-labeled-icon.btn:last-child > .icon {
    border-radius: 0;
    border-bottom-left-radius: 0;
}

/*!
 * @version: 1.2.0
 * @name: scroll
 *
 * @author: https://themeforest.net/user/flexlayers
 */
.ps-container {
    -ms-touch-action: auto;
    touch-action: auto;
    overflow: hidden !important;
    -ms-overflow-style: none;
}

@supports (-ms-overflow-style: none) {
    .ps-container {
        overflow: auto !important;
    }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .ps-container {
        overflow: auto !important;
    }
}

.ps-container.ps-active-x > .ps-scrollbar-x-rail,
.ps-container.ps-active-y > .ps-scrollbar-y-rail {
    display: block;
    background-color: transparent;
}

.ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {
    background-color: transparent;
    opacity: 0.9;
}

    .ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {
        background-color: #bbc0cc;
        height: 4px;
    }

.ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
    background-color: transparent;
    opacity: 0.9;
}

    .ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
        background-color: #bbc0cc;
        width: 4px;
    }

.ps-container > .ps-scrollbar-x-rail {
    display: none;
    position: absolute;
    /* please don't change 'position' */
    opacity: 0;
    transition: background-color .2s linear, opacity .2s linear;
    bottom: 0;
    /* there must be 'bottom' for ps-scrollbar-x-rail */
    height: 4px;
}

    .ps-container > .ps-scrollbar-x-rail > .ps-scrollbar-x {
        position: absolute;
        /* please don't change 'position' */
        background-color: #bbc0cc;
        border-radius: 0;
        transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
        bottom: 0;
        /* there must be 'bottom' for ps-scrollbar-x */
        height: 4px;
    }

    .ps-container > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x, .ps-container > .ps-scrollbar-x-rail:active > .ps-scrollbar-x {
        height: 4px;
    }

.ps-container > .ps-scrollbar-y-rail {
    display: none;
    position: absolute;
    /* please don't change 'position' */
    opacity: 0;
    transition: background-color .2s linear, opacity .2s linear;
    right: 0;
    /* there must be 'right' for ps-scrollbar-y-rail */
    width: 4px;
}

    .ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y {
        position: absolute;
        /* please don't change 'position' */
        background-color: #bbc0cc;
        border-radius: 0;
        transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
        right: 0;
        /* there must be 'right' for ps-scrollbar-y */
        width: 4px;
    }

    .ps-container > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y, .ps-container > .ps-scrollbar-y-rail:active > .ps-scrollbar-y {
        width: 4px;
    }

.ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {
    background-color: transparent;
    opacity: 0.9;
}

    .ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {
        background-color: #bbc0cc;
        height: 4px;
    }

.ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
    background-color: transparent;
    opacity: 0.9;
}

    .ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
        background-color: #bbc0cc;
        width: 4px;
    }

.ps-container:hover > .ps-scrollbar-x-rail,
.ps-container:hover > .ps-scrollbar-y-rail {
    opacity: 0.6;
}

    .ps-container:hover > .ps-scrollbar-x-rail:hover {
        background-color: transparent;
        opacity: 0.9;
    }

        .ps-container:hover > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x {
            background-color: #bbc0cc;
        }

    .ps-container:hover > .ps-scrollbar-y-rail:hover {
        background-color: transparent;
        opacity: 0.9;
    }

        .ps-container:hover > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y {
            background-color: #bbc0cc;
        }

.ps-theme-main-theme {
    -ms-touch-action: auto;
    touch-action: auto;
    overflow: hidden !important;
    -ms-overflow-style: none;
}

@supports (-ms-overflow-style: none) {
    .ps-theme-main-theme {
        overflow: auto !important;
    }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .ps-theme-main-theme {
        overflow: auto !important;
    }
}

.ps-theme-main-theme.ps-active-x > .ps-scrollbar-x-rail,
.ps-theme-main-theme.ps-active-y > .ps-scrollbar-y-rail {
    display: block;
    background-color: transparent;
}

.ps-theme-main-theme.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {
    background-color: #dee4e8;
    opacity: 0.9;
}

    .ps-theme-main-theme.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {
        background-color: #a9aeb1;
        height: 4px;
    }

.ps-theme-main-theme.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
    background-color: #dee4e8;
    opacity: 0.9;
}

    .ps-theme-main-theme.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
        background-color: #a9aeb1;
        width: 4px;
    }

.ps-theme-main-theme > .ps-scrollbar-x-rail {
    display: none;
    position: absolute;
    /* please don't change 'position' */
    opacity: 0;
    transition: background-color .2s linear, opacity .2s linear;
    bottom: 0;
    /* there must be 'bottom' for ps-scrollbar-x-rail */
    height: 4px;
}

    .ps-theme-main-theme > .ps-scrollbar-x-rail > .ps-scrollbar-x {
        position: absolute;
        /* please don't change 'position' */
        background-color: #a9aeb1;
        border-radius: 0;
        transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
        bottom: 0;
        /* there must be 'bottom' for ps-scrollbar-x */
        height: 4px;
    }

    .ps-theme-main-theme > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x, .ps-theme-main-theme > .ps-scrollbar-x-rail:active > .ps-scrollbar-x {
        height: 4px;
    }

.ps-theme-main-theme > .ps-scrollbar-y-rail {
    display: none;
    position: absolute;
    /* please don't change 'position' */
    opacity: 0;
    transition: background-color .2s linear, opacity .2s linear;
    right: 1px !important;
    /* there must be 'right' for ps-scrollbar-y-rail */
    width: 4px;
}

    .ps-theme-main-theme > .ps-scrollbar-y-rail > .ps-scrollbar-y {
        position: absolute;
        /* please don't change 'position' */
        background-color: #a9aeb1;
        border-radius: 0;
        transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
        right: 0;
        /* there must be 'right' for ps-scrollbar-y */
        width: 4px;
    }

    .ps-theme-main-theme > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y, .ps-theme-main-theme > .ps-scrollbar-y-rail:active > .ps-scrollbar-y {
        width: 4px;
    }

.ps-theme-main-theme:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {
    background-color: #dee4e8;
    opacity: 0.9;
}

    .ps-theme-main-theme:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {
        background-color: #a9aeb1;
        height: 4px;
    }

.ps-theme-main-theme:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
    background-color: #dee4e8;
    opacity: 0.9;
}

    .ps-theme-main-theme:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
        background-color: #a9aeb1;
        width: 4px;
    }

.ps-theme-main-theme:hover > .ps-scrollbar-x-rail,
.ps-theme-main-theme:hover > .ps-scrollbar-y-rail {
    opacity: 0.6;
}

    .ps-theme-main-theme:hover > .ps-scrollbar-x-rail:hover {
        background-color: #dee4e8;
        opacity: 0.9;
    }

        .ps-theme-main-theme:hover > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x {
            background-color: #a9aeb1;
        }

    .ps-theme-main-theme:hover > .ps-scrollbar-y-rail:hover {
        background-color: #dee4e8;
        opacity: 0.9;
    }

        .ps-theme-main-theme:hover > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y {
            background-color: #a9aeb1;
        }

.ps-theme-top-theme {
    -ms-touch-action: auto;
    touch-action: auto;
    overflow: hidden !important;
    -ms-overflow-style: none;
}

@supports (-ms-overflow-style: none) {
    .ps-theme-top-theme {
        overflow: auto !important;
    }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .ps-theme-top-theme {
        overflow: auto !important;
    }
}

.ps-theme-top-theme.ps-active-x > .ps-scrollbar-x-rail,
.ps-theme-top-theme.ps-active-y > .ps-scrollbar-y-rail {
    display: block;
    background-color: transparent;
}

.ps-theme-top-theme.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {
    background-color: #dee4e8;
    opacity: 0.9;
}

    .ps-theme-top-theme.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {
        background-color: #a9aeb1;
        height: 4px;
    }

.ps-theme-top-theme.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
    background-color: #dee4e8;
    opacity: 0.9;
}

    .ps-theme-top-theme.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
        background-color: #a9aeb1;
        width: 4px;
    }

.ps-theme-top-theme > .ps-scrollbar-x-rail {
    display: none;
    position: absolute;
    /* please don't change 'position' */
    opacity: 0.4;
    transition: background-color .2s linear, opacity .2s linear;
    bottom: 0;
    /* there must be 'bottom' for ps-scrollbar-x-rail */
    height: 4px;
}

    .ps-theme-top-theme > .ps-scrollbar-x-rail > .ps-scrollbar-x {
        position: absolute;
        /* please don't change 'position' */
        background-color: #a9aeb1;
        border-radius: 0;
        transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
        bottom: 0;
        /* there must be 'bottom' for ps-scrollbar-x */
        height: 4px;
    }

    .ps-theme-top-theme > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x, .ps-theme-top-theme > .ps-scrollbar-x-rail:active > .ps-scrollbar-x {
        height: 4px;
    }

.ps-theme-top-theme > .ps-scrollbar-y-rail {
    display: none;
    position: absolute;
    /* please don't change 'position' */
    opacity: 0.4;
    transition: background-color .2s linear, opacity .2s linear;
    right: 0;
    /* there must be 'right' for ps-scrollbar-y-rail */
    width: 4px;
}

    .ps-theme-top-theme > .ps-scrollbar-y-rail > .ps-scrollbar-y {
        position: absolute;
        /* please don't change 'position' */
        background-color: #a9aeb1;
        border-radius: 0;
        transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
        right: 0;
        /* there must be 'right' for ps-scrollbar-y */
        width: 4px;
    }

    .ps-theme-top-theme > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y, .ps-theme-top-theme > .ps-scrollbar-y-rail:active > .ps-scrollbar-y {
        width: 4px;
    }

.ps-theme-top-theme:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {
    background-color: #dee4e8;
    opacity: 0.9;
}

    .ps-theme-top-theme:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {
        background-color: #a9aeb1;
        height: 4px;
    }

.ps-theme-top-theme:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
    background-color: #dee4e8;
    opacity: 0.9;
}

    .ps-theme-top-theme:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
        background-color: #a9aeb1;
        width: 4px;
    }

.ps-theme-top-theme:hover > .ps-scrollbar-x-rail,
.ps-theme-top-theme:hover > .ps-scrollbar-y-rail {
    opacity: 0.6;
}

    .ps-theme-top-theme:hover > .ps-scrollbar-x-rail:hover {
        background-color: #dee4e8;
        opacity: 0.9;
    }

        .ps-theme-top-theme:hover > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x {
            background-color: #a9aeb1;
        }

    .ps-theme-top-theme:hover > .ps-scrollbar-y-rail:hover {
        background-color: #dee4e8;
        opacity: 0.9;
    }

        .ps-theme-top-theme:hover > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y {
            background-color: #a9aeb1;
        }

.ps-theme-visible-theme {
    -ms-touch-action: auto;
    touch-action: auto;
    overflow: hidden !important;
    -ms-overflow-style: none;
}

@supports (-ms-overflow-style: none) {
    .ps-theme-visible-theme {
        overflow: auto !important;
    }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .ps-theme-visible-theme {
        overflow: auto !important;
    }
}

.ps-theme-visible-theme.ps-active-x > .ps-scrollbar-x-rail,
.ps-theme-visible-theme.ps-active-y > .ps-scrollbar-y-rail {
    display: block;
    background-color: #dee4e8;
}

.ps-theme-visible-theme.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {
    background-color: #dee4e8;
    opacity: 0.9;
}

    .ps-theme-visible-theme.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {
        background-color: #a9aeb1;
        height: 4px;
    }

.ps-theme-visible-theme.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
    background-color: #dee4e8;
    opacity: 0.9;
}

    .ps-theme-visible-theme.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
        background-color: #a9aeb1;
        width: 4px;
    }

.ps-theme-visible-theme > .ps-scrollbar-x-rail {
    display: none;
    position: absolute;
    /* please don't change 'position' */
    opacity: 0.6;
    transition: background-color .2s linear, opacity .2s linear;
    bottom: 0;
    /* there must be 'bottom' for ps-scrollbar-x-rail */
    height: 4px;
}

    .ps-theme-visible-theme > .ps-scrollbar-x-rail > .ps-scrollbar-x {
        position: absolute;
        /* please don't change 'position' */
        background-color: #a9aeb1;
        border-radius: 0;
        transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
        bottom: 0;
        /* there must be 'bottom' for ps-scrollbar-x */
        height: 4px;
    }

    .ps-theme-visible-theme > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x, .ps-theme-visible-theme > .ps-scrollbar-x-rail:active > .ps-scrollbar-x {
        height: 4px;
    }

.ps-theme-visible-theme > .ps-scrollbar-y-rail {
    display: none;
    position: absolute;
    /* please don't change 'position' */
    opacity: 0.6;
    transition: background-color .2s linear, opacity .2s linear;
    right: 0;
    /* there must be 'right' for ps-scrollbar-y-rail */
    width: 4px;
}

    .ps-theme-visible-theme > .ps-scrollbar-y-rail > .ps-scrollbar-y {
        position: absolute;
        /* please don't change 'position' */
        background-color: #a9aeb1;
        border-radius: 0;
        transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
        right: 0;
        /* there must be 'right' for ps-scrollbar-y */
        width: 4px;
    }

    .ps-theme-visible-theme > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y, .ps-theme-visible-theme > .ps-scrollbar-y-rail:active > .ps-scrollbar-y {
        width: 4px;
    }

.ps-theme-visible-theme:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {
    background-color: #dee4e8;
    opacity: 0.9;
}

    .ps-theme-visible-theme:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {
        background-color: #a9aeb1;
        height: 4px;
    }

.ps-theme-visible-theme:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
    background-color: #dee4e8;
    opacity: 0.9;
}

    .ps-theme-visible-theme:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
        background-color: #a9aeb1;
        width: 4px;
    }

.ps-theme-visible-theme:hover > .ps-scrollbar-x-rail,
.ps-theme-visible-theme:hover > .ps-scrollbar-y-rail {
    opacity: 0.6;
}

    .ps-theme-visible-theme:hover > .ps-scrollbar-x-rail:hover {
        background-color: #dee4e8;
        opacity: 0.9;
    }

        .ps-theme-visible-theme:hover > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x {
            background-color: #a9aeb1;
        }

    .ps-theme-visible-theme:hover > .ps-scrollbar-y-rail:hover {
        background-color: #dee4e8;
        opacity: 0.9;
    }

        .ps-theme-visible-theme:hover > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y {
            background-color: #a9aeb1;
        }

.ps-theme-panel-theme {
    -ms-touch-action: auto;
    touch-action: auto;
    overflow: hidden !important;
    -ms-overflow-style: none;
}

@supports (-ms-overflow-style: none) {
    .ps-theme-panel-theme {
        overflow: auto !important;
    }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .ps-theme-panel-theme {
        overflow: auto !important;
    }
}

.ps-theme-panel-theme.ps-active-x > .ps-scrollbar-x-rail,
.ps-theme-panel-theme.ps-active-y > .ps-scrollbar-y-rail {
    display: block;
    background-color: #e6eff3;
}

.ps-theme-panel-theme.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {
    background-color: #dee4e8;
    opacity: 0.9;
}

    .ps-theme-panel-theme.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {
        background-color: #dee4e8;
        height: 4px;
    }

.ps-theme-panel-theme.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
    background-color: #dee4e8;
    opacity: 0.9;
}

    .ps-theme-panel-theme.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
        background-color: #dee4e8;
        width: 4px;
    }

.ps-theme-panel-theme > .ps-scrollbar-x-rail {
    display: none;
    position: absolute;
    /* please don't change 'position' */
    opacity: 0;
    transition: background-color .2s linear, opacity .2s linear;
    bottom: 0;
    /* there must be 'bottom' for ps-scrollbar-x-rail */
    height: 4px;
}

    .ps-theme-panel-theme > .ps-scrollbar-x-rail > .ps-scrollbar-x {
        position: absolute;
        /* please don't change 'position' */
        background-color: #dee4e8;
        border-radius: 0;
        transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
        bottom: 0;
        /* there must be 'bottom' for ps-scrollbar-x */
        height: 4px;
    }

    .ps-theme-panel-theme > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x, .ps-theme-panel-theme > .ps-scrollbar-x-rail:active > .ps-scrollbar-x {
        height: 4px;
    }

.ps-theme-panel-theme > .ps-scrollbar-y-rail {
    display: none;
    position: absolute;
    /* please don't change 'position' */
    opacity: 0;
    transition: background-color .2s linear, opacity .2s linear;
    right: 1px !important;
    /* there must be 'right' for ps-scrollbar-y-rail */
    width: 4px;
}

    .ps-theme-panel-theme > .ps-scrollbar-y-rail > .ps-scrollbar-y {
        position: absolute;
        /* please don't change 'position' */
        background-color: #dee4e8;
        border-radius: 0;
        transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
        right: 0;
        /* there must be 'right' for ps-scrollbar-y */
        width: 4px;
    }

    .ps-theme-panel-theme > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y, .ps-theme-panel-theme > .ps-scrollbar-y-rail:active > .ps-scrollbar-y {
        width: 4px;
    }

.ps-theme-panel-theme:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {
    background-color: #dee4e8;
    opacity: 0.9;
}

    .ps-theme-panel-theme:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {
        background-color: #dee4e8;
        height: 4px;
    }

.ps-theme-panel-theme:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
    background-color: #dee4e8;
    opacity: 0.9;
}

    .ps-theme-panel-theme:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
        background-color: #dee4e8;
        width: 4px;
    }

.ps-theme-panel-theme:hover > .ps-scrollbar-x-rail,
.ps-theme-panel-theme:hover > .ps-scrollbar-y-rail {
    opacity: 0.6;
}

    .ps-theme-panel-theme:hover > .ps-scrollbar-x-rail:hover {
        background-color: #dee4e8;
        opacity: 0.9;
    }

        .ps-theme-panel-theme:hover > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x {
            background-color: #dee4e8;
        }

    .ps-theme-panel-theme:hover > .ps-scrollbar-y-rail:hover {
        background-color: #dee4e8;
        opacity: 0.9;
    }

        .ps-theme-panel-theme:hover > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y {
            background-color: #dee4e8;
        }

.ps-scrollbar-y-rail {
    z-index: 11;
}

.ps-scrollbar-x:after {
    content: "";
    position: absolute;
    top: -14px;
    bottom: 0;
    width: 100%;
}

.ps-scrollbar-y:before {
    content: "";
    position: absolute;
    left: -14px;
    right: 0;
    height: 100%;
}

/*!
 * @version: 1.2.0
 * @name: Adapted Dropdown plugin
 *
 * @author: https://themeforest.net/user/flexlayers
 */
/*******************************
         Select Dropdown
*******************************/
/* Default Text */
/* Loading */
/* Error */
/*-------------------
       Loader
--------------------*/
/*-------------------
       Element
--------------------*/
/* Dropdown Icon */
/* Sub-Menu Dropdown Icon */
/*-------------------
       Content
--------------------*/
/* Current Text */
/* Menu */
/* Text */
/* Menu Item */
/* Sub Menu */
/* Menu Header */
/* Menu Divider */
/* Menu Input */
/* Menu Image */
/* Item Sub-Element */
/* Description */
/* Floated Content */
/* Flyout Direction */
/*-------------------
        Types
--------------------*/
/*------------
   Selection
--------------*/
/* Message */
/* <select> */
/* Responsive */
/* Derived */
/* 1px / em size */
/* Focus */
/* Visible */
/* Visible Hover */
/*--------------
     Search
--------------*/
/* Search Selection */
/* Inline */
/*--------------
    Multiple
--------------*/
/* Split Actual Padding Between Child and Parent (allows for label spacing) */
/* Child Elements */
/* select-Dropdown Icon */
/* Selection Label */
/*-------------------
      Variations
--------------------*/
/* Scrolling */
/* 0 / em size */
/* Upward */
/* Simple */
/* Floating */
/* Pointing */
/* Pointing Upward */
.ui.select-dropdown {
    cursor: pointer;
    position: relative;
    display: inline-block;
    outline: none;
    text-align: left;
    transition: box-shadow 0.1s ease, width 0.1s ease;
    -webkit-tap-highlight-color: transparent;
}

    /*******************************
            Content
*******************************/
    /*--------------
      Menu
---------------*/
    .ui.select-dropdown .menu {
        will-change: transform, opacity;
        box-shadow: none !important;
    }

        .ui.select-dropdown .menu > * {
            white-space: nowrap;
        }

    /*--------------
  Hidden Input
---------------*/
    .ui.select-dropdown > input:not(.search):first-child,
    .ui.select-dropdown > select {
        display: none !important;
    }

    /*--------------
 Dropdown Icon
---------------*/
    .ui.select-dropdown > .select-dropdown.icon {
        position: relative;
        width: auto;
        font-size: 1.14286rem;
        margin: 0 0 0 0.71429rem;
    }

    .ui.select-dropdown .menu > .item .select-dropdown.icon {
        width: auto;
        float: right;
        margin: 0 0 0 0.71429rem;
    }

        .ui.select-dropdown .menu > .item .select-dropdown.icon + .text {
            margin-right: 0.71429rem;
        }

    /*--------------
      Text
---------------*/
    .ui.select-dropdown > .text {
        display: inline-block;
        transition: none;
    }

    /*--------------
    Menu Item
---------------*/
    .ui.select-dropdown .menu > .item {
        position: relative;
    }

        .ui.select-dropdown .menu > .item:first-child {
            border-top-width: 0;
        }

    /*--------------
  Floated Content
---------------*/
    .ui.select-dropdown > .text > [class*="right floated"],
    .ui.select-dropdown .menu .item > [class*="right floated"] {
        float: right !important;
        margin-right: 0 !important;
        margin-left: 1em !important;
    }

    .ui.select-dropdown > .text > [class*="left floated"],
    .ui.select-dropdown .menu .item > [class*="left floated"] {
        float: left !important;
        margin-left: 0 !important;
        margin-right: 1em !important;
    }

    .ui.select-dropdown .menu .item > .icon.floated,
    .ui.select-dropdown .menu .item > .flag.floated,
    .ui.select-dropdown .menu .item > .image.floated,
    .ui.select-dropdown .menu .item > img.floated {
        margin-top: 0em;
    }

    .ui.select-dropdown .menu .item > .icon.floated {
        width: 1.1em;
        text-align: center;
    }

    /*--------------
  Menu Divider
---------------*/
    .ui.select-dropdown .menu > .header {
        margin: 1rem 0 0.75rem;
        padding: 0 1.78rem;
        color: #585e61;
        font-size: 11px;
        font-weight: 600;
        text-transform: uppercase;
    }

    .ui.select-dropdown .menu > .divider {
        border-top: 1px solid #dee4e8;
        height: 0;
        margin: 0.5em 0;
    }

    .ui.select-dropdown .menu > .input {
        width: auto;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin: 1.14286rem 1.3rem;
        min-width: 10rem;
    }

    .ui.select-dropdown .menu > .header + .input {
        margin-top: 0;
    }

    .ui.select-dropdown .menu > .input:not(.transparent) .button,
    .ui.select-dropdown .menu > .input:not(.transparent) .icon,
    .ui.select-dropdown .menu > .input:not(.transparent) .label {
        padding-top: 0.5em;
        padding-bottom: 0.5em;
    }

    /*-----------------
  Item Description
-------------------*/
    .ui.select-dropdown > .text > .description,
    .ui.select-dropdown .menu > .item > .description {
        float: right;
        margin: 0 0 0 1em;
        color: #797e81;
        font-size: 0.92857rem;
    }

    /*-----------------
       Message
-------------------*/
    .ui.select-dropdown .menu > .message {
        padding: 0.57143rem 1.78rem;
        font-weight: normal;
        line-height: 1.57143;
    }

        .ui.select-dropdown .menu > .message:not(.ui) {
            color: #797e81;
        }

    /*--------------
    Sub Menu
---------------*/
    .ui.select-dropdown .menu .menu {
        top: 0 !important;
        left: 100% !important;
        right: auto !important;
        margin: 0 0 0 0 !important;
        z-index: 21 !important;
    }

        /* Hide Arrow */
        .ui.select-dropdown .menu .menu:after {
            display: none;
        }

    /*--------------
   Sub Elements
---------------*/
    /* Icons / Flags / Labels / Image */
    .ui.select-dropdown > .text > .icon,
    .ui.select-dropdown > .text > .label,
    .ui.select-dropdown > .text > .flag,
    .ui.select-dropdown > .text > img,
    .ui.select-dropdown > .text > .image {
        margin-top: 0em;
    }

    .ui.select-dropdown .menu > .item > .icon,
    .ui.select-dropdown .menu > .item > .label,
    .ui.select-dropdown .menu > .item > .flag,
    .ui.select-dropdown .menu > .item > .image,
    .ui.select-dropdown .menu > .item > img {
        margin-top: 0em;
    }

    .ui.select-dropdown > .text > .icon,
    .ui.select-dropdown > .text > .label,
    .ui.select-dropdown > .text > .flag,
    .ui.select-dropdown > .text > img,
    .ui.select-dropdown > .text > .image,
    .ui.select-dropdown .menu > .item > .icon,
    .ui.select-dropdown .menu > .item > .label,
    .ui.select-dropdown .menu > .item > .flag,
    .ui.select-dropdown .menu > .item > .image,
    .ui.select-dropdown .menu > .item > img {
        margin-left: 0;
        float: none;
        margin-right: 0.85714rem;
    }

    /*--------------
     Image
---------------*/
    .ui.select-dropdown > .text > img,
    .ui.select-dropdown > .text > .image,
    .ui.select-dropdown .menu > .item > .image,
    .ui.select-dropdown .menu > .item > img {
        display: inline-block;
        vertical-align: middle;
        width: auto;
        max-height: 2em;
        background-color: #e6eff3;
        border-radius: 500rem;
    }

    /*******************************
            Coupling
*******************************/
    /*--------------
      Menu
---------------*/
    /* Remove Menu Item Divider */
    .ui.select-dropdown .ui.menu > .item:before,
    .ui.menu .ui.select-dropdown .menu > .item:before {
        display: none;
    }

/* Prevent Menu Item Border */
.ui.menu .ui.select-dropdown .menu .active.item {
    border-left: none;
}

/* Automatically float dropdown menu right on last menu item */
.ui.menu .right.menu .select-dropdown:last-child .menu,
.ui.menu .right.select-dropdown.item .menu,
.ui.buttons > .ui.select-dropdown:last-child .menu {
    left: auto;
    right: 0;
}

/*--------------
      Label
---------------*/
/* Dropdown Menu */
.ui.label.select-dropdown .menu {
    min-width: 100%;
}

/*--------------
     Button
---------------*/
/* No Margin On Icon Button */
.ui.select-dropdown.icon.button > .select-dropdown.icon {
    margin: 0;
}

.ui.button.select-dropdown .menu {
    min-width: 100%;
}

/*******************************
              Types
*******************************/
/*--------------
    Selection
---------------*/
/* Displays like a select box */
.ui.selection.select-dropdown, select.ui.select-dropdown {
    cursor: pointer;
    word-wrap: break-word;
    white-space: normal;
    min-width: 14em;
    display: inline-block !important;
    width: auto !important;
}

    .ui.selection.select-dropdown.visible, select.visible.ui.select-dropdown,
    .ui.selection.select-dropdown.active,
    select.active.ui.select-dropdown {
        z-index: 10;
    }

select.ui.select-dropdown {
    padding: 0.5em;
    height: 34px !important;
    color: #797e81;
}

    .ui.selection.select-dropdown > .search.icon, select.ui.select-dropdown > .search.icon,
    .ui.selection.select-dropdown > .delete.icon, select.ui.select-dropdown > .delete.icon,
    .ui.selection.select-dropdown > .select-dropdown.icon, select.ui.select-dropdown > .select-dropdown.icon {
        cursor: pointer;
        position: absolute;
        width: auto;
        height: auto;
        line-height: 1.215;
        top: 0.58rem;
        right: 1rem;
        z-index: 3;
        margin: -0.58rem;
        padding: 0.58rem;
        opacity: 0.8;
        transition: opacity 0.1s ease;
    }

/* Compact */
.ui.compact.select-dropdown,
.ui.compact.select-dropdown .menu {
    min-width: 0;
}

/*  Selection Menu */
.ui.selection.select-dropdown .menu, select.ui.select-dropdown .menu {
    overflow-x: hidden;
    overflow-y: auto;
}

    .ui.selection.select-dropdown .menu:after, select.ui.select-dropdown .menu:after,
    .ui.selection.select-dropdown .menu:before, select.ui.select-dropdown .menu:before {
        display: none;
    }

    /*--------------
    Message
---------------*/
    .ui.selection.select-dropdown .menu > .message, select.ui.select-dropdown .menu > .message {
        padding: 0.57143rem 1.78rem;
    }

@media only screen and (max-width: 768px -1) {
    .ui.selection.select-dropdown .menu, select.ui.select-dropdown .menu {
        max-height: 6.64286rem;
    }
}

@media only screen and (min-width: 768px) {
    .ui.selection.select-dropdown .menu, select.ui.select-dropdown .menu {
        max-height: 8.85714rem;
    }
}

@media only screen and (min-width: 992px) {
    .ui.selection.select-dropdown .menu, select.ui.select-dropdown .menu {
        max-height: 17.71429rem;
    }
}

@media only screen and (min-width: 1200px) {
    .ui.selection.select-dropdown .menu, select.ui.select-dropdown .menu {
        max-height: 22.14286rem;
    }
}

/* Menu Item */
.ui.selection.select-dropdown .menu > .item, select.ui.select-dropdown .menu > .item {
    border-top: none;
    padding: 0.57143rem 1.78rem !important;
    word-wrap: normal;
    line-height: 1.57143;
}

/* User Item */
.ui.selection.select-dropdown .menu > .hidden.addition.item, select.ui.select-dropdown .menu > .hidden.addition.item {
    display: none;
}

/* Active */
.ui.selection.active.select-dropdown .menu, select.active.ui.select-dropdown .menu {
    border-color: #dee4e8;
    box-shadow: 0 2px 3px 0 #dee4e8;
}

/* Focus */
.ui.selection.select-dropdown:focus .menu, select.ui.select-dropdown:focus .menu {
    border-color: #dee4e8;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.175);
}

/* Visible */
.ui.selection.visible.select-dropdown > .text:not(.default), select.visible.ui.select-dropdown > .text:not(.default) {
    font-weight: normal;
    color: #585e61;
}

/* Visible Hover */
.ui.selection.active.select-dropdown:hover .menu, select.active.ui.select-dropdown:hover .menu {
    border-color: #dee4e8;
    box-shadow: 0 2px 3px 0 #dee4e8;
}

/* Dropdown Icon */
.ui.active.selection.select-dropdown > .select-dropdown.icon, select.active.ui.select-dropdown > .select-dropdown.icon,
.ui.visible.selection.select-dropdown > .select-dropdown.icon, select.visible.ui.select-dropdown > .select-dropdown.icon {
    opacity: 1;
    z-index: 3;
}

/* Empty Connecting Border */
.ui.active.empty.selection.select-dropdown .menu, select.active.empty.ui.select-dropdown .menu {
    border: none !important;
    box-shadow: none !important;
}

/*--------------
   Searchable
---------------*/
/* Search Selection */
/* Search Dropdown */
.ui.search.select-dropdown > input.search {
    background: none transparent !important;
    border: none !important;
    box-shadow: none !important;
    cursor: text;
    top: 0;
    left: 1px;
    width: 100%;
    outline: none;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    padding: inherit;
    color: inherit;
}

/* Text Layering */
.ui.search.select-dropdown > input.search {
    position: absolute;
    z-index: 2;
}

.ui.search.select-dropdown > .text {
    cursor: text;
    position: relative;
    left: 1px;
    z-index: 1;
}

/* Search Selection */
.ui.search.selection.select-dropdown > input.search, select.search.ui.select-dropdown > input.search {
    line-height: 1.215;
    padding: 0.4725rem 2em 0.4725rem 0.9rem;
}

/* Used to size multi select input to character width */
.ui.search.selection.select-dropdown > span.sizer, select.search.ui.select-dropdown > span.sizer {
    line-height: 1.215;
    padding: 0.4725rem 2em 0.4725rem 0.9rem;
    display: none;
    white-space: pre;
}

/* Active/Visible Search */
.ui.search.select-dropdown.active > input.search,
.ui.search.select-dropdown.visible > input.search {
    cursor: auto;
}

.ui.search.select-dropdown.active > .text,
.ui.search.select-dropdown.visible > .text {
    pointer-events: none;
}

/* Filtered Text */
.ui.active.search.select-dropdown input.search:focus + .text .icon,
.ui.active.search.select-dropdown input.search:focus + .text .flag {
    opacity: 0.75;
}

.ui.active.search.select-dropdown input.search:focus + .text {
    opacity: .75;
}

/* Search Menu */
.ui.search.select-dropdown .menu {
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-overflow-scrolling: touch;
}

@media only screen and (max-width: 767px) {
    .ui.search.select-dropdown .menu {
        max-height: 6.64286rem;
    }
}

@media only screen and (min-width: 768px) {
    .ui.search.select-dropdown .menu {
        max-height: 8.85714rem;
    }
}

@media only screen and (min-width: 992px) {
    .ui.search.select-dropdown .menu {
        max-height: 17.71429rem;
    }
}

@media only screen and (min-width: 1200px) {
    .ui.search.select-dropdown .menu {
        max-height: 22.14286rem;
    }
}

/*--------------
    Multiple
---------------*/
/* Multiple Selection */
.ui.selection.multiple.select-dropdown, select.multiple.ui.select-dropdown {
    padding: 0.25rem 2em 0.25rem 0.9rem;
}

.ui.multiple.select-dropdown .menu {
    cursor: auto;
}

/* Multiple Search Selection */
.ui.multiple.search.select-dropdown,
.ui.multiple.search.select-dropdown > input.search {
    cursor: text;
}

/* Selection Label */
.ui.select-dropdown > .label {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: inline-block;
    vertical-align: top;
    white-space: normal;
    font-size: Medium;
    padding: 5px Mini;
    margin: 2px 4px 2px 0;
    box-shadow: 0 0 0 1px #dee4e8 inset;
}

.ui.select-dropdown .badge-empty {
    width: 10px;
    height: 10px;
    margin-right: .5rem;
}

/* Text */
.ui.multiple.select-dropdown > .text {
    position: static;
    padding: 0;
    max-width: 100%;
    margin: 0.315rem 0 0.315rem 0.1rem;
    line-height: 17px;
}

.ui.multiple.select-dropdown > .label ~ input.search {
    margin-left: 2px !important;
}

.ui.multiple.select-dropdown > .label ~ .text {
    display: none;
}

/*-----------------
  Multiple Search
-----------------*/
/* Prompt Text */
.ui.multiple.search.select-dropdown > .text {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    padding: inherit;
    margin: 0.315rem 0 0.315rem 0.1rem;
    line-height: 17px;
}

.ui.multiple.search.select-dropdown > .label ~ .text {
    display: none;
}

/* Search */
.ui.multiple.search.select-dropdown > input.search {
    position: static;
    padding: 0;
    max-width: 100%;
    margin: 0.315rem 0 0.315rem 0.1rem;
    width: 2.2em;
    line-height: 17px;
}

/*--------------
     Inline
---------------*/
.ui.inline.select-dropdown {
    cursor: pointer;
    display: inline-block;
    color: inherit;
}

    .ui.inline.select-dropdown .select-dropdown.icon {
        margin: 0 7px 0 3px;
        vertical-align: baseline;
    }

    .ui.inline.select-dropdown > .text {
        font-weight: 600;
    }

    .ui.inline.select-dropdown .menu {
        cursor: auto;
        margin-top: 3px;
    }

/*******************************
            States
*******************************/
/*--------------------
        Active
----------------------*/
/*--------------------
        Hover
----------------------*/
/*--------------------
       Loading
---------------------*/
.ui.loading.select-dropdown.selection > i.icon, select.loading.ui.select-dropdown > i.icon {
    height: 1rem !important;
    padding: 1.14286rem 1.07143rem !important;
}

.ui.loading.select-dropdown > i.icon:before {
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    margin: -0.57143rem 0 0 -0.57143rem;
    width: 1.14286rem;
    height: 1.14286rem;
    border-radius: 500rem;
    border: 0.2em solid rgba(0, 0, 0, 0.1);
}

.ui.loading.select-dropdown > i.icon:after {
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    box-shadow: 0 0 0 1px transparent;
    margin: -0.57143rem 0 0 -0.57143rem;
    width: 1.14286rem;
    height: 1.14286rem;
    -webkit-animation: dropdown-spin 0.6s linear;
    animation: dropdown-spin 0.6s linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    border-radius: 500rem;
    border-color: #797e81 transparent transparent;
    border-style: solid;
    border-width: 0.2em;
}

/* Coupling */
.ui.loading.select-dropdown.button > i.icon:before,
.ui.loading.select-dropdown.button > i.icon:after {
    display: none;
}

@-webkit-keyframes dropdown-spin {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes dropdown-spin {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

/*--------------------
     Default Text
----------------------*/
.ui.select-dropdown:not(.button) > .default.text,
.ui.default.select-dropdown:not(.button) > .text {
    color: #797e81;
    font-style: italic;
}

.ui.select-dropdown:not(.button) > input:focus + .default.text,
.ui.default.select-dropdown:not(.button) > input:focus + .text {
    color: #797e81;
}

/*--------------------
        Loading
----------------------*/
.ui.loading.select-dropdown > .text {
    transition: none;
}

/* Used To Check Position */
.ui.select-dropdown .loading.menu {
    display: block;
    visibility: hidden;
    z-index: -1;
}

/*--------------------
    Keyboard Select
----------------------*/
/* Selected Item */
.ui.select-dropdown.selected {
    background: #e6eff3;
    color: #585e61;
}

/*--------------------
    Search Filtered
----------------------*/
/* Filtered Item */
.ui.select-dropdown > .filtered.text {
    visibility: hidden;
}

.ui.select-dropdown .filtered.item {
    display: none !important;
}

/*--------------------
        Error
----------------------*/
.ui.select-dropdown.error,
.ui.select-dropdown.error > .text,
.ui.select-dropdown.error > .default.text {
    color: #a53012;
}

.ui.selection.select-dropdown.error, select.error.ui.select-dropdown {
    background: #e6eff3;
    border-color: #a53012;
}

    .ui.selection.select-dropdown.error:hover, select.error.ui.select-dropdown:hover {
        border-color: #a53012;
    }

.ui.select-dropdown.error > .menu,
.ui.select-dropdown.error > .menu .menu {
    border-color: #a53012;
}

    .ui.select-dropdown.error > .menu > .item {
        color: #a53012;
    }

.ui.multiple.selection.error.select-dropdown > .label, select.multiple.error.ui.select-dropdown > .label {
    border-color: #a53012;
}

/* Item Hover */
.ui.select-dropdown.error > .menu > .item:hover {
    background-color: #f2e0dd;
}

/* Item Active */
.ui.select-dropdown.error > .menu .active.item {
    background-color: #f1ccc4;
}

/*--------------------
        Disabled
----------------------*/
/* Disabled */
.ui.disabled.select-dropdown,
.ui.select-dropdown .menu > .disabled.item {
    cursor: default;
    pointer-events: none;
    opacity: .75;
}

/*--------------------
        Active
----------------------*/
.ui.select-dropdown .menu > .active.item {
    font-weight: 400;
}

/*******************************
           Variations
*******************************/
/*--------------
    Direction
---------------*/
/* Flyout Direction */
.ui.select-dropdown .menu {
    left: 0;
}

.ui.select-dropdown > .left.menu {
    left: auto;
    right: 0;
}

/* Default Side (Right) */
.ui.select-dropdown .right.menu > .menu,
.ui.select-dropdown .menu .right.menu {
    left: 100% !important;
    right: auto !important;
}

/* Left Flyout Menu */
.ui.select-dropdown > .left.menu .menu,
.ui.select-dropdown .menu .left.menu {
    left: auto !important;
    right: 100% !important;
}

.ui.select-dropdown .item .left.select-dropdown.icon,
.ui.select-dropdown .left.menu .item .select-dropdown.icon {
    width: auto;
    float: left;
    margin: 0em 0.85714rem 0 0;
}

.ui.select-dropdown .item .left.select-dropdown.icon,
.ui.select-dropdown .left.menu .item .select-dropdown.icon {
    width: auto;
    float: left;
    margin: 0em 0.85714rem 0 0;
}

    .ui.select-dropdown .item .left.select-dropdown.icon + .text,
    .ui.select-dropdown .left.menu .item .select-dropdown.icon + .text {
        margin-left: 0.71429rem;
    }

/*--------------
     Upward
---------------*/
/* Upward Main Menu */
.ui.upward.select-dropdown > .menu {
    top: auto;
    bottom: 100%;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.08);
}

/* Upward Sub Menu */
.ui.select-dropdown .upward.menu {
    top: auto !important;
    bottom: 0 !important;
}

/* Selection */
.ui.upward.selection.select-dropdown .menu, select.upward.ui.select-dropdown .menu {
    border-top-width: #dee4e8 !important;
    border-bottom-width: 0 !important;
    box-shadow: 0 -2px 3px 0 rgba(0, 0, 0, 0.08);
}

.ui.upward.selection.select-dropdown:hover, select.upward.ui.select-dropdown:hover {
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.05);
}

/* Visible Hover Upward */
.ui.upward.active.selection.select-dropdown:hover, select.upward.active.ui.select-dropdown:hover {
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.05);
}

    .ui.upward.active.selection.select-dropdown:hover .menu, select.upward.active.ui.select-dropdown:hover .menu {
        box-shadow: 0 -2px 3px 0 rgba(0, 0, 0, 0.08);
    }

/*--------------
     Simple
---------------*/
/*  Selection Menu */
.ui.scrolling.select-dropdown .menu,
.ui.select-dropdown .scrolling.menu {
    overflow-x: hidden;
    overflow-y: auto;
}

.ui.scrolling.select-dropdown .menu {
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-overflow-scrolling: touch;
    min-width: 100% !important;
    width: auto !important;
}

.ui.select-dropdown .scrolling.menu {
    position: static;
    overflow-y: auto;
    border: none;
    margin: 0 !important;
    min-width: 100% !important;
    width: auto !important;
    border-top: 1px solid #dee4e8;
}

    .ui.scrolling.select-dropdown .menu .item.item.item,
    .ui.select-dropdown .scrolling.menu > .item.item.item {
        border-top: none;
    }

    .ui.scrolling.select-dropdown .menu .item:first-child,
    .ui.select-dropdown .scrolling.menu .item:first-child {
        border-top: none;
    }

.ui.select-dropdown > .animating.menu .scrolling.menu,
.ui.select-dropdown > .visible.menu .scrolling.menu {
    display: block;
}

/* Scrollbar in IE */
@media all and (-ms-high-contrast: none) {
    .ui.scrolling.select-dropdown .menu,
    .ui.select-dropdown .scrolling.menu {
        min-width: calc(100% - 1rem);
    }
}

@media only screen and (max-width: 767px) {
    .ui.scrolling.select-dropdown .menu,
    .ui.select-dropdown .scrolling.menu {
        max-height: 8.57143rem;
    }
}

@media only screen and (min-width: 768px) {
    .ui.scrolling.select-dropdown .menu,
    .ui.select-dropdown .scrolling.menu {
        max-height: 12.85714rem;
    }
}

@media only screen and (min-width: 992px) {
    .ui.scrolling.select-dropdown .menu,
    .ui.select-dropdown .scrolling.menu {
        max-height: 17.14286rem;
    }
}

@media only screen and (min-width: 1200px) {
    .ui.scrolling.select-dropdown .menu,
    .ui.select-dropdown .scrolling.menu {
        max-height: 25.71429rem;
    }
}

/*--------------
     Simple
---------------*/
/* Displays without javascript */
.ui.simple.select-dropdown .menu:before,
.ui.simple.select-dropdown .menu:after {
    display: none;
}

.ui.simple.select-dropdown .menu {
    position: absolute;
    display: block;
    overflow: hidden;
    top: -9999px !important;
    opacity: 0;
    width: 0;
    height: 0;
    transition: opacity 0.1s ease;
}

.ui.simple.active.select-dropdown,
.ui.simple.select-dropdown:hover {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

    .ui.simple.active.select-dropdown > .menu,
    .ui.simple.select-dropdown:hover > .menu {
        overflow: visible;
        width: auto;
        height: auto;
        top: 100% !important;
        opacity: 1;
    }

        .ui.simple.select-dropdown > .menu > .item:active > .menu,
        .ui.simple.select-dropdown:hover > .menu > .item:hover > .menu {
            overflow: visible;
            width: auto;
            height: auto;
            top: 0 !important;
            left: 100% !important;
            opacity: 1;
        }

.ui.simple.disabled.select-dropdown:hover .menu {
    display: none;
    height: 0;
    width: 0;
    overflow: hidden;
}

/* Visible */
.ui.simple.visible.select-dropdown > .menu {
    display: block;
}

/*--------------
      Fluid
---------------*/
.ui.fluid.select-dropdown {
    display: block !important;
    width: 100% !important;
}

    .ui.fluid.select-dropdown > .select-dropdown.icon {
        float: right;
    }

    .ui.fluid.select-dropdown .menu {
        width: 100%;
    }

/*--------------
    Floating
---------------*/
.ui.floating.select-dropdown > .menu {
    margin-top: 0.2em !important;
}

/*--------------
     Pointing
---------------*/
.ui.pointing.select-dropdown > .menu {
    top: 100%;
    margin-top: 0.85714rem;
}

    .ui.pointing.select-dropdown > .menu:after {
        display: block;
        position: absolute;
        pointer-events: none;
        content: '';
        visibility: visible;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        width: 7px;
        height: 7px;
        box-shadow: -2px 0 1px #dee4e8;
        background: #f4f9fc;
        z-index: 2;
    }

    .ui.pointing.select-dropdown > .menu:after {
        top: -3.5px;
        left: 50%;
        margin: 0 0 0 -3.5px;
    }

/* Top Left Pointing */
.ui.top.left.pointing.select-dropdown > .menu {
    top: 100%;
    bottom: auto;
    left: 0;
    right: auto;
    margin: 1em 0 0;
}

.ui.top.left.pointing.select-dropdown > .menu {
    top: 100%;
    bottom: auto;
    left: 0;
    right: auto;
    margin: 1em 0 0;
}

    .ui.top.left.pointing.select-dropdown > .menu:after {
        top: -3.5px;
        left: 1em;
        right: auto;
        margin: 0;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }

/* Top Right  Pointing */
.ui.top.right.pointing.select-dropdown > .menu {
    top: 100%;
    bottom: auto;
    right: 0;
    left: auto;
    margin: 1em 0 0;
}

    .ui.top.right.pointing.select-dropdown > .menu:after {
        top: -3.5px;
        left: auto;
        right: 1em;
        margin: 0;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }

/* Left Pointing */
.ui.left.pointing.select-dropdown > .menu {
    top: 0;
    left: 100%;
    right: auto;
    margin: 0 0 0 1em;
}

    .ui.left.pointing.select-dropdown > .menu:after {
        top: 1em;
        left: -3.5px;
        margin: 0 0 0 0;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

/* Right Pointing */
.ui.right.pointing.select-dropdown > .menu {
    top: 0;
    left: auto;
    right: 100%;
    margin: 0 1em 0 0;
}

    .ui.right.pointing.select-dropdown > .menu:after {
        top: 1em;
        left: auto;
        right: -3.5px;
        margin: 0 0 0 0;
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
    }

/* Bottom Pointing */
.ui.bottom.pointing.select-dropdown > .menu {
    top: auto;
    bottom: 100%;
    left: 0;
    right: auto;
    margin: 0 0 1em;
}

    .ui.bottom.pointing.select-dropdown > .menu:after {
        top: auto;
        bottom: -3.5px;
        right: auto;
        margin: 0;
        -webkit-transform: rotate(-135deg);
        transform: rotate(-135deg);
    }

    /* Reverse Sub-Menu Direction */
    .ui.bottom.pointing.select-dropdown > .menu .menu {
        top: auto !important;
        bottom: 0 !important;
    }

/* Bottom Left */
.ui.bottom.left.pointing.select-dropdown > .menu {
    left: 0;
    right: auto;
}

    .ui.bottom.left.pointing.select-dropdown > .menu:after {
        left: 1em;
        right: auto;
    }

/* Bottom Right */
.ui.bottom.right.pointing.select-dropdown > .menu {
    right: 0;
    left: auto;
}

    .ui.bottom.right.pointing.select-dropdown > .menu:after {
        left: auto;
        right: 1em;
    }

/* Upward pointing */
.ui.upward.pointing.select-dropdown > .menu,
.ui.upward.top.pointing.select-dropdown > .menu {
    top: auto;
    bottom: 100%;
    margin: 0 0 0.85714rem;
}

    .ui.upward.pointing.select-dropdown > .menu:after,
    .ui.upward.top.pointing.select-dropdown > .menu:after {
        top: 100%;
        bottom: auto;
        box-shadow: 1px 1px 0 1px #dee4e8;
        margin: -3.5px 0 0;
    }

/* Right Pointing Upward */
.ui.upward.right.pointing.select-dropdown:not(.top):not(.bottom) > .menu {
    top: auto;
    bottom: 0;
    margin: 0 1em 0 0;
}

    .ui.upward.right.pointing.select-dropdown:not(.top):not(.bottom) > .menu:after {
        top: auto;
        bottom: 0;
        margin: 0 0 1em 0;
        box-shadow: -2px 0 1px #dee4e8;
    }

/* Left Pointing Upward */
.ui.upward.left.pointing.select-dropdown:not(.top):not(.bottom) > .menu {
    top: auto;
    bottom: 0;
    margin: 0 0 0 1em;
}

    .ui.upward.left.pointing.select-dropdown:not(.top):not(.bottom) > .menu:after {
        top: auto;
        bottom: 0;
        margin: 0 0 1em 0;
        box-shadow: -2px 0 1px #dee4e8;
    }

/*******************************
         Theme Overrides
*******************************/
.ui.select-dropdown .select-dropdown.icon {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    height: 1em;
    width: 1.1em;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    text-align: center;
    line-height: 1.5;
}

.ui.select-dropdown > .select-dropdown.icon:before {
    content: '\f107';
}

/* Sub Menu */
.ui.select-dropdown .menu .item .select-dropdown.icon:before {
    content: '\f105';
    /*rtl:'\f104'*/
}

.ui.select-dropdown .item .left.select-dropdown.icon:before,
.ui.select-dropdown .left.menu .item .select-dropdown.icon:before {
    content: '\f104';
    /*rtl:'\f105'*/
}

/* Vertical Menu Dropdown */
.ui.vertical.menu .select-dropdown.item > .select-dropdown.icon:before {
    content: '\f105';
    /*rtl:'\f104'*/
}

/* Icons for Reference
.select-dropdown.down.icon {
  content: "\f0d7";
}
.select-dropdown.up.icon {
  content: "\f0d8";
}
.select-dropdown.left.icon {
  content: "\f0d9";
}
.select-dropdown.icon.icon {
  content: "\f0da";
}
*/
/*!
 * @version: 1.2.0
 * @name: _mega
 *
 * @author: https://themeforest.net/user/flexlayers
 */
.mega-dropdown-menu {
    display: none;
    z-index: 1060;
    background-color: #f4f9fc;
    position: absolute;
    border: 1px solid #dee4e8;
    margin: 5px;
    left: 2px;
    right: 2px;
    padding: 1.5rem;
    box-shadow: none;
}

    .mega-dropdown-menu:before {
        content: "";
        border-bottom: 6px solid #f4f9fc;
        border-right: 8px solid transparent;
        border-left: 8px solid transparent;
        position: absolute;
        top: -6px;
        left: 285px;
        z-index: 10;
    }

    .mega-dropdown-menu:after {
        content: "";
        border-bottom: 8px solid #dee4e8;
        border-right: 10px solid transparent;
        border-left: 10px solid transparent;
        position: absolute;
        top: -8px;
        left: 283px;
        z-index: 8;
    }

/*!
 * @version: 1.2.0
 * @name: Adapted Flag plugin
 *
 * @author: https://themeforest.net/user/flexlayers
 */
/*******************************
            Flag
*******************************/
/*-------------------
       Element
--------------------*/
i.flag:not(.icon) {
    display: inline-block;
    width: 16px;
    height: 11px;
    line-height: 11px;
    vertical-align: baseline;
    margin: 0 0.5em 0 0;
    text-decoration: inherit;
    speak: none;
    font-smoothing: antialiased;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

    /* Sprite */
    i.flag:not(.icon):before {
        display: inline-block;
        content: '';
        background: url("../img/flags.png") no-repeat -108px -1976px;
        width: 16px;
        height: 11px;
    }

/* Flag Sprite Based On http://www.famfamfam.com/lab/icons/flags/ */
/*******************************
         Theme Overrides
*******************************/
i.flag.ad:before,
i.flag.andorra:before {
    background-position: 0 0;
}

i.flag.ae:before,
i.flag.united.arab.emirates:before,
i.flag.uae:before {
    background-position: 0 -26px;
}

i.flag.af:before,
i.flag.afghanistan:before {
    background-position: 0 -52px;
}

i.flag.ag:before,
i.flag.antigua:before {
    background-position: 0 -78px;
}

i.flag.ai:before,
i.flag.anguilla:before {
    background-position: 0 -104px;
}

i.flag.al:before,
i.flag.albania:before {
    background-position: 0 -130px;
}

i.flag.am:before,
i.flag.armenia:before {
    background-position: 0 -156px;
}

i.flag.an:before,
i.flag.netherlands.antilles:before {
    background-position: 0 -182px;
}

i.flag.ao:before,
i.flag.angola:before {
    background-position: 0 -208px;
}

i.flag.ar:before,
i.flag.argentina:before {
    background-position: 0 -234px;
}

i.flag.as:before,
i.flag.american.samoa:before {
    background-position: 0 -260px;
}

i.flag.at:before,
i.flag.austria:before {
    background-position: 0 -286px;
}

i.flag.au:before,
i.flag.australia:before {
    background-position: 0 -312px;
}

i.flag.aw:before,
i.flag.aruba:before {
    background-position: 0 -338px;
}

i.flag.ax:before,
i.flag.aland.islands:before {
    background-position: 0 -364px;
}

i.flag.az:before,
i.flag.azerbaijan:before {
    background-position: 0 -390px;
}

i.flag.ba:before,
i.flag.bosnia:before {
    background-position: 0 -416px;
}

i.flag.bb:before,
i.flag.barbados:before {
    background-position: 0 -442px;
}

i.flag.bd:before,
i.flag.bangladesh:before {
    background-position: 0 -468px;
}

i.flag.be:before,
i.flag.belgium:before {
    background-position: 0 -494px;
}

i.flag.bf:before,
i.flag.burkina.faso:before {
    background-position: 0 -520px;
}

i.flag.bg:before,
i.flag.bulgaria:before {
    background-position: 0 -546px;
}

i.flag.bh:before,
i.flag.bahrain:before {
    background-position: 0 -572px;
}

i.flag.bi:before,
i.flag.burundi:before {
    background-position: 0 -598px;
}

i.flag.bj:before,
i.flag.benin:before {
    background-position: 0 -624px;
}

i.flag.bm:before,
i.flag.bermuda:before {
    background-position: 0 -650px;
}

i.flag.bn:before,
i.flag.brunei:before {
    background-position: 0 -676px;
}

i.flag.bo:before,
i.flag.bolivia:before {
    background-position: 0 -702px;
}

i.flag.br:before,
i.flag.brazil:before {
    background-position: 0 -728px;
}

i.flag.bs:before,
i.flag.bahamas:before {
    background-position: 0 -754px;
}

i.flag.bt:before,
i.flag.bhutan:before {
    background-position: 0 -780px;
}

i.flag.bv:before,
i.flag.bouvet.island:before {
    background-position: 0 -806px;
}

i.flag.bw:before,
i.flag.botswana:before {
    background-position: 0 -832px;
}

i.flag.by:before,
i.flag.belarus:before {
    background-position: 0 -858px;
}

i.flag.bz:before,
i.flag.belize:before {
    background-position: 0 -884px;
}

i.flag.ca:before,
i.flag.canada:before {
    background-position: 0 -910px;
}

i.flag.cc:before,
i.flag.cocos.islands:before {
    background-position: 0 -962px;
}

i.flag.cd:before,
i.flag.congo:before {
    background-position: 0 -988px;
}

i.flag.cf:before,
i.flag.central.african.republic:before {
    background-position: 0 -1014px;
}

i.flag.cg:before,
i.flag.congo.brazzaville:before {
    background-position: 0 -1040px;
}

i.flag.ch:before,
i.flag.switzerland:before {
    background-position: 0 -1066px;
}

i.flag.ci:before,
i.flag.cote.divoire:before {
    background-position: 0 -1092px;
}

i.flag.ck:before,
i.flag.cook.islands:before {
    background-position: 0 -1118px;
}

i.flag.cl:before,
i.flag.chile:before {
    background-position: 0 -1144px;
}

i.flag.cm:before,
i.flag.cameroon:before {
    background-position: 0 -1170px;
}

i.flag.cn:before,
i.flag.china:before {
    background-position: 0 -1196px;
}

i.flag.co:before,
i.flag.colombia:before {
    background-position: 0 -1222px;
}

i.flag.cr:before,
i.flag.costa.rica:before {
    background-position: 0 -1248px;
}

i.flag.cs:before,
i.flag.serbia:before {
    background-position: 0 -1274px;
}

i.flag.cu:before,
i.flag.cuba:before {
    background-position: 0 -1300px;
}

i.flag.cv:before,
i.flag.cape.verde:before {
    background-position: 0 -1326px;
}

i.flag.cx:before,
i.flag.christmas.island:before {
    background-position: 0 -1352px;
}

i.flag.cy:before,
i.flag.cyprus:before {
    background-position: 0 -1378px;
}

i.flag.cz:before,
i.flag.czech.republic:before {
    background-position: 0 -1404px;
}

i.flag.de:before,
i.flag.germany:before {
    background-position: 0 -1430px;
}

i.flag.dj:before,
i.flag.djibouti:before {
    background-position: 0 -1456px;
}

i.flag.dk:before,
i.flag.denmark:before {
    background-position: 0 -1482px;
}

i.flag.dm:before,
i.flag.dominica:before {
    background-position: 0 -1508px;
}

i.flag.do:before,
i.flag.dominican.republic:before {
    background-position: 0 -1534px;
}

i.flag.dz:before,
i.flag.algeria:before {
    background-position: 0 -1560px;
}

i.flag.ec:before,
i.flag.ecuador:before {
    background-position: 0 -1586px;
}

i.flag.ee:before,
i.flag.estonia:before {
    background-position: 0 -1612px;
}

i.flag.eg:before,
i.flag.egypt:before {
    background-position: 0 -1638px;
}

i.flag.eh:before,
i.flag.western.sahara:before {
    background-position: 0 -1664px;
}

i.flag.er:before,
i.flag.eritrea:before {
    background-position: 0 -1716px;
}

i.flag.es:before,
i.flag.spain:before {
    background-position: 0 -1742px;
}

i.flag.et:before,
i.flag.ethiopia:before {
    background-position: 0 -1768px;
}

i.flag.eu:before,
i.flag.european.union:before {
    background-position: 0 -1794px;
}

i.flag.fi:before,
i.flag.finland:before {
    background-position: 0 -1846px;
}

i.flag.fj:before,
i.flag.fiji:before {
    background-position: 0 -1872px;
}

i.flag.fk:before,
i.flag.falkland.islands:before {
    background-position: 0 -1898px;
}

i.flag.fm:before,
i.flag.micronesia:before {
    background-position: 0 -1924px;
}

i.flag.fo:before,
i.flag.faroe.islands:before {
    background-position: 0 -1950px;
}

i.flag.fr:before,
i.flag.france:before {
    background-position: 0 -1976px;
}

i.flag.ga:before,
i.flag.gabon:before {
    background-position: -36px 0;
}

i.flag.gb:before,
i.flag.united.kingdom:before {
    background-position: -36px -26px;
}

i.flag.gd:before,
i.flag.grenada:before {
    background-position: -36px -52px;
}

i.flag.ge:before,
i.flag.georgia:before {
    background-position: -36px -78px;
}

i.flag.gf:before,
i.flag.french.guiana:before {
    background-position: -36px -104px;
}

i.flag.gh:before,
i.flag.ghana:before {
    background-position: -36px -130px;
}

i.flag.gi:before,
i.flag.gibraltar:before {
    background-position: -36px -156px;
}

i.flag.gl:before,
i.flag.greenland:before {
    background-position: -36px -182px;
}

i.flag.gm:before,
i.flag.gambia:before {
    background-position: -36px -208px;
}

i.flag.gn:before,
i.flag.guinea:before {
    background-position: -36px -234px;
}

i.flag.gp:before,
i.flag.guadeloupe:before {
    background-position: -36px -260px;
}

i.flag.gq:before,
i.flag.equatorial.guinea:before {
    background-position: -36px -286px;
}

i.flag.gr:before,
i.flag.greece:before {
    background-position: -36px -312px;
}

i.flag.gs:before,
i.flag.sandwich.islands:before {
    background-position: -36px -338px;
}

i.flag.gt:before,
i.flag.guatemala:before {
    background-position: -36px -364px;
}

i.flag.gu:before,
i.flag.guam:before {
    background-position: -36px -390px;
}

i.flag.gw:before,
i.flag.guinea-bissau:before {
    background-position: -36px -416px;
}

i.flag.gy:before,
i.flag.guyana:before {
    background-position: -36px -442px;
}

i.flag.hk:before,
i.flag.hong.kong:before {
    background-position: -36px -468px;
}

i.flag.hm:before,
i.flag.heard.island:before {
    background-position: -36px -494px;
}

i.flag.hn:before,
i.flag.honduras:before {
    background-position: -36px -520px;
}

i.flag.hr:before,
i.flag.croatia:before {
    background-position: -36px -546px;
}

i.flag.ht:before,
i.flag.haiti:before {
    background-position: -36px -572px;
}

i.flag.hu:before,
i.flag.hungary:before {
    background-position: -36px -598px;
}

i.flag.id:before,
i.flag.indonesia:before {
    background-position: -36px -624px;
}

i.flag.ie:before,
i.flag.ireland:before {
    background-position: -36px -650px;
}

i.flag.il:before,
i.flag.israel:before {
    background-position: -36px -676px;
}

i.flag.in:before,
i.flag.india:before {
    background-position: -36px -702px;
}

i.flag.io:before,
i.flag.indian.ocean.territory:before {
    background-position: -36px -728px;
}

i.flag.iq:before,
i.flag.iraq:before {
    background-position: -36px -754px;
}

i.flag.ir:before,
i.flag.iran:before {
    background-position: -36px -780px;
}

i.flag.is:before,
i.flag.iceland:before {
    background-position: -36px -806px;
}

i.flag.it:before,
i.flag.italy:before {
    background-position: -36px -832px;
}

i.flag.jm:before,
i.flag.jamaica:before {
    background-position: -36px -858px;
}

i.flag.jo:before,
i.flag.jordan:before {
    background-position: -36px -884px;
}

i.flag.jp:before,
i.flag.japan:before {
    background-position: -36px -910px;
}

i.flag.ke:before,
i.flag.kenya:before {
    background-position: -36px -936px;
}

i.flag.kg:before,
i.flag.kyrgyzstan:before {
    background-position: -36px -962px;
}

i.flag.kh:before,
i.flag.cambodia:before {
    background-position: -36px -988px;
}

i.flag.ki:before,
i.flag.kiribati:before {
    background-position: -36px -1014px;
}

i.flag.km:before,
i.flag.comoros:before {
    background-position: -36px -1040px;
}

i.flag.kn:before,
i.flag.saint.kitts.and.nevis:before {
    background-position: -36px -1066px;
}

i.flag.kp:before,
i.flag.north.korea:before {
    background-position: -36px -1092px;
}

i.flag.kr:before,
i.flag.south.korea:before {
    background-position: -36px -1118px;
}

i.flag.kw:before,
i.flag.kuwait:before {
    background-position: -36px -1144px;
}

i.flag.ky:before,
i.flag.cayman.islands:before {
    background-position: -36px -1170px;
}

i.flag.kz:before,
i.flag.kazakhstan:before {
    background-position: -36px -1196px;
}

i.flag.la:before,
i.flag.laos:before {
    background-position: -36px -1222px;
}

i.flag.lb:before,
i.flag.lebanon:before {
    background-position: -36px -1248px;
}

i.flag.lc:before,
i.flag.saint.lucia:before {
    background-position: -36px -1274px;
}

i.flag.li:before,
i.flag.liechtenstein:before {
    background-position: -36px -1300px;
}

i.flag.lk:before,
i.flag.sri.lanka:before {
    background-position: -36px -1326px;
}

i.flag.lr:before,
i.flag.liberia:before {
    background-position: -36px -1352px;
}

i.flag.ls:before,
i.flag.lesotho:before {
    background-position: -36px -1378px;
}

i.flag.lt:before,
i.flag.lithuania:before {
    background-position: -36px -1404px;
}

i.flag.lu:before,
i.flag.luxembourg:before {
    background-position: -36px -1430px;
}

i.flag.lv:before,
i.flag.latvia:before {
    background-position: -36px -1456px;
}

i.flag.ly:before,
i.flag.libya:before {
    background-position: -36px -1482px;
}

i.flag.ma:before,
i.flag.morocco:before {
    background-position: -36px -1508px;
}

i.flag.mc:before,
i.flag.monaco:before {
    background-position: -36px -1534px;
}

i.flag.md:before,
i.flag.moldova:before {
    background-position: -36px -1560px;
}

i.flag.me:before,
i.flag.montenegro:before {
    background-position: -36px -1586px;
}

i.flag.mg:before,
i.flag.madagascar:before {
    background-position: -36px -1613px;
}

i.flag.mh:before,
i.flag.marshall.islands:before {
    background-position: -36px -1639px;
}

i.flag.mk:before,
i.flag.macedonia:before {
    background-position: -36px -1665px;
}

i.flag.ml:before,
i.flag.mali:before {
    background-position: -36px -1691px;
}

i.flag.mm:before,
i.flag.myanmar:before,
i.flag.burma:before {
    background-position: -73px -1821px;
}

i.flag.mn:before,
i.flag.mongolia:before {
    background-position: -36px -1743px;
}

i.flag.mo:before,
i.flag.macau:before {
    background-position: -36px -1769px;
}

i.flag.mp:before,
i.flag.northern.mariana.islands:before {
    background-position: -36px -1795px;
}

i.flag.mq:before,
i.flag.martinique:before {
    background-position: -36px -1821px;
}

i.flag.mr:before,
i.flag.mauritania:before {
    background-position: -36px -1847px;
}

i.flag.ms:before,
i.flag.montserrat:before {
    background-position: -36px -1873px;
}

i.flag.mt:before,
i.flag.malta:before {
    background-position: -36px -1899px;
}

i.flag.mu:before,
i.flag.mauritius:before {
    background-position: -36px -1925px;
}

i.flag.mv:before,
i.flag.maldives:before {
    background-position: -36px -1951px;
}

i.flag.mw:before,
i.flag.malawi:before {
    background-position: -36px -1977px;
}

i.flag.mx:before,
i.flag.mexico:before {
    background-position: -72px 0;
}

i.flag.my:before,
i.flag.malaysia:before {
    background-position: -72px -26px;
}

i.flag.mz:before,
i.flag.mozambique:before {
    background-position: -72px -52px;
}

i.flag.na:before,
i.flag.namibia:before {
    background-position: -72px -78px;
}

i.flag.nc:before,
i.flag.new.caledonia:before {
    background-position: -72px -104px;
}

i.flag.ne:before,
i.flag.niger:before {
    background-position: -72px -130px;
}

i.flag.nf:before,
i.flag.norfolk.island:before {
    background-position: -72px -156px;
}

i.flag.ng:before,
i.flag.nigeria:before {
    background-position: -72px -182px;
}

i.flag.ni:before,
i.flag.nicaragua:before {
    background-position: -72px -208px;
}

i.flag.nl:before,
i.flag.netherlands:before {
    background-position: -72px -234px;
}

i.flag.no:before,
i.flag.norway:before {
    background-position: -72px -260px;
}

i.flag.np:before,
i.flag.nepal:before {
    background-position: -72px -286px;
}

i.flag.nr:before,
i.flag.nauru:before {
    background-position: -72px -312px;
}

i.flag.nu:before,
i.flag.niue:before {
    background-position: -72px -338px;
}

i.flag.nz:before,
i.flag.new.zealand:before {
    background-position: -72px -364px;
}

i.flag.om:before,
i.flag.oman:before {
    background-position: -72px -390px;
}

i.flag.pa:before,
i.flag.panama:before {
    background-position: -72px -416px;
}

i.flag.pe:before,
i.flag.peru:before {
    background-position: -72px -442px;
}

i.flag.pf:before,
i.flag.french.polynesia:before {
    background-position: -72px -468px;
}

i.flag.pg:before,
i.flag.new.guinea:before {
    background-position: -72px -494px;
}

i.flag.ph:before,
i.flag.philippines:before {
    background-position: -72px -520px;
}

i.flag.pk:before,
i.flag.pakistan:before {
    background-position: -72px -546px;
}

i.flag.pl:before,
i.flag.poland:before {
    background-position: -72px -572px;
}

i.flag.pm:before,
i.flag.saint.pierre:before {
    background-position: -72px -598px;
}

i.flag.pn:before,
i.flag.pitcairn.islands:before {
    background-position: -72px -624px;
}

i.flag.pr:before,
i.flag.puerto.rico:before {
    background-position: -72px -650px;
}

i.flag.ps:before,
i.flag.palestine:before {
    background-position: -72px -676px;
}

i.flag.pt:before,
i.flag.portugal:before {
    background-position: -72px -702px;
}

i.flag.pw:before,
i.flag.palau:before {
    background-position: -72px -728px;
}

i.flag.py:before,
i.flag.paraguay:before {
    background-position: -72px -754px;
}

i.flag.qa:before,
i.flag.qatar:before {
    background-position: -72px -780px;
}

i.flag.re:before,
i.flag.reunion:before {
    background-position: -72px -806px;
}

i.flag.ro:before,
i.flag.romania:before {
    background-position: -72px -832px;
}

i.flag.rs:before,
i.flag.serbia:before {
    background-position: -72px -858px;
}

i.flag.ru:before,
i.flag.russia:before {
    background-position: -72px -884px;
}

i.flag.rw:before,
i.flag.rwanda:before {
    background-position: -72px -910px;
}

i.flag.sa:before,
i.flag.saudi.arabia:before {
    background-position: -72px -936px;
}

i.flag.sb:before,
i.flag.solomon.islands:before {
    background-position: -72px -962px;
}

i.flag.sc:before,
i.flag.seychelles:before {
    background-position: -72px -988px;
}

i.flag.gb.sct:before,
i.flag.scotland:before {
    background-position: -72px -1014px;
}

i.flag.sd:before,
i.flag.sudan:before {
    background-position: -72px -1040px;
}

i.flag.se:before,
i.flag.sweden:before {
    background-position: -72px -1066px;
}

i.flag.sg:before,
i.flag.singapore:before {
    background-position: -72px -1092px;
}

i.flag.sh:before,
i.flag.saint.helena:before {
    background-position: -72px -1118px;
}

i.flag.si:before,
i.flag.slovenia:before {
    background-position: -72px -1144px;
}

i.flag.sj:before,
i.flag.svalbard:before,
i.flag.jan.mayen:before {
    background-position: -72px -1170px;
}

i.flag.sk:before,
i.flag.slovakia:before {
    background-position: -72px -1196px;
}

i.flag.sl:before,
i.flag.sierra.leone:before {
    background-position: -72px -1222px;
}

i.flag.sm:before,
i.flag.san.marino:before {
    background-position: -72px -1248px;
}

i.flag.sn:before,
i.flag.senegal:before {
    background-position: -72px -1274px;
}

i.flag.so:before,
i.flag.somalia:before {
    background-position: -72px -1300px;
}

i.flag.sr:before,
i.flag.suriname:before {
    background-position: -72px -1326px;
}

i.flag.st:before,
i.flag.sao.tome:before {
    background-position: -72px -1352px;
}

i.flag.sv:before,
i.flag.el.salvador:before {
    background-position: -72px -1378px;
}

i.flag.sy:before,
i.flag.syria:before {
    background-position: -72px -1404px;
}

i.flag.sz:before,
i.flag.swaziland:before {
    background-position: -72px -1430px;
}

i.flag.tc:before,
i.flag.caicos.islands:before {
    background-position: -72px -1456px;
}

i.flag.td:before,
i.flag.chad:before {
    background-position: -72px -1482px;
}

i.flag.tf:before,
i.flag.french.territories:before {
    background-position: -72px -1508px;
}

i.flag.tg:before,
i.flag.togo:before {
    background-position: -72px -1534px;
}

i.flag.th:before,
i.flag.thailand:before {
    background-position: -72px -1560px;
}

i.flag.tj:before,
i.flag.tajikistan:before {
    background-position: -72px -1586px;
}

i.flag.tk:before,
i.flag.tokelau:before {
    background-position: -72px -1612px;
}

i.flag.tl:before,
i.flag.timorleste:before {
    background-position: -72px -1638px;
}

i.flag.tm:before,
i.flag.turkmenistan:before {
    background-position: -72px -1664px;
}

i.flag.tn:before,
i.flag.tunisia:before {
    background-position: -72px -1690px;
}

i.flag.to:before,
i.flag.tonga:before {
    background-position: -72px -1716px;
}

i.flag.tr:before,
i.flag.turkey:before {
    background-position: -72px -1742px;
}

i.flag.tt:before,
i.flag.trinidad:before {
    background-position: -72px -1768px;
}

i.flag.tv:before,
i.flag.tuvalu:before {
    background-position: -72px -1794px;
}

i.flag.tw:before,
i.flag.taiwan:before {
    background-position: -72px -1820px;
}

i.flag.tz:before,
i.flag.tanzania:before {
    background-position: -72px -1846px;
}

i.flag.ua:before,
i.flag.ukraine:before {
    background-position: -72px -1872px;
}

i.flag.ug:before,
i.flag.uganda:before {
    background-position: -72px -1898px;
}

i.flag.um:before,
i.flag.us.minor.islands:before {
    background-position: -72px -1924px;
}

i.flag.us:before,
i.flag.america:before,
i.flag.united.states:before {
    background-position: -72px -1950px;
}

i.flag.uy:before,
i.flag.uruguay:before {
    background-position: -72px -1976px;
}

i.flag.uz:before,
i.flag.uzbekistan:before {
    background-position: -108px 0;
}

i.flag.va:before,
i.flag.vatican.city:before {
    background-position: -108px -26px;
}

i.flag.vc:before,
i.flag.saint.vincent:before {
    background-position: -108px -52px;
}

i.flag.ve:before,
i.flag.venezuela:before {
    background-position: -108px -78px;
}

i.flag.vg:before,
i.flag.british.virgin.islands:before {
    background-position: -108px -104px;
}

i.flag.vi:before,
i.flag.us.virgin.islands:before {
    background-position: -108px -130px;
}

i.flag.vn:before,
i.flag.vietnam:before {
    background-position: -108px -156px;
}

i.flag.vu:before,
i.flag.vanuatu:before {
    background-position: -108px -182px;
}

i.flag.gb.wls:before,
i.flag.wales:before {
    background-position: -108px -208px;
}

i.flag.wf:before,
i.flag.wallis.and.futuna:before {
    background-position: -108px -234px;
}

i.flag.ws:before,
i.flag.samoa:before {
    background-position: -108px -260px;
}

i.flag.ye:before,
i.flag.yemen:before {
    background-position: -108px -286px;
}

i.flag.yt:before,
i.flag.mayotte:before {
    background-position: -108px -312px;
}

i.flag.za:before,
i.flag.south.africa:before {
    background-position: -108px -338px;
}

i.flag.zm:before,
i.flag.zambia:before {
    background-position: -108px -364px;
}

i.flag.zw:before,
i.flag.zimbabwe:before {
    background-position: -108px -390px;
}

/*!
 * @version: 1.2.0
 * @name: Adapted Bootstrap datepicker plugin
 *
 * @author: https://themeforest.net/user/flexlayers
 */
.bs-datepicker {
    direction: ltr;
    border-radius: 0;
}

.bs-datepicker-inline {
    width: 296px;
}

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

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

.bs-datepicker-dropdown {
    top: 0;
    left: 0;
    padding: .5rem;
    z-index: 1000 !important;
}

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

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

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

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

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

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

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

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

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

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

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

    .bs-datepicker table tr td, .bs-datepicker table tr th {
        text-align: center;
        height: 38px;
        border-radius: 3px;
        padding: 3px;
        border: none;
    }

        .bs-datepicker table tr th.dow {
            width: 40px;
        }

    .bs-datepicker table tr th {
        font-weight: 600;
    }

        .bs-datepicker table tr th.today, .bs-datepicker table tr .clear {
            border-radius: 3px;
            border: 1px solid #e7edf0;
        }

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

.bs-datepicker table tr td.old, .bs-datepicker table tr td.new {
    color: #868e96;
}

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

.bs-datepicker table tr td.disabled, .bs-datepicker table tr td.disabled:hover {
    background: none;
    color: #868e96;
    cursor: default;
}

.bs-datepicker table tr td.highlighted {
    color: #111;
    background-color: #dee4e8;
    border-color: #cce8ea;
    border-radius: 3px;
}

    .bs-datepicker table tr td.highlighted:hover {
        color: #111;
        background-color: #84c7cc;
        border-color: #a8d8db;
    }

    .bs-datepicker table tr td.highlighted:focus, .bs-datepicker table tr td.highlighted.focus {
        box-shadow: 0 0 0 2px rgba(204, 232, 234, 0.5);
    }

    .bs-datepicker table tr td.highlighted.disabled, .bs-datepicker table tr td.highlighted:disabled {
        background-color: #dee4e8;
        border-color: #cce8ea;
    }

    .bs-datepicker table tr td.highlighted:active, .bs-datepicker table tr td.highlighted.active,
    .show > .bs-datepicker table tr td.highlighted.dropdown-toggle {
        background-color: #84c7cc;
        background-image: none;
        border-color: #a8d8db;
    }

    .bs-datepicker table tr td.highlighted.focused {
        background: #a8d8db;
    }

    .bs-datepicker table tr td.highlighted.disabled, .bs-datepicker table tr td.highlighted.disabled:active {
        background: #cce8ea;
        color: #868e96;
    }

.bs-datepicker table tr td.today {
    color: #111;
    background-color: #dee4e8;
    border-color: #dee4e8;
}

    .bs-datepicker table tr td.today:hover {
        color: #111;
        background-color: #c0cbd3;
        border-color: #c0cbd3;
    }

    .bs-datepicker table tr td.today:focus, .bs-datepicker table tr td.today.focus {
        box-shadow: 0 0 0 2px rgba(222, 228, 232, 0.5);
    }

    .bs-datepicker table tr td.today.disabled, .bs-datepicker table tr td.today:disabled {
        background-color: #dee4e8;
        border-color: #dee4e8;
    }

    .bs-datepicker table tr td.today:active, .bs-datepicker table tr td.today.active,
    .show > .bs-datepicker table tr td.today.dropdown-toggle {
        background-color: #c0cbd3;
        background-image: none;
        border-color: #c0cbd3;
    }

    .bs-datepicker table tr td.today.focused {
        background: #c0cbd3;
    }

    .bs-datepicker table tr td.today.disabled, .bs-datepicker table tr td.today.disabled:active {
        background: #dee4e8;
        color: #868e96;
    }

.bs-datepicker table tr td.range {
    color: #111;
    background-color: #dee4e8;
    border-color: #dee4e8;
    border-radius: 3px;
}

    .bs-datepicker table tr td.range:hover {
        color: #111;
        background-color: #c0cbd3;
        border-color: #c0cbd3;
    }

    .bs-datepicker table tr td.range:focus, .bs-datepicker table tr td.range.focus {
        box-shadow: 0 0 0 2px rgba(222, 228, 232, 0.5);
    }

    .bs-datepicker table tr td.range.disabled, .bs-datepicker table tr td.range:disabled {
        background-color: #dee4e8;
        border-color: #dee4e8;
    }

    .bs-datepicker table tr td.range:active, .bs-datepicker table tr td.range.active,
    .show > .bs-datepicker table tr td.range.dropdown-toggle {
        background-color: #c0cbd3;
        background-image: none;
        border-color: #c0cbd3;
    }

    .bs-datepicker table tr td.range.focused {
        background: #c0cbd3;
    }

    .bs-datepicker table tr td.range.disabled, .bs-datepicker table tr td.range.disabled:active {
        background: #dee4e8;
        color: #868e96;
    }

    .bs-datepicker table tr td.range.highlighted {
        color: #111;
        background-color: #dee4e8;
        border-color: #d5e6e9;
    }

        .bs-datepicker table tr td.range.highlighted:hover {
            color: #111;
            background-color: #92bec6;
            border-color: #b4d2d7;
        }

        .bs-datepicker table tr td.range.highlighted:focus, .bs-datepicker table tr td.range.highlighted.focus {
            box-shadow: 0 0 0 2px rgba(213, 230, 233, 0.5);
        }

        .bs-datepicker table tr td.range.highlighted.disabled, .bs-datepicker table tr td.range.highlighted:disabled {
            background-color: #dee4e8;
            border-color: #d5e6e9;
        }

        .bs-datepicker table tr td.range.highlighted:active, .bs-datepicker table tr td.range.highlighted.active,
        .show > .bs-datepicker table tr td.range.highlighted.dropdown-toggle {
            background-color: #92bec6;
            background-image: none;
            border-color: #b4d2d7;
        }

        .bs-datepicker table tr td.range.highlighted.focused {
            background: #b4d2d7;
        }

        .bs-datepicker table tr td.range.highlighted.disabled, .bs-datepicker table tr td.range.highlighted.disabled:active {
            background: #d5e6e9;
            color: #868e96;
        }

    .bs-datepicker table tr td.range.today {
        color: #111;
        background-color: #c0cbd3;
        border-color: #efc574;
    }

        .bs-datepicker table tr td.range.today:hover {
            color: #111;
            background-color: #e39e1a;
            border-color: #eab246;
        }

        .bs-datepicker table tr td.range.today:focus, .bs-datepicker table tr td.range.today.focus {
            box-shadow: 0 0 0 2px rgba(239, 197, 116, 0.5);
        }

        .bs-datepicker table tr td.range.today.disabled, .bs-datepicker table tr td.range.today:disabled {
            background-color: #c0cbd3;
            border-color: #efc574;
        }

        .bs-datepicker table tr td.range.today:active, .bs-datepicker table tr td.range.today.active,
        .show > .bs-datepicker table tr td.range.today.dropdown-toggle {
            background-color: #e39e1a;
            background-image: none;
            border-color: #eab246;
        }

        .bs-datepicker table tr td.range.today.disabled, .bs-datepicker table tr td.range.today.disabled:active {
            background: #efc574;
            color: #868e96;
        }

.bs-datepicker table tr td.selected, .bs-datepicker table tr td.selected.highlighted {
    color: #fff;
    background-color: #4c8033;
    border-color: #4c8033;
    text-shadow: 0 -1px 0 rgba(222, 228, 232, 0.25);
}

    .bs-datepicker table tr td.selected:hover, .bs-datepicker table tr td.selected.highlighted:hover {
        color: #fff;
        background-color: #797e81;
        border-color: #365c24;
    }

    .bs-datepicker table tr td.selected:focus, .bs-datepicker table tr td.selected.focus, .bs-datepicker table tr td.selected.highlighted:focus, .bs-datepicker table tr td.selected.highlighted.focus {
        box-shadow: 0 0 0 2px rgba(76, 128, 51, 0.5);
    }

    .bs-datepicker table tr td.selected.disabled, .bs-datepicker table tr td.selected:disabled, .bs-datepicker table tr td.selected.highlighted.disabled, .bs-datepicker table tr td.selected.highlighted:disabled {
        background-color: #4c8033;
        border-color: #4c8033;
    }

    .bs-datepicker table tr td.selected:active, .bs-datepicker table tr td.selected.active,
    .show > .bs-datepicker table tr td.selected.dropdown-toggle, .bs-datepicker table tr td.selected.highlighted:active, .bs-datepicker table tr td.selected.highlighted.active,
    .show > .bs-datepicker table tr td.selected.highlighted.dropdown-toggle {
        background-color: #797e81;
        background-image: none;
        border-color: #365c24;
    }

.bs-datepicker table tr td.active, .bs-datepicker table tr td.active.highlighted {
    color: #111;
    background-color: #f4f9fc;
    border-color: #4c8033;
    color: #f4f9fc;
    text-shadow: 0 -1px 0 rgba(222, 228, 232, 0.25);
}

    .bs-datepicker table tr td.active:hover, .bs-datepicker table tr td.active.highlighted:hover {
        color: #111;
        background-color: #4c8033;
        border-color: #365c24;
    }

    .bs-datepicker table tr td.active:focus, .bs-datepicker table tr td.active.focus, .bs-datepicker table tr td.active.highlighted:focus, .bs-datepicker table tr td.active.highlighted.focus {
        box-shadow: 0 0 0 2px rgba(76, 128, 51, 0.5);
    }

    .bs-datepicker table tr td.active.disabled, .bs-datepicker table tr td.active:disabled, .bs-datepicker table tr td.active.highlighted.disabled, .bs-datepicker table tr td.active.highlighted:disabled {
        background-color: #f4f9fc;
        border-color: #4c8033;
    }

    .bs-datepicker table tr td.active:active, .bs-datepicker table tr td.active.active,
    .show > .bs-datepicker table tr td.active.dropdown-toggle, .bs-datepicker table tr td.active.highlighted:active, .bs-datepicker table tr td.active.highlighted.active,
    .show > .bs-datepicker table tr td.active.highlighted.dropdown-toggle {
        background-color: #4c8033;
        background-image: none;
        border-color: #365c24;
    }

    .bs-datepicker table tr td.active:hover, .bs-datepicker table tr td.active.highlighted:hover {
        color: #f4f9fc;
    }

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

    .bs-datepicker table tr td span:hover, .bs-datepicker table tr td span.focused {
        background: #dee4e8;
    }

    .bs-datepicker table tr td span.disabled, .bs-datepicker table tr td span.disabled:hover {
        background: none;
        color: #868e96;
        cursor: default;
    }

    .bs-datepicker table tr td span.active, .bs-datepicker table tr td span.active:hover, .bs-datepicker table tr td span.active.disabled, .bs-datepicker table tr td span.active.disabled:hover {
        color: #111;
        background-color: #f4f9fc;
        border-color: #4c8033;
        text-shadow: 0 -1px 0 rgba(222, 228, 232, 0.25);
        color: #f4f9fc;
    }

        .bs-datepicker table tr td span.active:hover, .bs-datepicker table tr td span.active:hover:hover, .bs-datepicker table tr td span.active.disabled:hover, .bs-datepicker table tr td span.active.disabled:hover:hover {
            color: #111;
            background-color: #4c8033;
            border-color: #365c24;
        }

            .bs-datepicker table tr td span.active:focus, .bs-datepicker table tr td span.active.focus, .bs-datepicker table tr td span.active:hover:focus, .bs-datepicker table tr td span.active:hover.focus, .bs-datepicker table tr td span.active.disabled:focus, .bs-datepicker table tr td span.active.disabled.focus, .bs-datepicker table tr td span.active.disabled:hover:focus, .bs-datepicker table tr td span.active.disabled:hover.focus {
                box-shadow: 0 0 0 2px rgba(76, 128, 51, 0.5);
            }

            .bs-datepicker table tr td span.active.disabled, .bs-datepicker table tr td span.active:disabled, .bs-datepicker table tr td span.active:hover.disabled, .bs-datepicker table tr td span.active:hover:disabled, .bs-datepicker table tr td span.active.disabled.disabled, .bs-datepicker table tr td span.active.disabled:disabled, .bs-datepicker table tr td span.active.disabled:hover.disabled, .bs-datepicker table tr td span.active.disabled:hover:disabled {
                background-color: #f4f9fc;
                border-color: #4c8033;
            }

                .bs-datepicker table tr td span.active:active, .bs-datepicker table tr td span.active.active,
                .show > .bs-datepicker table tr td span.active.dropdown-toggle, .bs-datepicker table tr td span.active:hover:active, .bs-datepicker table tr td span.active:hover.active,
                .show > .bs-datepicker table tr td span.active:hover.dropdown-toggle, .bs-datepicker table tr td span.active.disabled:active, .bs-datepicker table tr td span.active.disabled.active,
                .show > .bs-datepicker table tr td span.active.disabled.dropdown-toggle, .bs-datepicker table tr td span.active.disabled:hover:active, .bs-datepicker table tr td span.active.disabled:hover.active,
                .show > .bs-datepicker table tr td span.active.disabled:hover.dropdown-toggle {
                    background-color: #4c8033;
                    background-image: none;
                    border-color: #365c24;
                }

    .bs-datepicker table tr td span.old, .bs-datepicker table tr td span.new {
        color: #868e96;
    }

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

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

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

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

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

.input-daterange {
    width: 100%;
}

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

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

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

    .input-daterange .input-group-addon {
        width: auto;
        min-width: 16px;
        padding: 4px 5px;
        line-height: 1.57143;
        text-shadow: 0 1px 0 #fff;
        border-width: 1px 0;
        margin-left: -5px;
        margin-right: -5px;
    }

/*!
 * @version: 1.2.0
 * @name: wizard
 *
 * @author: https://themeforest.net/user/flexlayers
 */
.wizard,
.tabcontrol {
    display: block;
    width: 100%;
    overflow: hidden;
    /* Accessibility */
}

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

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

            .wizard ul > li a,
            .tabcontrol ul > li a {
                white-space: nowrap;
            }

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

    .wizard > .steps {
        position: relative;
        display: block;
        width: 100%;
        background: #e6eff3;
    }

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

        .wizard > .steps a {
            text-align: center;
            display: block;
            padding: 1em 1em;
            font-size: 1rem;
            outline: 0;
            width: 101%;
        }

        .wizard > .steps a,
        .wizard > .steps .disabled a {
            background: #eef6f8;
            color: #797e81;
        }

        .wizard > .steps .disabled a {
            cursor: default;
        }

        .wizard > .steps .current a {
            background: #4c8033;
            color: #f4f9fc;
            cursor: default;
        }

        .wizard > .steps .done a {
            background: #4c8033;
            opacity: .75;
            color: #f4f9fc;
            width: auto;
        }

        .wizard > .steps .error a {
            background: #a53012;
            color: #f4f9fc;
        }

    .wizard > .content {
        display: block;
        overflow: hidden;
        position: relative;
    }

        .wizard > .content > .body {
            float: left;
            position: absolute;
            padding: 1.5rem 0 2rem;
            width: 100%;
        }

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

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

            .wizard > .actions > ul > li {
                margin: 0 0 0 1.5em;
                float: left;
            }

        .wizard > .actions a {
            display: inline-block;
            font-weight: normal;
            text-align: center;
            white-space: nowrap;
            vertical-align: middle;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            border: 1px solid transparent;
            padding: 0.58rem 1.6rem;
            font-size: 1rem;
            line-height: 1.2;
            border-radius: 0;
            transition: background-color 0.1s ease-in-out, border-color 0.1s ease-in-out, box-shadow 0.1s ease-in-out;
        }

            .wizard > .actions a:focus, .wizard > .actions a:hover {
                text-decoration: none;
            }

            .wizard > .actions a:focus, .wizard > .actions a.focus {
                outline: 0;
                box-shadow: 0 0 0 1px rgba(76, 128, 51, 0.25);
            }

            .wizard > .actions a.disabled, .wizard > .actions a:disabled {
                opacity: .65;
            }

            .wizard > .actions a:active, .wizard > .actions a.active {
                background-image: none;
            }

    .wizard.vertical > .steps {
        float: left;
        width: 30%;
        height: 100%;
    }

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

            .wizard.vertical > .steps > ul > li a {
                text-align: left;
            }

    .wizard.vertical > .content {
        display: inline;
        float: left;
        margin: 0 0 1em 0;
        width: 70%;
    }

    .wizard.vertical > .actions {
        display: inline;
        float: right;
        text-align: right;
    }

    .wizard.step-animate > .steps > ul > li a {
        position: relative;
        transition: background 500ms ease, color 500ms ease;
        background: linear-gradient(to right, #4c8033 50%, #eef6f8 50%);
        background-size: 250% 100%;
        background-position: right bottom;
    }

    .wizard.step-animate > .steps > ul > li.current a,
    .wizard.step-animate > .steps > ul > li.done a {
        background-position: left bottom;
        color: #f4f9fc;
    }

    .tabcontrol > .steps {
        position: relative;
        display: block;
        width: 100%;
        z-index: 1;
    }

    .tabcontrol > .content {
        position: relative;
        display: inline-block;
        width: 100%;
        overflow: hidden;
        margin-top: -1px;
        border: 1px solid #e7edf0;
    }

        .tabcontrol > .content > .body {
            float: left;
            position: absolute;
            width: 100%;
        }

@media (max-width: 767px) {
    .vertical > .steps,
    .vertical > .content {
        display: block !important;
        float: none !important;
        width: 100% !important;
    }
}

/*!
 * @version: 1.2.0
 * @name: Adapted Ion.RangeSlider plugin
 *
 * @author: https://themeforest.net/user/flexlayers
 */
/* Ion.RangeSlider
// css version 2.0.3
// RangeSlider */
.irs {
    position: relative;
    display: block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.irs-line {
    position: relative;
    display: block;
    overflow: hidden;
    outline: none !important;
}

.irs-line-left, .irs-line-mid, .irs-line-right {
    position: absolute;
    display: block;
    top: 0;
}

.irs-line-left {
    left: 0;
    width: 11%;
}

.irs-line-mid {
    left: 9%;
    width: 82%;
}

.irs-line-right {
    right: 0;
    width: 11%;
}

.irs-bar {
    position: absolute;
    display: block;
    left: 0;
    width: 0;
}

.irs-bar-edge {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
}

.irs-shadow {
    position: absolute;
    display: none;
    left: 0;
    width: 0;
}

.irs-slider {
    position: absolute;
    display: block;
    cursor: default;
    z-index: 1;
}

    .irs-slider.type_last {
        z-index: 2;
    }

.irs-min {
    position: absolute;
    display: block;
    left: 0;
    cursor: default;
}

.irs-max {
    position: absolute;
    display: block;
    right: 0;
    cursor: default;
}

.irs-from, .irs-to, .irs-single {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    cursor: default;
    white-space: nowrap;
}

.irs-grid {
    position: absolute;
    display: none;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 20px;
}

.irs-with-grid .irs-grid {
    display: block;
}

.irs-grid-pol {
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 8px;
    background: #000;
}

    .irs-grid-pol.small {
        height: 4px;
    }

.irs-grid-text {
    position: absolute;
    bottom: 0;
    left: 0;
    white-space: nowrap;
    text-align: center;
    font-size: 9px;
    line-height: 9px;
    padding: 0 3px;
    color: #000;
}

.irs-disable-mask {
    position: absolute;
    display: block;
    top: 0;
    left: -1%;
    width: 102%;
    height: 100%;
    cursor: default;
    background: transparent;
    z-index: 2;
}

.lt-ie9 .irs-disable-mask {
    background: #000;
    filter: alpha(opacity=0);
    cursor: not-allowed;
}

.irs-disabled {
    opacity: 0.75;
}

.irs-hidden-input {
    position: absolute !important;
    display: block !important;
    top: 0 !important;
    left: 0 !important;
    width: 0 !important;
    height: 0 !important;
    font-size: 0 !important;
    line-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden;
    outline: none !important;
    z-index: -9999 !important;
    background: none !important;
    border-style: solid !important;
    border-color: transparent !important;
}

/* Ion.RangeSlider, Flat UI Skin
// Skin details */
.irs-line-mid,
.irs-line-left,
.irs-line-right,
.irs-bar,
.irs-bar-edge,
.irs-slider {
    background: url(../img/irs/sprite-skin-flat.png) repeat-x;
}

.irs {
    height: 40px;
}

.irs-with-grid {
    height: 60px;
}

.irs-line {
    height: 12px;
    top: 25px;
}

.irs-line-left {
    height: 12px;
    background-position: 0 -30px;
}

.irs-line-mid {
    height: 12px;
    background-position: 0 0;
}

.irs-line-right {
    height: 12px;
    background-position: 100% -30px;
}

.irs-bar {
    height: 12px;
    top: 25px;
    background-position: 0 -60px;
}

.irs-bar-edge {
    top: 25px;
    height: 12px;
    width: 9px;
    background-position: 0 -90px;
}

.irs-shadow {
    height: 3px;
    top: 34px;
    background: #000;
    opacity: 0.25;
}

.lt-ie9 .irs-shadow {
    filter: alpha(opacity=25);
}

.irs-slider {
    width: 16px;
    height: 18px;
    top: 22px;
    background-position: 0 -120px;
}

    .irs-slider.state_hover, .irs-slider:hover {
        background-position: 0 -150px;
    }

.irs-min, .irs-max {
    color: #797e81;
    font-size: 11px;
    line-height: 1.333;
    text-shadow: none;
    top: 0;
    padding: 1px 5px;
    background: #e6eff3;
    border-radius: 4px;
}

.irs-from, .irs-to, .irs-single {
    color: #f4f9fc;
    font-size: 11px;
    line-height: 1.333;
    text-shadow: none;
    padding: 1px 5px;
    background: #c13815;
    border-radius: 4px;
}

    .irs-from:after, .irs-to:after, .irs-single:after {
        position: absolute;
        display: block;
        content: "";
        bottom: -6px;
        left: 50%;
        width: 0;
        height: 0;
        margin-left: -3px;
        overflow: hidden;
        border: 3px solid transparent;
        border-top-color: #c13815;
    }

.irs-grid-pol {
    background: #e6eff3;
}

.irs-grid-text {
    color: #797e81;
}

/*!
 * @version: 1.2.0
 * @name: _nouislider
 *
 * @author: https://themeforest.net/user/flexlayers
 */
/*!
 * Materialize v0.100.2 (http://materializecss.com)
 * Copyright 2014-2015 Materialize
 * MIT License (https://raw.githubusercontent.com/Dogfalo/materialize/master/LICENSE)
 */
/*! nouislider - 9.1.0 - 2016-12-10 16:00:32 */
/* Functional styling;
 * These styles are required for noUiSlider to function.
 * You don't need to change these rules to apply your design.
 */
.noUi-target,
.noUi-target * {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
    -ms-touch-action: none;
    touch-action: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    box-sizing: border-box;
}

.noUi-target {
    position: relative;
    direction: ltr;
}

.noUi-base {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
    /* Fix 401 */
}

.noUi-connect {
    position: absolute;
    right: 0;
    top: 0;
    left: 0;
    bottom: 0;
}

.noUi-origin {
    position: absolute;
    height: 0;
    width: 0;
}

.noUi-handle {
    position: relative;
    z-index: 1;
}

.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
    transition: top 0.25s, right 0.25s, bottom 0.25s, left 0.25s;
}

.noUi-state-drag * {
    cursor: inherit !important;
}

.noUi-handle-touch-area {
    position: relative;
    width: 44px;
    height: 44px;
    left: -15px;
    top: -15px;
}

/* Painting and performance;
 * Browsers can paint handles in their own layer.
 */
.noUi-base,
.noUi-handle {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

/* Slider size and handle placement;
 */
.noUi-horizontal {
    height: 18px;
}

    .noUi-horizontal .noUi-handle {
        width: 34px;
        height: 28px;
        left: -17px;
        top: -6px;
    }

.noUi-vertical {
    width: 18px;
}

    .noUi-vertical .noUi-handle {
        width: 28px;
        height: 34px;
        left: -6px;
        top: -17px;
    }

/* Styling;
 */
.noUi-target {
    background: #dee4e8;
    border-radius: 4px;
    border: 1px solid transparent;
}

.noUi-connect {
    background: #4c8033;
    transition: background 450ms;
}

/* Handles and cursors;
 */
.noUi-draggable {
    cursor: ew-resize;
}

.noUi-vertical .noUi-draggable {
    cursor: ns-resize;
}

.noUi-handle {
    border: 1px solid #D9D9D9;
    border-radius: 3px;
    background: #FFF;
    cursor: default;
    box-shadow: inset 0 0 1px #FFF,inset 0 1px 7px #EBEBEB,0 3px 6px -3px #BBB;
}

.noUi-active {
    box-shadow: inset 0 0 1px #FFF,inset 0 1px 7px #DDD,0 3px 6px -3px #BBB;
}

/* Handle stripes
 */
.noUi-handle:before,
.noUi-handle:after {
    content: "";
    display: block;
    position: absolute;
    height: 14px;
    width: 1px;
    background: #E8E7E6;
    left: 14px;
    top: 6px;
}

.noUi-handle:after {
    left: 17px;
}

.noUi-vertical .noUi-handle:before,
.noUi-vertical .noUi-handle:after {
    width: 14px;
    height: 1px;
    left: 6px;
    top: 14px;
}

.noUi-vertical .noUi-handle:after {
    top: 17px;
}

/* Disabled state;
 */
[disabled] .noUi-connect {
    background: #B8B8B8;
}

[disabled].noUi-target,
[disabled].noUi-handle,
[disabled] .noUi-handle {
    cursor: not-allowed;
}

/* Base;
 *
 */
.noUi-pips,
.noUi-pips * {
    box-sizing: border-box;
}

.noUi-pips {
    position: absolute;
    color: #797e81;
}

/* Values;
 *
 */
.noUi-value {
    position: absolute;
    text-align: center;
}

.noUi-value-sub {
    color: #ccc;
    font-size: 10px;
}

/* Markings;
 *
 */
.noUi-marker {
    position: absolute;
    background: #CCC;
}

.noUi-marker-sub {
    background: #dee4e8;
}

.noUi-marker-large {
    background: #dee4e8;
}

/* Horizontal layout;
 *
 */
.noUi-pips-horizontal {
    padding: 10px 0;
    height: 80px;
    top: 100%;
    left: 0;
    width: 100%;
}

.noUi-value-horizontal {
    -webkit-transform: translate3d(-50%, 50%, 0);
    transform: translate3d(-50%, 50%, 0);
}

.noUi-marker-horizontal.noUi-marker {
    margin-left: -1px;
    width: 1px;
    height: 5px;
}

.noUi-marker-horizontal.noUi-marker-sub {
    height: 10px;
}

.noUi-marker-horizontal.noUi-marker-large {
    height: 10px;
}

/* Vertical layout;
 *
 */
.noUi-pips-vertical {
    padding: 0 10px;
    height: 100%;
    top: 0;
    left: 100%;
}

.noUi-value-vertical {
    -webkit-transform: translate3d(0, 50%, 0);
    transform: translate3d(0, 50%, 0);
    padding-left: 25px;
}

.noUi-marker-vertical.noUi-marker {
    width: 5px;
    height: 1px;
    margin-top: -1px;
}

.noUi-marker-vertical.noUi-marker-sub {
    width: 10px;
}

.noUi-marker-vertical.noUi-marker-large {
    width: 15px;
}

.noUi-tooltip {
    display: block;
    position: absolute;
    border: 1px solid transparent;
    border-radius: 3px;
    background: #fff;
    color: #000;
    padding: 5px;
    text-align: center;
}

.noUi-horizontal .noUi-tooltip {
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    left: 50%;
    bottom: 120%;
}

.noUi-vertical .noUi-tooltip {
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    top: 50%;
    right: 120%;
}

/* Materialize Styles */
.noUi-target {
    border: 0;
    border-radius: 0;
}

.noUi-horizontal {
    height: 3px;
}

.noUi-vertical {
    height: 100%;
    width: 3px;
}

    .noUi-horizontal .noUi-handle,
    .noUi-vertical .noUi-handle {
        width: 15px;
        height: 15px;
        border-radius: 50%;
        box-shadow: none;
        background-color: #4c8033;
        border: none;
        left: -5px;
        top: -6px;
        transition: width 0.2s cubic-bezier(0.215, 0.61, 0.355, 1), height 0.2s cubic-bezier(0.215, 0.61, 0.355, 1), left 0.2s cubic-bezier(0.215, 0.61, 0.355, 1), top 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
    }

.noUi-handle:before {
    content: none;
}

.noUi-handle:after {
    content: none;
}

.noUi-target .noUi-active.noUi-handle {
    width: 3px;
    height: 3px;
    left: 0;
    top: 0;
}

.noUi-target.noUi-horizontal .noUi-tooltip {
    position: absolute;
    height: 30px;
    width: 30px;
    top: -17px;
    left: -2px;
    background-color: #4c8033;
    border-radius: 50%;
    transition: border-radius 0.25s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: border-radius 0.25s cubic-bezier(0.215, 0.61, 0.355, 1), transform 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: border-radius 0.25s cubic-bezier(0.215, 0.61, 0.355, 1), transform 0.25s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: scale(0.5) rotate(-45deg);
    transform: scale(0.5) rotate(-45deg);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
}

.noUi-target.noUi-horizontal .noUi-active .noUi-tooltip {
    border-radius: 15px 15px 15px 0;
    -webkit-transform: rotate(-45deg) translate(23px, -25px);
    transform: rotate(-45deg) translate(23px, -25px);
}

.noUi-tooltip span {
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: 12px;
    opacity: 0;
    position: absolute;
    top: 6px;
    left: -1px;
    transition: opacity 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.noUi-horizontal .noUi-tooltip span {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.noUi-vertical .noUi-tooltip span {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}

.noUi-target.noUi-vertical .noUi-tooltip {
    position: absolute;
    height: 30px;
    width: 30px;
    top: -17px;
    left: -2px;
    background-color: #4c8033;
    border-radius: 50%;
    transition: border-radius 0.25s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: border-radius 0.25s cubic-bezier(0.215, 0.61, 0.355, 1), transform 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: border-radius 0.25s cubic-bezier(0.215, 0.61, 0.355, 1), transform 0.25s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: scale(0.5) rotate(-45deg);
    transform: scale(0.5) rotate(-45deg);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
}

.noUi-target.noUi-vertical .noUi-active .noUi-tooltip {
    border-radius: 15px 15px 15px 0;
    -webkit-transform: rotate(-135deg) translate(35px, -10px);
    transform: rotate(-135deg) translate(35px, -10px);
}

.noUi-vertical .noUi-tooltip span {
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: 12px;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    opacity: 0;
    position: absolute;
    top: 7px;
    left: -1px;
    transition: opacity 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.noUi-horizontal .noUi-active .noUi-tooltip span,
.noUi-vertical .noUi-active .noUi-tooltip span {
    opacity: 1;
}

.no-ui-slider-success.noUi-target.noUi-vertical .noUi-tooltip,
.no-ui-slider-success.noUi-target.noUi-horizontal .noUi-tooltip,
.no-ui-slider-success.noUi-vertical .noUi-handle,
.no-ui-slider-success.noUi-horizontal .noUi-handle,
.no-ui-slider-success.noUi-vertical .noUi-handle,
.no-ui-slider-success .noUi-connect {
    background-color: #3e5190;
}

.no-ui-slider-primary.noUi-target.noUi-vertical .noUi-tooltip,
.no-ui-slider-primary.noUi-target.noUi-horizontal .noUi-tooltip,
.no-ui-slider-primary.noUi-vertical .noUi-handle,
.no-ui-slider-primary.noUi-horizontal .noUi-handle,
.no-ui-slider-primary.noUi-vertical .noUi-handle,
.no-ui-slider-primary .noUi-connect {
    background-color: #4c8033;
}

.no-ui-slider-info.noUi-target.noUi-vertical .noUi-tooltip,
.no-ui-slider-info.noUi-target.noUi-horizontal .noUi-tooltip,
.no-ui-slider-info.noUi-vertical .noUi-handle,
.no-ui-slider-info.noUi-horizontal .noUi-handle,
.no-ui-slider-info.noUi-vertical .noUi-handle,
.no-ui-slider-info .noUi-connect {
    background-color: #3a8586;
}

.no-ui-slider-warning.noUi-target.noUi-vertical .noUi-tooltip,
.no-ui-slider-warning.noUi-target.noUi-horizontal .noUi-tooltip,
.no-ui-slider-warning.noUi-vertical .noUi-handle,
.no-ui-slider-warning.noUi-horizontal .noUi-handle,
.no-ui-slider-warning.noUi-vertical .noUi-handle,
.no-ui-slider-warning .noUi-connect {
    background-color: #a58825;
}

.no-ui-slider-danger.noUi-target.noUi-vertical .noUi-tooltip,
.no-ui-slider-danger.noUi-target.noUi-horizontal .noUi-tooltip,
.no-ui-slider-danger.noUi-vertical .noUi-handle,
.no-ui-slider-danger.noUi-horizontal .noUi-handle,
.no-ui-slider-danger.noUi-vertical .noUi-handle,
.no-ui-slider-danger .noUi-connect {
    background-color: #a53012;
}

.no-ui-slider-inverse.noUi-target.noUi-vertical .noUi-tooltip,
.no-ui-slider-inverse.noUi-target.noUi-horizontal .noUi-tooltip,
.no-ui-slider-inverse.noUi-vertical .noUi-handle,
.no-ui-slider-inverse.noUi-horizontal .noUi-handle,
.no-ui-slider-inverse.noUi-vertical .noUi-handle,
.no-ui-slider-inverse .noUi-connect {
    background-color: #585e61;
}

/*!
 * @version: 1.2.0
 * @name: color picker
 *
 * @author: https://themeforest.net/user/flexlayers
 */
.sp-container {
    display: inline-block;
    z-index: 9999994;
    background-color: #f4f9fc;
    border: solid 1px #e7edf0;
    padding: 0;
    overflow: hidden;
    font-size: 12px;
    box-sizing: border-box;
    border-radius: 0;
    /* Gradients for hue, saturation and value instead of images.  Not pretty... but it works */
    /* IE filters do not support multiple color stops. Generate 6 divs, line them up, and do two color gradients for each.*/
    /* Clearfix hack */
    /* Mobile devices, make hue slider bigger so it is easier to slide */
    /* Input */
    /* Initial */
    /* Buttons */
}

    .sp-container.sp-flat {
        position: relative;
    }

    .sp-container.sp-hidden {
        display: none !important;
    }

    .sp-container.sp-input-disabled .sp-input-container,
    .sp-container.sp-buttons-disabled .sp-button-container,
    .sp-container.sp-palette-buttons-disabled .sp-palette-button-container,
    .sp-container.sp-palette-disabled .sp-palette-container,
    .sp-container.sp-initial-disabled .sp-initial,
    .sp-container.sp-palette-only .sp-picker-container {
        display: none;
    }

    .sp-container.sp-palette-only .sp-palette-container {
        border: 0;
    }

    .sp-container.sp-initial-disabled .sp-input-container {
        width: 100%;
    }

    .sp-container.sp-alpha-enabled .sp-top {
        margin-bottom: 32px;
    }

    .sp-container.sp-alpha-enabled .sp-alpha {
        display: block;
    }

    .sp-container .sp-picker-container,
    .sp-container .sp-palette-container {
        float: left;
        position: relative;
    }

    .sp-container .sp-picker-container {
        width: 183px;
        padding: 7px;
    }

    .sp-container .sp-palette-container {
        padding: 4px;
    }

    .sp-container .sp-top {
        position: relative;
        width: 100%;
        display: inline-block;
    }

    .sp-container .sp-top-inner {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
    }

    .sp-container .sp-color {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 20%;
    }

    .sp-container .sp-hue {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 84%;
        height: 100%;
    }

    .sp-container .sp-clear-enabled .sp-hue {
        top: 33px;
        height: 77.5%;
    }

    .sp-container .sp-fill {
        padding-top: 80%;
    }

    .sp-container .sp-sat, .sp-container .sp-val {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }

    .sp-container .sp-alpha-handle {
        position: absolute;
        top: -4px;
        bottom: -4px;
        width: 3px;
        margin-left: -2px;
        cursor: pointer;
        border: 1px solid #797e81;
        background: #f4f9fc;
        opacity: .8;
    }

        .sp-container .sp-alpha-handle:after, .sp-container .sp-alpha-handle:before {
            height: 100%;
            width: 1rem;
            content: '';
            position: absolute;
        }

        .sp-container .sp-alpha-handle:after {
            right: 0;
        }

        .sp-container .sp-alpha-handle:before {
            left: 0;
        }

    .sp-container .sp-alpha {
        display: none;
        position: absolute;
        bottom: -26px;
        right: 0;
        left: 0;
        height: 16px;
    }

    .sp-container .sp-alpha-inner {
        border: solid 1px #e7edf0;
    }

    .sp-container .sp-clear {
        display: none;
    }

        .sp-container .sp-clear.sp-clear-display {
            background-position: center;
        }

    .sp-container .sp-clear-enabled .sp-clear {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 84%;
        height: 28px;
    }

    .sp-container,
    .sp-container .sp-dragger,
    .sp-container .sp-slider,
    .sp-container .sp-alpha,
    .sp-container .sp-clear,
    .sp-container .sp-alpha-handle,
    .sp-container.sp-dragging .sp-input,
    .sp-container button {
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

        .sp-container .sp-sat {
            background-image: linear-gradient(to right, #f4f9fc, rgba(204, 154, 129, 0));
            filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr='#FFFFFFFF', endColorstr='#00CC9A81');
        }

        .sp-container .sp-val {
            background-image: linear-gradient(to top, #585e61, rgba(204, 154, 129, 0));
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00CC9A81', endColorstr='#FF000000');
        }

        .sp-container .sp-hue {
            background: linear-gradient(to bottom, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
        }

        .sp-container .sp-1 {
            height: 17%;
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#ffff00');
        }

        .sp-container .sp-2 {
            height: 16%;
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff00', endColorstr='#00ff00');
        }

        .sp-container .sp-3 {
            height: 17%;
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ff00', endColorstr='#00ffff');
        }

        .sp-container .sp-4 {
            height: 17%;
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffff', endColorstr='#0000ff');
        }

        .sp-container .sp-5 {
            height: 16%;
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0000ff', endColorstr='#ff00ff');
        }

        .sp-container .sp-6 {
            height: 17%;
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff00ff', endColorstr='#ff0000');
        }

        .sp-container .sp-cf:before, .sp-container .sp-cf:after {
            content: "";
            display: table;
        }

        .sp-container .sp-cf:after {
            clear: both;
        }

@media (max-device-width: 480px) {
    .sp-container .sp-color {
        right: 40%;
    }

    .sp-container .sp-hue {
        left: 63%;
    }

    .sp-container .sp-fill {
        padding-top: 60%;
    }
}

.sp-container .sp-dragger {
    border-radius: 5px;
    height: 5px;
    width: 5px;
    border: 1px solid #e7edf0;
    background: #585e61;
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
}

    .sp-container .sp-dragger:after {
        height: 2rem;
        width: 2rem;
        content: '';
        left: -1rem;
        top: -1rem;
        position: absolute;
    }

.sp-container .sp-slider {
    position: absolute;
    top: 0;
    cursor: pointer;
    height: 3px;
    left: -1px;
    right: -1px;
    border: 1px solid #797e81;
    background: #f4f9fc;
    opacity: .8;
}

    .sp-container .sp-slider:after, .sp-container .sp-slider:before {
        width: 100%;
        height: 1rem;
        content: '';
        position: absolute;
    }

    .sp-container .sp-slider:after {
        bottom: 0;
    }

    .sp-container .sp-slider:before {
        top: 0;
    }

.sp-container .sp-top {
    margin-bottom: 3px;
}

.sp-container .sp-color, .sp-container .sp-hue, .sp-container .sp-clear {
    border: solid 1px #e7edf0;
}

.sp-container .sp-input-container {
    float: right;
    width: 100px;
    margin-bottom: 4px;
}

.sp-container .sp-input.sp-validation-error {
    border-color: #a53012;
}

.sp-container .sp-initial {
    float: left;
    border: solid 1px #e7edf0;
}

    .sp-container .sp-initial span {
        width: 30px;
        height: 25px;
        border: none;
        display: block;
        float: left;
        margin: 0;
    }

    .sp-container .sp-initial .sp-clear-display {
        background-position: center;
    }

.sp-container .sp-palette-button-container,
.sp-container .sp-button-container {
    float: right;
}

.sp-container .sp-palette {
    max-width: 224px;
}

    .sp-container .sp-palette .sp-thumb-el {
        width: 25px;
        height: 25px;
        margin: 3px;
        display: block;
        position: relative;
        float: left;
        cursor: pointer;
    }

.sp-container .sp-thumb-el {
    position: relative;
}

.sp-container .sp-choose,
.sp-container .sp-palette-toggle {
    display: inline-block;
    font-weight: normal;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: 0.58rem 1.6rem;
    font-size: 1rem;
    line-height: 1.2;
    border-radius: 0;
    transition: background-color 0.1s ease-in-out, border-color 0.1s ease-in-out, box-shadow 0.1s ease-in-out;
    text-transform: capitalize;
}

    .sp-container .sp-choose:focus, .sp-container .sp-choose:hover,
    .sp-container .sp-palette-toggle:focus,
    .sp-container .sp-palette-toggle:hover {
        text-decoration: none;
    }

    .sp-container .sp-choose:focus, .sp-container .sp-choose.focus,
    .sp-container .sp-palette-toggle:focus,
    .sp-container .sp-palette-toggle.focus {
        outline: 0;
        box-shadow: 0 0 0 1px rgba(76, 128, 51, 0.25);
    }

    .sp-container .sp-choose.disabled, .sp-container .sp-choose:disabled,
    .sp-container .sp-palette-toggle.disabled,
    .sp-container .sp-palette-toggle:disabled {
        opacity: .65;
    }

    .sp-container .sp-choose:active, .sp-container .sp-choose.active,
    .sp-container .sp-palette-toggle:active,
    .sp-container .sp-palette-toggle.active {
        background-image: none;
    }

.sp-container .sp-cancel {
    display: inline-block;
    font-weight: normal;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: 0.58rem 1.6rem;
    font-size: 1rem;
    line-height: 1.2;
    border-radius: 0;
    transition: background-color 0.1s ease-in-out, border-color 0.1s ease-in-out, box-shadow 0.1s ease-in-out;
    margin-right: .5rem;
    text-transform: capitalize;
}

    .sp-container .sp-cancel:focus, .sp-container .sp-cancel:hover {
        text-decoration: none;
    }

    .sp-container .sp-cancel:focus, .sp-container .sp-cancel.focus {
        outline: 0;
        box-shadow: 0 0 0 1px rgba(76, 128, 51, 0.25);
    }

    .sp-container .sp-cancel.disabled, .sp-container .sp-cancel:disabled {
        opacity: .65;
    }

    .sp-container .sp-cancel:active, .sp-container .sp-cancel.active {
        background-image: none;
    }

.sp-container .sp-palette .sp-thumb-inner {
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.sp-container .sp-palette .sp-thumb-light.sp-thumb-active .sp-thumb-inner {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIVJREFUeNpiYBhsgJFMffxAXABlN5JruT4Q3wfi/0DsT64h8UD8HmpIPCWG/KemIfOJCUB+Aoacx6EGBZyHBqI+WsDCwuQ9mhxeg2A210Ntfo8klk9sOMijaURm7yc1UP2RNCMbKE9ODK1HM6iegYLkfx8pligC9lCD7KmRof0ZhjQACDAAceovrtpVBRkAAAAASUVORK5CYII=);
}

.sp-container .sp-palette .sp-thumb-dark.sp-thumb-active .sp-thumb-inner {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAMdJREFUOE+tkgsNwzAMRMugEAahEAahEAZhEAqlEAZhEAohEAYh81X2dIm8fKpEspLGvudPOsUYpxE2BIJCroJmEW9qJ+MKaBFhEMNabSy9oIcIPwrB+afvAUFoK4H0tMaQ3XtlrggDhOVVMuT4E5MMG0FBbCEYzjYT7OxLEvIHQLY2zWwQ3D+9luyOQTfKDiFD3iUIfPk8VqrKjgAiSfGFPecrg6HN6m/iBcwiDAo7WiBeawa+Kwh7tZoSCGLMqwlSAzVDhoK+6vH4G0P5wdkAAAAASUVORK5CYII=);
}

.sp-container .sp-clear-display {
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(data:image/gif;base64,R0lGODlhFAAUAPcAAAAAAJmZmZ2dnZ6enqKioqOjo6SkpKWlpaampqenp6ioqKmpqaqqqqurq/Hx8fLy8vT09PX19ff39/j4+Pn5+fr6+vv7+wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAP8ALAAAAAAUABQAAAihAP9FoPCvoMGDBy08+EdhQAIJCCMybCDAAYUEARBAlFiQQoMABQhKUJBxY0SPICEYHBnggEmDKAuoPMjS5cGYMxHW3IiT478JJA8M/CjTZ0GgLRekNGpwAsYABHIypcAgQMsITDtWJYBR6NSqMico9cqR6tKfY7GeBCuVwlipDNmefAtTrkSzB1RaIAoXodsABiZAEFB06gIBWC1mLVgBa0AAOw==);
}

.sp-container .sp-alpha,
.sp-container .sp-thumb-el {
    position: relative;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);
}

.sp-container .sp-alpha-inner,
.sp-container .sp-thumb-inner {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.sp-container .sp-palette-toggle {
    margin: 1rem 3px 3px;
}

/* Replacer (the little preview div that shows up instead of the <input>) */
.sp-replacer {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 29px;
    height: 29px;
    overflow: hidden;
    cursor: pointer;
    display: inline-block;
    border: solid 1px #e7edf0;
    background: #dee4e8;
    color: #585e61;
    vertical-align: middle;
    padding: 0;
}

    .sp-replacer .sp-dd {
        display: none;
    }

    .sp-replacer .sp-preview {
        height: 100%;
        position: relative;
    }

    .sp-replacer:hover, .sp-replacer.sp-active {
        color: #585e61;
        border-color: #e7edf0;
    }

    .sp-replacer.sp-disabled {
        cursor: default;
        border-color: silver;
        color: silver;
    }

    .sp-replacer .sp-preview-inner {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
    }

.color-picker.fluid + .sp-replacer {
    width: 100%;
    display: block;
}

.input-group-addon .sp-replacer {
    width: 17px;
    height: 17px;
}

/*!
 * @version: 1.2.0
 * @name: bootstrap-touchspin
 *
 * @author: https://themeforest.net/user/flexlayers
 */
.bootstrap-touchspin .input-group-btn-vertical {
    position: relative;
    white-space: nowrap;
    vertical-align: middle;
    display: inline-block;
}

    .bootstrap-touchspin .input-group-btn-vertical > .btn {
        display: block;
        float: none;
        width: 100%;
        max-width: 100%;
        padding: 8px 10px;
        margin-left: -1px;
        position: relative;
    }

    .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        border-bottom-right-radius: 0;
    }

    .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down {
        margin-top: -2px;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        border-top-right-radius: 0;
    }

    .bootstrap-touchspin .input-group-btn-vertical i {
        font-size: 0.71429rem;
        font-weight: normal;
    }

    .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up,
    .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down {
        padding: 3px .8rem;
    }

/*!
 * @version: 1.2.0
 * @name: bootstrap-timepicker
 *
 * @author: https://themeforest.net/user/flexlayers
 */
.bootstrap-timepicker {
    position: relative;
}

    .bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu, .bootstrap-timepicker.pull-right .ui.select-dropdown .bootstrap-timepicker-widget.menu, .ui.select-dropdown .bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.menu {
        left: auto;
        right: 0;
    }

        .bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu:before, .bootstrap-timepicker.pull-right .ui.select-dropdown .bootstrap-timepicker-widget.menu:before, .ui.select-dropdown .bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.menu:before {
            left: auto;
            right: 12px;
        }

        .bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu:after, .bootstrap-timepicker.pull-right .ui.select-dropdown .bootstrap-timepicker-widget.menu:after, .ui.select-dropdown .bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.menu:after {
            left: auto;
            right: 13px;
        }

    .bootstrap-timepicker .input-group-addon {
        cursor: pointer;
    }

        .bootstrap-timepicker .input-group-addon i {
            display: inline-block;
            width: 16px;
            height: 16px;
        }

.bootstrap-timepicker-widget.dropdown-menu, .ui.select-dropdown .bootstrap-timepicker-widget.menu {
    padding: .5rem;
    min-width: 0;
}

    .bootstrap-timepicker-widget.dropdown-menu.open, .ui.select-dropdown .bootstrap-timepicker-widget.open.menu {
        display: inline-block;
    }

    .bootstrap-timepicker-widget.dropdown-menu:before, .ui.select-dropdown .bootstrap-timepicker-widget.menu:before {
        border-bottom: 7px solid rgba(0, 0, 0, 0.2);
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        content: "";
        display: inline-block;
        position: absolute;
    }

    .bootstrap-timepicker-widget.dropdown-menu:after, .ui.select-dropdown .bootstrap-timepicker-widget.menu:after {
        border-bottom: 6px solid #FFFFFF;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        content: "";
        display: inline-block;
        position: absolute;
    }

.bootstrap-timepicker-widget.timepicker-orient-left:before {
    left: 6px;
}

.bootstrap-timepicker-widget.timepicker-orient-left:after {
    left: 7px;
}

.bootstrap-timepicker-widget.timepicker-orient-right:before {
    right: 6px;
}

.bootstrap-timepicker-widget.timepicker-orient-right:after {
    right: 7px;
}

.bootstrap-timepicker-widget.timepicker-orient-top:before {
    top: -7px;
}

.bootstrap-timepicker-widget.timepicker-orient-top:after {
    top: -6px;
}

.bootstrap-timepicker-widget.timepicker-orient-bottom:before {
    bottom: -7px;
    border-bottom: 0;
    border-top: 7px solid #999;
}

.bootstrap-timepicker-widget.timepicker-orient-bottom:after {
    bottom: -6px;
    border-bottom: 0;
    border-top: 6px solid #ffffff;
}

.bootstrap-timepicker-widget a.btn, .bootstrap-timepicker-widget input {
    border-radius: 3px;
}

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

    .bootstrap-timepicker-widget table td {
        text-align: center;
        height: 30px;
        margin: 0;
        padding: 2px;
    }

        .bootstrap-timepicker-widget table td:not(.separator) {
            min-width: 30px;
        }

        .bootstrap-timepicker-widget table td span {
            width: 100%;
        }

        .bootstrap-timepicker-widget table td a {
            width: 3rem;
            height: 34px;
            line-height: 17px;
            display: inline-block;
            margin: 0;
            padding: 8px 0;
            outline: 0;
            color: #333;
        }

            .bootstrap-timepicker-widget table td a:hover {
                text-decoration: none;
                background-color: #dee4e8;
                border-radius: 3px;
            }

            .bootstrap-timepicker-widget table td a i {
                margin-top: 2px;
                font-size: 18px;
            }

        .bootstrap-timepicker-widget table td input {
            width: 4rem;
            text-align: center;
            margin: 10px;
        }

.bootstrap-timepicker-widget .modal-content {
    padding: 4px;
}

@media (min-width: 767px) {
    .bootstrap-timepicker-widget.modal {
        width: 200px;
        margin-left: -100px;
    }
}

@media (max-width: 767px) {
    .bootstrap-timepicker {
        width: 100%;
    }

        .bootstrap-timepicker .dropdown-menu, .bootstrap-timepicker .ui.select-dropdown .menu, .ui.select-dropdown .bootstrap-timepicker .menu {
            width: 100%;
        }
}

/*!
 * @version: 1.2.0
 * @name: Calendar
 *
 * @author: https://themeforest.net/user/flexlayers
 */
/* body */
.calendar-widget .fc.calendar {
    margin: 0;
    max-width: 100%;
    /*-------------------
              body
        --------------------*/
}

    .calendar-widget .fc.calendar .fc-toolbar.fc-header-toolbar button {
        margin: 0 -1px 0.5em 0;
    }

    .calendar-widget .fc.calendar .fc-month-view th,
    .calendar-widget .fc.calendar .fc-month-view td {
        border: 0;
        text-align: center;
        vertical-align: middle;
        background: none;
    }

    .calendar-widget .fc.calendar th,
    .calendar-widget .fc.calendar td {
        background: none;
    }

    .calendar-widget .fc.calendar th {
        text-transform: capitalize;
        font-size: 1.14286rem;
        font-weight: 400;
        line-height: 2.42857;
    }

    .calendar-widget .fc.calendar.fc-ltr .fc-basic-view .fc-day-top .fc-day-number {
        float: none;
        display: inline-block;
        height: 30px;
        width: 30px;
        line-height: 30px;
    }

    .calendar-widget .fc.calendar .fc-basic-view .fc-body .fc-row {
        min-height: 0;
    }

    .calendar-widget .fc.calendar .fc-day-top.fc-today.fc-state-highlight {
        background-color: #e6eff3;
        border-radius: 10rem;
    }

        .calendar-widget .fc.calendar .fc-day-top.fc-today.fc-state-highlight .fc-day-number {
            background-color: #4c8033;
            color: #f4f9fc;
            border-radius: 10rem;
        }

    .calendar-widget .fc.calendar .fc-event-container {
        display: none;
    }

    .calendar-widget .fc.calendar .current-week {
        border-radius: 10rem;
        margin: 6px 0;
    }

    .calendar-widget .fc.calendar button {
        text-transform: capitalize;
    }

    .calendar-widget .fc.calendar .fc-state-down, .calendar-widget .fc.calendar .fc-state-active {
        background-color: #e6eff3 !important;
    }

    .calendar-widget .fc.calendar .fc-scroller {
        overflow: visible !important;
    }

.panel-wrap[max-width~="732px"] .fc.calendar .fc-toolbar .fc-right,
.panel-wrap[max-width~="732px"] .fc.calendar .fc-toolbar .fc-left {
    display: block;
    width: 100%;
}

.panel-wrap[max-width~="732px"] .fc.calendar .fc-toolbar .fc-right {
    margin-top: 1rem;
}

.panel-wrap[max-width~="732px"] .fc.calendar .fc-toolbar .btn {
    padding-left: 1.2rem;
    padding-right: 1.2rem;
}

/*!
 * @version: 1.2.0
 * @name: Adapted emoji plugin
 *
 * @author: https://themeforest.net/user/flexlayers
 */
.dropdown-menu.textcomplete-dropdown[data-strategy="emojionearea"], .ui.select-dropdown .textcomplete-dropdown[data-strategy="emojionearea"].menu {
    position: absolute;
    z-index: 115 !important;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #f4f9fc;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
}

    .dropdown-menu.textcomplete-dropdown[data-strategy="emojionearea"] li.textcomplete-item, .ui.select-dropdown .textcomplete-dropdown[data-strategy="emojionearea"].menu li.textcomplete-item {
        font-size: 14px;
        padding: 1px 3px;
        border: 0;
    }

        .dropdown-menu.textcomplete-dropdown[data-strategy="emojionearea"] li.textcomplete-item a, .ui.select-dropdown .textcomplete-dropdown[data-strategy="emojionearea"].menu li.textcomplete-item a {
            text-decoration: none;
            display: block;
            height: 100%;
            line-height: 1.8em;
            padding: 0 1.54em 0 .615em;
            color: #4f4f4f;
        }

        .dropdown-menu.textcomplete-dropdown[data-strategy="emojionearea"] li.textcomplete-item:hover, .ui.select-dropdown .textcomplete-dropdown[data-strategy="emojionearea"].menu li.textcomplete-item:hover, .dropdown-menu.textcomplete-dropdown[data-strategy="emojionearea"] li.textcomplete-item.active, .ui.select-dropdown .textcomplete-dropdown[data-strategy="emojionearea"].menu li.textcomplete-item.active {
            background-color: #d8eaf4;
        }

            .dropdown-menu.textcomplete-dropdown[data-strategy="emojionearea"] li.textcomplete-item:hover a, .ui.select-dropdown .textcomplete-dropdown[data-strategy="emojionearea"].menu li.textcomplete-item:hover a, .dropdown-menu.textcomplete-dropdown[data-strategy="emojionearea"] li.textcomplete-item.active a, .ui.select-dropdown .textcomplete-dropdown[data-strategy="emojionearea"].menu li.textcomplete-item.active a {
                color: #333;
            }

        .dropdown-menu.textcomplete-dropdown[data-strategy="emojionearea"] li.textcomplete-item .emojioneemoji, .ui.select-dropdown .textcomplete-dropdown[data-strategy="emojionearea"].menu li.textcomplete-item .emojioneemoji {
            font-size: inherit;
            height: 2ex;
            width: 2.1ex;
            min-height: 20px;
            min-width: 20px;
            display: inline-block;
            margin: 0 5px .2ex 0;
            line-height: normal;
            vertical-align: middle;
            max-width: 100%;
            top: 0;
        }

.emojionearea,
.emojionearea * {
    box-sizing: border-box;
}

    .emojionearea, .emojionearea.form-control, .ui.select-dropdown .menu > .input:not(.transparent) input.emojionearea, .emojionearea.ui.selection.select-dropdown, select.emojionearea.ui.select-dropdown, .sp-container .emojionearea.sp-input, .bootstrap-timepicker-widget table td input.emojionearea {
        display: block;
        position: relative !important;
        width: 100%;
        height: auto;
        padding: 0;
        font-size: inherit;
        background-color: #e6eff3;
        border-bottom: 2px solid #dee4e8;
        border-radius: 0;
        transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, background .2s;
    }

        .emojionearea.focused {
            border-color: #4c8033;
            background-color: #eef6f8;
            outline: 0;
        }

        .emojionearea .emojionearea-editor {
            display: block;
            height: auto;
            min-height: 4.5em;
            max-height: 15em;
            overflow: auto;
            padding: 10px 45px 6px 12px;
            line-height: 1.42857143;
            font-size: inherit;
            color: #585e61;
            background-color: transparent;
            border: 0;
            cursor: text;
            margin-right: 1px;
            border-radius: 0;
        }

            .emojionearea .emojionearea-editor:empty:before {
                content: attr(placeholder);
                display: block;
                color: #797e81;
            }

            .emojionearea .emojionearea-editor:focus {
                border: 0;
                outline: 0;
            }

            .emojionearea .emojionearea-editor [class*=emojione-], .emojionearea .emojionearea-editor .emojioneemoji {
                font-size: inherit;
                height: 2ex;
                width: 2.1ex;
                min-height: 20px;
                min-width: 20px;
                display: inline-block;
                margin: -.2ex .15em .2ex;
                line-height: normal;
                vertical-align: middle;
                max-width: 100%;
                top: 0;
            }

        .emojionearea .emojionearea-search {
            display: none;
        }

        .emojionearea.emojionearea-inline {
            height: 34px;
        }

            .emojionearea.emojionearea-inline > .emojionearea-editor {
                height: 32px;
                min-height: 20px;
                overflow: hidden;
                white-space: nowrap;
                position: absolute;
                top: 0;
                left: 12px;
                right: 24px;
                padding: 6px 0;
            }

            .emojionearea.emojionearea-inline > .emojionearea-button {
                top: 4px;
            }

        .emojionearea .emojionearea-button {
            z-index: 5;
            position: absolute;
            right: 13px;
            top: 8px;
            width: 24px;
            height: 24px;
            opacity: 0.6;
            cursor: pointer;
            transition: opacity 300ms ease-in-out;
        }

            .emojionearea .emojionearea-button:hover {
                opacity: 1;
            }

            .emojionearea .emojionearea-button > div {
                display: block;
                width: 24px;
                height: 24px;
                position: absolute;
                transition: all 400ms ease-in-out;
                background-image: url("../img/emoji/sprite.png");
            }

                .emojionearea .emojionearea-button > div.emojionearea-button-open {
                    background-position: 0 -24px;
                    opacity: 1;
                }

                .emojionearea .emojionearea-button > div.emojionearea-button-close {
                    background-position: 0 0;
                    -webkit-transform: rotate(-45deg);
                    transform: rotate(-45deg);
                    opacity: 0;
                }

            .emojionearea .emojionearea-button.active > div.emojionearea-button-open {
                -webkit-transform: rotate(45deg);
                transform: rotate(45deg);
                opacity: 0;
            }

            .emojionearea .emojionearea-button.active > div.emojionearea-button-close {
                -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
                opacity: 1;
            }

        .emojionearea .emojionearea-picker {
            border: 1px solid #dee4e8;
            background: #f4f9fc;
            position: absolute;
            height: 236px;
            width: 303px;
            top: -15px;
            right: -4px;
            z-index: 115;
            transition: all ease-in-out .25s;
            opacity: 0;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            border-radius: 0;
        }

            .emojionearea .emojionearea-picker.hidden {
                display: none;
            }

            .emojionearea .emojionearea-picker .emojionearea-wrapper {
                position: relative;
                height: 236px;
                width: 303px;
            }

                .emojionearea .emojionearea-picker .emojionearea-wrapper:after {
                    content: "";
                    display: block;
                    position: absolute;
                    background-image: url("../img/emoji/sprite.png");
                    background-repeat: no-repeat;
                    z-index: 116;
                }

            .emojionearea .emojionearea-picker .emojionearea-filters {
                width: 100%;
                position: absolute;
                background: #e6eff3;
                padding: 0;
                height: 40px;
                z-index: 120;
            }

                .emojionearea .emojionearea-picker .emojionearea-filters .emojionearea-filter {
                    display: block;
                    float: left;
                    height: 40px;
                    width: 33px;
                    padding: 7px 2px 0;
                    cursor: pointer;
                }

                    .emojionearea .emojionearea-picker .emojionearea-filters .emojionearea-filter.active {
                        background: #cee0e7;
                    }

                    .emojionearea .emojionearea-picker .emojionearea-filters .emojionearea-filter > i {
                        width: 24px;
                        height: 24px;
                        top: 0;
                    }

                    .emojionearea .emojionearea-picker .emojionearea-filters .emojionearea-filter > img {
                        width: 24px;
                        height: 24px;
                        margin: 0 3px;
                    }

            .emojionearea .emojionearea-picker .emojionearea-scroll-area {
                height: 196px;
                overflow: auto;
                overflow-x: hidden;
                width: 100%;
                position: absolute;
                padding: 0 0 5px;
            }

                .emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-emojis-list {
                    z-index: 1;
                }

                .emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-tones {
                    position: absolute;
                    top: 7px;
                    right: 10px;
                    height: 22px;
                    z-index: 2;
                }

                    .emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-tones > .btn-tone {
                        display: inline-block;
                        padding: 0;
                        border: 0;
                        vertical-align: middle;
                        outline: none;
                        background: transparent;
                        cursor: pointer;
                        position: relative;
                    }

                        .emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-tones > .btn-tone.btn-tone-0, .emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-tones > .btn-tone.btn-tone-0:after {
                            background-color: #ffcf3e;
                        }

                        .emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-tones > .btn-tone.btn-tone-1, .emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-tones > .btn-tone.btn-tone-1:after {
                            background-color: #fae3c5;
                        }

                        .emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-tones > .btn-tone.btn-tone-2, .emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-tones > .btn-tone.btn-tone-2:after {
                            background-color: #e2cfa5;
                        }

                        .emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-tones > .btn-tone.btn-tone-3, .emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-tones > .btn-tone.btn-tone-3:after {
                            background-color: #daa478;
                        }

                        .emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-tones > .btn-tone.btn-tone-4, .emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-tones > .btn-tone.btn-tone-4:after {
                            background-color: #a78058;
                        }

                        .emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-tones > .btn-tone.btn-tone-5, .emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-tones > .btn-tone.btn-tone-5:after {
                            background-color: #5e4d43;
                        }

                    .emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-tones.emojionearea-tones-bullet > .btn-tone, .emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-tones.emojionearea-tones-square > .btn-tone {
                        width: 22px;
                        height: 22px;
                        margin: 0;
                        background-color: transparent;
                    }

                        .emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-tones.emojionearea-tones-bullet > .btn-tone:after, .emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-tones.emojionearea-tones-square > .btn-tone:after {
                            content: "";
                            position: absolute;
                            display: block;
                            top: 4px;
                            left: 4px;
                            width: 12px;
                            height: 12px;
                        }

                        .emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-tones.emojionearea-tones-bullet > .btn-tone.active:after, .emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-tones.emojionearea-tones-square > .btn-tone.active:after {
                            top: 0;
                            left: 0;
                            width: 20px;
                            height: 20px;
                        }

                    .emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-tones.emojionearea-tones-radio > .btn-tone, .emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-tones.emojionearea-tones-checkbox > .btn-tone {
                        width: 16px;
                        height: 16px;
                        margin: 0 2px;
                    }

                        .emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-tones.emojionearea-tones-radio > .btn-tone.active:after, .emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-tones.emojionearea-tones-checkbox > .btn-tone.active:after {
                            content: "";
                            position: absolute;
                            display: block;
                            background-color: transparent;
                            border: 2px solid #f4f9fc;
                            width: 8px;
                            height: 8px;
                            top: 2px;
                            left: 2px;
                        }

                        .emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-tones.emojionearea-tones-bullet > .btn-tone, .emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-tones.emojionearea-tones-bullet > .btn-tone:after, .emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-tones.emojionearea-tones-radio > .btn-tone, .emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-tones.emojionearea-tones-radio > .btn-tone:after {
                            border-radius: 100%;
                        }

                        .emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-tones.emojionearea-tones-square > .btn-tone, .emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-tones.emojionearea-tones-square > .btn-tone:after, .emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-tones.emojionearea-tones-checkbox > .btn-tone, .emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-tones.emojionearea-tones-checkbox > .btn-tone:after {
                            border-radius: 1px;
                        }

                .emojionearea .emojionearea-picker .emojionearea-scroll-area h1 {
                    display: block;
                    font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
                    font-size: 13px;
                    font-weight: normal;
                    color: #b2b2b2;
                    background: #f4f9fc;
                    line-height: 20px;
                    margin: 0;
                    padding: 8px 0 8px 6px;
                }

                    .emojionearea .emojionearea-picker .emojionearea-scroll-area h1:after, .emojionearea .emojionearea-picker .emojionearea-scroll-area h1:before {
                        content: " ";
                        display: block;
                        clear: both;
                    }

                .emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-category {
                    padding: 0 0 0 7px;
                }

                    .emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-category:after, .emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-category:before {
                        content: " ";
                        display: block;
                        clear: both;
                    }

                .emojionearea .emojionearea-picker .emojionearea-scroll-area [class*=emojione-] {
                    box-sizing: content-box;
                    margin: 0;
                    width: 24px;
                    height: 24px;
                    top: 0;
                }

                .emojionearea .emojionearea-picker .emojionearea-scroll-area .emojibtn {
                    box-sizing: content-box;
                    width: 24px;
                    height: 24px;
                    float: left;
                    display: block;
                    margin: 1px;
                    padding: 3px;
                }

                    .emojionearea .emojionearea-picker .emojionearea-scroll-area .emojibtn:hover {
                        border-radius: 4px;
                        background-color: #d8eaf4;
                        cursor: pointer;
                    }

                    .emojionearea .emojionearea-picker .emojionearea-scroll-area .emojibtn i, .emojionearea .emojionearea-picker .emojionearea-scroll-area .emojibtn img {
                        float: left;
                        display: block;
                        width: 24px;
                        height: 24px;
                    }

                        .emojionearea .emojionearea-picker .emojionearea-scroll-area .emojibtn img.lazy-emoji {
                            opacity: 0;
                        }

            .emojionearea .emojionearea-picker.emojionearea-filters-position-top .emojionearea-filters {
                top: 0;
                border-top-left-radius: 0;
                border-top-right-radius: 0;
            }

            .emojionearea .emojionearea-picker.emojionearea-filters-position-top .emojionearea-scroll-area {
                bottom: 0;
            }

            .emojionearea .emojionearea-picker.emojionearea-filters-position-bottom .emojionearea-filters {
                bottom: 0;
                border-bottom-right-radius: 0;
                border-bottom-left-radius: 0;
            }

            .emojionearea .emojionearea-picker.emojionearea-filters-position-bottom .emojionearea-scroll-area {
                top: 0;
            }

            .emojionearea .emojionearea-picker.emojionearea-picker-position-top {
                margin-top: -246px;
                right: -4px;
            }

                .emojionearea .emojionearea-picker.emojionearea-picker-position-top .emojionearea-wrapper:after {
                    width: 19px;
                    height: 10px;
                    background-color: #f4f9fc;
                    background-position: -2px -49px;
                    bottom: -10px;
                    right: 20px;
                }

                .emojionearea .emojionearea-picker.emojionearea-picker-position-top.emojionearea-filters-position-bottom .emojionearea-wrapper:after {
                    background-position: -2px -80px;
                }

            .emojionearea .emojionearea-picker.emojionearea-picker-position-left, .emojionearea .emojionearea-picker.emojionearea-picker-position-right {
                margin-right: -313px;
                top: -8px;
            }

                .emojionearea .emojionearea-picker.emojionearea-picker-position-left .emojionearea-wrapper:after, .emojionearea .emojionearea-picker.emojionearea-picker-position-right .emojionearea-wrapper:after {
                    width: 10px;
                    height: 19px;
                    background-position: 0 -60px;
                    top: 13px;
                    left: -10px;
                }

                .emojionearea .emojionearea-picker.emojionearea-picker-position-left.emojionearea-filters-position-bottom .emojionearea-wrapper:after, .emojionearea .emojionearea-picker.emojionearea-picker-position-right.emojionearea-filters-position-bottom .emojionearea-wrapper:after {
                    background-position: right -60px;
                }

            .emojionearea .emojionearea-picker.emojionearea-picker-position-bottom {
                margin-top: 10px;
                right: -4px;
                top: 47px;
            }

                .emojionearea .emojionearea-picker.emojionearea-picker-position-bottom .emojionearea-wrapper:after {
                    width: 19px;
                    height: 10px;
                    background-position: -2px -100px;
                    top: -10px;
                    right: 20px;
                }

                .emojionearea .emojionearea-picker.emojionearea-picker-position-bottom.emojionearea-filters-position-bottom .emojionearea-wrapper:after {
                    background-position: -2px -90px;
                }

        .emojionearea .emojionearea-button.active + .emojionearea-picker {
            opacity: 1;
        }

        .emojionearea .emojionearea-button.active + .emojionearea-picker-position-top {
            margin-top: -229px;
        }

        .emojionearea .emojionearea-button.active + .emojionearea-picker-position-left,
        .emojionearea .emojionearea-button.active + .emojionearea-picker-position-right {
            margin-right: -296px;
        }

        .emojionearea .emojionearea-button.active + .emojionearea-picker-position-bottom {
            margin-top: -7px;
        }

        .emojionearea.emojionearea-standalone {
            display: inline-block;
            width: auto;
            box-shadow: none;
        }

            .emojionearea.emojionearea-standalone .emojionearea-editor {
                min-height: 33px;
                position: relative;
                padding: 10px 42px 6px 6px;
            }

                .emojionearea.emojionearea-standalone .emojionearea-editor::before {
                    content: "";
                    position: absolute;
                    top: 4px;
                    left: 50%;
                    bottom: 4px;
                    border-left: 1px solid #fcfdfd;
                }

                .emojionearea.emojionearea-standalone .emojionearea-editor.has-placeholder {
                    background-image: url("../img/emoji/placeholder.png");
                    background-repeat: no-repeat;
                    background-position: 20px 4px;
                }

                    .emojionearea.emojionearea-standalone .emojionearea-editor.has-placeholder .emojioneemoji {
                        opacity: 0.4;
                    }

            .emojionearea.emojionearea-standalone .emojionearea-button {
                top: 0;
                right: 0;
                bottom: 0;
                left: 0;
                width: auto;
                height: auto;
            }

                .emojionearea.emojionearea-standalone .emojionearea-button > div {
                    right: 6px;
                    top: 5px;
                }

            .emojionearea.emojionearea-standalone .emojionearea-picker.emojionearea-picker-position-bottom .emojionearea-wrapper:after, .emojionearea.emojionearea-standalone .emojionearea-picker.emojionearea-picker-position-top .emojionearea-wrapper:after {
                right: 23px;
            }

            .emojionearea.emojionearea-standalone .emojionearea-picker.emojionearea-picker-position-left .emojionearea-wrapper:after, .emojionearea.emojionearea-standalone .emojionearea-picker.emojionearea-picker-position-right .emojionearea-wrapper:after {
                top: 15px;
            }

@media (max-width: 575px) {
    .emojionearea .emojionearea-picker.emojionearea-picker-position-top {
        /* right: -70px; */
        left: auto;
    }

        .emojionearea .emojionearea-picker.emojionearea-picker-position-top .emojionearea-wrapper:after {
            display: none;
        }
}

/*!
 * @version: 1.2.0
 * @name: photo-editor
 *
 * @author: https://themeforest.net/user/flexlayers
 */
.photo-editor {
    color: #585e61;
    font-size: 1rem;
    min-height: 420px;
    position: relative;
}

    .photo-editor .photo-editor-erea {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 50px;
        left: 0;
        color: #585e61;
        background-color: #e6eff3;
    }

        .photo-editor .photo-editor-erea > img {
            display: table-cell;
            max-width: 100%;
            vertical-align: middle;
        }

        .photo-editor .photo-editor-erea .photo-editor-upload {
            display: table;
            width: 100%;
            height: 100%;
            overflow: hidden;
        }

            .photo-editor .photo-editor-erea .photo-editor-upload > p {
                display: table-cell;
                color: #797e81;
                text-align: center;
                vertical-align: middle;
            }

        .photo-editor .photo-editor-erea .photo-editor-editable {
            background: #f4f9fc;
        }

        .photo-editor .photo-editor-erea .browse {
            margin-left: 4px;
            color: #4c8033;
            cursor: pointer;
        }

            .photo-editor .photo-editor-erea .browse:hover {
                color: #62a442;
                text-decoration: underline;
            }

        .photo-editor .photo-editor-erea .photo-editor-toolbar {
            position: absolute;
            left: 50%;
            bottom: 16px;
            z-index: 2015;
            width: 256px;
            height: 32px;
            margin-left: -128px;
            background-color: rgba(88, 94, 97, 0.7);
            color: #f4f9fc;
        }

            .photo-editor .photo-editor-erea .photo-editor-toolbar .toolbar__button {
                float: left;
                display: block;
                width: 32px;
                height: 32px;
                border-width: 0;
                font-size: 14px;
                text-align: center;
                background-color: transparent;
                color: #f4f9fc;
                cursor: pointer;
            }

                .photo-editor .photo-editor-erea .photo-editor-toolbar .toolbar__button:focus {
                    outline: none;
                }

                .photo-editor .photo-editor-erea .photo-editor-toolbar .toolbar__button:hover {
                    background-color: #54575a;
                    color: #f4f9fc;
                }

        .photo-editor .photo-editor-erea .canvas {
            width: 100%;
            height: 100%;
        }

        .photo-editor .photo-editor-erea .editor {
            height: 100%;
            overflow: hidden;
        }

            .photo-editor .photo-editor-erea .editor > img {
                display: block;
                max-width: 100%;
                max-height: 100%;
                margin: auto;
                vertical-align: middle;
            }

    .photo-editor .footer {
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0;
        height: 50px;
        background-color: #e6eff3;
    }

        .photo-editor .footer .croping-size {
            color: #585e61;
            line-height: 50px;
        }

        .photo-editor .footer .menu {
            float: right;
        }

            .photo-editor .footer .menu .menu__button {
                float: left;
                display: block;
                width: 50px;
                height: 50px;
                border-width: 0;
                font-size: 16px;
                line-height: 50px;
                text-align: center;
                background-color: transparent;
                color: #585e61;
                cursor: pointer;
                transition: background .2s, color .2s;
            }

                .photo-editor .footer .menu .menu__button:focus {
                    outline: none;
                }

                .photo-editor .footer .menu .menu__button:hover {
                    background-color: #4c8033;
                    color: #f4f9fc;
                }

            .photo-editor .footer .menu .menu__button--success:hover {
                background-color: #3e5190;
                color: #f4f9fc;
            }

            .photo-editor .footer .menu .menu__button--danger:hover {
                background-color: #a53012;
                color: #f4f9fc;
            }

.cropper-container {
    font-size: 0;
    line-height: 0;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    direction: ltr;
    -ms-touch-action: none;
    touch-action: none;
}

    .cropper-container img {
        display: block;
        min-width: 0 !important;
        max-width: none !important;
        min-height: 0 !important;
        max-height: none !important;
        width: 100%;
        height: 100%;
        image-orientation: 0deg;
    }

.cropper-wrap-box,
.cropper-canvas,
.cropper-drag-box,
.cropper-crop-box,
.cropper-modal {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.cropper-wrap-box {
    overflow: hidden;
}

.cropper-drag-box {
    opacity: 0;
    background-color: #fff;
}

.cropper-modal {
    opacity: .5;
    background-color: #000;
}

.cropper-view-box {
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100%;
    outline: 1px solid #39f;
    outline-color: rgba(51, 153, 255, 0.75);
}

.cropper-dashed {
    position: absolute;
    display: block;
    opacity: .5;
    border: 0 dashed #eee;
}

    .cropper-dashed.dashed-h {
        top: 33.33333%;
        left: 0;
        width: 100%;
        height: 33.33333%;
        border-top-width: 1px;
        border-bottom-width: 1px;
    }

    .cropper-dashed.dashed-v {
        top: 0;
        left: 33.33333%;
        width: 33.33333%;
        height: 100%;
        border-right-width: 1px;
        border-left-width: 1px;
    }

.cropper-center {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 0;
    height: 0;
    opacity: .75;
}

    .cropper-center:before,
    .cropper-center:after {
        position: absolute;
        display: block;
        content: ' ';
        background-color: #eee;
    }

    .cropper-center:before {
        top: 0;
        left: -3px;
        width: 7px;
        height: 1px;
    }

    .cropper-center:after {
        top: -3px;
        left: 0;
        width: 1px;
        height: 7px;
    }

.cropper-face,
.cropper-line,
.cropper-point {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    opacity: .1;
}

.cropper-face {
    top: 0;
    left: 0;
    background-color: #fff;
}

.cropper-line {
    background-color: #39f;
}

    .cropper-line.line-e {
        top: 0;
        right: -3px;
        width: 5px;
        cursor: e-resize;
    }

    .cropper-line.line-n {
        top: -3px;
        left: 0;
        height: 5px;
        cursor: n-resize;
    }

    .cropper-line.line-w {
        top: 0;
        left: -3px;
        width: 5px;
        cursor: w-resize;
    }

    .cropper-line.line-s {
        bottom: -3px;
        left: 0;
        height: 5px;
        cursor: s-resize;
    }

.cropper-point {
    width: 5px;
    height: 5px;
    opacity: .75;
    background-color: #39f;
}

    .cropper-point.point-e {
        top: 50%;
        right: -3px;
        margin-top: -3px;
        cursor: e-resize;
    }

    .cropper-point.point-n {
        top: -3px;
        left: 50%;
        margin-left: -3px;
        cursor: n-resize;
    }

    .cropper-point.point-w {
        top: 50%;
        left: -3px;
        margin-top: -3px;
        cursor: w-resize;
    }

    .cropper-point.point-s {
        bottom: -3px;
        left: 50%;
        margin-left: -3px;
        cursor: s-resize;
    }

    .cropper-point.point-ne {
        top: -3px;
        right: -3px;
        cursor: ne-resize;
    }

    .cropper-point.point-nw {
        top: -3px;
        left: -3px;
        cursor: nw-resize;
    }

    .cropper-point.point-sw {
        bottom: -3px;
        left: -3px;
        cursor: sw-resize;
    }

    .cropper-point.point-se {
        right: -3px;
        bottom: -3px;
        width: 20px;
        height: 20px;
        cursor: se-resize;
        opacity: 1;
    }

@media (min-width: 768px) {
    .cropper-point.point-se {
        width: 15px;
        height: 15px;
    }
}

@media (min-width: 992px) {
    .cropper-point.point-se {
        width: 10px;
        height: 10px;
    }
}

@media (min-width: 1200px) {
    .cropper-point.point-se {
        width: 5px;
        height: 5px;
        opacity: .75;
    }
}

.cropper-point.point-se:before {
    position: absolute;
    right: -50%;
    bottom: -50%;
    display: block;
    width: 200%;
    height: 200%;
    content: ' ';
    opacity: 0;
    background-color: #39f;
}

.cropper-invisible {
    opacity: 0;
}

.cropper-bg {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC");
}

.cropper-hide {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
}

.cropper-hidden {
    display: none !important;
}

.cropper-move {
    cursor: move;
}

.cropper-crop {
    cursor: crosshair;
}

.cropper-disabled .cropper-drag-box,
.cropper-disabled .cropper-face,
.cropper-disabled .cropper-line,
.cropper-disabled .cropper-point {
    cursor: not-allowed;
}

/*!
 * @version: 1.2.0
 * @name: weather
 *
 * @author: https://themeforest.net/user/flexlayers
 */
/* body */
.weather-lg {
    margin: 0;
    overflow: hidden;
    /*-------------------
          body
    --------------------*/
}

    .weather-lg canvas.weather-bg {
        border-radius: 3px;
        position: absolute;
        left: 0;
        top: 0;
    }

    .weather-lg .panel-body {
        background: rgba(62, 81, 144, 0.12);
        position: relative;
    }

    .weather-lg .today {
        padding: 52px 40px 32px;
    }

        .weather-lg .today .day i {
            font-size: 3.42857rem;
        }

        .weather-lg .today .night i {
            font-size: 2.14286rem;
        }

        .weather-lg .today .weather-details {
            padding-top: 23px;
        }

            .weather-lg .today .weather-details i {
                text-align: center;
                margin-right: 2em;
                width: 1em;
            }

    .weather-lg .week-weather {
        padding: 20px 0;
        position: absolute;
        width: 100%;
        bottom: 0;
    }

        .weather-lg .week-weather i {
            text-align: center;
            margin-right: 1em;
            width: 1em;
        }

.weather-single {
    margin: 0;
    max-width: 100%;
    background: url("../img/skysingle.jpg") center left;
    background-size: cover;
    /*-------------------
          body
    --------------------*/
}

    .weather-single canvas.weather-bg {
        position: absolute;
        left: 0;
        top: 0;
    }

    .weather-single .panel-body {
        background: rgba(62, 81, 144, 0.12);
        position: relative;
    }

    .weather-single .today {
        padding: 2.5rem 0 2.5rem 2.5rem;
    }

        .weather-single .today .day i {
            font-size: 3.42857rem;
        }

        .weather-single .today .weather-details {
            position: absolute;
            bottom: 5px;
        }

            .weather-single .today .weather-details i {
                text-align: center;
                margin-right: 1em;
                width: 1em;
            }

/*!
 * @version: 1.2.0
 * @name: uploads
 *
 * @author: https://themeforest.net/user/flexlayers
 */
/*-------------------
       View
--------------------*/
/*-------------------
      Elements
--------------------*/
/* Drag Drop */
/* Upload list */
/*-------------------
        Dropzone
--------------------*/
/*******************************
          File Upload
*******************************/
.uploads {
    margin: 0;
    max-width: 100%;
    /*-------------------
          Drag Drop
    --------------------*/
    /*-------------------
         Upload list
    --------------------*/
}

    .uploads .drag-drop {
        height: 12em;
        padding: 4em 0;
        text-align: center;
        border: 2px dashed #dee4e8;
        background: #e6eff3;
        cursor: pointer;
    }

        .uploads .drag-drop * {
            font-weight: 100;
            color: #797e81;
        }

    .uploads ul.upload-list li {
        line-height: 50px;
        margin-bottom: 6px;
    }

    .uploads ul.upload-list .error {
        line-height: 1;
        margin-top: -3px;
        margin-bottom: 12px;
        display: block;
    }

    .uploads .upload-name {
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        margin-right: 1rem;
        overflow: hidden;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }

    .uploads .upload-details {
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .uploads .progress-circle {
        position: relative;
        width: 38px;
        line-height: 50px;
        height: 50px;
        display: inline-block;
        text-align: center;
        color: #797e81;
    }

        .uploads .progress-circle canvas {
            position: absolute;
            left: 0;
            top: 6px;
        }

    .uploads .remove-btn {
        margin-top: 5px;
    }

@-webkit-keyframes passing-through {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        transform: translateY(40px);
    }

    30%, 70% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-40px);
        transform: translateY(-40px);
    }
}

@keyframes passing-through {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        transform: translateY(40px);
    }

    30%, 70% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-40px);
        transform: translateY(-40px);
    }
}

@-webkit-keyframes slide-in {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        transform: translateY(40px);
    }

    30% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes slide-in {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        transform: translateY(40px);
    }

    30% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    10% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

    20% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

.dropzone, .dropzone * {
    box-sizing: border-box;
}

.dropzone {
    min-height: 12em;
    border: 2px dashed #dee4e8;
    background: #e6eff3;
    padding: 20px 20px;
}

    .dropzone.dz-clickable {
        cursor: pointer;
    }

        .dropzone.dz-clickable * {
            cursor: default;
        }

        .dropzone.dz-clickable .dz-message, .dropzone.dz-clickable .dz-message * {
            cursor: pointer;
            font-size: 1.71429rem;
            font-weight: 300;
            color: #797e81;
        }

    .dropzone.dz-started .dz-message {
        display: none;
    }

    .dropzone.dz-drag-hover {
        border-style: solid;
    }

        .dropzone.dz-drag-hover .dz-message {
            opacity: 0.5;
        }

    .dropzone .dz-message {
        text-align: center;
        margin: 2em 0;
    }

    .dropzone .dz-preview {
        position: relative;
        display: inline-block;
        vertical-align: top;
        margin: 16px;
        min-height: 100px;
    }

        .dropzone .dz-preview:hover {
            z-index: 1000;
        }

            .dropzone .dz-preview:hover .dz-details {
                opacity: 1;
            }

        .dropzone .dz-preview.dz-file-preview .dz-image {
            border-radius: 20px;
            background: #999;
            background: linear-gradient(to bottom, #eee, #ddd);
        }

        .dropzone .dz-preview.dz-file-preview .dz-details {
            opacity: 1;
        }

        .dropzone .dz-preview.dz-image-preview .dz-details {
            transition: opacity 0.2s linear;
        }

        .dropzone .dz-preview .dz-remove {
            font-size: 14px;
            text-align: center;
            display: block;
            cursor: pointer;
            border: none;
        }

            .dropzone .dz-preview .dz-remove:hover {
                text-decoration: underline;
            }

        .dropzone .dz-preview:hover .dz-details {
            opacity: 1;
        }

        .dropzone .dz-preview .dz-details {
            z-index: 20;
            position: absolute;
            top: 0;
            left: 0;
            opacity: 0;
            font-size: 13px;
            min-width: 100%;
            max-width: 100%;
            padding: 2em 1em;
            text-align: center;
            color: rgba(0, 0, 0, 0.9);
            line-height: 150%;
        }

            .dropzone .dz-preview .dz-details .dz-size {
                margin-bottom: 1em;
                font-size: 16px;
            }

            .dropzone .dz-preview .dz-details .dz-filename {
                white-space: nowrap;
            }

                .dropzone .dz-preview .dz-details .dz-filename:hover span {
                    border: 1px solid rgba(200, 200, 200, 0.8);
                    background-color: rgba(255, 255, 255, 0.8);
                }

                .dropzone .dz-preview .dz-details .dz-filename:not(:hover) {
                    overflow: hidden;
                    text-overflow: ellipsis;
                }

                    .dropzone .dz-preview .dz-details .dz-filename:not(:hover) span {
                        border: 1px solid transparent;
                    }

                .dropzone .dz-preview .dz-details .dz-filename span, .dropzone .dz-preview .dz-details .dz-size span {
                    background-color: rgba(255, 255, 255, 0.4);
                    padding: 0 0.4em;
                    border-radius: 3px;
                }

        .dropzone .dz-preview:hover .dz-image img {
            -webkit-transform: scale(1.05, 1.05);
            transform: scale(1.05, 1.05);
            -webkit-filter: blur(8px);
            filter: blur(8px);
        }

        .dropzone .dz-preview .dz-image {
            border-radius: 20px;
            overflow: hidden;
            width: 120px;
            height: 120px;
            position: relative;
            display: block;
            z-index: 10;
        }

            .dropzone .dz-preview .dz-image img {
                display: block;
            }

        .dropzone .dz-preview.dz-success .dz-success-mark {
            -webkit-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
            animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
        }

        .dropzone .dz-preview.dz-error .dz-error-mark {
            opacity: 1;
            -webkit-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
            animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
        }

        .dropzone .dz-preview .dz-success-mark, .dropzone .dz-preview .dz-error-mark {
            pointer-events: none;
            opacity: 0;
            z-index: 500;
            position: absolute;
            display: block;
            top: 50%;
            left: 50%;
            margin-left: -27px;
            margin-top: -27px;
        }

            .dropzone .dz-preview .dz-success-mark svg, .dropzone .dz-preview .dz-error-mark svg {
                display: block;
                width: 54px;
                height: 54px;
            }

        .dropzone .dz-preview.dz-processing .dz-progress {
            opacity: 1;
            transition: all 0.2s linear;
        }

        .dropzone .dz-preview.dz-complete .dz-progress {
            opacity: 0;
            transition: opacity 0.4s ease-in;
        }

        .dropzone .dz-preview:not(.dz-processing) .dz-progress {
            -webkit-animation: pulse 6s ease infinite;
            animation: pulse 6s ease infinite;
        }

        .dropzone .dz-preview .dz-progress {
            opacity: 1;
            z-index: 1000;
            pointer-events: none;
            position: absolute;
            height: 16px;
            left: 50%;
            top: 50%;
            margin-top: -8px;
            width: 80px;
            margin-left: -40px;
            background: rgba(255, 255, 255, 0.9);
            -webkit-transform: scale(1);
            border-radius: 8px;
            overflow: hidden;
        }

            .dropzone .dz-preview .dz-progress .dz-upload {
                background: #333;
                background: linear-gradient(to bottom, #666, #444);
                position: absolute;
                top: 0;
                left: 0;
                bottom: 0;
                width: 0;
                transition: width 300ms ease-in-out;
            }

        .dropzone .dz-preview.dz-error .dz-error-message {
            display: block;
        }

        .dropzone .dz-preview.dz-error:hover .dz-error-message {
            opacity: 1;
            pointer-events: auto;
        }

        .dropzone .dz-preview .dz-error-message {
            pointer-events: none;
            z-index: 1000;
            position: absolute;
            display: none;
            opacity: 0;
            transition: opacity 0.3s ease;
            border-radius: 8px;
            font-size: 13px;
            top: 130px;
            left: -10px;
            width: 140px;
            background: #a53012;
            background: linear-gradient(to bottom, #a53012, #8e290f);
            padding: 0.5em 1.2em;
            color: white;
        }

            .dropzone .dz-preview .dz-error-message:after {
                content: '';
                position: absolute;
                top: -6px;
                left: 64px;
                width: 0;
                height: 0;
                border-left: 6px solid transparent;
                border-right: 6px solid transparent;
                border-bottom: 6px solid #a53012;
            }

/*!
 * @version: 1.2.0
 * @name: project
 *
 * @author: https://themeforest.net/user/flexlayers
 */
.project-list > .item {
    padding-left: 2rem;
    padding-right: 2rem;
}

    .project-list > .item::after {
        display: block;
        clear: both;
        content: "";
    }

    .project-list > .item .content {
        width: calc( 100% - 50px - 3rem);
        display: inline-block !important;
        padding-right: 2rem;
        padding-left: 2rem;
    }

        .project-list > .item .content .header {
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
        }

    .project-list > .item .image {
        display: inline-block;
        float: left;
        margin-right: 0;
        text-align: center;
        height: 50px;
        line-height: 50px;
        font-size: 1.71429rem;
        color: #bbc0cc;
        background: #353b4a;
    }

    .project-list > .item .controls {
        position: absolute;
        right: 0rem;
        top: 1rem;
    }

        .project-list > .item .controls .priority {
            width: 10px;
            height: 10px;
            border-radius: 10em;
            display: inline-block;
            margin: 0 1rem 1px 0;
        }

        .project-list > .item .controls .project-list-more {
            color: #797e81;
        }

.project-task-list .controls {
    position: absolute;
    right: 0rem;
    top: 1rem;
}

    .project-task-list .controls .priority {
        width: 10px;
        height: 10px;
        border-radius: 10em;
        display: inline-block;
        margin: 0 1rem 1px 0;
    }

    .project-task-list .controls .project-list-more {
        color: #797e81;
    }

.project-task-list > .item {
    padding-right: 2rem;
    padding-left: 2rem;
    cursor: pointer;
}

.panel-wrap[max-width~="732px"] .project-task-list > .item,
.panel-wrap[max-width~="732px"] .project-list > .item {
    padding-right: 1.3rem;
    padding-left: 1.3rem;
}

.project-task-header {
    width: calc( 100% - 3.5rem);
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.project-header span.project-date {
    white-space: nowrap;
}

.project-header .list.horizontal.participant .item {
    margin: 0 -1.3rem 0 0;
    line-height: 48px;
    padding: 0;
    cursor: pointer;
}

    .project-header .list.horizontal.participant .item .image {
        width: 50px;
        height: 50px;
        color: #797e81;
        text-align: center;
        background: #f4f9fc;
        border: 2px solid #e6eff3;
        margin: 0;
        transition: color .3s;
    }

        .project-header .list.horizontal.participant .item .image:hover {
            color: #585e61;
        }

    .project-header .list.horizontal.participant .item img.image + span {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        color: #f4f9fc;
        cursor: pointer;
        z-index: 1;
        background: rgba(88, 94, 97, 0.9);
        opacity: 0;
        transition: opacity .3s;
        text-align: center;
        border-radius: 100rem;
    }

        .project-header .list.horizontal.participant .item img.image + span:hover {
            opacity: 1;
        }

.team-members-list.list .item .image {
    margin-right: 0;
    width: 45px;
}

.team-members-list.list .item .header {
    line-height: 1;
    margin-bottom: .5rem;
}

.team-members-list.list .item .controls {
    position: absolute;
    right: 0;
    top: 20px;
}

/*!
 * @version: 1.2.0
 * @name: bootstrap-table
 *
 * @author: https://themeforest.net/user/flexlayers
 */
.bootstrap-table {
    /* calculate scrollbar width */
}

    .bootstrap-table .with-filter-controls .fht-cell {
        height: 102px;
        margin-top: 5px;
        border-top: 1px solid #e7edf0;
        padding: 1rem 1rem 0;
    }

    .bootstrap-table .with-filter-controls .detail .fht-cell {
        margin-top: 59px;
    }

    .bootstrap-table .with-filter-controls .bs-checkbox .fht-cell {
        margin-top: -3px;
    }

    .bootstrap-table .table {
        margin-bottom: 0 !important;
        border-bottom: 1px solid #dee4e8;
        border-collapse: collapse !important;
    }

        .bootstrap-table .table thead > tr > th {
            padding: 0;
            margin: 0;
        }

        .bootstrap-table .table:not(.table-condensed) {
            border-bottom-width: 0;
        }

            .bootstrap-table .table:not(.table-condensed),
            .bootstrap-table .table:not(.table-condensed) > tbody > tr > th,
            .bootstrap-table .table:not(.table-condensed) > tfoot > tr > th,
            .bootstrap-table .table:not(.table-condensed) > thead > tr > td,
            .bootstrap-table .table:not(.table-condensed) > tbody > tr > td,
            .bootstrap-table .table:not(.table-condensed) > tfoot > tr > td {
                padding: 9px 1rem;
                vertical-align: middle;
            }

                .bootstrap-table .table:not(.table-condensed) > tbody > tr.groupBy {
                    cursor: pointer;
                    background-color: #cce8ea;
                }

                    .bootstrap-table .table:not(.table-condensed) > tbody > tr.groupBy > td {
                        padding: 10px 1rem 10px;
                    }

                .bootstrap-table .table:not(.table-condensed) > tbody tr.hidden {
                    display: none;
                }

    .bootstrap-table .fixed-table-footer,
    .bootstrap-table .fixed-table-header {
        overflow: hidden;
    }

    .bootstrap-table .fixed-table-footer {
        border-top: 1px solid #dee4e8;
    }

    .bootstrap-table .fixed-table-loading {
        font-size: 1.14286rem;
        display: none;
        position: absolute;
        top: 42px;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 99;
        background-color: #f4f9fc;
        text-align: center;
    }

    .bootstrap-table .fixed-table-body {
        position: relative;
        overflow-x: auto;
        overflow-y: auto;
        height: 100%;
    }

        .bootstrap-table .fixed-table-body .card-view .title {
            font-weight: bold;
            display: inline-block;
            min-width: 30%;
            text-align: left !important;
        }

        .bootstrap-table .fixed-table-body .card-view .value {
            display: inline-block;
        }

        .bootstrap-table .fixed-table-body .card-view {
            margin-bottom: 1.2rem;
        }

            .bootstrap-table .fixed-table-body .card-view:last-child {
                margin-bottom: 0;
            }

            .bootstrap-table .fixed-table-body .card-view .custom-control.custom-checkbox {
                margin-left: 0;
            }

            .bootstrap-table .fixed-table-body .card-view .bootstrap-touchspin {
                margin: 0;
            }

    .bootstrap-table .card-view-no-edit .card-view:last-child {
        display: none;
    }

    .bootstrap-table .fixed-table-toolbar {
        margin-bottom: 1em;
    }

        .bootstrap-table .fixed-table-toolbar .columns-left {
            margin-right: 1rem;
        }

        .bootstrap-table .fixed-table-toolbar .columns-right {
            margin-left: 1rem;
        }

        .bootstrap-table .fixed-table-toolbar .bs-bars,
        .bootstrap-table .fixed-table-toolbar .search,
        .bootstrap-table .fixed-table-toolbar .columns {
            position: relative;
            margin-bottom: 10px;
        }

    .bootstrap-table .fixed-table-container {
        position: relative;
        clear: both;
        border-radius: 0;
    }

        .bootstrap-table .fixed-table-container table {
            width: 100%;
        }

            .bootstrap-table .fixed-table-container table th,
            .bootstrap-table .fixed-table-container table td {
                vertical-align: middle;
            }

        .bootstrap-table .fixed-table-container thead th:focus {
            outline: 0 solid transparent;
        }

        .bootstrap-table .fixed-table-container thead th .th-inner,
        .bootstrap-table .fixed-table-container tbody td .th-inner {
            padding: 9px 8px;
            line-height: 1;
            vertical-align: top;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .bootstrap-table .fixed-table-container thead th .sortable {
            cursor: pointer;
            background-position: right;
            background-repeat: no-repeat;
            padding-right: 30px !important;
            display: inline-block;
        }

        .bootstrap-table .fixed-table-container thead th .both {
            background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAQAAADYWf5HAAAAkElEQVQoz7X QMQ5AQBCF4dWQSJxC5wwax1Cq1e7BAdxD5SL+Tq/QCM1oNiJidwox0355mXnG/DrEtIQ6azioNZQxI0ykPhTQIwhCR+BmBYtlK7kLJYwWCcJA9M4qdrZrd8pPjZWPtOqdRQy320YSV17OatFC4euts6z39GYMKRPCTKY9UnPQ6P+GtMRfGtPnBCiqhAeJPmkqAAAAAElFTkSuQmCC");
        }

        .bootstrap-table .fixed-table-container thead th .asc {
            background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAAZ0lEQVQ4y2NgGLKgquEuFxBPAGI2ahhWCsS/gDibUoO0gPgxEP8H4ttArEyuQYxAPBdqEAxPBImTY5gjEL9DM+wTENuQahAvEO9DMwiGdwAxOymGJQLxTyD+jgWDxCMZRsEoGAVoAADeemwtPcZI2wAAAABJRU5ErkJggg==");
        }

        .bootstrap-table .fixed-table-container thead th .desc {
            background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAAZUlEQVQ4y2NgGAWjYBSggaqGu5FA/BOIv2PBIPFEUgxjB+IdQPwfC94HxLykus4GiD+hGfQOiB3J8SojEE9EM2wuSJzcsFMG4ttQgx4DsRalkZENxL+AuJQaMcsGxBOAmGvopk8AVz1sLZgg0bsAAAAASUVORK5CYII= ");
        }

        .bootstrap-table .fixed-table-container th.detail {
            width: 30px;
        }

        .bootstrap-table .fixed-table-container tbody .selected td {
            background-color: #e6eff3;
        }

        .bootstrap-table .fixed-table-container .bs-checkbox {
            text-align: center;
            padding: 0;
        }

            .bootstrap-table .fixed-table-container .bs-checkbox .th-inner {
                padding: 8px 0;
            }

        .bootstrap-table .fixed-table-container input[type="radio"],
        .bootstrap-table .fixed-table-container input[type="checkbox"] {
            margin: 0 auto !important;
        }

        .bootstrap-table .fixed-table-container .no-records-found {
            text-align: center;
        }

    .bootstrap-table .fixed-table-pagination {
        border-top: 1px solid #ddd;
        padding-top: 1em;
    }

        .bootstrap-table .fixed-table-pagination li.disabled a {
            pointer-events: none;
            cursor: default;
        }

        .bootstrap-table .fixed-table-pagination .pagination-detail .btn-group {
            margin: 0 .5rem;
        }

        .bootstrap-table .fixed-table-pagination div.pagination,
        .bootstrap-table .fixed-table-pagination .pagination-detail {
            margin-top: 10px;
            margin-bottom: 0;
        }

            .bootstrap-table .fixed-table-pagination div.pagination .pagination {
                margin: 0;
            }

        .bootstrap-table .fixed-table-pagination .pagination a {
            padding: .5rem .9rem;
            color: #797e81;
            line-height: 1.428571429;
            margin: 0 0.1rem;
            min-width: 38px;
            text-align: center;
        }

        .bootstrap-table .fixed-table-pagination .pagination-info {
            line-height: 34px;
            margin-right: 5px;
        }

        .bootstrap-table .fixed-table-pagination .btn-group {
            position: relative;
            display: inline-block;
            vertical-align: middle;
        }

        .bootstrap-table .fixed-table-pagination .dropup .dropdown-menu, .bootstrap-table .fixed-table-pagination .dropup .ui.select-dropdown .menu, .ui.select-dropdown .bootstrap-table .fixed-table-pagination .dropup .menu {
            margin-bottom: 0;
        }

        .bootstrap-table .fixed-table-pagination .page-list {
            display: inline-block;
        }

        .bootstrap-table .fixed-table-toolbar:after,
        .bootstrap-table .fixed-table-pagination:after {
            content: "";
            display: block;
            clear: both;
        }

    .bootstrap-table .detail-icon {
        line-height: 1.71429;
    }

    .bootstrap-table .bootstrap-touchspin {
        width: 156px;
        margin: 0 auto;
    }

    .bootstrap-table .pull-right .dropdown-menu, .bootstrap-table .pull-right .ui.select-dropdown .menu, .ui.select-dropdown .bootstrap-table .pull-right .menu {
        right: 0;
        left: auto;
    }

    .bootstrap-table .custom-control {
        margin-left: 1rem;
        vertical-align: middle;
    }

    .bootstrap-table .dropdown-menu [role='menuitem'], .bootstrap-table .ui.select-dropdown .menu [role='menuitem'], .ui.select-dropdown .bootstrap-table .menu [role='menuitem'] {
        line-height: 1.57143;
        position: relative;
    }

        .bootstrap-table .dropdown-menu [role='menuitem'] a, .bootstrap-table .ui.select-dropdown .menu [role='menuitem'] a, .ui.select-dropdown .bootstrap-table .menu [role='menuitem'] a {
            color: #585e61;
        }

        .bootstrap-table .dropdown-menu [role='menuitem'] label, .bootstrap-table .ui.select-dropdown .menu [role='menuitem'] label, .ui.select-dropdown .bootstrap-table .menu [role='menuitem'] label {
            margin: .1em 0 0;
            padding-left: 2.3rem;
            width: 100%;
        }

        .bootstrap-table .dropdown-menu [role='menuitem'] a:after, .bootstrap-table .ui.select-dropdown .menu [role='menuitem'] a:after, .ui.select-dropdown .bootstrap-table .menu [role='menuitem'] a:after {
            display: block;
            content: '';
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            cursor: pointer;
        }

    .bootstrap-table .table-user-image {
        width: 55px;
        height: 55px;
        text-align: center;
        line-height: 55px;
        background: #eef6f8;
        border-radius: 10rem;
        display: inline-block;
        font-size: 1.28571rem;
    }

    .bootstrap-table .editable-click, .bootstrap-table a.editable-click, .bootstrap-table a.editable-click:hover {
        border-bottom-color: #3a8586;
    }

    .bootstrap-table p.fixed-table-scroll-inner {
        width: 100%;
        height: 200px;
    }

    .bootstrap-table div.fixed-table-scroll-outer {
        top: 0;
        left: 0;
        visibility: hidden;
        width: 200px;
        height: 150px;
        overflow: hidden;
    }

.page-size-table .bootstrap-table .fixed-table-body {
    min-height: 700px;
}

.page-size-table .bootstrap-table .table:not(.table-condensed) {
    border-bottom-width: 0;
}

    .page-size-table .bootstrap-table .table:not(.table-condensed),
    .page-size-table .bootstrap-table .table:not(.table-condensed) > tbody > tr > th,
    .page-size-table .bootstrap-table .table:not(.table-condensed) > tfoot > tr > th,
    .page-size-table .bootstrap-table .table:not(.table-condensed) > thead > tr > td,
    .page-size-table .bootstrap-table .table:not(.table-condensed) > tbody > tr > td,
    .page-size-table .bootstrap-table .table:not(.table-condensed) > tfoot > tr > td {
        padding: 16px 1rem;
    }

.page-size-table .bootstrap-table .fixed-table-container thead th .th-inner,
.page-size-table .bootstrap-table .fixed-table-container tbody td .th-inner {
    padding: 20px 8px;
}

.panel-wrap[max-width~="880px"] .fixed-table-toolbar .btn {
    padding: .55rem 1.1rem !important;
}

.panel-wrap[max-width~="880px"] .fixed-table-toolbar .search {
    float: none;
}

.panel-wrap[max-width~="732px"] .fixed-table-toolbar .bs-bars,
.panel-wrap[max-width~="732px"] .fixed-table-toolbar .columns,
.panel-wrap[max-width~="732px"] .fixed-table-toolbar .search {
    float: none;
    margin-left: 0;
    margin-right: 0;
}

.panel-wrap[max-width~="732px"] .fixed-table-pagination .pagination-detail,
.panel-wrap[max-width~="732px"] .fixed-table-pagination .pagination {
    float: none;
}

    .panel-wrap[max-width~="732px"] .fixed-table-pagination .pagination-detail,
    .panel-wrap[max-width~="732px"] .fixed-table-pagination .pagination .pagination {
        text-align: center;
        margin: 0 auto;
    }

        .panel-wrap[max-width~="732px"] .fixed-table-pagination .pagination-detail a,
        .panel-wrap[max-width~="732px"] .fixed-table-pagination .pagination .pagination a {
            padding: .5rem 0.7rem;
        }

@media (max-width: 575px) {
    .bootstrap-table .fixed-table-body .card-view .title {
        min-width: 100%;
    }

    .bootstrap-table .fixed-table-body .card-view .custom-control {
        margin-left: 0;
    }
}

@media (max-width: 991px) {
    .bootstrap-table .fixed-table-toolbar .search {
        float: none;
        margin-left: 0;
        margin-right: 0;
    }
}

@media (max-width: 767px) {
    .bootstrap-table .fixed-table-toolbar .bs-bars,
    .bootstrap-table .fixed-table-toolbar .columns,
    .bootstrap-table .fixed-table-toolbar .search {
        float: none;
        margin-left: 0;
        margin-right: 0;
    }
}

/*!
 * @version: 1.2.0
 * @name: Adapted FullCalendar plugin
 *
 * @author: https://themeforest.net/user/flexlayers
 */
/*!
 * FullCalendar v3.2.0 Stylesheet
 * Docs & License: https://fullcalendar.io/
 * (c) 2017 Adam Shaw
 */
.fc {
    direction: ltr;
    text-align: left;
}

.fc-rtl {
    text-align: right;
}

body .fc {
    /* extra precedence to overcome jqui */
    font-size: 1em;
}

/* Colors
--------------------------------------------------------------------------------------------------*/
.fc-unthemed th,
.fc-unthemed td,
.fc-unthemed thead,
.fc-unthemed tbody,
.fc-unthemed .fc-divider,
.fc-unthemed .fc-row,
.fc-unthemed .fc-content,
.fc-unthemed .fc-popover,
.fc-unthemed .fc-list-view,
.fc-unthemed .fc-list-heading td {
    border-color: #ddd;
}

.fc-unthemed .fc-popover {
    background-color: #fff;
}

    .fc-unthemed .fc-divider,
    .fc-unthemed .fc-popover .fc-header,
    .fc-unthemed .fc-list-heading td {
        background: #eee;
    }

        .fc-unthemed .fc-popover .fc-header .fc-close {
            color: #666;
        }

.fc-unthemed td.fc-today {
    background: #fcf8e3;
}

.fc-highlight {
    /* when user is selecting cells */
    background: #bce8f1;
    opacity: .3;
}

.fc-bgevent {
    /* default look for background events */
    background: #8fdf82;
    opacity: .3;
}

.fc-nonbusiness {
    /* default look for non-business-hours areas */
    /* will inherit .fc-bgevent's styles */
    background: #d7d7d7;
}

/* Icons (inline elements with styled text that mock arrow icons)
--------------------------------------------------------------------------------------------------*/
.fc-icon {
    display: inline-block;
    height: 1em;
    line-height: 1em;
    font-size: 1em;
    text-align: center;
    overflow: hidden;
    font-family: "Courier New", Courier, monospace;
    /* don't allow browser text-selection */
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    /*
Acceptable font-family overrides for individual icons:
	"Arial", sans-serif
	"Times New Roman", serif

NOTE: use percentage font sizes or else old IE chokes
*/
    .fc-icon:after {
        position: relative;
    }

.fc-icon-left-single-arrow:after {
    content: "\02039";
    font-weight: bold;
    font-size: 200%;
    top: -7%;
}

.fc-icon-right-single-arrow:after {
    content: "\0203A";
    font-weight: bold;
    font-size: 200%;
    top: -7%;
}

.fc-icon-left-double-arrow:after {
    content: "\000AB";
    font-size: 160%;
    top: -7%;
}

.fc-icon-right-double-arrow:after {
    content: "\000BB";
    font-size: 160%;
    top: -7%;
}

.fc-icon-left-triangle:after {
    content: "\25C4";
    font-size: 125%;
    top: 3%;
}

.fc-icon-right-triangle:after {
    content: "\25BA";
    font-size: 125%;
    top: 3%;
}

.fc-icon-down-triangle:after {
    content: "\25BC";
    font-size: 125%;
    top: 2%;
}

.fc-icon-x:after {
    content: "\000D7";
    font-size: 200%;
    top: 6%;
}

/* Buttons (styled <button> tags, normalized to work cross-browser)
--------------------------------------------------------------------------------------------------*/
.fc button {
    /* force height to include the border and padding */
    box-sizing: border-box;
    /* dimensions */
    /*margin: 0;
	height: 2.1em;
	padding: 0 .6em;*/
    /* text & cursor */
    font-size: 1em;
    /* normalize */
    white-space: nowrap;
    cursor: pointer;
}

    /* Firefox has an annoying inner border */
    .fc button::-moz-focus-inner {
        margin: 0;
        padding: 0;
    }

.fc-state-default {
    /* non-theme */
    border: 1px solid;
}

    .fc-state-default.fc-corner-left {
        /* non-theme */
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
    }

    .fc-state-default.fc-corner-right {
        /* non-theme */
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
    }

/* icons in buttons */
.fc button .fc-icon {
    /* non-theme */
    position: relative;
    top: -0.05em;
    /* seems to be a good adjustment across browsers */
    margin: 0 .2em;
    vertical-align: middle;
}

/*
  button states
  borrowed from twitter bootstrap (http://twitter.github.com/bootstrap/)
*/
.fc-state-default {
    background-color: #f5f5f5;
    background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
    background-repeat: repeat-x;
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    color: #333;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.fc-state-hover,
.fc-state-down,
.fc-state-active,
.fc-state-disabled {
    color: #383e41;
    background-color: #e6eff3;
}

.fc-state-hover {
    color: #383e41;
    text-decoration: none;
    background-position: 0 -15px;
    transition: background-position 0.1s linear;
}

.fc-state-down,
.fc-state-active {
    background-color: #e3e3e3 !important;
    background-image: none;
    /*box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);*/
}

.fc-state-disabled {
    cursor: default;
    background-image: none;
    opacity: 0.65;
    box-shadow: none;
}

/* Buttons Groups
--------------------------------------------------------------------------------------------------*/
.fc-button-group {
    display: inline-block;
}

/*
every button that is not first in a button group should scootch over one pixel and cover the
previous button's border...
*/
.fc .fc-button-group > * {
    /* extra precedence b/c buttons have margin set to zero */
    float: left;
    margin: 0 0 0 -1px;
}

.fc .fc-button-group > :first-child {
    /* same */
    margin-left: 0;
}

/* Popover
--------------------------------------------------------------------------------------------------*/
.fc-popover {
    position: absolute;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}

    .fc-popover .fc-header {
        /* TODO: be more consistent with fc-head/fc-body */
        padding: 2px 4px;
    }

        .fc-popover .fc-header .fc-title {
            margin: 0 2px;
        }

        .fc-popover .fc-header .fc-close {
            cursor: pointer;
        }

.fc-ltr .fc-popover .fc-header .fc-title,
.fc-rtl .fc-popover .fc-header .fc-close {
    float: left;
}

.fc-rtl .fc-popover .fc-header .fc-title,
.fc-ltr .fc-popover .fc-header .fc-close {
    float: right;
}

/* unthemed */
.fc-unthemed .fc-popover {
    border-width: 1px;
    border-style: solid;
}

    .fc-unthemed .fc-popover .fc-header .fc-close {
        font-size: .9em;
        margin-top: 2px;
    }

/* jqui themed */
.fc-popover > .ui-widget-header + .ui-widget-content {
    border-top: 0;
    /* where they meet, let the header have the border */
}

/* Misc Reusable Components
--------------------------------------------------------------------------------------------------*/
.fc-divider {
    border-style: solid;
    border-width: 1px;
}

hr.fc-divider {
    height: 0;
    margin: 0;
    padding: 0 0 2px;
    /* height is unreliable across browsers, so use padding */
    border-width: 1px 0;
}

.fc-clear {
    clear: both;
}

.fc-bg,
.fc-bgevent-skeleton,
.fc-highlight-skeleton,
.fc-helper-skeleton {
    /* these element should always cling to top-left/right corners */
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

.fc-bg {
    bottom: 0;
    /* strech bg to bottom edge */
}

    .fc-bg table {
        height: 100%;
        /* strech bg to bottom edge */
    }

/* Tables
--------------------------------------------------------------------------------------------------*/
.fc table {
    width: 100%;
    box-sizing: border-box;
    /* fix scrollbar issue in firefox */
    table-layout: fixed;
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 1em;
    /* normalize cross-browser */
}

.fc th {
    text-align: center;
}

.fc th,
.fc td {
    border-style: solid;
    border-width: 1px;
    padding: 0;
    vertical-align: top;
}

    .fc td.fc-today {
        border-style: double;
        /* overcome neighboring borders */
    }

/* Internal Nav Links
--------------------------------------------------------------------------------------------------*/
a[data-goto] {
    cursor: pointer;
}

    a[data-goto]:hover {
        text-decoration: underline;
    }

/* Fake Table Rows
--------------------------------------------------------------------------------------------------*/
.fc .fc-row {
    /* extra precedence to overcome themes w/ .ui-widget-content forcing a 1px border */
    /* no visible border by default. but make available if need be (scrollbar width compensation) */
    border-style: solid;
    border-width: 0;
}

.fc-row table {
    /* don't put left/right border on anything within a fake row.
	   the outer tbody will worry about this */
    border-left: 0 hidden transparent;
    border-right: 0 hidden transparent;
    /* no bottom borders on rows */
    border-bottom: 0 hidden transparent;
}

.fc-row:first-child table {
    border-top: 0 hidden transparent;
    /* no top border on first row */
}

/* Day Row (used within the header and the DayGrid)
--------------------------------------------------------------------------------------------------*/
.fc-row {
    position: relative;
}

    .fc-row .fc-bg {
        z-index: 1;
    }

    /* highlighting cells & background event skeleton */
    .fc-row .fc-bgevent-skeleton,
    .fc-row .fc-highlight-skeleton {
        bottom: 0;
        /* stretch skeleton to bottom of row */
    }

        .fc-row .fc-bgevent-skeleton table,
        .fc-row .fc-highlight-skeleton table {
            height: 100%;
            /* stretch skeleton to bottom of row */
        }

        .fc-row .fc-highlight-skeleton td,
        .fc-row .fc-bgevent-skeleton td {
            border-color: transparent;
        }

    .fc-row .fc-bgevent-skeleton {
        z-index: 2;
    }

    .fc-row .fc-highlight-skeleton {
        z-index: 3;
    }

    /*
row content (which contains day/week numbers and events) as well as "helper" (which contains
temporary rendered events).
*/
    .fc-row .fc-content-skeleton {
        position: relative;
        z-index: 4;
        padding-bottom: 2px;
        /* matches the space above the events */
    }

    .fc-row .fc-helper-skeleton {
        z-index: 5;
    }

        .fc-row .fc-content-skeleton td,
        .fc-row .fc-helper-skeleton td {
            /* see-through to the background below */
            background: none;
            /* in case <td>s are globally styled */
            border-color: transparent;
            /* don't put a border between events and/or the day number */
            border-bottom: 0;
        }

        .fc-row .fc-content-skeleton tbody td,
        .fc-row .fc-helper-skeleton tbody td {
            /* don't put a border between event cells */
            border-top: 0;
        }

/* Scrolling Container
--------------------------------------------------------------------------------------------------*/
.fc-scroller {
    -webkit-overflow-scrolling: touch;
}

    /* TODO: move to agenda/basic */
    .fc-scroller > .fc-day-grid,
    .fc-scroller > .fc-time-grid {
        position: relative;
        /* re-scope all positions */
        width: 100%;
        /* hack to force re-sizing this inner element when scrollbars appear/disappear */
    }

/* Global Event Styles
--------------------------------------------------------------------------------------------------*/
.fc-event {
    position: relative;
    /* for resize handle and other inner positioning */
    display: block;
    /* make the <a> tag block */
    font-size: .85em;
    line-height: 1.3;
    border-radius: 3px;
    border: 1px solid #3a87ad;
    /* default BORDER color */
    font-weight: normal;
    /* undo jqui's ui-widget-header bold */
}

.fc-event,
.fc-event-dot {
    background-color: #3a87ad;
    /* default BACKGROUND color */
}

    /* overpower some of bootstrap's and jqui's styles on <a> tags */
    .fc-event,
    .fc-event:hover,
    .ui-widget .fc-event {
        color: #fff;
        /* default TEXT color */
        text-decoration: none;
        /* if <a> has an href */
    }

        .fc-event[href],
        .fc-event.fc-draggable {
            cursor: pointer;
            /* give events with links and draggable events a hand mouse pointer */
        }

.fc-not-allowed,
.fc-not-allowed .fc-event {
    /* to override an event's custom cursor */
    cursor: not-allowed;
}

.fc-event .fc-bg {
    /* the generic .fc-bg already does position */
    z-index: 1;
    background: #fff;
    opacity: .25;
}

.fc-event .fc-content {
    position: relative;
    z-index: 2;
}

/* resizer (cursor AND touch devices) */
.fc-event .fc-resizer {
    position: absolute;
    z-index: 4;
}

/* resizer (touch devices) */
.fc-event .fc-resizer {
    display: none;
}

.fc-event.fc-allow-mouse-resize .fc-resizer,
.fc-event.fc-selected .fc-resizer {
    /* only show when hovering or selected (with touch) */
    display: block;
}

    /* hit area */
    .fc-event.fc-selected .fc-resizer:before {
        /* 40x40 touch area */
        content: "";
        position: absolute;
        z-index: 9999;
        /* user of this util can scope within a lower z-index */
        top: 50%;
        left: 50%;
        width: 40px;
        height: 40px;
        margin-left: -20px;
        margin-top: -20px;
    }

/* Event Selection (only for touch devices)
--------------------------------------------------------------------------------------------------*/
.fc-event.fc-selected {
    z-index: 9999 !important;
    /* overcomes inline z-index */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

    .fc-event.fc-selected.fc-dragging {
        box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3);
    }

/* Horizontal Events
--------------------------------------------------------------------------------------------------*/
/* bigger touch area when selected */
.fc-h-event.fc-selected:before {
    content: "";
    position: absolute;
    z-index: 3;
    /* below resizers */
    top: -10px;
    bottom: -10px;
    left: 0;
    right: 0;
}

/* events that are continuing to/from another week. kill rounded corners and butt up against edge */
.fc-ltr .fc-h-event.fc-not-start,
.fc-rtl .fc-h-event.fc-not-end {
    margin-left: 0;
    border-left-width: 0;
    padding-left: 1px;
    /* replace the border with padding */
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.fc-ltr .fc-h-event.fc-not-end,
.fc-rtl .fc-h-event.fc-not-start {
    margin-right: 0;
    border-right-width: 0;
    padding-right: 1px;
    /* replace the border with padding */
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

/* resizer (cursor AND touch devices) */
/* left resizer  */
.fc-ltr .fc-h-event .fc-start-resizer,
.fc-rtl .fc-h-event .fc-end-resizer {
    cursor: w-resize;
    left: -1px;
    /* overcome border */
}

/* right resizer */
.fc-ltr .fc-h-event .fc-end-resizer,
.fc-rtl .fc-h-event .fc-start-resizer {
    cursor: e-resize;
    right: -1px;
    /* overcome border */
}

/* resizer (mouse devices) */
.fc-h-event.fc-allow-mouse-resize .fc-resizer {
    width: 7px;
    top: -1px;
    /* overcome top border */
    bottom: -1px;
    /* overcome bottom border */
}

/* resizer (touch devices) */
.fc-h-event.fc-selected .fc-resizer {
    /* 8x8 little dot */
    border-radius: 4px;
    border-width: 1px;
    width: 6px;
    height: 6px;
    border-style: solid;
    border-color: inherit;
    background: #fff;
    /* vertically center */
    top: 50%;
    margin-top: -4px;
}

/* left resizer  */
.fc-ltr .fc-h-event.fc-selected .fc-start-resizer,
.fc-rtl .fc-h-event.fc-selected .fc-end-resizer {
    margin-left: -4px;
    /* centers the 8x8 dot on the left edge */
}

/* right resizer */
.fc-ltr .fc-h-event.fc-selected .fc-end-resizer,
.fc-rtl .fc-h-event.fc-selected .fc-start-resizer {
    margin-right: -4px;
    /* centers the 8x8 dot on the right edge */
}

/* DayGrid events
----------------------------------------------------------------------------------------------------
We use the full "fc-day-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/
.fc-day-grid-event {
    margin: 1px 2px 0;
    /* spacing between events and edges */
    padding: 0 1px;
}

tr:first-child > td > .fc-day-grid-event {
    margin-top: 2px;
    /* a little bit more space before the first event */
}

.fc-day-grid-event.fc-selected:after {
    content: "";
    position: absolute;
    z-index: 1;
    /* same z-index as fc-bg, behind text */
    /* overcome the borders */
    top: -1px;
    right: -1px;
    bottom: -1px;
    left: -1px;
    /* darkening effect */
    background: #000;
    opacity: .25;
}

.fc-day-grid-event .fc-content {
    /* force events to be one-line tall */
    white-space: nowrap;
    overflow: hidden;
}

.fc-day-grid-event .fc-time {
    font-weight: bold;
}

/* resizer (cursor devices) */
/* left resizer  */
.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer,
.fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer {
    margin-left: -2px;
    /* to the day cell's edge */
}

/* right resizer */
.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer,
.fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer {
    margin-right: -2px;
    /* to the day cell's edge */
}

/* Event Limiting
--------------------------------------------------------------------------------------------------*/
/* "more" link that represents hidden events */
a.fc-more {
    margin: 1px 3px;
    font-size: .85em;
    cursor: pointer;
    text-decoration: none;
}

    a.fc-more:hover {
        text-decoration: underline;
    }

.fc-limited {
    /* rows and cells that are hidden because of a "more" link */
    display: none;
}

/* popover that appears when "more" link is clicked */
.fc-day-grid .fc-row {
    z-index: 1;
    /* make the "more" popover one higher than this */
}

.fc-more-popover {
    z-index: 2;
    width: 220px;
}

    .fc-more-popover .fc-event-container {
        padding: 10px;
    }

/* Now Indicator
--------------------------------------------------------------------------------------------------*/
.fc-now-indicator {
    position: absolute;
    border: 0 solid red;
}

/* Utilities
--------------------------------------------------------------------------------------------------*/
.fc-unselectable {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
}

/* Toolbar
--------------------------------------------------------------------------------------------------*/
.fc-toolbar {
    text-align: center;
}

    .fc-toolbar.fc-header-toolbar {
        margin-bottom: 1em;
    }

    .fc-toolbar.fc-footer-toolbar {
        margin-top: 1em;
    }

    .fc-toolbar .fc-left {
        float: left;
    }

    .fc-toolbar .fc-right {
        float: right;
    }

    .fc-toolbar .fc-center {
        display: inline-block;
    }

/* the things within each left/right/center section */
.fc .fc-toolbar > * > * {
    /* extra precedence to override button border margins */
    float: left;
    margin-left: .75em;
}

/* the first thing within each left/center/right section */
.fc .fc-toolbar > * > :first-child {
    /* extra precedence to override button border margins */
    margin-left: 0;
}

/* title text */
.fc-toolbar h2 {
    margin: 0;
}

/* button layering (for border precedence) */
.fc-toolbar button {
    position: relative;
}

.fc-toolbar .fc-state-hover,
.fc-toolbar .ui-state-hover {
    z-index: 2;
}

.fc-toolbar .fc-state-down {
    z-index: 3;
}

.fc-toolbar .fc-state-active,
.fc-toolbar .ui-state-active {
    z-index: 4;
}

.fc-toolbar button:focus {
    z-index: 5;
}

/* View Structure
--------------------------------------------------------------------------------------------------*/
/* undo twitter bootstrap's box-sizing rules. normalizes positioning techniques */
/* don't do this for the toolbar because we'll want bootstrap to style those buttons as some pt */
.fc-view-container *,
.fc-view-container *:before,
.fc-view-container *:after {
    box-sizing: content-box;
}

.fc-view,
.fc-view > table {
    /* so dragged elements can be above the view's main element */
    position: relative;
    z-index: 1;
}

/* BasicView
--------------------------------------------------------------------------------------------------*/
/* day row structure */
.fc-basicWeek-view .fc-content-skeleton,
.fc-basicDay-view .fc-content-skeleton {
    /* there may be week numbers in these views, so no padding-top */
    padding-bottom: 1em;
    /* ensure a space at bottom of cell for user selecting/clicking */
}

.fc-basic-view .fc-body .fc-row {
    min-height: 4em;
    /* ensure that all rows are at least this tall */
}

/* a "rigid" row will take up a constant amount of height because content-skeleton is absolute */
.fc-row.fc-rigid {
    overflow: hidden;
}

    .fc-row.fc-rigid .fc-content-skeleton {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
    }

/* week and day number styling */
.fc-day-top.fc-other-month {
    opacity: 0.3;
}

.fc-basic-view .fc-week-number,
.fc-basic-view .fc-day-number {
    padding: 2px;
}

.fc-basic-view th.fc-week-number,
.fc-basic-view th.fc-day-number {
    padding: 0 2px;
    /* column headers can't have as much v space */
}

.fc-ltr .fc-basic-view .fc-day-top .fc-day-number {
    float: right;
}

.fc-rtl .fc-basic-view .fc-day-top .fc-day-number {
    float: left;
}

.fc-ltr .fc-basic-view .fc-day-top .fc-week-number {
    float: left;
    border-radius: 0 0 3px 0;
}

.fc-rtl .fc-basic-view .fc-day-top .fc-week-number {
    float: right;
    border-radius: 0 0 0 3px;
}

.fc-basic-view .fc-day-top .fc-week-number {
    min-width: 1.5em;
    text-align: center;
    background-color: #f2f2f2;
    color: #808080;
}

/* when week/day number have own column */
.fc-basic-view td.fc-week-number {
    text-align: center;
}

    .fc-basic-view td.fc-week-number > * {
        /* work around the way we do column resizing and ensure a minimum width */
        display: inline-block;
        min-width: 1.25em;
    }

/* AgendaView all-day area
--------------------------------------------------------------------------------------------------*/
.fc-agenda-view .fc-day-grid {
    position: relative;
    z-index: 2;
    /* so the "more.." popover will be over the time grid */
}

    .fc-agenda-view .fc-day-grid .fc-row {
        min-height: 3em;
        /* all-day section will never get shorter than this */
    }

        .fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton {
            padding-bottom: 1em;
            /* give space underneath events for clicking/selecting days */
        }

/* TimeGrid axis running down the side (for both the all-day area and the slot area)
--------------------------------------------------------------------------------------------------*/
.fc .fc-axis {
    /* .fc to overcome default cell styles */
    vertical-align: middle;
    padding: 0 4px;
    white-space: nowrap;
}

.fc-ltr .fc-axis {
    text-align: right;
}

.fc-rtl .fc-axis {
    text-align: left;
}

.ui-widget td.fc-axis {
    font-weight: normal;
    /* overcome jqui theme making it bold */
}

/* TimeGrid Structure
--------------------------------------------------------------------------------------------------*/
.fc-time-grid-container,
.fc-time-grid {
    /* so slats/bg/content/etc positions get scoped within here */
    position: relative;
    z-index: 1;
}

.fc-time-grid {
    min-height: 100%;
    /* so if height setting is 'auto', .fc-bg stretches to fill height */
}

    .fc-time-grid table {
        /* don't put outer borders on slats/bg/content/etc */
        border: 0 hidden transparent;
    }

    .fc-time-grid > .fc-bg {
        z-index: 1;
    }

    .fc-time-grid .fc-slats,
    .fc-time-grid > hr {
        /* the <hr> AgendaView injects when grid is shorter than scroller */
        position: relative;
        z-index: 2;
    }

    .fc-time-grid .fc-content-col {
        position: relative;
        /* because now-indicator lives directly inside */
    }

    .fc-time-grid .fc-content-skeleton {
        position: absolute;
        z-index: 3;
        top: 0;
        left: 0;
        right: 0;
    }

    /* divs within a cell within the fc-content-skeleton */
    .fc-time-grid .fc-business-container {
        position: relative;
        z-index: 1;
    }

    .fc-time-grid .fc-bgevent-container {
        position: relative;
        z-index: 2;
    }

    .fc-time-grid .fc-highlight-container {
        position: relative;
        z-index: 3;
    }

    .fc-time-grid .fc-event-container {
        position: relative;
        z-index: 4;
    }

    .fc-time-grid .fc-now-indicator-line {
        z-index: 5;
    }

    .fc-time-grid .fc-helper-container {
        /* also is fc-event-container */
        position: relative;
        z-index: 6;
    }

    /* TimeGrid Slats (lines that run horizontally)
--------------------------------------------------------------------------------------------------*/
    .fc-time-grid .fc-slats td {
        height: 1.5em;
        border-bottom: 0;
        /* each cell is responsible for its top border */
    }

    .fc-time-grid .fc-slats .fc-minor td {
        border-top-style: dotted;
    }

    .fc-time-grid .fc-slats .ui-widget-content {
        /* for jqui theme */
        background: none;
        /* see through to fc-bg */
    }

    /* TimeGrid Highlighting Slots
--------------------------------------------------------------------------------------------------*/
    .fc-time-grid .fc-highlight-container {
        /* a div within a cell within the fc-highlight-skeleton */
        position: relative;
        /* scopes the left/right of the fc-highlight to be in the column */
    }

    .fc-time-grid .fc-highlight {
        position: absolute;
        left: 0;
        right: 0;
        /* top and bottom will be in by JS */
    }

/* TimeGrid Event Containment
--------------------------------------------------------------------------------------------------*/
.fc-ltr .fc-time-grid .fc-event-container {
    /* space on the sides of events for LTR (default) */
    margin: 0 2.5% 0 2px;
}

.fc-rtl .fc-time-grid .fc-event-container {
    /* space on the sides of events for RTL */
    margin: 0 2px 0 2.5%;
}

.fc-time-grid .fc-event,
.fc-time-grid .fc-bgevent {
    position: absolute;
    z-index: 1;
    /* scope inner z-index's */
}

.fc-time-grid .fc-bgevent {
    /* background events always span full width */
    left: 0;
    right: 0;
}

/* Generic Vertical Event
--------------------------------------------------------------------------------------------------*/
.fc-v-event.fc-not-start {
    /* events that are continuing from another day */
    /* replace space made by the top border with padding */
    border-top-width: 0;
    padding-top: 1px;
    /* remove top rounded corners */
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.fc-v-event.fc-not-end {
    /* replace space made by the top border with padding */
    border-bottom-width: 0;
    padding-bottom: 1px;
    /* remove bottom rounded corners */
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

/* TimeGrid Event Styling
----------------------------------------------------------------------------------------------------
We use the full "fc-time-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/
.fc-time-grid-event {
    overflow: hidden;
    /* don't let the bg flow over rounded corners */
}

    .fc-time-grid-event.fc-selected {
        /* need to allow touch resizers to extend outside event's bounding box */
        /* common fc-selected styles hide the fc-bg, so don't need this anyway */
        overflow: visible;
    }

        .fc-time-grid-event.fc-selected .fc-bg {
            display: none;
            /* hide semi-white background, to appear darker */
        }

    .fc-time-grid-event .fc-content {
        overflow: hidden;
        /* for when .fc-selected */
    }

    .fc-time-grid-event .fc-time,
    .fc-time-grid-event .fc-title {
        padding: 0 1px;
    }

    .fc-time-grid-event .fc-time {
        font-size: .85em;
        white-space: nowrap;
    }

    /* short mode, where time and title are on the same line */
    .fc-time-grid-event.fc-short .fc-content {
        /* don't wrap to second line (now that contents will be inline) */
        white-space: nowrap;
    }

    .fc-time-grid-event.fc-short .fc-time,
    .fc-time-grid-event.fc-short .fc-title {
        /* put the time and title on the same line */
        display: inline-block;
        vertical-align: top;
    }

        .fc-time-grid-event.fc-short .fc-time span {
            display: none;
            /* don't display the full time text... */
        }

        .fc-time-grid-event.fc-short .fc-time:before {
            content: attr(data-start);
            /* ...instead, display only the start time */
        }

        .fc-time-grid-event.fc-short .fc-time:after {
            content: "\000A0-\000A0";
            /* seperate with a dash, wrapped in nbsp's */
        }

    .fc-time-grid-event.fc-short .fc-title {
        font-size: .85em;
        /* make the title text the same size as the time */
        padding: 0;
        /* undo padding from above */
    }

    /* resizer (cursor device) */
    .fc-time-grid-event.fc-allow-mouse-resize .fc-resizer {
        left: 0;
        right: 0;
        bottom: 0;
        height: 8px;
        overflow: hidden;
        line-height: 8px;
        font-size: 11px;
        font-family: monospace;
        text-align: center;
        cursor: s-resize;
    }

        .fc-time-grid-event.fc-allow-mouse-resize .fc-resizer:after {
            content: "=";
        }

    /* resizer (touch device) */
    .fc-time-grid-event.fc-selected .fc-resizer {
        /* 10x10 dot */
        border-radius: 5px;
        border-width: 1px;
        width: 8px;
        height: 8px;
        border-style: solid;
        border-color: inherit;
        background: #fff;
        /* horizontally center */
        left: 50%;
        margin-left: -5px;
        /* center on the bottom edge */
        bottom: -5px;
    }

/* Now Indicator
--------------------------------------------------------------------------------------------------*/
.fc-time-grid .fc-now-indicator-line {
    border-top-width: 1px;
    left: 0;
    right: 0;
}

/* arrow on axis */
.fc-time-grid .fc-now-indicator-arrow {
    margin-top: -5px;
    /* vertically center on top coordinate */
}

.fc-ltr .fc-time-grid .fc-now-indicator-arrow {
    left: 0;
    /* triangle pointing right... */
    border-width: 5px 0 5px 6px;
    border-top-color: transparent;
    border-bottom-color: transparent;
}

.fc-rtl .fc-time-grid .fc-now-indicator-arrow {
    right: 0;
    /* triangle pointing left... */
    border-width: 5px 6px 5px 0;
    border-top-color: transparent;
    border-bottom-color: transparent;
}

/* List View
--------------------------------------------------------------------------------------------------*/
/* possibly reusable */
.fc-event-dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 5px;
}

/* view wrapper */
.fc-rtl .fc-list-view {
    direction: rtl;
    /* unlike core views, leverage browser RTL */
}

.fc-list-view {
    border-width: 1px;
    border-style: solid;
}

/* table resets */
.fc .fc-list-table {
    table-layout: auto;
    /* for shrinkwrapping cell content */
}

.fc-list-table td {
    border-width: 1px 0 0;
    padding: 8px 14px;
}

.fc-list-table tr:first-child td {
    border-top-width: 0;
}

/* day headings with the list */
.fc-list-heading {
    border-bottom-width: 1px;
}

    .fc-list-heading td {
        font-weight: bold;
    }

.fc-ltr .fc-list-heading-main {
    float: left;
}

.fc-ltr .fc-list-heading-alt {
    float: right;
}

.fc-rtl .fc-list-heading-main {
    float: right;
}

.fc-rtl .fc-list-heading-alt {
    float: left;
}

/* event list items */
.fc-list-item.fc-has-url {
    cursor: pointer;
    /* whole row will be clickable */
}

.fc-list-item:hover td {
    background-color: #f5f5f5;
}

.fc-list-item-marker,
.fc-list-item-time {
    white-space: nowrap;
    width: 1px;
}

/* make the dot closer to the event title */
.fc-ltr .fc-list-item-marker {
    padding-right: 0;
}

.fc-rtl .fc-list-item-marker {
    padding-left: 0;
}

.fc-list-item-title a {
    /* every event title cell has an <a> tag */
    text-decoration: none;
    color: inherit;
}

    .fc-list-item-title a[href]:hover {
        /* hover effect only on titles with hrefs */
        text-decoration: underline;
    }

/* message when no events */
.fc-list-empty-wrap2 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.fc-list-empty-wrap1 {
    width: 100%;
    height: 100%;
    display: table;
}

.fc-list-empty {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.fc-unthemed .fc-list-empty {
    /* theme will provide own background */
    background-color: #eee;
}

/*!
 * @version: 1.2.0
 * @name: Comments
 *
 * @author: https://themeforest.net/user/flexlayers
 */
.comments {
    margin: 0;
    max-width: 1000px;
}

    .comments:first-child {
        margin-top: 0;
    }

    .comments:last-child {
        margin-bottom: 0;
    }

    .comments.threaded {
        /*--------------------
            Threaded
    ---------------------*/
        margin-left: 27.5px;
        padding: 0;
        border-left: 2px solid #dee4e8;
    }

        .comments.threaded .comment {
            margin-left: -27.5px;
        }

    .comments .comment {
        /*--------------
         Item
    ---------------*/
        display: block;
        position: relative;
        background: none;
        margin: 0;
        padding: 2.2em 0 0;
        border: none;
        border-top: none;
        line-height: 1.57143;
    }

        .comments .comment:first-child {
            margin-top: 0;
            padding-top: 0;
        }

        .comments .comment .avatar {
            /*--------------
          Avatar
     ---------------*/
            display: block;
            width: 55px;
            height: 55px;
            float: left;
            margin: 0;
            border-radius: 10rem;
            background: #e6eff3;
            text-align: center;
            line-height: 55px;
            font-size: 1.71429rem;
        }

            .comments .comment .avatar img {
                display: block;
                margin: 0 auto;
                width: 100%;
                height: 100%;
            }

        .comments .comment .content {
            /*--------------
         Content
    ---------------*/
            display: block;
            margin-left: 80px !important;
        }

            .comments .comment .content .author {
                /*--------------
         Author
    ---------------*/
                font-size: 1.14286rem;
                color: #3a8586;
                font-weight: normal;
                cursor: pointer;
            }

                .comments .comment .content .author:hover {
                    color: #235051;
                }

            .comments .comment .content .metadata {
                /*--------------
         Metadata
    ---------------*/
                display: block;
                margin-left: 0;
                color: #797e81;
                font-size: 0.78rem;
            }

                .comments .comment .content .metadata > * {
                    display: inline-block;
                    margin: 0 1.5em 0 0;
                }

                .comments .comment .content .metadata > :last-child {
                    margin-right: 0;
                }

            .comments .comment .content.text {
                /*--------------------
          Text
    ---------------------*/
                margin: 0.5em 0 0.75em;
                font-size: inherit;
                word-wrap: break-word;
                color: #585e61;
                line-height: 1.71429rem;
                text-indent: 4ch;
            }

            .comments .comment .content.actions {
                /*--------------------
         Actions
    ---------------------*/
                font-size: 0.92rem;
            }

                .comments .comment .content.actions .action {
                    margin: 0 2em 0 0;
                }

                    .comments .comment .content.actions .action:last-child {
                        margin-right: 0;
                    }

                    .comments .comment .content.actions .action,
                    .comments .comment .content.actions .action > a {
                        cursor: pointer;
                        display: inline-block;
                        color: #797e81;
                    }

                        .comments .comment .content.actions .action.active, .comments .comment .content.actions .action:hover,
                        .comments .comment .content.actions .action > a.active,
                        .comments .comment .content.actions .action > a:hover {
                            color: #585e61;
                        }

        .comments .comment .comments {
            /*--------------------
        Nested List
    ---------------------*/
            margin: 2.2em 0 1.5em 79px;
            padding: 0;
        }

            .comments .comment .comments:before {
                position: absolute;
                top: 0;
                left: 0;
            }

            .comments .comment .comments .comment {
                border: none;
                border-top: none;
                background: none;
            }

    .comments .reply {
        /*--------------------
          Reply
    ---------------------*/
        margin: 2em 0 0 79px;
    }

        .comments .reply textarea {
            font-size: 0.92rem;
            height: 8em;
            line-height: 1.57143;
        }

.panel-wrap[max-width~="561px"] .comments .comment .content.actions .action {
    margin-right: 1rem !important;
}

.panel-wrap[max-width~="561px"] .comments .comment .content.actions .text {
    display: none;
}

.panel-wrap[max-width~="561px"] .comments .comments {
    margin-left: 30px;
}

.panel-wrap[max-width~="561px"] .comments .comment .content {
    margin-left: 70px !important;
}

    .panel-wrap[max-width~="561px"] .comments .comment .content.text,
    .panel-wrap[max-width~="561px"] .comments .comment .content.actions {
        margin-left: 0 !important;
    }

    .panel-wrap[max-width~="561px"] .comments .comment .content.text {
        margin-top: 1.7rem;
    }

.panel-wrap[max-width~="561px"] .comments .reply {
    margin-left: 0;
}

/*!
 * @version: 1.2.0
 * @name: Reviews
 *
 * @author: https://themeforest.net/user/flexlayers
 */
.reviews {
    margin: 0;
    max-width: 1000px;
}

    .reviews:first-child {
        margin-top: 0;
    }

    .reviews:last-child {
        margin-bottom: 0;
    }

    .reviews::after {
        display: block;
        clear: both;
        content: "";
    }

    .reviews.threaded {
        /*--------------------
            Threaded
    ---------------------*/
        margin-left: 27.5px;
        padding: 0;
        border-left: 2px solid #dee4e8;
    }

        .reviews.threaded .review {
            margin-left: -27.5px;
        }

    .reviews .review {
        /*--------------
         Item
    ---------------*/
        display: block;
        position: relative;
        background: none;
        margin: 0;
        padding: 2em 0 0;
        border: none;
        border-top: none;
        line-height: 1.57143;
    }

        .reviews .review:first-child {
            margin-top: 0;
            padding-top: 0;
        }

        .reviews .review .avatar {
            /*--------------
          Avatar
     ---------------*/
            display: block;
            width: 55px;
            height: 55px;
            float: left;
            margin: 0;
            border-radius: 10rem;
            background: #e6eff3;
            text-align: center;
            line-height: 55px;
            font-size: 1.71429rem;
        }

            .reviews .review .avatar img {
                display: block;
                margin: 0 auto;
                width: 100%;
                height: 100%;
            }

        .reviews .review .content {
            /*--------------
         Content
    ---------------*/
            display: block;
            margin-left: 80px !important;
        }

            .reviews .review .content .author {
                /*--------------
         Author
    ---------------*/
                font-size: 1.14286rem;
                color: #3a8586;
                font-weight: normal;
                cursor: pointer;
            }

                .reviews .review .content .author:hover {
                    color: #235051;
                }

            .reviews .review .content.metadata {
                /*--------------
         Metadata
    ---------------*/
                display: block;
                margin-left: 0;
                color: #797e81;
                font-size: 0.78rem;
            }

                .reviews .review .content.metadata > * {
                    display: inline-block;
                    margin: 0 1.5em 0 0;
                }

                .reviews .review .content.metadata > :last-child {
                    margin-right: 0;
                }

            .reviews .review .content.text {
                /*--------------------
          Text
    ---------------------*/
                margin: 0.5em 0 0.75em;
                font-size: inherit;
                word-wrap: break-word;
                color: #585e61;
                line-height: 24px;
            }

        .reviews .review .reviews {
            /*--------------------
        Nested List
    ---------------------*/
            margin: 1.5em 0 0.5em 79px;
            padding: 0;
        }

            .reviews .review .reviews:before {
                position: absolute;
                top: 0;
                left: 0;
            }

            .reviews .review .reviews .review {
                border: none;
                border-top: none;
                background: none;
            }

    .reviews .new-review {
        /*--------------------
          Reply
    ---------------------*/
        margin: 2em 0 0 79px;
    }

        .reviews .new-review textarea {
            font-size: 0.92rem;
            height: 5em;
            line-height: 1.57143;
        }

.panel-wrap[max-width~="561px"] .reviews .review .content {
    margin-left: 70px !important;
}

    .panel-wrap[max-width~="561px"] .reviews .review .content.text,
    .panel-wrap[max-width~="561px"] .reviews .review .content.metadata {
        margin-left: 0 !important;
    }

    .panel-wrap[max-width~="561px"] .reviews .review .content.text {
        margin-top: 1rem;
    }

.panel-wrap[max-width~="561px"] .reviews .new-review {
    margin-left: 0;
}

/*!
 * @version: 1.2.0
 * @name: time-line
 *
 * @author: https://themeforest.net/user/flexlayers
 */
.time-line {
    margin: 0;
    /*max-width: 1000px;*/
}

    .time-line:first-child {
        margin-top: 0;
    }

    .time-line:last-child {
        margin-bottom: 0;
    }

    .time-line.threaded {
        /*--------------------
            Threaded
    ---------------------*/
        margin-left: 22.5px;
        padding: 0;
        border-left: 2px solid #dee4e8;
        width: 100%;
        /*max-width: 977.5px;*/
    }

        .time-line.threaded .tm-line-item {
            margin-left: -22.5px;
        }

    .time-line .tm-line-item {
        /*--------------
         Item
    ---------------*/
        display: block;
        position: relative;
        background: none;
        margin: 0;
        padding: 2em 0 0;
        border: none;
        border-top: none;
        line-height: 1.57143;
    }

        .time-line .tm-line-item:first-child {
            margin-top: 0;
            padding-top: 0;
        }

        .time-line .tm-line-item .tm-icon {
            /*--------------
          Avatar
     ---------------*/
            display: block;
            width: 45px;
            height: 45px;
            float: left;
            margin: 0;
            border-radius: 10rem;
            background: #e6eff3;
            text-align: center;
            line-height: 45px;
            font-size: 1.14286rem;
        }

            .time-line .tm-line-item .tm-icon img {
                display: block;
                margin: 0 auto;
                width: 100%;
                height: 100%;
            }

        .time-line .tm-line-item .tm-icon-empty {
            width: 12px;
            height: 12px;
            margin: 4px 16px;
            float: left;
            border-radius: 10rem;
        }

        .time-line .tm-line-item .content {
            /*--------------
         Content
    ---------------*/
            display: block;
            margin-left: 80px !important;
            margin-right: 80px !important;
        }

            .time-line .tm-line-item .content .metadata {
                /*--------------
         Metadata
    ---------------*/
                display: block;
                margin-left: 0;
                color: #797e81;
                font-size: 0.85714rem;
            }

                .time-line .tm-line-item .content .metadata > * {
                    display: inline-block;
                    margin: 0 1.5em 0 0;
                }

                .time-line .tm-line-item .content .metadata > :last-child {
                    margin-right: 0;
                }

            .time-line .tm-line-item .content .text {
                /*--------------------
          Text
    ---------------------*/
                margin: 0.5em 0 0.75em;
                font-size: inherit;
                word-wrap: break-word;
                color: #585e61;
                line-height: 24px;
            }

    .time-line .reply {
        /*--------------------
          Reply
    ---------------------*/
        margin: 2em 0 0 79px;
    }

        .time-line .reply textarea {
            font-size: 0.92rem;
            height: 8em;
            line-height: 1.57143;
        }

    .time-line[max-width~="550px"] .tm-line-item .content {
        margin-left: 65px !important;
    }

    .time-line .emojionearea .emojionearea-editor,
    .time-line .chat-room .chat-reply .chat-reply-area {
        min-height: 2.8rem;
    }

/*!
 * @version: 1.2.0
 * @name: chart
 *
 * @author: https://themeforest.net/user/flexlayers
 */
.chart-wrap {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.chart-labels .item {
    margin-right: 2rem;
    margin-left: 0;
    font-size: 0.85714rem;
}

    .chart-labels .item:last-child {
        margin-right: 0 !important;
    }

/* Specific mapael css class are below
* 'mapael' class is added by plugin
*/
.world-map {
    opacity: 0;
    min-height: 600px;
}

    .world-map.mapael {
        position: relative;
        opacity: 1;
        /* For all zoom buttons */
        /* Reset Zoom button first */
        /* Then Zoom In button */
        /* Then Zoom Out button */
    }

        .world-map.mapael .search {
            display: block;
            transition: opacity .3s;
            max-width: 350px;
            width: 100%;
            right: 90px;
            z-index: 11;
            opacity: 0.9;
            position: absolute;
        }

            .world-map.mapael .search:hover {
                opacity: 1;
            }

            .world-map.mapael .search .panel-header {
                background: #f4f9fc;
            }

            .world-map.mapael .search .panel-body {
                height: auto !important;
            }

        .world-map.mapael .mapTooltip {
            position: absolute;
            background-color: #0f1015;
            opacity: .8;
            border-radius: 4px;
            padding: 10px;
            z-index: 1000;
            max-width: 200px;
            display: none;
            color: #f4f9fc;
        }

        .world-map.mapael .map {
            position: relative;
        }

        .world-map.mapael .zoomButton {
            position: absolute;
            top: 0;
            font-weight: bold;
            left: 10px;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }

        .world-map.mapael .zoomReset {
            top: 10px;
        }

        .world-map.mapael .zoomIn {
            top: 50px;
        }

        .world-map.mapael .zoomOut {
            top: 90px;
        }

        .world-map.mapael .hamburger-btn:hover {
            background: none !important;
        }

@media (max-width: 1199px) {
    .world-map.mapael .search {
        position: relative;
        right: auto;
        max-width: none;
    }

        .world-map.mapael .search .panel-header {
            border-bottom: 1px solid #dee4e8;
            background: #e6eff3;
        }

    .world-map.mapael .search-results {
        display: inline-block !important;
        visibility: visible !important;
    }
}

@media (max-width: 575px) {
    .world-map.mapael .map {
        min-height: 150px;
    }

    .chart-labels .item {
        margin-left: 0 !important;
        margin-right: .5rem;
    }

        .chart-labels .item span {
            margin: 0 0 -.2em 0;
        }
}

.spark-line-full {
    display: block;
}

.spark-line-inline {
    position: relative;
    top: .15em;
}

.spark-widget {
    cursor: pointer;
    position: relative;
}

    .spark-widget::after {
        display: block;
        clear: both;
        content: "";
    }

    .spark-widget.bgc-warning:hover {
        background: #9d8123 !important;
    }

    .spark-widget.bgc-danger:hover {
        background: #9c2d11 !important;
    }

    .spark-widget.bgc-primary:hover {
        background: #487930 !important;
    }

    .spark-widget.bgc-info:hover {
        background: #377e7f !important;
    }

    .spark-widget.bgc-success:hover {
        background: #3b4d89 !important;
    }

.easy-pie {
    position: relative;
}

    .easy-pie .percent {
        position: absolute;
        text-align: center;
        width: 100%;
        left: 0;
        top: calc(50% - 1em);
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
    }

/*!
 * @version: 1.2.0
 * @name: mail
 *
 * @author: https://themeforest.net/user/flexlayers
 */
.mail-members {
    position: relative;
}

    .mail-members .item {
        position: relative;
        cursor: pointer;
    }

        .mail-members .item .content {
            width: calc( 100% - 100px - 2rem);
        }

            .mail-members .item .content .description {
                white-space: nowrap;
                text-overflow: ellipsis;
                overflow: hidden;
            }

    .mail-members .message-count {
        display: inline-block;
        width: 1.14286rem;
        height: 1.14286rem;
        background: #e6eff3;
        position: absolute;
        left: 36px;
        top: 36px;
        border-radius: 5rem;
        text-align: center;
        line-height: 1.14286rem;
        font-size: 0.85714rem;
    }

        .mail-members .message-count.on-line {
            background: #4c8033;
            color: #f4f9fc;
        }

    .mail-members .new-message {
        position: absolute;
        right: 0;
    }

.mail-folders a {
    color: #585e61;
    display: block;
}

    .mail-folders a i {
        transition: .2s;
    }

    .mail-folders a.collapsed i {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }

.mail-folders .list .item {
    padding-bottom: .5rem !important;
}

    .mail-folders .list .item .icon {
        padding-top: 0;
        display: inline-block;
        float: left;
    }

    .mail-folders .list .item .content {
        line-height: 1;
        width: 100%;
        display: block !important;
        padding-left: 2.5rem !important;
    }

.mail-inbox .item {
    cursor: pointer;
}

.mail-inbox .icon-control {
    width: 1em;
    display: inline-block;
}

    .mail-inbox .icon-control i {
        width: 1em;
        display: inline-block;
        text-align: center;
    }

.mail-inbox .mail-text {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.mail-inbox .checked-list-details {
    margin-left: 61px;
}

.mail-inbox .mail-detail {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

    .mail-inbox .mail-detail.mail-star {
        text-overflow: clip;
    }

.mail-inbox .checked-list-checkbox.master {
    height: 60px;
}

.mail-reply-area {
    display: none;
}

    .mail-reply-area .note-editor.note-frame .note-editing-area .note-editable {
        height: 31em;
    }

@media (max-width: 767px) {
    .mail-inbox .mail-date {
        position: absolute;
        right: 0;
        top: 18px;
        font-size: 0.85714rem;
    }

    .mail-inbox .checked-list-checkbox {
        padding-left: 0;
        width: auto;
    }

    .mail-inbox .checked-list-details {
        margin-left: 45px;
    }

    .mail-inbox .actions .text,
    .mail-inbox .mail-tags:empty {
        display: none;
    }
}

.panel-wrap[max-width~="732px"] .mail-compose .panel-header-link {
    padding: 0 16px !important;
}

    .panel-wrap[max-width~="732px"] .mail-compose .panel-header-link i.icon-mr {
        margin-right: 0;
    }

    .panel-wrap[max-width~="732px"] .mail-compose .panel-header-link .text {
        display: none;
    }

.mail-compose .mail-to .select-dropdown.icon {
    right: .5rem !important;
    top: .4em !important;
}

    .mail-compose .mail-to .select-dropdown.icon:before {
        display: none !important;
    }

.mail-compose .mail-to .ui.selection.multiple.select-dropdown, .mail-compose .mail-to select.multiple.ui.select-dropdown, .mail-compose .mail-to select.multiple.ui.select-dropdown {
    padding-right: 100px;
}

/*!
 * @version: 1.2.0
 * @name: editor
 *
 * @author: https://themeforest.net/user/flexlayers
 */
/* Layout
 ------------------------------------------*/
.note-editor {
    position: relative;
    /* dropzone */
}

    .note-editor .note-dropzone {
        position: absolute;
        display: none;
        z-index: 100;
        color: #eef6f8;
        background-color: #f4f9fc;
        opacity: 0.95;
    }

        .note-editor .note-dropzone .note-dropzone-message {
            display: table-cell;
            vertical-align: middle;
            text-align: center;
            font-size: 28px;
            font-weight: bold;
        }

        .note-editor .note-dropzone.hover {
            color: #e6eff3;
        }

    .note-editor.dragover .note-dropzone {
        display: table;
    }

    .note-editor .note-editing-area {
        position: relative;
        border-width: 0;
    }

        .note-editor .note-editing-area .note-editable {
            outline: none;
            line-height: 24px;
            min-height: 10rem;
        }

            .note-editor .note-editing-area .note-editable sup {
                vertical-align: super;
            }

            .note-editor .note-editing-area .note-editable sub {
                vertical-align: sub;
            }

    .note-editor .modal-header .close {
        margin-left: 0;
    }

    /* Frame mode layout
------------------------------------------*/
    .note-editor.note-frame {
        /* codeview mode */
        /* fullscreen mode */
        /* statusbar */
        border:1px solid lightgray !important;
        padding-left:10px;
        padding-right: 10px;
        border-radius: 10px;
        
    }

        .note-editor.note-frame.codeview .note-editing-area .note-editable {
            display: none;
        }

        .note-editor.note-frame.codeview .note-editing-area .note-codable {
            display: block;
        }

        .note-editor.note-frame .note-editing-area {
            overflow: hidden;
            /* editable */
            /* codeable */
        }

            .note-editor.note-frame .note-editing-area .note-editable {
                overflow: auto;
                padding: 14px;
                background-color: white;
            }

                .note-editor.note-frame .note-editing-area .note-editable[contenteditable="false"] {
                    background-color: white;
                }

            .note-editor.note-frame .note-editing-area .note-codable {
                display: none;
                width: 100%;
                padding: 10px;
                border: none;
                box-shadow: none;
                font-family: Menlo, Monaco, monospace, sans-serif;
                font-size: 14px;
                color: #ccc;
                background-color: #222;
                resize: none;
                box-sizing: border-box;
                border-radius: 0;
                margin-bottom: 0;
            }

        .note-editor.note-frame.fullscreen {
            background-color: #f4f9fc;
            position: fixed;
            top: 0;
            left: 0;
            width: 100% !important;
            z-index: 1050 !important;
            /* bs3 modal-backdrop: 1030, bs2: 1040 */
        }

            .note-editor.note-frame.fullscreen .note-resizebar {
                display: none;
            }

        .note-editor.note-frame .note-statusbar {
            /*background-color: #f4f9fc;*/
            border-bottom-left-radius: 4px;
            border-bottom-right-radius: 4px;
        }

            .note-editor.note-frame .note-statusbar .note-resizebar {
                padding-top: 1px;
                height: 8px;
                width: 100%;
                cursor: ns-resize;
            }

                .note-editor.note-frame .note-statusbar .note-resizebar .note-icon-bar {
                    width: 20px;
                    margin: 1px auto;
                    border-top: 1px solid #dee4e8;
                }

        .note-editor.note-frame .note-placeholder {
            padding: 14px;
            z-index: 1;
            font-style: italic;
        }

/* Popover
------------------------------------------*/
.note-popover.popover {
    max-width: none;
}

    .note-popover.popover .popover-content a {
        display: inline-block;
        max-width: 200px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        vertical-align: middle;
    }

    .note-popover.popover .arrow {
        left: 20px !important;
    }

.panel-heading.note-toolbar {
    /*padding-bottom: .5rem;*/
    margin: 0 -6px;
}

/* Popover and Toolbar (Button container)
------------------------------------------*/
.note-popover .popover-content, .panel-heading.note-toolbar {
    color: #797e81;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    border-bottom: 1px solid #D3D3D3 !important;
    /*background: #f4f9fc;*/
    /* dropdown-menu for toolbar and popover */
    /* color palette for toolbar and popover */
}

    .note-popover .popover-content > .btn-group, .panel-heading.note-toolbar > .btn-group {
        margin: 0 6px 7px 6px;
    }

        .note-popover .popover-content > .btn-group:last-child, .panel-heading.note-toolbar > .btn-group:last-child {
            margin-right: 0;
        }

    .note-popover .popover-content .btn-group .note-table, .panel-heading.note-toolbar .btn-group .note-table {
        min-width: 0;
        padding: 5px;
    }

        .note-popover .popover-content .btn-group .note-table .note-dimension-picker, .panel-heading.note-toolbar .btn-group .note-table .note-dimension-picker {
            font-size: 18px;
        }

            .note-popover .popover-content .btn-group .note-table .note-dimension-picker .note-dimension-picker-mousecatcher, .panel-heading.note-toolbar .btn-group .note-table .note-dimension-picker .note-dimension-picker-mousecatcher {
                position: absolute !important;
                z-index: 3;
                width: 10em;
                height: 10em;
                cursor: pointer;
            }

            .note-popover .popover-content .btn-group .note-table .note-dimension-picker .note-dimension-picker-unhighlighted, .panel-heading.note-toolbar .btn-group .note-table .note-dimension-picker .note-dimension-picker-unhighlighted {
                position: relative !important;
                z-index: 1;
                width: 5em;
                height: 5em;
                background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIj4+Pjp6ekKlAqjAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKhmnaJzPAAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC") repeat;
            }

            .note-popover .popover-content .btn-group .note-table .note-dimension-picker .note-dimension-picker-highlighted, .panel-heading.note-toolbar .btn-group .note-table .note-dimension-picker .note-dimension-picker-highlighted {
                position: absolute !important;
                z-index: 2;
                width: 1em;
                height: 1em;
                background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIjd6vvD2f9LKLW+AAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKwNDEVT0AAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC") repeat;
            }

    .note-popover .popover-content .btn-group .btn.btn-sm, .note-popover .popover-content .btn-group .btn-group-sm > .btn, .note-popover .popover-content .btn-group .sp-container button.btn.sp-choose, .sp-container .note-popover .popover-content .btn-group button.btn.sp-choose, .note-popover .popover-content .btn-group
    .sp-container button.btn.sp-palette-toggle,
    .sp-container .note-popover .popover-content .btn-group button.btn.sp-palette-toggle, .note-popover .popover-content .btn-group
    .sp-container a.btn.sp-cancel,
    .sp-container .note-popover .popover-content .btn-group a.btn.sp-cancel, .panel-heading.note-toolbar .btn-group .btn.btn-sm, .panel-heading.note-toolbar .btn-group .btn-group-sm > .btn, .panel-heading.note-toolbar .btn-group .sp-container button.btn.sp-choose, .sp-container .panel-heading.note-toolbar .btn-group button.btn.sp-choose, .panel-heading.note-toolbar .btn-group
    .sp-container button.btn.sp-palette-toggle,
    .sp-container .panel-heading.note-toolbar .btn-group button.btn.sp-palette-toggle, .panel-heading.note-toolbar .btn-group
    .sp-container a.btn.sp-cancel,
    .sp-container .panel-heading.note-toolbar .btn-group a.btn.sp-cancel {
        padding: 0.5rem 1.2rem;
    }

        .note-popover .popover-content .btn-group .btn + .btn.btn-sm[data-toggle="dropdown"], .note-popover .popover-content .btn-group .btn-group-sm > .btn + .btn[data-toggle="dropdown"], .note-popover .popover-content .btn-group .sp-container .btn + button.btn[data-toggle="dropdown"].sp-choose, .sp-container .note-popover .popover-content .btn-group .btn + button.btn[data-toggle="dropdown"].sp-choose, .note-popover .popover-content .btn-group
        .sp-container .btn + button.btn[data-toggle="dropdown"].sp-palette-toggle,
        .sp-container .note-popover .popover-content .btn-group .btn + button.btn[data-toggle="dropdown"].sp-palette-toggle, .note-popover .popover-content .btn-group
        .sp-container .btn + a.btn[data-toggle="dropdown"].sp-cancel,
        .sp-container .note-popover .popover-content .btn-group .btn + a.btn[data-toggle="dropdown"].sp-cancel, .note-popover .popover-content .btn-group .btn-group-sm > .btn + .btn[data-toggle="dropdown"], .panel-heading.note-toolbar .btn-group .btn + .btn.btn-sm[data-toggle="dropdown"], .panel-heading.note-toolbar .btn-group .btn-group-sm > .btn + .btn[data-toggle="dropdown"], .panel-heading.note-toolbar .btn-group .sp-container .btn + button.btn[data-toggle="dropdown"].sp-choose, .sp-container .panel-heading.note-toolbar .btn-group .btn + button.btn[data-toggle="dropdown"].sp-choose, .panel-heading.note-toolbar .btn-group
        .sp-container .btn + button.btn[data-toggle="dropdown"].sp-palette-toggle,
        .sp-container .panel-heading.note-toolbar .btn-group .btn + button.btn[data-toggle="dropdown"].sp-palette-toggle, .panel-heading.note-toolbar .btn-group
        .sp-container .btn + a.btn[data-toggle="dropdown"].sp-cancel,
        .sp-container .panel-heading.note-toolbar .btn-group .btn + a.btn[data-toggle="dropdown"].sp-cancel, .panel-heading.note-toolbar .btn-group .btn-group-sm > .btn + .btn[data-toggle="dropdown"] {
            padding: 0.5rem .8rem;
        }

    .note-popover .popover-content .dropdown-menu .note-btn-group + .note-btn-group, .note-popover .popover-content .ui.select-dropdown .menu .note-btn-group + .note-btn-group, .ui.select-dropdown .note-popover .popover-content .menu .note-btn-group + .note-btn-group, .panel-heading.note-toolbar .dropdown-menu .note-btn-group + .note-btn-group, .panel-heading.note-toolbar .ui.select-dropdown .menu .note-btn-group + .note-btn-group, .ui.select-dropdown .panel-heading.note-toolbar .menu .note-btn-group + .note-btn-group {
        margin: .5rem 0 0 0;
    }

    .note-popover .popover-content span.fa.icon-ml-ch.fa-angle-down:first-child, .panel-heading.note-toolbar span.fa.icon-ml-ch.fa-angle-down:first-child {
        margin-left: 0;
    }

    .note-popover .popover-content .note-style h1, .note-popover .popover-content .note-style h2, .note-popover .popover-content .note-style h3, .note-popover .popover-content .note-style h4, .note-popover .popover-content .note-style h5, .note-popover .popover-content .note-style h6, .note-popover .popover-content .note-style blockquote, .panel-heading.note-toolbar .note-style h1, .panel-heading.note-toolbar .note-style h2, .panel-heading.note-toolbar .note-style h3, .panel-heading.note-toolbar .note-style h4, .panel-heading.note-toolbar .note-style h5, .panel-heading.note-toolbar .note-style h6, .panel-heading.note-toolbar .note-style blockquote {
        margin: 0;
    }

    .note-popover .popover-content .note-color .dropdown-toggle, .panel-heading.note-toolbar .note-color .dropdown-toggle {
        width: 20px;
        padding-left: 5px;
    }

    .note-popover .popover-content .note-color .dropdown-menu, .note-popover .popover-content .note-color .ui.select-dropdown .menu, .ui.select-dropdown .note-popover .popover-content .note-color .menu, .panel-heading.note-toolbar .note-color .dropdown-menu, .panel-heading.note-toolbar .note-color .ui.select-dropdown .menu, .ui.select-dropdown .panel-heading.note-toolbar .note-color .menu {
        min-width: 369px;
    }

        .note-popover .popover-content .note-color .dropdown-menu .btn-group, .note-popover .popover-content .note-color .ui.select-dropdown .menu .btn-group, .ui.select-dropdown .note-popover .popover-content .note-color .menu .btn-group, .panel-heading.note-toolbar .note-color .dropdown-menu .btn-group, .panel-heading.note-toolbar .note-color .ui.select-dropdown .menu .btn-group, .ui.select-dropdown .panel-heading.note-toolbar .note-color .menu .btn-group {
            margin: 0;
            display: inline-block;
        }

            .note-popover .popover-content .note-color .dropdown-menu .btn-group:first-child, .note-popover .popover-content .note-color .ui.select-dropdown .menu .btn-group:first-child, .ui.select-dropdown .note-popover .popover-content .note-color .menu .btn-group:first-child, .panel-heading.note-toolbar .note-color .dropdown-menu .btn-group:first-child, .panel-heading.note-toolbar .note-color .ui.select-dropdown .menu .btn-group:first-child, .ui.select-dropdown .panel-heading.note-toolbar .note-color .menu .btn-group:first-child {
                margin: 0 5px;
            }

            .note-popover .popover-content .note-color .dropdown-menu .btn-group .note-palette-title, .note-popover .popover-content .note-color .ui.select-dropdown .menu .btn-group .note-palette-title, .ui.select-dropdown .note-popover .popover-content .note-color .menu .btn-group .note-palette-title, .panel-heading.note-toolbar .note-color .dropdown-menu .btn-group .note-palette-title, .panel-heading.note-toolbar .note-color .ui.select-dropdown .menu .btn-group .note-palette-title, .ui.select-dropdown .panel-heading.note-toolbar .note-color .menu .btn-group .note-palette-title {
                font-size: 12px;
                padding: 7px;
                text-align: center;
                border-bottom: 1px solid #eee;
            }

            .note-popover .popover-content .note-color .dropdown-menu .btn-group .note-color-reset, .note-popover .popover-content .note-color .ui.select-dropdown .menu .btn-group .note-color-reset, .ui.select-dropdown .note-popover .popover-content .note-color .menu .btn-group .note-color-reset, .panel-heading.note-toolbar .note-color .dropdown-menu .btn-group .note-color-reset, .panel-heading.note-toolbar .note-color .ui.select-dropdown .menu .btn-group .note-color-reset, .ui.select-dropdown .panel-heading.note-toolbar .note-color .menu .btn-group .note-color-reset {
                font-size: 11px;
                margin: 7px 0;
                padding: 0 3px;
                cursor: pointer;
                border-radius: 5px;
            }

            .note-popover .popover-content .note-color .dropdown-menu .btn-group .note-color-row, .note-popover .popover-content .note-color .ui.select-dropdown .menu .btn-group .note-color-row, .ui.select-dropdown .note-popover .popover-content .note-color .menu .btn-group .note-color-row, .panel-heading.note-toolbar .note-color .dropdown-menu .btn-group .note-color-row, .panel-heading.note-toolbar .note-color .ui.select-dropdown .menu .btn-group .note-color-row, .ui.select-dropdown .panel-heading.note-toolbar .note-color .menu .btn-group .note-color-row {
                height: auto;
            }

            .note-popover .popover-content .note-color .dropdown-menu .btn-group .note-color-reset:hover, .note-popover .popover-content .note-color .ui.select-dropdown .menu .btn-group .note-color-reset:hover, .ui.select-dropdown .note-popover .popover-content .note-color .menu .btn-group .note-color-reset:hover, .panel-heading.note-toolbar .note-color .dropdown-menu .btn-group .note-color-reset:hover, .panel-heading.note-toolbar .note-color .ui.select-dropdown .menu .btn-group .note-color-reset:hover, .ui.select-dropdown .panel-heading.note-toolbar .note-color .menu .btn-group .note-color-reset:hover {
                background: #eee;
            }

    .note-popover .popover-content .note-para .dropdown-menu, .note-popover .popover-content .note-para .ui.select-dropdown .menu, .ui.select-dropdown .note-popover .popover-content .note-para .menu, .panel-heading.note-toolbar .note-para .dropdown-menu, .panel-heading.note-toolbar .note-para .ui.select-dropdown .menu, .ui.select-dropdown .panel-heading.note-toolbar .note-para .menu {
        min-width: 216px;
        padding: 5px;
    }

        .note-popover .popover-content .note-para .dropdown-menu > div:first-child, .note-popover .popover-content .note-para .ui.select-dropdown .menu > div:first-child, .ui.select-dropdown .note-popover .popover-content .note-para .menu > div:first-child, .panel-heading.note-toolbar .note-para .dropdown-menu > div:first-child, .panel-heading.note-toolbar .note-para .ui.select-dropdown .menu > div:first-child, .ui.select-dropdown .panel-heading.note-toolbar .note-para .menu > div:first-child {
            margin-right: 5px;
        }

    .note-popover .popover-content .dropdown-menu, .note-popover .popover-content .ui.select-dropdown .menu, .ui.select-dropdown .note-popover .popover-content .menu, .panel-heading.note-toolbar .dropdown-menu, .panel-heading.note-toolbar .ui.select-dropdown .menu, .ui.select-dropdown .panel-heading.note-toolbar .menu {
        min-width: 90px;
        /* dropdown-menu right position */
        /* http://forrst.com/posts/Bootstrap_right_positioned_dropdown-2KB */
        /* dropdown-menu for selectbox */
    }

        .note-popover .popover-content .dropdown-menu p, .note-popover .popover-content .ui.select-dropdown .menu p, .ui.select-dropdown .note-popover .popover-content .menu p,
        .note-popover .popover-content .dropdown-menu pre,
        .note-popover .popover-content .ui.select-dropdown .menu pre, .ui.select-dropdown
        .note-popover .popover-content .menu pre, .panel-heading.note-toolbar .dropdown-menu p, .panel-heading.note-toolbar .ui.select-dropdown .menu p, .ui.select-dropdown .panel-heading.note-toolbar .menu p,
        .panel-heading.note-toolbar .dropdown-menu pre,
        .panel-heading.note-toolbar .ui.select-dropdown .menu pre, .ui.select-dropdown
        .panel-heading.note-toolbar .menu pre {
            margin-bottom: 0;
        }

        .note-popover .popover-content .dropdown-menu.right, .note-popover .popover-content .ui.select-dropdown .right.menu, .ui.select-dropdown .note-popover .popover-content .right.menu, .panel-heading.note-toolbar .dropdown-menu.right, .panel-heading.note-toolbar .ui.select-dropdown .right.menu, .ui.select-dropdown .panel-heading.note-toolbar .right.menu {
            right: 0;
            left: auto;
        }

            .note-popover .popover-content .dropdown-menu.right::before, .note-popover .popover-content .ui.select-dropdown .right.menu::before, .ui.select-dropdown .note-popover .popover-content .right.menu::before, .panel-heading.note-toolbar .dropdown-menu.right::before, .panel-heading.note-toolbar .ui.select-dropdown .right.menu::before, .ui.select-dropdown .panel-heading.note-toolbar .right.menu::before {
                right: 9px;
                left: auto !important;
            }

            .note-popover .popover-content .dropdown-menu.right::after, .note-popover .popover-content .ui.select-dropdown .right.menu::after, .ui.select-dropdown .note-popover .popover-content .right.menu::after, .panel-heading.note-toolbar .dropdown-menu.right::after, .panel-heading.note-toolbar .ui.select-dropdown .right.menu::after, .ui.select-dropdown .panel-heading.note-toolbar .right.menu::after {
                right: 10px;
                left: auto !important;
            }

        .note-popover .popover-content .dropdown-menu.note-check li a i, .note-popover .popover-content .ui.select-dropdown .note-check.menu li a i, .ui.select-dropdown .note-popover .popover-content .note-check.menu li a i, .panel-heading.note-toolbar .dropdown-menu.note-check li a i, .panel-heading.note-toolbar .ui.select-dropdown .note-check.menu li a i, .ui.select-dropdown .panel-heading.note-toolbar .note-check.menu li a i {
            color: #3a8586;
            visibility: hidden;
        }

        .note-popover .popover-content .dropdown-menu.note-check li a.checked i, .note-popover .popover-content .ui.select-dropdown .note-check.menu li a.checked i, .ui.select-dropdown .note-popover .popover-content .note-check.menu li a.checked i, .panel-heading.note-toolbar .dropdown-menu.note-check li a.checked i, .panel-heading.note-toolbar .ui.select-dropdown .note-check.menu li a.checked i, .ui.select-dropdown .panel-heading.note-toolbar .note-check.menu li a.checked i {
            visibility: visible;
        }

    .note-popover .popover-content .note-fontsize-10, .panel-heading.note-toolbar .note-fontsize-10 {
        font-size: 10px;
    }

    .note-popover .popover-content .note-color-palette, .panel-heading.note-toolbar .note-color-palette {
        line-height: 1;
    }

        .note-popover .popover-content .note-color-palette div .note-color-btn, .panel-heading.note-toolbar .note-color-palette div .note-color-btn {
            width: 22px;
            height: 22px;
            padding: 0;
            margin: 0;
            border: 1px solid #fff;
        }

            .note-popover .popover-content .note-color-palette div .note-color-btn:hover, .panel-heading.note-toolbar .note-color-palette div .note-color-btn:hover {
                border: 1px solid #000;
            }

.note-popover .popover-content {
    padding: 9px 8px 2px 8px;
}

.note-editor.fullscreen {
    height: 100%;
    background: #f4f9fc;
}

    .note-editor.fullscreen .note-toolbar.panel-heading {
        padding: 1rem .5rem .5rem;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .note-editor.fullscreen .note-editing-area {
        background-color: #f4f9fc;
        height: 100%;
        max-width: 900px;
        margin: 0 auto;
    }

        .note-editor.fullscreen .note-editing-area .note-editable {
            background-color: white;
        }

        .note-editor.fullscreen .note-editing-area .note-codable {
            height: 100% !important;
        }

/* Dialog
------------------------------------------*/
.note-dialog > div {
    display: none;
    /* BS2's hide pacth. */
}

.note-dialog .form-group {
    /* overwrite BS's form-horizontal minus margins */
    margin-left: 0;
    margin-right: 0;
}

.note-dialog .note-modal-form {
    margin: 0;
    /* overwrite BS2's form margin bottom */
}

.note-dialog .note-image-dialog .note-dropzone {
    min-height: 100px;
    font-size: 30px;
    line-height: 4;
    color: lightgray;
    text-align: center;
    border: 4px dashed lightgray;
    margin-bottom: 10px;
}

/* Placeholder
------------------------------------------*/
.note-placeholder {
    position: absolute;
    display: none;
    color: gray;
}

    .note-placeholder .note-placeholder {
        padding: 10px 14px;
    }

/* Handle
------------------------------------------*/
.note-handle {
    /* control selection */
}

    .note-handle .note-control-selection {
        position: absolute;
        display: none;
        border: 1px solid #484e51;
    }

        .note-handle .note-control-selection > div {
            position: absolute;
        }

        .note-handle .note-control-selection .note-control-selection-bg {
            width: 100%;
            height: 100%;
            background-color: #484e51;
            opacity: 0.3;
        }

        .note-handle .note-control-selection .note-control-handle, .note-handle .note-control-selection .note-control-holder, .note-handle .note-control-selection .note-control-sizing {
            width: 7px;
            height: 7px;
            border: 1px solid #484e51;
        }

        .note-handle .note-control-selection .note-control-sizing {
            background-color: #f4f9fc;
        }

        .note-handle .note-control-selection .note-control-nw {
            top: -5px;
            left: -5px;
            border-right: none;
            border-bottom: none;
        }

        .note-handle .note-control-selection .note-control-ne {
            top: -5px;
            right: -5px;
            border-bottom: none;
            border-left: none;
        }

        .note-handle .note-control-selection .note-control-sw {
            bottom: -5px;
            left: -5px;
            border-top: none;
            border-right: none;
        }

        .note-handle .note-control-selection .note-control-se {
            right: -5px;
            bottom: -5px;
            cursor: se-resize;
        }

            .note-handle .note-control-selection .note-control-se.note-control-holder {
                cursor: default;
                border-top: none;
                border-left: none;
            }

        .note-handle .note-control-selection .note-control-selection-info {
            right: 0;
            bottom: 0;
            padding: 5px;
            margin: 5px;
            color: #f4f9fc;
            background-color: #484e51;
            font-size: 12px;
            border-radius: 5px;
            opacity: 0.7;
        }

.note-hint-popover {
    padding: 0;
}

    .note-hint-popover .popover-content {
        max-height: 200px;
        overflow: auto;
        padding: 0;
    }

        .note-hint-popover .popover-content .note-hint-group {
            padding: 7px;
        }

            .note-hint-popover .popover-content .note-hint-group .note-hint-item {
                display: block !important;
                padding: 4px;
                font-size: 0.92857rem;
            }

                .note-hint-popover .popover-content .note-hint-group .note-hint-item.active, .note-hint-popover .popover-content .note-hint-group .note-hint-item:hover {
                    display: block;
                    clear: both;
                    font-weight: 400;
                    line-height: 1.4;
                    color: #585e61;
                    white-space: nowrap;
                    text-decoration: none;
                    background-color: #dee4e8;
                    outline: 0;
                    cursor: pointer;
                }

                .note-hint-popover .popover-content .note-hint-group .note-hint-item img {
                    margin-right: 10px;
                }

/*!
 * @version: 1.2.0
 * @name: products
 *
 * @author: https://themeforest.net/user/flexlayers
 */
.product-list-image {
    width: 120px;
}

.product-images .tab-content {
    white-space: nowrap;
    overflow-x: auto;
    vertical-align: middle;
    position: relative;
    overflow-y: hidden;
}

    .product-images .tab-content img {
        margin-right: 15px;
        cursor: pointer;
    }

        .product-images .tab-content img:last-child {
            margin-right: 0;
        }

.product-list-table .card-view .title {
    min-width: 30% !important;
}

/*!
 * @version: 1.2.0
 * @name: contacts
 *
 * @author: https://themeforest.net/user/flexlayers
 */
.contacts .image {
    width: 160px;
    height: 160px;
    background-repeat: no-repeat;
    background-size: cover;
}

.contacts .contact-name {
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
}

ul.contact-categories li {
    line-height: 2.8;
}

    ul.contact-categories li a.btn {
        width: 100%;
        border-radius: 3px;
        color: #585e61;
        text-align: left;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

        ul.contact-categories li a.btn:focus, ul.contact-categories li a.btn:hover, ul.contact-categories li a.btn.active {
            outline: none;
            background: #e6eff3;
            box-shadow: none;
        }

.contact-list .list > .item img {
    display: inline-block;
    margin-right: 0;
    float: left;
}

.contact-list .list > .item .description {
    color: #797e81;
}

.contact-list .list > .item .edit-btns {
    position: absolute;
    top: 0;
    right: 0;
}

    .contact-list .list > .item .edit-btns a {
        color: #797e81;
        margin-left: .5rem;
    }

        .contact-list .list > .item .edit-btns a:first-child {
            margin-left: 0;
        }

        .contact-list .list > .item .edit-btns a:focus, .contact-list .list > .item .edit-btns a:hover {
            color: #585e61;
        }

@media (max-width: 575px) {
    ul.contact-categories li a.btn {
        text-align: center;
    }
}

/*!
 * @version: 1.1.2
 * @name: tasks
 *
 * @author: https://themeforest.net/user/flexlayers
 */
.task {
    padding: .5rem 1rem;
    position: relative;
    font-size: 0.85714rem;
    color: #797e81;
    border-radius: 4px;
}

    .task .author {
        position: absolute;
        right: -20px;
        top: -20px;
    }

        .task .author .image {
            float: left;
            width: 40px;
            height: 40px;
            text-align: center;
            line-height: 40px;
            background-repeat: no-repeat;
            background-color: #e7edf0;
            background-size: cover;
            border-radius: 50rem;
        }

        .task .author .name {
            float: left;
            margin-right: .7em;
        }

    .task .description::after {
        display: block;
        clear: both;
        content: "";
    }

    .task .description .tags {
        display: block;
        margin-bottom: .5rem;
    }

        .task .description .tags .badge-wrap {
            margin-right: .5em;
        }

            .task .description .tags .badge-wrap:last-child {
                margin-right: 0;
            }

            .task .description .tags .badge-wrap .badge {
                line-height: 1.4;
            }

    .task .description .text {
        font-size: 1rem;
        margin-bottom: 1em;
        display: block;
        padding-right: 1em;
    }

    .task footer {
        padding-top: .5rem;
    }

        .task footer::after {
            display: block;
            clear: both;
            content: "";
        }

        .task footer .date {
            display: block;
        }

        .task footer .metadata {
            float: right;
            padding-top: .2em;
        }

            .task footer .metadata .action {
                margin-left: 1em;
            }

                .task footer .metadata .action:first-child {
                    margin-left: 0;
                }

    .task a:hover {
        color: #585e61;
    }

.new-task .form-control, .new-task .ui.select-dropdown .menu > .input:not(.transparent) input, .ui.select-dropdown .menu > .input:not(.transparent) .new-task input, .new-task .ui.selection.select-dropdown, .new-task select.ui.select-dropdown, .new-task .sp-container .sp-input, .sp-container .new-task .sp-input, .new-task .bootstrap-timepicker-widget table td input, .bootstrap-timepicker-widget table td .new-task input,
.new-task .btn-default,
.new-task .wizard > .actions .disabled a, .wizard > .actions .disabled
.new-task a,
.new-task .sp-container button.sp-choose, .sp-container
.new-task button.sp-choose,
.new-task
.sp-container button.sp-palette-toggle,
.sp-container
.new-task button.sp-palette-toggle,
.new-task
.sp-container a.sp-cancel,
.sp-container
.new-task a.sp-cancel,
.new-task .world-map.mapael .zoomButton, .world-map.mapael
.new-task .zoomButton,
.new-comment .form-control,
.new-comment .ui.select-dropdown .menu > .input:not(.transparent) input, .ui.select-dropdown .menu > .input:not(.transparent)
.new-comment input,
.new-comment .ui.selection.select-dropdown,
.new-comment select.ui.select-dropdown,
.new-comment .sp-container .sp-input, .sp-container
.new-comment .sp-input,
.new-comment .bootstrap-timepicker-widget table td input, .bootstrap-timepicker-widget table td
.new-comment input,
.new-comment .btn-default,
.new-comment .wizard > .actions .disabled a, .wizard > .actions .disabled
.new-comment a,
.new-comment .sp-container button.sp-choose, .sp-container
.new-comment button.sp-choose,
.new-comment
.sp-container button.sp-palette-toggle,
.sp-container
.new-comment button.sp-palette-toggle,
.new-comment
.sp-container a.sp-cancel,
.sp-container
.new-comment a.sp-cancel,
.new-comment .world-map.mapael .zoomButton, .world-map.mapael
.new-comment .zoomButton {
    background: #f4f9fc;
}

.new-task textarea,
.new-comment textarea {
    height: 7em;
    line-height: 1.57143;
}

.task-comment {
    padding: .5rem 1rem .5rem 2.5rem;
    position: relative;
    font-size: 0.85714rem;
    color: #797e81;
}

    .task-comment .author::after {
        display: block;
        clear: both;
        content: "";
    }

    .task-comment .author .image {
        position: absolute;
        left: -20px;
        top: 10px;
        width: 40px;
        height: 40px;
        text-align: center;
        line-height: 40px;
        background-repeat: no-repeat;
        background-color: #e7edf0;
        background-size: cover;
        border-radius: 50rem;
    }

    .task-comment .author .date {
        display: block;
        margin-bottom: .4em;
    }

    .task-comment .description::after {
        display: block;
        clear: both;
        content: "";
    }

    .task-comment .description .text {
        font-size: 1rem;
        margin-bottom: 1em;
        display: block;
        padding-right: 1em;
    }

    .task-comment footer {
        padding-top: .5rem;
    }

        .task-comment footer::after {
            display: block;
            clear: both;
            content: "";
        }

        .task-comment footer .metadata {
            float: right;
            padding-top: .2em;
        }

            .task-comment footer .metadata a {
                margin-left: 1em;
            }

                .task-comment footer .metadata a:first-child {
                    margin-left: 0;
                }

    .task-comment a:hover {
        color: #585e61;
    }

.task-add-widget {
    border: 1px dashed rgba(169, 174, 177, 0.3);
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 250px;
    color: #a9aeb1;
}

.task-add-widget-content {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    cursor: pointer;
    padding: 4rem;
}

/*!
 * @version: 1.2.0
 * @name: todos
 *
 * @author: https://themeforest.net/user/flexlayers
 */
/*-------------------
       View
--------------------*/
/*-------------------
      Elements
--------------------*/
/* To do list */
/* Footer */
/*-------------------
      To do App
--------------------*/
.todoapp {
    max-width: 100%;
    margin: 0;
    /*-------------------
     Elements
--------------------*/
    /*-------------------
     To do List
--------------------*/
    /*-------------------
     Footer
--------------------*/
}

    .todoapp .new-wrap {
        margin: 0 50px 0 70px;
    }

    .todoapp header {
        position: relative;
    }

        .todoapp header::after {
            display: block;
            clear: both;
            content: "";
        }

    .todoapp .todo-list-wrap {
        display: none;
        position: relative;
        z-index: 2;
        border-top: 1px solid #e6eff3;
    }

    .todoapp .todo-list {
        margin: 0;
        padding: 0;
        list-style: none;
    }

        .todoapp .todo-list li {
            position: relative;
            padding: 10px 100px 10px 110px;
            border-bottom: 1px solid #e6eff3;
            margin-bottom: -1px;
        }

            .todoapp .todo-list li::after {
                display: block;
                clear: both;
                content: "";
            }

            .todoapp .todo-list li.editing button,
            .todoapp .todo-list li.editing .title,
            .todoapp .todo-list li.editing .toggle {
                display: none;
            }

            .todoapp .todo-list li.editing .edit {
                display: inline-block;
            }

            .todoapp .todo-list li .toggle-li-wrap {
                left: 0;
                top: 0;
                height: 100%;
                border-right: 3px solid #a58825;
                padding: 10px 30px 0 30px;
                position: absolute;
            }

            .todoapp .todo-list li .title {
                white-space: pre-line;
                word-break: break-all;
                transition: color 0.2s;
            }

            .todoapp .todo-list li .edit {
                display: none;
            }

            .todoapp .todo-list li .destroy {
                display: none;
                cursor: pointer;
                position: absolute;
                top: 9px;
                right: 30px;
                transition: color 0.2s ease-out;
            }

            .todoapp .todo-list li.completed .title {
                color: #797e81;
                text-decoration: line-through;
            }

            .todoapp .todo-list li:hover .destroy {
                display: block;
            }

            .todoapp .todo-list li.editing:last-child {
                margin-bottom: -1px;
            }

    .todoapp .footer {
        color: #797e81;
        padding: 15px 0;
        text-align: center;
        border-bottom: 1px solid #e6eff3;
        overflow: hidden;
        position: relative;
    }

        .todoapp .footer .toggle-wrap {
            margin: 0 30px;
            float: left;
            position: relative;
            z-index: 2;
            text-align: left;
        }

        .todoapp .footer .todo-count {
            float: left;
            text-align: left;
        }

        .todoapp .footer .filters {
            margin: 0;
            padding: 0;
            list-style: none;
            position: absolute;
            right: 0;
            left: 0;
            top: 15px;
        }

            .todoapp .footer .filters a {
                color: inherit;
                margin: 3px;
                padding: 3px 7px;
                text-decoration: none;
                border: 1px solid transparent;
                border-radius: 3px;
            }

                .todoapp .footer .filters a:hover {
                    border-color: #e7edf0;
                }

                .todoapp .footer .filters a.selected {
                    border-color: #dee4e8;
                }

        .todoapp .footer .clear-completed {
            margin: -3px 30px;
            float: right;
            position: relative;
            cursor: pointer;
        }

        .todoapp .footer .info {
            margin: 65px auto 0;
            color: #bfbfbf;
            font-size: 10px;
            text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
            text-align: center;
        }

            .todoapp .footer .info p {
                line-height: 1;
            }

            .todoapp .footer .info a {
                color: inherit;
                text-decoration: none;
                font-weight: 400;
            }

                .todoapp .footer .info a:hover {
                    text-decoration: underline;
                }

.panel-wrap[max-width~="561px"] .todo-list li {
    padding: 10px 65px;
}

    .panel-wrap[max-width~="561px"] .todo-list li .toggle-li-wrap {
        padding: 10px 16px 0 16px;
    }

    .panel-wrap[max-width~="561px"] .todo-list li .destroy {
        right: 5px;
    }

.panel-wrap[max-width~="561px"] .footer .toggle-wrap {
    margin: 0 12px 0 16px;
}

.panel-wrap[max-width~="561px"] .footer .filters {
    display: none;
    width: 100%;
    padding: 0;
    margin-top: 3.5rem;
    text-align: center;
    position: relative;
    top: 0;
}

.panel-wrap[max-width~="561px"] .footer .clear-completed {
    float: left;
    margin: -3px 1rem;
}

/*!
 * @version: 1.1.2
 * @name: Chat Room
 *
 * @author: https://themeforest.net/user/flexlayers
 */
/* Avatar */
/* Content */
/* Reply */
.chat-profile-image.panel .panel-header a:hover {
    background: rgba(230, 239, 242, 0.2);
}

.chat-room {
    margin: 0;
}

    .chat-room::after {
        display: block;
        clear: both;
        content: "";
    }

    .chat-room .chat-messages {
        position: relative;
    }

        .chat-room .chat-messages:first-child {
            margin-top: 0;
        }

        .chat-room .chat-messages:last-child {
            margin-bottom: 0;
        }

        .chat-room .chat-messages .chat-message {
            /*--------------
         Item
    ---------------*/
            display: block;
            position: relative;
            background: none;
            margin: 0;
            padding: 2em 0 0;
            border: none;
            border-top: none;
            line-height: 1.57143;
        }

            .chat-room .chat-messages .chat-message:first-child {
                margin-top: 0;
                padding-top: 0;
            }

            .chat-room .chat-messages .chat-message::after {
                display: block;
                clear: both;
                content: "";
            }

            .chat-room .chat-messages .chat-message .avatar {
                /*--------------
          Avatar
     ---------------*/
                display: block;
                width: 55px;
                height: 55px;
                float: left;
                margin: 0;
                border-radius: 10rem;
                background: #e6eff3;
                text-align: center;
                line-height: 55px;
                font-size: 1.71429rem;
            }

                .chat-room .chat-messages .chat-message .avatar img {
                    display: block;
                    margin: 0 auto;
                    width: 100%;
                    height: 100%;
                }

            .chat-room .chat-messages .chat-message .content {
                max-width: 900px;
                /*--------------
         Content
    ---------------*/
                display: block;
                margin-left: 80px !important;
            }

                .chat-room .chat-messages .chat-message .content .author {
                    /*--------------
         Author
    ---------------*/
                    font-size: 1rem;
                    color: #3a8586;
                    font-weight: normal;
                    cursor: pointer;
                }

                    .chat-room .chat-messages .chat-message .content .author:hover {
                        color: #235051;
                    }

                .chat-room .chat-messages .chat-message .content .metadata {
                    /*--------------
         Metadata
    ---------------*/
                    display: block;
                    margin-left: 0;
                    color: #797e81;
                    font-size: 0.78rem;
                }

                    .chat-room .chat-messages .chat-message .content .metadata > * {
                        display: inline-block;
                        margin: 0 1.5em 0 0;
                    }

                    .chat-room .chat-messages .chat-message .content .metadata > :last-child {
                        margin-right: 0;
                    }

                .chat-room .chat-messages .chat-message .content .text {
                    /*--------------------
          Text
    ---------------------*/
                    margin: 0.5em 0 0.75em;
                    font-size: inherit;
                    word-wrap: break-word;
                    color: #585e61;
                    line-height: 24px;
                    position: relative;
                    border-bottom-right-radius: 3px;
                    border-bottom-left-radius: 3px;
                    border-top-right-radius: 3px;
                    border-bottom-right-radius: 3px;
                }

                    .chat-room .chat-messages .chat-message .content .text:before {
                        content: '';
                        border-left: 15px solid #f4f9fc;
                        border-top: 12px solid #e6eff3;
                        position: absolute;
                        left: -15px;
                        top: 0;
                    }

                .chat-room .chat-messages .chat-message .content .actions {
                    /*--------------------
         Actions
    ---------------------*/
                    font-size: 0.92rem;
                }

                    .chat-room .chat-messages .chat-message .content .actions .action {
                        margin: 0 2em 0 0;
                    }

                        .chat-room .chat-messages .chat-message .content .actions .action:last-child {
                            margin-right: 0;
                        }

                        .chat-room .chat-messages .chat-message .content .actions .action,
                        .chat-room .chat-messages .chat-message .content .actions .action > a {
                            cursor: pointer;
                            display: inline-block;
                            color: #797e81;
                        }

                            .chat-room .chat-messages .chat-message .content .actions .action.active, .chat-room .chat-messages .chat-message .content .actions .action:hover,
                            .chat-room .chat-messages .chat-message .content .actions .action > a.active,
                            .chat-room .chat-messages .chat-message .content .actions .action > a:hover {
                                color: #585e61;
                            }

            .chat-room .chat-messages .chat-message.my-message .avatar {
                float: right;
            }

                .chat-room .chat-messages .chat-message.my-message .avatar ~ .content {
                    margin-left: 0 !important;
                    margin-right: 80px;
                }

                    .chat-room .chat-messages .chat-message.my-message .avatar ~ .content .text {
                        border-top-left-radius: 3px;
                        border-bottom-left-radius: 3px;
                        border-top-right-radius: 0;
                        border-bottom-right-radius: 0;
                    }

                        .chat-room .chat-messages .chat-message.my-message .avatar ~ .content .text:before {
                            border-right: 15px solid #f4f9fc;
                            border-left: 0;
                            left: auto;
                            right: -15px;
                            top: 0;
                        }

            .chat-room .chat-messages .chat-message .spinner {
                width: 95px;
            }

                .chat-room .chat-messages .chat-message .spinner .circle {
                    background-color: #a9aeb1;
                    height: 5px;
                    width: 5px;
                    border-radius: 10rem;
                    display: inline-block;
                    -webkit-animation: stretchdelay 0.7s infinite ease-in-out;
                    animation: stretchdelay 0.7s infinite ease-in-out;
                }

                .chat-room .chat-messages .chat-message .spinner .circ2 {
                    -webkit-animation-delay: -0.6s;
                    animation-delay: -0.6s;
                }

                .chat-room .chat-messages .chat-message .spinner .circ3 {
                    -webkit-animation-delay: -0.5s;
                    animation-delay: -0.5s;
                }

                .chat-room .chat-messages .chat-message .spinner .circ4 {
                    -webkit-animation-delay: -0.4s;
                    animation-delay: -0.4s;
                }

                .chat-room .chat-messages .chat-message .spinner .circ5 {
                    -webkit-animation-delay: -0.3s;
                    animation-delay: -0.3s;
                }

@-webkit-keyframes stretchdelay {
    0%, 40%, 100% {
        -webkit-transform: translateY(-0.4rem);
        transform: translateY(-0.4rem);
    }

    20% {
        -webkit-transform: translateY(-0.7rem);
        transform: translateY(-0.7rem);
    }
}

@keyframes stretchdelay {
    0%, 40%, 100% {
        -webkit-transform: translateY(-0.4rem);
        transform: translateY(-0.4rem);
    }

    20% {
        -webkit-transform: translateY(-0.7rem);
        transform: translateY(-0.7rem);
    }
}

.chat-room > .chat-reply {
    margin: 2em 0 0 0;
}

    .chat-room > .chat-reply::after {
        display: block;
        clear: both;
        content: "";
    }

.chat-room .chat-message .chat-reply {
    width: 100%;
    margin-top: 2em 0 0 0;
}

.chat-room .chat-reply .chat-reply-area {
    min-height: 4.5em;
    font-size: 1em;
    line-height: 1.57143;
}

.chat-room .chat-reply .textarea-group {
    max-width: 900px;
    width: 100%;
    position: relative;
    padding-right: 56px;
}

    .chat-room .chat-reply .textarea-group .chat-textarea-addon {
        height: 40px;
        line-height: 40px;
        position: absolute;
        top: 0;
        width: 67px;
        right: 0;
    }

        .chat-room .chat-reply .textarea-group .chat-textarea-addon .chat-textarea-addon-file {
            position: relative;
            right: 19px;
            top: 26px;
        }

        .chat-room .chat-reply .textarea-group .chat-textarea-addon .btn-icon i {
            position: relative;
            right: 1px;
        }

/*******************************
        Chat Members
*******************************/
.chat-members {
    position: relative;
}

    .chat-members .item {
        position: relative;
        cursor: pointer;
        white-space: nowrap;
    }

        .chat-members .item .content {
            width: calc( 100% - 100px - 2rem);
        }

            .chat-members .item .content .description {
                overflow: hidden;
                text-overflow: ellipsis;
            }

    .chat-members .message-count {
        display: inline-block;
        width: 1.14286rem;
        height: 1.14286rem;
        background: #e6eff3;
        position: absolute;
        left: 32px;
        top: 32px;
        border-radius: 5rem;
        text-align: center;
        line-height: 1.14286rem;
        font-size: 0.85714rem;
    }

        .chat-members .message-count.on-line {
            background: #4c8033;
            color: #f4f9fc;
        }

/*******************************
        Chat Profile Image
*******************************/
.chat-profile-image {
    background: url("../img/profile-bg.jpg") center;
    background-size: cover;
    overflow: hidden;
    max-height: 330px;
}

    .chat-profile-image .profile-details {
        margin-top: 174px;
    }

    .chat-profile-image .profile-image {
        float: left;
    }

        .chat-profile-image .profile-image img {
            margin-top: -115px;
            border: 2px solid #f4f9fc;
        }

    .chat-profile-image .profile-name {
        float: left;
    }

    .chat-profile-image .statistic span {
        font-weight: 100;
    }

/*******************************
        Chat Contact
*******************************/
.chat-contact textarea {
    height: 7em;
}

/*******************************
            Stream
*******************************/
.stream {
    margin: 0;
    max-width: none;
}

    .stream:first-child {
        margin-top: 0;
    }

    .stream:last-child {
        margin-bottom: 0;
    }

    .stream.threaded {
        /*--------------------
            Threaded
    ---------------------*/
        margin-left: 27.5px;
        padding: 0;
        border-left: 2px solid #dee4e8;
    }

        .stream.threaded .stream-item {
            margin-left: -27.5px;
        }

    .stream .stream-item {
        /*--------------
         Item
    ---------------*/
        display: block;
        position: relative;
        background: none;
        margin: 0;
        padding: 2em 0 0;
        border: none;
        border-top: none;
        line-height: 1.57143;
    }

        .stream .stream-item:first-child {
            margin-top: 0;
            padding-top: 0;
        }

        .stream .stream-item .avatar {
            /*--------------
          Avatar
     ---------------*/
            display: block;
            width: 55px;
            height: 55px;
            float: left;
            margin: 0;
            border-radius: 10rem;
            background: #e6eff3;
            text-align: center;
            line-height: 55px;
            font-size: 1.71429rem;
        }

            .stream .stream-item .avatar img {
                display: block;
                margin: 0 auto;
                width: 100%;
                height: 100%;
            }

        .stream .stream-item .content {
            /*--------------
         Content
    ---------------*/
            display: block;
            margin-left: 80px !important;
        }

            .stream .stream-item .content .author {
                /*--------------
         Author
    ---------------*/
                font-size: 1rem;
                color: #3a8586;
                font-weight: normal;
                cursor: pointer;
            }

                .stream .stream-item .content .author:hover {
                    color: #235051;
                }

            .stream .stream-item .content .metadata {
                /*--------------
         Metadata
    ---------------*/
                display: block;
                margin-left: 0;
                color: #797e81;
                font-size: 0.78rem;
            }

                .stream .stream-item .content .metadata > * {
                    display: inline-block;
                    margin: 0 1.5em 0 0;
                }

                .stream .stream-item .content .metadata > :last-child {
                    margin-right: 0;
                }

            .stream .stream-item .content.text {
                /*--------------------
          Text
    ---------------------*/
                margin: 0.5em 0 0.75em;
                font-size: inherit;
                word-wrap: break-word;
                color: #585e61;
                line-height: 24px;
            }

            .stream .stream-item .content.actions {
                /*--------------------
         Actions
    ---------------------*/
                font-size: 0.92rem;
            }

                .stream .stream-item .content.actions .action {
                    margin: 0 2em 0 0;
                }

                    .stream .stream-item .content.actions .action:last-child {
                        margin-right: 0;
                    }

                    .stream .stream-item .content.actions .action,
                    .stream .stream-item .content.actions .action > a {
                        cursor: pointer;
                        display: inline-block;
                        color: #797e81;
                    }

                        .stream .stream-item .content.actions .action.active, .stream .stream-item .content.actions .action:hover,
                        .stream .stream-item .content.actions .action > a.active,
                        .stream .stream-item .content.actions .action > a:hover {
                            color: #585e61;
                        }

    .stream .reply {
        /*--------------------
          Reply
    ---------------------*/
        margin: 0;
    }

        .stream .reply textarea {
            font-size: 0.92rem;
            height: 4em;
            line-height: 1.57143;
        }

        .stream .reply .btn {
            padding-left: 5rem;
            padding-right: 5rem;
        }

    .stream[max-width~="550px"] .stream-item .content.actions .text {
        display: none;
    }

    .stream[max-width~="550px"] .stream-item .content {
        margin-left: 70px !important;
    }

        .stream[max-width~="550px"] .stream-item .content.text,
        .stream[max-width~="550px"] .stream-item .content.actions {
            margin-left: 0 !important;
        }

    .stream[max-width~="360px"] .stream-item .content.actions .pull-right {
        float: left;
        margin-left: 1.2rem;
    }

    .stream[max-width~="360px"] .stream-item .content.actions .action {
        margin-right: 1.2rem;
    }

        .stream[max-width~="360px"] .stream-item .content.actions .action:last-child {
            margin-right: 0 !important;
        }

@media (max-width: 991px) {
    .chat-profile-image .profile-name,
    .chat-profile-image .profile-image {
        float: none;
        text-align: center;
    }

        .chat-profile-image .profile-image img {
            width: 90px;
        }

    .chat-profile-image .profile-name {
        margin-top: -5px;
        color: #f4f9fc;
    }

        .chat-profile-image .profile-name a {
            color: #a9aeb1;
        }

    .chat-profile-image .details {
        margin-top: -98px;
    }
}

/*!
 * @version: 1.2.0
 * @name: Adapted imageupload plugin
 *
 * @author: https://themeforest.net/user/flexlayers
 */
.imageupload.imageupload-disabled {
    cursor: not-allowed;
    opacity: 0.60;
}

    .imageupload.imageupload-disabled > * {
        pointer-events: none;
    }

.imageupload .alert {
    margin-bottom: 10px;
}

.imageupload .btn-file {
    overflow: hidden;
    position: relative;
}

    .imageupload .btn-file input[type="file"] {
        cursor: inherit;
        display: block;
        font-size: 100px;
        min-height: 100%;
        min-width: 100%;
        opacity: 0;
        position: absolute;
        right: 0;
        text-align: right;
        top: 0;
    }

.imageupload .file-tab button {
    display: none;
}

.imageupload .file-tab .thumbnail {
    margin-bottom: 10px;
}

.imageupload .url-tab .thumbnail {
    margin: 10px 0;
}

.imageupload img {
    padding: 4px;
    border: 1px solid #dee4e8;
    border-radius: 4px;
}

.imageupload .tab-content > .tab-pane {
    display: none !important;
}

    .imageupload .tab-content > .tab-pane.active {
        display: block !important;
    }

/*!
 * @version: 1.2.0
 * @name: Adapted Bootstrap Datetimepicker plugin
 *
 * @author: https://themeforest.net/user/flexlayers
 */
.bs-datetimepicker-widget {
    list-style: none;
    width: 296px;
}

    .bs-datetimepicker-widget.timepicker-sbs {
        width: 100%;
    }

    .bs-datetimepicker-widget.dropdown-menu, .ui.select-dropdown .bs-datetimepicker-widget.menu {
        margin: 2px 0;
        padding: .5rem;
    }

@media (min-width: 576px) {
    .bs-datetimepicker-widget.dropdown-menu.timepicker-sbs, .ui.select-dropdown .bs-datetimepicker-widget.timepicker-sbs.menu {
        width: 38em;
    }
}

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

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

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

.bs-datetimepicker-widget.dropdown-menu.bottom:before, .ui.select-dropdown .bs-datetimepicker-widget.bottom.menu: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;
}

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

.bs-datetimepicker-widget.dropdown-menu.top:before, .ui.select-dropdown .bs-datetimepicker-widget.top.menu: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;
}

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

.bs-datetimepicker-widget.dropdown-menu.pull-right:before, .ui.select-dropdown .bs-datetimepicker-widget.pull-right.menu:before {
    left: auto;
    right: 6px;
}

.bs-datetimepicker-widget.dropdown-menu.pull-right:after, .ui.select-dropdown .bs-datetimepicker-widget.pull-right.menu:after {
    left: auto;
    right: 7px;
}

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

.bs-datetimepicker-widget a[data-action] {
    padding: .68rem .5rem;
    margin: 0 -.5rem;
}

    .bs-datetimepicker-widget a[data-action] span {
        border-radius: 3px;
        border: 1px solid #e7edf0;
        margin: 0;
        padding: 0;
    }

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

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

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

.bs-datetimepicker-widget .btn[data-action="incrementHours"]::after {
    content: "Increment Hours";
}

.bs-datetimepicker-widget .btn[data-action="incrementMinutes"]::after {
    content: "Increment Minutes";
}

.bs-datetimepicker-widget .btn[data-action="decrementHours"]::after {
    content: "Decrement Hours";
}

.bs-datetimepicker-widget .btn[data-action="decrementMinutes"]::after {
    content: "Decrement Minutes";
}

.bs-datetimepicker-widget .btn[data-action="showHours"]::after {
    content: "Show Hours";
}

.bs-datetimepicker-widget .btn[data-action="showMinutes"]::after {
    content: "Show Minutes";
}

.bs-datetimepicker-widget .btn[data-action="togglePeriod"]::after {
    content: "Toggle AM/PM";
}

.bs-datetimepicker-widget .btn[data-action="clear"]::after {
    content: "Clear the picker";
}

.bs-datetimepicker-widget .btn[data-action="today"]::after {
    content: "Set the date to today";
}

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

    .bs-datetimepicker-widget .picker-switch::after {
        content: "Toggle Date and Time Screens";
    }

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

        .bs-datetimepicker-widget .picker-switch td span {
            line-height: 36px;
            height: 38px;
            width: 100%;
        }

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

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

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

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

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

        .bs-datetimepicker-widget table th.prev::after {
            content: "Previous Month";
        }

        .bs-datetimepicker-widget table th.next::after {
            content: "Next Month";
        }

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

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

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

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

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

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

        .bs-datetimepicker-widget table td.old, .bs-datetimepicker-widget table td.new {
            color: #a9aeb1;
        }

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

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

        .bs-datetimepicker-widget table td.active, .bs-datetimepicker-widget table td.active:hover {
            background-color: #4c8033;
            color: #f4f9fc;
            text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
        }

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

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

        .bs-datetimepicker-widget table td span {
            color: #585e61;
            display: inline-block;
            width: 45px;
            height: 45px;
            line-height: 45px;
            margin: 2px 1.5px;
            cursor: pointer;
            border-radius: 3px;
        }

            .bs-datetimepicker-widget table td span:hover {
                background: #dee4e8;
            }

            .bs-datetimepicker-widget table td span.active {
                background-color: #4c8033;
                color: #f4f9fc !important;
                text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
            }

            .bs-datetimepicker-widget table td span.old {
                color: #a9aeb1;
            }

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

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

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

/*!
 * @version: 1.2.0
 * @name: Adapted Bootstrap Datetimepicker X-Editable plugin
 *
 * @author: https://themeforest.net/user/flexlayers
 */
/*! X-editable - v1.5.1
* In-place editing with Twitter Bootstrap, jQuery UI or pure jQuery
* http://github.com/vitalets/x-editable
* Copyright (c) 2013 Vitaliy Potapov; Licensed MIT */
.editableform {
    margin-bottom: 0;
    /* overwrites bootstrap margin */
}

    .editableform .control-group {
        margin-bottom: 0;
        /* overwrites bootstrap margin */
        white-space: nowrap;
        /* prevent wrapping buttons on new line */
        line-height: 20px;
        /* overwriting bootstrap line-height. See #133 */
    }

    /*
  BS3 width:1005 for inputs breaks editable form in popup
  See: https://github.com/vitalets/x-editable/issues/393
*/
    .editableform .form-control, .editableform .ui.select-dropdown .menu > .input:not(.transparent) input, .ui.select-dropdown .menu > .input:not(.transparent) .editableform input, .editableform .ui.selection.select-dropdown, .editableform select.ui.select-dropdown, .editableform .sp-container .sp-input, .sp-container .editableform .sp-input, .editableform .bootstrap-timepicker-widget table td input, .bootstrap-timepicker-widget table td .editableform input {
        width: auto;
    }

.editable-buttons {
    display: inline-block;
    /* should be inline to take effect of parent's white-space: nowrap */
    vertical-align: top;
    margin-left: 7px;
    /* inline-block emulation for IE7*/
    zoom: 1;
}

    .editable-buttons.editable-buttons-bottom {
        display: block;
        margin-top: 7px;
        margin-left: 0;
    }

.editable-input {
    vertical-align: top;
    display: inline-block;
    /* should be inline to take effect of parent's white-space: nowrap */
    width: auto;
    /* bootstrap-responsive has width: 100% that breakes layout */
    white-space: normal;
    /* reset white-space decalred in parent*/
    /* display-inline emulation for IE7*/
    zoom: 1;
}

.editable-buttons .editable-cancel {
    margin-left: 7px;
}

/*for jquery-ui buttons need set height to look more pretty*/
.editable-buttons button.ui-button-icon-only {
    height: 24px;
    width: 30px;
}

.editableform-loading {
    background: url("../img/editable/loading.gif") center center no-repeat;
    height: 25px;
    width: auto;
    min-width: 25px;
}

.editable-inline .editableform-loading {
    background-position: left 5px;
}

.editable-error-block {
    max-width: 300px;
    margin: 5px 0 0 0;
    width: auto;
    white-space: normal;
}

    /*add padding for jquery ui*/
    .editable-error-block.ui-state-error {
        padding: 3px;
    }

.editable-error {
    color: #a53012;
}

/* ---- For specific types ---- */
.editableform .editable-date {
    padding: 0;
    margin: 0;
    float: left;
}

/* move datepicker icon to center of add-on button. See https://github.com/vitalets/x-editable/issues/183 */
.editable-inline .add-on .icon-th {
    margin-top: 3px;
    margin-left: 1px;
}

/* checklist vertical alignment */
.editable-checklist label input[type="checkbox"],
.editable-checklist label span {
    vertical-align: middle;
    margin: 0;
}

.editable-checklist label {
    white-space: nowrap;
}

/* set exact width of textarea to fit buttons toolbar */
.editable-wysihtml5 {
    width: 566px;
    height: 250px;
}

/* clear button shown as link in date inputs */
.editable-clear {
    clear: both;
    font-size: 0.9em;
    text-decoration: none;
    text-align: right;
}

/* IOS-style clear button for text inputs */
.editable-clear-x {
    background: url("../img/editable/clear.png") center center no-repeat;
    display: block;
    width: 13px;
    height: 13px;
    position: absolute;
    opacity: 0.6;
    z-index: 100;
    top: 50%;
    right: 6px;
    margin-top: -6px;
}

    .editable-clear-x:hover {
        opacity: 1;
    }

.editable-pre-wrapped {
    white-space: pre-wrap;
}

.editable-container.editable-popup {
    max-width: none !important;
    /* without this rule poshytip/tooltip does not stretch */
}

.editable-container.popover {
    width: auto;
    /* without this rule popover does not stretch */
}

.editable-container.editable-inline {
    display: inline-block;
    vertical-align: middle;
    width: auto;
    /* inline-block emulation for IE7*/
    zoom: 1;
}

.editable-container.ui-widget {
    font-size: inherit;
    /* jqueryui widget font 1.1em too big, overwrite it */
    z-index: 9990;
    /* should be less than select2 dropdown z-index to close dropdown first when click */
}

.editable-click,
a.editable-click,
a.editable-click:hover {
    text-decoration: none;
    border-bottom: dashed 1px #0088cc;
}

    .editable-click.editable-disabled,
    a.editable-click.editable-disabled,
    a.editable-click.editable-disabled:hover {
        color: #585858;
        cursor: default;
        border-bottom: none;
    }

.editable-empty, .editable-empty:hover, .editable-empty:focus {
    font-style: italic;
    color: #a53012;
    /* border-bottom: none; */
    text-decoration: none;
}

.editable-unsaved {
    font-weight: bold;
}

    .editable-unsaved:after {
        /*    content: '*'*/
    }

.editable-bg-transition {
    transition: background-color 1400ms ease-out;
}

/*see https://github.com/vitalets/x-editable/issues/139 */
.form-horizontal .editable {
    padding-top: 5px;
    display: inline-block;
}

/*!
 * @version: 1.2.0
 * @name: nestable
 *
 * @author: https://themeforest.net/user/flexlayers
 */
.nestable {
    position: relative;
    display: block;
    font-size: 0.92857rem;
}

.dd-list .dd-list {
    padding-left: 30px;
    margin: 0;
}

.dd-item,
.dd-empty,
.dd-placeholder {
    margin: .8rem 0 0;
    display: inline-block;
    padding: 0;
    border: none;
}

.dd-handle {
    min-height: 43px;
    position: relative;
    display: block;
    padding: 0.75rem 1.25rem;
    font-weight: bold;
    background: #f4f9fc;
    border-radius: 0;
    box-sizing: border-box;
    border: 1px solid #dee4e8;
    max-width: 500px;
}

    .dd-handle:hover {
        background: #eef6f8;
    }

.dd-item > button {
    position: relative;
    z-index: 1;
    cursor: pointer;
    float: left;
    width: 30px;
    padding: 15px 0;
    white-space: nowrap;
    overflow: hidden;
    border: 0;
    background: transparent;
    line-height: 1;
    text-align: center;
    font-weight: bold;
}

.nestable-handles .dd-item-handle {
    position: absolute;
    width: 35px;
    color: #797e81;
    background: #dee4e8;
    left: 0;
    height: 100%;
    top: 0;
    text-align: center;
    line-height: 40px;
    font-size: 1.14286rem;
}

    .nestable-handles .dd-item-handle:after {
        font-family: "Ionicons";
        content: '\f20d';
    }

    .nestable-handles .dd-item-handle + span {
        margin-left: 35px;
    }

.nestable-handles .dd-item > button {
    margin-left: 40px;
}

    .nestable-handles .dd-item > button ~ .dd-handle .dd-item-handle + span {
        margin-left: 0;
    }

[data-action="expand"] {
    display: none;
}

.dd-collapsed [data-action="collapse"] {
    display: none;
}

.dd-collapsed [data-action="expand"] {
    display: block;
}

.dd-expand {
    display: none;
}

.dd-collapsed .dd-list,
.dd-collapsed .dd-collapse {
    display: none;
}

.dd-collapsed .dd-expand {
    display: block;
}

.dd-empty,
.dd-placeholder {
    margin: 5px 0;
    padding: 0;
    min-height: 30px;
    background: #f2fbff;
    border: 1px dashed #a9aeb1;
    box-sizing: border-box;
    max-width: 500px;
}

.dd-empty {
    border: 1px dashed #bbb;
    min-height: 100px;
    background-size: 60px 60px;
    background-position: 0 0, 30px 30px;
}

.dd-dragel {
    position: absolute;
    pointer-events: none;
    z-index: 9999;
}

    .dd-dragel > .dd-item .dd-handle {
        margin-top: 0;
    }

    .dd-dragel .dd-handle {
        box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, 0.1);
    }

.dd-nochildren .dd-placeholder {
    display: none;
}

.dd-drop {
    float: right;
    cursor: pointer;
    font-weight: normal;
    font-size: 0.85714rem;
}

    .dd-drop:after {
        content: '\f106';
        font-family: 'FontAwesome';
        float: right;
        margin-left: 1ch;
    }

    .dd-drop.collapsed:after {
        content: '\f107';
    }

.dd-drop-menu {
    max-width: 500px;
}

@media (max-width: 767px) {
    .dd-list .dd-list {
        padding-left: 5px;
    }
}

/*!
 * @version: 1.2.0
 * @name: App
 *
 * @author: https://themeforest.net/user/flexlayers
 */
/*-------------------------------*/
/*          Layout Styles        */
/*-------------------------------*/
html,
body,
.reactive-app {
    height: 100%;
}

.main-wrap {
    min-height: calc(100% - 54px - 60px - 55px);
}

html {
    font-size: 14px;
    width: 100%;
}

body {
    background: #e6eff3;
    overflow-x: hidden;
}

.reactive-app {
    background: #282d38;
    z-index: 0;
    position: relative;
    right: 0;
    left: 0;
}

::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-track {
    background: #dee4e8;
}

::-webkit-scrollbar-thumb {
    background: #a9aeb1;
}

    ::-webkit-scrollbar-thumb:window-inactive {
        background: #a9aeb1;
    }

.full-width {
    margin-left: 63px;
}

.overlay {
    position: fixed;
    display: none;
}

.dash-finance-row {
    margin: 0 60px 0 0;
}

.main-wrap {
    position: relative;
    z-index: auto;
}

.content-wrap {
    /*box-shadow: 3px -3px 7px rgba(15, 16, 21, .2) inset; */
    padding: 10px 20px 10px 30px;
}

.empty-page {
    padding-left: 0 !important;
}

    .empty-page .main {
        height: 100%;
    }

.image-lazy {
    opacity: 1;
    transition: opacity .4s;
}

    .image-lazy.loading {
        opacity: 0;
    }

.empty-page .content-wrap {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    overflow-x: hidden;
    min-height: 100%;
}

    .empty-page .content-wrap > .central-block,
    .empty-page .content-wrap > footer {
        -webkit-flex: 1 100%;
        -ms-flex: 1 100%;
        flex: 1 100%;
        text-align: center;
    }

    .empty-page .content-wrap .central-block {
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
    }

    .empty-page .content-wrap footer {
        -webkit-align-self: flex-end;
        -ms-flex-item-align: end;
        align-self: flex-end;
    }

    .empty-page .content-wrap .login-icons {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }

    .empty-page .content-wrap .empty-page-content {
        max-width: 450px !important;
    }

@media (max-width: 991px) {
    .content-wrap {
        padding: 10px 20px;
    }
}

@media (max-width: 767px) {
    .content-wrap {
        padding: 5px 10px;
    }

    .dash-finance-row h2 {
        font-size: 1rem;
    }
}

/*!
 * @version: 1.2.0
 * @name: sidebar
 *
 * @author: https://themeforest.net/user/flexlayers
 */
/*!
 * @version: 1.2.0
 * @name: _variables
 *
 * @author: https://themeforest.net/user/flexlayers
 */
/*!
 * @version: 1.2.0
 * @name: _mixins
 *
 * @author: https://themeforest.net/user/flexlayers
 */
/*!
 * @version: 1.2.0
 * @name: default
 *
 * @author: https://themeforest.net/user/flexlayers
 */
.sidebar-option-default.fixed-header.sidebar-def-state-open.sidebar-type-slide .header-wrap, .sidebar-option-default.aside-header-fixed.sidebar-def-state-open.sidebar-type-slide .header-wrap {
    left: 252px;
}

.sidebar-option-default.sidebar-def-state-open .panel.panel-maximized-screen {
    left: 252px;
}

.sidebar-option-default.fixed-header.sidebar-def-state-compact.sidebar-type-slide .header-wrap, .sidebar-option-default.aside-header-fixed.sidebar-def-state-compact.sidebar-type-slide .header-wrap {
    left: 65px;
}

.sidebar-option-default.sidebar-def-state-compact .panel.panel-maximized-screen {
    left: 65px;
}

.sidebar-option-default.sidebar-state-open {
    padding-left: 252px;
}

    .sidebar-option-default.sidebar-state-open.fixed-header.sidebar-type-push .header-wrap, .sidebar-option-default.sidebar-state-open.aside-header-fixed.sidebar-type-push .header-wrap {
        left: 252px;
    }

    .sidebar-option-default.sidebar-state-open .page-loader.loader-wrap {
        left: 252px;
    }

    .sidebar-option-default.sidebar-state-open .sidebar-wrap {
        width: 252px;
    }

        .sidebar-option-default.sidebar-state-open .sidebar-wrap:after {
            width: 252px;
        }

        .sidebar-option-default.sidebar-state-open .sidebar-wrap .sidebar-menu li.footer {
            width: 252px;
        }

.sidebar-option-default.sidebar-state-compact:not(.js-open) {
    padding-left: 65px;
}

    .sidebar-option-default.sidebar-state-compact:not(.js-open).fixed-header.sidebar-type-push .header-wrap, .sidebar-option-default.sidebar-state-compact:not(.js-open).aside-header-fixed.sidebar-type-push .header-wrap {
        left: 65px;
    }

    .sidebar-option-default.sidebar-state-compact:not(.js-open) .page-loader.loader-wrap {
        left: 65px;
    }

    .sidebar-option-default.sidebar-state-compact:not(.js-open) > .sidebar-wrap {
        width: 320px;
    }

        .sidebar-option-default.sidebar-state-compact:not(.js-open) > .sidebar-wrap:after,
        .sidebar-option-default.sidebar-state-compact:not(.js-open) > .sidebar-wrap .sidebar-content {
            width: 65px;
        }

        .sidebar-option-default.sidebar-state-compact:not(.js-open) > .sidebar-wrap .app-name,
        .sidebar-option-default.sidebar-state-compact:not(.js-open) > .sidebar-wrap .app-name .compact-name {
            display: block;
        }

        .sidebar-option-default.sidebar-state-compact:not(.js-open) > .sidebar-wrap .tab-links {
            display: none;
        }

        .sidebar-option-default.sidebar-state-compact:not(.js-open) > .sidebar-wrap .profile {
            display: none;
        }

        .sidebar-option-default.sidebar-state-compact:not(.js-open) > .sidebar-wrap nav.sidebar-menu > ul > li {
            position: relative;
        }

            .sidebar-option-default.sidebar-state-compact:not(.js-open) > .sidebar-wrap nav.sidebar-menu > ul > li.nav-addon, .sidebar-option-default.sidebar-state-compact:not(.js-open) > .sidebar-wrap nav.sidebar-menu > ul > li.header {
                display: none;
            }

            .sidebar-option-default.sidebar-state-compact:not(.js-open) > .sidebar-wrap nav.sidebar-menu > ul > li.footer {
                width: 65px;
                position: fixed;
            }

                .sidebar-option-default.sidebar-state-compact:not(.js-open) > .sidebar-wrap nav.sidebar-menu > ul > li.footer > ul.sub-menu, .sidebar-option-default.sidebar-state-compact:not(.js-open) > .sidebar-wrap nav.sidebar-menu > ul > li.upward > ul.sub-menu {
                    bottom: 54px;
                    top: auto;
                }

            .sidebar-option-default.sidebar-state-compact:not(.js-open) > .sidebar-wrap nav.sidebar-menu > ul > li > a {
                padding: 16px 20px;
            }

                .sidebar-option-default.sidebar-state-compact:not(.js-open) > .sidebar-wrap nav.sidebar-menu > ul > li > a span {
                    position: absolute;
                    left: 65px;
                    width: 252px;
                    height: 54px;
                    top: 0;
                    display: none;
                    padding: 16px 20px;
                }

                .sidebar-option-default.sidebar-state-compact:not(.js-open) > .sidebar-wrap nav.sidebar-menu > ul > li > a .toggle {
                    display: none;
                }

                .sidebar-option-default.sidebar-state-compact:not(.js-open) > .sidebar-wrap nav.sidebar-menu > ul > li > a .badge {
                    position: absolute;
                    top: 8px;
                    right: 8px;
                }

            .sidebar-option-default.sidebar-state-compact:not(.js-open) > .sidebar-wrap nav.sidebar-menu > ul > li > ul.sub-menu {
                display: none !important;
                position: absolute;
                top: 54px;
                left: 65px;
                width: 252px;
                z-index: 1;
            }

            .sidebar-option-default.sidebar-state-compact:not(.js-open) > .sidebar-wrap nav.sidebar-menu > ul > li:hover > ul.sub-menu {
                display: block !important;
            }

            .sidebar-option-default.sidebar-state-compact:not(.js-open) > .sidebar-wrap nav.sidebar-menu > ul > li:hover > a span {
                display: block;
            }

        .sidebar-option-default.sidebar-state-compact:not(.js-open) > .sidebar-wrap nav.sidebar-menu > ul ul {
            background: #282d38;
        }

            .sidebar-option-default.sidebar-state-compact:not(.js-open) > .sidebar-wrap nav.sidebar-menu > ul ul ul {
                background: #1b1f26;
            }

        .sidebar-option-default.sidebar-state-compact:not(.js-open) > .sidebar-wrap nav.sidebar-menu > ul > li > a span {
            background: #1b1f26;
        }

        .sidebar-option-default.sidebar-state-compact:not(.js-open) > .sidebar-wrap .ps-scrollbar-x-rail,
        .sidebar-option-default.sidebar-state-compact:not(.js-open) > .sidebar-wrap .ps-scrollbar-y-rail {
            display: none;
        }

.sidebar-option-default.sidebar-state-close {
    padding-left: 0;
}

    .sidebar-option-default.sidebar-state-close.sidebar-type-slide .sidebar-wrap {
        left: -252px;
    }

    .sidebar-option-default.sidebar-state-close > .sidebar-wrap {
        width: 0;
    }

        .sidebar-option-default.sidebar-state-close > .sidebar-wrap > .sidebar-content {
            width: 0;
        }

.sidebar-option-default.sidebar-bg-default .sidebar-wrap .profile {
    color: #99a0b2;
}

    .sidebar-option-default.sidebar-bg-default .sidebar-wrap .profile .details {
        color: #bbc0cc;
        background: #282d38;
    }

        .sidebar-option-default.sidebar-bg-default .sidebar-wrap .profile .details .name {
            color: #bbc0cc;
        }

.sidebar-option-default.sidebar-bg-default .sidebar-wrap .footer-menu-overlay {
    background: #0f1015;
}

.sidebar-option-default.sidebar-bg-default .sidebar-wrap .sidebar-menu {
    background: #282d38;
}

    .sidebar-option-default.sidebar-bg-default .sidebar-wrap .sidebar-menu li.menu-item:hover > a,
    .sidebar-option-default.sidebar-bg-default .sidebar-wrap .sidebar-menu li.menu-item.current > a,
    .sidebar-option-default.sidebar-bg-default .sidebar-wrap .sidebar-menu li.menu-item.active > a {
        color: #bbc0cc;
        background: #1b1f26;
    }

    .sidebar-option-default.sidebar-bg-default .sidebar-wrap .sidebar-menu li.menu-item.current > a {
        border-left-color: #4c8033;
    }

    .sidebar-option-default.sidebar-bg-default .sidebar-wrap .sidebar-menu li.menu-item.current > a {
        background: #0f1015;
    }

    .sidebar-option-default.sidebar-bg-default .sidebar-wrap .sidebar-menu li.footer > a {
        background: #1b1f26;
    }

    .sidebar-option-default.sidebar-bg-default .sidebar-wrap .sidebar-menu li.footer ul {
        background: #282d38;
    }

    .sidebar-option-default.sidebar-bg-default .sidebar-wrap .sidebar-menu .sub-menu {
        background: #282d38;
    }

.sidebar-option-default.sidebar-bg-default .sidebar-wrap .tab-links {
    background: #353b4a;
}

    .sidebar-option-default.sidebar-bg-default .sidebar-wrap .tab-links a[data-toggle="tab"] {
        color: #99a0b2;
    }

        .sidebar-option-default.sidebar-bg-default .sidebar-wrap .tab-links a[data-toggle="tab"]:hover, .sidebar-option-default.sidebar-bg-default .sidebar-wrap .tab-links a[data-toggle="tab"]:active, .sidebar-option-default.sidebar-bg-default .sidebar-wrap .tab-links a[data-toggle="tab"].active {
            background: #282d38;
            color: #bbc0cc;
        }

.sidebar-option-default.sidebar-bg-default .sidebar-wrap .btn.btn-outline-sidebar {
    background: transparent;
    color: #aab0bf;
    border-color: #767f98;
}

    .sidebar-option-default.sidebar-bg-default .sidebar-wrap .btn.btn-outline-sidebar:hover, .sidebar-option-default.sidebar-bg-default .sidebar-wrap .btn.btn-outline-sidebar:active, .sidebar-option-default.sidebar-bg-default .sidebar-wrap .btn.btn-outline-sidebar:focus {
        background: #767f98;
        color: #282d38;
        border-color: #767f98;
    }

.sidebar-option-default.sidebar-bg-default .sidebar-wrap .form-control, .sidebar-option-default.sidebar-bg-default .sidebar-wrap .ui.select-dropdown .menu > .input:not(.transparent) input, .ui.select-dropdown .menu > .input:not(.transparent) .sidebar-option-default.sidebar-bg-default .sidebar-wrap input, .sidebar-option-default.sidebar-bg-default .sidebar-wrap .ui.selection.select-dropdown, .sidebar-option-default.sidebar-bg-default .sidebar-wrap select.ui.select-dropdown, .sidebar-option-default.sidebar-bg-default .sidebar-wrap .sp-container .sp-input, .sp-container .sidebar-option-default.sidebar-bg-default .sidebar-wrap .sp-input, .sidebar-option-default.sidebar-bg-default .sidebar-wrap .bootstrap-timepicker-widget table td input, .bootstrap-timepicker-widget table td .sidebar-option-default.sidebar-bg-default .sidebar-wrap input {
    border-bottom-color: #767f98;
    background-color: #1b1f26;
    color: #aab0bf;
}

    .sidebar-option-default.sidebar-bg-default .sidebar-wrap .form-control:active, .sidebar-option-default.sidebar-bg-default .sidebar-wrap .ui.select-dropdown .menu > .input:not(.transparent) input:active, .ui.select-dropdown .menu > .input:not(.transparent) .sidebar-option-default.sidebar-bg-default .sidebar-wrap input:active, .sidebar-option-default.sidebar-bg-default .sidebar-wrap .ui.selection.select-dropdown:active, .sidebar-option-default.sidebar-bg-default .sidebar-wrap select.ui.select-dropdown:active, .sidebar-option-default.sidebar-bg-default .sidebar-wrap .sp-container .sp-input:active, .sp-container .sidebar-option-default.sidebar-bg-default .sidebar-wrap .sp-input:active, .sidebar-option-default.sidebar-bg-default .sidebar-wrap .bootstrap-timepicker-widget table td input:active, .bootstrap-timepicker-widget table td .sidebar-option-default.sidebar-bg-default .sidebar-wrap input:active, .sidebar-option-default.sidebar-bg-default .sidebar-wrap .form-control:focus, .sidebar-option-default.sidebar-bg-default .sidebar-wrap .ui.select-dropdown .menu > .input:not(.transparent) input:focus, .ui.select-dropdown .menu > .input:not(.transparent) .sidebar-option-default.sidebar-bg-default .sidebar-wrap input:focus, .sidebar-option-default.sidebar-bg-default .sidebar-wrap .ui.selection.select-dropdown:focus, .sidebar-option-default.sidebar-bg-default .sidebar-wrap select.ui.select-dropdown:focus, .sidebar-option-default.sidebar-bg-default .sidebar-wrap .ui.selection.active.select-dropdown, .sidebar-option-default.sidebar-bg-default .sidebar-wrap select.active.ui.select-dropdown, .sidebar-option-default.sidebar-bg-default .sidebar-wrap .sp-container .sp-input:focus, .sp-container .sidebar-option-default.sidebar-bg-default .sidebar-wrap .sp-input:focus, .sidebar-option-default.sidebar-bg-default .sidebar-wrap .bootstrap-timepicker-widget table td input:focus, .bootstrap-timepicker-widget table td .sidebar-option-default.sidebar-bg-default .sidebar-wrap input:focus {
        background: #1b1f26;
        color: #aab0bf;
        border-color: #4c8033;
    }

.sidebar-option-default.sidebar-bg-default .sidebar-wrap .ui.checkbox .box:before, .sidebar-option-default.sidebar-bg-default .sidebar-wrap .ui.checkbox label:before {
    background-color: #1b1f26;
    border-color: #1b1f26;
}

.sidebar-option-default.sidebar-bg-default .sidebar-wrap .ui.checkbox label:not(.has-state), .sidebar-option-default.sidebar-bg-default .sidebar-wrap .ui.checkbox + label:not(.has-state) {
    color: #8790a5;
}

.sidebar-option-default.sidebar-bg-default .sidebar-wrap .noUi-target {
    background-color: #1b1f26;
}

.sidebar-option-default.sidebar-bg-default .sidebar-wrap .ui.select-dropdown .menu {
    background-color: #1b1f26;
    border-color: #1b1f26;
    color: #99a0b2;
}

    .sidebar-option-default.sidebar-bg-default .sidebar-wrap .ui.select-dropdown .menu > .item {
        color: #99a0b2;
    }

        .sidebar-option-default.sidebar-bg-default .sidebar-wrap .ui.select-dropdown .menu > .active.item,
        .sidebar-option-default.sidebar-bg-default .sidebar-wrap .ui.select-dropdown .menu > .item:active,
        .sidebar-option-default.sidebar-bg-default .sidebar-wrap .ui.select-dropdown .menu > .item:hover {
            background-color: #0f1015;
            color: #aab0bf;
        }

.sidebar-option-default.sidebar-bg-default.sidebar-state-compact .sidebar-wrap:after {
    background: #282d38;
}

.sidebar-option-default.sidebar-bg-default.sidebar-state-open .sidebar-wrap {
    background: #282d38;
}

.sidebar-option-default.sidebar-bg-default.sidebar-state-close .sidebar-wrap {
    background: #282d38;
}

.sidebar-option-default.sidebar-bg-one .sidebar-wrap {
    background-size: cover;
}

    .sidebar-option-default.sidebar-bg-one .sidebar-wrap:after {
        background: linear-gradient(rgba(15, 16, 21, 0.7), #0f1015), url("../img/profile-bg.jpg") top no-repeat;
        background-size: cover;
    }

    .sidebar-option-default.sidebar-bg-one .sidebar-wrap .profile .about {
        color: #99a0b2;
    }

        .sidebar-option-default.sidebar-bg-one .sidebar-wrap .profile .about h3 {
            color: #bbc0cc;
        }

    .sidebar-option-default.sidebar-bg-one .sidebar-wrap .profile .picture {
        border-color: #aab0bf;
    }

    .sidebar-option-default.sidebar-bg-one .sidebar-wrap .btn.btn-outline-sidebar {
        background: transparent;
        color: #aab0bf;
        border-color: #767f98;
    }

        .sidebar-option-default.sidebar-bg-one .sidebar-wrap .btn.btn-outline-sidebar:hover, .sidebar-option-default.sidebar-bg-one .sidebar-wrap .btn.btn-outline-sidebar:active, .sidebar-option-default.sidebar-bg-one .sidebar-wrap .btn.btn-outline-sidebar:focus {
            background: #767f98;
            color: #282d38;
            border-color: #767f98;
        }

    .sidebar-option-default.sidebar-bg-one .sidebar-wrap .form-control, .sidebar-option-default.sidebar-bg-one .sidebar-wrap .ui.select-dropdown .menu > .input:not(.transparent) input, .ui.select-dropdown .menu > .input:not(.transparent) .sidebar-option-default.sidebar-bg-one .sidebar-wrap input, .sidebar-option-default.sidebar-bg-one .sidebar-wrap .ui.selection.select-dropdown, .sidebar-option-default.sidebar-bg-one .sidebar-wrap select.ui.select-dropdown, .sidebar-option-default.sidebar-bg-one .sidebar-wrap .sp-container .sp-input, .sp-container .sidebar-option-default.sidebar-bg-one .sidebar-wrap .sp-input, .sidebar-option-default.sidebar-bg-one .sidebar-wrap .bootstrap-timepicker-widget table td input, .bootstrap-timepicker-widget table td .sidebar-option-default.sidebar-bg-one .sidebar-wrap input {
        border-bottom-color: #767f98;
        background-color: #1b1f26;
        color: #aab0bf;
    }

        .sidebar-option-default.sidebar-bg-one .sidebar-wrap .form-control:active, .sidebar-option-default.sidebar-bg-one .sidebar-wrap .ui.select-dropdown .menu > .input:not(.transparent) input:active, .ui.select-dropdown .menu > .input:not(.transparent) .sidebar-option-default.sidebar-bg-one .sidebar-wrap input:active, .sidebar-option-default.sidebar-bg-one .sidebar-wrap .ui.selection.select-dropdown:active, .sidebar-option-default.sidebar-bg-one .sidebar-wrap select.ui.select-dropdown:active, .sidebar-option-default.sidebar-bg-one .sidebar-wrap .sp-container .sp-input:active, .sp-container .sidebar-option-default.sidebar-bg-one .sidebar-wrap .sp-input:active, .sidebar-option-default.sidebar-bg-one .sidebar-wrap .bootstrap-timepicker-widget table td input:active, .bootstrap-timepicker-widget table td .sidebar-option-default.sidebar-bg-one .sidebar-wrap input:active, .sidebar-option-default.sidebar-bg-one .sidebar-wrap .form-control:focus, .sidebar-option-default.sidebar-bg-one .sidebar-wrap .ui.select-dropdown .menu > .input:not(.transparent) input:focus, .ui.select-dropdown .menu > .input:not(.transparent) .sidebar-option-default.sidebar-bg-one .sidebar-wrap input:focus, .sidebar-option-default.sidebar-bg-one .sidebar-wrap .ui.selection.select-dropdown:focus, .sidebar-option-default.sidebar-bg-one .sidebar-wrap select.ui.select-dropdown:focus, .sidebar-option-default.sidebar-bg-one .sidebar-wrap .ui.selection.active.select-dropdown, .sidebar-option-default.sidebar-bg-one .sidebar-wrap select.active.ui.select-dropdown, .sidebar-option-default.sidebar-bg-one .sidebar-wrap .sp-container .sp-input:focus, .sp-container .sidebar-option-default.sidebar-bg-one .sidebar-wrap .sp-input:focus, .sidebar-option-default.sidebar-bg-one .sidebar-wrap .bootstrap-timepicker-widget table td input:focus, .bootstrap-timepicker-widget table td .sidebar-option-default.sidebar-bg-one .sidebar-wrap input:focus {
            background: #1b1f26;
            color: #aab0bf;
            border-color: #4c8033;
        }

    .sidebar-option-default.sidebar-bg-one .sidebar-wrap .ui.checkbox .box:before, .sidebar-option-default.sidebar-bg-one .sidebar-wrap .ui.checkbox label:before {
        background-color: #1b1f26;
        border-color: #1b1f26;
    }

    .sidebar-option-default.sidebar-bg-one .sidebar-wrap .ui.checkbox label:not(.has-state), .sidebar-option-default.sidebar-bg-one .sidebar-wrap .ui.checkbox + label:not(.has-state) {
        color: #8790a5;
    }

    .sidebar-option-default.sidebar-bg-one .sidebar-wrap .noUi-target {
        background-color: #1b1f26;
    }

    .sidebar-option-default.sidebar-bg-one .sidebar-wrap .ui.select-dropdown .menu {
        background-color: #1b1f26;
        border-color: #1b1f26;
        color: #99a0b2;
    }

        .sidebar-option-default.sidebar-bg-one .sidebar-wrap .ui.select-dropdown .menu > .item {
            color: #99a0b2;
        }

            .sidebar-option-default.sidebar-bg-one .sidebar-wrap .ui.select-dropdown .menu > .active.item,
            .sidebar-option-default.sidebar-bg-one .sidebar-wrap .ui.select-dropdown .menu > .item:active,
            .sidebar-option-default.sidebar-bg-one .sidebar-wrap .ui.select-dropdown .menu > .item:hover {
                background-color: #0f1015;
                color: #aab0bf;
            }

.sidebar-option-default.sidebar-bg-one .footer-menu-overlay {
    background: #0f1015;
}

.sidebar-option-default.sidebar-bg-one .sidebar-menu li.menu-item:hover > a,
.sidebar-option-default.sidebar-bg-one .sidebar-menu li.menu-item.current > a,
.sidebar-option-default.sidebar-bg-one .sidebar-menu li.menu-item.active > a {
    color: #bbc0cc;
    background: rgba(27, 31, 38, 0.9);
}

.sidebar-option-default.sidebar-bg-one .sidebar-menu li.menu-item.current > a {
    border-left-color: #4c8033;
}

.sidebar-option-default.sidebar-bg-one .sidebar-menu li.menu-item.current > a {
    background: #0f1015;
}

.sidebar-option-default.sidebar-bg-one .sidebar-menu li.footer > a {
    background: #1b1f26;
}

.sidebar-option-default.sidebar-bg-one .sidebar-menu li.footer ul {
    background: #282d38;
}

.sidebar-option-default.sidebar-bg-one .sidebar-menu .sub-menu {
    background: rgba(15, 16, 21, 0.5);
}

.sidebar-option-default.sidebar-bg-one.sidebar-state-compact .sidebar-wrap nav.sidebar-menu li .sub-menu.menu-item:hover > a,
.sidebar-option-default.sidebar-bg-one.sidebar-state-compact .sidebar-wrap nav.sidebar-menu li .sub-menu.menu-item.current > a,
.sidebar-option-default.sidebar-bg-one.sidebar-state-compact .sidebar-wrap nav.sidebar-menu li .sub-menu.menu-item.active > a {
    color: #bbc0cc;
    background: #1b1f26;
}

.sidebar-option-default.sidebar-bg-one.sidebar-state-compact .sidebar-wrap nav.sidebar-menu li .sub-menu.menu-item.current > a {
    border-left-color: #4c8033;
}

.sidebar-option-default.sidebar-bg-one.sidebar-state-compact .sidebar-wrap nav.sidebar-menu li .sub-menu.menu-item.current > a {
    background: #0f1015;
}

.sidebar-option-default.sidebar-bg-one .tab-links a[data-toggle="tab"] {
    color: #99a0b2;
}

    .sidebar-option-default.sidebar-bg-one .tab-links a[data-toggle="tab"]:hover, .sidebar-option-default.sidebar-bg-one .tab-links a[data-toggle="tab"]:active, .sidebar-option-default.sidebar-bg-one .tab-links a[data-toggle="tab"].active {
        color: #bbc0cc;
    }

.sidebar-option-default.sidebar-bg-one .sidebar-wrap .tab-links a[data-toggle="tab"] {
    border-bottom-width: 0;
    height: 63px;
}

    .sidebar-option-default.sidebar-bg-one .sidebar-wrap .tab-links a[data-toggle="tab"]:hover, .sidebar-option-default.sidebar-bg-one .sidebar-wrap .tab-links a[data-toggle="tab"]:active, .sidebar-option-default.sidebar-bg-one .sidebar-wrap .tab-links a[data-toggle="tab"].active {
        background: none;
        border-bottom-width: 4px;
    }

    .sidebar-option-default.sidebar-bg-one .sidebar-wrap .tab-links a[data-toggle="tab"] i {
        font-size: 20px;
    }

    .sidebar-option-default.sidebar-bg-one .sidebar-wrap .tab-links a[data-toggle="tab"] .badge {
        top: 10px;
    }

.sidebar-option-default.sidebar-bg-one .sidebar-wrap .profile .details {
    padding: 23px;
}

    .sidebar-option-default.sidebar-bg-one .sidebar-wrap .profile .details .about {
        margin-top: 20px;
        font-size: 1rem;
        float: none;
        text-align: center;
    }

    .sidebar-option-default.sidebar-bg-one .sidebar-wrap .profile .details .sbg-settings {
        display: inline-block;
        position: absolute;
        top: 10px;
        right: 14px;
    }

    .sidebar-option-default.sidebar-bg-one .sidebar-wrap .profile .details .sbg-title {
        display: block;
    }

    .sidebar-option-default.sidebar-bg-one .sidebar-wrap .profile .details .settings {
        display: none;
    }

.sidebar-option-default.sidebar-bg-one .sidebar-wrap .profile .picture {
    border: 1px solid;
    margin: 0 auto;
    display: block;
}

@media (min-width: 768px) {
    .sidebar-option-default.sidebar-bg-one .sidebar-wrap .profile .about h3 {
        font-size: 1.14286rem;
    }

    .sidebar-option-default.sidebar-bg-one .sidebar-wrap .profile .picture {
        width: 100px;
        height: 100px;
        float: none;
    }
}

@media (max-width: 767px) {
    .sidebar-option-default.sidebar-bg-one .sidebar-wrap .profile .about h3 {
        font-size: 1rem;
    }

    .sidebar-option-default.sidebar-bg-one .sidebar-wrap .profile .picture {
        width: 55px;
        height: 55px;
    }
}

.sidebar-option-default .sidebar-wrap .sidebar-content {
    width: 252px;
}

.sidebar-option-default .sidebar-wrap .profile {
    overflow: hidden;
}

    .sidebar-option-default .sidebar-wrap .profile .details {
        padding: 30px;
        position: relative;
    }

        .sidebar-option-default .sidebar-wrap .profile .details .name {
            font-size: 1rem;
            line-height: 2rem;
        }

        .sidebar-option-default .sidebar-wrap .profile .details .about {
            margin-top: 10px;
            font-size: 0.85714rem;
        }

        .sidebar-option-default .sidebar-wrap .profile .details .sbg-settings,
        .sidebar-option-default .sidebar-wrap .profile .details .sbg-title {
            display: none;
        }

    .sidebar-option-default .sidebar-wrap .profile .picture {
        background-repeat: no-repeat;
        width: 65px;
        height: 65px;
        border: 1px solid #bbc0cc;
        vertical-align: middle;
        margin-right: 20px;
        display: inline-block;
    }

.sidebar-option-default .sidebar-wrap .tab-links ul {
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

.sidebar-option-default .sidebar-wrap .tab-links a[data-toggle="tab"] {
    min-width: 63px;
    height: 58px;
    line-height: 58px;
}

    .sidebar-option-default .sidebar-wrap .tab-links a[data-toggle="tab"] i {
        font-size: 18px;
    }

.sidebar-option-default .sidebar-wrap .tab-links .badge {
    top: 8px;
    right: 10px;
}

/*!
 * @version: 1.2.0
 * @name: theme1
 *
 * @author: https://themeforest.net/user/flexlayers
 */
.sidebar-option-theme1.sidebar-bg-default .sidebar-wrap .profile {
    color: #99a0b2;
}

    .sidebar-option-theme1.sidebar-bg-default .sidebar-wrap .profile .details {
        color: #bbc0cc;
    }

        .sidebar-option-theme1.sidebar-bg-default .sidebar-wrap .profile .details .name {
            color: #bbc0cc;
        }

.sidebar-option-theme1.sidebar-bg-default .sidebar-wrap .footer-menu-overlay {
    background: #0f1015;
}

.sidebar-option-theme1.sidebar-bg-default .sidebar-wrap .sidebar-menu {
    background: #282d38;
}

    .sidebar-option-theme1.sidebar-bg-default .sidebar-wrap .sidebar-menu li.menu-item:hover > a,
    .sidebar-option-theme1.sidebar-bg-default .sidebar-wrap .sidebar-menu li.menu-item.current > a,
    .sidebar-option-theme1.sidebar-bg-default .sidebar-wrap .sidebar-menu li.menu-item.active > a {
        color: #bbc0cc;
        background: #1b1f26;
    }

    .sidebar-option-theme1.sidebar-bg-default .sidebar-wrap .sidebar-menu li.menu-item.current > a {
        border-left-color: #4c8033;
    }

    .sidebar-option-theme1.sidebar-bg-default .sidebar-wrap .sidebar-menu li.menu-item.current > a {
        background: #0f1015;
    }

    .sidebar-option-theme1.sidebar-bg-default .sidebar-wrap .sidebar-menu li.footer > a {
        background: #1b1f26;
    }

    .sidebar-option-theme1.sidebar-bg-default .sidebar-wrap .sidebar-menu li.footer ul {
        background: #282d38;
    }

    .sidebar-option-theme1.sidebar-bg-default .sidebar-wrap .sidebar-menu .sub-menu {
        background: #282d38;
    }

.sidebar-option-theme1.sidebar-bg-default .sidebar-wrap .tab-links {
    background: #1b1f26;
}

    .sidebar-option-theme1.sidebar-bg-default .sidebar-wrap .tab-links a[data-toggle="tab"] {
        color: #99a0b2;
    }

        .sidebar-option-theme1.sidebar-bg-default .sidebar-wrap .tab-links a[data-toggle="tab"]:hover, .sidebar-option-theme1.sidebar-bg-default .sidebar-wrap .tab-links a[data-toggle="tab"]:active, .sidebar-option-theme1.sidebar-bg-default .sidebar-wrap .tab-links a[data-toggle="tab"].active {
            background: #242832;
            color: #bbc0cc;
        }

.sidebar-option-theme1.sidebar-bg-default .sidebar-wrap .btn.btn-outline-sidebar {
    background: transparent;
    color: #aab0bf;
    border-color: #767f98;
}

    .sidebar-option-theme1.sidebar-bg-default .sidebar-wrap .btn.btn-outline-sidebar:hover, .sidebar-option-theme1.sidebar-bg-default .sidebar-wrap .btn.btn-outline-sidebar:active, .sidebar-option-theme1.sidebar-bg-default .sidebar-wrap .btn.btn-outline-sidebar:focus {
        background: #767f98;
        color: #282d38;
        border-color: #767f98;
    }

.sidebar-option-theme1.sidebar-bg-default .sidebar-wrap .form-control, .sidebar-option-theme1.sidebar-bg-default .sidebar-wrap .ui.select-dropdown .menu > .input:not(.transparent) input, .ui.select-dropdown .menu > .input:not(.transparent) .sidebar-option-theme1.sidebar-bg-default .sidebar-wrap input, .sidebar-option-theme1.sidebar-bg-default .sidebar-wrap .ui.selection.select-dropdown, .sidebar-option-theme1.sidebar-bg-default .sidebar-wrap select.ui.select-dropdown, .sidebar-option-theme1.sidebar-bg-default .sidebar-wrap .sp-container .sp-input, .sp-container .sidebar-option-theme1.sidebar-bg-default .sidebar-wrap .sp-input, .sidebar-option-theme1.sidebar-bg-default .sidebar-wrap .bootstrap-timepicker-widget table td input, .bootstrap-timepicker-widget table td .sidebar-option-theme1.sidebar-bg-default .sidebar-wrap input {
    border-bottom-color: #767f98;
    background-color: #1b1f26;
    color: #aab0bf;
}

    .sidebar-option-theme1.sidebar-bg-default .sidebar-wrap .form-control:active, .sidebar-option-theme1.sidebar-bg-default .sidebar-wrap .ui.select-dropdown .menu > .input:not(.transparent) input:active, .ui.select-dropdown .menu > .input:not(.transparent) .sidebar-option-theme1.sidebar-bg-default .sidebar-wrap input:active, .sidebar-option-theme1.sidebar-bg-default .sidebar-wrap .ui.selection.select-dropdown:active, .sidebar-option-theme1.sidebar-bg-default .sidebar-wrap select.ui.select-dropdown:active, .sidebar-option-theme1.sidebar-bg-default .sidebar-wrap .sp-container .sp-input:active, .sp-container .sidebar-option-theme1.sidebar-bg-default .sidebar-wrap .sp-input:active, .sidebar-option-theme1.sidebar-bg-default .sidebar-wrap .bootstrap-timepicker-widget table td input:active, .bootstrap-timepicker-widget table td .sidebar-option-theme1.sidebar-bg-default .sidebar-wrap input:active, .sidebar-option-theme1.sidebar-bg-default .sidebar-wrap .form-control:focus, .sidebar-option-theme1.sidebar-bg-default .sidebar-wrap .ui.select-dropdown .menu > .input:not(.transparent) input:focus, .ui.select-dropdown .menu > .input:not(.transparent) .sidebar-option-theme1.sidebar-bg-default .sidebar-wrap input:focus, .sidebar-option-theme1.sidebar-bg-default .sidebar-wrap .ui.selection.select-dropdown:focus, .sidebar-option-theme1.sidebar-bg-default .sidebar-wrap select.ui.select-dropdown:focus, .sidebar-option-theme1.sidebar-bg-default .sidebar-wrap .ui.selection.active.select-dropdown, .sidebar-option-theme1.sidebar-bg-default .sidebar-wrap select.active.ui.select-dropdown, .sidebar-option-theme1.sidebar-bg-default .sidebar-wrap .sp-container .sp-input:focus, .sp-container .sidebar-option-theme1.sidebar-bg-default .sidebar-wrap .sp-input:focus, .sidebar-option-theme1.sidebar-bg-default .sidebar-wrap .bootstrap-timepicker-widget table td input:focus, .bootstrap-timepicker-widget table td .sidebar-option-theme1.sidebar-bg-default .sidebar-wrap input:focus {
        background: #1b1f26;
        color: #aab0bf;
        border-color: #4c8033;
    }

.sidebar-option-theme1.sidebar-bg-default .sidebar-wrap .ui.checkbox .box:before, .sidebar-option-theme1.sidebar-bg-default .sidebar-wrap .ui.checkbox label:before {
    background-color: #1b1f26;
    border-color: #1b1f26;
}

.sidebar-option-theme1.sidebar-bg-default .sidebar-wrap .ui.checkbox label:not(.has-state), .sidebar-option-theme1.sidebar-bg-default .sidebar-wrap .ui.checkbox + label:not(.has-state) {
    color: #8790a5;
}

.sidebar-option-theme1.sidebar-bg-default .sidebar-wrap .noUi-target {
    background-color: #1b1f26;
}

.sidebar-option-theme1.sidebar-bg-default .sidebar-wrap .ui.select-dropdown .menu {
    background-color: #1b1f26;
    border-color: #1b1f26;
    color: #99a0b2;
}

    .sidebar-option-theme1.sidebar-bg-default .sidebar-wrap .ui.select-dropdown .menu > .item {
        color: #99a0b2;
    }

        .sidebar-option-theme1.sidebar-bg-default .sidebar-wrap .ui.select-dropdown .menu > .active.item,
        .sidebar-option-theme1.sidebar-bg-default .sidebar-wrap .ui.select-dropdown .menu > .item:active,
        .sidebar-option-theme1.sidebar-bg-default .sidebar-wrap .ui.select-dropdown .menu > .item:hover {
            background-color: #0f1015;
            color: #aab0bf;
        }

.sidebar-option-theme1.sidebar-bg-default.sidebar-state-compact .sidebar-wrap:after {
    background: #282d38;
}

.sidebar-option-theme1.sidebar-bg-default .sidebar-wrap {
    background: #282d38;
}

    .sidebar-option-theme1.sidebar-bg-default .sidebar-wrap .sidebar-content {
        background: #282d38;
    }

@media (max-width: 767px) {
    .sidebar-option-theme1.sidebar-bg-default .sidebar-wrap .profile .details {
        padding: 30px 25px 25px;
    }

        .sidebar-option-theme1.sidebar-bg-default .sidebar-wrap .profile .details .about {
            margin-top: 10px;
            font-size: 1rem;
            float: none;
            text-align: center;
            color: #99a0b2;
        }

            .sidebar-option-theme1.sidebar-bg-default .sidebar-wrap .profile .details .about h3 {
                font-size: 1.14286rem;
                color: #cdd0d9;
            }

        .sidebar-option-theme1.sidebar-bg-default .sidebar-wrap .profile .details .picture {
            width: 60px;
            height: 60px;
        }
}

@media (min-width: 768px) {
    .sidebar-option-theme1.sidebar-bg-default .sidebar-wrap .profile .details {
        padding: 30px 25px 25px;
    }

        .sidebar-option-theme1.sidebar-bg-default .sidebar-wrap .profile .details .picture {
            width: 85px;
            height: 85px;
            float: none;
        }
}

.sidebar-option-theme1.sidebar-bg-default .sidebar-wrap .profile .details {
    background: linear-gradient(rgba(40, 45, 56, 0.1), rgba(40, 45, 56, 0.3)), url("../img/profile-bg.jpg");
    background-size: 300% 180%;
}

    .sidebar-option-theme1.sidebar-bg-default .sidebar-wrap .profile .details .about {
        margin-top: 10px;
        font-size: 1rem;
        float: none;
        text-align: center;
        color: #99a0b2;
    }

        .sidebar-option-theme1.sidebar-bg-default .sidebar-wrap .profile .details .about h3 {
            font-size: 1.14286rem;
            color: #cdd0d9;
        }

    .sidebar-option-theme1.sidebar-bg-default .sidebar-wrap .profile .details .sbg-settings {
        display: none;
    }

    .sidebar-option-theme1.sidebar-bg-default .sidebar-wrap .profile .details .sbg-title {
        display: none;
    }

    .sidebar-option-theme1.sidebar-bg-default .sidebar-wrap .profile .details .settings {
        display: block;
        color: #cdd0d9;
    }

    .sidebar-option-theme1.sidebar-bg-default .sidebar-wrap .profile .details .picture {
        border: 2px solid #aab0bf;
        margin: 0 auto;
        display: block;
    }

.sidebar-option-theme1.sidebar-bg-one .sidebar-wrap {
    background-size: cover;
}

    .sidebar-option-theme1.sidebar-bg-one .sidebar-wrap:after {
        background: linear-gradient(rgba(15, 16, 21, 0.7), #0f1015), url("../img/profile-bg.jpg") top no-repeat;
        background-size: cover;
    }

    .sidebar-option-theme1.sidebar-bg-one .sidebar-wrap .profile .about {
        color: #99a0b2;
    }

        .sidebar-option-theme1.sidebar-bg-one .sidebar-wrap .profile .about h3 {
            color: #bbc0cc;
        }

    .sidebar-option-theme1.sidebar-bg-one .sidebar-wrap .profile .picture {
        border-color: #aab0bf;
    }

    .sidebar-option-theme1.sidebar-bg-one .sidebar-wrap .btn.btn-outline-sidebar {
        background: transparent;
        color: #aab0bf;
        border-color: #767f98;
    }

        .sidebar-option-theme1.sidebar-bg-one .sidebar-wrap .btn.btn-outline-sidebar:hover, .sidebar-option-theme1.sidebar-bg-one .sidebar-wrap .btn.btn-outline-sidebar:active, .sidebar-option-theme1.sidebar-bg-one .sidebar-wrap .btn.btn-outline-sidebar:focus {
            background: #767f98;
            color: #282d38;
            border-color: #767f98;
        }

    .sidebar-option-theme1.sidebar-bg-one .sidebar-wrap .form-control, .sidebar-option-theme1.sidebar-bg-one .sidebar-wrap .ui.select-dropdown .menu > .input:not(.transparent) input, .ui.select-dropdown .menu > .input:not(.transparent) .sidebar-option-theme1.sidebar-bg-one .sidebar-wrap input, .sidebar-option-theme1.sidebar-bg-one .sidebar-wrap .ui.selection.select-dropdown, .sidebar-option-theme1.sidebar-bg-one .sidebar-wrap select.ui.select-dropdown, .sidebar-option-theme1.sidebar-bg-one .sidebar-wrap .sp-container .sp-input, .sp-container .sidebar-option-theme1.sidebar-bg-one .sidebar-wrap .sp-input, .sidebar-option-theme1.sidebar-bg-one .sidebar-wrap .bootstrap-timepicker-widget table td input, .bootstrap-timepicker-widget table td .sidebar-option-theme1.sidebar-bg-one .sidebar-wrap input {
        border-bottom-color: #767f98;
        background-color: #1b1f26;
        color: #aab0bf;
    }

        .sidebar-option-theme1.sidebar-bg-one .sidebar-wrap .form-control:active, .sidebar-option-theme1.sidebar-bg-one .sidebar-wrap .ui.select-dropdown .menu > .input:not(.transparent) input:active, .ui.select-dropdown .menu > .input:not(.transparent) .sidebar-option-theme1.sidebar-bg-one .sidebar-wrap input:active, .sidebar-option-theme1.sidebar-bg-one .sidebar-wrap .ui.selection.select-dropdown:active, .sidebar-option-theme1.sidebar-bg-one .sidebar-wrap select.ui.select-dropdown:active, .sidebar-option-theme1.sidebar-bg-one .sidebar-wrap .sp-container .sp-input:active, .sp-container .sidebar-option-theme1.sidebar-bg-one .sidebar-wrap .sp-input:active, .sidebar-option-theme1.sidebar-bg-one .sidebar-wrap .bootstrap-timepicker-widget table td input:active, .bootstrap-timepicker-widget table td .sidebar-option-theme1.sidebar-bg-one .sidebar-wrap input:active, .sidebar-option-theme1.sidebar-bg-one .sidebar-wrap .form-control:focus, .sidebar-option-theme1.sidebar-bg-one .sidebar-wrap .ui.select-dropdown .menu > .input:not(.transparent) input:focus, .ui.select-dropdown .menu > .input:not(.transparent) .sidebar-option-theme1.sidebar-bg-one .sidebar-wrap input:focus, .sidebar-option-theme1.sidebar-bg-one .sidebar-wrap .ui.selection.select-dropdown:focus, .sidebar-option-theme1.sidebar-bg-one .sidebar-wrap select.ui.select-dropdown:focus, .sidebar-option-theme1.sidebar-bg-one .sidebar-wrap .ui.selection.active.select-dropdown, .sidebar-option-theme1.sidebar-bg-one .sidebar-wrap select.active.ui.select-dropdown, .sidebar-option-theme1.sidebar-bg-one .sidebar-wrap .sp-container .sp-input:focus, .sp-container .sidebar-option-theme1.sidebar-bg-one .sidebar-wrap .sp-input:focus, .sidebar-option-theme1.sidebar-bg-one .sidebar-wrap .bootstrap-timepicker-widget table td input:focus, .bootstrap-timepicker-widget table td .sidebar-option-theme1.sidebar-bg-one .sidebar-wrap input:focus {
            background: #1b1f26;
            color: #aab0bf;
            border-color: #4c8033;
        }

    .sidebar-option-theme1.sidebar-bg-one .sidebar-wrap .ui.checkbox .box:before, .sidebar-option-theme1.sidebar-bg-one .sidebar-wrap .ui.checkbox label:before {
        background-color: #1b1f26;
        border-color: #1b1f26;
    }

    .sidebar-option-theme1.sidebar-bg-one .sidebar-wrap .ui.checkbox label:not(.has-state), .sidebar-option-theme1.sidebar-bg-one .sidebar-wrap .ui.checkbox + label:not(.has-state) {
        color: #8790a5;
    }

    .sidebar-option-theme1.sidebar-bg-one .sidebar-wrap .noUi-target {
        background-color: #1b1f26;
    }

    .sidebar-option-theme1.sidebar-bg-one .sidebar-wrap .ui.select-dropdown .menu {
        background-color: #1b1f26;
        border-color: #1b1f26;
        color: #99a0b2;
    }

        .sidebar-option-theme1.sidebar-bg-one .sidebar-wrap .ui.select-dropdown .menu > .item {
            color: #99a0b2;
        }

            .sidebar-option-theme1.sidebar-bg-one .sidebar-wrap .ui.select-dropdown .menu > .active.item,
            .sidebar-option-theme1.sidebar-bg-one .sidebar-wrap .ui.select-dropdown .menu > .item:active,
            .sidebar-option-theme1.sidebar-bg-one .sidebar-wrap .ui.select-dropdown .menu > .item:hover {
                background-color: #0f1015;
                color: #aab0bf;
            }

.sidebar-option-theme1.sidebar-bg-one .footer-menu-overlay {
    background: #0f1015;
}

.sidebar-option-theme1.sidebar-bg-one .sidebar-menu li.menu-item:hover > a,
.sidebar-option-theme1.sidebar-bg-one .sidebar-menu li.menu-item.current > a,
.sidebar-option-theme1.sidebar-bg-one .sidebar-menu li.menu-item.active > a {
    color: #bbc0cc;
    background: rgba(27, 31, 38, 0.9);
}

.sidebar-option-theme1.sidebar-bg-one .sidebar-menu li.menu-item.current > a {
    border-left-color: #4c8033;
}

.sidebar-option-theme1.sidebar-bg-one .sidebar-menu li.menu-item.current > a {
    background: #0f1015;
}

.sidebar-option-theme1.sidebar-bg-one .sidebar-menu li.footer > a {
    background: #1b1f26;
}

.sidebar-option-theme1.sidebar-bg-one .sidebar-menu li.footer ul {
    background: #282d38;
}

.sidebar-option-theme1.sidebar-bg-one .sidebar-menu .sub-menu {
    background: rgba(15, 16, 21, 0.5);
}

.sidebar-option-theme1.sidebar-bg-one.sidebar-state-compact .sidebar-wrap nav.sidebar-menu li .sub-menu.menu-item:hover > a,
.sidebar-option-theme1.sidebar-bg-one.sidebar-state-compact .sidebar-wrap nav.sidebar-menu li .sub-menu.menu-item.current > a,
.sidebar-option-theme1.sidebar-bg-one.sidebar-state-compact .sidebar-wrap nav.sidebar-menu li .sub-menu.menu-item.active > a {
    color: #bbc0cc;
    background: #1b1f26;
}

.sidebar-option-theme1.sidebar-bg-one.sidebar-state-compact .sidebar-wrap nav.sidebar-menu li .sub-menu.menu-item.current > a {
    border-left-color: #4c8033;
}

.sidebar-option-theme1.sidebar-bg-one.sidebar-state-compact .sidebar-wrap nav.sidebar-menu li .sub-menu.menu-item.current > a {
    background: #0f1015;
}

.sidebar-option-theme1.sidebar-bg-one .tab-links a[data-toggle="tab"] {
    color: #99a0b2;
}

    .sidebar-option-theme1.sidebar-bg-one .tab-links a[data-toggle="tab"]:hover, .sidebar-option-theme1.sidebar-bg-one .tab-links a[data-toggle="tab"]:active, .sidebar-option-theme1.sidebar-bg-one .tab-links a[data-toggle="tab"].active {
        color: #bbc0cc;
    }

@media (min-width: 768px) {
    .sidebar-option-theme1.fixed-header.sidebar-def-state-open.sidebar-type-slide .header-wrap, .sidebar-option-theme1.aside-header-fixed.sidebar-def-state-open.sidebar-type-slide .header-wrap {
        left: 382px;
    }

    .sidebar-option-theme1.sidebar-def-state-open .panel.panel-maximized-screen {
        left: 382px;
    }

    .sidebar-option-theme1.fixed-header.sidebar-def-state-compact.sidebar-type-slide .header-wrap, .sidebar-option-theme1.aside-header-fixed.sidebar-def-state-compact.sidebar-type-slide .header-wrap {
        left: 102px;
    }

    .sidebar-option-theme1.sidebar-def-state-compact .panel.panel-maximized-screen {
        left: 102px;
    }

    .sidebar-option-theme1.sidebar-type-slide.sidebar-def-state-close > .sidebar-wrap.velocity-animating .tab-links {
        position: absolute;
    }

    .sidebar-option-theme1.sidebar-state-open {
        padding-left: 382px;
    }

        .sidebar-option-theme1.sidebar-state-open.fixed-header.sidebar-type-push .header-wrap, .sidebar-option-theme1.sidebar-state-open.aside-header-fixed.sidebar-type-push .header-wrap {
            left: 382px;
        }

        .sidebar-option-theme1.sidebar-state-open .page-loader.loader-wrap {
            left: 382px;
        }

    .sidebar-option-theme1.sidebar-state-compact {
        padding-left: 102px;
    }

        .sidebar-option-theme1.sidebar-state-compact.fixed-header.sidebar-type-push .header-wrap, .sidebar-option-theme1.sidebar-state-compact.aside-header-fixed.sidebar-type-push .header-wrap {
            left: 102px;
        }

        .sidebar-option-theme1.sidebar-state-compact .page-loader.loader-wrap {
            left: 102px;
        }

        .sidebar-option-theme1.sidebar-state-compact > .sidebar-wrap {
            width: 382px;
        }

            .sidebar-option-theme1.sidebar-state-compact > .sidebar-wrap:after {
                width: 382px;
            }

            .sidebar-option-theme1.sidebar-state-compact > .sidebar-wrap .sidebar-content {
                width: 102px;
            }

            .sidebar-option-theme1.sidebar-state-compact > .sidebar-wrap .profile,
            .sidebar-option-theme1.sidebar-state-compact > .sidebar-wrap .tab-content {
                width: 280px;
            }

    .sidebar-option-theme1.sidebar-state-close {
        padding-left: 0;
    }

        .sidebar-option-theme1.sidebar-state-close.sidebar-type-slide .sidebar-wrap {
            left: -382px;
        }

        .sidebar-option-theme1.sidebar-state-close > .sidebar-wrap {
            width: 0;
        }

            .sidebar-option-theme1.sidebar-state-close > .sidebar-wrap > .sidebar-content {
                width: 0;
            }

    .sidebar-option-theme1 .sidebar-wrap:after,
    .sidebar-option-theme1 .sidebar-wrap .sidebar-content {
        width: 382px;
    }

    .sidebar-option-theme1 .sidebar-wrap .tab-content,
    .sidebar-option-theme1 .sidebar-wrap .profile {
        margin-left: 102px;
    }

    .sidebar-option-theme1 .sidebar-wrap .tab-links {
        width: 102px;
        z-index: 1;
        height: 100%;
        position: fixed;
        left: 0;
        top: 0;
    }

        .sidebar-option-theme1 .sidebar-wrap .tab-links li {
            padding: 20px 20px 10px;
        }

        .sidebar-option-theme1 .sidebar-wrap .tab-links a[data-toggle="tab"] {
            width: 63px;
            height: 61px;
            line-height: 61px;
        }

            .sidebar-option-theme1 .sidebar-wrap .tab-links a[data-toggle="tab"] i {
                font-size: 20px;
                margin-top: 7px;
            }

        .sidebar-option-theme1 .sidebar-wrap .tab-links .badge {
            top: 10px;
            right: 10px;
        }

        .sidebar-option-theme1 .sidebar-wrap .tab-links .tab-link-add {
            display: block;
        }
}

@media (max-width: 767px) {
    .sidebar-option-theme1.fixed-header.sidebar-def-state-open.sidebar-type-slide .header-wrap, .sidebar-option-theme1.aside-header-fixed.sidebar-def-state-open.sidebar-type-slide .header-wrap {
        left: 252px;
    }

    .sidebar-option-theme1.sidebar-def-state-open .panel.panel-maximized-screen {
        left: 252px;
    }

    .sidebar-option-theme1.fixed-header.sidebar-def-state-compact.sidebar-type-slide .header-wrap, .sidebar-option-theme1.aside-header-fixed.sidebar-def-state-compact.sidebar-type-slide .header-wrap {
        left: 65px;
    }

    .sidebar-option-theme1.sidebar-def-state-compact .panel.panel-maximized-screen {
        left: 65px;
    }

    .sidebar-option-theme1.sidebar-state-open {
        padding-left: 252px;
    }

        .sidebar-option-theme1.sidebar-state-open.fixed-header.sidebar-type-push .header-wrap, .sidebar-option-theme1.sidebar-state-open.aside-header-fixed.sidebar-type-push .header-wrap {
            left: 252px;
        }

        .sidebar-option-theme1.sidebar-state-open .page-loader.loader-wrap {
            left: 252px;
        }

        .sidebar-option-theme1.sidebar-state-open .sidebar-wrap {
            width: 252px;
        }

            .sidebar-option-theme1.sidebar-state-open .sidebar-wrap:after {
                width: 252px;
            }

            .sidebar-option-theme1.sidebar-state-open .sidebar-wrap .sidebar-menu li.footer {
                width: 252px;
            }

    .sidebar-option-theme1.sidebar-state-compact {
        padding-left: 65px;
    }

        .sidebar-option-theme1.sidebar-state-compact.fixed-header.sidebar-type-push .header-wrap, .sidebar-option-theme1.sidebar-state-compact.aside-header-fixed.sidebar-type-push .header-wrap {
            left: 65px;
        }

        .sidebar-option-theme1.sidebar-state-compact .page-loader.loader-wrap {
            left: 65px;
        }

        .sidebar-option-theme1.sidebar-state-compact > .sidebar-wrap {
            width: 320px;
        }

            .sidebar-option-theme1.sidebar-state-compact > .sidebar-wrap:after,
            .sidebar-option-theme1.sidebar-state-compact > .sidebar-wrap .sidebar-content {
                width: 65px;
            }

    .sidebar-option-theme1.sidebar-state-close {
        padding-left: 0;
    }

        .sidebar-option-theme1.sidebar-state-close.sidebar-type-slide .sidebar-wrap {
            left: -252px;
        }

        .sidebar-option-theme1.sidebar-state-close > .sidebar-wrap {
            width: 0;
        }

            .sidebar-option-theme1.sidebar-state-close > .sidebar-wrap > .sidebar-content {
                width: 0;
            }

    .sidebar-option-theme1 .sidebar-wrap .sidebar-content {
        width: 252px;
    }

    .sidebar-option-theme1 .sidebar-wrap .tab-links ul {
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }

    .sidebar-option-theme1 .sidebar-wrap .tab-links a[data-toggle="tab"] {
        min-width: 63px;
        height: 58px;
        line-height: 58px;
    }

        .sidebar-option-theme1 .sidebar-wrap .tab-links a[data-toggle="tab"] i {
            font-size: 18px;
        }

    .sidebar-option-theme1 .sidebar-wrap .tab-links .badge {
        top: 8px;
        right: 10px;
    }
}

.sidebar-option-theme1 .sidebar-menu li.footer {
    width: 280px;
}

.sidebar-option-theme1.sidebar-bg-one .sidebar-wrap .tab-links a[data-toggle="tab"] {
    oborder-bottom-width: 0;
    transition: border-bottom-width .1s;
}

    .sidebar-option-theme1.sidebar-bg-one .sidebar-wrap .tab-links a[data-toggle="tab"]:hover, .sidebar-option-theme1.sidebar-bg-one .sidebar-wrap .tab-links a[data-toggle="tab"]:active, .sidebar-option-theme1.sidebar-bg-one .sidebar-wrap .tab-links a[data-toggle="tab"].active {
        background: none;
        border-bottom-width: 4px;
    }

    .sidebar-option-theme1.sidebar-bg-one .sidebar-wrap .tab-links a[data-toggle="tab"] i {
        font-size: 20px;
    }

.sidebar-option-theme1.sidebar-bg-one .sidebar-wrap .profile .details {
    padding: 23px;
    position: relative;
}

    .sidebar-option-theme1.sidebar-bg-one .sidebar-wrap .profile .details .about {
        margin-top: 20px;
        font-size: 1rem;
        float: none;
        text-align: center;
        color: #99a0b2;
    }

        .sidebar-option-theme1.sidebar-bg-one .sidebar-wrap .profile .details .about h3 {
            color: #bbc0cc;
        }

    .sidebar-option-theme1.sidebar-bg-one .sidebar-wrap .profile .details .sbg-settings {
        display: inline-block;
        position: absolute;
        top: 10px;
        right: 14px;
    }

    .sidebar-option-theme1.sidebar-bg-one .sidebar-wrap .profile .details .sbg-title {
        display: block;
    }

    .sidebar-option-theme1.sidebar-bg-one .sidebar-wrap .profile .details .settings {
        display: none;
    }

.sidebar-option-theme1.sidebar-bg-one .sidebar-wrap .profile .picture {
    border: 1px solid #aab0bf;
    margin: 0 auto;
    display: block;
}

@media (min-width: 768px) {
    .sidebar-option-theme1.sidebar-bg-one .sidebar-wrap .tab-links {
        border-right: 1px solid #1b1f26;
    }

    .sidebar-option-theme1.sidebar-bg-one .sidebar-wrap .profile .about h3 {
        font-size: 1.14286rem;
    }

    .sidebar-option-theme1.sidebar-bg-one .sidebar-wrap .profile .picture {
        width: 100px;
        height: 100px;
        float: none;
    }
}

@media (max-width: 767px) {
    .sidebar-option-theme1.sidebar-bg-one .sidebar-wrap .profile .about h3 {
        font-size: 1rem;
    }

    .sidebar-option-theme1.sidebar-bg-one .sidebar-wrap .profile .picture {
        width: 55px;
        height: 55px;
    }
}

/*!
 * @version: 1.2.0
 * @name: theme2
 *
 * @author: https://themeforest.net/user/flexlayers
 */
.sidebar-option-theme2.sidebar-bg-default .sidebar-wrap .profile {
    color: #99a0b2;
}

    .sidebar-option-theme2.sidebar-bg-default .sidebar-wrap .profile .details {
        color: #bbc0cc;
    }

        .sidebar-option-theme2.sidebar-bg-default .sidebar-wrap .profile .details .name {
            color: #bbc0cc;
        }

.sidebar-option-theme2.sidebar-bg-default .sidebar-wrap .footer-menu-overlay {
    background: #0f1015;
}

.sidebar-option-theme2.sidebar-bg-default .sidebar-wrap .sidebar-menu {
    background: #282d38;
}

    .sidebar-option-theme2.sidebar-bg-default .sidebar-wrap .sidebar-menu li.menu-item:hover > a,
    .sidebar-option-theme2.sidebar-bg-default .sidebar-wrap .sidebar-menu li.menu-item.current > a,
    .sidebar-option-theme2.sidebar-bg-default .sidebar-wrap .sidebar-menu li.menu-item.active > a {
        color: #bbc0cc;
        background: #1b1f26;
    }

    .sidebar-option-theme2.sidebar-bg-default .sidebar-wrap .sidebar-menu li.menu-item.current > a {
        border-left-color: #4c8033;
    }

    .sidebar-option-theme2.sidebar-bg-default .sidebar-wrap .sidebar-menu li.menu-item.current > a {
        background: #0f1015;
    }

    .sidebar-option-theme2.sidebar-bg-default .sidebar-wrap .sidebar-menu li.footer > a {
        background: #1b1f26;
    }

    .sidebar-option-theme2.sidebar-bg-default .sidebar-wrap .sidebar-menu li.footer ul {
        background: #282d38;
    }

    .sidebar-option-theme2.sidebar-bg-default .sidebar-wrap .sidebar-menu .sub-menu {
        background: #282d38;
    }

.sidebar-option-theme2.sidebar-bg-default .sidebar-wrap .tab-links {
    background: #1b1f26;
}

    .sidebar-option-theme2.sidebar-bg-default .sidebar-wrap .tab-links a[data-toggle="tab"] {
        color: #99a0b2;
    }

        .sidebar-option-theme2.sidebar-bg-default .sidebar-wrap .tab-links a[data-toggle="tab"]:hover, .sidebar-option-theme2.sidebar-bg-default .sidebar-wrap .tab-links a[data-toggle="tab"]:active, .sidebar-option-theme2.sidebar-bg-default .sidebar-wrap .tab-links a[data-toggle="tab"].active {
            background: #282d38;
            color: #bbc0cc;
        }

.sidebar-option-theme2.sidebar-bg-default .sidebar-wrap .btn.btn-outline-sidebar {
    background: transparent;
    color: #aab0bf;
    border-color: #767f98;
}

    .sidebar-option-theme2.sidebar-bg-default .sidebar-wrap .btn.btn-outline-sidebar:hover, .sidebar-option-theme2.sidebar-bg-default .sidebar-wrap .btn.btn-outline-sidebar:active, .sidebar-option-theme2.sidebar-bg-default .sidebar-wrap .btn.btn-outline-sidebar:focus {
        background: #767f98;
        color: #282d38;
        border-color: #767f98;
    }

.sidebar-option-theme2.sidebar-bg-default .sidebar-wrap .form-control, .sidebar-option-theme2.sidebar-bg-default .sidebar-wrap .ui.select-dropdown .menu > .input:not(.transparent) input, .ui.select-dropdown .menu > .input:not(.transparent) .sidebar-option-theme2.sidebar-bg-default .sidebar-wrap input, .sidebar-option-theme2.sidebar-bg-default .sidebar-wrap .ui.selection.select-dropdown, .sidebar-option-theme2.sidebar-bg-default .sidebar-wrap select.ui.select-dropdown, .sidebar-option-theme2.sidebar-bg-default .sidebar-wrap .sp-container .sp-input, .sp-container .sidebar-option-theme2.sidebar-bg-default .sidebar-wrap .sp-input, .sidebar-option-theme2.sidebar-bg-default .sidebar-wrap .bootstrap-timepicker-widget table td input, .bootstrap-timepicker-widget table td .sidebar-option-theme2.sidebar-bg-default .sidebar-wrap input {
    border-bottom-color: #767f98;
    background-color: #1b1f26;
    color: #aab0bf;
}

    .sidebar-option-theme2.sidebar-bg-default .sidebar-wrap .form-control:active, .sidebar-option-theme2.sidebar-bg-default .sidebar-wrap .ui.select-dropdown .menu > .input:not(.transparent) input:active, .ui.select-dropdown .menu > .input:not(.transparent) .sidebar-option-theme2.sidebar-bg-default .sidebar-wrap input:active, .sidebar-option-theme2.sidebar-bg-default .sidebar-wrap .ui.selection.select-dropdown:active, .sidebar-option-theme2.sidebar-bg-default .sidebar-wrap select.ui.select-dropdown:active, .sidebar-option-theme2.sidebar-bg-default .sidebar-wrap .sp-container .sp-input:active, .sp-container .sidebar-option-theme2.sidebar-bg-default .sidebar-wrap .sp-input:active, .sidebar-option-theme2.sidebar-bg-default .sidebar-wrap .bootstrap-timepicker-widget table td input:active, .bootstrap-timepicker-widget table td .sidebar-option-theme2.sidebar-bg-default .sidebar-wrap input:active, .sidebar-option-theme2.sidebar-bg-default .sidebar-wrap .form-control:focus, .sidebar-option-theme2.sidebar-bg-default .sidebar-wrap .ui.select-dropdown .menu > .input:not(.transparent) input:focus, .ui.select-dropdown .menu > .input:not(.transparent) .sidebar-option-theme2.sidebar-bg-default .sidebar-wrap input:focus, .sidebar-option-theme2.sidebar-bg-default .sidebar-wrap .ui.selection.select-dropdown:focus, .sidebar-option-theme2.sidebar-bg-default .sidebar-wrap select.ui.select-dropdown:focus, .sidebar-option-theme2.sidebar-bg-default .sidebar-wrap .ui.selection.active.select-dropdown, .sidebar-option-theme2.sidebar-bg-default .sidebar-wrap select.active.ui.select-dropdown, .sidebar-option-theme2.sidebar-bg-default .sidebar-wrap .sp-container .sp-input:focus, .sp-container .sidebar-option-theme2.sidebar-bg-default .sidebar-wrap .sp-input:focus, .sidebar-option-theme2.sidebar-bg-default .sidebar-wrap .bootstrap-timepicker-widget table td input:focus, .bootstrap-timepicker-widget table td .sidebar-option-theme2.sidebar-bg-default .sidebar-wrap input:focus {
        background: #1b1f26;
        color: #aab0bf;
        border-color: #4c8033;
    }

.sidebar-option-theme2.sidebar-bg-default .sidebar-wrap .ui.checkbox .box:before, .sidebar-option-theme2.sidebar-bg-default .sidebar-wrap .ui.checkbox label:before {
    background-color: #1b1f26;
    border-color: #1b1f26;
}

.sidebar-option-theme2.sidebar-bg-default .sidebar-wrap .ui.checkbox label:not(.has-state), .sidebar-option-theme2.sidebar-bg-default .sidebar-wrap .ui.checkbox + label:not(.has-state) {
    color: #8790a5;
}

.sidebar-option-theme2.sidebar-bg-default .sidebar-wrap .noUi-target {
    background-color: #1b1f26;
}

.sidebar-option-theme2.sidebar-bg-default .sidebar-wrap .ui.select-dropdown .menu {
    background-color: #1b1f26;
    border-color: #1b1f26;
    color: #99a0b2;
}

    .sidebar-option-theme2.sidebar-bg-default .sidebar-wrap .ui.select-dropdown .menu > .item {
        color: #99a0b2;
    }

        .sidebar-option-theme2.sidebar-bg-default .sidebar-wrap .ui.select-dropdown .menu > .active.item,
        .sidebar-option-theme2.sidebar-bg-default .sidebar-wrap .ui.select-dropdown .menu > .item:active,
        .sidebar-option-theme2.sidebar-bg-default .sidebar-wrap .ui.select-dropdown .menu > .item:hover {
            background-color: #0f1015;
            color: #aab0bf;
        }

.sidebar-option-theme2.sidebar-bg-default.sidebar-state-compact .sidebar-wrap:after {
    background: #282d38;
}

.sidebar-option-theme2.sidebar-bg-default .sidebar-wrap {
    background: #282d38;
}

    .sidebar-option-theme2.sidebar-bg-default .sidebar-wrap .sidebar-content {
        background: #282d38;
    }

@media (max-width: 767px) {
    .sidebar-option-theme2.sidebar-bg-default .sidebar-wrap .profile .details {
        padding: 30px 25px 25px;
    }

        .sidebar-option-theme2.sidebar-bg-default .sidebar-wrap .profile .details .about {
            margin-top: 10px;
            font-size: 1rem;
            float: none;
            text-align: center;
            color: #99a0b2;
        }

            .sidebar-option-theme2.sidebar-bg-default .sidebar-wrap .profile .details .about h3 {
                font-size: 1.14286rem;
                color: #cdd0d9;
            }

        .sidebar-option-theme2.sidebar-bg-default .sidebar-wrap .profile .details .picture {
            width: 60px;
            height: 60px;
        }
}

@media (min-width: 768px) {
    .sidebar-option-theme2.sidebar-bg-default .sidebar-wrap .profile .details {
        padding: 150px 25px 25px;
    }

        .sidebar-option-theme2.sidebar-bg-default .sidebar-wrap .profile .details .picture {
            width: 55px;
            height: 55px;
            position: fixed;
            left: 17px;
            top: 19px;
            z-index: 2;
        }
}

.sidebar-option-theme2.sidebar-bg-default .sidebar-wrap .profile .details {
    background: linear-gradient(rgba(40, 45, 56, 0.1), #282d38), url("../img/profile-bg-2.jpg");
    background-size: cover;
}

    .sidebar-option-theme2.sidebar-bg-default .sidebar-wrap .profile .details .about {
        display: none;
    }

    .sidebar-option-theme2.sidebar-bg-default .sidebar-wrap .profile .details .sbg-settings {
        display: none;
    }

    .sidebar-option-theme2.sidebar-bg-default .sidebar-wrap .profile .details .sbg-title {
        display: none;
    }

    .sidebar-option-theme2.sidebar-bg-default .sidebar-wrap .profile .details .settings {
        display: none;
    }

    .sidebar-option-theme2.sidebar-bg-default .sidebar-wrap .profile .details .picture {
        border: 2px solid #aab0bf;
        margin: 0 auto;
        display: block;
    }

.sidebar-option-theme2.sidebar-bg-one .sidebar-wrap {
    background-size: cover;
}

    .sidebar-option-theme2.sidebar-bg-one .sidebar-wrap:after {
        background: linear-gradient(rgba(15, 16, 21, 0.7), #0f1015), url("../img/profile-bg.jpg") top no-repeat;
        background-size: cover;
    }

    .sidebar-option-theme2.sidebar-bg-one .sidebar-wrap .profile .about {
        color: #99a0b2;
    }

        .sidebar-option-theme2.sidebar-bg-one .sidebar-wrap .profile .about h3 {
            color: #bbc0cc;
        }

    .sidebar-option-theme2.sidebar-bg-one .sidebar-wrap .profile .picture {
        border-color: #aab0bf;
    }

    .sidebar-option-theme2.sidebar-bg-one .sidebar-wrap .btn.btn-outline-sidebar {
        background: transparent;
        color: #aab0bf;
        border-color: #767f98;
    }

        .sidebar-option-theme2.sidebar-bg-one .sidebar-wrap .btn.btn-outline-sidebar:hover, .sidebar-option-theme2.sidebar-bg-one .sidebar-wrap .btn.btn-outline-sidebar:active, .sidebar-option-theme2.sidebar-bg-one .sidebar-wrap .btn.btn-outline-sidebar:focus {
            background: #767f98;
            color: #282d38;
            border-color: #767f98;
        }

    .sidebar-option-theme2.sidebar-bg-one .sidebar-wrap .form-control, .sidebar-option-theme2.sidebar-bg-one .sidebar-wrap .ui.select-dropdown .menu > .input:not(.transparent) input, .ui.select-dropdown .menu > .input:not(.transparent) .sidebar-option-theme2.sidebar-bg-one .sidebar-wrap input, .sidebar-option-theme2.sidebar-bg-one .sidebar-wrap .ui.selection.select-dropdown, .sidebar-option-theme2.sidebar-bg-one .sidebar-wrap select.ui.select-dropdown, .sidebar-option-theme2.sidebar-bg-one .sidebar-wrap .sp-container .sp-input, .sp-container .sidebar-option-theme2.sidebar-bg-one .sidebar-wrap .sp-input, .sidebar-option-theme2.sidebar-bg-one .sidebar-wrap .bootstrap-timepicker-widget table td input, .bootstrap-timepicker-widget table td .sidebar-option-theme2.sidebar-bg-one .sidebar-wrap input {
        border-bottom-color: #767f98;
        background-color: #1b1f26;
        color: #aab0bf;
    }

        .sidebar-option-theme2.sidebar-bg-one .sidebar-wrap .form-control:active, .sidebar-option-theme2.sidebar-bg-one .sidebar-wrap .ui.select-dropdown .menu > .input:not(.transparent) input:active, .ui.select-dropdown .menu > .input:not(.transparent) .sidebar-option-theme2.sidebar-bg-one .sidebar-wrap input:active, .sidebar-option-theme2.sidebar-bg-one .sidebar-wrap .ui.selection.select-dropdown:active, .sidebar-option-theme2.sidebar-bg-one .sidebar-wrap select.ui.select-dropdown:active, .sidebar-option-theme2.sidebar-bg-one .sidebar-wrap .sp-container .sp-input:active, .sp-container .sidebar-option-theme2.sidebar-bg-one .sidebar-wrap .sp-input:active, .sidebar-option-theme2.sidebar-bg-one .sidebar-wrap .bootstrap-timepicker-widget table td input:active, .bootstrap-timepicker-widget table td .sidebar-option-theme2.sidebar-bg-one .sidebar-wrap input:active, .sidebar-option-theme2.sidebar-bg-one .sidebar-wrap .form-control:focus, .sidebar-option-theme2.sidebar-bg-one .sidebar-wrap .ui.select-dropdown .menu > .input:not(.transparent) input:focus, .ui.select-dropdown .menu > .input:not(.transparent) .sidebar-option-theme2.sidebar-bg-one .sidebar-wrap input:focus, .sidebar-option-theme2.sidebar-bg-one .sidebar-wrap .ui.selection.select-dropdown:focus, .sidebar-option-theme2.sidebar-bg-one .sidebar-wrap select.ui.select-dropdown:focus, .sidebar-option-theme2.sidebar-bg-one .sidebar-wrap .ui.selection.active.select-dropdown, .sidebar-option-theme2.sidebar-bg-one .sidebar-wrap select.active.ui.select-dropdown, .sidebar-option-theme2.sidebar-bg-one .sidebar-wrap .sp-container .sp-input:focus, .sp-container .sidebar-option-theme2.sidebar-bg-one .sidebar-wrap .sp-input:focus, .sidebar-option-theme2.sidebar-bg-one .sidebar-wrap .bootstrap-timepicker-widget table td input:focus, .bootstrap-timepicker-widget table td .sidebar-option-theme2.sidebar-bg-one .sidebar-wrap input:focus {
            background: #1b1f26;
            color: #aab0bf;
            border-color: #4c8033;
        }

    .sidebar-option-theme2.sidebar-bg-one .sidebar-wrap .ui.checkbox .box:before, .sidebar-option-theme2.sidebar-bg-one .sidebar-wrap .ui.checkbox label:before {
        background-color: #1b1f26;
        border-color: #1b1f26;
    }

    .sidebar-option-theme2.sidebar-bg-one .sidebar-wrap .ui.checkbox label:not(.has-state), .sidebar-option-theme2.sidebar-bg-one .sidebar-wrap .ui.checkbox + label:not(.has-state) {
        color: #8790a5;
    }

    .sidebar-option-theme2.sidebar-bg-one .sidebar-wrap .noUi-target {
        background-color: #1b1f26;
    }

    .sidebar-option-theme2.sidebar-bg-one .sidebar-wrap .ui.select-dropdown .menu {
        background-color: #1b1f26;
        border-color: #1b1f26;
        color: #99a0b2;
    }

        .sidebar-option-theme2.sidebar-bg-one .sidebar-wrap .ui.select-dropdown .menu > .item {
            color: #99a0b2;
        }

            .sidebar-option-theme2.sidebar-bg-one .sidebar-wrap .ui.select-dropdown .menu > .active.item,
            .sidebar-option-theme2.sidebar-bg-one .sidebar-wrap .ui.select-dropdown .menu > .item:active,
            .sidebar-option-theme2.sidebar-bg-one .sidebar-wrap .ui.select-dropdown .menu > .item:hover {
                background-color: #0f1015;
                color: #aab0bf;
            }

.sidebar-option-theme2.sidebar-bg-one .footer-menu-overlay {
    background: #0f1015;
}

.sidebar-option-theme2.sidebar-bg-one .sidebar-menu li.menu-item:hover > a,
.sidebar-option-theme2.sidebar-bg-one .sidebar-menu li.menu-item.current > a,
.sidebar-option-theme2.sidebar-bg-one .sidebar-menu li.menu-item.active > a {
    color: #bbc0cc;
    background: rgba(27, 31, 38, 0.9);
}

.sidebar-option-theme2.sidebar-bg-one .sidebar-menu li.menu-item.current > a {
    border-left-color: #4c8033;
}

.sidebar-option-theme2.sidebar-bg-one .sidebar-menu li.menu-item.current > a {
    background: #0f1015;
}

.sidebar-option-theme2.sidebar-bg-one .sidebar-menu li.footer > a {
    background: #1b1f26;
}

.sidebar-option-theme2.sidebar-bg-one .sidebar-menu li.footer ul {
    background: #282d38;
}

.sidebar-option-theme2.sidebar-bg-one .sidebar-menu .sub-menu {
    background: rgba(15, 16, 21, 0.5);
}

.sidebar-option-theme2.sidebar-bg-one.sidebar-state-compact .sidebar-wrap nav.sidebar-menu li .sub-menu.menu-item:hover > a,
.sidebar-option-theme2.sidebar-bg-one.sidebar-state-compact .sidebar-wrap nav.sidebar-menu li .sub-menu.menu-item.current > a,
.sidebar-option-theme2.sidebar-bg-one.sidebar-state-compact .sidebar-wrap nav.sidebar-menu li .sub-menu.menu-item.active > a {
    color: #bbc0cc;
    background: #1b1f26;
}

.sidebar-option-theme2.sidebar-bg-one.sidebar-state-compact .sidebar-wrap nav.sidebar-menu li .sub-menu.menu-item.current > a {
    border-left-color: #4c8033;
}

.sidebar-option-theme2.sidebar-bg-one.sidebar-state-compact .sidebar-wrap nav.sidebar-menu li .sub-menu.menu-item.current > a {
    background: #0f1015;
}

.sidebar-option-theme2.sidebar-bg-one .tab-links a[data-toggle="tab"] {
    color: #99a0b2;
}

    .sidebar-option-theme2.sidebar-bg-one .tab-links a[data-toggle="tab"]:hover, .sidebar-option-theme2.sidebar-bg-one .tab-links a[data-toggle="tab"]:active, .sidebar-option-theme2.sidebar-bg-one .tab-links a[data-toggle="tab"].active {
        color: #bbc0cc;
    }

@media (min-width: 768px) {
    .sidebar-option-theme2.fixed-header.sidebar-def-state-open.sidebar-type-slide .header-wrap, .sidebar-option-theme2.aside-header-fixed.sidebar-def-state-open.sidebar-type-slide .header-wrap {
        left: 370px;
    }

    .sidebar-option-theme2.sidebar-def-state-open .panel.panel-maximized-screen {
        left: 370px;
    }

    .sidebar-option-theme2.fixed-header.sidebar-def-state-compact.sidebar-type-slide .header-wrap, .sidebar-option-theme2.aside-header-fixed.sidebar-def-state-compact.sidebar-type-slide .header-wrap {
        left: 90px;
    }

    .sidebar-option-theme2.sidebar-def-state-compact .panel.panel-maximized-screen {
        left: 90px;
    }

    .sidebar-option-theme2.sidebar-type-slide.sidebar-def-state-close > .sidebar-wrap.velocity-animating .tab-links,
    .sidebar-option-theme2.sidebar-type-slide.sidebar-def-state-close > .sidebar-wrap.velocity-animating .profile .picture {
        position: absolute;
        display: none;
    }

    .sidebar-option-theme2.sidebar-state-open {
        padding-left: 370px;
    }

        .sidebar-option-theme2.sidebar-state-open.fixed-header.sidebar-type-push .header-wrap, .sidebar-option-theme2.sidebar-state-open.aside-header-fixed.sidebar-type-push .header-wrap {
            left: 370px;
        }

        .sidebar-option-theme2.sidebar-state-open .page-loader.loader-wrap {
            left: 370px;
        }

    .sidebar-option-theme2.sidebar-state-compact {
        padding-left: 90px;
    }

        .sidebar-option-theme2.sidebar-state-compact.fixed-header.sidebar-type-push .header-wrap, .sidebar-option-theme2.sidebar-state-compact.aside-header-fixed.sidebar-type-push .header-wrap {
            left: 90px;
        }

        .sidebar-option-theme2.sidebar-state-compact .page-loader.loader-wrap {
            left: 90px;
        }

        .sidebar-option-theme2.sidebar-state-compact > .sidebar-wrap {
            width: 370px;
        }

            .sidebar-option-theme2.sidebar-state-compact > .sidebar-wrap:after {
                width: 370px;
            }

            .sidebar-option-theme2.sidebar-state-compact > .sidebar-wrap .sidebar-content {
                width: 90px;
            }

            .sidebar-option-theme2.sidebar-state-compact > .sidebar-wrap .profile,
            .sidebar-option-theme2.sidebar-state-compact > .sidebar-wrap .tab-content {
                width: 280px;
            }

    .sidebar-option-theme2.sidebar-state-close {
        padding-left: 0;
    }

        .sidebar-option-theme2.sidebar-state-close.sidebar-type-slide .sidebar-wrap {
            left: -370px;
        }

        .sidebar-option-theme2.sidebar-state-close > .sidebar-wrap {
            width: 0;
        }

            .sidebar-option-theme2.sidebar-state-close > .sidebar-wrap > .sidebar-content {
                width: 0;
            }

    .sidebar-option-theme2.sidebar-bg-one .sidebar-wrap {
        background-size: cover;
    }

        .sidebar-option-theme2.sidebar-bg-one .sidebar-wrap:after {
            background: linear-gradient(rgba(15, 16, 21, 0.7), #0f1015), url("../img/profile-bg.jpg") top no-repeat;
            background-size: cover;
        }

        .sidebar-option-theme2.sidebar-bg-one .sidebar-wrap .profile .about {
            color: #99a0b2;
        }

            .sidebar-option-theme2.sidebar-bg-one .sidebar-wrap .profile .about h3 {
                color: #bbc0cc;
            }

        .sidebar-option-theme2.sidebar-bg-one .sidebar-wrap .profile .picture {
            border-color: #aab0bf;
        }

        .sidebar-option-theme2.sidebar-bg-one .sidebar-wrap .btn.btn-outline-sidebar {
            background: transparent;
            color: #aab0bf;
            border-color: #767f98;
        }

            .sidebar-option-theme2.sidebar-bg-one .sidebar-wrap .btn.btn-outline-sidebar:hover, .sidebar-option-theme2.sidebar-bg-one .sidebar-wrap .btn.btn-outline-sidebar:active, .sidebar-option-theme2.sidebar-bg-one .sidebar-wrap .btn.btn-outline-sidebar:focus {
                background: #767f98;
                color: #282d38;
                border-color: #767f98;
            }

        .sidebar-option-theme2.sidebar-bg-one .sidebar-wrap .form-control, .sidebar-option-theme2.sidebar-bg-one .sidebar-wrap .ui.select-dropdown .menu > .input:not(.transparent) input, .ui.select-dropdown .menu > .input:not(.transparent) .sidebar-option-theme2.sidebar-bg-one .sidebar-wrap input, .sidebar-option-theme2.sidebar-bg-one .sidebar-wrap .ui.selection.select-dropdown, .sidebar-option-theme2.sidebar-bg-one .sidebar-wrap select.ui.select-dropdown, .sidebar-option-theme2.sidebar-bg-one .sidebar-wrap .sp-container .sp-input, .sp-container .sidebar-option-theme2.sidebar-bg-one .sidebar-wrap .sp-input, .sidebar-option-theme2.sidebar-bg-one .sidebar-wrap .bootstrap-timepicker-widget table td input, .bootstrap-timepicker-widget table td .sidebar-option-theme2.sidebar-bg-one .sidebar-wrap input {
            border-bottom-color: #767f98;
            background-color: #1b1f26;
            color: #aab0bf;
        }

            .sidebar-option-theme2.sidebar-bg-one .sidebar-wrap .form-control:active, .sidebar-option-theme2.sidebar-bg-one .sidebar-wrap .ui.select-dropdown .menu > .input:not(.transparent) input:active, .ui.select-dropdown .menu > .input:not(.transparent) .sidebar-option-theme2.sidebar-bg-one .sidebar-wrap input:active, .sidebar-option-theme2.sidebar-bg-one .sidebar-wrap .ui.selection.select-dropdown:active, .sidebar-option-theme2.sidebar-bg-one .sidebar-wrap select.ui.select-dropdown:active, .sidebar-option-theme2.sidebar-bg-one .sidebar-wrap .sp-container .sp-input:active, .sp-container .sidebar-option-theme2.sidebar-bg-one .sidebar-wrap .sp-input:active, .sidebar-option-theme2.sidebar-bg-one .sidebar-wrap .bootstrap-timepicker-widget table td input:active, .bootstrap-timepicker-widget table td .sidebar-option-theme2.sidebar-bg-one .sidebar-wrap input:active, .sidebar-option-theme2.sidebar-bg-one .sidebar-wrap .form-control:focus, .sidebar-option-theme2.sidebar-bg-one .sidebar-wrap .ui.select-dropdown .menu > .input:not(.transparent) input:focus, .ui.select-dropdown .menu > .input:not(.transparent) .sidebar-option-theme2.sidebar-bg-one .sidebar-wrap input:focus, .sidebar-option-theme2.sidebar-bg-one .sidebar-wrap .ui.selection.select-dropdown:focus, .sidebar-option-theme2.sidebar-bg-one .sidebar-wrap select.ui.select-dropdown:focus, .sidebar-option-theme2.sidebar-bg-one .sidebar-wrap .ui.selection.active.select-dropdown, .sidebar-option-theme2.sidebar-bg-one .sidebar-wrap select.active.ui.select-dropdown, .sidebar-option-theme2.sidebar-bg-one .sidebar-wrap .sp-container .sp-input:focus, .sp-container .sidebar-option-theme2.sidebar-bg-one .sidebar-wrap .sp-input:focus, .sidebar-option-theme2.sidebar-bg-one .sidebar-wrap .bootstrap-timepicker-widget table td input:focus, .bootstrap-timepicker-widget table td .sidebar-option-theme2.sidebar-bg-one .sidebar-wrap input:focus {
                background: #1b1f26;
                color: #aab0bf;
                border-color: #4c8033;
            }

        .sidebar-option-theme2.sidebar-bg-one .sidebar-wrap .ui.checkbox .box:before, .sidebar-option-theme2.sidebar-bg-one .sidebar-wrap .ui.checkbox label:before {
            background-color: #1b1f26;
            border-color: #1b1f26;
        }

        .sidebar-option-theme2.sidebar-bg-one .sidebar-wrap .ui.checkbox label:not(.has-state), .sidebar-option-theme2.sidebar-bg-one .sidebar-wrap .ui.checkbox + label:not(.has-state) {
            color: #8790a5;
        }

        .sidebar-option-theme2.sidebar-bg-one .sidebar-wrap .noUi-target {
            background-color: #1b1f26;
        }

        .sidebar-option-theme2.sidebar-bg-one .sidebar-wrap .ui.select-dropdown .menu {
            background-color: #1b1f26;
            border-color: #1b1f26;
            color: #99a0b2;
        }

            .sidebar-option-theme2.sidebar-bg-one .sidebar-wrap .ui.select-dropdown .menu > .item {
                color: #99a0b2;
            }

                .sidebar-option-theme2.sidebar-bg-one .sidebar-wrap .ui.select-dropdown .menu > .active.item,
                .sidebar-option-theme2.sidebar-bg-one .sidebar-wrap .ui.select-dropdown .menu > .item:active,
                .sidebar-option-theme2.sidebar-bg-one .sidebar-wrap .ui.select-dropdown .menu > .item:hover {
                    background-color: #0f1015;
                    color: #aab0bf;
                }

    .sidebar-option-theme2.sidebar-bg-one .footer-menu-overlay {
        background: #0f1015;
    }

    .sidebar-option-theme2.sidebar-bg-one .sidebar-menu li.menu-item:hover > a,
    .sidebar-option-theme2.sidebar-bg-one .sidebar-menu li.menu-item.current > a,
    .sidebar-option-theme2.sidebar-bg-one .sidebar-menu li.menu-item.active > a {
        color: #bbc0cc;
        background: rgba(27, 31, 38, 0.9);
    }

    .sidebar-option-theme2.sidebar-bg-one .sidebar-menu li.menu-item.current > a {
        border-left-color: #4c8033;
    }

    .sidebar-option-theme2.sidebar-bg-one .sidebar-menu li.menu-item.current > a {
        background: #0f1015;
    }

    .sidebar-option-theme2.sidebar-bg-one .sidebar-menu li.footer > a {
        background: #1b1f26;
    }

    .sidebar-option-theme2.sidebar-bg-one .sidebar-menu li.footer ul {
        background: #282d38;
    }

    .sidebar-option-theme2.sidebar-bg-one .sidebar-menu .sub-menu {
        background: rgba(15, 16, 21, 0.5);
    }

    .sidebar-option-theme2.sidebar-bg-one.sidebar-state-compact .sidebar-wrap nav.sidebar-menu li .sub-menu.menu-item:hover > a,
    .sidebar-option-theme2.sidebar-bg-one.sidebar-state-compact .sidebar-wrap nav.sidebar-menu li .sub-menu.menu-item.current > a,
    .sidebar-option-theme2.sidebar-bg-one.sidebar-state-compact .sidebar-wrap nav.sidebar-menu li .sub-menu.menu-item.active > a {
        color: #bbc0cc;
        background: #1b1f26;
    }

    .sidebar-option-theme2.sidebar-bg-one.sidebar-state-compact .sidebar-wrap nav.sidebar-menu li .sub-menu.menu-item.current > a {
        border-left-color: #4c8033;
    }

    .sidebar-option-theme2.sidebar-bg-one.sidebar-state-compact .sidebar-wrap nav.sidebar-menu li .sub-menu.menu-item.current > a {
        background: #0f1015;
    }

    .sidebar-option-theme2.sidebar-bg-one .tab-links a[data-toggle="tab"] {
        color: #99a0b2;
    }

        .sidebar-option-theme2.sidebar-bg-one .tab-links a[data-toggle="tab"]:hover, .sidebar-option-theme2.sidebar-bg-one .tab-links a[data-toggle="tab"]:active, .sidebar-option-theme2.sidebar-bg-one .tab-links a[data-toggle="tab"].active {
            color: #bbc0cc;
        }

    .sidebar-option-theme2 .sidebar-wrap:after,
    .sidebar-option-theme2 .sidebar-wrap .sidebar-content {
        width: 370px;
    }

    .sidebar-option-theme2 .sidebar-wrap .tab-content,
    .sidebar-option-theme2 .sidebar-wrap .profile {
        margin-left: 90px;
    }

    .sidebar-option-theme2 .sidebar-wrap .tab-links {
        padding-top: 90px;
        width: 90px;
        z-index: 1;
        height: 100%;
        position: fixed;
        left: 0;
        top: 0;
    }

        .sidebar-option-theme2 .sidebar-wrap .tab-links li {
            padding: 0;
        }

        .sidebar-option-theme2 .sidebar-wrap .tab-links a[data-toggle="tab"] {
            width: 90px;
            height: 90px;
            line-height: 90px;
            border-bottom: 1px solid #282d38 !important;
            border-top: 1px solid #282d38 !important;
        }

            .sidebar-option-theme2 .sidebar-wrap .tab-links a[data-toggle="tab"] i {
                font-size: 20px;
                margin-top: 7px;
            }

        .sidebar-option-theme2 .sidebar-wrap .tab-links .badge {
            top: 26px;
            right: 26px;
        }

        .sidebar-option-theme2 .sidebar-wrap .tab-links .tab-link-add {
            display: block;
        }
}

@media (max-width: 767px) {
    .sidebar-option-theme2.fixed-header.sidebar-def-state-open.sidebar-type-slide .header-wrap, .sidebar-option-theme2.aside-header-fixed.sidebar-def-state-open.sidebar-type-slide .header-wrap {
        left: 252px;
    }

    .sidebar-option-theme2.sidebar-def-state-open .panel.panel-maximized-screen {
        left: 252px;
    }

    .sidebar-option-theme2.fixed-header.sidebar-def-state-compact.sidebar-type-slide .header-wrap, .sidebar-option-theme2.aside-header-fixed.sidebar-def-state-compact.sidebar-type-slide .header-wrap {
        left: 65px;
    }

    .sidebar-option-theme2.sidebar-def-state-compact .panel.panel-maximized-screen {
        left: 65px;
    }

    .sidebar-option-theme2.sidebar-state-open {
        padding-left: 252px;
    }

        .sidebar-option-theme2.sidebar-state-open.fixed-header.sidebar-type-push .header-wrap, .sidebar-option-theme2.sidebar-state-open.aside-header-fixed.sidebar-type-push .header-wrap {
            left: 252px;
        }

        .sidebar-option-theme2.sidebar-state-open .page-loader.loader-wrap {
            left: 252px;
        }

        .sidebar-option-theme2.sidebar-state-open .sidebar-wrap {
            width: 252px;
        }

            .sidebar-option-theme2.sidebar-state-open .sidebar-wrap:after {
                width: 252px;
            }

            .sidebar-option-theme2.sidebar-state-open .sidebar-wrap .sidebar-menu li.footer {
                width: 252px;
            }

            .sidebar-option-theme2.sidebar-state-open .sidebar-wrap .profile .picture {
                float: none;
            }

    .sidebar-option-theme2.sidebar-state-compact {
        padding-left: 65px;
    }

        .sidebar-option-theme2.sidebar-state-compact.fixed-header.sidebar-type-push .header-wrap, .sidebar-option-theme2.sidebar-state-compact.aside-header-fixed.sidebar-type-push .header-wrap {
            left: 65px;
        }

        .sidebar-option-theme2.sidebar-state-compact .page-loader.loader-wrap {
            left: 65px;
        }

        .sidebar-option-theme2.sidebar-state-compact > .sidebar-wrap {
            width: 320px;
        }

            .sidebar-option-theme2.sidebar-state-compact > .sidebar-wrap:after,
            .sidebar-option-theme2.sidebar-state-compact > .sidebar-wrap .sidebar-content {
                width: 65px;
            }

    .sidebar-option-theme2.sidebar-state-close {
        padding-left: 0;
    }

        .sidebar-option-theme2.sidebar-state-close.sidebar-type-slide .sidebar-wrap {
            left: -252px;
        }

        .sidebar-option-theme2.sidebar-state-close > .sidebar-wrap {
            width: 0;
        }

            .sidebar-option-theme2.sidebar-state-close > .sidebar-wrap > .sidebar-content {
                width: 0;
            }

    .sidebar-option-theme2 .sidebar-wrap .sidebar-content {
        width: 252px;
    }

    .sidebar-option-theme2 .sidebar-wrap .tab-links ul {
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }

    .sidebar-option-theme2 .sidebar-wrap .tab-links a[data-toggle="tab"] {
        min-width: 63px;
        height: 58px;
        line-height: 58px;
    }

        .sidebar-option-theme2 .sidebar-wrap .tab-links a[data-toggle="tab"] i {
            font-size: 18px;
        }

    .sidebar-option-theme2 .sidebar-wrap .tab-links .badge {
        top: 8px;
        right: 10px;
    }

    .sidebar-option-theme2.sidebar-bg-default .sidebar-wrap .tab-links {
        background: #353b4a !important;
    }
}

.sidebar-option-theme2 .sidebar-menu li.footer {
    width: 280px;
}

.sidebar-option-theme2.sidebar-bg-one .sidebar-wrap .tab-links a[data-toggle="tab"] {
    border-bottom-width: 0;
    transition: border-bottom-width .1s;
}

    .sidebar-option-theme2.sidebar-bg-one .sidebar-wrap .tab-links a[data-toggle="tab"]:hover, .sidebar-option-theme2.sidebar-bg-one .sidebar-wrap .tab-links a[data-toggle="tab"]:active, .sidebar-option-theme2.sidebar-bg-one .sidebar-wrap .tab-links a[data-toggle="tab"].active {
        background: none;
        border-bottom-width: 4px;
    }

    .sidebar-option-theme2.sidebar-bg-one .sidebar-wrap .tab-links a[data-toggle="tab"] i {
        font-size: 20px;
    }

.sidebar-option-theme2.sidebar-bg-one .sidebar-wrap .profile .details {
    position: relative;
}

    .sidebar-option-theme2.sidebar-bg-one .sidebar-wrap .profile .details .about {
        display: none;
    }

    .sidebar-option-theme2.sidebar-bg-one .sidebar-wrap .profile .details .sbg-settings {
        display: none;
    }

    .sidebar-option-theme2.sidebar-bg-one .sidebar-wrap .profile .details .sbg-title {
        display: block;
    }

    .sidebar-option-theme2.sidebar-bg-one .sidebar-wrap .profile .details .settings {
        display: none;
    }

.sidebar-option-theme2.sidebar-bg-one .sidebar-wrap .profile .picture {
    width: 55px;
    height: 55px;
    border: 1px solid #aab0bf;
}

@media (min-width: 768px) {
    .sidebar-option-theme2.sidebar-bg-one .sidebar-wrap .tab-links {
        border-right: 1px solid #1b1f26;
    }

    .sidebar-option-theme2.sidebar-bg-one .sidebar-wrap .profile .details {
        padding: 0;
    }

    .sidebar-option-theme2.sidebar-bg-one .sidebar-wrap .profile .picture {
        position: fixed;
        left: 17px;
        top: 19px;
        z-index: 2;
    }
}

@media (max-width: 767px) {
    .sidebar-option-theme2.sidebar-bg-one .sidebar-wrap .profile .details {
        padding: 23px;
    }

    .sidebar-option-theme2.sidebar-bg-one .sidebar-wrap .profile .picture {
        width: 55px;
        height: 55px;
        margin: 0 auto;
    }
}

/*!
 * @version: 1.2.0
 * @name: theme3
 *
 * @author: https://themeforest.net/user/flexlayers
 */
.sidebar-option-theme3.sidebar-bg-default .sidebar-wrap .profile {
    color: #99a0b2;
}

    .sidebar-option-theme3.sidebar-bg-default .sidebar-wrap .profile .details {
        color: #bbc0cc;
    }

        .sidebar-option-theme3.sidebar-bg-default .sidebar-wrap .profile .details .name {
            color: #bbc0cc;
        }

.sidebar-option-theme3.sidebar-bg-default .sidebar-wrap .footer-menu-overlay {
    background: #0f1015;
}

.sidebar-option-theme3.sidebar-bg-default .sidebar-wrap .sidebar-menu {
    background: #282d38;
}

    .sidebar-option-theme3.sidebar-bg-default .sidebar-wrap .sidebar-menu li.menu-item:hover > a,
    .sidebar-option-theme3.sidebar-bg-default .sidebar-wrap .sidebar-menu li.menu-item.current > a,
    .sidebar-option-theme3.sidebar-bg-default .sidebar-wrap .sidebar-menu li.menu-item.active > a {
        color: #bbc0cc;
        background: #1b1f26;
    }

    .sidebar-option-theme3.sidebar-bg-default .sidebar-wrap .sidebar-menu li.menu-item.current > a {
        border-left-color: #4c8033;
    }

    .sidebar-option-theme3.sidebar-bg-default .sidebar-wrap .sidebar-menu li.menu-item.current > a {
        background: #0f1015;
    }

    .sidebar-option-theme3.sidebar-bg-default .sidebar-wrap .sidebar-menu li.footer > a {
        background: #1b1f26;
    }

    .sidebar-option-theme3.sidebar-bg-default .sidebar-wrap .sidebar-menu li.footer ul {
        background: #282d38;
    }

    .sidebar-option-theme3.sidebar-bg-default .sidebar-wrap .sidebar-menu .sub-menu {
        background: #282d38;
    }

.sidebar-option-theme3.sidebar-bg-default .sidebar-wrap .tab-links {
    background: #1b1f26;
}

    .sidebar-option-theme3.sidebar-bg-default .sidebar-wrap .tab-links a[data-toggle="tab"] {
        color: #e6eff3;
    }

        .sidebar-option-theme3.sidebar-bg-default .sidebar-wrap .tab-links a[data-toggle="tab"]:hover, .sidebar-option-theme3.sidebar-bg-default .sidebar-wrap .tab-links a[data-toggle="tab"]:active, .sidebar-option-theme3.sidebar-bg-default .sidebar-wrap .tab-links a[data-toggle="tab"].active {
            background: #282d38;
            color: #bbc0cc;
        }

.sidebar-option-theme3.sidebar-bg-default .sidebar-wrap .btn.btn-outline-sidebar {
    background: transparent;
    color: #aab0bf;
    border-color: #767f98;
}

    .sidebar-option-theme3.sidebar-bg-default .sidebar-wrap .btn.btn-outline-sidebar:hover, .sidebar-option-theme3.sidebar-bg-default .sidebar-wrap .btn.btn-outline-sidebar:active, .sidebar-option-theme3.sidebar-bg-default .sidebar-wrap .btn.btn-outline-sidebar:focus {
        background: #767f98;
        color: #282d38;
        border-color: #767f98;
    }

.sidebar-option-theme3.sidebar-bg-default .sidebar-wrap .form-control, .sidebar-option-theme3.sidebar-bg-default .sidebar-wrap .ui.select-dropdown .menu > .input:not(.transparent) input, .ui.select-dropdown .menu > .input:not(.transparent) .sidebar-option-theme3.sidebar-bg-default .sidebar-wrap input, .sidebar-option-theme3.sidebar-bg-default .sidebar-wrap .ui.selection.select-dropdown, .sidebar-option-theme3.sidebar-bg-default .sidebar-wrap select.ui.select-dropdown, .sidebar-option-theme3.sidebar-bg-default .sidebar-wrap .sp-container .sp-input, .sp-container .sidebar-option-theme3.sidebar-bg-default .sidebar-wrap .sp-input, .sidebar-option-theme3.sidebar-bg-default .sidebar-wrap .bootstrap-timepicker-widget table td input, .bootstrap-timepicker-widget table td .sidebar-option-theme3.sidebar-bg-default .sidebar-wrap input {
    border-bottom-color: #767f98;
    background-color: #1b1f26;
    color: #aab0bf;
}

    .sidebar-option-theme3.sidebar-bg-default .sidebar-wrap .form-control:active, .sidebar-option-theme3.sidebar-bg-default .sidebar-wrap .ui.select-dropdown .menu > .input:not(.transparent) input:active, .ui.select-dropdown .menu > .input:not(.transparent) .sidebar-option-theme3.sidebar-bg-default .sidebar-wrap input:active, .sidebar-option-theme3.sidebar-bg-default .sidebar-wrap .ui.selection.select-dropdown:active, .sidebar-option-theme3.sidebar-bg-default .sidebar-wrap select.ui.select-dropdown:active, .sidebar-option-theme3.sidebar-bg-default .sidebar-wrap .sp-container .sp-input:active, .sp-container .sidebar-option-theme3.sidebar-bg-default .sidebar-wrap .sp-input:active, .sidebar-option-theme3.sidebar-bg-default .sidebar-wrap .bootstrap-timepicker-widget table td input:active, .bootstrap-timepicker-widget table td .sidebar-option-theme3.sidebar-bg-default .sidebar-wrap input:active, .sidebar-option-theme3.sidebar-bg-default .sidebar-wrap .form-control:focus, .sidebar-option-theme3.sidebar-bg-default .sidebar-wrap .ui.select-dropdown .menu > .input:not(.transparent) input:focus, .ui.select-dropdown .menu > .input:not(.transparent) .sidebar-option-theme3.sidebar-bg-default .sidebar-wrap input:focus, .sidebar-option-theme3.sidebar-bg-default .sidebar-wrap .ui.selection.select-dropdown:focus, .sidebar-option-theme3.sidebar-bg-default .sidebar-wrap select.ui.select-dropdown:focus, .sidebar-option-theme3.sidebar-bg-default .sidebar-wrap .ui.selection.active.select-dropdown, .sidebar-option-theme3.sidebar-bg-default .sidebar-wrap select.active.ui.select-dropdown, .sidebar-option-theme3.sidebar-bg-default .sidebar-wrap .sp-container .sp-input:focus, .sp-container .sidebar-option-theme3.sidebar-bg-default .sidebar-wrap .sp-input:focus, .sidebar-option-theme3.sidebar-bg-default .sidebar-wrap .bootstrap-timepicker-widget table td input:focus, .bootstrap-timepicker-widget table td .sidebar-option-theme3.sidebar-bg-default .sidebar-wrap input:focus {
        background: #1b1f26;
        color: #aab0bf;
        border-color: #4c8033;
    }

.sidebar-option-theme3.sidebar-bg-default .sidebar-wrap .ui.checkbox .box:before, .sidebar-option-theme3.sidebar-bg-default .sidebar-wrap .ui.checkbox label:before {
    background-color: #1b1f26;
    border-color: #1b1f26;
}

.sidebar-option-theme3.sidebar-bg-default .sidebar-wrap .ui.checkbox label:not(.has-state), .sidebar-option-theme3.sidebar-bg-default .sidebar-wrap .ui.checkbox + label:not(.has-state) {
    color: #8790a5;
}

.sidebar-option-theme3.sidebar-bg-default .sidebar-wrap .noUi-target {
    background-color: #1b1f26;
}

.sidebar-option-theme3.sidebar-bg-default .sidebar-wrap .ui.select-dropdown .menu {
    background-color: #1b1f26;
    border-color: #1b1f26;
    color: #99a0b2;
}

    .sidebar-option-theme3.sidebar-bg-default .sidebar-wrap .ui.select-dropdown .menu > .item {
        color: #99a0b2;
    }

        .sidebar-option-theme3.sidebar-bg-default .sidebar-wrap .ui.select-dropdown .menu > .active.item,
        .sidebar-option-theme3.sidebar-bg-default .sidebar-wrap .ui.select-dropdown .menu > .item:active,
        .sidebar-option-theme3.sidebar-bg-default .sidebar-wrap .ui.select-dropdown .menu > .item:hover {
            background-color: #0f1015;
            color: #aab0bf;
        }

.sidebar-option-theme3.sidebar-bg-default.sidebar-state-compact .sidebar-wrap:after {
    background: #282d38;
}

.sidebar-option-theme3.sidebar-bg-default .sidebar-wrap {
    background: #282d38;
}

    .sidebar-option-theme3.sidebar-bg-default .sidebar-wrap .sidebar-content {
        background: #282d38;
    }

@media (max-width: 767px) {
    .sidebar-option-theme3.sidebar-bg-default .sidebar-wrap .profile .details {
        padding: 30px 25px 25px;
    }

        .sidebar-option-theme3.sidebar-bg-default .sidebar-wrap .profile .details .about {
            margin-top: 10px;
            font-size: 1rem;
            float: none;
            text-align: center;
            color: #99a0b2;
        }

            .sidebar-option-theme3.sidebar-bg-default .sidebar-wrap .profile .details .about h3 {
                font-size: 1.14286rem;
                color: #cdd0d9;
            }

        .sidebar-option-theme3.sidebar-bg-default .sidebar-wrap .profile .details .picture {
            width: 60px;
            height: 60px;
        }
}

@media (min-width: 768px) {
    .sidebar-option-theme3.sidebar-bg-default .sidebar-wrap .profile .details {
        padding: 150px 25px 25px;
    }

        .sidebar-option-theme3.sidebar-bg-default .sidebar-wrap .profile .details .picture {
            width: 55px;
            height: 55px;
            position: fixed;
            left: 17px;
            top: 19px;
            z-index: 2;
        }
}

.sidebar-option-theme3.sidebar-bg-default .sidebar-wrap .profile .details {
    background: linear-gradient(rgba(40, 45, 56, 0.1), #282d38), url("../img/profile-bg-2.jpg");
    background-size: cover;
}

    .sidebar-option-theme3.sidebar-bg-default .sidebar-wrap .profile .details .about {
        display: none;
    }

    .sidebar-option-theme3.sidebar-bg-default .sidebar-wrap .profile .details .sbg-settings {
        display: none;
    }

    .sidebar-option-theme3.sidebar-bg-default .sidebar-wrap .profile .details .sbg-title {
        display: none;
    }

    .sidebar-option-theme3.sidebar-bg-default .sidebar-wrap .profile .details .settings {
        display: none;
    }

    .sidebar-option-theme3.sidebar-bg-default .sidebar-wrap .profile .details .picture {
        border: 2px solid #aab0bf;
        margin: 0 auto;
        display: block;
    }

.sidebar-option-theme3.sidebar-bg-one .sidebar-wrap {
    background-size: cover;
}

    .sidebar-option-theme3.sidebar-bg-one .sidebar-wrap:after {
        background: linear-gradient(rgba(15, 16, 21, 0.7), #0f1015), url("../img/profile-bg.jpg") top no-repeat;
        background-size: cover;
    }

    .sidebar-option-theme3.sidebar-bg-one .sidebar-wrap .profile .about {
        color: #99a0b2;
    }

        .sidebar-option-theme3.sidebar-bg-one .sidebar-wrap .profile .about h3 {
            color: #bbc0cc;
        }

    .sidebar-option-theme3.sidebar-bg-one .sidebar-wrap .profile .picture {
        border-color: #aab0bf;
    }

    .sidebar-option-theme3.sidebar-bg-one .sidebar-wrap .btn.btn-outline-sidebar {
        background: transparent;
        color: #aab0bf;
        border-color: #767f98;
    }

        .sidebar-option-theme3.sidebar-bg-one .sidebar-wrap .btn.btn-outline-sidebar:hover, .sidebar-option-theme3.sidebar-bg-one .sidebar-wrap .btn.btn-outline-sidebar:active, .sidebar-option-theme3.sidebar-bg-one .sidebar-wrap .btn.btn-outline-sidebar:focus {
            background: #767f98;
            color: #282d38;
            border-color: #767f98;
        }

    .sidebar-option-theme3.sidebar-bg-one .sidebar-wrap .form-control, .sidebar-option-theme3.sidebar-bg-one .sidebar-wrap .ui.select-dropdown .menu > .input:not(.transparent) input, .ui.select-dropdown .menu > .input:not(.transparent) .sidebar-option-theme3.sidebar-bg-one .sidebar-wrap input, .sidebar-option-theme3.sidebar-bg-one .sidebar-wrap .ui.selection.select-dropdown, .sidebar-option-theme3.sidebar-bg-one .sidebar-wrap select.ui.select-dropdown, .sidebar-option-theme3.sidebar-bg-one .sidebar-wrap .sp-container .sp-input, .sp-container .sidebar-option-theme3.sidebar-bg-one .sidebar-wrap .sp-input, .sidebar-option-theme3.sidebar-bg-one .sidebar-wrap .bootstrap-timepicker-widget table td input, .bootstrap-timepicker-widget table td .sidebar-option-theme3.sidebar-bg-one .sidebar-wrap input {
        border-bottom-color: #767f98;
        background-color: #1b1f26;
        color: #aab0bf;
    }

        .sidebar-option-theme3.sidebar-bg-one .sidebar-wrap .form-control:active, .sidebar-option-theme3.sidebar-bg-one .sidebar-wrap .ui.select-dropdown .menu > .input:not(.transparent) input:active, .ui.select-dropdown .menu > .input:not(.transparent) .sidebar-option-theme3.sidebar-bg-one .sidebar-wrap input:active, .sidebar-option-theme3.sidebar-bg-one .sidebar-wrap .ui.selection.select-dropdown:active, .sidebar-option-theme3.sidebar-bg-one .sidebar-wrap select.ui.select-dropdown:active, .sidebar-option-theme3.sidebar-bg-one .sidebar-wrap .sp-container .sp-input:active, .sp-container .sidebar-option-theme3.sidebar-bg-one .sidebar-wrap .sp-input:active, .sidebar-option-theme3.sidebar-bg-one .sidebar-wrap .bootstrap-timepicker-widget table td input:active, .bootstrap-timepicker-widget table td .sidebar-option-theme3.sidebar-bg-one .sidebar-wrap input:active, .sidebar-option-theme3.sidebar-bg-one .sidebar-wrap .form-control:focus, .sidebar-option-theme3.sidebar-bg-one .sidebar-wrap .ui.select-dropdown .menu > .input:not(.transparent) input:focus, .ui.select-dropdown .menu > .input:not(.transparent) .sidebar-option-theme3.sidebar-bg-one .sidebar-wrap input:focus, .sidebar-option-theme3.sidebar-bg-one .sidebar-wrap .ui.selection.select-dropdown:focus, .sidebar-option-theme3.sidebar-bg-one .sidebar-wrap select.ui.select-dropdown:focus, .sidebar-option-theme3.sidebar-bg-one .sidebar-wrap .ui.selection.active.select-dropdown, .sidebar-option-theme3.sidebar-bg-one .sidebar-wrap select.active.ui.select-dropdown, .sidebar-option-theme3.sidebar-bg-one .sidebar-wrap .sp-container .sp-input:focus, .sp-container .sidebar-option-theme3.sidebar-bg-one .sidebar-wrap .sp-input:focus, .sidebar-option-theme3.sidebar-bg-one .sidebar-wrap .bootstrap-timepicker-widget table td input:focus, .bootstrap-timepicker-widget table td .sidebar-option-theme3.sidebar-bg-one .sidebar-wrap input:focus {
            background: #1b1f26;
            color: #aab0bf;
            border-color: #4c8033;
        }

    .sidebar-option-theme3.sidebar-bg-one .sidebar-wrap .ui.checkbox .box:before, .sidebar-option-theme3.sidebar-bg-one .sidebar-wrap .ui.checkbox label:before {
        background-color: #1b1f26;
        border-color: #1b1f26;
    }

    .sidebar-option-theme3.sidebar-bg-one .sidebar-wrap .ui.checkbox label:not(.has-state), .sidebar-option-theme3.sidebar-bg-one .sidebar-wrap .ui.checkbox + label:not(.has-state) {
        color: #8790a5;
    }

    .sidebar-option-theme3.sidebar-bg-one .sidebar-wrap .noUi-target {
        background-color: #1b1f26;
    }

    .sidebar-option-theme3.sidebar-bg-one .sidebar-wrap .ui.select-dropdown .menu {
        background-color: #1b1f26;
        border-color: #1b1f26;
        color: #99a0b2;
    }

        .sidebar-option-theme3.sidebar-bg-one .sidebar-wrap .ui.select-dropdown .menu > .item {
            color: #99a0b2;
        }

            .sidebar-option-theme3.sidebar-bg-one .sidebar-wrap .ui.select-dropdown .menu > .active.item,
            .sidebar-option-theme3.sidebar-bg-one .sidebar-wrap .ui.select-dropdown .menu > .item:active,
            .sidebar-option-theme3.sidebar-bg-one .sidebar-wrap .ui.select-dropdown .menu > .item:hover {
                background-color: #0f1015;
                color: #aab0bf;
            }

.sidebar-option-theme3.sidebar-bg-one .footer-menu-overlay {
    background: #0f1015;
}

.sidebar-option-theme3.sidebar-bg-one .sidebar-menu li.menu-item:hover > a,
.sidebar-option-theme3.sidebar-bg-one .sidebar-menu li.menu-item.current > a,
.sidebar-option-theme3.sidebar-bg-one .sidebar-menu li.menu-item.active > a {
    color: #bbc0cc;
    background: rgba(27, 31, 38, 0.9);
}

.sidebar-option-theme3.sidebar-bg-one .sidebar-menu li.menu-item.current > a {
    border-left-color: #4c8033;
}

.sidebar-option-theme3.sidebar-bg-one .sidebar-menu li.menu-item.current > a {
    background: #0f1015;
}

.sidebar-option-theme3.sidebar-bg-one .sidebar-menu li.footer > a {
    background: #1b1f26;
}

.sidebar-option-theme3.sidebar-bg-one .sidebar-menu li.footer ul {
    background: #282d38;
}

.sidebar-option-theme3.sidebar-bg-one .sidebar-menu .sub-menu {
    background: rgba(15, 16, 21, 0.5);
}

.sidebar-option-theme3.sidebar-bg-one.sidebar-state-compact .sidebar-wrap nav.sidebar-menu li .sub-menu.menu-item:hover > a,
.sidebar-option-theme3.sidebar-bg-one.sidebar-state-compact .sidebar-wrap nav.sidebar-menu li .sub-menu.menu-item.current > a,
.sidebar-option-theme3.sidebar-bg-one.sidebar-state-compact .sidebar-wrap nav.sidebar-menu li .sub-menu.menu-item.active > a {
    color: #bbc0cc;
    background: #1b1f26;
}

.sidebar-option-theme3.sidebar-bg-one.sidebar-state-compact .sidebar-wrap nav.sidebar-menu li .sub-menu.menu-item.current > a {
    border-left-color: #4c8033;
}

.sidebar-option-theme3.sidebar-bg-one.sidebar-state-compact .sidebar-wrap nav.sidebar-menu li .sub-menu.menu-item.current > a {
    background: #0f1015;
}

.sidebar-option-theme3.sidebar-bg-one .tab-links a[data-toggle="tab"] {
    color: #99a0b2;
}

    .sidebar-option-theme3.sidebar-bg-one .tab-links a[data-toggle="tab"]:hover, .sidebar-option-theme3.sidebar-bg-one .tab-links a[data-toggle="tab"]:active, .sidebar-option-theme3.sidebar-bg-one .tab-links a[data-toggle="tab"].active {
        color: #bbc0cc;
    }

@media (min-width: 768px) {
    .sidebar-option-theme3.fixed-header.sidebar-def-state-open.sidebar-type-slide .header-wrap, .sidebar-option-theme3.aside-header-fixed.sidebar-def-state-open.sidebar-type-slide .header-wrap {
        left: 370px;
    }

    .sidebar-option-theme3.sidebar-def-state-open .panel.panel-maximized-screen {
        left: 370px;
    }

    .sidebar-option-theme3.fixed-header.sidebar-def-state-compact.sidebar-type-slide .header-wrap, .sidebar-option-theme3.aside-header-fixed.sidebar-def-state-compact.sidebar-type-slide .header-wrap {
        left: 90px;
    }

    .sidebar-option-theme3.sidebar-def-state-compact .panel.panel-maximized-screen {
        left: 90px;
    }

    .sidebar-option-theme3.sidebar-type-slide.sidebar-def-state-close > .sidebar-wrap.velocity-animating .tab-links,
    .sidebar-option-theme3.sidebar-type-slide.sidebar-def-state-close > .sidebar-wrap.velocity-animating .profile .picture {
        position: absolute;
        display: none;
    }

    .sidebar-option-theme3.sidebar-state-open {
        padding-left: 370px;
    }

        .sidebar-option-theme3.sidebar-state-open.fixed-header.sidebar-type-push .header-wrap, .sidebar-option-theme3.sidebar-state-open.aside-header-fixed.sidebar-type-push .header-wrap {
            left: 370px;
        }

        .sidebar-option-theme3.sidebar-state-open .page-loader.loader-wrap {
            left: 370px;
        }

    .sidebar-option-theme3.sidebar-state-compact {
        padding-left: 90px;
    }

        .sidebar-option-theme3.sidebar-state-compact.fixed-header.sidebar-type-push .header-wrap, .sidebar-option-theme3.sidebar-state-compact.aside-header-fixed.sidebar-type-push .header-wrap {
            left: 90px;
        }

        .sidebar-option-theme3.sidebar-state-compact .page-loader.loader-wrap {
            left: 90px;
        }

        .sidebar-option-theme3.sidebar-state-compact > .sidebar-wrap {
            width: 370px;
        }

            .sidebar-option-theme3.sidebar-state-compact > .sidebar-wrap:after {
                width: 370px;
            }

            .sidebar-option-theme3.sidebar-state-compact > .sidebar-wrap .sidebar-content {
                width: 90px;
            }

            .sidebar-option-theme3.sidebar-state-compact > .sidebar-wrap .profile,
            .sidebar-option-theme3.sidebar-state-compact > .sidebar-wrap .tab-content {
                width: 280px;
            }

    .sidebar-option-theme3.sidebar-state-close {
        padding-left: 0;
    }

        .sidebar-option-theme3.sidebar-state-close.sidebar-type-slide .sidebar-wrap {
            left: -370px;
        }

        .sidebar-option-theme3.sidebar-state-close > .sidebar-wrap {
            width: 0;
        }

            .sidebar-option-theme3.sidebar-state-close > .sidebar-wrap > .sidebar-content {
                width: 0;
            }

    .sidebar-option-theme3.sidebar-bg-one .sidebar-wrap {
        background-size: cover;
    }

        .sidebar-option-theme3.sidebar-bg-one .sidebar-wrap:after {
            background: linear-gradient(rgba(15, 16, 21, 0.7), #0f1015), url("../img/profile-bg.jpg") top no-repeat;
            background-size: cover;
        }

        .sidebar-option-theme3.sidebar-bg-one .sidebar-wrap .profile .about {
            color: #99a0b2;
        }

            .sidebar-option-theme3.sidebar-bg-one .sidebar-wrap .profile .about h3 {
                color: #bbc0cc;
            }

        .sidebar-option-theme3.sidebar-bg-one .sidebar-wrap .profile .picture {
            border-color: #aab0bf;
        }

        .sidebar-option-theme3.sidebar-bg-one .sidebar-wrap .btn.btn-outline-sidebar {
            background: transparent;
            color: #aab0bf;
            border-color: #767f98;
        }

            .sidebar-option-theme3.sidebar-bg-one .sidebar-wrap .btn.btn-outline-sidebar:hover, .sidebar-option-theme3.sidebar-bg-one .sidebar-wrap .btn.btn-outline-sidebar:active, .sidebar-option-theme3.sidebar-bg-one .sidebar-wrap .btn.btn-outline-sidebar:focus {
                background: #767f98;
                color: #282d38;
                border-color: #767f98;
            }

        .sidebar-option-theme3.sidebar-bg-one .sidebar-wrap .form-control, .sidebar-option-theme3.sidebar-bg-one .sidebar-wrap .ui.select-dropdown .menu > .input:not(.transparent) input, .ui.select-dropdown .menu > .input:not(.transparent) .sidebar-option-theme3.sidebar-bg-one .sidebar-wrap input, .sidebar-option-theme3.sidebar-bg-one .sidebar-wrap .ui.selection.select-dropdown, .sidebar-option-theme3.sidebar-bg-one .sidebar-wrap select.ui.select-dropdown, .sidebar-option-theme3.sidebar-bg-one .sidebar-wrap .sp-container .sp-input, .sp-container .sidebar-option-theme3.sidebar-bg-one .sidebar-wrap .sp-input, .sidebar-option-theme3.sidebar-bg-one .sidebar-wrap .bootstrap-timepicker-widget table td input, .bootstrap-timepicker-widget table td .sidebar-option-theme3.sidebar-bg-one .sidebar-wrap input {
            border-bottom-color: #767f98;
            background-color: #1b1f26;
            color: #aab0bf;
        }

            .sidebar-option-theme3.sidebar-bg-one .sidebar-wrap .form-control:active, .sidebar-option-theme3.sidebar-bg-one .sidebar-wrap .ui.select-dropdown .menu > .input:not(.transparent) input:active, .ui.select-dropdown .menu > .input:not(.transparent) .sidebar-option-theme3.sidebar-bg-one .sidebar-wrap input:active, .sidebar-option-theme3.sidebar-bg-one .sidebar-wrap .ui.selection.select-dropdown:active, .sidebar-option-theme3.sidebar-bg-one .sidebar-wrap select.ui.select-dropdown:active, .sidebar-option-theme3.sidebar-bg-one .sidebar-wrap .sp-container .sp-input:active, .sp-container .sidebar-option-theme3.sidebar-bg-one .sidebar-wrap .sp-input:active, .sidebar-option-theme3.sidebar-bg-one .sidebar-wrap .bootstrap-timepicker-widget table td input:active, .bootstrap-timepicker-widget table td .sidebar-option-theme3.sidebar-bg-one .sidebar-wrap input:active, .sidebar-option-theme3.sidebar-bg-one .sidebar-wrap .form-control:focus, .sidebar-option-theme3.sidebar-bg-one .sidebar-wrap .ui.select-dropdown .menu > .input:not(.transparent) input:focus, .ui.select-dropdown .menu > .input:not(.transparent) .sidebar-option-theme3.sidebar-bg-one .sidebar-wrap input:focus, .sidebar-option-theme3.sidebar-bg-one .sidebar-wrap .ui.selection.select-dropdown:focus, .sidebar-option-theme3.sidebar-bg-one .sidebar-wrap select.ui.select-dropdown:focus, .sidebar-option-theme3.sidebar-bg-one .sidebar-wrap .ui.selection.active.select-dropdown, .sidebar-option-theme3.sidebar-bg-one .sidebar-wrap select.active.ui.select-dropdown, .sidebar-option-theme3.sidebar-bg-one .sidebar-wrap .sp-container .sp-input:focus, .sp-container .sidebar-option-theme3.sidebar-bg-one .sidebar-wrap .sp-input:focus, .sidebar-option-theme3.sidebar-bg-one .sidebar-wrap .bootstrap-timepicker-widget table td input:focus, .bootstrap-timepicker-widget table td .sidebar-option-theme3.sidebar-bg-one .sidebar-wrap input:focus {
                background: #1b1f26;
                color: #aab0bf;
                border-color: #4c8033;
            }

        .sidebar-option-theme3.sidebar-bg-one .sidebar-wrap .ui.checkbox .box:before, .sidebar-option-theme3.sidebar-bg-one .sidebar-wrap .ui.checkbox label:before {
            background-color: #1b1f26;
            border-color: #1b1f26;
        }

        .sidebar-option-theme3.sidebar-bg-one .sidebar-wrap .ui.checkbox label:not(.has-state), .sidebar-option-theme3.sidebar-bg-one .sidebar-wrap .ui.checkbox + label:not(.has-state) {
            color: #8790a5;
        }

        .sidebar-option-theme3.sidebar-bg-one .sidebar-wrap .noUi-target {
            background-color: #1b1f26;
        }

        .sidebar-option-theme3.sidebar-bg-one .sidebar-wrap .ui.select-dropdown .menu {
            background-color: #1b1f26;
            border-color: #1b1f26;
            color: #99a0b2;
        }

            .sidebar-option-theme3.sidebar-bg-one .sidebar-wrap .ui.select-dropdown .menu > .item {
                color: #99a0b2;
            }

                .sidebar-option-theme3.sidebar-bg-one .sidebar-wrap .ui.select-dropdown .menu > .active.item,
                .sidebar-option-theme3.sidebar-bg-one .sidebar-wrap .ui.select-dropdown .menu > .item:active,
                .sidebar-option-theme3.sidebar-bg-one .sidebar-wrap .ui.select-dropdown .menu > .item:hover {
                    background-color: #0f1015;
                    color: #aab0bf;
                }

    .sidebar-option-theme3.sidebar-bg-one .footer-menu-overlay {
        background: #0f1015;
    }

    .sidebar-option-theme3.sidebar-bg-one .sidebar-menu li.menu-item:hover > a,
    .sidebar-option-theme3.sidebar-bg-one .sidebar-menu li.menu-item.current > a,
    .sidebar-option-theme3.sidebar-bg-one .sidebar-menu li.menu-item.active > a {
        color: #bbc0cc;
        background: rgba(27, 31, 38, 0.9);
    }

    .sidebar-option-theme3.sidebar-bg-one .sidebar-menu li.menu-item.current > a {
        border-left-color: #4c8033;
    }

    .sidebar-option-theme3.sidebar-bg-one .sidebar-menu li.menu-item.current > a {
        background: #0f1015;
    }

    .sidebar-option-theme3.sidebar-bg-one .sidebar-menu li.footer > a {
        background: #1b1f26;
    }

    .sidebar-option-theme3.sidebar-bg-one .sidebar-menu li.footer ul {
        background: #282d38;
    }

    .sidebar-option-theme3.sidebar-bg-one .sidebar-menu .sub-menu {
        background: rgba(15, 16, 21, 0.5);
    }

    .sidebar-option-theme3.sidebar-bg-one.sidebar-state-compact .sidebar-wrap nav.sidebar-menu li .sub-menu.menu-item:hover > a,
    .sidebar-option-theme3.sidebar-bg-one.sidebar-state-compact .sidebar-wrap nav.sidebar-menu li .sub-menu.menu-item.current > a,
    .sidebar-option-theme3.sidebar-bg-one.sidebar-state-compact .sidebar-wrap nav.sidebar-menu li .sub-menu.menu-item.active > a {
        color: #bbc0cc;
        background: #1b1f26;
    }

    .sidebar-option-theme3.sidebar-bg-one.sidebar-state-compact .sidebar-wrap nav.sidebar-menu li .sub-menu.menu-item.current > a {
        border-left-color: #4c8033;
    }

    .sidebar-option-theme3.sidebar-bg-one.sidebar-state-compact .sidebar-wrap nav.sidebar-menu li .sub-menu.menu-item.current > a {
        background: #0f1015;
    }

    .sidebar-option-theme3.sidebar-bg-one .tab-links a[data-toggle="tab"] {
        color: #e6eff3;
    }

        .sidebar-option-theme3.sidebar-bg-one .tab-links a[data-toggle="tab"]:hover, .sidebar-option-theme3.sidebar-bg-one .tab-links a[data-toggle="tab"]:active, .sidebar-option-theme3.sidebar-bg-one .tab-links a[data-toggle="tab"].active {
            color: #bbc0cc;
        }

    .sidebar-option-theme3 .sidebar-wrap:after,
    .sidebar-option-theme3 .sidebar-wrap .sidebar-content {
        width: 370px;
    }

    .sidebar-option-theme3 .sidebar-wrap .tab-content,
    .sidebar-option-theme3 .sidebar-wrap .profile {
        margin-left: 90px;
    }

    .sidebar-option-theme3 .sidebar-wrap .tab-links {
        width: 90px;
        padding-top: 90px;
        z-index: 1;
        height: 100%;
        position: fixed;
        left: 0;
        top: 0;
    }

        .sidebar-option-theme3 .sidebar-wrap .tab-links li {
            padding: 16px 16px;
        }

            .sidebar-option-theme3 .sidebar-wrap .tab-links li:nth-child(5n+1) a {
                background: #3e5190;
            }

            .sidebar-option-theme3 .sidebar-wrap .tab-links li:nth-child(5n+2) a {
                background: #4c8033;
            }

            .sidebar-option-theme3 .sidebar-wrap .tab-links li:nth-child(5n+3) a {
                background: #a58825;
            }

            .sidebar-option-theme3 .sidebar-wrap .tab-links li:nth-child(5n+4) a {
                background: #a53012;
            }

            .sidebar-option-theme3 .sidebar-wrap .tab-links li:nth-child(5n+5) a {
                background: #3a8586;
            }

        .sidebar-option-theme3 .sidebar-wrap .tab-links a[data-toggle="tab"] {
            width: 57px;
            height: 57px;
            line-height: 57px;
            border-radius: 100px;
            border-bottom: none !important;
        }

            .sidebar-option-theme3 .sidebar-wrap .tab-links a[data-toggle="tab"] i {
                font-size: 18px;
                margin-top: 10px;
            }

            .sidebar-option-theme3 .sidebar-wrap .tab-links a[data-toggle="tab"]:hover, .sidebar-option-theme3 .sidebar-wrap .tab-links a[data-toggle="tab"]:active, .sidebar-option-theme3 .sidebar-wrap .tab-links a[data-toggle="tab"].active {
                background: rgba(15, 16, 21, 0.5) !important;
            }

        .sidebar-option-theme3 .sidebar-wrap .tab-links .badge {
            position: absolute;
            top: 0;
            right: 0;
        }

        .sidebar-option-theme3 .sidebar-wrap .tab-links .tab-link-add {
            display: block;
        }
}

@media (max-width: 767px) {
    .sidebar-option-theme3.fixed-header.sidebar-def-state-open.sidebar-type-slide .header-wrap, .sidebar-option-theme3.aside-header-fixed.sidebar-def-state-open.sidebar-type-slide .header-wrap {
        left: 252px;
    }

    .sidebar-option-theme3.sidebar-def-state-open .panel.panel-maximized-screen {
        left: 252px;
    }

    .sidebar-option-theme3.fixed-header.sidebar-def-state-compact.sidebar-type-slide .header-wrap, .sidebar-option-theme3.aside-header-fixed.sidebar-def-state-compact.sidebar-type-slide .header-wrap {
        left: 65px;
    }

    .sidebar-option-theme3.sidebar-def-state-compact .panel.panel-maximized-screen {
        left: 65px;
    }

    .sidebar-option-theme3.sidebar-state-open {
        padding-left: 252px;
    }

        .sidebar-option-theme3.sidebar-state-open.fixed-header.sidebar-type-push .header-wrap, .sidebar-option-theme3.sidebar-state-open.aside-header-fixed.sidebar-type-push .header-wrap {
            left: 252px;
        }

        .sidebar-option-theme3.sidebar-state-open .page-loader.loader-wrap {
            left: 252px;
        }

        .sidebar-option-theme3.sidebar-state-open .sidebar-wrap {
            width: 252px;
        }

            .sidebar-option-theme3.sidebar-state-open .sidebar-wrap:after {
                width: 252px;
            }

            .sidebar-option-theme3.sidebar-state-open .sidebar-wrap .sidebar-menu li.footer {
                width: 252px;
            }

            .sidebar-option-theme3.sidebar-state-open .sidebar-wrap .profile .picture {
                float: none;
            }

    .sidebar-option-theme3.sidebar-state-compact {
        padding-left: 65px;
    }

        .sidebar-option-theme3.sidebar-state-compact.fixed-header.sidebar-type-push .header-wrap, .sidebar-option-theme3.sidebar-state-compact.aside-header-fixed.sidebar-type-push .header-wrap {
            left: 65px;
        }

        .sidebar-option-theme3.sidebar-state-compact .page-loader.loader-wrap {
            left: 65px;
        }

        .sidebar-option-theme3.sidebar-state-compact > .sidebar-wrap {
            width: 320px;
        }

            .sidebar-option-theme3.sidebar-state-compact > .sidebar-wrap:after,
            .sidebar-option-theme3.sidebar-state-compact > .sidebar-wrap .sidebar-content {
                width: 65px;
            }

    .sidebar-option-theme3.sidebar-state-close {
        padding-left: 0;
    }

        .sidebar-option-theme3.sidebar-state-close.sidebar-type-slide .sidebar-wrap {
            left: -252px;
        }

        .sidebar-option-theme3.sidebar-state-close > .sidebar-wrap {
            width: 0;
        }

            .sidebar-option-theme3.sidebar-state-close > .sidebar-wrap > .sidebar-content {
                width: 0;
            }

    .sidebar-option-theme3 .sidebar-wrap .sidebar-content {
        width: 252px;
    }

    .sidebar-option-theme3 .sidebar-wrap .tab-links ul {
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }

    .sidebar-option-theme3 .sidebar-wrap .tab-links a[data-toggle="tab"] {
        min-width: 63px;
        height: 58px;
        line-height: 58px;
    }

        .sidebar-option-theme3 .sidebar-wrap .tab-links a[data-toggle="tab"] i {
            font-size: 18px;
        }

    .sidebar-option-theme3 .sidebar-wrap .tab-links .badge {
        top: 8px;
        right: 10px;
    }

    .sidebar-option-theme3.sidebar-bg-default .sidebar-wrap .tab-links {
        background: #1b1f26 !important;
    }
}

.sidebar-option-theme3 .sidebar-menu li.footer {
    width: 280px;
}

.sidebar-option-theme3.sidebar-bg-one .sidebar-wrap .tab-links a[data-toggle="tab"] {
    border-bottom-width: 0;
    transition: all .1s;
}

    .sidebar-option-theme3.sidebar-bg-one .sidebar-wrap .tab-links a[data-toggle="tab"]:hover, .sidebar-option-theme3.sidebar-bg-one .sidebar-wrap .tab-links a[data-toggle="tab"]:active, .sidebar-option-theme3.sidebar-bg-one .sidebar-wrap .tab-links a[data-toggle="tab"].active {
        background: none;
        border-bottom-width: 4px;
    }

    .sidebar-option-theme3.sidebar-bg-one .sidebar-wrap .tab-links a[data-toggle="tab"] i {
        font-size: 20px;
    }

.sidebar-option-theme3.sidebar-bg-one .sidebar-wrap .profile .details {
    position: relative;
}

    .sidebar-option-theme3.sidebar-bg-one .sidebar-wrap .profile .details .about {
        display: none;
    }

    .sidebar-option-theme3.sidebar-bg-one .sidebar-wrap .profile .details .sbg-settings {
        display: none;
    }

    .sidebar-option-theme3.sidebar-bg-one .sidebar-wrap .profile .details .sbg-title {
        display: block;
    }

    .sidebar-option-theme3.sidebar-bg-one .sidebar-wrap .profile .details .settings {
        display: none;
    }

.sidebar-option-theme3.sidebar-bg-one .sidebar-wrap .profile .picture {
    width: 55px;
    height: 55px;
    border: 1px solid #aab0bf;
}

@media (min-width: 768px) {
    .sidebar-option-theme3.sidebar-bg-one .sidebar-wrap .tab-links {
        border-right: 1px solid #1b1f26;
    }

    .sidebar-option-theme3.sidebar-bg-one .sidebar-wrap .profile .details {
        padding: 0;
    }

    .sidebar-option-theme3.sidebar-bg-one .sidebar-wrap .profile .picture {
        position: fixed;
        left: 17px;
        top: 19px;
        z-index: 2;
    }
}

@media (max-width: 767px) {
    .sidebar-option-theme3.sidebar-bg-one .sidebar-wrap .profile .details {
        padding: 23px;
    }

    .sidebar-option-theme3.sidebar-bg-one .sidebar-wrap .profile .picture {
        width: 55px;
        height: 55px;
        margin: 0 auto;
    }
}

/*!
 * @version: 1.1.2
 * @name: theme4
 *
 * @author: https://themeforest.net/user/flexlayers
 */
.sidebar-option-theme4.sidebar-bg-default .sidebar-wrap .profile {
    color: #99a0b2;
}

    .sidebar-option-theme4.sidebar-bg-default .sidebar-wrap .profile .details {
        color: #bbc0cc;
    }

        .sidebar-option-theme4.sidebar-bg-default .sidebar-wrap .profile .details .name {
            color: #bbc0cc;
        }

.sidebar-option-theme4.sidebar-bg-default .sidebar-wrap .footer-menu-overlay {
    background: #0f1015;
}

.sidebar-option-theme4.sidebar-bg-default .sidebar-wrap .sidebar-menu {
    background: #282d38;
}

    .sidebar-option-theme4.sidebar-bg-default .sidebar-wrap .sidebar-menu li.menu-item:hover > a,
    .sidebar-option-theme4.sidebar-bg-default .sidebar-wrap .sidebar-menu li.menu-item.current > a,
    .sidebar-option-theme4.sidebar-bg-default .sidebar-wrap .sidebar-menu li.menu-item.active > a {
        color: #bbc0cc;
        background: #1b1f26;
    }

    .sidebar-option-theme4.sidebar-bg-default .sidebar-wrap .sidebar-menu li.menu-item.current > a {
        border-left-color: #4c8033;
    }

    .sidebar-option-theme4.sidebar-bg-default .sidebar-wrap .sidebar-menu li.menu-item.current > a {
        background: #0f1015;
    }

    .sidebar-option-theme4.sidebar-bg-default .sidebar-wrap .sidebar-menu li.footer > a {
        background: #1b1f26;
    }

    .sidebar-option-theme4.sidebar-bg-default .sidebar-wrap .sidebar-menu li.footer ul {
        background: #282d38;
    }

    .sidebar-option-theme4.sidebar-bg-default .sidebar-wrap .sidebar-menu .sub-menu {
        background: #282d38;
    }

.sidebar-option-theme4.sidebar-bg-default .sidebar-wrap .tab-links {
    background: #1b1f26;
}

    .sidebar-option-theme4.sidebar-bg-default .sidebar-wrap .tab-links a[data-toggle="tab"] {
        color: #99a0b2;
    }

        .sidebar-option-theme4.sidebar-bg-default .sidebar-wrap .tab-links a[data-toggle="tab"]:hover, .sidebar-option-theme4.sidebar-bg-default .sidebar-wrap .tab-links a[data-toggle="tab"]:active, .sidebar-option-theme4.sidebar-bg-default .sidebar-wrap .tab-links a[data-toggle="tab"].active {
            background: #282d38;
            color: #bbc0cc;
        }

.sidebar-option-theme4.sidebar-bg-default .sidebar-wrap .btn.btn-outline-sidebar {
    background: transparent;
    color: #aab0bf;
    border-color: #767f98;
}

    .sidebar-option-theme4.sidebar-bg-default .sidebar-wrap .btn.btn-outline-sidebar:hover, .sidebar-option-theme4.sidebar-bg-default .sidebar-wrap .btn.btn-outline-sidebar:active, .sidebar-option-theme4.sidebar-bg-default .sidebar-wrap .btn.btn-outline-sidebar:focus {
        background: #767f98;
        color: #282d38;
        border-color: #767f98;
    }

.sidebar-option-theme4.sidebar-bg-default .sidebar-wrap .form-control, .sidebar-option-theme4.sidebar-bg-default .sidebar-wrap .ui.select-dropdown .menu > .input:not(.transparent) input, .ui.select-dropdown .menu > .input:not(.transparent) .sidebar-option-theme4.sidebar-bg-default .sidebar-wrap input, .sidebar-option-theme4.sidebar-bg-default .sidebar-wrap .ui.selection.select-dropdown, .sidebar-option-theme4.sidebar-bg-default .sidebar-wrap select.ui.select-dropdown, .sidebar-option-theme4.sidebar-bg-default .sidebar-wrap .sp-container .sp-input, .sp-container .sidebar-option-theme4.sidebar-bg-default .sidebar-wrap .sp-input, .sidebar-option-theme4.sidebar-bg-default .sidebar-wrap .bootstrap-timepicker-widget table td input, .bootstrap-timepicker-widget table td .sidebar-option-theme4.sidebar-bg-default .sidebar-wrap input {
    border-bottom-color: #767f98;
    background-color: #1b1f26;
    color: #aab0bf;
}

    .sidebar-option-theme4.sidebar-bg-default .sidebar-wrap .form-control:active, .sidebar-option-theme4.sidebar-bg-default .sidebar-wrap .ui.select-dropdown .menu > .input:not(.transparent) input:active, .ui.select-dropdown .menu > .input:not(.transparent) .sidebar-option-theme4.sidebar-bg-default .sidebar-wrap input:active, .sidebar-option-theme4.sidebar-bg-default .sidebar-wrap .ui.selection.select-dropdown:active, .sidebar-option-theme4.sidebar-bg-default .sidebar-wrap select.ui.select-dropdown:active, .sidebar-option-theme4.sidebar-bg-default .sidebar-wrap .sp-container .sp-input:active, .sp-container .sidebar-option-theme4.sidebar-bg-default .sidebar-wrap .sp-input:active, .sidebar-option-theme4.sidebar-bg-default .sidebar-wrap .bootstrap-timepicker-widget table td input:active, .bootstrap-timepicker-widget table td .sidebar-option-theme4.sidebar-bg-default .sidebar-wrap input:active, .sidebar-option-theme4.sidebar-bg-default .sidebar-wrap .form-control:focus, .sidebar-option-theme4.sidebar-bg-default .sidebar-wrap .ui.select-dropdown .menu > .input:not(.transparent) input:focus, .ui.select-dropdown .menu > .input:not(.transparent) .sidebar-option-theme4.sidebar-bg-default .sidebar-wrap input:focus, .sidebar-option-theme4.sidebar-bg-default .sidebar-wrap .ui.selection.select-dropdown:focus, .sidebar-option-theme4.sidebar-bg-default .sidebar-wrap select.ui.select-dropdown:focus, .sidebar-option-theme4.sidebar-bg-default .sidebar-wrap .ui.selection.active.select-dropdown, .sidebar-option-theme4.sidebar-bg-default .sidebar-wrap select.active.ui.select-dropdown, .sidebar-option-theme4.sidebar-bg-default .sidebar-wrap .sp-container .sp-input:focus, .sp-container .sidebar-option-theme4.sidebar-bg-default .sidebar-wrap .sp-input:focus, .sidebar-option-theme4.sidebar-bg-default .sidebar-wrap .bootstrap-timepicker-widget table td input:focus, .bootstrap-timepicker-widget table td .sidebar-option-theme4.sidebar-bg-default .sidebar-wrap input:focus {
        background: #1b1f26;
        color: #aab0bf;
        border-color: #4c8033;
    }

.sidebar-option-theme4.sidebar-bg-default .sidebar-wrap .ui.checkbox .box:before, .sidebar-option-theme4.sidebar-bg-default .sidebar-wrap .ui.checkbox label:before {
    background-color: #1b1f26;
    border-color: #1b1f26;
}

.sidebar-option-theme4.sidebar-bg-default .sidebar-wrap .ui.checkbox label:not(.has-state), .sidebar-option-theme4.sidebar-bg-default .sidebar-wrap .ui.checkbox + label:not(.has-state) {
    color: #8790a5;
}

.sidebar-option-theme4.sidebar-bg-default .sidebar-wrap .noUi-target {
    background-color: #1b1f26;
}

.sidebar-option-theme4.sidebar-bg-default .sidebar-wrap .ui.select-dropdown .menu {
    background-color: #1b1f26;
    border-color: #1b1f26;
    color: #99a0b2;
}

    .sidebar-option-theme4.sidebar-bg-default .sidebar-wrap .ui.select-dropdown .menu > .item {
        color: #99a0b2;
    }

        .sidebar-option-theme4.sidebar-bg-default .sidebar-wrap .ui.select-dropdown .menu > .active.item,
        .sidebar-option-theme4.sidebar-bg-default .sidebar-wrap .ui.select-dropdown .menu > .item:active,
        .sidebar-option-theme4.sidebar-bg-default .sidebar-wrap .ui.select-dropdown .menu > .item:hover {
            background-color: #0f1015;
            color: #aab0bf;
        }

.sidebar-option-theme4.sidebar-bg-default.sidebar-state-compact .sidebar-wrap:after {
    background: #282d38;
}

.sidebar-option-theme4.sidebar-bg-default .sidebar-wrap {
    background: #282d38;
}

    .sidebar-option-theme4.sidebar-bg-default .sidebar-wrap .sidebar-content {
        background: #282d38;
    }

@media (max-width: 767px) {
    .sidebar-option-theme4.sidebar-bg-default .sidebar-wrap .profile .details {
        padding: 30px 25px 25px;
    }

        .sidebar-option-theme4.sidebar-bg-default .sidebar-wrap .profile .details .about {
            margin-top: 10px;
            font-size: 1rem;
            float: none;
            text-align: center;
            color: #99a0b2;
        }

            .sidebar-option-theme4.sidebar-bg-default .sidebar-wrap .profile .details .about h3 {
                font-size: 1.14286rem;
                color: #cdd0d9;
            }

        .sidebar-option-theme4.sidebar-bg-default .sidebar-wrap .profile .details .picture {
            width: 60px;
            height: 60px;
        }
}

@media (min-width: 768px) {
    .sidebar-option-theme4.sidebar-bg-default .sidebar-wrap .profile .details {
        padding: 150px 25px 15px;
    }

        .sidebar-option-theme4.sidebar-bg-default .sidebar-wrap .profile .details .picture {
            width: 55px;
            height: 55px;
            z-index: 2;
        }

        .sidebar-option-theme4.sidebar-bg-default .sidebar-wrap .profile .details .about {
            border-bottom: 7px solid #1b1f26;
            padding-bottom: 11px;
            width: 226px;
        }

            .sidebar-option-theme4.sidebar-bg-default .sidebar-wrap .profile .details .about .name {
                font-size: 1rem;
                line-height: 1rem;
                margin-top: 19px;
            }

            .sidebar-option-theme4.sidebar-bg-default .sidebar-wrap .profile .details .about .sbg-title {
                font-size: 10px;
            }
}

.sidebar-option-theme4.sidebar-bg-default .sidebar-wrap .profile .details {
    background: linear-gradient(rgba(40, 45, 56, 0.1), #282d38), url("../img/profile-bg-2.jpg");
    background-size: cover;
}

    .sidebar-option-theme4.sidebar-bg-default .sidebar-wrap .profile .details .sbg-settings {
        display: none;
    }

    .sidebar-option-theme4.sidebar-bg-default .sidebar-wrap .profile .details .settings {
        display: none;
    }

    .sidebar-option-theme4.sidebar-bg-default .sidebar-wrap .profile .details .picture {
        border: 2px solid #aab0bf;
        margin: 0 auto;
        display: block;
    }

.sidebar-option-theme4.sidebar-bg-one .sidebar-wrap {
    background-size: cover;
}

    .sidebar-option-theme4.sidebar-bg-one .sidebar-wrap:after {
        background: linear-gradient(rgba(15, 16, 21, 0.7), #0f1015), url("../img/profile-bg.jpg") top no-repeat;
        background-size: cover;
    }

    .sidebar-option-theme4.sidebar-bg-one .sidebar-wrap .profile .about {
        color: #99a0b2;
    }

        .sidebar-option-theme4.sidebar-bg-one .sidebar-wrap .profile .about h3 {
            color: #bbc0cc;
        }

    .sidebar-option-theme4.sidebar-bg-one .sidebar-wrap .profile .picture {
        border-color: #aab0bf;
    }

    .sidebar-option-theme4.sidebar-bg-one .sidebar-wrap .btn.btn-outline-sidebar {
        background: transparent;
        color: #aab0bf;
        border-color: #767f98;
    }

        .sidebar-option-theme4.sidebar-bg-one .sidebar-wrap .btn.btn-outline-sidebar:hover, .sidebar-option-theme4.sidebar-bg-one .sidebar-wrap .btn.btn-outline-sidebar:active, .sidebar-option-theme4.sidebar-bg-one .sidebar-wrap .btn.btn-outline-sidebar:focus {
            background: #767f98;
            color: #282d38;
            border-color: #767f98;
        }

    .sidebar-option-theme4.sidebar-bg-one .sidebar-wrap .form-control, .sidebar-option-theme4.sidebar-bg-one .sidebar-wrap .ui.select-dropdown .menu > .input:not(.transparent) input, .ui.select-dropdown .menu > .input:not(.transparent) .sidebar-option-theme4.sidebar-bg-one .sidebar-wrap input, .sidebar-option-theme4.sidebar-bg-one .sidebar-wrap .ui.selection.select-dropdown, .sidebar-option-theme4.sidebar-bg-one .sidebar-wrap select.ui.select-dropdown, .sidebar-option-theme4.sidebar-bg-one .sidebar-wrap .sp-container .sp-input, .sp-container .sidebar-option-theme4.sidebar-bg-one .sidebar-wrap .sp-input, .sidebar-option-theme4.sidebar-bg-one .sidebar-wrap .bootstrap-timepicker-widget table td input, .bootstrap-timepicker-widget table td .sidebar-option-theme4.sidebar-bg-one .sidebar-wrap input {
        border-bottom-color: #767f98;
        background-color: #1b1f26;
        color: #aab0bf;
    }

        .sidebar-option-theme4.sidebar-bg-one .sidebar-wrap .form-control:active, .sidebar-option-theme4.sidebar-bg-one .sidebar-wrap .ui.select-dropdown .menu > .input:not(.transparent) input:active, .ui.select-dropdown .menu > .input:not(.transparent) .sidebar-option-theme4.sidebar-bg-one .sidebar-wrap input:active, .sidebar-option-theme4.sidebar-bg-one .sidebar-wrap .ui.selection.select-dropdown:active, .sidebar-option-theme4.sidebar-bg-one .sidebar-wrap select.ui.select-dropdown:active, .sidebar-option-theme4.sidebar-bg-one .sidebar-wrap .sp-container .sp-input:active, .sp-container .sidebar-option-theme4.sidebar-bg-one .sidebar-wrap .sp-input:active, .sidebar-option-theme4.sidebar-bg-one .sidebar-wrap .bootstrap-timepicker-widget table td input:active, .bootstrap-timepicker-widget table td .sidebar-option-theme4.sidebar-bg-one .sidebar-wrap input:active, .sidebar-option-theme4.sidebar-bg-one .sidebar-wrap .form-control:focus, .sidebar-option-theme4.sidebar-bg-one .sidebar-wrap .ui.select-dropdown .menu > .input:not(.transparent) input:focus, .ui.select-dropdown .menu > .input:not(.transparent) .sidebar-option-theme4.sidebar-bg-one .sidebar-wrap input:focus, .sidebar-option-theme4.sidebar-bg-one .sidebar-wrap .ui.selection.select-dropdown:focus, .sidebar-option-theme4.sidebar-bg-one .sidebar-wrap select.ui.select-dropdown:focus, .sidebar-option-theme4.sidebar-bg-one .sidebar-wrap .ui.selection.active.select-dropdown, .sidebar-option-theme4.sidebar-bg-one .sidebar-wrap select.active.ui.select-dropdown, .sidebar-option-theme4.sidebar-bg-one .sidebar-wrap .sp-container .sp-input:focus, .sp-container .sidebar-option-theme4.sidebar-bg-one .sidebar-wrap .sp-input:focus, .sidebar-option-theme4.sidebar-bg-one .sidebar-wrap .bootstrap-timepicker-widget table td input:focus, .bootstrap-timepicker-widget table td .sidebar-option-theme4.sidebar-bg-one .sidebar-wrap input:focus {
            background: #1b1f26;
            color: #aab0bf;
            border-color: #4c8033;
        }

    .sidebar-option-theme4.sidebar-bg-one .sidebar-wrap .ui.checkbox .box:before, .sidebar-option-theme4.sidebar-bg-one .sidebar-wrap .ui.checkbox label:before {
        background-color: #1b1f26;
        border-color: #1b1f26;
    }

    .sidebar-option-theme4.sidebar-bg-one .sidebar-wrap .ui.checkbox label:not(.has-state), .sidebar-option-theme4.sidebar-bg-one .sidebar-wrap .ui.checkbox + label:not(.has-state) {
        color: #8790a5;
    }

    .sidebar-option-theme4.sidebar-bg-one .sidebar-wrap .noUi-target {
        background-color: #1b1f26;
    }

    .sidebar-option-theme4.sidebar-bg-one .sidebar-wrap .ui.select-dropdown .menu {
        background-color: #1b1f26;
        border-color: #1b1f26;
        color: #99a0b2;
    }

        .sidebar-option-theme4.sidebar-bg-one .sidebar-wrap .ui.select-dropdown .menu > .item {
            color: #99a0b2;
        }

            .sidebar-option-theme4.sidebar-bg-one .sidebar-wrap .ui.select-dropdown .menu > .active.item,
            .sidebar-option-theme4.sidebar-bg-one .sidebar-wrap .ui.select-dropdown .menu > .item:active,
            .sidebar-option-theme4.sidebar-bg-one .sidebar-wrap .ui.select-dropdown .menu > .item:hover {
                background-color: #0f1015;
                color: #aab0bf;
            }

.sidebar-option-theme4.sidebar-bg-one .footer-menu-overlay {
    background: #0f1015;
}

.sidebar-option-theme4.sidebar-bg-one .sidebar-menu li.menu-item:hover > a,
.sidebar-option-theme4.sidebar-bg-one .sidebar-menu li.menu-item.current > a,
.sidebar-option-theme4.sidebar-bg-one .sidebar-menu li.menu-item.active > a {
    color: #bbc0cc;
    background: rgba(27, 31, 38, 0.9);
}

.sidebar-option-theme4.sidebar-bg-one .sidebar-menu li.menu-item.current > a {
    border-left-color: #4c8033;
}

.sidebar-option-theme4.sidebar-bg-one .sidebar-menu li.menu-item.current > a {
    background: #0f1015;
}

.sidebar-option-theme4.sidebar-bg-one .sidebar-menu li.footer > a {
    background: #1b1f26;
}

.sidebar-option-theme4.sidebar-bg-one .sidebar-menu li.footer ul {
    background: #282d38;
}

.sidebar-option-theme4.sidebar-bg-one .sidebar-menu .sub-menu {
    background: rgba(15, 16, 21, 0.5);
}

.sidebar-option-theme4.sidebar-bg-one.sidebar-state-compact .sidebar-wrap nav.sidebar-menu li .sub-menu.menu-item:hover > a,
.sidebar-option-theme4.sidebar-bg-one.sidebar-state-compact .sidebar-wrap nav.sidebar-menu li .sub-menu.menu-item.current > a,
.sidebar-option-theme4.sidebar-bg-one.sidebar-state-compact .sidebar-wrap nav.sidebar-menu li .sub-menu.menu-item.active > a {
    color: #bbc0cc;
    background: #1b1f26;
}

.sidebar-option-theme4.sidebar-bg-one.sidebar-state-compact .sidebar-wrap nav.sidebar-menu li .sub-menu.menu-item.current > a {
    border-left-color: #4c8033;
}

.sidebar-option-theme4.sidebar-bg-one.sidebar-state-compact .sidebar-wrap nav.sidebar-menu li .sub-menu.menu-item.current > a {
    background: #0f1015;
}

.sidebar-option-theme4.sidebar-bg-one .tab-links a[data-toggle="tab"] {
    color: #99a0b2;
}

    .sidebar-option-theme4.sidebar-bg-one .tab-links a[data-toggle="tab"]:hover, .sidebar-option-theme4.sidebar-bg-one .tab-links a[data-toggle="tab"]:active, .sidebar-option-theme4.sidebar-bg-one .tab-links a[data-toggle="tab"].active {
        color: #bbc0cc;
    }

@media (min-width: 768px) {
    .sidebar-option-theme4.fixed-header.sidebar-def-state-open.sidebar-type-slide .header-wrap, .sidebar-option-theme4.aside-header-fixed.sidebar-def-state-open.sidebar-type-slide .header-wrap {
        left: 370px;
    }

    .sidebar-option-theme4.sidebar-def-state-open .panel.panel-maximized-screen {
        left: 370px;
    }

    .sidebar-option-theme4.fixed-header.sidebar-def-state-compact.sidebar-type-slide .header-wrap, .sidebar-option-theme4.aside-header-fixed.sidebar-def-state-compact.sidebar-type-slide .header-wrap {
        left: 90px;
    }

    .sidebar-option-theme4.sidebar-def-state-compact .panel.panel-maximized-screen {
        left: 90px;
    }

    .sidebar-option-theme4.sidebar-type-slide.sidebar-def-state-close > .sidebar-wrap.velocity-animating .tab-links,
    .sidebar-option-theme4.sidebar-type-slide.sidebar-def-state-close > .sidebar-wrap.velocity-animating .app-name,
    .sidebar-option-theme4.sidebar-type-slide.sidebar-def-state-compact > .sidebar-wrap.velocity-animating .tab-links,
    .sidebar-option-theme4.sidebar-type-slide.sidebar-def-state-compact > .sidebar-wrap.velocity-animating .app-name {
        position: absolute;
        display: none;
    }

    .sidebar-option-theme4.sidebar-state-open {
        padding-left: 370px;
    }

        .sidebar-option-theme4.sidebar-state-open.fixed-header.sidebar-type-push .header-wrap, .sidebar-option-theme4.sidebar-state-open.aside-header-fixed.sidebar-type-push .header-wrap {
            left: 370px;
        }

        .sidebar-option-theme4.sidebar-state-open .page-loader.loader-wrap {
            left: 370px;
        }

    .sidebar-option-theme4.sidebar-state-compact {
        padding-left: 90px;
    }

        .sidebar-option-theme4.sidebar-state-compact.fixed-header.sidebar-type-push .header-wrap, .sidebar-option-theme4.sidebar-state-compact.aside-header-fixed.sidebar-type-push .header-wrap {
            left: 90px;
        }

        .sidebar-option-theme4.sidebar-state-compact .page-loader.loader-wrap {
            left: 90px;
        }

        .sidebar-option-theme4.sidebar-state-compact > .sidebar-wrap {
            width: 370px;
        }

            .sidebar-option-theme4.sidebar-state-compact > .sidebar-wrap:after {
                width: 370px;
            }

            .sidebar-option-theme4.sidebar-state-compact > .sidebar-wrap .sidebar-content {
                width: 90px;
            }

            .sidebar-option-theme4.sidebar-state-compact > .sidebar-wrap .profile,
            .sidebar-option-theme4.sidebar-state-compact > .sidebar-wrap .tab-content {
                width: 280px;
            }

    .sidebar-option-theme4.sidebar-state-close {
        padding-left: 0;
    }

        .sidebar-option-theme4.sidebar-state-close.sidebar-type-slide .sidebar-wrap {
            left: -370px;
        }

        .sidebar-option-theme4.sidebar-state-close > .sidebar-wrap {
            width: 0;
        }

            .sidebar-option-theme4.sidebar-state-close > .sidebar-wrap > .sidebar-content {
                width: 0;
            }

    .sidebar-option-theme4 .sidebar-wrap:after,
    .sidebar-option-theme4 .sidebar-wrap .sidebar-content {
        width: 370px;
    }

    .sidebar-option-theme4 .sidebar-wrap .tab-content,
    .sidebar-option-theme4 .sidebar-wrap .profile {
        margin-left: 90px;
    }

    .sidebar-option-theme4 .sidebar-wrap .tab-links {
        padding-top: 90px;
        width: 90px;
        z-index: 1;
        height: 100%;
        position: fixed;
        left: 0;
        top: 0;
    }

        .sidebar-option-theme4 .sidebar-wrap .tab-links li {
            padding: 0;
        }

        .sidebar-option-theme4 .sidebar-wrap .tab-links a[data-toggle="tab"] {
            width: 90px;
            height: 90px;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-flex-direction: column;
            -ms-flex-direction: column;
            flex-direction: column;
            -webkit-justify-content: center;
            -ms-flex-pack: center;
            justify-content: center;
            color: #bbc0cc;
            border-bottom: 1px solid #282d38 !important;
        }

            .sidebar-option-theme4 .sidebar-wrap .tab-links a[data-toggle="tab"] i {
                font-size: 20px;
            }

            .sidebar-option-theme4 .sidebar-wrap .tab-links a[data-toggle="tab"] .tab-title {
                display: block;
                font-size: 0.92857rem;
                margin-top: 8px;
            }

        .sidebar-option-theme4 .sidebar-wrap .tab-links .badge {
            position: absolute;
            top: 14px;
            right: 23px;
        }

        .sidebar-option-theme4 .sidebar-wrap .tab-links .tab-link-add {
            display: block;
        }

    .sidebar-option-theme4 .sidebar-wrap .app-name {
        z-index: 2;
        position: fixed;
        height: 90px;
        line-height: 90px;
        text-align: center;
        display: block;
        width: 90px;
        border-bottom: 1px solid #282d38;
    }

        .sidebar-option-theme4 .sidebar-wrap .app-name .compact-name {
            display: inline-block;
            z-index: 344;
            text-align: center;
            padding: 0;
        }
}

@media (max-width: 767px) {
    .sidebar-option-theme4.fixed-header.sidebar-def-state-open.sidebar-type-slide .header-wrap, .sidebar-option-theme4.aside-header-fixed.sidebar-def-state-open.sidebar-type-slide .header-wrap {
        left: 252px;
    }

    .sidebar-option-theme4.sidebar-def-state-open .panel.panel-maximized-screen {
        left: 252px;
    }

    .sidebar-option-theme4.fixed-header.sidebar-def-state-compact.sidebar-type-slide .header-wrap, .sidebar-option-theme4.aside-header-fixed.sidebar-def-state-compact.sidebar-type-slide .header-wrap {
        left: 65px;
    }

    .sidebar-option-theme4.sidebar-def-state-compact .panel.panel-maximized-screen {
        left: 65px;
    }

    .sidebar-option-theme4.sidebar-state-open {
        padding-left: 252px;
    }

        .sidebar-option-theme4.sidebar-state-open.fixed-header.sidebar-type-push .header-wrap, .sidebar-option-theme4.sidebar-state-open.aside-header-fixed.sidebar-type-push .header-wrap {
            left: 252px;
        }

        .sidebar-option-theme4.sidebar-state-open .page-loader.loader-wrap {
            left: 252px;
        }

        .sidebar-option-theme4.sidebar-state-open .sidebar-wrap {
            width: 252px;
        }

            .sidebar-option-theme4.sidebar-state-open .sidebar-wrap:after {
                width: 252px;
            }

            .sidebar-option-theme4.sidebar-state-open .sidebar-wrap .sidebar-menu li.footer {
                width: 252px;
            }

            .sidebar-option-theme4.sidebar-state-open .sidebar-wrap .profile .picture {
                float: none;
            }

    .sidebar-option-theme4.sidebar-state-compact {
        padding-left: 65px;
    }

        .sidebar-option-theme4.sidebar-state-compact.fixed-header.sidebar-type-push .header-wrap, .sidebar-option-theme4.sidebar-state-compact.aside-header-fixed.sidebar-type-push .header-wrap {
            left: 65px;
        }

        .sidebar-option-theme4.sidebar-state-compact .page-loader.loader-wrap {
            left: 65px;
        }

        .sidebar-option-theme4.sidebar-state-compact > .sidebar-wrap {
            width: 320px;
        }

            .sidebar-option-theme4.sidebar-state-compact > .sidebar-wrap:after,
            .sidebar-option-theme4.sidebar-state-compact > .sidebar-wrap .sidebar-content {
                width: 65px;
            }

    .sidebar-option-theme4.sidebar-state-close {
        padding-left: 0;
    }

        .sidebar-option-theme4.sidebar-state-close.sidebar-type-slide .sidebar-wrap {
            left: -252px;
        }

        .sidebar-option-theme4.sidebar-state-close > .sidebar-wrap {
            width: 0;
        }

            .sidebar-option-theme4.sidebar-state-close > .sidebar-wrap > .sidebar-content {
                width: 0;
            }

    .sidebar-option-theme4 .sidebar-wrap .sidebar-content {
        width: 252px;
    }

    .sidebar-option-theme4 .sidebar-wrap .tab-links ul {
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }

    .sidebar-option-theme4 .sidebar-wrap .tab-links a[data-toggle="tab"] {
        min-width: 63px;
        height: 58px;
        line-height: 58px;
    }

        .sidebar-option-theme4 .sidebar-wrap .tab-links a[data-toggle="tab"] i {
            font-size: 18px;
        }

    .sidebar-option-theme4 .sidebar-wrap .tab-links .badge {
        top: 8px;
        right: 10px;
    }

    .sidebar-option-theme4.sidebar-bg-default .sidebar-wrap .tab-links {
        background: #1b1f26 !important;
    }
}

.sidebar-option-theme4 .sidebar-menu li.footer {
    width: 280px;
}

.sidebar-option-theme4.sidebar-bg-one .sidebar-wrap .tab-links a[data-toggle="tab"] {
    border-bottom-width: 0;
    transition: border-bottom-width .1s;
}

    .sidebar-option-theme4.sidebar-bg-one .sidebar-wrap .tab-links a[data-toggle="tab"]:hover, .sidebar-option-theme4.sidebar-bg-one .sidebar-wrap .tab-links a[data-toggle="tab"]:active, .sidebar-option-theme4.sidebar-bg-one .sidebar-wrap .tab-links a[data-toggle="tab"].active {
        background: none;
        border-bottom-width: 4px;
    }

    .sidebar-option-theme4.sidebar-bg-one .sidebar-wrap .tab-links a[data-toggle="tab"] i {
        font-size: 20px;
    }

.sidebar-option-theme4.sidebar-bg-one .sidebar-wrap .profile .details {
    position: relative;
}

    .sidebar-option-theme4.sidebar-bg-one .sidebar-wrap .profile .details .sbg-settings {
        display: none;
    }

    .sidebar-option-theme4.sidebar-bg-one .sidebar-wrap .profile .details .sbg-title {
        display: block;
    }

    .sidebar-option-theme4.sidebar-bg-one .sidebar-wrap .profile .details .settings {
        display: none;
    }

.sidebar-option-theme4.sidebar-bg-one .sidebar-wrap .profile .picture {
    width: 55px;
    height: 55px;
    border: 1px solid #aab0bf;
}

@media (min-width: 768px) {
    .sidebar-option-theme4.sidebar-bg-one .sidebar-wrap .tab-links {
        border-right: 1px solid #1b1f26;
    }

    .sidebar-option-theme4.sidebar-bg-one .sidebar-wrap .profile .about {
        float: none;
        margin-top: 1rem;
        text-align: center;
    }

        .sidebar-option-theme4.sidebar-bg-one .sidebar-wrap .profile .about h3 {
            font-size: 1.14286rem;
        }

    .sidebar-option-theme4.sidebar-bg-one .sidebar-wrap .profile .details {
        padding: 23px;
    }

    .sidebar-option-theme4.sidebar-bg-one .sidebar-wrap .profile .picture {
        width: 55px;
        height: 55px;
        margin: 0 auto;
        float: none;
    }
}

@media (max-width: 767px) {
    .sidebar-option-theme4.sidebar-bg-one .sidebar-wrap .profile .about {
        display: none;
    }

    .sidebar-option-theme4.sidebar-bg-one .sidebar-wrap .profile .details {
        padding: 23px;
    }

    .sidebar-option-theme4.sidebar-bg-one .sidebar-wrap .profile .picture {
        width: 55px;
        height: 55px;
        margin: 0 auto;
    }
}

.sidebar-drag-target {
    height: 100%;
    width: 20px;
    position: fixed;
    top: 65px;
    z-index: 1090;
}

.sidebar-overlay {
    z-index: 500;
    will-change: opacity;
    position: fixed;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.5);
}

.velocity-animating.sidebar-wrap .footer,
.aside-open .drag-target {
    display: none;
}

.sidebar-wrap {
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: -1;
}

    .sidebar-wrap:after {
        content: '';
        position: fixed;
        top: 0;
        bottom: 0;
    }

    .sidebar-wrap .sidebar-content {
        position: relative;
        z-index: 1;
    }

    .sidebar-wrap .profile .picture {
        background-size: cover;
    }

    .sidebar-wrap .app-name {
        position: relative;
        z-index: 1;
        display: none;
        height: 60px;
        background: #1b1f26;
    }

        .sidebar-wrap .app-name .full-name,
        .sidebar-wrap .app-name .compact-name {
            display: none;
            font-size: 23px;
            padding: 12px 22px;
            color: #bbc0cc;
        }

    .sidebar-wrap .tab-pane {
        position: relative;
    }

    .sidebar-wrap .tab-links {
        z-index: 1;
        overflow: hidden;
    }

        .sidebar-wrap .tab-links ul {
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
        }

        .sidebar-wrap .tab-links li {
            position: relative;
            display: block;
        }

        .sidebar-wrap .tab-links a[data-toggle="tab"] {
            display: block;
            position: relative;
            text-align: center;
            vertical-align: middle;
            transition: all .3s;
            border-bottom-width: 3px;
            border-bottom-style: solid;
        }

        .sidebar-wrap .tab-links .badge {
            position: absolute;
        }

        .sidebar-wrap .tab-links .settings,
        .sidebar-wrap .tab-links .tab-title {
            display: none;
        }

        .sidebar-wrap .tab-links .tab-link-add {
            display: none;
        }

    .sidebar-wrap .footer-menu-overlay {
        opacity: 0;
        position: absolute;
        height: 100%;
        content: '';
        width: 100%;
        top: 0;
    }

    .sidebar-wrap .sidebar-menu {
        background-color: inherit;
        width: inherit;
    }

        .sidebar-wrap .sidebar-menu li {
            float: none;
            display: block;
        }

            .sidebar-wrap .sidebar-menu li.header {
                padding: 26px 20px 10px;
                font-size: 1rem;
                color: #767f98;
            }

            .sidebar-wrap .sidebar-menu li .menu-pad {
                padding: 0 20px;
            }

            .sidebar-wrap .sidebar-menu li a {
                color: #99a0b2;
                text-decoration: none;
                padding: 12px 20px;
                display: block;
                transition: background .3s ease;
            }

            .sidebar-wrap .sidebar-menu li.menu-item > a {
                border-left: 4px solid transparent;
            }

                .sidebar-wrap .sidebar-menu li.menu-item > a .menu-icon {
                    margin-right: 14px;
                    font-size: 1.28571rem;
                    width: 1em;
                    text-align: center;
                }

                .sidebar-wrap .sidebar-menu li.menu-item > a .fa-angle-left {
                    margin-top: 2px;
                    margin-left: 20px;
                }

            .sidebar-wrap .sidebar-menu li.menu-item.active-icon > a .fa-angle-left {
                -webkit-transform: rotate(-90deg);
                transform: rotate(-90deg);
            }

            .sidebar-wrap .sidebar-menu li .sub-menu {
                display: none;
                overflow: hidden;
            }

                .sidebar-wrap .sidebar-menu li .sub-menu.menu-open {
                    display: block;
                }

                .sidebar-wrap .sidebar-menu li .sub-menu li a {
                    padding-left: 40px;
                }

                .sidebar-wrap .sidebar-menu li .sub-menu li .sub-menu li a {
                    padding-left: 52px;
                }

                .sidebar-wrap .sidebar-menu li .sub-menu li .sub-menu li .sub-menu li a {
                    padding-left: 64px;
                }

                .sidebar-wrap .sidebar-menu li .sub-menu li .sub-menu li .sub-menu li .sub-menu li a {
                    padding-left: 76px;
                }

            .sidebar-wrap .sidebar-menu li li.has-button > a {
                border: 1px solid #99a0b2;
                margin: 1rem 1.5rem;
                padding: .5rem 0;
                font-size: 1rem;
                text-align: center;
            }

                .sidebar-wrap .sidebar-menu li li.has-button > a .menu-icon {
                    font-size: 1rem;
                }

            .sidebar-wrap .sidebar-menu li li.has-button ul {
                display: none;
            }

            .sidebar-wrap .sidebar-menu li.footer {
                position: fixed;
                bottom: 0;
                z-index: 1;
            }

            .sidebar-wrap .sidebar-menu li.disabled {
                opacity: .5;
            }

    .sidebar-wrap .sidebar-header {
        padding: 26px 0 24px;
        font-size: 1rem;
        color: #767f98;
        display: inline-block;
    }

    .sidebar-wrap .sidebar-comments,
    .sidebar-wrap .sidebar-email {
        position: relative;
    }

        .sidebar-wrap .sidebar-comments .item,
        .sidebar-wrap .sidebar-email .item {
            position: relative;
            cursor: pointer;
        }

            .sidebar-wrap .sidebar-comments .item .image,
            .sidebar-wrap .sidebar-email .item .image {
                width: 40px;
            }

            .sidebar-wrap .sidebar-comments .item .content .header,
            .sidebar-wrap .sidebar-email .item .content .header {
                color: #bbc0cc;
                font-weight: 600;
            }

            .sidebar-wrap .sidebar-comments .item .content .description,
            .sidebar-wrap .sidebar-email .item .content .description {
                font-size: 0.85714rem;
                color: #99a0b2;
                line-height: 2.14286;
            }

            .sidebar-wrap .sidebar-comments .item .message-count,
            .sidebar-wrap .sidebar-email .item .message-count {
                display: inline-block;
                width: 1.14286rem;
                height: 1.14286rem;
                background: #e6eff3;
                position: absolute;
                left: 30px;
                top: 25px;
                border-radius: 5rem;
                text-align: center;
                line-height: 1.14286rem;
                font-size: 0.85714rem;
            }

                .sidebar-wrap .sidebar-comments .item .message-count.on-line,
                .sidebar-wrap .sidebar-email .item .message-count.on-line {
                    background: #4c8033;
                    color: #f4f9fc;
                }

            .sidebar-wrap .sidebar-email .item .content::after {
                display: block;
                clear: both;
                content: "";
            }

            .sidebar-wrap .sidebar-email .item .content .subject {
                font-size: 0.85714rem;
                color: #bbc0cc;
                line-height: 2.42857;
            }

                .sidebar-wrap .sidebar-email .item .content .subject .icons {
                    float: right;
                    font-size: 1rem;
                }

                    .sidebar-wrap .sidebar-email .item .content .subject .icons i {
                        display: inline-block;
                        width: 1em;
                        text-align: center;
                        margin-left: .5em;
                    }

                        .sidebar-wrap .sidebar-email .item .content .subject .icons i:first-child {
                            margin-left: 0;
                        }

            .sidebar-wrap .sidebar-email .item .content .description {
                border-top: 1px solid #353b4a;
                line-height: 1.8;
                padding-top: .6em;
                font-weight: 600;
            }

    .sidebar-wrap .sidebar-warning {
        margin: 0;
        max-width: 1000px;
    }

        .sidebar-wrap .sidebar-warning:first-child {
            margin-top: 0;
        }

        .sidebar-wrap .sidebar-warning:last-child {
            margin-bottom: 0;
        }

        .sidebar-wrap .sidebar-warning.threaded {
            /*--------------------
            Threaded
    ---------------------*/
            margin-left: 15px;
            padding: 0;
            border-left: 2px solid #353b4a;
        }

            .sidebar-wrap .sidebar-warning.threaded .tm-line-item {
                margin-left: -15px;
            }

        .sidebar-wrap .sidebar-warning .tm-line-item {
            /*--------------
         Item
    ---------------*/
            display: block;
            position: relative;
            background: none;
            margin: 0;
            padding: 2em 0 0;
            border: none;
            border-top: none;
            line-height: 1.57143;
        }

            .sidebar-wrap .sidebar-warning .tm-line-item::after {
                display: block;
                clear: both;
                content: "";
            }

            .sidebar-wrap .sidebar-warning .tm-line-item:first-child {
                margin-top: 0;
                padding-top: 0;
            }

            .sidebar-wrap .sidebar-warning .tm-line-item .tm-icon {
                /*--------------
          Avatar
     ---------------*/
                display: block;
                width: 30px;
                height: 30px;
                float: left;
                margin: 0;
                border-radius: 10rem;
                background: #e6eff3;
                text-align: center;
                line-height: 30px;
                font-size: 1rem;
            }

                .sidebar-wrap .sidebar-warning .tm-line-item .tm-icon img {
                    display: block;
                    margin: 0 auto;
                    width: 100%;
                    height: 100%;
                }

            .sidebar-wrap .sidebar-warning .tm-line-item .tm-icon-empty {
                width: 12px;
                height: 12px;
                margin: 4px 8px;
                float: left;
                border-radius: 10rem;
            }

            .sidebar-wrap .sidebar-warning .tm-line-item .content {
                /*--------------
         Content
    ---------------*/
                display: block;
                margin-left: 45px !important;
            }

                .sidebar-wrap .sidebar-warning .tm-line-item .content .metadata {
                    /*--------------
         Metadata
    ---------------*/
                    display: block;
                    margin-left: 0;
                    color: #bbc0cc;
                    font-size: 1rem;
                }

                    .sidebar-wrap .sidebar-warning .tm-line-item .content .metadata > * {
                        display: inline-block;
                        margin: 0 0 0 0;
                    }

                    .sidebar-wrap .sidebar-warning .tm-line-item .content .metadata > :last-child {
                        margin-right: 0;
                    }

                    .sidebar-wrap .sidebar-warning .tm-line-item .content .metadata .date ~ .hour {
                        float: right;
                    }

                .sidebar-wrap .sidebar-warning .tm-line-item .content .text {
                    /*--------------------
          Text
    ---------------------*/
                    margin: 0.3em 0 0;
                    font-size: 0.85714rem;
                    word-wrap: break-word;
                    color: #585e61;
                    line-height: 1.8;
                    color: #99a0b2;
                    font-weight: 600;
                }

.sidebar-type-slide.sidebar-state-open > .sidebar-wrap,
.sidebar-type-slide > .sidebar-wrap.velocity-animating {
    z-index: 1090;
}

.fixed-header.sidebar-state-close .header-wrap,
.aside-header-fixed.sidebar-state-close .header-wrap {
    left: 0;
}

.sidebar-state-close .page-loader.loader-wrap {
    left: 0;
}

@media (max-width: 767px) {
    .sidebar-wrap .sidebar-menu li.footer {
        position: relative;
    }
}

/*!
 * @version: 1.2.0
 * @name: header
 *
 * @author: https://themeforest.net/user/flexlayers
 */
.header-wrap {
    position: relative;
    z-index: 400;
    box-shadow: 3px 3px 7px rgba(15, 16, 21, 0.1);
}

    .header-wrap .header-tools {
        background: #f4f9fc;
        height: 60px;
        color: #797e81;
        line-height: 60px;
    }

        .header-wrap .header-tools > a,
        .header-wrap .header-tools > div > a {
            padding: 0 20px;
            transition: background .3s, color .3s;
            display: inline-block;
            position: relative;
        }

            .header-wrap .header-tools > a .badge,
            .header-wrap .header-tools > div > a .badge {
                position: absolute;
                top: 12px;
                right: 12px;
            }

            .header-wrap .header-tools > a:not(.btn):hover,
            .header-wrap .header-tools > a.active:not(.btn),
            .header-wrap .header-tools > div > a:not(.btn):hover,
            .header-wrap .header-tools > div > a.active:not(.btn),
            .header-wrap .header-tools > .search:hover,
            .header-wrap .header-tools > .header-hover {
                background: rgba(230, 239, 243, 0.7);
            }

        .header-wrap .header-tools .search {
            position: relative;
            padding: 0 020px;
            color: #797e81;
            font-size: 1rem;
            transition: background .3s, color .3s;
            width: 225px;
        }

            .header-wrap .header-tools .search:hover input {
                border-bottom-color: #c9d3d9;
            }

            .header-wrap .header-tools .search input {
                display: inline-block;
                width: 100%;
                padding: 3px 0;
                border-width: 0;
                border-bottom: 1px solid #dee4e8;
                background: none;
                transition: border-color .3s, width .3s, margin-left .3s;
                line-height: 1.57143;
            }

                .header-wrap .header-tools .search input:focus {
                    outline: none;
                    border-color: #a9aeb1;
                    color: #585e61;
                }

                    .header-wrap .header-tools .search input:focus + .search-button {
                        color: #585e61;
                    }

            .header-wrap .header-tools .search .search-button {
                font-weight: 300;
                position: absolute;
                right: 20px;
                top: 21px;
                font-size: 13px;
            }

    .header-wrap .page-title-wrap {
        height: 55px;
        line-height: 55px;
        background: #e6eff3;
        overflow: hidden;
        width: 100%;
    }

        .header-wrap .page-title-wrap .page-title {
            padding: 0 20px;
            line-height: inherit;
        }

        .header-wrap .page-title-wrap .smart-links::after {
            display: block;
            clear: both;
            content: "";
        }

        .header-wrap .page-title-wrap .smart-links ul {
            float: right;
        }

            .header-wrap .page-title-wrap .smart-links ul li {
                float: left;
            }

                .header-wrap .page-title-wrap .smart-links ul li a {
                    padding: 0 25px;
                    display: block;
                    position: relative;
                    transition: background .2s;
                }

                    .header-wrap .page-title-wrap .smart-links ul li a:hover, .header-wrap .page-title-wrap .smart-links ul li a.active {
                        background: rgba(88, 94, 97, 0.08);
                    }

                    .header-wrap .page-title-wrap .smart-links ul li a i {
                        font-size: 1.28571rem;
                    }

@media (max-width: 575px) {
    .header-wrap .page-title-wrap .smart-links ul li a {
        padding: 0 15px;
    }
}

.header-bg-warning .header-wrap .header-tools {
    background: #a58825;
}

.header-bg-danger .header-wrap .header-tools {
    background: #a53012;
}

.header-bg-info .header-wrap .header-tools {
    background: #3a8586;
}

.header-bg-primary .header-wrap .header-tools {
    background: #4c8033;
}

.header-bg-warning .header-wrap .header-tools,
.header-bg-danger .header-wrap .header-tools,
.header-bg-info .header-wrap .header-tools,
.header-bg-primary .header-wrap .header-tools {
    color: #f4f9fc;
}

    .header-bg-warning .header-wrap .header-tools .m-icon .m-icon-lines,
    .header-bg-danger .header-wrap .header-tools .m-icon .m-icon-lines,
    .header-bg-info .header-wrap .header-tools .m-icon .m-icon-lines,
    .header-bg-primary .header-wrap .header-tools .m-icon .m-icon-lines {
        background-color: #f4f9fc;
    }

        .header-bg-warning .header-wrap .header-tools .m-icon .m-icon-lines:after, .header-bg-warning .header-wrap .header-tools .m-icon .m-icon-lines:before,
        .header-bg-danger .header-wrap .header-tools .m-icon .m-icon-lines:after,
        .header-bg-danger .header-wrap .header-tools .m-icon .m-icon-lines:before,
        .header-bg-info .header-wrap .header-tools .m-icon .m-icon-lines:after,
        .header-bg-info .header-wrap .header-tools .m-icon .m-icon-lines:before,
        .header-bg-primary .header-wrap .header-tools .m-icon .m-icon-lines:after,
        .header-bg-primary .header-wrap .header-tools .m-icon .m-icon-lines:before {
            background-color: #f4f9fc;
        }

    .header-bg-warning .header-wrap .header-tools a:not(.btn):hover,
    .header-bg-warning .header-wrap .header-tools a.active,
    .header-bg-warning .header-wrap .header-tools > .search:hover,
    .header-bg-warning .header-wrap .header-tools > .header-hover,
    .header-bg-danger .header-wrap .header-tools a:not(.btn):hover,
    .header-bg-danger .header-wrap .header-tools a.active,
    .header-bg-danger .header-wrap .header-tools > .search:hover,
    .header-bg-danger .header-wrap .header-tools > .header-hover,
    .header-bg-info .header-wrap .header-tools a:not(.btn):hover,
    .header-bg-info .header-wrap .header-tools a.active,
    .header-bg-info .header-wrap .header-tools > .search:hover,
    .header-bg-info .header-wrap .header-tools > .header-hover,
    .header-bg-primary .header-wrap .header-tools a:not(.btn):hover,
    .header-bg-primary .header-wrap .header-tools a.active,
    .header-bg-primary .header-wrap .header-tools > .search:hover,
    .header-bg-primary .header-wrap .header-tools > .header-hover {
        background: rgba(230, 239, 243, 0.08);
    }

    .header-bg-warning .header-wrap .header-tools .search-button,
    .header-bg-warning .header-wrap .header-tools .search input.form-control,
    .header-bg-warning .header-wrap .header-tools .search .ui.select-dropdown .menu > .input:not(.transparent) input, .ui.select-dropdown .menu > .input:not(.transparent)
    .header-bg-warning .header-wrap .header-tools .search input,
    .header-bg-warning .header-wrap .header-tools .search input.ui.selection.select-dropdown,
    .header-bg-warning .header-wrap .header-tools .search .sp-container input.sp-input, .sp-container
    .header-bg-warning .header-wrap .header-tools .search input.sp-input,
    .header-bg-warning .header-wrap .header-tools .search .bootstrap-timepicker-widget table td input, .bootstrap-timepicker-widget table td
    .header-bg-warning .header-wrap .header-tools .search input,
    .header-bg-danger .header-wrap .header-tools .search-button,
    .header-bg-danger .header-wrap .header-tools .search input.form-control,
    .header-bg-danger .header-wrap .header-tools .search .ui.select-dropdown .menu > .input:not(.transparent) input, .ui.select-dropdown .menu > .input:not(.transparent)
    .header-bg-danger .header-wrap .header-tools .search input,
    .header-bg-danger .header-wrap .header-tools .search input.ui.selection.select-dropdown,
    .header-bg-danger .header-wrap .header-tools .search .sp-container input.sp-input, .sp-container
    .header-bg-danger .header-wrap .header-tools .search input.sp-input,
    .header-bg-danger .header-wrap .header-tools .search .bootstrap-timepicker-widget table td input, .bootstrap-timepicker-widget table td
    .header-bg-danger .header-wrap .header-tools .search input,
    .header-bg-info .header-wrap .header-tools .search-button,
    .header-bg-info .header-wrap .header-tools .search input.form-control,
    .header-bg-info .header-wrap .header-tools .search .ui.select-dropdown .menu > .input:not(.transparent) input, .ui.select-dropdown .menu > .input:not(.transparent)
    .header-bg-info .header-wrap .header-tools .search input,
    .header-bg-info .header-wrap .header-tools .search input.ui.selection.select-dropdown,
    .header-bg-info .header-wrap .header-tools .search .sp-container input.sp-input, .sp-container
    .header-bg-info .header-wrap .header-tools .search input.sp-input,
    .header-bg-info .header-wrap .header-tools .search .bootstrap-timepicker-widget table td input, .bootstrap-timepicker-widget table td
    .header-bg-info .header-wrap .header-tools .search input,
    .header-bg-primary .header-wrap .header-tools .search-button,
    .header-bg-primary .header-wrap .header-tools .search input.form-control,
    .header-bg-primary .header-wrap .header-tools .search .ui.select-dropdown .menu > .input:not(.transparent) input, .ui.select-dropdown .menu > .input:not(.transparent)
    .header-bg-primary .header-wrap .header-tools .search input,
    .header-bg-primary .header-wrap .header-tools .search input.ui.selection.select-dropdown,
    .header-bg-primary .header-wrap .header-tools .search .sp-container input.sp-input, .sp-container
    .header-bg-primary .header-wrap .header-tools .search input.sp-input,
    .header-bg-primary .header-wrap .header-tools .search .bootstrap-timepicker-widget table td input, .bootstrap-timepicker-widget table td
    .header-bg-primary .header-wrap .header-tools .search input {
        color: #eef6f8;
    }

        .header-bg-warning .header-wrap .header-tools .search-button:focus,
        .header-bg-warning .header-wrap .header-tools .search input.form-control:focus,
        .header-bg-warning .header-wrap .header-tools .search .ui.select-dropdown .menu > .input:not(.transparent) input:focus, .ui.select-dropdown .menu > .input:not(.transparent)
        .header-bg-warning .header-wrap .header-tools .search input:focus,
        .header-bg-warning .header-wrap .header-tools .search input.ui.selection.select-dropdown:focus,
        .header-bg-warning .header-wrap .header-tools .search input.ui.selection.active.select-dropdown,
        .header-bg-warning .header-wrap .header-tools .search .sp-container input.sp-input:focus, .sp-container
        .header-bg-warning .header-wrap .header-tools .search input.sp-input:focus,
        .header-bg-warning .header-wrap .header-tools .search .bootstrap-timepicker-widget table td input:focus, .bootstrap-timepicker-widget table td
        .header-bg-warning .header-wrap .header-tools .search input:focus,
        .header-bg-danger .header-wrap .header-tools .search-button:focus,
        .header-bg-danger .header-wrap .header-tools .search input.form-control:focus,
        .header-bg-danger .header-wrap .header-tools .search .ui.select-dropdown .menu > .input:not(.transparent) input:focus, .ui.select-dropdown .menu > .input:not(.transparent)
        .header-bg-danger .header-wrap .header-tools .search input:focus,
        .header-bg-danger .header-wrap .header-tools .search input.ui.selection.select-dropdown:focus,
        .header-bg-danger .header-wrap .header-tools .search input.ui.selection.active.select-dropdown,
        .header-bg-danger .header-wrap .header-tools .search .sp-container input.sp-input:focus, .sp-container
        .header-bg-danger .header-wrap .header-tools .search input.sp-input:focus,
        .header-bg-danger .header-wrap .header-tools .search .bootstrap-timepicker-widget table td input:focus, .bootstrap-timepicker-widget table td
        .header-bg-danger .header-wrap .header-tools .search input:focus,
        .header-bg-info .header-wrap .header-tools .search-button:focus,
        .header-bg-info .header-wrap .header-tools .search input.form-control:focus,
        .header-bg-info .header-wrap .header-tools .search .ui.select-dropdown .menu > .input:not(.transparent) input:focus, .ui.select-dropdown .menu > .input:not(.transparent)
        .header-bg-info .header-wrap .header-tools .search input:focus,
        .header-bg-info .header-wrap .header-tools .search input.ui.selection.select-dropdown:focus,
        .header-bg-info .header-wrap .header-tools .search input.ui.selection.active.select-dropdown,
        .header-bg-info .header-wrap .header-tools .search .sp-container input.sp-input:focus, .sp-container
        .header-bg-info .header-wrap .header-tools .search input.sp-input:focus,
        .header-bg-info .header-wrap .header-tools .search .bootstrap-timepicker-widget table td input:focus, .bootstrap-timepicker-widget table td
        .header-bg-info .header-wrap .header-tools .search input:focus,
        .header-bg-primary .header-wrap .header-tools .search-button:focus,
        .header-bg-primary .header-wrap .header-tools .search input.form-control:focus,
        .header-bg-primary .header-wrap .header-tools .search .ui.select-dropdown .menu > .input:not(.transparent) input:focus, .ui.select-dropdown .menu > .input:not(.transparent)
        .header-bg-primary .header-wrap .header-tools .search input:focus,
        .header-bg-primary .header-wrap .header-tools .search input.ui.selection.select-dropdown:focus,
        .header-bg-primary .header-wrap .header-tools .search input.ui.selection.active.select-dropdown,
        .header-bg-primary .header-wrap .header-tools .search .sp-container input.sp-input:focus, .sp-container
        .header-bg-primary .header-wrap .header-tools .search input.sp-input:focus,
        .header-bg-primary .header-wrap .header-tools .search .bootstrap-timepicker-widget table td input:focus, .bootstrap-timepicker-widget table td
        .header-bg-primary .header-wrap .header-tools .search input:focus {
            outline: none;
            border-color: #eef6f8 !important;
            color: #f4f9fc;
        }

    .header-bg-warning .header-wrap .header-tools input:focus + .search-button,
    .header-bg-danger .header-wrap .header-tools input:focus + .search-button,
    .header-bg-info .header-wrap .header-tools input:focus + .search-button,
    .header-bg-primary .header-wrap .header-tools input:focus + .search-button {
        color: #f4f9fc;
    }

.header-bg-warning .header-wrap ::-webkit-input-placeholder,
.header-bg-danger .header-wrap ::-webkit-input-placeholder,
.header-bg-info .header-wrap ::-webkit-input-placeholder,
.header-bg-primary .header-wrap ::-webkit-input-placeholder {
    color: #e6eff3;
}

.header-bg-warning .header-wrap ::-moz-placeholder,
.header-bg-danger .header-wrap ::-moz-placeholder,
.header-bg-info .header-wrap ::-moz-placeholder,
.header-bg-primary .header-wrap ::-moz-placeholder {
    color: #e6eff3;
}

.header-bg-warning .header-wrap :-ms-input-placeholder,
.header-bg-danger .header-wrap :-ms-input-placeholder,
.header-bg-info .header-wrap :-ms-input-placeholder,
.header-bg-primary .header-wrap :-ms-input-placeholder {
    color: #e6eff3;
}

.header-bg-warning .header-wrap :-moz-placeholder,
.header-bg-danger .header-wrap :-moz-placeholder,
.header-bg-info .header-wrap :-moz-placeholder,
.header-bg-primary .header-wrap :-moz-placeholder {
    color: #e6eff3;
}

.header-bg-warning .header-wrap .page-title-wrap,
.header-bg-danger .header-wrap .page-title-wrap,
.header-bg-info .header-wrap .page-title-wrap,
.header-bg-primary .header-wrap .page-title-wrap {
    background: #f4f9fc;
}

.header-bg-success .sidebar-wrap .sidebar-menu li.menu-item.current > a {
    border-left-color: #3e5190 !important;
}

.header-bg-success .sidebar-wrap .form-control:active, .header-bg-success .sidebar-wrap .ui.select-dropdown .menu > .input:not(.transparent) input:active, .ui.select-dropdown .menu > .input:not(.transparent) .header-bg-success .sidebar-wrap input:active, .header-bg-success .sidebar-wrap .ui.selection.select-dropdown:active, .header-bg-success .sidebar-wrap select.ui.select-dropdown:active, .header-bg-success .sidebar-wrap .sp-container .sp-input:active, .sp-container .header-bg-success .sidebar-wrap .sp-input:active, .header-bg-success .sidebar-wrap .bootstrap-timepicker-widget table td input:active, .bootstrap-timepicker-widget table td .header-bg-success .sidebar-wrap input:active, .header-bg-success .sidebar-wrap .form-control:focus, .header-bg-success .sidebar-wrap .ui.select-dropdown .menu > .input:not(.transparent) input:focus, .ui.select-dropdown .menu > .input:not(.transparent) .header-bg-success .sidebar-wrap input:focus, .header-bg-success .sidebar-wrap .ui.selection.select-dropdown:focus, .header-bg-success .sidebar-wrap select.ui.select-dropdown:focus, .header-bg-success .sidebar-wrap .ui.selection.active.select-dropdown, .header-bg-success .sidebar-wrap select.active.ui.select-dropdown, .header-bg-success .sidebar-wrap .sp-container .sp-input:focus, .sp-container .header-bg-success .sidebar-wrap .sp-input:focus, .header-bg-success .sidebar-wrap .bootstrap-timepicker-widget table td input:focus, .bootstrap-timepicker-widget table td .header-bg-success .sidebar-wrap input:focus {
    border-color: #3e5190 !important;
}

.header-bg-success .sidebar-wrap .form-control .input-group-addon, .header-bg-success .sidebar-wrap .ui.select-dropdown .menu > .input:not(.transparent) input .input-group-addon, .ui.select-dropdown .menu > .input:not(.transparent) .header-bg-success .sidebar-wrap input .input-group-addon, .header-bg-success .sidebar-wrap .ui.selection.select-dropdown .input-group-addon, .header-bg-success .sidebar-wrap select.ui.select-dropdown .input-group-addon, .header-bg-success .sidebar-wrap .sp-container .sp-input .input-group-addon, .sp-container .header-bg-success .sidebar-wrap .sp-input .input-group-addon, .header-bg-success .sidebar-wrap .bootstrap-timepicker-widget table td input .input-group-addon, .bootstrap-timepicker-widget table td .header-bg-success .sidebar-wrap input .input-group-addon {
    background-color: #3e5190 !important;
    border-color: #3e5190 !important;
}

.header-bg-success .sidebar-wrap .ui.checkbox.checkbox-fill input[type="checkbox"]:checked + label::after {
    background-color: #3e5190 !important;
}

.header-bg-success .sidebar-wrap .ui.checkbox.radio input:checked + label::after {
    background-color: #3e5190 !important;
}

.header-bg-success .sidebar-wrap .ui.checkbox.radio input:checked + label::before {
    border-color: #3e5190 !important;
}

.header-bg-success .sidebar-wrap .noUi-target.noUi-vertical .noUi-tooltip,
.header-bg-success .sidebar-wrap .noUi-target.noUi-horizontal .noUi-tooltip,
.header-bg-success .sidebar-wrap .noUi-horizontal .noUi-handle,
.header-bg-success .sidebar-wrap .noUi-vertical .noUi-handle .noUi-vertical .noUi-handle,
.header-bg-success .sidebar-wrap .noUi-connect {
    background-color: #3e5190;
}

.header-bg-success .sidebar-wrap .ui.checkbox.radio input:indeterminate + label::before {
    border-color: #282d38;
}

.header-bg-primary .sidebar-wrap .sidebar-menu li.menu-item.current > a {
    border-left-color: #4c8033 !important;
}

.header-bg-primary .sidebar-wrap .form-control:active, .header-bg-primary .sidebar-wrap .ui.select-dropdown .menu > .input:not(.transparent) input:active, .ui.select-dropdown .menu > .input:not(.transparent) .header-bg-primary .sidebar-wrap input:active, .header-bg-primary .sidebar-wrap .ui.selection.select-dropdown:active, .header-bg-primary .sidebar-wrap select.ui.select-dropdown:active, .header-bg-primary .sidebar-wrap .sp-container .sp-input:active, .sp-container .header-bg-primary .sidebar-wrap .sp-input:active, .header-bg-primary .sidebar-wrap .bootstrap-timepicker-widget table td input:active, .bootstrap-timepicker-widget table td .header-bg-primary .sidebar-wrap input:active, .header-bg-primary .sidebar-wrap .form-control:focus, .header-bg-primary .sidebar-wrap .ui.select-dropdown .menu > .input:not(.transparent) input:focus, .ui.select-dropdown .menu > .input:not(.transparent) .header-bg-primary .sidebar-wrap input:focus, .header-bg-primary .sidebar-wrap .ui.selection.select-dropdown:focus, .header-bg-primary .sidebar-wrap select.ui.select-dropdown:focus, .header-bg-primary .sidebar-wrap .ui.selection.active.select-dropdown, .header-bg-primary .sidebar-wrap select.active.ui.select-dropdown, .header-bg-primary .sidebar-wrap .sp-container .sp-input:focus, .sp-container .header-bg-primary .sidebar-wrap .sp-input:focus, .header-bg-primary .sidebar-wrap .bootstrap-timepicker-widget table td input:focus, .bootstrap-timepicker-widget table td .header-bg-primary .sidebar-wrap input:focus {
    border-color: #4c8033 !important;
}

.header-bg-primary .sidebar-wrap .form-control .input-group-addon, .header-bg-primary .sidebar-wrap .ui.select-dropdown .menu > .input:not(.transparent) input .input-group-addon, .ui.select-dropdown .menu > .input:not(.transparent) .header-bg-primary .sidebar-wrap input .input-group-addon, .header-bg-primary .sidebar-wrap .ui.selection.select-dropdown .input-group-addon, .header-bg-primary .sidebar-wrap select.ui.select-dropdown .input-group-addon, .header-bg-primary .sidebar-wrap .sp-container .sp-input .input-group-addon, .sp-container .header-bg-primary .sidebar-wrap .sp-input .input-group-addon, .header-bg-primary .sidebar-wrap .bootstrap-timepicker-widget table td input .input-group-addon, .bootstrap-timepicker-widget table td .header-bg-primary .sidebar-wrap input .input-group-addon {
    background-color: #4c8033 !important;
    border-color: #4c8033 !important;
}

.header-bg-primary .sidebar-wrap .ui.checkbox.checkbox-fill input[type="checkbox"]:checked + label::after {
    background-color: #4c8033 !important;
}

.header-bg-primary .sidebar-wrap .ui.checkbox.radio input:checked + label::after {
    background-color: #4c8033 !important;
}

.header-bg-primary .sidebar-wrap .ui.checkbox.radio input:checked + label::before {
    border-color: #4c8033 !important;
}

.header-bg-primary .sidebar-wrap .noUi-target.noUi-vertical .noUi-tooltip,
.header-bg-primary .sidebar-wrap .noUi-target.noUi-horizontal .noUi-tooltip,
.header-bg-primary .sidebar-wrap .noUi-horizontal .noUi-handle,
.header-bg-primary .sidebar-wrap .noUi-vertical .noUi-handle .noUi-vertical .noUi-handle,
.header-bg-primary .sidebar-wrap .noUi-connect {
    background-color: #4c8033;
}

.header-bg-primary .sidebar-wrap .ui.checkbox.radio input:indeterminate + label::before {
    border-color: #282d38;
}

.header-bg-info .sidebar-wrap .sidebar-menu li.menu-item.current > a {
    border-left-color: #3a8586 !important;
}

.header-bg-info .sidebar-wrap .form-control:active, .header-bg-info .sidebar-wrap .ui.select-dropdown .menu > .input:not(.transparent) input:active, .ui.select-dropdown .menu > .input:not(.transparent) .header-bg-info .sidebar-wrap input:active, .header-bg-info .sidebar-wrap .ui.selection.select-dropdown:active, .header-bg-info .sidebar-wrap select.ui.select-dropdown:active, .header-bg-info .sidebar-wrap .sp-container .sp-input:active, .sp-container .header-bg-info .sidebar-wrap .sp-input:active, .header-bg-info .sidebar-wrap .bootstrap-timepicker-widget table td input:active, .bootstrap-timepicker-widget table td .header-bg-info .sidebar-wrap input:active, .header-bg-info .sidebar-wrap .form-control:focus, .header-bg-info .sidebar-wrap .ui.select-dropdown .menu > .input:not(.transparent) input:focus, .ui.select-dropdown .menu > .input:not(.transparent) .header-bg-info .sidebar-wrap input:focus, .header-bg-info .sidebar-wrap .ui.selection.select-dropdown:focus, .header-bg-info .sidebar-wrap select.ui.select-dropdown:focus, .header-bg-info .sidebar-wrap .ui.selection.active.select-dropdown, .header-bg-info .sidebar-wrap select.active.ui.select-dropdown, .header-bg-info .sidebar-wrap .sp-container .sp-input:focus, .sp-container .header-bg-info .sidebar-wrap .sp-input:focus, .header-bg-info .sidebar-wrap .bootstrap-timepicker-widget table td input:focus, .bootstrap-timepicker-widget table td .header-bg-info .sidebar-wrap input:focus {
    border-color: #3a8586 !important;
}

.header-bg-info .sidebar-wrap .form-control .input-group-addon, .header-bg-info .sidebar-wrap .ui.select-dropdown .menu > .input:not(.transparent) input .input-group-addon, .ui.select-dropdown .menu > .input:not(.transparent) .header-bg-info .sidebar-wrap input .input-group-addon, .header-bg-info .sidebar-wrap .ui.selection.select-dropdown .input-group-addon, .header-bg-info .sidebar-wrap select.ui.select-dropdown .input-group-addon, .header-bg-info .sidebar-wrap .sp-container .sp-input .input-group-addon, .sp-container .header-bg-info .sidebar-wrap .sp-input .input-group-addon, .header-bg-info .sidebar-wrap .bootstrap-timepicker-widget table td input .input-group-addon, .bootstrap-timepicker-widget table td .header-bg-info .sidebar-wrap input .input-group-addon {
    background-color: #3a8586 !important;
    border-color: #3a8586 !important;
}

.header-bg-info .sidebar-wrap .ui.checkbox.checkbox-fill input[type="checkbox"]:checked + label::after {
    background-color: #3a8586 !important;
}

.header-bg-info .sidebar-wrap .ui.checkbox.radio input:checked + label::after {
    background-color: #3a8586 !important;
}

.header-bg-info .sidebar-wrap .ui.checkbox.radio input:checked + label::before {
    border-color: #3a8586 !important;
}

.header-bg-info .sidebar-wrap .noUi-target.noUi-vertical .noUi-tooltip,
.header-bg-info .sidebar-wrap .noUi-target.noUi-horizontal .noUi-tooltip,
.header-bg-info .sidebar-wrap .noUi-horizontal .noUi-handle,
.header-bg-info .sidebar-wrap .noUi-vertical .noUi-handle .noUi-vertical .noUi-handle,
.header-bg-info .sidebar-wrap .noUi-connect {
    background-color: #3a8586;
}

.header-bg-info .sidebar-wrap .ui.checkbox.radio input:indeterminate + label::before {
    border-color: #282d38;
}

.header-bg-warning .sidebar-wrap .sidebar-menu li.menu-item.current > a {
    border-left-color: #a58825 !important;
}

.header-bg-warning .sidebar-wrap .form-control:active, .header-bg-warning .sidebar-wrap .ui.select-dropdown .menu > .input:not(.transparent) input:active, .ui.select-dropdown .menu > .input:not(.transparent) .header-bg-warning .sidebar-wrap input:active, .header-bg-warning .sidebar-wrap .ui.selection.select-dropdown:active, .header-bg-warning .sidebar-wrap select.ui.select-dropdown:active, .header-bg-warning .sidebar-wrap .sp-container .sp-input:active, .sp-container .header-bg-warning .sidebar-wrap .sp-input:active, .header-bg-warning .sidebar-wrap .bootstrap-timepicker-widget table td input:active, .bootstrap-timepicker-widget table td .header-bg-warning .sidebar-wrap input:active, .header-bg-warning .sidebar-wrap .form-control:focus, .header-bg-warning .sidebar-wrap .ui.select-dropdown .menu > .input:not(.transparent) input:focus, .ui.select-dropdown .menu > .input:not(.transparent) .header-bg-warning .sidebar-wrap input:focus, .header-bg-warning .sidebar-wrap .ui.selection.select-dropdown:focus, .header-bg-warning .sidebar-wrap select.ui.select-dropdown:focus, .header-bg-warning .sidebar-wrap .ui.selection.active.select-dropdown, .header-bg-warning .sidebar-wrap select.active.ui.select-dropdown, .header-bg-warning .sidebar-wrap .sp-container .sp-input:focus, .sp-container .header-bg-warning .sidebar-wrap .sp-input:focus, .header-bg-warning .sidebar-wrap .bootstrap-timepicker-widget table td input:focus, .bootstrap-timepicker-widget table td .header-bg-warning .sidebar-wrap input:focus {
    border-color: #a58825 !important;
}

.header-bg-warning .sidebar-wrap .form-control .input-group-addon, .header-bg-warning .sidebar-wrap .ui.select-dropdown .menu > .input:not(.transparent) input .input-group-addon, .ui.select-dropdown .menu > .input:not(.transparent) .header-bg-warning .sidebar-wrap input .input-group-addon, .header-bg-warning .sidebar-wrap .ui.selection.select-dropdown .input-group-addon, .header-bg-warning .sidebar-wrap select.ui.select-dropdown .input-group-addon, .header-bg-warning .sidebar-wrap .sp-container .sp-input .input-group-addon, .sp-container .header-bg-warning .sidebar-wrap .sp-input .input-group-addon, .header-bg-warning .sidebar-wrap .bootstrap-timepicker-widget table td input .input-group-addon, .bootstrap-timepicker-widget table td .header-bg-warning .sidebar-wrap input .input-group-addon {
    background-color: #a58825 !important;
    border-color: #a58825 !important;
}

.header-bg-warning .sidebar-wrap .ui.checkbox.checkbox-fill input[type="checkbox"]:checked + label::after {
    background-color: #a58825 !important;
}

.header-bg-warning .sidebar-wrap .ui.checkbox.radio input:checked + label::after {
    background-color: #a58825 !important;
}

.header-bg-warning .sidebar-wrap .ui.checkbox.radio input:checked + label::before {
    border-color: #a58825 !important;
}

.header-bg-warning .sidebar-wrap .noUi-target.noUi-vertical .noUi-tooltip,
.header-bg-warning .sidebar-wrap .noUi-target.noUi-horizontal .noUi-tooltip,
.header-bg-warning .sidebar-wrap .noUi-horizontal .noUi-handle,
.header-bg-warning .sidebar-wrap .noUi-vertical .noUi-handle .noUi-vertical .noUi-handle,
.header-bg-warning .sidebar-wrap .noUi-connect {
    background-color: #a58825;
}

.header-bg-warning .sidebar-wrap .ui.checkbox.radio input:indeterminate + label::before {
    border-color: #282d38;
}

.header-bg-danger .sidebar-wrap .sidebar-menu li.menu-item.current > a {
    border-left-color: #a53012 !important;
}

.header-bg-danger .sidebar-wrap .form-control:active, .header-bg-danger .sidebar-wrap .ui.select-dropdown .menu > .input:not(.transparent) input:active, .ui.select-dropdown .menu > .input:not(.transparent) .header-bg-danger .sidebar-wrap input:active, .header-bg-danger .sidebar-wrap .ui.selection.select-dropdown:active, .header-bg-danger .sidebar-wrap select.ui.select-dropdown:active, .header-bg-danger .sidebar-wrap .sp-container .sp-input:active, .sp-container .header-bg-danger .sidebar-wrap .sp-input:active, .header-bg-danger .sidebar-wrap .bootstrap-timepicker-widget table td input:active, .bootstrap-timepicker-widget table td .header-bg-danger .sidebar-wrap input:active, .header-bg-danger .sidebar-wrap .form-control:focus, .header-bg-danger .sidebar-wrap .ui.select-dropdown .menu > .input:not(.transparent) input:focus, .ui.select-dropdown .menu > .input:not(.transparent) .header-bg-danger .sidebar-wrap input:focus, .header-bg-danger .sidebar-wrap .ui.selection.select-dropdown:focus, .header-bg-danger .sidebar-wrap select.ui.select-dropdown:focus, .header-bg-danger .sidebar-wrap .ui.selection.active.select-dropdown, .header-bg-danger .sidebar-wrap select.active.ui.select-dropdown, .header-bg-danger .sidebar-wrap .sp-container .sp-input:focus, .sp-container .header-bg-danger .sidebar-wrap .sp-input:focus, .header-bg-danger .sidebar-wrap .bootstrap-timepicker-widget table td input:focus, .bootstrap-timepicker-widget table td .header-bg-danger .sidebar-wrap input:focus {
    border-color: #a53012 !important;
}

.header-bg-danger .sidebar-wrap .form-control .input-group-addon, .header-bg-danger .sidebar-wrap .ui.select-dropdown .menu > .input:not(.transparent) input .input-group-addon, .ui.select-dropdown .menu > .input:not(.transparent) .header-bg-danger .sidebar-wrap input .input-group-addon, .header-bg-danger .sidebar-wrap .ui.selection.select-dropdown .input-group-addon, .header-bg-danger .sidebar-wrap select.ui.select-dropdown .input-group-addon, .header-bg-danger .sidebar-wrap .sp-container .sp-input .input-group-addon, .sp-container .header-bg-danger .sidebar-wrap .sp-input .input-group-addon, .header-bg-danger .sidebar-wrap .bootstrap-timepicker-widget table td input .input-group-addon, .bootstrap-timepicker-widget table td .header-bg-danger .sidebar-wrap input .input-group-addon {
    background-color: #a53012 !important;
    border-color: #a53012 !important;
}

.header-bg-danger .sidebar-wrap .ui.checkbox.checkbox-fill input[type="checkbox"]:checked + label::after {
    background-color: #a53012 !important;
}

.header-bg-danger .sidebar-wrap .ui.checkbox.radio input:checked + label::after {
    background-color: #a53012 !important;
}

.header-bg-danger .sidebar-wrap .ui.checkbox.radio input:checked + label::before {
    border-color: #a53012 !important;
}

.header-bg-danger .sidebar-wrap .noUi-target.noUi-vertical .noUi-tooltip,
.header-bg-danger .sidebar-wrap .noUi-target.noUi-horizontal .noUi-tooltip,
.header-bg-danger .sidebar-wrap .noUi-horizontal .noUi-handle,
.header-bg-danger .sidebar-wrap .noUi-vertical .noUi-handle .noUi-vertical .noUi-handle,
.header-bg-danger .sidebar-wrap .noUi-connect {
    background-color: #a53012;
}

.header-bg-danger .sidebar-wrap .ui.checkbox.radio input:indeterminate + label::before {
    border-color: #282d38;
}

.header-bg-inverse .sidebar-wrap .sidebar-menu li.menu-item.current > a {
    border-left-color: #585e61 !important;
}

.header-bg-inverse .sidebar-wrap .form-control:active, .header-bg-inverse .sidebar-wrap .ui.select-dropdown .menu > .input:not(.transparent) input:active, .ui.select-dropdown .menu > .input:not(.transparent) .header-bg-inverse .sidebar-wrap input:active, .header-bg-inverse .sidebar-wrap .ui.selection.select-dropdown:active, .header-bg-inverse .sidebar-wrap select.ui.select-dropdown:active, .header-bg-inverse .sidebar-wrap .sp-container .sp-input:active, .sp-container .header-bg-inverse .sidebar-wrap .sp-input:active, .header-bg-inverse .sidebar-wrap .bootstrap-timepicker-widget table td input:active, .bootstrap-timepicker-widget table td .header-bg-inverse .sidebar-wrap input:active, .header-bg-inverse .sidebar-wrap .form-control:focus, .header-bg-inverse .sidebar-wrap .ui.select-dropdown .menu > .input:not(.transparent) input:focus, .ui.select-dropdown .menu > .input:not(.transparent) .header-bg-inverse .sidebar-wrap input:focus, .header-bg-inverse .sidebar-wrap .ui.selection.select-dropdown:focus, .header-bg-inverse .sidebar-wrap select.ui.select-dropdown:focus, .header-bg-inverse .sidebar-wrap .ui.selection.active.select-dropdown, .header-bg-inverse .sidebar-wrap select.active.ui.select-dropdown, .header-bg-inverse .sidebar-wrap .sp-container .sp-input:focus, .sp-container .header-bg-inverse .sidebar-wrap .sp-input:focus, .header-bg-inverse .sidebar-wrap .bootstrap-timepicker-widget table td input:focus, .bootstrap-timepicker-widget table td .header-bg-inverse .sidebar-wrap input:focus {
    border-color: #585e61 !important;
}

.header-bg-inverse .sidebar-wrap .form-control .input-group-addon, .header-bg-inverse .sidebar-wrap .ui.select-dropdown .menu > .input:not(.transparent) input .input-group-addon, .ui.select-dropdown .menu > .input:not(.transparent) .header-bg-inverse .sidebar-wrap input .input-group-addon, .header-bg-inverse .sidebar-wrap .ui.selection.select-dropdown .input-group-addon, .header-bg-inverse .sidebar-wrap select.ui.select-dropdown .input-group-addon, .header-bg-inverse .sidebar-wrap .sp-container .sp-input .input-group-addon, .sp-container .header-bg-inverse .sidebar-wrap .sp-input .input-group-addon, .header-bg-inverse .sidebar-wrap .bootstrap-timepicker-widget table td input .input-group-addon, .bootstrap-timepicker-widget table td .header-bg-inverse .sidebar-wrap input .input-group-addon {
    background-color: #585e61 !important;
    border-color: #585e61 !important;
}

.header-bg-inverse .sidebar-wrap .ui.checkbox.checkbox-fill input[type="checkbox"]:checked + label::after {
    background-color: #585e61 !important;
}

.header-bg-inverse .sidebar-wrap .ui.checkbox.radio input:checked + label::after {
    background-color: #585e61 !important;
}

.header-bg-inverse .sidebar-wrap .ui.checkbox.radio input:checked + label::before {
    border-color: #585e61 !important;
}

.header-bg-inverse .sidebar-wrap .noUi-target.noUi-vertical .noUi-tooltip,
.header-bg-inverse .sidebar-wrap .noUi-target.noUi-horizontal .noUi-tooltip,
.header-bg-inverse .sidebar-wrap .noUi-horizontal .noUi-handle,
.header-bg-inverse .sidebar-wrap .noUi-vertical .noUi-handle .noUi-vertical .noUi-handle,
.header-bg-inverse .sidebar-wrap .noUi-connect {
    background-color: #585e61;
}

.header-bg-inverse .sidebar-wrap .ui.checkbox.radio input:indeterminate + label::before {
    border-color: #282d38;
}

.header-fixed,
.aside-header-fixed .header-wrap {
    position: fixed;
    right: 0;
    top: 0;
    left: 0;
}

.smart-links {
    position: absolute;
    right: 0;
    background: inherit;
}

/*!
 * @version: 1.2.0
 * @name: footer
 *
 * @author: https://themeforest.net/user/flexlayers
 */
.footer-wrap {
    position: relative;
    background: #353b4a;
    z-index: 5;
    height: 54px;
    line-height: 54px;
    color: #8790a5;
    text-align: center;
}

    .footer-wrap i {
        position: relative;
        top: 4px;
    }

    .footer-wrap .footer-details {
        position: absolute;
        right: 0;
        bottom: 0;
    }

        .footer-wrap .footer-details::after {
            display: block;
            clear: both;
            content: "";
        }

/*!
 * @version: 1.1.2
 * @name: aside
 *
 * @author: https://themeforest.net/user/flexlayers
 */
.aside-wrap {
    z-index: 400;
    position: fixed;
    top: 115px;
    height: 100%;
    width: 100%;
    max-width: 300px;
    box-shadow: -3px 3px 7px rgba(15, 16, 21, 0.1);
    background: #f4f9fc;
    right: 0;
    -webkit-transform: translateX(105%);
    transform: translateX(105%);
}

    .aside-wrap .aside-activity {
        margin: 0;
        max-width: 1000px;
    }

        .aside-wrap .aside-activity:first-child {
            margin-top: 0;
        }

        .aside-wrap .aside-activity:last-child {
            margin-bottom: 0;
        }

        .aside-wrap .aside-activity.threaded {
            /*--------------------
            Threaded
    ---------------------*/
            margin-left: 20px;
            padding: 0;
            border-left: 2px solid #dee4e8;
        }

            .aside-wrap .aside-activity.threaded .tm-line-item {
                margin-left: -20px;
            }

        .aside-wrap .aside-activity .tm-line-item {
            /*--------------
         Item
    ---------------*/
            display: block;
            position: relative;
            background: none;
            margin: 0;
            padding: 2em 0 0;
            border: none;
            border-top: none;
            line-height: 1.57143;
        }

            .aside-wrap .aside-activity .tm-line-item::after {
                display: block;
                clear: both;
                content: "";
            }

            .aside-wrap .aside-activity .tm-line-item:first-child {
                margin-top: 0;
                padding-top: 0;
            }

            .aside-wrap .aside-activity .tm-line-item .tm-icon {
                /*--------------
          Avatar
     ---------------*/
                display: block;
                width: 40px;
                height: 40px;
                float: left;
                margin: 0;
                border-radius: 10rem;
                background: #e6eff3;
                text-align: center;
                line-height: 40px;
                font-size: 1rem;
            }

                .aside-wrap .aside-activity .tm-line-item .tm-icon img {
                    display: block;
                    margin: 0 auto;
                    width: 100%;
                    height: 100%;
                }

            .aside-wrap .aside-activity .tm-line-item .tm-icon-empty {
                width: 12px;
                height: 12px;
                margin: 4px 13px;
                float: left;
                border-radius: 10rem;
            }

            .aside-wrap .aside-activity .tm-line-item .content {
                /*--------------
         Content
    ---------------*/
                display: block;
                margin-left: 55px !important;
            }

                .aside-wrap .aside-activity .tm-line-item .content .metadata {
                    /*--------------
         Metadata
    ---------------*/
                    display: block;
                    margin-left: 0;
                    color: #797e81;
                    font-size: 1rem;
                }

                    .aside-wrap .aside-activity .tm-line-item .content .metadata > * {
                        display: inline-block;
                        margin: 0 0 0 0;
                    }

                    .aside-wrap .aside-activity .tm-line-item .content .metadata > :last-child {
                        margin-right: 0;
                    }

                    .aside-wrap .aside-activity .tm-line-item .content .metadata .date ~ .hour {
                        float: right;
                    }

                .aside-wrap .aside-activity .tm-line-item .content .text {
                    /*--------------------
          Text
    ---------------------*/
                    margin: 0.3em 0 0;
                    font-size: 0.85714rem;
                    word-wrap: break-word;
                    color: #585e61;
                    line-height: 1.8;
                    color: #585e61;
                }

        .aside-wrap .aside-activity .emojionearea .emojionearea-editor {
            min-height: 2.8rem;
        }

    .aside-wrap .chat-room .chat-reply .textarea-group {
        padding-left: 55px;
    }

    .aside-wrap .panel-full-btn,
    .aside-wrap .panel-collapse-btn,
    .aside-wrap .panel-maximize-btn {
        display: none !important;
    }

    .aside-wrap .emojionearea .emojionearea-editor,
    .aside-wrap .chat-room .chat-reply .chat-reply-area {
        min-height: 2.8rem;
    }

.aside-open .main-wrap {
    padding-top: 115px;
    min-height: calc(100% - 54px);
}

.aside-open .header-wrap {
    box-shadow: 3px 3px 7px rgba(15, 16, 21, 0.1);
    /*z-index: 10;*/
}

.drag-aside-target {
    height: 100%;
    width: 20px;
    position: fixed;
    top: 0;
    z-index: 10;
}

.aside-overlay {
    z-index: 9;
    will-change: opacity;
    position: fixed;
    bottom: 0;
    top: 115px;
    right: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.5);
}

.site-themes {
    margin-bottom: 1.5rem;
}

.site-theme {
    cursor: pointer;
    display: inline-block;
    border: 1px solid #e7edf0;
    position: relative;
    text-align: center;
}

    .site-theme span {
        position: relative;
        top: 65px;
        font-size: 13px;
    }

    .site-theme.options {
        margin-bottom: 20px;
        border-radius: 7px;
        width: 100%;
        height: 200px;
        overflow: hidden;
    }

        .site-theme.options::after {
            display: block;
            clear: both;
            content: "";
        }

        .site-theme.options img {
            height: 100%;
        }

        .site-theme.options.selected {
            box-shadow: 0 0 30px rgba(88, 94, 97, 0.4), 0 0 40px rgba(88, 94, 97, 0.8) inset;
        }

            .site-theme.options.selected:after {
                right: 10px;
                left: auto;
                -webkit-transform: skew(8deg) rotate(3deg);
                transform: skew(8deg) rotate(3deg);
            }

    .site-theme.types {
        margin-bottom: 50px;
        border-radius: 4px;
        width: 55px;
        height: 55px;
        margin-right: 1rem;
        background-size: contain;
    }

        .site-theme.types::after {
            display: block;
            clear: both;
            content: "";
        }

        .site-theme.types[data-theme="sidebar-type-push"] {
            background-image: url("../img/icons/push.png");
        }

        .site-theme.types[data-theme="sidebar-type-slide"] {
            background-image: url("../img/icons/slide.png");
        }

        .site-theme.types[data-theme="sidebar-type-top"] {
            background-image: url("../img/icons/top.png");
        }

        .site-theme.types[data-theme="sidebar-type-bottom"] {
            background-image: url("../img/icons/bottom.png");
        }

        .site-theme.types[data-theme="sidebar-state-open"], .site-theme.types[data-theme="sidebar-tr-state-open"] {
            background-image: url("../img/icons/open.png");
        }

        .site-theme.types[data-theme="sidebar-state-compact"], .site-theme.types[data-theme="sidebar-tr-state-compact"] {
            background-image: url("../img/icons/compact.png");
        }

        .site-theme.types[data-theme="sidebar-state-close"], .site-theme.types[data-theme="sidebar-tr-state-close"] {
            background-image: url("../img/icons/close.png");
        }

        .site-theme.types.selected:before, .site-theme.types.selected:after {
            box-shadow: 0 0 20px rgba(88, 94, 97, 0.01);
        }

    .site-theme.backgrounds {
        margin-bottom: 1rem;
        margin-right: 1rem;
        border-radius: 50px;
        width: 40px;
        height: 40px;
    }

        .site-theme.backgrounds img {
            width: 100%;
            height: 100%;
        }

        .site-theme.backgrounds .gradient {
            background: linear-gradient(rgba(15, 16, 21, 0.1), #0f1015);
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
        }

        .site-theme.backgrounds[data-theme="sidebar-bg-default"] {
            background: #42495c;
        }

        .site-theme.backgrounds[data-theme="header-bg-primary"] {
            background: #4c8033;
        }

        .site-theme.backgrounds[data-theme="header-bg-info"] {
            background: #3a8586;
        }

        .site-theme.backgrounds[data-theme="header-bg-danger"] {
            background: #a53012;
        }

        .site-theme.backgrounds[data-theme="header-bg-warning"] {
            background: #a58825;
        }

        .site-theme.backgrounds.selected:before, .site-theme.backgrounds.selected:after {
            border-radius: 100px;
            box-shadow: 0 0 14px rgba(88, 94, 97, 0.4);
        }

        .site-theme.backgrounds.image-backgrounds {
            overflow: hidden;
        }

            .site-theme.backgrounds.image-backgrounds.selected {
                box-shadow: 0 0 20px rgba(88, 94, 97, 0.8), 0 0 40px rgba(88, 94, 97, 0.1) inset;
                border: 1px solid rgba(88, 94, 97, 0.8);
            }

    .site-theme.selected {
        z-index: 0;
        box-shadow: 0 0 20px rgba(88, 94, 97, 0.1), 0 0 40px rgba(88, 94, 97, 0.1) inset;
    }

        .site-theme.selected:before, .site-theme.selected:after {
            content: "";
            position: absolute;
            z-index: -1;
            box-shadow: 0 0 20px #585e61;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            border-radius: 100px / 10px;
        }

.theme-settings .theme-setting {
    padding: .5rem 0;
    display: block;
}

    .theme-settings .theme-setting::after {
        display: block;
        clear: both;
        content: "";
    }

    .theme-settings .theme-setting:first-child {
        padding-top: 0;
    }

    .theme-settings .theme-setting:last-child {
        padding-bottom: 0;
    }

.theme-settings .name {
    float: left;
    color: #797e81;
}

.theme-settings .value {
    float: right;
}

/*!
 * @version: 1.2.0
 * @name: _starter_pages
 *
 * @author: https://themeforest.net/user/flexlayers
 */
.reactive-starter-pages .starter-page {
    margin-bottom: 3rem;
}

    .reactive-starter-pages .starter-page .image {
        height: 500px;
        width: 100%;
        background-color: #dee4e8;
        overflow: hidden;
        display: block;
        cursor: pointer;
        box-shadow: 2px 2px 7px rgba(15, 16, 21, 0.1);
    }

        .reactive-starter-pages .starter-page .image img {
            height: 100%;
        }

    .reactive-starter-pages .starter-page .list {
        font-size: 0.92857rem;
    }



form input[type=text], input[type=password] {

    width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}

form select {
    /*box-shadow: 0 0 1pt 1pt #ccc;*/
}

form textarea {
    width: 100%;
    height: 150px;
    padding: 12px 20px;
    box-sizing: border-box;
    border: 1px solid #ccc;
    border-radius: 4px;
}

    form textarea:focus {
    }

form .select3 {
    box-shadow: 0 0 1pt 1pt #ccc;
    width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border-radius: 2px;
    box-sizing: border-box;
    background-color: white;
}


.dropdownCustomStyle {
    background-color: #fff !important;
    border: 1px solid #ccc !important;
    border-radius: 4px !important;
}

/*----------------------------
    The file upload form
-----------------------------*/


#respondForm1 {
    font-family: 'PT Sans Narrow', sans-serif;
    border-radius: 3px;
}

#attachDiv {

    margin-bottom: 30px;
    border: 2px solid #819d97;
    border-radius: 3px;
    text-align: center;
    color: #7f858a;
}

    #attachDiv a {
        border-radius: 2px;
        cursor: pointer;
        display: inline-block;
        /*margin-top: 12px;*/
        line-height: 1;
    }

        #attachDiv a:hover {
            background-color: #0986a3;
        }

    #attachDiv input {
        display: none;
    }

#respondForm1 ul {
    list-style: none;
    margin: 20px;
}

    #respondForm1 ul li {
        padding: 5px;
        height: 52px;
        position: relative;
    }

        #respondForm1 ul li input {
            display: none;
        }

        #respondForm1 ul li p {
            overflow: hidden;
            white-space: nowrap;
            color: #19485d;
            font-weight: bold;
            position: absolute;
            left: 100px;
            top:0;
        }

        #respondForm1 ul li i {
            font-weight: normal;
            font-style: normal;
            color: #7f7f7f;
            display: block;
        }

        #respondForm1 ul li canvas {
            top: 15px;
            left: 32px;
            position: absolute;
        }

        #respondForm1 ul li span {
            width: 15px;
            height: 12px;
            background: url('../img/delete_icons.png') no-repeat;
            position: absolute;
            top: 20px;
            right: 33px;
            cursor: pointer;
        }

        #respondForm1 ul li.working span {
            height: 16px;
            background-position: 0 -12px;
        }

        #respondForm1 ul li.error p {
            color: red;
        }


*----------------------------
The file upload form with class selector
-----------------------------*/


.respondForm1 {
    font-family: 'PT Sans Narrow', sans-serif;
    border-radius: 3px;
}

.attachDiv {
    /*padding: 40px 50px;
    margin-bottom: 30px;*/
    border: 2px solid #819d97;
    border-radius: 3px;
    text-align: center;
    color: #7f858a;
}

    .attachDiv a {
        border-radius: 2px;
        cursor: pointer;
        display: inline-block;
        /*margin-top: 12px;*/
        line-height: 1;
    }

        .attachDiv a:hover {
            background-color: #0986a3;
        }

    .attachDiv input {
        display: none;
    }

.respondForm1 ul {
    list-style: none;
    margin: 20px;
}

    .respondForm1 ul li {
        padding: 5px;
        height: 52px;
        position: relative;
    }

        .respondForm1 ul li input {
            display: none;
        }

        .respondForm1 ul li p {
            overflow: hidden;
            white-space: nowrap;
            color: #19485d;
            font-weight: bold;
            position: absolute;
            left: 100px;
            top: 0;
        }

        .respondForm1 ul li i {
            font-weight: normal;
            font-style: normal;
            color: #7f7f7f;
            display: block;
        }

        .respondForm1 ul li canvas {
            top: 15px;
            left: 32px;
            position: absolute;
        }

        .respondForm1 ul li span {
            width: 15px;
            height: 12px;
            background: url('../img/delete_icons.png') no-repeat;
            position: absolute;
            top: 20px;
            right: 33px;
            cursor: pointer;
        }

        .respondForm1 ul li.working span {
            height: 16px;
            background-position: 0 -12px;
        }

        .respondForm1 ul li.error p {
            color: red;
        }




.list li {
    border-bottom: 1px solid #ccc;
    display: table;
    border-collapse: collapse;
    width: 100%;
}

.inner {
    display: table-row;
    overflow: hidden;
}

.li-img {
    display: table-cell;
    vertical-align: middle;  
    padding-right: 1em;
}

    .li-img img {
        width: 50px;
        display: block;
    }
.li-imgPreview {
    display: table-cell;
    vertical-align: middle;
    padding-right: 1em;
}
.li-imgPreview img {
    width: 50px;
    display: inline-block;
}

.note-editor .note-dropzone {
    display: none !important;
}


.modal.right .modal-dialog {
    position: fixed;
    margin: auto;
    width: 320px;
    height: 100%;
    -webkit-transform: translate3d(0%, 0, 0);
    -ms-transform: translate3d(0%, 0, 0);
    -o-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0);
}

.modal.right .modal-content {
    height: 100%;
    overflow-y: auto;
}


.modal.right .modal-body {
    padding: 15px 15px 80px;
}



/*Right*/
.modal.right.fade .modal-dialog {
    right: -320px;
    -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
    -o-transition: opacity 0.3s linear, right 0.3s ease-out;
    transition: opacity 0.3s linear, right 0.3s ease-out;
}

.modal.right.fade.in .modal-dialog {
    right: 0;
}


.icon-barFiles {
    position: fixed;
    right: 1%;
    top: 85%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

    .icon-barFiles button {
        display: block;
        text-align: center;
        padding: 16px;
        transition: all 0.3s ease;
        color: white;
        font-size: 20px;
    }

        .icon-barFiles button:hover {
            background-color: #000;
        }


    .icon-barFiles .fileupload {
        background: #3a8586;
        color: black;
    }


.inputSearchServices {
    padding: 5px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}


.newfa2x {
    font-size: 1.3em;
}


/*form builder*/

.rendered-form .fb-text .form-control {
    width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}

.rendered-form .fb-number .form-control {
    width: 100%;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}

.rendered-form .fb-date .form-control {
    width: 100%;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}


.rendered-form .fb-select .form-control {
    width: 100%;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}

.rendered-form .fb-file .form-control {
    border-bottom:unset;
}


/*labels*/
.rendered-form .fb-text-label,
.rendered-form .fb-number-label,
.rendered-form .fb-textarea-label,
.rendered-form .fb-date-label,
.rendered-form .fb-select-label,
.rendered-form .fb-file-label,
.rendered-form .fb-radio-group-label,
.rendered-form .fb-checkbox-group-label {
    font-family: "Open Sans", "sans-serif";
    font-size: 1rem;
    font-weight: normal;
    line-height: 1.57143;
    color: #585e61;
}

.contacts .text-sm-right {
    text-align: unset !important;
}

.content .contacts{

    margin-left:30px;

}


#commentDiv .note-editor .note-editing-area .note-editable {
    min-height: 5rem;
}