/*
Glyphicons for Bootstrap

Since icons are fonts, they can be placed anywhere text is placed and are
thus automatically sized to match the surrounding child. To use, create an
inline element with the appropriate classes, like so:

<a href="#"><span class="glyphicon glyphicon-star"></span> Star</a>

Import the fonts*/
@font-face { font-family: 'Glyphicons Halflings'; src: url('../../../fonts/glyphicons/glyphicons-halflings-regular.eot'); src: url('../../../fonts/glyphicons/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../../../fonts/glyphicons/glyphicons-halflings-regular.woff') format('woff'), url('../../../fonts/glyphicons/glyphicons-halflings-regular.ttf') format('truetype'), url('../../../fonts/glyphicons/glyphicons-halflings-regular.svg#@glyphicons_halflingsregular') format('svg'); }
/*Catchall baseclass*/
.glyphicon { position: relative; top: 1px; display: inline-block; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
/*Individual icons*/
.glyphicon-asterisk:before { content: "\2a"; }
.glyphicon-plus:before { content: "\2b"; }
.glyphicon-euro:before { content: "\20ac"; }
.glyphicon-minus:before { content: "\2212"; }
.glyphicon-cloud:before { content: "\2601"; }
.glyphicon-envelope:before { content: "\2709"; }
.glyphicon-pencil:before { content: "\270f"; }
.glyphicon-glass:before { content: "\e001"; }
.glyphicon-music:before { content: "\e002"; }
.glyphicon-search:before { content: "\e003"; }
.glyphicon-heart:before { content: "\e005"; }
.glyphicon-star:before { content: "\e006"; }
.glyphicon-star-empty:before { content: "\e007"; }
.glyphicon-user:before { content: "\e008"; }
.glyphicon-film:before { content: "\e009"; }
.glyphicon-th-large:before { content: "\e010"; }
.glyphicon-th:before { content: "\e011"; }
.glyphicon-th-list:before { content: "\e012"; }
.glyphicon-ok:before { content: "\e013"; }
.glyphicon-remove:before { content: "\e014"; }
.glyphicon-zoom-in:before { content: "\e015"; }
.glyphicon-zoom-out:before { content: "\e016"; }
.glyphicon-off:before { content: "\e017"; }
.glyphicon-signal:before { content: "\e018"; }
.glyphicon-cog:before { content: "\e019"; }
.glyphicon-trash:before { content: "\e020"; }
.glyphicon-home:before { content: "\e021"; }
.glyphicon-file:before { content: "\e022"; }
.glyphicon-time:before { content: "\e023"; }
.glyphicon-road:before { content: "\e024"; }
.glyphicon-download-alt:before { content: "\e025"; }
.glyphicon-download:before { content: "\e026"; }
.glyphicon-upload:before { content: "\e027"; }
.glyphicon-inbox:before { content: "\e028"; }
.glyphicon-play-circle:before { content: "\e029"; }
.glyphicon-repeat:before { content: "\e030"; }
.glyphicon-refresh:before { content: "\e031"; }
.glyphicon-list-alt:before { content: "\e032"; }
.glyphicon-lock:before { content: "\e033"; }
.glyphicon-flag:before { content: "\e034"; }
.glyphicon-headphones:before { content: "\e035"; }
.glyphicon-volume-off:before { content: "\e036"; }
.glyphicon-volume-down:before { content: "\e037"; }
.glyphicon-volume-up:before { content: "\e038"; }
.glyphicon-qrcode:before { content: "\e039"; }
.glyphicon-barcode:before { content: "\e040"; }
.glyphicon-tag:before { content: "\e041"; }
.glyphicon-tags:before { content: "\e042"; }
.glyphicon-book:before { content: "\e043"; }
.glyphicon-bookmark:before { content: "\e044"; }
.glyphicon-print:before { content: "\e045"; }
.glyphicon-camera:before { content: "\e046"; }
.glyphicon-font:before { content: "\e047"; }
.glyphicon-bold:before { content: "\e048"; }
.glyphicon-italic:before { content: "\e049"; }
.glyphicon-text-height:before { content: "\e050"; }
.glyphicon-text-width:before { content: "\e051"; }
.glyphicon-align-left:before { content: "\e052"; }
.glyphicon-align-center:before { content: "\e053"; }
.glyphicon-align-right:before { content: "\e054"; }
.glyphicon-align-justify:before { content: "\e055"; }
.glyphicon-list:before { content: "\e056"; }
.glyphicon-indent-left:before { content: "\e057"; }
.glyphicon-indent-right:before { content: "\e058"; }
.glyphicon-facetime-video:before { content: "\e059"; }
.glyphicon-picture:before { content: "\e060"; }
.glyphicon-map-marker:before { content: "\e062"; }
.glyphicon-adjust:before { content: "\e063"; }
.glyphicon-tint:before { content: "\e064"; }
.glyphicon-edit:before { content: "\e065"; }
.glyphicon-share:before { content: "\e066"; }
.glyphicon-check:before { content: "\e067"; }
.glyphicon-move:before { content: "\e068"; }
.glyphicon-step-backward:before { content: "\e069"; }
.glyphicon-fast-backward:before { content: "\e070"; }
.glyphicon-backward:before { content: "\e071"; }
.glyphicon-play:before { content: "\e072"; }
.glyphicon-pause:before { content: "\e073"; }
.glyphicon-stop:before { content: "\e074"; }
.glyphicon-forward:before { content: "\e075"; }
.glyphicon-fast-forward:before { content: "\e076"; }
.glyphicon-step-forward:before { content: "\e077"; }
.glyphicon-eject:before { content: "\e078"; }
.glyphicon-chevron-left:before { content: "\e079"; }
.glyphicon-chevron-right:before { content: "\e080"; }
.glyphicon-plus-sign:before { content: "\e081"; }
.glyphicon-minus-sign:before { content: "\e082"; }
.glyphicon-remove-sign:before { content: "\e083"; }
.glyphicon-ok-sign:before { content: "\e084"; }
.glyphicon-question-sign:before { content: "\e085"; }
.glyphicon-info-sign:before { content: "\e086"; }
.glyphicon-screenshot:before { content: "\e087"; }
.glyphicon-remove-circle:before { content: "\e088"; }
.glyphicon-ok-circle:before { content: "\e089"; }
.glyphicon-ban-circle:before { content: "\e090"; }
.glyphicon-arrow-left:before { content: "\e091"; }
.glyphicon-arrow-right:before { content: "\e092"; }
.glyphicon-arrow-up:before { content: "\e093"; }
.glyphicon-arrow-down:before { content: "\e094"; }
.glyphicon-share-alt:before { content: "\e095"; }
.glyphicon-resize-full:before { content: "\e096"; }
.glyphicon-resize-small:before { content: "\e097"; }
.glyphicon-exclamation-sign:before { content: "\e101"; }
.glyphicon-gift:before { content: "\e102"; }
.glyphicon-leaf:before { content: "\e103"; }
.glyphicon-fire:before { content: "\e104"; }
.glyphicon-eye-open:before { content: "\e105"; }
.glyphicon-eye-close:before { content: "\e106"; }
.glyphicon-warning-sign:before { content: "\e107"; }
.glyphicon-plane:before { content: "\e108"; }
.glyphicon-calendar:before { content: "\e109"; }
.glyphicon-random:before { content: "\e110"; }
.glyphicon-comment:before { content: "\e111"; }
.glyphicon-magnet:before { content: "\e112"; }
.glyphicon-chevron-up:before { content: "\e113"; }
.glyphicon-chevron-down:before { content: "\e114"; }
.glyphicon-retweet:before { content: "\e115"; }
.glyphicon-shopping-cart:before { content: "\e116"; }
.glyphicon-folder-close:before { content: "\e117"; }
.glyphicon-folder-open:before { content: "\e118"; }
.glyphicon-resize-vertical:before { content: "\e119"; }
.glyphicon-resize-horizontal:before { content: "\e120"; }
.glyphicon-hdd:before { content: "\e121"; }
.glyphicon-bullhorn:before { content: "\e122"; }
.glyphicon-bell:before { content: "\e123"; }
.glyphicon-certificate:before { content: "\e124"; }
.glyphicon-thumbs-up:before { content: "\e125"; }
.glyphicon-thumbs-down:before { content: "\e126"; }
.glyphicon-hand-right:before { content: "\e127"; }
.glyphicon-hand-left:before { content: "\e128"; }
.glyphicon-hand-up:before { content: "\e129"; }
.glyphicon-hand-down:before { content: "\e130"; }
.glyphicon-circle-arrow-right:before { content: "\e131"; }
.glyphicon-circle-arrow-left:before { content: "\e132"; }
.glyphicon-circle-arrow-up:before { content: "\e133"; }
.glyphicon-circle-arrow-down:before { content: "\e134"; }
.glyphicon-globe:before { content: "\e135"; }
.glyphicon-wrench:before { content: "\e136"; }
.glyphicon-tasks:before { content: "\e137"; }
.glyphicon-filter:before { content: "\e138"; }
.glyphicon-briefcase:before { content: "\e139"; }
.glyphicon-fullscreen:before { content: "\e140"; }
.glyphicon-dashboard:before { content: "\e141"; }
.glyphicon-paperclip:before { content: "\e142"; }
.glyphicon-heart-empty:before { content: "\e143"; }
.glyphicon-link:before { content: "\e144"; }
.glyphicon-phone:before { content: "\e145"; }
.glyphicon-pushpin:before { content: "\e146"; }
.glyphicon-usd:before { content: "\e148"; }
.glyphicon-gbp:before { content: "\e149"; }
.glyphicon-sort:before { content: "\e150"; }
.glyphicon-sort-by-alphabet:before { content: "\e151"; }
.glyphicon-sort-by-alphabet-alt:before { content: "\e152"; }
.glyphicon-sort-by-order:before { content: "\e153"; }
.glyphicon-sort-by-order-alt:before { content: "\e154"; }
.glyphicon-sort-by-attributes:before { content: "\e155"; }
.glyphicon-sort-by-attributes-alt:before { content: "\e156"; }
.glyphicon-unchecked:before { content: "\e157"; }
.glyphicon-expand:before { content: "\e158"; }
.glyphicon-collapse-down:before { content: "\e159"; }
.glyphicon-collapse-up:before { content: "\e160"; }
.glyphicon-log-in:before { content: "\e161"; }
.glyphicon-flash:before { content: "\e162"; }
.glyphicon-log-out:before { content: "\e163"; }
.glyphicon-new-window:before { content: "\e164"; }
.glyphicon-record:before { content: "\e165"; }
.glyphicon-save:before { content: "\e166"; }
.glyphicon-open:before { content: "\e167"; }
.glyphicon-saved:before { content: "\e168"; }
.glyphicon-import:before { content: "\e169"; }
.glyphicon-export:before { content: "\e170"; }
.glyphicon-send:before { content: "\e171"; }
.glyphicon-floppy-disk:before { content: "\e172"; }
.glyphicon-floppy-saved:before { content: "\e173"; }
.glyphicon-floppy-remove:before { content: "\e174"; }
.glyphicon-floppy-save:before { content: "\e175"; }
.glyphicon-floppy-open:before { content: "\e176"; }
.glyphicon-credit-card:before { content: "\e177"; }
.glyphicon-transfer:before { content: "\e178"; }
.glyphicon-cutlery:before { content: "\e179"; }
.glyphicon-header:before { content: "\e180"; }
.glyphicon-compressed:before { content: "\e181"; }
.glyphicon-earphone:before { content: "\e182"; }
.glyphicon-phone-alt:before { content: "\e183"; }
.glyphicon-tower:before { content: "\e184"; }
.glyphicon-stats:before { content: "\e185"; }
.glyphicon-sd-video:before { content: "\e186"; }
.glyphicon-hd-video:before { content: "\e187"; }
.glyphicon-subtitles:before { content: "\e188"; }
.glyphicon-sound-stereo:before { content: "\e189"; }
.glyphicon-sound-dolby:before { content: "\e190"; }
.glyphicon-sound-5-1:before { content: "\e191"; }
.glyphicon-sound-6-1:before { content: "\e192"; }
.glyphicon-sound-7-1:before { content: "\e193"; }
.glyphicon-copyright-mark:before { content: "\e194"; }
.glyphicon-registration-mark:before { content: "\e195"; }
.glyphicon-cloud-download:before { content: "\e197"; }
.glyphicon-cloud-upload:before { content: "\e198"; }
.glyphicon-tree-conifer:before { content: "\e199"; }
.glyphicon-tree-deciduous:before { content: "\e200"; }
html, html .halflings { -webkit-font-smoothing: antialiased !important; }
@font-face { font-family: Glyphicons; src: url('../../../fonts/glyphicons-pro/glyphicons-regular.eot'); src: url('../../../fonts/glyphicons-pro/glyphicons-regular.eot?#iefix') format("embedded-opentype"), url('../../../fonts/glyphicons-pro/glyphicons-regular.woff') format("woff"), url('../../../fonts/glyphicons-pro/glyphicons-regular.ttf') format("truetype"), url('../../../fonts/glyphicons-pro/glyphicons-regular.svg#glyphicons_halflingsregular') format("svg"); font-weight: 400; font-style: normal; }
.glyphicons { position: relative; top: 1px; display: inline-block; font-family: Glyphicons; font-style: normal; font-weight: 400; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.glyphicons:empty { width: 1em; }
.glyphicons-white:before { color: #ffffff; }
.glyphicons-glass:before { content: "\e001"; }
.glyphicons-leaf:before { content: "\e002"; }
.glyphicons-dog:before { content: "\e003"; }
.glyphicons-user:before { content: "\e004"; }
.glyphicons-girl:before { content: "\e005"; }
.glyphicons-car:before { content: "\e006"; }
.glyphicons-user_add:before { content: "\e007"; }
.glyphicons-user_remove:before { content: "\e008"; }
.glyphicons-film:before { content: "\e009"; }
.glyphicons-magic:before { content: "\e010"; }
.glyphicons-envelope:before { content: "\2709"; }
.glyphicons-camera:before { content: "\e012"; }
.glyphicons-heart:before { content: "\e013"; }
.glyphicons-beach_umbrella:before { content: "\e014"; }
.glyphicons-train:before { content: "\e015"; }
.glyphicons-print:before { content: "\e016"; }
.glyphicons-bin:before { content: "\e017"; }
.glyphicons-music:before { content: "\e018"; }
.glyphicons-note:before { content: "\e019"; }
.glyphicons-heart_empty:before { content: "\e020"; }
.glyphicons-home:before { content: "\e021"; }
.glyphicons-snowflake:before { content: "\2744"; }
.glyphicons-fire:before { content: "\e023"; }
.glyphicons-magnet:before { content: "\e024"; }
.glyphicons-parents:before { content: "\e025"; }
.glyphicons-binoculars:before { content: "\e026"; }
.glyphicons-road:before { content: "\e027"; }
.glyphicons-search:before { content: "\e028"; }
.glyphicons-cars:before { content: "\e029"; }
.glyphicons-notes_2:before { content: "\e030"; }
.glyphicons-pencil:before { content: "\270F"; }
.glyphicons-bus:before { content: "\e032"; }
.glyphicons-wifi_alt:before { content: "\e033"; }
.glyphicons-luggage:before { content: "\e034"; }
.glyphicons-old_man:before { content: "\e035"; }
.glyphicons-woman:before { content: "\e036"; }
.glyphicons-file:before { content: "\e037"; }
.glyphicons-coins:before { content: "\e038"; }
.glyphicons-airplane:before { content: "\2708"; }
.glyphicons-notes:before { content: "\e040"; }
.glyphicons-stats:before { content: "\e041"; }
.glyphicons-charts:before { content: "\e042"; }
.glyphicons-pie_chart:before { content: "\e043"; }
.glyphicons-group:before { content: "\e044"; }
.glyphicons-keys:before { content: "\e045"; }
.glyphicons-calendar:before { content: "\e046"; }
.glyphicons-router:before { content: "\e047"; }
.glyphicons-camera_small:before { content: "\e048"; }
.glyphicons-dislikes:before { content: "\e049"; }
.glyphicons-star:before { content: "\e050"; }
.glyphicons-link:before { content: "\e051"; }
.glyphicons-eye_open:before { content: "\e052"; }
.glyphicons-eye_close:before { content: "\e053"; }
.glyphicons-alarm:before { content: "\e054"; }
.glyphicons-clock:before { content: "\e055"; }
.glyphicons-stopwatch:before { content: "\e056"; }
.glyphicons-projector:before { content: "\e057"; }
.glyphicons-history:before { content: "\e058"; }
.glyphicons-truck:before { content: "\e059"; }
.glyphicons-cargo:before { content: "\e060"; }
.glyphicons-compass:before { content: "\e061"; }
.glyphicons-keynote:before { content: "\e062"; }
.glyphicons-paperclip:before { content: "\e063"; }
.glyphicons-power:before { content: "\e064"; }
.glyphicons-lightbulb:before { content: "\e065"; }
.glyphicons-tag:before { content: "\e066"; }
.glyphicons-tags:before { content: "\e067"; }
.glyphicons-cleaning:before { content: "\e068"; }
.glyphicons-ruller:before { content: "\e069"; }
.glyphicons-gift:before { content: "\e070"; }
.glyphicons-umbrella:before { content: "\2602"; }
.glyphicons-book:before { content: "\e072"; }
.glyphicons-bookmark:before { content: "\e073"; }
.glyphicons-wifi:before { content: "\e074"; }
.glyphicons-cup:before { content: "\e075"; }
.glyphicons-stroller:before { content: "\e076"; }
.glyphicons-headphones:before { content: "\e077"; }
.glyphicons-headset:before { content: "\e078"; }
.glyphicons-warning_sign:before { content: "\e079"; }
.glyphicons-signal:before { content: "\e080"; }
.glyphicons-retweet:before { content: "\e081"; }
.glyphicons-refresh:before { content: "\e082"; }
.glyphicons-roundabout:before { content: "\e083"; }
.glyphicons-random:before { content: "\e084"; }
.glyphicons-heat:before { content: "\e085"; }
.glyphicons-repeat:before { content: "\e086"; }
.glyphicons-display:before { content: "\e087"; }
.glyphicons-log_book:before { content: "\e088"; }
.glyphicons-adress_book:before { content: "\e089"; }
.glyphicons-building:before { content: "\e090"; }
.glyphicons-eyedropper:before { content: "\e091"; }
.glyphicons-adjust:before { content: "\e092"; }
.glyphicons-tint:before { content: "\e093"; }
.glyphicons-crop:before { content: "\e094"; }
.glyphicons-vector_path_square:before { content: "\e095"; }
.glyphicons-vector_path_circle:before { content: "\e096"; }
.glyphicons-vector_path_polygon:before { content: "\e097"; }
.glyphicons-vector_path_line:before { content: "\e098"; }
.glyphicons-vector_path_curve:before { content: "\e099"; }
.glyphicons-vector_path_all:before { content: "\e100"; }
.glyphicons-font:before { content: "\e101"; }
.glyphicons-italic:before { content: "\e102"; }
.glyphicons-bold:before { content: "\e103"; }
.glyphicons-text_underline:before { content: "\e104"; }
.glyphicons-text_strike:before { content: "\e105"; }
.glyphicons-text_height:before { content: "\e106"; }
.glyphicons-text_width:before { content: "\e107"; }
.glyphicons-text_resize:before { content: "\e108"; }
.glyphicons-left_indent:before { content: "\e109"; }
.glyphicons-right_indent:before { content: "\e110"; }
.glyphicons-align_left:before { content: "\e111"; }
.glyphicons-align_center:before { content: "\e112"; }
.glyphicons-align_right:before { content: "\e113"; }
.glyphicons-justify:before { content: "\e114"; }
.glyphicons-list:before { content: "\e115"; }
.glyphicons-text_smaller:before { content: "\e116"; }
.glyphicons-text_bigger:before { content: "\e117"; }
.glyphicons-embed:before { content: "\e118"; }
.glyphicons-embed_close:before { content: "\e119"; }
.glyphicons-table:before { content: "\e120"; }
.glyphicons-message_full:before { content: "\e121"; }
.glyphicons-message_empty:before { content: "\e122"; }
.glyphicons-message_in:before { content: "\e123"; }
.glyphicons-message_out:before { content: "\e124"; }
.glyphicons-message_plus:before { content: "\e125"; }
.glyphicons-message_minus:before { content: "\e126"; }
.glyphicons-message_ban:before { content: "\e127"; }
.glyphicons-message_flag:before { content: "\e128"; }
.glyphicons-message_lock:before { content: "\e129"; }
.glyphicons-message_new:before { content: "\e130"; }
.glyphicons-inbox:before { content: "\e131"; }
.glyphicons-inbox_plus:before { content: "\e132"; }
.glyphicons-inbox_minus:before { content: "\e133"; }
.glyphicons-inbox_lock:before { content: "\e134"; }
.glyphicons-inbox_in:before { content: "\e135"; }
.glyphicons-inbox_out:before { content: "\e136"; }
.glyphicons-cogwheel:before { content: "\e137"; }
.glyphicons-cogwheels:before { content: "\e138"; }
.glyphicons-picture:before { content: "\e139"; }
.glyphicons-adjust_alt:before { content: "\e140"; }
.glyphicons-database_lock:before { content: "\e141"; }
.glyphicons-database_plus:before { content: "\e142"; }
.glyphicons-database_minus:before { content: "\e143"; }
.glyphicons-database_ban:before { content: "\e144"; }
.glyphicons-folder_open:before { content: "\e145"; }
.glyphicons-folder_plus:before { content: "\e146"; }
.glyphicons-folder_minus:before { content: "\e147"; }
.glyphicons-folder_lock:before { content: "\e148"; }
.glyphicons-folder_flag:before { content: "\e149"; }
.glyphicons-folder_new:before { content: "\e150"; }
.glyphicons-edit:before { content: "\e151"; }
.glyphicons-new_window:before { content: "\e152"; }
.glyphicons-check:before { content: "\e153"; }
.glyphicons-unchecked:before { content: "\e154"; }
.glyphicons-more_windows:before { content: "\e155"; }
.glyphicons-show_big_thumbnails:before { content: "\e156"; }
.glyphicons-show_thumbnails:before { content: "\e157"; }
.glyphicons-show_thumbnails_with_lines:before { content: "\e158"; }
.glyphicons-show_lines:before { content: "\e159"; }
.glyphicons-playlist:before { content: "\e160"; }
.glyphicons-imac:before { content: "\e161"; }
.glyphicons-macbook:before { content: "\e162"; }
.glyphicons-ipad:before { content: "\e163"; }
.glyphicons-iphone:before { content: "\e164"; }
.glyphicons-iphone_transfer:before { content: "\e165"; }
.glyphicons-iphone_exchange:before { content: "\e166"; }
.glyphicons-ipod:before { content: "\e167"; }
.glyphicons-ipod_shuffle:before { content: "\e168"; }
.glyphicons-ear_plugs:before { content: "\e169"; }
.glyphicons-phone:before { content: "\e170"; }
.glyphicons-step_backward:before { content: "\e171"; }
.glyphicons-fast_backward:before { content: "\e172"; }
.glyphicons-rewind:before { content: "\e173"; }
.glyphicons-play:before { content: "\e174"; }
.glyphicons-pause:before { content: "\e175"; }
.glyphicons-stop:before { content: "\e176"; }
.glyphicons-forward:before { content: "\e177"; }
.glyphicons-fast_forward:before { content: "\e178"; }
.glyphicons-step_forward:before { content: "\e179"; }
.glyphicons-eject:before { content: "\e180"; }
.glyphicons-facetime_video:before { content: "\e181"; }
.glyphicons-download_alt:before { content: "\e182"; }
.glyphicons-mute:before { content: "\e183"; }
.glyphicons-volume_down:before { content: "\e184"; }
.glyphicons-volume_up:before { content: "\e185"; }
.glyphicons-screenshot:before { content: "\e186"; }
.glyphicons-move:before { content: "\e187"; }
.glyphicons-more:before { content: "\e188"; }
.glyphicons-brightness_reduce:before { content: "\e189"; }
.glyphicons-brightness_increase:before { content: "\e190"; }
.glyphicons-circle_plus:before { content: "\e191"; }
.glyphicons-circle_minus:before { content: "\e192"; }
.glyphicons-circle_remove:before { content: "\e193"; }
.glyphicons-circle_ok:before { content: "\e194"; }
.glyphicons-circle_question_mark:before { content: "\e195"; }
.glyphicons-circle_info:before { content: "\e196"; }
.glyphicons-circle_exclamation_mark:before { content: "\e197"; }
.glyphicons-remove:before { content: "\e198"; }
.glyphicons-ok:before { content: "\e199"; }
.glyphicons-ban:before { content: "\e200"; }
.glyphicons-download:before { content: "\e201"; }
.glyphicons-upload:before { content: "\e202"; }
.glyphicons-shopping_cart:before { content: "\e203"; }
.glyphicons-lock:before { content: "\e204"; }
.glyphicons-unlock:before { content: "\e205"; }
.glyphicons-electricity:before { content: "\e206"; }
.glyphicons-ok_2:before { content: "\e207"; }
.glyphicons-remove_2:before { content: "\e208"; }
.glyphicons-cart_out:before { content: "\e209"; }
.glyphicons-cart_in:before { content: "\e210"; }
.glyphicons-left_arrow:before { content: "\e211"; }
.glyphicons-right_arrow:before { content: "\e212"; }
.glyphicons-down_arrow:before { content: "\e213"; }
.glyphicons-up_arrow:before { content: "\e214"; }
.glyphicons-resize_small:before { content: "\e215"; }
.glyphicons-resize_full:before { content: "\e216"; }
.glyphicons-circle_arrow_left:before { content: "\e217"; }
.glyphicons-circle_arrow_right:before { content: "\e218"; }
.glyphicons-circle_arrow_top:before { content: "\e219"; }
.glyphicons-circle_arrow_down:before { content: "\e220"; }
.glyphicons-play_button:before { content: "\e221"; }
.glyphicons-unshare:before { content: "\e222"; }
.glyphicons-share:before { content: "\e223"; }
.glyphicons-chevron-right:before { content: "\e224"; }
.glyphicons-chevron-left:before { content: "\e225"; }
.glyphicons-bluetooth:before { content: "\e226"; }
.glyphicons-euro:before { content: "\20AC"; }
.glyphicons-usd:before { content: "\e228"; }
.glyphicons-gbp:before { content: "\e229"; }
.glyphicons-retweet_2:before { content: "\e230"; }
.glyphicons-moon:before { content: "\e231"; }
.glyphicons-sun:before { content: "\2609"; }
.glyphicons-cloud:before { content: "\2601"; }
.glyphicons-direction:before { content: "\e234"; }
.glyphicons-brush:before { content: "\e235"; }
.glyphicons-pen:before { content: "\e236"; }
.glyphicons-zoom_in:before { content: "\e237"; }
.glyphicons-zoom_out:before { content: "\e238"; }
.glyphicons-pin:before { content: "\e239"; }
.glyphicons-albums:before { content: "\e240"; }
.glyphicons-rotation_lock:before { content: "\e241"; }
.glyphicons-flash:before { content: "\e242"; }
.glyphicons-google_maps:before { content: "\e243"; }
.glyphicons-anchor:before { content: "\2693"; }
.glyphicons-conversation:before { content: "\e245"; }
.glyphicons-chat:before { content: "\e246"; }
.glyphicons-male:before { content: "\e247"; }
.glyphicons-female:before { content: "\e248"; }
.glyphicons-asterisk:before { content: "\002A"; }
.glyphicons-divide:before { content: "\00F7"; }
.glyphicons-snorkel_diving:before { content: "\e251"; }
.glyphicons-scuba_diving:before { content: "\e252"; }
.glyphicons-oxygen_bottle:before { content: "\e253"; }
.glyphicons-fins:before { content: "\e254"; }
.glyphicons-fishes:before { content: "\e255"; }
.glyphicons-boat:before { content: "\e256"; }
.glyphicons-delete:before { content: "\e257"; }
.glyphicons-sheriffs_star:before { content: "\e258"; }
.glyphicons-qrcode:before { content: "\e259"; }
.glyphicons-barcode:before { content: "\e260"; }
.glyphicons-pool:before { content: "\e261"; }
.glyphicons-buoy:before { content: "\e262"; }
.glyphicons-spade:before { content: "\e263"; }
.glyphicons-bank:before { content: "\e264"; }
.glyphicons-vcard:before { content: "\e265"; }
.glyphicons-electrical_plug:before { content: "\e266"; }
.glyphicons-flag:before { content: "\e267"; }
.glyphicons-credit_card:before { content: "\e268"; }
.glyphicons-keyboard-wireless:before { content: "\e269"; }
.glyphicons-keyboard-wired:before { content: "\e270"; }
.glyphicons-shield:before { content: "\e271"; }
.glyphicons-ring:before { content: "\02DA"; }
.glyphicons-cake:before { content: "\e273"; }
.glyphicons-drink:before { content: "\e274"; }
.glyphicons-beer:before { content: "\e275"; }
.glyphicons-fast_food:before { content: "\e276"; }
.glyphicons-cutlery:before { content: "\e277"; }
.glyphicons-pizza:before { content: "\e278"; }
.glyphicons-birthday_cake:before { content: "\e279"; }
.glyphicons-tablet:before { content: "\e280"; }
.glyphicons-settings:before { content: "\e281"; }
.glyphicons-bullets:before { content: "\e282"; }
.glyphicons-cardio:before { content: "\e283"; }
.glyphicons-t-shirt:before { content: "\e284"; }
.glyphicons-pants:before { content: "\e285"; }
.glyphicons-sweater:before { content: "\e286"; }
.glyphicons-fabric:before { content: "\e287"; }
.glyphicons-leather:before { content: "\e288"; }
.glyphicons-scissors:before { content: "\e289"; }
.glyphicons-bomb:before { content: "\e290"; }
.glyphicons-skull:before { content: "\e291"; }
.glyphicons-celebration:before { content: "\e292"; }
.glyphicons-tea_kettle:before { content: "\e293"; }
.glyphicons-french_press:before { content: "\e294"; }
.glyphicons-coffe_cup:before { content: "\e295"; }
.glyphicons-pot:before { content: "\e296"; }
.glyphicons-grater:before { content: "\e297"; }
.glyphicons-kettle:before { content: "\e298"; }
.glyphicons-hospital:before { content: "\e299"; }
.glyphicons-hospital_h:before { content: "\e300"; }
.glyphicons-microphone:before { content: "\e301"; }
.glyphicons-webcam:before { content: "\e302"; }
.glyphicons-temple_christianity_church:before { content: "\e303"; }
.glyphicons-temple_islam:before { content: "\e304"; }
.glyphicons-temple_hindu:before { content: "\e305"; }
.glyphicons-temple_buddhist:before { content: "\e306"; }
.glyphicons-bicycle:before { content: "\e307"; }
.glyphicons-life_preserver:before { content: "\e308"; }
.glyphicons-share_alt:before { content: "\e309"; }
.glyphicons-comments:before { content: "\e310"; }
.glyphicons-flower:before { content: "\2698"; }
.glyphicons-baseball:before { content: "\e312"; }
.glyphicons-rugby:before { content: "\e313"; }
.glyphicons-ax:before { content: "\e314"; }
.glyphicons-table_tennis:before { content: "\e315"; }
.glyphicons-bowling:before { content: "\e316"; }
.glyphicons-tree_conifer:before { content: "\e317"; }
.glyphicons-tree_deciduous:before { content: "\e318"; }
.glyphicons-more_items:before { content: "\e319"; }
.glyphicons-sort:before { content: "\e320"; }
.glyphicons-filter:before { content: "\e321"; }
.glyphicons-gamepad:before { content: "\e322"; }
.glyphicons-playing_dices:before { content: "\e323"; }
.glyphicons-calculator:before { content: "\e324"; }
.glyphicons-tie:before { content: "\e325"; }
.glyphicons-wallet:before { content: "\e326"; }
.glyphicons-piano:before { content: "\e327"; }
.glyphicons-sampler:before { content: "\e328"; }
.glyphicons-podium:before { content: "\e329"; }
.glyphicons-soccer_ball:before { content: "\e330"; }
.glyphicons-blog:before { content: "\e331"; }
.glyphicons-dashboard:before { content: "\e332"; }
.glyphicons-certificate:before { content: "\e333"; }
.glyphicons-bell:before { content: "\e334"; }
.glyphicons-candle:before { content: "\e335"; }
.glyphicons-pushpin:before { content: "\e336"; }
.glyphicons-iphone_shake:before { content: "\e337"; }
.glyphicons-pin_flag:before { content: "\e338"; }
.glyphicons-turtle:before { content: "\e339"; }
.glyphicons-rabbit:before { content: "\e340"; }
.glyphicons-globe:before { content: "\e341"; }
.glyphicons-briefcase:before { content: "\e342"; }
.glyphicons-hdd:before { content: "\e343"; }
.glyphicons-thumbs_up:before { content: "\e344"; }
.glyphicons-thumbs_down:before { content: "\e345"; }
.glyphicons-hand_right:before { content: "\e346"; }
.glyphicons-hand_left:before { content: "\e347"; }
.glyphicons-hand_up:before { content: "\e348"; }
.glyphicons-hand_down:before { content: "\e349"; }
.glyphicons-fullscreen:before { content: "\e350"; }
.glyphicons-shopping_bag:before { content: "\e351"; }
.glyphicons-book_open:before { content: "\e352"; }
.glyphicons-nameplate:before { content: "\e353"; }
.glyphicons-nameplate_alt:before { content: "\e354"; }
.glyphicons-vases:before { content: "\e355"; }
.glyphicons-bullhorn:before { content: "\e356"; }
.glyphicons-dumbbell:before { content: "\e357"; }
.glyphicons-suitcase:before { content: "\e358"; }
.glyphicons-file_import:before { content: "\e359"; }
.glyphicons-file_export:before { content: "\e360"; }
.glyphicons-bug:before { content: "\e361"; }
.glyphicons-crown:before { content: "\e362"; }
.glyphicons-smoking:before { content: "\e363"; }
.glyphicons-cloud-upload:before { content: "\e364"; }
.glyphicons-cloud-download:before { content: "\e365"; }
.glyphicons-restart:before { content: "\e366"; }
.glyphicons-security_camera:before { content: "\e367"; }
.glyphicons-expand:before { content: "\e368"; }
.glyphicons-collapse:before { content: "\e369"; }
.glyphicons-collapse_top:before { content: "\e370"; }
.glyphicons-globe_af:before { content: "\e371"; }
.glyphicons-global:before { content: "\e372"; }
.glyphicons-spray:before { content: "\e373"; }
.glyphicons-nails:before { content: "\e374"; }
.glyphicons-claw_hammer:before { content: "\e375"; }
.glyphicons-classic_hammer:before { content: "\e376"; }
.glyphicons-hand_saw:before { content: "\e377"; }
.glyphicons-riflescope:before { content: "\e378"; }
.glyphicons-electrical_socket_eu:before { content: "\e379"; }
.glyphicons-electrical_socket_us:before { content: "\e380"; }
.glyphicons-pinterest:before { content: "\e381"; }
.glyphicons-dropbox:before { content: "\e382"; }
.glyphicons-google_plus:before { content: "\e383"; }
.glyphicons-jolicloud:before { content: "\e384"; }
.glyphicons-yahoo:before { content: "\e385"; }
.glyphicons-blogger:before { content: "\e386"; }
.glyphicons-picasa:before { content: "\e387"; }
.glyphicons-amazon:before { content: "\e388"; }
.glyphicons-tumblr:before { content: "\e389"; }
.glyphicons-wordpress:before { content: "\e390"; }
.glyphicons-instapaper:before { content: "\e391"; }
.glyphicons-evernote:before { content: "\e392"; }
.glyphicons-xing:before { content: "\e393"; }
.glyphicons-zootool:before { content: "\e394"; }
.glyphicons-dribbble:before { content: "\e395"; }
.glyphicons-deviantart:before { content: "\e396"; }
.glyphicons-read_it_later:before { content: "\e397"; }
.glyphicons-linked_in:before { content: "\e398"; }
.glyphicons-forrst:before { content: "\e399"; }
.glyphicons-pinboard:before { content: "\e400"; }
.glyphicons-behance:before { content: "\e401"; }
.glyphicons-github:before { content: "\e402"; }
.glyphicons-youtube:before { content: "\e403"; }
.glyphicons-skitch:before { content: "\e404"; }
.glyphicons-foursquare:before { content: "\e405"; }
.glyphicons-quora:before { content: "\e406"; }
.glyphicons-badoo:before { content: "\e407"; }
.glyphicons-spotify:before { content: "\e408"; }
.glyphicons-stumbleupon:before { content: "\e409"; }
.glyphicons-readability:before { content: "\e410"; }
.glyphicons-facebook:before { content: "\e411"; }
.glyphicons-twitter:before { content: "\e412"; }
.glyphicons-instagram:before { content: "\e413"; }
.glyphicons-posterous_spaces:before { content: "\e414"; }
.glyphicons-vimeo:before { content: "\e415"; }
.glyphicons-flickr:before { content: "\e416"; }
.glyphicons-last_fm:before { content: "\e417"; }
.glyphicons-rss:before { content: "\e418"; }
.glyphicons-skype:before { content: "\e419"; }
.glyphicons-e-mail:before { content: "\e420"; }
/*!
 *  Font Awesome 4.3.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face { font-family: 'FontAwesome'; src: url('../../../fonts/font-awesome/fontawesome-webfont.eot?v=4.2.0'); src: url('../../../fonts/font-awesome/fontawesome-webfont.eot?#iefix&v=4.2.0') format('embedded-opentype'), url('../../../fonts/font-awesome/fontawesome-webfont.woff?v=4.2.0') format('woff'), url('../../../fonts/font-awesome/fontawesome-webfont.ttf?v=4.2.0') format('truetype'), url('../../../fonts/font-awesome/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular') format('svg'); font-weight: normal; font-style: normal; }
.fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); }
/* makes the font 33% larger relative to the icon container */
.fa-lg { font-size: 1.33333333em; line-height: 0.75em; vertical-align: -15%; }
.fa-2x { font-size: 2em; }
.fa-3x { font-size: 3em; }
.fa-4x { font-size: 4em; }
.fa-5x { font-size: 5em; }
.fa-fw { width: 1.28571429em; text-align: center; }
.fa-ul { padding-left: 0; margin-left: 2.14285714em; list-style-type: none; }
.fa-ul > li { position: relative; }
.fa-li { position: absolute; left: -2.14285714em; width: 2.14285714em; top: 0.14285714em; text-align: center; }
.fa-li.fa-lg { left: -1.85714286em; }
.fa-border { padding: .2em .25em .15em; border: solid 0.08em #eeeeee; border-radius: .1em; }
.pull-right { float: right; }
.pull-left { float: left; }
.fa.pull-left { margin-right: .3em; }
.fa.pull-right { margin-left: .3em; }
.fa-spin { -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; }
.fa-pulse { -webkit-animation: fa-spin 1s infinite steps(8); animation: fa-spin 1s infinite steps(8); }
@-webkit-keyframes fa-spin { 0% {
 -webkit-transform: rotate(0deg);
 transform: rotate(0deg);
}
 100% {
 -webkit-transform: rotate(359deg);
 transform: rotate(359deg);
}
}
@keyframes fa-spin { 0% {
 -webkit-transform: rotate(0deg);
 transform: rotate(0deg);
}
 100% {
 -webkit-transform: rotate(359deg);
 transform: rotate(359deg);
}
}
.fa-rotate-90 {
 filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); }
.fa-rotate-180 {
 filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
.fa-rotate-270 {
 filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); }
.fa-flip-horizontal {
 filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1); -webkit-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1); }
.fa-flip-vertical {
 filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1); -webkit-transform: scale(1, -1); -ms-transform: scale(1, -1); transform: scale(1, -1); }
:root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical { filter: none; }
.fa-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle; }
.fa-stack-1x, .fa-stack-2x { position: absolute; left: 0; width: 100%; text-align: center; }
.fa-stack-1x { line-height: inherit; }
.fa-stack-2x { font-size: 2em; }
.fa-inverse { color: #ffffff; }
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-glass:before { content: "\f000"; }
.fa-music:before { content: "\f001"; }
.fa-search:before { content: "\f002"; }
.fa-envelope-o:before { content: "\f003"; }
.fa-heart:before { content: "\f004"; }
.fa-star:before { content: "\f005"; }
.fa-star-o:before { content: "\f006"; }
.fa-user:before { content: "\f007"; }
.fa-film:before { content: "\f008"; }
.fa-th-large:before { content: "\f009"; }
.fa-th:before { content: "\f00a"; }
.fa-th-list:before { content: "\f00b"; }
.fa-check:before { content: "\f00c"; }
.fa-remove:before, .fa-close:before, .fa-times:before { content: "\f00d"; }
.fa-search-plus:before { content: "\f00e"; }
.fa-search-minus:before { content: "\f010"; }
.fa-power-off:before { content: "\f011"; }
.fa-signal:before { content: "\f012"; }
.fa-gear:before, .fa-cog:before { content: "\f013"; }
.fa-trash-o:before { content: "\f014"; }
.fa-home:before { content: "\f015"; }
.fa-file-o:before { content: "\f016"; }
.fa-clock-o:before { content: "\f017"; }
.fa-road:before { content: "\f018"; }
.fa-download:before { content: "\f019"; }
.fa-arrow-circle-o-down:before { content: "\f01a"; }
.fa-arrow-circle-o-up:before { content: "\f01b"; }
.fa-inbox:before { content: "\f01c"; }
.fa-play-circle-o:before { content: "\f01d"; }
.fa-rotate-right:before, .fa-repeat:before { content: "\f01e"; }
.fa-refresh:before { content: "\f021"; }
.fa-list-alt:before { content: "\f022"; }
.fa-lock:before { content: "\f023"; }
.fa-flag:before { content: "\f024"; }
.fa-headphones:before { content: "\f025"; }
.fa-volume-off:before { content: "\f026"; }
.fa-volume-down:before { content: "\f027"; }
.fa-volume-up:before { content: "\f028"; }
.fa-qrcode:before { content: "\f029"; }
.fa-barcode:before { content: "\f02a"; }
.fa-tag:before { content: "\f02b"; }
.fa-tags:before { content: "\f02c"; }
.fa-book:before { content: "\f02d"; }
.fa-bookmark:before { content: "\f02e"; }
.fa-print:before { content: "\f02f"; }
.fa-camera:before { content: "\f030"; }
.fa-font:before { content: "\f031"; }
.fa-bold:before { content: "\f032"; }
.fa-italic:before { content: "\f033"; }
.fa-text-height:before { content: "\f034"; }
.fa-text-width:before { content: "\f035"; }
.fa-align-left:before { content: "\f036"; }
.fa-align-center:before { content: "\f037"; }
.fa-align-right:before { content: "\f038"; }
.fa-align-justify:before { content: "\f039"; }
.fa-list:before { content: "\f03a"; }
.fa-dedent:before, .fa-outdent:before { content: "\f03b"; }
.fa-indent:before { content: "\f03c"; }
.fa-video-camera:before { content: "\f03d"; }
.fa-photo:before, .fa-image:before, .fa-picture-o:before { content: "\f03e"; }
.fa-pencil:before { content: "\f040"; }
.fa-map-marker:before { content: "\f041"; }
.fa-adjust:before { content: "\f042"; }
.fa-tint:before { content: "\f043"; }
.fa-edit:before, .fa-pencil-square-o:before { content: "\f044"; }
.fa-share-square-o:before { content: "\f045"; }
.fa-check-square-o:before { content: "\f046"; }
.fa-arrows:before { content: "\f047"; }
.fa-step-backward:before { content: "\f048"; }
.fa-fast-backward:before { content: "\f049"; }
.fa-backward:before { content: "\f04a"; }
.fa-play:before { content: "\f04b"; }
.fa-pause:before { content: "\f04c"; }
.fa-stop:before { content: "\f04d"; }
.fa-forward:before { content: "\f04e"; }
.fa-fast-forward:before { content: "\f050"; }
.fa-step-forward:before { content: "\f051"; }
.fa-eject:before { content: "\f052"; }
.fa-chevron-left:before { content: "\f053"; }
.fa-chevron-right:before { content: "\f054"; }
.fa-plus-circle:before { content: "\f055"; }
.fa-minus-circle:before { content: "\f056"; }
.fa-times-circle:before { content: "\f057"; }
.fa-check-circle:before { content: "\f058"; }
.fa-question-circle:before { content: "\f059"; }
.fa-info-circle:before { content: "\f05a"; }
.fa-crosshairs:before { content: "\f05b"; }
.fa-times-circle-o:before { content: "\f05c"; }
.fa-check-circle-o:before { content: "\f05d"; }
.fa-ban:before { content: "\f05e"; }
.fa-arrow-left:before { content: "\f060"; }
.fa-arrow-right:before { content: "\f061"; }
.fa-arrow-up:before { content: "\f062"; }
.fa-arrow-down:before { content: "\f063"; }
.fa-mail-forward:before, .fa-share:before { content: "\f064"; }
.fa-expand:before { content: "\f065"; }
.fa-compress:before { content: "\f066"; }
.fa-plus:before { content: "\f067"; }
.fa-minus:before { content: "\f068"; }
.fa-asterisk:before { content: "\f069"; }
.fa-exclamation-circle:before { content: "\f06a"; }
.fa-gift:before { content: "\f06b"; }
.fa-leaf:before { content: "\f06c"; }
.fa-fire:before { content: "\f06d"; }
.fa-eye:before { content: "\f06e"; }
.fa-eye-slash:before { content: "\f070"; }
.fa-warning:before, .fa-exclamation-triangle:before { content: "\f071"; }
.fa-plane:before { content: "\f072"; }
.fa-calendar:before { content: "\f073"; }
.fa-random:before { content: "\f074"; }
.fa-comment:before { content: "\f075"; }
.fa-magnet:before { content: "\f076"; }
.fa-chevron-up:before { content: "\f077"; }
.fa-chevron-down:before { content: "\f078"; }
.fa-retweet:before { content: "\f079"; }
.fa-shopping-cart:before { content: "\f07a"; }
.fa-folder:before { content: "\f07b"; }
.fa-folder-open:before { content: "\f07c"; }
.fa-arrows-v:before { content: "\f07d"; }
.fa-arrows-h:before { content: "\f07e"; }
.fa-bar-chart-o:before, .fa-bar-chart:before { content: "\f080"; }
.fa-twitter-square:before { content: "\f081"; }
.fa-facebook-square:before { content: "\f082"; }
.fa-camera-retro:before { content: "\f083"; }
.fa-key:before { content: "\f084"; }
.fa-gears:before, .fa-cogs:before { content: "\f085"; }
.fa-comments:before { content: "\f086"; }
.fa-thumbs-o-up:before { content: "\f087"; }
.fa-thumbs-o-down:before { content: "\f088"; }
.fa-star-half:before { content: "\f089"; }
.fa-heart-o:before { content: "\f08a"; }
.fa-sign-out:before { content: "\f08b"; }
.fa-linkedin-square:before { content: "\f08c"; }
.fa-thumb-tack:before { content: "\f08d"; }
.fa-external-link:before { content: "\f08e"; }
.fa-sign-in:before { content: "\f090"; }
.fa-trophy:before { content: "\f091"; }
.fa-github-square:before { content: "\f092"; }
.fa-upload:before { content: "\f093"; }
.fa-lemon-o:before { content: "\f094"; }
.fa-phone:before { content: "\f095"; }
.fa-square-o:before { content: "\f096"; }
.fa-bookmark-o:before { content: "\f097"; }
.fa-phone-square:before { content: "\f098"; }
.fa-twitter:before { content: "\f099"; }
.fa-facebook-f:before, .fa-facebook:before { content: "\f09a"; }
.fa-github:before { content: "\f09b"; }
.fa-unlock:before { content: "\f09c"; }
.fa-credit-card:before { content: "\f09d"; }
.fa-rss:before { content: "\f09e"; }
.fa-hdd-o:before { content: "\f0a0"; }
.fa-bullhorn:before { content: "\f0a1"; }
.fa-bell:before { content: "\f0f3"; }
.fa-certificate:before { content: "\f0a3"; }
.fa-hand-o-right:before { content: "\f0a4"; }
.fa-hand-o-left:before { content: "\f0a5"; }
.fa-hand-o-up:before { content: "\f0a6"; }
.fa-hand-o-down:before { content: "\f0a7"; }
.fa-arrow-circle-left:before { content: "\f0a8"; }
.fa-arrow-circle-right:before { content: "\f0a9"; }
.fa-arrow-circle-up:before { content: "\f0aa"; }
.fa-arrow-circle-down:before { content: "\f0ab"; }
.fa-globe:before { content: "\f0ac"; }
.fa-wrench:before { content: "\f0ad"; }
.fa-tasks:before { content: "\f0ae"; }
.fa-filter:before { content: "\f0b0"; }
.fa-briefcase:before { content: "\f0b1"; }
.fa-arrows-alt:before { content: "\f0b2"; }
.fa-group:before, .fa-users:before { content: "\f0c0"; }
.fa-chain:before, .fa-link:before { content: "\f0c1"; }
.fa-cloud:before { content: "\f0c2"; }
.fa-flask:before { content: "\f0c3"; }
.fa-cut:before, .fa-scissors:before { content: "\f0c4"; }
.fa-copy:before, .fa-files-o:before { content: "\f0c5"; }
.fa-paperclip:before { content: "\f0c6"; }
.fa-save:before, .fa-floppy-o:before { content: "\f0c7"; }
.fa-square:before { content: "\f0c8"; }
.fa-navicon:before, .fa-reorder:before, .fa-bars:before { content: "\f0c9"; }
.fa-list-ul:before { content: "\f0ca"; }
.fa-list-ol:before { content: "\f0cb"; }
.fa-strikethrough:before { content: "\f0cc"; }
.fa-underline:before { content: "\f0cd"; }
.fa-table:before { content: "\f0ce"; }
.fa-magic:before { content: "\f0d0"; }
.fa-truck:before { content: "\f0d1"; }
.fa-pinterest:before { content: "\f0d2"; }
.fa-pinterest-square:before { content: "\f0d3"; }
.fa-google-plus-square:before { content: "\f0d4"; }
.fa-google-plus:before { content: "\f0d5"; }
.fa-money:before { content: "\f0d6"; }
.fa-caret-down:before { content: "\f0d7"; }
.fa-caret-up:before { content: "\f0d8"; }
.fa-caret-left:before { content: "\f0d9"; }
.fa-caret-right:before { content: "\f0da"; }
.fa-columns:before { content: "\f0db"; }
.fa-unsorted:before, .fa-sort:before { content: "\f0dc"; }
.fa-sort-down:before, .fa-sort-desc:before { content: "\f0dd"; }
.fa-sort-up:before, .fa-sort-asc:before { content: "\f0de"; }
.fa-envelope:before { content: "\f0e0"; }
.fa-linkedin:before { content: "\f0e1"; }
.fa-rotate-left:before, .fa-undo:before { content: "\f0e2"; }
.fa-legal:before, .fa-gavel:before { content: "\f0e3"; }
.fa-dashboard:before, .fa-tachometer:before { content: "\f0e4"; }
.fa-comment-o:before { content: "\f0e5"; }
.fa-comments-o:before { content: "\f0e6"; }
.fa-flash:before, .fa-bolt:before { content: "\f0e7"; }
.fa-sitemap:before { content: "\f0e8"; }
.fa-umbrella:before { content: "\f0e9"; }
.fa-paste:before, .fa-clipboard:before { content: "\f0ea"; }
.fa-lightbulb-o:before { content: "\f0eb"; }
.fa-exchange:before { content: "\f0ec"; }
.fa-cloud-download:before { content: "\f0ed"; }
.fa-cloud-upload:before { content: "\f0ee"; }
.fa-user-md:before { content: "\f0f0"; }
.fa-stethoscope:before { content: "\f0f1"; }
.fa-suitcase:before { content: "\f0f2"; }
.fa-bell-o:before { content: "\f0a2"; }
.fa-coffee:before { content: "\f0f4"; }
.fa-cutlery:before { content: "\f0f5"; }
.fa-file-text-o:before { content: "\f0f6"; }
.fa-building-o:before { content: "\f0f7"; }
.fa-hospital-o:before { content: "\f0f8"; }
.fa-ambulance:before { content: "\f0f9"; }
.fa-medkit:before { content: "\f0fa"; }
.fa-fighter-jet:before { content: "\f0fb"; }
.fa-beer:before { content: "\f0fc"; }
.fa-h-square:before { content: "\f0fd"; }
.fa-plus-square:before { content: "\f0fe"; }
.fa-angle-double-left:before { content: "\f100"; }
.fa-angle-double-right:before { content: "\f101"; }
.fa-angle-double-up:before { content: "\f102"; }
.fa-angle-double-down:before { content: "\f103"; }
.fa-angle-left:before { content: "\f104"; }
.fa-angle-right:before { content: "\f105"; }
.fa-angle-up:before { content: "\f106"; }
.fa-angle-down:before { content: "\f107"; }
.fa-desktop:before { content: "\f108"; }
.fa-laptop:before { content: "\f109"; }
.fa-tablet:before { content: "\f10a"; }
.fa-mobile-phone:before, .fa-mobile:before { content: "\f10b"; }
.fa-circle-o:before { content: "\f10c"; }
.fa-quote-left:before { content: "\f10d"; }
.fa-quote-right:before { content: "\f10e"; }
.fa-spinner:before { content: "\f110"; }
.fa-circle:before { content: "\f111"; }
.fa-mail-reply:before, .fa-reply:before { content: "\f112"; }
.fa-github-alt:before { content: "\f113"; }
.fa-folder-o:before { content: "\f114"; }
.fa-folder-open-o:before { content: "\f115"; }
.fa-smile-o:before { content: "\f118"; }
.fa-frown-o:before { content: "\f119"; }
.fa-meh-o:before { content: "\f11a"; }
.fa-gamepad:before { content: "\f11b"; }
.fa-keyboard-o:before { content: "\f11c"; }
.fa-flag-o:before { content: "\f11d"; }
.fa-flag-checkered:before { content: "\f11e"; }
.fa-terminal:before { content: "\f120"; }
.fa-code:before { content: "\f121"; }
.fa-mail-reply-all:before, .fa-reply-all:before { content: "\f122"; }
.fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before { content: "\f123"; }
.fa-location-arrow:before { content: "\f124"; }
.fa-crop:before { content: "\f125"; }
.fa-code-fork:before { content: "\f126"; }
.fa-unlink:before, .fa-chain-broken:before { content: "\f127"; }
.fa-question:before { content: "\f128"; }
.fa-info:before { content: "\f129"; }
.fa-exclamation:before { content: "\f12a"; }
.fa-superscript:before { content: "\f12b"; }
.fa-subscript:before { content: "\f12c"; }
.fa-eraser:before { content: "\f12d"; }
.fa-puzzle-piece:before { content: "\f12e"; }
.fa-microphone:before { content: "\f130"; }
.fa-microphone-slash:before { content: "\f131"; }
.fa-shield:before { content: "\f132"; }
.fa-calendar-o:before { content: "\f133"; }
.fa-fire-extinguisher:before { content: "\f134"; }
.fa-rocket:before { content: "\f135"; }
.fa-maxcdn:before { content: "\f136"; }
.fa-chevron-circle-left:before { content: "\f137"; }
.fa-chevron-circle-right:before { content: "\f138"; }
.fa-chevron-circle-up:before { content: "\f139"; }
.fa-chevron-circle-down:before { content: "\f13a"; }
.fa-html5:before { content: "\f13b"; }
.fa-css3:before { content: "\f13c"; }
.fa-anchor:before { content: "\f13d"; }
.fa-unlock-alt:before { content: "\f13e"; }
.fa-bullseye:before { content: "\f140"; }
.fa-ellipsis-h:before { content: "\f141"; }
.fa-ellipsis-v:before { content: "\f142"; }
.fa-rss-square:before { content: "\f143"; }
.fa-play-circle:before { content: "\f144"; }
.fa-ticket:before { content: "\f145"; }
.fa-minus-square:before { content: "\f146"; }
.fa-minus-square-o:before { content: "\f147"; }
.fa-level-up:before { content: "\f148"; }
.fa-level-down:before { content: "\f149"; }
.fa-check-square:before { content: "\f14a"; }
.fa-pencil-square:before { content: "\f14b"; }
.fa-external-link-square:before { content: "\f14c"; }
.fa-share-square:before { content: "\f14d"; }
.fa-compass:before { content: "\f14e"; }
.fa-toggle-down:before, .fa-caret-square-o-down:before { content: "\f150"; }
.fa-toggle-up:before, .fa-caret-square-o-up:before { content: "\f151"; }
.fa-toggle-right:before, .fa-caret-square-o-right:before { content: "\f152"; }
.fa-euro:before, .fa-eur:before { content: "\f153"; }
.fa-gbp:before { content: "\f154"; }
.fa-dollar:before, .fa-usd:before { content: "\f155"; }
.fa-rupee:before, .fa-inr:before { content: "\f156"; }
.fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before { content: "\f157"; }
.fa-ruble:before, .fa-rouble:before, .fa-rub:before { content: "\f158"; }
.fa-won:before, .fa-krw:before { content: "\f159"; }
.fa-bitcoin:before, .fa-btc:before { content: "\f15a"; }
.fa-file:before { content: "\f15b"; }
.fa-file-text:before { content: "\f15c"; }
.fa-sort-alpha-asc:before { content: "\f15d"; }
.fa-sort-alpha-desc:before { content: "\f15e"; }
.fa-sort-amount-asc:before { content: "\f160"; }
.fa-sort-amount-desc:before { content: "\f161"; }
.fa-sort-numeric-asc:before { content: "\f162"; }
.fa-sort-numeric-desc:before { content: "\f163"; }
.fa-thumbs-up:before { content: "\f164"; }
.fa-thumbs-down:before { content: "\f165"; }
.fa-youtube-square:before { content: "\f166"; }
.fa-youtube:before { content: "\f167"; }
.fa-xing:before { content: "\f168"; }
.fa-xing-square:before { content: "\f169"; }
.fa-youtube-play:before { content: "\f16a"; }
.fa-dropbox:before { content: "\f16b"; }
.fa-stack-overflow:before { content: "\f16c"; }
.fa-instagram:before { content: "\f16d"; }
.fa-flickr:before { content: "\f16e"; }
.fa-adn:before { content: "\f170"; }
.fa-bitbucket:before { content: "\f171"; }
.fa-bitbucket-square:before { content: "\f172"; }
.fa-tumblr:before { content: "\f173"; }
.fa-tumblr-square:before { content: "\f174"; }
.fa-long-arrow-down:before { content: "\f175"; }
.fa-long-arrow-up:before { content: "\f176"; }
.fa-long-arrow-left:before { content: "\f177"; }
.fa-long-arrow-right:before { content: "\f178"; }
.fa-apple:before { content: "\f179"; }
.fa-windows:before { content: "\f17a"; }
.fa-android:before { content: "\f17b"; }
.fa-linux:before { content: "\f17c"; }
.fa-dribbble:before { content: "\f17d"; }
.fa-skype:before { content: "\f17e"; }
.fa-foursquare:before { content: "\f180"; }
.fa-trello:before { content: "\f181"; }
.fa-female:before { content: "\f182"; }
.fa-male:before { content: "\f183"; }
.fa-gittip:before, .fa-gratipay:before { content: "\f184"; }
.fa-sun-o:before { content: "\f185"; }
.fa-moon-o:before { content: "\f186"; }
.fa-archive:before { content: "\f187"; }
.fa-bug:before { content: "\f188"; }
.fa-vk:before { content: "\f189"; }
.fa-weibo:before { content: "\f18a"; }
.fa-renren:before { content: "\f18b"; }
.fa-pagelines:before { content: "\f18c"; }
.fa-stack-exchange:before { content: "\f18d"; }
.fa-arrow-circle-o-right:before { content: "\f18e"; }
.fa-arrow-circle-o-left:before { content: "\f190"; }
.fa-toggle-left:before, .fa-caret-square-o-left:before { content: "\f191"; }
.fa-dot-circle-o:before { content: "\f192"; }
.fa-wheelchair:before { content: "\f193"; }
.fa-vimeo-square:before { content: "\f194"; }
.fa-turkish-lira:before, .fa-try:before { content: "\f195"; }
.fa-plus-square-o:before { content: "\f196"; }
.fa-space-shuttle:before { content: "\f197"; }
.fa-slack:before { content: "\f198"; }
.fa-envelope-square:before { content: "\f199"; }
.fa-wordpress:before { content: "\f19a"; }
.fa-openid:before { content: "\f19b"; }
.fa-institution:before, .fa-bank:before, .fa-university:before { content: "\f19c"; }
.fa-mortar-board:before, .fa-graduation-cap:before { content: "\f19d"; }
.fa-yahoo:before { content: "\f19e"; }
.fa-google:before { content: "\f1a0"; }
.fa-reddit:before { content: "\f1a1"; }
.fa-reddit-square:before { content: "\f1a2"; }
.fa-stumbleupon-circle:before { content: "\f1a3"; }
.fa-stumbleupon:before { content: "\f1a4"; }
.fa-delicious:before { content: "\f1a5"; }
.fa-digg:before { content: "\f1a6"; }
.fa-pied-piper:before { content: "\f1a7"; }
.fa-pied-piper-alt:before { content: "\f1a8"; }
.fa-drupal:before { content: "\f1a9"; }
.fa-joomla:before { content: "\f1aa"; }
.fa-language:before { content: "\f1ab"; }
.fa-fax:before { content: "\f1ac"; }
.fa-building:before { content: "\f1ad"; }
.fa-child:before { content: "\f1ae"; }
.fa-paw:before { content: "\f1b0"; }
.fa-spoon:before { content: "\f1b1"; }
.fa-cube:before { content: "\f1b2"; }
.fa-cubes:before { content: "\f1b3"; }
.fa-behance:before { content: "\f1b4"; }
.fa-behance-square:before { content: "\f1b5"; }
.fa-steam:before { content: "\f1b6"; }
.fa-steam-square:before { content: "\f1b7"; }
.fa-recycle:before { content: "\f1b8"; }
.fa-automobile:before, .fa-car:before { content: "\f1b9"; }
.fa-cab:before, .fa-taxi:before { content: "\f1ba"; }
.fa-tree:before { content: "\f1bb"; }
.fa-spotify:before { content: "\f1bc"; }
.fa-deviantart:before { content: "\f1bd"; }
.fa-soundcloud:before { content: "\f1be"; }
.fa-database:before { content: "\f1c0"; }
.fa-file-pdf-o:before { content: "\f1c1"; }
.fa-file-word-o:before { content: "\f1c2"; }
.fa-file-excel-o:before { content: "\f1c3"; }
.fa-file-powerpoint-o:before { content: "\f1c4"; }
.fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before { content: "\f1c5"; }
.fa-file-zip-o:before, .fa-file-archive-o:before { content: "\f1c6"; }
.fa-file-sound-o:before, .fa-file-audio-o:before { content: "\f1c7"; }
.fa-file-movie-o:before, .fa-file-video-o:before { content: "\f1c8"; }
.fa-file-code-o:before { content: "\f1c9"; }
.fa-vine:before { content: "\f1ca"; }
.fa-codepen:before { content: "\f1cb"; }
.fa-jsfiddle:before { content: "\f1cc"; }
.fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before { content: "\f1cd"; }
.fa-circle-o-notch:before { content: "\f1ce"; }
.fa-ra:before, .fa-rebel:before { content: "\f1d0"; }
.fa-ge:before, .fa-empire:before { content: "\f1d1"; }
.fa-git-square:before { content: "\f1d2"; }
.fa-git:before { content: "\f1d3"; }
.fa-hacker-news:before { content: "\f1d4"; }
.fa-tencent-weibo:before { content: "\f1d5"; }
.fa-qq:before { content: "\f1d6"; }
.fa-wechat:before, .fa-weixin:before { content: "\f1d7"; }
.fa-send:before, .fa-paper-plane:before { content: "\f1d8"; }
.fa-send-o:before, .fa-paper-plane-o:before { content: "\f1d9"; }
.fa-history:before { content: "\f1da"; }
.fa-genderless:before, .fa-circle-thin:before { content: "\f1db"; }
.fa-header:before { content: "\f1dc"; }
.fa-paragraph:before { content: "\f1dd"; }
.fa-sliders:before { content: "\f1de"; }
.fa-share-alt:before { content: "\f1e0"; }
.fa-share-alt-square:before { content: "\f1e1"; }
.fa-bomb:before { content: "\f1e2"; }
.fa-soccer-ball-o:before, .fa-futbol-o:before { content: "\f1e3"; }
.fa-tty:before { content: "\f1e4"; }
.fa-binoculars:before { content: "\f1e5"; }
.fa-plug:before { content: "\f1e6"; }
.fa-slideshare:before { content: "\f1e7"; }
.fa-twitch:before { content: "\f1e8"; }
.fa-yelp:before { content: "\f1e9"; }
.fa-newspaper-o:before { content: "\f1ea"; }
.fa-wifi:before { content: "\f1eb"; }
.fa-calculator:before { content: "\f1ec"; }
.fa-paypal:before { content: "\f1ed"; }
.fa-google-wallet:before { content: "\f1ee"; }
.fa-cc-visa:before { content: "\f1f0"; }
.fa-cc-mastercard:before { content: "\f1f1"; }
.fa-cc-discover:before { content: "\f1f2"; }
.fa-cc-amex:before { content: "\f1f3"; }
.fa-cc-paypal:before { content: "\f1f4"; }
.fa-cc-stripe:before { content: "\f1f5"; }
.fa-bell-slash:before { content: "\f1f6"; }
.fa-bell-slash-o:before { content: "\f1f7"; }
.fa-trash:before { content: "\f1f8"; }
.fa-copyright:before { content: "\f1f9"; }
.fa-at:before { content: "\f1fa"; }
.fa-eyedropper:before { content: "\f1fb"; }
.fa-paint-brush:before { content: "\f1fc"; }
.fa-birthday-cake:before { content: "\f1fd"; }
.fa-area-chart:before { content: "\f1fe"; }
.fa-pie-chart:before { content: "\f200"; }
.fa-line-chart:before { content: "\f201"; }
.fa-lastfm:before { content: "\f202"; }
.fa-lastfm-square:before { content: "\f203"; }
.fa-toggle-off:before { content: "\f204"; }
.fa-toggle-on:before { content: "\f205"; }
.fa-bicycle:before { content: "\f206"; }
.fa-bus:before { content: "\f207"; }
.fa-ioxhost:before { content: "\f208"; }
.fa-angellist:before { content: "\f209"; }
.fa-cc:before { content: "\f20a"; }
.fa-shekel:before, .fa-sheqel:before, .fa-ils:before { content: "\f20b"; }
.fa-meanpath:before { content: "\f20c"; }
.fa-buysellads:before { content: "\f20d"; }
.fa-connectdevelop:before { content: "\f20e"; }
.fa-dashcube:before { content: "\f210"; }
.fa-forumbee:before { content: "\f211"; }
.fa-leanpub:before { content: "\f212"; }
.fa-sellsy:before { content: "\f213"; }
.fa-shirtsinbulk:before { content: "\f214"; }
.fa-simplybuilt:before { content: "\f215"; }
.fa-skyatlas:before { content: "\f216"; }
.fa-cart-plus:before { content: "\f217"; }
.fa-cart-arrow-down:before { content: "\f218"; }
.fa-diamond:before { content: "\f219"; }
.fa-ship:before { content: "\f21a"; }
.fa-user-secret:before { content: "\f21b"; }
.fa-motorcycle:before { content: "\f21c"; }
.fa-street-view:before { content: "\f21d"; }
.fa-heartbeat:before { content: "\f21e"; }
.fa-venus:before { content: "\f221"; }
.fa-mars:before { content: "\f222"; }
.fa-mercury:before { content: "\f223"; }
.fa-transgender:before { content: "\f224"; }
.fa-transgender-alt:before { content: "\f225"; }
.fa-venus-double:before { content: "\f226"; }
.fa-mars-double:before { content: "\f227"; }
.fa-venus-mars:before { content: "\f228"; }
.fa-mars-stroke:before { content: "\f229"; }
.fa-mars-stroke-v:before { content: "\f22a"; }
.fa-mars-stroke-h:before { content: "\f22b"; }
.fa-neuter:before { content: "\f22c"; }
.fa-facebook-official:before { content: "\f230"; }
.fa-pinterest-p:before { content: "\f231"; }
.fa-whatsapp:before { content: "\f232"; }
.fa-server:before { content: "\f233"; }
.fa-user-plus:before { content: "\f234"; }
.fa-user-times:before { content: "\f235"; }
.fa-hotel:before, .fa-bed:before { content: "\f236"; }
.fa-viacoin:before { content: "\f237"; }
.fa-train:before { content: "\f238"; }
.fa-subway:before { content: "\f239"; }
.fa-medium:before { content: "\f23a"; }
@charset "IBM437";
@font-face { font-family: 'octicons'; src: url("../../../fonts/octicons/octicons.eot?#iefix") format("embedded-opentype"), url("../../../fonts/octicons/octicons.woff") format("woff"), url("../../../fonts/octicons/octicons.ttf") format("truetype"), url("../../../fonts/octicons/octicons.svg#octicons") format("svg"); font-weight: normal; font-style: normal; }
/*

.octicon is optimized for 16px.
.mega-octicon is optimized for 32px but can be used larger.

*/
.octicon { font: normal normal 16px octicons; line-height: 1; display: inline-block; text-decoration: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.mega-octicon { font: normal normal 32px octicons; line-height: 1; display: inline-block; text-decoration: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.octicon-alert:before { content: '\f02d'; }
/* ï€­ */
.octicon-alignment-align:before { content: '\f08a'; }
/* ï‚Š */
.octicon-alignment-aligned-to:before { content: '\f08e'; }
/* ï‚Ž */
.octicon-alignment-unalign:before { content: '\f08b'; }
/* ï‚‹ */
.octicon-arrow-down:before { content: '\f03f'; }
/* ï€¿ */
.octicon-arrow-left:before { content: '\f040'; }
/* ï�€ */
.octicon-arrow-right:before { content: '\f03e'; }
/* ï€¾ */
.octicon-arrow-small-down:before { content: '\f0a0'; }
/* ï‚  */
.octicon-arrow-small-left:before { content: '\f0a1'; }
/* ï‚¡ */
.octicon-arrow-small-right:before { content: '\f071'; }
/* ï�± */
.octicon-arrow-small-up:before { content: '\f09f'; }
/* ï‚Ÿ */
.octicon-arrow-up:before { content: '\f03d'; }
/* ï€½ */
.octicon-beer:before { content: '\f069'; }
/* ï�© */
.octicon-book:before { content: '\f007'; }
/* ï€‡ */
.octicon-bookmark:before { content: '\f07b'; }
/* ï�» */
.octicon-briefcase:before { content: '\f0d3'; }
/* ïƒ“ */
.octicon-broadcast:before { content: '\f048'; }
/* ï�ˆ */
.octicon-browser:before { content: '\f0c5'; }
/* ïƒ… */
.octicon-bug:before { content: '\f091'; }
/* ï‚‘ */
.octicon-calendar:before { content: '\f068'; }
/* ï�¨ */
.octicon-check:before { content: '\f03a'; }
/* ï€º */
.octicon-checklist:before { content: '\f076'; }
/* ï�¶ */
.octicon-chevron-down:before { content: '\f0a3'; }
/* ï‚£ */
.octicon-chevron-left:before { content: '\f0a4'; }
/* ï‚¤ */
.octicon-chevron-right:before { content: '\f078'; }
/* ï�¸ */
.octicon-chevron-up:before { content: '\f0a2'; }
/* ï‚¢ */
.octicon-circle-slash:before { content: '\f084'; }
/* ï‚„ */
.octicon-circuit-board:before { content: '\f0d6'; }
/* ïƒ– */
.octicon-clippy:before { content: '\f035'; }
/* ï€µ */
.octicon-clock:before { content: '\f046'; }
/* ï�† */
.octicon-cloud-download:before { content: '\f00b'; }
/* ï€‹ */
.octicon-cloud-upload:before { content: '\f00c'; }
/* ï€Œ */
.octicon-code:before { content: '\f05f'; }
/* ï�Ÿ */
.octicon-color-mode:before { content: '\f065'; }
/* ï�¥ */
.octicon-comment-add:before, .octicon-comment:before { content: '\f02b'; }
/* ï€« */
.octicon-comment-discussion:before { content: '\f04f'; }
/* ï�� */
.octicon-credit-card:before { content: '\f045'; }
/* ï�… */
.octicon-dash:before { content: '\f0ca'; }
/* ïƒŠ */
.octicon-dashboard:before { content: '\f07d'; }
/* ï�½ */
.octicon-database:before { content: '\f096'; }
/* ï‚– */
.octicon-device-camera:before { content: '\f056'; }
/* ï�– */
.octicon-device-camera-video:before { content: '\f057'; }
/* ï�— */
.octicon-device-desktop:before { content: '\f27c'; }
/* ï‰¼ */
.octicon-device-mobile:before { content: '\f038'; }
/* ï€¸ */
.octicon-diff:before { content: '\f04d'; }
/* ï�� */
.octicon-diff-added:before { content: '\f06b'; }
/* ï�« */
.octicon-diff-ignored:before { content: '\f099'; }
/* ï‚™ */
.octicon-diff-modified:before { content: '\f06d'; }
/* ï�­ */
.octicon-diff-removed:before { content: '\f06c'; }
/* ï�¬ */
.octicon-diff-renamed:before { content: '\f06e'; }
/* ï�® */
.octicon-ellipsis:before { content: '\f09a'; }
/* ï‚š */
.octicon-eye-unwatch:before, .octicon-eye-watch:before, .octicon-eye:before { content: '\f04e'; }
/* ï�Ž */
.octicon-file-binary:before { content: '\f094'; }
/* ï‚�? */
.octicon-file-code:before { content: '\f010'; }
/* ï€� */
.octicon-file-directory:before { content: '\f016'; }
/* ï€– */
.octicon-file-media:before { content: '\f012'; }
/* ï€’ */
.octicon-file-pdf:before { content: '\f014'; }
/* ï€�? */
.octicon-file-submodule:before { content: '\f017'; }
/* ï€— */
.octicon-file-symlink-directory:before { content: '\f0b1'; }
/* ï‚± */
.octicon-file-symlink-file:before { content: '\f0b0'; }
/* ï‚° */
.octicon-file-text:before { content: '\f011'; }
/* ï€‘ */
.octicon-file-zip:before { content: '\f013'; }
/* ï€“ */
.octicon-flame:before { content: '\f0d2'; }
/* ïƒ’ */
.octicon-fold:before { content: '\f0cc'; }
/* ïƒŒ */
.octicon-gear:before { content: '\f02f'; }
/* ï€¯ */
.octicon-gift:before { content: '\f042'; }
/* ï�‚ */
.octicon-gist:before { content: '\f00e'; }
/* ï€Ž */
.octicon-gist-secret:before { content: '\f08c'; }
/* ï‚Œ */
.octicon-git-branch-create:before, .octicon-git-branch-delete:before, .octicon-git-branch:before { content: '\f020'; }
/* ï€  */
.octicon-git-commit:before { content: '\f01f'; }
/* ï€Ÿ */
.octicon-git-compare:before { content: '\f0ac'; }
/* ï‚¬ */
.octicon-git-merge:before { content: '\f023'; }
/* ï€£ */
.octicon-git-pull-request-abandoned:before, .octicon-git-pull-request:before { content: '\f009'; }
/* ï€‰ */
.octicon-globe:before { content: '\f0b6'; }
/* ï‚¶ */
.octicon-graph:before { content: '\f043'; }
/* ï�ƒ */
.octicon-heart:before { content: '\2665'; }
/* â™¥ */
.octicon-history:before { content: '\f07e'; }
/* ï�¾ */
.octicon-home:before { content: '\f08d'; }
/* ï‚� */
.octicon-horizontal-rule:before { content: '\f070'; }
/* ï�° */
.octicon-hourglass:before { content: '\f09e'; }
/* ï‚ž */
.octicon-hubot:before { content: '\f09d'; }
/* ï‚� */
.octicon-inbox:before { content: '\f0cf'; }
/* ïƒ� */
.octicon-info:before { content: '\f059'; }
/* ï�™ */
.octicon-issue-closed:before { content: '\f028'; }
/* ï€¨ */
.octicon-issue-opened:before { content: '\f026'; }
/* ï€¦ */
.octicon-issue-reopened:before { content: '\f027'; }
/* ï€§ */
.octicon-jersey:before { content: '\f019'; }
/* ï€™ */
.octicon-jump-down:before { content: '\f072'; }
/* ï�² */
.octicon-jump-left:before { content: '\f0a5'; }
/* ï‚¥ */
.octicon-jump-right:before { content: '\f0a6'; }
/* ï‚¦ */
.octicon-jump-up:before { content: '\f073'; }
/* ï�³ */
.octicon-key:before { content: '\f049'; }
/* ï�‰ */
.octicon-keyboard:before { content: '\f00d'; }
/* ï€� */
.octicon-law:before { content: '\f0d8'; }
/*  */
.octicon-light-bulb:before { content: '\f000'; }
/* ï€€ */
.octicon-link:before { content: '\f05c'; }
/* ï�œ */
.octicon-link-external:before { content: '\f07f'; }
/* ï�¿ */
.octicon-list-ordered:before { content: '\f062'; }
/* ï�¢ */
.octicon-list-unordered:before { content: '\f061'; }
/* ï�¡ */
.octicon-location:before { content: '\f060'; }
/* ï�  */
.octicon-gist-private:before, .octicon-mirror-private:before, .octicon-git-fork-private:before, .octicon-lock:before { content: '\f06a'; }
/* ï�ª */
.octicon-logo-github:before { content: '\f092'; }
/* ï‚’ */
.octicon-mail:before { content: '\f03b'; }
/* ï€» */
.octicon-mail-read:before { content: '\f03c'; }
/* ï€¼ */
.octicon-mail-reply:before { content: '\f051'; }
/* ï�‘ */
.octicon-mark-github:before { content: '\f00a'; }
/* ï€Š */
.octicon-markdown:before { content: '\f0c9'; }
/* ïƒ‰ */
.octicon-megaphone:before { content: '\f077'; }
/* ï�· */
.octicon-mention:before { content: '\f0be'; }
/* ï‚¾ */
.octicon-microscope:before { content: '\f089'; }
/* ï‚‰ */
.octicon-milestone:before { content: '\f075'; }
/* ï�µ */
.octicon-mirror-public:before, .octicon-mirror:before { content: '\f024'; }
/* ï€¤ */
.octicon-mortar-board:before { content: '\f0d7'; }
/*  */
.octicon-move-down:before { content: '\f0a8'; }
/* ï‚¨ */
.octicon-move-left:before { content: '\f074'; }
/* ï�´ */
.octicon-move-right:before { content: '\f0a9'; }
/* ï‚© */
.octicon-move-up:before { content: '\f0a7'; }
/* ï‚§ */
.octicon-mute:before { content: '\f080'; }
/* ï‚€ */
.octicon-no-newline:before { content: '\f09c'; }
/* ï‚œ */
.octicon-octoface:before { content: '\f008'; }
/* ï€ˆ */
.octicon-organization:before { content: '\f037'; }
/* ï€· */
.octicon-package:before { content: '\f0c4'; }
/* ïƒ„ */
.octicon-paintcan:before { content: '\f0d1'; }
/* ïƒ‘ */
.octicon-pencil:before { content: '\f058'; }
/* ï�˜ */
.octicon-person-add:before, .octicon-person-follow:before, .octicon-person:before { content: '\f018'; }
/* ï€˜ */
.octicon-pin:before { content: '\f041'; }
/* ï�� */
.octicon-playback-fast-forward:before { content: '\f0bd'; }
/* ï‚½ */
.octicon-playback-pause:before { content: '\f0bb'; }
/* ï‚» */
.octicon-playback-play:before { content: '\f0bf'; }
/* ï‚¿ */
.octicon-playback-rewind:before { content: '\f0bc'; }
/* ï‚¼ */
.octicon-plug:before { content: '\f0d4'; }
/* ïƒ�? */
.octicon-repo-create:before, .octicon-gist-new:before, .octicon-file-directory-create:before, .octicon-file-add:before, .octicon-plus:before { content: '\f05d'; }
/* ï�� */
.octicon-podium:before { content: '\f0af'; }
/* ï‚¯ */
.octicon-primitive-dot:before { content: '\f052'; }
/* ï�’ */
.octicon-primitive-square:before { content: '\f053'; }
/* ï�“ */
.octicon-pulse:before { content: '\f085'; }
/* ï‚… */
.octicon-puzzle:before { content: '\f0c0'; }
/* ïƒ€ */
.octicon-question:before { content: '\f02c'; }
/* ï€¬ */
.octicon-quote:before { content: '\f063'; }
/* ï�£ */
.octicon-radio-tower:before { content: '\f030'; }
/* ï€° */
.octicon-repo-delete:before, .octicon-repo:before { content: '\f001'; }
/* ï€� */
.octicon-repo-clone:before { content: '\f04c'; }
/* ï�Œ */
.octicon-repo-force-push:before { content: '\f04a'; }
/* ï�Š */
.octicon-gist-fork:before, .octicon-repo-forked:before { content: '\f002'; }
/* ï€‚ */
.octicon-repo-pull:before { content: '\f006'; }
/* ï€† */
.octicon-repo-push:before { content: '\f005'; }
/* ï€… */
.octicon-rocket:before { content: '\f033'; }
/* ï€³ */
.octicon-rss:before { content: '\f034'; }
/* ï€´ */
.octicon-ruby:before { content: '\f047'; }
/* ï�‡ */
.octicon-screen-full:before { content: '\f066'; }
/* ï�¦ */
.octicon-screen-normal:before { content: '\f067'; }
/* ï�§ */
.octicon-search-save:before, .octicon-search:before { content: '\f02e'; }
/* ï€® */
.octicon-server:before { content: '\f097'; }
/* ï‚— */
.octicon-settings:before { content: '\f07c'; }
/* ï�¼ */
.octicon-log-in:before, .octicon-sign-in:before { content: '\f036'; }
/* ï€¶ */
.octicon-log-out:before, .octicon-sign-out:before { content: '\f032'; }
/* ï€² */
.octicon-split:before { content: '\f0c6'; }
/* ïƒ† */
.octicon-squirrel:before { content: '\f0b2'; }
/* ï‚² */
.octicon-star-add:before, .octicon-star-delete:before, .octicon-star:before { content: '\f02a'; }
/* ï€ª */
.octicon-steps:before { content: '\f0c7'; }
/* ïƒ‡ */
.octicon-stop:before { content: '\f08f'; }
/* ï‚� */
.octicon-repo-sync:before, .octicon-sync:before { content: '\f087'; }
/* ï‚‡ */
.octicon-tag-remove:before, .octicon-tag-add:before, .octicon-tag:before { content: '\f015'; }
/* ï€• */
.octicon-telescope:before { content: '\f088'; }
/* ï‚ˆ */
.octicon-terminal:before { content: '\f0c8'; }
/* ïƒˆ */
.octicon-three-bars:before { content: '\f05e'; }
/* ï�ž */
.octicon-tools:before { content: '\f031'; }
/* ï€± */
.octicon-trashcan:before { content: '\f0d0'; }
/* ïƒ� */
.octicon-triangle-down:before { content: '\f05b'; }
/* ï�› */
.octicon-triangle-left:before { content: '\f044'; }
/* ï�„ */
.octicon-triangle-right:before { content: '\f05a'; }
/* ï�š */
.octicon-triangle-up:before { content: '\f0aa'; }
/* ï‚ª */
.octicon-unfold:before { content: '\f039'; }
/* ï€¹ */
.octicon-unmute:before { content: '\f0ba'; }
/* ï‚º */
.octicon-versions:before { content: '\f064'; }
/* ï�¤ */
.octicon-remove-close:before, .octicon-x:before { content: '\f081'; }
/* ï‚� */
.octicon-zap:before { content: '\26A1'; }
/* âš¡ */
@font-face { font-family: 'StateFaceRegular'; src: url('../../../fonts/stateface/stateface-regular-webfont.eot'); src: url('../../../fonts/stateface/stateface-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../../../fonts/stateface/stateface-regular-webfont.woff') format('woff'), url('../../../fonts/stateface/stateface-regular-webfont.ttf') format('truetype'), url('../../../fonts/stateface/stateface-regular-webfont.svg#StateFaceRegular') format('svg'); font-weight: normal; font-style: normal; }
.stateface { font-family: 'StateFaceRegular'; display: inline-block; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.stateface-ak:before { content: "A"; }
.stateface-al:before { content: "B"; }
.stateface-ar:before { content: "C"; }
.stateface-az:before { content: "D"; }
.stateface-ca:before { content: "E"; }
.stateface-co:before { content: "F"; }
.stateface-ct:before { content: "G"; }
.stateface-dc:before { content: "y"; }
.stateface-de:before { content: "H"; }
.stateface-fl:before { content: "I"; }
.stateface-ga:before { content: "J"; }
.stateface-hi:before { content: "K"; }
.stateface-ia:before { content: "L"; }
.stateface-id:before { content: "M"; }
.stateface-il:before { content: "N"; }
.stateface-in:before { content: "O"; }
.stateface-ks:before { content: "P"; }
.stateface-ky:before { content: "Q"; }
.stateface-la:before { content: "R"; }
.stateface-ma:before { content: "S"; }
.stateface-md:before { content: "T"; }
.stateface-me:before { content: "U"; }
.stateface-mi:before { content: "V"; }
.stateface-mn:before { content: "W"; }
.stateface-mo:before { content: "X"; }
.stateface-ms:before { content: "Y"; }
.stateface-mt:before { content: "Z"; }
.stateface-nc:before { content: "a"; }
.stateface-nd:before { content: "b"; }
.stateface-ne:before { content: "c"; }
.stateface-nh:before { content: "d"; }
.stateface-nj:before { content: "e"; }
.stateface-nm:before { content: "f"; }
.stateface-nv:before { content: "g"; }
.stateface-ny:before { content: "h"; }
.stateface-oh:before { content: "i"; }
.stateface-ok:before { content: "j"; }
.stateface-or:before { content: "k"; }
.stateface-pa:before { content: "l"; }
.stateface-pr:before { content: "3"; }
.stateface-ri:before { content: "m"; }
.stateface-sc:before { content: "n"; }
.stateface-sd:before { content: "o"; }
.stateface-tn:before { content: "p"; }
.stateface-tx:before { content: "q"; }
.stateface-us:before { content: "z"; }
.stateface-ut:before { content: "r"; }
.stateface-va:before { content: "s"; }
.stateface-vt:before { content: "t"; }
.stateface-wa:before { content: "u"; }
.stateface-wi:before { content: "v"; }
.stateface-wv:before { content: "w"; }
.stateface-wy:before { content: "x"; }
/*!
	Zocial Butons
	http://zocial.smcllns.com
	by Sam Collins (@smcllns)
	License: http://opensource.org/licenses/mit-license.php
	
	You are free to use and modify, as long as you keep this license comment intact or link back to zocial.smcllns.com on your site.
*/
/* Button structure */
.zocial, a.zocial { border: 1px solid #777; border-color: rgba(0, 0, 0, 0.2); border-bottom-color: #333; border-bottom-color: rgba(0, 0, 0, 0.4); color: #fff; -moz-box-shadow: inset 0 0.08em 0 rgba(255, 255, 255, 0.4), inset 0 0 0.1em rgba(255, 255, 255, 0.9); -webkit-box-shadow: inset 0 0.08em 0 rgba(255, 255, 255, 0.4), inset 0 0 0.1em rgba(255, 255, 255, 0.9); box-shadow: inset 0 0.08em 0 rgba(255, 255, 255, 0.4), inset 0 0 0.1em rgba(255, 255, 255, 0.9); cursor: pointer; display: inline-block; font: bold 100%/2.1 "Lucida Grande", Tahoma, sans-serif; padding: 0 .95em 0 0; text-align: center; text-decoration: none; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5); white-space: nowrap; -moz-user-select: none; -webkit-user-select: none; user-select: none; position: relative; -moz-border-radius: .3em; -webkit-border-radius: .3em; border-radius: .3em; }
.zocial:before { content: ""; border-right: 0.075em solid rgba(0, 0, 0, 0.1); float: left; font: 120%/1.65 zocial; font-style: normal; font-weight: normal; margin: 0 0.5em 0 0; padding: 0 0.5em; text-align: center; text-decoration: none; text-transform: none; -moz-box-shadow: 0.075em 0 0 rgba(255, 255, 255, 0.25); -webkit-box-shadow: 0.075em 0 0 rgba(255, 255, 255, 0.25); box-shadow: 0.075em 0 0 rgba(255, 255, 255, 0.25); -moz-font-smoothing: antialiased; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; }
.zocial:active { outline: none;/* outline is visible on :focus */ }
/* Buttons can be displayed as standalone icons by adding a class of "icon" */
.zocial.icon { overflow: hidden; max-width: 2.4em; padding-left: 0; padding-right: 0; max-height: 2.15em; white-space: nowrap; }
.zocial.icon:before { padding: 0; width: 2em; height: 2em; box-shadow: none; border: none; }
/* Gradients */
.zocial { background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05) 49%, rgba(0, 0, 0, 0.05) 51%, rgba(0, 0, 0, 0.1)); background-image: -ms-linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05) 49%, rgba(0, 0, 0, 0.05) 51%, rgba(0, 0, 0, 0.1)); background-image: -o-linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05) 49%, rgba(0, 0, 0, 0.05) 51%, rgba(0, 0, 0, 0.1)); background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.1)), color-stop(49%, rgba(255, 255, 255, 0.05)), color-stop(51%, rgba(0, 0, 0, 0.05)), to(rgba(0, 0, 0, 0.1))); background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05) 49%, rgba(0, 0, 0, 0.05) 51%, rgba(0, 0, 0, 0.1)); background-image: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05) 49%, rgba(0, 0, 0, 0.05) 51%, rgba(0, 0, 0, 0.1)); }
.zocial:hover, .zocial:focus { background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.15) 49%, rgba(0, 0, 0, 0.1) 51%, rgba(0, 0, 0, 0.15)); background-image: -ms-linear-gradient(rgba(255, 255, 255, 0.15) 49%, rgba(0, 0, 0, 0.1) 51%, rgba(0, 0, 0, 0.15)); background-image: -o-linear-gradient(rgba(255, 255, 255, 0.15) 49%, rgba(0, 0, 0, 0.1) 51%, rgba(0, 0, 0, 0.15)); background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.15)), color-stop(49%, rgba(255, 255, 255, 0.15)), color-stop(51%, rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.15))); background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.15) 49%, rgba(0, 0, 0, 0.1) 51%, rgba(0, 0, 0, 0.15)); background-image: linear-gradient(rgba(255, 255, 255, 0.15) 49%, rgba(0, 0, 0, 0.1) 51%, rgba(0, 0, 0, 0.15)); }
.zocial:active { background-image: -moz-linear-gradient(bottom, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0) 30%, transparent 50%, rgba(0, 0, 0, 0.1)); background-image: -ms-linear-gradient(bottom, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0) 30%, transparent 50%, rgba(0, 0, 0, 0.1)); background-image: -o-linear-gradient(bottom, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0) 30%, transparent 50%, rgba(0, 0, 0, 0.1)); background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.1)), color-stop(30%, rgba(255, 255, 255, 0)), color-stop(50%, transparent), to(rgba(0, 0, 0, 0.1))); background-image: -webkit-linear-gradient(bottom, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0) 30%, transparent 50%, rgba(0, 0, 0, 0.1)); background-image: linear-gradient(bottom, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0) 30%, transparent 50%, rgba(0, 0, 0, 0.1)); }
/* Adjustments for light background buttons */
.zocial.acrobat, .zocial.bitcoin, .zocial.cloudapp, .zocial.dropbox, .zocial.email, .zocial.eventful, .zocial.github, .zocial.gmail, .zocial.instapaper, .zocial.itunes, .zocial.ninetyninedesigns, .zocial.openid, .zocial.plancast, .zocial.pocket, .zocial.posterous, .zocial.reddit, .zocial.secondary, .zocial.stackoverflow, .zocial.viadeo, .zocial.weibo, .zocial.wikipedia { border: 1px solid #aaa; border-color: rgba(0, 0, 0, 0.3); border-bottom-color: #777; border-bottom-color: rgba(0, 0, 0, 0.5); -moz-box-shadow: inset 0 0.08em 0 rgba(255, 255, 255, 0.7), inset 0 0 0.08em rgba(255, 255, 255, 0.5); -webkit-box-shadow: inset 0 0.08em 0 rgba(255, 255, 255, 0.7), inset 0 0 0.08em rgba(255, 255, 255, 0.5); box-shadow: inset 0 0.08em 0 rgba(255, 255, 255, 0.7), inset 0 0 0.08em rgba(255, 255, 255, 0.5); text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); }
/* :hover adjustments for light background buttons */
.zocial.acrobat:focus, .zocial.acrobat:hover, .zocial.bitcoin:focus, .zocial.bitcoin:hover, .zocial.dropbox:focus, .zocial.dropbox:hover, .zocial.email:focus, .zocial.email:hover, .zocial.eventful:focus, .zocial.eventful:hover, .zocial.github:focus, .zocial.github:hover, .zocial.gmail:focus, .zocial.gmail:hover, .zocial.instapaper:focus, .zocial.instapaper:hover, .zocial.itunes:focus, .zocial.itunes:hover, .zocial.ninetyninedesigns:focus, .zocial.ninetyninedesigns:hover, .zocial.openid:focus, .zocial.openid:hover, .zocial.plancast:focus, .zocial.plancast:hover, .zocial.pocket:focus, .zocial.pocket:hover, .zocial.posterous:focus, .zocial.posterous:hover, .zocial.reddit:focus, .zocial.reddit:hover, .zocial.secondary:focus, .zocial.secondary:hover, .zocial.stackoverflow:focus, .zocial.stackoverflow:hover, .zocial.twitter:focus, .zocial.viadeo:focus, .zocial.viadeo:hover, .zocial.weibo:focus, .zocial.weibo:hover, .zocial.wikipedia:focus, .zocial.wikipedia:hover { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.5)), color-stop(49%, rgba(255, 255, 255, 0.2)), color-stop(51%, rgba(0, 0, 0, 0.05)), to(rgba(0, 0, 0, 0.15))); background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.2) 49%, rgba(0, 0, 0, 0.05) 51%, rgba(0, 0, 0, 0.15)); background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.2) 49%, rgba(0, 0, 0, 0.05) 51%, rgba(0, 0, 0, 0.15)); background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.2) 49%, rgba(0, 0, 0, 0.05) 51%, rgba(0, 0, 0, 0.15)); background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.2) 49%, rgba(0, 0, 0, 0.05) 51%, rgba(0, 0, 0, 0.15)); background-image: linear-gradient(top, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.2) 49%, rgba(0, 0, 0, 0.05) 51%, rgba(0, 0, 0, 0.15)); }
/* :active adjustments for light background buttons */
.zocial.acrobat:active, .zocial.bitcoin:active, .zocial.dropbox:active, .zocial.email:active, .zocial.eventful:active, .zocial.github:active, .zocial.gmail:active, .zocial.instapaper:active, .zocial.itunes:active, .zocial.ninetyninedesigns:active, .zocial.openid:active, .zocial.plancast:active, .zocial.pocket:active, .zocial.posterous:active, .zocial.reddit:active, .zocial.secondary:active, .zocial.stackoverflow:active, .zocial.viadeo:active, .zocial.weibo:active, .zocial.wikipedia:active { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(30%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.1))); background-image: -moz-linear-gradient(bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 30%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.1)); background-image: -webkit-linear-gradient(bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 30%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.1)); background-image: -o-linear-gradient(bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 30%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.1)); background-image: -ms-linear-gradient(bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 30%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.1)); background-image: linear-gradient(bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 30%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.1)); }
/* Button icon and color */
/* Icon characters are stored in unicode private area */
.zocial.acrobat:before { content: "\00E3"; color: #FB0000; }
.zocial.amazon:before { content: "a"; }
.zocial.android:before { content: "&"; }
.zocial.angellist:before { content: "\00D6"; }
.zocial.aol:before { content: "\""; }
.zocial.appnet:before { content: "\00E1"; }
.zocial.appstore:before { content: "A"; }
.zocial.bitbucket:before { content: "\00E9"; }
.zocial.bitcoin:before { content: "2"; color: #f7931a; }
.zocial.blogger:before { content: "B"; }
.zocial.buffer:before { content: "\00E5"; }
.zocial.call:before { content: "7"; }
.zocial.cal:before { content: "."; }
.zocial.cart:before { content: "\00C9"; }
.zocial.chrome:before { content: "["; }
.zocial.cloudapp:before { content: "c"; }
.zocial.creativecommons:before { content: "C"; }
.zocial.delicious:before { content: "#"; }
.zocial.digg:before { content: ";"; }
.zocial.disqus:before { content: "Q"; }
.zocial.dribbble:before { content: "D"; }
.zocial.dropbox:before { content: "d"; color: #1f75cc; }
.zocial.drupal:before { content: "\00E4"; color: #fff; }
.zocial.dwolla:before { content: "\00E0"; }
.zocial.email:before { content: "]"; color: #312c2a; }
.zocial.eventasaurus:before { content: "v"; color: #9de428; }
.zocial.eventbrite:before { content: "|"; }
.zocial.eventful:before { content: "'"; color: #0066CC; }
.zocial.evernote:before { content: "E"; }
.zocial.facebook:before { content: "f"; }
.zocial.fivehundredpx:before { content: "0"; color: #29b6ff; }
.zocial.flattr:before { content: "%"; }
.zocial.flickr:before { content: "F"; }
.zocial.forrst:before { content: ":"; color: #50894f; }
.zocial.foursquare:before { content: "4"; }
.zocial.github:before { content: "\00E8"; }
.zocial.gmail:before { content: "m"; color: #f00; }
.zocial.google:before { content: "G"; }
.zocial.googleplay:before { content: "h"; }
.zocial.googleplus:before { content: "+"; }
.zocial.gowalla:before { content: "@"; }
.zocial.grooveshark:before { content: "8"; }
.zocial.guest:before { content: "?"; }
.zocial.html5:before { content: "5"; }
.zocial.ie:before { content: "6"; }
.zocial.instagram:before { content: "\00DC"; }
.zocial.instapaper:before { content: "I"; }
.zocial.intensedebate:before { content: "{"; }
.zocial.itunes:before { content: "i"; color: #1a6dd2; }
.zocial.klout:before { content: "K"; }
.zocial.lanyrd:before { content: "-"; }
.zocial.lastfm:before { content: "l"; }
.zocial.lego:before { content: "\00EA"; color: #fff900; }
.zocial.linkedin:before { content: "L"; }
.zocial.lkdto:before { content: "\00EE"; }
.zocial.logmein:before { content: "\00EB"; }
.zocial.macstore:before { content: "^"; }
.zocial.meetup:before { content: "M"; }
.zocial.myspace:before { content: "_"; }
.zocial.ninetyninedesigns:before { content: "9"; color: #f50; }
.zocial.openid:before { content: "o"; color: #ff921d; }
.zocial.opentable:before { content: "\00C7"; }
.zocial.paypal:before { content: "$"; }
.zocial.pinboard:before { content: "n"; }
.zocial.pinterest:before { content: "1"; }
.zocial.plancast:before { content: "P"; }
.zocial.plurk:before { content: "j"; }
.zocial.pocket:before { content: "\00E7"; color: #ee4056; }
.zocial.podcast:before { content: "`"; }
.zocial.posterous:before { content: "~"; }
.zocial.print:before { content: "\00D1"; }
.zocial.quora:before { content: "q"; }
.zocial.reddit:before { content: ">"; color: red; }
.zocial.rss:before { content: "R"; }
.zocial.scribd:before { content: "}"; color: #00d5ea; }
.zocial.skype:before { content: "S"; }
.zocial.smashing:before { content: "*"; }
.zocial.songkick:before { content: "k"; }
.zocial.soundcloud:before { content: "s"; }
.zocial.spotify:before { content: "="; }
.zocial.stackoverflow:before { content: "\00EC"; color: #ff7a15; }
.zocial.statusnet:before { content: "\00E2"; color: #fff; }
.zocial.steam:before { content: "b"; }
.zocial.stripe:before { content: "\00A3"; }
.zocial.stumbleupon:before { content: "/"; }
.zocial.tumblr:before { content: "t"; }
.zocial.twitter:before { content: "T"; }
.zocial.viadeo:before { content: "H"; color: #f59b20; }
.zocial.vimeo:before { content: "V"; }
.zocial.vk:before { content: "N"; }
.zocial.weibo:before { content: "J"; color: #e6162d; }
.zocial.wikipedia:before { content: ","; }
.zocial.windows:before { content: "W"; }
.zocial.wordpress:before { content: "w"; }
.zocial.xing:before { content: "X"; }
.zocial.yahoo:before { content: "Y"; }
.zocial.ycombinator:before { content: "\00ED"; }
.zocial.yelp:before { content: "y"; }
.zocial.youtube:before { content: "U"; }
/* Button background and text color */
.zocial.acrobat { background-color: #fff; color: #000; }
.zocial.amazon { background-color: #ffad1d; color: #030037; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); }
.zocial.android { background-color: #a4c639; }
.zocial.angellist { background-color: #000; }
.zocial.aol { background-color: #f00; }
.zocial.appnet { background-color: #3178bd; }
.zocial.appstore { background-color: #000; }
.zocial.bitbucket { background-color: #205081; }
.zocial.bitcoin { background-color: #efefef; color: #4d4d4d; }
.zocial.blogger { background-color: #ee5a22; }
.zocial.buffer { background-color: #232323; }
.zocial.call { background-color: #008000; }
.zocial.cal { background-color: #d63538; }
.zocial.cart { background-color: #333; }
.zocial.chrome { background-color: #006cd4; }
.zocial.cloudapp { background-color: #fff; color: #312c2a; }
.zocial.creativecommons { background-color: #000; }
.zocial.delicious { background-color: #3271cb; }
.zocial.digg { background-color: #164673; }
.zocial.disqus { background-color: #5d8aad; }
.zocial.dribbble { background-color: #ea4c89; }
.zocial.dropbox { background-color: #fff; color: #312c2a; }
.zocial.drupal { background-color: #0077c0; color: #fff; }
.zocial.dwolla { background-color: #e88c02; }
.zocial.email { background-color: #f0f0eb; color: #312c2a; }
.zocial.eventasaurus { background-color: #192931; color: #fff; }
.zocial.eventbrite { background-color: #ff5616; }
.zocial.eventful { background-color: #fff; color: #47ab15; }
.zocial.evernote { background-color: #6bb130; color: #fff; }
.zocial.facebook { background-color: #4863ae; }
.zocial.fivehundredpx { background-color: #333; }
.zocial.flattr { background-color: #8aba42; }
.zocial.flickr { background-color: #ff0084; }
.zocial.forrst { background-color: #1e360d; }
.zocial.foursquare { background-color: #44a8e0; }
.zocial.github { background-color: #fbfbfb; color: #050505; }
.zocial.gmail { background-color: #efefef; color: #222; }
.zocial.google { background-color: #4e6cf7; }
.zocial.googleplay { background-color: #000; }
.zocial.googleplus { background-color: #dd4b39; }
.zocial.gowalla { background-color: #ff720a; }
.zocial.grooveshark { background-color: #111; color: #eee; }
.zocial.guest { background-color: #1b4d6d; }
.zocial.html5 { background-color: #ff3617; }
.zocial.ie { background-color: #00a1d9; }
.zocial.instapaper { background-color: #eee; color: #222; }
.zocial.instagram { background-color: #3f729b; }
.zocial.intensedebate { background-color: #0099e1; }
.zocial.klout { background-color: #e34a25; }
.zocial.itunes { background-color: #efefeb; color: #312c2a; }
.zocial.lanyrd { background-color: #2e6ac2; }
.zocial.lastfm { background-color: #dc1a23; }
.zocial.lego { background-color: #fb0000; }
.zocial.linkedin { background-color: #0083a8; }
.zocial.lkdto { background-color: #7c786f; }
.zocial.logmein { background-color: #000; }
.zocial.macstore { background-color: #007dcb; }
.zocial.meetup { background-color: #ff0026; }
.zocial.myspace { background-color: #000; }
.zocial.ninetyninedesigns { background-color: #fff; color: #072243; }
.zocial.openid { background-color: #f5f5f5; color: #333; }
.zocial.opentable { background-color: #990000; }
.zocial.paypal { background-color: #fff; color: #32689a; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); }
.zocial.pinboard { background-color: blue; }
.zocial.pinterest { background-color: #c91618; }
.zocial.plancast { background-color: #e7ebed; color: #333; }
.zocial.plurk { background-color: #cf682f; }
.zocial.pocket { background-color: #fff; color: #777; }
.zocial.podcast { background-color: #9365ce; }
.zocial.posterous { background-color: #ffd959; color: #bc7134; }
.zocial.print { background-color: #f0f0eb; color: #222; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); }
.zocial.quora { background-color: #a82400; }
.zocial.reddit { background-color: #fff; color: #222; }
.zocial.rss { background-color: #ff7f25; }
.zocial.scribd { background-color: #231c1a; }
.zocial.skype { background-color: #00a2ed; }
.zocial.smashing { background-color: #ff4f27; }
.zocial.songkick { background-color: #ff0050; }
.zocial.soundcloud { background-color: #ff4500; }
.zocial.spotify { background-color: #60af00; }
.zocial.stackoverflow { background-color: #fff; color: #555; }
.zocial.statusnet { background-color: #829d25; }
.zocial.steam { background-color: #000; }
.zocial.stripe { background-color: #2f7ed6; }
.zocial.stumbleupon { background-color: #eb4924; }
.zocial.tumblr { background-color: #374a61; }
.zocial.twitter { background-color: #46c0fb; }
.zocial.viadeo { background-color: #fff; color: #000; }
.zocial.vimeo { background-color: #00a2cd; }
.zocial.vk { background-color: #45688E; }
.zocial.weibo { background-color: #faf6f1; color: #000; }
.zocial.wikipedia { background-color: #fff; color: #000; }
.zocial.windows { background-color: #0052a4; color: #fff; }
.zocial.wordpress { background-color: #464646; }
.zocial.xing { background-color: #0a5d5e; }
.zocial.yahoo { background-color: #a200c2; }
.zocial.ycombinator { background-color: #ff6600; }
.zocial.yelp { background-color: #e60010; }
.zocial.youtube { background-color: #f00; }
/*
The Miscellaneous Buttons
These button have no icons and can be general purpose buttons while ensuring consistent button style
Credit to @guillermovs for suggesting
*/
.zocial.primary, .zocial.secondary { margin: 0.1em 0; padding: 0 1em; }
.zocial.primary:before, .zocial.secondary:before { display: none; }
.zocial.primary { background-color: #333; }
.zocial.secondary { background-color: #f0f0eb; color: #222; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); }
/* Any browser-specific adjustments */
button:-moz-focus-inner {
 border: 0;
 padding: 0;
}
/* Reference icons from font-files
** Base 64-encoded version recommended to resolve cross-site font-loading issues
*/
@font-face { font-family: 'zocial'; src: url('../../../fonts/zocial/zocial-regular-webfont.eot'); }
@font-face { font-family: 'zocial'; src: url('../../../fonts/zocial/zocial-regular-webfont.ttf') format('truetype'), url('../../../fonts/zocial/zocial-regular-webfont.svg#zocialregular') format('svg'); font-weight: normal; font-style: normal; }
/* ===============================================
  Circle Graphs
================================================= */
.circle-text { width: 100%; text-align: center; position: absolute; top: 50%; transform: translateY(-50%); }
.circle-text h2 { font-weight: 700; font-size: 24px; margin-top: 0; margin-bottom: 5px; }
.circle-text p { font-weight: 600; font-size: 12px; color: #999; }
/*===============================================
  CKEditor
================================================= */
.admin-skin.cke_chrome { font-family: 'Open Sans', Helvetica, Arial, sans-serif; border: none; box-shadow: none; padding: 0; margin: 0; border-radius: 2px; background: #fafafa; border-color: #e7e7e7; }
.admin-skin .cke_top { background: #fafafa; border: 1px solid #e7e7e7; padding: 8px 10px 4px; }
.admin-skin .cke_toolgroup, .admin-skin .cke_combo_button { margin-right: 10px; box-shadow: none; background: #FFF; border-radius: 1px; border-color: #DDD; }
.admin-skin .cke_contents { border-radius: 0; border-color: #e7e7e7; }
.admin-skin .cke_top + .cke_contents, .admin-skin .cke_contents + .cke_bottom { border-top: 0; }
.admin-skin .cke_bottom { background: none; padding: 6px 4px; border: 1px solid #e7e7e7; }
.admin-skin .cke_resizer { margin-top: 6px; margin-right: 4px; border-right-color: #999; }
.cke_editable_inline.cke_show_borders:focus { outline-width: 2px; outline-style: dashed; outline-offset: 6px; outline-color: #f6bb42; background: #f2f2f2; }
.cke-hide-bottom .cke_bottom { display: none; }
.cke_toolbar_break { clear: none !important; display: block !important; }
/* ==================================================
  Countdown
 ==================================================== */
#counter { width: 100%; min-height: 200px; padding: 30px 20px; margin-bottom: 100px; }
.countdown-rtl { direction: rtl; }
.countdown-holding span { color: #888; }
.countdown-row { clear: both; width: 100%; padding: 0px 2px; text-align: center; }
.countdown-show1 .countdown-section { width: 98%; }
.countdown-show2 .countdown-section { width: 48%; }
.countdown-show3 .countdown-section { width: 32.5%; }
.countdown-show4 .countdown-section { width: 24.5%; }
.countdown-show5 .countdown-section { width: 19.5%; }
.countdown-show6 .countdown-section { width: 16.25%; }
.countdown-show7 .countdown-section { width: 14%; }
.countdown-section { position: relative; display: block; float: left; font-size: 75%; text-align: center; }
.countdown-section:after { content: ""; position: absolute; width: 5px; height: 45%; margin-top: 18%; top: 0; right: 0; background: rgba(255, 255, 255, 0.5); }
.countdown-section:last-child:after { display: none; }
.countdown-amount { color: #FFF; font-weight: 200; font-size: 90px; }
.countdown-period { display: block; color: #FFF; font-weight: 200; font-size: 24px; }
.countdown-descr { display: block; width: 100%; }
/*===============================================
  DataTables
================================================= */
/* DataTable */
table.dataTable { margin: 0 !important; }
/* Table Row Changes */
table.dataTable tr.odd { background-color: #fff; }
/* Table Header Changes */
table.dataTable thead th { background: #f9f9f9; padding: 10px; }
/* Table Footer Changes */
table.dataTable tfoot th { border-top: 1px solid #ddd; padding: 4px 18px 4px 10px; font-weight: 600; background: #f2f2f2; }
/* DataTable panel-menu, commonly holds filters */
.dt-panelmenu { padding: 10px 14px; background: #f8f8f8; border-bottom: 1px solid #e5e5e5; }
/* DataTable panel-footer, commonly holds paginator */
.dt-panelfooter { padding: 6px 14px; background: #f8f8f8; border-top: 1px solid #e5e5e5; }
/* DataTable Length */
.dataTables_length { float: left; }
.dataTables_length select { margin: 0 5px; }
/* DataTable Filter */
.dataTables_filter { float: right; }
.dataTables_length label, .dataTables_filter label { margin: 0; }
/* DataTable Search bar */
table.dataTable .form-control { width: 100%; }
/* DataTable Footer Elements */
div.dataTables_info { float: left; padding-top: 12px; }
div.dataTables_paginate { margin-top: 5px; }
/* Filter Returned No results Pane */
table.dataTable td.dataTables_empty { padding: 50px !important; background: #f6f6f6 !important; }
/* Datatables abc filter */
.dt-abc-filter { padding: 4px 0; }
.dt-abc-filter span { cursor: pointer; padding: 0 10px; font-size: 12px; font-weight: 600; color: #4a89dc; display: inline-block; }
.dt-abc-filter .abc-label { color: #999; padding: 0 3px; }
/* Contextual Row Filter Example */
table.dataTable tr.row-label td { background: #f6f6f6; color: #333; font-weight: 600; cursor: pointer; }
/*
 * Table Selected/Active Row
 */
.table.dataTable tbody tr.active td, .table.dataTable tbody tr.active th { color: #555; border-color: #EEE; background-color: #FFFEF0 !important; }
.table.dataTable tbody tr.active:hover td, .table.dataTable tbody tr.active:hover th { color: #555; border-color: #EEE; background-color: #FAF9DF !important; }
/*
 * DataTable Modals
 * 
 */
.DTE .DTE_Header { background-color: #fafafa; }
.DTE .DTE_Header h3 { margin-top: 5px; margin-bottom: 5px; padding-left: 10px; }
.DTE .DTE_Body { min-height: 100px; }
.DTE .DTE_Body:before, .DTE .DTE_Body:after { content: " "; display: table; }
.DTE .DTE_Body:after { clear: both; }
.DTE .DTE_Body:before, .DTE .DTE_Body:after { content: " "; display: table; }
.DTE .DTE_Body:after { clear: both; }
/*
 * PRINTING
 * Print display styles
 */
.DTTT_Print #content_wrapper { margin: 0 !important; padding: 0 !important; left: 0 !important; top: 0 !important; right: 0 !important; bottom: 0 !important; }
.DTTT_print_info { position: fixed; top: 10%; left: 50%; width: 400px; height: 150px; margin-left: -200px; margin-top: -75px; text-align: center; color: #333; padding: 10px 30px; background: #ffffff; /* Old browsers */ background: -webkit-linear-gradient(top, #ffffff 0%, #f3f3f3 89%, #f9f9f9 100%); /* Chrome10+,Safari5.1+ */ background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 89%, #f9f9f9 100%); /* FF3.6+ */ background: -ms-linear-gradient(top, #ffffff 0%, #f3f3f3 89%, #f9f9f9 100%); /* IE10+ */ background: -o-linear-gradient(top, #ffffff 0%, #f3f3f3 89%, #f9f9f9 100%); /* Opera 11.10+ */ background: linear-gradient(top, #ffffff 0%, #f3f3f3 89%, #f9f9f9 100%); /* W3C */ /* IE6-9 */
opacity: 0.95; border: 1px solid black; border: 1px solid rgba(0, 0, 0, 0.5); -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5); -ms-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5); -o-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5); }
.DTTT_print_info h6 { font-weight: normal; font-size: 28px; line-height: 28px; margin: 1em; }
.DTTT_print_info p { font-size: 14px; line-height: 20px; }
/*===============================================
  Dropzone
================================================= */
.dropzone { min-height: 200px; background: transparent; border: 0; outline: 0; padding: 15px; }
.dropzone .dz-default.dz-message { cursor: pointer; background-image: none; width: 100%; height: 100%; top: 23%; margin-left: 0px; margin-top: -23px; text-align: center; left: 0; }
.dropzone .dz-default.dz-message span { display: inline-block; text-align: center; }
.dropzone .dz-default.dz-message span.main-text { cursor: pointer; font-size: 28px; font-weight: 400; color: #666; }
.dropzone .dz-default.dz-message span.main-text b { cursor: pointer; font-size: 40px; color: #555; }
.dropzone .dz-default.dz-message span.sub-text { font-size: 20px; color: #888; }
.dropzone .dz-default.dz-message i.fa { cursor: pointer; color: #4a89dc; font-size: 100px; display: block; margin-bottom: 15px; }
.dropzone a.dz-remove, .dropzone-previews a.dz-remove { cursor: pointer; }
.dropzone .dz-preview, .dropzone-previews .dz-preview { box-shadow: none; border-color: #DDD; }
.dropzone .dz-preview .dz-details .dz-size, .dropzone-previews .dz-preview .dz-details .dz-size { font-size: 13px; }
.dropzone .dz-preview .dz-details, .dropzone-previews .dz-preview .dz-details, .dropzone .dz-preview .dz-details img, .dropzone-previews .dz-preview .dz-details img { width: 115px; }
.dropzone a.dz-remove, .dropzone-previews a.dz-remove { margin-top: 30px; border-radius: 0; }
.dropzone .dz-preview.dz-error .dz-error-mark, .dropzone-previews .dz-preview.dz-error .dz-error-mark, .dropzone .dz-preview.dz-error .dz-success-mark, .dropzone-previews .dz-preview.dz-error .dz-success-mark { -webkit-transform: scale(0.7); transform: scale(0.7); }
.dropzone.dropzone-sm .dz-default.dz-message i.fa { color: #BBB; font-size: 70px; margin-bottom: 6px; }
.dropzone.dropzone-sm .dz-default.dz-message span.main-text { font-size: 22px; }
.dropzone.dropzone-sm .dz-default.dz-message span.main-text b { font-size: 32px; }
.dropzone.dropzone-sm .dz-default.dz-message span.sub-text { font-size: 16px; }
/* Demonstration Purposes ONLY */
.dropzone .dz-preview .dz-error-message, .dropzone-previews .dz-preview .dz-error-message { display: none !important; }
/*===============================================
  Expose.js 
================================================= */
/* overlay */
.expose-overlay { display: none; background: rgba(0, 0, 0, 0.6); z-index: 9999; }
/*===============================================
  Bootstrap FileUpload
================================================= */
.btn-file { overflow: hidden; position: relative; vertical-align: middle; }
.btn-file > input { position: absolute; top: 0; right: 0; margin: 0; opacity: 0; filter: alpha(opacity=0); transform: translate(-300px, 0) scale(4); font-size: 23px; direction: ltr; cursor: pointer; }
.fileupload .uneditable-input { display: inline-block; margin-bottom: 0px; vertical-align: middle; cursor: text; }
.fileupload .thumbnail { overflow: hidden; vertical-align: middle; text-align: center; padding: 5px; outline: 2px dashed #d9d9d9; border: 0; background: none; }
.fileupload .thumbnail > img { display: inline-block; vertical-align: middle; max-height: 100%; }
.fileupload .btn { vertical-align: middle; }
.fileupload-exists .fileupload-new, .fileupload-new .fileupload-exists { display: none !important; }
.fileupload-inline .fileupload-controls { display: inline; }
.fileupload-new .input-group .btn-file { -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; }
.thumbnail-borderless .thumbnail { border: none; padding: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.fileupload-new.thumbnail-borderless .thumbnail { border: 1px solid #ddd; }
.control-group.warning .fileupload .uneditable-input { color: #a47e3c; border-color: #a47e3c; }
.control-group.warning .fileupload .fileupload-preview { color: #a47e3c; }
.control-group.warning .fileupload .thumbnail { border-color: #a47e3c; }
.control-group.error .fileupload .uneditable-input { color: #b94a48; border-color: #b94a48; }
.control-group.error .fileupload .fileupload-preview { color: #b94a48; }
.control-group.error .fileupload .thumbnail { border-color: #b94a48; }
.control-group.success .fileupload .uneditable-input { color: #468847; border-color: #468847; }
.control-group.success .fileupload .fileupload-preview { color: #468847; }
.control-group.success .fileupload .thumbnail { border-color: #468847; }
/*===============================================
  Flot Charts
================================================= */
/* Shared Flot and Sparkline tooltip */
.jqstooltip, #flotTip { color: #fff; width: auto !important; height: auto !important; padding: 2px 6px !important; background-color: rgba(0, 0, 0, 0.7) !important; border: 0 !important; border-radius: 3px; }
.flot-x-axis .flot-tick-label.tickLabel { color: #AAA; }
.flot-y-axis .flot-tick-label.tickLabel { color: #AAA; padding-top: 6px; padding-left: 14px; }
td.legendColorBox { padding: 5px; }
/*==================================================
  FullCalendar.JS -  Used on pages-calendar.html
==================================================== */
/* External Events
------------------------------*/
.fc-event { position: relative; cursor: pointer; padding: 8px; margin: 10px; color: #777; font-size: 12px; background: #f9f9f9; border-radius: 2px; border: 1px solid #ddd; border-left: 4px solid #ddd; }
.fc-event-desc { display: inline-block; vertical-align: middle; padding-left: 5px; }
.fc-event-icon { display: inline-block; vertical-align: middle; width: 20px; font-size: 16px; text-align: center; }
.fc-event:hover, .fc-event:focus { color: #777; background: #f4f4f4; }
.fc-view-container .fc-event { padding: 6px; background: #f4f4f4; }
.fc-view-container .fc-event .fc-content { overflow: hidden; text-overflow: ellipsis; }
.fc-event-primary { border-left-color: #4a89dc; }
.fc-event-primary .fc-event-icon { color: #4a89dc; }
.fc-event-info { border-left-color: #3bafda; }
.fc-event-info .fc-event-icon { color: #3bafda; }
.fc-event-success { border-left-color: #70ca63; }
.fc-event-success .fc-event-icon { color: #70ca63; }
.fc-event-warning { border-left-color: #f6bb42; }
.fc-event-warning .fc-event-icon { color: #f6bb42; }
.fc-event-danger { border-left-color: #e9573f; }
.fc-event-danger .fc-event-icon { color: #e9573f; }
.fc-event-alert { border-left-color: #967adc; }
.fc-event-alert .fc-event-icon { color: #967adc; }
.fc-event-system { border-left-color: #37bc9b; }
.fc-event-system .fc-event-icon { color: #37bc9b; }
/* Buttons (styled <button> tags, normalized to work cross-browser)
--------------------------------------------------------------------------------------------------*/
.fc button { /* dimensions */ display: inline-block; margin-bottom: 0; font-weight: normal; text-align: center; vertical-align: middle; cursor: pointer; background-image: none; border: 1px solid transparent; border-color: rgba(0, 0, 0, 0); white-space: nowrap; padding: 9px 12px; font-size: 13px; line-height: 1.5; border-radius: 0px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; color: #666666; background-color: #f0f0f0; border-color: rgba(0, 0, 0, 0.1); height: auto; padding: 6px 12px; }
.fc button:focus, .fc button:active:focus, .fc button.active:focus { outline: 0; outline-offset: -2px; }
.fc button:hover, .fc button:focus { color: #666666; text-decoration: none; }
.fc button:active, .fc button.active { outline: 0; background-image: none; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }
.fc button.disabled, .fc button[disabled], fieldset[disabled] .fc button { cursor: not-allowed; pointer-events: none; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; }
.fc button.btn-gradient { text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4); border-color: rgba(0, 0, 0, 0.07) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.18); -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2); background-repeat: repeat-x; background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3) 1%, rgba(255, 255, 255, 0.15) 100%); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3) 1%, rgba(255, 255, 255, 0.15) 100%); }
.fc button.btn-rounded { border-radius: 20px; }
.fc button:hover, .fc button:focus, .fc button:active, .fc button.active, .open > .dropdown-toggle.fc button { color: #666666; background-color: #eaeaea; }
.fc button:active, .fc button.active, .open > .dropdown-toggle.fc button { background-image: none; }
.fc button.disabled, .fc button[disabled], fieldset[disabled] .fc button, .fc button.disabled:hover, .fc button[disabled]:hover, fieldset[disabled] .fc button:hover, .fc button.disabled:focus, .fc button[disabled]:focus, fieldset[disabled] .fc button:focus, .fc button.disabled:active, .fc button[disabled]:active, fieldset[disabled] .fc button:active, .fc button.disabled.active, .fc button[disabled].active, fieldset[disabled] .fc button.active { background-color: #f0f0f0; border-color: #dddddd; }
.fc button .badge { color: #f0f0f0; background-color: #666666; }
.fc button.btn-gradient { text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.4); background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.9) 10%, rgba(255, 255, 255, 0.3) 100%); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9) 10%, rgba(255, 255, 255, 0.3) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80ffffff', endColorstr='#00ffffff', GradientType=0);
}
.fc button.light { background-color: #FAFAFA; }
.fc button.light:hover, .fc button.light:focus, .fc button.light:active, .fc button.light.active, .open > .dropdown-toggle.fc button.light { background-color: #ececec; }
.fc button.dark { background-color: #e8e8e8; }
.fc button.dark:hover, .fc button.dark:focus, .fc button.dark:active, .fc button.dark.active, .open > .dropdown-toggle.fc button.dark { background-color: #e1e1e1; }
.fc-state-default { border: 1px solid; }
.fc-state-default.fc-corner-left { border-top-left-radius: 2px; border-bottom-left-radius: 2px; }
.fc-state-default.fc-corner-right { border-top-right-radius: 2px; border-bottom-right-radius: 2px; }
/* icons in buttons */
.fc button .fc-icon { position: relative; margin: 0 .1em; }
/*  button states
*/
.fc-state-default { background-color: #f5f5f5; background-image: none; border-color: #e6e6e6 #e6e6e6 #bfbfbf; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); color: #333; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); }
.fc-state-hover, .fc-state-down, .fc-state-active, .fc-state-disabled { color: #333333; background-color: #e6e6e6; }
.fc-state-hover { color: #333333; text-decoration: none; }
.fc-state-down, .fc-state-active { background-color: #cccccc; background-image: none; box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); }
.fc-state-disabled { cursor: default; background-image: none; opacity: 0.65; filter: alpha(opacity=65); box-shadow: none; }
/* Buttons Groups
--------------------------------------------------------------------------------------------------*/
.fc-button-group { display: inline-block; }
/*
every button that is not first in a button group should scootch over one pixel and cover the
previous button's border...
*/
.fc .fc-button-group > * { /* extra precedence b/c buttons have margin set to zero */ float: left; margin: 0 0 0 -1px; }
.fc .fc-button-group > :first-child { /* same */ margin-left: 0; }
/* Background
--------------------------------------------------------------------------------------------------*/
.fc-bg { background-color: #fefefe; }
.fc-bg .fc-today { background-color: #FFFEF8; }
.fc-bg .fc-other-month { background-color: #f8f8f8; }
/* Text
--------------------------------------------------------------------------------------------------*/
.fc-basic-view td.fc-day-number { color: #777; padding-top: 3px; padding-right: 7px; font-size: 12px; }
.fc-basic-view td.fc-today.fc-day-number { color: #444; font-weight: 600; }
/*===============================================
  Gmap
================================================= */
/* Default map height/width */
.map { width: 100%; height: 400px; }
/* Inline Map Pagination Styles */
.map .pagination { text-shadow: 0 1px #ffffff; border-color: #dddddd rgba(0, 0, 0, 0.19) rgba(0, 0, 0, 0.18); background-color: #fdfdfd; width: 96%; margin: 11px; -webkit-box-shadow: 0 2px 4px #AAA; box-shadow: 0 2px 4px #AAA; }
.map .pagination .display { display: inline-block; width: 84%; height: 40px; border-right: 1px solid #fff; border-left: 1px solid #fff; text-align: center; line-height: 40px; text-shadow: 0 1px #FFF; }
.map .pagination .btn { width: 8%; height: 40px; cursor: pointer; border-radius: 0; vertical-align: top; border: 0; }
.map .pagination .back-btn { float: left; border-right: 1px solid #ddd; background: url("../../../img/plugins/arrow_left_12x12.png") no-repeat 50% 50%; }
.map .pagination .fwd-btn { float: right; border-left: 1px solid #ddd; background: url("../../../img/plugins/arrow_right_12x12.png") no-repeat 50% 50%; }
.map .checker { margin-right: 8px; }
/* Map Styling Helper Classes */
.map-shadow { -webkit-box-shadow: 0 2px 3px #999; box-shadow: 0 2px 3px #999; }
.map-gradient { text-shadow: 0 1px #ffffff; border-color: #cccccc rgba(0, 0, 0, 0.19) rgba(0, 0, 0, 0.18); background-color: #f0f0f0; background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0.1) 100%); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9) 10%, rgba(255, 255, 255, 0.1) 100%); }
.map-rounded { border-radius: 4px; }
/*===============================================
  High Charts
================================================= */
/* Custom Legend */
.legend-item { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 2s; }
/* Label Text */
.highcharts-container .highcharts-axis-labels text { color: #AAA !important; fill: #AAA !important; }
/*===============================================
  jQuery Spinner
================================================= */
.ui-spinner-input { color: inherit; min-height: 36px; }
.ui-spinner-button { z-index: 3; cursor: pointer; display: block; overflow: hidden; position: absolute; right: 0; width: 16px; height: 50%; padding: 0; margin: 0; font-size: .5em; text-align: center; }
.input-group .ui-spinner .form-control:first-child { border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: 2px; border-bottom-right-radius: 2px; }
.ui-spinner .ui-icon { position: absolute; margin-top: -2px; top: 50%; left: 0; text-indent: 0; }
.ui-spinner-up .ui-icon { margin-top: -6px; }
.ui-spinner-up { top: 0; }
.ui-spinner-down { bottom: 0; }
/* TR overrides */
.ui-spinner .ui-icon-triangle-1-s { /* needed to correct false icon sprite pos */ background-position: -65px -16px; }
/*===============================================
  Jvector Maps
================================================= */
.jvectormap-label { z-index: 10; position: absolute; display: none; border: solid 1px #CDCDCD; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #292929; color: white; font-family: sans-serif, Verdana; font-size: smaller; padding: 3px; }
.jvectormap-zoomin, .jvectormap-zoomout { cursor: pointer; position: absolute; top: 30px; left: auto; right: 30px; padding: 0; width: 40px; height: 35px; line-height: 35px; color: #fff; text-align: center; font-weight: 400; font-size: 22px; border-radius: 2px; background: rgba(0, 0, 0, 0.5); }
.jvectormap-zoomout { right: 80px; }
/* used to hide zoom buttons */
.hide-jzoom .jvectormap-zoomin, .hide-jzoom .jvectormap-zoomout { display: none; }
/* ==================================================
  Magnific Popup
==================================================== */
/* Inline Content Styling (container) */
.modal-basic { max-width: 600px; margin: 40px auto; position: relative; }
.modal-basic-bg { background: white; padding: 20px 30px; text-align: left; max-width: 600px; margin: 40px auto; position: relative; }
/* Basic Example */
.mfp-no-margins img.mfp-img { padding: 0; }
.mfp-no-margins .mfp-figure:after { top: 0; bottom: 0; }
.mfp-no-margins .mfp-container { padding: 0; }
/*Simple fade transition*/
.mfp-fade.mfp-bg { opacity: 0; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; transition: all 0.15s ease-out; }
.mfp-fade.mfp-bg.mfp-ready { opacity: 0.8; }
.mfp-fade.mfp-bg.mfp-removing { opacity: 0; }
.mfp-fade.mfp-wrap .mfp-content { opacity: 0; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; transition: all 0.15s ease-out; }
.mfp-fade.mfp-wrap.mfp-ready .mfp-content { opacity: 1; }
.mfp-fade.mfp-wrap.mfp-removing .mfp-content { opacity: 0; }
/* Fade-zoom animation for first dialog */
/* start state */
.my-mfp-zoom-in #small-dialog { opacity: 0; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); }
/* animate in */
.my-mfp-zoom-in.mfp-ready #small-dialog { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
/* animate out */
.my-mfp-zoom-in.mfp-removing #small-dialog { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); opacity: 0; }
/* Dark overlay, start state */
.my-mfp-zoom-in.mfp-bg { opacity: 0; -webkit-transition: opacity 0.3s ease-out; -moz-transition: opacity 0.3s ease-out; -o-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; }
/* animate in */
.my-mfp-zoom-in.mfp-ready.mfp-bg { opacity: 0.8; }
/* animate out */
.my-mfp-zoom-in.mfp-removing.mfp-bg { opacity: 0; }
/* Fade-move animation for second dialog */
/* at start */
.my-mfp-slide-bottom #small-dialog { opacity: 0; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; -webkit-transform: translateY(-20px) perspective(600px) rotateX(10deg); -moz-transform: translateY(-20px) perspective(600px) rotateX(10deg); -ms-transform: translateY(-20px) perspective(600px) rotateX(10deg); -o-transform: translateY(-20px) perspective(600px) rotateX(10deg); transform: translateY(-20px) perspective(600px) rotateX(10deg); }
/* animate in */
.my-mfp-slide-bottom.mfp-ready #small-dialog { opacity: 1; -webkit-transform: translateY(0) perspective(600px) rotateX(0); -moz-transform: translateY(0) perspective(600px) rotateX(0); -ms-transform: translateY(0) perspective(600px) rotateX(0); -o-transform: translateY(0) perspective(600px) rotateX(0); transform: translateY(0) perspective(600px) rotateX(0); }
/* animate out */
.my-mfp-slide-bottom.mfp-removing #small-dialog { opacity: 0; -webkit-transform: translateY(-10px) perspective(600px) rotateX(10deg); -moz-transform: translateY(-10px) perspective(600px) rotateX(10deg); -ms-transform: translateY(-10px) perspective(600px) rotateX(10deg); -o-transform: translateY(-10px) perspective(600px) rotateX(10deg); transform: translateY(-10px) perspective(600px) rotateX(10deg); }
/* Dark overlay, start state */
.my-mfp-slide-bottom.mfp-bg { opacity: 0; -webkit-transition: opacity 0.3s ease-out; -moz-transition: opacity 0.3s ease-out; -o-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; }
/* animate in */
.my-mfp-slide-bottom.mfp-ready.mfp-bg { opacity: 0.8; }
/* animate out */
.my-mfp-slide-bottom.mfp-removing.mfp-bg { opacity: 0; }
/*===============================================
  Markitup
================================================= */
/* Container */
.markItUp { width: 100%; margin: 0; }
/* Header */
.markItUpHeader { min-height: 43px; padding: 8px 10px 0px; background: #fafafa; border: none; border-bottom: 1px solid #e7e7e7; }
.markItUpButton { padding: 4px; background: #FFF; border: 1px solid #DDD; }
.markItUpButton + .markItUpButton { border-left: 0; }
.markItUpHeader ul .markItUpSeparator { height: 25px; background-color: #EEE; }
/* Textarea */
.markItUpEditor { font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-size: 13px; padding: 10px; border: none; width: 100%; height: 250px; }
/* Footer */
.markItUpFooter { height: 15px; }
/* preview frame */
.markItUpPreviewFrame { margin: 0; outline: 0; border: 0; padding: 5px 8px; border-top: 1px solid #e7e7e7; background: #fafafa; }
/* ==================================================
  Mapplic Map Plugin
==================================================== */
@media (max-width: 991px) {
.mapplic-sidebar { display: none; }
.mapplic-container { width: 100%; }
}
/*===============================================
  Bootstrap Multiselect
================================================= */
.multiselect-container.dropdown-menu { position: absolute; list-style-type: none; padding: 0; margin: 0; margin-top: 4px; }
.multiselect-container.dropdown-menu .input-group { margin: 5px; }
.multiselect-container.dropdown-menu > li { padding: 0; }
.multiselect-container.dropdown-menu > li > a.multiselect-all label { font-weight: 700; }
.multiselect-container.dropdown-menu > li.multiselect-group { background: #f3f3f3; border-bottom: 1px solid #eaeaea; }
.multiselect-container.dropdown-menu > li.multiselect-group label { margin: 0; padding: 6px 12px 5px; height: 100%; font-weight: 700; }
.multiselect-container.dropdown-menu > li.multiselect-group-clickable label { cursor: pointer; }
.multiselect-container.dropdown-menu > li > a { padding: 0; }
.multiselect-container.dropdown-menu > li > a > label { margin: 0; height: 100%; cursor: pointer; font-weight: 400; padding: 4px 20px 6px 32px; }
.multiselect-container.dropdown-menu > li > a > label.radio, .multiselect-container.dropdown-menu > li > a > label.checkbox { margin: 0; }
.multiselect-container.dropdown-menu > li > a > label > input[type=checkbox] { margin-bottom: 5px; }
.filter .btn.multiselect-clear-filter { padding: 8px 4px; }
.filter .btn.multiselect-clear-filter i.glyphicon { font-size: 11px; color: #AAA; }
.btn-group > .btn-group:nth-child(2) > .multiselect.btn { border-top-left-radius: 4px; border-bottom-left-radius: 4px; }
.form-inline .multiselect-container.dropdown-menu label.checkbox, .form-inline .multiselect-container.dropdown-menu label.radio { padding: 3px 20px 3px 40px; }
.form-inline .multiselect-container.dropdown-menu li a label.checkbox input[type=checkbox], .form-inline .multiselect-container.dropdown-menu li a label.radio input[type=radio] { margin-left: -20px; margin-right: 0; }
/* item search bar */
.multiselect-container.dropdown-menu > li.multiselect-item.filter { min-width: 175px; }
.btn.multiselect .caret { margin-left: 5px; }
/*===============================================
  Nano Scroller
================================================= */
/** initial setup **/
.nano { position: relative; width: 100%; height: 100%; overflow: hidden; }
.nano > .nano-content { position: absolute; overflow-x: hidden; overflow-y: hidden; right: 0; left: 0; top: 0; bottom: 0; }
.nano.has-scrollbar > .nano-content { overflow-y: scroll; overflow-x: hidden; }
#sidebar_left.nano > .nano-content { margin-top: 60px; }
.nano.affix > .nano-content:focus { outline: thin dotted; }
.nano.affix > .nano-content::-webkit-scrollbar {
 display: none;
}
.affix.has-scrollbar > .nano-content::-webkit-scrollbar {
 display: block;
}
.nano.affix > .nano-pane { background: rgba(0, 0, 0, 0.18); position: absolute; width: 5px; right: 0; top: 0; bottom: 0; visibility: hidden\9; /* Target only IE7 and IE8 with this hack */ opacity: .01; -webkit-transition: .2s; -moz-transition: .2s; -o-transition: .2s; transition: .2s; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; }
.nano.affix > .nano-pane > .nano-slider { background: #999; position: relative; margin: 0; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; }
.nano.affix:hover > .nano-pane, .nano-pane.active, .nano-pane.flashed { visibility: visible\9; /* Target only IE7 and IE8 with this hack */ opacity: 0.99; }
/* Nano colors/contextuals - default color grey */
.nano.affix.nano-primary > .nano-pane > .nano-slider { background: #4a89dc; }
.nano.affix.nano-success > .nano-pane > .nano-slider { background: #70ca63; }
.nano.affix.nano-info > .nano-pane > .nano-slider { background: #3bafda; }
.nano.affix.nano-warning > .nano-pane > .nano-slider { background: #f6bb42; }
.nano.affix.nano-danger > .nano-pane > .nano-slider { background: #e9573f; }
.nano.affix.nano-alert > .nano-pane > .nano-slider { background: #967adc; }
.nano.affix.nano-system > .nano-pane > .nano-slider { background: #37bc9b; }
.nano.affix.nano-dark > .nano-pane > .nano-slider { background: #3b3f4f; }
/*===============================================
  Nestable
================================================= */
.nestable-lists:before, .nestable-lists:after { content: " "; display: table; }
.nestable-lists:after { clear: both; }
.nestable-lists:before, .nestable-lists:after { content: " "; display: table; }
.nestable-lists:after { clear: both; }
/*nestable*/
.dd { max-width: 100%; }
/* Item heading */
.dd-handle { display: block; height: auto; cursor: pointer; margin: 5px 0; padding: 7px 10px; color: #777; text-decoration: none; font-weight: 600; border: 1px solid #ddd; background: #f5f5f5; -webkit-border-radius: 2px; border-radius: 2px; }
/* heading hover */
.dd-handle:hover { color: #333; background: #ededed; }
.dd-handle:hover + .dd-content { border-color: #f9d58b; }
.dd-item > button { margin: 7px 0; }
/* item content */
.dd-content { margin-top: -5px; padding: 10px; border: 1px solid #ddd; border-top: 0; background: #fafafa; }
.dd-list .dd-list { padding-top: 5px; padding-bottom: 5px; }
/* heading/content - dragged */
.dd-empty { background: #f8f8f8; }
.dd-item.dd-primary > button, .dd-item.dd-info > button { color: #FFF; }
.dd-item.dd-primary .dd-handle { color: #FFF; background-color: #4a89dc !important; border-color: #4a89dc !important; }
.dd-item.dd-info .dd-handle { color: #FFF; background-color: #3bafda !important; border-color: #3bafda !important; }
/* ============================================== 
 Colorpicker/Datepicker/DateRangePicker
================================================= */
/*alter picker z-indexes if inside an overlay*/
body.mfp-bg-open .datepicker, body.mfp-bg-open .ui-datepicker, body.mfp-bg-open .colorpicker.dropdown-menu, body.mfp-bg-open .daterangepicker.dropdown-menu, body.mfp-bg-open .bootstrap-datetimepicker-widget { z-index: 9999 !important; }
/* disable z-index modifcation for inline pickers */
body.mfp-bg-open .ui-datepicker-inline { z-index: inherit !important; }
/*colorpicker*/
.colorpicker.dropdown-menu { z-index: 1025; padding: 6px 12px; min-width: 0; top: 0; left: 0; min-width: 130px; padding: 4px; margin-top: 1px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; border-color: 1px solid rgba(0, 0, 0, 0.1); }
/*datepicker*/
.datepicker { padding: 6px; }
/*daterangepicker*/
.daterangepicker.dropdown-menu { background: #f8f8f8; }
.daterangepicker .calendar-date { border-radius: 2px; }
.daterangepicker.opensleft .ranges, .daterangepicker.opensleft .calendar { margin: 4px 6px; background: #f8f8f8; }
.daterangepicker.opensleft .calendar.left { margin-right: 2px; }
.daterangepicker .ranges li { background: #FFF; border-radius: 1px; padding: 4px 12px; border: 1px solid #EEE; margin-bottom: 6px; }
.daterangepicker .ranges li.active, .daterangepicker .ranges li:hover { background: #4a89dc; border-color: #4a89dc; }
.daterangepicker .ranges .input-mini { border-radius: 2px; }
.daterangepicker td.active, .daterangepicker td.active:hover { background: #4a89dc; border-color: #4a89dc; }
.daterangepicker td.start-date, .daterangepicker td.end-date { border-radius: 0; }
/*bootstrap datetimepicker*/
.bootstrap-datetimepicker-widget td span.glyphicon, .bootstrap-datetimepicker-widget td span.glyphicons { line-height: 25px; }
/*bootstrap datetimepicker toggle switch*/
.bootstrap-datetimepicker-widget .picker-switch .btn { padding: 4px 12px; }
.timepicker-sm .bootstrap-datetimepicker-widget td, .timepicker-sm .bootstrap-datetimepicker-widget td span, .timepicker-sm .bootstrap-datetimepicker-widget td span.glyphicons { height: 28px; line-height: 28px; }
/* inline datewidget */
.datewidget-inline { z-index: 1020 !important; display: block !important; position: relative !important; top: 0 !important; left: 0 !important; right: auto !important; bottom: auto !important; }
/*==================================================
  Pnotify
==================================================== */
/* -- Notice */
.ui-pnotify { top: 25px; right: 25px; position: absolute; height: auto; /* Ensures notices are above everything */ z-index: 999999; }
.ui-pnotify .alert { border-radius: 0; }
/* Hides position: fixed from IE6 */
html > body > .ui-pnotify { position: fixed; }
.ui-pnotify .ui-pnotify-shadow { -webkit-box-shadow: 0px 2px 10px rgba(50, 50, 50, 0.5); -moz-box-shadow: 0px 2px 10px rgba(50, 50, 50, 0.5); box-shadow: 0px 2px 10px rgba(50, 50, 50, 0.5); }
.ui-pnotify-container { background-position: 0 0; padding: .8em; height: 100%; margin: 0; }
.ui-pnotify-sharp { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
.ui-pnotify-title { display: block; margin-bottom: .4em; margin-top: 0; }
.ui-pnotify-text { display: block; }
.ui-pnotify-icon, .ui-pnotify-icon span { display: block; float: left; margin-right: .2em; }
/* Alternate stack initial positioning. */
.ui-pnotify.stack_top_left, .ui-pnotify.stack_bottom_left { left: 15px; right: auto; }
.ui-pnotify.stack_bottom_right, .ui-pnotify.stack_bottom_left { bottom: 25px; right: 8px; top: auto; }
.ui-pnotify.stack_bottom_right { right: 12px; }
.ui-pnotify-closer, .ui-pnotify-sticker { float: right; margin-left: .2em; }
.ui-pnotify.stack_bar_top { right: 0; top: 0; width: 100%; border-radius: 0; }
.ui-pnotify.stack_bar_top .alert { border-left-width: 0; border-right-width: 0; border-top-width: 0; }
.ui-pnotify.stack_bar_bottom { right: auto; top: auto; left: auto; margin-left: 15%; bottom: 0; border-radius: 0; }
/*wrapper */
.ui-pnotify { top: 70px; right: 8px; }
/*with icon*/
.ui-pnotify-icon, .ui-pnotify-icon span { font-size: 30px; min-height: 40px; line-height: 40px; padding-right: 3px; }
/*===============================================
  RangeSlider
================================================= */
/* Slider Container */
.ui-rangeSlider .ui-rangeSlider-bar { margin: 5px 0; height: 20px; background-color: #6390a7; }
/* Slider Inner bar */
.ui-rangeSlider .ui-rangeSlider-innerBar { height: 24px; margin: 3px 0; background-color: #FFF; border: 1px solid #CCC; border-radius: 3px; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset, 0 -1px 0 rgba(255, 255, 255, 0.65) inset; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset, 0 -1px 0 rgba(255, 255, 255, 0.65) inset; }
/* Slider Label */
.ui-rangeSlider-label { border: 0; box-shadow: none; background: none; background-image: none; }
.ui-rangeSlider-label-value { position: relative; top: -8px; min-width: 40px; min-height: 25px; text-align: center; line-height: 25px; font-size: 12px; font-weight: 600; border-radius: 4px; background: #fafafa; background-image: none; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25); }
.ui-rangeSlider-label:after { content: "\f0d7"; width: 100%; position: absolute; bottom: 0; margin: 0 -6px; color: #f8f8f8; font-family: FontAwesome; font-size: 18px; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25); }
/* Slider Input Label */
input.ui-editRangeSlider-inputValue { border: 1px solid #DDD; width: 2.2em; }
/* Slider Handles */
.ui-rangeSlider .ui-rangeSlider-handle { background: none; }
.ui-rangeSlider .ui-rangeSlider-handle-inner { background: url(../img/plugins/slider-knob.png) no-repeat center top; width: 22px; height: 24px; }
.ui-rangeSlider-leftHandle .ui-rangeSlider-handle-inner { margin-left: -10px; }
.ui-rangeSlider-rightHandle .ui-rangeSlider-handle-inner { margin-left: -4px; }
/* Slider Arrows */
.ui-rangeSlider-arrow { margin: 6px 0; }
.ui-rangeSlider-arrow.ui-rangeSlider-leftArrow { left: -13px !important; }
.ui-rangeSlider-arrow.ui-rangeSlider-rightArrow { right: -13px !important; }
/*===============================================
  Summernote
================================================= */
.note-editor { border: none; }
.note-editor .note-toolbar { background: #fafafa; border: none; border-bottom: 1px solid #e7e7e7; padding: 0 10px 9px; margin: 0; }
.note-editor .note-toolbar > .btn-group { margin-top: 8px; }
.note-editor .btn-sm, .note-editor .btn-group-sm > .btn { padding: 3px 8px 4px; }
.note-editor .btn-default { background-color: #FFF; border-color: #DDD; border-radius: 1px; }
.note-editor .note-editable { overflow: auto; }
.note-editor .note-statusbar { background: none; }
.note-editor .note-statusbar .note-resizebar { border: none; }
.note-dialog .modal-dialog { padding-top: 50px; }
/*===============================================
  Tags Manager
================================================= */
.tag-container { margin-top: 10px; }
.tm-tag { margin-right: 8px; padding: 4px 8px; color: #FFF; font-size: 13px; font-weight: 600; border: 0; border-radius: 1px; box-shadow: none; background: #AAA; }
.tm-tag .tm-tag-remove { color: #FFF; opacity: 0.6; font-size: 13px; font-weight: 400; padding: 0 3px; }
.tm-tag .tm-tag-remove:hover { color: #FFF; opacity: 1; }
.tm-tag.tm-tag-primary { color: #FFF; background-color: #6c9fe3; }
.tm-tag.tm-tag-info { color: #FFF; background-color: #5dbde0; }
.tm-tag.tm-tag-success { color: #FFF; background-color: #8cd481; }
.tm-tag.tm-tag-warning { color: #FFF; background-color: #f8c969; }
.tm-tag.tm-tag-danger { color: #FFF; background-color: #ed7764; }
.tm-tag.tm-tag-alert { color: #FFF; background-color: #b09ae4; }
.tm-tag.tm-tag-system { color: #FFF; background-color: #50ccad; }
.bootstrap-tagsinput { position: relative; vertical-align: top; display: inline-block; vertical-align: middle; width: 100%; height: auto; min-height: 42px; outline: 0; padding: 3px 8px; margin: 0; cursor: text; color: #626262; font-size: 14px; font-weight: 400; border: 1px solid #E5E5E5; border-radius: 0; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
.bootstrap-tagsinput:focus, .bootstrap-tagsinput:hover { border-color: #DDD; background-color: #FFF !important; }
.bootstrap-tagsinput input { border: none; box-shadow: none; outline: none; background-color: transparent; padding: 0; margin: 0; width: auto !important; max-width: inherit; }
.bootstrap-tagsinput input:focus { border: none; box-shadow: none; }
.bootstrap-tagsinput .tag { color: white; margin-right: 5px; line-height: 36px; padding: .6em .7em .7em; border-radius: 2px; }
.bootstrap-tagsinput .tag.label-default { color: #AAA; font-weight: 500; background-color: #fff; border: 1px solid #eee; padding: .5em .7em .6em; }
.bootstrap-tagsinput .tag [data-role="remove"] { margin-left: 8px; cursor: pointer; }
.bootstrap-tagsinput .tag [data-role="remove"]:after { content: "x"; padding: 0px 2px; }
.bootstrap-tagsinput .tag [data-role="remove"]:hover { box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); }
.bootstrap-tagsinput .tag [data-role="remove"]:hover:active { box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }
/*===============================================
  Treeview Plugin
================================================= */
/*fancytree container*/
ul.fancytree-container { color: #999; font-size: 14px; padding: 0; border: 0; outline: 0; background-color: transparent; }
/*fancytree items */
ul.fancytree-container li { padding: 2px 0; }
/*fancytree item*/
span.fancytree-node { padding: 4px 0; }
/*fancytree item title*/
span.fancytree-title { color: #666; }
/*fancytree item icon*/
span.fancytree-icon { position: relative; }
/*fancytree item STATES*/
/*fancytree item hover*/
span.fancytree-node:hover { background-color: #EEE; border-color: #CCC; }
/*fancytree active item*/
span.fancytree-node.fancytree-active, span.fancytree-node.fancytree-selected { background-color: #EEE; border-color: #CCC; }
/*fancytree active item hover*/
span.fancytree-node.fancytree-active:hover, span.fancytree-node.fancytree-selected:hover { background-color: #EEE; border-color: #CCC; }
/*fancytree active item focus*/
.fancytree-container.fancytree-treefocus span.fancytree-node.fancytree-active, .fancytree-container.fancytree-treefocus span.fancytree-node.fancytree-selected { background-color: #EEE; border-color: #CCC; }
/*fancytree addon - childcounter */
span.fancytree-childcounter { color: #fff; background: #428BCA; /*  border: 1px solid gray; */ position: absolute; top: -9px; right: -8px; min-width: 13px; height: 13px; line-height: 9px; vertical-align: baseline; border-radius: 10px; /*50%;*/ padding: 2px; text-align: center; font-size: 10px; }
/*fancytree addon - columnview*/
table.fancytree-ext-columnview { outline: 0; border: 0; }
table.fancytree-container tbody tr td { padding: 8px 14px; border-color: #EEE; max-width: 300px;/* width does not work */ }
/* prevent long lines to wrap */
table.fancytree-container span.fancytree-node { white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; text-overflow: ellipsis; }
/* prevent long lines to start with a break after the icon */
table.fancytree-container span.fancytree-title { display: inline; }
table.fancytree-container span.selTag { cursor: pointer; display: inline-block; padding: 3px 7px; margin: 1px 5px; background-color: #dec; border: 0; border-radius: 1px; }
table.fancytree-ext-columnview tbody tr #tags, table.fancytree-ext-columnview tbody tr #preview { padding: 12px 14px; vertical-align: middle; background: #fbfbfb; }
/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
body { margin: 0; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }
audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }
audio:not([controls]) { display: none; height: 0; }
[hidden], template {
 display: none;
}
a { background: transparent; }
a:active, a:hover { outline: 0; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
dfn { font-style: italic; }
h1 { font-size: 2em; margin: 0.67em 0; }
mark { background: #ff0; color: #000; }
small { font-size: 80%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
img { border: 0; }
svg:not(:root) { overflow: hidden; }
figure { margin: 1em 40px; }
hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }
pre { overflow: auto; }
code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }
button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; }
button { overflow: visible; }
button, select { text-transform: none; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }
button[disabled], html input[disabled] { cursor: default; }
button::-moz-focus-inner, input::-moz-focus-inner {
 border: 0;
 padding: 0;
}
input { line-height: normal; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
 height: auto;
}
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
 -webkit-appearance: none;
}
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }
legend { border: 0; padding: 0; }
textarea { overflow: auto; }
optgroup { font-weight: bold; }
table { border-collapse: collapse; border-spacing: 0; }
td, th { padding: 0; }
/*==================================================
  Basic print styles
  Source: https://github.com/h5bp/html5-boilerplate/blob/master/css/main.css
==================================================== */
@media print {
* { text-shadow: none !important; color: #000 !important; background: transparent !important; box-shadow: none !important; }
a, a:visited { text-decoration: underline; }
a[href]:after { content: " (" attr(href) ")"; }
abbr[title]:after { content: " (" attr(title) ")"; }
a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
thead { display: table-header-group; }
tr, img { page-break-inside: avoid; }
img { max-width: 100% !important; }
p, h2, h3 { orphans: 3; widows: 3; }
h2, h3 { page-break-after: avoid; }
select { background: #fff !important; }
.navbar { display: none; }
.table td, .table th { background-color: #fff !important; }
.btn > .caret, .dropup > .btn > .caret { border-top-color: #000 !important; }
.label { border: 1px solid #000; }
.table { border-collapse: collapse !important; }
.table-bordered th, .table-bordered td { border: 1px solid #ddd !important; }
}
/*==================================================
  Scaffolding
==================================================== */
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
*:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html { font-size: 10px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
body { font-family: "Open Sans", Helvetica, Arial, sans-serif; font-size: 13px; font-weight: 400; line-height: 1.5; color: #666666; background-color: #ffffff; }
input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; }
a { color: #4a89dc; text-decoration: none; }
a:hover, a:focus { color: #2363b6; text-decoration: underline; }
a:focus { outline: 0; outline-offset: -2px; }
figure { margin: 0; }
img { vertical-align: middle; }
.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img { display: block; width: 100% \9; max-width: 100%; height: auto; }
.img-rounded { border-radius: 3px; }
.img-thumbnail { padding: 4px; line-height: 1.5; background-color: #ffffff; border: 1px solid #dddddd; border-radius: 1px; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; display: inline-block; width: 100% \9; max-width: 100%; height: auto; }
.img-circle { border-radius: 50%; }
hr { margin-top: 19px; margin-bottom: 19px; border: 0; border-top: 1px solid #eeeeee; }
.sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }
.sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; }
/*==================================================
  Typography
==================================================== */
a.link-unstyled { color: #666; }
a.link-unstyled:hover, a.link-unstyled:focus, a.link-unstyled:active { color: #222; text-decoration: none; }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: inherit; font-weight: 600; line-height: 1.1; color: inherit; text-rendering: optimizelegibility; }
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small, .h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small { font-weight: normal; line-height: 1; color: #999999; }
h1, .h1, h2, .h2, h3, .h3 { margin-top: 19px; margin-bottom: 9.5px; }
h1 small, .h1 small, h2 small, .h2 small, h3 small, .h3 small, h1 .small, .h1 .small, h2 .small, .h2 .small, h3 .small, .h3 .small { font-size: 75%; }
h4, .h4, h5, .h5, h6, .h6 { margin-top: 9.5px; margin-bottom: 9.5px; }
h4 small, .h4 small, h5 small, .h5 small, h6 small, .h6 small, h4 .small, .h4 .small, h5 .small, .h5 .small, h6 .small, .h6 .small { font-size: 88%; }
h1 small, .h1 .small { font-size: 70%; }
h1, .h1 { font-size: 30px; }
h2, .h2 { font-size: 24px; }
h3, .h3 { font-size: 18px; }
h4, .h4 { font-size: 15px; }
h5, .h5 { font-size: 13px; }
h6, .h6 { font-size: 11px; color: #999999; }
p { margin: 0 0 9.5px; }
.lead { margin-bottom: 19px; font-size: 14px; font-weight: 300; line-height: 1.4; }
@media (min-width: 768px) {
.lead { font-size: 19.5px; }
}
small, .small { font-size: 92%; }
cite { font-style: normal; }
mark, .mark { background-color: #f8cd73; padding: .2em; }
.text-left { text-align: left !important; }
.text-right { text-align: right !important; }
.text-center { text-align: center !important; }
.text-justify { text-align: justify !important; }
.text-nowrap { white-space: nowrap !important; }
.text-lowercase { text-transform: lowercase; }
.text-uppercase { text-transform: uppercase; }
.text-capitalize { text-transform: capitalize; }
.text-white { color: #ffffff; }
a.text-white:hover { color: #808080; }
.text-white-light { color: #ffffff; }
.text-white-lighter { color: #ffffff; }
.text-white-dark { color: #f6f6f6; }
.text-white-darker { color: #ececec; }
.text-muted { color: #999999; }
a.text-muted:hover { color: #191919; }
.text-muted-light { color: #a2a2a2; }
.text-muted-lighter { color: #acacac; }
.text-muted-dark { color: #909090; }
.text-muted-darker { color: #868686; }
.text-primary { color: #4a89dc; }
a.text-primary:hover { color: #061221; }
.text-primary-light { color: #5993df; }
.text-primary-lighter { color: #6a9ee2; }
.text-primary-dark { color: #3b7fd9; }
.text-primary-darker { color: #2a74d6; }
.text-success { color: #70ca63; }
a.text-success:hover { color: #0f220c; }
.text-success-light { color: #7ccf70; }
.text-success-lighter { color: #8ad480; }
.text-success-dark { color: #64c556; }
.text-success-darker { color: #56c046; }
.text-info { color: #3bafda; }
a.text-info:hover { color: #030e13; }
.text-info-light { color: #4ab5dd; }
.text-info-lighter { color: #5bbce0; }
.text-info-dark { color: #2ca9d7; }
.text-info-darker { color: #269dc9; }
.text-warning { color: #f6bb42; }
a.text-warning:hover { color: #362503; }
.text-warning-light { color: #f7c153; }
.text-warning-lighter { color: #f8c867; }
.text-warning-dark { color: #f5b531; }
.text-warning-darker { color: #f4ae1d; }
.text-danger { color: #e9573f; }
a.text-danger:hover { color: #250904; }
.text-danger-light { color: #eb654f; }
.text-danger-lighter { color: #ed7561; }
.text-danger-dark { color: #e7492f; }
.text-danger-darker { color: #e5391d; }
.text-alert { color: #967adc; }
a.text-alert:hover { color: #211245; }
.text-alert-light { color: #a188e0; }
.text-alert-lighter { color: #ae98e4; }
.text-alert-dark { color: #8b6cd8; }
.text-alert-darker { color: #7e5cd4; }
.text-system { color: #37bc9b; }
a.text-system:hover { color: #000000; }
.text-system-light { color: #3ec7a5; }
.text-system-lighter { color: #4ecbac; }
.text-system-dark { color: #33ae90; }
.text-system-darker { color: #2e9e83; }
.text-dark { color: #3b3f4f; }
a.text-dark:hover { color: #000000; }
.text-dark-light { color: #434759; }
.text-dark-lighter { color: #4b5065; }
.text-dark-dark { color: #333745; }
.text-dark-darker { color: #2b2e39; }
.text-tp { color: rgba(0, 0, 0, 0.2); }
a.text-tp:hover { color: rgba(0, 0, 0, 0.3); }
.page-header { padding-bottom: 20px; margin: 38px 0 19px; border-bottom: 1px solid #dddddd; }
ul, ol { margin-top: 0; margin-bottom: 9.5px; }
ul ul, ol ul, ul ol, ol ol { margin-bottom: 0; }
.list-unstyled { padding-left: 0; list-style: none; }
.list-inline { padding-left: 0; list-style: none; margin-left: -5px; }
.list-inline > li { display: inline-block; padding-left: 5px; padding-right: 5px; }
dl { margin-top: 0; margin-bottom: 19px; }
dt, dd { line-height: 1.5; }
dt { font-weight: bold; }
dd { margin-left: 0; }
@media (min-width: 480px) {
.dl-horizontal dt { float: left; width: 160px; clear: left; text-align: right; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dl-horizontal dd { margin-left: 180px; }
}
abbr[title], abbr[data-original-title] { cursor: help; border-bottom: 1px dotted #777777; }
.initialism { font-size: 90%; text-transform: uppercase; }
blockquote { padding: 9.5px 19px; margin: 0 0 19px; font-size: 16.25px; border-left: 5px solid #eeeeee; }
blockquote p:last-child, blockquote ul:last-child, blockquote ol:last-child { margin-bottom: 0; }
blockquote.blockquote-primary { border-color: #4a89dc; }
blockquote.blockquote-success { border-color: #70ca63; }
blockquote.blockquote-info { border-color: #3bafda; }
blockquote.blockquote-warning { border-color: #f6bb42; }
blockquote.blockquote-danger { border-color: #e9573f; }
blockquote.blockquote-alert { border-color: #967adc; }
blockquote.blockquote-system { border-color: #37bc9b; }
blockquote.blockquote-dark { border-color: #3b3f4f; }
blockquote.blockquote-rounded { border-radius: 11px; }
blockquote.blockquote-thin { border-width: 3px; }
blockquote footer, blockquote small, blockquote .small { display: block; font-size: 80%; line-height: 1.5; color: #777777; }
blockquote footer:before, blockquote small:before, blockquote .small:before { content: '\2014 \00A0'; }
.blockquote-reverse, blockquote.pull-right { padding-right: 15px; padding-left: 0; border-right: 5px solid #eeeeee; border-left: 0; text-align: right; }
.blockquote-reverse footer:before, blockquote.pull-right footer:before, .blockquote-reverse small:before, blockquote.pull-right small:before, .blockquote-reverse .small:before, blockquote.pull-right .small:before { content: ''; }
.blockquote-reverse footer:after, blockquote.pull-right footer:after, .blockquote-reverse small:after, blockquote.pull-right small:after, .blockquote-reverse .small:after, blockquote.pull-right .small:after { content: '\00A0 \2014'; }
blockquote:before, blockquote:after { content: ""; }
address { margin-bottom: 19px; font-style: normal; line-height: 1.5; }
.dropcap { min-height: 75px; }
.dropcap:first-letter { font-family: 'Droid Serif', serif; float: left; color: #555; font-size: 60px; font-weight: 600; line-height: 45px; padding: 5px; margin: 0px 5px 0 0; }
.dropcap.lead:first-letter { font-size: 90px; line-height: 25px; }
.dropcap.dropcap-fill:first-letter { border-radius: 6px; color: #FFF; margin: 0px 10px 0 0; }
.dropcap.lead.dropcap-fill:first-letter { border-radius: 6px; color: #FFF; margin: 0px 10px 0 0; padding-bottom: 26px; }
.dropcap.dropcap-default:first-letter { color: #3b3f4f; }
.dropcap.dropcap-primary:first-letter { color: #4a89dc; }
.dropcap.dropcap-success:first-letter { color: #70ca63; }
.dropcap.dropcap-info:first-letter { color: #3bafda; }
.dropcap.dropcap-warning:first-letter { color: #f6bb42; }
.dropcap.dropcap-danger:first-letter { color: #e9573f; }
.dropcap.dropcap-alert:first-letter { color: #967adc; }
.dropcap.dropcap-system:first-letter { color: #37bc9b; }
.dropcap.dropcap-dark:first-letter { color: #3b3f4f; }
.dropcap.dropcap-muted:first-letter { color: #AAA; }
.dropcap.dropcap-fill:first-letter { color: #FFF; }
.dropcap.dropcap-fill.dropcap-default:first-letter { background-color: #3b3f4f; }
.dropcap.dropcap-fill.dropcap-primary:first-letter { background-color: #4a89dc; }
.dropcap.dropcap-fill.dropcap-success:first-letter { background-color: #70ca63; }
.dropcap.dropcap-fill.dropcap-info:first-letter { background-color: #3bafda; }
.dropcap.dropcap-fill.dropcap-warning:first-letter { background-color: #f6bb42; }
.dropcap.dropcap-fill.dropcap-danger:first-letter { background-color: #e9573f; }
.dropcap.dropcap-fill.dropcap-alert:first-letter { background-color: #967adc; }
.dropcap.dropcap-fill.dropcap-system:first-letter { background-color: #37bc9b; }
.dropcap.dropcap-fill.dropcap-dark:first-letter { background-color: #3b3f4f; }
.dropcap.dropcap-fill.dropcap-muted:first-letter { color: #555; background-color: #f0f0f0; }
/*===============================================
  D. Dividers
================================================= */
hr { margin: 35px 0; border-top: 1px solid #DDD; }
hr.alt { border-top: 1px dashed #cccccc; }
hr.short { margin: 20px 0; }
hr.tall { margin: 55px 0; }
hr.dotted { border-style: dotted; }
.divider { border-bottom: 1px solid #aaa; margin: 5px 1px; }
/*==================================================
  Code(inline and block)
==================================================== */
code, kbd, pre, samp { font-family: Menlo, Monaco, Consolas, "Courier New", monospace; }
code { padding: 2px 4px; font-size: 90%; color: #c7254e; background-color: #f9f2f4; border-radius: 1px; }
kbd { padding: 2px 4px; font-size: 90%; color: #ffffff; background-color: #333333; border-radius: 0px; box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25); }
kbd kbd { padding: 0; font-size: 100%; box-shadow: none; }
pre { display: block; padding: 9px; margin: 0 0 9.5px; font-size: 12px; line-height: 1.5; word-break: break-all; word-wrap: break-word; color: #333333; background-color: #eaeef0; border: 1px solid #cbd6d6; border-radius: 1px; }
pre code { padding: 0; font-size: inherit; color: inherit; white-space: pre-wrap; background-color: transparent; border-radius: 0; }
.pre-scrollable { max-height: 340px; overflow-y: scroll; }
/*==================================================
  Grid System
==================================================== */
.container { margin-right: auto; margin-left: auto; padding-left: 11px; padding-right: 11px; }
@media (min-width: 768px) {
.container { width: 742px; }
}
@media (min-width: 992px) {
.container { width: 962px; }
}
@media (min-width: 1140px) {
.container { width: 1062px; }
}
@media (min-width: 1400px) {
.container { width: 1302px; }
}
.container-sm { max-width: 640px; }
.container-md { max-width: 860px; }
.container-lg { max-width: 1000px; }
.container-xl { max-width: 1200px; }
.container-fluid { margin-right: auto; margin-left: auto; padding-left: 11px; padding-right: 11px; }
.row { margin-left: -11px; margin-right: -11px; }
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xl-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xl-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xl-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xl-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xl-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xl-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xl-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xl-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xl-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xl-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xl-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12, .col-xl-12 { position: relative; min-height: 1px; padding-left: 11px; padding-right: 11px; }
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; }
.col-xs-12 { width: 100%; }
.col-xs-11 { width: 91.66666666666666%; }
.col-xs-10 { width: 83.33333333333334%; }
.col-xs-9 { width: 75%; }
.col-xs-8 { width: 66.66666666666666%; }
.col-xs-7 { width: 58.333333333333336%; }
.col-xs-6 { width: 50%; }
.col-xs-5 { width: 41.66666666666667%; }
.col-xs-4 { width: 33.33333333333333%; }
.col-xs-3 { width: 25%; }
.col-xs-2 { width: 16.666666666666664%; }
.col-xs-1 { width: 8.333333333333332%; }
.col-xs-pull-12 { right: 100%; }
.col-xs-pull-11 { right: 91.66666666666666%; }
.col-xs-pull-10 { right: 83.33333333333334%; }
.col-xs-pull-9 { right: 75%; }
.col-xs-pull-8 { right: 66.66666666666666%; }
.col-xs-pull-7 { right: 58.333333333333336%; }
.col-xs-pull-6 { right: 50%; }
.col-xs-pull-5 { right: 41.66666666666667%; }
.col-xs-pull-4 { right: 33.33333333333333%; }
.col-xs-pull-3 { right: 25%; }
.col-xs-pull-2 { right: 16.666666666666664%; }
.col-xs-pull-1 { right: 8.333333333333332%; }
.col-xs-pull-0 { right: auto; }
.col-xs-push-12 { left: 100%; }
.col-xs-push-11 { left: 91.66666666666666%; }
.col-xs-push-10 { left: 83.33333333333334%; }
.col-xs-push-9 { left: 75%; }
.col-xs-push-8 { left: 66.66666666666666%; }
.col-xs-push-7 { left: 58.333333333333336%; }
.col-xs-push-6 { left: 50%; }
.col-xs-push-5 { left: 41.66666666666667%; }
.col-xs-push-4 { left: 33.33333333333333%; }
.col-xs-push-3 { left: 25%; }
.col-xs-push-2 { left: 16.666666666666664%; }
.col-xs-push-1 { left: 8.333333333333332%; }
.col-xs-push-0 { left: auto; }
.col-xs-offset-12 { margin-left: 100%; }
.col-xs-offset-11 { margin-left: 91.66666666666666%; }
.col-xs-offset-10 { margin-left: 83.33333333333334%; }
.col-xs-offset-9 { margin-left: 75%; }
.col-xs-offset-8 { margin-left: 66.66666666666666%; }
.col-xs-offset-7 { margin-left: 58.333333333333336%; }
.col-xs-offset-6 { margin-left: 50%; }
.col-xs-offset-5 { margin-left: 41.66666666666667%; }
.col-xs-offset-4 { margin-left: 33.33333333333333%; }
.col-xs-offset-3 { margin-left: 25%; }
.col-xs-offset-2 { margin-left: 16.666666666666664%; }
.col-xs-offset-1 { margin-left: 8.333333333333332%; }
.col-xs-offset-0 { margin-left: 0%; }
@media (min-width: 768px) {
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; }
.col-sm-12 { width: 100%; }
.col-sm-11 { width: 91.66666666666666%; }
.col-sm-10 { width: 83.33333333333334%; }
.col-sm-9 { width: 75%; }
.col-sm-8 { width: 66.66666666666666%; }
.col-sm-7 { width: 58.333333333333336%; }
.col-sm-6 { width: 50%; }
.col-sm-5 { width: 41.66666666666667%; }
.col-sm-4 { width: 33.33333333333333%; }
.col-sm-3 { width: 25%; }
.col-sm-2 { width: 16.666666666666664%; }
.col-sm-1 { width: 8.333333333333332%; }
.col-sm-pull-12 { right: 100%; }
.col-sm-pull-11 { right: 91.66666666666666%; }
.col-sm-pull-10 { right: 83.33333333333334%; }
.col-sm-pull-9 { right: 75%; }
.col-sm-pull-8 { right: 66.66666666666666%; }
.col-sm-pull-7 { right: 58.333333333333336%; }
.col-sm-pull-6 { right: 50%; }
.col-sm-pull-5 { right: 41.66666666666667%; }
.col-sm-pull-4 { right: 33.33333333333333%; }
.col-sm-pull-3 { right: 25%; }
.col-sm-pull-2 { right: 16.666666666666664%; }
.col-sm-pull-1 { right: 8.333333333333332%; }
.col-sm-pull-0 { right: auto; }
.col-sm-push-12 { left: 100%; }
.col-sm-push-11 { left: 91.66666666666666%; }
.col-sm-push-10 { left: 83.33333333333334%; }
.col-sm-push-9 { left: 75%; }
.col-sm-push-8 { left: 66.66666666666666%; }
.col-sm-push-7 { left: 58.333333333333336%; }
.col-sm-push-6 { left: 50%; }
.col-sm-push-5 { left: 41.66666666666667%; }
.col-sm-push-4 { left: 33.33333333333333%; }
.col-sm-push-3 { left: 25%; }
.col-sm-push-2 { left: 16.666666666666664%; }
.col-sm-push-1 { left: 8.333333333333332%; }
.col-sm-push-0 { left: auto; }
.col-sm-offset-12 { margin-left: 100%; }
.col-sm-offset-11 { margin-left: 91.66666666666666%; }
.col-sm-offset-10 { margin-left: 83.33333333333334%; }
.col-sm-offset-9 { margin-left: 75%; }
.col-sm-offset-8 { margin-left: 66.66666666666666%; }
.col-sm-offset-7 { margin-left: 58.333333333333336%; }
.col-sm-offset-6 { margin-left: 50%; }
.col-sm-offset-5 { margin-left: 41.66666666666667%; }
.col-sm-offset-4 { margin-left: 33.33333333333333%; }
.col-sm-offset-3 { margin-left: 25%; }
.col-sm-offset-2 { margin-left: 16.666666666666664%; }
.col-sm-offset-1 { margin-left: 8.333333333333332%; }
.col-sm-offset-0 { margin-left: 0%; }
}
@media (min-width: 992px) {
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; }
.col-md-12 { width: 100%; }
.col-md-11 { width: 91.66666666666666%; }
.col-md-10 { width: 83.33333333333334%; }
.col-md-9 { width: 75%; }
.col-md-8 { width: 66.66666666666666%; }
.col-md-7 { width: 58.333333333333336%; }
.col-md-6 { width: 50%; }
.col-md-5 { width: 41.66666666666667%; }
.col-md-4 { width: 33.33333333333333%; }
.col-md-3 { width: 25%; }
.col-md-2 { width: 16.666666666666664%; }
.col-md-1 { width: 8.333333333333332%; }
.col-md-pull-12 { right: 100%; }
.col-md-pull-11 { right: 91.66666666666666%; }
.col-md-pull-10 { right: 83.33333333333334%; }
.col-md-pull-9 { right: 75%; }
.col-md-pull-8 { right: 66.66666666666666%; }
.col-md-pull-7 { right: 58.333333333333336%; }
.col-md-pull-6 { right: 50%; }
.col-md-pull-5 { right: 41.66666666666667%; }
.col-md-pull-4 { right: 33.33333333333333%; }
.col-md-pull-3 { right: 25%; }
.col-md-pull-2 { right: 16.666666666666664%; }
.col-md-pull-1 { right: 8.333333333333332%; }
.col-md-pull-0 { right: auto; }
.col-md-push-12 { left: 100%; }
.col-md-push-11 { left: 91.66666666666666%; }
.col-md-push-10 { left: 83.33333333333334%; }
.col-md-push-9 { left: 75%; }
.col-md-push-8 { left: 66.66666666666666%; }
.col-md-push-7 { left: 58.333333333333336%; }
.col-md-push-6 { left: 50%; }
.col-md-push-5 { left: 41.66666666666667%; }
.col-md-push-4 { left: 33.33333333333333%; }
.col-md-push-3 { left: 25%; }
.col-md-push-2 { left: 16.666666666666664%; }
.col-md-push-1 { left: 8.333333333333332%; }
.col-md-push-0 { left: auto; }
.col-md-offset-12 { margin-left: 100%; }
.col-md-offset-11 { margin-left: 91.66666666666666%; }
.col-md-offset-10 { margin-left: 83.33333333333334%; }
.col-md-offset-9 { margin-left: 75%; }
.col-md-offset-8 { margin-left: 66.66666666666666%; }
.col-md-offset-7 { margin-left: 58.333333333333336%; }
.col-md-offset-6 { margin-left: 50%; }
.col-md-offset-5 { margin-left: 41.66666666666667%; }
.col-md-offset-4 { margin-left: 33.33333333333333%; }
.col-md-offset-3 { margin-left: 25%; }
.col-md-offset-2 { margin-left: 16.666666666666664%; }
.col-md-offset-1 { margin-left: 8.333333333333332%; }
.col-md-offset-0 { margin-left: 0%; }
}
@media (min-width: 1140px) {
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; }
.col-lg-12 { width: 100%; }
.col-lg-11 { width: 91.66666666666666%; }
.col-lg-10 { width: 83.33333333333334%; }
.col-lg-9 { width: 75%; }
.col-lg-8 { width: 66.66666666666666%; }
.col-lg-7 { width: 58.333333333333336%; }
.col-lg-6 { width: 50%; }
.col-lg-5 { width: 41.66666666666667%; }
.col-lg-4 { width: 33.33333333333333%; }
.col-lg-3 { width: 25%; }
.col-lg-2 { width: 16.666666666666664%; }
.col-lg-1 { width: 8.333333333333332%; }
.col-lg-pull-12 { right: 100%; }
.col-lg-pull-11 { right: 91.66666666666666%; }
.col-lg-pull-10 { right: 83.33333333333334%; }
.col-lg-pull-9 { right: 75%; }
.col-lg-pull-8 { right: 66.66666666666666%; }
.col-lg-pull-7 { right: 58.333333333333336%; }
.col-lg-pull-6 { right: 50%; }
.col-lg-pull-5 { right: 41.66666666666667%; }
.col-lg-pull-4 { right: 33.33333333333333%; }
.col-lg-pull-3 { right: 25%; }
.col-lg-pull-2 { right: 16.666666666666664%; }
.col-lg-pull-1 { right: 8.333333333333332%; }
.col-lg-pull-0 { right: auto; }
.col-lg-push-12 { left: 100%; }
.col-lg-push-11 { left: 91.66666666666666%; }
.col-lg-push-10 { left: 83.33333333333334%; }
.col-lg-push-9 { left: 75%; }
.col-lg-push-8 { left: 66.66666666666666%; }
.col-lg-push-7 { left: 58.333333333333336%; }
.col-lg-push-6 { left: 50%; }
.col-lg-push-5 { left: 41.66666666666667%; }
.col-lg-push-4 { left: 33.33333333333333%; }
.col-lg-push-3 { left: 25%; }
.col-lg-push-2 { left: 16.666666666666664%; }
.col-lg-push-1 { left: 8.333333333333332%; }
.col-lg-push-0 { left: auto; }
.col-lg-offset-12 { margin-left: 100%; }
.col-lg-offset-11 { margin-left: 91.66666666666666%; }
.col-lg-offset-10 { margin-left: 83.33333333333334%; }
.col-lg-offset-9 { margin-left: 75%; }
.col-lg-offset-8 { margin-left: 66.66666666666666%; }
.col-lg-offset-7 { margin-left: 58.333333333333336%; }
.col-lg-offset-6 { margin-left: 50%; }
.col-lg-offset-5 { margin-left: 41.66666666666667%; }
.col-lg-offset-4 { margin-left: 33.33333333333333%; }
.col-lg-offset-3 { margin-left: 25%; }
.col-lg-offset-2 { margin-left: 16.666666666666664%; }
.col-lg-offset-1 { margin-left: 8.333333333333332%; }
.col-lg-offset-0 { margin-left: 0%; }
}
@media (min-width: 1400px) {
.col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 { float: left; }
.col-xl-12 { width: 100%; }
.col-xl-11 { width: 91.66666666666666%; }
.col-xl-10 { width: 83.33333333333334%; }
.col-xl-9 { width: 75%; }
.col-xl-8 { width: 66.66666666666666%; }
.col-xl-7 { width: 58.333333333333336%; }
.col-xl-6 { width: 50%; }
.col-xl-5 { width: 41.66666666666667%; }
.col-xl-4 { width: 33.33333333333333%; }
.col-xl-3 { width: 25%; }
.col-xl-2 { width: 16.666666666666664%; }
.col-xl-1 { width: 8.333333333333332%; }
.col-xl-pull-12 { right: 100%; }
.col-xl-pull-11 { right: 91.66666666666666%; }
.col-xl-pull-10 { right: 83.33333333333334%; }
.col-xl-pull-9 { right: 75%; }
.col-xl-pull-8 { right: 66.66666666666666%; }
.col-xl-pull-7 { right: 58.333333333333336%; }
.col-xl-pull-6 { right: 50%; }
.col-xl-pull-5 { right: 41.66666666666667%; }
.col-xl-pull-4 { right: 33.33333333333333%; }
.col-xl-pull-3 { right: 25%; }
.col-xl-pull-2 { right: 16.666666666666664%; }
.col-xl-pull-1 { right: 8.333333333333332%; }
.col-xl-pull-0 { right: auto; }
.col-xl-push-12 { left: 100%; }
.col-xl-push-11 { left: 91.66666666666666%; }
.col-xl-push-10 { left: 83.33333333333334%; }
.col-xl-push-9 { left: 75%; }
.col-xl-push-8 { left: 66.66666666666666%; }
.col-xl-push-7 { left: 58.333333333333336%; }
.col-xl-push-6 { left: 50%; }
.col-xl-push-5 { left: 41.66666666666667%; }
.col-xl-push-4 { left: 33.33333333333333%; }
.col-xl-push-3 { left: 25%; }
.col-xl-push-2 { left: 16.666666666666664%; }
.col-xl-push-1 { left: 8.333333333333332%; }
.col-xl-push-0 { left: auto; }
.col-xl-offset-12 { margin-left: 100%; }
.col-xl-offset-11 { margin-left: 91.66666666666666%; }
.col-xl-offset-10 { margin-left: 83.33333333333334%; }
.col-xl-offset-9 { margin-left: 75%; }
.col-xl-offset-8 { margin-left: 66.66666666666666%; }
.col-xl-offset-7 { margin-left: 58.333333333333336%; }
.col-xl-offset-6 { margin-left: 50%; }
.col-xl-offset-5 { margin-left: 41.66666666666667%; }
.col-xl-offset-4 { margin-left: 33.33333333333333%; }
.col-xl-offset-3 { margin-left: 25%; }
.col-xl-offset-2 { margin-left: 16.666666666666664%; }
.col-xl-offset-1 { margin-left: 8.333333333333332%; }
.col-xl-offset-0 { margin-left: 0%; }
}
/*===============================================
  Tables
================================================= */
table { background-color: transparent; }
th { text-align: left; }
.table { width: 100%; max-width: 100%; margin-bottom: 0; }
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { padding: 9px; line-height: 1.5; vertical-align: middle; border-top: 1px solid #eeeeee; }
.table > thead > tr > th { font-weight: 500; vertical-align: bottom; border-bottom: 1px solid #eeeeee; }
.table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > td { border-top: 0; }
.table > tbody + tbody { border-top: 2px solid #eeeeee; }
.table tbody > tr:first-child > td { border-top: 0; }
.table .table { margin-bottom: 0; background-color: #ffffff; }
.table-condensed > thead > tr > th, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > td { padding: 5px; }
.table-bordered { border: 1px solid #eeeeee; }
.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td { border: 1px solid #eeeeee; }
.table-bordered > thead > tr > th, .table-bordered > thead > tr > td { border-bottom-width: 2px; }
.table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th { background-color: #f9f9f9; }
.table-hover > tbody > tr:hover > td, .table-hover > tbody > tr:hover > th { background-color: #f5f5f5; }
.table-curved > tbody > tr > td:first-child { border-radius: 4px 0 0 4px; }
.table-curved > tbody > tr > td:last-child { border-radius: 0 4px 4px 0; }
table col[class*="col-"] { position: static; float: none; display: table-column; }
table td[class*="col-"], table th[class*="col-"] { position: static; float: none; display: table-cell; }
.table > thead > tr > td.active, .table > tbody > tr > td.active, .table > tfoot > tr > td.active, .table > thead > tr > th.active, .table > tbody > tr > th.active, .table > tfoot > tr > th.active, .table > thead > tr.active > td, .table > tbody > tr.active > td, .table > tfoot > tr.active > td, .table > thead > tr.active > th, .table > tbody > tr.active > th, .table > tfoot > tr.active > th { color: #a9a9a9; border-color: #ffffff; background-color: #ffffff; }
.table-hover > tbody > tr > td.active:hover, .table-hover > tbody > tr > th.active:hover, .table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr:hover > .active, .table-hover > tbody > tr.active:hover > th { background-color: #ffffff; }
.table > thead > tr > td.default, .table > tbody > tr > td.default, .table > tfoot > tr > td.default, .table > thead > tr > th.default, .table > tbody > tr > th.default, .table > tfoot > tr > th.default, .table > thead > tr.default > td, .table > tbody > tr.default > td, .table > tfoot > tr.default > td, .table > thead > tr.default > th, .table > tbody > tr.default > th, .table > tfoot > tr.default > th { color: #b3b3b3; border-color: #ffffff; background-color: #ffffff; }
.table-hover > tbody > tr > td.default:hover, .table-hover > tbody > tr > th.default:hover, .table-hover > tbody > tr.default:hover > td, .table-hover > tbody > tr:hover > .default, .table-hover > tbody > tr.default:hover > th { background-color: #ffffff; }
.table > thead > tr > td.primary, .table > tbody > tr > td.primary, .table > tfoot > tr > td.primary, .table > thead > tr > th.primary, .table > tbody > tr > th.primary, .table > tfoot > tr > th.primary, .table > thead > tr.primary > td, .table > tbody > tr.primary > td, .table > tfoot > tr.primary > td, .table > thead > tr.primary > th, .table > tbody > tr.primary > th, .table > tfoot > tr.primary > th { color: #1f57a1; border-color: #97bbeb; background-color: #caddf5; }
.table-hover > tbody > tr > td.primary:hover, .table-hover > tbody > tr > th.primary:hover, .table-hover > tbody > tr.primary:hover > td, .table-hover > tbody > tr:hover > .primary, .table-hover > tbody > tr.primary:hover > th { background-color: #dbe8f8; }
.table > thead > tr > td.success, .table > tbody > tr > td.success, .table > tfoot > tr > td.success, .table > thead > tr > th.success, .table > tbody > tr > th.success, .table > tfoot > tr > th.success, .table > thead > tr.success > td, .table > tbody > tr.success > td, .table > tfoot > tr.success > td, .table > thead > tr.success > th, .table > tbody > tr.success > th, .table > tfoot > tr.success > th { color: #3f9532; border-color: #afe1a8; background-color: #d9f1d5; }
.table-hover > tbody > tr > td.success:hover, .table-hover > tbody > tr > th.success:hover, .table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr:hover > .success, .table-hover > tbody > tr.success:hover > th { background-color: #e7f6e4; }
.table > thead > tr > td.info, .table > tbody > tr > td.info, .table > tfoot > tr > td.info, .table > thead > tr > th.info, .table > tbody > tr > th.info, .table > tfoot > tr > th.info, .table > thead > tr.info > td, .table > tbody > tr.info > td, .table > tfoot > tr.info > td, .table > thead > tr.info > th, .table > tbody > tr.info > th, .table > tfoot > tr.info > th { color: #1c7393; border-color: #88cfe9; background-color: #bce4f2; }
.table-hover > tbody > tr > td.info:hover, .table-hover > tbody > tr > th.info:hover, .table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr:hover > .info, .table-hover > tbody > tr.info:hover > th { background-color: #cdebf6; }
.table > thead > tr > td.warning, .table > tbody > tr > td.warning, .table > tfoot > tr > td.warning, .table > thead > tr > th.warning, .table > tbody > tr > th.warning, .table > tfoot > tr > th.warning, .table > thead > tr.warning > td, .table > tbody > tr.warning > td, .table > tfoot > tr.warning > td, .table > thead > tr.warning > th, .table > tbody > tr.warning > th, .table > tfoot > tr.warning > th { color: #c88a0a; border-color: #fadb9a; background-color: #fdf0d4; }
.table-hover > tbody > tr > td.warning:hover, .table-hover > tbody > tr > th.warning:hover, .table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr:hover > .warning, .table-hover > tbody > tr.warning:hover > th { background-color: #fef7e8; }
.table > thead > tr > td.danger, .table > tbody > tr > td.danger, .table > tfoot > tr > td.danger, .table > thead > tr > th.danger, .table > tbody > tr > th.danger, .table > tfoot > tr > th.danger, .table > thead > tr.danger > td, .table > tbody > tr.danger > td, .table > tfoot > tr.danger > td, .table > thead > tr.danger > th, .table > tbody > tr.danger > th, .table > tfoot > tr.danger > th { color: #bc2d16; border-color: #f4ab9f; background-color: #fadbd6; }
.table-hover > tbody > tr > td.danger:hover, .table-hover > tbody > tr > th.danger:hover, .table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr:hover > .danger, .table-hover > tbody > tr.danger:hover > th { background-color: #fcebe8; }
.table > thead > tr > td.alert, .table > tbody > tr > td.alert, .table > tfoot > tr > td.alert, .table > thead > tr > th.alert, .table > tbody > tr > th.alert, .table > tfoot > tr > th.alert, .table > thead > tr.alert > td, .table > tbody > tr.alert > td, .table > tfoot > tr.alert > td, .table > thead > tr.alert > th, .table > tbody > tr.alert > th, .table > tfoot > tr.alert > th { color: #542fb2; border-color: #c6b7ec; background-color: #ece7f9; }
.table-hover > tbody > tr > td.alert:hover, .table-hover > tbody > tr > th.alert:hover, .table-hover > tbody > tr.alert:hover > td, .table-hover > tbody > tr:hover > .alert, .table-hover > tbody > tr.alert:hover > th { background-color: #f9f7fd; }
.table > thead > tr > td.system, .table > tbody > tr > td.system, .table > tfoot > tr > td.system, .table > thead > tr > th.system, .table > tbody > tr > th.system, .table > tfoot > tr > th.system, .table > thead > tr.system > td, .table > tbody > tr.system > td, .table > tfoot > tr.system > td, .table > thead > tr.system > th, .table > tbody > tr.system > th, .table > tfoot > tr.system > th { color: #206d5a; border-color: #77d7c0; background-color: #a7e5d6; }
.table-hover > tbody > tr > td.system:hover, .table-hover > tbody > tr > th.system:hover, .table-hover > tbody > tr.system:hover > td, .table-hover > tbody > tr:hover > .system, .table-hover > tbody > tr.system:hover > th { background-color: #b7eadd; }
.table > thead > tr > td.dark, .table > tbody > tr > td.dark, .table > tfoot > tr > td.dark, .table > thead > tr > th.dark, .table > tbody > tr > th.dark, .table > tfoot > tr > th.dark, .table > thead > tr.dark > td, .table > tbody > tr.dark > td, .table > tfoot > tr.dark > td, .table > thead > tr.dark > th, .table > tbody > tr.dark > th, .table > tfoot > tr.dark > th { color: #3b3f4f; border-color: #999eb3; background-color: #bcbfcd; }
.table-hover > tbody > tr > td.dark:hover, .table-hover > tbody > tr > th.dark:hover, .table-hover > tbody > tr.dark:hover > td, .table-hover > tbody > tr:hover > .dark, .table-hover > tbody > tr.dark:hover > th { background-color: #c8cbd6; }
.table > thead > tr > td.default, .table > tbody > tr > td.default, .table > tfoot > tr > td.default, .table > thead > tr > th.default, .table > tbody > tr > th.default, .table > tfoot > tr > th.default, .table > thead > tr.default > td, .table > tbody > tr.default > td, .table > tfoot > tr.default > td, .table > thead > tr.default > th, .table > tbody > tr.default > th, .table > tfoot > tr.default > th { color: #777; border-color: #ddd; background-color: #f0f0f0; }
.table-hover > tbody > tr > td.default:hover, .table-hover > tbody > tr > th.default:hover, .table-hover > tbody > tr.default:hover > td, .table-hover > tbody > tr:hover > .default, .table-hover > tbody > tr.default:hover > th { background-color: #fcfcfc; }
@media screen and (max-width: 767px) {
.table-responsive { width: 100%; margin-bottom: 14.25px; overflow-y: hidden; overflow-x: auto; -ms-overflow-style: -ms-autohiding-scrollbar; border: 1px solid #eeeeee; -webkit-overflow-scrolling: touch; }
.table-responsive > .table { margin-bottom: 0; }
.table-responsive > .table > thead > tr > th, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > td { white-space: nowrap; }
.table-responsive > .table-bordered { border: 0; }
.table-responsive > .table-bordered > thead > tr > th:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tfoot > tr > th:first-child, .table-responsive > .table-bordered > thead > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > td:first-child { border-left: 0; }
.table-responsive > .table-bordered > thead > tr > th:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > td:last-child { border-right: 0; }
.table-responsive > .table-bordered > tbody > tr:last-child > th, .table-responsive > .table-bordered > tfoot > tr:last-child > th, .table-responsive > .table-bordered > tbody > tr:last-child > td, .table-responsive > .table-bordered > tfoot > tr:last-child > td { border-bottom: 0; }
}
/*==================================================
  Forms
==================================================== */
/*fieldset {
  padding: 0;
  margin: 0;
  border: 0;
  min-width: 0;
}*/
legend { display: block; width: 100%; padding: 0; margin-bottom: 19px; font-size: 19.5px; line-height: inherit; color: #333333; border: 0; border-bottom: 1px solid #e5e5e5; }
label { display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: 600; }
input[type="search"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
input[type="radio"], input[type="checkbox"] { margin: 4px 0 0; margin-top: 1px \9; line-height: normal; }
input[type="file"] { display: block; }
input[type="range"] { display: block; width: 100%; }
select[multiple], select[size] { height: auto; }
input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus { outline: 0; outline-offset: -2px; }
output { display: block; padding-top: 10px; font-size: 13px; line-height: 1.5; color: #555555; }
.form-control { /*display: block;*/ width: 100%; height: 39px; padding: 9px 12px; font-size: 13px; line-height: 1.5; color: #555555; background-color: #ffffff; background-image: none; border: 1px solid #dddddd; border-radius: 0px; -webkit-transition: border-color ease-in-out .15s; -o-transition: border-color ease-in-out .15s; transition: border-color ease-in-out .15s; }
.form-control:focus { border-color: #75a5e4; outline: 0; }
.form-control::-moz-placeholder {
 color: #777777;
 opacity: 1;
}
.form-control:-ms-input-placeholder {
 color: #777777;
}
.form-control::-webkit-input-placeholder {
 color: #777777;
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { cursor: not-allowed; background-color: #fafafa; opacity: 1; }
textarea.form-control { height: auto; }
textarea.form-control { resize: vertical; }
textarea.textarea-grow { height: 39px; resize: none; }
textarea.textarea-grow:focus { height: auto; resize: vertical; }
.input-hero .form-control { padding: 14px 25px; height: 60px; background: #f9f9f9; border: 1px solid #DDD; font-size: 16px; border-radius: 3px; }
input[type="search"] { -webkit-appearance: none; }
input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] { line-height: 39px; line-height: 1.5 \0; }
input[type="date"].input-sm, input[type="time"].input-sm, input[type="datetime-local"].input-sm, input[type="month"].input-sm { line-height: 30px; }
input[type="date"].input-lg, input[type="time"].input-lg, input[type="datetime-local"].input-lg, input[type="month"].input-lg { line-height: 45px; }
.form-group { margin-bottom: 15px; }
.radio, .checkbox { position: relative; display: block; min-height: 19px; margin-top: 10px; margin-bottom: 10px; }
.radio label, .checkbox label { padding-left: 20px; margin-bottom: 0; font-weight: normal; cursor: pointer; }
.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] { position: absolute; margin-left: -20px; margin-top: 4px \9; }
.radio + .radio, .checkbox + .checkbox { margin-top: -5px; }
.radio-inline, .checkbox-inline { display: inline-block; padding-left: 20px; margin-bottom: 0; vertical-align: middle; font-weight: normal; cursor: pointer; }
.radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline { margin-top: 0; margin-left: 10px; }
input[type="radio"][disabled], input[type="checkbox"][disabled], input[type="radio"].disabled, input[type="checkbox"].disabled, fieldset[disabled] input[type="radio"], fieldset[disabled] input[type="checkbox"] { cursor: not-allowed; }
.radio-inline.disabled, .checkbox-inline.disabled, fieldset[disabled] .radio-inline, fieldset[disabled] .checkbox-inline { cursor: not-allowed; }
.radio.disabled label, .checkbox.disabled label, fieldset[disabled] .radio label, fieldset[disabled] .checkbox label { cursor: not-allowed; }
.form-control-static { padding-top: 10px; padding-bottom: 10px; margin-bottom: 0; }
.form-control-static.input-lg, .form-control-static.input-sm { padding-left: 0; padding-right: 0; }
.input-sm, .form-horizontal .form-group-sm .form-control { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 0px; }
select.input-sm { height: 30px; line-height: 30px; }
textarea.input-sm, select[multiple].input-sm { height: auto; }
.input-lg, .form-horizontal .form-group-lg .form-control { height: 45px; padding: 10px 16px; font-size: 17px; line-height: 1.33; border-radius: 3px; }
select.input-lg { height: 45px; line-height: 45px; }
textarea.input-lg, select[multiple].input-lg { height: auto; }
.has-feedback { position: relative; }
.has-feedback .form-control { padding-right: 48.75px; }
.form-control-feedback { position: absolute; top: 24px; right: 0; z-index: 2; display: block; width: 39px; height: 39px; line-height: 39px; text-align: center; }
.input-lg + .form-control-feedback { width: 45px; height: 45px; line-height: 45px; }
.input-sm + .form-control-feedback { width: 30px; height: 30px; line-height: 30px; }
.has-primary .help-block, .has-primary .control-label, .has-primary .radio, .has-primary .checkbox, .has-primary .radio-inline, .has-primary .checkbox-inline, .has-primary .append-icon { color: #4a89dc; }
.has-primary .form-control { border-color: #75a5e4; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
.has-primary .form-control:focus { border-color: #276ecc; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.025), 0 0 3px #9fc1ed; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.025), 0 0 3px #9fc1ed; }
.has-primary .input-group-addon { color: #4a89dc; border-color: #4a89dc; background-color: #75a5e4; }
.has-primary .form-control-feedback { color: #4a89dc; }
.has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline, .has-success .append-icon { color: #70ca63; }
.has-success .form-control { border-color: #93d789; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
.has-success .form-control:focus { border-color: #4fbb3f; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.025), 0 0 3px #b6e4af; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.025), 0 0 3px #b6e4af; }
.has-success .input-group-addon { color: #70ca63; border-color: #70ca63; background-color: #93d789; }
.has-success .form-control-feedback { color: #70ca63; }
.has-info .help-block, .has-info .control-label, .has-info .radio, .has-info .checkbox, .has-info .radio-inline, .has-info .checkbox-inline, .has-info .append-icon { color: #3bafda; }
.has-info .form-control { border-color: #66c1e2; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
.has-info .form-control:focus { border-color: #2494be; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.025), 0 0 3px #91d2ea; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.025), 0 0 3px #91d2ea; }
.has-info .input-group-addon { color: #3bafda; border-color: #3bafda; background-color: #66c1e2; }
.has-info .form-control-feedback { color: #3bafda; }
.has-warning .help-block, .has-warning .control-label, .has-warning .radio, .has-warning .checkbox, .has-warning .radio-inline, .has-warning .checkbox-inline, .has-warning .append-icon { color: #f6bb42; }
.has-warning .form-control { border-color: #f8cd73; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
.has-warning .form-control:focus { border-color: #f4a911; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.025), 0 0 3px #fbdea3; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.025), 0 0 3px #fbdea3; }
.has-warning .input-group-addon { color: #f6bb42; border-color: #f6bb42; background-color: #f8cd73; }
.has-warning .form-control-feedback { color: #f6bb42; }
.has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error .append-icon { color: #e9573f; }
.has-error .form-control { border-color: #ee7f6d; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
.has-error .form-control:focus { border-color: #dc3519; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.025), 0 0 3px #f3a79b; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.025), 0 0 3px #f3a79b; }
.has-error .input-group-addon { color: #e9573f; border-color: #e9573f; background-color: #f08b7a; }
.has-error .form-control-feedback { color: #e9573f; }
.has-alert .help-block, .has-alert .control-label, .has-alert .radio, .has-alert .checkbox, .has-alert .radio-inline, .has-alert .checkbox-inline, .has-alert .append-icon { color: #967adc; }
.has-alert .form-control { border-color: #b6a2e7; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
.has-alert .form-control:focus { border-color: #7652d1; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.025), 0 0 3px #d6cbf1; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.025), 0 0 3px #d6cbf1; }
.has-alert .input-group-addon { color: #967adc; border-color: #967adc; background-color: #ac96e3; }
.has-alert .form-control-feedback { color: #967adc; }
.has-system .help-block, .has-system .control-label, .has-system .radio, .has-system .checkbox, .has-system .radio-inline, .has-system .checkbox-inline, .has-system .append-icon { color: #37bc9b; }
.has-system .form-control { border-color: #58ceb1; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
.has-system .form-control:focus { border-color: #2b957a; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.025), 0 0 3px #7fdac3; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.025), 0 0 3px #7fdac3; }
.has-system .input-group-addon { color: #37bc9b; border-color: #37bc9b; background-color: #58ceb1; }
.has-system .form-control-feedback { color: #37bc9b; }
.has-feedback label.sr-only ~ .form-control-feedback { top: 0; }
.help-block { display: block; margin-top: 5px; margin-bottom: 10px; color: #a6a6a6; }
@media (min-width: 768px) {
.form-inline .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle; }
.form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; }
.form-inline .input-group { display: inline-table; vertical-align: middle; }
.form-inline .input-group .input-group-addon, .form-inline .input-group .input-group-btn, .form-inline .input-group .form-control { width: auto; }
.form-inline .input-group > .form-control { width: 100%; }
.form-inline .control-label { margin-bottom: 0; vertical-align: middle; }
.form-inline .radio, .form-inline .checkbox { display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle; }
.form-inline .radio label, .form-inline .checkbox label { padding-left: 0; }
.form-inline .radio input[type="radio"], .form-inline .checkbox input[type="checkbox"] { position: relative; margin-left: 0; }
.form-inline .has-feedback .form-control-feedback { top: 0; }
}
.form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline { margin-top: 0; margin-bottom: 0; padding-top: 10px; }
.form-horizontal .radio, .form-horizontal .checkbox { min-height: 29px; }
.form-horizontal .form-group { margin-left: -11px; margin-right: -11px; }
@media (min-width: 768px) {
.form-horizontal .control-label { text-align: right; margin-bottom: 0; padding-top: 10px; }
}
.form-horizontal .has-feedback .form-control-feedback { top: 0; right: 11px; }
@media (min-width: 768px) {
.form-horizontal .form-group-lg .control-label { padding-top: 14.3px; }
}
@media (min-width: 768px) {
.form-horizontal .form-group-sm .control-label { padding-top: 6px; }
}
/*===============================================
  B. Form Groups 
================================================= */
.form-bordered .form-group { border-bottom: 1px solid #f2f2f2; padding-bottom: 18px; margin-bottom: 18px; }
.form-bordered .form-group:last-child { border-bottom: none; padding-bottom: 0; margin-bottom: 0; }
/*===============================================
  B. Field Icons and Addons
================================================= */
.append-icon { position: absolute; left: 23px; top: 8px; font-size: 14px; }
.append-icon.right { left: auto; right: 23px; }
.append-icon + input.form-control { padding-right: 40px; }
/* Input Addon */
.input-group-addon { color: #4a89dc; background-color: #fafafa; border-color: #DDD; }
/*==================================================
  Buttons
==================================================== */
.btn { display: inline-block; margin-bottom: 0; font-weight: normal; text-align: center; vertical-align: middle; cursor: pointer; background-image: none; border: 1px solid transparent; border-color: rgba(0, 0, 0, 0); white-space: nowrap; padding: 9px 12px; font-size: 13px; line-height: 1.5; border-radius: 0px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.btn:focus, .btn:active:focus, .btn.active:focus { outline: 0; outline-offset: -2px; }
.btn:hover, .btn:focus { color: #666666; text-decoration: none; }
.btn:active, .btn.active { outline: 0; background-image: none; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }
.btn.disabled, .btn[disabled], fieldset[disabled] .btn { cursor: not-allowed; pointer-events: none; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; }
.btn.btn-gradient { text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4); border-color: rgba(0, 0, 0, 0.07) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.18); -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2); background-repeat: repeat-x; background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3) 1%, rgba(255, 255, 255, 0.15) 100%); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3) 1%, rgba(255, 255, 255, 0.15) 100%); }
.btn.btn-rounded { border-radius: 20px; }
.btn-default { color: #666666; background-color: #f0f0f0; border-color: rgba(0, 0, 0, 0.1); }
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default { color: #666666; background-color: #eaeaea; }
.btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default { background-image: none; }
.btn-default.disabled, .btn-default[disabled], fieldset[disabled] .btn-default, .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled:active, .btn-default[disabled]:active, fieldset[disabled] .btn-default:active, .btn-default.disabled.active, .btn-default[disabled].active, fieldset[disabled] .btn-default.active { background-color: #f0f0f0; border-color: #dddddd; }
.btn-default .badge { color: #f0f0f0; background-color: #666666; }
.btn-default.btn-gradient { text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.4); background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.9) 10%, rgba(255, 255, 255, 0.3) 100%); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9) 10%, rgba(255, 255, 255, 0.3) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80ffffff', endColorstr='#00ffffff', GradientType=0);
}
.btn-default.light { background-color: #FAFAFA; }
.btn-default.light:hover, .btn-default.light:focus, .btn-default.light:active, .btn-default.light.active, .open > .dropdown-toggle.btn-default.light { background-color: #ececec; }
.btn-default.dark { background-color: #e8e8e8; }
.btn-default.dark:hover, .btn-default.dark:focus, .btn-default.dark:active, .btn-default.dark.active, .open > .dropdown-toggle.btn-default.dark { background-color: #e1e1e1; }
.btn-primary { color: #ffffff; background-color: #4a89dc; }
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary { color: #ffffff; background-color: #2a74d6; border-color: rgba(0, 0, 0, 0.05); }
.btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary { background-image: none; }
.btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active { background-color: #4a89dc; border-color: #4a89dc; }
.btn-primary .badge { color: #4a89dc; background-color: #ffffff; }
.btn-primary.light { background-color: #649ae1; }
.btn-primary.light:hover, .btn-primary.light:focus, .btn-primary.light:active, .btn-primary.light.active, .open > .dropdown-toggle.btn-primary.light { background-color: #3078d7; }
.btn-primary.dark { background-color: #3078d7; }
.btn-primary.dark:hover, .btn-primary.dark:focus, .btn-primary.dark:active, .btn-primary.dark.active, .open > .dropdown-toggle.btn-primary.dark { background-color: #266ac3; }
.btn-success { color: #ffffff; background-color: #70ca63; }
.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success { color: #ffffff; background-color: #56c046; border-color: rgba(0, 0, 0, 0.05); }
.btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success { background-image: none; }
.btn-success.disabled, .btn-success[disabled], fieldset[disabled] .btn-success, .btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus, .btn-success.disabled:active, .btn-success[disabled]:active, fieldset[disabled] .btn-success:active, .btn-success.disabled.active, .btn-success[disabled].active, fieldset[disabled] .btn-success.active { background-color: #70ca63; border-color: #70ca63; }
.btn-success .badge { color: #70ca63; background-color: #ffffff; }
.btn-success.light { background-color: #85d27a; }
.btn-success.light:hover, .btn-success.light:focus, .btn-success.light:active, .btn-success.light.active, .open > .dropdown-toggle.btn-success.light { background-color: #5bc24c; }
.btn-success.dark { background-color: #5bc24c; }
.btn-success.dark:hover, .btn-success.dark:focus, .btn-success.dark:active, .btn-success.dark.active, .open > .dropdown-toggle.btn-success.dark { background-color: #4cb33d; }
.btn-info { color: #ffffff; background-color: #3bafda; }
.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info { color: #ffffff; background-color: #269dc9; border-color: rgba(0, 0, 0, 0.05); }
.btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info { background-image: none; }
.btn-info.disabled, .btn-info[disabled], fieldset[disabled] .btn-info, .btn-info.disabled:hover, .btn-info[disabled]:hover, fieldset[disabled] .btn-info:hover, .btn-info.disabled:focus, .btn-info[disabled]:focus, fieldset[disabled] .btn-info:focus, .btn-info.disabled:active, .btn-info[disabled]:active, fieldset[disabled] .btn-info:active, .btn-info.disabled.active, .btn-info[disabled].active, fieldset[disabled] .btn-info.active { background-color: #3bafda; border-color: #3bafda; }
.btn-info .badge { color: #3bafda; background-color: #ffffff; }
.btn-info.light { background-color: #55badf; }
.btn-info.light:hover, .btn-info.light:focus, .btn-info.light:active, .btn-info.light.active, .open > .dropdown-toggle.btn-info.light { background-color: #27a2cf; }
.btn-info.dark { background-color: #27a2cf; }
.btn-info.dark:hover, .btn-info.dark:focus, .btn-info.dark:active, .btn-info.dark.active, .open > .dropdown-toggle.btn-info.dark { background-color: #228eb6; }
.btn-warning { color: #ffffff; background-color: #f6bb42; }
.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning { color: #ffffff; background-color: #f4ae1d; border-color: rgba(0, 0, 0, 0.05); }
.btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning { background-image: none; }
.btn-warning.disabled, .btn-warning[disabled], fieldset[disabled] .btn-warning, .btn-warning.disabled:hover, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning:hover, .btn-warning.disabled:focus, .btn-warning[disabled]:focus, fieldset[disabled] .btn-warning:focus, .btn-warning.disabled:active, .btn-warning[disabled]:active, fieldset[disabled] .btn-warning:active, .btn-warning.disabled.active, .btn-warning[disabled].active, fieldset[disabled] .btn-warning.active { background-color: #f6bb42; border-color: #f6bb42; }
.btn-warning .badge { color: #f6bb42; background-color: #ffffff; }
.btn-warning.light { background-color: #f7c65f; }
.btn-warning.light:hover, .btn-warning.light:focus, .btn-warning.light:active, .btn-warning.light.active, .open > .dropdown-toggle.btn-warning.light { background-color: #f5b025; }
.btn-warning.dark { background-color: #f5b025; }
.btn-warning.dark:hover, .btn-warning.dark:focus, .btn-warning.dark:active, .btn-warning.dark.active, .open > .dropdown-toggle.btn-warning.dark { background-color: #efa50b; }
.btn-danger { color: #ffffff; background-color: #e9573f; }
.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger { color: #ffffff; background-color: #e5391d; border-color: rgba(0, 0, 0, 0.05); }
.btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger { background-image: none; }
.btn-danger.disabled, .btn-danger[disabled], fieldset[disabled] .btn-danger, .btn-danger.disabled:hover, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger:hover, .btn-danger.disabled:focus, .btn-danger[disabled]:focus, fieldset[disabled] .btn-danger:focus, .btn-danger.disabled:active, .btn-danger[disabled]:active, fieldset[disabled] .btn-danger:active, .btn-danger.disabled.active, .btn-danger[disabled].active, fieldset[disabled] .btn-danger.active { background-color: #e9573f; border-color: #e9573f; }
.btn-danger .badge { color: #e9573f; background-color: #ffffff; }
.btn-danger.light { background-color: #ec6f5a; }
.btn-danger.light:hover, .btn-danger.light:focus, .btn-danger.light:active, .btn-danger.light.active, .open > .dropdown-toggle.btn-danger.light { background-color: #e63f24; }
.btn-danger.dark { background-color: #e63f24; }
.btn-danger.dark:hover, .btn-danger.dark:focus, .btn-danger.dark:active, .btn-danger.dark.active, .open > .dropdown-toggle.btn-danger.dark { background-color: #d33218; }
.btn-alert { color: #ffffff; background-color: #967adc; }
.btn-alert:hover, .btn-alert:focus, .btn-alert:active, .btn-alert.active, .open > .dropdown-toggle.btn-alert { color: #ffffff; background-color: #7e5cd4; border-color: rgba(0, 0, 0, 0.05); }
.btn-alert:active, .btn-alert.active, .open > .dropdown-toggle.btn-alert { background-image: none; }
.btn-alert.disabled, .btn-alert[disabled], fieldset[disabled] .btn-alert, .btn-alert.disabled:hover, .btn-alert[disabled]:hover, fieldset[disabled] .btn-alert:hover, .btn-alert.disabled:focus, .btn-alert[disabled]:focus, fieldset[disabled] .btn-alert:focus, .btn-alert.disabled:active, .btn-alert[disabled]:active, fieldset[disabled] .btn-alert:active, .btn-alert.disabled.active, .btn-alert[disabled].active, fieldset[disabled] .btn-alert.active { background-color: #967adc; border-color: #967adc; }
.btn-alert .badge { color: #967adc; background-color: #ffffff; }
.btn-alert.light { background-color: #a992e2; }
.btn-alert.light:hover, .btn-alert.light:focus, .btn-alert.light:active, .btn-alert.light.active, .open > .dropdown-toggle.btn-alert.light { background-color: #8362d6; }
.btn-alert.dark { background-color: #8362d6; }
.btn-alert.dark:hover, .btn-alert.dark:focus, .btn-alert.dark:active, .btn-alert.dark.active, .open > .dropdown-toggle.btn-alert.dark { background-color: #704acf; }
.btn-system { color: #ffffff; background-color: #37bc9b; }
.btn-system:hover, .btn-system:focus, .btn-system:active, .btn-system.active, .open > .dropdown-toggle.btn-system { color: #ffffff; background-color: #2e9e83; border-color: rgba(0, 0, 0, 0.05); }
.btn-system:active, .btn-system.active, .open > .dropdown-toggle.btn-system { background-image: none; }
.btn-system.disabled, .btn-system[disabled], fieldset[disabled] .btn-system, .btn-system.disabled:hover, .btn-system[disabled]:hover, fieldset[disabled] .btn-system:hover, .btn-system.disabled:focus, .btn-system[disabled]:focus, fieldset[disabled] .btn-system:focus, .btn-system.disabled:active, .btn-system[disabled]:active, fieldset[disabled] .btn-system:active, .btn-system.disabled.active, .btn-system[disabled].active, fieldset[disabled] .btn-system.active { background-color: #37bc9b; border-color: #37bc9b; }
.btn-system .badge { color: #37bc9b; background-color: #ffffff; }
.btn-system.light { background-color: #48c9a9; }
.btn-system.light:hover, .btn-system.light:focus, .btn-system.light:active, .btn-system.light.active, .open > .dropdown-toggle.btn-system.light { background-color: #30a487; }
.btn-system.dark { background-color: #30a487; }
.btn-system.dark:hover, .btn-system.dark:focus, .btn-system.dark:active, .btn-system.dark.active, .open > .dropdown-toggle.btn-system.dark { background-color: #298d74; }
.btn-dark { color: #ffffff; background-color: #3b3f4f; }
.btn-dark:hover, .btn-dark:focus, .btn-dark:active, .btn-dark.active, .open > .dropdown-toggle.btn-dark { color: #ffffff; background-color: #2b2e39; border-color: rgba(0, 0, 0, 0.05); }
.btn-dark:active, .btn-dark.active, .open > .dropdown-toggle.btn-dark { background-image: none; }
.btn-dark.disabled, .btn-dark[disabled], fieldset[disabled] .btn-dark, .btn-dark.disabled:hover, .btn-dark[disabled]:hover, fieldset[disabled] .btn-dark:hover, .btn-dark.disabled:focus, .btn-dark[disabled]:focus, fieldset[disabled] .btn-dark:focus, .btn-dark.disabled:active, .btn-dark[disabled]:active, fieldset[disabled] .btn-dark:active, .btn-dark.disabled.active, .btn-dark[disabled].active, fieldset[disabled] .btn-dark.active { background-color: #3b3f4f; border-color: #3b3f4f; }
.btn-dark .badge { color: #3b3f4f; background-color: #ffffff; }
.btn-dark.light { background-color: #484d61; }
.btn-dark.light:hover, .btn-dark.light:focus, .btn-dark.light:active, .btn-dark.light.active, .open > .dropdown-toggle.btn-dark.light { background-color: #2e313d; }
.btn-dark.dark { background-color: #2e313d; }
.btn-dark.dark:hover, .btn-dark.dark:focus, .btn-dark.dark:active, .btn-dark.dark.active, .open > .dropdown-toggle.btn-dark.dark { background-color: #21232c; }
.btn-link { color: #4a89dc; font-weight: normal; cursor: pointer; border-radius: 0; }
.btn-link, .btn-link:active, .btn-link[disabled], fieldset[disabled] .btn-link { background-color: transparent; -webkit-box-shadow: none; box-shadow: none; }
.btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active { border-color: transparent; }
.btn-link:hover, .btn-link:focus { color: #2363b6; text-decoration: underline; background-color: transparent; }
.btn-link[disabled]:hover, fieldset[disabled] .btn-link:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:focus { color: #777777; text-decoration: none; }
.btn-lg, .btn-group-lg > .btn { padding: 10px 16px; font-size: 17px; line-height: 1.33; border-radius: 3px; }
.btn-sm, .btn-group-sm > .btn { padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 0px; }
.btn-xs, .btn-group-xs > .btn { padding: 1px 5px; font-size: 12px; line-height: 1.5; border-radius: 0px; }
.btn-block { display: block; width: 100%; }
.btn-block + .btn-block { margin-top: 5px; }
input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block { width: 100%; }
.btn.btn-alt { position: relative; padding: 7px 11px; margin: 5px 3px; color: #999; font-size: 11px; font-weight: 600; text-decoration: none; background-color: #fbfbfb; border-radius: 1px; border: 1px solid #EEE; border-left: 4px solid #EEE; -webkit-transition: opacity 0.1s ease; transition: opacity 0.1s ease; }
.btn.btn-alt.item-active, .btn.btn-alt:hover, .btn.btn-alt:hover { color: #666; background-color: #fefefe; }
.btn.btn-alt.btn-gradient { background-color: #f0f0f0; text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.4); -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2); background-repeat: repeat-x; background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.9) 10%, rgba(255, 255, 255, 0.3) 100%); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9) 10%, rgba(255, 255, 255, 0.3) 100%); border-color: rgba(0, 0, 0, 0.07) rgba(0, 0, 0, 0.08) rgba(0, 0, 0, 0.14); border-left: 4px solid #DDD; }
.btn.btn-alt.btn-gradient:hover, .btn.btn-alt.btn-gradient:hover { background-color: #eee; }
.btn.btn-alt.btn-default { border-left-color: #AAA; }
.btn.btn-alt.btn-primary { border-left-color: #4a89dc; }
.btn.btn-alt.btn-success { border-left-color: #70ca63; }
.btn.btn-alt.btn-info { border-left-color: #3bafda; }
.btn.btn-alt.btn-warning { border-left-color: #f6bb42; }
.btn.btn-alt.btn-danger { border-left-color: #e9573f; }
.btn.btn-alt.btn-alert { border-left-color: #967adc; }
.btn.btn-alt.btn-system { border-left-color: #37bc9b; }
.btn.btn-alt.btn-dark { border-left-color: #3b3f4f; }
.btn.btn-alt.item-checked { opacity: 1; color: #666; border-left-color: #70ca63 !important; transition: all 0.2s ease; }
.alt-btns-hover .btn.btn-alt { opacity: 0.5; }
.alt-btns-hover .btn.btn-alt:hover, .alt-btns-hover .btn.btn-alt.item-active { opacity: 1; }
.holder-style { display: block; padding: 9px 16px; color: #AAA; background-color: #f1f1f1; outline: 2px dashed #d9d9d9; border: 0; -webkit-transition: all 0.15s ease; -moz-transition: all 0.15s ease; transition: all 0.15s ease; }
.holder-style:hover, .holder-style:focus { cursor: pointer; color: #777; background-color: #EEE; outline: 2px dashed #aaa; border: 0; text-decoration: none; }
.holder-style.holder-active { background-color: #FFF; outline-color: #70ca63; }
.holder-style .holder-icon { color: #AAA; font-size: 30px; padding-bottom: 10px; }
.holder-style:hover .holder-icon, .holder-style:focus .holder-icon, .holder-style.holder-active .holder-icon { color: #70ca63; }
/*==================================================
  Component Animations
==================================================== */
.fade { opacity: 0; -webkit-transition: opacity 0.15s linear; -o-transition: opacity 0.15s linear; transition: opacity 0.15s linear; }
.fade.in { opacity: 1; }
.collapse { display: none; }
.collapse.in { display: block; }
tr.collapse.in { display: table-row; }
tbody.collapse.in { display: table-row-group; }
.collapsing { position: relative; height: 0; overflow: hidden; -webkit-transition: height 0.35s ease; -o-transition: height 0.35s ease; transition: height 0.35s ease; }
/*==================================================
  Dropdown menus
==================================================== */
.caret { display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px solid; border-right: 4px solid transparent; border-left: 4px solid transparent; }
.caret.caret-tp { border-top-color: rgba(0, 0, 0, 0.2); }
.caret.caret-xs { border-width: 2px; }
.caret.caret-sm { border-width: 3px; }
.caret.caret-lg { border-width: 5px; }
.dropdown { position: relative; }
.dropdown-menu.dropdown-sm { min-width: 120px; }
.dropdown-menu.dropdown-sm li { margin-bottom: 0; }
.dropdown-menu.dropdown-sm li a { font-size: 13px; padding: 2px 12px; }
.dropdown-toggle:focus { outline: 0; }
.dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; list-style: none; font-size: 13px; text-align: left; background-color: #ffffff; border: 1px solid #cccccc; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 1px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); background-clip: padding-box; }
.dropdown-menu.pull-right { right: 0; left: auto; }
.dropdown-menu .divider { height: 1px; margin: 8.5px 0; overflow: hidden; background-color: #e5e5e5; }
.dropdown-menu > li > a { display: block; padding: 5px 15px; clear: both; color: #666666; font-weight: normal; line-height: 1.5; white-space: nowrap; }
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { text-decoration: none; color: #595959; background-color: #f5f5f5; }
/*.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #ffffff;
  text-decoration: none;
  outline: 0;
  background-color: #4a89dc;
}*/
.dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { color: #777777; }
.dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { text-decoration: none; background-color: transparent; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
cursor: not-allowed; }
.open > .dropdown-menu { display: block; }
.open > a { outline: 0; }
.dropdown-menu-right { left: auto; right: 0; }
.dropdown-menu-left { left: 0; right: auto; }
.dropdown-header { display: block; padding: 3px 20px; font-size: 12px; line-height: 1.5; color: #777777; white-space: nowrap; }
.dropdown-backdrop { position: fixed; left: 0; right: 0; bottom: 0; top: 0; z-index: 990; }
.pull-right > .dropdown-menu { right: 0; left: auto; }
.dropup .caret, .navbar-fixed-bottom .dropdown .caret { border-top: 0; border-bottom: 4px solid; content: ""; }
.dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 1px; }
@media (min-width: 480px) {
.navbar-right .dropdown-menu { left: auto; right: 0; }
.navbar-right .dropdown-menu-left { left: 0; right: auto; }
}
/*==================================================
  Button Groups
==================================================== */
.btn-group, .btn-group-vertical { position: relative; display: inline-block; vertical-align: middle; }
.btn-group > .btn, .btn-group-vertical > .btn { position: relative; float: left; }
.btn-group > .btn:hover, .btn-group-vertical > .btn:hover, .btn-group > .btn:focus, .btn-group-vertical > .btn:focus, .btn-group > .btn:active, .btn-group-vertical > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn.active { z-index: 2; }
.btn-group > .btn:focus, .btn-group-vertical > .btn:focus { outline: 0; }
.btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group { margin-left: -1px; }
.btn-toolbar { margin-left: -5px; }
.btn-toolbar .btn-group, .btn-toolbar .input-group { float: left; }
.btn-toolbar > .btn, .btn-toolbar > .btn-group, .btn-toolbar > .input-group { margin-left: 5px; }
.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { border-radius: 0; }
.btn-group > .btn:first-child { margin-left: 0; }
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { border-bottom-right-radius: 0; border-top-right-radius: 0; }
.btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) { border-bottom-left-radius: 0; border-top-left-radius: 0; }
.btn-group > .btn-group { float: left; }
.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0; }
.btn-group > .btn-group:first-child > .btn:last-child, .btn-group > .btn-group:first-child > .dropdown-toggle { border-bottom-right-radius: 0; border-top-right-radius: 0; }
.btn-group > .btn-group:last-child > .btn:first-child { border-bottom-left-radius: 0; border-top-left-radius: 0; }
.btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle { outline: 0; }
.btn-group > .btn + .dropdown-toggle { padding-left: 8px; padding-right: 8px; }
.btn-group > .btn-lg + .dropdown-toggle { padding-left: 12px; padding-right: 12px; }
.btn-group.open .dropdown-toggle { -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }
.btn-group.open .dropdown-toggle.btn-link { -webkit-box-shadow: none; box-shadow: none; }
.btn .caret { margin-left: 0; }
.btn-lg .caret { border-width: 5px 5px 0; border-bottom-width: 0; }
.dropup .btn-lg .caret { border-width: 0 5px 5px; }
.btn-group-vertical > .btn, .btn-group-vertical > .btn-group, .btn-group-vertical > .btn-group > .btn { display: block; float: none; width: 100%; max-width: 100%; }
.btn-group-vertical > .btn-group > .btn { float: none; }
.btn-group-vertical > .btn + .btn, .btn-group-vertical > .btn + .btn-group, .btn-group-vertical > .btn-group + .btn, .btn-group-vertical > .btn-group + .btn-group { margin-top: -1px; margin-left: 0; }
.btn-group-vertical > .btn:not(:first-child):not(:last-child) { border-radius: 0; }
.btn-group-vertical > .btn:first-child:not(:last-child) { border-top-right-radius: 1px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; }
.btn-group-vertical > .btn:last-child:not(:first-child) { border-bottom-left-radius: 1px; border-top-right-radius: 0; border-top-left-radius: 0; }
.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0; }
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle { border-bottom-right-radius: 0; border-bottom-left-radius: 0; }
.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child { border-top-right-radius: 0; border-top-left-radius: 0; }
.btn-group-justified { display: table; width: 100%; table-layout: fixed; border-collapse: separate; }
.btn-group-justified > .btn, .btn-group-justified > .btn-group { float: none; display: table-cell; width: 1%; }
.btn-group-justified > .btn-group .btn { width: 100%; }
.btn-group-justified > .btn-group .dropdown-menu { left: auto; }
[data-toggle="buttons"] > .btn > input[type="radio"], [data-toggle="buttons"] > .btn > input[type="checkbox"] {
 position: absolute;
 z-index: -1;
 opacity: 0;
 filter: alpha(opacity=0);
}
/*==================================================
  Input Groups
==================================================== */
.input-group { position: relative; display: table; border-collapse: separate; }
.input-group[class*="col-"] { float: none; padding-left: 0; padding-right: 0; }
.input-group .form-control { position: relative; z-index: 2; float: left; width: 100%; margin-bottom: 0; }
.input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn { height: 45px; padding: 10px 16px; font-size: 17px; line-height: 1.33; border-radius: 3px; }
select.input-group-lg > .form-control, select.input-group-lg > .input-group-addon, select.input-group-lg > .input-group-btn > .btn { height: 45px; line-height: 45px; }
textarea.input-group-lg > .form-control, textarea.input-group-lg > .input-group-addon, textarea.input-group-lg > .input-group-btn > .btn, select[multiple].input-group-lg > .form-control, select[multiple].input-group-lg > .input-group-addon, select[multiple].input-group-lg > .input-group-btn > .btn { height: auto; }
.input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 0px; }
select.input-group-sm > .form-control, select.input-group-sm > .input-group-addon, select.input-group-sm > .input-group-btn > .btn { height: 30px; line-height: 30px; }
textarea.input-group-sm > .form-control, textarea.input-group-sm > .input-group-addon, textarea.input-group-sm > .input-group-btn > .btn, select[multiple].input-group-sm > .form-control, select[multiple].input-group-sm > .input-group-addon, select[multiple].input-group-sm > .input-group-btn > .btn { height: auto; }
.input-group-addon, .input-group-btn, .input-group .form-control { display: table-cell; }
.input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child), .input-group .form-control:not(:first-child):not(:last-child) { border-radius: 0; }
.input-group-addon, .input-group-btn { width: 1%; white-space: nowrap; vertical-align: middle; }
.input-group-addon { min-width: 40px; padding: 9px 12px; font-size: 13px; font-weight: normal; line-height: 1; color: #4a89dc; text-align: center; background-color: #fafafa; border: 1px solid #dddddd; border-radius: 0px; }
.input-group-addon.input-sm { padding: 5px 10px; font-size: 12px; border-radius: 0px; }
.input-group-addon.input-lg { padding: 10px 16px; font-size: 17px; border-radius: 3px; }
.input-group-addon input[type="radio"], .input-group-addon input[type="checkbox"] { margin-top: 0; }
.input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:last-child > .btn-group:not(:last-child) > .btn { border-bottom-right-radius: 0; border-top-right-radius: 0; }
.input-group-addon:first-child { border-right: 0; }
.input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:first-child > .btn-group:not(:first-child) > .btn { border-bottom-left-radius: 0; border-top-left-radius: 0; }
.input-group-addon:last-child { border-left: 0; }
.input-group-btn { position: relative; font-size: 0; white-space: nowrap; }
.input-group-btn > .btn { position: relative; }
.input-group-btn > .btn + .btn { margin-left: -1px; }
.input-group-btn > .btn:hover, .input-group-btn > .btn:focus, .input-group-btn > .btn:active { z-index: 2; }
.input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group { margin-right: -1px; }
.input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group { margin-left: -1px; }
/*==================================================
  Navs
==================================================== */
.nav { margin-bottom: 0; padding-left: 0; list-style: none; }
.nav > li { position: relative; display: block; }
.nav > li > a { position: relative; display: block; padding: 10px 15px; }
.nav > li > a:hover, .nav > li > a:focus { text-decoration: none; background-color: #eeeeee; }
.nav > li.disabled > a { color: #777777; }
.nav > li.disabled > a:hover, .nav > li.disabled > a:focus { color: #777777; text-decoration: none; background-color: transparent; cursor: not-allowed; }
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus { background-color: #eeeeee; border-color: #CCC; }
.nav .nav-divider { height: 1px; margin: 8.5px 0; overflow: hidden; background-color: #e5e5e5; }
.nav > li > a > img { max-width: none; }
.nav-tabs { border-bottom: 1px solid #dddddd; }
.nav-tabs > li { float: left; margin-bottom: -1px; }
.nav-tabs > li > a { margin-right: 2px; line-height: 1.5; border: 1px solid transparent; border-radius: 1px 1px 0 0; }
.nav-tabs > li > a:hover { border-color: #eeeeee #eeeeee #dddddd; }
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { color: #555555; background-color: transparent; border: 1px solid #dddddd; border-bottom-color: transparent; cursor: default; }
.nav-tabs.nav-justified { width: 100%; border-bottom: 0; }
.nav-tabs.nav-justified > li { float: none; }
.nav-tabs.nav-justified > li > a { text-align: center; margin-bottom: 5px; }
.nav-tabs.nav-justified > .dropdown .dropdown-menu { top: auto; left: auto; }
@media (min-width: 768px) {
.nav-tabs.nav-justified > li { display: table-cell; width: 1%; }
.nav-tabs.nav-justified > li > a { margin-bottom: 0; }
}
.nav-tabs.nav-justified > li > a { margin-right: 0; border-radius: 1px; }
.nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus { border: 1px solid #dddddd; }
@media (min-width: 768px) {
.nav-tabs.nav-justified > li > a { border-bottom: 1px solid #dddddd; border-radius: 1px 1px 0 0; }
.nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus { border-bottom-color: #ffffff; }
}
.nav-pills.nav-pills-sm > li > a { font-size: 12px; padding: 4px 8px; }
.nav-pills.nav-pills-lg > li > a { font-size: 14px; padding: 12px 18px; }
.nav-pills > li { float: left; }
.nav-pills > li > a { padding: 8px 14px; border-radius: 1px; }
.nav-pills > li + li { margin-left: 7px; }
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus { color: #ffffff; background-color: #4a89dc; }
.nav-stacked > li { float: none; }
.nav-stacked > li + li { margin-top: 2px; margin-left: 0; }
.nav-justified { width: 100%; }
.nav-justified > li { float: none; }
.nav-justified > li > a { text-align: center; margin-bottom: 5px; }
.nav-justified > .dropdown .dropdown-menu { top: auto; left: auto; }
@media (min-width: 768px) {
.nav-justified > li { display: table-cell; width: 1%; }
.nav-justified > li > a { margin-bottom: 0; }
}
.nav-tabs-justified { border-bottom: 0; }
.nav-tabs-justified > li > a { margin-right: 0; border-radius: 1px; }
.nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus { border: 1px solid #dddddd; }
@media (min-width: 768px) {
.nav-tabs-justified > li > a { border-bottom: 1px solid #dddddd; border-radius: 1px 1px 0 0; }
.nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus { border-bottom-color: #ffffff; }
}
.tab-content > .tab-pane { display: none; }
.tab-content > .active { display: block; }
.nav-tabs .dropdown-menu { margin-top: -1px; border-top-right-radius: 0; border-top-left-radius: 0; }
.nav-list { margin-bottom: 20px; }
#skin-toolbox .nav-list li { display: inline-block; }
.nav-list li.active a { color: #fff !important; border-radius: 3px; background-color: #88bbc8 !important; }
.nav-list li a { color: #AAA; font-weight: 600; }
.nav-list li a:hover, .nav-list li a:focus { color: #666; background-color: #eee; }
.nav-list.nav-list-sm li a { padding: 10px 8px; }
/*==================================================
  Navbars
==================================================== */
.navbar { position: relative; min-height: 50px; margin-bottom: 19px; border: 1px solid transparent; }
@media (min-width: 480px) {
.navbar { border-radius: 1px; }
}
@media (min-width: 480px) {
.navbar-header { float: left; }
}
.navbar-collapse { overflow-x: visible; padding-right: 11px; padding-left: 11px; border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); -webkit-overflow-scrolling: touch; }
.navbar-collapse.in { overflow-y: auto; }
@media (min-width: 480px) {
.navbar-collapse { width: auto; border-top: 0; box-shadow: none; }
.navbar-collapse.collapse { display: block !important; height: auto !important; padding-bottom: 0; overflow: visible !important; }
.navbar-collapse.in { overflow-y: visible; }
.navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { padding-left: 0; padding-right: 0; }
}
.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { max-height: 340px; }
@media (max-width: 480px) and (orientation: landscape) {
.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { max-height: 200px; }
}
.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse { margin-right: -11px; margin-left: -11px; }
@media (min-width: 480px) {
.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse { margin-right: 0; margin-left: 0; }
}
.navbar-static-top { z-index: 1000; border-width: 0 0 1px; }
@media (min-width: 480px) {
.navbar-static-top { border-radius: 0; }
}
.navbar-fixed-top, .navbar-fixed-bottom { position: fixed; right: 0; left: 0; z-index: 1030; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
@media (min-width: 480px) {
.navbar-fixed-top, .navbar-fixed-bottom { border-radius: 0; }
}
.navbar-fixed-top { top: 0; border-width: 0 0 1px; }
.navbar-fixed-bottom { bottom: 0; margin-bottom: 0; border-width: 1px 0 0; }
.navbar-brand { float: left; padding: 15.5px 11px; font-size: 17px; line-height: 19px; height: 50px; }
.navbar-brand:hover, .navbar-brand:focus { text-decoration: none; }
@media (min-width: 480px) {
.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand { margin-left: -11px; }
}
.navbar-toggle { position: relative; float: right; margin-right: 11px; padding: 9px 10px; margin-top: 8px; margin-bottom: 8px; background-color: transparent; background-image: none; border: 1px solid transparent; border-radius: 1px; }
.navbar-toggle:focus { outline: 0; }
.navbar-toggle .icon-bar { display: block; width: 22px; height: 2px; border-radius: 1px; }
.navbar-toggle .icon-bar + .icon-bar { margin-top: 4px; }
@media (min-width: 480px) {
.navbar-toggle { display: none; }
}
.navbar-nav { margin: 7.75px -11px; }
.navbar-nav > li > a { padding-top: 10px; padding-bottom: 10px; line-height: 19px; }
@media (max-width: 479px) {
.navbar-nav .open .dropdown-menu { position: static; float: none; width: auto; margin-top: 0; background-color: transparent; border: 0; box-shadow: none; }
.navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header { padding: 5px 15px 5px 25px; }
.navbar-nav .open .dropdown-menu > li > a { line-height: 19px; }
.navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus { background-image: none; }
}
@media (min-width: 480px) {
.navbar-nav { float: left; margin: 0; }
.navbar-nav > li { float: left; }
.navbar-nav > li > a { padding-top: 15.5px; padding-bottom: 15.5px; }
.navbar-nav.navbar-right:last-child { margin-right: -11px; }
}
@media (min-width: 480px) {
.navbar-left { float: left; float: left !important; }
.navbar-right { float: right; float: right !important; padding-right: 40px; }
}
.navbar-form { margin-left: -11px; margin-right: -11px; padding: 10px 11px; border-top: 1px solid transparent; border-bottom: 1px solid transparent; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); margin-top: 5.5px; margin-bottom: 5.5px; }
@media (min-width: 768px) {
.navbar-form .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle; }
.navbar-form .form-control { display: inline-block; width: auto; vertical-align: middle; }
.navbar-form .input-group { display: inline-table; vertical-align: middle; }
.navbar-form .input-group .input-group-addon, .navbar-form .input-group .input-group-btn, .navbar-form .input-group .form-control { width: auto; }
.navbar-form .input-group > .form-control { width: 100%; }
.navbar-form .control-label { margin-bottom: 0; vertical-align: middle; }
.navbar-form .radio, .navbar-form .checkbox { display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle; }
.navbar-form .radio label, .navbar-form .checkbox label { padding-left: 0; }
.navbar-form .radio input[type="radio"], .navbar-form .checkbox input[type="checkbox"] { position: relative; margin-left: 0; }
.navbar-form .has-feedback .form-control-feedback { top: 0; }
}
@media (max-width: 479px) {
.navbar-form .form-group { margin-bottom: 5px; }
}
@media (min-width: 480px) {
.navbar-form { width: auto; border: 0; margin-left: 0; margin-right: 0; padding-top: 0; padding-bottom: 0; -webkit-box-shadow: none; box-shadow: none; }
.navbar-form.navbar-right:last-child { margin-right: -11px; }
}
.navbar-nav > li > .dropdown-menu { margin-top: 0; border-top-right-radius: 0; border-top-left-radius: 0; }
.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu { border-bottom-right-radius: 0; border-bottom-left-radius: 0; }
.navbar-btn { margin-top: 5.5px; margin-bottom: 5.5px; }
.navbar-btn.btn-sm { margin-top: 10px; margin-bottom: 10px; }
.navbar-btn.btn-xs { margin-top: 14px; margin-bottom: 14px; }
.navbar-text { margin-top: 15.5px; margin-bottom: 15.5px; }
@media (min-width: 480px) {
.navbar-text { float: left; margin-left: 11px; margin-right: 11px; }
.navbar-text.navbar-right:last-child { margin-right: 0; }
}
.navbar-default { background-color: #f8f8f8; border-color: #e7e7e7; }
.navbar-default .navbar-brand { color: #777777; }
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus { color: #5e5e5e; background-color: transparent; }
.navbar-default .navbar-text { color: #777777; }
.navbar-default .navbar-nav > li > a { color: #777777; }
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { color: #333333; background-color: transparent; }
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { color: #555555; background-color: #e7e7e7; }
.navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus { color: #cccccc; background-color: transparent; }
.navbar-default .navbar-toggle { border-color: #dddddd; }
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: #dddddd; }
.navbar-default .navbar-toggle .icon-bar { background-color: #888888; }
.navbar-default .navbar-collapse, .navbar-default .navbar-form { border-color: #e7e7e7; }
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { background-color: #e7e7e7; color: #555555; }
@media (max-width: 479px) {
.navbar-default .navbar-nav .open .dropdown-menu > li > a { color: #777777; }
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { color: #333333; background-color: transparent; }
.navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus { color: #555555; background-color: #e7e7e7; }
.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus { color: #cccccc; background-color: transparent; }
}
.navbar-default .navbar-link { color: #777777; }
.navbar-default .navbar-link:hover { color: #333333; }
.navbar-default .btn-link { color: #777777; }
.navbar-default .btn-link:hover, .navbar-default .btn-link:focus { color: #333333; }
.navbar-default .btn-link[disabled]:hover, fieldset[disabled] .navbar-default .btn-link:hover, .navbar-default .btn-link[disabled]:focus, fieldset[disabled] .navbar-default .btn-link:focus { color: #cccccc; }
.navbar-inverse { background-color: #222222; border-color: #080808; }
.navbar-inverse .navbar-brand { color: #777777; }
.navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus { color: #ffffff; background-color: transparent; }
.navbar-inverse .navbar-text { color: #777777; }
.navbar-inverse .navbar-nav > li > a { color: #777777; }
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus { color: #ffffff; background-color: transparent; }
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus { color: #ffffff; background-color: #080808; }
.navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:hover, .navbar-inverse .navbar-nav > .disabled > a:focus { color: #444444; background-color: transparent; }
.navbar-inverse .navbar-toggle { border-color: #333333; }
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus { background-color: #333333; }
.navbar-inverse .navbar-toggle .icon-bar { background-color: #ffffff; }
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { border-color: #101010; }
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus { background-color: #080808; color: #ffffff; }
@media (max-width: 479px) {
.navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header { border-color: #080808; }
.navbar-inverse .navbar-nav .open .dropdown-menu .divider { background-color: #080808; }
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a { color: #777777; }
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus { color: #ffffff; background-color: transparent; }
.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus { color: #ffffff; background-color: #080808; }
.navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus { color: #444444; background-color: transparent; }
}
.navbar-inverse .navbar-link { color: #777777; }
.navbar-inverse .navbar-link:hover { color: #ffffff; }
.navbar-inverse .btn-link { color: #777777; }
.navbar-inverse .btn-link:hover, .navbar-inverse .btn-link:focus { color: #ffffff; }
.navbar-inverse .btn-link[disabled]:hover, fieldset[disabled] .navbar-inverse .btn-link:hover, .navbar-inverse .btn-link[disabled]:focus, fieldset[disabled] .navbar-inverse .btn-link:focus { color: #444444; }
/*==================================================
  Breadcrumbs
==================================================== */
.breadcrumb { padding: 8px 15px; margin-bottom: 19px; list-style: none; background-color: #f5f5f5; border-radius: 1px; }
.breadcrumb > li { display: inline-block; }
.breadcrumb > li + li:before { content: "/\00a0"; padding: 0 5px; color: #cccccc; }
.breadcrumb > .active { color: #777777; }
/*==================================================
  Paginations
==================================================== */
.pagination { /*  display: inline-block;
  padding-left: 0;
  margin: 19px 0;*/ border-radius: 1px; float: right; }
.pagination > li { display: inline; }
.pagination > li > a, .pagination > li > span { position: relative; float: left; padding: 5px 12px; line-height: 1.5; text-decoration: none; color: #4a89dc; background-color: #ffffff; border: 1px solid #dddddd; margin-left: -1px; }
.pagination > li:first-child > a, .pagination > li:first-child > span { margin-left: 0; border-bottom-left-radius: 1px; border-top-left-radius: 1px; }
.pagination > li:last-child > a, .pagination > li:last-child > span { border-bottom-right-radius: 1px; border-top-right-radius: 1px; }
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { color: #2363b6; background-color: #eeeeee; border-color: #dddddd; }
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { z-index: 2; color: #ffffff; background-color: #4a89dc; border-color: #4a89dc; cursor: default; }
.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus { color: #777777; background-color: #ffffff; border-color: #dddddd; cursor: not-allowed; }
.pagination-lg > li > a, .pagination-lg > li > span { padding: 10px 16px; font-size: 17px; }
.pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span { border-bottom-left-radius: 3px; border-top-left-radius: 3px; }
.pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span { border-bottom-right-radius: 3px; border-top-right-radius: 3px; }
.pagination-sm > li > a, .pagination-sm > li > span { padding: 5px 10px; font-size: 12px; }
.pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span { border-bottom-left-radius: 0px; border-top-left-radius: 0px; }
.pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span { border-bottom-right-radius: 0px; border-top-right-radius: 0px; }
/*==================================================
  Pager Pagination
==================================================== */
.pager { padding-left: 0; margin: 19px 0; list-style: none; text-align: center; }
.pager li { display: inline; }
.pager li > a, .pager li > span { display: inline-block; padding: 5px 14px; background-color: #ffffff; border: 1px solid #dddddd; border-radius: 15px; }
.pager li > a:hover, .pager li > a:focus { text-decoration: none; background-color: #eeeeee; }
.pager .next > a, .pager .next > span { float: right; }
.pager .previous > a, .pager .previous > span { float: left; }
.pager .disabled > a, .pager .disabled > a:hover, .pager .disabled > a:focus, .pager .disabled > span { color: #777777; background-color: #ffffff; cursor: not-allowed; }
/*==================================================
  Labels
==================================================== */
.label { display: inline; padding: .3em .7em .4em; font-size: 84%; font-weight: 600; line-height: 24px; color: #ffffff; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: .25em; background-color: #999; }
.label.label-xs { padding: 0 .35em .1em; font-size: 75%; }
.label.label-sm { padding: .1em .65em .2em; font-size: 75%; }
.label.label-lg { padding: .4em .9em .5em; font-size: 95%; }
.label.label-rounded { padding: .2em 0.85em .3em; border-radius: 1em; }
.label.label-rounded.label-xs { padding: 0 .35em .1em; }
.label.label-rounded.label-sm { padding: .1em .65em .2em; }
.label.label-rounded.label-lg { padding: .4em .9em .5em; }
a.label:hover, a.label:focus { color: #ffffff; text-decoration: none; cursor: pointer; }
.label:empty { display: none; }
.btn .label { position: relative; top: -1px; }
.label-muted { background-color: #aaaaaa; }
.label-muted[href]:hover, .label-muted[href]:focus { background-color: #919191; }
.label-default { background-color: #777777; }
.label-default[href]:hover, .label-default[href]:focus { background-color: #5e5e5e; }
.label-primary { background-color: #4a89dc; }
.label-primary[href]:hover, .label-primary[href]:focus { background-color: #276ecc; }
.label-success { background-color: #70ca63; }
.label-success[href]:hover, .label-success[href]:focus { background-color: #4fbb3f; }
.label-info { background-color: #3bafda; }
.label-info[href]:hover, .label-info[href]:focus { background-color: #2494be; }
.label-warning { background-color: #f6bb42; }
.label-warning[href]:hover, .label-warning[href]:focus { background-color: #f4a911; }
.label-danger { background-color: #e9573f; }
.label-danger[href]:hover, .label-danger[href]:focus { background-color: #dc3519; }
.label-alert { background-color: #967adc; }
.label-alert[href]:hover, .label-alert[href]:focus { background-color: #7652d1; }
.label-system { background-color: #37bc9b; }
.label-system[href]:hover, .label-system[href]:focus { background-color: #2b957a; }
.label-dark { background-color: #3b3f4f; }
.label-dark[href]:hover, .label-dark[href]:focus { background-color: #252832; }
/*==================================================
  Badges
==================================================== */
.badge { display: inline-block; min-width: 10px; padding: 3px 7px; font-size: 12px; font-weight: 600; color: #ffffff; line-height: 1; vertical-align: baseline; white-space: nowrap; text-align: center; background-color: #777777; border-radius: 10px; }
.badge:empty { display: none; }
.btn .badge { position: relative; top: -1px; }
.btn-xs .badge { top: 0; padding: 1px 5px; }
a.badge:hover, a.badge:focus { color: #ffffff; text-decoration: none; cursor: pointer; }
a.list-group-item.active > .badge, .nav-pills > .active > a > .badge { color: #4a89dc; background-color: #ffffff; }
.nav-pills > li > a > .badge { margin-left: 3px; }
.badge-default { background-color: #777777; }
.badge-default[href]:hover, .badge-default[href]:focus { background-color: #5e5e5e; }
.badge-primary { background-color: #4a89dc; }
.badge-primary[href]:hover, .badge-primary[href]:focus { background-color: #276ecc; }
.badge-success { background-color: #70ca63; }
.badge-success[href]:hover, .badge-success[href]:focus { background-color: #4fbb3f; }
.badge-info { background-color: #3bafda; }
.badge-info[href]:hover, .badge-info[href]:focus { background-color: #2494be; }
.badge-warning { background-color: #f6bb42; }
.badge-warning[href]:hover, .badge-warning[href]:focus { background-color: #f4a911; }
.badge-danger { background-color: #e9573f; }
.badge-danger[href]:hover, .badge-danger[href]:focus { background-color: #dc3519; }
.badge-alert { background-color: #967adc; }
.badge-alert[href]:hover, .badge-alert[href]:focus { background-color: #7652d1; }
.badge-system { background-color: #37bc9b; }
.badge-system[href]:hover, .badge-system[href]:focus { background-color: #2b957a; }
.badge-dark { background-color: #3b3f4f; }
.badge-dark[href]:hover, .badge-dark[href]:focus { background-color: #252832; }
/*==================================================
  Jumbotron
==================================================== */
.jumbotron { padding: 30px; margin-bottom: 30px; color: inherit; background-color: #eeeeee; }
.jumbotron h1, .jumbotron .h1 { color: inherit; }
.jumbotron p { margin-bottom: 15px; font-size: 20px; font-weight: 200; }
.jumbotron > hr { border-top-color: #d5d5d5; }
.container .jumbotron { border-radius: 3px; }
.jumbotron .container { max-width: 100%; }
@media screen and (min-width: 768px) {
.jumbotron { padding-top: 48px; padding-bottom: 48px; }
.container .jumbotron { padding-left: 60px; padding-right: 60px; }
.jumbotron h1, .jumbotron .h1 { font-size: 58.5px; }
}
/*===============================================
  Thumbnails
================================================= */
.thumbnail { display: block; padding: 4px; margin-bottom: 19px; line-height: 1.5; background-color: #ffffff; border: 1px solid #dddddd; border-radius: 1px; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.thumbnail > img, .thumbnail a > img { margin-left: auto; margin-right: auto; }
a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active { border-color: #4a89dc; }
.thumbnail .caption { padding: 9px; color: #666666; }
/*==================================================
  Alerts
==================================================== */
.alert { color: #ffffff; font-size: 14px; padding: 15px; margin-bottom: 19px; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 1px; }
.alert .close { color: #666666; }
.alert .close:hover { color: #666666; }
.alert hr { border-top-color: rgba(0, 0, 0, 0.1); }
.alert h4 { margin-top: 0; color: inherit; }
.alert .alert-link { color: #ffffff; font-weight: bold; }
.alert > p, .alert > ul { margin-bottom: 0; }
.alert > p + p { margin-top: 5px; }
.alert.alert-micro, .alert .alert-sm { font-size: 13px; padding: 9px 35px 9px 9px; border-radius: 0; }
.alert.alert-sm { padding: 12px 35px 12px 12px; }
.alert.alert-border { border: 1px solid transparent; }
.alert.alert-border-right { border-right-width: 6px; }
.alert.alert-border-top { border-top-width: 3px; }
.alert.alert-border-bottom { border-bottom-width: 3px; }
.alert.alert-border-left { padding-left: 15px; border-left-width: 6px; }
.alert-dismissable, .alert-dismissible { padding-right: 35px; }
.alert-dismissable .close, .alert-dismissible .close { position: relative; right: -21px; color: #FFF; opacity: 0.3; }
.alert-dismissable .close:hover, .alert-dismissible .close:hover { color: #FFF; opacity: 1; }
.alert-primary { background-color: #6c9fe3; }
.alert-primary.alert-border-right { border-right-color: #2567bf; }
.alert-primary.alert-border-top { border-top-color: #2567bf; }
.alert-primary.alert-border-bottom { border-bottom-color: #2567bf; }
.alert-primary.alert-border-left { border-left-color: #2567bf; }
.alert-primary.light { background-color: #8ab3e8; }
.alert-primary.dark { background-color: #3d81da; }
.alert-primary.pastel { color: #2363b6; background-color: #caddf5; border-color: rgba(0, 0, 0, 0.1); }
.alert-primary.pastel .alert-link { color: #2363b6; }
.alert-primary.pastel.alert-micro { border-color: #75a5e4; }
.alert-primary.pastel .close { color: #2363b6; }
.alert-primary.pastel .close:hover { color: #2363b6; }
.alert-success { background-color: #8cd481; }
.alert-success.alert-border-right { border-right-color: #4aaf3c; }
.alert-success.alert-border-top { border-top-color: #4aaf3c; }
.alert-success.alert-border-bottom { border-bottom-color: #4aaf3c; }
.alert-success.alert-border-left { border-left-color: #4aaf3c; }
.alert-success.light { background-color: #a4dd9c; }
.alert-success.dark { background-color: #66c658; }
.alert-success.pastel { color: #47a839; background-color: #d9f1d5; border-color: rgba(0, 0, 0, 0.1); }
.alert-success.pastel .alert-link { color: #47a839; }
.alert-success.pastel.alert-micro { border-color: #93d789; }
.alert-success.pastel .close { color: #47a839; }
.alert-success.pastel .close:hover { color: #47a839; }
.alert-info { background-color: #5dbde0; }
.alert-info.alert-border-right { border-right-color: #218ab1; }
.alert-info.alert-border-top { border-top-color: #218ab1; }
.alert-info.alert-border-bottom { border-bottom-color: #218ab1; }
.alert-info.alert-border-left { border-left-color: #218ab1; }
.alert-info.light { background-color: #7bc9e6; }
.alert-info.dark { background-color: #2eaad8; }
.alert-info.pastel { color: #2084a9; background-color: #bce4f2; border-color: rgba(0, 0, 0, 0.1); }
.alert-info.pastel .alert-link { color: #2084a9; }
.alert-info.pastel.alert-micro { border-color: #66c1e2; }
.alert-info.pastel .close { color: #2084a9; }
.alert-info.pastel .close:hover { color: #2084a9; }
.alert-warning { background-color: #f8c969; }
.alert-warning.alert-border-right { border-right-color: #eba10b; }
.alert-warning.alert-border-top { border-top-color: #eba10b; }
.alert-warning.alert-border-bottom { border-bottom-color: #eba10b; }
.alert-warning.alert-border-left { border-left-color: #eba10b; }
.alert-warning.light { background-color: #f9d58b; }
.alert-warning.dark { background-color: #f5b633; }
.alert-warning.pastel { color: #e19b0b; background-color: #fdf0d4; border-color: rgba(0, 0, 0, 0.1); }
.alert-warning.pastel .alert-link { color: #e19b0b; }
.alert-warning.pastel.alert-micro { border-color: #f8cd73; }
.alert-warning.pastel .close { color: #e19b0b; }
.alert-warning.pastel .close:hover { color: #e19b0b; }
.alert-danger { background-color: #ed7764; }
.alert-danger.alert-border-right { border-right-color: #ce3118; }
.alert-danger.alert-border-top { border-top-color: #ce3118; }
.alert-danger.alert-border-bottom { border-bottom-color: #ce3118; }
.alert-danger.alert-border-left { border-left-color: #ce3118; }
.alert-danger.light { background-color: #f19384; }
.alert-danger.dark { background-color: #e74b31; }
.alert-danger.pastel { color: #c52f17; background-color: #f9cfc8; border-color: rgba(0, 0, 0, 0.1); }
.alert-danger.pastel .alert-link { color: #c52f17; }
.alert-danger.pastel.alert-micro { border-color: #ee7f6d; }
.alert-danger.pastel .close { color: #c52f17; }
.alert-danger.pastel .close:hover { color: #c52f17; }
.alert-alert { background-color: #b09ae4; }
.alert-alert.alert-border-right { border-right-color: #6d46ce; }
.alert-alert.alert-border-top { border-top-color: #6d46ce; }
.alert-alert.alert-border-bottom { border-bottom-color: #6d46ce; }
.alert-alert.alert-border-left { border-left-color: #6d46ce; }
.alert-alert.light { background-color: #c6b7ec; }
.alert-alert.dark { background-color: #8c6ed9; }
.alert-alert.pastel { color: #663dcc; background-color: #f6f3fc; border-color: rgba(0, 0, 0, 0.1); }
.alert-alert.pastel .alert-link { color: #663dcc; }
.alert-alert.pastel.alert-micro { border-color: #b6a2e7; }
.alert-alert.pastel .close { color: #663dcc; }
.alert-alert.pastel .close:hover { color: #663dcc; }
.alert-system { background-color: #50ccad; }
.alert-system.alert-border-right { border-right-color: #288971; }
.alert-system.alert-border-top { border-top-color: #288971; }
.alert-system.alert-border-bottom { border-bottom-color: #288971; }
.alert-system.alert-border-left { border-left-color: #288971; }
.alert-system.light { background-color: #6cd4ba; }
.alert-system.dark { background-color: #34b091; }
.alert-system.pastel { color: #26816a; background-color: #a7e5d6; border-color: rgba(0, 0, 0, 0.1); }
.alert-system.pastel .alert-link { color: #26816a; }
.alert-system.pastel.alert-micro { border-color: #58ceb1; }
.alert-system.pastel .close { color: #26816a; }
.alert-system.pastel .close:hover { color: #26816a; }
.alert-default { color: #888; background-color: #f0f0f0; }
.alert-default .alert-link { color: #777; }
.alert-default.alert-border-right { border-right-color: #cfcfcf; }
.alert-default.alert-border-top { border-top-color: #cfcfcf; }
.alert-default.alert-border-bottom { border-bottom-color: #cfcfcf; }
.alert-default.alert-border-left { border-left-color: #cfcfcf; }
.alert-default.pastel, .alert-default.light { background-color: #fdfdfd; border-color: rgba(0, 0, 0, 0.15); }
.alert-default.dark { background-color: #e6e6e6; }
.alert-dark { background-color: #626984; }
.alert-dark.alert-border-right { border-right-color: #1f2129; }
.alert-dark.alert-border-top { border-top-color: #1f2129; }
.alert-dark.alert-border-bottom { border-bottom-color: #1f2129; }
.alert-dark.alert-border-left { border-left-color: #1f2129; }
.alert-dark.pastel, .alert-dark.light { color: #676e89; background-color: #d0d3dc; }
.alert-dark.pastel .alert-link, .alert-dark.light .alert-link { color: #51566c; }
.alert-dark.dark { background-color: #4a4f63; }
/*==================================================
  Progress Bars
==================================================== */
@-webkit-keyframes progress-bar-stripes { from {
 background-position: 40px 0;
}
to { background-position: 0 0; }
}
@keyframes progress-bar-stripes { from {
 background-position: 40px 0;
}
to { background-position: 0 0; }
}
.progress { overflow: hidden; height: 19px; margin-bottom: 19px; background-color: #ececec; border-radius: 1px; box-shadow: none; }
.progress-bar { float: left; width: 0%; height: 100%; font-size: 12px; font-weight: 600; line-height: 19px; color: #ffffff; text-align: center; background-color: #999999; -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); -webkit-transition: width 0.6s ease; -o-transition: width 0.6s ease; transition: width 0.6s ease; }
.progress-striped .progress-bar, .progress-bar-striped { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: 40px 40px; }
.progress.active .progress-bar, .progress-bar.active { -webkit-animation: reverse progress-bar-stripes 1s linear infinite; -o-animation: reverse progress-bar-stripes 1s linear infinite; animation: reverse progress-bar-stripes 1s linear infinite; }
.progress-bar[aria-valuenow="1"], .progress-bar[aria-valuenow="2"] { min-width: 30px; }
.progress-bar[aria-valuenow="0"] { color: #777777; min-width: 30px; background-color: transparent; background-image: none; box-shadow: none; }
.progress { height: 18px; border-radius: 2px; }
.progress.progress-bar-xxs { height: 3px; border-radius: 2px; }
.progress.progress-bar-xxs .progress-bar { line-height: 3px; }
.progress.progress-bar-xs { height: 6px; border-radius: 2px; }
.progress.progress-bar-xs .progress-bar { line-height: 6px; }
.progress.progress-bar-sm { height: 10px; border-radius: 2px; }
.progress.progress-bar-sm .progress-bar { line-height: 10px; }
.progress.progress-bar-lg { height: 20px; }
.progress.progress-bar-lg .progress-bar { line-height: 20px; }
.progress.progress-bar-xl { height: 24px; }
.progress.progress-bar-xl .progress-bar { line-height: 24px; }
.progress.right .progress-bar { float: right; }
.progress.vertical { height: 100%; min-height: 200px; width: 22px; position: relative; }
.progress.vertical .progress-bar { width: 100%; position: absolute; font-size: 11px; line-height: 20px; }
.progress.vertical.bottom .progress-bar { bottom: 0; }
.progress { height: 18px; border-radius: 2px; }
.progress.vertical.progress-bar-sm { width: 16px; }
.progress.vertical.progress-bar-lg { width: 30px; }
.progress.vertical.progress-bar-xl { width: 40px; }
.progress-bar-default { background-color: #999999; }
.progress-bar-default.light { background-color: #a2a2a2; }
.progress-bar-default.dark { background-color: #909090; }
.progress-striped .progress-bar-default { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); }
.progress-bar-primary { background-color: #4a89dc; }
.progress-bar-primary.light { background-color: #5993df; }
.progress-bar-primary.dark { background-color: #3b7fd9; }
.progress-striped .progress-bar-primary { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); }
.progress-bar-success { background-color: #70ca63; }
.progress-bar-success.light { background-color: #7ccf70; }
.progress-bar-success.dark { background-color: #64c556; }
.progress-striped .progress-bar-success { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); }
.progress-bar-info { background-color: #3bafda; }
.progress-bar-info.light { background-color: #4ab5dd; }
.progress-bar-info.dark { background-color: #2ca9d7; }
.progress-striped .progress-bar-info { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); }
.progress-bar-warning { background-color: #f6bb42; }
.progress-bar-warning.light { background-color: #f7c153; }
.progress-bar-warning.dark { background-color: #f5b531; }
.progress-striped .progress-bar-warning { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); }
.progress-bar-danger { background-color: #e9573f; }
.progress-bar-danger.light { background-color: #eb654f; }
.progress-bar-danger.dark { background-color: #e7492f; }
.progress-striped .progress-bar-danger { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); }
.progress-bar-alert { background-color: #967adc; }
.progress-bar-alert.light { background-color: #a188e0; }
.progress-bar-alert.dark { background-color: #8b6cd8; }
.progress-striped .progress-bar-alert { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); }
.progress-bar-system { background-color: #37bc9b; }
.progress-bar-system.light { background-color: #3ec7a5; }
.progress-bar-system.dark { background-color: #33ae90; }
.progress-striped .progress-bar-system { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); }
.progress-bar-dark { background-color: #3b3f4f; }
.progress-bar-dark.light { background-color: #434759; }
.progress-bar-dark.dark { background-color: #333745; }
.progress-striped .progress-bar-dark { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); }
/*==================================================
  Media Groups
==================================================== */
.media { color: #999999; font-weight: 600; margin-top: 15px; }
.media:first-child { margin-top: 0; }
.media-right, .media > .pull-right { padding-left: 10px; }
.media-left, .media > .pull-left { padding-right: 10px; }
.media-left, .media-right, .media-body { display: table-cell; vertical-align: top; }
.media-middle { vertical-align: middle; }
.media-bottom { vertical-align: bottom; }
.media-heading { color: #555555; margin-top: 0; margin-bottom: 5px; }
.media-list { padding-left: 0; list-style: none; }
/*==================================================
  List Groups
==================================================== */
.list-group { margin-bottom: 20px; padding-left: 0; }
.list-group-item { position: relative; display: block; padding: 10px 15px; margin-bottom: -1px; background-color: #ffffff; border: 1px solid #e7e7e7; }
.list-group-item:first-child { border-top-right-radius: 2px; border-top-left-radius: 2px; }
.list-group-item:last-child { margin-bottom: 0; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; }
.list-group-item > .badge { float: right; }
.list-group-item > .badge + .badge { margin-right: 5px; }
a.list-group-item { color: #4a89dc; }
a.list-group-item .list-group-item-heading { color: #333333; }
a.list-group-item:hover, a.list-group-item:focus { text-decoration: none; color: #4a89dc; background-color: #f5f5f5; }
.list-group-item.disabled, .list-group-item.disabled:hover, .list-group-item.disabled:focus { background-color: #eeeeee; color: #777777; }
.list-group-item.disabled .list-group-item-heading, .list-group-item.disabled:hover .list-group-item-heading, .list-group-item.disabled:focus .list-group-item-heading { color: inherit; }
.list-group-item.disabled .list-group-item-text, .list-group-item.disabled:hover .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text { color: #777777; }
.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus { z-index: 2; color: #ffffff; background-color: #4a89dc; border-color: #4a89dc; }
.list-group-item.active .list-group-item-heading, .list-group-item.active:hover .list-group-item-heading, .list-group-item.active:focus .list-group-item-heading, .list-group-item.active .list-group-item-heading > small, .list-group-item.active:hover .list-group-item-heading > small, .list-group-item.active:focus .list-group-item-heading > small, .list-group-item.active .list-group-item-heading > .small, .list-group-item.active:hover .list-group-item-heading > .small, .list-group-item.active:focus .list-group-item-heading > .small { color: inherit; }
.list-group-item.active .list-group-item-text, .list-group-item.active:hover .list-group-item-text, .list-group-item.active:focus .list-group-item-text { color: #f5f8fd; }
.list-group-item-primary { color: #4a89dc; background-color: #75a5e4; }
a.list-group-item-primary { color: #4a89dc; }
a.list-group-item-primary .list-group-item-heading { color: inherit; }
a.list-group-item-primary:hover, a.list-group-item-primary:focus { color: #4a89dc; background-color: #5f97e0; }
a.list-group-item-primary.active, a.list-group-item-primary.active:hover, a.list-group-item-primary.active:focus { color: #fff; background-color: #4a89dc; border-color: #4a89dc; }
.list-group-item-success { color: #70ca63; background-color: #93d789; }
a.list-group-item-success { color: #70ca63; }
a.list-group-item-success .list-group-item-heading { color: inherit; }
a.list-group-item-success:hover, a.list-group-item-success:focus { color: #70ca63; background-color: #81d076; }
a.list-group-item-success.active, a.list-group-item-success.active:hover, a.list-group-item-success.active:focus { color: #fff; background-color: #70ca63; border-color: #70ca63; }
.list-group-item-info { color: #3bafda; background-color: #66c1e2; }
a.list-group-item-info { color: #3bafda; }
a.list-group-item-info .list-group-item-heading { color: inherit; }
a.list-group-item-info:hover, a.list-group-item-info:focus { color: #3bafda; background-color: #50b8de; }
a.list-group-item-info.active, a.list-group-item-info.active:hover, a.list-group-item-info.active:focus { color: #fff; background-color: #3bafda; border-color: #3bafda; }
.list-group-item-warning { color: #f6bb42; background-color: #f8cd73; }
a.list-group-item-warning { color: #f6bb42; }
a.list-group-item-warning .list-group-item-heading { color: inherit; }
a.list-group-item-warning:hover, a.list-group-item-warning:focus { color: #f6bb42; background-color: #f7c45a; }
a.list-group-item-warning.active, a.list-group-item-warning.active:hover, a.list-group-item-warning.active:focus { color: #fff; background-color: #f6bb42; border-color: #f6bb42; }
.list-group-item-danger { color: #e9573f; background-color: #f08b7a; }
a.list-group-item-danger { color: #e9573f; }
a.list-group-item-danger .list-group-item-heading { color: inherit; }
a.list-group-item-danger:hover, a.list-group-item-danger:focus { color: #e9573f; background-color: #ed7764; }
a.list-group-item-danger.active, a.list-group-item-danger.active:hover, a.list-group-item-danger.active:focus { color: #fff; background-color: #e9573f; border-color: #e9573f; }
.list-group-item-alert { color: #967adc; background-color: #ac96e3; }
a.list-group-item-alert { color: #967adc; }
a.list-group-item-alert .list-group-item-heading { color: inherit; }
a.list-group-item-alert:hover, a.list-group-item-alert:focus { color: #967adc; background-color: #9c82de; }
a.list-group-item-alert.active, a.list-group-item-alert.active:hover, a.list-group-item-alert.active:focus { color: #fff; background-color: #967adc; border-color: #967adc; }
.list-group-item-system { color: #37bc9b; background-color: #58ceb1; }
a.list-group-item-system { color: #37bc9b; }
a.list-group-item-system .list-group-item-heading { color: inherit; }
a.list-group-item-system:hover, a.list-group-item-system:focus { color: #37bc9b; background-color: #44c8a8; }
a.list-group-item-system.active, a.list-group-item-system.active:hover, a.list-group-item-system.active:focus { color: #fff; background-color: #37bc9b; border-color: #37bc9b; }
.list-group-item-dark { color: #3b3f4f; background-color: #8288a1; }
a.list-group-item-dark { color: #3b3f4f; }
a.list-group-item-dark .list-group-item-heading { color: inherit; }
a.list-group-item-dark:hover, a.list-group-item-dark:focus { color: #3b3f4f; background-color: #737a96; }
a.list-group-item-dark.active, a.list-group-item-dark.active:hover, a.list-group-item-dark.active:focus { color: #fff; background-color: #3b3f4f; border-color: #3b3f4f; }
.list-group-item-heading { margin-top: 0; margin-bottom: 5px; }
.list-group-item-text { margin-bottom: 0; line-height: 1.3; }
/*==================================================
  Panels
==================================================== */
.panel { position: relative; margin-bottom: 20px; background-color: #ffffff; border-radius: 2px; }
.panel.panel-transparent { background: none; border: 0; margin: 0; padding: 0; }
.panel.panel-border { border-style: solid; border-width: 0; }
.panel.panel-border.top { border-top-width: 5px; }
.panel.panel-border.right { border-right-width: 5px; }
.panel.panel-border.bottom { border-bottom-width: 5px; }
.panel.panel-border.left { border-left-width: 5px; }
.panel.panel-border > .panel-heading { background-color: #fafafa; border-color: #e5e5e5; border-top: 1px solid transparent; }
.panel.panel-border > .panel-heading > .panel-title { color: #666666; }
.panel.panel-border.panel-default { border-color: #DDD; }
.panel.panel-border.panel-default > .panel-heading { border-top: 1px solid transparent; }
.panel-menu { background-color: #fafafa; padding: 8px; border: 1px solid #e5e5e5; }
.panel-menu.dark { background-color: #f8f8f8; }
.panel-body .panel-menu { border-left: 0; border-right: 0; }
.panel-heading + .panel-menu, .panel-menu + .panel-body, .panel-body + .panel-menu, .panel-body + .panel-body { border-top: 0; }
.panel-body { position: relative; padding: 15px; border: 1px solid #e5e5e5; }
.panel-body + .panel-footer { border-top: 0; }
.panel-heading { position: relative; height: 40px; line-height: 36px; background: #fafafa; color: #666666; font-size: 13px; font-weight: 600; padding: 0 8px; border: 1px solid #e5e5e5; border-top-right-radius: 1px; border-top-left-radius: 1px; }
.panel-heading + .panel-body { border-top: 0; }
.panel-heading > .dropdown .dropdown-toggle { color: inherit; }
.panel-heading .widget-menu .btn-group { margin-top: -3px; }
.panel-heading .widget-menu .form-control { margin-top: 6px; font-size: 11px; height: 27px; padding: 2px 10px; border-radius: 1px; }
.panel-heading .widget-menu .form-control.input-sm { margin-top: 9px; height: 22px; }
.panel-heading .widget-menu .progress { margin-top: 11px; margin-bottom: 0; }
.panel-heading .widget-menu .progress-bar-lg { margin-top: 10px; }
.panel-heading .widget-menu .progress-bar-sm { margin-top: 15px; }
.panel-heading .widget-menu .progress-bar-xs { margin-top: 17px; }
.panel-icon { padding-left: 5px; }
.panel-title { padding-left: 6px; margin-top: 0; margin-bottom: 0; }
.panel-title > .fa, .panel-title > .glyphicon, .panel-title > .glyphicons, .panel-title > .imoon { top: 2px; min-width: 22px; color: inherit; font-size: 14px; }
.panel-title > a { color: inherit; }
.panel-footer { padding: 10px 15px; background-color: #fafafa; border: 1px solid #e5e5e5; border-bottom-right-radius: 1px; border-bottom-left-radius: 1px; }
.panel > .list-group { margin-bottom: 0; }
.panel > .list-group .list-group-item { border-width: 1px 0; border-radius: 0; }
.panel > .list-group:first-child .list-group-item:first-child { border-top: 0; border-top-right-radius: 1px; border-top-left-radius: 1px; }
.panel > .list-group:last-child .list-group-item:last-child { border-bottom: 0; border-bottom-right-radius: 1px; border-bottom-left-radius: 1px; }
.panel-heading + .list-group .list-group-item:first-child { border-top-width: 0; }
.list-group + .panel-footer { border-top-width: 0; }
.panel > .table, .panel > .table-responsive > .table, .panel > .panel-collapse > .table { margin-bottom: 0; }
.panel > .table:first-child, .panel > .table-responsive:first-child > .table:first-child { border-top-right-radius: 1px; border-top-left-radius: 1px; }
.panel > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child { border-top-left-radius: 1px; }
.panel > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child { border-top-right-radius: 1px; }
.panel > .table:last-child, .panel > .table-responsive:last-child > .table:last-child { border-bottom-right-radius: 1px; border-bottom-left-radius: 1px; }
.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child { border-bottom-left-radius: 1px; }
.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child { border-bottom-right-radius: 1px; }
.panel > .panel-body + .table, .panel > .panel-body + .table-responsive { border-top: 1px solid #eeeeee; }
.panel > .table > tbody:first-child > tr:first-child th, .panel > .table > tbody:first-child > tr:first-child td { border-top: 0; }
.panel > .table-bordered, .panel > .table-responsive > .table-bordered { border: 0; }
.panel > .table-bordered > thead > tr > th:first-child, .panel > .table-responsive > .table-bordered > thead > tr > th:first-child, .panel > .table-bordered > tbody > tr > th:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child, .panel > .table-bordered > tfoot > tr > th:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child, .panel > .table-bordered > thead > tr > td:first-child, .panel > .table-responsive > .table-bordered > thead > tr > td:first-child, .panel > .table-bordered > tbody > tr > td:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child, .panel > .table-bordered > tfoot > tr > td:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child { border-left: 0; }
.panel > .table-bordered > thead > tr > th:last-child, .panel > .table-responsive > .table-bordered > thead > tr > th:last-child, .panel > .table-bordered > tbody > tr > th:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child, .panel > .table-bordered > tfoot > tr > th:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child, .panel > .table-bordered > thead > tr > td:last-child, .panel > .table-responsive > .table-bordered > thead > tr > td:last-child, .panel > .table-bordered > tbody > tr > td:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child, .panel > .table-bordered > tfoot > tr > td:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child { border-right: 0; }
.panel > .table-bordered > thead > tr:first-child > td, .panel > .table-responsive > .table-bordered > thead > tr:first-child > td, .panel > .table-bordered > tbody > tr:first-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td, .panel > .table-bordered > thead > tr:first-child > th, .panel > .table-responsive > .table-bordered > thead > tr:first-child > th, .panel > .table-bordered > tbody > tr:first-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th { border-bottom: 0; }
.panel > .table-bordered > tbody > tr:last-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td, .panel > .table-bordered > tfoot > tr:last-child > td, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td, .panel > .table-bordered > tbody > tr:last-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th, .panel > .table-bordered > tfoot > tr:last-child > th, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th { border-bottom: 0; }
.panel > .table-responsive { border: 0; margin-bottom: 0; }
.panel-group { margin-bottom: 19px; }
.panel-group .accordion-toggle { padding-left: 5px; }
.panel-group.accordion-lg .panel + .panel { margin-top: 12px; }
.panel-group.accordion-lg .panel-heading { font-size: 14px; height: 54px; line-height: 52px; }
.panel-group .accordion-icon { padding-left: 28px; }
.panel-group .accordion-icon:after { position: absolute; content: "\f068"; font-family: "FontAwesome"; font-size: 12px; font-style: normal; font-weight: normal; -webkit-font-smoothing: antialiased; color: #555; left: 15px; top: 1px; }
.panel-group .accordion-icon.collapsed:after { content: "\f067"; }
.panel-group .panel { margin-bottom: 0; border-radius: 2px; }
.panel-group .panel + .panel { margin-top: 5px; }
.panel-group .panel-heading + .panel-collapse > .panel-body { border-top: 0; }
.panel-group .panel-footer { border-top: 0; }
.panel-group .panel-footer + .panel-collapse .panel-body { border-bottom: 1px solid #eeeeee; }
.panel-primary.panel-border { border-color: #4a89dc; }
.panel-primary > .panel-heading { color: #ffffff; background-color: #4a89dc; border-color: #4a89dc; }
.panel-primary > .panel-heading + .panel-collapse > .panel-body { border-top-color: #4a89dc; }
.panel-primary > .panel-heading .badge { color: #4a89dc; background-color: #ffffff; }
.panel-primary > .panel-heading > .panel-title { color: #ffffff; }
.panel-primary > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #4a89dc; }
.panel-primary > .panel-body.fill { color: #FFF; border-color: #82ade7; background-color: #82ade7; }
.panel-primary > .panel-body.border { border: 3px solid #4a89dc; }
.panel-success.panel-border { border-color: #70ca63; }
.panel-success > .panel-heading { color: #ffffff; background-color: #70ca63; border-color: #70ca63; }
.panel-success > .panel-heading + .panel-collapse > .panel-body { border-top-color: #70ca63; }
.panel-success > .panel-heading .badge { color: #70ca63; background-color: #ffffff; }
.panel-success > .panel-heading > .panel-title { color: #ffffff; }
.panel-success > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #70ca63; }
.panel-success > .panel-body.fill { color: #FFF; border-color: #9ddb94; background-color: #9ddb94; }
.panel-success > .panel-body.border { border: 3px solid #70ca63; }
.panel-info.panel-border { border-color: #3bafda; }
.panel-info > .panel-heading { color: #ffffff; background-color: #3bafda; border-color: #3bafda; }
.panel-info > .panel-heading + .panel-collapse > .panel-body { border-top-color: #3bafda; }
.panel-info > .panel-heading .badge { color: #3bafda; background-color: #ffffff; }
.panel-info > .panel-heading > .panel-title { color: #ffffff; }
.panel-info > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #3bafda; }
.panel-info > .panel-body.fill { color: #FFF; border-color: #73c6e5; background-color: #73c6e5; }
.panel-info > .panel-body.border { border: 3px solid #3bafda; }
.panel-warning.panel-border { border-color: #f6bb42; }
.panel-warning > .panel-heading { color: #ffffff; background-color: #f6bb42; border-color: #f6bb42; }
.panel-warning > .panel-heading + .panel-collapse > .panel-body { border-top-color: #f6bb42; }
.panel-warning > .panel-heading .badge { color: #f6bb42; background-color: #ffffff; }
.panel-warning > .panel-heading > .panel-title { color: #ffffff; }
.panel-warning > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #f6bb42; }
.panel-warning > .panel-body.fill { color: #FFF; border-color: #f9d281; background-color: #f9d281; }
.panel-warning > .panel-body.border { border: 3px solid #f6bb42; }
.panel-danger.panel-border { border-color: #e9573f; }
.panel-danger > .panel-heading { color: #ffffff; background-color: #e9573f; border-color: #e9573f; }
.panel-danger > .panel-heading + .panel-collapse > .panel-body { border-top-color: #e9573f; }
.panel-danger > .panel-heading .badge { color: #e9573f; background-color: #ffffff; }
.panel-danger > .panel-heading > .panel-title { color: #ffffff; }
.panel-danger > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #e9573f; }
.panel-danger > .panel-body.fill { color: #FFF; border-color: #f08b7a; background-color: #f08b7a; }
.panel-danger > .panel-body.border { border: 3px solid #e9573f; }
.panel-alert.panel-border { border-color: #967adc; }
.panel-alert > .panel-heading { color: #ffffff; background-color: #967adc; border-color: #967adc; }
.panel-alert > .panel-heading + .panel-collapse > .panel-body { border-top-color: #967adc; }
.panel-alert > .panel-heading .badge { color: #967adc; background-color: #ffffff; }
.panel-alert > .panel-heading > .panel-title { color: #ffffff; }
.panel-alert > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #967adc; }
.panel-alert > .panel-body.fill { color: #FFF; border-color: #bfaeea; background-color: #bfaeea; }
.panel-alert > .panel-body.border { border: 3px solid #967adc; }
.panel-system.panel-border { border-color: #37bc9b; }
.panel-system > .panel-heading { color: #ffffff; background-color: #37bc9b; border-color: #37bc9b; }
.panel-system > .panel-heading + .panel-collapse > .panel-body { border-top-color: #37bc9b; }
.panel-system > .panel-heading .badge { color: #37bc9b; background-color: #ffffff; }
.panel-system > .panel-heading > .panel-title { color: #ffffff; }
.panel-system > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #37bc9b; }
.panel-system > .panel-body.fill { color: #FFF; border-color: #64d2b6; background-color: #64d2b6; }
.panel-system > .panel-body.border { border: 3px solid #37bc9b; }
.panel-dark.panel-border { border-color: #3b3f4f; }
.panel-dark > .panel-heading { color: #ffffff; background-color: #3b3f4f; border-color: #3b3f4f; }
.panel-dark > .panel-heading + .panel-collapse > .panel-body { border-top-color: #3b3f4f; }
.panel-dark > .panel-heading .badge { color: #3b3f4f; background-color: #ffffff; }
.panel-dark > .panel-heading > .panel-title { color: #ffffff; }
.panel-dark > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #3b3f4f; }
.panel-dark > .panel-body.fill { color: #FFF; border-color: #575d75; background-color: #575d75; }
.panel-dark > .panel-body.border { border: 3px solid #3b3f4f; }
/*==================================================
  Responsive Embeds
  Credit: Nicolas Gallagher and SUIT CSS.
==================================================== */
.embed-responsive { position: relative; display: block; height: 0; padding: 0; overflow: hidden; }
.embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object { position: absolute; top: 0; left: 0; bottom: 0; height: 100%; width: 100%; border: 0; }
.embed-responsive.embed-responsive-16by9 { padding-bottom: 56.25%; }
.embed-responsive.embed-responsive-4by3 { padding-bottom: 75%; }
/*==================================================
  Wells
==================================================== */
.well { min-height: 20px; padding: 7px; margin-bottom: 20px; background-color: #ffffff; border: 1px solid #e3e3e3; border-radius: 1px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); }
.well blockquote { border-color: #ddd; border-color: rgba(0, 0, 0, 0.15); }
.well-lg { padding: 24px; border-radius: 3px; }
.well-sm { padding: 9px; border-radius: 0px; }
.well.well-xs { padding: 6px; border-radius: 0px; }
.well.well-clean { border-radius: 0; border-color: #DDD; box-shadow: none; }
/*==================================================
  Close Icons
==================================================== */
.close { float: right; font-size: 19.5px; font-weight: bold; line-height: 1; color: #000000; text-shadow: 0 1px 0 #ffffff; opacity: 0.2; filter: alpha(opacity=20); }
.close:hover, .close:focus { color: #000000; text-decoration: none; cursor: pointer; opacity: 0.5; filter: alpha(opacity=50); }
button.close { padding: 0; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; }
/*==================================================
  Background Skin Contextuals
==================================================== */
.bg-primary { background-color: #4a89dc !important; color: #f5f8fd; }
a.bg-primary:hover { background-color: #276ecc !important; }
.bg-primary .text-muted { color: #c5dcfa; }
.bg-primary .text-darken { color: #276ecc; }
.bg-primary.light { background-color: #649ae1 !important; }
.bg-primary.lighter { background-color: #75a5e4 !important; }
.bg-primary.dark { background-color: #3078d7 !important; }
.bg-primary.darker { background-color: #276ecc !important; }
.bg-primary .open > a, .bg-primary .open > a:hover, .bg-primary .open > a:focus { color: #ffffff; }
.bg-success { background-color: #70ca63 !important; color: #fcfefb; }
a.bg-success:hover { background-color: #4fbb3f !important; }
.bg-success .text-muted { color: #d6f5d1; }
.bg-success .text-darken { color: #4fbb3f; }
.bg-success.light { background-color: #85d27a !important; }
.bg-success.lighter { background-color: #93d789 !important; }
.bg-success.dark { background-color: #5bc24c !important; }
.bg-success.darker { background-color: #4fbb3f !important; }
.bg-success .open > a, .bg-success .open > a:hover, .bg-success .open > a:focus { color: #ffffff; }
.bg-info { background-color: #3bafda !important; color: #e7f5fa; }
a.bg-info:hover { background-color: #2494be !important; }
.bg-info .text-muted { color: #b6e6f8; }
.bg-info .text-darken { color: #2494be; }
.bg-info.light { background-color: #55badf !important; }
.bg-info.lighter { background-color: #66c1e2 !important; }
.bg-info.dark { background-color: #27a2cf !important; }
.bg-info.darker { background-color: #2494be !important; }
.bg-info .open > a, .bg-info .open > a:hover, .bg-info .open > a:focus { color: #ffffff; }
.bg-warning { background-color: #f6bb42 !important; color: #ffffff; }
a.bg-warning:hover { background-color: #f4a911 !important; }
.bg-warning .text-muted { color: #fff0d2; }
.bg-warning .text-darken { color: #f4a911; }
.bg-warning.light { background-color: #f7c65f !important; }
.bg-warning.lighter { background-color: #f8cd73 !important; }
.bg-warning.dark { background-color: #f5b025 !important; }
.bg-warning.darker { background-color: #f4a911 !important; }
.bg-warning .open > a, .bg-warning .open > a:hover, .bg-warning .open > a:focus { color: #ffffff; }
.bg-danger { background-color: #e9573f !important; color: #fef7f6; }
a.bg-danger:hover { background-color: #dc3519 !important; }
.bg-danger .text-muted { color: #fdccc4; }
.bg-danger .text-darken { color: #dc3519; }
.bg-danger.light { background-color: #ec6f5a !important; }
.bg-danger.lighter { background-color: #ee7f6d !important; }
.bg-danger.dark { background-color: #e63f24 !important; }
.bg-danger.darker { background-color: #dc3519 !important; }
.bg-danger .open > a, .bg-danger .open > a:hover, .bg-danger .open > a:focus { color: #ffffff; }
.bg-alert { background-color: #967adc !important; color: #ffffff; }
a.bg-alert:hover { background-color: #7652d1 !important; }
.bg-alert .text-muted { color: #f5f2fd; }
.bg-alert .text-darken { color: #7652d1; }
.bg-alert.light { background-color: #a992e2 !important; }
.bg-alert.lighter { background-color: #b6a2e7 !important; }
.bg-alert.dark { background-color: #8362d6 !important; }
.bg-alert.darker { background-color: #7652d1 !important; }
.bg-alert .open > a, .bg-alert .open > a:hover, .bg-alert .open > a:focus { color: #ffffff; }
.bg-system { background-color: #37bc9b !important; color: #cef1e8; }
a.bg-system:hover { background-color: #2b957a !important; }
.bg-system .text-muted { color: #9eeeda; }
.bg-system .text-darken { color: #2b957a; }
.bg-system.light { background-color: #48c9a9 !important; }
.bg-system.lighter { background-color: #58ceb1 !important; }
.bg-system.dark { background-color: #30a487 !important; }
.bg-system.darker { background-color: #2b957a !important; }
.bg-system .open > a, .bg-system .open > a:hover, .bg-system .open > a:focus { color: #ffffff; }
.bg-dark { background-color: #3b3f4f !important; color: #9fa4b7; }
a.bg-dark:hover { background-color: #252832 !important; }
.bg-dark .text-muted { color: #717eb2; }
.bg-dark .text-darken { color: #252832; }
.bg-dark.light { background-color: #484d61 !important; }
.bg-dark.lighter { background-color: #51566c !important; }
.bg-dark.dark { background-color: #2e313d !important; }
.bg-dark.darker { background-color: #252832 !important; }
.bg-dark .open > a, .bg-dark .open > a:hover, .bg-dark .open > a:focus { color: #ffffff; }
.bg-light { background-color: #FAFAFA; color: #666; }
a.bg-light:hover { background-color: #e8e8e8 !important; }
.bg-light .text-muted { color: #999; }
.bg-light .text-darken { color: #222; }
.bg-light.light { background-color: #FEFEFE; }
.bg-light.lighter { background-color: #FFF; }
.bg-light.dark { background-color: #F2F2F2; }
.bg-light.darker { background-color: #E7E7E7; }
.bg-white { background-color: #FAFAFA; color: #666; background-color: #FFF !important; }
a.bg-white:hover { background-color: #ededed !important; }
.bg-white .text-muted { color: #999; }
.bg-white .text-darken { color: #222; }
.bg-white.light { background-color: #FEFEFE; }
.bg-white.lighter { background-color: #FFF; }
.bg-white.dark { background-color: #F2F2F2; }
.bg-white.darker { background-color: #E7E7E7; }
.bg-tp { background-color: rgba(0, 0, 0, 0.5) !important; }
.bg-gradient { border-color: rgba(0, 0, 0, 0.07) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.18); -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2); background-repeat: repeat-x; background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3) 1%, rgba(255, 255, 255, 0.15) 100%); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3) 1%, rgba(255, 255, 255, 0.15) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80ffffff', endColorstr='#00ffffff', GradientType=0);
}
.bg-background { z-index: 0; color: #FFF; position: relative; }
.bg-background.bg-topbar { background: url("../../../img/patterns/topbar-bg.jpg") no-repeat center left; }
.bg-background.bg-topbar2 { background: url("../../../img/patterns/topbar-bg2.jpg") no-repeat center left; }
.bg-background.bg-topbar3 { background: url("../../../img/patterns/topbar-bg3.jpg") no-repeat center left; }
.bg-background.bg-psuedo-tp:before, .bg-background.bg-psuedo-tp-dark:before, .bg-background.bg-psuedo-tp-light:before { z-index: -1; content: ""; position: absolute; top: 0; right: 0; left: 0; bottom: 0; background: rgba(0, 0, 0, 0.4); }
.bg-background.bg-psuedo-tp-dark:before { background: rgba(0, 0, 0, 0.6); }
.bg-background.bg-psuedo-tp-light:before { background: rgba(0, 0, 0, 0.2); }
/*===============================================
  Tabs
================================================= */
/* Tabs Wrapper */
.tab-block { position: relative; }
/* Tabs Content Container */
.tab-block .tab-content { overflow: auto; position: relative; z-index: 10; min-height: 125px; padding: 16px 12px; border: 1px solid #e5e5e5; background-color: #FFF; }
/* Tab Navigation */
.tab-block .nav-tabs { position: relative; border: 0; }
.tab-block .nav-tabs > li { float: left; margin-bottom: -1px; }
.tab-block .nav-tabs > li > a { position: relative; z-index: 9; padding: 9px 16px; margin-right: -1px; font-weight: 600; color: #777; border-color: #e5e5e5; border-radius: 0; background: #fafafa; }
.tab-block .nav-tabs > li:first-child > a { margin-left: 0; }
/* tab states */
.tab-block .nav-tabs > li > a:hover { background-color: #eeeeee; }
/* active states */
.tab-block .nav-tabs > li.active > a, .tab-block .nav-tabs > li.active > a:hover, .tab-block .nav-tabs > li.active > a:focus { cursor: default; position: relative; z-index: 12; color: #555555; background: #FFF; border-color: #e5e5e5; border-bottom: 1px solid #FFF; }
/* Tabs - Left */
.tabs-left { float: left; }
.tabs-left > li { float: none; margin: 0 -1px -1px 0; }
.tabs-left > li > a { padding: 12px 16px; color: #777; font-weight: 600; border: 1px solid transparent; border-color: #DDD; background: #fafafa; }
/* tab states */
.tab-block .tabs-left > li.active > a, .tab-block .tabs-left > li.active > a:hover, .tab-block .tabs-left > li.active > a:focus { color: #555; border-color: #DDD #FFF #DDD #DDD; cursor: default; position: relative; z-index: 12; background: #FFF; }
/* Tabs - Right */
.tabs-right { float: right; }
.tabs-right > li { float: none; margin: 0 0 -1px -1px; }
.tabs-right > li > a { padding: 12px 16px; color: #777; font-weight: 600; border: 1px solid transparent; border-color: #DDD; background: #fafafa; }
/* tab states */
.tab-block .tabs-right > li.active > a, .tab-block .tabs-right > li.active > a:hover, .tab-block .tabs-right > li.active > a:focus { color: #555; border-color: #DDD #DDD #DDD #FFF; cursor: default; position: relative; z-index: 12; background: #FFF; }
/* Tabs - Below */
.tabs-below { position: relative; }
.tabs-below > li { float: left; margin-top: -1px; }
.tabs-below > li > a { position: relative; z-index: 9; margin-right: -1px; padding: 11px 16px; color: #777; font-weight: 600; border: 1px solid #DDD; background: #fafafa; }
/* tab states */
.tab-block .tabs-below > li.active > a, .tab-block .tabs-below > li.active > a:hover, .tab-block .tabs-below > li.active > a:focus { cursor: default; position: relative; z-index: 12; color: #555555; background: #FFF; border-color: #DDD; border-top: 1px solid #FFF; }
/* TABS JUSTIFIED */
.tab-block .nav-tabs.nav-justified { top: 1px; margin-top: -1px; }
.tab-block .nav-tabs.nav-justified > li { float: none; }
.tab-block .nav-tabs.nav-justified > li > a { padding: 11px; }
/* tabs justified - bottom */
.tab-block .tab-content + .nav-tabs.nav-justified { top: -1px; margin-top: 0; }
.tab-block .tab-content + .nav-tabs.nav-justified > li.active > a { border-top-color: #fff; border-bottom-color: #DDD; }
.tab-block .tab-content + .tabs-border.nav-justified > li.active > a { border-bottom: 2px solid #666; }
/* TAB ALTERNATE ALIGNMENT - RIGHT */
.nav-tabs.nav-tabs-right > li { float: right; }
.nav-tabs.nav-tabs-right > li:first-child > a { margin-right: 0; }
/* 
 * Alternate Tab Styles - Active Border
*/
/* tabs default */
.tab-block .tabs-border.nav-tabs > li.active > a { margin-top: -1px; border-top: 2px solid #666; }
/* tabs left */
.tab-block .tabs-border.tabs-left > li.active > a { margin-left: -1px; border-left: 2px solid #666; }
/* tabs right */
.tab-block .tabs-border.tabs-right > li.active > a { margin-right: -1px; border-right: 2px solid #666; }
/* tabs bottom */
.tab-block .tabs-border.tabs-below > li.active > a { margin-bottom: -1px; border-bottom: 2px solid #666; }
/* 
 * Alternate Tab Styles - Active Inverse Border
*/
.tab-block .tabs-border-bottom.nav-tabs > li.active > a, .tab-block .tabs-border-bottom .nav-tabs > li.active > a { color: #555; font-weight: 600; margin-bottom: -1px; background: #f7f7f7; border-color: #DDD; border-bottom: 2px solid #666; }
/* 
 * Alternate Tab Styles - Nav BG
*/
/* tabs default */
.tabs-bg.nav-tabs { background: #f5f5f5; border: 1px solid #DDD; border-bottom: none; padding: 10px 10px 0; }
/* tabs bottom */
.tabs-bg.tabs-below { background: #f5f5f5; border: 1px solid #DDD; border-top: none; padding: 0 10px 6px; }
/*===============================================
  E. Unstyled BLOCK TABS
  -----------------------------------------------
  Removes container and active borders
  Used primarily in sidebars
================================================= */
.tab-block.sidebar-block .nav-tabs > li > a { border: 0; background: #ececec; padding: 16px 11px; }
.tab-block.sidebar-block .nav-tabs > li.active > a { border: 0; background: #f8f8f8; }
.tab-block.sidebar-block .tab-content { border: 0; background: transparent; }
/*===============================================
  E. PANEL TABS
  -----------------------------------------------
  Panel Tab Navigation must be placed inside
  ".panel-heading" see Docs for example 
================================================= */
.panel-tabs { position: absolute; bottom: 0; right: 0; }
/* tabs */
.panel-tabs > li { position: relative; float: left; margin-bottom: -1px; }
.panel-tabs > li > a { line-height: 18px; border-radius: 0; padding: 10px 18px; border-left: 1px solid #DDD; font-size: 12px; color: #777; }
/* hover and active states */
.panel-tabs > li > a:hover { background-color: transparent; }
.panel-tabs > li.active > a, .panel-tabs > li.active > a:hover, .panel-tabs > li.active > a:focus { color: #555555; cursor: default; background: #ffffff; }
/* Panel Tab Alignments */
.panel-tabs-left { left: 0; }
.panel-tabs-left > li > a { border-right: 1px solid #DDD; border-left: 1px solid transparent; }
.panel-tabs.panel-tabs-border > li.active:after { background: #4a89dc; }
/* TAB NAVIGATION - ALT STYLE: BORDER */
.tabs-border.nav-tabs > li.active > a, .tabs-border-bottom .nav-tabs > li.active > a { border-top-color: #4a89dc; }
/* TAB NAVIGATION - ALT STYLE: BORDER */
.tabs-border.tabs-left > li.active > a, .tabs-border .tabs-left > li.active > a { border-left-color: #4a89dc; }
/* TAB NAVIGATION - ALT STYLE: BORDER */
.tabs-border.tabs-right > li.active > a, .tabs-border .tabs-right > li.active > a { border-right-color: #4a89dc; }
/* TAB NAVIGATION - ALT STYLE: BORDER */
.tabs-border-bottom.nav-tabs > li.active > a, .tabs-border-bottom .nav-tabs > li.active > a { border-bottom-color: #4a89dc; }
/*==================================================
  Pricing Tables
==================================================== */
/* Regular Pricing Plan */
.pricing-table .pricing-plan { margin: 30px -16px 20px -16px; border: 1px solid #DDD; background-color: #fafafa; text-align: center; }
/* Plan Header */
.plan-header { height: 76px; background: #f4f4f4; padding: 25px 5px 20px; }
/* Header Title */
.plan-header h2 { margin-bottom: 5px; font-weight: 200; }
/* Header SubTitle */
/* Pricing Table Cost Figure */
.plan-pricing { height: 124px; padding: 23px 0 24px; border-top: 1px solid #e7e7e7; }
.plan-pricing span { color: #333; font-size: 26px; font-weight: 200; display: inline-block; vertical-align: top; margin-left: -20px; padding-left: 5px; padding-top: 6px; }
.plan-pricing h2 { display: inline-block; margin: 0; color: #555; font-size: 54px; font-weight: 600; }
.plan-pricing h6 { color: #888; font-size: 12px; font-weight: 200; margin: 4px 0 0; }
/* Pricing Table Item Features */
.plan-features ul { margin: 0; padding: 0; list-style: none; border-top: 1px solid #e7e7e7; }
.plan-features li { padding: 12px 0; border-bottom: 1px solid #e7e7e7; background-color: #FFF; color: #999; margin: 0; }
.plan-features li:last-child { border-bottom: 0; }
.plan-features li b { font-weight: 600; }
.plan-features li i.fa { font-size: 15px; color: #777; padding-right: 8px; }
/* Pricing Table Icons */
.plan-icons ul { list-style: none; padding: 0; margin: 0; }
.plan-icons li { padding: 10px 0; border-bottom: 1px solid #e7e7e7; background-color: #FFF; font-size: 18px; margin: 0; }
.plan-icons li:last-child { border-bottom: 0; }
/* Pricing Table Sign Up Button*/
.plan-footer { border-top: 1px solid #e7e7e7; }
.plan-footer .btn { margin: 20px 0; padding: 8px 26px; }
/* Hero Pricing Plan Modifications */
.hero-plan { z-index: 10; }
.hero-plan .pricing-plan { background-color: #f6f6f6; padding: 0 0 20px 0; margin: 0 -17px 20px -17px; border-bottom: 1px solid #BBB; -webkit-box-shadow: 0 0 20px rgba(100, 100, 100, 0.2); box-shadow: 0 0 20px rgba(100, 100, 100, 0.2); }
.hero-plan .pricing-plan .pricing-title { color: #FFF; margin: -1px -1px 0 -1px; }
.hero-plan .pricing-plan .pricing-title h2 { color: #FFF; font-weight: 600; }
.hero-plan .pricing-plan .pricing-subtitle { text-transform: uppercase; font-size: 12px; margin-top: 4px; font-weight: 600; }
.hero-plan .pricing-plan a.btn { margin: 40px 0 20px; }
.pricing-compare .plan-desc { height: 200px; text-align: center; padding: 25px 5px 10px; }
.pricing-compare .plan-desc h2 { font-weight: 400; }
.pricing-compare .plan-desc h6 { font-weight: 400; }
.pricing-compare .plan-desc span { color: #3078d7; font-size: 24px; padding: 13px 0 24px; }
/*==================================================
  Switches - Created with Pure CSS, no js required
==================================================== */
div.switch label { display: block; position: relative; color: transparent; background: #ddd; text-indent: 100%; width: 52px; height: 26px; cursor: pointer; transition: left 0.15s ease-out; }
div.switch input { display: none; }
div.switch input + label { margin-left: 0; margin-right: 0; }
div.switch label:after { content: ""; display: block; background: #fff; position: absolute; top: 3px; left: 3px; width: 19px; height: 19px; -webkit-transition: left 0.15s ease-out; -moz-transition: left 0.15s ease-out; transition: left 0.15s ease-out; }
div.switch input:checked + label { background: #2ba6cb; }
div.switch input:checked + label:after { left: 29px; }
div.switch label { width: 52px; height: 26px; }
div.switch label:after { width: 19px; height: 19px; }
div.switch input:checked + label:after { left: 29px; }
div.switch label { color: transparent; background: #777777; }
div.switch label:after { background: #ffffff; }
div.switch input:checked + label { background: #2ba6cb; }
/* Switch Sizes */
div.switch.switch-lg label { width: 65px; height: 32px; }
div.switch.switch-lg label:after { width: 26px; height: 26px; }
div.switch.switch-lg input:checked + label:after { left: 35px; }
div.switch.switch-sm label { width: 45px; height: 22px; }
div.switch.switch-sm label:after { width: 16px; height: 16px; }
div.switch.switch-sm input:checked + label:after { left: 26px; }
div.switch.switch-xs label { width: 39px; height: 19px; }
div.switch.switch-xs label:after { width: 13px; height: 13px; }
div.switch.switch-xs input:checked + label:after { left: 22px; }
div.switch.radius label { border-radius: 4px; }
div.switch.radius label:after { border-radius: 3px; }
/* Switch Option - Rounded */
div.switch.round { border-radius: 1000px; }
div.switch.round label { border-radius: 26px; }
div.switch.round label:after { border-radius: 26px; }
/* Switch Option - Inline */
.switch.switch-inline { display: inline-block; }
.switch.switch-inline + .switch.switch-inline { margin-left: 15px; }
div.switch.switch-primary input:checked + label { background-color: #4a89dc; }
div.switch.switch-success input:checked + label { background-color: #70ca63; }
div.switch.switch-info input:checked + label { background-color: #3bafda; }
div.switch.switch-warning input:checked + label { background-color: #f6bb42; }
div.switch.switch-danger input:checked + label { background-color: #e9573f; }
div.switch.switch-alert input:checked + label { background-color: #967adc; }
div.switch.switch-system input:checked + label { background-color: #37bc9b; }
div.switch.switch-dark input:checked + label { background-color: #3b3f4f; }
/*==================================================
  Radios and Checkboxes
==================================================== */
.radio-custom, .checkbox-custom { background-color: transparent; color: inherit; }
/* hide default input */
.radio-custom input, .checkbox-custom input { display: none; }
.checkbox-custom label:empty, .radio-custom label:empty { padding-left: 10px; }
/* radio container */
.radio-custom label { cursor: pointer; position: relative; padding-left: 32px; margin-right: 15px; margin-bottom: 5px; }
/* radio border */
.radio-custom label:before { content: ""; position: absolute; top: 0; left: 0; border-radius: 64px; width: 20px; height: 20px; border: 2px solid #666; }
/* check radio icon */
.radio-custom input[type=radio]:checked + label:after, .radio-custom input[type=checkbox]:checked + label:after { content: ""; position: absolute; top: 5px; left: 5px; border-radius: 64px; width: 10px; height: 10px; color: #666; background-color: #666; }
/* alt style - square */
.radio-custom.square label:before { border-radius: 2px; }
.radio-custom.square input[type=radio]:checked + label:after, .radio-custom.square input[type=checkbox]:checked + label:after { border-radius: 2px; }
/* checkbox container */
.checkbox-custom label { cursor: pointer; position: relative; padding-left: 32px; margin-right: 15px; margin-bottom: 5px; }
/* checkbox border */
.checkbox-custom label:before { content: ""; position: absolute; top: 0; left: 0; width: 22px; height: 21px; background-color: #FFF; border: 1px solid #666; border-width: 2px; border-radius: 1px; }
/* checked state icon */
.checkbox-custom input[type=checkbox]:checked + label:after, .checkbox-custom input[type=radio]:checked + label:after { position: absolute; font-family: "FontAwesome"; content: "\f00c"; font-size: 12px; top: 3px; left: 4px; width: 0; height: 0; transform: rotate(-13deg); }
/* alt style - filled bg ".fill" */
.checkbox-custom.fill label { cursor: pointer; position: relative; padding-left: 32px; margin-right: 15px; margin-bottom: 5px; }
.checkbox-custom.fill label:before { content: ""; position: absolute; top: 0; left: 0; border-radius: 2px; width: 22px; height: 21px; background-color: #666; }
.checkbox-custom.fill input[type=checkbox]:checked + label:after, .checkbox-custom.fill input[type=radio]:checked + label:after { position: absolute; font-family: "FontAwesome"; content: "\f00c"; font-size: 12px; top: 3px; left: 3px; width: 0; height: 0; color: #fff !important; transform: rotate(-13deg); }
.radio-custom.radio-primary label:before, .checkbox-custom.checkbox-primary label:before { border-color: #649ae1; }
.radio-custom.radio-primary input[type=radio]:checked + label:after, .radio-custom.radio-primary input[type=checkbox]:checked + label:after, .checkbox-custom.checkbox-primary input[type=checkbox]:checked + label:after, .checkbox-custom.checkbox-primary input[type=radio]:checked + label:after { background-color: #649ae1; color: #649ae1; }
.checkbox-custom.fill.checkbox-primary label:before { background-color: #649ae1; }
.radio-custom.radio-success label:before, .checkbox-custom.checkbox-success label:before { border-color: #85d27a; }
.radio-custom.radio-success input[type=radio]:checked + label:after, .radio-custom.radio-success input[type=checkbox]:checked + label:after, .checkbox-custom.checkbox-success input[type=checkbox]:checked + label:after, .checkbox-custom.checkbox-success input[type=radio]:checked + label:after { background-color: #85d27a; color: #85d27a; }
.checkbox-custom.fill.checkbox-success label:before { background-color: #85d27a; }
.radio-custom.radio-info label:before, .checkbox-custom.checkbox-info label:before { border-color: #55badf; }
.radio-custom.radio-info input[type=radio]:checked + label:after, .radio-custom.radio-info input[type=checkbox]:checked + label:after, .checkbox-custom.checkbox-info input[type=checkbox]:checked + label:after, .checkbox-custom.checkbox-info input[type=radio]:checked + label:after { background-color: #55badf; color: #55badf; }
.checkbox-custom.fill.checkbox-info label:before { background-color: #55badf; }
.radio-custom.radio-warning label:before, .checkbox-custom.checkbox-warning label:before { border-color: #f7c65f; }
.radio-custom.radio-warning input[type=radio]:checked + label:after, .radio-custom.radio-warning input[type=checkbox]:checked + label:after, .checkbox-custom.checkbox-warning input[type=checkbox]:checked + label:after, .checkbox-custom.checkbox-warning input[type=radio]:checked + label:after { background-color: #f7c65f; color: #f7c65f; }
.checkbox-custom.fill.checkbox-warning label:before { background-color: #f7c65f; }
.radio-custom.radio-danger label:before, .checkbox-custom.checkbox-danger label:before { border-color: #ec6f5a; }
.radio-custom.radio-danger input[type=radio]:checked + label:after, .radio-custom.radio-danger input[type=checkbox]:checked + label:after, .checkbox-custom.checkbox-danger input[type=checkbox]:checked + label:after, .checkbox-custom.checkbox-danger input[type=radio]:checked + label:after { background-color: #ec6f5a; color: #ec6f5a; }
.checkbox-custom.fill.checkbox-danger label:before { background-color: #ec6f5a; }
.radio-custom.radio-alert label:before, .checkbox-custom.checkbox-alert label:before { border-color: #a992e2; }
.radio-custom.radio-alert input[type=radio]:checked + label:after, .radio-custom.radio-alert input[type=checkbox]:checked + label:after, .checkbox-custom.checkbox-alert input[type=checkbox]:checked + label:after, .checkbox-custom.checkbox-alert input[type=radio]:checked + label:after { background-color: #a992e2; color: #a992e2; }
.checkbox-custom.fill.checkbox-alert label:before { background-color: #a992e2; }
.radio-custom.radio-system label:before, .checkbox-custom.checkbox-system label:before { border-color: #48c9a9; }
.radio-custom.radio-system input[type=radio]:checked + label:after, .radio-custom.radio-system input[type=checkbox]:checked + label:after, .checkbox-custom.checkbox-system input[type=checkbox]:checked + label:after, .checkbox-custom.checkbox-system input[type=radio]:checked + label:after { background-color: #48c9a9; color: #48c9a9; }
.checkbox-custom.fill.checkbox-system label:before { background-color: #48c9a9; }
.radio-custom.radio-dark label:before, .checkbox-custom.checkbox-dark label:before { border-color: #484d61; }
.radio-custom.radio-dark input[type=radio]:checked + label:after, .radio-custom.radio-dark input[type=checkbox]:checked + label:after, .checkbox-custom.checkbox-dark input[type=checkbox]:checked + label:after, .checkbox-custom.checkbox-dark input[type=radio]:checked + label:after { background-color: #484d61; color: #484d61; }
.checkbox-custom.fill.checkbox-dark label:before { background-color: #484d61; }
.radio-custom.radio-light label:before, .checkbox-custom.checkbox-light label:before { border-color: #eee; }
.radio-custom.radio-light input[type=radio]:checked + label:after, .radio-custom.radio-light input[type=checkbox]:checked + label:after, .checkbox-custom.checkbox-light input[type=checkbox]:checked + label:after, .checkbox-custom.checkbox-light input[type=radio]:checked + label:after { background-color: #666; color: #666 !important; }
.checkbox-custom.fill.checkbox-light label:before { background-color: #eee; }
.radio-custom.radio-disabled label:before, .checkbox-custom.checkbox-disabled label:before { border-color: #b9b9b9; }
.radio-custom.radio-disabled input[type=radio]:checked + label:after, .radio-custom.radio-disabled input[type=checkbox]:checked + label:after, .checkbox-custom.checkbox-disabled input[type=checkbox]:checked + label:after, .checkbox-custom.checkbox-disabled input[type=radio]:checked + label:after { background-color: #b9b9b9; color: #b9b9b9; }
.checkbox-custom.fill.checkbox-disabled label:before { background-color: #b9b9b9; }
/*==================================================
  Icons
==================================================== */
.wf-loading .glyphicons, .wf-loading .glyphicon, .wf-loading .imoon, .wf-loading .fa, .wf-loading .iconsweets { opacity: 0 !important; }
/* Font Awesome Fixed Width Helpers */
.fs15.fa-fw { width: 35px; }
.fs16.fa-fw { width: 40px; }
.fs17.fa-fw { width: 43px; }
.fs18.fa-fw { width: 46px; }
/* Icon Transitions */
.glyphicon, .glyphicons, .imoon, .fa, .iconsweets { opacity: 1; transition: opacity 0.1s ease-in; -moz-transition: opacity 0.1s ease-in; -webkit-transition: opacity 0.1s ease-in; }
/* Glyphicon Pro and Halfling */
.glyphicons-2x, .glyphicon-2x { font-size: 2em; }
.glyphicons-3x, .glyphicon-3x { font-size: 3em; }
.glyphicons-4x, .glyphicon-4x { font-size: 4em; }
.glyphicons-5x, .glyphicon-5x { font-size: 5em; }
/* Icomoon Font Icons */
.imoon-2x { font-size: 2em; }
.imoon-3x { font-size: 3em; }
.imoon-4x { font-size: 4em; }
.imoon-5x { font-size: 5em; }
/* IconSweets2 Font Icons */
.iconsweets-2x { font-size: 2em; }
.iconsweets-3x { font-size: 3em; }
.iconsweets-4x { font-size: 4em; }
.iconsweets-5x { font-size: 5em; }
/* Buttons with Icons 
* Cross browser problems were creating problems when
* an icon was given a larger font size than its sibling
* text. To fix Line height, vertical align, and top
* positioning have been redefined */
.btn .glyphicon, .btn .glyphicons { top: -1px; vertical-align: middle; line-height: 0; font-size: 1.1em; }
/* A Helper Class to Align Icons Right in Control-forms */
span.field-icon-right, i.field-icon-right { position: absolute; right: 10px; top: 8px; }
/* Icon Background and Borders 
* properly align icons that have been placed inside of titles
* Useful for matching icon size to adjacent text 
* Icon Background Shapes */
.icon-circle { top: 0; padding: 9px; position: relative; overflow: visible; border-radius: 64px; }
.icon-square { top: 0; padding: 9px; border-radius: 4px; }
/* Icon Background Sizes */
.icon-circle.glyphicon-2x, .icon-circle.glyphicons-2x { padding: 12px; }
.icon-circle.glyphicon-3x, .icon-circle.glyphicons-3x { padding: 20px; }
.icon-circle.glyphicon-4x, .icon-circle.glyphicons-4x { padding: 35px; }
.icon-square.glyphicon-2x, .icon-square.glyphicons-2x { padding: 12px; }
.icon-square.glyphicon-3x, .icon-square.glyphicons-3x { padding: 20px; }
.icon-square.glyphicon-4x, .icon-square.glyphicons-4x { padding: 35px; }
/* WIDGET SPECIFIC ICON STYLING
* ALL elements which use icons have been
* moved from their respective positions
* and placed here for easy icon styling */
/* Header Button Icons */
.navbar-menus > div > button > span, .navbar-menus > div > button > i { font-size: 15px; vertical-align: middle; }
/* Special on-hover styles for user dropdown menu */
.user-menu ul.dropdown-items > li:hover .glyphicon { color: #d9534f; }
.user-menu ul.dropdown-items > li:last-child:hover .glyphicon { color: #888; }
.user-menu ul.dropdown-items > li:last-child > div:hover .glyphicon { color: #d9534f; }
/* Breadcrumb "Home" Icon */
.breadcrumb .glyphicon, .breadcrumb .glyphicons { color: #777; font-size: 11px; margin-left: 1px; top: 0; }
/* Panel Sidemenu Icons */
.panel-sidemenu ul.nav li.active .fa { color: #4a89dc; }
.panel-sidemenu ul.nav li a:hover { background: none; }
.panel-sidemenu ul.nav li .fa { width: 28px; color: #BBB; font-size: 18px; }
/* Panel Tabs Icons */
.panel-tabs li .glyphicon, .panel-tabs li .glyphicons, .panel-tabs li .fa { font-size: 14px; }
.panel-tabs .imoon, .panel-tabs .iconsweets { font-size: 14px; vertical-align: middle; }
/* Mildly styles a font awesome based icon group
 * used in occasionaly in panel heading. Look at 
 * message widget on index.html for example */
.mini-action-icons .fa { position: relative; top: 2px; padding-right: 10px; color: #777; font-size: 16px; cursor: pointer; }
/* Pricing Table Icons */
.pricing-tables .pricing-icons li .fa-times { color: #e74a4a; }
.pricing-tables .pricing-icons li .fa-ellipsis-h { color: #555555; }
/* Tab Navigation Icons */
.nav-tabs li .fa { font-size: 14px; }
.nav-tabs li .fa.fa-caret-down { font-size: 12px; }
/* Timeline Widget Icons */
.timeline-widget span.glyphicons { z-index: 11; position: relative; top: 2px; width: auto; padding: 6px; font-size: 18px; border-radius: 50%; -webkit-box-shadow: 1px 1px 2px #AAA; box-shadow: 1px 1px 2px #AAA; }
/* Favicon sprite */
.favicons { background: url('../../../img/sprites/favicons.png') no-repeat; width: 16px; height: 16px; vertical-align: middle; display: inline-block; }
.google { background-position: 0 0; }
.yahoo { background-position: 0 -15px; }
.bing { background-position: 0 -30px; }
.chrome { background-position: 0 -45px; }
.firefox { background-position: 0 -61px; }
.ie { background-position: 0 -78px; }
.safari { background-position: 0 -96px; }
/* News Sprite - Demo purposes */
.news-sprite { width: 25px; height: 26px; vertical-align: middle; display: inline-block; background: url("../../../img/sprites/news-logo_sprite.png") no-repeat; background-position: 0 0; }
.news-sprite.cnn { background-position: 0 0; }
.news-sprite.yahoo { background-position: 0 -26px; }
.news-sprite.google { background-position: 0 -50px; }
.news-sprite.fb { background-position: 0 -75px; }
/* Flag Icons */
.flag-xs, .flag-sm, .flag, .flag-lg { display: inline-block; vertical-align: middle; }
.flag-xs { width: 16px; height: 16px; background: url('../../../img/sprites/flag-xs.png') no-repeat top left; }
.flag-sm { width: 32px; height: 32px; background: url('../../../img/sprites/flag-sm.png') no-repeat top left; }
.flag-sm.flag-fr { background-position: 0 0; }
.flag-sm.flag-de { background-position: 0 -33px; }
.flag-sm.flag-in { background-position: 0 -66px; }
.flag-sm.flag-es { background-position: 0 -99px; }
.flag-sm.flag-tr { background-position: 0 -132px; }
.flag-sm.flag-us { background-position: 0 -165px; }
.flag-xs.flag-fr { background-position: 0 0; }
.flag-xs.flag-de { background-position: 0 -17px; }
.flag-xs.flag-es { background-position: 0 -34px; }
.flag-xs.flag-tr { background-position: 0 -51px; }
.flag-xs.flag-us { background-position: 0 -68px; }
/*===============================================
  Widget Tiles
================================================= */
.icon-bg { position: absolute; opacity: 0.75; right: 0; top: 0; line-height: 100px; font-size: 100px; }
.icon-bg.left { right: auto; left: 0; }
.panel-tile .panel-body, .panel-tile .panel-footer { border: 0; }
/* ==============================================
   Widgets
     A. Timeline
     B. More Coming Soon
=================================================
   A. Timeline
================================================= */
ol.timeline-list { list-style: none; padding-left: 0; margin: 0; color: #AAA; }
ol.timeline-list li.timeline-item { position: relative; padding: 15px 120px 15px 50px; }
ol.timeline-list li.timeline-item:hover .timeline-icon, ol.timeline-list li.timeline-item:focus .timeline-icon { opacity: 1; }
ol.timeline-list li.timeline-item:after { content: ""; position: absolute; display: block; left: 23px; top: 0; height: 100%; width: 3px; background: #E8E8E8; }
ol.timeline-list li.timeline-item + .timeline-item { border-top: 1px solid #E8E8E8; }
ol.timeline-list li.timeline-item .timeline-desc { letter-spacing: 0.2px; }
ol.timeline-list li.timeline-item .timeline-desc b, ol.timeline-list li.timeline-item .timeline-desc strong { color: #333; font-weight: 600; }
ol.timeline-list li.timeline-item .timeline-desc a { padding: 0 2px; color: #3bafda; }
ol.timeline-list li.timeline-item .timeline-icon { opacity: 0.85; z-index: 2; position: absolute; left: 10px; top: 10px; background: #BBB; width: 30px; height: 30px; line-height: 26px; color: #FFF; text-align: center; border-radius: 26px; border: 2px solid #FFF; }
ol.timeline-list li.timeline-item .timeline-date { position: absolute; right: 15px; top: 15px; }
.tray-left ol.timeline-list li.timeline-item, .tray-right ol.timeline-list li.timeline-item { position: relative; padding: 15px 80px 15px 50px; }
/*==================================================
  Modals
==================================================== */
.modal-open { overflow: hidden; }
.modal { display: none; overflow: hidden; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1599; -webkit-overflow-scrolling: touch; outline: 0; }
.modal.fade .modal-dialog { -webkit-transform: translate3d(0, -25%, 0); transform: translate3d(0, -25%, 0); -webkit-transition: -webkit-transform 0.3s ease-out; -moz-transition: -moz-transform 0.3s ease-out; -o-transition: -o-transform 0.3s ease-out; transition: transform 0.3s ease-out; }
.modal.in .modal-dialog { z-index: 1050; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.modal-open .modal { overflow-x: hidden; overflow-y: auto; }
.modal-dialog { position: relative; width: auto; margin: 10px; }
.modal-content { position: relative; background-color: #ffffff; border: 1px solid #999999; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 3px; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); background-clip: padding-box; outline: 0; }
.modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000000; }
.modal-backdrop.fade { opacity: 0; filter: alpha(opacity=0); }
.modal-backdrop.in { opacity: 0.5; filter: alpha(opacity=50); }
.modal-header { padding: 15px; border-bottom: 1px solid #e5e5e5; min-height: 16.5px; }
.modal-header .close { margin-top: -2px; }
.modal-title { margin: 0; line-height: 1.5; }
.modal-body { position: relative; padding: 15px; }
.modal-footer { padding: 15px; padding: 10px; text-align: right; border-top: 1px solid #e5e5e5; background: #f2f2f2; }
.modal-footer .btn + .btn { margin-left: 5px; margin-bottom: 0; }
.modal-footer .btn-group .btn + .btn { margin-left: -1px; }
.modal-footer .btn-block + .btn-block { margin-left: 0; }
.modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; }
@media (min-width: 768px) {
.modal-dialog { width: 600px; margin: 30px auto; }
.modal-content { -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); }
.modal-sm { width: 300px; }
}
@media (min-width: 992px) {
.modal-lg { width: 900px; }
}
/*==================================================
  Tooltips
==================================================== */
.tooltip { position: absolute; z-index: 1070; display: block; visibility: visible; font-size: 12px; line-height: 1.4; opacity: 0; filter: alpha(opacity=0); }
.tooltip.in { opacity: 0.9; filter: alpha(opacity=90); }
.tooltip.top { margin-top: -3px; padding: 5px 0; }
.tooltip.right { margin-left: 3px; padding: 0 5px; }
.tooltip.bottom { margin-top: 3px; padding: 5px 0; }
.tooltip.left { margin-left: -3px; padding: 0 5px; }
.tooltip-inner { max-width: 200px; padding: 3px 8px; color: #ffffff; text-align: center; text-decoration: none; background-color: #000000; border-radius: 1px; }
.tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; }
.tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-width: 5px 5px 0; border-top-color: #000000; }
.tooltip.top-left .tooltip-arrow { bottom: 0; left: 5px; border-width: 5px 5px 0; border-top-color: #000000; }
.tooltip.top-right .tooltip-arrow { bottom: 0; right: 5px; border-width: 5px 5px 0; border-top-color: #000000; }
.tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-width: 5px 5px 5px 0; border-right-color: #000000; }
.tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-width: 5px 0 5px 5px; border-left-color: #000000; }
.tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-width: 0 5px 5px; border-bottom-color: #000000; }
.tooltip.bottom-left .tooltip-arrow { top: 0; left: 5px; border-width: 0 5px 5px; border-bottom-color: #000000; }
.tooltip.bottom-right .tooltip-arrow { top: 0; right: 5px; border-width: 0 5px 5px; border-bottom-color: #000000; }
/*===============================================
  S. Bootstrap Tooltips
================================================= */
/* white tooltips */
.tooltip-white.in { opacity: 1; }
.tooltip-white { min-width: 60px; transition: opacity 0.3s ease; }
.tooltip-white .tooltip-inner { background-color: #FFF; color: #555; font-weight: 600; border-radius: 2px; }
.tooltip-white.top .tooltip-arrow { border-top-color: #FFF; }
.tooltip-white.bottom .tooltip-arrow { border-bottom-color: #FFF; }
.tooltip-white.right .tooltip-arrow { border-right-color: #FFF; }
.tooltip.left .tooltip-arrow { border-left-color: #FFF; }
/*==================================================
  Popovers
==================================================== */
.popover { position: absolute; top: 0; left: 0; z-index: 1060; display: none; max-width: 276px; padding: 1px; text-align: left; background-color: #ffffff; background-clip: padding-box; border: 1px solid #cccccc; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 3px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); white-space: normal; }
.popover.top { margin-top: -10px; }
.popover.right { margin-left: 10px; }
.popover.bottom { margin-top: 10px; }
.popover.left { margin-left: -10px; }
.popover-title { margin: 0; padding: 8px 14px; font-size: 13px; font-weight: normal; line-height: 18px; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-radius: 2px 2px 0 0; }
.popover-content { padding: 9px 14px; }
.popover > .arrow, .popover > .arrow:after { position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid; }
.popover > .arrow { border-width: 11px; }
.popover > .arrow:after { border-width: 10px; content: ""; }
.popover.top > .arrow { left: 50%; margin-left: -11px; border-bottom-width: 0; border-top-color: #999999; border-top-color: rgba(0, 0, 0, 0.25); bottom: -11px; }
.popover.top > .arrow:after { content: " "; bottom: 1px; margin-left: -10px; border-bottom-width: 0; border-top-color: #ffffff; }
.popover.right > .arrow { top: 50%; left: -11px; margin-top: -11px; border-left-width: 0; border-right-color: #999999; border-right-color: rgba(0, 0, 0, 0.25); }
.popover.right > .arrow:after { content: " "; left: 1px; bottom: -10px; border-left-width: 0; border-right-color: #ffffff; }
.popover.bottom > .arrow { left: 50%; margin-left: -11px; border-top-width: 0; border-bottom-color: #999999; border-bottom-color: rgba(0, 0, 0, 0.25); top: -11px; }
.popover.bottom > .arrow:after { content: " "; top: 1px; margin-left: -10px; border-top-width: 0; border-bottom-color: #ffffff; }
.popover.left > .arrow { top: 50%; right: -11px; margin-top: -11px; border-right-width: 0; border-left-color: #999999; border-left-color: rgba(0, 0, 0, 0.25); }
.popover.left > .arrow:after { content: " "; right: 1px; border-right-width: 0; border-left-color: #ffffff; bottom: -10px; }
/*==================================================
  Carousel
==================================================== */
.carousel { position: relative; }
.carousel-inner { position: relative; overflow: hidden; width: 100%; }
.carousel-inner > .item { display: none; position: relative; -webkit-transition: 0.6s ease-in-out left; -o-transition: 0.6s ease-in-out left; transition: 0.6s ease-in-out left; }
.carousel-inner > .item > img, .carousel-inner > .item > a > img { line-height: 1; }
.carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev { display: block; }
.carousel-inner > .active { left: 0; }
.carousel-inner > .next, .carousel-inner > .prev { position: absolute; top: 0; width: 100%; }
.carousel-inner > .next { left: 100%; }
.carousel-inner > .prev { left: -100%; }
.carousel-inner > .next.left, .carousel-inner > .prev.right { left: 0; }
.carousel-inner > .active.left { left: -100%; }
.carousel-inner > .active.right { left: 100%; }
.carousel-control { position: absolute; top: 0; left: 0; bottom: 0; width: 15%; opacity: 0.5; filter: alpha(opacity=50); font-size: 20px; color: #ffffff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); }
.carousel-control.left { background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
}
.carousel-control.right { left: auto; right: 0; background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
}
.carousel-control:hover, .carousel-control:focus { outline: 0; color: #ffffff; text-decoration: none; opacity: 0.9; filter: alpha(opacity=90); }
.carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right { position: absolute; top: 50%; z-index: 5; display: inline-block; }
.carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left { left: 50%; margin-left: -10px; }
.carousel-control .icon-next, .carousel-control .glyphicon-chevron-right { right: 50%; margin-right: -10px; }
.carousel-control .icon-prev, .carousel-control .icon-next { width: 20px; height: 20px; margin-top: -10px; font-family: serif; }
.carousel-control .icon-prev:before { content: '\2039'; }
.carousel-control .icon-next:before { content: '\203a'; }
.carousel-indicators { position: absolute; bottom: 10px; left: 50%; z-index: 15; width: 60%; margin-left: -30%; padding-left: 0; list-style: none; text-align: center; }
.carousel-indicators li { display: inline-block; width: 10px; height: 10px; margin: 1px; text-indent: -999px; border: 1px solid #ffffff; border-radius: 10px; cursor: pointer; background-color: #000 \9; background-color: rgba(0, 0, 0, 0); }
.carousel-indicators .active { margin: 0; width: 12px; height: 12px; background-color: #ffffff; }
.carousel-caption { position: absolute; left: 15%; right: 15%; bottom: 20px; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #ffffff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); }
.carousel-caption .btn { text-shadow: none; }
@media screen and (min-width: 768px) {
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next { width: 30px; height: 30px; margin-top: -15px; font-size: 30px; }
.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev { margin-left: -15px; }
.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next { margin-right: -15px; }
.carousel-caption { left: 20%; right: 20%; padding-bottom: 30px; }
.carousel-indicators { bottom: 20px; }
}
/*==================================================
  Utility Classes
==================================================== */
.clearfix:before, .clearfix:after, .dl-horizontal dd:before, .dl-horizontal dd:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .btn-toolbar:before, .btn-toolbar:after, .btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after, .nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after, .pager:before, .pager:after, .panel-body:before, .panel-body:after, .modal-footer:before, .modal-footer:after, #topbar:before, #topbar:after { content: " "; display: table; }
.clearfix:after, .dl-horizontal dd:after, .container:after, .container-fluid:after, .row:after, .form-horizontal .form-group:after, .btn-toolbar:after, .btn-group-vertical > .btn-group:after, .nav:after, .navbar:after, .navbar-header:after, .navbar-collapse:after, .pager:after, .panel-body:after, .modal-footer:after, #topbar:after { clear: both; }
.center-block { float: none; display: block; margin-left: auto; margin-right: auto; }
.pull-right { float: right !important; }
.pull-left { float: left !important; }
.hide { display: none !important; }
.show { display: block !important; }
.invisible { visibility: hidden; }
.text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; }
.hidden { display: none !important; visibility: hidden !important; }
.affix { position: fixed; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
/*==================================================
  Responsive: Utility classes
==================================================== */
@-ms-viewport {
 width: device-width;
}
@media (max-width: 768px) {
h1 { font-size: 25px; }
h2 { font-size: 20px; }
h3 { font-size: 16px; }
}
.visible-xs, .visible-sm, .visible-md, .visible-lg, .visible-xl { display: none !important; }
.visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block, .visible-xl-block, .visible-xl-inline, .visible-xl-inline-block { display: none !important; }
@media (max-width: 767px) {
.visible-xs { display: block !important; }
table.visible-xs { display: table; }
tr.visible-xs { display: table-row !important; }
th.visible-xs, td.visible-xs { display: table-cell !important; }
}
@media (max-width: 767px) {
.visible-xs-block { display: block !important; }
}
@media (max-width: 767px) {
.visible-xs-inline { display: inline !important; }
}
@media (max-width: 767px) {
.visible-xs-inline-block { display: inline-block !important; }
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm { display: block !important; }
table.visible-sm { display: table; }
tr.visible-sm { display: table-row !important; }
th.visible-sm, td.visible-sm { display: table-cell !important; }
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm-block { display: block !important; }
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm-inline { display: inline !important; }
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm-inline-block { display: inline-block !important; }
}
@media (min-width: 992px) and (max-width: 1139px) {
.visible-md { display: block !important; }
table.visible-md { display: table; }
tr.visible-md { display: table-row !important; }
th.visible-md, td.visible-md { display: table-cell !important; }
}
@media (min-width: 992px) and (max-width: 1139px) {
.visible-md-block { display: block !important; }
}
@media (min-width: 992px) and (max-width: 1139px) {
.visible-md-inline { display: inline !important; }
}
@media (min-width: 992px) and (max-width: 1139px) {
.visible-md-inline-block { display: inline-block !important; }
}
@media (min-width: 1140px) {
.visible-lg { display: block !important; }
table.visible-lg { display: table; }
tr.visible-lg { display: table-row !important; }
th.visible-lg, td.visible-lg { display: table-cell !important; }
}
@media (min-width: 1140px) {
.visible-lg-block { display: block !important; }
}
@media (min-width: 1140px) {
.visible-lg-inline { display: inline !important; }
}
@media (min-width: 1140px) {
.visible-lg-inline-block { display: inline-block !important; }
}
@media (min-width: 1400px) {
.visible-xl { display: block !important; }
table.visible-xl { display: table; }
tr.visible-xl { display: table-row !important; }
th.visible-xl, td.visible-xl { display: table-cell !important; }
}
@media (min-width: 1400px) {
.visible-xl-block { display: block !important; }
}
@media (min-width: 1400px) {
.visible-xl-inline { display: inline !important; }
}
@media (min-width: 1400px) {
.visible-xl-inline-block { display: inline-block !important; }
}
/*@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}*/
@media (min-width: 768px) and (max-width: 991px) {
.hidden-sm { display: none !important; }
}
@media (min-width: 992px) and (max-width: 1139px) {
.hidden-md { display: none !important; }
}
@media (min-width: 1140px) {
.hidden-lg { display: none !important; }
}
@media (min-width: 1400px) {
.hidden-xl { display: none !important; }
}
.visible-print { display: none !important; }
@media print {
.visible-print { display: block !important; }
table.visible-print { display: table; }
tr.visible-print { display: table-row !important; }
th.visible-print, td.visible-print { display: table-cell !important; }
}
.visible-print-block { display: none !important; }
@media print {
.visible-print-block { display: block !important; }
}
.visible-print-inline { display: none !important; }
@media print {
.visible-print-inline { display: inline !important; }
}
.visible-print-inline-block { display: none !important; }
@media print {
.visible-print-inline-block { display: inline-block !important; }
}
@media print {
.hidden-print { display: none !important; }
}
/*=================================================
  HELPERS
===================================================
  A. List Helpers
=================================================== */
/* list item spacing helpers */
.list-spacing-3 li + li { padding-top: 3px; }
.list-spacing-5 li + li { padding-top: 5px; }
.list-spacing-8 li + li { padding-top: 8px; }
.list-spacing-10 li + li { padding-top: 10px; }
.list-spacing-15 li + li { padding-top: 15px; }
/*divide li items with border and extra spacing*/
.list-divide-items { margin: 0; padding-left: 10px; list-style: none; }
.list-divide-items li + li { margin-top: 13px; padding-top: 13px; border-top: 1px solid #EEE; }
/*===================================================
  B. Height Helpers
===================================================== */
/* Height helpers, primarly used with panel widgets */
.fixed-height .panel-body { overflow: auto; }
.hover-height { overflow: hidden; transition: all 0.2s ease; }
.mh-20 { max-height: 20px !important; }
.mh-25 { max-height: 25px !important; }
.mh-30 { max-height: 30px !important; }
.mh-35 { max-height: 35px !important; }
.mh-40 { max-height: 40px !important; }
.mh-50 { max-height: 50px !important; }
.mh-100 { max-height: 100px !important; }
.mh-200 { max-height: 200px !important; }
.mh-300 { max-height: 300px !important; }
.mh-400 { max-height: 400px !important; }
.mh-500 { max-height: 500px !important; }
.mh-600 { max-height: 600px !important; }
.mh-700 { max-height: 700px !important; }
.mh-800 { max-height: 800px !important; }
.mh-900 { max-height: 900px !important; }
.mh-1000 { max-height: 1000px !important; }
.h-20 { height: 20px !important; }
.h-25 { height: 25px !important; }
.h-30 { height: 30px !important; }
.h-35 { height: 35px !important; }
.h-40 { height: 40px !important; }
.h-50 { height: 50px !important; }
.h-80 { height: 80px !important; }
.h-100 { height: 100px !important; }
.h-120 { height: 120px !important; }
.h-150 { height: 150px !important; }
.h-170 { height: 170px !important; }
.h-200 { height: 200px !important; }
.h-300 { height: 300px !important; }
.h-400 { height: 400px !important; }
.h-500 { height: 500px !important; }
.h-600 { height: 600px !important; }
.h-700 { height: 700px !important; }
.h-800 { height: 800px !important; }
.h-900 { height: 900px !important; }
.h-1000 { height: 1000px !important; }
/*===================================================
  A. General/Misc Helpers
===================================================== */
/* Transform Center Helper(experimental) */
.t-center { text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
/* BG Helpers */
.bg-none { background-color: transparent !important; }
/* box-shadow Helpers */
.no-boxshadow { box-shadow: none !important; }
/* height helpers */
.h-a { height: auto !important; }
/* overflow Helpers */
.of-a { overflow: auto !important; }
.of-h { overflow: hidden !important; }
.of-v { overflow: visible !important; }
.of-x-a { overflow-x: auto !important; }
.of-x-h { overflow-x: hidden !important; }
.of-x-v { overflow-x: visible !important; }
.of-y-a { overflow-y: auto !important; }
.of-y-h { overflow-y: hidden !important; }
.of-y-v { overflow-y: visible !important; }
/* Center Grid Column Helper */
.center-column { float: none !important; margin-left: auto !important; margin-right: auto !important; display: block !important; }
/* Vertical Align Helpers */
.va-t { vertical-align: top !important; }
.va-m { vertical-align: middle !important; }
.va-b { vertical-align: bottom !important; }
.va-s { vertical-align: super !important; }
/* Relative Position Helper */
.posr { position: relative !important; }
/* Inline Block Helper */
.ib, .inline-object { display: inline-block !important; }
/* pointer cursor */
.cursor { cursor: pointer !important; }
/* Useful for emphasizing a disabled input */
.option-disabled { opacity: 0.6 !important; }
/* unstyled input */
.input-unstyled, .input-unstyled:hover, .input-unstyled:focus { border: none !important; background: none !important; box-shadow: none !important; outline: none !important; }
/*===================================================
  B. Table Layout Helpers - specifically for widgets
===================================================== */
/* table-layout for connecting panels */
.panel-group.table-layout > .panel + .panel { border-left: 0; }
.panel-group.table-layout + .panel-group.table-layout > .panel { border-top: 0; }
/* table-layout when attached to row */
.row.table-layout { margin-left: 0; margin-right: 0; border-collapse: collapse; }
.table-layout { display: table; table-layout: fixed; width: 100%; margin: 0; }
/* table-layout helper content */
.table-layout > div, .table-layout > aside, .table-layout > section { vertical-align: middle; display: table-cell; float: none; }
@media (max-width: 1300px) {
.table-layout.table-clear-md, .table-layout.table-clear-md > div, .table-layout.table-clear-md > aside, .table-layout.table-clear-md > section { display: block; float: none; }
}
@media (max-width: 992px) {
.table-layout.table-clear-sm, .table-layout.table-clear-sm > div, .table-layout.table-clear-sm > aside, .table-layout.table-clear-sm > section { display: block; float: none; }
}
@media (max-width: 767px) {
.table-layout.table-clear-xs, .table-layout.table-clear-xs > div, .table-layout.table-clear-xs > aside, .table-layout.table-clear-xs > section { display: block; float: none; }
}
/*===============================================
  C. Text Helpers
================================================= */
.text-uppercase { text-transform: uppercase !important; }
.fw200 { font-weight: 200 !important; }
.fw300 { font-weight: 300 !important; }
.fw400 { font-weight: 400 !important; }
.fw600 { font-weight: 600 !important; }
.fw700 { font-weight: 700 !important; }
.fs3 { font-size: 4px !important; }
.fs4 { font-size: 4px !important; }
.fs5 { font-size: 5px !important; }
.fs6 { font-size: 6px !important; }
.fs7 { font-size: 7px !important; }
.fs8 { font-size: 8px !important; }
.fs9 { font-size: 9px !important; }
.fs10 { font-size: 10px !important; }
.fs11 { font-size: 11px !important; }
.fs12 { font-size: 12px !important; }
.fs13 { font-size: 13px !important; }
.fs14 { font-size: 14px !important; }
.fs15 { font-size: 15px !important; }
.fs16 { font-size: 16px !important; }
.fs16 { font-size: 17px !important; }
.fs18 { font-size: 18px !important; }
.fs20 { font-size: 20px !important; }
.fs22 { font-size: 22px !important; }
.fs24 { font-size: 24px !important; }
.fs26 { font-size: 26px !important; }
.fs28 { font-size: 28px !important; }
.fs30 { font-size: 30px !important; }
.fs35 { font-size: 35px !important; }
.fs40 { font-size: 40px !important; }
.fs45 { font-size: 45px !important; }
.fs50 { font-size: 50px !important; }
.fs60 { font-size: 60px !important; }
.fs70 { font-size: 70px !important; }
.fs80 { font-size: 80px !important; }
.fs90 { font-size: 90px !important; }
.fs100 { font-size: 100px !important; }
/*===============================================
  D. Padding Helpers
================================================= */
.pn { padding: 0 !important; }
.p1 { padding: 1px !important; }
.p2 { padding: 2px !important; }
.p3 { padding: 3px !important; }
.p4 { padding: 4px !important; }
.p5 { padding: 5px !important; }
.p6 { padding: 6px !important; }
.p7 { padding: 7px !important; }
.p8 { padding: 8px !important; }
.p10 { padding: 10px !important; }
.p12 { padding: 12px !important; }
.p15 { padding: 15px !important; }
.p20 { padding: 20px !important; }
.p25 { padding: 25px !important; }
.p30 { padding: 30px !important; }
.p35 { padding: 35px !important; }
.p40 { padding: 40px !important; }
.p50 { padding: 50px !important; }
.ptn { padding-top: 0 !important; }
.pt5 { padding-top: 5px !important; }
.pt10 { padding-top: 10px !important; }
.pt15 { padding-top: 15px !important; }
.pt20 { padding-top: 20px !important; }
.pt25 { padding-top: 25px !important; }
.pt30 { padding-top: 30px !important; }
.pt35 { padding-top: 35px !important; }
.pt40 { padding-top: 40px !important; }
.pt50 { padding-top: 50px !important; }
.prn { padding-right: 0 !important; }
.pr5 { padding-right: 5px !important; }
.pr10 { padding-right: 10px !important; }
.pr15 { padding-right: 15px !important; }
.pr20 { padding-right: 20px !important; }
.pr25 { padding-right: 25px !important; }
.pr30 { padding-right: 30px !important; }
.pr35 { padding-right: 35px !important; }
.pr40 { padding-right: 40px !important; }
.pr50 { padding-right: 50px !important; }
.pbn { padding-bottom: 0 !important; }
.pb5 { padding-bottom: 5px !important; }
.pb10 { padding-bottom: 10px !important; }
.pb15 { padding-bottom: 15px !important; }
.pb20 { padding-bottom: 20px !important; }
.pb25 { padding-bottom: 25px !important; }
.pb30 { padding-bottom: 30px !important; }
.pb35 { padding-bottom: 35px !important; }
.pb40 { padding-bottom: 40px !important; }
.pb50 { padding-bottom: 50px !important; }
.pln { padding-left: 0 !important; }
.pl5 { padding-left: 5px !important; }
.pl10 { padding-left: 10px !important; }
.pl15 { padding-left: 15px !important; }
.pl20 { padding-left: 20px !important; }
.pl25 { padding-left: 25px !important; }
.pl30 { padding-left: 30px !important; }
.pl35 { padding-left: 35px !important; }
.pl40 { padding-left: 40px !important; }
.pl50 { padding-left: 50px !important; }
/* Axis Padding (both top/bottom or left/right) */
.pv5 { padding-top: 5px !important; padding-bottom: 5px !important; }
.pv8 { padding-top: 8px !important; padding-bottom: 8px !important; }
.pv10 { padding-top: 10px !important; padding-bottom: 10px !important; }
.pv15 { padding-top: 15px !important; padding-bottom: 15px !important; }
.pv20 { padding-top: 20px !important; padding-bottom: 20px !important; }
.pv25 { padding-top: 25px !important; padding-bottom: 25px !important; }
.pv30 { padding-top: 30px !important; padding-bottom: 30px !important; }
.pv40 { padding-top: 40px !important; padding-bottom: 40px !important; }
.pv50 { padding-top: 50px !important; padding-bottom: 50px !important; }
.ph5 { padding-left: 5px !important; padding-right: 5px !important; }
.ph8 { padding-left: 8px !important; padding-right: 8px !important; }
.ph10 { padding-left: 10px !important; padding-right: 10px !important; }
.ph15 { padding-left: 15px !important; padding-right: 15px !important; }
.ph20 { padding-left: 20px !important; padding-right: 20px !important; }
.ph25 { padding-left: 25px !important; padding-right: 25px !important; }
.ph30 { padding-left: 30px !important; padding-right: 30px !important; }
.ph40 { padding-left: 40px !important; padding-right: 40px !important; }
.ph50 { padding-left: 50px !important; padding-right: 50px !important; }
/* responsive padding helpers */
@media (min-width: 1140px) {
.ptn-lg { padding-top: 0 !important; }
.prn-lg { padding-right: 0 !important; }
.pbn-lg { padding-bottom: 0 !important; }
.pln-lg { padding-left: 0 !important; }
.pt5-lg { padding-top: 5px !important; }
.pr5-lg { padding-right: 5px !important; }
.pb5-lg { padding-bottom: 5px !important; }
.pl5-lg { padding-left: 5px !important; }
}
@media (min-width: 992px) {
.ptn-md { padding-top: 0 !important; }
.prn-md { padding-right: 0 !important; }
.pbn-md { padding-bottom: 0 !important; }
.pln-md { padding-left: 0 !important; }
.pt5-md { padding-top: 5px !important; }
.pr5-md { padding-right: 5px !important; }
.pb5-md { padding-bottom: 5px !important; }
.pl5-md { padding-left: 5px !important; }
}
/*===============================================
  E. Margin Helpers
================================================= */
/* margin center helper */
.mauto { margin-left: auto; margin-right: auto; }
.mn { margin: 0 !important; }
.m1 { margin: 1px !important; }
.m2 { margin: 2px !important; }
.m3 { margin: 3px !important; }
.m4 { margin: 4px !important; }
.m5 { margin: 5px !important; }
.m8 { margin: 8px !important; }
.m10 { margin: 10px !important; }
.m15 { margin: 15px !important; }
.m20 { margin: 20px !important; }
.m25 { margin: 25px !important; }
.m30 { margin: 30px !important; }
.m35 { margin: 35px !important; }
.m40 { margin: 40px !important; }
.m50 { margin: 50px !important; }
.mtn { margin-top: 0 !important; }
.mt5 { margin-top: 5px !important; }
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt25 { margin-top: 25px !important; }
.mt30 { margin-top: 30px !important; }
.mt35 { margin-top: 35px !important; }
.mt40 { margin-top: 40px !important; }
.mt50 { margin-top: 50px !important; }
.mt70 { margin-top: 70px !important; }
.mrn { margin-right: 0 !important; }
.mr5 { margin-right: 5px !important; }
.mr10 { margin-right: 10px !important; }
.mr15 { margin-right: 15px !important; }
.mr20 { margin-right: 20px !important; }
.mr25 { margin-right: 25px !important; }
.mr30 { margin-right: 30px !important; }
.mr35 { margin-right: 35px !important; }
.mr40 { margin-right: 40px !important; }
.mr50 { margin-right: 50px !important; }
.mbn { margin-bottom: 0 !important; }
.mb5 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb35 { margin-bottom: 35px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb50 { margin-bottom: 50px !important; }
.mb70 { margin-bottom: 70px !important; }
.mln { margin-left: 0 !important; }
.ml5 { margin-left: 5px !important; }
.ml10 { margin-left: 10px !important; }
.ml15 { margin-left: 15px !important; }
.ml20 { margin-left: 20px !important; }
.ml25 { margin-left: 25px !important; }
.ml30 { margin-left: 30px !important; }
.ml35 { margin-left: 35px !important; }
.ml40 { margin-left: 40px !important; }
.ml50 { margin-left: 50px !important; }
/* Axis Margins (both top/bottom or left/right) */
.mv5 { margin-top: 5px !important; margin-bottom: 5px !important; }
.mv10 { margin-top: 10px !important; margin-bottom: 10px !important; }
.mv15 { margin-top: 15px !important; margin-bottom: 15px !important; }
.mv20 { margin-top: 20px !important; margin-bottom: 20px !important; }
.mv25 { margin-top: 25px !important; margin-bottom: 25px !important; }
.mv30 { margin-top: 30px !important; margin-bottom: 30px !important; }
.mv40 { margin-top: 40px !important; margin-bottom: 40px !important; }
.mv50 { margin-top: 50px !important; margin-bottom: 50px !important; }
.mv70 { margin-top: 70px !important; margin-bottom: 70px !important; }
.mh5 { margin-left: 5px !important; margin-right: 5px !important; }
.mh10 { margin-left: 10px !important; margin-right: 10px !important; }
.mh15 { margin-left: 15px !important; margin-right: 15px !important; }
.mh20 { margin-left: 20px !important; margin-right: 20px !important; }
.mh25 { margin-left: 25px !important; margin-right: 25px !important; }
.mh30 { margin-left: 30px !important; margin-right: 30px !important; }
.mh40 { margin-left: 40px !important; margin-right: 40px !important; }
.mh50 { margin-left: 50px !important; margin-right: 50px !important; }
.mh70 { margin-left: 70px !important; margin-right: 70px !important; }
/* Negative Margin Helpers */
.mtn5 { margin-top: -5px !important; }
.mtn10 { margin-top: -10px !important; }
.mtn15 { margin-top: -15px !important; }
.mtn20 { margin-top: -20px !important; }
.mtn30 { margin-top: -30px !important; }
.mrn5 { margin-right: -5px !important; }
.mrn10 { margin-right: -10px !important; }
.mrn15 { margin-right: -15px !important; }
.mrn20 { margin-right: -20px !important; }
.mrn30 { margin-right: -30px !important; }
.mbn5 { margin-bottom: -5px !important; }
.mbn10 { margin-bottom: -10px !important; }
.mbn15 { margin-bottom: -15px !important; }
.mbn20 { margin-bottom: -20px !important; }
.mbn30 { margin-bottom: -30px !important; }
.mln5 { margin-left: -5px !important; }
.mln10 { margin-left: -10px !important; }
.mln15 { margin-left: -15px !important; }
.mln20 { margin-left: -20px !important; }
.mln30 { margin-left: -30px !important; }
/* Vertical Negative Margin "mv" + "n" + "x" */
.mvn5 { margin-top: -5px !important; margin-bottom: -5px !important; }
.mvn10 { margin-top: -10px !important; margin-bottom: -10px !important; }
.mvn15 { margin-top: -15px !important; margin-bottom: -15px !important; }
.mvn20 { margin-top: -20px !important; margin-bottom: -20px !important; }
.mvn30 { margin-top: -30px !important; margin-bottom: -30px !important; }
/* Horizontal Negative Margin "mh" + "n" + "x" */
.mhn5 { margin-left: -5px !important; margin-right: -5px !important; }
.mhn10 { margin-left: -10px !important; margin-right: -10px !important; }
.mhn15 { margin-left: -15px !important; margin-right: -15px !important; }
.mhn20 { margin-left: -20px !important; margin-right: -20px !important; }
.mhn30 { margin-left: -30px !important; margin-right: -30px !important; }
/*===============================================
  F. LineHeight Helpers
================================================= */
.lh0 { line-height: 0 !important; }
.lh5 { line-height: 5px !important; }
.lh10 { line-height: 10px !important; }
.lh15 { line-height: 15px !important; }
.lh20 { line-height: 20px !important; }
.lh25 { line-height: 25px !important; }
.lh30 { line-height: 30px !important; }
.lh35 { line-height: 35px !important; }
.lh40 { line-height: 40px !important; }
/*===============================================
  G. Border Helpers
================================================= */
/* Border Disables */
.br-l-n { border-left: none !important; }
.br-r-n { border-right: none !important; }
.br-t-n { border-top: none !important; }
.br-b-n { border-bottom: none !important; }
.br-n { border: none !important; }
.br-v-n { border-top: none !important; border-bottom: none !important; }
.br-h-n { border-left: none !important; border-right: none !important; }
/* Default Borders */
.br-a { border: 1px solid #eeeeee !important; }
.br-l { border-left: 1px solid #eeeeee !important; }
.br-r { border-right: 1px solid #eeeeee !important; }
.br-t { border-top: 1px solid #eeeeee !important; }
.br-b { border-bottom: 1px solid #eeeeee !important; }
/* Border Style */
.br-dashed { border-style: dotted !important; }
/* Border Radius */
.br0 { border-radius: 0px !important; }
.br1 { border-radius: 1px !important; }
.br2 { border-radius: 2px !important; }
.br3 { border-radius: 3px !important; }
.br4 { border-radius: 4px !important; }
.br6 { border-radius: 6px !important; }
.br8 { border-radius: 8px !important; }
.br12 { border-radius: 12px !important; }
.br24 { border-radius: 24px !important; }
.br64 { border-radius: 64px !important; }
/* Border Width */
.bw1 { border-width: 1px !important; }
.bw2 { border-width: 2px !important; }
.bw3 { border-width: 3px !important; }
.bw4 { border-width: 4px !important; }
.bw5 { border-width: 5px !important; }
.bw8 { border-width: 8px !important; }
.bw10 { border-width: 10px !important; }
.bw15 { border-width: 15px !important; }
/*Border Colors Generate contextual modifier classes for colorizing the alert.
*/
.br-white { border-color: #ffffff !important; }
.br-lighter { border-color: #eeeeee !important; }
.br-light { border-color: #e7e7e7 !important; }
.br-grey { border-color: #d9d9d9 !important; }
.br-greyer { border-color: #cccccc !important; }
.br-dark { border-color: #3b3f4f !important; }
.br-dark-light { border-color: #51566c !important; }
.br-primary { border-color: #4a89dc !important; }
.br-primary-light { border-color: #75a5e4 !important; }
.br-info { border-color: #3bafda !important; }
.br-info-light { border-color: #66c1e2 !important; }
.br-success { border-color: #70ca63 !important; }
.br-success-light { border-color: #93d789 !important; }
.br-warning { border-color: #f6bb42 !important; }
.br-warning-light { border-color: #f8cd73 !important; }
.br-danger { border-color: #e9573f !important; }
.br-danger-light { border-color: #ee7f6d !important; }
.br-alert { border-color: #967adc !important; }
.br-alert-light { border-color: #b6a2e7 !important; }
.br-system { border-color: #37bc9b !important; }
.br-system-light { border-color: #58ceb1 !important; }
.br-tp-top { border-top-color: rgba(0, 0, 0, 0.1); }
.br-tp-right { border-right-color: rgba(0, 0, 0, 0.1); }
.br-tp-left { border-left-color: rgba(0, 0, 0, 0.1); }
/*===============================================
  H. Max Width Helpers
================================================= */
.fluid-width { width: 100% !important; }
.mw10 { max-width: 10px !important; }
.mw20 { max-width: 20px !important; }
.mw30 { max-width: 30px !important; }
.mw35 { max-width: 35px !important; }
.mw40 { max-width: 40px !important; }
.mw45 { max-width: 45px !important; }
.mw50 { max-width: 50px !important; }
.mw60 { max-width: 60px !important; }
.mw80 { max-width: 80px !important; }
.mw100 { max-width: 100px !important; }
.mw140 { max-width: 140px !important; }
.mw160 { max-width: 160px !important; }
.mw180 { max-width: 180px !important; }
.mw200 { max-width: 200px !important; }
.mw240 { max-width: 240px !important; }
.mw280 { max-width: 280px !important; }
.mw320 { max-width: 320px !important; }
.mw400 { max-width: 400px !important; }
.mw450 { max-width: 450px !important; }
.mw500 { max-width: 500px !important; }
.mw600 { max-width: 600px !important; }
.mw700 { max-width: 700px !important; }
.mw800 { max-width: 800px !important; }
.mw900 { max-width: 900px !important; }
.mw1000 { max-width: 1000px !important; }
.mw1100 { max-width: 1100px !important; }
.mw1200 { max-width: 1200px !important; }
/*Regular Width Helpers. Primarily used
on tables, feel free to add more*/
.w20 { width: 20px !important; }
.w30 { width: 30px !important; }
.w40 { width: 40px !important; }
.w50 { width: 50px !important; }
.w75 { width: 75px !important; }
.w100 { width: 100px !important; }
.w125 { width: 125px !important; }
.w150 { width: 150px !important; }
.w175 { width: 175px !important; }
.w200 { width: 200px !important; }
.w225 { width: 225px !important; }
.w250 { width: 250px !important; }
.w300 { width: 300px !important; }
.w320 { width: 320px !important; }
.w350 { width: 350px !important; }
.w400 { width: 400px !important; }
.w450 { width: 450px !important; }
.mnw20 { min-width: 20px !important; }
.mnw30 { min-width: 30px !important; }
.mnw40 { min-width: 40px !important; }
.mnw50 { min-width: 50px !important; }
.mnw75 { min-width: 75px !important; }
.mnw100 { min-width: 100px !important; }
.mnw125 { min-width: 125px !important; }
.mnw150 { min-width: 150px !important; }
.mnw175 { min-width: 175px !important; }
.mnw200 { min-width: 200px !important; }
.mnw250 { min-width: 250px !important; }
.mnw300 { min-width: 300px !important; }
.mnw500 { min-width: 500px !important; }
.mnw700 { min-width: 700px !important; }
.mnw1000 { min-width: 1000px !important; }
/* ================================================
  A. Table Styling Helpers 
=================================================== */
/* messaging table styles */
table tbody tr.message-read td { color: #999; background-color: #fbfbfb; }
table tbody tr.message-unread td { background-color: #fff; }
/* table header/footer styles */
table.tc-text-center-head thead th, table.tc-text-center-head tfoot th { text-align: center; }
table.tc-fs11-head thead th, table.tc-fs11-head tfoot th { font-size: 12px; }
table.tc-fs12-head thead th, table.tc-fs12-head tfoot th { font-size: 12px; }
/* special styles */
table.tc-checkbox-1 tbody td:first-child, table.tc-checkbox-2 tbody td:nth-child(2), table.tc-checkbox-3 tbody td:nth-child(3), table.tc-checkbox-last tbody td:last-child { text-align: center; padding: 11px; }
/* special styles */
table.tc-list-1 tbody td:first-child, table.tc-list-2 tbody td:nth-child(2), table.tc-list-3 tbody td:nth-child(3), table.tc-list-last tbody td:last-child { font-weight: 700; font-size: 14px; text-align: center; min-width: 35px; padding: 0 10px; border-right: 1px solid #ddd; background: #f9f9f9; }
/* special styles */
table.tc-bold-1 tbody td:first-child, table.tc-bold-2 tbody td:nth-child(2), table.tc-bold-3 tbody td:nth-child(3), table.tc-bold-last tbody td:last-child { font-weight: 700; text-align: right; font-size: 14px; }
/* special styles */
table.tc-med-1 tbody td:first-child, table.tc-med-2 tbody td:nth-child(2), table.tc-med-3 tbody td:nth-child(3), table.tc-med-last tbody td:last-child { font-weight: 600; color: #999; }
/* special styles */
table.tc-icon-1 tbody td:first-child, table.tc-icon-2 tbody td:nth-child(2), table.tc-icon-3 tbody td:nth-child(3), table.tc-icon-last tbody td:last-child { font-size: 18px; text-align: center; color: #999; }
/* text colors */
table.tc-text-muted-1 tbody td:first-child, table.tc-text-muted-2 tbody td:nth-child(2), table.tc-text-muted-3 tbody td:nth-child(3), table.tc-text-muted-last tbody td:last-child { color: #999; }
table.tc-text-primary-1 tbody td:first-child, table.tc-text-primary-2 tbody td:nth-child(2), table.tc-text-primary-3 tbody td:nth-child(3), table.tc-text-primary-last tbody td:last-child { color: #4a89dc; }
/* font weights */
table.tc-fw600-1 tbody td:first-child, table.tc-fw600-2 tbody td:nth-child(2), table.tc-fw600-3 tbody td:nth-child(3), table.tc-fw600-last tbody td:last-child { font-weight: 600; }
table.tc-fw700-1 tbody td:first-child, table.tc-fw700-2 tbody td:nth-child(2), table.tc-fw700-3 tbody td:nth-child(3), table.tc-fw700-last tbody td:last-child { font-weight: 700; }
/* font sizes */
table.tc-fs13-1 tbody td:first-child, table.tc-fs13-2 tbody td:nth-child(2), table.tc-fs13-3 tbody td:nth-child(3), table.tc-fs13-last tbody td:last-child { font-size: 13px; }
/* text aligns */
table.tc-text-left-1 tbody td:first-child, table.tc-text-left-2 tbody td:nth-child(2), table.tc-text-left-3 tbody td:nth-child(3), table.tc-text-left-last tbody td:last-child { text-align: right; }
table.tc-text-center-1 tbody td:first-child, table.tc-text-center-2 tbody td:nth-child(2), table.tc-text-center-3 tbody td:nth-child(3), table.tc-text-center-last tbody td:last-child { text-align: center; }
table.tc-text-right-1 tbody td:first-child, table.tc-text-right-2 tbody td:nth-child(2), table.tc-text-right-3 tbody td:nth-child(3), table.tc-text-right-last tbody td:last-child { text-align: right; }
/* vertical aligns */
table.tc-va-t-1 tbody td:first-child, table.tc-va-t-2 tbody td:nth-child(2), table.tc-va-t-3 tbody td:nth-child(3), table.tc-va-t-last tbody td:last-child { vertical-align: top; }
table.tc-va-m-1 tbody td:first-child, table.tc-va-m-2 tbody td:nth-child(2), table.tc-va-m-3 tbody td:nth-child(3), table.tc-va-m-last tbody td:last-child { vertical-align: middle; }
table.tc-va-b-1 tbody td:first-child, table.tc-va-b-2 tbody td:nth-child(2), table.tc-va-b-3 tbody td:nth-child(3), table.tc-va-b-last tbody td:last-child { vertical-align: bottom; }
/* table Checklist */
.table-checklist td { cursor: pointer; }
.table-widget .tab-content { padding: 0; border: 0; overflow: hidden; }
/* Table items (labels, badges, progress bars etc) */
.table-widget .progress { width: 80%; height: 13px; margin: 0; }
.table-widget .label, .table-widget .badge { margin-right: 7px; }
/* Tables with the .table-checklist class become clickable
 * if you want text to have a line-through effect on click
 * add the .text-slash class to the element */
.table-checklist tr.task-checked { color: #bbbbbb; }
.table-checklist tr.task-checked .text-slash { text-decoration: line-through; }
/* Table item checked state - class added via JS */
.table-checklist tr.task-checked .label, .table-checklist tr.task-checked .progress { opacity: 0.3; }
/*==================================================
  Shared/Global Styles
==================================================== */
html { height: 100%; background: #fff; }
body { width: 100%; height: 100%; /*min-height: 1100px;*/ margin: 0; padding: 0; background: #e9e9e9; -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */ -webkit-text-size-adjust: 100%; font-size-adjust: 100%; }
#main { position: relative; min-height: 100%; background: #eeeeee; }
/* psuedo background */
#main:before { content: ""; position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: #eeeeee; }
#content_wrapper { position: relative; left: 0px; margin-left: 230px; }
/* Transitions */
body.onload-check .navbar, body.onload-check .navbar-branding, body.onload-check #sidebar_left, body.onload-check #sidebar_right, body.onload-check #content_wrapper, body.onload-check #topbar { -webkit-transition: all 0.2s ease; transition: all 0.2s ease; }
/*===============================================
  LAYOUT SETTINGS
================================================= */
/* If header is fixed modify primary containers padding */
.navbar.navbar-fixed-top + #sidebar_left + #content_wrapper { padding-top: 60px; }
/* Fixed Sidebar */
#sidebar_left.affix { position: fixed; height: 100%; }
/* Scrollbar for Sidebars in Fixed Positions */
#sidebar_left.affix > .sidebar-menu { overflow-x: hidden; position: absolute; width: 100%; top: 85px; bottom: 52px; transition: top 0.2s ease-in-out; }
#sidebar_left.affix > .email-menu + .sidebar-menu { overflow-x: hidden; position: absolute; width: 100%; top: 485px; bottom: 52px; transition: top 0.2s ease-in-out; }
/* Corrects Pseudo sidebar bg when fixed */
#sidebar_left.affix:before { left: 0; }
body.sidebar-hidden #sidebar_left.affix:before, body.sidebar-rtl #sidebar_left.affix:before { left: -230px; }
/* Sidebar User Area - Hidden */
.user-info.hidden, .user-info.hidden + .user-divider { display: none; }
body.usermenu-hidden .user-info, body.usermenu-hidden .user-info + .user-divider { display: none; }
body.usermenu-hidden #sidebar_left.affix .user-info + .user-divider + .sidebar-menu, body.usermenu-hidden #sidebar_left.affix .user-info + .user-divider + .user-menu + .sidebar-menu { top: 0; }
#sidebar_left.affix > .user-menu.usermenu-open + .sidebar-menu { top: 250px; }
/* breadcrumb fixed settings when sidebar is minified */
body.sb-l-m #topbar, body.sb-l-o.sb-l-m #topbar { margin-left: 60px; }
body.sb-l-c #topbar { margin-left: 0px; }
/* if topbar is fixed grant proper margin spacing */
#content { margin-top: 51px; }
/* if navbar is fixed and hidden grant proper margin spacing */
#topbar.affix.hidden + #content { margin-top: 0; }
/* Topbar/Breadcrumbs Area - Hidden */
body.hidden-breadcrumbs #topbar { display: none; }
/* for preview only - no real use in development enviroment */
body.sidebar-collapsed #sidebar:before { width: 40px; }
/* ==============================================
   A. Boxed Layout
     A. Boxed Settings
     B. Content Wrappers
     C. Navbar
     D. Sidebar
     E. COLUMN ADJUSTMENTS - IMPORTANT
=================================================
  A. Boxed Settings
================================================= */
body.boxed-layout { width: 1150px !important; margin: 0 auto; background: #e9e9e9; }
body.boxed-layout:before { content: ""; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: -2; background: url("../../../img/patterns/topbar-bg.jpg") repeat top center; }
body.boxed-layout:after { content: ""; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; background: rgba(0, 0, 0, 0.5); }
body.boxed-layout #main { overflow: hidden; }
/* hide psuedo background */
body.boxed-layout #main:before { display: none; }
@media (max-width: 1150px) {
body.boxed-layout #main, body.boxed-layout .navbar { width: 100% !important; }
}
/*===============================================
  B. Content Wrappers
================================================= */
body.boxed-layout #content_wrapper { border-left: 1px solid #DDD; border-right: 1px solid #DDD; }
body.boxed-layout .container { width: 100% !important; }
/*===============================================
  C. Navbar
================================================= */
body.boxed-layout .navbar { width: 1150px !important; margin: 0 auto !important; box-shadow: none; }
body.boxed-layout .navbar .navbar-right { width: 355px; }
/*===============================================
  D. Sidebar
================================================= */
body.boxed-layout #sidebar-search { box-shadow: none; }
body.boxed-layout #sidebar:before { margin-left: 1px; border-right: 1px solid #CCC; }
/* sidebar open/close buttons */
body.boxed-layout #toggle_sidemenu_r { display: none !important; }
/*===============================================
  E. COLUMN ADJUSTMENTS - IMPORTANT
================================================= 
 * IMPORTANT - Many pages have had the width of 
 * their columns completely altered. All pages 
 * requiring the same column adjustments have
 * been grouped together and then listed in a 
 * directory(see below). Percentages listed 
 * below refer to the columns new width.
* ---------------------------------------------
   PAGES REQUIRING 100% COLUMNS(in order):
   * DASHBOARD.HTML
   * CHARTS.HTML 
   * TABS.HTML 
   * FORMS.HTML 
   * EDITORS.HTML 
   * MAPS.HTML 
   * ELEMENTS.HTML 
   * VALIDATION.HTML 
   * WIZARD.HTML 
   * PRICING-TABLES.HTML 
   * FILE-MANAGERS.HTML 
   * UPLOAD-TOOLS.HTML 
   * DYNAMIC-GALLERY.HTML 
   * IMAGE-TOOLS.HTML 
   * INVOICE-PAGE.HTML
   * WIDGETS.HTML
   * FAQ.HTML
   * GALLERY.HTML
   * TIMELINE.HTML
--------------------------------------------------
 * Notes: Most columns were targeted using the
 * direct descendant CSS operator as to not effect
 * other columns used further down the page. If 
 * you have changed a columns default 
 * HTML you will need to update this.
-------------------------------------------------*/
body.boxed-layout.dashboard-page .container > .row > .col-md-4, body.boxed-layout.dashboard-page .container > .row > .col-md-8, body.boxed-layout.charts-page .container > .row > .col-md-6, body.boxed-layout.tabs-page .container > .row > .col-md-6, body.boxed-layout.forms-page .container > .row > .col-md-6, body.boxed-layout.editors-page .container > .row > .col-md-6, body.boxed-layout.maps-page .container > .row > .col-md-6, body.boxed-layout.elements-page .container > .row > .col-md-6, body.boxed-layout.validation-page .container > .row > .col-md-6, body.boxed-layout.wizard-page .container > .row > .col-md-10.col-md-offset-1, body.boxed-layout.pricing-tables-page .container > .row > .col-md-10.col-md-offset-1, body.boxed-layout.file-manager-page .container > .row > .col-lg-10.col-lg-offset-1, body.boxed-layout.upload-tools-page .container > .row > .col-md-6, body.boxed-layout.dynamic-gallery-page .container > .row > .col-md-10.col-md-offset-1, body.boxed-layout.image-tools-page .container > .row > .col-md-6, body.boxed-layout.invoice-page .container > .row > .col-lg-11, body.boxed-layout.widgets-page .container > .row > .col-lg-8, body.boxed-layout.widgets-page .container > .row > .col-lg-4, body.boxed-layout.faq-page .container > .row > .col-lg-10, body.boxed-layout.gallery-page .container > .row > .col-md-10, body.boxed-layout.timeline-page #timeline { width: 100%; float: none; margin-left: 0; }
/* ---------------------------------------
   PAGES REQUIRING 90% COLUMNS(in order):
   * EDITABLE.HTML
   * XEDIT.HTML
   * PROFILE.HTML
----------------------------------------*/
body.boxed-layout.editable-page .container > .row .col-md-10.col-md-offset-1, body.boxed-layout.xedit-page .container > .row .col-md-8, body.boxed-layout.profile-page .container > .row > .col-lg-4, body.boxed-layout.profile-page .container > .row > .col-lg-8 { width: 90%; float: none; margin: 0 auto; }
/* ----------------------------------------
   PAGES REQUIRING 50% COLUMNS(in order):
   * PORTLETS.HTML 
   * TYPOGRAPHY.HTML 
------------------------------------------*/
@media (min-width: 1200px) {
body.boxed-layout.portlets-page .container > .row > .col-lg-4.col-sm-6, body.boxed-layout.typography-page .container > .row > .col-lg-3 { width: 50%; float: left; }
}
/* -----------------------------------------
  PAGES REQUIRING A CUSTOM LAYOUT(in order):
    * SKETCHPAD.HTML - 92%
  * MESSAGES.HTML - 85%
  * ICONS.HTML - 80% + 20% COLUMN
-------------------------------------------*/
body.boxed-layout.sketchpad-page .container > .row > .col-lg-7 { width: 92%; margin-left: 7%; }
body.boxed-layout.messages-page .container > .row > .col-lg-4, body.boxed-layout.messages-page .container > .row > .col-lg-8 { width: 85%; float: none; margin: 0 auto; }
body.boxed-layout.icons-page .container > .row > .col-md-9 { width: 80%; margin-left: 0; float: left; }
body.boxed-layout.icons-page .container > .row > .col-md-3 { width: 20%; float: left; }
/* ----------------------------------------
 * All column changes have been listed 
 * above. The styles below are for pages 
 * which require adjustments to individual 
 * elements(buttons, backgrounds, etc)
/* ----------------------------------------
   PAGES LISTED BELOW INCLUDE(in order):
   * DASHBOARD/INDEX.HTML
   * TIMELINE.HTML
   * GALLERY.HTML
   * MESSAGES.HTML
   * PROFILE.HTML
   * FAQ.HTML
   * DATATABLES.HTML
   * ICONS.HTML
   * ANIMATIONS.HTML
   * SKETCHPAD.HTML
   * WIDGETS.HTML
   * INVOICE-PAGE.HTML
   * MINIMAL(login, screenlock, etc)
-----------------------------------------*/
/* DASHBOARD.HTML / INDEX.HTML */
body.boxed-layout.dashboard-page .message-widget { margin-top: 0; }
body.boxed-layout.dashboard-page .console-btn-5, body.boxed-layout.dashboard-page #timeline-widget, body.boxed-layout.dashboard-page #console-search-btn { display: none !important; }
@media (min-width: 1368px) {
body.boxed-layout.dashboard-page #console-btns .row > div { width: 25%; float: left; }
}
/* TIMELINE.HTML */
body.boxed-layout.timeline-page #timeline .panel-menu .glyphicons { display: none; }
/* GALLERY.HTML */
body.boxed-layout.gallery-page .container > .row .placeholder { height: 50px; }
/*  MESSAGES.HTML  */
body.boxed-layout.messages-page .container > .row > .col-lg-4 .panel { margin-bottom: 20px; }
body.boxed-layout.messages-page .container > .row table tr:nth-of-type(3), body.boxed-layout.messages-page .container > .row table tr:nth-of-type(4), body.boxed-layout.messages-page .container > .row table tr:nth-of-type(5) { display: none; }
/* PROFILE.HTML */
body.boxed-layout.profile-page .container > .row > .col-lg-4 .panel { margin-bottom: 20px; }
body.boxed-layout.profile-page .container > .row .console-btn { margin-bottom: 0; }
body.boxed-layout.profile-page .container > .row .profile-panel .panel-footer { padding: 10px 16px 4px; }
/* FAQ.HTML */
body.boxed-layout.faq-page .faq-panel > .panel-sidemenu { display: none; }
body.boxed-layout.faq-page .faq-panel > .panel-body { width: 93%; margin: 30px 3.5% 40px; }
body.boxed-layout.faq-page .faq-panel > .panel-body #search-widget { margin-bottom: 30px; }
/* DATATABLES.HTML */
body.boxed-layout.datatables-page table th:nth-of-type(2), body.boxed-layout.datatables-page table td:nth-of-type(2), body.boxed-layout.datatables-page table td:nth-of-type(4), body.boxed-layout.datatables-page table th:nth-of-type(4) { display: none !important; }
/* ICONS.HTML */
body.boxed-layout.icons-page #icon-nav ul { width: 110%; }
body.boxed-layout.icons-page #icon-nav ul .console-icon { display: none; }
@media (max-width: 1150px) {
body.boxed-layout.icons-page #icon-nav { right: 0; }
}
/* ANIMATIONS.HTML */
body.boxed-layout.animations-page .container > .row #animate-me-panel { position: fixed; max-width: 350px; }
/* SKETCHPAD.HTML */
body.boxed-layout.sketchpad-page .container > .row > .col-lg-4 { display: none !important; width: 0; }
/* WIDGETS.HTML */
body.boxed-layout.widgets-page .container > .row #timeline-widget { display: block !important; }
body.boxed-layout.widgets-page .container > .row .timeline-widget { width: 370px; margin: 0 auto; }
/* INVOICE-PAGE.HTML */
body.boxed-layout.invoice-page .container > .row > .col-lg-11 .panel-sidemenu { display: none; }
body.boxed-layout.invoice-page .container > .row > .col-lg-11 #invoice-item { width: 95%; margin: 40px 2.5% 60px; }
/*  MINIMAL PAGE
  - coming-soon, login, screen-lock
----------------------------------------*/
body.boxed-layout.coming-soon-page { background: #f7f7f7; }
body.boxed-layout.login-page, body.boxed-layout.screenlock-page { background: url(../img/patterns/5.png) repeat top left #f6f6f6; }
body.boxed-layout.coming-soon-page #main:after, body.boxed-layout.login-page #main:after, body.boxed-layout.screenlock-page #main:after { display: none; }
/* ==============================================
   III. DEMO PAGES
      A. Customizer.html
	  B. Upload-tools.html
	  C. Timeline.html
	  D. Sliders.html
	  E. Portlets.html
	  F. Maps.html
	  G. Gallery.html
	  H. Dynamic-gallery.html
	  I. Forms.html
	  J. Elements.html
	  K. Charts.html
	  L. Animations.html
	  M. Buttons.html
	  N. 404/500.html
	  O. Icons.html
	  P. Global Changes
	  
 * This file is reserved for changes required only
 * for the themes demo. These styles may be vital
 * to themes appearance but often times will not
 * be useful in a true production environment.
 
 * For example each slider in sliders.html has a
 * margin of 65px, a large number only needed 
 * because six sliders have been stacked on top 
 * of each other. This would most likely not 
 * happen in a real enviroment.
================================================= 
 A. Misc/Global
================================================= */
.ajax-loading { overflow-y: scroll; }
/*===============================================
  B. Customizer.html
================================================= */
#skin-menu { display: block; }
#skin-toolbox { /*z-index: 999;*/ z-index: 1050; overflow: visible !important; position: fixed; top: 6px; right: -170px; width: 170px; -webkit-transition: right 0.1s ease-in-out; -moz-transition: right 0.1s ease-in-out; transition: right 0.1s ease-in-out; }
#skin-toolbox.toolbox-open { right: 0; }
#skin-toolbox .panel-heading { cursor: pointer; margin-right: 30px; border: 1px solid #DDD; width: 274px; height: 47px; line-height: 42px; right: 44px; font-size: 14px; }
#skin-toolbox .panel-heading .panel-title { padding-left: 40px; }
#skin-toolbox .panel-body { border: 1px solid #DDD; border-top: 0; padding: 23px; }
#skin-toolbox .panel-icon { font-size: 22px; padding-right: 20px; padding-left: 6px; }
/*===============================================
  B. Upload-tools.html
================================================= */
body.upload-tools-page .dropzone { min-height: 405px; }
body.upload-tools-page .panel-body { min-height: 300px; }
/*===============================================
  C. Timeline.html
================================================= */
body.timeline-page .panel-clone { display: none; }
/*===============================================
  D. Sliders.html
================================================= */
.slider-example .form-horizontal .col-md-9 { margin-top: 65px; }
.slider-example .form-horizontal .col-md-2 { margin-top: 62px; margin-right: 20px; }
.slider-example .form-horizontal .form-group.first .col-md-9 { margin-top: 45px; }
.slider-example .form-horizontal .form-group.first .col-md-2 { margin-top: 42px; }
.slider-example .form-horizontal .form-group:last-child { margin-bottom: 40px; }
/*===============================================
  E. Portlets.html
================================================= */
body.portlets-page .panel .tab-content { padding: 0; border: 0; min-height: 95px; }
body.portlets-page #accordion { margin-bottom: 35px; }
/*===============================================
  F. Maps.html
================================================= */
body.maps-page .map { width: 100%; height: 400px; }
body.maps-page .panel-menu button { margin-right: 8px; min-width: 65px; }
/*===============================================
  G. Gallery.html
================================================= */
body.gallery-page { overflow: scroll; }
/*===============================================
  J. Elements.html
================================================= */
body.elements-page .panel button { margin-right: 6px; margin-bottom: 8px; }
body.elements-page .panel .btn-group button { margin-right: 0; margin-bottom: 0; }
body.elements-page .btn-block { border-radius: 0; }
/*===============================================
  K. Charts.html
================================================= */
body.charts-page .panel-menu label { font-size: 13px; font-weight: 600; color: #888; margin-right: 5px; }
body.charts-page .legend table tr td { padding: 5px 10px 5px 5px; }
/*===============================================
  L. Animations.html
================================================= */
.animate-me-btns a { margin: 5px 5px 7px; }
.animate-me-btns .tab-content { border: 0; padding-bottom: 30px; }
/*===============================================
  M. Buttons.html
================================================= */
body.buttons-page .panel button { margin-right: 6px; margin-bottom: 8px; }
body.buttons-page .panel .btn-group { margin-right: 5px; }
body.buttons-page .panel .btn-group button { margin-right: 0; margin-bottom: 8px; }
body.buttons-page .panel .btn-group-vertical button { margin-right: 0; margin-bottom: 0; }
body.buttons-page .social-buttons-panel button { margin: 10px; }
body.buttons-page .zocial, a.zocial { min-height: 32px; margin: 8px; }
body.buttons-page .zocial.icon { min-height: 28px; }
body.buttons-page .zocial.icon.facebook:before { padding-right: 5px; }
/*===============================================
  N. 404/500.html
================================================= */
.icon-option-menu li a { cursor: pointer; }
.icon-option-menu li a i { padding-right: 6px; color: #777; }
/*===============================================
  N. Editors
================================================= */
/* CKEDITOR BUTTON DISABLES - IMPORTANT */
#cke_8 { display: none; }
.note-editor .note-toolbar > .btn-group.note-para { border-right: none; }
.editor-color-swapper { z-index: 1024; position: absolute; top: 40px; right: 22px; }
/*===============================================
  O. Icons.html
================================================= */
#icon-nav.affix { top: 80px; }
#icon-nav ul { width: 220px; }
#icon-nav li:hover span { color: #444; }
#icon-nav li.active span { color: #428bca; }
.panel-body .page-header { color: #428bca; font-size: 18px; }
#glyphicons-icon-list, #glyphicon-icon-list, #imoon-icon-list, .fa-icon-list { font-size: 12px; padding-left: 0; padding-bottom: 1px; margin-bottom: 20px; list-style: none; overflow: hidden; }
#glyphicons-icon-list li, #glyphicon-icon-list li, #imoon-icon-list li, .fa-icon-list li { float: left; width: 20%; height: 100px; padding: 5px; line-height: 1.4; text-align: center; }
#glyphicons-icon-list .glyphicons, #glyphicon-icon-list .glyphicon, #imoon-icon-list .imoon, .fa-icon-list .fa { display: block; margin: 5px auto 15px; font-size: 24px; }
#glyphicons-icon-list li:hover, #glyphicon-icon-list li:hover, #imoon-icon-list li:hover, .fa-icon-list li:hover { color: #428bca; }
/*===============================================
  P. Global Changes
================================================= */
/* Disables hover effect for multi-level menu */
ul.sidebar-nav ul#sideEight.sub-nav > li > a:hover { background-color: transparent; }
.panel-tabs > li > a:hover { background-color: #f2f2f2; }
#return-arrow { color: #555; padding-left: 15px; padding-top: 15px; position: fixed; opacity: 0.7; cursor: pointer; display: block; z-index: 1050; }
#return-arrow i.fa { float: left; padding-top: 2px; }
#return-arrow span { float: left; padding-left: 15px; padding-top: 0px; font-size: 16px; }
#return-arrow:hover { opacity: 1; }
/*===================================================
  IV. PRINT STYLES - Designed soley for Invoice Page
      Problems will arise if you attempt to use
	  these styles globally
=====================================================*/
@media print {
/* Reset + Hide Primary Page Components */
header.navbar, #sidebar_left, #sidebar_right, #topbar, #skin-toolbox, .panel-heading, .invoice-buttons { display: none !important; visibility: hidden; width: 0 !important; height: 0 !important; outline: 0; padding: 0 !important; margin: 0 !important; overflow: hidden; }
/* Modify Primary Container */
#content_wrapper { background: 0; margin: 0 auto !important; padding: 0 !important; left: auto !important; right: auto !important; transition: none; }
#content { padding: 0; background: none; }
#content_wrapper:after { margin: 0; display: none; }
/* Shorten and center page */
#main { width: 1100px !important; margin: 0 auto !important; }
/* Remove all Panel Borders */
.panel, .panel-body { border: 0 !important; margin: 0 !important; box-shadow: none !important; }
/* Hide Image Logo and reveal Text logo */
.invoice-logo { display: none !important; }
.invoice-logo-text { display: block !important; visibility: visible !important; }
/* Modify Invoice Container */
.table-layout > .col-md-10 { width: 100% !important; padding: 0 !important; }
/* Modify Invoice Panels */
#invoice-info { border-top: 1px dashed #ddd; border-bottom: 1px dashed #ddd; margin-top: 20px !important; margin-bottom: 40px !important; background-color: #ddd; }
/* Modify Invoice Panels */
#invoice-info > .col-md-4 { float: none; display: inline-block; width: 32%; padding: 0; margin: 0; }
#invoice-info > .col-md-4:nth-child(2) { text-align: center; }
#invoice-info > .col-md-4:last-child { text-align: right; position: relative; top: 8px; }
#invoice-info > .col-md-4 .panel-body { padding: 10px; }
}
/* ==============================================
   III. RESPONSIVE STYLES
      A. Header
	  B. Content
	  C. Sidebar
	  D. Dashboard.html
	  	  
* These styles control various aspects of the
* site which benefit from being responsive 
================================================= 
  B. Content Responsive Styles
================================================= */
#content { padding: 15px 8px 40px 11px; }
/* content padding on large resolutions */
@media (min-width: 1100px) {
#content { padding: 25px 20px 50px 21px; }
}
/* Adds top padding to md columns as a spacer
 * when they are mobile stacked */
@media (max-width: 991px) {
#content .col-md-2 + .col-md-2, #content .col-md-2 + .col-md-4, #content .col-md-2 + .col-md-6, #content .col-md-4 + .col-md-2, #content .col-md-4 + .col-md-4, #content .col-md-4 + .col-md-6, #content .col-md-6 + .col-md-2, #content .col-md-6 + .col-md-4, #content .col-md-6 + .col-md-6 { padding-top: 10px; }
}
@media (max-width: 815px) {
#content .panel .panel-body { overflow: auto !important; min-width: 0 !important; }
}
/*=============================================== 
  B. Topbar Responsive Styles
================================================= */
@media (max-width: 815px) {
#topbar { padding: 10px 6px 10px 14px !important; }
#topbar .topbar-dropdown { display: none !important; }
}
/* ==============================================
   Navbar
================================================= */
.navbar { z-index: 1030; margin-bottom: 0; height: 60px; border: 0; border-radius: 0; box-shadow: none; }
/*navbar menu*/
.navbar .nav { margin: 0; }
.navbar .nav > li { float: left; }
.navbar .nav > li > a { color: #777; padding-top: 20px; padding-bottom: 20px; height: 59px; max-height: 59px; }
.navbar .nav > li.open > a, .navbar .nav > li:hover > a, .navbar .nav > li:focus > a, .navbar .nav > li.active > a, .navbar .nav > li > a:hover, .navbar .nav > li > a:focus { color: #333; background-color: #DDD; }
.navbar .nav > li.dropdown.open .dropdown-menu { margin-top: 10px; border-top: 3px solid #4a89dc; border-radius: 2px; }
.navbar .nav > li.dropdown.open .dropdown-menu:after { content: ""; position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; right: 8px; bottom: 100%; border-width: 0 10px 10px; border-bottom-color: #4a89dc; }
/*navbranding*/
.navbar-branding { position: relative; overflow: hidden; float: left; width: 230px; height: 60px; background-color: #1f70a8; margin-right: 10px; }
.navbar-branding a.navbar-brand { height: 60px; line-height: 60px; padding: 0; padding-left: 18px; color: #777; font-size: 17px; font-weight: 400; letter-spacing: 0.5px; }
/*navbar toggle sidemenu button*/
#toggle_sidemenu_l { float: right; cursor: pointer; font-size: 16px; color: #fff; line-height: 58px; max-height: 60px; width: 60px; text-align: center; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
#toggle_sidemenu_l:hover { color: #DDD; }
/*left nav menu*/
.navbar-nav.navbar-left { float: left; position: relative; max-height: 60px; }
.navbar-nav.navbar-left > li > a { padding-right: 12px; padding-left: 12px; }
/*right nav menu*/
.navbar-nav.navbar-right, .navbar-nav.navbar-right:last-child { float: right; margin: 0 15px 0 0; }
/*navbar forms*/
.navbar-form { margin-top: 17px; margin-bottom: 17px; }
.navbar-form.navbar-search input { height: 26px; padding: 0 12px; border-radius: 20px; border-color: transparent; box-shadow: none; -webkit-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; }
/*navbar dropdown, child menu item slide effect*/
.dropdown-item-slide .dropdown-menu li.item-1, .dropdown-item-slide .dropdown-menu li.item-2, .dropdown-item-slide .dropdown-menu li.item-3, .dropdown-item-slide .dropdown-menu li.item-4, .dropdown-item-slide .dropdown-menu li.item-5 { -webkit-transform-origin: 20% 20%; -o-transform-origin: 20% 20%; transform-origin: 20% 20%; -webkit-transform: perspective(350px) rotateX(-90deg); -o-transform: perspective(350px) rotateX(-90deg); transform: perspective(350px) rotateX(-90deg); }
.dropdown-item-slide.slide-open .dropdown-menu li { -webkit-transform: perspective(350px) rotateX(0deg); -o-transform: perspective(350px) rotateX(0deg); transform: perspective(350px) rotateX(0deg); -webkit-transition: 0.2s linear 0s; -o-transition: 0.2s linear 0s; transition: 0.2s linear 0s; }
.dropdown-item-slide.slide-open .dropdown-menu li.item-2 { -webkit-transition-delay: 0.1s; -o-transition-delay: 0.1s; transition-delay: 0.1s; }
.dropdown-item-slide.slide-open .dropdown-menu li.item-3 { -webkit-transition-delay: 0.2s; -o-transition-delay: 0.2s; transition-delay: 0.2s; }
.dropdown-item-slide.slide-open .dropdown-menu li.item-4 { -o-transition-delay: 0.3s; transition-delay: 0.3s; }
.dropdown-item-slide.slide-open .dropdown-menu li.item-5 { -webkit-transition-delay: 0.4s; -o-transition-delay: 0.4s; transition-delay: 0.4s; }
/*navbar dropdown menu item hover effect*/
li.dropdown-hover:hover, .dropdown-hover li:hover { background: #f5f5f5; -webkit-transition-delay: 0s !important; -o-transition-delay: 0s !important; transition-delay: 0s !important; }
/*navbar dropdown menu item hover border effects*/
li.dropdown-border-hover, .dropdown-border-hover li { border-left: 3px solid transparent; }
li.dropdown-border-hover:hover, .dropdown-border-hover li:hover { background: #f8f8f8; border-left-color: #4a89dc; -webkit-transition-delay: 0s !important; -o-transition-delay: 0s !important; transition-delay: 0s !important; -webkit-transition: all linear 0s !important; -o-transition: all linear 0s !important; transition: all linear 0s !important; }
/*multiselects in navbar user dropdown menu */
.navbar .dropdown.open .btn-group.open .multiselect-container.dropdown-menu { margin-top: 0; border-top: 1px solid rgba(0, 0, 0, 0.1) !important; border-color: rgba(0, 0, 0, 0.1); }
.navbar .dropdown.open .btn-group.open .multiselect-container.dropdown-menu:after { display: none; }
#user-role + .btn-group > button.multiselect { overflow: hidden; text-overflow: ellipsis; }
#user-status + .btn-group .multiselect-container.dropdown-menu { right: auto !important; left: 0 !important; }
#user-status + .btn-group .multiselect-container.dropdown-menu, #user-role + .btn-group .multiselect-container.dropdown-menu { top: 0 !important; position: relative !important; margin-top: 9px; margin-bottom: 3px; width: 212px; }
#user-status + .btn-group .multiselect-container.dropdown-menu > li:first-child, #user-role + .btn-group .multiselect-container.dropdown-menu > li:first-child, #user-status + .btn-group .multiselect-container.dropdown-menu > li:first-child label, #user-role + .btn-group .multiselect-container.dropdown-menu > li:first-child label { cursor: pointer; position: relative; }
#user-status + .btn-group .multiselect-container.dropdown-menu > li:first-child:after, #user-role + .btn-group .multiselect-container.dropdown-menu > li:first-child:after { content: "\f00d"; font-family: "FontAwesome"; position: absolute; width: 15px; height: 15px; top: 6px; right: 8px; font-size: 13px; font-weight: 600; color: #AAA; -webkit-transition: color 0.15s ease; transition: color 0.15s ease; }
#user-status + .btn-group .multiselect-container.dropdown-menu > li:first-child:hover:after, #user-role + .btn-group .multiselect-container.dropdown-menu > li:first-child:hover:after { color: #4a89dc; }
/* If navbar has a contextual bg we make menu links white*/
.navbar[class*='bg-'] .navbar-brand, .navbar[class*='bg-'] .nav > li > a, .navbar[class*='bg-'] .nav > li.open > a { color: #fff; }
.navbar.bg-primary { background-color: #4a89dc !important; color: #f5f8fd; }
.navbar.bg-primary.navbar .nav > li.open > a, .navbar.bg-primary.navbar .nav > li:hover > a, .navbar.bg-primary.navbar .nav > li:focus > a, .navbar.bg-primary.navbar .nav > li.active > a, .navbar.bg-primary.navbar .nav > li > a:hover, .navbar.bg-primary.navbar .nav > li > a:focus { color: #FFF; background-color: #3078d7; }
.navbar.bg-primary.navbar .nav > li.dropdown.open .dropdown-menu { border-top-color: #4a89dc; }
.navbar.bg-primary.navbar .nav > li.dropdown.open .dropdown-menu:after { border-bottom-color: #4a89dc; }
.navbar.bg-primary.navbar .nav > li.dropdown.open .dropdown-menu:after { border-bottom-color: #4a89dc; }
.navbar.bg-success { background-color: #70ca63 !important; color: #fcfefb; }
.navbar.bg-success.navbar .nav > li.open > a, .navbar.bg-success.navbar .nav > li:hover > a, .navbar.bg-success.navbar .nav > li:focus > a, .navbar.bg-success.navbar .nav > li.active > a, .navbar.bg-success.navbar .nav > li > a:hover, .navbar.bg-success.navbar .nav > li > a:focus { color: #FFF; background-color: #5bc24c; }
.navbar.bg-success.navbar .nav > li.dropdown.open .dropdown-menu { border-top-color: #70ca63; }
.navbar.bg-success.navbar .nav > li.dropdown.open .dropdown-menu:after { border-bottom-color: #70ca63; }
.navbar.bg-success.navbar .nav > li.dropdown.open .dropdown-menu:after { border-bottom-color: #70ca63; }
.navbar.bg-info { background-color: #3bafda !important; color: #e7f5fa; }
.navbar.bg-info.navbar .nav > li.open > a, .navbar.bg-info.navbar .nav > li:hover > a, .navbar.bg-info.navbar .nav > li:focus > a, .navbar.bg-info.navbar .nav > li.active > a, .navbar.bg-info.navbar .nav > li > a:hover, .navbar.bg-info.navbar .nav > li > a:focus { color: #FFF; background-color: #27a2cf; }
.navbar.bg-info.navbar .nav > li.dropdown.open .dropdown-menu { border-top-color: #3bafda; }
.navbar.bg-info.navbar .nav > li.dropdown.open .dropdown-menu:after { border-bottom-color: #3bafda; }
.navbar.bg-info.navbar .nav > li.dropdown.open .dropdown-menu:after { border-bottom-color: #3bafda; }
.navbar.bg-warning { background-color: #f6bb42 !important; color: #ffffff; }
.navbar.bg-warning.navbar .nav > li.open > a, .navbar.bg-warning.navbar .nav > li:hover > a, .navbar.bg-warning.navbar .nav > li:focus > a, .navbar.bg-warning.navbar .nav > li.active > a, .navbar.bg-warning.navbar .nav > li > a:hover, .navbar.bg-warning.navbar .nav > li > a:focus { color: #FFF; background-color: #f5b025; }
.navbar.bg-warning.navbar .nav > li.dropdown.open .dropdown-menu { border-top-color: #f6bb42; }
.navbar.bg-warning.navbar .nav > li.dropdown.open .dropdown-menu:after { border-bottom-color: #f6bb42; }
.navbar.bg-warning.navbar .nav > li.dropdown.open .dropdown-menu:after { border-bottom-color: #f6bb42; }
.navbar.bg-danger { background-color: #e9573f !important; color: #fef7f6; }
.navbar.bg-danger.navbar .nav > li.open > a, .navbar.bg-danger.navbar .nav > li:hover > a, .navbar.bg-danger.navbar .nav > li:focus > a, .navbar.bg-danger.navbar .nav > li.active > a, .navbar.bg-danger.navbar .nav > li > a:hover, .navbar.bg-danger.navbar .nav > li > a:focus { color: #FFF; background-color: #e63f24; }
.navbar.bg-danger.navbar .nav > li.dropdown.open .dropdown-menu { border-top-color: #e9573f; }
.navbar.bg-danger.navbar .nav > li.dropdown.open .dropdown-menu:after { border-bottom-color: #e9573f; }
.navbar.bg-danger.navbar .nav > li.dropdown.open .dropdown-menu:after { border-bottom-color: #e9573f; }
.navbar.bg-alert { background-color: #967adc !important; color: #ffffff; }
.navbar.bg-alert.navbar .nav > li.open > a, .navbar.bg-alert.navbar .nav > li:hover > a, .navbar.bg-alert.navbar .nav > li:focus > a, .navbar.bg-alert.navbar .nav > li.active > a, .navbar.bg-alert.navbar .nav > li > a:hover, .navbar.bg-alert.navbar .nav > li > a:focus { color: #FFF; background-color: #8362d6; }
.navbar.bg-alert.navbar .nav > li.dropdown.open .dropdown-menu { border-top-color: #967adc; }
.navbar.bg-alert.navbar .nav > li.dropdown.open .dropdown-menu:after { border-bottom-color: #967adc; }
.navbar.bg-alert.navbar .nav > li.dropdown.open .dropdown-menu:after { border-bottom-color: #967adc; }
.navbar.bg-system { background-color: #37bc9b !important; color: #cef1e8; }
.navbar.bg-system.navbar .nav > li.open > a, .navbar.bg-system.navbar .nav > li:hover > a, .navbar.bg-system.navbar .nav > li:focus > a, .navbar.bg-system.navbar .nav > li.active > a, .navbar.bg-system.navbar .nav > li > a:hover, .navbar.bg-system.navbar .nav > li > a:focus { color: #FFF; background-color: #30a487; }
.navbar.bg-system.navbar .nav > li.dropdown.open .dropdown-menu { border-top-color: #37bc9b; }
.navbar.bg-system.navbar .nav > li.dropdown.open .dropdown-menu:after { border-bottom-color: #37bc9b; }
.navbar.bg-system.navbar .nav > li.dropdown.open .dropdown-menu:after { border-bottom-color: #37bc9b; }
.navbar.bg-dark { background-color: #3b3f4f !important; color: #9fa4b7; }
.navbar.bg-dark.navbar .nav > li.open > a, .navbar.bg-dark.navbar .nav > li:hover > a, .navbar.bg-dark.navbar .nav > li:focus > a, .navbar.bg-dark.navbar .nav > li.active > a, .navbar.bg-dark.navbar .nav > li > a:hover, .navbar.bg-dark.navbar .nav > li > a:focus { color: #FFF; background-color: #2e313d; }
.navbar.bg-dark.navbar .nav > li.dropdown.open .dropdown-menu { border-top-color: #3b3f4f; }
.navbar.bg-dark.navbar .nav > li.dropdown.open .dropdown-menu:after { border-bottom-color: #3b3f4f; }
.navbar.bg-dark.navbar .nav > li.dropdown.open .dropdown-menu:after { border-bottom-color: #3b3f4f; }
.navbar.bg-light { color: #666; background-color: #FFF !important; border-bottom: 1px solid #E2E2E2; }
.navbar.bg-light .navbar-branding { background-color: #FFF !important; border-bottom: 1px solid #E6E6E6; }
.navbar.bg-light .navbar-form.navbar-search input { border-color: #EEE; }
.navbar.bg-light .navbar-form.navbar-search input:focus { background-color: #fafafa; border-color: #f0f0f0; }
.navbar.bg-light .navbar-brand, .navbar.bg-light .nav > li > a, .navbar.bg-light .nav > li.open > a { color: #666; }
.navbar.bg-light #toggle_sidemenu_l, .navbar.bg-light #toggle_sidemenu_l:hover, .navbar.bg-light #toggle_sidemenu_l:focus { color: #666; }
.navbar.bg-light.navbar .nav > li.open > a, .navbar.bg-light.navbar .nav > li:hover > a, .navbar.bg-light.navbar .nav > li:focus > a, .navbar.bg-light.navbar .nav > li.active > a, .navbar.bg-light.navbar .nav > li > a:hover, .navbar.bg-light.navbar .nav > li > a:focus { color: #222; background-color: #f7f7f7; }
.navbar.bg-light.navbar .nav > li.dropdown.open .dropdown-menu { border-top-color: #999; }
.navbar.bg-light.navbar .nav > li.dropdown.open .dropdown-menu:after { border-bottom-color: #999; }
.navbar.bg-light.navbar .nav > li.dropdown.open .dropdown-menu:after { border-bottom-color: #999; }
/* Modify whitespace for user menu dropdown - Firefox alignment bug fix */
.navbar .navbar-right > li:last-child > .dropdown-menu > li > a { white-space: inherit; }
@media (max-width: 1100px) {
.navbar .navbar-right:last-child { margin-right: 5px; }
.navbar .navbar-right > li:last-child > a > img { margin-right: 5px !important; }
.navbar .navbar-right > li:last-child > a > span { display: none; }
.navbar .navbar-right > li:last-child > a > span.caret { display: inline-block; }
.navbar-form.navbar-search { padding: 21px 6px 19px; margin: 0; cursor: pointer; width: auto; float: left; }
.navbar-form.navbar-search .form-group { margin: 0 !important; }
.navbar-form.navbar-search:after { content: "\f02e"; position: relative; font: normal normal 16px octicons; line-height: 1; display: inline-block; text-decoration: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.navbar-form.navbar-search input { opacity: 0; z-index: -1; visibility: hidden; position: absolute; top: -60px; left: 0; width: 100%; height: 60px; margin: 0; font-size: 24px; color: #AAA; border-radius: 0; border: 0; border-bottom: 1px solid #EEE; text-align: center; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.navbar-form.navbar-search input:focus, .navbar.bg-light .navbar-form.navbar-search input:focus { background-color: #FFF; }
.navbar-form.navbar-search.search-open input { top: 0; opacity: 1; visibility: visible; z-index: 1040; }
.navbar-form.navbar-search .search-remove { display: none; z-index: 1040; position: absolute; color: #AAA; top: 0; right: 0; height: 60px; line-height: 59px; padding-left: 15px; padding-right: 25px; }
.navbar-form.navbar-search .search-remove:after { position: relative; content: "\e014"; font-family: 'Glyphicons Halflings'; text-align: center; font-size: 20px; }
.navbar-form.navbar-search.search-open .search-remove:hover { color: #ee7f6d; }
}
@media (max-width: 599px) {
.sb-l-m .navbar > .navbar-right, .navbar .navbar-nav > li.dropdown { position: static !important; }
.navbar .navbar-right:last-child { margin-right: 0; }
.navbar-left .dropdown-menu, .navbar-right .dropdown-menu, .navbar-left .open .dropdown-menu, .navbar-right .open .dropdown-menu { z-index: 1000; margin-top: 0 !important; float: left; position: absolute; top: 100%; /*left: -1px;*/ min-width: 101%; list-style: none; background-color: #FFF; border: 1px solid rgba(0, 0, 0, 0.15); background-clip: padding-box; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); }
#user-status + .btn-group .multiselect-container.dropdown-menu, #user-role + .btn-group .multiselect-container.dropdown-menu { top: 34px !important; position: absolute !important; right: 0; left: auto; }
}
/* ==============================================
   Content Trays
     A. Trays
     B. Tray Sizes
     C. Tray Bin
     D. Tray Navigation
     E. Tray Hover Settings
=================================================
   A. Content Trays
================================================= */
/*tray table layout*/
#content.table-layout { padding: 0; }
#content.table-layout > div, #content.table-layout > section { padding: 25px 20px 50px; }
/*trays*/
.tray-left, .tray-right { position: relative; width: 250px; min-height: 100%; border-right: 1px solid #DDD; background: #f5f5f5; padding: 15px; }
/*Right tray*/
.tray-right { border-left: 1px solid #DDD; border-right: 0; }
/*Top tray*/
.tray-top { position: relative; width: 100%; min-height: 150px; border-bottom: 1px solid #DDD; background-color: #f2f2f2; padding: 15px; }
.tray-top.light { background-color: #fafafa; }
/*===============================================
   B. Tray Sizes
================================================= */
.tray200 { width: 200px; }
.tray225 { width: 225px; }
.tray250 { width: 250px; }
.tray250 { width: 270px; }
.tray290 { width: 290px; }
.tray320 { width: 320px; }
.tray350 { width: 350px; }
.tray400 { width: 400px; }
/*===============================================
   C. Tray Bin
================================================= */
/*a dashed bin great for organizing buttons and links*/
.tray-bin { padding: 7px; border: 1px dashed #CCC; background: #eee; min-height: 65px; margin-bottom: 20px; }
/*If navbar has a contextual bg we make menu links white*/
.tray-bin div[class*='col-'] { padding-left: 5px; padding-right: 5px; }
/*traybin divider text. Used primarily in li navs*/
.tray-bin .nav-label { text-align: center; font-size: 12px; color: #999999; padding-left: 5px; margin-top: 20px; margin-bottom: 10px; }
/*===============================================
   D. Tray Navigation
================================================= */
/* item link */
ul.tray-nav li a { width: 100%; padding: 11px 15px 11px 30px; color: #999; font-size: 13px; background: #f2f2f2; border-top: 1px solid #DDD; }
/* item icon */
ul.tray-nav li a .fa { padding-right: 18px; }
/* active item  */
ul.tray-nav li.active a { color: #666; background: #fbfbfb; transition: all 0.3s ease; }
/* active item icon */
ul.tray-nav li.active a .fa { color: #4a89dc; }
/*Tray nav style option - Arrow*/
/* active item bottom border */
ul.tray-nav.tray-nav-arrow li.active:before { content: ""; position: absolute; height: 100%; width: 100%; z-index: 1; top: 1px; left: 0; border-bottom: 1px solid #DDD; }
ul.tray-nav.tray-nav-arrow li.active a:before, ul.tray-nav.tray-nav-arrow li.active a:after { content: ""; position: absolute; top: 0; left: 100%; display: inline-block; width: 0; height: 0; vertical-align: middle; border-left: 20px solid; border-left-color: #fbfbfb; border-top: 20px solid transparent; border-bottom: 20px solid transparent; transition: all 0.3s ease; }
ul.tray-nav.tray-nav-arrow li.active a:before { border-left-color: #888; }
/* item hover */
ul.tray-nav.tray-nav-arrow li:hover a:after { border-left-color: #f8f8f8; }
/*settings for arrows when used on a right aligned tray (.tray-right)*/
/* active item bottom border */
.tray-right ul.tray-nav.tray-nav-arrow li.active:before { width: 100%; left: auto; right: 0; }
.tray-right ul.tray-nav.tray-nav-arrow li.active a:before, .tray-right ul.tray-nav.tray-nav-arrow li.active a:after { left: auto; right: 100%; border-right: 20px solid; border-left-color: transparent; border-right-color: #fbfbfb; }
.tray-right ul.tray-nav.tray-nav-arrow li.active a:before { border-left-color: transparent; border-right-color: #888; }
/* item hover */
.tray-right ul.tray-nav.tray-nav-arrow li:hover a:after { border-left-color: transparent; border-right-color: #f8f8f8; }
/*Tray nav style option - Bordered*/
.tray-nav.tray-nav-border li { position: relative; }
.tray-nav.tray-nav-border li a { font-size: 14px; padding: 12px 15px 12px 30px; }
.tray-nav.tray-nav-border li:after { content: ""; position: absolute; right: 0; top: 0; bottom: 0; width: 3px; background: #CCC; }
.tray-nav.tray-nav-border li.active:after { background: #4a89dc; }
.tray-nav.tray-nav-border li:hover:after { background: #999; }
/*modifcation for right side trays (.tray-right)*/
.tray-right .tray-nav.tray-nav-border li:after { left: 0; right: auto; }
/*border skin contextuals*/
.tray-nav.tray-nav-border li.active.nav-primary:after { background: #4a89dc; }
.tray-nav.tray-nav-border li.active.nav-success:after { background: #70ca63; }
.tray-nav.tray-nav-border li.active.nav-info:after { background: #3bafda; }
.tray-nav.tray-nav-border li.active.nav-warning:after { background: #f6bb42; }
.tray-nav.tray-nav-border li.active.nav-danger:after { background: #e9573f; }
.tray-nav.tray-nav-border li.active.nav-alert:after { background: #967adc; }
.tray-nav.tray-nav-border li.active.nav-system:after { background: #37bc9b; }
.tray-nav.tray-nav-border li.active.nav-dark:after { background: #3b3f4f; }
/*===============================================
   E. Tray Hover Settings

   At <1000 window width javascript will add a 
   "tray-rescale" class to the document body. This
   will shift the menu over out of sight and
   expand it only when the user hovers over the 
   portion that's still visible
================================================= */
body.tray-rescale .tray-left, body.tray-rescale .tray-right { position: fixed; z-index: 1; opacity: 0.5; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
body.tray-rescale .tray-left, body.tray-rescale .tray-right { right: -275px; }
body.tray-rescale .tray-left { border-left: 1px solid #DDD; }
/* adjust center tray to fill window width add needed
 padding to offset the partially hidden tray */
body.tray-rescale .tray-center { width: 100%; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; padding-right: 58px !important; }
body.tray-rescale .tray-top + .tray-center { padding-right: inherit !important; }
/* adjust depending on tray size */
body.tray-rescale .tray.tray200 { right: -155px; }
body.tray-rescale .tray.tray225 { right: -180px; }
body.tray-rescale .tray.tray250 { right: -205px; }
body.tray-rescale .tray.tray270 { right: -225px; }
body.tray-rescale .tray.tray290 { right: -245px; }
body.tray-rescale .tray.tray320 { right: -275px; }
body.tray-rescale .tray.tray350 { right: -305px; }
body.tray-rescale .tray.tray400 { right: -355px; }
/* on hover open the menus */
body.tray-rescale .tray-left:hover, body.tray-rescale .tray-right:hover { opacity: 1; z-index: 999; }
body.tray-rescale .tray-left:hover, body.tray-rescale .tray-right:hover { right: 0px; }
/* adjust any bootstrap affix settings if they exist */
body.tray-rescale .tray .tray-nav.affix, body.tray-rescale .tray .affix-pane.affix { top: auto; }
/* Disable completely on resolutions <600 */
@media (max-width: 600px) {
body.tray-rescale .tray-left, body.tray-rescale .tray-right { display: none; }
body.tray-rescale .tray-center { padding-right: 13px !important; }
body.tray-rescale #content.table-layout > div, body.tray-rescale #content.table-layout > section { padding: 10px 13px 40px !important; }
}
/* ==============================================
   LEFT SIDEBAR
    A. Default Open State
    B. Sidebar User Area
    C. Left Sidebar Minified
    D. Nano Sidebar Scroller Settings
    E. Sidebar Skins - Default Dark Skin
    F. Sidebar Skins - Light Skin
=================================================
  A. Default Open State
================================================= */
/* Sidebar Left Container */
#sidebar_left { color: #fff; position: absolute; top: 0; left: 0; width: 230px; min-height: 100%; padding-bottom: 40px; background-color: #30363e; }
/* Sidebar Left Menu */
.sidebar-menu { padding-bottom: 20px; }
/* Top Level Menu Items */
.sidebar-menu > li { margin: 0; }
.sidebar-menu > li:first-child { padding-top: 4px; }
/* all menu Links */
.sidebar-menu > li a { color: #fff; }
/* Top level menu Links */
.sidebar-menu > li > a { padding: 0; line-height: 35px; height: 35px; overflow: hidden; }
/* Top Level Menu Icon */
.sidebar-menu > li > a > span:nth-child(1) { float: left; top: 0; line-height: 35px; width: 38px; font-size: 13px; text-align: center; padding-left: 13px; }
/* Top Level Menu Title */
.sidebar-menu > li > a > span:nth-child(2) { font-weight: 600; padding-left: 6px; }
/* Menu Item - Tray, used to hold badges and such */
.sidebar-menu li > a > .sidebar-title-tray { position: absolute; right: 10px; top: -2px; }
.sidebar-menu li > a > .sidebar-title-tray .label { padding: .0em .4em .2em; font-size: 11px; }
/* Menu item title caret */
.sidebar-menu li > a > span.caret { position: absolute; top: 45%; right: 13px; border-top: 5px solid; border-right: 5px solid transparent; border-left: 5px solid transparent; }
/* Open Menu Item Caret - we simply flip the carets border */
.sidebar-menu li > a.menu-open > span.caret { border-top: 0; border-bottom: 5px solid; }
/* Sub Level Menu  */
.sidebar-menu > li > ul { clear: both; display: none; width: 230px; height: auto; background-color: #282d33; }
.sidebar-menu li > a.menu-open + ul { display: block; }
/* Sub Level Menu Items */
.sidebar-menu > li > ul > li > a { color: #d1d1d1;/*padding: 11px 20px 11px 30px;*/ }
/* Sub Level Menu first and last items */
.sidebar-menu > li > ul > li:first-child > a { /*padding-top: 14px;*/ padding-top: 10px; }
.sidebar-menu > li > ul > li:last-child > a { /*padding-bottom: 17px;*/ padding-bottom: 10px; }
/* Sub Level Menu Item Icon */
.sidebar-menu > li > ul > li > a > span:nth-child(1) { margin-right: 10px; font-size: 11px; }
/* Sub Level Menu Item Label */
.sidebar-menu > li > ul > li > a > span.label { float: right; line-height: 17px; }
/* Multi Level Menu (submenu inside a submenu and so on) */
.sidebar-menu > li > ul > li ul { clear: both; display: none; width: 230px; height: auto; background-color: #22262c; }
/* Multi Level Menu items */
.sidebar-menu > li > ul > li > ul li a { padding: 9px 20px 9px 50px; }
.sidebar-menu > li > ul > li > ul li:last-child a { padding-bottom: 13px; }
/* Multi Level Menu item label */
.sidebar-menu > li > ul > li > ul li a .label.label-xs { float: right; line-height: 17px; }
/* Top Menu item active border */
.sidebar-menu > li > a.menu-open:after, .sidebar-menu > li.active > a:after, .sidebar-menu > li:hover > a:after, .sidebar-menu > li:focus > a:after { content: ""; position: absolute; left: 0; top: 0; height: 100%; width: 3px; background: #AAA; }
/* Sub-Menu Menu item active border */
.sidebar-menu > li > ul > li > a.menu-open:after, .sidebar-menu > li > ul > li.active > a:after, .sidebar-menu > li > ul > li:hover > a:after, .sidebar-menu > li > ul > li:focus > a:after { content: ""; position: absolute; left: 0; top: 0; height: 100%; width: 3px; background: #AAA; }
/* Multi-Menu childen active/hover border */
.sidebar-menu > li > ul > li > ul > li.active > a:after, .sidebar-menu > li > ul > li > ul > li:hover > a:after, .sidebar-menu > li > ul > li > ul > li:focus > a:after { content: ""; position: absolute; left: 0; top: 5%; height: 90%; width: 3px; background: #999; }
/* Sidebar labels */
.sidebar-menu .sidebar-label { text-transform: uppercase; color: #70829a; font-weight: 600; padding-left: 18px; padding-bottom: 3px; font-size: 12px; }
/* Sidebar pProjects */
/* Sidebar stats */
.sidebar-menu .sidebar-stat .progress { clear: both; background-color: #26292e; }
.sidebar-menu .sidebar-stat > a { height: auto; overflow: visible; }
/*===============================================
  B. Sidebar User Area
================================================= */
/* User Area Menu - A slide down user menu */
.user-menu { display: none; position: relative; left: 0; top: 0; height: 130px; width: 100%; padding: 10px; background-color: #282d33; }
.user-menu a { position: relative; display: block; padding: 12px 5px 12px; margin-bottom: 3px; transition: all 0.2s ease; }
.user-menu a:hover { background-color: rgba(255, 255, 255, 0.1); }
/* menu icon */
.user-menu a span { font-size: 24px; transition: all 0.3s ease; }
.user-menu a:hover span { color: #3078d7; }
/* menu title */
.user-menu a h5 { display: none; }
.user-divider { height: 4px; width: 100%; background-color: #e5e5e5; border-bottom: 1px solid #CCC; }
/*====================================================
  C. Left Sidebar Minified
====================================================== */
/* Sidebar Minified Button */
.sidebar-toggle-mini { width: 35px; height: 32px; padding: 7px 0; }
.sidebar-toggle-mini a { position: absolute; right: 0; display: block; text-align: center; padding: 6px 6px 5px; border: 1px solid #444; border-radius: 2px 0 0 2px; background-color: #26292e; }
.sidebar-toggle-mini:hover span { color: #DDD; transition: all ease-in-out 0.3s; }
.sidebar-toggle-mini span { position: relative; color: #888; font-size: 16px; transform: rotate(180deg); }
/* active state */
/* Sidebar Minified State */
body.sb-l-m #sidebar_left { z-index: 1028; overflow: visible; width: 60px; height: 100%; left: 0; background-color: #30363e; }
body.sb-l-m #sidebar_left:before { width: 60px; }
body.sb-l-m .sidebar-header { display: none; }
body.sb-l-m #sidebar_left .sidebar-label, body.sb-l-m #sidebar_left .sidebar-title-tray, body.sb-l-m #sidebar_left .sidebar-title, body.sb-l-m #sidebar_left .caret { display: none; }
body.sb-l-m #sidebar_left .sidebar-proj, body.sb-l-m #sidebar_left .sidebar-stat { display: none; }
/* Icon container */
body.sb-l-m .sidebar-menu > li { padding: 7px 0; }
body.sb-l-m .sidebar-menu > li > a { overflow: visible; }
/* Icon */
body.sb-l-m .sidebar-menu > li > a > span:nth-child(1) { color: #ccc; left: -1px; width: 60px; font-size: 18px; padding-left: 0; }
/* Active icon */
body.sb-l-m .sidebar-menu > li.active > a > span:nth-child(1) { color: #2f87c1; }
/* Item title */
body.sb-l-m .sidebar-menu > li > a > .sidebar-title { position: absolute; left: 60px; top: -4px; width: 180px; height: 44px; line-height: 44px; font-size: 14px; padding-left: 15px; border-left: 1px solid #222; background-color: #282d33; }
/* Convert submenus to visible only on hover */
body.sb-l-m .sidebar-menu > li > a.menu-open + ul { display: none; }
body.sb-l-m .sidebar-menu > li:hover > a + ul, body.sb-l-m .sidebar-menu li:hover a > .sidebar-title { display: block !important; }
/* Sub-Menus title caret etc */
body.sb-l-m .sidebar-menu > li > ul li a > .caret { display: block !important; }
/* Sub-Menus */
body.sb-l-m .sidebar-menu > li > ul { position: absolute; left: 60px; top: 38px; width: 180px; height: auto; border-left: 1px solid #222; padding-bottom: 7px; overflow: hidden; }
body.sb-l-m .sidebar-menu > li > ul > li ul { width: 180px; }
/* catch overflow of multi-level submenus */
body.sb-l-m .sidebar-menu > li > ul > li { overflow: hidden; }
/* first level menu item padding */
body.sb-l-m .sidebar-menu li > ul > li > a { padding: 8px 20px 8px 20px; }
/* multi level menu item padding */
body.sb-l-m .sidebar-menu li > ul > li > ul > li a { padding: 8px 20px 8px 35px; }
/* related page container modifications */
body.sb-l-m #content_wrapper { margin-left: 60px; }
/* If sidebar is hidden and minified */
body.sb-l-c.sb-l-m #content_wrapper { margin-left: 0; }
/* Navbar Branding Mini mode */
/*body.sb-l-m .navbar-branding {
  width: 60px;
}*/
/*body.sb-l-m .navbar-brand {
  display: none;
}*/
/*===============================================
  D. Nano Sidebar Scroller Settings (Core Plugin)
================================================= */
#sidebar_left.affix.nano .tooltip { z-index: 9999 !important; }
/* If the sidebar is minified we disable nanoscroll via css
 * otherwise nano scroll hides popout menus and the scroll is
 * needed to see submenus with many items */
/*body.sb-l-m #sidebar_left.nano {
  position: absolute;
}*/
body.sb-l-m #sidebar_left.nano > .nano-content { overflow: visible; right: 0 !important; }
/*=======================================================
  E. Sidebar Skins - Default Dark Skin 
========================================================= */
/* Top Level Menu Item - BG color:hover */
.sidebar-menu > li > a:hover, .sidebar-menu > li > a:focus, .sidebar-menu > li > a:active { background-color: transparent; }
/* Top Level Item - Border Color:hover */
.sidebar-menu > li:hover > a:after, .sidebar-menu > li:focus > a:after { background: transparent; }
/* Top Level Active Menu Item - BG Color */
.sidebar-menu > li.active > a { background-color: transparent; }
/* Top Level Active Menu Item - Icon Color */
.sidebar-menu > li.active > a > span:nth-child(1) { color: #4a89dc; }
/* Top Level Active Item - Border Color */
.sidebar-menu > li.active > a:after, .sidebar-menu > li > a.menu-open:after { background: transparent; }
/* Sub-Menu Item - BG Color */
.sidebar-menu > li > ul { background-color: #282d33; }
/* Sub-Menu Item - BG Color:hover */
.sidebar-menu > li > ul > li > a:hover, .sidebar-menu > li > ul > li > a:focus { background-color: #22262c; }
/* Sub-Menu Item - Border Color:hover */
.sidebar-menu > li > ul > li:hover > a:after, .sidebar-menu > li > ul > li:focus > a:after { background: #4a89dc; }
/* Sub-Menu Active Item - BG Color */
.sidebar-menu > li > ul > li.active > a { background-color: transparent; }
/* Sub-Menu Active Item - Icon Color */
.sidebar-menu > li > ul > li.active > a > span:nth-child(1), .sidebar-menu > li > ul > li > a.menu-open > span:nth-child(1) { color: #4a89dc; }
/* Sub-Menu Active Item - Border Color */
.sidebar-menu > li > ul > li.active > a:after, .sidebar-menu > li > ul > li > a.menu-open:after { background: #4a89dc; }
/* Multi-Menu Item - BG Color */
.sidebar-menu > li > ul > li ul { background-color: #22262c; }
/* Multi-level Item - BG Color:hover */
.sidebar-menu > li > ul > li > ul > li > a:hover, .sidebar-menu > li > ul > li > ul > li > a:focus { background-color: transparent; }
/* Multi-level Active Item - Border Color:hover */
.sidebar-menu > li > ul > li > ul > li:hover > a:after, .sidebar-menu > li > ul > li > ul > li:focus > a:after { background: #967adc; }
/* Multi-level Active Item - BG Color */
.sidebar-menu > li > ul > li > ul > li.active > a { background: transparent; }
/* Multi-level Active Item - Icon Color */
.sidebar-menu > li > ul > li > ul > li.active > a > span:nth-child(1), .sidebar-menu > li > ul > li > ul > li > a.menu-open > span:nth-child(1) { color: #ffffff; }
/* Multi-level Active Item - Border Color */
.sidebar-menu > li > ul > li > ul > li.active > a:after { background: #967adc; }
/* Top Level Menu Item - Label Color */
.sidebar-menu .sidebar-label { color: #70829a; }
/* Top Level Menu Item - Link Color */
.sidebar-menu > li a { color: #ffffff; }
/* Menu item Caret */
.sidebar-menu li > a > span.caret { color: #ffffff; }
/* Open Menu item Caret */
.sidebar-menu li > a.menu-open > span.caret { color: #4a89dc; }
/* Usermenu - BG Color */
.user-menu { background-color: #282d33; }
/* Usermenu - Item Icon Color */
.user-menu a span { color: #dddddd; }
/* Usermenu - BG Color:hover */
.user-menu a:hover { background-color: rgba(255, 255, 255, 0.1); }
/* Usermenu - Item Icon Color:hover */
.user-menu a:hover span { color: #4a89dc; }
/*=======================================================
  F. Sidebar Skins - Light Skin
     Applied via class to "#sidebar" 
     eg: <aside id="sidebar_left" class="sidebar-light">
========================================================= */
#sidebar_left.sidebar-light { color: #666; background-color: #fafafa; border-right: 1px solid #DDD; font-family: "Roboto"; }
#sidebar_left.sidebar-light .sidebar-menu .sidebar-label { color: #AAA; font-size: 11px; font-weight: 500; }
#sidebar_left.sidebar-light .sidebar-menu li > a > span.caret { color: #BBB; }
#sidebar_left.sidebar-light .sidebar-menu li > a.menu-open > span.caret { color: #999; }
#sidebar_left.sidebar-light .sidebar-menu > li a { color: #888; }
#sidebar_left.sidebar-light .sidebar-menu > li > a:hover, #sidebar_left.sidebar-light .sidebar-menu > li > a:focus, #sidebar_left.sidebar-light .sidebar-menu > li > a:active { background-color: transparent; }
#sidebar_left.sidebar-light .sidebar-menu > li > a > span:nth-child(1) { color: #888; }
#sidebar_left.sidebar-light .sidebar-menu > li > a > span:nth-child(2) { color: #555; font-weight: 500; letter-spacing: 0.4px; }
#sidebar_left.sidebar-light .sidebar-menu > li.active > a > span:nth-child(1) { color: #4a89dc; }
#sidebar_left.sidebar-light .sidebar-menu > li > ul { background-color: #f2f2f2; box-shadow: 0 1px 0 #e5e5e5 inset, 0 -1px 0 #e5e5e5 inset; }
#sidebar_left.sidebar-light .sidebar-menu > li > ul > li > a:hover, #sidebar_left.sidebar-light .sidebar-menu > li > ul > li > a:focus { background-color: transparent; }
#sidebar_left.sidebar-light .sidebar-menu > li > ul > li.active > a > span:nth-child(1), #sidebar_left.sidebar-light .sidebar-menu > li > ul > li > a.menu-open > span:nth-child(1) { color: #4a89dc; }
#sidebar_left.sidebar-light .sidebar-menu > li > ul > li ul { background-color: #eaeaea; box-shadow: 0 1px 0 #d9d9d9 inset, 0 -1px 0 #d9d9d9 inset; }
#sidebar_left.sidebar-light .sidebar-menu > li > ul > li > ul > li > a:hover, #sidebar_left.sidebar-light .sidebar-menu > li > ul > li > ul > li > a:focus { background-color: transparent; }
#sidebar_left.sidebar-light .sidebar-menu > li > a.menu-open:after, #sidebar_left.sidebar-light .sidebar-menu > li > ul > li > a.menu-open:after { background: transparent; }
#sidebar_left.sidebar-light .sidebar-menu > li > ul > li > a.menu-open:after, #sidebar_left.sidebar-light .sidebar-menu > li > ul > li > ul > li > a.menu-open:after { background: #3bafda; }
#sidebar_left.sidebar-light .sidebar-menu > li > ul > li > ul > li.active > a:after, #sidebar_left.sidebar-light .sidebar-menu > li > ul > li > ul > li:hover > a:after, #sidebar_left.sidebar-light .sidebar-menu > li > ul > li > ul > li:focus > a:after { background: #f6bb42; }
#sidebar_left.sidebar-light .sidebar-menu > li > ul > li.active > a > span.caret { color: #AAA; }
#sidebar_left.sidebar-light .sidebar-menu .sidebar-stat .progress { background-color: #ddd; }
#sidebar_left.sidebar-light .sidebar-toggle-mini a { background-color: #f7f7f7; border-color: #eaeaea; }
#sidebar_left.sidebar-light.light { background-color: #fff; }
#sidebar_left.sidebar-light.light .sidebar-menu > li > ul { background-color: #fbfbfb; }
#sidebar_left.sidebar-light.light .sidebar-menu > li > ul > li ul { background-color: #f5f5f5; }
#sidebar_left.sidebar-light .user-menu { background-color: #f2f2f2; box-shadow: 0 -1px 0 #e6e6e6 inset; }
#sidebar_left.sidebar-light .user-menu a span { color: #777; }
/* minified version of light sidebar */
body.sb-l-m #sidebar_left.sidebar-light { background-color: #FAFAFA; }
body.sb-l-m #sidebar_left.sidebar-light.light { background-color: #FFF; }
body.sb-l-m #sidebar_left.sidebar-light .sidebar-menu > li > a > .sidebar-title, body.sb-l-m #sidebar_left.sidebar-light .sidebar-menu > li > ul { border: 1px solid #DDD; border-top: 0; background-color: #f8f8f8; left: 59px; box-shadow: none; }
body.sb-l-m #sidebar_left.sidebar-light .sidebar-menu > li > a > .sidebar-title { border-top: 1px solid #DDD; }
@media (max-width: 900px) {
/* Sidebar Minified State */
body.sb-l-m #sidebar_left { width: 45px; }
body.sb-l-m #sidebar_left:before { width: 45px; }
/* Menu item icon */
body.sb-l-m .sidebar-menu > li > a > span:nth-child(1) { left: -1px; width: 45px; font-size: 18px; }
/* menu item title */
body.sb-l-m .sidebar-menu > li > a > .sidebar-title { position: absolute; left: 45px; top: -4px; width: 180px; height: 44px; line-height: 44px; font-size: 14px; padding-left: 15px; border-left: 1px solid #222; background-color: #282d33; }
/* Sub-Menus */
body.sb-l-m .sidebar-menu > li > ul { position: absolute; left: 45px; top: 38px; width: 180px; height: auto; border-left: 1px solid #222; padding-bottom: 7px; overflow: hidden; }
body.sb-l-m .sidebar-menu > li > ul > li ul { width: 180px; }
/* first level menu item padding */
body.sb-l-m .sidebar-menu li > ul > li > a { padding: 8px 20px 8px 20px; }
/* multi level menu item padding */
body.sb-l-m .sidebar-menu li > ul > li > ul > li a { padding: 8px 20px 8px 35px; }
/* related page container modifications */
body.sb-l-m #content_wrapper { margin-left: 45px; }
/* If sidebar is hidden and minified */
body.sb-l-c.sb-l-m #content_wrapper { margin-left: 0; }
/* Navbar brand minified (hide logo) */
  /*body.sb-l-o .navbar-brand,
  body.sb-l-m .navbar-brand {
    display: none;
  }*/
  /* Navbar branding minified */
  /*body.sb-l-o .navbar-branding,
  body.sb-l-m .navbar-branding {
    max-width: 45px;
    margin-right: 5px;
  }*/
  /* Navbar branding Toggle icon sidebar open */
body.sb-l-o .navbar #toggle_sidemenu_l { transform: rotate(90deg); }
/* Navbar branding toggle icon minified */
body.sb-l-o.sb-l-m .navbar #toggle_sidemenu_l { transform: rotate(0deg); }
/* Navbar branding toggle icon minified */
body.sb-l-o .navbar #toggle_sidemenu_l, body.sb-l-m .navbar #toggle_sidemenu_l { width: 45px; }
/* hide sidebar user menu button when the sidebar is
    collapsed. As it's not accessible in this mode*/
.sb-l-o .navbar .sidebar-menu-toggle, .sb-l-c .navbar .sidebar-menu-toggle { margin-left: 10px; display: none; }
#toggle_sidemenu_r { margin-top: 4px; }
}
/* ==============================================
   Right Sidebar
     A. Default Closed State
     B. Sidebar Right Panel Menu
     C. Nano Sidebar Scroller Settings
=================================================
  A. Default Closed State
================================================= */
#sidebar_right { position: fixed; width: 300px; height: 100%; top: 60px; right: -300px; border-left: 1px solid #ddd; background: #f8f8f8; }
#sidebar_right .sidebar-right-header { width: 100%; height: 59px; padding: 4px 10px 4px 20px; }
#sidebar_right .sidebar_right_content a:hover { text-decoration: none; }
/*===============================================
   B. Sidebar Right Panel Menu
================================================= */
.title-divider { border-bottom: 1px solid #e8e8e8; padding: 0 5px 9px 5px; }
#sidebar_right .panel { -webkit-box-shadow: none; box-shadow: none; }
#sidebar_right .panel-heading { height: 51px; min-height: 51px; overflow: hidden; }
#sidebar_right .panel-tabs li a { padding: 17px 18px; border-right: 1px solid transparent; }
#sidebar_right .panel-tabs li:first-child a { border-left: 1px solid transparent; }
/*===============================================
  C. Nano Sidebar Scroller Settings
================================================= */
#sidebar_right.nano > .nano-pane { background: rgba(0, 0, 0, 0.07); }
#sidebar_right.nano > .nano-pane > .nano-slider { background: #444; background: #CCC; }
/* ==============================================
    Sidebar Actions
     A. Sidebar Left Toggle
     B. Sidebar Right Toggle
     C. Left Sidebar Minified Helper
     D. Mobile Menu Modifications
=================================================
  A. Sidebar Left Toggle
================================================= */
/*left sidebar open*/
.sb-l-o #sidebar_left { left: 0; overflow: hidden; }
.sb-l-o #content_wrapper { margin-left: 230px; }
/*left sidebar closed*/
.sb-l-c #sidebar_left { left: -230px; overflow: hidden; }
.sb-l-c #content_wrapper { margin-left: 0; }
/*adjust navbar branding when closed*/
.sb-l-c .navbar-branding { width: 60px; }
.sb-l-c .navbar-brand { display: none; }
/*====================================================
  B. Sidebar Right Toggle
====================================================== */
/*Sidebar Right Open */
.sb-r-o #sidebar_right { right: 0; }
.sb-r-o #content_wrapper { margin-right: 300px; }
/*Sidebar Right Closed*/
.sb-r-c #sidebar_right { right: -300px; }
.sb-r-c #content_wrapper { margin-right: 0; }
/*====================================================
  C. Left Sidebar Minified Helper
====================================================== */
.sb-l-c.sb-l-m #sidebar_left { left: -60px; }
/*hide sidebar user menu button when the sidebar is
collapsed. As it's not accessible in this mode*/
.sb-l-m .navbar .sidebar-menu-toggle, .sb-l-c .navbar .sidebar-menu-toggle { margin-left: 10px; display: none; }
/*===============================================
  D. Mobile Menu Modifications
================================================= */
/* At less than 1100px we collapse any open sidebars via 
Media Queries. Theme Javscript will also add a a
".mobile-view" class so that you can do any needed 
manipulation using an html class aswell */
@media (max-width: 1100px) {
/* Sidebar Left Open/Default */
#content_wrapper, .sb-l-o #content_wrapper { margin-left: 0; left: 230px; }
/* Sidebar Left Minified */
.sb-l-m #content_wrapper { left: 0; }
/* Sidebar Left Closed */
.sb-l-c #content_wrapper { margin-left: 0; left: 0; }
/* Sidebar Right Open */
.sb-r-o #content_wrapper { margin-right: 0; left: -300px; }
}
/* ==============================================
   Topbar
     A. Topbar Menu
     B. Topbar DropMenu
=================================================
  A. Topbar Menu
================================================= */
#topbar { z-index: 1029; left: 0; right: 0; margin-left: 230px; position: fixed; width: auto; min-height: 50px; padding: 10px 21px; background: #fafafa; border-bottom: 1px solid #e0e0e0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
/* Breadcrumbs fixed state */
/*#topbar.affix {

}*/
.topbar-right { float: right; }
.breadcrumb { float: left; position: relative; padding: 2px 25px 0 0; margin-bottom: 0; font-size: 14px; border-radius: 0; background-color: transparent; }
.breadcrumb > li { color: #888; font-size: 12px; }
.breadcrumb > li.crumb-active > a { color: #555; font-size: 18px; }
/*Toggle sidemenu button*/
#toggle_sidemenu_r i.fa, #toggle_sidemenu_r span.glyphicon, #toggle_sidemenu_r span.glyphicons { margin-top: 2px; }
/* toggle sidemenu button (when menu is open) */
body.sb-r-o #toggle_sidemenu_r i.fa, body.sb-r-o #toggle_sidemenu_r span.glyphicon, body.sb-r-o #toggle_sidemenu_r span.glyphicons { -webkit-transform: scale(-1, 1); transform: scale(-1, 1); color: #999; }
/*toggle right sidebar badge
*/
.badge.badge-hero { position: relative; top: -12px; margin-left: -10px; padding: 2px 5px; font-size: 11px; }
/*===============================================
   B. Topbar Dropmenu
================================================= */
#topbar-dropmenu { z-index: 9999; overflow: hidden; display: none; position: relative; padding: 17px 20px 10px; height: auto; width: 100%; background: url("../../../img/patterns/topbar-bg.jpg") repeat -60px top; box-shadow: 0 0 4px rgba(0, 0, 0, 0.4) inset; }
#topbar-dropmenu:before { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: rgba(0, 0, 0, 0.4); }
.topbar-menu .metro-tile { opacity: 0; display: block; height: 95px; position: relative; padding: 15px 5px 0; margin-bottom: 8px; border-radius: 4px; text-align: center; background: rgba(255, 255, 255, 0.25) !important; transition: background 0.2s ease; }
.topbar-menu .metro-tile:hover, .topbar-menu .metro-tile:focus, .topbar-menu .metro-tile:active { color: #fff; background: rgba(255, 255, 255, 0.4) !important; }
.topbar-menu .metro-icon { font-size: 44px; }
.topbar-menu .metro-title { position: absolute; bottom: 0; left: 10px; font-size: 11px; font-weight: 600; }
/* topbar menu modal */
.metro-modal { cursor: pointer; position: fixed; display: none; left: 0; right: 0; top: 0; bottom: 0; z-index: 9998; background: rgba(0, 0, 0, 0.6); }
@media (max-width: 700px) {
#topbar .breadcrumb { padding-top: 3px; padding-left: 2px; }
#topbar .breadcrumb .crumb-active { margin-top: 30px; }
#content { margin-top: 80px; }
#topbar .breadcrumb > li.crumb-active + li:before { display: none; }
}
@media (max-width: 900px) {
body.sb-l-m #topbar, body.sb-l-o.sb-l-m #topbar { margin-left: 45px; width: auto; }
body.sb-l-o #topbar { margin-left: 230px; width: 100%; }
}
#topbar .nav.nav-list-topbar { margin: -10px 15px; }
#topbar .nav.nav-list-topbar li a { padding: 16px 14px 12px; }
#topbar .nav.nav-list-topbar li.active a { border-bottom: 3px solid #4a89dc; }
/* ================================================
   PAGES - In Order
      A. UI Animations Page
	  B. FAQ Page
	  C. Gallery.html
	  D. Calendar.html
	  E. Message Pages
	  F. Editors.html
	  G. External Pages
	  H. Invoice.html
	  I. Timeline.html
	  J. Map Pages
	  K. Profile.html
	  L. Error Pages
	  M. Ecommerce Pages // Added update v1.3

 * This file is reserved for changes done on
 * a per-page basis. To create independent
 * page layouts an additional class was added 
 * to the pages body. For example ui-animations.html
 * has an extra body class of ".ui-animations-page"
 
 * Note: Pages not listed here were made using
 * 100% reusable styles placed in theme.css
=================================================
  A. UI Animations Page
================================================= */
body.ui-animations-page #mac_wire { margin-top: 2.5%; margin-left: 3.5%; position: fixed; max-width: 440px; }
body.ui-animations-page.svg-fill #mac_wire svg path:first-child { fill-opacity: 1; fill: #ccc; stroke: #999; stroke-width: 1px; -webkit-transition: all ease 0.5s; transition: all ease 0.5s; }
body.ui-animations-page.svg-fill #mac_wire svg path:last-child { fill-opacity: 1; fill: #555; stroke: #555; stroke-width: 3px; -webkit-transition: all ease 1s; transition: all ease 1s; }
body.ui-animations-page .tray-center:after { opacity: 0; position: fixed; content: "\f04b"; font-family: "FontAwesome"; font-size: 46px; color: #3bafda; bottom: 10px; padding-left: 20px; -webkit-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out; }
body.ui-animations-page.animation-running .tray-center:after { opacity: 0.75; }
body.ui-animations-page.animation-running .btn.btn-alt { opacity: 0.5; }
body.ui-animations-page.animation-running .btn.btn-alt.item-checked { opacity: 1; -webkit-transition: opacity 0.2s ease; transition: opacity 0.2s ease; }
/*===============================================
  B. FAQ Page
================================================= */
body.faq-page .input-group-merge { display: block; }
body.faq-page .input-group-merge .input-group-addon { position: absolute; top: 10px; left: 13px; border: 0; background: transparent; z-index: 3; font-size: 18px; }
body.faq-page .input-group-merge .input-group-addon + input.form-control { display: block; float: none; padding-left: 60px; }
body.faq-page #icon-filter { border-left: 3px solid #4a89dc; }
/*===============================================
  C. Gallery Page
================================================= */
body.gallery-page #mix-container { padding: 15px; text-align: justify; font-size: 0.1px; }
body.gallery-page #mix-container:after { content: ""; display: inline-block; width: 100%; }
body.gallery-page #mix-container .mix, body.gallery-page #mix-container .gap { display: none; vertical-align: top; width: 23.5%; margin-bottom: 20px; }
body.gallery-page #mix-container .gap { display: inline-block; }
body.gallery-page #mix-container .mix .panel { margin: 0; }
body.gallery-page #mix-container .mix .panel img { cursor: pointer; }
body.gallery-page .fail-message { display: none; text-align: center; font-size: 22px; color: #999; margin-top: 50px; }
body.gallery-page .fail .fail-message { display: block; }
@media (max-width: 1350px) {
body.gallery-page #mix-container .mix, body.gallery-page #mix-container .gap { width: 31.5%; }
}
@media (max-width: 750px) {
body.gallery-page #mix-container .mix, body.gallery-page #mix-container .gap { width: 48%; }
}
/*===============================================
  D. Calendar Page
================================================= */
body.calendar-page .fc-title-clone { font-size: 20px; text-align: center; margin: 8px 0 10px; padding-bottom: 15px; border-bottom: 1px solid #E7E7E7; }
body.calendar-page .tray-left .ui-datepicker { background: none; margin: 0; border: 0; }
body.calendar-page .tray-left .ui-datepicker-header { display: none; }
body.calendar-page .tray-left .ui-datepicker td { padding: 8px 5px; }
body.calendar-page .tray-left .ui-datepicker td span, body.calendar-page .tray-left .ui-datepicker td a { background: #DDD; padding: .30em .20em; }
body.calendar-page .tray-left #compose-event-btn { cursor: pointer; position: relative; top: 1px; padding-left: 8px; color: #888; font-size: 16px; }
body.calendar-page .tray-center .fc-toolbar .fc-center h2 { font-size: 20px; line-height: 26px; font-weight: 400; }
@media (max-width: 900px) {
body.calendar-page .fc-toolbar .fc-center { margin-top: 20px; margin-bottom: 10px; }
}
/*===============================================
  E. Messages Page
================================================= */
body.messages-page .compose-btn { font-weight: 600; margin-top: 2px; margin-bottom: 12px; padding: 11px 15px; }
body.messages-page .nav-messages li a { color: #AAA; }
body.messages-page .nav-messages li.active a, body.messages-page .nav-messages li:hover a, body.messages-page .nav-messages li:focus a { color: #666; }
body.messages-page .message-view { padding: 20px; }
body.messages-page .message-view h3.subject { margin-top: 0; font-size: 17px; }
body.messages-page .message-view hr { border-color: #EEE; }
body.messages-page .message-reply .note-editor .note-toolbar { background: #fcfcfc; border-top: 1px solid #E6E6E6; border-bottom: 1px solid #E6E6E6; padding-top: 7px; padding-bottom: 14px; }
body.messages-page .message-reply .note-editor .note-toolbar .btn-group:first-child { margin-left: 0; }
body.messages-page .message-reply .note-editor .btn-default { padding: 5px 10px 6px; }
body.messages-page .message-reply .note-editor .note-editable { font-size: 14px; padding: 15px 10px; }
body.messages-page #message-table > tbody > tr { cursor: pointer; }
body.messages-page #message-table > tbody > tr.highlight > td { background-color: #FFFEF0; }
body.messages-page .quick-compose-form { display: none; }
body.messages-page .dockmodal-header .title-text { font-size: 15px; }
body.messages-page .dockmodal-body { padding: 0; border-left: 1px solid #DDD; border-right: 1px solid #DDD; }
body.messages-page .dockmodal-footer { background-color: #f3f3f3; padding: 7px 10px 8px; border-top: 1px solid #DDD; border-left: 1px solid #DDD; border-right: 1px solid #DDD; }
body.messages-page .dockmodal-body .quick-compose-form { display: block; }
body.messages-page .dockmodal-body .quick-compose-form input.form-control { border: 0; border-bottom: 1px solid #EEE; }
body.messages-page .dockmodal-body .quick-compose-form .note-editor .note-editable { background: #f9f9f9; }
body.messages-page .popped-out .dockmodal-body .quick-compose-form .note-editor .note-editable { background: #fff; }
body.messages-page .dockmodal-body .quick-compose-form .note-editor .note-editable:focus, body.messages-page .dockmodal-body .quick-compose-form .note-editor .note-editable:active { background: #fff; }
body.messages-page .dockmodal-body .quick-compose-form .note-editor .note-toolbar { padding: 0 4px 9px; }
body.messages-page .dockmodal-body .quick-compose-form .note-editor .note-statusbar .note-resizebar { display: none; }
@media (max-width: 1020px) {
body.messages-page.tray-rescale #content.table-layout .tray-center { padding-right: 65px !important; }
/* creates a mini message tray, expands it on user hover */
body.messages-page .message-tray { height: 175px; overflow: hidden; -webkit-transition: height 0.5s ease; transition: height 0.5s ease; }
/* set to the height of your message menu */
body.messages-page .message-tray:hover { height: 665px; }
}
@media (max-width: 600px) {
body.messages-page.tray-rescale #content.table-layout .tray-center { padding: 0px !important; }
}
/*===============================================
  F. Editors Page
================================================= */
body.editors-page .panel .panel-heading { border-bottom-color: #CCC; }
/*===============================================
  G. External Pages - login, register,
  screenlock, coming-soon, forgotpw
================================================= */
body.external-page { min-height: 0; overflow: auto; }
body.external-page #main { overflow: hidden; background: url("../../../img/patterns/backgrounds/1.jpg") no-repeat top center #2d494d; }
body.external-page #main:before { display: none; }
body.external-page #canvas-wrapper { position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; }
body.external-page #content .admin-form { position: relative; width: 100%; max-width: 800px; margin: 0 auto; margin-top: 8%; }
body.external-page #content .panel { box-shadow: 0 1px 40px 0 rgba(0, 0, 0, 0.3); }
body.external-page #content .panel-heading { padding: 32px 10px 15px; }
body.external-page .login-links { font-size: 15px; color: #DDD; }
body.external-page .login-links a { color: #DDD; font-weight: 300; }
body.external-page .login-links a.active { color: #FFF; font-weight: 600; }
body.external-page .login-links a:hover, body.external-page .login-links a:focus { color: #FFF; text-decoration: none; }
/*===============================================
  H. Invoice.html
================================================= */
body.invoice-page #invoice-info { margin-bottom: 15px; }
body.invoice-page .table-condensed tbody tr td:last-child { text-align: right; padding-right: 15px; }
body.invoice-page #invoice-summary { margin: 0; }
body.invoice-page #invoice-summary thead th:first-child { text-align: right; width: 200px; padding-right: 55px; }
body.invoice-page #invoice-summary thead th:last-child { width: 50px; font-weight: 400; }
body.invoice-page #invoice-summary tbody tr td { border-top: 0; }
body.invoice-page #invoice-summary tbody tr td:first-child { text-align: right; width: 200px; padding-right: 55px; }
body.invoice-page #invoice-summary tbody tr:last-child td { background: #fafafa; border-top: 1px solid #EEE; border-bottom: 1px solid #EEE; height: 24px; line-height: 24px; }
body.invoice-page .invoice-buttons { position: absolute; left: 15px; bottom: 10px; }
/*===============================================
  I. Timeline.html
================================================= */
body.timeline-page #main { min-height: 1400px; }
body.timeline-page #content { padding: 8px 35px 50px 35px; }
#timeline { position: relative; }
#timeline:after { position: absolute; top: 0; left: 50%; width: 4px; margin-left: -2px; height: 100%; content: ""; background: #ddd; }
#timeline .timeline-divider { position: relative; margin: 10px 0 45px; z-index: 3; }
#timeline .timeline-divider .divider-label { position: relative; width: 110px; margin: 0 auto; padding: 5px; text-align: center; border: 1px solid #DDD; color: #777; font-weight: 600; background: #FFF; }
#timeline .timeline-divider .divider-label:before { content: ""; position: absolute; height: 2px; width: 100%; left: 0; top: 100%; background: #4a89dc; }
#timeline .panel { position: relative; z-index: 11; overflow: visible; margin-bottom: 30px; }
#timeline .panel:before, #timeline .panel:after { content: ""; z-index: 2; position: absolute; top: 10px; left: 99.8%; width: 0; height: 0; border-style: solid; border-width: 8px 0 8px 12px; border-color: transparent transparent transparent #fafafa; }
#timeline .panel:after { z-index: 1; border-left-color: #666; }
#timeline .right-column .panel:before, #timeline .right-column .panel:after { top: 10px; right: 99.8%; left: auto; border-width: 8px 12px 8px 0; border-color: transparent #fafafa transparent transparent; }
#timeline .right-column .panel:after { border-right-color: #666; }
#timeline > .row > .left-column .timeline-item { padding-right: 30px; }
#timeline > .row > .right-column .timeline-item { padding-left: 30px; }
#timeline > .row > .right-column { margin-top: 80px; }
@media (max-width: 770px) {
#timeline > .row > .left-column .panel { margin-right: 0; }
#timeline > .row > .right-column .panel { margin-left: 0; }
#timeline > .row .panel:before { display: none; }
#timeline > .row .panel:after { display: none; }
}
#timeline .tab-content { min-height: 0; }
#timeline .map { width: 100%; height: 275px; }
#timeline #timeline-image-form .fileupload-preview { text-align: center; }
#timeline #timeline-image-form .fileupload-preview img { max-height: 200px; }
#timeline .timeline-icon { z-index: 1; position: absolute; right: -18px; width: 38px; height: 38px; line-height: 38px; font-size: 20px; color: #FFF; text-align: center; border-radius: 50%; background: #eeeeee; box-shadow: 0 0 0 5px #eeeeee; }
#timeline .right-column .timeline-icon { right: auto; left: -18px; }
#timeline.timeline-single { margin-left: 6%; max-width: 750px; }
#timeline.timeline-single:after { left: 0; }
#timeline.timeline-single > .row > .col-sm-6 { width: 100%; padding-left: 65px; }
#timeline.timeline-single > .row > .right-column { margin-top: 0; }
#timeline.timeline-single > .row > .right-column .timeline-item, #timeline.timeline-single > .row > .left-column .timeline-item { padding-left: 0; padding-right: 0; }
#timeline.timeline-single .timeline-divider .divider-label { margin-left: -55px; }
#timeline.timeline-single .timeline-icon { left: -8px; right: auto; }
#timeline.timeline-single .panel:before, #timeline.timeline-single .panel:after { right: 99.8%; left: auto; border-width: 8px 12px 8px 0; border-color: transparent #fafafa transparent transparent; }
#timeline.timeline-single .panel:after { border-right-color: #666; }
/*===============================================
  J. Map Pages - Full, Vector
================================================= */
.maps-full-page #main, .maps-vector-page #main, .maps-full-page #content_wrapper, .maps-vector-page #content_wrapper, .maps-full-page #content, .maps-vector-page #content, .maps-full-page .map, .maps-vector-page .map { height: 100%; min-height: 0; }
.maps-full-page #content, .maps-vector-page #content { padding: 1px; max-width: 1920px !important; }
.maps-full-page .map, .maps-vector-page .map { height: 100% !important; }
.maps-full-page .expanding-header, .maps-vector-page .expanding-header { overflow: hidden; z-index: 999; position: absolute; top: 20px; left: 30px; width: 550px; height: 43px; background: rgba(0, 0, 0, 0.5); border-radius: 2px; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.maps-full-page .expanding-header.collapsed, .maps-vector-page .expanding-header.collapsed { width: 48px; overflow: hidden; }
.maps-full-page .expanding-header .map-header-icon, .maps-vector-page .expanding-header .map-header-icon { cursor: pointer; width: 47px; padding: 10px 13px; color: #FFF; font-size: 22px; float: left; margin-right: 10px; }
.maps-full-page .expanding-header .flag-sm, .maps-vector-page .expanding-header .flag-sm { cursor: pointer; }
.maps-full-page .expanding-header input.form-control, .maps-vector-page .expanding-header input.form-control { min-width: 250px; }
.maps-full-page .expanding-header { top: 24px; left: 90px; }
/*===============================================
  K. Profile.html
================================================= */
body.profile-page .profile-settings-btn { position: absolute; right: 20px; top: 20px; }
body.profile-page .profile-settings-icon { z-index: 1; position: absolute; right: 13px; top: 7px; }
body.profile-page #content .tab-block .nav-tabs > li > a { padding: 9px 35px; }
/*===============================================
  L. Error Pages - 404, 500 (plus alt pages)
================================================= */
body.error-page { min-height: 0; overflow: hidden; }
body.error-page #main:before { background: #F5F5F5; }
body.error-page #return-arrow { top: 75px; padding-top: 0; }
body.error-page .error-title { font-size: 140px; font-weight: 800; color: #4a89dc; text-align: center; padding-top: 60px; margin-bottom: 20px; line-height: 120px; }
body.error-page .error-subtitle { font-weight: 400; text-align: center; font-size: 40px; color: #AAA; margin-bottom: 80px; }
body.error-page .mid-section { position: relative; width: 100%; height: 215px; background: #FFF; border-top: 1px solid #E6E6E6; border-bottom: 1px solid #E6E6E6; }
body.error-page .mid-content { position: relative; max-width: 680px; margin: 0 auto; padding: 50px 20px 35px; }
body.error-page .mid-content input { color: #AAA; height: 55px; border-radius: 1px; padding: 10px 20px; border: 0; font-size: 16px; border: 1px solid #EEE; border-left: 5px solid #4a89dc; background: #FBFBFB; }
body.error-page .error-page.alt .error-title { padding-top: 110px; }
body.error-page #search-widget { background: #f1f1f1; }
body.error-page .error-icon { font-size: 80px; position: relative; top: -10px; }
body.error-page .error-text { font-size: 120px; text-align: center; text-shadow: 0 2px #FFF; color: #888; width: 100%; }
/*===============================================
  L. Ecommerce Page - Added via update v1.3
================================================= */
.ecommerce-page { /* fileupload field styling */ /*select filter dropdowns - psuedo placeholder */
  /* creates extra spacing for first timeline item */
  /* bg-light style of bootstrap-tags input */
  /* bg-light colored panel-tabs styling */
}
.ecommerce-page .fileupload .thumbnail { position: relative; cursor: pointer; overflow: hidden; }
.ecommerce-page .fileupload .thumbnail:empty { min-height: 150px; -webkit-transition: all 0s ease; transition: all 0s ease; }
.ecommerce-page .fileupload .thumbnail:empty:before { content: ""; position: absolute; display: block; top: 6px; right: 6px; bottom: 6px; left: 6px; z-index: 0; background-color: #EEE; }
.ecommerce-page .admin-form select option { color: black !important; }
.ecommerce-page .empty { color: #BBB !important; }
.ecommerce-page ol.timeline-list li.timeline-item:first-child:after { top: -25px; height: 140%; }
.ecommerce-page input.bg-light + .bootstrap-tagsinput, .ecommerce-page input.bg-light + .bootstrap-tagsinput .tag:hover, .ecommerce-page input.bg-light + .bootstrap-tagsinput .tag:focus { background-color: #FAFAFA; }
.ecommerce-page .panel-tabs.panel-tabs-light > li.active > a, .ecommerce-page .panel-tabs.panel-tabs-light > li.active > a:hover, .ecommerce-page .panel-tabs.panel-tabs-light > li.active > a:focus { background: #FAFAFA; }
/*===============================================
  Animate Settings
================================================= */
/* used in conjuction with "data-animate" 
 * attr to create a delayed page animation
 * read docs for more info on proper use*/
.animated-delay, .animated-waypoint { opacity: 0; }
.sparkline-delay { position: absolute; bottom: 0; width: 40px; height: 35px; line-height: 24px; }
.animated.animated-short { -webkit-animation-duration: 0.6s !important; animation-duration: 0.6s !important; }
.animated.animated-shorter { -webkit-animation-duration: 0.3s !important; animation-duration: 0.3s !important; }
.animated.animated-long { -webkit-animation-duration: 1.4s !important; animation-duration: 1.4s !important; }
.animated.animated-longer { -webkit-animation-duration: 2s !important; animation-duration: 2s !important; }
/*===============================================
  XII. ANIMATE.CSS
=================================================

Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2014 Daniel Eden

*/
.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }
.animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; }
@-webkit-keyframes bounce { 0%, 20%, 53%, 80%, 100% {
 -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
 transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
}
 40%, 43% {
 -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
 transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
 -webkit-transform: translate3d(0, -30px, 0);
 transform: translate3d(0, -30px, 0);
}
 70% {
 -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
 transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
 -webkit-transform: translate3d(0, -15px, 0);
 transform: translate3d(0, -15px, 0);
}
 90% {
 -webkit-transform: translate3d(0, -4px, 0);
 transform: translate3d(0, -4px, 0);
}
}
@keyframes bounce { 0%, 20%, 53%, 80%, 100% {
 -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
 transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
}
 40%, 43% {
 -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
 transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
 -webkit-transform: translate3d(0, -30px, 0);
 transform: translate3d(0, -30px, 0);
}
 70% {
 -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
 transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
 -webkit-transform: translate3d(0, -15px, 0);
 transform: translate3d(0, -15px, 0);
}
 90% {
 -webkit-transform: translate3d(0, -4px, 0);
 transform: translate3d(0, -4px, 0);
}
}
.bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; -ms-transform-origin: center bottom; transform-origin: center bottom; }
@-webkit-keyframes flash { 0%, 50%, 100% {
 opacity: 1;
}
 25%, 75% {
 opacity: 0;
}
}
@keyframes flash { 0%, 50%, 100% {
 opacity: 1;
}
 25%, 75% {
 opacity: 0;
}
}
.flash { -webkit-animation-name: flash; animation-name: flash; }
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse { 0% {
 -webkit-transform: scale3d(1, 1, 1);
 transform: scale3d(1, 1, 1);
}
 50% {
 -webkit-transform: scale3d(1.05, 1.05, 1.05);
 transform: scale3d(1.05, 1.05, 1.05);
}
 100% {
 -webkit-transform: scale3d(1, 1, 1);
 transform: scale3d(1, 1, 1);
}
}
@keyframes pulse { 0% {
 -webkit-transform: scale3d(1, 1, 1);
 transform: scale3d(1, 1, 1);
}
 50% {
 -webkit-transform: scale3d(1.05, 1.05, 1.05);
 transform: scale3d(1.05, 1.05, 1.05);
}
 100% {
 -webkit-transform: scale3d(1, 1, 1);
 transform: scale3d(1, 1, 1);
}
}
.pulse { -webkit-animation-name: pulse; animation-name: pulse; }
@-webkit-keyframes rubberBand { 0% {
 -webkit-transform: scale3d(1, 1, 1);
 transform: scale3d(1, 1, 1);
}
 30% {
 -webkit-transform: scale3d(1.25, 0.75, 1);
 transform: scale3d(1.25, 0.75, 1);
}
 40% {
 -webkit-transform: scale3d(0.75, 1.25, 1);
 transform: scale3d(0.75, 1.25, 1);
}
 50% {
 -webkit-transform: scale3d(1.15, 0.85, 1);
 transform: scale3d(1.15, 0.85, 1);
}
 65% {
 -webkit-transform: scale3d(0.95, 1.05, 1);
 transform: scale3d(0.95, 1.05, 1);
}
 75% {
 -webkit-transform: scale3d(1.05, 0.95, 1);
 transform: scale3d(1.05, 0.95, 1);
}
 100% {
 -webkit-transform: scale3d(1, 1, 1);
 transform: scale3d(1, 1, 1);
}
}
@keyframes rubberBand { 0% {
 -webkit-transform: scale3d(1, 1, 1);
 transform: scale3d(1, 1, 1);
}
 30% {
 -webkit-transform: scale3d(1.25, 0.75, 1);
 transform: scale3d(1.25, 0.75, 1);
}
 40% {
 -webkit-transform: scale3d(0.75, 1.25, 1);
 transform: scale3d(0.75, 1.25, 1);
}
 50% {
 -webkit-transform: scale3d(1.15, 0.85, 1);
 transform: scale3d(1.15, 0.85, 1);
}
 65% {
 -webkit-transform: scale3d(0.95, 1.05, 1);
 transform: scale3d(0.95, 1.05, 1);
}
 75% {
 -webkit-transform: scale3d(1.05, 0.95, 1);
 transform: scale3d(1.05, 0.95, 1);
}
 100% {
 -webkit-transform: scale3d(1, 1, 1);
 transform: scale3d(1, 1, 1);
}
}
.rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; }
@-webkit-keyframes shake { 0%, 100% {
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
}
 10%, 30%, 50%, 70%, 90% {
 -webkit-transform: translate3d(-10px, 0, 0);
 transform: translate3d(-10px, 0, 0);
}
 20%, 40%, 60%, 80% {
 -webkit-transform: translate3d(10px, 0, 0);
 transform: translate3d(10px, 0, 0);
}
}
@keyframes shake { 0%, 100% {
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
}
 10%, 30%, 50%, 70%, 90% {
 -webkit-transform: translate3d(-10px, 0, 0);
 transform: translate3d(-10px, 0, 0);
}
 20%, 40%, 60%, 80% {
 -webkit-transform: translate3d(10px, 0, 0);
 transform: translate3d(10px, 0, 0);
}
}
.shake { -webkit-animation-name: shake; animation-name: shake; }
@-webkit-keyframes swing { 20% {
 -webkit-transform: rotate3d(0, 0, 1, 15deg);
 transform: rotate3d(0, 0, 1, 15deg);
}
 40% {
 -webkit-transform: rotate3d(0, 0, 1, -10deg);
 transform: rotate3d(0, 0, 1, -10deg);
}
 60% {
 -webkit-transform: rotate3d(0, 0, 1, 5deg);
 transform: rotate3d(0, 0, 1, 5deg);
}
 80% {
 -webkit-transform: rotate3d(0, 0, 1, -5deg);
 transform: rotate3d(0, 0, 1, -5deg);
}
 100% {
 -webkit-transform: rotate3d(0, 0, 1, 0deg);
 transform: rotate3d(0, 0, 1, 0deg);
}
}
@keyframes swing { 20% {
 -webkit-transform: rotate3d(0, 0, 1, 15deg);
 transform: rotate3d(0, 0, 1, 15deg);
}
 40% {
 -webkit-transform: rotate3d(0, 0, 1, -10deg);
 transform: rotate3d(0, 0, 1, -10deg);
}
 60% {
 -webkit-transform: rotate3d(0, 0, 1, 5deg);
 transform: rotate3d(0, 0, 1, 5deg);
}
 80% {
 -webkit-transform: rotate3d(0, 0, 1, -5deg);
 transform: rotate3d(0, 0, 1, -5deg);
}
 100% {
 -webkit-transform: rotate3d(0, 0, 1, 0deg);
 transform: rotate3d(0, 0, 1, 0deg);
}
}
.swing { -webkit-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; }
@-webkit-keyframes tada { 0% {
 -webkit-transform: scale3d(1, 1, 1);
 transform: scale3d(1, 1, 1);
}
 10%, 20% {
 -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
 transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
}
 30%, 50%, 70%, 90% {
 -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
 transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
 40%, 60%, 80% {
 -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
 transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
 100% {
 -webkit-transform: scale3d(1, 1, 1);
 transform: scale3d(1, 1, 1);
}
}
@keyframes tada { 0% {
 -webkit-transform: scale3d(1, 1, 1);
 transform: scale3d(1, 1, 1);
}
 10%, 20% {
 -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
 transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
}
 30%, 50%, 70%, 90% {
 -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
 transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
 40%, 60%, 80% {
 -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
 transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
 100% {
 -webkit-transform: scale3d(1, 1, 1);
 transform: scale3d(1, 1, 1);
}
}
.tada { -webkit-animation-name: tada; animation-name: tada; }
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble { 0% {
 -webkit-transform: none;
 transform: none;
}
 15% {
 -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
 transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
 30% {
 -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
 transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
 45% {
 -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
 transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
 60% {
 -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
 transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
 75% {
 -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
 transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
 100% {
 -webkit-transform: none;
 transform: none;
}
}
@keyframes wobble { 0% {
 -webkit-transform: none;
 transform: none;
}
 15% {
 -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
 transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
 30% {
 -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
 transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
 45% {
 -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
 transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
 60% {
 -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
 transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
 75% {
 -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
 transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
 100% {
 -webkit-transform: none;
 transform: none;
}
}
.wobble { -webkit-animation-name: wobble; animation-name: wobble; }
@-webkit-keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, 100% {
 -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
 transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
 0% {
 opacity: 0;
 -webkit-transform: scale3d(0.3, 0.3, 0.3);
 transform: scale3d(0.3, 0.3, 0.3);
}
 20% {
 -webkit-transform: scale3d(1.1, 1.1, 1.1);
 transform: scale3d(1.1, 1.1, 1.1);
}
 40% {
 -webkit-transform: scale3d(0.9, 0.9, 0.9);
 transform: scale3d(0.9, 0.9, 0.9);
}
 60% {
 opacity: 1;
 -webkit-transform: scale3d(1.03, 1.03, 1.03);
 transform: scale3d(1.03, 1.03, 1.03);
}
 80% {
 -webkit-transform: scale3d(0.97, 0.97, 0.97);
 transform: scale3d(0.97, 0.97, 0.97);
}
 100% {
 opacity: 1;
 -webkit-transform: scale3d(1, 1, 1);
 transform: scale3d(1, 1, 1);
}
}
@keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, 100% {
 -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
 transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
 0% {
 opacity: 0;
 -webkit-transform: scale3d(0.3, 0.3, 0.3);
 transform: scale3d(0.3, 0.3, 0.3);
}
 20% {
 -webkit-transform: scale3d(1.1, 1.1, 1.1);
 transform: scale3d(1.1, 1.1, 1.1);
}
 40% {
 -webkit-transform: scale3d(0.9, 0.9, 0.9);
 transform: scale3d(0.9, 0.9, 0.9);
}
 60% {
 opacity: 1;
 -webkit-transform: scale3d(1.03, 1.03, 1.03);
 transform: scale3d(1.03, 1.03, 1.03);
}
 80% {
 -webkit-transform: scale3d(0.97, 0.97, 0.97);
 transform: scale3d(0.97, 0.97, 0.97);
}
 100% {
 opacity: 1;
 -webkit-transform: scale3d(1, 1, 1);
 transform: scale3d(1, 1, 1);
}
}
.bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; -webkit-animation-duration: .75s; animation-duration: .75s; }
@-webkit-keyframes bounceInDown { 0%, 60%, 75%, 90%, 100% {
 -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
 transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
 0% {
 opacity: 0;
 -webkit-transform: translate3d(0, -3000px, 0);
 transform: translate3d(0, -3000px, 0);
}
 60% {
 opacity: 1;
 -webkit-transform: translate3d(0, 25px, 0);
 transform: translate3d(0, 25px, 0);
}
 75% {
 -webkit-transform: translate3d(0, -10px, 0);
 transform: translate3d(0, -10px, 0);
}
 90% {
 -webkit-transform: translate3d(0, 5px, 0);
 transform: translate3d(0, 5px, 0);
}
 100% {
 -webkit-transform: none;
 transform: none;
}
}
@keyframes bounceInDown { 0%, 60%, 75%, 90%, 100% {
 -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
 transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
 0% {
 opacity: 0;
 -webkit-transform: translate3d(0, -3000px, 0);
 transform: translate3d(0, -3000px, 0);
}
 60% {
 opacity: 1;
 -webkit-transform: translate3d(0, 25px, 0);
 transform: translate3d(0, 25px, 0);
}
 75% {
 -webkit-transform: translate3d(0, -10px, 0);
 transform: translate3d(0, -10px, 0);
}
 90% {
 -webkit-transform: translate3d(0, 5px, 0);
 transform: translate3d(0, 5px, 0);
}
 100% {
 -webkit-transform: none;
 transform: none;
}
}
.bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; }
@-webkit-keyframes bounceInLeft { 0%, 60%, 75%, 90%, 100% {
 -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
 transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
 0% {
 opacity: 0;
 -webkit-transform: translate3d(-3000px, 0, 0);
 transform: translate3d(-3000px, 0, 0);
}
 60% {
 opacity: 1;
 -webkit-transform: translate3d(25px, 0, 0);
 transform: translate3d(25px, 0, 0);
}
 75% {
 -webkit-transform: translate3d(-10px, 0, 0);
 transform: translate3d(-10px, 0, 0);
}
 90% {
 -webkit-transform: translate3d(5px, 0, 0);
 transform: translate3d(5px, 0, 0);
}
 100% {
 -webkit-transform: none;
 transform: none;
}
}
@keyframes bounceInLeft { 0%, 60%, 75%, 90%, 100% {
 -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
 transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
 0% {
 opacity: 0;
 -webkit-transform: translate3d(-3000px, 0, 0);
 transform: translate3d(-3000px, 0, 0);
}
 60% {
 opacity: 1;
 -webkit-transform: translate3d(25px, 0, 0);
 transform: translate3d(25px, 0, 0);
}
 75% {
 -webkit-transform: translate3d(-10px, 0, 0);
 transform: translate3d(-10px, 0, 0);
}
 90% {
 -webkit-transform: translate3d(5px, 0, 0);
 transform: translate3d(5px, 0, 0);
}
 100% {
 -webkit-transform: none;
 transform: none;
}
}
.bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; }
@-webkit-keyframes bounceInRight { 0%, 60%, 75%, 90%, 100% {
 -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
 transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
 0% {
 opacity: 0;
 -webkit-transform: translate3d(3000px, 0, 0);
 transform: translate3d(3000px, 0, 0);
}
 60% {
 opacity: 1;
 -webkit-transform: translate3d(-25px, 0, 0);
 transform: translate3d(-25px, 0, 0);
}
 75% {
 -webkit-transform: translate3d(10px, 0, 0);
 transform: translate3d(10px, 0, 0);
}
 90% {
 -webkit-transform: translate3d(-5px, 0, 0);
 transform: translate3d(-5px, 0, 0);
}
 100% {
 -webkit-transform: none;
 transform: none;
}
}
@keyframes bounceInRight { 0%, 60%, 75%, 90%, 100% {
 -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
 transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
 0% {
 opacity: 0;
 -webkit-transform: translate3d(3000px, 0, 0);
 transform: translate3d(3000px, 0, 0);
}
 60% {
 opacity: 1;
 -webkit-transform: translate3d(-25px, 0, 0);
 transform: translate3d(-25px, 0, 0);
}
 75% {
 -webkit-transform: translate3d(10px, 0, 0);
 transform: translate3d(10px, 0, 0);
}
 90% {
 -webkit-transform: translate3d(-5px, 0, 0);
 transform: translate3d(-5px, 0, 0);
}
 100% {
 -webkit-transform: none;
 transform: none;
}
}
.bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; }
@-webkit-keyframes bounceInUp { 0%, 60%, 75%, 90%, 100% {
 -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
 transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
 0% {
 opacity: 0;
 -webkit-transform: translate3d(0, 3000px, 0);
 transform: translate3d(0, 3000px, 0);
}
 60% {
 opacity: 1;
 -webkit-transform: translate3d(0, -20px, 0);
 transform: translate3d(0, -20px, 0);
}
 75% {
 -webkit-transform: translate3d(0, 10px, 0);
 transform: translate3d(0, 10px, 0);
}
 90% {
 -webkit-transform: translate3d(0, -5px, 0);
 transform: translate3d(0, -5px, 0);
}
 100% {
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInUp { 0%, 60%, 75%, 90%, 100% {
 -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
 transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
 0% {
 opacity: 0;
 -webkit-transform: translate3d(0, 3000px, 0);
 transform: translate3d(0, 3000px, 0);
}
 60% {
 opacity: 1;
 -webkit-transform: translate3d(0, -20px, 0);
 transform: translate3d(0, -20px, 0);
}
 75% {
 -webkit-transform: translate3d(0, 10px, 0);
 transform: translate3d(0, 10px, 0);
}
 90% {
 -webkit-transform: translate3d(0, -5px, 0);
 transform: translate3d(0, -5px, 0);
}
 100% {
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
}
}
.bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; }
@-webkit-keyframes bounceOut { 20% {
 -webkit-transform: scale3d(0.9, 0.9, 0.9);
 transform: scale3d(0.9, 0.9, 0.9);
}
 50%, 55% {
 opacity: 1;
 -webkit-transform: scale3d(1.1, 1.1, 1.1);
 transform: scale3d(1.1, 1.1, 1.1);
}
 100% {
 opacity: 0;
 -webkit-transform: scale3d(0.3, 0.3, 0.3);
 transform: scale3d(0.3, 0.3, 0.3);
}
}
@keyframes bounceOut { 20% {
 -webkit-transform: scale3d(0.9, 0.9, 0.9);
 transform: scale3d(0.9, 0.9, 0.9);
}
 50%, 55% {
 opacity: 1;
 -webkit-transform: scale3d(1.1, 1.1, 1.1);
 transform: scale3d(1.1, 1.1, 1.1);
}
 100% {
 opacity: 0;
 -webkit-transform: scale3d(0.3, 0.3, 0.3);
 transform: scale3d(0.3, 0.3, 0.3);
}
}
.bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; -webkit-animation-duration: .75s; animation-duration: .75s; }
@-webkit-keyframes bounceOutDown { 20% {
 -webkit-transform: translate3d(0, 10px, 0);
 transform: translate3d(0, 10px, 0);
}
 40%, 45% {
 opacity: 1;
 -webkit-transform: translate3d(0, -20px, 0);
 transform: translate3d(0, -20px, 0);
}
 100% {
 opacity: 0;
 -webkit-transform: translate3d(0, 2000px, 0);
 transform: translate3d(0, 2000px, 0);
}
}
@keyframes bounceOutDown { 20% {
 -webkit-transform: translate3d(0, 10px, 0);
 transform: translate3d(0, 10px, 0);
}
 40%, 45% {
 opacity: 1;
 -webkit-transform: translate3d(0, -20px, 0);
 transform: translate3d(0, -20px, 0);
}
 100% {
 opacity: 0;
 -webkit-transform: translate3d(0, 2000px, 0);
 transform: translate3d(0, 2000px, 0);
}
}
.bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; }
@-webkit-keyframes bounceOutLeft { 20% {
 opacity: 1;
 -webkit-transform: translate3d(20px, 0, 0);
 transform: translate3d(20px, 0, 0);
}
 100% {
 opacity: 0;
 -webkit-transform: translate3d(-2000px, 0, 0);
 transform: translate3d(-2000px, 0, 0);
}
}
@keyframes bounceOutLeft { 20% {
 opacity: 1;
 -webkit-transform: translate3d(20px, 0, 0);
 transform: translate3d(20px, 0, 0);
}
 100% {
 opacity: 0;
 -webkit-transform: translate3d(-2000px, 0, 0);
 transform: translate3d(-2000px, 0, 0);
}
}
.bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; }
@-webkit-keyframes bounceOutRight { 20% {
 opacity: 1;
 -webkit-transform: translate3d(-20px, 0, 0);
 transform: translate3d(-20px, 0, 0);
}
 100% {
 opacity: 0;
 -webkit-transform: translate3d(2000px, 0, 0);
 transform: translate3d(2000px, 0, 0);
}
}
@keyframes bounceOutRight { 20% {
 opacity: 1;
 -webkit-transform: translate3d(-20px, 0, 0);
 transform: translate3d(-20px, 0, 0);
}
 100% {
 opacity: 0;
 -webkit-transform: translate3d(2000px, 0, 0);
 transform: translate3d(2000px, 0, 0);
}
}
.bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; }
@-webkit-keyframes bounceOutUp { 20% {
 -webkit-transform: translate3d(0, -10px, 0);
 transform: translate3d(0, -10px, 0);
}
 40%, 45% {
 opacity: 1;
 -webkit-transform: translate3d(0, 20px, 0);
 transform: translate3d(0, 20px, 0);
}
 100% {
 opacity: 0;
 -webkit-transform: translate3d(0, -2000px, 0);
 transform: translate3d(0, -2000px, 0);
}
}
@keyframes bounceOutUp { 20% {
 -webkit-transform: translate3d(0, -10px, 0);
 transform: translate3d(0, -10px, 0);
}
 40%, 45% {
 opacity: 1;
 -webkit-transform: translate3d(0, 20px, 0);
 transform: translate3d(0, 20px, 0);
}
 100% {
 opacity: 0;
 -webkit-transform: translate3d(0, -2000px, 0);
 transform: translate3d(0, -2000px, 0);
}
}
.bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; }
@-webkit-keyframes fadeIn { 0% {
 opacity: 0;
}
 100% {
 opacity: 1;
}
}
@keyframes fadeIn { 0% {
 opacity: 0;
}
 100% {
 opacity: 1;
}
}
.fadeIn { opacity: 1; -webkit-animation-name: fadeIn; animation-name: fadeIn; }
@-webkit-keyframes fadeInDown { 0% {
 opacity: 0;
 -webkit-transform: translate3d(0, -100%, 0);
 transform: translate3d(0, -100%, 0);
}
 100% {
 opacity: 1;
 -webkit-transform: none;
 transform: none;
}
}
@keyframes fadeInDown { 0% {
 opacity: 0;
 -webkit-transform: translate3d(0, -100%, 0);
 transform: translate3d(0, -100%, 0);
}
 100% {
 opacity: 1;
 -webkit-transform: none;
 transform: none;
}
}
.fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; }
@-webkit-keyframes fadeInDownBig { 0% {
 opacity: 0;
 -webkit-transform: translate3d(0, -2000px, 0);
 transform: translate3d(0, -2000px, 0);
}
 100% {
 opacity: 1;
 -webkit-transform: none;
 transform: none;
}
}
@keyframes fadeInDownBig { 0% {
 opacity: 0;
 -webkit-transform: translate3d(0, -2000px, 0);
 transform: translate3d(0, -2000px, 0);
}
 100% {
 opacity: 1;
 -webkit-transform: none;
 transform: none;
}
}
.fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; }
@-webkit-keyframes fadeInLeft { 0% {
 opacity: 0;
 -webkit-transform: translate3d(-100%, 0, 0);
 transform: translate3d(-100%, 0, 0);
}
 100% {
 opacity: 1;
 -webkit-transform: none;
 transform: none;
}
}
@keyframes fadeInLeft { 0% {
 opacity: 0;
 -webkit-transform: translate3d(-100%, 0, 0);
 transform: translate3d(-100%, 0, 0);
}
 100% {
 opacity: 1;
 -webkit-transform: none;
 transform: none;
}
}
.fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; }
@-webkit-keyframes fadeInLeftBig { 0% {
 opacity: 0;
 -webkit-transform: translate3d(-2000px, 0, 0);
 transform: translate3d(-2000px, 0, 0);
}
 100% {
 opacity: 1;
 -webkit-transform: none;
 transform: none;
}
}
@keyframes fadeInLeftBig { 0% {
 opacity: 0;
 -webkit-transform: translate3d(-2000px, 0, 0);
 transform: translate3d(-2000px, 0, 0);
}
 100% {
 opacity: 1;
 -webkit-transform: none;
 transform: none;
}
}
.fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; }
@-webkit-keyframes fadeInRight { 0% {
 opacity: 0;
 -webkit-transform: translate3d(100%, 0, 0);
 transform: translate3d(100%, 0, 0);
}
 100% {
 opacity: 1;
 -webkit-transform: none;
 transform: none;
}
}
@keyframes fadeInRight { 0% {
 opacity: 0;
 -webkit-transform: translate3d(100%, 0, 0);
 transform: translate3d(100%, 0, 0);
}
 100% {
 opacity: 1;
 -webkit-transform: none;
 transform: none;
}
}
.fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; }
@-webkit-keyframes fadeInRightBig { 0% {
 opacity: 0;
 -webkit-transform: translate3d(2000px, 0, 0);
 transform: translate3d(2000px, 0, 0);
}
 100% {
 opacity: 1;
 -webkit-transform: none;
 transform: none;
}
}
@keyframes fadeInRightBig { 0% {
 opacity: 0;
 -webkit-transform: translate3d(2000px, 0, 0);
 transform: translate3d(2000px, 0, 0);
}
 100% {
 opacity: 1;
 -webkit-transform: none;
 transform: none;
}
}
.fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; }
@-webkit-keyframes fadeInUp { 0% {
 opacity: 0;
 -webkit-transform: translate3d(0, 100%, 0);
 transform: translate3d(0, 100%, 0);
}
 100% {
 opacity: 1;
 -webkit-transform: none;
 transform: none;
}
}
@keyframes fadeInUp { 0% {
 opacity: 0;
 -webkit-transform: translate3d(0, 100%, 0);
 transform: translate3d(0, 100%, 0);
}
 100% {
 opacity: 1;
 -webkit-transform: none;
 transform: none;
}
}
.fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; }
@-webkit-keyframes fadeInUpBig { 0% {
 opacity: 0;
 -webkit-transform: translate3d(0, 2000px, 0);
 transform: translate3d(0, 2000px, 0);
}
 100% {
 opacity: 1;
 -webkit-transform: none;
 transform: none;
}
}
@keyframes fadeInUpBig { 0% {
 opacity: 0;
 -webkit-transform: translate3d(0, 2000px, 0);
 transform: translate3d(0, 2000px, 0);
}
 100% {
 opacity: 1;
 -webkit-transform: none;
 transform: none;
}
}
.fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; }
@-webkit-keyframes fadeOut { 0% {
 opacity: 1;
}
 100% {
 opacity: 0;
}
}
@keyframes fadeOut { 0% {
 opacity: 1;
}
 100% {
 opacity: 0;
}
}
.fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; }
@-webkit-keyframes fadeOutDown { 0% {
 opacity: 1;
}
 100% {
 opacity: 0;
 -webkit-transform: translate3d(0, 100%, 0);
 transform: translate3d(0, 100%, 0);
}
}
@keyframes fadeOutDown { 0% {
 opacity: 1;
}
 100% {
 opacity: 0;
 -webkit-transform: translate3d(0, 100%, 0);
 transform: translate3d(0, 100%, 0);
}
}
.fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; }
@-webkit-keyframes fadeOutDownBig { 0% {
 opacity: 1;
}
 100% {
 opacity: 0;
 -webkit-transform: translate3d(0, 2000px, 0);
 transform: translate3d(0, 2000px, 0);
}
}
@keyframes fadeOutDownBig { 0% {
 opacity: 1;
}
 100% {
 opacity: 0;
 -webkit-transform: translate3d(0, 2000px, 0);
 transform: translate3d(0, 2000px, 0);
}
}
.fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; }
@-webkit-keyframes fadeOutLeft { 0% {
 opacity: 1;
}
 100% {
 opacity: 0;
 -webkit-transform: translate3d(-100%, 0, 0);
 transform: translate3d(-100%, 0, 0);
}
}
@keyframes fadeOutLeft { 0% {
 opacity: 1;
}
 100% {
 opacity: 0;
 -webkit-transform: translate3d(-100%, 0, 0);
 transform: translate3d(-100%, 0, 0);
}
}
.fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; }
@-webkit-keyframes fadeOutLeftBig { 0% {
 opacity: 1;
}
 100% {
 opacity: 0;
 -webkit-transform: translate3d(-2000px, 0, 0);
 transform: translate3d(-2000px, 0, 0);
}
}
@keyframes fadeOutLeftBig { 0% {
 opacity: 1;
}
 100% {
 opacity: 0;
 -webkit-transform: translate3d(-2000px, 0, 0);
 transform: translate3d(-2000px, 0, 0);
}
}
.fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; }
@-webkit-keyframes fadeOutRight { 0% {
 opacity: 1;
}
 100% {
 opacity: 0;
 -webkit-transform: translate3d(100%, 0, 0);
 transform: translate3d(100%, 0, 0);
}
}
@keyframes fadeOutRight { 0% {
 opacity: 1;
}
 100% {
 opacity: 0;
 -webkit-transform: translate3d(100%, 0, 0);
 transform: translate3d(100%, 0, 0);
}
}
.fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; }
@-webkit-keyframes fadeOutRightBig { 0% {
 opacity: 1;
}
 100% {
 opacity: 0;
 -webkit-transform: translate3d(2000px, 0, 0);
 transform: translate3d(2000px, 0, 0);
}
}
@keyframes fadeOutRightBig { 0% {
 opacity: 1;
}
 100% {
 opacity: 0;
 -webkit-transform: translate3d(2000px, 0, 0);
 transform: translate3d(2000px, 0, 0);
}
}
.fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; }
@-webkit-keyframes fadeOutUp { 0% {
 opacity: 1;
}
 100% {
 opacity: 0;
 -webkit-transform: translate3d(0, -100%, 0);
 transform: translate3d(0, -100%, 0);
}
}
@keyframes fadeOutUp { 0% {
 opacity: 1;
}
 100% {
 opacity: 0;
 -webkit-transform: translate3d(0, -100%, 0);
 transform: translate3d(0, -100%, 0);
}
}
.fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; }
@-webkit-keyframes fadeOutUpBig { 0% {
 opacity: 1;
}
 100% {
 opacity: 0;
 -webkit-transform: translate3d(0, -2000px, 0);
 transform: translate3d(0, -2000px, 0);
}
}
@keyframes fadeOutUpBig { 0% {
 opacity: 1;
}
 100% {
 opacity: 0;
 -webkit-transform: translate3d(0, -2000px, 0);
 transform: translate3d(0, -2000px, 0);
}
}
.fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; }
@-webkit-keyframes flip { 0% {
 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
 transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
 -webkit-animation-timing-function: ease-out;
 animation-timing-function: ease-out;
}
 40% {
 -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
 transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
 -webkit-animation-timing-function: ease-out;
 animation-timing-function: ease-out;
}
 50% {
 -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
 transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
 -webkit-animation-timing-function: ease-in;
 animation-timing-function: ease-in;
}
 80% {
 -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
 transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
 -webkit-animation-timing-function: ease-in;
 animation-timing-function: ease-in;
}
 100% {
 -webkit-transform: perspective(400px);
 transform: perspective(400px);
 -webkit-animation-timing-function: ease-in;
 animation-timing-function: ease-in;
}
}
@keyframes flip { 0% {
 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
 transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
 -webkit-animation-timing-function: ease-out;
 animation-timing-function: ease-out;
}
 40% {
 -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
 transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
 -webkit-animation-timing-function: ease-out;
 animation-timing-function: ease-out;
}
 50% {
 -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
 transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
 -webkit-animation-timing-function: ease-in;
 animation-timing-function: ease-in;
}
 80% {
 -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
 transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
 -webkit-animation-timing-function: ease-in;
 animation-timing-function: ease-in;
}
 100% {
 -webkit-transform: perspective(400px);
 transform: perspective(400px);
 -webkit-animation-timing-function: ease-in;
 animation-timing-function: ease-in;
}
}
.animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; }
@-webkit-keyframes flipInX { 0% {
 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
 transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
 -webkit-transition-timing-function: ease-in;
 transition-timing-function: ease-in;
 opacity: 0;
}
 40% {
 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
 transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
 -webkit-transition-timing-function: ease-in;
 transition-timing-function: ease-in;
}
 60% {
 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
 transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
 opacity: 1;
}
 80% {
 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
 transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
 100% {
 -webkit-transform: perspective(400px);
 transform: perspective(400px);
}
}
@keyframes flipInX { 0% {
 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
 transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
 -webkit-transition-timing-function: ease-in;
 transition-timing-function: ease-in;
 opacity: 0;
}
 40% {
 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
 transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
 -webkit-transition-timing-function: ease-in;
 transition-timing-function: ease-in;
}
 60% {
 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
 transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
 opacity: 1;
}
 80% {
 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
 transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
 100% {
 -webkit-transform: perspective(400px);
 transform: perspective(400px);
}
}
.flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; }
@-webkit-keyframes flipInY { 0% {
 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
 transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
 -webkit-transition-timing-function: ease-in;
 transition-timing-function: ease-in;
 opacity: 0;
}
 40% {
 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
 transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
 -webkit-transition-timing-function: ease-in;
 transition-timing-function: ease-in;
}
 60% {
 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
 transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
 opacity: 1;
}
 80% {
 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
 transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
 100% {
 -webkit-transform: perspective(400px);
 transform: perspective(400px);
}
}
@keyframes flipInY { 0% {
 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
 transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
 -webkit-transition-timing-function: ease-in;
 transition-timing-function: ease-in;
 opacity: 0;
}
 40% {
 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
 transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
 -webkit-transition-timing-function: ease-in;
 transition-timing-function: ease-in;
}
 60% {
 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
 transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
 opacity: 1;
}
 80% {
 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
 transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
 100% {
 -webkit-transform: perspective(400px);
 transform: perspective(400px);
}
}
.flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; }
@-webkit-keyframes flipOutX { 0% {
 -webkit-transform: perspective(400px);
 transform: perspective(400px);
}
 30% {
 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
 transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
 opacity: 1;
}
 100% {
 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
 transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
 opacity: 0;
}
}
@keyframes flipOutX { 0% {
 -webkit-transform: perspective(400px);
 transform: perspective(400px);
}
 30% {
 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
 transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
 opacity: 1;
}
 100% {
 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
 transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
 opacity: 0;
}
}
.flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-animation-duration: .75s; animation-duration: .75s; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; }
@-webkit-keyframes flipOutY { 0% {
 -webkit-transform: perspective(400px);
 transform: perspective(400px);
}
 30% {
 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
 transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
 opacity: 1;
}
 100% {
 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
 transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
 opacity: 0;
}
}
@keyframes flipOutY { 0% {
 -webkit-transform: perspective(400px);
 transform: perspective(400px);
}
 30% {
 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
 transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
 opacity: 1;
}
 100% {
 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
 transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
 opacity: 0;
}
}
.flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; -webkit-animation-duration: .75s; animation-duration: .75s; }
@-webkit-keyframes lightSpeedIn { 0% {
 -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
 transform: translate3d(100%, 0, 0) skewX(-30deg);
 opacity: 0;
}
 60% {
 -webkit-transform: skewX(20deg);
 transform: skewX(20deg);
 opacity: 1;
}
 80% {
 -webkit-transform: skewX(-5deg);
 transform: skewX(-5deg);
 opacity: 1;
}
 100% {
 -webkit-transform: none;
 transform: none;
 opacity: 1;
}
}
@keyframes lightSpeedIn { 0% {
 -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
 transform: translate3d(100%, 0, 0) skewX(-30deg);
 opacity: 0;
}
 60% {
 -webkit-transform: skewX(20deg);
 transform: skewX(20deg);
 opacity: 1;
}
 80% {
 -webkit-transform: skewX(-5deg);
 transform: skewX(-5deg);
 opacity: 1;
}
 100% {
 -webkit-transform: none;
 transform: none;
 opacity: 1;
}
}
.lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; }
@-webkit-keyframes lightSpeedOut { 0% {
 opacity: 1;
}
 100% {
 -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
 transform: translate3d(100%, 0, 0) skewX(30deg);
 opacity: 0;
}
}
@keyframes lightSpeedOut { 0% {
 opacity: 1;
}
 100% {
 -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
 transform: translate3d(100%, 0, 0) skewX(30deg);
 opacity: 0;
}
}
.lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }
@-webkit-keyframes rotateIn { 0% {
 -webkit-transform-origin: center;
 transform-origin: center;
 -webkit-transform: rotate3d(0, 0, 1, -200deg);
 transform: rotate3d(0, 0, 1, -200deg);
 opacity: 0;
}
 100% {
 -webkit-transform-origin: center;
 transform-origin: center;
 -webkit-transform: none;
 transform: none;
 opacity: 1;
}
}
@keyframes rotateIn { 0% {
 -webkit-transform-origin: center;
 transform-origin: center;
 -webkit-transform: rotate3d(0, 0, 1, -200deg);
 transform: rotate3d(0, 0, 1, -200deg);
 opacity: 0;
}
 100% {
 -webkit-transform-origin: center;
 transform-origin: center;
 -webkit-transform: none;
 transform: none;
 opacity: 1;
}
}
.rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; }
@-webkit-keyframes rotateInDownLeft { 0% {
 -webkit-transform-origin: left bottom;
 transform-origin: left bottom;
 -webkit-transform: rotate3d(0, 0, 1, -45deg);
 transform: rotate3d(0, 0, 1, -45deg);
 opacity: 0;
}
 100% {
 -webkit-transform-origin: left bottom;
 transform-origin: left bottom;
 -webkit-transform: none;
 transform: none;
 opacity: 1;
}
}
@keyframes rotateInDownLeft { 0% {
 -webkit-transform-origin: left bottom;
 transform-origin: left bottom;
 -webkit-transform: rotate3d(0, 0, 1, -45deg);
 transform: rotate3d(0, 0, 1, -45deg);
 opacity: 0;
}
 100% {
 -webkit-transform-origin: left bottom;
 transform-origin: left bottom;
 -webkit-transform: none;
 transform: none;
 opacity: 1;
}
}
.rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; }
@-webkit-keyframes rotateInDownRight { 0% {
 -webkit-transform-origin: right bottom;
 transform-origin: right bottom;
 -webkit-transform: rotate3d(0, 0, 1, 45deg);
 transform: rotate3d(0, 0, 1, 45deg);
 opacity: 0;
}
 100% {
 -webkit-transform-origin: right bottom;
 transform-origin: right bottom;
 -webkit-transform: none;
 transform: none;
 opacity: 1;
}
}
@keyframes rotateInDownRight { 0% {
 -webkit-transform-origin: right bottom;
 transform-origin: right bottom;
 -webkit-transform: rotate3d(0, 0, 1, 45deg);
 transform: rotate3d(0, 0, 1, 45deg);
 opacity: 0;
}
 100% {
 -webkit-transform-origin: right bottom;
 transform-origin: right bottom;
 -webkit-transform: none;
 transform: none;
 opacity: 1;
}
}
.rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; }
@-webkit-keyframes rotateInUpLeft { 0% {
 -webkit-transform-origin: left bottom;
 transform-origin: left bottom;
 -webkit-transform: rotate3d(0, 0, 1, 45deg);
 transform: rotate3d(0, 0, 1, 45deg);
 opacity: 0;
}
 100% {
 -webkit-transform-origin: left bottom;
 transform-origin: left bottom;
 -webkit-transform: none;
 transform: none;
 opacity: 1;
}
}
@keyframes rotateInUpLeft { 0% {
 -webkit-transform-origin: left bottom;
 transform-origin: left bottom;
 -webkit-transform: rotate3d(0, 0, 1, 45deg);
 transform: rotate3d(0, 0, 1, 45deg);
 opacity: 0;
}
 100% {
 -webkit-transform-origin: left bottom;
 transform-origin: left bottom;
 -webkit-transform: none;
 transform: none;
 opacity: 1;
}
}
.rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; }
@-webkit-keyframes rotateInUpRight { 0% {
 -webkit-transform-origin: right bottom;
 transform-origin: right bottom;
 -webkit-transform: rotate3d(0, 0, 1, -90deg);
 transform: rotate3d(0, 0, 1, -90deg);
 opacity: 0;
}
 100% {
 -webkit-transform-origin: right bottom;
 transform-origin: right bottom;
 -webkit-transform: none;
 transform: none;
 opacity: 1;
}
}
@keyframes rotateInUpRight { 0% {
 -webkit-transform-origin: right bottom;
 transform-origin: right bottom;
 -webkit-transform: rotate3d(0, 0, 1, -90deg);
 transform: rotate3d(0, 0, 1, -90deg);
 opacity: 0;
}
 100% {
 -webkit-transform-origin: right bottom;
 transform-origin: right bottom;
 -webkit-transform: none;
 transform: none;
 opacity: 1;
}
}
.rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; }
@-webkit-keyframes rotateOut { 0% {
 -webkit-transform-origin: center;
 transform-origin: center;
 opacity: 1;
}
 100% {
 -webkit-transform-origin: center;
 transform-origin: center;
 -webkit-transform: rotate3d(0, 0, 1, 200deg);
 transform: rotate3d(0, 0, 1, 200deg);
 opacity: 0;
}
}
@keyframes rotateOut { 0% {
 -webkit-transform-origin: center;
 transform-origin: center;
 opacity: 1;
}
 100% {
 -webkit-transform-origin: center;
 transform-origin: center;
 -webkit-transform: rotate3d(0, 0, 1, 200deg);
 transform: rotate3d(0, 0, 1, 200deg);
 opacity: 0;
}
}
.rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; }
@-webkit-keyframes rotateOutDownLeft { 0% {
 -webkit-transform-origin: left bottom;
 transform-origin: left bottom;
 opacity: 1;
}
 100% {
 -webkit-transform-origin: left bottom;
 transform-origin: left bottom;
 -webkit-transform: rotate3d(0, 0, 1, 45deg);
 transform: rotate3d(0, 0, 1, 45deg);
 opacity: 0;
}
}
@keyframes rotateOutDownLeft { 0% {
 -webkit-transform-origin: left bottom;
 transform-origin: left bottom;
 opacity: 1;
}
 100% {
 -webkit-transform-origin: left bottom;
 transform-origin: left bottom;
 -webkit-transform: rotate3d(0, 0, 1, 45deg);
 transform: rotate3d(0, 0, 1, 45deg);
 opacity: 0;
}
}
.rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; }
@-webkit-keyframes rotateOutDownRight { 0% {
 -webkit-transform-origin: right bottom;
 transform-origin: right bottom;
 opacity: 1;
}
 100% {
 -webkit-transform-origin: right bottom;
 transform-origin: right bottom;
 -webkit-transform: rotate3d(0, 0, 1, -45deg);
 transform: rotate3d(0, 0, 1, -45deg);
 opacity: 0;
}
}
@keyframes rotateOutDownRight { 0% {
 -webkit-transform-origin: right bottom;
 transform-origin: right bottom;
 opacity: 1;
}
 100% {
 -webkit-transform-origin: right bottom;
 transform-origin: right bottom;
 -webkit-transform: rotate3d(0, 0, 1, -45deg);
 transform: rotate3d(0, 0, 1, -45deg);
 opacity: 0;
}
}
.rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; }
@-webkit-keyframes rotateOutUpLeft { 0% {
 -webkit-transform-origin: left bottom;
 transform-origin: left bottom;
 opacity: 1;
}
 100% {
 -webkit-transform-origin: left bottom;
 transform-origin: left bottom;
 -webkit-transform: rotate3d(0, 0, 1, -45deg);
 transform: rotate3d(0, 0, 1, -45deg);
 opacity: 0;
}
}
@keyframes rotateOutUpLeft { 0% {
 -webkit-transform-origin: left bottom;
 transform-origin: left bottom;
 opacity: 1;
}
 100% {
 -webkit-transform-origin: left bottom;
 transform-origin: left bottom;
 -webkit-transform: rotate3d(0, 0, 1, -45deg);
 transform: rotate3d(0, 0, 1, -45deg);
 opacity: 0;
}
}
.rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; }
@-webkit-keyframes rotateOutUpRight { 0% {
 -webkit-transform-origin: right bottom;
 transform-origin: right bottom;
 opacity: 1;
}
 100% {
 -webkit-transform-origin: right bottom;
 transform-origin: right bottom;
 -webkit-transform: rotate3d(0, 0, 1, 90deg);
 transform: rotate3d(0, 0, 1, 90deg);
 opacity: 0;
}
}
@keyframes rotateOutUpRight { 0% {
 -webkit-transform-origin: right bottom;
 transform-origin: right bottom;
 opacity: 1;
}
 100% {
 -webkit-transform-origin: right bottom;
 transform-origin: right bottom;
 -webkit-transform: rotate3d(0, 0, 1, 90deg);
 transform: rotate3d(0, 0, 1, 90deg);
 opacity: 0;
}
}
.rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; }
@-webkit-keyframes hinge { 0% {
 -webkit-transform-origin: top left;
 transform-origin: top left;
 -webkit-animation-timing-function: ease-in-out;
 animation-timing-function: ease-in-out;
}
 20%, 60% {
 -webkit-transform: rotate3d(0, 0, 1, 80deg);
 transform: rotate3d(0, 0, 1, 80deg);
 -webkit-transform-origin: top left;
 transform-origin: top left;
 -webkit-animation-timing-function: ease-in-out;
 animation-timing-function: ease-in-out;
}
 40%, 80% {
 -webkit-transform: rotate3d(0, 0, 1, 60deg);
 transform: rotate3d(0, 0, 1, 60deg);
 -webkit-transform-origin: top left;
 transform-origin: top left;
 -webkit-animation-timing-function: ease-in-out;
 animation-timing-function: ease-in-out;
 opacity: 1;
}
 100% {
 -webkit-transform: translate3d(0, 700px, 0);
 transform: translate3d(0, 700px, 0);
 opacity: 0;
}
}
@keyframes hinge { 0% {
 -webkit-transform-origin: top left;
 transform-origin: top left;
 -webkit-animation-timing-function: ease-in-out;
 animation-timing-function: ease-in-out;
}
 20%, 60% {
 -webkit-transform: rotate3d(0, 0, 1, 80deg);
 transform: rotate3d(0, 0, 1, 80deg);
 -webkit-transform-origin: top left;
 transform-origin: top left;
 -webkit-animation-timing-function: ease-in-out;
 animation-timing-function: ease-in-out;
}
 40%, 80% {
 -webkit-transform: rotate3d(0, 0, 1, 60deg);
 transform: rotate3d(0, 0, 1, 60deg);
 -webkit-transform-origin: top left;
 transform-origin: top left;
 -webkit-animation-timing-function: ease-in-out;
 animation-timing-function: ease-in-out;
 opacity: 1;
}
 100% {
 -webkit-transform: translate3d(0, 700px, 0);
 transform: translate3d(0, 700px, 0);
 opacity: 0;
}
}
.hinge { -webkit-animation-name: hinge; animation-name: hinge; }
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn { 0% {
 opacity: 0;
 -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
 transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
 100% {
 opacity: 1;
 -webkit-transform: none;
 transform: none;
}
}
@keyframes rollIn { 0% {
 opacity: 0;
 -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
 transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
 100% {
 opacity: 1;
 -webkit-transform: none;
 transform: none;
}
}
.rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; }
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut { 0% {
 opacity: 1;
}
 100% {
 opacity: 0;
 -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
 transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
@keyframes rollOut { 0% {
 opacity: 1;
}
 100% {
 opacity: 0;
 -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
 transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
.rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; }
@-webkit-keyframes zoomIn { 0% {
 opacity: 0;
 -webkit-transform: scale3d(0.3, 0.3, 0.3);
 transform: scale3d(0.3, 0.3, 0.3);
}
 50% {
 opacity: 1;
}
}
@keyframes zoomIn { 0% {
 opacity: 0;
 -webkit-transform: scale3d(0.3, 0.3, 0.3);
 transform: scale3d(0.3, 0.3, 0.3);
}
 50% {
 opacity: 1;
}
}
.zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; }
@-webkit-keyframes zoomInDown { 0% {
 opacity: 0;
 -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
 transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
 -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
 animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
 60% {
 opacity: 1;
 -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
 transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
 -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
 animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInDown { 0% {
 opacity: 0;
 -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
 transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
 -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
 animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
 60% {
 opacity: 1;
 -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
 transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
 -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
 animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; }
@-webkit-keyframes zoomInLeft { 0% {
 opacity: 0;
 -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
 transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
 -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
 animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
 60% {
 opacity: 1;
 -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
 transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
 -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
 animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInLeft { 0% {
 opacity: 0;
 -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
 transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
 -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
 animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
 60% {
 opacity: 1;
 -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
 transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
 -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
 animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; }
@-webkit-keyframes zoomInRight { 0% {
 opacity: 0;
 -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
 transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
 -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
 animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
 60% {
 opacity: 1;
 -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
 transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
 -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
 animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInRight { 0% {
 opacity: 0;
 -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
 transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
 -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
 animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
 60% {
 opacity: 1;
 -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
 transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
 -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
 animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; }
@-webkit-keyframes zoomInUp { 0% {
 opacity: 0;
 -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
 transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
 -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
 animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
 60% {
 opacity: 1;
 -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
 transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
 -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
 animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInUp { 0% {
 opacity: 0;
 -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
 transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
 -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
 animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
 60% {
 opacity: 1;
 -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
 transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
 -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
 animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; }
@-webkit-keyframes zoomOut { 0% {
 opacity: 1;
}
 50% {
 opacity: 0;
 -webkit-transform: scale3d(0.3, 0.3, 0.3);
 transform: scale3d(0.3, 0.3, 0.3);
}
 100% {
 opacity: 0;
}
}
@keyframes zoomOut { 0% {
 opacity: 1;
}
 50% {
 opacity: 0;
 -webkit-transform: scale3d(0.3, 0.3, 0.3);
 transform: scale3d(0.3, 0.3, 0.3);
}
 100% {
 opacity: 0;
}
}
.zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; }
@-webkit-keyframes zoomOutDown { 40% {
 opacity: 1;
 -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
 transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
 -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
 animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
 100% {
 opacity: 0;
 -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
 transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
 -webkit-transform-origin: center bottom;
 transform-origin: center bottom;
 -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
 animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomOutDown { 40% {
 opacity: 1;
 -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
 transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
 -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
 animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
 100% {
 opacity: 0;
 -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
 transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
 -webkit-transform-origin: center bottom;
 transform-origin: center bottom;
 -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
 animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; }
@-webkit-keyframes zoomOutLeft { 40% {
 opacity: 1;
 -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
 transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
}
 100% {
 opacity: 0;
 -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
 transform: scale(0.1) translate3d(-2000px, 0, 0);
 -webkit-transform-origin: left center;
 transform-origin: left center;
}
}
@keyframes zoomOutLeft { 40% {
 opacity: 1;
 -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
 transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
}
 100% {
 opacity: 0;
 -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
 transform: scale(0.1) translate3d(-2000px, 0, 0);
 -webkit-transform-origin: left center;
 transform-origin: left center;
}
}
.zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; }
@-webkit-keyframes zoomOutRight { 40% {
 opacity: 1;
 -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
 transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
}
 100% {
 opacity: 0;
 -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
 transform: scale(0.1) translate3d(2000px, 0, 0);
 -webkit-transform-origin: right center;
 transform-origin: right center;
}
}
@keyframes zoomOutRight { 40% {
 opacity: 1;
 -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
 transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
}
 100% {
 opacity: 0;
 -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
 transform: scale(0.1) translate3d(2000px, 0, 0);
 -webkit-transform-origin: right center;
 transform-origin: right center;
}
}
.zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; }
@-webkit-keyframes zoomOutUp { 40% {
 opacity: 1;
 -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
 transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
 -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
 animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
 100% {
 opacity: 0;
 -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
 transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
 -webkit-transform-origin: center bottom;
 transform-origin: center bottom;
 -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
 animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomOutUp { 40% {
 opacity: 1;
 -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
 transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
 -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
 animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
 100% {
 opacity: 0;
 -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
 transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
 -webkit-transform-origin: center bottom;
 transform-origin: center bottom;
 -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
 animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; }
@-webkit-keyframes slideInDown { 0% {
 -webkit-transform: translateY(-100%);
 transform: translateY(-100%);
 visibility: visible;
}
 100% {
 -webkit-transform: translateY(0);
 transform: translateY(0);
}
}
@keyframes slideInDown { 0% {
 -webkit-transform: translateY(-100%);
 transform: translateY(-100%);
 visibility: visible;
}
 100% {
 -webkit-transform: translateY(0);
 transform: translateY(0);
}
}
.slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; }
@-webkit-keyframes slideInLeft { 0% {
 -webkit-transform: translateX(-100%);
 transform: translateX(-100%);
 visibility: visible;
}
 100% {
 -webkit-transform: translateX(0);
 transform: translateX(0);
}
}
@keyframes slideInLeft { 0% {
 -webkit-transform: translateX(-100%);
 transform: translateX(-100%);
 visibility: visible;
}
 100% {
 -webkit-transform: translateX(0);
 transform: translateX(0);
}
}
.slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; }
@-webkit-keyframes slideInRight { 0% {
 -webkit-transform: translateX(100%);
 transform: translateX(100%);
 visibility: visible;
}
 100% {
 -webkit-transform: translateX(0);
 transform: translateX(0);
}
}
@keyframes slideInRight { 0% {
 -webkit-transform: translateX(100%);
 transform: translateX(100%);
 visibility: visible;
}
 100% {
 -webkit-transform: translateX(0);
 transform: translateX(0);
}
}
.slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; }
@-webkit-keyframes slideInUp { 0% {
 -webkit-transform: translateY(100%);
 transform: translateY(100%);
 visibility: visible;
}
 100% {
 -webkit-transform: translateY(0);
 transform: translateY(0);
}
}
@keyframes slideInUp { 0% {
 -webkit-transform: translateY(100%);
 transform: translateY(100%);
 visibility: visible;
}
 100% {
 -webkit-transform: translateY(0);
 transform: translateY(0);
}
}
.slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; }
@-webkit-keyframes slideOutDown { 0% {
 -webkit-transform: translateY(0);
 transform: translateY(0);
}
 100% {
 visibility: hidden;
 -webkit-transform: translateY(100%);
 transform: translateY(100%);
}
}
@keyframes slideOutDown { 0% {
 -webkit-transform: translateY(0);
 transform: translateY(0);
}
 100% {
 visibility: hidden;
 -webkit-transform: translateY(100%);
 transform: translateY(100%);
}
}
.slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; }
@-webkit-keyframes slideOutLeft { 0% {
 -webkit-transform: translateX(0);
 transform: translateX(0);
}
 100% {
 visibility: hidden;
 -webkit-transform: translateX(-100%);
 transform: translateX(-100%);
}
}
@keyframes slideOutLeft { 0% {
 -webkit-transform: translateX(0);
 transform: translateX(0);
}
 100% {
 visibility: hidden;
 -webkit-transform: translateX(-100%);
 transform: translateX(-100%);
}
}
.slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; }
@-webkit-keyframes slideOutRight { 0% {
 -webkit-transform: translateX(0);
 transform: translateX(0);
}
 100% {
 visibility: hidden;
 -webkit-transform: translateX(100%);
 transform: translateX(100%);
}
}
@keyframes slideOutRight { 0% {
 -webkit-transform: translateX(0);
 transform: translateX(0);
}
 100% {
 visibility: hidden;
 -webkit-transform: translateX(100%);
 transform: translateX(100%);
}
}
.slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; }
@-webkit-keyframes slideOutUp { 0% {
 -webkit-transform: translateY(0);
 transform: translateY(0);
}
 100% {
 visibility: hidden;
 -webkit-transform: translateY(-100%);
 transform: translateY(-100%);
}
}
@keyframes slideOutUp { 0% {
 -webkit-transform: translateY(0);
 transform: translateY(0);
}
 100% {
 visibility: hidden;
 -webkit-transform: translateY(-100%);
 transform: translateY(-100%);
}
}
.slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; }
form input.error { background: #fee9ea none repeat scroll 0 0; border: 1px solid #ED7A53 !important; }
label.error { padding: 3px 4px 3px 4px; color: #c93605 !important; font-weight: bold; text-shadow: 0px 1px 1px rgba(164, 44, 4, 0.20); font-size: 11px; }
div#nav-spy .nano-pane { left: 0; }
.alert h4 { text-transform: capitalize; }
.DTTT.btn-group, .dataTables_length, .dataTables_filter { margin: 5px 5px 0px 5px; }
.dataTables_paginate, .dataTables_info { padding: 0 5px; }
span.badge.badge-info.mr10.fs11 { font-size: 13px!important; font-weight: 400; }
div.uploadifive-queue-item.complete { background-color: rgba(48, 54, 62, 0)!important; padding: 0 10px; }
span.imoon.imoon-checkmark-circle.fs18 { color: #70BA63; }
span.imoon.imoon-warning.fs20 { color: #f6bb42; }
.notif_listeact{overflow: auto;max-height: 170px;}