@import url("https://fonts.googleapis.com/css?family=Krub:300,400,500,600,700");

@import url("https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700");

@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500,700");



@font-face {

    font-family: 'simple-Line-Icons';

    src: url("../fonts/simple-Line-Icons.eot");

    src: url("../fonts/simple-Line-Icons.eot") 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

}



[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;

    font-size: 17px

}



.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"

}



@font-face {

    font-family: 'weathericons';

    src: url("../fonts/weathericons-regular-webfont.eot");

    src: url("../fonts/weathericons-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/weathericons-regular-webfont.woff") format("woff"), url("../fonts/weathericons-regular-webfont.ttf") format("truetype"), url("../fonts/weathericons-regular-webfont.svg#weathericons-regular-webfontRg") format("svg");

    font-weight: normal;

    font-style: normal

}



.wi {

    display: inline-block;

    font-family: 'weathericons';

    font-style: normal;

    font-weight: normal;

    line-height: 1;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale

}



.wi-day-cloudy-gusts:before {

    content: "\f000"

}



.wi-day-cloudy-windy:before {

    content: "\f001"

}



.wi-day-cloudy:before {

    content: "\f002"

}



.wi-day-fog:before {

    content: "\f003"

}



.wi-day-hail:before {

    content: "\f004"

}



.wi-day-lightning:before {

    content: "\f005"

}



.wi-day-rain-mix:before {

    content: "\f006"

}



.wi-day-rain-wind:before {

    content: "\f007"

}



.wi-day-rain:before {

    content: "\f008"

}



.wi-day-showers:before {

    content: "\f009"

}



.wi-day-snow:before {

    content: "\f00a"

}



.wi-day-sprinkle:before {

    content: "\f00b"

}



.wi-day-sunny-overcast:before {

    content: "\f00c"

}



.wi-day-sunny:before {

    content: "\f00d"

}



.wi-day-storm-showers:before {

    content: "\f00e"

}



.wi-day-thunderstorm:before {

    content: "\f010"

}



.wi-cloudy-gusts:before {

    content: "\f011"

}



.wi-cloudy-windy:before {

    content: "\f012"

}



.wi-cloudy:before {

    content: "\f013"

}



.wi-fog:before {

    content: "\f014"

}



.wi-hail:before {

    content: "\f015"

}



.wi-lightning:before {

    content: "\f016"

}



.wi-rain-mix:before {

    content: "\f017"

}



.wi-rain-wind:before {

    content: "\f018"

}



.wi-rain:before {

    content: "\f019"

}



.wi-showers:before {

    content: "\f01a"

}



.wi-snow:before {

    content: "\f01b"

}



.wi-sprinkle:before {

    content: "\f01c"

}



.wi-storm-showers:before {

    content: "\f01d"

}



.wi-thunderstorm:before {

    content: "\f01e"

}



.wi-windy:before {

    content: "\f021"

}



.wi-night-alt-cloudy-gusts:before {

    content: "\f022"

}



.wi-night-alt-cloudy-windy:before {

    content: "\f023"

}



.wi-night-alt-hail:before {

    content: "\f024"

}



.wi-night-alt-lightning:before {

    content: "\f025"

}



.wi-night-alt-rain-mix:before {

    content: "\f026"

}



.wi-night-alt-rain-wind:before {

    content: "\f027"

}



.wi-night-alt-rain:before {

    content: "\f028"

}



.wi-night-alt-showers:before {

    content: "\f029"

}



.wi-night-alt-snow:before {

    content: "\f02a"

}



.wi-night-alt-sprinkle:before {

    content: "\f02b"

}



.wi-night-alt-storm-showers:before {

    content: "\f02c"

}



.wi-night-alt-thunderstorm:before {

    content: "\f02d"

}



.wi-night-clear:before {

    content: "\f02e"

}



.wi-night-cloudy-gusts:before {

    content: "\f02f"

}



.wi-night-cloudy-windy:before {

    content: "\f030"

}



.wi-night-cloudy:before {

    content: "\f031"

}



.wi-night-hail:before {

    content: "\f032"

}



.wi-night-lightning:before {

    content: "\f033"

}



.wi-night-rain-mix:before {

    content: "\f034"

}



.wi-night-rain-wind:before {

    content: "\f035"

}



.wi-night-rain:before {

    content: "\f036"

}



.wi-night-showers:before {

    content: "\f037"

}



.wi-night-snow:before {

    content: "\f038"

}



.wi-night-sprinkle:before {

    content: "\f039"

}



.wi-night-storm-showers:before {

    content: "\f03a"

}



.wi-night-thunderstorm:before {

    content: "\f03b"

}



.wi-celsius:before {

    content: "\f03c"

}



.wi-cloud-down:before {

    content: "\f03d"

}



.wi-cloud-refresh:before {

    content: "\f03e"

}



.wi-cloud-up:before {

    content: "\f040"

}



.wi-cloud:before {

    content: "\f041"

}



.wi-degrees:before {

    content: "\f042"

}



.wi-down-left:before {

    content: "\f043"

}



.wi-down:before {

    content: "\f044"

}



.wi-fahrenheit:before {

    content: "\f045"

}



.wi-horizon-alt:before {

    content: "\f046"

}



.wi-horizon:before {

    content: "\f047"

}



.wi-left:before {

    content: "\f048"

}



.wi-lightning:before {

    content: "\f016"

}



.wi-night-fog:before {

    content: "\f04a"

}



.wi-refresh-alt:before {

    content: "\f04b"

}



.wi-refresh:before {

    content: "\f04c"

}



.wi-right:before {

    content: "\f04d"

}



.wi-sprinkles:before {

    content: "\f04e"

}



.wi-strong-wind:before {

    content: "\f050"

}



.wi-sunrise:before {

    content: "\f051"

}



.wi-sunset:before {

    content: "\f052"

}



.wi-thermometer-exterior:before {

    content: "\f053"

}



.wi-thermometer-internal:before {

    content: "\f054"

}



.wi-thermometer:before {

    content: "\f055"

}



.wi-tornado:before {

    content: "\f056"

}



.wi-up-right:before {

    content: "\f057"

}



.wi-up:before {

    content: "\f058"

}



.wi-wind-west:before {

    content: "\f059"

}



.wi-wind-south-west:before {

    content: "\f05a"

}



.wi-wind-south-east:before {

    content: "\f05b"

}



.wi-wind-south:before {

    content: "\f05c"

}



.wi-wind-north-west:before {

    content: "\f05d"

}



.wi-wind-north-east:before {

    content: "\f05e"

}



.wi-wind-north:before {

    content: "\f060"

}



.wi-wind-east:before {

    content: "\f061"

}



.wi-smoke:before {

    content: "\f062"

}



.wi-dust:before {

    content: "\f063"

}



.wi-snow-wind:before {

    content: "\f064"

}



.wi-day-snow-wind:before {

    content: "\f065"

}



.wi-night-snow-wind:before {

    content: "\f066"

}



.wi-night-alt-snow-wind:before {

    content: "\f067"

}



.wi-day-sleet-storm:before {

    content: "\f068"

}



.wi-night-sleet-storm:before {

    content: "\f069"

}



.wi-night-alt-sleet-storm:before {

    content: "\f06a"

}



.wi-day-snow-thunderstorm:before {

    content: "\f06b"

}



.wi-night-snow-thunderstorm:before {

    content: "\f06c"

}



.wi-night-alt-snow-thunderstorm:before {

    content: "\f06d"

}



.wi-solar-eclipse:before {

    content: "\f06e"

}



.wi-lunar-eclipse:before {

    content: "\f070"

}



.wi-meteor:before {

    content: "\f071"

}



.wi-hot:before {

    content: "\f072"

}



.wi-hurricane:before {

    content: "\f073"

}



.wi-smog:before {

    content: "\f074"

}



.wi-alien:before {

    content: "\f075"

}



.wi-snowflake-cold:before {

    content: "\f076"

}



.wi-stars:before {

    content: "\f077"

}



.wi-night-partly-cloudy:before {

    content: "\f083"

}



.wi-umbrella:before {

    content: "\f084"

}



.wi-day-windy:before {

    content: "\f085"

}



.wi-night-alt-cloudy:before {

    content: "\f086"

}



.wi-up-left:before {

    content: "\f087"

}



.wi-down-right:before {

    content: "\f088"

}



.wi-time-12:before {

    content: "\f089"

}



.wi-time-1:before {

    content: "\f08a"

}



.wi-time-2:before {

    content: "\f08b"

}



.wi-time-3:before {

    content: "\f08c"

}



.wi-time-4:before {

    content: "\f08d"

}



.wi-time-5:before {

    content: "\f08e"

}



.wi-time-6:before {

    content: "\f08f"

}



.wi-time-7:before {

    content: "\f090"

}



.wi-time-8:before {

    content: "\f091"

}



.wi-time-9:before {

    content: "\f092"

}



.wi-time-10:before {

    content: "\f093"

}



.wi-time-11:before {

    content: "\f094"

}



.wi-day-sleet:before {

    content: "\f0b2"

}



.wi-night-sleet:before {

    content: "\f0b3"

}



.wi-night-alt-sleet:before {

    content: "\f0b4"

}



.wi-sleet:before {

    content: "\f0b5"

}



.wi-day-haze:before {

    content: "\f0b6"

}



.wi-beafort-0:before {

    content: "\f0b7"

}



.wi-beafort-1:before {

    content: "\f0b8"

}



.wi-beafort-2:before {

    content: "\f0b9"

}



.wi-beafort-3:before {

    content: "\f0ba"

}



.wi-beafort-4:before {

    content: "\f0bb"

}



.wi-beafort-5:before {

    content: "\f0bc"

}



.wi-beafort-6:before {

    content: "\f0bd"

}



.wi-beafort-7:before {

    content: "\f0be"

}



.wi-beafort-8:before {

    content: "\f0bf"

}



.wi-beafort-9:before {

    content: "\f0c0"

}



.wi-beafort-10:before {

    content: "\f0c1"

}



.wi-beafort-11:before {

    content: "\f0c2"

}



.wi-beafort-12:before {

    content: "\f0c3"

}



.wi-wind-default:before {

    content: "\f0b1"

}



.wi-wind-default._0-deg {

    -webkit-transform: rotate(0deg);

    -moz-transform: rotate(0deg);

    -ms-transform: rotate(0deg);

    -o-transform: rotate(0deg);

    transform: rotate(0deg)

}



.wi-wind-default._15-deg {

    -webkit-transform: rotate(15deg);

    -moz-transform: rotate(15deg);

    -ms-transform: rotate(15deg);

    -o-transform: rotate(15deg);

    transform: rotate(15deg)

}



.wi-wind-default._30-deg {

    -webkit-transform: rotate(30deg);

    -moz-transform: rotate(30deg);

    -ms-transform: rotate(30deg);

    -o-transform: rotate(30deg);

    transform: rotate(30deg)

}



.wi-wind-default._45-deg {

    -webkit-transform: rotate(45deg);

    -moz-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    -o-transform: rotate(45deg);

    transform: rotate(45deg)

}



.wi-wind-default._60-deg {

    -webkit-transform: rotate(60deg);

    -moz-transform: rotate(60deg);

    -ms-transform: rotate(60deg);

    -o-transform: rotate(60deg);

    transform: rotate(60deg)

}



.wi-wind-default._75-deg {

    -webkit-transform: rotate(75deg);

    -moz-transform: rotate(75deg);

    -ms-transform: rotate(75deg);

    -o-transform: rotate(75deg);

    transform: rotate(75deg)

}



.wi-wind-default._90-deg {

    -webkit-transform: rotate(90deg);

    -moz-transform: rotate(90deg);

    -ms-transform: rotate(90deg);

    -o-transform: rotate(90deg);

    transform: rotate(90deg)

}



.wi-wind-default._105-deg {

    -webkit-transform: rotate(105deg);

    -moz-transform: rotate(105deg);

    -ms-transform: rotate(105deg);

    -o-transform: rotate(105deg);

    transform: rotate(105deg)

}



.wi-wind-default._120-deg {

    -webkit-transform: rotate(120deg);

    -moz-transform: rotate(120deg);

    -ms-transform: rotate(120deg);

    -o-transform: rotate(120deg);

    transform: rotate(120deg)

}



.wi-wind-default._135-deg {

    -webkit-transform: rotate(135deg);

    -moz-transform: rotate(135deg);

    -ms-transform: rotate(135deg);

    -o-transform: rotate(135deg);

    transform: rotate(135deg)

}



.wi-wind-default._150-deg {

    -webkit-transform: rotate(150deg);

    -moz-transform: rotate(150deg);

    -ms-transform: rotate(150deg);

    -o-transform: rotate(150deg);

    transform: rotate(150deg)

}



.wi-wind-default._165-deg {

    -webkit-transform: rotate(165deg);

    -moz-transform: rotate(165deg);

    -ms-transform: rotate(165deg);

    -o-transform: rotate(165deg);

    transform: rotate(165deg)

}



.wi-wind-default._180-deg {

    -webkit-transform: rotate(180deg);

    -moz-transform: rotate(180deg);

    -ms-transform: rotate(180deg);

    -o-transform: rotate(180deg);

    transform: rotate(180deg)

}



.wi-wind-default._195-deg {

    -webkit-transform: rotate(195deg);

    -moz-transform: rotate(195deg);

    -ms-transform: rotate(195deg);

    -o-transform: rotate(195deg);

    transform: rotate(195deg)

}



.wi-wind-default._210-deg {

    -webkit-transform: rotate(210deg);

    -moz-transform: rotate(210deg);

    -ms-transform: rotate(210deg);

    -o-transform: rotate(210deg);

    transform: rotate(210deg)

}



.wi-wind-default._225-deg {

    -webkit-transform: rotate(225deg);

    -moz-transform: rotate(225deg);

    -ms-transform: rotate(225deg);

    -o-transform: rotate(225deg);

    transform: rotate(225deg)

}



.wi-wind-default._240-deg {

    -webkit-transform: rotate(240deg);

    -moz-transform: rotate(240deg);

    -ms-transform: rotate(240deg);

    -o-transform: rotate(240deg);

    transform: rotate(240deg)

}



.wi-wind-default._255-deg {

    -webkit-transform: rotate(255deg);

    -moz-transform: rotate(255deg);

    -ms-transform: rotate(255deg);

    -o-transform: rotate(255deg);

    transform: rotate(255deg)

}



.wi-wind-default._270-deg {

    -webkit-transform: rotate(270deg);

    -moz-transform: rotate(270deg);

    -ms-transform: rotate(270deg);

    -o-transform: rotate(270deg);

    transform: rotate(270deg)

}



.wi-wind-default._285-deg {

    -webkit-transform: rotate(295deg);

    -moz-transform: rotate(295deg);

    -ms-transform: rotate(295deg);

    -o-transform: rotate(295deg);

    transform: rotate(295deg)

}



.wi-wind-default._300-deg {

    -webkit-transform: rotate(300deg);

    -moz-transform: rotate(300deg);

    -ms-transform: rotate(300deg);

    -o-transform: rotate(300deg);

    transform: rotate(300deg)

}



.wi-wind-default._315-deg {

    -webkit-transform: rotate(315deg);

    -moz-transform: rotate(315deg);

    -ms-transform: rotate(315deg);

    -o-transform: rotate(315deg);

    transform: rotate(315deg)

}



.wi-wind-default._330-deg {

    -webkit-transform: rotate(330deg);

    -moz-transform: rotate(330deg);

    -ms-transform: rotate(330deg);

    -o-transform: rotate(330deg);

    transform: rotate(330deg)

}



.wi-wind-default._345-deg {

    -webkit-transform: rotate(345deg);

    -moz-transform: rotate(345deg);

    -ms-transform: rotate(345deg);

    -o-transform: rotate(345deg);

    transform: rotate(345deg)

}



.wi-moon-new:before {

    content: "\f095"

}



.wi-moon-waxing-cresent-1:before {

    content: "\f096"

}



.wi-moon-waxing-cresent-2:before {

    content: "\f097"

}



.wi-moon-waxing-cresent-3:before {

    content: "\f098"

}



.wi-moon-waxing-cresent-4:before {

    content: "\f099"

}



.wi-moon-waxing-cresent-5:before {

    content: "\f09a"

}



.wi-moon-waxing-cresent-6:before {

    content: "\f09b"

}



.wi-moon-first-quarter:before {

    content: "\f09c"

}



.wi-moon-waxing-gibbous-1:before {

    content: "\f09d"

}



.wi-moon-waxing-gibbous-2:before {

    content: "\f09e"

}



.wi-moon-waxing-gibbous-3:before {

    content: "\f09f"

}



.wi-moon-waxing-gibbous-4:before {

    content: "\f0a0"

}



.wi-moon-waxing-gibbous-5:before {

    content: "\f0a1"

}



.wi-moon-waxing-gibbous-6:before {

    content: "\f0a2"

}



.wi-moon-full:before {

    content: "\f0a3"

}



.wi-moon-waning-gibbous-1:before {

    content: "\f0a4"

}



.wi-moon-waning-gibbous-2:before {

    content: "\f0a5"

}



.wi-moon-waning-gibbous-3:before {

    content: "\f0a6"

}



.wi-moon-waning-gibbous-4:before {

    content: "\f0a7"

}



.wi-moon-waning-gibbous-5:before {

    content: "\f0a8"

}



.wi-moon-waning-gibbous-6:before {

    content: "\f0a9"

}



.wi-moon-3rd-quarter:before {

    content: "\f0aa"

}



.wi-moon-waning-crescent-1:before {

    content: "\f0ab"

}



.wi-moon-waning-crescent-2:before {

    content: "\f0ac"

}



.wi-moon-waning-crescent-3:before {

    content: "\f0ad"

}



.wi-moon-waning-crescent-4:before {

    content: "\f0ae"

}



.wi-moon-waning-crescent-5:before {

    content: "\f0af"

}



.wi-moon-waning-crescent-6:before {

    content: "\f0b0"

}



body {

    -webkit-transition: all 0.3s ease-in-out;

    -moz-transition: all 0.3s ease-in-out;

    -ms-transition: all 0.3s ease-in-out;

    -o-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;

    background-color: #22252a;

    font-weight: 400;

    color: #a5a8ad

}



body.font-krub {

    font-family: "Krub", sans-serif;

    font-size: 15px;

    letter-spacing: 0.2px

}



body.font-montserrat {

    font-family: "Montserrat", sans-serif;

    font-size: 14px

}



body.font-roboto {

    font-family: "Robot", sans-serif;

    font-size: 14px

}



a:hover,

a:focus {

    color: #437ac7;

    text-decoration: none

}



.overlay {

    position: fixed;

    cursor: pointer;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background-color: rgba(23, 25, 28, 0.5);

    display: none;

    z-index: 10

}



.overlay.open {

    display: block

}



@media screen and (max-width: 767px) {

    .hidden-xs {

        display: none

    }

}



@media screen and (max-width: 992px) {

    .hidden-sm {

        display: none

    }

}



@media screen and (max-width: 1024px) {

    .hidden-md {

        display: none

    }

}



*[dir="rtl"] .metismenu .arrow {

    float: left

}



*[dir="rtl"] .metismenu .plus-times {

    float: left

}



*[dir="rtl"] .metismenu .plus-minus {

    float: left

}



.metismenu {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column

}



.metismenu>li {

    -webkit-box-flex: 1;

    -ms-flex: 1 1 0%;

    flex: 1 1 0%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    position: relative

}



.metismenu>li:last-child {

    margin-bottom: 20px

}



.metismenu>li .active a {

    font-weight: 700

}



.metismenu>li i {

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    border-radius: 3px;

    position: relative;

    top: 1px;

    width: 28px;

    line-height: 28px;

    text-align: center

}



.metismenu li.header {

    font-size: 12px;

    margin: 20px 5px 5px;

    color: rgba(255, 255, 255, 0.4);

    padding: 0

}



.metismenu a {

    -webkit-transition: all 0.3s ease-out;

    -moz-transition: all 0.3s ease-out;

    -ms-transition: all 0.3s ease-out;

    -o-transition: all 0.3s ease-out;

    transition: all 0.3s ease-out;

    display: block;

    vertical-align: middle;

    *vertical-align: auto;

    *zoom: 1;

    *display: block;

    font-size: 15px;

    color: #bbbec2;

    border-radius: .1875rem;

    position: relative;

    padding: 7px 0;

    outline-width: 0

}



.metismenu ul a {

    color: #96989c;

    font-size: 14px;

    padding: 6px 15px 6px 38px;

    position: relative

}



.metismenu ul a::before {

    -webkit-transition: all 0.4s ease-out;

    -moz-transition: all 0.4s ease-out;

    -ms-transition: all 0.4s ease-out;

    -o-transition: all 0.4s ease-out;

    transition: all 0.4s ease-out;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    border-radius: 5px;

    background: #fff !important;

    content: '- ';

    margin-left:-9px;

    left: 15px;

    height: 1px;

    width: 15px;

    top: 17px;

    text-decoration: none !important;

}



.metismenu ul a:hover:before {

    width: 190px

}



@media screen and (max-width: 767px) {

    .metismenu ul a:hover:before {

        width: calc(100% - 15px)

    }

}



.metismenu ul ul a {

    padding: 10px 15px 10px 70px

}



.metismenu ul.collapse a:hover,

.metismenu ul.collapse a:focus {

    text-decoration: none

}



.metismenu .arrow {

    float: right;

    line-height: 1.42857

}



.metismenu .collapse {

    display: none

}



.metismenu .collapse.in {

    display: block

}



.metismenu .collapsing {

    position: relative;

    height: 0;

    overflow: hidden;

    transition-timing-function: ease;

    transition-duration: .35s;

    transition-property: height, visibility

}



.metismenu .has-arrow {

    position: relative

}



.metismenu .has-arrow:after {

    -webkit-transition: all 0.3s ease-out;

    -moz-transition: all 0.3s ease-out;

    -ms-transition: all 0.3s ease-out;

    -o-transition: all 0.3s ease-out;

    transition: all 0.3s ease-out;

    color: rgba(255, 255, 255, 0.2);

    position: absolute;

    content: '+';

    right: 0;

    line-height: 28px

}



.metismenu .active>.has-arrow::after,

.metismenu .has-arrow[aria-expanded="true"]::after {

    content: '-'

}



.h-menu #main-content {

    margin-top: 100px;

    width: 100%

}



.h-menu .top-navbar {

    width: calc(100% - 40px) !important;

    margin: 0 20px !important

}



.h-menu .sidebar {

    top: 63px;

    border-top: 1px solid #22252a;

    background: #2f3338

}



.h-menu .sidebar .slimScrollDiv {

    height: auto !important;

    overflow: visible !important

}



.h-menu .sidebar .slimScrollDiv .sidebar-scroll {

    height: auto !important;

    overflow: visible !important

}



.h-menu .sidebar .slimScrollDiv .slimScrollRail,

.h-menu .sidebar .slimScrollDiv .slimScrollBar {

    display: none !important;

    opacity: 0 !important

}



.h-menu .user-account {

    display: none

}



.h-menu #left-sidebar {

    width: calc(100% - 40px);

    height: auto;

    height: auto;

    margin: 0 20px;

    z-index: 7

}



.h-menu #left-sidebar .navbar-brand {

    float: left;

    margin: 0;

    border: 0;

    padding: 5px 15px 0

}



.h-menu .metismenu {

    flex-direction: row

}



.h-menu .metismenu li.header {

    display: none

}



.h-menu .metismenu .collapse.in {

    display: none

}



.h-menu .metismenu>li {

    flex: unset

}



.h-menu .metismenu>li>a span {

    display: none

}



.h-menu .metismenu>li:last-child {

    margin-bottom: 0 !important

}



.h-menu .metismenu>li:hover ul.collapse {

    display: block

}



.h-menu .metismenu .collapse {

    position: absolute;

    background: #2f3338;

    width: 240px;

    top: 42px;

    padding: 15px !important

}



.h-menu .metismenu .has-arrow::after {

    display: none

}



.nav.nav-tabs {

    border-color: #2f3338

}



.nav.nav-tabs .nav-item .nav-link {

    color: #a5a8ad

}



.nav.nav-tabs .nav-item .nav-link.active,

.nav.nav-tabs .nav-item .nav-link:hover,

.nav.nav-tabs .nav-item .nav-link:focus {

    background-color: #2f3338;

    border-color: #2f3338

}



.nav.nav-tabs2>li>a {

    -webkit-transition: all 0.3s ease-in-out;

    -moz-transition: all 0.3s ease-in-out;

    -ms-transition: all 0.3s ease-in-out;

    -o-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;

    -webkit-border-radius: 50px;

    -moz-border-radius: 50px;

    border-radius: 50px;

    color: #96989c;

    background-color: transparent;

    padding: .5rem

}



.nav.nav-tabs2>li>a:hover,

.nav.nav-tabs2>li>a.active {

    padding: .5rem 1.5rem;

    color: #fff;

    background: #00bcd2

}



.nav.nav-tabs3 {

    border-bottom: 1px solid #2f3338

}



.nav.nav-tabs3>li {

    margin-bottom: -1px

}



.nav.nav-tabs3>li>a {

    -webkit-transition: all 0.3s ease-in-out;

    -moz-transition: all 0.3s ease-in-out;

    -ms-transition: all 0.3s ease-in-out;

    -o-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;

    font-size: 15px;

    color: #96989c;

    padding: 7px 20px;

    background-color: transparent;

    border-bottom: transparent;

    font-weight: 400

}



.nav.nav-tabs3>li>a:focus,

.nav.nav-tabs3>li>a:hover,

.nav.nav-tabs3>li>a.active {

    -webkit-transition: all 0.3s ease-in-out;

    -moz-transition: all 0.3s ease-in-out;

    -ms-transition: all 0.3s ease-in-out;

    -o-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;

    color: #6290d0;

    border-bottom: 2px solid #6290d0 !important;

    position: relative

}



.nav.nav-tabs3>li>a:focus::after,

.nav.nav-tabs3>li>a:hover::after,

.nav.nav-tabs3>li>a.active::after {

    content: '';

    width: 100%;

    height: 1px;

    position: absolute;

    bottom: -3px;

    left: 0

}



.nav.nav-tabs3.table-nav {

    background: #282b2f

}



.tab-content p {

    font-size: 14px

}



.nav-pills>li.active>a,

.nav-pills>li.active>a:hover,

.nav-pills>li.active>a:focus {

    background-color: #f4f7f6;

    color: #a5a8ad

}



.nav-pills>li>a {

    color: inherit

}



.nav-tabs-colored>li.active>a,

.nav-tabs-colored>li.active>a:hover,

.nav-tabs-colored>li.active>a:focus {

    background-color: #f4f7f6;

    color: #a5a8ad

}



.badge {

    padding: 3px 8px;

    text-transform: uppercase;

    line-height: 12px;

    border: 1px solid;

    font-weight: 400

}



.badge-icon {

    padding: 0.4em 0.55em

}



.badge-icon i {

    font-size: 0.8em

}



.badge-default {

    background: transparent;

    border-color: #9A9A9A;

    color: #9A9A9A

}



.badge-primary {

    background: transparent;

    border-color: #17C2D7;

    color: #17C2D7

}



.badge-info {

    background: transparent;

    border-color: #3C89DA;

    color: #3C89DA

}



.badge-success {

    background: transparent;

    border-color: #5CB65F;

    color: #5CB65F

}



.badge-warning {

    background: transparent;

    border-color: #FFA117;

    color: #FFA117

}



.badge-danger {

    background: transparent;

    border-color: #E15858;

    color: #E15858

}



html.fullscreen-bg,

html.fullscreen-bg body,

html.fullscreen-bg #wrapper {

    height: 100%

}



#main-content {

    -webkit-transition: all 0.3s ease-in-out;

    -moz-transition: all 0.3s ease-in-out;

    -ms-transition: all 0.3s ease-in-out;

    -o-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;

    width: calc(100% - 240px);

    float: right;

    position: relative;

    margin-top: 62px;

    padding: 0 10px

}



@media screen and (max-width: 1200px) {

    #main-content {

        width: 100%;

        padding: 0

    }

}



@media screen and (max-width: 768px) {

    #main-content {

        margin-top: 52px

    }

}



.mini_sidebar {

    -webkit-transition: all 0.3s ease-in-out;

    -moz-transition: all 0.3s ease-in-out;

    -ms-transition: all 0.3s ease-in-out;

    -o-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out

}



.mini_sidebar.mini_hover #left-sidebar {

    width: 240px;

    background: #22252a

}



.mini_sidebar.mini_hover .overlay {

    display: block

}



.mini_sidebar #left-sidebar {

    z-index: 12;

    width: 60px

}



.mini_sidebar #main-content {

    width: calc(100% - 60px);

    padding: 0 5px

}



.mini_sidebar .top-navbar {

    width: calc(100% - 60px) !important

}



.mini_sidebar .mini_sidebar_on.sidebar {

    text-align: center

}



.mini_sidebar .mini_sidebar_on.sidebar .navbar-brand span {

    display: none !important

}



.mini_sidebar .mini_sidebar_on .user-account {

    display: none

}



.mini_sidebar .mini_sidebar_on .metismenu li.header {

    display: none

}



.mini_sidebar .mini_sidebar_on .metismenu>li {

    padding: 0

}



.mini_sidebar .mini_sidebar_on .metismenu>li span,

.mini_sidebar .mini_sidebar_on .metismenu>li a:after {

    display: none

}



.mini_sidebar .mini_sidebar_on .metismenu>li i {

    margin: 0

}



.mini_sidebar .mini_sidebar_on .metismenu ul a {

    display: none

}



.vertical-align-wrap {

    position: absolute;

    width: 100%;

    height: 100%;

    display: table

}



.vertical-align-middle {

    display: table-cell;

    vertical-align: middle

}



.left_menu_icon .top-navbar {

    width: calc(100% - 100px)

}



.left_menu_icon #main-content {

    width: calc(100% - 60px)

}



.left_menu_icon #left-sidebar {

    background: #282b2f;

    width: 60px;

    text-align: center

}



.left_menu_icon #left-sidebar .navbar-brand span {

    display: none

}



.left_menu_icon #left-sidebar .user-account .user_div .user-photo {

    width: 30px

}



.left_menu_icon #left-sidebar .user-account .dropdown {

    display: none

}



.left_menu_icon #left-sidebar .metismenu li.header {

    display: none

}



.left_menu_icon #left-sidebar .metismenu .has-arrow::after {

    display: none

}



.left_menu_icon #left-sidebar .metismenu a span {

    display: none

}



.left_menu_icon #left-sidebar .metismenu>li i {

    margin: 0

}



