@font-face { font-family: 'icomoon'; src:url(name=icomoon.eot); src:url(name=icomoon.eot?#iefix3p0rtw) format('embedded-opentype'), url(name=icomoon.woff) format('woff'), url(name=icomoon.ttf) format('truetype'), url(name=icomoon.svg#icomoon) format('svg'); font-weight: normal; font-style: normal; } [class^="icon-"], [class*=" icon-"] { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; min-width: 1em; display: inline-block; text-align: center; font-size: 16px; vertical-align: middle; position: relative; top: -1px; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-2x { font-size: 32px; } .icon-3x { font-size: 48px; } .icon-bordered { padding: 5px; border: 2px solid; border-radius: 50%; } .icon-home:before{content:"\e900";} .icon-home2:before{content:"\e901";} .icon-home5:before{content:"\e904";} .icon-home7:before{content:"\e906";} .icon-home8:before{content:"\e907";} .icon-home9:before{content:"\e908";} .icon-office:before{content:"\e909";} .icon-city:before{content:"\e90a";} .icon-newspaper:before{content:"\e90b";} .icon-magazine:before{content:"\e90c";} .icon-design:before{content:"\e90d";} .icon-pencil:before{content:"\e90e";} .icon-pencil3:before{content:"\e910";} .icon-pencil4:before{content:"\e911";} .icon-pencil5:before{content:"\e912";} .icon-pencil6:before{content:"\e913";} .icon-pencil7:before{content:"\e914";} .icon-eraser:before{content:"\e915";} .icon-eraser2:before{content:"\e916";} .icon-eraser3:before{content:"\e917";} .icon-quill2:before{content:"\e919";} .icon-quill4:before{content:"\e91b";} .icon-pen:before{content:"\e91c";} .icon-pen-plus:before{content:"\e91d";} .icon-pen-minus:before{content:"\e91e";} .icon-pen2:before{content:"\e91f";} .icon-blog:before{content:"\e925";} .icon-pen6:before{content:"\e927";} .icon-brush:before{content:"\e928";} .icon-spray:before{content:"\e929";} .icon-color-sampler:before{content:"\e92c";} .icon-toggle:before{content:"\e92d";} .icon-bucket:before{content:"\e92e";} .icon-gradient:before{content:"\e930";} .icon-eyedropper:before{content:"\e931";} .icon-eyedropper2:before{content:"\e932";} .icon-eyedropper3:before{content:"\e933";} .icon-droplet:before{content:"\e934";} .icon-droplet2:before{content:"\e935";} .icon-color-clear:before{content:"\e937";} .icon-paint-format:before{content:"\e938";} .icon-stamp:before{content:"\e939";} .icon-image2:before{content:"\e93c";} .icon-image-compare:before{content:"\e93d";} .icon-images2:before{content:"\e93e";} .icon-image3:before{content:"\e93f";} .icon-images3:before{content:"\e940";} .icon-image4:before{content:"\e941";} .icon-image5:before{content:"\e942";} .icon-camera:before{content:"\e944";} .icon-shutter:before{content:"\e947";} .icon-headphones:before{content:"\e948";} .icon-headset:before{content:"\e949";} .icon-music:before{content:"\e94a";} .icon-album:before{content:"\e950";} .icon-tape:before{content:"\e952";} .icon-piano:before{content:"\e953";} .icon-speakers:before{content:"\e956";} .icon-play:before{content:"\e957";} .icon-clapboard-play:before{content:"\e959";} .icon-clapboard:before{content:"\e95a";} .icon-media:before{content:"\e95b";} .icon-presentation:before{content:"\e95c";} .icon-movie:before{content:"\e95d";} .icon-film:before{content:"\e95e";} .icon-film2:before{content:"\e95f";} .icon-film3:before{content:"\e960";} .icon-film4:before{content:"\e961";} .icon-video-camera:before{content:"\e962";} .icon-video-camera2:before{content:"\e963";} .icon-video-camera-slash:before{content:"\e964";} .icon-video-camera3:before{content:"\e965";} .icon-dice:before{content:"\e96a";} .icon-chess-king:before{content:"\e972";} .icon-chess-queen:before{content:"\e973";} .icon-chess:before{content:"\e978";} .icon-megaphone:before{content:"\e97a";} .icon-new:before{content:"\e97b";} .icon-connection:before{content:"\e97c";} .icon-station:before{content:"\e981";} .icon-satellite-dish2:before{content:"\e98a";} .icon-feed:before{content:"\e9b3";} .icon-mic2:before{content:"\e9ce";} .icon-mic-off2:before{content:"\e9e0";} .icon-book:before{content:"\e9e1";} .icon-book2:before{content:"\e9e9";} .icon-book-play:before{content:"\e9fd";} .icon-book3:before{content:"\ea01";} .icon-bookmark:before{content:"\ea02";} .icon-books:before{content:"\ea03";} .icon-archive:before{content:"\ea04";} .icon-reading:before{content:"\ea05";} .icon-library2:before{content:"\ea06";} .icon-graduation2:before{content:"\ea07";} .icon-file-text:before{content:"\ea08";} .icon-profile:before{content:"\ea09";} .icon-file-empty:before{content:"\ea0a";} .icon-file-empty2:before{content:"\ea0b";} .icon-files-empty:before{content:"\ea0c";} .icon-files-empty2:before{content:"\ea0d";} .icon-file-plus:before{content:"\ea0e";} .icon-file-plus2:before{content:"\ea0f";} .icon-file-minus:before{content:"\ea10";} .icon-file-minus2:before{content:"\ea11";} .icon-file-download:before{content:"\ea12";} .icon-file-download2:before{content:"\ea13";} .icon-file-upload:before{content:"\ea14";} .icon-file-upload2:before{content:"\ea15";} .icon-file-check:before{content:"\ea16";} .icon-file-check2:before{content:"\ea17";} .icon-file-eye:before{content:"\ea18";} .icon-file-eye2:before{content:"\ea19";} .icon-file-text2:before{content:"\ea1a";} .icon-file-text3:before{content:"\ea1b";} .icon-file-picture:before{content:"\ea1c";} .icon-file-picture2:before{content:"\ea1d";} .icon-file-music:before{content:"\ea1e";} .icon-file-music2:before{content:"\ea1f";} .icon-file-play:before{content:"\ea20";} .icon-file-play2:before{content:"\ea21";} .icon-file-video:before{content:"\ea22";} .icon-file-video2:before{content:"\ea23";} .icon-copy:before{content:"\ea24";} .icon-copy2:before{content:"\ea25";} .icon-file-zip:before{content:"\ea26";} .icon-file-zip2:before{content:"\ea27";} .icon-file-xml:before{content:"\ea28";} .icon-file-xml2:before{content:"\ea29";} .icon-file-css:before{content:"\ea2a";} .icon-file-css2:before{content:"\ea2b";} .icon-file-presentation:before{content:"\ea2c";} .icon-file-presentation2:before{content:"\ea2d";} .icon-file-stats:before{content:"\ea2e";} .icon-file-stats2:before{content:"\ea2f";} .icon-file-locked:before{content:"\ea30";} .icon-file-locked2:before{content:"\ea31";} .icon-file-spreadsheet:before{content:"\ea32";} .icon-file-spreadsheet2:before{content:"\ea33";} .icon-copy3:before{content:"\ea34";} .icon-copy4:before{content:"\ea35";} .icon-paste:before{content:"\ea36";} .icon-paste2:before{content:"\ea37";} .icon-paste3:before{content:"\ea38";} .icon-paste4:before{content:"\ea39";} .icon-stack:before{content:"\ea3a";} .icon-stack2:before{content:"\ea3b";} .icon-stack3:before{content:"\ea3c";} .icon-folder:before{content:"\ea3d";} .icon-folder-search:before{content:"\ea3e";} .icon-folder-download:before{content:"\ea3f";} .icon-folder-upload:before{content:"\ea40";} .icon-folder-plus:before{content:"\ea41";} .icon-folder-plus2:before{content:"\ea42";} .icon-folder-minus:before{content:"\ea43";} .icon-folder-minus2:before{content:"\ea44";} .icon-folder-check:before{content:"\ea45";} .icon-folder-heart:before{content:"\ea46";} .icon-folder-remove:before{content:"\ea47";} .icon-folder2:before{content:"\ea48";} .icon-folder-open:before{content:"\ea49";} .icon-folder3:before{content:"\ea4a";} .icon-folder4:before{content:"\ea4b";} .icon-folder-plus3:before{content:"\ea4c";} .icon-folder-minus3:before{content:"\ea4d";} .icon-folder-plus4:before{content:"\ea4e";} .icon-folder-minus4:before{content:"\ea4f";} .icon-folder-download2:before{content:"\ea50";} .icon-folder-upload2:before{content:"\ea51";} .icon-folder-download3:before{content:"\ea52";} .icon-folder-upload3:before{content:"\ea53";} .icon-folder5:before{content:"\ea54";} .icon-folder-open2:before{content:"\ea55";} .icon-folder6:before{content:"\ea56";} .icon-folder-open3:before{content:"\ea57";} .icon-certificate:before{content:"\ea58";} .icon-cc:before{content:"\ea59";} .icon-price-tag:before{content:"\ea5a";} .icon-price-tag2:before{content:"\ea5b";} .icon-price-tags:before{content:"\ea5c";} .icon-price-tag3:before{content:"\ea5d";} .icon-price-tags2:before{content:"\ea5e";} .icon-barcode2:before{content:"\ea5f";} .icon-qrcode:before{content:"\ea60";} .icon-ticket:before{content:"\ea61";} .icon-theater:before{content:"\ea62";} .icon-store:before{content:"\ea63";} .icon-store2:before{content:"\ea64";} .icon-cart:before{content:"\ea65";} .icon-cart2:before{content:"\ea66";} .icon-cart4:before{content:"\ea67";} .icon-cart5:before{content:"\ea68";} .icon-cart-add:before{content:"\ea69";} .icon-cart-add2:before{content:"\ea6a";} .icon-cart-remove:before{content:"\ea6b";} .icon-basket:before{content:"\ea6c";} .icon-bag:before{content:"\ea6d";} .icon-percent:before{content:"\ea6f";} .icon-coins:before{content:"\ea70";} .icon-coin-dollar:before{content:"\ea71";} .icon-coin-euro:before{content:"\ea72";} .icon-coin-pound:before{content:"\ea73";} .icon-coin-yen:before{content:"\ea74";} .icon-piggy-bank:before{content:"\ea75";} .icon-wallet:before{content:"\ea76";} .icon-cash:before{content:"\ea77";} .icon-cash2:before{content:"\ea78";} .icon-cash3:before{content:"\ea79";} .icon-cash4:before{content:"\ea7a";} .icon-credit-card:before{content:"\ea6e";} .icon-credit-card2:before{content:"\ea7b";} .icon-calculator4:before{content:"\ea7c";} .icon-calculator2:before{content:"\ea7d";} .icon-calculator3:before{content:"\ea7e";} .icon-chip:before{content:"\ea7f";} .icon-lifebuoy:before{content:"\ea80";} .icon-phone:before{content:"\ea81";} .icon-phone2:before{content:"\ea82";} .icon-phone-slash:before{content:"\ea83";} .icon-phone-wave:before{content:"\ea84";} .icon-phone-plus:before{content:"\ea85";} .icon-phone-minus:before{content:"\ea86";} .icon-phone-plus2:before{content:"\ea87";} .icon-phone-minus2:before{content:"\ea88";} .icon-phone-incoming:before{content:"\ea89";} .icon-phone-outgoing:before{content:"\ea8a";} .icon-phone-hang-up:before{content:"\ea8e";} .icon-address-book:before{content:"\ea90";} .icon-address-book2:before{content:"\ea91";} .icon-address-book3:before{content:"\ea92";} .icon-notebook:before{content:"\ea93";} .icon-envelop:before{content:"\ea94";} .icon-envelop2:before{content:"\ea95";} .icon-envelop3:before{content:"\ea96";} .icon-envelop4:before{content:"\ea97";} .icon-envelop5:before{content:"\ea98";} .icon-mailbox:before{content:"\ea99";} .icon-pushpin:before{content:"\ea9a";} .icon-location3:before{content:"\ea9d";} .icon-location4:before{content:"\ea9e";} .icon-compass4:before{content:"\ea9f";} .icon-map:before{content:"\eaa0";} .icon-map4:before{content:"\eaa1";} .icon-map5:before{content:"\eaa2";} .icon-direction:before{content:"\eaa3";} .icon-reset:before{content:"\eaa4";} .icon-history:before{content:"\eaa5";} .icon-watch:before{content:"\eaa6";} .icon-watch2:before{content:"\eaa7";} .icon-alarm:before{content:"\eaa8";} .icon-alarm-add:before{content:"\eaa9";} .icon-alarm-check:before{content:"\eaaa";} .icon-alarm-cancel:before{content:"\eaab";} .icon-bell2:before{content:"\eaac";} .icon-bell3:before{content:"\eaad";} .icon-bell-plus:before{content:"\eaae";} .icon-bell-minus:before{content:"\eaaf";} .icon-bell-check:before{content:"\eab0";} .icon-bell-cross:before{content:"\eab1";} .icon-calendar:before{content:"\eab2";} .icon-calendar2:before{content:"\eab3";} .icon-calendar3:before{content:"\eab4";} .icon-calendar52:before{content:"\eab6";} .icon-printer:before{content:"\eab7";} .icon-printer2:before{content:"\eab8";} .icon-printer4:before{content:"\eab9";} .icon-shredder:before{content:"\eaba";} .icon-mouse:before{content:"\eabb";} .icon-mouse-left:before{content:"\eabc";} .icon-mouse-right:before{content:"\eabd";} .icon-keyboard:before{content:"\eabe";} .icon-typewriter:before{content:"\eabf";} .icon-display:before{content:"\eac0";} .icon-display4:before{content:"\eac1";} .icon-laptop:before{content:"\eac2";} .icon-mobile:before{content:"\eac3";} .icon-mobile2:before{content:"\eac4";} .icon-tablet:before{content:"\eac5";} .icon-mobile3:before{content:"\eac6";} .icon-tv:before{content:"\eac7";} .icon-radio:before{content:"\eac8";} .icon-cabinet:before{content:"\eac9";} .icon-drawer:before{content:"\eaca";} .icon-drawer2:before{content:"\eacb";} .icon-drawer-out:before{content:"\eacc";} .icon-drawer-in:before{content:"\eacd";} .icon-drawer3:before{content:"\eace";} .icon-box:before{content:"\eacf";} .icon-box-add:before{content:"\ead0";} .icon-box-remove:before{content:"\ead1";} .icon-download:before{content:"\ead2";} .icon-upload:before{content:"\ead3";} .icon-floppy-disk:before{content:"\ead4";} .icon-floppy-disks:before{content:"\ead5";} .icon-usb-stick:before{content:"\ead6";} .icon-drive:before{content:"\ead7";} .icon-server:before{content:"\ead8";} .icon-database:before{content:"\ead9";} .icon-database2:before{content:"\eada";} .icon-database4:before{content:"\eadb";} .icon-database-menu:before{content:"\eadc";} .icon-database-add:before{content:"\eadd";} .icon-database-remove:before{content:"\eade";} .icon-database-insert:before{content:"\eadf";} .icon-database-export:before{content:"\eae0";} .icon-database-upload:before{content:"\eae1";} .icon-database-refresh:before{content:"\eae2";} .icon-database-diff:before{content:"\eae3";} .icon-database-edit2:before{content:"\eae5";} .icon-database-check:before{content:"\eae6";} .icon-database-arrow:before{content:"\eae7";} .icon-database-time2:before{content:"\eae9";} .icon-undo:before{content:"\eaea";} .icon-redo:before{content:"\eaeb";} .icon-rotate-ccw:before{content:"\eaec";} .icon-rotate-cw:before{content:"\eaed";} .icon-rotate-ccw2:before{content:"\eaee";} .icon-rotate-cw2:before{content:"\eaef";} .icon-rotate-ccw3:before{content:"\eaf0";} .icon-rotate-cw3:before{content:"\eaf1";} .icon-flip-vertical2:before{content:"\eaf2";} .icon-flip-horizontal2:before{content:"\eaf3";} .icon-flip-vertical3:before{content:"\eaf4";} .icon-flip-vertical4:before{content:"\eaf5";} .icon-angle:before{content:"\eaf6";} .icon-shear:before{content:"\eaf7";} .icon-align-left:before{content:"\eafc";} .icon-align-center-horizontal:before{content:"\eafd";} .icon-align-right:before{content:"\eafe";} .icon-align-top:before{content:"\eaff";} .icon-align-center-vertical:before{content:"\eb00";} .icon-align-bottom:before{content:"\eb01";} .icon-undo2:before{content:"\eb02";} .icon-redo2:before{content:"\eb03";} .icon-forward:before{content:"\eb04";} .icon-reply:before{content:"\eb05";} .icon-reply-all:before{content:"\eb06";} .icon-bubble:before{content:"\eb07";} .icon-bubbles:before{content:"\eb08";} .icon-bubbles2:before{content:"\eb09";} .icon-bubble2:before{content:"\eb0a";} .icon-bubbles3:before{content:"\eb0b";} .icon-bubbles4:before{content:"\eb0c";} .icon-bubble-notification:before{content:"\eb0d";} .icon-bubbles5:before{content:"\eb0e";} .icon-bubbles6:before{content:"\eb0f";} .icon-bubble6:before{content:"\eb10";} .icon-bubbles7:before{content:"\eb11";} .icon-bubble7:before{content:"\eb12";} .icon-bubbles8:before{content:"\eb13";} .icon-bubble8:before{content:"\eb14";} .icon-bubble-dots3:before{content:"\eb15";} .icon-bubble-lines3:before{content:"\eb16";} .icon-bubble9:before{content:"\eb17";} .icon-bubble-dots4:before{content:"\eb18";} .icon-bubble-lines4:before{content:"\eb19";} .icon-bubbles9:before{content:"\eb1a";} .icon-bubbles10:before{content:"\eb1b";} .icon-user:before{content:"\eb33";} .icon-users:before{content:"\eb34";} .icon-user-plus:before{content:"\eb35";} .icon-user-minus:before{content:"\eb36";} .icon-user-cancel:before{content:"\eb37";} .icon-user-block:before{content:"\eb38";} .icon-user-lock:before{content:"\eb39";} .icon-user-check:before{content:"\eb3a";} .icon-users2:before{content:"\eb3b";} .icon-users4:before{content:"\eb44";} .icon-user-tie:before{content:"\eb45";} .icon-collaboration:before{content:"\eb46";} .icon-vcard:before{content:"\eb47";} .icon-hat:before{content:"\ebb8";} .icon-bowtie:before{content:"\ebb9";} .icon-quotes-left:before{content:"\eb49";} .icon-quotes-right:before{content:"\eb4a";} .icon-quotes-left2:before{content:"\eb4b";} .icon-quotes-right2:before{content:"\eb4c";} .icon-hour-glass:before{content:"\eb4d";} .icon-hour-glass2:before{content:"\eb4e";} .icon-hour-glass3:before{content:"\eb4f";} .icon-spinner:before{content:"\eb50";} .icon-spinner2:before{content:"\eb51";} .icon-spinner3:before{content:"\eb52";} .icon-spinner4:before{content:"\eb53";} .icon-spinner6:before{content:"\eb54";} .icon-spinner9:before{content:"\eb55";} .icon-spinner10:before{content:"\eb56";} .icon-spinner11:before{content:"\eb57";} .icon-microscope:before{content:"\eb58";} .icon-enlarge:before{content:"\eb59";} .icon-shrink:before{content:"\eb5a";} .icon-enlarge3:before{content:"\eb5b";} .icon-shrink3:before{content:"\eb5c";} .icon-enlarge5:before{content:"\eb5d";} .icon-shrink5:before{content:"\eb5e";} .icon-enlarge6:before{content:"\eb5f";} .icon-shrink6:before{content:"\eb60";} .icon-enlarge7:before{content:"\eb61";} .icon-shrink7:before{content:"\eb62";} .icon-key:before{content:"\eb63";} .icon-lock:before{content:"\eb65";} .icon-lock2:before{content:"\eb66";} .icon-lock4:before{content:"\eb67";} .icon-unlocked:before{content:"\eb68";} .icon-lock5:before{content:"\eb69";} .icon-unlocked2:before{content:"\eb6a";} .icon-safe:before{content:"\eb6b";} .icon-wrench:before{content:"\eb6c";} .icon-wrench2:before{content:"\eb6d";} .icon-wrench3:before{content:"\eb6e";} .icon-equalizer:before{content:"\eb6f";} .icon-equalizer2:before{content:"\eb70";} .icon-equalizer3:before{content:"\eb71";} .icon-equalizer4:before{content:"\eb72";} .icon-cog:before{content:"\eb73";} .icon-cogs:before{content:"\eb74";} .icon-cog2:before{content:"\eb75";} .icon-cog3:before{content:"\eb76";} .icon-cog4:before{content:"\eb77";} .icon-cog52:before{content:"\eb78";} .icon-cog6:before{content:"\eb79";} .icon-cog7:before{content:"\eb7a";} .icon-hammer:before{content:"\eb7c";} .icon-hammer-wrench:before{content:"\eb7d";} .icon-magic-wand:before{content:"\eb7e";} .icon-magic-wand2:before{content:"\eb7f";} .icon-pulse2:before{content:"\eb80";} .icon-aid-kit:before{content:"\eb81";} .icon-bug2:before{content:"\eb83";} .icon-construction:before{content:"\eb85";} .icon-traffic-cone:before{content:"\eb86";} .icon-traffic-lights:before{content:"\eb87";} .icon-pie-chart:before{content:"\eb88";} .icon-pie-chart2:before{content:"\eb89";} .icon-pie-chart3:before{content:"\eb8a";} .icon-pie-chart4:before{content:"\eb8b";} .icon-pie-chart5:before{content:"\eb8c";} .icon-pie-chart6:before{content:"\eb8d";} .icon-pie-chart7:before{content:"\eb8e";} .icon-stats-dots:before{content:"\eb8f";} .icon-stats-bars:before{content:"\eb90";} .icon-pie-chart8:before{content:"\eb91";} .icon-stats-bars2:before{content:"\eb92";} .icon-stats-bars3:before{content:"\eb93";} .icon-stats-bars4:before{content:"\eb94";} .icon-chart:before{content:"\eb97";} .icon-stats-growth:before{content:"\eb98";} .icon-stats-decline:before{content:"\eb99";} .icon-stats-growth2:before{content:"\eb9a";} .icon-stats-decline2:before{content:"\eb9b";} .icon-stairs-up:before{content:"\eb9c";} .icon-stairs-down:before{content:"\eb9d";} .icon-stairs:before{content:"\eb9e";} .icon-ladder:before{content:"\eba0";} .icon-rating:before{content:"\eba1";} .icon-rating2:before{content:"\eba2";} .icon-rating3:before{content:"\eba3";} .icon-podium:before{content:"\eba5";} .icon-stars:before{content:"\eba6";} .icon-medal-star:before{content:"\eba7";} .icon-medal:before{content:"\eba8";} .icon-medal2:before{content:"\eba9";} .icon-medal-first:before{content:"\ebaa";} .icon-medal-second:before{content:"\ebab";} .icon-medal-third:before{content:"\ebac";} .icon-crown:before{content:"\ebad";} .icon-trophy2:before{content:"\ebaf";} .icon-trophy3:before{content:"\ebb0";} .icon-diamond:before{content:"\ebb1";} .icon-trophy4:before{content:"\ebb2";} .icon-gift:before{content:"\ebb3";} .icon-pipe:before{content:"\ebb6";} .icon-mustache:before{content:"\ebb7";} .icon-cup2:before{content:"\ebc6";} .icon-coffee:before{content:"\ebc8";} .icon-paw:before{content:"\ebd5";} .icon-footprint:before{content:"\ebd6";} .icon-rocket:before{content:"\ebda";} .icon-meter2:before{content:"\ebdc";} .icon-meter-slow:before{content:"\ebdd";} .icon-meter-fast:before{content:"\ebdf";} .icon-hammer2:before{content:"\ebe1";} .icon-balance:before{content:"\ebe2";} .icon-fire:before{content:"\ebe5";} .icon-fire2:before{content:"\ebe6";} .icon-lab:before{content:"\ebe7";} .icon-atom:before{content:"\ebe8";} .icon-atom2:before{content:"\ebe9";} .icon-bin:before{content:"\ebfa";} .icon-bin2:before{content:"\ebfb";} .icon-briefcase:before{content:"\ebff";} .icon-briefcase3:before{content:"\ec01";} .icon-airplane2:before{content:"\ec03";} .icon-airplane3:before{content:"\ec04";} .icon-airplane4:before{content:"\ec05";} .icon-paperplane:before{content:"\ec06";} .icon-car:before{content:"\ec07";} .icon-steering-wheel:before{content:"\ec08";} .icon-car2:before{content:"\ec09";} .icon-gas:before{content:"\ec0a";} .icon-bus:before{content:"\ec0b";} .icon-truck:before{content:"\ec0c";} .icon-bike:before{content:"\ec0d";} .icon-road:before{content:"\ec0e";} .icon-train:before{content:"\ec0f";} .icon-train2:before{content:"\ec10";} .icon-ship:before{content:"\ec11";} .icon-boat:before{content:"\ec12";} .icon-chopper:before{content:"\ec13";} .icon-cube:before{content:"\ec15";} .icon-cube2:before{content:"\ec16";} .icon-cube3:before{content:"\ec17";} .icon-cube4:before{content:"\ec18";} .icon-pyramid:before{content:"\ec19";} .icon-pyramid2:before{content:"\ec1a";} .icon-package:before{content:"\ec1b";} .icon-puzzle:before{content:"\ec1c";} .icon-puzzle2:before{content:"\ec1d";} .icon-puzzle3:before{content:"\ec1e";} .icon-puzzle4:before{content:"\ec1f";} .icon-glasses-3d2:before{content:"\ec21";} .icon-brain:before{content:"\ec24";} .icon-accessibility:before{content:"\ec25";} .icon-accessibility2:before{content:"\ec26";} .icon-strategy:before{content:"\ec27";} .icon-target:before{content:"\ec28";} .icon-target2:before{content:"\ec29";} .icon-shield-check:before{content:"\ec2f";} .icon-shield-notice:before{content:"\ec30";} .icon-shield2:before{content:"\ec31";} .icon-racing:before{content:"\ec40";} .icon-finish:before{content:"\ec41";} .icon-power2:before{content:"\ec46";} .icon-power3:before{content:"\ec47";} .icon-switch:before{content:"\ec48";} .icon-switch22:before{content:"\ec49";} .icon-power-cord:before{content:"\ec4a";} .icon-clipboard:before{content:"\ec4d";} .icon-clipboard2:before{content:"\ec4e";} .icon-clipboard3:before{content:"\ec4f";} .icon-clipboard4:before{content:"\ec50";} .icon-clipboard5:before{content:"\ec51";} .icon-clipboard6:before{content:"\ec52";} .icon-playlist:before{content:"\ec53";} .icon-playlist-add:before{content:"\ec54";} .icon-list-numbered:before{content:"\ec55";} .icon-list:before{content:"\ec56";} .icon-list2:before{content:"\ec57";} .icon-more:before{content:"\ec58";} .icon-more2:before{content:"\ec59";} .icon-grid:before{content:"\ec5a";} .icon-grid2:before{content:"\ec5b";} .icon-grid3:before{content:"\ec5c";} .icon-grid4:before{content:"\ec5d";} .icon-grid52:before{content:"\ec5e";} .icon-grid6:before{content:"\ec5f";} .icon-grid7:before{content:"\ec60";} .icon-tree5:before{content:"\ec61";} .icon-tree6:before{content:"\ec62";} .icon-tree7:before{content:"\ec63";} .icon-lan:before{content:"\ec64";} .icon-lan2:before{content:"\ec65";} .icon-lan3:before{content:"\ec66";} .icon-menu:before{content:"\ec67";} .icon-circle-small:before{content:"\ec68";} .icon-menu2:before{content:"\ec69";} .icon-menu3:before{content:"\ec6a";} .icon-menu4:before{content:"\ec6b";} .icon-menu5:before{content:"\ec6c";} .icon-menu62:before{content:"\ec6d";} .icon-menu7:before{content:"\ec6e";} .icon-menu8:before{content:"\ec6f";} .icon-menu9:before{content:"\ec70";} .icon-menu10:before{content:"\ec71";} .icon-cloud:before{content:"\ec72";} .icon-cloud-download:before{content:"\ec73";} .icon-cloud-upload:before{content:"\ec74";} .icon-cloud-check:before{content:"\ec75";} .icon-cloud2:before{content:"\ec76";} .icon-cloud-download2:before{content:"\ec77";} .icon-cloud-upload2:before{content:"\ec78";} .icon-cloud-check2:before{content:"\ec79";} .icon-import:before{content:"\ec7e";} .icon-download4:before{content:"\ec80";} .icon-upload4:before{content:"\ec81";} .icon-download7:before{content:"\ec86";} .icon-upload7:before{content:"\ec87";} .icon-download10:before{content:"\ec8c";} .icon-upload10:before{content:"\ec8d";} .icon-sphere:before{content:"\ec8e";} .icon-sphere3:before{content:"\ec90";} .icon-earth:before{content:"\ec93";} .icon-link:before{content:"\ec96";} .icon-unlink:before{content:"\ec97";} .icon-link2:before{content:"\ec98";} .icon-unlink2:before{content:"\ec99";} .icon-anchor:before{content:"\eca0";} .icon-flag3:before{content:"\eca3";} .icon-flag4:before{content:"\eca4";} .icon-flag7:before{content:"\eca7";} .icon-flag8:before{content:"\eca8";} .icon-attachment:before{content:"\eca9";} .icon-attachment2:before{content:"\ecaa";} .icon-eye:before{content:"\ecab";} .icon-eye-plus:before{content:"\ecac";} .icon-eye-minus:before{content:"\ecad";} .icon-eye-blocked:before{content:"\ecae";} .icon-eye2:before{content:"\ecaf";} .icon-eye-blocked2:before{content:"\ecb0";} .icon-eye4:before{content:"\ecb3";} .icon-bookmark2:before{content:"\ecb4";} .icon-bookmark3:before{content:"\ecb5";} .icon-bookmarks:before{content:"\ecb6";} .icon-bookmark4:before{content:"\ecb7";} .icon-spotlight2:before{content:"\ecb8";} .icon-starburst:before{content:"\ecb9";} .icon-snowflake:before{content:"\ecba";} .icon-weather-windy:before{content:"\ecd0";} .icon-fan:before{content:"\ecd1";} .icon-umbrella:before{content:"\ecd2";} .icon-sun3:before{content:"\ecd3";} .icon-contrast:before{content:"\ecd4";} .icon-bed2:before{content:"\ecda";} .icon-furniture:before{content:"\ecdb";} .icon-chair:before{content:"\ecdc";} .icon-star-empty3:before{content:"\ece0";} .icon-star-half:before{content:"\ece1";} .icon-star-full2:before{content:"\ece2";} .icon-heart5:before{content:"\ece9";} .icon-heart6:before{content:"\ecea";} .icon-heart-broken2:before{content:"\eceb";} .icon-thumbs-up2:before{content:"\ecf2";} .icon-thumbs-down2:before{content:"\ecf4";} .icon-thumbs-up3:before{content:"\ecf5";} .icon-thumbs-down3:before{content:"\ecf6";} .icon-height:before{content:"\ecf7";} .icon-man:before{content:"\ecf8";} .icon-woman:before{content:"\ecf9";} .icon-man-woman:before{content:"\ecfa";} .icon-yin-yang:before{content:"\ecfe";} .icon-cursor:before{content:"\ed23";} .icon-cursor2:before{content:"\ed24";} .icon-lasso2:before{content:"\ed26";} .icon-select2:before{content:"\ed28";} .icon-point-up:before{content:"\ed29";} .icon-point-right:before{content:"\ed2a";} .icon-point-down:before{content:"\ed2b";} .icon-point-left:before{content:"\ed2c";} .icon-pointer:before{content:"\ed2d";} .icon-reminder:before{content:"\ed2e";} .icon-drag-left-right:before{content:"\ed2f";} .icon-drag-left:before{content:"\ed30";} .icon-drag-right:before{content:"\ed31";} .icon-touch:before{content:"\ed32";} .icon-multitouch:before{content:"\ed33";} .icon-touch-zoom:before{content:"\ed34";} .icon-touch-pinch:before{content:"\ed35";} .icon-hand:before{content:"\ed36";} .icon-grab:before{content:"\ed37";} .icon-stack-empty:before{content:"\ed38";} .icon-stack-plus:before{content:"\ed39";} .icon-stack-minus:before{content:"\ed3a";} .icon-stack-star:before{content:"\ed3b";} .icon-stack-picture:before{content:"\ed3c";} .icon-stack-down:before{content:"\ed3d";} .icon-stack-up:before{content:"\ed3e";} .icon-stack-cancel:before{content:"\ed3f";} .icon-stack-check:before{content:"\ed40";} .icon-stack-text:before{content:"\ed41";} .icon-stack4:before{content:"\ed47";} .icon-stack-music:before{content:"\ed48";} .icon-stack-play:before{content:"\ed49";} .icon-move:before{content:"\ed4a";} .icon-dots:before{content:"\ed4b";} .icon-warning:before{content:"\ed4c";} .icon-warning22:before{content:"\ed4d";} .icon-notification2:before{content:"\ed4f";} .icon-question3:before{content:"\ed52";} .icon-question4:before{content:"\ed53";} .icon-plus3:before{content:"\ed5a";} .icon-minus3:before{content:"\ed5b";} .icon-plus-circle2:before{content:"\ed5e";} .icon-minus-circle2:before{content:"\ed5f";} .icon-cancel-circle2:before{content:"\ed63";} .icon-blocked:before{content:"\ed64";} .icon-cancel-square:before{content:"\ed65";} .icon-cancel-square2:before{content:"\ed66";} .icon-spam:before{content:"\ed68";} .icon-cross2:before{content:"\ed6a";} .icon-cross3:before{content:"\ed6b";} .icon-checkmark:before{content:"\ed6c";} .icon-checkmark3:before{content:"\ed6e";} .icon-checkmark2:before{content:"\e372";} .icon-checkmark4:before{content:"\ed6f";} .icon-spell-check:before{content:"\ed71";} .icon-spell-check2:before{content:"\ed72";} .icon-enter:before{content:"\ed73";} .icon-exit:before{content:"\ed74";} .icon-enter2:before{content:"\ed75";} .icon-exit2:before{content:"\ed76";} .icon-enter3:before{content:"\ed77";} .icon-exit3:before{content:"\ed78";} .icon-wall:before{content:"\ed79";} .icon-fence:before{content:"\ed7a";} .icon-play3:before{content:"\ed7b";} .icon-pause:before{content:"\ed7c";} .icon-stop:before{content:"\ed7d";} .icon-previous:before{content:"\ed7e";} .icon-next:before{content:"\ed7f";} .icon-backward:before{content:"\ed80";} .icon-forward2:before{content:"\ed81";} .icon-play4:before{content:"\ed82";} .icon-pause2:before{content:"\ed83";} .icon-stop2:before{content:"\ed84";} .icon-backward2:before{content:"\ed85";} .icon-forward3:before{content:"\ed86";} .icon-first:before{content:"\ed87";} .icon-last:before{content:"\ed88";} .icon-previous2:before{content:"\ed89";} .icon-next2:before{content:"\ed8a";} .icon-eject:before{content:"\ed8b";} .icon-volume-high:before{content:"\ed8c";} .icon-volume-medium:before{content:"\ed8d";} .icon-volume-low:before{content:"\ed8e";} .icon-volume-mute:before{content:"\ed8f";} .icon-speaker-left:before{content:"\ed90";} .icon-speaker-right:before{content:"\ed91";} .icon-volume-mute2:before{content:"\ed92";} .icon-volume-increase:before{content:"\ed93";} .icon-volume-decrease:before{content:"\ed94";} .icon-volume-mute5:before{content:"\eda4";} .icon-loop:before{content:"\eda5";} .icon-loop3:before{content:"\eda7";} .icon-infinite-square:before{content:"\eda8";} .icon-infinite:before{content:"\eda9";} .icon-loop4:before{content:"\edab";} .icon-shuffle:before{content:"\edac";} .icon-wave:before{content:"\edae";} .icon-wave2:before{content:"\edaf";} .icon-split:before{content:"\edb0";} .icon-merge:before{content:"\edb1";} .icon-arrow-up5:before{content:"\edc4";} .icon-arrow-right5:before{content:"\edc5";} .icon-arrow-down5:before{content:"\edc6";} .icon-arrow-left5:before{content:"\edc7";} .icon-arrow-up-left2:before{content:"\edd0";} .icon-arrow-up7:before{content:"\edd1";} .icon-arrow-up-right2:before{content:"\edd2";} .icon-arrow-right7:before{content:"\edd3";} .icon-arrow-down-right2:before{content:"\edd4";} .icon-arrow-down7:before{content:"\edd5";} .icon-arrow-down-left2:before{content:"\edd6";} .icon-arrow-left7:before{content:"\edd7";} .icon-arrow-up-left3:before{content:"\edd8";} .icon-arrow-up8:before{content:"\edd9";} .icon-arrow-up-right3:before{content:"\edda";} .icon-arrow-right8:before{content:"\eddb";} .icon-arrow-down-right3:before{content:"\eddc";} .icon-arrow-down8:before{content:"\eddd";} .icon-arrow-down-left3:before{content:"\edde";} .icon-arrow-left8:before{content:"\eddf";} .icon-circle-up2:before{content:"\ede4";} .icon-circle-right2:before{content:"\ede5";} .icon-circle-down2:before{content:"\ede6";} .icon-circle-left2:before{content:"\ede7";} .icon-arrow-resize7:before{content:"\edfe";} .icon-arrow-resize8:before{content:"\edff";} .icon-square-up-left:before{content:"\ee00";} .icon-square-up:before{content:"\ee01";} .icon-square-up-right:before{content:"\ee02";} .icon-square-right:before{content:"\ee03";} .icon-square-down-right:before{content:"\ee04";} .icon-square-down:before{content:"\ee05";} .icon-square-down-left:before{content:"\ee06";} .icon-square-left:before{content:"\ee07";} .icon-arrow-up15:before{content:"\ee30";} .icon-arrow-right15:before{content:"\ee31";} .icon-arrow-down15:before{content:"\ee32";} .icon-arrow-left15:before{content:"\ee33";} .icon-arrow-up16:before{content:"\ee34";} .icon-arrow-right16:before{content:"\ee35";} .icon-arrow-down16:before{content:"\ee36";} .icon-arrow-left16:before{content:"\ee37";} .icon-menu-open:before{content:"\ee38";} .icon-menu-open2:before{content:"\ee39";} .icon-menu-close:before{content:"\ee3a";} .icon-menu-close2:before{content:"\ee3b";} .icon-enter5:before{content:"\ee3d";} .icon-esc:before{content:"\ee3e";} .icon-enter6:before{content:"\ee3f";} .icon-backspace:before{content:"\ee40";} .icon-backspace2:before{content:"\ee41";} .icon-tab:before{content:"\ee42";} .icon-transmission:before{content:"\ee43";} .icon-sort:before{content:"\ee45";} .icon-move-up2:before{content:"\ee47";} .icon-move-down2:before{content:"\ee48";} .icon-sort-alpha-asc:before{content:"\ee49";} .icon-sort-alpha-desc:before{content:"\ee4a";} .icon-sort-numeric-asc:before{content:"\ee4b";} .icon-sort-numberic-desc:before{content:"\ee4c";} .icon-sort-amount-asc:before{content:"\ee4d";} .icon-sort-amount-desc:before{content:"\ee4e";} .icon-sort-time-asc:before{content:"\ee4f";} .icon-sort-time-desc:before{content:"\ee50";} .icon-battery-6:before{content:"\ee51";} .icon-battery-0:before{content:"\ee57";} .icon-battery-charging:before{content:"\ee58";} .icon-command:before{content:"\ee5f";} .icon-shift:before{content:"\ee60";} .icon-ctrl:before{content:"\ee61";} .icon-opt:before{content:"\ee62";} .icon-checkbox-checked:before{content:"\ee63";} .icon-checkbox-unchecked:before{content:"\ee64";} .icon-checkbox-partial:before{content:"\ee65";} .icon-square:before{content:"\ee66";} .icon-triangle:before{content:"\ee67";} .icon-triangle2:before{content:"\ee68";} .icon-diamond3:before{content:"\ee69";} .icon-diamond4:before{content:"\ee6a";} .icon-checkbox-checked2:before{content:"\ee6b";} .icon-checkbox-unchecked2:before{content:"\ee6c";} .icon-checkbox-partial2:before{content:"\ee6d";} .icon-radio-checked:before{content:"\ee6e";} .icon-radio-checked2:before{content:"\ee6f";} .icon-radio-unchecked:before{content:"\ee70";} .icon-checkmark-circle:before{content:"\ee73";} .icon-circle:before{content:"\ee74";} .icon-circle2:before{content:"\ee75";} .icon-circles:before{content:"\ee76";} .icon-circles2:before{content:"\ee77";} .icon-crop:before{content:"\ee78";} .icon-crop2:before{content:"\ee79";} .icon-make-group:before{content:"\ee7a";} .icon-ungroup:before{content:"\ee7b";} .icon-vector:before{content:"\ee7c";} .icon-vector2:before{content:"\ee7d";} .icon-rulers:before{content:"\ee7e";} .icon-pencil-ruler:before{content:"\ee80";} .icon-scissors:before{content:"\ee81";} .icon-filter3:before{content:"\ee88";} .icon-filter4:before{content:"\ee89";} .icon-font:before{content:"\ee8a";} .icon-ampersand2:before{content:"\ee8b";} .icon-ligature:before{content:"\ee8c";} .icon-font-size:before{content:"\ee8e";} .icon-typography:before{content:"\ee8f";} .icon-text-height:before{content:"\ee90";} .icon-text-width:before{content:"\ee91";} .icon-height2:before{content:"\ee92";} .icon-width:before{content:"\ee93";} .icon-strikethrough2:before{content:"\ee98";} .icon-font-size2:before{content:"\ee99";} .icon-bold2:before{content:"\ee9a";} .icon-underline2:before{content:"\ee9b";} .icon-italic2:before{content:"\ee9c";} .icon-strikethrough3:before{content:"\ee9d";} .icon-omega:before{content:"\ee9e";} .icon-sigma:before{content:"\ee9f";} .icon-nbsp:before{content:"\eea0";} .icon-page-break:before{content:"\eea1";} .icon-page-break2:before{content:"\eea2";} .icon-superscript:before{content:"\eea3";} .icon-subscript:before{content:"\eea4";} .icon-superscript2:before{content:"\eea5";} .icon-subscript2:before{content:"\eea6";} .icon-text-color:before{content:"\eea7";} .icon-highlight:before{content:"\eea8";} .icon-pagebreak:before{content:"\eea9";} .icon-clear-formatting:before{content:"\eeaa";} .icon-table:before{content:"\eeab";} .icon-table2:before{content:"\eeac";} .icon-insert-template:before{content:"\eead";} .icon-pilcrow:before{content:"\eeae";} .icon-ltr:before{content:"\eeaf";} .icon-rtl:before{content:"\eeb0";} .icon-ltr2:before{content:"\eeb1";} .icon-rtl2:before{content:"\eeb2";} .icon-section:before{content:"\eeb3";} .icon-paragraph-left2:before{content:"\eeb8";} .icon-paragraph-center2:before{content:"\eeb9";} .icon-paragraph-right2:before{content:"\eeba";} .icon-paragraph-justify2:before{content:"\eebb";} .icon-indent-increase:before{content:"\eebc";} .icon-indent-decrease:before{content:"\eebd";} .icon-paragraph-left3:before{content:"\eebe";} .icon-paragraph-center3:before{content:"\eebf";} .icon-paragraph-right3:before{content:"\eec0";} .icon-paragraph-justify3:before{content:"\eec1";} .icon-indent-increase2:before{content:"\eec2";} .icon-indent-decrease2:before{content:"\eec3";} .icon-share:before{content:"\eec4";} .icon-share2:before{content:"\eec5";} .icon-new-tab:before{content:"\eec6";} .icon-new-tab2:before{content:"\eec7";} .icon-popout:before{content:"\eec8";} .icon-embed:before{content:"\eec9";} .icon-embed2:before{content:"\eeca";} .icon-markup:before{content:"\eecb";} .icon-regexp:before{content:"\eecc";} .icon-regexp2:before{content:"\eecd";} .icon-code:before{content:"\eece";} .icon-circle-css:before{content:"\eecf";} .icon-circle-code:before{content:"\eed0";} .icon-terminal:before{content:"\eed1";} .icon-unicode:before{content:"\eed2";} .icon-seven-segment-0:before{content:"\eed3";} .icon-seven-segment-1:before{content:"\eed4";} .icon-seven-segment-2:before{content:"\eed5";} .icon-seven-segment-3:before{content:"\eed6";} .icon-seven-segment-4:before{content:"\eed7";} .icon-seven-segment-5:before{content:"\eed8";} .icon-seven-segment-6:before{content:"\eed9";} .icon-seven-segment-7:before{content:"\eeda";} .icon-seven-segment-8:before{content:"\eedb";} .icon-seven-segment-9:before{content:"\eedc";} .icon-share3:before{content:"\eedd";} .icon-share4:before{content:"\eede";} .icon-google:before{content:"\eee3";} .icon-google-plus:before{content:"\eee4";} .icon-google-plus2:before{content:"\eee5";} .icon-google-drive:before{content:"\eee7";} .icon-facebook:before{content:"\eee8";} .icon-facebook2:before{content:"\eee9";} .icon-instagram:before{content:"\eeec";} .icon-twitter:before{content:"\eeed";} .icon-twitter2:before{content:"\eeee";} .icon-feed2:before{content:"\eef0";} .icon-feed3:before{content:"\eef1";} .icon-youtube:before{content:"\eef3";} .icon-youtube2:before{content:"\eef4";} .icon-youtube3:before{content:"\eef5";} .icon-vimeo:before{content:"\eef8";} .icon-vimeo2:before{content:"\eef9";} .icon-lanyrd:before{content:"\eefb";} .icon-flickr:before{content:"\eefc";} .icon-flickr2:before{content:"\eefd";} .icon-flickr3:before{content:"\eefe";} .icon-picassa:before{content:"\ef00";} .icon-picassa2:before{content:"\ef01";} .icon-dribbble:before{content:"\ef02";} .icon-dribbble2:before{content:"\ef03";} .icon-dribbble3:before{content:"\ef04";} .icon-forrst:before{content:"\ef05";} .icon-forrst2:before{content:"\ef06";} .icon-deviantart:before{content:"\ef07";} .icon-deviantart2:before{content:"\ef08";} .icon-steam:before{content:"\ef09";} .icon-steam2:before{content:"\ef0a";} .icon-dropbox:before{content:"\ef0b";} .icon-onedrive:before{content:"\ef0c";} .icon-github:before{content:"\ef0d";} .icon-github4:before{content:"\ef10";} .icon-github5:before{content:"\ef11";} .icon-wordpress:before{content:"\ef12";} .icon-wordpress2:before{content:"\ef13";} .icon-joomla:before{content:"\ef14";} .icon-blogger:before{content:"\ef15";} .icon-blogger2:before{content:"\ef16";} .icon-tumblr:before{content:"\ef17";} .icon-tumblr2:before{content:"\ef18";} .icon-yahoo:before{content:"\ef19";} .icon-tux:before{content:"\ef1a";} .icon-apple2:before{content:"\ef1b";} .icon-finder:before{content:"\ef1c";} .icon-android:before{content:"\ef1d";} .icon-windows:before{content:"\ef1e";} .icon-windows8:before{content:"\ef1f";} .icon-soundcloud:before{content:"\ef20";} .icon-soundcloud2:before{content:"\ef21";} .icon-skype:before{content:"\ef22";} .icon-reddit:before{content:"\ef23";} .icon-linkedin:before{content:"\ef24";} .icon-linkedin2:before{content:"\ef25";} .icon-lastfm:before{content:"\ef26";} .icon-lastfm2:before{content:"\ef27";} .icon-delicious:before{content:"\ef28";} .icon-stumbleupon:before{content:"\ef29";} .icon-stumbleupon2:before{content:"\ef2a";} .icon-stackoverflow:before{content:"\ef2b";} .icon-pinterest2:before{content:"\ef2d";} .icon-xing:before{content:"\ef2e";} .icon-flattr:before{content:"\ef30";} .icon-foursquare:before{content:"\ef31";} .icon-paypal:before{content:"\ef32";} .icon-paypal2:before{content:"\ef33";} .icon-yelp:before{content:"\ef35";} .icon-file-pdf:before{content:"\ef36";} .icon-file-openoffice:before{content:"\ef37";} .icon-file-word:before{content:"\ef38";} .icon-file-excel:before{content:"\ef39";} .icon-libreoffice:before{content:"\ef3a";} .icon-html5:before{content:"\ef3b";} .icon-html52:before{content:"\ef3c";} .icon-css3:before{content:"\ef3d";} .icon-git:before{content:"\ef3e";} .icon-svg:before{content:"\ef3f";} .icon-codepen:before{content:"\ef40";} .icon-chrome:before{content:"\ef41";} .icon-firefox:before{content:"\ef42";} .icon-IE:before{content:"\ef43";} .icon-opera:before{content:"\ef44";} .icon-safari:before{content:"\ef45";} .icon-check2:before{content:"\e601";} .icon-home4:before{content:"\e603";} .icon-people:before{content:"\e81b";} .icon-checkmark-circle2:before{content:"\e853";} .icon-arrow-up-left32:before{content:"\e8ae";} .icon-arrow-up52:before{content:"\e8af";} .icon-arrow-up-right32:before{content:"\e8b0";} .icon-arrow-right6:before{content:"\e8b1";} .icon-arrow-down-right32:before{content:"\e8b2";} .icon-arrow-down52:before{content:"\e8b3";} .icon-arrow-down-left32:before{content:"\e8b4";} .icon-arrow-left52:before{content:"\e8b5";} .icon-calendar5:before{content:"\e985";} .icon-move-alt1:before{content:"\e986";} .icon-reload-alt:before{content:"\e987";} .icon-move-vertical:before{content:"\e988";} .icon-move-horizontal:before{content:"\e989";} .icon-hash:before{content:"\e98b";} .icon-bars-alt:before{content:"\e98c";} .icon-eye8:before{content:"\e98d";} .icon-search4:before{content:"\e98e";} .icon-zoomin3:before{content:"\e98f";} .icon-zoomout3:before{content:"\e990";} .icon-add:before{content:"\e991";} .icon-subtract:before{content:"\e992";} .icon-exclamation:before{content:"\e993";} .icon-question6:before{content:"\e994";} .icon-close2:before{content:"\e995";} .icon-task:before{content:"\e996";} .icon-inbox:before{content:"\e997";} .icon-inbox-alt:before{content:"\e998";} .icon-envelope:before{content:"\e999";} .icon-compose:before{content:"\e99a";} .icon-newspaper2:before{content:"\e99b";} .icon-calendar22:before{content:"\e99c";} .icon-hyperlink:before{content:"\e99d";} .icon-trash:before{content:"\e99e";} .icon-trash-alt:before{content:"\e99f";} .icon-grid5:before{content:"\e9a0";} .icon-grid-alt:before{content:"\e9a1";} .icon-menu6:before{content:"\e9a2";} .icon-list3:before{content:"\e9a3";} .icon-gallery:before{content:"\e9a4";} .icon-calculator:before{content:"\e9a5";} .icon-windows2:before{content:"\e9a6";} .icon-browser:before{content:"\e9a7";} .icon-portfolio:before{content:"\e9a8";} .icon-comments:before{content:"\e9a9";} .icon-screen3:before{content:"\e9aa";} .icon-iphone:before{content:"\e9ab";} .icon-ipad:before{content:"\e9ac";} .icon-googleplus5:before{content:"\e9ad";} .icon-pin:before{content:"\e9ae";} .icon-pin-alt:before{content:"\e9af";} .icon-cog5:before{content:"\e9b0";} .icon-graduation:before{content:"\e9b1";} .icon-air:before{content:"\e9b2";} .icon-droplets:before{content:"\e7ee";} .icon-statistics:before{content:"\e9b4";} .icon-pie5:before{content:"\e7ef";} .icon-cross:before{content:"\e9b6";} .icon-minus2:before{content:"\e9b7";} .icon-plus2:before{content:"\e9b8";} .icon-info3:before{content:"\e9b9";} .icon-info22:before{content:"\e9ba";} .icon-question7:before{content:"\e9bb";} .icon-help:before{content:"\e9bc";} .icon-warning2:before{content:"\e9bd";} .icon-add-to-list:before{content:"\e9bf";} .icon-arrow-left12:before{content:"\e9c0";} .icon-arrow-down12:before{content:"\e9c1";} .icon-arrow-up12:before{content:"\e9c2";} .icon-arrow-right13:before{content:"\e9c3";} .icon-arrow-left22:before{content:"\e9c4";} .icon-arrow-down22:before{content:"\e9c5";} .icon-arrow-up22:before{content:"\e9c6";} .icon-arrow-right22:before{content:"\e9c7";} .icon-arrow-left32:before{content:"\e9c8";} .icon-arrow-down32:before{content:"\e9c9";} .icon-arrow-up32:before{content:"\e9ca";} .icon-arrow-right32:before{content:"\e9cb";} .icon-switch2:before{content:"\e647";} .icon-checkmark5:before{content:"\e600";} .icon-ampersand:before{content:"\e9cc";} .icon-alert:before{content:"\e9cf";} .icon-alignment-align:before{content:"\e9d0";} .icon-alignment-aligned-to:before{content:"\e9d1";} .icon-alignment-unalign:before{content:"\e9d2";} .icon-arrow-down132:before{content:"\e9d3";} .icon-arrow-up13:before{content:"\e9da";} .icon-arrow-left13:before{content:"\e9d4";} .icon-arrow-right14:before{content:"\e9d5";} .icon-arrow-small-down:before{content:"\e9d6";} .icon-arrow-small-left:before{content:"\e9d7";} .icon-arrow-small-right:before{content:"\e9d8";} .icon-arrow-small-up:before{content:"\e9d9";} .icon-check:before{content:"\e9db";} .icon-chevron-down:before{content:"\e9dc";} .icon-chevron-left:before{content:"\e9dd";} .icon-chevron-right:before{content:"\e9de";} .icon-chevron-up:before{content:"\e9df";} .icon-clippy:before{content:"\f035";} .icon-comment:before{content:"\f02b";} .icon-comment-discussion:before{content:"\f04f";} .icon-dash:before{content:"\e9e2";} .icon-diff:before{content:"\e9e3";} .icon-diff-added:before{content:"\e9e4";} .icon-diff-ignored:before{content:"\e9e5";} .icon-diff-modified:before{content:"\e9e6";} .icon-diff-removed:before{content:"\e9e7";} .icon-diff-renamed:before{content:"\e9e8";} .icon-file-media:before{content:"\f012";} .icon-fold:before{content:"\e9ea";} .icon-gear:before{content:"\e9eb";} .icon-git-branch:before{content:"\e9ec";} .icon-git-commit:before{content:"\e9ed";} .icon-git-compare:before{content:"\e9ee";} .icon-git-merge:before{content:"\e9ef";} .icon-git-pull-request:before{content:"\e9f0";} .icon-graph:before{content:"\f043";} .icon-law:before{content:"\e9f1";} .icon-list-ordered:before{content:"\e9f2";} .icon-list-unordered:before{content:"\e9f3";} .icon-mail5:before{content:"\e9f4";} .icon-mail-read:before{content:"\e9f5";} .icon-mention:before{content:"\e9f6";} .icon-mirror:before{content:"\f024";} .icon-move-down:before{content:"\f0a8";} .icon-move-left:before{content:"\f074";} .icon-move-right:before{content:"\f0a9";} .icon-move-up:before{content:"\f0a7";} .icon-person:before{content:"\f018";} .icon-plus22:before{content:"\e9f7";} .icon-primitive-dot:before{content:"\f052";} .icon-primitive-square:before{content:"\f053";} .icon-repo-forked:before{content:"\e9f8";} .icon-screen-full:before{content:"\e9f9";} .icon-screen-normal:before{content:"\e9fa";} .icon-sync:before{content:"\e9fb";} .icon-three-bars:before{content:"\e9fc";} .icon-unfold:before{content:"\e9fe";} .icon-versions:before{content:"\e9ff";} .icon-x:before{content:"\ea00";} /*! * Font Awesome 4.6.3 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */@font-face{font-family:'FontAwesome';src:url(name=fontawesome-webfont.eot);src:url(name=fontawesome-webfont.eot?#iefix&v=4.6.3) format('embedded-opentype'),url(name=fontawesome-webfont.woff2) format('woff2'),url(name=fontawesome-webfont.woff) format('woff'),url(name=fontawesome-webfont.ttf) format('truetype'),url(name=fontawesome-webfont.svg#fontawesomeregular) format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-resistance:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}.fa-gitlab:before{content:"\f296"}.fa-wpbeginner:before{content:"\f297"}.fa-wpforms:before{content:"\f298"}.fa-envira:before{content:"\f299"}.fa-universal-access:before{content:"\f29a"}.fa-wheelchair-alt:before{content:"\f29b"}.fa-question-circle-o:before{content:"\f29c"}.fa-blind:before{content:"\f29d"}.fa-audio-description:before{content:"\f29e"}.fa-volume-control-phone:before{content:"\f2a0"}.fa-braille:before{content:"\f2a1"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:"\f2a4"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-signing:before,.fa-sign-language:before{content:"\f2a7"}.fa-low-vision:before{content:"\f2a8"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-pied-piper:before{content:"\f2ae"}.fa-first-order:before{content:"\f2b0"}.fa-yoast:before{content:"\f2b1"}.fa-themeisle:before{content:"\f2b2"}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"}.fa-fa:before,.fa-font-awesome:before{content:"\f2b4"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto} @charset "UTF-8";/*! Ionicons, v2.0.0 Created by Ben Sperry for the Ionic Framework, http://ionicons.com/ https://twitter.com/benjsperry https://twitter.com/ionicframework MIT License: https://github.com/driftyco/ionicons Android-style icons originally built by Google’s Material Design Icons: https://github.com/google/material-design-icons used under CC BY http://creativecommons.org/licenses/by/4.0/ Modified icons to fit ionicon’s grid from original. */@font-face{font-family:"Ionicons";src:url(name=ionicons.eot);src:url(name=ionicons.eot#iefix) format("embedded-opentype"),url(name=ionicons.ttf) format("truetype"),url(name=ionicons.woff) format("woff"),url(name=ionicons.svg#Ionicons) format("svg");font-weight:normal;font-style:normal}.ion,.ionicons,.ion-alert:before,.ion-alert-circled:before,.ion-android-add:before,.ion-android-add-circle:before,.ion-android-alarm-clock:before,.ion-android-alert:before,.ion-android-apps:before,.ion-android-archive:before,.ion-android-arrow-back:before,.ion-android-arrow-down:before,.ion-android-arrow-dropdown:before,.ion-android-arrow-dropdown-circle:before,.ion-android-arrow-dropleft:before,.ion-android-arrow-dropleft-circle:before,.ion-android-arrow-dropright:before,.ion-android-arrow-dropright-circle:before,.ion-android-arrow-dropup:before,.ion-android-arrow-dropup-circle:before,.ion-android-arrow-forward:before,.ion-android-arrow-up:before,.ion-android-attach:before,.ion-android-bar:before,.ion-android-bicycle:before,.ion-android-boat:before,.ion-android-bookmark:before,.ion-android-bulb:before,.ion-android-bus:before,.ion-android-calendar:before,.ion-android-call:before,.ion-android-camera:before,.ion-android-cancel:before,.ion-android-car:before,.ion-android-cart:before,.ion-android-chat:before,.ion-android-checkbox:before,.ion-android-checkbox-blank:before,.ion-android-checkbox-outline:before,.ion-android-checkbox-outline-blank:before,.ion-android-checkmark-circle:before,.ion-android-clipboard:before,.ion-android-close:before,.ion-android-cloud:before,.ion-android-cloud-circle:before,.ion-android-cloud-done:before,.ion-android-cloud-outline:before,.ion-android-color-palette:before,.ion-android-compass:before,.ion-android-contact:before,.ion-android-contacts:before,.ion-android-contract:before,.ion-android-create:before,.ion-android-delete:before,.ion-android-desktop:before,.ion-android-document:before,.ion-android-done:before,.ion-android-done-all:before,.ion-android-download:before,.ion-android-drafts:before,.ion-android-exit:before,.ion-android-expand:before,.ion-android-favorite:before,.ion-android-favorite-outline:before,.ion-android-film:before,.ion-android-folder:before,.ion-android-folder-open:before,.ion-android-funnel:before,.ion-android-globe:before,.ion-android-hand:before,.ion-android-hangout:before,.ion-android-happy:before,.ion-android-home:before,.ion-android-image:before,.ion-android-laptop:before,.ion-android-list:before,.ion-android-locate:before,.ion-android-lock:before,.ion-android-mail:before,.ion-android-map:before,.ion-android-menu:before,.ion-android-microphone:before,.ion-android-microphone-off:before,.ion-android-more-horizontal:before,.ion-android-more-vertical:before,.ion-android-navigate:before,.ion-android-notifications:before,.ion-android-notifications-none:before,.ion-android-notifications-off:before,.ion-android-open:before,.ion-android-options:before,.ion-android-people:before,.ion-android-person:before,.ion-android-person-add:before,.ion-android-phone-landscape:before,.ion-android-phone-portrait:before,.ion-android-pin:before,.ion-android-plane:before,.ion-android-playstore:before,.ion-android-print:before,.ion-android-radio-button-off:before,.ion-android-radio-button-on:before,.ion-android-refresh:before,.ion-android-remove:before,.ion-android-remove-circle:before,.ion-android-restaurant:before,.ion-android-sad:before,.ion-android-search:before,.ion-android-send:before,.ion-android-settings:before,.ion-android-share:before,.ion-android-share-alt:before,.ion-android-star:before,.ion-android-star-half:before,.ion-android-star-outline:before,.ion-android-stopwatch:before,.ion-android-subway:before,.ion-android-sunny:before,.ion-android-sync:before,.ion-android-textsms:before,.ion-android-time:before,.ion-android-train:before,.ion-android-unlock:before,.ion-android-upload:before,.ion-android-volume-down:before,.ion-android-volume-mute:before,.ion-android-volume-off:before,.ion-android-volume-up:before,.ion-android-walk:before,.ion-android-warning:before,.ion-android-watch:before,.ion-android-wifi:before,.ion-aperture:before,.ion-archive:before,.ion-arrow-down-a:before,.ion-arrow-down-b:before,.ion-arrow-down-c:before,.ion-arrow-expand:before,.ion-arrow-graph-down-left:before,.ion-arrow-graph-down-right:before,.ion-arrow-graph-up-left:before,.ion-arrow-graph-up-right:before,.ion-arrow-left-a:before,.ion-arrow-left-b:before,.ion-arrow-left-c:before,.ion-arrow-move:before,.ion-arrow-resize:before,.ion-arrow-return-left:before,.ion-arrow-return-right:before,.ion-arrow-right-a:before,.ion-arrow-right-b:before,.ion-arrow-right-c:before,.ion-arrow-shrink:before,.ion-arrow-swap:before,.ion-arrow-up-a:before,.ion-arrow-up-b:before,.ion-arrow-up-c:before,.ion-asterisk:before,.ion-at:before,.ion-backspace:before,.ion-backspace-outline:before,.ion-bag:before,.ion-battery-charging:before,.ion-battery-empty:before,.ion-battery-full:before,.ion-battery-half:before,.ion-battery-low:before,.ion-beaker:before,.ion-beer:before,.ion-bluetooth:before,.ion-bonfire:before,.ion-bookmark:before,.ion-bowtie:before,.ion-briefcase:before,.ion-bug:before,.ion-calculator:before,.ion-calendar:before,.ion-camera:before,.ion-card:before,.ion-cash:before,.ion-chatbox:before,.ion-chatbox-working:before,.ion-chatboxes:before,.ion-chatbubble:before,.ion-chatbubble-working:before,.ion-chatbubbles:before,.ion-checkmark:before,.ion-checkmark-circled:before,.ion-checkmark-round:before,.ion-chevron-down:before,.ion-chevron-left:before,.ion-chevron-right:before,.ion-chevron-up:before,.ion-clipboard:before,.ion-clock:before,.ion-close:before,.ion-close-circled:before,.ion-close-round:before,.ion-closed-captioning:before,.ion-cloud:before,.ion-code:before,.ion-code-download:before,.ion-code-working:before,.ion-coffee:before,.ion-compass:before,.ion-compose:before,.ion-connection-bars:before,.ion-contrast:before,.ion-crop:before,.ion-cube:before,.ion-disc:before,.ion-document:before,.ion-document-text:before,.ion-drag:before,.ion-earth:before,.ion-easel:before,.ion-edit:before,.ion-egg:before,.ion-eject:before,.ion-email:before,.ion-email-unread:before,.ion-erlenmeyer-flask:before,.ion-erlenmeyer-flask-bubbles:before,.ion-eye:before,.ion-eye-disabled:before,.ion-female:before,.ion-filing:before,.ion-film-marker:before,.ion-fireball:before,.ion-flag:before,.ion-flame:before,.ion-flash:before,.ion-flash-off:before,.ion-folder:before,.ion-fork:before,.ion-fork-repo:before,.ion-forward:before,.ion-funnel:before,.ion-gear-a:before,.ion-gear-b:before,.ion-grid:before,.ion-hammer:before,.ion-happy:before,.ion-happy-outline:before,.ion-headphone:before,.ion-heart:before,.ion-heart-broken:before,.ion-help:before,.ion-help-buoy:before,.ion-help-circled:before,.ion-home:before,.ion-icecream:before,.ion-image:before,.ion-images:before,.ion-information:before,.ion-information-circled:before,.ion-ionic:before,.ion-ios-alarm:before,.ion-ios-alarm-outline:before,.ion-ios-albums:before,.ion-ios-albums-outline:before,.ion-ios-americanfootball:before,.ion-ios-americanfootball-outline:before,.ion-ios-analytics:before,.ion-ios-analytics-outline:before,.ion-ios-arrow-back:before,.ion-ios-arrow-down:before,.ion-ios-arrow-forward:before,.ion-ios-arrow-left:before,.ion-ios-arrow-right:before,.ion-ios-arrow-thin-down:before,.ion-ios-arrow-thin-left:before,.ion-ios-arrow-thin-right:before,.ion-ios-arrow-thin-up:before,.ion-ios-arrow-up:before,.ion-ios-at:before,.ion-ios-at-outline:before,.ion-ios-barcode:before,.ion-ios-barcode-outline:before,.ion-ios-baseball:before,.ion-ios-baseball-outline:before,.ion-ios-basketball:before,.ion-ios-basketball-outline:before,.ion-ios-bell:before,.ion-ios-bell-outline:before,.ion-ios-body:before,.ion-ios-body-outline:before,.ion-ios-bolt:before,.ion-ios-bolt-outline:before,.ion-ios-book:before,.ion-ios-book-outline:before,.ion-ios-bookmarks:before,.ion-ios-bookmarks-outline:before,.ion-ios-box:before,.ion-ios-box-outline:before,.ion-ios-briefcase:before,.ion-ios-briefcase-outline:before,.ion-ios-browsers:before,.ion-ios-browsers-outline:before,.ion-ios-calculator:before,.ion-ios-calculator-outline:before,.ion-ios-calendar:before,.ion-ios-calendar-outline:before,.ion-ios-camera:before,.ion-ios-camera-outline:before,.ion-ios-cart:before,.ion-ios-cart-outline:before,.ion-ios-chatboxes:before,.ion-ios-chatboxes-outline:before,.ion-ios-chatbubble:before,.ion-ios-chatbubble-outline:before,.ion-ios-checkmark:before,.ion-ios-checkmark-empty:before,.ion-ios-checkmark-outline:before,.ion-ios-circle-filled:before,.ion-ios-circle-outline:before,.ion-ios-clock:before,.ion-ios-clock-outline:before,.ion-ios-close:before,.ion-ios-close-empty:before,.ion-ios-close-outline:before,.ion-ios-cloud:before,.ion-ios-cloud-download:before,.ion-ios-cloud-download-outline:before,.ion-ios-cloud-outline:before,.ion-ios-cloud-upload:before,.ion-ios-cloud-upload-outline:before,.ion-ios-cloudy:before,.ion-ios-cloudy-night:before,.ion-ios-cloudy-night-outline:before,.ion-ios-cloudy-outline:before,.ion-ios-cog:before,.ion-ios-cog-outline:before,.ion-ios-color-filter:before,.ion-ios-color-filter-outline:before,.ion-ios-color-wand:before,.ion-ios-color-wand-outline:before,.ion-ios-compose:before,.ion-ios-compose-outline:before,.ion-ios-contact:before,.ion-ios-contact-outline:before,.ion-ios-copy:before,.ion-ios-copy-outline:before,.ion-ios-crop:before,.ion-ios-crop-strong:before,.ion-ios-download:before,.ion-ios-download-outline:before,.ion-ios-drag:before,.ion-ios-email:before,.ion-ios-email-outline:before,.ion-ios-eye:before,.ion-ios-eye-outline:before,.ion-ios-fastforward:before,.ion-ios-fastforward-outline:before,.ion-ios-filing:before,.ion-ios-filing-outline:before,.ion-ios-film:before,.ion-ios-film-outline:before,.ion-ios-flag:before,.ion-ios-flag-outline:before,.ion-ios-flame:before,.ion-ios-flame-outline:before,.ion-ios-flask:before,.ion-ios-flask-outline:before,.ion-ios-flower:before,.ion-ios-flower-outline:before,.ion-ios-folder:before,.ion-ios-folder-outline:before,.ion-ios-football:before,.ion-ios-football-outline:before,.ion-ios-game-controller-a:before,.ion-ios-game-controller-a-outline:before,.ion-ios-game-controller-b:before,.ion-ios-game-controller-b-outline:before,.ion-ios-gear:before,.ion-ios-gear-outline:before,.ion-ios-glasses:before,.ion-ios-glasses-outline:before,.ion-ios-grid-view:before,.ion-ios-grid-view-outline:before,.ion-ios-heart:before,.ion-ios-heart-outline:before,.ion-ios-help:before,.ion-ios-help-empty:before,.ion-ios-help-outline:before,.ion-ios-home:before,.ion-ios-home-outline:before,.ion-ios-infinite:before,.ion-ios-infinite-outline:before,.ion-ios-information:before,.ion-ios-information-empty:before,.ion-ios-information-outline:before,.ion-ios-ionic-outline:before,.ion-ios-keypad:before,.ion-ios-keypad-outline:before,.ion-ios-lightbulb:before,.ion-ios-lightbulb-outline:before,.ion-ios-list:before,.ion-ios-list-outline:before,.ion-ios-location:before,.ion-ios-location-outline:before,.ion-ios-locked:before,.ion-ios-locked-outline:before,.ion-ios-loop:before,.ion-ios-loop-strong:before,.ion-ios-medical:before,.ion-ios-medical-outline:before,.ion-ios-medkit:before,.ion-ios-medkit-outline:before,.ion-ios-mic:before,.ion-ios-mic-off:before,.ion-ios-mic-outline:before,.ion-ios-minus:before,.ion-ios-minus-empty:before,.ion-ios-minus-outline:before,.ion-ios-monitor:before,.ion-ios-monitor-outline:before,.ion-ios-moon:before,.ion-ios-moon-outline:before,.ion-ios-more:before,.ion-ios-more-outline:before,.ion-ios-musical-note:before,.ion-ios-musical-notes:before,.ion-ios-navigate:before,.ion-ios-navigate-outline:before,.ion-ios-nutrition:before,.ion-ios-nutrition-outline:before,.ion-ios-paper:before,.ion-ios-paper-outline:before,.ion-ios-paperplane:before,.ion-ios-paperplane-outline:before,.ion-ios-partlysunny:before,.ion-ios-partlysunny-outline:before,.ion-ios-pause:before,.ion-ios-pause-outline:before,.ion-ios-paw:before,.ion-ios-paw-outline:before,.ion-ios-people:before,.ion-ios-people-outline:before,.ion-ios-person:before,.ion-ios-person-outline:before,.ion-ios-personadd:before,.ion-ios-personadd-outline:before,.ion-ios-photos:before,.ion-ios-photos-outline:before,.ion-ios-pie:before,.ion-ios-pie-outline:before,.ion-ios-pint:before,.ion-ios-pint-outline:before,.ion-ios-play:before,.ion-ios-play-outline:before,.ion-ios-plus:before,.ion-ios-plus-empty:before,.ion-ios-plus-outline:before,.ion-ios-pricetag:before,.ion-ios-pricetag-outline:before,.ion-ios-pricetags:before,.ion-ios-pricetags-outline:before,.ion-ios-printer:before,.ion-ios-printer-outline:before,.ion-ios-pulse:before,.ion-ios-pulse-strong:before,.ion-ios-rainy:before,.ion-ios-rainy-outline:before,.ion-ios-recording:before,.ion-ios-recording-outline:before,.ion-ios-redo:before,.ion-ios-redo-outline:before,.ion-ios-refresh:before,.ion-ios-refresh-empty:before,.ion-ios-refresh-outline:before,.ion-ios-reload:before,.ion-ios-reverse-camera:before,.ion-ios-reverse-camera-outline:before,.ion-ios-rewind:before,.ion-ios-rewind-outline:before,.ion-ios-rose:before,.ion-ios-rose-outline:before,.ion-ios-search:before,.ion-ios-search-strong:before,.ion-ios-settings:before,.ion-ios-settings-strong:before,.ion-ios-shuffle:before,.ion-ios-shuffle-strong:before,.ion-ios-skipbackward:before,.ion-ios-skipbackward-outline:before,.ion-ios-skipforward:before,.ion-ios-skipforward-outline:before,.ion-ios-snowy:before,.ion-ios-speedometer:before,.ion-ios-speedometer-outline:before,.ion-ios-star:before,.ion-ios-star-half:before,.ion-ios-star-outline:before,.ion-ios-stopwatch:before,.ion-ios-stopwatch-outline:before,.ion-ios-sunny:before,.ion-ios-sunny-outline:before,.ion-ios-telephone:before,.ion-ios-telephone-outline:before,.ion-ios-tennisball:before,.ion-ios-tennisball-outline:before,.ion-ios-thunderstorm:before,.ion-ios-thunderstorm-outline:before,.ion-ios-time:before,.ion-ios-time-outline:before,.ion-ios-timer:before,.ion-ios-timer-outline:before,.ion-ios-toggle:before,.ion-ios-toggle-outline:before,.ion-ios-trash:before,.ion-ios-trash-outline:before,.ion-ios-undo:before,.ion-ios-undo-outline:before,.ion-ios-unlocked:before,.ion-ios-unlocked-outline:before,.ion-ios-upload:before,.ion-ios-upload-outline:before,.ion-ios-videocam:before,.ion-ios-videocam-outline:before,.ion-ios-volume-high:before,.ion-ios-volume-low:before,.ion-ios-wineglass:before,.ion-ios-wineglass-outline:before,.ion-ios-world:before,.ion-ios-world-outline:before,.ion-ipad:before,.ion-iphone:before,.ion-ipod:before,.ion-jet:before,.ion-key:before,.ion-knife:before,.ion-laptop:before,.ion-leaf:before,.ion-levels:before,.ion-lightbulb:before,.ion-link:before,.ion-load-a:before,.ion-load-b:before,.ion-load-c:before,.ion-load-d:before,.ion-location:before,.ion-lock-combination:before,.ion-locked:before,.ion-log-in:before,.ion-log-out:before,.ion-loop:before,.ion-magnet:before,.ion-male:before,.ion-man:before,.ion-map:before,.ion-medkit:before,.ion-merge:before,.ion-mic-a:before,.ion-mic-b:before,.ion-mic-c:before,.ion-minus:before,.ion-minus-circled:before,.ion-minus-round:before,.ion-model-s:before,.ion-monitor:before,.ion-more:before,.ion-mouse:before,.ion-music-note:before,.ion-navicon:before,.ion-navicon-round:before,.ion-navigate:before,.ion-network:before,.ion-no-smoking:before,.ion-nuclear:before,.ion-outlet:before,.ion-paintbrush:before,.ion-paintbucket:before,.ion-paper-airplane:before,.ion-paperclip:before,.ion-pause:before,.ion-person:before,.ion-person-add:before,.ion-person-stalker:before,.ion-pie-graph:before,.ion-pin:before,.ion-pinpoint:before,.ion-pizza:before,.ion-plane:before,.ion-planet:before,.ion-play:before,.ion-playstation:before,.ion-plus:before,.ion-plus-circled:before,.ion-plus-round:before,.ion-podium:before,.ion-pound:before,.ion-power:before,.ion-pricetag:before,.ion-pricetags:before,.ion-printer:before,.ion-pull-request:before,.ion-qr-scanner:before,.ion-quote:before,.ion-radio-waves:before,.ion-record:before,.ion-refresh:before,.ion-reply:before,.ion-reply-all:before,.ion-ribbon-a:before,.ion-ribbon-b:before,.ion-sad:before,.ion-sad-outline:before,.ion-scissors:before,.ion-search:before,.ion-settings:before,.ion-share:before,.ion-shuffle:before,.ion-skip-backward:before,.ion-skip-forward:before,.ion-social-android:before,.ion-social-android-outline:before,.ion-social-angular:before,.ion-social-angular-outline:before,.ion-social-apple:before,.ion-social-apple-outline:before,.ion-social-bitcoin:before,.ion-social-bitcoin-outline:before,.ion-social-buffer:before,.ion-social-buffer-outline:before,.ion-social-chrome:before,.ion-social-chrome-outline:before,.ion-social-codepen:before,.ion-social-codepen-outline:before,.ion-social-css3:before,.ion-social-css3-outline:before,.ion-social-designernews:before,.ion-social-designernews-outline:before,.ion-social-dribbble:before,.ion-social-dribbble-outline:before,.ion-social-dropbox:before,.ion-social-dropbox-outline:before,.ion-social-euro:before,.ion-social-euro-outline:before,.ion-social-facebook:before,.ion-social-facebook-outline:before,.ion-social-foursquare:before,.ion-social-foursquare-outline:before,.ion-social-freebsd-devil:before,.ion-social-github:before,.ion-social-github-outline:before,.ion-social-google:before,.ion-social-google-outline:before,.ion-social-googleplus:before,.ion-social-googleplus-outline:before,.ion-social-hackernews:before,.ion-social-hackernews-outline:before,.ion-social-html5:before,.ion-social-html5-outline:before,.ion-social-instagram:before,.ion-social-instagram-outline:before,.ion-social-javascript:before,.ion-social-javascript-outline:before,.ion-social-linkedin:before,.ion-social-linkedin-outline:before,.ion-social-markdown:before,.ion-social-nodejs:before,.ion-social-octocat:before,.ion-social-pinterest:before,.ion-social-pinterest-outline:before,.ion-social-python:before,.ion-social-reddit:before,.ion-social-reddit-outline:before,.ion-social-rss:before,.ion-social-rss-outline:before,.ion-social-sass:before,.ion-social-skype:before,.ion-social-skype-outline:before,.ion-social-snapchat:before,.ion-social-snapchat-outline:before,.ion-social-tumblr:before,.ion-social-tumblr-outline:before,.ion-social-tux:before,.ion-social-twitch:before,.ion-social-twitch-outline:before,.ion-social-twitter:before,.ion-social-twitter-outline:before,.ion-social-usd:before,.ion-social-usd-outline:before,.ion-social-vimeo:before,.ion-social-vimeo-outline:before,.ion-social-whatsapp:before,.ion-social-whatsapp-outline:before,.ion-social-windows:before,.ion-social-windows-outline:before,.ion-social-wordpress:before,.ion-social-wordpress-outline:before,.ion-social-yahoo:before,.ion-social-yahoo-outline:before,.ion-social-yen:before,.ion-social-yen-outline:before,.ion-social-youtube:before,.ion-social-youtube-outline:before,.ion-soup-can:before,.ion-soup-can-outline:before,.ion-speakerphone:before,.ion-speedometer:before,.ion-spoon:before,.ion-star:before,.ion-stats-bars:before,.ion-steam:before,.ion-stop:before,.ion-thermometer:before,.ion-thumbsdown:before,.ion-thumbsup:before,.ion-toggle:before,.ion-toggle-filled:before,.ion-transgender:before,.ion-trash-a:before,.ion-trash-b:before,.ion-trophy:before,.ion-tshirt:before,.ion-tshirt-outline:before,.ion-umbrella:before,.ion-university:before,.ion-unlocked:before,.ion-upload:before,.ion-usb:before,.ion-videocamera:before,.ion-volume-high:before,.ion-volume-low:before,.ion-volume-medium:before,.ion-volume-mute:before,.ion-wand:before,.ion-waterdrop:before,.ion-wifi:before,.ion-wineglass:before,.ion-woman:before,.ion-wrench:before,.ion-xbox:before{display:inline-block;font-family:"Ionicons";speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;text-rendering:auto;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ion-alert:before{content:"\f101"}.ion-alert-circled:before{content:"\f100"}.ion-android-add:before{content:"\f2c7"}.ion-android-add-circle:before{content:"\f359"}.ion-android-alarm-clock:before{content:"\f35a"}.ion-android-alert:before{content:"\f35b"}.ion-android-apps:before{content:"\f35c"}.ion-android-archive:before{content:"\f2c9"}.ion-android-arrow-back:before{content:"\f2ca"}.ion-android-arrow-down:before{content:"\f35d"}.ion-android-arrow-dropdown:before{content:"\f35f"}.ion-android-arrow-dropdown-circle:before{content:"\f35e"}.ion-android-arrow-dropleft:before{content:"\f361"}.ion-android-arrow-dropleft-circle:before{content:"\f360"}.ion-android-arrow-dropright:before{content:"\f363"}.ion-android-arrow-dropright-circle:before{content:"\f362"}.ion-android-arrow-dropup:before{content:"\f365"}.ion-android-arrow-dropup-circle:before{content:"\f364"}.ion-android-arrow-forward:before{content:"\f30f"}.ion-android-arrow-up:before{content:"\f366"}.ion-android-attach:before{content:"\f367"}.ion-android-bar:before{content:"\f368"}.ion-android-bicycle:before{content:"\f369"}.ion-android-boat:before{content:"\f36a"}.ion-android-bookmark:before{content:"\f36b"}.ion-android-bulb:before{content:"\f36c"}.ion-android-bus:before{content:"\f36d"}.ion-android-calendar:before{content:"\f2d1"}.ion-android-call:before{content:"\f2d2"}.ion-android-camera:before{content:"\f2d3"}.ion-android-cancel:before{content:"\f36e"}.ion-android-car:before{content:"\f36f"}.ion-android-cart:before{content:"\f370"}.ion-android-chat:before{content:"\f2d4"}.ion-android-checkbox:before{content:"\f374"}.ion-android-checkbox-blank:before{content:"\f371"}.ion-android-checkbox-outline:before{content:"\f373"}.ion-android-checkbox-outline-blank:before{content:"\f372"}.ion-android-checkmark-circle:before{content:"\f375"}.ion-android-clipboard:before{content:"\f376"}.ion-android-close:before{content:"\f2d7"}.ion-android-cloud:before{content:"\f37a"}.ion-android-cloud-circle:before{content:"\f377"}.ion-android-cloud-done:before{content:"\f378"}.ion-android-cloud-outline:before{content:"\f379"}.ion-android-color-palette:before{content:"\f37b"}.ion-android-compass:before{content:"\f37c"}.ion-android-contact:before{content:"\f2d8"}.ion-android-contacts:before{content:"\f2d9"}.ion-android-contract:before{content:"\f37d"}.ion-android-create:before{content:"\f37e"}.ion-android-delete:before{content:"\f37f"}.ion-android-desktop:before{content:"\f380"}.ion-android-document:before{content:"\f381"}.ion-android-done:before{content:"\f383"}.ion-android-done-all:before{content:"\f382"}.ion-android-download:before{content:"\f2dd"}.ion-android-drafts:before{content:"\f384"}.ion-android-exit:before{content:"\f385"}.ion-android-expand:before{content:"\f386"}.ion-android-favorite:before{content:"\f388"}.ion-android-favorite-outline:before{content:"\f387"}.ion-android-film:before{content:"\f389"}.ion-android-folder:before{content:"\f2e0"}.ion-android-folder-open:before{content:"\f38a"}.ion-android-funnel:before{content:"\f38b"}.ion-android-globe:before{content:"\f38c"}.ion-android-hand:before{content:"\f2e3"}.ion-android-hangout:before{content:"\f38d"}.ion-android-happy:before{content:"\f38e"}.ion-android-home:before{content:"\f38f"}.ion-android-image:before{content:"\f2e4"}.ion-android-laptop:before{content:"\f390"}.ion-android-list:before{content:"\f391"}.ion-android-locate:before{content:"\f2e9"}.ion-android-lock:before{content:"\f392"}.ion-android-mail:before{content:"\f2eb"}.ion-android-map:before{content:"\f393"}.ion-android-menu:before{content:"\f394"}.ion-android-microphone:before{content:"\f2ec"}.ion-android-microphone-off:before{content:"\f395"}.ion-android-more-horizontal:before{content:"\f396"}.ion-android-more-vertical:before{content:"\f397"}.ion-android-navigate:before{content:"\f398"}.ion-android-notifications:before{content:"\f39b"}.ion-android-notifications-none:before{content:"\f399"}.ion-android-notifications-off:before{content:"\f39a"}.ion-android-open:before{content:"\f39c"}.ion-android-options:before{content:"\f39d"}.ion-android-people:before{content:"\f39e"}.ion-android-person:before{content:"\f3a0"}.ion-android-person-add:before{content:"\f39f"}.ion-android-phone-landscape:before{content:"\f3a1"}.ion-android-phone-portrait:before{content:"\f3a2"}.ion-android-pin:before{content:"\f3a3"}.ion-android-plane:before{content:"\f3a4"}.ion-android-playstore:before{content:"\f2f0"}.ion-android-print:before{content:"\f3a5"}.ion-android-radio-button-off:before{content:"\f3a6"}.ion-android-radio-button-on:before{content:"\f3a7"}.ion-android-refresh:before{content:"\f3a8"}.ion-android-remove:before{content:"\f2f4"}.ion-android-remove-circle:before{content:"\f3a9"}.ion-android-restaurant:before{content:"\f3aa"}.ion-android-sad:before{content:"\f3ab"}.ion-android-search:before{content:"\f2f5"}.ion-android-send:before{content:"\f2f6"}.ion-android-settings:before{content:"\f2f7"}.ion-android-share:before{content:"\f2f8"}.ion-android-share-alt:before{content:"\f3ac"}.ion-android-star:before{content:"\f2fc"}.ion-android-star-half:before{content:"\f3ad"}.ion-android-star-outline:before{content:"\f3ae"}.ion-android-stopwatch:before{content:"\f2fd"}.ion-android-subway:before{content:"\f3af"}.ion-android-sunny:before{content:"\f3b0"}.ion-android-sync:before{content:"\f3b1"}.ion-android-textsms:before{content:"\f3b2"}.ion-android-time:before{content:"\f3b3"}.ion-android-train:before{content:"\f3b4"}.ion-android-unlock:before{content:"\f3b5"}.ion-android-upload:before{content:"\f3b6"}.ion-android-volume-down:before{content:"\f3b7"}.ion-android-volume-mute:before{content:"\f3b8"}.ion-android-volume-off:before{content:"\f3b9"}.ion-android-volume-up:before{content:"\f3ba"}.ion-android-walk:before{content:"\f3bb"}.ion-android-warning:before{content:"\f3bc"}.ion-android-watch:before{content:"\f3bd"}.ion-android-wifi:before{content:"\f305"}.ion-aperture:before{content:"\f313"}.ion-archive:before{content:"\f102"}.ion-arrow-down-a:before{content:"\f103"}.ion-arrow-down-b:before{content:"\f104"}.ion-arrow-down-c:before{content:"\f105"}.ion-arrow-expand:before{content:"\f25e"}.ion-arrow-graph-down-left:before{content:"\f25f"}.ion-arrow-graph-down-right:before{content:"\f260"}.ion-arrow-graph-up-left:before{content:"\f261"}.ion-arrow-graph-up-right:before{content:"\f262"}.ion-arrow-left-a:before{content:"\f106"}.ion-arrow-left-b:before{content:"\f107"}.ion-arrow-left-c:before{content:"\f108"}.ion-arrow-move:before{content:"\f263"}.ion-arrow-resize:before{content:"\f264"}.ion-arrow-return-left:before{content:"\f265"}.ion-arrow-return-right:before{content:"\f266"}.ion-arrow-right-a:before{content:"\f109"}.ion-arrow-right-b:before{content:"\f10a"}.ion-arrow-right-c:before{content:"\f10b"}.ion-arrow-shrink:before{content:"\f267"}.ion-arrow-swap:before{content:"\f268"}.ion-arrow-up-a:before{content:"\f10c"}.ion-arrow-up-b:before{content:"\f10d"}.ion-arrow-up-c:before{content:"\f10e"}.ion-asterisk:before{content:"\f314"}.ion-at:before{content:"\f10f"}.ion-backspace:before{content:"\f3bf"}.ion-backspace-outline:before{content:"\f3be"}.ion-bag:before{content:"\f110"}.ion-battery-charging:before{content:"\f111"}.ion-battery-empty:before{content:"\f112"}.ion-battery-full:before{content:"\f113"}.ion-battery-half:before{content:"\f114"}.ion-battery-low:before{content:"\f115"}.ion-beaker:before{content:"\f269"}.ion-beer:before{content:"\f26a"}.ion-bluetooth:before{content:"\f116"}.ion-bonfire:before{content:"\f315"}.ion-bookmark:before{content:"\f26b"}.ion-bowtie:before{content:"\f3c0"}.ion-briefcase:before{content:"\f26c"}.ion-bug:before{content:"\f2be"}.ion-calculator:before{content:"\f26d"}.ion-calendar:before{content:"\f117"}.ion-camera:before{content:"\f118"}.ion-card:before{content:"\f119"}.ion-cash:before{content:"\f316"}.ion-chatbox:before{content:"\f11b"}.ion-chatbox-working:before{content:"\f11a"}.ion-chatboxes:before{content:"\f11c"}.ion-chatbubble:before{content:"\f11e"}.ion-chatbubble-working:before{content:"\f11d"}.ion-chatbubbles:before{content:"\f11f"}.ion-checkmark:before{content:"\f122"}.ion-checkmark-circled:before{content:"\f120"}.ion-checkmark-round:before{content:"\f121"}.ion-chevron-down:before{content:"\f123"}.ion-chevron-left:before{content:"\f124"}.ion-chevron-right:before{content:"\f125"}.ion-chevron-up:before{content:"\f126"}.ion-clipboard:before{content:"\f127"}.ion-clock:before{content:"\f26e"}.ion-close:before{content:"\f12a"}.ion-close-circled:before{content:"\f128"}.ion-close-round:before{content:"\f129"}.ion-closed-captioning:before{content:"\f317"}.ion-cloud:before{content:"\f12b"}.ion-code:before{content:"\f271"}.ion-code-download:before{content:"\f26f"}.ion-code-working:before{content:"\f270"}.ion-coffee:before{content:"\f272"}.ion-compass:before{content:"\f273"}.ion-compose:before{content:"\f12c"}.ion-connection-bars:before{content:"\f274"}.ion-contrast:before{content:"\f275"}.ion-crop:before{content:"\f3c1"}.ion-cube:before{content:"\f318"}.ion-disc:before{content:"\f12d"}.ion-document:before{content:"\f12f"}.ion-document-text:before{content:"\f12e"}.ion-drag:before{content:"\f130"}.ion-earth:before{content:"\f276"}.ion-easel:before{content:"\f3c2"}.ion-edit:before{content:"\f2bf"}.ion-egg:before{content:"\f277"}.ion-eject:before{content:"\f131"}.ion-email:before{content:"\f132"}.ion-email-unread:before{content:"\f3c3"}.ion-erlenmeyer-flask:before{content:"\f3c5"}.ion-erlenmeyer-flask-bubbles:before{content:"\f3c4"}.ion-eye:before{content:"\f133"}.ion-eye-disabled:before{content:"\f306"}.ion-female:before{content:"\f278"}.ion-filing:before{content:"\f134"}.ion-film-marker:before{content:"\f135"}.ion-fireball:before{content:"\f319"}.ion-flag:before{content:"\f279"}.ion-flame:before{content:"\f31a"}.ion-flash:before{content:"\f137"}.ion-flash-off:before{content:"\f136"}.ion-folder:before{content:"\f139"}.ion-fork:before{content:"\f27a"}.ion-fork-repo:before{content:"\f2c0"}.ion-forward:before{content:"\f13a"}.ion-funnel:before{content:"\f31b"}.ion-gear-a:before{content:"\f13d"}.ion-gear-b:before{content:"\f13e"}.ion-grid:before{content:"\f13f"}.ion-hammer:before{content:"\f27b"}.ion-happy:before{content:"\f31c"}.ion-happy-outline:before{content:"\f3c6"}.ion-headphone:before{content:"\f140"}.ion-heart:before{content:"\f141"}.ion-heart-broken:before{content:"\f31d"}.ion-help:before{content:"\f143"}.ion-help-buoy:before{content:"\f27c"}.ion-help-circled:before{content:"\f142"}.ion-home:before{content:"\f144"}.ion-icecream:before{content:"\f27d"}.ion-image:before{content:"\f147"}.ion-images:before{content:"\f148"}.ion-information:before{content:"\f14a"}.ion-information-circled:before{content:"\f149"}.ion-ionic:before{content:"\f14b"}.ion-ios-alarm:before{content:"\f3c8"}.ion-ios-alarm-outline:before{content:"\f3c7"}.ion-ios-albums:before{content:"\f3ca"}.ion-ios-albums-outline:before{content:"\f3c9"}.ion-ios-americanfootball:before{content:"\f3cc"}.ion-ios-americanfootball-outline:before{content:"\f3cb"}.ion-ios-analytics:before{content:"\f3ce"}.ion-ios-analytics-outline:before{content:"\f3cd"}.ion-ios-arrow-back:before{content:"\f3cf"}.ion-ios-arrow-down:before{content:"\f3d0"}.ion-ios-arrow-forward:before{content:"\f3d1"}.ion-ios-arrow-left:before{content:"\f3d2"}.ion-ios-arrow-right:before{content:"\f3d3"}.ion-ios-arrow-thin-down:before{content:"\f3d4"}.ion-ios-arrow-thin-left:before{content:"\f3d5"}.ion-ios-arrow-thin-right:before{content:"\f3d6"}.ion-ios-arrow-thin-up:before{content:"\f3d7"}.ion-ios-arrow-up:before{content:"\f3d8"}.ion-ios-at:before{content:"\f3da"}.ion-ios-at-outline:before{content:"\f3d9"}.ion-ios-barcode:before{content:"\f3dc"}.ion-ios-barcode-outline:before{content:"\f3db"}.ion-ios-baseball:before{content:"\f3de"}.ion-ios-baseball-outline:before{content:"\f3dd"}.ion-ios-basketball:before{content:"\f3e0"}.ion-ios-basketball-outline:before{content:"\f3df"}.ion-ios-bell:before{content:"\f3e2"}.ion-ios-bell-outline:before{content:"\f3e1"}.ion-ios-body:before{content:"\f3e4"}.ion-ios-body-outline:before{content:"\f3e3"}.ion-ios-bolt:before{content:"\f3e6"}.ion-ios-bolt-outline:before{content:"\f3e5"}.ion-ios-book:before{content:"\f3e8"}.ion-ios-book-outline:before{content:"\f3e7"}.ion-ios-bookmarks:before{content:"\f3ea"}.ion-ios-bookmarks-outline:before{content:"\f3e9"}.ion-ios-box:before{content:"\f3ec"}.ion-ios-box-outline:before{content:"\f3eb"}.ion-ios-briefcase:before{content:"\f3ee"}.ion-ios-briefcase-outline:before{content:"\f3ed"}.ion-ios-browsers:before{content:"\f3f0"}.ion-ios-browsers-outline:before{content:"\f3ef"}.ion-ios-calculator:before{content:"\f3f2"}.ion-ios-calculator-outline:before{content:"\f3f1"}.ion-ios-calendar:before{content:"\f3f4"}.ion-ios-calendar-outline:before{content:"\f3f3"}.ion-ios-camera:before{content:"\f3f6"}.ion-ios-camera-outline:before{content:"\f3f5"}.ion-ios-cart:before{content:"\f3f8"}.ion-ios-cart-outline:before{content:"\f3f7"}.ion-ios-chatboxes:before{content:"\f3fa"}.ion-ios-chatboxes-outline:before{content:"\f3f9"}.ion-ios-chatbubble:before{content:"\f3fc"}.ion-ios-chatbubble-outline:before{content:"\f3fb"}.ion-ios-checkmark:before{content:"\f3ff"}.ion-ios-checkmark-empty:before{content:"\f3fd"}.ion-ios-checkmark-outline:before{content:"\f3fe"}.ion-ios-circle-filled:before{content:"\f400"}.ion-ios-circle-outline:before{content:"\f401"}.ion-ios-clock:before{content:"\f403"}.ion-ios-clock-outline:before{content:"\f402"}.ion-ios-close:before{content:"\f406"}.ion-ios-close-empty:before{content:"\f404"}.ion-ios-close-outline:before{content:"\f405"}.ion-ios-cloud:before{content:"\f40c"}.ion-ios-cloud-download:before{content:"\f408"}.ion-ios-cloud-download-outline:before{content:"\f407"}.ion-ios-cloud-outline:before{content:"\f409"}.ion-ios-cloud-upload:before{content:"\f40b"}.ion-ios-cloud-upload-outline:before{content:"\f40a"}.ion-ios-cloudy:before{content:"\f410"}.ion-ios-cloudy-night:before{content:"\f40e"}.ion-ios-cloudy-night-outline:before{content:"\f40d"}.ion-ios-cloudy-outline:before{content:"\f40f"}.ion-ios-cog:before{content:"\f412"}.ion-ios-cog-outline:before{content:"\f411"}.ion-ios-color-filter:before{content:"\f414"}.ion-ios-color-filter-outline:before{content:"\f413"}.ion-ios-color-wand:before{content:"\f416"}.ion-ios-color-wand-outline:before{content:"\f415"}.ion-ios-compose:before{content:"\f418"}.ion-ios-compose-outline:before{content:"\f417"}.ion-ios-contact:before{content:"\f41a"}.ion-ios-contact-outline:before{content:"\f419"}.ion-ios-copy:before{content:"\f41c"}.ion-ios-copy-outline:before{content:"\f41b"}.ion-ios-crop:before{content:"\f41e"}.ion-ios-crop-strong:before{content:"\f41d"}.ion-ios-download:before{content:"\f420"}.ion-ios-download-outline:before{content:"\f41f"}.ion-ios-drag:before{content:"\f421"}.ion-ios-email:before{content:"\f423"}.ion-ios-email-outline:before{content:"\f422"}.ion-ios-eye:before{content:"\f425"}.ion-ios-eye-outline:before{content:"\f424"}.ion-ios-fastforward:before{content:"\f427"}.ion-ios-fastforward-outline:before{content:"\f426"}.ion-ios-filing:before{content:"\f429"}.ion-ios-filing-outline:before{content:"\f428"}.ion-ios-film:before{content:"\f42b"}.ion-ios-film-outline:before{content:"\f42a"}.ion-ios-flag:before{content:"\f42d"}.ion-ios-flag-outline:before{content:"\f42c"}.ion-ios-flame:before{content:"\f42f"}.ion-ios-flame-outline:before{content:"\f42e"}.ion-ios-flask:before{content:"\f431"}.ion-ios-flask-outline:before{content:"\f430"}.ion-ios-flower:before{content:"\f433"}.ion-ios-flower-outline:before{content:"\f432"}.ion-ios-folder:before{content:"\f435"}.ion-ios-folder-outline:before{content:"\f434"}.ion-ios-football:before{content:"\f437"}.ion-ios-football-outline:before{content:"\f436"}.ion-ios-game-controller-a:before{content:"\f439"}.ion-ios-game-controller-a-outline:before{content:"\f438"}.ion-ios-game-controller-b:before{content:"\f43b"}.ion-ios-game-controller-b-outline:before{content:"\f43a"}.ion-ios-gear:before{content:"\f43d"}.ion-ios-gear-outline:before{content:"\f43c"}.ion-ios-glasses:before{content:"\f43f"}.ion-ios-glasses-outline:before{content:"\f43e"}.ion-ios-grid-view:before{content:"\f441"}.ion-ios-grid-view-outline:before{content:"\f440"}.ion-ios-heart:before{content:"\f443"}.ion-ios-heart-outline:before{content:"\f442"}.ion-ios-help:before{content:"\f446"}.ion-ios-help-empty:before{content:"\f444"}.ion-ios-help-outline:before{content:"\f445"}.ion-ios-home:before{content:"\f448"}.ion-ios-home-outline:before{content:"\f447"}.ion-ios-infinite:before{content:"\f44a"}.ion-ios-infinite-outline:before{content:"\f449"}.ion-ios-information:before{content:"\f44d"}.ion-ios-information-empty:before{content:"\f44b"}.ion-ios-information-outline:before{content:"\f44c"}.ion-ios-ionic-outline:before{content:"\f44e"}.ion-ios-keypad:before{content:"\f450"}.ion-ios-keypad-outline:before{content:"\f44f"}.ion-ios-lightbulb:before{content:"\f452"}.ion-ios-lightbulb-outline:before{content:"\f451"}.ion-ios-list:before{content:"\f454"}.ion-ios-list-outline:before{content:"\f453"}.ion-ios-location:before{content:"\f456"}.ion-ios-location-outline:before{content:"\f455"}.ion-ios-locked:before{content:"\f458"}.ion-ios-locked-outline:before{content:"\f457"}.ion-ios-loop:before{content:"\f45a"}.ion-ios-loop-strong:before{content:"\f459"}.ion-ios-medical:before{content:"\f45c"}.ion-ios-medical-outline:before{content:"\f45b"}.ion-ios-medkit:before{content:"\f45e"}.ion-ios-medkit-outline:before{content:"\f45d"}.ion-ios-mic:before{content:"\f461"}.ion-ios-mic-off:before{content:"\f45f"}.ion-ios-mic-outline:before{content:"\f460"}.ion-ios-minus:before{content:"\f464"}.ion-ios-minus-empty:before{content:"\f462"}.ion-ios-minus-outline:before{content:"\f463"}.ion-ios-monitor:before{content:"\f466"}.ion-ios-monitor-outline:before{content:"\f465"}.ion-ios-moon:before{content:"\f468"}.ion-ios-moon-outline:before{content:"\f467"}.ion-ios-more:before{content:"\f46a"}.ion-ios-more-outline:before{content:"\f469"}.ion-ios-musical-note:before{content:"\f46b"}.ion-ios-musical-notes:before{content:"\f46c"}.ion-ios-navigate:before{content:"\f46e"}.ion-ios-navigate-outline:before{content:"\f46d"}.ion-ios-nutrition:before{content:"\f470"}.ion-ios-nutrition-outline:before{content:"\f46f"}.ion-ios-paper:before{content:"\f472"}.ion-ios-paper-outline:before{content:"\f471"}.ion-ios-paperplane:before{content:"\f474"}.ion-ios-paperplane-outline:before{content:"\f473"}.ion-ios-partlysunny:before{content:"\f476"}.ion-ios-partlysunny-outline:before{content:"\f475"}.ion-ios-pause:before{content:"\f478"}.ion-ios-pause-outline:before{content:"\f477"}.ion-ios-paw:before{content:"\f47a"}.ion-ios-paw-outline:before{content:"\f479"}.ion-ios-people:before{content:"\f47c"}.ion-ios-people-outline:before{content:"\f47b"}.ion-ios-person:before{content:"\f47e"}.ion-ios-person-outline:before{content:"\f47d"}.ion-ios-personadd:before{content:"\f480"}.ion-ios-personadd-outline:before{content:"\f47f"}.ion-ios-photos:before{content:"\f482"}.ion-ios-photos-outline:before{content:"\f481"}.ion-ios-pie:before{content:"\f484"}.ion-ios-pie-outline:before{content:"\f483"}.ion-ios-pint:before{content:"\f486"}.ion-ios-pint-outline:before{content:"\f485"}.ion-ios-play:before{content:"\f488"}.ion-ios-play-outline:before{content:"\f487"}.ion-ios-plus:before{content:"\f48b"}.ion-ios-plus-empty:before{content:"\f489"}.ion-ios-plus-outline:before{content:"\f48a"}.ion-ios-pricetag:before{content:"\f48d"}.ion-ios-pricetag-outline:before{content:"\f48c"}.ion-ios-pricetags:before{content:"\f48f"}.ion-ios-pricetags-outline:before{content:"\f48e"}.ion-ios-printer:before{content:"\f491"}.ion-ios-printer-outline:before{content:"\f490"}.ion-ios-pulse:before{content:"\f493"}.ion-ios-pulse-strong:before{content:"\f492"}.ion-ios-rainy:before{content:"\f495"}.ion-ios-rainy-outline:before{content:"\f494"}.ion-ios-recording:before{content:"\f497"}.ion-ios-recording-outline:before{content:"\f496"}.ion-ios-redo:before{content:"\f499"}.ion-ios-redo-outline:before{content:"\f498"}.ion-ios-refresh:before{content:"\f49c"}.ion-ios-refresh-empty:before{content:"\f49a"}.ion-ios-refresh-outline:before{content:"\f49b"}.ion-ios-reload:before{content:"\f49d"}.ion-ios-reverse-camera:before{content:"\f49f"}.ion-ios-reverse-camera-outline:before{content:"\f49e"}.ion-ios-rewind:before{content:"\f4a1"}.ion-ios-rewind-outline:before{content:"\f4a0"}.ion-ios-rose:before{content:"\f4a3"}.ion-ios-rose-outline:before{content:"\f4a2"}.ion-ios-search:before{content:"\f4a5"}.ion-ios-search-strong:before{content:"\f4a4"}.ion-ios-settings:before{content:"\f4a7"}.ion-ios-settings-strong:before{content:"\f4a6"}.ion-ios-shuffle:before{content:"\f4a9"}.ion-ios-shuffle-strong:before{content:"\f4a8"}.ion-ios-skipbackward:before{content:"\f4ab"}.ion-ios-skipbackward-outline:before{content:"\f4aa"}.ion-ios-skipforward:before{content:"\f4ad"}.ion-ios-skipforward-outline:before{content:"\f4ac"}.ion-ios-snowy:before{content:"\f4ae"}.ion-ios-speedometer:before{content:"\f4b0"}.ion-ios-speedometer-outline:before{content:"\f4af"}.ion-ios-star:before{content:"\f4b3"}.ion-ios-star-half:before{content:"\f4b1"}.ion-ios-star-outline:before{content:"\f4b2"}.ion-ios-stopwatch:before{content:"\f4b5"}.ion-ios-stopwatch-outline:before{content:"\f4b4"}.ion-ios-sunny:before{content:"\f4b7"}.ion-ios-sunny-outline:before{content:"\f4b6"}.ion-ios-telephone:before{content:"\f4b9"}.ion-ios-telephone-outline:before{content:"\f4b8"}.ion-ios-tennisball:before{content:"\f4bb"}.ion-ios-tennisball-outline:before{content:"\f4ba"}.ion-ios-thunderstorm:before{content:"\f4bd"}.ion-ios-thunderstorm-outline:before{content:"\f4bc"}.ion-ios-time:before{content:"\f4bf"}.ion-ios-time-outline:before{content:"\f4be"}.ion-ios-timer:before{content:"\f4c1"}.ion-ios-timer-outline:before{content:"\f4c0"}.ion-ios-toggle:before{content:"\f4c3"}.ion-ios-toggle-outline:before{content:"\f4c2"}.ion-ios-trash:before{content:"\f4c5"}.ion-ios-trash-outline:before{content:"\f4c4"}.ion-ios-undo:before{content:"\f4c7"}.ion-ios-undo-outline:before{content:"\f4c6"}.ion-ios-unlocked:before{content:"\f4c9"}.ion-ios-unlocked-outline:before{content:"\f4c8"}.ion-ios-upload:before{content:"\f4cb"}.ion-ios-upload-outline:before{content:"\f4ca"}.ion-ios-videocam:before{content:"\f4cd"}.ion-ios-videocam-outline:before{content:"\f4cc"}.ion-ios-volume-high:before{content:"\f4ce"}.ion-ios-volume-low:before{content:"\f4cf"}.ion-ios-wineglass:before{content:"\f4d1"}.ion-ios-wineglass-outline:before{content:"\f4d0"}.ion-ios-world:before{content:"\f4d3"}.ion-ios-world-outline:before{content:"\f4d2"}.ion-ipad:before{content:"\f1f9"}.ion-iphone:before{content:"\f1fa"}.ion-ipod:before{content:"\f1fb"}.ion-jet:before{content:"\f295"}.ion-key:before{content:"\f296"}.ion-knife:before{content:"\f297"}.ion-laptop:before{content:"\f1fc"}.ion-leaf:before{content:"\f1fd"}.ion-levels:before{content:"\f298"}.ion-lightbulb:before{content:"\f299"}.ion-link:before{content:"\f1fe"}.ion-load-a:before{content:"\f29a"}.ion-load-b:before{content:"\f29b"}.ion-load-c:before{content:"\f29c"}.ion-load-d:before{content:"\f29d"}.ion-location:before{content:"\f1ff"}.ion-lock-combination:before{content:"\f4d4"}.ion-locked:before{content:"\f200"}.ion-log-in:before{content:"\f29e"}.ion-log-out:before{content:"\f29f"}.ion-loop:before{content:"\f201"}.ion-magnet:before{content:"\f2a0"}.ion-male:before{content:"\f2a1"}.ion-man:before{content:"\f202"}.ion-map:before{content:"\f203"}.ion-medkit:before{content:"\f2a2"}.ion-merge:before{content:"\f33f"}.ion-mic-a:before{content:"\f204"}.ion-mic-b:before{content:"\f205"}.ion-mic-c:before{content:"\f206"}.ion-minus:before{content:"\f209"}.ion-minus-circled:before{content:"\f207"}.ion-minus-round:before{content:"\f208"}.ion-model-s:before{content:"\f2c1"}.ion-monitor:before{content:"\f20a"}.ion-more:before{content:"\f20b"}.ion-mouse:before{content:"\f340"}.ion-music-note:before{content:"\f20c"}.ion-navicon:before{content:"\f20e"}.ion-navicon-round:before{content:"\f20d"}.ion-navigate:before{content:"\f2a3"}.ion-network:before{content:"\f341"}.ion-no-smoking:before{content:"\f2c2"}.ion-nuclear:before{content:"\f2a4"}.ion-outlet:before{content:"\f342"}.ion-paintbrush:before{content:"\f4d5"}.ion-paintbucket:before{content:"\f4d6"}.ion-paper-airplane:before{content:"\f2c3"}.ion-paperclip:before{content:"\f20f"}.ion-pause:before{content:"\f210"}.ion-person:before{content:"\f213"}.ion-person-add:before{content:"\f211"}.ion-person-stalker:before{content:"\f212"}.ion-pie-graph:before{content:"\f2a5"}.ion-pin:before{content:"\f2a6"}.ion-pinpoint:before{content:"\f2a7"}.ion-pizza:before{content:"\f2a8"}.ion-plane:before{content:"\f214"}.ion-planet:before{content:"\f343"}.ion-play:before{content:"\f215"}.ion-playstation:before{content:"\f30a"}.ion-plus:before{content:"\f218"}.ion-plus-circled:before{content:"\f216"}.ion-plus-round:before{content:"\f217"}.ion-podium:before{content:"\f344"}.ion-pound:before{content:"\f219"}.ion-power:before{content:"\f2a9"}.ion-pricetag:before{content:"\f2aa"}.ion-pricetags:before{content:"\f2ab"}.ion-printer:before{content:"\f21a"}.ion-pull-request:before{content:"\f345"}.ion-qr-scanner:before{content:"\f346"}.ion-quote:before{content:"\f347"}.ion-radio-waves:before{content:"\f2ac"}.ion-record:before{content:"\f21b"}.ion-refresh:before{content:"\f21c"}.ion-reply:before{content:"\f21e"}.ion-reply-all:before{content:"\f21d"}.ion-ribbon-a:before{content:"\f348"}.ion-ribbon-b:before{content:"\f349"}.ion-sad:before{content:"\f34a"}.ion-sad-outline:before{content:"\f4d7"}.ion-scissors:before{content:"\f34b"}.ion-search:before{content:"\f21f"}.ion-settings:before{content:"\f2ad"}.ion-share:before{content:"\f220"}.ion-shuffle:before{content:"\f221"}.ion-skip-backward:before{content:"\f222"}.ion-skip-forward:before{content:"\f223"}.ion-social-android:before{content:"\f225"}.ion-social-android-outline:before{content:"\f224"}.ion-social-angular:before{content:"\f4d9"}.ion-social-angular-outline:before{content:"\f4d8"}.ion-social-apple:before{content:"\f227"}.ion-social-apple-outline:before{content:"\f226"}.ion-social-bitcoin:before{content:"\f2af"}.ion-social-bitcoin-outline:before{content:"\f2ae"}.ion-social-buffer:before{content:"\f229"}.ion-social-buffer-outline:before{content:"\f228"}.ion-social-chrome:before{content:"\f4db"}.ion-social-chrome-outline:before{content:"\f4da"}.ion-social-codepen:before{content:"\f4dd"}.ion-social-codepen-outline:before{content:"\f4dc"}.ion-social-css3:before{content:"\f4df"}.ion-social-css3-outline:before{content:"\f4de"}.ion-social-designernews:before{content:"\f22b"}.ion-social-designernews-outline:before{content:"\f22a"}.ion-social-dribbble:before{content:"\f22d"}.ion-social-dribbble-outline:before{content:"\f22c"}.ion-social-dropbox:before{content:"\f22f"}.ion-social-dropbox-outline:before{content:"\f22e"}.ion-social-euro:before{content:"\f4e1"}.ion-social-euro-outline:before{content:"\f4e0"}.ion-social-facebook:before{content:"\f231"}.ion-social-facebook-outline:before{content:"\f230"}.ion-social-foursquare:before{content:"\f34d"}.ion-social-foursquare-outline:before{content:"\f34c"}.ion-social-freebsd-devil:before{content:"\f2c4"}.ion-social-github:before{content:"\f233"}.ion-social-github-outline:before{content:"\f232"}.ion-social-google:before{content:"\f34f"}.ion-social-google-outline:before{content:"\f34e"}.ion-social-googleplus:before{content:"\f235"}.ion-social-googleplus-outline:before{content:"\f234"}.ion-social-hackernews:before{content:"\f237"}.ion-social-hackernews-outline:before{content:"\f236"}.ion-social-html5:before{content:"\f4e3"}.ion-social-html5-outline:before{content:"\f4e2"}.ion-social-instagram:before{content:"\f351"}.ion-social-instagram-outline:before{content:"\f350"}.ion-social-javascript:before{content:"\f4e5"}.ion-social-javascript-outline:before{content:"\f4e4"}.ion-social-linkedin:before{content:"\f239"}.ion-social-linkedin-outline:before{content:"\f238"}.ion-social-markdown:before{content:"\f4e6"}.ion-social-nodejs:before{content:"\f4e7"}.ion-social-octocat:before{content:"\f4e8"}.ion-social-pinterest:before{content:"\f2b1"}.ion-social-pinterest-outline:before{content:"\f2b0"}.ion-social-python:before{content:"\f4e9"}.ion-social-reddit:before{content:"\f23b"}.ion-social-reddit-outline:before{content:"\f23a"}.ion-social-rss:before{content:"\f23d"}.ion-social-rss-outline:before{content:"\f23c"}.ion-social-sass:before{content:"\f4ea"}.ion-social-skype:before{content:"\f23f"}.ion-social-skype-outline:before{content:"\f23e"}.ion-social-snapchat:before{content:"\f4ec"}.ion-social-snapchat-outline:before{content:"\f4eb"}.ion-social-tumblr:before{content:"\f241"}.ion-social-tumblr-outline:before{content:"\f240"}.ion-social-tux:before{content:"\f2c5"}.ion-social-twitch:before{content:"\f4ee"}.ion-social-twitch-outline:before{content:"\f4ed"}.ion-social-twitter:before{content:"\f243"}.ion-social-twitter-outline:before{content:"\f242"}.ion-social-usd:before{content:"\f353"}.ion-social-usd-outline:before{content:"\f352"}.ion-social-vimeo:before{content:"\f245"}.ion-social-vimeo-outline:before{content:"\f244"}.ion-social-whatsapp:before{content:"\f4f0"}.ion-social-whatsapp-outline:before{content:"\f4ef"}.ion-social-windows:before{content:"\f247"}.ion-social-windows-outline:before{content:"\f246"}.ion-social-wordpress:before{content:"\f249"}.ion-social-wordpress-outline:before{content:"\f248"}.ion-social-yahoo:before{content:"\f24b"}.ion-social-yahoo-outline:before{content:"\f24a"}.ion-social-yen:before{content:"\f4f2"}.ion-social-yen-outline:before{content:"\f4f1"}.ion-social-youtube:before{content:"\f24d"}.ion-social-youtube-outline:before{content:"\f24c"}.ion-soup-can:before{content:"\f4f4"}.ion-soup-can-outline:before{content:"\f4f3"}.ion-speakerphone:before{content:"\f2b2"}.ion-speedometer:before{content:"\f2b3"}.ion-spoon:before{content:"\f2b4"}.ion-star:before{content:"\f24e"}.ion-stats-bars:before{content:"\f2b5"}.ion-steam:before{content:"\f30b"}.ion-stop:before{content:"\f24f"}.ion-thermometer:before{content:"\f2b6"}.ion-thumbsdown:before{content:"\f250"}.ion-thumbsup:before{content:"\f251"}.ion-toggle:before{content:"\f355"}.ion-toggle-filled:before{content:"\f354"}.ion-transgender:before{content:"\f4f5"}.ion-trash-a:before{content:"\f252"}.ion-trash-b:before{content:"\f253"}.ion-trophy:before{content:"\f356"}.ion-tshirt:before{content:"\f4f7"}.ion-tshirt-outline:before{content:"\f4f6"}.ion-umbrella:before{content:"\f2b7"}.ion-university:before{content:"\f357"}.ion-unlocked:before{content:"\f254"}.ion-upload:before{content:"\f255"}.ion-usb:before{content:"\f2b8"}.ion-videocamera:before{content:"\f256"}.ion-volume-high:before{content:"\f257"}.ion-volume-low:before{content:"\f258"}.ion-volume-medium:before{content:"\f259"}.ion-volume-mute:before{content:"\f25a"}.ion-wand:before{content:"\f358"}.ion-waterdrop:before{content:"\f25b"}.ion-wifi:before{content:"\f25c"}.ion-wineglass:before{content:"\f2b9"}.ion-woman:before{content:"\f25d"}.ion-wrench:before{content:"\f2ba"}.ion-xbox:before{content:"\f30c"} /* ------------------------------------------------------------------------------ * * # Bootstrap file imports * * Import all main Bootstrap files. Bootstrap version 3.3.5 * * Version: 1.1 * Latest update: Feb 5, 2016 * * ---------------------------------------------------------------------------- */ /* ------------------------------------------------------------------------------ * * # Components * * Common less file with imports of plugins and pages * * Version: 1.0 * Latest update: Feb 5, 2016 * * ---------------------------------------------------------------------------- */ /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body { margin: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a { background-color: transparent; } a:active, a:hover { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } h1 { font-size: 2em; margin: 0.67em 0; } mark { background: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 40px; } hr { box-sizing: content-box; height: 0; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"] { -webkit-appearance: textfield; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; } textarea { overflow: auto; } optgroup { font-weight: bold; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } /*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */ @media print { *, *:before, *:after { background: transparent !important; color: #000 !important; box-shadow: none !important; text-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } a[href^="#"]:after, a[href^="javascript:"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } .navbar { display: none; } .btn > .caret, .dropup > .btn > .caret { border-top-color: #000 !important; } .label { border: 1px solid #000; } .table { border-collapse: collapse !important; } .table td, .table th { background-color: #fff !important; } .table-bordered th, .table-bordered td { border: 1px solid #ddd !important; } } @font-face { font-family: 'Glyphicons Halflings'; src: url(name=glyphicons-halflings-regular.eot); src: url(name=glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'), url(name=glyphicons-halflings-regular.woff2) format('woff2'), url(name=glyphicons-halflings-regular.woff) format('woff'), url(name=glyphicons-halflings-regular.ttf) format('truetype'), url(name=glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg'); } .glyphicon { position: relative; top: 1px; display: inline-block; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .glyphicon-asterisk:before { content: "\002a"; } .glyphicon-plus:before { content: "\002b"; } .glyphicon-euro:before, .glyphicon-eur:before { content: "\20ac"; } .glyphicon-minus:before { content: "\2212"; } .glyphicon-cloud:before { content: "\2601"; } .glyphicon-envelope:before { content: "\2709"; } .glyphicon-pencil:before { content: "\270f"; } .glyphicon-glass:before { content: "\e001"; } .glyphicon-music:before { content: "\e002"; } .glyphicon-search:before { content: "\e003"; } .glyphicon-heart:before { content: "\e005"; } .glyphicon-star:before { content: "\e006"; } .glyphicon-star-empty:before { content: "\e007"; } .glyphicon-user:before { content: "\e008"; } .glyphicon-film:before { content: "\e009"; } .glyphicon-th-large:before { content: "\e010"; } .glyphicon-th:before { content: "\e011"; } .glyphicon-th-list:before { content: "\e012"; } .glyphicon-ok:before { content: "\e013"; } .glyphicon-remove:before { content: "\e014"; } .glyphicon-zoom-in:before { content: "\e015"; } .glyphicon-zoom-out:before { content: "\e016"; } .glyphicon-off:before { content: "\e017"; } .glyphicon-signal:before { content: "\e018"; } .glyphicon-cog:before { content: "\e019"; } .glyphicon-trash:before { content: "\e020"; } .glyphicon-home:before { content: "\e021"; } .glyphicon-file:before { content: "\e022"; } .glyphicon-time:before { content: "\e023"; } .glyphicon-road:before { content: "\e024"; } .glyphicon-download-alt:before { content: "\e025"; } .glyphicon-download:before { content: "\e026"; } .glyphicon-upload:before { content: "\e027"; } .glyphicon-inbox:before { content: "\e028"; } .glyphicon-play-circle:before { content: "\e029"; } .glyphicon-repeat:before { content: "\e030"; } .glyphicon-refresh:before { content: "\e031"; } .glyphicon-list-alt:before { content: "\e032"; } .glyphicon-lock:before { content: "\e033"; } .glyphicon-flag:before { content: "\e034"; } .glyphicon-headphones:before { content: "\e035"; } .glyphicon-volume-off:before { content: "\e036"; } .glyphicon-volume-down:before { content: "\e037"; } .glyphicon-volume-up:before { content: "\e038"; } .glyphicon-qrcode:before { content: "\e039"; } .glyphicon-barcode:before { content: "\e040"; } .glyphicon-tag:before { content: "\e041"; } .glyphicon-tags:before { content: "\e042"; } .glyphicon-book:before { content: "\e043"; } .glyphicon-bookmark:before { content: "\e044"; } .glyphicon-print:before { content: "\e045"; } .glyphicon-camera:before { content: "\e046"; } .glyphicon-font:before { content: "\e047"; } .glyphicon-bold:before { content: "\e048"; } .glyphicon-italic:before { content: "\e049"; } .glyphicon-text-height:before { content: "\e050"; } .glyphicon-text-width:before { content: "\e051"; } .glyphicon-align-left:before { content: "\e052"; } .glyphicon-align-center:before { content: "\e053"; } .glyphicon-align-right:before { content: "\e054"; } .glyphicon-align-justify:before { content: "\e055"; } .glyphicon-list:before { content: "\e056"; } .glyphicon-indent-left:before { content: "\e057"; } .glyphicon-indent-right:before { content: "\e058"; } .glyphicon-facetime-video:before { content: "\e059"; } .glyphicon-picture:before { content: "\e060"; } .glyphicon-map-marker:before { content: "\e062"; } .glyphicon-adjust:before { content: "\e063"; } .glyphicon-tint:before { content: "\e064"; } .glyphicon-edit:before { content: "\e065"; } .glyphicon-share:before { content: "\e066"; } .glyphicon-check:before { content: "\e067"; } .glyphicon-move:before { content: "\e068"; } .glyphicon-step-backward:before { content: "\e069"; } .glyphicon-fast-backward:before { content: "\e070"; } .glyphicon-backward:before { content: "\e071"; } .glyphicon-play:before { content: "\e072"; } .glyphicon-pause:before { content: "\e073"; } .glyphicon-stop:before { content: "\e074"; } .glyphicon-forward:before { content: "\e075"; } .glyphicon-fast-forward:before { content: "\e076"; } .glyphicon-step-forward:before { content: "\e077"; } .glyphicon-eject:before { content: "\e078"; } .glyphicon-chevron-left:before { content: "\e079"; } .glyphicon-chevron-right:before { content: "\e080"; } .glyphicon-plus-sign:before { content: "\e081"; } .glyphicon-minus-sign:before { content: "\e082"; } .glyphicon-remove-sign:before { content: "\e083"; } .glyphicon-ok-sign:before { content: "\e084"; } .glyphicon-question-sign:before { content: "\e085"; } .glyphicon-info-sign:before { content: "\e086"; } .glyphicon-screenshot:before { content: "\e087"; } .glyphicon-remove-circle:before { content: "\e088"; } .glyphicon-ok-circle:before { content: "\e089"; } .glyphicon-ban-circle:before { content: "\e090"; } .glyphicon-arrow-left:before { content: "\e091"; } .glyphicon-arrow-right:before { content: "\e092"; } .glyphicon-arrow-up:before { content: "\e093"; } .glyphicon-arrow-down:before { content: "\e094"; } .glyphicon-share-alt:before { content: "\e095"; } .glyphicon-resize-full:before { content: "\e096"; } .glyphicon-resize-small:before { content: "\e097"; } .glyphicon-exclamation-sign:before { content: "\e101"; } .glyphicon-gift:before { content: "\e102"; } .glyphicon-leaf:before { content: "\e103"; } .glyphicon-fire:before { content: "\e104"; } .glyphicon-eye-open:before { content: "\e105"; } .glyphicon-eye-close:before { content: "\e106"; } .glyphicon-warning-sign:before { content: "\e107"; } .glyphicon-plane:before { content: "\e108"; } .glyphicon-calendar:before { content: "\e109"; } .glyphicon-random:before { content: "\e110"; } .glyphicon-comment:before { content: "\e111"; } .glyphicon-magnet:before { content: "\e112"; } .glyphicon-chevron-up:before { content: "\e113"; } .glyphicon-chevron-down:before { content: "\e114"; } .glyphicon-retweet:before { content: "\e115"; } .glyphicon-shopping-cart:before { content: "\e116"; } .glyphicon-folder-close:before { content: "\e117"; } .glyphicon-folder-open:before { content: "\e118"; } .glyphicon-resize-vertical:before { content: "\e119"; } .glyphicon-resize-horizontal:before { content: "\e120"; } .glyphicon-hdd:before { content: "\e121"; } .glyphicon-bullhorn:before { content: "\e122"; } .glyphicon-bell:before { content: "\e123"; } .glyphicon-certificate:before { content: "\e124"; } .glyphicon-thumbs-up:before { content: "\e125"; } .glyphicon-thumbs-down:before { content: "\e126"; } .glyphicon-hand-right:before { content: "\e127"; } .glyphicon-hand-left:before { content: "\e128"; } .glyphicon-hand-up:before { content: "\e129"; } .glyphicon-hand-down:before { content: "\e130"; } .glyphicon-circle-arrow-right:before { content: "\e131"; } .glyphicon-circle-arrow-left:before { content: "\e132"; } .glyphicon-circle-arrow-up:before { content: "\e133"; } .glyphicon-circle-arrow-down:before { content: "\e134"; } .glyphicon-globe:before { content: "\e135"; } .glyphicon-wrench:before { content: "\e136"; } .glyphicon-tasks:before { content: "\e137"; } .glyphicon-filter:before { content: "\e138"; } .glyphicon-briefcase:before { content: "\e139"; } .glyphicon-fullscreen:before { content: "\e140"; } .glyphicon-dashboard:before { content: "\e141"; } .glyphicon-paperclip:before { content: "\e142"; } .glyphicon-heart-empty:before { content: "\e143"; } .glyphicon-link:before { content: "\e144"; } .glyphicon-phone:before { content: "\e145"; } .glyphicon-pushpin:before { content: "\e146"; } .glyphicon-usd:before { content: "\e148"; } .glyphicon-gbp:before { content: "\e149"; } .glyphicon-sort:before { content: "\e150"; } .glyphicon-sort-by-alphabet:before { content: "\e151"; } .glyphicon-sort-by-alphabet-alt:before { content: "\e152"; } .glyphicon-sort-by-order:before { content: "\e153"; } .glyphicon-sort-by-order-alt:before { content: "\e154"; } .glyphicon-sort-by-attributes:before { content: "\e155"; } .glyphicon-sort-by-attributes-alt:before { content: "\e156"; } .glyphicon-unchecked:before { content: "\e157"; } .glyphicon-expand:before { content: "\e158"; } .glyphicon-collapse-down:before { content: "\e159"; } .glyphicon-collapse-up:before { content: "\e160"; } .glyphicon-log-in:before { content: "\e161"; } .glyphicon-flash:before { content: "\e162"; } .glyphicon-log-out:before { content: "\e163"; } .glyphicon-new-window:before { content: "\e164"; } .glyphicon-record:before { content: "\e165"; } .glyphicon-save:before { content: "\e166"; } .glyphicon-open:before { content: "\e167"; } .glyphicon-saved:before { content: "\e168"; } .glyphicon-import:before { content: "\e169"; } .glyphicon-export:before { content: "\e170"; } .glyphicon-send:before { content: "\e171"; } .glyphicon-floppy-disk:before { content: "\e172"; } .glyphicon-floppy-saved:before { content: "\e173"; } .glyphicon-floppy-remove:before { content: "\e174"; } .glyphicon-floppy-save:before { content: "\e175"; } .glyphicon-floppy-open:before { content: "\e176"; } .glyphicon-credit-card:before { content: "\e177"; } .glyphicon-transfer:before { content: "\e178"; } .glyphicon-cutlery:before { content: "\e179"; } .glyphicon-header:before { content: "\e180"; } .glyphicon-compressed:before { content: "\e181"; } .glyphicon-earphone:before { content: "\e182"; } .glyphicon-phone-alt:before { content: "\e183"; } .glyphicon-tower:before { content: "\e184"; } .glyphicon-stats:before { content: "\e185"; } .glyphicon-sd-video:before { content: "\e186"; } .glyphicon-hd-video:before { content: "\e187"; } .glyphicon-subtitles:before { content: "\e188"; } .glyphicon-sound-stereo:before { content: "\e189"; } .glyphicon-sound-dolby:before { content: "\e190"; } .glyphicon-sound-5-1:before { content: "\e191"; } .glyphicon-sound-6-1:before { content: "\e192"; } .glyphicon-sound-7-1:before { content: "\e193"; } .glyphicon-copyright-mark:before { content: "\e194"; } .glyphicon-registration-mark:before { content: "\e195"; } .glyphicon-cloud-download:before { content: "\e197"; } .glyphicon-cloud-upload:before { content: "\e198"; } .glyphicon-tree-conifer:before { content: "\e199"; } .glyphicon-tree-deciduous:before { content: "\e200"; } .glyphicon-cd:before { content: "\e201"; } .glyphicon-save-file:before { content: "\e202"; } .glyphicon-open-file:before { content: "\e203"; } .glyphicon-level-up:before { content: "\e204"; } .glyphicon-copy:before { content: "\e205"; } .glyphicon-paste:before { content: "\e206"; } .glyphicon-alert:before { content: "\e209"; } .glyphicon-equalizer:before { content: "\e210"; } .glyphicon-king:before { content: "\e211"; } .glyphicon-queen:before { content: "\e212"; } .glyphicon-pawn:before { content: "\e213"; } .glyphicon-bishop:before { content: "\e214"; } .glyphicon-knight:before { content: "\e215"; } .glyphicon-baby-formula:before { content: "\e216"; } .glyphicon-tent:before { content: "\26fa"; } .glyphicon-blackboard:before { content: "\e218"; } .glyphicon-bed:before { content: "\e219"; } .glyphicon-apple:before { content: "\f8ff"; } .glyphicon-erase:before { content: "\e221"; } .glyphicon-hourglass:before { content: "\231b"; } .glyphicon-lamp:before { content: "\e223"; } .glyphicon-duplicate:before { content: "\e224"; } .glyphicon-piggy-bank:before { content: "\e225"; } .glyphicon-scissors:before { content: "\e226"; } .glyphicon-bitcoin:before { content: "\e227"; } .glyphicon-btc:before { content: "\e227"; } .glyphicon-xbt:before { content: "\e227"; } .glyphicon-yen:before { content: "\00a5"; } .glyphicon-jpy:before { content: "\00a5"; } .glyphicon-ruble:before { content: "\20bd"; } .glyphicon-rub:before { content: "\20bd"; } .glyphicon-scale:before { content: "\e230"; } .glyphicon-ice-lolly:before { content: "\e231"; } .glyphicon-ice-lolly-tasted:before { content: "\e232"; } .glyphicon-education:before { content: "\e233"; } .glyphicon-option-horizontal:before { content: "\e234"; } .glyphicon-option-vertical:before { content: "\e235"; } .glyphicon-menu-hamburger:before { content: "\e236"; } .glyphicon-modal-window:before { content: "\e237"; } .glyphicon-oil:before { content: "\e238"; } .glyphicon-grain:before { content: "\e239"; } .glyphicon-sunglasses:before { content: "\e240"; } .glyphicon-text-size:before { content: "\e241"; } .glyphicon-text-color:before { content: "\e242"; } .glyphicon-text-background:before { content: "\e243"; } .glyphicon-object-align-top:before { content: "\e244"; } .glyphicon-object-align-bottom:before { content: "\e245"; } .glyphicon-object-align-horizontal:before { content: "\e246"; } .glyphicon-object-align-left:before { content: "\e247"; } .glyphicon-object-align-vertical:before { content: "\e248"; } .glyphicon-object-align-right:before { content: "\e249"; } .glyphicon-triangle-right:before { content: "\e250"; } .glyphicon-triangle-left:before { content: "\e251"; } .glyphicon-triangle-bottom:before { content: "\e252"; } .glyphicon-triangle-top:before { content: "\e253"; } .glyphicon-console:before { content: "\e254"; } .glyphicon-superscript:before { content: "\e255"; } .glyphicon-subscript:before { content: "\e256"; } .glyphicon-menu-left:before { content: "\e257"; } .glyphicon-menu-right:before { content: "\e258"; } .glyphicon-menu-down:before { content: "\e259"; } .glyphicon-menu-up:before { content: "\e260"; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html { font-size: 10px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } body { font-family: "Roboto", Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 13px; line-height: 1.5384616; color: #333333; background-color: #f5f5f5; } input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; } a { color: #1E88E5; text-decoration: none; } a:hover, a:focus { color: #166dba; text-decoration: none; } a:focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } figure { margin: 0; } img { vertical-align: middle; } .img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img { display: block; max-width: 100%; height: auto; } .img-rounded { border-radius: 5px; } .img-thumbnail { padding: 3px; line-height: 1.5384616; background-color: #fff; border: 1px solid #ddd; border-radius: 3px; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; display: inline-block; max-width: 100%; height: auto; } .img-circle { border-radius: 50%; } hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #ddd; } .sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; } [role="button"] { cursor: pointer; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: inherit; font-weight: 400; line-height: 1.5384616; color: inherit; } h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small, .h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small { font-weight: normal; line-height: 1; color: #999999; } h1, .h1, h2, .h2, h3, .h3 { margin-top: 20px; margin-bottom: 10px; } h1 small, .h1 small, h2 small, .h2 small, h3 small, .h3 small, h1 .small, .h1 .small, h2 .small, .h2 .small, h3 .small, .h3 .small { font-size: 65%; } h4, .h4, h5, .h5, h6, .h6 { margin-top: 10px; margin-bottom: 10px; } h4 small, .h4 small, h5 small, .h5 small, h6 small, .h6 small, h4 .small, .h4 .small, h5 .small, .h5 .small, h6 .small, .h6 .small { font-size: 75%; } h1, .h1 { font-size: 25px; } h2, .h2 { font-size: 23px; } h3, .h3 { font-size: 21px; } h4, .h4 { font-size: 19px; } h5, .h5 { font-size: 17px; } h6, .h6 { font-size: 15px; } p { margin: 0 0 10px; } .lead { margin-bottom: 20px; font-size: 14px; font-weight: 300; line-height: 1.4; } @media (min-width: 769px) { .lead { font-size: 19.5px; } } small, .small { font-size: 92%; } mark, .mark { background-color: #FFF3E0; padding: .2em; } .text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; } .text-justify { text-align: justify; } .text-nowrap { white-space: nowrap; } .text-lowercase { text-transform: lowercase; } .text-uppercase { text-transform: uppercase; } .text-capitalize { text-transform: capitalize; } .text-muted { color: #999999; } .text-primary { color: #2196F3; } a.text-primary:hover, a.text-primary:focus { color: #0c7cd5; } .text-success { color: #43A047; } a.text-success:hover, a.text-success:focus { color: #347c37; } .text-info { color: #00838F; } a.text-info:hover, a.text-info:focus { color: #00545c; } .text-warning { color: #EF6C00; } a.text-warning:hover, a.text-warning:focus { color: #bc5500; } .text-danger { color: #D84315; } a.text-danger:hover, a.text-danger:focus { color: #aa3510; } .bg-primary { color: #fff; background-color: #2196F3; } a.bg-primary:hover, a.bg-primary:focus { background-color: #0c7cd5; } .bg-success { background-color: #E8F5E9; } a.bg-success:hover, a.bg-success:focus { background-color: #c4e6c7; } .bg-info { background-color: #E0F7FA; } a.bg-info:hover, a.bg-info:focus { background-color: #b4ecf3; } .bg-warning { background-color: #FFF3E0; } a.bg-warning:hover, a.bg-warning:focus { background-color: #ffdfad; } .bg-danger { background-color: #FBE9E7; } a.bg-danger:hover, a.bg-danger:focus { background-color: #f4c1bb; } .page-header { padding-bottom: 9px; margin: 40px 0 20px; border-bottom: 1px solid #ddd; } ul, ol { margin-top: 0; margin-bottom: 10px; } ul ul, ol ul, ul ol, ol ol { margin-bottom: 0; } .list-unstyled { padding-left: 0; list-style: none; } .list-inline { padding-left: 0; list-style: none; margin-left: -5px; } .list-inline > li { display: inline-block; padding-left: 5px; padding-right: 5px; } dl { margin-top: 0; margin-bottom: 20px; } dt, dd { line-height: 1.5384616; } dt { font-weight: bold; } dd { margin-left: 0; } @media (min-width: 769px) { .dl-horizontal dt { float: left; width: 160px; clear: left; text-align: right; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .dl-horizontal dd { margin-left: 180px; } } abbr[title], abbr[data-original-title] { cursor: help; border-bottom: 1px dotted #999999; } .initialism { font-size: 90%; text-transform: uppercase; } blockquote { padding: 10px 20px; margin: 0 0 20px; font-size: 13px; border-left: 5px solid #eeeeee; } blockquote p:last-child, blockquote ul:last-child, blockquote ol:last-child { margin-bottom: 0; } blockquote footer, blockquote small, blockquote .small { display: block; font-size: 80%; line-height: 1.5384616; color: #999999; } blockquote footer:before, blockquote small:before, blockquote .small:before { content: '\2014 \00A0'; } .blockquote-reverse, blockquote.pull-right { padding-right: 15px; padding-left: 0; border-right: 5px solid #eeeeee; border-left: 0; text-align: right; } .blockquote-reverse footer:before, blockquote.pull-right footer:before, .blockquote-reverse small:before, blockquote.pull-right small:before, .blockquote-reverse .small:before, blockquote.pull-right .small:before { content: ''; } .blockquote-reverse footer:after, blockquote.pull-right footer:after, .blockquote-reverse small:after, blockquote.pull-right small:after, .blockquote-reverse .small:after, blockquote.pull-right .small:after { content: '\00A0 \2014'; } address { margin-bottom: 20px; font-style: normal; line-height: 1.5384616; } code, kbd, pre, samp { font-family: Menlo, Monaco, Consolas, "Courier New", monospace; } code { padding: 2px 4px; font-size: 90%; color: #c7254e; background-color: #f9f2f4; border-radius: 3px; } kbd { padding: 2px 4px; font-size: 90%; color: #fff; background-color: #333; border-radius: 2px; box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25); } kbd kbd { padding: 0; font-size: 100%; font-weight: bold; box-shadow: none; } pre { display: block; padding: 9.5px; margin: 0 0 10px; font-size: 12px; line-height: 1.5384616; word-break: break-all; word-wrap: break-word; color: #333333; background-color: #fcfcfc; border: 1px solid #ddd; border-radius: 3px; } pre code { padding: 0; font-size: inherit; color: inherit; white-space: pre-wrap; background-color: transparent; border-radius: 0; } .pre-scrollable { max-height: 340px; overflow-y: scroll; } .container { margin-right: auto; margin-left: auto; padding-left: 10px; padding-right: 10px; } @media (min-width: 769px) { .container { width: 769px; } } @media (min-width: 1025px) { .container { width: 1025px; } } @media (min-width: 1200px) { .container { width: 1200px; } } .container-fluid { margin-right: auto; margin-left: auto; padding-left: 10px; padding-right: 10px; } .row { margin-left: -10px; margin-right: -10px; } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-left: 10px; padding-right: 10px; } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; } .col-xs-12 { width: 100%; } .col-xs-11 { width: 91.66666667%; } .col-xs-10 { width: 83.33333333%; } .col-xs-9 { width: 75%; } .col-xs-8 { width: 66.66666667%; } .col-xs-7 { width: 58.33333333%; } .col-xs-6 { width: 50%; } .col-xs-5 { width: 41.66666667%; } .col-xs-4 { width: 33.33333333%; } .col-xs-3 { width: 25%; } .col-xs-2 { width: 16.66666667%; } .col-xs-1 { width: 8.33333333%; } .col-xs-pull-12 { right: 100%; } .col-xs-pull-11 { right: 91.66666667%; } .col-xs-pull-10 { right: 83.33333333%; } .col-xs-pull-9 { right: 75%; } .col-xs-pull-8 { right: 66.66666667%; } .col-xs-pull-7 { right: 58.33333333%; } .col-xs-pull-6 { right: 50%; } .col-xs-pull-5 { right: 41.66666667%; } .col-xs-pull-4 { right: 33.33333333%; } .col-xs-pull-3 { right: 25%; } .col-xs-pull-2 { right: 16.66666667%; } .col-xs-pull-1 { right: 8.33333333%; } .col-xs-pull-0 { right: auto; } .col-xs-push-12 { left: 100%; } .col-xs-push-11 { left: 91.66666667%; } .col-xs-push-10 { left: 83.33333333%; } .col-xs-push-9 { left: 75%; } .col-xs-push-8 { left: 66.66666667%; } .col-xs-push-7 { left: 58.33333333%; } .col-xs-push-6 { left: 50%; } .col-xs-push-5 { left: 41.66666667%; } .col-xs-push-4 { left: 33.33333333%; } .col-xs-push-3 { left: 25%; } .col-xs-push-2 { left: 16.66666667%; } .col-xs-push-1 { left: 8.33333333%; } .col-xs-push-0 { left: auto; } .col-xs-offset-12 { margin-left: 100%; } .col-xs-offset-11 { margin-left: 91.66666667%; } .col-xs-offset-10 { margin-left: 83.33333333%; } .col-xs-offset-9 { margin-left: 75%; } .col-xs-offset-8 { margin-left: 66.66666667%; } .col-xs-offset-7 { margin-left: 58.33333333%; } .col-xs-offset-6 { margin-left: 50%; } .col-xs-offset-5 { margin-left: 41.66666667%; } .col-xs-offset-4 { margin-left: 33.33333333%; } .col-xs-offset-3 { margin-left: 25%; } .col-xs-offset-2 { margin-left: 16.66666667%; } .col-xs-offset-1 { margin-left: 8.33333333%; } .col-xs-offset-0 { margin-left: 0%; } @media (min-width: 769px) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; } .col-sm-12 { width: 100%; } .col-sm-11 { width: 91.66666667%; } .col-sm-10 { width: 83.33333333%; } .col-sm-9 { width: 75%; } .col-sm-8 { width: 66.66666667%; } .col-sm-7 { width: 58.33333333%; } .col-sm-6 { width: 50%; } .col-sm-5 { width: 41.66666667%; } .col-sm-4 { width: 33.33333333%; } .col-sm-3 { width: 25%; } .col-sm-2 { width: 16.66666667%; } .col-sm-1 { width: 8.33333333%; } .col-sm-pull-12 { right: 100%; } .col-sm-pull-11 { right: 91.66666667%; } .col-sm-pull-10 { right: 83.33333333%; } .col-sm-pull-9 { right: 75%; } .col-sm-pull-8 { right: 66.66666667%; } .col-sm-pull-7 { right: 58.33333333%; } .col-sm-pull-6 { right: 50%; } .col-sm-pull-5 { right: 41.66666667%; } .col-sm-pull-4 { right: 33.33333333%; } .col-sm-pull-3 { right: 25%; } .col-sm-pull-2 { right: 16.66666667%; } .col-sm-pull-1 { right: 8.33333333%; } .col-sm-pull-0 { right: auto; } .col-sm-push-12 { left: 100%; } .col-sm-push-11 { left: 91.66666667%; } .col-sm-push-10 { left: 83.33333333%; } .col-sm-push-9 { left: 75%; } .col-sm-push-8 { left: 66.66666667%; } .col-sm-push-7 { left: 58.33333333%; } .col-sm-push-6 { left: 50%; } .col-sm-push-5 { left: 41.66666667%; } .col-sm-push-4 { left: 33.33333333%; } .col-sm-push-3 { left: 25%; } .col-sm-push-2 { left: 16.66666667%; } .col-sm-push-1 { left: 8.33333333%; } .col-sm-push-0 { left: auto; } .col-sm-offset-12 { margin-left: 100%; } .col-sm-offset-11 { margin-left: 91.66666667%; } .col-sm-offset-10 { margin-left: 83.33333333%; } .col-sm-offset-9 { margin-left: 75%; } .col-sm-offset-8 { margin-left: 66.66666667%; } .col-sm-offset-7 { margin-left: 58.33333333%; } .col-sm-offset-6 { margin-left: 50%; } .col-sm-offset-5 { margin-left: 41.66666667%; } .col-sm-offset-4 { margin-left: 33.33333333%; } .col-sm-offset-3 { margin-left: 25%; } .col-sm-offset-2 { margin-left: 16.66666667%; } .col-sm-offset-1 { margin-left: 8.33333333%; } .col-sm-offset-0 { margin-left: 0%; } } @media (min-width: 1025px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; } .col-md-12 { width: 100%; } .col-md-11 { width: 91.66666667%; } .col-md-10 { width: 83.33333333%; } .col-md-9 { width: 75%; } .col-md-8 { width: 66.66666667%; } .col-md-7 { width: 58.33333333%; } .col-md-6 { width: 50%; } .col-md-5 { width: 41.66666667%; } .col-md-4 { width: 33.33333333%; } .col-md-3 { width: 25%; } .col-md-2 { width: 16.66666667%; } .col-md-1 { width: 8.33333333%; } .col-md-pull-12 { right: 100%; } .col-md-pull-11 { right: 91.66666667%; } .col-md-pull-10 { right: 83.33333333%; } .col-md-pull-9 { right: 75%; } .col-md-pull-8 { right: 66.66666667%; } .col-md-pull-7 { right: 58.33333333%; } .col-md-pull-6 { right: 50%; } .col-md-pull-5 { right: 41.66666667%; } .col-md-pull-4 { right: 33.33333333%; } .col-md-pull-3 { right: 25%; } .col-md-pull-2 { right: 16.66666667%; } .col-md-pull-1 { right: 8.33333333%; } .col-md-pull-0 { right: auto; } .col-md-push-12 { left: 100%; } .col-md-push-11 { left: 91.66666667%; } .col-md-push-10 { left: 83.33333333%; } .col-md-push-9 { left: 75%; } .col-md-push-8 { left: 66.66666667%; } .col-md-push-7 { left: 58.33333333%; } .col-md-push-6 { left: 50%; } .col-md-push-5 { left: 41.66666667%; } .col-md-push-4 { left: 33.33333333%; } .col-md-push-3 { left: 25%; } .col-md-push-2 { left: 16.66666667%; } .col-md-push-1 { left: 8.33333333%; } .col-md-push-0 { left: auto; } .col-md-offset-12 { margin-left: 100%; } .col-md-offset-11 { margin-left: 91.66666667%; } .col-md-offset-10 { margin-left: 83.33333333%; } .col-md-offset-9 { margin-left: 75%; } .col-md-offset-8 { margin-left: 66.66666667%; } .col-md-offset-7 { margin-left: 58.33333333%; } .col-md-offset-6 { margin-left: 50%; } .col-md-offset-5 { margin-left: 41.66666667%; } .col-md-offset-4 { margin-left: 33.33333333%; } .col-md-offset-3 { margin-left: 25%; } .col-md-offset-2 { margin-left: 16.66666667%; } .col-md-offset-1 { margin-left: 8.33333333%; } .col-md-offset-0 { margin-left: 0%; } } @media (min-width: 1200px) { .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; } .col-lg-12 { width: 100%; } .col-lg-11 { width: 91.66666667%; } .col-lg-10 { width: 83.33333333%; } .col-lg-9 { width: 75%; } .col-lg-8 { width: 66.66666667%; } .col-lg-7 { width: 58.33333333%; } .col-lg-6 { width: 50%; } .col-lg-5 { width: 41.66666667%; } .col-lg-4 { width: 33.33333333%; } .col-lg-3 { width: 25%; } .col-lg-2 { width: 16.66666667%; } .col-lg-1 { width: 8.33333333%; } .col-lg-pull-12 { right: 100%; } .col-lg-pull-11 { right: 91.66666667%; } .col-lg-pull-10 { right: 83.33333333%; } .col-lg-pull-9 { right: 75%; } .col-lg-pull-8 { right: 66.66666667%; } .col-lg-pull-7 { right: 58.33333333%; } .col-lg-pull-6 { right: 50%; } .col-lg-pull-5 { right: 41.66666667%; } .col-lg-pull-4 { right: 33.33333333%; } .col-lg-pull-3 { right: 25%; } .col-lg-pull-2 { right: 16.66666667%; } .col-lg-pull-1 { right: 8.33333333%; } .col-lg-pull-0 { right: auto; } .col-lg-push-12 { left: 100%; } .col-lg-push-11 { left: 91.66666667%; } .col-lg-push-10 { left: 83.33333333%; } .col-lg-push-9 { left: 75%; } .col-lg-push-8 { left: 66.66666667%; } .col-lg-push-7 { left: 58.33333333%; } .col-lg-push-6 { left: 50%; } .col-lg-push-5 { left: 41.66666667%; } .col-lg-push-4 { left: 33.33333333%; } .col-lg-push-3 { left: 25%; } .col-lg-push-2 { left: 16.66666667%; } .col-lg-push-1 { left: 8.33333333%; } .col-lg-push-0 { left: auto; } .col-lg-offset-12 { margin-left: 100%; } .col-lg-offset-11 { margin-left: 91.66666667%; } .col-lg-offset-10 { margin-left: 83.33333333%; } .col-lg-offset-9 { margin-left: 75%; } .col-lg-offset-8 { margin-left: 66.66666667%; } .col-lg-offset-7 { margin-left: 58.33333333%; } .col-lg-offset-6 { margin-left: 50%; } .col-lg-offset-5 { margin-left: 41.66666667%; } .col-lg-offset-4 { margin-left: 33.33333333%; } .col-lg-offset-3 { margin-left: 25%; } .col-lg-offset-2 { margin-left: 16.66666667%; } .col-lg-offset-1 { margin-left: 8.33333333%; } .col-lg-offset-0 { margin-left: 0%; } } table { background-color: transparent; } caption { padding-top: 12px 20px; padding-bottom: 12px 20px; color: #999999; text-align: left; } th { text-align: left; } .table { width: 100%; max-width: 100%; margin-bottom: 20px; } .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { padding: 12px 20px; line-height: 1.5384616; vertical-align: top; border-top: 1px solid #ddd; } .table > thead > tr > th { vertical-align: bottom; border-bottom: 2px solid #ddd; } .table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > td { border-top: 0; } .table > tbody + tbody { border-top: 2px solid #ddd; } .table .table { background-color: #f5f5f5; } .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 20px; } .table-bordered { border: 1px solid #ddd; } .table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td { border: 1px solid #ddd; } .table-bordered > thead > tr > th, .table-bordered > thead > tr > td { border-bottom-width: 2px; } .table-striped > tbody > tr:nth-of-type(odd) { background-color: #fcfcfc; } .table-hover > tbody > tr:hover { background-color: #f8f8f8; } table col[class*="col-"] { position: static; float: none; display: table-column; } table td[class*="col-"], table th[class*="col-"] { position: static; float: none; display: table-cell; } .table > thead > tr > td.active, .table > tbody > tr > td.active, .table > tfoot > tr > td.active, .table > thead > tr > th.active, .table > tbody > tr > th.active, .table > tfoot > tr > th.active, .table > thead > tr.active > td, .table > tbody > tr.active > td, .table > tfoot > tr.active > td, .table > thead > tr.active > th, .table > tbody > tr.active > th, .table > tfoot > tr.active > th { background-color: #f8f8f8; } .table-hover > tbody > tr > td.active:hover, .table-hover > tbody > tr > th.active:hover, .table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr:hover > .active, .table-hover > tbody > tr.active:hover > th { background-color: #ebebeb; } .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: #E8F5E9; } .table-hover > tbody > tr > td.success:hover, .table-hover > tbody > tr > th.success:hover, .table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr:hover > .success, .table-hover > tbody > tr.success:hover > th { background-color: #d6edd8; } .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: #E0F7FA; } .table-hover > tbody > tr > td.info:hover, .table-hover > tbody > tr > th.info:hover, .table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr:hover > .info, .table-hover > tbody > tr.info:hover > th { background-color: #caf1f6; } .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: #FFF3E0; } .table-hover > tbody > tr > td.warning:hover, .table-hover > tbody > tr > th.warning:hover, .table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr:hover > .warning, .table-hover > tbody > tr.warning:hover > th { background-color: #ffe9c6; } .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: #FBE9E7; } .table-hover > tbody > tr > td.danger:hover, .table-hover > tbody > tr > th.danger:hover, .table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr:hover > .danger, .table-hover > tbody > tr.danger:hover > th { background-color: #f7d5d1; } .table-responsive { overflow-x: auto; min-height: 0.01%; } @media screen and (max-width: 768px) { .table-responsive { width: 100%; margin-bottom: 15px; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; border: 1px solid #ddd; } .table-responsive > .table { margin-bottom: 0; } .table-responsive > .table > thead > tr > th, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > td { white-space: nowrap; } .table-responsive > .table-bordered { border: 0; } .table-responsive > .table-bordered > thead > tr > th:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tfoot > tr > th:first-child, .table-responsive > .table-bordered > thead > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > td:first-child { border-left: 0; } .table-responsive > .table-bordered > thead > tr > th:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > td:last-child { border-right: 0; } .table-responsive > .table-bordered > tbody > tr:last-child > th, .table-responsive > .table-bordered > tfoot > tr:last-child > th, .table-responsive > .table-bordered > tbody > tr:last-child > td, .table-responsive > .table-bordered > tfoot > tr:last-child > td { border-bottom: 0; } } fieldset { padding: 0; margin: 0; border: 0; min-width: 0; } legend { display: block; width: 100%; padding: 0; margin-bottom: 20px; font-size: 19.5px; line-height: inherit; color: #333333; border: 0; border-bottom: 1px solid #e5e5e5; } label { display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: bold; } input[type="search"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } input[type="radio"], input[type="checkbox"] { margin: 4px 0 0; margin-top: 1px \9; line-height: normal; } input[type="file"] { display: block; } input[type="range"] { display: block; width: 100%; } select[multiple], select[size] { height: auto; } input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } output { display: block; padding-top: 8px; font-size: 13px; line-height: 1.5384616; color: #333333; } .form-control { display: block; width: 100%; height: 36px; padding: 7px 12px; font-size: 13px; line-height: 1.5384616; color: #333333; background-color: #fff; background-image: none; border: 1px solid #ddd; border-radius: 3px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } .form-control:focus { border-color: #ddd; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(221, 221, 221, 0.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(221, 221, 221, 0.6); } .form-control::-moz-placeholder { color: #999; opacity: 1; } .form-control:-ms-input-placeholder { color: #999; } .form-control::-webkit-input-placeholder { color: #999; } .form-control::-ms-expand { border: 0; background-color: transparent; } .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { background-color: #fafafa; opacity: 1; } .form-control[disabled], fieldset[disabled] .form-control { cursor: not-allowed; } textarea.form-control { height: auto; } input[type="search"] { -webkit-appearance: none; } @media screen and (-webkit-min-device-pixel-ratio: 0) { input[type="date"].form-control, input[type="time"].form-control, input[type="datetime-local"].form-control, input[type="month"].form-control { line-height: 36px; } input[type="date"].input-sm, input[type="time"].input-sm, input[type="datetime-local"].input-sm, input[type="month"].input-sm, .input-group-sm input[type="date"], .input-group-sm input[type="time"], .input-group-sm input[type="datetime-local"], .input-group-sm input[type="month"] { line-height: 34px; } input[type="date"].input-lg, input[type="time"].input-lg, input[type="datetime-local"].input-lg, input[type="month"].input-lg, .input-group-lg input[type="date"], .input-group-lg input[type="time"], .input-group-lg input[type="datetime-local"], .input-group-lg input[type="month"] { line-height: 40px; } } .form-group { margin-bottom: 20px; } .radio, .checkbox { position: relative; display: block; margin-top: 10px; margin-bottom: 10px; } .radio label, .checkbox label { min-height: 20px; padding-left: 20px; margin-bottom: 0; font-weight: normal; cursor: pointer; } .radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] { position: absolute; margin-left: -20px; margin-top: 4px \9; } .radio + .radio, .checkbox + .checkbox { margin-top: -5px; } .radio-inline, .checkbox-inline { position: relative; display: inline-block; padding-left: 20px; margin-bottom: 0; vertical-align: middle; font-weight: normal; cursor: pointer; } .radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline { margin-top: 0; margin-left: 10px; } input[type="radio"][disabled], input[type="checkbox"][disabled], input[type="radio"].disabled, input[type="checkbox"].disabled, fieldset[disabled] input[type="radio"], fieldset[disabled] input[type="checkbox"] { cursor: not-allowed; } .radio-inline.disabled, .checkbox-inline.disabled, fieldset[disabled] .radio-inline, fieldset[disabled] .checkbox-inline { cursor: not-allowed; } .radio.disabled label, .checkbox.disabled label, fieldset[disabled] .radio label, fieldset[disabled] .checkbox label { cursor: not-allowed; } .form-control-static { padding-top: 8px; padding-bottom: 8px; margin-bottom: 0; min-height: 33px; } .form-control-static.input-lg, .form-control-static.input-sm { padding-left: 0; padding-right: 0; } .input-sm { height: 34px; padding: 6px 11px; font-size: 12px; line-height: 1.6666667; border-radius: 2px; } select.input-sm { height: 34px; line-height: 34px; } textarea.input-sm, select[multiple].input-sm { height: auto; } .form-group-sm .form-control { height: 34px; padding: 6px 11px; font-size: 12px; line-height: 1.6666667; border-radius: 2px; } .form-group-sm select.form-control { height: 34px; line-height: 34px; } .form-group-sm textarea.form-control, .form-group-sm select[multiple].form-control { height: auto; } .form-group-sm .form-control-static { height: 34px; min-height: 32px; padding: 7px 11px; font-size: 12px; line-height: 1.6666667; } .input-lg { height: 40px; padding: 9px 15px; font-size: 14px; line-height: 1.4285715; border-radius: 3px; } select.input-lg { height: 40px; line-height: 40px; } textarea.input-lg, select[multiple].input-lg { height: auto; } .form-group-lg .form-control { height: 40px; padding: 9px 15px; font-size: 14px; line-height: 1.4285715; border-radius: 3px; } .form-group-lg select.form-control { height: 40px; line-height: 40px; } .form-group-lg textarea.form-control, .form-group-lg select[multiple].form-control { height: auto; } .form-group-lg .form-control-static { height: 40px; min-height: 34px; padding: 10px 15px; font-size: 14px; line-height: 1.4285715; } .has-feedback { position: relative; } .has-feedback .form-control { padding-right: 45px; } .form-control-feedback { position: absolute; top: 0; right: 0; z-index: 2; display: block; width: 36px; height: 36px; line-height: 36px; text-align: center; pointer-events: none; } .input-lg + .form-control-feedback, .input-group-lg + .form-control-feedback, .form-group-lg .form-control + .form-control-feedback { width: 40px; height: 40px; line-height: 40px; } .input-sm + .form-control-feedback, .input-group-sm + .form-control-feedback, .form-group-sm .form-control + .form-control-feedback { width: 34px; height: 34px; line-height: 34px; } .has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline, .has-success.radio label, .has-success.checkbox label, .has-success.radio-inline label, .has-success.checkbox-inline label { color: #43A047; } .has-success .form-control { border-color: #43A047; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .has-success .form-control:focus { border-color: #347c37; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7fca83; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7fca83; } .has-success .input-group-addon { color: #43A047; border-color: #43A047; background-color: #E8F5E9; } .has-success .form-control-feedback { color: #43A047; } .has-warning .help-block, .has-warning .control-label, .has-warning .radio, .has-warning .checkbox, .has-warning .radio-inline, .has-warning .checkbox-inline, .has-warning.radio label, .has-warning.checkbox label, .has-warning.radio-inline label, .has-warning.checkbox-inline label { color: #EF6C00; } .has-warning .form-control { border-color: #EF6C00; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .has-warning .form-control:focus { border-color: #bc5500; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ffa256; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ffa256; } .has-warning .input-group-addon { color: #EF6C00; border-color: #EF6C00; background-color: #FFF3E0; } .has-warning .form-control-feedback { color: #EF6C00; } .has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label { color: #D84315; } .has-error .form-control { border-color: #D84315; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .has-error .form-control:focus { border-color: #aa3510; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #f08463; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #f08463; } .has-error .input-group-addon { color: #D84315; border-color: #D84315; background-color: #FBE9E7; } .has-error .form-control-feedback { color: #D84315; } .has-feedback label ~ .form-control-feedback { top: 25px; } .has-feedback label.sr-only ~ .form-control-feedback { top: 0; } .help-block { display: block; margin-top: 5px; margin-bottom: 10px; color: #737373; } @media (min-width: 769px) { .form-inline .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle; } .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; } .form-inline .form-control-static { display: inline-block; } .form-inline .input-group { display: inline-table; vertical-align: middle; } .form-inline .input-group .input-group-addon, .form-inline .input-group .input-group-btn, .form-inline .input-group .form-control { width: auto; } .form-inline .input-group > .form-control { width: 100%; } .form-inline .control-label { margin-bottom: 0; vertical-align: middle; } .form-inline .radio, .form-inline .checkbox { display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle; } .form-inline .radio label, .form-inline .checkbox label { padding-left: 0; } .form-inline .radio input[type="radio"], .form-inline .checkbox input[type="checkbox"] { position: relative; margin-left: 0; } .form-inline .has-feedback .form-control-feedback { top: 0; } } .form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline { margin-top: 0; margin-bottom: 0; padding-top: 8px; } .form-horizontal .radio, .form-horizontal .checkbox { min-height: 28px; } .form-horizontal .form-group { margin-left: -10px; margin-right: -10px; } @media (min-width: 769px) { .form-horizontal .control-label { text-align: right; margin-bottom: 0; padding-top: 8px; } } .form-horizontal .has-feedback .form-control-feedback { right: 10px; } @media (min-width: 769px) { .form-horizontal .form-group-lg .control-label { padding-top: 10px; font-size: 14px; } } @media (min-width: 769px) { .form-horizontal .form-group-sm .control-label { padding-top: 7px; font-size: 12px; } } .btn { display: inline-block; margin-bottom: 0; font-weight: normal; text-align: center; vertical-align: middle; touch-action: manipulation; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; padding: 7px 12px; font-size: 13px; line-height: 1.5384616; border-radius: 3px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .btn:hover, .btn:focus, .btn.focus { color: #333; text-decoration: none; } .btn:active, .btn.active { outline: 0; background-image: none; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .btn.disabled, .btn[disabled], fieldset[disabled] .btn { cursor: not-allowed; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; } a.btn.disabled, fieldset[disabled] a.btn { pointer-events: none; } .btn-default { color: #333; background-color: #fcfcfc; border-color: #ddd; } .btn-default:focus, .btn-default.focus { color: #333; background-color: #e3e3e3; border-color: #9d9d9d; } .btn-default:hover { color: #333; background-color: #e3e3e3; border-color: #bebebe; } .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default { color: #333; background-color: #e3e3e3; border-color: #bebebe; } .btn-default:active:hover, .btn-default.active:hover, .open > .dropdown-toggle.btn-default:hover, .btn-default:active:focus, .btn-default.active:focus, .open > .dropdown-toggle.btn-default:focus, .btn-default:active.focus, .btn-default.active.focus, .open > .dropdown-toggle.btn-default.focus { color: #333; background-color: #d1d1d1; border-color: #9d9d9d; } .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default { background-image: none; } .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled.focus, .btn-default[disabled].focus, fieldset[disabled] .btn-default.focus { background-color: #fcfcfc; border-color: #ddd; } .btn-default .badge { color: #fcfcfc; background-color: #333; } .btn-primary { color: #fff; background-color: #2196F3; border-color: #2196F3; } .btn-primary:focus, .btn-primary.focus { color: #fff; background-color: #0c7cd5; border-color: #08528d; } .btn-primary:hover { color: #fff; background-color: #0c7cd5; border-color: #0b76cc; } .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary { color: #fff; background-color: #0c7cd5; border-color: #0b76cc; } .btn-primary:active:hover, .btn-primary.active:hover, .open > .dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open > .dropdown-toggle.btn-primary:focus, .btn-primary:active.focus, .btn-primary.active.focus, .open > .dropdown-toggle.btn-primary.focus { color: #fff; background-color: #0a68b4; border-color: #08528d; } .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary { background-image: none; } .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.focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary.focus { background-color: #2196F3; border-color: #2196F3; } .btn-primary .badge { color: #2196F3; background-color: #fff; } .btn-success { color: #fff; background-color: #4CAF50; border-color: #4CAF50; } .btn-success:focus, .btn-success.focus { color: #fff; background-color: #3d8b40; border-color: #255627; } .btn-success:hover { color: #fff; background-color: #3d8b40; border-color: #39843c; } .btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success { color: #fff; background-color: #3d8b40; border-color: #39843c; } .btn-success:active:hover, .btn-success.active:hover, .open > .dropdown-toggle.btn-success:hover, .btn-success:active:focus, .btn-success.active:focus, .open > .dropdown-toggle.btn-success:focus, .btn-success:active.focus, .btn-success.active.focus, .open > .dropdown-toggle.btn-success.focus { color: #fff; background-color: #327334; border-color: #255627; } .btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success { background-image: none; } .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.focus, .btn-success[disabled].focus, fieldset[disabled] .btn-success.focus { background-color: #4CAF50; border-color: #4CAF50; } .btn-success .badge { color: #4CAF50; background-color: #fff; } .btn-info { color: #fff; background-color: #00BCD4; border-color: #00BCD4; } .btn-info:focus, .btn-info.focus { color: #fff; background-color: #008fa1; border-color: #004b55; } .btn-info:hover { color: #fff; background-color: #008fa1; border-color: #008697; } .btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info { color: #fff; background-color: #008fa1; border-color: #008697; } .btn-info:active:hover, .btn-info.active:hover, .open > .dropdown-toggle.btn-info:hover, .btn-info:active:focus, .btn-info.active:focus, .open > .dropdown-toggle.btn-info:focus, .btn-info:active.focus, .btn-info.active.focus, .open > .dropdown-toggle.btn-info.focus { color: #fff; background-color: #006f7d; border-color: #004b55; } .btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info { background-image: none; } .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.focus, .btn-info[disabled].focus, fieldset[disabled] .btn-info.focus { background-color: #00BCD4; border-color: #00BCD4; } .btn-info .badge { color: #00BCD4; background-color: #fff; } .btn-warning { color: #fff; background-color: #FF5722; border-color: #FF5722; } .btn-warning:focus, .btn-warning.focus { color: #fff; background-color: #ee3900; border-color: #a22700; } .btn-warning:hover { color: #fff; background-color: #ee3900; border-color: #e43700; } .btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning { color: #fff; background-color: #ee3900; border-color: #e43700; } .btn-warning:active:hover, .btn-warning.active:hover, .open > .dropdown-toggle.btn-warning:hover, .btn-warning:active:focus, .btn-warning.active:focus, .open > .dropdown-toggle.btn-warning:focus, .btn-warning:active.focus, .btn-warning.active.focus, .open > .dropdown-toggle.btn-warning.focus { color: #fff; background-color: #ca3100; border-color: #a22700; } .btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning { background-image: none; } .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.focus, .btn-warning[disabled].focus, fieldset[disabled] .btn-warning.focus { background-color: #FF5722; border-color: #FF5722; } .btn-warning .badge { color: #FF5722; background-color: #fff; } .btn-danger { color: #fff; background-color: #F44336; border-color: #F44336; } .btn-danger:focus, .btn-danger.focus { color: #fff; background-color: #ea1c0d; border-color: #a21309; } .btn-danger:hover { color: #fff; background-color: #ea1c0d; border-color: #e11b0c; } .btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger { color: #fff; background-color: #ea1c0d; border-color: #e11b0c; } .btn-danger:active:hover, .btn-danger.active:hover, .open > .dropdown-toggle.btn-danger:hover, .btn-danger:active:focus, .btn-danger.active:focus, .open > .dropdown-toggle.btn-danger:focus, .btn-danger:active.focus, .btn-danger.active.focus, .open > .dropdown-toggle.btn-danger.focus { color: #fff; background-color: #c8180b; border-color: #a21309; } .btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger { background-image: none; } .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.focus, .btn-danger[disabled].focus, fieldset[disabled] .btn-danger.focus { background-color: #F44336; border-color: #F44336; } .btn-danger .badge { color: #F44336; background-color: #fff; } .btn-link { color: #1E88E5; font-weight: normal; border-radius: 0; } .btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled], fieldset[disabled] .btn-link { background-color: transparent; -webkit-box-shadow: none; box-shadow: none; } .btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active { border-color: transparent; } .btn-link:hover, .btn-link:focus { color: #166dba; text-decoration: none; background-color: transparent; } .btn-link[disabled]:hover, fieldset[disabled] .btn-link:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:focus { color: #999999; text-decoration: none; } .btn-lg, .btn-group-lg > .btn { padding: 9px 15px; font-size: 14px; line-height: 1.4285715; border-radius: 5px; } .btn-sm, .btn-group-sm > .btn { padding: 6px 11px; font-size: 12px; line-height: 1.6666667; border-radius: 2px; } .btn-xs, .btn-group-xs > .btn { padding: 5px 10px; font-size: 12px; line-height: 1.6666667; border-radius: 2px; } .btn-block { display: block; width: 100%; } .btn-block + .btn-block { margin-top: 5px; } input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block { width: 100%; } .fade { opacity: 0; -webkit-transition: opacity 0.15s linear; -o-transition: opacity 0.15s linear; transition: opacity 0.15s linear; } .fade.in { opacity: 1; } .collapse { display: none; } .collapse.in { display: block; } tr.collapse.in { display: table-row; } tbody.collapse.in { display: table-row-group; } .collapsing { position: relative; height: 0; overflow: hidden; -webkit-transition-property: height, visibility; transition-property: height, visibility; -webkit-transition-duration: 0.35s; transition-duration: 0.35s; -webkit-transition-timing-function: ease; transition-timing-function: ease; } .caret { display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px dashed; border-top: 4px solid \9; border-right: 4px solid transparent; border-left: 4px solid transparent; } .dropup, .dropdown { position: relative; } .dropdown-toggle:focus { outline: 0; } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; list-style: none; font-size: 13px; text-align: left; background-color: #fff; border: 1px solid #ddd; border-radius: 3px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); background-clip: padding-box; } .dropdown-menu.pull-right { right: 0; left: auto; } .dropdown-menu .divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5; } .dropdown-menu > li > a { display: block; padding: 3px 20px; clear: both; font-weight: normal; line-height: 1.5384616; color: #333333; white-space: nowrap; } .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { text-decoration: none; color: #333333; background-color: #f5f5f5; } .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { color: #fff; text-decoration: none; outline: 0; background-color: #2196F3; } .dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { color: #999999; } .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { text-decoration: none; background-color: transparent; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); cursor: not-allowed; } .open > .dropdown-menu { display: block; } .open > a { outline: 0; } .dropdown-menu-right { left: auto; right: 0; } .dropdown-menu-left { left: 0; right: auto; } .dropdown-header { display: block; padding: 3px 20px; font-size: 12px; line-height: 1.5384616; color: #333333; white-space: nowrap; } .dropdown-backdrop { position: fixed; left: 0; right: 0; bottom: 0; top: 0; z-index: 990; } .pull-right > .dropdown-menu { right: 0; left: auto; } .dropup .caret, .navbar-fixed-bottom .dropdown .caret { border-top: 0; border-bottom: 4px dashed; border-bottom: 4px solid \9; content: ""; } .dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 2px; } @media (min-width: 769px) { .navbar-right .dropdown-menu { left: auto; right: 0; } .navbar-right .dropdown-menu-left { left: 0; right: auto; } } .btn-group, .btn-group-vertical { position: relative; display: inline-block; vertical-align: middle; } .btn-group > .btn, .btn-group-vertical > .btn { position: relative; float: left; } .btn-group > .btn:hover, .btn-group-vertical > .btn:hover, .btn-group > .btn:focus, .btn-group-vertical > .btn:focus, .btn-group > .btn:active, .btn-group-vertical > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn.active { z-index: 2; } .btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group { margin-left: -1px; } .btn-toolbar { margin-left: -5px; } .btn-toolbar .btn, .btn-toolbar .btn-group, .btn-toolbar .input-group { float: left; } .btn-toolbar > .btn, .btn-toolbar > .btn-group, .btn-toolbar > .input-group { margin-left: 5px; } .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { border-radius: 0; } .btn-group > .btn:first-child { margin-left: 0; } .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { border-bottom-right-radius: 0; border-top-right-radius: 0; } .btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) { border-bottom-left-radius: 0; border-top-left-radius: 0; } .btn-group > .btn-group { float: left; } .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0; } .btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle { border-bottom-right-radius: 0; border-top-right-radius: 0; } .btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child { border-bottom-left-radius: 0; border-top-left-radius: 0; } .btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle { outline: 0; } .btn-group > .btn + .dropdown-toggle { padding-left: 8px; padding-right: 8px; } .btn-group > .btn-lg + .dropdown-toggle { padding-left: 12px; padding-right: 12px; } .btn-group.open .dropdown-toggle { -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .btn-group.open .dropdown-toggle.btn-link { -webkit-box-shadow: none; box-shadow: none; } .btn .caret { margin-left: 0; } .btn-lg .caret { border-width: 5px 5px 0; border-bottom-width: 0; } .dropup .btn-lg .caret { border-width: 0 5px 5px; } .btn-group-vertical > .btn, .btn-group-vertical > .btn-group, .btn-group-vertical > .btn-group > .btn { display: block; float: none; width: 100%; max-width: 100%; } .btn-group-vertical > .btn-group > .btn { float: none; } .btn-group-vertical > .btn + .btn, .btn-group-vertical > .btn + .btn-group, .btn-group-vertical > .btn-group + .btn, .btn-group-vertical > .btn-group + .btn-group { margin-top: -1px; margin-left: 0; } .btn-group-vertical > .btn:not(:first-child):not(:last-child) { border-radius: 0; } .btn-group-vertical > .btn:first-child:not(:last-child) { border-top-right-radius: 3px; border-top-left-radius: 3px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn:last-child:not(:first-child) { border-top-right-radius: 0; border-top-left-radius: 0; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0; } .btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child { border-top-right-radius: 0; border-top-left-radius: 0; } .btn-group-justified { display: table; width: 100%; table-layout: fixed; border-collapse: separate; } .btn-group-justified > .btn, .btn-group-justified > .btn-group { float: none; display: table-cell; width: 1%; } .btn-group-justified > .btn-group .btn { width: 100%; } .btn-group-justified > .btn-group .dropdown-menu { left: auto; } [data-toggle="buttons"] > .btn input[type="radio"], [data-toggle="buttons"] > .btn-group > .btn input[type="radio"], [data-toggle="buttons"] > .btn input[type="checkbox"], [data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none; } .input-group { position: relative; display: table; border-collapse: separate; } .input-group[class*="col-"] { float: none; padding-left: 0; padding-right: 0; } .input-group .form-control { position: relative; z-index: 2; float: left; width: 100%; margin-bottom: 0; } .input-group .form-control:focus { z-index: 3; } .input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn { height: 40px; padding: 9px 15px; font-size: 14px; line-height: 1.4285715; border-radius: 3px; } select.input-group-lg > .form-control, select.input-group-lg > .input-group-addon, select.input-group-lg > .input-group-btn > .btn { height: 40px; line-height: 40px; } textarea.input-group-lg > .form-control, textarea.input-group-lg > .input-group-addon, textarea.input-group-lg > .input-group-btn > .btn, select[multiple].input-group-lg > .form-control, select[multiple].input-group-lg > .input-group-addon, select[multiple].input-group-lg > .input-group-btn > .btn { height: auto; } .input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn { height: 34px; padding: 6px 11px; font-size: 12px; line-height: 1.6666667; border-radius: 2px; } select.input-group-sm > .form-control, select.input-group-sm > .input-group-addon, select.input-group-sm > .input-group-btn > .btn { height: 34px; line-height: 34px; } textarea.input-group-sm > .form-control, textarea.input-group-sm > .input-group-addon, textarea.input-group-sm > .input-group-btn > .btn, select[multiple].input-group-sm > .form-control, select[multiple].input-group-sm > .input-group-addon, select[multiple].input-group-sm > .input-group-btn > .btn { height: auto; } .input-group-addon, .input-group-btn, .input-group .form-control { display: table-cell; } .input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child), .input-group .form-control:not(:first-child):not(:last-child) { border-radius: 0; } .input-group-addon, .input-group-btn { width: 1%; white-space: nowrap; vertical-align: middle; } .input-group-addon { padding: 7px 12px; font-size: 13px; font-weight: normal; line-height: 1; color: #333333; text-align: center; background-color: #fcfcfc; border: 1px solid #ddd; border-radius: 3px; } .input-group-addon.input-sm { padding: 6px 11px; font-size: 12px; border-radius: 2px; } .input-group-addon.input-lg { padding: 9px 15px; font-size: 14px; border-radius: 3px; } .input-group-addon input[type="radio"], .input-group-addon input[type="checkbox"] { margin-top: 0; } .input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:last-child > .btn-group:not(:last-child) > .btn { border-bottom-right-radius: 0; border-top-right-radius: 0; } .input-group-addon:first-child { border-right: 0; } .input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:first-child > .btn-group:not(:first-child) > .btn { border-bottom-left-radius: 0; border-top-left-radius: 0; } .input-group-addon:last-child { border-left: 0; } .input-group-btn { position: relative; font-size: 0; white-space: nowrap; } .input-group-btn > .btn { position: relative; } .input-group-btn > .btn + .btn { margin-left: -1px; } .input-group-btn > .btn:hover, .input-group-btn > .btn:focus, .input-group-btn > .btn:active { z-index: 2; } .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group { margin-right: -1px; } .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group { z-index: 2; margin-left: -1px; } .nav { margin-bottom: 0; padding-left: 0; list-style: none; } .nav > li { position: relative; display: block; } .nav > li > a { position: relative; display: block; padding: 9px 15px; } .nav > li > a:hover, .nav > li > a:focus { text-decoration: none; background-color: #f5f5f5; } .nav > li.disabled > a { color: #999999; } .nav > li.disabled > a:hover, .nav > li.disabled > a:focus { color: #999999; text-decoration: none; background-color: transparent; cursor: not-allowed; } .nav .open > a, .nav .open > a:hover, .nav .open > a:focus { background-color: #f5f5f5; border-color: #1E88E5; } .nav .nav-divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5; } .nav > li > a > img { max-width: none; } .nav-tabs { border-bottom: 1px solid #ddd; } .nav-tabs > li { float: left; margin-bottom: -1px; } .nav-tabs > li > a { margin-right: 2px; line-height: 1.5384616; border: 1px solid transparent; border-radius: 3px 3px 0 0; } .nav-tabs > li > a:hover { border-color: transparent transparent #ddd; } .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { color: #333333; background-color: #fff; border: 1px solid #ddd; border-bottom-color: transparent; cursor: default; } .nav-tabs.nav-justified { width: 100%; border-bottom: 0; } .nav-tabs.nav-justified > li { float: none; } .nav-tabs.nav-justified > li > a { text-align: center; margin-bottom: 5px; } .nav-tabs.nav-justified > .dropdown .dropdown-menu { top: auto; left: auto; } @media (min-width: 769px) { .nav-tabs.nav-justified > li { display: table-cell; width: 1%; } .nav-tabs.nav-justified > li > a { margin-bottom: 0; } } .nav-tabs.nav-justified > li > a { margin-right: 0; border-radius: 3px; } .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus { border: 1px solid #ddd; } @media (min-width: 769px) { .nav-tabs.nav-justified > li > a { border-bottom: 1px solid #ddd; border-radius: 3px 3px 0 0; } .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus { border-bottom-color: #fff; } } .nav-pills > li { float: left; } .nav-pills > li > a { border-radius: 3px; } .nav-pills > li + li { margin-left: 2px; } .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus { color: #fff; background-color: #2196F3; } .nav-stacked > li { float: none; } .nav-stacked > li + li { margin-top: 2px; margin-left: 0; } .nav-justified { width: 100%; } .nav-justified > li { float: none; } .nav-justified > li > a { text-align: center; margin-bottom: 5px; } .nav-justified > .dropdown .dropdown-menu { top: auto; left: auto; } @media (min-width: 769px) { .nav-justified > li { display: table-cell; width: 1%; } .nav-justified > li > a { margin-bottom: 0; } } .nav-tabs-justified { border-bottom: 0; } .nav-tabs-justified > li > a { margin-right: 0; border-radius: 3px; } .nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus { border: 1px solid #ddd; } @media (min-width: 769px) { .nav-tabs-justified > li > a { border-bottom: 1px solid #ddd; border-radius: 3px 3px 0 0; } .nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus { border-bottom-color: #fff; } } .tab-content > .tab-pane { display: none; } .tab-content > .active { display: block; } .nav-tabs .dropdown-menu { margin-top: -1px; border-top-right-radius: 0; border-top-left-radius: 0; } .navbar { position: relative; min-height: 46px; margin-bottom: 20px; border: 1px solid transparent; } @media (min-width: 769px) { .navbar { border-radius: 0; } } @media (min-width: 769px) { .navbar-header { float: left; } } .navbar-collapse { overflow-x: visible; padding-right: 20px; padding-left: 20px; border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); -webkit-overflow-scrolling: touch; } .navbar-collapse.in { overflow-y: auto; } @media (min-width: 769px) { .navbar-collapse { width: auto; border-top: 0; box-shadow: none; } .navbar-collapse.collapse { display: block !important; height: auto !important; padding-bottom: 0; overflow: visible !important; } .navbar-collapse.in { overflow-y: visible; } .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { padding-left: 0; padding-right: 0; } } .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { max-height: 340px; } @media (max-device-width: 480px) and (orientation: landscape) { .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { max-height: 200px; } } .container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse { margin-right: -20px; margin-left: -20px; } @media (min-width: 769px) { .container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse { margin-right: 0; margin-left: 0; } } .navbar-static-top { z-index: 1000; border-width: 0 0 1px; } @media (min-width: 769px) { .navbar-static-top { border-radius: 0; } } .navbar-fixed-top, .navbar-fixed-bottom { position: fixed; right: 0; left: 0; z-index: 1030; } @media (min-width: 769px) { .navbar-fixed-top, .navbar-fixed-bottom { border-radius: 0; } } .navbar-fixed-top { top: 0; border-width: 0 0 1px; } .navbar-fixed-bottom { bottom: 0; margin-bottom: 0; border-width: 1px 0 0; } .navbar-brand { float: left; padding: 13px 20px; font-size: 14px; line-height: 20px; height: 46px; } .navbar-brand:hover, .navbar-brand:focus { text-decoration: none; } .navbar-brand > img { display: block; } @media (min-width: 769px) { .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand { margin-left: -20px; } } .navbar-toggle { position: relative; float: right; margin-right: 20px; padding: 9px 10px; margin-top: 6px; margin-bottom: 6px; background-color: transparent; background-image: none; border: 1px solid transparent; border-radius: 3px; } .navbar-toggle:focus { outline: 0; } .navbar-toggle .icon-bar { display: block; width: 22px; height: 2px; border-radius: 1px; } .navbar-toggle .icon-bar + .icon-bar { margin-top: 4px; } @media (min-width: 769px) { .navbar-toggle { display: none; } } .navbar-nav { margin: 6.5px -20px; } .navbar-nav > li > a { padding-top: 10px; padding-bottom: 10px; line-height: 20px; } @media (max-width: 768px) { .navbar-nav .open .dropdown-menu { position: static; float: none; width: auto; margin-top: 0; background-color: transparent; border: 0; box-shadow: none; } .navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header { padding: 5px 15px 5px 25px; } .navbar-nav .open .dropdown-menu > li > a { line-height: 20px; } .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus { background-image: none; } } @media (min-width: 769px) { .navbar-nav { float: left; margin: 0; } .navbar-nav > li { float: left; } .navbar-nav > li > a { padding-top: 13px; padding-bottom: 13px; } } .navbar-form { margin-left: -20px; margin-right: -20px; padding: 10px 20px; border-top: 1px solid transparent; border-bottom: 1px solid transparent; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); margin-top: 5px; margin-bottom: 5px; } @media (min-width: 769px) { .navbar-form .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle; } .navbar-form .form-control { display: inline-block; width: auto; vertical-align: middle; } .navbar-form .form-control-static { display: inline-block; } .navbar-form .input-group { display: inline-table; vertical-align: middle; } .navbar-form .input-group .input-group-addon, .navbar-form .input-group .input-group-btn, .navbar-form .input-group .form-control { width: auto; } .navbar-form .input-group > .form-control { width: 100%; } .navbar-form .control-label { margin-bottom: 0; vertical-align: middle; } .navbar-form .radio, .navbar-form .checkbox { display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle; } .navbar-form .radio label, .navbar-form .checkbox label { padding-left: 0; } .navbar-form .radio input[type="radio"], .navbar-form .checkbox input[type="checkbox"] { position: relative; margin-left: 0; } .navbar-form .has-feedback .form-control-feedback { top: 0; } } @media (max-width: 768px) { .navbar-form .form-group { margin-bottom: 5px; } .navbar-form .form-group:last-child { margin-bottom: 0; } } @media (min-width: 769px) { .navbar-form { width: auto; border: 0; margin-left: 0; margin-right: 0; padding-top: 0; padding-bottom: 0; -webkit-box-shadow: none; box-shadow: none; } } .navbar-nav > li > .dropdown-menu { margin-top: 0; border-top-right-radius: 0; border-top-left-radius: 0; } .navbar-fixed-bottom .navbar-nav > li > .dropdown-menu { margin-bottom: 0; border-top-right-radius: 0; border-top-left-radius: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .navbar-btn { margin-top: 5px; margin-bottom: 5px; } .navbar-btn.btn-sm { margin-top: 6px; margin-bottom: 6px; } .navbar-btn.btn-xs { margin-top: 12px; margin-bottom: 12px; } .navbar-text { margin-top: 13px; margin-bottom: 13px; } @media (min-width: 769px) { .navbar-text { float: left; margin-left: 20px; margin-right: 20px; } } @media (min-width: 769px) { .navbar-left { float: left !important; } .navbar-right { float: right !important; margin-right: -20px; } .navbar-right ~ .navbar-right { margin-right: 0; } } .navbar-default { background-color: #fff; border-color: #ddd; } .navbar-default .navbar-brand { color: #555; } .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus { color: #3b3b3b; background-color: transparent; } .navbar-default .navbar-text { color: #555; } .navbar-default .navbar-nav > li > a { color: #555; } .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { color: #333333; background-color: #f8f8f8; } .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { color: #333333; background-color: #f8f8f8; } .navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus { color: #999999; background-color: transparent; } .navbar-default .navbar-toggle { border-color: #ddd; } .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: #ddd; } .navbar-default .navbar-toggle .icon-bar { background-color: #888; } .navbar-default .navbar-collapse, .navbar-default .navbar-form { border-color: #ddd; } .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { background-color: #f8f8f8; color: #333333; } @media (max-width: 768px) { .navbar-default .navbar-nav .open .dropdown-menu > li > a { color: #555; } .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { color: #333333; background-color: #f8f8f8; } .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus { color: #333333; background-color: #f8f8f8; } .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus { color: #999999; background-color: transparent; } } .navbar-default .navbar-link { color: #555; } .navbar-default .navbar-link:hover { color: #333333; } .navbar-default .btn-link { color: #555; } .navbar-default .btn-link:hover, .navbar-default .btn-link:focus { color: #333333; } .navbar-default .btn-link[disabled]:hover, fieldset[disabled] .navbar-default .btn-link:hover, .navbar-default .btn-link[disabled]:focus, fieldset[disabled] .navbar-default .btn-link:focus { color: #999999; } .navbar-inverse { background-color: #37474F; border-color: #37474F; } .navbar-inverse .navbar-brand { color: #fff; } .navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus { color: #fff; background-color: transparent; } .navbar-inverse .navbar-text { color: #fff; } .navbar-inverse .navbar-nav > li > a { color: #fff; } .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus { color: #fff; background-color: rgba(0, 0, 0, 0.1); } .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus { color: #fff; background-color: rgba(0, 0, 0, 0.15); } .navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:hover, .navbar-inverse .navbar-nav > .disabled > a:focus { color: rgba(255, 255, 255, 0.6); background-color: transparent; } .navbar-inverse .navbar-toggle { border-color: #333; } .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus { background-color: #333; } .navbar-inverse .navbar-toggle .icon-bar { background-color: #fff; } .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { border-color: #28343a; } .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.15); color: #fff; } @media (max-width: 768px) { .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header { border-color: #37474F; } .navbar-inverse .navbar-nav .open .dropdown-menu .divider { background-color: #37474F; } .navbar-inverse .navbar-nav .open .dropdown-menu > li > a { color: #fff; } .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus { color: #fff; background-color: rgba(0, 0, 0, 0.1); } .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus { color: #fff; background-color: rgba(0, 0, 0, 0.15); } .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus { color: rgba(255, 255, 255, 0.6); background-color: transparent; } } .navbar-inverse .navbar-link { color: #fff; } .navbar-inverse .navbar-link:hover { color: #fff; } .navbar-inverse .btn-link { color: #fff; } .navbar-inverse .btn-link:hover, .navbar-inverse .btn-link:focus { color: #fff; } .navbar-inverse .btn-link[disabled]:hover, fieldset[disabled] .navbar-inverse .btn-link:hover, .navbar-inverse .btn-link[disabled]:focus, fieldset[disabled] .navbar-inverse .btn-link:focus { color: rgba(255, 255, 255, 0.6); } .breadcrumb { padding: 10px 0; margin-bottom: 20px; list-style: none; background-color: transparent; border-radius: 3px; } .breadcrumb > li { display: inline-block; } .breadcrumb > li + li:before { content: "/\00a0"; padding: 0 5px; color: #333333; } .breadcrumb > .active { color: #999999; } .pagination { display: inline-block; padding-left: 0; margin: 20px 0; border-radius: 3px; } .pagination > li { display: inline; } .pagination > li > a, .pagination > li > span { position: relative; float: left; padding: 7px 12px; line-height: 1.5384616; text-decoration: none; color: #333333; background-color: #fff; border: 1px solid #ddd; margin-left: -1px; } .pagination > li:first-child > a, .pagination > li:first-child > span { margin-left: 0; border-bottom-left-radius: 3px; border-top-left-radius: 3px; } .pagination > li:last-child > a, .pagination > li:last-child > span { border-bottom-right-radius: 3px; border-top-right-radius: 3px; } .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { z-index: 2; color: #333333; background-color: #f5f5f5; border-color: #ddd; } .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { z-index: 3; color: #fff; background-color: #2196F3; border-color: #2196F3; cursor: default; } .pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus { color: #bbb; background-color: transparent; border-color: #ddd; cursor: not-allowed; } .pagination-lg > li > a, .pagination-lg > li > span { padding: 9px 15px; font-size: 14px; line-height: 1.4285715; } .pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span { border-bottom-left-radius: 5px; border-top-left-radius: 5px; } .pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span { border-bottom-right-radius: 5px; border-top-right-radius: 5px; } .pagination-sm > li > a, .pagination-sm > li > span { padding: 6px 11px; font-size: 12px; line-height: 1.6666667; } .pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span { border-bottom-left-radius: 2px; border-top-left-radius: 2px; } .pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span { border-bottom-right-radius: 2px; border-top-right-radius: 2px; } .pager { padding-left: 0; margin: 20px 0; list-style: none; text-align: center; } .pager li { display: inline; } .pager li > a, .pager li > span { display: inline-block; padding: 5px 14px; background-color: #fff; border: 1px solid #ddd; border-radius: 3px; } .pager li > a:hover, .pager li > a:focus { text-decoration: none; background-color: #2196F3; } .pager .next > a, .pager .next > span { float: right; } .pager .previous > a, .pager .previous > span { float: left; } .pager .disabled > a, .pager .disabled > a:hover, .pager .disabled > a:focus, .pager .disabled > span { color: #bbb; background-color: #fff; cursor: not-allowed; } .label { display: inline; padding: .2em .6em .3em; font-size: 75%; font-weight: bold; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: .25em; } a.label:hover, a.label:focus { color: #fff; text-decoration: none; cursor: pointer; } .label:empty { display: none; } .btn .label { position: relative; top: -1px; } .label-default { background-color: #999999; } .label-default[href]:hover, .label-default[href]:focus { background-color: #808080; } .label-primary { background-color: #2196F3; } .label-primary[href]:hover, .label-primary[href]:focus { background-color: #0c7cd5; } .label-success { background-color: #4CAF50; } .label-success[href]:hover, .label-success[href]:focus { background-color: #3d8b40; } .label-info { background-color: #00BCD4; } .label-info[href]:hover, .label-info[href]:focus { background-color: #008fa1; } .label-warning { background-color: #FF5722; } .label-warning[href]:hover, .label-warning[href]:focus { background-color: #ee3900; } .label-danger { background-color: #F44336; } .label-danger[href]:hover, .label-danger[href]:focus { background-color: #ea1c0d; } .badge { display: inline-block; min-width: 10px; padding: 3px 7px; font-size: 12px; font-weight: 500; color: #fff; line-height: 1.5384616; vertical-align: middle; white-space: nowrap; text-align: center; background-color: #999999; border-radius: 10px; } .badge:empty { display: none; } .btn .badge { position: relative; top: -1px; } .btn-xs .badge, .btn-group-xs > .btn .badge { top: 0; padding: 1px 5px; } a.badge:hover, a.badge:focus { color: #fff; text-decoration: none; cursor: pointer; } .list-group-item.active > .badge, .nav-pills > .active > a > .badge { color: #333333; background-color: #fff; } .list-group-item > .badge { float: right; } .list-group-item > .badge + .badge { margin-right: 5px; } .nav-pills > li > a > .badge { margin-left: 3px; } .jumbotron { padding-top: 30px; padding-bottom: 30px; margin-bottom: 30px; color: inherit; background-color: #eeeeee; } .jumbotron h1, .jumbotron .h1 { color: inherit; } .jumbotron p { margin-bottom: 15px; font-size: 20px; font-weight: 200; } .jumbotron > hr { border-top-color: #d5d5d5; } .container .jumbotron, .container-fluid .jumbotron { border-radius: 5px; padding-left: 10px; padding-right: 10px; } .jumbotron .container { max-width: 100%; } @media screen and (min-width: 769px) { .jumbotron { padding-top: 48px; padding-bottom: 48px; } .container .jumbotron, .container-fluid .jumbotron { padding-left: 60px; padding-right: 60px; } .jumbotron h1, .jumbotron .h1 { font-size: 59px; } } .thumbnail { display: block; padding: 3px; margin-bottom: 20px; line-height: 1.5384616; background-color: #fff; border: 1px solid #ddd; border-radius: 3px; -webkit-transition: border 0.2s ease-in-out; -o-transition: border 0.2s ease-in-out; transition: border 0.2s ease-in-out; } .thumbnail > img, .thumbnail a > img { margin-left: auto; margin-right: auto; } a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active { border-color: #1E88E5; } .thumbnail .caption { padding: 20px; color: #333333; } .alert { padding: 15px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 3px; } .alert h4 { margin-top: 0; color: inherit; } .alert .alert-link { font-weight: 500; } .alert > p, .alert > ul { margin-bottom: 0; } .alert > p + p { margin-top: 5px; } .alert-dismissable, .alert-dismissible { padding-right: 35px; } .alert-dismissable .close, .alert-dismissible .close { position: relative; top: -2px; right: -21px; color: inherit; } .alert-success { background-color: #E8F5E9; border-color: #4CAF50; color: #43A047; } .alert-success hr { border-top-color: #449d48; } .alert-success .alert-link { color: #347c37; } .alert-info { background-color: #E0F7FA; border-color: #00BCD4; color: #00838F; } .alert-info hr { border-top-color: #00a5bb; } .alert-info .alert-link { color: #00545c; } .alert-warning { background-color: #FFF3E0; border-color: #FF9800; color: #EF6C00; } .alert-warning hr { border-top-color: #e68900; } .alert-warning .alert-link { color: #bc5500; } .alert-danger { background-color: #FBE9E7; border-color: #FF5722; color: #D84315; } .alert-danger hr { border-top-color: #ff4408; } .alert-danger .alert-link { color: #aa3510; } @-webkit-keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } @keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } .progress { overflow: hidden; height: 20px; margin-bottom: 20px; background-color: #eeeeee; border-radius: 3px; -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); } .progress-bar { float: left; width: 0%; height: 100%; font-size: 12px; line-height: 20px; color: #fff; text-align: center; background-color: #2196F3; -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); -webkit-transition: width 0.6s ease; -o-transition: width 0.6s ease; transition: width 0.6s ease; } .progress-striped .progress-bar, .progress-bar-striped { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: 40px 40px; } .progress.active .progress-bar, .progress-bar.active { -webkit-animation: progress-bar-stripes 2s linear infinite; -o-animation: progress-bar-stripes 2s linear infinite; animation: progress-bar-stripes 2s linear infinite; } .progress-bar-success { background-color: #4CAF50; } .progress-striped .progress-bar-success { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .progress-bar-info { background-color: #00BCD4; } .progress-striped .progress-bar-info { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .progress-bar-warning { background-color: #FF5722; } .progress-striped .progress-bar-warning { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .progress-bar-danger { background-color: #F44336; } .progress-striped .progress-bar-danger { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .media { margin-top: 15px; } .media:first-child { margin-top: 0; } .media, .media-body { zoom: 1; overflow: hidden; } .media-body { width: 10000px; } .media-object { display: block; } .media-object.img-thumbnail { max-width: none; } .media-right, .media > .pull-right { padding-left: 10px; } .media-left, .media > .pull-left { padding-right: 10px; } .media-left, .media-right, .media-body { display: table-cell; vertical-align: top; } .media-middle { vertical-align: middle; } .media-bottom { vertical-align: bottom; } .media-heading { margin-top: 0; margin-bottom: 5px; } .media-list { padding-left: 0; list-style: none; } .list-group { margin-bottom: 20px; padding-left: 0; } .list-group-item { position: relative; display: block; padding: 10px 15px; margin-bottom: -1px; background-color: #fff; border: 1px solid #ddd; } .list-group-item:first-child { border-top-right-radius: 0; border-top-left-radius: 0; } .list-group-item:last-child { margin-bottom: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } a.list-group-item, button.list-group-item { color: #333333; } a.list-group-item .list-group-item-heading, button.list-group-item .list-group-item-heading { color: #333; } a.list-group-item:hover, button.list-group-item:hover, a.list-group-item:focus, button.list-group-item:focus { text-decoration: none; color: #333333; background-color: #f5f5f5; } button.list-group-item { width: 100%; text-align: left; } .list-group-item.disabled, .list-group-item.disabled:hover, .list-group-item.disabled:focus { background-color: transparent; color: #999999; cursor: not-allowed; } .list-group-item.disabled .list-group-item-heading, .list-group-item.disabled:hover .list-group-item-heading, .list-group-item.disabled:focus .list-group-item-heading { color: inherit; } .list-group-item.disabled .list-group-item-text, .list-group-item.disabled:hover .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text { color: #999999; } .list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus { z-index: 2; color: #fff; background-color: #2196F3; border-color: #2196F3; } .list-group-item.active .list-group-item-heading, .list-group-item.active:hover .list-group-item-heading, .list-group-item.active:focus .list-group-item-heading, .list-group-item.active .list-group-item-heading > small, .list-group-item.active:hover .list-group-item-heading > small, .list-group-item.active:focus .list-group-item-heading > small, .list-group-item.active .list-group-item-heading > .small, .list-group-item.active:hover .list-group-item-heading > .small, .list-group-item.active:focus .list-group-item-heading > .small { color: inherit; } .list-group-item.active .list-group-item-text, .list-group-item.active:hover .list-group-item-text, .list-group-item.active:focus .list-group-item-text { color: #e3f2fd; } .list-group-item-success { color: #43A047; background-color: #E8F5E9; } a.list-group-item-success, button.list-group-item-success { color: #43A047; } a.list-group-item-success .list-group-item-heading, button.list-group-item-success .list-group-item-heading { color: inherit; } a.list-group-item-success:hover, button.list-group-item-success:hover, a.list-group-item-success:focus, button.list-group-item-success:focus { color: #43A047; background-color: #d6edd8; } a.list-group-item-success.active, button.list-group-item-success.active, a.list-group-item-success.active:hover, button.list-group-item-success.active:hover, a.list-group-item-success.active:focus, button.list-group-item-success.active:focus { color: #fff; background-color: #43A047; border-color: #43A047; } .list-group-item-info { color: #00838F; background-color: #E0F7FA; } a.list-group-item-info, button.list-group-item-info { color: #00838F; } a.list-group-item-info .list-group-item-heading, button.list-group-item-info .list-group-item-heading { color: inherit; } a.list-group-item-info:hover, button.list-group-item-info:hover, a.list-group-item-info:focus, button.list-group-item-info:focus { color: #00838F; background-color: #caf1f6; } a.list-group-item-info.active, button.list-group-item-info.active, a.list-group-item-info.active:hover, button.list-group-item-info.active:hover, a.list-group-item-info.active:focus, button.list-group-item-info.active:focus { color: #fff; background-color: #00838F; border-color: #00838F; } .list-group-item-warning { color: #EF6C00; background-color: #FFF3E0; } a.list-group-item-warning, button.list-group-item-warning { color: #EF6C00; } a.list-group-item-warning .list-group-item-heading, button.list-group-item-warning .list-group-item-heading { color: inherit; } a.list-group-item-warning:hover, button.list-group-item-warning:hover, a.list-group-item-warning:focus, button.list-group-item-warning:focus { color: #EF6C00; background-color: #ffe9c6; } a.list-group-item-warning.active, button.list-group-item-warning.active, a.list-group-item-warning.active:hover, button.list-group-item-warning.active:hover, a.list-group-item-warning.active:focus, button.list-group-item-warning.active:focus { color: #fff; background-color: #EF6C00; border-color: #EF6C00; } .list-group-item-danger { color: #D84315; background-color: #FBE9E7; } a.list-group-item-danger, button.list-group-item-danger { color: #D84315; } a.list-group-item-danger .list-group-item-heading, button.list-group-item-danger .list-group-item-heading { color: inherit; } a.list-group-item-danger:hover, button.list-group-item-danger:hover, a.list-group-item-danger:focus, button.list-group-item-danger:focus { color: #D84315; background-color: #f7d5d1; } a.list-group-item-danger.active, button.list-group-item-danger.active, a.list-group-item-danger.active:hover, button.list-group-item-danger.active:hover, a.list-group-item-danger.active:focus, button.list-group-item-danger.active:focus { color: #fff; background-color: #D84315; border-color: #D84315; } .list-group-item-heading { margin-top: 0; margin-bottom: 5px; } .list-group-item-text { margin-bottom: 0; line-height: 1.3; } .panel { margin-bottom: 20px; background-color: #fff; border: 1px solid transparent; border-radius: 3px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); } .panel-body { padding: 20px; } .panel-heading { padding: 15px 20px; border-bottom: 1px solid transparent; border-top-right-radius: 2px; border-top-left-radius: 2px; } .panel-heading > .dropdown .dropdown-toggle { color: inherit; } .panel-title { margin-top: 0; margin-bottom: 0; font-size: 15px; color: inherit; } .panel-title > a, .panel-title > small, .panel-title > .small, .panel-title > small > a, .panel-title > .small > a { color: inherit; } .panel-footer { padding: 7px 20px; background-color: #fcfcfc; border-top: 1px solid #ddd; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; } .panel > .list-group, .panel > .panel-collapse > .list-group { margin-bottom: 0; } .panel > .list-group .list-group-item, .panel > .panel-collapse > .list-group .list-group-item { border-width: 1px 0; border-radius: 0; } .panel > .list-group:first-child .list-group-item:first-child, .panel > .panel-collapse > .list-group:first-child .list-group-item:first-child { border-top: 0; border-top-right-radius: 2px; border-top-left-radius: 2px; } .panel > .list-group:last-child .list-group-item:last-child, .panel > .panel-collapse > .list-group:last-child .list-group-item:last-child { border-bottom: 0; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; } .panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child { border-top-right-radius: 0; border-top-left-radius: 0; } .panel-heading + .list-group .list-group-item:first-child { border-top-width: 0; } .list-group + .panel-footer { border-top-width: 0; } .panel > .table, .panel > .table-responsive > .table, .panel > .panel-collapse > .table { margin-bottom: 0; } .panel > .table caption, .panel > .table-responsive > .table caption, .panel > .panel-collapse > .table caption { padding-left: 20px; padding-right: 20px; } .panel > .table:first-child, .panel > .table-responsive:first-child > .table:first-child { border-top-right-radius: 2px; border-top-left-radius: 2px; } .panel > .table:first-child > thead:first-child > tr:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child { border-top-left-radius: 2px; border-top-right-radius: 2px; } .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: 2px; } .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: 2px; } .panel > .table:last-child, .panel > .table-responsive:last-child > .table:last-child { border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; } .panel > .table:last-child > tbody:last-child > tr:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; } .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: 2px; } .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: 2px; } .panel > .panel-body + .table, .panel > .panel-body + .table-responsive, .panel > .table + .panel-body, .panel > .table-responsive + .panel-body { border-top: 1px solid #ddd; } .panel > .table > tbody:first-child > tr:first-child th, .panel > .table > tbody:first-child > tr:first-child td { border-top: 0; } .panel > .table-bordered, .panel > .table-responsive > .table-bordered { border: 0; } .panel > .table-bordered > thead > tr > th:first-child, .panel > .table-responsive > .table-bordered > thead > tr > th:first-child, .panel > .table-bordered > tbody > tr > th:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child, .panel > .table-bordered > tfoot > tr > th:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child, .panel > .table-bordered > thead > tr > td:first-child, .panel > .table-responsive > .table-bordered > thead > tr > td:first-child, .panel > .table-bordered > tbody > tr > td:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child, .panel > .table-bordered > tfoot > tr > td:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child { border-left: 0; } .panel > .table-bordered > thead > tr > th:last-child, .panel > .table-responsive > .table-bordered > thead > tr > th:last-child, .panel > .table-bordered > tbody > tr > th:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child, .panel > .table-bordered > tfoot > tr > th:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child, .panel > .table-bordered > thead > tr > td:last-child, .panel > .table-responsive > .table-bordered > thead > tr > td:last-child, .panel > .table-bordered > tbody > tr > td:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child, .panel > .table-bordered > tfoot > tr > td:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child { border-right: 0; } .panel > .table-bordered > thead > tr:first-child > td, .panel > .table-responsive > .table-bordered > thead > tr:first-child > td, .panel > .table-bordered > tbody > tr:first-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td, .panel > .table-bordered > thead > tr:first-child > th, .panel > .table-responsive > .table-bordered > thead > tr:first-child > th, .panel > .table-bordered > tbody > tr:first-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th { border-bottom: 0; } .panel > .table-bordered > tbody > tr:last-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td, .panel > .table-bordered > tfoot > tr:last-child > td, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td, .panel > .table-bordered > tbody > tr:last-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th, .panel > .table-bordered > tfoot > tr:last-child > th, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th { border-bottom: 0; } .panel > .table-responsive { border: 0; margin-bottom: 0; } .panel-group { margin-bottom: 20px; } .panel-group .panel { margin-bottom: 0; border-radius: 3px; } .panel-group .panel + .panel { margin-top: 5px; } .panel-group .panel-heading { border-bottom: 0; } .panel-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group { border-top: 1px solid #ddd; } .panel-group .panel-footer { border-top: 0; } .panel-group .panel-footer + .panel-collapse .panel-body { border-bottom: 1px solid #ddd; } .panel-default { border-color: #ddd; } .panel-default > .panel-heading { color: #333333; background-color: #fcfcfc; border-color: #ddd; } .panel-default > .panel-heading + .panel-collapse > .panel-body { border-top-color: #ddd; } .panel-default > .panel-heading .badge { color: #fcfcfc; background-color: #333333; } .panel-default > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #ddd; } .panel-primary { border-color: #2196F3; } .panel-primary > .panel-heading { color: #fff; background-color: #2196F3; border-color: #2196F3; } .panel-primary > .panel-heading + .panel-collapse > .panel-body { border-top-color: #2196F3; } .panel-primary > .panel-heading .badge { color: #2196F3; background-color: #fff; } .panel-primary > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #2196F3; } .panel-success { border-color: #4CAF50; } .panel-success > .panel-heading { color: #fff; background-color: #4CAF50; border-color: #4CAF50; } .panel-success > .panel-heading + .panel-collapse > .panel-body { border-top-color: #4CAF50; } .panel-success > .panel-heading .badge { color: #4CAF50; background-color: #fff; } .panel-success > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #4CAF50; } .panel-info { border-color: #00BCD4; } .panel-info > .panel-heading { color: #fff; background-color: #00BCD4; border-color: #00BCD4; } .panel-info > .panel-heading + .panel-collapse > .panel-body { border-top-color: #00BCD4; } .panel-info > .panel-heading .badge { color: #00BCD4; background-color: #fff; } .panel-info > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #00BCD4; } .panel-warning { border-color: #FF5722; } .panel-warning > .panel-heading { color: #fff; background-color: #FF5722; border-color: #FF5722; } .panel-warning > .panel-heading + .panel-collapse > .panel-body { border-top-color: #FF5722; } .panel-warning > .panel-heading .badge { color: #FF5722; background-color: #fff; } .panel-warning > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #FF5722; } .panel-danger { border-color: #F44336; } .panel-danger > .panel-heading { color: #fff; background-color: #F44336; border-color: #F44336; } .panel-danger > .panel-heading + .panel-collapse > .panel-body { border-top-color: #F44336; } .panel-danger > .panel-heading .badge { color: #F44336; background-color: #fff; } .panel-danger > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #F44336; } .embed-responsive { position: relative; display: block; height: 0; padding: 0; overflow: hidden; } .embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; left: 0; bottom: 0; height: 100%; width: 100%; border: 0; } .embed-responsive-16by9 { padding-bottom: 56.25%; } .embed-responsive-4by3 { padding-bottom: 75%; } .well { min-height: 20px; padding: 19px; margin-bottom: 20px; background-color: #fdfdfd; border: 1px solid #ddd; border-radius: 3px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); } .well blockquote { border-color: #ddd; border-color: rgba(0, 0, 0, 0.15); } .well-lg { padding: 24px; border-radius: 5px; } .well-sm { padding: 9px; border-radius: 2px; } .close { float: right; font-size: 19.5px; font-weight: 300; line-height: 1; color: #000; text-shadow: none; opacity: 0.2; filter: alpha(opacity=20); } .close:hover, .close:focus { color: #000; text-decoration: none; cursor: pointer; opacity: 0.5; filter: alpha(opacity=50); } button.close { padding: 0; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; } .modal-open { overflow: hidden; } .modal { display: none; overflow: hidden; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; -webkit-overflow-scrolling: touch; outline: 0; } .modal.fade .modal-dialog { -webkit-transform: translate(0, -25%); -ms-transform: translate(0, -25%); -o-transform: translate(0, -25%); transform: translate(0, -25%); -webkit-transition: -webkit-transform 0.3s ease-out; -moz-transition: -moz-transform 0.3s ease-out; -o-transition: -o-transform 0.3s ease-out; transition: transform 0.3s ease-out; } .modal.in .modal-dialog { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } .modal-open .modal { overflow-x: hidden; overflow-y: auto; } .modal-dialog { position: relative; width: auto; margin: 10px; } .modal-content { position: relative; background-color: #fff; border: 1px solid #999; border: 1px solid transparent; border-radius: 5px; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); background-clip: padding-box; outline: 0; } .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000; } .modal-backdrop.fade { opacity: 0; filter: alpha(opacity=0); } .modal-backdrop.in { opacity: 0.5; filter: alpha(opacity=50); } .modal-header { padding: 20px; border-bottom: 1px solid transparent; } .modal-header .close { margin-top: -2px; } .modal-title { margin: 0; line-height: 1.5384616; } .modal-body { position: relative; padding: 20px; } .modal-footer { padding: 20px; text-align: right; border-top: 1px solid transparent; } .modal-footer .btn + .btn { margin-left: 5px; margin-bottom: 0; } .modal-footer .btn-group .btn + .btn { margin-left: -1px; } .modal-footer .btn-block + .btn-block { margin-left: 0; } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } @media (min-width: 769px) { .modal-dialog { width: 600px; margin: 30px auto; } .modal-content { -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); } .modal-sm { width: 400px; } } @media (min-width: 1025px) { .modal-lg { width: 900px; } } .tooltip { position: absolute; z-index: 1070; display: block; font-family: "Roboto", Helvetica Neue, Helvetica, Arial, sans-serif; font-style: normal; font-weight: normal; letter-spacing: normal; line-break: auto; line-height: 1.5384616; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; white-space: normal; word-break: normal; word-spacing: normal; word-wrap: normal; font-size: 12px; opacity: 0; filter: alpha(opacity=0); } .tooltip.in { opacity: 1; filter: alpha(opacity=100); } .tooltip.top { margin-top: -3px; padding: 4px 0; } .tooltip.right { margin-left: 3px; padding: 0 4px; } .tooltip.bottom { margin-top: 3px; padding: 4px 0; } .tooltip.left { margin-left: -3px; padding: 0 4px; } .tooltip-inner { max-width: 200px; padding: 3px 8px; color: #fff; text-align: center; background-color: #333; border-radius: 3px; } .tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; } .tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -4px; border-width: 4px 4px 0; border-top-color: #333; } .tooltip.top-left .tooltip-arrow { bottom: 0; right: 4px; margin-bottom: -4px; border-width: 4px 4px 0; border-top-color: #333; } .tooltip.top-right .tooltip-arrow { bottom: 0; left: 4px; margin-bottom: -4px; border-width: 4px 4px 0; border-top-color: #333; } .tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -4px; border-width: 4px 4px 4px 0; border-right-color: #333; } .tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -4px; border-width: 4px 0 4px 4px; border-left-color: #333; } .tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -4px; border-width: 0 4px 4px; border-bottom-color: #333; } .tooltip.bottom-left .tooltip-arrow { top: 0; right: 4px; margin-top: -4px; border-width: 0 4px 4px; border-bottom-color: #333; } .tooltip.bottom-right .tooltip-arrow { top: 0; left: 4px; margin-top: -4px; border-width: 0 4px 4px; border-bottom-color: #333; } .popover { position: absolute; top: 0; left: 0; z-index: 1060; display: none; max-width: 276px; padding: 1px; font-family: "Roboto", Helvetica Neue, Helvetica, Arial, sans-serif; font-style: normal; font-weight: normal; letter-spacing: normal; line-break: auto; line-height: 1.5384616; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; white-space: normal; word-break: normal; word-spacing: normal; word-wrap: normal; font-size: 13px; background-color: #fff; background-clip: padding-box; border: 1px solid #ccc; border-radius: 5px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); } .popover.top { margin-top: -5px; } .popover.right { margin-left: 5px; } .popover.bottom { margin-top: 5px; } .popover.left { margin-left: -5px; } .popover-title { margin: 0; padding: 8px 14px; font-size: 13px; background-color: transparent; border-bottom: 1px solid rgba(0, 0, 0, 0); border-radius: 4px 4px 0 0; } .popover-content { padding: 9px 14px; } .popover > .arrow, .popover > .arrow:after { position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid; } .popover > .arrow { border-width: 6px; } .popover > .arrow:after { border-width: 5px; content: ""; } .popover.top > .arrow { left: 50%; margin-left: -6px; border-bottom-width: 0; border-top-color: #999999; border-top-color: #b3b3b3; bottom: -6px; } .popover.top > .arrow:after { content: " "; bottom: 1px; margin-left: -5px; border-bottom-width: 0; border-top-color: #fff; } .popover.right > .arrow { top: 50%; left: -6px; margin-top: -6px; border-left-width: 0; border-right-color: #999999; border-right-color: #b3b3b3; } .popover.right > .arrow:after { content: " "; left: 1px; bottom: -5px; border-left-width: 0; border-right-color: #fff; } .popover.bottom > .arrow { left: 50%; margin-left: -6px; border-top-width: 0; border-bottom-color: #999999; border-bottom-color: #b3b3b3; top: -6px; } .popover.bottom > .arrow:after { content: " "; top: 1px; margin-left: -5px; border-top-width: 0; border-bottom-color: #fff; } .popover.left > .arrow { top: 50%; right: -6px; margin-top: -6px; border-right-width: 0; border-left-color: #999999; border-left-color: #b3b3b3; } .popover.left > .arrow:after { content: " "; right: 1px; border-right-width: 0; border-left-color: #fff; bottom: -5px; } .carousel { position: relative; } .carousel-inner { position: relative; overflow: hidden; width: 100%; } .carousel-inner > .item { display: none; position: relative; -webkit-transition: 0.6s ease-in-out left; -o-transition: 0.6s ease-in-out left; transition: 0.6s ease-in-out left; } .carousel-inner > .item > img, .carousel-inner > .item > a > img { line-height: 1; } @media all and (transform-3d), (-webkit-transform-3d) { .carousel-inner > .item { -webkit-transition: -webkit-transform 0.6s ease-in-out; -moz-transition: -moz-transform 0.6s ease-in-out; -o-transition: -o-transform 0.6s ease-in-out; transition: transform 0.6s ease-in-out; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000px; -moz-perspective: 1000px; perspective: 1000px; } .carousel-inner > .item.next, .carousel-inner > .item.active.right { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); left: 0; } .carousel-inner > .item.prev, .carousel-inner > .item.active.left { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); left: 0; } .carousel-inner > .item.next.left, .carousel-inner > .item.prev.right, .carousel-inner > .item.active { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); left: 0; } } .carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev { display: block; } .carousel-inner > .active { left: 0; } .carousel-inner > .next, .carousel-inner > .prev { position: absolute; top: 0; width: 100%; } .carousel-inner > .next { left: 100%; } .carousel-inner > .prev { left: -100%; } .carousel-inner > .next.left, .carousel-inner > .prev.right { left: 0; } .carousel-inner > .active.left { left: -100%; } .carousel-inner > .active.right { left: 100%; } .carousel-control { position: absolute; top: 0; left: 0; bottom: 0; width: 15%; opacity: 0.5; filter: alpha(opacity=50); font-size: 20px; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); background-color: rgba(0, 0, 0, 0); } .carousel-control.left { background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1); } .carousel-control.right { left: auto; right: 0; background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1); } .carousel-control:hover, .carousel-control:focus { outline: 0; color: #fff; text-decoration: none; opacity: 0.9; filter: alpha(opacity=90); } .carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right { position: absolute; top: 50%; margin-top: -10px; z-index: 5; display: inline-block; } .carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left { left: 50%; margin-left: -10px; } .carousel-control .icon-next, .carousel-control .glyphicon-chevron-right { right: 50%; margin-right: -10px; } .carousel-control .icon-prev, .carousel-control .icon-next { width: 20px; height: 20px; line-height: 1; font-family: serif; } .carousel-control .icon-prev:before { content: '\2039'; } .carousel-control .icon-next:before { content: '\203a'; } .carousel-indicators { position: absolute; bottom: 10px; left: 50%; z-index: 15; width: 60%; margin-left: -30%; padding-left: 0; list-style: none; text-align: center; } .carousel-indicators li { display: inline-block; width: 10px; height: 10px; margin: 1px; text-indent: -999px; border: 1px solid #fff; border-radius: 10px; cursor: pointer; background-color: #000 \9; background-color: rgba(0, 0, 0, 0); } .carousel-indicators .active { margin: 0; width: 12px; height: 12px; background-color: #fff; } .carousel-caption { position: absolute; left: 15%; right: 15%; bottom: 20px; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } .carousel-caption .btn { text-shadow: none; } @media screen and (min-width: 769px) { .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next { width: 30px; height: 30px; margin-top: -10px; font-size: 30px; } .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev { margin-left: -10px; } .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next { margin-right: -10px; } .carousel-caption { left: 20%; right: 20%; padding-bottom: 30px; } .carousel-indicators { bottom: 20px; } } .clearfix:before, .clearfix:after, .dl-horizontal dd:before, .dl-horizontal dd:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .btn-toolbar:before, .btn-toolbar:after, .btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after, .nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after, .pager:before, .pager:after, .panel-body:before, .panel-body:after, .modal-header:before, .modal-header:after, .modal-footer:before, .modal-footer:after { content: " "; display: table; } .clearfix:after, .dl-horizontal dd:after, .container:after, .container-fluid:after, .row:after, .form-horizontal .form-group:after, .btn-toolbar:after, .btn-group-vertical > .btn-group:after, .nav:after, .navbar:after, .navbar-header:after, .navbar-collapse:after, .pager:after, .panel-body:after, .modal-header:after, .modal-footer:after { clear: both; } .center-block { display: block; margin-left: auto; margin-right: auto; } .pull-right { float: right !important; } .pull-left { float: left !important; } .hide { display: none !important; } .show { display: block !important; } .invisible { visibility: hidden; } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .hidden { display: none !important; } .affix { position: fixed; } @-ms-viewport { width: device-width; } .visible-xs, .visible-sm, .visible-md, .visible-lg { display: none !important; } .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block { display: none !important; } @media (max-width: 768px) { .visible-xs { display: block !important; } table.visible-xs { display: table !important; } tr.visible-xs { display: table-row !important; } th.visible-xs, td.visible-xs { display: table-cell !important; } } @media (max-width: 768px) { .visible-xs-block { display: block !important; } } @media (max-width: 768px) { .visible-xs-inline { display: inline !important; } } @media (max-width: 768px) { .visible-xs-inline-block { display: inline-block !important; } } @media (min-width: 769px) and (max-width: 1024px) { .visible-sm { display: block !important; } table.visible-sm { display: table !important; } tr.visible-sm { display: table-row !important; } th.visible-sm, td.visible-sm { display: table-cell !important; } } @media (min-width: 769px) and (max-width: 1024px) { .visible-sm-block { display: block !important; } } @media (min-width: 769px) and (max-width: 1024px) { .visible-sm-inline { display: inline !important; } } @media (min-width: 769px) and (max-width: 1024px) { .visible-sm-inline-block { display: inline-block !important; } } @media (min-width: 1025px) and (max-width: 1199px) { .visible-md { display: block !important; } table.visible-md { display: table !important; } tr.visible-md { display: table-row !important; } th.visible-md, td.visible-md { display: table-cell !important; } } @media (min-width: 1025px) and (max-width: 1199px) { .visible-md-block { display: block !important; } } @media (min-width: 1025px) and (max-width: 1199px) { .visible-md-inline { display: inline !important; } } @media (min-width: 1025px) and (max-width: 1199px) { .visible-md-inline-block { display: inline-block !important; } } @media (min-width: 1200px) { .visible-lg { display: block !important; } table.visible-lg { display: table !important; } tr.visible-lg { display: table-row !important; } th.visible-lg, td.visible-lg { display: table-cell !important; } } @media (min-width: 1200px) { .visible-lg-block { display: block !important; } } @media (min-width: 1200px) { .visible-lg-inline { display: inline !important; } } @media (min-width: 1200px) { .visible-lg-inline-block { display: inline-block !important; } } @media (max-width: 768px) { .hidden-xs { display: none !important; } } @media (min-width: 769px) and (max-width: 1024px) { .hidden-sm { display: none !important; } } @media (min-width: 1025px) and (max-width: 1199px) { .hidden-md { display: none !important; } } @media (min-width: 1200px) { .hidden-lg { display: none !important; } } .visible-print { display: none !important; } @media print { .visible-print { display: block !important; } table.visible-print { display: table !important; } tr.visible-print { display: table-row !important; } th.visible-print, td.visible-print { display: table-cell !important; } } .visible-print-block { display: none !important; } @media print { .visible-print-block { display: block !important; } } .visible-print-inline { display: none !important; } @media print { .visible-print-inline { display: inline !important; } } .visible-print-inline-block { display: none !important; } @media print { .visible-print-inline-block { display: inline-block !important; } } @media print { .hidden-print { display: none !important; } } /* ------------------------------------------------------------------------------ * * # Components * * Common less file with imports of plugins and pages * * Version: 1.0 * Latest update: Feb 5, 2016 * * ---------------------------------------------------------------------------- */ /* ------------------------------------------------------------------------------ * * # Glyphicons for Bootstrap * * Glyphicons icon font path and style overrides * * Version: 1.0 * Latest update: May 25, 2015 * * ---------------------------------------------------------------------------- */ @font-face { font-family: 'Glyphicons Halflings'; src: url(name=glyphicons-halflings-regular.eot); src: url(name=glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'), url(name=glyphicons-halflings-regular.woff2) format('woff2'), url(name=glyphicons-halflings-regular.woff) format('woff'), url(name=glyphicons-halflings-regular.ttf) format('truetype'), url(name=glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg'); } .glyphicon { font-size: 16px; vertical-align: middle; top: -1px; } /* ------------------------------------------------------------------------------ * * # Scaffolding * * Overrides for bootstrap scaffolding * * Version: 1.3 * Latest update: Mar 10, 2016 * * ---------------------------------------------------------------------------- */ html { height: 100%; } body { position: relative; min-height: 100%; } a { cursor: pointer; } a:focus { outline: 0; } figure { position: relative; } figcaption { position: absolute; bottom: 0; opacity: 0; visibility: hidden; width: 100%; color: #fff; padding: 10px 15px; z-index: 2; background-color: rgba(0, 0, 0, 0.7); -webkit-transition: all ease-in-out 0.2s; -o-transition: all ease-in-out 0.2s; transition: all ease-in-out 0.2s; } figure:hover figcaption { opacity: 1; visibility: visible; } .img-rounded { border-radius: 3px; } .hr-condensed { margin-top: 10px; margin-bottom: 10px; } .row-seamless { margin-left: 0; margin-right: 0; } .row-seamless > div[class*=col-] { padding-left: 0; padding-right: 0; } /* ------------------------------------------------------------------------------ * * # Main typography * * Main typography overrides, including custom content * * Version: 1.2 * Latest update: Nov 25, 2015 * * ---------------------------------------------------------------------------- */ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { letter-spacing: -0.015em; } h1 > .label, h2 > .label, h3 > .label, h4 > .label, h5 > .label, h6 > .label, .h1 > .label, .h2 > .label, .h3 > .label, .h4 > .label, .h5 > .label, .h6 > .label, h1 > .badge, h2 > .badge, h3 > .badge, h4 > .badge, h5 > .badge, h6 > .badge, .h1 > .badge, .h2 > .badge, .h3 > .badge, .h4 > .badge, .h5 > .badge, .h6 > .badge { vertical-align: middle; margin-top: -2px; } h1 > .label.pull-right, h2 > .label.pull-right, h3 > .label.pull-right, h4 > .label.pull-right, h5 > .label.pull-right, h6 > .label.pull-right, .h1 > .label.pull-right, .h2 > .label.pull-right, .h3 > .label.pull-right, .h4 > .label.pull-right, .h5 > .label.pull-right, .h6 > .label.pull-right, h1 > .badge.pull-right, h2 > .badge.pull-right, h3 > .badge.pull-right, h4 > .badge.pull-right, h5 > .badge.pull-right, h6 > .badge.pull-right, .h1 > .badge.pull-right, .h2 > .badge.pull-right, .h3 > .badge.pull-right, .h4 > .badge.pull-right, .h5 > .badge.pull-right, .h6 > .badge.pull-right { margin-top: 3px; } h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small { font-size: 13px; } h1 small.display-block, h2 small.display-block, h3 small.display-block, h4 small.display-block, h5 small.display-block, h6 small.display-block, .h1 small.display-block, .h2 small.display-block, .h3 small.display-block, .h4 small.display-block, .h5 small.display-block, .h6 small.display-block { margin-top: 3px; } h1 > [class*=icon-], h2 > [class*=icon-], h3 > [class*=icon-], .h1 > [class*=icon-], .h2 > [class*=icon-], .h3 > [class*=icon-] { top: -2px; } h1 small, h2 small, h3 small, .h1 small, .h2 small, .h3 small { font-size: 13px; } .heading-divided { margin-bottom: 15px; padding-bottom: 10px; border-bottom: 1px solid #ddd; } a, button, input, textarea { outline: 0; } mark, .mark { background-color: #333333; padding: 2px 6px; color: #fff; border-radius: 2px; } a.text-muted:hover { color: #333333; } svg { display: block; } .svg-inline svg { display: inline-block; } .svg-center svg { margin: auto; } .letter-icon { width: 16px; display: block; } .content-divider { text-align: center; position: relative; z-index: 1; } .content-divider > span { background-color: #f5f5f5; display: inline-block; padding-left: 12px; padding-right: 12px; } .panel .content-divider > span, .tab-content-bordered .content-divider > span, .modal .content-divider > span { background-color: #fff; } .content-divider > span:before { content: ""; position: absolute; top: 50%; left: 0; height: 1px; background-color: #ddd; width: 100%; z-index: -1; } .icon-object { border-radius: 50%; text-align: center; margin: 10px; border-width: 3px; border-style: solid; padding: 20px; display: inline-block; } .icon-object > i { font-size: 32px; top: 0; } .img-preview { max-height: 70px; } .video-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; } .video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .status-mark { width: 8px; height: 8px; display: inline-block; border-radius: 50%; border: 2px solid; } .dropdown-menu > .active .status-mark { background-color: #fff; border-color: #fff; } .position-left { margin-right: 7px; } .position-right { margin-left: 7px; } a.bg-primary:hover, a.bg-primary:focus { background-color: #2196F3; } .bg-success { color: #fff; background-color: #4CAF50; } a.bg-success:hover, a.bg-success:focus { background-color: #3d8b40; } a.bg-success:hover, a.bg-success:focus { background-color: #4CAF50; } .bg-info { color: #fff; background-color: #00BCD4; } a.bg-info:hover, a.bg-info:focus { background-color: #008fa1; } a.bg-info:hover, a.bg-info:focus { background-color: #00BCD4; } .bg-warning { color: #fff; background-color: #FF5722; } a.bg-warning:hover, a.bg-warning:focus { background-color: #ee3900; } a.bg-warning:hover, a.bg-warning:focus { background-color: #FF5722; } .bg-danger { color: #fff; background-color: #F44336; } a.bg-danger:hover, a.bg-danger:focus { background-color: #ea1c0d; } a.bg-danger:hover, a.bg-danger:focus { background-color: #F44336; } .page-header { margin: 0; padding: 0; border-bottom-width: 0; } @media (min-width: 769px) { .page-header .heading-elements.collapse { display: block; visibility: visible; } } .page-header-inverse { background-color: #273246; color: #fff; margin-bottom: 20px; } .page-header-inverse .page-title small { color: rgba(255, 255, 255, 0.5); } .page-header-inverse > .breadcrumb > li > a, .page-header-inverse .page-header-content .breadcrumb > li > a, .page-header-inverse > .breadcrumb > li + li:before, .page-header-inverse .page-header-content .breadcrumb > li + li:before { color: rgba(255, 255, 255, 0.9); } .page-header-inverse > .breadcrumb > li > a:hover, .page-header-inverse .page-header-content .breadcrumb > li > a:hover, .page-header-inverse > .breadcrumb > li > a:focus, .page-header-inverse .page-header-content .breadcrumb > li > a:focus { color: #fff; opacity: 1; filter: alpha(opacity=100); } .page-header-inverse > .breadcrumb > .active, .page-header-inverse .page-header-content .breadcrumb > .active { color: rgba(255, 255, 255, 0.5); } .page-header-inverse .form-control-feedback, .page-header-inverse .input-group-addon { color: rgba(255, 255, 255, 0.75); } .page-header-inverse .heading-text > a { color: #fff; } .page-header-inverse .form-control { border-bottom-color: rgba(255, 255, 255, 0.3); color: #fff; } .page-header-inverse .form-control::-moz-placeholder { color: rgba(255, 255, 255, 0.75); opacity: 1; } .page-header-inverse .form-control:-ms-input-placeholder { color: rgba(255, 255, 255, 0.75); } .page-header-inverse .form-control::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.75); } .page-header-inverse .form-control:focus { border-bottom-color: #fff; -webkit-box-shadow: 0 1px 0 #fff; box-shadow: 0 1px 0 #fff; } .page-header-inverse.has-cover { background: url(name=login_cover.jpg); background-size: cover; } .page-header-default { background-color: #fff; margin-bottom: 20px; -webkit-box-shadow: 0 1px 0 0 #ddd; box-shadow: 0 1px 0 0 #ddd; } .page-header-default.has-cover { background: url(name=seamless.png); } .page-title { padding: 32px 36px 32px 0; display: block; position: relative; } .page-title small { margin-left: 10px; display: inline-block; } .page-title small:before { content: '/'; margin-right: 15px; } .page-title small.display-block { margin-left: 0; display: block; } .page-title small.display-block:before { content: none; } .page-title i ~ small.display-block { margin-left: 31px; } .page-header-lg .page-title { padding-top: 37px; padding-bottom: 37px; } .page-header-sm .page-title { padding-top: 27px; padding-bottom: 27px; } .page-header-xs .page-title { padding-top: 22px; padding-bottom: 22px; } .page-title h1, .page-title h2, .page-title h3, .page-title h4, .page-title h5, .page-title h6 { margin: 0; } @media (min-width: 769px) { .page-title { padding-right: 0; } } .page-header-content { position: relative; background-color: inherit; padding: 0 20px; } .page-header-content[class*=border-bottom-] + .breadcrumb-line { border-top: 0; } .text-black { font-weight: 900; } .text-bold { font-weight: 700; } .text-semibold { font-weight: 500; } .text-regular { font-weight: 400; } .text-light { font-weight: 300; } .text-thin { font-weight: 100; } .text-italic { font-style: italic; } .text-highlight { padding: 4px 6px; } .text-size-large { font-size: 14px; } .text-size-base { font-size: 13px; } .text-size-small { font-size: 12px; } .text-size-mini { font-size: 11px; } ul, ol { padding-left: 25px; } .list > li, .list > li .list > li { margin-top: 7px; } .list > li:first-child { margin-top: 0; } .list-condensed > li, .list-condensed > li .list > li { margin-top: 3px; } .list-extended > li, .list-extended > li .list > li { margin-top: 11px; } ul.list-square { list-style-type: square; } ul.list-circle { list-style-type: circle; } .list-inline { margin-left: 0; font-size: 0; } .list-inline > li { padding-left: 0; padding-right: 20px; font-size: 13px; } .list-inline > li:last-child { padding-right: 0; } .list-inline-condensed > li { padding-right: 10px; } .list-inline-separate > li { padding-right: 20px; position: relative; } .list-inline-separate > li:before { content: '\2022'; position: absolute; right: 8px; color: #ccc; top: 1px; } .list-inline-separate > li:last-child:before { content: none; } .list-inline-bordered > li { margin-right: 20px; border-right: 1px solid #ddd; } .list-inline-bordered > li:last-child { border-right: 0; } .list-icons { padding-left: 0; } .list-icons li { list-style: none; } .list-icons li i { margin-right: 7px; } .list-feed { margin: 0; padding: 7px 0; list-style: none; } .list-feed > li { position: relative; margin: 0; padding-bottom: 20px; padding-left: 28px; } .list-feed > li:before { content: ''; position: absolute; left: 0; top: 5px; width: 8px; height: 8px; background-color: #fff; display: inline-block; border-radius: 50%; border: 2px solid #607D8B; z-index: 3; } .list-feed > li:after { content: ''; position: absolute; top: 5px; left: 3px; bottom: -7px; width: 0; border-left: 1px solid #607D8B; border-right: 1px solid #607D8B; z-index: 2; } .list-feed > li:first-child:after { top: 8px; } .list-feed > li:last-child { padding-bottom: 0; } .list-feed > li:last-child:after { content: none; } .list-feed > li[class*=border-]:before, .list-feed > li[class*=border-]:after { border-color: inherit; } .list-feed-solid > li:before { content: ''; width: 0; height: 0; border-width: 4px; } .list-feed-square > li:before { content: ''; border-radius: 0; } .list-feed-rhombus > li:before { content: ''; border-radius: 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .list-feed-time > li { margin-left: 48px; } .list-feed-time > li .feed-time { position: absolute; left: -48px; top: 0; font-size: 12px; } .icons-list { margin: 0; padding: 0; list-style: none; line-height: 1; font-size: 0; } .icons-list > li { position: relative; display: inline-block; margin-left: 5px; font-size: 13px; } .icons-list > li:first-child { margin-left: 0; } .icons-list > li > a { color: inherit; display: block; opacity: 1; filter: alpha(opacity=100); } .icons-list > li > a:hover, .icons-list > li > a:focus { opacity: 0.75; filter: alpha(opacity=75); } .icons-list > li > a > i { top: 0; } .icons-list > li > a > .caret { margin-top: 0; margin-bottom: 0; } .icons-list-extended > li { margin-left: 10px; } dl { margin-bottom: 0; } dt { margin-bottom: 5px; font-weight: 500; } dd + dt { margin-top: 20px; } @media (min-width: 769px) { .dl-horizontal dt + dd { margin-top: 20px; } .dl-horizontal dt:first-child + dd { margin-top: 0; } } blockquote { margin: 0; } blockquote img { height: 42px; float: left; margin-right: 20px; } blockquote img.pull-right { margin-right: 0; margin-left: 20px; } blockquote footer, blockquote small, blockquote .small { font-size: 13px; margin-top: 7px; display: block; } .blockquote-reverse, blockquote.pull-right { padding-right: 20px; } /* ------------------------------------------------------------------------------ * * # Code related components * * Overrides for code related bootstrap components * * Version: 1.1 * Latest update: Nov 25, 2015 * * ---------------------------------------------------------------------------- */ code { border-radius: 2px; word-wrap: break-word; } kbd { font-size: 11px; vertical-align: text-top; -webkit-box-shadow: none; box-shadow: none; } pre { padding: 20px; margin: 0; -moz-tab-size: 4; -o-tab-size: 4; tab-size: 4; -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; } /* ------------------------------------------------------------------------------ * * # Tables component * * Overrides for tables bootstrap component * * Version: 1.1 * Latest update: Oct 20, 2015 * * ---------------------------------------------------------------------------- */ th { font-weight: 500; } .table { margin-bottom: 0; } .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { vertical-align: middle; } .panel[class*=bg-] .table > thead > tr > th, .table[class*=bg-] > thead > tr > th, .panel[class*=bg-] .table > tbody > tr > th, .table[class*=bg-] > tbody > tr > th, .panel[class*=bg-] .table > tfoot > tr > th, .table[class*=bg-] > tfoot > tr > th, .panel[class*=bg-] .table > thead > tr > td, .table[class*=bg-] > thead > tr > td, .panel[class*=bg-] .table > tbody > tr > td, .table[class*=bg-] > tbody > tr > td, .panel[class*=bg-] .table > tfoot > tr > td, .table[class*=bg-] > tfoot > tr > td { border-color: rgba(255, 255, 255, 0.2); } .table tr[class*=bg-] > td, .table tr[class*=bg-] > th { border-color: #fff; } .table tr > td[class*=bg-], .table tr > th[class*=bg-] { border-color: #fff; } .table > thead > tr[class*=border-bottom-] > th, .table > thead > tr[class*=border-bottom-] > td { border-bottom-color: inherit; } .table > tbody > tr[class*=border-top-] > th, .table > tfoot > tr[class*=border-top-] > th, .table > tbody > tr[class*=border-top-] > td, .table > tfoot > tr[class*=border-top-] > td { border-top-color: inherit; } .table > thead > tr > th { border-bottom: 1px solid #bbb; } .table > tfoot > tr > th { border-top: 1px solid #bbb; } .table .table { background-color: #fff; } .table-responsive + .table-responsive > .table:not(.table-bordered):not(.table-framed), .table:not(.table-bordered):not(.table-framed) + .table:not(.table-bordered):not(.table-framed) { border-top: 1px solid #ddd; } .panel-body + .table > tbody:first-child > tr:first-child > td, .panel-body + .table-responsive > .table > tbody:first-child > tr:first-child > td, .panel-body + .table > tbody:first-child > tr:first-child > th, .panel-body + .table-responsive > .table > tbody:first-child > tr:first-child > th { border-top: 0; } .modal-body + .table-responsive > .table, .modal-body + .table { border-bottom: 1px solid #ddd; } .modal-body + .table-responsive { border: 0; } .panel[class*=bg-] > .panel-body + .table, .panel[class*=bg-] > .panel-body + .table-responsive { border-color: #fff; } .table-scrollable { mav-height: 360px; overflow-y: auto; } .table > thead > tr.border-solid > th, .table > thead > tr.border-solid > td { border-bottom-width: 2px; } .table > tbody > tr.border-solid > td, .table > tfoot > tr.border-solid > td, .table > tbody > tr.border-solid > th, .table > tfoot > tr.border-solid > th { border-top-width: 2px; } .table-bordered > thead > tr.border-solid:first-child > th, .table-bordered > thead > tr.border-solid:first-child > td { border-bottom-width: 2px; } .table > thead > tr.border-double > th, .table > thead > tr.border-double > td { border-bottom-width: 3px; border-bottom-style: double; } .table > tbody > tr.border-double > td, .table > tfoot > tr.border-double > td, .table > tbody > tr.border-double > th, .table > tfoot > tr.border-double > th { border-top-width: 3px; border-top-style: double; } .table-bordered > thead > tr.border-double:first-child > th, .table-bordered > thead > tr.border-double:first-child > td { border-bottom-width: 3px; border-bottom-style: double; } .table > tbody > tr.border-dashed > td, .table > tbody > tr.border-dashed > th { border-top-style: dashed; } .table-framed, .panel > .table-framed, .panel > .table-responsive > .table-framed { border: 1px solid #ddd; } @media screen and (max-width: 768px) { .table-responsive > .table-framed { border: 0; } } .table-borderless > tbody > tr > td, .table-borderless > tbody > tr > th { border: 0; } .table-columned > tbody > tr > td, .table-columned > tfoot > tr > td, .table-columned > tbody > tr > th, .table-columned > tfoot > tr > th { border: 0; border-left: 1px solid #ddd; } .table-columned > tbody > tr > td:first-child, .table-columned > tfoot > tr > td:first-child, .table-columned > tbody > tr > th:first-child, .table-columned > tfoot > tr > th:first-child { border-left: 0; } .table-columned > thead > tr > th, .table-columned > thead > tr > td { border-left: 1px solid #ddd; } .table-columned > thead > tr > th:first-child, .table-columned > thead > tr > td:first-child { border-left: 0; } .table-xlg > thead > tr > th, .table-xlg > tbody > tr > th, .table-xlg > tfoot > tr > th, .table-xlg > thead > tr > td, .table-xlg > tbody > tr > td, .table-xlg > tfoot > tr > td { padding: 20px; } .table-lg > thead > tr > th, .table-lg > tbody > tr > th, .table-lg > tfoot > tr > th, .table-lg > thead > tr > td, .table-lg > tbody > tr > td, .table-lg > tfoot > tr > td { padding: 15px 20px; } .table-sm > thead > tr > th, .table-sm > tbody > tr > th, .table-sm > tfoot > tr > th, .table-sm > thead > tr > td, .table-sm > tbody > tr > td, .table-sm > tfoot > tr > td { padding: 10px 20px; } .table-xs > thead > tr > th, .table-xs > tbody > tr > th, .table-xs > tfoot > tr > th, .table-xs > thead > tr > td, .table-xs > tbody > tr > td, .table-xs > tfoot > tr > td { padding: 8px 20px; } .table-xxs > thead > tr > th, .table-xxs > tbody > tr > th, .table-xxs > tfoot > tr > th, .table-xxs > thead > tr > td, .table-xxs > tbody > tr > td, .table-xxs > tfoot > tr > td { padding: 6px 15px; } .table-bordered tr:first-child > td, .table-bordered tr:first-child > th { border-top-color: #bbb; } .table-bordered tr[class*=bg-] > th, .table-bordered tr[class*=bg-] > td, .table-bordered tr > th[class*=bg-], .table-bordered tr > td[class*=bg-] { border-color: #fff; } .panel[class*=bg-] .table-striped > tbody > tr:nth-child(odd), .table-striped[class*=bg-] > tbody > tr:nth-child(odd) { background-color: rgba(0, 0, 0, 0.05); } .table-hover > tbody > tr:hover > th, .table-hover > tbody > tr:hover > td { background-color: inherit; } .panel[class*=bg-] .table-hover > tbody > tr:hover, .table-hover[class*=bg-] > tbody > tr:hover { background-color: rgba(0, 0, 0, 0.1); } .panel[class*=bg-] .panel-body > .table .active > th, .panel[class*=bg-] .panel-body > .table-responsive > .table .active > th, .table[class*=bg-] .active > th, .panel[class*=bg-] .panel-body > .table .active > td, .panel[class*=bg-] .panel-body > .table-responsive > .table .active > td, .table[class*=bg-] .active > td, .panel[class*=bg-] .panel-body > .table th.active, .panel[class*=bg-] .panel-body > .table-responsive > .table th.active, .table[class*=bg-] th.active, .panel[class*=bg-] .panel-body > .table td.active, .panel[class*=bg-] .panel-body > .table-responsive > .table td.active, .table[class*=bg-] td.active { background-color: rgba(0, 0, 0, 0.15); } /* ------------------------------------------------------------------------------ * * # Form related components * * Overrides for bootstrap form related components * * Version: 1.1 * Latest update: Mar 10, 2015 * * ---------------------------------------------------------------------------- */ /* Form controls ----------------------------------*/ legend { font-size: 12px; padding-top: 10px; padding-bottom: 10px; text-transform: uppercase; } fieldset:first-child legend:first-child { padding-top: 0; } legend .control-arrow { float: right; color: #999999; } legend .control-arrow:hover { color: #333333; } label { margin-bottom: 7px; font-weight: 400; } select[multiple], select[size] { height: 200px; padding: 7px; } select[multiple] option, select[size] option { padding: 7px 12px; border-radius: 3px; } select[multiple] option + option, select[size] option + option { margin-top: 1px; } input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus { outline: 0; } .form-control { -webkit-box-shadow: none; box-shadow: none; } .form-control:focus { outline: 0; -webkit-box-shadow: none; box-shadow: none; } .form-control[class*=bg-]:focus { border-color: transparent; } .form-control[class*=bg-]::-moz-placeholder { color: #fff; opacity: 1; } .form-control[class*=bg-]:-ms-input-placeholder { color: #fff; } .form-control[class*=bg-]::-webkit-input-placeholder { color: #fff; } .input-rounded { border-radius: 100px; } .input-roundless { border-radius: 0; } .form-control-unstyled { padding: 0; border: 0; background-color: transparent; } input[type="text"], input[type="password"], input[type="search"], input[type="email"], input[type="number"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="url"], input[type="tel"], textarea { -webkit-appearance: none; } /* Form components ----------------------------------*/ .form-group { margin-bottom: 20px; position: relative; } .form-group .form-group:last-child { margin-bottom: 0; } @media (max-width: 1024px) { .form-group div[class*="col-md-"]:not(.control-label) + div[class*="col-md-"] { margin-top: 20px; } } @media (max-width: 1199px) { .form-group div[class*="col-lg-"]:not(.control-label) + div[class*="col-lg-"] { margin-top: 20px; } } @media (max-width: 768px) { .form-group div[class*="col-sm-"]:not(.control-label) + div[class*="col-sm-"] { margin-top: 20px; } } .form-group-material > .control-label { position: relative; top: 7px; opacity: 0; filter: alpha(opacity=0); } .form-group-material > .control-label ~ .form-control-feedback { top: 27px; } .form-group-material > .control-label.is-visible { top: 0; opacity: 1; filter: alpha(opacity=100); } .form-group-material > .control-label.animate { -webkit-transition: all linear 0.1s; -o-transition: all linear 0.1s; transition: all linear 0.1s; } .radio, .checkbox { margin-top: 8px; margin-bottom: 8px; } .radio label, .checkbox label { padding-left: 28px; } .radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] { margin-left: 0; left: 0; } .radio + .radio, .checkbox + .checkbox { margin-top: 0; } .radio-inline, .checkbox-inline { position: relative; padding-left: 28px; } .radio-right.radio-inline, .radio-right label, .checkbox-right.radio-inline, .checkbox-right label, .checkbox-right.checkbox-inline, .checkbox-right label { padding-left: 0; padding-right: 28px; } .radio-right input[type="radio"], .checkbox-right input[type="radio"], .checkbox-right input[type="checkbox"] { left: auto; right: 0; } .radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline { margin-left: 15px; } .radio.disabled, .checkbox.disabled, .radio-inline.disabled, .checkbox-inline.disabled, fieldset[disabled] .radio, fieldset[disabled] .checkbox, fieldset[disabled] .radio-inline, fieldset[disabled] .checkbox-inline { color: #999999; } /* Form control sizing ----------------------------------*/ .input-xlg { height: 42px; padding: 10px 16px; font-size: 15px; line-height: 1.333334; border-radius: 3px; } select.input-xlg { height: 42px; line-height: 42px; } textarea.input-xlg, select[multiple].input-xlg { height: auto; } .form-group-xlg .form-control { height: 42px; padding: 10px 16px; font-size: 15px; line-height: 1.333334; border-radius: 3px; } select.form-group-xlg .form-control { height: 42px; line-height: 42px; } textarea.form-group-xlg .form-control, select[multiple].form-group-xlg .form-control { height: auto; } .form-group-xlg .form-control-static { height: 42px; min-height: 35px; padding: 10px 16px; font-size: 15px; line-height: 1.333334; } .input-xs { height: 32px; padding: 5px 10px; font-size: 12px; line-height: 1.6666667; border-radius: 2px; } select.input-xs { height: 32px; line-height: 32px; } textarea.input-xs, select[multiple].input-xs { height: auto; } .form-group-xs .form-control { height: 32px; padding: 5px 10px; font-size: 12px; line-height: 1.6666667; border-radius: 2px; } select.form-group-xs .form-control { height: 32px; line-height: 32px; } textarea.form-group-xs .form-control, select[multiple].form-group-xs .form-control { height: auto; } .form-group-xs .form-control-static { height: 32px; min-height: 32px; padding: 5px 10px; font-size: 12px; line-height: 1.6666667; } /* Form helpers ----------------------------------*/ .has-feedback .form-control { padding-right: 36px; } .has-feedback .form-control.input-xlg { padding-right: 42px; } .has-feedback .form-control.input-lg { padding-right: 40px; } .has-feedback .form-control.input-sm { padding-right: 34px; } .has-feedback .form-control.input-xs { padding-right: 32px; } .form-control-feedback { width: 38px; color: #333333; z-index: 3; } input[class*=bg-] + .form-control-feedback { color: #fff; } .has-feedback-left .form-control { padding-right: 12px; padding-left: 36px; } .has-feedback-left .form-control.input-xlg { padding-right: 10px; padding-left: 42px; } .has-feedback-left .form-control.input-lg { padding-right: 15px; padding-left: 40px; } .has-feedback-left .form-control.input-sm { padding-right: 11px; padding-left: 34px; } .has-feedback-left .form-control.input-xs { padding-right: 10px; padding-left: 32px; } .has-feedback-left .form-control-feedback { right: auto; left: 0; } .input-xlg + .form-control-feedback, .form-group-xlg > .form-control-feedback { width: 44px; height: 42px; line-height: 42px; } .input-lg + .form-control-feedback, .form-group-lg > .form-control-feedback { width: 42px; } .input-sm + .form-control-feedback, .form-group-sm > .form-control-feedback { width: 36px; } .input-xs + .form-control-feedback, .form-group-xs > .form-control-feedback { width: 34px; height: 32px; line-height: 32px; } .has-success .form-control:focus, .has-warning .form-control:focus, .has-error .form-control:focus { -webkit-box-shadow: none; box-shadow: none; } .help-block { color: #999999; font-size: 12px; margin-top: 7px; margin-bottom: 7px; } .help-inline { display: inline-block; color: #999999; font-size: 12px; margin-top: 8px; margin-bottom: 8px; } .form-horizontal .form-group > div[class*="col-"] + .help-inline { margin-left: 10px; margin-right: 10px; } @media (min-width: 1025px) { .help-inline { display: inline-block; margin-top: 8px; margin-bottom: 8px; vertical-align: top; } .help-inline:not(.label) { color: #999999; } .form-group-lg .help-inline { margin-top: 10px; } .form-group-sm .help-inline { margin-top: 7px; } .form-group-xs .help-inline { margin-top: 6px; } } /* Form layouts ----------------------------------*/ @media (min-width: 769px) { .form-inline .form-group + .form-group { margin-left: 15px; } .form-inline .form-group > label { margin-right: 7px; position: relative; top: 1px; } } .form-horizontal .form-group .form-group { margin-left: 0; margin-right: 0; } @media (min-width: 769px) { .form-horizontal .control-label { padding-bottom: 7px; padding-top: 0; } .form-horizontal .control-label:not(.text-right) { text-align: left; } } @media (min-width: 480px) { .form-horizontal .control-label[class*=col-xs-] { padding-top: 8px; } } @media (min-width: 1025px) { .form-horizontal .control-label[class*=col-md-] { padding-top: 8px; } } @media (min-width: 769px) { .form-horizontal .control-label[class*=col-sm-] { padding-top: 8px; } } @media (min-width: 1200px) { .form-horizontal .control-label[class*=col-lg-] { padding-top: 8px; } } .form-horizontal .has-feedback > .form-control-feedback { right: 0; } .form-horizontal .has-feedback-left .form-control-feedback { right: auto; left: 10px; } .form-horizontal .has-feedback-left > .form-control-feedback { left: 0; } @media (min-width: 769px) { .form-horizontal .form-group-xlg .control-label { font-size: 15px; padding-top: 11px; } } @media (min-width: 769px) { .form-horizontal .form-group-lg .control-label { padding-top: 10px; } } @media (min-width: 769px) { .form-horizontal .form-group-sm .control-label { padding-top: 7px; } } @media (min-width: 769px) { .form-horizontal .form-group-xs .control-label { font-size: 12px; padding-top: 6px; } } /* ------------------------------------------------------------------------------ * * # Buttons component * * Overrides for buttons bootstrap component * * Version: 1.1 * Latest update: Mar 10, 2016 * * ---------------------------------------------------------------------------- */ .btn { position: relative; } .btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus { outline: 0; } .btn::-moz-focus-inner { border: 0; } .btn:hover, .btn:focus, .btn.focus { -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.05) inset; box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.05) inset; } .btn:active, .btn.active { -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.1) inset; box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.1) inset; } .btn[class*=bg-]:hover, .btn[class*=bg-]:focus, .btn[class*=bg-].focus { color: #fff; } .btn.text-size-small { line-height: 1.6666667; } .btn.text-size-mini { line-height: 1.82; } .btn-default:hover, .btn-default:focus, .btn-default.focus { -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.01) inset; box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.01) inset; } .btn-default:active, .btn-default.active { -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.03) inset; box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.03) inset; } .btn-labeled { padding-left: 48px; } .btn-labeled.btn-default > b { background-color: #2196F3; color: #fff; } .btn-labeled > b { position: absolute; top: -1px; left: -1px; background-color: rgba(0, 0, 0, 0.15); display: block; line-height: 1; padding: 10px; border-bottom-left-radius: 3px; border-top-left-radius: 3px; } .btn-labeled > b > i { top: 0; } .btn-labeled.btn-labeled-right { padding-left: 12px; padding-right: 48px; } .btn-labeled.btn-labeled-right > b { left: auto; right: -1px; border-bottom-left-radius: 0; border-top-left-radius: 0; border-bottom-right-radius: 3px; border-top-right-radius: 3px; } .btn-labeled.btn-xlg { padding-left: 58px; } .btn-labeled.btn-xlg > b { padding: 13px; } .btn-labeled.btn-xlg.btn-labeled-right { padding-left: 16px; padding-right: 58px; } .btn-labeled.btn-lg { padding-left: 55px; } .btn-labeled.btn-lg > b { padding: 12px; } .btn-labeled.btn-lg.btn-labeled-right { padding-left: 15px; padding-right: 55px; } .btn-labeled.btn-sm { padding-left: 45px; } .btn-labeled.btn-sm > b { padding: 9px; } .btn-labeled.btn-sm.btn-labeled-right { padding-left: 11px; padding-right: 45px; } .btn-labeled.btn-xs { padding-left: 42px; } .btn-labeled.btn-xs > b { padding: 8px; } .btn-labeled.btn-xs.btn-labeled-right { padding-left: 10px; padding-left: 42px; } .btn-flat { border-width: 2px; background-color: transparent; } .btn-flat:hover, .btn-flat:focus { opacity: 0.8; filter: alpha(opacity=80); -webkit-box-shadow: none; box-shadow: none; } .btn-flat:active { opacity: 0.95; filter: alpha(opacity=95); } .btn-group.open .dropdown-toggle.btn-flat { -webkit-box-shadow: none; box-shadow: none; } .btn-icon { padding-left: 9px; padding-right: 9px; } .btn-icon .checker, .btn-icon .choice { margin-top: -1px; } .btn-icon.icon-2x { padding-left: 7px; padding-right: 7px; } .btn-icon.icon-2x > i { font-size: 32px; top: 0; } .btn-icon.icon-2x.btn-xlg { padding-left: 10px; padding-right: 10px; } .btn-icon.icon-2x.btn-lg { padding-left: 9px; padding-right: 9px; } .btn-icon.icon-2x.btn-sm { padding-left: 6px; padding-right: 6px; } .btn-icon.icon-2x.btn-xs { padding-left: 5px; padding-right: 5px; } .btn-icon.btn-xlg, .input-group-xlg > .input-group-btn > .btn-icon { padding-left: 12px; padding-right: 12px; } .btn-icon.btn-lg, .input-group-lg > .input-group-btn > .btn-icon { padding-left: 11px; padding-right: 11px; } .btn-icon.btn-sm, .input-group-sm > .input-group-btn > .btn-icon { padding-left: 8px; padding-right: 8px; } .btn-icon.btn-xs, .input-group-xs > .input-group-btn > .btn.btn-icon { padding-left: 7px; padding-right: 7px; } .btn-float { padding: 16px; border-radius: 3px; } .btn-float.btn-link { padding: 11px; } .btn-float i { display: block; margin: 0; top: 0; } .btn-float img { border-radius: 3px; } .btn-float > span { display: block; padding-top: 10px; margin-bottom: -6px; overflow: hidden; text-overflow: ellipsis; } .btn-float.btn-float-lg i { font-size: 32px; } .btn-block-group .btn { border-radius: 0; border-width: 1px 0 0 1px; } .btn-block-group .btn:last-child { border-bottom-width: 1px; } .btn-block-group .btn-default { border-color: #ddd; } .btn-block-group .btn-block + .btn-block { margin-top: 0; } .btn-block-group div[class*=col-]:first-child .btn:first-child { border-radius: 3px 0 0 0; } .btn-block-group div[class*=col-]:first-child .btn:last-child { border-radius: 0 0 0 3px; } .btn-block-group div[class*=col-]:last-child .btn { border-right-width: 1px; } .btn-block-group div[class*=col-]:last-child .btn:first-child { border-radius: 0 3px 0 0; } .btn-block-group div[class*=col-]:last-child .btn:last-child { border-radius: 0 0 3px 0; } .btn-link { color: #333333; } .btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active { -webkit-box-shadow: none; box-shadow: none; } .btn-rounded, .btn-rounded.btn-labeled > b, .btn-rounded img { border-radius: 100px; } .btn-block + .btn-block { margin-top: 10px; } .btn-default:focus, .btn-default.focus, .btn-default:hover { background-color: #fcfcfc; border-color: #ddd; } .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default { background-color: #fcfcfc; border-color: #ddd; } .btn-default:active:hover, .btn-default.active:hover, .open > .dropdown-toggle.btn-default:hover, .btn-default:active:focus, .btn-default.active:focus, .open > .dropdown-toggle.btn-default:focus, .btn-default:active.focus, .btn-default.active.focus, .open > .dropdown-toggle.btn-default.focus { background-color: #fcfcfc; border-color: #ddd; } .btn-default.disabled { -webkit-box-shadow: none; box-shadow: none; } .btn-primary:focus, .btn-primary.focus, .btn-primary:hover { background-color: #2196F3; border-color: #2196F3; } .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary { background-color: #2196F3; border-color: #2196F3; } .btn-primary:active:hover, .btn-primary.active:hover, .open > .dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open > .dropdown-toggle.btn-primary:focus, .btn-primary:active.focus, .btn-primary.active.focus, .open > .dropdown-toggle.btn-primary.focus { background-color: #2196F3; border-color: #2196F3; } .btn-primary.disabled { -webkit-box-shadow: none; box-shadow: none; } .btn-success:focus, .btn-success.focus, .btn-success:hover { background-color: #4CAF50; border-color: #4CAF50; } .btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success { background-color: #4CAF50; border-color: #4CAF50; } .btn-success:active:hover, .btn-success.active:hover, .open > .dropdown-toggle.btn-success:hover, .btn-success:active:focus, .btn-success.active:focus, .open > .dropdown-toggle.btn-success:focus, .btn-success:active.focus, .btn-success.active.focus, .open > .dropdown-toggle.btn-success.focus { background-color: #4CAF50; border-color: #4CAF50; } .btn-success.disabled { -webkit-box-shadow: none; box-shadow: none; } .btn-info:focus, .btn-info.focus, .btn-info:hover { background-color: #00BCD4; border-color: #00BCD4; } .btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info { background-color: #00BCD4; border-color: #00BCD4; } .btn-info:active:hover, .btn-info.active:hover, .open > .dropdown-toggle.btn-info:hover, .btn-info:active:focus, .btn-info.active:focus, .open > .dropdown-toggle.btn-info:focus, .btn-info:active.focus, .btn-info.active.focus, .open > .dropdown-toggle.btn-info.focus { background-color: #00BCD4; border-color: #00BCD4; } .btn-info.disabled { -webkit-box-shadow: none; box-shadow: none; } .btn-warning:focus, .btn-warning.focus, .btn-warning:hover { background-color: #FF5722; border-color: #FF5722; } .btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning { background-color: #FF5722; border-color: #FF5722; } .btn-warning:active:hover, .btn-warning.active:hover, .open > .dropdown-toggle.btn-warning:hover, .btn-warning:active:focus, .btn-warning.active:focus, .open > .dropdown-toggle.btn-warning:focus, .btn-warning:active.focus, .btn-warning.active.focus, .open > .dropdown-toggle.btn-warning.focus { background-color: #FF5722; border-color: #FF5722; } .btn-warning.disabled { -webkit-box-shadow: none; box-shadow: none; } .btn-danger:focus, .btn-danger.focus, .btn-danger:hover { background-color: #F44336; border-color: #F44336; } .btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger { background-color: #F44336; border-color: #F44336; } .btn-danger:active:hover, .btn-danger.active:hover, .open > .dropdown-toggle.btn-danger:hover, .btn-danger:active:focus, .btn-danger.active:focus, .open > .dropdown-toggle.btn-danger:focus, .btn-danger:active.focus, .btn-danger.active.focus, .open > .dropdown-toggle.btn-danger.focus { background-color: #F44336; border-color: #F44336; } .btn-danger.disabled { -webkit-box-shadow: none; box-shadow: none; } .btn-xlg, .btn-group-xlg > .btn { padding: 10px 16px; font-size: 14px; line-height: 1.4285715; border-radius: 3px; } .btn-xlg.btn-rounded { border-radius: 100px; } .btn-lg, .btn-group-lg > .btn { border-radius: 3px; } .btn-lg.btn-rounded { border-radius: 100px; } .btn-sm:not(.btn-rounded), .btn-group-sm > .btn:not(.btn-rounded), .btn-xs:not(.btn-rounded), .btn-group-xs > .btn:not(.btn-rounded) { border-radius: 3px; } /* ------------------------------------------------------------------------------ * * # Dropdown menu component * * Overrides for dropdown menu bootstrap component * * Version: 1.2 * Latest update: Aug 10, 2016 * * ---------------------------------------------------------------------------- */ .caret { font-style: normal; font-weight: normal; border: 0; margin: 0; width: auto; height: auto; text-align: center; margin-top: -1px; } .caret:after { content: '\e9c5'; font-family: 'icomoon'; display: block; font-size: 16px; width: 16px; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .dropdown-menu { min-width: 180px; padding: 7px 0; color: #333333; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); } .dropdown-menu .divider { margin: 7px 0; } .dropdown-menu > li { position: relative; margin-bottom: 1px; } .dropdown-menu > li:last-child { margin-bottom: 0; } .dropdown-menu > li > a { padding: 8px 15px; outline: 0; overflow: hidden; text-overflow: ellipsis; } .dropdown-menu > li > a > i, .dropdown-menu > .dropdown-header > i, .dropdown-menu > li > a > img, .dropdown-menu > .dropdown-header > img { margin-right: 12px; float: left; margin-top: 2px; top: 0; } .dropdown-menu > li > a > i.pull-right, .dropdown-menu > .dropdown-header > i.pull-right, .dropdown-menu > li > a > img.pull-right, .dropdown-menu > .dropdown-header > img.pull-right { margin-right: 0; margin-left: 12px; } .dropdown-menu > li > a > .label, .dropdown-menu > .dropdown-header > .label, .dropdown-menu > li > a > .badge, .dropdown-menu > .dropdown-header > .badge { float: left; margin-right: 12px; } .dropdown-menu > li > a > .label.pull-right, .dropdown-menu > .dropdown-header > .label.pull-right, .dropdown-menu > li > a > .badge.pull-right, .dropdown-menu > .dropdown-header > .badge.pull-right { margin-right: 0; margin-left: 12px; } .dropdown-menu > li > a > img, .dropdown-menu > .dropdown-header > img { max-height: 16px; } .dropdown-menu > li > label:hover, .dropdown-menu > li > label:focus { text-decoration: none; color: #333333; background-color: #f5f5f5; } .dropdown-menu > .active > label, .dropdown-menu > .active > label:hover, .dropdown-menu > .active > label:focus { color: #fff; outline: 0; background-color: #2196F3; } .dropdown-menu > .disabled > label, .dropdown-menu > .disabled > label:hover, .dropdown-menu > .disabled > label:focus { background-color: transparent; color: #999999; } .dropdown-menu > li > label { padding: 8px 15px; padding-left: 43px; display: block; cursor: pointer; } .dropdown-menu > li > label .checker, .dropdown-menu > li > label .choice, .dropdown-menu > li > label > input[type=checkbox], .dropdown-menu > li > label > input[type=radio] { left: 15px; top: auto; margin-top: 1px; } .dropdown-menu > li.checkbox, .dropdown-menu > li.radio { margin-top: 0; } .dropdown-menu > li.checkbox-right > label, .dropdown-menu > li.radio-right > label, .dropdown-menu > li.checkbox-right > label { padding-left: 15px; padding-right: 43px; } .dropdown-menu > li.checkbox-right > label .checker, .dropdown-menu > li.checkbox-right > label > input[type=checkbox] { left: auto; right: 15px; } .dropdown-menu > li.radio-right > label .choice, .dropdown-menu > li.radio-right > label > input[type=radio], .dropdown-menu > li.checkbox-right > label .choice, .dropdown-menu > li.checkbox-right > label > input[type=radio] { left: auto; right: 15px; } .dropdown-menu > .checkbox-switchery > label > .switchery { left: 15px; } .dropdown-menu > .checkbox-switchery.checkbox-right[class*=switchery-] > label { padding-left: 15px; } .dropdown-menu > .checkbox-switchery.checkbox-right[class*=switchery-] > label > .switchery { left: auto; right: 15px; } .dropdown-menu > .checkbox-switchery.switchery-sm { margin-bottom: 0; } .dropdown-menu > .checkbox-switchery.switchery-sm > label { padding-left: 68px; } .dropdown-menu > .checkbox-switchery.switchery-xs { margin-bottom: 0; } .dropdown-menu > .checkbox-switchery.switchery-xs > label { padding-left: 60px; } .dropdown-menu > .checkbox-switchery.checkbox-right.switchery-sm > label { padding-right: 68px; } .dropdown-menu > .checkbox-switchery.checkbox-right.switchery-xs > label { padding-right: 60px; } .dropdown-menu > .disabled .badge, .dropdown-menu > .disabled .label, .dropdown-menu > .disabled img { opacity: 0.8; filter: alpha(opacity=80); } .dropdown-menu[class*=bg-] > li > a, .dropdown-menu[class*=bg-] > li > label { color: #fff; } .dropdown-menu[class*=bg-] > li > a:hover, .dropdown-menu[class*=bg-] > li > label:hover, .dropdown-menu[class*=bg-] > li > a:focus, .dropdown-menu[class*=bg-] > li > label:focus { background-color: rgba(0, 0, 0, 0.1); } .dropdown-menu[class*=bg-] > li > a > .label, .dropdown-menu[class*=bg-] > li > label > .label, .dropdown-menu[class*=bg-] > li > a > .badge, .dropdown-menu[class*=bg-] > li > label > .badge { color: #333333; background-color: #fff; border-color: #fff; } .dropdown-menu[class*=bg-] > .active > a, .dropdown-menu[class*=bg-] > .active > label, .dropdown-menu[class*=bg-] > .active > a:hover, .dropdown-menu[class*=bg-] > .active > label:hover, .dropdown-menu[class*=bg-] > .active > a:focus, .dropdown-menu[class*=bg-] > .active > label:focus { background-color: rgba(0, 0, 0, 0.2); } .dropdown-menu[class*=bg-] > .disabled > a, .dropdown-menu[class*=bg-] > .disabled > label, .dropdown-menu[class*=bg-] > .disabled > a:hover, .dropdown-menu[class*=bg-] > .disabled > label:hover, .dropdown-menu[class*=bg-] > .disabled > a:focus, .dropdown-menu[class*=bg-] > .disabled > label:focus { background-color: transparent; color: rgba(255, 255, 255, 0.6); } .dropdown-menu[class*=bg-] > .dropdown-header { color: rgba(255, 255, 255, 0.6); } .dropdown-menu[class*=bg-] > .dropdown-header.highlight { background-color: rgba(0, 0, 0, 0.1); } .dropdown-menu[class*=bg-] .divider { background-color: rgba(255, 255, 255, 0.4); } .dropdown-menu-lg > li > a { padding-top: 9px; padding-bottom: 9px; font-size: 14px; line-height: 1.4285715; } .dropdown-menu-sm > li > a { padding-top: 6px; padding-bottom: 6px; font-size: 12px; line-height: 1.6666667; } .dropdown-menu-xs > li > a { padding-top: 5px; padding-bottom: 5px; font-size: 12px; line-height: 1.6666667; } .dropdown-menu > .dropdown-submenu > a { padding-right: 38px; position: relative; } .dropdown-menu > .dropdown-submenu > a:after { content: '\e9c7'; font-family: 'icomoon'; position: absolute; top: 50%; margin-top: -8px; right: 15px; font-size: 16px; font-weight: 400; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; opacity: 0.8; filter: alpha(opacity=80); } .dropdown-menu > .dropdown-submenu a.dropdown-toggle { box-shadow: none; } .dropdown-menu > .dropdown-submenu:hover > a, .dropdown-menu > .dropdown-submenu:focus > a, .dropdown-menu > .dropdown-submenu.open > a { background-color: #f5f5f5; } .dropdown-menu > .dropdown-submenu:hover > a:after, .dropdown-menu > .dropdown-submenu:focus > a:after, .dropdown-menu > .dropdown-submenu.open > a:after { opacity: 1; filter: alpha(opacity=100); } .dropdown-menu > .dropdown-submenu.active > a { background-color: #2196F3; color: #fff; } @media (min-width: 769px) { .dropdown-menu > .dropdown-submenu-hover:hover > .dropdown-menu, .dropdown-menu > .dropdown-submenu-hover:focus > .dropdown-menu { display: block; } } .dropdown-menu > .dropdown-submenu.disabled > .dropdown-menu { display: none; } .dropdown-menu > .dropdown-submenu.disabled > a { background-color: transparent; } .dropdown-menu > .dropdown-submenu > .dropdown-menu { top: 0; left: 100%; margin-top: -8px; } .dropup .dropdown-menu > .dropdown-submenu > .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu > .dropdown-submenu > .dropdown-menu { top: auto; bottom: 0; margin-top: 0; margin-bottom: -8px; } .dropdown-menu > .dropdown-submenu.dropdown-submenu-left > .dropdown-menu { left: auto; right: 100%; } .dropup .dropdown-menu > .dropdown-submenu > .dropdown-menu, .dropup.dropdown-menu > .dropdown-submenu > .dropdown-menu { top: auto; bottom: 0; margin-top: 0; margin-bottom: -8px; } @media (max-width: 768px) { .dropdown-menu > .dropdown-submenu { position: static; } .dropdown-menu > .dropdown-submenu > a:after { content: '\e9c5'; } .dropdown-menu > .dropdown-submenu .dropdown-menu, .dropdown-menu > .dropdown-submenu.dropdown-submenu-left .dropdown-menu { position: relative; left: 0; right: 0; float: none; border-width: 0; border-color: rgba(0, 0, 0, 0.1); box-shadow: none; min-width: 100%; margin: 0; } .dropdown-menu > .dropdown-submenu .dropdown-menu > li > a, .dropdown-menu > .dropdown-submenu.dropdown-submenu-left .dropdown-menu > li > a { padding-left: 30px; } .dropdown-menu > .dropdown-submenu .dropdown-menu > li > ul > li > a, .dropdown-menu > .dropdown-submenu.dropdown-submenu-left .dropdown-menu > li > ul > li > a { padding-left: 45px; } } .dropdown-menu[class*=bg-] > .dropdown-submenu:hover > a, .dropdown-menu[class*=bg-] > .dropdown-submenu:focus > a { background-color: rgba(0, 0, 0, 0.1); } .dropdown-menu[class*=bg-] > .dropdown-submenu.disabled:hover > a, .dropdown-menu[class*=bg-] > .dropdown-submenu.disabled:focus > a { background-color: transparent; } .dropdown-header { padding: 8px 15px; font-size: 11px; line-height: 1.82; color: #999999; text-transform: uppercase; margin-top: 7px; } .dropdown-header.highlight { margin-top: 0; background-color: #f8f8f8; color: #999999; } li + .dropdown-header.highlight, .dropdown-header.highlight + li { margin-top: 7px; } .dropdown-header.highlight:first-child { margin-top: 0; } .dropup .caret, .navbar-fixed-bottom .dropdown .caret { border: 0; } .dropup .caret:after, .navbar-fixed-bottom .dropdown .caret:after { content: '\e9c6'; } /* ------------------------------------------------------------------------------ * * # Button group component * * Overrides for button group bootstrap component * * Version: 1.1 * Latest update: Oct 20, 2015 * * ---------------------------------------------------------------------------- */ .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 .btn + .btn-default, .btn-group .btn-default + .btn-group, .btn-group .btn-group + .btn-default { margin-left: -1px; } .btn-toolbar { font-size: 0; } .btn-toolbar .btn-group, .btn-toolbar .input-group { float: none; } .btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child { border-bottom-left-radius: 0; border-top-left-radius: 0; } .btn-group > .btn + .dropdown-toggle { padding-left: 9px; padding-right: 9px; } .btn-group > .btn-xlg + .dropdown-toggle, .btn-group-xlg > .btn + .dropdown-toggle { padding-left: 13px; padding-right: 13px; } .btn-group > .btn-lg + .dropdown-toggle, .btn-group-lg > .btn + .dropdown-toggle { padding-left: 12px; padding-right: 12px; } .btn-group > .btn-sm + .dropdown-toggle, .btn-group-sm > .btn + .dropdown-toggle { padding-left: 8px; padding-right: 8px; } .btn-group > .btn-xs + .dropdown-toggle, .btn-group-xs > .btn + .dropdown-toggle { padding-left: 7px; padding-right: 7px; } .btn-group.open .dropdown-toggle { -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.1) inset; box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.1) inset; } .btn-group.open .dropdown-toggle.btn-default { -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.03) inset; box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.03) inset; } .btn-group-justified > .btn + .btn, .btn-group-justified > .btn-group + .btn-group > .btn { border-left-color: rgba(255, 255, 255, 0.2); } .btn-group-justified > .btn + .btn-default, .btn-group-justified > .btn-group + .btn-group > .btn-default { border-left-width: 0; } /* ------------------------------------------------------------------------------ * * # Input groups component * * Overrides for input groups bootstrap component * * Version: 1.1 * Latest update: Mar 10, 2016 * * ---------------------------------------------------------------------------- */ .input-group .form-control-feedback { z-index: 3; } .input-group-xlg > .form-control, .input-group-xlg > .input-group-addon, .input-group-xlg > .input-group-btn > .btn { height: 42px; padding: 10px 16px; font-size: 15px; line-height: 1.333334; } .input-group-xs > .form-control, .input-group-xs > .input-group-addon, .input-group-xs > .input-group-btn > .btn { height: 32px; padding: 5px 10px; font-size: 12px; line-height: 1.6666667; } .input-group-transparent .input-group-addon { background-color: transparent; border-color: transparent; padding: 0; } .input-group-transparent .form-control { background-color: transparent; border-color: transparent; cursor: pointer; width: auto; padding: 0; } .input-group-transparent .form-control:hover, .input-group-transparent .form-control:focus { border-color: transparent; } .input-group-addon > i { display: block; top: 0; } .input-group-addon .checker, .input-group-addon .choice { display: block; margin-top: 1px; } .input-group-addon.input-xlg { padding: 11px 15px; font-size: 14px; border-radius: 3px; } .input-group-addon.input-xs { padding: 5px 10px; font-size: 13px; border-radius: 2px; } .input-group-addon.input-sm { font-size: 13px; } .input-group-addon.input-lg { border-radius: 3px; } /* ------------------------------------------------------------------------------ * * # Navs related component * * Overrides for navs related bootstrap component * * Version: 1.3 * Latest update: Aug 10, 2016 * * ---------------------------------------------------------------------------- */ .nav > li > a:focus { outline: 0; } .nav > li.disabled > a > .badge, .nav > li.disabled > a > .label, .nav > li.disabled > a > .status-mark, .nav > li.disabled > a > img { opacity: 0.75; filter: alpha(opacity=75); } .nav .open > a, .nav .open > a:hover, .nav .open > a:focus { background-color: transparent; border-color: transparent; color: #333333; } .nav.nav-lg > li > a { padding: 11px 20px; } .nav.nav-sm > li > a { padding: 7px 15px; } .nav.nav-xs > li > a { padding: 5px 10px; } .nav .tab-img { max-height: 20px; display: inline-block; vertical-align: top; } .nav-tabs { margin-bottom: 20px; } .nav-tabs > li { float: none; } .nav-tabs > li > a { margin-right: 0; color: #888; border-radius: 0; } .nav-tabs > li > a:hover, .nav-tabs > li > a:focus { background-color: transparent; border-color: transparent; color: #333333; } .nav-tabs > li > a > [class*=icon-].pull-right { float: right; margin-top: 2px; } .nav-tabs.nav-justified > li > a { border-radius: 0; margin-bottom: 0; } .nav-tabs.nav-justified > li > a:hover, .nav-tabs.nav-justified > li > a:focus { border-bottom-color: #ddd; } @media (min-width: 769px) { .nav-tabs.nav-justified.nav-tabs-top { border-bottom: 1px solid #ddd; } .nav-tabs.nav-justified.nav-tabs-top > li > a, .nav-tabs.nav-justified.nav-tabs-top > li > a:hover, .nav-tabs.nav-justified.nav-tabs-top > li > a:focus { border: 0; } .nav-tabs.nav-justified.nav-tabs-bottom { border-bottom: 1px solid #ddd; } .nav-tabs.nav-justified.nav-tabs-highlight > li > a, .nav-tabs.nav-justified.nav-tabs-highlight > li > a:hover, .nav-tabs.nav-justified.nav-tabs-highlight > li > a:focus { border-top-width: 2px; } } @media (max-width: 768px) { .nav-tabs.nav-justified { border-bottom: 1px solid #ddd; } .nav-tabs.nav-justified > li.active > a, .nav-tabs.nav-justified > li.active > a:hover, .nav-tabs.nav-justified > li.active > a:focus { border: 0; } } @media (min-width: 769px) { .nav-tabs.nav-tabs-highlight > li > a, .nav-tabs.nav-tabs-highlight > li > a:hover, .nav-tabs.nav-tabs-highlight > li > a:focus { border-top-width: 2px; } .nav-tabs.nav-tabs-highlight > li.active > a, .nav-tabs.nav-tabs-highlight > li.active > a:hover, .nav-tabs.nav-tabs-highlight > li.active > a:focus { border-top-color: #2196F3; } } @media (min-width: 769px) { .nav-tabs.nav-tabs-top > li { margin-bottom: 0; } .nav-tabs.nav-tabs-top > li > a, .nav-tabs.nav-tabs-top > li > a:hover, .nav-tabs.nav-tabs-top > li > a:focus { border: 0; } .nav-tabs.nav-tabs-top > li > a:after { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px; } .nav-tabs.nav-tabs-top > li.open > a:after, .nav-tabs.nav-tabs-top > li > a:hover:after, .nav-tabs.nav-tabs-top > li > a:focus:after { background-color: #ddd; } .nav-tabs.nav-tabs-top > li.active > a:after { background-color: #F06292; } .nav-tabs.nav-tabs-top > li.active > a, .nav-tabs.nav-tabs-top > li.active > a:hover, .nav-tabs.nav-tabs-top > li.active > a:focus { background-color: transparent; } .nav-tabs.nav-tabs-top.top-divided { border-bottom-color: transparent; } } @media (min-width: 769px) { .nav-tabs.nav-tabs-bottom > li { margin-bottom: 0; } .nav-tabs.nav-tabs-bottom > li > a { border-width: 0; margin-bottom: -1px; } .nav-tabs.nav-tabs-bottom > li > a:after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 2px; } .nav-tabs.nav-tabs-bottom > li.active > a:after { background-color: #F06292; } .nav-tabs.nav-tabs-bottom > li.active > a, .nav-tabs.nav-tabs-bottom > li.active > a:hover, .nav-tabs.nav-tabs-bottom > li.active > a:focus { background-color: transparent; border-width: 0; } .nav-tabs.nav-tabs-bottom.bottom-divided { border-bottom-color: transparent; } } .nav-tabs[class*=bg-] { border-bottom: 0; } .nav-tabs[class*=bg-] > li { margin-bottom: 0; } .nav-tabs[class*=bg-] > li > a { color: #fff; border-width: 0; } .nav-tabs[class*=bg-] > li > a:hover, .nav-tabs[class*=bg-] > li > a:focus { background-color: rgba(0, 0, 0, 0.05); } .nav-tabs[class*=bg-] > li.open:not(.active) > a { color: #fff; background-color: rgba(0, 0, 0, 0.05); } .nav-tabs[class*=bg-] > .active > a, .nav-tabs[class*=bg-] > .active > a:hover, .nav-tabs[class*=bg-] > .active > a:focus { background-color: rgba(0, 0, 0, 0.1); border-width: 0; color: #fff; } .nav-tabs[class*=bg-] > .disabled > a, .nav-tabs[class*=bg-] > .disabled > a:hover, .nav-tabs[class*=bg-] > .disabled > a:focus { color: rgba(255, 255, 255, 0.5); } @media (min-width: 769px) { .tab-content-bordered .nav-tabs[class*=bg-] { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } } .nav-tabs.nav-tabs-solid > li > a { color: #333333; } .nav-tabs.nav-tabs-solid > li > a, .nav-tabs.nav-tabs-solid > li > a:hover, .nav-tabs.nav-tabs-solid > li > a:focus { border-color: transparent; } .nav-tabs.nav-tabs-solid > .active > a, .nav-tabs.nav-tabs-solid > .active > a:hover, .nav-tabs.nav-tabs-solid > .active > a:focus { background-color: #2196F3; border-color: #2196F3; color: #fff; } @media (min-width: 769px) { .nav-tabs.nav-tabs-solid { background-color: #fafafa; border: 0; } .nav-tabs.nav-tabs-solid > li { margin-bottom: 0; } .nav-tabs.nav-tabs-solid > li > a:hover, .nav-tabs.nav-tabs-solid > li > a:focus { background-color: #f5f5f5; } .nav-tabs.nav-tabs-solid > .open:not(.active) > a { background-color: #f5f5f5; border-color: transparent; } } .nav-tabs.nav-tabs-icon > li > a > i { margin-right: 7px; } @media (min-width: 769px) { .nav-tabs.nav-tabs-icon > li > a { padding-bottom: 9.5px; } .nav-tabs.nav-tabs-icon > li > a > i { display: block; margin: 5px 0; } .nav-tabs.nav-tabs-icon.nav-lg > li > a { padding-bottom: 10.5px; } .nav-tabs.nav-tabs-icon.nav-sm > li > a { padding-bottom: 7.5px; } .nav-tabs.nav-tabs-icon.nav-xs > li > a { padding-bottom: 5.5px; } } .nav-tabs.nav-tabs-toolbar { background-color: #fcfcfc; } @media (min-width: 769px) { .nav-tabs { font-size: 0; } .nav-tabs > li { display: inline-block; font-size: 13px; } } @media (max-width: 768px) { .nav-tabs { border-bottom: 0; position: relative; background-color: #fff; padding: 7px 0; border: 1px solid #ddd; border-radius: 3px; } .nav-tabs > li { margin-bottom: 0; } .nav-tabs > li > a { border: 0; } .nav-tabs > li > a:hover, .nav-tabs > li > a:focus { background-color: #fafafa; } .nav-tabs > li > a .position-right[class*=icon-] { float: right; margin-top: 2px; } .nav-tabs > li > a .position-right.label, .nav-tabs > li > a .position-right.badge { float: right; } .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { border: 0; background-color: #f5f5f5; } .nav-tabs > li.active > a:after, .nav-tabs > li.active > a:hover:after, .nav-tabs > li.active > a:focus:after { content: ''; position: absolute; top: 0; left: -1px; bottom: 0; width: 2px; background-color: #2196F3; } .nav-tabs > li.open:not(.active) > a, .nav-tabs > li.open:not(.active) > a:hover, .nav-tabs > li.open:not(.active) > a:focus { background-color: #fafafa; } .nav-tabs > li.pull-right { float: none!important; } .nav-tabs.nav-tabs-solid > li.active > a:after, .nav-tabs[class*=bg-] > li.active > a:after { content: none; } .nav-tabs:before { content: 'Contents'; color: inherit; font-size: 12px; line-height: 1.6666667; margin-top: 8px; margin-left: 15px; margin-bottom: 15px; text-transform: uppercase; opacity: 0.5; filter: alpha(opacity=50); } .nav-tabs[class*=bg-] > li > a:hover, .nav-tabs[class*=bg-] > li > a:focus, .nav-tabs[class*=bg-] > li.open:not(.active) > a { background-color: rgba(0, 0, 0, 0.05); } .nav-tabs-right .nav-tabs { margin-bottom: 0; margin-top: 20px; } } @media (min-width: 769px) { .nav-tabs-vertical { display: table; width: 100%; } .nav-tabs-vertical > .nav-tabs { display: table-cell; border-bottom: 0; width: 300px; } .nav-tabs-vertical > .nav-tabs > li { display: block; margin-bottom: 0; } .nav-tabs-vertical > .nav-tabs-solid > li:last-child > a:after { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .nav-tabs-vertical > .nav-tabs[class*=bg-] > li:first-child > a { border-top-right-radius: 3px; border-top-left-radius: 3px; } .nav-tabs-vertical > .nav-tabs[class*=bg-] > li:last-child > a { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .nav-tabs-vertical > .tab-content { display: table-cell; } .nav-tabs-vertical > .tab-content > .has-padding { padding: 0; padding-top: 10.5px; } .nav-tabs-vertical.tab-content-bordered > .tab-content { border-top-width: 1px; } .nav-tabs-left > .nav-tabs { border-right: 1px solid #ddd; } .nav-tabs-left > .nav-tabs > li { margin-right: -1px; } .nav-tabs-left > .nav-tabs > li.active > a, .nav-tabs-left > .nav-tabs > li.active > a:hover, .nav-tabs-left > .nav-tabs > li.active > a:focus { border-bottom-color: #ddd; border-right-color: transparent; } .nav-tabs-left > .nav-tabs.nav-tabs-component > li > a { border-radius: 3px 0 0 3px; } .nav-tabs-left > .nav-tabs-highlight > li > a, .nav-tabs-left > .nav-tabs-highlight > li > a:hover, .nav-tabs-left > .nav-tabs-highlight > li > a:focus { border-top-width: 1px; border-left-width: 2px; } .nav-tabs-left > .nav-tabs-highlight > li.active > a, .nav-tabs-left > .nav-tabs-highlight > li.active > a:hover, .nav-tabs-left > .nav-tabs-highlight > li.active > a:focus { border-top-color: #ddd; border-left-color: #EC407A; } .nav-tabs-left > .nav-tabs-top, .nav-tabs-left > .nav-tabs-bottom { padding-right: 20px; } .nav-tabs-left > .top-divided, .nav-tabs-left > .bottom-divided { padding-right: 0; border-right-width: 0; } .nav-tabs-left > .nav-tabs-solid, .nav-tabs-left > .nav-tabs[class*=bg-] { border-right: 0; border-radius: 3px; } .nav-tabs-left > .nav-tabs-solid > li, .nav-tabs-left > .nav-tabs[class*=bg-] > li { margin-right: 0; } .nav-tabs-left > .tab-content { padding-left: 20px; } .nav-tabs-left.tab-content-bordered > .tab-content { border-left-width: 0; } .nav-tabs-right > .nav-tabs { border-left: 1px solid #ddd; margin-bottom: 0; margin-top: 20px; } .nav-tabs-right > .nav-tabs > li { margin-left: -1px; } .nav-tabs-right > .nav-tabs > li.active > a, .nav-tabs-right > .nav-tabs > li.active > a:hover, .nav-tabs-right > .nav-tabs > li.active > a:focus { border-bottom-color: #ddd; border-left-color: transparent; } .nav-tabs-right > .nav-tabs.nav-tabs-component > li > a { border-radius: 0 3px 3px 0; } .nav-tabs-right > .nav-tabs-highlight > li > a, .nav-tabs-right > .nav-tabs-highlight > li > a:hover, .nav-tabs-right > .nav-tabs-highlight > li > a:focus { border-top-width: 1px; border-right-width: 2px; } .nav-tabs-right > .nav-tabs-highlight > li.active > a, .nav-tabs-right > .nav-tabs-highlight > li.active > a:hover, .nav-tabs-right > .nav-tabs-highlight > li.active > a:focus { border-top-color: #ddd; border-right-color: #EC407A; } .nav-tabs-right > .nav-tabs-top, .nav-tabs-right > .nav-tabs-bottom { padding-left: 20px; } .nav-tabs-right > .top-divided, .nav-tabs-right > .bottom-divided { padding-left: 0; border-left-width: 0; } .nav-tabs-right > .nav-tabs-solid, .nav-tabs-right > .nav-tabs[class*=bg-] { border-left: 0; border-radius: 3px; } .nav-tabs-right > .nav-tabs-solid > li, .nav-tabs-right > .nav-tabs[class*=bg-] > li { margin-left: 0; } .nav-tabs-right > .tab-content { padding-right: 20px; } .nav-tabs-right.tab-content-bordered > .tab-content { border-right-width: 0; } } .nav-pills { margin-bottom: 20px; } .nav-pills > li { float: none; } .nav-pills > li > a { color: #333333; } .nav-pills > li + li { margin-left: 0; } .nav-pills > li + li > a { margin-top: 2px; } .nav-pills .open > a, .nav-pills .open > a:hover, .nav-pills .open > a:focus { background-color: #f5f5f5; } .nav-pills.nav-pills-bordered > li > a, .nav-pills.nav-pills-toolbar > li > a, .nav-pills.nav-pills-bordered > .open > a, .nav-pills.nav-pills-toolbar > .open > a { border: 1px solid #ddd; } .nav-pills.nav-pills-bordered > .active > a, .nav-pills.nav-pills-toolbar > .active > a, .nav-pills.nav-pills-bordered > .active > a:hover, .nav-pills.nav-pills-toolbar > .active > a:hover, .nav-pills.nav-pills-bordered > .active > a:focus, .nav-pills.nav-pills-toolbar > .active > a:focus { border-color: #2196F3; } @media (min-width: 769px) { .nav-pills.nav-pills-toolbar > li > a { border: 1px solid #ddd; border-radius: 0; } .nav-pills.nav-pills-toolbar > li:first-child > a { border-radius: 3px 0 0 3px; } .nav-pills.nav-pills-toolbar > li:last-child > a { border-radius: 0 3px 3px 0; } .nav-pills.nav-pills-toolbar > li + li > a { margin-top: 0; margin-left: 0; border-left: 0; } } @media (min-width: 769px) { .nav-pills { font-size: 0; } .nav-pills > li { display: inline-block; font-size: 13px; } .nav-pills > li + li > a { margin-top: 0; margin-left: 2px; } .nav-pills.nav-justified > li { display: table-cell; } } @media (max-width: 768px) { .nav-pills > li > a .position-right[class*=icon-] { float: right; margin-top: 2px; } .nav-pills > li > a .position-right.label, .nav-pills > li > a .position-right.badge { float: right; } } .nav-stacked > li { display: block; } .nav-stacked > li > a .pull-right[class*=icon-] { float: right; margin-top: 2px; } .nav-stacked > li > a .pull-right.label, .nav-stacked > li > a .pull-right.badge { float: right; } .nav-stacked > li + li > a { margin-left: 0; } .nav-justified > li > a { margin-bottom: 0; } .nav-tabs-justified > li > a { border-radius: 0; margin-bottom: 0; } .nav-tabs-justified > li > a:hover, .nav-tabs-justified > li > a:focus { border-bottom-color: #ddd; } @media (min-width: 769px) { .nav-tabs-justified.nav-tabs-top { border-bottom: 1px solid #ddd; } .nav-tabs-justified.nav-tabs-top > li > a, .nav-tabs-justified.nav-tabs-top > li > a:hover, .nav-tabs-justified.nav-tabs-top > li > a:focus { border: 0; } .nav-tabs-justified.nav-tabs-bottom { border-bottom: 1px solid #ddd; } .nav-tabs-justified.nav-tabs-highlight > li > a, .nav-tabs-justified.nav-tabs-highlight > li > a:hover, .nav-tabs-justified.nav-tabs-highlight > li > a:focus { border-top-width: 2px; } } @media (max-width: 768px) { .nav-tabs-justified { border-bottom: 1px solid #ddd; } .nav-tabs-justified > li.active > a, .nav-tabs-justified > li.active > a:hover, .nav-tabs-justified > li.active > a:focus { border: 0; } } @media (min-width: 769px) { .nav-tabs.nav-tabs-component > li > a { border-radius: 3px 3px 0 0; } .nav-tabs.nav-tabs-component.nav-tabs-solid, .nav-tabs.nav-tabs-component[class*=bg-] { border-radius: 3px; } .nav-tabs.nav-tabs-component.nav-tabs-solid > li > a, .nav-tabs.nav-tabs-component[class*=bg-] > li > a { border-radius: 0; } .nav-tabs.nav-tabs-component.nav-tabs-solid > li:first-child > a, .nav-tabs.nav-tabs-component[class*=bg-] > li:first-child > a { border-radius: 3px 0 0 3px; } .nav-tabs-component.nav-justified.nav-tabs-solid > li:last-child > a, .nav-tabs-component.nav-justified[class*=bg-] > li:last-child > a { border-radius: 0 3px 3px 0; } } .tab-content-bordered .tab-content > .has-padding { padding: 20px; } .panel-flat > .panel-heading + .tab-content > .has-padding { padding-top: 0; } @media (min-width: 769px) { .tab-content > .has-padding { padding: 20px; } } .panel-tab-content > .has-padding { padding: 20px; } .tab-content-bordered .tab-content { border-radius: 3px; border: 1px solid transparent; } .tab-content-bordered .tab-content:not([class*=bg-]) { border-color: #ddd; background-color: #fff; } @media (min-width: 769px) { .tab-content-bordered .tab-content { border-top-width: 0; border-radius: 0 0 3px 3px; } } @media (min-width: 769px) { .tab-content-bordered .nav-tabs { margin-bottom: 0; } .tab-content-bordered .nav-tabs.nav-tabs-solid { border-radius: 3px 3px 0 0; -webkit-box-shadow: 0 0 0 1px #ddd inset; box-shadow: 0 0 0 1px #ddd inset; } .tab-content-bordered .nav-tabs.nav-tabs-solid > li:first-child > a { border-radius: 3px 0 0 0; } .tab-content-bordered .nav-tabs.nav-tabs-solid.nav-justified > li:last-child > a { border-radius: 0 3px 0 0; } .tab-content-bordered > .nav-tabs[class*=bg-] { border-top-right-radius: 3px; border-top-left-radius: 3px; } .tab-content-bordered > .nav-tabs[class*=bg-] + .tab-content[class*=bg-] { border-top-width: 1px; border-top-color: rgba(255, 255, 255, 0.5); } } @media (min-width: 769px) { .nav-tabs[class*=bg-] .dropdown-menu, .nav-tabs-top .dropdown-menu { margin-top: 0; } .nav-justified.bottom-divided .dropdown-menu { margin-top: 1px; } } @media (max-width: 768px) { .nav-tabs .dropdown-menu, .nav-pills .dropdown-menu, .nav-tabs.nav-justified > .dropdown .dropdown-menu, .nav-pills.nav-justified > .dropdown .dropdown-menu { left: -1px; right: -1px; margin-top: 2px; } .nav-tabs.nav-justified > li > a, .nav-pills.nav-justified > li > a, .nav-tabs.text-center > li > a, .nav-pills.text-center > li > a, .nav-tabs.text-right > li > a, .nav-pills.text-right > li > a { text-align: left; } } /* ------------------------------------------------------------------------------ * * # Navbar component * * Overrides for navbar bootstrap component * * Version: 1.3 * Latest update: Aug 10, 2016 * * ---------------------------------------------------------------------------- */ .navbar { margin-bottom: 0; border-width: 1px 0; padding-left: 0; padding-right: 0; } @media (min-width: 769px) { .navbar { padding-left: 20px; padding-right: 20px; } } .navbar-component { border-radius: 3px; margin-bottom: 20px; border-width: 1px; } .page-header .navbar-component { margin-left: 20px; margin-right: 20px; } .navbar-component.navbar-default { border-color: #ddd; background-color: #fff; } .navbar-component > .navbar:first-child, .navbar-component > .navbar-collapse:first-child > .navbar:first-child { border-top-right-radius: 3px; border-top-left-radius: 3px; } .navbar-component > .navbar:last-child, .navbar-component > .navbar-collapse:last-child > .navbar:last-child { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .affix.navbar, .affix.navbar-collapse { z-index: 1030; top: 0; width: 100%; } @media (max-width: 768px) { .affix.navbar, .affix.navbar-collapse { position: static; } } .navbar-header { min-width: 260px; } .navbar-collapse > .navbar-header { margin-left: 0; } .navbar-header .navbar-nav { float: right; margin-right: 5px; } .navbar-header .navbar-nav > li { float: left; } .navbar-header .navbar-nav > li > a { padding-left: 15px; padding-right: 15px; } @media (max-width: 768px) { .navbar-header .navbar-nav > li + li { margin-top: 0; } .navbar-collapse > .navbar-header { margin-left: 0; } } @media (min-width: 769px) { .navbar-header { margin-left: -20px; } } .navbar-collapse { text-align: center; padding-left: 0; padding-right: 0; } .navbar-collapse.collapsing { -webkit-transition-duration: 0.00000001s; transition-duration: 0.00000001s; } .navbar + .navbar-collapse { border-top: 0; } @media (min-width: 769px) { .navbar-collapse { text-align: left; margin-left: -20px; } } .header-highlight .navbar-header { border-top: 1px solid transparent; border-bottom: 1px solid transparent; margin-top: -1px; margin-bottom: -1px; } .header-highlight .navbar-header:not([class*=bg-]) { background-color: #263238; -webkit-box-shadow: 0 0 0 1000px rgba(0, 0, 0, 0.1) inset, 0 -1px 0 rgba(255, 255, 255, 0.1) inset; box-shadow: 0 0 0 1000px rgba(0, 0, 0, 0.1) inset, 0 -1px 0 rgba(255, 255, 255, 0.1) inset; } .header-highlight .navbar-header > .navbar-nav > li > a { color: #fff; } .header-highlight .navbar-header > .navbar-nav > li > a:hover, .header-highlight .navbar-header > .navbar-nav > li > a:focus { color: #fff; background-color: rgba(0, 0, 0, 0.1); } @media (min-width: 769px) { .sidebar-xs .header-highlight .navbar-header { min-width: 0; width: 56px; padding-left: 0; } .sidebar-xs .header-highlight .navbar-header .navbar-brand { padding-left: 0; padding-right: 0; background: url(name=logo_icon_light.png) no-repeat center center; background-size: auto 16px; float: none; display: block; } .sidebar-xs .header-highlight .navbar-header .navbar-brand > img { display: none; } .sidebar-main-hidden .header-highlight .navbar-header, .sidebar-all-hidden .header-highlight .navbar-header { display: none; } } @media (min-width: 769px) { .sidebar-fixed-expanded .header-highlight .navbar-collapse { margin-left: 36px; } .sidebar-fixed-expanded .header-highlight .navbar-header { position: fixed; z-index: 99; } } @media (max-width: 768px) { .navbar-fixed-top { position: static; } } @media (min-width: 769px) { .navbar-top-lg { padding-top: 52px; } .navbar-top-lg .sidebar-fixed.affix { top: 72px; } .navbar-top { padding-top: 48px; } .navbar-top .sidebar-fixed.affix { top: 68px; } .navbar-top-sm { padding-top: 46px; } .navbar-top-sm .sidebar-fixed.affix { top: 66px; } .navbar-top-xs { padding-top: 44px; } .navbar-top-xs .sidebar-fixed.affix { top: 64px; } .navbar-top-lg-lg { padding-top: 104px; } .navbar-top-lg-md, .navbar-top-md-lg { padding-top: 100px; } .navbar-top-lg-sm, .navbar-top-md-md, .navbar-top-sm-lg { padding-top: 96px; } .navbar-top-lg-xs, .navbar-top-md-sm, .navbar-top-sm-md, .navbar-top-xs-lg { padding-top: 94px; } .navbar-top-md-xs, .navbar-top-sm-sm, .navbar-top-xs-md { padding-top: 92px; } .navbar-top-sm-xs, .navbar-top-xs-sm { padding-top: 90px; } .navbar-top-xs-xs { padding-top: 88px; } } .navbar-bottom-lg { padding-bottom: 52px; } .navbar-bottom { padding-bottom: 48px; } .navbar-bottom-sm { padding-bottom: 46px; } .navbar-bottom-xs { padding-bottom: 44px; } .navbar-bottom-lg-lg { padding-bottom: 104px; } .navbar-bottom-lg-md, .navbar-bottom-md-lg { padding-bottom: 100px; } .navbar-bottom-lg-sm, .navbar-bottom-md-md, .navbar-bottom-sm-lg { padding-bottom: 96px; } .navbar-bottom-lg-xs, .navbar-bottom-md-sm, .navbar-bottom-sm-md, .navbar-bottom-xs-lg { padding-bottom: 94px; } .navbar-bottom-md-xs, .navbar-bottom-sm-sm, .navbar-bottom-xs-md { padding-bottom: 92px; } .navbar-bottom-sm-xs, .navbar-bottom-xs-sm { padding-bottom: 90px; } .navbar-bottom-xs-xs { padding-bottom: 88px; } .navbar-brand > img { margin-top: 2px; height: 16px; } .navbar-nav { margin: 0; text-align: left; } .navbar-nav > li > a { padding-top: 13px; padding-bottom: 13px; } .navbar-nav > li > a > .label, .navbar-nav > li > a > .badge { position: absolute; top: 0; right: 0; } .navbar-nav > li > a > .status-mark { position: absolute; top: 8px; right: 8px; } .navbar-nav > li > a > .status-mark-left { right: auto; left: 8px; } .navbar-nav > li > a > .label-left, .navbar-nav > li > a > .badge-left { right: auto; left: 0; } .navbar-nav > li > a > .label-inline, .navbar-nav > li > a > .badge-inline, .navbar-nav > li > a > .status-mark-inline { position: static; } .navbar-nav > .dropdown-user > a, .navbar-nav > .dropdown-user > a > span { padding-top: 6.5px; padding-bottom: 6.5px; } .navbar-nav > .dropdown-user > a > span { display: inline-block; padding-left: 7px; } .navbar-nav > .dropdown-user img { max-height: 30px; margin-top: -2.5px; border-radius: 50%; } .navbar-lg .navbar-nav > .dropdown-user img { max-height: 34px; margin-top: -3.5px; } .navbar-sm .navbar-nav > .dropdown-user img { max-height: 28px; margin-top: -2px; } .navbar-xs .navbar-nav > .dropdown-user img { max-height: 26px; margin-top: -1.5px; } @media (max-width: 768px) { .navbar-nav { border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header { padding: 8px 20px; } .navbar-nav .open .dropdown-menu > .dropdown-submenu > ul > li > a { padding-left: 40px; } .navbar-nav .open .dropdown-menu > .dropdown-submenu > ul > li > ul > li > a { padding-left: 60px; } .navbar-nav > li + li { margin-top: 1px; } .navbar-nav > li > a { padding-left: 20px; padding-right: 20px; } .navbar-nav > li > a .caret { float: right; margin-top: 2px; margin-left: 5px; } .navbar-nav > li > a .label, .navbar-nav > li > a .badge { position: static; float: right; } .navbar-nav > .dropdown-user .caret { margin-top: 8px; } .navbar-default .navbar-nav { border-bottom: 1px solid #ddd; } .navbar-nav:last-child { border-bottom: 0; } } @media (min-width: 769px) { .navbar-nav { margin-left: 20px; } } .language-switch a > img { position: relative; max-height: 16px; margin-top: 2px; vertical-align: top; } .navbar-form { padding: 13px 20px; margin-left: 0; margin-right: 0; border-top: 0; -webkit-box-shadow: none; box-shadow: none; } .navbar-form:last-child { border-bottom: 0; } @media (max-width: 768px) { .navbar-form .form-group { margin-bottom: 10px; } } .navbar-form .input-sm, .navbar-form .input-group-sm, .navbar-form .btn-sm, .navbar-form .select-sm, .navbar-form .uploader-sm { margin-top: 1px; margin-bottom: 1px; } .navbar-form .input-sm + .form-control-feedback { top: 1px; } .navbar-form .input-xs, .navbar-form .input-group-xs, .navbar-form .btn-xs, .navbar-form .select-xs, .navbar-form .uploader-xs { margin-top: 2px; margin-bottom: 2px; } .navbar-form .input-xs + .form-control-feedback { top: 2px; } .navbar-lg .navbar-form { margin-top: 7px; margin-bottom: 7px; } .navbar-sm .navbar-form { margin-top: 4px; margin-bottom: 4px; } .navbar-xs .navbar-form { margin-top: 3px; margin-bottom: 3px; } .navbar-form .checkbox-switchery[class*=switchery-] { margin-bottom: 0; } .navbar-form .checkbox-inline.switchery-double { padding-left: 0; } @media (min-width: 769px) { .navbar-form { padding: 0; } .navbar-form .form-control { min-width: 200px; } .navbar-form .uploader { width: 200px; } .navbar-form .form-group { margin-left: 20px; } .navbar-form .checkbox-inline, .navbar-form .radio-inline { margin-top: 8px; margin-bottom: 8px; } } @media (max-width: 768px) { .navbar-form { margin: 0; } } .navbar-nav > li > .dropdown-menu { margin-top: 1px; border-top-width: 0; } .navbar-nav > li > .dropdown-menu .media-list { max-height: 340px; overflow-y: auto; } .navbar-fixed-bottom .navbar-nav > li > .dropdown-menu { margin-top: 0; margin-bottom: 1px; border-top-width: 1px; border-bottom-width: 0; border-top-right-radius: 3px; border-top-left-radius: 3px; } .navbar-btn { margin-left: 20px; } .navbar-btn, .navbar-sm .navbar-btn.btn-sm, .navbar-xs .navbar-btn.btn-xs { margin-top: 5px; margin-bottom: 5px; } .navbar-lg .navbar-btn { margin-top: 7px; margin-bottom: 7px; } .navbar-sm .navbar-btn, .navbar-xs .navbar-btn.btn-sm { margin-top: 4px; margin-bottom: 4px; } .navbar-xs .navbar-btn { margin-top: 3px; margin-bottom: 3px; } .navbar-btn.btn-sm, .navbar-sm .navbar-btn.btn-xs { margin-top: 6px; margin-bottom: 6px; } .navbar-btn.btn-xs, .navbar-lg .navbar-btn.btn-sm { margin-top: 7px; margin-bottom: 7px; } .navbar-lg .navbar-btn.btn-xs { margin-top: 9px; margin-bottom: 9px; } @media (max-width: 768px) { .navbar-btn, .navbar-btn.btn-sm, .navbar-btn.btn-xs { margin: 13px 20px; } .navbar-btn + .navbar-btn { margin-left: 0; } } .navbar-text { margin: 0; padding: 13px 20px; } .navbar-text:last-child { border-bottom: 0; } .navbar-lg .navbar-text { padding-top: 15px; padding-bottom: 15px; } .navbar-sm .navbar-text { padding-top: 12px; padding-bottom: 12px; } .navbar-xs .navbar-text { padding-top: 11px; padding-bottom: 11px; } @media (min-width: 769px) { .navbar-text { padding-right: 0; } .navbar-text + .navbar-nav { margin-left: 15px; } .navbar-header + .navbar-text:first-child { padding-left: 0; } } @media (min-width: 769px) { .navbar-right { margin-right: 0; } } .navbar-default { border-top-color: transparent; } .navbar-default.navbar-default-secondary { background-color: #fcfcfc; } .page-header-content + .navbar-default { border-top-color: #ddd; } .navbar-default.navbar-fixed-bottom { border-top-color: #ddd; border-bottom-color: #fff; } .navbar-fixed-bottom > .navbar-default:first-child { border-top-color: #ddd; } @media (max-width: 768px) { .navbar-default .navbar-nav .open .dropdown-menu { color: #333333; background-color: transparent; border-bottom: 1px solid #ddd; } .navbar-default .navbar-nav .open > .dropdown-menu { border-top: 1px solid #ddd; } .navbar-default .navbar-nav .open:last-child .dropdown-menu { border-bottom: 0; } } .navbar-default .navbar-link { color: #1E88E5; } .navbar-default .navbar-link:hover { color: #166dba; } @media (max-width: 768px) { .navbar-default .dropdown-menu[class*=bg-] .label, .navbar-default .dropdown-menu[class*=bg-] .badge { color: #fff; background-color: #2196F3; border-color: transparent; } .navbar-default .dropdown-menu[class*=bg-] > .divider { background-color: #e5e5e5; } .navbar-default .dropdown-menu[class*=bg-] .dropdown-submenu:hover > a, .navbar-default .dropdown-menu[class*=bg-] .dropdown-submenu:focus > a { background-color: #f5f5f5; } .navbar-default .dropdown-menu .table-responsive { border-width: 0; } .navbar-default .dropdown-menu .dropdown-content-heading + .table-responsive { border-top-width: 1px; } .navbar-default .navbar-text:not([data-toggle="collapse"]) { border-bottom: 1px solid #ddd; } .navbar-default > .navbar-nav > li > a:not(.collapsed), .navbar-default > .navbar-nav > li > a:hover, .navbar-default > .navbar-nav > li > a:focus { background-color: #fcfcfc; } } .navbar-inverse { border-bottom-color: rgba(255, 255, 255, 0.1); color: #fff; } .navbar-inverse .navbar-collapse { border-color: rgba(0, 0, 0, 0.2); } .navbar-inverse .navbar-form { border-color: rgba(255, 255, 255, 0.1); } @media (max-width: 768px) { .navbar-inverse .navbar-nav .open .dropdown-menu { color: #fff; background-color: rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .navbar-inverse .navbar-nav .open .dropdown-menu .text-muted, .navbar-inverse .navbar-nav .open .dropdown-menu .media-annotation { color: rgba(255, 255, 255, 0.8); } .navbar-inverse .navbar-nav .open .dropdown-menu .media-list-linked > li { border-top-color: rgba(255, 255, 255, 0.1); } .navbar-inverse .navbar-nav .open .dropdown-menu .media-list-linked .media-link { color: #fff; } .navbar-inverse .navbar-nav .open .dropdown-menu .media-list-linked .media-link:hover, .navbar-inverse .navbar-nav .open .dropdown-menu .media-list-linked .media-link:focus { background-color: rgba(0, 0, 0, 0.1); color: #fff; } .navbar-inverse .navbar-nav .open .dropdown-menu a:not(.label-flat):not(.badge-flat) { color: #fff; } .navbar-inverse .navbar-nav .open .dropdown-menu .divider { background-color: rgba(255, 255, 255, 0.1); } .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header { color: rgba(255, 255, 255, 0.6); } .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-submenu:hover > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-submenu:focus > a { color: #fff; background-color: rgba(0, 0, 0, 0.1); } .navbar-inverse .navbar-nav .open > .dropdown-menu { border-top: 1px solid rgba(255, 255, 255, 0.1); } .navbar-inverse .navbar-nav .open:last-child .dropdown-menu { border-bottom: 0; } .navbar-inverse .navbar-nav .label, .navbar-inverse .navbar-nav .badge, .navbar-inverse .navbar-nav .label:hover, .navbar-inverse .navbar-nav .badge:hover, .navbar-inverse .navbar-nav .label:focus, .navbar-inverse .navbar-nav .badge:focus { background-color: #fff; border-color: #fff; color: #333333; } .navbar-inverse .navbar-nav .checker > span, .navbar-inverse .navbar-nav .choice > span { border-color: #fff; color: #fff; } .navbar-inverse .navbar-nav .nav-tabs { background-color: transparent; border: 0; } .navbar-inverse .navbar-nav .nav-tabs > li > a { background-color: transparent; } } @media (max-width: 768px) { .navbar-inverse .navbar-collapse { background-color: rgba(0, 0, 0, 0.05); } .navbar-inverse .navbar-text { border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .navbar-inverse > .navbar-nav > li > a:not(.collapsed) { background-color: rgba(0, 0, 0, 0.1); } .navbar-inverse .dropdown-menu .media-body a, .navbar-inverse .dropdown-menu .table a { color: #fff; } .navbar-inverse .dropdown-menu .table-responsive { border-width: 0 0 1px 0; border-color: rgba(255, 255, 255, 0.1); } .navbar-inverse .dropdown-menu .dropdown-content-heading + .table-responsive { border-top-width: 1px; } .navbar-inverse .dropdown-menu .table th, .navbar-inverse .dropdown-menu .table td { border-color: rgba(255, 255, 255, 0.1); } .navbar-inverse .label-flat, .navbar-inverse .badge-flat, .navbar-inverse .btn-flat { border-color: #fff; color: #fff; } } .navbar-lg { min-height: 50px; } .navbar-lg .navbar-brand { height: 50px; padding-top: 15px; padding-bottom: 15px; } .navbar-lg .navbar-nav > li > a { padding-top: 15px; padding-bottom: 15px; } .navbar-lg .navbar-nav > .dropdown-user > a, .navbar-lg .navbar-nav > .dropdown-user > a > span { padding-top: 7.5px; padding-bottom: 7.5px; } .navbar-sm { min-height: 44px; } .navbar-sm .navbar-brand { height: 44px; padding-top: 12px; padding-bottom: 12px; } .navbar-sm .navbar-nav > li > a { padding-top: 12px; padding-bottom: 12px; } .navbar-sm .navbar-nav > .dropdown-user > a, .navbar-sm .navbar-nav > .dropdown-user > a > span { padding-top: 6px; padding-bottom: 6px; } .navbar-xs { min-height: 42px; } .navbar-xs .navbar-brand { height: 42px; padding-top: 11px; padding-bottom: 11px; } .navbar-xs .navbar-nav > li > a { padding-top: 11px; padding-bottom: 11px; } .navbar-xs .navbar-nav > .dropdown-user > a, .navbar-xs .navbar-nav > .dropdown-user > a > span { padding-top: 5.5px; padding-bottom: 5.5px; } .nav .mega-menu { position: static; } .mega-menu .dropdown-menu { left: auto; } @media (min-width: 769px) { .mega-menu.mega-menu-wide > .dropdown-menu { left: 20px; right: 20px; } .layout-boxed .mega-menu.mega-menu-wide > .dropdown-menu { left: 0; right: 0; } } .dropdown-content-heading { padding: 20px; font-size: 12px; text-transform: uppercase; font-weight: 500; } .dropdown-content-heading + .dropdown-menu-body { padding-top: 0; } .dropdown-content-heading + .dropdown-header { padding-top: 0!important; } ul.dropdown-menu .dropdown-content-heading { padding-left: 15px; padding-right: 15px; } ul.dropdown-menu .dropdown-content-heading:first-child { padding-top: 13px; padding-bottom: 13px; } .dropdown-content-heading .icons-list { float: right; } @media (min-width: 769px) { .dropdown-content-heading + .table-responsive { border-top: 1px solid #ddd; } } .dropdown-content-footer { background-color: #fcfcfc; color: #333333; border-top: 1px solid #ddd; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .dropdown-content-footer a { display: block; padding: 7px; text-align: center; color: #333333; } .dropdown-content-footer a:hover, .dropdown-content-footer a:focus { background-color: #f5f5f5; } .dropdown-content-footer a > i.display-block { top: 0; } @media (max-width: 768px) { .navbar-inverse .dropdown-content-footer { background-color: rgba(0, 0, 0, 0.1); color: #fff; border-color: transparent; border-radius: 0; } .navbar-inverse .dropdown-content-footer a { color: #fff; } .navbar-inverse .dropdown-content-footer a:hover, .navbar-inverse .dropdown-content-footer a:focus { background-color: rgba(0, 0, 0, 0.1); } } .dropdown-content-body { padding: 20px; } .dropdown-content-heading + .dropdown-content-body { padding-top: 0; } .dropdown-content:not(ul) { padding-top: 0; padding-bottom: 0; } .dropdown-content .form-inline { white-space: nowrap; } .menu-list { margin: 0 0 20px 0; list-style: none; padding: 0; overflow: hidden; } @media (min-width: 1200px) { [class*=col-lg-] .menu-list { margin-bottom: 8px; } } @media (min-width: 1025px) { [class*=col-md-] .menu-list { margin-bottom: 8px; } } @media (min-width: 769px) { [class*=col-sm-] .menu-list { margin-bottom: 8px; } } @media (min-width: 480px) { [class*=col-xs-] .menu-list { margin-bottom: 8px; } } .menu-list ul { margin: 0; padding: 0; list-style: none; position: absolute; display: none; left: 110%; width: 100%; } .menu-list li { position: relative; margin-top: 1px; } .menu-list li:first-child { margin-top: 0; } .menu-list li > a { display: block; color: #333333; padding: 8px 12px; border-radius: 3px; } .menu-list li > a:hover, .menu-list li > a:focus { background-color: #f5f5f5; } .menu-list li > a > i { margin-right: 10px; } .menu-list li > a > .label, .menu-list li > a > .badge { float: right; margin-left: 7px; } .menu-list li.active > a, .menu-list li.active > a:hover, .menu-list li.active > a:focus { color: #fff; background-color: #2196F3; } .menu-list li.disabled > a, .menu-list li.disabled > a:hover, .menu-list li.disabled > a:focus { background-color: transparent; color: #999999; cursor: not-allowed; } .menu-list li.disabled > a > .label, .menu-list li.disabled > a > .badge, .menu-list li.disabled > a > img { opacity: 0.8; filter: alpha(opacity=80); } @media (max-width: 768px) { .menu-list li > a { color: #fff; } .menu-list li > a:hover, .menu-list li > a:focus { background-color: rgba(0, 0, 0, 0.1); } .menu-list li.active > a, .menu-list li.active > a:hover, .menu-list li.active > a:focus { background-color: rgba(0, 0, 0, 0.1); } .menu-list li.disabled > a, .menu-list li.disabled > a:hover, .menu-list li.disabled > a:focus { background-color: transparent; color: rgba(255, 255, 255, 0.6); cursor: not-allowed; } .navbar-default .menu-list li > a { color: #333333; } .navbar-default .menu-list li > a:hover, .navbar-default .menu-list li > a:focus { background-color: #f5f5f5; } .navbar-default .menu-list li.active > a, .navbar-default .menu-list li.active > a:hover, .navbar-default .menu-list li.active > a:focus { color: #fff; background-color: #2196F3; } .navbar-default .menu-list li.disabled > a, .navbar-default .menu-list li.disabled > a:hover, .navbar-default .menu-list li.disabled > a:focus { background-color: transparent; color: #999999; } } @media (min-width: 769px) { .menu-list { overflow-y: auto; max-height: 340px; } } .dd-wrapper .dd-menu { overflow: hidden; position: relative; } .dd-wrapper .dd-header h6 .label, .dd-wrapper .dd-header h6 .badge { margin-left: 7px; } .dd-wrapper .dd-header h6 > i { margin-right: 7px; } .dd-wrapper .dd-header h6:first-child { display: none; } .dd-wrapper .dd-parent .active-ul + ul { position: relative; display: block; left: 0; } .dd-wrapper .link-back { display: block; padding: 8px 0; border-radius: 3px; margin-bottom: 10px; font-size: 12px; text-transform: uppercase; line-height: 1.6666667; } .dd-wrapper .link-back:before { content: '\ede7'; font-family: 'icomoon'; font-size: 16px; line-height: 1; position: relative; top: -1px; vertical-align: middle; margin-right: 7px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .dd-wrapper .link-back .dd-icon, .dd-wrapper .link-back i { display: none; } @media (max-width: 768px) { .navbar .dd-wrapper .link-back { padding: 20px 0; text-align: center; margin-top: -10px; margin-bottom: 20px; border-bottom: 1px solid #eeeeee; } .navbar-inverse .dd-wrapper .link-back { color: #fff; border-bottom-color: rgba(255, 255, 255, 0.1); } } .dd-wrapper .dd-icon { float: right; margin-top: 2px; } .dd-wrapper .dd-icon:after { content: '\e9c7'; font-family: 'icomoon'; font-size: 16px; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .dd-wrapper .dd-header .dd-icon:after { content: '\e9c5'; } .menu-heading { display: block; font-size: 12px; text-transform: uppercase; font-weight: 500; margin-bottom: 10px; padding-top: 4px; } .menu-heading > i { float: left; margin-right: 7px; } .menu-heading.underlined { padding-bottom: 10px; border-bottom: 1px solid #eeeeee; } @media (max-width: 768px) { .menu-heading { color: #fff; } div:first-child > .menu-heading { margin-top: 0; } .navbar-default .menu-heading { color: #333333; } .menu-heading.underlined { border-bottom-color: rgba(255, 255, 255, 0.1); } .navbar-default .menu-heading.underlined { border-bottom-color: #eeeeee; } } .dropdown-menu .nav-tabs, .dropdown-menu .nav-tabs > li > a { border-radius: 0; } .dropdown-menu .nav-tabs > li:first-child > a, .dropdown-menu .nav-tabs > li.active:first-child > a { border-left: 0; } .dropdown-menu .nav-tabs > li:last-child > a, .dropdown-menu .nav-tabs > li.active:last-child > a { border-right: 0; } @media (max-width: 768px) { .dropdown-menu .nav-tabs { margin-top: 0; } .dropdown-menu .nav-tabs:before { content: none; } .dropdown-menu .nav-tabs > li + li { margin-top: 1px; } .dropdown-menu .nav-tabs > li > a { border: 0; padding-left: 20px; padding-right: 20px; } .dropdown-menu .nav-tabs > li > a:hover, .dropdown-menu .nav-tabs > li > a:focus { background-color: rgba(0, 0, 0, 0.1); } .dropdown-menu .nav-tabs > li.active > a, .dropdown-menu .nav-tabs > li.active > a:hover, .dropdown-menu .nav-tabs > li.active > a:focus { border: 0; background-color: rgba(0, 0, 0, 0.1); } .navbar .dropdown-menu .nav-tabs { border-top: 1px solid rgba(255, 255, 255, 0.1); border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .navbar .dropdown-menu .nav-tabs > li { margin-bottom: 0; } .navbar .dropdown-menu .nav-tabs.active > a { border-color: transparent; } .navbar-inverse .dropdown-menu .nav-tabs > li > a { color: #fff; } .navbar-inverse .dropdown-menu .nav-tabs > li.disabled > a, .navbar-inverse .dropdown-menu .nav-tabs > li.disabled > a:hover, .navbar-inverse .dropdown-menu .nav-tabs > li.disabled > a:focus { color: rgba(255, 255, 255, 0.6); background-color: transparent; } .navbar-default .dropdown-menu .nav-tabs { border-top-color: #ddd; border-bottom-color: #ddd; border-left: 0; border-right: 0; } .navbar-default .dropdown-menu .nav-tabs > li > a:hover, .navbar-default .dropdown-menu .nav-tabs > li > a:focus { color: #555; background-color: #f8f8f8; } .navbar-default .dropdown-menu .nav-tabs > li.active > a, .navbar-default .dropdown-menu .nav-tabs > li.active > a:hover, .navbar-default .dropdown-menu .nav-tabs > li.active > a:focus { color: #555; background-color: #f8f8f8; } .navbar-default .dropdown-menu .nav-tabs > li.disabled > a, .navbar-default .dropdown-menu .nav-tabs > li.disabled > a:hover, .navbar-default .dropdown-menu .nav-tabs > li.disabled > a:focus { color: #999999; background-color: transparent; } } .navbar-progress { float: left; margin-left: 20px; } .navbar-progress .progress { width: 200px; } @media (max-width: 768px) { .navbar-progress { margin: 13px 20px; float: none; } .navbar-progress .progress { margin-top: 0; margin-bottom: 0; width: 100%; } } .navbar-xs .navbar-progress .progress { margin-top: 12px; margin-bottom: 12px; } .navbar-progress .progress, .navbar-xs .navbar-progress .progress-sm { margin-top: 14px; margin-bottom: 14px; } .navbar-progress .progress-sm, .navbar-xs .navbar-progress .progress-xs { margin-top: 16px; margin-bottom: 16px; } .navbar-progress .progress-xs, .navbar-xs .navbar-progress .progress-xxs { margin-top: 18px; margin-bottom: 18px; } .navbar-progress .progress-xxs { margin-top: 20px; margin-bottom: 20px; } .navbar-sm .navbar-progress .progress { margin-top: 13px; margin-bottom: 13px; } .navbar-lg .navbar-progress .progress, .navbar-sm .navbar-progress .progress-sm { margin-top: 16px; margin-bottom: 16px; } .navbar-lg .navbar-progress .progress-sm, .navbar-sm .navbar-progress .progress-xs { margin-top: 18px; margin-bottom: 18px; } .navbar-lg .navbar-progress .progress-xs, .navbar-sm .navbar-progress .progress-xxs { margin-top: 20px; margin-bottom: 20px; } .navbar-lg .navbar-progress .progress-xxs { margin-top: 22px; margin-bottom: 22px; } @media (max-width: 768px) { .navbar .btn-group .dropdown-menu, .navbar .dropdown .dropdown-menu, .navbar .input-group .dropdown-menu { width: 100%; border-width: 0 0 1px 0; border-radius: 0; } .navbar .btn-group .dropdown-menu > li > a, .navbar .dropdown .dropdown-menu > li > a, .navbar .input-group .dropdown-menu > li > a { padding-left: 20px; padding-right: 20px; } .navbar .btn-group, .navbar .input-group, .navbar .form-group:not(.has-feedback), .navbar .input-group-btn { position: static; } .navbar .select2-container { width: 100%!important; } .navbar-fixed-bottom .btn-group .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu, .navbar-fixed-bottom .input-group .dropdown-menu { border-width: 1px 0 0 0; } .navbar-component .btn-group .dropdown-menu, .navbar-component .dropdown .dropdown-menu, .navbar-component .input-group .dropdown-menu { border-width: 0 1px 1px 1px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .table-responsive { margin-bottom: 0; } } /* ------------------------------------------------------------------------------ * * # Breadcrumb component * * Overrides for breadcrumb bootstrap component * * Version: 1.1 * Latest update: Aug 10, 2016 * * ---------------------------------------------------------------------------- */ .breadcrumb { border-radius: 0; margin-bottom: 0; } .breadcrumb > li { position: relative; } .breadcrumb > li > a { color: #333333; } .breadcrumb > li > a:hover, .breadcrumb > li > a:focus { opacity: 0.85; filter: alpha(opacity=85); } .breadcrumb > li i { display: inline-block; font-size: 12px; } .breadcrumb > li > .dropdown-menu { margin-top: 0; margin-left: 5px; } .breadcrumb > li:first-child > .dropdown-menu { margin-left: 0; } .breadcrumb > li > .dropdown-menu-right { margin-left: 0; margin-right: -10px; } .breadcrumb > li:hover > .dropdown-menu { display: block; } .breadcrumb > li.location-text { margin-right: 7px; } .breadcrumb > li.location-text + li:before { content: none; } .breadcrumb > li.location-text + li > .dropdown-menu { margin-left: 0; } @media (max-width: 768px) { .heading-elements .breadcrumb { padding-top: 0; padding-bottom: 0; } .breadcrumb > li { position: static; } .breadcrumb > li .dropdown-menu { width: 100%; margin: 0; border-radius: 0; border-width: 1px 0; } .breadcrumb > li .dropdown-menu > li { position: static; } .breadcrumb .dropdown-submenu > .dropdown-menu { position: static; } } .page-title .breadcrumb { float: none; display: block; margin: 0; padding-top: 3px; padding-bottom: 0; } .page-title .breadcrumb:first-child { padding-top: 0; padding-bottom: 3px; } .page-title .breadcrumb.position-right { margin-left: 28px; } .page-header-content > .breadcrumb { padding-top: 0; padding-bottom: 20px; } .page-header-content > .breadcrumb:first-child { padding-bottom: 0; padding-top: 20px; } .breadcrumb-dash > li + li:before { content: '\2013\00a0'; } .breadcrumb-arrow > li + li:before { content: '\2192\00a0'; } .breadcrumb-arrows > li + li:before { content: '\00bb\00a0'; } .breadcrumb-caret > li + li:before { content: '\203A\00a0'; } .breadcrumb-line { position: relative; padding-left: 20px; padding-right: 20px; border-top: 1px solid #ddd; } .breadcrumb-line:after { content: ''; display: table; clear: both; } .breadcrumb-line:first-child { border-top-width: 0; border-bottom: 1px solid #ddd; } .page-header .breadcrumb-line:first-child { z-index: 994; } .breadcrumb-line:not([class*=bg-]) { background-color: #fff; } .page-header-content + .breadcrumb-line { margin-bottom: 20px; border-bottom: 1px solid #ddd; } .page-header-default .page-header-content + .breadcrumb-line, .page-header-inverse .page-header-content + .breadcrumb-line { margin-bottom: 0; } .page-header-default .page-header-content + .breadcrumb-line { border-bottom-width: 0; } .page-header-default .breadcrumb-line:not([class*=bg-]) { background-color: #fcfcfc; } .page-header-inverse .breadcrumb-line { border-top-width: 0; } .page-header-inverse .breadcrumb-line:first-child { border-bottom-width: 0; } .breadcrumb-line .breadcrumb { margin-right: 46px; } @media (min-width: 769px) { .breadcrumb-line .breadcrumb { float: left; margin-right: 0; } } @media (max-width: 768px) { .breadcrumb-line { z-index: 998; background-color: inherit; } } .breadcrumb-line-component { border-radius: 3px; padding-left: 0; padding-right: 0; } .breadcrumb-line-component:not([class*=bg-]) { background-color: #fff; border: 1px solid #ddd; } .page-header-default .breadcrumb-line-component:not([class*=bg-]) { border-width: 1px; } .page-header-inverse .breadcrumb-line-component:not([class*=bg-]) { border-width: 0; } .breadcrumb-line-component .breadcrumb { margin-left: 20px; } .page-header .breadcrumb-line-component { margin-left: 20px; margin-right: 20px; } .breadcrumb-line[class*=bg-] a, .breadcrumb-line[class*=bg-] i { color: inherit; } .breadcrumb-line[class*=bg-] .breadcrumb > .active, .breadcrumb-line[class*=bg-] .breadcrumb > li + li:before { color: rgba(255, 255, 255, 0.75); } .breadcrumb-line[class*=bg-] .breadcrumb-elements { border-top-color: rgba(255, 255, 255, 0.1); } .breadcrumb-line[class*=bg-] .breadcrumb-elements > li > a { color: rgba(255, 255, 255, 0.9); } .breadcrumb-line[class*=bg-] .breadcrumb-elements > li.open > a, .breadcrumb-line[class*=bg-] .breadcrumb-elements > li > a:hover, .breadcrumb-line[class*=bg-] .breadcrumb-elements > li > a:focus { color: #fff; } .breadcrumb-elements { text-align: center; margin: 0; padding: 0; list-style: none; border-top: 1px solid #ddd; font-size: 0; } .breadcrumb-elements:after { content: ''; display: table; clear: both; } .breadcrumb-elements > li { display: inline-block; position: static; font-size: 13px; } .breadcrumb-elements > li > a { display: block; padding: 10px 15px; color: #333333; } .breadcrumb-elements > li.open > a, .breadcrumb-elements > li > a:hover, .breadcrumb-elements > li > a:focus { background-color: #f9f9f9; } .breadcrumb-line[class*=bg-] .breadcrumb-elements > li.open > a, .breadcrumb-line[class*=bg-] .breadcrumb-elements > li > a:hover, .breadcrumb-line[class*=bg-] .breadcrumb-elements > li > a:focus { background-color: rgba(255, 255, 255, 0.1); } .breadcrumb-elements .dropdown-menu { margin-top: 0; left: auto; right: -1px; border-top-right-radius: 0; border-top-left-radius: 0; } @media (max-width: 768px) { .breadcrumb-elements .dropdown-menu { left: -1px; } .breadcrumb-elements .dropdown-menu > li > a { padding-left: 15px; padding-right: 15px; } } .breadcrumb-elements .dropup > .dropdown-menu { margin-bottom: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .breadcrumb-elements [data-toggle="collapse"] { display: block; position: absolute; top: 0; right: 20px; } @media (min-width: 769px) { .breadcrumb-elements { float: right; text-align: inherit; border-top: 0; } .breadcrumb-elements.collapse { display: block; visibility: visible; } .breadcrumb-elements > li { float: left; } .breadcrumb-elements > li, .breadcrumb-elements > li .btn-group { position: relative; } .breadcrumb-line-component .breadcrumb-elements > li:last-child > a { border-bottom-right-radius: 3px; border-top-right-radius: 3px; } .breadcrumb-elements [data-toggle="collapse"] { display: none; } } @media (max-width: 768px) { .breadcrumb-line:not(.breadcrumb-line-component) .breadcrumb-elements { background-color: inherit; margin-left: -20px; margin-right: -20px; padding-left: 20px; padding-right: 20px; } } /* ------------------------------------------------------------------------------ * * # Pagination (multiple pages) component * * Overrides for pagination bootstrap component * * Version: 1.1 * Latest update: Mar 10, 2016 * * ---------------------------------------------------------------------------- */ .pagination { margin-top: 0; margin-bottom: -6px; } .pagination > li > a, .pagination > li > span { min-width: 36px; text-align: center; } .pagination.pagination-rounded > li:first-child > a, .pagination.pagination-rounded > li:first-child > span { border-bottom-left-radius: 100px; border-top-left-radius: 100px; } .pagination.pagination-rounded > li:last-child > a, .pagination.pagination-rounded > li:last-child > span { border-bottom-right-radius: 100px; border-top-right-radius: 100px; } .pagination-flat > li > a, .pagination-flat > li > span { margin-left: 1px; border-radius: 3px; min-width: 36px; background-color: transparent; } .pagination-flat > li > a, .pagination-flat > li > span, .pagination-flat > li > a:hover, .pagination-flat > li > span:hover, .pagination-flat > li > a:focus, .pagination-flat > li > span:focus { border-color: transparent; } .pagination-flat > .active > a, .pagination-flat > .active > span, .pagination-flat > .active > a:hover, .pagination-flat > .active > span:hover, .pagination-flat > .active > a:focus, .pagination-flat > .active > span:focus { border-color: transparent; } .pagination-flat > .disabled > span, .pagination-flat > .disabled > span:hover, .pagination-flat > .disabled > span:focus, .pagination-flat > .disabled > a, .pagination-flat > .disabled > a:hover, .pagination-flat > .disabled > a:focus { border-color: transparent; } .pagination-flat.pagination-rounded > li > a, .pagination-flat.pagination-rounded > li > span { border-radius: 100px; } .pagination-flat.pagination-lg > li > a, .pagination-flat.pagination-lg > li > span { min-width: 40px; } .pagination-flat.pagination-sm > li > a, .pagination-flat.pagination-sm > li > span { min-width: 34px; } .pagination-flat.pagination-xs > li > a, .pagination-flat.pagination-xs > li > span { min-width: 32px; } .pagination-separated > li > a, .pagination-separated > li > span { margin-left: 2px; } .pagination-lg > li > a, .pagination-lg > li > span { min-width: 40px; } .pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span { border-bottom-left-radius: 3px; border-top-left-radius: 3px; } .pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span { border-bottom-right-radius: 3px; border-top-right-radius: 3px; } .pagination-sm > li > a, .pagination-sm > li > span { min-width: 34px; } .pagination-xs > li > a, .pagination-xs > li > span { padding: 5px 10px; font-size: 12px; line-height: 1.6666667; } .pagination-xs > li:first-child > a, .pagination-xs > li:first-child > span { border-bottom-left-radius: 3px; border-top-left-radius: 3px; } .pagination-xs > li:last-child > a, .pagination-xs > li:last-child > span { border-bottom-right-radius: 3px; border-top-right-radius: 3px; } .pagination-xs > li > a, .pagination-xs > li > span { min-width: 32px; } /* ------------------------------------------------------------------------------ * * # Pager component * * Overrides for pager bootstrap component * * Version: 1.2 * Latest update: Aug 10, 2016 * * ---------------------------------------------------------------------------- */ .pager { margin-top: 0; margin-bottom: 0; font-size: 0; } .pager li > a, .pager li > span { padding: 7px 12px; color: #333333; font-size: 13px; } .pager li > a:hover, .pager li > a:focus { border-color: #2196F3; color: #fff; } .pager li + li { margin-left: 10px; } .pager .disabled > a, .pager .disabled > a:hover, .pager .disabled > a:focus, .pager .disabled > span { border-color: #ddd; } .pager.text-left { text-align: left; } .pager.text-right { text-align: right; } .pager-lg li > a, .pager-lg li > span { padding: 9px 15px; font-size: 14px; line-height: 1.4285715; } .pager-sm li > a, .pager-sm li > span { padding: 6px 11px; font-size: 12px; line-height: 1.6666667; } .pager-xs li > a, .pager-xs li > span { padding: 5px 10px; font-size: 12px; line-height: 1.6666667; } .pager-rounded li > a, .pager-rounded li > span { border-radius: 100px; } .pager-linked li > a, .pager-linked li > span { border-color: transparent; color: #1E88E5; } .pager-linked li > a:hover, .pager-linked li > span:hover { background-color: #2196F3; color: #fff; } .pager-linked .disabled > a, .pager-linked .disabled > a:hover, .pager-linked .disabled > a:focus, .pager-linked .disabled > span { border-color: transparent; } /* ------------------------------------------------------------------------------ * * # Labels component * * Overrides for labels bootstrap component * * Version: 1.2 * Latest update: Mar 10, 2016 * * ---------------------------------------------------------------------------- */ .label { display: inline-block; font-weight: 500; padding: 2px 5px 1px 5px; line-height: 1.5384616; border: 1px solid transparent; text-transform: uppercase; font-size: 10px; letter-spacing: 0.1px; border-radius: 2px; } .btn .label { top: 0; } .list-group-item.active > .label, .nav-pills > .active > a > .label, .nav-tabs-solid > .active > a > .label, .nav-tabs[class*=bg-] > li > a > .label { color: #333333; background-color: #fff; border-color: #fff; } @media (min-width: 769px) { .list-group-item > .label { float: right; } .list-group-item > .label + .label { margin-right: 7px; } } .label > .caret, .badge > .caret { margin-top: -2px; } .open .label.dropdown-toggle, .open .badge.dropdown-toggle { -webkit-box-shadow: none; box-shadow: none; } .label[href]:hover, .badge[href]:hover, .label[href]:focus, .badge[href]:focus { opacity: 0.85; filter: alpha(opacity=85); } .label-default { border-color: #999999; } .label-default[href]:hover, .label-default[href]:focus { background-color: #999999; } .label-primary { border-color: #2196F3; } .label-primary[href]:hover, .label-primary[href]:focus { background-color: #2196F3; } .label-success { border-color: #4CAF50; } .label-success[href]:hover, .label-success[href]:focus { background-color: #4CAF50; } .label-info { border-color: #00BCD4; } .label-info[href]:hover, .label-info[href]:focus { background-color: #00BCD4; } .label-warning { border-color: #FF5722; } .label-warning[href]:hover, .label-warning[href]:focus { background-color: #FF5722; } .label-danger { border-color: #F44336; } .label-danger[href]:hover, .label-danger[href]:focus { background-color: #F44336; } .label-striped { background-color: #f5f5f5; color: #333333; border-left-width: 2px; padding: 5px 10px; } .label-striped.label-striped-right { border-left-width: 1px; border-right-width: 2px; } .label-striped, .label-striped.label-icon { border-radius: 0; } .label-striped[href]:hover, .label-striped[href]:focus { color: #333333; background-color: #eeeeee; -webkit-box-shadow: none; box-shadow: none; } .label-flat { background-color: transparent; border-width: 2px; border-radius: 0; padding: 1px 4px 0 4px; } .label-flat[href]:hover, .label-flat[href]:focus { background-color: transparent; -webkit-box-shadow: none; box-shadow: none; } .label-icon { padding: 7px; border-radius: 2px; line-height: 1; } .label-icon > i { top: 0; } .label-icon.label-flat { padding: 6px; } .label-icon-lg { padding: 9px; } .label-icon-lg.label-flat { padding: 8px; } .label-icon-sm { padding: 6px; } .label-icon-sm.label-flat { padding: 5px; } .label-icon-xs { padding: 5px; } .label-icon-xs.label-flat { padding: 4px; } .label-rounded { border-radius: 100px; } .label-rounded:not(.label-icon) { padding-left: 7px; padding-right: 7px; } .label-roundless { border-radius: 0; } .label-block { display: block; } .form-control + .label-block { margin-top: 7px; } .label-block.text-left { text-align: left; margin-right: 0; } .label-block.text-right { text-align: right; margin-left: 0; } /* ------------------------------------------------------------------------------ * * # Badges component * * Overrides for badges bootstrap component * * Version: 1.2 * Latest update: Mar 10, 2016 * * ---------------------------------------------------------------------------- */ .badge { padding: 2px 6px 1px 6px; font-size: 10px; letter-spacing: 0.1px; vertical-align: baseline; background-color: transparent; border: 1px solid transparent; border-radius: 100px; } .btn .badge { top: 0; } .btn-xs .badge { padding: 2px 6px 1px 6px; } .list-group-item.active > .badge, .nav-pills > .active > a > .badge, .nav-tabs-solid > .active > a > .badge, .nav-tabs[class*=bg-] > li > a > .badge { color: #333333; background-color: #fff; border-color: #fff; } .nav-pills > li > a > .badge { margin-left: 0; } .nav-pills > li > a > .badge.position-right { margin-left: 7px; } .badge-default { background-color: #999999; border-color: #999999; } .badge-primary { background-color: #2196F3; border-color: #2196F3; } .badge-success { background-color: #4CAF50; border-color: #4CAF50; } .badge-info { background-color: #00BCD4; border-color: #00BCD4; } .badge-warning { background-color: #FF5722; border-color: #FF5722; } .badge-danger { background-color: #F44336; border-color: #F44336; } .badge-flat { background-color: transparent; border-width: 2px; padding: 1px 5px 0 5px; } .badge-flat[href]:hover, .badge-flat[href]:focus { background-color: transparent; -webkit-box-shadow: none; box-shadow: none; } /* ------------------------------------------------------------------------------ * * # Thumbnails component * * Overrides for thumbnails bootstrap component * * Version: 1.1 * Latest update: Mar 10, 2016 * * ---------------------------------------------------------------------------- */ .thumbnail { -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); } .thumbnail > a { display: block; } .thumbnail > img, .thumbnail a > img { width: 100%; } a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active { border-color: #ddd; } .thumbnail .caption { padding: 17px; padding-top: 20px; } .thumbnail .caption a > img { max-width: none; } .thumbnail .caption i.pull-right, .thumbnail .caption .icons-list.pull-right { margin-top: 4px; } .thumbnail .caption .media-heading { margin-top: 0; } .thumbnail .caption .media-heading:after { content: ''; display: table; clear: both; } .modal-dialog .thumbnail { border-width: 0; -webkit-box-shadow: none; box-shadow: none; } .thumbnail > .panel-heading { margin: -3px; margin-bottom: 0; } .thumbnail .panel-footer { margin: -3px; margin-top: 0; } .thumbnail.no-padding img, .thumbnail.no-padding .thumb { border-top-right-radius: 3px; border-top-left-radius: 3px; -webkit-box-shadow: none; box-shadow: none; } .thumbnail.no-padding .caption { padding: 20px; } .thumbnail.no-padding .panel-heading, .thumbnail.no-padding .panel-footer { margin: 0; } .thumb { position: relative; display: block; text-align: center; } .thumb img:not(.media-preview) { display: inline-block; width: 100%; max-width: 100%; height: auto; } .thumb.thumb-fixed img { max-width: 240px; } .thumb:not(.thumb-rounded) img { border-radius: 3px; } .thumb:hover .caption-zoom { border-radius: 0; -webkit-box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.7); box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.7); } .thumb:hover .caption-offset { left: 8px; top: 8px; } .thumb .caption-collapse { top: 80%; z-index: 10; height: auto; } .thumb:hover .thumb .caption-collapse { top: 100%; } .thumb-rounded { width: 60%; margin: 20px auto 0 auto; } .thumb-rounded, .thumb-rounded img, .thumb-rounded .caption-overflow { border-radius: 50%; } .caption-overflow { position: absolute; top: 0; left: 0; color: #fff; width: 100%; height: 100%; visibility: hidden; border-radius: 3px; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; } .caption-overflow span { position: absolute; left: 0; top: 50%; margin-top: -17px; width: 100%; text-align: center; } .thumb:hover > .caption-overflow { background-color: rgba(0, 0, 0, 0.7); visibility: visible; opacity: 1; filter: alpha(opacity=100); } .zoom-image { color: #fff; display: inline-block; text-align: center; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; } .thumb:hover .zoom-image { background-color: rgba(0, 0, 0, 0.6); opacity: 1; filter: alpha(opacity=100); } .img-rounded + .zoom-image { border-radius: 3px; } .img-circle + .zoom-image { border-radius: 50%; } .zoom-image i { font-size: 32px; position: absolute; top: 50%; left: 50%; margin-top: -16px; margin-left: -16px; } .thumb-slide { overflow: hidden; } .thumb-slide .caption { position: absolute; bottom: -100%; left: 0; color: #fff; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); z-index: 10; -webkit-transition: all 0.1s linear; -o-transition: all 0.1s linear; transition: all 0.1s linear; } .thumb-slide .caption span { position: absolute; top: 50%; left: 0; margin-top: -18px; width: 100%; text-align: center; } .thumb-slide:hover .caption { bottom: 0; } /* ------------------------------------------------------------------------------ * * # Alert component * * Overrides for alerts bootstrap component * * ---------------------------------------------------------------------------- */ .alert { position: relative; padding-left: 20px; padding-right: 20px; } .alert .alert-heading { margin-top: 0; margin-bottom: 5px; } .alert .alert-link { color: inherit; } .alert .close, .alert .close:hover, .alert .close:focus { color: inherit; } .alert-primary { background-color: #E3F2FD; border-color: #1E88E5; color: #1565C0; } .alert-primary hr { border-top-color: #187bd1; } .alert-primary .alert-link { color: #104d92; } .alert-primary, .alert-primary .close { color: #104d92; } .alert-success, .alert-success .close { color: #205823; } .alert-info, .alert-info .close { color: #00545c; } .alert-warning, .alert-warning .close { color: #aa3510; } .alert-danger, .alert-danger .close { color: #9c1f1f; } .alert.alert-rounded { border-radius: 100px; padding-left: 25px; padding-right: 25px; } .alert-component[class*=alert-styled-] { background-color: #fff; } .alert[class*=bg-]:not(.bg-white):not(.bg-transparent) a, .alert[class*=bg-]:not(.bg-white):not(.bg-transparent) .alert-link { color: #fff; } .alert[class*=alert-styled-]:after { content: '\e9a2'; font-family: 'icomoon'; color: #fff; width: 44px; left: -44px; text-align: center; position: absolute; top: 50%; margin-top: -8px; font-size: 16px; font-weight: 400; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .alert[class*=alert-styled-].alert-danger:after, .alert[class*=alert-styled-][class*=bg-danger]:after { content: '\ed64'; } .alert[class*=alert-styled-].alert-success:after, .alert[class*=alert-styled-][class*=bg-success]:after { content: '\ed6e'; } .alert[class*=alert-styled-].alert-warning:after, .alert[class*=alert-styled-][class*=bg-warning]:after { content: '\e9bd'; } .alert[class*=alert-styled-].alert-info:after, .alert[class*=alert-styled-][class*=bg-info]:after { content: '\e9b9'; } .alert.alert-styled-right:after { left: auto; right: -44px; } .alert.alert-styled-custom:after { content: "\e81b"; } .alert.alert-styled-left { border-left-width: 44px; } .alert.alert-styled-left[class*=bg-]:not(.bg-white):not(.bg-transparent) { border-left-color: rgba(0, 0, 0, 0.15) !important; } .alert.alert-styled-right { border-right-width: 44px; } .alert.alert-styled-right[class*=bg-]:not(.bg-white):not(.bg-transparent) { border-right-color: rgba(0, 0, 0, 0.15) !important; } .alert:not(.ui-pnotify)[class*=alert-arrow-]:before, .ui-pnotify.alert[class*=alert-arrow-] > .brighttheme:before { content: ""; display: inline-block; position: absolute; top: 50%; left: 0; border-left: 5px solid; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left-color: inherit; margin-top: -5px; } .alert:not(.ui-pnotify).alert-arrow-right:before, .ui-pnotify.alert.alert-arrow-right > .brighttheme:before { left: auto; right: 0; border-left: 0; border-right: 5px solid; border-right-color: inherit; } /* ------------------------------------------------------------------------------ * * # Progress bars component * * Overrides for progress bars bootstrap component * * Version: 1.0 * Latest update: May 25, 2015 * * ---------------------------------------------------------------------------- */ .progress { position: relative; margin-bottom: 0; height: 18px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); } .progress-bar { line-height: 18px; overflow: hidden; } .progress-rounded, .progress-rounded > .progress-bar { border-radius: 100px; } .progress .progressbar-back-text { position: absolute; left: 0; width: 100%; height: 100%; text-align: center; font-size: 12px; } .progress .progressbar-front-text { display: block; width: 100%; text-align: center; position: relative; font-size: 12px; } .progress.right .progress-bar { right: 0; float: right; } .progress.right .progressbar-front-text { position: absolute; right: 0; } .progress.vertical { width: 50px; height: 100%; display: inline-block; } .progress.vertical + .progress.vertical { margin-left: 10px; } .progress.vertical .progress-bar { width: 100%; height: 0; -webkit-transition: height 0.6s ease; -o-transition: height 0.6s ease; transition: height 0.6s ease; } .progress.vertical.bottom { position: relative; } .progress.vertical.bottom .progressbar-front-text { position: absolute; bottom: 0; } .progress.vertical.bottom .progress-bar { position: absolute; bottom: 0; } .progress-lg { height: 22px; } .progress-lg .progress-bar { line-height: 22px; } .progress-sm { height: 14px; } .progress-xs { height: 10px; } .progress-xxs { height: 6px; } .progress-micro { height: 2px; } .progress-sm .progress-bar, .progress-xs .progress-bar, .progress-xxs .progress-bar, .progress-micro .progress-bar { font-size: 0; } /* ------------------------------------------------------------------------------ * * # Media list component * * Overrides for media list bootstrap component * * Version: 1.1 * Latest update: Mar 10, 2016 * * ---------------------------------------------------------------------------- */ .media { margin-top: 20px; position: relative; } .media.panel-body { margin-top: 0; } .media, .media-body { overflow: visible; } .media-left, .media-right, .media-body { position: relative; } .media-heading { margin-bottom: 2px; display: block; } .media-list { margin-bottom: 0; } .media-right, .media > .pull-right { padding-left: 20px; } .media-left, .media > .pull-left { padding-right: 20px; } @media (max-width: 768px) { .stack-media-on-mobile:not(.text-left):not(.text-right) { text-align: center; } .stack-media-on-mobile .media-annotation { display: block; } .stack-media-on-mobile .media-annotation.dotted:not(.pull-right):before { content: none; margin: 0; } .stack-media-on-mobile .media-heading .media-annotation { margin-left: 0; margin-right: 0; padding-bottom: 5px; } .stack-media-on-mobile .media-left, .stack-media-on-mobile .media-right, .stack-media-on-mobile .media-body { display: block; width: auto; padding-left: 0; padding-right: 0; } .stack-media-on-mobile .media-body, .stack-media-on-mobile .media-right { margin-top: 15px; } .stack-media-on-mobile .media-heading { margin-bottom: 5px; } } .media-badge { position: absolute; left: -10px; top: -2px; } .media-badge, .media-badge[class*=bg-] { border: 2px solid; } @media (max-width: 768px) { .navbar-inverse .media-badge { border: 0; top: 0; } } .media-annotation { color: #999999; font-size: 12px; line-height: 1.6666667; font-weight: 400; } .media-heading .media-annotation { margin-left: 7px; } .media-annotation i { font-size: 13px; } .media-annotation.dotted:not(.pull-right):before { content: '\2022'; margin-right: 10px; } .media-header { white-space: nowrap; margin-top: 20px; font-weight: 500; } .media-header:first-child { margin-top: 0; } .media-list-bordered > li { border-top: 1px solid #eeeeee; padding-top: 15px; margin-top: 15px; } .media-list-bordered > li:first-child { padding-top: 0; border-top-width: 0; } .media-list-bordered.media-list-linked .media-header { margin-bottom: 15px; } .media-list-linked .media { margin-top: 0; padding: 0; } .media-list-linked .media-link { display: block; padding: 15px 20px; color: #333333; } .media-list-linked .media-link:hover, .media-list-linked .media-link:focus { background-color: #fafafa; color: #333333; } .media-list-linked .media-header { padding-left: 20px; padding-right: 20px; margin-top: 10px; margin-bottom: 10px; } .media-list-linked .media-header:first-child { margin-top: 0; } .media-list-linked.media-list-bordered > li:first-child { border-top-width: 1px; } .media-list-linked.media-list-bordered > .media-header { margin-top: 0; } .media-list-linked.media-list-bordered > .media-header:first-child { border-top-width: 0; } /* ------------------------------------------------------------------------------ * * # List groups component * * Overrides for list groups bootstrap component * * Version: 1.0 * Latest update: May 25, 2015 * * ---------------------------------------------------------------------------- */ .list-group { list-style: none; margin-bottom: 0; border: 1px solid #ddd; padding: 7px 0; border-radius: 3px; } .list-group-item { background-color: transparent; padding: 10px 20px; border: 0; } .list-group-item.disabled .label, .list-group-item.disabled:hover .label, .list-group-item.disabled:focus .label, .list-group-item.disabled .badge, .list-group-item.disabled:hover .badge, .list-group-item.disabled:focus .badge { opacity: 0.75; filter: alpha(opacity=75); } .list-group-divider { height: 1px; display: block; background-color: #e5e5e5; margin-top: 7px; margin-bottom: 7px; } .list-group-header { padding: 7px 20px; font-size: 11px; line-height: 1.82; color: #999999; text-transform: uppercase; } .list-group-header:first-child { margin-top: 7px; } .list-group-item + .list-group-header, .list-group-divider + .list-group-header { margin-top: 14px; } .list-group-item > i, .list-group-header > i { margin-right: 7px; } .list-group-item > i.pull-right, .list-group-header > i.pull-right { margin-right: 0; margin-left: 7px; margin-top: 3px; } .list-group-item-heading { margin-top: 7px; margin-bottom: 7px; } .list-group-item-text { line-height: 1.5384616; margin-bottom: 7px; } .list-group-item-success { color: #43A047; background-color: #E8F5E9; } a.list-group-item-success, button.list-group-item-success { color: #43A047; } a.list-group-item-success .list-group-item-heading, button.list-group-item-success .list-group-item-heading { color: inherit; } a.list-group-item-success:hover, button.list-group-item-success:hover, a.list-group-item-success:focus, button.list-group-item-success:focus { color: #43A047; background-color: #d6edd8; } a.list-group-item-success.active, button.list-group-item-success.active, a.list-group-item-success.active:hover, button.list-group-item-success.active:hover, a.list-group-item-success.active:focus, button.list-group-item-success.active:focus { color: #fff; background-color: #43A047; border-color: #43A047; } .list-group-item-success, a.list-group-item-success, a.list-group-item-success:hover, a.list-group-item-success:focus { color: #205823; } .list-group-item-info { color: #1565C0; background-color: #E3F2FD; } a.list-group-item-info, button.list-group-item-info { color: #1565C0; } a.list-group-item-info .list-group-item-heading, button.list-group-item-info .list-group-item-heading { color: inherit; } a.list-group-item-info:hover, button.list-group-item-info:hover, a.list-group-item-info:focus, button.list-group-item-info:focus { color: #1565C0; background-color: #cbe7fb; } a.list-group-item-info.active, button.list-group-item-info.active, a.list-group-item-info.active:hover, button.list-group-item-info.active:hover, a.list-group-item-info.active:focus, button.list-group-item-info.active:focus { color: #fff; background-color: #1565C0; border-color: #1565C0; } .list-group-item-info, a.list-group-item-info, a.list-group-item-info:hover, a.list-group-item-info:focus { color: #104d92; } .list-group-item-warning { color: #EF6C00; background-color: #FFF3E0; } a.list-group-item-warning, button.list-group-item-warning { color: #EF6C00; } a.list-group-item-warning .list-group-item-heading, button.list-group-item-warning .list-group-item-heading { color: inherit; } a.list-group-item-warning:hover, button.list-group-item-warning:hover, a.list-group-item-warning:focus, button.list-group-item-warning:focus { color: #EF6C00; background-color: #ffe9c6; } a.list-group-item-warning.active, button.list-group-item-warning.active, a.list-group-item-warning.active:hover, button.list-group-item-warning.active:hover, a.list-group-item-warning.active:focus, button.list-group-item-warning.active:focus { color: #fff; background-color: #EF6C00; border-color: #EF6C00; } .list-group-item-warning, a.list-group-item-warning, a.list-group-item-warning:hover, a.list-group-item-warning:focus { color: #aa3510; } .list-group-item-danger { color: #D84315; background-color: #FBE9E7; } a.list-group-item-danger, button.list-group-item-danger { color: #D84315; } a.list-group-item-danger .list-group-item-heading, button.list-group-item-danger .list-group-item-heading { color: inherit; } a.list-group-item-danger:hover, button.list-group-item-danger:hover, a.list-group-item-danger:focus, button.list-group-item-danger:focus { color: #D84315; background-color: #f7d5d1; } a.list-group-item-danger.active, button.list-group-item-danger.active, a.list-group-item-danger.active:hover, button.list-group-item-danger.active:hover, a.list-group-item-danger.active:focus, button.list-group-item-danger.active:focus { color: #fff; background-color: #D84315; border-color: #D84315; } .list-group-item-danger, a.list-group-item-danger, a.list-group-item-danger:hover, a.list-group-item-danger:focus { color: #9c1f1f; } /* ------------------------------------------------------------------------------ * * # Panels component * * Overrides for panels bootstrap component * * Version: 1.1 * Latest update: Mar 10, 2016 * * ---------------------------------------------------------------------------- */ .panel { margin-bottom: 20px; border-color: #ddd; color: #333333; } .panel.has-scroll { max-width: 100%; overflow-x: auto; } .panel.has-bg-image { background-image: url(name=panel_bg.png); } .panel-flat > .panel-heading + .table, .panel-flat > .panel-heading + .table-responsive { border-top: 1px solid #ddd; } .panel[class*=bg-] > .panel-heading { border-color: rgba(255, 255, 255, 0.2); } @media (max-width: 768px) { .panel[class*=bg-] > .panel-heading { background-color: inherit; } } .panel[class*=bg-].panel-flat > .panel-heading { border-bottom-color: transparent; } .panel[class*=bg-] .panel-title { color: #fff; } .panel[class*=bg-] .table thead td, .panel[class*=bg-] .table tbody td, .panel[class*=bg-] .table thead th, .panel[class*=bg-] .table tbody th { border-color: rgba(255, 255, 255, 0.1); } .panel[class*=bg-] .text-muted, .panel[class*=bg-] .help-block, .panel[class*=bg-] .help-inline { color: rgba(255, 255, 255, 0.8); } .panel[class*=border-top-] { border-top-right-radius: 0; border-top-left-radius: 0; } .panel[class*=border-bottom-] { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .panel[class*=border-left-] { border-bottom-left-radius: 0; border-top-left-radius: 0; } .panel[class*=border-right-] { border-bottom-right-radius: 0; border-top-right-radius: 0; } .panel-body { position: relative; } .panel-flat > .panel-heading + .panel-body { padding-top: 0; } .panel-body + .panel-body, .panel-body + .table, .panel-body + .table-responsive, .panel-body.has-top-border { border-top: 1px solid #ddd; } .panel[class*=bg-] .panel-body + .panel-body, .panel[class*=bg-] .panel-body + .table, .panel[class*=bg-] .panel-body + .table-responsive, .panel[class*=bg-] .panel-body.has-top-border { border-top-color: rgba(255, 255, 255, 0.5); } .panel-body-accent { background-color: #fcfcfc; } .panel[class*=bg-] .panel-body-accent { background-color: rgba(0, 0, 0, 0.1); } .panel-heading { position: relative; border-top-right-radius: 3px; border-top-left-radius: 3px; } .panel-bordered > .panel-heading { margin: 0; } .panel-flat > .panel-heading { padding-top: 20px; padding-bottom: 20px; background-color: #fff; } .panel-flat > .panel-heading > .panel-title { margin-top: 2px; margin-bottom: 2px; } .panel-flat[class*=bg-] > .panel-heading { background-color: inherit; } .panel-heading[class*=bg-], .panel-primary .panel-heading, .panel-danger .panel-heading, .panel-success .panel-heading, .panel-warning .panel-heading, .panel-info .panel-heading { margin: -1px -1px 0 -1px; border-top-right-radius: 3px; border-top-left-radius: 3px; } .panel-white > .panel-heading { background-color: #fff; border-bottom-color: #ddd; } .panel-title { position: relative; font-size: 13px; } .panel-title.text-size-mini { font-size: 11px; } .panel-title.text-size-small { font-size: 12px; } .panel-title.text-size-large { font-size: 14px; } a.panel-title { display: block; } .panel-title img { max-height: 20px; display: inline-block; vertical-align: top; } .panel-title > small:not(.display-block), .panel-title > .small:not(.display-block) { margin-left: 5px; } h1.panel-title, .h1.panel-title { font-size: 25px; } h2.panel-title, .h2.panel-title { font-size: 23px; } h3.panel-title, .h3.panel-title { font-size: 21px; } h4.panel-title, .h4.panel-title { font-size: 19px; } h5.panel-title, .h5.panel-title { font-size: 17px; } h6.panel-title, .h6.panel-title { font-size: 15px; } .icons-list a[data-action] { vertical-align: middle; -webkit-transition: all ease-in-out 0.2s; -o-transition: all ease-in-out 0.2s; transition: all ease-in-out 0.2s; } .icons-list a[data-action]:after { font-family: 'icomoon'; font-size: 16px; min-width: 16px; text-align: center; display: inline-block; line-height: 1; vertical-align: middle; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icons-list a[data-action="collapse"]:after { content: '\e9c1'; } .icons-list a[data-action="reload"]:after { content: '\e9fb'; } .icons-list a[data-action="close"]:after { content: '\e9b6'; } .icons-list a[data-action="move"] { cursor: move; } .icons-list a[data-action="move"]:after { content: '\e986'; } .icons-list a[data-action="modal"]:after { content: '\e9eb'; } .panel-footer { position: relative; padding-left: 0; padding-right: 0; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .panel-footer:after { content: ''; display: table; clear: both; } .panel-footer-transparent { background-color: transparent; border-top: 0; padding-top: 0; padding-bottom: 12px; } .panel-footer-condensed { padding-top: 2px; padding-bottom: 2px; } .panel-footer-bordered { background-color: #fff; padding-right: 0; margin-left: 20px; margin-right: 20px; } .panel-group-control .panel-title > a { padding-left: 26px; display: inline-block; } .panel-group-control .panel-title > a:before { content: '\e9b7'; font-family: 'icomoon'; position: absolute; top: 50%; margin-top: -8px; left: 0; font-size: 16px; font-weight: 400; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .panel-group-control .panel-title > a.collapsed:before { content: '\e9b8'; } .panel-group-control.panel-group-control-right .panel-title > a { padding-left: 0; padding-right: 26px; } .panel-group-control.panel-group-control-right .panel-title > a:before { left: auto; right: 0; } .panel-primary { border-color: #ddd; } .panel-primary.panel-bordered { border-color: #2196F3; } .panel-success { border-color: #ddd; } .panel-success.panel-bordered { border-color: #4CAF50; } .panel-info { border-color: #ddd; } .panel-info.panel-bordered { border-color: #00BCD4; } .panel-warning { border-color: #ddd; } .panel-warning.panel-bordered { border-color: #FF5722; } .panel-danger { border-color: #ddd; } .panel-danger.panel-bordered { border-color: #F44336; } /* ------------------------------------------------------------------------------ * * # Wells component * * Overrides for wells bootstrap component * * Version: 1.1 * Latest update: Mar 10, 2016 * * ---------------------------------------------------------------------------- */ .well { margin-bottom: 0; padding: 20px; -webkit-box-shadow: none; box-shadow: none; } .well-white { background-color: #fff; } .well[class*=border-top-] { border-top-right-radius: 0; border-top-left-radius: 0; } .well[class*=border-bottom-] { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .well[class*=border-left-] { border-bottom-left-radius: 0; border-top-left-radius: 0; } .well[class*=border-right-] { border-bottom-right-radius: 0; border-top-right-radius: 0; } .well-lg { padding: 25px; border-radius: 3px; } .well-sm { padding: 15px; border-radius: 3px; } /* ------------------------------------------------------------------------------ * * # Close button component * * Overrides for close button bootstrap component * * Version: 1.0 * Latest update: May 25, 2015 * * ---------------------------------------------------------------------------- */ .close { text-shadow: none; opacity: 0.6; filter: alpha(opacity=60); } .close:hover, .close:focus { outline: 0; opacity: 1; filter: alpha(opacity=100); } /* ------------------------------------------------------------------------------ * * # Modals component * * Overrides for modals bootstrap component * * Version: 1.0 * Latest update: May 25, 2015 * * ---------------------------------------------------------------------------- */ .modal-content { border-radius: 3px; -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); } .modal-header { position: relative; padding-bottom: 0; } .modal-header[class*=bg-] { padding: 15px 20px; border-top-right-radius: 2px; border-top-left-radius: 2px; } .modal-header[class*=bg-] .close { margin-top: -9.75px; } .modal-content[class*=bg-] .modal-header .close, .modal-header[class*=bg-] .close { color: #fff; } .modal-header .close { position: absolute; right: 20px; top: 50%; margin-top: 0; } .modal-body .close { margin-top: 0!important; } .modal-footer { padding-top: 0; } .modal-footer.text-center { text-align: center; } .modal-footer.text-left { text-align: left; } @media (min-width: 769px) { .modal-xs { width: 300px; } .modal-full { width: 94%; margin-left: 3%; margin-right: 3%; } } /* ------------------------------------------------------------------------------ * * # Tooltips component * * Overrides for tooltips bootstrap component * * Version: 1.0 * Latest update: May 25, 2015 * * ---------------------------------------------------------------------------- */ .tooltip { font-size: 13px; line-height: 1.5384616; } .tooltip [class*=bg-] { border-radius: 3px; } .tooltip [class*=bg-] > .tooltip-inner { background-color: inherit; } .tooltip.top [class*=bg-] .tooltip-arrow { border-top-color: inherit; } .tooltip.right [class*=bg-] .tooltip-arrow { border-right-color: inherit; } .tooltip.bottom [class*=bg-] .tooltip-arrow { border-bottom-color: inherit; } .tooltip.left [class*=bg-] .tooltip-arrow { border-left-color: inherit; } .tooltip-inner { padding: 7px 12px; } /* ------------------------------------------------------------------------------ * * # Popovers component * * Overrides for popovers bootstrap component * * Version: 1.0 * Latest update: May 25, 2015 * * ---------------------------------------------------------------------------- */ .popover { border-radius: 3px; padding: 0; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); } .popover-title { font-size: 12px; line-height: 1.6666667; border: 0; padding: 15px 15px 0 15px; text-transform: uppercase; font-weight: 500; border-top-right-radius: 3px; border-top-left-radius: 3px; } .popover-title[class*=bg-] { padding: 10px 15px; margin: -1px -1px 0 -1px; } .popover-content { padding: 15px; } .popover[class*=bg-].top > .arrow, .popover[class*=border-].top > .arrow, .popover[class*=bg-].top > .arrow:after, .popover[class*=border-].top > .arrow:after { border-top-color: inherit; } .popover[class*=bg-].right > .arrow, .popover[class*=border-].right > .arrow, .popover[class*=bg-].right > .arrow:after, .popover[class*=border-].right > .arrow:after { border-right-color: inherit; } .popover[class*=bg-].bottom > .arrow, .popover[class*=border-].bottom > .arrow, .popover[class*=bg-].bottom > .arrow:after, .popover[class*=border-].bottom > .arrow:after { border-bottom-color: inherit; } .popover[class*=bg-].left > .arrow, .popover[class*=border-].left > .arrow, .popover[class*=bg-].left > .arrow:after, .popover[class*=border-].left > .arrow:after { border-left-color: inherit; } /* ------------------------------------------------------------------------------ * * # Components * * Common less file with imports of plugins and pages * * Version: 1.3 * Latest update: Feb 5, 2016 * * ---------------------------------------------------------------------------- */ /* ------------------------------------------------------------------------------ * * # Components * * Common less file with imports of plugins and pages * * Version: 1.0 * Latest update: Feb 5, 2016 * * ---------------------------------------------------------------------------- */ /* ------------------------------------------------------------------------------ * * # Utilites * * Additional animations, transitions, transforms and other utilities * * Version: 1.0 * Latest update: Mar 10, 2016 * * ---------------------------------------------------------------------------- */ .no-transitions * { -webkit-transition: none !important; -o-transition: none !important; transition: none !important; } .btn, .navbar-link, .nav-tabs > li > a, .nav-tabs > li > a:after, .nav-pills > li > a, .nav li > a > .label, .nav li > a > .badge, .breadcrumb > li > a, .breadcrumb-elements > li > a, .tt-suggestion, .tokenfield .token, .selectboxit-btn, .bootstrap-select .btn-default, .select2-results__option, .select2-selection__choice__remove, .dropdown-menu > li > a, .dropdown-menu > li > label, .wizard .actions a, .checker span:after, .choice span:after, .selectboxit-option-anchor, .dt-autofill-list ul li, .dt-autofill-button .btn, .dataTable .select-checkbox:before, .dataTable .select-checkbox:after, .pika-button, .sp-input, .navbar-nav > li > a, .dropdown-content-footer a, .icons-list > li > a, .picker__nav--prev, .picker__nav--next, .multiselect.btn-default, .list-group-item, .pagination > li > a, .pagination > li > span, .pager > li > a, .pager > li > span, .datepicker-dropdown .day, a.label, a.badge, .ui-datepicker-buttonpane > button, .ui-button, .ui-menu-item, .ui-selectmenu-button, .ui-datepicker a, .media-link, .menu-list li > a, .plupload_file_action > a, .dataTables_paginate .paginate_button, .dataTables_filter input, .dt-button, .picker__list-item, .picker__day, .picker__footer, .sp-replacer, .sp-cancel, .sp-choose, .sp-palette-toggle, .daterangepicker td, .daterangepicker th, .noUi-handle, .fc-button, .plupload_button, .picker__footer button, .picker__list button, .AnyTime-btn, .plupload_filelist li, .password-indicator-group.input-group-addon, .password-indicator-label-absolute, .select2-selection--single:not([class*=bg-]), .select2-selection--multiple:not([class*=bg-]) .select2-selection__choice, .bootstrap-select.btn-group .dropdown-menu > li > a .check-mark { -webkit-transition: all ease-in-out 0.15s; -o-transition: all ease-in-out 0.15s; transition: all ease-in-out 0.15s; } .close, .tag [data-role="remove"] { -webkit-transition: opacity ease-in-out 0.15s; -o-transition: opacity ease-in-out 0.15s; transition: opacity ease-in-out 0.15s; } .checker span { -webkit-transition: border-color ease-in-out 0.15s; -o-transition: border-color ease-in-out 0.15s; transition: border-color ease-in-out 0.15s; } .table tr, .table th, .table td, .htContextMenu td, .ranges ul li { -webkit-transition: background-color ease-in-out 0.15s; -o-transition: background-color ease-in-out 0.15s; transition: background-color ease-in-out 0.15s; } /* ------------------------------------------------------------------------------ * * # Sidebar layouts * * Styles for sidebar components, main navigation and sidebar itself * * Version: 1.2 * Latest update: Nov 25, 2015 * * ---------------------------------------------------------------------------- */ .sidebar { background-color: #263238; color: #fff; position: relative; width: 100%; display: none; } @media (min-width: 769px) { .sidebar { display: table-cell; vertical-align: top; width: 260px; } } .sidebar-main { z-index: 99; } .sidebar-secondary { z-index: 98; } .sidebar-opposite { display: none; z-index: 97; } @media (min-width: 769px) { .sidebar-opposite-visible .sidebar-opposite { display: table-cell; } } .sidebar:not(.sidebar-default) + .sidebar:not(.sidebar-default) { border-left: 1px solid rgba(255, 255, 255, 0.1); } .sidebar .has-scroll { max-height: 192px; overflow-y: auto; } .sidebar-default { background-color: #fff; color: #333333; border-bottom: 1px solid #ddd; } @media (min-width: 769px) { .sidebar-default { border-bottom: 0; border-right: 1px solid #ddd; } .content-wrapper + .sidebar-default { border-left: 1px solid #ddd; } } .sidebar-content { position: relative; padding-bottom: 8px; } .sidebar-all-hidden .sidebar-main, .sidebar-all-hidden .sidebar-secondary, .sidebar-main-hidden .sidebar-main, .sidebar-detached-hidden .sidebar-detached > .sidebar, .sidebar-secondary-hidden .sidebar-secondary { display: none; } @media (max-width: 768px) { .sidebar-mobile-main .sidebar-main, .sidebar-mobile-secondary .sidebar-secondary, .sidebar-mobile-opposite .sidebar-opposite, .sidebar-mobile-detached .sidebar-detached > .sidebar { display: block; } } .category-title { position: relative; margin: 0; padding: 12px 20px; padding-right: 46px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .category-title > span { display: block; margin-top: 2px; text-transform: uppercase; font-weight: 500; font-size: 11px; line-height: 1.82; } .category-title > i { position: absolute; right: 20px; top: 50%; margin-top: -8px; } .category-title .icons-list { position: absolute; right: 20px; top: 50%; margin-top: -8px; } .sidebar-default .category-title { border-bottom-color: #ddd; } .category-content { position: relative; padding: 20px; } .navigation { margin: 0; padding: 10px 0; list-style: none; position: relative; } .sidebar-user + .sidebar-category .navigation { padding-top: 0; } .navigation .hidden-ul { display: none; } .navigation li { position: relative; } .navigation li + li { margin-top: 1px; } .navigation li + .navigation-header { margin-top: 10px; } .navigation li a { color: rgba(255, 255, 255, 0.75); display: block; -webkit-transition: background 0.15s linear, color 0.15s linear; -o-transition: background 0.15s linear, color 0.15s linear; transition: background 0.15s linear, color 0.15s linear; } .navigation li a:hover, .navigation li a:focus { background-color: rgba(0, 0, 0, 0.1); color: #fff; } .navigation li a > i { float: left; top: 0; margin-top: 2px; margin-right: 15px; -webkit-transition: opacity 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; } .navigation li a > i.pull-right { margin-right: 0; margin-left: 15px; } .navigation li.disabled > a, .navigation li.disabled > a:hover, .navigation li.disabled > a:focus { color: inherit; background-color: transparent; cursor: not-allowed; opacity: 0.3; filter: alpha(opacity=30); } .navigation li > .has-ul { position: relative; padding-right: 36px; } .navigation li > .has-ul:after { content: "\e9c7"; font-family: "icomoon"; font-size: 16px; display: block; position: absolute; top: 50%; margin-top: -8px; right: 20px; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: -webkit-transform 0.2s ease-in-out; -o-transition: -webkit-transform 0.2s ease-in-out; transition: -webkit-transform 0.2s ease-in-out; } .navigation li.active > .has-ul:after { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } .navigation li.navigation-divider { margin: 10px 0; height: 1px; background-color: rgba(255, 255, 255, 0.1); } .sidebar-default .navigation li.navigation-divider { background-color: #eeeeee; } .navigation > li > a { padding: 12px 20px; min-height: 44px; font-weight: 500; } .navigation > li > a .label, .navigation > li > a .badge { -webkit-transition: background-color ease-in-out 0.15s, border-color ease-in-out 0.15s; -o-transition: background-color ease-in-out 0.15s, border-color ease-in-out 0.15s; transition: background-color ease-in-out 0.15s, border-color ease-in-out 0.15s; } .navigation > li.active > a, .navigation > li.active > a:hover, .navigation > li.active > a:focus { background-color: #26A69A; color: #fff; } .navigation > li.active > a > [class*=text-] { color: #fff; } .navigation > li.active > a .label, .navigation > li.active > a .badge { background-color: rgba(0, 0, 0, 0.35); border-color: transparent; } .navigation > li ul { list-style: none; margin: 0; padding: 0; background-color: rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05); box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05); } .navigation > li ul li a { padding: 10px 20px; padding-left: 51px; min-height: 40px; } .navigation > li ul .navigation-header { padding-left: 51px; } .navigation > li > ul > li > ul > li > a, .navigation > li > ul > li > ul > .navigation-header { padding-left: 71px; } .navigation > li > ul > li > ul > li > ul > li > a, .navigation > li > ul > li > ul > li > ul .navigation-header { padding-left: 91px; } .navigation > li > ul li:first-child { padding-top: 10px; } .navigation > li > ul li:last-child { padding-bottom: 10px; } .navigation > li > ul li.active > a, .navigation > li > ul li.active > a:hover, .navigation > li > ul li.active > a:focus { background-color: rgba(0, 0, 0, 0.2); color: #fff; } .navigation .navigation-header { min-height: 30px; padding: 10px 20px; border-bottom: 0; text-transform: uppercase; font-size: 11px; line-height: 1.82; } .navigation .navigation-header > span { display: block; margin-top: 2px; } .navigation .navigation-header > i { display: none; } .navigation .navigation-header > i.pull-right { margin-top: 2px; } .navigation .navigation-header, .navigation .navigation-header a { color: rgba(255, 255, 255, 0.5); font-weight: 400; } .navigation .navigation-header a:hover, .navigation .navigation-header a:focus { color: #fff; } .navigation .navigation-header a i { float: none; margin: 0; } .sidebar-default .navigation .navigation-header, .sidebar-default .navigation .navigation-header a { color: #999999; } .sidebar-default .navigation .navigation-header a:hover, .sidebar-default .navigation .navigation-header a:focus { color: #333333; } .navigation.nav > .active > .hidden-ul { display: block; } @media (max-width: 768px) { .navigation.nav > li > .hidden-ul { display: block; } } .navigation .label, .navigation .badge { float: right; } .sidebar-default .navigation li > a { color: #333333; } .sidebar-default .navigation li > a:hover, .sidebar-default .navigation li > a:focus { background-color: #f8f8f8; } .sidebar-default .navigation li.active > a, .sidebar-default .navigation li.active > a:hover, .sidebar-default .navigation li.active > a:focus { background-color: #f5f5f5; color: #333333; } .sidebar-default .navigation li.active > a > [class*=text-] { color: #333333; } .sidebar-default .navigation li.disabled > a, .sidebar-default .navigation li.disabled > a:hover, .sidebar-default .navigation li.disabled > a:focus { background-color: transparent; } .sidebar-default .navigation li .label-transparent { color: #333333; } .sidebar-default .navigation > li ul { background-color: transparent; } .sidebar-default .navigation > li.active > a, .sidebar-default .navigation > li.active > a:hover, .sidebar-default .navigation > li.active > a:focus { background-color: #f5f5f5; color: #333333; } .sidebar-default .navigation > li.active > a .label-transparent { color: #333333; } .navigation-icons-right > li > a, .navigation-icons-right > li > a.has-ul { padding-right: 20px; } .navigation-icons-right > li > a > i { float: right; margin-right: 0; margin-left: 15px; } .navigation-icons-right > li > a.has-ul:after, .navigation-icons-right > li.active > .has-ul:after { content: none; } .navigation-bordered > li { border-top: 1px solid rgba(255, 255, 255, 0.05); } .navigation-bordered > li:last-child { border-bottom: 1px solid rgba(255, 255, 255, 0.05); } .navigation-bordered > li.navigation-header { background-color: rgba(0, 0, 0, 0.1); } .navigation-bordered > li + li { margin-top: 0; } .navigation-bordered > li ul { -webkit-box-shadow: none; box-shadow: none; } .navigation-bordered li + .navigation-header { margin-top: 0; } .sidebar-default .navigation-bordered > li { border-top: 1px solid #eeeeee; } .sidebar-default .navigation-bordered > li.navigation-header { background-color: #fafafa; } .navigation-lg > li > a, .navigation-lg > li > a > span { padding-top: 14px; padding-bottom: 14px; min-height: 48px; } .navigation-lg > li ul li a { padding-top: 10px; padding-bottom: 10px; min-height: 40px; } .navigation-sm > li > a, .navigation-sm > li > a > span { padding-top: 10px; padding-bottom: 10px; min-height: 40px; } .navigation-sm > li ul li a { padding-top: 6px; padding-bottom: 6px; min-height: 32px; } .navigation-xs > li > a, .navigation-xs > li > a > span { padding-top: 8px; padding-bottom: 8px; min-height: 36px; } .navigation-xs > li ul li a { padding-top: 6px; padding-bottom: 6px; min-height: 32px; } @media (min-width: 769px) { .sidebar-fixed .sidebar-content { position: fixed; width: 260px; max-height: 100%; overflow: auto; top: 48px; bottom: 48px; margin-bottom: -48px; } .sidebar-xs .sidebar-fixed.sidebar-main .sidebar-content { width: 56px; } .sidebar-fixed.sidebar-default .sidebar-content { width: 259px; } .sidebar-fixed-expanded .sidebar-fixed.sidebar-main { position: fixed; display: block; height: 100%; z-index: 1001; } .sidebar-fixed-expanded .sidebar-fixed.sidebar-main .sidebar-content { position: fixed; } .sidebar-xs .sidebar-fixed-expanded .sidebar-fixed.sidebar-main { width: 260px; } .sidebar-fixed-expanded .content-wrapper { padding-left: 56px; } } .sidebar-xs-indicator .sidebar-fixed .sidebar-content { top: 0!important; } @media (min-width: 769px) { .has-detached-left .container-detached { float: right; margin-left: -260px; width: 100%; } .has-detached-left .content-detached { margin-left: 280px; } .has-detached-left .sidebar-detached { float: left; } .has-detached-right .container-detached { float: left; margin-right: -260px; width: 100%; } .has-detached-right .content-detached { margin-right: 280px; } .has-detached-right .sidebar-detached { float: right; } .has-detached-right .sidebar-detached.affix { right: 20px; } .sidebar-detached-hidden .container-detached { float: none; margin: 0; } .sidebar-detached-hidden .content-detached { margin: 0; } .sidebar-detached-hidden .sidebar-detached { float: none; } } .sidebar-detached .navigation.nav > .active > .hidden-ul { display: block; } @media (max-width: 768px) { .sidebar-detached .navigation.nav > li > .hidden-ul { display: block; } } .sidebar-detached.affix { position: static; } @media (min-width: 769px) { .sidebar-detached { display: block; position: relative; margin-bottom: 20px; } .sidebar-detached > .sidebar-default { border: 1px solid #ddd; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); } .sidebar-detached > .sidebar { margin-bottom: 0; display: block; border-radius: 3px; } .sidebar-detached.affix { position: fixed; top: 20px; bottom: 20px; -webkit-transition: bottom ease-in-out 0.15s; -o-transition: bottom ease-in-out 0.15s; transition: bottom ease-in-out 0.15s; } .sidebar-detached.affix > .sidebar { max-height: 100%; overflow-y: auto; } .sidebar-detached.fixed-sidebar-space { bottom: 80px; } .navbar-bottom .sidebar-detached.fixed-sidebar-space { bottom: 86px; } .navbar-bottom-lg .sidebar-detached.fixed-sidebar-space { bottom: 90px; } .navbar-bottom-sm .sidebar-detached.fixed-sidebar-space { bottom: 84px; } .navbar-bottom-xs .sidebar-detached.fixed-sidebar-space { bottom: 82px; } .navbar-fixed .sidebar-detached { top: 86px; } .navbar-fixed-lg .sidebar-detached { top: 90px; } .navbar-fixed-sm .sidebar-detached { top: 84px; } .navbar-fixed-xs .sidebar-detached { top: 82px; } } .sidebar-separate .sidebar-content { padding-bottom: 0; } .sidebar-separate .sidebar-content .panel:last-child, .sidebar-separate .sidebar-content .sidebar-category:last-child { margin-bottom: 0; } @media (min-width: 769px) { .sidebar-separate { background-color: transparent; } .sidebar-separate .sidebar-category { background-color: #263238; border-radius: 3px; margin-bottom: 20px; } .sidebar-separate.sidebar-default { background-color: transparent; border: 0; -webkit-box-shadow: none; box-shadow: none; } .sidebar-separate.sidebar-default .sidebar-category { background-color: #fff; border: 1px solid #ddd; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); } } @media (min-width: 769px) { .sidebar-xs .sidebar-main { width: 56px; } .sidebar-xs .sidebar-main .sidebar-category { display: none; } .sidebar-xs .sidebar-main .sidebar-category-visible { display: block; } .sidebar-xs .sidebar-main .category-title { padding: 0; } .sidebar-xs .sidebar-main .category-title > i { padding: 13px 0; float: none; display: block; top: 0; } .sidebar-xs .sidebar-main .category-title > span { display: none; } .sidebar-xs .sidebar-main .category-title .icons-list { position: static; text-align: center; margin-top: 0; padding-top: 14px; padding-bottom: 14px; } .sidebar-xs .sidebar-main .category-title .icons-list > li { display: block; margin-left: 0; } .sidebar-xs .sidebar-main .category-title .icons-list > li + li { margin-top: 10px; } .sidebar-xs .sidebar-main .category-title.h6 .icons-list { padding-top: 23.538462px; padding-bottom: 23.538462px; } .sidebar-xs .sidebar-main .category-title.h5 .icons-list { padding-top: 25.0769236px; padding-bottom: 25.0769236px; } .sidebar-xs .sidebar-main .navigation > li > a { display: block; text-align: center; padding-left: 0; padding-right: 0; } .sidebar-xs .sidebar-main .navigation > li > a > span { display: none; position: absolute; top: 0; right: -260px; background-color: #26A69A; border: 1px solid #26A69A; padding: 11px 20px; width: 260px; text-align: left; color: #fff; cursor: pointer; border-bottom-right-radius: 3px; border-top-right-radius: 3px; } .sidebar-xs .sidebar-main .navigation > li > a > span .label, .sidebar-xs .sidebar-main .navigation > li > a > span .badge { background-color: rgba(0, 0, 0, 0.35); border-color: transparent; } .sidebar-xs .sidebar-main .navigation > li > a > i { margin: 2px 0; display: block; float: none; } .sidebar-xs .sidebar-main .navigation > li > .has-ul:after, .sidebar-xs .sidebar-main .navigation > li.active > .has-ul:after { content: none; } .sidebar-xs .sidebar-main .navigation > li .has-ul > span { border-radius: 0 3px 0 0; cursor: default; } .sidebar-xs .sidebar-main .navigation > li.active > ul { display: none!important; } .sidebar-xs .sidebar-main .navigation > li.disabled:hover > ul, .sidebar-xs .sidebar-main .navigation > li.disabled:hover > a > span { display: none!important; } .sidebar-xs .sidebar-main .navigation > li:hover > ul { display: block!important; } .sidebar-xs .sidebar-main .navigation > li:hover > a > span { display: block; } .sidebar-xs .sidebar-main .navigation > li:hover:not(.active) > a { background-color: rgba(0, 0, 0, 0.1); color: #fff; } .sidebar-xs .sidebar-main .navigation > li > ul { position: absolute; right: -260px; top: 44px; width: 260px; display: none; background-color: #263238; border-left: 1px solid rgba(255, 255, 255, 0.1); border-radius: 0 0 3px 0; } .sidebar-xs .sidebar-main .navigation > li > ul > li > a { padding-left: 20px; } .sidebar-xs .sidebar-main .navigation > li > ul > li > a:not(.has-ul) { padding-right: 20px; } .sidebar-xs .sidebar-main .navigation > li > ul > li > ul > li > a { padding-left: 30px; } .sidebar-xs .sidebar-main .navigation > li > ul > li > ul > li > ul > li > a { padding-left: 60px; } .sidebar-xs .sidebar-main .navigation > .navigation-header { padding: 0; text-align: center; } .sidebar-xs .sidebar-main .navigation > .navigation-header > i { display: block; top: 0; padding: 13px 0; } .sidebar-xs .sidebar-main .navigation > .navigation-header > span { display: none; } .sidebar-xs .sidebar-main .sidebar-user .category-content { padding-left: 0; padding-right: 0; } .sidebar-xs .sidebar-main .sidebar-user .media-left, .sidebar-xs .sidebar-main .sidebar-user .media-right { padding: 0; text-align: center; display: block; } .sidebar-xs .sidebar-main .sidebar-user .media-left > img, .sidebar-xs .sidebar-main .sidebar-user .media-right > img { max-width: 100%; height: auto!important; } .sidebar-xs .sidebar-main .sidebar-user .media-left > .img-sm, .sidebar-xs .sidebar-main .sidebar-user .media-right > .img-sm { margin-top: 1px; margin-bottom: 1px; } .sidebar-xs .sidebar-main .sidebar-user .media-left > .img-xs, .sidebar-xs .sidebar-main .sidebar-user .media-right > .img-xs { margin-top: 3px; margin-bottom: 3px; } .sidebar-xs .sidebar-main .sidebar-user .media-body, .sidebar-xs .sidebar-main .sidebar-user .media-right { display: none; } .sidebar-xs .sidebar-main .navigation-lg > li > ul { top: 48px; } .sidebar-xs .sidebar-main .navigation-sm > li > ul { top: 40px; } .sidebar-xs .sidebar-main .navigation-xs > li > ul { top: 36px; } .sidebar-xs .sidebar-main.sidebar-default .navigation > li > a > span { background-color: #f5f5f5; border-color: #ddd; color: #333333; } .sidebar-xs .sidebar-main.sidebar-default .navigation > li > a > span .label, .sidebar-xs .sidebar-main.sidebar-default .navigation > li > a > span .badge { color: #333333; } .sidebar-xs .sidebar-main.sidebar-default .navigation > li > ul { background-color: #fff; border: 1px solid #ddd; border-top: 0; } .sidebar-xs .sidebar-main.sidebar-default .navigation > li:hover:not(.active) > a { background-color: #f5f5f5; color: #333333; } } .sidebar .row { margin-left: -5px; margin-right: -5px; } .sidebar .row [class*=col-] { padding-left: 5px; padding-right: 5px; } @media (max-width: 768px) { .sidebar .sp-container { display: block; width: 220px; margin-left: auto; margin-right: auto; } } .sidebar .sp-flat .sp-picker-container { display: block; width: 218px; } .sidebar .panel-group .panel { border-radius: 0; border-width: 0 0 1px 0; } .sidebar .panel-group .panel:first-child { border-top-width: 1px; } .sidebar .panel-group .panel + .panel { margin-top: 0; } .sidebar .media-list-bordered > li { border-top: 0; border-bottom: 1px solid #eeeeee; } .sidebar:not(.sidebar-default) .media .text-muted, .sidebar:not(.sidebar-default) .media .media-annotation { color: rgba(255, 255, 255, 0.8); } .sidebar:not(.sidebar-default) .media .media-left > a, .sidebar:not(.sidebar-default) .media .media-body > a, .sidebar:not(.sidebar-default) .media .media-right > a { color: #fff; } .sidebar:not(.sidebar-default) .media .media-link:hover, .sidebar:not(.sidebar-default) .media .media-link:focus { background-color: rgba(0, 0, 0, 0.1); } .sidebar:not(.sidebar-default) .media .media-badge { border-color: #263238; } .sidebar:not(.sidebar-default) .media-list-bordered > li { border-color: rgba(255, 255, 255, 0.1); } .sidebar .thumbnail { margin-bottom: 10px; } .sidebar .thumbnail:last-child { margin-bottom: 0; } .sidebar .thumbnail .zoom-image i { font-size: 16px; margin-top: -8px; margin-left: -8px; } .sidebar .sidebar-category .checkbox, .sidebar .sidebar-category .radio { margin-top: 0; } .sidebar .sidebar-category .checkbox:last-child, .sidebar .sidebar-category .radio:last-child { margin-bottom: 0; } .sidebar .form-group:last-child { margin-bottom: 0; } .sidebar .nav-tabs { border-width: 0 0 1px 0; } @media (min-width: 769px) { .sidebar .nav-tabs { border-width: 1px; } .sidebar .nav-tabs > li > a { border-bottom-color: rgba(255, 255, 255, 0.1); background-color: rgba(0, 0, 0, 0.2); color: rgba(255, 255, 255, 0.6); border-top: 0; border-radius: 0; } .sidebar .nav-tabs > li > a:hover, .sidebar .nav-tabs > li > a:focus { color: #fff; border-bottom-color: rgba(255, 255, 255, 0.1); } .sidebar .nav-tabs > .active > a, .sidebar .nav-tabs > .active > a:hover, .sidebar .nav-tabs > .active > a:focus { border-top: 0; border-bottom: 0; background-color: transparent; border-color: rgba(255, 255, 255, 0.1); color: #fff; } .sidebar .nav-tabs > .active:first-child > a { border-left-color: transparent!important; } .sidebar .nav-tabs > .active:last-child > a { border-right-color: transparent!important; } .sidebar .nav-tabs > .open > a { color: #fff; } .sidebar .nav-tabs > .open:not(.active) > a { background-color: rgba(0, 0, 0, 0.2); } } @media (min-width: 769px) { .sidebar-default .nav-tabs > li > a { background-color: #fafafa; border-bottom-color: #ddd; color: #999999; } .sidebar-default .nav-tabs > li > a:hover, .sidebar-default .nav-tabs > li > a:focus { color: #333333; border-bottom-color: #ddd; } .sidebar-default .nav-tabs > .active > a, .sidebar-default .nav-tabs > .active > a:hover, .sidebar-default .nav-tabs > .active > a:focus { border-color: #ddd; color: #333333; } .sidebar-default .nav-tabs > .open > a { border-bottom-color: #ddd; color: #333333; } .sidebar-default .nav-tabs > .open:not(.active) > a { background-color: #fafafa; } } @media (min-width: 769px) { .sidebar-default .nav-justified > li:first-child .dropdown-menu:not(.dropdown-menu-right) { left: -1px; } .sidebar-default .nav-justified > li:last-child .dropdown-menu-right { right: -1px; } } /* ------------------------------------------------------------------------------ * * # Main content layout * * Styles for main structure of content area * * Version: 1.0 * Latest update: May 25, 2015 * * ---------------------------------------------------------------------------- */ .page-container { position: relative; } @media (min-width: 769px) { .page-container { width: 100%; display: table; table-layout: fixed; } @-moz-document url-prefix() { .page-container { height: 1px; } } } @media (min-width: 769px) { .page-content { display: table-row; } } .content-wrapper { width: 100%; } @media (min-width: 769px) { .content-wrapper { display: table-cell; vertical-align: top; } } .content { padding: 0 20px 60px 20px; } .content:after { content: ''; display: table; clear: both; } .content:first-child { padding-top: 20px; } body[class*=navbar-bottom] .content { padding-bottom: 20px; } /* ------------------------------------------------------------------------------ * * # Boxed layout * * Styles for main structure of content area in boxed layout * * Version: 1.0 * Latest update: May 25, 2015 * * ---------------------------------------------------------------------------- */ .layout-boxed { background: url(name=boxed_bg.png) repeat; } .layout-boxed > .navbar { margin-left: auto; margin-right: auto; } .layout-boxed .page-container { background-color: #f5f5f5; margin-left: auto; margin-right: auto; min-width: 0; } @media (min-width: 769px) { .layout-boxed .page-container, .layout-boxed > .navbar { width: 769px; } } @media (min-width: 1025px) { .layout-boxed .page-container, .layout-boxed > .navbar { width: 1025px; } } @media (min-width: 1200px) { .layout-boxed .page-container, .layout-boxed > .navbar { width: 1200px; } } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .layout-boxed { background: url(name=boxed_bg_retina.png) repeat; } } /* ------------------------------------------------------------------------------ * * # Footer * * Main footer styles, currently 1 version only * * Version: 1.2 * Latest update: Jan 5, 2017 * * ---------------------------------------------------------------------------- */ .footer { position: absolute; bottom: 30px; } .footer.navbar { left: 0; right: 0; bottom: 0; } .footer.navbar-fixed-bottom { z-index: auto; } body[class*=navbar-bottom] .footer:not(.navbar) { display: none; } .footer-boxed { left: 0; right: 0; padding-left: 20px; padding-right: 20px; } /* ------------------------------------------------------------------------------ * * # Utilites * * Additional animations, transitions, transforms and other utilities * * Version: 1.0 * Latest update: May 25, 2015 * * ---------------------------------------------------------------------------- */ .rotate-45 { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .rotate-90 { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } .rotate-180 { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .rotate-45-inverse { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .rotate-90-inverse { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); } .rotate-180-inverse { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -o-transform: rotate(-180deg); transform: rotate(-180deg); } .spinner { display: inline-block; -webkit-animation: rotation 1s linear infinite; -o-animation: rotation 1s linear infinite; animation: rotation 1s linear infinite; } .spinner-reverse { display: inline-block; -webkit-animation: rotation_reverse 1s linear infinite; -o-animation: rotation_reverse 1s linear infinite; animation: rotation_reverse 1s linear infinite; } @-webkit-keyframes rotation { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @-moz-keyframes rotation { 0% { -moz-transform: rotate(0deg); } 100% { -moz-transform: rotate(360deg); } } @-ms-keyframes rotation { 0% { -ms-transform: rotate(0deg); } 100% { -ms-transform: rotate(360deg); } } @-o-keyframes rotation { 0% { -o-transform: rotate(0deg); } 100% { -o-transform: rotate(360deg); } } @keyframes rotation { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @-webkit-keyframes rotation_reverse { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(-360deg); } } @-moz-keyframes rotation_reverse { 0% { -moz-transform: rotate(0deg); } 100% { -moz-transform: rotate(-360deg); } } @-ms-keyframes rotation_reverse { 0% { -ms-transform: rotate(0deg); } 100% { -ms-transform: rotate(-360deg); } } @-o-keyframes rotation_reverse { 0% { -o-transform: rotate(0deg); } 100% { -o-transform: rotate(-360deg); } } @keyframes rotation_reverse { 0% { transform: rotate(0deg); } 100% { transform: rotate(-360deg); } } @-webkit-keyframes bounceIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes bounceOut { 0% { opacity: 1; } 100% { opacity: 0; } } /* ------------------------------------------------------------------------------ * * # Demo styles * * Styles used for demostration purposes only * * Version: 1.1 * Latest update: Nov 25, 2015 * * ---------------------------------------------------------------------------- */ .jqueryui-demo-container { font-size: 0; } .jqueryui-demo-element { width: 90px; height: 90px; border-radius: 100px; background-color: #fafafa; border: 2px dashed #ddd; color: #777; font-size: 12px; vertical-align: middle; margin: auto; position: relative; z-index: 10; } .jqueryui-demo-element + .jqueryui-demo-element { margin: 20px auto 0 auto; } .jqueryui-demo-element > span { position: absolute; top: 50%; margin-top: -10px; left: 0; right: 0; } @media (min-width: 769px) { .jqueryui-demo-element { display: inline-block; } .jqueryui-demo-element + .jqueryui-demo-element { margin: 0 0 0 20px; } } .selectable-demo-list { list-style: none; display: inline-block; margin: 0; padding: 0; width: 200px; } .selectable-demo-list > .ui-sortable-handle, .selectable-demo-list > .ui-selectee, .ui-handle-excluded { padding: 6px 12px; background-color: #fcfcfc; border: 1px solid #ddd; border-radius: 2px; cursor: pointer; color: #777; font-size: 12px; } .selectable-demo-list > .ui-sortable-handle.ui-selecting, .selectable-demo-list > .ui-selectee.ui-selecting { background-color: #29B6F6; border-color: #039BE5; color: #fff; } .selectable-demo-list > .ui-sortable-handle.ui-selected, .selectable-demo-list > .ui-selectee.ui-selected { background-color: #03A9F4; border-color: #0288D1; color: #fff; } .selectable-demo-list > li + li { margin-top: 5px; } .selectable-demo-list > .ui-sortable-helper:first-child + li { margin-top: 0; } .selectable-demo-connected + .selectable-demo-connected { margin-top: 20px; } @media (min-width: 769px) { .selectable-demo-connected + .selectable-demo-connected { margin-top: 0; margin-left: 20px; } } .droppable-demo-target { width: 110px; height: 110px; background-color: #E3F2FD; border-color: #2196F3; color: #1565C0; z-index: 9; } .droppable-demo-drop { background-color: #E8F5E9; border-color: #4CAF50; color: #2E7D32; } .demo-color { height: 150px; position: relative; border-top-right-radius: 3px; border-top-left-radius: 3px; } .demo-color > span { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; padding: 6px; background-color: rgba(0, 0, 0, 0.2); font-size: 12px; color: #fff; } .overlay-demo { display: inline-block; background-color: #333; border-radius: 3px; } .overlay-demo-light { background-color: #f5f5f5; } .glyphs > div { padding: 7px 12px; cursor: pointer; } .glyphs > div > i { margin-right: 10px; width: 1em; text-align: center; } .glyphs > div:hover { background-color: #009688; color: #fff; border-radius: 2px; } .glyphs > div:hover span { color: #fff; } .grid-demo [class*="col-"] > div:not(.row) { margin-bottom: 20px; padding: 10px; text-align: center; background-color: #F7F7FC; border: 1px solid #ddd; color: #333333; } .demo-velocity-box { padding: 12px 15px; margin-bottom: 20px; position: relative; border: 1px solid #ccc; text-align: center; background-color: #fcfcfc; border-radius: 3px; -webkit-box-shadow: 0 0 0 0 #2196F3; box-shadow: 0 0 0 0 #2196F3; } .demo-velocity-box > span { float: left; } .demo-velocity-box span { vertical-align: middle; } .demo-velocity-box .icons-list { float: right; margin-top: 2px; } .demo-velocity-box .icons-list a { opacity: 0.8; filter: alpha(opacity=80); } .demo-velocity-box .icons-list a:hover { opacity: 1; filter: alpha(opacity=100); } .blockui-growl { display: none; text-align: left; padding: 15px; background-color: #455A64; color: #fff; border-radius: 3px; } .blockui-growl h6 { margin-top: 2px; margin-bottom: 8px; } .blockui-message { display: none; background-color: #455A64; color: #fff; border-radius: 3px; padding: 15px 15px 10px 15px; } .blockui-message > i { display: block; margin-bottom: 10px; } .multiple-messages-container, .blockui-animation-container { display: none; } .blockui-animation-container { background-color: #555; padding: 10px; line-height: 1; border-radius: 3px; } .val-demo { display: block; margin-top: 20px; } .val-demo > span { font-weight: 500; } /* ------------------------------------------------------------------------------ * * # Pace. Default theme * * Minimal preloader theme, used as a default theme * * Version: 1.0 * Latest update: May 25, 2015 * * ---------------------------------------------------------------------------- */ .pace { -webkit-pointer-events: none; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .pace .pace-progress { background: #4FC3F7; position: fixed; z-index: 2000; top: 0; width: 100%; right: 100%; height: 2px; } .pace-inactive { display: none; } /* ------------------------------------------------------------------------------ * * # Progress bars * * Static demo of Pace themes. For demonstration purposes only. DO NOT use it in live project * * Version: 1.0 * Latest update: Mar 2, 2015 * * ---------------------------------------------------------------------------- */ .pace-demo { display: inline-block; background-color: #37474F; border-radius: 3px; margin-top: 1px; margin-bottom: 1px; vertical-align: middle; padding: 20px; position: relative; } .pace-demo .pace_progress { display: none; } .theme_xbox_xs, .theme_xbox_sm, .theme_xbox { position: relative; width: 44px; height: 44px; } .theme_xbox_xs .pace_activity, .theme_xbox_sm .pace_activity, .theme_xbox .pace_activity { width: 44px; height: 44px; -webkit-animation: rotation 1.5s ease-in-out infinite; -o-animation: rotation 1.5s ease-in-out infinite; animation: rotation 1.5s ease-in-out infinite; } .theme_xbox_xs .pace_activity, .theme_xbox_xs .pace_activity:before, .theme_xbox_xs .pace_activity:after, .theme_xbox_sm .pace_activity, .theme_xbox_sm .pace_activity:before, .theme_xbox_sm .pace_activity:after, .theme_xbox .pace_activity, .theme_xbox .pace_activity:before, .theme_xbox .pace_activity:after { border-radius: 50%; border: 1px solid transparent; border-top-color: #fff; } .theme_xbox_xs .pace_activity:before, .theme_xbox_sm .pace_activity:before, .theme_xbox .pace_activity:before { content: ""; position: absolute; top: 5px; left: 5px; right: 5px; bottom: 5px; -webkit-animation: rotation 2s ease-in-out infinite; -o-animation: rotation 2s ease-in-out infinite; animation: rotation 2s ease-in-out infinite; } .theme_xbox_xs .pace_activity:after, .theme_xbox_sm .pace_activity:after, .theme_xbox .pace_activity:after { content: ""; position: absolute; top: 12px; left: 12px; right: 12px; bottom: 12px; -webkit-animation: rotation 1s ease-in-out infinite; -o-animation: rotation 1s ease-in-out infinite; animation: rotation 1s ease-in-out infinite; } .theme_xbox_with_text span { display: block; margin-top: 7px; color: #fff; } .theme_xbox_sm .pace_activity, .theme_xbox_sm .pace_activity:before, .theme_xbox_sm .pace_activity:after { border-width: 2px; } .theme_xbox .pace_activity, .theme_xbox .pace_activity:before, .theme_xbox .pace_activity:after { border-width: 3px; } .theme_perspective { pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 30px; height: 30px; } .theme_perspective .pace_activity { width: 20px; height: 20px; display: inline-block; margin-top: 5px; margin-bottom: 5px; background-color: #fff; -webkit-animation: perspective 1.2s infinite ease-in-out; -o-animation: perspective 1.2s infinite ease-in-out; animation: perspective 1.2s infinite ease-in-out; } @keyframes perspective { 0% { transform: perspective(120px); } 50% { transform: perspective(120px) rotateY(180deg); } 100% { transform: perspective(120px) rotateY(180deg) rotateX(180deg); } } @-webkit-keyframes perspective { 0% { -webkit-transform: perspective(120px); } 50% { -webkit-transform: perspective(120px) rotateY(180deg); } 100% { -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg); } } @-moz-keyframes perspective { 0% { -moz-transform: perspective(120px); } 50% { -moz-transform: perspective(120px) rotateY(180deg); } 100% { -moz-transform: perspective(120px) rotateY(180deg) rotateX(180deg); } } .theme_perspective_with_text span, .theme_squares_with_text span, .theme_tail_with_text span, .theme_corners_with_text span, .theme_radar_with_text span { display: block; position: absolute; left: 0; bottom: 2px; width: 100%; color: #fff; } .theme_squares { width: 30px; height: 30px; } .theme_squares .pace_activity:before, .theme_squares .pace_activity:after { position: absolute; content: ""; border: 2px solid #fff; width: 20px; height: 20px; margin-left: -10px; margin-top: 5px; } .theme_squares .pace_activity:before { width: 30px; height: 30px; margin-left: -15px; margin-top: 0; -webkit-animation: rotation_reverse 2s linear infinite; -o-animation: rotation_reverse 2s linear infinite; animation: rotation_reverse 2s linear infinite; } .theme_squares .pace_activity:after { -webkit-animation: rotation 2s linear infinite; -o-animation: rotation 2s linear infinite; animation: rotation 2s linear infinite; } .theme_tail { width: 30px; height: 30px; } .theme_tail .pace_activity { border-radius: 50%; width: 30px; height: 30px; border: 3px solid transparent; border-left-color: #ffffff; -webkit-animation: rotation 1.1s infinite linear; -o-animation: rotation 1.1s infinite linear; animation: rotation 1.1s infinite linear; } .theme_tail_circle { width: 30px; height: 30px; } .theme_tail_circle .pace_activity { border-radius: 50%; width: 30px; height: 30px; border: 3px solid rgba(0, 0, 0, 0.1); border-left-color: #ffffff; -webkit-animation: rotation 1.1s infinite linear; -o-animation: rotation 1.1s infinite linear; animation: rotation 1.1s infinite linear; } .theme_corners { height: 30px; width: 30px; } .theme_corners .pace_activity { display: inline-block; width: 12px; height: 12px; margin-top: 9px; margin-bottom: 3px; background-color: #fff; border-radius: 10px; -webkit-animation: corners 1.5s ease infinite; -o-animation: corners 1.5s ease infinite; animation: corners 1.5s ease infinite; } @keyframes corners { 0% { transform: rotate(0deg); } 50% { transform: scale(1.5) rotate(180deg); border-radius: 0; } 100% { transform: rotate(360deg); } } @-webkit-keyframes corners { 0% { -webkit-transform: rotate(0deg); } 50% { -webkit-transform: scale(2) rotate(180deg); border-radius: 0; } 100% { -webkit-transform: rotate(360deg); } } @-moz-keyframes corners { 0% { -moz-transform: rotate(0deg); } 50% { -moz-transform: scale(2) rotate(180deg); border-radius: 0; } 100% { -moz-transform: rotate(360deg); } } .theme_radar { width: 30px; height: 30px; } .theme_radar .pace_activity { display: inline-block; margin-top: 3px; margin-bottom: 3px; width: 24px; height: 24px; border-radius: 50%; border: 2px solid transparent; border-top-color: #fff; border-bottom-color: #fff; -webkit-animation: rotation 1.1s infinite linear; -o-animation: rotation 1.1s infinite linear; animation: rotation 1.1s infinite linear; } .theme_bar, .theme_bar_sm, .theme_bar_xs { position: relative; width: 200px; height: 6px; background-color: rgba(0, 0, 0, 0.4); border-radius: 100px; -webkit-box-shadow: 0 0 5px rgba(255, 255, 255, 0.1); box-shadow: 0 0 5px rgba(255, 255, 255, 0.1); } .theme_bar .pace_progress, .theme_bar_sm .pace_progress, .theme_bar_xs .pace_progress { max-width: 198px; display: block; position: absolute; left: 1px; top: 1px; height: 4px; background: #3FCF96; color: #fff; line-height: 32px; border-radius: 100px; } .theme_bar_sm { height: 5px; } .theme_bar_sm .pace_progress { height: 3px; } .theme_bar_xs { height: 4px; } .theme_bar_xs .pace_progress { height: 2px; } /* ------------------------------------------------------------------------------ * * # Uniform form inputs plugin * * Styles for uniform.min.js - form components styling * * Version: 1.2 * Latest update: Aug 10, 2016 * * ---------------------------------------------------------------------------- */ .checker { position: relative; display: inline-block; cursor: pointer; vertical-align: middle; } .checker, .checker span, .checker input { width: 18px; height: 18px; } .checker span { color: #455A64; border: 2px solid #607D8B; display: inline-block; text-align: center; position: relative; border-radius: 2px; } .checker span:after { content: "\e600"; font-family: 'icomoon'; font-size: 16px; line-height: 1; position: absolute; top: -1px; left: -1px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; opacity: 0; filter: alpha(opacity=0); } .checker span.checked:after { opacity: 1; filter: alpha(opacity=100); } .checker input[type=checkbox], .choice input[type=radio] { border: none; background: none; display: -moz-inline-box; display: inline-block; margin: 0; vertical-align: top; cursor: pointer; position: absolute; top: -2px; left: -2px; z-index: 2; opacity: 0; filter: alpha(opacity=0); } .checkbox .checker, .checkbox-inline .checker { position: absolute; top: 1px; left: 0; } .form-horizontal .checkbox .checker, .form-horizontal .checkbox-inline .checker { top: 9px; } .checkbox-right .checker { left: auto; right: 0; } .checker.disabled { opacity: 0.5; filter: alpha(opacity=50); } .checker.disabled, .checker.disabled input[type=checkbox] { cursor: not-allowed; } .checkbox > label:active .checker.disabled span:after, .checkbox-inline:active .checker.disabled span:after { opacity: 0; filter: alpha(opacity=0); } .checkbox > label:active .checker.disabled span.checked:after, .checkbox-inline:active .checker.disabled span.checked:after { opacity: 1; filter: alpha(opacity=100); } .checker[class*=border-] span { border-color: inherit; color: inherit; } .dropdown-menu > .active:not(.disabled) .checker span, .dropdown-menu[class*=bg-] .checker span, .page-header-inverse .form-group > .checkbox .checker span, .page-header-inverse .form-group > .checkbox-inline .checker span, .navbar-inverse .navbar-form .form-group > .checkbox .checker span, .navbar-inverse .navbar-form .form-group > .checkbox-inline .checker span, .sidebar:not(.sidebar-default) .checkbox .checker span, .sidebar:not(.sidebar-default) .checkbox-inline .checker span { border-color: #fff; color: #fff; } .choice { position: relative; display: inline-block; cursor: pointer; vertical-align: middle; border-radius: 100%; } .choice, .choice span, .choice input { width: 18px; height: 18px; } .choice span { border: 2px solid #607D8B; display: -moz-inline-box; display: inline-block; border-radius: 100%; text-align: center; position: relative; } .choice span:after { content: ""; position: absolute; top: 3px; left: 3px; border: 4px solid; border-color: inherit; width: 0; height: 0; border-radius: 100%; opacity: 0; filter: alpha(opacity=0); } .choice span.checked:after { opacity: 1; filter: alpha(opacity=100); } .radio .choice, .radio-inline .choice { position: absolute; top: 1px; left: 0; } .form-horizontal .radio .choice, .form-horizontal .radio-inline .choice { top: 9px; } .radio-right .choice { left: auto; right: 0; } .choice.disabled { opacity: 0.5; filter: alpha(opacity=50); } .choice.disabled, .choice.disabled input[type=radio] { cursor: not-allowed; } .radio > label:active .choice.disabled span:after, .radio-inline:active .choice.disabled span:after { opacity: 0; filter: alpha(opacity=0); } .radio > label:active .choice.disabled span.checked:after, .radio-inline:active .choice.disabled span.checked:after { opacity: 1; filter: alpha(opacity=100); } .choice[class*=border-] span { border-color: inherit; } .choice[class*=border-] span:after { border-color: inherit; } .dropdown-menu > .active .choice span, .dropdown-menu[class*=bg-] .choice span, .page-header-inverse .form-group > .radio .choice span, .page-header-inverse .form-group > .radio-inline .choice span, .navbar-inverse .navbar-form .form-group > .radio .choice span, .navbar-inverse .navbar-form .form-group > .radio-inline .choice span, .sidebar:not(.sidebar-default) .radio .choice span, .sidebar:not(.sidebar-default) .radio-inline .choice span { border-color: #fff; } .uploader { width: 100%; position: relative; display: table; } .uploader .filename { color: #999999; height: 36px; padding: 7px 12px; cursor: pointer; width: 100%; display: table-cell; cursor: default; border: 1px solid #ddd; border-right: 0; background-color: #fff; text-align: left; word-break: break-word; border-bottom-left-radius: 3px; border-top-left-radius: 3px; } .uploader .action { display: table-cell; cursor: pointer; z-index: 1; border-radius: 0; border-bottom-right-radius: 3px; border-top-right-radius: 3px; } .uploader .action.btn { margin-top: 0; } .uploader:hover .action, .uploader:focus .action { -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.05) inset; box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.05) inset; } .uploader:hover .action.btn-default, .uploader:focus .action.btn-default { -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.01) inset; box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.01) inset; } .uploader:active .action { -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.1) inset; box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.1) inset; } .uploader:active .action.btn-default { -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.03) inset; box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.03) inset; } .uploader input[type=file] { width: 100%; margin-top: 0; position: absolute; top: 0; right: 0; bottom: 0; height: 36px; border: 0; cursor: pointer; z-index: 10; opacity: 0; filter: alpha(opacity=0); } .uploader.disabled .filename { background-color: #fafafa; cursor: not-allowed; } .uploader-lg input[type=file], .uploader-lg .action, .uploader-lg .filename { height: 40px; } .uploader-lg .filename { padding: 9px 15px; font-size: 14px; line-height: 1.4285715; } .uploader-sm input[type=file], .uploader-sm .action, .uploader-sm .filename { height: 34px; } .uploader-sm .filename { padding: 6px 11px; font-size: 12px; line-height: 1.6666667; } .uploader-xs input[type=file], .uploader-xs .action, .uploader-xs .filename { height: 32px; } .uploader-xs .filename { padding: 5px 10px; font-size: 12px; line-height: 1.6666667; } /* ------------------------------------------------------------------------------ * * # Switchery toggles * * Styles for switchery.min.js - toggle switches * * Version: 1.0 * Latest update: Mar 25, 2015 * * ---------------------------------------------------------------------------- */ .switchery { background-color: #fff; border: 1px solid #ddd; border-radius: 100px; cursor: pointer; display: inline-block; width: 44px; height: 22px; vertical-align: middle; position: relative; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .checkbox-switchery .switchery { position: absolute; left: 0; margin-top: -2px; } .switchery > small { background-color: #fff; border-radius: 100px; width: 22px; height: 22px; position: absolute; top: 0; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); } .checkbox.checkbox-switchery { margin-bottom: 14px; padding-left: 0; } .checkbox.checkbox-switchery.disabled .switchery { cursor: not-allowed; } .checkbox[class*=switchery-], .checkbox-inline[class*=switchery-] { padding-left: 0; padding-right: 0; } .switchery-lg.checkbox-switchery { margin-bottom: 18px; } .switchery-lg.checkbox-switchery .switchery { margin-top: -4px; } label.switchery-lg { margin-bottom: 0; } .switchery-lg .switchery { height: 26px; width: 52px; } .switchery-lg .switchery > small { height: 26px; width: 26px; } .switchery-sm.checkbox-switchery { margin-bottom: 10px; } .switchery-sm.checkbox-switchery .switchery { margin-top: 0px; } label.switchery-sm { margin-bottom: 0; } .switchery-sm .switchery { height: 18px; width: 36px; } .switchery-sm .switchery > small { height: 18px; width: 18px; } .switchery-xs.checkbox-switchery { margin-bottom: 6px; } .switchery-xs.checkbox-switchery .switchery { margin-top: 2px; } label.switchery-xs { margin-bottom: 0; } .switchery-xs .switchery { height: 14px; width: 28px; } .switchery-xs .switchery > small { height: 14px; width: 14px; } .checkbox-switchery label, label.checkbox-switchery { position: relative; padding-left: 56px; margin: 0; cursor: pointer; } .checkbox-switchery.switchery-lg label, label.checkbox-switchery.switchery-lg { padding-left: 64px; } .checkbox-switchery.switchery-sm label, label.checkbox-switchery.switchery-sm { padding-left: 48px; } .checkbox-switchery.switchery-xs label, label.checkbox-switchery.switchery-xs { padding-left: 40px; } .checkbox-switchery.checkbox-inline { margin-bottom: 0; } .checkbox-switchery.checkbox-right .switchery { left: auto; right: 0; } .checkbox-switchery.checkbox-right label, label.checkbox-switchery.checkbox-right { padding-left: 0; padding-right: 56px; } .checkbox-switchery.checkbox-right.switchery-lg label, label.checkbox-switchery.checkbox-right.switchery-lg { padding-left: 0; padding-right: 64px; } .checkbox-switchery.checkbox-right.switchery-sm label, label.checkbox-switchery.checkbox-right.switchery-sm { padding-left: 0; padding-right: 48px; } .checkbox-switchery.checkbox-right.switchery-xs label, label.checkbox-switchery.checkbox-right.switchery-xs { padding-left: 0; padding-right: 40px; } .switchery-double .switchery { position: relative; margin-left: 7px; margin-right: 7px; margin-top: -7px; margin-bottom: -5px; } .switchery-double.checkbox-switchery label, label.switchery-double.checkbox-switchery { padding: 0; } .switchery-double.switchery-lg .switchery { margin-top: -8px; margin-bottom: -6px; } .switchery-double.switchery-sm .switchery { margin-top: -6px; margin-bottom: -4px; } .switchery-double.switchery-xs .switchery { margin-top: -5px; margin-bottom: -3px; } /* ------------------------------------------------------------------------------ * * # Bootstrap switches * * Styles for switch.min.js - checkbox/radio toggle switches * * Version: 1.1 * Latest update: Oct 20, 2015 * * ---------------------------------------------------------------------------- */ .bootstrap-switch { display: inline-block; cursor: pointer; margin-top: -2px; margin-right: 7px; border-radius: 3px; border: 1px solid transparent; position: relative; text-align: left; overflow: hidden; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: all ease-in-out 0.05s; -o-transition: all ease-in-out 0.05s; transition: all ease-in-out 0.05s; } .bootstrap-switch .bootstrap-switch-container { display: inline-block; top: 0; border-radius: 3px; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .bootstrap-switch.bootstrap-switch-focused { outline: 0; } .bootstrap-switch .bootstrap-switch-handle-on, .bootstrap-switch .bootstrap-switch-handle-off, .bootstrap-switch .bootstrap-switch-label { cursor: pointer; display: inline-block !important; height: 100%; padding: 7px 12px; } .bootstrap-switch input[type='radio'], .bootstrap-switch input[type='checkbox'] { position: absolute !important; top: 0; left: 0; z-index: -1; opacity: 0; filter: alpha(opacity=0); } .bootstrap-switch input[type='radio'].form-control, .bootstrap-switch input[type='checkbox'].form-control { height: auto; } .bootstrap-switch.bootstrap-switch-disabled, .bootstrap-switch.bootstrap-switch-readonly, .bootstrap-switch.bootstrap-switch-indeterminate { cursor: default !important; } .bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-on, .bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-on, .bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-handle-on, .bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-off, .bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-off, .bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-handle-off, .bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-label, .bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-label, .bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-label { cursor: default !important; opacity: 0.5; filter: alpha(opacity=50); } .bootstrap-switch.bootstrap-switch-animate .bootstrap-switch-container { -webkit-transition: margin 0.2s; -o-transition: margin 0.2s; transition: margin 0.2s; } .bootstrap-switch.bootstrap-switch-inverse .bootstrap-switch-handle-on { border-bottom-left-radius: 0; border-top-left-radius: 0; border-bottom-right-radius: 2px; border-top-right-radius: 2px; } .bootstrap-switch.bootstrap-switch-inverse .bootstrap-switch-handle-off { border-bottom-right-radius: 0; border-top-right-radius: 0; border-bottom-left-radius: 2px; border-top-left-radius: 2px; } .bootstrap-switch.bootstrap-switch-on .bootstrap-switch-label, .bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-off .bootstrap-switch-label { border-bottom-right-radius: 2px; border-top-right-radius: 2px; } .bootstrap-switch.bootstrap-switch-off .bootstrap-switch-label, .bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-on .bootstrap-switch-label { border-bottom-left-radius: 2px; border-top-left-radius: 2px; } .bootstrap-switch-handle-on, .bootstrap-switch-handle-off { text-align: center; z-index: 1; } .bootstrap-switch-handle-on.bootstrap-switch-default, .bootstrap-switch-handle-off.bootstrap-switch-default { color: #333333; background-color: #eeeeee; } .bootstrap-switch-handle-on.bootstrap-switch-primary, .bootstrap-switch-handle-off.bootstrap-switch-primary { color: #fff; background-color: #2196F3; } .bootstrap-switch-handle-on.bootstrap-switch-danger, .bootstrap-switch-handle-off.bootstrap-switch-danger { color: #fff; background-color: #F44336; } .bootstrap-switch-handle-on.bootstrap-switch-success, .bootstrap-switch-handle-off.bootstrap-switch-success { color: #fff; background-color: #4CAF50; } .bootstrap-switch-handle-on.bootstrap-switch-warning, .bootstrap-switch-handle-off.bootstrap-switch-warning { color: #fff; background-color: #FF5722; } .bootstrap-switch-handle-on.bootstrap-switch-info, .bootstrap-switch-handle-off.bootstrap-switch-info { color: #fff; background-color: #00BCD4; } .bootstrap-switch-handle-on { border-bottom-left-radius: 2px; border-top-left-radius: 2px; } .bootstrap-switch-handle-off { border-bottom-right-radius: 2px; border-top-right-radius: 2px; } .bootstrap-switch-label { text-align: center; z-index: 100; color: #333333; background-color: #fff; position: relative; -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset; } .bootstrap-switch-label:hover { background-color: #fcfcfc; } .bootstrap-switch-label:active { background-color: #fafafa; } .bootstrap-switch-label:after { content: ''; position: absolute; top: 50%; left: 50%; width: 3px; height: 10px; margin-top: -5px; margin-left: -1px; display: inline-block; border-left: 1px solid #ddd; border-right: 1px solid #ddd; } .bootstrap-switch-large .bootstrap-switch-handle-on, .bootstrap-switch-large .bootstrap-switch-handle-off, .bootstrap-switch-large .bootstrap-switch-label { padding: 9px 15px; } .bootstrap-switch-mini .bootstrap-switch-handle-on, .bootstrap-switch-mini .bootstrap-switch-handle-off, .bootstrap-switch-mini .bootstrap-switch-label { padding: 5px 10px; } .bootstrap-switch-small .bootstrap-switch-handle-on, .bootstrap-switch-small .bootstrap-switch-handle-off, .bootstrap-switch-small .bootstrap-switch-label { padding: 6px 11px; } .checkbox-switch > label, label.checkbox-switch.checkbox-inline { padding: 0; } .checkbox-switch.checkbox-right .bootstrap-switch { margin-right: 0; margin-left: 7px; } /* ------------------------------------------------------------------------------ * * # Select2 selects * * Styles for select2.js - custom select plugin * * Version: 1.3 * Latest update: Mar 10, 2016 * * ---------------------------------------------------------------------------- */ .select2-container { outline: 0; position: relative; display: inline-block; vertical-align: middle; text-align: left; } .select2-selection--single { cursor: pointer; outline: 0; display: block; height: 36px; padding: 7px 0; line-height: 1.5384616; position: relative; border: 1px solid transparent; white-space: nowrap; border-radius: 3px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .select2-selection--single:hover, .select2-selection--single:focus, .select2-container--open .select2-selection--single { -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.01) inset; box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.01) inset; } .select2-selection--single:not([class*=bg-]) { background-color: #fff; color: #333333; } .select2-selection--single:not([class*=bg-]):not([class*=border-]) { border-color: #ddd; } .select2-selection--single[class*=bg-]:hover, .select2-selection--single[class*=bg-]:focus, .select2-container--open .select2-selection--single[class*=bg-] { -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.025) inset; box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.025) inset; } .select2-selection--single[class*=bg-] .select2-selection__placeholder { color: #fff; } .select2-container--disabled .select2-selection--single[class*=bg-] .select2-selection__placeholder { color: rgba(255, 255, 255, 0.75); } .select2-selection--single .select2-selection__rendered { display: block; padding-left: 12px; padding-right: 31px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .select2-selection--single .select2-selection__rendered > i { margin-right: 10px; } .select2-selection--single .select2-selection__clear { position: relative; cursor: pointer; float: right; font-size: 0; line-height: 1; margin-top: 2px; margin-left: 5px; opacity: 0.75; filter: alpha(opacity=75); } .select2-selection--single .select2-selection__clear:hover { opacity: 1; filter: alpha(opacity=100); } .select2-selection--single .select2-selection__clear:after { content: '\ed6b'; font-family: 'icomoon'; display: inline-block; font-size: 16px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .select2-selection--single .select2-selection__placeholder { color: #999999; } .select2-selection--single .select2-selection__arrow:after { content: '\e9c5'; font-family: 'Icomoon'; display: inline-block; position: absolute; top: 50%; right: 12px; margin-top: -8px; font-size: 16px; line-height: 1; color: inherit; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .select2-container--open .select2-selection--single .select2-selection__arrow:after { content: '\e9c6'; } .select2-selection--single .select2-selection__arrow b { display: none; } .select2-container--disabled .select2-selection--single { cursor: not-allowed; -webkit-box-shadow: none; box-shadow: none; } .select2-container--disabled .select2-selection--single:not([class*=bg-]) { background-color: #fafafa; color: #999999; } .select2-container--disabled .select2-selection--single[class*=bg-] { -webkit-box-shadow: 0 0 0 100px rgba(255, 255, 255, 0.25) inset; box-shadow: 0 0 0 100px rgba(255, 255, 255, 0.25) inset; } .select2-container--disabled .select2-selection--single .select2-selection__clear { display: none; } .select2-selection--multiple { display: block; border: 1px solid transparent; border-radius: 3px; cursor: text; outline: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .select2-selection--multiple:not([class*=bg-]) { background-color: #fff; } .select2-selection--multiple:not([class*=bg-]):not([class*=border-]) { border-color: #ddd; } .select2-selection--multiple .select2-selection__rendered { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; list-style: none; margin: 0; padding: 0 2px 2px 2px; width: 100%; } .select2-selection--multiple .select2-selection__placeholder { color: #999999; } .select2-container--disabled .select2-selection--multiple:not([class*=bg-]) { background-color: #fafafa; color: #999999; } .select2-container--disabled .select2-selection--multiple[class*=bg-] { -webkit-box-shadow: 0 0 0 100px rgba(255, 255, 255, 0.25) inset; box-shadow: 0 0 0 100px rgba(255, 255, 255, 0.25) inset; } .select2-container--disabled .select2-selection--multiple[class*=bg-] .select2-selection__choice { opacity: 0.9; filter: alpha(opacity=90); } .select2-container--disabled .select2-selection--multiple, .select2-container--disabled .select2-selection--multiple .select2-selection__choice, .select2-container--disabled .select2-selection--multiple .select2-search__field { cursor: not-allowed; } .select2-selection--multiple .select2-selection__choice { background-color: #455A64; color: #fff; border-radius: 3px; cursor: default; float: left; margin-right: 2px; margin-top: 2px; padding: 7px 12px; } .select2-selection--multiple .select2-selection__choice > i { margin-right: 10px; } .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove { cursor: pointer; float: right; font-size: 14px; margin-top: 3px; line-height: 1; margin-left: 7px; opacity: 0.75; filter: alpha(opacity=75); } .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove:hover { opacity: 1; filter: alpha(opacity=100); } .select2-container--disabled .select2-selection--multiple .select2-selection__choice { opacity: 0.6; filter: alpha(opacity=60); } .select2-container--disabled .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove { display: none; } .select2-selection--multiple .select2-search--inline { float: left; } .select2-selection--multiple .select2-search--inline .select2-search__field { font-size: 100%; margin-top: 2px; padding: 7px 0; background-color: transparent; border: 0; outline: 0; margin-left: 7px; -webkit-appearance: textfield; } .select2-selection--multiple .select2-search--inline .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; } .select2-dropdown { background-color: #fff; color: #333333; border: 1px solid #ddd; border-radius: 3px; display: block; position: absolute; left: -100000px; width: 100%; z-index: 9999; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); } .select2-results { display: block; } .select2-results__options { list-style: none; margin: 0; padding: 0; } .select2-results > .select2-results__options { padding-bottom: 7px; max-height: 250px; overflow-y: auto; } .select2-search--hide + .select2-results > .select2-results__options { padding-top: 7px; } .select2-results:first-child > .select2-results__options { padding-top: 7px; } .select2-results__option { padding: 7px 12px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .select2-results__option + .select2-results__option { margin-top: 1px; } .select2-results__option i { margin-right: 10px; } .select2-results__option i.icon-undefined { display: none; } .select2-results__option[role=group] { padding: 0; } .select2-results__option.select2-results__option--highlighted { background-color: #f5f5f5; } .select2-results__option[aria-disabled=true] { color: #999999; cursor: not-allowed; } .select2-dropdown[class*=bg-] .select2-results__option[aria-disabled=true] { color: rgba(255, 255, 255, 0.6); } .select2-results__option[aria-selected=true] { background-color: #2196F3; color: #fff; } .select2-results__options--nested > .select2-results__option { padding-left: 24px; padding-right: 24px; } .select2-results__group { display: block; padding: 7px 12px; font-size: 11px; line-height: 1.82; text-transform: uppercase; cursor: default; margin-top: 7px; margin-bottom: 7px; } .select2-results__option:first-child > .select2-results__group { margin-top: 0; } .select2-results__message { color: #999999; cursor: default; } .select2-dropdown[class*=bg-] .select2-results__message { color: rgba(255, 255, 255, 0.75); } .select2-results__option.loading-results { padding-top: 0; } .select2-results__option.loading-results + .select2-results__option { margin-top: 7px; } .select2-results__option--load-more { text-align: center; margin-top: 7px; cursor: default; } .select2-container--open .select2-dropdown { left: 0; } .select2-container--open .select2-dropdown--above { border-bottom: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .select2-container--open .select2-dropdown--above[class*=bg-] { border-bottom: 1px solid rgba(255, 255, 255, 0.2); } .select2-container--open.select2-container--above .select2-selection--single, .select2-container--open.select2-container--above .select2-selection--multiple { border-top-right-radius: 0; border-top-left-radius: 0; } .select2-container--open .select2-dropdown--below { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; } .select2-container--open .select2-dropdown--below[class*=bg-] { border-top: 1px solid rgba(255, 255, 255, 0.2); } .select2-container--open.select2-container--below .select2-selection--single, .select2-container--open.select2-container--below .select2-selection--multiple { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .select2-search--dropdown { display: block; position: relative; padding: 12px; } .select2-search--dropdown:after { content: '\e98e'; font-family: 'icomoon'; position: absolute; top: 50%; left: 24px; color: inherit; display: block; font-size: 12px; margin-top: -6px; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; opacity: 0.6; filter: alpha(opacity=60); } .select2-search--dropdown + .select2-results .select2-results__message:first-child { padding-top: 0; } .select2-search--dropdown .select2-search__field { height: 36px; padding: 7px 12px; padding-left: 36px; border-radius: 3px; border: 1px solid #ddd; outline: 0; width: 100%; } .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; } .select2-search--dropdown.select2-search--hide { display: none; } .select-lg.select2-selection--single { height: 40px; padding: 9px 0; font-size: 14px; } .select-lg.select2-selection--single .select2-selection__rendered { padding-left: 15px; padding-right: 34px; } .select-lg.select2-selection--single .select2-selection__arrow:after { right: 15px; } .select-lg.select2-selection--multiple .select2-selection__choice { padding: 9px 15px; font-size: 14px; } .select-lg.select2-selection--multiple .select2-search--inline .select2-search__field { padding: 9px 0; font-size: 14px; } .select-sm.select2-selection--single { height: 34px; padding: 6px 0; font-size: 12px; line-height: 1.6666667; } .select-sm.select2-selection--single .select2-selection__rendered { padding-left: 11px; padding-right: 26px; } .select-sm.select2-selection--single .select2-selection__arrow:after { right: 11px; } .select-sm.select2-selection--multiple .select2-selection__choice { padding: 6px 11px; font-size: 12px; line-height: 1.6666667; } .select-sm.select2-selection--multiple .select2-search--inline .select2-search__field { padding: 6px 0; } .select-xs.select2-selection--single { height: 32px; padding: 5px 0; font-size: 12px; line-height: 1.6666667; } .select-xs.select2-selection--single .select2-selection__rendered { padding-left: 10px; padding-right: 24px; } .select-xs.select2-selection--single .select2-selection__arrow:after { right: 10px; } .select-xs.select2-selection--multiple .select2-selection__choice { padding: 5px 10px; font-size: 12px; line-height: 1.6666667; } .select-xs.select2-selection--multiple .select2-search--inline .select2-search__field { padding: 5px 0; font-size: 12px; line-height: 1.6666667; } .select2-selection--multiple[class*=bg-] .select2-selection__choice { background-color: rgba(0, 0, 0, 0.25); } .select2-dropdown[class*=bg-] .select2-search--dropdown .select2-search__field { background-color: rgba(0, 0, 0, 0.2); border-color: transparent; color: #fff; } .select2-dropdown[class*=bg-] .select2-results__option[aria-selected=true] { background-color: rgba(0, 0, 0, 0.2); } .select2-dropdown[class*=bg-] .select2-results__option--highlighted { background-color: rgba(0, 0, 0, 0.1); } .select2-close-mask { border: 0; margin: 0; padding: 0; display: block; position: fixed; left: 0; top: 0; min-height: 100%; min-width: 100%; height: auto; width: auto; z-index: 99; background-color: #fff; opacity: 0; filter: alpha(opacity=0); } .select2-hidden-accessible { border: 0 !important; clip: rect(0 0 0 0) !important; height: 1px !important; margin: -1px !important; overflow: hidden !important; padding: 0 !important; position: fixed !important; width: 1px !important; } .select2-result-repository { padding-top: 7px; padding-bottom: 7px; } .select2-result-repository__avatar { float: left; width: 60px; margin-right: 15px; } .select2-result-repository__avatar img { width: 100%; height: auto; border-radius: 100px; } .select2-result-repository__meta { margin-left: 70px; } .select2-result-repository__title { font-weight: 500; word-wrap: break-word; margin-bottom: 2px; } .select2-result-repository__forks, .select2-result-repository__stargazers, .select2-result-repository__watchers { display: inline-block; font-size: 12px; } .select2-result-repository__description { font-size: 12px; } .select2-result-repository__forks, .select2-result-repository__stargazers { margin-right: 15px; } /* ------------------------------------------------------------------------------ * * # Bootstrap multiselect * * Styles for multiselect.js - custom multiple select plugin * * ---------------------------------------------------------------------------- */ .multiselect-native-select { position: relative; } .multiselect-native-select select { border: 0 !important; clip: rect(0 0 0 0) !important; height: 0 !important; margin: 0 !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 0 !important; left: 0; top: 0; } .multiselect { width: 100%; min-width: 100%; text-align: left; padding-left: 12px; padding-right: 29px; text-overflow: ellipsis; overflow: hidden; } .multiselect.btn-default, .multiselect.btn-default.disabled { background-color: #fff; border-color: #ddd; } .multiselect.btn-default:active, .btn-group.open .multiselect.btn-default { border-color: #ddd; } .multiselect .caret { position: absolute; top: 50%; right: 12px; margin-top: -8px; width: 16px; text-align: right; } .multiselect.btn-lg { padding-left: 15px; padding-right: 30px; } .multiselect.btn-lg .caret { right: 15px; } .multiselect.btn-sm { padding-left: 11px; padding-right: 22px; } .multiselect.btn-sm .caret { right: 11px; } .multiselect.btn-xs { padding-left: 10px; padding-right: 20px; } .multiselect.btn-xs .caret { right: 10px; } .multiselect-container { min-width: 180px; width: 100%; max-height: 250px; overflow-y: auto; } .multiselect-item input[type=checkbox], .multiselect-item input[type=radio] { border: 0; background: none; display: block; margin: 0; cursor: pointer; position: absolute; top: 50%; left: 15px; margin-top: -9px; width: 18px; height: 18px; z-index: 2; opacity: 0; filter: alpha(opacity=0); } .multiselect-item input[type=checkbox]:disabled, .multiselect-item input[type=radio]:disabled { cursor: not-allowed; } .multiselect-item input[type=checkbox] ~ .form-check-control-indicator, .multiselect-item input[type=radio] ~ .form-check-control-indicator { position: absolute; left: 15px; top: 50%; margin-top: -9px; width: 18px; height: 18px; border: 2px solid #607D8B; } .multiselect-item input[type=checkbox] ~ .form-check-control-indicator { color: #455A64; border: 2px solid #607D8B; display: inline-block; text-align: center; border-radius: 2px; -webkit-transition: border-color ease-in-out 0.15s, color ease-in-out 0.15s; -o-transition: border-color ease-in-out 0.15s, color ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, color ease-in-out 0.15s; } .multiselect-item input[type=checkbox] ~ .form-check-control-indicator:after { content: "\e600"; font-family: 'icomoon'; font-size: 16px; line-height: 1; position: absolute; top: -1px; left: -1px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity ease-in-out 0.15s; -o-transition: opacity ease-in-out 0.15s; transition: opacity ease-in-out 0.15s; } .multiselect-item input[type=radio] ~ .form-check-control-indicator { border-radius: 100%; -webkit-transition: border-color ease-in-out 0.15s; -o-transition: border-color ease-in-out 0.15s; transition: border-color ease-in-out 0.15s; } .multiselect-item input[type=radio] ~ .form-check-control-indicator:after { content: ""; position: absolute; top: 3px; left: 3px; border: 4px solid; border-color: inherit; width: 0; height: 0; border-radius: 100%; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all ease-in-out 0.15s; -o-transition: all ease-in-out 0.15s; transition: all ease-in-out 0.15s; } .multiselect-item input[type=checkbox]:checked ~ .form-check-control-indicator:after, .multiselect-item input[type=radio]:checked ~ .form-check-control-indicator:after { opacity: 1; filter: alpha(opacity=100); } .multiselect-item.dropdown-item > a { padding: 0; } .multiselect-item label { display: block; margin: 0; height: 100%; cursor: pointer; padding: 8px 12px; padding-left: 42px; } .navbar-form .multiselect-item label { display: block; } .multiselect-item.multiselect-all label { font-weight: 500; } .multiselect-item.active:not(.disabled) input[type=checkbox] ~ .form-check-control-indicator { border-color: #fff; color: #fff; } .multiselect-item.active:not(.disabled) input[type=radio] ~ .form-check-control-indicator { border-color: #fff; } .multiselect-item.disabled > a { background-color: transparent; } .multiselect-item.disabled > a > label { cursor: not-allowed; } .dropdown-menu > .multiselect-group > label, .dropdown-menu > .multiselect-group.active > label { margin: 0; font-weight: 500; margin-top: 14px; } .dropdown-menu > .multiselect-group > label:not(.multiselect-group-label), .dropdown-menu > .multiselect-group.active > label:not(.multiselect-group-label) { padding-left: 15px; cursor: default; } .dropdown-menu > .multiselect-group > label:not(.multiselect-group-label), .dropdown-menu > .multiselect-group.active > label:not(.multiselect-group-label), .dropdown-menu > .multiselect-group > label:not(.multiselect-group-label):hover, .dropdown-menu > .multiselect-group.active > label:not(.multiselect-group-label):hover, .dropdown-menu > .multiselect-group > label:not(.multiselect-group-label):focus, .dropdown-menu > .multiselect-group.active > label:not(.multiselect-group-label):focus { background-color: transparent; } .dropdown-menu > .multiselect-group.disabled { color: #999999; } .dropdown-menu > .multiselect-group:first-child > label, .dropdown-menu > .multiselect-group:first-child.active > label { margin-top: 7px; } .dropdown-menu > .multiselect-group.multiselect-group-clickable > label { cursor: pointer; } .dropdown-menu > .multiselect-group.disabled label, .dropdown-menu > .multiselect-group.disabled:hover label, .dropdown-menu > .multiselect-group.disabled:focus label { background-color: transparent; cursor: not-allowed; } div[class*=border-] > .btn-group { border-color: inherit; } div[class*=border-] > .btn-group > .multiselect { border-color: inherit; } .multiselect-filter { position: relative; padding: 5px 12px; margin-bottom: 5px !important; } .multiselect-filter i { font-size: 12px; position: absolute; left: 24px; top: 50%; margin-top: -6px; opacity: 0.5; filter: alpha(opacity=50); } .multiselect-filter .form-control { padding-left: 36px; } .input-group .multiselect-native-select:not(:last-child) .multiselect { border-bottom-right-radius: 0; border-top-right-radius: 0; } .input-group-btn + .multiselect-native-select .multiselect:first-child, .input-group-addon + .multiselect-native-select .multiselect:first-child, .input-group-btn + .btn-group .multiselect:first-child, .input-group-addon + .btn-group .multiselect:first-child { border-bottom-left-radius: 0; border-top-left-radius: 0; } .btn-group-multiselect { width: 100%; } .btn-group-multiselect .btn { float: none; } .btn-group-multiselect .multiselect { min-width: 0; } .btn-group > .btn-group:nth-child(2) > .multiselect.btn { border-bottom-left-radius: 2px; border-top-left-radius: 2px; } /* ------------------------------------------------------------------------------ * * # SelectBoxIt * * Styles for selectbox.js - custom select boxes plugin * * Version: 1.2 * Latest update: Mar 10, 2016 * * ---------------------------------------------------------------------------- */ /* # Core -------------------------------------------------- */ .selectboxit-container { position: relative; display: inline-block; vertical-align: middle; width: 100%; border-radius: 3px; } .selectboxit-container * { -webkit-touch-callout: none; outline: 0; white-space: nowrap; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .selectboxit-container .selectboxit { width: 100%; cursor: pointer; overflow: hidden; text-overflow: ellipsis; position: relative; } .selectboxit-container .selectboxit:focus { outline: 0; } .selectboxit-container span, .selectboxit-container .selectboxit-options a { display: block; } .selectboxit-container .selectboxit-options { width: 100%; max-height: 250px; padding: 7px 0; overflow-x: hidden; overflow-y: auto; z-index: 999; text-align: left; } .selectboxit.selectboxit-disabled, .selectboxit-options .selectboxit-disabled, .selectboxit.selectboxit-disabled:hover, .selectboxit-options .selectboxit-disabled:hover, .selectboxit.selectboxit-disabled:focus, .selectboxit-options .selectboxit-disabled:focus { cursor: not-allowed; -webkit-box-shadow: none; box-shadow: none; opacity: 0.65; filter: alpha(opacity=65); } .selectboxit-rendering { display: inline-block !important; visibility: visible !important; position: absolute !important; top: -9999px !important; left: -9999px !important; } .selectboxit-list { background-color: #fff; border: 1px solid #ddd; margin: 2px 0 0; width: 100%; min-width: 200px; list-style: none; position: absolute; cursor: pointer; display: none; border-radius: 3px; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); } .selectboxit-list .selectboxit-option-anchor { color: #333333; } .selectboxit-list > .selectboxit-focus > .selectboxit-option-anchor { display: block; background-color: #f5f5f5; color: #333333; } .selectboxit-list > .selectboxit-selected > .selectboxit-option-anchor { background-color: #2196F3; color: #fff; } .selectboxit-list > .selectboxit-disabled > .selectboxit-option-anchor { color: #999999; cursor: not-allowed; } .selectbox-container[class*=border-] > .selectboxit-list { border-color: inherit; } .selectbox-container[class*=bg-] > .selectboxit-list { background-color: inherit; border-color: inherit; } .selectbox-container[class*=bg-] > .selectboxit-list .selectboxit-option-anchor { color: #fff; } .selectbox-container[class*=bg-] > .selectboxit-list > .selectboxit-focus .selectboxit-option-anchor { background-color: rgba(0, 0, 0, 0.1); } .selectboxit-btn { background-color: #fff; border: 1px solid #ddd; color: #333333; border-radius: 3px; height: 36px; padding: 7px 12px; padding-right: 29px; } .selectboxit-btn:hover { -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.01) inset; box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.01) inset; } .selectboxit-btn.selectboxit-open, .selectboxit-btn:focus { -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.03) inset; box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.03) inset; } .selectboxit-container[class*=bg-] .selectboxit-btn { background-color: inherit; border-color: inherit; color: inherit; } .selectboxit-container[class*=border-] .selectboxit-btn { border-color: inherit; } .selectboxit-btn[class*=bg-]:hover, .selectboxit-container[class*=bg-] .selectboxit-btn:hover { -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.05) inset; box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.05) inset; } .selectboxit-btn[class*=bg-].selectboxit-open, .selectboxit-container[class*=bg-] .selectboxit-btn.selectboxit-open, .selectboxit-btn[class*=bg-]:focus, .selectboxit-container[class*=bg-] .selectboxit-btn:focus { -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.1) inset; box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.1) inset; } .input-group .selectboxit-container > .selectboxit-btn { border-radius: 0; } .input-group .selectboxit-container:last-child > .selectboxit-btn { border-bottom-right-radius: 3px; border-top-right-radius: 3px; } .input-group > select:first-child + .selectboxit-container > .selectboxit-btn { border-bottom-left-radius: 3px; border-top-left-radius: 3px; } .selectboxit-text { display: inline-block; overflow: hidden; text-overflow: ellipsis; float: left; } .selectboxit-default-arrow { position: relative; font-style: normal; } .selectboxit-default-arrow:after { content: '\e9c5'; display: block; font-family: 'icomoon'; font-size: 16px; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .selectboxit-open .selectboxit-default-arrow:after { content: '\e9c6'; } .selectboxit-option { margin: 0; list-style-type: none; } .selectboxit-option .selectboxit-option-anchor { padding: 7px 12px; } .selectboxit-optgroup-header { margin: 0; list-style-type: none; padding: 7px 12px; font-weight: 700; color: #333333; font-size: 11px; line-height: 1.82; text-transform: uppercase; } .selectboxit-optgroup-header:hover { cursor: default; } .selectboxit-optgroup-option .selectboxit-option-anchor { padding-left: 24px; padding-right: 24px; } .selectboxit-arrow-container { position: absolute; top: 50%; width: 16px; right: 12px; margin-top: -8px; text-align: right; line-height: 1; } .selectboxit-arrow-container .selectboxit-arrow[class*=icon-] { top: 0; } .selectboxit-arrow-container .caret:after { text-align: right; } .selectboxit-option-icon-container { float: left; } .selectboxit-option-icon-container > [class*=icon-] { margin-right: 10px; width: auto; } .selectboxit-option-icon-container .selectboxit-option-icon-url { height: 20px; width: 20px; background-size: 20px 20px; border-radius: 100px; background-repeat: no-repeat; background-position: center; display: block; } .selectboxit-option-first { border-top-right-radius: 2px; border-top-left-radius: 2px; } .selectboxit-optgroup-header + .selectboxit-option-first { border-top-right-radius: 0; border-top-left-radius: 0; } .selectboxit-option-last { border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; } /* # Sizing -------------------------------------------------- */ .selectbox-fixed + .selectboxit-container, .selectbox-fixed + .selectboxit-options { width: 250px; } .selectbox-auto + .selectboxit-container, .selectbox-auto + .selectboxit-options { width: auto; } .selectbox-lg + .selectboxit-container .selectboxit { padding: 9px 15px; padding-right: 30px; height: 40px; font-size: 14px; } .selectbox-lg + .selectboxit-container .selectboxit .selectboxit-arrow-container { right: 15px; } .selectbox-sm + .selectboxit-container .selectboxit { padding: 6px 11px; padding-right: 22px; height: 34px; } .selectbox-sm + .selectboxit-container .selectboxit .selectboxit-arrow-container { right: 11px; } .selectbox-xs + .selectboxit-container .selectboxit { padding: 5px 10px; padding-right: 25px; height: 32px; font-size: 12px; line-height: 1.6666667; } .selectbox-xs + .selectboxit-container .selectboxit .selectboxit-arrow-container { right: 10px; } /* ------------------------------------------------------------------------------ * * # Bootstrap select * * Styles for bootstrap_select.js - custom select boxes plugin * * Version: 1.2 * Latest update: Aug 20, 2016 * * ---------------------------------------------------------------------------- */ .bootstrap-select { width: 100%; } .bootstrap-select > .btn { width: 100%; padding-right: 34px; } .bootstrap-select > .btn.btn-default, .bootstrap-select > .btn.btn-default.disabled { background-color: #fff; border-color: #ddd; } .bootstrap-select > .btn.btn-default:active, .btn-group.open .bootstrap-select > .btn.btn-default { border-color: #ddd; } .bootstrap-select.form-control { padding: 0; border: 0; } .bootstrap-select.form-control:not([class*="col-"]) { width: 100%; } .bootstrap-select .popover-title { font-size: 11px; line-height: 1.82; margin: 7px 0; padding: 7px 12px; } .bootstrap-select[class*=border-] .btn, .bootstrap-select[class*=border-] .dropdown-menu { border-color: inherit; } .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) { width: 220px; } .bootstrap-select.fit-width { width: auto !important; } .bootstrap-select.btn-group.bs-container { position: absolute; } .bootstrap-select.btn-group:not(.input-group-btn), .bootstrap-select.btn-group[class*="col-"] { float: none; display: inline-block; margin-left: 0; } .bootstrap-select.btn-group.dropdown-menu-right, .bootstrap-select.btn-group[class*="col-"].dropdown-menu-right { float: right; } .bootstrap-select.btn-group > .disabled { cursor: not-allowed; } .bootstrap-select.btn-group > .disabled:focus { outline: 0; } .bootstrap-select.btn-group .btn .filter-option { display: inline-block; overflow: hidden; width: 100%; text-align: left; text-overflow: ellipsis; } .bootstrap-select.btn-group .btn .filter-option > i, .bootstrap-select.btn-group .dropdown-menu > li > a [class*=icon-] { margin-right: 7px; float: left; margin-top: 2px; top: 0; } .bootstrap-select.btn-group .btn .caret { position: absolute; top: 50%; width: 16px; text-align: right; right: 12px; margin-top: -8px; } .bootstrap-select.btn-group[class*="col-"] .btn { width: 100%; } .bootstrap-select.btn-group .btn-lg > .caret { right: 15px; } .bootstrap-select.btn-group .btn-sm > .caret { right: 11px; } .bootstrap-select.btn-group .btn-xs > .caret { right: 10px; } .bootstrap-select.btn-group .dropdown-menu { min-width: 100%; } .bootstrap-select.btn-group .dropdown-menu > li > a .check-mark { position: absolute; top: 50%; margin-top: -8px; right: 12px; margin-right: 0; color: #fff; opacity: 0; filter: alpha(opacity=0); } .bootstrap-select.btn-group .dropdown-menu > li > a .text { display: inline-block; } .bootstrap-select.btn-group .dropdown-menu > li > a > .label, .bootstrap-select.btn-group .dropdown-menu > li > a > .badge { float: none; } .bootstrap-select.btn-group .dropdown-menu > li > a.special-class, .bootstrap-select.btn-group .dropdown-menu > li > a.special-class:hover { font-weight: 700; color: #fff; background: #F44336; -webkit-transition: none; -o-transition: none; transition: none; } .bootstrap-select.btn-group .dropdown-menu > li.disabled a { cursor: not-allowed; } .bootstrap-select.btn-group .dropdown-menu > li small { padding-left: 10px; } .bootstrap-select.btn-group .dropdown-menu > .selected > a { background-color: #2196F3; color: #fff; } .bootstrap-select.btn-group .dropdown-menu > .selected > a small { color: #fff; } .bootstrap-select.btn-group .dropdown-menu.inner { position: static; border: 0; padding: 0; margin: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; } .bootstrap-select.btn-group .dropdown-menu .notify { position: absolute; bottom: 0; width: 100%; text-align: center; padding: 7px 12px; background-color: #f8f8f8; border-top: 1px solid #ddd; pointer-events: none; } .bootstrap-select.btn-group .dropdown-header ~ li > a { padding-left: 24px; } .bootstrap-select.btn-group .no-results { padding: 7px 12px; background: #f8f8f8; margin-bottom: -7px; border-top: 1px solid #ddd; } .bootstrap-select.btn-group.fit-width .btn .filter-option, .bootstrap-select.btn-group.fit-width .btn .caret { position: static; } .bootstrap-select.btn-group.show-tick .dropdown-menu > li a .text { margin-right: 40px; } .bootstrap-select.btn-group.show-tick .dropdown-menu > li.selected a .check-mark { opacity: 1; filter: alpha(opacity=100); } .input-group .bootstrap-select > .btn { border-radius: 0; } .input-group > .bs-select-hidden:first-child + .bootstrap-select > .btn, .input-group > .bootstrap-select:first-child > .btn { border-bottom-left-radius: 3px; border-top-left-radius: 3px; } .input-group > .bootstrap-select:last-child > .btn { border-bottom-right-radius: 3px; border-top-right-radius: 3px; } .error .bootstrap-select .btn { border: 1px solid #F44336; } .control-group.error .bootstrap-select .dropdown-toggle { border-color: #F44336; } .bs-searchbox, .bs-actionsbox { padding: 5px 12px; margin-bottom: 5px; } .bs-searchbox { position: relative; } .bs-searchbox > .form-control { padding-left: 36px; } .bs-searchbox:after { content: '\e98e'; font-family: 'icomoon'; position: absolute; top: 50%; left: 24px; color: inherit; display: block; font-size: 12px; margin-top: -6px; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; opacity: 0.6; filter: alpha(opacity=60); } .bs-actionsbox { float: left; width: 100%; position: relative; } .bs-actionsbox .btn-group button { width: 50%; } .bs-searchbox + .bs-actionsbox { padding: 0 12px 7px; } .mobile-device { position: absolute; top: 0; left: 0; display: block !important; width: 100%; height: 100% !important; opacity: 0; } select.bs-select-hidden, select.selectpicker { display: none !important; } .bootstrap-select > select { position: absolute!important; bottom: 0; left: 50%; display: block!important; width: .5px!important; height: 100%!important; padding: 0!important; opacity: 0!important; border: none; } /* ------------------------------------------------------------------------------ * * # Passy * * Styles for passy.min.js - password length checker and password generator * * Version: 1.1 * Latest update: Mar 10, 2016 * * ---------------------------------------------------------------------------- */ .visual-password-indicator { display: inline-block; background-color: #999999; width: 40px; height: 4px; } .password-indicator-group { min-width: 80px; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .label-indicator-absolute { position: relative; } .label-indicator-absolute .password-indicator-label-absolute { position: absolute; top: 50%; margin-top: -10px; right: 7px; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .form-horizontal .label-indicator-absolute .label { right: 27px; } /* ------------------------------------------------------------------------------ * * # Twiter Typeahead * * Styles for typeahead.bundle.min.js - input suggestion engine * * Version: 1.3 * Latest update: Jul 4, 2016 * * ---------------------------------------------------------------------------- */ .twitter-typeahead { width: 100%; } .typeahead, .tt-query, .tt-hint { outline: 0; } .tt-hint { color: #999; } .tt-menu { width: 100%; margin-top: 1px; min-width: 180px; padding: 7px 0; background-color: #fff; border: 1px solid #ddd; border-radius: 3px; max-height: 300px; overflow-y: auto; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); } .typeahead-scrollable .tt-menu { max-height: 250px; } .typeahead-rtl .tt-menu { text-align: right; } .tt-suggestion { padding: 8px 15px; cursor: pointer; } .tt-suggestion:hover, .tt-suggestion:focus, .tt-suggestion.tt-cursor { background-color: #f5f5f5; } .tt-dataset-group .tt-suggestion { padding-left: 24px; padding-right: 24px; } .tt-heading { font-size: 11px; line-height: 1.82; padding: 8px 15px; text-transform: uppercase; display: block; font-weight: 700; margin-top: 2px; margin-bottom: 2px; } .typeahead-template .empty-message { padding: 8px 15px; text-align: center; } /* ------------------------------------------------------------------------------ * * # Form Validation * * jQuery plugin for simple clientside form validation * * Version: 1.0 * Latest update: May 25, 2015 * * ---------------------------------------------------------------------------- */ .validation-error-label, .validation-valid-label { margin-top: 7px; margin-bottom: 7px; display: block; color: #F44336; position: relative; padding-left: 26px; } .validation-valid-label { color: #4CAF50; } .validation-error-label:before, .validation-valid-label:before { font-family: 'icomoon'; position: absolute; top: 2px; left: 0; display: inline-block; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 16px; } .validation-error-label:empty, .validation-valid-label:empty { display: none; } .validation-error-label:before { content: '\ed63'; } .validation-valid-label:before { content: '\ee73'; } /* ------------------------------------------------------------------------------ * * # X-editable * * In-place editing with Twitter Bootstrap, jQuery UI or pure jQuery * * Version: 1.1 * Latest update: Mar 10, 2016 * * ---------------------------------------------------------------------------- */ .editable { background-color: transparent; } .form-horizontal .editable { padding-top: 8px; display: inline-block; } .editable-pre-wrapped { white-space: pre-wrap; } .editableform .form-group:last-child { margin-bottom: 0; } .editableform .form-control { min-width: 200px; } .editableform .checkbox, .editableform .radio { margin-top: 0; margin-bottom: 0; } .editableform .checkbox > div, .editableform .radio > div { margin-top: 8px; margin-bottom: 8px; position: relative; } .editable-buttons { display: inline-block; vertical-align: top; margin-left: 7px; } .editable-buttons.editable-buttons-bottom { display: block; margin-top: 20px; margin-left: 0; text-align: center; } .editable-buttons .editable-cancel { margin-left: 7px; } .editable-input { vertical-align: top; display: inline-block; width: auto; white-space: normal; } .editable-input .help-block { margin-bottom: 0; } .editable-input .input-group { width: 250px; } .editable-input .elastic { height: 100px; } .editableform-loading { width: 16px; height: 16px; margin: auto; } .editableform-loading:after { content: '\eb55'; font-family: 'icomoon'; font-size: 16px; display: block; line-height: 1; margin: auto; width: 16px; height: 16px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-animation: rotation 1s ease infinite; -o-animation: rotation 1s ease infinite; animation: rotation 1s ease infinite; } .editable-error { color: #F44336; } .editable-error-block { max-width: 300px; margin: 7px 0 0 0; width: auto; white-space: normal; } .editable-bg-transition { color: inherit; background-color: transparent; -webkit-transition: background-color 0.2s ease-out; -o-transition: background-color 0.2s ease-out; transition: background-color 0.2s ease-out; } .editable-clear { clear: both; text-decoration: none; text-align: right; } .editable-clear-x { position: absolute; right: 9px; top: 10px; line-height: 1; cursor: pointer; z-index: 100; opacity: 0.6; filter: alpha(opacity=60); } .editable-clear-x:hover { opacity: 1; filter: alpha(opacity=100); } .editable-clear-x:after { content: '\ed6b'; font-family: 'icomoon'; display: block; font-size: 16px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .editable-click, a.editable-click, .editable-click:hover, a.editable-click:hover { border-bottom: 1px dashed #1E88E5; } .editable-click.editable-disabled, a.editable-click.editable-disabled, .editable-click.editable-disabled:hover, a.editable-click.editable-disabled:hover { color: #999999; cursor: default; border-bottom: 0; } .editable-click .label { margin-top: 1px; margin-bottom: 1px; } .editable-empty, .editable-empty:hover, .editable-empty:focus { font-style: italic; color: #F44336; } a.editable-empty, a.editable-empty:hover, a.editable-empty:focus { border-bottom-color: #F44336; } .combodate { white-space: nowrap; } .combodate .day, .combodate .year, .combodate .hour, .combodate .minute { min-width: 80px; } .combodate .form-control { display: inline-block; } .input-daterange input { text-align: center; } .input-daterange input:first-child { border-bottom-left-radius: 3px; border-top-left-radius: 3px; } .input-daterange input:last-child { border-bottom-right-radius: 3px; border-top-right-radius: 3px; } .editable-address { display: block; } .editable-address > label > span { width: 70px; display: inline-block; margin-bottom: 7px; } .editable-date { padding: 0; margin: 0; float: left; } .editable-checklist label { white-space: nowrap; } .editable-checklist label > input[type="checkbox"] { vertical-align: middle; margin: 0; } .editable-wysihtml5 { width: 566px; height: 250px; } .editable-container.editable-popup { max-width: none !important; } .editable-container.editable-inline { display: inline-block; vertical-align: middle; width: auto; } .editable-container.editable-inline .editableform-loading { background-position: left 5px; } .editable-container.editable-inline .add-on .icon-th { margin-top: 3px; margin-left: 1px; } .editable-container.popover { width: auto; min-width: 200px; } /* ------------------------------------------------------------------------------ * * # Alpaca forms * * Alpaca provides the easiest way to generate interactive HTML5 forms for web applications * * Version: 1.1 * Latest update: Jul 4, 2016 * * ---------------------------------------------------------------------------- */ .alpaca-hidden { display: none; } .alpaca-field-select .multiselect-container { width: 100%; } .has-error .multiselect-container > .active .checkbox { color: #fff; } .has-error .btn-group.open .multiselect.btn, .has-error .multiselect.btn-default:active { color: #D84315; border-color: #D84315; } .alpaca-disabled .checkbox label, .alpaca-disabled .checkbox .switchery, .alpaca-disabled .radio label, .alpaca-disabled .radio .switchery { cursor: not-allowed; color: #999999; } .alpaca-invalid .form-control { color: #D84315; } .alpaca-clear { clear: both; } .alpaca-float-right { float: right; } .alpaca-field .glyphicon { font-family: 'icomoon'; font-size: 16px; vertical-align: middle; top: -1px; display: inline-block; margin-right: 7px; } .alpaca-field .glyphicon-info-sign:before { content: '\e9ba'; } .alpaca-field.has-error .glyphicon-info-sign:before, .alpaca-field .glyphicon-exclamation-sign:before { content: '\ed63'; } .alpaca-icon-required { font-family: "Roboto", Helvetica Neue, Helvetica, Arial, sans-serif; float: right; margin-right: 0; margin-left: 5px; } .alpaca-icon-required:before { content: '*'; } .alpaca-controlfield-editor { position: relative; width: 100%; height: 300px; border: 1px #ccc solid; } .alpaca-controlfield-editor .control-field-editor-el { position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .ace_editor { border: 1px solid #cccccc; } .alpaca-field-ckeditor.alpaca-invalid > .cke { border-color: #D84315; } .alpaca-field-optiontree .optiontree + .form-control { margin-left: 10px; } .alpaca-field-optiontree.optiontree-horizontal .optiontree { display: inline-block; } .alpaca-field-optiontree.optiontree-horizontal .optiontree .optiontree-selector { display: inline-block; margin-top: 2px; margin-bottom: 2px; } .alpaca-field-optiontree.optiontree-horizontal .optiontree .optiontree-selector:empty { display: none; } .alpaca-field-optiontree.optiontree-horizontal .optiontree .optiontree-selector + .optiontree-selector { margin-left: 10px; } .alpaca-field-optiontree.optiontree-horizontal input { display: inline-block; width: auto; } .alpaca-field-optiontree.optiontree-horizontal label { display: block; } .alpaca-field-radio.disabled .alpaca-control.radio { color: grey; } .alpaca-field-radio.disabled .alpaca-control.radio label { cursor: inherit; } .alpaca-control.radio { min-height: inherit; height: inherit; padding: 0px; } .has-error .multiselect { border-color: #D84315; color: #D84315; } .alpaca-container-label { margin-top: 20px; } legend.alpaca-container-label { margin-top: 0px; } .alpaca-array-toolbar { margin-bottom: 10px; } .alpaca-array-actionbar { overflow: hidden; } .alpaca-array-actionbar.alpaca-array-actionbar-top { padding-bottom: 10px; } .alpaca-array-actionbar.alpaca-array-actionbar-bottom { padding-top: 10px; } .alpaca-array-actionbar, .alpaca-array-actionbar.btn-group { width: 100%; } .alpaca-field-object, .alpaca-field-array { border: 1px #eee solid; border-radius: 3px; padding: 10px; } .alpaca-field-object .alpaca-top, .alpaca-field-array .alpaca-top, .alpaca-field-object .alpaca-top .alpaca-container, .alpaca-field-array .alpaca-top .alpaca-container { border: 0; } .alpaca-container { border: 0px; } .alpaca-display h3 { margin-top: 0; } .alpaca-control-buttons-container { margin-top: 10px; } .alpaca-container-item > .alpaca-container > .alpaca-field-object { border: 0; } .alpaca-form-buttons-container { margin-top: 20px; text-align: right; } .alpaca-container > .form-group { margin-left: 0; margin-right: 0; } .alpaca-field-hidden { display: none; } .alpaca-container-item:not(:first-child) { margin-top: 10px; } .alpaca-container .alpaca-container-item:last-child { margin-bottom: 0; } .alpaca-field-select .btn-group { width: 100%; } .alpaca-field.alpaca-field-upload .fileupload-active-zone { margin-top: 50px; margin-bottom: 50px; } .alpaca-field.alpaca-field-upload .template-download TD.error, .alpaca-field.alpaca-field-upload .template-upload TD.error { color: #D84315; word-break: break-all; } .alpaca-field.alpaca-field-address .alpaca-field-address-mapcanvas { height: 250px; } .alpaca-field.alpaca-field-image .alpaca-image-display { margin-top: 20px; } .alpaca-field-text-max-length-indicator { font-size: 12px; margin-top: 7px; margin-bottom: 7px; } /* ------------------------------------------------------------------------------ * * # Tokenfield for Bootstrap * * Styles for tokenfield.js - Advanced tagging/tokenizing plugin for Bootstrap * * Version: 1.1 * Latest update: Mar 10, 2016 * * ---------------------------------------------------------------------------- */ .tokenfield { height: auto; } .tokenfield.form-control { height: auto; padding: 0 0 2px 0; } .tokenfield:after { content: ''; display: table; clear: both; } .tokenfield .token { margin: 2px 0 0 2px; cursor: default; float: left; position: relative; border-radius: 2px; } .tokenfield .token:not([class*=bg-]) { background-color: #eee; color: #333333; } .tokenfield .token:not([class*=bg-]):hover, .tokenfield .token:not([class*=bg-]):focus { background-color: #03A9F4; color: #fff; } .tokenfield .token.invalid { background-color: transparent; border: 1px solid transparent; border-radius: 0; border-bottom: 1px dotted #F44336; } .tokenfield .token.invalid.active { background-color: #eeeeee; border: 1px solid #eeeeee; } .tokenfield .token .token-label { display: block; overflow: hidden; text-overflow: ellipsis; padding: 5px 11px; padding-right: 30px; font-size: 12px; line-height: 1.6666667; } .tokenfield .token > .close { font-size: 0; cursor: pointer; position: absolute; top: 50%; color: inherit; right: 11px; line-height: 1; margin-top: -5.5px; } .tokenfield .token > .close:after { content: '\ed6a'; font-family: 'icomoon'; display: block; font-size: 11px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .tokenfield .token > .close:hover { opacity: 1; filter: alpha(opacity=100); } .tokenfield .twitter-typeahead { width: auto; } .tokenfield .token-input { direction: ltr; background: none; width: 90px!important; max-width: 50%; min-width: 60px; padding: 5px 11px; margin-top: 2px; margin-left: 2px; font-size: 12px; line-height: 1.6666667; border: 0; outline: 0; } .tokenfield.readonly .token .token-label { padding-right: 11px; } .tokenfield.readonly .token .close { display: none; } .tokenfield.disabled { cursor: not-allowed; } .tokenfield.disabled .token, .tokenfield.disabled .token .close { opacity: 0.5; filter: alpha(opacity=50); } .tokenfield.disabled .token:hover, .tokenfield.disabled .token:focus { background-color: #eee; color: #333333; } .tokenfield.disabled, .tokenfield.disabled .token-input, .tokenfield.disabled .token, .tokenfield.disabled .token .close { cursor: not-allowed; } .input-group-lg .token > .token-label, .tokenfield.input-lg .token > .token-label, .input-group-lg .token > span, .tokenfield.input-lg .token > span, .input-group-lg .token-input, .tokenfield.input-lg .token-input { font-size: 13px; line-height: 20px; padding: 7px 12px; } .input-group-lg .token > .token-label, .tokenfield.input-lg .token > .token-label, .input-group-lg .token > span, .tokenfield.input-lg .token > span { padding-right: 29px; } .input-group-lg .token > .close, .tokenfield.input-lg .token > .close { right: 12px; } .input-group-lg.readonly .token > .token-label, .tokenfield.input-lg.readonly .token > .token-label { padding-right: 12px; } .input-group-sm .token > .token-label, .tokenfield.input-sm .token > .token-label, .input-group-sm .token > span, .tokenfield.input-sm .token > span { padding: 4px 11px; padding-right: 27.5px; } .input-group-sm .token-input, .tokenfield.input-sm .token-input { padding: 4px 11px; } .input-group-sm .token > .close, .tokenfield.input-sm .token > .close { right: 11px; } .input-group-sm.readonly .token > .token-label, .tokenfield.input-sm.readonly .token > .token-label { padding-right: 11px; } /* ------------------------------------------------------------------------------ * * # Bootstrap tags input * * Styles for tagsinput.js - tags input for Bootstrap * * Version: 1.2 * Latest update: Mar 10, 2016 * * ---------------------------------------------------------------------------- */ .bootstrap-tagsinput { background-color: #fff; border: 1px solid #ddd; display: inline-block; padding: 0 0 2px 0; vertical-align: middle; border-radius: 3px; width: 100%; } .bootstrap-tagsinput input { border: 0; outline: 0; background-color: transparent; padding: 5px 11px; margin-top: 2px; margin-left: 2px; width: auto !important; min-width: 100px; font-size: 12px; line-height: 1.6666667; -webkit-box-shadow: none; box-shadow: none; } .bootstrap-tagsinput input:focus { border: none; box-shadow: none; } .bootstrap-tagsinput .twitter-typeahead { width: auto; } .bootstrap-tagsinput .tt-dropdown-menu { margin-top: 5px; min-width: 200px; } .bootstrap-tagsinput .tag { margin: 2px 0 0 2px; border: 0; border-radius: 2px; padding: 5px 11px; padding-right: 30px; float: left; font-size: 12px; line-height: 1.6666667; font-weight: 400; text-transform: none; position: relative; } .bootstrap-tagsinput .tag:not([class*=bg-]) { background-color: #546E7A; color: #fff; } .bootstrap-tagsinput .tag [data-role="remove"] { cursor: pointer; color: inherit; position: absolute; top: 50%; right: 11px; line-height: 1; margin-top: -5.5px; opacity: 0.7; filter: alpha(opacity=70); } .bootstrap-tagsinput .tag [data-role="remove"]:hover { opacity: 1; filter: alpha(opacity=100); } .bootstrap-tagsinput .tag [data-role="remove"]:after { content: '\ed6a'; font-family: 'icomoon'; display: block; font-size: 11px; color: #fff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* ------------------------------------------------------------------------------ * * # Touchspin spinners * * Styles for touchspin.min.js - spinner form control library * * Version: 1.1 * Latest update: Oct 20, 2015 * * ---------------------------------------------------------------------------- */ .bootstrap-touchspin .input-group-btn-vertical { white-space: nowrap; width: 1%; vertical-align: middle; display: table-cell; } .bootstrap-touchspin .input-group-btn-vertical > .btn { height: 36px; line-height: 1.5384616; margin-left: -1px; border-radius: 0; } .bootstrap-touchspin .input-group-btn-vertical i { position: absolute; top: 50%; left: 50%; margin-left: -8px; margin-top: -8px; font-weight: normal; } .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up { border: 1px solid #ddd; border-radius: 0; } .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down { border: 1px solid #ddd; border-bottom-right-radius: 3px; border-top-right-radius: 3px; } .bootstrap-touchspin.input-group-lg .input-group-btn-vertical > .btn { height: 40px; line-height: 1.4285715; padding-left: 15px; padding-right: 15px; } .bootstrap-touchspin.input-group-sm .input-group-btn-vertical > .btn { height: 34px; line-height: 1.6666667; padding-left: 11px; padding-right: 11px; } .bootstrap-touchspin-prefix { border-right: 0; } .bootstrap-touchspin-postfix { border-left: 0; } /* ------------------------------------------------------------------------------ * * # Bootstrap Duallistbox * * Styles for listbox.js - A responsive dual listbox widget optimized for Bootstrap * * Version: 1.2 * Latest update: Aug 10, 2016 * * ---------------------------------------------------------------------------- */ .bootstrap-duallistbox-container .box1 { margin-bottom: 20px; } .bootstrap-duallistbox-container select.form-control { padding: 7px; border-top-right-radius: 0; border-top-left-radius: 0; } .bootstrap-duallistbox-container option { display: block; padding: 7px 12px; border-radius: 2px; } .bootstrap-duallistbox-container.moveonselect .move, .bootstrap-duallistbox-container.moveonselect .remove { display: none; } .bootstrap-duallistbox-container.moveonselect .moveall, .bootstrap-duallistbox-container.moveonselect .removeall { width: 100%; border-top-right-radius: 3px !important; border-top-left-radius: 3px !important; } .bootstrap-duallistbox-container.moveonselect .btn-group .btn + .btn { border-left-width: 1px; } .bootstrap-duallistbox-container .buttons { width: 100%; margin-bottom: -1px; } .bootstrap-duallistbox-container .clear1, .bootstrap-duallistbox-container .clear2 { display: none; margin-top: 20px; } .bootstrap-duallistbox-container .clear1, .bootstrap-duallistbox-container .clear2, .bootstrap-duallistbox-container .clear1:hover, .bootstrap-duallistbox-container .clear2:hover, .bootstrap-duallistbox-container .clear1:focus, .bootstrap-duallistbox-container .clear2:focus { background-color: transparent; border: 0; color: #1E88E5; padding: 0; -webkit-box-shadow: none; box-shadow: none; } .bootstrap-duallistbox-container .box1.filtered .clear1, .bootstrap-duallistbox-container .box2.filtered .clear2 { display: inline-block; } .bootstrap-duallistbox-container .move, .bootstrap-duallistbox-container .remove, .bootstrap-duallistbox-container .moveall, .bootstrap-duallistbox-container .removeall { width: 50%; } .bootstrap-duallistbox-container .btn-group .btn { margin: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .bootstrap-duallistbox-container .btn-group .btn + .btn { border-left-width: 0; } .bootstrap-duallistbox-container .btn-group .btn > i { float: none; text-align: center; } .bootstrap-duallistbox-container .btn-group .btn > i + i { margin-left: -14px; } .bootstrap-duallistbox-container .filter { margin-bottom: 20px; position: relative; } .bootstrap-duallistbox-container .filter.placeholder { color: #999; } .bootstrap-duallistbox-container .info-container .info { display: inline-block; margin-top: 20px; } .bootstrap-duallistbox-container .info-container .info .label { margin-right: 7px; } .sidebar .bootstrap-duallistbox-container { text-align: center; } .sidebar .bootstrap-duallistbox-container .box1, .sidebar .bootstrap-duallistbox-container .box2 { float: none; width: 100%; } .sidebar .bootstrap-duallistbox-container .box1 { padding-bottom: 5px; } .sidebar .bootstrap-duallistbox-container .box1:after { content: '\e9c9'; font-size: 16px; font-family: 'icomoon'; display: block; text-align: center; line-height: 1; margin: 10px 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; opacity: 0.5; filter: alpha(opacity=50); } @media (min-width: 1025px) { .bootstrap-duallistbox-container .box1 { margin-bottom: 0; } .sidebar .bootstrap-duallistbox-container .box1 { margin-bottom: 0; } } /* ------------------------------------------------------------------------------ * * # Bootstrap maxlength * * Styles for maxlength.min.js - input characters counter * * Version: 1.0 * Latest update: Mar 10, 2016 * * ---------------------------------------------------------------------------- */ .bootstrap-maxlength { margin-top: 7px; font-size: 12px; font-weight: 500; } /* ------------------------------------------------------------------------------ * * # Steps wizard * * An all-in-one wizard plugin that is extremely flexible, compact and feature-rich * * Version: 1.2 * Latest update: Aug 10, 2016 * * ---------------------------------------------------------------------------- */ .wizard { width: 100%; } .wizard > .steps .current-info, .wizard > .content > .title { position: absolute; left: -99999px; } .wizard > .content { position: relative; width: auto; padding: 0; } .wizard > .content > .body { padding: 0 20px; } .wizard > .content > iframe { border: 0 none; width: 100%; height: 100%; } .wizard > .steps { position: relative; display: block; width: 100%; } .wizard > .steps > ul { display: table; width: 100%; table-layout: fixed; margin: 0; padding: 0; list-style: none; } .wizard > .steps > ul > li { display: table-cell; width: auto; vertical-align: top; text-align: center; position: relative; } .wizard > .steps > ul > li a { position: relative; padding-top: 48px; margin-top: 20px; margin-bottom: 20px; display: block; } .wizard > .steps > ul > li:before, .wizard > .steps > ul > li:after { content: ''; display: block; position: absolute; top: 43px; width: 50%; height: 2px; background-color: #00BCD4; z-index: 9; } .wizard > .steps > ul > li:before { left: 0; } .wizard > .steps > ul > li:after { right: 0; } .wizard > .steps > ul > li:first-child:before, .wizard > .steps > ul > li:last-child:after { content: none; } .wizard > .steps > ul > li.current:after, .wizard > .steps > ul > li.current ~ li:before, .wizard > .steps > ul > li.current ~ li:after { background-color: #eeeeee; } .wizard > .steps > ul > li.current > a { color: #333333; cursor: default; } .wizard > .steps > ul > li.current .number { font-size: 0; border-color: #00BCD4; background-color: #fff; color: #00BCD4; } .wizard > .steps > ul > li.current .number:after { content: '\e913'; font-family: 'icomoon'; display: inline-block; font-size: 16px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 34px; -webkit-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; } .wizard > .steps > ul > li.disabled a, .wizard > .steps > ul > li.disabled a:hover, .wizard > .steps > ul > li.disabled a:focus { color: #999999; cursor: default; } .wizard > .steps > ul > li.done a, .wizard > .steps > ul > li.done a:hover, .wizard > .steps > ul > li.done a:focus { color: #999999; } .wizard > .steps > ul > li.done .number { font-size: 0; background-color: #00BCD4; border-color: #00BCD4; color: #fff; } .wizard > .steps > ul > li.done .number:after { content: '\ed6f'; font-family: 'icomoon'; display: inline-block; font-size: 16px; line-height: 34px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; } .wizard > .steps > ul > li.error .number { border-color: #F44336; color: #F44336; } @media (max-width: 768px) { .wizard > .steps > ul { margin-bottom: 20px; } .wizard > .steps > ul > li { display: block; float: left; width: 50%; } .wizard > .steps > ul > li > a { margin-bottom: 0; } .wizard > .steps > ul > li:first-child:before, .wizard > .steps > ul > li:last-child:after { content: ''; } .wizard > .steps > ul > li:last-child:after { background-color: #00BCD4; } } @media (max-width: 480px) { .wizard > .steps > ul > li { width: 100%; } .wizard > .steps > ul > li.current:after { background-color: #00BCD4; } } .wizard > .steps .number { background-color: #fff; color: #ccc; display: inline-block; position: absolute; top: 0; left: 50%; margin-left: -19px; width: 38px; height: 38px; border: 2px solid #eeeeee; font-size: 14px; border-radius: 50%; z-index: 10; line-height: 34px; text-align: center; } .panel-flat > .wizard > .steps > ul { border-top: 1px solid #ddd; } .wizard > .actions { position: relative; display: block; text-align: right; padding: 20px; padding-top: 0; } .wizard > .actions > ul { float: right; list-style: none; padding: 0; margin: 0; } .wizard > .actions > ul:after { content: ''; display: table; clear: both; } .wizard > .actions > ul > li { float: left; } .wizard > .actions > ul > li + li { margin-left: 10px; } .wizard > .actions > ul > li > a { background: #2196F3; color: #fff; display: block; padding: 7px 12px; border-radius: 3px; border: 1px solid transparent; } .wizard > .actions > ul > li > a:hover, .wizard > .actions > ul > li > a:focus { -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.05) inset; box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.05) inset; } .wizard > .actions > ul > li > a:active { -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.1) inset; box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.1) inset; } .wizard > .actions > ul > li > a[href="#previous"] { background-color: #fcfcfc; color: #333; border: 1px solid #ddd; } .wizard > .actions > ul > li > a[href="#previous"]:hover, .wizard > .actions > ul > li > a[href="#previous"]:focus { -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.01) inset; box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.01) inset; } .wizard > .actions > ul > li > a[href="#previous"]:active { -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.03) inset; box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.03) inset; } .wizard > .actions > ul > li.disabled > a, .wizard > .actions > ul > li.disabled > a:hover, .wizard > .actions > ul > li.disabled > a:focus { color: #999999; } .wizard > .actions > ul > li.disabled > a[href="#previous"], .wizard > .actions > ul > li.disabled > a[href="#previous"]:hover, .wizard > .actions > ul > li.disabled > a[href="#previous"]:focus { -webkit-box-shadow: none; box-shadow: none; } /* ------------------------------------------------------------------------------ * * # Form wizard * * jQuery plugin which turns a form into a multistep wizard * * Version: 1.1 * Latest update: Mar 10, 2016 * * ---------------------------------------------------------------------------- */ .panel-flat > .ui-formwizard { border-top: 1px solid #ddd; } .form-wizard-title { margin: 0 0 20px 0; padding-bottom: 20px; border-bottom: 1px solid #ddd; } .form-wizard-count { float: left; display: block; width: 38px; height: 38px; border-radius: 50%; border: 2px solid #4CAF50; color: #4CAF50; text-align: center; line-height: 34px; margin-right: 10px; } .ui-formwizard .step { padding: 20px; padding-bottom: 0; } .form-wizard-actions { text-align: right; padding: 20px; padding-top: 0; } .panel-body .form-wizard-actions { padding: 0; } .form-wizard-actions .btn + .btn { margin-left: 5px; } /* ------------------------------------------------------------------------------ * * # Stepy wizard * * jQuery plugin which generates a customizable wizard from form fieldsets * * Version: 1.0 * Latest update: May 25, 2015 * * ---------------------------------------------------------------------------- */ .stepy-step { padding: 20px; padding-top: 0; } .stepy-header { list-style: none; padding: 0; margin: 0; display: table; table-layout: fixed; width: 100%; } .panel-flat > .stepy-header { border-top: 1px solid #ddd; } .stepy-header li { cursor: pointer; display: table-cell; vertical-align: top; width: auto; padding: 20px 0; text-align: center; position: relative; } .stepy-header li span { display: block; margin-top: 10px; color: #999999; } .stepy-header li:before, .stepy-header li:after { content: ''; display: block; position: absolute; top: 43px; width: 50%; height: 2px; background-color: #00BCD4; z-index: 9; } .stepy-header li:before { left: 0; } .stepy-header li:after { right: 0; } .stepy-header li:first-child:before, .stepy-header li:last-child:after { content: none; } .stepy-header li div { background-color: #00BCD4; font-size: 0; position: relative; color: #fff; margin-left: auto; margin-right: auto; width: 38px; height: 38px; border: 2px solid #00BCD4; z-index: 10; line-height: 34px; text-align: center; border-radius: 50%; } .stepy-header li div:after { content: '\ed6c'; font-family: 'icomoon'; display: inline-block; font-size: 16px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 34px; -webkit-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; } .stepy-header li.stepy-active:after, .stepy-header li.stepy-active ~ li:before, .stepy-header li.stepy-active ~ li:after { background-color: #f5f5f5; } .stepy-header li.stepy-active ~ li div { border-color: #eeeeee; background-color: #fff; color: #ccc; font-size: 14px; } .stepy-header li.stepy-active ~ li div:after { content: none; } .stepy-header li.stepy-active div { cursor: auto; border-color: #00BCD4; background-color: #fff; color: #00BCD4; } .stepy-header li.stepy-active div:after { content: '\e913'; } .stepy-header li.stepy-active span { color: #333333; } @media (max-width: 769px) { .stepy-header { margin-bottom: 20px; } .stepy-header li { display: block; float: left; width: 50%; padding-bottom: 0; } .stepy-header li:first-child:before, .stepy-header li:last-child:after { content: ''; } .stepy-header li.stepy-active:last-child:after { background-color: #00BCD4; } } @media (max-width: 480px) { .stepy-header li { width: 100%; } .stepy-header li.stepy-active:after { background-color: #00BCD4; } } .stepy-navigator { text-align: right; } .stepy-navigator .btn + .btn { margin-left: 5px; } /* ------------------------------------------------------------------------------ * * # Summernote editor * * Super simple WYSIWYG Editor for Bootstrap framework * * Version: 1.3 * Latest update: Aug 10, 2016 * * ---------------------------------------------------------------------------- */ @font-face { font-family: "summernote"; font-style: normal; font-weight: normal; src: url(name=summernote.eot); src: url(name=summernote.eot?#iefix) format("embedded-opentype"), url(name=summernote.woff) format("woff"), url(name=summernote.ttf) format("truetype"); } [class^="note-icon-"]:before, [class*=" note-icon-"]:before { display: inline-block; font: normal normal normal 14px summernote; font-size: inherit; text-decoration: inherit; text-rendering: auto; text-transform: none; vertical-align: middle; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .note-icon-align-center:before { content: "\f101"; } .note-icon-align-indent:before { content: "\f102"; } .note-icon-align-justify:before { content: "\f103"; } .note-icon-align-left:before { content: "\f104"; } .note-icon-align-outdent:before { content: "\f105"; } .note-icon-align-right:before { content: "\f106"; } .note-icon-align:before { content: "\f107"; } .note-icon-arrows-alt:before { content: "\f108"; } .note-icon-bold:before { content: "\f109"; } .note-icon-caret:before { content: "\f10a"; } .note-icon-chain-broken:before { content: "\f10b"; } .note-icon-circle:before { content: "\f10c"; } .note-icon-close:before { content: "\f10d"; } .note-icon-code:before { content: "\f10e"; } .note-icon-eraser:before { content: "\f10f"; } .note-icon-font:before { content: "\f110"; } .note-icon-frame:before { content: "\f111"; } .note-icon-italic:before { content: "\f112"; } .note-icon-link:before { content: "\f113"; } .note-icon-magic:before { content: "\f114"; } .note-icon-menu-check:before { content: "\f115"; } .note-icon-minus:before { content: "\f116"; } .note-icon-orderedlist:before { content: "\f117"; } .note-icon-pencil:before { content: "\f118"; } .note-icon-picture:before { content: "\f119"; } .note-icon-question:before { content: "\f11a"; } .note-icon-redo:before { content: "\f11b"; } .note-icon-special-character:before { content: "\f11c"; } .note-icon-square:before { content: "\f11d"; } .note-icon-strikethrough:before { content: "\f11e"; } .note-icon-subscript:before { content: "\f11f"; } .note-icon-summernote:before { content: "\f120"; } .note-icon-superscript:before { content: "\f121"; } .note-icon-table:before { content: "\f122"; } .note-icon-text-height:before { content: "\f123"; } .note-icon-trash:before { content: "\f124"; } .note-icon-underline:before { content: "\f125"; } .note-icon-undo:before { content: "\f126"; } .note-icon-unorderedlist:before { content: "\f127"; } .note-icon-video:before { content: "\f128"; } .note-editor { border: 1px solid #ddd; border-radius: 3px; } .note-editor .note-dropzone { position: absolute; z-index: 1; display: none; color: #2196F3; background-color: #fff; border: 2px dashed #2196F3; pointer-events: none; opacity: 0.95; filter: alpha(opacity=95); } .note-editor .note-dropzone .note-dropzone-message { display: table-cell; font-size: 25px; font-weight: 500; text-align: center; vertical-align: middle; } .note-editor .note-dropzone.hover { color: #2196F3; border: 2px dashed #2196F3; } .note-editor.dragover .note-dropzone { display: table; } .note-editor .note-toolbar { background-color: #fcfcfc; border-bottom: 1px solid #ddd; padding: 15px 20px; padding-top: 0; margin: 0; border-radius: 3px; } .note-editor.fullscreen { position: fixed; top: 0; left: 0; z-index: 1050; width: 100%; } .note-editor.fullscreen .note-editable { background-color: #fff; } .note-editor.fullscreen .note-resizebar { display: none; } .note-editor.codeview .note-editable { display: none; } .note-editor.codeview .note-codable { display: block; } .note-editor .note-statusbar { background-color: #fcfcfc; } .note-editor .note-statusbar .note-resizebar { width: 100%; height: 8px; cursor: s-resize; border-top: 1px solid #ddd; } .note-editor .note-statusbar .note-resizebar .note-icon-bar { width: 20px; margin: 1px auto; border-top: 1px solid #aaaaaa; } .note-editor .note-editable { padding: 20px; overflow: auto; outline: 0; min-height: 150px; } .note-editor .note-editable[contenteditable="false"] { background-color: #eeeeee; } .note-editor .note-codable { display: none; width: 100%; padding: 20px; margin-bottom: 0; font-family: Menlo, Monaco, monospace, sans-serif; color: #fff; background-color: #333333; border: 0; border-radius: 0; resize: none; -webkit-box-shadow: none; box-shadow: none; } .note-editor .modal-title { font-size: 17px; } .note-air-editor { outline: 0; } .note-popover { max-width: none; } .note-popover .popover-content { padding: 15px; padding-top: 0; margin: 0; } .note-popover .popover-content a { display: inline-block; max-width: 200px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: middle; } .note-popover .popover-content > .btn-group:last-child { margin-right: 0; } .note-popover .arrow { left: 20px; } .note-popover .popover-content > .note-btn-group, .note-toolbar > .note-btn-group { margin-top: 15px; margin-right: 15px; margin-left: 0; } .note-popover .popover-content > .note-btn-group .note-icon-caret:before, .note-toolbar > .note-btn-group .note-icon-caret:before { width: 9px; margin-left: 2px; margin-right: 2px; } .note-popover .popover-content > .note-btn-group i + .note-icon-caret, .note-toolbar > .note-btn-group i + .note-icon-caret { margin-left: 2px; margin-right: -5px; } .note-popover .popover-content .note-style h1, .note-toolbar .note-style h1, .note-popover .popover-content .note-style h2, .note-toolbar .note-style h2, .note-popover .popover-content .note-style h3, .note-toolbar .note-style h3, .note-popover .popover-content .note-style h4, .note-toolbar .note-style h4, .note-popover .popover-content .note-style h5, .note-toolbar .note-style h5, .note-popover .popover-content .note-style h6, .note-toolbar .note-style h6, .note-popover .popover-content .note-style blockquote, .note-toolbar .note-style blockquote { margin: 0; } .note-popover .popover-content .note-table, .note-toolbar .note-table { min-width: 0; } .note-popover .popover-content .note-table.dropdown-menu, .note-toolbar .note-table.dropdown-menu { padding: 10px; } .note-popover .popover-content .note-table .note-dimension-picker, .note-toolbar .note-table .note-dimension-picker { font-size: 18px; margin-bottom: 10px; } .note-popover .popover-content .note-table .note-dimension-picker .note-dimension-picker-mousecatcher, .note-toolbar .note-table .note-dimension-picker .note-dimension-picker-mousecatcher { position: absolute!important; z-index: 3; width: 10em; height: 10em; cursor: pointer; } .note-popover .popover-content .note-table .note-dimension-picker .note-dimension-picker-unhighlighted, .note-toolbar .note-table .note-dimension-picker .note-dimension-picker-unhighlighted { position: relative!important; z-index: 1; width: 5em; height: 5em; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIj4+Pjp6ekKlAqjAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKhmnaJzPAAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC') repeat; } .note-popover .popover-content .note-table .note-dimension-picker .note-dimension-picker-highlighted, .note-toolbar .note-table .note-dimension-picker .note-dimension-picker-highlighted { position: absolute!important; z-index: 2; width: 1em; height: 1em; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIjd6vvD2f9LKLW+AAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKwNDEVT0AAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC') repeat; } .note-popover .popover-content .note-table .note-dimension-display, .note-toolbar .note-table .note-dimension-display { text-align: center; } .note-popover .popover-content .note-color .dropdown-menu, .note-toolbar .note-color .dropdown-menu { min-width: 330px; } .note-popover .popover-content .note-color .dropdown-menu .btn-group, .note-toolbar .note-color .dropdown-menu .btn-group { margin: 7px 12px; } .note-popover .popover-content .note-color .dropdown-menu .btn-group .note-palette-title, .note-toolbar .note-color .dropdown-menu .btn-group .note-palette-title { margin-bottom: 10px; font-weight: 500; } .note-popover .popover-content .note-color .dropdown-menu .btn-group .note-color-reset, .note-toolbar .note-color .dropdown-menu .btn-group .note-color-reset { padding: 6px 11px; cursor: pointer; background-color: #fcfcfc; text-align: center; margin-bottom: 10px; } .note-popover .popover-content .note-para .dropdown-menu, .note-toolbar .note-para .dropdown-menu { min-width: 290px; padding: 10px; text-align: center; } .note-popover .popover-content .note-para .dropdown-menu > div:first-child, .note-toolbar .note-para .dropdown-menu > div:first-child { margin-right: 10px; } .note-popover .popover-content .dropdown-menu, .note-toolbar .dropdown-menu { min-width: 90px; } .note-popover .popover-content .dropdown-menu.right, .note-toolbar .dropdown-menu.right { right: 0; left: auto; } .note-popover .popover-content .dropdown-menu.right:before, .note-toolbar .dropdown-menu.right:before { right: 9px; left: auto!important; } .note-popover .popover-content .dropdown-menu.right:after, .note-toolbar .dropdown-menu.right:after { right: 10px; left: auto!important; } .note-popover .popover-content .dropdown-menu li a i, .note-toolbar .dropdown-menu li a i { display: none; } .note-popover .popover-content .dropdown-menu li a.checked, .note-toolbar .dropdown-menu li a.checked { background-color: #f5f5f5; } .note-popover .popover-content .note-color-palette, .note-toolbar .note-color-palette { line-height: 1; } .note-popover .popover-content .note-color-palette div .note-color-btn, .note-toolbar .note-color-palette div .note-color-btn { width: 17px; height: 17px; padding: 0; margin: 0; border: 1px solid #fff; } .note-popover .popover-content .note-color-palette div .note-color-btn:hover, .note-toolbar .note-color-palette div .note-color-btn:hover { border: 1px solid #333333; } .note-popover .popover-content > .btn-group { margin-top: 15px; margin-right: 15px; } .note-dialog > div { display: none; } .note-dialog .note-image-dialog .mote-dropzone { min-height: 100px; margin-bottom: 10px; font-size: 25px; color: #eeeeee; text-align: center; border: 4px dashed #eeeeee; } .note-dialog .note-help-dialog { color: #ccc; background-color: transparent; background-color: #333333 !important; border: 0; opacity: 0.9; filter: alpha(opacity=90); } .note-dialog .note-help-dialog a { color: #fff; } .note-dialog .note-help-dialog .title { padding-bottom: 7px; font-size: 15px; font-weight: 500; color: #fff; border-bottom: 1px solid #fff; } .note-dialog .note-help-dialog .modal-content { background-color: transparent; border: 1px solid #fff; border-radius: 3px; -webkit-box-shadow: none; box-shadow: none; } .note-dialog .note-help-dialog .modal-close { color: #999999; cursor: pointer; } .note-dialog .note-help-dialog .note-shortcut-layout { width: 100%; } .note-dialog .note-help-dialog .note-shortcut-layout td { vertical-align: top; } .note-dialog .note-help-dialog .note-shortcut { margin-top: 8px; } .note-dialog .note-help-dialog .note-shortcut th { color: #eeeeee; text-align: left; } .note-dialog .note-help-dialog .note-shortcut td:first-child { min-width: 110px; padding-right: 10px; font-family: "Courier New"; color: #eeeeee; text-align: right; } .note-group-select-from-files label { display: block; } .note-handle { position: relative; } .note-handle .note-control-selection { position: absolute; display: none; border: 1px solid #333333; z-index: 10; } .note-handle .note-control-selection > div { position: absolute; } .note-handle .note-control-selection .note-control-selection-bg { width: 100%; height: 100%; background-color: #333333; opacity: 0.3; filter: alpha(opacity=30); } .note-handle .note-control-selection .note-control-handle, .note-handle .note-control-selection .note-control-holder, .note-handle .note-control-selection .note-control-sizing { width: 7px; height: 7px; border: 1px solid #333333; } .note-handle .note-control-selection .note-control-sizing { background-color: #fff; } .note-handle .note-control-selection .note-control-nw { top: -5px; left: -5px; border-right: 0; border-bottom: 0; } .note-handle .note-control-selection .note-control-ne { top: -5px; right: -5px; border-bottom: 0; border-left: 0; } .note-handle .note-control-selection .note-control-sw { bottom: -5px; left: -5px; border-top: 0; border-right: 0; } .note-handle .note-control-selection .note-control-se { right: -5px; bottom: -5px; cursor: se-resize; } .note-handle .note-control-selection .note-control-selection-info { right: 0; bottom: 0; padding: 5px; margin: 5px; color: #fff; background-color: #333333; border-radius: 3px; opacity: 0.7; filter: alpha(opacity=70); } /* ------------------------------------------------------------------------------ * * # WYSIHTML5 editor * * An open source rich text editor based on HTML5 technology * * Version: 1.2 * Latest update: Jun 8, 2016 * * ---------------------------------------------------------------------------- */ .wysihtml5 { max-height: 450px; resize: vertical; background-color: #fff; overflow: auto; padding: 20px; outline: 0; } .wysihtml5-editor { border-width: 0; padding: 0; } .wysihtml5-sandbox { width: 100%!important; } .bootstrap-wysihtml5-insert-link-modal .modal-dialog, .bootstrap-wysihtml5-insert-image-modal .modal-dialog { width: 566px; } .wysihtml5-toolbar { margin: 0; padding: 15px 20px; padding-bottom: 0; display: block; background-color: #fcfcfc; border: 1px solid #ddd; border-bottom: 0; border-top-right-radius: 3px; border-top-left-radius: 3px; } .wysihtml5-toolbar > li { display: inline-block; list-style: none; margin: 0 15px 15px 0; } .wysihtml5-toolbar .dropdown-menu { max-height: 200px; overflow-y: auto; } .wysihtml5-toolbar .dropdown-menu .color-select > li > a:hover, .wysihtml5-toolbar .dropdown-menu .color-select > li > a:focus { background-color: #f5f5f5; color: #333333; } .wysihtml5-commands-disabled .wysihtml5-toolbar .dropdown-menu { display: none !important; } .wysihtml5-toolbar .dropdown-toggle > [class*=icon-] { margin-right: 7px; } .wysihtml5-toolbar .dropdown-toggle .caret { margin-left: 7px; } .wysihtml5-toolbar a[data-wysihtml5-command=bold] { font-weight: bold; } .wysihtml5-toolbar a[data-wysihtml5-command=italic] { font-style: italic; } .wysihtml5-toolbar a[data-wysihtml5-command=underline] { text-decoration: underline; } .wysihtml5-toolbar a.btn.wysihtml5-command-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); } .wysihtml5-toolbar a.wysihtml5-colors-title { padding-left: 40px; } .wysihtml5-toolbar .wysihtml5-colors { display: block; width: 16px; height: 16px; position: absolute; pointer-events: none; left: 12px; top: 10px; border-radius: 100px; } .wysihtml5-toolbar div[data-wysihtml5-command-value="black"] { background: black !important; } .wysihtml5-toolbar div[data-wysihtml5-command-value="silver"] { background: silver !important; } .wysihtml5-toolbar div[data-wysihtml5-command-value="gray"] { background: gray !important; } .wysihtml5-toolbar div[data-wysihtml5-command-value="maroon"] { background: maroon !important; } .wysihtml5-toolbar div[data-wysihtml5-command-value="red"] { background: red !important; } .wysihtml5-toolbar div[data-wysihtml5-command-value="purple"] { background: purple !important; } .wysihtml5-toolbar div[data-wysihtml5-command-value="green"] { background: green !important; } .wysihtml5-toolbar div[data-wysihtml5-command-value="olive"] { background: olive !important; } .wysihtml5-toolbar div[data-wysihtml5-command-value="navy"] { background: navy !important; } .wysihtml5-toolbar div[data-wysihtml5-command-value="blue"] { background: blue !important; } .wysihtml5-toolbar div[data-wysihtml5-command-value="orange"] { background: orange !important; } .wysiwyg-color-black { color: black; } .wysiwyg-color-silver { color: silver; } .wysiwyg-color-gray { color: gray; } .wysiwyg-color-white { color: white; } .wysiwyg-color-maroon { color: maroon; } .wysiwyg-color-red { color: red; } .wysiwyg-color-purple { color: purple; } .wysiwyg-color-fuchsia { color: fuchsia; } .wysiwyg-color-green { color: green; } .wysiwyg-color-lime { color: lime; } .wysiwyg-color-olive { color: olive; } .wysiwyg-color-yellow { color: yellow; } .wysiwyg-color-navy { color: navy; } .wysiwyg-color-blue { color: blue; } .wysiwyg-color-teal { color: teal; } .wysiwyg-color-aqua { color: aqua; } .wysiwyg-color-orange { color: orange; } /* ------------------------------------------------------------------------------ * * # Ace code editor * * An embeddable code editor written in JavaScript * * Version: 1.0 * Latest update: May 25, 2015 * * ---------------------------------------------------------------------------- */ .ace_editor { height: 400px; position: relative; } /* ------------------------------------------------------------------------------ * * # Daterange picker * * Date range picker component for Bootstrap * * Version: 1.2 * Latest update: Mar 10, 2016 * * ---------------------------------------------------------------------------- */ .daterangepicker { position: absolute; left: 0; margin-top: 5px; width: auto; padding: 0; } .daterangepicker.dropdown-menu { max-width: none; background-color: transparent; border: 0; z-index: 1051; -webkit-box-shadow: none; box-shadow: none; } .daterangepicker.dropup { margin-top: -7px; } .daterangepicker .ranges, .daterangepicker .calendar { float: left; } .daterangepicker.opensleft .calendars { float: left; } .daterangepicker.opensright .calendars { float: right; } .daterangepicker.single .calendar { float: none; margin-left: 0; margin-right: 0; } .daterangepicker.single .ranges { display: none; } .daterangepicker.show-calendar .calendar { display: block; } .daterangepicker .calendar { display: none; background-color: #fff; border: 1px solid #ddd; border-radius: 3px; margin: 7px; padding: 14px; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); } .daterangepicker table { width: 100%; margin: 0; } .daterangepicker table tbody th, .daterangepicker table tbody td { cursor: pointer; } .daterangepicker th, .daterangepicker td { white-space: nowrap; text-align: center; } .daterangepicker th.week, .daterangepicker td.week { font-size: 80%; color: #ccc; } .daterangepicker th { color: #999999; font-weight: normal; font-size: 12px; } .daterangepicker th > i { top: 0; } .daterangepicker th.prev, .daterangepicker th.next { cursor: pointer; } .daterangepicker th.available:hover, .daterangepicker th.available:focus { color: #333333; } .daterangepicker td.available:hover, .daterangepicker td.available:focus { background-color: #f5f5f5; } .daterangepicker td.off, .daterangepicker td.disabled { color: #ccc; } .daterangepicker td.disabled { cursor: not-allowed; } .daterangepicker td.in-range { background-color: #f5f5f5; } .daterangepicker td.active, .daterangepicker td.active:hover, .daterangepicker td.active:focus { background-color: #26A69A; color: #fff; border-radius: 3px; } .daterangepicker .table-condensed tr > th, .daterangepicker .table-condensed tr > td { padding: 10px; line-height: 1; } .daterangepicker .table-condensed thead tr:last-child th { padding-top: 14px; } .daterangepicker .table-condensed .month { font-size: 15px; line-height: 1; color: #333333; padding-top: 15px; padding-bottom: 15px; font-weight: 400; } .daterangepicker select { display: inline-block; } .daterangepicker select.monthselect { margin-right: 2%; width: 56%; } .daterangepicker select.yearselect { width: 40%; } .daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect { width: 60px; padding-left: 0; padding-right: 0; margin-bottom: 0; } .daterangepicker .daterangepicker_input { position: relative; } .daterangepicker .daterangepicker_input i { position: absolute; right: 11px; top: auto; bottom: 10px; color: #999999; } .daterangepicker .daterangepicker_input input { padding-left: 11px; padding-right: 34px; } .daterangepicker .calendar-time { text-align: center; margin: 12px 0; } .daterangepicker .calendar-time select.disabled { color: #ccc; cursor: not-allowed; } .ranges { background-color: #fff; position: relative; border: 1px solid #ddd; border-radius: 3px; width: 200px; margin-top: 7px; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); } .opensright .ranges { margin-left: 0; } .opensleft .ranges { margin-right: 0; } .ranges ul { list-style: none; margin: 0; padding: 7px 0; } .ranges ul + .daterangepicker-inputs { border-top: 1px solid #e5e5e5; } .ranges ul li { color: #333333; padding: 8px 12px; cursor: pointer; margin-top: 1px; } .ranges ul li:first-child { margin-top: 0; } .ranges ul li:hover, .ranges ul li:focus { background-color: #f5f5f5; } .ranges ul li.active { color: #fff; background-color: #26A69A; } .ranges .daterangepicker-inputs { padding: 12px; padding-top: 19px; } .ranges .daterangepicker-inputs .daterangepicker_input + .daterangepicker_input { margin-top: 19px; } .ranges .daterangepicker-inputs .daterangepicker_input > span { display: block; font-size: 12px; margin-bottom: 7px; color: #999999; } .ranges .daterangepicker-inputs + .range_inputs { border-top: 1px solid #e5e5e5; } .ranges .range_inputs { padding: 12px; } .ranges .range_inputs .btn { display: block; width: 100%; } .ranges .range_inputs .btn + .btn { margin-top: 12px; } @media (min-width: 769px) { .ranges { margin: 7px; } } .daterange-custom { cursor: pointer; } .daterange-custom:after { content: ''; display: table; clear: both; } .daterange-custom .label, .daterange-custom .badge { margin: 4px 0 0 7px; vertical-align: top; } .daterange-custom .label-icon { margin-top: 0; margin-right: 5px; } .daterange-custom-display { display: inline-block; position: relative; padding-left: 21px; line-height: 1; } .daterange-custom-display:after { content: '\e9c9'; font-family: 'icomoon'; display: inline-block; position: absolute; top: 50%; left: 0; margin-top: -8px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-transition: all ease-in-out 0.2s; -o-transition: all ease-in-out 0.2s; transition: all ease-in-out 0.2s; } .daterange-custom.is-opened .daterange-custom-display:after { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .daterange-custom-display > i { display: inline-block; font-size: 28px; font-weight: normal; font-style: normal; letter-spacing: -0.015em; } .daterange-custom-display b { display: inline-block; margin-left: 4px; font-weight: 400; } .daterange-custom-display b > i { font-size: 11px; display: block; line-height: 12px; text-transform: uppercase; font-style: normal; font-weight: 400; } .daterange-custom-display em { line-height: 30px; vertical-align: top; margin: 0 4px; } @media (max-width: 769px) { .opensleft, .opensright { left: 0!important; right: 0; } .opensleft .calendars, .opensright .calendars { float: none; } .daterangepicker.opensleft .ranges, .daterangepicker.opensright .ranges, .daterangepicker.opensleft .calendar, .daterangepicker.opensright .calendar, .daterangepicker.opensleft .calendars, .daterangepicker.opensright .calendars { float: none; } .daterangepicker { width: 100%; padding-left: 20px; padding-right: 20px; } .daterangepicker .calendar { margin-left: 0; margin-right: 0; } .daterangepicker .ranges { width: 100%; } } /* ------------------------------------------------------------------------------ * * # Pick-a-date - Picker base * * The mobile-friendly, responsive, and lightweight jQuery date & time input picker * * ---------------------------------------------------------------------------- */ .picker { width: 100%; text-align: left; position: absolute; top: 100%; margin-top: -1px; z-index: 990; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .picker__input { cursor: default; } .input-group-addon + .picker__input, .input-group-btn + .picker__input { border-bottom-right-radius: 3px !important; border-top-right-radius: 3px !important; } .picker__holder { width: 100%; overflow-y: auto; position: absolute; display: none; background-color: #fff; border: 1px solid #ddd; border-top-width: 0; border-bottom-width: 0; max-width: 290px; max-height: 0; outline: 0; -webkit-overflow-scrolling: touch; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); } .picker--opened .picker__holder { max-height: 480px; border-top-width: 1px; border-bottom-width: 1px; display: block; } /* ------------------------------------------------------------------------------ * * # Pick-a-date - Date picker * * The mobile-friendly, responsive, and lightweight jQuery date & time input picker * * ---------------------------------------------------------------------------- */ .picker__box { padding: 14px; } .picker__header { text-align: center; position: relative; font-size: 15px; line-height: 1; padding-top: 15px; padding-bottom: 15px; } .picker__month, .picker__year { font-weight: 500; display: inline-block; margin-left: 5px; margin-right: 5px; } .picker__year { color: #999999; font-size: 12px; font-weight: normal; } .picker__select--month, .picker__select--year { border-color: #ddd; height: 32px; font-size: 13px; line-height: 1.6666667; margin-left: 5px; margin-right: 5px; outline: 0; } .picker__select--month { width: 35%; } .picker__select--year { width: 22.5%; } .picker__nav--prev, .picker__nav--next { position: absolute; padding: 8px; top: 50%; margin-top: -16px; border-radius: 2px; line-height: 1; } .picker__nav--prev:before, .picker__nav--next:before { font-family: 'icomoon'; display: block; font-size: 16px; width: 16px; text-align: center; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .picker__nav--prev:hover, .picker__nav--next:hover { cursor: pointer; background-color: #f5f5f5; } .picker__nav--prev { left: 0; } .picker__nav--prev:before { content: '\e9c8'; } .picker__nav--next { right: 0; } .picker__nav--next:before { content: '\e9cb'; } .picker__nav--disabled, .picker__nav--disabled:hover, .picker__nav--disabled:before, .picker__nav--disabled:before:hover { cursor: default; background: none; border-right-color: #f5f5f5; border-left-color: #f5f5f5; } .picker__table { text-align: center; border-collapse: collapse; border-spacing: 0; table-layout: fixed; font-size: inherit; width: 100%; margin-bottom: 14px; } .picker__table td { margin: 0; padding: 0; } .picker__weekday { width: 14.285714286%; font-size: 12px; text-align: center; padding-bottom: 10px; padding-top: 14px; color: #999999; font-weight: 400; } .picker__day { padding: 7px; } .picker__day--today { position: relative; background-color: #f5f5f5; } .picker__day--today:before { content: ""; position: absolute; top: 2px; right: 2px; width: 0; height: 0; border-top: 6px solid #26A69A; border-left: 6px solid transparent; } .picker__day--outfocus { color: #ccc; } .picker__day--infocus:hover, .picker__day--outfocus:hover { cursor: pointer; color: #333333; background-color: #f5f5f5; } .picker__day--highlighted:before { border-top-color: #fff; } .picker__day--highlighted, .picker__day--selected { border-radius: 3px; } .picker__day--highlighted, .picker__day--highlighted:hover, .picker--focused .picker__day--highlighted { cursor: pointer; color: #fff; background-color: #26A69A; } .picker__day--selected, .picker__day--selected:hover, .picker--focused .picker__day--selected { background-color: #26A69A; color: #fff; } .picker__day--disabled, .picker__day--disabled:hover { background: #fafafa; color: #999999; cursor: default; } .picker__day--disabled:before { border-top-color: #999; } .picker__day--highlighted .picker__day--disabled, .picker__day--highlighted .picker__day--disabled:hover { background-color: #bbbbbb; } .picker__footer { text-align: center; } .picker__footer button { border: 0; background: #fff; padding: 6px 11px; border-radius: 3px; font-weight: 500; cursor: pointer; display: inline-block; } .picker__footer button:hover, .picker__footer button:focus { outline: 0; background-color: #f5f5f5; } .picker__footer button:before { height: 0; } .picker__button--today:before { content: ''; margin-right: 5px; position: relative; display: inline-block; top: -1px; width: 0; border-top: 6px solid #2196F3; border-left: 6px solid transparent; } .picker__button--close:before { content: '\D7'; display: inline-block; position: relative; margin-right: 5px; top: 1px; line-height: 1; font-size: 16px; } .picker__button--clear:before { content: ''; display: inline-block; position: relative; top: -3px; width: 8px; margin-right: 5px; border-top: 2px solid #F44336; } /* ------------------------------------------------------------------------------ * * # Pick-a-date - Time picker * * The mobile-friendly, responsive, and lightweight jQuery date & time input picker * * ---------------------------------------------------------------------------- */ .picker--time { min-width: 256px; max-width: 320px; } .picker--time .picker__box { padding: 0; } .picker__list { list-style: none; padding: 7px 0; margin: 0; max-height: 250px; overflow-y: auto; } .picker__list-item { position: relative; padding: 7px 12px; } .picker__list-item:hover, .picker__list-item:focus { cursor: pointer; background-color: #f5f5f5; z-index: 10; } .picker--time .picker__button--clear { display: block; width: 100%; margin: 0; padding: 6px 11px; background-color: #fcfcfc; margin-top: 1px; outline: 0; border: 0; border-top: 1px solid #eeeeee; text-align: center; margin-bottom: -7px; margin-top: 7px; } .picker--time .picker__button--clear:hover, .picker--time .picker__button--clear:focus { background-color: #f5f5f5; } .picker__list-item--highlighted { z-index: 10; } .picker__list-item--highlighted, .picker__list-item--highlighted:hover, .picker--focused .picker__list-item--highlighted { cursor: pointer; color: #fff; background-color: #26A69A; } .picker__list-item--selected, .picker__list-item--selected:hover, .picker--focused .picker__list-item--selected { background-color: #26A69A; color: #fff; z-index: 10; } .picker__list-item--disabled, .picker__list-item--disabled:hover, .picker--focused .picker__list-item--disabled { background-color: #fafafa; color: #999999; cursor: not-allowed; z-index: auto; } /* ------------------------------------------------------------------------------ * * # Anytime picker * * jQuery datepicker/timepicker and a Date/String parse/format utility * * Version: 1.2 * Latest update: Mar 10, 2016 * * ---------------------------------------------------------------------------- */ .AnyTime-pkr { text-align: center; } .AnyTime-pkr * { margin: 0; padding: 0; list-style: none; } .AnyTime-pkr .AnyTime-date { float: left; } .AnyTime-pkr .AnyTime-date + .AnyTime-time { margin-left: 50px; float: left; } .AnyTime-win { padding: 14px; background-color: #fff; border: 1px solid #ddd; display: inline-block; border-radius: 3px; z-index: 1051; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); } .AnyTime-cloak { position: absolute; opacity: 0.7; filter: alpha(opacity=70); } .AnyTime-hdr { font-size: 15px; margin: 15px 10px; line-height: 1; } .AnyTime-x-btn { display: none; font-size: 0; cursor: pointer; float: right; border-radius: 2px; opacity: 0.6; filter: alpha(opacity=60); } .AnyTime-x-btn:hover { opacity: 1; filter: alpha(opacity=100); } .AnyTime-x-btn:after { content: '\ed6b'; font-family: 'icomoon'; font-size: 16px; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .AnyTime-lbl { font-size: 13px; margin-bottom: 10px; font-weight: 500; margin-top: 25px; } .AnyTime-lbl:first-child { margin-top: 7px; } .AnyTime-dom-btn-empty, .AnyTime-min-ten-btn-empty, .AnyTime-min-one-btn-empty, .AnyTime-sec-ten-btn-empty, .AnyTime-sec-one-btn-empty { background-color: #fafafa; border: 1px solid #fff; border-radius: 3px; } .AnyTime-yrs .AnyTime-cur-btn, .AnyTime-yrs .AnyTime-cur-btn:hover { background-color: #F44336; color: #fff; } .AnyTime-mons .AnyTime-cur-btn, .AnyTime-mons .AnyTime-cur-btn:hover { background-color: #26A69A; color: #fff; } .AnyTime-time .AnyTime-cur-btn, .AnyTime-time .AnyTime-cur-btn:hover { background-color: #607D8B; color: #fff; } .AnyTime-dom-table .AnyTime-cur-btn, .AnyTime-body-yr-selector .AnyTime-cur-btn, .AnyTime-dom-table .AnyTime-cur-btn:hover, .AnyTime-body-yr-selector .AnyTime-cur-btn:hover { background-color: #2196F3; color: #fff; } .AnyTime-yrs-past-btn, .AnyTime-yrs-ahead-btn { display: inline-block; } .AnyTime-yr-prior-btn, .AnyTime-yr-cur-btn, .AnyTime-yr-next-btn { display: inline-block; min-width: 50px; } .AnyTime-mons:after { content: ""; display: table; clear: both; } .AnyTime-dom-table { width: 100%; } .AnyTime-pkr th.AnyTime-dow { color: #999999; font-size: 12px; padding: 7px; font-weight: 400; } .AnyTime-mon-btn { float: left; } .AnyTime-mon7-btn { clear: left; } .AnyTime-dom-btn:hover { background-color: #f5f5f5; } .AnyTime-time, .AnyTime-hrs-am, .AnyTime-hrs-pm, .AnyTime-mins-tens, .AnyTime-mins-ones, .AnyTime-secs-tens, .AnyTime-secs-ones, .AnyTime-hrs, .AnyTime-mins, .AnyTime-secs, .AnyTime-offs { display: inline-block; } .AnyTime-btn { padding: 7px 12px; cursor: pointer; border-radius: 2px; } .AnyTime-btn:hover { background-color: #f5f5f5; } .AnyTime-hr-btn, .AnyTime-min-ten-btn, .AnyTime-min-one-btn, .AnyTime-sec-ten-btn, .AnyTime-sec-one-btn { min-width: 40px; } .AnyTime-hrs-pm, .AnyTime-mins-ones, .AnyTime-secs-ones { margin-left: 2px; } .AnyTime-mins-tens, .AnyTime-secs-tens { margin-left: 20px; } .AnyTime-off-cur-btn { display: inline-block; overflow: hidden; } .AnyTime-off-select-btn { display: inline-block; vertical-align: top; } .AnyTime-off-selector { margin: 10px; position: absolute; } .AnyTime-body-off-selector { margin: 0; overflow-x: hidden; overflow-y: auto; white-space: nowrap; } .AnyTime-off-off-btn { text-align: left; } .AnyTime-yr-selector { position: absolute; width: 90%; } .AnyTime-body-yr-selector { margin: 0; } .AnyTime-yr-mil, .AnyTime-yr-cent, .AnyTime-yr-dec, .AnyTime-yr-yr, .AnyTime-yr-era { display: inline-block; vertical-align: top; width: 20%; } .AnyTime-era-btn { margin-left: 10px; } @media (max-width: 769px) { .AnyTime-pkr .AnyTime-date { float: none; } .AnyTime-mon-btn { float: none; display: inline-block; } .AnyTime-date + .AnyTime-time { margin-left: 0; margin-top: 25px; float: none; } } /* ------------------------------------------------------------------------------ * * # Spectrum color picker * * Flexible and powerful jQuery colorpicker library * * Version: 1.0 * Latest update: May 25, 2015 * * ---------------------------------------------------------------------------- */ .sp-sat, .sp-val, .sp-top-inner, .sp-color, .sp-hue, .sp-clear-enabled .sp-clear, .sp-preview-inner, .sp-alpha-inner, .sp-thumb-inner { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .sp-container.sp-input-disabled .sp-input-container, .sp-container.sp-buttons-disabled .sp-button-container, .sp-container.sp-palette-buttons-disabled .sp-palette-button-container, .sp-palette-only .sp-picker-container, .sp-palette-disabled .sp-palette-container, .sp-initial-disabled .sp-initial { display: none; } .sp-hidden { display: none!important; } .sp-cf:before, .sp-cf:after { content: ""; display: table; } .sp-cf:after { clear: both; } .sp-preview, .sp-alpha, .sp-thumb-el { position: relative; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==); } .sp-preview-inner, .sp-alpha-inner, .sp-thumb-inner { display: block; } .sp-container { position: absolute; top: 0; left: 0; display: inline-block; z-index: 1000; background-color: #fff; border: 1px solid #ddd; border-radius: 3px; overflow: hidden; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); } .sp-container.sp-flat { position: relative; overflow-x: auto; max-width: 100%; white-space: nowrap; } .sp-picker-container, .sp-palette-container { display: block; white-space: nowrap; vertical-align: top; position: relative; padding: 10px; padding-bottom: 300px; margin-bottom: -290px; } @media (min-width: 769px) { .sp-picker-container, .sp-palette-container { display: inline-block; } } .sp-picker-container { width: 220px; } .sp-container, .sp-replacer, .sp-preview, .sp-dragger, .sp-slider, .sp-alpha, .sp-clear, .sp-alpha-handle, .sp-container.sp-dragging .sp-input, .sp-container button { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .sp-top { position: relative; width: 100%; display: block; } .sp-color { right: 20%; } .sp-hue { left: 85%; height: 100%; } .sp-clear-enabled .sp-hue { top: 40px; height: 75%; } .sp-fill { padding-top: 80%; } .sp-alpha-enabled .sp-top { margin-bottom: 26px; } .sp-alpha-enabled .sp-alpha { display: block; } .sp-alpha-handle { position: absolute; top: -4px; bottom: -4px; width: 5px; left: 50%; cursor: pointer; border: 1px solid #999999; background-color: #fff; border-radius: 5px; } .sp-alpha { display: none; position: absolute; bottom: -16px; right: 0; left: 0; height: 6px; } .sp-clear { display: none; } .sp-clear-display { cursor: pointer; } .sp-clear-display:after { content: '\ee6e'; display: block; font-family: 'icomoon'; font-size: 16px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 30px; } .sp-preview .sp-clear-display:after, .sp-initial .sp-clear-display:after { content: none; } .sp-clear-enabled .sp-clear { display: block; left: 85%; height: 30px; text-align: center; color: #999; -webkit-box-shadow: 0 0 0 1px #ddd inset; box-shadow: 0 0 0 1px #ddd inset; } .sp-input-container { margin-top: 10px; } .sp-initial-disabled .sp-input-container { width: 100%; } .sp-input { border: 1px solid #ddd; padding: 7px 12px; width: 100%; background-color: #fff; border-radius: 3px; outline: 0; color: #333333; } .sp-initial { margin-top: 10px; } .sp-initial span { width: 50%; height: 25px; display: block; float: left; } .sp-initial span .sp-thumb-inner { height: 25px; width: 100%; display: block; } .sp-dragger { height: 5px; width: 5px; border: 1px solid #fff; background-color: #333; cursor: pointer; position: absolute; top: 0; left: 0; } .sp-slider { position: absolute; top: 0; cursor: pointer; height: 4px; left: -2px; right: -2px; border: 1px solid #999999; background-color: #fff; border-radius: 3px; } .sp-replacer { overflow: hidden; cursor: pointer; padding: 5px; display: inline-block; border: 1px solid #ddd; background-color: #fafafa; vertical-align: middle; border-radius: 3px; } .sp-replacer:hover, .sp-replacer.sp-active { border-color: #c4c4c4; color: #333333; } .sp-replacer:hover .sp-dd, .sp-replacer.sp-active .sp-dd { color: #333333; } .sp-replacer[class*=bg-], .sp-replacer[class*=bg-]:hover, .sp-replacer[class*=bg-]:focus { border-color: transparent; } .sp-replacer[class*=bg-] .sp-dd { color: #fff; } .sp-replacer[class*=bg-].sp-active .sp-dd { color: #fff; } .sp-replacer.sp-disabled { cursor: default; opacity: 0.8; filter: alpha(opacity=80); } .sp-replacer.sp-disabled:not([class*=bg-]):hover, .sp-replacer.sp-disabled:not([class*=bg-]):focus { border-color: #ddd; } .sp-replacer.sp-disabled .sp-dd, .sp-replacer.sp-disabled[class*=bg-] .sp-dd { color: #999999; } .sp-preview { position: relative; width: 26px; height: 24px; margin-right: 5px; float: left; z-index: 0; } .sp-preview .sp-preview-inner, .sp-preview .sp-clear-display { -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05); box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05); } .sp-replacer[class*=bg-] .sp-preview .sp-preview-inner { -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.5); box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.5); } .sp-dd { float: left; font-size: 0; position: relative; margin: 3px 1px; color: #999999; } .sp-dd:after { content: '\e9c5'; display: block; font-family: 'icomoon'; font-size: 16px; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .sp-sat { background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#FFF), to(rgba(204, 154, 129, 0))); background-image: -webkit-linear-gradient(left, #FFF, rgba(204, 154, 129, 0)); background-image: -moz-linear-gradient(left, #fff, rgba(204, 154, 129, 0)); background-image: -o-linear-gradient(left, #fff, rgba(204, 154, 129, 0)); background-image: -ms-linear-gradient(left, #fff, rgba(204, 154, 129, 0)); background-image: linear-gradient(to right, #fff, rgba(204, 154, 129, 0)); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr=#FFFFFFFF, endColorstr=#00CC9A81)"; filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr='#FFFFFFFF', endColorstr='#00CC9A81'); -webkit-box-shadow: 0 0 0 1px #ccc inset; box-shadow: 0 0 0 1px #ccc inset; } .sp-val { background-image: -webkit-gradient(linear, 0 100%, 0 0, from(#000000), to(rgba(204, 154, 129, 0))); background-image: -webkit-linear-gradient(bottom, #000000, rgba(204, 154, 129, 0)); background-image: -moz-linear-gradient(bottom, #000, rgba(204, 154, 129, 0)); background-image: -o-linear-gradient(bottom, #000, rgba(204, 154, 129, 0)); background-image: -ms-linear-gradient(bottom, #000, rgba(204, 154, 129, 0)); background-image: linear-gradient(to top, #000, rgba(204, 154, 129, 0)); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00CC9A81, endColorstr=#FF000000)"; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00CC9A81', endColorstr='#FF000000'); } .sp-hue { background: -moz-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%); background: -ms-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%); background: -o-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%); background: -webkit-gradient(linear, left top, left bottom, from(#ff0000), color-stop(0.17, #ffff00), color-stop(0.33, #00ff00), color-stop(0.5, #00ffff), color-stop(0.67, #0000ff), color-stop(0.83, #ff00ff), to(#ff0000)); background: -webkit-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%); background: linear-gradient(to bottom, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%); } .sp-1 { height: 17%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#ffff00'); } .sp-2 { height: 16%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff00', endColorstr='#00ff00'); } .sp-3 { height: 17%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ff00', endColorstr='#00ffff'); } .sp-4 { height: 17%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffff', endColorstr='#0000ff'); } .sp-5 { height: 16%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0000ff', endColorstr='#ff00ff'); } .sp-6 { height: 17%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff00ff', endColorstr='#ff0000'); } .sp-palette { max-width: 220px; } .sp-palette-only .sp-palette-container { border: 0; } @media (min-width: 769px) { .sp-palette-container { border-right: 1px solid #ddd; } } .sp-thumb-el { position: relative; } .sp-palette .sp-thumb-el { display: inline-block; position: relative; cursor: pointer; } .sp-thumb-el .sp-thumb-inner { -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset; } .sp-thumb-el .sp-thumb-inner:hover { -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.25) inset; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.25) inset; } .sp-palette .sp-thumb-el { width: 16px; height: 16px; } .sp-palette .sp-thumb-el + .sp-thumb-el { margin-left: 5px; } .sp-palette .sp-thumb-el.sp-thumb-active { -webkit-box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1) inset; box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1) inset; } .sp-palette .sp-thumb-el.sp-thumb-active .sp-thumb-inner { -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.25) inset; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.25) inset; } .sp-palette .sp-thumb-active.sp-thumb-dark .sp-thumb-inner:after, .sp-palette .sp-thumb-active.sp-thumb-light .sp-thumb-inner:after { content: '\e600'; display: block; font-family: 'icomoon'; font-size: 16px; line-height: 1; color: #fff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .sp-palette .sp-thumb-active.sp-thumb-light .sp-thumb-inner:after { color: #333333; } .sp-palette-row { font-size: 0; } .sp-palette-row + .sp-palette-row { margin-top: 5px; } .sp-palette-row:empty { margin-top: 0; } .sp-cancel, .sp-choose, .sp-palette-toggle { border: 0; border-radius: 2px; padding: 6px 11px; float: left; width: 48%; text-align: center; outline: 0; } .sp-palette-button-container, .sp-button-container { margin-top: 10px; text-align: center; } .sp-container[class*=bg-] .sp-palette-button-container a, .sp-container[class*=bg-] .sp-button-container a, .sp-container[class*=bg-] .sp-palette-button-container button, .sp-container[class*=bg-] .sp-button-container button { background-color: rgba(0, 0, 0, 0.25); color: #fff; border-color: transparent; } .sp-cancel, .sp-palette-toggle { border: 1px solid transparent; } .sp-cancel:hover, .sp-palette-toggle:hover, .sp-cancel:focus, .sp-palette-toggle:focus { -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.01) inset; box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.01) inset; } .sp-cancel:active, .sp-palette-toggle:active { -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.03) inset; box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.03) inset; } .sp-choose { border: 1px solid transparent; } .sp-choose:hover, .sp-choose:focus { -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.05) inset; box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.05) inset; } .sp-choose:active { -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.1) inset; box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.1) inset; } .sp-cancel, .sp-palette-toggle { color: #333; margin-right: 5px; background-color: #fcfcfc; margin-right: 4%; border-color: #ddd; } .sp-cancel:hover, .sp-palette-toggle:hover, .sp-cancel:focus, .sp-palette-toggle:focus { color: #333; } .sp-palette-toggle { margin-right: 0; width: auto; float: none; } .sp-choose { color: #fff; background-color: #607D8B; } /* ------------------------------------------------------------------------------ * * # Datepicker for Bootstrap * * Styles for bootstrap datepicker. Comes as a part of datepaginator.js plugin * * Version: 1.2 * Latest update: Mar 10, 2016 * * ---------------------------------------------------------------------------- */ .datepicker > div { display: none; } .datepicker.datepicker-dropdown { top: 0; left: 0; margin: 0; padding: 14px; } .datepicker table { margin: 0; } .datepicker table tr td.day:hover { background-color: #f5f5f5; cursor: pointer; } .datepicker table tr td.old, .datepicker table tr td.new { color: #999999; } .datepicker table tr td.disabled, .datepicker table tr td.disabled:hover { background-color: transparent; color: #999999; cursor: default; } .datepicker table tr td.today, .datepicker table tr td.today.disabled, .datepicker table tr td.today:hover, .datepicker table tr td.today.disabled:hover { background-color: #f5f5f5; } .datepicker table tr td.range, .datepicker table tr td.range.disabled, .datepicker table tr td.range:hover, .datepicker table tr td.range.disabled:hover { background-color: #f5f5f5; border-radius: 0; } .datepicker table tr td.range.today, .datepicker table tr td.range.today.disabled, .datepicker table tr td.range.today.active, .datepicker table tr td.range.today:hover, .datepicker table tr td.range.today.disabled:hover, .datepicker table tr td.range.today.active:hover { background-color: #f5f5f5; } .datepicker table tr td.active, .datepicker table tr td span.active, .datepicker table tr td.active.disabled, .datepicker table tr td span.active.disabled, .datepicker table tr td.active:hover, .datepicker table tr td span.active:hover, .datepicker table tr td.active.disabled:hover, .datepicker table tr td span.active.disabled:hover { background-color: #26A69A; color: #fff; } .datepicker table tr td span { display: block; width: 31%; padding: 7px 12px; float: left; margin: 1%; cursor: pointer; border-radius: 3px; } .datepicker table tr td span:hover { background-color: #f5f5f5; } .datepicker table tr td span.disabled, .datepicker table tr td span.disabled:hover { background-color: transparent; color: #999999; cursor: default; } .datepicker table tr td span.old, .datepicker table tr td span.new { color: #999999; } .datepicker table th.datepicker-switch { font-size: 15px; font-weight: 400; } .datepicker table thead tr:first-child th, .datepicker table tfoot tr th { cursor: pointer; padding-top: 15px; padding-bottom: 15px; line-height: 1; } .datepicker table .cw { width: 16px; padding: 0 2px 0 5px; vertical-align: middle; } .datepicker table thead tr:first-child th.cw { cursor: default; background-color: transparent; } .datepicker .table-condensed td, .datepicker .table-condensed th { text-align: center; padding: 10px; border-radius: 3px; border: 0; line-height: 1; } .datepicker .table-condensed th.dow { padding-top: 14px; color: #999999; } .table-striped .datepicker table tr th, .table-striped .datepicker table tr td { background-color: transparent; } /* ------------------------------------------------------------------------------ * * # Date paginator * * A jQuery plugin which adds date selection to the Bootstrap pagination component * * Version: 1.0 * Latest update: May 25, 2015 * * ---------------------------------------------------------------------------- */ .datepaginator { height: 72px; text-align: center; } .datepaginator-sm { height: 68px; } .datepaginator-lg { height: 76px; } .datepaginator .pagination { white-space: nowrap; } .datepaginator .pagination > li { display: inline-block; } .datepaginator .pagination > li > a { min-width: auto; text-align: center; border-radius: 3px; margin-left: 0; border: 0; } .datepaginator .pagination > li .dp-nav-square-edges { border-radius: 0; } .datepaginator .pagination > li .dp-off { background-color: #fafafa; } .datepaginator .pagination > li .dp-no-select { color: #ccc; background-color: #fafafa; } .datepaginator .pagination > li .dp-no-select:hover { background-color: #fafafa; } .datepaginator .pagination > li #dp-calendar { position: absolute; right: 6px; top: 6px; } .datepaginator .pagination > li > .dp-nav { height: 72px; padding: 29px 0; width: 38px; line-height: 1; border-radius: 3px; } .datepaginator .pagination > li > a.dp-nav-sm { height: 68px; padding: 27px 0; } .datepaginator .pagination > li > a.dp-nav-lg { height: 76px; padding: 31px 0; } .datepaginator .pagination > li > a.dp-item { height: 72px; padding: 15px 0; width: 35px; } .datepaginator .pagination > li > a.dp-item-sm { height: 68px; padding: 13px 0; } .datepaginator .pagination > li > a.dp-item-lg { height: 76px; padding: 17px 0; } .datepaginator .pagination > li > .dp-today, .datepaginator .pagination > li > .dp-today:hover, .datepaginator .pagination > li > .dp-today:focus { background-color: #2196F3; color: #fff; } .datepaginator .pagination > li > .dp-selected, .datepaginator .pagination > li > .dp-selected:hover, .datepaginator .pagination > li > .dp-selected:focus { background-color: #26A69A; color: #fff; width: 140px; } /* ------------------------------------------------------------------------------ * * # PNotify notifications * * Styles for pnotify.min.js - a flexible JavaScript notification plugin * * Version: 1.1 * Latest update: Mar 10, 2016 * * ---------------------------------------------------------------------------- */ .ui-pnotify { top: 20px; right: 20px; position: absolute; height: auto; z-index: 2; border-radius: 3px; } body > .ui-pnotify { position: fixed; z-index: 100040; } .ui-pnotify.alert-rounded > .ui-pnotify-container { border-radius: 100px; } .ui-pnotify[class*=bg-] > .ui-pnotify-container { background-color: inherit; border-color: transparent; color: #fff; } .ui-pnotify[class*=text-] > .ui-pnotify-container, .ui-pnotify[class*=alpha-] > .ui-pnotify-container { background-color: inherit; border-color: inherit; color: inherit; } .ui-pnotify.stack-top-left, .ui-pnotify.stack-bottom-left { left: 20px; right: auto; } .ui-pnotify.stack-bottom-right, .ui-pnotify.stack-bottom-left { bottom: 20px; top: auto; } .ui-pnotify.stack-modal { left: 50%; right: auto; margin-left: -150px; } .ui-pnotify.stack-custom-right { top: auto; left: auto; bottom: 200px; right: 200px; } .ui-pnotify.stack-custom-left { top: 200px; left: 200px; right: auto; bottom: auto; } .ui-pnotify.stack-custom-top { right: 0; left: 0; top: 0; } .ui-pnotify.stack-custom-bottom { right: 0; left: 0; bottom: 0; top: auto; } .ui-pnotify.ui-pnotify-in { display: block!important; } .ui-pnotify.ui-pnotify-move { -webkit-transition: left .5s ease, top .5s ease, right .5s ease, bottom .5s ease; -o-transition: left .5s ease, top .5s ease, right .5s ease, bottom .5s ease; transition: left .5s ease, top .5s ease, right .5s ease, bottom .5s ease; } .ui-pnotify.ui-pnotify-fade-slow { -webkit-transition: opacity linear 0.6s; -o-transition: opacity linear 0.6s; transition: opacity linear 0.6s; opacity: 0; filter: alpha(opacity=0); } .ui-pnotify.ui-pnotify-fade-slow.ui-pnotify.ui-pnotify-move { -webkit-transition: opacity .6s linear, left .5s ease, top .5s ease, right .5s ease, bottom .5s ease; -o-transition: opacity .6s linear, left .5s ease, top .5s ease, right .5s ease, bottom .5s ease; transition: opacity .6s linear, left .5s ease, top .5s ease, right .5s ease, bottom .5s ease; } .ui-pnotify.ui-pnotify-fade-normal { -webkit-transition: opacity linear 0.4s; -o-transition: opacity linear 0.4s; transition: opacity linear 0.4s; opacity: 0; filter: alpha(opacity=0); } .ui-pnotify.ui-pnotify-fade-normal.ui-pnotify.ui-pnotify-move { -webkit-transition: opacity .4s linear, left .5s ease, top .5s ease, right .5s ease, bottom .5s ease; -o-transition: opacity .4s linear, left .5s ease, top .5s ease, right .5s ease, bottom .5s ease; transition: opacity .4s linear, left .5s ease, top .5s ease, right .5s ease, bottom .5s ease; } .ui-pnotify.ui-pnotify-fade-fast { transition: opacity .2s linear; -webkit-transition: opacity linear 0.2s; -o-transition: opacity linear 0.2s; transition: opacity linear 0.2s; opacity: 0; filter: alpha(opacity=0); } .ui-pnotify.ui-pnotify-fade-fast.ui-pnotify.ui-pnotify-move { -webkit-transition: opacity .2s linear, left .5s ease, top .5s ease, right .5s ease, bottom .5s ease; -o-transition: opacity .2s linear, left .5s ease, top .5s ease, right .5s ease, bottom .5s ease; transition: opacity .2s linear, left .5s ease, top .5s ease, right .5s ease, bottom .5s ease; } .ui-pnotify.ui-pnotify-fade-in { opacity: 1; filter: alpha(opacity=100); } .ui-pnotify-container { padding: 15px 20px; height: 100%; position: relative; left: 0; margin: 0; border-radius: 3px; } .ui-pnotify-container:after { content: " "; visibility: hidden; display: block; height: 0; clear: both; } .ui-pnotify-container.ui-pnotify-sharp { border-radius: 0; } .ui-pnotify-title { display: block; margin-top: 0; margin-bottom: 7px; font-size: 15px; } .ui-pnotify-text { display: block; } .ui-pnotify-icon { display: block; float: left; line-height: 1; } .ui-pnotify-icon > [class^=icon-] { margin-top: 4px; margin-right: 15px; } .ui-pnotify-closer, .ui-pnotify-sticker { float: right; margin-left: 8px; margin-top: 4px; line-height: 1; outline: 0; } .ui-pnotify-modal-overlay { background-color: rgba(0, 0, 0, 0.5); top: 0; left: 0; position: absolute; height: 100%; width: 100%; z-index: 1; } body > .ui-pnotify-modal-overlay { position: fixed; z-index: 100039; } .brighttheme { border: 1px solid; } .ui-pnotify[class*=bg-] > .brighttheme { background-color: inherit; border-color: inherit; color: inherit; } .brighttheme-notice { background-color: #FFF3E0; border-color: #FF9800; } .brighttheme-info { background-color: #E3F2FD; border-color: #1E88E5; } .brighttheme-success { background-color: #E8F5E9; border-color: #4CAF50; } .brighttheme-error { background-color: #FBE9E7; border-color: #FF5722; } .brighttheme-icon-closer, .brighttheme-icon-sticker { position: relative; width: 16px; height: 16px; display: inline-block; width: 10px; height: 10px; outline: 0; } .brighttheme-icon-closer:after, .brighttheme-icon-sticker:after { content: ''; font-family: 'Icomoon'; font-size: 10px; display: block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .brighttheme-icon-closer:after { content: "\ed6a"; } .brighttheme-icon-sticker:after { content: "\ee70"; } .brighttheme-icon-sticker.brighttheme-icon-stuck:after { content: "\ee75"; } .ui-pnotify[class*=alert-styled-] { border-width: 0; padding: 0; } .ui-pnotify.alert-styled-left .brighttheme { border-left-width: 44px; } .ui-pnotify.alert-styled-left:after { left: 0; } .ui-pnotify.alert-styled-right .brighttheme { border-right-width: 44px; } .ui-pnotify.alert-styled-right:after { right: 0; } .brighttheme .ui-pnotify-action-bar { padding-top: 15px; } .brighttheme .ui-pnotify-action-bar textarea, .brighttheme .ui-pnotify-action-bar input { display: block; width: 100%; border: 1px solid #ddd; background-color: #fff; margin-bottom: 15px !important; color: #333333; padding: 7px 12px; } .ui-pnotify[class*=bg-] .brighttheme .ui-pnotify-action-bar textarea, .ui-pnotify[class*=bg-] .brighttheme .ui-pnotify-action-bar input { border-color: #fff; color: #fff; } .ui-pnotify[class*=bg-] .brighttheme .ui-pnotify-action-bar textarea::-moz-placeholder, .ui-pnotify[class*=bg-] .brighttheme .ui-pnotify-action-bar input::-moz-placeholder { color: #fff; opacity: 1; } .ui-pnotify[class*=bg-] .brighttheme .ui-pnotify-action-bar textarea:-ms-input-placeholder, .ui-pnotify[class*=bg-] .brighttheme .ui-pnotify-action-bar input:-ms-input-placeholder { color: #fff; } .ui-pnotify[class*=bg-] .brighttheme .ui-pnotify-action-bar textarea::-webkit-input-placeholder, .ui-pnotify[class*=bg-] .brighttheme .ui-pnotify-action-bar input::-webkit-input-placeholder { color: #fff; } .ui-pnotify[class*=bg-] .form-control { border-bottom-color: #fff; color: #fff; } .ui-pnotify[class*=bg-] .form-control::-moz-placeholder { color: #fff; opacity: 1; } .ui-pnotify[class*=bg-] .form-control:-ms-input-placeholder { color: #fff; } .ui-pnotify[class*=bg-] .form-control::-webkit-input-placeholder { color: #fff; } .ui-pnotify-history-container { position: absolute; top: 0; right: 20px; width: 70px; border-top: none; padding: 0; z-index: 10000; border-top-right-radius: 0; border-top-left-radius: 0; } .ui-pnotify-history-container.ui-pnotify-history-fixed { position: fixed; } .ui-pnotify-history-container .ui-pnotify-history-header { padding: 2px; text-align: center; } .ui-pnotify-history-container button { cursor: pointer; display: block; width: 100%; } .ui-pnotify-history-container .ui-pnotify-history-pulldown { display: block; margin: 0 auto; } @media (max-width: 480px) { .ui-pnotify-mobile-able.ui-pnotify { position: fixed; top: 0; right: 0; left: 0; width: auto !important; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; -ms-font-smoothing: antialiased; font-smoothing: antialiased; } .ui-pnotify-mobile-able.ui-pnotify .ui-pnotify-shadow { border-bottom-width: 5px; -webkit-box-shadow: none; box-shadow: none; } .ui-pnotify-mobile-able.ui-pnotify.stack-top-left, .ui-pnotify-mobile-able.ui-pnotify.stack-bottom-left { left: 0; right: 0; } .ui-pnotify-mobile-able.ui-pnotify.stack-bottom-right, .ui-pnotify-mobile-able.ui-pnotify.stack-bottom-left { left: 0; right: 0; bottom: 0; top: auto; } .ui-pnotify-mobile-able.ui-pnotify.stack-bottom-right .ui-pnotify-shadow, .ui-pnotify-mobile-able.ui-pnotify.stack-bottom-left .ui-pnotify-shadow, .ui-pnotify-mobile-able.ui-pnotify.stack-bottom-right .ui-pnotify-shadow, .ui-pnotify-mobile-able.ui-pnotify.stack-bottom-left .ui-pnotify-shadow { border-top-width: 5px; border-bottom-width: 1px; } .ui-pnotify-mobile-able.ui-pnotify.ui-pnotify-nonblock-fade { opacity: 0.2; filter: alpha(opacity=20); } .ui-pnotify-mobile-able.ui-pnotify.ui-pnotify-nonblock-hide { display: none !important; } .ui-pnotify-mobile-able .ui-pnotify-container { border-radius: 0; } } /* ------------------------------------------------------------------------------ * * # Noty notifications * * Styles for noty.min.js - A dependency-free notification library * * ---------------------------------------------------------------------------- */ .noty_bar { position: relative; padding: 0; -webkit-backface-visibility: hidden; transform: translate(0, 0) scale(1, 1); -webkit-font-smoothing: subpixel-antialiased; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); } .noty_body { padding: 15px; } .noty_close_with_button .noty_body { padding-right: 30px; } .noty_buttons { padding: 15px; padding-top: 0; text-align: right; } .noty_layout_mixin, #noty_layout__top, #noty_layout__topLeft, #noty_layout__topCenter, #noty_layout__topRight, #noty_layout__center, #noty_layout__centerLeft, #noty_layout__centerRight, #noty_layout__bottom, #noty_layout__bottomLeft, #noty_layout__bottomCenter, #noty_layout__bottomRight { position: fixed; margin: 0; padding: 0; z-index: 1049; transform: translateZ(0) scale(1, 1); filter: blur(0); backface-visibility: hidden; -webkit-font-smoothing: subpixel-antialiased; max-width: 90%; } #noty_layout__top { top: 0; left: 5%; width: 90%; } #noty_layout__top .noty_bar:first-child { margin-top: 20px; } #noty_layout__topLeft { top: 20px; left: 20px; width: 320px; } #noty_layout__topCenter { top: 20px; left: 50%; width: 320px; transform: translate(-50%) translateZ(0) scale(1, 1); } #noty_layout__topRight { top: 20px; right: 20px; width: 320px; } #noty_layout__center { top: 50%; left: 50%; width: 320px; transform: translate(-50%, -50%) translateZ(0) scale(1, 1); } #noty_layout__centerLeft { top: 50%; left: 20px; width: 320px; transform: translate(0, -50%) translateZ(0) scale(1, 1); } #noty_layout__centerRight { top: 50%; right: 20px; width: 320px; transform: translate(0, -50%) translateZ(0) scale(1, 1); } #noty_layout__bottom { bottom: 0; left: 5%; width: 90%; } #noty_layout__bottom .noty_bar:last-child { margin-bottom: 20px; } #noty_layout__bottomLeft { bottom: 20px; left: 20px; width: 320px; } #noty_layout__bottomCenter { bottom: 20px; left: 50%; width: 320px; transform: translate(calc(-51%)) translateZ(0) scale(1, 1); } #noty_layout__bottomRight { bottom: 20px; right: 20px; width: 320px; } .noty_progressbar { display: none; } .noty_has_timeout.noty_has_progressbar .noty_progressbar { display: block; position: absolute; left: 0; bottom: 0; height: 3px; width: 100%; background-color: rgba(0, 0, 0, 0.25); } .noty_effects_open { opacity: 0; transform: translate(50%); animation: noty_anim_in 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55); animation-fill-mode: forwards; } .noty_effects_close { animation: noty_anim_out 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55); animation-fill-mode: forwards; } .noty_fix_effects_height { animation: noty_anim_height 75ms ease-out; } .noty_close_with_click { cursor: pointer; } .noty_close_button { position: absolute; top: 15px; right: 15px; background-color: transparent; font-size: 19.5px; font-weight: 300; color: inherit; text-align: center; line-height: 1; cursor: pointer; opacity: 0.75; -webkit-transition: opacity ease-in-out 0.15s; -o-transition: opacity ease-in-out 0.15s; transition: opacity ease-in-out 0.15s; } .noty_close_button:hover { opacity: 1; } .noty_modal { position: fixed; width: 100%; height: 100%; background-color: #000; z-index: 1040; opacity: 0.5; left: 0; top: 0; } .noty_modal.noty_modal_open { opacity: 0; animation: noty_modal_in 0.3s ease-out; } .noty_modal.noty_modal_close { animation: noty_modal_out 0.3s ease-out; animation-fill-mode: forwards; } @keyframes noty_modal_in { 100% { opacity: 0.5; } } @keyframes noty_modal_out { 100% { opacity: 0; } } @keyframes noty_anim_in { 100% { transform: translate(0); opacity: 1; } } @keyframes noty_anim_out { 100% { transform: translate(50%); opacity: 0; } } @keyframes noty_anim_height { 100% { height: 0; } } .noty_theme__limitless.noty_bar { margin-bottom: 20px; position: relative; border: 1px solid transparent; border-radius: 3px; } .noty_theme__limitless.noty_type__alert { background-color: #546E7A; color: #fff; border-color: #546E7A; } .noty_theme__limitless.noty_type__warning { background-color: #FF7043; color: #fff; border-color: #FF7043; } .noty_theme__limitless.noty_type__error { background-color: #EF5350; color: #fff; border-color: #EF5350; } .noty_theme__limitless.noty_type__info { background-color: #03A9F4; color: #fff; border-color: #03A9F4; } .noty_theme__limitless.noty_type__success { background-color: #4CAF50; color: #fff; border-color: #4CAF50; } .noty_theme__limitless.noty_type__confirm { background-color: #fff; border-color: transparent; @include box-shadow(@modal-content-box-shadow-xs); } .noty_theme__limitless.noty_type__confirm .noty_body { padding: 15px; } .noty_theme__limitless.noty_type__confirm .noty_close_button { top: 15px; } /* ------------------------------------------------------------------------------ * * # jGrowl notifications * * Styles for jgrowl.min.js - an unobtrusive notification system for web applications * * Version: 1.0 * Latest update: May 25, 2015 * * ---------------------------------------------------------------------------- */ .jGrowl { z-index: 2001; position: absolute; } body > .jGrowl { position: fixed; } .jGrowl.top-left { left: 20px; top: 20px; } .jGrowl.top-center { left: 50%; top: 20px; margin-left: -150px; } .jGrowl.top-right { right: 20px; top: 20px; } .jGrowl.center { top: 40%; width: 300px; left: 50%; margin-left: -150px; margin-top: -35px; } .jGrowl.center .jGrowl-notification, .jGrowl.center .jGrowl-closer { margin-left: auto; margin-right: auto; } .jGrowl.bottom-left { left: 20px; bottom: 20px; } .jGrowl.bottom-center { left: 50%; bottom: 20px; margin-left: -150px; } .jGrowl.bottom-right { right: 20px; bottom: 20px; } @media print { .jGrowl { display: none; } } .jGrowl-notification { margin-bottom: 10px; width: 300px; text-align: left; display: none; } .jGrowl-notification .jGrowl-header { font-size: 15px; margin-bottom: 5px; } .jGrowl-notification .jGrowl-header:empty { margin: 0; } .jGrowl-notification .jGrowl-close { font-weight: 300; background: none; border: 0; font-size: 17px; cursor: pointer; line-height: 1; padding: 0; float: right; color: inherit; outline: 0; margin-left: 10px; opacity: 0.75; filter: alpha(opacity=75); } .jGrowl-notification .jGrowl-close:hover { opacity: 1; filter: alpha(opacity=100); } .jGrowl-closer { padding: 5px 0; cursor: pointer; margin-top: 5px; text-align: center; background-color: #fff; width: 300px; border-radius: 3px; border: 1px solid #ddd; color: #999999; } .alert-rounded + .jGrowl-closer { border-radius: 5px; } /* ------------------------------------------------------------------------------ * * # Sweet alerts * * Styles for sweet_alert.min.js - A beautiful replacement for JavaScript's "Alert" * * Version: 1.1 * Latest update: Oct 28, 2015 * * ---------------------------------------------------------------------------- */ /* # Core -------------------------------------------------- */ body.stop-scrolling { height: 100%; overflow: hidden; } .sweet-overlay { background-color: rgba(0, 0, 0, 0.4); position: fixed; left: 0; right: 0; top: 0; bottom: 0; display: none; z-index: 1050; } .sweet-alert { background-color: #fff; width: 470px; padding: 20px; border-radius: 3px; text-align: center; position: fixed; left: 50%; top: 50%; margin-left: -235px; margin-top: -200px; overflow: hidden; display: none; z-index: 1060; } .sweet-alert h2 { margin-top: 10px; font-size: 19px; text-align: center; display: block; position: relative; } .sweet-alert p { text-align: center; position: relative; } .sweet-alert fieldset { border: none; position: relative; } .sweet-alert button { background-color: #2196F3; color: #fff; border: 0; border-radius: 3px; padding: 7px 15px; margin: 10px 5px 0 5px; box-shadow: none!important; } .sweet-alert button:hover { background-color: #1E88E5; } .sweet-alert button:focus { outline: 0; } .sweet-alert button:active { background-color: #42A5F5; } .sweet-alert button.cancel { background-color: transparent; color: #333333; } .sweet-alert button[disabled] { cursor: default; opacity: 0.6; filter: alpha(opacity=60); } .sweet-alert button.confirm[disabled] { color: transparent; } .sweet-alert button.confirm[disabled] ~ .la-ball-fall { visibility: visible; -webkit-transition-delay: 0s; transition-delay: 0s; opacity: 1; filter: alpha(opacity=100); } .sweet-alert button::-moz-focus-inner { border: 0; } .sweet-alert[data-has-cancel-button=false] button { -webkit-box-shadow: none !important; box-shadow: none !important; } .sweet-alert[data-has-cancel-button=false][data-has-confirm-button=false] { padding-bottom: 40px; } .sweet-alert .sa-error-container { background-color: #f5f5f5; overflow: hidden; padding: 0 10px; max-height: 0; border-radius: 3px; -webkit-transition: padding 0.15s, max-height 0.15s; -o-transition: padding 0.15s, max-height 0.15s; transition: padding 0.15s, max-height 0.15s; } .sweet-alert .sa-error-container p { display: inline-block; margin-bottom: 0; } .sweet-alert .sa-error-container.show { padding: 10px 0; max-height: 100px; -webkit-transition: padding 0.2s, max-height 0.2s; -o-transition: padding 0.2s, max-height 0.2s; transition: padding 0.2s, max-height 0.2s; } .sweet-alert .sa-error-container .icon { display: inline-block; width: 16px; height: 16px; line-height: 16px; border-radius: 50%; background-color: #FF7043; color: white; text-align: center; margin-right: 7px; } .sweet-alert .sa-input-error { position: absolute; top: 20px; right: 12px; width: 16px; height: 16px; -webkit-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: all 0.1s; -o-transition: all 0.1s; transition: all 0.1s; opacity: 0; filter: alpha(opacity=0); } .sweet-alert .sa-input-error:before, .sweet-alert .sa-input-error:after { content: ""; width: 16px; height: 2px; background-color: #EF5350; border-radius: 3px; position: absolute; top: 50%; margin-top: -1px; left: 50%; margin-left: -8px; } .sweet-alert .sa-input-error:before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .sweet-alert .sa-input-error:after { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .sweet-alert .sa-input-error.show { -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1; filter: alpha(opacity=100); } .sweet-alert input { width: 100%; border-radius: 3px; border: 1px solid #ddd; margin-top: 10px; margin-bottom: 10px; font-size: 13px; padding: 7px 12px; display: none; -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05) inset; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05) inset; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .sweet-alert input::-moz-placeholder { color: #bdbdbd; opacity: 1; } .sweet-alert input:-ms-input-placeholder { color: #bdbdbd; } .sweet-alert input::-webkit-input-placeholder { color: #bdbdbd; } .sweet-alert input:focus { outline: 0; } .sweet-alert input:focus::-moz-placeholder, .sweet-alert input:focus:-ms-input-placeholder, .sweet-alert input:focus::-webkit-input-placeholder { -webkit-transition: opacity ease 0.3s 0.03s; -o-transition: opacity ease 0.3s 0.03s; transition: opacity ease 0.3s 0.03s; opacity: 0.5; filter: alpha(opacity=50); } .sweet-alert.show-input input { display: block; } .sweet-alert .sa-confirm-button-container { display: inline-block; position: relative; } .sweet-alert .la-ball-fall { position: absolute; left: 50%; top: 50%; margin-left: -27px; margin-top: 0; visibility: hidden; opacity: 0; filter: alpha(opacity=0); } .sweet-alert .sa-icon { width: 80px; height: 80px; border: 4px solid #ddd; border-radius: 50%; margin: 10px auto 20px auto; padding: 0; position: relative; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .sweet-alert .sa-icon.sa-error { border-color: #F44336; } .sweet-alert .sa-icon.sa-error .sa-x-mark { position: relative; display: block; } .sweet-alert .sa-icon.sa-error .sa-line { position: absolute; height: 5px; width: 47px; background-color: #F44336; display: block; top: 37px; border-radius: 2px; } .sweet-alert .sa-icon.sa-error .sa-line.sa-left { left: 17px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .sweet-alert .sa-icon.sa-error .sa-line.sa-right { right: 16px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .sweet-alert .sa-icon.sa-warning { border-color: #FF5722; } .sweet-alert .sa-icon.sa-warning .sa-body { position: absolute; width: 5px; height: 47px; left: 50%; top: 10px; border-radius: 2px; margin-left: -2px; background-color: #FF5722; } .sweet-alert .sa-icon.sa-warning .sa-dot { position: absolute; width: 7px; height: 7px; border-radius: 50%; margin-left: -3px; left: 50%; bottom: 10px; background-color: #FF5722; } .sweet-alert .sa-icon.sa-info { border-color: #2196F3; } .sweet-alert .sa-icon.sa-info:before { content: ""; position: absolute; width: 5px; height: 29px; left: 50%; bottom: 17px; border-radius: 2px; margin-left: -2px; background-color: #2196F3; } .sweet-alert .sa-icon.sa-info:after { content: ""; position: absolute; width: 7px; height: 7px; border-radius: 50%; margin-left: -3px; top: 19px; background-color: #2196F3; } .sweet-alert .sa-icon.sa-success { border-color: #4CAF50; } .sweet-alert .sa-icon.sa-success:before, .sweet-alert .sa-icon.sa-success:after { content: ''; border-radius: 50%; position: absolute; width: 60px; height: 120px; background-color: #fff; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .sweet-alert .sa-icon.sa-success:before { border-radius: 120px 0 0 120px; top: -7px; left: -33px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 60px 60px; -moz-transform-origin: 60px 60px; -ms-transform-origin: 60px 60px; transform-origin: 60px 60px; } .sweet-alert .sa-icon.sa-success:after { border-radius: 0 120px 120px 0; top: -11px; left: 30px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 0 60px; -moz-transform-origin: 0 60px; -ms-transform-origin: 0 60px; transform-origin: 0 60px; } .sweet-alert .sa-icon.sa-success .sa-placeholder { width: 80px; height: 80px; border: 4px solid rgba(76, 175, 80, 0.2); border-radius: 50%; position: absolute; left: -4px; top: -4px; z-index: 2; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .sweet-alert .sa-icon.sa-success .sa-fix { width: 5px; height: 90px; background-color: #fff; position: absolute; left: 28px; top: 8px; z-index: 1; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .sweet-alert .sa-icon.sa-success .sa-line { height: 5px; background-color: #4CAF50; display: block; border-radius: 2px; position: absolute; z-index: 2; } .sweet-alert .sa-icon.sa-success .sa-line.sa-tip { width: 25px; left: 14px; top: 46px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .sweet-alert .sa-icon.sa-success .sa-line.sa-long { width: 47px; right: 8px; top: 38px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .sweet-alert .sa-icon.sa-custom { background-size: contain; border-radius: 0; border: 0; background-position: center center; background-repeat: no-repeat; } @media (max-width: 480px) { .sweet-alert { width: auto; margin-left: 0; margin-right: 0; left: 20px; right: 20px; } } /* # Animations -------------------------------------------------- */ @-webkit-keyframes showSweetAlert { 0% { -webkit-transform: scale(0.7); -ms-transform: scale(0.7); -o-transform: scale(0.7); transform: scale(0.7); } 45% { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); } 80% { -webkit-transform: scale(0.95); -ms-transform: scale(0.95); -o-transform: scale(0.95); transform: scale(0.95); } 100% { -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } } @keyframes showSweetAlert { 0% { -webkit-transform: scale(0.7); -ms-transform: scale(0.7); -o-transform: scale(0.7); transform: scale(0.7); } 45% { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); } 80% { -webkit-transform: scale(0.95); -ms-transform: scale(0.95); -o-transform: scale(0.95); transform: scale(0.95); } 100% { -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } } .showSweetAlert[data-animation=pop] { -webkit-animation: showSweetAlert 0.3s; -o-animation: showSweetAlert 0.3s; animation: showSweetAlert 0.3s; } .showSweetAlert[data-animation=none] { -webkit-animation: none; -o-animation: none; animation: none; } @-webkit-keyframes hideSweetAlert { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } 100% { -webkit-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); } } @keyframes hideSweetAlert { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } 100% { -webkit-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); } } .hideSweetAlert[data-animation=pop] { -webkit-animation: hideSweetAlert 0.2s; -o-animation: hideSweetAlert 0.2s; animation: hideSweetAlert 0.2s; } .hideSweetAlert[data-animation=none] { -webkit-animation: none; -o-animation: none; animation: none; } @-webkit-keyframes slideFromTop { 0% { top: 0%; } 100% { top: 50%; } } @keyframes slideFromTop { 0% { top: 0%; } 100% { top: 50%; } } .showSweetAlert[data-animation=slide-from-top] { -webkit-animation: slideFromTop 0.3s; -o-animation: slideFromTop 0.3s; animation: slideFromTop 0.3s; } @-webkit-keyframes slideToTop { 0% { top: 50%; } 100% { top: 0%; } } @keyframes slideToTop { 0% { top: 50%; } 100% { top: 0%; } } .hideSweetAlert[data-animation=slide-from-top] { -webkit-animation: slideToTop 0.4s; -o-animation: slideToTop 0.4s; animation: slideToTop 0.4s; } @-webkit-keyframes slideFromBottom { 0% { top: 70%; } 100% { top: 50%; } } @keyframes slideFromBottom { 0% { top: 70%; } 100% { top: 50%; } } .showSweetAlert[data-animation=slide-from-bottom] { -webkit-animation: slideFromBottom 0.3s; -o-animation: slideFromBottom 0.3s; animation: slideFromBottom 0.3s; } @-webkit-keyframes slideToBottom { 0% { top: 50%; } 100% { top: 70%; } } @keyframes slideToBottom { 0% { top: 50%; } 100% { top: 70%; } } .hideSweetAlert[data-animation=slide-from-bottom] { -webkit-animation: slideToBottom 0.3s; -o-animation: slideToBottom 0.3s; animation: slideToBottom 0.3s; } @-webkit-keyframes animateSuccessTip { 0% { width: 0; left: 1px; top: 19px; } 54% { width: 0; left: 1px; top: 19px; } 70% { width: 50px; left: -8px; top: 37px; } 84% { width: 17px; left: 21px; top: 48px; } 100% { width: 25px; left: 14px; top: 45px; } } @keyframes animateSuccessTip { 0% { width: 0; left: 1px; top: 19px; } 54% { width: 0; left: 1px; top: 19px; } 70% { width: 50px; left: -8px; top: 37px; } 84% { width: 17px; left: 21px; top: 48px; } 100% { width: 25px; left: 14px; top: 45px; } } .animateSuccessTip { -webkit-animation: animateSuccessTip 0.75s; -o-animation: animateSuccessTip 0.75s; animation: animateSuccessTip 0.75s; } @-webkit-keyframes animateSuccessLong { 0% { width: 0; right: 46px; top: 54px; } 65% { width: 0; right: 46px; top: 54px; } 84% { width: 55px; right: 0px; top: 35px; } 100% { width: 47px; right: 8px; top: 38px; } } @keyframes animateSuccessLong { 0% { width: 0; right: 46px; top: 54px; } 65% { width: 0; right: 46px; top: 54px; } 84% { width: 55px; right: 0px; top: 35px; } 100% { width: 47px; right: 8px; top: 38px; } } .animateSuccessLong { -webkit-animation: animateSuccessLong 0.75s; -o-animation: animateSuccessLong 0.75s; animation: animateSuccessLong 0.75s; } @-webkit-keyframes rotatePlaceholder { 0% { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } 5% { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } 12% { -webkit-transform: rotate(-405deg); -ms-transform: rotate(-405deg); -o-transform: rotate(-405deg); transform: rotate(-405deg); } 100% { -webkit-transform: rotate(-405deg); -ms-transform: rotate(-405deg); -o-transform: rotate(-405deg); transform: rotate(-405deg); } } @keyframes rotatePlaceholder { 0% { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } 5% { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } 12% { -webkit-transform: rotate(-405deg); -ms-transform: rotate(-405deg); -o-transform: rotate(-405deg); transform: rotate(-405deg); } 100% { -webkit-transform: rotate(-405deg); -ms-transform: rotate(-405deg); -o-transform: rotate(-405deg); transform: rotate(-405deg); } } .sa-icon.sa-success.animate::after { -webkit-animation: rotatePlaceholder 4.25s ease-in; -o-animation: rotatePlaceholder 4.25s ease-in; animation: rotatePlaceholder 4.25s ease-in; } @-webkit-keyframes animateErrorIcon { 0% { -webkit-transform: rotateX(100deg); -ms-transform: rotateX(100deg); -o-transform: rotateX(100deg); transform: rotateX(100deg); opacity: 0; filter: alpha(opacity=0); } 100% { -webkit-transform: rotateX(0deg); -ms-transform: rotateX(0deg); -o-transform: rotateX(0deg); transform: rotateX(0deg); opacity: 1; filter: alpha(opacity=100); } } @keyframes animateErrorIcon { 0% { -webkit-transform: rotateX(100deg); -ms-transform: rotateX(100deg); -o-transform: rotateX(100deg); transform: rotateX(100deg); opacity: 0; filter: alpha(opacity=0); } 100% { -webkit-transform: rotateX(0deg); -ms-transform: rotateX(0deg); -o-transform: rotateX(0deg); transform: rotateX(0deg); opacity: 1; filter: alpha(opacity=100); } } .animateErrorIcon { -webkit-animation: animateErrorIcon 0.5s; -o-animation: animateErrorIcon 0.5s; animation: animateErrorIcon 0.5s; } @-webkit-keyframes animateXMark { 0% { margin-top: 26px; -webkit-transform: scale(0.4); -ms-transform: scale(0.4); -o-transform: scale(0.4); transform: scale(0.4); opacity: 0; filter: alpha(opacity=0); } 50% { margin-top: 26px; -webkit-transform: scale(0.4); -ms-transform: scale(0.4); -o-transform: scale(0.4); transform: scale(0.4); opacity: 0; filter: alpha(opacity=0); } 80% { margin-top: -6px; -webkit-transform: scale(1.15); -ms-transform: scale(1.15); -o-transform: scale(1.15); transform: scale(1.15); } 100% { margin-top: 0; -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1; filter: alpha(opacity=100); } } @keyframes animateXMark { 0% { margin-top: 26px; -webkit-transform: scale(0.4); -ms-transform: scale(0.4); -o-transform: scale(0.4); transform: scale(0.4); opacity: 0; filter: alpha(opacity=0); } 50% { margin-top: 26px; -webkit-transform: scale(0.4); -ms-transform: scale(0.4); -o-transform: scale(0.4); transform: scale(0.4); opacity: 0; filter: alpha(opacity=0); } 80% { margin-top: -6px; -webkit-transform: scale(1.15); -ms-transform: scale(1.15); -o-transform: scale(1.15); transform: scale(1.15); } 100% { margin-top: 0; -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1; filter: alpha(opacity=100); } } .animateXMark { -webkit-animation: animateXMark 0.5s; -o-animation: animateXMark 0.5s; animation: animateXMark 0.5s; } @-webkit-keyframes pulseWarning { 0% { border-color: #F8D486; } 100% { border-color: #F8BB86; } } @keyframes pulseWarning { 0% { border-color: #F8D486; } 100% { border-color: #F8BB86; } } .pulseWarning { -webkit-animation: pulseWarning 0.75s infinite alternate; -o-animation: pulseWarning 0.75s infinite alternate; animation: pulseWarning 0.75s infinite alternate; } @-webkit-keyframes pulseWarningIns { 0% { background-color: #F8D486; } 100% { background-color: #F8BB86; } } @keyframes pulseWarningIns { 0% { background-color: #F8D486; } 100% { background-color: #F8BB86; } } .pulseWarningIns { -webkit-animation: pulseWarningIns 0.75s infinite alternate; -o-animation: pulseWarningIns 0.75s infinite alternate; animation: pulseWarningIns 0.75s infinite alternate; } @-webkit-keyframes rotate-loading { 0% { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes rotate-loading { 0% { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } .sweet-alert .sa-icon.sa-error .sa-line.sa-left { -ms-transform: rotate(45deg); } .sweet-alert .sa-icon.sa-error .sa-line.sa-right { -ms-transform: rotate(-45deg); } .sweet-alert .sa-icon.sa-success { border-color: transparent; } .sweet-alert .sa-icon.sa-success .sa-line.sa-tip { -ms-transform: rotate(45deg); } .sweet-alert .sa-icon.sa-success .sa-line.sa-long { -ms-transform: rotate(-45deg); } .la-ball-fall { display: block; font-size: 0; color: #fff; width: 54px; height: 12px; } .la-ball-fall.la-dark { color: #333333; } .la-ball-fall > div { display: inline-block; float: none; background-color: #fff; border: 0 solid #fff; width: 6px; height: 6px; margin: 2px; border-radius: 100%; -webkit-animation: ball-fall 1s ease-in-out infinite; -o-animation: ball-fall 1s ease-in-out infinite; animation: ball-fall 1s ease-in-out infinite; opacity: 0; filter: alpha(opacity=0); } .la-ball-fall > div:nth-child(1) { -webkit-animation-delay: -200ms; animation-delay: -200ms; } .la-ball-fall > div:nth-child(2) { -webkit-animation-delay: -100ms; animation-delay: -100ms; } .la-ball-fall > div:nth-child(3) { -webkit-animation-delay: 0ms; animation-delay: 0ms; } .la-ball-fall.la-sm { width: 26px; height: 8px; } .la-ball-fall.la-sm > div { width: 4px; height: 4px; margin: 2px; } .la-ball-fall.la-2x { width: 108px; height: 36px; } .la-ball-fall.la-2x > div { width: 20px; height: 20px; margin: 8px; } .la-ball-fall.la-3x { width: 162px; height: 54px; } .la-ball-fall.la-3x > div { width: 30px; height: 30px; margin: 12px; } @-webkit-keyframes ball-fall { 0% { -webkit-transform: translate(0, -145%); -ms-transform: translate(0, -145%); -o-transform: translate(0, -145%); transform: translate(0, -145%); opacity: 0; filter: alpha(opacity=0); } 10% { opacity: 0.5; filter: alpha(opacity=50); } 20% { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; filter: alpha(opacity=100); } 80% { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; filter: alpha(opacity=100); } 90% { opacity: 0.5; filter: alpha(opacity=50); } 100% { -webkit-transform: translate(0, 145%); -ms-transform: translate(0, 145%); -o-transform: translate(0, 145%); transform: translate(0, 145%); opacity: 0; filter: alpha(opacity=0); } } @-moz-keyframes ball-fall { 0% { -webkit-transform: translate(0, -145%); -ms-transform: translate(0, -145%); -o-transform: translate(0, -145%); transform: translate(0, -145%); opacity: 0; filter: alpha(opacity=0); } 10% { opacity: 0.5; filter: alpha(opacity=50); } 20% { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; filter: alpha(opacity=100); } 80% { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; filter: alpha(opacity=100); } 90% { opacity: 0.5; filter: alpha(opacity=50); } 100% { -webkit-transform: translate(0, 145%); -ms-transform: translate(0, 145%); -o-transform: translate(0, 145%); transform: translate(0, 145%); opacity: 0; filter: alpha(opacity=0); } } @-o-keyframes ball-fall { 0% { -webkit-transform: translate(0, -145%); -ms-transform: translate(0, -145%); -o-transform: translate(0, -145%); transform: translate(0, -145%); opacity: 0; filter: alpha(opacity=0); } 10% { opacity: 0.5; filter: alpha(opacity=50); } 20% { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; filter: alpha(opacity=100); } 80% { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; filter: alpha(opacity=100); } 90% { opacity: 0.5; filter: alpha(opacity=50); } 100% { -webkit-transform: translate(0, 145%); -ms-transform: translate(0, 145%); -o-transform: translate(0, 145%); transform: translate(0, 145%); opacity: 0; filter: alpha(opacity=0); } } @keyframes ball-fall { 0% { -webkit-transform: translate(0, -145%); -ms-transform: translate(0, -145%); -o-transform: translate(0, -145%); transform: translate(0, -145%); opacity: 0; filter: alpha(opacity=0); } 10% { opacity: 0.5; filter: alpha(opacity=50); } 20% { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; filter: alpha(opacity=100); } 80% { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; filter: alpha(opacity=100); } 90% { opacity: 0.5; filter: alpha(opacity=50); } 100% { -webkit-transform: translate(0, 145%); -ms-transform: translate(0, 145%); -o-transform: translate(0, 145%); transform: translate(0, 145%); opacity: 0; filter: alpha(opacity=0); } } /* ------------------------------------------------------------------------------ * * # Bootbox modal extension * * Styles for bootbox.min.js - advanced Bootstrap modals * * Version: 1.0 * Latest update: Oct 9, 2015 * * ---------------------------------------------------------------------------- */ .bootbox .modal-title { font-size: 15px; } /* ------------------------------------------------------------------------------ * * # jQuery UI slider pips * * Styles for jQuery UI slider pips extension * * Version: 1.1 * Latest update: Nov 15, 2015 * * ---------------------------------------------------------------------------- */ /* # Pips -------------------------------------------------- */ .ui-slider-pips.ui-slider-horizontal { margin-bottom: 32px; margin-left: 10px; margin-right: 10px; } .ui-slider-pips .ui-slider-label, .ui-slider-pips .ui-slider-pip-hide { display: none; } .ui-slider-pips .ui-slider-pip-label .ui-slider-label { display: block; } .ui-slider-pips .ui-slider-pip { height: 10px; line-height: 10px; font-size: 85%; width: 20px; margin-left: -11px; position: absolute; overflow: visible; text-align: center; top: 20px; left: 20px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .ui-slider-pips .ui-slider-pip:hover .ui-slider-label { font-weight: 500; } .ui-slider-pips .ui-slider-line { background-color: #999; width: 1px; height: 3px; position: absolute; left: 50%; } .ui-slider-pips .ui-slider-label { position: absolute; top: 8px; left: 50%; width: 20px; margin-left: -10px; } .ui-slider-pips.ui-slider-vertical { margin: 10px 40px 10px 10px; } .ui-slider-pips.ui-slider-vertical .ui-slider-pip { text-align: left; top: auto; left: 18px; margin-left: 0; margin-bottom: -4px; } .ui-slider-pips.ui-slider-vertical .ui-slider-line { width: 3px; height: 1px; position: absolute; top: 50%; left: 0; } .ui-slider-pips.ui-slider-vertical .ui-slider-label { top: 50%; margin-left: 0; margin-top: -5px; width: 20px; left: 5px; } /* # Tooltips -------------------------------------------------- */ .ui-slider-float .ui-slider-handle:focus, .ui-slider-float .ui-slider-handle:focus .ui-slider-tip, .ui-slider-float .ui-slider-handle:focus .ui-slider-tip-label { outline: 0; } .ui-slider-float .ui-slider-tip, .ui-slider-float .ui-slider-tip-label { position: absolute; visibility: hidden; top: -45px; display: block; width: 34px; margin-left: -16px; left: 50%; height: 30px; line-height: 32px; background: #333333; border-radius: 3px; text-align: center; font-size: 12px; color: #fff; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all ease-in-out 0.2s 0.2s; -o-transition: all ease-in-out 0.2s 0.2s; transition: all ease-in-out 0.2s 0.2s; } .ui-slider-float .ui-slider-handle:hover .ui-slider-tip, .ui-slider-float .ui-slider-handle:focus .ui-slider-tip { top: -40px; visibility: visible; opacity: 1; filter: alpha(opacity=100); -webkit-transition-delay: 0.2s; transition-delay: 0.2s; } .ui-slider-float .ui-slider-pip .ui-slider-tip-label { top: 42px; } .ui-slider-float .ui-slider-pip:hover .ui-slider-tip-label { top: 32px; font-weight: normal; } .ui-slider-float .ui-slider-tip:after, .ui-slider-float .ui-slider-pip .ui-slider-tip-label:after { content: ''; width: 0; height: 0; border: 5px solid transparent; border-top-color: #333333; position: absolute; bottom: -10px; left: 50%; margin-left: -5px; } .ui-slider-float.ui-slider-vertical .ui-slider-tip, .ui-slider-float.ui-slider-vertical .ui-slider-tip-label { top: 50%; margin-top: -16px; width: 34px; margin-left: 0px; left: -50px; -webkit-transition: all ease-in-out 0.2s 0.2s; -o-transition: all ease-in-out 0.2s 0.2s; transition: all ease-in-out 0.2s 0.2s; } .ui-slider-float.ui-slider-vertical .ui-slider-handle:hover .ui-slider-tip, .ui-slider-float.ui-slider-vertical .ui-slider-handle:focus .ui-slider-tip, .ui-slider-float.ui-slider-vertical .ui-slider-pip:hover .ui-slider-tip-label, .ui-slider-float.ui-slider-vertical .ui-slider-pip:focus .ui-slider-tip-label { top: 50%; margin-top: -16px; left: -45px; } .ui-slider-float.ui-slider-vertical .ui-slider-pip .ui-slider-tip-label { left: 47px; } .ui-slider-float.ui-slider-vertical .ui-slider-pip:hover .ui-slider-tip-label { left: 37px; } .ui-slider-float.ui-slider-vertical .ui-slider-tip:after, .ui-slider-float.ui-slider-vertical .ui-slider-pip .ui-slider-tip-label:after { border-left-color: #333333; bottom: 9px; left: auto; margin-right: -9px; border-top-color: transparent; right: 0; margin-left: 0; } /* ------------------------------------------------------------------------------ * * # NoUI slider * * Styles for NoUI range slider plugin * * Version: 1.2 * Latest update: Mar 20, 2017 * * ---------------------------------------------------------------------------- */ .noUi-target { border-radius: 100px; position: relative; direction: ltr; background-color: #eeeeee; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); } .noUi-target, .noUi-target * { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .noUi-base { width: 100%; height: 100%; position: relative; } .noUi-origin { position: absolute; height: 0; width: 0; border-radius: 100px; } .noUi-state-drag * { cursor: inherit !important; } .noUi-connect { position: absolute; right: 0; top: 0; left: 0; bottom: 0; background-color: #607D8B; border-radius: 100px; } [disabled] .noUi-target { opacity: 0.75; filter: alpha(opacity=75); } [disabled] .noUi-handle { cursor: not-allowed; } .noUi-horizontal { height: 6px; } .noUi-horizontal .noUi-handle { top: -6px; left: -9px; } .noUi-horizontal.noUi-extended { padding: 0 15px; } .noUi-horizontal.noUi-extended .noUi-connect { right: -15px; } .noUi-horizontal.has-pips { margin-bottom: 35px; } .noUi-vertical { display: inline-block; width: 6px; height: 150px; } .noUi-vertical + .noUi-vertical { margin-left: 20px; } .noUi-vertical .noUi-handle { top: -9px; left: -6px; } .noUi-vertical.noUi-extended { padding: 15px 0; } .noUi-vertical.noUi-extended .noUi-connect { bottom: -15px; } .noUi-vertical.has-pips { margin-right: 35px; } .noUi-dragable { cursor: w-resize; } .noUi-vertical .noUi-dragable { cursor: n-resize; } .noUi-handle { width: 18px; height: 18px; background-color: #fcfcfc; cursor: pointer; top: -6px; position: relative; z-index: 1; border-radius: 50%; border: 1px solid #bbb; } .noUi-stacking .noUi-handle { z-index: 10; } .noUi-handle:after { content: ''; display: inline-block; width: 6px; height: 6px; position: absolute; top: 50%; left: 50%; margin-top: -3px; margin-left: -3px; background-color: #546E7A; border-radius: 50%; } .noUi-handle:hover, .noUi-handle:focus { background-color: #f8f8f8; } .noUi-handle:hover:after, .noUi-handle:focus:after { opacity: 0.9; filter: alpha(opacity=90); } .noUi-handle:active { background-color: #fefefe; } .noUi-handle:active:after { opacity: 0.9; filter: alpha(opacity=90); } .noui-slider-white .noUi-handle:after { content: none; } .noui-slider-lg .noUi-handle { width: 24px; height: 24px; top: -8px; } .noui-slider-lg .noUi-handle:after { width: 8px; height: 8px; margin-top: -4px; margin-left: -4px; } .noui-slider-lg.noUi-horizontal { height: 8px; } .noui-slider-lg.noUi-horizontal .noUi-handle { left: -12px; } .noui-slider-lg.noUi-vertical { width: 8px; } .noui-slider-lg.noUi-vertical .noUi-handle { top: -12px; left: -8px; } .noui-slider-sm .noUi-handle, .noui-slider-xs .noUi-handle { width: 12px; height: 12px; top: -4px; } .noui-slider-sm .noUi-handle:after, .noui-slider-xs .noUi-handle:after { width: 4px; height: 4px; margin-top: -2px; margin-left: -2px; } .noui-slider-sm.noUi-horizontal { height: 4px; } .noui-slider-sm.noUi-horizontal .noUi-handle { top: -4px; left: -6px; } .noui-slider-sm.noUi-vertical { width: 4px; } .noui-slider-sm.noUi-vertical .noUi-handle { top: -6px; left: -4px; } .noui-slider-xs.noUi-horizontal { height: 2px; } .noui-slider-xs.noUi-horizontal .noUi-handle { top: -5px; left: -6px; } .noui-slider-xs.noUi-vertical { width: 2px; } .noui-slider-xs.noUi-vertical .noUi-handle { top: -6px; left: -5px; } .noui-slider-solid .noUi-handle { background-color: #999999; border-color: #999999; -webkit-box-shadow: none; box-shadow: none; } .noui-slider-solid .noUi-handle:after { background-color: #fff; -webkit-transition: opacity ease-in-out 0.2s; -o-transition: opacity ease-in-out 0.2s; transition: opacity ease-in-out 0.2s; } .noui-slider-solid .noUi-handle:hover:after, .noui-slider-solid .noUi-handle:focus:after { opacity: 0.75; filter: alpha(opacity=75); } .noui-slider-solid.noui-slider-primary .noUi-handle { background-color: #2196F3; border-color: #2196F3; } .noui-slider-solid.noui-slider-danger .noUi-handle { background-color: #F44336; border-color: #F44336; } .noui-slider-solid.noui-slider-success .noUi-handle { background-color: #4CAF50; border-color: #4CAF50; } .noui-slider-solid.noui-slider-warning .noUi-handle { background-color: #FF5722; border-color: #FF5722; } .noui-slider-solid.noui-slider-info .noUi-handle { background-color: #00BCD4; border-color: #00BCD4; } .noui-slider-primary .noUi-connect, .noui-slider-primary.noUi-connect { background-color: #2196F3; } .noui-slider-danger .noUi-connect, .noui-slider-danger.noUi-connect { background-color: #F44336; } .noui-slider-success .noUi-connect, .noui-slider-success.noUi-connect { background-color: #4CAF50; } .noui-slider-warning .noUi-connect, .noui-slider-warning.noUi-connect { background-color: #FF5722; } .noui-slider-info .noUi-connect, .noui-slider-info.noUi-connect { background-color: #00BCD4; } .noUi-tooltip { display: none; position: absolute; border-radius: 3px; background: #333333; color: #fff; top: -43px; padding: 7px 12px; left: 50%; margin-left: -27px; text-align: center; font-size: 12px; width: 54px; } .noUi-tooltip:after { content: ''; width: 0; height: 0; border: 5px solid transparent; border-top-color: #333333; position: absolute; bottom: -10px; left: 50%; margin-left: -5px; } .noUi-handle:hover .noUi-tooltip { display: block; } .noUi-pips { position: absolute; color: #999999; } .noUi-value { width: 40px; position: absolute; text-align: center; font-size: 11px; } .noUi-value-sub { color: #ccc; font-size: 11px; } .noUi-marker { position: absolute; background-color: #ccc; } .noUi-pips-horizontal { padding-top: 10px; height: 35px; top: 100%; left: 0; width: 100%; } .noUi-value-horizontal { margin-left: -20px; padding-top: 15px; } .noUi-value-horizontal.noUi-value-sub { padding-top: 10px; } .noUi-rtl .noUi-value-horizontal { margin-left: 0; margin-right: -20px; } .noUi-marker-horizontal.noUi-marker { width: 1px; height: 3px; } .noUi-marker-horizontal.noUi-marker-sub { height: 6px; } .noUi-marker-horizontal.noUi-marker-large { height: 10px; } .noUi-pips-vertical { padding-left: 10px; height: 100%; top: 0; left: 100%; } .noUi-value-vertical { width: 15px; margin-left: 15px; margin-top: -6px; } .noUi-rtl .noUi-value-vertical { margin-top: 0; margin-bottom: -6px; } .noUi-marker-vertical.noUi-marker { width: 3px; height: 1px; } .noUi-marker-vertical.noUi-marker-sub { width: 6px; } .noUi-marker-vertical.noUi-marker-large { width: 10px; } /* ------------------------------------------------------------------------------ * * # ION Range Slider * * Styles for ION range slider plugin * * Version: 1.1 * Latest update: Mar 10, 2016 * * ---------------------------------------------------------------------------- */ .irs { position: relative; display: block; height: 49px; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .irs-hidden-input { position: absolute !important; display: block !important; top: 0 !important; left: 0 !important; width: 0 !important; height: 0 !important; font-size: 0 !important; line-height: 0 !important; padding: 0 !important; margin: 0 !important; outline: none !important; z-index: -9999 !important; background: none !important; border-style: solid !important; border-color: transparent !important; } .irs-line { position: relative; display: block; overflow: hidden; outline: none; height: 6px; top: 36px; background-color: #eeeeee; border-radius: 100px; } .irs-line-left, .irs-line-mid, .irs-line-right { position: absolute; display: block; top: 0; } .irs-line-left { left: 0; width: 11%; } .irs-line-mid { left: 9%; width: 82%; } .irs-line-right { right: 0; width: 11%; } .irs-bar { position: absolute; display: block; top: 36px; left: 0; width: 0; height: 6px; background-color: #03A9F4; border-radius: 100px; } .irs-bar-edge { position: absolute; display: block; top: 25px; left: 0; height: 12px; width: 9px; } .irs-shadow { position: absolute; display: none; top: 36px; left: 0; width: 0; height: 6px; background-color: #333333; border-radius: 100px; opacity: 0.25; filter: alpha(opacity=25); } .irs-slider { position: absolute; display: block; width: 18px; height: 18px; background-color: #fcfcfc; border: 1px solid #bbb; top: 30px; border-radius: 100px; cursor: pointer; z-index: 1; } .irs-slider:after { content: ''; display: inline-block; width: 6px; height: 6px; position: absolute; top: 50%; left: 50%; margin-top: -3px; margin-left: -3px; background-color: #666; border-radius: 100px; } .irs-slider:hover, .irs-slider:focus { background-color: #f7f7f7; } .irs-slider:active { background-color: #fafafa; } .irs-slider.type_last { z-index: 2; } .irs-min, .irs-max, .irs-from, .irs-to, .irs-single { position: absolute; display: block; cursor: default; } .irs-min, .irs-max { color: #999999; font-size: 11px; line-height: 1; top: 0; padding: 5px; background-color: #eeeeee; border-radius: 2px; } .irs-min { left: 0; } .irs-max { right: 0; } .irs-from, .irs-to, .irs-single { left: 0; white-space: nowrap; color: #fff; font-size: 11px; line-height: 1; padding: 5px; top: 0; background-color: #333; border-radius: 2px; } .irs-from:after, .irs-to:after, .irs-single:after { content: ""; position: absolute; display: block; bottom: -8px; left: 50%; width: 0; height: 0; margin-left: -4px; overflow: hidden; border: 4px solid transparent; border-top-color: #333; } .irs-grid { position: absolute; display: none; bottom: 0; left: 0; width: 100%; height: 24px; } .irs-with-grid { height: 75px; } .irs-with-grid .irs-grid { display: block; } .irs-grid-pol { position: absolute; top: 0; left: 0; width: 1px; height: 8px; background-color: #999999; } .irs-grid-pol.small { height: 4px; } .irs-grid-text { position: absolute; bottom: 0; left: 0; white-space: nowrap; text-align: center; font-size: 11px; color: #999999; line-height: 1; padding: 0 3px; } .irs-disable-mask { position: absolute; display: block; top: 0; left: -1%; width: 102%; height: 100%; cursor: default; background: transparent; z-index: 2; } .irs-disabled { opacity: 0.6; filter: alpha(opacity=60); } /* ------------------------------------------------------------------------------ * * # jQuery UI Interactions * * Separate styles for jQuery UI library. Component's interactions * * Version: 1.1 * Latest update: Mar 10, 2016 * * ---------------------------------------------------------------------------- */ .ui-draggable-handle, .ui-sortable-handle { -ms-touch-action: none; touch-action: none; } .ui-sortable .ui-state-disabled { color: #999999; cursor: not-allowed; opacity: 0.75; filter: alpha(opacity=75); } .sortable-placeholder { position: relative; } .sortable-placeholder:before { content: ''; display: inline-block; background-color: rgba(255, 255, 255, 0.8); width: 100%; height: 100%; position: absolute; left: 0; top: 0; border: 1px dashed rgba(0, 0, 0, 0.2); } .sidebar .sortable-placeholder:before { border-left: 0; border-right: 0; background-color: rgba(0, 0, 0, 0.05); } .sidebar-category.ui-sortable-helper { background-color: rgba(0, 0, 0, 0.4); } .sidebar-default .sidebar-category.ui-sortable-helper { background-color: #fcfcfc; } .panel + .sortable-placeholder { margin-bottom: 20px; } .sortable-placeholder + .panel { margin-top: 20px; } .panel-group > .sortable-placeholder:before { border-radius: 3px; } .panel-group .panel + .sortable-placeholder { margin-top: 5px; margin-bottom: 5px; } .panel-group .sortable-placeholder + .panel { margin-top: 5px; } .table .ui-sortable-helper { width: 100%; background-color: #fff; display: table; } .table .sortable-placeholder { margin: 0; } .table .sortable-placeholder:before { content: none; } .table.ui-sortable { position: relative; } .ui-resizable { position: relative; } .ui-resizable, .ui-resizable .ui-dialog-content { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .ui-resizable-handle { position: absolute; font-size: 0.1px; display: block; -ms-touch-action: none; touch-action: none; } .ui-resizable-handle.ui-icon { display: inline-block; border-style: solid; border-width: 0 0 6px 6px; border-color: transparent transparent #333333 transparent; } .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } .ui-resizable-helper { border: 1px dashed #ccc; } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; } .ui-resizable-se { cursor: se-resize; right: 1px; bottom: 1px; } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px; } .ui-selectable { -ms-touch-action: none; touch-action: none; } .ui-selectable-helper { position: absolute; z-index: 100; border: 1px dashed #333333; } /* ------------------------------------------------------------------------------ * * # jQuery UI Widgets * * Styles for jQuery UI widgets * * Version: 1.2 * Latest update: Aug 10, 2016 * * ---------------------------------------------------------------------------- */ .ui-accordion .ui-accordion-header { display: block; cursor: pointer; margin: 0; outline: 0; position: relative; background-color: #fff; padding: 15px 20px; border: 1px solid #ddd; margin-top: 5px; border-radius: 3px; } .ui-accordion .ui-accordion-header:first-child { margin-top: 0; } .ui-accordion .ui-accordion-header.ui-accordion-header-active { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .ui-accordion .ui-accordion-header .ui-accordion-header-icon { position: absolute; top: 50%; right: 20px; margin-top: -8px; } .ui-accordion .ui-accordion-header .ui-accordion-header-icon:before { content: '\e9b8'; font-family: 'Icomoon'; display: block; width: 16px; font-size: 16px; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .ui-accordion .ui-accordion-header-active .ui-accordion-header-icon:before { content: '\e9b7'; } .ui-accordion .ui-accordion-icons { padding-right: 46px; } .ui-accordion .ui-accordion-content { padding: 20px; background-color: #fff; border: 1px solid #ddd; border-top: 0; overflow: auto; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .accordion-sortable-group + .accordion-sortable-group { margin-top: 5px; } .ui-autocomplete { position: absolute; display: none; padding: 7px 0; z-index: 1000; max-height: 250px; overflow-y: auto; overflow-x: hidden; } .ui-autocomplete .ui-autocomplete-category { padding: 8px 12px; font-size: 11px; line-height: 1.82; text-transform: uppercase; font-weight: 700; margin-top: 2px; margin-bottom: 2px; } .ui-autocomplete .ui-autocomplete-category ~ .ui-menu-item .ui-menu-item-wrapper { padding-left: 24px; } .ui-autocomplete-processing:after { content: '\eb51'; font-family: 'Icomoon'; display: inline-block; position: absolute; top: 50%; right: 12px; width: 16px; text-align: right; margin-top: -8px; font-size: 16px; line-height: 1; color: inherit; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-animation: rotation 1s linear infinite; -o-animation: rotation 1s linear infinite; animation: rotation 1s linear infinite; } .input-group .ui-autocomplete-input + .input-group-btn > .btn, .input-group .ui-autocomplete-input + .input-addon > .btn { border-left: 0; border-bottom-left-radius: 0; border-top-left-radius: 0; } .ui-button { display: inline-block; position: relative; touch-action: manipulation; margin-bottom: 0; padding: 7px 12px; border-radius: 3px; cursor: pointer; vertical-align: middle; background-color: #fcfcfc; border: 1px solid #ddd; color: #333; white-space: nowrap; } .ui-button:hover, .ui-button:focus { color: #333; -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.01) inset; box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.01) inset; } .ui-button:active { -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.03) inset; box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.03) inset; } .ui-button.ui-state-disabled { cursor: not-allowed; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; } .ui-button[class*=bg-]:hover, .ui-button[class*=bg-]:focus { color: #fff; -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.05) inset; box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.05) inset; } .ui-button[class*=bg-]:active { -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.1) inset; box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.1) inset; } .ui-button.ui-button-link { background-color: transparent; border-color: transparent; } .ui-button.ui-button-link:hover, .ui-button.ui-button-link:focus { color: #166dba; } .ui-button.ui-button-link:hover, .ui-button.ui-button-link:focus, .ui-button.ui-button-link:active { -webkit-box-shadow: none; box-shadow: none; } .ui-button::-moz-focus-inner { border: 0; padding: 0; } .ui-button .ui-button-icon-space { display: inline-block; width: 7px; } .ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icon-primary .ui-button-icons-only { margin-right: 7px; } .ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { margin-left: 7px; } .ui-button-icon-only { overflow: hidden; } .ui-button-icon-only .ui-button-icon-space, .ui-button-icon-only .ui-button-text { display: none; } .ui-controlgroup { display: inline-block; vertical-align: middle; position: relative; } .ui-controlgroup .ui-button { border-radius: 0; margin-left: -1px; float: left; } .ui-controlgroup .ui-button:first-child, .ui-controlgroup .ui-helper-hidden-accessible:first-child + .ui-button { margin-left: 0; } .ui-controlgroup .ui-button:first-child, .ui-controlgroup .ui-helper-hidden-accessible:first-child + .ui-button:not(:last-child) { border-bottom-left-radius: 3px; border-top-left-radius: 3px; } .ui-controlgroup .ui-button:last-of-type { border-bottom-right-radius: 3px; border-top-right-radius: 3px; } .ui-checkboxradio-label.ui-checkboxradio-checked { -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.03) inset; box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.03) inset; } .ui-checkboxradio-label.ui-checkboxradio-checked[class*=bg-]:not(.bg-white):not(.bg-transparent) { -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.01) inset; box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.01) inset; } .ui-checkboxradio-label.ui-checkboxradio-disabled { pointer-events: none; } .ui-datepicker { min-width: 270px; background-color: #fff; padding: 14px; display: none; border: 1px solid #ddd; border-radius: 3px; z-index: 1051 !important; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); } .sidebar .ui-datepicker { min-width: 0; } .no-border .ui-datepicker { border-width: 0; } .ui-datepicker .ui-datepicker-header { position: relative; } .ui-datepicker .ui-datepicker-title { margin: 0 40px; padding-top: 15px; padding-bottom: 15px; font-size: 15px; text-align: center; line-height: 1; } .ui-datepicker .ui-datepicker-title .ui-datepicker-month { font-weight: 500; } .ui-datepicker .ui-datepicker-title .ui-datepicker-year { font-size: 12px; color: #999999; margin-left: 5px; } .ui-datepicker .ui-datepicker-title select { outline: 0; height: 30px; border-color: #ddd; } .ui-datepicker .ui-datepicker-title select.ui-datepicker-month, .ui-datepicker .ui-datepicker-title select.ui-datepicker-year { width: 48%; font-size: 13px; font-weight: 400; color: #333333; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 50%; margin-top: -15px; line-height: 1; color: #333333; padding: 7px; border-radius: 2px; } .ui-datepicker .ui-datepicker-prev:after, .ui-datepicker .ui-datepicker-next:after { font-family: 'icomoon'; display: block; font-size: 16px; width: 16px; text-align: center; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: none; } .ui-datepicker .ui-datepicker-prev { left: 0; } .ui-datepicker .ui-datepicker-prev:after { content: '\e9c8'; } .ui-datepicker .ui-datepicker-next { right: 0; } .ui-datepicker .ui-datepicker-next:after { content: '\e9cb'; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { background-color: #f5f5f5; } .ui-datepicker table { width: 100%; border-collapse: collapse; margin: 0; } .ui-datepicker table th { text-align: center; font-weight: 400; border: 0; padding-top: 10px; padding-bottom: 10px; font-size: 12px; color: #999999; } .ui-datepicker table td { border: 0; padding: 1px; position: relative; } .ui-datepicker table td span, .ui-datepicker table td a { display: block; padding: 6px; text-align: center; text-decoration: none; border-radius: 3px; color: #333333; min-width: 34px; } .ui-datepicker table td .ui-state-hover { background-color: #f5f5f5; } .ui-datepicker table td.ui-state-disabled span { color: #ccc; } .ui-datepicker table td.ui-datepicker-week-col { padding: 6px; color: #999999; } .ui-datepicker table td.ui-datepicker-current-day .ui-state-active { background-color: #26A69A; color: #fff; } .ui-datepicker table td.ui-datepicker-today .ui-state-highlight { background-color: #2196F3; color: #fff; } .ui-datepicker table td.ui-datepicker-today .ui-state-highlight:after { content: ""; position: absolute; top: 3px; right: 3px; width: 0; height: 0; border-top: 6px solid #fff; border-left: 6px solid transparent; } .ui-datepicker table td a.ui-priority-secondary { opacity: 0.6; filter: alpha(opacity=60); } .ui-datepicker .ui-datepicker-buttonpane button { float: right; border: 1px solid #ddd; background-color: #fcfcfc; font-weight: 400; margin-top: 14px; cursor: pointer; padding: 7px 12px; width: auto; overflow: visible; outline: 0; border-radius: 3px; } .ui-datepicker .ui-datepicker-buttonpane button.ui-state-hover { -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.01) inset; box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.01) inset; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left; } .ui-datepicker .ui-datepicker-buttonpane button:active { -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.03) inset; box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.03) inset; } .ui-datepicker.ui-datepicker-multi { width: auto!important; } .datepicker-inline { width: 264px; max-width: 100%; overflow-x: auto; } .full-width.datepicker-inline, .sidebar .datepicker-inline, .popover .datepicker-inline { width: 100%; } .ui-datepicker-trigger { position: absolute; top: 4px; right: 5px; z-index: 4; padding: 6px; cursor: pointer; } .ui-datepicker-row-break { clear: both; width: 100%; font-size: 0; } .ui-datepicker-multi .ui-datepicker-group { float: left; } .ui-datepicker-multi .ui-datepicker-group + .ui-datepicker-group { padding-left: 15px; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width: 0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear: left; } .ui-datepicker-multi-2 .ui-datepicker-group { width: 46%; } .ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width: 25%; } .ui-dialog { position: fixed; top: 0; left: 0; background-color: #fff; border-radius: 3px; border: 1px solid transparent; outline: 0; overflow: hidden; -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); } @media (max-width: 768px) { .ui-dialog { width: 90%!important; } } .ui-dialog-titlebar { position: relative; padding: 20px; padding-bottom: 0; } .ui-draggable .ui-dialog-titlebar { cursor: move; } .ui-dialog-title { float: left; font-size: 15px; white-space: nowrap; width: 90%; overflow: hidden; text-overflow: ellipsis; } .ui-dialog-titlebar-close { position: absolute; background-color: transparent; border: 0; right: 20px; top: 50%; padding: 0; margin-top: 2px; font-size: 0; text-indent: 0; } .ui-dialog-titlebar-close:after { content: '\ed6b'; font-family: 'Icomoon'; display: block; width: 16px; font-size: 16px; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .ui-dialog-titlebar-close.ui-state-hover, .ui-dialog-titlebar-close.ui-state-focus { -webkit-box-shadow: none; box-shadow: none; } .ui-dialog-content { position: relative; border: 0; padding: 20px; background: none; overflow: auto; } .ui-dialog-content .form-group:last-child, .ui-dialog-content p:last-child { margin-bottom: 0; } .ui-dialog-buttonpane { padding: 20px; padding-top: 0; } .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; } .ui-dialog-buttonpane button + button { margin-left: 5px; cursor: pointer; } .ui-menu { list-style: none; padding: 7px 0; margin: 0; display: block; outline: none; min-width: 180px; white-space: nowrap; background-color: #fff; border: 1px solid #ddd; border-radius: 3px; z-index: 1000; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); } .ui-menu .ui-menu { position: absolute; top: -8px !important; } .ui-menu .ui-menu-item { position: relative; margin: 0; } .ui-menu .ui-menu-item i { margin-right: 7px; } .ui-menu .ui-menu-item-wrapper { cursor: pointer; color: #333333; display: block; padding: 8px 15px; min-height: 0; outline: 0; -webkit-transition: all ease-in-out 0.15s; -o-transition: all ease-in-out 0.15s; transition: all ease-in-out 0.15s; } .ui-menu .ui-menu-item-wrapper > .ui-menu-icon { position: absolute; top: 50%; margin-top: -8px; right: 15px; } .ui-menu .ui-menu-item-wrapper > .ui-menu-icon:after { content: '\e9c7'; font-family: 'icomoon'; font-size: 16px; font-weight: 400; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; opacity: 0.8; filter: alpha(opacity=80); } .ui-menu .ui-state-disabled > .ui-menu-item-wrapper { color: #999999; cursor: not-allowed; } .ui-menu .ui-menu-header { padding: 8px 15px; font-size: 11px; line-height: 1.82; text-transform: uppercase; color: #999999; margin-top: 7px; } .ui-menu .ui-menu-header.highlight { margin-top: 0; background-color: #f8f8f8; color: #999999; } .ui-menu .ui-menu-header.highlight:first-child { margin-top: 0; } .ui-menu .ui-menu-item + .highlight, .ui-menu .highlight + .ui-menu-item { margin-top: 7px; } .ui-menu .ui-menu-item > a > i[class*=icon-], .ui-menu .ui-menu-header > i[class*=icon-] { margin-top: 2px; float: left; margin-right: 10px; top: 0; } .ui-menu .ui-menu-item > a > i[class*=icon-].pull-right, .ui-menu .ui-menu-header > i[class*=icon-].pull-right { margin-right: 0; margin-left: 10px; } .ui-menu .ui-menu-divider { margin: 7px 0; height: 0; font-size: 0; line-height: 0; border-top: 1px solid #e5e5e5; } .ui-menu .ui-state-focus, .ui-menu .ui-state-active { color: #333333; background-color: #f5f5f5; } .ui-menu.ui-state-disabled, .ui-menu.ui-state-disabled .ui-menu-item, .ui-menu.ui-state-disabled a { color: #999999; cursor: not-allowed; } .ui-progressbar { height: 18px; overflow: hidden; position: relative; background-color: #eeeeee; border-radius: 3px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); } .ui-progressbar-value { float: left; width: 0%; height: 100%; background-color: #2196F3; color: #fff; overflow: hidden; -webkit-transition: width 0.6s ease; -o-transition: width 0.6s ease; transition: width 0.6s ease; } .ui-progressbar-value, .ui-progressbar-overlay { height: 100%; background-size: 40px 40px; } .ui-progressbar-striped .ui-progressbar-value, .ui-progressbar-striped .ui-progressbar-overlay { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .ui-progressbar-overlay { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .ui-progressbar-active .ui-progressbar-value, .ui-progressbar-overlay { -webkit-animation: progress-bar-stripes 2s linear infinite; -o-animation: progress-bar-stripes 2s linear infinite; animation: progress-bar-stripes 2s linear infinite; } .ui-progressbar-indeterminate .ui-progressbar-value { background-image: none; } .ui-selectmenu-menu { padding: 0; margin: 0; position: absolute; top: 0; left: 0; display: none; } .ui-selectmenu-menu .ui-menu { max-height: 250px; overflow-y: auto; overflow-x: hidden; } .ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup { font-size: 11px; font-weight: 700; line-height: 1.82; padding: 7px 12px; margin: 2px 0; text-transform: uppercase; height: auto; border: 0; } .ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup ~ .ui-menu-item .ui-menu-item-wrapper { padding-left: 24px; } .ui-selectmenu-open { display: block; } .ui-selectmenu-button { text-decoration: none; text-align: left; outline: 0; padding-right: 34px; } .ui-selectmenu-button.ui-state-hover, .ui-selectmenu-button.ui-state-focus { -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.01) inset; box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.01) inset; } .ui-selectmenu-button:after { content: '\e9c5'; font-family: 'Icomoon'; display: inline-block; position: absolute; top: 50%; right: 12px; text-align: right; margin-top: -8px; font-size: 16px; line-height: 1; color: inherit; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .ui-selectmenu-button.ui-button-icon-only { padding-right: 12px; } .ui-selectmenu-button.ui-button-icon-only:after { display: block; position: static; margin-top: 2px; margin-bottom: 2px; } .ui-selectmenu-button.ui-button-icon-only .ui-selectmenu-text { display: none; } .ui-selectmenu-button .ui-selectmenu-text { display: block; text-transform: none; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .ui-selectmenu-disabled { cursor: not-allowed; background-color: #fafafa; color: #999999; } .ui-selectmenu-disabled.ui-state-hover, .ui-selectmenu-disabled.ui-state-focus { -webkit-box-shadow: none; box-shadow: none; } .ui-selectmenu-lg .ui-selectmenu-button { height: 40px; } .ui-selectmenu-lg .ui-selectmenu-button .ui-selectmenu-text { padding: 9px 15px; padding-right: 40px; } .ui-selectmenu-sm .ui-selectmenu-button { height: 34px; } .ui-selectmenu-sm .ui-selectmenu-button .ui-selectmenu-text { padding: 6px 12px; padding-right: 32px; font-size: 12px; line-height: 1.6666667; } .ui-selectmenu-xs .ui-selectmenu-button { height: 32px; } .ui-selectmenu-xs .ui-selectmenu-button .ui-selectmenu-text { padding: 5px 10px; padding-right: 30px; font-size: 12px; line-height: 1.6666667; } .ui-selectmenu-images .ui-menu-item span { display: inline-block; margin-right: 10px; border-radius: 2px; width: 20px; height: 20px; background-size: 20px 20px; float: left; } .ui-selectmenu-images .demo-img-amazon { background: url(name=amazon.png) no-repeat; } .ui-selectmenu-images .demo-img-youtube { background: url(name=youtube.png) no-repeat; } .ui-selectmenu-images .demo-img-twitter { background: url(name=twitter.png) no-repeat; } .ui-selectmenu-images .demo-img-bing { background: url(name=bing.png) no-repeat; } .ui-selectmenu-images .demo-img-spotify { background: url(name=spotify.png) no-repeat; } .ui-slider { position: relative; text-align: left; background-color: #eeeeee; border-radius: 100px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 18px; height: 18px; cursor: pointer; border-radius: 50%; background-color: #fcfcfc; border: 1px solid #bbb; outline: 0; } .ui-slider .ui-slider-handle.ui-state-hover, .ui-slider .ui-slider-handle.ui-state-focus { background-color: #f8f8f8; } .ui-slider .ui-slider-handle.ui-state-hover:after, .ui-slider .ui-slider-handle.ui-state-focus:after { opacity: 0.9; filter: alpha(opacity=90); } .ui-slider .ui-slider-handle.ui-state-active { background-color: #fefefe; } .ui-slider .ui-slider-handle.ui-state-active:after { opacity: 0.9; filter: alpha(opacity=90); } .ui-slider .ui-slider-handle:after { content: ''; display: inline-block; width: 6px; height: 6px; position: absolute; top: 50%; left: 50%; margin-top: -3px; margin-left: -3px; background-color: #546E7A; border-radius: 50%; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; display: block; border: 0; background-color: #607D8B; border-radius: 100px; } .ui-slider.ui-slider-disabled { opacity: 0.6; filter: alpha(opacity=60); } .ui-slider-horizontal { height: 6px; } .ui-slider-horizontal .ui-slider-handle { top: -6px; margin-left: -9px; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: 6px; height: 150px; display: inline-block; margin: 0 10px; } .ui-slider-vertical .ui-slider-handle { left: -6px; margin-bottom: -9px; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; } .ui-slider-solid .ui-slider-handle { background-color: #999999; border-color: #999999; -webkit-box-shadow: none; box-shadow: none; } .ui-slider-solid .ui-slider-handle:after { background-color: #fff; -webkit-transition: opacity ease-in-out 0.2s; -o-transition: opacity ease-in-out 0.2s; transition: opacity ease-in-out 0.2s; } .ui-slider-solid .ui-slider-handle.ui-state-hover:after, .ui-slider-solid .ui-slider-handle.ui-state-active:after { background-color: #fff; opacity: 0.75; filter: alpha(opacity=75); } .ui-handle-white .ui-slider-handle:after { content: none; } .ui-slider-lg .ui-slider-handle { width: 24px; height: 24px; } .ui-slider-lg .ui-slider-handle:after { width: 8px; height: 8px; margin-top: -4px; margin-left: -4px; } .ui-slider-lg.ui-slider-horizontal { height: 8px; } .ui-slider-lg.ui-slider-horizontal .ui-slider-handle { top: -8px; margin-left: -12px; } .ui-slider-lg.ui-slider-vertical { width: 8px; } .ui-slider-lg.ui-slider-vertical .ui-slider-handle { left: -8px; margin-bottom: -12px; } .ui-slider-sm .ui-slider-handle, .ui-slider-xs .ui-slider-handle { width: 12px; height: 12px; } .ui-slider-sm .ui-slider-handle:after, .ui-slider-xs .ui-slider-handle:after { width: 4px; height: 4px; margin-top: -2px; margin-left: -2px; } .ui-slider-sm.ui-slider-horizontal { height: 4px; } .ui-slider-sm.ui-slider-horizontal .ui-slider-handle { top: -4px; margin-left: -6px; } .ui-slider-sm.ui-slider-vertical { width: 4px; } .ui-slider-sm.ui-slider-vertical .ui-slider-handle { left: -4px; margin-bottom: -6px; } .ui-slider-xs.ui-slider-horizontal { height: 2px; } .ui-slider-xs.ui-slider-horizontal .ui-slider-handle { top: -5px; margin-left: -6px; } .ui-slider-xs.ui-slider-vertical { width: 2px; } .ui-slider-xs.ui-slider-vertical .ui-slider-handle { left: -5px; margin-bottom: -6px; } .ui-slider-primary .ui-slider-range, .ui-slider-solid.ui-slider-primary .ui-slider-handle { background-color: #2196F3; border-color: #2196F3; } .ui-slider-danger .ui-slider-range, .ui-slider-solid.ui-slider-danger .ui-slider-handle { background-color: #F44336; border-color: #F44336; } .ui-slider-success .ui-slider-range, .ui-slider-solid.ui-slider-success .ui-slider-handle { background-color: #4CAF50; border-color: #4CAF50; } .ui-slider-warning .ui-slider-range, .ui-slider-solid.ui-slider-warning .ui-slider-handle { background-color: #FF5722; border-color: #FF5722; } .ui-slider-info .ui-slider-range, .ui-slider-solid.ui-slider-info .ui-slider-handle { background-color: #00BCD4; border-color: #00BCD4; } .ui-spinner { position: relative; display: table; } .ui-spinner-input { padding-right: 30px; display: table-cell; width: 100%; border-radius: 3px 0 0 3px; border-right: 0; } .ui-spinner-button { font-size: 0; color: #333333; cursor: pointer; background-color: #fff; border: 1px solid #ddd; border-radius: 0; display: table-cell; width: 1%; text-align: center; padding: 0 7px; } .ui-spinner-button:after { font-family: 'Icomoon'; display: inline-block; width: 16px; font-size: 16px; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .ui-spinner-button + .ui-spinner-button { border-left: 0; } .ui-spinner-button .ui-button-text { display: none; } .ui-spinner-button.ui-state-hover, .ui-spinner-button.ui-state-focus { color: #333333; } .ui-spinner-button.ui-state-disabled { background-color: #fafafa; color: #999999; cursor: not-allowed; -webkit-box-shadow: none; box-shadow: none; } .ui-spinner-up:after { content: '\e9f7'; } .ui-spinner-down { border-bottom-right-radius: 3px; border-top-right-radius: 3px; } .ui-spinner-down:after { content: '\e9e2'; } .ui-tabs { position: relative; } .ui-tabs .ui-tabs-nav { margin-bottom: 20px; border-bottom: 1px solid #ddd; } .ui-tabs .ui-tabs-nav li { list-style: none; position: relative; padding: 0; white-space: nowrap; margin-bottom: -1px; } @media (min-width: 769px) { .ui-tabs .ui-tabs-nav li { float: left; } } .ui-tabs .ui-tabs-nav .ui-tabs-anchor { display: block; color: #888; padding: 9px 15px; border: 1px solid transparent; border-top-width: 2px; -webkit-transition: all ease-in-out 0.15s; -o-transition: all ease-in-out 0.15s; transition: all ease-in-out 0.15s; } .ui-tabs .ui-tabs-nav .ui-state-hover .ui-tabs-anchor:not(.ui-state-disabled), .ui-tabs .ui-tabs-nav .ui-state-focus .ui-tabs-anchor:not(.ui-state-disabled) { color: #333333; } .ui-tabs .ui-tabs-nav .ui-tabs-active .ui-tabs-anchor { color: #333333; background-color: #fff; cursor: default; border-color: #2196F3 #ddd transparent; } .ui-tabs .ui-tabs-nav .ui-state-disabled { color: #999999; cursor: not-allowed; opacity: 0.75; filter: alpha(opacity=75); } .ui-tabs .ui-tabs-nav .ui-sortable-helper:not(.ui-tabs-active) .ui-tabs-anchor { background-color: #fff; border-bottom-color: #ddd; } @media (max-width: 768px) { .ui-tabs .ui-tabs-nav { border-bottom: 0; position: relative; background-color: #fff; padding: 7px 0; border: 1px solid #ddd; border-radius: 3px; } .ui-tabs .ui-tabs-nav li { margin-bottom: 0; } .ui-tabs .ui-tabs-nav li + li { margin-top: 1px; } .ui-tabs .ui-tabs-nav .ui-tabs-anchor { border-width: 0 0 0 2px; border-left-color: transparent; } .ui-tabs .ui-tabs-nav .ui-state-hover .ui-tabs-anchor, .ui-tabs .ui-tabs-nav .ui-state-focus .ui-tabs-anchor { background-color: #fafafa; } .ui-tabs .ui-tabs-nav .ui-state-active .ui-tabs-anchor { border-left-color: #2196F3; background-color: #f5f5f5; } .ui-tabs .ui-tabs-nav:before { content: 'Contents'; color: inherit; font-size: 12px; line-height: 1.6666667; font-weight: 500; margin-top: 8px; margin-left: 15px; margin-bottom: 15px; text-transform: uppercase; opacity: 0.5; filter: alpha(opacity=50); } } .ui-tabs .ui-tabs-panel { display: block; } .ui-tooltip { position: absolute; z-index: 1070; max-width: 200px; padding: 3px 8px; color: #fff; text-align: center; background-color: #333; border-radius: 3px; } .ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; opacity: 0.5; filter: alpha(opacity=50); } .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; list-style: none; } .ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; border-collapse: collapse; } .ui-helper-clearfix:after { clear: both; } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter: alpha(opacity=0); } .ui-front { z-index: 1051; } /* ------------------------------------------------------------------------------ * * # Floating action buttons * * Material design floating action button with menu * * Version: 1.0 * Latest update: Mar 10, 2016 * * ---------------------------------------------------------------------------- */ .fab-menu { position: relative; display: inline-block; white-space: nowrap; padding: 0; margin: 0; list-style: none; z-index: 999; } .fab-menu-absolute { position: absolute; } .fab-menu-absolute.affix { position: fixed; } .fab-menu-fixed { position: fixed; z-index: 1030; } .fab-menu-top-left, .fab-menu-top-right { margin-top: -24px; } .fab-menu-top-left.affix, .fab-menu-top-right.affix { top: 20px; margin-top: 0; } .content-wrapper > .fab-menu-top-left, .content-wrapper > .fab-menu-top-right { top: -24px; } .content-wrapper > .fab-menu-top-left.affix, .content-wrapper > .fab-menu-top-right.affix { top: 20px; } .navbar-top .fab-menu-top-left.affix, .navbar-top .fab-menu-top-right.affix, .navbar-affixed-top .fab-menu-top-left.affix, .navbar-affixed-top .fab-menu-top-right.affix { top: 66px; } .navbar-top-lg .fab-menu-top-left.affix, .navbar-top-lg .fab-menu-top-right.affix, .navbar-affixed-top-lg .fab-menu-top-left.affix, .navbar-affixed-top-lg .fab-menu-top-right.affix { top: 70px; } .navbar-top-sm .fab-menu-top-left.affix, .navbar-top-sm .fab-menu-top-right.affix, .navbar-affixed-top-sm .fab-menu-top-left.affix, .navbar-affixed-top-sm .fab-menu-top-right.affix { top: 64px; } .navbar-top-xs .fab-menu-top-left.affix, .navbar-top-xs .fab-menu-top-right.affix, .navbar-affixed-top-xs .fab-menu-top-left.affix, .navbar-affixed-top-xs .fab-menu-top-right.affix { top: 62px; } .fab-menu-bottom-left, .fab-menu-bottom-right { bottom: 20px; -webkit-transition: bottom ease-in-out 0.15s; -o-transition: bottom ease-in-out 0.15s; transition: bottom ease-in-out 0.15s; } .fab-menu-bottom-left.reached-bottom, .fab-menu-bottom-right.reached-bottom { bottom: 80px; } .navbar-bottom .fab-menu-bottom-left.reached-bottom, .navbar-bottom .fab-menu-bottom-right.reached-bottom { bottom: 86px; } .navbar-bottom-lg .fab-menu-bottom-left.reached-bottom, .navbar-bottom-lg .fab-menu-bottom-right.reached-bottom { bottom: 90px; } .navbar-bottom-sm .fab-menu-bottom-left.reached-bottom, .navbar-bottom-sm .fab-menu-bottom-right.reached-bottom { bottom: 84px; } .navbar-bottom-xs .fab-menu-bottom-left.reached-bottom, .navbar-bottom-xs .fab-menu-bottom-right.reached-bottom { bottom: 82px; } .fab-menu-top-right, .fab-menu-bottom-right { right: 20px; } .fab-menu-inner { list-style: none; margin: 0; padding: 0; } .fab-menu-inner > li { display: block; position: absolute; top: 2px; left: 0; right: 0; text-align: center; padding-top: 20px; margin-top: -20px; } .fab-menu-inner > li .btn { border-width: 0; } .fab-menu-inner > li .btn-float { padding: 0; width: 44px; height: 44px; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } .fab-menu-inner > li .btn-float:hover, .fab-menu-inner > li .btn-float:focus { -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); } .fab-menu-inner > li .btn-float > i { margin: 14px; } .fab-menu-inner > li .btn-float.btn-flat > i { margin: 12px; } .fab-menu-inner > li .badge, .fab-menu-inner > li .label, .fab-menu-inner > li .status-mark { position: absolute; } @media (min-width: 769px) { .fab-menu-inner > li .badge, .fab-menu-inner > li .label, .fab-menu-inner > li .status-mark { -webkit-box-shadow: 0 0 0 2px #f5f5f5; box-shadow: 0 0 0 2px #f5f5f5; } } .fab-menu-inner > li .badge, .fab-menu-inner > li .label { top: 16px; right: -4px; } .fab-menu-inner > li .status-mark { top: 22px; right: 2px; } .fab-menu-bottom-left .fab-menu-inner > li, .fab-menu-bottom-right .fab-menu-inner > li { padding-top: 0; margin-top: 0; padding-bottom: 20px; margin-bottom: -20px; } .fab-menu-bottom-left .fab-menu-inner > li .badge, .fab-menu-bottom-right .fab-menu-inner > li .badge, .fab-menu-bottom-left .fab-menu-inner > li .label, .fab-menu-bottom-right .fab-menu-inner > li .label { top: -4px; } .fab-menu-bottom-left .fab-menu-inner > li .status-mark, .fab-menu-bottom-right .fab-menu-inner > li .status-mark { top: 2px; } .fab-menu-inner .dropdown-menu { margin-top: 0; margin-right: 10px; top: 19px; left: auto; right: 100%; } .fab-menu-inner .dropdown-menu-right { margin-right: 0; margin-left: 10px; right: auto; left: 100%; } .fab-menu-btn { z-index: 1001; border-width: 0; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } .fab-menu-btn.btn-float { padding: 24px; } .fab-menu-btn.btn-float > i { position: absolute; top: 50%; left: 50%; margin-top: -8px; margin-left: -8px; } .fab-menu-btn:hover, .fab-menu-btn:focus, .fab-menu[data-fab-toggle="hover"]:hover .fab-menu-btn, .fab-menu[data-fab-state="open"] .fab-menu-btn { -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); } .fab-icon-close, .fab-icon-open { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); -webkit-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; } .fab-menu[data-fab-toggle="hover"]:hover .fab-icon-close, .fab-menu[data-fab-toggle="hover"]:hover .fab-icon-open, .fab-menu[data-fab-state="open"] .fab-icon-close, .fab-menu[data-fab-state="open"] .fab-icon-open { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } .fab-menu[data-fab-toggle="hover"]:hover .fab-icon-open, .fab-menu[data-fab-state="open"] .fab-icon-open { opacity: 0; filter: alpha(opacity=0); } .fab-icon-close { opacity: 0; filter: alpha(opacity=0); } .fab-menu[data-fab-toggle="hover"]:hover .fab-icon-close, .fab-menu[data-fab-state="open"] .fab-icon-close { opacity: 1; filter: alpha(opacity=100); } .fab-menu .fab-menu-inner > li { visibility: hidden; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; } .fab-menu .fab-menu-inner > li:nth-child(1) { -webkit-transition-delay: 0.05s; transition-delay: 0.05s; } .fab-menu .fab-menu-inner > li:nth-child(2) { -webkit-transition-delay: 0.1s; transition-delay: 0.1s; } .fab-menu .fab-menu-inner > li:nth-child(3) { -webkit-transition-delay: 0.15s; transition-delay: 0.15s; } .fab-menu .fab-menu-inner > li:nth-child(4) { -webkit-transition-delay: 0.2s; transition-delay: 0.2s; } .fab-menu .fab-menu-inner > li:nth-child(5) { -webkit-transition-delay: 0.25s; transition-delay: 0.25s; } .fab-menu[data-fab-toggle="hover"]:hover .fab-menu-inner > li, .fab-menu[data-fab-state="open"] .fab-menu-inner > li { visibility: visible; opacity: 1; filter: alpha(opacity=100); } .fab-menu-top[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(1), .fab-menu-top-left[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(1), .fab-menu-top-right[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(1), .fab-menu-top[data-fab-state="open"] .fab-menu-inner > li:nth-child(1), .fab-menu-top-left[data-fab-state="open"] .fab-menu-inner > li:nth-child(1), .fab-menu-top-right[data-fab-state="open"] .fab-menu-inner > li:nth-child(1) { top: 68px; -webkit-transition-delay: 0.05s; transition-delay: 0.05s; } .fab-menu-top[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(2), .fab-menu-top-left[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(2), .fab-menu-top-right[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(2), .fab-menu-top[data-fab-state="open"] .fab-menu-inner > li:nth-child(2), .fab-menu-top-left[data-fab-state="open"] .fab-menu-inner > li:nth-child(2), .fab-menu-top-right[data-fab-state="open"] .fab-menu-inner > li:nth-child(2) { top: 132px; -webkit-transition-delay: 0.1s; transition-delay: 0.1s; } .fab-menu-top[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(3), .fab-menu-top-left[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(3), .fab-menu-top-right[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(3), .fab-menu-top[data-fab-state="open"] .fab-menu-inner > li:nth-child(3), .fab-menu-top-left[data-fab-state="open"] .fab-menu-inner > li:nth-child(3), .fab-menu-top-right[data-fab-state="open"] .fab-menu-inner > li:nth-child(3) { top: 196px; -webkit-transition-delay: 0.15s; transition-delay: 0.15s; } .fab-menu-top[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(4), .fab-menu-top-left[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(4), .fab-menu-top-right[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(4), .fab-menu-top[data-fab-state="open"] .fab-menu-inner > li:nth-child(4), .fab-menu-top-left[data-fab-state="open"] .fab-menu-inner > li:nth-child(4), .fab-menu-top-right[data-fab-state="open"] .fab-menu-inner > li:nth-child(4) { top: 260px; -webkit-transition-delay: 0.2s; transition-delay: 0.2s; } .fab-menu-top[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(5), .fab-menu-top-left[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(5), .fab-menu-top-right[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(5), .fab-menu-top[data-fab-state="open"] .fab-menu-inner > li:nth-child(5), .fab-menu-top-left[data-fab-state="open"] .fab-menu-inner > li:nth-child(5), .fab-menu-top-right[data-fab-state="open"] .fab-menu-inner > li:nth-child(5) { top: 324px; -webkit-transition-delay: 0.25s; transition-delay: 0.25s; } .fab-menu-bottom[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(1), .fab-menu-bottom-left[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(1), .fab-menu-bottom-right[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(1), .fab-menu-bottom[data-fab-state="open"] .fab-menu-inner > li:nth-child(1), .fab-menu-bottom-left[data-fab-state="open"] .fab-menu-inner > li:nth-child(1), .fab-menu-bottom-right[data-fab-state="open"] .fab-menu-inner > li:nth-child(1) { top: -60px; -webkit-transition-delay: 0.05s; transition-delay: 0.05s; } .fab-menu-bottom[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(2), .fab-menu-bottom-left[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(2), .fab-menu-bottom-right[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(2), .fab-menu-bottom[data-fab-state="open"] .fab-menu-inner > li:nth-child(2), .fab-menu-bottom-left[data-fab-state="open"] .fab-menu-inner > li:nth-child(2), .fab-menu-bottom-right[data-fab-state="open"] .fab-menu-inner > li:nth-child(2) { top: -124px; -webkit-transition-delay: 0.1s; transition-delay: 0.1s; } .fab-menu-bottom[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(3), .fab-menu-bottom-left[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(3), .fab-menu-bottom-right[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(3), .fab-menu-bottom[data-fab-state="open"] .fab-menu-inner > li:nth-child(3), .fab-menu-bottom-left[data-fab-state="open"] .fab-menu-inner > li:nth-child(3), .fab-menu-bottom-right[data-fab-state="open"] .fab-menu-inner > li:nth-child(3) { top: -188px; -webkit-transition-delay: 0.15s; transition-delay: 0.15s; } .fab-menu-bottom[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(4), .fab-menu-bottom-left[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(4), .fab-menu-bottom-right[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(4), .fab-menu-bottom[data-fab-state="open"] .fab-menu-inner > li:nth-child(4), .fab-menu-bottom-left[data-fab-state="open"] .fab-menu-inner > li:nth-child(4), .fab-menu-bottom-right[data-fab-state="open"] .fab-menu-inner > li:nth-child(4) { top: -252px; -webkit-transition-delay: 0.2s; transition-delay: 0.2s; } .fab-menu-bottom[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(5), .fab-menu-bottom-left[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(5), .fab-menu-bottom-right[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(5), .fab-menu-bottom[data-fab-state="open"] .fab-menu-inner > li:nth-child(5), .fab-menu-bottom-left[data-fab-state="open"] .fab-menu-inner > li:nth-child(5), .fab-menu-bottom-right[data-fab-state="open"] .fab-menu-inner > li:nth-child(5) { top: -316px; -webkit-transition-delay: 0.25s; transition-delay: 0.25s; } .fab-menu-inner div[data-fab-label]:after { content: attr(data-fab-label); position: absolute; top: 50%; margin-top: -7px; right: 66px; color: #fff; background-color: #333; padding: 7px 12px; visibility: hidden; border-radius: 3px; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); opacity: 0; filter: alpha(opacity=0); -webkit-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; } .fab-menu-bottom-left .fab-menu-inner div[data-fab-label]:after, .fab-menu-bottom-right .fab-menu-inner div[data-fab-label]:after { margin-top: -27px; } .fab-menu-top-left .fab-menu-inner div[data-fab-label]:after, .fab-menu-bottom-left .fab-menu-inner div[data-fab-label]:after, .fab-menu-inner div[data-fab-label].fab-label-right:after { right: auto; left: 66px; } .fab-menu[data-fab-toggle="hover"] .fab-menu-inner div[data-fab-label]:hover:after, .fab-menu[data-fab-state="open"] .fab-menu-inner div[data-fab-label]:hover:after { visibility: visible; opacity: 1; filter: alpha(opacity=100); } .fab-menu-inner div[data-fab-label].fab-label-light:after { background-color: #fff; color: #333333; } .fab-menu-inner div[data-fab-label].fab-label-visible:after { visibility: visible; opacity: 1; filter: alpha(opacity=100); } /* ------------------------------------------------------------------------------ * * # Prism * * Lightweight, extensible syntax highlighter * * Version: 1.0 * Latest update: May 10, 2015 * * ---------------------------------------------------------------------------- */ code[class*="language-"], pre[class*="language-"] { text-shadow: 0 1px #fff; word-break: normal; line-height: 1.5; direction: ltr; } @media print { code[class*="language-"], pre[class*="language-"] { text-shadow: none; } } .token.comment, .token.prolog, .token.doctype, .token.cdata, .token.punctuation { color: #999; } .token.property, .token.tag, .token.boolean, .token.number, .token.constant, .token.symbol { color: #905; } .token.selector, .token.attr-name, .token.string, .token.builtin { color: #690; } .token.operator, .token.entity, .token.url, .language-css .token.string, .style .token.string, .token.variable { color: #a67f59; background: rgba(255, 255, 255, 0.5); } .token.atrule, .token.attr-value, .token.keyword { color: #07a; } .token.function { color: #DD4A68; } .token.regex, .token.important { color: #e90; } .token.important { font-weight: bold; } .token.entity { cursor: help; } .namespace { opacity: 0.7; filter: alpha(opacity=70); } .line-highlight { position: absolute; left: 0; right: 0; margin-top: 20px; background: rgba(133, 238, 149, 0.12); pointer-events: none; white-space: pre; line-height: inherit; } .line-highlight:before, .line-highlight:after { content: attr(data-start); position: absolute; top: 0px; left: 10px; padding: 2px; text-align: center; font-size: 10px; color: #999999; } .line-highlight[data-end]:after { content: attr(data-end); top: auto; bottom: 0; } pre.line-numbers { position: relative; padding-left: 50px; counter-reset: linenumber; } pre.line-numbers > code { position: relative; } .line-numbers .line-numbers-rows { position: absolute; pointer-events: none; top: 0; font-size: 100%; left: -50px; width: 36px; letter-spacing: -1px; border-right: 1px solid #999; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .line-numbers .line-numbers-rows > span { pointer-events: none; display: block; counter-increment: linenumber; } .line-numbers .line-numbers-rows > span:before { content: counter(linenumber); color: #999999; display: block; padding-right: 10px; text-align: right; } pre[class*="language-"] { overflow: auto; position: relative; border-left-width: 3px; border-left-color: #2196F3; background-color: #fdfdfd; background-image: -webkit-linear-gradient(transparent 50%, rgba(25, 118, 210, 0.025) 50%); background-image: -moz-linear-gradient(transparent 50%, rgba(25, 118, 210, 0.025) 50%); background-image: -ms-linear-gradient(transparent 50%, rgba(25, 118, 210, 0.025) 50%); background-image: -o-linear-gradient(transparent 50%, rgba(25, 118, 210, 0.025) 50%); background-image: linear-gradient(transparent 50%, rgba(25, 118, 210, 0.025) 50%); background-size: 3em 3em; background-origin: content-box; border-bottom-left-radius: 0; border-top-left-radius: 0; } pre[class*="language-"] > code[data-language] { display: block; } pre[class*="language-"] > code[data-language]:before { content: attr(data-language); background-color: #f8f8f8; display: inline-block; position: absolute; top: 0px; right: 0px; font-size: 11px; border-radius: 0 0 0 2px; padding: 4px 8px; text-shadow: none; color: #333333; border-left: 1px solid #ddd; border-bottom: 1px solid #ddd; } pre[class*="language-"].line-numbers > code[data-language]:before { top: -15px; right: -15px; } pre[data-line] { position: relative; padding-left: 36px; } pre.code-toolbar { position: relative; } pre.code-toolbar > .toolbar { background-color: #f8f8f8; display: inline-block; position: absolute; top: 0; text-shadow: none; color: #333333; border-bottom: 1px solid #ddd; border-left: 1px solid #ddd; right: 0; border-radius: 0 0 0 3px; } pre.code-toolbar > .toolbar span, pre.code-toolbar > .toolbar .toolbar-item { display: inline-block; } pre.code-toolbar > .toolbar a { cursor: pointer; } pre.code-toolbar > .toolbar button { background: none; border: 0; color: inherit; font: inherit; line-height: normal; overflow: visible; user-select: none; } pre.code-toolbar > .toolbar a, pre.code-toolbar > .toolbar button, pre.code-toolbar > .toolbar span { padding: 4px 8px; font-size: 11px; outline: 0; } @include hover-focus { color: inherit; text-decoration: none; } /* ------------------------------------------------------------------------------ * * # Fancytree * * Tree plugin for jQuery with support for persistence, keyboard, checkboxes, * tables (grid), drag'n'drop, and lazy loading * * Version: 1.1 * Latest update: Jul 5, 2016 * * ---------------------------------------------------------------------------- */ /* # Core -------------------------------------------------- */ .fancytree-container { list-style: none; white-space: nowrap; padding: 0; margin: 0; overflow: auto; position: relative; } .fancytree-container:focus { outline: 0; } .fancytree-container ul { list-style: none; padding: 0 0 0 20px; margin: 0; } .fancytree-container ul li { margin-top: 1px; } .ui-fancytree-disabled .fancytree-container { opacity: 0.6; filter: alpha(opacity=60); } .ui-fancytree-disabled .fancytree-container, .ui-fancytree-disabled .fancytree-title, .ui-fancytree-disabled .fancytree-expander { cursor: not-allowed; } .ui-fancytree-disabled .fancytree-treefocus .fancytree-selected .fancytree-title { background-color: #f5f5f5; color: #333333; } .ui-helper-hidden { display: none; } .fancytree-expander:after, .fancytree-icon:after, .fancytree-checkbox:after, .fancytree-drag-helper-img:after, .fancytree-drop-before:after, .fancytree-drop-after:after, .fancytree-loading .fancytree-expander:after, .fancytree-statusnode-wait .fancytree-icon:after { font-family: 'icomoon'; display: inline-block; font-size: 16px; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .fancytree-icon, .fancytree-checkbox, .fancytree-custom-icon { margin-top: 5px; float: left; } .fancytree-checkbox { margin: 4px 10px 0 2px; } .fancytree-custom-icon { display: inline-block; } img.fancytree-icon { width: 16px; height: 16px; margin-left: 3px; margin-top: 3px; vertical-align: top; border-style: none; } .fancytree-expander { cursor: pointer; float: left; margin-top: 5px; width: 16px; line-height: 1; } .fancytree-exp-c .fancytree-expander:after { content: '\e9c7'; } .fancytree-exp-cl .fancytree-expander:after { content: '\e9c7'; } .fancytree-exp-cd .fancytree-expander:after, .fancytree-exp-cdl .fancytree-expander:after { content: '\e9c7'; } .fancytree-exp-e .fancytree-expander:after, .fancytree-exp-ed .fancytree-expander:after { content: '\e9c5'; } .fancytree-exp-el .fancytree-expander:after, .fancytree-exp-edl .fancytree-expander:after { content: '\e9c5'; } .fancytree-statusnode-error .fancytree-icon:after { content: '\ed63'; } .fancytree-loading .fancytree-expander, .fancytree-statusnode-wait .fancytree-icon { margin-left: auto; margin-right: auto; width: 16px; height: 16px; display: inline-block; text-align: center; } .fancytree-loading .fancytree-expander:after, .fancytree-statusnode-wait .fancytree-icon:after { content: '\ed6c'; -webkit-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; } .fancytree-icon { display: inline-block; width: 16px; height: 16px; } .fancytree-ico-c .fancytree-icon:after, .fancytree-ico-e .fancytree-icon:after { content: '\ea1a'; } .fancytree-has-children.fancytree-ico-c .fancytree-icon:after { content: '\ea0f'; } .fancytree-has-children.fancytree-ico-e .fancytree-icon:after { content: '\ea11'; } .fancytree-ico-cf .fancytree-icon:after, .fancytree-ico-ef .fancytree-icon:after { content: '\ea3d'; } .fancytree-has-children.fancytree-ico-cf .fancytree-icon:after { content: '\ea41'; } .fancytree-has-children.fancytree-ico-ef .fancytree-icon:after { content: '\ea43'; } .fancytree-checkbox { width: 18px; height: 18px; border: 2px solid #777; display: block; text-align: center; position: relative; cursor: pointer; border-radius: 2px; } .fancytree-checkbox:after, .fancytree-partsel.fancytree-selected .fancytree-checkbox:after { content: "\e600"; margin-top: -1px; margin-left: -1px; display: none; } .fancytree-partsel > .fancytree-checkbox:after { content: ""; width: 8px; height: 8px; display: none; background-color: #888; margin: 3px; } .fancytree-partsel.fancytree-selected .fancytree-checkbox:after { background-color: transparent; width: auto; height: auto; } .fancytree-selected .fancytree-checkbox:after, .fancytree-partsel .fancytree-checkbox:after, .fancytree-partsel.fancytree-selected .fancytree-checkbox:after { display: block; } .fancytree-radio .fancytree-checkbox { border-radius: 100%; } .fancytree-radio .fancytree-checkbox:after { content: ''; width: 8px; height: 8px; background-color: #888; margin: 3px; border-radius: 100px; } /* # Other styles -------------------------------------------------- */ .fancytree-drag-helper { border: 1px solid #ddd; background-color: #fff; padding: 4px 5px; opacity: 0.8; filter: alpha(opacity=80); } .fancytree-drag-helper-img:after { position: absolute; top: 50%; margin-top: -9px; right: -26px; } .fancytree-drop-accept .fancytree-drag-helper-img:after { content: '\ee73'; color: #4CAF50; } .fancytree-drop-reject .fancytree-drag-helper-img:after { content: '\ed63'; color: #F44336; } #fancytree-drop-marker.fancytree-drop-before, #fancytree-drop-marker.fancytree-drop-after { width: 200px; border-top: 1px solid #333333; position: absolute!important; } .fancytree-drag-source { background-color: #ddd; } .fancytree-drag-source .fancytree.title { color: #333333; } .fancytree-drop-target.fancytree-drop-accept a { background-color: #2196F3 !important; color: #fff !important; text-decoration: none; } .fancytree-node { display: inherit; width: 100%; position: relative; } .fancytree-title { border: 0; padding: 4px 6px; border-radius: 2px; margin-left: 4px; display: inline-block; cursor: pointer; } .fancytree-title > input { border: 0; outline: 0; padding: 0; background-color: transparent; } .fancytree-selected .fancytree-title { background-color: #ddd; color: #333333; } .fancytree-treefocus .fancytree-selected .fancytree-title { background-color: #2196F3; color: #fff; } .fancytree-active .fancytree-title { background-color: #ddd; } .sidebar:not(.sidebar-default) .fancytree-selected .fancytree-title, .sidebar:not(.sidebar-default) .fancytree-active .fancytree-title { background-color: rgba(255, 255, 255, 0.2); color: #fff; } .sidebar:not(.sidebar-default) .fancytree-treefocus .fancytree-selected .fancytree-title { background-color: #2196F3; color: #fff; } .fancytree-ext-table .fancytree-node { display: inline-block; width: auto; } .fancytree-ext-table .fancytree-title { display: inline; } .fancytree-ext-table.fancytree-container { white-space: normal; } .fancytree-ext-table .fancytree-expander, .fancytree-ext-table .fancytree-icon, .fancytree-ext-table .fancytree-custom-icon { margin-top: 1px; } .fancytree-ext-table .fancytree-checkbox { margin: 0 auto; float: none; } .fancytree-ext-table .checker { display: block; margin: 0 auto; } .fancytree-ext-table tbody tr td:first-child { text-align: center; } .fancytree-ext-table tbody tr.fancytree-focused { background-color: #f5f5f5; } .fancytree-ext-table tbody tr.fancytree-active { background-color: #f5f5f5; } .fancytree-ext-table tbody tr.fancytree-selected { background-color: #2196F3; color: #fff; } .fancytree-ext-table tbody tr.fancytree-selected .fancytree-checkbox { color: #fff; border-color: #fff; } .fancytree-ext-table tbody tr.fancytree-selected .checker span { border-color: #fff; color: #fff; } .fancytree-ext-childcounter .fancytree-childcounter { position: absolute; right: 0; top: 4px; color: #999999; } /* ------------------------------------------------------------------------------ * * # Ladda progress buttons * * Buttons with built-in loading indicators * * Version: 1.0 * Latest update: May 25, 2015 * * ---------------------------------------------------------------------------- */ .btn-ladda, .btn-ladda .ladda-spinner, .btn-ladda .ladda-label { -webkit-transition: all cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.3s; -o-transition: all cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.3s; transition: all cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.3s; } .btn-ladda .ladda-spinner { position: absolute; z-index: 2; display: inline-block; top: 50%; pointer-events: none; opacity: 0; filter: alpha(opacity=0); } .btn-ladda .ladda-label { z-index: 3; } .btn-ladda .ladda-progress { position: absolute; width: 0; height: 100%; left: 0; top: 0; background-color: rgba(0, 0, 0, 0.2); visibility: hidden; -webkit-transition: all linear 0.3s; -o-transition: all linear 0.3s; transition: all linear 0.3s; opacity: 0; filter: alpha(opacity=0); } .btn-ladda[data-loading] .ladda-progress { visibility: visible; opacity: 1; filter: alpha(opacity=100); } .btn-ladda[data-style=zoom-in], .btn-ladda[data-style=zoom-out] { overflow: hidden; } .btn-ladda[data-style=zoom-in], .btn-ladda[data-style=zoom-out], .btn-ladda[data-style=zoom-in] .ladda-spinner, .btn-ladda[data-style=zoom-out] .ladda-spinner, .btn-ladda[data-style=zoom-in] .ladda-label, .btn-ladda[data-style=zoom-out] .ladda-label { -webkit-transition: 0.3s ease all; -o-transition: 0.3s ease all; transition: 0.3s ease all; } .btn-ladda[data-style=zoom-in] .ladda-label, .btn-ladda[data-style=zoom-out] .ladda-label { position: relative; display: inline-block; } .btn-ladda[data-style=zoom-in] .ladda-spinner, .btn-ladda[data-style=zoom-out] .ladda-spinner { left: 50%; } .btn-ladda[data-style=zoom-in][data-loading] .ladda-label, .btn-ladda[data-style=zoom-out][data-loading] .ladda-label { opacity: 0; filter: alpha(opacity=0); } .btn-ladda[data-style=zoom-in][data-loading] .ladda-spinner, .btn-ladda[data-style=zoom-out][data-loading] .ladda-spinner { -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; opacity: 1; filter: alpha(opacity=100); } .btn-ladda[data-style=zoom-in] .ladda-spinner { -webkit-transform: scale(0.2); -ms-transform: scale(0.2); -o-transform: scale(0.2); transform: scale(0.2); } .btn-ladda[data-style=zoom-in][data-loading] .ladda-label { -webkit-transform: scale(2.2); -ms-transform: scale(2.2); -o-transform: scale(2.2); transform: scale(2.2); } .btn-ladda[data-style=zoom-out] .ladda-spinner { -webkit-transform: scale(2.5); -ms-transform: scale(2.5); -o-transform: scale(2.5); transform: scale(2.5); } .btn-ladda[data-style=zoom-out][data-loading] .ladda-label { -webkit-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); } .btn-ladda[data-style=expand-left] { overflow: hidden; } .btn-ladda[data-style=expand-left] .ladda-spinner { left: 20px; } .btn-ladda[data-style=expand-left][data-loading] { padding-left: 35px; } .btn-ladda[data-style=expand-left][data-loading] .ladda-spinner { opacity: 1; filter: alpha(opacity=100); } .btn-ladda[data-style=expand-right] { overflow: hidden; } .btn-ladda[data-style=expand-right] .ladda-spinner { right: 20px; } .btn-ladda[data-style=expand-right][data-loading] { padding-right: 35px; } .btn-ladda[data-style=expand-right][data-loading] .ladda-spinner { opacity: 1; filter: alpha(opacity=100); } .btn-ladda[data-style=expand-up] { overflow: hidden; } .btn-ladda[data-style=expand-up] .ladda-spinner { top: -16px; left: 50%; } .btn-ladda[data-style=expand-up][data-loading] { padding-top: 40px; } .btn-ladda[data-style=expand-up][data-loading] .ladda-spinner { top: 12px; margin-top: 8px; opacity: 1; filter: alpha(opacity=100); } .btn-ladda[data-style=expand-down] { overflow: hidden; } .btn-ladda[data-style=expand-down] .ladda-spinner { top: 44px; left: 50%; } .btn-ladda[data-style=expand-down][data-loading] { padding-bottom: 40px; } .btn-ladda[data-style=expand-down][data-loading] .ladda-spinner { opacity: 1; filter: alpha(opacity=100); } .btn-ladda[data-style=slide-left] { overflow: hidden; } .btn-ladda[data-style=slide-left] .ladda-label { left: 0; position: relative; } .btn-ladda[data-style=slide-left] .ladda-spinner { right: 0; } .btn-ladda[data-style=slide-left][data-loading] .ladda-label { left: -100%; opacity: 0; filter: alpha(opacity=0); } .btn-ladda[data-style=slide-left][data-loading] .ladda-spinner { right: 50%; opacity: 1; filter: alpha(opacity=100); } .btn-ladda[data-style=slide-right] { overflow: hidden; } .btn-ladda[data-style=slide-right] .ladda-label { right: 0; position: relative; } .btn-ladda[data-style=slide-right] .ladda-spinner { left: 0; } .btn-ladda[data-style=slide-right][data-loading] .ladda-label { right: -100%; opacity: 0; filter: alpha(opacity=0); } .btn-ladda[data-style=slide-right][data-loading] .ladda-spinner { left: 50%; opacity: 1; filter: alpha(opacity=100); } .btn-ladda[data-style=slide-up] { overflow: hidden; } .btn-ladda[data-style=slide-up] .ladda-label { top: 0; position: relative; } .btn-ladda[data-style=slide-up] .ladda-spinner { top: 100%; left: 50%; } .btn-ladda[data-style=slide-up][data-loading] .ladda-label { top: -16px; opacity: 0; filter: alpha(opacity=0); } .btn-ladda[data-style=slide-up][data-loading] .ladda-spinner { top: 16px; opacity: 1; filter: alpha(opacity=100); } .btn-ladda[data-style=slide-down] { overflow: hidden; } .btn-ladda[data-style=slide-down] .ladda-label { top: 0; position: relative; } .btn-ladda[data-style=slide-down] .ladda-spinner { top: -100%; left: 50%; } .btn-ladda[data-style=slide-down][data-loading] .ladda-label { top: 16px; opacity: 0; filter: alpha(opacity=0); } .btn-ladda[data-style=slide-down][data-loading] .ladda-spinner { top: 16px; opacity: 1; filter: alpha(opacity=100); } .btn-ladda[data-style=fade] { overflow: hidden; } .btn-ladda[data-style=fade] .ladda-spinner { left: 50%; } .btn-ladda[data-style=fade][data-loading] .ladda-label { opacity: 0; filter: alpha(opacity=0); } .btn-ladda[data-style=fade][data-loading] .ladda-spinner { opacity: 1; filter: alpha(opacity=100); } .btn-ladda[data-style=radius] { overflow: hidden; border-radius: 2px; -webkit-transition: all ease-in-out 0.5s; -o-transition: all ease-in-out 0.5s; transition: all ease-in-out 0.5s; } .btn-ladda[data-style=radius] .ladda-spinner { left: 50%; } .btn-ladda[data-style=radius][data-loading] { border-radius: 5px; } .btn-ladda[data-style=radius][data-loading] .ladda-label { opacity: 0; filter: alpha(opacity=0); } .btn-ladda[data-style=radius][data-loading] .ladda-spinner { opacity: 1; filter: alpha(opacity=100); } /* ------------------------------------------------------------------------------ * * # Headroom * * Hide BS navbar component on page scroll * * Version: 1.1 * Latest update: Mar 10, 2016 * * ---------------------------------------------------------------------------- */ .headroom { -webkit-transition: top 0.2s ease-in-out, bottom 0.2s ease-in-out; -o-transition: top 0.2s ease-in-out, bottom 0.2s ease-in-out; transition: top 0.2s ease-in-out, bottom 0.2s ease-in-out; } .navbar.headroom-top-pinned { top: 0; } .navbar.headroom-top-unpinned { top: -48px; -webkit-box-shadow: none; box-shadow: none; } .navbar-lg.navbar.headroom-top-unpinned { top: -52px; } .navbar-sm.navbar.headroom-top-unpinned { top: -46px; } .navbar-xs.navbar.headroom-top-unpinned { top: -44px; } .navbar.headroom-bottom-pinned { bottom: -48px; -webkit-box-shadow: none; box-shadow: none; } .navbar-lg.navbar.headroom-bottom-pinned { bottom: -52px; } .navbar-sm.navbar.headroom-bottom-pinned { bottom: -46px; } .navbar-xs.navbar.headroom-bottom-pinned { bottom: -44px; } .navbar.headroom-bottom-unpinned { bottom: 0; } /* ------------------------------------------------------------------------------ * * # FullCalendar * * A JavaScript event calendar. Customizable and open source * * Version: 1.4 * Latest update: Mar 20, 2017 * * ---------------------------------------------------------------------------- */ .fc { direction: ltr; text-align: left; } body .fc { font-size: 1em; } .fc-rtl { text-align: right; } .fc-view > table { min-width: 769px; } .fc-events-container { background-color: #fcfcfc; border: 1px solid #ddd; padding: 10px; border-radius: 3px; } .fc-events-container .fc-event { margin: 0; padding: 4px 11px; } .fc-events-container .fc-event + .fc-event { margin-top: 10px; } .fc-unthemed th, .fc-unthemed td, .fc-unthemed thead, .fc-unthemed tbody, .fc-unthemed .fc-divider, .fc-unthemed .fc-row, .fc-unthemed .fc-content, .fc-unthemed .fc-popover, .fc-unthemed .fc-list-view, .fc-unthemed .fc-list-heading td { border-color: #ddd; } .fc-unthemed thead, .fc-unthemed thead td, .fc-unthemed thead th { border-bottom-color: #bbb; } .fc-unthemed .fc-popover { background-color: #fff; border-radius: 3px; } .fc-unthemed .fc-divider, .fc-unthemed .fc-popover .fc-header, .fc-unthemed .fc-list-heading td { background-color: #f5f5f5; } .fc-unthemed td.fc-today { background-color: #E8F5E9; } .fc-highlight { background-color: #e5e5e5; opacity: 0.3; filter: alpha(opacity=30); } .fc-bgevent { background-color: #81C784; opacity: 0.3; filter: alpha(opacity=30); } .fc-nonbusiness { background-color: #e5e5e5; } .fc-icon { display: block; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .fc-icon:after { display: inline-block; font-family: "icomoon"; line-height: 1; font-size: 16px; vertical-align: middle; position: relative; top: -1px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .fc-icon-left-single-arrow:after { content: "\e9c0"; } .fc-rtl .fc-icon-left-single-arrow:after { content: '\e9c3'; } .fc-icon-right-single-arrow:after { content: "\e9c3"; } .fc-rtl .fc-icon-right-single-arrow:after { content: '\e9c0'; } .fc-icon-left-double-arrow:after { content: "\000AB"; } .fc-icon-right-double-arrow:after { content: "\000BB"; } .fc-icon-x:after { content: "\ed6a"; font-size: 12px; display: block; margin-top: 4px; } .fc-button { margin: 0; border: 1px solid #ddd; padding: 7px 12px; white-space: nowrap; cursor: pointer; outline: 0; } .fc-button::-moz-focus-inner { margin: 0; padding: 0; } .fc-state-default { border: 1px solid #ddd; background-color: #fcfcfc; } .fc-state-default.fc-corner-left { border-bottom-left-radius: 3px; border-top-left-radius: 3px; } .fc-state-default.fc-corner-right { border-bottom-right-radius: 3px; border-top-right-radius: 3px; } .fc-state-hover { background-color: #f8f8f8; } .fc-state-down, .fc-state-active { background-color: #f5f5f5; } .fc-button.fc-state-down, .fc-button.fc-state-active { border-color: #ddd; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) inset; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) inset; } .fc-state-disabled { color: #999999; cursor: not-allowed; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; } .fc-button-group { display: inline-block; } .fc .fc-button-group > * { float: left; margin: 0 0 0 -1px; } .fc .fc-button-group > :first-child { margin-left: 0; } .fc-popover { position: absolute; border: 1px solid #ddd; -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 5px rgba(0, 0, 0, 0.05); } .fc-popover .fc-header { padding: 10px; } .fc-popover .fc-header .fc-title { float: left; } .fc-popover .fc-header .fc-close { cursor: pointer; float: right; } .fc-unthemed .fc-popover .fc-header .fc-close { opacity: 0.6; filter: alpha(opacity=60); } .fc-unthemed .fc-popover .fc-header .fc-close:hover { opacity: 1; filter: alpha(opacity=100); } .fc-divider { border-style: solid; border-width: 1px; } hr.fc-divider { height: 0; margin: 0; padding: 0 0 2px; border-width: 1px 0; } .fc-clear { clear: both; } .fc-bg, .fc-bgevent-skeleton, .fc-highlight-skeleton, .fc-helper-skeleton { position: absolute; top: 0; left: 0; right: 0; } .fc-bg { bottom: 0; } .fc-bg table { height: 100%; } .fc table { width: 100%; table-layout: fixed; border-collapse: collapse; border-spacing: 0; } .fc th, .fc td { border-style: solid; border-width: 1px; padding: 0; vertical-align: top; } .fc th { padding: 12px 20px; font-weight: 500; text-align: center; } .fc td.fc-today { border-style: double; } a[data-goto] { cursor: pointer; color: #333333; } .fc-row { border-style: solid; border-width: 0; position: relative; } .fc-row table { border-left: 0 hidden transparent; border-right: 0 hidden transparent; border-bottom: 0 hidden transparent; } .fc-row:first-child table { border-top: 0 hidden transparent; } .fc-row .fc-bg { z-index: 1; } .fc-row .fc-bgevent-skeleton, .fc-row .fc-highlight-skeleton { bottom: 0; } .fc-row .fc-bgevent-skeleton table, .fc-row .fc-highlight-skeleton table { height: 100%; } .fc-row .fc-bgevent-skeleton td, .fc-row .fc-highlight-skeleton td { border-color: transparent; border: 0; } .fc-row .fc-bgevent-skeleton { z-index: 2; } .fc-row .fc-highlight-skeleton { z-index: 3; } .fc-row .fc-content-skeleton td, .fc-row .fc-helper-skeleton td { background: none; border-color: transparent; border-bottom: 0; } .fc-row .fc-content-skeleton tbody td, .fc-row .fc-helper-skeleton tbody td { border-top: 0; } .fc-row .fc-content-skeleton { position: relative; z-index: 4; } .fc-row .fc-helper-skeleton { z-index: 5; } .fc-scroller { -webkit-overflow-scrolling: touch; } .fc-scroller > .fc-day-grid, .fc-scroller > .fc-time-grid { position: relative; width: 100%; } .fc-event { position: relative; display: block; border: 1px solid #039BE5; font-weight: normal; border-radius: 2px; } .fc-event, .fc-event:hover { color: #fff; text-decoration: none; } .fc-event[href], .fc-event.fc-draggable { cursor: pointer; } .fc-event .fc-bg { z-index: 1; background-color: #fff; opacity: 0.25; filter: alpha(opacity=25); } .fc-event .fc-content { position: relative; z-index: 2; } .fc-event .fc-resizer { position: absolute; z-index: 4; display: none; } .fc-event.fc-allow-mouse-resize .fc-resizer, .fc-event.fc-selected .fc-resizer { display: block; } .fc-event.fc-selected .fc-resizer:before { content: ""; position: absolute; z-index: 9999; top: 50%; left: 50%; width: 40px; height: 40px; margin-left: -20px; margin-top: -20px; } .fc-event .fc-event.fc-selected { z-index: 9999 !important; -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); } .fc-event .fc-event.fc-selected.fc-dragging { -webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3); box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3); } .fc-event, .fc-event-dot { background-color: #039BE5; } .fc-not-allowed, .fc-not-allowed .fc-event { cursor: not-allowed; } .fc-h-event.fc-selected:before { content: ""; position: absolute; z-index: 3; top: -10px; bottom: -10px; left: 0; right: 0; } .fc-h-event .fc-start-resizer { cursor: w-resize; left: -1px; } .fc-h-event .fc-end-resizer { cursor: e-resize; right: -1px; } .fc-h-event.fc-selected .fc-start-resizer { margin-left: -4px; } .fc-h-event.fc-selected .fc-end-resizer { margin-right: -4px; } .fc-h-event.fc-allow-mouse-resize .fc-resizer { width: 7px; top: -1px; bottom: -1px; } .fc-h-event.fc-selected .fc-resizer { border-radius: 4px; border-width: 1px; width: 6px; height: 6px; border-style: solid; border-color: inherit; background: #fff; top: 50%; margin-top: -4px; } .fc-day-grid-event { margin: 0 5px 5px 5px; padding: 4px 8px; } .fc-day-grid-event.fc-selected:after { content: ""; position: absolute; z-index: 1; top: -1px; right: -1px; bottom: -1px; left: -1px; background-color: #000; opacity: 0.25; filter: alpha(opacity=25); } .fc-day-grid-event > .fc-content { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .fc-day-grid-event .fc-time { font-weight: 500; } .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer { margin-left: -2px; } .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer { margin-right: -2px; } @media (min-width: 1200px) { .fc-day-grid-event .fc-time { float: right; padding-left: 5px; display: inline-block; z-index: 2; position: relative; background-color: inherit; } .fc-day-grid-event .fc-title { z-index: 1; position: relative; } } a.fc-more { margin: 1px 5px; background-color: #fafafa; display: block; padding: 5px; text-align: center; border-radius: 3px; color: #999999; font-size: 12px; -webkit-transition: all ease-in-out 0.15s; -o-transition: all ease-in-out 0.15s; transition: all ease-in-out 0.15s; } a.fc-more:hover { background-color: #f5f5f5; color: #333333; } .fc-limited { display: none; } .fc-day-grid .fc-row { z-index: 1; } .fc-more-popover { z-index: 2; width: 220px; } .fc-more-popover .fc-event-container { padding: 10px 5px; } .fc-now-indicator { position: absolute; border: 0 solid #EF5350; } .fc-unselectable { -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .fc-toolbar { text-align: center; } .fc-toolbar.fc-header-toolbar { margin-bottom: 20px; } .fc-toolbar.fc-footer-toolbar { margin-top: 20px; } .fc-toolbar h2 { margin: 5px 0; font-size: 17px; } .fc-toolbar .fc-left { float: left; width: 33%; } .fc-toolbar .fc-right { float: right; width: 33%; } .fc-toolbar .fc-right .fc-button-group { float: right; } .fc-toolbar .fc-left > .fc-button, .fc-toolbar .fc-right > .fc-button { margin-left: 10px; } .fc-toolbar .fc-center { display: inline-block; vertical-align: middle; } .fc-toolbar > * > * { float: left; } .fc-toolbar > * > :first-child { margin-left: 0; } .fc-toolbar button { position: relative; } .fc-toolbar button:focus { z-index: 5; } .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-view-container { border-left: 1px solid #ddd; border-right: 1px solid #ddd; overflow: auto; max-width: 100%; } .fc-view-container .fc-view > table th, .fc-view-container .fc-view > table td { border-right-width: 0; } .fc-view-container .fc-view > table tr:first-child th:first-child, .fc-view-container .fc-view > table tr:first-child td:first-child { border-left-width: 0; } .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 { position: relative; z-index: 1; } .fc-basicWeek-view .fc-content-skeleton, .fc-basicDay-view .fc-content-skeleton { padding-top: 5px; padding-bottom: 10px; } .fc-basic-view tbody .fc-row { min-height: 100px; min-width: 100px; } .fc-row.fc-rigid { overflow: hidden; } .fc-row.fc-rigid .fc-content-skeleton { position: absolute; top: 0; left: 0; right: 0; } .fc-basic-view .fc-week-number, .fc-basic-view .fc-day-number { padding: 10px; } .fc-basic-view .fc-week-number { text-align: center; } .fc-basic-view .fc-week-number span { display: inline-block; min-width: 1.25em; } td.fc-basic-view .fc-week-number { text-align: center; } td.fc-basic-view .fc-week-number > * { display: inline-block; min-width: 1.25em; } .fc-basic-view .fc-day-number { text-align: right; } .fc-basic-view .fc-day-top .fc-day-number { float: right; } .fc-basic-view .fc-day-top .fc-week-number { float: left; min-width: 1.5em; text-align: center; background-color: #f5f5f5; color: #999999; border-radius: 0 0 3px 0; } .fc-other-month.fc-day-top, .fc-other-month.fc-day-number { opacity: 0.3; filter: alpha(opacity=30); } .fc-agenda-view .fc-day-grid { position: relative; z-index: 2; } .fc-agenda-view .fc-day-grid .fc-row { min-height: 3em; } .fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton { padding-top: 5px; padding-bottom: 0; } .fc-axis { text-align: right; } .fc .fc-axis { vertical-align: middle; padding: 10px; white-space: nowrap; } .fc-axis.fc-widget-content { height: 20px; } .fc-time-grid-container, .fc-time-grid { position: relative; z-index: 1; } .fc-time-grid { min-height: 100%; } .fc-time-grid table { border: 0 hidden transparent; } .fc-time-grid > .fc-bg { z-index: 1; } .fc-time-grid .fc-slats, .fc-time-grid > hr { position: relative; z-index: 2; } .fc-time-grid .fc-content-col { position: relative; } .fc-time-grid .fc-content-skeleton { position: absolute; top: 0; left: 0; right: 0; z-index: 3; } .fc-time-grid .fc-business-container { position: relative; z-index: 1; } .fc-time-grid .fc-bgevent-container { position: relative; z-index: 2; } .fc-time-grid .fc-highlight-container { position: relative; z-index: 3; } .fc-time-grid .fc-event-container { position: relative; z-index: 4; } .fc-time-grid .fc-now-indicator-line { z-index: 5; } .fc-time-grid .fc-helper-container { position: relative; z-index: 6; } .fc-time-grid .fc-slats td { border-bottom: 0; } .fc-time-grid .fc-slats .fc-minor td { border-top-style: dotted; } .fc-time-grid .fc-highlight-container { position: relative; } .fc-time-grid .fc-highlight { position: absolute; left: 0; right: 0; } .fc-time-grid .fc-event-container, .fc-time-grid .fc-bgevent-container { position: relative; } .fc-time-grid .fc-event { margin: 5px; -webkit-box-shadow: 0 0 0 1px #fff; box-shadow: 0 0 0 1px #fff; } .fc-time-grid .fc-event, .fc-time-grid .fc-bgevent { position: absolute; z-index: 1; padding: 10px; min-height: 45px; } .fc-time-grid .fc-bgevent { left: 0; right: 0; } .fc-v-event.fc-not-start { border-top-width: 0; padding-top: 1px; border-top-right-radius: 0; border-top-left-radius: 0; } .fc-v-event.fc-not-end { border-bottom-width: 0; padding-bottom: 1px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .fc-time-grid-event { overflow: hidden; } .fc-time-grid-event.fc-selected { overflow: visible; } .fc-time-grid-event.fc-selected .fc-bg { display: none; } .fc-time-grid-event .fc-content { position: relative; overflow: hidden; } .fc-time-grid-event .fc-time { font-weight: 500; } .fc-time-grid-event.fc-short .fc-content { white-space: nowrap; } .fc-time-grid-event.fc-short .fc-time, .fc-time-grid-event.fc-short .fc-title { display: inline-block; vertical-align: top; } .fc-time-grid-event.fc-short .fc-time:before { content: attr(data-start); } .fc-time-grid-event.fc-short .fc-time:after { content: "\000A0-\000A0"; } .fc-time-grid-event.fc-short .fc-time span { display: none; } .fc-time-grid-event.fc-short .fc-title { font-size: 12px; padding: 0; } .fc-time-grid-event.fc-allow-mouse-resize .fc-resizer { position: absolute; z-index: 3; left: 0; right: 0; bottom: 0; height: 8px; overflow: hidden; line-height: 10px; font-size: 12px; font-family: monospace; text-align: center; cursor: s-resize; background-color: rgba(0, 0, 0, 0.05); padding: 1px; } .fc-time-grid-event.fc-allow-mouse-resize .fc-resizer:hover { background-color: rgba(0, 0, 0, 0.1); } .fc-time-grid-event.fc-allow-mouse-resize .fc-resizer:after { content: "="; } .fc-time-grid-event.fc-selected .fc-resizer { border-radius: 5px; border-width: 1px; width: 8px; height: 8px; border-style: solid; border-color: inherit; background-color: #fff; left: 50%; margin-left: -5px; bottom: -5px; } .fc-time-grid .fc-now-indicator-line { border-top-width: 1px; left: 0; right: 0; } .fc-time-grid .fc-now-indicator-arrow { left: 0; margin-top: -5px; border-width: 5px 0 5px 6px; border-top-color: transparent; border-bottom-color: transparent; } .fc-event-dot { display: inline-block; width: 8px; height: 8px; border-radius: 50%; } .fc-list-view { border-width: 1px 0; border-style: solid; direction: ltr; } .fc .fc-list-table { table-layout: auto; } .fc-list-table td { border-width: 1px 0 0; padding: 12px 20px; } .fc-list-table tr:first-child td { border-top-width: 0; } .fc-list-heading { border-bottom-width: 1px; } .fc-list-heading td { font-weight: 500; } .fc-list-heading-main { float: left; } .fc-list-heading-alt { float: right; } .fc-list-item.fc-has-url { cursor: pointer; } .fc-list-item:hover td { background-color: #fafafa; } .fc-list-item-marker, .fc-list-item-time { white-space: nowrap; width: 1px; } .fc-list-item-marker { padding-right: 0; } .fc-list-item-title a { text-decoration: none; color: inherit; } .fc-list-empty-wrap2 { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .fc-list-empty-wrap1 { width: 100%; height: 100%; display: table; } .fc-list-empty { display: table-cell; vertical-align: middle; text-align: center; } .fc-unthemed .fc-list-empty { /* theme will provide own background */ background-color: #fafafa; } @media (max-width: 768px) { .fc-toolbar .fc-left, .fc-toolbar .fc-left > .fc-button, .fc-toolbar .fc-right, .fc-toolbar .fc-right > .fc-button, .fc-toolbar .fc-left .fc-button-group, .fc-toolbar .fc-right .fc-button-group { float: none; width: auto; vertical-align: top; } .fc-toolbar .fc-left, .fc-toolbar .fc-right { display: block; margin-bottom: 10px; } } /* ------------------------------------------------------------------------------ * * # Dragula - drag and drop library * * Styles for Dragula Drag and drop plugin * * Version: 1.0 * Latest update: Nov 25, 2015 * * ---------------------------------------------------------------------------- */ .gu-mirror { position: fixed !important; margin: 0 !important; z-index: 9999 !important; opacity: 0.8; filter: alpha(opacity=80); } .gu-unselectable.dropdown-menu li:nth-last-child(2) { margin-bottom: 0; } .nav-pills-toolbar > li.gu-mirror:not(.active) > a { border: 0; } .gu-hide { display: none !important; } .gu-unselectable { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .gu-transit { opacity: 0.5; filter: alpha(opacity=50); } .dragula-handle { color: #999999; cursor: pointer; } .dragula-handle:hover, .dragula-handle:focus { color: #333333; } /* ------------------------------------------------------------------------------ * * # Plupload multiple file uploader * * Multi runtime single and multiple file uploader * * Version: 1.1 * Latest update: Mar 10, 2016 * * ---------------------------------------------------------------------------- */ .plupload_wrapper { width: 100%; border: 2px dashed #ddd; border-radius: 3px; } .panel > div > .plupload_wrapper { border: 0; } .panel.panel-flat > div > .plupload_wrapper { border-top: 1px solid #ddd; } .plupload_header:after, .plupload_filelist:empty:before, .plupload_filelist li.plupload_droptext:before, .plupload_file_action:after, .plupload_delete a:after, .plupload_failed a:after, .plupload_done a:after { font-family: 'icomoon'; display: inline-block; font-size: 16px; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .plupload_header { display: none; position: relative; background-color: #0097A7; margin: -1px -1px 0 -1px; border-top-right-radius: 3px; border-top-left-radius: 3px; } .plupload_header:after { content: '\ec78'; color: #fff; font-size: 32px; position: absolute; top: 50%; left: 20px; margin-top: -16px; } .plupload_header_content { padding: 15px 20px; padding-left: 72px; color: #fff; } .plupload_header_title { font-size: 15px; font-weight: 500; } .plupload_header_text { font-size: 11px; line-height: 1.82; } .plupload_clear, .plupload_clearer { clear: both; } .plupload_clearer, .plupload_progress_bar { display: block; font-size: 0; line-height: 0; } .plupload_button { display: inline-block; color: #fff; background-color: #2196F3; border: 1px solid transparent; padding: 6px 11px; border-radius: 2px; margin-right: 5px; } .plupload_button:hover, .plupload_button:focus { color: #fff; -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.05) inset; box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.05) inset; } .plupload_button:active { -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.1) inset; box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.1) inset; } a.plupload_disabled, a.plupload_disabled:hover, a.plupload_disabled:focus { color: #999999; border-color: #ddd; background: #fcfcfc; cursor: default; -webkit-box-shadow: none; box-shadow: none; } .plupload_start { background-color: #26A69A; } .plupload_filelist { margin: 0; padding: 0; list-style: none; } .plupload_scroll .plupload_filelist { height: 250px; background: #fff; overflow-y: auto; } @media (max-width: 768px) { .plupload_scroll .plupload_filelist { height: 200px; } } .plupload_filelist li { padding: 12px 20px; background-color: #fff; } .plupload_filelist li:hover { background-color: #f5f5f5; } .plupload_filelist li.plupload_droptext:hover { background-color: transparent; } .plupload_filelist:empty, .plupload_filelist li.plupload_droptext { position: relative; height: 250px; text-align: center; background-color: transparent; text-indent: -99999px; } .plupload_filelist:empty:before, .plupload_filelist li.plupload_droptext:before { content: '\ea0e'; font-size: 80px; padding-top: 65px; position: absolute; top: 0; width: 80px; height: 80px; left: 50%; margin-left: -40px; z-index: 2; color: #ddd; text-indent: 0; font-weight: normal; } .plupload_filelist:empty:after, .plupload_filelist li.plupload_droptext:after { content: 'Drag files to upload'; font-size: 19px; position: absolute; top: 50%; padding-top: 145px; left: 50%; margin: -100px 0 0 -150px; width: 300px; height: 200px; color: #bbb; text-indent: 0; } @media (max-width: 768px) { .plupload_filelist:empty, .plupload_filelist li.plupload_droptext { height: 200px; } .plupload_filelist:empty:before, .plupload_filelist li.plupload_droptext:before, .plupload_filelist:empty:after, .plupload_filelist li.plupload_droptext:after { width: 100%; height: 200px; left: 0; margin: 0; top: 0; } .plupload_filelist:empty:before, .plupload_filelist li.plupload_droptext:before { font-size: 64px; padding-top: 40px; } .plupload_filelist:empty:after, .plupload_filelist li.plupload_droptext:after { font-size: 17px; border-width: 3px 0; padding-top: 120px; } } .plupload_filelist:empty:after { content: 'Add files to upload'; } .plupload_filelist_header { padding: 15px 20px; } .plupload_filelist_header .plupload_file_name, .plupload_filelist_header .plupload_file_size, .plupload_filelist_header .plupload_file_status, .plupload_filelist_header .plupload_file_action { font-weight: 500; } .plupload_filelist_footer { padding: 15px 20px; } .plupload_filelist_footer .plupload_file_size, .plupload_filelist_footer .plupload_file_status, .plupload_filelist_footer .plupload_upload_status { padding: 7px 0; font-weight: 500; } @media (max-width: 768px) { .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; } } .plupload_file_action { position: relative; float: right; margin-left: 30px; margin-top: 2px; color: #999999; width: 16px; height: 16px; } .plupload_file_action * { display: none; } .plupload_file_action:after { content: '\ec67'; position: absolute; left: 0; top: 0; } .plupload_filelist_footer .plupload_file_action { margin-top: 9px; } .plupload_filelist .plupload_file_action:after { content: none; } .plupload_delete .plupload_file_action > a { color: #333333; line-height: 1; opacity: 0.5; filter: alpha(opacity=50); } .plupload_delete .plupload_file_action > a:hover { opacity: 1; filter: alpha(opacity=100); } .plupload_uploading { background-color: #E8F5E9; } .plupload_delete a:after { content: '\ed6b'; } .plupload_failed a { color: #F44336; cursor: default; } .plupload_failed a:after { content: '\e9cf'; } .plupload_done { color: #999999; } .plupload_done a { color: #4DB6AC; cursor: default; } .plupload_done a:after { content: '\e9db'; } .plupload_progress, .plupload_upload_status { display: none; } .plupload_progress_container { margin-top: 14px; background-color: #eeeeee; } .plupload_progress_bar { width: 0px; height: 4px; background: #4DB6AC; border-radius: 5px; } @media (min-width: 769px) { .plupload_file_name { float: left; overflow: hidden; } .plupload_filelist .plupload_file_name { width: 205px; white-space: nowrap; text-overflow: ellipsis; } .plupload_file_size, .plupload_file_status, .plupload_progress { float: right; width: 80px; } .plupload_file_size, .plupload_file_status, .plupload_file_action { text-align: right; } } /* ------------------------------------------------------------------------------ * * # Bootstrap file input * * File input styling for Bootstrap 3.0 * * Version: 1.3 * Latest update: Aug 10, 2016 * * ---------------------------------------------------------------------------- */ .file-input.has-error .form-control { border-color: #ddd; outline: 0; -webkit-box-shadow: none; box-shadow: none; } @media (min-width: 769px) { .file-input .btn > [class*=icon-], .file-input .btn > .glyphicon { margin-right: 5px; } } .file-object { margin: 0 0 -7px 0; padding: 0; } .btn-file { position: relative; overflow: hidden; } .btn-file input[type=file] { position: absolute; top: 0; right: 0; min-width: 100%; min-height: 100%; text-align: right; opacity: 0; background: none repeat scroll 0 0 transparent; cursor: inherit; display: block; } .file-caption-name { display: inline-block; overflow: hidden; word-break: break-all; } .file-caption-name [class*=icon-], .file-caption-name .glyphicon { margin-right: 7px; } .file-input-new .file-caption-name { color: #999999; } .file-input-new .file-caption-name > [class*=icon-], .file-input-new .file-caption-name > .glyphicon { display: none; } .file-error-message { position: relative; background-color: #f2dede; color: #a94442; text-align: center; border-radius: 3px; padding: 10px; margin: 0 5px 5px 5px; } .file-drop-zone .file-error-message { margin-top: 5px; } .file-error-message .close { margin-top: 1px; color: #a94442; } .file-error-message pre, .file-error-message ul { margin: 7px 0; text-align: left; } .file-caption-disabled { background-color: #fafafa; cursor: not-allowed; } .file-caption-disabled .file-caption-name { color: #ccc; } .file-preview-detail-modal { text-align: left; } .file-preview { border-radius: 2px; border: 1px solid #ddd; width: 100%; margin-bottom: 20px; position: relative; text-align: center; } .file-preview > .close { font-weight: 400; font-size: 17px; position: absolute; top: 0; right: 0; background-color: #fff; padding: 8px; line-height: 0.6; border-radius: 3px; color: #555; opacity: 1; filter: alpha(opacity=100); } .file-preview-frame { margin: 7px; margin-right: 0; display: table; border: 1px solid #ddd; float: left; vertical-align: middle; } .file-drop-zone .file-preview-frame { border: 1px solid #ddd; border-radius: 3px; } .file-preview-image { height: 160px; vertical-align: middle; image-orientation: from-image; border-radius: 3px; } @media (max-width: 768px) { .file-preview-image { max-width: 100%; } } .file-preview-text { text-align: left; width: 160px; margin-bottom: 2px; color: #428bca; background-color: #fff; overflow-x: hidden; } .file-preview-other { display: table-cell; text-align: center; vertical-align: middle; width: 160px; height: 160px; } .file-preview-other:after { content: "\ea0c"; font-family: "icomoon"; display: block; font-size: 64px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .file-preview-other .glyphicon { display: none; } .file-preview-status { position: absolute; bottom: 0; left: 0; width: 100%; color: #333333; background-color: rgba(250, 250, 250, 0.8); border-top: 1px solid #ddd; padding: 7px 12px; font-size: 12px; line-height: 1.6666667; color: #333333 !important; } .file-preview-status:empty { padding: 0; background-color: transparent; border: 0; } .file-thumb-loading { min-height: 107px; } .file-thumb-loading:before, .file-uploading:before { content: ""; display: inline-block; background-color: #263238; width: 32px; height: 32px; position: absolute; top: 50%; left: 50%; margin: -33.5px 0 0 -16px; border-radius: 3px; -webkit-box-shadow: 0 1px 5px rgba(255, 255, 255, 0.5); box-shadow: 0 1px 5px rgba(255, 255, 255, 0.5); } .file-thumb-loading:after, .file-uploading:after { content: "\eb55"; font-family: "icomoon"; display: inline-block; position: absolute; color: #fff; top: 50%; left: 50%; margin: -25.5px 0 0 -8px; font-size: 16px; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-animation: rotation 1s linear infinite; -o-animation: rotation 1s linear infinite; animation: rotation 1s linear infinite; } .file-upload-indicator { position: absolute; bottom: 0; padding-top: 6px; padding-bottom: 6px; cursor: default; text-align: left; padding-left: 8px; } .file-input-new .file-preview, .file-input-new .close, .file-input-new .glyphicon-file, .file-input-new .fileinput-remove-button, .file-input-new .fileinput-upload-button { display: none; } .file-input-ajax-new .fileinput-remove-button, .file-input-ajax-new .fileinput-upload-button, .file-input-ajax-new .fileinput-remove, .file-input-ajax-new .file-caption-name > [class*=icon-], .file-input-ajax-new .file-caption-name > .glyphicon { display: none; } .file-actions { margin-top: 5px; border-top: 1px solid #eeeeee; } .file-actions .btn > [class*=icon-], .file-actions .btn > .glyphicon { margin-right: 0; } .file-footer-buttons { float: right; } .file-footer-caption { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: center; font-size: 11px; padding: 12px 7px 7px 7px; margin-left: auto; margin-right: auto; } .file-preview-error { opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; } .file-drop-zone { border: 1px dashed #ddd; border-radius: 3px; height: 100%; vertical-align: middle; margin: 5px; padding: 5px; } .file-drop-zone-title { color: #999999; font-size: 21px; font-weight: 300; padding: 85px 10px; } .file-highlighted { border-color: #ccc; background-color: #fafafa; } .kv-upload-progress { margin-bottom: 20px; } .file-thumb-progress { position: absolute; top: -5px; left: 0; right: 0; } .file-thumb-progress .progress, .file-thumb-progress .progress-bar { height: 5px; border-radius: 0; font-size: 0; } .file-thumbnail-footer { position: relative; } .btn-file ::-ms-browse { width: 100%; height: 100%; } .file-zoom-fullscreen.modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; } .file-zoom-fullscreen .modal-dialog { position: fixed; margin: 0; width: 100%; height: 100%; padding: 0; } .file-zoom-fullscreen .modal-content { border-radius: 0; -webkit-box-shadow: none; box-shadow: none; } .file-zoom-fullscreen .modal-body { overflow-y: auto; } .file-zoom-dialog .btn-navigate { position: absolute; top: 50%; margin-top: -27px; padding: 0; border: 0; background: transparent; outline: none; color: #fff; opacity: 0.7; filter: alpha(opacity=70); } .file-zoom-dialog .btn-navigate > i { display: block; font-size: 32px; } .file-zoom-dialog .btn-navigate:not([disabled]):hover, .file-zoom-dialog .btn-navigate:not([disabled]):focus { outline: none; -webkit-box-shadow: none; box-shadow: none; opacity: 0.5; filter: alpha(opacity=50); } .file-zoom-dialog .btn-navigate[disabled] { opacity: 0.3; filter: alpha(opacity=30); } .file-zoom-dialog .btn-prev { left: -42px; } .file-zoom-dialog .btn-next { right: -42px; } .file-zoom-dialog .floating-buttons { position: absolute; top: 20px; right: 20px; background-color: #fff; border-radius: 0 0 0 3px; } .file-zoom-dialog .floating-buttons:not(:empty) { padding: 0 0 20px 20px; } .file-zoom-dialog .floating-buttons, .file-zoom-dialog .floating-buttons .btn { z-index: 3000; } .kv-zoom-actions { position: absolute; top: 50%; right: 20px; margin-top: -6px; } .file-zoom-content { height: 480px; text-align: center; } .file-drag-handle { position: absolute; left: 0; bottom: 0; padding-top: 6px; padding-bottom: 6px; cursor: move; cursor: -webkit-grabbing; } .file-drag-handle:hover { opacity: 0.7; filter: alpha(opacity=70); } .file-drag-handle > i { top: 0; } /* ------------------------------------------------------------------------------ * * # Dropzone file uploader * * Open source library that provides drag’n’drop file uploads with image previews * * Version: 1.2 * Latest update: Mar 10, 2016 * * ---------------------------------------------------------------------------- */ .dropzone { position: relative; border: 2px dashed #ddd; min-height: 250px; border-radius: 2px; background-color: #fff; padding: 5px; } .panel .dropzone { background-color: #fcfcfc; border-color: #eeeeee; } .dropzone.dz-clickable, .dropzone.dz-clickable .dz-message, .dropzone.dz-clickable .dz-message span { cursor: pointer; } .dropzone.dz-clickable * { cursor: default; } .dropzone .dz-message { opacity: 1; filter: alpha(opacity=100); } .dropzone.dz-started .dz-message { display: none; } .dropzone.dz-drag-hover { border-color: rgba(0, 0, 0, 0.15); background: rgba(0, 0, 0, 0.04); } .sidebar .dropzone { min-height: 190px; text-align: center; border-width: 2px; } .sidebar .dropzone .dz-default.dz-message:before { font-size: 64px; width: 64px; height: 64px; margin-left: -32px; top: 50px; } .sidebar .dropzone .dz-default.dz-message span { font-size: 15px; } .sidebar .dropzone .dz-default.dz-message > span { margin-top: 130px; } @media (min-width: 769px) { .dropzone { min-height: 320px; } } .dropzone .dz-default.dz-message { position: absolute; height: 230px; width: 100%; margin-top: -115px; top: 50%; left: 0; padding: 20px; text-align: center; border-radius: 5px; opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; } .dropzone .dz-default.dz-message:before { content: '\ea0e'; font-family: 'icomoon'; font-size: 64px; position: absolute; top: 48px; width: 64px; height: 64px; display: inline-block; left: 50%; margin-left: -32px; line-height: 1; z-index: 2; color: #ddd; text-indent: 0; font-weight: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .dropzone .dz-default.dz-message span { font-size: 15px; color: #bbb; text-align: center; margin-top: 140px; display: block; font-weight: 500; text-shadow: 0 1px 1px #fff; } .dropzone .dz-default.dz-message span > span { margin-top: 2px; display: block; color: #ccc; font-size: 15px; } @media (min-width: 769px) { .dropzone .dz-default.dz-message:before { font-size: 80px; top: 48px; width: 80px; height: 80px; margin-left: -32px; } .dropzone .dz-default.dz-message span { font-size: 19px; margin-top: 130px; } } .dropzone.dz-drag-hover .dz-message { opacity: 0.15; filter: alpha(opacity=15); } .dropzone.dz-started .dz-message { display: block; opacity: 0; filter: alpha(opacity=0); } .dropzone .dz-preview, .dropzone-previews .dz-preview { background-color: #fff; position: relative; display: inline-block; margin: 10px; vertical-align: top; border: 1px solid #ddd; padding: 8px; border-radius: 2px; } .dropzone .dz-preview.dz-file-preview [data-dz-thumbnail], .dropzone-previews .dz-preview.dz-file-preview [data-dz-thumbnail] { display: none; } .dropzone .dz-preview .dz-details, .dropzone-previews .dz-preview .dz-details { width: 140px; position: relative; background-color: #fafafa; padding: 8px; margin-bottom: 25px; } .dropzone .dz-preview .dz-details .dz-filename, .dropzone-previews .dz-preview .dz-details .dz-filename { overflow: hidden; height: 100%; } .dropzone .dz-preview .dz-details img, .dropzone-previews .dz-preview .dz-details img { position: absolute; top: 0; left: 0; width: 140px; height: 140px; } .dropzone .dz-preview .dz-details .dz-size, .dropzone-previews .dz-preview .dz-details .dz-size { position: absolute; bottom: -26px; left: 0; } .dropzone .dz-preview:hover .dz-details img, .dropzone-previews .dz-preview:hover .dz-details img { display: none; } .dropzone .dz-preview .dz-error-mark, .dropzone-previews .dz-preview .dz-error-mark, .dropzone .dz-preview .dz-success-mark, .dropzone-previews .dz-preview .dz-success-mark { display: none; position: absolute; z-index: 9; right: 8px; } .dropzone .dz-preview .dz-error-mark:after, .dropzone-previews .dz-preview .dz-error-mark:after, .dropzone .dz-preview .dz-success-mark:after, .dropzone-previews .dz-preview .dz-success-mark:after { font-family: 'icomoon'; display: block; position: absolute; right: 0; bottom: 3px; font-size: 12px; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .dropzone .dz-preview .dz-error-mark span, .dropzone-previews .dz-preview .dz-error-mark span, .dropzone .dz-preview .dz-success-mark span, .dropzone-previews .dz-preview .dz-success-mark span, .dropzone .dz-preview .dz-error-mark svg, .dropzone-previews .dz-preview .dz-error-mark svg, .dropzone .dz-preview .dz-success-mark svg, .dropzone-previews .dz-preview .dz-success-mark svg { display: none; } .dropzone .dz-preview .dz-error-mark, .dropzone-previews .dz-preview .dz-error-mark { color: #F44336; } .dropzone .dz-preview .dz-error-mark:after, .dropzone-previews .dz-preview .dz-error-mark:after { content: '\ed6a'; } .dropzone .dz-preview .dz-success-mark, .dropzone-previews .dz-preview .dz-success-mark { color: #4CAF50; } .dropzone .dz-preview .dz-success-mark:after, .dropzone-previews .dz-preview .dz-success-mark:after { content: '\ed6e'; } .dropzone .dz-preview.dz-error .dz-error-mark, .dropzone-previews .dz-preview.dz-error .dz-error-mark, .dropzone .dz-preview.dz-success .dz-success-mark, .dropzone-previews .dz-preview.dz-success .dz-success-mark { display: block; opacity: 1; filter: alpha(opacity=100); } .dropzone .dz-preview .dz-progress, .dropzone-previews .dz-preview .dz-progress { position: absolute; top: 118px; left: 8px; right: 8px; height: 4px; background-color: #eeeeee; display: none; border-radius: 2px; } .dropzone .dz-preview .dz-progress .dz-upload, .dropzone-previews .dz-preview .dz-progress .dz-upload { display: block; position: absolute; top: 0; bottom: 0; left: 0; width: 0%; height: 100%; background-color: #00BCD4; -webkit-transition: width 0.3s ease-in-out; -o-transition: width 0.3s ease-in-out; transition: width 0.3s ease-in-out; } .dropzone .dz-preview.dz-processing .dz-progress, .dropzone-previews .dz-preview.dz-processing .dz-progress { display: block; } .dropzone .dz-preview.dz-success .dz-progress, .dropzone-previews .dz-preview.dz-success .dz-progress { display: block; opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity 0.4s ease-in-out; -o-transition: opacity 0.4s ease-in-out; transition: opacity 0.4s ease-in-out; } .dropzone .dz-preview .dz-error-message, .dropzone-previews .dz-preview .dz-error-message { display: block; position: absolute; top: 0; left: 0; background: rgba(245, 245, 245, 0.8); margin: 8px; padding: 8px; color: #F44336; max-width: 100%; z-index: 5; opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; } .dropzone .dz-preview.dz-error:hover .dz-error-message, .dropzone-previews .dz-preview.dz-error:hover .dz-error-message { display: block; opacity: 1; filter: alpha(opacity=100); } .dropzone .dz-preview.dz-error .dz-progress .dz-upload, .dropzone-previews .dz-preview.dz-error .dz-progress .dz-upload { background: #F44336; } .dropzone .dz-preview.dz-image-preview:hover .dz-details img, .dropzone-previews .dz-preview.dz-image-preview:hover .dz-details img { display: block; opacity: 0.1; filter: alpha(opacity=10); } .dropzone .dz-preview a.dz-remove, .dropzone-previews .dz-preview a.dz-remove { background-color: #fafafa; border-radius: 2px; border: 1px solid #eeeeee; display: block; padding: 5px; text-align: center; color: #999999; margin-top: 35px; cursor: pointer; } .dropzone .dz-preview a.dz-remove:hover, .dropzone-previews .dz-preview a.dz-remove:hover { color: #333333; background-color: #f5f5f5; } /* ------------------------------------------------------------------------------ * * # Image cropper * * Styles for cropper.min.js - a simple jQuery image cropping plugin * * Version: 1.0 * Latest update: May 25, 2015 * * ---------------------------------------------------------------------------- */ .image-cropper-container { height: 350px; width: 100%; overflow: hidden; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC"); } .eg-preview { text-align: center; font-size: 0; } .eg-preview .preview { margin: 10px auto 0 auto; display: block; overflow: hidden; vertical-align: middle; border-radius: 2px; } @media (min-width: 769px) { .eg-preview .preview { display: inline-block; margin-left: 0; margin-right: 0; } .eg-preview .preview + .preview { margin-left: 15px; } } .eg-preview .preview-lg { width: 150px; height: 150px; } .eg-preview .preview-md { width: 120px; height: 120px; } .eg-preview .preview-sm { width: 90px; height: 90px; } .eg-preview .preview-xs { width: 60px; height: 60px; } .eg-preview .preview-xxs { width: 40px; height: 40px; } @media (min-width: 769px) { .eg-preview { white-space: nowrap; max-width: 100%; overflow: auto; } } .cropper-container { font-size: 0; line-height: 0; position: relative; direction: ltr !important; -ms-touch-action: none; touch-action: none; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .cropper-container img { display: block; width: 100%; min-width: 0 !important; max-width: none !important; height: 100%; min-height: 0 !important; max-height: none !important; image-orientation: 0deg !important; } .cropper-wrap-box, .cropper-canvas, .cropper-drag-box, .cropper-crop-box, .cropper-modal { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .cropper-wrap-box { overflow: hidden; } .cropper-drag-box { background-color: #fff; opacity: 0; filter: alpha(opacity=0); } .cropper-modal { background-color: #000; opacity: 0.5; filter: alpha(opacity=50); } .cropper-view-box { display: block; overflow: hidden; width: 100%; height: 100%; } .cropper-dashed { position: absolute; display: block; border: 0 dashed #eee; opacity: 0.5; filter: alpha(opacity=50); } .cropper-dashed.dashed-h { top: 33.33333%; left: 0; width: 100%; height: 33.33333%; border-top-width: 1px; border-bottom-width: 1px; } .cropper-dashed.dashed-v { top: 0; left: 33.33333%; width: 33.33333%; height: 100%; border-right-width: 1px; border-left-width: 1px; } .cropper-center { position: absolute; top: 50%; left: 50%; display: block; width: 0; height: 0; opacity: 0.75; filter: alpha(opacity=75); } .cropper-center:before, .cropper-center:after { content: ' '; position: absolute; display: block; background-color: #eee; } .cropper-center:before { top: 0; left: -3px; width: 7px; height: 1px; } .cropper-center:after { top: -3px; left: 0; width: 1px; height: 7px; } .cropper-face, .cropper-line, .cropper-point { position: absolute; display: block; width: 100%; height: 100%; opacity: 0.1; filter: alpha(opacity=10); } .cropper-face { top: 0; left: 0; background-color: #fff; } .cropper-line { background-color: #2196F3; } .cropper-line.line-e { top: 0; right: -3px; width: 5px; cursor: e-resize; } .cropper-line.line-n { top: -3px; left: 0; height: 5px; cursor: n-resize; } .cropper-line.line-w { top: 0; left: -3px; width: 5px; cursor: w-resize; } .cropper-line.line-s { bottom: -3px; left: 0; height: 5px; cursor: s-resize; } .cropper-point { width: 5px; height: 5px; background-color: #2196F3; opacity: 0.75; filter: alpha(opacity=75); } .cropper-point.point-e { top: 50%; right: -3px; margin-top: -3px; cursor: e-resize; } .cropper-point.point-n { top: -3px; left: 50%; margin-left: -3px; cursor: n-resize; } .cropper-point.point-w { top: 50%; left: -3px; margin-top: -3px; cursor: w-resize; } .cropper-point.point-s { bottom: -3px; left: 50%; margin-left: -3px; cursor: s-resize; } .cropper-point.point-ne { top: -3px; right: -3px; cursor: ne-resize; } .cropper-point.point-nw { top: -3px; left: -3px; cursor: nw-resize; } .cropper-point.point-sw { bottom: -3px; left: -3px; cursor: sw-resize; } .cropper-point.point-se { right: -3px; bottom: -3px; width: 20px; height: 20px; cursor: se-resize; opacity: 1; filter: alpha(opacity=100); } .cropper-point.point-se:before { content: ' '; position: absolute; right: -50%; bottom: -50%; display: block; width: 200%; height: 200%; background-color: #2196F3; opacity: 0; filter: alpha(opacity=0); } @media (min-width: 769px) { .cropper-point.point-se { width: 15px; height: 15px; } } @media (min-width: 1025px) { .cropper-point.point-se { width: 10px; height: 10px; } } @media (min-width: 1200px) { .cropper-point.point-se { width: 5px; height: 5px; opacity: 0.75; filter: alpha(opacity=75); } } .cropper-bg { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC'); } .cropper-invisible { opacity: 0; filter: alpha(opacity=0); } .cropper-hide { position: absolute; display: block; width: 0; height: 0; } .cropper-hidden { display: none !important; } .cropper-disabled .cropper-drag-box, .cropper-disabled .cropper-face, .cropper-disabled .cropper-line, .cropper-disabled .cropper-point { cursor: not-allowed; } .cropper-move { cursor: move; } .cropper-crop { cursor: crosshair; } /* ------------------------------------------------------------------------------ * * # Fancybox lightbox * * Mac-style "lightbox" plugin that floats overtop of web page. * * Version: 1.2 * Latest update: Mar 10, 2016 * * ---------------------------------------------------------------------------- */ .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-color: #fff; color: #333333; border-radius: 3px; } .fancybox-opened { z-index: 8030; } .fancybox-opened .fancybox-skin { -webkit-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-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%; cursor: pointer; z-index: 8060; color: #fff; opacity: 0.8; filter: alpha(opacity=80); } #fancybox-loading div:after { content: '\eb55'; font-family: 'icomoon'; font-size: 16px; margin-top: -8px; margin-left: -8px; display: block; line-height: 1; width: 16px; height: 16px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-animation: rotation 1s ease infinite; -o-animation: rotation 1s ease infinite; animation: rotation 1s ease infinite; } .fancybox-close { position: fixed; right: 0; top: 0; padding: 15px; z-index: 8061; cursor: pointer; line-height: 1; color: #fff; border-radius: 3px; } .fancybox-close:hover, .fancybox-close:focus { background-color: rgba(0, 0, 0, 0.25); color: #fff; } .fancybox-close:after { content: '\ed6a'; font-family: 'icomoon'; font-size: 16px; display: block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .fancybox-error { color: #F44336; font-weight: 500; margin: 0; padding: 20px; white-space: nowrap; } .fancybox-title { visibility: hidden; font-weight: 500; 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: 7px 12px; background: rgba(0, 0, 0, 0.5); color: #fff; white-space: nowrap; } .fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; } .fancybox-title-inside-wrap { padding-top: 10px; } .fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background-color: transparent; } .fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; background-color: transparent; -webkit-tap-highlight-color: transparent; z-index: 8040; } .fancybox-nav span { position: absolute; top: 50%; width: 32px; height: 32px; margin-top: -16px; cursor: pointer; padding: 8px; color: #fff; background-color: rgba(0, 0, 0, 0.5); display: block; text-align: center; z-index: 8040; visibility: hidden; border-radius: 3px; opacity: 0; filter: alpha(opacity=0); } .fancybox-nav span:after { font-family: 'icomoon'; display: inline-block; font-size: 16px; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .fancybox-nav:hover span { visibility: visible; opacity: 1; filter: alpha(opacity=100); } .fancybox-prev { left: 0; } .fancybox-prev span { left: 10px; } .fancybox-prev span:after { content: '\e9c8'; } .fancybox-next { right: 0; } .fancybox-next span { right: 10px; } .fancybox-next span:after { content: '\e9cb'; } .fancybox-lock { overflow: visible !important; width: auto; } .fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; } .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-color: rgba(0, 0, 0, 0.8); } .fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; } /* ------------------------------------------------------------------------------ * * # Footable * * jQuery plugin that aims to make HTML tables on smaller devices look awesome. * * Version: 1.0 * Latest update: May 25, 2015 * * ---------------------------------------------------------------------------- */ .footable { width: 100%; } .footable > thead > tr > th { -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .footable.breakpoint > tbody > tr.footable-detail-show > td { border-bottom: 0; } .footable.breakpoint > tbody > tr.footable-row-detail:hover { background-color: transparent; } .footable.breakpoint > tbody > tr:hover:not(.footable-row-detail) { cursor: pointer; } .footable.breakpoint > tbody > tr > .footable-cell-detail { background-color: #eeeeee; border-top: 0; } .footable.breakpoint > tbody > tr .footable-toggle:before { content: "\e9e4"; display: inline-block; font-family: 'icomoon'; font-size: 16px; vertical-align: middle; position: relative; top: -1px; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; padding-right: 10px; } .footable.breakpoint > tbody > tr.footable-detail-show .footable-toggle:before { content: "\e9e7"; } .footable-row-detail-inner { display: table; table-layout: fixed; width: 100%; } .footable-row-detail-row { display: table-row; } .footable-row-detail-group { display: block; font-weight: 700; margin-top: 20px; margin-bottom: 7px; } .footable-row-detail-group:first-child { margin-top: 7px; } .footable-row-detail-name { display: table-cell; padding-right: 40px; font-weight: 500; } .footable-row-detail-value { display: table-cell; padding: 7px 0; } @media (max-width: 480px) { .footable-row-detail-inner { position: relative; } .footable-row-detail .dropdown, .footable-row-detail .dropup, .footable-row-detail .btn-group { position: static; } .footable-row-detail .dropdown-menu { left: 0; right: 0; } } /* ------------------------------------------------------------------------------ * * # Handsontable library * * EXCEL-LIKE SPREADSHEET FOR APPS * * Version: 1.0 * Latest update: Nov 25, 2015 * * ---------------------------------------------------------------------------- */ .hot-container { position: relative; -webkit-box-shadow: 0 0 0 1px #ddd; box-shadow: 0 0 0 1px #ddd; } .hot-container .ht_master .wtHolder { min-width: 100%; } .hot-container.has-scroll { height: 300px; overflow: hidden; } @media (max-width: 1024px) { .hot-container { overflow-x: hidden; overflow-y: auto; } .hot-container .ht_master .wtHolder { max-width: 100%; min-width: auto; } .hot-container:not(.has-scroll) .wtHolder { height: 100%!important; } } .handsontable .table-striped > tbody > tr:nth-of-type(odd) > td:not([class*=bg-]) { background-color: inherit; } .handsontable .table-hover > tbody > tr:hover > th { background-color: #f5f5f5; } .changeType { border: 0; background-color: transparent; border-radius: 2px; padding: 0; float: right; margin-right: 2px; line-height: 16px; margin-top: 2px; } .changeType:hover { color: #777; } .changeTypeMenu { position: absolute; border: 1px solid #ccc; margin-top: 20px; background-color: #fff; padding: 7px 0; display: none; width: 160px; z-index: 1000; } .changeTypeMenu li { list-style: none; padding: 7px 12px; padding-right: 34px; cursor: pointer; position: relative; } .changeTypeMenu li:hover { background-color: #f5f5f5; } .changeTypeMenu li.active:after { content: '\e600'; font-family: 'Icomoon'; position: absolute; right: 12px; top: 50%; margin-top: -8px; display: inline-block; font-size: 16px; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .handsontable { position: relative; direction: ltr; } .handsontable .hide { display: none; } .handsontable .relative { position: relative; } .handsontable.htAutoSize { visibility: hidden; left: -99000px; position: absolute; top: -99000px; } .handsontable .htDimmed { color: #999999; } .handsontable .wtHider { width: 0; } .handsontable .wtSpreader { position: relative; width: 0; /*must be 0, otherwise blank space appears in scroll demo after scrolling max to the right */ height: auto; } .handsontable table, .handsontable tbody, .handsontable thead, .handsontable td, .handsontable th, .handsontable input, .handsontable textarea, .handsontable div { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .handsontable input, .handsontable textarea { min-height: initial; } .handsontable .htCore { border-collapse: separate; border-spacing: 0; margin: 0; border-width: 0; table-layout: fixed; width: 0; outline-width: 0; max-width: none; max-height: none; } .handsontable col, .handsontable col.rowHeader { width: 50px; } .handsontable th, .handsontable td { border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; height: 30px; empty-cells: show; position: relative; padding: 0 4px; overflow: hidden; outline-width: 0; white-space: pre-line; } .handsontable th.disabled, .handsontable td.disabled { background-color: #fafafa; color: #999999; } .handsontable th { text-align: center; font-weight: normal; white-space: nowrap; } .handsontable th:not([class*=bg-]) { background-color: #f5f5f5; } .handsontable th.active { background-color: #eeeeee; } .handsontable thead th { padding: 0; } .handsontable thead th .relative { padding: 2px 4px; overflow: hidden; text-overflow: ellipsis; } .handsontable td:not([class*=bg-]) { background-color: #fff; } .handsontable td.htInvalid { background-color: #FFEBEE !important; } .handsontable td.htNoWrap { white-space: nowrap; } .handsontable td.active { background-color: #f8f8f8; } .handsontable td.area { background-color: #fff; background: -moz-linear-gradient(top, rgba(181, 209, 255, 0.34) 0%, rgba(181, 209, 255, 0.34) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(181, 209, 255, 0.34)), color-stop(100%, rgba(181, 209, 255, 0.34))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(181, 209, 255, 0.34) 0%, rgba(181, 209, 255, 0.34) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(181, 209, 255, 0.34) 0%, rgba(181, 209, 255, 0.34) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(181, 209, 255, 0.34) 0%, rgba(181, 209, 255, 0.34) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(181, 209, 255, 0.34) 0%, rgba(181, 209, 255, 0.34) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#57b5d1ff', endColorstr='#57b5d1ff', GradientType=0); /* IE6-9 */ } .handsontable tr:first-child th.htNoFrame, .handsontable th:first-child.htNoFrame, .handsontable th.htNoFrame { border-left-width: 0; background-color: #fff; border-color: #fff; } .handsontable th:first-child, .handsontable td:first-of-type, .handsontable .htNoFrame + th, .handsontable .htNoFrame + td { border-left: 1px solid #ddd; } .handsontable.htRowHeaders thead tr th:nth-child(2) { border-left: 1px solid #ddd; } .handsontable tr:first-child th, .handsontable tr:first-child td { border-top: 1px solid #ddd; } .ht_master:not(.innerBorderLeft) ~ .handsontable tbody tr th, .ht_master:not(.innerBorderLeft) ~ .handsontable:not(.ht_clone_top) thead tr th:first-child { border-right-width: 0; } .ht_master:not(.innerBorderTop) thead tr:last-child th, .ht_master:not(.innerBorderTop) thead tr.lastChild th, .ht_master:not(.innerBorderTop) ~ .handsontable thead tr:last-child th, .ht_master:not(.innerBorderTop) ~ .handsontable thead tr.lastChild th { border-bottom-width: 0; } .ht_master tbody tr:first-child td { border-top-color: transparent; } .ht_clone_top tr:first-child th, .ht_clone_top tr:first-child td { border-top-color: transparent; } .ht_clone_left thead tr:first-child th, .ht_clone_top_left_corner thead tr:first-child th, .ht_clone_left tbody tr:first-child td, .ht_clone_top_left_corner tbody tr:first-child td, .ht_clone_left tbody tr:first-child th, .ht_clone_top_left_corner tbody tr:first-child th { border-top-color: transparent; } .handsontable th:first-child, .handsontable td:first-child { border-left-color: transparent; } .ht_master td:last-child, .ht_clone_top th:last-child, .ht_clone_top td:last-child { border-right-color: transparent; } .ht_master tbody tr:last-child th, .ht_clone_left tbody tr:last-child th, .ht_master tbody tr:last-child td, .ht_clone_left tbody tr:last-child td { border-bottom-color: transparent; } .htRowHeaders.htColumnHeaders .ht_clone_top_left_corner tbody tr:first-child th, .htRowHeaders.htColumnHeaders .ht_clone_left tbody tr:first-child th { border-top-color: #ddd; } .htColumnHeaders .handsontable tr:first-child td { border-top-color: #ddd; } .manualColumnMover, .manualRowMover { position: fixed; top: 0; background-color: transparent; z-index: 999; cursor: move; } .manualColumnMover { left: 0; width: 5px; height: 32px; } .manualRowMover { left: -4px; height: 5px; width: 50px; } .manualColumnMoverGuide, .manualRowMoverGuide { position: fixed; left: 0; top: 0; background-color: #ddd; display: none; opacity: 0.25; filter: alpha(opacity=25); } .manualColumnMoverGuide.active, .manualRowMoverGuide.active { display: block; } .manualColumnMoverGuide:hover, .manualRowMoverGuide:hover, .manualColumnMoverGuide.active, .manualRowMoverGuide.active { background-color: #2196F3; } .manualColumnMoverGuide { max-height: 404px; } .manualColumnResizer.active, .manualRowResizer.active { display: block; } .manualColumnResizer:hover, .manualRowResizer:hover, .manualColumnResizer.active, .manualRowResizer.active { background-color: #999999; } .manualColumnResizer { position: fixed; top: 0; cursor: col-resize; z-index: 110; width: 5px; height: 31px; } .manualRowResizer { position: fixed; left: 0; cursor: row-resize; z-index: 110; height: 5px; width: 50px; } .manualColumnResizerGuide { position: fixed; right: 0; top: 0; background-color: #999999; display: none; width: 0; border-right: 1px dashed #777; margin-left: 5px; } .manualRowResizerGuide { position: fixed; left: 0; bottom: 0; background-color: #999999; display: none; height: 0; border-bottom: 1px dashed #777; margin-top: 5px; } .handsontable .columnSorting { position: relative; } .handsontable .columnSorting:hover { cursor: pointer; } .handsontable .columnSorting:before, .handsontable .columnSorting:after, .handsontable .columnSorting.ascending:after, .handsontable .columnSorting.descending:after { font-family: 'Icomoon'; font-size: 12px; color: #999999; position: absolute; display: inline-block; top: 50%; margin-top: -6px; right: -20px; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .handsontable .columnSorting:before { content: '\e9c1'; margin-top: -2px; } .handsontable .columnSorting:after { content: '\e9c2'; margin-top: -10px; } .handsontable .columnSorting.ascending:before { content: none; } .handsontable .columnSorting.ascending:after { content: '\e9c2'; } .handsontable .columnSorting.descending:before { content: none; } .handsontable .columnSorting.descending:after { content: '\e9c1'; } .handsontable th.beforeHiddenColumn, .handsontable th.afterHiddenColumn { position: relative; } .handsontable th.beforeHiddenColumn:after, .handsontable th.afterHiddenColumn:after, .handsontable th.beforeHiddenColumn:before, .handsontable th.afterHiddenColumn:before { content: '\25C0'; color: #bbb; position: absolute; right: 1px; top: 2px; font-size: 5pt; } .handsontable th.afterHiddenColumn:before { left: 1px; top: 2px; right: auto; content: '\25B6'; } .handsontable thead th.hiddenHeader { display: none; } .handsontable td.afterHiddenColumn.firstVisible { border-left: 1px solid #ddd; } .wtBorder { position: absolute; font-size: 0; z-index: 10; } .wtBorder.hidden { display: none!important; } .wtBorder.corner { font-size: 0; cursor: crosshair; } .htBorder.htFillBorder { background-color: #F44336; width: 1px; height: 1px; } .handsontableInput { border: none; outline-width: 0; margin: 0 ; padding: 1px 5px 0 5px; font-family: inherit; line-height: 30px; font-size: inherit; resize: none; display: inline-block; background-color: #fff; -webkit-box-shadow: 0 0 0 2px #2196F3 inset; box-shadow: 0 0 0 2px #2196F3 inset; } .handsontableInputHolder { position: absolute; top: 0; left: 0; z-index: 1000; } .htSelectEditor { -webkit-appearance: menulist-button !important; position: absolute; width: auto; outline: 0; border-color: #ddd; background-color: #fff; } .handsontable .htSubmenu { position: relative; } .handsontable .htSubmenu > div:after { content: '\e9c7'; font-family: 'icomoon'; position: absolute; top: 50%; margin-top: -8px; right: 12px; font-size: 16px; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; opacity: 0.8; filter: alpha(opacity=80); } .handsontable .htLeft { text-align: left; } .handsontable .htCenter { text-align: center; } .handsontable .htRight { text-align: right; } .handsontable .htJustify { text-align: justify; } .handsontable .htTop { vertical-align: top; } .handsontable .htMiddle { vertical-align: middle; } .handsontable .htBottom { vertical-align: bottom; } .htAutocomplete { padding-right: 20px; } .htPlaceholder { color: #999999; } .htAutocompleteArrow { color: #999999; cursor: default; font-size: 0; line-height: 1; position: absolute; top: 50%; right: 4px; margin-top: -2px; display: inline-block; margin-right: 4px; border-top: 4px dashed; border-right: 4px solid transparent; border-left: 4px solid transparent; } .handsontable td:hover .htAutocompleteArrow, .handsontable th:hover .htAutocompleteArrow { color: #333333; } .autocompleteEditor, .autocompleteEditor .wtHolder, .autocompleteEditor .htCore { min-width: 180px; } .htCheckboxRendererInput.noValue { opacity: 0.5; filter: alpha(opacity=50); } .htCheckboxRendererLabel { cursor: pointer; display: inline-block; width: 100%; margin-bottom: 0; } .htCheckboxRendererLabel > .htCheckboxRendererInput { margin-right: 10px; } .htCommentCell { position: relative; } .htCommentCell:after { content: ''; position: absolute; top: 0; right: 0; border-left: 6px solid transparent; border-top: 6px solid red; } .htCommentTextArea { background-color: #fff; border: 1px solid #ccc; padding: 8px; margin-top: -1px; border-radius: 0 0 3px 3px; -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1); box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1); } .handsontable .handsontable.ht_clone_top .wtHider { padding: 0 0 5px 0; } .handsontable.listbox { margin: 0; background-color: #fff; border: 1px solid #ddd; } .handsontable.listbox .ht_master table { border-collapse: separate; border: 0; } .handsontable.listbox th, .handsontable.listbox tr:first-child th, .handsontable.listbox tr:last-child th, .handsontable.listbox tr:first-child td, .handsontable.listbox td { border-color: transparent; } .handsontable.listbox th, .handsontable.listbox td { white-space: nowrap; text-overflow: ellipsis; } .handsontable.listbox td.htDimmed { cursor: pointer; color: inherit; font-style: inherit; } .handsontable.listbox .wtBorder { visibility: hidden; } .handsontable.listbox tr td.current, .handsontable.listbox tr:hover td { background-color: #f5f5f5; } .ht_clone_top { z-index: 11; } .ht_clone_left { z-index: 12; } .ht_clone_top_left_corner, .ht_clone_bottom_left_corner { z-index: 13; } .ht_clone_debug { z-index: 13; } .ht_master, .ht_clone_left, .ht_clone_top, .ht_clone_bottom { overflow: hidden; } .ht_master .wtHolder { overflow: auto; } .ht_clone_left .wtHolder { overflow-x: hidden; overflow-y: auto; } .ht_clone_top .wtHolder, .ht_clone_bottom .wtHolder { overflow-x: hidden; overflow-y: hidden; } .handsontable td.htSearchResult { background-color: #FFF3E0; } .htBordered { border-width: 1px; } .htBordered.htTopBorderSolid { border-top-style: solid; border-top-color: #000; } .htBordered.htRightBorderSolid { border-right-style: solid; border-right-color: #000; } .htBordered.htBottomBorderSolid { border-bottom-style: solid; border-bottom-color: #000; } .htBordered.htLeftBorderSolid { border-left-style: solid; border-left-color: #000; } .handsontable thead tr:nth-last-child(2) th.htGroupIndicatorContainer { padding-bottom: 5px; } .htCollapseButton { width: 10px; height: 10px; line-height: 10px; text-align: center; border-radius: 3px; border: 1px solid #f5f5f5; cursor: pointer; margin-bottom: 3px; position: relative; -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4); box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4); } .htCollapseButton:after { content: ""; height: 300%; width: 1px; display: block; background-color: #ccc; margin-left: 4px; position: absolute; bottom: 10px; } thead .htCollapseButton { position: absolute; top: 5px; right: 5px; background-color: #fff; } thead .htCollapseButton:after { height: 1px; width: 700%; right: 10px; top: 4px; } .handsontable th .htExpandButton { position: absolute; top: 0; display: none; -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4); box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4); } .handsontable th .htExpandButton.clickable { display: block; } .handsontable thead th .htExpandButton { top: 5px; } .collapsibleIndicator { position: absolute; top: 50%; transform: translate(0%, -50%); right: 5px; border: 1px solid #999999; line-height: 10px; color: #333333; border-radius: 100px; font-size: 10px; width: 10px; height: 10px; cursor: pointer; background-color: #eee; -webkit-box-shadow: 0 0 0 6px #eeeeee; box-shadow: 0 0 0 6px #eeeeee; } .handsontable col.hidden { width: 0!important; } .handsontable table tr th.lightRightBorder { border-right: 1px solid #E6E6E6; } .handsontable tr.hidden, .handsontable tr.hidden td, .handsontable tr.hidden th { display: none; } .wtDebugHidden { display: none; } .wtDebugVisible { display: block; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-name: wtFadeInFromNone; animation-name: wtFadeInFromNone; } @keyframes wtFadeInFromNone { 0% { display: none; opacity: 0; } 1% { display: block; opacity: 0; } 100% { display: block; opacity: 1; } } @-webkit-keyframes wtFadeInFromNone { 0% { display: none; opacity: 0; } 1% { display: block; opacity: 0; } 100% { display: block; opacity: 1; } } .handsontable.mobile, .handsontable.mobile .wtHolder { -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-overflow-scrolling: touch; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .htMobileEditorContainer { display: none; position: absolute; top: 0; width: 70%; height: 54pt; background: #f5f5f5; border-radius: 20px; border: 1px solid #eee; z-index: 999; -webkit-text-size-adjust: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .htMobileEditorContainer.active { display: block; } .htMobileEditorContainer .inputs { position: absolute; right: 210px; bottom: 10px; top: 10px; left: 14px; height: 36px; } .htMobileEditorContainer .inputs textarea { font-size: 13px; border: 1px solid #a1a1a1; -webkit-appearance: none; position: absolute; left: 14px; right: 14px; top: 0; bottom: 0; padding: 7px; -webkit-box-shadow: none; box-shadow: none; } .htMobileEditorContainer .cellPointer { position: absolute; top: -13px; height: 0; width: 0; left: 30px; border-left: 13px solid transparent; border-right: 13px solid transparent; border-bottom: 13px solid #ebebeb; } .htMobileEditorContainer .cellPointer.hidden { display: none; } .htMobileEditorContainer .cellPointer:before { content: ''; display: block; position: absolute; top: 2px; height: 0; width: 0; left: -13px; border-left: 13px solid transparent; border-right: 13px solid transparent; border-bottom: 13px solid #f5f5f5; } .htMobileEditorContainer .moveHandle { position: absolute; top: 10px; left: 5px; width: 30px; bottom: 0px; cursor: move; z-index: 9999; } .htMobileEditorContainer .moveHandle:after { content: "..\a..\a..\a.."; white-space: pre; line-height: 10px; font-size: 20px; display: inline-block; margin-top: -8px; color: #ebebeb; } .htMobileEditorContainer .positionControls { width: 205px; position: absolute; right: 5px; top: 0; bottom: 0; } .htMobileEditorContainer .positionControls > div { width: 50px; height: 100%; float: left; } .htMobileEditorContainer .positionControls > div:after { content: " "; display: block; width: 15px; height: 15px; text-align: center; line-height: 50px; } .htMobileEditorContainer .leftButton:after, .htMobileEditorContainer .rightButton:after, .htMobileEditorContainer .upButton:after, .htMobileEditorContainer .downButton:after { margin: 21px 0 0 21px; -webkit-transform-origin: 5px; -moz-transform-origin: 5px; -ms-transform-origin: 5px; transform-origin: 5px; } .htMobileEditorContainer .leftButton:after { border-top: 2px solid #288ffe; border-left: 2px solid #288ffe; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .htMobileEditorContainer .leftButton:active:after { border-color: #cfcfcf; } .htMobileEditorContainer .rightButton:after { border-top: 2px solid #288ffe; border-left: 2px solid #288ffe; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); } .htMobileEditorContainer .rightButton:active:after { border-color: #cfcfcf; } .htMobileEditorContainer .upButton:after { border-top: 2px solid #288ffe; border-left: 2px solid #288ffe; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .htMobileEditorContainer .upButton:active:after { border-color: #cfcfcf; } .htMobileEditorContainer .downButton:after { border-top: 2px solid #288ffe; border-left: 2px solid #288ffe; -webkit-transform: rotate(225deg); -ms-transform: rotate(225deg); -o-transform: rotate(225deg); transform: rotate(225deg); } .htMobileEditorContainer .downButton:active:after { border-color: #cfcfcf; } .topLeftSelectionHandle:not(.ht_master .topLeftSelectionHandle), .topLeftSelectionHandle-HitArea:not(.ht_master .topLeftSelectionHandle-HitArea) { z-index: 9999; } .topLeftSelectionHandle, .topLeftSelectionHandle-HitArea, .bottomRightSelectionHandle, .bottomRightSelectionHandle-HitArea { left: -10000px; top: -10000px; } .handsontable.hide-tween { -webkit-animation: opacity-hide 0.3s; -o-animation: opacity-hide 0.3s; animation: opacity-hide 0.3s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .handsontable.show-tween { -webkit-animation: opacity-show 0.3s; -o-animation: opacity-show 0.3s; animation: opacity-show 0.3s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } @-webkit-keyframes opacity-hide { from { opacity: 1; } to { opacity: 0; } } @keyframes opacity-hide { from { opacity: 1; } to { opacity: 0; } } @-webkit-keyframes opacity-show { from { opacity: 0; } to { opacity: 1; } } @keyframes opacity-show { from { opacity: 0; } to { opacity: 1; } } .htContextMenu { display: none; position: absolute; z-index: 1051; } .htContextMenu .ht_clone_top, .htContextMenu .ht_clone_left, .htContextMenu .ht_clone_corner, .htContextMenu .ht_clone_debug { display: none; } .htContextMenu .htCore { border: 1px solid #ddd; background-color: #fff; padding: 7px 0; } .htContextMenu .wtBorder { visibility: hidden; } .htContextMenu table tbody tr td { position: relative; border-width: 0; padding: 0 12px; cursor: pointer; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .htContextMenu table tbody tr td:first-child { border: 0; } .htContextMenu table tbody tr td.htDimmed { color: #333333; } .htContextMenu table tbody tr td.current, .htContextMenu table tbody tr td.zeroclipboard-is-hover { background: #f5f5f5; } .htContextMenu table tbody tr td.htSeparator { height: 0; padding: 0; background-color: transparent; cursor: default; } .htContextMenu table tbody tr td.htSeparator > div { height: 1px; background-color: #ddd; margin: 7px 0; } .htContextMenu table tbody tr td.htDisabled { color: #999999; } .htContextMenu table tbody tr td.htDisabled, .htContextMenu table tbody tr td.htDisabled:hover { cursor: default; } .htContextMenu table tbody tr td div span.selected { position: absolute; right: 12px; top: 50%; margin-top: -8px; font-size: 0; color: #777; } .htContextMenu table tbody tr td div span.selected:after { content: '\e600'; font-family: 'Icomoon'; display: inline-block; font-size: 16px; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .htContextMenu table tbody tr.htHidden { display: none; } .htContextMenu .ht_master .wtHolder { overflow: hidden; } .htContextMenuSub_Alignment { margin-top: -7px; margin-left: -1px; } .global-zeroclipboard-container, .global-zeroclipboard-flash-bridge { cursor: pointer; } .pika-single { z-index: 1000; display: block; position: relative; background-color: #fff; border: 1px solid #ddd; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); } .pika-single:before, .pika-single:after { content: " "; display: table; } .pika-single:after { clear: both; } .pika-single.is-hidden { display: none; } .pika-single.is-bound { position: absolute; } .pika-lendar { float: left; max-width: 250px; margin: 5px; } .pika-title { position: relative; text-align: center; } .pika-title select { cursor: pointer; position: absolute; z-index: 999; margin: 0; left: 0; height: 36px; padding: 7px 12px; opacity: 0; filter: alpha(opacity=0); } .pika-label { display: inline-block; position: relative; z-index: 1000; overflow: hidden; margin: 0; padding-top: 15px; padding-bottom: 15px; font-size: 15px; line-height: 1; } .pika-label + .pika-label { margin-left: 10px; top: -1px; font-size: 13px; color: #999999; } .pika-prev, .pika-next { display: block; position: relative; border: 0; padding: 5px; margin: 10px 0; font-size: 0; background-color: transparent; } .pika-prev:after, .pika-next:after { font-family: 'Icomoon'; display: block; font-size: 16px; width: 16px; text-align: center; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .pika-prev:hover, .pika-next:hover { background-color: #f5f5f5; } .pika-prev.is-disabled, .pika-next.is-disabled { cursor: default; opacity: .2; } .pika-prev { float: left; } .pika-prev:after { content: '\e9c8'; } .pika-next { float: right; } .pika-next:after { content: '\e9cb'; } .pika-table { width: 100%; border-collapse: collapse; border-spacing: 0; border: 0; table-layout: fixed; } .pika-table th, .pika-table td { position: relative; } .pika-table th { color: #999999; font-size: 12px; font-weight: 400; text-align: center; padding-bottom: 10px; } .pika-table abbr { border-bottom: 0; cursor: default; } .pika-button { display: block; border: 0; margin: 0; width: 100%; padding: 7px; text-align: center; border-radius: 3px; background-color: transparent; } .pika-button:hover { background-color: #f5f5f5; } .is-today .pika-button { background-color: #f5f5f5; } .is-selected .pika-button { color: #fff; background-color: #26A69A; } .is-today .pika-button:before, .is-selected .pika-button:before, .is-today.is-selected .pika-button:before { content: ""; position: absolute; top: 2px; right: 2px; width: 0; height: 0; border-top: 6px solid #fff; border-left: 6px solid transparent; } .is-today .pika-button:before { border-top-color: #EF5350; } .is-startrange .pika-button, .is-endrange .pika-button { color: #fff; background: #26A69A; } .is-inrange .pika-button { background: #f5f5f5; } .is-disabled .pika-button { pointer-events: none; cursor: not-allowed; opacity: 0.5; filter: alpha(opacity=50); } .pika-select { display: inline-block; } .pika-week { font-size: 11px; color: #999999; } /* ------------------------------------------------------------------------------ * * # Datatables library * * Add advanced interaction controls to any HTML table * * Version: 1.2 * Latest update: Mar 10, 2016 * * ---------------------------------------------------------------------------- */ .dataTable { margin: 0; max-width: none; border-collapse: separate; } .dataTable thead th, .dataTable thead td { outline: 0; position: relative; } .dataTable thead .sorting_asc, .dataTable thead .sorting_desc, .dataTable thead .sorting { cursor: pointer; } .dataTable thead .sorting, .dataTable thead .sorting_asc, .dataTable thead .sorting_desc, .dataTable thead .sorting_asc_disabled, .dataTable thead .sorting_desc_disabled { padding-right: 40px; } .dataTable thead .sorting:before, .dataTable thead .sorting:after, .dataTable thead .sorting_asc:after, .dataTable thead .sorting_desc:after, .dataTable thead .sorting_asc_disabled:after, .dataTable thead .sorting_desc_disabled:after { content: ''; font-family: 'icomoon'; position: absolute; top: 50%; right: 20px; font-size: 12px; margin-top: -6px; display: inline-block; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .dataTable thead .sorting:before { content: '\e9c1'; margin-top: -2px; color: #999999; } .dataTable thead .sorting:after { content: '\e9c2'; margin-top: -10px; color: #999999; } .dataTable thead .sorting_asc:after { content: '\e9c2'; } .dataTable thead .sorting_desc:after { content: '\e9c1'; } .dataTable thead .sorting_asc_disabled:after { content: '\e9c2'; color: #ccc; } .dataTable thead .sorting_desc_disabled:after { content: '\e9c1'; color: #ccc; } .dataTable tbody > tr:first-child > th, .dataTable tbody > tr:first-child > td { border-top: 0; } .dataTable tbody + thead > tr:first-child > th, .dataTable tbody + tfoot + thead > tr:first-child > th, .dataTable tbody + thead > tr:first-child > td, .dataTable tbody + tfoot + thead > tr:first-child > td { border-top: 0; } .dataTable .dataTables_empty { text-align: center; } .dataTable.table-bordered { border-collapse: collapse; } .dataTable .media-body { width: auto; } .dataTables_wrapper { position: relative; clear: both; } .dataTables_wrapper:after { visibility: hidden; display: block; content: ""; clear: both; height: 0; } .dataTables_wrapper .table-bordered { border-top: 0; } .dataTables_wrapper + .panel-body { border-top: 1px solid #ddd; } .dataTables_processing { position: absolute; top: 50%; left: 50%; width: 100%; height: 40px; margin-left: -50%; margin-top: -25px; padding-top: 20px; text-align: center; background-color: #fff; background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0.9)), color-stop(75%, rgba(255, 255, 255, 0.9)), color-stop(100%, rgba(255, 255, 255, 0))); background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%); background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%); background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%); background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%); } .datatable-header, .datatable-footer { padding: 20px 20px 0 20px; } .datatable-header:after, .datatable-footer:after { content: ""; display: table; clear: both; } .datatable-header > div:first-child, .datatable-footer > div:first-child { margin-left: 0; } .panel-body .datatable-header, .panel-body .datatable-footer { padding-left: 0; padding-right: 0; } .datatable-header-accent, .datatable-footer-accent { background-color: #fcfcfc; } .datatable-header { border-bottom: 1px solid #ddd; } .datatable-footer { border-top: 1px solid #bbb; } .dataTables_length { float: right; display: inline-block; margin: 0 0 20px 20px; } .dataTables_length > label { margin-bottom: 0; } .dataTables_length > label > span:first-child { float: left; margin: 8px 15px; margin-left: 0; } .dataTables_length select { height: 36px; padding: 7px 12px; font-size: 13px; line-height: 1.5384616; color: #333333; background-color: #fff; border: 1px solid #ddd; outline: 0; } .length-left .dataTables_length { float: left; } .dataTables_length .select2-container { width: auto; } .dataTables_length .select2-choice { min-width: 60px; } .dataTables_filter { position: relative; display: block; float: left; margin: 0 0 20px 20px; } .dataTables_filter > label { margin-bottom: 0; position: relative; } .dataTables_filter > label:after { content: "\e98e"; font-family: 'icomoon'; font-size: 12px; display: inline-block; position: absolute; top: 50%; right: 12px; margin-top: -6px; color: #999999; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .dataTables_filter > label > span { float: left; margin: 8px 15px; margin-left: 0; } .dataTables_filter input { outline: 0; width: 200px; height: 36px; padding: 7px 12px; padding-right: 36px; font-size: 13px; line-height: 1.5384616; color: #333333; background-color: #fff; border: 1px solid #ddd; border-radius: 3px; } .filter-right .dataTables_filter { float: right; } .dataTables_info { float: left; padding: 8px 0; margin-bottom: 20px; } .info-right .dataTables_info { float: right; } .dataTables_paginate { float: right; text-align: right; margin: 0 0 20px 20px; } .dataTables_paginate .paginate_button { display: inline-block; padding: 7px; min-width: 36px; margin-left: 2px; text-align: center; text-decoration: none; cursor: pointer; color: #333333; border: 1px solid transparent; border-radius: 3px; } .dataTables_paginate .paginate_button:first-child { margin-left: 0; } .dataTables_paginate .paginate_button:hover, .dataTables_paginate .paginate_button:focus { background-color: #f5f5f5; } .dataTables_paginate .paginate_button.current, .dataTables_paginate .paginate_button.current:hover, .dataTables_paginate .paginate_button.current:focus { color: #fff; background-color: #455A64; } .dataTables_paginate .paginate_button.disabled, .dataTables_paginate .paginate_button.disabled:hover, .dataTables_paginate .paginate_button.disabled:focus { cursor: default; background-color: transparent; color: #bbb; } .dataTables_paginate.paging_simple .paginate_button { padding-left: 12px; padding-right: 12px; } .paginate-left .dataTables_paginate { float: left; } .paging_simple .paginate_button:hover, .paging_simple .paginate_button:focus { color: #fff; background-color: #455A64; } .dataTables_scroll { clear: both; } .dataTables_scroll .dataTables_scrollHead table { border-bottom: 0; } .dataTables_scroll .dataTables_scrollHead th, .dataTables_scroll .dataTables_scrollHead td { white-space: nowrap; } .dataTables_scroll .dataTables_scrollBody { -webkit-overflow-scrolling: touch; } .dataTables_scroll .dataTables_scrollBody table { border-bottom: 0; } .dataTables_scroll .dataTables_scrollBody table thead th[class*=sorting]:before, .dataTables_scroll .dataTables_scrollBody table thead th[class*=sorting]:after { content: none; } .dataTables_scroll .dataTables_scrollBody table tbody tr:first-child > td { border-top: 0; } .dataTables_scroll .dataTables_scrollBody th, .dataTables_scroll .dataTables_scrollBody td { white-space: nowrap; } .dataTables_scroll .dataTables_scrollBody th > .dataTables_sizing, .dataTables_scroll .dataTables_scrollBody td > .dataTables_sizing { height: 0; overflow: hidden; margin: 0; padding: 0; } .panel-body + .dataTables_wrapper, .panel-body + * > .dataTables_wrapper { border-top: 1px solid #ddd; } .panel-body > .dataTables_wrapper .datatable-footer { border-top: 0; } .panel-body > .dataTables_wrapper .datatable-footer .dataTables_length, .panel-body > .dataTables_wrapper .datatable-footer .dataTables_filter, .panel-body > .dataTables_wrapper .datatable-footer .dataTables_info, .panel-body > .dataTables_wrapper .datatable-footer .dataTables_paginate { margin-bottom: 0; } .panel-flat > .panel-heading + .dataTables_wrapper > .datatable-header { padding-top: 0; } .panel > .dataTables_wrapper .table-bordered { border: 0; } .panel > .dataTables_wrapper .table-bordered > thead > tr > td:first-child, .panel > .dataTables_wrapper .table-bordered > tbody > tr > td:first-child, .panel > .dataTables_wrapper .table-bordered > tfoot > tr > td:first-child, .panel > .dataTables_wrapper .table-bordered > thead > tr > th:first-child, .panel > .dataTables_wrapper .table-bordered > tbody > tr > th:first-child, .panel > .dataTables_wrapper .table-bordered > tfoot > tr > th:first-child { border-left: 0; } .panel > .dataTables_wrapper .table-bordered > thead > tr > td:last-child, .panel > .dataTables_wrapper .table-bordered > tbody > tr > td:last-child, .panel > .dataTables_wrapper .table-bordered > tfoot > tr > td:last-child, .panel > .dataTables_wrapper .table-bordered > thead > tr > th:last-child, .panel > .dataTables_wrapper .table-bordered > tbody > tr > th:last-child, .panel > .dataTables_wrapper .table-bordered > tfoot > tr > th:last-child { border-right: 0; } .panel > .dataTables_wrapper .table-bordered > tbody > tr:last-child > th, .panel > .dataTables_wrapper .table-bordered > tbody > tr:last-child > td { border-bottom: 0; } .datatable-scroll-lg, .datatable-scroll, .datatable-scroll-sm { min-height: .01%; } .datatable-scroll-wrap { width: 100%; min-height: .01%; overflow-x: auto; } @media (max-width: 768px) { .datatable-scroll-sm { width: 100%; overflow-x: scroll; } .datatable-scroll-sm th, .datatable-scroll-sm td { white-space: nowrap; } } @media (max-width: 1024px) { .datatable-scroll { width: 100%; overflow-x: scroll; } .datatable-scroll th, .datatable-scroll td { white-space: nowrap; } } @media (max-width: 1199px) { .datatable-scroll-lg { width: 100%; overflow-x: scroll; } .datatable-scroll-lg th, .datatable-scroll-lg td { white-space: nowrap; } } @media (max-width: 768px) { .dataTables_info, .dataTables_paginate, .dataTables_length, .dataTables_filter, .DTTT_container, .ColVis { float: none!important; text-align: center; margin-left: 0; } .dataTables_info, .dataTables_paginate { margin-top: 0; } .datatable-header { text-align: center; } } /* ------------------------------------------------------------------------------ * * # Columns reorder * * Easily modify the column order of a table through drop-and-drag of column headers * * Version: 1.0 * Latest update: May 25, 2015 * * ---------------------------------------------------------------------------- */ .DTCR_clonedTable { background-color: rgba(255, 255, 255, 0.8); z-index: 202; cursor: move; } .DTCR_clonedTable th, .DTCR_clonedTable td { border: 1px solid #ddd !important; } .DTCR_pointer { width: 1px; background-color: #2196F3; z-index: 201; } /* ------------------------------------------------------------------------------ * * # Row Reorder extension * * RowReorder adds the ability for rows in a DataTable to be reordered through * user interaction with the table. * * Version: 1.0 * Latest update: Nov 10, 2015 * * ---------------------------------------------------------------------------- */ .dt-rowReorder-float { position: absolute!important; table-layout: static; outline: 1px dashed #777; outline-offset: -1px; background-color: #fff; z-index: 1030; cursor: move; opacity: 0.9; filter: alpha(opacity=90); } .dt-rowReorder-moving { outline: 1px solid #777; outline-offset: -1px; } .dt-rowReorder-noOverflow { overflow-x: hidden; } .dataTable td.reorder { text-align: center; cursor: move; } /* ------------------------------------------------------------------------------ * * # Fixed columns * * Extension that "freezes" in place the left most columns in a scrolling DataTable * * ---------------------------------------------------------------------------- */ .DTFC_ScrollWrapper thead th { white-space: nowrap; } .DTFC_Cloned { background-color: #fff; border-bottom: 0; } .DTFC_LeftWrapper .DTFC_LeftHeadWrapper, .DTFC_LeftWrapper .DTFC_LeftBodyWrapper, .DTFC_LeftWrapper .DTFC_LeftFootWrapper { border-right: 1px solid #ddd; } .DTFC_RightWrapper .DTFC_RightHeadWrapper, .DTFC_RightWrapper .DTFC_RightBodyWrapper, .DTFC_RightWrapper .DTFC_RightFootWrapper { border-left: 1px solid #ddd; } .DTFC_LeftBodyWrapper .DTFC_Cloned thead th:before, .DTFC_RightBodyWrapper .DTFC_Cloned thead th:before, .DTFC_LeftBodyWrapper .DTFC_Cloned thead th:after, .DTFC_RightBodyWrapper .DTFC_Cloned thead th:after { content: none; } .DTFC_LeftBodyWrapper .DTFC_Cloned tbody > tr:first-child > td, .DTFC_RightBodyWrapper .DTFC_Cloned tbody > tr:first-child > td, .DTFC_LeftBodyWrapper .DTFC_Cloned tbody > tr:first-child > th, .DTFC_RightBodyWrapper .DTFC_Cloned tbody > tr:first-child > th { border-top: 0; } .DTFC_Blocker { background-color: #fff; } @media (max-width: 768px) { .DTFC_LeftWrapper, .DTFC_RightWrapper { display: none; } } /* ------------------------------------------------------------------------------ * * # Fixed Header extension * * This extension lets your users quickly determine what each column refers to * rather than needing to scroll back to the top of the table. * * Version: 1.0 * Latest update: Nov 9, 2015 * * ---------------------------------------------------------------------------- */ .fixedHeader-floating, .fixedHeader-locked { background-color: #fff; margin-top: 0; margin-bottom: 0; } .fixedHeader-floating { position: fixed; } .fixedHeader-floating + .fixedHeader-floating, .fixedHeader-locked + .fixedHeader-floating { border-top: 0!important; } @media (max-width: 768px) { .fixedHeader-floating { display: none; } } .fixedHeader-locked { position: absolute; } @media (max-width: 768px) { .fixedHeader-locked { display: none; } } @media print { table.fixedHeader-floating { display: none; } } /* ------------------------------------------------------------------------------ * * # Autofill extension * * Spreadsheets such as Excel and Google Docs have a very handy data duplication * option of an auto fill tool * * Version: 1.1 * Latest update: Mar 10, 2016 * * ---------------------------------------------------------------------------- */ .dt-autofill-handle { position: absolute; height: 8px; width: 8px; z-index: 102; border: 1px solid #2196F3; background: #2196F3; } .dt-autofill-select { position: absolute; z-index: 1001; background-color: #2196F3; background-image: repeating-linear-gradient(45deg, transparent, transparent 5px, rgba(255, 255, 255, 0.75) 5px, rgba(255, 255, 255, 0.75) 10px); } .dt-autofill-select.top, .dt-autofill-select.bottom { height: 1px; } .dt-autofill-select.left, .dt-autofill-select.right { width: 1px; } .dt-autofill-list { position: fixed; top: 50%; left: 50%; width: 500px; margin-left: -250px; background-color: #fff; border-radius: 3px; border: 1px solid transparent; z-index: 1050; padding: 7px 0; } .dt-autofill-list ul { display: table; margin: 0; padding: 0; list-style: none; width: 100%; } .dt-autofill-list ul li { display: table-row; } .dt-autofill-list ul li:hover { background-color: #f5f5f5; } .dt-autofill-list .dt-autofill-question { display: table-cell; padding: 7px 15px; } .dt-autofill-list .dt-autofill-question input[type=number] { padding: 6px; width: 30px; margin: -2px 0; } .dt-autofill-list .dt-autofill-button { display: table-cell; padding: 7px 15px; text-align: right; } .dt-autofill-list .dt-autofill-button .btn { padding: 3px; background-color: #2196F3; color: #fff; font-size: 0; } .dt-autofill-list .dt-autofill-button .btn:after { content: '\e9c3'; font-family: 'Icomoon'; display: block; font-size: 16px; width: 16px; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .dt-autofill-list .dt-autofill-button .btn:hover { opacity: 0.85; filter: alpha(opacity=85); } .dt-autofill-background { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; z-index: 1040; opacity: 0.5; filter: alpha(opacity=50); } /* ------------------------------------------------------------------------------ * * # Select extension * * Spreadsheets such as Excel and Google Docs have a very handy data duplication * option of an auto fill tool * * Version: 1.1 * Latest update: Dec 9, 2015 * * ---------------------------------------------------------------------------- */ .dataTable tbody > tr.selected, .dataTable tbody > tr > .selected { background-color: #E8F5E9; } .dataTables_wrapper .select-info, .dataTables_wrapper .select-item { margin-left: 10px; } @media (max-width: 768px) { .dataTables_wrapper .select-info, .dataTables_wrapper .select-item { margin-left: 0; display: block; } } .dataTable tbody .select-checkbox { position: relative; } .dataTable tbody .select-checkbox:before, .dataTable tbody .select-checkbox:after { display: inline-block; color: #455A64; position: absolute; top: 50%; left: 50%; cursor: pointer; } .dataTable tbody .select-checkbox:before { content: ''; background-color: #fff; width: 18px; height: 18px; margin-top: -9px; margin-left: -9px; border: 2px solid #607D8B; border-radius: 2px; } .dataTable tbody .selected .select-checkbox:after { content: "\e600"; font-family: 'icomoon'; font-size: 16px; line-height: 1; margin-top: -8px; margin-left: -8px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* ------------------------------------------------------------------------------ * * # Buttons extension * * The Buttons extension for DataTables provides a common set of options, API * methods and styling to display buttons that will interact with a DataTable * * Version: 1.2 * Latest update: Jul 5, 2016 * * ---------------------------------------------------------------------------- */ .dt-buttons-full .dt-buttons { text-align: center; float: none; display: block; margin: 0; border-bottom: 1px solid #ddd; padding-top: 20px; padding-bottom: 10px; background-color: #fcfcfc; } .dt-buttons-full .dt-buttons > .btn { margin-bottom: 10px; float: none; } .dt-buttons { position: relative; float: right; display: inline-block; margin: 0 0 20px 20px; } .dt-buttons-left .dt-buttons { float: left; } .dt-buttons > .dt-button { display: inline-block; } .dt-buttons > .btn { float: left; border-radius: 0; } .dt-buttons > .btn:first-child { border-bottom-left-radius: 3px; border-top-left-radius: 3px; } .dt-buttons > .btn:last-of-type { border-bottom-right-radius: 3px; border-top-right-radius: 3px; } .dt-buttons > .btn + .btn { margin-left: -1px; } @media screen and (max-width: 767px) { .dt-buttons { float: none; text-align: center; display: block; } .dt-buttons .btn { float: none; } } .dt-button-info { position: fixed; top: 50%; left: 50%; width: 400px; margin-top: -100px; margin-left: -200px; padding: 20px; background-color: #fff; border: 1px solid #ddd; border-radius: 3px; text-align: center; z-index: 1050; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); } .dt-button-info h2 { margin-top: 0; line-height: 1.5384616; font-size: 17px; } .dt-button-background { position: fixed; top: 0; left: 0; height: 100%; width: 100%; background-color: #333; z-index: 999; opacity: 0.25; filter: alpha(opacity=25); } .dt-button-collection { position: absolute; top: 0; left: 0; background-color: #fff; display: block; z-index: 1000; padding: 7px 0; overflow: hidden; min-width: 180px; border-radius: 3px; -webkit-column-gap: 2px; -moz-column-gap: 2px; -ms-column-gap: 2px; -o-column-gap: 2px; column-gap: 2px; -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); } .dt-button-collection:not(.fixed) { top: 100%!important; left: auto!important; right: 0!important; } .dt-button-collection > .dt-button { padding: 8px 15px; color: #333333; display: block; outline: 0; width: 100%; text-align: left; border: 0; } .dt-button-collection > .dt-button + .dt-button { margin-top: 1px; } .dt-button-collection > .dt-button:hover, .dt-button-collection > .dt-button:focus { color: #333333; background-color: #f5f5f5; } .dt-button-collection > .dt-button.active { color: #fff; background-color: #2196F3; } .dt-button-collection.fixed { position: fixed; top: 50%; left: 50%; margin-left: -75px; padding-left: 5px; padding-right: 5px; } .dt-button-collection.fixed.two-column { margin-left: -150px; } .dt-button-collection.fixed.three-column { margin-left: -225px; } .dt-button-collection.fixed.four-column { margin-left: -300px; } .dt-button-collection > * { -webkit-column-break-inside: avoid; break-inside: avoid; } .dt-button-collection.two-column { width: 300px; -webkit-column-count: 2; -moz-column-count: 2; -ms-column-count: 2; -o-column-count: 2; column-count: 2; } .dt-button-collection.three-column { width: 450px; -webkit-column-count: 3; -moz-column-count: 3; -ms-column-count: 3; -o-column-count: 3; column-count: 3; } .dt-button-collection.four-column { width: 600px; -webkit-column-count: 4; -moz-column-count: 4; -ms-column-count: 4; -o-column-count: 4; column-count: 4; } /* ------------------------------------------------------------------------------ * * # Key Table extension * * KeyTable provides Excel like cell navigation on any table. Events (focus, blur, * action etc) can be assigned to individual cells, columns, rows or all cells. * * Version: 1.0 * Latest update: Nov 10, 2015 * * ---------------------------------------------------------------------------- */ .dataTable th.focus, .dataTable td.focus { outline: 2px solid #2196F3; outline-offset: -1px; } .dataTable th.focus-success, .dataTable td.focus-success { background-color: #E8F5E9; outline-color: #4CAF50; } .dataTable th.focus-info, .dataTable td.focus-info { background-color: #E3F2FD; outline-color: #2196F3; } .dataTable th.focus-warning, .dataTable td.focus-warning { background-color: #FBE9E7; outline-color: #FF5722; } .dataTable th.focus-danger, .dataTable td.focus-danger { background-color: #FFEBEE; outline-color: #F44336; } /* ------------------------------------------------------------------------------ * * # Datatables Scroller * * Drawing the rows required for the current display only, for fast operation * * Version: 1.0 * Latest update: May 25, 2015 * * ---------------------------------------------------------------------------- */ .DTS tbody th, .DTS tbody td { white-space: nowrap; } .DTS .DTS_Loading { position: absolute; top: 50%; left: 50%; width: 200px; height: 20px; margin-top: -20px; margin-left: -100px; z-index: 1; border: 1px solid #999; padding: 20px 0; text-align: center; background-color: rgba(255, 255, 255, 0.5); } .DTS .dataTables_scrollHead, .DTS .dataTables_scrollFoot { background-color: #fff; } .DTS .dataTables_scrollBody { z-index: 2; } /* ------------------------------------------------------------------------------ * * # Responsive extension * * Optimise the table's layout for different screen sizes through the dynamic * insertion and removal of columns from the table * * Version: 1.0 * Latest update: May 25, 2015 * * ---------------------------------------------------------------------------- */ .dtr-inline.collapsed tbody tr td:before, .dtr-inline.collapsed tbody tr th:before { margin-right: 10px; } .dtr-inline.collapsed tbody tr td:first-child, .dtr-inline.collapsed tbody tr th:first-child { position: relative; cursor: pointer; white-space: nowrap; } .dtr-inline.collapsed tbody tr td:first-child.dataTables_empty:before, .dtr-inline.collapsed tbody tr th:first-child.dataTables_empty:before { display: none; } .dtr-column tbody td.control, .dtr-column tbody th.control { position: relative; cursor: pointer; } .dtr-inline.collapsed tbody tr td:first-child:before, .dtr-inline.collapsed tbody tr th:first-child:before, .dtr-column tbody tr td.control:before, .dtr-column tbody tr th.control:before { content: '\e9e4'; font-family: 'icomoon'; display: inline-block; font-size: 16px; width: 16px; line-height: 1; position: relative; top: -1px; vertical-align: middle; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .dataTable.dtr-inline.collapsed tbody tr.parent td:first-child:before, .dataTable.dtr-inline.collapsed tbody tr.parent th:first-child:before, .dataTable.dtr-column tbody tr.parent td.control:before, .dataTable.dtr-column tbody tr.parent th.control:before { content: '\e9e7'; } .dtr-inline.collapsed tbody tr.child td:before { display: none; } .dataTable tr.child:hover { background-color: transparent; } .dataTable tr.child .dtr-title { display: table-cell; font-weight: 500; padding-right: 40px; } .dataTable tr.child .dtr-data { display: table-cell; padding: 8px 0; } .dataTable tr td.child { white-space: normal; position: relative; } .dataTable tr td.child > ul { display: table; table-layout: fixed; width: 100%; list-style: none; margin: 0; padding: 0; } .dataTable tr td.child > ul > li { display: table-row; } @media (max-width: 480px) { .dataTable tr td.child > ul > li .dropdown, .dataTable tr td.child > ul > li .dropup, .dataTable tr td.child > ul > li .btn-group { position: static; } .dataTable tr td.child > ul > li .dropdown-menu { left: 0; right: 0; border-radius: 0; border-width: 1px 0; } } /* ------------------------------------------------------------------------------ * * # Google maps base * * Styles related to Google Maps: containers, sizing etc. * * Version: 1.0 * Latest update: May 25, 2015 * * ---------------------------------------------------------------------------- */ .map-wrapper { width: 100%; height: 400px; } .sidebar .map-wrapper { height: 200px; border: 1px solid #ddd; } /* ------------------------------------------------------------------------------ * * # Google Maps overrides * * Override Google Maps default styles * * Version: 1.0 * Latest update: May 25, 2015 * * ---------------------------------------------------------------------------- */ .map-container { height: 500px; } .gm-style { font-size: 13px; } .gm-style .gm-style-iw { font-size: 13px; font-weight: 400; } /* ------------------------------------------------------------------------------ * * # Vector maps * * Vector map container, tooltip and zooming * * Version: 1.0 * Latest update: May 25, 2015 * * ---------------------------------------------------------------------------- */ .vector-map-container { height: 500px; } .jvectormap-label { position: absolute; display: none; border-radius: 2px; background-color: #333; color: #fff; padding: 7px 12px; } .jvectormap-zoomin, .jvectormap-zoomout { position: absolute; left: 10px; border-radius: 2px; padding: 8px; color: white; cursor: pointer; font-size: 16px; font-weight: 300; line-height: 10px; background-color: #37474F; text-align: center; } .jvectormap-zoomin:hover, .jvectormap-zoomout:hover { background-color: #455A64; } .jvectormap-zoomin { top: 10px; } .jvectormap-zoomout { top: 40px; } /* ------------------------------------------------------------------------------ * * # Chart styling * * Charts base - container and sizing setup * * Version: 1.0 * Latest update: May 25, 2015 * * ---------------------------------------------------------------------------- */ .chart-container { position: relative; width: 100%; } .chart-container.has-scroll { overflow-x: scroll; overflow-y: visible; max-width: 100%; } @media (max-width: 768px) { .chart-container { overflow-x: scroll; overflow-y: visible; max-width: 100%; } } .chart { position: relative; display: block; width: 100%; direction: ltr; } .chart.has-minimum-width { min-width: 600px; } .has-fixed-height { height: 400px; } .chart-pie { width: 100%; height: 400px; min-width: 500px; } /* ------------------------------------------------------------------------------ * * # C3 charts * * Styles for C3.js visualization library * * Version: 1.0 * Latest update: May 25, 2015 * * ---------------------------------------------------------------------------- */ .c3 svg { font-size: 12px; } .c3 path, .c3 line { fill: none; stroke: #999999; } .c3 path.domain { shape-rendering: crispEdges; } .c3 text { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .c3-legend-item-tile, .c3-xgrid-focus, .c3-ygrid, .c3-event-rect, .c3-bars path { shape-rendering: crispEdges; } .c3-chart-arc path { stroke: #fff; } .c3-chart-arc text { fill: #fff; font-size: 13px; } .c3-grid line { stroke: #aaa; } .c3-grid text { fill: #aaa; } .c3-xgrid, .c3-ygrid { stroke-dasharray: 3 3; } .c3-text { font-weight: 500; } .c3-text.c3-empty { fill: #808080; font-size: 2em; } .c3-line { stroke-width: 2px; } .c3-area { stroke-width: 0; opacity: 0.4; filter: alpha(opacity=40); } .c3-circle._expanded_ { stroke-width: 1.5px; stroke: #fff; } .c3-selected-circle { fill: #fff; stroke-width: 2px; } .c3-bar { stroke-width: 0; } .c3-bar._expanded_ { fill-opacity: 0.75; } .c3-chart-arcs-title { font-size: 1.3em; } .c3-chart-arcs .c3-chart-arcs-background { fill: #e0e0e0; stroke: none; } .c3-chart-arcs .c3-chart-arcs-gauge-unit { fill: #333333; font-size: 15px; } .c3-chart-arcs .c3-chart-arcs-gauge-max, .c3-chart-arcs .c3-chart-arcs-gauge-min { fill: #999999; } .c3-chart-arc .c3-gauge-value { fill: #333333; font-size: 28px; } .c3-target.c3-focused { opacity: 1; filter: alpha(opacity=100); } .c3-target.c3-focused path.c3-line, .c3-target.c3-focused path.c3-step { stroke-width: 2px; } .c3-target.c3-defocused { opacity: 0.3 !important; filter: alpha(opacity=30) !important; } .c3-region { fill: #546E7A; fill-opacity: .1; } .c3-brush .extent { fill-opacity: .1; } .c3-legend-item { font-size: 12px; } .c3-legend-background { fill: #fff; stroke: lightgray; stroke-width: 1; opacity: 0.75; filter: alpha(opacity=75); } .c3-tooltip { border-collapse: collapse; border-spacing: 0; background-color: #fff; empty-cells: show; opacity: 0.95; filter: alpha(opacity=95); } .c3-tooltip th { background-color: #333; padding: 4px 10px; text-align: center; color: #fff; border: 1px solid #333; font-weight: 500; } .c3-tooltip td { font-size: 12px; padding: 6px 10px; background-color: #fff; border: 1px solid #ddd; } .c3-tooltip td > span { display: inline-block; width: 10px; height: 10px; margin-right: 6px; } .c3-tooltip td.value { text-align: right; } /* ------------------------------------------------------------------------------ * * # D3.js library * * Basic styles for D3.js visualization library * * Version: 1.1 * Latest update: Apr 25, 2017 * * ---------------------------------------------------------------------------- */ .d3-axis path { fill: none; stroke: #999999; shape-rendering: crispEdges; } .d3-axis line { stroke: #eeeeee; shape-rendering: crispEdges; } .d3-axis .tick, .d3-axis .tick text { font-size: 12px; fill: #333333; } .d3-axis-solid path, .d3-axis-solid line { stroke: #ccc; } .d3-axis-solid .tick { fill: #999999; } .d3-axis-solid .tick text { fill: #999999; } .d3-axis-strong path, .d3-axis-strong line { stroke: #ccc; } .d3-axis-strong .tick { fill: #333333; } .d3-axis-strong .tick text { fill: #333333; } .d3-axis-transparent path { stroke: none; } .d3-axis-transparent line { stroke: #e5e5e5; } .d3-axis-transparent .tick { fill: #999999; } .d3-axis-transparent .tick text { fill: #999999; } .d3-tip { position: absolute; padding: 8px 15px; border-radius: 3px; background-color: #333; color: #fff; margin-bottom: -3px; font-size: 12px; z-index: 1070; } .d3-tip .d3-tip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; } .d3-tip.n .d3-tip-arrow { bottom: -4px; left: 50%; margin-left: -4px; border-width: 4px 4px 0; border-top-color: #333; } .d3-tip.e .d3-tip-arrow { top: 50%; left: -4px; margin-top: -4px; border-width: 4px 4px 4px 0; border-right-color: #333; } .d3-tip.w .d3-tip-arrow { top: 50%; right: -4px; margin-top: -4px; border-width: 4px 0 4px 4px; border-left-color: #333; } .d3-tip.s .d3-tip-arrow { top: 0; left: 50%; margin-left: -4px; border-width: 0 4px 4px; border-bottom-color: #333; } .venntooltip { position: absolute; text-align: center; min-width: 60px; white-space: nowrap; background-color: #333; color: #fff; padding: 7px 12px; border-radius: 3px; display: none; } .d3-line { fill: none; } .d3-line-thin { stroke-width: 1px; } .d3-line-medium { stroke-width: 1.5px; } .d3-line-strong { stroke-width: 2px; } .d3-line-circle { fill: none; cursor: pointer; } .d3-line-circle-thin { stroke-width: 1px; } .d3-line-circle-medium { stroke-width: 1.5px; } .d3-line-circle-strong { stroke-width: 2px; } .d3-grid .tick line { stroke-width: 1px; stroke: #e5e5e5; shape-rendering: crispEdges; } .d3-grid .tick text { fill: #333333; stroke: none; } .d3-grid-dashed .tick { stroke-dasharray: 4,2; stroke-width: 1px; stroke: #e5e5e5; shape-rendering: crispEdges; } .d3-grid-dashed path { stroke-width: 0; } .d3-crosshair-overlay { fill: none; pointer-events: all; } .bullet-tick line { stroke: #999999; stroke-width: 1px; shape-rendering: crispEdges; } .bullet-tick text { fill: #999999; font-size: 12px; } .bullet-marker { stroke-width: 2px; shape-rendering: crispEdges; } .bullet-title { font-size: 13px; font-weight: 500; } .bullet-subtitle { fill: #999999; } .bullet-1 .bullet-range-1 { fill: rgba(96, 125, 139, 0.8); } .bullet-1 .bullet-range-2 { fill: rgba(96, 125, 139, 0.4); } .bullet-1 .bullet-range-3 { fill: #607D8B; } .bullet-1 .bullet-measure-1 { fill: rgba(84, 110, 122, 0.9); } .bullet-1 .bullet-measure-2 { fill: #fff; } .bullet-1 .bullet-marker { stroke: #37474F; } .bullet-2 .bullet-range-1 { fill: rgba(255, 112, 67, 0.6); } .bullet-2 .bullet-range-2 { fill: rgba(255, 112, 67, 0.3); } .bullet-2 .bullet-range-3 { fill: #FF7043; } .bullet-2 .bullet-measure-1 { fill: rgba(244, 81, 30, 0.9); } .bullet-2 .bullet-measure-2 { fill: #fff; } .bullet-2 .bullet-marker { stroke: #D84315; } .bullet-3 .bullet-range-1 { fill: rgba(102, 187, 106, 0.7); } .bullet-3 .bullet-range-2 { fill: rgba(102, 187, 106, 0.35); } .bullet-3 .bullet-range-3 { fill: #66BB6A; } .bullet-3 .bullet-measure-1 { fill: rgba(67, 160, 71, 0.9); } .bullet-3 .bullet-measure-2 { fill: #fff; } .bullet-3 .bullet-marker { stroke: #2E7D32; } .counter-icon { font-size: 32px; position: absolute; left: 50%; margin-left: -16px; } .chart-widget-legend { margin: 10px 0 0 0; padding: 0; font-size: 12px; text-align: center; } .chart-widget-legend li { margin: 5px 10px 0; padding: 7px 8px 5px; display: inline-block; } /* ------------------------------------------------------------------------------ * * # Sparklines library * * Generate sparklines (small inline charts) directly in the browser * * Version: 1.0 * Latest update: May 25, 2015 * * ---------------------------------------------------------------------------- */ .jqsfield { font-size: 12px !important; font-family: 'Roboto', sans-serif !important; } .jqstooltip { font-size: 12px !important; font-family: 'Roboto', sans-serif !important; padding: 7px !important; line-height: 1.6666667 !important; border: 0 !important; border-radius: 3px !important; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } /* ------------------------------------------------------------------------------ * * # Ecommerce stuff * * Specific styles for Ecommerce set of pages * * Version: 1.0 * Latest update: Mar 19, 2017 * * ---------------------------------------------------------------------------- */ .row-labels { margin-bottom: 10px; } .row-labels .label { display: block; padding-top: 4px; padding-bottom: 3px; margin-bottom: 10px; } .row-colors { margin-bottom: 10px; } .row-colors > div { text-align: center; margin-bottom: 10px; } .row-colors > div > a { position: relative; padding: 15px; display: block; border-radius: 3px; color: #fff; } .row-colors > div > a > i { position: absolute; top: 50%; left: 50%; margin: -8px 0 0 -8px; } .row-colors > div > span { display: block; margin-top: 5px; color: #999999; font-size: 11px; } .pricing-table .pricing-table-price { font-size: 42px; } .pricing-table .pricing-table-price > span { font-size: 30px; margin-right: 5px; } .pricing-table ul > li { padding: 15px 0; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .pricing-table div[class*=bg-] ul > li { border-color: rgba(255, 255, 255, 0.2); } .pricing-table-panel .pricing-table-body { padding: 20px; text-align: center; -webkit-box-shadow: 1px 0 0 #ddd, 0 1px 0 #ddd; box-shadow: 1px 0 0 #ddd, 0 1px 0 #ddd; } .ribbon-container { width: 104px; height: 106px; overflow: hidden; position: absolute; top: -1px; right: -1px; } .ribbon { text-align: center; font-size: 12px; line-height: 1.6666667; font-weight: 500; text-transform: uppercase; position: relative; padding: 5px 0; left: -11px; top: 25px; width: 150px; background-color: #4CAF50; color: #fff; letter-spacing: 0.25px; z-index: 999; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); -webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); } /* ------------------------------------------------------------------------------ * * # Blog layouts * * Blog layouts with various blog layouts * * Version: 1.0 * Latest update: Aug 1, 2016 * * ---------------------------------------------------------------------------- */ .blog-horizontal > .panel-body { padding-bottom: 0; } .blog-horizontal .blog-title > a { color: #333333; } .blog-horizontal .blog-title > .list-inline { margin-top: 3px; } .blog-horizontal .thumb { width: 100%; } @media (min-width: 769px) { .blog-horizontal .thumb { width: 45%; float: left; margin-right: 20px; max-width: 400px; } } .blog-horizontal-1 .thumb { margin-bottom: 20px; } .blog-horizontal-1 .blog-preview { margin-bottom: 10px; } .blog-horizontal-1 .panel-footer-transparent { margin-top: 2px; margin-bottom: 2px; } @media (min-width: 769px) { .blog-horizontal-1 .thumb { margin-bottom: 10px; } } .blog-horizontal-2 .thumb { margin-bottom: 20px; } .blog-horizontal-2 .blog-title { margin-top: 5px; margin-bottom: 15px; } .blog-horizontal-2 .blog-preview { margin-bottom: 20px; } .blog-horizontal-3 .thumb, .blog-horizontal-3 .blog-preview { margin-bottom: 20px; } .blog-horizontal-3 .blog-title { margin-top: 2px; margin-bottom: 0; } .blog-horizontal-3 .blog-preview .list-inline, .blog-horizontal-3 .blog-preview .list-inline > li > a { color: #999999; } @media (min-width: 769px) { .blog-horizontal-xs .thumb { width: 35%; max-width: 200px; } } @media (min-width: 769px) { .blog-horizontal-sm .thumb { width: 40%; max-width: 300px; } } @media (min-width: 769px) { .blog-horizontal-lg .thumb { width: 50%; max-width: 500px; } } /* ------------------------------------------------------------------------------ * * # Task manager * * Styles related to task manager - detailed task, list and grid * * Version: 1.0 * Latest update: May 25, 2015 * * ---------------------------------------------------------------------------- */ .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: #ccc; border-color: #ccc; } .timer-weekdays .label-default:hover, .timer-weekdays .label-default:focus { border-color: #999999; } .timer { list-style: none; padding: 0; margin: 0; text-align: center; } .timer > li { font-size: 46px; text-align: center; display: inline-block; color: #555; font-weight: 300; } .timer > li.dots { font-size: 25px; vertical-align: top; padding: 16.66666667px 0; } .timer > li > span { display: block; font-size: 13px; } .task-details { float: right; margin: 0; } @media (max-width: 1024px) { .task-details { float: none; margin-top: 15px; list-style: none; padding: 0; } .task-details > li { float: left; position: relative; padding-right: 20px; margin-top: 0; } .task-details > li:before { content: '\2022'; position: absolute; right: 8px; color: #999; } .task-details > li:last-child:before { content: none; } } @media (max-width: 768px) { .task-details > li { float: none; } .task-details > li:before { content: none; } .task-details > li + li { margin-top: 10px; } } /* ------------------------------------------------------------------------------ * * # Invoice template * * General styles for invoice, mainly responsive setup * * Version: 1.0 * Latest update: May 25, 2015 * * ---------------------------------------------------------------------------- */ @media (min-width: 769px) { .invoice-details, .invoice-payment-details > li span { float: right; text-align: right; } } .invoice-grid ul, .invoice-grid ol { margin-bottom: 0; } @media (max-width: 768px) { .invoice-grid .text-right { text-align: inherit; } .invoice-grid [class*=col-] + [class*=col-] { margin-top: 20px; } } /* ------------------------------------------------------------------------------ * * # User list * * Styles for user lists - layouts, contact details etc. * * Version: 1.0 * Latest update: May 25, 2015 * * ---------------------------------------------------------------------------- */ .contact-details { padding: 15px; padding-left: 30px; background-color: #fcfcfc; border-top: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee; } .media-list-bordered .contact-details { border-bottom: 0; } .panel-body > .media-list .contact-details { padding-left: 15px; background-color: transparent; margin-top: 15px; } .panel-body > .media-list-bordered .contact-details { padding-bottom: 0; } .contact-details > ul, .contact-details > ul > li:first-child { margin: 0; } /* ------------------------------------------------------------------------------ * * # User profile * * Styles for all user profile layouts * * Version: 1.1 * Latest update: Mar 6, 2016 * * ---------------------------------------------------------------------------- */ .profile-cover { position: relative; } .profile-cover + .navbar { margin-bottom: 40px; } .profile-cover .media { position: absolute; bottom: 20px; left: 20px; right: 20px; } .profile-cover .media .btn-default { border-color: #fcfcfc; -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5); box-shadow: 0 0 3px rgba(0, 0, 0, 0.5); } .profile-cover .media-body, .profile-cover small { color: #fff; text-shadow: 0 0 3px rgba(0, 0, 0, 0.8); } @media (max-width: 768px) { .profile-cover .media { text-align: center; margin-top: 0; bottom: auto; top: 40px; } .profile-cover .media-left, .profile-cover .media-right { padding: 0; display: block; overflow-x: auto; } .profile-cover .media-body { display: block; margin-bottom: 20px; width: 100%; } .profile-cover .media-body > h1 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; } } .profile-cover-img { background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; height: 350px; border-top-right-radius: 3px; border-top-left-radius: 3px; } @media (max-width: 768px) { .profile-cover-img { height: 320px; } } .media .profile-thumb img { width: 100px; height: 100px; border: 3px solid #fff; -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5); box-shadow: 0 0 3px rgba(0, 0, 0, 0.5); } /* ------------------------------------------------------------------------------ * * # Login and related forms * * Styles related to user login - logins, registration, password revovery, unlock etc. * * Version: 1.2 * Latest update: Mar 10, 2016 * * ---------------------------------------------------------------------------- */ .login-cover { background: url(name=login_cover.jpg) no-repeat; background-size: cover; } .login-container .page-container { padding-top: 40px; position: static; } .login-container .page-container .login-form { width: 320px; } .login-container .page-container .login-form .thumb { margin: 0 auto 20px auto; } .login-container .page-container .login-form, .login-container .page-container .registration-form { margin: 0 auto 20px auto; } @media (max-width: 480px) { .login-container .page-container .login-form, .login-container .page-container .registration-form { width: 100%; } } .login-container .page-container .nav-tabs.nav-justified { margin-bottom: 0; } .login-container .page-container .nav-tabs.nav-justified > li > a { border-top: 0!important; padding-left: 15px; padding-right: 15px; background-color: #f5f5f5; } .login-container .page-container .nav-tabs.nav-justified > li:first-child > a { border-left: 0; border-radius: 3px 0 0 0; } .login-container .page-container .nav-tabs.nav-justified > li:last-child > a { border-right: 0; border-radius: 0 3px 0 0; } .login-container .page-container .nav-tabs.nav-justified > li.active > a { background-color: transparent; } @media (max-width: 768px) { .login-container .page-container .nav-tabs.nav-justified { padding: 0; border-width: 0 0 1px 0; border-radius: 0; } .login-container .page-container .nav-tabs.nav-justified:before { content: none; } .login-container .page-container .nav-tabs.nav-justified > li > a { border-width: 0!important; } } .login-container .footer { left: 0; right: 0; } @media (max-width: 768px) { .login-options, .login-options .text-right { text-align: center; } } /* ------------------------------------------------------------------------------ * * # Timeline * * Styles for timeline in 3 layouts: left, right and centered * * Version: 1.1 * Latest update: Dec 11, 2015 * * ---------------------------------------------------------------------------- */ .timeline { position: relative; height: 100%; } .timeline:before, .timeline:after { content: ""; position: absolute; top: 0; left: 50%; margin-left: -2px; background-color: #ccc; height: 4px; width: 4px; border-radius: 50%; z-index: 1; } .timeline:after { top: auto; bottom: 0; } .timeline-container { position: relative; padding-top: 10px; margin-top: -10px; padding-bottom: 1px; } .timeline-container:after { content: ""; position: absolute; top: 0; left: 50%; margin-left: -1px; background-color: #ccc; height: 100%; width: 2px; z-index: -1; } .timeline-row { position: relative; } .timeline-content { margin-bottom: 20px; } .timeline-date { text-align: center; background-color: #f5f5f5; position: relative; z-index: 1; padding-top: 20px; padding-bottom: 20px; margin-bottom: 20px; } .timeline-date:before, .timeline-date:after { content: ""; position: absolute; top: 0; left: 50%; margin-left: -2px; background-color: #ccc; height: 4px; width: 4px; border-radius: 50%; z-index: 1; } .timeline-date:after { top: auto; bottom: 0; } .panel .timeline-date { background-color: #fff; } .timeline-time { text-align: center; padding-top: 20px; padding-bottom: 20px; background-color: #f5f5f5; position: relative; margin-bottom: 20px; } .timeline-time:before, .timeline-time:after { content: ""; position: absolute; top: 0; left: 50%; margin-left: -2px; background-color: #ccc; height: 4px; width: 4px; border-radius: 50%; } .timeline-time:after { top: auto; bottom: 0; } .panel .timeline-time { background-color: #fff; } .timeline-time span { display: block; color: #999999; font-size: 12px; } .timeline-time span:before { content: '\2022'; display: inline-block; margin-right: 5px; position: relative; top: 1px; } @media (min-width: 1025px) { .timeline-time:before, .timeline-time:after { content: none; } } .timeline-icon { width: 48px; height: 48px; border-radius: 50%; margin: 0 auto 20px auto; background-color: #fff; border: 4px solid #f5f5f5; } .panel .timeline-icon { border-color: #fff; } .timeline-icon div { border-radius: 50%; height: 100%; -webkit-box-shadow: 0 0 0 2px #ccc inset; box-shadow: 0 0 0 2px #ccc inset; } .timeline-icon div[class*=bg-] { -webkit-box-shadow: none; box-shadow: none; } .timeline-icon div > i { display: block; line-height: 40px; top: 0; } .timeline-icon img { width: 40px; height: 40px; border-radius: 50%; } @media (min-width: 1025px) { .timeline-center .timeline-row { margin-right: 50%; padding-right: 44px; } .timeline-center .post-even { margin-right: 0; padding-right: 0; margin-left: 50%; padding-left: 44px; } .timeline-center .post-full { margin: 0; padding: 0; } .timeline-center .post-full .timeline-content { position: relative; } .timeline-center .post-full .timeline-content:before, .timeline-center .post-full .timeline-content:after { content: ''; border-style: solid; border-color: #f5f5f5; display: block; position: absolute; left: 0; right: 0; } .timeline-center .post-full .timeline-content:before { border-width: 4px 0 0 0; top: -5px; } .timeline-center .post-full .timeline-content:after { border-width: 0 0 4px 0; bottom: -5px; } .timeline-left .timeline-container:after, .timeline-left:before, .timeline-left:after, .timeline-left .timeline-date:before, .timeline-left .timeline-date:after { left: 24px; } .timeline-left .timeline-row, .timeline-left .timeline-date { padding-left: 68px; } .timeline-right .timeline-container:after, .timeline-right:before, .timeline-right:after, .timeline-right .timeline-date:before, .timeline-right .timeline-date:after { left: auto; right: 24px; margin-left: 0; margin-right: -2px; } .timeline-right .timeline-container:after { margin-right: -1px; } .timeline-right .timeline-row, .timeline-right .timeline-date { padding-right: 68px; } .timeline-left .timeline-date, .timeline-right .timeline-date { padding-top: 10px; padding-bottom: 10px; } .timeline-icon { position: absolute; top: 10px; } .timeline-icon:after { content: ""; position: absolute; top: 50%; margin-top: -1px; height: 2px; width: 16px; background-color: #ccc; z-index: 1; } .timeline-left .timeline-icon { left: 0; } .timeline-left .timeline-icon:after { left: 100%; margin-left: 4px; } .timeline-right .timeline-icon { right: 0; } .timeline-right .timeline-icon:after { right: 100%; margin-right: 4px; } .timeline-center .timeline-row:not(.post-full) .timeline-icon { left: 100%; margin-left: -24px; } .timeline-center .timeline-row.post-even .timeline-icon { left: auto; right: 100%; margin-left: 0; margin-right: -24px; } .timeline-center .timeline-icon:after { right: 100%; margin-right: 4px; } .timeline-center .post-even .timeline-icon:after { left: 100%; margin-left: 4px; } .timeline-center .post-full .timeline-icon { position: static; } .timeline-center .post-full .timeline-icon:after { content: none; } .timeline-time { padding: 0; text-align: inherit; background-color: transparent; } .timeline-time:before { content: none; } .timeline-left .timeline-time, .timeline-right .timeline-time { padding-top: 10px; margin-bottom: 20px; padding-left: 10px; } .timeline-right .timeline-time { text-align: right; padding-left: 0; padding-right: 10px; } .timeline-center .timeline-time, .timeline-center .post-full .timeline-time { position: absolute; left: 100%; top: 15px; width: 100%; padding-left: 44px; } .timeline-center .post-even .timeline-time, .timeline-center .post-full .timeline-time { left: auto; right: 100%; padding-left: 0; padding-right: 44px; text-align: right; } .timeline-center .post-full .timeline-time { right: 50%; top: 5px; } } /* ------------------------------------------------------------------------------ * * # Chat layouts * * Conversation chat styles - layouts, chat elements, colors, options * * Version: 1.1 * Latest update: Oct 20, 2015 * * ---------------------------------------------------------------------------- */ .chat-list, .chat-stacked { max-height: 520px; overflow: auto; } .chat-list .media-left { padding-right: 20px; } .chat-list .media-right { padding-left: 20px; } .chat-list .media-content { position: relative; padding: 10px 12px; width: auto; border-radius: 3px; display: inline-block; } .chat-list .media-content:not([class*=bg-]) { background-color: #f5f5f5; border-color: #f5f5f5; } .chat-list .media-content > i { top: 0; margin: 2px; } .chat-list .reversed .media-content { text-align: left; color: #fff; } .chat-list .reversed .media-content:not([class*=bg-]) { background-color: #42A5F5; border-color: #42A5F5; } .chat-list .reversed .media-content > a { color: #fff; } .chat-list .reversed .media-body { text-align: right; } .chat-list .date-step.media { text-align: center; margin-left: 0; margin-right: 0; color: #999; } .chat-list .chat-thumbs img { margin-top: 5px; margin-bottom: 5px; max-height: 100px; height: auto; max-width: 100%; display: inline-block; border-radius: 3px; } .chat-list .media-content:before, .chat-list .reversed .media-content:before { content: ''; left: -5px; top: 15px; position: absolute; margin-left: 0; } .chat-list .media-content:before { border-top: 5px solid transparent; border-right: 5px solid; border-right-color: inherit; border-bottom: 5px solid transparent; } .chat-list .reversed .media-content:before { left: auto; right: -5px; border-right: 0; border-top: 5px solid transparent; border-left: 5px solid; border-left-color: inherit; border-bottom: 5px solid transparent; } @media (min-width: 769px) { .chat-list .media { margin-right: 20%; } .chat-list .media.reversed { margin-right: 0; margin-left: 20%; } } .chat-list-inverse .media-content:not([class*=bg-]) { color: #fff; background-color: #42A5F5; border-color: #42A5F5; } .chat-list-inverse .media-content:before { border-right: 0; border-top: 5px solid transparent; border-right: 5px solid #42A5F5; border-bottom: 5px solid transparent; } .chat-list-inverse .media-content > a { color: #fff; } .chat-list-inverse .reversed .media-content:not([class*=bg-]) { background-color: #f5f5f5; color: inherit; } .chat-list-inverse .reversed .media-content:before { border-top: 5px solid transparent; border-left: 5px solid #f5f5f5; border-bottom: 5px solid transparent; } /* ------------------------------------------------------------------------------ * * # Search * * Styles for search results and input * * Version: 1.0 * Latest update: May 25, 2015 * * ---------------------------------------------------------------------------- */ .panel .main-search input[type=text] { background-color: #FAFAFA; } .search-results-list .list-inline { margin-bottom: 5px; } .related-searches { margin-top: 20px; margin-bottom: 20px; padding: 20px; border-top: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee; } .website-search-results { padding: 20px; padding-bottom: 0; border-bottom: 1px solid #eeeeee; } .media-preview { width: auto; height: auto; max-width: none; max-height: 90px; } @media (max-width: 768px) { .search-option-buttons { text-align: center; } .search-option-buttons > .text-right { text-align: inherit; } } /* ------------------------------------------------------------------------------ * * # Error pages * * Styles for error and offline pages * * Version: 1.0 * Latest update: May 25, 2015 * * ---------------------------------------------------------------------------- */ .error-title { color: #fff; font-size: 200px; line-height: 1; margin-top: 20px; margin-bottom: 40px; font-weight: 300; text-stroke: 1px transparent; display: block; text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 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); } @media (max-width: 768px) { .error-title { font-size: 130px; } } .offline-title { font-size: 160px; } @media (max-width: 768px) { .offline-title { font-size: 90px; } } /* ------------------------------------------------------------------------------ * * # Heading elmeents * * Display default and custom components in page header and panel heading * * Version: 1.3 * Latest update: Aug 10, 2016 * * ---------------------------------------------------------------------------- */ .heading-elements-toggle { cursor: pointer; display: block; line-height: 1; position: absolute; top: 50%; right: 0; margin-top: -8px; } .breadcrumb-elements-toggle { float: right; cursor: pointer; line-height: 1; margin-top: 12px; } .breadcrumb-line-component .breadcrumb-elements-toggle { margin-right: 20px; } .heading-elements-toggle, .breadcrumb-elements-toggle, .heading-elements-toggle:hover, .breadcrumb-elements-toggle:hover, .heading-elements-toggle:focus, .breadcrumb-elements-toggle:focus { color: inherit; } .heading-elements-toggle > i, .breadcrumb-elements-toggle > i { top: 0; } @media (min-width: 769px) { .heading-elements-toggle, .breadcrumb-elements-toggle { display: none; } } .heading-elements { background-color: inherit; position: absolute; top: 50%; right: 20px; height: 36px; margin-top: -18px; } @media (max-width: 768px) { .heading-elements:not(.not-collapsible) { position: static; margin-top: 0; height: auto; } } .panel-body > .heading-elements { top: 0; margin-top: 14px; z-index: 10; } @media (max-width: 768px) { .panel-body > .heading-elements-toggle { top: 20px; margin-top: 0; } .panel-body > .heading-elements.visible-elements { top: 56px; background-color: #fff; } } .panel-footer > .heading-elements { position: static; margin-top: 0; padding-right: 20px; } .panel-footer > .heading-elements:after { content: ''; display: table; clear: both; } .panel-footer-bordered > .heading-elements:not(.visible-elements) { margin-left: -20px; padding-right: 0; } @media (max-width: 768px) { .panel-footer > .heading-elements:not(.not-collapsible) > .pull-right { float: none!important; } .panel-footer .heading-elements-toggle { position: static; padding-top: 10px; padding-bottom: 10px; margin-top: 0; display: block; text-align: center; } } .heading-thumbnails { list-style: none; margin: 0; padding: 0; font-size: 0; } .heading-thumbnails > li { position: relative; display: inline-block; font-size: 13px; } .heading-thumbnails > li + li { margin-left: 10px; } .heading-thumbnails > li img { height: auto; max-height: 36px; max-width: 100%; border-radius: 100px; } .heading-thumbnails > li .label, .heading-thumbnails > li .badge { position: absolute; top: -8px; right: -8px; border: 2px solid #fcfcfc; } .panel-default > .panel-heading .heading-thumbnails > li .label, .panel-default > .panel-heading .heading-thumbnails > li .badge, .panel-footer-transparent .heading-thumbnails > li .label, .panel-footer-transparent .heading-thumbnails > li .badge { border-color: #fff; } .heading-thumbnails > li .status-mark { position: absolute; top: 0; right: 0; box-shadow: 0 0 0 2px #fcfcfc; } .heading-thumbnails > li .status-mark[class*=border-] { background-color: #fcfcfc; } .panel-default > .panel-heading .heading-thumbnails > li .status-mark[class*=border-], .panel-footer-transparent .heading-thumbnails > li .status-mark[class*=border-] { background-color: #fff; } .panel-default > .panel-heading .heading-thumbnails > li .status-mark, .panel-footer-transparent .heading-thumbnails > li .status-mark { background-color: #fff; } .heading-elements .heading-btn + .heading-btn, .page-header .heading-elements .icons-list > li + li, .thumbnail-heading .heading-elements .icons-list > li + li { margin-left: 10px; } .page-header-inverse .heading-elements .btn-link { color: #fff; } .heading-elements .list-inline { margin-bottom: 0; } .heading-elements .breadcrumb { padding-top: 0; padding-bottom: 0; } .heading-elements.panel-nav .nav > li > a { text-align: left; } .heading-elements .daterange-custom { margin-top: 4px; } .heading-elements .heading-btn-group { font-size: 0; } .heading-elements .heading-btn-group > .btn + .btn:not(.btn-link) { margin-left: 10px; } .heading-elements.visible-elements { text-align: center; } .heading-elements.visible-elements .heading-text, .heading-elements.visible-elements .heading-btn, .heading-elements.visible-elements .heading-btn-group > .btn, .heading-elements.visible-elements .ui-slider, .heading-elements.visible-elements .noui-slider, .heading-elements.visible-elements .nav-tabs, .heading-elements.visible-elements .nav-pills, .heading-elements.visible-elements .pagination, .heading-elements.visible-elements .progress, .heading-elements.visible-elements .icons-list, .heading-elements.visible-elements .pager, .heading-elements.visible-elements .breadcrumb, .heading-elements.visible-elements .daterange-custom, .heading-elements.visible-elements .heading-thumbnails, .heading-elements.visible-elements .heading-form .form-group, .heading-elements.visible-elements > .btn-group { margin-top: 20px; } .heading-elements.visible-elements .nav-tabs, .heading-elements.visible-elements .nav-pills { margin-bottom: 0; } .heading-elements.visible-elements .heading-text:not(.label):not(.badge) { display: block; } .heading-elements.visible-elements .select2-container, .heading-elements.visible-elements .selectboxit-container, .heading-elements.visible-elements .selectboxit-options, .heading-elements.visible-elements .multiselect + .btn-group, .heading-elements.visible-elements div.bootstrap-select { width: 100%!important; } .heading-elements.visible-elements .input-group, .heading-elements.visible-elements .input-group-btn, .heading-elements.visible-elements .btn-group, .heading-elements.visible-elements .dropdown, .heading-elements.visible-elements .dropup { position: static; } .heading-elements.visible-elements .dropdown-menu:not(.multiselect-container) { left: -1px; right: -1px; margin-top: 0; border-top-right-radius: 0; border-top-left-radius: 0; } .heading-elements.visible-elements .multiselect-container { left: 0; right: 0; } .heading-elements:not(.visible-elements) .heading-text, .heading-elements:not(.visible-elements) .heading-btn, .heading-elements:not(.visible-elements) .ui-slider, .heading-elements:not(.visible-elements) .noui-slider, .heading-elements:not(.visible-elements) .nav-tabs, .heading-elements:not(.visible-elements) .nav-pills, .heading-elements:not(.visible-elements) .pagination, .heading-elements:not(.visible-elements) .progress, .heading-elements:not(.visible-elements) .icons-list, .heading-elements:not(.visible-elements) .breadcrumb, .heading-elements:not(.visible-elements) .pager, .heading-elements:not(.visible-elements) .heading-form, .heading-elements:not(.visible-elements) .daterange-custom, .heading-elements:not(.visible-elements) .heading-thumbnails, .heading-elements:not(.visible-elements) > .btn-group { float: left; margin-left: 20px; } .heading-elements:not(.visible-elements) .heading-text { display: inline-block; } .heading-elements:not(.visible-elements) .heading-text + .heading-text { margin-left: 20px; } .heading-elements:not(.visible-elements) .selectbox-fixed + .selectboxit-container, .heading-elements:not(.visible-elements) .selectbox-fixed + .selectboxit-options, .heading-elements:not(.visible-elements) .progress, .heading-elements:not(.visible-elements) .ui-slider, .heading-elements:not(.visible-elements) .noui-slider, .heading-elements:not(.visible-elements) .input-group, .heading-elements:not(.visible-elements) .selectboxit-container .selectboxit-options, .heading-elements:not(.visible-elements) .uploader, .heading-elements:not(.visible-elements) .heading-form .form-control { width: 220px; } .heading-elements:not(.visible-elements) .select-sm, .heading-elements:not(.visible-elements) .input-sm, .heading-elements:not(.visible-elements) .input-group-sm, .heading-elements:not(.visible-elements) .uploader-sm, .heading-elements:not(.visible-elements) .pagination-sm, .heading-elements:not(.visible-elements) .pager-sm, .heading-elements:not(.visible-elements) .selectbox-sm + .selectboxit-container, .heading-elements:not(.visible-elements) .btn-sm, .heading-elements:not(.visible-elements) .btn-group-sm > .btn { margin-top: 1px; } .heading-elements:not(.visible-elements) .select-xs, .heading-elements:not(.visible-elements) .input-xs, .heading-elements:not(.visible-elements) .input-group-xs, .heading-elements:not(.visible-elements) .uploader-xs, .heading-elements:not(.visible-elements) .pagination-xs, .heading-elements:not(.visible-elements) .pager-xs, .heading-elements:not(.visible-elements) .selectbox-xs + .selectboxit-container, .heading-elements:not(.visible-elements) .btn-xs, .heading-elements:not(.visible-elements) .btn-group-xs > .btn { margin-top: 2px; } .heading-elements:not(.visible-elements) .btn-float { margin-top: -8px; } .heading-elements:not(.visible-elements) .btn-float.has-text { margin-top: -19.5px; } .heading-elements:not(.visible-elements) .btn-float.btn-link { margin-top: -14px; } .heading-elements:not(.visible-elements) .ui-slider, .heading-elements:not(.visible-elements) .noui-slider { margin-top: 15px; } .heading-elements:not(.visible-elements) .ui-slider-lg, .heading-elements:not(.visible-elements) .noui-slider-lg { margin-top: 14px; } .heading-elements:not(.visible-elements) .ui-slider-sm, .heading-elements:not(.visible-elements) .noui-slider-sm { margin-top: 16px; } .heading-elements:not(.visible-elements) .ui-slider-xs, .heading-elements:not(.visible-elements) .noui-slider-xs { margin-top: 17px; } .heading-elements:not(.visible-elements) .progress { margin-top: 9px; } .heading-elements:not(.visible-elements) .progress-lg { margin-top: 7px; } .heading-elements:not(.visible-elements) .progress-sm { margin-top: 11px; } .heading-elements:not(.visible-elements) .progress-xs { margin-top: 13px; } .heading-elements:not(.visible-elements) .progress-xxs { margin-top: 15px; } .heading-elements:not(.visible-elements) .progress-micro { margin-top: 17px; } .heading-elements:not(.visible-elements) .icons-list { margin-top: 10px; } .heading-elements:not(.visible-elements) .heading-text { margin-top: 8px; } .heading-elements:not(.visible-elements).panel-nav > .nav { margin-bottom: 0; } @media (min-width: 769px) { .heading-elements:not(.visible-elements).panel-nav > .nav { margin-top: -1px; } .heading-elements:not(.visible-elements).panel-nav > .nav-tabs { border-bottom-width: 0; } .heading-elements:not(.visible-elements).panel-nav > .nav-tabs.nav-tabs-bottom > li.active > a:after { background-color: transparent; } .heading-elements:not(.visible-elements).panel-nav > .nav-sm { margin-top: 2px; } .heading-elements:not(.visible-elements).panel-nav > .nav-xs { margin-top: 5px; } } @media (max-width: 768px) { .heading-elements:not(.visible-elements).panel-nav { position: static; height: auto; } .heading-elements:not(.visible-elements).panel-nav > .nav { float: none; } .panel-heading .heading-elements:not(.visible-elements).panel-nav { margin-top: 15px; } .panel-flat .panel-heading .heading-elements:not(.visible-elements).panel-nav { margin-top: 20px; } .panel-heading .heading-elements:not(.visible-elements).panel-nav > .nav { margin-left: 0; } .panel-footer .heading-elements:not(.visible-elements).panel-nav.not-collapsible > .nav { margin-top: 13px; margin-bottom: 13px; } } .heading-form .form-group { margin-bottom: 0; } .heading-form .checkbox-switchery, .heading-form .checkbox-switchery[class*="switchery-"] { margin-bottom: 0; } .heading-elements:not(.visible-elements) .heading-form .checkbox-inline, .heading-elements:not(.visible-elements) .heading-form .radio-inline { margin-top: 8px; } .heading-elements:not(.visible-elements) .heading-form .checkbox-switch { margin-top: 2px; } .heading-elements:not(.visible-elements) .heading-form .checkbox-switch-sm { margin-top: 3px; } .heading-elements:not(.visible-elements) .heading-form .checkbox-switch-xs { margin-top: 4px; } .heading-elements:not(.visible-elements) .heading-form .input-group { max-width: 220px; } .heading-elements:not(.visible-elements) .heading-form .input-group .form-control { width: 100%; margin-top: 0; } .heading-elements:not(.visible-elements) .heading-form .input-group.input-group-sm .btn, .heading-elements:not(.visible-elements) .heading-form .input-group.input-group-xs .btn { margin-top: 0; } @media (min-width: 769px) { .heading-form .form-group { float: left; } .heading-form .form-group + .form-group { margin-left: 15px; } } @media (max-width: 768px) { .heading-elements:not(.not-collapsible), .breadcrumb-elements:not(.not-collapsible) { display: none; } .heading-elements.visible-elements, .breadcrumb-elements.visible-elements { display: block; } .panel .has-visible-elements { padding-bottom: 0; } .panel-flat .panel-heading.has-visible-elements { padding-bottom: 20px; } .panel .visible-elements { border-top: 1px solid #ddd; padding: 20px; padding-top: 0; } .panel-heading .visible-elements { margin: 15px -20px 0 -20px; background-color: #fcfcfc; } .panel-flat .panel-heading .visible-elements { margin-top: 20px; border-bottom: 1px solid #ddd; } .panel-footer .visible-elements { margin-top: 7px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .panel-footer-condensed .visible-elements { margin-top: 2px; } .panel-footer-transparent .visible-elements { margin-top: 12px; background-color: #fff; } .panel[class*=bg-] .visible-elements, .panel-heading[class*=bg-] .visible-elements, .panel-primary .visible-elements, .panel-danger .visible-elements, .panel-success .visible-elements, .panel-warning .visible-elements, .panel-info .visible-elements { border-color: rgba(255, 255, 255, 0.2); left: 0; right: 0; background-color: rgba(0, 0, 0, 0.1); } .visible-elements.breadcrumb-elements.not-collapsible { display: none; } .page-header-content > .visible-elements { background-color: #f5f5f5; left: 0; right: 0; border-top: 1px solid #dcdcdc; z-index: 1002; padding-bottom: 20px; margin-left: -20px; margin-right: -20px; padding-left: 20px; padding-right: 20px; } .page-header-default .page-header-content > .visible-elements { background-color: #fcfcfc; border-color: #ddd; } .page-header-inverse .page-header-content > .visible-elements { background-color: rgba(0, 0, 0, 0.1); border-color: rgba(255, 255, 255, 0.1); } } /* ------------------------------------------------------------------------------ * * # Helper classes * * Custom helper classes * * Version: 1.2 * Latest update: Mar 20, 2017 * * ---------------------------------------------------------------------------- */ .no-shadow { -webkit-box-shadow: none; box-shadow: none; } .opacity-75 { opacity: 0.75; filter: alpha(opacity=75); } .opacity-50 { opacity: 0.5; filter: alpha(opacity=50); } .opacity-25 { opacity: 0.25; filter: alpha(opacity=25); } .opacity-0 { opacity: 0; filter: alpha(opacity=0); } .no-edge-top { top: 0; } .no-edge-bottom { bottom: 0; } .no-edge-left { left: 0; } .no-edge-right { right: 0; } @media (min-width: 1200px) { .text-right-lg { text-align: right; } } @media (min-width: 1025px) { .text-right-md { text-align: right; } } @media (min-width: 769px) { .text-right-sm { text-align: right; } } @media (min-width: 480px) { .text-right-xs { text-align: right; } } @media (min-width: 1200px) { .pull-right-lg { float: right; } } @media (min-width: 1025px) { .pull-right-md { float: right; } } @media (min-width: 769px) { .pull-right-sm { float: right; } } @media (min-width: 480px) { .pull-right-xs { float: right; } } .valign-top { vertical-align: top; } .valign-middle { vertical-align: middle; } .valign-bottom { vertical-align: bottom; } .valign-baseline { vertical-align: baseline; } .valign-text-top { vertical-align: top; } .valign-text-bottom { vertical-align: text-bottom; } .position-relative { position: relative; } .position-static { position: static; } .display-block, label.display-block { display: block; } .display-inline-block { display: inline-block; } .cursor-pointer { cursor: pointer; } .cursor-move { cursor: move; } .cursor-default { cursor: default; } .overflow-hidden { overflow: hidden; } .overflow-visible { overflow: visible; } .overflow-auto { overflow: auto; } .content-group-xs { margin-bottom: 10px !important; } .content-group-sm { margin-bottom: 15px !important; } .content-group { margin-bottom: 20px !important; } .content-group-lg { margin-bottom: 30px !important; } .no-margin { margin: 0!important; } .no-margin-top { margin-top: 0!important; } .no-margin-bottom { margin-bottom: 0!important; } .no-margin-left { margin-left: 0!important; } .no-margin-right { margin-right: 0!important; } .m-5 { margin: 5px!important; } .m-10 { margin: 10px!important; } .m-15 { margin: 15px!important; } .m-20 { margin: 20px!important; } .mt-5 { margin-top: 5px!important; } .mt-10 { margin-top: 10px!important; } .mt-15 { margin-top: 15px!important; } .mt-20 { margin-top: 20px!important; } .mb-5 { margin-bottom: 5px!important; } .mb-10 { margin-bottom: 10px!important; } .mb-15 { margin-bottom: 15px!important; } .mb-20 { margin-bottom: 20px!important; } .ml-5 { margin-left: 5px!important; } .ml-10 { margin-left: 10px!important; } .ml-15 { margin-left: 15px!important; } .ml-20 { margin-left: 20px!important; } .mr-5 { margin-right: 5px!important; } .mr-10 { margin-right: 10px!important; } .mr-15 { margin-right: 15px!important; } .mr-20 { margin-right: 20px!important; } .no-padding { padding: 0!important; } .no-padding-top { padding-top: 0!important; } .no-padding-bottom { padding-bottom: 0!important; } .no-padding-left { padding-left: 0!important; } .no-padding-right { padding-right: 0!important; } .p-5 { padding: 5px!important; } .p-10 { padding: 10px!important; } .p-15 { padding: 15px!important; } .p-20 { padding: 20px!important; } .pt-5 { padding-top: 5px!important; } .pt-10 { padding-top: 10px!important; } .pt-15 { padding-top: 15px!important; } .pt-20 { padding-top: 20px!important; } .pb-5 { padding-bottom: 5px!important; } .pb-10 { padding-bottom: 10px!important; } .pb-15 { padding-bottom: 15px!important; } .pb-20 { padding-bottom: 20px!important; } .pl-5 { padding-left: 5px!important; } .pl-10 { padding-left: 10px!important; } .pl-15 { padding-left: 15px!important; } .pl-20 { padding-left: 20px!important; } .pr-5 { padding-right: 5px!important; } .pr-10 { padding-right: 10px!important; } .pr-15 { padding-right: 15px!important; } .pr-20 { padding-right: 20px!important; } .no-border { border: 0!important; } .no-border-top { border-top: 0!important; } .no-border-bottom { border-bottom: 0!important; } .no-border-left { border-left: 0!important; } .no-border-right { border-right: 0!important; } .no-border-radius { border-radius: 0; } .no-border-radius-top { border-top-right-radius: 0; border-top-left-radius: 0; } .no-border-radius-bottom { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .no-border-radius-left { border-bottom-left-radius: 0; border-top-left-radius: 0; } .no-border-radius-right { border-bottom-right-radius: 0; border-top-right-radius: 0; } .border-radius { border-radius: 3px; } .border-radius-top { border-top-right-radius: 3px; border-top-left-radius: 3px; } .border-radius-bottom { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .border-radius-left { border-bottom-left-radius: 3px; border-top-left-radius: 3px; } .border-radius-right { border-bottom-right-radius: 3px; border-top-right-radius: 3px; } .border-top { border-top: 1px solid; } .border-bottom { border-bottom: 1px solid; } .border-left { border-left: 1px solid; } .border-right { border-right: 1px solid; } .border-lg { border-width: 2px; } .border-top-lg { border-top: 2px solid; } .border-bottom-lg { border-bottom: 2px solid; } .border-left-lg { border-left: 2px solid; } .border-right-lg { border-right: 2px solid; } .border-xlg { border-width: 3px; } .border-top-xlg { border-top: 3px solid; } .border-bottom-xlg { border-bottom: 3px solid; } .border-left-xlg { border-left: 3px solid; } .border-right-xlg { border-right: 3px solid; } .full-width { width: 100%; } @media (min-width: 769px) { .width-200 { min-width: 200px; } .width-250 { min-width: 250px; } .width-300 { min-width: 300px; } .width-350 { min-width: 350px; } .width-400 { min-width: 400px; } .width-450 { min-width: 450px; } .width-500 { min-width: 500px; } .width-550 { min-width: 550px; } .width-600 { min-width: 600px; } .width-650 { min-width: 650px; } } .img-lg { width: 44px!important; height: 44px!important; } .img-md { width: 40px!important; height: 40px!important; } .img-sm { width: 36px!important; height: 36px!important; } .img-xs { width: 32px!important; height: 32px!important; } /* ------------------------------------------------------------------------------ * * # Snippets * * Custom snippets set * * Version: 1.0 * Latest update: May 25, 2015 * * ---------------------------------------------------------------------------- */ .progress-list { margin: 0; padding: 0; list-style: none; } .progress-list > li + li { margin-top: 20px; } .progress-list > li > label { display: block; } .progress-list > li span { float: right; display: block; } /* ------------------------------------------------------------------------------ * * # Mail list * * Inbox page - list, read and write * * Version: 1.0 * Latest update: Dev 5, 2016 * * ---------------------------------------------------------------------------- */ .table-inbox { table-layout: fixed; } .table-inbox tr td { cursor: pointer; background-color: #fafafa; } .table-inbox tr td:not(:first-child) { padding-left: 0; } .table-inbox tr.unread { font-weight: 700; } .table-inbox tr.unread td { background-color: #fff; } .table-inbox .table-inbox-checkbox { width: 58px; } .table-inbox .table-inbox-star, .table-inbox .table-inbox-attachment { width: 36px; } .table-inbox .table-inbox-image { width: 52px; } .table-inbox .table-inbox-name { width: 180px; } .table-inbox .table-inbox-message, .table-inbox .table-inbox-name { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .table-inbox .table-inbox-preview { font-weight: normal; color: #999999; } .table-inbox .table-inbox-time { text-align: right; width: 80px; } @media (max-width: 768px) { .table-inbox { min-width: 480px; } .table-inbox .table-inbox-message, .table-inbox .table-inbox-name { white-space: normal; } .table-inbox .table-inbox-subject { display: block; overflow: hidden; text-overflow: ellipsis; } .table-inbox .table-inbox-star, .table-inbox .table-inbox-attachment, .table-inbox .table-inbox-image { display: none; } } .mail-details-read { margin: 0; padding: 20px; border-top: 1px solid #ddd; } .mail-details-write { margin: 0; border-top: 1px solid #ddd; } .mail-details-write .control-label { padding: 10px 20px; } .mail-details-write .form-control { border-width: 0; padding: 10px 20px; border-radius: 0; height: auto; } .mail-container-read { max-width: 100%; overflow: auto; padding: 20px; border-top: 1px solid #ddd; } .mail-container-write { border-top: 1px solid #ddd; } .mail-container-write .note-editor { border-width: 0; border-radius: 0; margin-bottom: 0; } .mail-attachments-container { padding: 20px; padding-top: 10px; border-top: 1px solid #ddd; } .mail-attachments-heading { margin-top: 10px; margin-bottom: 10px; } .mail-attachments { margin: 0; padding: 0; font-size: 0; list-style: none; } .mail-attachments > li { display: inline-block; font-size: 13px; padding: 15px 20px; background-color: #fcfcfc; border: 1px solid #ddd; border-radius: 3px; margin-top: 10px; margin-right: 10px; } .mail-attachments .mail-attachments-preview { display: inline-block; float: left; } .mail-attachments .mail-attachments-preview > i { top: 0; margin-top: 4px; } .mail-attachments .mail-attachments-content { margin-left: 47px; } /* ------------------------------------------------------------------------------ * * # Toolbars * * Custom toolbars, mainly based on navbar component * * Version: 1.0 * Latest update: Dec 5, 2016 * * ---------------------------------------------------------------------------- */ .panel-toolbar-inbox { background-color: #fcfcfc; } .panel > .panel-toolbar-inbox:first-child { border-top-right-radius: 3px; border-top-left-radius: 3px; } .panel-toolbar-inbox > .navbar { background-color: transparent; border-width: 0; } .panel-toolbar-inbox > .navbar-default .btn-default { background-color: #fff; } @media (min-width: 769px) { .panel-toolbar-inbox { padding-top: 10px; padding-bottom: 10px; } } /* ------------------------------------------------------------------------------ * * # Color system * * Keep all color classes in a separate file as it's quite heavy and still optional * * Version: 1.1 * Latest update: Feb 5, 2016 * * ---------------------------------------------------------------------------- */ /* ------------------------------------------------------------------------------ * * # Components * * Common less file with imports of plugins and pages * * Version: 1.0 * Latest update: Feb 5, 2016 * * ---------------------------------------------------------------------------- */ /* ------------------------------------------------------------------------------ * * # Custom color system * * Custom color system styles, includes background, border and text colors * * Version: 1.1 * Latest update: Oct 20, 2015 * * ---------------------------------------------------------------------------- */ .bg-primary { background-color: #2196F3; border-color: #2196F3; color: #fff; } .bg-primary-300 { background-color: #64B5F6; border-color: #64B5F6; color: #fff; } .bg-primary-400 { background-color: #42A5F5; border-color: #42A5F5; color: #fff; } .bg-primary-600 { background-color: #1E88E5; border-color: #1E88E5; color: #fff; } .bg-primary-700 { background-color: #1976D2; border-color: #1976D2; color: #fff; } .bg-primary-800 { background-color: #1565C0; border-color: #1565C0; color: #fff; } .bg-danger { background-color: #F44336; border-color: #F44336; color: #fff; } .bg-danger-300 { background-color: #E57373; border-color: #E57373; color: #fff; } .bg-danger-400 { background-color: #EF5350; border-color: #EF5350; color: #fff; } .bg-danger-600 { background-color: #E53935; border-color: #E53935; color: #fff; } .bg-danger-700 { background-color: #D32F2F; border-color: #D32F2F; color: #fff; } .bg-danger-800 { background-color: #C62828; border-color: #C62828; color: #fff; } .bg-success { background-color: #4CAF50; border-color: #4CAF50; color: #fff; } .bg-success-300 { background-color: #81C784; border-color: #81C784; color: #fff; } .bg-success-400 { background-color: #66BB6A; border-color: #66BB6A; color: #fff; } .bg-success-600 { background-color: #43A047; border-color: #43A047; color: #fff; } .bg-success-700 { background-color: #388E3C; border-color: #388E3C; color: #fff; } .bg-success-800 { background-color: #2E7D32; border-color: #2E7D32; color: #fff; } .bg-warning { background-color: #FF5722; border-color: #FF5722; color: #fff; } .bg-warning-300 { background-color: #FF8A65; border-color: #FF8A65; color: #fff; } .bg-warning-400 { background-color: #FF7043; border-color: #FF7043; color: #fff; } .bg-warning-600 { background-color: #F4511E; border-color: #F4511E; color: #fff; } .bg-warning-700 { background-color: #E64A19; border-color: #E64A19; color: #fff; } .bg-warning-800 { background-color: #D84315; border-color: #D84315; color: #fff; } .bg-info { background-color: #00BCD4; border-color: #00BCD4; color: #fff; } .bg-info-300 { background-color: #4DD0E1; border-color: #4DD0E1; color: #fff; } .bg-info-400 { background-color: #26C6DA; border-color: #26C6DA; color: #fff; } .bg-info-600 { background-color: #00ACC1; border-color: #00ACC1; color: #fff; } .bg-info-700 { background-color: #0097A7; border-color: #0097A7; color: #fff; } .bg-info-800 { background-color: #00838F; border-color: #00838F; color: #fff; } .bg-pink { background-color: #E91E63; border-color: #E91E63; color: #fff; } .bg-pink-300 { background-color: #F06292; border-color: #F06292; color: #fff; } .bg-pink-400 { background-color: #EC407A; border-color: #EC407A; color: #fff; } .bg-pink-600 { background-color: #D81B60; border-color: #D81B60; color: #fff; } .bg-pink-700 { background-color: #C2185B; border-color: #C2185B; color: #fff; } .bg-pink-800 { background-color: #AD1457; border-color: #AD1457; color: #fff; } .bg-violet { background-color: #9C27B0; border-color: #9C27B0; color: #fff; } .bg-violet-300 { background-color: #BA68C8; border-color: #BA68C8; color: #fff; } .bg-violet-400 { background-color: #AB47BC; border-color: #AB47BC; color: #fff; } .bg-violet-600 { background-color: #8E24AA; border-color: #8E24AA; color: #fff; } .bg-violet-700 { background-color: #7B1FA2; border-color: #7B1FA2; color: #fff; } .bg-violet-800 { background-color: #6A1B9A; border-color: #6A1B9A; color: #fff; } .bg-purple { background-color: #673AB7; border-color: #673AB7; color: #fff; } .bg-purple-300 { background-color: #9575CD; border-color: #9575CD; color: #fff; } .bg-purple-400 { background-color: #7E57C2; border-color: #7E57C2; color: #fff; } .bg-purple-600 { background-color: #5E35B1; border-color: #5E35B1; color: #fff; } .bg-purple-700 { background-color: #512DA8; border-color: #512DA8; color: #fff; } .bg-purple-800 { background-color: #4527A0; border-color: #4527A0; color: #fff; } .bg-indigo { background-color: #3F51B5; border-color: #3F51B5; color: #fff; } .bg-indigo-300 { background-color: #7986CB; border-color: #7986CB; color: #fff; } .bg-indigo-400 { background-color: #5C6BC0; border-color: #5C6BC0; color: #fff; } .bg-indigo-600 { background-color: #3949AB; border-color: #3949AB; color: #fff; } .bg-indigo-700 { background-color: #303F9F; border-color: #303F9F; color: #fff; } .bg-indigo-800 { background-color: #283593; border-color: #283593; color: #fff; } .bg-blue { background-color: #03A9F4; border-color: #03A9F4; color: #fff; } .bg-blue-300 { background-color: #4FC3F7; border-color: #4FC3F7; color: #fff; } .bg-blue-400 { background-color: #29B6F6; border-color: #29B6F6; color: #fff; } .bg-blue-600 { background-color: #039BE5; border-color: #039BE5; color: #fff; } .bg-blue-700 { background-color: #0288D1; border-color: #0288D1; color: #fff; } .bg-blue-800 { background-color: #0277BD; border-color: #0277BD; color: #fff; } .bg-teal { background-color: #009688; border-color: #009688; color: #fff; } .bg-teal-300 { background-color: #4DB6AC; border-color: #4DB6AC; color: #fff; } .bg-teal-400 { background-color: #26A69A; border-color: #26A69A; color: #fff; } .bg-teal-600 { background-color: #00897B; border-color: #00897B; color: #fff; } .bg-teal-700 { background-color: #00796B; border-color: #00796B; color: #fff; } .bg-teal-800 { background-color: #00695C; border-color: #00695C; color: #fff; } .bg-green { background-color: #8BC34A; border-color: #8BC34A; color: #fff; } .bg-green-300 { background-color: #AED581; border-color: #AED581; color: #fff; } .bg-green-400 { background-color: #9CCC65; border-color: #9CCC65; color: #fff; } .bg-green-600 { background-color: #7CB342; border-color: #7CB342; color: #fff; } .bg-green-700 { background-color: #689F38; border-color: #689F38; color: #fff; } .bg-green-800 { background-color: #558B2F; border-color: #558B2F; color: #fff; } .bg-orange { background-color: #FF9800; border-color: #FF9800; color: #fff; } .bg-orange-300 { background-color: #FFB74D; border-color: #FFB74D; color: #fff; } .bg-orange-400 { background-color: #FFA726; border-color: #FFA726; color: #fff; } .bg-orange-600 { background-color: #FB8C00; border-color: #FB8C00; color: #fff; } .bg-orange-700 { background-color: #F57C00; border-color: #F57C00; color: #fff; } .bg-orange-800 { background-color: #EF6C00; border-color: #EF6C00; color: #fff; } .bg-brown { background-color: #795548; border-color: #795548; color: #fff; } .bg-brown-300 { background-color: #A1887F; border-color: #A1887F; color: #fff; } .bg-brown-400 { background-color: #8D6E63; border-color: #8D6E63; color: #fff; } .bg-brown-600 { background-color: #6D4C41; border-color: #6D4C41; color: #fff; } .bg-brown-700 { background-color: #5D4037; border-color: #5D4037; color: #fff; } .bg-brown-800 { background-color: #4E342E; border-color: #4E342E; color: #fff; } .bg-grey { background-color: #777; border-color: #777; color: #fff; } .bg-grey-300 { background-color: #999; border-color: #999; color: #fff; } .bg-grey-400 { background-color: #888; border-color: #888; color: #fff; } .bg-grey-600 { background-color: #666; border-color: #666; color: #fff; } .bg-grey-700 { background-color: #555; border-color: #555; color: #fff; } .bg-grey-800 { background-color: #444; border-color: #444; color: #fff; } .bg-slate { background-color: #607D8B; border-color: #607D8B; color: #fff; } .bg-slate-300 { background-color: #90A4AE; border-color: #90A4AE; color: #fff; } .bg-slate-400 { background-color: #78909C; border-color: #78909C; color: #fff; } .bg-slate-600 { background-color: #546E7A; border-color: #546E7A; color: #fff; } .bg-slate-700 { background-color: #455A64; border-color: #455A64; color: #fff; } .bg-slate-800 { background-color: #37474F; border-color: #37474F; color: #fff; } .bg-white { background-color: #fff; color: #333333; } .alpha-primary { background-color: #E3F2FD; border-color: #1E88E5; } .alpha-danger { background-color: #FFEBEE; border-color: #E53935; } .alpha-success { background-color: #E8F5E9; border-color: #43A047; } .alpha-warning { background-color: #FBE9E7; border-color: #F4511E; } .alpha-info { background-color: #E0F7FA; border-color: #00ACC1; } .alpha-pink { background-color: #FCE4EC; border-color: #D81B60; } .alpha-violet { background-color: #F3E5F5; border-color: #8E24AA; } .alpha-purple { background-color: #EDE7F6; border-color: #5E35B1; } .alpha-indigo { background-color: #E8EAF6; border-color: #3949AB; } .alpha-blue { background-color: #E1F5FE; border-color: #039BE5; } .alpha-teal { background-color: #E0F2F1; border-color: #00897B; } .alpha-green { background-color: #F1F8E9; border-color: #7CB342; } .alpha-orange { background-color: #FFF3E0; border-color: #FB8C00; } .alpha-brown { background-color: #EFEBE9; border-color: #6D4C41; } .alpha-grey { background-color: #FAFAFA; border-color: #666; } .alpha-slate { background-color: #ECEFF1; border-color: #546E7A; } .border-primary { border-color: #2196F3; } .border-primary-300 { border-color: #64B5F6; } .border-primary-400 { border-color: #42A5F5; } .border-primary-600 { border-color: #1E88E5; } .border-primary-700 { border-color: #1976D2; } .border-primary-800 { border-color: #1565C0; } .border-danger { border-color: #F44336; } .border-danger-300 { border-color: #E57373; } .border-danger-400 { border-color: #EF5350; } .border-danger-600 { border-color: #E53935; } .border-danger-700 { border-color: #D32F2F; } .border-danger-800 { border-color: #C62828; } .border-success { border-color: #4CAF50; } .border-success-300 { border-color: #81C784; } .border-success-400 { border-color: #66BB6A; } .border-success-600 { border-color: #43A047; } .border-success-700 { border-color: #388E3C; } .border-success-800 { border-color: #2E7D32; } .border-warning { border-color: #FF5722; } .border-warning-300 { border-color: #FF8A65; } .border-warning-400 { border-color: #FF7043; } .border-warning-600 { border-color: #F4511E; } .border-warning-700 { border-color: #E64A19; } .border-warning-800 { border-color: #D84315; } .border-info { border-color: #00BCD4; } .border-info-300 { border-color: #4DD0E1; } .border-info-400 { border-color: #26C6DA; } .border-info-600 { border-color: #00ACC1; } .border-info-700 { border-color: #0097A7; } .border-info-800 { border-color: #00838F; } .border-pink { border-color: #E91E63; } .border-pink-300 { border-color: #F06292; } .border-pink-400 { border-color: #EC407A; } .border-pink-600 { border-color: #D81B60; } .border-pink-700 { border-color: #C2185B; } .border-pink-800 { border-color: #AD1457; } .border-violet { border-color: #9C27B0; } .border-violet-300 { border-color: #BA68C8; } .border-violet-400 { border-color: #AB47BC; } .border-violet-600 { border-color: #8E24AA; } .border-violet-700 { border-color: #7B1FA2; } .border-violet-800 { border-color: #6A1B9A; } .border-purple { border-color: #673AB7; } .border-purple-300 { border-color: #9575CD; } .border-purple-400 { border-color: #7E57C2; } .border-purple-600 { border-color: #5E35B1; } .border-purple-700 { border-color: #512DA8; } .border-purple-800 { border-color: #4527A0; } .border-indigo { border-color: #3F51B5; } .border-indigo-300 { border-color: #7986CB; } .border-indigo-400 { border-color: #5C6BC0; } .border-indigo-600 { border-color: #3949AB; } .border-indigo-700 { border-color: #303F9F; } .border-indigo-800 { border-color: #283593; } .border-blue { border-color: #03A9F4; } .border-blue-300 { border-color: #4FC3F7; } .border-blue-400 { border-color: #29B6F6; } .border-blue-600 { border-color: #039BE5; } .border-blue-700 { border-color: #0288D1; } .border-blue-800 { border-color: #0277BD; } .border-teal { border-color: #009688; } .border-teal-300 { border-color: #4DB6AC; } .border-teal-400 { border-color: #26A69A; } .border-teal-600 { border-color: #00897B; } .border-teal-700 { border-color: #00796B; } .border-teal-800 { border-color: #00695C; } .border-green { border-color: #8BC34A; } .border-green-300 { border-color: #AED581; } .border-green-400 { border-color: #9CCC65; } .border-green-600 { border-color: #7CB342; } .border-green-700 { border-color: #689F38; } .border-green-800 { border-color: #558B2F; } .border-orange { border-color: #FF9800; } .border-orange-300 { border-color: #FFB74D; } .border-orange-400 { border-color: #FFA726; } .border-orange-600 { border-color: #FB8C00; } .border-orange-700 { border-color: #F57C00; } .border-orange-800 { border-color: #EF6C00; } .border-brown { border-color: #795548; } .border-brown-300 { border-color: #A1887F; } .border-brown-400 { border-color: #8D6E63; } .border-brown-600 { border-color: #6D4C41; } .border-brown-700 { border-color: #5D4037; } .border-brown-800 { border-color: #4E342E; } .border-grey { border-color: #777; } .border-grey-300 { border-color: #999; } .border-grey-400 { border-color: #888; } .border-grey-600 { border-color: #666; } .border-grey-700 { border-color: #555; } .border-grey-800 { border-color: #444; } .border-slate { border-color: #607D8B; } .border-slate-300 { border-color: #90A4AE; } .border-slate-400 { border-color: #78909C; } .border-slate-600 { border-color: #546E7A; } .border-slate-700 { border-color: #455A64; } .border-slate-800 { border-color: #37474F; } .border-white { border-color: #fff; } .border-default { border-color: #ddd; } .border-top-primary { border-top-color: #2196F3; } .border-top-primary-300 { border-top-color: #64B5F6; } .border-top-primary-400 { border-top-color: #42A5F5; } .border-top-primary-600 { border-top-color: #1E88E5; } .border-top-primary-700 { border-top-color: #1976D2; } .border-top-primary-800 { border-top-color: #1565C0; } .border-top-danger { border-top-color: #F44336; } .border-top-danger-300 { border-top-color: #E57373; } .border-top-danger-400 { border-top-color: #EF5350; } .border-top-danger-600 { border-top-color: #E53935; } .border-top-danger-700 { border-top-color: #D32F2F; } .border-top-danger-800 { border-top-color: #C62828; } .border-top-success { border-top-color: #4CAF50; } .border-top-success-300 { border-top-color: #81C784; } .border-top-success-400 { border-top-color: #66BB6A; } .border-top-success-600 { border-top-color: #43A047; } .border-top-success-700 { border-top-color: #388E3C; } .border-top-success-800 { border-top-color: #2E7D32; } .border-top-warning { border-top-color: #FF5722; } .border-top-warning-300 { border-top-color: #FF8A65; } .border-top-warning-400 { border-top-color: #FF7043; } .border-top-warning-600 { border-top-color: #F4511E; } .border-top-warning-700 { border-top-color: #E64A19; } .border-top-warning-800 { border-top-color: #D84315; } .border-top-info { border-top-color: #00BCD4; } .border-top-info-300 { border-top-color: #4DD0E1; } .border-top-info-400 { border-top-color: #26C6DA; } .border-top-info-600 { border-top-color: #00ACC1; } .border-top-info-700 { border-top-color: #0097A7; } .border-top-info-800 { border-top-color: #00838F; } .border-top-pink { border-top-color: #E91E63; } .border-top-pink-300 { border-top-color: #F06292; } .border-top-pink-400 { border-top-color: #EC407A; } .border-top-pink-600 { border-top-color: #D81B60; } .border-top-pink-700 { border-top-color: #C2185B; } .border-top-pink-800 { border-top-color: #AD1457; } .border-top-violet { border-top-color: #9C27B0; } .border-top-violet-300 { border-top-color: #BA68C8; } .border-top-violet-400 { border-top-color: #AB47BC; } .border-top-violet-600 { border-top-color: #8E24AA; } .border-top-violet-700 { border-top-color: #7B1FA2; } .border-top-violet-800 { border-top-color: #6A1B9A; } .border-top-purple { border-top-color: #673AB7; } .border-top-purple-300 { border-top-color: #9575CD; } .border-top-purple-400 { border-top-color: #7E57C2; } .border-top-purple-600 { border-top-color: #5E35B1; } .border-top-purple-700 { border-top-color: #512DA8; } .border-top-purple-800 { border-top-color: #4527A0; } .border-top-indigo { border-top-color: #3F51B5; } .border-top-indigo-300 { border-top-color: #7986CB; } .border-top-indigo-400 { border-top-color: #5C6BC0; } .border-top-indigo-600 { border-top-color: #3949AB; } .border-top-indigo-700 { border-top-color: #303F9F; } .border-top-indigo-800 { border-top-color: #283593; } .border-top-blue { border-top-color: #03A9F4; } .border-top-blue-300 { border-top-color: #4FC3F7; } .border-top-blue-400 { border-top-color: #29B6F6; } .border-top-blue-600 { border-top-color: #039BE5; } .border-top-blue-700 { border-top-color: #0288D1; } .border-top-blue-800 { border-top-color: #0277BD; } .border-top-teal { border-top-color: #009688; } .border-top-teal-300 { border-top-color: #4DB6AC; } .border-top-teal-400 { border-top-color: #26A69A; } .border-top-teal-600 { border-top-color: #00897B; } .border-top-teal-700 { border-top-color: #00796B; } .border-top-teal-800 { border-top-color: #00695C; } .border-top-green { border-top-color: #8BC34A; } .border-top-green-300 { border-top-color: #AED581; } .border-top-green-400 { border-top-color: #9CCC65; } .border-top-green-600 { border-top-color: #7CB342; } .border-top-green-700 { border-top-color: #689F38; } .border-top-green-800 { border-top-color: #558B2F; } .border-top-orange { border-top-color: #FF9800; } .border-top-orange-300 { border-top-color: #FFB74D; } .border-top-orange-400 { border-top-color: #FFA726; } .border-top-orange-600 { border-top-color: #FB8C00; } .border-top-orange-700 { border-top-color: #F57C00; } .border-top-orange-800 { border-top-color: #EF6C00; } .border-top-brown { border-top-color: #795548; } .border-top-brown-300 { border-top-color: #A1887F; } .border-top-brown-400 { border-top-color: #8D6E63; } .border-top-brown-600 { border-top-color: #6D4C41; } .border-top-brown-700 { border-top-color: #5D4037; } .border-top-brown-800 { border-top-color: #4E342E; } .border-top-grey { border-top-color: #777; } .border-top-grey-300 { border-top-color: #999; } .border-top-grey-400 { border-top-color: #888; } .border-top-grey-600 { border-top-color: #666; } .border-top-grey-700 { border-top-color: #555; } .border-top-grey-800 { border-top-color: #444; } .border-top-slate { border-top-color: #607D8B; } .border-top-slate-300 { border-top-color: #90A4AE; } .border-top-slate-400 { border-top-color: #78909C; } .border-top-slate-600 { border-top-color: #546E7A; } .border-top-slate-700 { border-top-color: #455A64; } .border-top-slate-800 { border-top-color: #37474F; } .border-top-white { border-top-color: #fff; } .border-bottom-primary { border-bottom-color: #2196F3; } .border-bottom-primary-300 { border-bottom-color: #64B5F6; } .border-bottom-primary-400 { border-bottom-color: #42A5F5; } .border-bottom-primary-600 { border-bottom-color: #1E88E5; } .border-bottom-primary-700 { border-bottom-color: #1976D2; } .border-bottom-primary-800 { border-bottom-color: #1565C0; } .border-bottom-danger { border-bottom-color: #F44336; } .border-bottom-danger-300 { border-bottom-color: #E57373; } .border-bottom-danger-400 { border-bottom-color: #EF5350; } .border-bottom-danger-600 { border-bottom-color: #E53935; } .border-bottom-danger-700 { border-bottom-color: #D32F2F; } .border-bottom-danger-800 { border-bottom-color: #C62828; } .border-bottom-success { border-bottom-color: #4CAF50; } .border-bottom-success-300 { border-bottom-color: #81C784; } .border-bottom-success-400 { border-bottom-color: #66BB6A; } .border-bottom-success-600 { border-bottom-color: #43A047; } .border-bottom-success-700 { border-bottom-color: #388E3C; } .border-bottom-success-800 { border-bottom-color: #2E7D32; } .border-bottom-warning { border-bottom-color: #FF5722; } .border-bottom-warning-300 { border-bottom-color: #FF8A65; } .border-bottom-warning-400 { border-bottom-color: #FF7043; } .border-bottom-warning-600 { border-bottom-color: #F4511E; } .border-bottom-warning-700 { border-bottom-color: #E64A19; } .border-bottom-warning-800 { border-bottom-color: #D84315; } .border-bottom-info { border-bottom-color: #00BCD4; } .border-bottom-info-300 { border-bottom-color: #4DD0E1; } .border-bottom-info-400 { border-bottom-color: #26C6DA; } .border-bottom-info-600 { border-bottom-color: #00ACC1; } .border-bottom-info-700 { border-bottom-color: #0097A7; } .border-bottom-info-800 { border-bottom-color: #00838F; } .border-bottom-pink { border-bottom-color: #E91E63; } .border-bottom-pink-300 { border-bottom-color: #F06292; } .border-bottom-pink-400 { border-bottom-color: #EC407A; } .border-bottom-pink-600 { border-bottom-color: #D81B60; } .border-bottom-pink-700 { border-bottom-color: #C2185B; } .border-bottom-pink-800 { border-bottom-color: #AD1457; } .border-bottom-violet { border-bottom-color: #9C27B0; } .border-bottom-violet-300 { border-bottom-color: #BA68C8; } .border-bottom-violet-400 { border-bottom-color: #AB47BC; } .border-bottom-violet-600 { border-bottom-color: #8E24AA; } .border-bottom-violet-700 { border-bottom-color: #7B1FA2; } .border-bottom-violet-800 { border-bottom-color: #6A1B9A; } .border-bottom-purple { border-bottom-color: #673AB7; } .border-bottom-purple-300 { border-bottom-color: #9575CD; } .border-bottom-purple-400 { border-bottom-color: #7E57C2; } .border-bottom-purple-600 { border-bottom-color: #5E35B1; } .border-bottom-purple-700 { border-bottom-color: #512DA8; } .border-bottom-purple-800 { border-bottom-color: #4527A0; } .border-bottom-indigo { border-bottom-color: #3F51B5; } .border-bottom-indigo-300 { border-bottom-color: #7986CB; } .border-bottom-indigo-400 { border-bottom-color: #5C6BC0; } .border-bottom-indigo-600 { border-bottom-color: #3949AB; } .border-bottom-indigo-700 { border-bottom-color: #303F9F; } .border-bottom-indigo-800 { border-bottom-color: #283593; } .border-bottom-blue { border-bottom-color: #03A9F4; } .border-bottom-blue-300 { border-bottom-color: #4FC3F7; } .border-bottom-blue-400 { border-bottom-color: #29B6F6; } .border-bottom-blue-600 { border-bottom-color: #039BE5; } .border-bottom-blue-700 { border-bottom-color: #0288D1; } .border-bottom-blue-800 { border-bottom-color: #0277BD; } .border-bottom-teal { border-bottom-color: #009688; } .border-bottom-teal-300 { border-bottom-color: #4DB6AC; } .border-bottom-teal-400 { border-bottom-color: #26A69A; } .border-bottom-teal-600 { border-bottom-color: #00897B; } .border-bottom-teal-700 { border-bottom-color: #00796B; } .border-bottom-teal-800 { border-bottom-color: #00695C; } .border-bottom-green { border-bottom-color: #8BC34A; } .border-bottom-green-300 { border-bottom-color: #AED581; } .border-bottom-green-400 { border-bottom-color: #9CCC65; } .border-bottom-green-600 { border-bottom-color: #7CB342; } .border-bottom-green-700 { border-bottom-color: #689F38; } .border-bottom-green-800 { border-bottom-color: #558B2F; } .border-bottom-orange { border-bottom-color: #FF9800; } .border-bottom-orange-300 { border-bottom-color: #FFB74D; } .border-bottom-orange-400 { border-bottom-color: #FFA726; } .border-bottom-orange-600 { border-bottom-color: #FB8C00; } .border-bottom-orange-700 { border-bottom-color: #F57C00; } .border-bottom-orange-800 { border-bottom-color: #EF6C00; } .border-bottom-brown { border-bottom-color: #795548; } .border-bottom-brown-300 { border-bottom-color: #A1887F; } .border-bottom-brown-400 { border-bottom-color: #8D6E63; } .border-bottom-brown-600 { border-bottom-color: #6D4C41; } .border-bottom-brown-700 { border-bottom-color: #5D4037; } .border-bottom-brown-800 { border-bottom-color: #4E342E; } .border-bottom-grey { border-bottom-color: #777; } .border-bottom-grey-300 { border-bottom-color: #999; } .border-bottom-grey-400 { border-bottom-color: #888; } .border-bottom-grey-600 { border-bottom-color: #666; } .border-bottom-grey-700 { border-bottom-color: #555; } .border-bottom-grey-800 { border-bottom-color: #444; } .border-bottom-slate { border-bottom-color: #607D8B; } .border-bottom-slate-300 { border-bottom-color: #90A4AE; } .border-bottom-slate-400 { border-bottom-color: #78909C; } .border-bottom-slate-600 { border-bottom-color: #546E7A; } .border-bottom-slate-700 { border-bottom-color: #455A64; } .border-bottom-slate-800 { border-bottom-color: #37474F; } .border-bottom-white { border-bottom-color: #fff; } .border-left-primary { border-left-color: #2196F3; } .border-left-primary-300 { border-left-color: #64B5F6; } .border-left-primary-400 { border-left-color: #42A5F5; } .border-left-primary-600 { border-left-color: #1E88E5; } .border-left-primary-700 { border-left-color: #1976D2; } .border-left-primary-800 { border-left-color: #1565C0; } .border-left-danger { border-left-color: #F44336; } .border-left-danger-300 { border-left-color: #E57373; } .border-left-danger-400 { border-left-color: #EF5350; } .border-left-danger-600 { border-left-color: #E53935; } .border-left-danger-700 { border-left-color: #D32F2F; } .border-left-danger-800 { border-left-color: #C62828; } .border-left-success { border-left-color: #4CAF50; } .border-left-success-300 { border-left-color: #81C784; } .border-left-success-400 { border-left-color: #66BB6A; } .border-left-success-600 { border-left-color: #43A047; } .border-left-success-700 { border-left-color: #388E3C; } .border-left-success-800 { border-left-color: #2E7D32; } .border-left-warning { border-left-color: #FF5722; } .border-left-warning-300 { border-left-color: #FF8A65; } .border-left-warning-400 { border-left-color: #FF7043; } .border-left-warning-600 { border-left-color: #F4511E; } .border-left-warning-700 { border-left-color: #E64A19; } .border-left-warning-800 { border-left-color: #D84315; } .border-left-info { border-left-color: #00BCD4; } .border-left-info-300 { border-left-color: #4DD0E1; } .border-left-info-400 { border-left-color: #26C6DA; } .border-left-info-600 { border-left-color: #00ACC1; } .border-left-info-700 { border-left-color: #0097A7; } .border-left-info-800 { border-left-color: #00838F; } .border-left-pink { border-left-color: #E91E63; } .border-left-pink-300 { border-left-color: #F06292; } .border-left-pink-400 { border-left-color: #EC407A; } .border-left-pink-600 { border-left-color: #D81B60; } .border-left-pink-700 { border-left-color: #C2185B; } .border-left-pink-800 { border-left-color: #AD1457; } .border-left-violet { border-left-color: #9C27B0; } .border-left-violet-300 { border-left-color: #BA68C8; } .border-left-violet-400 { border-left-color: #AB47BC; } .border-left-violet-600 { border-left-color: #8E24AA; } .border-left-violet-700 { border-left-color: #7B1FA2; } .border-left-violet-800 { border-left-color: #6A1B9A; } .border-left-purple { border-left-color: #673AB7; } .border-left-purple-300 { border-left-color: #9575CD; } .border-left-purple-400 { border-left-color: #7E57C2; } .border-left-purple-600 { border-left-color: #5E35B1; } .border-left-purple-700 { border-left-color: #512DA8; } .border-left-purple-800 { border-left-color: #4527A0; } .border-left-indigo { border-left-color: #3F51B5; } .border-left-indigo-300 { border-left-color: #7986CB; } .border-left-indigo-400 { border-left-color: #5C6BC0; } .border-left-indigo-600 { border-left-color: #3949AB; } .border-left-indigo-700 { border-left-color: #303F9F; } .border-left-indigo-800 { border-left-color: #283593; } .border-left-blue { border-left-color: #03A9F4; } .border-left-blue-300 { border-left-color: #4FC3F7; } .border-left-blue-400 { border-left-color: #29B6F6; } .border-left-blue-600 { border-left-color: #039BE5; } .border-left-blue-700 { border-left-color: #0288D1; } .border-left-blue-800 { border-left-color: #0277BD; } .border-left-teal { border-left-color: #009688; } .border-left-teal-300 { border-left-color: #4DB6AC; } .border-left-teal-400 { border-left-color: #26A69A; } .border-left-teal-600 { border-left-color: #00897B; } .border-left-teal-700 { border-left-color: #00796B; } .border-left-teal-800 { border-left-color: #00695C; } .border-left-green { border-left-color: #8BC34A; } .border-left-green-300 { border-left-color: #AED581; } .border-left-green-400 { border-left-color: #9CCC65; } .border-left-green-600 { border-left-color: #7CB342; } .border-left-green-700 { border-left-color: #689F38; } .border-left-green-800 { border-left-color: #558B2F; } .border-left-orange { border-left-color: #FF9800; } .border-left-orange-300 { border-left-color: #FFB74D; } .border-left-orange-400 { border-left-color: #FFA726; } .border-left-orange-600 { border-left-color: #FB8C00; } .border-left-orange-700 { border-left-color: #F57C00; } .border-left-orange-800 { border-left-color: #EF6C00; } .border-left-brown { border-left-color: #795548; } .border-left-brown-300 { border-left-color: #A1887F; } .border-left-brown-400 { border-left-color: #8D6E63; } .border-left-brown-600 { border-left-color: #6D4C41; } .border-left-brown-700 { border-left-color: #5D4037; } .border-left-brown-800 { border-left-color: #4E342E; } .border-left-grey { border-left-color: #777; } .border-left-grey-300 { border-left-color: #999; } .border-left-grey-400 { border-left-color: #888; } .border-left-grey-600 { border-left-color: #666; } .border-left-grey-700 { border-left-color: #555; } .border-left-grey-800 { border-left-color: #444; } .border-left-slate { border-left-color: #607D8B; } .border-left-slate-300 { border-left-color: #90A4AE; } .border-left-slate-400 { border-left-color: #78909C; } .border-left-slate-600 { border-left-color: #546E7A; } .border-left-slate-700 { border-left-color: #455A64; } .border-left-slate-800 { border-left-color: #37474F; } .border-left-white { border-left-color: #fff; } .border-right-primary { border-right-color: #2196F3; } .border-right-primary-300 { border-right-color: #64B5F6; } .border-right-primary-400 { border-right-color: #42A5F5; } .border-right-primary-600 { border-right-color: #1E88E5; } .border-right-primary-700 { border-right-color: #1976D2; } .border-right-primary-800 { border-right-color: #1565C0; } .border-right-danger { border-right-color: #F44336; } .border-right-danger-300 { border-right-color: #E57373; } .border-right-danger-400 { border-right-color: #EF5350; } .border-right-danger-600 { border-right-color: #E53935; } .border-right-danger-700 { border-right-color: #D32F2F; } .border-right-danger-800 { border-right-color: #C62828; } .border-right-success { border-right-color: #4CAF50; } .border-right-success-300 { border-right-color: #81C784; } .border-right-success-400 { border-right-color: #66BB6A; } .border-right-success-600 { border-right-color: #43A047; } .border-right-success-700 { border-right-color: #388E3C; } .border-right-success-800 { border-right-color: #2E7D32; } .border-right-warning { border-right-color: #FF5722; } .border-right-warning-300 { border-right-color: #FF8A65; } .border-right-warning-400 { border-right-color: #FF7043; } .border-right-warning-600 { border-right-color: #F4511E; } .border-right-warning-700 { border-right-color: #E64A19; } .border-right-warning-800 { border-right-color: #D84315; } .border-right-info { border-right-color: #00BCD4; } .border-right-info-300 { border-right-color: #4DD0E1; } .border-right-info-400 { border-right-color: #26C6DA; } .border-right-info-600 { border-right-color: #00ACC1; } .border-right-info-700 { border-right-color: #0097A7; } .border-right-info-800 { border-right-color: #00838F; } .border-right-pink { border-right-color: #E91E63; } .border-right-pink-300 { border-right-color: #F06292; } .border-right-pink-400 { border-right-color: #EC407A; } .border-right-pink-600 { border-right-color: #D81B60; } .border-right-pink-700 { border-right-color: #C2185B; } .border-right-pink-800 { border-right-color: #AD1457; } .border-right-violet { border-right-color: #9C27B0; } .border-right-violet-300 { border-right-color: #BA68C8; } .border-right-violet-400 { border-right-color: #AB47BC; } .border-right-violet-600 { border-right-color: #8E24AA; } .border-right-violet-700 { border-right-color: #7B1FA2; } .border-right-violet-800 { border-right-color: #6A1B9A; } .border-right-purple { border-right-color: #673AB7; } .border-right-purple-300 { border-right-color: #9575CD; } .border-right-purple-400 { border-right-color: #7E57C2; } .border-right-purple-600 { border-right-color: #5E35B1; } .border-right-purple-700 { border-right-color: #512DA8; } .border-right-purple-800 { border-right-color: #4527A0; } .border-right-indigo { border-right-color: #3F51B5; } .border-right-indigo-300 { border-right-color: #7986CB; } .border-right-indigo-400 { border-right-color: #5C6BC0; } .border-right-indigo-600 { border-right-color: #3949AB; } .border-right-indigo-700 { border-right-color: #303F9F; } .border-right-indigo-800 { border-right-color: #283593; } .border-right-blue { border-right-color: #03A9F4; } .border-right-blue-300 { border-right-color: #4FC3F7; } .border-right-blue-400 { border-right-color: #29B6F6; } .border-right-blue-600 { border-right-color: #039BE5; } .border-right-blue-700 { border-right-color: #0288D1; } .border-right-blue-800 { border-right-color: #0277BD; } .border-right-teal { border-right-color: #009688; } .border-right-teal-300 { border-right-color: #4DB6AC; } .border-right-teal-400 { border-right-color: #26A69A; } .border-right-teal-600 { border-right-color: #00897B; } .border-right-teal-700 { border-right-color: #00796B; } .border-right-teal-800 { border-right-color: #00695C; } .border-right-green { border-right-color: #8BC34A; } .border-right-green-300 { border-right-color: #AED581; } .border-right-green-400 { border-right-color: #9CCC65; } .border-right-green-600 { border-right-color: #7CB342; } .border-right-green-700 { border-right-color: #689F38; } .border-right-green-800 { border-right-color: #558B2F; } .border-right-orange { border-right-color: #FF9800; } .border-right-orange-300 { border-right-color: #FFB74D; } .border-right-orange-400 { border-right-color: #FFA726; } .border-right-orange-600 { border-right-color: #FB8C00; } .border-right-orange-700 { border-right-color: #F57C00; } .border-right-orange-800 { border-right-color: #EF6C00; } .border-right-brown { border-right-color: #795548; } .border-right-brown-300 { border-right-color: #A1887F; } .border-right-brown-400 { border-right-color: #8D6E63; } .border-right-brown-600 { border-right-color: #6D4C41; } .border-right-brown-700 { border-right-color: #5D4037; } .border-right-brown-800 { border-right-color: #4E342E; } .border-right-grey { border-right-color: #777; } .border-right-grey-300 { border-right-color: #999; } .border-right-grey-400 { border-right-color: #888; } .border-right-grey-600 { border-right-color: #666; } .border-right-grey-700 { border-right-color: #555; } .border-right-grey-800 { border-right-color: #444; } .border-right-slate { border-right-color: #607D8B; } .border-right-slate-300 { border-right-color: #90A4AE; } .border-right-slate-400 { border-right-color: #78909C; } .border-right-slate-600 { border-right-color: #546E7A; } .border-right-slate-700 { border-right-color: #455A64; } .border-right-slate-800 { border-right-color: #37474F; } .border-right-white { border-right-color: #fff; } .text-primary, .text-primary:hover, .text-primary:focus { color: #2196F3 !important; } .text-primary-300, .text-primary-300:hover, .text-primary-300:focus { color: #2196F3 !important; } .text-primary-400, .text-primary-400:hover, .text-primary-400:focus { color: #42A5F5 !important; } .text-primary-600, .text-primary-600:hover, .text-primary-600:focus { color: #1E88E5 !important; } .text-primary-700, .text-primary-700:hover, .text-primary-700:focus { color: #1976D2 !important; } .text-primary-800, .text-primary-800:hover, .text-primary-800:focus { color: #1565C0 !important; } .text-danger, .text-danger:hover, .text-danger:focus { color: #F44336 !important; } .text-danger-300, .text-danger-300:hover, .text-danger-300:focus { color: #E57373 !important; } .text-danger-400, .text-danger-400:hover, .text-danger-400:focus { color: #EF5350 !important; } .text-danger-600, .text-danger-600:hover, .text-danger-600:focus { color: #E53935 !important; } .text-danger-700, .text-danger-700:hover, .text-danger-700:focus { color: #D32F2F !important; } .text-danger-800, .text-danger-800:hover, .text-danger-800:focus { color: #C62828 !important; } .text-success, .text-success:hover, .text-success:focus { color: #4CAF50 !important; } .text-success-300, .text-success-300:hover, .text-success-300:focus { color: #81C784 !important; } .text-success-400, .text-success-400:hover, .text-success-400:focus { color: #66BB6A !important; } .text-success-600, .text-success-600:hover, .text-success-600:focus { color: #43A047 !important; } .text-success-700, .text-success-700:hover, .text-success-700:focus { color: #388E3C !important; } .text-success-800, .text-success-800:hover, .text-success-800:focus { color: #2E7D32 !important; } .text-warning, .text-warning:hover, .text-warning:focus { color: #FF5722 !important; } .text-warning-300, .text-warning-300:hover, .text-warning-300:focus { color: #FF8A65 !important; } .text-warning-400, .text-warning-400:hover, .text-warning-400:focus { color: #FF7043 !important; } .text-warning-600, .text-warning-600:hover, .text-warning-600:focus { color: #F4511E !important; } .text-warning-700, .text-warning-700:hover, .text-warning-700:focus { color: #E64A19 !important; } .text-warning-800, .text-warning-800:hover, .text-warning-800:focus { color: #D84315 !important; } .text-info, .text-info:hover, .text-info:focus { color: #00BCD4 !important; } .text-info-300, .text-info-300:hover, .text-info-300:focus { color: #4DD0E1 !important; } .text-info-400, .text-info-400:hover, .text-info-400:focus { color: #26C6DA !important; } .text-info-600, .text-info-600:hover, .text-info-600:focus { color: #00ACC1 !important; } .text-info-700, .text-info-700:hover, .text-info-700:focus { color: #0097A7 !important; } .text-info-800, .text-info-800:hover, .text-info-800:focus { color: #00838F !important; } .text-pink, .text-pink:hover, .text-pink:focus { color: #E91E63 !important; } .text-pink-300, .text-pink-300:hover, .text-pink-300:focus { color: #F06292 !important; } .text-pink-400, .text-pink-400:hover, .text-pink-400:focus { color: #EC407A !important; } .text-pink-600, .text-pink-600:hover, .text-pink-600:focus { color: #D81B60 !important; } .text-pink-700, .text-pink-700:hover, .text-pink-700:focus { color: #C2185B !important; } .text-pink-800, .text-pink-800:hover, .text-pink-800:focus { color: #AD1457 !important; } .text-violet, .text-violet:hover, .text-violet:focus { color: #9C27B0 !important; } .text-violet-300, .text-violet-300:hover, .text-violet-300:focus { color: #BA68C8 !important; } .text-violet-400, .text-violet-400:hover, .text-violet-400:focus { color: #AB47BC !important; } .text-violet-600, .text-violet-600:hover, .text-violet-600:focus { color: #8E24AA !important; } .text-violet-700, .text-violet-700:hover, .text-violet-700:focus { color: #7B1FA2 !important; } .text-violet-800, .text-violet-800:hover, .text-violet-800:focus { color: #6A1B9A !important; } .text-purple, .text-purple:hover, .text-purple:focus { color: #673AB7 !important; } .text-purple-300, .text-purple-300:hover, .text-purple-300:focus { color: #9575CD !important; } .text-purple-400, .text-purple-400:hover, .text-purple-400:focus { color: #7E57C2 !important; } .text-purple-600, .text-purple-600:hover, .text-purple-600:focus { color: #5E35B1 !important; } .text-purple-700, .text-purple-700:hover, .text-purple-700:focus { color: #512DA8 !important; } .text-purple-800, .text-purple-800:hover, .text-purple-800:focus { color: #4527A0 !important; } .text-indigo, .text-indigo:hover, .text-indigo:focus { color: #3F51B5 !important; } .text-indigo-300, .text-indigo-300:hover, .text-indigo-300:focus { color: #7986CB !important; } .text-indigo-400, .text-indigo-400:hover, .text-indigo-400:focus { color: #5C6BC0 !important; } .text-indigo-600, .text-indigo-600:hover, .text-indigo-600:focus { color: #3949AB !important; } .text-indigo-700, .text-indigo-700:hover, .text-indigo-700:focus { color: #303F9F !important; } .text-indigo-800, .text-indigo-800:hover, .text-indigo-800:focus { color: #283593 !important; } .text-blue, .text-blue:hover, .text-blue:focus { color: #03A9F4 !important; } .text-blue-300, .text-blue-300:hover, .text-blue-300:focus { color: #4FC3F7 !important; } .text-blue-400, .text-blue-400:hover, .text-blue-400:focus { color: #29B6F6 !important; } .text-blue-600, .text-blue-600:hover, .text-blue-600:focus { color: #039BE5 !important; } .text-blue-700, .text-blue-700:hover, .text-blue-700:focus { color: #0288D1 !important; } .text-blue-800, .text-blue-800:hover, .text-blue-800:focus { color: #0277BD !important; } .text-teal, .text-teal:hover, .text-teal:focus { color: #009688 !important; } .text-teal-300, .text-teal-300:hover, .text-teal-300:focus { color: #4DB6AC !important; } .text-teal-400, .text-teal-400:hover, .text-teal-400:focus { color: #26A69A !important; } .text-teal-600, .text-teal-600:hover, .text-teal-600:focus { color: #00897B !important; } .text-teal-700, .text-teal-700:hover, .text-teal-700:focus { color: #00796B !important; } .text-teal-800, .text-teal-800:hover, .text-teal-800:focus { color: #00695C !important; } .text-green, .text-green:hover, .text-green:focus { color: #8BC34A !important; } .text-green-300, .text-green-300:hover, .text-green-300:focus { color: #AED581 !important; } .text-green-400, .text-green-400:hover, .text-green-400:focus { color: #9CCC65 !important; } .text-green-600, .text-green-600:hover, .text-green-600:focus { color: #7CB342 !important; } .text-green-700, .text-green-700:hover, .text-green-700:focus { color: #689F38 !important; } .text-green-800, .text-green-800:hover, .text-green-800:focus { color: #558B2F !important; } .text-orange, .text-orange:hover, .text-orange:focus { color: #FF9800 !important; } .text-orange-300, .text-orange-300:hover, .text-orange-300:focus { color: #FFB74D !important; } .text-orange-400, .text-orange-400:hover, .text-orange-400:focus { color: #FFA726 !important; } .text-orange-600, .text-orange-600:hover, .text-orange-600:focus { color: #FB8C00 !important; } .text-orange-700, .text-orange-700:hover, .text-orange-700:focus { color: #F57C00 !important; } .text-orange-800, .text-orange-800:hover, .text-orange-800:focus { color: #EF6C00 !important; } .text-brown, .text-brown:hover, .text-brown:focus { color: #795548 !important; } .text-brown-300, .text-brown-300:hover, .text-brown-300:focus { color: #A1887F !important; } .text-brown-400, .text-brown-400:hover, .text-brown-400:focus { color: #8D6E63 !important; } .text-brown-600, .text-brown-600:hover, .text-brown-600:focus { color: #6D4C41 !important; } .text-brown-700, .text-brown-700:hover, .text-brown-700:focus { color: #5D4037 !important; } .text-brown-800, .text-brown-800:hover, .text-brown-800:focus { color: #4E342E !important; } .text-grey, .text-grey:hover, .text-grey:focus { color: #777 !important; } .text-grey-300, .text-grey-300:hover, .text-grey-300:focus { color: #999 !important; } .text-grey-400, .text-grey-400:hover, .text-grey-400:focus { color: #888 !important; } .text-grey-600, .text-grey-600:hover, .text-grey-600:focus { color: #666 !important; } .text-grey-700, .text-grey-700:hover, .text-grey-700:focus { color: #555 !important; } .text-grey-800, .text-grey-800:hover, .text-grey-800:focus { color: #444 !important; } .text-slate, .text-slate:hover, .text-slate:focus { color: #607D8B !important; } .text-slate-300, .text-slate-300:hover, .text-slate-300:focus { color: #90A4AE !important; } .text-slate-400, .text-slate-400:hover, .text-slate-400:focus { color: #78909C !important; } .text-slate-600, .text-slate-600:hover, .text-slate-600:focus { color: #546E7A !important; } .text-slate-700, .text-slate-700:hover, .text-slate-700:focus { color: #455A64 !important; } .text-slate-800, .text-slate-800:hover, .text-slate-800:focus { color: #37474F !important; } .text-white, .text-white:hover, .text-white:focus { color: #fff!important; } .text-default, .text-default:hover, .text-default:focus { color: #333333 !important; } /* Padding/margin pixels */ .padding-top-10 { padding-top: 10px; } .padding-top-20 { padding-top: 20px; } .padding-top-50 { padding-top: 50px; } .padding-bottom-10 { padding-bottom: 10px; } .padding-bottom-20 { padding-bottom: 20px; } .padding-bottom-50 { padding-bottom: 50px; } .padding-bottom-em-2 { padding-bottom: 2em; } .padding-left-5 { padding-left: 5px; } .padding-left-20 { padding-left: 20px; } .padding-right-20 { padding-right: 20px; } .margin-right-5 { margin-right: 5px; } .margin-right-40 { margin-right: 40px; } .margin-left-20 { margin-left: 20px; } .margin-left-40 { margin-left: 40px; } .margin-top-10 { margin-top: 10px; } .margin-top-38 { margin-top: 38px; } .margin-top-50 { margin-top: 50px; } .margin-bottom-5 { margin-bottom: 5px; } .margin-bottom-10 { margin-bottom: 10px; } .margin-bottom-25 { margin-bottom: 25px; } .margin-top-percent-5 { margin-top: 5%; } .margin-top-percent-10 { margin-top: 10%; } .margin-bottom-percent-2 { margin-bottom: 2%; } .margin-bottom-percent-4 { margin-bottom: 4%; } .margin-bottom-percent-5 { margin-bottom: 5%; } .margin-bottom-percent-10 { margin-bottom: 10%; } .padding-bottom-percent-1 { padding-bottom: 1%; } .padding-left-percent-4 { padding-left: 4%; } .padding-left-percent-15 { padding-left: 15%; } .padding-right-percent-5 { padding-right: 5%; } .padding-left-percent-5 { padding-left: 5%; } .margin-right-percent-10 { margin-right: 10%; } .margin-left-percent-10 { margin-left: 10%; } .font-size-pt-14 { font-size: 14pt; } .font-size-pt-16 { font-size: 16pt; } .font-size-pt-18 { font-size: 18pt; } .font-size-px-16 { font-size: 16px; } .font-size-px-18 { font-size: 18px; } .text-justify { text-align: justify; } /* Cursor attributes */ .cursor-auto { cursor: auto; } .cursor-default { cursor: default; } .cursor-none { cursor: none; } .cursor-context-menu { cursor: context-menu; } .cursor-help { cursor: help; } .cursor-pointer { cursor: pointer; } .cursor-progress { cursor: progress; } .cursor-wait { cursor: wait; } .cursor-cell { cursor: cell; } .cursor-crosshair { cursor: crosshair; } .cursor-text { cursor: text; } .cursor-vertical-text { cursor: vertical-text; } .cursor-alias { cursor: alias; } .cursor-copy { cursor: copy; } .cursor-move { cursor: move; } .cursor-no-drop { cursor: no-drop; } .cursor-not-allowed { cursor: not-allowed; } .cursor-all-scroll { cursor: all-scroll; } .cursor-col-resize { cursor: col-resize; } .cursor-row-resize { cursor: row-resize; } .cursor-n-resize { cursor: n-resize; } .cursor-e-resize { cursor: e-resize; } .cursor-s-resize { cursor: s-resize; } .cursor-w-resize { cursor: w-resize; } .cursor-ns-resize { cursor: ns-resize; } .cursor-ew-resize { cursor: ew-resize; } .cursor-ne-resize { cursor: ne-resize; } .cursor-nw-resize { cursor: nw-resize; } .cursor-se-resize { cursor: se-resize; } .cursor-sw-resize { cursor: sw-resize; } .cursor-nesw-resize { cursor: nesw-resize; } .cursor-nwse-resize { cursor: nwse-resize; } .highlight-box { -webkit-box-shadow: 0px 3px 6px 5px rgba(192, 193, 195, 0.77); -moz-box-shadow: -1px 3px 6px 5px rgba(192, 193, 195, 0.77); box-shadow: 0px 0px 8px 5px rgba(192, 193, 195, 0.77); } /* Shadow on container */ .highlight-container { -webkit-box-shadow: 0px 0px 8px 5px rgba(182, 191, 185, 0.77); -moz-box-shadow: 0px 0px 8px 5px rgba(182, 191, 185, 0.77); box-shadow: 0px 0px 8px 5px rgba(182, 191, 185, 0.77); -webkit-border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; -webkit-border-top-right-radius: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-bottomright: 4px; -moz-border-radius-bottomleft: 4px; -moz-border-radius-topright: 4px; -moz-border-radius-topleft: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-top-left-radius: 4px; } /* Background images and layers */ .synfield-box { background-size: contain; color: white; position: relative; height: 160px; } .synfield-box-layer { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .synfield-bottom-position { bottom: 20px; position: absolute } .min-height-120 { min-height: 120px } .min-height-140 { min-height: 140px } .min-height-160 { min-height: 160px } .min-height-200 { min-height: 200px } .min-height-250 { min-height: 250px } .min-height-300 { min-height: 300px } .min-height-350 { min-height: 350px } .min-height-400 { min-height: 400px } .min-height-500 { min-height: 500px } .min-height-650 { min-height: 650px } .height-250 { height: 250px } .height-350 { height: 350px } .height-400 { height: 400px } .height-500 { height: 500px } /* Classes for plan colors */ /* use .text-success or .success for free plan */ .silver-plan-color { color: #C0C0C0 } .silver-plan-bg { background-color: #C0C0C0 } .bronze-plan-color { color: #cd7f32 } .bronze-plan-bg { background-color: #cd7f32 } .gold-plan-color { color: #FFD700 } .gold-plan-bg { background-color: #FFD700 } .vertical-align-middle { vertical-align: middle !important } /* Measurements */ .heading-elements.visible-elements { text-align: center; padding-top: 10px; } .has-visible-elements .icons-list { line-height: 40px; text-align: center; vertical-align: bottom; margin-bottom: 0px; padding-bottom: 0px; } .plot-title { outline: none; border: none; border-color: transparent; } /* Change this depending on font: Roboto -> 500, Ubuntu -> 600 */ .text-semibold-custom { font-weight: 600; } /* * Scroll classes */ .panel-scroll { position: relative !important; overflow-y: scroll; } /* Override limitless classes to disable the background logo */ .sidebar-xs .header-highlight .navbar-header .navbar-brand { background: center; } /* Align time text in bootstrap-datetimepicker plugin */ .timepicker-minute, .timepicker-hour { margin-left: 13px !important; } /* Live tiles*/ .live-tile { width: 100% !important; padding: 0px !important; margin: 0px !important; } .disable-btn-box-shadow { /*color: #fff !important;*/ -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; } /*Background image in the login page*/ .visitor-bg-cover { background-image: url(name=synfield_cover.jpg); background-position: top; background-repeat: no-repeat; background-size: cover; background-attachment: fixed; min-height: 100%; top: 0; left: 0 } .signup-bg-cover { background-image: url(name=synfield_cover.jpg); background-position: top; background-repeat: no-repeat; background-size: cover; min-height: 100%; width: 100% !important; background-attachment: fixed; top: 0; left: 0 } .sf-signup-panel { background-color: rgb(0, 0, 0); /* Fallback color */ background-color: rgba(0, 0, 0, 0.2) !important; color: white !important; border: none !important; top: 50%; z-index: 2; margin-top: 5% !important; } .signup-errors { color: #e2812a !important; } .signup-border-errors { border-color: white !important; } .signup-popup-header-bg { background-image: url(name=synfield_cover.jpg); background-position: bottom; } .sf-login-panel { background-color: rgb(0, 0, 0); /* Fallback color */ background-color: rgba(0, 0, 0, 0.2) !important; color: white !important; border: none !important; top: 50%; z-index: 2; margin-top: 2% !important; } .sf-login-footer { width: 100%; position: absolute; left: 0; bottom: 20px; } .navbar-transparent-without-border { background-color: rgba(0, 0, 0, 0) !important; border: none !important; background-image: none; box-shadow: none; } .navbar-li-transparent > a:focus, .navbar-li-transparent > a:hover { background: transparent !important; color: white !important; } .navbar-ul-transparent { background-color: rgba(0, 0, 0, 0.1) !important; color: white !important; border: none; } .navbar-btn-transparent { background: transparent !important; color: white !important; } .status-text-wrap { word-wrap: break-word; min-width: 160px; max-width: 160px; white-space: normal; } @media print { a[href]:after { content: none !important; } } .min-width-200 { min-width: 200px !important; } .min-width-250 { min-width: 250px !important; } /*.custom_add_btn, .custom_add_btn {*/ /* color: #000 !important;*/ /* background: #fff !important;*/ /* border-color: #000 !important;*/ /* outline: 0;*/ /*}*/ /*.custom_add_btn:focus, .custom_add_btn:hover {*/ /* color: #00BCD4 !important;*/ /* background: white !important;*/ /* border-color: #00BCD4 !important;*/ /*}*/ /*.custom_add_btn:focus>span, .custom_add_btn:hover>span {*/ /* color: #00BCD4 !important;*/ /* background: #fff !important;*/ /* border-color: #00BCD4 !important;*/ /*}*/ /*# sourceMappingURL=main-76ac88dac6286da0c903.css.map*/