@font-face { font-family: 'icomoon'; src:url('../../assets/css/icons/icomoon/fonts/icomoon.eot?3p0rtw'); src:url('../../assets/css/icons/icomoon/fonts/icomoon.eot?#iefix3p0rtw') format('embedded-opentype'), url('../../assets/css/icons/icomoon/fonts/icomoon.woff?3p0rtw') format('woff'), url('../../assets/css/icons/icomoon/fonts/icomoon.ttf?3p0rtw') format('truetype'), url('../../assets/css/icons/icomoon/fonts/icomoon.svg?3p0rtw#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('../../assets/css/icons/fontawesome/fonts/fontawesome-webfont.eot?v=4.6.3');src:url('../../assets/css/icons/fontawesome/fonts/fontawesome-webfont.eot?#iefix&v=4.6.3') format('embedded-opentype'),url('../../assets/css/icons/fontawesome/fonts/fontawesome-webfont.woff2?v=4.6.3') format('woff2'),url('../../assets/css/icons/fontawesome/fonts/fontawesome-webfont.woff?v=4.6.3') format('woff'),url('../../assets/css/icons/fontawesome/fonts/fontawesome-webfont.ttf?v=4.6.3') format('truetype'),url('../../assets/css/icons/fontawesome/fonts/fontawesome-webfont.svg?v=4.6.3#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} /*! 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:700}dfn{font-style:italic}h1{font-size:2em;margin:.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:-.5em}sub{bottom:-.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 silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}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{*,:after,:before{background:0 0!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:""}blockquote,pre{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}img{max-width:100%!important}h2,h3,p{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 td,.table-bordered th{border:1px solid #ddd!important}}@font-face{font-family:'Glyphicons Halflings';src:url(../../assets/css/icons/glyphicons/glyphicons-halflings-regular.eot);src:url(../../assets/css/icons/glyphicons/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'),url(../../assets/css/icons/glyphicons/glyphicons-halflings-regular.woff2) format('woff2'),url(../../assets/css/icons/glyphicons/glyphicons-halflings-regular.woff) format('woff'),url(../../assets/css/icons/glyphicons/glyphicons-halflings-regular.ttf) format('truetype'),url(../../assets/css/icons/glyphicons/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:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.glyphicon-asterisk:before{content:"\002a"}.glyphicon-plus:before{content:"\002b"}.glyphicon-eur:before,.glyphicon-euro:before{content:"\20ac"}.glyphicon-minus:before{content:"\2212"}.glyphicon-cloud:before{content:"\2601"}.glyphicon-envelope:before{content:"\2709"}.glyphicon-pencil:before{content:"\270f"}.glyphicon-glass:before{content:"\e001"}.glyphicon-music:before{content:"\e002"}.glyphicon-search:before{content:"\e003"}.glyphicon-heart:before{content:"\e005"}.glyphicon-star:before{content:"\e006"}.glyphicon-star-empty:before{content:"\e007"}.glyphicon-user:before{content:"\e008"}.glyphicon-film:before{content:"\e009"}.glyphicon-th-large:before{content:"\e010"}.glyphicon-th:before{content:"\e011"}.glyphicon-th-list:before{content:"\e012"}.glyphicon-ok:before{content:"\e013"}.glyphicon-remove:before{content:"\e014"}.glyphicon-zoom-in:before{content:"\e015"}.glyphicon-zoom-out:before{content:"\e016"}.glyphicon-off:before{content:"\e017"}.glyphicon-signal:before{content:"\e018"}.glyphicon-cog:before{content:"\e019"}.glyphicon-trash:before{content:"\e020"}.glyphicon-home:before{content:"\e021"}.glyphicon-file:before{content:"\e022"}.glyphicon-time:before{content:"\e023"}.glyphicon-road:before{content:"\e024"}.glyphicon-download-alt:before{content:"\e025"}.glyphicon-download:before{content:"\e026"}.glyphicon-upload:before{content:"\e027"}.glyphicon-inbox:before{content:"\e028"}.glyphicon-play-circle:before{content:"\e029"}.glyphicon-repeat:before{content:"\e030"}.glyphicon-refresh:before{content:"\e031"}.glyphicon-list-alt:before{content:"\e032"}.glyphicon-lock:before{content:"\e033"}.glyphicon-flag:before{content:"\e034"}.glyphicon-headphones:before{content:"\e035"}.glyphicon-volume-off:before{content:"\e036"}.glyphicon-volume-down:before{content:"\e037"}.glyphicon-volume-up:before{content:"\e038"}.glyphicon-qrcode:before{content:"\e039"}.glyphicon-barcode:before{content:"\e040"}.glyphicon-tag:before{content:"\e041"}.glyphicon-tags:before{content:"\e042"}.glyphicon-book:before{content:"\e043"}.glyphicon-bookmark:before{content:"\e044"}.glyphicon-print:before{content:"\e045"}.glyphicon-camera:before{content:"\e046"}.glyphicon-font:before{content:"\e047"}.glyphicon-bold:before{content:"\e048"}.glyphicon-italic:before{content:"\e049"}.glyphicon-text-height:before{content:"\e050"}.glyphicon-text-width:before{content:"\e051"}.glyphicon-align-left:before{content:"\e052"}.glyphicon-align-center:before{content:"\e053"}.glyphicon-align-right:before{content:"\e054"}.glyphicon-align-justify:before{content:"\e055"}.glyphicon-list:before{content:"\e056"}.glyphicon-indent-left:before{content:"\e057"}.glyphicon-indent-right:before{content:"\e058"}.glyphicon-facetime-video:before{content:"\e059"}.glyphicon-picture:before{content:"\e060"}.glyphicon-map-marker:before{content:"\e062"}.glyphicon-adjust:before{content:"\e063"}.glyphicon-tint:before{content:"\e064"}.glyphicon-edit:before{content:"\e065"}.glyphicon-share:before{content:"\e066"}.glyphicon-check:before{content:"\e067"}.glyphicon-move:before{content:"\e068"}.glyphicon-step-backward:before{content:"\e069"}.glyphicon-fast-backward:before{content:"\e070"}.glyphicon-backward:before{content:"\e071"}.glyphicon-play:before{content:"\e072"}.glyphicon-pause:before{content:"\e073"}.glyphicon-stop:before{content:"\e074"}.glyphicon-forward:before{content:"\e075"}.glyphicon-fast-forward:before{content:"\e076"}.glyphicon-step-forward:before{content:"\e077"}.glyphicon-eject:before{content:"\e078"}.glyphicon-chevron-left:before{content:"\e079"}.glyphicon-chevron-right:before{content:"\e080"}.glyphicon-plus-sign:before{content:"\e081"}.glyphicon-minus-sign:before{content:"\e082"}.glyphicon-remove-sign:before{content:"\e083"}.glyphicon-ok-sign:before{content:"\e084"}.glyphicon-question-sign:before{content:"\e085"}.glyphicon-info-sign:before{content:"\e086"}.glyphicon-screenshot:before{content:"\e087"}.glyphicon-remove-circle:before{content:"\e088"}.glyphicon-ok-circle:before{content:"\e089"}.glyphicon-ban-circle:before{content:"\e090"}.glyphicon-arrow-left:before{content:"\e091"}.glyphicon-arrow-right:before{content:"\e092"}.glyphicon-arrow-up:before{content:"\e093"}.glyphicon-arrow-down:before{content:"\e094"}.glyphicon-share-alt:before{content:"\e095"}.glyphicon-resize-full:before{content:"\e096"}.glyphicon-resize-small:before{content:"\e097"}.glyphicon-exclamation-sign:before{content:"\e101"}.glyphicon-gift:before{content:"\e102"}.glyphicon-leaf:before{content:"\e103"}.glyphicon-fire:before{content:"\e104"}.glyphicon-eye-open:before{content:"\e105"}.glyphicon-eye-close:before{content:"\e106"}.glyphicon-warning-sign:before{content:"\e107"}.glyphicon-plane:before{content:"\e108"}.glyphicon-calendar:before{content:"\e109"}.glyphicon-random:before{content:"\e110"}.glyphicon-comment:before{content:"\e111"}.glyphicon-magnet:before{content:"\e112"}.glyphicon-chevron-up:before{content:"\e113"}.glyphicon-chevron-down:before{content:"\e114"}.glyphicon-retweet:before{content:"\e115"}.glyphicon-shopping-cart:before{content:"\e116"}.glyphicon-folder-close:before{content:"\e117"}.glyphicon-folder-open:before{content:"\e118"}.glyphicon-resize-vertical:before{content:"\e119"}.glyphicon-resize-horizontal:before{content:"\e120"}.glyphicon-hdd:before{content:"\e121"}.glyphicon-bullhorn:before{content:"\e122"}.glyphicon-bell:before{content:"\e123"}.glyphicon-certificate:before{content:"\e124"}.glyphicon-thumbs-up:before{content:"\e125"}.glyphicon-thumbs-down:before{content:"\e126"}.glyphicon-hand-right:before{content:"\e127"}.glyphicon-hand-left:before{content:"\e128"}.glyphicon-hand-up:before{content:"\e129"}.glyphicon-hand-down:before{content:"\e130"}.glyphicon-circle-arrow-right:before{content:"\e131"}.glyphicon-circle-arrow-left:before{content:"\e132"}.glyphicon-circle-arrow-up:before{content:"\e133"}.glyphicon-circle-arrow-down:before{content:"\e134"}.glyphicon-globe:before{content:"\e135"}.glyphicon-wrench:before{content:"\e136"}.glyphicon-tasks:before{content:"\e137"}.glyphicon-filter:before{content:"\e138"}.glyphicon-briefcase:before{content:"\e139"}.glyphicon-fullscreen:before{content:"\e140"}.glyphicon-dashboard:before{content:"\e141"}.glyphicon-paperclip:before{content:"\e142"}.glyphicon-heart-empty:before{content:"\e143"}.glyphicon-link:before{content:"\e144"}.glyphicon-phone:before{content:"\e145"}.glyphicon-pushpin:before{content:"\e146"}.glyphicon-usd:before{content:"\e148"}.glyphicon-gbp:before{content:"\e149"}.glyphicon-sort:before{content:"\e150"}.glyphicon-sort-by-alphabet:before{content:"\e151"}.glyphicon-sort-by-alphabet-alt:before{content:"\e152"}.glyphicon-sort-by-order:before{content:"\e153"}.glyphicon-sort-by-order-alt:before{content:"\e154"}.glyphicon-sort-by-attributes:before{content:"\e155"}.glyphicon-sort-by-attributes-alt:before{content:"\e156"}.glyphicon-unchecked:before{content:"\e157"}.glyphicon-expand:before{content:"\e158"}.glyphicon-collapse-down:before{content:"\e159"}.glyphicon-collapse-up:before{content:"\e160"}.glyphicon-log-in:before{content:"\e161"}.glyphicon-flash:before{content:"\e162"}.glyphicon-log-out:before{content:"\e163"}.glyphicon-new-window:before{content:"\e164"}.glyphicon-record:before{content:"\e165"}.glyphicon-save:before{content:"\e166"}.glyphicon-open:before{content:"\e167"}.glyphicon-saved:before{content:"\e168"}.glyphicon-import:before{content:"\e169"}.glyphicon-export:before{content:"\e170"}.glyphicon-send:before{content:"\e171"}.glyphicon-floppy-disk:before{content:"\e172"}.glyphicon-floppy-saved:before{content:"\e173"}.glyphicon-floppy-remove:before{content:"\e174"}.glyphicon-floppy-save:before{content:"\e175"}.glyphicon-floppy-open:before{content:"\e176"}.glyphicon-credit-card:before{content:"\e177"}.glyphicon-transfer:before{content:"\e178"}.glyphicon-cutlery:before{content:"\e179"}.glyphicon-header:before{content:"\e180"}.glyphicon-compressed:before{content:"\e181"}.glyphicon-earphone:before{content:"\e182"}.glyphicon-phone-alt:before{content:"\e183"}.glyphicon-tower:before{content:"\e184"}.glyphicon-stats:before{content:"\e185"}.glyphicon-sd-video:before{content:"\e186"}.glyphicon-hd-video:before{content:"\e187"}.glyphicon-subtitles:before{content:"\e188"}.glyphicon-sound-stereo:before{content:"\e189"}.glyphicon-sound-dolby:before{content:"\e190"}.glyphicon-sound-5-1:before{content:"\e191"}.glyphicon-sound-6-1:before{content:"\e192"}.glyphicon-sound-7-1:before{content:"\e193"}.glyphicon-copyright-mark:before{content:"\e194"}.glyphicon-registration-mark:before{content:"\e195"}.glyphicon-cloud-download:before{content:"\e197"}.glyphicon-cloud-upload:before{content:"\e198"}.glyphicon-tree-conifer:before{content:"\e199"}.glyphicon-tree-deciduous:before{content:"\e200"}.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}:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:10px;-webkit-tap-highlight-color:transparent}body{font-family:Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:13px;line-height:1.5384616;color:#333;background-color:#f5f5f5}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{color:#1e88e5;text-decoration:none}a:focus,a:hover{color:#166dba;text-decoration:none}a:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}figure{margin:0}img{vertical-align:middle}.carousel-inner>.item>a>img,.carousel-inner>.item>img,.img-responsive,.thumbnail a>img,.thumbnail>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 .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .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,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-weight:400;line-height:1;color:#999}.h1,.h2,.h3,h1,h2,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,.h5,.h6,h4,h5,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:#999}.text-primary{color:#2196f3}a.text-primary:focus,a.text-primary:hover{color:#0c7cd5}.text-success{color:#43a047}a.text-success:focus,a.text-success:hover{color:#347c37}.text-info{color:#00838f}a.text-info:focus,a.text-info:hover{color:#00545c}.text-warning{color:#ef6c00}a.text-warning:focus,a.text-warning:hover{color:#bc5500}.text-danger{color:#d84315}a.text-danger:focus,a.text-danger:hover{color:#aa3510}.bg-primary{color:#fff;background-color:#2196f3}a.bg-primary:focus,a.bg-primary:hover{background-color:#0c7cd5}.bg-success{background-color:#e8f5e9}a.bg-success:focus,a.bg-success:hover{background-color:#c4e6c7}.bg-info{background-color:#e0f7fa}a.bg-info:focus,a.bg-info:hover{background-color:#b4ecf3}.bg-warning{background-color:#fff3e0}a.bg-warning:focus,a.bg-warning:hover{background-color:#ffdfad}.bg-danger{background-color:#fbe9e7}a.bg-danger:focus,a.bg-danger:hover{background-color:#f4c1bb}.page-header{padding-bottom:9px;margin:40px 0 20px;border-bottom:1px solid #ddd}ol,ul{margin-top:0;margin-bottom:10px}ol ol,ol ul,ul ol,ul ul{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}dd,dt{line-height:1.5384616}dt{font-weight:700}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[data-original-title],abbr[title]{cursor:help;border-bottom:1px dotted #999}.initialism{font-size:90%;text-transform:uppercase}blockquote{padding:10px 20px;margin:0 0 20px;font-size:13px;border-left:5px solid #eee}blockquote ol:last-child,blockquote p:last-child,blockquote ul:last-child{margin-bottom:0}blockquote .small,blockquote footer,blockquote small{display:block;font-size:80%;line-height:1.5384616;color:#999}blockquote .small:before,blockquote footer:before,blockquote small:before{content:'\2014 \00A0'}.blockquote-reverse,blockquote.pull-right{padding-right:15px;padding-left:0;border-right:5px solid #eee;border-left:0;text-align:right}.blockquote-reverse .small:before,.blockquote-reverse footer:before,.blockquote-reverse small:before,blockquote.pull-right .small:before,blockquote.pull-right footer:before,blockquote.pull-right small:before{content:''}.blockquote-reverse .small:after,.blockquote-reverse footer:after,.blockquote-reverse small:after,blockquote.pull-right .small:after,blockquote.pull-right footer: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,.25)}kbd kbd{padding:0;font-size:100%;font-weight:700;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:#333;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-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.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-md-1,.col-md-10,.col-md-11,.col-md-12,.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-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.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-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{position:relative;min-height:1px;padding-left:10px;padding-right:10px}.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{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-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9{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-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9{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-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9{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:#999;text-align:left}th{text-align:left}.table{width:100%;max-width:100%;margin-bottom:20px}.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th{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>td,.table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>td,.table>thead:first-child>tr:first-child>th{border-top:0}.table>tbody+tbody{border-top:2px solid #ddd}.table .table{background-color:#f5f5f5}.table-condensed>tbody>tr>td,.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>td,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>thead>tr>th{padding:8px 20px}.table-bordered{border:1px solid #ddd}.table-bordered>tbody>tr>td,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>td,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border:1px solid #ddd}.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{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>tbody>tr.active>td,.table>tbody>tr.active>th,.table>tbody>tr>td.active,.table>tbody>tr>th.active,.table>tfoot>tr.active>td,.table>tfoot>tr.active>th,.table>tfoot>tr>td.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>thead>tr.active>th,.table>thead>tr>td.active,.table>thead>tr>th.active{background-color:#f8f8f8}.table-hover>tbody>tr.active:hover>td,.table-hover>tbody>tr.active:hover>th,.table-hover>tbody>tr:hover>.active,.table-hover>tbody>tr>td.active:hover,.table-hover>tbody>tr>th.active:hover{background-color:#ebebeb}.table>tbody>tr.success>td,.table>tbody>tr.success>th,.table>tbody>tr>td.success,.table>tbody>tr>th.success,.table>tfoot>tr.success>td,.table>tfoot>tr.success>th,.table>tfoot>tr>td.success,.table>tfoot>tr>th.success,.table>thead>tr.success>td,.table>thead>tr.success>th,.table>thead>tr>td.success,.table>thead>tr>th.success{background-color:#e8f5e9}.table-hover>tbody>tr.success:hover>td,.table-hover>tbody>tr.success:hover>th,.table-hover>tbody>tr:hover>.success,.table-hover>tbody>tr>td.success:hover,.table-hover>tbody>tr>th.success:hover{background-color:#d6edd8}.table>tbody>tr.info>td,.table>tbody>tr.info>th,.table>tbody>tr>td.info,.table>tbody>tr>th.info,.table>tfoot>tr.info>td,.table>tfoot>tr.info>th,.table>tfoot>tr>td.info,.table>tfoot>tr>th.info,.table>thead>tr.info>td,.table>thead>tr.info>th,.table>thead>tr>td.info,.table>thead>tr>th.info{background-color:#e0f7fa}.table-hover>tbody>tr.info:hover>td,.table-hover>tbody>tr.info:hover>th,.table-hover>tbody>tr:hover>.info,.table-hover>tbody>tr>td.info:hover,.table-hover>tbody>tr>th.info:hover{background-color:#caf1f6}.table>tbody>tr.warning>td,.table>tbody>tr.warning>th,.table>tbody>tr>td.warning,.table>tbody>tr>th.warning,.table>tfoot>tr.warning>td,.table>tfoot>tr.warning>th,.table>tfoot>tr>td.warning,.table>tfoot>tr>th.warning,.table>thead>tr.warning>td,.table>thead>tr.warning>th,.table>thead>tr>td.warning,.table>thead>tr>th.warning{background-color:#fff3e0}.table-hover>tbody>tr.warning:hover>td,.table-hover>tbody>tr.warning:hover>th,.table-hover>tbody>tr:hover>.warning,.table-hover>tbody>tr>td.warning:hover,.table-hover>tbody>tr>th.warning:hover{background-color:#ffe9c6}.table>tbody>tr.danger>td,.table>tbody>tr.danger>th,.table>tbody>tr>td.danger,.table>tbody>tr>th.danger,.table>tfoot>tr.danger>td,.table>tfoot>tr.danger>th,.table>tfoot>tr>td.danger,.table>tfoot>tr>th.danger,.table>thead>tr.danger>td,.table>thead>tr.danger>th,.table>thead>tr>td.danger,.table>thead>tr>th.danger{background-color:#fbe9e7}.table-hover>tbody>tr.danger:hover>td,.table-hover>tbody>tr.danger:hover>th,.table-hover>tbody>tr:hover>.danger,.table-hover>tbody>tr>td.danger:hover,.table-hover>tbody>tr>th.danger:hover{background-color:#f7d5d1}.table-responsive{overflow-x:auto;min-height:.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>tbody>tr>td,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>td,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>thead>tr>th{white-space:nowrap}.table-responsive>.table-bordered{border:0}.table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>thead>tr>th:first-child{border-left:0}.table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>thead>tr>th:last-child{border-right:0}.table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>th{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:#333;border:0;border-bottom:1px solid #e5e5e5}label{display:inline-block;max-width:100%;margin-bottom:5px;font-weight:700}input[type=search]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}input[type=checkbox],input[type=radio]{margin:4px 0 0;line-height:normal}input[type=file]{display:block}input[type=range]{display:block;width:100%}select[multiple],select[size]{height:auto}input[type=checkbox]:focus,input[type=file]:focus,input[type=radio]: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:#333}.form-control{display:block;width:100%;height:36px;padding:7px 12px;font-size:13px;line-height:1.5384616;color:#333;background-color:#fff;background-image:none;border:1px solid #ddd;border-radius:3px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(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,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(221,221,221,.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=datetime-local].form-control,input[type=month].form-control,input[type=time].form-control{line-height:36px}.input-group-sm input[type=date],.input-group-sm input[type=datetime-local],.input-group-sm input[type=month],.input-group-sm input[type=time],input[type=date].input-sm,input[type=datetime-local].input-sm,input[type=month].input-sm,input[type=time].input-sm{line-height:34px}.input-group-lg input[type=date],.input-group-lg input[type=datetime-local],.input-group-lg input[type=month],.input-group-lg input[type=time],input[type=date].input-lg,input[type=datetime-local].input-lg,input[type=month].input-lg,input[type=time].input-lg{line-height:40px}}.form-group{margin-bottom:20px}.checkbox,.radio{position:relative;display:block;margin-top:10px;margin-bottom:10px}.checkbox label,.radio label{min-height:20px;padding-left:20px;margin-bottom:0;font-weight:400;cursor:pointer}.checkbox input[type=checkbox],.checkbox-inline input[type=checkbox],.radio input[type=radio],.radio-inline input[type=radio]{position:absolute;margin-left:-20px}.checkbox+.checkbox,.radio+.radio{margin-top:-5px}.checkbox-inline,.radio-inline{position:relative;display:inline-block;padding-left:20px;margin-bottom:0;vertical-align:middle;font-weight:400;cursor:pointer}.checkbox-inline+.checkbox-inline,.radio-inline+.radio-inline{margin-top:0;margin-left:10px}fieldset[disabled] input[type=checkbox],fieldset[disabled] input[type=radio],input[type=checkbox].disabled,input[type=checkbox][disabled],input[type=radio].disabled,input[type=radio][disabled]{cursor:not-allowed}.checkbox-inline.disabled,.radio-inline.disabled,fieldset[disabled] .checkbox-inline,fieldset[disabled] .radio-inline{cursor:not-allowed}.checkbox.disabled label,.radio.disabled label,fieldset[disabled] .checkbox label,fieldset[disabled] .radio 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}select[multiple].input-sm,textarea.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 select[multiple].form-control,.form-group-sm textarea.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}select[multiple].input-lg,textarea.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 select[multiple].form-control,.form-group-lg textarea.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}.form-group-lg .form-control+.form-control-feedback,.input-group-lg+.form-control-feedback,.input-lg+.form-control-feedback{width:40px;height:40px;line-height:40px}.form-group-sm .form-control+.form-control-feedback,.input-group-sm+.form-control-feedback,.input-sm+.form-control-feedback{width:34px;height:34px;line-height:34px}.has-success .checkbox,.has-success .checkbox-inline,.has-success .control-label,.has-success .help-block,.has-success .radio,.has-success .radio-inline,.has-success.checkbox label,.has-success.checkbox-inline label,.has-success.radio label,.has-success.radio-inline label{color:#43a047}.has-success .form-control{border-color:#43a047;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-success .form-control:focus{border-color:#347c37;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #7fca83;box-shadow:inset 0 1px 1px rgba(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 .checkbox,.has-warning .checkbox-inline,.has-warning .control-label,.has-warning .help-block,.has-warning .radio,.has-warning .radio-inline,.has-warning.checkbox label,.has-warning.checkbox-inline label,.has-warning.radio label,.has-warning.radio-inline label{color:#ef6c00}.has-warning .form-control{border-color:#ef6c00;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-warning .form-control:focus{border-color:#bc5500;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ffa256;box-shadow:inset 0 1px 1px rgba(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 .checkbox,.has-error .checkbox-inline,.has-error .control-label,.has-error .help-block,.has-error .radio,.has-error .radio-inline,.has-error.checkbox label,.has-error.checkbox-inline label,.has-error.radio label,.has-error.radio-inline label{color:#d84315}.has-error .form-control{border-color:#d84315;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-error .form-control:focus{border-color:#aa3510;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #f08463;box-shadow:inset 0 1px 1px rgba(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 .form-control,.form-inline .input-group .input-group-addon,.form-inline .input-group .input-group-btn{width:auto}.form-inline .input-group>.form-control{width:100%}.form-inline .control-label{margin-bottom:0;vertical-align:middle}.form-inline .checkbox,.form-inline .radio{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.form-inline .checkbox label,.form-inline .radio label{padding-left:0}.form-inline .checkbox input[type=checkbox],.form-inline .radio input[type=radio]{position:relative;margin-left:0}.form-inline .has-feedback .form-control-feedback{top:0}}.form-horizontal .checkbox,.form-horizontal .checkbox-inline,.form-horizontal .radio,.form-horizontal .radio-inline{margin-top:0;margin-bottom:0;padding-top:8px}.form-horizontal .checkbox,.form-horizontal .radio{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:400;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.active.focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn:active:focus,.btn:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.btn.focus,.btn:focus,.btn:hover{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,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn.disabled,.btn[disabled],fieldset[disabled] .btn{cursor:not-allowed;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.focus,.btn-default.active:focus,.btn-default.active:hover,.btn-default:active.focus,.btn-default:active:focus,.btn-default:active:hover,.open>.dropdown-toggle.btn-default.focus,.open>.dropdown-toggle.btn-default:focus,.open>.dropdown-toggle.btn-default:hover{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.focus,.btn-default.disabled:focus,.btn-default.disabled:hover,.btn-default[disabled].focus,.btn-default[disabled]:focus,.btn-default[disabled]:hover,fieldset[disabled] .btn-default.focus,fieldset[disabled] .btn-default:focus,fieldset[disabled] .btn-default:hover{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.focus,.btn-primary.active:focus,.btn-primary.active:hover,.btn-primary:active.focus,.btn-primary:active:focus,.btn-primary:active:hover,.open>.dropdown-toggle.btn-primary.focus,.open>.dropdown-toggle.btn-primary:focus,.open>.dropdown-toggle.btn-primary:hover{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.focus,.btn-primary.disabled:focus,.btn-primary.disabled:hover,.btn-primary[disabled].focus,.btn-primary[disabled]:focus,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary.focus,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary:hover{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.focus,.btn-success.active:focus,.btn-success.active:hover,.btn-success:active.focus,.btn-success:active:focus,.btn-success:active:hover,.open>.dropdown-toggle.btn-success.focus,.open>.dropdown-toggle.btn-success:focus,.open>.dropdown-toggle.btn-success:hover{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.focus,.btn-success.disabled:focus,.btn-success.disabled:hover,.btn-success[disabled].focus,.btn-success[disabled]:focus,.btn-success[disabled]:hover,fieldset[disabled] .btn-success.focus,fieldset[disabled] .btn-success:focus,fieldset[disabled] .btn-success:hover{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.focus,.btn-info.active:focus,.btn-info.active:hover,.btn-info:active.focus,.btn-info:active:focus,.btn-info:active:hover,.open>.dropdown-toggle.btn-info.focus,.open>.dropdown-toggle.btn-info:focus,.open>.dropdown-toggle.btn-info:hover{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.focus,.btn-info.disabled:focus,.btn-info.disabled:hover,.btn-info[disabled].focus,.btn-info[disabled]:focus,.btn-info[disabled]:hover,fieldset[disabled] .btn-info.focus,fieldset[disabled] .btn-info:focus,fieldset[disabled] .btn-info:hover{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.focus,.btn-warning.active:focus,.btn-warning.active:hover,.btn-warning:active.focus,.btn-warning:active:focus,.btn-warning:active:hover,.open>.dropdown-toggle.btn-warning.focus,.open>.dropdown-toggle.btn-warning:focus,.open>.dropdown-toggle.btn-warning:hover{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.focus,.btn-warning.disabled:focus,.btn-warning.disabled:hover,.btn-warning[disabled].focus,.btn-warning[disabled]:focus,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning.focus,fieldset[disabled] .btn-warning:focus,fieldset[disabled] .btn-warning:hover{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.focus,.btn-danger.active:focus,.btn-danger.active:hover,.btn-danger:active.focus,.btn-danger:active:focus,.btn-danger:active:hover,.open>.dropdown-toggle.btn-danger.focus,.open>.dropdown-toggle.btn-danger:focus,.open>.dropdown-toggle.btn-danger:hover{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.focus,.btn-danger.disabled:focus,.btn-danger.disabled:hover,.btn-danger[disabled].focus,.btn-danger[disabled]:focus,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger.focus,fieldset[disabled] .btn-danger:focus,fieldset[disabled] .btn-danger:hover{background-color:#f44336;border-color:#f44336}.btn-danger .badge{color:#f44336;background-color:#fff}.btn-link{color:#1e88e5;font-weight:400;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:active,.btn-link:focus,.btn-link:hover{border-color:transparent}.btn-link:focus,.btn-link:hover{color:#166dba;text-decoration:none;background-color:transparent}.btn-link[disabled]:focus,.btn-link[disabled]:hover,fieldset[disabled] .btn-link:focus,fieldset[disabled] .btn-link:hover{color:#999;text-decoration:none}.btn-group-lg>.btn,.btn-lg{padding:9px 15px;font-size:14px;line-height:1.4285715;border-radius:5px}.btn-group-sm>.btn,.btn-sm{padding:6px 11px;font-size:12px;line-height:1.6666667;border-radius:2px}.btn-group-xs>.btn,.btn-xs{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=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block{width:100%}.fade{opacity:0;-webkit-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .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:.35s;transition-duration:.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-right:4px solid transparent;border-left:4px solid transparent}.dropdown,.dropup{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,.175);box-shadow:0 6px 12px rgba(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:400;line-height:1.5384616;color:#333;white-space:nowrap}.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{text-decoration:none;color:#333;background-color:#f5f5f5}.dropdown-menu>.active>a,.dropdown-menu>.active>a:focus,.dropdown-menu>.active>a:hover{color:#fff;text-decoration:none;outline:0;background-color:#2196f3}.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover{color:#999}.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover{text-decoration:none;background-color:transparent;background-image:none;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:#333;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;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-vertical>.btn,.btn-group>.btn{position:relative;float:left}.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover{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,.125);box-shadow:inset 0 3px 5px rgba(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=checkbox],[data-toggle=buttons]>.btn input[type=radio],[data-toggle=buttons]>.btn-group>.btn input[type=checkbox],[data-toggle=buttons]>.btn-group>.btn input[type=radio]{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}select[multiple].input-group-lg>.form-control,select[multiple].input-group-lg>.input-group-addon,select[multiple].input-group-lg>.input-group-btn>.btn,textarea.input-group-lg>.form-control,textarea.input-group-lg>.input-group-addon,textarea.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}select[multiple].input-group-sm>.form-control,select[multiple].input-group-sm>.input-group-addon,select[multiple].input-group-sm>.input-group-btn>.btn,textarea.input-group-sm>.form-control,textarea.input-group-sm>.input-group-addon,textarea.input-group-sm>.input-group-btn>.btn{height:auto}.input-group .form-control,.input-group-addon,.input-group-btn{display:table-cell}.input-group .form-control:not(:first-child):not(:last-child),.input-group-addon:not(:first-child):not(:last-child),.input-group-btn: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:400;line-height:1;color:#333;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=checkbox],.input-group-addon input[type=radio]{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-group:not(:last-child)>.btn,.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle){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:first-child>.btn-group:not(:first-child)>.btn,.input-group-btn:first-child>.btn:not(:first-child),.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group>.btn,.input-group-btn:last-child>.dropdown-toggle{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:active,.input-group-btn>.btn:focus,.input-group-btn>.btn:hover{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:focus,.nav>li>a:hover{text-decoration:none;background-color:#f5f5f5}.nav>li.disabled>a{color:#999}.nav>li.disabled>a:focus,.nav>li.disabled>a:hover{color:#999;text-decoration:none;background-color:transparent;cursor:not-allowed}.nav .open>a,.nav .open>a:focus,.nav .open>a:hover{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:focus,.nav-tabs>li.active>a:hover{color:#333;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:focus,.nav-tabs.nav-justified>.active>a:hover{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:focus,.nav-tabs.nav-justified>.active>a:hover{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:focus,.nav-pills>li.active>a:hover{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:focus,.nav-tabs-justified>.active>a:hover{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:focus,.nav-tabs-justified>.active>a:hover{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,.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-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse,.navbar-static-top .navbar-collapse{padding-left:0;padding-right:0}}.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse{max-height:340px}@media (max-device-width:480px) and (orientation:landscape){.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse{max-height:200px}}.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header{margin-right:-20px;margin-left:-20px}@media (min-width:769px){.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header{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-bottom,.navbar-fixed-top{position:fixed;right:0;left:0;z-index:1030}@media (min-width:769px){.navbar-fixed-bottom,.navbar-fixed-top{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:focus,.navbar-brand:hover{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 .dropdown-header,.navbar-nav .open .dropdown-menu>li>a{padding:5px 15px 5px 25px}.navbar-nav .open .dropdown-menu>li>a{line-height:20px}.navbar-nav .open .dropdown-menu>li>a:focus,.navbar-nav .open .dropdown-menu>li>a:hover{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,.1),0 1px 0 rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.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 .form-control,.navbar-form .input-group .input-group-addon,.navbar-form .input-group .input-group-btn{width:auto}.navbar-form .input-group>.form-control{width:100%}.navbar-form .control-label{margin-bottom:0;vertical-align:middle}.navbar-form .checkbox,.navbar-form .radio{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.navbar-form .checkbox label,.navbar-form .radio label{padding-left:0}.navbar-form .checkbox input[type=checkbox],.navbar-form .radio input[type=radio]{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:focus,.navbar-default .navbar-brand:hover{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:focus,.navbar-default .navbar-nav>li>a:hover{color:#333;background-color:#f8f8f8}.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover{color:#333;background-color:#f8f8f8}.navbar-default .navbar-nav>.disabled>a,.navbar-default .navbar-nav>.disabled>a:focus,.navbar-default .navbar-nav>.disabled>a:hover{color:#999;background-color:transparent}.navbar-default .navbar-toggle{border-color:#ddd}.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover{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:focus,.navbar-default .navbar-nav>.open>a:hover{background-color:#f8f8f8;color:#333}@media (max-width:768px){.navbar-default .navbar-nav .open .dropdown-menu>li>a{color:#555}.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover{color:#333;background-color:#f8f8f8}.navbar-default .navbar-nav .open .dropdown-menu>.active>a,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover{color:#333;background-color:#f8f8f8}.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover{color:#999;background-color:transparent}}.navbar-default .navbar-link{color:#555}.navbar-default .navbar-link:hover{color:#333}.navbar-default .btn-link{color:#555}.navbar-default .btn-link:focus,.navbar-default .btn-link:hover{color:#333}.navbar-default .btn-link[disabled]:focus,.navbar-default .btn-link[disabled]:hover,fieldset[disabled] .navbar-default .btn-link:focus,fieldset[disabled] .navbar-default .btn-link:hover{color:#999}.navbar-inverse{background-color:#37474f;border-color:#37474f}.navbar-inverse .navbar-brand{color:#fff}.navbar-inverse .navbar-brand:focus,.navbar-inverse .navbar-brand:hover{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:focus,.navbar-inverse .navbar-nav>li>a:hover{color:#fff;background-color:rgba(0,0,0,.1)}.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:focus,.navbar-inverse .navbar-nav>.active>a:hover{color:#fff;background-color:rgba(0,0,0,.15)}.navbar-inverse .navbar-nav>.disabled>a,.navbar-inverse .navbar-nav>.disabled>a:focus,.navbar-inverse .navbar-nav>.disabled>a:hover{color:rgba(255,255,255,.6);background-color:transparent}.navbar-inverse .navbar-toggle{border-color:#333}.navbar-inverse .navbar-toggle:focus,.navbar-inverse .navbar-toggle:hover{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:focus,.navbar-inverse .navbar-nav>.open>a:hover{background-color:rgba(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:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover{color:#fff;background-color:rgba(0,0,0,.1)}.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover{color:#fff;background-color:rgba(0,0,0,.15)}.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover{color:rgba(255,255,255,.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:focus,.navbar-inverse .btn-link:hover{color:#fff}.navbar-inverse .btn-link[disabled]:focus,.navbar-inverse .btn-link[disabled]:hover,fieldset[disabled] .navbar-inverse .btn-link:focus,fieldset[disabled] .navbar-inverse .btn-link:hover{color:rgba(255,255,255,.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:#333}.breadcrumb>.active{color:#999}.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:#333;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:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{z-index:2;color:#333;background-color:#f5f5f5;border-color:#ddd}.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{z-index:3;color:#fff;background-color:#2196f3;border-color:#2196f3;cursor:default}.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover{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:focus,.pager li>a:hover{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:focus,.pager .disabled>a:hover,.pager .disabled>span{color:#bbb;background-color:#fff;cursor:not-allowed}.label{display:inline;padding:.2em .6em .3em;font-size:75%;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em}a.label:focus,a.label:hover{color:#fff;text-decoration:none;cursor:pointer}.label:empty{display:none}.btn .label{position:relative;top:-1px}.label-default{background-color:#999}.label-default[href]:focus,.label-default[href]:hover{background-color:grey}.label-primary{background-color:#2196f3}.label-primary[href]:focus,.label-primary[href]:hover{background-color:#0c7cd5}.label-success{background-color:#4caf50}.label-success[href]:focus,.label-success[href]:hover{background-color:#3d8b40}.label-info{background-color:#00bcd4}.label-info[href]:focus,.label-info[href]:hover{background-color:#008fa1}.label-warning{background-color:#ff5722}.label-warning[href]:focus,.label-warning[href]:hover{background-color:#ee3900}.label-danger{background-color:#f44336}.label-danger[href]:focus,.label-danger[href]:hover{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:#999;border-radius:10px}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.btn-group-xs>.btn .badge,.btn-xs .badge{top:0;padding:1px 5px}a.badge:focus,a.badge:hover{color:#fff;text-decoration:none;cursor:pointer}.list-group-item.active>.badge,.nav-pills>.active>a>.badge{color:#333;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:#eee}.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 .2s ease-in-out;-o-transition:border .2s ease-in-out;transition:border .2s ease-in-out}.thumbnail a>img,.thumbnail>img{margin-left:auto;margin-right:auto}a.thumbnail.active,a.thumbnail:focus,a.thumbnail:hover{border-color:#1e88e5}.thumbnail .caption{padding:20px;color:#333}.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:#eee;border-radius:3px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(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,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;-o-transition:width .6s ease;transition:width .6s ease}.progress-bar-striped,.progress-striped .progress-bar{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:40px 40px}.progress-bar.active,.progress.active .progress-bar{-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,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.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,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.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,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.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,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.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-body,.media-left,.media-right{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:#333}a.list-group-item .list-group-item-heading,button.list-group-item .list-group-item-heading{color:#333}a.list-group-item:focus,a.list-group-item:hover,button.list-group-item:focus,button.list-group-item:hover{text-decoration:none;color:#333;background-color:#f5f5f5}button.list-group-item{width:100%;text-align:left}.list-group-item.disabled,.list-group-item.disabled:focus,.list-group-item.disabled:hover{background-color:transparent;color:#999;cursor:not-allowed}.list-group-item.disabled .list-group-item-heading,.list-group-item.disabled:focus .list-group-item-heading,.list-group-item.disabled:hover .list-group-item-heading{color:inherit}.list-group-item.disabled .list-group-item-text,.list-group-item.disabled:focus .list-group-item-text,.list-group-item.disabled:hover .list-group-item-text{color:#999}.list-group-item.active,.list-group-item.active:focus,.list-group-item.active:hover{z-index:2;color:#fff;background-color:#2196f3;border-color:#2196f3}.list-group-item.active .list-group-item-heading,.list-group-item.active .list-group-item-heading>.small,.list-group-item.active .list-group-item-heading>small,.list-group-item.active:focus .list-group-item-heading,.list-group-item.active:focus .list-group-item-heading>.small,.list-group-item.active:focus .list-group-item-heading>small,.list-group-item.active:hover .list-group-item-heading,.list-group-item.active:hover .list-group-item-heading>.small,.list-group-item.active:hover .list-group-item-heading>small{color:inherit}.list-group-item.active .list-group-item-text,.list-group-item.active:focus .list-group-item-text,.list-group-item.active:hover .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:focus,a.list-group-item-success:hover,button.list-group-item-success:focus,button.list-group-item-success:hover{color:#43a047;background-color:#d6edd8}a.list-group-item-success.active,a.list-group-item-success.active:focus,a.list-group-item-success.active:hover,button.list-group-item-success.active,button.list-group-item-success.active:focus,button.list-group-item-success.active:hover{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:focus,a.list-group-item-info:hover,button.list-group-item-info:focus,button.list-group-item-info:hover{color:#00838f;background-color:#caf1f6}a.list-group-item-info.active,a.list-group-item-info.active:focus,a.list-group-item-info.active:hover,button.list-group-item-info.active,button.list-group-item-info.active:focus,button.list-group-item-info.active:hover{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:focus,a.list-group-item-warning:hover,button.list-group-item-warning:focus,button.list-group-item-warning:hover{color:#ef6c00;background-color:#ffe9c6}a.list-group-item-warning.active,a.list-group-item-warning.active:focus,a.list-group-item-warning.active:hover,button.list-group-item-warning.active,button.list-group-item-warning.active:focus,button.list-group-item-warning.active:hover{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:focus,a.list-group-item-danger:hover,button.list-group-item-danger:focus,button.list-group-item-danger:hover{color:#d84315;background-color:#f7d5d1}a.list-group-item-danger.active,a.list-group-item-danger.active:focus,a.list-group-item-danger.active:hover,button.list-group-item-danger.active,button.list-group-item-danger.active:focus,button.list-group-item-danger.active:hover{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,.05);box-shadow:0 1px 1px rgba(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>.small,.panel-title>.small>a,.panel-title>a,.panel-title>small,.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>.panel-collapse>.table,.panel>.table,.panel>.table-responsive>.table{margin-bottom:0}.panel>.panel-collapse>.table caption,.panel>.table caption,.panel>.table-responsive>.table caption{padding-left:20px;padding-right:20px}.panel>.table-responsive:first-child>.table:first-child,.panel>.table:first-child{border-top-right-radius:2px;border-top-left-radius:2px}.panel>.table-responsive:first-child>.table:first-child>tbody: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:first-child>thead:first-child>tr:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.panel>.table-responsive:first-child>.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 th:first-child,.panel>.table-responsive:first-child>.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 th:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table:first-child>thead:first-child>tr:first-child th:first-child{border-top-left-radius:2px}.panel>.table-responsive:first-child>.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 th:last-child,.panel>.table-responsive:first-child>.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 th:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table:first-child>thead:first-child>tr:first-child th:last-child{border-top-right-radius:2px}.panel>.table-responsive:last-child>.table:last-child,.panel>.table:last-child{border-bottom-right-radius:2px;border-bottom-left-radius:2px}.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child{border-bottom-left-radius:2px;border-bottom-right-radius:2px}.panel>.table-responsive:last-child>.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 th:first-child,.panel>.table-responsive:last-child>.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 th:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child{border-bottom-left-radius:2px}.panel>.table-responsive:last-child>.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 th:last-child,.panel>.table-responsive:last-child>.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 th:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.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 td,.panel>.table>tbody:first-child>tr:first-child th{border-top:0}.panel>.table-bordered,.panel>.table-responsive>.table-bordered{border:0}.panel>.table-bordered>tbody>tr>td:first-child,.panel>.table-bordered>tbody>tr>th:first-child,.panel>.table-bordered>tfoot>tr>td:first-child,.panel>.table-bordered>tfoot>tr>th:first-child,.panel>.table-bordered>thead>tr>td:first-child,.panel>.table-bordered>thead>tr>th:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,.panel>.table-responsive>.table-bordered>thead>tr>th:first-child{border-left:0}.panel>.table-bordered>tbody>tr>td:last-child,.panel>.table-bordered>tbody>tr>th:last-child,.panel>.table-bordered>tfoot>tr>td:last-child,.panel>.table-bordered>tfoot>tr>th:last-child,.panel>.table-bordered>thead>tr>td:last-child,.panel>.table-bordered>thead>tr>th:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,.panel>.table-responsive>.table-bordered>thead>tr>th:last-child{border-right:0}.panel>.table-bordered>tbody>tr:first-child>td,.panel>.table-bordered>tbody>tr:first-child>th,.panel>.table-bordered>thead>tr:first-child>td,.panel>.table-bordered>thead>tr:first-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th,.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,.panel>.table-responsive>.table-bordered>thead>tr:first-child>th{border-bottom:0}.panel>.table-bordered>tbody>tr:last-child>td,.panel>.table-bordered>tbody>tr:last-child>th,.panel>.table-bordered>tfoot>tr:last-child>td,.panel>.table-bordered>tfoot>tr:last-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,.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>.list-group,.panel-group .panel-heading+.panel-collapse>.panel-body{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:#333;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:#333}.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 embed,.embed-responsive iframe,.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,.05);box-shadow:inset 0 1px 1px rgba(0,0,0,.05)}.well blockquote{border-color:#ddd;border-color:rgba(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:.2}.close:focus,.close:hover{color:#000;text-decoration:none;cursor:pointer;opacity:.5}button.close{padding:0;cursor:pointer;background:0 0;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 .3s ease-out;-moz-transition:-moz-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .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,.5);box-shadow:0 3px 9px rgba(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}.modal-backdrop.in{opacity:.5}.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,.5);box-shadow:0 5px 15px rgba(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:400;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}.tooltip.in{opacity:1}.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:400;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,.2);box-shadow:0 5px 10px rgba(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 transparent;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:#999;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:#999;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:#999;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:#999;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:.6s ease-in-out left;-o-transition:.6s ease-in-out left;transition:.6s ease-in-out left}.carousel-inner>.item>a>img,.carousel-inner>.item>img{line-height:1}@media all and (transform-3d),(-webkit-transform-3d){.carousel-inner>.item{-webkit-transition:-webkit-transform .6s ease-in-out;-moz-transition:-moz-transform .6s ease-in-out;-o-transition:-o-transform .6s ease-in-out;transition:transform .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.active.right,.carousel-inner>.item.next{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);left:0}.carousel-inner>.item.active.left,.carousel-inner>.item.prev{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);left:0}.carousel-inner>.item.active,.carousel-inner>.item.next.left,.carousel-inner>.item.prev.right{-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:.5;font-size:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6);background-color:rgba(0,0,0,0)}.carousel-control.left{background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);background-image:-o-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);background-image:linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);background-repeat:repeat-x}.carousel-control.right{left:auto;right:0;background-image:-webkit-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);background-image:-o-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);background-image:linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);background-repeat:repeat-x}.carousel-control:focus,.carousel-control:hover{outline:0;color:#fff;text-decoration:none;opacity:.9}.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev{position:absolute;top:50%;margin-top:-10px;z-index:5;display:inline-block}.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{left:50%;margin-left:-10px}.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{right:50%;margin-right:-10px}.carousel-control .icon-next,.carousel-control .icon-prev{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: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,.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-next,.carousel-control .icon-prev{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}}.btn-group-vertical>.btn-group:after,.btn-group-vertical>.btn-group:before,.btn-toolbar:after,.btn-toolbar:before,.clearfix:after,.clearfix:before,.container-fluid:after,.container-fluid:before,.container:after,.container:before,.dl-horizontal dd:after,.dl-horizontal dd:before,.form-horizontal .form-group:after,.form-horizontal .form-group:before,.modal-footer:after,.modal-footer:before,.modal-header:after,.modal-header:before,.nav:after,.nav:before,.navbar-collapse:after,.navbar-collapse:before,.navbar-header:after,.navbar-header:before,.navbar:after,.navbar:before,.pager:after,.pager:before,.panel-body:after,.panel-body:before,.row:after,.row:before{content:" ";display:table}.btn-group-vertical>.btn-group:after,.btn-toolbar:after,.clearfix:after,.container-fluid:after,.container:after,.dl-horizontal dd:after,.form-horizontal .form-group:after,.modal-footer:after,.modal-header:after,.nav:after,.navbar-collapse:after,.navbar-header:after,.navbar:after,.pager:after,.panel-body:after,.row: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-lg,.visible-md,.visible-sm,.visible-xs{display:none!important}.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-xs-block,.visible-xs-inline,.visible-xs-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}td.visible-xs,th.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}td.visible-sm,th.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}td.visible-md,th.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}td.visible-lg,th.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}td.visible-print,th.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('../../assets/css/icons/glyphicons/glyphicons-halflings-regular.eot'); src: url('../../assets/css/icons/glyphicons/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../../assets/css/icons/glyphicons/glyphicons-halflings-regular.woff2') format('woff2'), url('../../assets/css/icons/glyphicons/glyphicons-halflings-regular.woff') format('woff'), url('../../assets/css/icons/glyphicons/glyphicons-halflings-regular.ttf') format('truetype'), url('../../assets/css/icons/glyphicons/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(../../assets/images/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(../../assets/images/backgrounds/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 > 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: 40px; 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:hover > a, .dropdown-menu > .dropdown-submenu:focus > a { background-color: #f5f5f5; } .dropdown-menu > .dropdown-submenu:hover > a:after, .dropdown-menu > .dropdown-submenu:focus > 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 > .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: 265px; } .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; } } @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 { /*height: 100%;*/ display:inline !important; } .navbar-brand { color: #000 !important; /*background: #fff !important;*/ margin-left: 1px; height: auto; font-size: 12px; font-weight: 500; padding: 5px 20px; line-height: 15px; } .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 .language-switch a > img { position: relative; top: -1px; } .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; } } .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: #fbfbfb; } .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):not(.disabled > a) { 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-xlg { padding: 10px; } .label-icon-xlg.label-flat { padding: 9px; } .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 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 * * Version: 1.1 * Latest update: Mar 10, 2016 * * ---------------------------------------------------------------------------- */ .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-] a, .alert[class*=bg-] .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-] { border-left-color: rgba(0, 0, 0, 0.15) !important; } .alert.alert-styled-right { border-right-width: 44px; } .alert.alert-styled-right[class*=bg-] { 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(../../assets/images/backgrounds/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"]: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; } .field-validation-error { color: #F44336 !important; font-size: 12px; padding: 5px 2px; } .bootbox { color: #555; } .inline .select2, .inline .select2-selection { max-width: 200px; } .inline { display: inline !important; width: auto !important; } .panel-heading h3 { margin: 0; } a.disabled { pointer-events: none; cursor: not-allowed; } #search_filter { margin-bottom: 10px; } /*--------------*/ .mb5 { margin-bottom: 5px; } .bootpag { float: right; } .ml20 { margin-left: 20px; } .mt-25 { margin-top: 25px; } .mbn { margin-bottom: 0px; } .qbscroll { max-height: 600px; overflow-y: auto; } .bt-div-template { display: none; } .paperquestion .bootpag { margin-top: 5px; } .question_box { margin-bottom: 0px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0); border: 0px solid transparent; background-color: #fbfbfb !important; border-bottom: 1px solid #e4e4e4; } .question_box .panel-heading { background-color: transparent !important; } .question_box .panel-footer { background-color: #f5f5f5 !important; } .paperquestion .bootpag { margin-right: 10px; } textarea { resize: vertical; } .text-size-xs { font-size: 9px; } .exam-head { position: relative; } .exam-head .mode { position: absolute; right: 60px; top: 25px; z-index: 1; } .exam-head .mode-dash { position: absolute; right: 25px; top: 25px; z-index: 1; } .exam-head .expiration { position: absolute; right: 115px; top: 28px; z-index: 1; } .exam-head .expiration-dash { position: absolute; right: 80px; top: 28px; z-index: 1; } .label-control { margin-top: 10px; } #backVideo { position: fixed; right: 0; bottom: 0; min-width: 100%; min-height: 100%; } .heading-elements{ background-color:transparent !important; } #papersets .nav-tabs-vertical > ul > li.active a, #papersets .nav-tabs-left li.active .badge { color: #EC407A !important; } .bg-light-grey { background-color: #eee !important; } .panel-minimize { padding: 0px 20px 0 20px } .mt-0{margin-top:0px;} .login-footer { background-color: #002d58; padding: 10px; } .login-form { margin: 0 auto 0px auto !important; } .blue-dark { background-color:#002d58; } .blue-light { background-color: #15406a; } .panel-body .table-responsive { margin: 0 -20px; } .bootstrap-table .table, .bootstrap-table .table > tbody > tr > th, .bootstrap-table .table > tfoot > tr > th, .bootstrap-table .table > thead > tr > td, .bootstrap-table .table > tbody > tr > td, .bootstrap-table .table > tfoot > tr > td{ padding: 5px 10px; } .bootstrap-table .table { margin-bottom: 0 !important; border-collapse: collapse !important; border-bottom: 1px solid #ddd; } .bootstrap-table .table > thead > tr > th { vertical-align: bottom; border-bottom: 1px solid #ddd; } .bootstrap-table .table .btn { padding: 2px 5px !important; } .bootstrap-table .table .btn i.glyphicon { font-size: 10px !important; } .bootstrap-table .fixed-table-pagination > .pagination-detail, .bootstrap-table .fixed-table-pagination > .pagination { margin-top: 5px; margin-bottom: 5px; margin-left: 5px; } .detail-view table thead tr th { padding: 5px !important; } .popupscroll { max-height: 500px; overflow-y: auto; overflow-x:hidden; } #hhmember .select2-container, #hhmember select { width: 150px !important; } .va-top { vertical-align: top } .pad-8 { padding: 8px; } @media (min-width: 1025px) { .modal-ds { width: 1300px; } } .table-success, .table-success > td, .table-success > th { background-color: #dfd; } /* ------------------------------------------------------------------------------ * * # 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: Mar 10, 2016 * * ---------------------------------------------------------------------------- */ .sidebar { color: #fff; position: relative; width: 100%; display: none; } .sidebar .sidebar-content { background-color: #263238; border: 1px solid transparent; } @media (min-width: 769px) { .sidebar { display: table-cell; vertical-align: top; width: 280px; /*padding-right: 20px;*/ } } .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; padding-right: 0; padding-left: 20px; } } .sidebar .has-scroll { max-height: 192px; overflow-y: auto; } .sidebar-default { color: #333333; background-color: #fff; } .sidebar-default .sidebar-content { background-color: #fff; border-color: #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-content { position: relative; border-radius: 3px; /*margin-bottom: 20px;*/ } .sidebar-all-hidden .sidebar-main, .sidebar-all-hidden .sidebar-secondary, .sidebar-main-hidden .sidebar-main, .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 { 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; } .category-title:not(.h5):not(.h6)>span { margin-top: 2px; text-transform: uppercase; font-weight: 500; font-size: 11px; line-height: 1.82; } .category-title.h5, .category-title.h6 { padding: 20px; border-bottom: 0; } .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; } .category-title+.sidebar-user { padding-top: 5px; padding-bottom: 5px; } .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-category>.h5+.category-content>.navigation, .sidebar-category>.h6+.category-content>.navigation { padding-top: 0; padding-bottom: 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; } .menuBox { text-align: center; border-top: 1px solid #ddd; } .navigation li.menuBox { margin-top: 0; } .menuBox:hover { background: #f5f5f5; } .menuBox ul li a { text-align: left; } .logo-section { display: inline-block; margin-left: 17px; } .logo-section .logo, .logo-section .breadcrumb { display: inline-block; vertical-align: middle; float: none; } @media (max-width: 768px) { .navigation.nav>li>.hidden-ul { display: block; } .menu-desktop { display: none; } .menuBox { text-align: left; } .menuBox i { font-size: 16px; } } .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.affix { position: fixed; width: 260px; 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-fixed.affix .sidebar-content { max-height: 100%; overflow-y: auto; } .sidebar-fixed.affix.fixed-sidebar-space { bottom: 60px; } .navbar-bottom .sidebar-fixed.affix.fixed-sidebar-space { bottom: 86px; } .navbar-bottom-lg .sidebar-fixed.affix.fixed-sidebar-space { bottom: 90px; } .navbar-bottom-sm .sidebar-fixed.affix.fixed-sidebar-space { bottom: 84px; } .navbar-bottom-xs .sidebar-fixed.affix.fixed-sidebar-space { bottom: 82px; } .navbar-fixed .sidebar-fixed.affix { top: 86px; } .navbar-fixed-lg .sidebar-fixed.affix { top: 90px; } .navbar-fixed-sm .sidebar-fixed.affix { top: 84px; } .navbar-fixed-xs .sidebar-fixed.affix { top: 82px; } .sidebar-xs .sidebar-fixed.affix { width: 56px; } } .sidebar-fixed-expanded .sidebar-main { position: absolute; display: block; z-index: 1001; } .sidebar-xs .sidebar-fixed-expanded .sidebar-main { width: 280px; } .sidebar-fixed-expanded .content-wrapper { padding-left: 76px; } .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 .sidebar-content { background-color: transparent; } .sidebar-separate .sidebar-category { background-color: #263238; border-radius: 3px; margin-bottom: 20px; } .sidebar-separate.sidebar-default .sidebar-content { 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: 90px; } .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 { 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); } } .sidebar .tab-pane .h5:first-child, .sidebar .tab-pane .h6:first-child { padding-top: 0; } .sidebar .tab-pane .h5:first-child .icons-list, .sidebar .tab-pane .h6:first-child .icons-list { top: 0; margin-top: 4px; } @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>li:first-child>a { border-top-left-radius: 3px; } .sidebar-default .nav-tabs>li:last-child>a { border-top-right-radius: 3px; } .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; padding: 0px 20px 0px 0px; padding-bottom: 0px; } /*.navbar-bottom .page-container, .navbar-bottom-lg .page-container, .navbar-bottom-sm .page-container, .navbar-bottom-xs .page-container { padding-bottom: 20px; }*/ .page-header+.page-container { padding-top: 0; } @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; } } /* ------------------------------------------------------------------------------ * * # Boxed layout * * Styles for main structure of content area in boxed layout * * Version: 1.0 * Latest update: May 25, 2015 * * ---------------------------------------------------------------------------- */ .layout-boxed .navbar .navbar-boxed, .layout-boxed .page-header-content, .layout-boxed .page-header .breadcrumb-boxed, .layout-boxed .page-container, .layout-boxed .footer-boxed { margin-left: auto; margin-right: auto; } @media (min-width: 769px) { .layout-boxed .navbar:not(.navbar-component) { padding-left: 0; padding-right: 0; } .layout-boxed .navbar:not(.navbar-component) .navbar-boxed { position: relative; padding-left: 20px; padding-right: 20px; } .layout-boxed .navbar:not(.navbar-component) .navbar-boxed .navbar-header { margin-left: 0; } .layout-boxed .navbar:not(.navbar-component) .navbar-boxed .navbar-brand { padding-left: 0; } .layout-boxed .navbar:not(.navbar-component) .navbar-boxed .mega-menu-wide .dropdown-content { left: 20px; right: 20px; } } .layout-boxed .page-header .breadcrumb-boxed { padding-left: 20px; padding-right: 20px; } @media (min-width: 769px) { .layout-boxed .page-container, .layout-boxed .navbar .navbar-boxed, .layout-boxed .page-header .breadcrumb-boxed, .layout-boxed .page-header-content, .layout-boxed .footer-boxed { width: 769px; } } @media (min-width: 1025px) { .layout-boxed .page-container, .layout-boxed .navbar .navbar-boxed, .layout-boxed .page-header .breadcrumb-boxed, .layout-boxed .page-header-content, .layout-boxed .footer-boxed { width: 1025px; } } @media (min-width: 1200px) { .layout-boxed .page-container, .layout-boxed .navbar .navbar-boxed, .layout-boxed .page-header .breadcrumb-boxed, .layout-boxed .page-header-content, .layout-boxed .footer-boxed { width: 1200px; } } /* ------------------------------------------------------------------------------ * * # Footer * * Main footer styles, currently 1 version only * * Version: 1.2 * Latest update: Jan 5, 2017 * * ---------------------------------------------------------------------------- */ .footer { position: absolute; left: 20px; right: 20px; 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-left 0.2s; -o-transition: margin-left 0.2s; transition: margin-left 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 0 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: 6px 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 * * Version: 1.0 * Latest update: May 25, 2015 * * ---------------------------------------------------------------------------- */ .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; max-height: 250px; overflow-y: auto; } .multiselect-container>li { padding: 0; } .multiselect-container>li>a { padding: 0; } .multiselect-container>li>a>label { margin: 0; height: 100%; cursor: pointer; padding: 8px 12px; padding-left: 40px; } .navbar-form .multiselect-container>li>a>label { display: block; } .multiselect-container>li>a .checker, .multiselect-container>li>a .choice { top: 50%; margin-top: -9px; left: 12px; } .multiselect-container>li>a.multiselect-all label { font-weight: 500; } .multiselect-container>li.disabled>a { background-color: transparent; } .multiselect-container>li.disabled>a>label { cursor: not-allowed; } .multiselect-container>li.multiselect-group>label, .multiselect-container>li.multiselect-group.active>label { margin: 0; padding: 8px 15px; font-size: 11px; line-height: 1.82; color: #999999; text-transform: uppercase; margin-top: 14px; background-color: transparent; cursor: default; } .multiselect-container>li.multiselect-group.disabled { color: #999999; } .multiselect-container>li.multiselect-group:first-child>label, .multiselect-container>li.multiselect-group:first-child.active>label { margin-top: 7px; } .multiselect-container>li.multiselect-group.multiselect-group-clickable>label { cursor: pointer; } .multiselect-container>li.multiselect-group.disabled label, .multiselect-container>li.multiselect-group.disabled:hover label, .multiselect-container>li.multiselect-group.disabled:focus label { background-color: transparent; cursor: not-allowed; } .multi-select-full>.btn-group { width: 100%; } .multi-select-full>.btn-group .multiselect-container { width: inherit; } .multi-select-fixed>.btn-group>.btn { width: 250px; } .multi-select-auto>.btn-group>.btn { width: auto; } div[class*=border-]>.btn-group { border-color: inherit; } div[class*=border-]>.btn-group>.multiselect { border-color: inherit; } li.multiselect-filter { position: relative; padding: 5px 12px; margin-bottom: 5px; } li.multiselect-filter i { font-size: 12px; position: absolute; left: 24px; top: 50%; margin-top: -6px; opacity: 0.5; filter: alpha(opacity=50); } li.multiselect-filter .form-control { padding-left: 36px; } .input-group-btn+.multi-select-full .multiselect:first-child, .input-group-addon+.multi-select-full .multiselect:first-child, .input-group-btn+.multi-select-auto .multiselect:first-child, .input-group-addon+.multi-select-auto .multiselect:first-child, .input-group-btn+.multi-select-fixed .multiselect:first-child, .input-group-addon+.multi-select-fixed .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-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; margin-left: 10px; } .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("../../assets/css/icons/summernote/summernote.eot?ad8d7e2d177d2473aecd9b35d16211fb"); src: url("../../assets/css/icons/summernote/summernote.eot?#iefix") format("embedded-opentype"), url("../../assets/css/icons/summernote/summernote.woff?ad8d7e2d177d2473aecd9b35d16211fb") format("woff"), url("../../assets/css/icons/summernote/summernote.ttf?ad8d7e2d177d2473aecd9b35d16211fb") 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: 45%; } .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 * * Version: 1.2 * Latest update: Jul 5, 2016 * * ---------------------------------------------------------------------------- */ .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; } .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 * * Version: 1.1 * Latest update: Mar 10, 2016 * * ---------------------------------------------------------------------------- */ .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 * * Version: 1.1 * Latest update: Mar 10, 2016 * * ---------------------------------------------------------------------------- */ .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: 10; -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; } } /* ------------------------------------------------------------------------------ * * # 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 { 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; text-align: center; background-color: #fcfcfc; border: 1px solid #ddd; color: #333; } .ui-button.ui-state-hover, .ui-button.ui-state-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.ui-state-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-].ui-state-hover, .ui-button[class*=bg-].ui-state-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-].ui-state-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.ui-state-hover, .ui-button.ui-button-link.ui-state-focus { color: #166dba; } .ui-button.ui-button-link.ui-state-hover, .ui-button.ui-button-link.ui-state-focus, .ui-button.ui-button-link.ui-state-active { -webkit-box-shadow: none; box-shadow: none; } .ui-button::-moz-focus-inner { border: 0; padding: 0; } .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 { padding-left: 9px; padding-right: 9px; } .ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { display: none; } .ui-buttonset { display: inline-block; vertical-align: middle; position: relative; } .ui-buttonset .ui-button { border-radius: 0; margin-left: -1px; float: left; } .ui-buttonset .ui-button:first-child, .ui-buttonset .ui-helper-hidden-accessible:first-child+.ui-button { margin-left: 0; } .ui-buttonset .ui-button:first-child, .ui-buttonset .ui-helper-hidden-accessible:first-child+.ui-button:not(:last-child) { border-bottom-left-radius: 3px; border-top-left-radius: 3px; } .ui-buttonset .ui-button:last-child { border-bottom-right-radius: 3px; border-top-right-radius: 3px; } .ui-buttonset-split { position: relative; display: inline-block; } .ui-buttonset-split>ul { position: absolute; text-align: left; min-width: 180px; } .ui-datepicker { min-width: 270px; background-color: #fff; padding: 14px; display: none; border: 1px solid #ddd; border-radius: 3px; z-index: 999 !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; } .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; cursor: pointer; padding: 8px 15px; min-height: 0; outline: 0; } .ui-menu .ui-menu-item>a { display: block; color: #333333; } .ui-menu .ui-menu-item>i { margin-right: 7px; } .ui-menu .ui-menu-item>.ui-menu-icon { position: absolute; top: 50%; margin-top: -8px; right: 15px; } .ui-menu .ui-menu-item>.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-menu-item.ui-state-disabled, .ui-menu .ui-menu-item.ui-state-disabled a { 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 { padding-left: 24px; } .ui-selectmenu-open { display: block; } .ui-selectmenu-button { display: inline-block; position: relative; text-decoration: none; cursor: pointer; height: 36px; padding: 7px 12px; padding-right: 34px; background-color: #fff; border: 1px solid #ddd; border-radius: 3px; outline: 0; } .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-selectmenu-text { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .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('../../assets/images/brands/amazon.png') no-repeat; } .ui-selectmenu-images .demo-img-youtube { background: url('../../assets/images/brands/youtube.png') no-repeat; } .ui-selectmenu-images .demo-img-twitter { background: url('../../assets/images/brands/twitter.png') no-repeat; } .ui-selectmenu-images .demo-img-bing { background: url('../../assets/images/brands/bing.png') no-repeat; } .ui-selectmenu-images .demo-img-spotify { background: url('../../assets/images/brands/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%; 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; } .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: 1040; } /* ------------------------------------------------------------------------------ * * # 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 { top: 20px; } .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; } /* ------------------------------------------------------------------------------ * * # 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-icon-right-single-arrow:after { content: "\e9c3"; } .fc-icon-left-double-arrow:after { content: "\000AB"; } .fc-icon-right-double-arrow:after { content: "\000BB"; } .fc-icon-x:after { content: "\ed6b"; font-size: 12px; display: block; } .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 { margin-top: 2px; 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-content { background-color: inherit; } .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; } 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-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 * * Version: 1.0 * Latest update: May 25, 2015 * * ---------------------------------------------------------------------------- */ .DTFC_Cloned { background-color: #fff; border-bottom: 0; } .DTFC_LeftWrapper .DTFC_Cloned.table { border-right: 1px solid #ddd; } .DTFC_RightWrapper .DTFC_Cloned.table { 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: white; } @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 { 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 { border-radius: 0; } .dt-buttons>.btn:first-child { border-bottom-left-radius: 3px; border-top-left-radius: 3px; } .dt-buttons>.btn:last-child { 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>.dt-button { padding: 8px 15px; color: #333333; display: block; outline: 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 { min-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('../../assets/images/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 * * ---------------------------------------------------------------------------- */ .text-bold { font-weight: bold; } .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-0 { margin-top: 0px !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; } .mt-30 { margin-top: 30px !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%; } .width-auto { width: auto !important; } @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; } } .nav>li>a { padding: 9px 7px; } .popup-heading { font-size: 14px; font-weight: 600; margin-bottom: 5px; } .clickProceed { font-size: 16px; vertical-align: sub; } input.checker { margin-top: 0; } .nav-logo, .nav-text { display: inline-block; vertical-align: middle; } .icon-custom-size { font-size: 25px; } .blue-light { background-image: url(/assets/images/blue_banner.png); background-size: cover; height: 90px; background-position: center; } .nav.navbar-nav.navbar-right li.dropdown-user a { color: #333; } /*font*/ .text-size-14 { font-size: 14px; } [v-cloak] { display: none; } .fileUpload { margin-bottom: 10px; margin-top: 10px; } .fileUpload .form-control { width: 50%; float: left; } #roleDetails td:hover { text-decoration: underline; cursor: pointer; } .bg-red { background-color: #f0a9a9; } .legend-box { position: relative; padding-left: 30px; display: inline-block; margin-bottom: 10px; } .legend-box:before { content: ''; display: block; position: absolute; left: 0; width: 20px; height: 20px; } .legend-box.green:before { background-color: #4fd67c; } .legend-box.red:before { background-color: #f3abad; } .legend-box.yellow:before { background-color: #E8C547; } .label-value { font-weight: 500; } .span-block { display:block; } .error-box { background-color: #f8d7da; border: 1px solid #f5c6cb; padding: 10px; margin-top: 10px; } .error-item { margin-bottom: 5px; } .custom-scrollbar::-webkit-scrollbar { width: 20px; } .custom-scrollbar::-webkit-scrollbar-track { background-color: transparent; } .custom-scrollbar::-webkit-scrollbar-thumb { background-color: #d6dee1; border-radius: 20px; border: 6px solid transparent; background-clip: content-box; } .custom-scrollbar::-webkit-scrollbar-thumb:hover { background-color: #a8bbbf; } .word-break-all { word-break: break-all; } @media (min-width: 768px) { .custom-row-margin { margin-bottom: 15px; } } .notification-badge { background-color: red; color: white; border-radius: 50%; padding: 0px 6px; font-size: 10px; position: absolute; top: 2px; left: 20px; } .notification-container { display: flex; flex-direction: column; max-height: 340px; overflow-y: auto; } .notification-item { padding: 10px; border-top: 1px solid rgba(0, 0, 0, 0.1); } .notification-unread{ background: #f3f9fd; } .sab { visibility: hidden; } .error > div.sab { color: red; font-weight: 300; visibility: visible !important; } .error > input { border: 1px solid red; } .modal-body { max-height: calc(100vh - 210px); overflow-y: auto; } .nav-logo img { flex-shrink: 0; } .nav-text { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } @media (max-width: 767.98px) { .nav-text { max-width: calc(100vw - 200px); } } /* ------------------------------------------------------------------------------ * * # 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; } /* Make clicks pass-through */ #nprogress { pointer-events: none; } #nprogress .bar { background: #29d; position: fixed; z-index: 1031; top: 0; left: 0; width: 100%; height: 2px; } /* Fancy blur effect */ #nprogress .peg { display: block; position: absolute; right: 0px; width: 100px; height: 100%; box-shadow: 0 0 10px #29d, 0 0 5px #29d; opacity: 1.0; -webkit-transform: rotate(3deg) translate(0px, -4px); -ms-transform: rotate(3deg) translate(0px, -4px); transform: rotate(3deg) translate(0px, -4px); } /* Remove these to get rid of the spinner */ #nprogress .spinner { display: block; position: fixed; z-index: 1031; top: 15px; right: 15px; } #nprogress .spinner-icon { width: 18px; height: 18px; box-sizing: border-box; border: solid 2px transparent; border-top-color: #29d; border-left-color: #29d; border-radius: 50%; -webkit-animation: nprogress-spinner 400ms linear infinite; animation: nprogress-spinner 400ms linear infinite; } .nprogress-custom-parent { overflow: hidden; position: relative; } .nprogress-custom-parent #nprogress .spinner, .nprogress-custom-parent #nprogress .bar { position: absolute; } @-webkit-keyframes nprogress-spinner { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @keyframes nprogress-spinner { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @charset "UTF-8"; /* * jQuery File Upload Plugin CSS * https://github.com/blueimp/jQuery-File-Upload * * Copyright 2013, Sebastian Tschan * https://blueimp.net * * Licensed under the MIT license: * http://www.opensource.org/licenses/MIT */ .fileinput-button { position: relative; overflow: hidden; display: inline-block; } .fileinput-button input { position: absolute; top: 0; right: 0; margin: 0; opacity: 0; -ms-filter: 'alpha(opacity=0)'; font-size: 200px !important; direction: ltr; cursor: pointer; } /* Fixes for IE < 8 */ @media screen\9 { .fileinput-button input { filter: alpha(opacity=0); font-size: 100%; height: 100%; } } /** * @author zhixin wen * version: 1.16.0 * https://github.com/wenzhixin/bootstrap-table/ */ .bootstrap-table .fixed-table-toolbar::after { content: ""; display: block; clear: both; } .bootstrap-table .fixed-table-toolbar .bs-bars, .bootstrap-table .fixed-table-toolbar .search, .bootstrap-table .fixed-table-toolbar .columns { position: relative; margin-top: 10px; margin-bottom: 10px; } .bootstrap-table .fixed-table-toolbar .columns .btn-group > .btn-group { display: inline-block; margin-left: -1px !important; } .bootstrap-table .fixed-table-toolbar .columns .btn-group > .btn-group > .btn { border-radius: 0; } .bootstrap-table .fixed-table-toolbar .columns .btn-group > .btn-group:first-child > .btn { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .bootstrap-table .fixed-table-toolbar .columns .btn-group > .btn-group:last-child > .btn { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .bootstrap-table .fixed-table-toolbar .columns .dropdown-menu { text-align: left; max-height: 300px; overflow: auto; -ms-overflow-style: scrollbar; z-index: 1001; } .bootstrap-table .fixed-table-toolbar .columns label { display: block; padding: 3px 20px; clear: both; font-weight: normal; line-height: 1.428571429; } .bootstrap-table .fixed-table-toolbar .columns-left { margin-right: 5px; } .bootstrap-table .fixed-table-toolbar .columns-right { margin-left: 5px; } .bootstrap-table .fixed-table-toolbar .pull-right .dropdown-menu { right: 0; left: auto; } .bootstrap-table .fixed-table-container { position: relative; clear: both; } .bootstrap-table .fixed-table-container .table { width: 100%; margin-bottom: 0 !important; } .bootstrap-table .fixed-table-container .table th, .bootstrap-table .fixed-table-container .table td { vertical-align: middle; box-sizing: border-box; } .bootstrap-table .fixed-table-container .table thead th { vertical-align: bottom; padding: 0; margin: 0; } .bootstrap-table .fixed-table-container .table thead th:focus { outline: 0 solid transparent; } .bootstrap-table .fixed-table-container .table thead th.detail { width: 30px; } .bootstrap-table .fixed-table-container .table thead th .th-inner { padding: 0.75rem; vertical-align: bottom; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .bootstrap-table .fixed-table-container .table thead th .sortable { cursor: pointer; background-position: right; background-repeat: no-repeat; padding-right: 30px !important; } .bootstrap-table .fixed-table-container .table thead th .both { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAQAAADYWf5HAAAAkElEQVQoz7X QMQ5AQBCF4dWQSJxC5wwax1Cq1e7BAdxD5SL+Tq/QCM1oNiJidwox0355mXnG/DrEtIQ6azioNZQxI0ykPhTQIwhCR+BmBYtlK7kLJYwWCcJA9M4qdrZrd8pPjZWPtOqdRQy320YSV17OatFC4euts6z39GYMKRPCTKY9UnPQ6P+GtMRfGtPnBCiqhAeJPmkqAAAAAElFTkSuQmCC"); } .bootstrap-table .fixed-table-container .table thead th .asc { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAAZ0lEQVQ4y2NgGLKgquEuFxBPAGI2ahhWCsS/gDibUoO0gPgxEP8H4ttArEyuQYxAPBdqEAxPBImTY5gjEL9DM+wTENuQahAvEO9DMwiGdwAxOymGJQLxTyD+jgWDxCMZRsEoGAVoAADeemwtPcZI2wAAAABJRU5ErkJggg=="); } .bootstrap-table .fixed-table-container .table thead th .desc { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAAZUlEQVQ4y2NgGAWjYBSggaqGu5FA/BOIv2PBIPFEUgxjB+IdQPwfC94HxLykus4GiD+hGfQOiB3J8SojEE9EM2wuSJzcsFMG4ttQgx4DsRalkZENxL+AuJQaMcsGxBOAmGvopk8AVz1sLZgg0bsAAAAASUVORK5CYII= "); } .bootstrap-table .fixed-table-container .table tbody tr.selected td { background-color: rgba(0, 0, 0, 0.075); } .bootstrap-table .fixed-table-container .table tbody tr.no-records-found td { text-align: center; } .bootstrap-table .fixed-table-container .table tbody tr .card-view { display: flex; } .bootstrap-table .fixed-table-container .table tbody tr .card-view .card-view-title { font-weight: bold; display: inline-block; min-width: 30%; text-align: left !important; } .bootstrap-table .fixed-table-container .table .bs-checkbox { text-align: center; } .bootstrap-table .fixed-table-container .table .bs-checkbox label { margin-bottom: 0; } .bootstrap-table .fixed-table-container .table .bs-checkbox label input[type="radio"], .bootstrap-table .fixed-table-container .table .bs-checkbox label input[type="checkbox"] { margin: 0 auto !important; } .bootstrap-table .fixed-table-container .table.table-sm .th-inner { padding: 0.3rem; } .bootstrap-table .fixed-table-container.fixed-height:not(.has-footer) { border-bottom: 1px solid #dee2e6; } .bootstrap-table .fixed-table-container.fixed-height.has-card-view { border-top: 1px solid #dee2e6; border-bottom: 1px solid #dee2e6; } .bootstrap-table .fixed-table-container.fixed-height .fixed-table-border { border-left: 1px solid #dee2e6; border-right: 1px solid #dee2e6; } .bootstrap-table .fixed-table-container.fixed-height .table thead th { border-bottom: 1px solid #dee2e6; } .bootstrap-table .fixed-table-container.fixed-height .table-dark thead th { border-bottom: 1px solid #32383e; } .bootstrap-table .fixed-table-container .fixed-table-header { overflow: hidden; } .bootstrap-table .fixed-table-container .fixed-table-body { overflow-x: auto; overflow-y: auto; height: 100%; } .bootstrap-table .fixed-table-container .fixed-table-body .fixed-table-loading { align-items: center; background: #fff; display: none; justify-content: center; position: absolute; bottom: 0; width: 100%; z-index: 1000; } .bootstrap-table .fixed-table-container .fixed-table-body .fixed-table-loading .loading-wrap { align-items: baseline; display: flex; justify-content: center; } .bootstrap-table .fixed-table-container .fixed-table-body .fixed-table-loading .loading-wrap .loading-text { font-size: 1.25rem; margin-right: 6px; } .bootstrap-table .fixed-table-container .fixed-table-body .fixed-table-loading .loading-wrap .animation-wrap { align-items: center; display: flex; justify-content: center; } .bootstrap-table .fixed-table-container .fixed-table-body .fixed-table-loading .loading-wrap .animation-dot, .bootstrap-table .fixed-table-container .fixed-table-body .fixed-table-loading .loading-wrap .animation-wrap::after, .bootstrap-table .fixed-table-container .fixed-table-body .fixed-table-loading .loading-wrap .animation-wrap::before { content: ""; animation-duration: 1.5s; animation-iteration-count: infinite; animation-name: LOADING; background: #212529; border-radius: 50%; display: block; height: 5px; margin: 0 4px; opacity: 0; width: 5px; } .bootstrap-table .fixed-table-container .fixed-table-body .fixed-table-loading .loading-wrap .animation-dot { animation-delay: 0.3s; } .bootstrap-table .fixed-table-container .fixed-table-body .fixed-table-loading .loading-wrap .animation-wrap::after { animation-delay: 0.6s; } .bootstrap-table .fixed-table-container .fixed-table-body .fixed-table-loading.table-dark { background: #212529; } .bootstrap-table .fixed-table-container .fixed-table-body .fixed-table-loading.table-dark .animation-dot, .bootstrap-table .fixed-table-container .fixed-table-body .fixed-table-loading.table-dark .animation-wrap::after, .bootstrap-table .fixed-table-container .fixed-table-body .fixed-table-loading.table-dark .animation-wrap::before { background: #fff; } .bootstrap-table .fixed-table-container .fixed-table-footer { overflow: hidden; } .bootstrap-table .fixed-table-pagination::after { content: ""; display: block; clear: both; } .bootstrap-table .fixed-table-pagination > .pagination-detail, .bootstrap-table .fixed-table-pagination > .pagination { margin-top: 10px; margin-bottom: 10px; } .bootstrap-table .fixed-table-pagination > .pagination-detail .pagination-info { line-height: 34px; margin-right: 5px; } .bootstrap-table .fixed-table-pagination > .pagination-detail .page-list { display: inline-block; } .bootstrap-table .fixed-table-pagination > .pagination-detail .page-list .btn-group { position: relative; display: inline-block; vertical-align: middle; } .bootstrap-table .fixed-table-pagination > .pagination-detail .page-list .btn-group .dropdown-menu { margin-bottom: 0; } .bootstrap-table .fixed-table-pagination > .pagination ul.pagination { margin: 0; } .bootstrap-table .fixed-table-pagination > .pagination ul.pagination a { padding: 6px 12px; line-height: 1.428571429; } .bootstrap-table .fixed-table-pagination > .pagination ul.pagination li.page-intermediate a { color: #c8c8c8; } .bootstrap-table .fixed-table-pagination > .pagination ul.pagination li.page-intermediate a::before { content: '\2B05'; } .bootstrap-table .fixed-table-pagination > .pagination ul.pagination li.page-intermediate a::after { content: '\27A1'; } .bootstrap-table .fixed-table-pagination > .pagination ul.pagination li.disabled a { pointer-events: none; cursor: default; } .bootstrap-table.fullscreen { position: fixed; top: 0; left: 0; z-index: 1050; width: 100% !important; background: #fff; height: calc(100vh); overflow-y: scroll; } /* calculate scrollbar width */ div.fixed-table-scroll-inner { width: 100%; height: 200px; } div.fixed-table-scroll-outer { top: 0; left: 0; visibility: hidden; width: 200px; height: 150px; overflow: hidden; } @keyframes LOADING { 0% { opacity: 0; } 50% { opacity: 1; } to { opacity: 0; } }