.left_menu_icon #left-sidebar .metismenu ul.collapse {

    display: none

}



.box_layout.h-menu .top-navbar {

    width: 100% !important;

    margin: 0 !important

}



.box_layout.h-menu #left-sidebar {

    width: 100% !important;

    margin: 0 !important;

    top: 62px

}



.box_layout.h-menu #left-sidebar .navbar-brand {

    padding-left: 0;

    padding-top: 13px

}



.box_layout.h-menu #left-sidebar .metismenu>li>a {

    padding: 15px 0

}



.box_layout.h-menu #left-sidebar .metismenu>li .collapse {

    border-radius: 5px;

    border-top: 1px solid;

    top: 50px

}



.box_layout.h-menu #left-sidebar .sidebar-nav {

    margin: 0

}



.box_layout.h-menu #main-content {

    margin-top: 120px

}



.box_layout.offcanvas-active #left-sidebar {

    width: 270px

}



.card {

    -webkit-transition: all 0.4s ease-in-out;

    -moz-transition: all 0.4s ease-in-out;

    -ms-transition: all 0.4s ease-in-out;

    -o-transition: all 0.4s ease-in-out;

    transition: all 0.4s ease-in-out;

    display: inline-block;

    vertical-align: middle;

    *vertical-align: auto;

    *zoom: 1;

    *display: inline;

    background: rgba(255, 255, 255, .6) !important;;

    border-color: transparent;

    margin-bottom: 30px;

    position: relative;

    width: 100%;

}



@media screen and (max-width: 767px) {

    .card {

        margin-bottom: 10px

    }

}



.card .header {

    -moz-box-shadow: none;

    -webkit-box-shadow: none;

    box-shadow: none;

    color: #212834;

    padding: 10px;

    position: relative

}



@media screen and (max-width: 767px) {

    .card .header {

        margin-top: 15px

    }

}



.card .header.bline {

    border-bottom: 1px solid #2f3338

}



.card .header .header-dropdown {

    position: absolute;

    top: 5px;

    right: 0px;

    list-style: none

}



.card .header .header-dropdown li {

    display: inline-block;

    vertical-align: middle;

    *vertical-align: auto;

    *zoom: 1;

    *display: inline

}



.card .header .header-dropdown li a {

    -webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    -ms-transition: all 0.5s;

    -o-transition: all 0.5s;

    transition: all 0.5s;

    display: block;

    vertical-align: middle;

    *vertical-align: auto;

    *zoom: 1;

    *display: block;

    padding: 5px 10px;

    color: #57595d;

    font-size: 14px

}



.card .header .header-dropdown li a.dropdown-toggle:after {

    font-size: 18px;

    border: none;

    content: '\f141';

    font-family: "FontAwesome";

    vertical-align: unset;

    width: 11px

}



.card .header .header-dropdown li .dropdown-menu {

    border-radius: .55rem;

    overflow: hidden;

    right: 0;

    left: auto !important;

    transform: none !important;

    top: 100% !important;

    padding: 10px;

    box-shadow: 0px 2px 20px 0px rgba(23, 25, 28, 0.2);

    border: 0

}



.card .header .header-dropdown li .dropdown-menu li {

    display: block !important

}



.card .header .header-dropdown li .dropdown-menu li a {

    color: #393d42;

    font-weight: 400;

    padding: 10px;

    white-space: nowrap

}



.card .header .header-dropdown li .dropdown-menu li a:hover {

    color: #3C89DA

}



.card .header h2 {

    font-size: 15px;

    position: relative

}



.card .header h2 small {

    display: block;

    vertical-align: middle;

    *vertical-align: auto;

    *zoom: 1;

    *display: block;

    font-size: 13px;

    color: #77797c;

    line-height: 15px;

    text-transform: none

}



.card .header h2 small a {

    font-weight: 700;

    color: #57595d

}



.card .body,

.card .card-body {

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    border-radius: 3px;

    font-weight: 400;

    color: #a5a8ad;

    background: #282b2f;

    padding: 22px;    

    border-top: 1px solid rgba(255, 255, 255, 0.09);

}



@media screen and (max-width: 767px) {



    .card .body,

    .card .card-body {

        padding: 15px

    }

}



.card .body.b-cyan,

.card .card-body.b-cyan {

    border-color: #17C2D7

}



.card .body.b-red,

.card .card-body.b-red {

    border-color: #E15858

}



.card .body.b-blue,

.card .card-body.b-blue {

    border-color: #568AD3

}



.card .body.b-green,

.card .card-body.b-green {

    border-color: #5CB65F

}



.card .body.b-pink,

.card .card-body.b-pink {

    border-color: #f66d9b

}



.card .body.b-indigo,

.card .card-body.b-indigo {

    border-color: #9367B4

}



.card .body.b-orange,

.card .card-body.b-orange {

    border-color: #FFA117

}



.card .card-footer {

    border-color: rgba(255, 255, 255, 0.03);

    background-color: rgba(255, 255, 255, 0.05)

}



.card.bg-clear {

    background: transparent

}



.card.fullscreen {

    background: #2f3338;

    height: 100%;

    left: 0;

    margin: 0;

    position: fixed;

    overflow-y: auto;

    top: 0;

    width: 100%;

    z-index: 1040;

    border-radius: 0 !important;

    padding: 15px

}



.card.fullscreen .icon-size-fullscreen::before {

    content: "\e058"

}



.card.insight-title {

    padding: 22px;

    background: #282b2f

}



.card.insight-title .header .toggle_switch {

    position: absolute;

    right: 0;

    top: -2px

}



.card.insight-title .body {

    border: 0;

    padding: 0;

    background: transparent

}



@media screen and (max-width: 1024px) {

    .btn-toggle-fullwidth {

        display: none

    }

}



.top-navbar {

    -webkit-transition: all 0.3s ease-in-out;

    -moz-transition: all 0.3s ease-in-out;

    -ms-transition: all 0.3s ease-in-out;

    -o-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;

    background: #22252a;

    position: fixed;

    top: 0px;

    right: 0;

    width: calc(100% - 270px);

    z-index: 8;

    padding: 0;

    margin: 0 15px;

    border-bottom: 1px solid rgba(255, 255, 255, 0.1)

}



.top-navbar>.container-fluid {

    padding: 0

}



@media screen and (max-width: 1200px) {

    .top-navbar {

        width: 100%;

        margin: 0

    }



    .top-navbar>.container-fluid {

        padding: 0 15px

    }

}



.top-navbar .navbar-btn {

    display: none;

    float: left;

    border-right: 1px solid #fff

}



.top-navbar .navbar-btn button {

    font-size: 20px;

    color: #fff;

    line-height: .7;

    border: none;

    background: none;

    outline: none;

    vertical-align: middle

}



.top-navbar .navbar-btn .logo {

    width: 30px

}



@media screen and (max-width: 640px) {

    .top-navbar .navbar-btn {

        margin-left: 0

    }

}



@media screen and (max-width: 1200px) {

    .top-navbar .navbar-btn {

        display: block

    }

}



.top-navbar .navbar-right {

    display: inline-flex

}



.top-navbar .btn-toggle-fullwidth {

    float: left

}



.top-navbar #navbar-search {

    float: left;

    position: relative

}



.top-navbar #navbar-search .form-control {

    -webkit-transition: all 0.3s ease-in-out;

    -moz-transition: all 0.3s ease-in-out;

    -ms-transition: all 0.3s ease-in-out;

    -o-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;

    -webkit-border-radius: 33px;

    -moz-border-radius: 33px;

    border-radius: 33px;

    font-size: 12px;

    background: #282b2f;

    width: 400px;

    height: 33px;

    border: none

}



@media screen and (max-width: 1024px) {

    .top-navbar #navbar-search .form-control {

        width: 250px

    }

}



@media screen and (max-width: 992px) {

    .top-navbar #navbar-search .form-control {

        width: 150px

    }

}



.top-navbar #navbar-search i {

    font-size: 12px

}



.top-navbar #navbar-search .btn {

    -moz-box-shadow: none;

    -webkit-box-shadow: none;

    box-shadow: none;

    color: #77797c;

    position: absolute;

    top: 6px;

    right: 15px;

    border: none;

    background-color: transparent

}



.top-navbar #navbar-search .btn:hover,

.top-navbar #navbar-search .btn:focus {

    background-color: inherit;

    border-left: none;

    border-color: inherit

}



@media screen and (max-width: 767px) {

    .top-navbar #navbar-search {

        display: none

    }

}



.navbar-nav {

    display: inline-block;

    vertical-align: middle;

    *vertical-align: auto;

    *zoom: 1;

    *display: inline

}



.navbar-nav>li {

    display: inline-block;

    vertical-align: middle;

    *vertical-align: auto;

    *zoom: 1;

    *display: inline;

    vertical-align: middle

}



.navbar-nav>li>a {

    color: #fff

}



.navbar-nav>li:hover .dropdown-menu {

    display: block

}



.navbar-nav .dropdown-menu {

    -moz-box-shadow: 0px 2px 20px 0px rgba(23, 25, 28, 0.2);

    -webkit-box-shadow: 0px 2px 20px 0px rgba(23, 25, 28, 0.2);

    box-shadow: 0px 2px 20px 0px rgba(23, 25, 28, 0.2);

    border-radius: .1875rem;

    top: 100%;

    position: absolute;

    font-size: inherit;

    overflow: hidden;

    right: auto;

    left: 0

}



.navbar-nav .dropdown-menu li.header {

    margin-top: -8px;

    color: #fff;

    padding: 10px 20px;

    border-bottom: 1px solid rgba(23, 25, 28, 0.05);

    position: relative;

    display: flex;

    height: 80px;

    align-items: center

}



.navbar-nav .dropdown-menu li.header.green {

    background: linear-gradient(135deg, rgba(92, 182, 95, 0.5) 0%, rgba(92, 182, 95, 0.95) 100%)

}



.navbar-nav .dropdown-menu li.header.green::after {

    background: url("../../assets/images/image-gallery/13.jpg") repeat scroll center center/cover;

    opacity: 0.6

}



.navbar-nav .dropdown-menu li.header.blue {

    background: linear-gradient(135deg, rgba(86, 138, 211, 0.5) 0%, rgba(86, 138, 211, 0.95) 100%)

}



.navbar-nav .dropdown-menu li.header.blue::after {

    background: url("../../assets/images/image-gallery/2.jpg") repeat scroll center center/cover;

    opacity: 0.3

}



.navbar-nav .dropdown-menu li.header::after {

    position: absolute;

    content: '';

    top: 0;

    left: 0;

    height: 100%;

    width: 100%;

    z-index: -1

}



.navbar-nav .icon-menu {

    -webkit-transition: all 0.3s ease-in-out;

    -moz-transition: all 0.3s ease-in-out;

    -ms-transition: all 0.3s ease-in-out;

    -o-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;

    display: inline-block;

    vertical-align: middle;

    *vertical-align: auto;

    *zoom: 1;

    *display: inline;

    color: rgba(255, 255, 255, 0.4);

    padding: 20px 15px;

    position: relative

}



@media screen and (max-width: 1024px) {

    .navbar-nav .icon-menu {

        padding: 15px 10px

    }

}



.navbar-nav .icon-menu:hover,

.navbar-nav .icon-menu.active {

    color: #fff

}



.navbar-nav .icon-menu:hover .notification-dot,

.navbar-nav .icon-menu.active .notification-dot {

    top: 2px

}



.navbar-nav .icon-menu::after {

    display: none

}



.navbar-nav .icon-menu i {

    vertical-align: middle

}



.navbar-nav .icon-menu .notification-dot {

    -webkit-transition: all 0.3s ease-in-out;

    -moz-transition: all 0.3s ease-in-out;

    -ms-transition: all 0.3s ease-in-out;

    -o-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;

    border-radius: .125rem;

    color: #fff;

    width: 16px;

    height: 14px;

    line-height: 14px;

    position: absolute;

    top: 8px;

    right: 5px;

    text-align: center;

    font-size: 8px

}



.navbar-nav ul.email {

    width: 360px;

    list-style: none

}



.navbar-nav ul.email li a {

    padding: 0 20px;

    display: block

}



.navbar-nav ul.email.right_chat .media .name {

    color: #3C89DA;

    font-weight: 400

}



@media screen and (max-width: 768px) {

    .navbar-nav ul.email {

        width: calc(100% - 20px);

        margin: 0 10px

    }

}



.navbar-nav ul.feeds_widget {

    width: 360px

}



@media screen and (max-width: 490px) {

    .navbar-nav .p_social {

        display: none

    }

}



@media screen and (max-width: 767px) {

    .navbar-nav {

        margin-right: 0

    }



    .navbar-nav .language-menu {

        display: none

    }



    .navbar-nav>li {

        position: inherit;

        text-align: center

    }



    .navbar-nav .dropdown-menu {

        max-height: 400px;

        overflow: auto

    }



    .navbar-nav .dropdown-menu>li>a {

        white-space: normal

    }



    .navbar-nav .open .dropdown-menu {

        -moz-box-shadow: 0px 2px 6px 0px rgba(23, 25, 28, 0.05);

        -webkit-box-shadow: 0px 2px 6px 0px rgba(23, 25, 28, 0.05);

        box-shadow: 0px 2px 6px 0px rgba(23, 25, 28, 0.05);

        background: #fff;

        position: absolute;

        width: 100%

    }



    .navbar-nav .open .dropdown-menu>li>a {

        padding: 3px 20px

    }



    .navbar-nav .open .dropdown-menu.notifications>li>a {

        padding: 12px 15px

    }



    .navbar-nav .news,

    .navbar-nav .blog,

    .navbar-nav .megamenu_toggle {

        display: none

    }

}



@media screen and (max-width: 768px) {



    .navbar>.container .navbar-brand,

    .navbar>.container-fluid .navbar-brand {

        margin-left: 0

    }

}



.nav .open>a,

.nav .open>a:hover,

.nav .open>a:focus {

    border-color: #ddd

}



.dropdown-menu.dropdown-md {

    min-width: 250px

}



.dropdown-menu.dropdown-lg {

    min-width: 360px

}



.dropdown-menu>li>a,

.dropdown-menu>li>a:hover,

.dropdown-menu>li>a:focus {

    color: #a5a8ad

}



.dropdown-menu>.active>a,

.dropdown-menu>.active>a:hover,

.dropdown-menu>.active>a:focus {

    background-color: #5c8ed4

}



#left-sidebar {

    -webkit-transition: all 0.3s ease-in-out;

    -moz-transition: all 0.3s ease-in-out;

    -ms-transition: all 0.3s ease-in-out;

    -o-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;

    width: 240px;

    height: 100%;

    position: fixed;

    left: 0px;

    z-index: 9

}



@media screen and (max-width: 1200px) {

    #left-sidebar {

        -moz-box-shadow: 0 5px 10px 0px rgba(23, 25, 28, 0.2);

        -webkit-box-shadow: 0 5px 10px 0px rgba(23, 25, 28, 0.2);

        box-shadow: 0 5px 10px 0px rgba(23, 25, 28, 0.2);

        background-color: #22252a;

        left: -250px

    }

}



#left-sidebar .btn-toggle-offcanvas {

    display: none

}



#left-sidebar .navbar-brand {

    display: block;

    vertical-align: middle;

    *vertical-align: auto;

    *zoom: 1;

    *display: block;

    padding: 0 0 16px 0;

    margin: 15px 10px 0 10px;

    border-bottom: 1px solid rgba(255, 255, 255, 0.1)

}



@media screen and (max-width: 1024px) {

    #left-sidebar .navbar-brand {

        padding: 0 0 10px 0;

        margin: 10px 10px 0 10px

    }

}



#left-sidebar .navbar-brand a:hover .logo {

    -webkit-animation: fa-spin 2s infinite linear;

    animation: fa-spin 2s infinite linear

}



#left-sidebar .navbar-brand .logo {

    width: 25px

}



#left-sidebar .navbar-brand span {

    display: inline-block;

    vertical-align: middle;

    *vertical-align: auto;

    *zoom: 1;

    *display: inline;

    font-size: 18px;

    color: #e2e4e7;

    vertical-align: middle

}



.offcanvas-active #left-sidebar {

    left: 0

}



@media screen and (max-width: 767px) {

    .offcanvas-active #left-sidebar {

        width: 100%

    }

}



.offcanvas-active #left-sidebar .btn-toggle-offcanvas {

    display: block !important;

    background: rgba(255, 255, 255, 0.05);

    color: #FFA117

}



.layout-fullwidth #wrapper .top-navbar {

    width: 100%

}



.layout-fullwidth #wrapper #left-sidebar {

    left: -250px

}



.layout-fullwidth #wrapper #left-sidebar.ps {

    overflow: visible !important

}



.layout-fullwidth #wrapper #main-content {

    width: 100%

}



.user-account {

    margin: 20px 10px;

    color: #96989c

}



.user-account .user_div {

    -webkit-border-radius: 4px;

    -moz-border-radius: 4px;

    border-radius: 4px;

    display: inline-block;

    vertical-align: middle;

    *vertical-align: auto;

    *zoom: 1;

    *display: inline;

    padding: 2px;

    vertical-align: top

}



.user-account .user_div .user-photo {

    -webkit-border-radius: 4px;

    -moz-border-radius: 4px;

    border-radius: 4px;

    width: 40px

}



.user-account .user-name {

    display: block;

    vertical-align: middle;

    *vertical-align: auto;

    *zoom: 1;

    *display: block;

    color: inherit

}



.user-account .user-name:hover,

.user-account .user-name:focus {

    text-decoration: none

}



.user-account .dropdown {

    display: inline-block;

    vertical-align: middle;

    *vertical-align: auto;

    *zoom: 1;

    *display: inline

}



.user-account .dropdown .dropdown-menu {

    border-radius: .55rem;

    box-shadow: 0px 2px 20px 0px rgba(23, 25, 28, 0.5);

    border: none;

    padding: 15px;

    width: 100%;

    top: 50px !important;

    right: 0;

    left: auto !important

}



.user-account .dropdown .dropdown-menu li.divider {

    border-bottom: 1px solid rgba(255, 255, 255, 0.1);

    margin: 10px 0

}



.user-account .dropdown .dropdown-menu a {

    display: block;

    vertical-align: middle;

    *vertical-align: auto;

    *zoom: 1;

    *display: block;

    font-size: 14px;

    color: #77797c;

    padding: 10px

}



.user-account .dropdown .dropdown-menu a:hover {

    color: #212834

}



.user-account .dropdown .dropdown-menu a:hover i {

    color: #212834

}



.user-account .dropdown .dropdown-menu a i {

    font-size: 14px

}



.sidebar-nav {

    margin: 0 12px

}



.sidebar-nav ul {

    list-style: none

}



.rightbar {

    -moz-box-shadow: 0 5px 10px 0px rgba(23, 25, 28, 0.3);

    -webkit-box-shadow: 0 5px 10px 0px rgba(23, 25, 28, 0.3);

    box-shadow: 0 5px 10px 0px rgba(23, 25, 28, 0.3);

    -webkit-transition: all 0.3s ease-in-out;

    -moz-transition: all 0.3s ease-in-out;

    -ms-transition: all 0.3s ease-in-out;

    -o-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;

    background: #22252a;

    position: fixed;

    top: 0;

    right: -500px;

    width: 500px;

    height: 100vh;

    z-index: 13;

    padding: 8px 20px

}



.rightbar.open {

    right: 0

}



@media screen and (max-width: 992px) {

    .rightbar {

        width: 450px

    }

}



@media screen and (max-width: 767px) {

    .rightbar {

        width: 340px

    }

}



.rightbar .chat_detail {

    display: block;

    position: relative

}



.rightbar .chat_detail .chat-widget {

    height: calc(100vh - 200px);

    overflow-y: auto

}



.rightbar .chat_detail .input-group {

    position: fixed;

    bottom: 10px;

    width: 460px

}



@media screen and (max-width: 992px) {

    .rightbar .chat_detail .input-group {

        width: 410px

    }

}



@media screen and (max-width: 767px) {

    .rightbar .chat_detail .input-group {

        width: 300px

    }

}



.megamenu {

    -webkit-transition: all 0.5s ease-in-out;

    -moz-transition: all 0.5s ease-in-out;

    -ms-transition: all 0.5s ease-in-out;

    -o-transition: all 0.5s ease-in-out;

    transition: all 0.5s ease-in-out;

    background: rgba(34, 37, 42, 0.95);

    height: 100vh;

    opacity: 0;

    position: fixed;

    right: 0;

    left: 0;

    top: 0;

    width: 100%;

    z-index: -1;

    padding: 40px 20px

}



@media screen and (max-width: 992px) {

    .megamenu {

        overflow-y: auto;

        height: auto

    }

}



.megamenu .mega-card {

    margin-top: 15px

}



.megamenu .megamenu_toggle {

    position: absolute;

    top: 10px;

    right: 10px

}



.megamenu.open {

    opacity: 1;

    z-index: 9999

}



.megamenu.particles_js #particles-js {

    position: absolute;

    top: 0

}



.megamenu .q_links {

    display: flex;

    justify-content: space-around;

    list-style: none

}



.megamenu .q_links li {

    background: #282b2f;

    width: 100%;

    margin: 5px;

    display: flex;

    text-align: center;

    align-items: center;

    justify-content: center;

    display: block

}



.megamenu .q_links li a {

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    border-radius: 3px;

    color: #a5a8ad;

    border: 1px solid #2f3338;

    padding: 30px 0;

    display: block

}



.megamenu .q_links li a:hover {

    -webkit-transition: all 0.5s ease-in-out;

    -moz-transition: all 0.5s ease-in-out;

    -ms-transition: all 0.5s ease-in-out;

    -o-transition: all 0.5s ease-in-out;

    transition: all 0.5s ease-in-out;

    background: #fff

}



.megamenu .q_links li i {

    font-size: 21px

}



.megamenu .q_links li span {

    display: block

}



.themesetting {

    -webkit-transition: all 0.3s ease-in-out;

    -moz-transition: all 0.3s ease-in-out;

    -ms-transition: all 0.3s ease-in-out;

    -o-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;

    background: #22252a;

    border-left: 2px solid #fff;

    padding: 20px;

    position: fixed;

    top: 0;

    right: -300px;

    width: 300px;

    height: 100vh;

    z-index: 999

}



.themesetting.open {

    right: 0

}



.themesetting .theme_btn {

    display: inline-block;

    vertical-align: middle;

    *vertical-align: auto;

    *zoom: 1;

    *display: inline;

    border-radius: .1875rem 0 0 .1875rem;

    background: #fff;

    width: 35px;

    line-height: 35px;

    position: absolute;

    bottom: 100px;

    left: -35px;

    text-align: center;

    border: 0

}



ul.choose-skin li {

    display: inline-block

}



ul.choose-skin li div {

    -webkit-transition: all 0.3s ease-in-out;

    -moz-transition: all 0.3s ease-in-out;

    -ms-transition: all 0.3s ease-in-out;

    -o-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    border-radius: 3px;

    display: inline-block;

    vertical-align: middle;

    *vertical-align: auto;

    *zoom: 1;

    *display: inline;

    height: 30px;

    width: 30px;

    overflow: hidden;

    position: relative

}



ul.choose-skin li div.green {

    background: #5CB65F

}



ul.choose-skin li div.orange {

    background: #FFA117

}



ul.choose-skin li div.cyan {

    background: #17C2D7

}



ul.choose-skin li div.blush {

    background: #e25985

}



ul.choose-skin li div.indigo {

    background: #9367B4

}



ul.choose-skin li div.red {

    background: #E15858

}



ul.choose-skin li.active div::after {

    font-size: 14px;

    font-family: "FontAwesome";

    font-size: 14px;

    content: '\f087';

    position: absolute;

    color: #fff;

    top: 5px;

    left: 9px

}



.guick_link {

    list-style: none;

    padding: 0;

    margin: 0

}



.guick_link li {

    position: relative;

    padding-left: 25px;

    line-height: 30px

}



.guick_link li::before {

    -webkit-transition: all 0.4s ease-in-out;

    -moz-transition: all 0.4s ease-in-out;

    -ms-transition: all 0.4s ease-in-out;

    -o-transition: all 0.4s ease-in-out;

    transition: all 0.4s ease-in-out;

    font-size: 14px;

    font-family: "FontAwesome";

    content: "\f105";

    position: absolute;

    left: 0;

    color: #57595d

}



.guick_link li:hover::before {

    left: 10px

}



.guick_link li a {

    -webkit-transition: all 0.4s ease-in-out;

    -moz-transition: all 0.4s ease-in-out;

    -ms-transition: all 0.4s ease-in-out;

    -o-transition: all 0.4s ease-in-out;

    transition: all 0.4s ease-in-out;

    color: #bbbec2

}



.search_div {

    -webkit-transition: all 0.3s ease-in-out;

    -moz-transition: all 0.3s ease-in-out;

    -ms-transition: all 0.3s ease-in-out;

    -o-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;

    background: #22252a;

    border-left: 2px solid #fff;

    padding: 20px;

    position: fixed;

    top: 0;

    right: -600px;

    width: 600px;

    height: 100vh;

    z-index: 999

}



@media screen and (max-width: 1024px) {

    .search_div {

        width: 500px

    }

}



@media screen and (max-width: 992px) {

    .search_div {

        width: 450px

    }

}



@media screen and (max-width: 767px) {

    .search_div {

        width: 360px

    }

}



.search_div.open {

    right: 0

}



.form-control {

    -moz-box-shadow: none;

    -webkit-box-shadow: none;

    box-shadow: none;

    background-color: transparent;

    border-color: #393d42;

    font-size: 14px;

    color: #77797c

}



.form-control.round {

    -webkit-border-radius: 50px;

    -moz-border-radius: 50px;

    border-radius: 50px

}



.form-control:focus {

    -moz-box-shadow: none;

    -webkit-box-shadow: none;

    box-shadow: none;

    background: transparent;

    outline: none;

    border-color: #57595d

}



.form-control.parsley-error:focus {

    border-color: #e1b3b3

}



.form-control.parsley-success:focus {

    border-color: #afd99d

}



.input-group-prepend .input-group-text,

.input-group-append .input-group-text {

    background: transparent;

    border-color: #393d42;

    color: #77797c;

    font-size: 14px

}



.input-group-prepend .btn-outline-secondary,

.input-group-append .btn-outline-secondary {

    border-color: #393d42

}



.custom-select {

    background-color: transparent;

    border-color: #393d42;

    height: auto

}



.custom-select:focus {

    outline: none;

    color: #a5a8ad;

    background: #393d42

}



.custom-file .custom-file-label {

    background: transparent;

    border-color: #393d42

}



.custom-file .custom-file-label:focus {

    outline: none;

    color: #a5a8ad;

    background: #393d42

}



.fancy-checkbox {

    margin-right: 10px

}



.fancy-checkbox,

.fancy-checkbox label {

    font-weight: normal

}



.fancy-checkbox input[type="checkbox"] {

    display: none

}



.fancy-checkbox input[type="checkbox"]+span {

    display: inline-block;

    vertical-align: middle;

    *vertical-align: auto;

    *zoom: 1;

    *display: inline;

    cursor: pointer;

    position: relative

}



.fancy-checkbox input[type="checkbox"]+span:before {

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    border-radius: 3px;

    display: inline-block;

    vertical-align: middle;

    *vertical-align: auto;

    *zoom: 1;

    *display: inline;

    position: relative;

    bottom: 1px;

    width: 20px;

    height: 20px;

    margin-right: 10px;

    content: "";

    border: 1px solid rgba(255, 255, 255, 0.2)

}



.fancy-checkbox input[type="checkbox"]:checked+span:before {

    font-size: 17px;

    font-family: "FontAwesome";

    content: '\f0c8';

    color: #fff;

    line-height: 17px

}



.fancy-checkbox.custom-color-green input[type="checkbox"]:checked+span:before {

    color: #5CB65F;

    background-color: #fff

}



.fancy-checkbox.custom-bgcolor-green input[type="checkbox"]:checked+span:before {

    color: #fff;

    background-color: #5CB65F;

    border-color: #48a14b

}



.fancy-radio {

    margin-right: 10px

}



.fancy-radio,

.fancy-radio label {

    font-weight: normal

}



.fancy-radio input[type="radio"] {

    display: none

}



.fancy-radio input[type="radio"]+span {

    display: block;

    cursor: pointer;

    position: relative

}



.fancy-radio input[type="radio"]+span i {

    display: inline-block;

    vertical-align: middle;

    *vertical-align: auto;

    *zoom: 1;

    *display: inline;

    -webkit-border-radius: 8px;

    -moz-border-radius: 8px;

    border-radius: 8px;

    position: relative;

    bottom: 1px;

    content: "";

    border: 1px solid rgba(255, 255, 255, 0.2);

    width: 18px;

    height: 18px;

    margin-right: 5px

}



.fancy-radio input[type="radio"]:checked+span i:after {

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    border-radius: 50%;

    display: block;

    position: relative;

    top: 3px;

    left: 3px;

    content: '';

    width: 10px;

    height: 10px;

    background-color: #7b848c

}



.fancy-radio.custom-color-green input[type="radio"]:checked+span i:after {

    background-color: #5CB65F

}



.fancy-radio.custom-bgcolor-green input[type="radio"]:checked+span i {

    background-color: #5CB65F

}



.fancy-radio.custom-bgcolor-green input[type="radio"]:checked+span i:after {

    background-color: #fff

}



.input-group-addon .fancy-radio,

.input-group-addon .fancy-checkbox {

    margin: 0;

    position: relative;

    top: 1px

}



.input-group-addon .fancy-radio input[type="radio"]+span i,

.input-group-addon .fancy-checkbox input[type="checkbox"]+span {

    margin: 0

}



.input-group-addon .fancy-radio input[type="radio"]+span i:before,

.input-group-addon .fancy-checkbox input[type="checkbox"]+span:before {

    margin: 0

}



.help-block {

    font-size: 13px;

    color: #929292

}



.multiselect-custom+.btn-group ul.multiselect-container>li>a {

    padding: 5px 15px;

    display: block;

    outline: none

}



.multiselect-custom+.btn-group ul.multiselect-container>li>a label.checkbox {

    font-size: 15px;

    padding: 0

}



.multiselect-custom+.btn-group ul.multiselect-container>li>a label.checkbox:before {

    display: inline-block;

    vertical-align: middle;

    *vertical-align: auto;

    *zoom: 1;

    *display: inline;

    position: relative;

    bottom: 1px;

    content: "";

    width: 16px;

    height: 16px;

    margin-right: 10px;

    border: 1px solid #ccc;

    background-color: #fafafa

}



