/* Minification failed. Returning unminified contents.
(1813,2): run-time error CSS1030: Expected identifier, found ' '
(1813,2): run-time error CSS1019: Unexpected token, found ' '
(1813,3): run-time error CSS1019: Unexpected token, found '{'
(1814,19): run-time error CSS1030: Expected identifier, found ' '
(1814,20): run-time error CSS1031: Expected selector, found '50px'
(1814,20): run-time error CSS1025: Expected comma or open brace, found '50px'
(1815,18): run-time error CSS1030: Expected identifier, found ' '
(1815,19): run-time error CSS1031: Expected selector, found '15px'
(1815,19): run-time error CSS1025: Expected comma or open brace, found '15px'
(1816,19): run-time error CSS1030: Expected identifier, found ' '
(1816,20): run-time error CSS1031: Expected selector, found '15px'
(1816,20): run-time error CSS1025: Expected comma or open brace, found '15px'
(1817,1): run-time error CSS1019: Unexpected token, found '}'
(1819,2): run-time error CSS1030: Expected identifier, found '.'
(1819,2): run-time error CSS1019: Unexpected token, found '.'
(3851,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(3852,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(3868,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(3869,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(3885,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(3886,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(3902,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(3903,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(3916,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(3917,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(3930,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(3931,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(5006,23): run-time error CSS1036: Expected expression, found ';'
 */

