@charset "UTF-8";
/* ========================================================================
 *   Color Definitions - so we never see hex color codes anywhere but here
 * ======================================================================== */
@font-face {
  font-family: 'icomoon';
  src: url(/images/icons/icons.eot);
  src: url(/images/icons/icons.eot?#iefix) format("embedded-opentype"), url(/images/icons/icons.woff) format("woff"), url(/images/icons/icons.ttf) format("truetype"), url(/images/icons/icons.svg#icons) format("svg");
  font-weight: normal;
  font-style: normal;
}

[class*="icon-"] {
  font-size: 16px;
}

.inside-content {
  float: left;
  margin: 1px 6px 0 0;
}

/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before {
  font-family: 'icomoon';
  content: attr(data-icon);
  speak: none;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: middle;
  -webkit-font-smoothing: antialiased;
}

/* Use the following CSS code if you want to have a class per icon */
/*
Instead of a list of all class selectors,
you can use the generic selector below, but it's slower:
[class*="icon-"] {
*/
.icon-zoom-out2, .icon-zoom-out, .icon-zoom-in2, .icon-zoom-in, .icon-youtube2, .icon-youtube, .icon-yin-yang, .icon-yelp, .icon-yahoo, .icon-xing2, .icon-xing, .icon-wrench2, .icon-wrench, .icon-wordpress2, .icon-wordpress, .icon-wondering2, .icon-wondering, .icon-woman, .icon-wink2, .icon-wink, .icon-windy, .icon-windows8, .icon-windows, .icon-weather-snow, .icon-weather-rain, .icon-weather-lightning, .icon-wave2, .icon-wave, .icon-watch, .icon-warning, .icon-wand2, .icon-wand, .icon-volume5, .icon-volume4, .icon-volume3, .icon-volume2, .icon-volume1, .icon-volume0, .icon-volume-mute6, .icon-volume-mute5, .icon-volume-mute4, .icon-volume-mute3, .icon-volume-mute2, .icon-volume-mute, .icon-volume-medium2, .icon-volume-medium, .icon-volume-low2, .icon-volume-low, .icon-volume-increase2, .icon-volume-increase, .icon-volume-high2, .icon-volume-high, .icon-volume-decrease2, .icon-volume-decrease, .icon-vimeo3, .icon-vimeo2, .icon-vimeo, .icon-vector, .icon-vcard, .icon-users2, .icon-users, .icon-user4, .icon-user3, .icon-user2, .icon-user, .icon-user-plus3, .icon-user-plus2, .icon-user-plus, .icon-user-minus3, .icon-user-minus2, .icon-user-minus, .icon-user-cancel2, .icon-user-cancel, .icon-user-block2, .icon-user-block, .icon-upload5, .icon-upload4, .icon-upload3, .icon-upload2, .icon-upload, .icon-unlocked2, .icon-unlocked, .icon-undo2, .icon-undo, .icon-underline, .icon-umbrella, .icon-twitter3, .icon-twitter2, .icon-twitter, .icon-tv, .icon-tux, .icon-tumblr2, .icon-tumblr, .icon-truck, .icon-trophy2, .icon-trophy, .icon-trophy-star, .icon-tree3, .icon-tree2, .icon-tree, .icon-transmission2, .icon-transmission, .icon-tools, .icon-tongue2, .icon-tongue, .icon-ticket, .icon-thumbs-up4, .icon-thumbs-up3, .icon-thumbs-up2, .icon-thumbs-up, .icon-thumbs-down2, .icon-thumbs-down, .icon-text-width, .icon-text-height, .icon-text-color, .icon-target3, .icon-target2, .icon-target, .icon-tags2, .icon-tags, .icon-tag5, .icon-tag4, .icon-tag3, .icon-tag2, .icon-tag, .icon-tablet, .icon-table2, .icon-table, .icon-tab, .icon-switch, .icon-support, .icon-superscript2, .icon-superscript, .icon-sun2, .icon-sun, .icon-sun-glasses, .icon-subscript2, .icon-subscript, .icon-stumbleupon2, .icon-stumbleupon, .icon-strikethrough, .icon-storage2, .icon-storage, .icon-stopwatch, .icon-stop2, .icon-stop, .icon-steps, .icon-steam2, .icon-steam, .icon-stats3, .icon-stats2, .icon-stats, .icon-stats-up, .icon-stats-down, .icon-star6, .icon-star5, .icon-star4, .icon-star3, .icon-star2, .icon-star, .icon-stackoverflow, .icon-stack, .icon-spinner8, .icon-spinner7, .icon-spinner6, .icon-spinner5, .icon-spinner4, .icon-spinner3, .icon-spinner2, .icon-spinner, .icon-spell-check, .icon-spam, .icon-spades, .icon-soundcloud2, .icon-soundcloud, .icon-sort2, .icon-sort, .icon-smiley2, .icon-smiley, .icon-skype, .icon-skull2, .icon-skull, .icon-signup, .icon-sigma, .icon-shuffle2, .icon-shuffle, .icon-shocked2, .icon-shocked, .icon-shield2, .icon-shield, .icon-share3, .icon-share2, .icon-share, .icon-settings, .icon-search3, .icon-search2, .icon-search, .icon-screen2, .icon-screen, .icon-scissors2, .icon-scissors, .icon-safari, .icon-sad2, .icon-sad, .icon-rulers, .icon-rotate2, .icon-rotate, .icon-rocket, .icon-rock, .icon-road, .icon-right-to-left, .icon-reply2, .icon-reply, .icon-remove5, .icon-remove4, .icon-remove3, .icon-remove2, .icon-remove, .icon-redo2, .icon-redo, .icon-reddit, .icon-rating3, .icon-rating2, .icon-rating, .icon-radio, .icon-radio-unchecked, .icon-radio-checked, .icon-quotes-right3, .icon-quotes-right2, .icon-quotes-right, .icon-quotes-left, .icon-quill2, .icon-quill, .icon-question5, .icon-question4, .icon-question3, .icon-question2, .icon-question, .icon-queen, .icon-qrcode, .icon-pyramid, .icon-puzzle4, .icon-puzzle3, .icon-puzzle2, .icon-puzzle, .icon-pushpin, .icon-profile, .icon-print2, .icon-print, .icon-previous, .icon-power2, .icon-power, .icon-power-cord, .icon-popout, .icon-point-up, .icon-point-right, .icon-point-left, .icon-point-down, .icon-podium, .icon-podcast, .icon-plus, .icon-plus-circle2, .icon-plus-circle, .icon-playlist, .icon-play3, .icon-play2, .icon-play, .icon-pinterest2, .icon-pinterest, .icon-pilcrow, .icon-pie4, .icon-pie3, .icon-pie2, .icon-pie, .icon-picassa2, .icon-picassa, .icon-piano, .icon-phone5, .icon-phone4, .icon-phone3, .icon-phone2, .icon-phone, .icon-phone-hang-up2, .icon-phone-hang-up, .icon-people, .icon-pencil4, .icon-pencil3, .icon-pencil2, .icon-pencil, .icon-pen3, .icon-pen2, .icon-pen, .icon-peace, .icon-paypal3, .icon-paypal2, .icon-paypal, .icon-pawn, .icon-paw, .icon-pause2, .icon-pause, .icon-patch, .icon-paste3, .icon-paste2, .icon-paste, .icon-paragraph-right2, .icon-paragraph-right, .icon-paragraph-left2, .icon-paragraph-left, .icon-paragraph-justify2, .icon-paragraph-justify, .icon-paragraph-center2, .icon-paragraph-center, .icon-paper-plane, .icon-paint-format, .icon-pagebreak, .icon-page-break2, .icon-page-break, .icon-pacman, .icon-opera, .icon-omega, .icon-office, .icon-numbered-list, .icon-notification, .icon-notebook, .icon-next, .icon-newspaper, .icon-new, .icon-new-tab2, .icon-new-tab, .icon-neutral2, .icon-neutral, .icon-nbsp, .icon-music3, .icon-music2, .icon-music, .icon-mug, .icon-movie2, .icon-movie, .icon-move, .icon-mouse2, .icon-mouse, .icon-moon, .icon-mobile2, .icon-mobile, .icon-minus, .icon-minus-circle2, .icon-minus-circle, .icon-mic4, .icon-mic3, .icon-mic2, .icon-mic, .icon-meter2, .icon-meter, .icon-meter-slow, .icon-meter-medium, .icon-meter-fast, .icon-menu5, .icon-menu4, .icon-menu3, .icon-menu2, .icon-menu, .icon-megaphone, .icon-medal5, .icon-medal4, .icon-medal3, .icon-medal2, .icon-medal, .icon-marker, .icon-map3, .icon-map2, .icon-map, .icon-man, .icon-male, .icon-mail4, .icon-mail3, .icon-mail2, .icon-mail, .icon-mail-send, .icon-magnet, .icon-loop5, .icon-loop4, .icon-loop3, .icon-loop2, .icon-loop, .icon-lock3, .icon-lock2, .icon-lock, .icon-location4, .icon-location3, .icon-location2, .icon-location, .icon-list2, .icon-list, .icon-linkedin, .icon-link22, .icon-link6, .icon-link5, .icon-link4, .icon-link3, .icon-link2, .icon-link, .icon-lightning, .icon-libreoffice, .icon-library, .icon-left-to-right, .icon-leaf, .icon-lastfm2, .icon-lastfm, .icon-last, .icon-laptop, .icon-lanyrd, .icon-lamp3, .icon-lamp2, .icon-lamp, .icon-ladder, .icon-lab, .icon-knight, .icon-king, .icon-keyboard, .icon-key2, .icon-key, .icon-joomla, .icon-italic, .icon-instagram, .icon-insert-template, .icon-inject, .icon-info2, .icon-info, .icon-indent-increase, .icon-indent-decrease, .icon-images, .icon-image5, .icon-image4, .icon-image3, .icon-image2, .icon-image, .icon-IE, .icon-icon, .icon-html52, .icon-html5, .icon-home7, .icon-home6, .icon-home5, .icon-home4, .icon-home3, .icon-home2, .icon-home, .icon-history, .icon-heart6, .icon-heart5, .icon-heart4, .icon-heart3, .icon-heart2, .icon-heart, .icon-heart-broken3, .icon-heart-broken2, .icon-heart-broken, .icon-headphones2, .icon-headphones, .icon-happy2, .icon-happy, .icon-hanger, .icon-hammer2, .icon-hammer, .icon-gun, .icon-gun-ban, .icon-grin2, .icon-grin, .icon-grid4, .icon-grid3, .icon-grid2, .icon-grid, .icon-google, .icon-google-plus4, .icon-google-plus3, .icon-google-plus2, .icon-google-plus, .icon-google-drive, .icon-globe2, .icon-globe, .icon-glasses3, .icon-glasses2, .icon-glasses, .icon-glass2, .icon-glass, .icon-github5, .icon-github4, .icon-github3, .icon-github2, .icon-github, .icon-gift, .icon-gas-pump, .icon-foursquare2, .icon-foursquare, .icon-forward3, .icon-forward2, .icon-forward, .icon-forrst2, .icon-forrst, .icon-food2, .icon-food, .icon-font, .icon-font-size, .icon-folder8, .icon-folder3, .icon-folder2, .icon-folder, .icon-folder-upload2, .icon-folder-upload, .icon-folder-remove, .icon-folder-plus3, .icon-folder-plus2, .icon-folder-plus, .icon-folder-open2, .icon-folder-open, .icon-folder-minus3, .icon-folder-minus2, .icon-folder-minus, .icon-folder-download2, .icon-folder-download, .icon-flower, .icon-flip2, .icon-flip, .icon-flickr4, .icon-flickr3, .icon-flickr2, .icon-flickr, .icon-flattr, .icon-flag4, .icon-flag3, .icon-flag2, .icon-flag, .icon-first, .icon-firefox, .icon-fire, .icon-finder, .icon-filter4, .icon-filter3, .icon-filter2, .icon-filter, .icon-film3, .icon-film2, .icon-film, .icon-file7, .icon-file6, .icon-file5, .icon-file4, .icon-file3, .icon-file2, .icon-file, .icon-file-zip, .icon-file-xml, .icon-file-word, .icon-file-upload, .icon-file-remove, .icon-file-powerpoint, .icon-file-plus, .icon-file-pdf, .icon-file-openoffice, .icon-file-minus, .icon-file-excel, .icon-file-download, .icon-file-css, .icon-file-check, .icon-female, .icon-feed4, .icon-feed3, .icon-feed2, .icon-feed, .icon-fan, .icon-factory, .icon-facebook3, .icon-facebook2, .icon-facebook, .icon-eyedropper, .icon-eye7, .icon-eye6, .icon-eye5, .icon-eye4, .icon-eye3, .icon-eye2, .icon-eye, .icon-eye-blocked2, .icon-eye-blocked, .icon-expand2, .icon-expand, .icon-exit4, .icon-exit3, .icon-exit2, .icon-exit, .icon-evil2, .icon-evil, .icon-esc, .icon-equalizer3, .icon-equalizer2, .icon-equalizer, .icon-envelop2, .icon-envelop, .icon-enter5, .icon-enter4, .icon-enter3, .icon-enter2, .icon-enter, .icon-embed, .icon-eject, .icon-earth, .icon-dumbbell, .icon-droplet2, .icon-droplet, .icon-dribbble3, .icon-dribbble2, .icon-dribbble, .icon-drawer3, .icon-drawer2, .icon-drawer, .icon-download5, .icon-download4, .icon-download3, .icon-download2, .icon-download, .icon-disk, .icon-direction, .icon-dice, .icon-diamonds, .icon-diamond, .icon-deviantart2, .icon-deviantart, .icon-delicious, .icon-database2, .icon-database, .icon-dashboard, .icon-cursor2, .icon-cursor, .icon-cube2, .icon-cube, .icon-css3, .icon-crown, .icon-crop, .icon-credit, .icon-copy4, .icon-copy3, .icon-copy2, .icon-copy, .icon-cool2, .icon-cool, .icon-contrast, .icon-contract2, .icon-contract, .icon-contact-remove2, .icon-contact-remove, .icon-contact-add2, .icon-contact-add, .icon-construction, .icon-console, .icon-connection2, .icon-connection, .icon-confused2, .icon-confused, .icon-cone, .icon-compass2, .icon-compass, .icon-command, .icon-coin, .icon-cogs, .icon-cog4, .icon-cog3, .icon-cog2, .icon-cog, .icon-code, .icon-clubs, .icon-cloud, .icon-cloud-upload, .icon-cloud-download, .icon-close, .icon-clock4, .icon-clock3, .icon-clock2, .icon-clock, .icon-clipboard, .icon-clear-formatting, .icon-chrome, .icon-checkmark4, .icon-checkmark3, .icon-checkmark2, .icon-checkmark, .icon-checkmark-circle2, .icon-checkmark-circle, .icon-checkbox-unchecked, .icon-checkbox-partial, .icon-checkbox-checked, .icon-certificate, .icon-cc, .icon-cart5, .icon-cart4, .icon-cart3, .icon-cart2, .icon-cart, .icon-cart-remove2, .icon-cart-remove, .icon-cart-plus, .icon-cart-minus, .icon-cart-checkout, .icon-cart-add, .icon-car, .icon-cancel, .icon-cancel-circle2, .icon-cancel-circle, .icon-camera7, .icon-camera6, .icon-camera5, .icon-camera4, .icon-camera3, .icon-camera2, .icon-camera, .icon-call-outgoing, .icon-call-incoming, .icon-calendar4, .icon-calendar3, .icon-calendar2, .icon-calendar, .icon-calculate2, .icon-calculate, .icon-cake, .icon-cabinet, .icon-busy3, .icon-busy2, .icon-busy, .icon-bus, .icon-bullhorn, .icon-bug2, .icon-bug, .icon-bubbles6, .icon-bubbles5, .icon-bubbles4, .icon-bubbles3, .icon-bubbles2, .icon-bubbles, .icon-bubble6, .icon-bubble5, .icon-bubble4, .icon-bubble3, .icon-bubble2, .icon-bubble, .icon-bubble-video-chat, .icon-bubble-user, .icon-bubble-up, .icon-bubble-trash, .icon-bubble-star, .icon-bubble-right, .icon-bubble-reply, .icon-bubble-replu, .icon-bubble-quote, .icon-bubble-plus, .icon-bubble-paperclip, .icon-bubble-notification2, .icon-bubble-notification, .icon-bubble-minus, .icon-bubble-locked, .icon-bubble-link, .icon-bubble-left, .icon-bubble-last, .icon-bubble-heart, .icon-bubble-forward2, .icon-bubble-forward, .icon-bubble-first, .icon-bubble-down, .icon-bubble-dots2, .icon-bubble-dots, .icon-bubble-check, .icon-bubble-cancel, .icon-bubble-blocked, .icon-brightness-medium, .icon-brightness-low, .icon-brightness-high, .icon-brightness-contrast, .icon-briefcase3, .icon-briefcase2, .icon-briefcase, .icon-box-remove, .icon-box-add, .icon-bottle2, .icon-bottle, .icon-books, .icon-bookmarks, .icon-bookmark3, .icon-bookmark2, .icon-bookmark, .icon-book2, .icon-book, .icon-bold, .icon-boat, .icon-blogger2, .icon-blogger, .icon-blog, .icon-blocked, .icon-bishop, .icon-binoculars, .icon-bell, .icon-bed2, .icon-bed, .icon-basket2, .icon-basket, .icon-bars3, .icon-bars2, .icon-bars, .icon-barcode2, .icon-barcode, .icon-balloon, .icon-balance, .icon-backward2, .icon-backward, .icon-backspace3, .icon-backspace2, .icon-backspace, .icon-attachment2, .icon-attachment, .icon-arrow4, .icon-arrow3, .icon-arrow2, .icon-arrow, .icon-arrow-up11, .icon-arrow-up10, .icon-arrow-up9, .icon-arrow-up8, .icon-arrow-up7, .icon-arrow-up6, .icon-arrow-up5, .icon-arrow-up4, .icon-arrow-up3, .icon-arrow-up2, .icon-arrow-up, .icon-arrow-up-right5, .icon-arrow-up-right4, .icon-arrow-up-right3, .icon-arrow-up-right2, .icon-arrow-up-right, .icon-arrow-up-left5, .icon-arrow-up-left4, .icon-arrow-up-left3, .icon-arrow-up-left2, .icon-arrow-up-left, .icon-arrow-right12, .icon-arrow-right11, .icon-arrow-right10, .icon-arrow-right9, .icon-arrow-right8, .icon-arrow-right7, .icon-arrow-right6, .icon-arrow-right5, .icon-arrow-right4, .icon-arrow-right3, .icon-arrow-right2, .icon-arrow-right, .icon-arrow-left11, .icon-arrow-left10, .icon-arrow-left9, .icon-arrow-left8, .icon-arrow-left7, .icon-arrow-left6, .icon-arrow-left5, .icon-arrow-left4, .icon-arrow-left3, .icon-arrow-left2, .icon-arrow-left, .icon-arrow-first, .icon-arrow-down11, .icon-arrow-down10, .icon-arrow-down9, .icon-arrow-down8, .icon-arrow-down7, .icon-arrow-down6, .icon-arrow-down5, .icon-arrow-down4, .icon-arrow-down3, .icon-arrow-down2, .icon-arrow-down, .icon-arrow-down-right5, .icon-arrow-down-right4, .icon-arrow-down-right3, .icon-arrow-down-right2, .icon-arrow-down-right, .icon-arrow-down-left5, .icon-arrow-down-left4, .icon-arrow-down-left3, .icon-arrow-down-left2, .icon-arrow-down-left, .icon-archive, .icon-apple, .icon-apple-fruit, .icon-angry2, .icon-angry, .icon-android, .icon-anchor, .icon-alarm2, .icon-alarm, .icon-airplane2, .icon-airplane, .icon-aid, .icon-address-book, .icon-accessibility2, .icon-accessibility {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  /*line-height: 1;*/
  line-height: 1.063;
  vertical-align: middle;
  -webkit-font-smoothing: antialiased;
}

.icon-zoom-out2:before {
  content: "\e000";
}

.icon-zoom-out:before {
  content: "\e001";
}

.icon-zoom-in2:before {
  content: "\e002";
}

.icon-zoom-in:before {
  content: "\e003";
}

.icon-youtube2:before {
  content: "\e004";
}

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

.icon-yin-yang:before {
  content: "\e006";
}

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

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

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

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

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

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

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

.icon-wordpress:before {
  content: "\e00e";
}

.icon-wondering2:before {
  content: "\e00f";
}

.icon-wondering:before {
  content: "\e010";
}

.icon-woman:before {
  content: "\e011";
}

.icon-wink2:before {
  content: "\e012";
}

.icon-wink:before {
  content: "\e013";
}

.icon-windy:before {
  content: "\e014";
}

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

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

.icon-weather-snow:before {
  content: "\e017";
}

.icon-weather-rain:before {
  content: "\e018";
}

.icon-weather-lightning:before {
  content: "\e019";
}

.icon-wave2:before {
  content: "\e01a";
}

.icon-wave:before {
  content: "\e01b";
}

.icon-watch:before {
  content: "\e01c";
}

.icon-warning:before {
  content: "\e01d";
}

.icon-wand2:before {
  content: "\e01e";
}

.icon-wand:before {
  content: "\e01f";
}

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

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

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

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

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

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

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

.icon-volume-mute5:before {
  content: "\e027";
}

.icon-volume-mute4:before {
  content: "\e028";
}

.icon-volume-mute3:before {
  content: "\e029";
}

.icon-volume-mute2:before {
  content: "\e02a";
}

.icon-volume-mute:before {
  content: "\e02b";
}

.icon-volume-medium2:before {
  content: "\e02c";
}

.icon-volume-medium:before {
  content: "\e02d";
}

.icon-volume-low2:before {
  content: "\e02e";
}

.icon-volume-low:before {
  content: "\e02f";
}

.icon-volume-increase2:before {
  content: "\e030";
}

.icon-volume-increase:before {
  content: "\e031";
}

.icon-volume-high2:before {
  content: "\e032";
}

.icon-volume-high:before {
  content: "\e033";
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.icon-upload5:before {
  content: "\e04b";
}

.icon-upload4:before {
  content: "\e04c";
}

.icon-upload3:before {
  content: "\e04d";
}

.icon-upload2:before {
  content: "\e04e";
}

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

.icon-unlocked2:before {
  content: "\e050";
}

.icon-unlocked:before {
  content: "\e051";
}

.icon-undo2:before {
  content: "\e052";
}

.icon-undo:before {
  content: "\e053";
}

.icon-underline:before {
  content: "\e054";
}

.icon-umbrella:before {
  content: "\e055";
}

.icon-twitter3:before {
  content: "\e056";
}

.icon-twitter2:before {
  content: "\e057";
}

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

.icon-tv:before {
  content: "\e059";
}

.icon-tux:before {
  content: "\e05a";
}

.icon-tumblr2:before {
  content: "\e05b";
}

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

.icon-truck:before {
  content: "\e05d";
}

.icon-trophy2:before {
  content: "\e05e";
}

.icon-trophy:before {
  content: "\e05f";
}

.icon-trophy-star:before {
  content: "\e060";
}

.icon-tree3:before {
  content: "\e061";
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.icon-thumbs-down:before {
  content: "\e06f";
}

.icon-text-width:before {
  content: "\e070";
}

.icon-text-height:before {
  content: "\e071";
}

.icon-text-color:before {
  content: "\e072";
}

.icon-target3:before {
  content: "\e073";
}

.icon-target2:before {
  content: "\e074";
}

.icon-target:before {
  content: "\e075";
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.icon-stumbleupon2:before {
  content: "\e08a";
}

.icon-stumbleupon:before {
  content: "\e08b";
}

.icon-strikethrough:before {
  content: "\e08c";
}

.icon-storage2:before {
  content: "\e08d";
}

.icon-storage:before {
  content: "\e08e";
}

.icon-stopwatch:before {
  content: "\e08f";
}

.icon-stop2:before {
  content: "\e090";
}

.icon-stop:before {
  content: "\e091";
}

.icon-steps:before {
  content: "\e092";
}

.icon-steam2:before {
  content: "\e093";
}

.icon-steam:before {
  content: "\e094";
}

.icon-stats3:before {
  content: "\e095";
}

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

.icon-stats:before {
  content: "\e097";
}

.icon-stats-up:before {
  content: "\e098";
}

.icon-stats-down:before {
  content: "\e099";
}

.icon-star6:before {
  content: "\e09a";
}

.icon-star5:before {
  content: "\e09b";
}

.icon-star4:before {
  content: "\e09c";
}

.icon-star3:before {
  content: "\e09d";
}

.icon-star2:before {
  content: "\e09e";
}

.icon-star:before {
  content: "\e09f";
}

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

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

.icon-spinner8:before {
  content: "\e0a2";
}

.icon-spinner7:before {
  content: "\e0a3";
}

.icon-spinner6:before {
  content: "\e0a4";
}

.icon-spinner5:before {
  content: "\e0a5";
}

.icon-spinner4:before {
  content: "\e0a6";
}

.icon-spinner3:before {
  content: "\e0a7";
}

.icon-spinner2:before {
  content: "\e0a8";
}

.icon-spinner:before {
  content: "\e0a9";
}

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

.icon-spam:before {
  content: "\e0ab";
}

.icon-spades:before {
  content: "\e0ac";
}

.icon-soundcloud2:before {
  content: "\e0ad";
}

.icon-soundcloud:before {
  content: "\e0ae";
}

.icon-sort2:before {
  content: "\e0af";
}

.icon-sort:before {
  content: "\e0b0";
}

.icon-smiley2:before {
  content: "\e0b1";
}

.icon-smiley:before {
  content: "\e0b2";
}

.icon-skype:before {
  content: "\e0b3";
}

.icon-skull2:before {
  content: "\e0b4";
}

.icon-skull:before {
  content: "\e0b5";
}

.icon-signup:before {
  content: "\e0b6";
}

.icon-sigma:before {
  content: "\e0b7";
}

.icon-shuffle2:before {
  content: "\e0b8";
}

.icon-shuffle:before {
  content: "\e0b9";
}

.icon-shocked2:before {
  content: "\e0ba";
}

.icon-shocked:before {
  content: "\e0bb";
}

.icon-shield2:before {
  content: "\e0bc";
}

.icon-shield:before {
  content: "\e0bd";
}

.icon-share3:before {
  content: "\e0be";
}

.icon-share2:before {
  content: "\e0bf";
}

.icon-share:before {
  content: "\e0c0";
}

.icon-settings:before {
  content: "\e0c1";
}

.icon-search3:before {
  content: "\e0c2";
}

.icon-search2:before {
  content: "\e0c3";
}

.icon-search:before {
  content: "\e0c4";
}

.icon-screen2:before {
  content: "\e0c5";
}

.icon-screen:before {
  content: "\e0c6";
}

.icon-scissors2:before {
  content: "\e0c7";
}

.icon-scissors:before {
  content: "\e0c8";
}

.icon-safari:before {
  content: "\e0c9";
}

.icon-sad2:before {
  content: "\e0ca";
}

.icon-sad:before {
  content: "\e0cb";
}

.icon-rulers:before {
  content: "\e0cc";
}

.icon-rotate2:before {
  content: "\e0cd";
}

.icon-rotate:before {
  content: "\e0ce";
}

.icon-rocket:before {
  content: "\e0cf";
}

.icon-rock:before {
  content: "\e0d0";
}

.icon-road:before {
  content: "\e0d1";
}

.icon-right-to-left:before {
  content: "\e0d2";
}

.icon-reply2:before {
  content: "\e0d3";
}

.icon-reply:before {
  content: "\e0d4";
}

.icon-remove5:before {
  content: "\e0d5";
}

.icon-remove4:before {
  content: "\e0d6";
}

.icon-remove3:before {
  content: "\e0d7";
}

.icon-remove2:before {
  content: "\e0d8";
}

.icon-remove:before {
  content: "\e0d9";
}

.icon-redo2:before {
  content: "\e0da";
}

.icon-redo:before {
  content: "\e0db";
}

.icon-reddit:before {
  content: "\e0dc";
}

.icon-rating3:before {
  content: "\e0dd";
}

.icon-rating2:before {
  content: "\e0de";
}

.icon-rating:before {
  content: "\e0df";
}

.icon-radio:before {
  content: "\e0e0";
}

.icon-radio-unchecked:before {
  content: "\e0e1";
}

.icon-radio-checked:before {
  content: "\e0e2";
}

.icon-quotes-right3:before {
  content: "\e0e3";
}

.icon-quotes-right2:before {
  content: "\e0e4";
}

.icon-quotes-right:before {
  content: "\e0e5";
}

.icon-quotes-left:before {
  content: "\e0e6";
}

.icon-quill2:before {
  content: "\e0e7";
}

.icon-quill:before {
  content: "\e0e8";
}

.icon-question5:before {
  content: "\e0e9";
}

.icon-question4:before {
  content: "\e0ea";
}

.icon-question3:before {
  content: "\e0eb";
}

.icon-question2:before {
  content: "\e0ec";
}

.icon-question:before {
  content: "\e0ed";
}

.icon-queen:before {
  content: "\e0ee";
}

.icon-qrcode:before {
  content: "\e0ef";
}

.icon-pyramid:before {
  content: "\e0f0";
}

.icon-puzzle4:before {
  content: "\e0f1";
}

.icon-puzzle3:before {
  content: "\e0f2";
}

.icon-puzzle2:before {
  content: "\e0f3";
}

.icon-puzzle:before {
  content: "\e0f4";
}

.icon-pushpin:before {
  content: "\e0f5";
}

.icon-profile:before {
  content: "\e0f6";
}

.icon-print2:before {
  content: "\e0f7";
}

.icon-print:before {
  content: "\e0f8";
}

.icon-previous:before {
  content: "\e0f9";
}

.icon-power2:before {
  content: "\e0fa";
}

.icon-power:before {
  content: "\e0fb";
}

.icon-power-cord:before {
  content: "\e0fc";
}

.icon-popout:before {
  content: "\e0fd";
}

.icon-point-up:before {
  content: "\e0fe";
}

.icon-point-right:before {
  content: "\e0ff";
}

.icon-point-left:before {
  content: "\e100";
}

.icon-point-down:before {
  content: "\e101";
}

.icon-podium:before {
  content: "\e102";
}

.icon-podcast:before {
  content: "\e103";
}

.icon-plus:before {
  content: "\e104";
}

.icon-plus-circle2:before {
  content: "\e105";
}

.icon-plus-circle:before {
  content: "\e106";
}

.icon-playlist:before {
  content: "\e107";
}

.icon-play3:before {
  content: "\e108";
}

.icon-play2:before {
  content: "\e109";
}

.icon-play:before {
  content: "\e10a";
}

.icon-pinterest2:before {
  content: "\e10b";
}

.icon-pinterest:before {
  content: "\e10c";
}

.icon-pilcrow:before {
  content: "\e10d";
}

.icon-pie4:before {
  content: "\e10e";
}

.icon-pie3:before {
  content: "\e10f";
}

.icon-pie2:before {
  content: "\e110";
}

.icon-pie:before {
  content: "\e111";
}

.icon-picassa2:before {
  content: "\e112";
}

.icon-picassa:before {
  content: "\e113";
}

.icon-piano:before {
  content: "\e114";
}

.icon-phone5:before {
  content: "\e115";
}

.icon-phone4:before {
  content: "\e116";
}

.icon-phone3:before {
  content: "\e117";
}

.icon-phone2:before {
  content: "\e118";
}

.icon-phone:before {
  content: "\e119";
}

.icon-phone-hang-up2:before {
  content: "\e11a";
}

.icon-phone-hang-up:before {
  content: "\e11b";
}

.icon-people:before {
  content: "\e11c";
}

.icon-pencil4:before {
  content: "\e11d";
}

.icon-pencil3:before {
  content: "\e11e";
}

.icon-pencil2:before {
  content: "\e11f";
}

.icon-pencil:before {
  content: "\e120";
}

.icon-pen3:before {
  content: "\e121";
}

.icon-pen2:before {
  content: "\e122";
}

.icon-pen:before {
  content: "\e123";
}

.icon-peace:before {
  content: "\e124";
}

.icon-paypal3:before {
  content: "\e125";
}

.icon-paypal2:before {
  content: "\e126";
}

.icon-paypal:before {
  content: "\e127";
}

.icon-pawn:before {
  content: "\e128";
}

.icon-paw:before {
  content: "\e129";
}

.icon-pause2:before {
  content: "\e12a";
}

.icon-pause:before {
  content: "\e12b";
}

.icon-patch:before {
  content: "\e12c";
}

.icon-paste3:before {
  content: "\e12d";
}

.icon-paste2:before {
  content: "\e12e";
}

.icon-paste:before {
  content: "\e12f";
}

.icon-paragraph-right2:before {
  content: "\e130";
}

.icon-paragraph-right:before {
  content: "\e131";
}

.icon-paragraph-left2:before {
  content: "\e132";
}

.icon-paragraph-left:before {
  content: "\e133";
}

.icon-paragraph-justify2:before {
  content: "\e134";
}

.icon-paragraph-justify:before {
  content: "\e135";
}

.icon-paragraph-center2:before {
  content: "\e136";
}

.icon-paragraph-center:before {
  content: "\e137";
}

.icon-paper-plane:before {
  content: "\e138";
}

.icon-paint-format:before {
  content: "\e139";
}

.icon-pagebreak:before {
  content: "\e13a";
}

.icon-page-break2:before {
  content: "\e13b";
}

.icon-page-break:before {
  content: "\e13c";
}

.icon-pacman:before {
  content: "\e13d";
}

.icon-opera:before {
  content: "\e13e";
}

.icon-omega:before {
  content: "\e13f";
}

.icon-office:before {
  content: "\e140";
}

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

.icon-notification:before {
  content: "\e142";
}

.icon-notebook:before {
  content: "\e143";
}

.icon-next:before {
  content: "\e144";
}

.icon-newspaper:before {
  content: "\e145";
}

.icon-new:before {
  content: "\e146";
}

.icon-new-tab2:before {
  content: "\e147";
}

.icon-new-tab:before {
  content: "\e148";
}

.icon-neutral2:before {
  content: "\e149";
}

.icon-neutral:before {
  content: "\e14a";
}

.icon-nbsp:before {
  content: "\e14b";
}

.icon-music3:before {
  content: "\e14c";
}

.icon-music2:before {
  content: "\e14d";
}

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

.icon-mug:before {
  content: "\e14f";
}

.icon-movie2:before {
  content: "\e150";
}

.icon-movie:before {
  content: "\e151";
}

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

.icon-mouse2:before {
  content: "\e153";
}

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

.icon-moon:before {
  content: "\e155";
}

.icon-mobile2:before {
  content: "\e156";
}

.icon-mobile:before {
  content: "\e157";
}

.icon-minus:before {
  content: "\e158";
}

.icon-minus-circle2:before {
  content: "\e159";
}

.icon-minus-circle:before {
  content: "\e15a";
}

.icon-mic4:before {
  content: "\e15b";
}

.icon-mic3:before {
  content: "\e15c";
}

.icon-mic2:before {
  content: "\e15d";
}

.icon-mic:before {
  content: "\e15e";
}

.icon-meter2:before {
  content: "\e15f";
}

.icon-meter:before {
  content: "\e160";
}

.icon-meter-slow:before {
  content: "\e161";
}

.icon-meter-medium:before {
  content: "\e162";
}

.icon-meter-fast:before {
  content: "\e163";
}

.icon-menu5:before {
  content: "\e164";
}

.icon-menu4:before {
  content: "\e165";
}

.icon-menu3:before {
  content: "\e166";
}

.icon-menu2:before {
  content: "\e167";
}

.icon-menu:before {
  content: "\e168";
}

.icon-megaphone:before {
  content: "\e169";
}

.icon-medal5:before {
  content: "\e16a";
}

.icon-medal4:before {
  content: "\e16b";
}

.icon-medal3:before {
  content: "\e16c";
}

.icon-medal2:before {
  content: "\e16d";
}

.icon-medal:before {
  content: "\e16e";
}

.icon-marker:before {
  content: "\e16f";
}

.icon-map3:before {
  content: "\e170";
}

.icon-map2:before {
  content: "\e171";
}

.icon-map:before {
  content: "\e172";
}

.icon-man:before {
  content: "\e173";
}

.icon-male:before {
  content: "\e174";
}

.icon-mail4:before {
  content: "\e175";
}

.icon-mail3:before {
  content: "\e176";
}

.icon-mail2:before {
  content: "\e177";
}

.icon-mail:before {
  content: "\e178";
}

.icon-mail-send:before {
  content: "\e179";
}

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

.icon-loop5:before {
  content: "\e17b";
}

.icon-loop4:before {
  content: "\e17c";
}

.icon-loop3:before {
  content: "\e17d";
}

.icon-loop2:before {
  content: "\e17e";
}

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

.icon-lock3:before {
  content: "\e180";
}

.icon-lock2:before {
  content: "\e181";
}

.icon-lock:before {
  content: "\e182";
}

.icon-location4:before {
  content: "\e183";
}

.icon-location3:before {
  content: "\e184";
}

.icon-location2:before {
  content: "\e185";
}

.icon-location:before {
  content: "\e186";
}

.icon-list2:before {
  content: "\e187";
}

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

.icon-linkedin:before {
  content: "\e189";
}

.icon-link22:before {
  content: "\e18a";
}

.icon-link6:before {
  content: "\e18b";
}

.icon-link5:before {
  content: "\e18c";
}

.icon-link4:before {
  content: "\e18d";
}

.icon-link3:before {
  content: "\e18e";
}

.icon-link2:before {
  content: "\e18f";
}

.icon-link:before {
  content: "\e190";
}

.icon-lightning:before {
  content: "\e191";
}

.icon-libreoffice:before {
  content: "\e192";
}

.icon-library:before {
  content: "\e193";
}

.icon-left-to-right:before {
  content: "\e194";
}

.icon-leaf:before {
  content: "\e195";
}

.icon-lastfm2:before {
  content: "\e196";
}

.icon-lastfm:before {
  content: "\e197";
}

.icon-last:before {
  content: "\e198";
}

.icon-laptop:before {
  content: "\e199";
}

.icon-lanyrd:before {
  content: "\e19a";
}

.icon-lamp3:before {
  content: "\e19b";
}

.icon-lamp2:before {
  content: "\e19c";
}

.icon-lamp:before {
  content: "\e19d";
}

.icon-ladder:before {
  content: "\e19e";
}

.icon-lab:before {
  content: "\e19f";
}

.icon-knight:before {
  content: "\e1a0";
}

.icon-king:before {
  content: "\e1a1";
}

.icon-keyboard:before {
  content: "\e1a2";
}

.icon-key2:before {
  content: "\e1a3";
}

.icon-key:before {
  content: "\e1a4";
}

.icon-joomla:before {
  content: "\e1a5";
}

.icon-italic:before {
  content: "\e1a6";
}

.icon-instagram:before {
  content: "\e1a7";
}

.icon-insert-template:before {
  content: "\e1a8";
}

.icon-inject:before {
  content: "\e1a9";
}

.icon-info2:before {
  content: "\e1aa";
}

.icon-info:before {
  content: "\e1ab";
}

.icon-indent-increase:before {
  content: "\e1ac";
}

.icon-indent-decrease:before {
  content: "\e1ad";
}

.icon-images:before {
  content: "\e1ae";
}

.icon-image5:before {
  content: "\e1af";
}

.icon-image4:before {
  content: "\e1b0";
}

.icon-image3:before {
  content: "\e1b1";
}

.icon-image2:before {
  content: "\e1b2";
}

.icon-image:before {
  content: "\e1b3";
}

.icon-IE:before {
  content: "\e1b4";
}

.icon-icon:before {
  content: "\e1b5";
}

.icon-html52:before {
  content: "\e1b6";
}

.icon-html5:before {
  content: "\e1b7";
}

.icon-home7:before {
  content: "\e1b8";
}

.icon-home6:before {
  content: "\e1b9";
}

.icon-home5:before {
  content: "\e1ba";
}

.icon-home4:before {
  content: "\e1bb";
}

.icon-home3:before {
  content: "\e1bc";
}

.icon-home2:before {
  content: "\e1bd";
}

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

.icon-history:before {
  content: "\e1bf";
}

.icon-heart6:before {
  content: "\e1c0";
}

.icon-heart5:before {
  content: "\e1c1";
}

.icon-heart4:before {
  content: "\e1c2";
}

.icon-heart3:before {
  content: "\e1c3";
}

.icon-heart2:before {
  content: "\e1c4";
}

.icon-heart:before {
  content: "\e1c5";
}

.icon-heart-broken3:before {
  content: "\e1c6";
}

.icon-heart-broken2:before {
  content: "\e1c7";
}

.icon-heart-broken:before {
  content: "\e1c8";
}

.icon-headphones2:before {
  content: "\e1c9";
}

.icon-headphones:before {
  content: "\e1ca";
}

.icon-happy2:before {
  content: "\e1cb";
}

.icon-happy:before {
  content: "\e1cc";
}

.icon-hanger:before {
  content: "\e1cd";
}

.icon-hammer2:before {
  content: "\e1ce";
}

.icon-hammer:before {
  content: "\e1cf";
}

.icon-gun:before {
  content: "\e1d0";
}

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

.icon-grin2:before {
  content: "\e1d2";
}

.icon-grin:before {
  content: "\e1d3";
}

.icon-grid4:before {
  content: "\e1d4";
}

.icon-grid3:before {
  content: "\e1d5";
}

.icon-grid2:before {
  content: "\e1d6";
}

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

.icon-google:before {
  content: "\e1d8";
}

.icon-google-plus4:before {
  content: "\e1d9";
}

.icon-google-plus3:before {
  content: "\e1da";
}

.icon-google-plus2:before {
  content: "\e1db";
}

.icon-google-plus:before {
  content: "\e1dc";
}

.icon-google-drive:before {
  content: "\e1dd";
}

.icon-globe2:before {
  content: "\e1de";
}

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

.icon-glasses3:before {
  content: "\e1e0";
}

.icon-glasses2:before {
  content: "\e1e1";
}

.icon-glasses:before {
  content: "\e1e2";
}

.icon-glass2:before {
  content: "\e1e3";
}

.icon-glass:before {
  content: "\e1e4";
}

.icon-github5:before {
  content: "\e1e5";
}

.icon-github4:before {
  content: "\e1e6";
}

.icon-github3:before {
  content: "\e1e7";
}

.icon-github2:before {
  content: "\e1e8";
}

.icon-github:before {
  content: "\e1e9";
}

.icon-gift:before {
  content: "\e1ea";
}

.icon-gas-pump:before {
  content: "\e1eb";
}

.icon-foursquare2:before {
  content: "\e1ec";
}

.icon-foursquare:before {
  content: "\e1ed";
}

.icon-forward3:before {
  content: "\e1ee";
}

.icon-forward2:before {
  content: "\e1ef";
}

.icon-forward:before {
  content: "\e1f0";
}

.icon-forrst2:before {
  content: "\e1f1";
}

.icon-forrst:before {
  content: "\e1f2";
}

.icon-food2:before {
  content: "\e1f3";
}

.icon-food:before {
  content: "\e1f4";
}

.icon-font:before {
  content: "\e1f5";
}

.icon-font-size:before {
  content: "\e1f6";
}

.icon-folder8:before {
  content: "\e1f7";
}

.icon-folder3:before {
  content: "\e1f8";
}

.icon-folder2:before {
  content: "\e1f9";
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.icon-flower:before {
  content: "\e208";
}

.icon-flip2:before {
  content: "\e209";
}

.icon-flip:before {
  content: "\e20a";
}

.icon-flickr4:before {
  content: "\e20b";
}

.icon-flickr3:before {
  content: "\e20c";
}

.icon-flickr2:before {
  content: "\e20d";
}

.icon-flickr:before {
  content: "\e20e";
}

.icon-flattr:before {
  content: "\e20f";
}

.icon-flag4:before {
  content: "\e210";
}

.icon-flag3:before {
  content: "\e211";
}

.icon-flag2:before {
  content: "\e212";
}

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

.icon-first:before {
  content: "\e214";
}

.icon-firefox:before {
  content: "\e215";
}

.icon-fire:before {
  content: "\e216";
}

.icon-finder:before {
  content: "\e217";
}

.icon-filter4:before {
  content: "\e218";
}

.icon-filter3:before {
  content: "\e219";
}

.icon-filter2:before {
  content: "\e21a";
}

.icon-filter:before {
  content: "\e21b";
}

.icon-film3:before {
  content: "\e21c";
}

.icon-film2:before {
  content: "\e21d";
}

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

.icon-file7:before {
  content: "\e21f";
}

.icon-file6:before {
  content: "\e220";
}

.icon-file5:before {
  content: "\e221";
}

.icon-file4:before {
  content: "\e222";
}

.icon-file3:before {
  content: "\e223";
}

.icon-file2:before {
  content: "\e224";
}

.icon-file:before {
  content: "\e225";
}

.icon-file-zip:before {
  content: "\e226";
}

.icon-file-xml:before {
  content: "\e227";
}

.icon-file-word:before {
  content: "\e228";
}

.icon-file-upload:before {
  content: "\e229";
}

.icon-file-remove:before {
  content: "\e22a";
}

.icon-file-powerpoint:before {
  content: "\e22b";
}

.icon-file-plus:before {
  content: "\e22c";
}

.icon-file-pdf:before {
  content: "\e22d";
}

.icon-file-openoffice:before {
  content: "\e22e";
}

.icon-file-minus:before {
  content: "\e22f";
}

.icon-file-excel:before {
  content: "\e230";
}

.icon-file-download:before {
  content: "\e231";
}

.icon-file-css:before {
  content: "\e232";
}

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

.icon-female:before {
  content: "\e234";
}

.icon-feed4:before {
  content: "\e235";
}

.icon-feed3:before {
  content: "\e236";
}

.icon-feed2:before {
  content: "\e237";
}

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

.icon-fan:before {
  content: "\e239";
}

.icon-factory:before {
  content: "\e23a";
}

.icon-facebook3:before {
  content: "\e23b";
}

.icon-facebook2:before {
  content: "\e23c";
}

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

.icon-eyedropper:before {
  content: "\e23e";
}

.icon-eye7:before {
  content: "\e23f";
}

.icon-eye6:before {
  content: "\e240";
}

.icon-eye5:before {
  content: "\e241";
}

.icon-eye4:before {
  content: "\e242";
}

.icon-eye3:before {
  content: "\e243";
}

.icon-eye2:before {
  content: "\e244";
}

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

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

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

.icon-expand2:before {
  content: "\e248";
}

.icon-expand:before {
  content: "\e249";
}

.icon-exit4:before {
  content: "\e24a";
}

.icon-exit3:before {
  content: "\e24b";
}

.icon-exit2:before {
  content: "\e24c";
}

.icon-exit:before {
  content: "\e24d";
}

.icon-evil2:before {
  content: "\e24e";
}

.icon-evil:before {
  content: "\e24f";
}

.icon-esc:before {
  content: "\e250";
}

.icon-equalizer3:before {
  content: "\e251";
}

.icon-equalizer2:before {
  content: "\e252";
}

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

.icon-envelop2:before {
  content: "\e254";
}

.icon-envelop:before {
  content: "\e255";
}

.icon-enter5:before {
  content: "\e256";
}

.icon-enter4:before {
  content: "\e257";
}

.icon-enter3:before {
  content: "\e258";
}

.icon-enter2:before {
  content: "\e259";
}

.icon-enter:before {
  content: "\e25a";
}

.icon-embed:before {
  content: "\e25b";
}

.icon-eject:before {
  content: "\e25c";
}

.icon-earth:before {
  content: "\e25d";
}

.icon-dumbbell:before {
  content: "\e25e";
}

.icon-droplet2:before {
  content: "\e25f";
}

.icon-droplet:before {
  content: "\e260";
}

.icon-dribbble3:before {
  content: "\e261";
}

.icon-dribbble2:before {
  content: "\e262";
}

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

.icon-drawer3:before {
  content: "\e264";
}

.icon-drawer2:before {
  content: "\e265";
}

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

.icon-download5:before {
  content: "\e267";
}

.icon-download4:before {
  content: "\e268";
}

.icon-download3:before {
  content: "\e269";
}

.icon-download2:before {
  content: "\e26a";
}

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

.icon-disk:before {
  content: "\e26c";
}

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

.icon-dice:before {
  content: "\e26e";
}

.icon-diamonds:before {
  content: "\e26f";
}

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

.icon-deviantart2:before {
  content: "\e271";
}

.icon-deviantart:before {
  content: "\e272";
}

.icon-delicious:before {
  content: "\e273";
}

.icon-database2:before {
  content: "\e274";
}

.icon-database:before {
  content: "\e275";
}

.icon-dashboard:before {
  content: "\e276";
}

.icon-cursor2:before {
  content: "\e277";
}

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

.icon-cube2:before {
  content: "\e279";
}

.icon-cube:before {
  content: "\e27a";
}

.icon-css3:before {
  content: "\e27b";
}

.icon-crown:before {
  content: "\e27c";
}

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

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

.icon-copy4:before {
  content: "\e27f";
}

.icon-copy3:before {
  content: "\e280";
}

.icon-copy2:before {
  content: "\e281";
}

.icon-copy:before {
  content: "\e282";
}

.icon-cool2:before {
  content: "\e283";
}

.icon-cool:before {
  content: "\e284";
}

.icon-contrast:before {
  content: "\e285";
}

.icon-contract2:before {
  content: "\e286";
}

.icon-contract:before {
  content: "\e287";
}

.icon-contact-remove2:before {
  content: "\e288";
}

.icon-contact-remove:before {
  content: "\e289";
}

.icon-contact-add2:before {
  content: "\e28a";
}

.icon-contact-add:before {
  content: "\e28b";
}

.icon-construction:before {
  content: "\e28c";
}

.icon-console:before {
  content: "\e28d";
}

.icon-connection2:before {
  content: "\e28e";
}

.icon-connection:before {
  content: "\e28f";
}

.icon-confused2:before {
  content: "\e290";
}

.icon-confused:before {
  content: "\e291";
}

.icon-cone:before {
  content: "\e292";
}

.icon-compass2:before {
  content: "\e293";
}

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

.icon-command:before {
  content: "\e295";
}

.icon-coin:before {
  content: "\e296";
}

.icon-cogs:before {
  content: "\e297";
}

.icon-cog4:before {
  content: "\e298";
}

.icon-cog3:before {
  content: "\e299";
}

.icon-cog2:before {
  content: "\e29a";
}

.icon-cog:before {
  content: "\e29b";
}

.icon-code:before {
  content: "\e29c";
}

.icon-clubs:before {
  content: "\e29d";
}

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

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

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

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

.icon-clock4:before {
  content: "\e2a2";
}

.icon-clock3:before {
  content: "\e2a3";
}

.icon-clock2:before {
  content: "\e2a4";
}

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

.icon-clipboard:before {
  content: "\e2a6";
}

.icon-clear-formatting:before {
  content: "\e2a7";
}

.icon-chrome:before {
  content: "\e2a8";
}

.icon-checkmark4:before {
  content: "\e2a9";
}

.icon-checkmark3:before {
  content: "\e2aa";
}

.icon-checkmark2:before {
  content: "\e2ab";
}

.icon-checkmark:before {
  content: "\e2ac";
}

.icon-checkmark-circle2:before {
  content: "\e2ad";
}

.icon-checkmark-circle:before {
  content: "\e2ae";
}

.icon-checkbox-unchecked:before {
  content: "\e2af";
}

.icon-checkbox-partial:before {
  content: "\e2b0";
}

.icon-checkbox-checked:before {
  content: "\e2b1";
}

.icon-certificate:before {
  content: "\e2b2";
}

.icon-cc:before {
  content: "\e2b3";
}

.icon-cart5:before {
  content: "\e2b4";
}

.icon-cart4:before {
  content: "\e2b5";
}

.icon-cart3:before {
  content: "\e2b6";
}

.icon-cart2:before {
  content: "\e2b7";
}

.icon-cart:before {
  content: "\e2b8";
}

.icon-cart-remove2:before {
  content: "\e2b9";
}

.icon-cart-remove:before {
  content: "\e2ba";
}

.icon-cart-plus:before {
  content: "\e2bb";
}

.icon-cart-minus:before {
  content: "\e2bc";
}

.icon-cart-checkout:before {
  content: "\e2bd";
}

.icon-cart-add:before {
  content: "\e2be";
}

.icon-car:before {
  content: "\e2bf";
}

.icon-cancel:before {
  content: "\e2c0";
}

.icon-cancel-circle2:before {
  content: "\e2c1";
}

.icon-cancel-circle:before {
  content: "\e2c2";
}

.icon-camera7:before {
  content: "\e2c3";
}

.icon-camera6:before {
  content: "\e2c4";
}

.icon-camera5:before {
  content: "\e2c5";
}

.icon-camera4:before {
  content: "\e2c6";
}

.icon-camera3:before {
  content: "\e2c7";
}

.icon-camera2:before {
  content: "\e2c8";
}

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

.icon-call-outgoing:before {
  content: "\e2ca";
}

.icon-call-incoming:before {
  content: "\e2cb";
}

.icon-calendar4:before {
  content: "\e2cc";
}

.icon-calendar3:before {
  content: "\e2cd";
}

.icon-calendar2:before {
  content: "\e2ce";
}

.icon-calendar:before {
  content: "\e2cf";
}

.icon-calculate2:before {
  content: "\e2d0";
}

.icon-calculate:before {
  content: "\e2d1";
}

.icon-cake:before {
  content: "\e2d2";
}

.icon-cabinet:before {
  content: "\e2d3";
}

.icon-busy3:before {
  content: "\e2d4";
}

.icon-busy2:before {
  content: "\e2d5";
}

.icon-busy:before {
  content: "\e2d6";
}

.icon-bus:before {
  content: "\e2d7";
}

.icon-bullhorn:before {
  content: "\e2d8";
}

.icon-bug2:before {
  content: "\e2d9";
}

.icon-bug:before {
  content: "\e2da";
}

.icon-bubbles6:before {
  content: "\e2db";
}

.icon-bubbles5:before {
  content: "\e2dc";
}

.icon-bubbles4:before {
  content: "\e2dd";
}

.icon-bubbles3:before {
  content: "\e2de";
}

.icon-bubbles2:before {
  content: "\e2df";
}

.icon-bubbles:before {
  content: "\e2e0";
}

.icon-bubble6:before {
  content: "\e2e1";
}

.icon-bubble5:before {
  content: "\e2e2";
}

.icon-bubble4:before {
  content: "\e2e3";
}

.icon-bubble3:before {
  content: "\e2e4";
}

.icon-bubble2:before {
  content: "\e2e5";
}

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

.icon-bubble-video-chat:before {
  content: "\e2e7";
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.icon-brightness-medium:before {
  content: "\e303";
}

.icon-brightness-low:before {
  content: "\e304";
}

.icon-brightness-high:before {
  content: "\e305";
}

.icon-brightness-contrast:before {
  content: "\e306";
}

.icon-briefcase3:before {
  content: "\e307";
}

.icon-briefcase2:before {
  content: "\e308";
}

.icon-briefcase:before {
  content: "\e309";
}

.icon-box-remove:before {
  content: "\e30a";
}

.icon-box-add:before {
  content: "\e30b";
}

.icon-bottle2:before {
  content: "\e30c";
}

.icon-bottle:before {
  content: "\e30d";
}

.icon-books:before {
  content: "\e30e";
}

.icon-bookmarks:before {
  content: "\e30f";
}

.icon-bookmark3:before {
  content: "\e310";
}

.icon-bookmark2:before {
  content: "\e311";
}

.icon-bookmark:before {
  content: "\e312";
}

.icon-book2:before {
  content: "\e313";
}

.icon-book:before {
  content: "\e314";
}

.icon-bold:before {
  content: "\e315";
}

.icon-boat:before {
  content: "\e316";
}

.icon-blogger2:before {
  content: "\e317";
}

.icon-blogger:before {
  content: "\e318";
}

.icon-blog:before {
  content: "\e319";
}

.icon-blocked:before {
  content: "\e31a";
}

.icon-bishop:before {
  content: "\e31b";
}

.icon-binoculars:before {
  content: "\e31c";
}

.icon-bell:before {
  content: "\e31d";
}

.icon-bed2:before {
  content: "\e31e";
}

.icon-bed:before {
  content: "\e31f";
}

.icon-basket2:before {
  content: "\e320";
}

.icon-basket:before {
  content: "\e321";
}

.icon-bars3:before {
  content: "\e322";
}

.icon-bars2:before {
  content: "\e323";
}

.icon-bars:before {
  content: "\e324";
}

.icon-barcode2:before {
  content: "\e325";
}

.icon-barcode:before {
  content: "\e326";
}

.icon-balloon:before {
  content: "\e327";
}

.icon-balance:before {
  content: "\e328";
}

.icon-backward2:before {
  content: "\e329";
}

.icon-backward:before {
  content: "\e32a";
}

.icon-backspace3:before {
  content: "\e32b";
}

.icon-backspace2:before {
  content: "\e32c";
}

.icon-backspace:before {
  content: "\e32d";
}

.icon-attachment2:before {
  content: "\e32e";
}

.icon-attachment:before {
  content: "\e32f";
}

.icon-arrow4:before {
  content: "\e330";
}

.icon-arrow3:before {
  content: "\e331";
}

.icon-arrow2:before {
  content: "\e332";
}

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

.icon-arrow-up11:before {
  content: "\e334";
}

.icon-arrow-up10:before {
  content: "\e335";
}

.icon-arrow-up9:before {
  content: "\e336";
}

.icon-arrow-up8:before {
  content: "\e337";
}

.icon-arrow-up7:before {
  content: "\e338";
}

.icon-arrow-up6:before {
  content: "\e339";
}

.icon-arrow-up5:before {
  content: "\e33a";
}

.icon-arrow-up4:before {
  content: "\e33b";
}

.icon-arrow-up3:before {
  content: "\e33c";
}

.icon-arrow-up2:before {
  content: "\e33d";
}

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

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

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

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

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

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

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

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

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

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

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

.icon-arrow-right12:before {
  content: "\e349";
}

.icon-arrow-right11:before {
  content: "\e34a";
}

.icon-arrow-right10:before {
  content: "\e34b";
}

.icon-arrow-right9:before {
  content: "\e34c";
}

.icon-arrow-right8:before {
  content: "\e34d";
}

.icon-arrow-right7:before {
  content: "\e34e";
}

.icon-arrow-right6:before {
  content: "\e34f";
}

.icon-arrow-right5:before {
  content: "\e350";
}

.icon-arrow-right4:before {
  content: "\e351";
}

.icon-arrow-right3:before {
  content: "\e352";
}

.icon-arrow-right2:before {
  content: "\e353";
}

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

.icon-arrow-left11:before {
  content: "\e355";
}

.icon-arrow-left10:before {
  content: "\e356";
}

.icon-arrow-left9:before {
  content: "\e357";
}

.icon-arrow-left8:before {
  content: "\e358";
}

.icon-arrow-left7:before {
  content: "\e359";
}

.icon-arrow-left6:before {
  content: "\e35a";
}

.icon-arrow-left5:before {
  content: "\e35b";
}

.icon-arrow-left4:before {
  content: "\e35c";
}

.icon-arrow-left3:before {
  content: "\e35d";
}

.icon-arrow-left2:before {
  content: "\e35e";
}

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

.icon-arrow-first:before {
  content: "\e360";
}

.icon-arrow-down11:before {
  content: "\e361";
}

.icon-arrow-down10:before {
  content: "\e362";
}

.icon-arrow-down9:before {
  content: "\e363";
}

.icon-arrow-down8:before {
  content: "\e364";
}

.icon-arrow-down7:before {
  content: "\e365";
}

.icon-arrow-down6:before {
  content: "\e366";
}

.icon-arrow-down5:before {
  content: "\e367";
}

.icon-arrow-down4:before {
  content: "\e368";
}

.icon-arrow-down3:before {
  content: "\e369";
}

.icon-arrow-down2:before {
  content: "\e36a";
}

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

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

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

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

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

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

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

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

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

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

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

.icon-archive:before {
  content: "\e376";
}

.icon-apple:before {
  content: "\e377";
}

.icon-apple-fruit:before {
  content: "\e378";
}

.icon-angry2:before {
  content: "\e379";
}

.icon-angry:before {
  content: "\e37a";
}

.icon-android:before {
  content: "\e37b";
}

.icon-anchor:before {
  content: "\e37c";
}

.icon-alarm2:before {
  content: "\e37d";
}

.icon-alarm:before {
  content: "\e37e";
}

.icon-airplane2:before {
  content: "\e37f";
}

.icon-airplane:before {
  content: "\e380";
}

.icon-aid:before {
  content: "\e381";
}

.icon-address-book:before {
  content: "\e382";
}

.icon-accessibility2:before {
  content: "\e383";
}

.icon-accessibility:before {
  content: "\e384";
}

/* ========================================================
*
* Londinium - premium responsive admin template
*
* ========================================================
*
* File: londinium-theme.css;
* Description: Custom template styles for Bootstrap framework.
* Version: 1.0
*
* ======================================================== */
.panel-toolbar:after,
.page-header:after,
.header-bar-stats .page-stats li:after,
.panel-heading:after {
  content: "";
  display: table;
  clear: both;
}

/* # General resets and overwrites
================================================== */
html {
  height: 100%;
}

body {
  font-family: 'Open Sans', sans-serif;
  font-size: 12px;
  position: relative;
  min-height: 100%;
}

a {
  cursor: pointer;
}

a:hover,
a:focus {
  color: #3d9ae4;
  text-decoration: none;
  outline: 0;
}

button:hover,
button:focus {
  outline: 0;
}

/*===== Headings =====*/
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-weight: 600;
  line-height: 1.42857143;
  margin-top: 0;
}

h1,
.h1 {
  font-size: 24px;
}

h2,
.h2 {
  font-size: 22px;
}

h3,
.h3 {
  font-size: 20px;
}

h4,
.h4 {
  font-size: 18px;
}

h5,
.h5 {
  font-size: 16px;
}

h6,
.h6 {
  font-size: 14px;
}

/* Label inside heading */
h1 .label,
h2 .label,
h3 .label,
h4 .label,
h5 .label,
h6 .label,
.h1 .label,
.h2 .label,
.h3 .label,
.h4 .label,
.h5 .label,
.h6 .label {
  vertical-align: middle;
}

/* Icons inside heading */
h1 > i,
.h1 > i {
  margin: 8px 8px 0 0;
  float: left;
}

h2 > i,
.h2 > i {
  margin: 7px 8px 0 0;
  float: left;
}

h3 > i,
.h3 > i {
  margin: 4px 8px 0 0;
  float: left;
}

h4 > i,
.h4 > i {
  margin: 4px 8px 0 0;
  float: left;
}

h5 > i,
.h5 > i {
  margin: 2px 8px 0 0;
  float: left;
}

h6 > i,
.h6 > i {
  margin: 1px 8px 0 0;
  float: left;
}

/* Heading smalls */
h1 small.display-block,
.h1 small.display-block,
h1 .small.display-block,
.h1 .small.display-block {
  margin-top: 8px;
  margin-bottom: 10px;
}

h2 small.display-block,
.h2 small.display-block,
h2 .small.display-block,
.h2 .small.display-block {
  margin-top: 8px;
  margin-bottom: 8px;
}

h3 small.display-block,
.h3 small.display-block,
h3 .small.display-block,
.h3 .small.display-block {
  margin-top: 8px;
  margin-bottom: 8px;
}

h4 small.display-block,
.h4 small.display-block,
h4 .small.display-block,
.h4 .small.display-block {
  margin-top: 8px;
  margin-bottom: 8px;
}

h5 small.display-block,
.h5 small.display-block,
h5 .small.display-block,
.h5 .small.display-block {
  margin-top: 8px;
  margin-bottom: 8px;
}

h6 small.display-block,
.h6 small.display-block,
h6 .small.display-block,
.h6 .small.display-block {
  margin-top: 6px;
  margin-bottom: 8px;
}

/*===== Lists =====*/
ul, ol {
  padding-left: 16px;
}

ul.square,
ol.square {
  list-style-type: square;
  margin: 0;
  padding-left: 26px;
}

ul.icons-list {
  list-style-type: none;
  margin-left: 0;
  margin-bottom: 0;
  padding-left: 10px;
}

ul.icons-list > li {
  margin-top: 6px;
}

ul.icons-list > li i {
  float: left;
  margin: 0 6px 0 0;
}

ul.icons-list > li > ul {
  margin: 0;
  padding-left: 40px;
}

ul.icons-list li ul li:first-child {
  margin-top: 6px;
}

ul.icons-list > li:first-child {
  margin-top: 0;
}

dl {
  margin-bottom: 0;
}

dt {
  font-weight: 600;
}

dd + dt {
  margin-top: 10px;
}

/*===== Text styles and colors =====*/
.text-primary {
  color: #428bca;
}

.text-warning {
  color: #c7845e;
}

.text-danger {
  color: #d65c4f;
}

.text-success {
  color: #239169;
}

.text-info {
  color: #428bca;
}

.text-semibold {
  font-weight: 600;
}

.text-smaller {
  font-size: 11px;
}

.display-block {
  display: block;
}

.position-relative {
  position: relative;
}

/*===== Other typography =====*/
.heading-hr {
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 8px;
  margin-bottom: 20px;
}

small.display-block {
  margin-top: 4px;
}

.img-media {
  height: 40px;
  border-radius: 2px;
}

label {
  font-weight: 600;
}

code {
  background-color: #fefefe;
  border: 1px solid #dddddd;
  border-radius: 2px;
  font-weight: 400;
  white-space: normal;
}

pre {
  border-radius: 0;
  background-color: #fcfcfc;
}

blockquote {
  padding: 0 0 0 15px;
  margin: 0;
  font-size: 14px;
  border-left-color: #65b688;
}

/* # General layout
================================================== */
/*===== Containers =====*/
.container-fluid,
.container {
  position: relative;
}

.container {
  padding-left: 0;
  padding-right: 0;
}

.container-fluid {
  padding-right: 25px;
  padding-left: 25px;
}

.page-container {
  background-color: white;
}

/*===== Adding vertical spacing to responsive grid =====*/
@media (max-width: 767px) {
  [class*="col-sm-"] + [class*="col-sm-"] {
    margin-top: 20px;
  }

  label[class*="col-sm-"] + [class*="col-sm-"] {
    margin-top: 0;
  }

  [class*="col-sm-"] + [class*="col-xs-"],
  [class*="col-sm-"] + [class*="col-md-"],
  [class*="col-sm-"] + [class*="col-lg-"] {
    margin-top: 0;
  }

  .form-horizontal label[class*="col-sm-"] {
    padding-top: 0;
  }
}
@media (max-width: 991px) {
  [class*="col-md-"] + [class*="col-md-"] {
    margin-top: 20px;
  }

  label[class*="col-md-"] + [class*="col-md-"] {
    margin-top: 0;
  }

  [class*="col-md-"] + [class*="col-xs-"],
  [class*="col-md-"] + [class*="col-sm-"],
  [class*="col-md-"] + [class*="col-lg-"] {
    margin-top: 0;
  }

  .form-horizontal label[class*="col-md-"] {
    padding-top: 0;
  }
}
@media (max-width: 1199px) {
  [class*="col-lg-"] + [class*="col-lg-"] {
    margin-top: 20px;
  }

  label[class*="col-lg-"] + [class*="col-lg-"] {
    margin-top: 0;
  }

  [class*="col-lg-"] + [class*="col-xs-"],
  [class*="col-lg-"] + [class*="col-sm-"],
  [class*="col-lg-"] + [class*="col-md-"] {
    margin-top: 0;
  }

  .form-horizontal label[class*="col-lg-"] {
    padding-top: 0;
  }
}
/* # Navbar and navbar elements
================================================== */
/*===== Navbar styles =====*/
.navbar {
  z-index: 1000;
  min-height: 54px;
  border-radius: 0;
  margin: 0;
  border: 0;
}

.navbar-fixed {
  padding-top: 54px;
}

.navbar-fixed-top,
.navbar-fixed-bottom {
  position: fixed;
}

/*===== Default navbar =====*/
.navbar-default {
  background-color: #fafafa;
  border-bottom: 1px solid #e5e5e5;
  border-color: #e5e5e5;
}

.navbar-default .navbar-nav > li {
  border-color: rgba(0, 0, 0, 0.1);
}

.navbar-default .navbar-nav > li > a {
  color: #333333;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  background-color: rgba(0, 0, 0, 0.02);
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  background-color: rgba(0, 0, 0, 0.05);
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  background-color: #eeeeee;
}

.navbar-default .sidebar-toggle {
  background-color: rgba(0, 0, 0, 0.4);
}

.navbar-default .sidebar-toggle:hover,
.navbar-default .sidebar-toggle:focus {
  background-color: rgba(0, 0, 0, 0.5);
}

/*===== Inversed navbar =====*/
.navbar-inverse {
  background-color: #4fa2c2;
}

.navbar-inverse .navbar-nav > li > a {
  color: white;
}

.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
  background-color: rgba(0, 0, 0, 0.03);
  box-shadow: 1px 0 0 rgba(0, 0, 0, 0.05) inset, -1px 0 0 rgba(0, 0, 0, 0.05) inset;
  -webkit-box-shadow: 1px 0 0 rgba(0, 0, 0, 0.05) inset, -1px 0 0 rgba(0, 0, 0, 0.05) inset;
  -moz-box-shadow: 1px 0 0 rgba(0, 0, 0, 0.05) inset, -1px 0 0 rgba(0, 0, 0, 0.05) inset;
}

.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
  background-color: rgba(0, 0, 0, 0.06);
}

.navbar-inverse .navbar-nav > .disabled > a,
.navbar-inverse .navbar-nav > .disabled > a:hover,
.navbar-inverse .navbar-nav > .disabled > a:focus {
  color: white;
  background-color: transparent;
  opacity: 0.4;
}

.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
  background-color: rgba(0, 0, 0, 0.06);
  box-shadow: 1px 0 0 rgba(0, 0, 0, 0.05) inset, -1px 0 0 rgba(0, 0, 0, 0.05) inset;
  -webkit-box-shadow: 1px 0 0 rgba(0, 0, 0, 0.05) inset, -1px 0 0 rgba(0, 0, 0, 0.05) inset;
  -moz-box-shadow: 1px 0 0 rgba(0, 0, 0, 0.05) inset, -1px 0 0 rgba(0, 0, 0, 0.05) inset;
}

.navbar-inverse .navbar-nav > li > a > .label {
  background-color: rgba(0, 0, 0, 0.5);
}

.navbar-inverse .navbar-nav > li > a .caret {
  border-top-color: white;
  border-bottom-color: white;
}

.navbar-inverse .navbar-brand,
.navbar-inverse .navbar-text,
.navbar-inverse .navbar-link {
  color: white;
}

@media (min-width: 768px) {
  .navbar > .container .navbar-brand,
  .navbar > .container-fluid .navbar-brand {
    margin-left: 0;
  }
}
/*===== Navbar nav =====*/
.navbar-nav {
  margin: 0;
}

.navbar-nav.navbar-right:last-child {
  margin-right: 25px;
}

.navbar-nav > li {
  border-right: 1px solid rgba(255, 255, 255, 0.1);
  border-left: 0;
  font-size: 12px;
  display: inline-block;
}

.navbar-nav > li:first-child {
  border-left: 1px solid rgba(255, 255, 255, 0.1);
}

.navbar-nav > li > .dropdown-menu {
  margin-top: 10px;
  border-radius: 2px;
}

.navbar-nav > li > a {
  padding-top: 17px;
  padding-bottom: 17px;
  height: 54px;
}

.navbar-nav > li > a > .label {
  padding: 3px 6px 4px 6px;
  float: right;
  margin-left: 4px;
}

.navbar-nav > li > a > [class*="icon-"] {
  float: left;
  margin: 2px 4px;
  line-height: 1;
}

@media (max-width: 991px) {
  .navbar-nav {
    text-align: center;
    font-size: 0;
    float: none;
  }

  .navbar-nav > li {
    float: none;
  }

  .navbar-left,
  .navbar-right {
    float: none !important;
  }
}
/*===== Navbar elements =====*/
/* Navbar header */
.navbar-header {
  position: relative;
  min-width: 203px;
  margin-left: 25px;
  margin-right: 15px;
}

.container .navbar-header {
  min-width: 240px;
}

.container > .navbar-header,
.container-fluid > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-collapse {
  margin-right: 0;
  margin-left: 0;
}

/* Navbar brand */
.navbar-brand {
  height: 54px;
  padding: 14px 15px 0 0;
}

/* Navbar collapse */
.navbar-collapse {
  padding: 0;
}

/* Navbar form */
.navbar-form {
  padding: 0;
  margin: 10px 15px;
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.navbar-form .form-group {
  margin-top: 0 !important;
}

.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
  border-bottom-color: rgba(255, 255, 255, 0.1);
}

.navbar-inverse .navbar-form .form-control {
  border: 0;
  border-radius: 2px;
}

/* Navbar button */
.navbar-btn {
  margin: 10px 15px;
}

/* Navbar text */
.navbar-text {
  margin-top: 18px;
  margin-bottom: 19px;
  font-size: 12px;
  text-align: left;
}

.navbar-text i {
  float: left;
  margin-right: 6px;
}

/* Navbar toggle */
.navbar-toggle {
  display: block;
  float: right;
  color: white;
  border: 0;
  padding: 6px 7px 7px 7px;
  line-height: 1;
  background-color: rgba(0, 0, 0, 0.2);
  margin: 12px 0 12px 10px;
  border-radius: 0;
}

.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #3a4b55;
}

/* Navbar user dropdown styles */
.user.dropdown {
  vertical-align: top;
}

.user.dropdown > a {
  padding-top: 7px;
  padding-bottom: 7px;
}

.user.dropdown > a > img {
  float: left;
  margin: 4px 0;
  max-height: 32px;
}

.user.dropdown > a > span {
  display: inline-block;
  margin: 10px 0 10px 8px;
}

@media (min-width: 992px) {
  .navbar-form,
  .navbar-text,
  .navbar-nav,
  .navbar-button,
  .sidebar {
    display: block;
  }

  .navbar-toggle {
    display: none;
  }
}
@media (max-width: 991px) {
  .navbar-header {
    float: none;
    margin-right: 25px;
  }

  .navbar-nav {
    text-align: center;
    font-size: 0;
  }

  .navbar-inverse .navbar-nav {
    background-color: #303d44;
  }

  .navbar-default .navbar-nav {
    background-color: #f2f2f2;
  }

  .navbar-nav > li {
    float: none;
    position: static;
    border: 0;
  }

  .navbar-nav > li:first-child {
    border-left: 0;
  }

  .navbar-nav > li > .dropdown-menu {
    width: 60%;
    margin: 2px 20%;
  }

  .navbar-inverse .navbar-nav > li > a:hover,
  .navbar-inverse .navbar-nav > li > a:focus,
  .navbar-inverse .navbar-nav > .open > a,
  .navbar-inverse .navbar-nav > .open > a:hover,
  .navbar-inverse .navbar-nav > .open > a:focus {
    background-color: rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset;
  }

  .navbar-nav .dropdown-menu .popup-header:after,
  .navbar-nav .dropdown-menu > li:first-child:after,
  .navbar-nav .dropdown-menu > li:first-child:before {
    content: "";
    border: 0;
  }

  .navbar-nav.navbar-right:last-child {
    margin-right: 0;
  }

  .navbar-form {
    margin: 0;
    text-align: center;
  }

  .navbar-inverse .navbar-form,
  .navbar-inverse .navbar-nav {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  }

  .navbar-default .navbar-form,
  .navbar-default .navbar-nav {
    border-top: 1px solid #e5e5e5;
  }

  .navbar-form .btn {
    margin: 15px 15px 15px 0;
  }

  .navbar-form .form-group {
    padding: 15px;
    margin-bottom: 0;
    display: inline-block;
    vertical-align: middle;
  }

  .navbar-text {
    padding: 0 15px;
  }

  .navbar-inverse .navbar-form {
    background-color: #3a4b55;
  }

  .navbar-default .navbar-form {
    background-color: #f2f2f2;
  }
}
@media (max-width: 768px) {
  .container > .navbar-header,
  .container-fluid > .navbar-header,
  .container > .navbar-collapse,
  .container-fluid > .navbar-collapse,
  .navbar-header {
    margin: 0 15px;
  }

  .navbar-nav > li > .dropdown-menu,
  .navbar-nav .open .dropdown-menu,
  .navbar-nav .open .dropdown-menu {
    position: absolute;
    float: none;
    width: 90%;
    margin: 5px 5% 0 5%;
    background-color: white;
    border: 1px solid #cccccc;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
  }

  .navbar-nav .open .dropdown-menu > li > a,
  .navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 10px 12px 11px 12px;
    line-height: 1.42857143;
  }

  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #333333;
  }

  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
    background-color: #3a4b55;
    box-shadow: 1px 0 0 #3a4b55, -1px 0 0 #3a4b55;
    -webkit-box-shadow: 1px 0 0 #3a4b55, -1px 0 0 #3a4b55;
    -moz-box-shadow: 1px 0 0 #3a4b55, -1px 0 0 #3a4b55;
  }
}
/* # Bootstrap navs
================================================== */
/*===== General navs =====*/
.nav > li > a:hover, .nav > li > a:focus {
  background-color: rgba(0, 0, 0, 0.03);
}