.multiselect-custom+.btn-group ul.multiselect-container>li>a label.checkbox input[type="checkbox"] {

    display: none

}



.multiselect-custom+.btn-group ul.multiselect-container>li.active>a label.checkbox:before {

    font-family: "FontAwesome";

    content: '\f00c';

    color: #99A1A7;

    line-height: 15px;

    background-color: #e2e4e7

}



.multiselect-custom+.btn-group ul.multiselect-container>li.active .checkbox {

    color: #fff

}



.multiselect-custom+.btn-group ul.multiselect-container>li:hover {

    background-color: #f7f7f7

}



.multiselect-custom+.btn-group ul.multiselect-container>li>a {

    padding: 5px 15px;

    display: block;

    outline: none

}



.multiselect-custom+.btn-group ul.multiselect-container>li>a label.radio {

    padding: 0

}



.multiselect-custom+.btn-group ul.multiselect-container>li>a label.radio:before {

    display: inline-block;

    vertical-align: middle;

    *vertical-align: auto;

    *zoom: 1;

    *display: inline;

    -webkit-border-radius: 8px;

    -moz-border-radius: 8px;

    border-radius: 8px;

    position: relative;

    bottom: 1px;

    content: "";

    width: 16px;

    height: 16px;

    margin-right: 10px;

    border: 1px solid #ccc;

    background-color: #fafafa

}



.multiselect-custom+.btn-group ul.multiselect-container>li>a label.radio input[type="radio"] {

    display: none

}



.multiselect-custom+.btn-group ul.multiselect-container>li.active>a label.radio:before {

    font-family: "FontAwesome";

    content: '\f111';

    color: #99a1a7;

    line-height: 15px

}



.multiselect-custom+.btn-group ul.multiselect-container>li.active .radio {

    color: #fff

}



.multiselect-custom+.btn-group ul.multiselect-container>li:hover {

    background-color: #f7f7f7

}



.multiselect-search {

    -moz-border-radius-topright: 2px !important;

    -webkit-border-top-right-radius: 2px !important;

    border-top-right-radius: 2px !important;

    -moz-border-radius-bottomright: 2px !important;

    -webkit-border-bottom-right-radius: 2px !important;

    border-bottom-right-radius: 2px !important

}



.btn.multiselect-clear-filter {

    -moz-box-shadow: none;

    -webkit-box-shadow: none;

    box-shadow: none;

    position: absolute;

    top: 2px;

    right: 0;

    padding-left: 0;

    padding-right: 0;

    border: none;

    background: transparent;

    z-index: 9 !important;

    outline: none

}



.btn.multiselect-clear-filter:hover,

.btn.multiselect-clear-filter:focus {

    background: transparent;

    outline: none

}



.multiselect_div>.btn-group {

    display: block

}



.multiselect_div>.btn-group .btn {

    text-align: left;

    position: relative;

    width: 100%;

    border: 1px solid #393d42;

    background: transparent

}



.multiselect_div>.btn-group .btn:hover {

    box-shadow: none

}



.multiselect_div>.btn-group .btn:after {

    position: absolute;

    right: 15px;

    top: 15px

}



.multiselect_div>.btn-group ul {

    width: 100%

}



.datepicker {

    padding: 10px;

    font-size: 14px

}



.datepicker.datepicker-inline {

    width: 320px

}



.datepicker table tr td.active.active,

.datepicker table tr td.active.highlighted.active,

.datepicker table tr td.active.highlighted:active,

.datepicker table tr td.active.active:active {

    background-color: #5c8ed4;

    border-color: #3c78cb

}



.datepicker table tr td,

.datepicker table tr th {

    width: 40px;

    height: 40px

}



.range-to {

    padding: 4px 10px !important;

    background: #ced4da;

    margin: 0 !important

}



.parsley-errors-list {

    margin-top: 8px

}



.parsley-errors-list li {

    color: #E15858;

    font-size: 0.9em;

    margin-top: 3px

}



input.parsley-error,

select.parsley-error,

textarea.parsley-error {

    background-color: #fbf5f5;

    border-color: #efd8d8

}



.md-editor>textarea {

    padding: 10px

}



.dropify-wrapper {

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    border-radius: 3px;

    background-color: #22252a;

    color: #b9b9b9;

    border: 1px solid #2f3338

}



.dropify-wrapper:hover {

    background-image: linear-gradient(-45deg, #2f3338 20%, transparent 25%, transparent 50%, #2f3338 45%, #2f3338 70%, transparent 75%, transparent)

}



.dropify-wrapper .dropify-preview {

    background-color: #22252a

}



select.form-control:not([size]):not([multiple]) {

    height: 36px

}



.auth-main {

    display: flex;

    align-items: center;

    justify-content: center;

    text-align: center;

    height: 100vh

}



.auth-main .auth_div {

    width: 360px;

    z-index: 999

}



@media screen and (max-width: 767px) {

    .auth-main .auth_div {

        width: 320px

    }

}



.auth-main .auth_div .card {

    overflow: hidden

}



.auth-main .auth_brand .navbar-brand {

    color: #fff

}



.auth-main .form-auth-small .element-left {

    float: left

}



.auth-main .form-auth-small .element-right {

    float: right

}



.auth-main .lead {

    font-size: 20px;

    color: #a5a8ad

}



.auth-main .helper-text {

    color: #9A9A9A;

    display: block;

    vertical-align: middle;

    *vertical-align: auto;

    *zoom: 1;

    *display: block

}



.auth-main .btn-signin-social {

    display: block;

    vertical-align: middle;

    *vertical-align: auto;

    *zoom: 1;

    *display: block;

    background-color: #fff;

    border-color: #e2e4e7;

    font-weight: 400;

    padding: 10px 22px;

    width: 100%

}



.auth-main .btn-signin-social:hover,

.auth-main .btn-signin-social:focus {

    background-color: #e2e4e7

}



.auth-main .btn-signin-social i {

    font-size: 16px;

    margin: 5px

}



.auth-main .page-400::before,

.auth-main .forgot-pass::before {

    z-index: 1

}



.auth-main .page-400 .header,

.auth-main .page-400 .body,

.auth-main .forgot-pass .header,

.auth-main .forgot-pass .body {

    z-index: 9;

    position: relative

}



.auth-main .page-400 {

    position: relative

}



.auth-main .page-400::before {

    content: '404';

    font-size: 100px;

    top: 20px;

    position: absolute;

    left: 80px;

    opacity: 0.07

}



.auth-main .forgot-pass {

    position: relative

}



.auth-main .forgot-pass::before {

    content: '\e08e';

    font-family: 'Simple-Line-Icons';

    font-size: 290px;

    top: -80px;

    position: absolute;

    left: 38px;

    opacity: 0.03

}



@media screen and (max-width: 992px) {

    .auth-main {

        margin: 0 auto

    }

}



.auth-main2 {

    display: flex;

    align-items: center;

    justify-content: center;

    height: 100vh

}



.auth-main2 .auth_div {

    width: 930px;

    z-index: 999;

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between

}



.auth-main2 .auth_div .card {

    overflow: hidden;

    background: #fff;

    border: 0

}



.auth-main2 .auth_div .card .body {

    border: none;

    background: transparent;

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

    padding: 70px 20px

}



@media screen and (max-width: 767px) {

    .auth-main2 .auth_div .card .body {

        padding: 20px

    }

}



@media screen and (max-width: 768px) {

    .auth-main2 .auth_div .card {

        max-width: 600px;

        margin: 0 auto

    }

}



.auth-main2 .auth_div .pattern {

    position: absolute;

    bottom: 0;

    top: auto

}



@media screen and (max-width: 768px) {

    .auth-main2 .login-img {

        width: 100%;

        text-align: center;

        display: none !important;

    }

}



.auth-main2 .form-auth-small {

    padding: 30px;

    width: 350px

}



@media screen and (max-width: 768px) {

    .auth-main2 .form-auth-small {

        width: 100%;

        text-align: center

    }

}



.auth-main2 .form-auth-small .form-control {

    border-color: #e2e4e7

}



.auth-main2 .lead {

    font-size: 20px;

    color: #a5a8ad

}



.auth-main2 .helper-text {

    color: #9A9A9A;

    display: block;

    vertical-align: middle;

    *vertical-align: auto;

    *zoom: 1;

    *display: block

}



@media screen and (max-width: 992px) {

    .auth-main2 {

        margin: 0 auto

    }

}



.coming-soon {

    display: flex;

    align-items: center;

    justify-content: center;

    height: 100vh

}



.coming-soon .m-0auto {

    margin: 0 auto

}



.coming-soon .auth_div {

    width: 800px;

    z-index: 999;

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

    text-align: center

}



.coming-soon .auth_div .card {

    overflow: hidden

}



.coming-soon .auth_div .card .body {

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

    padding: 50px

}



@media screen and (max-width: 767px) {

    .coming-soon .auth_div .card .body {

        padding: 20px

    }

}



@media screen and (max-width: 768px) {

    .coming-soon .auth_div .card {

        max-width: 600px;

        margin: 0 auto

    }

}



.coming-soon .auth_div .pattern {

    position: absolute;

    bottom: 0;

    top: auto

}



@media screen and (max-width: 992px) {

    .coming-soon {

        margin: 0 auto

    }

}



.coming-soon .wsize2 {

    margin: 70px 0

}



@media screen and (max-width: 767px) {

    .coming-soon .wsize2 {

        margin: 10px 0

    }

}



.coming-soon .how-countdown {

    background-color: #17191c;

    border-radius: .55rem;

    padding: 20px 10px;

    text-align: center;

    min-width: 80px;

    margin-top: 5px;

    margin-bottom: 20px

}



.coming-soon .how-countdown .l1-txt1 {

    font-size: 24px;

    line-height: 1;

    color: #fff;

    display: block

}



.coming-soon .s1-txt1 {

    font-size: 14px;

    line-height: 1

}



.coming-soon .s1-txt4 {

    display: block

}



.pattern {

    height: 4px;

    display: flex;

    justify-content: space-between;

    width: 100%;

    position: fixed;

    top: 0;

    left: 0;

    z-index: 99999

}



.pattern span {

    display: block;

    width: 100%

}



.pattern .red {

    background: #fc3c5f

}



.pattern .indigo {

    background: #993cfc

}



.pattern .blue {

    background: #3ca9fc

}



.pattern .green {

    background: #3cfc5f

}



.pattern .orange {

    background: #fcdf3c

}



.bg_login_member {

    width: 100%;

    height: 100vh;

    background-image: url("../../../images/bg_member01-min.png");

    background-repeat:repeat;

    background-size: contain, cover;

    background-position: right;

    background-attachment: fixed;

    z-index: -1;

    overflow: auto;

}



.particles_js #particles-js {

    position: fixed;

    width: 100%;

    height: 100vh;

    background-image: url("");

    background-repeat: no-repeat;

    background-size: cover;

    background-position: 50% 50%;

    z-index: -1

}



.btn {

    font-size: 14px;

    font-weight: 300

}



.btn.btn-round {

    border-radius: 50px;

    padding-left: 1.5rem;

    padding-right: 1.5rem

}



.metric-inline {

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    border-radius: 3px;

    padding: 20px;

    font-size: 36px;

    background-color: #f5f5f5

}



.metric-inline i {

    display: block;

    vertical-align: middle;

    *vertical-align: auto;

    *zoom: 1;

    *display: block;

    margin-bottom: 12px;

    color: #9A9A9A

}



.metric-inline span {

    display: block;

    vertical-align: middle;

    *vertical-align: auto;

    *zoom: 1;

    *display: block;

    font-size: 20px

}



.separator-linethrough {

    position: relative;

    margin: 30px 0

}



.separator-linethrough span {

    display: inline-block;

    vertical-align: middle;

    *vertical-align: auto;

    *zoom: 1;

    *display: inline;

    font-size: 18px;

    padding: 0 10px;

    position: inherit;

    background-color: #282b2f;

    z-index: 9

}



.separator-linethrough:after {

    display: block;

    vertical-align: middle;

    *vertical-align: auto;

    *zoom: 1;

    *display: block;

    position: absolute;

    top: 50%;

    width: 100%;

    content: '';

    border-top: 1px solid #2f3338;

    z-index: 0

}



.block-header {

    padding: 10px 0

}



@media screen and (max-width: 640px) {

    .block-header .text-right {

        text-align: left !important

    }

}



.block-header h2,

.block-header h1 {

    font-size: 18px;

    color: rgba(255, 255, 255, 0.5)

}



.block-header .breadcrumb {

    display: inline-block;

    vertical-align: middle;

    *vertical-align: auto;

    *zoom: 1;

    *display: inline;

    background: transparent;

    font-size: 14px

}



.block-header .breadcrumb li {

    display: inline-block;

    vertical-align: middle;

    *vertical-align: auto;

    *zoom: 1;

    *display: inline

}



#toast-container>div {

    opacity: 1;

    filter: alpha(opacity=100)

}



#toast-container>div,

#toast-container>div:hover {

    -moz-box-shadow: none;

    -webkit-box-shadow: none;

    box-shadow: none

}



#toast-container .toast-close-button {

    opacity: .3;

    filter: alpha(opacity=30);

    top: -11px;

    text-shadow: none;

    color: #fff

}



#toast-container .toast-close-button:hover,

#toast-container .toast-close-button:focus {

    opacity: .5;

    filter: alpha(opacity=50)

}



#toast-container .toast-info {

    background-color: #5c8ed4

}



#toast-container .toast-info .toast-close-button {

    color: #2a5ba0

}



#toast-container .toast-success {

    background-color: #5CB65F

}



#toast-container .toast-success .toast-close-button {

    color: #357737

}



#toast-container .toast-warning {

    background-color: #FFA117

}



#toast-container .toast-warning .toast-close-button {

    color: #b06900

}



#toast-container .toast-error {

    background-color: #E15858

}



#toast-container .toast-error .toast-close-button {

    color: #9d1c1c

}



#toast-container .toast a {

    text-decoration: underline

}



#toast-container .toast a:hover,

#toast-container .toast a:focus {

    text-decoration: none;

    color: #fff

}



#toast-container .toast .toast-message {

    font-size: 14px;

    line-height: 1.4

}



.accordion>div {

    background: #2f3338;

    border-radius: .1875rem

}



.accordion .card-header .btn {

    font-size: 15px;

    color: #bbbec2;

    padding: 10px 20px;

    width: 100%

}



@media screen and (max-width: 767px) {

    .accordion .card-header .btn {

        white-space: normal

    }

}



.accordion .card-header .btn:hover,

.accordion .card-header .btn:focus {

    box-shadow: none;

    text-decoration: none

}



.accordion.custom .card-header {

    background: transparent;

    border-color: #e2e4e7

}



.accordion.custom .card-header .btn {

    color: #393d42

}



.accordion.custom .card-header .btn:hover,

.accordion.custom .card-header .btn:focus {

    text-decoration: none

}



.accordion.custom .card-body {

    font-size: 15px;

    line-height: 28px;

    color: #57595d

}



.accordion2 {

    list-style: none;

    border-top: 1px solid #2f3338

}



.accordion2 .accordion-item {

    border-bottom: 1px solid #2f3338;

    padding: 0 10px

}



.accordion2 .accordion-thumb {

    font-size: 16px;

    font-weight: 400;

    padding: .8rem 0;

    cursor: pointer

}



.accordion2 .accordion-thumb::before {

    -webkit-transition: all 0.3s ease-in-out;

    -moz-transition: all 0.3s ease-in-out;

    -ms-transition: all 0.3s ease-in-out;

    -o-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;

    display: inline-block;

    vertical-align: middle;

    *vertical-align: auto;

    *zoom: 1;

    *display: inline;

    content: "\f138";

    font-family: 'FontAwesome'

}



.accordion2 .accordion-panel {

    display: none

}



.accordion2 .accordion-item.is-active .accordion-thumb::before {

    content: "\f13a"

}



.progress {

    -webkit-border-radius: 50px;

    -moz-border-radius: 50px;

    border-radius: 50px;

    -moz-box-shadow: none;

    -webkit-box-shadow: none;

    box-shadow: none;

    background-color: rgba(255, 255, 255, 0.03)

}



.progress.wide {

    width: 60px

}



.progress .progress-bar {

    -webkit-transition: width 3s ease;

    -moz-transition: width 3s ease;

    -ms-transition: width 3s ease;

    -o-transition: width 3s ease;

    transition: width 3s ease;

    -moz-box-shadow: none;

    -webkit-box-shadow: none;

    box-shadow: none

}



.progress.progress-lg {

    height: 20px

}



.progress.progress-sm {

    height: 10px

}



.progress.progress-xs {

    height: 5px

}



.progress.progress-xxs {

    height: 1px

}



.progress.progress-sm .progress-bar,

.progress.progress-xs .progress-bar {

    text-indent: -9999px

}



.progress-bar {

    background-color: #5c8ed4

}



.progress-bar-success {

    background-color: #5CB65F

}



.progress-bar-warning {

    background-color: #FFA117

}



.progress-bar-danger {

    background-color: #E15858

}



.progress-bar-info {

    background-color: #3C89DA

}



.progress-transparent.custom-color-white {

    background-color: rgba(255, 255, 255, 0.2)

}



.progress-transparent.custom-color-white .progress-bar {

    background-color: #fff

}



.progress-transparent.custom-color-dark {

    background-color: rgba(23, 25, 28, 0.2)

}



.progress-transparent.custom-color-dark .progress-bar {

    background-color: #17191c

}



.progress-transparent.custom-color-blue {

    background-color: rgba(86, 138, 211, 0.2)

}



.progress-transparent.custom-color-blue .progress-bar {

    background-color: #568AD3

}



.progress-transparent.custom-color-red {

    background-color: rgba(225, 88, 88, 0.2)

}



.progress-transparent.custom-color-red .progress-bar {

    background-color: #E15858

}



.progress-transparent.custom-color-pink {

    background-color: rgba(246, 109, 155, 0.2)

}



.progress-transparent.custom-color-pink .progress-bar {

    background-color: #f66d9b

}



.progress-transparent.custom-color-cyan {

    background-color: rgba(23, 194, 215, 0.2)

}



.progress-transparent.custom-color-cyan .progress-bar {

    background-color: #17C2D7

}



.progress-transparent.custom-color-green {

    background-color: rgba(92, 182, 95, 0.2)

}



.progress-transparent.custom-color-green .progress-bar {

    background-color: #5CB65F

}



.progress-transparent.custom-color-orange {

    background-color: rgba(255, 161, 23, 0.2)

}



.progress-transparent.custom-color-orange .progress-bar {

    background-color: #FFA117

}



.progress-transparent.custom-color-purple {

    background-color: rgba(171, 125, 246, 0.2)

}



.progress-transparent.custom-color-purple .progress-bar {

    background-color: #AB7DF6

}



.progress-transparent.custom-color-yellow {

    background-color: rgba(243, 187, 35, 0.2)

}



.progress-transparent.custom-color-yellow .progress-bar {

    background-color: #F3BB23

}



.progress-transparent.custom-color-lightseagreen {

    background-color: rgba(32, 178, 170, 0.2)

}



.progress-transparent.custom-color-lightseagreen .progress-bar {

    background-color: #20b2aa

}



.tooltip-inner {

    background-color: #212834

}



.tooltip.in {

    opacity: 1;

    filter: alpha(opacity=100)

}



.tooltip.left .tooltip-arrow {

    border-left-color: #212834

}



.tooltip.right .tooltip-arrow {

    border-right-color: #212834

}



.tooltip.top .tooltip-arrow {

    border-top-color: #212834

}



.tooltip.bottom .tooltip-arrow {

    border-bottom-color: #212834

}



.popover {

    -moz-box-shadow: 0px 2px 6px 0px rgba(23, 25, 28, 0.05);

    -webkit-box-shadow: 0px 2px 6px 0px rgba(23, 25, 28, 0.05);

    box-shadow: 0px 2px 6px 0px rgba(23, 25, 28, 0.05);

    font-family: "Krub", sans-serif;

    border-color: #ededed

}



.popover-title {

    font-weight: 600;

    background-color: #f4f7f6;

    color: #a5a8ad

}



.panel-group .panel .panel-heading {

    padding: 0

}



.panel-group .panel .panel-title {

    font-size: 15px;

    font-family: "Krub", sans-serif

}



.panel-group .panel .panel-title>a {

    display: block;

    vertical-align: middle;

    *vertical-align: auto;

    *zoom: 1;

    *display: block;

    padding: 10px 15px

}



.panel-group .panel .panel-title>a:hover,

.panel-group .panel .panel-title>a:focus {

    color: inherit

}



.panel-group .panel .panel-title>a i {

    font-size: 18px

}



.panel-group .panel .panel-title>a i.icon-collapsed {

    display: none

}



.panel-group .panel .panel-title>a i.right {

    float: right

}



.panel-group .panel .panel-title>a.collapsed .icon-expanded {

    display: none

}



.panel-group .panel .panel-title>a.collapsed .icon-collapsed {

    display: inline-block;

    vertical-align: middle;

    *vertical-align: auto;

    *zoom: 1;

    *display: inline;

    vertical-align: baseline

}



.pagination>li>a,

.pagination>li>span {

    color: #5c8ed4

}



.pagination>li>a:hover,

.pagination>li>span:hover,

.pagination>li>a:focus,

.pagination>li>span:focus {

    background-color: #7ca4dd;

    border-color: #5c8ed4;

    color: #fff

}



.pagination>li:first-child>a,

.pagination>li:first-child>span {

    -moz-border-radius-topleft: 2px;

    -webkit-border-top-left-radius: 2px;

    border-top-left-radius: 2px;

    -moz-border-radius-bottomleft: 2px;

    -webkit-border-bottom-left-radius: 2px;

    border-bottom-left-radius: 2px

}



.pagination>li:last-child>a,

.pagination>li:last-child>span {

    -moz-border-radius-topright: 2px;

    -webkit-border-top-right-radius: 2px;

    border-top-right-radius: 2px;

    -moz-border-radius-bottomright: 2px;

    -webkit-border-bottom-right-radius: 2px;

    border-bottom-right-radius: 2px

}



.pagination>.active>a:hover,

.pagination>.active>span:hover,

.pagination>.active>a:focus,

.pagination>.active>span:focus {

    background-color: #7ca4dd;

    border-color: #5c8ed4;

    color: #fff

}



.pagination>.active>a,

.pagination>.active>span {

    background-color: #5c8ed4;

    border-color: #4880cf

}



.pagination.borderless>li>a,

.pagination.borderless>li>span {

    -webkit-border-radius: 2px;

    -moz-border-radius: 2px;

    border-radius: 2px;

    border-color: transparent;

    margin: 0 1px

}



.pagination.borderless>li:first-child>a,

.pagination.borderless>li:first-child>span,

.pagination.borderless>li:last-child>a,

.pagination.borderless>li:last-child>span {

    -webkit-border-radius: 2px;

    -moz-border-radius: 2px;

    border-radius: 2px

}



.pagination.borderless>li.active>a,

.pagination.borderless>li.active>span {

    color: #fff;

    background-color: #5c8ed4

}



.pagination.borderless>li.active>a:hover,

.pagination.borderless>li.active>a:focus,

.pagination.borderless>li.active>span:hover,

.pagination.borderless>li.active>span:focus {

    color: #fff;

    background-color: #5c8ed4

}



.pagination .page-link {

    background-color: transparent;

    border-color: #2f3338

}



.pagination .disabled.page-item .page-link {

    background-color: #2f3338;

    border-color: #2f3338

}



.pager li>a {

    border-color: #5c8ed4

}



.pager li>a:hover,

.pager li>a:focus {

    background-color: #5c8ed4;

    border-color: #5086d1;

    color: #fff

}



.pager .disabled>a,

.pager .disabled>a:hover,

.pager .disabled>a:focus,

.pager .disabled>span {

    border-color: #bbbec2

}



.blockquote {

    border-left: none;

    border: 1px solid #57595d;

    padding: 20px;

    font-size: 1.2em;

    line-height: 1.8

}



.blockquote.blockquote-primary {

    border-color: #17C2D7

}



.blockquote.blockquote-primary small {

    color: #17C2D7

}



.blockquote.blockquote-info {

    border-color: #3C89DA

}



.blockquote.blockquote-info small {

    color: #3C89DA

}



.blockquote.blockquote-danger {

    border-color: #E15858

}



.blockquote.blockquote-danger small {

    color: #E15858

}



.blockquote small {

    font-size: .93em;

    text-transform: uppercase

}



.btn {

    -webkit-transition: all 0.3s ease-in-out;

    -moz-transition: all 0.3s ease-in-out;

    -ms-transition: all 0.3s ease-in-out;

    -o-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out

}



.btn:hover {

    -moz-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);

    -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);

    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2)

}



.btn.btn-default {

    color: #77797c;

    background-color: #282b2f;

    border-color: #2f3338;

    font-weight: 400;

    padding: 6px 18px

}



.btn.btn-default.btn-sm {

    padding: 4px 10px

}



.btn.btn-default:hover {

    color: #77797c;

    border-color: #77797c

}



.list-group-item {

    background-color: #282b2f;

    border-color: #2f3338

}



.list-group-item.disabled {

    background-color: #22252a;

    color: #393d42

}



.list-group-item-action:focus,

.list-group-item-action:hover {

    background-color: #22252a

}



.modal-dialog .close {

    text-shadow: none;

    color: #E15858

}



.modal-dialog .modal-content {

    background: #282b2f

}



.modal-dialog .modal-content .modal-header,

.modal-dialog .modal-content .modal-footer {

    border-color: #2f3338

}



.custom-file-label:after {

    background-color: #2f3338;

    border-color: #2f3338

}



.noUi-target {

    border-color: #2f3338;

    box-shadow: none

}



.noUi-target.noUi-connect,

.noUi-target .noUi-connect {

    background: #FFA117

}



.noUi-target .noUi-background {

    background: #2f3338;

    box-shadow: none

}



.noUi-target .noUi-handle {

    background: #5CB65F;

    box-shadow: none

}



.bd-example-border-utils [class^=border] {

    display: inline-block;

    vertical-align: middle;

    *vertical-align: auto;

    *zoom: 1;

    *display: inline;

    width: 5rem;

    height: 5rem;

    margin: .25rem;

    background-color: #f5f5f5

}



.carousel.vert .carousel-item-next.carousel-item-left,

.carousel.vert .carousel-item-prev.carousel-item-right {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0)

}



.carousel.vert .carousel-item-next,

.carousel.vert .active.carousel-item-right {

    -webkit-transform: translate3d(0, 100%, 0);

    transform: translate3d(0, 100% 0)

}



.carousel.vert .carousel-item-prev,

.carousel.vert .active.carousel-item-left {

    -webkit-transform: translate3d(0, -100%, 0);

    transform: translate3d(0, -100%, 0)

}



.modal-title {

    font-size: 16px

}



.modal-dialog .close {

    color: #e25985

}



.switch {

    position: relative;

    display: inline-block;

    width: 36px;

    height: 22px;

    font-size: 0

}



.switch input {

    display: none

}



.switch .slider {

    -webkit-transition: all 0.4s ease-in-out;

    -moz-transition: all 0.4s ease-in-out;

    -ms-transition: all 0.4s ease-in-out;

    -o-transition: all 0.4s ease-in-out;

    transition: all 0.4s ease-in-out;

    background-color: rgba(255, 255, 255, 0.1);

    border-radius: .1875rem;

    position: absolute;

    cursor: pointer;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0

}



.switch .slider:before {

    -webkit-transition: all 0.4s ease-in-out;

    -moz-transition: all 0.4s ease-in-out;

    -ms-transition: all 0.4s ease-in-out;

    -o-transition: all 0.4s ease-in-out;

    transition: all 0.4s ease-in-out;

    background-color: #fff;

    border-radius: .1875rem;

    position: absolute;

    content: "";

    height: 16px;

    width: 16px;

    left: 4px;

    bottom: 3px

}



.switch input:checked+.slider {

    background-color: #5CB65F

}



.switch input:focus+.slider {

    box-shadow: 0 0 1px #5CB65F

}



.switch input:checked+.slider:before {

    -webkit-transform: translateX(12px);

    -ms-transform: translateX(12px);

    transform: translateX(12px)

}



.switch input:disabled+.slider {

    opacity: 0.3

}



.switch .slider.round {

    -webkit-border-radius: 30px;

    -moz-border-radius: 30px;

    border-radius: 30px

}



.switch .slider.round:before {

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    border-radius: 50%

}



#jqstooltip {

    background-color: #fff;

    border-color: #ddd;

    color: #a5a8ad

}



#jqstooltip .jqsfield {

    color: #a5a8ad

}



.ct-chart {

    position: relative

}



.ct-series .ct-line {

    stroke-width: 2px

}



.ct-series .ct-bar {

    stroke-width: 15px

}



.ct-series .ct-point {

    stroke-width: 5px;

    stroke-linecap: circle

}



.ct-series-a .ct-line,

.ct-series-a .ct-bar,

.ct-series-a .ct-point {

    stroke: #AB7DF6

}



.ct-series-a .ct-area,

.ct-series-a .ct-slice-donut-solid,

.ct-series-a .ct-slice-pie,

.ct-series-a .ct-bar {

    fill: #AB7DF6

}



.ct-series-b .ct-line,

.ct-series-b .ct-bar,

.ct-series-b .ct-point {

    stroke: #f66d9b

}



.ct-series-b .ct-area,

.ct-series-b .ct-slice-donut-solid,

.ct-series-b .ct-slice-pie,

.ct-series-b .ct-bar {

    fill: #f66d9b

}



.ct-series-c .ct-line,

.ct-series-c .ct-bar,

.ct-series-c .ct-point {

    stroke: #17C2D7

}



.ct-series-c .ct-area,

.ct-series-c .ct-slice-donut-solid,

.ct-series-c .ct-slice-pie,

.ct-series-c .ct-bar {

    fill: #17C2D7

}



.ct-series-d .ct-line,

.ct-series-d .ct-bar,

.ct-series-d .ct-point {

    stroke: #fd9644

}



.ct-series-d .ct-area,

.ct-series-d .ct-slice-donut-solid,

.ct-series-d .ct-slice-pie,

.ct-series-d .ct-bar {

    fill: #fd9644

}



.ct-series-e .ct-line,

.ct-series-e .ct-bar,

.ct-series-e .ct-point {

    stroke: #5eba00

}



.ct-series-e .ct-area,

.ct-series-e .ct-slice-donut-solid,

.ct-series-e .ct-slice-pie,

.ct-series-e .ct-bar {

    fill: #5eba00

}