@font-face {
    font-family: 'Simple-Line-Icons';
    src: url('../fonts/Simple-Line-Icons.eot');
    src: url('../fonts/Simple-Line-Icons.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Simple-Line-Icons.woff') format('woff'),
         url('../fonts/Simple-Line-Icons.ttf') format('truetype'),
         url('../fonts/Simple-Line-Icons.svg#Simple-Line-Icons') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Use the following CSS code if you want to use data attributes for inserting your icons */

[data-icon]:before {
    font-family: 'Simple-Line-Icons';
    content: attr(data-icon);
    speak: none;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Use the following CSS code if you want to have a class per icon */

/*
Instead of a list of all class selectors,
you can use the generic selector below, but it's slower:
[class*="icon-"] {
*/

.icon-user-female, .icon-user-follow, .icon-user-following, .icon-user-unfollow, .icon-trophy, .icon-screen-smartphone, .icon-screen-desktop, .icon-plane, .icon-notebook, .icon-moustache, .icon-mouse, .icon-magnet, .icon-energy, .icon-emoticon-smile, .icon-disc, .icon-cursor-move, .icon-crop, .icon-credit-card, .icon-chemistry, .icon-user, .icon-speedometer, .icon-social-youtube, .icon-social-twitter, .icon-social-tumblr, .icon-social-facebook, .icon-social-dropbox, .icon-social-dribbble, .icon-shield, .icon-screen-tablet, .icon-magic-wand, .icon-hourglass, .icon-graduation, .icon-ghost, .icon-game-controller, .icon-fire, .icon-eyeglasses, .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-map, .icon-layers, .icon-handbag, .icon-globe-alt, .icon-globe, .icon-frame, .icon-folder-alt, .icon-film, .icon-feed, .icon-earphones-alt, .icon-earphones, .icon-drop, .icon-drawer, .icon-docs, .icon-directions, .icon-direction, .icon-diamond, .icon-cup, .icon-compass, .icon-call-out, .icon-call-in, .icon-call-end, .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-size-fullscreen, .icon-size-actual, .icon-shuffle, .icon-share-alt, .icon-share, .icon-rocket, .icon-question, .icon-pie-chart, .icon-pencil, .icon-note, .icon-music-tone-alt, .icon-music-tone, .icon-microphone, .icon-loop, .icon-logout, .icon-login, .icon-list, .icon-like, .icon-home, .icon-grid, .icon-graph, .icon-equalizer, .icon-dislike, .icon-cursor, .icon-control-start, .icon-control-rewind, .icon-control-play, .icon-control-pause, .icon-control-forward, .icon-control-end, .icon-calendar, .icon-bulb, .icon-bar-chart, .icon-arrow-up, .icon-arrow-right, .icon-arrow-left, .icon-arrow-down, .icon-ban, .icon-bubble, .icon-camcorder, .icon-camera, .icon-check, .icon-clock, .icon-close, .icon-cloud-download, .icon-cloud-upload, .icon-doc, .icon-envelope, .icon-eye, .icon-flag, .icon-folder, .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-plus, .icon-pointer, .icon-power, .icon-refresh, .icon-reload, .icon-settings, .icon-star, .icon-symbol-female, .icon-symbol-male, .icon-target, .icon-volume-1, .icon-volume-2, .icon-volume-off, .icon-users {
    font-family: 'Simple-Line-Icons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.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-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-moustache:before { content: "\e014"; }

.icon-mouse:before { content: "\e015"; }

.icon-magnet:before { content: "\e016"; }

.icon-energy:before { content: "\e020"; }

.icon-emoticon-smile:before { content: "\e021"; }

.icon-disc:before { content: "\e022"; }

.icon-cursor-move:before { content: "\e023"; }

.icon-crop:before { content: "\e024"; }

.icon-credit-card:before { content: "\e025"; }

.icon-chemistry:before { content: "\e026"; }

.icon-user:before { content: "\e005"; }

.icon-speedometer:before { content: "\e007"; }

.icon-social-youtube:before { content: "\e008"; }

.icon-social-twitter:before { content: "\e009"; }

.icon-social-tumblr:before { content: "\e00a"; }

.icon-social-facebook:before { content: "\e00b"; }

.icon-social-dropbox:before { content: "\e00c"; }

.icon-social-dribbble:before { content: "\e00d"; }

.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-eyeglasses: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-map:before { content: "\e033"; }

.icon-layers:before { content: "\e034"; }

.icon-handbag:before { content: "\e035"; }

.icon-globe-alt:before { content: "\e036"; }

.icon-globe:before { content: "\e037"; }

.icon-frame:before { content: "\e038"; }

.icon-folder-alt:before { content: "\e039"; }

.icon-film:before { content: "\e03a"; }

.icon-feed:before { content: "\e03b"; }

.icon-earphones-alt:before { content: "\e03c"; }

.icon-earphones:before { content: "\e03d"; }

.icon-drop:before { content: "\e03e"; }

.icon-drawer:before { content: "\e03f"; }

.icon-docs:before { content: "\e040"; }

.icon-directions:before { content: "\e041"; }

.icon-direction:before { content: "\e042"; }

.icon-diamond:before { content: "\e043"; }

.icon-cup:before { content: "\e044"; }

.icon-compass:before { content: "\e045"; }

.icon-call-out:before { content: "\e046"; }

.icon-call-in:before { content: "\e047"; }

.icon-call-end:before { content: "\e048"; }

.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-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-music-tone-alt:before { content: "\e061"; }

.icon-music-tone:before { content: "\e062"; }

.icon-microphone:before { content: "\e063"; }

.icon-loop:before { content: "\e064"; }

.icon-logout:before { content: "\e065"; }

.icon-login:before { content: "\e066"; }

.icon-list:before { content: "\e067"; }

.icon-like:before { content: "\e068"; }

.icon-home:before { content: "\e069"; }

.icon-grid:before { content: "\e06a"; }

.icon-graph:before { content: "\e06b"; }

.icon-equalizer:before { content: "\e06c"; }

.icon-dislike:before { content: "\e06d"; }

.icon-cursor:before { content: "\e06e"; }

.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-calendar:before { content: "\e075"; }

.icon-bulb:before { content: "\e076"; }

.icon-bar-chart:before { content: "\e077"; }

.icon-arrow-up:before { content: "\e078"; }

.icon-arrow-right:before { content: "\e079"; }

.icon-arrow-left:before { content: "\e07a"; }

.icon-arrow-down:before { content: "\e07b"; }

.icon-ban:before { content: "\e07c"; }

.icon-bubble:before { content: "\e07d"; }

.icon-camcorder:before { content: "\e07e"; }

.icon-camera:before { content: "\e07f"; }

.icon-check:before { content: "\e080"; }

.icon-clock:before { content: "\e081"; }

.icon-close:before { content: "\e082"; }

.icon-cloud-download:before { content: "\e083"; }

.icon-cloud-upload:before { content: "\e084"; }

.icon-doc:before { content: "\e085"; }

.icon-envelope:before { content: "\e086"; }

.icon-eye:before { content: "\e087"; }

.icon-flag:before { content: "\e088"; }

.icon-folder:before { content: "\e089"; }

.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-plus:before { content: "\e095"; }

.icon-pointer:before { content: "\e096"; }

.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-volume-1:before { content: "\e09f"; }

.icon-volume-2:before { content: "\e0a0"; }

.icon-volume-off:before { content: "\e0a1"; }

.icon-users:before { content: "\e001"; }
html { background-color: #f0f3f4; }

body {
    font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #58666e;
    background-color: transparent;
    -webkit-font-smoothing: antialiased;
    line-height: 1.42857143;
}

*:focus { outline: 0 !important; }

.h1,
.h2,
.h3,
.h4,
.h5,
.h6 { margin: 0; }

a {
    color: #363f44;
    text-decoration: none;
    cursor: pointer;
}

a:hover,
a:focus {
    color: #141719;
    text-decoration: none;
}

label { font-weight: normal; }

small,
.small { font-size: 13px; }

.badge,
.label {
    font-weight: bold;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
}

.badge.bg-light,
.label.bg-light { text-shadow: none; }

.badge { background-color: #cfdadd; }

.badge.up {
    position: relative;
    top: -10px;
    padding: 3px 6px;
    margin-left: -10px;
}

.badge-sm {
    font-size: 85%;
    padding: 2px 5px !important;
}

.label-sm {
    padding-top: 0;
    padding-bottom: 1px;
}

.badge-white {
    background-color: transparent;
    border: 1px solid rgba(255, 255, 255, 0.35);
    padding: 2px 6px;
}

.badge-empty {
    background-color: transparent;
    border: 1px solid rgba(0, 0, 0, 0.15);
    color: inherit;
}

blockquote { border-color: #dee5e7; }

.caret-white {
    border-top-color: #fff;
    border-top-color: rgba(255, 255, 255, 0.65);
}

a:hover .caret-white { border-top-color: #fff; }

.thumbnail { border-color: #dee5e7; }

.progress { background-color: #edf1f2; }

.progress-xxs { height: 2px; }

.progress-xs { height: 6px; }

.progress-sm { height: 12px; }

.progress-sm .progress-bar {
    font-size: 10px;
    line-height: 1em;
}

.progress,
.progress-bar {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.progress-bar-primary { background-color: #7266ba; }

.progress-bar-info { background-color: #23b7e5; }

.progress-bar-success { background-color: #27c24c; }

.progress-bar-warning { background-color: #fad733; }

.progress-bar-danger { background-color: #f05050; }

.progress-bar-black { background-color: #1c2b36; }

.progress-bar-white { background-color: #fff; }

.accordion-group,
.accordion-inner {
    border-color: #dee5e7;
    border-radius: 2px;
}

.alert {
    font-size: 13px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
}

.alert .close i {
    font-size: 12px;
    font-weight: normal;
    display: block;
}

.form-control {
    border-color: #cfdadd;
    border-radius: 2px;
}

.form-control,
.form-control:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.form-control:focus { border-color: #23b7e5; }

.form-control-spin {
    position: absolute;
    z-index: 2;
    right: 10px;
    top: 50%;
    margin-top: -7px;
}

.input-lg { height: 45px; }

.input-group-addon {
    border-color: #cfdadd;
    background-color: #edf1f2;
}

.list-group { border-radius: 2px; }

.list-group.no-radius .list-group-item { border-radius: 0 !important; }

.list-group.no-borders .list-group-item { border: none; }

.list-group.no-border .list-group-item { border-width: 1px 0; }

.list-group.no-bg .list-group-item { background-color: transparent; }

.list-group-item {
    border-color: #e7ecee;
    padding-right: 15px;
}

a.list-group-item:hover,
a.list-group-item:focus { background-color: #f6f8f8; }

.list-group-item.media { margin-top: 0; }

.list-group-item.active {
    color: #fff;
    border-color: #23b7e5 !important;
    background-color: #23b7e5 !important;
}

.list-group-item.active .text-muted { color: #ace4f5 !important; }

.list-group-item.active a { color: #fff; }

.list-group-item.select { background-color: #f3f6f6; }

.list-group-alt .list-group-item:nth-child(2n + 2) { background-color: rgba(0, 0, 0, 0.02) !important; }

.list-group-lg .list-group-item {
    padding-top: 15px;
    padding-bottom: 15px;
}

.list-group-sm .list-group-item { padding: 6px 10px; }

.list-group-sp .list-group-item {
    margin-bottom: 5px;
    border-radius: 3px;
}

.list-group-item > .badge { margin-right: 0; }

.list-group-item > .fa-chevron-right {
    float: right;
    margin-top: 4px;
    margin-right: -5px;
}

.list-group-item > .fa-chevron-right + .badge { margin-right: 5px; }

.nav-pills.no-radius > li > a { border-radius: 0; }

.nav-pills > li.active > a {
    color: #fff !important;
    background-color: #23b7e5;
}

.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:active { background-color: #19a9d5; }

.nav > li > a:hover,
.nav > li > a:focus { background-color: #f6f8f8; }

.nav.nav-md > li > a { padding: 10px 20px; }

.nav.nav-sm > li > a { padding: 8px 12px; }

.nav.nav-xs > li > a { padding: 6px 10px; }

.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus { background-color: #f6f8f8; }

.nav-tabs { border-color: #dee5e7; }

.nav-tabs > li > a {
    border-radius: 2px 2px 0 0;
    border-bottom-color: #dee5e7;
}

.nav-tabs > li:hover > a,
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover { border-color: #dee5e7; }

.nav-tabs > li.active > a { border-bottom-color: #fff !important; }

.nav-tabs-alt .nav-tabs.nav-justified > li {
    display: table-cell;
    width: 1%;
}

.nav-tabs-alt .nav-tabs > li > a {
    border-radius: 0;
    border-color: transparent !important;
    background: transparent !important;
    border-bottom-color: #dee5e7 !important;
}

.nav-tabs-alt .nav-tabs > li.active > a { border-bottom-color: #23b7e5 !important; }

.tab-container { margin-bottom: 15px; }

.tab-container .tab-content {
    padding: 15px;
    background-color: #fff;
    border: 1px solid #dee5e7;
    border-top-width: 0;
    border-radius: 0 0 2px 2px;
}

.pagination > li > a { border-color: #dee5e7; }

.pagination > li > a:hover,
.pagination > li > a:focus {
    border-color: #dee5e7;
    background-color: #edf1f2;
}

.panel { border-radius: 2px; }

.panel .accordion-toggle {
    font-size: 14px;
    display: block;
    cursor: pointer;
}

.panel .list-group-item { border-color: #edf1f2; }

.panel.no-borders { border-width: 0; }

.panel.no-borders .panel-heading,
.panel.no-borders .panel-footer { border-width: 0; }

.panel-heading { border-radius: 2px 2px 0 0; }

.panel-default .panel-heading { background-color: #f6f8f8; }

.panel-heading.no-border {
    margin: -1px -1px 0 -1px;
    border: none;
}

.panel-heading .nav { margin: -10px -15px; }

.panel-heading .list-group { background: transparent; }

.panel-footer {
    border-color: #edf1f2;
    border-radius: 0 0 2px 2px;
    background-color: #fff;
}

.panel-default { border-color: #dee5e7; }

.panel-default > .panel-heading,
.panel-default > .panel-footer { border-color: #edf1f2; }

.panel-group .panel-heading + .panel-collapse .panel-body { border-top: 1px solid #eaedef; }

.table > tbody > tr > td,
.table > tfoot > tr > td {
    padding: 8px 15px;
    border-top: 1px solid #eaeff0;
}

.table > thead > tr > th {
    padding: 8px 15px;
    border-bottom: 1px solid #eaeff0;
}

.table-bordered { border-color: #eaeff0; }

.table-bordered > tbody > tr > td { border-color: #eaeff0; }

.table-bordered > thead > tr > th { border-color: #eaeff0; }

.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th { background-color: #fafbfc; }

.table-striped > thead > th {
    background-color: #fafbfc;
    border-right: 1px solid #eaeff0;
}

.table-striped > thead > th:last-child { border-right: none; }

.well,
pre {
    background-color: #edf1f2;
    border-color: #dee5e7;
}

.dropdown-menu {
    border-radius: 2px;
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
    border: 1px solid #dee5e7;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.dropdown-menu.pull-left { left: 100%; }

.dropdown-menu > .panel {
    border: none;
    margin: -5px 0;
}

.dropdown-menu > li > a { padding: 5px 15px; }

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
    background-image: none;
    filter: none;
    background-color: #edf1f2 !important;
    color: #141719;
}

.dropdown-header { padding: 5px 15px; }

.dropdown-submenu { position: relative; }

.dropdown-submenu:hover > a,
.dropdown-submenu:focus > a {
    background-color: #edf1f2 !important;
    color: #58666e;
}

.dropdown-submenu:hover > .dropdown-menu,
.dropdown-submenu:focus > .dropdown-menu { display: block; }

.dropdown-submenu.pull-left { float: none !important; }

.dropdown-submenu.pull-left > .dropdown-menu {
    left: -100%;
    margin-left: 10px;
}

.dropdown-submenu .dropdown-menu {
    left: 100%;
    top: 0;
    margin-top: -6px;
    margin-left: -1px;
}

.dropup .dropdown-submenu > .dropdown-menu {
    top: auto;
    bottom: 0;
}

.btn-group > .btn { margin-left: -1px; }

.col-lg-2-4 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

.col-0 { clear: left; }

.row.no-gutter {
    margin-left: 0;
    margin-right: 0;
}

.no-gutter [class*="col"] { padding: 0; }

.row-sm {
    margin-left: -10px;
    margin-right: -10px;
}

.row-sm > div {
    padding-left: 10px;
    padding-right: 10px;
}

.modal-backdrop { background-color: #3a3f51; }

.modal-backdrop.in {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.modal-over {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    position: fixed;
}

.modal-center {
    position: absolute;
    left: 50%;
    top: 50%;
}

html,
body {
    width: 100%;
    height: 100%;
}

body { overflow-x: hidden; }

.app {
    height: auto;
    min-height: 100%;
    width: 100%;
    position: relative;
}

.app-header-fixed { padding-top: 30px; }

.app-header-fixed .app-header {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
}

.app-header {
    z-index: 1025;
    border-radius: 0;
}

.app-aside {
    position: relative;
    float: left;
}

.app-aside:before {
    content: "";
    position: fixed;
    width: inherit;
    top: 0;
    bottom: 0;
    z-index: -1;
    background-color: inherit;
    border: inherit;
}

.app-content { height: 100%; }

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

.app-content:after { clear: both; }

.app-content-body {
    padding-bottom: 50px;
    float: left;
    width: 100%;
}

.app-footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

.hbox {
    display: table;
    table-layout: fixed;
    border-spacing: 0;
    width: 100%;
    height: 100%;
}

.hbox .col {
    display: table-cell;
    vertical-align: top;
    height: 100%;
    float: none;
}

.v-middle { vertical-align: middle !important; }

.v-top { vertical-align: top !important; }

.v-bottom { vertical-align: bottom !important; }

.vbox {
    display: table;
    border-spacing: 0;
    position: relative;
    height: 100%;
    width: 100%;
}

.vbox .row-row {
    display: table-row;
    height: 100%;
}

.vbox .row-row .cell {
    position: relative;
    height: 100%;
    width: 100%;
    -webkit-overflow-scrolling: touch;
    overflow: auto;
}

.ie .vbox .row-row .cell { display: table-cell; }

.vbox .row-row .cell .cell-inner {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.navbar {
    border: none !important;
    margin: 0;
}

.navbar .navbar-form-sm {
    margin-top: 10px;
    margin-bottom: 10px;
}

.navbar-md { min-height: 60px; }

.navbar-md .navbar-btn { margin-top: 13px; }

.navbar-md .navbar-form { margin-top: 15px; }

.navbar-md .navbar-nav > li > a {
    padding-top: 20px;
    padding-bottom: 20px;
}

.navbar-md .navbar-brand { line-height: 60px; }

.navbar-header > button {
    text-decoration: none;
    line-height: 30px;
    font-size: 16px;
    padding: 10px 17px;
    border: none;
    background-color: transparent;
}

.navbar-brand {
    float: none;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    height: auto;
    line-height: 50px;
    display: inline-block;
    padding: 0 20px;
}

.navbar-brand:hover { text-decoration: none; }

.navbar-brand img {
    max-height: 55px;
    margin-top: -4px;
    vertical-align: middle;
}

@media (min-width: 768px) {
    body.container {
        -webkit-box-shadow: 0 3px 60px rgba(0, 0, 0, 0.3);
        box-shadow: 0 3px 60px rgba(0, 0, 0, 0.3);
        border-left: 1px solid #c1ced2;
        border-right: 1px solid #c1ced2;
    }

    .app-aside,
    .navbar-header { width: 200px; }

    .app-content,
    .app-footer { margin-left: 200px; }

    .visible-folded { display: none; }

    .app-aside-folded .hidden-folded { display: none !important; }

    .app-aside-folded .visible-folded { display: inherit; }

    .app-aside-folded .text-center-folded { text-align: center; }

    .app-aside-folded .pull-none-folded { float: none !important; }

    .app-aside-folded .w-auto-folded { width: auto; }

    .app-aside-folded .app-aside,
    .app-aside-folded .navbar-header { width: 60px; }

    .app-aside-folded .app-content,
    .app-aside-folded .app-footer { margin-left: 60px; }

    .app-aside-folded .app-header .navbar-brand {
        display: block;
        padding: 0;
    }

    .app-aside-fixed .app-header .navbar-header { position: fixed; }

    .app-aside-fixed .app-header .navbar-collapse { padding-left: 200px; }

    .app-aside-fixed .aside-wrap {
        position: fixed;
        overflow: hidden;
        top: 50px;
        left: 0;
        bottom: 0;
        width: 200px;
    }

    .app-aside-fixed .aside-wrap .navi-wrap {
        width: 217px;
        position: relative;
        height: 100%;
        overflow-x: hidden;
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
    }

    .app-aside-fixed .aside-wrap .navi-wrap::-webkit-scrollbar { -webkit-appearance: none; }

    .app-aside-fixed .aside-wrap .navi-wrap::-webkit-scrollbar:vertical { width: 17px; }

    .smart .app-aside-fixed .aside-wrap .navi-wrap { width: 200px; }

    .app-aside-fixed.app-aside-folded .app-header .navbar-collapse { padding-left: 60px; }

    .app-aside-fixed.app-aside-folded .aside-wrap { width: 60px; }

    .app-aside-fixed.app-aside-folded .aside-wrap .navi-wrap { width: 77px; }

    .smart .app-aside-fixed.app-aside-folded .aside-wrap .navi-wrap { width: 60px; }

    .bg-auto:before {
        content: "";
        position: absolute;
        width: inherit;
        top: 0;
        bottom: 0;
        z-index: -2;
        background-color: inherit;
        border: inherit;
    }

    .bg-auto.bg-auto-left:before { left: 200px; }

    .app-aside-folded .bg-auto.bg-auto-left:before { left: 60px; }

    .bg-auto.bg-auto-right:before { right: 0; }

    .col.show { display: table-cell !important; }
}

@media (min-width: 768px) and (max-width: 991px) {
    .hbox-auto-sm { display: block; }

    .hbox-auto-sm > .col {
        width: auto;
        display: block;
    }

    .hbox-auto-sm > .col.show { display: block !important; }
}

@media (max-width: 767px) {
    .app-aside { float: none; }

    .hbox-auto-xs { display: block; }

    .hbox-auto-xs > .col {
        width: auto;
        display: block;
    }

    .navbar-nav {
        margin-top: 0;
        margin-bottom: 0;
    }

    .navbar-nav > li > a { box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1); }

    .navbar-nav > li > a .up { top: 0; }

    .navbar-nav > li > a .avatar {
        width: 30px;
        margin-top: -5px;
    }

    .navbar-nav .open .dropdown-menu { background-color: #fff; }

    .navbar-form {
        box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .navbar-form .form-group { margin-bottom: 0; }
}

.nav-sub {
    opacity: 0;
    height: 0;
    overflow: hidden;
    margin-left: -20px;
    -webkit-transition: all .2s ease-in-out 0s;
    transition: all .2s ease-in-out 0s;
}

.active .nav-sub,
.app-aside-folded li:hover .nav-sub,
.app-aside-folded li:focus .nav-sub,
.app-aside-folded li:active .nav-sub {
    opacity: 1;
    margin-left: 0;
    height: auto !important;
    overflow: auto;
}

.nav-sub-header { display: none !important; }

.nav-sub-header a { padding: 15px 20px; }

.navi ul.nav li {
    display: block;
    position: relative;
}

.navi ul.nav li li a { padding-left: 55px; }

.navi ul.nav li a {
    font-weight: normal;
    text-transform: none;
    display: block;
    padding: 10px 20px;
    position: relative;
    -webkit-transition: background-color .2s ease-in-out 0s;
    transition: background-color .2s ease-in-out 0s;
}

.navi ul.nav li a .badge,
.navi ul.nav li a .label {
    font-size: 11px;
    padding: 2px 5px;
    margin-top: 2px;
}

.navi ul.nav li a > i {
    margin: -10px -10px;
    line-height: 40px;
    width: 40px;
    float: left;
    margin-right: 5px;
    text-align: center;
    position: relative;
    overflow: hidden;
}

.navi ul.nav li a > i:before {
    position: relative;
    z-index: 2;
}

@media (min-width: 768px) {
    .app-aside-folded .nav-sub-header { display: block !important; }

    .app-aside-folded .nav-sub-header a { padding: 15px 20px !important; }

    .app-aside-folded .navi > ul > li > a {
        position: relative;
        padding: 0;
        font-size: 11px;
        text-align: center;
        height: 50px;
        border: none;
    }

    .app-aside-folded .navi > ul > li > a span { display: none; }

    .app-aside-folded .navi > ul > li > a span.pull-right { display: none !important; }

    .app-aside-folded .navi > ul > li > a i {
        width: auto;
        float: none;
        display: block;
        font-size: 16px;
        margin: 0;
        line-height: 50px;
        border: none !important;
        -webkit-transition: margin-top 0.2s;
        transition: margin-top 0.2s;
    }

    .app-aside-folded .navi > ul > li > a i b { left: 0 !important; }

    .app-aside-folded .navi > ul > li > a .badge,
    .app-aside-folded .navi > ul > li > a .label {
        position: absolute;
        right: 12px;
        top: 8px;
        z-index: 3;
    }

    .app-aside-folded .navi > ul ul {
        height: 0 !important;
        position: absolute;
        left: 100%;
        top: 0 !important;
        z-index: 1050;
        width: 200px;
        -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
    }

    .app-aside-folded .navi li li a { padding-left: 20px !important; }

    .app-aside-folded.app-aside-fixed .app-aside > ul.nav {
        z-index: 1000;
        opacity: 1;
        height: auto;
        overflow: visible;
        display: block;
        width: 260px;
        margin-left: 60px;
        position: absolute;
    }

    .app-aside-folded.app-aside-fixed .app-aside > ul.nav:before {
        content: "";
        width: 60px;
        height: 50px;
        position: absolute;
        left: -60px;
        top: 0;
    }

    .app-aside-folded.app-aside-fixed .app-aside > ul.nav a {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
}

.arrow {
    border-width: 9px;
    z-index: 10;
}

.arrow,
.arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

.arrow:after {
    border-width: 8px;
    content: "";
}

.arrow.top {
    left: 50%;
    margin-left: -9px;
    border-top-width: 0;
    border-bottom-color: rgba(0, 0, 0, 0.1);
    top: -9px;
}

.arrow.top:after {
    top: 1px;
    margin-left: -8px;
    border-top-width: 0;
    border-bottom-color: #fff;
}

.arrow.top.arrow-primary:after { border-bottom-color: #7266ba; }

.arrow.top.arrow-info:after { border-bottom-color: #23b7e5; }

.arrow.top.arrow-success:after { border-bottom-color: #27c24c; }

.arrow.top.arrow-danger:after { border-bottom-color: #f05050; }

.arrow.top.arrow-warning:after { border-bottom-color: #fad733; }

.arrow.top.arrow-light:after { border-bottom-color: #edf1f2; }

.arrow.top.arrow-dark:after { border-bottom-color: #3a3f51; }

.arrow.top.arrow-black:after { border-bottom-color: #1c2b36; }

.arrow.right {
    top: 50%;
    right: -9px;
    margin-top: -9px;
    border-right-width: 0;
    border-left-color: rgba(0, 0, 0, 0.1);
}

.arrow.right:after {
    right: 1px;
    bottom: -8px;
    border-right-width: 0;
    border-left-color: #fff;
}

.arrow.right.arrow-primary:after { border-left-color: #7266ba; }

.arrow.right.arrow-info:after { border-left-color: #23b7e5; }

.arrow.right.arrow-success:after { border-left-color: #27c24c; }

.arrow.right.arrow-danger:after { border-left-color: #f05050; }

.arrow.right.arrow-warning:after { border-left-color: #fad733; }

.arrow.right.arrow-light:after { border-left-color: #edf1f2; }

.arrow.right.arrow-dark:after { border-left-color: #3a3f51; }

.arrow.right.arrow-black:after { border-left-color: #1c2b36; }

.arrow.bottom {
    left: 50%;
    bottom: -9px;
    margin-left: -9px;
    border-bottom-width: 0;
    border-top-color: rgba(0, 0, 0, 0.1);
}

.arrow.bottom:after {
    bottom: 1px;
    margin-left: -8px;
    border-bottom-width: 0;
    border-top-color: #fff;
}

.arrow.bottom.arrow-primary:after { border-top-color: #7266ba; }

.arrow.bottom.arrow-info:after { border-top-color: #23b7e5; }

.arrow.bottom.arrow-success:after { border-top-color: #27c24c; }

.arrow.bottom.arrow-danger:after { border-top-color: #f05050; }

.arrow.bottom.arrow-warning:after { border-top-color: #fad733; }

.arrow.bottom.arrow-light:after { border-top-color: #edf1f2; }

.arrow.bottom.arrow-dark:after { border-top-color: #3a3f51; }

.arrow.bottom.arrow-black:after { border-top-color: #1c2b36; }

.arrow.left {
    top: 50%;
    left: -9px;
    margin-top: -9px;
    border-left-width: 0;
    border-right-color: rgba(0, 0, 0, 0.1);
}

.arrow.left:after {
    left: 1px;
    bottom: -8px;
    border-left-width: 0;
    border-right-color: #fff;
}

.arrow.left.arrow-primary:after { border-right-color: #7266ba; }

.arrow.left.arrow-info:after { border-right-color: #23b7e5; }

.arrow.left.arrow-success:after { border-right-color: #27c24c; }

.arrow.left.arrow-danger:after { border-right-color: #f05050; }

.arrow.left.arrow-warning:after { border-right-color: #fad733; }

.arrow.left.arrow-light:after { border-right-color: #edf1f2; }

.arrow.left.arrow-dark:after { border-right-color: #3a3f51; }

.arrow.left.arrow-black:after { border-right-color: #1c2b36; }

.arrow.pull-left { left: 19px; }

.arrow.pull-right {
    left: auto;
    right: 19px;
}

.arrow.pull-up { top: 19px; }

.arrow.pull-down {
    top: auto;
    bottom: 19px;
}

.btn {
    font-weight: 500;
    border-radius: 2px;
    outline: 0 !important;
}

.btn-link { color: #58666e; }

.btn-link.active {
    webkit-box-shadow: none;
    box-shadow: none;
}

.btn-default {
    color: #58666e !important;
    background-color: #fcfdfd;
    border-color: #dee5e7;
    background-color: #fff;
    border-bottom-color: #d8e1e3;
    -webkit-box-shadow: 0 1px 1px rgba(90, 90, 90, 0.1);
    box-shadow: 0 1px 1px rgba(90, 90, 90, 0.1);
}

.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
    color: #58666e;
    background-color: #edf1f2;
    border-color: #c7d3d6;
}

.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default { background-image: none; }

.btn-default.disabled,
.btn-default.disabled:hover,
.btn-default.disabled:focus,
.btn-default.disabled:active,
.btn-default.disabled.active,
.btn-default[disabled],
.btn-default[disabled]:hover,
.btn-default[disabled]:focus,
.btn-default[disabled]:active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default,
fieldset[disabled] .btn-default:hover,
fieldset[disabled] .btn-default:focus,
fieldset[disabled] .btn-default:active,
fieldset[disabled] .btn-default.active {
    background-color: #fcfdfd;
    border-color: #dee5e7;
}

.btn-default.btn-bg {
    border-color: rgba(0, 0, 0, 0.1);
    background-clip: padding-box;
}

.btn-primary {
    color: #fff !important;
    background-color: #7266ba;
    border-color: #7266ba;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
    color: #fff !important;
    background-color: #6254b2;
    border-color: #5a4daa;
}

.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary { background-image: none; }

.btn-primary.disabled,
.btn-primary.disabled:hover,
.btn-primary.disabled:focus,
.btn-primary.disabled:active,
.btn-primary.disabled.active,
.btn-primary[disabled],
.btn-primary[disabled]:hover,
.btn-primary[disabled]:focus,
.btn-primary[disabled]:active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary,
fieldset[disabled] .btn-primary:hover,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary:active,
fieldset[disabled] .btn-primary.active {
    background-color: #7266ba;
    border-color: #7266ba;
}

.btn-success {
    color: #fff !important;
    background-color: #27c24c;
    border-color: #27c24c;
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
    color: #fff !important;
    background-color: #23ad44;
    border-color: #20a03f;
}

.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success { background-image: none; }

.btn-success.disabled,
.btn-success.disabled:hover,
.btn-success.disabled:focus,
.btn-success.disabled:active,
.btn-success.disabled.active,
.btn-success[disabled],
.btn-success[disabled]:hover,
.btn-success[disabled]:focus,
.btn-success[disabled]:active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success,
fieldset[disabled] .btn-success:hover,
fieldset[disabled] .btn-success:focus,
fieldset[disabled] .btn-success:active,
fieldset[disabled] .btn-success.active {
    background-color: #27c24c;
    border-color: #27c24c;
}

.btn-info {
    color: #fff !important;
    background-color: #23b7e5;
    border-color: #23b7e5;
}

.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
    color: #fff !important;
    background-color: #19a9d5;
    border-color: #189ec8;
}

.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info { background-image: none; }

.btn-info.disabled,
.btn-info.disabled:hover,
.btn-info.disabled:focus,
.btn-info.disabled:active,
.btn-info.disabled.active,
.btn-info[disabled],
.btn-info[disabled]:hover,
.btn-info[disabled]:focus,
.btn-info[disabled]:active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info,
fieldset[disabled] .btn-info:hover,
fieldset[disabled] .btn-info:focus,
fieldset[disabled] .btn-info:active,
fieldset[disabled] .btn-info.active {
    background-color: #23b7e5;
    border-color: #23b7e5;
}

.btn-warning {
    color: #fff !important;
    background-color: #fad733;
    border-color: #fad733;
}

.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
    color: #fff !important;
    background-color: #f9d21a;
    border-color: #f9cf0b;
}

.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning { background-image: none; }

.btn-warning.disabled,
.btn-warning.disabled:hover,
.btn-warning.disabled:focus,
.btn-warning.disabled:active,
.btn-warning.disabled.active,
.btn-warning[disabled],
.btn-warning[disabled]:hover,
.btn-warning[disabled]:focus,
.btn-warning[disabled]:active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning,
fieldset[disabled] .btn-warning:hover,
fieldset[disabled] .btn-warning:focus,
fieldset[disabled] .btn-warning:active,
fieldset[disabled] .btn-warning.active {
    background-color: #fad733;
    border-color: #fad733;
}

.btn-danger {
    color: #fff !important;
    background-color: #f05050;
    border-color: #f05050;
}

.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
    color: #fff !important;
    background-color: #ee3939;
    border-color: #ed2a2a;
}

.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger { background-image: none; }

.btn-danger.disabled,
.btn-danger.disabled:hover,
.btn-danger.disabled:focus,
.btn-danger.disabled:active,
.btn-danger.disabled.active,
.btn-danger[disabled],
.btn-danger[disabled]:hover,
.btn-danger[disabled]:focus,
.btn-danger[disabled]:active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger,
fieldset[disabled] .btn-danger:hover,
fieldset[disabled] .btn-danger:focus,
fieldset[disabled] .btn-danger:active,
fieldset[disabled] .btn-danger.active {
    background-color: #f05050;
    border-color: #f05050;
}

.btn-dark {
    color: #fff !important;
    background-color: #3a3f51;
    border-color: #3a3f51;
}

.btn-dark:hover,
.btn-dark:focus,
.btn-dark:active,
.btn-dark.active,
.open .dropdown-toggle.btn-dark {
    color: #fff !important;
    background-color: #2f3342;
    border-color: #292d39;
}

.btn-dark:active,
.btn-dark.active,
.open .dropdown-toggle.btn-dark { background-image: none; }

.btn-dark.disabled,
.btn-dark.disabled:hover,
.btn-dark.disabled:focus,
.btn-dark.disabled:active,
.btn-dark.disabled.active,
.btn-dark[disabled],
.btn-dark[disabled]:hover,
.btn-dark[disabled]:focus,
.btn-dark[disabled]:active,
.btn-dark[disabled].active,
fieldset[disabled] .btn-dark,
fieldset[disabled] .btn-dark:hover,
fieldset[disabled] .btn-dark:focus,
fieldset[disabled] .btn-dark:active,
fieldset[disabled] .btn-dark.active {
    background-color: #3a3f51;
    border-color: #3a3f51;
}

.btn-black {
    color: #fff !important;
    background-color: #1c2b36;
    border-color: #1c2b36;
}

.btn-black:hover,
.btn-black:focus,
.btn-black:active,
.btn-black.active,
.open .dropdown-toggle.btn-black {
    color: #fff !important;
    background-color: #131e25;
    border-color: #0e161b;
}

.btn-black:active,
.btn-black.active,
.open .dropdown-toggle.btn-black { background-image: none; }

.btn-black.disabled,
.btn-black.disabled:hover,
.btn-black.disabled:focus,
.btn-black.disabled:active,
.btn-black.disabled.active,
.btn-black[disabled],
.btn-black[disabled]:hover,
.btn-black[disabled]:focus,
.btn-black[disabled]:active,
.btn-black[disabled].active,
fieldset[disabled] .btn-black,
fieldset[disabled] .btn-black:hover,
fieldset[disabled] .btn-black:focus,
fieldset[disabled] .btn-black:active,
fieldset[disabled] .btn-black.active {
    background-color: #1c2b36;
    border-color: #1c2b36;
}

.btn-icon {
    padding: 0 !important;
    text-align: center;
    width: 34px;
    height: 34px;
}

.btn-icon i {
    top: -1px;
    position: relative;
    line-height: 34px;
}

.btn-icon.btn-sm {
    width: 30px;
    height: 30px;
}

.btn-icon.btn-sm i { line-height: 30px; }

.btn-icon.btn-lg {
    width: 45px;
    height: 45px;
}

.btn-icon.btn-lg i { line-height: 45px; }

. {
    border-radius: 50px;
    padding-left: 15px;
    padding-right: 15px;
}

..btn-lg {
    padding-left: 25px;
    padding-right: 25px;
}

.btn > i.pull-left,
.btn > i.pull-right { line-height: 1.42857143; }

.btn-block {
    padding-left: 12px;
    padding-right: 12px;
}

.btn-group-vertical > .btn:first-child:not(:last-child) { border-top-right-radius: 2px; }

.btn-group-vertical > .btn:last-child:not(:first-child) { border-bottom-left-radius: 2px; }

.btn-addon i {
    margin: -7px -12px;
    margin-right: 12px;
    background-color: rgba(0, 0, 0, 0.1);
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    float: left;
    position: relative;
    border-radius: 2px 0 0 2px;
}

.btn-addon i.pull-right {
    margin-right: -12px;
    margin-left: 12px;
    border-radius: 0 2px 2px 0;
}

.btn-addon.btn-sm i {
    margin: -6px -10px;
    margin-right: 10px;
    width: 30px;
    height: 30px;
    line-height: 30px;
}

.btn-addon.btn-sm i.pull-right {
    margin-right: -10px;
    margin-left: 10px;
}

.btn-addon.btn-lg i {
    margin: -11px -16px;
    margin-right: 16px;
    width: 45px;
    height: 45px;
    line-height: 45px;
}

.btn-addon.btn-lg i.pull-right {
    margin-right: -16px;
    margin-left: 16px;
}

.btn-addon.btn-default i {
    background-color: transparent;
    border-right: 1px solid #dee5e7;
}

.list-icon i {
    font-size: 14px;
    width: 40px;
    vertical-align: middle;
    margin: 0;
    display: inline-block;
    text-align: center;
    -webkit-transition: font-size .2s;
    transition: font-size .2s;
}

.list-icon div {
    line-height: 40px;
    white-space: nowrap;
}

.list-icon div:hover i { font-size: 26px; }

.settings {
    z-index: 1000;
    position: fixed;
    top: 95px;
    right: -240px;
    width: 240px;
    -webkit-transition: right 0.2s;
    transition: right 0.2s;
}

.settings.active { right: -1px; }

.settings > .btn {
    background: #f6f8f8 !important;
    border-right-width: 0;
    border-color: #dee5e7;
    position: absolute;
    left: -42px;
    top: -1px;
    padding: 10px 15px;
}

.settings .i-checks span b {
    width: 50%;
    height: 20px;
    display: inline-block;
    float: left;
}

.settings .i-checks span b.header { height: 10px; }

.streamline {
    position: relative;
    border-color: #dee5e7;
}

.streamline .sl-item:after,
.streamline:after {
    content: '';
    position: absolute;
    background-color: #fff;
    border-color: inherit;
    border-width: 1px;
    border-style: solid;
    border-radius: 10px;
    width: 9px;
    height: 9px;
    margin-left: -5px;
    bottom: 0;
    left: 0;
}

.sl-item {
    border-color: #dee5e7;
    position: relative;
    padding-bottom: 1px;
}

.sl-item:before,
.sl-item:after {
    content: " ";
    display: table;
}

.sl-item:after { clear: both; }

.sl-item:after {
    top: 6px;
    bottom: auto;
}

.sl-item.b-l { margin-left: -1px; }

.timeline {
    margin: 0;
    padding: 0;
}

.tl-item { display: block; }

.tl-item:before,
.tl-item:after {
    content: " ";
    display: table;
}

.tl-item:after { clear: both; }

.visible-left { display: none; }

.tl-wrap {
    display: block;
    margin-left: 6em;
    padding: 15px 0 15px 20px;
    border-style: solid;
    border-color: #dee5e7;
    border-width: 0 0 0 4px;
}

.tl-wrap:before,
.tl-wrap:after {
    content: " ";
    display: table;
}

.tl-wrap:after { clear: both; }

.tl-wrap:before {
    position: relative;
    content: "";
    float: left;
    top: 15px;
    margin-left: -27px;
    width: 10px;
    height: 10px;
    border-color: inherit;
    border-width: 3px;
    border-radius: 50%;
    border-style: solid;
    background: #edf1f2;
    box-shadow: 0 0 0 4px #f0f3f4;
}

.tl-wrap:hover:before {
    background: transparent;
    border-color: #fff;
}

.tl-date {
    position: relative;
    top: 10px;
    float: left;
    margin-left: -7.5em;
    display: block;
    width: 4.5em;
    text-align: right;
}

.tl-content {
    display: inline-block;
    position: relative;
    padding-top: 10px;
    padding-bottom: 10px;
}

.tl-content.block {
    display: block;
    width: 100%;
}

.tl-content.panel { margin-bottom: 0; }

.tl-header {
    display: block;
    width: 12em;
    text-align: center;
    margin-left: 2px;
}

.timeline-center .tl-item { margin-left: 50%; }

.timeline-center .tl-item .tl-wrap { margin-left: -2px; }

.timeline-center .tl-header {
    width: auto;
    margin: 0;
}

.timeline-center .tl-left {
    margin-left: 0;
    margin-right: 50%;
}

.timeline-center .tl-left .hidden-left { display: none !important; }

.timeline-center .tl-left .visible-left { display: inherit; }

.timeline-center .tl-left .tl-wrap {
    float: right;
    margin-right: -2px;
    border-left-width: 0;
    border-right-width: 4px;
    padding-left: 0;
    padding-right: 20px;
}

.timeline-center .tl-left .tl-wrap:before {
    float: right;
    margin-left: 0;
    margin-right: -27px;
}

.timeline-center .tl-left .tl-date {
    float: right;
    margin-left: 0;
    margin-right: -8.5em;
    text-align: left;
}

.i-switch {
    cursor: pointer;
    position: relative;
    display: inline-block;
    width: 35px;
    height: 20px;
    border-radius: 30px;
    background-color: #27c24c;
    margin: 0;
}

.i-switch input {
    position: absolute;
    opacity: 0;
    filter: alpha(opacity=0);
}

.i-switch input:checked + i:before {
    top: 50%;
    bottom: 50%;
    left: 50%;
    right: 5px;
    border-width: 0;
    border-radius: 5px;
}

.i-switch input:checked + i:after { margin-left: 16px; }

.i-switch i:before {
    content: "";
    position: absolute;
    top: -1px;
    bottom: -1px;
    left: -1px;
    right: -1px;
    background-color: #fff;
    border: 1px solid #f0f0f0;
    border-radius: 30px;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}

.i-switch i:after {
    content: "";
    position: absolute;
    background-color: #fff;
    width: 18px;
    top: 1px;
    bottom: 1px;
    border-radius: 50%;
    -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);
    -webkit-transition: margin-left 0.3s;
    transition: margin-left 0.3s;
}

.i-switch-md {
    width: 40px;
    height: 24px;
}

.i-switch-md input:checked + i:after { margin-left: 17px; }

.i-switch-md i:after { width: 22px; }

.i-switch-lg {
    width: 50px;
    height: 30px;
}

.i-switch-lg input:checked + i:after { margin-left: 21px; }

.i-switch-lg i:after { width: 28px; }

.i-checks {
    padding-left: 20px;
    cursor: pointer;
}

.i-checks input {
    opacity: 0;
    position: absolute;
    margin-left: -20px;
}

.i-checks input:checked + i { border-color: #23b7e5; }

.i-checks input:checked + i:before {
    left: 4px;
    top: 4px;
    width: 10px;
    height: 10px;
    background-color: #23b7e5;
}

.i-checks input:checked + span .active { display: inherit; }

.i-checks input[type="radio"] + i,
.i-checks input[type="radio"] + i:before { border-radius: 50%; }

.i-checks input[disabled] + i,
fieldset[disabled] .i-checks input + i { border-color: #dee5e7; }

.i-checks input[disabled] + i:before,
fieldset[disabled] .i-checks input + i:before { background-color: #dee5e7; }

.i-checks > i {
    width: 20px;
    height: 20px;
    line-height: 1;
    border: 1px solid #cfdadd;
    background-color: #fff;
    margin-left: -20px;
    margin-top: -2px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 4px;
    position: relative;
}

.i-checks > i:before {
    content: "";
    position: absolute;
    left: 10px;
    top: 10px;
    width: 0px;
    height: 0px;
    background-color: transparent;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}

.i-checks > span { margin-left: -20px; }

.i-checks > span .active { display: none; }

.datepicker { margin: 0 5px; }

.datepicker .btn-default {
    border-width: 0;
    box-shadow: none;
}

.datepicker .btn[disabled] { opacity: 0.4; }

.datepicker .btn-info .text-info { color: #fff !important; }

.jqstooltip {
    background-color: rgba(0, 0, 0, 0.8) !important;
    border: solid 1px #000 !important;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 5px 10px !important;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.easyPieChart {
    position: relative;
    text-align: center;
}

.easyPieChart > div {
    position: relative;
    z-index: 1;
}

.easyPieChart > div .text {
    position: absolute;
    width: 100%;
    top: 60%;
    line-height: 1;
}

.easyPieChart > div img { margin-top: -4px; }

.easyPieChart canvas {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}

#flotTip {
    padding: 4px 10px;
    background-color: rgba(0, 0, 0, 0.8);
    border: solid 1px #000 !important;
    z-index: 100;
    font-size: 12px;
    color: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.legendColorBox > div {
    border: none !important;
    margin: 5px;
}

.legendColorBox > div > div { border-radius: 10px; }

.sortable-placeholder {
    list-style: none;
    border: 1px dashed #CCC;
    min-height: 50px;
    margin-bottom: 5px;
}

.item { position: relative; }

.item .top {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

.item .bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

.item .center {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
}

.item-overlay {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.item-overlay.active,
.item:hover .item-overlay { display: block; }

.form-validation .form-control.ng-dirty.ng-invalid { border-color: #f05050; }

.form-validation .form-control.ng-dirty.ng-valid,
.form-validation .form-control.ng-dirty.ng-valid:focus { border-color: #27c24c; }

.form-validation .i-checks .ng-invalid.ng-dirty + i { border-color: #f05050; }

.ng-animate .bg-auto:before { display: none; }

[ui-view].ng-leave { display: none; }

[ui-view].ng-leave.smooth { display: block; }

.smooth.ng-animate {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.fade-in-right-big.ng-enter {
    -webkit-animation: fadeInRightBig 0.5s;
    animation: fadeInRightBig 0.5s;
}

.fade-in-right-big.ng-leave {
    -webkit-animation: fadeOutLeftBig 0.5s;
    animation: fadeOutLeftBig 0.5s;
}

.fade-in-left-big.ng-enter {
    -webkit-animation: fadeInLeftBig 0.5s;
    animation: fadeInLeftBig 0.5s;
}

.fade-in-left-big.ng-leave {
    -webkit-animation: fadeOutRightBig 0.5s;
    animation: fadeOutRightBig 0.5s;
}

.fade-in-up-big.ng-enter {
    -webkit-animation: fadeInUpBig 0.5s;
    animation: fadeInUpBig 0.5s;
}

.fade-in-up-big.ng-leave {
    -webkit-animation: fadeOutUpBig 0.5s;
    animation: fadeOutUpBig 0.5s;
}

.fade-in-down-big.ng-enter {
    -webkit-animation: fadeInDownBig 0.5s;
    animation: fadeInDownBig 0.5s;
}

.fade-in-down-big.ng-leave {
    -webkit-animation: fadeOutDownBig 0.5s;
    animation: fadeOutDownBig 0.5s;
}

.fade-in.ng-enter {
    -webkit-animation: fadeIn 0.5s;
    animation: fadeIn 0.5s;
}

.fade-in.ng-leave {
    -webkit-animation: fadeOut 0.5s;
    animation: fadeOut 0.5s;
}

.fade-in-right.ng-enter {
    -webkit-animation: fadeInRight 0.5s;
    animation: fadeInRight 0.5s;
}

.fade-in-right.ng-leave {
    -webkit-animation: fadeOutLeft 0.5s;
    animation: fadeOutLeft 0.5s;
}

.fade-in-left.ng-enter {
    -webkit-animation: fadeInLeft 0.5s;
    animation: fadeInLeft 0.5s;
}

.fade-in-left.ng-leave {
    -webkit-animation: fadeOutRight 0.5s;
    animation: fadeOutRight 0.5s;
}

.fade-in-up.ng-enter {
    -webkit-animation: fadeInUp 0.5s;
    animation: fadeInUp 0.5s;
}

.fade-in-up.ng-leave {
    -webkit-animation: fadeOutUp 0.5s;
    animation: fadeOutUp 0.5s;
}

.fade-in-down.ng-enter {
    -webkit-animation: fadeInDown 0.5s;
    animation: fadeInDown 0.5s;
}

.fade-in-down.ng-leave {
    -webkit-animation: fadeOutDown 0.5s;
    animation: fadeOutDown 0.5s;
}

.bg-gd {
    background-image: -webkit-gradient(linear, left 0, left 100%, from(rgba(40, 50, 60, 0)), to(rgba(40, 50, 60, 0.075)));
    background-image: -webkit-linear-gradient(top, rgba(40, 50, 60, 0), 0, rgba(40, 50, 60, 0.075), 100%);
    background-image: -moz-linear-gradient(top, rgba(40, 50, 60, 0) 0, rgba(40, 50, 60, 0.075) 100%);
    background-image: linear-gradient(to bottom, rgba(40, 50, 60, 0) 0, rgba(40, 50, 60, 0.075) 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0028323c', endColorstr='#1328323c', GradientType=0);
    filter: none;
}

.bg-gd-dk {
    background-image: -webkit-gradient(linear, left 10%, left 100%, from(rgba(40, 50, 60, 0)), to(rgba(40, 50, 60, 0.5)));
    background-image: -webkit-linear-gradient(top, rgba(40, 50, 60, 0), 10%, rgba(40, 50, 60, 0.5), 100%);
    background-image: -moz-linear-gradient(top, rgba(40, 50, 60, 0) 10%, rgba(40, 50, 60, 0.5) 100%);
    background-image: linear-gradient(to bottom, rgba(40, 50, 60, 0) 10%, rgba(40, 50, 60, 0.5) 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0028323c', endColorstr='#7f28323c', GradientType=0);
    filter: none;
}

.bg-white-opacity { background-color: rgba(255, 255, 255, 0.5); }

.bg-black-opacity { background-color: rgba(32, 43, 54, 0.5); }

.bg-light {
    background-color: #edf1f2;
    color: #58666e;
}

.bg-light.lt,
.bg-light .lt { background-color: #f3f5f6; }

.bg-light.lter,
.bg-light .lter { background-color: #f6f8f8; }

.bg-light.dk,
.bg-light .dk { background-color: #e4eaec; }

.bg-light.dker,
.bg-light .dker { background-color: #dde6e9; }

.bg-light.bg,
.bg-light .bg { background-color: #edf1f2; }

.bg-dark {
    background-color: #3a3f51;
    color: #9ea4b9;
}

.bg-dark.lt,
.bg-dark .lt { background-color: #474c5e; }

.bg-dark.lter,
.bg-dark .lter { background-color: #54596a; }

.bg-dark.dk,
.bg-dark .dk { background-color: #2e3344; }

.bg-dark.dker,
.bg-dark .dker { background-color: #232735; }

.bg-dark.bg,
.bg-dark .bg { background-color: #3a3f51; }

.bg-dark a { color: #bbc0cf; }

.bg-dark a:hover { color: #fff; }

.bg-dark a.list-group-item:hover,
.bg-dark a.list-group-item:focus { background-color: inherit; }

.bg-dark .nav > li:hover > a,
.bg-dark .nav > li:focus > a,
.bg-dark .nav > li.active > a {
    color: #fff;
    background-color: #2e3344;
}

.bg-dark .nav > li > a { color: #adb2c4; }

.bg-dark .nav > li > a:hover,
.bg-dark .nav > li > a:focus { background-color: #32374a; }

.bg-dark .nav .open > a { background-color: #2e3344; }

.bg-dark .caret {
    border-top-color: #9ea4b9;
    border-bottom-color: #9ea4b9;
}

.bg-dark.navbar .nav > li.active > a {
    color: #fff;
    background-color: #2e3344;
}

.bg-dark .open > a,
.bg-dark .open > a:hover,
.bg-dark .open > a:focus { color: #fff; }

.bg-dark .text-muted { color: #8088a4 !important; }

.bg-dark .text-lt { color: #e8e9ef !important; }

.bg-dark.auto .list-group-item,
.bg-dark .auto .list-group-item {
    border-color: #2f3342 !important;
    background-color: transparent;
}

.bg-dark.auto .list-group-item:hover,
.bg-dark.auto .list-group-item:focus,
.bg-dark.auto .list-group-item:active,
.bg-dark.auto .list-group-item.active,
.bg-dark .auto .list-group-item:hover,
.bg-dark .auto .list-group-item:focus,
.bg-dark .auto .list-group-item:active,
.bg-dark .auto .list-group-item.active { background-color: #2e3344 !important; }

.bg-black {
    background-color: #1c2b36;
    color: #6b94b3;
}

.bg-black.lt,
.bg-black .lt { background-color: #263845; }

.bg-black.lter,
.bg-black .lter { background-color: #314554; }

.bg-black.dk,
.bg-black .dk { background-color: #131e26; }

.bg-black.dker,
.bg-black .dker { background-color: #0a1015; }

.bg-black.bg,
.bg-black .bg { background-color: #1c2b36; }

.bg-black a { color: #8dadc4; }

.bg-black a:hover { color: #fff; }

.bg-black a.list-group-item:hover,
.bg-black a.list-group-item:focus { background-color: inherit; }

.bg-black .nav > li:hover > a,
.bg-black .nav > li:focus > a,
.bg-black .nav > li.active > a {
    color: #fff;
    background-color: #131e26;
}

.bg-black .nav > li > a { color: #7ca1bb; }

.bg-black .nav > li > a:hover,
.bg-black .nav > li > a:focus { background-color: #16232d; }

.bg-black .nav .open > a { background-color: #131e26; }

.bg-black .caret {
    border-top-color: #6b94b3;
    border-bottom-color: #6b94b3;
}

.bg-black.navbar .nav > li.active > a {
    color: #fff;
    background-color: #131e26;
}

.bg-black .open > a,
.bg-black .open > a:hover,
.bg-black .open > a:focus { color: #fff; }

.bg-black .text-muted { color: #507b9b !important; }

.bg-black .text-lt { color: #bfd1de !important; }

.bg-black.auto .list-group-item,
.bg-black .auto .list-group-item {
    border-color: #131e25 !important;
    background-color: transparent;
}

.bg-black.auto .list-group-item:hover,
.bg-black.auto .list-group-item:focus,
.bg-black.auto .list-group-item:active,
.bg-black.auto .list-group-item.active,
.bg-black .auto .list-group-item:hover,
.bg-black .auto .list-group-item:focus,
.bg-black .auto .list-group-item:active,
.bg-black .auto .list-group-item.active { background-color: #131e26 !important; }

.bg-primary {
    background-color: #7266ba;
    color: #f4f3f9;
}

.bg-primary.lt,
.bg-primary .lt { background-color: #847abf; }

.bg-primary.lter,
.bg-primary .lter { background-color: #958dc6; }

.bg-primary.dk,
.bg-primary .dk { background-color: #6051b5; }

.bg-primary.dker,
.bg-primary .dker { background-color: #5244a9; }

.bg-primary.bg,
.bg-primary .bg { background-color: #7266ba; }

.bg-primary a { color: #ffffff; }

.bg-primary a:hover { color: #fff; }

.bg-primary a.list-group-item:hover,
.bg-primary a.list-group-item:focus { background-color: inherit; }

.bg-primary .nav > li:hover > a,
.bg-primary .nav > li:focus > a,
.bg-primary .nav > li.active > a {
    color: #fff;
    background-color: #6051b5;
}

.bg-primary .nav > li > a { color: #f2f2f2; }

.bg-primary .nav > li > a:hover,
.bg-primary .nav > li > a:focus { background-color: #6658b8; }

.bg-primary .nav .open > a { background-color: #6051b5; }

.bg-primary .caret {
    border-top-color: #f4f3f9;
    border-bottom-color: #f4f3f9;
}

._700{
	font-weight:700;
}

.bg-primary.navbar .nav > li.active > a {
    color: #fff;
    background-color: #6051b5;
}

.bg-primary .open > a,
.bg-primary .open > a:hover,
.bg-primary .open > a:focus { color: #fff; }

.bg-primary .text-muted { color: #d3cfea !important; }

.bg-primary .text-lt { color: #ffffff !important; }

.bg-primary.auto .list-group-item,
.bg-primary .auto .list-group-item {
    border-color: #6254b2 !important;
    background-color: transparent;
}

.bg-primary.auto .list-group-item:hover,
.bg-primary.auto .list-group-item:focus,
.bg-primary.auto .list-group-item:active,
.bg-primary.auto .list-group-item.active,
.bg-primary .auto .list-group-item:hover,
.bg-primary .auto .list-group-item:focus,
.bg-primary .auto .list-group-item:active,
.bg-primary .auto .list-group-item.active { background-color: #6051b5 !important; }

.bg-success {
    background-color: #27c24c;
    color: #c2f3ce;
}

.bg-success.lt,
.bg-success .lt { background-color: #31d257; }

.bg-success.lter,
.bg-success .lter { background-color: #48d46a; }

.bg-success.dk,
.bg-success .dk { background-color: #20af42; }

.bg-success.dker,
.bg-success .dker { background-color: #1a9c39; }

.bg-success.bg,
.bg-success .bg { background-color: #27c24c; }

.bg-success a { color: #edfbf0; }

.bg-success a:hover { color: #fff; }

.bg-success a.list-group-item:hover,
.bg-success a.list-group-item:focus { background-color: inherit; }

.bg-success .nav > li:hover > a,
.bg-success .nav > li:focus > a,
.bg-success .nav > li.active > a {
    color: #fff;
    background-color: #20af42;
}

.bg-success .nav > li > a { color: #d7f7df; }

.bg-success .nav > li > a:hover,
.bg-success .nav > li > a:focus { background-color: #22b846; }

.bg-success .nav .open > a { background-color: #20af42; }

.bg-success .caret {
    border-top-color: #c2f3ce;
    border-bottom-color: #c2f3ce;
}

.bg-success.navbar .nav > li.active > a {
    color: #fff;
    background-color: #20af42;
}

.bg-success .open > a,
.bg-success .open > a:hover,
.bg-success .open > a:focus { color: #fff; }

.bg-success .text-muted { color: #98eaab !important; }

.bg-success .text-lt { color: #ffffff !important; }

.bg-success.auto .list-group-item,
.bg-success .auto .list-group-item {
    border-color: #23ad44 !important;
    background-color: transparent;
}

.bg-success.auto .list-group-item:hover,
.bg-success.auto .list-group-item:focus,
.bg-success.auto .list-group-item:active,
.bg-success.auto .list-group-item.active,
.bg-success .auto .list-group-item:hover,
.bg-success .auto .list-group-item:focus,
.bg-success .auto .list-group-item:active,
.bg-success .auto .list-group-item.active { background-color: #20af42 !important; }

.bg-info {
    background-color: #23b7e5;
    color: #d9f3fb;
}

.bg-info.lt,
.bg-info .lt { background-color: #3dbde5; }

.bg-info.lter,
.bg-info .lter { background-color: #55c3e6; }

.bg-info.dk,
.bg-info .dk { background-color: #16aad8; }

.bg-info.dker,
.bg-info .dker { background-color: #1199c4; }

.bg-info.bg,
.bg-info .bg { background-color: #23b7e5; }

.bg-info a { color: #ffffff; }

.bg-info a:hover { color: #fff; }

.bg-info a.list-group-item:hover,
.bg-info a.list-group-item:focus { background-color: inherit; }

.bg-info .nav > li:hover > a,
.bg-info .nav > li:focus > a,
.bg-info .nav > li.active > a {
    color: #fff;
    background-color: #16aad8;
}

.bg-info .nav > li > a { color: #f2f2f2; }

.bg-info .nav > li > a:hover,
.bg-info .nav > li > a:focus { background-color: #17b2e2; }

.bg-info .nav .open > a { background-color: #16aad8; }

.bg-info .caret {
    border-top-color: #d9f3fb;
    border-bottom-color: #d9f3fb;
}

.bg-info.navbar .nav > li.active > a {
    color: #fff;
    background-color: #16aad8;
}

.bg-info .open > a,
.bg-info .open > a:hover,
.bg-info .open > a:focus { color: #fff; }

.bg-info .text-muted { color: #ace4f5 !important; }

.bg-info .text-lt { color: #ffffff !important; }

.bg-info.auto .list-group-item,
.bg-info .auto .list-group-item {
    border-color: #19a9d5 !important;
    background-color: transparent;
}

.bg-info.auto .list-group-item:hover,
.bg-info.auto .list-group-item:focus,
.bg-info.auto .list-group-item:active,
.bg-info.auto .list-group-item.active,
.bg-info .auto .list-group-item:hover,
.bg-info .auto .list-group-item:focus,
.bg-info .auto .list-group-item:active,
.bg-info .auto .list-group-item.active { background-color: #16aad8 !important; }

.bg-warning {
    background-color: #fad733;
    color: #fffefa;
}

.bg-warning.lt,
.bg-warning .lt { background-color: #f8da4e; }

.bg-warning.lter,
.bg-warning .lter { background-color: #f7de69; }

.bg-warning.dk,
.bg-warning .dk { background-color: #fcd417; }

.bg-warning.dker,
.bg-warning .dker { background-color: #face00; }

.bg-warning.bg,
.bg-warning .bg { background-color: #fad733; }

.bg-warning a { color: #ffffff; }

.bg-warning a:hover { color: #fff; }

.bg-warning a.list-group-item:hover,
.bg-warning a.list-group-item:focus { background-color: inherit; }

.bg-warning .nav > li:hover > a,
.bg-warning .nav > li:focus > a,
.bg-warning .nav > li.active > a {
    color: #fff;
    background-color: #fcd417;
}

.bg-warning .nav > li > a { color: #f2f2f2; }

.bg-warning .nav > li > a:hover,
.bg-warning .nav > li > a:focus { background-color: #fcd621; }

.bg-warning .nav .open > a { background-color: #fcd417; }

.bg-warning .caret {
    border-top-color: #fffefa;
    border-bottom-color: #fffefa;
}

.bg-warning.navbar .nav > li.active > a {
    color: #fff;
    background-color: #fcd417;
}

.bg-warning .open > a,
.bg-warning .open > a:hover,
.bg-warning .open > a:focus { color: #fff; }

.bg-warning .text-muted { color: #fef4c8 !important; }

.bg-warning .text-lt { color: #ffffff !important; }

.bg-warning.auto .list-group-item,
.bg-warning .auto .list-group-item {
    border-color: #f9d21a !important;
    background-color: transparent;
}

.bg-warning.auto .list-group-item:hover,
.bg-warning.auto .list-group-item:focus,
.bg-warning.auto .list-group-item:active,
.bg-warning.auto .list-group-item.active,
.bg-warning .auto .list-group-item:hover,
.bg-warning .auto .list-group-item:focus,
.bg-warning .auto .list-group-item:active,
.bg-warning .auto .list-group-item.active { background-color: #fcd417 !important; }

.bg-danger {
    background-color: #f05050;
    color: #ffffff;
}

.bg-danger.lt,
.bg-danger .lt { background-color: #f06a6a; }

.bg-danger.lter,
.bg-danger .lter { background-color: #f18282; }

.bg-danger.dk,
.bg-danger .dk { background-color: #f13636; }

.bg-danger.dker,
.bg-danger .dker { background-color: #f21b1b; }

.bg-danger.bg,
.bg-danger .bg { background-color: #f05050; }

.bg-danger a { color: #ffffff; }

.bg-danger a:hover { color: #fff; }

.bg-danger a.list-group-item:hover,
.bg-danger a.list-group-item:focus { background-color: inherit; }

.bg-danger .nav > li:hover > a,
.bg-danger .nav > li:focus > a,
.bg-danger .nav > li.active > a {
    color: #fff;
    background-color: #f13636;
}

.bg-danger .nav > li > a { color: #f2f2f2; }

.bg-danger .nav > li > a:hover,
.bg-danger .nav > li > a:focus { background-color: #f13f3f; }

.bg-danger .nav .open > a { background-color: #f13636; }

.bg-danger .caret {
    border-top-color: #ffffff;
    border-bottom-color: #ffffff;
}

.bg-danger.navbar .nav > li.active > a {
    color: #fff;
    background-color: #f13636;
}

.bg-danger .open > a,
.bg-danger .open > a:hover,
.bg-danger .open > a:focus { color: #fff; }

.bg-danger .text-muted { color: #e6e6e6 !important; }

.bg-danger .text-lt { color: #ffffff !important; }

.bg-danger.auto .list-group-item,
.bg-danger .auto .list-group-item {
    border-color: #ee3939 !important;
    background-color: transparent;
}

.bg-danger.auto .list-group-item:hover,
.bg-danger.auto .list-group-item:focus,
.bg-danger.auto .list-group-item:active,
.bg-danger.auto .list-group-item.active,
.bg-danger .auto .list-group-item:hover,
.bg-danger .auto .list-group-item:focus,
.bg-danger .auto .list-group-item:active,
.bg-danger .auto .list-group-item.active { background-color: #f13636 !important; }

.bg-white {
    background-color: #fff;
    color: #58666e;
}

.bg-white a { color: #363f44; }

.bg-white a:hover { color: #1f2427; }

.bg-white .text-muted { color: #99a6ad !important; }

.bg-white-only { background-color: #fff; }

a.bg-light:hover { color: #363f44; }

a.bg-primary:hover { background-color: #6254b2; }

a.text-primary:hover { color: #6254b2; }

.text-primary { color: #7266ba; }

.text-primary-lt { color: #8278c2; }

.text-primary-lter { color: #9289ca; }

.text-primary-dk { color: #6254b2; }

.text-primary-dker { color: #564aa3; }

a.bg-info:hover { background-color: #19a9d5; }

a.text-info:hover { color: #19a9d5; }

.text-info { color: #23b7e5; }

.text-info-lt { color: #3abee8; }

.text-info-lter { color: #51c6ea; }

.text-info-dk { color: #19a9d5; }

.text-info-dker { color: #1797be; }

a.bg-success:hover { background-color: #23ad44; }

a.text-success:hover { color: #23ad44; }

.text-success { color: #27c24c; }

.text-success-lt { color: #2ed556; }

.text-success-lter { color: #43d967; }

.text-success-dk { color: #23ad44; }

.text-success-dker { color: #1e983b; }

a.bg-warning:hover { background-color: #f9d21a; }

a.text-warning:hover { color: #f9d21a; }

.text-warning { color: #fad733; }

.text-warning-lt { color: #fbdc4c; }

.text-warning-lter { color: #fbe165; }

.text-warning-dk { color: #f9d21a; }

.text-warning-dker { color: #f4ca06; }

a.bg-danger:hover { background-color: #ee3939; }

a.text-danger:hover { color: #ee3939; }

.text-danger { color: #f05050; }

.text-danger-lt { color: #f26767; }

.text-danger-lter { color: #f47f7f; }

.text-danger-dk { color: #ee3939; }

.text-danger-dker { color: #ec2121; }

a.bg-dark:hover { background-color: #2f3342; }

a.text-dark:hover { color: #2f3342; }

.text-dark { color: #3a3f51; }

.text-dark-lt { color: #454b60; }

.text-dark-lter { color: #4f566f; }

.text-dark-dk { color: #2f3342; }

.text-dark-dker { color: #252833; }

a.bg-black:hover { background-color: #131e25; }

a.text-black:hover { color: #131e25; }

.text-black { color: #1c2b36; }

.text-black-lt { color: #253847; }

.text-black-lter { color: #2d4658; }

.text-black-dk { color: #131e25; }

.text-black-dker { color: #0b1014; }

.text-white { color: #fff; }

.text-muted { color: #99a6ad; }

.pos-rlt { position: relative; }

.pos-stc { position: static; }

.pos-abt { position: absolute; }

.line {
    width: 100%;
    height: 2px;
    margin: 10px 0;
    font-size: 0;
    overflow: hidden;
}

.line-xs { margin: 0; }

.line-lg {
    margin-top: 15px;
    margin-bottom: 15px;
}

.line-dashed {
    border-style: dashed !important;
    background-color: transparent;
    border-width: 0;
}

.no-line { border-width: 0; }

.no-border,
.no-borders {
    border-color: transparent;
    border-width: 0;
}

.no-radius { border-radius: 0; }

.block { display: block; }

.block.hide { display: none; }

.inline { display: inline-block !important; }

.none { display: none; }

.pull-none { float: none; }

.rounded { border-radius: 500px; }

.clear {
    display: block;
    overflow: hidden;
}

.no-bg {
    background-color: transparent;
    color: inherit;
}

.l-h { line-height: 1.42857143; }

.l-h-1x { line-height: 1.2; }

.l-h-2x { line-height: 2em; }

.l-s-1x { letter-spacing: 1; }

.l-s-2x { letter-spacing: 2; }

.l-s-3x { letter-spacing: 3; }

.font-normal { font-weight: normal; }

.font-thin { font-weight: 300; }

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

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

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

.text-lg { font-size: 18px; }

.text-md { font-size: 16px; }

.text-base { font-size: 14px; }

.text-sm { font-size: 13px; }

.text-xs { font-size: 12px; }

.text-xxs { text-indent: -9999px; }

.text-ellipsis {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.text-u-c { text-transform: uppercase; }

.text-l-t { text-decoration: line-through; }

.text-u-l { text-decoration: underline; }

.text-active,
.active > .text,
.active > .auto .text { display: none !important; }

.active > .text-active,
.active > .auto .text-active { display: inline-block !important; }

.box-shadow { box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(0, 0, 0, 0.05); }

.box-shadow-lg { box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.05); }

.text-shadow {
    font-size: 170px;
    text-shadow: 0 1px 0 #dee5e7, 0 2px 0 #fcfdfd, 0 5px 10px rgba(0, 0, 0, 0.125), 0 10px 20px rgba(0, 0, 0, 0.2);
}

.no-shadow {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.wrapper-xs { padding: 5px; }

.wrapper-sm { padding: 10px; }

.wrapper { padding: 15px; }

.wrapper-md { padding: 20px; }

.wrapper-lg { padding: 30px; }

.wrapper-xl { padding: 50px; }

.padder-lg {
    padding-left: 30px;
    padding-right: 30px;
}

.padder-md {
    padding-left: 20px;
    padding-right: 20px;
}

.padder {
    padding-left: 15px;
    padding-right: 15px;
}

.padder-v {
    padding-top: 15px;
    padding-bottom: 15px;
}

.no-padder { padding: 0 !important; }

.pull-in {
    margin-left: -15px;
    margin-right: -15px;
}

.pull-out { margin: -10px -15px; }

.b { border: 1px solid rgba(0, 0, 0, 0.05); }

.b-a { border: 1px solid #dee5e7; }

.b-t { border-top: 1px solid #dee5e7; }

.b-r { border-right: 1px solid #dee5e7; }

.b-b { border-bottom: 1px solid #dee5e7; }

.b-l { border-left: 1px solid #dee5e7; }

.b-light { border-color: #edf1f2; }

.b-dark { border-color: #3a3f51; }

.b-black { border-color: #3a3f51; }

.b-primary { border-color: #7266ba; }

.b-success { border-color: #27c24c; }

.b-info { border-color: #23b7e5; }

.b-warning { border-color: #fad733; }

.b-danger { border-color: #f05050; }

.b-white { border-color: #fff; }

.b-dashed { border-style: dashed !important; }

.b-l-light { border-left-color: #edf1f2; }

.b-l-dark { border-left-color: #3a3f51; }

.b-l-black { border-left-color: #3a3f51; }

.b-l-primary { border-left-color: #7266ba; }

.b-l-success { border-left-color: #27c24c; }

.b-l-info { border-left-color: #23b7e5; }

.b-l-warning { border-left-color: #fad733; }

.b-l-danger { border-left-color: #f05050; }

.b-l-white { border-left-color: #fff; }

.b-l-2x { border-left-width: 2px; }

.b-l-3x { border-left-width: 3px; }

.b-l-4x { border-left-width: 4px; }

.b-l-5x { border-left-width: 5px; }

.b-2x { border-width: 2px; }

.b-3x { border-width: 3px; }

.b-4x { border-width: 4px; }

.b-5x { border-width: 5px; }

.r { border-radius: 2px 2px 2px 2px; }

.r-2x { border-radius: 4px; }

.r-3x { border-radius: 6px; }

.r-l { border-radius: 2px 0 0 2px; }

.r-r { border-radius: 0 2px 2px 0; }

.r-t { border-radius: 2px 2px 0 0; }

.r-b { border-radius: 0 0 2px 2px; }

.m-xxs { margin: 2px 4px; }

.m-xs { margin: 5px; }

.m-sm { margin: 10px; }

.m { margin: 15px; }

.m-md { margin: 20px; }

.m-lg { margin: 30px; }

.m-xl { margin: 50px; }

.m-n { margin: 0 !important; }

.m-l-none { margin-left: 0; }

.m-l-xs { margin-left: 5px; }

.m-l-sm { margin-left: 10px; }

.m-l { margin-left: 15px; }

.m-l-md { margin-left: 20px; }

.m-l-lg { margin-left: 30px; }

.m-l-xl { margin-left: 40px; }

.m-l-xxl { margin-left: 50px; }

.m-l-n-xxs { margin-left: -1px; }

.m-l-n-xs { margin-left: -5px; }

.m-l-n-sm { margin-left: -10px; }

.m-l-n { margin-left: -15px; }

.m-l-n-md { margin-left: -20px; }

.m-l-n-lg { margin-left: -30px; }

.m-l-n-xl { margin-left: -40px; }

.m-l-n-xxl { margin-left: -50px; }

.m-t-none { margin-top: 0; }

.m-t-xxs { margin-top: 1px; }

.m-t-xs { margin-top: 5px; }

.m-t-sm { margin-top: 10px; }

.m-t { margin-top: 15px; }

.m-t-md { margin-top: 20px; }

.m-t-lg { margin-top: 30px; }

.m-t-xl { margin-top: 40px; }

.m-t-xxl { margin-top: 50px; }

.m-t-n-xxs { margin-top: -1px; }

.m-t-n-xs { margin-top: -5px; }

.m-t-n-sm { margin-top: -10px; }

.m-t-n { margin-top: -15px; }

.m-t-n-md { margin-top: -20px; }

.m-t-n-lg { margin-top: -30px; }

.m-t-n-xl { margin-top: -40px; }

.m-t-n-xxl { margin-top: -50px; }

.m-r-none { margin-right: 0; }

.m-r-xxs { margin-right: 1px; }

.m-r-xs { margin-right: 5px; }

.m-r-sm { margin-right: 10px; }

.m-r { margin-right: 15px; }

.m-r-md { margin-right: 20px; }

.m-r-lg { margin-right: 30px; }

.m-r-xl { margin-right: 40px; }

.m-r-xxl { margin-right: 50px; }

.m-r-n-xxs { margin-right: -1px; }

.m-r-n-xs { margin-right: -5px; }

.m-r-n-sm { margin-right: -10px; }

.m-r-n { margin-right: -15px; }

.m-r-n-md { margin-right: -20px; }

.m-r-n-lg { margin-right: -30px; }

.m-r-n-xl { margin-right: -40px; }

.m-r-n-xxl { margin-right: -50px; }

.m-b-none { margin-bottom: 0; }

.m-b-xxs { margin-bottom: 1px; }

.m-b-xs { margin-bottom: 5px; }

.m-b-sm { margin-bottom: 10px; }

.m-b { margin-bottom: 15px; }

.m-b-md { margin-bottom: 20px; }

.m-b-lg { margin-bottom: 30px; }

.m-b-xl { margin-bottom: 40px; }

.m-b-xxl { margin-bottom: 50px; }

.m-b-n-xxs { margin-bottom: -1px; }

.m-b-n-xs { margin-bottom: -5px; }

.m-b-n-sm { margin-bottom: -10px; }

.m-b-n { margin-bottom: -15px; }

.m-b-n-md { margin-bottom: -20px; }

.m-b-n-lg { margin-bottom: -30px; }

.m-b-n-xl { margin-bottom: -40px; }

.m-b-n-xxl { margin-bottom: -50px; }

.avatar {
    position: relative;
    display: block;
    border-radius: 500px;
    white-space: nowrap;
}

.avatar img {
    border-radius: 500px;
    width: 100%;
}

.avatar i {
    position: absolute;
    left: 0;
    top: 0;
    width: 10px;
    height: 10px;
    margin: 2px;
    border-width: 2px;
    border-style: solid;
    border-radius: 100%;
}

.avatar i.right {
    left: auto;
    right: 0;
}

.avatar i.bottom {
    left: auto;
    top: auto;
    bottom: 0;
    right: 0;
}

.avatar i.left {
    top: auto;
    bottom: 0;
}

.avatar i.on { background-color: #27c24c; }

.avatar i.off { background-color: #99a6ad; }

.avatar i.busy { background-color: #f05050; }

.avatar i.away { background-color: #fad733; }

.avatar.thumb-md i {
    width: 12px;
    height: 12px;
    margin: 3px;
}

.avatar.thumb-sm i { margin: 1px; }

.avatar.thumb-xs i { margin: 0; }

.w-xxs { width: 60px; }

.w-xs { width: 90px; }

.w-sm { width: 150px; }

.w { width: 200px; }

.w-md { width: 240px; }

.w-lg { width: 280px; }

.w-xl { width: 320px; }

.w-xxl { width: 360px; }



.w-full { width: 100%; }

.w-auto { width: auto; }

.h-auto { height: auto; }

.h-full { height: 100%; }

.thumb-xl {
    width: 128px;
    display: inline-block;
}

.thumb-lg {
    width: 96px;
    display: inline-block;
}

.thumb-md {
    width: 64px;
    display: inline-block;
}

.thumb {
    width: 50px;
    display: inline-block;
}

.thumb-sm {
    width: 40px;
    display: inline-block;
}

.thumb-xs {
    width: 34px;
    display: inline-block;
}

.thumb-xxs {
    width: 30px;
    display: inline-block;
}

.thumb-wrapper {
    padding: 2px;
    border: 1px solid #dee5e7;
}

.thumb img,
.thumb-xs img,
.thumb-sm img,
.thumb-md img,
.thumb-lg img,
.thumb-btn img {
    height: auto;
    max-width: 100%;
    vertical-align: middle;
}

.img-full { width: 100%; }

.img-full img { width: 100%; }

.scrollable {
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

.no-touch .scrollable.hover { overflow-y: hidden; }

.no-touch .scrollable.hover:hover {
    overflow: visible;
    overflow-y: auto;
}

.scroll-x,
.scroll-y {
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
}

.scroll-y { overflow-y: auto; }

.scroll-x { overflow-x: auto; }

.no-touch .scroll-x,
.no-touch .scroll-y { overflow: hidden; }

.no-touch .scroll-x:hover,
.no-touch .scroll-x:focus,
.no-touch .scroll-x:active { overflow-x: auto; }

.no-touch .scroll-y:hover,
.no-touch .scroll-y:focus,
.no-touch .scroll-y:active { overflow-y: auto; }

.hover-action { display: none; }

.hover-rotate {
    -webkit-transition: all .2s ease-in-out .1s;
    transition: all .2s ease-in-out .1s;
}

.hover:hover
.hover:focus .hover-action,
.hover:active .hover-action { display: inherit; }

.hover:hover
.hover:focus .hover-rotate,
.hover:active .hover-rotate {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.backdrop {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
}

.backdrop.fade {
    opacity: 0;
    filter: alpha(opacity=0);
}

.backdrop.in {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

@media screen and (min-width: 992px) {
    .col-lg-2-4 {
        width: 20.000%;
        float: left;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .hidden-sm.show { display: inherit !important; }
}

@media (max-width: 767px) {
    .w-auto-xs { width: auto; }

    .shift { display: none !important; }

    .shift.in { display: block !important; }

    .row-2 [class*="col"] {
        width: 50%;
        float: left;
    }

    .row-2 .col-0 { clear: none; }

    .row-2 li:nth-child(odd) {
        clear: left;
        margin-left: 0;
    }

    .text-center-xs { text-align: center; }

    .text-left-xs { text-align: left; }

    .text-right-xs { text-align: right; }

    .no-border-xs { border-width: 0; }

    .pull-none-xs { float: none !important; }

    .pull-right-xs { float: right !important; }

    .pull-left-xs { float: left !important; }

    .dropdown-menu.pull-none-xs { left: 0; }

    .hidden-xs.show { display: inherit !important; }

    .wrapper-lg,
    .wrapper-md { padding: 15px; }

    .padder-lg,
    .padder-md {
        padding-left: 15px;
        padding-right: 15px;
    }
}

.butterbar {
    position: relative;
    margin-bottom: -3px;
    height: 3px;
}

.butterbar .bar {
    position: absolute;
    height: 0;
    width: 100%;
    text-indent: -9999px;
    background-color: #23b7e5;
}

.butterbar .bar:before {
    content: "";
    height: 3px;
    position: absolute;
    left: 50%;
    right: 50%;
    background-color: inherit;
}

.butterbar.active {
    -webkit-animation: changebar 2.25s infinite 0.75s;
    -moz-animation: changebar 2.25s infinite 0.75s;
    animation: changebar 2.25s infinite 0.75s;
}

.butterbar.active .bar {
    -webkit-animation: changebar 2.25s infinite;
    -moz-animation: changebar 2.25s infinite;
    animation: changebar 2.25s infinite;
}

.butterbar.active .bar:before {
    -webkit-animation: movingbar 0.75s infinite;
    -moz-animation: movingbar 0.75s infinite;
    animation: movingbar 0.75s infinite;
}

@-webkit-keyframes movingbar {
    0% {
        left: 50%;
        right: 50%;
    }

    99.9% {
        left: 0%;
        right: 0%;
    }

    100% {
        left: 50%;
        right: 50%;
    }
}

@-moz-keyframes movingbar {
    0% {
        left: 50%;
        right: 50%;
    }

    99.9% {
        left: 0%;
        right: 0%;
    }

    100% {
        left: 50%;
        right: 50%;
    }
}

@keyframes movingbar {
    0% {
        left: 50%;
        right: 50%;
    }

    99.9% {
        left: 0%;
        right: 0%;
    }

    100% {
        left: 50%;
        right: 50%;
    }
}

@-webkit-keyframes changebar {
    0% { background-color: #23b7e5; }

    33.3% { background-color: #23b7e5; }

    33.33% { background-color: #fad733; }

    66.6% { background-color: #fad733; }

    66.66% { background-color: #7266ba; }

    99.9% { background-color: #7266ba; }
}

@-moz-keyframes changebar {
    0% { background-color: #23b7e5; }

    33.3% { background-color: #23b7e5; }

    33.33% { background-color: #fad733; }

    66.6% { background-color: #fad733; }

    66.66% { background-color: #7266ba; }

    99.9% { background-color: #7266ba; }
}

@keyframes changebar {
    0% { background-color: #23b7e5; }

    33.3% { background-color: #23b7e5; }

    33.33% { background-color: #fad733; }

    66.6% { background-color: #fad733; }

    66.66% { background-color: #7266ba; }

    99.9% { background-color: #7266ba; }
}
/* Space out content a bit */
body {
    padding-top: 20px;
    padding-bottom: 20px;
}

/* Everything but the jumbotron gets side spacing for mobile first views */

.header,
.marketing,
.footer {
    padding-left: 15px;
    padding-right: 15px;
}

/* Custom page header */

.header { border-bottom: 1px solid #e5e5e5; }

/* Make the masthead heading the same height as the navigation */

.header h3 {
    margin-top: 0;
    margin-bottom: 0;
    line-height: 40px;
    padding-bottom: 19px;
}

/* Custom page footer */

.footer {
    padding-top: 19px;
    color: #777;
    border-top: 1px solid #e5e5e5;
}

/* Customize container */

@media (min-width: 768px) {
    .container { max-width: 730px; }
}

.container-narrow > hr { margin: 30px 0; }

/* Main marketing message and sign up button */

.jumbotron {
    text-align: center;
    border-bottom: 1px solid #e5e5e5;
}

.jumbotron .btn {
    font-size: 21px;
    padding: 14px 24px;
}

/* Supporting marketing content */

.marketing { margin: 40px 0; }

.marketing p + h4 { margin-top: 28px; }

/* Responsive: Portrait tablets and up */

@media screen and (min-width: 768px) {
    /* Remove the padding we set earlier */
    .header,
    .marketing,
    .footer {
        padding-left: 0;
        padding-right: 0;
    }

    /* Space out the masthead */
    .header { margin-bottom: 30px; }

    /* Remove the bottom border on the jumbotron for visual effect */
    .jumbotron { border-bottom: 0; }
}

@media screen and (max-width: 400px) {
    #panelistScreen {
        margin-top: 0px !important;
        }
}

@media screen and (min-width: 401px) {
    #panelistScreen {
        margin-top: 90px !important;
    }
}

@media screen and (max-width: 400px) {
    #panelistRedemption {
        height: 60px
        }
}

@media screen and (max-width: 400px) {
    #redemptn {
        margin-top: 0px !important;
        }
}

@media screen and (min-width: 401px) {
    #redemptn {
        margin-top: 90px !important;
    }
}

@media screen and (max-width: 400px) {
    #panelistReferral {
        height: 60px
        }
}

@media screen and (max-width: 400px) {
    #rfrrl {
        margin-top: 0px !important;
        }
}

@media screen and (min-width: 401px) {
    #rfrrl {
        margin-top: 90px !important;
    }
}

@media screen and (max-width: 400px) {
    #panelistAccount {
        height: 60px
        }
}

@media screen and (max-width: 400px) {
    #accnt {
        margin-top: 0px !important;
        }
}

@media screen and (min-width: 401px) {
    #accnt {
        margin-top: 90px !important;
    }
}

@media screen and (max-width: 400px) {
    .app-header-fixed .app-header {
position: static!important

    }
}

@media screen and (min-width: 401px) {
    .app-header-fixed .app-header {
position: fixed!important

    }
}

@media screen and (max-width: 400px) {
    #panelistProfile {
        height: 87px
        }
}

@media screen and (max-width: 400px) {
    #profile {
        margin-top: 0px !important;
        }
}

@media screen and (min-width: 401px) {
    #profile {
        margin-top: 105px !important;
    }
}

@media screen and (max-width: 400px) {
    #adminSurvey {
        height: 60px
        }
}


@media screen and (max-width: 400px) {
    #srvy {
        margin-top: 0px !important;
        }
}

@media screen and (min-width: 401px) {
    #srvy {
        margin-top: 90px !important;
    }
}

@media screen and (max-width: 400px) {
    #adminRedemption {
        height: 60px
        }
}

@media screen and (max-width: 400px) {
    #rdmptn {
        margin-top: 0px !important;
        }
}

@media screen and (min-width: 401px) {
    #rdmptn {
        margin-top: 90px !important;
    }
}

@media screen and (max-width: 400px) {
    #adminReward {
        height: 60px
        }
}

@media screen and (max-width: 400px) {
    #rwrd {
        margin-top: 0px !important;
        }
}

@media screen and (min-width: 401px) {
    #rwrd {
        margin-top: 90px !important;
    }
}

@media screen and (max-width: 400px) {
    #adminReferral {
        height: 60px
        }
}

@media screen and (max-width: 400px) {
    #adminRffrl {
        margin-top: 0px !important;
        }
}

@media screen and (min-width: 401px) {
    #adminRffrl {
        margin-top: 90px !important;
    }
}

@media screen and (max-width: 400px) {
    #filterReferrals {
       margin-top: 10px 
    }
}

@media screen and (max-width: 400px) {
    #exportReferrals {
       margin-top: 10px 
    }
}

@media screen and (max-width: 400px) {
    #clearFilters {
       margin-top: 10px 
    }
}

@media screen and (max-width: 400px) {
    #approveReferrals {
       margin-top: 10px 
    }
}

@media screen and (max-width: 400px) {
    #filterRequests {
       margin-top: 10px 
    }
}

@media screen and (max-width: 400px) {
    #exportRedemptions {
       margin-top: 10px 
    }
}

@media screen and (max-width: 400px) {
    #clearFiltersRedemption {
       margin-top: 10px 
    }
}

@media screen and (max-width: 400px) {
    #approveRedemptions {
       margin-top: 10px 
    }
}

@media screen and (max-width: 400px) {
    #adminSample {
        height: 60px
        }
}

@media screen and (max-width: 400px) {
    #smple {
        margin-top: 0px !important;
        }
}

@media screen and (min-width: 401px) {
    #smple {
        margin-top: 90px !important;
    }
}

@media screen and (max-width: 400px) {
    #adminNewsletter {
        height: 60px
        }
}

@media screen and (max-width: 400px) {
    #newslttr {
        margin-top: 0px !important;
        }
}

@media screen and (min-width: 401px) {
    #newslttr {
        margin-top: 90px !important;
    }
}

@media screen and (max-width: 400px) {
    #adminSweepstake {
        height: 60px
        }
}

@media screen and (max-width: 400px) {
    #sweepstke {
        margin-top: 0px !important;
        }
}

@media screen and (min-width: 401px) {
    #sweepstke {
        margin-top: 90px !important;
    }
}

@media screen and (max-width: 400px) {
    #adminMessage {
        height: 60px
        }
}

@media screen and (max-width: 400px) {
    #mssg {
        margin-top: 0px !important;
        }
}

@media screen and (min-width: 401px) {
    #mssg {
        margin-top: 90px !important;
    }
}

@media screen and (max-width: 400px) {
    #adminHelp {
        height: 60px
    }
}

@media screen and (max-width: 400px) {
    #help {
        margin-top: 0px !important;
        }
}

@media screen and (min-width: 401px) {
    #help {
        margin-top: 90px !important;
    }
}

@media screen and (max-width: 400px) {
    #adminRedemptionMode {
        height: 80px
    }
}

@media screen and (max-width: 400px) {
    #adminSurveyEmailReport {
        height: 80px
    }
}

@media screen and (max-width: 400px) {
    #rdmptnMode {
        margin-top: 0px !important;
        }
}

@media screen and (max-width: 400px) {
    #srvyEmailReport {
        margin-top: 0px !important;
        }
}

@media screen and (min-width: 401px) {
    #rdmptnMode {
        margin-top: 90px !important;
    }
}

@media screen and (max-width: 400px) {
    #place {
        margin-top: 0px !important;
        }
}

@media screen and (min-width: 401px) {
    #place {
        margin-top: 90px !important;
    }
}

@media screen and (max-width: 400px) {
    #adminPartner {
        height: 60px
    }
}

@media screen and (max-width: 400px) {
    #prtnr {
        margin-top: 0px !important;
        }
}

@media screen and (min-width: 401px) {
    #prtnr {
        margin-top: 90px !important;
    }
}

@media screen and (max-width: 400px) {
    #adminProfile {
        height: 60px
    }
}

@media screen and (max-width: 400px) {
    #prfle {
        margin-top: 0px !important;
        }
}

@media screen and (min-width: 401px) {
    #prfle {
        margin-top: 90px !important;
    }
}

@media screen and (max-width: 400px) {
    #adminProfileQuestion {
        height: 60px
    }
}

@media screen and (max-width: 400px) {
    #questn {
        margin-top: 0px !important;
        }
}

@media screen and (min-width: 401px) {
    #questn {
        margin-top: 90px !important;
    }
}

@media screen and (max-width: 400px) {
    #adminProfileQuestionDetails {
        height: 60px
    }
}

@media screen and (max-width: 400px) {
    #questionDetail {
        margin-top: 0px !important;
        }
}

@media screen and (min-width: 401px) {
    #questionDetail {
        margin-top: 90px !important;
    }
}

@media screen and (max-width: 400px) {
    #adminLabel {
        height: 60px
    }
}

@media screen and (max-width: 400px) {
    #label {
        margin-top: 0px !important;
        }
}

@media screen and (min-width: 401px) {
    #label {
        margin-top: 90px !important;
    }
}

@media screen and (max-width: 400px) {
    #adminLink {
        height: 60px
    }
}

@media screen and (max-width: 400px) {
    #link {
        margin-top: 0px !important;
        }
}

@media screen and (min-width: 401px) {
    #link {
        margin-top: 90px !important;
    }
}

@media screen and (max-width: 400px) {
    #adminLinkUsers {
        height: 60px
    }
}

@media screen and (max-width: 400px) {
    #usersLink {
        margin-top: 0px !important;
        }
}

@media screen and (min-width: 401px) {
    #usersLink {
        margin-top: 90px !important;
    }
}

@media screen and (max-width: 400px) {
    #adminSec {
        height: 60px
    }
}

@media screen and (max-width: 400px) {
    #sec {
        margin-top: 0px !important;
        }
}

@media screen and (min-width: 401px) {
    #sec {
        margin-top: 90px !important;
    }
}

@media screen and (max-width: 400px) {
    #adminSecQuestions {
        height: 60px
    }
}

@media screen and (max-width: 400px) {
    #secQuestn {
        margin-top: 0px !important;
        }
}

@media screen and (min-width: 401px) {
    #secQuestn {
        margin-top: 90px !important;
    }
}

@media screen and (max-width: 400px) {
    #adminAllPanelist {
        height: 60px
    }
}

@media screen and (max-width: 400px) {
    #allPanelist {
        margin-top: 0px !important;
        }
}

@media screen and (min-width: 401px) {
    #allPanelist {
        margin-top: 90px !important;
    }
}

@media screen and (max-width: 400px) {
    #filterAllPanelist {
       margin-top: 10px 
    }
}

@media screen and (max-width: 400px) {
    #createPanelistSample {
       margin-top: 10px 
    }
}

@media screen and (max-width: 400px) {
    #exportAllPanelist {
       margin-top: 10px 
    }
}

@media screen and (max-width: 400px) {
    #clearAllPanelist {
       margin-top: 10px 
    }
}

@media screen and (max-width: 400px) {
    #adminRegisteredPanelist {
        height: 60px
    }
}

@media screen and (max-width: 400px) {
    #registeredPanelist {
        margin-top: 0px !important;
        }
}

@media screen and (min-width: 401px) {
    #registeredPanelist {
        margin-top: 90px !important;
    }
}

@media screen and (max-width: 400px) {
    #adminBasicProfilePanelist {
        height: 60px
    }
}

@media screen and (max-width: 400px) {
    #basicProfilePanelist {
        margin-top: 0px !important;
        }
}

@media screen and (min-width: 401px) {
    #basicProfilePanelist {
        margin-top: 90px !important;
    }
}

@media screen and (max-width: 400px) {
    #adminUnsubscribedPanelist {
        height: 60px
    }
}

@media screen and (max-width: 400px) {
    #unsubscribedPanelist {
        margin-top: 0px !important;
        }
}

@media screen and (min-width: 401px) {
    #unsubscribedPanelist {
        margin-top: 90px !important;
    }
}

@media screen and (max-width: 400px) {
    #adminDeleteRequestPanelist {
        height: 60px
    }
}

@media screen and (max-width: 400px) {
    #deletePanelist {
        margin-top: 0px !important;
        }
}

@media screen and (min-width: 401px) {
    #deletePanelist {
        margin-top: 90px !important;
    }
}

@media screen and (max-width: 400px) {
    #adminBouncedPanelist {
        height: 60px
    }
}

@media screen and (max-width: 400px) {
    #bouncedPanelist {
        margin-top: 0px !important;
        }
}

@media screen and (min-width: 401px) {
    #bouncedPanelist {
        margin-top: 90px !important;
    }
}

@media screen and (max-width: 400px) {
    #uploadButton {
       margin-top: 10px 
    }
}

.myColour {
    color: #ccc;   
}
.surveyDetailButton {
    margin-top: 0px; 
    padding-top: 6px;
    padding-bottom: 7px;
}
.btnAlignment {
    margin-right: 10px;
    }

.col-md-15 {
    width: 21% !important;
    float: left;
}

.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.list-area {
    position: relative;
    top: 4px;
}

.list-area li{
    display: inline-block;
    margin:0px 54px;
   
    }

    .list-area li:first-child {
        margin-left: 0px;
    }

    /* Small Devices, Tablets */
    @media only screen and (min-width : 992px) {

        .list-area li{
    display: inline-block;
    margin:0px 16px;
   
    }

    }

      @media only screen and (min-width : 1200px) {

 .list-area li{
    display: inline-block;
    margin:0px 43px;
   
    }

    .list-area li:first-child {
        margin-left: 0px;
    }

    }

/*!
 * Datetimepicker for Bootstrap
 *
 * Copyright 2012 Stefan Petre
 * Improvements by Andrew Rowls
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 */.datetimepicker{padding:4px;margin-top:1px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;direction:ltr}.datetimepicker-inline{width:220px}.datetimepicker.datetimepicker-rtl{direction:rtl}.datetimepicker.datetimepicker-rtl table tr td span{float:right}.datetimepicker-dropdown,.datetimepicker-dropdown-left{top:0;left:0}[class*=" datetimepicker-dropdown"]:before{content:'';display:inline-block;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #ccc;border-bottom-color:rgba(0,0,0,0.2);position:absolute}[class*=" datetimepicker-dropdown"]:after{content:'';display:inline-block;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #fff;position:absolute}[class*=" datetimepicker-dropdown-top"]:before{content:'';display:inline-block;border-left:7px solid transparent;border-right:7px solid transparent;border-top:7px solid #ccc;border-top-color:rgba(0,0,0,0.2);border-bottom:0}[class*=" datetimepicker-dropdown-top"]:after{content:'';display:inline-block;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #fff;border-bottom:0}.datetimepicker-dropdown-bottom-left:before{top:-7px;right:6px}.datetimepicker-dropdown-bottom-left:after{top:-6px;right:7px}.datetimepicker-dropdown-bottom-right:before{top:-7px;left:6px}.datetimepicker-dropdown-bottom-right:after{top:-6px;left:7px}.datetimepicker-dropdown-top-left:before{bottom:-7px;right:6px}.datetimepicker-dropdown-top-left:after{bottom:-6px;right:7px}.datetimepicker-dropdown-top-right:before{bottom:-7px;left:6px}.datetimepicker-dropdown-top-right:after{bottom:-6px;left:7px}.datetimepicker>div{display:none}.datetimepicker.minutes div.datetimepicker-minutes{display:block}.datetimepicker.hours div.datetimepicker-hours{display:block}.datetimepicker.days div.datetimepicker-days{display:block}.datetimepicker.months div.datetimepicker-months{display:block}.datetimepicker.years div.datetimepicker-years{display:block}.datetimepicker table{margin:0}.datetimepicker td,.datetimepicker th{text-align:center;width:20px;height:20px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;border:0}.table-striped .datetimepicker table tr td,.table-striped .datetimepicker table tr th{background-color:transparent}.datetimepicker table tr td.minute:hover{background:#eee;cursor:pointer}.datetimepicker table tr td.hour:hover{background:#eee;cursor:pointer}.datetimepicker table tr td.day:hover{background:#eee;cursor:pointer}.datetimepicker table tr td.old,.datetimepicker table tr td.new{color:#999}.datetimepicker table tr td.disabled,.datetimepicker table tr td.disabled:hover{background:0;color:#999;cursor:default}.datetimepicker table tr td.today,.datetimepicker table tr td.today:hover,.datetimepicker table tr td.today.disabled,.datetimepicker table tr td.today.disabled:hover{background-color:#fde19a;background-image:-moz-linear-gradient(top,#fdd49a,#fdf59a);background-image:-ms-linear-gradient(top,#fdd49a,#fdf59a);background-image:-webkit-gradient(linear,0 0,0 100%,from(#fdd49a),to(#fdf59a));background-image:-webkit-linear-gradient(top,#fdd49a,#fdf59a);background-image:-o-linear-gradient(top,#fdd49a,#fdf59a);background-image:linear-gradient(top,#fdd49a,#fdf59a);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a',endColorstr='#fdf59a',GradientType=0);border-color:#fdf59a #fdf59a #fbed50;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}.datetimepicker table tr td.today:hover,.datetimepicker table tr td.today:hover:hover,.datetimepicker table tr td.today.disabled:hover,.datetimepicker table tr td.today.disabled:hover:hover,.datetimepicker table tr td.today:active,.datetimepicker table tr td.today:hover:active,.datetimepicker table tr td.today.disabled:active,.datetimepicker table tr td.today.disabled:hover:active,.datetimepicker table tr td.today.active,.datetimepicker table tr td.today:hover.active,.datetimepicker table tr td.today.disabled.active,.datetimepicker table tr td.today.disabled:hover.active,.datetimepicker table tr td.today.disabled,.datetimepicker table tr td.today:hover.disabled,.datetimepicker table tr td.today.disabled.disabled,.datetimepicker table tr td.today.disabled:hover.disabled,.datetimepicker table tr td.today[disabled],.datetimepicker table tr td.today:hover[disabled],.datetimepicker table tr td.today.disabled[disabled],.datetimepicker table tr td.today.disabled:hover[disabled]{background-color:#fdf59a}.datetimepicker table tr td.today:active,.datetimepicker table tr td.today:hover:active,.datetimepicker table tr td.today.disabled:active,.datetimepicker table tr td.today.disabled:hover:active,.datetimepicker table tr td.today.active,.datetimepicker table tr td.today:hover.active,.datetimepicker table tr td.today.disabled.active,.datetimepicker table tr td.today.disabled:hover.active{background-color:#fbf069}.datetimepicker table tr td.active,.datetimepicker table tr td.active:hover,.datetimepicker table tr td.active.disabled,.datetimepicker table tr td.active.disabled:hover{background-color:#006dcc;background-image:-moz-linear-gradient(top,#08c,#04c);background-image:-ms-linear-gradient(top,#08c,#04c);background-image:-webkit-gradient(linear,0 0,0 100%,from(#08c),to(#04c));background-image:-webkit-linear-gradient(top,#08c,#04c);background-image:-o-linear-gradient(top,#08c,#04c);background-image:linear-gradient(top,#08c,#04c);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc',endColorstr='#0044cc',GradientType=0);border-color:#04c #04c #002a80;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25)}.datetimepicker table tr td.active:hover,.datetimepicker table tr td.active:hover:hover,.datetimepicker table tr td.active.disabled:hover,.datetimepicker table tr td.active.disabled:hover:hover,.datetimepicker table tr td.active:active,.datetimepicker table tr td.active:hover:active,.datetimepicker table tr td.active.disabled:active,.datetimepicker table tr td.active.disabled:hover:active,.datetimepicker table tr td.active.active,.datetimepicker table tr td.active:hover.active,.datetimepicker table tr td.active.disabled.active,.datetimepicker table tr td.active.disabled:hover.active,.datetimepicker table tr td.active.disabled,.datetimepicker table tr td.active:hover.disabled,.datetimepicker table tr td.active.disabled.disabled,.datetimepicker table tr td.active.disabled:hover.disabled,.datetimepicker table tr td.active[disabled],.datetimepicker table tr td.active:hover[disabled],.datetimepicker table tr td.active.disabled[disabled],.datetimepicker table tr td.active.disabled:hover[disabled]{background-color:#04c}.datetimepicker table tr td.active:active,.datetimepicker table tr td.active:hover:active,.datetimepicker table tr td.active.disabled:active,.datetimepicker table tr td.active.disabled:hover:active,.datetimepicker table tr td.active.active,.datetimepicker table tr td.active:hover.active,.datetimepicker table tr td.active.disabled.active,.datetimepicker table tr td.active.disabled:hover.active{background-color:#039}.datetimepicker table tr td span{display:block;width:23%;height:54px;line-height:54px;float:left;margin:1%;cursor:pointer;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.datetimepicker .datetimepicker-hours span{height:26px;line-height:26px}.datetimepicker .datetimepicker-hours table tr td span.hour_am,.datetimepicker .datetimepicker-hours table tr td span.hour_pm{width:14.6%}.datetimepicker .datetimepicker-hours fieldset legend,.datetimepicker .datetimepicker-minutes fieldset legend{margin-bottom:inherit;line-height:30px}.datetimepicker .datetimepicker-minutes span{height:26px;line-height:26px}.datetimepicker table tr td span:hover{background:#eee}.datetimepicker table tr td span.disabled,.datetimepicker table tr td span.disabled:hover{background:0;color:#999;cursor:default}.datetimepicker table tr td span.active,.datetimepicker table tr td span.active:hover,.datetimepicker table tr td span.active.disabled,.datetimepicker table tr td span.active.disabled:hover{background-color:#006dcc;background-image:-moz-linear-gradient(top,#08c,#04c);background-image:-ms-linear-gradient(top,#08c,#04c);background-image:-webkit-gradient(linear,0 0,0 100%,from(#08c),to(#04c));background-image:-webkit-linear-gradient(top,#08c,#04c);background-image:-o-linear-gradient(top,#08c,#04c);background-image:linear-gradient(top,#08c,#04c);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc',endColorstr='#0044cc',GradientType=0);border-color:#04c #04c #002a80;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25)}.datetimepicker table tr td span.active:hover,.datetimepicker table tr td span.active:hover:hover,.datetimepicker table tr td span.active.disabled:hover,.datetimepicker table tr td span.active.disabled:hover:hover,.datetimepicker table tr td span.active:active,.datetimepicker table tr td span.active:hover:active,.datetimepicker table tr td span.active.disabled:active,.datetimepicker table tr td span.active.disabled:hover:active,.datetimepicker table tr td span.active.active,.datetimepicker table tr td span.active:hover.active,.datetimepicker table tr td span.active.disabled.active,.datetimepicker table tr td span.active.disabled:hover.active,.datetimepicker table tr td span.active.disabled,.datetimepicker table tr td span.active:hover.disabled,.datetimepicker table tr td span.active.disabled.disabled,.datetimepicker table tr td span.active.disabled:hover.disabled,.datetimepicker table tr td span.active[disabled],.datetimepicker table tr td span.active:hover[disabled],.datetimepicker table tr td span.active.disabled[disabled],.datetimepicker table tr td span.active.disabled:hover[disabled]{background-color:#04c}.datetimepicker table tr td span.active:active,.datetimepicker table tr td span.active:hover:active,.datetimepicker table tr td span.active.disabled:active,.datetimepicker table tr td span.active.disabled:hover:active,.datetimepicker table tr td span.active.active,.datetimepicker table tr td span.active:hover.active,.datetimepicker table tr td span.active.disabled.active,.datetimepicker table tr td span.active.disabled:hover.active{background-color:#039}.datetimepicker table tr td span.old{color:#999}.datetimepicker th.switch{width:145px}.datetimepicker th span.glyphicon{pointer-events:none}.datetimepicker thead tr:first-child th,.datetimepicker tfoot tr:first-child th{cursor:pointer}.datetimepicker thead tr:first-child th:hover,.datetimepicker tfoot tr:first-child th:hover{background:#eee}.input-append.date .add-on i,.input-prepend.date .add-on i,.input-group.date .input-group-addon span{cursor:pointer;width:14px;height:14px}
/*
 *  Bootstrap TouchSpin - v3.0.1
 *  A mobile and touch friendly input spinner component for Bootstrap 3.
 *  http://www.virtuosoft.eu/code/bootstrap-touchspin/
 *
 *  Made by István Ujj-Mészáros
 *  Under Apache License v2.0 License
 */

.bootstrap-touchspin .input-group-btn-vertical {
    position: relative;
    white-space: nowrap;
    width: 1%;
    vertical-align: middle;
    display: table-cell;
}

.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-radius: 0;
    border-top-right-radius: 4px;
}

.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down {
    margin-top: -2px;
    border-radius: 0;
    border-bottom-right-radius: 4px;
}

.bootstrap-touchspin .input-group-btn-vertical i {
    position: absolute;
    top: 3px;
    left: 5px;
    font-size: 9px;
    font-weight: normal;
}
.textError {
    color: red;
}

.sub-header {
    left: 200px;
    right: 0;
    margin-top: 50px;
}

.wrapper-static-sub-header {
    margin-top: 80px;
}

.select2-container-multi .select2-choices .select2-search-field input {
    width: 100% !important;
}

.select2-container .select2-choice {
    height: 34px;
    padding: 6px 12px;
    border-radius: 2px;
    background-image: none;
    border: 1px solid #cfdadd;
}

.select2-full-width, .select2-container {
    width: 100% !important;
}

body {
    padding-bottom: 0;
    padding-top: 0px;
}

#loading-bar-spinner .spinner-icon {
    border-top-color: #f05050;
    border-left-color: #f05050;
}

#loading-bar .peg {
    -moz-box-shadow: #f05050 1px 0 6px 1px;
    -ms-box-shadow: #f05050 1px 0 6px 1px;
    -webkit-box-shadow: #f05050 1px 0 6px 1px;
    box-shadow: #f05050 1px 0 6px 1px;
}

#loading-bar .bar {
    background: #f05050;
}

.left-float {
    float: left;
}

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

.btn-facebook {
    background-color: #627aad;
    color: #ffffff;
}

.navbar-fixed-top {
    z-index: 1000;
}

.error-background {
    background-color: #bd362f;
    /*  background-color: #fd5c3e;*/
    color: #ffffff;
    /*opacity: 0.8;*/
}

.padding-no-data {
    padding-top: 15px;
    padding-left: 15px;
}

.padding-btn {
    padding-top: 15px;
    padding-right: 15px;
}

.pdng-fl-rfrl {
    padding-left: 15px;
}

.nt-started-profile {
    background-color: #2F2C2C !important;
    opacity: .9
}

.cmplt-profile {
   /*  background-color: #98e2b0 !important; */
   background-color: #2F2C2C !important;
    opacity: .9
}

.incmplt-profile {
  /*  background-color: #f1e6a3 !important;*/
  background-color: #2F2C2C !important;
    opacity: .9
}

.btn-profile-status {
    margin-left: 5px;
}

.profile-img {
    width: 100%;
    height: 100%;
    padding: 0px 15px !important;
    margin-top: -2px !important;
}
             

.profile-img-upload-icon {
    position: absolute;
    padding: 15px;
}

.hand {
    cursor: pointer;
}

.modal-panel {
    margin-bottom: 0 !important;
}

.wordwrap {
    white-space: pre-wrap; /* CSS3 */
    white-space: -moz-pre-wrap; /* Firefox */
    white-space: -o-pre-wrap; /* Opera 7 */
    word-wrap: break-word; /* IE */
}
/*textangular dropdown start*/
.insert-var-container {
    padding: 0;
    border: 0;
}

    .insert-var-container > button .caret {
        margin: 0 0 0 0;
    }

    .insert-var-container ul {
        padding: 0;
        overflow: hidden;
        text-align: left;
    }

.ta-editor {
    min-height: 250px;
    height: auto;
    overflow: auto;
    font-family: inherit;
    font-size: 100%;
    margin: 10px 0;
}

div#template-subject .ta-editor {
    min-height: 20px;
}

.survey-type-Closed #attachSampleButton,
.survey-type-Closed #scheduleEmailButton,
.survey-type-Closed #schduleEmailActionButtons,
.survey-type-Closed #scheduleEmailActionTag,
.survey-type-Closed #addPartnersButton,
.survey-type-Closed #closeSurveyButton,
.survey-type-Open #openSurveyButton,
/*.survey-type-Closed #editSurveyButton,*/
.survey-type-Closed #createTemplateButton,
.survey-type-Closed #actionHeading,
.survey-type-Closed #uploadUniqueLinksSection,
.survey-type-Closed #actionRow {
    display: none;
}

.survey-type-Open #uploadApprovalSection {
    display: none;
}

.padding-right-zero {
    padding-right: 0;
}

.padding-left-zero {
    padding-left: 0;
}

.app-footer {
    position: fixed !important;
    z-index: 3;
}

.margin-captcha {
    margin-bottom: 15px;
}

.bg-success {
    background-color: #ffffff;

}
.bg-success .text-lt {
    color: #333 !important;
}
.bg-success .nav > li > a {
    color: #333;
    background-color: ;
}

.bg-success .caret {
    border-top-color: #333;
    border-bottom-color: #333;
}
.bg-success .nav > li > a:hover {
    background-color: #f6f8f8;
    color: #333;
}
.bg-success .nav > li > a:focus {
    background-color: #f6f8f8;
    color: #333;
}
.bg-success .nav .open > a {
    background-color: #f6f8f8;
}
.bg-success a:hover {
    color: #333;
}

.app-content-body {
    background-color: #fff;
}
.bg-light.lter, .bg-light .lter {
    /* background-color: #f6f8f8; */
    background: url(../img/green-strip.jpg) center center;
    background-size: cover;
}
.app-footer {
    line-height: 45px;
}
.invite {
    margin-top: -27px; 
}
.invitee {
    margin-top: -25px;
    
}

.colouris {
    color: #009933;
    font-size: 45px !important;
}
.abc:hover {
    color: #009933;
    }
.abc {
    color: #009933;
}

.sizeis {
    font-size: 16px;
}
.m-n {
    color: #fff;
}
.jumbotron {
   padding: 30px 0px;
   background-color: transparent;
   border: 1px solid #eee;
    
}

.bg-light.dker, .bg-light .dker {
    background-color: #fff;
    /* border-right: #eee; */
}
.text-info-dker {
    color: #53830B;
}

.female {
    background-color: pink;
}

.panel-id-1 {
    
    background: url(../img/finance.png) center center;
}

.panel-id-2 {
    
    background: url(../img/finance.png) center center;
}

.panel-id-3 {
    
    background: url(../img/finance.png) center center;
}

.panel-id-4 {
    
    background: url(../img/finance.png) center center;
}

.panel-id-5 {
    
    background: url(../img/finance.png) center center;
}

.panel-id-6 {
    
    background: url(../img/finance.png) center center;
}

.panel-id-7 {
    
    background: url(../img/finance.png) center center;
}

.panel-id-8 {
    
    background: url(../img/finance.png) center center;
}

.yellow-button {
    color: #fff !important;
    background-color: #FFD400 !important;
    border-color: #FFD400 !important;
}
.orange-bttn{
    color: #fff !important;
    background-color: #FF7800 !important;
    border-color: #FF7800 !important;
}

.green-button {
    color: #ffffff !important;
    background-color: #53830B;  
}

.white-color {

    color: #fff !important;
}

.without-bottom {
    border-bottom: none;
}

.incomplete {
    background-color: yellow;
    color: #333;    
}

.complete {
    background-color: #009933;
    color: #ffffff;
}

.btn-size-weight {
    font-size: 13px;
    font-weight: bold;
    padding-bottom: -10px;
}
.glyphicon {
    padding-right: 5px;
}
.jumbo-height {
    height: 186px;
}

.panel-image {
    padding-top: 0px !important;
        padding-left: 0px !important;
    padding-right: 0px !important;
        padding-bottom: 0px !important;
}
.container-pp {
    width: 100%;
}             
.p-r-4 {
    padding-right: 4px;
}
.p-0 {
    padding: 0px;
}

.m-b-8 {
    margin-bottom: 12px;
}
.ta-hidden-input {
    display: none;
}
.top-margin {
    margin-top: 15px;
}
.bg-success .nav > li:hover > a, .bg-success .nav > li:focus > a, .bg-success .nav > li.active > a {
    color: #333;
    background-color: #f6f8f8;
}
.jumbo-top {
    margin-top: 15px;
}
.bg-green.active {
    
    background-color: #53830B;
    color: #fff !important;
    /*color: black;*/
}
.list-group-sm .list-group-item {
    padding: 3px 10px;
}
.m-b-lg-15 {
    margin-bottom: 15px;
}
.line {
    margin: 5px 0;
}
.m-b-10 {
    margin-bottom: 10px;
}
.cross-size {
    font-size: 20px;
}
.sweepstake-button {
   background-color: #53830B;
   color: #ffffff;

}
.link-display {
    cursor: pointer;
    color: #0000cc;
}
   .trim-info {
      max-width: 100px;
      display: inline-block;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;  
      line-height: 15px;
      position: relative;
   }

   .adjustIconOnDashboard {
       width: 80px;
   }

   .wow {
       visibility: hidden;
   }


.singup-bg {
    background-image: url(../../public/img/blue-bg-signup.jpg);
    min-height: 798px;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    margin-top: -20px;
}

.w-xx2 {
    width: 360px;
    float: right;
    margin-right: 150px;
    margin-top: 50px;
}

.w-xxl3 {
    width: 620px;
    float: left;
    margin-left: 150px;
    margin-top: 160px;
}

@media only screen and (min-width: 320px) {

    .w-xxl3 {
        width: 100%;
        float: left;
        margin-left: 0px;
        margin-top: 90px;
    }

    .w-xx2 {
        width: 360px;
        float: left;
        position: relative;
        right: 20px;
        margin-right: 0px;
    }
}

@media only screen and (min-width: 480px) {

    .w-xxl3 {
        width: 100%;
        float: left;
        margin-left: 0px;
        margin-top: 100px;
    }

    .w-xx2 {
        width: 360px;
        float: right;
        position: relative;
        right: 0;
        margin-right: 40px;
    }
}

@media only screen and (min-width: 768px) {
    .w-xxl3 {
        width: 100%;
        float: left;
        margin-left: 0px;
        margin-top: 210px;
    }

    .w-xx2 {
        width: 360px;
        float: right;
        position: relative;
        right: 0;
        margin-right: 100px;
    }
}

@media screen and (min-width: 992px) {

    .w-xxl3 {
        width: 520px;
        float: left;
        margin-left: 50px;
        margin-top: 210px;
    }

    .w-xx2 {
        width: 360px;
        float: right;
        margin-right: 150px;
        margin-top: 50px;
    }
}


@media screen and (min-width: 1200px) {

    .w-xxl3 {
        width: 520px;
        float: left;
        margin-left: 150px;
        margin-top: 210px;
    }

    .w-xx2 {
        width: 360px;
        float: right;
        margin-right: 150px;
        margin-top: 50px;
    }
}

@media screen and (min-width: 1280px) {

    .w-xxl3 {
        width: 600px;
        float: left;
        margin-left: 150px;
        margin-top: 210px;
    }

    .w-xx2 {
        width: 360px;
        float: right;
        margin-right: 150px;
        margin-top: 50px;
    }
}