.nav .caret {
  border-top-color: #444444;
  border-bottom-color: #444444;
}

.nav a:hover .caret {
  border-top-color: #555555;
  border-bottom-color: #555555;
}

.nav > li > a {
  cursor: pointer;
}

.nav > li > a:hover,
.nav > li > a:focus {
  background-color: rgba(0, 0, 0, 0.03);
}

.nav-justified > li > a {
  margin-bottom: 0;
}

/*===== Nav list =====*/
.nav-list {
  background-color: #fcfcfc;
  border-bottom: 1px solid #e5e5e5;
  border-radius: 0 0 2px 2px;
}

.nav-list > li {
  border-left: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
}

.nav-list > li > a {
  padding: 10px 14px 11px 14px;
}

.nav-list > li.nav-header {
  padding: 9px 14px 10px 14px;
  background-color: #50626d;
  border-color: #50626d;
  color: white;
  border-radius: 2px 2px 0 0;
}

.nav-list + .nav-list {
  margin-top: 35px;
}

.nav-list > li .label {
  margin: -3px -4px -3px 0;
  float: right;
}

.nav-list > li > i,
.nav-list > li > a > i {
  float: left;
  margin-right: 6px;
}

.nav-list > li > a > i {
  color: #333333;
}

.nav-list > li.nav-header i {
  margin-right: 0;
  float: right;
}

/*===== List groups =====*/
.list-group {
  margin-bottom: 0;
}

.list-group-item {
  padding: 11px 12px;
}

.list-group-item i {
  float: left;
  margin-right: 8px;
}

.list-group-item .btn {
  position: absolute;
  top: 3px;
  right: 3px;
}

.list-group-item.has-button {
  padding-right: 36px;
}