.ct-series-f .ct-line,

.ct-series-f .ct-bar,

.ct-series-f .ct-point {

    stroke: #d17905

}



.ct-series-f .ct-area,

.ct-series-f .ct-slice-donut-solid,

.ct-series-f .ct-slice-pie,

.ct-series-f .ct-bar {

    fill: #d17905

}



.ct-series-g .ct-line,

.ct-series-g .ct-bar,

.ct-series-g .ct-point {

    stroke: #453d3f

}



.ct-series-g .ct-area,

.ct-series-g .ct-slice-donut-solid,

.ct-series-g .ct-slice-pie,

.ct-series-g .ct-bar {

    fill: #453d3f

}



.ct-series-h .ct-line,

.ct-series-h .ct-bar,

.ct-series-h .ct-point {

    stroke: #59922b

}



.ct-series-h .ct-area,

.ct-series-h .ct-slice-donut-solid,

.ct-series-h .ct-slice-pie,

.ct-series-h .ct-bar {

    fill: #59922b

}



.ct-series-i .ct-line,

.ct-series-i .ct-bar,

.ct-series-i .ct-point {

    stroke: #0544d3

}



.ct-series-i .ct-area,

.ct-series-i .ct-slice-donut-solid,

.ct-series-i .ct-slice-pie,

.ct-series-i .ct-bar {

    fill: #0544d3

}



.ct-series-j .ct-line,

.ct-series-j .ct-bar,

.ct-series-j .ct-point {

    stroke: #6b0392

}



.ct-series-j .ct-area,

.ct-series-j .ct-slice-donut-solid,

.ct-series-j .ct-slice-pie,

.ct-series-j .ct-bar {

    fill: #6b0392

}



.ct-series-k .ct-line,

.ct-series-k .ct-bar,

.ct-series-k .ct-point {

    stroke: #f05b4f

}



.ct-series-k .ct-area,

.ct-series-k .ct-slice-donut-solid,

.ct-series-k .ct-slice-pie,

.ct-series-k .ct-bar {

    fill: #f05b4f

}



.ct-series-l .ct-line,

.ct-series-l .ct-bar,

.ct-series-l .ct-point {

    stroke: #dda458

}



.ct-series-l .ct-area,

.ct-series-l .ct-slice-donut-solid,

.ct-series-l .ct-slice-pie,

.ct-series-l .ct-bar {

    fill: #dda458

}



.ct-series-m .ct-line,

.ct-series-m .ct-bar,

.ct-series-m .ct-point {

    stroke: #eacf7d

}



.ct-series-m .ct-area,

.ct-series-m .ct-slice-donut-solid,

.ct-series-m .ct-slice-pie,

.ct-series-m .ct-bar {

    fill: #eacf7d

}



.ct-series-n .ct-line,

.ct-series-n .ct-bar,

.ct-series-n .ct-point {

    stroke: #86797d

}



.ct-series-n .ct-area,

.ct-series-n .ct-slice-donut-solid,

.ct-series-n .ct-slice-pie,

.ct-series-n .ct-bar {

    fill: #86797d

}



.ct-series-o .ct-line,

.ct-series-o .ct-bar,

.ct-series-o .ct-point {

    stroke: #b2c326

}



.ct-series-o .ct-area,

.ct-series-o .ct-slice-donut-solid,

.ct-series-o .ct-slice-pie,

.ct-series-o .ct-bar {

    fill: #b2c326

}



.chartist-tooltip {

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    border-radius: 3px;

    color: #fff;

    min-width: 3.5em;

    background: #77797c

}



.chartist-tooltip:before {

    margin-left: -8px;

    border-width: 8px;

    border-top-color: #77797c

}



.ct-axis-title {

    fill: #96989c

}



.ct-label {

    color: rgba(255, 255, 255, 0.3)

}



.ct-grid {

    stroke: rgba(255, 255, 255, 0.05)

}



.ct-legend {

    position: relative;

    z-index: 5;

    text-align: right;

    padding: 0;

    stroke: rgba(255, 255, 255, 0.1)

}



.ct-legend li {

    display: inline-block;

    vertical-align: middle;

    *vertical-align: auto;

    *zoom: 1;

    *display: inline;

    position: relative;

    padding-left: 16px;

    margin-bottom: 3px;

    margin-right: 15px;

    list-style-type: none

}



.ct-legend li:before {

    -webkit-border-radius: 2px;

    -moz-border-radius: 2px;

    border-radius: 2px;

    width: 12px;

    height: 12px;

    position: absolute;

    top: 5px;

    left: 0;

    content: '';

    border: 3px solid transparent

}



.ct-legend li.inactive:before {

    background: transparent

}



.ct-legend.ct-legend-inside {

    position: absolute;

    top: 0;

    right: 0

}



.ct-legend .ct-series-0:before {

    background-color: #AB7DF6;

    border-color: #AB7DF6

}



.ct-legend .ct-series-1:before {

    background-color: #f66d9b;

    border-color: #f66d9b

}



.ct-legend .ct-series-2:before {

    background-color: #17C2D7;

    border-color: #17C2D7

}



.ct-legend .ct-series-3:before {

    background-color: #fd9644;

    border-color: #fd9644

}



.ct-legend .ct-series-4:before {

    background-color: #5eba00;

    border-color: #5eba00

}



.ct-legend .ct-series-5:before {

    background-color: #d17905;

    border-color: #d17905

}



.ct-legend .ct-series-6:before {

    background-color: #453d3f;

    border-color: #453d3f

}



.ct-legend .ct-series-7:before {

    background-color: #59922b;

    border-color: #59922b

}



.ct-legend .ct-series-8:before {

    background-color: #0544d3;

    border-color: #0544d3

}



.ct-legend .ct-series-9:before {

    background-color: #6b0392;

    border-color: #6b0392

}



.ct-legend .ct-series-10:before {

    background-color: #f05b4f;

    border-color: #f05b4f

}



.ct-legend .ct-series-11:before {

    background-color: #dda458;

    border-color: #dda458

}



.ct-legend .ct-series-12:before {

    background-color: #eacf7d;

    border-color: #eacf7d

}



.ct-legend .ct-series-13:before {

    background-color: #86797d;

    border-color: #86797d

}



.ct-legend .ct-series-14:before {

    background-color: #b2c326;

    border-color: #b2c326

}



#pie-chart .ct-label,

#donut-chart .ct-label {

    fill: rgba(255, 255, 255, 0.9)

}



.c3-chart-arc path {

    stroke: #282b2f

}



.c3-line {

    stroke-width: 1.5px

}



.chart_shadow {

    filter: drop-shadow(0px 10px 3px rgba(255, 255, 255, 0.1))

}



.morris-hover.morris-default-style {

    -webkit-border-radius: 0;

    -moz-border-radius: 0;

    border-radius: 0

}



.flot-chart {

    width: 100%;

    height: 320px

}



.panel-switch-btn {

    position: relative;

    right: 20px;

    z-index: 9

}



.panel-switch-btn label {

    font-weight: bold !important

}



.legendLabel {

    width: 85px !important;

    position: relative;

    left: 3px

}



#multiple_axis_chart .legendLabel {

    width: 160px !important

}



.sparkline {

    text-align: center

}



.dashboard-donut-chart {

    width: 280px;

    margin: 0 auto

}



.flot-tick-label.tickLabel {

    color: rgba(255, 255, 255, 0.5)

}



.z500px-color {

    color: #0099e5 !important

}



.about-me-color {

    color: #00405d !important

}



.airbnb-color {

    color: #fd5c63 !important

}



.alphabet-color {

    color: #ed1c24 !important

}



.amazon-color {

    color: #f90 !important

}



.american-express-color {

    color: #002663 !important

}



.aol-color {

    color: #ff0b00 !important

}



.behance-color {

    color: #1769ff !important

}



.bing-color {

    color: #ffb900 !important

}



.bitbucket-color {

    color: #205081 !important

}



.bitly-color {

    color: #ee6123 !important

}



.blogger-color {

    color: #f57d00 !important

}



.booking-com-color {

    color: #003580 !important

}



.buffer-color {

    color: #168eea !important

}



.code-school-color {

    color: #616f67 !important

}



.codecademy-color {

    color: #f65a5b !important

}



.creative-market-color {

    color: #8ba753 !important

}



.delicious-color {

    color: #39f !important

}



.deviantart-color {

    color: #05cc47 !important

}



.digg-color {

    color: #005be2 !important

}



.disqus-color {

    color: #2e9fff !important

}



.django-color {

    color: #092e20 !important

}



.dribbble-color {

    color: #ea4c89 !important

}



.dropbox-color {

    color: #007ee5 !important

}



.drupal-color {

    color: #0077c0 !important

}



.elance-color {

    color: #0d69af !important

}



.envato-color {

    color: #82b541 !important

}



.etsy-color {

    color: #d5641c !important

}



.facebook-color {

    color: #3b5998 !important

}



.feedly-color {

    color: #2bb24c !important

}



.flattr-color {

    color: #f67c1a !important

}



.flickr-color {

    color: #0063dc !important

}



.flipboard-color {

    color: #e12828 !important

}



.flixster-color {

    color: #2971b2 !important

}



.foursquare-color {

    color: #0732a2 !important

}



.github-color {

    color: #333 !important

}



.google-color {

    color: #4285f4 !important

}



.google-plus-color {

    color: #dc4e41 !important

}



.instagram-color {

    color: #3f729b !important

}



.kickstarter-color {

    color: #2bde73 !important

}



.kik-color {

    color: #82bc23 !important

}



.lastfm-color {

    color: #d51007 !important

}



.line-color {

    color: #00c300 !important

}



.linkedin-color {

    color: #0077b5 !important

}



.mail-ru-color {

    color: #168de2 !important

}



.mailchimp-color {

    color: #2c9ab7 !important

}



.myspace-color {

    color: #000 !important

}



.netflix-color {

    color: #e50914 !important

}



.ning-color {

    color: #75af42 !important

}



.path-color {

    color: #ee3423 !important

}



.patreon-color {

    color: #e6461a !important

}



.paypal-color {

    color: #003087 !important

}



.photobucket-color {

    color: #0ea0db !important

}



.pinterest-color {

    color: #bd081c !important

}



.product-hunt-color {

    color: #da552f !important

}



.quora-color {

    color: #a82400 !important

}



.rdio-color {

    color: #007dc3 !important

}



.reddit-color {

    color: #ff4500 !important

}



.rss-color {

    color: #f26522 !important

}



.salesforce-color {

    color: #1798c1 !important

}



.scribd-color {

    color: #1a7bba !important

}



.shopify-color {

    color: #96bf48 !important

}



.skype-color {

    color: #00aff0 !important

}



.slack-color {

    color: #6ecadc !important

}



.slideshare-color {

    color: #0077b5 !important

}



.soundcloud-color {

    color: #f80 !important

}



.spotify-color {

    color: #2ebd59 !important

}



.squarespace-color {

    color: #222 !important

}



.stackoverflow-color {

    color: #fe7a15 !important

}



.stripe-color {

    color: #00afe1 !important

}



.stumbleupon-color {

    color: #eb4924 !important

}



.telegram-color {

    color: #08c !important

}



.tumblr-color {

    color: #35465c !important

}



.twitch-tv-color {

    color: #6441a5 !important

}



.twitter-color {

    color: #55acee !important

}



.vimeo-color {

    color: #162221 !important

}



.vine-color {

    color: #00b488 !important

}



.wechat-color {

    color: #7bb32e !important

}



.whatsapp-color {

    color: #43d854 !important

}



.wordpress-color {

    color: #21759b !important

}



.yahoo-color {

    color: #410093 !important

}



.youtube-color {

    color: #cd201f !important

}



.z500px-bg {

    background-color: #0099e5 !important

}



.z500px-bg:hover,

.z500px-bg:focus {

    background-color: #08c !important

}



.about-me-bg {

    background-color: #00405d !important

}



.about-me-bg:hover,

.about-me-bg:focus {

    background-color: #002e44 !important

}



.airbnb-bg {

    background-color: #fd5c63 !important

}



.airbnb-bg:hover,

.airbnb-bg:focus {

    background-color: #fd434b !important

}



.alphabet-bg {

    background-color: #ed1c24 !important

}



.alphabet-bg:hover,

.alphabet-bg:focus {

    background-color: #de1219 !important

}



.amazon-bg {

    background-color: #f90 !important

}



.amazon-bg:hover,

.amazon-bg:focus {

    background-color: #e68a00 !important

}



.american-express-bg {

    background-color: #002663 !important

}



.american-express-bg:hover,

.american-express-bg:focus {

    background-color: #001c4a !important

}



.aol-bg {

    background-color: #ff0b00 !important

}



.aol-bg:hover,

.aol-bg:focus {

    background-color: #e60a00 !important

}



.behance-bg {

    background-color: #1769ff !important

}



.behance-bg:hover,

.behance-bg:focus {

    background-color: #0059fd !important

}



.bing-bg {

    background-color: #ffb900 !important

}



.bing-bg:hover,

.bing-bg:focus {

    background-color: #e6a700 !important

}



.bitbucket-bg {

    background-color: #205081 !important

}



.bitbucket-bg:hover,

.bitbucket-bg:focus {

    background-color: #1b436d !important

}



.bitly-bg {

    background-color: #ee6123 !important

}



.bitly-bg:hover,

.bitly-bg:focus {

    background-color: #e65312 !important

}



.blogger-bg {

    background-color: #f57d00 !important

}



.blogger-bg:hover,

.blogger-bg:focus {

    background-color: #dc7000 !important

}



.booking-com-bg {

    background-color: #003580 !important

}



.booking-com-bg:hover,

.booking-com-bg:focus {

    background-color: #002a67 !important

}



.buffer-bg {

    background-color: #168eea !important

}



.buffer-bg:hover,

.buffer-bg:focus {

    background-color: #1380d3 !important

}



.code-school-bg {

    background-color: #616f67 !important

}



.code-school-bg:hover,

.code-school-bg:focus {

    background-color: #55615a !important

}



.codecademy-bg {

    background-color: #f65a5b !important

}



.codecademy-bg:hover,

.codecademy-bg:focus {

    background-color: #f54243 !important

}



.creative-market-bg {

    background-color: #8ba753 !important

}



.creative-market-bg:hover,

.creative-market-bg:focus {

    background-color: #7d964b !important

}



.delicious-bg {

    background-color: #39f !important

}



.delicious-bg:hover,

.delicious-bg:focus {

    background-color: #1a8cff !important

}



.deviantart-bg {

    background-color: #05cc47 !important

}



.deviantart-bg:hover,

.deviantart-bg:focus {

    background-color: #04b33e !important

}



.digg-bg {

    background-color: #005be2 !important

}



.digg-bg:hover,

.digg-bg:focus {

    background-color: #0051c9 !important

}



.disqus-bg {

    background-color: #2e9fff !important

}



.disqus-bg:hover,

.disqus-bg:focus {

    background-color: #1593ff !important

}



.django-bg {

    background-color: #092e20 !important

}



.django-bg:hover,

.django-bg:focus {

    background-color: #051911 !important

}



.dribbble-bg {

    background-color: #ea4c89 !important

}



.dribbble-bg:hover,

.dribbble-bg:focus {

    background-color: #e7357a !important

}



.dropbox-bg {

    background-color: #007ee5 !important

}



.dropbox-bg:hover,

.dropbox-bg:focus {

    background-color: #0070cc !important

}



.drupal-bg {

    background-color: #0077c0 !important

}



.drupal-bg:hover,

.drupal-bg:focus {

    background-color: #0067a7 !important

}



.elance-bg {

    background-color: #0d69af !important

}



.elance-bg:hover,

.elance-bg:focus {

    background-color: #0b5b97 !important

}



.envato-bg {

    background-color: #82b541 !important

}



.envato-bg:hover,

.envato-bg:focus {

    background-color: #75a23a !important

}



.etsy-bg {

    background-color: #d5641c !important

}



.etsy-bg:hover,

.etsy-bg:focus {

    background-color: #be5919 !important

}



.facebook-bg {

    background-color: #3b5998 !important

}



.facebook-bg:hover,

.facebook-bg:focus {

    background-color: #344e86 !important

}



.feedly-bg {

    background-color: #2bb24c !important

}



.feedly-bg:hover,

.feedly-bg:focus {

    background-color: #269d43 !important

}



.flattr-bg {

    background-color: #f67c1a !important

}



.flattr-bg:hover,

.flattr-bg:focus {

    background-color: #ed6f09 !important

}



.flickr-bg {

    background-color: #0063dc !important

}



.flickr-bg:hover,

.flickr-bg:focus {

    background-color: #0058c3 !important

}



.flipboard-bg {

    background-color: #e12828 !important

}



.flipboard-bg:hover,

.flipboard-bg:focus {

    background-color: #d21d1d !important

}



.flixster-bg {

    background-color: #2971b2 !important

}



.flixster-bg:hover,

.flixster-bg:focus {

    background-color: #24649d !important

}



.foursquare-bg {

    background-color: #0732a2 !important

}



.foursquare-bg:hover,

.foursquare-bg:focus {

    background-color: #062a8a !important

}



.github-bg {

    background-color: #333 !important

}



.github-bg:hover,

.github-bg:focus {

    background-color: #262626 !important

}



.google-bg {

    background-color: #4285f4 !important

}



.google-bg:hover,

.google-bg:focus {

    background-color: #2a75f3 !important

}



.google-plus-bg {

    background-color: #dc4e41 !important

}



.google-plus-bg:hover,

.google-plus-bg:focus {

    background-color: #d83a2b !important

}



.instagram-bg {

    background-color: #3f729b !important

}



.instagram-bg:hover,

.instagram-bg:focus {

    background-color: #386589 !important

}



.kickstarter-bg {

    background-color: #2bde73 !important

}



.kickstarter-bg:hover,

.kickstarter-bg:focus {

    background-color: #20cf67 !important

}



.kik-bg {

    background-color: #82bc23 !important

}



.kik-bg:hover,

.kik-bg:focus {

    background-color: #73a71f !important

}



.lastfm-bg {

    background-color: #d51007 !important

}



.lastfm-bg:hover,

.lastfm-bg:focus {

    background-color: #bc0e06 !important

}



.line-bg {

    background-color: #00c300 !important

}



.line-bg:hover,

.line-bg:focus {

    background-color: #0a0 !important

}



.linkedin-bg {

    background-color: #0077b5 !important

}



.linkedin-bg:hover,

.linkedin-bg:focus {

    background-color: #00669c !important

}



.mail-ru-bg {

    background-color: #168de2 !important

}



.mail-ru-bg:hover,

.mail-ru-bg:focus {

    background-color: #147fcb !important

}



.mailchimp-bg {

    background-color: #2c9ab7 !important

}



.mailchimp-bg:hover,

.mailchimp-bg:focus {

    background-color: #2789a2 !important

}



.myspace-bg {

    background-color: #000 !important

}



.myspace-bg:hover,

.myspace-bg:focus {

    background-color: #000 !important

}



.netflix-bg {

    background-color: #e50914 !important

}



.netflix-bg:hover,

.netflix-bg:focus {

    background-color: #cc0812 !important

}



.ning-bg {

    background-color: #75af42 !important

}



.ning-bg:hover,

.ning-bg:focus {

    background-color: #699c3b !important

}



.path-bg {

    background-color: #ee3423 !important

}



.path-bg:hover,

.path-bg:focus {

    background-color: #e62412 !important

}



.patreon-bg {

    background-color: #e6461a !important

}



.patreon-bg:hover,

.patreon-bg:focus {

    background-color: #d03f17 !important

}



.paypal-bg {

    background-color: #003087 !important

}



.paypal-bg:hover,

.paypal-bg:focus {

    background-color: #00276e !important

}



.photobucket-bg {

    background-color: #0ea0db !important

}



.photobucket-bg:hover,

.photobucket-bg:focus {

    background-color: #0c8ec3 !important

}



.pinterest-bg {

    background-color: #bd081c !important

}



.pinterest-bg:hover,

.pinterest-bg:focus {

    background-color: #a50718 !important

}



.product-hunt-bg {

    background-color: #da552f !important

}



.product-hunt-bg:hover,

.product-hunt-bg:focus {

    background-color: #cb4924 !important

}



.quora-bg {

    background-color: #a82400 !important

}



.quora-bg:hover,

.quora-bg:focus {

    background-color: #8f1f00 !important

}



.rdio-bg {

    background-color: #007dc3 !important

}



.rdio-bg:hover,

.rdio-bg:focus {

    background-color: #006daa !important

}



.reddit-bg {

    background-color: #ff4500 !important

}



.reddit-bg:hover,

.reddit-bg:focus {

    background-color: #e63e00 !important

}



.rss-bg {

    background-color: #f26522 !important

}



.rss-bg:hover,

.rss-bg:focus {

    background-color: #ed560e !important

}



.salesforce-bg {

    background-color: #1798c1 !important

}



.salesforce-bg:hover,

.salesforce-bg:focus {

    background-color: #1486aa !important

}



.scribd-bg {

    background-color: #1a7bba !important

}



.scribd-bg:hover,

.scribd-bg:focus {

    background-color: #176ca4 !important

}



.shopify-bg {

    background-color: #96bf48 !important

}



.shopify-bg:hover,

.shopify-bg:focus {

    background-color: #89b03e !important

}



.skype-bg {

    background-color: #00aff0 !important

}



.skype-bg:hover,

.skype-bg:focus {

    background-color: #009cd7 !important

}



.slack-bg {

    background-color: #6ecadc !important

}



.slack-bg:hover,

.slack-bg:focus {

    background-color: #59c2d7 !important

}



.slideshare-bg {

    background-color: #0077b5 !important

}



.slideshare-bg:hover,

.slideshare-bg:focus {

    background-color: #00669c !important

}



.soundcloud-bg {

    background-color: #f80 !important

}



.soundcloud-bg:hover,

.soundcloud-bg:focus {

    background-color: #e67a00 !important

}



.spotify-bg {

    background-color: #2ebd59 !important

}



.spotify-bg:hover,

.spotify-bg:focus {

    background-color: #29a84f !important

}



.squarespace-bg {

    background-color: #222 !important

}



.squarespace-bg:hover,

.squarespace-bg:focus {

    background-color: #151515 !important

}



.stackoverflow-bg {

    background-color: #fe7a15 !important

}



.stackoverflow-bg:hover,

.stackoverflow-bg:focus {

    background-color: #f86c01 !important

}



.stripe-bg {

    background-color: #00afe1 !important

}



.stripe-bg:hover,

.stripe-bg:focus {

    background-color: #009bc8 !important

}



.stumbleupon-bg {

    background-color: #eb4924 !important

}



.stumbleupon-bg:hover,

.stumbleupon-bg:focus {

    background-color: #e13b15 !important

}



.telegram-bg {

    background-color: #08c !important

}



.telegram-bg:hover,

.telegram-bg:focus {

    background-color: #0077b3 !important

}



.tumblr-bg {

    background-color: #35465c !important

}



.tumblr-bg:hover,

.tumblr-bg:focus {

    background-color: #2c3a4c !important

}



.twitch-tv-bg {

    background-color: #6441a5 !important

}



.twitch-tv-bg:hover,

.twitch-tv-bg:focus {

    background-color: #593a93 !important

}



.twitter-bg {

    background-color: #55acee !important

}



.twitter-bg:hover,

.twitter-bg:focus {

    background-color: #3ea1ec !important

}



.vimeo-bg {

    background-color: #162221 !important

}



.vimeo-bg:hover,

.vimeo-bg:focus {

    background-color: #0c1312 !important

}



.vine-bg {

    background-color: #00b488 !important

}



.vine-bg:hover,

.vine-bg:focus {

    background-color: #009b75 !important

}



.wechat-bg {

    background-color: #7bb32e !important

}



.wechat-bg:hover,

.wechat-bg:focus {

    background-color: #6d9f29 !important

}



.whatsapp-bg {

    background-color: #43d854 !important

}



.whatsapp-bg:hover,

.whatsapp-bg:focus {

    background-color: #2ed441 !important

}



.wordpress-bg {

    background-color: #21759b !important

}



.wordpress-bg:hover,

.wordpress-bg:focus {

    background-color: #1d6586 !important

}



.yahoo-bg {

    background-color: #410093 !important

}



.yahoo-bg:hover,

.yahoo-bg:focus {

    background-color: #36007a !important

}



.youtube-bg {

    background-color: #cd201f !important

}



.youtube-bg:hover,

.youtube-bg:focus {

    background-color: #b71d1c !important

}



h6 {

    font-weight: 600

}



h3 {

    font-weight: 700

}



ul.list-justify>li {

    margin-bottom: 5px

}



ul.list-justify>li span,

ul.list-justify>li strong {

    float: right

}



ul.list-justify.large-number>li {

    margin-bottom: 15px

}



ul.list-justify.large-number span {

    font-size: 32px;

    line-height: 1

}



.text-primary {

    color: #5c8ed4

}



.text-info {

    color: #3C89DA

}



.text-success {

    color: #5CB65F

}



.text-warning {

    color: #FFA117

}



.text-danger {

    color: #E15858

}



.text-muted {

    color: #9A9A9A

}



.text-larger {

    font-size: 1.2em

}



.text-large {

    font-size: 1.53em

}



small {

    font-size: 90%

}



.bg-info {

    background: #3C89DA;

    color: rgba(255, 255, 255, 0.7)

}



.bg-red {

    background: #E15858;

    color: rgba(255, 255, 255, 0.7)

}



.bg-purple {

    background: #a5a;

    color: rgba(255, 255, 255, 0.7)

}



.bg-orange {

    background: #FFA117;

    color: rgba(255, 255, 255, 0.7)

}



.bg-green {

    background: #5CB65F;

    color: rgba(255, 255, 255, 0.7)

}



.bg-blue {

    background: #568AD3;

    color: rgba(255, 255, 255, 0.7)

}



.bg-blush {

    background: #e25985;

    color: rgba(255, 255, 255, 0.7)

}



.bg-pink {

    background: #f66d9b;

    color: rgba(255, 255, 255, 0.7)

}



.bg-indigo {

    background: #9367B4;

    color: rgba(255, 255, 255, 0.7)

}



.bg-azura {

    background: #007FFF;

    color: rgba(255, 255, 255, 0.7)

}



.bg-white {

    background: #fff;

    color: rgba(255, 255, 255, 0.7)

}



.bg-dark {

    background: #17191c;

    color: rgba(255, 255, 255, 0.7)

}



.bg-cyan {

    background: #17C2D7;

    color: rgba(255, 255, 255, 0.7)

}



.new-purple {

    background: #b8b8f3

}



.new-blush {

    background: #ce5374

}



.new-indigo {

    background: #613dc1

}



.new-cyan {

    background: #83e2db

}



.new-yellow {

    background: #ffede1

}