.list-group-item:first-child {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}

.list-group-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
}

.list-group-item > .badge,
.list-group-item > .label {
  float: right;
  margin-top: -3px;
}

.list-group-item > .label + .label {
  margin-right: 5px;
}

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

a.list-group-item.active,
a.list-group-item.active:hover,
a.list-group-item.active:focus {
  background-color: #3ca2bb;
  border-color: #3ca2bb;
}

/* Success */
.list-group-item-success {
  color: #2d552d;
  background-color: #f5faf4;
}

a.list-group-item-success {
  color: #2d552d;
}

a.list-group-item-success:hover,
a.list-group-item-success:focus {
  color: #2d552d;
  background-color: #ecf6ea;
}

a.list-group-item-success.active,
a.list-group-item-success.active:hover,
a.list-group-item-success.active:focus {
  background-color: #65b688;
  border-color: #65b688;
}

/* Danger */
.list-group-item-danger {
  color: #923e3c;
  background-color: #fdf5f5;
}

a.list-group-item-danger {
  color: #923e3c;
}

a.list-group-item-danger:hover,
a.list-group-item-danger:focus {
  color: #923e3c;
  background-color: #f8efef;
}

a.list-group-item-danger.active,
a.list-group-item-danger.active:hover,
a.list-group-item-danger.active:focus {
  background-color: #d65c4f;
  border-color: #d65c4f;
}

/* Warning */
.list-group-item-warning {
  color: #725a32;
  background-color: #fffdf0;
}

a.list-group-item-warning {
  color: #725a32;
}

a.list-group-item-warning:hover,
a.list-group-item-warning:focus {
  color: #725a32;
  background-color: #faf8e9;
}

a.list-group-item-warning.active,
a.list-group-item-warning.active:hover,
a.list-group-item-warning.active:focus {
  background-color: #ee8366;
  border-color: #ee8366;
}

/* Info */
.list-group-item-info {
  color: #426a7e;
  background-color: #f5fbfd;
}

a.list-group-item-info {
  color: #426a7e;
}

a.list-group-item-info:hover,
a.list-group-item-info:focus {
  color: #426a7e;
  background-color: #ecf6fa;
}

a.list-group-item-info.active,
a.list-group-item-info.active:hover,
a.list-group-item-info.active:focus {
  background-color: #3ca2bb;
  border-color: #3ca2bb;
}

/*===== Nav tabs =====*/
.nav-tabs > li > a {
  margin-right: -1px;
  border-radius: 0;
  font-weight: 600;
  color: #333333;
  padding: 11px 14px 12px 14px;
}

.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus {
  border-color: #e5e5e5;
  color: #676767;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  background-color: #fefefe;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #428bca;
  border-top-color: #d65c4f;
}

.nav-tabs > li > a > i {
  float: left;
  margin: 0px 6px 0 0;
}

.nav-tabs > li > a .label {
  margin: -5px -5px -5px 5px;
}

.nav-tabs > li > a .label-text {
  font-weight: 700;
  font-size: 11px;
  margin-left: 4px;
}

.nav-tabs .open > a,
.nav-tabs .open > a:hover,
.nav-tabs .open > a:focus {
  background-color: #fcfcfc;
  border-color: #dddddd;
  color: #428bca;
}

.nav-tabs .dropdown-menu {
  margin-top: 10px;
}

/* Toolbar tabs */
.nav-tabs.toolbar-tabs {
  margin: -1px -1px 0 -1px;
}

/* Img inside tab */
.nav .tab-img {
  width: 20px;
  height: 20px;
  float: left;
  margin-right: 6px;
  margin-top: -2px;
}

/* Justified tabs */
.nav-tabs.nav-justified > li > a {
  border-bottom: 1px solid #dddddd;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: -1px;
  border-radius: 0;
}

.nav-tabs.nav-justified > li:first-child > a {
  margin-left: 0;
}

.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
  border-top-color: #d65c4f;
  border-bottom-color: white;
}

/* Page tabs */
.page-tabs > .nav-tabs, .page-tabs > .nav-pills {
  margin-bottom: 35px;
}

.page-tabs > .tab-content {
  border: 0;
}

/* Tab and pill content */
.tab-content {
  border: 1px solid #dddddd;
  border-top: 0;
  background-color: white;
}

.panel > .tabbable > .tab-content {
  border: 0;
}

.modal .tab-content {
  border: 0;
  padding-top: 20px;
}

.pill-content {
  border: 0;
  margin-top: 16px;
}

@media (max-width: 767px) {
  .nav-tabs.nav-justified > li > a {
    margin-left: 0;
    border: 1px solid #dddddd;
  }

  .nav-tabs.nav-justified > .active > a,
  .nav-tabs.nav-justified > .active > a:hover,
  .nav-tabs.nav-justified > .active > a:focus {
    border-bottom-color: #dddddd;
  }
}
@media (max-width: 480px) {
  .nav-tabs > li {
    float: none;
  }

  .nav-tabs > li.pull-right {
    float: none !important;
  }

  .nav-tabs > li > a {
    border: 1px solid #dddddd;
    margin-right: 0;
  }

  .nav-tabs > li.active > a,
  .nav-tabs > li.active > a:hover,
  .nav-tabs > li.active > a:focus {
    border-bottom-color: #dddddd;
  }
}
/*===== Nav pills =====*/
.nav-pills > li > a {
  color: #333333;
  padding: 9px 14px 10px 14px;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  background-color: white;
  border: 1px solid #dddddd;
  font-weight: 600;
}

.nav-pills > li > a:hover,
.nav-pills > li > a:focus {
  background-color: #fcfcfc;
  box-shadow: none;
}

.nav-pills > li > a > i {
  float: left;
  margin: 0px 6px 0 0;
}

.nav-pills > li > a > i.pull-right {
  margin: 0px -6px 0 0;
}

.nav-pills > li > a .label {
  margin: -5px -8px -5px 8px;
}

.nav-pills > li.active > a .label {
  background-color: #444444;
}

.nav-pills.nav-justified > li > a .label {
  float: right;
  margin: -3px -8px -3px 8px;
}

.nav-pills .open > a,
.nav-pills .open > a:hover,
.nav-pills .open > a:focus {
  color: white;
  background-color: #3ca2bb;
  border-color: #3ca2bb;
}

.nav-pills .open a .caret,
.nav-pills .open a:hover .caret,
.nav-pills > li.active .caret {
  border-top-color: white;
  border-bottom-color: white;
}

.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  background-color: #3ca2bb;
  border-color: #3ca2bb;
}

.nav-pills > li > a:after {
  position: absolute;
  bottom: 7px;
  left: 50%;
  margin-left: -7px;
  border-color: transparent;
  content: '';
}

.nav-pills > li.active > a:after {
  position: absolute;
  bottom: -7px;
  left: 50%;
  margin-left: -7px;
  display: block;
  border-right: 7px solid rgba(0, 0, 0, 0);
  border-top: 7px solid #3ca2bb;
  border-left: 7px solid rgba(0, 0, 0, 0);
  content: '';
}

/* Justified pills */
.nav-pills.nav-justified > li > a {
  margin-left: 4px;
  text-align: left;
}

.nav-pills.nav-justified > li:first-child > a {
  margin-left: 0;
}

.nav-pills.nav-justified > li > a:after,
.nav-pills.nav-justified > li.active > a:after {
  left: 15px;
  margin-left: 0;
}

.nav-pills.nav-justified .dropdown-menu {
  margin-left: 4px;
}

.nav-pills.nav-justified .dropdown-menu.dropdown-menu-right {
  margin-right: 4px;
}

/* Stacked pills */
.nav-pills.nav-stacked > li.active > a:after {
  border: 0;
}

@media (max-width: 767px) {
  .nav-pills.nav-justified > li + li {
    margin-left: 0;
    margin-top: 2px;
  }

  .nav-pills.nav-justified > li > a {
    margin-left: 0;
  }

  .nav-pills.nav-justified > li.active > a:after {
    content: "";
    border: 0;
  }

  .nav-pills.nav-justified .dropdown-menu {
    margin-left: 0;
  }
}
@media (max-width: 480px) {
  .nav-pills > li {
    float: none;
  }

  .nav-pills > li + li {
    margin-left: 0;
    margin-top: 2px;
  }

  .nav-pills > li.active > a:after {
    content: "";
    border: 0;
  }
}
/*===== Page header and elements =====*/
/* Page header */
.page-header {
  padding: 0;
  margin: 0;
  position: relative;
  border: 0;
}

.page-header small {
  display: block;
  font-size: 11px;
  color: #999999;
  margin: 8px 0 0 0;
}

.page-title {
  float: left;
}

.page-title h3 {
  padding: 29px 0;
  margin: 0;
  font-weight: 400;
  line-height: 20px;
}

/* Page header progress bar */
.page-header .progress {
  width: 200px;
}

.page-header .progress-micro {
  width: auto;
}

.header-progress {
  margin: 38px 0;
  float: right;
  z-index: 10;
}

.header-progress span {
  font-weight: 600;
  float: left;
  margin: 1px 12px 0 0;
  font-size: 11px;
}

/* Page header search */
.header-search {
  width: 250px;
  margin: 31px 0;
  float: right;
  z-index: 10;
}

/* Page header buttons */
.header-buttons {
  float: right;
  margin: 31px 0;
  z-index: 10;
}

.header-buttons .well,
.header-progress .well,
.header-statistics .well,
.header-search .well,
.header-info-buttons .well,
.header-select .well,
.header-bar-stats .well {
  padding: 0;
  background: none;
  border: 0;
}

.header-element-toggle {
  position: absolute;
  top: 26px;
  right: 0;
}

/* Page header statistics */
.header-statistics {
  float: right;
  z-index: 10;
}

.header-statistics .statistics > li {
  margin-top: 25px;
  margin-bottom: 25px;
  margin-right: 0;
  margin-left: 25px;
}

.header-statistics .statistics > li:first-child {
  margin-left: 0;
}

.header-statistics .statistics-info {
  margin-bottom: 6px;
}

.header-statistics .statistics-info > a > i {
  padding: 4px;
  font-size: 14px;
}

.header-statistics .statistics-info > strong {
  margin-top: -1px;
}

.header-statistics .statistics > li > span {
  margin-top: 6px;
  text-transform: none;
}

/* Page header info buttons */
.header-info-buttons {
  float: right;
  z-index: 10;
}

.header-info-buttons .info-buttons {
  list-style: none;
  padding: 0;
  margin: 0;
}

.header-info-buttons .info-buttons li {
  float: left;
  margin-left: 15px;
}

.header-info-buttons .info-buttons li:first-child {
  margin-left: 0;
}

.header-info-buttons .info-buttons a strong {
  padding: 3px 5px;
}

.header-info-buttons .info-buttons a {
  white-space: nowrap;
  padding: 8px 14px;
  margin: 21px 0;
}

.header-info-buttons .info-buttons a i {
  font-size: 16px;
}

.header-info-buttons .info-buttons a span {
  margin-top: 6px;
  font-size: 11px;
  line-height: 14px;
  margin-bottom: 0;
}

/* Page header select */
.header-select {
  margin-top: 31px;
  float: right;
  z-index: 10;
}

.header-select label {
  margin: 7px 16px 0 0;
  float: left;
}

/* Page header bar stats */
.header-bar-stats {
  float: right;
  margin: 27px 0;
  z-index: 10;
  text-align: center;
}

.header-bar-stats .page-stats li {
  padding: 0 0 0 30px;
  border: 0;
  padding: 0 0 0 30px;
}

.header-bar-stats .page-stats li:first-child {
  padding: 0;
}

.header-bar-stats .page-stats {
  margin-bottom: 0;
}

@media (min-width: 768px) {
  .header-buttons > div,
  .header-progress > div,
  .header-statistics > div,
  .header-search > div,
  .header-info-buttons > div,
  .header-select > div,
  .header-bar-stats > div {
    display: block;
  }
}
@media (max-width: 767px) {
  .page-header .page-title {
    float: none;
    padding-right: 40px;
  }

  .page-header .page-title h3 {
    font-size: 18px;
    padding: 25px 0;
  }

  .page-header h3 small {
    margin-top: 6px;
  }

  .header-progress {
    margin: 0;
    float: right;
    width: 100%;
  }

  .header-progress .progress {
    width: auto;
  }

  .header-statistics {
    width: 100%;
  }

  .header-statistics .statistics > li {
    margin: 0 10px;
  }

  .header-search,
  .header-buttons,
  .header-info-buttons,
  .header-select {
    width: 100%;
  }

  .header-info-buttons .info-buttons {
    text-align: center;
  }

  .header-info-buttons .info-buttons li {
    float: none;
    display: inline-block;
  }

  .header-info-buttons .info-buttons a {
    margin: 0;
  }

  .header-select {
    text-align: center;
  }

  .header-select label {
    margin: 0 8px 5px 0;
    float: none;
  }

  .header-bar-stats {
    margin: 0;
    width: 100%;
    line-height: 1;
  }

  .header-bar-stats .page-stats li {
    line-height: 1.42857143;
  }

  .header-buttons,
  .header-progress,
  .header-statistics,
  .header-search,
  .header-info-buttons,
  .header-select,
  .header-bar-stats {
    position: absolute;
    right: 0;
    top: 70px;
    margin: 0;
  }

  .header-buttons .well,
  .header-progress .well,
  .header-statistics .well,
  .header-search .well,
  .header-info-buttons .well,
  .header-select .well,
  .header-bar-stats .well {
    padding: 12px;
    background-color: #fcfcfc;
    border: 1px solid #e5e5e5;
    text-align: center;
  }
}
@media (max-width: 480px) {
  .header-statistics .statistics > li {
    margin: 20px 0 0 0;
  }

  .header-statistics .statistics > li:first-child {
    margin-top: 0;
  }

  .header-bar-stats .page-stats li {
    padding: 20px 0 0 0;
    display: block;
  }

  .header-bar-stats .page-stats li:first-child {
    padding-top: 0;
  }

  .header-info-buttons .info-buttons li {
    display: block;
    margin: 10px 0 0 0;
  }

  .header-info-buttons .info-buttons li:first-child {
    margin-top: 0;
  }
}
/*===== Breadcrumb =====*/
.breadcrumb {
  padding: 9px 12px 10px 12px;
  float: left;
  margin: 0;
  background: none;
  border-radius: 0;
}

.breadcrumb > li {
  font-weight: 600;
}

.breadcrumb > li:first-child > a {
  background: url(/images/interface/breadcrumb_home.png) no-repeat 0;
  padding-left: 16px;
}

.breadcrumb > li > a {
  color: #444444;
}

@media (max-width: 767px) {
  .breadcrumb {
    padding-right: 40px;
    background-color: #fcfcfc;
    border: 1px solid #e5e5e5;
    float: none;
  }
}
/*===== Labels and badges =====*/
/* Labels */
.label {
  display: inline-block;
  font-size: 11px;
  padding: 5px 8px 6px 8px;
  line-height: 13px;
  font-weight: 600;
  color: white;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
}

.label-block {
  margin-top: 6px;
  display: block;
}

.label-block.text-left {
  text-align: left;
}

.label-block.text-right {
  text-align: right;
}

.label-default {
  background-color: #999999;
}

.label-default[href]:hover,
.label-default[href]:focus {
  background-color: gray;
}

.label-primary {
  background-color: #445661;
}

.label-primary[href]:hover,
.label-primary[href]:focus {
  background-color: #3071a9;
}

.label-success {
  background-color: #65b688;
}

.label-success[href]:hover,
.label-success[href]:focus {
  background-color: #449d44;
}

.label-info {
  background-color: #3ca2bb;
}

.label-info[href]:hover,
.label-info[href]:focus {
  background-color: #31b0d5;
}

.label-warning {
  background-color: #e7804f;
}

.label-warning[href]:hover,
.label-warning[href]:focus {
  background-color: #ec971f;
}

.label-danger {
  background-color: #d65c4f;
}

.label-danger[href]:hover,
.label-danger[href]:focus {
  background-color: #c9302c;
}

/* Badge */
.badge {
  padding: 6px 10px 7px 10px;
  font-weight: 600;
  background-color: #445661;
  border-radius: 100px;
  font-size: 11px;
}

/*===== Dropdown menu =====*/
.dropdown-menu {
  margin: 10px 0 0 0;
  text-align: left;
  padding: 0;
  font-size: 12px;
  border: 1px solid #cccccc;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
}

.dropdown-menu.dropdown-menu-right {
  right: -1px;
}

.dropdown-menu > li > a {
  padding: 10px 12px 11px 12px;
  text-align: left;
  font-weight: 600;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  outline: 0;
  color: white;
  background-color: #3a4b55;
  box-shadow: 1px 0 0 #3a4b55, -1px 0 0 #3a4b55;
  -webkit-box-shadow: 1px 0 0 #3a4b55, -1px 0 0 #3a4b55;
  -moz-box-shadow: 1px 0 0 #3a4b55, -1px 0 0 #3a4b55;
}

.dropdown-menu > li > a .label {
  float: right;
  margin-top: -2px;
  margin-right: -5px;
}

.dropdown-menu > li > a:hover .label,
.dropdown-menu > li.active > a:hover .label {
  background-color: rgba(0, 0, 0, 0.5);
}

.dropdown-menu > li > a > i,
.dropdown-menu > li > a > img {
  opacity: 0.4;
  color: #505050;
  float: left;
  margin-right: 8px;
}

.dropdown-menu > li > a > img {
  margin-top: 3px;
}

.dropdown-menu > li > a:hover > i,
.dropdown-menu > li > a:hover > img {
  color: white;
  opacity: 1;
}

.dropdown-menu > li {
  position: relative;
}

.dropdown-menu > li:first-child {
  margin-top: -1px;
}

.dropdown-menu > li:last-child {
  margin-bottom: -1px;
}

.dropdown-menu.icons-right > li > a > i {
  float: right;
  margin-left: 8px;
  margin-right: 0;
}

.dropdown-menu > li:first-child > a {
  border-radius: 2px 2px 0 0;
  -webkit-border-radius: 2px 2px 0 0;
  -moz-border-radius: 2px 2px 0 0;
}

.dropdown-menu > li:last-child > a {
  border-radius: 0 0 2px 2px;
  -webkit-border-radius: 0 0 2px 2px;
  -moz-border-radius: 0 0 2px 2px;
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  background-color: #65b688;
  box-shadow: 1px 0 0 #65b688, -1px 0 0 #65b688;
  -webkit-box-shadow: 1px 0 0 #65b688, -1px 0 0 #65b688;
  -moz-box-shadow: 1px 0 0 #65b688, -1px 0 0 #65b688;
}

.dropdown-menu > .active > a > img,
.dropdown-menu > .active > a:hover > img,
.dropdown-menu > .active > a:focus > img,
.dropdown-menu > .active > a > i,
.dropdown-menu > .active > a:hover > i,
.dropdown-menu > .active > a:focus > i {
  opacity: 1;
  color: white;
}

.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  box-shadow: none;
}

.dropdown-menu > .disabled > a > img,
.dropdown-menu > .disabled > a:hover > img,
.dropdown-menu > .disabled > a:focus > img,
.dropdown-menu > .disabled > a i,
.dropdown-menu > .disabled > a:hover i,
.dropdown-menu > .disabled > a:focus i {
  color: #999999;
  opacity: 0.4;
}

.dropdown-menu-right {
  right: -1px;
}

.dropdown-menu-left {
  left: -1px;
}

.dropdown-header {
  padding: 11px 12px 12px 12px;
  font-size: 11px;
  text-transform: uppercase;
  font-weight: 600;
}

.pull-right > .dropdown-menu {
  right: -1px;
}

.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  margin-bottom: 10px;
}

/* Dropdown submenu */
.dropdown-submenu:hover > a,
.dropdown-submenu:focus > a {
  text-decoration: none;
  color: white;
  background-color: #3a4b55;
  box-shadow: 1px 0 0 #3a4b55, -1px 0 0 #3a4b55;
}

.dropdown-submenu > .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: 0;
  margin-left: 0;
  -webkit-border-radius: 0 2px 2px 2px;
  -moz-border-radius: 0 2px 2px 2px;
  border-radius: 0 2px 2px 2px;
}

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

.dropup .dropdown-submenu > .dropdown-menu {
  top: auto;
  bottom: 0;
  margin-top: 0;
  margin-bottom: 0;
  -webkit-border-radius: 2px 2px 2px 0;
  -moz-border-radius: 2px 2px 2px 0;
  border-radius: 2px 2px 2px 0;
}

.dropdown-submenu > a:after {
  display: block;
  content: "";
  float: right;
  width: 0;
  height: 0;
  border-color: rgba(0, 0, 0, 0);
  border-style: solid;
  border-width: 3px 0 3px 3px;
  border-left-color: #999999;
  margin-top: 7px;
  margin-right: -4px;
}

.dropdown-submenu:hover > a:after {
  border-left-color: white;
}

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

.dropdown-submenu.pull-left > .dropdown-menu {
  left: -100%;
  margin-left: -2px;
  -webkit-border-radius: 2px 0 2px 2px;
  -moz-border-radius: 2px 0 2px 2px;
  border-radius: 2px 0 2px 2px;
}

.dropdown-submenu .dropdown-menu > li:first-child:before,
.dropdown-submenu .dropdown-menu > li:first-child:after,
.dropup .dropdown-submenu .dropdown-menu > li:last-child:before,
.dropup .dropdown-submenu .dropdown-menu > li:last-child:after {
  border: 0;
}

/* Dropdown arrows */
.dropdown-menu > li:first-child:before {
  position: absolute;
  top: -6px;
  left: 11px;
  display: inline-block;
  border-right: 7px solid rgba(0, 0, 0, 0);
  border-bottom: 7px solid #cccccc;
  border-left: 7px solid rgba(0, 0, 0, 0);
  content: '';
}

.dropdown-menu > li:first-child:after {
  position: absolute;
  top: -5px;
  left: 12px;
  display: inline-block;
  border-right: 6px solid rgba(0, 0, 0, 0);
  border-bottom: 6px solid white;
  border-left: 6px solid rgba(0, 0, 0, 0);
  content: '';
}

.dropdown-menu.dropdown-menu-right > li:first-child:before,
.dropup .dropdown-menu.dropdown-menu-right > li:first-child:before {
  left: auto;
  right: 13px;
}

.dropdown-menu.dropdown-menu-right > li:first-child:after,
.dropup .dropdown-menu.dropdown-menu-right > li:first-child:after {
  left: auto;
  right: 14px;
}

.dropup .dropdown-menu > li:last-child:before {
  position: absolute;
  bottom: -6px;
  left: 11px;
  display: inline-block;
  border-right: 7px solid rgba(0, 0, 0, 0);
  border-top: 7px solid #cccccc;
  border-left: 7px solid rgba(0, 0, 0, 0);
  content: '';
}

.dropup .dropdown-menu > li:last-child:after {
  position: absolute;
  bottom: -5px;
  left: 12px;
  display: inline-block;
  border-right: 6px solid rgba(0, 0, 0, 0);
  border-top: 6px solid white;
  border-left: 6px solid rgba(0, 0, 0, 0);
  content: '';
}

.dropup .dropdown-menu > li:first-child:before,
.dropup .dropdown-menu > li:first-child:after {
  border: 0;
}

.dropup .dropdown-menu.dropdown-menu-right > li:last-child:after {
  left: auto;
  right: 14px;
}

.dropup .dropdown-menu.dropdown-menu-right > li:last-child:before {
  left: auto;
  right: 13px;
}

.dropdown-menu > li:first-child:hover:after,
.dropdown-menu > li:first-child:hover:before {
  border-bottom-color: #3a4b55;
}

.dropup .dropdown-menu > li:last-child:hover:after,
.dropup .dropdown-menu > li:last-child:hover:before {
  border-top-color: #3a4b55;
}

.dropdown-menu > li.active:first-child:after,
.dropdown-menu > li.active:first-child:before {
  border-bottom-color: #65b688;
}

.dropup .dropdown-menu > li.active:last-child:after,
.dropup .dropdown-menu > li.active:last-child:before {
  border-top-color: #65b688;
}

.dropdown-menu > li.disabled:first-child:hover:after {
  border-bottom-color: white;
}

.dropdown-menu > li.disabled:first-child:hover:before {
  border-bottom-color: #cccccc;
}

.dropup .dropdown-menu > li.disabled:last-child:hover:after {
  border-top-color: white;
}

.dropup .dropdown-menu > li.disabled:last-child:hover:before {
  border-top-color: #cccccc;
}

.dropdown-menu > li.dropdown-header:first-child:hover:before {
  border-bottom-color: #cccccc;
}

.dropdown-menu > li.dropdown-header:first-child:hover:after {
  border-bottom-color: white;
}

.dropup .dropdown-menu > li.dropdown-header:last-child:hover:before {
  border-top-color: #cccccc;
}

.dropup .dropdown-menu > li.dropdown-header:last-child:hover:after {
  border-top-color: white;
}

/*===== Panels =====*/
.panel {
  border-radius: 2px;
  margin-bottom: 35px;
  box-shadow: none;
}

.panel .panel-body .panel:last-child {
  margin-bottom: 0;
}

.panel-heading {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  padding: 0;
  position: relative;
}

/* Panel footer */
.panel .panel-footer,
.task .panel-footer {
  border: 0;
  border-top: 1px solid #e5e5e5;
  border-radius: 0 0 2px 2px;
}

.panel-footer {
  background-color: #fcfcfc;
  padding: 0;
  border: 1px solid #dddddd;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
}

.panel-footer:after {
  content: "";
  display: table;
  clear: both;
}

.panel-footer .pull-left i {
  float: left;
  margin: 0 6px 0 0;
}

.panel-footer .pull-left > span {
  padding: 9px 12px 10px 12px;
  display: block;
  color: #777777;
}

@media (max-width: 767px) {
  .panel-footer {
    text-align: center;
  }

  .panel-footer > .pull-left {
    float: none !important;
  }

  .panel-footer > .pull-right {
    float: none !important;
  }
}
/* Panel heding buttons */
.panel-heading .btn, .panel-heading .btn-group {
  margin: 3px 3px 0 0;
}

.panel-heading .btn-link {
  margin-right: 0;
}

.panel-heading .btn-group .btn,
.panel-heading .btn-group .btn-sm,
.panel-heading .btn-group .btn-xs {
  margin: 0;
}

.panel-heading .btn-sm {
  margin: 4px 4px 0 0;
}

.panel-heading .btn-group .btn-sm {
  margin-top: 1px;
}

.panel-heading .btn-xs {
  margin: 5px 5px 0 0;
}

.panel-heading .btn-group .btn-xs {
  margin-top: 2px;
}

.panel .panel-heading .btn-default {
  border-color: #fcfcfc;
}

.panel-default .panel-heading .btn-default {
  border-color: #cccccc;
}

/* Panel heading icons */
.panel-icon {
  padding: 11px 12px;
  display: block;
  line-height: 1;
  color: #333333;
}

.panel-icons-group {
  float: right;
  margin-right: 2px;
}

.panel-icons-group .btn {
  float: left;
  margin-right: 0;
  margin-left: -8px;
}

.panel-default .panel-heading .panel-icon:hover {
  color: #777777;
}

/* Panel heading labels */
.panel-heading .label,
.panel-heading .badge {
  margin: 8px;
}

/* Panel title */
.panel-title {
  float: left;
  display: block;
  font-size: 12px;
  padding: 11px 12px 12px 12px;
}

.panel-title > i {
  float: left;
  margin: 0 8px 0 0;
}

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

/* Primary */
.panel-primary {
  border-color: #4c5d68;
}

.panel-primary > .panel-heading {
  color: white;
  background-color: #4c5d68;
  border-bottom: 0;
}

.panel-primary > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #4c5d68;
}

.panel-primary > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #4c5d68;
}

/* Success */
.panel-success {
  border-color: #65b688;
}

.panel-success > .panel-heading {
  color: white;
  background-color: #65b688;
  border-bottom: 0;
}

.panel-success > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #65b688;
}

.panel-success > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #65b688;
}

/* Warning */
.panel-warning {
  border-color: #db765b;
}

.panel-warning > .panel-heading {
  color: white;
  background-color: #db765b;
  border-bottom: 0;
}

.panel-warning > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #db765b;
}

.panel-warning > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #db765b;
}

/* Danger */
.panel-danger {
  border-color: #d65c4f;
}

.panel-danger > .panel-heading {
  color: white;
  background-color: #d65c4f;
  border-bottom: 0;
}

.panel-danger > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #d65c4f;
}

.panel-danger > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #d65c4f;
}

/* Info */
.panel-info {
  border-color: #3ca2bb;
}

.panel-info > .panel-heading {
  color: white;
  background-color: #3ca2bb;
  border-bottom: 0;
}

.panel-info > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #3ca2bb;
}

.panel-info > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #3ca2bb;
}

/* ===== Panel group ===== */
.panel-group {
  margin-bottom: 0;
}

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

.panel-group .panel + .panel {
  margin-top: 2px;
}

/* Panel trigger */
.panel-trigger {
  width: 100%;
  padding: 0;
}

.panel-trigger > a {
  width: 100%;
  display: block;
  padding: 10px 40px 10px 14px;
}

.panel-trigger > a:hover,
.panel-trigger > a:focus,
.panel-trigger.active > a {
  background-color: #fcfcfc;
}

.panel-trigger.active {
  color: #3d9ae4;
}

.panel-trigger > a:after {
  content: "";
  display: block;
  width: 15px;
  height: 15px;
  position: absolute;
  right: 12px;
  top: 11px;
  background-color: #546672;
  background-image: url(/images/interface/plus.png);
  background-repeat: no-repeat;
  background-position: 4px 4px;
}

.panel-trigger.active > a:after {
  content: "";
  background-color: #cccccc;
  background-image: url(/images/interface/minus.png);
}

/* ===== Panel toolbar ===== */
.panel-toolbar {
  border-bottom: 1px solid #dddddd;
  background-color: white;
  margin: 0;
  padding: 0;
}

.panel-toolbar .dropdown.open > a {
  background: white;
  color: #999999;
}

.panel-toolbar .dropdown.open > a .caret {
  border-top-color: #999999;
  border-bottom-color: #999999;
  outline: 0;
}

.panel-toolbar > li {
  display: block;
  float: left;
  border-right: 1px solid #dddddd;
}

.panel-toolbar > li > a {
  display: inline-block;
  white-space: nowrap;
  color: #555555;
  padding: 11px 14px;
  font-size: 12px;
  font-weight: 600;
}

.panel-toolbar > li > a:hover,
.panel-toolbar > li > a:focus {
  color: #428bca;
}

.panel-toolbar > li > a:active {
  background-color: #fcfcfc;
}

.panel-toolbar > li.active > a {
  background-color: white;
  color: #428bca;
}

.panel-toolbar > li > a > i {
  float: left;
  margin-right: 6px;
}

@media (max-width: 479px) {
  .panel-toolbar > li > a {
    text-indent: -9999px;
  }

  .panel-toolbar > li > a > i {
    text-indent: 0;
    margin-right: 0;
  }
}
/* # Forms
================================================== */
.form-group {
  margin-bottom: 20px;
}

.panel .form-group:first-child,
.well .form-group:first-child {
  margin-top: 5px;
}

.rtl-inputs [class*="col-"],
.rtl-inputs [class^="col-"] {
  float: right !important;
}

.form-control {
  padding: 7px 9px 8px 9px;
  font-size: 12px;
  border-color: #dddddd;
  box-shadow: none;
  border-radius: 0;
}

input[type=text],
input[type=password],
textarea {
  -webkit-appearance: none;
}

.form-control:focus {
  border-color: #d5d5d5;
  box-shadow: none;
}

.form-control + .form-control,
.input-group + .input-group {
  margin-top: 20px;
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  background-color: #fafafa;
}

.form-actions {
  margin-bottom: 5px;
}

/* Input icons */
.has-feedback .form-control-feedback {
  top: 22px;
  color: #999999;
}

.has-feedback-no-label .form-control-feedback {
  top: 0;
}

.has-feedback-left .form-control {
  padding-right: 0;
  padding-left: 32px;
}

.has-feedback-left .form-control-feedback {
  right: auto;
  left: 0;
}

.form-horizontal .has-feedback-left .form-control-feedback {
  right: 0;
  left: 15px;
}

/* Input sizing */
.input-sm {
  font-size: 11px;
  border-radius: 0;
}

.input-lg {
  height: 40px;
  padding: 10px 12px;
  font-size: 14px;
  border-radius: 0;
}

.help-block {
  margin-top: 7px;
  margin-bottom: 12px;
  color: #999999;
  font-size: 11px;
}

/* Form bordered layout */
.form-bordered .form-group {
  border-top: 1px solid #eeeeee;
  margin-bottom: 0;
  padding-top: 20px;
  padding-bottom: 20px;
}

.form-bordered .panel .form-group:first-child {
  border-top: 0;
  margin-top: 5px;
  padding-top: 0;
}

/* Form separate layout */
.form-separate .form-group {
  background-color: white;
  border: 1px solid #dddddd;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  margin: 0 0 20px 0;
  padding: 16px 14px;
}

.form-horizontal.form-separate .form-group {
  padding: 16px 0;
  margin-left: 0;
  margin-right: 0;
}

.form-horizontal.form-separate .radio-inline,
.form-horizontal.form-separate .checkbox-inline {
  padding-bottom: 7px;
}

.form-separate .form-group {
  background-color: #fefefe;
}

/* Form horizontal */
.form-horizontal .control-label,
.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
  margin-bottom: 5px;
}

.form-horizontal .control-label i {
  vertical-align: -2px;
  margin-right: 6px;
}

@media (min-width: 768px) {
  .form-horizontal .control-label {
    text-align: left;
  }

  .form-horizontal .control-label.text-right {
    text-align: right;
  }
}
/* Block inputs */
.radio.radio-block {
  display: block;
  cursor: pointer;
  padding: 12px 14px;
  margin-bottom: 0;
  margin-top: 0;
  background-color: #fcfcfc;
  border: 1px solid #dddddd;
  border-radius: 2px;
}

.radio-block + .radio-block {
  margin-top: 10px;
}

/* Error inputs */
.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error .form-control-feedback {
  color: #d65c4f;
}

.has-error .form-control,
.has-error .form-control:focus {
  border-color: #d65c4f;
  box-shadow: none;
}

/* Success inputs */
.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success .form-control-feedback {
  color: #239169;
}

.has-success .form-control,
.has-success .form-control:focus {
  border-color: #239169;
  box-shadow: none;
}

/* Warning inputs */
.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline,
.has-warning .form-control-feedback {
  color: #cc6e30;
}

.has-warning .form-control,
.has-warning .form-control:focus {
  border-color: #cc6e30;
  box-shadow: none;
}

/* ===== Input groups ===== */
.input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
  height: 40px;
  padding: 7px 12px;
  font-size: 14px;
  border-radius: 2px;
}

select.input-group-lg > .form-control,
select.input-group-lg > .input-group-addon,
select.input-group-lg > .input-group-btn > .btn {
  height: 40px;
  line-height: 40px;
}

/* Addons */
.input-group-addon {
  font-size: 12px;
  border-color: #dddddd;
  background-color: #fafafa;
  border-radius: 2px;
}

.input-group-addon > i {
  display: block;
}

.input-group-addon > label {
  margin: 0;
}

.input-group-addon .checker,
.input-group-addon .choice {
  margin: 0;
}

/* ===== Checkboxes, radios, selects ===== */
input[type="radio"],
input[type="checkbox"] {
  margin: 3px 0 0;
}

.radio-inline,
.checkbox-inline {
  padding-left: 0;
}

.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
  margin-left: 0;
  margin-right: 8px;
}

select[multiple] {
  height: 250px;
}

.radio, .checkbox {
  padding-left: 0;
}

@media (max-width: 480px) {
  .radio-inline,
  .checkbox-inline {
    display: block;
  }

  .radio-inline + .radio-inline,
  .checkbox-inline + .checkbox-inline {
    margin-left: 0;
    margin-top: 9px;
  }
}
/* ===== Other components ===== */
/* Caret */
.caret {
  border-width: 3px;
}

/* Close button */
.close {
  cursor: pointer;
  font-size: 16px;
  font-weight: 300;
  color: #333333;
  opacity: 0.8;
  text-shadow: none;
  filter: alpha(opacity=80);
}

.close:hover, .close:focus {
  text-decoration: none;
  color: #333333;
  cursor: pointer;
  filter: alpha(opacity=100);
  opacity: 1;
  outline: 0;
}

/* Well */
.well {
  padding: 15px;
  margin-bottom: 0;
  background-color: #fcfcfc;
  border-color: #e5e5e5;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  box-shadow: none;
}

/* Callout */
.callout {
  margin: 0 0 35px 0;
  padding: 20px;
  border-left: 3px solid #eeeeee;
}

.callout h5 {
  margin-top: 0;
  margin-bottom: 6px;
}

.callout p:last-child {
  margin-bottom: 0;
}

.callout code {
  background-color: white;
  border-radius: 3px;
}

.callout-default {
  background-color: whitesmoke;
  border-color: #dddddd;
}

.callout-default h5 {
  color: #555555;
}

.callout-danger {
  background-color: #fdf7f7;
  border-color: #d65c4f;
}

.callout-danger h5 {
  color: #d65c4f;
}

.callout-warning {
  background-color: #fcf8f2;
  border-color: #e7804f;
}

.callout-warning h5 {
  color: #e7804f;
}

.callout-info {
  background-color: #f2f7f9;
  border-color: #1992c2;
}

.callout-info h5 {
  color: #1992c2;
}

.callout-success {
  background-color: #f4faf5;
  border-color: #239169;
}

.callout-success h5 {
  color: #239169;
}

/* ===== Modal ===== */
.modal-content {
  border: 0;
  border-radius: 3px;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  outline: none;
}

.modal-header {
  padding: 13px 16px 14px 16px;
  background-color: #65b688;
  color: white;
  border-bottom: 0;
  border-radius: 3px 3px 0 0;
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
}

.modal-header .close {
  margin-top: 1px;
  color: white;
}

.modal-title {
  font-size: 12px;
}

.modal-title i {
  float: left;
  margin: 0 6px 0 0;
}

.modal-body {
  padding: 0;
  border-left: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
}

.modal-footer {
  border-radius: 0 0 3px 3px;
  padding: 16px;
  margin-top: 0;
  border: 1px solid #dddddd;
  background-color: #fcfcfc;
}

@media (min-width: 992px) {
  .modal-lg {
    width: 1000px;
  }
}
/* ===== Progress bars ===== */
.progress {
  margin-bottom: 0;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
}

.progress-thin {
  height: 6px;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
}

.progress-micro {
  height: 2px;
}

.progress-bar {
  font-size: 11px;
  background-color: #546672;
}

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

.progress-bar-success {
  background-color: #65b688;
}

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

.progress-bar-info {
  background-color: #50abc2;
}

/* ===== Alerts ===== */
.alert {
  padding: 13px 14px 14px 14px;
  margin-bottom: 0;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  font-weight: 600;
}

.alert i {
  float: left;
  margin-right: 8px;
}

.alert h6 {
  margin-top: 0;
}

.alert .alert-link {
  font-weight: 600;
}

.alert .btn {
  margin-top: 14px;
}

.alert hr {
  margin: 12px -14px;
}

/* Success */
.alert-success {
  color: #2d552d;
  background-color: #f5faf4;
  border-color: #d6e9c6;
}

.alert-success hr {
  border-top-color: #d6e9c6;
}

.alert-success .alert-link {
  color: #2d552d;
}

/* Info */
.alert-info {
  color: #426a7e;
  background-color: #f5fbfd;
  border-color: #c8dee2;
}

.alert-info hr {
  border-top-color: #c8dee2;
}

.alert-info .alert-link {
  color: #426a7e;
}

/* Warning */
.alert-warning {
  color: #725a32;
  background-color: #fffdf0;
  border-color: #e9ddc4;
}

.alert-warning hr {
  border-top-color: #e9ddc4;
}

.alert-warning .alert-link {
  color: #725a32;
}

/* Danger */
.alert-danger {
  background-color: #fdf5f5;
  border-color: #eed3d7;
  color: #923e3c;
}

.alert-danger hr {
  border-top-color: #eed3d7;
}

.alert-danger .alert-link {
  color: #923e3c;
}

/* ===== Contextual backgrounds ===== */
.bg-primary, .bg-primary a {
  color: white;
  background-color: #32434d;
}

.bg-success, .bg-success a {
  color: white;
  background-color: #65b688;
}

.bg-info, .bg-info a {
  color: white;
  background-color: #3ca2bb;
}

.bg-warning, .bg-warning a {
  color: white;
  background-color: #ee8366;
}

.bg-danger, .bg-danger a {
  color: white;
  background-color: #d65c4f;
}

/* ===== Tooltip ===== */
.tooltip {
  font-weight: 600;
}

.tooltip-inner {
  padding: 9px 16px;
  background-color: #32434d;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
}

.tooltip.top .tooltip-arrow {
  border-top-color: #32434d;
}

.tooltip.top-left .tooltip-arrow {
  border-top-color: #32434d;
}

.tooltip.top-right .tooltip-arrow {
  border-top-color: #32434d;
}

.tooltip.right .tooltip-arrow {
  border-right-color: #32434d;
}

.tooltip.left .tooltip-arrow {
  border-left-color: #32434d;
}

.tooltip.bottom .tooltip-arrow {
  border-bottom-color: #32434d;
}

.tooltip.bottom-left .tooltip-arrow {
  border-bottom-color: #32434d;
}

.tooltip.bottom-right .tooltip-arrow {
  border-bottom-color: #32434d;
}

/* ===== Popover ===== */
.popover {
  border: 0;
  padding: 0;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.075);
}

.popover-title {
  font-size: 12px;
  border-bottom: 0;
  line-height: 20px;
  color: white;
  background-color: #3a4b55;
  border-radius: 2px 2px 0 0;
  -webkit-border-radius: 2px 2px 0 0;
  -moz-border-radius: 2px 2px 0 0;
}

.popover-content {
  border: 1px solid #dddddd;
  border-top: 0;
  border-radius: 0 0 2px 2px;
  -webkit-border-radius: 0 0 2px 2px;
  -moz-border-radius: 0 0 2px 2px;
}

.popover > .arrow {
  border-width: 7px;
}

.popover > .arrow:after {
  border-width: 6px;
}

.popover.top > .arrow {
  bottom: -6px;
  margin-left: -7px;
}

.popover.top > .arrow:after {
  bottom: 1px;
  margin-left: -6px;
}

.popover.right > .arrow {
  left: -6px;
  margin-top: -7px;
}

.popover.right > .arrow:after {
  left: 1px;
  bottom: -6px;
}

.popover.bottom .arrow {
  margin-left: -7px;
  top: -7px;
}

.popover.bottom .arrow:after {
  top: 1px;
  margin-left: -6px;
  border-bottom-color: #3a4b55;
}

.popover.left .arrow {
  right: -6px;
  margin-top: -7px;
}

.popover.left .arrow:after {
  right: 1px;
  bottom: -6px;
}

/* ===== Pagination ===== */
.pagination {
  margin: 0;
  border-radius: 0;
  font-size: 0;
}

.pagination > li {
  display: inline-block;
  margin-left: 1px;
  font-size: 12px;
}

.pagination > li:first-child {
  margin-left: 0;
}

.pagination > li > a,
.pagination > li > span {
  float: none;
  margin-left: 0;
  border: 0;
  display: block;
  color: #333333;
  font-weight: 600;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
}

.pagination > li:first-child > a,
.pagination > li:first-child > span,
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span,
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span,
.pagination > li:last-child > a,
.pagination > li:last-child > span,
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span,
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-radius: 2px;
}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  background-color: #65b688;
  color: white;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  background-color: #32434d;
  cursor: default;
}

/* ===== Pager ===== */
.pager {
  margin: 0;
}

.pager li > a,
.pager li > span {
  border-radius: 2px;
  font-weight: 600;
  padding: 6px 14px 7px 14px;
  color: #333333;
}

.pager li > a:hover,
.pager li > a:focus {
  background-color: #32434d;
  border-color: #32434d;
  color: white;
}

.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
  border-color: #dddddd;
}

/* ===== Buttons ===== */
.btn {
  padding: 7px 16px 8px 16px;
  font-size: 12px;
  font-weight: 600;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.btn:focus,
.btn:active:focus,
.btn.active:focus {
  outline: 0;
}

.btn:active,
.btn.active {
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

/* Button with icon */
.btn > i {
  float: left;
  margin: 0 6px 0 -4px;
}

.btn-sm > i, .btn-xs > i {
  margin-left: 0;
}

.btn.btn-right-icon > i {
  float: right;
  margin: 0 -4px 0 6px;
}

.btn-icon {
  padding: 5px 6px 6px 6px;
}

.btn-lg.btn-icon {
  padding: 7px 10px 8px 10px;
}

.btn-sm.btn-icon {
  padding: 4px 5px 5px 5px;
}

.btn-xs.btn-icon {
  padding: 3px 4px 4px 4px;
}

.btn-icon i {
  display: block;
  padding: 2px;
  margin: 0;
}

/* Button with caret */
.btn.btn-icon .caret {
  margin: 9px 4px;
}

.btn-lg .caret {
  border-width: 3px 3px 0;
}

.btn .caret {
  margin-left: 4px;
  margin-right: -4px;
}

.btn .caret.caret-split {
  margin-left: 1px;
  margin-right: 1px;
}

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  border-bottom-width: 3px;
}

/* Button spacing */
.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {
  margin-left: 1px;
}

.btn-group.open .dropdown-toggle {
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

/* Button sizing */
.btn-lg,
.btn-group-lg > .btn {
  padding: 9px 18px 10px 18px;
  font-size: 12px;
  line-height: 1.42857143;
  border-radius: 2px;
}

.btn-sm,
.btn-group-sm > .btn {
  padding: 6px 12px 7px 12px;
  font-size: 12px;
  line-height: 1.42857143;
  border-radius: 2px;
}

.btn-xs,
.btn-group-xs > .btn {
  padding: 5px 10px 6px 10px;
  font-size: 12px;
  line-height: 1.42857143;
  border-radius: 2px;
}

/* Button default */
.btn-default {
  background-color: #fcfcfc;
}

.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
  color: #333333;
  background-color: white;
  border-color: #cccccc;
}

.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
  background-color: #fafafa;
}

.btn.lightgreen {
  background-color: lightgreen;
}

.btn.lightred {
  background-color: indianred;
  color: white;
}

/* Button primary */
.btn-primary {
  background-color: #546672;
  border-color: #546672;
}

.btn-primary:hover,
.btn-primary:focus {
  background-color: #657580;
  border-color: #657580;
}

.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  background-color: #4c5b66;
  border-color: #4c5b66;
}

.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: #4c5b66;
  border-color: #4c5b66;
}

/* Button success */
.btn-success {
  background-color: #65b688;
  border-color: #65b688;
}

.btn-success:hover,
.btn-success:focus {
  background-color: #74bd94;
  border-color: #74bd94;
}

.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
  background-color: #59a87b;
  border-color: #59a87b;
}

.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: #59a87b;
  border-color: #59a87b;
}

/* Button warning */
.btn-warning {
  background-color: #e48561;
  border-color: #e48561;
}

.btn-warning:hover,
.btn-warning:focus {
  background-color: #e69171;
  border-color: #e69171;
}

.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
  background-color: #db805d;
  border-color: #db805d;
}

.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: #db805d;
  border-color: #db805d;
}

/* Button danger */
.btn-danger {
  background-color: #d65c4f;
  border-color: #d65c4f;
}

.btn-danger:hover,
.btn-danger:focus {
  background-color: #da6c61;
  border-color: #da6c61;
}

.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
  background-color: #c75549;
  border-color: #c75549;
}

.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: #c75549;
  border-color: #c75549;
}

/* Button info */
.btn-info {
  background-color: #50abc2;
  border-color: #50abc2;
}

.btn-info:hover,
.btn-info:focus {
  background-color: #61b3c8;
  border-color: #61b3c8;
}

.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
  background-color: #4da2b8;
  border-color: #4da2b8;
}

.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: #4da2b8;
  border-color: #4da2b8;
}

/* Button link */
.btn-link {
  color: #555555;
}

.btn-link:hover,
.btn-link:focus {
  text-decoration: none;
}

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

/* ===== Tables ===== */
.table {
  margin-bottom: 0;
}

.table > thead > tr > th {
  border-bottom-width: 1px;
  outline: 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 {
  vertical-align: middle;
  padding: 10px 12px;
}

.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: 8px 10px;
}

.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 {
  background-color: #fdf5f5;
}

.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 {
  background-color: #f5faf4;
}

.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 {
  background-color: #fffdf0;
}

.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 {
  background-color: #f5fbfd;
}

.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 {
  background-color: #fafafa;
}

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

/* Feedback table */
.table-feedback thead > tr > th,
.table-feedback tbody > tr > td {
  text-align: center;
  width: 10%;
}

.table-feedback thead > tr > th:first-child,
.table-feedback tbody > tr > td:first-child {
  text-align: left;
  width: auto;
}

.table-feedback .radio,
.table-feedback .checkbox,
.table-feedback .checker,
.table-feedback .choice {
  margin: 0;
}

/* Additional styles for rables inside panel */
.panel .table-bordered,
.panel .table-responsive > .table-bordered {
  border: 0;
}

.panel .panel-body .table-bordered {
  border: 1px solid #dddddd;
}

.panel > .table + .panel-body,
.panel > .table-responsive + .panel-body {
  border-top: 1px solid #dddddd;
}

.panel .table:first-child,
.panel .table-responsive:first-child > .table:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

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

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