.l-green {

    background: linear-gradient(45deg, #9ce89d, #cdfa7e) !important

}



.l-pink {

    background: linear-gradient(45deg, pink, #fbc1cb) !important

}



.l-turquoise {

    background: linear-gradient(45deg, #00ced1, #08e5e8) !important

}



.l-cyan {

    background: linear-gradient(45deg, #49cdd0, #00bcd4) !important

}



.l-khaki {

    background: linear-gradient(45deg, khaki, #fdf181) !important

}



.l-coral {

    background: linear-gradient(45deg, #f08080, #f58787) !important

}



.l-salmon {

    background: linear-gradient(45deg, #ec74a1, #fbc7c0) !important

}



.l-blue {

    background: linear-gradient(45deg, #72c2ff, #86f0ff) !important

}



.l-seagreen {

    background: linear-gradient(45deg, #8ed8ec, #85f7b5) !important

}



.l-amber {

    background: linear-gradient(45deg, #fda582, #f7cf68) !important

}



.l-blush {

    background: linear-gradient(45deg, #dd5e89, #f7bb97) !important

}



.l-parpl {

    background: linear-gradient(45deg, #a890d3, #edbae7) !important

}



.l-slategray {

    background: linear-gradient(45deg, #708090, #7c8ea0) !important

}



.text-info {

    color: #3C89DA

}



.text-red {

    color: #E15858

}



.text-purple {

    color: #a5a

}



.text-orange {

    color: #FFA117

}



.text-green {

    color: #5CB65F

}



.text-blue {

    color: #568AD3

}



.text-blush {

    color: #e25985

}



.text-pink {

    color: #f66d9b

}



.text-indigo {

    color: #9367B4

}



.text-azura {

    color: #007FFF

}



.text-cyan {

    color: #000000

}



.text-white {

    color: #fff

}



.text-dark {

    color: #17191c

}



.m-l--125 {

    margin-left: -125px

}



.m-t--125 {

    margin-top: -125px

}



.m-r--125 {

    margin-right: -125px

}



.m-b--125 {

    margin-bottom: -125px

}



.m-l--120 {

    margin-left: -120px

}



.m-t--120 {

    margin-top: -120px

}



.m-r--120 {

    margin-right: -120px

}



.m-b--120 {

    margin-bottom: -120px

}



.m-l--115 {

    margin-left: -115px

}



.m-t--115 {

    margin-top: -115px

}



.m-r--115 {

    margin-right: -115px

}



.m-b--115 {

    margin-bottom: -115px

}



.m-l--110 {

    margin-left: -110px

}



.m-t--110 {

    margin-top: -110px

}



.m-r--110 {

    margin-right: -110px

}



.m-b--110 {

    margin-bottom: -110px

}



.m-l--105 {

    margin-left: -105px

}



.m-t--105 {

    margin-top: -105px

}



.m-r--105 {

    margin-right: -105px

}



.m-b--105 {

    margin-bottom: -105px

}



.m-l--100 {

    margin-left: -100px

}



.m-t--100 {

    margin-top: -100px

}



.m-r--100 {

    margin-right: -100px

}



.m-b--100 {

    margin-bottom: -100px

}



.m-l--95 {

    margin-left: -95px

}



.m-t--95 {

    margin-top: -95px

}



.m-r--95 {

    margin-right: -95px

}



.m-b--95 {

    margin-bottom: -95px

}



.m-l--90 {

    margin-left: -90px

}



.m-t--90 {

    margin-top: -90px

}



.m-r--90 {

    margin-right: -90px

}



.m-b--90 {

    margin-bottom: -90px

}



.m-l--85 {

    margin-left: -85px

}



.m-t--85 {

    margin-top: -85px

}



.m-r--85 {

    margin-right: -85px

}



.m-b--85 {

    margin-bottom: -85px

}



.m-l--80 {

    margin-left: -80px

}



.m-t--80 {

    margin-top: -80px

}



.m-r--80 {

    margin-right: -80px

}



.m-b--80 {

    margin-bottom: -80px

}



.m-l--75 {

    margin-left: -75px

}



.m-t--75 {

    margin-top: -75px

}



.m-r--75 {

    margin-right: -75px

}



.m-b--75 {

    margin-bottom: -75px

}



.m-l--70 {

    margin-left: -70px

}



.m-t--70 {

    margin-top: -70px

}



.m-r--70 {

    margin-right: -70px

}



.m-b--70 {

    margin-bottom: -70px

}



.m-l--65 {

    margin-left: -65px

}



.m-t--65 {

    margin-top: -65px

}



.m-r--65 {

    margin-right: -65px

}



.m-b--65 {

    margin-bottom: -65px

}



.m-l--60 {

    margin-left: -60px

}



.m-t--60 {

    margin-top: -60px

}



.m-r--60 {

    margin-right: -60px

}



.m-b--60 {

    margin-bottom: -60px

}



.m-l--55 {

    margin-left: -55px

}



.m-t--55 {

    margin-top: -55px

}



.m-r--55 {

    margin-right: -55px

}



.m-b--55 {

    margin-bottom: -55px

}



.m-l--50 {

    margin-left: -50px

}



.m-t--50 {

    margin-top: -50px

}



.m-r--50 {

    margin-right: -50px

}



.m-b--50 {

    margin-bottom: -50px

}



.m-l--45 {

    margin-left: -45px

}



.m-t--45 {

    margin-top: -45px

}



.m-r--45 {

    margin-right: -45px

}



.m-b--45 {

    margin-bottom: -45px

}



.m-l--40 {

    margin-left: -40px

}



.m-t--40 {

    margin-top: -40px

}



.m-r--40 {

    margin-right: -40px

}



.m-b--40 {

    margin-bottom: -40px

}



.m-l--35 {

    margin-left: -35px

}



.m-t--35 {

    margin-top: -35px

}



.m-r--35 {

    margin-right: -35px

}



.m-b--35 {

    margin-bottom: -35px

}



.m-l--30 {

    margin-left: -30px

}



.m-t--30 {

    margin-top: -30px

}



.m-r--30 {

    margin-right: -30px

}



.m-b--30 {

    margin-bottom: -30px

}



.m-l--25 {

    margin-left: -25px

}



.m-t--25 {

    margin-top: -25px

}



.m-r--25 {

    margin-right: -25px

}



.m-b--25 {

    margin-bottom: -25px

}



.m-l--20 {

    margin-left: -20px

}



.m-t--20 {

    margin-top: -20px

}



.m-r--20 {

    margin-right: -20px

}



.m-b--20 {

    margin-bottom: -20px

}



.m-l--15 {

    margin-left: -15px

}



.m-t--15 {

    margin-top: -15px

}



.m-r--15 {

    margin-right: -15px

}



.m-b--15 {

    margin-bottom: -15px

}



.m-l--10 {

    margin-left: -10px

}



.m-t--10 {

    margin-top: -10px

}



.m-r--10 {

    margin-right: -10px

}



.m-b--10 {

    margin-bottom: -10px

}



.m-l--5 {

    margin-left: -5px

}



.m-t--5 {

    margin-top: -5px

}



.m-r--5 {

    margin-right: -5px

}



.m-b--5 {

    margin-bottom: -5px

}



.m-l-0,

.megamenu .q_links li:first-child,

.timeline .timeline-content p:last-child {

    margin-left: 0px

}



.m-t-0,

#left-sidebar {

    margin-top: 0px

}



.m-r-0,

.megamenu .q_links li:last-child,

.panel-group .panel .panel-title>a i.right,

.chatapp_body .chat-history .message_data li.left .message:after,

.mail-inbox .mail-left .mail-side .nav li a .badge,

.rtl .top-navbar .navbar-btn {

    margin-right: 0px

}



.m-b-0,

.card .header,

ul.choose-skin,

ul.choose-skin li:last-child,

.auth-main .lead,

.auth-main2 .lead,

.block-header h2,

.block-header h1,

.block-header .breadcrumb,

#toast-container .toast,

.top_counter .content .number,

.feeds_widget,

.table-calendar,

.mail-inbox .mail-right .mail-action .fancy-checkbox label,

.mail-inbox .mail-right .mail-action .pagination-email p,

.mail-inbox .mail-right .mail-list ul li .md-left .fancy-checkbox,

.mail-inbox .mail-right .mail-list ul li .md-right p,

.pricing,

.pricing h3 {

    margin-bottom: 0px

}



.m-l-5,

.badge,

.btn-toolbar>.btn-group,

.wizard .actions a {

    margin-left: 5px

}



.m-t-5,

.card .header h2 small,

.auth-main .lead,

.auth-main2 .lead,

.block-header .inlineblock,

.block-header .metismenu>li i,

.metismenu>li .block-header i {

    margin-top: 5px

}



.m-r-5,

.nav.nav-tabs2>li>a,

.nav.nav-tabs3>li>a,

.badge,

.panel-group .panel .panel-title>a i {

    margin-right: 5px

}



.m-b-5,

ul.choose-skin li,

.auth-main .btn-signin-social,

.accordion>div {

    margin-bottom: 5px

}



.m-l-10,

#left-sidebar .navbar-brand span,

.user-account .dropdown,

.accordion2 .accordion-thumb span,

.setting-list li>span,

.mail-inbox .mail-right .mail-list ul li .md-right p {

    margin-left: 10px

}



.m-t-10,

.top-navbar .navbar-btn,

.megamenu .q_links li span,

.block-header,

.chatapp_body .chat-history .message_data li {

    margin-top: 10px

}



.m-r-10,

.metismenu>li i,

.navbar-nav ul.email li a .avtar-pic,

.user-account .dropdown .dropdown-menu a i,

.top_counter .icon,

.right_chat .media .media-object {

    margin-right: 10px

}



.m-b-10,

.top-navbar .navbar-btn,

.block-header,

.wizard.step_icon .steps {

    margin-bottom: 10px

}



.m-l-15,

.rtl .top-navbar .navbar-btn {

    margin-left: 15px

}



.m-t-15,

.tab-content {

    margin-top: 15px

}



.m-r-15,

.top-navbar .navbar-btn,

.navbar-nav,

.feeds_widget li .feeds-left,

.w_knob .c_know,

.team-info li .first {

    margin-right: 15px

}



.m-b-15,

.card.insight-title .header,

.navbar-nav .dropdown-menu li.header,

.mail-inbox .mail-left .mail-side h3,

.w_social3 .card .fa {

    margin-bottom: 15px

}



.m-l-20,

.media.mright .media-right,

.chat-widget li.left .chat-info,

.invoice1 .info {

    margin-left: 20px

}



.m-t-20,

.auth-main .form-auth-small .btn,

.auth-main .form-auth-small .bottom,

.auth-main2 .form-auth-small .btn,

.pricing .price {

    margin-top: 20px

}



.m-r-20,

.top-navbar #navbar-search,

.block-header .breadcrumb,

.media.mleft .media-left,

.bs-example .media .media-left,

.chat-widget li.right .chat-info {

    margin-right: 20px

}



.m-b-20,

.megamenu .title,

.media,

.profilepage_2 .profile-header .profile-image,

.news .card-columns .card {

    margin-bottom: 20px

}



.m-l-25 {

    margin-left: 25px

}



.m-t-25 {

    margin-top: 25px

}



.m-r-25 {

    margin-right: 25px

}



.m-b-25,

.megamenu .q_links {

    margin-bottom: 25px

}



.m-l-30 {

    margin-left: 30px

}



.m-t-30,

.mail-inbox .mail-left .mail-side h3,

.pricing .plan-btn {

    margin-top: 30px

}



.m-r-30 {

    margin-right: 30px

}



.m-b-30,

.auth-main .auth_brand,

.chat-widget li,

.pricing .price {

    margin-bottom: 30px

}



.m-l-35 {

    margin-left: 35px

}



.m-t-35 {

    margin-top: 35px

}



.m-r-35 {

    margin-right: 35px

}



.m-b-35 {

    margin-bottom: 35px

}



.m-l-40 {

    margin-left: 40px

}



.m-t-40 {

    margin-top: 40px

}



.m-r-40 {

    margin-right: 40px

}



.m-b-40,

.chatapp_body .chat-history .message_data li {

    margin-bottom: 40px

}



.m-l-45 {

    margin-left: 45px

}



.m-t-45 {

    margin-top: 45px

}



.m-r-45 {

    margin-right: 45px

}



.m-b-45 {

    margin-bottom: 45px

}



.m-l-50,

.chatapp_body .chat-history .message_data li.left .message {

    margin-left: 50px

}



.m-t-50 {

    margin-top: 50px

}



.m-r-50,

.chatapp_body .chat-history .message_data li.right .message {

    margin-right: 50px

}



.m-b-50 {

    margin-bottom: 50px

}



.m-l-55 {

    margin-left: 55px

}



.m-t-55 {

    margin-top: 55px

}



.m-r-55 {

    margin-right: 55px

}



.m-b-55 {

    margin-bottom: 55px

}



.m-l-60 {

    margin-left: 60px

}



.m-t-60 {

    margin-top: 60px

}



.m-r-60 {

    margin-right: 60px

}



.m-b-60 {

    margin-bottom: 60px

}



.m-l-65 {

    margin-left: 65px

}



.m-t-65 {

    margin-top: 65px

}



.m-r-65 {

    margin-right: 65px

}



.m-b-65 {

    margin-bottom: 65px

}



.m-l-70 {

    margin-left: 70px

}



.m-t-70 {

    margin-top: 70px

}



.m-r-70 {

    margin-right: 70px

}



.m-b-70 {

    margin-bottom: 70px

}



.m-l-75 {

    margin-left: 75px

}



.m-t-75 {

    margin-top: 75px

}



.m-r-75 {

    margin-right: 75px

}



.m-b-75 {

    margin-bottom: 75px

}



.m-l-80 {

    margin-left: 80px

}



.m-t-80 {

    margin-top: 80px

}



.m-r-80 {

    margin-right: 80px

}



.m-b-80 {

    margin-bottom: 80px

}



.m-l-85 {

    margin-left: 85px

}



.m-t-85 {

    margin-top: 85px

}



.m-r-85 {

    margin-right: 85px

}



.m-b-85 {

    margin-bottom: 85px

}



.m-l-90 {

    margin-left: 90px

}



.m-t-90 {

    margin-top: 90px

}



.m-r-90 {

    margin-right: 90px

}



.m-b-90 {

    margin-bottom: 90px

}



.m-l-95 {

    margin-left: 95px

}



.m-t-95 {

    margin-top: 95px

}



.m-r-95 {

    margin-right: 95px

}



.m-b-95 {

    margin-bottom: 95px

}



.m-l-100 {

    margin-left: 100px

}



.m-t-100 {

    margin-top: 100px

}



.m-r-100 {

    margin-right: 100px

}



.m-b-100 {

    margin-bottom: 100px

}



.m-l-105 {

    margin-left: 105px

}



.m-t-105 {

    margin-top: 105px

}



.m-r-105 {

    margin-right: 105px

}



.m-b-105 {

    margin-bottom: 105px

}



.m-l-110 {

    margin-left: 110px

}



.m-t-110 {

    margin-top: 110px

}



.m-r-110 {

    margin-right: 110px

}



.m-b-110 {

    margin-bottom: 110px

}



.m-l-115 {

    margin-left: 115px

}



.m-t-115 {

    margin-top: 115px

}



.m-r-115 {

    margin-right: 115px

}



.m-b-115 {

    margin-bottom: 115px

}



.m-l-120 {

    margin-left: 120px

}



.m-t-120 {

    margin-top: 120px

}



.m-r-120 {

    margin-right: 120px

}



.m-b-120 {

    margin-bottom: 120px

}



.m-l-125 {

    margin-left: 125px

}



.m-t-125 {

    margin-top: 125px

}



.m-r-125 {

    margin-right: 125px

}



.m-b-125 {

    margin-bottom: 125px

}



.margin-0,

.card .header .header-dropdown,

.card .header h2,

.navbar-nav,

.sidebar-nav ul,

.accordion2,

.accordion2 .accordion-thumb,

.accordion2 .accordion-panel,

.switch,

.media .media-body .media-heading,

.wizard .content,

.wizard .content .body label.error,

.wizard .content .card-body label.error,

.project_report h6,

.project_report .team-info,

.todo_list,

.todo_list .fancy-checkbox,

.feeds_widget li .feeds-body .title,

.chatapp_body .chat-history .message_data,

.timeline,

.timeline .period .timeline-title,

.fc .fc-toolbar,

.fc .fc-toolbar h2 {

    margin: 0 !important

}



.p-l-0,

.pricing,

.invoice .nav-tabs {

    padding-left: 0px

}



.p-t-0 {

    padding-top: 0px

}



.p-r-0,

.invoice .nav-tabs,

.rtl .top-navbar .navbar-btn {

    padding-right: 0px

}



.p-b-0,

.timeline .timeline-item:last-child {

    padding-bottom: 0px

}



.p-l-5 {

    padding-left: 5px

}



.p-t-5,

.fc .fc-toolbar h2 {

    padding-top: 5px

}



.p-r-5,

.wizard.vertical>.steps {

    padding-right: 5px

}



.p-b-5 {

    padding-bottom: 5px

}



.p-l-10,

.top-navbar .navbar-btn button {

    padding-left: 10px

}



.p-t-10 {

    padding-top: 10px

}



.p-r-10 {

    padding-right: 10px

}



.p-b-10,

.accordion2 .accordion-panel,

.fc .fc-toolbar {

    padding-bottom: 10px

}



.p-l-15,

.rtl .top-navbar .navbar-btn {

    padding-left: 15px

}



.p-t-15 {

    padding-top: 15px

}



.p-r-15,

.top-navbar .navbar-btn {

    padding-right: 15px

}



.p-b-15 {

    padding-bottom: 15px

}



.p-l-20,

.top-navbar #navbar-search .form-control {

    padding-left: 20px

}



.p-t-20 {

    padding-top: 20px

}



.p-r-20 {

    padding-right: 20px

}



.p-b-20 {

    padding-bottom: 20px

}



.p-l-25 {

    padding-left: 25px

}



.p-t-25 {

    padding-top: 25px

}



.p-r-25 {

    padding-right: 25px

}



.p-b-25 {

    padding-bottom: 25px

}



.p-l-30 {

    padding-left: 30px

}



.p-t-30 {

    padding-top: 30px

}



.p-r-30 {

    padding-right: 30px

}



.p-b-30 {

    padding-bottom: 30px

}



.p-l-35 {

    padding-left: 35px

}



.p-t-35 {

    padding-top: 35px

}



.p-r-35 {

    padding-right: 35px

}



.p-b-35 {

    padding-bottom: 35px

}



.p-l-40,

.timeline .timeline-item {

    padding-left: 40px

}



.p-t-40 {

    padding-top: 40px

}



.p-r-40 {

    padding-right: 40px

}



.p-b-40,

.timeline .timeline-content {

    padding-bottom: 40px

}



.p-l-45 {

    padding-left: 45px

}



.p-t-45 {

    padding-top: 45px

}



.p-r-45 {

    padding-right: 45px

}



.p-b-45 {

    padding-bottom: 45px

}



.p-l-50 {

    padding-left: 50px

}



.p-t-50 {

    padding-top: 50px

}



.p-r-50 {

    padding-right: 50px

}



.p-b-50 {

    padding-bottom: 50px

}



.p-l-55 {

    padding-left: 55px

}



.p-t-55 {

    padding-top: 55px

}



.p-r-55 {

    padding-right: 55px

}



.p-b-55 {

    padding-bottom: 55px

}



.p-l-60 {

    padding-left: 60px

}



.p-t-60 {

    padding-top: 60px

}



.p-r-60 {

    padding-right: 60px

}



.p-b-60 {

    padding-bottom: 60px

}



.p-l-65 {

    padding-left: 65px

}



.p-t-65 {

    padding-top: 65px

}



.p-r-65 {

    padding-right: 65px

}



.p-b-65 {

    padding-bottom: 65px

}



.p-l-70 {

    padding-left: 70px

}



.p-t-70 {

    padding-top: 70px

}



.p-r-70 {

    padding-right: 70px

}



.p-b-70 {

    padding-bottom: 70px

}



.p-l-75 {

    padding-left: 75px

}



.p-t-75 {

    padding-top: 75px

}



.p-r-75 {

    padding-right: 75px

}



.p-b-75 {

    padding-bottom: 75px

}



.p-l-80 {

    padding-left: 80px

}



.p-t-80 {

    padding-top: 80px

}



.p-r-80 {

    padding-right: 80px

}



.p-b-80 {

    padding-bottom: 80px

}



.p-l-85 {

    padding-left: 85px

}



.p-t-85 {

    padding-top: 85px

}



.p-r-85 {

    padding-right: 85px

}



.p-b-85 {

    padding-bottom: 85px

}



.p-l-90 {

    padding-left: 90px

}



.p-t-90 {

    padding-top: 90px

}



.p-r-90 {

    padding-right: 90px

}



.p-b-90 {

    padding-bottom: 90px

}



.p-l-95 {

    padding-left: 95px

}



.p-t-95 {

    padding-top: 95px

}



.p-r-95 {

    padding-right: 95px

}



.p-b-95 {

    padding-bottom: 95px

}



.p-l-100 {

    padding-left: 100px

}



.p-t-100 {

    padding-top: 100px

}



.p-r-100 {

    padding-right: 100px

}



.p-b-100 {

    padding-bottom: 100px

}



.p-l-105 {

    padding-left: 105px

}



.p-t-105 {

    padding-top: 105px

}



.p-r-105 {

    padding-right: 105px

}



.p-b-105 {

    padding-bottom: 105px

}



.p-l-110 {

    padding-left: 110px

}



.p-t-110 {

    padding-top: 110px

}



.p-r-110 {

    padding-right: 110px

}



.p-b-110 {

    padding-bottom: 110px

}



.p-l-115 {

    padding-left: 115px

}



.p-t-115 {

    padding-top: 115px

}



.p-r-115 {

    padding-right: 115px

}



.p-b-115 {

    padding-bottom: 115px

}



.p-l-120 {

    padding-left: 120px

}



.p-t-120 {

    padding-top: 120px

}



.p-r-120 {

    padding-right: 120px

}



.p-b-120 {

    padding-bottom: 120px

}



.p-l-125 {

    padding-left: 125px

}



.p-t-125 {

    padding-top: 125px

}



.p-r-125 {

    padding-right: 125px

}



.p-b-125 {

    padding-bottom: 125px

}



.padding-0,

.card .header .header-dropdown,

.top-navbar #navbar-search,

.top-navbar #navbar-search .btn,

.sidebar-nav ul,

.megamenu .q_links,

.block-header .breadcrumb,

.accordion .card-header,

.accordion2,

.chat-widget,

.right_chat .media .status,

.chatapp_body .chat-history .message_data,

.timeline,

.fc .fc-view-container .fc-view.fc-basic-view>table>thead tr th.fc-agenda-gutter,

.fc .fc-view-container .fc-view.fc-basic-view>table>thead tr td.fc-agenda-gutter,

.fc .fc-view-container .fc-view.fc-agenda>table>thead tr th.fc-agenda-gutter,

.fc .fc-view-container .fc-view.fc-agenda>table>thead tr td.fc-agenda-gutter,

.fc .fc-view-container .fc-view.fc-basic-view>table>thead tr td.fc-widget-header,

.fc .fc-view-container .fc-view.fc-agenda>table>thead tr td.fc-widget-header {

    padding: 0 !important

}



.font-6 {

    font-size: 6px

}



.font-7 {

    font-size: 7px

}



.font-8,

.multiselect-custom+.btn-group ul.multiselect-container>li.active>a label.radio:before,

.invoice_list .badge {

    font-size: 8px

}



.font-9 {

    font-size: 9px

}



.font-10,

.progress .progress-bar {

    font-size: 10px

}



.font-11 {

    font-size: 11px

}



.font-12,

.multiselect-custom+.btn-group ul.multiselect-container>li.active>a label.checkbox:before,

.ct-label,

.wizard .content .body label.error,

.wizard .content .card-body label.error,

.w_summary .s_detail span,

.invoice_list .table.table-custom thead th,

.chatapp_body .chat-history .message_data li .data_time,

.mail-inbox .mail-right .mail-list ul li .md-right span.time,

.timeline .timeline-info,

.fc .fc-view-container .fc-event,

.fc .fc-view-container .fc-view.fc-basic-view .fc-agenda-allday .fc-agenda-axis,

.fc .fc-view-container .fc-view.fc-basic-view .fc-agenda-allday .fc-agenda-gutter,

.fc .fc-view-container .fc-view.fc-agenda .fc-agenda-allday .fc-agenda-axis,

.fc .fc-view-container .fc-view.fc-agenda .fc-agenda-allday .fc-agenda-gutter,

.fc .fc-view-container .fc-view.fc-basic-view .fc-agenda-slots tr th,

.fc .fc-view-container .fc-view.fc-agenda .fc-agenda-slots tr th,

.pricing h3 small,

.n_category .sub_n_category {

    font-size: 12px

}



.font-13,

.right_chat .media .message {

    font-size: 13px

}



.font-14 {

    font-size: 14px

}



.font-15 {

    font-size: 15px

}



.font-16 {

    font-size: 16px

}



.font-17 {

    font-size: 17px

}



.font-18 {

    font-size: 18px

}



.font-19 {

    font-size: 19px

}



.font-20 {

    font-size: 20px

}



.font-21 {

    font-size: 21px

}



.font-22 {

    font-size: 22px

}



.font-23 {

    font-size: 23px

}



.font-24 {

    font-size: 24px

}



.font-25 {

    font-size: 25px

}



.font-26 {

    font-size: 26px

}



.font-27 {

    font-size: 27px

}



.font-28 {

    font-size: 28px

}



.font-29 {

    font-size: 29px

}



.font-30,

.w_card3 i {

    font-size: 30px

}



.font-31 {

    font-size: 31px

}



.font-32 {

    font-size: 32px

}



.font-33 {

    font-size: 33px

}



.font-34 {

    font-size: 34px

}



.font-35,

.pricing h3 {

    font-size: 35px

}



.font-36 {

    font-size: 36px

}



.font-37 {

    font-size: 37px

}



.font-38 {

    font-size: 38px

}



.font-39 {

    font-size: 39px

}



.font-40 {

    font-size: 40px

}



.font-41 {

    font-size: 41px

}



.font-42 {

    font-size: 42px

}



.font-43 {

    font-size: 43px

}



.font-44 {

    font-size: 44px

}



.font-45 {

    font-size: 45px

}



.font-46 {

    font-size: 46px

}



.font-47 {

    font-size: 47px

}



.font-48 {

    font-size: 48px

}



.font-49 {

    font-size: 49px

}



.font-50 {

    font-size: 50px

}



.align-left,

.accordion .card-header .btn,

.chat-widget li.left .chat-info,

.chatapp_body .chat-history .message_data li.left .message {

    text-align: left

}



.align-center,

.fancy-checkbox input[type="checkbox"]:checked+span:before,

.multiselect-custom+.btn-group ul.multiselect-container>li.active>a label.checkbox:before,

.multiselect-custom+.btn-group ul.multiselect-container>li.active>a label.radio:before,

.auth-main .form-auth-small .bottom,

.metric-inline,

.separator-linethrough,

.page-loader-wrapper,

.top_counter .icon,

.stamp,

.table-calendar,

.mail-inbox .mail-left .mail-side .nav li a,

.profilepage_2 .profile-header,

.pricing,

.w_social3 .card,

.member-card {

    text-align: center

}



.align-right,

.media.mright .media-body,

.wizard .actions,

.chat-widget li.right,

.chat-widget li.right .chat-info,

.chatapp_body .chat-history .message_data li.right .message {

    text-align: right

}



.align-justify {

    text-align: justify

}



.border-right,

.border-top,

.border-left,

.border-bottom {

    border-color: #2f3338 !important

}



.w20 {

    width: 20px;

    height: 20px;

    line-height: 20px

}



.w30 {

    width: 30px;

    height: 30px;

    line-height: 30px

}



.w35 {

    width: 35px;

    height: 35px

}



.w40 {

    width: 40px

}



.w60 {

    width: 60px

}



.w80 {

    width: 80px

}



.w100 {

    width: 100px

}



.w150 {

    width: 150px

}



.w200 {

    width: 200px

}



.w350 {

    width: 350px

}



.inlineblock,

.metismenu>li i {

    display: inline-block

}



.displayblock {

    display: block

}



.displaynone {

    display: none

}



.overflowhidden,

.member-card {

    overflow: hidden

}



.z-index {

    z-index: 9999

}



hr {

    border-top: 1px solid rgba(255, 255, 255, 0.1)

}



.p-10 {

    padding: 10px !important

}



.p-15 {

    padding: 15px !important

}



.p-20 {

    padding: 20px !important

}



.p-25 {

    padding: 25px !important

}



.font300 {

    font-weight: 300

}



.font600 {

    font-weight: 600

}



.font700 {

    font-weight: 700

}



.h5 {

    margin: 0;

    font-size: 14px;

    font-weight: 700

}



.h6 {

    margin: 0;

    font-size: 10px;

    text-transform: uppercase

}



.avatar {

    border: 2px solid #57595d

}



.avatar.sm {

    width: 35px;

    height: 35px

}



.avatar.md {

    width: 65px;

    height: 65px

}



.avatar.lg {

    width: 100px;

    height: 100px

}



.bor2 {

    border-bottom: 1px solid #999999

}



.media .media-body {

    font-size: 14px

}



.media .media-body .media-heading {

    font-size: 16px;

    font-weight: 700

}



.wizard .content {

    min-height: 245px;

    overflow-y: auto;

    border-radius: 0;

    background-color: transparent;

    border: 1px solid #2f3338

}



.wizard .content .body,

.wizard .content .card-body {

    padding: 15px

}



.wizard .content .body label.error,

.wizard .content .card-body label.error {

    color: #E15858

}



.wizard .content .body input[type="checkbox"],

.wizard .content .card-body input[type="checkbox"] {

    display: none

}



.wizard .content .body input,

.wizard .content .card-body input {

    border-color: #2f3338

}



.wizard .content .body p,

.wizard .content .card-body p {

    font-size: 15px

}



.wizard .actions {

    position: relative;

    display: block;

    vertical-align: middle;

    *vertical-align: auto;

    *zoom: 1;

    *display: block;

    width: 100%;

    margin-top: 10px !important

}



.wizard .actions ul {

    display: inline-block;

    vertical-align: middle;

    *vertical-align: auto;

    *zoom: 1;

    *display: inline

}



.wizard .actions ul>li {

    float: left;

    margin: 0 !important

}



.wizard .actions a {

    -webkit-transition: all 0.5s ease-out;

    -moz-transition: all 0.5s ease-out;

    -ms-transition: all 0.5s ease-out;

    -o-transition: all 0.5s ease-out;

    transition: all 0.5s ease-out;

    display: block;

    vertical-align: middle;

    *vertical-align: auto;

    *zoom: 1;

    *display: block;

    -webkit-border-radius: 35px;

    -moz-border-radius: 35px;

    border-radius: 35px;

    padding: 0.5em 2em;

    color: #fff;

    text-decoration: none

}



.wizard .actions a:hover,

.wizard .actions a:active {

    display: block;

    vertical-align: middle;

    *vertical-align: auto;

    *zoom: 1;

    *display: block;

    padding: 0.5em 2em;

    color: #fff;

    text-decoration: none

}



.wizard .actions .disabled a {

    background: #e2e4e7;

    color: #bbbec2

}



.wizard .actions .disabled a:hover,

.wizard .actions .disabled a:active {

    background: #e2e4e7;

    color: #bbbec2

}



.wizard .steps {

    position: relative;

    display: block;

    vertical-align: middle;

    *vertical-align: auto;

    *zoom: 1;

    *display: block;

    width: 100%;

    margin-bottom: 2px

}



.wizard .steps a {

    display: block;

    vertical-align: middle;

    *vertical-align: auto;

    *zoom: 1;

    *display: block;

    width: auto;

    margin: 0 2px 0 0;

    padding: 10px;

    text-decoration: none;

    border-radius: 0

}



.wizard .steps a:hover,

.wizard .steps a:active {

    display: block;

    vertical-align: middle;

    *vertical-align: auto;

    *zoom: 1;

    *display: block;

    width: auto;

    margin: 0 2px 0 0;

    padding: 10px;

    text-decoration: none;

    border-radius: 0

}



.wizard .steps .number {

    font-size: 15px

}



.wizard .steps .disabled a {

    background: #2f3338;

    color: #96989c;

    cursor: default

}



.wizard .steps .disabled a:hover,

.wizard .steps .disabled a:active {

    background: #2f3338;

    color: #96989c;

    cursor: default

}



.wizard .steps .current a {

    color: #fff;

    cursor: default

}



.wizard .steps .current a:hover,

.wizard .steps .current a:active {

    color: #fff;

    cursor: default

}



.wizard .steps .done a {

    color: #fff;

    opacity: 0.7

}



.wizard .steps .done a:hover,

.wizard .steps .done a:active {

    color: #fff;

    opacity: 0.7

}



.wizard .steps>ul>li {

    width: 25%;

    float: left

}



.wizard .steps>ul>li:last-child a {

    margin: 0

}



.wizard.vertical>.steps {

    float: left;

    width: 30%

}



.wizard.vertical>.steps>ul>li {

    float: none;

    width: 100%

}



.wizard.vertical>.steps>ul>li a {

    margin: 0 0 2px 0

}



.wizard.vertical>.content {

    float: left;

    width: 70%;

    margin: 0

}



.wizard.vertical>.actions {

    float: right;

    width: 100%;

    margin: 0

}



.wizard.step_icon .content {

    min-height: 200px;

    background-color: #2f3338;

    border: 1px solid #2f3338

}



.wizard.step_icon .steps>ul>li {

    width: auto;

    text-align: center

}



.wizard.step_icon .steps>ul>li a {

    width: 40px;

    height: 40px;

    border-radius: .1875rem

}



.wizard.step_icon .steps .number {

    display: none

}



.wizard_validation .wizard .steps>ul>li {

    width: auto !important

}



@media screen and (max-width: 767px) {

    .wizard>.steps>ul>li {

        width: 100%;

        margin-bottom: 2px

    }



    .wizard>.steps a {

        margin: 0

    }



    .wizard.wizard.vertical>.content,

    .wizard.wizard.vertical>.steps {

        width: 100%;

        padding: 0

    }



    .wizard_validation .wizard .steps>ul>li {

        width: 100% !important

    }

}



.table {

    color: #77797c

}



.table .thead-primary th {

    color: #17C2D7;

    border-color: #17C2D7

}



.table .thead-success th {

    color: #5CB65F;

    border-color: #5CB65F

}



.table .thead-danger th {

    color: #E15858;

    border-color: #E15858

}



.table .thead-info th {

    color: #3C89DA;

    border-color: #3C89DA

}



.table .thead-purple th {

    color: #a5a;

    border-color: #a5a

}



.table thead th {

    font-weight: 400;

    border-width: 1px

}



.table tr td,

.table tr th {

    vertical-align: middle;

    white-space: nowrap;

    border-color: #2f3338

}



.table.table-hover tbody tr:hover {

    color: #77797c

}



.table.table-custom {

    border-collapse: separate !important

}



.table.table-custom.spacing5 {

    border-spacing: 0 5px !important

}



.table.table-custom.spacing8 {

    border-spacing: 0 8px !important

}



.table.table-custom thead th {

    background: #282b2f;

    border-top: 0;

    border-bottom: 0

}



.table.table-custom tfoot th {

    border-bottom: 0

}



.table.table-custom td:last-child,

.table.table-custom th:last-child {

    border-radius: 0 .1875rem .1875rem 0

}



.table.table-custom td:first-child,

.table.table-custom th:first-child {

    border-radius: .1875rem 0 0 .1875rem

}



.table.table-custom tbody tr {

    background: #282b2f;

    border-radius: .1875rem

}



.table.table-custom tbody tr:hover {

    background-color: rgba(255, 255, 255, 0.05)

}



.table.table-custom2 {

    border-collapse: separate !important;

    border-spacing: 1px 1px !important

}



.table.table-custom2 tr td,

.table.table-custom2 tr th {

    border: none;

    font-size: 14px

}



.table.table-custom2 thead,

.table.table-custom2 tbody {

    background: #282b2f

}



.table.table-striped tbody tr:nth-of-type(odd) {

    background: rgba(255, 255, 255, 0.02)

}



.table.table-striped td {

    border: none

}



.card-wrapper {

    display: inline-block;

    perspective: 1000px;

    width: 100%

}



.card-wrapper .card {

    position: relative;

    cursor: pointer;

    transition-duration: 0.6s;

    transition-timing-function: ease-in-out;

    transform-style: preserve-3d

}



.card-wrapper .card .front,

.card-wrapper .card .back {

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    border-radius: 3px;

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    backface-visibility: hidden;

    transform: rotateX(0deg);

    background: #282b2f

}



.card-wrapper .card .front {

    z-index: 2

}



.card-wrapper .card.s-widget-top {

    height: 162px

}



.card-wrapper .card .back,

.card-wrapper.flip-right .card .back {

    transform: rotateY(180deg)

}



.card-wrapper:hover .card,

.card-wrapper.flip-right:hover .card {

    transform: rotateY(180deg)

}



.card-wrapper.flip-left .card .back {

    transform: rotateY(-180deg)

}



.card-wrapper.flip-left:hover .card {

    transform: rotateY(-180deg)

}



.card-wrapper.flip-up .card .back {

    transform: rotateX(180deg)

}



.card-wrapper.flip-up:hover .card {

    transform: rotateX(180deg)

}



.card-wrapper.flip-down .card .back {

    transform: rotateX(-180deg)

}



.card-wrapper.flip-down:hover .card {

    transform: rotateX(-180deg)

}



.card-wrapper.flip-diagonal-right .card .back {

    transform: rotate3d(1, 1, 0, 180deg)

}



.card-wrapper.flip-diagonal-right:hover .card {

    transform: rotate3d(1, 1, 0, 180deg)

}



.card-wrapper.flip-diagonal-left .card .back {

    transform: rotate3d(1, 1, 0, -180deg)

}



.card-wrapper.flip-diagonal-left:hover .card {

    transform: rotate3d(1, 1, 0, -180deg)

}



.card-wrapper.flip-inverted-diagonal-right .card .back {

    transform: rotate3d(-1, 1, 0, 180deg)

}



.card-wrapper.flip-inverted-diagonal-right:hover .card {

    transform: rotate3d(-1, 1, 0, 180deg)

}



.card-wrapper.flip-inverted-diagonal-left .card .back {

    transform: rotate3d(1, -1, 0, 180deg)

}



.card-wrapper.flip-inverted-diagonal-left:hover .card {

    transform: rotate3d(1, -1, 0, 180deg)

}



.note-editor.note-frame {

    border-color: #2f3338;

    background: #282b2f

}



.note-editor.note-frame .note-editing-area .note-editable {

    background: #282b2f;

    color: #a5a8ad

}



.note-editor.note-frame .note-statusbar {

    background-color: #2f3338

}



.cke_chrome .cke_top {

    background: #f7f7f7

}



.cke_chrome .cke_toolgroup,

.cke_chrome a.cke_combo_button {

    background-color: #fff;

    box-shadow: none;

    background-image: none;

    border-color: #e2e4e7

}



.md-editor {

    border-color: #2f3338

}



.md-editor.active {

    border-color: #6290d0

}



.md-editor>textarea {

    background: #282b2f;

    border-color: #2f3338;

    color: #a5a8ad

}



.md-editor>textarea:focus {

    background: transparent

}



.md-editor .md-footer,

.md-editor>.md-header {

    background: #2f3338

}



.md-editor>.md-preview {

    background: #282b2f;

    padding: 10px;

    border-color: #2f3338

}



.md-editor .md-controls {

    padding: 0;

    position: relative;

    top: 8px;

    right: 5px

}



.md-editor .md-controls .md-control {

    padding: 0

}



.md-editor .md-controls .md-control:hover {

    color: #e2e4e7

}



.page-loader-wrapper {

    z-index: 99999999;

    position: fixed;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    width: 100%;

    height: 100%;

    overflow: hidden;

    background: #22252a

}



.page-loader-wrapper .loader {

    margin: 0 auto;

    width: 70px;

    height: 50px;

    text-align: center;

    font-size: 10px;

    position: absolute;

    top: 50%;

    left: 50%;

    -webkit-transform: translateY(-50%) translateX(-50%)

}



.page-loader-wrapper .loader>div {

    height: 100%;

    width: 8px;

    display: inline-block;

    margin-left: 2px;

    -webkit-animation: delay 0.9s infinite ease-in-out;

    animation: delay 0.9s infinite ease-in-out

}



.page-loader-wrapper .loader .bar1 {

    background-color: #fc3c5f

}



.page-loader-wrapper .loader .bar2 {

    background-color: #993cfc;

    -webkit-animation-delay: -0.8s;

    animation-delay: -0.8s

}



.page-loader-wrapper .loader .bar3 {

    background-color: #3ca9fc;

    -webkit-animation-delay: -0.7s;

    animation-delay: -0.7s

}



.page-loader-wrapper .loader .bar4 {

    background-color: #3cfc5f;

    -webkit-animation-delay: -0.6s;

    animation-delay: -0.6s

}



.page-loader-wrapper .loader .bar5 {

    background-color: #fcdf3c;

    -webkit-animation-delay: -0.5s;

    animation-delay: -0.5s

}



@-webkit-keyframes delay {



    0%,

    40%,

    100% {

        -webkit-transform: scaleY(0.05)

    }



    20% {

        -webkit-transform: scaleY(1)

    }

}



@keyframes delay {



    0%,

    40%,

    100% {

        transform: scaleY(0.05);

        -webkit-transform: scaleY(0.05)

    }



    20% {

        transform: scaleY(1);

        -webkit-transform: scaleY(1)

    }

}



.setting-list li {

    padding: 8px 0;

    display: flex;

    align-items: center

}



.chat-widget li {

    list-style: none;

    width: 100%

}



.chat-widget li .avtar-pic {

    margin: 0 !important;

    vertical-align: top;

    float: left

}



.chat-widget li.left img {

    float: left

}



.chat-widget li.left .chat-info {

    background: rgba(255, 255, 255, 0.03);

    border-radius: 0 10px 10px 10px;

    float: left

}



.chat-widget li.left .chat-info:before {

    border-top: 0 solid transparent;

    border-bottom: 10px solid transparent;

    border-right: 10px solid rgba(255, 255, 255, 0.03);

    left: -10px;

    top: 0

}



.chat-widget li.right {

    float: right

}



.chat-widget li.right img {

    float: right

}



.chat-widget li.right .chat-info {

    display: inline-block;

    vertical-align: middle;

    *vertical-align: auto;

    *zoom: 1;

    *display: inline;

    color: #77797c;

    border-radius: 10px 0 10px 10px

}



.chat-widget li.right .chat-info:before {

    border-top: 0 solid transparent;

    border-bottom: 10px solid transparent;

    right: -10px;

    top: 0

}



.chat-widget li .chat-info {

    display: inline-block;

    vertical-align: middle;

    *vertical-align: auto;

    *zoom: 1;

    *display: inline;

    width: calc(100% - 60px);

    padding: 10px;

    position: relative

}



.chat-widget li .chat-info:before {

    width: 0;

    height: 0;

    content: '';

    position: absolute;

    top: 12px

}



.chat-widget li .datetime {

    font-size: 12px;

    color: #96989c

}



.chat-widget li .message {

    display: block;

    vertical-align: middle;

    *vertical-align: auto;

    *zoom: 1;

    *display: block

}



.chat-widget li img {

    height: 40px;

    width: 40px

}



.top_counter .icon {

    background: #f7f7f7;

    border-radius: .1875rem;

    float: left;

    width: 50px;

    height: 50px

}



.top_counter .icon i {

    font-size: 20px;

    line-height: 50px

}



.top_counter .content {

    height: 50px

}



.right_chat li {

    position: relative

}



.right_chat li.offline .status {

    background: #FFA117

}



.right_chat li.online .status {

    background: #5CB65F

}



.right_chat li.me .status {

    background: #568AD3

}



.right_chat li:last-child .media {

    margin: 0

}



.right_chat .media .media-object {

    -webkit-transition: all 0.3s ease-in-out;

    -moz-transition: all 0.3s ease-in-out;

    -ms-transition: all 0.3s ease-in-out;

    -o-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;

    -webkit-border-radius: 4px;

    -moz-border-radius: 4px;

    border-radius: 4px;

    width: 35px

}



.right_chat .media .name {

    display: block;

    vertical-align: middle;

    *vertical-align: auto;

    *zoom: 1;

    *display: block;

    font-size: 15px;

    color: #bbbec2;

    margin: 0;

    line-height: 18px

}



.right_chat .media .message {

    display: inline-block;

    vertical-align: middle;

    *vertical-align: auto;

    *zoom: 1;

    *display: inline;

    color: #96989c

}



.right_chat .media .status {

    display: inline-block;

    vertical-align: middle;

    *vertical-align: auto;

    *zoom: 1;

    *display: inline;

    -webkit-border-radius: 50px;

    -moz-border-radius: 50px;

    border-radius: 50px;

    min-width: inherit;

    border: 3px solid #22252a;

    position: absolute;

    left: 23px;

    top: 30px;

    width: 11px;

    height: 11px

}



.right_chat .media .avtar-pic {

    margin-right: 10px

}



.maintenance {

    background: #17191c

}



.w_followers a:hover .btn {

    opacity: 1

}



.w_followers .btn {

    position: absolute;

    right: 0;

    top: 4px;

    opacity: 0

}



.todo_list .fancy-checkbox input[type="checkbox"]:checked+span {

    text-decoration: line-through

}



.todo_list li {

    position: relative;

    padding: 12px 0

}



.todo_list li .todo-delete {

    opacity: 0;

    position: absolute;

    right: 0

}



.todo_list li:hover .todo-delete {

    opacity: 1

}



.todo_list li.delete {

    display: none

}



.feeds_widget li a {

    display: flex;

    padding: 13px 20px;

    align-items: top

}



.feeds_widget li a:hover {

    background: rgba(23, 25, 28, 0.01)

}



.feeds_widget li .feeds-left {

    font-size: 18px;

    border-radius: .1875rem;

    width: 35px;

    height: 35px;

    line-height: 35px;

    text-align: center

}



.feeds_widget li .feeds-body {

    width: calc(100% - 55px)

}



.feeds_widget li .feeds-body .title {

    font-size: 16px;

    color: #17191c;

    font-weight: 400

}



.feeds_widget li .feeds-body>small {

    display: block;

    vertical-align: middle;

    *vertical-align: auto;

    *zoom: 1;

    *display: block;

    font-size: 14px;

    color: #77797c

}



.feeds_widget li .feeds-body .text-muted {

    font-size: 12px

}



.icon-in-bg {

    width: 55px;

    height: 55px;

    text-align: center;

    display: -webkit-flex;

    display: flex;

    -webkit-align-items: center;

    align-items: center;

    -webkit-justify-content: center;

    justify-content: center

}



.small_state {

    display: flex;

    justify-content: space-between;

    align-items: center

}



.w_summary {

    display: flex;

    align-items: center

}



.w_summary .s_chart {

    width: 70px

}



.w_summary .s_detail {

    width: calc(100% - 70px)

}



.w_summary .s_detail span {

    display: inline-block;

    vertical-align: middle;

    *vertical-align: auto;

    *zoom: 1;

    *display: inline

}



.stamp {

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    border-radius: 3px;

    color: #fff;

    font-weight: 600;

    display: inline-block;

    min-width: 2rem;

    height: 2rem;

    padding: 0 .25rem;

    line-height: 2rem

}



.stamp.stamp-md {

    min-width: 2.5rem;

    height: 2.5rem;

    line-height: 2.5rem

}



.card-value {

    font-weight: 400;

    font-size: 2.5rem;

    line-height: 3.4rem;

    height: 3.4rem;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-align: center;

    align-items: center

}



.table-calendar td,

.table-calendar th {

    padding: 5px;

    border: 0

}



.table-calendar .table-calendar-link {

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    border-radius: 3px;

    display: inline-block;

    vertical-align: middle;

    *vertical-align: auto;

    *zoom: 1;

    *display: inline;

    background: #2f3338;

    color: #a5a8ad;

    font-weight: 600;

    line-height: 2rem;

    min-width: calc(2rem + 2px);

    transition: .3s background, .3s color;

    position: relative

}



.table-calendar .table-calendar-link:before {

    -webkit-border-radius: 50px;

    -moz-border-radius: 50px;

    border-radius: 50px;

    background: #e25985;

    content: '';

    width: 4px;

    height: 4px;

    position: absolute;

    left: .25rem;

    top: .25rem

}



.main-map {

    height: 550px

}



@media screen and (max-width: 1280px) {

    .main-map {

        height: 350px

    }

}



@media screen and (max-width: 768px) {

    .main-map {

        height: 200px

    }

}



.w_knob {

    display: flex;

    align-items: center

}



.invoice_list .table.table-custom thead th:before,

.invoice_list .table.table-custom thead th:after {

    display: none

}



.invoice_list .table.table-custom thead th.sorting_desc {

    color: #e25985

}



.invoice_list .table.table-custom thead th.sorting_asc {

    color: #5CB65F

}



.lightGallery img {

    opacity: 0.8

}



.lightGallery img:hover {

    opacity: 1

}



.tp-setting .float-right {

    font-size: 0

}



.row-xs {

    margin-left: -.25rem;

    margin-right: -.25rem

}



.row-xs .col,

.row-xs [class*=col-] {

    padding-left: .25rem;

    padding-right: .25rem

}



.team-info li {

    -webkit-transition: all 0.5s ease-in-out;

    -moz-transition: all 0.5s ease-in-out;

    -ms-transition: all 0.5s ease-in-out;

    -o-transition: all 0.5s ease-in-out;

    transition: all 0.5s ease-in-out;

    display: inline-block

}



.team-info li+li {

    margin-left: -10px

}



.team-info li img {

    -webkit-transition: all 0.3s ease-in-out;

    -moz-transition: all 0.3s ease-in-out;

    -ms-transition: all 0.3s ease-in-out;

    -o-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;

    -moz-box-shadow: 0px 2px 10px 0px rgba(23, 25, 28, 0.2);

    -webkit-box-shadow: 0px 2px 10px 0px rgba(23, 25, 28, 0.2);

    box-shadow: 0px 2px 10px 0px rgba(23, 25, 28, 0.2);

    border: 2px solid #96989c

}



.team-info li:hover img {

    transform: scale(1.1)

}



.team-info.sm li img {

    -webkit-border-radius: 30px;

    -moz-border-radius: 30px;

    border-radius: 30px;

    width: 30px

}



.team-info.md li img {

    -webkit-border-radius: 40px;

    -moz-border-radius: 40px;

    border-radius: 40px;

    width: 40px

}



.team-info.lg li img {

    -webkit-border-radius: 60px;

    -moz-border-radius: 60px;

    border-radius: 60px;

    width: 60px

}



.list-group li>.float-right {

    font-size: 0

}



.avtar-pic {

    -webkit-border-radius: 4px;

    -moz-border-radius: 4px;

    border-radius: 4px;

    display: inline-block

}



.avtar-pic span {

    font-size: 12px;

    color: #fff;

    font-weight: 500;

    display: block;

    text-align: center

}



.avtar-pic.w35 {

    width: 35px;

    height: 35px;

    line-height: 35px

}



.avtar-pic.w40 {

    width: 40px;

    height: 40px;

    line-height: 40px

}



.avtar-pic.w50 {

    width: 50px;

    height: 50px;

    line-height: 50px

}



.card-chart-bg {

    background: #282b2f

}



.top-navbar .progress-container {

    position: absolute;

    bottom: 0;

    width: 100%;

    height: 1px;

    background: transparent

}



.top-navbar .progress-bar {

    height: 1px;

    width: 0%

}



.c_grid .circle {

    -webkit-transition: all 0.3s ease-in-out;

    -moz-transition: all 0.3s ease-in-out;

    -ms-transition: all 0.3s ease-in-out;

    -o-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;

    -webkit-border-radius: 100px;

    -moz-border-radius: 100px;

    border-radius: 100px;

    margin: 0 auto;

    width: 100px;

    height: 100px;

    border: 2px solid;

    padding: 3px

}



.c_grid .circle img {

    max-width: 100%

}



.c_grid.c_yellow:hover .circle {

    box-shadow: 0px 0px 0px 8px rgba(255, 216, 97, 0.4)

}



.c_grid.c_yellow .circle {

    border-color: #ffd861

}



.c_grid.c_indigo:hover .circle {

    box-shadow: 0px 0px 0px 8px rgba(147, 103, 180, 0.4)

}



.c_grid.c_indigo .circle {

    border-color: #9367B4

}



.c_grid.c_pink:hover .circle {

    box-shadow: 0px 0px 0px 8px rgba(246, 109, 155, 0.4)

}



.c_grid.c_pink .circle {

    border-color: #f66d9b

}



.c_grid.c_red:hover .circle {

    box-shadow: 0px 0px 0px 8px rgba(225, 88, 88, 0.4)

}



.c_grid.c_red .circle {

    border-color: #E15858

}



.c_grid.c_blue:hover .circle {

    box-shadow: 0px 0px 0px 8px rgba(86, 138, 211, 0.4)

}



.c_grid.c_blue .circle {

    border-color: #568AD3

}



.c_grid.c_green:hover .circle {

    box-shadow: 0px 0px 0px 8px rgba(92, 182, 95, 0.4)

}



.c_grid.c_green .circle {

    border-color: #5CB65F

}



.c_grid.c_cyan:hover .circle {

    box-shadow: 0px 0px 0px 8px rgba(23, 194, 215, 0.4)

}



.c_grid.c_cyan .circle {

    border-color: #17C2D7

}



.big-text {

    padding: 20px 0

}



.big-text h2 {

    font-size: 74px;

    font-weight: 300;

    line-height: normal

}



.v_locations {

    padding: 30px;

    height: 450px

}



@media screen and (max-width: 767px) {

    .v_locations {

        padding: 0;

        height: 300px

    }

}



.testimonials .card {

    margin-bottom: 20px

}



.testimonials .blockquote {

    padding: 0;

    border: 0

}



.testimonials p {

    font-size: 15px

}



.testimonials p i {

    margin-right: 10px;

    font-size: 29px;

    opacity: 0.2

}



.taskboard .dd-handle {

    background: transparent;

    border-color: #2f3338

}



.taskboard .dd-content {

    background: transparent;

    border-color: #2f3338

}



.taskboard .dd-content p {

    width: 100%;

    white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden

}



.taskboard .dd-list>li:last-child {

    margin-bottom: 15px

}



.taskboard .action a {

    padding: 0 5px

}



.jvectormap-zoomin {

    top: 5px

}



.jvectormap-zoomin,

.jvectormap-zoomout {

    left: 0;

    width: 15px;

    height: 15px;

    line-height: 15px

}



.ribbon {

    position: relative

}



.ribbon .ribbon-box {

    color: #fff;

    right: auto;

    left: 0;

    top: 15px;

    padding-left: 12px;

    padding-right: 10px;

    position: absolute;

    height: 32px;

    line-height: 32px

}



.ribbon .ribbon-box::before {

    position: absolute;

    display: block;

    width: 0;

    height: 0;

    content: '';

    top: 0;

    right: -8px;

    height: 32px;

    border: 16px solid;

    border-left-width: 0;

    border-right-width: 8px

}



.ribbon .ribbon-box.green {

    background: #5CB65F

}



.ribbon .ribbon-box.green::before {

    border-color: #5CB65F;

    border-right-color: transparent

}



.ribbon .ribbon-box.cyan {

    background: #17C2D7

}



.ribbon .ribbon-box.cyan::before {

    border-color: #17C2D7;

    border-right-color: transparent

}



.ribbon .ribbon-box.pink {

    background: #f66d9b

}



.ribbon .ribbon-box.pink::before {

    border-color: #f66d9b;

    border-right-color: transparent

}



.ribbon .ribbon-box.orange {

    background: #FFA117

}



.ribbon .ribbon-box.orange::before {

    border-color: #FFA117;

    border-right-color: transparent

}



.ribbon .ribbon-box.info {

    background: #3C89DA

}



.ribbon .ribbon-box.info::before {

    border-color: #3C89DA;

    border-right-color: transparent

}



.ribbon .ribbon-box.indigo {

    background: #9367B4

}



.ribbon .ribbon-box.indigo::before {

    border-color: #9367B4;

    border-right-color: transparent

}



.my_sort_cut {

    padding-top: 15px;

    min-height: 80px;

    display: block;

    text-align: center

}



.my_sort_cut:hover i {

    font-size: 39px

}



.my_sort_cut i {

    font-size: 29px;

    -webkit-transition: font-size 0.2s;

    -moz-transition: font-size 0.2s;

    -ms-transition: font-size 0.2s;

    -o-transition: font-size 0.2s;

    transition: font-size 0.2s

}



.my_sort_cut span {

    display: block

}



.apexcharts-canvas .apexcharts-yaxis .apexcharts-yaxis-label,

.apexcharts-canvas .apexcharts-yaxis .apexcharts-xaxis-label,

.apexcharts-canvas .apexcharts-xaxis .apexcharts-yaxis-label,

.apexcharts-canvas .apexcharts-xaxis .apexcharts-xaxis-label {

    fill: #bbbec2 !important

}



.apexcharts-canvas .apexcharts-legend .apexcharts-legend-text {

    color: #bbbec2 !important

}



.apexcharts-canvas .apexcharts-gridline {

    stroke: #212834 !important

}



.apexcharts-canvas .apexcharts-pie-series path {

    stroke: #212834 !important

}



.apexcharts-canvas .apexcharts-radialbar-track path {

    stroke: #212834 !important

}



.apexcharts-canvas .apexcharts-radar-series polygon {

    fill: #bbbec2 !important;

    stroke: #212834 !important

}



.apexcharts-canvas .apexcharts-radar-series line {

    stroke: #212834 !important

}



.chatapp_list {

    -webkit-transition: all 0.3s ease-in-out;

    -moz-transition: all 0.3s ease-in-out;

    -ms-transition: all 0.3s ease-in-out;

    -o-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;

    width: 250px;

    position: absolute;

    left: 0;

    top: 0;

    padding: 20px;

    z-index: 7

}



.chatapp_body {

    margin-right: 250px;

    margin-left: 250px;

    border-left: 1px solid #2f3338;

    border-right: 1px solid #2f3338

}



@media screen and (max-width: 992px) {

    .chatapp_body {

        margin-right: 0

    }

}



@media screen and (max-width: 768px) {

    .chatapp_body {

        border: 0

    }

}



.chatapp_body .chat-header {

    padding: 15px 20px

}



@media screen and (max-width: 768px) {

    .chatapp_body .chat-header {

        padding-left: 0;

        padding-right: 0

    }

}



.chatapp_body .chat-header img {

    float: left;

    -webkit-border-radius: 4px;

    -moz-border-radius: 4px;

    border-radius: 4px;

    width: 40px

}



.chatapp_body .chat-header .chat-about {

    float: left

}



.chatapp_body .chat-history {

    padding: 20px;

    border-top: 1px solid #2f3338

}



@media screen and (max-width: 1024px) {

    .chatapp_body .chat-history {

        height: 450px;

        overflow-y: auto

    }

}



@media screen and (max-width: 992px) {

    .chatapp_body .chat-history {

        height: 630px;

        overflow-y: auto

    }

}



@media screen and (max-width: 768px) {

    .chatapp_body .chat-history {

        padding-left: 0;

        padding-right: 0

    }

}



.chatapp_body .chat-history .message_data li {

    list-style: none;

    position: relative

}



.chatapp_body .chat-history .message_data li .data_time {

    color: #77797c;

    position: absolute;

    bottom: -25px

}



.chatapp_body .chat-history .message_data li .message {

    display: inline-block;

    vertical-align: middle;

    *vertical-align: auto;

    *zoom: 1;

    *display: inline;

    font-size: 15px;

    padding: 18px 20px;

    line-height: 26px;

    position: relative

}



.chatapp_body .chat-history .message_data li .message:after {

    border: solid transparent;

    content: " ";

    height: 0;

    width: 0;

    position: absolute;

    pointer-events: none;

    border-width: 5px

}



.chatapp_body .chat-history .message_data li .user_pix {

    -webkit-transition: all 0.3s ease-in-out;

    -moz-transition: all 0.3s ease-in-out;

    -ms-transition: all 0.3s ease-in-out;

    -o-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;

    -webkit-border-radius: 4px;

    -moz-border-radius: 4px;

    border-radius: 4px;

    position: absolute;

    bottom: 0;

    width: 35px;

    height: 35px;

    opacity: 0.6

}



.chatapp_body .chat-history .message_data li .user_pix:hover {

    opacity: 1

}



.chatapp_body .chat-history .message_data li.left .user_pix {

    left: 0

}



.chatapp_body .chat-history .message_data li.left .data_time {

    left: 50px

}



.chatapp_body .chat-history .message_data li.left .message {

    background: #3C89DA;

    color: #f7f7f7;

    float: left;

    border-radius: 10px 10px 10px 0

}



.chatapp_body .chat-history .message_data li.left .message:after {

    bottom: 0;

    left: -10px;

    border-right-color: #3C89DA;

    border-bottom-color: #3C89DA

}



.chatapp_body .chat-history .message_data li.right .user_pix {

    right: 0

}



.chatapp_body .chat-history .message_data li.right .data_time {

    right: 50px

}



.chatapp_body .chat-history .message_data li.right .message {

    background: #2f3338;

    color: #bbbec2;

    float: right;

    border-radius: 10px 10px 0 10px

}



.chatapp_body .chat-history .message_data li.right .message:after {

    bottom: 0;

    right: -10px;

    border-left-color: #2f3338;

    border-bottom-color: #2f3338;

    margin-left: 0

}



.chatapp_body .chat-message {

    padding: 20px

}



@media screen and (max-width: 768px) {

    .chatapp_body .chat-message {

        padding-left: 0;

        padding-right: 0

    }

}



.chatapp_detail {

    -webkit-transition: all 0.3s ease-in-out;

    -moz-transition: all 0.3s ease-in-out;

    -ms-transition: all 0.3s ease-in-out;

    -o-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;

    width: 250px;

    position: absolute;

    right: 0;

    top: 0;

    padding: 20px;

    z-index: 7

}



@media screen and (max-width: 992px) {

    .chatapp_detail {

        display: none

    }

}



@media screen and (max-width: 767px) {

    .chatapp_list {

        height: 465px;

        width: 100%;

        overflow-x: auto;

        background: #fff;

        left: -400px;

        display: none

    }



    .chatapp_list.open {

        left: 0

    }



    .chatapp_body {

        margin: 0

    }



    .chatapp_body .chat-header {

        border-radius: 0.55rem 0.55rem 0 0

    }



    .chatapp_body .chat-history {

        height: 300px;

        overflow-x: auto

    }

}



.mail-inbox {

    display: flex

}



.mail-inbox .mail-left {

    -webkit-transition: all 0.3s ease-in-out;

    -moz-transition: all 0.3s ease-in-out;

    -ms-transition: all 0.3s ease-in-out;

    -o-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;

    display: block;

    vertical-align: middle;

    *vertical-align: auto;

    *zoom: 1;

    *display: block;

    width: 230px

}



.mail-inbox .mail-left .mail-side .nav {

    flex-direction: column

}



.mail-inbox .mail-left .mail-side .nav li a {

    color: #77797c;

    padding: 10px 0;

    display: flex;

    align-items: center

}



.mail-inbox .mail-left .mail-side .nav li a i {

    width: 30px;

    text-align: left

}



.mail-inbox .mail-left .mail-side .nav li a .badge {

    margin-left: auto

}



.mail-inbox .mail-left .mail-side .nav li:hover a,

.mail-inbox .mail-left .mail-side .nav li.active a {

    color: #bbbec2

}



.mail-inbox .mail-left .mail-side h3 {

    font-size: 15px;

    font-weight: 500;

    line-height: 20px

}



.mail-inbox .mail-right {

    width: calc(100% - 250px);

    margin-left: 5px;

    position: relative

}



.mail-inbox .mail-right .header {

    padding: 15px

}



.mail-inbox .mail-right h2 {

    line-height: 35px

}



.mail-inbox .mail-right .mail-action .fancy-checkbox input[type="checkbox"]+span:before {

    bottom: 0

}



.mail-inbox .mail-right .mail-action .pagination-email p {

    line-height: 30px

}



.mail-inbox .mail-right .mail-list ul li {

    background: rgba(255, 255, 255, 0.01);

    padding: 15px;

    width: 100%;

    position: relative;

    margin: 5px 0

}



.mail-inbox .mail-right .mail-list ul li:last-child {

    border-bottom: 1px solid #2f3338

}



.mail-inbox .mail-right .mail-list ul li:hover {

    background: rgba(255, 255, 255, 0.06)

}



.mail-inbox .mail-right .mail-list ul li.unread {

    position: relative

}



.mail-inbox .mail-right .mail-list ul li.unread::before {

    background: #de4848;

    position: absolute;

    width: 3px;

    height: 100%;

    content: '';

    left: 0;

    top: 0

}



.mail-inbox .mail-right .mail-list ul li .md-left,

.mail-inbox .mail-right .mail-list ul li .md-right {

    float: left

}



.mail-inbox .mail-right .mail-list ul li .md-left {

    max-width: 60px;

    width: 60px;

    position: relative;

    margin-top: 8px

}



@media screen and (max-width: 768px) {

    .mail-inbox .mail-right .mail-list ul li .md-left {

        width: 45px

    }

}



.mail-inbox .mail-right .mail-list ul li .md-left .mail-star {

    color: #a5a8ad;

    position: absolute;

    right: 13px;

    top: 0

}



.mail-inbox .mail-right .mail-list ul li .md-left .mail-star.active {

    color: #FFA117

}



@media screen and (max-width: 768px) {

    .mail-inbox .mail-right .mail-list ul li .md-left .mail-star {

        display: none

    }

}



.mail-inbox .mail-right .mail-list ul li .md-right {

    position: relative;

    padding-right: 70px;

    width: calc(100% - 70px)

}



@media screen and (max-width: 768px) {

    .mail-inbox .mail-right .mail-list ul li .md-right {

        padding-right: 60px;

        width: calc(100% - 50px)

    }

}



.mail-inbox .mail-right .mail-list ul li .md-right span.time {

    position: absolute;

    top: 0;

    right: 0

}



.mail-inbox .mail-right .mail-list ul li .md-right img {

    float: left;

    width: 38px

}



.mail-inbox .mail-right .mail-list ul li .md-right p {

    width: calc(100% - 50px);

    float: left;

    white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

    line-height: normal

}



.mail-inbox .mail-right .mail-detail-full .detail-header {

    padding: 10px 0;

    margin: 10px 0;

    border-top: 1px solid #2f3338;

    border-bottom: 1px solid #2f3338

}



.mail-inbox .mail-right .mail-detail-full .detail-header .float-left img {

    max-width: 40px

}



.mobile-left {

    display: none

}



@media screen and (max-width: 991px) {

    .mail-inbox .mail-left {

        width: 230px;

        height: calc(100vh - 52px)

    }



    .mail-inbox .mail-right {

        width: calc(100% - 230px)

    }



    .mail-inbox .mail-right .mail-action .btn {

        padding-left: 10px;

        padding-right: 10px

    }



    .mail-inbox .mail-right .mail-action .pagination-email p {

        display: none

    }

}



@media screen and (max-width: 767px) {

    .mobile-left {

        display: block;

        position: fixed;

        z-index: 9999;

        right: 15px;

        bottom: 15px

    }



    .mail-inbox .mail-left {

        position: absolute;

        left: 0;

        background-color: #fff;

        z-index: 7

    }



    .mail-inbox .mail-left {

        left: -250px;

        height: calc(100vh - 62px);

        position: fixed;

        top: 62px

    }



    .mail-inbox .mail-left.open {

        left: 0

    }



    .mail-inbox .mail-right {

        width: 100%;

        margin: 0

    }



    .mail-inbox .mail-right .header {

        flex-direction: column

    }



    .mail-inbox .mail-right .header .ml-auto {

        margin-left: 0 !important;

        margin-top: 15px

    }



    .mail-detail-full a.mail-back {

        top: -60px

    }



    .media-body p span,

    .media-body p small {

        display: none

    }

}



.timeline {

    line-height: 1.4em;

    list-style: none;

    width: 100%

}



.timeline .timeline-item {

    position: relative

}



.timeline .timeline-info {

    letter-spacing: 3px;

    margin: 0 0 .5em 0;

    text-transform: uppercase;

    white-space: nowrap

}



.timeline .timeline-marker {

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    width: 15px

}



.timeline .timeline-marker:before {

    -webkit-border-radius: 100%;

    -moz-border-radius: 100%;

    border-radius: 100%;

    background: #00bcd2;

    border: 3px solid transparent;

    content: "";

    display: block;

    height: 15px;

    position: absolute;

    top: 4px;

    left: 0;

    width: 15px;

    transition: background 0.3s ease-in-out, border 0.3s ease-in-out

}



.timeline .timeline-marker:after {

    content: "";

    width: 3px;

    background: rgba(255, 255, 255, 0.2);

    display: block;

    position: absolute;

    top: 24px;

    bottom: 0;

    left: 6px

}



.timeline-item:last-child .timeline .timeline-marker:after {

    content: none

}



.timeline .timeline-item:not(.period):hover .timeline-marker:before {

    background: transparent;

    border: 3px solid #00bcd2

}



.timeline .timeline-content .timeline-title {

    font-size: 20px;

    font-weight: 400

}



.timeline .period {

    padding: 0

}



.timeline .period .timeline-info {

    display: none

}



.timeline .period .timeline-marker:before {

    -webkit-border-radius: 0;

    -moz-border-radius: 0;

    border-radius: 0;

    background: transparent;

    content: "";

    width: 15px;

    height: auto;

    border: none;

    top: 0;

    bottom: 30px;

    position: absolute;

    border-top: 3px solid #57595d;

    border-bottom: 3px solid #57595d

}



.timeline .period .timeline-marker:after {

    content: "";

    height: 32px;

    top: auto

}



.timeline .period .timeline-content {

    padding: 40px 0 70px

}



@media (min-width: 768px) {



    .timeline.timeline-split .timeline,

    .timeline.timeline-centered .timeline {

        display: table

    }



    .timeline.timeline-split .timeline-item,

    .timeline.timeline-centered .timeline-item {

        display: table-row;

        padding: 0

    }



    .timeline.timeline-split .timeline-info,

    .timeline.timeline-centered .timeline-info,

    .timeline.timeline-split .timeline-marker,

    .timeline.timeline-centered .timeline-marker,

    .timeline.timeline-split .timeline-content,

    .timeline.timeline-centered .timeline-content,

    .timeline.timeline-split .period .timeline-info,

    .timeline.timeline-centered .period .timeline-info {

        display: table-cell;

        vertical-align: top

    }



    .timeline.timeline-split .timeline-marker,

    .timeline.timeline-centered .timeline-marker {

        position: relative

    }



    .timeline.timeline-split .timeline-content,

    .timeline.timeline-centered .timeline-content {

        padding-left: 30px

    }



    .timeline.timeline-split .timeline-info,

    .timeline.timeline-centered .timeline-info {

        padding-right: 30px

    }



    .timeline.timeline-split .period .timeline-title,

    .timeline.timeline-centered .period .timeline-title {

        position: relative;

        left: -45px

    }

}



@media (min-width: 992px) {



    .timeline.timeline-centered,

    .timeline.timeline-centered .timeline-item,

    .timeline.timeline-centered .timeline-info,

    .timeline.timeline-centered .timeline-marker,

    .timeline.timeline-centered .timeline-content {

        display: block;

        margin: 0;

        padding: 0

    }



    .timeline.timeline-centered .timeline-item {

        padding-bottom: 40px;

        overflow: hidden

    }



    .timeline.timeline-centered .timeline-marker {

        position: absolute;

        left: 50%;

        margin-left: -7.5px

    }



    .timeline.timeline-centered .timeline-info,

    .timeline.timeline-centered .timeline-content {

        width: 50%

    }



    .timeline.timeline-centered>.timeline-item:nth-child(odd) .timeline-info {

        float: left;

        text-align: right;

        padding-right: 30px

    }



    .timeline.timeline-centered>.timeline-item:nth-child(odd) .timeline-content {

        float: right;

        text-align: left;

        padding-left: 30px

    }



    .timeline.timeline-centered>.timeline-item:nth-child(even) .timeline-info {

        float: right;

        text-align: left;

        padding-left: 30px

    }



    .timeline.timeline-centered>.timeline-item:nth-child(even) .timeline-content {

        float: left;

        text-align: right;

        padding-right: 30px

    }



    .timeline.timeline-centered>.timeline-item.period .timeline-content {

        float: none;

        padding: 0;

        width: 100%;

        text-align: center

    }



    .timeline.timeline-centered .timeline-item.period {

        padding: 50px 0 90px

    }



    .timeline.timeline-centered .period .timeline-marker:after {

        height: 30px;

        bottom: 0;

        top: auto

    }



    .timeline.timeline-centered .period .timeline-title {

        left: auto

    }

}



.timeline.marker-outline .timeline-marker:before {

    background: transparent;

    border-color: #00bcd2

}



.timeline.marker-outline .timeline-item:hover .timeline-marker:before {

    background: #00bcd2

}



.fc .fc-toolbar {

    -webkit-border-radius: 0;

    -moz-border-radius: 0;

    border-radius: 0;

    color: #212834;

    background: transparent

}



.fc .fc-toolbar h2 {

    font-size: 16px;

    color: #96989c;

    text-transform: uppercase

}



.fc .fc-toolbar .fc-today-button,

.fc .fc-toolbar .fc-state-default {

    -webkit-border-radius: 0;

    -moz-border-radius: 0;

    border-radius: 0;

    background: transparent;

    color: #96989c;

    font-size: 14px;

    padding: 5px 18px;

    height: auto;

    border: none;

    box-shadow: none;

    text-shadow: none

}



.fc .fc-view-container .fc-event {

    color: #f7f7f7;

    border-radius: .1875rem;

    border: 0;

    padding: 3px 5px

}



.fc .fc-view-container .fc-event.fc-event-end:not(.fc-event-start) {

    border: 0 !important

}



.fc .fc-view-container .fc-event:focus,

.fc .fc-view-container .fc-event:hover,

.fc .fc-view-container .fc-event:active {

    z-index: 1000;

    color: #fff

}



.fc .fc-view-container .fc-event:focus .fc-overlay,

.fc .fc-view-container .fc-event:hover .fc-overlay,

.fc .fc-view-container .fc-event:active .fc-overlay {

    display: block;

    vertical-align: middle;

    *vertical-align: auto;

    *zoom: 1;

    *display: block

}



.fc .fc-view-container .fc-view.fc-basic-view>table>thead tr th.fc-widget-header,

.fc .fc-view-container .fc-view.fc-basic-view>table>thead tr td.fc-widget-header,

.fc .fc-view-container .fc-view.fc-agenda>table>thead tr th.fc-widget-header,

.fc .fc-view-container .fc-view.fc-agenda>table>thead tr td.fc-widget-header {

    border: 1px solid #2f3338;

    padding: 10px;

    color: #393d42

}



.fc .fc-view-container .fc-view.fc-basic-view>table tbody tr td.fc-widget-content,

.fc .fc-view-container .fc-view.fc-agenda>table tbody tr td.fc-widget-content {

    border: 0;

    border-bottom: 1px solid #2f3338;

    border-right: 1px solid #2f3338

}



.fc .fc-view-container .fc-view.fc-basic-view>table tbody tr td.fc-widget-content.fc-state-highlight,

.fc .fc-view-container .fc-view.fc-agenda>table tbody tr td.fc-widget-content.fc-state-highlight {

    background: #fff

}



.fc .fc-view-container .fc-view.fc-basic-view>table tbody tr td.fc-day-number,

.fc .fc-view-container .fc-view.fc-agenda>table tbody tr td.fc-day-number {

    padding: 5px 10px;

    margin: 5px;

    color: #212834;

    font-size: 15px

}



.fc .fc-view-container .fc-view.fc-basic-view>table tbody tr td.fc-day-number.fc-state-highlight,

.fc .fc-view-container .fc-view.fc-agenda>table tbody tr td.fc-day-number.fc-state-highlight {

    background-color: #E15858;

    color: #fff;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    border-radius: 50%;

    padding: 4px 6px;

    float: right

}



.fc .fc-view-container .fc-view.fc-basic-view>table tbody tr td:first-child.fc-widget-content,

.fc .fc-view-container .fc-view.fc-agenda>table tbody tr td:first-child.fc-widget-content {

    border-left: 1px solid #2f3338

}



.fc .fc-view-container .fc-view.fc-basic-view .fc-body .fc-row .fc-bg,

.fc .fc-view-container .fc-view.fc-agenda .fc-body .fc-row .fc-bg {

    border-bottom: 1px solid #2f3338

}



.fc .fc-view-container .fc-view.fc-basic-view .fc-body .fc-row:last-of-type .fc-bg,

.fc .fc-view-container .fc-view.fc-agenda .fc-body .fc-row:last-of-type .fc-bg {

    border-bottom: 0

}



.fc .fc-view-container .fc-view.fc-basic-view .fc-agenda-allday .fc-agenda-axis,

.fc .fc-view-container .fc-view.fc-basic-view .fc-agenda-allday .fc-agenda-gutter,

.fc .fc-view-container .fc-view.fc-agenda .fc-agenda-allday .fc-agenda-axis,

.fc .fc-view-container .fc-view.fc-agenda .fc-agenda-allday .fc-agenda-gutter {

    border-left: 1px solid #2f3338;

    border-right: 1px solid #2f3338;

    background-color: #e2e4e7;

    color: #212834;

    font-weight: 300;

    padding: 10px 5px

}



.fc .fc-view-container .fc-view.fc-basic-view>table>tbody>tr>td.fc-state-highlight,

.fc .fc-view-container .fc-view.fc-agenda>table>tbody>tr>td.fc-state-highlight {

    background: #e2e4e7

}



.fc .fc-view-container .fc-view.fc-basic-view>table>tbody>tr>td.fc-sat,

.fc .fc-view-container .fc-view.fc-agenda>table>tbody>tr>td.fc-sat {

    border-right: 0

}



.fc .fc-view-container .fc-view.fc-basic-view .fc-agenda-slots tr,

.fc .fc-view-container .fc-view.fc-agenda .fc-agenda-slots tr {

    line-height: 35px

}



.fc .fc-view-container .fc-view.fc-basic-view .fc-agenda-slots tr th,

.fc .fc-view-container .fc-view.fc-agenda .fc-agenda-slots tr th {

    border: 0;

    border-left: 1px solid #2f3338;

    border-right: 1px solid #2f3338;

    background-color: #e2e4e7;

    color: #212834;

    font-weight: 100;

    padding-top: 10px

}



.fc .fc-view-container .fc-view.fc-basic-view .fc-agenda-slots tr td.fc-widget-content,

.fc .fc-view-container .fc-view.fc-agenda .fc-agenda-slots tr td.fc-widget-content {

    border-bottom: 1px solid #2f3338;

    line-height: 50px

}



.fc .fc-view-container .fc-view.fc-basic-view .fc-agenda-slots tr td.fc-widget-content:last-child,

.fc .fc-view-container .fc-view.fc-agenda .fc-agenda-slots tr td.fc-widget-content:last-child {

    border-right: 0

}



.fc .fc-view-container .fc-view.fc-basic-view .fc-agenda-slots tr.fc-minor td.fc-widget-content,

.fc .fc-view-container .fc-view.fc-agenda .fc-agenda-slots tr.fc-minor td.fc-widget-content {

    border-bottom: 1px solid #2f3338

}



.fc .fc-view-container .fc-view.fc-basic-view .fc-agenda-divider,

.fc .fc-view-container .fc-view.fc-agenda .fc-agenda-divider {

    border: 1px solid #2f3338

}



.fc .fc-view-container .fc-view.fc-basic-view .fc-agenda-divider .fc-agenda-divider-inner,

.fc .fc-view-container .fc-view.fc-agenda .fc-agenda-divider .fc-agenda-divider-inner {

    background-color: #e2e4e7;

    height: 3px

}



.fc .fc-view-container .fc-list-view .fc-list-item {

    color: #e2e4e7

}



.fc .fc-view-container .fc-other-month {

    background: #22252a

}



.fc .fc-view-container .fc-basic-view .fc-day-number,

.fc .fc-view-container .fc-basic-view .fc-week-number {

    float: left;

    padding: 10px 0 5px 10px

}



.fc .fc-popover {

    box-shadow: 0px 10px 50px 0px rgba(23, 25, 28, 0.2);

    border: none;

    padding: 10px;

    border-radius: .55rem

}



.fc .fc-popover .fc-event-container {

    padding: 0

}



.fc .fc-popover .fc-event {

    padding: 4px 8px;

    margin: 2px 0px

}



.fc .fc-agendaWeek-view .fc-head .fc-widget-header span,

.fc .fc-agendaDay-view .fc-head .fc-widget-header span,

.fc .fc-listWeek-view .fc-head .fc-widget-header span {

    padding: 10px;

    display: inline-block

}



.fc .fc-divider {

    display: none

}



.fc .fc-scroller {

    height: auto !important;

    overflow: unset !important

}



.fc-unthemed th {

    background: #2f3338

}



.fc-unthemed td,

.fc-unthemed th {

    border-color: #2f3338

}



.fc-unthemed .fc-divider {

    background: #2f3338

}



@media screen and (max-width: 767px) {

    .fc-toolbar .fc-right {

        display: none

    }



    .fc-toolbar .fc-left {

        width: 100%;

        margin-bottom: 15px

    }



    .fc .fc-toolbar .fc-today-button {

        float: right

    }

}



#calendar {

    margin: 0 auto;

    background-color: transparent

}



#calendar table.fc-header {

    background-color: transparent

}



#calendar thead tr.fc-first {

    background-color: transparent

}



#calendar #external-events {

    float: left;

    width: 150px;

    padding: 0 10px;

    text-align: left

}



#calendar #external-events h4 {

    font-size: 16px;

    margin-top: 0;

    padding-top: 1em

}



#calendar .external-event {

    margin: 10px 0;

    padding: 2px 4px;

    background: #3366CC;

    color: #fff;

    font-size: .85em;

    cursor: pointer

}



#calendar #external-events p {

    margin: 1.5em 0;

    font-size: 11px;

    color: #666

}



#calendar #external-events p input {

    margin: 0;

    vertical-align: middle

}



#calendar .fc-widget-content {

    border-color: #2f3338

}



#calendar .fc-event {

    border: 0

}



#calendar .fc-event-inner {

    padding: 2px

}