.panel .table:last-child,
.panel .table-responsive:last-child > .table:last-child {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

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

.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: 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-bordered.dataTable {
  border-top: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
}

.panel-body .table-bordered {
  border-left: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
}

/* ===== Thumbnail ===== */
.thumbnail {
  background: none;
  position: relative;
  border: 0;
  padding: 0;
  margin-bottom: 0;
  text-align: center;
}

.thumbnail .caption {
  padding: 12px 0 0 0;
  text-align: left;
}

.thumbnail .caption.text-center {
  text-align: center;
}

.thumbnail .caption h6 small {
  display: block;
  margin-top: 4px;
}

.thumbnail-boxed .caption {
  padding: 12px 12px;
}

.caption .caption-title {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 8px;
  display: block;
}

.thumbnail-boxed {
  border: 1px solid #dddddd;
  padding: 2px;
  border-radius: 2px;
  background-color: white;
}

.thumbnail-boxed .item-info {
  margin-bottom: 12px;
}

.thumbnail img,
.thumbnail a img {
  margin-right: auto;
  margin-left: auto;
  display: block;
  max-width: 100%;
  width: 100%;
  height: auto;
  z-index: 2;
  border-radius: 2px;
}

.thumb {
  position: relative;
  display: inline-block;
}

.thumb:hover
.thumb-options {
  opacity: 1;
}

.thumbnail iframe {
  width: 100%;
  max-width: 100%;
  height: 250px;
  border: 0;
}

/* Thumb options on hover */
.thumb-zoom {
  background: #32434d url(/images/interface/zoom.png) no-repeat 50%;
  display: inline-block;
  border-radius: 2px;
  border: 0;
}

.thumb-zoom img {
  opacity: 1;
}

.thumb-zoom:hover img {
  opacity: 0.2;
}

.thumb-options {
  border-radius: 2px;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(50, 67, 77, 0.8);
  height: 100%;
  width: 100%;
  opacity: 0;
  text-align: center;
}

.thumb-options span {
  display: block;
  top: 50%;
  position: absolute;
  margin-top: -17px;
  width: 100%;
}

.thumb-options span a + a {
  margin-left: 5px;
}

/* ===== Media objects ===== */
.media {
  position: relative;
}

.media-object {
  max-width: 100%;
  height: 44px;
  width: 44px;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
}

.media-heading {
  margin: 0;
  display: block;
  font-weight: 600;
  font-size: 13px;
  margin-bottom: 4px;
  color: #333333;
}

.clearfix .media-heading {
  float: left;
}

.media-body {
  margin-top: 3px;
}

.media > .pull-left {
  margin-right: 12px;
}

.media, .media .media {
  margin-top: 25px;
}

.media-body .headline-info {
  position: absolute;
  right: 0;
  top: 0;
  opacity: 0;
  visibility: hidden;
}

.media-body:hover .headline-info {
  opacity: 1;
  visibility: visible;
  float: none;
}

.media-notice {
  display: block;
  font-size: 11px;
  color: #999999;
  float: right;
}

@media (max-width: 480px) {
  .clearfix .media-heading {
    float: none;
  }

  .media-notice {
    float: none;
    margin-bottom: 5px;
  }
}
/* Headline info */
.media-body .headline-info {
  margin: 0;
}

.headline-info {
  margin: 0 0 16px 0;
  padding: 0;
  list-style: none;
}

.headline-info > li {
  float: left;
  display: block;
  color: #999999;
  padding: 0 12px;
  font-size: 11px;
  border-left: 1px solid #eeeeee;
}

.headline-info > li:first-child {
  padding-left: 0;
  border-left: 0;
}

.headline-info > li > a {
  font-weight: 600;
}

.headline-info > li > a > i {
  float: left;
  margin: -1px 6px 0 0;
  color: #999999;
}

@media (max-width: 479px) {
  .headline-info > li {
    float: none;
    border: 0;
    padding: 0;
  }

  .media-body .headline-info {
    display: none;
  }
}
/* ========================================================
*
* Londinium - premium responsive admin template
*
* ========================================================
*
* File: styles.css;
* Description: General template styles.
* Version: 1.0
*
* ======================================================== */
/* # General styles, can be removed..
================================================== */
/* Demo list */
.demo-list {
  text-align: center;
  margin: 0;
  padding: 0;
}

.demo-list li {
  display: inline-block;
  margin: 0 10px;
}

/* Demo grid */
.demo-grid > div {
  background-color: #fafafa;
  border: 1px solid #dddddd;
  padding: 10px;
}

/* Icons showcase */
.icon-classes-showcase > span {
  font-size: 12px;
  display: inline-block;
  width: 15em;
  padding: 8px;
  background: #fcfcfc;
  border: 1px solid #dddddd;
  margin: .5em 1em .5em 0;
}

.icon-classes-showcase > span > i {
  float: left;
  margin: 1px 6px 0 0;
}

/* Glyphs showcase */
.glyphs {
  margin-top: -10px;
}

.glyphs > div {
  font-size: 16px;
  float: left;
  text-align: center;
  background: #fcfcfc;
  border: 1px solid #dddddd;
  padding: 6px;
  margin: 10px 20px 10px 0;
  width: 100px;
}

.glyphs > div input {
  width: 100%;
  text-align: center;
  padding: 3px;
  background-color: white !important;
}

.glyphs > div > span {
  font-size: 2em;
  line-height: 1.5em;
}

/* jGrowl showcase */
.jgrowl-showcase .jGrowl {
  position: static;
}

.jgrowl-showcase .jGrowl:first-child {
  margin-bottom: 10px;
}

.jgrowl-showcase .jGrowl .jGrowl-notification {
  border: none;
  display: block;
  margin: 0;
  width: 100%;
}

/* Modal showcase */
.modal-demo {
  position: static;
  top: auto;
  left: auto;
  display: block;
  margin: 0 auto;
  z-index: 1;
  width: 100%;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  overflow: hidden;
}

.modal-demo .modal-dialog {
  padding: 0;
  width: 100%;
  margin: 0;
}

/* # General styles
================================================== */
/* ===== Template animations =====*/
@media (min-width: 768px) {
  a,
  .btn,
  .caret,
  .close,
  .sidebar,
  .navbar-toggle,
  .navbar-header,
  .sidebar-narrow .navigation > li,
  .level-opened:after,
  .sidebar-narrow .navigation-narrow > li > a > i,
  .sidebar-narrow .navigation > li > ul,
  .daterangepicker td,
  .daterangepicker th,
  .date-range > i,
  .date-range:after,
  .media-body .headline-info,
  .ranges ul li,
  .ranges ul li:before,
  .ranges ul li:after,
  .select2-arrow b,
  .select2-highlighted,
  .select2-choice abbr,
  .popup-messages > li > a > strong,
  .activity > li,
  .fancybox-nav span,
  .ui-slider-range,
  .fc-button,
  .dropdown-submenu > a:after,
  .nav-pills > li > a:after,
  .nav-pills .label,
  .nav-tabs .label,
  .dropdown-menu > li > a > i,
  .dropdown-menu .label,
  .dropdown-menu > li > a > img,
  .page-content,
  .thumb-zoom img,
  .navigation li a i,
  .thumb-options,
  .ui-datepicker-trigger,
  .checker span,
  .checker span:after,
  .choice span,
  .choice span:after,
  .table-hover > tbody > tr > td,
  .content,
  .ui-timepicker-list li,
  .ui-timepicker-duration,
  .navigation li a:after,
  .has-switch > div > span,
  .has-switch > div > label,
  .has-switch > .switch-animate,
  .panel-trigger > a:after,
  .dropdown-menu > li:before,
  .dropdown-menu > li:after,
  .popup-header a i,
  .jGrowl-close {
    -webkit-transition: all 0.15s ease-in-out;
    -moz-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
  }
}
/* ===== Clearfix =====*/
.glyphs:after,
ul.list-justified li:after,
.statistics-info:after,
.info-buttons:after,
.headline-info:after,
.message-controls:after,
.slider-controls:after,
.wysihtml5-toolbar::after,
.footer-icons-group:after,
.footer-links-group:after,
.user-menu > a:after,
.breadcrumb-line:after,
.invoice-header:after,
.breadcrumb-buttons:after,
.popup-messages > li > a:after,
.daterangepicker .range_inputs:after,
.datatable-header:after,
.chat-member:after,
.datatable-footer:after,
.table-footer:after,
.search-control:after,
.calendars:after,
.chat .message:after,
.colorpicker:after,
.task:after {
  content: "";
  display: table;
  clear: both;
}

/* ===== Border radius =====*/
.statistics-info > a,
.daterangepicker td,
.daterangepicker th,
.info-blocks > li,
.search-line,
.jqstooltip,
.plupload_button,
.jGrowl .jGrowl-notification,
.user-face,
.fc-button,
.ui-datepicker .ui-datepicker-current-day .ui-state-active,
.ui-datepicker .ui-state-hover,
.chart-tooltip,
.jGrowl .jGrowl-closer,
.popup-header a,
.has-switch,
.breadcrumb-line,
.chat .message .message-body,
.message-img img,
.fancybox-title-float-wrap .child,
#fancybox-loading,
.chat-member img,
.ranges,
.daterangepicker.opensleft .calendar,
.calendars,
.daterangepicker,
.editor,
.paginate_disabled_previous,
.paginate_enabled_previous,
.paginate_disabled_next,
.paginate_enabled_next,
.paging_full_numbers a.paginate_button,
.paging_full_numbers a.paginate_active,
.DTTT_collection,
label.error {
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
}

/* # Statistics, info blocks and graphs
================================================== */
/*===== Page title statistics =====*/
.statistics {
  width: 100%;
  text-align: center;
  margin: 0;
  padding: 0;
  font-size: 0;
  line-height: 1;
}

.statistics > li {
  min-width: 130px;
  margin: 5px 25px;
  position: relative;
  display: inline-block;
  text-align: left;
}

.statistics > li > span {
  font-size: 11px;
  margin-top: 8px;
  display: block;
  text-transform: uppercase;
  font-weight: 600;
}

.statistics.list-justified > li {
  margin: 0;
  padding-left: 50px;
}

.statistics.list-justified > li:first-child {
  padding-left: 0;
}

.statistics-info {
  margin-bottom: 8px;
}

.statistics-info > a {
  display: inline-block;
  float: left;
  margin-right: 8px;
}

.statistics-info > a > i {
  color: white;
  padding: 5px 6px 6px 6px;
  margin: 0;
  display: block;
}

.statistics-info > strong {
  font-size: 22px;
  font-weight: 600;
  display: block;
  float: left;
  margin-top: 2px;
}

@media (max-width: 479px) {
  .statistics > li {
    width: 100%;
    margin: 10px 0;
  }
}
@media (max-width: 991px) {
  .statistics.list-justified > li {
    padding-left: 0;
  }

  .statistics.list-justified li {
    margin-top: 20px;
  }

  .statistics.list-justified li:first-child {
    margin-top: 0;
  }
}
/*===== Info buttons =====*/
.info-buttons {
  margin-left: 0;
  margin-right: 0;
}

.info-buttons a {
  display: block;
  color: #505050;
  padding: 10px 12px;
  text-align: center;
  position: relative;
  background-color: #fafafa;
  border: 1px solid #dddddd;
}

.info-buttons a + a {
  border-left: 0;
}

.info-buttons a i {
  font-size: 32px;
  margin: 0;
  display: block;
  font-weight: normal;
}

.info-buttons a span {
  display: block;
  margin-top: 8px;
  font-weight: 600;
  font-size: 12px;
}

.info-buttons a strong {
  position: absolute;
  right: -1px;
  top: -1px;
}

.info-buttons a:hover {
  background-color: #fcfcfc;
  border-color: #e5e5e5;
  color: #2a6496;
}

.info-buttons a:active,
.info-buttons a:focus {
  color: #3792a8;
  border-color: #d5d5d5;
}

/*===== Info blocks =====*/
.info-blocks {
  list-style: none;
  width: 100%;
  text-align: center;
  margin: 0;
  margin-bottom: 30px;
  padding: 0;
}

.info-blocks > li {
  display: inline-block;
  text-align: center;
  min-width: 150px;
  white-space: nowrap;
  margin: 0 10px 5px 10px;
}

.info-blocks > li > a > i {
  font-size: 48px;
  display: inline-block;
  margin-bottom: 20px;
}

.info-blocks > li > a:hover {
  opacity: 0.8;
  filter: alpha(Opacity=80);
  color: white;
}

.top-info {
  margin: 16px 14px 14px 14px;
}

.top-info > a {
  display: block;
  font-weight: 600;
  text-transform: uppercase;
}

.top-info > a:hover {
  opacity: 0.8;
  filter: alpha(Opacity=80);
  color: white;
}

.top-info > small {
  font-size: 11px;
  display: block;
  margin-top: -2px;
}

.bottom-info {
  display: block;
  font-size: 11px;
  padding: 4px 8px 5px 8px;
  font-weight: 600;
  border-radius: 0 0 2px 2px;
  -webkit-border-radius: 0 0 2px 2px;
  -moz-border-radius: 0 0 2px 2px;
}

@media (max-width: 478px) {
  .info-blocks > li {
    width: 100%;
    margin: 10px 0;
  }
}
/*===== Page stats =====*/
.page-stats {
  margin-left: 0;
  margin-bottom: 30px;
  padding: 0;
  list-style: none;
}

.page-stats li {
  padding: 12px 18px;
  border-left: 1px solid #e5e5e5;
  display: inline-block;
}

.page-stats li.bg-default {
  background-color: #fafafa;
  border: 1px solid #e5e5e5;
}

.page-stats li.bg-default + li {
  border-left: 0;
}

.page-stats li:first-child {
  border-radius: 2px 0 0 2px;
  -webkit-border-radius: 2px 0 0 2px;
  -moz-border-radius: 2px 0 0 2px;
}

.page-stats li:last-child {
  border-radius: 0 2px 2px 0;
  -webkit-border-radius: 0 2px 2px 0;
  -moz-border-radius: 0 2px 2px 0;
}

.page-stats-showcase {
  float: left;
  margin-right: 18px;
}

.page-stats-showcase span {
  font-weight: 600;
  font-size: 11px;
  text-transform: uppercase;
  display: block;
  margin-bottom: 4px;
}

.page-stats-showcase h2 {
  margin: 0;
  font-size: 20px;
  line-height: 20px;
}

@media (max-width: 991px) {
  .page-stats.list-justified li.background-default {
    border-left: 1px solid #dddddd;
  }

  .page-stats.list-justified li {
    margin-top: 20px;
  }

  .page-stats.list-justified li:first-child {
    margin-top: 0;
  }
}
/*===== Chart styles =====*/
.chart {
  float: right;
  margin-top: 4px;
}

.legendLabel {
  font-size: 11px;
}

.legendLabel span {
  display: block;
  margin: 0 5px;
}

.legendColorBox {
  padding: 4px 8px 0 0;
  vertical-align: top;
}

.legendColorBox div > div {
  width: 5px;
  height: 5px;
}

.graph {
  height: 150px;
  z-index: 9;
  width: 100%;
}

.graph-standard {
  height: 250px;
  z-index: 90;
  width: 100%;
  overflow: hidden;
}

/*===== Sparkline chart tooltip =====*/
.jqstooltip {
  border: 0 !important;
  padding: 6px 8px !important;
  opacity: 1 !important;
  filter: alpha(Opacity=100) !important;
  height: auto !important;
  width: auto !important;
  background-color: #3a4b55 !important;
}

/*===== Flot chart tooltip =====*/
.chart-tooltip {
  position: absolute;
  display: none;
  max-width: 200px;
  font-weight: 400;
  white-space: nowrap;
  padding: 9px 14px;
  line-height: 1.4;
  font-size: 12px;
  color: white;
  text-align: center;
  text-decoration: none;
  background-color: #32434d;
  z-index: 9999;
}

.chart-tooltip:after {
  content: '';
  display: inline-block;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #32434d;
  position: absolute;
  bottom: -5px;
  left: 4px;
}

/*===== Real time chart widgets =====*/
.realtime-stats {
  padding: 16px;
  border-radius: 2px 2px 0 0;
  -webkit-border-radius: 2px 2px 0 0;
  -moz-border-radius: 2px 2px 0 0;
}

.section-details {
  font-size: 20px;
  font-weight: 600;
  border-radius: 0 0 2px 2px;
  -webkit-border-radius: 0 0 2px 2px;
  -moz-border-radius: 0 0 2px 2px;
  background-color: white;
  border: 1px solid #dddddd;
  border-top: 0;
}

.section-details .row > div {
  padding-top: 12px;
  padding-bottom: 12px;
  border-left: 1px solid #eeeeee;
}

.section-details .row > div:first-child {
  border-left: 0;
}

.section-details span {
  display: block;
  font-size: 11px;
  font-weight: 400;
  color: #999999;
}

/*===== Other styles =====*/
.block {
  margin-bottom: 35px;
}

.block-inner {
  margin-bottom: 20px;
  display: block;
}

.with-padding {
  padding: 16px;
}

.subtitle {
  display: block;
  font-weight: 600;
  margin-bottom: 10px;
}

.subtitle i {
  float: left;
  margin: 0 6px 0 0;
  color: #444444;
}

.language.dropdown > a > img {
  float: left;
  margin: 3px 6px 0 0;
}

label.error {
  margin-top: 6px;
  margin-bottom: 0;
  color: white;
  background-color: #d65c4f;
  display: table;
  padding: 5px 8px;
  font-size: 11px;
  font-weight: 600;
  line-height: 14px;
}

label.error.valid {
  background-color: #65b688;
}

.mandatory {
  color: #b94a48;
  margin-left: 2px;
}

ul.list-justified li {
  float: none;
  width: 1%;
  display: table-cell;
}

@media (max-width: 991px) {
  ul.list-justified li {
    display: block;
    width: auto;
  }
}
/* # Custom widgets and layout elements
================================================== */
/*===== Media page option bar =====*/
.bar label {
  float: left;
  font-size: 12px;
  display: inline-block;
  margin: 7px 12px 0 0;
}

.bar-left,
.bar .select,
.bar select,
.bar .form-control {
  float: left;
}

.bar-right {
  float: right;
}

.bar .form-control {
  width: auto;
}

.bar .btn {
  margin-left: 2px;
}

.bar .pagination {
  margin-top: 3px;
}

.file-info span {
  display: block;
}

@media (max-width: 767px) {
  .bar-left, .bar-right {
    float: none;
    width: 100%;
  }

  .bar-right {
    margin-top: 20px;
  }

  .bar label {
    margin: 0 0 4px 0;
    display: block;
  }

  .bar .form-control {
    width: 100%;
  }

  .bar .btn {
    margin-top: 2px;
    margin-left: 0;
    text-align: center;
    width: 100%;
  }

  .bar .btn > i {
    float: none;
  }

  .bar .select2-container {
    width: 100% !important;
  }
}
/*===== Send message widget with icon toolbar =====*/
.upload-options {
  float: left;
  margin: 8px;
}

.upload-options a {
  color: #555555;
  opacity: 0.5;
  filter: alpha(Opacity=50);
  margin-right: 10px;
}

.upload-options a:hover {
  opacity: 1;
  filter: alpha(Opacity=100);
}

.message-controls {
  margin-top: 16px;
}

.message-controls .pull-left {
  color: #999999;
  font-size: 12px;
  margin-top: 8px;
  display: block;
}

.message-controls .pull-left i {
  float: left;
  margin: 0 6px 0 0;
}

@media (max-width: 479px) {
  .message-controls {
    text-align: center;
  }

  .message-controls .pull-left {
    display: none;
  }
}
/*===== Task grid =====*/
.task {
  background-color: white;
  font-size: 12px;
  border: 1px solid #dddddd;
  border-left-width: 3px;
}

.task-description .orange {
  color: DarkOrange;
}

.task-description a {
  font-size: 14px;
  font-weight: 600;
}

.task-description span {
  display: block;
  margin-top: 6px;
}

.task-description i {
  font-style: normal;
  font-size: 11px;
  color: #999999;
  margin-left: 8px;
}

.task-info {
  text-align: right;
}

.task-info > span {
  display: block;
  color: #777777;
  margin-top: 6px;
}

.task-info > span:first-child {
  margin-top: 0;
}

.task-info > span i {
  float: left;
  margin: 2px 6px 0 0;
}

.task-info .label {
  margin-left: 5px;
}

.task-high {
  border-left-color: #d65c4f;
}

.task-normal {
  border-left-color: #65b688;
}

.task-low {
  border-left-color: #bbbbbb;
}

.task-desc a {
  font-weight: 600;
  display: inline-block;
  margin-top: 3px;
  margin-bottom: 3px;
}

.task-desc span {
  display: block;
  color: #999999;
  font-size: 11px;
  margin-top: -2px;
}

@media (max-width: 767px) {
  .task-info {
    text-align: center;
    border-top: 1px solid #eeeeee;
    padding-top: 20px;
  }
}
/*===== Panel footer links and icons =====*/
.footer-links-group {
  list-style: none;
  margin: 0;
  padding: 0;
}

.footer-links-group > li {
  float: left;
  padding: 9px 12px 10px 12px;
  border-right: 1px solid #eeeeee;
}

.footer-links-group > li.has-label {
  padding: 6px 12px;
}

.footer-icons-group {
  margin: 0;
  list-style: none;
  padding: 0;
}

.footer-icons-group > li {
  float: left;
  position: relative;
}

.footer-icons-group > li > a {
  line-height: 1;
  color: #999999;
  display: block;
  padding: 9px 10px 10px 10px;
  border-left: 1px solid #eeeeee;
}

.footer-icons-group > li > a:hover,
.footer-icons-group > li > a:focus {
  color: #777777;
}

@media (max-width: 479px) {
  .footer-links-group > li {
    border-right: 0;
  }

  .footer-icons-group > li > a {
    border-left: 0;
  }
}
@media (max-width: 767px) {
  .footer-links-group > li, .footer-icons-group > li {
    float: none;
  }

  .footer-icons-group {
    font-size: 0;
  }

  .footer-icons-group > li > a {
    border: 0;
  }

  .footer-icons-group > li {
    display: inline-block;
  }

  .panel-footer .pull-left i {
    display: none;
  }
}
/*===== Icons group =====*/
.icons-group a {
  color: #555555;
  margin-left: 4px;
}

.icons-group a:first-child {
  margin-left: 0;
}

.icons-group a:hover, .icons-group a:focus {
  color: #999999;
}

.footer .icons-group a {
  margin-left: 12px;
  color: #999999;
  float: left;
}

.footer .icons-group a:hover, .footer .icons-group a:focus {
  color: #555555;
}

/*===== Navbar popup =====*/
.popup {
  min-width: 300px;
}

.popup-header {
  background: #32434d;
  text-align: center;
  color: white;
  border-radius: 2px 2px 0 0;
  -webkit-border-radius: 2px 2px 0 0;
  -moz-border-radius: 2px 2px 0 0;
}

.popup .popup-header {
  margin: -1px -1px 0 -1px;
}

.popup-header > span {
  display: inline-block;
  margin: 11px 12px 12px 12px;
}

.popup-header a {
  display: block;
  color: white;
  padding: 11px 12px 12px 12px;
  line-height: 1;
}

.popup-header a:hover {
  background-color: rgba(0, 0, 0, 0.2);
  color: white;
}

.popup-header a i {
  opacity: 0.8;
  filter: alpha(Opacity=80);
}

.popup-header a:hover i {
  opacity: 1;
  filter: alpha(Opacity=100);
}

.dropdown-menu .popup-header:after {
  content: '';
  position: absolute;
  top: -7px;
  left: 13px;
  display: inline-block;
  border-right: 6px solid rgba(0, 0, 0, 0);
  border-bottom: 6px solid #32434d;
  border-left: 6px solid rgba(0, 0, 0, 0);
}

.dropdown-menu.dropdown-menu-right .popup-header:after {
  left: auto;
  right: 13px;
}

.popup .table {
  min-width: 400px;
}

@media (max-width: 767px) {
  .popup, .popup .table {
    min-width: 0;
  }
}
/*===== Navbar messages =====*/
.popup-messages {
  list-style: none;
  margin: 0;
  padding: 0;
  max-height: 197px;
  overflow-y: auto;
}

.popup-messages > li {
  border-top: 1px solid #eeeeee;
}

.popup-messages > li:first-child {
  border-top: 0;
}

.popup-messages > li > a {
  padding: 12px;
  display: block;
  position: relative;
}

.popup-messages > li > a:hover {
  background-color: #f5fffb;
}

.popup-messages > li > a:hover > strong {
  color: #d65c4f;
}

.popup-messages > li > a > div {
  margin-left: 52px;
}

.popup-messages > li > a > strong {
  display: block;
  margin-top: 4px;
  font-weight: 600;
  color: #333333;
  padding-right: 20px;
}

.popup-messages > li > a > strong > i {
  position: absolute;
  right: 12px;
  top: 15px;
  color: #cccccc;
}

.popup-messages > li > a > span {
  color: #676767;
  font-size: 11px;
}

.popup-messages > li.unread > a {
  background: #fffff2;
}

.popup-messages > li.unread > a > strong {
  color: #237b91;
}

.user-face {
  width: 40px;
  height: 40px;
  float: left;
  margin-right: 12px;
}

/*===== Navbar activity =====*/
.activity {
  max-height: 182px;
  overflow-y: auto;
  font-size: 12px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.activity > li {
  padding: 12px;
  border-top: 1px solid whitesmoke;
}

.activity > li:first-child {
  border-top: 0;
}

.activity > li:hover {
  background-color: #f5fffb;
}

.activity > li:hover a {
  color: #d65c4f;
}

.activity > li > i {
  float: left;
  margin-top: 1px;
}

.activity > li > div {
  margin-left: 28px;
}

.activity > li > div > a {
  font-weight: 600;
}

.activity > li > div > span {
  display: block;
  color: #999999;
  font-size: 11px;
  line-height: 16px;
}

/* ===== Search line ===== */
.search-line {
  padding: 15px;
  background-color: #f9fdff;
  border: 1px solid #c7dae3;
}

.search-line .form-control {
  background: white url(/images/interface/filter.png) no-repeat 12px;
  padding: 9px 10px 10px 32px;
  height: auto;
  border-color: #c7dae3;
}

.search-line .input-group-btn .btn {
  padding: 9px 18px 10px 18px;
}

.search-control {
  position: relative;
}

.search-control .btn-group {
  position: absolute;
  top: 1px;
  right: 1px;
  z-index: 2;
}

.search-control .btn-group.open .dropdown-toggle {
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  background-color: #fafafa;
}

.search-control .multiselect.btn-lg.btn-icon {
  padding: 6px 10px 7px 10px;
}

.search-results {
  list-style: none;
  margin: 0;
  padding: 0;
}

.search-results h6 {
  font-weight: 400;
  margin: 0;
  line-height: 20px;
}

.search-results .result-url {
  color: #239169;
  margin: 2px 0;
  display: inline-block;
}

.search-results > li {
  margin-bottom: 30px;
}

/*===== User status styles =====*/
.status {
  width: 6px;
  height: 6px;
  margin-left: 4px;
  vertical-align: 1px;
  display: inline-block;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
}

.status-default {
  background-color: #aaaaaa;
}

.status-success {
  background-color: #239169;
}

.status-info {
  background-color: #3ca2bb;
}

.status-danger {
  background-color: #d65c4f;
}

.status-warning {
  background-color: #e7804f;
}

/* # Page layout
================================================== */
/*===== Boxed page layout =====*/
body.boxed {
  background-color: #eeeeee;
}

.boxed .navbar-nav.navbar-right:last-child {
  margin-right: 0;
}

.boxed .sidebar-content {
  margin-top: 0;
}

.boxed .sidebar-hidden .sidebar {
  opacity: 0;
  left: 0;
  right: 0;
  position: absolute;
}

.boxed.sidebar-wide .sidebar-hidden .sidebar,
.boxed.sidebar-narrow .sidebar-hidden .sidebar {
  left: 0;
}

.boxed.sidebar-wide.sidebar-right .sidebar-hidden .sidebar,
.boxed.sidebar-narrow.sidebar-right .sidebar-hidden .sidebar {
  right: 0;
}

/*===== Page content =====*/
.sidebar-content {
  margin-top: 54px;
  position: relative;
}

.page-content {
  margin: 0 25px 0 265px;
  position: relative;
  padding-bottom: 50px;
}

.sidebar-narrow .page-content {
  margin-left: 85px;
}

.sidebar-hidden .page-content {
  margin: 0 25px !important;
}

.full-width .page-content {
  margin: 0 25px;
}

/*===== Sidebar toggle button =====*/
.sidebar-toggle {
  position: absolute;
  right: 0;
  top: 12px;
  line-height: 1;
  color: white;
  padding: 6px 7px 7px 7px;
  background-color: rgba(0, 0, 0, 0.2);
  height: 30px;
}

.sidebar-toggle:hover, .sidebar-toggle:focus {
  color: white;
  background-color: rgba(0, 0, 0, 0.3);
}

/*===== Sidebars =====*/
.sidebar-wide .sidebar {
  width: 240px;
  background-color: #3a4b55;
  position: absolute;
  top: 0;
  left: 0;
  min-height: 100%;
  z-index: 10;
}

.sidebar-wide.sidebar-right .sidebar {
  left: auto;
  right: 0;
}

.sidebar-wide.sidebar-right .navigation > li > a > i {
  right: 16px;
}

.sidebar-wide.sidebar-right .page-content {
  margin: 0 265px 0 25px;
}

.sidebar-right .navigation > li > a {
  border-left: 0;
  border-right: 3px solid transparent;
}

.sidebar-right .navigation > li:hover > a {
  border-left: 0;
  border-right: 3px solid #65b688;
}

/*--*/
.sidebar-narrow .sidebar {
  width: 60px;
  background-color: #3a4b55;
  position: absolute;
  top: 0;
  left: 0;
  min-height: 100%;
  z-index: 10;
}

.sidebar-narrow.sidebar-right .sidebar {
  left: auto;
  right: 0;
}

.sidebar-narrow.sidebar-right .page-content {
  margin: 0 85px 0 25px;
}

.sidebar-narrow.sidebar-right .navigation > li > a {
  padding-right: 0;
  padding-left: 3px;
}

.sidebar-narrow.sidebar-right .navigation > li > ul {
  left: auto;
  right: 100%;
  border-radius: 2px 0 0 2px;
  -webkit-border-radius: 2px 0 0 2px;
  -moz-border-radius: 2px 0 0 2px;
}

.sidebar-narrow.sidebar-right .navigation > li:hover > ul {
  border-left: 0;
  border-right: 1px solid rgba(255, 255, 255, 0.1);
}

/* Hide/show sidebar. General rule */
.sidebar-hidden .sidebar {
  position: fixed;
}

/* Hide/show left narrow sidebar */
.sidebar-narrow .sidebar-hidden .sidebar {
  left: -60px;
}

/* Hide/show left narrow sidebar */
.sidebar-narrow.sidebar-right .sidebar-hidden .sidebar {
  left: auto;
  right: -60px;
}

/* Hide/show default left wide sidebar */
.sidebar-wide .sidebar-hidden .sidebar {
  left: -240px;
}

/* Hide/show default left wide sidebar */
.sidebar-wide.sidebar-right .sidebar-hidden .sidebar {
  left: auto;
  right: -240px;
}

/* Hide/show right wide sidebar */
.sidebar-wide-right .sidebar-wide {
  left: auto;
  right: 0;
}

.sidebar-wide-right .page-content {
  margin: 0 265px 0 25px;
}

.hidden-sidebar-wide-right .sidebar-wide {
  right: -240px;
}

.hidden-sidebar-wide-right .page-content {
  margin: 0 25px;
}

/* Hide/show right narrow sidebar */
.sidebar-narrow-right .sidebar-narrow {
  left: auto;
  right: 0;
}

.sidebar-narrow-right .page-content {
  margin: 0 85px 0 25px;
}

.hidden-sidebar-narrow-right .sidebar-narrow {
  right: -60px;
}

.hidden-sidebar-narrow-right .page-content {
  margin: 0 25px;
}

/*===== Main navigation ====*/
.navigation {
  list-style: none;
  margin: 0 0 35px 0;
  padding: 0;
  border-bottom: 1px solid #49565d;
}

.navigation li {
  position: relative;
}

.navigation > li {
  border-top: 1px solid #49565d;
  position: relative;
}

.navigation > li.active > a,
.navigation > li.active:hover > a,
.navigation > li.active:focus > a {
  color: white;
  background-color: #65b688;
}

.navigation > li.active > a > i {
  opacity: 1;
  filter: alpha(Opacity=100);
}

.navigation > li > a {
  color: white;
  padding: 13px 40px 14px 14px;
  display: block;
  border-left: 3px solid transparent;
}

.navigation > li:hover > a {
  color: white;
  border-left: 3px solid #65b688;
  background-color: #2c3a42;
}

.navigation > li:hover > a > i {
  opacity: 1;
  filter: alpha(Opacity=100);
}

.navigation > li > a > i {
  font-size: 16px;
  position: absolute;
  right: 14px;
  top: 13px;
  opacity: 0.5;
  filter: alpha(Opacity=50);
}

.navigation > li > a.level-opened {
  background-color: #65b688;
}

.navigation > li > a.level-opened > i {
  opacity: 1;
  filter: alpha(Opacity=100);
}

.navigation > li ul {
  display: none;
  margin: 0;
  padding: 0;
  background-color: #2d3a42;
  font-size: 11px;
  list-style: none;
}

.navigation > li ul > li {
  border-top: 1px solid #35454b;
}

.navigation > li ul > li:first-child {
  border-top: 0;
}

.navigation > li ul > li.active a, .navigation > li ul > li.active a:hover {
  background-color: #223035;
}

.navigation > li ul > li > a.expand:after {
  content: "";
  background: url(/images/interface/plus.png) no-repeat;
  opacity: 0.4;
  filter: alpha(Opacity=40);
  margin-top: 4px;
  float: right;
  width: 7px;
  height: 7px;
  margin-right: 2px;
}

.navigation > li ul > li > a.level-opened:after {
  content: "";
  background: url(/images/interface/minus.png) no-repeat;
  opacity: 1;
  filter: alpha(Opacity=100);
  margin: 4px 2px 0 10px;
  float: right;
  width: 7px;
  height: 7px;
}

.navigation > li ul > li.active a:after {
  content: "";
  width: 5px;
  height: 9px;
  opacity: 0.9;
  filter: alpha(Opacity=90);
  margin: 4px 2px 6px 0;
  float: right;
  background: url(/images/interface/nav_arrow_right.png) no-repeat;
}

.navigation > li ul > li > a {
  display: block;
  padding: 13px 14px 14px 24px;
  color: white;
}

.navigation > li ul > li > a:hover {
  background: #27353a;
}

.navigation > li ul > li > a .label {
  position: absolute;
  top: 9px;
  right: 12px;
}

.navigation > li ul > li.active > a .label {
  right: 30px;
}

.navigation > li ul li ul a {
  display: block;
  color: white;
}

.navigation > li ul li a.level-opened,
.navigation > li ul li a.level-opened:hover {
  background-color: #65b688;
}

.navigation > li ul > li > ul > li > a {
  padding-left: 30px;
}

.navigation > li ul > li > ul > li > ul > li > a {
  padding-left: 36px;
}

.navigation li.disabled a {
  opacity: 0.4;
  filter: alpha(Opacity=40);
  cursor: not-allowed;
}

.navigation li.disabled:hover a {
  background: none;
  border-color: transparent;
}

.navigation > li.disabled:hover > a:after,
.navigation > li.disabled:hover > a > i {
  opacity: 0.5;
  filter: alpha(Opacity=50);
}

/* Left aligned icons */
.navigation-icons-left > li > a {
  padding-right: 14px;
  padding-left: 40px;
}

.navigation-icons-left > li > a > i {
  left: 14px;
  right: auto;
}

.navigation-icons-left > li a.expand:after {
  content: "";
  background: url(/images/interface/plus.png) no-repeat;
  opacity: 0.4;
  filter: alpha(Opacity=40);
  margin: 6px 0 0 10px;
  float: right;
  width: 7px;
  height: 7px;
}

.navigation-icons-left > li a.expand:hover:after,
.navigation-icons-left > li.active > a.expand:after {
  opacity: 1;
  filter: alpha(Opacity=100);
}

.navigation-icons-left > li a.level-opened:after {
  content: "";
  background: url(/images/interface/minus.png) no-repeat;
  opacity: 1;
  filter: alpha(Opacity=100);
  margin: 6px 0 0 10px;
  float: right;
  width: 7px;
  height: 7px;
}

@media (max-width: 991px) {
  .navigation {
    margin: 0;
  }
}
/*===== Narrow sidebar navigation ====*/
.sidebar-narrow .navigation > li > a > span {
  display: none;
}

.sidebar-narrow .navigation > li > a {
  padding: 17px 3px 18px 0;
  width: 100%;
  text-align: center;
}

.sidebar-narrow .navigation > li > a > i {
  display: block;
  position: static;
}

.sidebar-narrow .navigation > li ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.sidebar-narrow .navigation > li > ul {
  width: 220px;
  border-radius: 0 2px 2px 0;
  -webkit-border-radius: 0 2px 2px 0;
  -moz-border-radius: 0 2px 2px 0;
  border-left: 1px solid rgba(255, 255, 255, 0.1);
  margin-left: -1px;
  position: absolute;
  display: none;
  top: 0;
  left: 100%;
}

.sidebar-narrow .navigation > li:hover > ul {
  display: block;
}

.sidebar-narrow .navigation > li > ul > li:first-child {
  border-top: 0;
}

.sidebar-narrow .navigation > li > ul > li:first-child > a {
  border-radius: 2px 2px 0 0;
  -webkit-border-radius: 2px 2px 0 0;
  -moz-border-radius: 2px 2px 0 0;
}

.sidebar-narrow .navigation > li > ul > li:last-child > a {
  border-radius: 0 0 2px 2px;
  -webkit-border-radius: 0 0 2px 2px;
  -moz-border-radius: 0 0 2px 2px;
}

@media (max-width: 991px) {
  .page-content {
    margin: 0 25px 0 25px !important;
  }

  .sidebar {
    z-index: 100;
  }

  .sidebar-narrow .navigation > li {
    width: 100%;
    border: 1px solid #49565d;
    border-left: 0;
    margin-top: -1px;
  }

  .sidebar-narrow .navigation > li > a > span {
    display: block;
  }

  .sidebar-narrow .navigation > li > a > i {
    position: absolute;
  }

  .sidebar-narrow .navigation > li > a {
    padding: 13px 40px 14px 14px;
    text-align: left;
  }

  .sidebar-narrow .navigation > li > ul {
    z-index: 2;
    top: 100%;
    position: static;
    left: 1px;
    width: 100%;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
  }

  .sidebar-narrow.sidebar-right .navigation > li > ul {
    right: 0;
  }

  .sidebar-toggle {
    display: none;
  }

  .sidebar-wide .sidebar-hidden .sidebar,
  .sidebar-narrow .sidebar-hidden .sidebar {
    left: 0;
  }

  .sidebar-narrow.sidebar-right .sidebar-hidden .sidebar,
  .sidebar-wide.sidebar-right .sidebar-hidden .sidebar {
    right: 0;
  }

  .sidebar-wide .sidebar,
  .sidebar-narrow .sidebar {
    max-height: 270px;
    width: 100%;
    min-height: 0;
    position: relative;
    overflow-x: visible;
    overflow-y: auto;
    left: 0;
    right: 0;
  }

  .sidebar-content {
    margin-top: 0;
  }
}
@media (max-width: 768px) {
  .page-content {
    margin: 0 15px 0 15px !important;
  }
}
/*===== Sidebar user dropdown ====*/
.user-menu > a {
  padding: 18px 16px;
  display: block;
  background: #2d3a42 url(/images/interface/nav_arrow_right.png) no-repeat 240px;
}

.user-menu > a:hover {
  background-position: 220px;
}

.user-menu.open > a {
  background-position: 220px;
}

.user-menu > a img {
  width: 48px;
  display: block;
  float: left;
}

.user-menu .dropdown-menu {
  left: 100%;
  margin-left: 10px;
  top: 0;
  border: 0;
}

.user-menu .dropdown-menu:before {
  position: absolute;
  top: 25px;
  left: -7px;
  display: inline-block;
  border-top: 7px solid rgba(0, 0, 0, 0);
  border-right: 7px solid #cccccc;
  border-bottom: 7px solid rgba(0, 0, 0, 0);
  content: '';
}

.user-menu .dropdown-menu:after {
  position: absolute;
  top: 26px;
  left: -6px;
  display: inline-block;
  border-top: 6px solid rgba(0, 0, 0, 0);
  border-right: 6px solid white;
  border-bottom: 6px solid rgba(0, 0, 0, 0);
  content: '';
}

.user-menu .popup {
  min-width: 0;
  width: 220px;
  border: 1px solid #cccccc;
}

.user-menu .thumbnail {
  padding: 15px 15px 20px 15px;
}

.user-menu .thumb-options, .user-menu .thumbnail img {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
}

.user-menu h6, .user-menu h5, .user-menu h4 {
  margin-bottom: 0;
  line-height: 1;
}

.user-menu .popup .list-group {
  margin: -1px;
}

.user-menu .popup .list-group-item {
  border-top-color: #eeeeee;
  border-bottom-color: #cccccc;
  border-left-color: #cccccc;
  border-right-color: #cccccc;
}

.user-info {
  margin-left: 12px;
  float: left;
  color: white;
  font-weight: 400;
  margin-top: 8px;
}

.user-info span {
  font-size: 11px;
  color: #999999;
  display: block;
  margin: 2px 0 0 0;
}

.sidebar-narrow .user-menu {
  padding: 0;
  display: block;
}

.sidebar-narrow .user-menu > a {
  padding: 14px 12px;
}

.sidebar-narrow .user-menu .user-info {
  display: none;
}

.sidebar-narrow .user-menu img {
  max-width: 100%;
  float: none;
}

@media (max-width: 991px) {
  .sidebar-wide .user-menu,
  .sidebar-narrow .user-menu {
    display: none;
  }
}
/*===== Breadcrumbs line and breadcrumb buttons ====*/
.breadcrumb-line {
  margin: 0 0 35px 0;
  background-color: #fcfcfc;
  border: 1px solid #e5e5e5;
  position: relative;
}

.breadcrumb-top {
  margin: 0 -25px;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
  border-top: 1px solid transparent;
}

.breadcrumb-top .breadcrumb {
  padding-left: 25px;
  padding-top: 9px;
}

.breadcrumb-top .breadcrumb-buttons {
  margin-right: 25px;
}

.breadcrumb-top .breadcrumb-buttons > li {
  border-left: 0;
  border-right: 1px solid #eeeeee;
}

.breadcrumb-top .breadcrumb-buttons > li:first-child {
  border-left: 1px solid #eeeeee;
}

.breadcrumb-top .breadcrumb-buttons > li > a {
  padding-top: 9px;
}

.breadcrumb-buttons {
  margin: 0;
  padding: 0;
  float: right;
  list-style: none;
  font-size: 0;
  position: relative;
}

.breadcrumb-buttons > li {
  position: relative;
  border-left: 1px solid #eeeeee;
  display: block;
  float: left;
  font-size: 12px;
}

.breadcrumb-buttons > li > a {
  color: #444444;
  display: block;
  padding: 9px 14px 10px 14px;
  font-weight: 600;
}

.breadcrumb-buttons > li.open > a,
.breadcrumb-buttons > li.open > a:hover {
  color: #777777;
  background-color: white;
}

.breadcrumb-buttons > li.open > a .caret {
  border-top-color: #777777;
}

.breadcrumb-buttons > li > a > i {
  float: left;
  display: block;
  margin: 0 6px 0 0;
}

.breadcrumb-buttons > li > a:hover {
  background-color: #fcfcfc;
  color: #777777;
}

.breadcrumb-buttons .label {
  margin-left: 6px;
  margin: -1px -2px -1px 2px;
  padding: 4px 7px;
}

.breadcrumb-search {
  padding: 14px;
}

.breadcrumb-search input[type=text] {
  background: white url(/images/interface/filter.png) no-repeat 10px;
  padding-left: 30px;
  margin-bottom: 2px;
}

.breadcrumb-toggle {
  position: absolute;
  top: 0;
  right: 0;
}

@media (min-width: 768px) {
  .breadcrumb-buttons {
    display: block;
  }
}
@media (max-width: 767px) {
  .breadcrumb-line {
    border: 0;
    background: none;
  }

  .breadcrumb-top {
    margin: 0 -15px;
  }

  .breadcrumb-top .breadcrumb-buttons {
    margin-right: 0;
  }

  .breadcrumb-top .breadcrumb {
    padding-left: 15px;
  }

  .breadcrumb-top .breadcrumb-toggle {
    right: 3px;
  }

  .breadcrumb-buttons {
    margin-top: -1px;
    background-color: white;
    width: 100%;
    border: 1px solid #dddddd;
    z-index: 2;
  }

  .breadcrumb-buttons > li {
    float: none;
    width: 1%;
    display: table-cell;
  }

  .breadcrumb-buttons > li:first-child {
    border-left: 0;
  }

  .breadcrumb-buttons > li > a .caret {
    float: right;
    margin-top: 9px;
  }

  .breadcrumb-buttons .dropdown-menu,
  .breadcrumb-buttons .popup.dropdown-menu.dropdown-menu-right {
    float: left !important;
    left: -1px;
    right: -1px;
  }

  .breadcrumb-buttons > li {
    position: static;
  }

  .breadcrumb-buttons .dropdown-menu {
    margin-top: 2px;
  }

  .breadcrumb-buttons .popup-header:before,
  .breadcrumb-buttons .popup-header:after,
  .breadcrumb-buttons .dropdown-menu > li:first-child:before,
  .breadcrumb-buttons .dropdown-menu > li:first-child:after {
    content: "";
    border: 0;
  }
}
@media (max-width: 479px) {
  .breadcrumb-buttons > li > a > span,
  .breadcrumb-buttons > li > a .caret {
    display: none;
    float: none;
  }

  .breadcrumb-buttons > li {
    text-align: center;
  }

  .breadcrumb-buttons > li > a > i,
  .language.dropdown > a > img {
    float: none;
    margin: 0;
    display: inline-block;
  }

  .breadcrumb-buttons > li > a {
    height: 36px;
  }
}
/*===== Footer =====*/
.footer {
  position: fixed;
  bottom: 0;
  right: 0;
  left: 240px;
  border-top: 1px solid #dddddd;
  padding: 12px 10px;
  text-align: center;
  font-size: 11px;
  color: #777777;
  background-color: white;
}

@media (max-width: 480px) {
  .footer .icons-group {
    display: none;
  }
}
/* ===== Infinite rotation animation ===== */
.overlay {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
}

.overlay .opacity {
  background-color: #2c3a3f;
  filter: alpha(opacity=80);
  opacity: 0.8;
  width: 100%;
  height: 100%;
  position: relative;
}

.spin {
  display: inline-block;
  -webkit-animation: rotation 2s linear infinite;
  -moz-animation: rotation 1s ease infinite;
  -ms-animation: rotation 1s ease infinite;
  -o-animation: rotation 1s ease infinite;
  animation: rotation 1s ease infinite;
}

.overlay .spin {
  font-size: 16px;
  color: white;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -8px;
  margin-top: -8px;
}

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

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

@-moz-keyframes indicator {
  0% {
    -moz-transform: rotate(0deg);
  }

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

@-ms-keyframes indicator {
  0% {
    -ms-transform: rotate(0deg);
  }

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

@-o-keyframes indicator {
  0% {
    -o-transform: rotate(0deg);
  }

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

@keyframes indicator {
  0% {
    transform: rotate(0deg);
  }

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

/*===== Custom table element styles =====*/
.table-check tr td:first-child {
  width: 40px;
  text-align: center;
}

.table-check .row-checked td {
  background: #fffff7;
}

.table-check .checker, .table-check .radio {
  margin: 0;
}

.table-controls {
  text-align: center;
}

.table-controls .btn-link {
  padding: 2px;
}

.table-controls .btn-link i {
  padding: 0;
}

.table-footer .table-actions label {
  margin: 3px 12px 0 0;
  display: inline-block;
  font-size: 12px;
}

.table-footer .table-actions {
  float: left;
}

.table-footer .pagination {
  float: right;
  margin-top: 2px;
}

.table-footer {
  padding: 12px;
  background-color: #fcfcfc;
  border: 1px solid #dddddd;
}

.panel .table-footer {
  border: 0;
  border-top: 1px solid #dddddd;
}

.action-icon {
  color: #444444;
  display: block;
  margin-top: 3px;
}

@media (max-width: 480px) {
  .table-footer {
    text-align: center;
  }

  .table-footer .table-actions, .table-footer .pagination {
    float: none;
  }

  .table-footer .pagination {
    margin-top: 15px;
  }
}
/* ===== Task timer ===== */
.timer-weekdays {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: center;
}

.timer-weekdays > li {
  display: inline-block;
  margin: 2px 0;
}

.timer-weekdays > li > a {
  display: block;
  margin: 0 1px;
}

.timer-weekdays .label-default {
  background-color: #d5d5d5;
}

.timer {
  list-style: none;
  padding: 0;
  margin: 0;
  text-align: center;
}

.timer > li {
  font-size: 50px;
  text-align: center;
  display: inline-block;
  color: #555555;
  font-weight: 300;
}

.timer > li.dots {
  font-size: 24px;
  vertical-align: top;
  padding: 16px 0 18px 0;
}

.timer > li > span {
  display: block;
  font-size: 14px;
}

/* # Plugins
================================================== */
/*===== Date range picker ====*/
.daterangepicker {
  max-width: none;
  position: absolute;
  top: 100px;
  left: 20px;
  border: 0;
  margin-top: 10px;
  z-index: 900;
  display: none;
}

.daterangepicker_start_input {
  margin-right: 10px;
}

.daterangepicker.opensleft .ranges, .daterangepicker.opensleft .calendar {
  float: left;
}

.daterangepicker.opensleft .calendar {
  margin-left: 12px;
  background: white;
  border: 1px solid #dddddd;
}

.daterangepicker.opensleft .calendar:first-child {
  margin-left: 0;
}

.daterangepicker.opensright .ranges, .daterangepicker.opensright .calendar {
  float: right;
  margin: 4px;
}

.daterangepicker.opensright:before {
  position: absolute;
  top: -7px;
  left: 9px;
  display: inline-block;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #cccccc;
  border-left: 7px solid transparent;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: '';
}

.daterangepicker.opensright:after {
  position: absolute;
  top: -6px;
  left: 10px;
  display: inline-block;
  border-right: 6px solid transparent;
  border-bottom: 6px solid white;
  border-left: 6px solid transparent;
  content: '';
}

.ranges {
  width: 186px;
  text-align: left;
  background-color: white;
  border-top: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  position: relative;
}

.ranges label {
  font-size: 11px;
  margin-bottom: 2px;
}

.ranges input {
  font-size: 11px;
  padding: 6px 8px;
}

.ranges ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.ranges li {
  color: #333333;
  padding: 10px 12px 11px 12px;
  border-left: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
  font-weight: 600;
  cursor: pointer;
}

.ranges li:first-child {
  margin-top: -1px;
  border-radius: 2px 2px 0 0;
  -webkit-border-radius: 2px 2px 0 0;
  -moz-border-radius: 2px 2px 0 0;
}

.ranges li:hover {
  background: #32434d;
  border-color: #32434d;
  color: white;
}

.ranges li.active {
  background: #65b688;
  border-color: #65b688;
  color: white;
}

.ranges ul li:first-child:before {
  position: absolute;
  top: -7px;
  right: 50%;
  display: inline-block;
  border-right: 7px solid rgba(0, 0, 0, 0);
  border-bottom: 7px solid #dddddd;
  border-left: 7px solid rgba(0, 0, 0, 0);
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: '';
  margin-right: -8px;
}

.ranges ul li:first-child:after {
  position: absolute;
  top: -6px;
  right: 50%;
  display: inline-block;
  border-right: 6px solid rgba(0, 0, 0, 0);
  border-bottom: 6px solid white;
  border-left: 6px solid rgba(0, 0, 0, 0);
  content: '';
  margin-right: -7px;
}

.ranges ul li:hover:first-child:after {
  border-bottom-color: #32434d;
}

.ranges ul li:hover:first-child:before {
  border-bottom-color: #32434d;
}

.ranges ul li.active:first-child:after {
  border-bottom-color: #65b688;
}

.ranges ul li.active:first-child:before {
  border-bottom-color: #65b688;
}

.daterangepicker .range_inputs {
  padding: 10px 12px 12px 12px;
  border: 1px solid #dddddd;
  border-bottom: 0;
  margin-top: 1px;
  background-color: #fefefe;
}

.daterangepicker .range_inputs > div {
  width: 75px;
  float: left;
}

.daterangepicker .range_inputs .btn {
  margin-top: 12px;
}

.calendars {
  padding: 12px;
  background: white;
  border: 1px solid #dddddd;
  float: left;
  display: none;
  margin-right: 1px;
}

.daterangepicker .calendar {
  display: none;
}

.daterangepicker .calendar th,
.daterangepicker .calendar td {
  white-space: nowrap;
  text-align: center;
}

.daterangepicker .calendar tr:first-child th {
  font-size: 13px;
  font-weight: 600;
}

.daterangepicker .calendar td {
  font-weight: 600;
}

.daterangepicker .calendar-date {
  padding: 2px;
}

.daterangepicker .calendar-time {
  text-align: center;
  line-height: 30px;
  border-top: 1px solid #dddddd;
  padding: 12px;
}

.daterangepicker table {
  width: 100%;
  margin: 0;
}

.daterangepicker td, .daterangepicker th {
  text-align: center;
  cursor: pointer;
  white-space: nowrap;
  padding: 8px;
  font-size: 12px;
  line-height: 14px;
}

.daterangepicker td.off {
  color: #999999;
}

.daterangepicker td.disabled {
  color: #999999;
}

.daterangepicker td.available:hover,
.daterangepicker th.available:hover {
  background: #32434d;
  color: white;
}

.daterangepicker td.in-range {
  background: whitesmoke;
}

.daterangepicker td.active,
.daterangepicker td.active:hover {
  background-color: #d65c4f;
  color: white;
}

.daterangepicker td.week, .daterangepicker th.week {
  font-size: 80%;
  color: #cccccc;
}

.daterangepicker select.monthselect,
.daterangepicker select.yearselect {
  font-size: 12px;
  padding: 1px;
  height: auto;
  margin: 0;
  cursor: default;
}

.daterangepicker select.monthselect {
  margin-right: 2%;
  width: 56%;
}

.daterangepicker select.yearselect {
  width: 40%;
}

.daterangepicker select.hourselect,
.daterangepicker select.minuteselect,
.daterangepicker select.ampmselect {
  width: 60px;
  margin-bottom: 0;
}

.range {
  cursor: pointer;
  margin: 32px 0;
  float: right;
}

.range .label {
  margin: 5px 0 0 8px;
  display: inline-block;
}

.date-range {
  float: left;
}

.date-range > i {
  font-size: 32px;
  font-weight: 400;
  font-style: normal;
  line-height: 1;
}

.date-range:hover > i {
  color: #676767;
}

.date-range b {
  display: inline-block;
  margin-top: 2px;
  margin-left: 4px;
  font-weight: 400;
}

.date-range b > i {
  font-size: 11px;
  font-weight: 600;
  color: #777777;
  display: block;
  line-height: 14px;
  text-transform: uppercase;
  font-style: normal;
}

.date-range em {
  line-height: 30px;
  vertical-align: top;
  margin: 0 6px;
}

.date-range:after {
  content: "";
  display: block;
  float: left;
  background: url(/images/interface/vertical_arrows.png) no-repeat 0 0;
  width: 11px;
  height: 6px;
  margin: 13px 8px 0 0;
}

.range-shown .date-range:after {
  background-position: 0 -6px;
}

@media (max-width: 767px) {
  .range {
    margin: 0;
  }

  .daterangepicker {
    margin-top: -14px;
  }

  .daterangepicker.opensleft .calendar {
    margin-left: 0;
    float: none;
    margin-top: 12px;
  }

  .daterangepicker.opensleft .calendar:first-child {
    margin-top: 0;
  }

  .date-range, .range .label {
    display: none;
  }

  .ranges ul li:first-child:before {
    right: 11px;
    margin-right: -1px;
  }

  .ranges ul li:first-child:after {
    right: 11px;
    margin-right: 0;
  }
}
@media (max-width: 480px) {
  .calendars {
    position: absolute;
    top: 100%;
    left: 0;
    background: none;
    border: 0;
    width: 100%;
    padding: 0 15px;
    margin-top: 10px;
  }

  .daterangepicker {
    left: 0 !important;
    right: 0;
    padding: 0 15px;
  }

  .daterangepicker, .daterangepicker .ranges {
    width: 100%;
    float: none;
  }

  .daterangepicker .ranges .range_inputs > div {
    width: 48%;
  }

  .daterangepicker_start_input {
    margin-right: 4%;
  }
}
/*===== jGrowl notifications ====*/
.jGrowl {
  z-index: 9999;
  color: white;
}

.jGrowl {
  position: absolute;
}

body > .jGrowl {
  position: fixed;
}

.jGrowl.top-left {
  left: 0px;
  top: 0px;
}

.jGrowl.top-right {
  right: 25px;
  top: 20px;
}

.jGrowl.bottom-left {
  left: 0px;
  bottom: 0px;
}

.jGrowl.bottom-right {
  right: 25px;
  bottom: 25px;
}

.jGrowl.center {
  top: 68px;
  width: 230px;
  left: 50%;
  margin-left: -115px;
}

.center .jGrowl-notification, .center .jGrowl-closer {
  margin-left: auto;
  margin-right: auto;
}

.jGrowl .jGrowl-notification {
  border: none;
  color: white;
  opacity: .95;
  filter: alpha(Opacity=95);
  width: 230px;
  padding: 12px 18px;
  margin-top: 5px;
  text-align: left;
  display: none;
  background-color: #32434d;
}

.jGrowl-notification.growl-error {
  background-color: #d65c4f;
}

.jGrowl-notification.growl-success {
  background-color: #65b688;
}

.jGrowl-notification.growl-warning {
  background-color: #db765b;
}

.jGrowl .jGrowl-notification .jGrowl-header {
  font-weight: 300;
  font-size: 13px;
  padding: 0 0 2px 0;
}

.jGrowl .jGrowl-notification .jGrowl-header:empty {
  padding: 0;
}

.jGrowl .jGrowl-notification .jGrowl-close {
  opacity: .6;
  filter: alpha(Opacity=60);
  z-index: 99;
  float: right;
  font-weight: 300;
  font-size: 14px;
  cursor: pointer;
}

.jGrowl .jGrowl-notification .jGrowl-close:hover {
  opacity: .8;
  filter: alpha(Opacity=80);
}

.jGrowl .jGrowl-closer {
  padding: 5px 0;
  cursor: pointer;
  font-size: 11px;
  margin-top: 5px;
  font-weight: 600;
  text-align: center;
  background: #454545;
  color: white;
  width: 222px;
}

@media print {
  .jGrowl {
    display: none;
  }
}
/*===== Dual select boxes ====*/
.dual-control .btn {
  padding: 0 8px;
  line-height: 24px;
  font-size: 11px;
  cursor: pointer;
  height: 26px;
  margin: 2px 1px;
}

.left-box, .right-box {
  width: 40%;
  position: relative;
}

.left-box {
  float: left;
}

.right-box {
  float: right;
}

.filter {
  position: absolute;
  right: 10px;
  top: 6px;
  font-size: 13px;
  background: none;
  border: none;
  color: gray;
  padding: 0;
}

.dual-control {
  text-align: center;
  width: 90px;
  margin: 118px 1px;
  position: absolute;
  left: 50%;
  margin-left: -45px;
}

.count-label {
  color: gray;
  font-style: italic;
  margin-top: 10px;
  display: block;
  font-size: 11px;
}

.left-box input[type=text],
.right-box input[type=text] {
  margin-bottom: 12px;
}

@media (max-width: 480px) {
  .left-box, .right-box {
    width: 100%;
    float: none;
  }

  .dual-control {
    width: auto;
    margin: 20px 0;
    position: static;
    left: 0;
  }

  .count-label {
    text-align: center;
  }
}
/*===== Uniform. Checkbox =====*/
.checker, .checker span, .checker input {
  width: 18px;
  height: 18px;
}

.checker {
  position: relative;
  margin-right: 6px;
  margin-top: -3px;
  display: inline-block;
  cursor: pointer;
  vertical-align: middle;
}

.checker span {
  border: 1px solid #c5c5c5;
  background-color: white;
  display: -moz-inline-box;
  display: inline-block;
  text-align: center;
  position: relative;
}

.checker span:after {
  content: "";
  background: url(/images/forms/check.png) no-repeat 50%;
  opacity: 0;
  filter: alpha(Opacity=0);
  display: block;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.checker span.checked:after {
  content: "";
  opacity: 1;
  filter: alpha(Opacity=100);
}

.checker.focus span.checked:after {
  opacity: 1;
  filter: alpha(Opacity=100);
}

.checkbox-danger .checker span:after {
  content: "";
  background-image: url(/images/forms/check_white.png);
}

.checkbox-danger .checker span:hover {
  border-color: #d65c4f;
}

.checkbox-danger .checker:active span,
.checkbox-danger .checker.active span,
.checkbox-danger .checker span.checked {
  border-color: #d65c4f;
  background-color: #d65c4f;
}

.checkbox-success .checker span:after {
  content: "";
  background-image: url(/images/forms/check_white.png);
}

.checkbox-success .checker span:hover {
  border-color: #65b688;
}

.checkbox-success .checker:active span,
.checkbox-success .checker.active span,
.checkbox-success .checker span.checked {
  border-color: #65b688;
  background-color: #65b688;
}

.checkbox-primary .checker span:after {
  content: "";
  background-image: url(/images/forms/check_white.png);
}

.checkbox-primary .checker span:hover {
  border-color: #455763;
}

.checkbox-primary .checker:active span,
.checkbox-primary .checker.active span,
.checkbox-primary .checker span.checked {
  border-color: #455763;
  background-color: #455763;
}

.checkbox-info .checker span:after {
  content: "";
  background-image: url(/images/forms/check_white.png);
}

.checkbox-info .checker span:hover {
  border-color: #3ca2bb;
}

.checkbox-info .checker:active span,
.checkbox-info .checker.active span,
.checkbox-info .checker span.checked {
  border-color: #3ca2bb;
  background-color: #3ca2bb;
}

.checker input[type=checkbox] {
  opacity: 0;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  border: none;
  background: none;
  display: -moz-inline-box;
  display: inline-block;
  *display: inline;
  zoom: 1;
  margin: 0;
  vertical-align: top;
  cursor: pointer;
  position: absolute;
  top: -1px;
  left: -1px;
  z-index: 2;
}

.checker:active span, .checker.active span {
  background-color: #f8f8f8;
  border-color: #d5d5d5;
}

.checker.focus span, .checker:hover span {
  background-color: #fafafa;
}

.checker.focus:active span.checked:after,
.checker:hover:active span.checked:after,
.checker.active:hover span.checked:after,
.checker.active.focus span.checked:after {
  opacity: 0.8;
  filter: alpha(opacity=80);
}

.checker.disabled span,
.checker.disabled:active span,
.checker.disabled.active span {
  opacity: 0.6;
  filter: alpha(opacity=60);
}

.checker.disabled span.checked,
.checker.disabled:active span.checked,
.checker.disabled.active span.checked {
  opacity: 0.6;
  filter: alpha(opacity=60);
}

.checker.disabled span.checked:after,
.checker.disabled:active span.checked:after,
.checker.disabled.active span.checked:after {
  opacity: 1;
  filter: alpha(opacity=100);
}

/*===== Uniform. Radio =====*/
.choice, .choice span, .choice input {
  width: 18px;
  height: 18px;
}

.choice {
  position: relative;
  margin-right: 6px;
  margin-top: -3px;
  display: inline-block;
  cursor: pointer;
  vertical-align: middle;
}

.choice span {
  border: 1px solid #c5c5c5;
  background-color: white;
  display: -moz-inline-box;
  display: inline-block;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  text-align: center;
  position: relative;
}

.choice span:after {
  content: "";
  background: url(/images/forms/choice.png) no-repeat 50%;
  opacity: 0;
  filter: alpha(Opacity=0);
  display: block;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.choice span.checked:after {
  content: "";
  opacity: 1;
  filter: alpha(Opacity=100);
}

.choice.focus span.checked:after {
  opacity: 1;
  filter: alpha(Opacity=100);
}

.choice:active span,
.choice.active span {
  background-color: #f8f8f8;
  border-color: #d5d5d5;
}

.choice.focus span,
.choice:hover span {
  background-color: #fafafa;
}

.radio-danger .choice span:after {
  content: "";
  background-image: url(/images/forms/choice_white.png);
}

.radio-danger .choice span:hover {
  border-color: #d65c4f;
}

.radio-danger .choice:active span,
.radio-danger .choice.active span,
.radio-danger .choice span.checked {
  border-color: #d65c4f;
  background-color: #d65c4f;
}

.radio-success .choice span:after {
  content: "";
  background-image: url(/images/forms/choice_white.png);
}

.radio-success .choice span:hover {
  border-color: #65b688;
}

.radio-success .choice:active span,
.radio-success .choice.active span,
.radio-success .choice span.checked {
  border-color: #65b688;
  background-color: #65b688;
}

.radio-primary .choice span:after {
  content: "";
  background-image: url(/images/forms/choice_white.png);
}

.radio-primary .choice span:hover {
  border-color: #455763;
}

.radio-primary .choice:active span,
.radio-primary .choice.active span,
.radio-primary .choice span.checked {
  border-color: #455763;
  background-color: #455763;
}

.radio-info .choice span:after {
  content: "";
  background-image: url(/images/forms/choice_white.png);
}

.radio-info .choice span:hover {
  border-color: #3ca2bb;
}

.radio-info .choice:active span,
.radio-info .choice.active span,
.radio-info .choice span.checked {
  border-color: #3ca2bb;
  background-color: #3ca2bb;
}

.choice input[type=radio] {
  position: absolute;
  top: -1px;
  left: -1px;
  z-index: 2;
  opacity: 0;
  filter: alpha(opacity=0);
  width: 18px;
  -moz-opacity: 0;
  border: none;
  background: none;
  display: -moz-inline-box;
  display: inline-block;
  text-align: center;
  float: none;
  margin: 0;
  vertical-align: top;
  cursor: pointer;
}

.choice.focus:active span.checked:after,
.choice:hover:active span.checked:after,
.choice.active:hover span.checked:after,
.choice.active.focus span.checked:after {
  opacity: 0.8;
  filter: alpha(opacity=80);
}

.choice.disabled span,
.choice.disabled:active span,
.choice.disabled.active span {
  opacity: 0.6;
  filter: alpha(opacity=60);
}

.choice.disabled span.checked,
.choice.disabled:active span.checked,
.choice.disabled.active span.checked {
  opacity: 0.6;
  filter: alpha(opacity=60);
}

.choice.disabled span.checked:after,
.choice.disabled:active span.checked:after,
.choice.disabled.active span.checked:after {
  opacity: 1;
  filter: alpha(opacity=100);
}

/*===== File uploader =====*/
.uploader {
  width: 100%;
  position: relative;
  overflow: hidden;
  border: 1px solid #dddddd;
  background: white;
  padding: 2px 2px 2px 10px;
}

.uploader span.action {
  width: 28px;
  background: url(/images/forms/add_files.png) no-repeat 0 0;
  height: 28px;
  cursor: pointer;
  float: right;
  text-indent: -9999px;
  display: inline;
  overflow: hidden;
}

.uploader:hover span.action {
  background-position: 0 -28px;
}

.uploader:active span.action {
  background-position: 0 -56px;
}

.uploader span.filename {
  color: #777777;
  cursor: pointer;
  max-width: 200px;
  font-size: 11px;
  line-height: 28px;
  float: left;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: default;
}

.uploader input[type=file] {
  width: 100%;
  margin-top: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  float: right;
  height: 32px;
  border: none;
  cursor: pointer;
}

.uploader {
  display: -moz-inline-box;
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  *display: inline;
}

.uploader.disabled span.action {
  color: #aaaaaa;
}

.uploader.disabled span.filename {
  border-color: #dddddd;
  color: #aaaaaa;
}

/*===== Multiselect =====*/
.multiselect-container li a {
  padding: 0;
}

.multiselect-container li a label {
  width: 100%;
  padding: 10px 10px 11px 10px !important;
  cursor: pointer;
  font-weight: 600;
  font-size: 12px;
  margin: 0 !important;
}

.multiselect-group {
  color: #d65c4f;
  padding: 11px 12px 12px 12px;
  margin: 0;
}

/*===== Select2 plugin =====*/
.select2-container {
  margin: 0;
  position: relative;
  display: inline-block;
  vertical-align: middle;
}

.select2-container .select2-choice {
  display: block;
  height: 34px;
  background-color: white;
  padding: 0 0 0 10px;
  overflow: hidden;
  position: relative;
  border: 1px solid #dddddd;
  white-space: nowrap;
  line-height: 32px;
  color: #333333;
  background-clip: padding-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.select2-container .select2-choice:hover {
  background-color: #fcfcfc;
}

.select2-container.select2-drop-above .select2-choice {
  border-bottom-color: #dddddd;
}

.select2-container .select2-choice > .select2-chosen {
  margin-right: 31px;
  font-size: 11px;
  display: block;
  overflow: hidden;
  font-weight: 600;
  text-transform: uppercase;
  text-align: left;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}

.select2-container .select2-choice abbr {
  display: none;
  width: 14px;
  height: 14px;
  position: absolute;
  right: 9px;
  top: 9px;
  z-index: 100;
  background-color: #3ca2bb;
  background-image: url(/images/forms/clear_results.png);
  background-position: 4px 4px;
  cursor: pointer;
  outline: 0;
}

.select2-container.select2-allowclear .select2-choice abbr {
  display: inline-block;
}

.select2-container .select2-choice abbr:hover {
  background-color: #ca665b;
  cursor: pointer;
}

.select2-drop-mask {
  border: 0;
  margin: 0;
  padding: 0;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 9998;
  background-color: white;
  filter: alpha(opacity=0);
}

.select2-drop {
  width: 100%;
  position: absolute;
  z-index: 9999;
  top: 100%;
  background-color: white;
  color: #333333;
  border-bottom: 1px solid #dddddd;
}

.select2-drop-auto-width {
  border-top: 1px solid #aaaaaa;
  width: auto;
}

.select2-drop-auto-width .select2-search {
  padding-top: 4px;
}

.select2-drop.select2-drop-above {
  border-top: 1px solid #dddddd;
  border-bottom: 0;
}

.select2-drop.select2-drop-above.select2-drop-active {
  border-top: 1px solid #dddddd;
}

.select2-container .select2-choice .select2-arrow {
  width: 11px;
  height: 6px;
  right: 11px;
  top: 13px;
  z-index: 99;
  display: inline-block;
  position: absolute;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
}

.select2-container .select2-choice .select2-arrow b {
  display: block;
  width: 11px;
  height: 6px;
  background: url(/images/interface/vertical_arrows.png) no-repeat 0 0;
}

.select2-search {
  display: block;
  width: 100%;
  min-height: 26px;
  margin: 0;
  padding: 4px;
  border-left: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
  position: relative;
  z-index: 10000;
  white-space: nowrap;
}

.select2-search input {
  width: 100%;
  height: auto !important;
  padding: 7px 20px 8px 30px !important;
  margin: 0;
  outline: 0;
  border: 1px solid #dddddd;
  background: white url(/images/interface/filter.png) no-repeat 10px;
}

.select2-container-active .select2-choice,
.select2-container-active .select2-choices {
  outline: none;
}

.select2-dropdown-open .select2-choice {
  background-color: #fafafa;
}

.select2-dropdown-open.select2-drop-above .select2-choice,
.select2-dropdown-open.select2-drop-above .select2-choices {
  border: 1px solid #dddddd;
}

.select2-dropdown-open .select2-choice .select2-arrow b {
  background-position: 0 -6px;
}

/* Results */
.select2-results {
  max-height: 204px;
  margin: 0;
  padding: 0;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.select2-results ul.select2-result-sub {
  margin: 0 -1px;
  padding-left: 0;
}

.select2-results ul.select2-result-sub > li .select2-result-label {
  padding-left: 20px;
}

.select2-results ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
  padding-left: 40px;
}

.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
  padding-left: 60px;
}

.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
  padding-left: 80px;
}

.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
  padding-left: 100px;
}

.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
  padding-left: 110px;
}

.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
  padding-left: 120px;
}

.select2-results li {
  list-style: none;
  display: list-item;
  border-left: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
}

.select2-results li.select2-result-with-children > .select2-result-label {
  font-weight: bold;
  color: #d65c4f;
}

.select2-results .select2-result-label {
  padding: 9px 10px 10px 10px;
  margin: 0;
  cursor: pointer;
  font-size: 12px;
  font-weight: 600;
  min-height: 1em;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.select2-results .select2-highlighted {
  background: #3a4b55;
  border-color: #3a4b55;
  color: white;
}

.select2-results li em {
  background: #feffde;
  font-style: normal;
}

.select2-results .select2-highlighted em {
  background: transparent;
}

.select2-results .select2-highlighted ul {
  background: white;
  color: black;
}

.select2-results .select2-no-results,
.select2-results .select2-searching,
.select2-results .select2-selection-limit {
  background: #fafafa;
  display: list-item;
  padding: 6px 10px;
  font-size: 11px;
  border-top: 1px solid #dddddd;
  color: #999999;
  line-height: 16px;
}

.select2-results .select2-disabled.select2-highlighted {
  color: #666666;
  background: #f4f4f4;
  display: list-item;
  cursor: default;
}

.select2-results .select2-disabled {
  background: #f4f4f4;
  display: list-item;
  cursor: default;
}

.select2-results .select2-selected {
  display: none;
}

.select2-more-results.select2-active {
  background: #f4f4f4 url("/images/interface/loader.gif") no-repeat 100%;
}

.select2-more-results {
  background: whitesmoke;
  display: list-item;
}

.select2-container.select2-container-disabled .select2-choice {
  background-color: whitesmoke;
  background-image: none;
  border: 1px solid #dddddd;
  cursor: default;
}

.select2-container.select2-container-disabled .select2-choice .select2-arrow {
  background-color: #f4f4f4;
  background-image: none;
  border-left: 0;
}

.select2-container.select2-container-disabled .select2-choice abbr {
  display: none;
}

/* Multiselect */
.select2-container-multi .select2-choices {
  height: auto;
  margin: 0;
  padding: 0 0 3px 0;
  position: relative;
  border: 1px solid #dddddd;
  cursor: text;
  overflow: hidden;
  background-color: white;
}

.select2-locked {
  padding: 3px 5px 3px 5px !important;
}

.select2-container-multi .select2-choices {
  min-height: 26px;
}

.select2-container-multi.select2-container-active .select2-choices {
  border: 1px solid #dddddd;
  outline: none;
}

.select2-container-multi .select2-choices li {
  float: left;
  list-style: none;
}

.select2-container-multi .select2-choices .select2-search-field {
  margin: 0;
  padding: 0;
  white-space: nowrap;
}

.select2-container-multi .select2-choices .select2-search-field input {
  padding: 7px 10px 8px 10px;
  line-height: 1.42857143;
  margin: 3px 0 0 0;
  outline: 0;
  border: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  background: transparent !important;
}

.select2-container-multi .select2-choices .select2-search-field input.select2-active {
  background: white url("/images/interface/loader.gif") no-repeat 100% !important;
}

.select2-default {
  color: #999999 !important;
}

.select2-container-multi .select2-choices .select2-search-choice {
  padding: 7px 12px 8px 26px;
  margin: 3px 0 0 3px;
  position: relative;
  color: white;
  background-color: #239169;
  cursor: default;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.select2-container-multi .select2-choices .select2-search-choice .select2-chosen {
  cursor: default;
}

.select-disabled.select2-container-multi {
  width: 100% !important;
}

.select2-search-choice-close {
  display: block;
  width: 12px;
  height: 12px;
  position: absolute;
  right: 3px;
  top: 10px;
  outline: none;
  background: url(/images/forms/clear_results.png) no-repeat 50%;
}

.select2-container-multi .select2-search-choice-close {
  left: 8px;
}

.select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover {
  opacity: 0.6;
  filter: alpha(Opacity=60);
}

.select2-container-multi.select2-container-disabled .select2-choices {
  background-color: #fcfcfc;
  background-image: none;
  border: 1px solid #dddddd;
  cursor: default;
}

.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice {
  padding: 6px 12px 7px 12px;
  border: 1px solid #dddddd;
  background-color: #f8f8f8;
  color: #999999;
}

.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close {
  display: none;
  background: none;
}

/* General */
.select2-result-selectable .select2-match, .select2-result-unselectable .select2-match {
  text-decoration: underline;
}

.select2-offscreen, .select2-offscreen:focus {
  clip: rect(0 0 0 0) !important;
  width: 1px !important;
  height: 1px !important;
  border: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  position: absolute !important;
  outline: 0 !important;
  left: 0px !important;
  top: 0px !important;
}

.select2-display-none {
  display: none;
}

.select2-measure-scrollbar {
  position: absolute;
  top: -10000px;
  left: -10000px;
  width: 100px;
  height: 100px;
  overflow: scroll;
}

/*===== Tags Input plugin =====*/
.tagsinput {
  border: 1px solid #d5d5d5;
  background: white;
  padding: 0 0 3px 0;
  width: 100%;
  overflow-y: auto;
}

.tagsinput span.tag {
  display: block;
  float: left;
  position: relative;
  padding: 7px 12px 8px 26px;
  background: #239169;
  color: white;
  margin: 3px 0 0 3px;
}

.tagsinput span.tag a {
  display: block;
  text-indent: -9999px;
  width: 12px;
  height: 12px;
  position: absolute;
  left: 8px;
  top: 10px;
  outline: none;
  background: url(/images/forms/clear_results.png) no-repeat 50%;
}

.tagsinput span.tag a:hover {
  opacity: 0.6;
  filter: alpha(Opacity=60);
}

.tagsinput input {
  width: 120px;
  border: none;
  padding: 7px 12px 8px 12px;
  background: transparent;
  margin: 3px 0 0 0;
}

.tagsinput input:focus {
  outline: 0;
}

.tagsinput div {
  display: block;
  float: left;
  position: relative;
  margin-left: 3px;
}

.tags_clear {
  clear: both;
  height: 0px;
}

.not_valid {
  background: #fbd8db !important;
  color: #90111a !important;
}

.tagsinput .ui-helper-hidden-accessible {
  display: none;
}

/* ===== jQuery UI spinner ===== */
.ui-spinner {
  width: 100%;
  position: relative;
  display: inline-block;
  overflow: hidden;
  padding: 0;
  vertical-align: middle;
}

.ui-spinner-button {
  width: 25px;
  height: 16px;
  padding: 0;
  margin: 0;
  text-align: center;
  position: absolute;
  cursor: default;
  display: block;
  overflow: hidden;
  right: 0;
}

.ui-spinner a.ui-spinner-button {
  cursor: pointer;
}

.ui-spinner .ui-icon {
  position: absolute;
  margin-top: -8px;
  top: 50%;
  left: 0;
  text-indent: -99999px;
}

.ui-spinner-up {
  top: 0;
  background: url(/images/forms/spinner_top.png) no-repeat;
  border-top: 1px solid #dddddd;
}

.ui-spinner-down {
  bottom: 0;
  background: url(/images/forms/spinner_bottom.png) no-repeat;
  border-bottom: 1px solid #dddddd;
}

/*===== Datatables =====*/
.panel-body .dataTable {
  border: 1px solid #dddddd;
}

.dataTable {
  border-collapse: collapse;
  border-top: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
}

.dataTable thead th {
  background-color: #fafafa;
  cursor: pointer;
}

.dataTable thead th.sorting_disabled {
  cursor: default;
}

.dataTable thead th:active,
.dataTable thead td:active {
  outline: none;
}

.dataTable tfoot th input[type=text] {
  background: url(/images/interface/filter.png) no-repeat 12px;
  padding-left: 32px;
  font-weight: 400;
}

.dataTable td.center,
.dataTable td.dataTables_empty {
  text-align: center;
}

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

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

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

.datatable-scroll {
  overflow-x: auto;
  overflow-y: visible;
}

/* Header and footer */
.datatable-header, .datatable-footer {
  background: white;
}

.datatable-header label {
  margin-bottom: 0;
}

.panel .panel-body .datatable-header {
  border: 1px solid #dddddd;
  border-bottom: 0;
}

.panel .panel-body .datatable-footer {
  border: 1px solid #dddddd;
  border-top: 0;
}

.dataTables_wrapper {
  position: relative;
  clear: both;
}

/* Page length menu */
.dataTables_length {
  float: right;
  padding: 0 0 20px 0;
  display: block;
}

.dataTables_length > label > span {
  float: left;
  line-height: 13px;
  padding: 10px 0;
  margin-right: 12px;
  font-size: 12px;
}

.panel .dataTables_length {
  padding: 16px 14px;
}

/* Filter */
.dataTables_filter {
  padding: 0 0 20px 0;
  position: relative;
  display: block;
  float: left;
}

.dataTables_filter label > span {
  display: block;
  float: left;
  line-height: 13px;
  padding: 10px 0;
  margin-right: 12px;
  font-size: 12px;
}

.dataTables_filter label > input[type=text] {
  background: url(/images/interface/filter.png) no-repeat 95%;
  line-height: 1.42857143;
  height: 34px;
  padding: 7px 30px 8px 9px;
  width: auto;
  color: #505050;
  outline: 0;
  font-weight: 400;
  vertical-align: middle;
  background-color: white;
  border: 1px solid #dddddd;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
}

.panel .dataTables_filter {
  padding: 16px 14px;
}

/* Table information */
.dataTables_info {
  padding: 20px 0 0 0;
  display: block;
  float: left;
  font-size: 12px;
}

.panel .dataTables_info {
  padding: 17px 14px;
}

/* Pagination */
.dataTables_paginate {
  float: right;
  margin: 17px 0 0 0;
}

.panel .dataTables_paginate {
  margin: 14px;
}

/* Two button pagination - previous / next */
.paging_two_button {
  height: 26px;
  line-height: 26px;
}

.paginate_disabled_previous,
.paginate_enabled_previous,
.paginate_disabled_next,
.paginate_enabled_next {
  margin-left: 1px;
  cursor: pointer;
  font-weight: 600;
  color: #505050;
  padding: 5px 10px;
  font-size: 12px;
}

.paginate_disabled_previous:hover,
.paginate_enabled_previous:hover,
.paginate_disabled_next:hover,
.paginate_enabled_next:hover {
  background-color: #65b688;
  color: white;
}

.paginate_disabled_previous:focus,
.paginate_enabled_previous:focus,
.paginate_disabled_next:focus,
.paginate_enabled_next:focus {
  background-color: #65b688;
  color: white;
}

.paginate_disabled_previous:active,
.paginate_enabled_previous:active,
.paginate_disabled_next:active,
.paginate_enabled_next:active {
  outline: none;
}

.paginate_disabled_previous,
.paginate_disabled_next,
.paginate_disabled_previous:hover,
.paginate_disabled_next:hover,
.paginate_disabled_previous:focus,
.paginate_disabled_next:focus {
  color: #bbbbbb;
  background: none;
  cursor: default;
}

.paginate_disabled_next,
.paginate_enabled_next {
  margin-left: 1px;
}

/* Full number pagination */
.paging_full_numbers {
  height: 26px;
  line-height: 26px;
}

.paging_full_numbers a:active {
  outline: none;
}

.paging_full_numbers a.paginate_button,
.paging_full_numbers a.paginate_active {
  margin-left: 1px;
  cursor: pointer;
  font-weight: 600;
  color: #505050;
  padding: 5px 10px;
  font-size: 12px;
}

.paging_full_numbers a.paginate_button:hover,
.paging_full_numbers a.paginate_button:focus {
  background-color: #65b688;
  color: white;
  outline: 0;
}

.paging_full_numbers a.paginate_active {
  background-color: #32434d;
  outline: 0;
  color: white;
}

.paging_full_numbers .paginate_button.paginate_button_disabled,
.paging_full_numbers .paginate_button.paginate_button_disabled:hover {
  color: #999999;
  background: none;
  cursor: default;
}

/* Processing indicator */
.dataTables_processing {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 250px;
  height: 30px;
  margin-left: -125px;
  margin-top: -15px;
  padding: 14px 0 2px 0;
  border: 1px solid #dddddd;
  text-align: center;
  color: #999999;
  font-size: 14px;
  background-color: white;
}

/* Sorting */
.sorting {
  background: url("/images/interface/tables/sort_both.png") no-repeat 100%;
  padding-right: 24px !important;
}

.sorting_asc {
  background: url("/images/interface/tables/sort_asc.png") no-repeat 100%;
  padding-right: 24px !important;
}

.sorting_desc {
  background: url("/images/interface/tables/sort_desc.png") no-repeat 100%;
  padding-right: 24px !important;
}

.sorting_asc_disabled {
  background: url("/images/interface/tables/sort_asc_disabled.png") no-repeat 100%;
  padding-right: 24px !important;
}

.sorting_desc_disabled {
  background: url("/images/interface/tables/sort_desc_disabled.png") no-repeat 100%;
  padding-right: 24px !important;
}

.table-condensed .sorting,
.table-condensed .sorting_asc,
.table-condensed .sorting_desc,
.table-condensed .sorting_asc_disabled,
.table-condensed .sorting_desc_disabled {
  background-position: 100% 6px;
}

/* Scrolling */
.dataTables_scroll {
  clear: both;
}

.dataTables_scrollBody {
  -webkit-overflow-scrolling: touch;
}

.dataTables_scrollBody .dataTable {
  border-top: 0;
}

/* Custom table parameters */
.datatable-media tbody td:first-child {
  width: auto;
}

.dataTable thead th.actions-column {
  width: 40px;
  text-align: center;
}

.dataTable thead th.image-column {
  width: 48px;
  text-align: center;
}

.dataTable thead th.team-links {
  width: 100px;
}

.datatable-tasks tr td i {
  color: #444444;
  float: left;
  margin: 0 6px 0 0;
}

.datatable-tasks .label {
  font-weight: 400;
}

.datatable-tasks .dropdown-menu i {
  margin: 0;
}

.datatable-tasks .btn i {
  margin: 0;
  color: white;
}

.datatable-tasks tr td {
  padding: 12px 14px;
}

.task-priority {
  width: 85px;
}

.task-date-added {
  width: 200px;
}

.task-progress {
  width: 150px;
}

.task-deadline {
  width: 200px;
}

.task-tools {
  width: 40px;
  text-align: center !important;
}

/*===== Datatables tabletools plugin =====*/
.DTTT_container {
  position: relative;
  float: right;
  margin: 16px 14px 16px 0;
}

.DTTT_button {
  cursor: pointer;
}

.DTTT_nonbutton {
  display: block;
  float: left;
  line-height: 13px;
  padding: 10px 0;
  margin-right: 12px;
  font-size: 12px;
}

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

.DTTT_button.btn .caret {
  margin-right: 0;
}

.DTTT_button.btn + .DTTT_button.btn {
  margin-left: 1px;
}

.DTTT_button embed {
  outline: none;
}

.DTTT_button_collection span {
  padding-right: 17px;
  background: url(/images/collection.png) no-repeat center right;
}

.DTTT_button_collection:hover span {
  padding-right: 17px;
  background: #f0f0f0 url(/images/collection_hover.png) no-repeat center right;
}

/* Row selection styles */
.DTTT_selectable tbody tr {
  cursor: pointer;
}

.dataTable tr.DTTT_selected.odd td,
.dataTable tr.DTTT_selected.odd td.sorting_1,
.dataTable tr.DTTT_selected.odd td.sorting_2,
.dataTable tr.DTTT_selected.odd td.sorting_3 {
  background-color: #f2fcf7;
}

.dataTable tr.DTTT_selected.even td,
.dataTable tr.DTTT_selected.even td.sorting_1,
.dataTable tr.DTTT_selected.even td.sorting_2,
.dataTable tr.DTTT_selected.even td.sorting_3 {
  background-color: #ecfcf3;
}

/* Drop down list (collection) styles */
.DTTT_collection {
  width: 146px;
  overflow: hidden;
  z-index: 2002;
  margin-top: 2px;
  margin-left: -40px;
  background-color: white;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
}

.DTTT_collection_background {
  background: transparent url(/images/background.png) repeat top left;
  z-index: 2001;
}

.DTTT_collection .DTTT_button {
  position: relative;
  border-left: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
  display: block;
  padding: 8px 12px 9px 12px;
  color: #444444;
  font-weight: 600;
  font-size: 12px;
}

.DTTT_collection .DTTT_button:hover {
  color: white;
  background-color: #546672;
  border-color: #546672;
}

/* Print display styles */
.DTTT_Print .page-content {
  margin: 30px 25px 0 25px;
  padding-top: 0;
}

.DTTT_Print .sidebar {
  display: none !important;
}

.DTTT_print_info {
  position: fixed;
  top: 10%;
  left: 50%;
  width: 400px;
  margin-left: -200px;
  text-align: center;
  color: white;
  padding: 12px;
  background-color: #32434d;
  opacity: 0.95;
  filter: alpha(Opacity=95);
}

@media (max-width: 480px) {
  .datatable-header,
  .datatable-footer {
    text-align: center;
  }

  .dataTables_filter,
  .dataTables_length,
  .dataTables_paginate,
  .dataTables_info,
  .paging_full_numbers,
  .DTTT_container {
    float: none;
  }

  .DTTT_container {
    margin: 16px 0 0 0;
  }

  .panel .dataTables_length, .panel .dataTables_paginate {
    padding-top: 0;
    margin-top: 0;
  }
}
/*===== Datepicker =====*/
.datepicker-liquid {
  width: 100%;
}

.datepicker-icon-trigger {
  padding: 7px 30px 7px 9px;
}

.ui-datepicker-trigger {
  position: absolute;
  right: 15px;
  bottom: 0;
  background-color: #65b688;
  padding: 7px;
  cursor: pointer;
}

.ui-datepicker-trigger:hover {
  background-color: #d65c4f;
}

.ui-datepicker .ui-state-hover {
  background-color: #65b688;
  color: white;
}

.ui-datepicker .ui-datepicker-current-day .ui-state-active {
  background-color: #d65c4f;
  color: white;
}

.ui-datepicker .ui-state-disabled {
  color: #999999;
}

.ui-datepicker {
  width: auto !important;
  display: none;
  z-index: 10;
}

.ui-datepicker .ui-datepicker-header {
  position: relative;
  background-color: #3a4b55;
  color: white;
  font-weight: 400;
  border-radius: 2px 2px 0 0;
  -webkit-border-radius: 2px 2px 0 0;
  -moz-border-radius: 2px 2px 0 0;
}

.date-trigger .ui-datepicker-trigger {
  margin-left: 6px;
  cursor: pointer;
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
  position: absolute;
  padding: 9px 16px;
  cursor: pointer;
  top: 0;
  background-repeat: no-repeat;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
}

.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {
  background-color: #65b688;
}

.ui-datepicker .ui-datepicker-next-hover {
  border-radius: 0 2px 0 0;
  -webkit-border-radius: 0 2px 0 0;
  -moz-border-radius: 0 2px 0 0;
}

.ui-datepicker .ui-datepicker-prev-hover {
  border-radius: 2px 0 0 0;
  -webkit-border-radius: 2px 0 0 0;
  -moz-border-radius: 2px 0 0 0;
}

.ui-datepicker .ui-datepicker-prev {
  background-image: url(/images/interface/arrow_left.png);
  background-position: 14px 14px;
  left: 0;
}

.ui-datepicker .ui-datepicker-next {
  background-image: url(/images/interface/arrow_right.png);
  right: 0;
  background-position: 14px 14px;
}

.ui-datepicker .ui-datepicker-title {
  margin: 0 33px;
  padding: 11px 0 12px 0;
  text-align: center;
  font-size: 12px;
}

.ui-datepicker table {
  width: 100%;
  font-size: 11px;
  border-collapse: collapse;
  background-color: white;
  border: 1px solid #dddddd;
  border-top: 0;
}

.ui-datepicker-append {
  margin-left: 14px;
  font-size: 11px;
}

.no-append .ui-datepicker-append {
  display: none;
}

.datepicker-liquid > .ui-datepicker {
  width: 100%;
}

.datepicker-fixed {
  width: 20em;
}

.ui-datepicker th {
  padding: 12px 6px 10px 6px;
  text-align: center;
  font-weight: 600;
  border: 0;
}

.ui-datepicker td {
  border: 0;
  padding: 1px;
  text-align: center;
}

.ui-datepicker td span, .ui-datepicker td a {
  display: block;
  padding: 7px 10px;
  text-align: center;
  text-decoration: none;
  line-height: 16px;
  font-weight: 600;
}

.ui-datepicker.ui-datepicker-multi {
  width: auto;
  margin-left: 2px;
}

.ui-datepicker-multi .ui-datepicker-group {
  float: left;
  margin-left: 1px;
}

.ui-datepicker-multi .ui-datepicker-group:first-child {
  margin-left: -2px;
}

.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3333333333%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left;
}

.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0;
}

.ui-datepicker .ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}

@media (max-width: 479px) {
  .ui-datepicker-multi-3 .ui-datepicker-group {
    width: auto;
  }
}
/* ===== UI Slider ===== */
.ui-slider {
  position: relative;
  text-align: left;
}

.ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 21px;
  height: 14px;
  cursor: default;
  background: url(/images/interface/slider_handle.png) no-repeat;
  border: none;
  cursor: pointer;
}

.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  height: 5px;
  font-size: 11px;
  display: block;
  border: 1px solid #42bad8;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  background: #72d4ec;
}

.ui-slider .ui-state-hover {
  opacity: 0.85;
  filter: alpha(Opacity=85);
}

.ui-slider .ui-state-active {
  opacity: 0.95;
  filter: alpha(Opacity=95);
}

.ui-slider-horizontal {
  height: 5px;
  background: #fafafa;
  border: 1px solid #dddddd;
  margin: 13px 0;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}

.ui-slider-horizontal .ui-slider-handle {
  top: -6px;
  margin-left: -8px;
  outline: 0;
}

.ui-slider-horizontal .ui-slider-range {
  top: -1px;
  height: 100;
}

.ui-slider-horizontal .ui-slider-range-min {
  left: 0;
}

.ui-slider-horizontal .ui-slider-range-max {
  right: 0;
}

/* Slider controls */
.slider-controls > label {
  margin-right: 10px;
  margin-bottom: 0;
  float: left;
  display: block;
  margin-top: 6px;
}

.slider-controls input[type=text] {
  color: #d65c4f;
  background: none;
  border-color: transparent;
  font-weight: 600;
  margin-top: 3px;
}

/* ===== Color picker ===== */
.color .input-group-addon {
  background-color: white;
  padding: 6px;
  border: 1px solid #dddddd;
  border-left: 0;
}

.colorpicker-saturation {
  width: 100px;
  height: 100px;
  background-image: url(/images/colorpicker/saturation.png);
  cursor: crosshair;
  float: left;
}

.colorpicker-saturation i {
  display: block;
  height: 5px;
  width: 5px;
  border: 1px solid black;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  position: absolute;
  top: 0;
  left: 0;
  margin: -4px 0 0 -4px;
}

.colorpicker-saturation i b {
  display: block;
  height: 5px;
  width: 5px;
  border: 1px solid white;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.colorpicker-hue,
.colorpicker-alpha {
  width: 15px;
  height: 100px;
  float: left;
  cursor: row-resize;
  margin-left: 4px;
  margin-bottom: 4px;
}

.colorpicker-hue i,
.colorpicker-alpha i {
  display: block;
  height: 1px;
  background: black;
  border-top: 1px solid white;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  margin-top: -1px;
}

.colorpicker-hue {
  background-image: url(/images/colorpicker/hue.png);
}

.colorpicker-alpha {
  background-image: url(/images/colorpicker/alpha.png);
  display: none;
}

.colorpicker {
  top: 0;
  left: 0;
  padding: 4px;
  min-width: 120px;
  margin-top: 1px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.colorpicker:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #cccccc;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  top: -7px;
  left: 6px;
}

.colorpicker:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid white;
  position: absolute;
  top: -6px;
  left: 7px;
}

.colorpicker div {
  position: relative;
}

.colorpicker.alpha {
  min-width: 140px;
}

.colorpicker.alpha .colorpicker-alpha {
  display: block;
}

.colorpicker-color {
  height: 10px;
  margin-top: 5px;
  clear: both;
  background-image: url(/images/colorpicker/alpha.png);
  background-position: 0 100%;
}

.colorpicker-color div {
  height: 10px;
}

.color .input-group-addon i {
  display: block;
  cursor: pointer;
  width: 20px;
  height: 20px;
}

/* ===== Time picker ===== */
.ui-timepicker-list {
  overflow-y: auto;
  height: 144px;
  padding: 0;
  font-size: 12px;
  background-color: white;
  border-top: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  margin: -1px 0 0 0;
  width: 160px;
  outline: 0;
}

.ui-timepicker-list:hover .ui-timepicker-duration {
  color: #999999;
}

.ui-timepicker-list li {
  padding: 8px 12px;
  cursor: pointer;
  border-left: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
}

.ui-timepicker-list:hover .ui-timepicker-selected {
  background: white;
  color: black;
}

li.ui-timepicker-selected, .ui-timepicker-list li:hover, .ui-timepicker-list:hover .ui-timepicker-selected:hover {
  background: #3ca2bb;
  color: white;
}

li.ui-timepicker-selected .ui-timepicker-duration, .ui-timepicker-list li:hover .ui-timepicker-duration {
  color: white;
}

/* ===== Code prettify ===== */
.com {
  color: 93a 1a 1;
}

.lit {
  color: #195f91;
}

.pun, .opn, .clo {
  color: 93a 1a 1;
}

.fun {
  color: #dc322f;
}

.str, .atv {
  color: #ca3131;
}

.kwd, .prettyprint .tag {
  color: #1e347b;
}

.typ, .atn, .dec, .var {
  color: teal;
}

.pln {
  color: #454545;
}

.prettyprint {
  padding: 8px;
  background-color: #fcfcfc;
  border: 1px solid #dddddd;
}

.prettyprint.linenums {
  -webkit-box-shadow: inset 44px 0 0 white, inset 45px 0 0 #dddddd;
  -moz-box-shadow: inset 44px 0 0 white, inset 45px 0 0 #dddddd;
  box-shadow: inset 44px 0 0 white, inset 45px 0 0 #dddddd;
  font-size: 12px;
}

ol.linenums {
  margin: 0 0 0 38px;
  list-style-type: decimal;
  padding: 0;
}

ol.linenums li {
  padding-left: 12px;
  color: #999999;
  line-height: 20px;
  text-shadow: 0 1px 0 white;
}

/* ===== Full calendar ===== */
.fc {
  direction: ltr;
  text-align: left;
}

.fc table {
  border-collapse: collapse;
  border-spacing: 0;
}

.fc td,
.fc th {
  vertical-align: middle;
}

.fc-content table td {
  vertical-align: top;
  padding: 0;
}

/* Header */
.fc-header td {
  white-space: nowrap;
}

.fc-header-left {
  width: 25%;
  text-align: left;
}

.fc-header-center {
  text-align: center;
}

.fc-header-right {
  width: 25%;
  text-align: right;
}

.fc-header-title {
  display: inline-block;
}

.fc-header-title h2 {
  margin: 0;
  white-space: nowrap;
  font-size: 14px;
}

.panel .fc-header-title h2 {
  padding-top: 18px;
}

.fc-header-title h2,
.panel .panel-body .fc-header-title h2 {
  padding: 0 0 18px 0;
}

.fc .fc-header-space {
  padding-left: 10px;
}

.fc-header .fc-state-hover,
.fc-header .ui-state-hover {
  z-index: 2;
}

.fc-header .fc-state-down {
  z-index: 3;
}

.fc-header .fc-state-active,
.fc-header .ui-state-active {
  z-index: 4;
}

/* Content */
.fc-content {
  clear: both;
}

.fc-view {
  width: 100%;
  overflow: hidden;
}

/* Cell Styles */
.fc-widget-content {
  border-left: 1px solid #dddddd;
  border-top: 1px solid #dddddd;
}

.fc-border-separate tr td:first-child {
  border-left: 0;
}

.fc-widget-header {
  border-bottom: 1px solid #dddddd;
  border-top: 1px solid #dddddd;
}

.fc-state-highlight {
  background: #fcf8e3;
}

.fc-cell-overlay {
  background: #bce8f1;
  opacity: .3;
  filter: alpha(opacity=30);
}

/* Buttons */
.fc-button {
  position: relative;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  cursor: pointer;
  vertical-align: middle;
  font-weight: 600;
  padding: 8px 16px 9px 16px;
}

.fc-header-right .fc-button {
  margin-left: 2px;
}

.fc-header-right,
.fc-header-left,
.panel .panel-body .fc-header-right,
.panel .panel-body .fc-header-left {
  padding: 0 0 14px 0;
}

.panel .fc-header-right {
  padding: 14px 12px 14px 0;
}

.panel .fc-header-left {
  padding: 14px 0 14px 12px;
}

.fc-header-left .fc-button {
  float: left;
}

.fc-text-arrow {
  font-size: 20px;
  font-family: "Courier New", Courier, monospace;
}

.fc-button-prev,
.fc-button-next {
  line-height: 1;
  background-color: #546672;
  color: white;
  margin-right: 2px;
  padding: 7px 10px;
}

.fc-button-prev:hover,
.fc-button-next:hover {
  color: white;
  background-color: #65b688;
}

.fc-button-prev .fc-text-arrow,
.fc-button-next .fc-text-arrow {
  font-weight: bold;
}

.fc-button .fc-icon-wrap {
  position: relative;
  float: left;
  top: 50%;
}

.fc-button .ui-icon {
  position: relative;
  float: left;
  margin-top: -50%;
}

.fc-state-hover,
.fc-state-down,
.fc-state-active {
  color: #d65c4f;
}

.fc-state-disabled {
  color: #999999;
}

.fc-state-down,
.fc-state-active {
  outline: 0;
}

.fc-state-active {
  background-color: #d65c4f;
  color: white;
}

.fc-state-disabled {
  cursor: default;
  background-image: none;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
}

/* Global Event Styles */
.fc-event-container > * {
  z-index: 8;
}

.fc-event-container > .ui-draggable-dragging,
.fc-event-container > .ui-resizable-resizing {
  z-index: 9;
}

.fc-event {
  border: 1px solid #3a87ad;
  background-color: #3a87ad;
  color: white;
  font-size: 12px;
  cursor: default;
  padding: 4px 0;
  margin: 0 6px;
}

a.fc-event {
  text-decoration: none;
}

a.fc-event,
.fc-event-draggable {
  cursor: pointer;
}

.fc-rtl .fc-event {
  text-align: right;
}

.fc-event-inner {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.fc-event-time,
.fc-event-title {
  padding: 0 8px;
}

.fc .ui-resizable-handle {
  display: block;
  position: absolute;
  z-index: 99999;
  overflow: hidden;
  font-size: 300%;
  line-height: 50%;
}

/* Horizontal Events */
.fc-event-hori {
  border-width: 1px 0;
  margin-bottom: 2px;
}

.fc-ltr .fc-event-hori.fc-event-start,
.fc-rtl .fc-event-hori.fc-event-end {
  border-left-width: 1px;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}

.fc-ltr .fc-event-hori.fc-event-end,
.fc-rtl .fc-event-hori.fc-event-start {
  border-right-width: 1px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}

/* Resizable */
.fc-event-hori .ui-resizable-e {
  top: 0 !important;
  right: -3px !important;
  width: 7px !important;
  height: 100% !important;
  cursor: e-resize;
}

.fc-event-hori .ui-resizable-w {
  top: 0 !important;
  left: -3px !important;
  width: 7px !important;
  height: 100% !important;
  cursor: w-resize;
}

/* Reusable Separate-border Table */
table.fc-border-separate,
.panel .panel-body table.fc-border-separate {
  border-collapse: separate;
  border: 1px solid #dddddd;
  border-top: 0;
}

.panel table.fc-border-separate {
  border: 0;
}

.fc-border-separate th,
.fc-border-separate td {
  border-width: 1px 0 0 1px;
}

.fc-border-separate th.fc-last,
.fc-border-separate td.fc-last {
  border-right-width: 1px;
}

.fc-border-separate tr.fc-last th,
.fc-border-separate tr.fc-last td {
  border-bottom-width: 1px;
}

.fc-border-separate tbody tr.fc-first td,
.fc-border-separate tbody tr.fc-first th {
  border-top-width: 0;
}

/* Month View, Basic Week View, Basic Day View */
.fc-grid th,
.fc-agenda-days th {
  text-align: center;
  padding: 4px;
  background-color: #fafafa;
  font-weight: 600;
  border-left: 1px solid #dddddd;
}

.fc-grid th:first-child,
.fc-agenda-days th:first-child {
  border-left: 0;
}

.fc-grid .fc-day-number {
  float: right;
  padding: 12px 10px;
  line-height: 1;
}

.fc-grid .fc-other-month .fc-day-number {
  opacity: 0.3;
  filter: alpha(opacity=30);
}

.fc-grid .fc-day-content {
  clear: both;
  padding: 2px 2px 1px;
}

.fc-grid .fc-event-time {
  font-weight: bold;
}

.fc .fc-week-number {
  width: 22px;
  text-align: center;
}

.fc .fc-week-number div {
  padding: 0 2px;
}

.fc-rtl .fc-grid .fc-day-number {
  float: left;
}

.fc-rtl .fc-grid .fc-event-time {
  float: right;
}

/* Agenda Week View, Agenda Day View */
.fc-agenda table {
  border-collapse: separate;
}

.fc-agenda .fc-event-hori {
  margin-top: 2px;
}

.fc-agenda table td {
  vertical-align: baseline;
  padding: 4px;
}

.fc-agenda-days th {
  text-align: center;
}

.fc-agenda .fc-agenda-axis {
  width: 50px;
  padding: 4px 10px;
  vertical-align: middle;
  text-align: right;
  white-space: nowrap;
  font-weight: normal;
}

.fc-agenda .fc-week-number {
  font-weight: bold;
}

.fc-agenda .fc-day-content {
  padding: 2px 2px 1px;
}

.fc-agenda-days .fc-agenda-axis {
  border-right-width: 1px;
}

.fc-agenda-allday th {
  border-width: 0 1px;
}

.fc-agenda-allday .fc-day-content {
  min-height: 34px;
}

.fc-agenda-divider-inner {
  height: 2px;
  overflow: hidden;
}

.fc-widget-header .fc-agenda-divider-inner {
  background: #eeeeee;
}

.fc-agenda-slots th {
  border-width: 1px 1px 0;
}

.fc-agenda-slots td {
  background: none;
}

.fc-agenda-slots td div {
  height: 20px;
}

.fc-agenda-slots tr.fc-slot0 th,
.fc-agenda-slots tr.fc-slot0 td {
  border-top-width: 0;
}

.fc-agenda-slots tr.fc-minor th,
.fc-agenda-slots tr.fc-minor td {
  border-top-style: dotted;
}

/* Vertical Events */
.fc-event-vert {
  border-width: 0 1px;
}

.fc-event-vert.fc-event-start {
  border-top-width: 1px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

.fc-event-vert.fc-event-end {
  border-bottom-width: 1px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}

.fc-event-vert .fc-event-time {
  white-space: nowrap;
  font-size: 10px;
}

.fc-event-vert .fc-event-inner {
  position: relative;
  z-index: 2;
}

.fc-event-vert .fc-event-bg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: white;
  opacity: .25;
  filter: alpha(opacity=25);
}

.fc-event-vert .ui-resizable-s {
  bottom: 0 !important;
  width: 100% !important;
  height: 8px !important;
  overflow: hidden !important;
  line-height: 8px !important;
  font-size: 11px !important;
  font-family: monospace;
  text-align: center;
  cursor: s-resize;
}

@media (max-width: 479px) {
  .fc-header-right {
    text-align: center;
  }

  .fc-header-right .fc-button {
    margin-left: 0;
    width: 100%;
  }

  .fc-header-title h2,
  .fc-header td {
    white-space: normal;
  }

  .fc-header-left .fc-button {
    width: 100%;
    text-align: center;
  }

  .fc-header-left .fc-button + .fc-button {
    margin-top: 2px;
  }
}
/* ===== WYSIHTML5 editor plugin ===== */
.editor {
  width: 100%;
  height: 150px;
  resize: vertical;
  max-height: 200px;
  background-color: white;
  border: 1px solid #dddddd;
  padding: 10px;
  overflow: scroll;
  outline: none;
}

.wysihtml5-sandbox {
  width: 100% !important;
}

.bootstrap-wysihtml5-insert-link-modal.modal,
.bootstrap-wysihtml5-insert-image-modal.modal {
  margin-top: 102px;
}

.bootstrap-wysihtml5-insert-link-modal .modal-dialog,
.bootstrap-wysihtml5-insert-image-modal .modal-dialog {
  width: 566px;
}

ul.wysihtml5-toolbar {
  margin: 0;
  padding: 0;
  display: block;
}

ul.wysihtml5-toolbar > li {
  display: inline-block;
  list-style: none;
  margin: 0 10px 15px 0;
}

ul.wysihtml5-toolbar .dropdown-menu {
  max-height: 200px;
  overflow-y: auto;
}

ul.wysihtml5-toolbar .dropdown-menu.color-select > li > a:hover,
ul.wysihtml5-toolbar .dropdown-menu.color-select > li > a:focus {
  background-color: whitesmoke;
  color: #222222;
}

ul.wysihtml5-commands-disabled .dropdown-menu {
  display: none !important;
}

ul.wysihtml5-toolbar a[data-wysihtml5-command=bold] {
  font-weight: bold;
}

ul.wysihtml5-toolbar a[data-wysihtml5-command=italic] {
  font-style: italic;
}

ul.wysihtml5-toolbar a[data-wysihtml5-command=underline] {
  text-decoration: underline;
}

ul.wysihtml5-toolbar a.btn.wysihtml5-command-active {
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

ul.wysihtml5-toolbar div.wysihtml5-colors {
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  pointer-events: none;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  left: 10px;
  top: 8px;
}

ul.wysihtml5-toolbar a.wysihtml5-colors-title {
  padding-left: 40px;
}

ul.wysihtml5-toolbar div[data-wysihtml5-command-value="black"] {
  background: black !important;
}

ul.wysihtml5-toolbar div[data-wysihtml5-command-value="silver"] {
  background: silver !important;
}

ul.wysihtml5-toolbar div[data-wysihtml5-command-value="gray"] {
  background: gray !important;
}

ul.wysihtml5-toolbar div[data-wysihtml5-command-value="maroon"] {
  background: maroon !important;
}

ul.wysihtml5-toolbar div[data-wysihtml5-command-value="red"] {
  background: red !important;
}

ul.wysihtml5-toolbar div[data-wysihtml5-command-value="purple"] {
  background: purple !important;
}

ul.wysihtml5-toolbar div[data-wysihtml5-command-value="green"] {
  background: green !important;
}

ul.wysihtml5-toolbar div[data-wysihtml5-command-value="olive"] {
  background: olive !important;
}

ul.wysihtml5-toolbar div[data-wysihtml5-command-value="navy"] {
  background: navy !important;
}

ul.wysihtml5-toolbar div[data-wysihtml5-command-value="blue"] {
  background: blue !important;
}

ul.wysihtml5-toolbar div[data-wysihtml5-command-value="orange"] {
  background: orange !important;
}

/* ===== Bootstrap switch ===== */
.has-switch {
  display: inline-block;
  cursor: pointer;
  position: relative;
  text-align: left;
  overflow: hidden;
  line-height: 8px;
  margin-right: 6px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  vertical-align: middle;
}

.has-switch:focus {
  outline: 0;
}

.has-switch.switch-mini {
  min-width: 72px;
}

.has-switch.switch-mini i.switch-mini-icons {
  height: 1.2em;
  line-height: 9px;
  vertical-align: text-top;
  text-align: center;
  transform: scale(0.6);
  margin-top: -1px;
  margin-bottom: -1px;
}

.has-switch.switch-small {
  min-width: 80px;
}

.has-switch.switch-large {
  min-width: 120px;
}

.has-switch.disabled {
  opacity: .7;
  filter: alpha(opacity=70);
  cursor: default;
}

.has-switch.disabled label,
.has-switch.disabled span {
  cursor: default !important;
}

.has-switch > div {
  display: inline-block;
  width: 150%;
  position: relative;
  top: 0;
  overflow: hidden;
}

.has-switch > div.switch-off {
  left: -50%;
}

.has-switch > div.switch-on {
  left: 0;
}

.has-switch input[type=checkbox],
.has-switch input[type=radio] {
  display: none;
}

.has-switch label,
.has-switch span {
  cursor: pointer;
  position: relative;
  margin: 0;
  display: inline-block !important;
  height: 100%;
  padding: 6px 8px;
  font-size: 11px;
  line-height: 20px;
}

.has-switch label.switch-mini,
.has-switch span.switch-mini {
  padding: 2px 6px;
  font-size: 11px;
  line-height: 20px;
}

.has-switch label.switch-small,
.has-switch span.switch-small {
  padding: 4px 7px;
  font-size: 11px;
  line-height: 20px;
}

.has-switch label.switch-large,
.has-switch span.switch-large {
  padding: 8px 10px;
  font-size: 12px;
  line-height: 20px;
}

.has-switch label {
  text-align: center;
  z-index: 100;
  width: 34%;
  background: #fafafa url(/images/forms/switch_handler.png) no-repeat 50%;
  border: 1px solid #cccccc;
}

.has-switch label:hover {
  background-color: #fcfcfc;
}

.has-switch label:active {
  background-color: #f6f6f6;
}

.has-switch label i {
  color: black;
  text-shadow: 0 1px 0 white;
  line-height: 18px;
  pointer-events: none;
}

.has-switch span {
  text-align: center;
  z-index: 1;
  width: 33%;
  font-weight: 400;
}

.has-switch span.switch-left {
  border-radius: 2px 0 0 2px;
  -webkit-border-radius: 2px 0 0 2px;
  -moz-border-radius: 2px 0 0 2px;
}

.has-switch span.switch-right {
  border-radius: 0 2px 2px 0;
  -webkit-border-radius: 0 2px 2px 0;
  -moz-border-radius: 0 2px 2px 0;
  color: white;
  border: 1px solid #428bca;
  background: #428bca;
}

.has-switch span i {
  font-size: 14px;
  vertical-align: -2px;
}

.has-switch span.switch-left,
.has-switch span.switch-primary {
  color: white;
  background: #546672;
  border: 1px solid #546672;
}

.has-switch span.switch-info {
  color: white;
  background: #50abc2;
  border-color: #50abc2;
}

.has-switch span.switch-success {
  color: white;
  background: #65b688;
  border-color: #65b688;
}

.has-switch span.switch-warning {
  background: #e48561;
  color: white;
  border-color: #e48561;
}

.has-switch span.switch-danger {
  color: white;
  background: #d65c4f;
  border-color: #d65c4f;
}

.has-switch span.switch-default {
  color: #333333;
  background: #eeeeee;
  border-color: #cccccc;
}

.switch-on > label {
  border-radius: 0 2px 2px 0;
  -webkit-border-radius: 0 2px 2px 0;
  -moz-border-radius: 0 2px 2px 0;
  margin: 0 1px 0 -1px;
}

.switch-off > label {
  border-radius: 2px 0 0 2px;
  -webkit-border-radius: 2px 0 0 2px;
  -moz-border-radius: 2px 0 0 2px;
  margin: 0 -1px 0 1px;
}

.switch-on .switch-right,
.switch-off .switch-left {
  opacity: 0;
  filter: alpha(Opacity=0);
}

.switch-off .switch-right,
.switch-on .switch-left {
  opacity: 1;
  filter: alpha(Opacity=100);
}

/* ===== Multiple file uploader (Plupload) ===== */
.plupload_button {
  display: -moz-inline-box;
  display: inline-block;
  text-decoration: none;
  color: white;
  background-color: #50abc2;
  border: 1px solid transparent;
  padding: 6px 16px;
  margin-right: 4px;
  font-size: 12px;
}

.plupload_button:hover,
.plupload_button:focus {
  background-color: #61b3c8;
  color: white;
}

a.plupload_disabled,
a.plupload_disabled:hover {
  color: #999999;
  border-color: #cccccc;
  background: #fcfcfc;
  cursor: default;
}

.plupload_start {
  background-color: #65b688;
}

.plupload_start:hover,
.plupload_start:focus {
  background-color: #74bd94;
}

.plupload_wrapper {
  width: 100%;
}

.plupload_container input {
  border: 1px solid #dddddd;
}

.plupload_header {
  background: #4c5d68 url(/images/interface/plupload_title.png) no-repeat 18px;
  display: none;
  border-radius: 2px 2px 0 0;
  -webkit-border-radius: 2px 2px 0 0;
  -moz-border-radius: 2px 2px 0 0;
}

.with-header .plupload_header {
  display: block;
}

.with-header .plupload_filelist_header {
  background-color: #fafafa;
  color: #333333;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border: 1px solid #dddddd;
  border-top: 0;
}

.panel .plupload_filelist_header {
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
}

.panel .plupload_scroll .plupload_filelist {
  border: 0;
  background-color: white;
}

.panel .plupload_filelist_footer {
  border-width: 1px 0 0 0;
  background-color: #fcfcfc;
}

.panel .plupload_filelist_header {
  background-color: #fcfcfc;
  color: #333333;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border: 0;
  border-bottom: 1px solid #dddddd;
}

.plupload_scroll .plupload_filelist_header .plupload_file_action,
.plupload_scroll .plupload_filelist_footer .plupload_file_action {
  margin-left: 20px;
  margin-right: 0;
}

.plupload_header_content {
  padding: 14px 0 14px 75px;
  color: white;
}

.plupload_header_title {
  font-size: 14px;
  font-weight: 600;
}

.plupload_header_text {
  font-size: 11px;
}

.plupload_filelist {
  margin: 0;
  padding: 0;
  list-style: none;
}

.plupload_scroll .plupload_filelist {
  height: 185px;
  background: #fcfcfc;
  overflow-y: scroll;
  border-left: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
}

.plupload_filelist li {
  padding: 10px 12px;
  background: white;
  border-bottom: 1px solid #eeeeee;
}

.plupload_filelist_header {
  padding: 9px 12px 9px 12px;
  background: #4c5d68;
  border-radius: 2px 2px 0 0;
  -webkit-border-radius: 2px 2px 0 0;
  -moz-border-radius: 2px 2px 0 0;
  color: white;
}

.plupload_filelist_footer {
  border: 1px solid #dddddd;
  border-top-color: #e5e5e5;
  vertical-align: middle;
  padding: 10px 12px;
  background: #fafafa;
}

.plupload_file_name {
  float: left;
  overflow: hidden;
  font-weight: 600;
}

.plupload_file_size,
.plupload_file_status,
.plupload_progress {
  float: right;
  width: 80px;
}

.plupload_file_size,
.plupload_file_status,
.plupload_file_action {
  text-align: right;
  font-weight: 600;
}

.plupload_filelist_footer .plupload_file_size,
.plupload_filelist_footer .plupload_file_status {
  padding-top: 7px;
}

.plupload_filelist_footer .plupload_upload_status {
  padding: 7px 0;
}

.plupload_filelist .plupload_file_name {
  width: 205px;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.plupload_file_action {
  float: right;
  width: 12px;
  height: 12px;
  margin-left: 20px;
  margin-top: 4px;
  opacity: 0.8;
  filter: alpha(Opacity=80);
}

.plupload_file_action * {
  display: none;
  width: 12px;
  height: 12px;
}

li.plupload_uploading {
  background: #ecf3dc;
}

li.plupload_done {
  color: #aaaaaa;
}

li.plupload_delete a {
  background: url(/images/interface/plupload_remove.png) no-repeat;
}

li.plupload_failed a {
  background: url(/images/interface/plupload_error.png) no-repeat;
  cursor: default;
}

li.plupload_done a {
  background: url(/images/interface/plupload_done.png) no-repeat;
  cursor: default;
}

li.plupload_droptext {
  background: transparent;
  text-align: center;
  vertical-align: middle;
  border: 0;
  line-height: 165px;
  font-weight: 600;
  color: #999999;
}

.plupload_progress,
.plupload_upload_status {
  display: none;
}

.plupload_progress_container {
  margin-top: 6px;
}

.plupload_progress_bar {
  width: 0px;
  height: 8px;
  background: #65b688;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
}

.plupload_clear,
.plupload_clearer {
  clear: both;
}

.plupload_clearer,
.plupload_progress_bar {
  display: block;
  font-size: 0;
  line-height: 0;
}

@media (max-width: 480px) {
  .plupload_filelist_footer .plupload_file_action,
  .plupload_filelist_footer .plupload_file_status,
  .plupload_filelist_footer .plupload_file_size,
  .plupload_filelist_footer .plupload_progress {
    display: none;
  }
}
/* ===== Fancybox - lightbox plugin ===== */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {
  padding: 0;
  margin: 0;
  border: 0;
  outline: none;
  vertical-align: top;
}

.fancybox-wrap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 8020;
}

.fancybox-skin {
  position: relative;
  background: white;
  color: #444444;
  text-shadow: none;
}

.fancybox-opened {
  z-index: 8030;
}

.fancybox-opened .fancybox-skin {
  -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.2);
}

.fancybox-outer, .fancybox-inner {
  position: relative;
}

.fancybox-inner {
  overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
  -webkit-overflow-scrolling: touch;
}

.fancybox-error {
  color: #444444;
  font-size: 12px;
  font-weight: 600;
  margin: 0;
  padding: 15px;
  white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
  display: block;
  width: 100%;
  height: 100%;
}

.fancybox-image {
  max-width: 100%;
  max-height: 100%;
}

#fancybox-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -13px;
  margin-left: -13px;
  background-color: white;
  opacity: 0.8;
  filter: alpha(Opacity=80);
  cursor: pointer;
  z-index: 8060;
}

#fancybox-loading div {
  width: 26px;
  height: 26px;
  background: url(/images/interface/loader.gif) center center no-repeat;
}

.fancybox-close {
  width: 22px;
  height: 22px;
  position: absolute;
  right: -22px;
  top: -22px;
  z-index: 8061;
  background: #548491 url(/images/forms/clear_results.png) no-repeat 8px 8px;
  cursor: pointer;
}

.fancybox-close:hover,
.fancybox-close:focus {
  background-color: #e48561;
}

.fancybox-nav {
  position: absolute;
  top: 0;
  width: 40%;
  height: 100%;
  cursor: pointer;
  text-decoration: none;
  background: transparent;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  z-index: 8040;
}

.fancybox-prev {
  left: 0;
}

.fancybox-next {
  right: 0;
}

.fancybox-nav span {
  position: absolute;
  top: 50%;
  width: 35px;
  height: 35px;
  margin-top: -18px;
  cursor: pointer;
  z-index: 8040;
  visibility: hidden;
  opacity: 0;
  filter: alpha(Opacity=0);
}

.fancybox-prev span {
  left: 10px;
  background: rgba(0, 0, 0, 0.5) url(/images/interface/nav_arrow_left.png) no-repeat 15px;
}

.fancybox-next span {
  right: 10px;
  background: rgba(0, 0, 0, 0.5) url(/images/interface/nav_arrow_right.png) no-repeat 15px;
}

.fancybox-nav:hover span {
  visibility: visible;
  opacity: 1;
  filter: alpha(Opacity=100);
}