#calendar .fc-week .fc-day>div .fc-day-number {

    min-width: 34px

}



.pricing {

    color: #57595d

}



.pricing:hover .plan-img img {

    background: #007FFF

}



.pricing li {

    list-style: none;

    padding: 8px

}



.pricing .plan-img img {

    -webkit-transition: all 0.4s ease-in-out;

    -moz-transition: all 0.4s ease-in-out;

    -ms-transition: all 0.4s ease-in-out;

    -o-transition: all 0.4s ease-in-out;

    transition: all 0.4s ease-in-out;

    background: rgba(255, 255, 255, 0.03);

    max-width: 180px

}



.pricing h3 span {

    vertical-align: top;

    font-size: 15px

}



.pricing.active h3 {

    color: #007FFF

}



.invoice1 .logo,

.invoice1 .clientlogo {

    float: left;

    height: 70px;

    width: 70px

}



.invoice1 .info {

    display: block;

    vertical-align: middle;

    *vertical-align: auto;

    *zoom: 1;

    *display: block;

    float: left

}



.invoice1 .invoice-top .title {

    float: right

}



.invoice1 .invoice-mid .info {

    width: calc(100% - 90px)

}



.invoice .table tr td {

    vertical-align: middle

}



.news .card-title {

    font-size: 16px

}