.fancybox-tmp {
  position: absolute;
  top: -99999px;
  left: -99999px;
  visibility: hidden;
  max-width: 99999px;
  max-height: 99999px;
  overflow: visible !important;
}

/* Overlay helper */
.fancybox-lock .fancybox-overlay {
  overflow: auto;
  overflow-y: scroll;
}

.fancybox-lock {
  overflow: hidden !important;
  width: auto;
}

.fancybox-lock body {
  overflow: hidden !important;
}

.fancybox-lock-test {
  overflow-y: hidden !important;
}

.fancybox-overlay {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  display: none;
  z-index: 8010;
  background: url(/images/interface/lightbox_overlay.png);
}

.fancybox-overlay-fixed {
  position: fixed;
  bottom: 0;
  right: 0;
}

/* Title helper */
.fancybox-title {
  visibility: hidden;
  font-weight: 600;
  font-size: 12px;
  position: relative;
  text-shadow: none;
  z-index: 8050;
}

.fancybox-opened .fancybox-title {
  visibility: visible;
}

.fancybox-title-float-wrap {
  position: absolute;
  bottom: 0;
  right: 50%;
  margin-bottom: -45px;
  z-index: 8050;
  text-align: center;
}

.fancybox-title-float-wrap .child {
  display: inline-block;
  margin-right: -100%;
  padding: 5px 16px;
  background: rgba(0, 0, 0, 0.5);
  color: white;
  white-space: nowrap;
}

.fancybox-title-outside-wrap {
  position: relative;
  margin-top: 10px;
  color: white;
}

.fancybox-title-inside-wrap {
  padding-top: 10px;
}

.fancybox-title-over-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  color: white;
  padding: 10px;
  background: black;
  background: rgba(0, 0, 0, 0.8);
}

/* ===== UI autocomplete ===== */
.ui-autocomplete {
  position: absolute;
  display: none;
  padding: 0;
  z-index: 1000;
  border: 1px solid #dddddd;
  border-top: none;
  max-height: 164px;
  overflow-y: auto;
  overflow-x: hidden;
}

.ui-menu {
  display: block;
  float: left;
}

.ui-menu .ui-menu-item {
  float: left;
  clear: left;
  width: 100%;
  background-color: white;
}

.ui-menu .ui-menu-item a {
  text-decoration: none;
  display: block;
  padding: 10px 12px 11px 12px;
  color: #333333;
  font-weight: 600;
  cursor: pointer;
}

.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu a.ui-state-focus {
  background: #3a4b55;
  color: white;
}

.ui-helper-hidden-accessible {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
}

/* # Invoice template styles
================================================== */
.invoice-header ul {
  margin-bottom: 0;
}

.invoice-header {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 3px double #e5e5e5;
}

.invoice-header h3 {
  margin-bottom: 0;
  margin-top: 8px;
  font-weight: 400;
}

.invoice-header span {
  color: #999999;
}

.invoice-details {
  float: right;
  width: 260px;
  margin-top: 4px;
  max-width: 100%;
}

.invoice-details strong {
  float: right;
  margin-left: 20px;
}

.invoice-payment {
  border-bottom: 3px double #e5e5e5;
  margin-bottom: 20px;
  padding-bottom: 20px;
}

.invoice-payment .table h6 {
  margin-bottom: 0;
}

.chosen-payment span {
  color: #d65c4f;
  text-decoration: underline;
  font-weight: 600;
}

.chosen-payment a {
  font-size: 11px;
  color: #999999;
}

.invoice-status {
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid #eeeeee;
}

.invoice-number {
  width: 100px;
}

.invoice-date {
  width: 150px;
}

.invoice-expand {
  width: 60px;
}

.invoice-amount {
  width: 170px;
}

@media (max-width: 768px) {
  .invoice-details {
    float: none;
    margin-top: 12px;
  }
}
/* # Chat layout
================================================== */
.chat {
  max-height: 570px;
  overflow: auto;
  margin: 0 0 30px 0;
  border-top: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  background-color: white;
}

.chat .moment {
  font-weight: 600;
  color: #999999;
  clear: both;
  text-align: center;
  padding-bottom: 20px;
}

.message-img {
  position: absolute;
  left: 0;
  right: 0;
  width: 40px;
  height: 40px;
  margin-right: 30px;
}

.message-img img {
  display: block;
  width: 100%;
}

.reversed .message-img {
  left: auto;
  right: -30px;
}

.chat .message .message-body {
  margin-left: 58px;
  padding: 12px 14px;
  color: white;
  position: relative;
  background-color: #69a58d;
}

.chat .message.reversed .message-body {
  margin-left: 0;
  margin-right: 58px;
  color: #333333;
  background-color: white;
  border: 0;
  border: 1px solid #e5e5e5;
}

.chat .message {
  float: left;
  clear: both;
  max-width: 80%;
  padding: 0 0 20px 0;
  position: relative;
}

.chat .message:first-child {
  padding-top: 20px;
}

.chat .message.reversed {
  float: right;
}

.chat .message .attribution {
  margin: 6px 0 0 0;
  font-size: 11px;
  line-height: 1;
  color: white;
  opacity: 0.8;
  filter: alpha(Opacity=80);
  display: block;
  white-space: nowrap;
}

.chat .reversed .attribution {
  color: #777777;
}

.typing {
  background: url(/images/interface/typing.gif) no-repeat 0 0;
  display: block;
  width: 15px;
  height: 15px;
}

.message-body:after {
  border-top: 6px solid rgba(0, 0, 0, 0);
  border-right: 6px solid #69a58d;
  border-bottom: 6px solid rgba(0, 0, 0, 0);
  left: -6px;
  top: 13px;
  position: absolute;
  margin-left: 0;
  content: '';
}

.reversed .message-body:before {
  position: absolute;
  top: 12px;
  right: 0;
  display: inline-block;
  border-top: 7px solid rgba(0, 0, 0, 0);
  border-left: 7px solid #e5e5e5;
  border-bottom: 7px solid rgba(0, 0, 0, 0);
  border-left-color: rgba(0, 0, 0, 0.2);
  content: '';
  margin-right: -7px;
}

.reversed .message-body:after {
  position: absolute;
  top: 13px;
  right: 1px;
  left: auto;
  display: inline-block;
  border-top: 6px solid rgba(0, 0, 0, 0);
  border-left: 6px solid white;
  border-bottom: 6px solid rgba(0, 0, 0, 0);
  border-right: 0;
  content: '';
  margin-right: -7px;
}

/* Message list */
.message-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.message-list > li {
  padding: 15px 0 16px 0;
  border-bottom: 1px solid #e5e5e5;
  position: relative;
}

.message-list > li:first-child {
  border-top: 1px solid #e5e5e5;
}

.message-list > li.message-list-header {
  font-weight: 600;
  color: #999999;
}

.message-list > li .chat {
  margin-top: 15px;
  padding: 0 15px 15px 15px;
  border: 1px solid #eeeeee;
  background-color: #fcfcfc;
}

.message-list .status {
  margin-left: 4px;
}

.chat-member {
  float: left;
}

.chat-member h6 {
  margin: 11px 0;
  float: left;
  font-size: 12px;
}

.chat-member > a {
  float: left;
  margin-right: 12px;
}

.chat-member img {
  height: 40px;
}

.chat-member-title {
  float: left;
}

.chat-member-options {
  float: right;
}

.chat-member-heading {
  margin-bottom: 10px;
}

.chat-member-heading h6 {
  margin-top: 10px;
  margin-bottom: 0;
}

.chat-actions {
  float: right;
  margin: 5px 0;
}

.panel > .message-list > li {
  padding: 14px;
}

.panel > .message-list > li:first-child {
  border-top: 0;
}

@media (max-width: 479px) {
  .chat-member {
    float: none;
  }

  .chat-actions {
    float: none;
    width: 100%;
    text-align: center;
  }

  .chat-actions {
    margin: 10px 0 0 0;
  }

  .chat .message {
    max-width: 100%;
  }

  .chat-member-heading > .pull-left, .chat-member-heading > .pull-right {
    float: none !important;
  }

  .chat-member-heading > .pull-right {
    margin-top: 10px;
  }
}
/* # Error and Login pages styling
================================================== */
.error-wrapper {
  padding-bottom: 35px;
}

.page-condensed .error-wrapper {
  padding-top: 35px;
}

.error-wrapper h1 {
  color: white;
  font-size: 200px;
  line-height: 1;
  margin-bottom: 35px;
  font-weight: 300;
  text-stroke: 1px transparent;
  display: block;
  text-shadow: 0 1px 0 #cccccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbbbbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaaaaa, 0 6px 1px rgba(0, 0, 0, 0.1), 0 0 5px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.3), 0 3px 5px rgba(0, 0, 0, 0.2), 0 5px 10px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.2), 0 20px 20px rgba(0, 0, 0, 0.15);
}

.error-wrapper.offline h1 {
  font-size: 120px;
}

.error-wrapper h6 {
  margin-bottom: 15px;
}

.error-content {
  width: 440px;
  margin: auto;
}

.error-content input[type=text] {
  background: white url(/images/interface/filter.png) no-repeat 12px;
  padding-left: 32px;
}

.login-wrapper {
  width: 300px;
  margin: 60px auto;
}

.login-wrapper .checkbox, .login-wrapper .radio {
  margin: 7px 0;
}

.login-wrapper .thumb {
  width: 150px;
  margin: 0 auto;
}

.login-wrapper .thumb img,
.login-wrapper .thumb-options {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
}

.login-wrapper .thumbnail h6 {
  margin-bottom: 20px;
}

.page-condensed .footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding-left: 25px;
  padding-right: 25px;
}

@media (max-width: 480px) {
  .login-wrapper,
  .error-wrapper {
    width: 100%;
    margin: 0;
    padding-left: 15px;
    padding-right: 15px;
    height: auto;
    position: static;
  }

  .login-wrapper {
    padding-top: 35px;
    padding-bottom: 35px;
  }

  .error-wrapper,
  .error-content {
    width: 100%;
  }

  .error-wrapper h1 {
    font-size: 140px;
    padding-top: 0px;
  }

  .error-wrapper.offline h1 {
    font-size: 100px;
  }

  .page-condensed .error-wrapper {
    padding-top: 35px;
  }

  .page-condensed .footer {
    display: none;
  }
}
video.big {
  width: 600px;
  height: 480px;
}

video {
  width: 300px;
  height: 240px;
}

#parking-sessions-per-hour {
  height: 240px;
}

.chart-halfwidth-panel {
  width: 90%;
  height: 225px;
  display: block;
  overflow: hidden;
}

.chartvvccontainer {
  height: 300px;
}

.psd-container {
  box-sizing: border-box;
  width: 850px;
  height: 450px;
  padding: 20px 15px 15px 15px;
  margin: 15px auto 30px auto;
  border: 1px solid #ddd;
  background: #fff;
  background: linear-gradient(#f6f6f6 0, white 50px);
  background: -o-linear-gradient(#f6f6f6 0, white 50px);
  background: -ms-linear-gradient(#f6f6f6 0, white 50px);
  background: -moz-linear-gradient(#f6f6f6 0, white 50px);
  background: -webkit-linear-gradient(#f6f6f6 0, white 50px);
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);
  -o-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
}

.psd-placeholder {
  width: 100%;
  height: 100%;
  font-size: 14px;
  line-height: 1.2em;
}

.psbh-container, .session-payment-type-container {
  box-sizing: border-box;
  display: block;
  width: 850px;
  height: 450px;
  padding: 20px 15px 15px 15px;
  margin: 15px auto 30px auto;
  border: 1px solid #ddd;
  background: #fff;
  background: linear-gradient(#f6f6f6 0, white 50px);
  background: -o-linear-gradient(#f6f6f6 0, white 50px);
  background: -ms-linear-gradient(#f6f6f6 0, white 50px);
  background: -moz-linear-gradient(#f6f6f6 0, white 50px);
  background: -webkit-linear-gradient(#f6f6f6 0, white 50px);
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);
  -o-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
}

.session-payment-type-container {
  width: 100%;
}

.psbh-placeholder {
  width: 100%;
  height: 100%;
  font-size: 14px;
  line-height: 1.2em;
}

.vcr-container {
  box-sizing: border-box;
  width: 850px;
  height: 450px;
  padding: 20px 15px 15px 15px;
  margin: 15px auto 30px auto;
  border: 1px solid #ddd;
  background: #fff;
  background: linear-gradient(#f6f6f6 0, white 50px);
  background: -o-linear-gradient(#f6f6f6 0, white 50px);
  background: -ms-linear-gradient(#f6f6f6 0, white 50px);
  background: -moz-linear-gradient(#f6f6f6 0, white 50px);
  background: -webkit-linear-gradient(#f6f6f6 0, white 50px);
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);
  -o-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
}

.vcr-placeholder {
  width: 100%;
  height: 100%;
  font-size: 14px;
  line-height: 1.2em;
}

.chart-halfwidth {
  width: 95%;
  height: 250px;
  display: block;
  overflow: hidden;
}

.chart-table {
  width: 100%;
  padding: 20px 15px 15px 15px;
  margin: 15px auto 30px auto;
  border: 1px solid #ddd;
  background: #fff;
  background: linear-gradient(#f6f6f6 0, white 50px);
  background: -o-linear-gradient(#f6f6f6 0, white 50px);
  background: -ms-linear-gradient(#f6f6f6 0, white 50px);
  background: -moz-linear-gradient(#f6f6f6 0, white 50px);
  background: -webkit-linear-gradient(#f6f6f6 0, white 50px);
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);
  -o-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
}

.angular-google-map-container {
  height: 650px;
}

.small-circle-10 {
  background-color: #a4ff00;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
  text-align: center;
  line-height: 1;
}

.small-circle-20 {
  background-color: #f6ff00;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
  text-align: center;
  line-height: 1;
}

.small-circle-30 {
  background-color: #ffe500;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
  text-align: center;
  line-height: 1;
}

.small-circle-40 {
  background-color: #ffa200;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
  text-align: center;
  line-height: 1;
}

.small-circle-99 {
  background-color: #ff0000;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
  text-align: center;
  line-height: 1;
}

.marker_label {
  color: white;
  background-color: #af809d;
  background-color: rgba(175, 128, 157, 0.85);
  border: 2px solid #af809d;
  border-radius: 4px;
  white-space: nowrap;
}

.marker_label_grey {
  background-color: #8f8f8f;
  background-color: rgba(143, 143, 143, 0.85);
  border: 2px solid #8f8f8f;
}

.marker_label_grey_light {
  color: black;
  background-color: #efefef;
  background-color: rgba(239, 239, 239, 0.85);
  border: 2px solid #efefef;
}

.marker_label_green {
  background-color: #00e800;
  background-color: rgba(0, 232, 0, 0.85);
  border: 2px solid #00e800;
}

.marker_label_green_light {
  color: black;
  background-color: #b7ffb7;
  background-color: rgba(183, 255, 183, 0.85);
  border: 2px solid #b7ffb7;
}

.marker_label_yellow {
  background-color: #d8d800;
  background-color: rgba(216, 216, 0, 0.85);
  border: 2px solid #d8d800;
}

.marker_label_yellow_light {
  color: black;
  background-color: #fcfccc;
  background-color: rgba(252, 252, 204, 0.85);
  border: 2px solid #fcfccc;
}

.marker_label_orange {
  background-color: #ffcc00;
  background-color: rgba(255, 204, 0, 0.85);
  border: 2px solid #ffcc00;
}

.marker_label_red {
  background-color: #ff0000;
  background-color: rgba(255, 0, 0, 0.85);
  border: 2px solid #ff0000;
}

.marker_label_red_light {
  color: black;
  background-color: #ffdbdb;
  background-color: rgba(255, 219, 219, 0.85);
  border: 2px solid #ffdbdb;
}

.marker_label_white {
  color: black;
  background-color: white;
  background-color: rgba(255, 255, 255, 0.85);
  border: 2px solid white;
}

.marker_label_handicap {
  background-color: #4b76e0;
  background-color: rgba(75, 118, 224, 0.85);
  border: 2px solid #4b76e0;
}

.marker_label_police {
  background-color: #3875d7;
  background-color: rgba(56, 117, 215, 0.85);
  border: 2px solid #3875d7;
}

.marker_label_hidden {
  visibility: hidden;
}

.tab-container {
  border-top: 1px solid white;
}

.popup {
  background-color: #4FA2C2;
  color: white;
  padding: 4px;
}

.popup-table {
  border: 1px solid white;
}

.popup-table td, .popup-table th {
  border: 1px solid white;
  padding: 4px;
  padding-right: 12px;
}

.popup-loading-container {
  background-color: white;
  padding: 0px 3px 2px 3px;
  display: block;
  width: 51px;
  border: 1px solid;
  border-radius: 4px;
}

.popup-table-violations {
  margin-top: 6px;
}

.popup-table-violations-notified {
  font-style: italic;
  font-weight: bold;
}

.legend-table td {
  padding: 4px;
  padding-right: 12px;
}

input[type="date"] {
  height: 23px;
}

.myGrid {
  width: 850px;
  height: 230px;
}

.smallGrid {
  width: 650px;
  height: 730px;
}

.grid300x1000 {
  width: 300px;
  height: 1000px;
}

.grid350x1000 {
  width: 350px;
  height: 1000px;
}

.grid500x1000 {
  width: 500px;
  height: 1000px;
}

.grid550x1100 {
  width: 550px;
  height: 1100px;
}

.largeGrid {
  width: 850px;
  height: 730px;
}

.ui-grid {
  border: 1px solid #d4d4d4;
  box-sizing: content-box;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -o-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}

.ui-grid-vertical-bar {
  position: absolute;
  right: 0;
  width: 0;
}

.ui-grid-header-cell:not(:last-child) .ui-grid-vertical-bar,
.ui-grid-cell:not(:last-child) .ui-grid-vertical-bar {
  width: 1px;
}

.ui-grid-header-cell:not(:last-child) .ui-grid-vertical-bar {
  background-color: #d4d4d4;
}

.ui-grid-cell:not(:last-child) .ui-grid-vertical-bar {
  background-color: #d4d4d4;
}

.ui-grid-header-cell:last-child .ui-grid-vertical-bar {
  right: -1px;
  width: 1px;
  background-color: #d4d4d4;
}

.ui-grid-clearfix:before,
.ui-grid-clearfix:after {
  content: "";
  display: table;
}

.ui-grid-clearfix:after {
  clear: both;
}

.ui-grid-invisible {
  visibility: hidden;
}

.ui-grid-top-panel-background {
  background: #f3f3f3;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(1, white));
  background: -ms-linear-gradient(bottom, #eeeeee, white);
  background: -moz-linear-gradient(center bottom, #eeeeee 0%, white 100%);
  background: -o-linear-gradient(white, #eeeeee);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
}

.ui-grid-top-panel {
  position: relative;
  border-bottom: 1px solid #d4d4d4;
  overflow: hidden;
  font-weight: bold;
  background: #f3f3f3;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(1, white));
  background: -ms-linear-gradient(bottom, #eeeeee, white);
  background: -moz-linear-gradient(center bottom, #eeeeee 0%, white 100%);
  background: -o-linear-gradient(white, #eeeeee);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
  -webkit-border-top-right-radius: -1px;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: -1px;
  -moz-border-radius-topright: -1px;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: -1px;
  border-top-right-radius: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: -1px;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}

.ui-grid-group-panel {
  background: #f3f3f3;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(1, white));
  background: -ms-linear-gradient(bottom, #eeeeee, white);
  background: -moz-linear-gradient(center bottom, #eeeeee 0%, white 100%);
  background: -o-linear-gradient(white, #eeeeee);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
  border-bottom: 1px solid #d4d4d4;
  -webkit-border-top-right-radius: -1px;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: -1px;
  -moz-border-radius-topright: -1px;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: -1px;
  border-top-right-radius: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: -1px;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  min-height: 30px;
}

.ui-grid-header-group-panel .hidden {
  display: none;
}

.ui-grid-header-viewport {
  overflow: hidden;
}

.ui-grid-header-canvas {
  position: relative;
}

.ui-grid-header-canvas:before,
.ui-grid-header-canvas:after {
  content: "";
  display: table;
  line-height: 0;
}

.ui-grid-header-canvas:after {
  clear: both;
}

.ui-grid-header-cell {
  position: relative;
  float: left;
  top: 0;
  bottom: 0;
  background-color: inherit;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 0;
}

.ui-grid-header-cell .sortable {
  cursor: pointer;
}

.ui-grid-header .ui-grid-vertical-bar {
  top: 0;
  bottom: 0;
}

.ui-grid-column-menu-button {
  position: absolute;
  right: 1px;
  top: 0;
}

.ui-grid-column-menu-button .ui-grid-icon-angle-down {
  vertical-align: sub;
}

.ui-grid-column-menu {
  position: absolute;
}

/* Slide up/down animations */
.ui-grid-column-menu .ui-grid-menu .ui-grid-menu-inner.ng-hide-add,
.ui-grid-column-menu .ui-grid-menu .ui-grid-menu-inner.ng-hide-remove {
  -webkit-transition: all 0.05s linear;
  -moz-transition: all 0.05s linear;
  -o-transition: all 0.05s linear;
  transition: all 0.05s linear;
  display: block !important;
}

.ui-grid-column-menu .ui-grid-menu .ui-grid-menu-inner.ng-hide-add.ng-hide-add-active,
.ui-grid-column-menu .ui-grid-menu .ui-grid-menu-inner.ng-hide-remove {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
}

.ui-grid-column-menu .ui-grid-menu .ui-grid-menu-inner.ng-hide-add,
.ui-grid-column-menu .ui-grid-menu .ui-grid-menu-inner.ng-hide-remove.ng-hide-remove-active {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -o-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}

.ui-grid-filter-container {
  padding: 4px 10px;
  position: relative;
}

.ui-grid-filter-container .ui-grid-filter-button {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
}

.ui-grid-filter-container .ui-grid-filter-button [class^="ui-grid-icon"].right {
  position: absolute;
  top: 50%;
  line-height: 32px;
  margin-top: -16px;
  right: 10px;
  opacity: 0.66;
}

.ui-grid-filter-container .ui-grid-filter-button [class^="ui-grid-icon"].right:hover {
  opacity: 1;
}

input[type="text"].ui-grid-filter-input {
  padding: 0;
  margin: 0;
  border: 0;
  width: 100%;
  border: 1px solid #d4d4d4;
  -webkit-border-top-right-radius: 0px;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 0px;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 0;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}

input[type="text"].ui-grid-filter-input:hover {
  border: 1px solid #d4d4d4;
}

.ui-grid-render-container {
  position: relative;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0px;
  -webkit-border-bottom-left-radius: 0px;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 0px;
  -moz-border-radius-bottomleft: 0px;
  -moz-border-radius-topleft: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-top-left-radius: 0;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}

.ui-grid-viewport {
  min-height: 20px;
  position: relative;
  overflow: hidden;
}

.ui-grid-viewport :focus {
  outline: none;
}

.ui-grid-canvas {
  position: relative;
}

.ui-grid-row:nth-child(odd) .ui-grid-cell {
  background-color: #fdfdfd;
}

.ui-grid-row:nth-child(even) .ui-grid-cell {
  background-color: #f3f3f3;
}

.ui-grid-row:last-child .ui-grid-cell {
  border-bottom-color: #d4d4d4;
  border-bottom-style: solid;
}

.ui-grid-no-row-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 10%;
  background: #f3f3f3;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(1, white));
  background: -ms-linear-gradient(bottom, #eeeeee, white);
  background: -moz-linear-gradient(center bottom, #eeeeee 0%, white 100%);
  background: -o-linear-gradient(white, #eeeeee);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
  -webkit-border-top-right-radius: 0px;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 0px;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 0;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #d4d4d4;
  font-size: 2em;
  text-align: center;
}

.ui-grid-no-row-overlay > * {
  position: absolute;
  display: table;
  margin: auto 0;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0.66;
}

.ui-grid-cell {
  overflow: hidden;
  float: left;
  background-color: inherit;
  border-right: 1px solid;
  border-color: #d4d4d4;
  box-sizing: border-box;
}

.ui-grid-cell:last-child {
  border-right: 0;
}

.ui-grid-cell-contents {
  padding: 5px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  height: 100%;
}

.ui-grid-cell-contents-hidden {
  visibility: hidden;
  width: 0;
  height: 0;
  display: none;
}

.ui-grid-row-header-cell {
  background-color: #F0F0EE !important;
  border-bottom: solid 1px #d4d4d4;
}

.ui-grid-native-scrollbar {
  position: absolute;
  overflow: scroll;
}

.ui-grid-native-scrollbar.vertical {
  top: 0;
  right: 0;
  height: 100%;
  overflow-x: hidden;
  width: 17px;
}

.ui-grid-native-scrollbar.horizontal {
  bottom: 0;
  left: 0;
  width: 100%;
  overflow-y: hidden;
  height: 17px;
}

.ui-grid-footer-panel-background {
  background: #f3f3f3;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(1, white));
  background: -ms-linear-gradient(bottom, #eeeeee, white);
  background: -moz-linear-gradient(center bottom, #eeeeee 0%, white 100%);
  background: -o-linear-gradient(white, #eeeeee);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
}

.ui-grid-footer-panel {
  position: relative;
  border-bottom: 1px solid #d4d4d4;
  border-top: 1px solid #d4d4d4;
  overflow: hidden;
  font-weight: bold;
  background: #f3f3f3;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(1, white));
  background: -ms-linear-gradient(bottom, #eeeeee, white);
  background: -moz-linear-gradient(center bottom, #eeeeee 0%, white 100%);
  background: -o-linear-gradient(white, #eeeeee);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
  -webkit-border-top-right-radius: -1px;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: -1px;
  -moz-border-radius-topright: -1px;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: -1px;
  border-top-right-radius: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: -1px;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}

.ui-grid-group-panel {
  background: #f3f3f3;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(1, white));
  background: -ms-linear-gradient(bottom, #eeeeee, white);
  background: -moz-linear-gradient(center bottom, #eeeeee 0%, white 100%);
  background: -o-linear-gradient(white, #eeeeee);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
  border-bottom: 1px solid #d4d4d4;
  border-top: 1px solid #d4d4d4;
  -webkit-border-top-right-radius: -1px;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: -1px;
  -moz-border-radius-topright: -1px;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: -1px;
  border-top-right-radius: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: -1px;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  min-height: 30px;
}

.ui-grid-footer-group-panel .hidden {
  display: none;
}

.ui-grid-footer-viewport {
  overflow: hidden;
}

.ui-grid-footer-canvas {
  position: relative;
}

.ui-grid-footer-canvas:before,
.ui-grid-footer-canvas:after {
  content: "";
  display: table;
  line-height: 0;
}

.ui-grid-footer-canvas:after {
  clear: both;
}

.ui-grid-footer-cell {
  overflow: hidden;
  float: left;
  background-color: inherit;
  border-right: 1px solid;
  border-color: #d4d4d4;
  box-sizing: border-box;
}

.ui-grid-footer-cell:last-child {
  border-right: 0;
}

.ui-grid-footer .ui-grid-vertical-bar {
  top: 0;
  bottom: 0;
}

input[type="text"].ui-grid-filter-input {
  padding: 0;
  margin: 0;
  border: 0;
  width: 100%;
  border: 1px solid #d4d4d4;
  -webkit-border-top-right-radius: 0px;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 0px;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 0;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}

input[type="text"].ui-grid-filter-input:hover {
  border: 1px solid #d4d4d4;
}

.ui-grid-menu {
  z-index: 2;
  position: absolute;
  overflow: hidden;
  padding: 0 10px 20px 10px;
  cursor: default;
}

.ui-grid-menu .ui-grid-menu-inner {
  background: #f3f3f3;
  border: 1px solid #d4d4d4;
  position: relative;
  white-space: nowrap;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2), inset 0 12px 12px -14px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2), inset 0 12px 12px -14px rgba(0, 0, 0, 0.2);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2), inset 0 12px 12px -14px rgba(0, 0, 0, 0.2);
}

.ui-grid-menu .ui-grid-menu-inner ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.ui-grid-menu .ui-grid-menu-inner ul li {
  padding: 8px;
  cursor: pointer;
}

.ui-grid-menu .ui-grid-menu-inner ul li:hover {
  -webkit-box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
}

.ui-grid-menu .ui-grid-menu-inner ul li.ui-grid-menu-item-active {
  -webkit-box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
  background-color: #cecece;
}

.ui-grid-menu .ui-grid-menu-inner ul li:not(:last-child) {
  border-bottom: 1px solid #d4d4d4;
}

.ui-grid-sortarrow {
  right: 5px;
  position: absolute;
  width: 20px;
  top: 0;
  bottom: 0;
  background-position: center;
}

.ui-grid-sortarrow.down {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

@font-face {
  font-family: 'ui-grid';
  src: url("ui-grid.eot");
  src: url("ui-grid.eot#iefix") format("embedded-opentype"), url("ui-grid.woff") format("woff"), url("ui-grid.ttf?") format("truetype"), url("ui-grid.svg?#ui-grid") format("svg");
  font-weight: normal;
  font-style: normal;
}

/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'ui-grid';
    src: url('../font/ui-grid.svg?12312827#ui-grid') format('svg');
  }
}
*/
[class^="ui-grid-icon"]:before,
[class*=" ui-grid-icon"]:before {
  font-family: "ui-grid";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.ui-grid-icon-blank::before {
  width: 1em;
  content: ' ';
}

/*
* RTL Styles
*/
.ui-grid[dir=rtl] .ui-grid-header-cell,
.ui-grid[dir=rtl] .ui-grid-footer-cell,
.ui-grid[dir=rtl] .ui-grid-cell {
  float: right !important;
}

.ui-grid[dir=rtl] .ui-grid-scrollbar-horizontal {
  left: inherit;
  right: 0;
}

.ui-grid[dir=rtl] .ui-grid-native-scrollbar.vertical {
  left: 0;
  right: inherit;
}

.ui-grid[dir=rtl] .ui-grid-column-menu-button {
  position: absolute;
  left: 1px;
  top: 0;
  right: inherit;
}

.ui-grid[dir=rtl] .ui-grid-cell:first-child,
.ui-grid[dir=rtl] .ui-grid-header-cell:first-child,
.ui-grid[dir=rtl] .ui-grid-footer-cell:first-child {
  border-right: 0;
}

.ui-grid[dir=rtl] .ui-grid-cell:last-child {
  border-right: 1px solid;
  border-color: #d4d4d4;
}

.ui-grid[dir=rtl] .ui-grid-header-cell:first-child .ui-grid-vertical-bar,
.ui-grid[dir=rtl] .ui-grid-footer-cell:first-child .ui-grid-vertical-bar,
.ui-grid[dir=rtl] .ui-grid-cell:first-child .ui-grid-vertical-bar {
  width: 0;
}

/*
   Animation example, for spinners
*/
.ui-grid-animate-spin {
  -moz-animation: ui-grid-spin 2s infinite linear;
  -o-animation: ui-grid-spin 2s infinite linear;
  -webkit-animation: ui-grid-spin 2s infinite linear;
  animation: ui-grid-spin 2s infinite linear;
  display: inline-block;
}

@-moz-keyframes ui-grid-spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

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

@-webkit-keyframes ui-grid-spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

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

@-o-keyframes ui-grid-spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

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

@-ms-keyframes ui-grid-spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

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

@keyframes ui-grid-spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

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

/*---------------------------------------------------
    LESS Elements 0.9
  ---------------------------------------------------
    A set of useful LESS mixins
    More info at: http://lesselements.com
  ---------------------------------------------------*/
/* This file contains variable declarations (do not remove this line) */
/*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
/**
* @section Grid styles
*/
/**
* @section Header styles
*/
/** @description Colors for header gradient */
/**
* @section Grid body styles
*/
/** @description Colors used for row alternation */
/**
* @section Sort arrow colors
*/
/**
* @section Scrollbar styles
*/
/*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
/* This file contains variable declarations (do not remove this line) */
/*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
/**
* @section Grid styles
*/
/**
* @section Header styles
*/
/** @description Colors for header gradient */
/**
* @section Grid body styles
*/
/** @description Colors used for row alternation */
/**
* @section Sort arrow colors
*/
/**
* @section Scrollbar styles
*/
/*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
.ui-grid-cell-contents:focus {
  outline: 0;
  background-color: #b3c4c7;
}

/* This file contains variable declarations (do not remove this line) */
/*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
/**
* @section Grid styles
*/
/**
* @section Header styles
*/
/** @description Colors for header gradient */
/**
* @section Grid body styles
*/
/** @description Colors used for row alternation */
/**
* @section Sort arrow colors
*/
/**
* @section Scrollbar styles
*/
/*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
div.ui-grid-cell input {
  border-radius: inherit;
  padding: 0;
  width: 100%;
  color: inherit;
  height: auto;
  font: inherit;
  outline: none;
}

div.ui-grid-cell input:focus {
  color: inherit;
  outline: none;
}

div.ui-grid-cell input[type="checkbox"] {
  margin: 9px 0 0 6px;
  width: auto;
}

div.ui-grid-cell input.ng-invalid {
  border: 1px solid #fc8f8f;
}

div.ui-grid-cell input.ng-valid {
  border: 1px solid #d4d4d4;
}

/* This file contains variable declarations (do not remove this line) */
/*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
/**
* @section Grid styles
*/
/**
* @section Header styles
*/
/** @description Colors for header gradient */
/**
* @section Grid body styles
*/
/** @description Colors used for row alternation */
/**
* @section Sort arrow colors
*/
/**
* @section Scrollbar styles
*/
/*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
.expandableRow .ui-grid-row:nth-child(odd) .ui-grid-cell {
  background-color: #fdfdfd;
}

.expandableRow .ui-grid-row:nth-child(even) .ui-grid-cell {
  background-color: #f3f3f3;
}

/* This file contains variable declarations (do not remove this line) */
/*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
/**
* @section Grid styles
*/
/**
* @section Header styles
*/
/** @description Colors for header gradient */
/**
* @section Grid body styles
*/
/** @description Colors used for row alternation */
/**
* @section Sort arrow colors
*/
/**
* @section Scrollbar styles
*/
/*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
/* This file contains variable declarations (do not remove this line) */
/*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
/**
* @section Grid styles
*/
/**
* @section Header styles
*/
/** @description Colors for header gradient */
/**
* @section Grid body styles
*/
/** @description Colors used for row alternation */
/**
* @section Sort arrow colors
*/
/**
* @section Scrollbar styles
*/
/*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
.ui-grid-pinned-container {
  float: left;
}

.ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-header-cell:last-child {
  box-sizing: border-box;
  border-right: 1px solid;
  border-width: 1px;
  border-color: #aeaeae;
}

.ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-cell:last-child {
  box-sizing: border-box;
  border-right: 1px solid;
  border-width: 1px;
  border-color: #aeaeae;
}

.ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-header-cell:not(:last-child) .ui-grid-vertical-bar,
.ui-grid-pinned-container .ui-grid-cell:not(:last-child) .ui-grid-vertical-bar {
  width: 1px;
}

.ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-header-cell:not(:last-child) .ui-grid-vertical-bar {
  background-color: #d4d4d4;
}

.ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-cell:not(:last-child) .ui-grid-vertical-bar {
  background-color: #aeaeae;
}

.ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-header-cell:last-child .ui-grid-vertical-bar {
  right: -1px;
  width: 1px;
  background-color: #aeaeae;
}

.ui-grid-render-container-body {
  float: left;
}

/* This file contains variable declarations (do not remove this line) */
/*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
/**
* @section Grid styles
*/
/**
* @section Header styles
*/
/** @description Colors for header gradient */
/**
* @section Grid body styles
*/
/** @description Colors used for row alternation */
/**
* @section Sort arrow colors
*/
/**
* @section Scrollbar styles
*/
/*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
.ui-grid-column-resizer {
  top: 0;
  bottom: 0;
  width: 5px;
  position: absolute;
  cursor: col-resize;
}

.ui-grid-column-resizer.left {
  left: 0;
}

.ui-grid-column-resizer.right {
  right: 0;
}

.ui-grid.column-resizing {
  cursor: col-resize;
}

.ui-grid.column-resizing .ui-grid-resize-overlay {
  position: absolute;
  top: 0;
  height: 100%;
  width: 1px;
  background-color: #aeaeae;
}

/* This file contains variable declarations (do not remove this line) */
/*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
/**
* @section Grid styles
*/
/**
* @section Header styles
*/
/** @description Colors for header gradient */
/**
* @section Grid body styles
*/
/** @description Colors used for row alternation */
/**
* @section Sort arrow colors
*/
/**
* @section Scrollbar styles
*/
/*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
.ui-grid-row-saving .ui-grid-cell {
  color: #848484 !important;
}

.ui-grid-row-error .ui-grid-cell {
  color: #ff0000 !important;
}

/* This file contains variable declarations (do not remove this line) */
/*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
/**
* @section Grid styles
*/
/**
* @section Header styles
*/
/** @description Colors for header gradient */
/**
* @section Grid body styles
*/
/** @description Colors used for row alternation */
/**
* @section Sort arrow colors
*/
/**
* @section Scrollbar styles
*/
/*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
.ui-grid-row-selected .ui-grid-cell {
  background-color: #c9dde1 !important;
}

.ui-grid-disable-selection {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
}

.ui-grid-selection-row-header-buttons {
  cursor: pointer;
  opacity: 0.1;
}

.ui-grid-selection-row-header-buttons.ui-grid-row-selected {
  opacity: 1;
}

.ui-grid-selection-row-header-cell {
  border-bottom: solid 1px #d4d4d4;
}

.ui-grid-icon-plus-squared:before {
  content: '\c350';
}

/* '썐' */
.ui-grid-icon-minus-squared:before {
  content: '\c351';
}

/* '썑' */
.ui-grid-icon-search:before {
  content: '\c352';
}

/* '썒' */
.ui-grid-icon-cancel:before {
  content: '\c353';
}

/* '썓' */
.ui-grid-icon-info-circled:before {
  content: '\c354';
}

/* '썔' */
.ui-grid-icon-lock:before {
  content: '\c355';
}

/* '썕' */
.ui-grid-icon-lock-open:before {
  content: '\c356';
}

/* '썖' */
.ui-grid-icon-pencil:before {
  content: '\c357';
}

/* '썗' */
.ui-grid-icon-down-dir:before {
  content: '\c358';
}

/* '썘' */
.ui-grid-icon-up-dir:before {
  content: '\c359';
}

/* '썙' */
.ui-grid-icon-left-dir:before {
  content: '\c35a';
}

/* '썚' */
.ui-grid-icon-right-dir:before {
  content: '\c35b';
}

/* '썛' */
.ui-grid-icon-left-open:before {
  content: '\c35c';
}

/* '썜' */
.ui-grid-icon-right-open:before {
  content: '\c35d';
}

/* '썝' */
.ui-grid-icon-angle-down:before {
  content: '\c35e';
}

/* '썞' */
.ui-grid-icon-filter:before {
  content: '\c35f';
}

/* '썟' */
.ui-grid-icon-sort-alt-up:before {
  content: '\c360';
}

/* '썠' */
.ui-grid-icon-sort-alt-down:before {
  content: '\c361';
}

/* '썡' */
.ui-grid-icon-ok:before {
  content: '\e800';
}

/* '' */
.ui-grid-icon-spin5:before {
  content: '\ea61';
}

/* '' */
/*!
 * FullCalendar v2.3.1 Stylesheet
 * Docs & License: http://fullcalendar.io/
 * (c) 2015 Adam Shaw
 */
.fc {
  direction: ltr;
  text-align: left;
}

.fc-rtl {
  text-align: right;
}

body .fc {
  /* extra precedence to overcome jqui */
  font-size: 1em;
}

/* Colors
--------------------------------------------------------------------------------------------------*/
.fc-unthemed th,
.fc-unthemed td,
.fc-unthemed thead,
.fc-unthemed tbody,
.fc-unthemed .fc-divider,
.fc-unthemed .fc-row,
.fc-unthemed .fc-popover {
  border-color: #ddd;
}

.fc-unthemed .fc-popover {
  background-color: #fff;
}

.fc-unthemed .fc-divider,
.fc-unthemed .fc-popover .fc-header {
  background: #eee;
}

.fc-unthemed .fc-popover .fc-header .fc-close {
  color: #666;
}

.fc-unthemed .fc-today {
  background: #fcf8e3;
}

.fc-highlight {
  /* when user is selecting cells */
  background: #bce8f1;
  opacity: .3;
  filter: alpha(opacity=30);
  /* for IE */
}

.fc-bgevent {
  /* default look for background events */
  background: #8fdf82;
  opacity: .3;
  filter: alpha(opacity=30);
  /* for IE */
}

.fc-nonbusiness {
  /* default look for non-business-hours areas */
  /* will inherit .fc-bgevent's styles */
  background: #d7d7d7;
}

/* Icons (inline elements with styled text that mock arrow icons)
--------------------------------------------------------------------------------------------------*/
.fc-icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  line-height: 1em;
  font-size: 1em;
  text-align: center;
  overflow: hidden;
  font-family: "Courier New", Courier, monospace;
}

/*
Acceptable font-family overrides for individual icons:
	"Arial", sans-serif
	"Times New Roman", serif

NOTE: use percentage font sizes or else old IE chokes
*/
.fc-icon:after {
  position: relative;
  margin: 0 -1em;
  /* ensures character will be centered, regardless of width */
}

.fc-icon-left-single-arrow:after {
  content: "\02039";
  font-weight: bold;
  font-size: 200%;
  top: -7%;
  left: 3%;
}

.fc-icon-right-single-arrow:after {
  content: "\0203A";
  font-weight: bold;
  font-size: 200%;
  top: -7%;
  left: -3%;
}

.fc-icon-left-double-arrow:after {
  content: "\000AB";
  font-size: 160%;
  top: -7%;
}

.fc-icon-right-double-arrow:after {
  content: "\000BB";
  font-size: 160%;
  top: -7%;
}

.fc-icon-left-triangle:after {
  content: "\25C4";
  font-size: 125%;
  top: 3%;
  left: -2%;
}

.fc-icon-right-triangle:after {
  content: "\25BA";
  font-size: 125%;
  top: 3%;
  left: 2%;
}

.fc-icon-down-triangle:after {
  content: "\25BC";
  font-size: 125%;
  top: 2%;
}

.fc-icon-x:after {
  content: "\000D7";
  font-size: 200%;
  top: 6%;
}

/* Buttons (styled <button> tags, normalized to work cross-browser)
--------------------------------------------------------------------------------------------------*/
.fc button {
  /* force height to include the border and padding */
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* dimensions */
  margin: 0;
  height: 2.1em;
  padding: 0 .6em;
  /* text & cursor */
  font-size: 1em;
  /* normalize */
  white-space: nowrap;
  cursor: pointer;
}

/* Firefox has an annoying inner border */
.fc button::-moz-focus-inner {
  margin: 0;
  padding: 0;
}

.fc-state-default {
  /* non-theme */
  border: 1px solid;
}

.fc-state-default.fc-corner-left {
  /* non-theme */
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.fc-state-default.fc-corner-right {
  /* non-theme */
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

/* icons in buttons */
.fc button .fc-icon {
  /* non-theme */
  position: relative;
  top: -0.05em;
  /* seems to be a good adjustment across browsers */
  margin: 0 .2em;
  vertical-align: middle;
}

/*
  button states
  borrowed from twitter bootstrap (http://twitter.github.com/bootstrap/)
*/
.fc-state-default {
  background-color: #f5f5f5;
  background-image: -moz-linear-gradient(top, white, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(white), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, white, #e6e6e6);
  background-image: -o-linear-gradient(top, white, #e6e6e6);
  background-image: linear-gradient(to bottom, white, #e6e6e6);
  background-repeat: repeat-x;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  color: #333;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.fc-state-hover,
.fc-state-down,
.fc-state-active,
.fc-state-disabled {
  color: #333333;
  background-color: #e6e6e6;
}

.fc-state-hover {
  color: #333333;
  text-decoration: none;
  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
  -moz-transition: background-position 0.1s linear;
  -o-transition: background-position 0.1s linear;
  transition: background-position 0.1s linear;
}

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

/* Popover
--------------------------------------------------------------------------------------------------*/
.fc-popover {
  position: absolute;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}

.fc-popover .fc-header {
  /* TODO: be more consistent with fc-head/fc-body */
  padding: 2px 4px;
}

.fc-popover .fc-header .fc-title {
  margin: 0 2px;
}

.fc-popover .fc-header .fc-close {
  cursor: pointer;
}

.fc-ltr .fc-popover .fc-header .fc-title,
.fc-rtl .fc-popover .fc-header .fc-close {
  float: left;
}

.fc-rtl .fc-popover .fc-header .fc-title,
.fc-ltr .fc-popover .fc-header .fc-close {
  float: right;
}

/* unthemed */
.fc-unthemed .fc-popover {
  border-width: 1px;
  border-style: solid;
}

.fc-unthemed .fc-popover .fc-header .fc-close {
  font-size: .9em;
  margin-top: 2px;
}

/* jqui themed */
.fc-popover > .ui-widget-header + .ui-widget-content {
  border-top: 0;
  /* where they meet, let the header have the border */
}

/* Misc Reusable Components
--------------------------------------------------------------------------------------------------*/
.fc-divider {
  border-style: solid;
  border-width: 1px;
}

hr.fc-divider {
  height: 0;
  margin: 0;
  padding: 0 0 2px;
  /* height is unreliable across browsers, so use padding */
  border-width: 1px 0;
}

.fc-clear {
  clear: both;
}

.fc-bg,
.fc-bgevent-skeleton,
.fc-highlight-skeleton,
.fc-helper-skeleton {
  /* these element should always cling to top-left/right corners */
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.fc-bg {
  bottom: 0;
  /* strech bg to bottom edge */
}

.fc-bg table {
  height: 100%;
  /* strech bg to bottom edge */
}

/* Tables
--------------------------------------------------------------------------------------------------*/
.fc table {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 1em;
  /* normalize cross-browser */
}

.fc th {
  text-align: center;
}

.fc th,
.fc td {
  border-style: solid;
  border-width: 1px;
  padding: 0;
  vertical-align: top;
}

.fc td.fc-today {
  border-style: double;
  /* overcome neighboring borders */
}

/* Fake Table Rows
--------------------------------------------------------------------------------------------------*/
.fc .fc-row {
  /* extra precedence to overcome themes w/ .ui-widget-content forcing a 1px border */
  /* no visible border by default. but make available if need be (scrollbar width compensation) */
  border-style: solid;
  border-width: 0;
}

.fc-row table {
  /* don't put left/right border on anything within a fake row.
     the outer tbody will worry about this */
  border-left: 0 hidden transparent;
  border-right: 0 hidden transparent;
  /* no bottom borders on rows */
  border-bottom: 0 hidden transparent;
}

.fc-row:first-child table {
  border-top: 0 hidden transparent;
  /* no top border on first row */
}

/* Day Row (used within the header and the DayGrid)
--------------------------------------------------------------------------------------------------*/
.fc-row {
  position: relative;
}

.fc-row .fc-bg {
  z-index: 1;
}

/* highlighting cells & background event skeleton */
.fc-row .fc-bgevent-skeleton,
.fc-row .fc-highlight-skeleton {
  bottom: 0;
  /* stretch skeleton to bottom of row */
}

.fc-row .fc-bgevent-skeleton table,
.fc-row .fc-highlight-skeleton table {
  height: 100%;
  /* stretch skeleton to bottom of row */
}

.fc-row .fc-highlight-skeleton td,
.fc-row .fc-bgevent-skeleton td {
  border-color: transparent;
}

.fc-row .fc-bgevent-skeleton {
  z-index: 2;
}

.fc-row .fc-highlight-skeleton {
  z-index: 3;
}

/*
row content (which contains day/week numbers and events) as well as "helper" (which contains
temporary rendered events).
*/
.fc-row .fc-content-skeleton {
  position: relative;
  z-index: 4;
  padding-bottom: 2px;
  /* matches the space above the events */
}

.fc-row .fc-helper-skeleton {
  z-index: 5;
}

.fc-row .fc-content-skeleton td,
.fc-row .fc-helper-skeleton td {
  /* see-through to the background below */
  background: none;
  /* in case <td>s are globally styled */
  border-color: transparent;
  /* don't put a border between events and/or the day number */
  border-bottom: 0;
}

.fc-row .fc-content-skeleton tbody td,
.fc-row .fc-helper-skeleton tbody td {
  /* don't put a border between event cells */
  border-top: 0;
}

/* Scrolling Container
--------------------------------------------------------------------------------------------------*/
.fc-scroller {
  /* this class goes on elements for guaranteed vertical scrollbars */
  overflow-y: scroll;
  overflow-x: hidden;
}

.fc-scroller > * {
  /* we expect an immediate inner element */
  position: relative;
  /* re-scope all positions */
  width: 100%;
  /* hack to force re-sizing this inner element when scrollbars appear/disappear */
  overflow: hidden;
  /* don't let negative margins or absolute positioning create further scroll */
}

/* Global Event Styles
--------------------------------------------------------------------------------------------------*/
.fc-event {
  position: relative;
  /* for resize handle and other inner positioning */
  display: block;
  /* make the <a> tag block */
  font-size: .85em;
  line-height: 1.3;
  border-radius: 3px;
  border: 1px solid #3a87ad;
  /* default BORDER color */
  background-color: #3a87ad;
  /* default BACKGROUND color */
  font-weight: normal;
  /* undo jqui's ui-widget-header bold */
}

/* overpower some of bootstrap's and jqui's styles on <a> tags */
.fc-event,
.fc-event:hover,
.ui-widget .fc-event {
  color: #fff;
  /* default TEXT color */
  text-decoration: none;
  /* if <a> has an href */
}

.fc-event[href],
.fc-event.fc-draggable {
  cursor: pointer;
  /* give events with links and draggable events a hand mouse pointer */
}

.fc-not-allowed,
.fc-not-allowed .fc-event {
  /* to override an event's custom cursor */
  cursor: not-allowed;
}

.fc-event .fc-bg {
  /* the generic .fc-bg already does position */
  z-index: 1;
  background: #fff;
  opacity: .25;
  filter: alpha(opacity=25);
  /* for IE */
}

.fc-event .fc-content {
  position: relative;
  z-index: 2;
}

.fc-event .fc-resizer {
  position: absolute;
  z-index: 3;
}

/* Horizontal Events
--------------------------------------------------------------------------------------------------*/
/* events that are continuing to/from another week. kill rounded corners and butt up against edge */
.fc-ltr .fc-h-event.fc-not-start,
.fc-rtl .fc-h-event.fc-not-end {
  margin-left: 0;
  border-left-width: 0;
  padding-left: 1px;
  /* replace the border with padding */
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.fc-ltr .fc-h-event.fc-not-end,
.fc-rtl .fc-h-event.fc-not-start {
  margin-right: 0;
  border-right-width: 0;
  padding-right: 1px;
  /* replace the border with padding */
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

/* resizer */
.fc-h-event .fc-resizer {
  /* positioned it to overcome the event's borders */
  top: -1px;
  bottom: -1px;
  left: -1px;
  right: -1px;
  width: 5px;
}

/* left resizer  */
.fc-ltr .fc-h-event .fc-start-resizer,
.fc-ltr .fc-h-event .fc-start-resizer:before,
.fc-ltr .fc-h-event .fc-start-resizer:after,
.fc-rtl .fc-h-event .fc-end-resizer,
.fc-rtl .fc-h-event .fc-end-resizer:before,
.fc-rtl .fc-h-event .fc-end-resizer:after {
  right: auto;
  /* ignore the right and only use the left */
  cursor: w-resize;
}

/* right resizer */
.fc-ltr .fc-h-event .fc-end-resizer,
.fc-ltr .fc-h-event .fc-end-resizer:before,
.fc-ltr .fc-h-event .fc-end-resizer:after,
.fc-rtl .fc-h-event .fc-start-resizer,
.fc-rtl .fc-h-event .fc-start-resizer:before,
.fc-rtl .fc-h-event .fc-start-resizer:after {
  left: auto;
  /* ignore the left and only use the right */
  cursor: e-resize;
}

/* DayGrid events
----------------------------------------------------------------------------------------------------
We use the full "fc-day-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/
.fc-day-grid-event {
  margin: 1px 2px 0;
  /* spacing between events and edges */
  padding: 0 1px;
}

.fc-day-grid-event .fc-content {
  /* force events to be one-line tall */
  white-space: nowrap;
  overflow: hidden;
}

.fc-day-grid-event .fc-time {
  font-weight: bold;
}

.fc-day-grid-event .fc-resizer {
  /* enlarge the default hit area */
  left: -3px;
  right: -3px;
  width: 7px;
}

/* Event Limiting
--------------------------------------------------------------------------------------------------*/
/* "more" link that represents hidden events */
a.fc-more {
  margin: 1px 3px;
  font-size: .85em;
  cursor: pointer;
  text-decoration: none;
}

a.fc-more:hover {
  text-decoration: underline;
}

.fc-limited {
  /* rows and cells that are hidden because of a "more" link */
  display: none;
}

/* popover that appears when "more" link is clicked */
.fc-day-grid .fc-row {
  z-index: 1;
  /* make the "more" popover one higher than this */
}

.fc-more-popover {
  z-index: 2;
  width: 220px;
}

.fc-more-popover .fc-event-container {
  padding: 10px;
}

/* Toolbar
--------------------------------------------------------------------------------------------------*/
.fc-toolbar {
  text-align: center;
  margin-bottom: 1em;
}

.fc-toolbar .fc-left {
  float: left;
}

.fc-toolbar .fc-right {
  float: right;
}

.fc-toolbar .fc-center {
  display: inline-block;
}

/* the things within each left/right/center section */
.fc .fc-toolbar > * > * {
  /* extra precedence to override button border margins */
  float: left;
  margin-left: .75em;
}

/* the first thing within each left/center/right section */
.fc .fc-toolbar > * > :first-child {
  /* extra precedence to override button border margins */
  margin-left: 0;
}

/* title text */
.fc-toolbar h2 {
  margin: 0;
}

/* button layering (for border precedence) */
.fc-toolbar button {
  position: relative;
}

.fc-toolbar .fc-state-hover,
.fc-toolbar .ui-state-hover {
  z-index: 2;
}

.fc-toolbar .fc-state-down {
  z-index: 3;
}

.fc-toolbar .fc-state-active,
.fc-toolbar .ui-state-active {
  z-index: 4;
}

.fc-toolbar button:focus {
  z-index: 5;
}

/* View Structure
--------------------------------------------------------------------------------------------------*/
/* undo twitter bootstrap's box-sizing rules. normalizes positioning techniques */
/* don't do this for the toolbar because we'll want bootstrap to style those buttons as some pt */
.fc-view-container *,
.fc-view-container *:before,
.fc-view-container *:after {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

.fc-view,
.fc-view > table {
  /* so dragged elements can be above the view's main element */
  position: relative;
  z-index: 1;
}

/* BasicView
--------------------------------------------------------------------------------------------------*/
/* day row structure */
.fc-basicWeek-view .fc-content-skeleton,
.fc-basicDay-view .fc-content-skeleton {
  /* we are sure there are no day numbers in these views, so... */
  padding-top: 1px;
  /* add a pixel to make sure there are 2px padding above events */
  padding-bottom: 1em;
  /* ensure a space at bottom of cell for user selecting/clicking */
}

.fc-basic-view .fc-body .fc-row {
  min-height: 4em;
  /* ensure that all rows are at least this tall */
}

/* a "rigid" row will take up a constant amount of height because content-skeleton is absolute */
.fc-row.fc-rigid {
  overflow: hidden;
}

.fc-row.fc-rigid .fc-content-skeleton {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

/* week and day number styling */
.fc-basic-view .fc-week-number,
.fc-basic-view .fc-day-number {
  padding: 0 2px;
}

.fc-basic-view td.fc-week-number span,
.fc-basic-view td.fc-day-number {
  padding-top: 2px;
  padding-bottom: 2px;
}

.fc-basic-view .fc-week-number {
  text-align: center;
}

.fc-basic-view .fc-week-number span {
  /* work around the way we do column resizing and ensure a minimum width */
  display: inline-block;
  min-width: 1.25em;
}

.fc-ltr .fc-basic-view .fc-day-number {
  text-align: right;
}

.fc-rtl .fc-basic-view .fc-day-number {
  text-align: left;
}

.fc-day-number.fc-other-month {
  opacity: 0.3;
  filter: alpha(opacity=30);
  /* for IE */
  /* opacity with small font can sometimes look too faded
     might want to set the 'color' property instead
     making day-numbers bold also fixes the problem */
}

/* AgendaView all-day area
--------------------------------------------------------------------------------------------------*/
.fc-agenda-view .fc-day-grid {
  position: relative;
  z-index: 2;
  /* so the "more.." popover will be over the time grid */
}

.fc-agenda-view .fc-day-grid .fc-row {
  min-height: 3em;
  /* all-day section will never get shorter than this */
}

.fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton {
  padding-top: 1px;
  /* add a pixel to make sure there are 2px padding above events */
  padding-bottom: 1em;
  /* give space underneath events for clicking/selecting days */
}

/* TimeGrid axis running down the side (for both the all-day area and the slot area)
--------------------------------------------------------------------------------------------------*/
.fc .fc-axis {
  /* .fc to overcome default cell styles */
  vertical-align: middle;
  padding: 0 4px;
  white-space: nowrap;
}

.fc-ltr .fc-axis {
  text-align: right;
}

.fc-rtl .fc-axis {
  text-align: left;
}

.ui-widget td.fc-axis {
  font-weight: normal;
  /* overcome jqui theme making it bold */
}

/* TimeGrid Structure
--------------------------------------------------------------------------------------------------*/
.fc-time-grid-container,
.fc-time-grid {
  /* so slats/bg/content/etc positions get scoped within here */
  position: relative;
  z-index: 1;
}

.fc-time-grid {
  min-height: 100%;
  /* so if height setting is 'auto', .fc-bg stretches to fill height */
}

.fc-time-grid table {
  /* don't put outer borders on slats/bg/content/etc */
  border: 0 hidden transparent;
}

.fc-time-grid > .fc-bg {
  z-index: 1;
}

.fc-time-grid .fc-slats,
.fc-time-grid > hr {
  /* the <hr> AgendaView injects when grid is shorter than scroller */
  position: relative;
  z-index: 2;
}

.fc-time-grid .fc-bgevent-skeleton,
.fc-time-grid .fc-content-skeleton {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.fc-time-grid .fc-bgevent-skeleton {
  z-index: 3;
}

.fc-time-grid .fc-highlight-skeleton {
  z-index: 4;
}

.fc-time-grid .fc-content-skeleton {
  z-index: 5;
}

.fc-time-grid .fc-helper-skeleton {
  z-index: 6;
}

/* TimeGrid Slats (lines that run horizontally)
--------------------------------------------------------------------------------------------------*/
.fc-time-grid .fc-slats td {
  height: 1.5em;
  border-bottom: 0;
  /* each cell is responsible for its top border */
}

.fc-time-grid .fc-slats .fc-minor td {
  border-top-style: dotted;
}

.fc-time-grid .fc-slats .ui-widget-content {
  /* for jqui theme */
  background: none;
  /* see through to fc-bg */
}

/* TimeGrid Highlighting Slots
--------------------------------------------------------------------------------------------------*/
.fc-time-grid .fc-highlight-container {
  /* a div within a cell within the fc-highlight-skeleton */
  position: relative;
  /* scopes the left/right of the fc-highlight to be in the column */
}

.fc-time-grid .fc-highlight {
  position: absolute;
  left: 0;
  right: 0;
  /* top and bottom will be in by JS */
}

/* TimeGrid Event Containment
--------------------------------------------------------------------------------------------------*/
.fc-time-grid .fc-event-container,
.fc-time-grid .fc-bgevent-container {
  /* a div within a cell within the fc-bgevent-skeleton */
  position: relative;
}

.fc-ltr .fc-time-grid .fc-event-container {
  /* space on the sides of events for LTR (default) */
  margin: 0 2.5% 0 2px;
}

.fc-rtl .fc-time-grid .fc-event-container {
  /* space on the sides of events for RTL */
  margin: 0 2px 0 2.5%;
}

.fc-time-grid .fc-event,
.fc-time-grid .fc-bgevent {
  position: absolute;
  z-index: 1;
  /* scope inner z-index's */
}

.fc-time-grid .fc-bgevent {
  /* background events always span full width */
  left: 0;
  right: 0;
}

/* Generic Vertical Event
--------------------------------------------------------------------------------------------------*/
.fc-v-event.fc-not-start {
  /* events that are continuing from another day */
  /* replace space made by the top border with padding */
  border-top-width: 0;
  padding-top: 1px;
  /* remove top rounded corners */
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.fc-v-event.fc-not-end {
  /* replace space made by the top border with padding */
  border-bottom-width: 0;
  padding-bottom: 1px;
  /* remove bottom rounded corners */
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

/* TimeGrid Event Styling
----------------------------------------------------------------------------------------------------
We use the full "fc-time-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/
.fc-time-grid-event {
  overflow: hidden;
  /* don't let the bg flow over rounded corners */
}

.fc-time-grid-event .fc-time,
.fc-time-grid-event .fc-title {
  padding: 0 1px;
}

.fc-time-grid-event .fc-time {
  font-size: .85em;
  white-space: nowrap;
}

/* short mode, where time and title are on the same line */
.fc-time-grid-event.fc-short .fc-content {
  /* don't wrap to second line (now that contents will be inline) */
  white-space: nowrap;
}

.fc-time-grid-event.fc-short .fc-time,
.fc-time-grid-event.fc-short .fc-title {
  /* put the time and title on the same line */
  display: inline-block;
  vertical-align: top;
}

.fc-time-grid-event.fc-short .fc-time span {
  display: none;
  /* don't display the full time text... */
}

.fc-time-grid-event.fc-short .fc-time:before {
  content: attr(data-start);
  /* ...instead, display only the start time */
}

.fc-time-grid-event.fc-short .fc-time:after {
  content: "\000A0-\000A0";
  /* seperate with a dash, wrapped in nbsp's */
}

.fc-time-grid-event.fc-short .fc-title {
  font-size: .85em;
  /* make the title text the same size as the time */
  padding: 0;
  /* undo padding from above */
}

/* resizer */
.fc-time-grid-event .fc-resizer {
  left: 0;
  right: 0;
  bottom: 0;
  height: 8px;
  overflow: hidden;
  line-height: 8px;
  font-size: 11px;
  font-family: monospace;
  text-align: center;
  cursor: s-resize;
}

.fc-time-grid-event .fc-resizer:after {
  content: "=";
}

.report-builder .row {
  margin-bottom: 5px;
}
.report-builder .row .checkbox {
  margin-top: 0px;
  margin-bottom: 0px;
}
.report-builder .row .checkbox label {
  font-weight: 700;
}
.report-builder .row .report {
  margin-top: 5px;
  margin-bottom: 5px;
}
.report-builder .row .report select {
  width: 300px;
}
.report-builder .detailed-options select {
  width: 100%;
}
.report-builder input[type="date"] {
  height: 23px;
}
.report-builder div[isteven-multi-select] {
  height: 18px;
  line-height: 13px;
}
.report-builder div[isteven-multi-select] button[ng-bind-html="varButtonLabel"] {
  min-height: 18px !important;
  height: 18px;
  background-image: none;
  width: 100%;
}
.report-builder div[isteven-multi-select] button[ng-bind-html="varButtonLabel"] .buttonLabel {
  padding-top: 0px;
  font-size: 12px;
  float: left;
}

.completed_reports_table {
  border-collapse: collapse;
  width: 100%;
  border: 1px solid #ddd;
  text-align: left;
}
.completed_reports_table th, .completed_reports_table td {
  padding: 15px;
  border: 1px solid #ddd;
  text-align: left;
}
.completed_reports_table th .options_cell, .completed_reports_table td .options_cell {
  height: 50px;
  width: 300px;
  overflow: auto;
}