.news .card-title a {

    color: rgba(255, 255, 255, 0.6)

}



.news .card-title a:hover {

    color: #3C89DA

}



.news .card-columns {

    column-count: 3

}



@media screen and (max-width: 992px) {

    .news .card-columns {

        column-count: 2

    }

}



@media screen and (max-width: 767px) {

    .news .card-columns {

        column-count: 1

    }

}



.n_category .sub_n_category {

    position: absolute;

    left: 15px;

    top: 15px;

    padding: 3px 10px;

    border-radius: .1875rem

}



.n_category .sub_n_category.p_right {

    left: auto;

    right: 15px

}



.social .profile-header {

    background: transparent url("../../../assets/images/image-gallery/10.jpg") repeat scroll center center/cover;

    color: #fff;

    padding: 20px;

    position: relative;

    overflow: hidden;

    border-radius: .1875rem;

    box-shadow: inset 0 0 0 2000px #17A2B8;

}



@media screen and (max-width: 767px) {

    .social .profile-header {

        display: block !important

    }



    .social .profile-header .d-flex {

        margin-bottom: 20px

    }

}



.social .profile-header img {

    width: 70px

}



.w_social3 .card {

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    border-radius: 3px;

    font-weight: 400;

    color: #a5a8ad;

    background: #282b2f;

    padding: 22px;

    border-top: 1px solid rgba(255, 255, 255, 0.09)

}



.w_social3 .card .fa {

    font-size: 30px

}



.w_social3 .text {

    margin-top: 0 !important

}



.w_social3 .facebook-widget .icon i {

    color: #3b5998

}



.w_social3 .facebook-widget:hover {

    background: #3b5998

}



.w_social3 .facebook-widget:hover .icon i {

    color: #fff

}



.w_social3 .google-widget .icon i {

    color: #d34836

}



.w_social3 .google-widget:hover {

    background: #d34836

}



.w_social3 .google-widget:hover .icon i {

    color: #fff

}



.w_social3 .twitter-widget .icon i {

    color: #0084b4

}



.w_social3 .twitter-widget:hover {

    background: #0084b4

}



.w_social3 .twitter-widget:hover .icon i {

    color: #fff

}



.w_social3 .instagram-widget .icon i {

    color: #fb3958

}



.w_social3 .instagram-widget:hover {

    background: #fb3958

}



.w_social3 .instagram-widget:hover .icon i {

    color: #fff

}



.member-card img {

    width: 80px;

    box-shadow: 0px 10px 25px 0px rgba(0, 0, 0, 0.3)

}



.member-card .text-pink {

    display: block;

    vertical-align: middle;

    *vertical-align: auto;

    *zoom: 1;

    *display: block

}



.rtl {

    direction: rtl;

    text-align: right

}



.rtl .float-right {

    float: left !important

}



.rtl .float-left {

    float: right !important

}



.rtl .text-right {

    text-align: left !important

}



.rtl .text-left {

    text-align: right !important

}



.rtl #left-sidebar {

    right: 0px;

    left: auto

}



@media screen and (max-width: 1200px) {

    .rtl #left-sidebar {

        right: -250px

    }

}



.rtl #main-content {

    float: left

}



.rtl .top-navbar {

    left: 0;

    right: auto

}



.rtl .top-navbar #navbar-search {

    margin-right: 0;

    margin-left: 20px

}



.rtl .top-navbar #navbar-search .btn {

    left: 15px;

    right: auto

}



.rtl .top-navbar .navbar-btn {

    float: right;

    border-left: 1px solid #fff;

    border-right: 0

}



.rtl .metismenu>li i {

    margin-right: 0;

    margin-left: 10px

}



.rtl .metismenu ul a {

    padding: 6px 38px 6px 15px

}



.rtl .metismenu ul a::before {

    right: 5px;

    left: auto

}



.rtl .metismenu .has-arrow:after {

    right: auto;

    left: 1em

}



.rtl .themesetting {

    border-left: 0;

    border-right: 2px solid;

    text-align: right;

    left: -300px;

    right: auto

}



.rtl .themesetting.open {

    left: 0

}



.rtl .themesetting .theme_btn {

    border-radius: 0 .1875rem .1875rem 0;

    right: -35px;

    left: auto

}



.rtl .rightbar {

    left: -550px;

    right: auto

}



.rtl .rightbar.open {

    left: 0

}



.rtl .search_div {

    left: -600px;

    right: auto;

    border-left: 0;

    border-right: 1px solid #e8e8e8

}



.rtl .search_div.open {

    left: 0;

    right: auto

}



.rtl #left-sidebar .navbar-brand span {

    margin-left: 0;

    margin-right: 10px

}



.rtl.offcanvas-active #left-sidebar {

    right: 0

}



.rtl.h-menu #left-sidebar .navbar-brand {

    float: right

}



.rtl .ml-2 {

    margin-left: 0 !important;

    margin-right: 0.5rem !important

}



.rtl .mr-2 {

    margin-right: 0 !important;

    margin-left: 0.5rem !important

}



.rtl .pr-2 {

    padding-right: 0 !important;

    padding-left: 0.5rem !important

}



.rtl .ml-3 {

    margin-left: 0 !important;

    margin-right: 1rem !important

}



.rtl .mr-3 {

    margin-right: 0 !important;

    margin-left: 1rem !important

}



.rtl .ml-4 {

    margin-right: 1.5rem !important;

    margin-left: 0 !important

}



.rtl .mr-4 {

    margin-left: 1.5rem !important;

    margin-right: 0 !important

}



.rtl .mr-5 {

    margin-left: 3rem !important;

    margin-right: 0 !important

}



.rtl .m-r-10,

.rtl .metismenu>li i,

.metismenu>li .rtl i,

.rtl .navbar-nav ul.email li a .avtar-pic,

.navbar-nav ul.email li a .rtl .avtar-pic,

.rtl .user-account .dropdown .dropdown-menu a i,

.user-account .dropdown .dropdown-menu a .rtl i,

.rtl .top_counter .icon,

.top_counter .rtl .icon,

.rtl .right_chat .media .media-object,

.right_chat .media .rtl .media-object {

    margin-right: 0;

    margin-left: 10px

}



.rtl .m-r-20,

.rtl .top-navbar #navbar-search,

.top-navbar .rtl #navbar-search,

.rtl .block-header .breadcrumb,

.block-header .rtl .breadcrumb,

.rtl .media.mleft .media-left,

.media.mleft .rtl .media-left,

.rtl .bs-example .media .media-left,

.bs-example .media .rtl .media-left,

.rtl .chat-widget li.right .chat-info,

.chat-widget li.right .rtl .chat-info {

    margin-right: 0;

    margin-left: 20px

}



.rtl .border-right {

    border-left: 1px solid;

    border-right: 0 !important

}



.rtl .block-header .breadcrumb {

    margin-right: 0;

    margin-left: 20px

}



.rtl .block-header .breadcrumb .breadcrumb-item+.breadcrumb-item {

    padding-right: .5rem;

    padding-left: 0

}



.rtl .block-header .breadcrumb .breadcrumb-item+.breadcrumb-item:before {

    padding-right: 0;

    padding-left: .5rem

}



.rtl .input-group .input-group-append {

    margin-left: 0;

    margin-right: -1px

}



.rtl .input-group .input-group-prepend {

    margin-left: -1px;

    margin-right: 0

}



.rtl .input-group .input-group-prepend>.input-group-text {

    -webkit-border-radius: 0 0.25rem 0.25rem 0;

    -moz-border-radius: 0 0.25rem 0.25rem 0;

    border-radius: 0 0.25rem 0.25rem 0

}



.rtl .input-group>.form-control:not(:first-child) {

    -webkit-border-radius: 0.25rem 0 0 0.25rem;

    -moz-border-radius: 0.25rem 0 0 0.25rem;

    border-radius: 0.25rem 0 0 0.25rem

}



.rtl .input-group>.custom-select:not(:last-child),

.rtl .input-group>.form-control:not(:last-child) {

    -webkit-border-radius: 0 0.25rem 0.25rem 0;

    -moz-border-radius: 0 0.25rem 0.25rem 0;

    border-radius: 0 0.25rem 0.25rem 0

}



.rtl .input-group>.input-group-append>.btn {

    -webkit-border-radius: 0.25rem 0 0 0.25rem;

    -moz-border-radius: 0.25rem 0 0 0.25rem;

    border-radius: 0.25rem 0 0 0.25rem

}



.rtl .list-group,

.rtl .list-unstyled,

.rtl .nav {

    padding-right: 0

}



.rtl .fancy-radio input[type="radio"]+span i {

    margin-right: 0;

    margin-left: 5px

}



.rtl .fancy-radio input[type="radio"]+span i:after {

    right: 3px;

    left: auto

}



.rtl .fancy-checkbox {

    margin-left: 10px;

    margin-right: 0

}



.rtl .fancy-checkbox input[type="checkbox"]+span:before {

    margin-left: 10px;

    margin-right: 0

}



.rtl .navbar-nav .dropdown-menu {

    right: 0;

    left: auto;

    text-align: right

}



.rtl .card .header .header-dropdown {

    right: auto;

    left: 0

}



.rtl .card .header .header-dropdown li .dropdown-menu {

    left: 0 !important;

    right: auto

}



.rtl .timeline .timeline-item {

    padding-left: 0;

    padding-right: 40px

}



.rtl .timeline .timeline-marker {

    right: 0;

    left: auto

}



.rtl .timeline.timeline-centered .timeline-marker {

    left: 50%;

    right: auto;

    margin-left: -30px

}



.rtl .c3,

.rtl .knob {

    direction: ltr !important

}



.rtl .todo_list li .todo-delete {

    right: auto;

    left: 0

}



.rtl .mail-inbox .mail-left .mail-side .nav li a i {

    text-align: right

}



.rtl .mail-inbox .mail-left .mail-side .nav li a .badge {

    margin-right: auto;

    margin-left: inherit

}



.rtl .mail-inbox .mail-right .mail-list ul li.unread::before {

    left: auto;

    right: 0

}



.rtl .mail-inbox .mail-right .mail-list ul li .md-left,

.rtl .mail-inbox .mail-right .mail-list ul li .md-right {

    float: right

}



.rtl .mail-inbox .mail-right .mail-list ul li .md-left .mail-star {

    right: 30px

}



.rtl .mail-inbox .mail-right .mail-list ul li .md-right {

    padding-right: 0;

    padding-left: 70px

}



.rtl .mail-inbox .mail-right .mail-list ul li .md-right img {

    float: right;

    left: inherit

}



.rtl .mail-inbox .mail-right .mail-list ul li .md-right span.time {

    right: auto;

    left: 0

}



.rtl .mail-inbox .mail-right .mail-list ul li .md-right p {

    margin-left: 0;

    margin-right: 10px

}



.rtl .right_chat .media .avtar-pic {

    margin-left: 10px;

    margin-right: 0

}



.rtl .right_chat .media .status {

    right: 23px;

    left: 0

}



.rtl .testimonials p i {

    margin-right: 0;

    margin-left: 10px

}



.rtl .wizard .actions {

    text-align: left

}



.rtl .feeds_widget li .feeds-left {

    margin-left: 15px;

    margin-right: 0

}



.rtl .dataTables_wrapper .dt-buttons {

    float: right

}



.rtl .dataTables_wrapper .dataTables_filter {

    text-align: left

}



.rtl .dataTables_wrapper .dataTables_filter .form-control {

    margin-left: 0;

    margin-right: 10px

}



.rtl .auth-main .form-auth-small .element-left {

    float: right

}



.rtl .icon-container {

    text-align: right;

    float: right

}



.rtl .icon-container .icon-name {

    margin-left: 0;

    margin-right: 35px

}



.single-blog {

    margin-bottom: 30px

}



.single-blog .post-thumb {

    border-radius: 5px;

    margin: -1px -1px 0;

    position: relative;

    overflow: hidden;

    max-height: 350px

}



.single-blog .post-content {

    padding: 20px 0

}



.single-blog .post-content .post-title {

    margin-bottom: 0

}



.single-blog .post-content .post-title a {

    font-size: 20px;

    font-weight: 600;

    color: #3C89DA

}



.single-blog .post-content .post-author {

    margin-top: 0

}



.single-blog .post-content .post-author a {

    font-size: 12px;

    font-weight: 400;

    color: #77797c

}



.single-blog .post-bottom {

    border-bottom: 1px solid #2f3338;

    padding-top: 10px;

    padding-bottom: 10px

}



.post-bottom {

    border-top: 1px solid #2f3338;

    padding-top: 10px;

    margin-top: 20px;

    padding: 20px

}



.post-bottom .post-nav li {

    margin-right: 60px

}



.post-bottom .post-nav li a {

    color: #77797c

}



.post-bottom .post-nav li i {

    margin-right: 10px

}



.tag_cloud .nav-link {

    background: rgba(60, 137, 218, 0.1);

    margin-right: 3px;

    margin-bottom: 3px

}



.tag_cloud .nav-link:hover {

    background: #3C89DA;

    color: #fff

}



ul.gallery li {

    display: block;

    width: 33.33%;

    float: left;

    padding: 8px

}



ul.gallery li a {

    display: block

}



.theme-cyan ::selection {

    color: #fff;

    background: #17C2D7

}



.theme-cyan .sidebar-nav .metismenu>li.active>a {

    color: #17C2D7

}



.theme-cyan .sidebar-nav .metismenu>li.active>a i {

    background: #17C2D7;

    color: #fff

}



.theme-cyan .sidebar-nav .metismenu>li ul .active a {

    color: #17C2D7

}



.theme-cyan .sidebar-nav .metismenu a:hover,

.theme-cyan .sidebar-nav .metismenu a:focus {

    color: #17C2D7

}



.theme-cyan .sidebar-nav .metismenu a:hover i,

.theme-cyan .sidebar-nav .metismenu a:focus i {

    background: #17C2D7;

    color: #fff

}



.theme-cyan .sidebar-nav .metismenu a:hover:after,

.theme-cyan .sidebar-nav .metismenu a:focus:after {

    color: #17C2D7

}



.theme-cyan .sidebar-nav .metismenu ul a:hover::before {

    background: #17C2D7

}



.theme-cyan .card .header h2 {

    color: #17C2D7;

    font-weight: 400

}



.theme-cyan .form-control:focus {

    color: #000000

}



.theme-cyan .fancy-checkbox input[type="checkbox"]:checked+span:before {

    color: #17C2D7;

    border-color: #17C2D7

}



.theme-cyan .chat-widget li.right .chat-info {

    background: #17C2D7;

    color: #fff

}



.theme-cyan .chat-widget li.right .chat-info:before {

    border-left: 10px solid #17C2D7

}



.theme-cyan .wizard>.steps .current a {

    background: #17C2D7

}



.theme-cyan .wizard>.steps .done a {

    background: #6f7b7d

}



.theme-cyan .pagination>li>a {

    color: #17C2D7

}



.theme-cyan .pagination>li>a:hover {

    background: #17C2D7;

    border-color: #17C2D7;

    color: #fff

}



.theme-cyan .pagination>li>span {

    color: #17C2D7

}



.theme-cyan .page-item.active .page-link {

    background-color: #17C2D7;

    border-color: #17C2D7

}



.theme-cyan .switch input:checked+.slider {

    background-color: #17C2D7

}



.theme-cyan .switch input:focus+.slider {

    box-shadow: 0 0 1px #17C2D7

}



.theme-cyan .top-navbar #navbar-search .form-control:focus,

.theme-cyan .top-navbar #navbar-search .form-control:active {

    background: #000000;

    color: #fff

}



.theme-cyan .top-navbar .progress-bar {

    background: #17C2D7

}



.theme-cyan .jvectormap-zoomin,

.theme-cyan .jvectormap-zoomout {

    background: #17C2D7

}



.theme-cyan .nav.nav-tabs3 {

    border-color: #17C2D7 !important

}



.theme-cyan .nav.nav-tabs3>li>a.active,

.theme-cyan .nav.nav-tabs3>li>a:hover {

    color: #17C2D7;

    border-color: #17C2D7 !important

}



.theme-cyan .nav.nav-tabs3>li>a.active::after,

.theme-cyan .nav.nav-tabs3>li>a:hover::after {

    background: #17C2D7

}



.theme-cyan .nav.nav-tabs2>li>a.active,

.theme-cyan .nav.nav-tabs2>li>a:hover {

    background: #17C2D7

}



.theme-cyan.h-menu .metismenu .collapse {

    border-top: 1px solid #17C2D7

}



.theme-green ::selection {

    color: #fff;

    background: #5CB65F

}



.theme-green .sidebar-nav .metismenu>li.active>a {

    color: #5CB65F

}



.theme-green .sidebar-nav .metismenu>li.active>a i {

    background: #5CB65F;

    color: #fff

}



.theme-green .sidebar-nav .metismenu>li ul .active a {

    color: #5CB65F

}



.theme-green .sidebar-nav .metismenu a:hover,

.theme-green .sidebar-nav .metismenu a:focus {

    color: #5CB65F

}



.theme-green .sidebar-nav .metismenu a:hover i,

.theme-green .sidebar-nav .metismenu a:focus i {

    background: #5CB65F;

    color: #fff

}



.theme-green .sidebar-nav .metismenu a:hover:after,

.theme-green .sidebar-nav .metismenu a:focus:after {

    color: #5CB65F

}



.theme-green .sidebar-nav .metismenu ul a:hover::before {

    background: #5CB65F

}



.theme-green .card .header h2 {

    color: #5CB65F;

    font-weight: 400

}



.theme-green .form-control:focus {

    color: #5CB65F

}



.theme-green .fancy-checkbox input[type="checkbox"]:checked+span:before {

    color: #5CB65F;

    border-color: #5CB65F

}



.theme-green .chat-widget li.right .chat-info {

    background: #5CB65F;

    color: #fff

}



.theme-green .chat-widget li.right .chat-info:before {

    border-left: 10px solid #5CB65F

}



.theme-green .wizard>.steps .current a {

    background: #5CB65F

}



.theme-green .wizard>.steps .done a {

    background: #6f7b7d

}



.theme-green .pagination>li>a {

    color: #5CB65F

}



.theme-green .pagination>li>a:hover {

    background: #5CB65F;

    border-color: #5CB65F;

    color: #fff

}



.theme-green .pagination>li>span {

    color: #5CB65F

}



.theme-green .page-item.active .page-link {

    background-color: #5CB65F;

    border-color: #5CB65F

}



.theme-green .switch input:checked+.slider {

    background-color: #5CB65F

}



.theme-green .switch input:focus+.slider {

    box-shadow: 0 0 1px #5CB65F

}



.theme-green .top-navbar #navbar-search .form-control:focus,

.theme-green .top-navbar #navbar-search .form-control:active {

    background: #5CB65F;

    color: #fff

}



.theme-green .top-navbar .progress-bar {

    background: #5CB65F

}



.theme-green .jvectormap-zoomin,

.theme-green .jvectormap-zoomout {

    background: #5CB65F

}



.theme-green .nav.nav-tabs3 {

    border-color: #5CB65F !important

}



.theme-green .nav.nav-tabs3>li>a.active,

.theme-green .nav.nav-tabs3>li>a:hover {

    color: #5CB65F;

    border-color: #5CB65F !important

}



.theme-green .nav.nav-tabs3>li>a.active::after,

.theme-green .nav.nav-tabs3>li>a:hover::after {

    background: #5CB65F

}



.theme-green .nav.nav-tabs2>li>a.active,

.theme-green .nav.nav-tabs2>li>a:hover {

    background: #5CB65F

}



.theme-green.h-menu .metismenu .collapse {

    border-top: 1px solid #5CB65F

}



.theme-orange ::selection {

    color: #fff;

    background: #FFA117

}



.theme-orange .sidebar-nav .metismenu>li.active>a {

    color: #FFA117

}



.theme-orange .sidebar-nav .metismenu>li.active>a i {

    background: #FFA117;

    color: #fff

}



.theme-orange .sidebar-nav .metismenu>li ul .active a {

    color: #FFA117

}



.theme-orange .sidebar-nav .metismenu a:hover,

.theme-orange .sidebar-nav .metismenu a:focus {

    color: #FFA117

}



.theme-orange .sidebar-nav .metismenu a:hover i,

.theme-orange .sidebar-nav .metismenu a:focus i {

    background: #FFA117;

    color: #fff

}



.theme-orange .sidebar-nav .metismenu a:hover:after,

.theme-orange .sidebar-nav .metismenu a:focus:after {

    color: #FFA117

}



.theme-orange .sidebar-nav .metismenu ul a:hover::before {

    background: #FFA117

}



.theme-orange .card .header h2 {

    color: #FFA117;

    font-weight: 400

}



.theme-orange .form-control:focus {

    color: #FFA117

}



.theme-orange .fancy-checkbox input[type="checkbox"]:checked+span:before {

    color: #FFA117;

    border-color: #FFA117

}



.theme-orange .chat-widget li.right .chat-info {

    background: #FFA117;

    color: #fff

}



.theme-orange .chat-widget li.right .chat-info:before {

    border-left: 10px solid #FFA117

}



.theme-orange .wizard>.steps .current a {

    background: #FFA117

}



.theme-orange .wizard>.steps .done a {

    background: #6f7b7d

}



.theme-orange .pagination>li>a {

    color: #FFA117

}



.theme-orange .pagination>li>a:hover {

    background: #FFA117;

    border-color: #FFA117;

    color: #fff

}



.theme-orange .pagination>li>span {

    color: #FFA117

}



.theme-orange .page-item.active .page-link {

    background-color: #FFA117;

    border-color: #FFA117

}



.theme-orange .switch input:checked+.slider {

    background-color: #FFA117

}



.theme-orange .switch input:focus+.slider {

    box-shadow: 0 0 1px #FFA117

}



.theme-orange .top-navbar #navbar-search .form-control:focus,

.theme-orange .top-navbar #navbar-search .form-control:active {

    background: #FFA117;

    color: #fff

}



.theme-orange .top-navbar .progress-bar {

    background: #FFA117

}



.theme-orange .jvectormap-zoomin,

.theme-orange .jvectormap-zoomout {

    background: #FFA117

}



.theme-orange .nav.nav-tabs3 {

    border-color: #FFA117 !important

}



.theme-orange .nav.nav-tabs3>li>a.active,

.theme-orange .nav.nav-tabs3>li>a:hover {

    color: #FFA117;

    border-color: #FFA117 !important

}



.theme-orange .nav.nav-tabs3>li>a.active::after,

.theme-orange .nav.nav-tabs3>li>a:hover::after {

    background: #FFA117

}



.theme-orange .nav.nav-tabs2>li>a.active,

.theme-orange .nav.nav-tabs2>li>a:hover {

    background: #FFA117

}



.theme-orange.h-menu .metismenu .collapse {

    border-top: 1px solid #FFA117

}



.theme-blush ::selection {

    color: #fff;

    background: #e25985

}



.theme-blush .sidebar-nav .metismenu>li.active>a {

    color: #e25985

}



.theme-blush .sidebar-nav .metismenu>li.active>a i {

    background: #e25985;

    color: #fff

}



.theme-blush .sidebar-nav .metismenu>li ul .active a {

    color: #e25985

}



.theme-blush .sidebar-nav .metismenu a:hover,

.theme-blush .sidebar-nav .metismenu a:focus {

    color: #e25985

}



.theme-blush .sidebar-nav .metismenu a:hover i,

.theme-blush .sidebar-nav .metismenu a:focus i {

    background: #e25985;

    color: #fff

}



.theme-blush .sidebar-nav .metismenu a:hover:after,

.theme-blush .sidebar-nav .metismenu a:focus:after {

    color: #e25985

}



.theme-blush .sidebar-nav .metismenu ul a:hover::before {

    background: #e25985

}



.theme-blush .card .header h2 {

    color: #e25985;

    font-weight: 400

}



.theme-blush .form-control:focus {

    color: #e25985

}



.theme-blush .fancy-checkbox input[type="checkbox"]:checked+span:before {

    color: #e25985;

    border-color: #e25985

}



.theme-blush .chat-widget li.right .chat-info {

    background: #e25985;

    color: #fff

}



.theme-blush .chat-widget li.right .chat-info:before {

    border-left: 10px solid #e25985

}



.theme-blush .wizard>.steps .current a {

    background: #e25985

}



.theme-blush .wizard>.steps .done a {

    background: #6f7b7d

}



.theme-blush .pagination>li>a {

    color: #e25985

}



.theme-blush .pagination>li>a:hover {

    background: #e25985;

    border-color: #e25985;

    color: #fff

}



.theme-blush .pagination>li>span {

    color: #e25985

}



.theme-blush .page-item.active .page-link {

    background-color: #e25985;

    border-color: #e25985

}



.theme-blush .switch input:checked+.slider {

    background-color: #e25985

}



.theme-blush .switch input:focus+.slider {

    box-shadow: 0 0 1px #e25985

}



.theme-blush .top-navbar #navbar-search .form-control:focus,

.theme-blush .top-navbar #navbar-search .form-control:active {

    background: #e25985;

    color: #fff

}



.theme-blush .top-navbar .progress-bar {

    background: #e25985

}



.theme-blush .jvectormap-zoomin,

.theme-blush .jvectormap-zoomout {

    background: #e25985

}



.theme-blush .nav.nav-tabs3 {

    border-color: #e25985 !important

}



.theme-blush .nav.nav-tabs3>li>a.active,

.theme-blush .nav.nav-tabs3>li>a:hover {

    color: #e25985;

    border-color: #e25985 !important

}



.theme-blush .nav.nav-tabs3>li>a.active::after,

.theme-blush .nav.nav-tabs3>li>a:hover::after {

    background: #e25985

}



.theme-blush .nav.nav-tabs2>li>a.active,

.theme-blush .nav.nav-tabs2>li>a:hover {

    background: #e25985

}



.theme-blush.h-menu .metismenu .collapse {

    border-top: 1px solid #e25985

}



.theme-indigo ::selection {

    color: #fff;

    background: #9367B4

}



.theme-indigo .sidebar-nav .metismenu>li.active>a {

    color: #9367B4

}



.theme-indigo .sidebar-nav .metismenu>li.active>a i {

    background: #9367B4;

    color: #fff

}



.theme-indigo .sidebar-nav .metismenu>li ul .active a {

    color: #9367B4

}



.theme-indigo .sidebar-nav .metismenu a:hover,

.theme-indigo .sidebar-nav .metismenu a:focus {

    color: #9367B4

}



.theme-indigo .sidebar-nav .metismenu a:hover i,

.theme-indigo .sidebar-nav .metismenu a:focus i {

    background: #9367B4;

    color: #fff

}



.theme-indigo .sidebar-nav .metismenu a:hover:after,

.theme-indigo .sidebar-nav .metismenu a:focus:after {

    color: #9367B4

}



.theme-indigo .sidebar-nav .metismenu ul a:hover::before {

    background: #9367B4

}



.theme-indigo .card .header h2 {

    color: #9367B4;

    font-weight: 400

}



.theme-indigo .form-control:focus {

    color: #9367B4

}



.theme-indigo .fancy-checkbox input[type="checkbox"]:checked+span:before {

    color: #9367B4;

    border-color: #9367B4

}



.theme-indigo .chat-widget li.right .chat-info {

    background: #9367B4;

    color: #fff

}



.theme-indigo .chat-widget li.right .chat-info:before {

    border-left: 10px solid #9367B4

}



.theme-indigo .wizard>.steps .current a {

    background: #9367B4

}



.theme-indigo .wizard>.steps .done a {

    background: #6f7b7d

}



.theme-indigo .pagination>li>a {

    color: #9367B4

}



.theme-indigo .pagination>li>a:hover {

    background: #9367B4;

    border-color: #9367B4;

    color: #fff

}



.theme-indigo .pagination>li>span {

    color: #9367B4

}



.theme-indigo .page-item.active .page-link {

    background-color: #9367B4;

    border-color: #9367B4

}



.theme-indigo .switch input:checked+.slider {

    background-color: #9367B4

}



.theme-indigo .switch input:focus+.slider {

    box-shadow: 0 0 1px #9367B4

}



.theme-indigo .top-navbar #navbar-search .form-control:focus,

.theme-indigo .top-navbar #navbar-search .form-control:active {

    background: #9367B4;

    color: #fff

}



.theme-indigo .top-navbar .progress-bar {

    background: #9367B4

}



.theme-indigo .jvectormap-zoomin,

.theme-indigo .jvectormap-zoomout {

    background: #9367B4

}



.theme-indigo .nav.nav-tabs3 {

    border-color: #9367B4 !important

}



.theme-indigo .nav.nav-tabs3>li>a.active,

.theme-indigo .nav.nav-tabs3>li>a:hover {

    color: #9367B4;

    border-color: #9367B4 !important

}



.theme-indigo .nav.nav-tabs3>li>a.active::after,

.theme-indigo .nav.nav-tabs3>li>a:hover::after {

    background: #9367B4

}



.theme-indigo .nav.nav-tabs2>li>a.active,

.theme-indigo .nav.nav-tabs2>li>a:hover {

    background: #9367B4

}



.theme-indigo.h-menu .metismenu .collapse {

    border-top: 1px solid #9367B4

}



.theme-red ::selection {

    color: #fff;

    background: #E15858

}



.theme-red .sidebar-nav .metismenu>li.active>a {

    color: #E15858

}



.theme-red .sidebar-nav .metismenu>li.active>a i {

    background: #E15858;

    color: #fff

}



.theme-red .sidebar-nav .metismenu>li ul .active a {

    color: #E15858

}



.theme-red .sidebar-nav .metismenu a:hover,

.theme-red .sidebar-nav .metismenu a:focus {

    color: #E15858

}



.theme-red .sidebar-nav .metismenu a:hover i,

.theme-red .sidebar-nav .metismenu a:focus i {

    background: #E15858;

    color: #fff

}



.theme-red .sidebar-nav .metismenu a:hover:after,

.theme-red .sidebar-nav .metismenu a:focus:after {

    color: #E15858

}



.theme-red .sidebar-nav .metismenu ul a:hover::before {

    background: #E15858

}



.theme-red .card .header h2 {

    color: #E15858;

    font-weight: 400

}



.theme-red .form-control:focus {

    color: #E15858

}



.theme-red .fancy-checkbox input[type="checkbox"]:checked+span:before {

    color: #E15858;

    border-color: #E15858

}



.theme-red .chat-widget li.right .chat-info {

    background: #E15858;

    color: #fff

}



.theme-red .chat-widget li.right .chat-info:before {

    border-left: 10px solid #E15858

}



.theme-red .wizard>.steps .current a {

    background: #E15858

}



.theme-red .wizard>.steps .done a {

    background: #6f7b7d

}



.theme-red .pagination>li>a {

    color: #E15858

}



.theme-red .pagination>li>a:hover {

    background: #E15858;

    border-color: #E15858;

    color: #fff

}



.theme-red .pagination>li>span {

    color: #E15858

}



.theme-red .page-item.active .page-link {

    background-color: #E15858;

    border-color: #E15858

}



.theme-red .switch input:checked+.slider {

    background-color: #E15858

}



.theme-red .switch input:focus+.slider {

    box-shadow: 0 0 1px #E15858

}



.theme-red .top-navbar #navbar-search .form-control:focus,

.theme-red .top-navbar #navbar-search .form-control:active {

    background: #E15858;

    color: #fff

}



.theme-red .top-navbar .progress-bar {

    background: #E15858

}



.theme-red .jvectormap-zoomin,

.theme-red .jvectormap-zoomout {

    background: #E15858

}



.theme-red .nav.nav-tabs3 {

    border-color: #E15858 !important

}



.theme-red .nav.nav-tabs3>li>a.active,

.theme-red .nav.nav-tabs3>li>a:hover {

    color: #E15858;

    border-color: #E15858 !important

}



.theme-red .nav.nav-tabs3>li>a.active::after,

.theme-red .nav.nav-tabs3>li>a:hover::after {

    background: #E15858

}



.theme-red .nav.nav-tabs2>li>a.active,

.theme-red .nav.nav-tabs2>li>a:hover {

    background: #E15858

}



.theme-red.h-menu .metismenu .collapse {

    border-top: 1px solid #E15858

}



.light_version {

    background: #f1f4f6;

    color: #17191c

}



.light_version .fancy-radio input[type="radio"]+span i,

.light_version .fancy-checkbox input[type="checkbox"]+span:before {

    border-color: #e1e8ed

}



.light_version .list-group-item {

    background-color: #fff;

    border-color: #e1e8ed

}



.light_version .list-group-item.active {

    background-color: #3C89DA

}



.light_version .btn.btn-default {

    background: #fff;

    border-color: #e1e8ed;

    color: #4a4c4e

}



.light_version .btn.btn-outline-secondary {

    border-color: #e1e8ed

}



.light_version .form-control,

.light_version .input-group-prepend .input-group-text,

.light_version .input-group-append .input-group-text {

    border-color: #e1e8ed

}



.light_version .nav.nav-tabs {

    border-color: #e1e8ed

}



.light_version .nav.nav-tabs .nav-link {

    color: #4a4c4e

}



.light_version .nav.nav-tabs .nav-link.active,

.light_version .nav.nav-tabs .nav-link:hover,

.light_version .nav.nav-tabs .nav-link:focus {

    border-color: #e1e8ed;

    background: #e1e8ed

}



.light_version .nav.nav-tabs3 {

    border-color: #e1e8ed

}



.light_version .nav.nav-tabs3.table-nav {

    background-color: #fff

}



.light_version .progress {

    background-color: rgba(23, 25, 28, 0.1)

}



.light_version .switch .slider {

    background-color: rgba(23, 25, 28, 0.15)

}



.light_version .modal-dialog .modal-content {

    background: #fff

}



.light_version .modal-dialog .modal-content .modal-header,

.light_version .modal-dialog .modal-content .modal-footer {

    border-color: #e1e8ed

}



.light_version .wizard .steps .disabled a {

    background: rgba(23, 25, 28, 0.2)

}



.light_version .wizard .content {

    border-color: #e1e8ed;

    background-color: #fff

}



.light_version .wizard .content .body input {

    border-color: #e1e8ed

}



.light_version .dropify-wrapper {

    background-color: #fff;

    border-color: #e1e8ed

}



.light_version .dropify-wrapper .dropify-preview {

    background-color: #fff

}



.light_version .dropify-wrapper:hover {

    background-image: linear-gradient(-45deg, #e1e8ed 20%, transparent 25%, transparent 50%, #e1e8ed 45%, #e1e8ed 70%, transparent 75%, transparent)

}



.light_version .accordion>div {

    background: transparent

}



.light_version .accordion .card-header {

    background: #fff

}



.light_version .accordion .card-header .btn {

    color: #212834

}



.light_version .border-right,

.light_version .border-top,

.light_version .border-left,

.light_version .border-bottom,

.light_version .accordion2 {

    border-color: #e1e8ed !important

}



.light_version .border-right .accordion-item,

.light_version .border-top .accordion-item,

.light_version .border-left .accordion-item,

.light_version .border-bottom .accordion-item,

.light_version .accordion2 .accordion-item {

    border-color: #e1e8ed

}



.light_version .pagination .page-link {

    border-color: #e1e8ed !important

}



.light_version .pagination .disabled.page-item .page-link {

    background-color: #e1e8ed

}



.light_version .top-navbar {

    background: #fff;

    border-color: #e1e8ed;

    margin: 0;

    width: calc(100% - 240px)

}



.light_version .top-navbar #navbar-search .form-control {

    background: #fff

}



.light_version .top-navbar .navbar-btn button {

    color: #4a4c4e

}



@media screen and (max-width: 1200px) {

    .light_version .top-navbar {

        width: 100%

    }

}



.light_version .navbar-nav .icon-menu {

    color: #4a4c4e

}



.light_version .navbar-nav .dropdown-menu {

    border: none

}



.light_version .themesetting {

    background: #fff;

    border-color: #282b2f

}



.light_version .themesetting .theme_btn {

    background: #282b2f;

    color: #fff

}



.light_version .rightbar {

    background: #fff

}



.light_version #left-sidebar {

    background: #fff

}



.light_version #left-sidebar .navbar-brand {

    border-color: #e1e8ed

}



.light_version #left-sidebar .navbar-brand span {

    color: #17191c

}



.light_version .user-account {

    color: #17191c

}



.light_version .card .header.bline {

    border-color: #e1e8ed

}



.light_version .card .body,

.light_version .card .card-body {

    background: #fff;

    border: 1px solid #e1e8ed;

    color: #17191c

}



.light_version .card .card-footer {

    background: #e1e8ed

}



.light_version .card.bg-success .body {

    background: #5CB65F

}



.light_version .block-header h2,

.light_version .block-header h1 {

    color: #4a4c4e

}



.light_version .table.table-custom thead th {

    background: #fff

}



.light_version .table.table-custom tbody tr {

    background: #fff

}



.light_version .table tr td,

.light_version .table tr th {

    border-color: transparent;

    background: #fff

}



.light_version .table.table-striped tbody tr:nth-of-type(2n+1) {

    background: #e1e8ed

}



.light_version .table.table-custom2 thead,

.light_version .table.table-custom2 tbody {

    background: #fafafa

}



.light_version .mail-inbox .mail-right .mail-list ul li {

    background: rgba(23, 25, 28, 0.05)

}



.light_version .mail-inbox .mail-right .mail-detail-full .detail-header {

    border-color: #e1e8ed

}



.light_version .custom-select,

.light_version .custom-file .custom-file-label {

    border-color: #e1e8ed

}



.light_version .custom-file-label::after {

    border-color: #e1e8ed;

    background-color: #e1e8ed

}



.light_version .multiselect_div>.btn-group .btn {

    border-color: #e1e8ed

}



.light_version .multiselect_div>.btn-group .btn span {

    color: #4a4c4e

}



.light_version .noUi-target {

    border-color: #e1e8ed

}



.light_version .noUi-target .noUi-background {

    background: #e1e8ed

}



.light_version .megamenu .title {

    color: #fff

}



.light_version .megamenu .setting-list li {

    color: #bbbec2

}



.light_version .megamenu .form-control {

    border-color: #4a4c4e

}



.light_version .metismenu li.header {

    color: #77797c

}



.light_version .metismenu a {

    color: #191f28

}



.light_version .metismenu ul a {

    color: #393d42

}



.light_version .metismenu ul a:before {

    background: #e2e4e7

}



.light_version .metismenu .has-arrow:after {

    color: #96989c

}



.light_version .search_div {

    background: #f1f4f6

}



.light_version.mini_sidebar.mini_hover #left-sidebar {

    background: #fff

}



.light_version.mini_sidebar.mini_hover .overlay {

    display: block

}



.light_version.h-menu .metismenu ul a {

    color: #e2e4e7 !important

}



.light_version .c3-chart-arcs path {

    stroke: #fff

}



.light_version .ct-grid {

    stroke: rgba(23, 25, 28, 0.1)

}



.light_version #m_area_chart2 path,

.light_version #e_area_chart path,

.light_version #m_bar_chart path,

.light_version #bar_stacked path,

.light_version #m_area_chart path {

    stroke: rgba(23, 25, 28, 0.2)

}



.light_version .flot-tick-label.tickLabel {

    color: #17191c

}



.light_version .card-chart-bg {

    background: #fff

}



.light_version .right_chat .media .name {

    color: #4a4c4e

}



.light_version .right_chat .media .status {

    border-color: #fff

}



.light_version .chat-widget li.left .chat-info {

    background: rgba(23, 25, 28, 0.05)

}



.light_version .chat-widget li.left .chat-info::before {

    border-right: 10px solid rgba(23, 25, 28, 0.05)

}



.light_version .chatapp_body {

    border-color: #e1e8ed

}



.light_version .chatapp_body .chat-history {

    border-color: #e1e8ed

}



.light_version .fc-unthemed th,

.light_version .fc-unthemed td {

    border-color: #e1e8ed

}



.light_version .fc-unthemed th {

    background: #e1e8ed;

    color: #4a4c4e

}



.light_version .fc-unthemed th span {

    font-weight: 400

}



.light_version .fc .fc-view.fc-agenda>table tbody tr td:first-child.fc-widget-content,

.light_version .fc .fc-view.fc-basic-view .fc-body .fc-row .fc-bg,

.light_version .fc .fc-view.fc-agenda .fc-body .fc-row .fc-bg {

    border-color: #e1e8ed

}



.light_version .fc .fc-view.fc-basic-view>table tbody tr td:first-child.fc-widget-content,

.light_version .fc .fc-view.fc-basic-view>table tbody tr td.fc-widget-content,

.light_version .fc .fc-view.fc-basic-view>table>thead tr th.fc-widget-header {

    border-color: #e1e8ed

}



.light_version .fc .fc-view-container .fc-other-month {

    background: rgba(23, 25, 28, 0.02)

}



.light_version .fc .fc-view-container .fc-view.fc-basic-view>table>thead tr td.fc-widget-header {

    border-color: #e1e8ed

}



.light_version .icons-list div {

    border-color: #e1e8ed !important

}



.light_version .icon-container:hover .icon-name {

    color: #17191c

}



.light_version .timeline .timeline-marker::after {

    background: #e1e8ed

}



.light_version .timeline .period .timeline-marker::before {

    border-color: #e1e8ed

}



.light_version .taskboard .dd-handle,

.light_version .taskboard .dd-content {

    border-color: #e1e8ed

}



.light_version #calendar .fc-widget-content {

    border-color: #e1e8ed

}



.light_version .sidebar {

    border: 1px solid #e1e8ed

}



.light_version .sidebar .slimScrollBar {

    background: rgba(23, 25, 28, 0.1) !important

}



.light_version .team-info li img {

    border-color: #fff

}