From 8ef64e8f143b45847a6d00aabf565bb446b0985f Mon Sep 17 00:00:00 2001 From: Anselm Hannemann Date: Tue, 24 Feb 2015 11:42:18 +0100 Subject: [PATCH] Improve JS performance. MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit This improves performance of the polyfill a lot further. Still, the polyfill doesn’t really behave well when a huge CSS is applied or a huge amount of images is selected as target. This also adds a medium stylesheet that performs relatively well now. --- .gitignore | 1 - README.md | 2 +- dist/polyfill.object-fit.js | 103 +- dist/polyfill.object-fit.min.js | 2 +- src/polyfill.getMatchedCSSRules.js | 29 +- src/polyfill.object-fit.core.js | 74 +- tests/index-parse-large-css.html | 6 +- tests/index-parse-medium-css.html | 36 + tests/styles--large.css | 7906 ++++++++++++++++++++++++++++ tests/styles--medium.css | 3023 +++++++++++ 10 files changed, 11103 insertions(+), 79 deletions(-) create mode 100644 tests/index-parse-medium-css.html create mode 100644 tests/styles--large.css create mode 100644 tests/styles--medium.css diff --git a/.gitignore b/.gitignore index dfa9e3a..41e2fbe 100644 --- a/.gitignore +++ b/.gitignore @@ -6,6 +6,5 @@ node_modules components -tests index.html diff --git a/README.md b/README.md index 220ed16..2675f9c 100644 --- a/README.md +++ b/README.md @@ -85,7 +85,7 @@ For example you need to set the header to: This should fix [the issue](https://github.com/anselmh/object-fit/issues/7). If you also need to support credentials, [you can’t use `*`](#25) but need the server reply with two headers (server needs also to reply with `Access-Control-Allow-Credentials: true`), one of which includes the origin in question. -It is recommended to add the attribute `crossorigin="use-credentials"` to your CSS `link` element that is called from the external resource to indicate what type of CORS the server should reply with. +It is recommended to add the attribute `crossorigin=""` to your CSS `link` element that is called from the external resource to indicate what type of CORS the server should reply with. In case you can’t alter the CSP / CORS settings of the server in question, you can disable parsing external CSS files in the config of the call: diff --git a/dist/polyfill.object-fit.js b/dist/polyfill.object-fit.js index 6459998..b836e56 100644 --- a/dist/polyfill.object-fit.js +++ b/dist/polyfill.object-fit.js @@ -27,9 +27,10 @@ // convert an array-like object to array var toArray = function (list) { var items = []; - var i; + var i = 0; + var listLength = list.length; - for (i in list) { + for (; i < listLength; i++) { items.push(list[i]); } @@ -39,7 +40,9 @@ // get host of stylesheet var getCSSHost = function (href) { var fakeLinkOfSheet = document.createElement('a'); + fakeLinkOfSheet.href = href; + return fakeLinkOfSheet.host; }; @@ -148,19 +151,19 @@ return rules.sort(compareSpecificity); }; - // Find correct matchesSelector implementation - var _matchesSelector = function (element, selector) { - if (!element.matches || !element.matchesSelector || !element.webkitMatchesSelector || !element.mozMatchesSelector || !element.msMatchesSelector) { - var matches = (element.document || element.ownerDocument).querySelectorAll(selector); - var i = 0; + var customMatchesSelector = function (element, selector) { + var matches = (element.document || element.ownerDocument).querySelectorAll(selector); + var i = 0; - while (matches[i] && matches[i] !== element) { - i++; - } - - matches[i] ? true : false; + while (matches[i] && matches[i] !== element) { + i++; } + return matches[i] ? true : false; + }; + + // Find correct matchesSelector implementation + var _matchesSelector = function (element, selector) { var matcher = function (selector) { if (element.matches) { return element.matches(selector); @@ -172,6 +175,8 @@ return element.webkitMatchesSelector(selector); } else if (element.msMatchesSelector) { return element.msMatchesSelector(selector); + } else { + return customMatchesSelector(element, selector); } }; @@ -310,9 +315,16 @@ var defaultElement = iframe.contentWindow.document.querySelectorAll(element.nodeName.toLowerCase())[0]; var defaultComputedStyle = this.getComputedStyle(defaultElement, iframe.contentWindow); + var value; + var property; + + for (property in defaultComputedStyle) { + if (defaultComputedStyle.getPropertyValue === true) { + value = defaultComputedStyle.getPropertyValue(property); + } else { + value = defaultComputedStyle[property]; + } - for (var property in defaultComputedStyle) { - var value = defaultComputedStyle.getPropertyValue ? defaultComputedStyle.getPropertyValue(property) : defaultComputedStyle[property]; if (value !== null) { switch (property) { default: @@ -348,14 +360,16 @@ // get matched rules var rules = window.getMatchedCSSRules(element); + var i = rules.length; + var r; + var important; - if (rules.length) { + if (i) { // iterate the rules backwards // rules are ordered by priority, highest last - for (var i = rules.length; i --> 0;){ - var r = rules[i]; - - var important = r.style.getPropertyPriority(property); + for (; i --> 0;) { + r = rules[i]; + important = r.style.getPropertyPriority(property); // if set, only reset if important if (val === null || important) { @@ -365,7 +379,6 @@ if (important) { break; } - //return val; } } } @@ -390,6 +403,7 @@ if (replacedElement.getAttribute('data-x-object-relation') !== 'wider') { replacedElement.setAttribute('data-x-object-relation','wider'); replacedElement.className = 'x-object-fit-wider'; + if (this._debug && window.console) { console.log('x-object-fit-wider'); } @@ -398,6 +412,7 @@ if (replacedElement.getAttribute('data-x-object-relation') !== 'taller') { replacedElement.setAttribute('data-x-object-relation','taller'); replacedElement.className = 'x-object-fit-taller'; + if (this._debug && window.console) { console.log('x-object-fit-taller'); } @@ -441,24 +456,26 @@ }; objectFit.processElement = function(replacedElement, args) { - var property, value; - + var property; + var value; var replacedElementStyles = objectFit.getComputedStyle(replacedElement); var replacedElementDefaultStyles = objectFit.getDefaultComputedStyle(replacedElement); - var wrapperElement = document.createElement('x-object-fit'); if (objectFit._debug && window.console) { console.log('Applying to WRAPPER-------------------------------------------------------'); } + for (property in replacedElementStyles) { switch (property) { default: - value = objectFit.getMatchedStyle(replacedElement,property); + value = objectFit.getMatchedStyle(replacedElement, property); + if (value !== null && value !== '') { if (objectFit._debug && window.console) { console.log(property + ': ' + value); } + wrapperElement.style[property] = value; } break; @@ -484,6 +501,7 @@ console.log('Indexed style properties (`' + property + '`) not supported in: ' + window.navigator.userAgent); } } + if (replacedElement.style[property]) { replacedElement.style[property] = value; // should work in Firefox 35+ and all other browsers } else { @@ -504,7 +522,7 @@ objectFit.orientation(replacedElement); var resizeTimer = null; - var resizeAction = function(){ + var resizeAction = function () { if (resizeTimer !== null) { window.cancelAnimationFrame(resizeTimer); } @@ -531,9 +549,12 @@ } }; - objectFit.listen = function(args) { - var domInsertedAction = function(element){ - for (var i = 0, argsLength = args.length; i < argsLength; i++) { + objectFit.listen = function (args) { + var domInsertedAction = function (element){ + var i = 0; + var argsLength = args.length; + + for (; i < argsLength; i++) { if ((element.mozMatchesSelector && element.mozMatchesSelector(args[i].selector)) || (element.msMatchesSelector && element.msMatchesSelector(args[i].selector)) || (element.oMatchesSelector && element.oMatchesSelector(args[i].selector)) || @@ -541,6 +562,7 @@ ) { args[i].replacedElements = [element]; objectFit.process(args[i]); + if (objectFit._debug && window.console) { console.log('Matching node inserted: ' + element.nodeName); } @@ -548,7 +570,7 @@ } }; - var domInsertedObserverFunction = function(element){ + var domInsertedObserverFunction = function (element) { objectFit.observer.disconnect(); domInsertedAction(element); objectFit.observer.observe(document.documentElement, { @@ -557,22 +579,23 @@ }); }; - var domInsertedEventFunction = function(event){ + var domInsertedEventFunction = function (event) { window.removeEventListener('DOMNodeInserted', domInsertedEventFunction, false); domInsertedAction(event.target); window.addEventListener('DOMNodeInserted', domInsertedEventFunction, false); }; - var domRemovedAction = function(element){ + var domRemovedAction = function (element) { if (element.nodeName.toLowerCase() === 'x-object-fit') { element.parentNode.removeChild(element); + if (objectFit._debug && window.console) { console.log('Matching node removed: ' + element.nodeName); } } }; - var domRemovedObserverFunction = function(element){ + var domRemovedObserverFunction = function (element) { objectFit.observer.disconnect(); domRemovedAction(element); objectFit.observer.observe(document.documentElement, { @@ -581,7 +604,7 @@ }); }; - var domRemovedEventFunction = function(event){ + var domRemovedEventFunction = function (event) { window.removeEventListener('DOMNodeRemoved', domRemovedEventFunction, false); domRemovedAction(event.target.parentNode); window.addEventListener('DOMNodeRemoved', domRemovedEventFunction, false); @@ -591,6 +614,7 @@ if (objectFit._debug && window.console) { console.log('DOM MutationObserver'); } + this.observer = new MutationObserver(function(mutations) { mutations.forEach(function(mutation) { if (mutation.addedNodes && mutation.addedNodes.length) { @@ -604,6 +628,7 @@ } }); }); + this.observer.observe(document.documentElement, { childList: true, subtree: true @@ -612,20 +637,25 @@ if (objectFit._debug && window.console) { console.log('DOM Mutation Events'); } + window.addEventListener('DOMNodeInserted', domInsertedEventFunction, false); window.addEventListener('DOMNodeRemoved', domRemovedEventFunction, false); } }; - objectFit.init = function(args) { + objectFit.init = function (args) { if (!args) { return; } + if (!(args instanceof Array)) { args = [args]; } - for (var i = 0, argsLength = args.length; i < argsLength; i++) { + var i = 0; + var argsLength = args.length; + + for (; i < argsLength; i++) { args[i].replacedElements = document.querySelectorAll(args[i].selector); this.process(args[i]); } @@ -633,11 +663,12 @@ this.listen(args); }; - objectFit.polyfill = function(args) { + objectFit.polyfill = function (args) { if('objectFit' in document.documentElement.style === false) { if (objectFit._debug && window.console) { console.log('object-fit not natively supported'); } + // If the library is loaded after document onload event if (document.readyState === 'complete') { objectFit.init(args); diff --git a/dist/polyfill.object-fit.min.js b/dist/polyfill.object-fit.min.js index a3c277d..4f01a32 100644 --- a/dist/polyfill.object-fit.min.js +++ b/dist/polyfill.object-fit.min.js @@ -1 +1 @@ -/*! - v - 2015-02-23 */"use strict";!function(){if("function"!=typeof window.getMatchedCSSRules){var ELEMENT_RE=/[\w-]+/g,ID_RE=/#[\w-]+/g,CLASS_RE=/\.[\w-]+/g,ATTR_RE=/\[[^\]]+\]/g,PSEUDO_CLASSES_RE=/\:(?!not)[\w-]+(\(.*\))?/g,PSEUDO_ELEMENTS_RE=/\:\:?(after|before|first-letter|first-line|selection)/g,toArray=function(list){var i,items=[];for(i in list)items.push(list[i]);return items},getCSSHost=function(href){var fakeLinkOfSheet=document.createElement("a");return fakeLinkOfSheet.href=href,fakeLinkOfSheet.host},getSheetRules=function(stylesheet){var sheetHost,sheetMedia=stylesheet.media&&stylesheet.media.mediaText;if("true"==objectFit.disableCrossDomain&&(sheetHost=getCSSHost(stylesheet.href),sheetHost!==window.location.host))return[];if(stylesheet.disabled)return[];if(window.matchMedia){if(sheetMedia&&sheetMedia.length&&!window.matchMedia(sheetMedia).matches)return[]}else if(sheetMedia&&sheetMedia.length)return[];return toArray(stylesheet.cssRules)},_find=function(string,re){string.match(re);return re?re.length:0},calculateScore=function(selector){for(var part,match,score=[0,0,0],parts=selector.split(" ");part=parts.shift(),"string"==typeof part;)match=_find(part,PSEUDO_ELEMENTS_RE),score[2]=match,match&&(part=part.replace(PSEUDO_ELEMENTS_RE,"")),match=_find(part,PSEUDO_CLASSES_RE),score[1]=match,match&&(part=part.replace(PSEUDO_CLASSES_RE,"")),match=_find(part,ATTR_RE),score[1]+=match,match&&(part=part.replace(ATTR_RE,"")),match=_find(part,ID_RE),score[0]=match,match&&(part=part.replace(ID_RE,"")),match=_find(part,CLASS_RE),score[1]+=match,match&&(part=part.replace(CLASS_RE,"")),score[2]+=_find(part,ELEMENT_RE);return parseInt(score.join(""),10)},getSpecificityScore=function(element,selectorText){for(var selector,score,selectors=selectorText.split(","),result=0;selector=selectors.shift();)_matchesSelector(element,selector)&&(score=calculateScore(selector),result=score>result?score:result);return result},sortBySpecificity=function(element,rules){var compareSpecificity=function(a,b){return getSpecificityScore(element,b.selectorText)-getSpecificityScore(element,a.selectorText)};return rules.sort(compareSpecificity)},_matchesSelector=function(element,selector){if(!(element.matches&&element.matchesSelector&&element.webkitMatchesSelector&&element.mozMatchesSelector&&element.msMatchesSelector)){for(var matches=(element.document||element.ownerDocument).querySelectorAll(selector),i=0;matches[i]&&matches[i]!==element;)i++;matches[i]?!0:!1}var matcher=function(selector){return element.matches?element.matches(selector):element.matchesSelector?element.matchesSelector(selector):element.mozMatchesSelector?element.mozMatchesSelector(selector):element.webkitMatchesSelector?element.webkitMatchesSelector(selector):element.msMatchesSelector?element.msMatchesSelector(selector):void 0};return matcher(selector)};window.getMatchedCSSRules=function(element){var styleSheets,sheet,rules,rule,result=[];for(styleSheets=toArray(window.document.styleSheets);sheet=styleSheets.shift();)for(rules=getSheetRules(sheet);rule=rules.shift();)rule.styleSheet?rules=getSheetRules(rule.styleSheet).concat(rules):rule.media?rules=getSheetRules(rule).concat(rules):_matchesSelector(element,rule.selectorText)&&result.push(rule);return sortBySpecificity(element,result)}}}(),function(){var lastTime=0;window.requestAnimationFrame||(window.requestAnimationFrame=window.webkitRequestAnimationFrame,window.cancelAnimationFrame=window.webkitCancelAnimationFrame||window.webkitCancelRequestAnimationFrame,window.requestAnimationFrame=function(callback){var currTime=(new Date).getTime(),timeToCall=Math.max(0,16-(currTime-lastTime)),id=window.setTimeout(function(){callback(currTime+timeToCall)},timeToCall);return lastTime=currTime+timeToCall,id}),window.cancelAnimationFrame||(window.cancelAnimationFrame=function(id){clearTimeout(id)})}(),function(global){var objectFit={};objectFit._debug=!1,objectFit.observer=null,objectFit.disableCrossDomain="false",objectFit.getComputedStyle=function(element,context){return context=context||window,context.getComputedStyle?context.getComputedStyle(element,null):element.currentStyle},objectFit.getDefaultComputedStyle=function(element){var newelement=element.cloneNode(!0),styles={},iframe=document.createElement("iframe");document.body.appendChild(iframe),iframe.contentWindow.document.open(),iframe.contentWindow.document.write(""),iframe.contentWindow.document.body.appendChild(newelement),iframe.contentWindow.document.close();var defaultElement=iframe.contentWindow.document.querySelectorAll(element.nodeName.toLowerCase())[0],defaultComputedStyle=this.getComputedStyle(defaultElement,iframe.contentWindow);for(var property in defaultComputedStyle){var value=defaultComputedStyle.getPropertyValue?defaultComputedStyle.getPropertyValue(property):defaultComputedStyle[property];if(null!==value)switch(property){default:styles[property]=value;break;case"width":case"height":case"minWidth":case"minHeight":case"maxWidth":case"maxHeight":}}return document.body.removeChild(iframe),styles},objectFit.getMatchedStyle=function(element,property){var val=null,inlineval=null;element.style.getPropertyValue?inlineval=element.style.getPropertyValue(property):element.currentStyle&&(inlineval=element.currentStyle[property]);var rules=window.getMatchedCSSRules(element);if(rules.length)for(var i=rules.length;i-->0;){var r=rules[i],important=r.style.getPropertyPriority(property);if((null===val||important)&&(val=r.style.getPropertyValue(property),important))break}return val||null===inlineval||(val=inlineval),val},objectFit.orientation=function(replacedElement){if(replacedElement.parentNode&&"x-object-fit"===replacedElement.parentNode.nodeName.toLowerCase()){var width=replacedElement.naturalWidth||replacedElement.clientWidth,height=replacedElement.naturalHeight||replacedElement.clientHeight,parentWidth=replacedElement.parentNode.clientWidth,parentHeight=replacedElement.parentNode.clientHeight;!height||width/height>parentWidth/parentHeight?"wider"!==replacedElement.getAttribute("data-x-object-relation")&&(replacedElement.setAttribute("data-x-object-relation","wider"),replacedElement.className="x-object-fit-wider",this._debug&&window.console&&console.log("x-object-fit-wider")):"taller"!==replacedElement.getAttribute("data-x-object-relation")&&(replacedElement.setAttribute("data-x-object-relation","taller"),replacedElement.className="x-object-fit-taller",this._debug&&window.console&&console.log("x-object-fit-taller"))}},objectFit.process=function(args){if(args.selector&&args.replacedElements){switch(objectFit.disableCrossDomain=args.disableCrossDomain||"false",args.fittype=args.fittype||"none",args.fittype){default:return;case"none":case"fill":case"contain":case"cover":}var replacedElements=args.replacedElements;if(replacedElements.length)for(var i=0,replacedElementsLength=replacedElements.length;replacedElementsLength>i;i++)this.processElement(replacedElements[i],args)}},objectFit.processElement=function(replacedElement,args){var property,value,replacedElementStyles=objectFit.getComputedStyle(replacedElement),replacedElementDefaultStyles=objectFit.getDefaultComputedStyle(replacedElement),wrapperElement=document.createElement("x-object-fit");objectFit._debug&&window.console&&console.log("Applying to WRAPPER-------------------------------------------------------");for(property in replacedElementStyles)switch(property){default:value=objectFit.getMatchedStyle(replacedElement,property),null!==value&&""!==value&&(objectFit._debug&&window.console&&console.log(property+": "+value),wrapperElement.style[property]=value);break;case"length":case"parentRule":}objectFit._debug&&window.console&&console.log("Applying to REPLACED ELEMENT-------------------------------------------------------");for(property in replacedElementDefaultStyles)switch(property){default:value=replacedElementDefaultStyles[property],objectFit._debug&&window.console&&""!==value&&(console.log(property+": "+value),void 0===replacedElement.style[property]&&console.log("Indexed style properties (`"+property+"`) not supported in: "+window.navigator.userAgent)),replacedElement.style[property]?replacedElement.style[property]=value:replacedElement.style.property=value;break;case"length":case"parentRule":}wrapperElement.setAttribute("class","x-object-fit-"+args.fittype),replacedElement.parentNode.insertBefore(wrapperElement,replacedElement),wrapperElement.appendChild(replacedElement),objectFit.orientation(replacedElement);var resizeTimer=null,resizeAction=function(){null!==resizeTimer&&window.cancelAnimationFrame(resizeTimer),resizeTimer=window.requestAnimationFrame(function(){objectFit.orientation(replacedElement)})};switch(args.fittype){default:break;case"contain":case"cover":window.addEventListener?(replacedElement.addEventListener("load",resizeAction,!1),window.addEventListener("resize",resizeAction,!1),window.addEventListener("orientationchange",resizeAction,!1)):(replacedElement.attachEvent("onload",resizeAction),window.attachEvent("onresize",resizeAction))}},objectFit.listen=function(args){var domInsertedAction=function(element){for(var i=0,argsLength=args.length;argsLength>i;i++)(element.mozMatchesSelector&&element.mozMatchesSelector(args[i].selector)||element.msMatchesSelector&&element.msMatchesSelector(args[i].selector)||element.oMatchesSelector&&element.oMatchesSelector(args[i].selector)||element.webkitMatchesSelector&&element.webkitMatchesSelector(args[i].selector))&&(args[i].replacedElements=[element],objectFit.process(args[i]),objectFit._debug&&window.console&&console.log("Matching node inserted: "+element.nodeName))},domInsertedObserverFunction=function(element){objectFit.observer.disconnect(),domInsertedAction(element),objectFit.observer.observe(document.documentElement,{childList:!0,subtree:!0})},domInsertedEventFunction=function(event){window.removeEventListener("DOMNodeInserted",domInsertedEventFunction,!1),domInsertedAction(event.target),window.addEventListener("DOMNodeInserted",domInsertedEventFunction,!1)},domRemovedAction=function(element){"x-object-fit"===element.nodeName.toLowerCase()&&(element.parentNode.removeChild(element),objectFit._debug&&window.console&&console.log("Matching node removed: "+element.nodeName))},domRemovedObserverFunction=function(element){objectFit.observer.disconnect(),domRemovedAction(element),objectFit.observer.observe(document.documentElement,{childList:!0,subtree:!0})},domRemovedEventFunction=function(event){window.removeEventListener("DOMNodeRemoved",domRemovedEventFunction,!1),domRemovedAction(event.target.parentNode),window.addEventListener("DOMNodeRemoved",domRemovedEventFunction,!1)};window.MutationObserver?(objectFit._debug&&window.console&&console.log("DOM MutationObserver"),this.observer=new MutationObserver(function(mutations){mutations.forEach(function(mutation){if(mutation.addedNodes&&mutation.addedNodes.length)for(var nodes=mutation.addedNodes,i=0,nodesLength=nodes.length;nodesLength>i;i++)domInsertedObserverFunction(nodes[i]);mutation.removedNodes&&mutation.removedNodes.length&&domRemovedObserverFunction(mutation.target)})}),this.observer.observe(document.documentElement,{childList:!0,subtree:!0})):window.addEventListener&&(objectFit._debug&&window.console&&console.log("DOM Mutation Events"),window.addEventListener("DOMNodeInserted",domInsertedEventFunction,!1),window.addEventListener("DOMNodeRemoved",domRemovedEventFunction,!1))},objectFit.init=function(args){if(args){args instanceof Array||(args=[args]);for(var i=0,argsLength=args.length;argsLength>i;i++)args[i].replacedElements=document.querySelectorAll(args[i].selector),this.process(args[i]);this.listen(args)}},objectFit.polyfill=function(args){"objectFit"in document.documentElement.style==!1?(objectFit._debug&&window.console&&console.log("object-fit not natively supported"),"complete"===document.readyState?objectFit.init(args):window.addEventListener?window.addEventListener("load",function(){objectFit.init(args)},!1):window.attachEvent("onload",function(){objectFit.init(args)})):objectFit._debug&&window.console&&console.log("object-fit natively supported")},"object"==typeof module&&module&&"object"==typeof module.exports?module.exports=objectFit:"function"==typeof define&&define.amd?define([],function(){return objectFit}):"object"==typeof global&&"object"==typeof global.document&&(global.objectFit=objectFit)}(window); \ No newline at end of file +/*! - v - 2015-02-24 */"use strict";!function(){if("function"!=typeof window.getMatchedCSSRules){var ELEMENT_RE=/[\w-]+/g,ID_RE=/#[\w-]+/g,CLASS_RE=/\.[\w-]+/g,ATTR_RE=/\[[^\]]+\]/g,PSEUDO_CLASSES_RE=/\:(?!not)[\w-]+(\(.*\))?/g,PSEUDO_ELEMENTS_RE=/\:\:?(after|before|first-letter|first-line|selection)/g,toArray=function(list){for(var items=[],i=0,listLength=list.length;listLength>i;i++)items.push(list[i]);return items},getCSSHost=function(href){var fakeLinkOfSheet=document.createElement("a");return fakeLinkOfSheet.href=href,fakeLinkOfSheet.host},getSheetRules=function(stylesheet){var sheetHost,sheetMedia=stylesheet.media&&stylesheet.media.mediaText;if("true"==objectFit.disableCrossDomain&&(sheetHost=getCSSHost(stylesheet.href),sheetHost!==window.location.host))return[];if(stylesheet.disabled)return[];if(window.matchMedia){if(sheetMedia&&sheetMedia.length&&!window.matchMedia(sheetMedia).matches)return[]}else if(sheetMedia&&sheetMedia.length)return[];return toArray(stylesheet.cssRules)},_find=function(string,re){string.match(re);return re?re.length:0},calculateScore=function(selector){for(var part,match,score=[0,0,0],parts=selector.split(" ");part=parts.shift(),"string"==typeof part;)match=_find(part,PSEUDO_ELEMENTS_RE),score[2]=match,match&&(part=part.replace(PSEUDO_ELEMENTS_RE,"")),match=_find(part,PSEUDO_CLASSES_RE),score[1]=match,match&&(part=part.replace(PSEUDO_CLASSES_RE,"")),match=_find(part,ATTR_RE),score[1]+=match,match&&(part=part.replace(ATTR_RE,"")),match=_find(part,ID_RE),score[0]=match,match&&(part=part.replace(ID_RE,"")),match=_find(part,CLASS_RE),score[1]+=match,match&&(part=part.replace(CLASS_RE,"")),score[2]+=_find(part,ELEMENT_RE);return parseInt(score.join(""),10)},getSpecificityScore=function(element,selectorText){for(var selector,score,selectors=selectorText.split(","),result=0;selector=selectors.shift();)_matchesSelector(element,selector)&&(score=calculateScore(selector),result=score>result?score:result);return result},sortBySpecificity=function(element,rules){var compareSpecificity=function(a,b){return getSpecificityScore(element,b.selectorText)-getSpecificityScore(element,a.selectorText)};return rules.sort(compareSpecificity)},customMatchesSelector=function(element,selector){for(var matches=(element.document||element.ownerDocument).querySelectorAll(selector),i=0;matches[i]&&matches[i]!==element;)i++;return matches[i]?!0:!1},_matchesSelector=function(element,selector){var matcher=function(selector){return element.matches?element.matches(selector):element.matchesSelector?element.matchesSelector(selector):element.mozMatchesSelector?element.mozMatchesSelector(selector):element.webkitMatchesSelector?element.webkitMatchesSelector(selector):element.msMatchesSelector?element.msMatchesSelector(selector):customMatchesSelector(element,selector)};return matcher(selector)};window.getMatchedCSSRules=function(element){var styleSheets,sheet,rules,rule,result=[];for(styleSheets=toArray(window.document.styleSheets);sheet=styleSheets.shift();)for(rules=getSheetRules(sheet);rule=rules.shift();)rule.styleSheet?rules=getSheetRules(rule.styleSheet).concat(rules):rule.media?rules=getSheetRules(rule).concat(rules):_matchesSelector(element,rule.selectorText)&&result.push(rule);return sortBySpecificity(element,result)}}}(),function(){var lastTime=0;window.requestAnimationFrame||(window.requestAnimationFrame=window.webkitRequestAnimationFrame,window.cancelAnimationFrame=window.webkitCancelAnimationFrame||window.webkitCancelRequestAnimationFrame,window.requestAnimationFrame=function(callback){var currTime=(new Date).getTime(),timeToCall=Math.max(0,16-(currTime-lastTime)),id=window.setTimeout(function(){callback(currTime+timeToCall)},timeToCall);return lastTime=currTime+timeToCall,id}),window.cancelAnimationFrame||(window.cancelAnimationFrame=function(id){clearTimeout(id)})}(),function(global){var objectFit={};objectFit._debug=!1,objectFit.observer=null,objectFit.disableCrossDomain="false",objectFit.getComputedStyle=function(element,context){return context=context||window,context.getComputedStyle?context.getComputedStyle(element,null):element.currentStyle},objectFit.getDefaultComputedStyle=function(element){var newelement=element.cloneNode(!0),styles={},iframe=document.createElement("iframe");document.body.appendChild(iframe),iframe.contentWindow.document.open(),iframe.contentWindow.document.write(""),iframe.contentWindow.document.body.appendChild(newelement),iframe.contentWindow.document.close();var value,property,defaultElement=iframe.contentWindow.document.querySelectorAll(element.nodeName.toLowerCase())[0],defaultComputedStyle=this.getComputedStyle(defaultElement,iframe.contentWindow);for(property in defaultComputedStyle)if(value=defaultComputedStyle.getPropertyValue===!0?defaultComputedStyle.getPropertyValue(property):defaultComputedStyle[property],null!==value)switch(property){default:styles[property]=value;break;case"width":case"height":case"minWidth":case"minHeight":case"maxWidth":case"maxHeight":}return document.body.removeChild(iframe),styles},objectFit.getMatchedStyle=function(element,property){var val=null,inlineval=null;element.style.getPropertyValue?inlineval=element.style.getPropertyValue(property):element.currentStyle&&(inlineval=element.currentStyle[property]);var r,important,rules=window.getMatchedCSSRules(element),i=rules.length;if(i)for(;i-->0&&(r=rules[i],important=r.style.getPropertyPriority(property),null!==val&&!important||(val=r.style.getPropertyValue(property),!important)););return val||null===inlineval||(val=inlineval),val},objectFit.orientation=function(replacedElement){if(replacedElement.parentNode&&"x-object-fit"===replacedElement.parentNode.nodeName.toLowerCase()){var width=replacedElement.naturalWidth||replacedElement.clientWidth,height=replacedElement.naturalHeight||replacedElement.clientHeight,parentWidth=replacedElement.parentNode.clientWidth,parentHeight=replacedElement.parentNode.clientHeight;!height||width/height>parentWidth/parentHeight?"wider"!==replacedElement.getAttribute("data-x-object-relation")&&(replacedElement.setAttribute("data-x-object-relation","wider"),replacedElement.className="x-object-fit-wider",this._debug&&window.console&&console.log("x-object-fit-wider")):"taller"!==replacedElement.getAttribute("data-x-object-relation")&&(replacedElement.setAttribute("data-x-object-relation","taller"),replacedElement.className="x-object-fit-taller",this._debug&&window.console&&console.log("x-object-fit-taller"))}},objectFit.process=function(args){if(args.selector&&args.replacedElements){switch(objectFit.disableCrossDomain=args.disableCrossDomain||"false",args.fittype=args.fittype||"none",args.fittype){default:return;case"none":case"fill":case"contain":case"cover":}var replacedElements=args.replacedElements;if(replacedElements.length)for(var i=0,replacedElementsLength=replacedElements.length;replacedElementsLength>i;i++)this.processElement(replacedElements[i],args)}},objectFit.processElement=function(replacedElement,args){var property,value,replacedElementStyles=objectFit.getComputedStyle(replacedElement),replacedElementDefaultStyles=objectFit.getDefaultComputedStyle(replacedElement),wrapperElement=document.createElement("x-object-fit");objectFit._debug&&window.console&&console.log("Applying to WRAPPER-------------------------------------------------------");for(property in replacedElementStyles)switch(property){default:value=objectFit.getMatchedStyle(replacedElement,property),null!==value&&""!==value&&(objectFit._debug&&window.console&&console.log(property+": "+value),wrapperElement.style[property]=value);break;case"length":case"parentRule":}objectFit._debug&&window.console&&console.log("Applying to REPLACED ELEMENT-------------------------------------------------------");for(property in replacedElementDefaultStyles)switch(property){default:value=replacedElementDefaultStyles[property],objectFit._debug&&window.console&&""!==value&&(console.log(property+": "+value),void 0===replacedElement.style[property]&&console.log("Indexed style properties (`"+property+"`) not supported in: "+window.navigator.userAgent)),replacedElement.style[property]?replacedElement.style[property]=value:replacedElement.style.property=value;break;case"length":case"parentRule":}wrapperElement.setAttribute("class","x-object-fit-"+args.fittype),replacedElement.parentNode.insertBefore(wrapperElement,replacedElement),wrapperElement.appendChild(replacedElement),objectFit.orientation(replacedElement);var resizeTimer=null,resizeAction=function(){null!==resizeTimer&&window.cancelAnimationFrame(resizeTimer),resizeTimer=window.requestAnimationFrame(function(){objectFit.orientation(replacedElement)})};switch(args.fittype){default:break;case"contain":case"cover":window.addEventListener?(replacedElement.addEventListener("load",resizeAction,!1),window.addEventListener("resize",resizeAction,!1),window.addEventListener("orientationchange",resizeAction,!1)):(replacedElement.attachEvent("onload",resizeAction),window.attachEvent("onresize",resizeAction))}},objectFit.listen=function(args){var domInsertedAction=function(element){for(var i=0,argsLength=args.length;argsLength>i;i++)(element.mozMatchesSelector&&element.mozMatchesSelector(args[i].selector)||element.msMatchesSelector&&element.msMatchesSelector(args[i].selector)||element.oMatchesSelector&&element.oMatchesSelector(args[i].selector)||element.webkitMatchesSelector&&element.webkitMatchesSelector(args[i].selector))&&(args[i].replacedElements=[element],objectFit.process(args[i]),objectFit._debug&&window.console&&console.log("Matching node inserted: "+element.nodeName))},domInsertedObserverFunction=function(element){objectFit.observer.disconnect(),domInsertedAction(element),objectFit.observer.observe(document.documentElement,{childList:!0,subtree:!0})},domInsertedEventFunction=function(event){window.removeEventListener("DOMNodeInserted",domInsertedEventFunction,!1),domInsertedAction(event.target),window.addEventListener("DOMNodeInserted",domInsertedEventFunction,!1)},domRemovedAction=function(element){"x-object-fit"===element.nodeName.toLowerCase()&&(element.parentNode.removeChild(element),objectFit._debug&&window.console&&console.log("Matching node removed: "+element.nodeName))},domRemovedObserverFunction=function(element){objectFit.observer.disconnect(),domRemovedAction(element),objectFit.observer.observe(document.documentElement,{childList:!0,subtree:!0})},domRemovedEventFunction=function(event){window.removeEventListener("DOMNodeRemoved",domRemovedEventFunction,!1),domRemovedAction(event.target.parentNode),window.addEventListener("DOMNodeRemoved",domRemovedEventFunction,!1)};window.MutationObserver?(objectFit._debug&&window.console&&console.log("DOM MutationObserver"),this.observer=new MutationObserver(function(mutations){mutations.forEach(function(mutation){if(mutation.addedNodes&&mutation.addedNodes.length)for(var nodes=mutation.addedNodes,i=0,nodesLength=nodes.length;nodesLength>i;i++)domInsertedObserverFunction(nodes[i]);mutation.removedNodes&&mutation.removedNodes.length&&domRemovedObserverFunction(mutation.target)})}),this.observer.observe(document.documentElement,{childList:!0,subtree:!0})):window.addEventListener&&(objectFit._debug&&window.console&&console.log("DOM Mutation Events"),window.addEventListener("DOMNodeInserted",domInsertedEventFunction,!1),window.addEventListener("DOMNodeRemoved",domRemovedEventFunction,!1))},objectFit.init=function(args){if(args){args instanceof Array||(args=[args]);for(var i=0,argsLength=args.length;argsLength>i;i++)args[i].replacedElements=document.querySelectorAll(args[i].selector),this.process(args[i]);this.listen(args)}},objectFit.polyfill=function(args){"objectFit"in document.documentElement.style==!1?(objectFit._debug&&window.console&&console.log("object-fit not natively supported"),"complete"===document.readyState?objectFit.init(args):window.addEventListener?window.addEventListener("load",function(){objectFit.init(args)},!1):window.attachEvent("onload",function(){objectFit.init(args)})):objectFit._debug&&window.console&&console.log("object-fit natively supported")},"object"==typeof module&&module&&"object"==typeof module.exports?module.exports=objectFit:"function"==typeof define&&define.amd?define([],function(){return objectFit}):"object"==typeof global&&"object"==typeof global.document&&(global.objectFit=objectFit)}(window); \ No newline at end of file diff --git a/src/polyfill.getMatchedCSSRules.js b/src/polyfill.getMatchedCSSRules.js index 236b150..158f5f6 100644 --- a/src/polyfill.getMatchedCSSRules.js +++ b/src/polyfill.getMatchedCSSRules.js @@ -27,9 +27,10 @@ // convert an array-like object to array var toArray = function (list) { var items = []; - var i; + var i = 0; + var listLength = list.length; - for (i in list) { + for (; i < listLength; i++) { items.push(list[i]); } @@ -39,7 +40,9 @@ // get host of stylesheet var getCSSHost = function (href) { var fakeLinkOfSheet = document.createElement('a'); + fakeLinkOfSheet.href = href; + return fakeLinkOfSheet.host; }; @@ -148,19 +151,19 @@ return rules.sort(compareSpecificity); }; - // Find correct matchesSelector implementation - var _matchesSelector = function (element, selector) { - if (!element.matches || !element.matchesSelector || !element.webkitMatchesSelector || !element.mozMatchesSelector || !element.msMatchesSelector) { - var matches = (element.document || element.ownerDocument).querySelectorAll(selector); - var i = 0; - - while (matches[i] && matches[i] !== element) { - i++; - } + var customMatchesSelector = function (element, selector) { + var matches = (element.document || element.ownerDocument).querySelectorAll(selector); + var i = 0; - matches[i] ? true : false; + while (matches[i] && matches[i] !== element) { + i++; } + return matches[i] ? true : false; + }; + + // Find correct matchesSelector implementation + var _matchesSelector = function (element, selector) { var matcher = function (selector) { if (element.matches) { return element.matches(selector); @@ -172,6 +175,8 @@ return element.webkitMatchesSelector(selector); } else if (element.msMatchesSelector) { return element.msMatchesSelector(selector); + } else { + return customMatchesSelector(element, selector); } }; diff --git a/src/polyfill.object-fit.core.js b/src/polyfill.object-fit.core.js index 8dcc7e0..35a79ad 100644 --- a/src/polyfill.object-fit.core.js +++ b/src/polyfill.object-fit.core.js @@ -44,9 +44,16 @@ var defaultElement = iframe.contentWindow.document.querySelectorAll(element.nodeName.toLowerCase())[0]; var defaultComputedStyle = this.getComputedStyle(defaultElement, iframe.contentWindow); + var value; + var property; + + for (property in defaultComputedStyle) { + if (defaultComputedStyle.getPropertyValue === true) { + value = defaultComputedStyle.getPropertyValue(property); + } else { + value = defaultComputedStyle[property]; + } - for (var property in defaultComputedStyle) { - var value = defaultComputedStyle.getPropertyValue ? defaultComputedStyle.getPropertyValue(property) : defaultComputedStyle[property]; if (value !== null) { switch (property) { default: @@ -82,14 +89,16 @@ // get matched rules var rules = window.getMatchedCSSRules(element); + var i = rules.length; + var r; + var important; - if (rules.length) { + if (i) { // iterate the rules backwards // rules are ordered by priority, highest last - for (var i = rules.length; i --> 0;){ - var r = rules[i]; - - var important = r.style.getPropertyPriority(property); + for (; i --> 0;) { + r = rules[i]; + important = r.style.getPropertyPriority(property); // if set, only reset if important if (val === null || important) { @@ -99,7 +108,6 @@ if (important) { break; } - //return val; } } } @@ -124,6 +132,7 @@ if (replacedElement.getAttribute('data-x-object-relation') !== 'wider') { replacedElement.setAttribute('data-x-object-relation','wider'); replacedElement.className = 'x-object-fit-wider'; + if (this._debug && window.console) { console.log('x-object-fit-wider'); } @@ -132,6 +141,7 @@ if (replacedElement.getAttribute('data-x-object-relation') !== 'taller') { replacedElement.setAttribute('data-x-object-relation','taller'); replacedElement.className = 'x-object-fit-taller'; + if (this._debug && window.console) { console.log('x-object-fit-taller'); } @@ -175,24 +185,26 @@ }; objectFit.processElement = function(replacedElement, args) { - var property, value; - + var property; + var value; var replacedElementStyles = objectFit.getComputedStyle(replacedElement); var replacedElementDefaultStyles = objectFit.getDefaultComputedStyle(replacedElement); - var wrapperElement = document.createElement('x-object-fit'); if (objectFit._debug && window.console) { console.log('Applying to WRAPPER-------------------------------------------------------'); } + for (property in replacedElementStyles) { switch (property) { default: - value = objectFit.getMatchedStyle(replacedElement,property); + value = objectFit.getMatchedStyle(replacedElement, property); + if (value !== null && value !== '') { if (objectFit._debug && window.console) { console.log(property + ': ' + value); } + wrapperElement.style[property] = value; } break; @@ -218,6 +230,7 @@ console.log('Indexed style properties (`' + property + '`) not supported in: ' + window.navigator.userAgent); } } + if (replacedElement.style[property]) { replacedElement.style[property] = value; // should work in Firefox 35+ and all other browsers } else { @@ -238,7 +251,7 @@ objectFit.orientation(replacedElement); var resizeTimer = null; - var resizeAction = function(){ + var resizeAction = function () { if (resizeTimer !== null) { window.cancelAnimationFrame(resizeTimer); } @@ -265,9 +278,12 @@ } }; - objectFit.listen = function(args) { - var domInsertedAction = function(element){ - for (var i = 0, argsLength = args.length; i < argsLength; i++) { + objectFit.listen = function (args) { + var domInsertedAction = function (element){ + var i = 0; + var argsLength = args.length; + + for (; i < argsLength; i++) { if ((element.mozMatchesSelector && element.mozMatchesSelector(args[i].selector)) || (element.msMatchesSelector && element.msMatchesSelector(args[i].selector)) || (element.oMatchesSelector && element.oMatchesSelector(args[i].selector)) || @@ -275,6 +291,7 @@ ) { args[i].replacedElements = [element]; objectFit.process(args[i]); + if (objectFit._debug && window.console) { console.log('Matching node inserted: ' + element.nodeName); } @@ -282,7 +299,7 @@ } }; - var domInsertedObserverFunction = function(element){ + var domInsertedObserverFunction = function (element) { objectFit.observer.disconnect(); domInsertedAction(element); objectFit.observer.observe(document.documentElement, { @@ -291,22 +308,23 @@ }); }; - var domInsertedEventFunction = function(event){ + var domInsertedEventFunction = function (event) { window.removeEventListener('DOMNodeInserted', domInsertedEventFunction, false); domInsertedAction(event.target); window.addEventListener('DOMNodeInserted', domInsertedEventFunction, false); }; - var domRemovedAction = function(element){ + var domRemovedAction = function (element) { if (element.nodeName.toLowerCase() === 'x-object-fit') { element.parentNode.removeChild(element); + if (objectFit._debug && window.console) { console.log('Matching node removed: ' + element.nodeName); } } }; - var domRemovedObserverFunction = function(element){ + var domRemovedObserverFunction = function (element) { objectFit.observer.disconnect(); domRemovedAction(element); objectFit.observer.observe(document.documentElement, { @@ -315,7 +333,7 @@ }); }; - var domRemovedEventFunction = function(event){ + var domRemovedEventFunction = function (event) { window.removeEventListener('DOMNodeRemoved', domRemovedEventFunction, false); domRemovedAction(event.target.parentNode); window.addEventListener('DOMNodeRemoved', domRemovedEventFunction, false); @@ -325,6 +343,7 @@ if (objectFit._debug && window.console) { console.log('DOM MutationObserver'); } + this.observer = new MutationObserver(function(mutations) { mutations.forEach(function(mutation) { if (mutation.addedNodes && mutation.addedNodes.length) { @@ -338,6 +357,7 @@ } }); }); + this.observer.observe(document.documentElement, { childList: true, subtree: true @@ -346,20 +366,25 @@ if (objectFit._debug && window.console) { console.log('DOM Mutation Events'); } + window.addEventListener('DOMNodeInserted', domInsertedEventFunction, false); window.addEventListener('DOMNodeRemoved', domRemovedEventFunction, false); } }; - objectFit.init = function(args) { + objectFit.init = function (args) { if (!args) { return; } + if (!(args instanceof Array)) { args = [args]; } - for (var i = 0, argsLength = args.length; i < argsLength; i++) { + var i = 0; + var argsLength = args.length; + + for (; i < argsLength; i++) { args[i].replacedElements = document.querySelectorAll(args[i].selector); this.process(args[i]); } @@ -367,11 +392,12 @@ this.listen(args); }; - objectFit.polyfill = function(args) { + objectFit.polyfill = function (args) { if('objectFit' in document.documentElement.style === false) { if (objectFit._debug && window.console) { console.log('object-fit not natively supported'); } + // If the library is loaded after document onload event if (document.readyState === 'complete') { objectFit.init(args); diff --git a/tests/index-parse-large-css.html b/tests/index-parse-large-css.html index 59fea80..6ae5a23 100644 --- a/tests/index-parse-large-css.html +++ b/tests/index-parse-large-css.html @@ -2,10 +2,7 @@ - - + diff --git a/tests/index-parse-medium-css.html b/tests/index-parse-medium-css.html new file mode 100644 index 0000000..0276dd5 --- /dev/null +++ b/tests/index-parse-medium-css.html @@ -0,0 +1,36 @@ + + + + + + + + + +

object-fit: cover;

+ + + + + + diff --git a/tests/styles--large.css b/tests/styles--large.css new file mode 100644 index 0000000..4f4fce7 --- /dev/null +++ b/tests/styles--large.css @@ -0,0 +1,7906 @@ +/** + * Test for a 160KB stylesheet + */ +@charset "utf-8"; + +html { + font-family: sans-serif; + -ms-text-size-adjust: 100%; + -webkit-text-size-adjust: 100% +} +body { + margin: 0 +} +article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { + display: block +} +audio, canvas, progress, video { + display: inline-block; + vertical-align: baseline +} +audio:not([controls]) { + display: none; + height: 0 +} +[hidden], template { + display: none +} +a { + background: transparent +} +a:active, a:hover { + outline: 0 +} +abbr[title] { + border-bottom: 1px dotted +} +b, strong { + font-weight: bold +} +dfn { + font-style: italic +} +h1 { + font-size: 2em; + margin: 0.67em 0 +} +mark { + background: #ff0; + color: #000 +} +small { + font-size: 80% +} +sub, sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline +} +sup { + top: -0.5em +} +sub { + bottom: -0.25em +} +img { + border: 0 +} +svg:not(:root) { + overflow: hidden +} +figure { + margin: 1em 40px +} +hr { + box-sizing: content-box; + height: 0 +} +pre { + overflow: auto +} +code, kbd, pre, samp { + font-family: monospace, monospace; + font-size: 1em +} +button, input, optgroup, select, textarea { + color: inherit; + font: inherit; + margin: 0 +} +button { + overflow: visible +} +button, select { + text-transform: none +} +button, html input[type="button"], input[type="reset"], input[type="submit"] { + -webkit-appearance: button; + cursor: pointer +} +button[disabled], html input[disabled] { + cursor: default +} +button::-moz-focus-inner, input::-moz-focus-inner { + border: 0; + padding: 0 +} +input { + line-height: normal +} +input[type="checkbox"], input[type="radio"] { + box-sizing: border-box; + padding: 0 +} +input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { + height: auto +} +input[type="search"] { + -webkit-appearance: textfield; + box-sizing: content-box +} +input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { + -webkit-appearance: none +} +fieldset { + border: 1px solid #c0c0c0; + margin: 0 2px; + padding: 0.35em 0.625em 0.75em +} +legend { + border: 0; + padding: 0 +} +textarea { + overflow: auto +} +optgroup { + font-weight: bold +} +table { + border-collapse: collapse; + border-spacing: 0 +} +td, th { + padding: 0 +} +@media print { + * { + text-shadow: none!important; + color: #000!important; + background: transparent!important; + box-shadow: none!important + } + a, a:visited { + text-decoration: underline + } + a[href]:after { + content: " (" attr(href) ")" + } + abbr[title]:after { + content: " (" attr(title) ")" + } + a[href^="javascript:"]:after, a[href^="#"]:after { + content: "" + } + pre, blockquote { + border: 1px solid #999; + page-break-inside: avoid + } + thead { + display: table-header-group + } + tr, img { + page-break-inside: avoid + } + img { + max-width: 100%!important + } + p, h2, h3 { + orphans: 3; + widows: 3 + } + h2, h3 { + page-break-after: avoid + } + select { + background: #fff!important + } + .navbar { + display: none + } + .table td, .table th { + background-color: #fff!important + } + .btn>.caret, .dropup>.btn>.caret { + border-top-color: #000!important + } + .label { + border: 1px solid #000 + } + .table { + border-collapse: collapse!important + } + .table-bordered th, .table-bordered td { + border: 1px solid #ddd!important + } +} +@font-face { + font-family: 'Glyphicons Halflings'; + src: url("/assets/bootstrap/glyphicons-halflings-regular-cbaf0d0c19f2272f9b35faad2be458fb.eot"); + src: url("/assets/bootstrap/glyphicons-halflings-regular-cbaf0d0c19f2272f9b35faad2be458fb.eot?#iefix") format("embedded-opentype"), url("/assets/bootstrap/glyphicons-halflings-regular-3146f79eadfdf152a84161b3269f7a83.woff") format("woff"), url("/assets/bootstrap/glyphicons-halflings-regular-29d3b9e4a6a5e912b5618bb4cc41f01d.ttf") format("truetype"), url("/assets/bootstrap/glyphicons-halflings-regular-ba906007663c6c30c637ea38d0de76d2.svg#glyphicons_halflingsregular") format("svg") +} +.glyphicon { + position: relative; + top: 1px; + display: inline-block; + font-family: 'Glyphicons Halflings'; + font-style: normal; + font-weight: normal; + line-height: 1; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale +} +.glyphicon-asterisk:before { + content: "\2a" +} +.glyphicon-plus:before { + content: "\2b" +} +.glyphicon-euro:before { + content: "\20ac" +} +.glyphicon-minus:before { + content: "\2212" +} +.glyphicon-cloud:before { + content: "\2601" +} +.glyphicon-envelope:before { + content: "\2709" +} +.glyphicon-pencil:before { + content: "\270f" +} +.glyphicon-glass:before { + content: "\e001" +} +.glyphicon-music:before { + content: "\e002" +} +.glyphicon-search:before { + content: "\e003" +} +.glyphicon-heart:before { + content: "\e005" +} +.glyphicon-star:before { + content: "\e006" +} +.glyphicon-star-empty:before { + content: "\e007" +} +.glyphicon-user:before { + content: "\e008" +} +.glyphicon-film:before { + content: "\e009" +} +.glyphicon-th-large:before { + content: "\e010" +} +.glyphicon-th:before { + content: "\e011" +} +.glyphicon-th-list:before { + content: "\e012" +} +.glyphicon-ok:before { + content: "\e013" +} +.glyphicon-remove:before { + content: "\e014" +} +.glyphicon-zoom-in:before { + content: "\e015" +} +.glyphicon-zoom-out:before { + content: "\e016" +} +.glyphicon-off:before { + content: "\e017" +} +.glyphicon-signal:before { + content: "\e018" +} +.glyphicon-cog:before { + content: "\e019" +} +.glyphicon-trash:before { + content: "\e020" +} +.glyphicon-home:before { + content: "\e021" +} +.glyphicon-file:before { + content: "\e022" +} +.glyphicon-time:before { + content: "\e023" +} +.glyphicon-road:before { + content: "\e024" +} +.glyphicon-download-alt:before { + content: "\e025" +} +.glyphicon-download:before { + content: "\e026" +} +.glyphicon-upload:before { + content: "\e027" +} +.glyphicon-inbox:before { + content: "\e028" +} +.glyphicon-play-circle:before { + content: "\e029" +} +.glyphicon-repeat:before { + content: "\e030" +} +.glyphicon-refresh:before { + content: "\e031" +} +.glyphicon-list-alt:before { + content: "\e032" +} +.glyphicon-lock:before { + content: "\e033" +} +.glyphicon-flag:before { + content: "\e034" +} +.glyphicon-headphones:before { + content: "\e035" +} +.glyphicon-volume-off:before { + content: "\e036" +} +.glyphicon-volume-down:before { + content: "\e037" +} +.glyphicon-volume-up:before { + content: "\e038" +} +.glyphicon-qrcode:before { + content: "\e039" +} +.glyphicon-barcode:before { + content: "\e040" +} +.glyphicon-tag:before { + content: "\e041" +} +.glyphicon-tags:before { + content: "\e042" +} +.glyphicon-book:before { + content: "\e043" +} +.glyphicon-bookmark:before { + content: "\e044" +} +.glyphicon-print:before { + content: "\e045" +} +.glyphicon-camera:before { + content: "\e046" +} +.glyphicon-font:before { + content: "\e047" +} +.glyphicon-bold:before { + content: "\e048" +} +.glyphicon-italic:before { + content: "\e049" +} +.glyphicon-text-height:before { + content: "\e050" +} +.glyphicon-text-width:before { + content: "\e051" +} +.glyphicon-align-left:before { + content: "\e052" +} +.glyphicon-align-center:before { + content: "\e053" +} +.glyphicon-align-right:before { + content: "\e054" +} +.glyphicon-align-justify:before { + content: "\e055" +} +.glyphicon-list:before { + content: "\e056" +} +.glyphicon-indent-left:before { + content: "\e057" +} +.glyphicon-indent-right:before { + content: "\e058" +} +.glyphicon-facetime-video:before { + content: "\e059" +} +.glyphicon-picture:before { + content: "\e060" +} +.glyphicon-map-marker:before { + content: "\e062" +} +.glyphicon-adjust:before { + content: "\e063" +} +.glyphicon-tint:before { + content: "\e064" +} +.glyphicon-edit:before { + content: "\e065" +} +.glyphicon-share:before { + content: "\e066" +} +.glyphicon-check:before { + content: "\e067" +} +.glyphicon-move:before { + content: "\e068" +} +.glyphicon-step-backward:before { + content: "\e069" +} +.glyphicon-fast-backward:before { + content: "\e070" +} +.glyphicon-backward:before { + content: "\e071" +} +.glyphicon-play:before { + content: "\e072" +} +.glyphicon-pause:before { + content: "\e073" +} +.glyphicon-stop:before { + content: "\e074" +} +.glyphicon-forward:before { + content: "\e075" +} +.glyphicon-fast-forward:before { + content: "\e076" +} +.glyphicon-step-forward:before { + content: "\e077" +} +.glyphicon-eject:before { + content: "\e078" +} +.glyphicon-chevron-left:before { + content: "\e079" +} +.glyphicon-chevron-right:before { + content: "\e080" +} +.glyphicon-plus-sign:before { + content: "\e081" +} +.glyphicon-minus-sign:before { + content: "\e082" +} +.glyphicon-remove-sign:before { + content: "\e083" +} +.glyphicon-ok-sign:before { + content: "\e084" +} +.glyphicon-question-sign:before { + content: "\e085" +} +.glyphicon-info-sign:before { + content: "\e086" +} +.glyphicon-screenshot:before { + content: "\e087" +} +.glyphicon-remove-circle:before { + content: "\e088" +} +.glyphicon-ok-circle:before { + content: "\e089" +} +.glyphicon-ban-circle:before { + content: "\e090" +} +.glyphicon-arrow-left:before { + content: "\e091" +} +.glyphicon-arrow-right:before { + content: "\e092" +} +.glyphicon-arrow-up:before { + content: "\e093" +} +.glyphicon-arrow-down:before { + content: "\e094" +} +.glyphicon-share-alt:before { + content: "\e095" +} +.glyphicon-resize-full:before { + content: "\e096" +} +.glyphicon-resize-small:before { + content: "\e097" +} +.glyphicon-exclamation-sign:before { + content: "\e101" +} +.glyphicon-gift:before { + content: "\e102" +} +.glyphicon-leaf:before { + content: "\e103" +} +.glyphicon-fire:before { + content: "\e104" +} +.glyphicon-eye-open:before { + content: "\e105" +} +.glyphicon-eye-close:before { + content: "\e106" +} +.glyphicon-warning-sign:before { + content: "\e107" +} +.glyphicon-plane:before { + content: "\e108" +} +.glyphicon-calendar:before { + content: "\e109" +} +.glyphicon-random:before { + content: "\e110" +} +.glyphicon-comment:before { + content: "\e111" +} +.glyphicon-magnet:before { + content: "\e112" +} +.glyphicon-chevron-up:before { + content: "\e113" +} +.glyphicon-chevron-down:before { + content: "\e114" +} +.glyphicon-retweet:before { + content: "\e115" +} +.glyphicon-shopping-cart:before { + content: "\e116" +} +.glyphicon-folder-close:before { + content: "\e117" +} +.glyphicon-folder-open:before { + content: "\e118" +} +.glyphicon-resize-vertical:before { + content: "\e119" +} +.glyphicon-resize-horizontal:before { + content: "\e120" +} +.glyphicon-hdd:before { + content: "\e121" +} +.glyphicon-bullhorn:before { + content: "\e122" +} +.glyphicon-bell:before { + content: "\e123" +} +.glyphicon-certificate:before { + content: "\e124" +} +.glyphicon-thumbs-up:before { + content: "\e125" +} +.glyphicon-thumbs-down:before { + content: "\e126" +} +.glyphicon-hand-right:before { + content: "\e127" +} +.glyphicon-hand-left:before { + content: "\e128" +} +.glyphicon-hand-up:before { + content: "\e129" +} +.glyphicon-hand-down:before { + content: "\e130" +} +.glyphicon-circle-arrow-right:before { + content: "\e131" +} +.glyphicon-circle-arrow-left:before { + content: "\e132" +} +.glyphicon-circle-arrow-up:before { + content: "\e133" +} +.glyphicon-circle-arrow-down:before { + content: "\e134" +} +.glyphicon-globe:before { + content: "\e135" +} +.glyphicon-wrench:before { + content: "\e136" +} +.glyphicon-tasks:before { + content: "\e137" +} +.glyphicon-filter:before { + content: "\e138" +} +.glyphicon-briefcase:before { + content: "\e139" +} +.glyphicon-fullscreen:before { + content: "\e140" +} +.glyphicon-dashboard:before { + content: "\e141" +} +.glyphicon-paperclip:before { + content: "\e142" +} +.glyphicon-heart-empty:before { + content: "\e143" +} +.glyphicon-link:before { + content: "\e144" +} +.glyphicon-phone:before { + content: "\e145" +} +.glyphicon-pushpin:before { + content: "\e146" +} +.glyphicon-usd:before { + content: "\e148" +} +.glyphicon-gbp:before { + content: "\e149" +} +.glyphicon-sort:before { + content: "\e150" +} +.glyphicon-sort-by-alphabet:before { + content: "\e151" +} +.glyphicon-sort-by-alphabet-alt:before { + content: "\e152" +} +.glyphicon-sort-by-order:before { + content: "\e153" +} +.glyphicon-sort-by-order-alt:before { + content: "\e154" +} +.glyphicon-sort-by-attributes:before { + content: "\e155" +} +.glyphicon-sort-by-attributes-alt:before { + content: "\e156" +} +.glyphicon-unchecked:before { + content: "\e157" +} +.glyphicon-expand:before { + content: "\e158" +} +.glyphicon-collapse-down:before { + content: "\e159" +} +.glyphicon-collapse-up:before { + content: "\e160" +} +.glyphicon-log-in:before { + content: "\e161" +} +.glyphicon-flash:before { + content: "\e162" +} +.glyphicon-log-out:before { + content: "\e163" +} +.glyphicon-new-window:before { + content: "\e164" +} +.glyphicon-record:before { + content: "\e165" +} +.glyphicon-save:before { + content: "\e166" +} +.glyphicon-open:before { + content: "\e167" +} +.glyphicon-saved:before { + content: "\e168" +} +.glyphicon-import:before { + content: "\e169" +} +.glyphicon-export:before { + content: "\e170" +} +.glyphicon-send:before { + content: "\e171" +} +.glyphicon-floppy-disk:before { + content: "\e172" +} +.glyphicon-floppy-saved:before { + content: "\e173" +} +.glyphicon-floppy-remove:before { + content: "\e174" +} +.glyphicon-floppy-save:before { + content: "\e175" +} +.glyphicon-floppy-open:before { + content: "\e176" +} +.glyphicon-credit-card:before { + content: "\e177" +} +.glyphicon-transfer:before { + content: "\e178" +} +.glyphicon-cutlery:before { + content: "\e179" +} +.glyphicon-header:before { + content: "\e180" +} +.glyphicon-compressed:before { + content: "\e181" +} +.glyphicon-earphone:before { + content: "\e182" +} +.glyphicon-phone-alt:before { + content: "\e183" +} +.glyphicon-tower:before { + content: "\e184" +} +.glyphicon-stats:before { + content: "\e185" +} +.glyphicon-sd-video:before { + content: "\e186" +} +.glyphicon-hd-video:before { + content: "\e187" +} +.glyphicon-subtitles:before { + content: "\e188" +} +.glyphicon-sound-stereo:before { + content: "\e189" +} +.glyphicon-sound-dolby:before { + content: "\e190" +} +.glyphicon-sound-5-1:before { + content: "\e191" +} +.glyphicon-sound-6-1:before { + content: "\e192" +} +.glyphicon-sound-7-1:before { + content: "\e193" +} +.glyphicon-copyright-mark:before { + content: "\e194" +} +.glyphicon-registration-mark:before { + content: "\e195" +} +.glyphicon-cloud-download:before { + content: "\e197" +} +.glyphicon-cloud-upload:before { + content: "\e198" +} +.glyphicon-tree-conifer:before { + content: "\e199" +} +.glyphicon-tree-deciduous:before { + content: "\e200" +} +* { + box-sizing: border-box +} +*:before, *:after { + box-sizing: border-box +} +html { + font-size: 10px; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0) +} +body { + font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; + font-size: 14px; + line-height: 1.428571429; + color: #333333; + background-color: white +} +input, button, select, textarea { + font-family: inherit; + font-size: inherit; + line-height: inherit +} +a { + color: #428bca; + text-decoration: none +} +a:hover, a:focus { + color: #2a6496; + text-decoration: underline +} +a:focus { + outline: thin dotted; + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px +} +figure { + margin: 0 +} +img { + vertical-align: middle +} +.img-responsive { + display: block; + width: 100% \9; + max-width: 100%; + height: auto +} +.img-rounded { + border-radius: 6px +} +.img-thumbnail { + padding: 4px; + line-height: 1.428571429; + background-color: white; + border: 1px solid #dddddd; + border-radius: 4px; + -webkit-transition: all 0.2s ease-in-out; + transition: all 0.2s ease-in-out; + display: inline-block; + width: 100% \9; + max-width: 100%; + height: auto +} +.img-circle { + border-radius: 50% +} +hr { + margin-top: 20px; + margin-bottom: 20px; + border: 0; + border-top: 1px solid #eeeeee +} +.sr-only { + position: absolute; + width: 1px; + height: 1px; + margin: -1px; + padding: 0; + overflow: hidden; + clip: rect(0, 0, 0, 0); + border: 0 +} +.sr-only-focusable:active, .sr-only-focusable:focus { + position: static; + width: auto; + height: auto; + margin: 0; + overflow: visible; + clip: auto +} +h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { + font-family: inherit; + font-weight: 500; + line-height: 1.1; + 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: normal; + line-height: 1; + color: #777777 +} +h1, .h1, h2, .h2, h3, .h3 { + margin-top: 20px; + margin-bottom: 10px +} +h1 small, h1 .small, .h1 small, .h1 .small, h2 small, h2 .small, .h2 small, .h2 .small, h3 small, h3 .small, .h3 small, .h3 .small { + font-size: 65% +} +h4, .h4, h5, .h5, h6, .h6 { + margin-top: 10px; + margin-bottom: 10px +} +h4 small, h4 .small, .h4 small, .h4 .small, h5 small, h5 .small, .h5 small, .h5 .small, h6 small, h6 .small, .h6 small, .h6 .small { + font-size: 75% +} +h1, .h1 { + font-size: 36px +} +h2, .h2 { + font-size: 30px +} +h3, .h3 { + font-size: 24px +} +h4, .h4 { + font-size: 18px +} +h5, .h5 { + font-size: 14px +} +h6, .h6 { + font-size: 12px +} +p { + margin: 0 0 10px +} +.lead { + margin-bottom: 20px; + font-size: 16px; + font-weight: 300; + line-height: 1.4 +} +@media (min-width: 768px) { + .lead { + font-size: 21px + } +} +small, .small { + font-size: 85% +} +cite { + font-style: normal +} +mark, .mark { + background-color: #fcf8e3; + 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: #777777 +} +.text-primary { + color: #428bca +} +a.text-primary:hover { + color: #3071a9 +} +.text-success { + color: #3c763d +} +a.text-success:hover { + color: #2b542c +} +.text-info { + color: #31708f +} +a.text-info:hover { + color: #245269 +} +.text-warning { + color: #8a6d3b +} +a.text-warning:hover { + color: #66512c +} +.text-danger { + color: #a94442 +} +a.text-danger:hover { + color: #843534 +} +.bg-primary { + color: #fff +} +.bg-primary { + background-color: #428bca +} +a.bg-primary:hover { + background-color: #3071a9 +} +.bg-success { + background-color: #dff0d8 +} +a.bg-success:hover { + background-color: #c1e2b3 +} +.bg-info { + background-color: #d9edf7 +} +a.bg-info:hover { + background-color: #afd9ee +} +.bg-warning { + background-color: #fcf8e3 +} +a.bg-warning:hover { + background-color: #f7ecb5 +} +.bg-danger { + background-color: #f2dede +} +a.bg-danger:hover { + background-color: #e4b9b9 +} +.page-header { + padding-bottom: 9px; + margin: 40px 0 20px; + border-bottom: 1px solid #eeeeee +} +ul, ol { + margin-top: 0; + margin-bottom: 10px +} +ul ul, ul ol, ol ul, ol ol { + margin-bottom: 0 +} +.list-unstyled, .list-inline { + padding-left: 0; + list-style: none +} +.list-inline { + margin-left: -5px +} +.list-inline>li { + display: inline-block; + padding-left: 5px; + padding-right: 5px +} +dl { + margin-top: 0; + margin-bottom: 20px +} +dt, dd { + line-height: 1.428571429 +} +dt { + font-weight: bold +} +dd { + margin-left: 0 +} +.dl-horizontal dd:before, .dl-horizontal dd:after { + content: " "; + display: table +} +.dl-horizontal dd:after { + clear: both +} +@media (min-width: 768px) { + .dl-horizontal dt { + float: left; + width: 160px; + clear: left; + text-align: right; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap + } + .dl-horizontal dd { + margin-left: 180px + } +} +abbr[title], abbr[data-original-title] { + cursor: help; + border-bottom: 1px dotted #777777 +} +.initialism { + font-size: 90%; + text-transform: uppercase +} +blockquote { + padding: 10px 20px; + margin: 0 0 20px; + font-size: 17.5px; + border-left: 5px solid #eeeeee +} +blockquote p:last-child, blockquote ul:last-child, blockquote ol:last-child { + margin-bottom: 0 +} +blockquote footer, blockquote small, blockquote .small { + display: block; + font-size: 80%; + line-height: 1.428571429; + color: #777777 +} +blockquote footer:before, blockquote small:before, blockquote .small:before { + content: '\2014 \00A0' +} +.blockquote-reverse, blockquote.pull-right { + padding-right: 15px; + padding-left: 0; + border-right: 5px solid #eeeeee; + border-left: 0; + text-align: right +} +.blockquote-reverse footer:before, .blockquote-reverse small:before, .blockquote-reverse .small:before, blockquote.pull-right footer:before, blockquote.pull-right small:before, blockquote.pull-right .small:before { + content: '' +} +.blockquote-reverse footer:after, .blockquote-reverse small:after, .blockquote-reverse .small:after, blockquote.pull-right footer:after, blockquote.pull-right small:after, blockquote.pull-right .small:after { + content: '\00A0 \2014' +} +blockquote:before, blockquote:after { + content: "" +} +address { + margin-bottom: 20px; + font-style: normal; + line-height: 1.428571429 +} +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: 4px +} +kbd { + padding: 2px 4px; + font-size: 90%; + color: white; + background-color: #333333; + border-radius: 3px; + box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25) +} +kbd kbd { + padding: 0; + font-size: 100%; + box-shadow: none +} +pre { + display: block; + padding: 9.5px; + margin: 0 0 10px; + font-size: 13px; + line-height: 1.428571429; + word-break: break-all; + word-wrap: break-word; + color: #333333; + background-color: whitesmoke; + border: 1px solid #cccccc; + border-radius: 4px +} +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: 15px; + padding-right: 15px +} +.container:before, .container:after { + content: " "; + display: table +} +.container:after { + clear: both +} +@media (min-width: 768px) { + .container { + width: 750px + } +} +@media (min-width: 992px) { + .container { + width: 970px + } +} +@media (min-width: 1200px) { + .container { + width: 1170px + } +} +.container-fluid { + margin-right: auto; + margin-left: auto; + padding-left: 15px; + padding-right: 15px +} +.container-fluid:before, .container-fluid:after { + content: " "; + display: table +} +.container-fluid:after { + clear: both +} +.row { + margin-left: -15px; + margin-right: -15px +} +.row:before, .row:after { + content: " "; + display: table +} +.row:after { + clear: both +} +.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { + position: relative; + min-height: 1px; + padding-left: 15px; + padding-right: 15px +} +.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { + float: left +} +.col-xs-1 { + width: 8.3333333333% +} +.col-xs-2 { + width: 16.6666666667% +} +.col-xs-3 { + width: 25% +} +.col-xs-4 { + width: 33.3333333333% +} +.col-xs-5 { + width: 41.6666666667% +} +.col-xs-6 { + width: 50% +} +.col-xs-7 { + width: 58.3333333333% +} +.col-xs-8 { + width: 66.6666666667% +} +.col-xs-9 { + width: 75% +} +.col-xs-10 { + width: 83.3333333333% +} +.col-xs-11 { + width: 91.6666666667% +} +.col-xs-12 { + width: 100% +} +.col-xs-pull-0 { + right: auto +} +.col-xs-pull-1 { + right: 8.3333333333% +} +.col-xs-pull-2 { + right: 16.6666666667% +} +.col-xs-pull-3 { + right: 25% +} +.col-xs-pull-4 { + right: 33.3333333333% +} +.col-xs-pull-5 { + right: 41.6666666667% +} +.col-xs-pull-6 { + right: 50% +} +.col-xs-pull-7 { + right: 58.3333333333% +} +.col-xs-pull-8 { + right: 66.6666666667% +} +.col-xs-pull-9 { + right: 75% +} +.col-xs-pull-10 { + right: 83.3333333333% +} +.col-xs-pull-11 { + right: 91.6666666667% +} +.col-xs-pull-12 { + right: 100% +} +.col-xs-push-0 { + left: auto +} +.col-xs-push-1 { + left: 8.3333333333% +} +.col-xs-push-2 { + left: 16.6666666667% +} +.col-xs-push-3 { + left: 25% +} +.col-xs-push-4 { + left: 33.3333333333% +} +.col-xs-push-5 { + left: 41.6666666667% +} +.col-xs-push-6 { + left: 50% +} +.col-xs-push-7 { + left: 58.3333333333% +} +.col-xs-push-8 { + left: 66.6666666667% +} +.col-xs-push-9 { + left: 75% +} +.col-xs-push-10 { + left: 83.3333333333% +} +.col-xs-push-11 { + left: 91.6666666667% +} +.col-xs-push-12 { + left: 100% +} +.col-xs-offset-0 { + margin-left: 0% +} +.col-xs-offset-1 { + margin-left: 8.3333333333% +} +.col-xs-offset-2 { + margin-left: 16.6666666667% +} +.col-xs-offset-3 { + margin-left: 25% +} +.col-xs-offset-4 { + margin-left: 33.3333333333% +} +.col-xs-offset-5 { + margin-left: 41.6666666667% +} +.col-xs-offset-6 { + margin-left: 50% +} +.col-xs-offset-7 { + margin-left: 58.3333333333% +} +.col-xs-offset-8 { + margin-left: 66.6666666667% +} +.col-xs-offset-9 { + margin-left: 75% +} +.col-xs-offset-10 { + margin-left: 83.3333333333% +} +.col-xs-offset-11 { + margin-left: 91.6666666667% +} +.col-xs-offset-12 { + margin-left: 100% +} +@media (min-width: 768px) { + .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { + float: left + } + .col-sm-1 { + width: 8.3333333333% + } + .col-sm-2 { + width: 16.6666666667% + } + .col-sm-3 { + width: 25% + } + .col-sm-4 { + width: 33.3333333333% + } + .col-sm-5 { + width: 41.6666666667% + } + .col-sm-6 { + width: 50% + } + .col-sm-7 { + width: 58.3333333333% + } + .col-sm-8 { + width: 66.6666666667% + } + .col-sm-9 { + width: 75% + } + .col-sm-10 { + width: 83.3333333333% + } + .col-sm-11 { + width: 91.6666666667% + } + .col-sm-12 { + width: 100% + } + .col-sm-pull-0 { + right: auto + } + .col-sm-pull-1 { + right: 8.3333333333% + } + .col-sm-pull-2 { + right: 16.6666666667% + } + .col-sm-pull-3 { + right: 25% + } + .col-sm-pull-4 { + right: 33.3333333333% + } + .col-sm-pull-5 { + right: 41.6666666667% + } + .col-sm-pull-6 { + right: 50% + } + .col-sm-pull-7 { + right: 58.3333333333% + } + .col-sm-pull-8 { + right: 66.6666666667% + } + .col-sm-pull-9 { + right: 75% + } + .col-sm-pull-10 { + right: 83.3333333333% + } + .col-sm-pull-11 { + right: 91.6666666667% + } + .col-sm-pull-12 { + right: 100% + } + .col-sm-push-0 { + left: auto + } + .col-sm-push-1 { + left: 8.3333333333% + } + .col-sm-push-2 { + left: 16.6666666667% + } + .col-sm-push-3 { + left: 25% + } + .col-sm-push-4 { + left: 33.3333333333% + } + .col-sm-push-5 { + left: 41.6666666667% + } + .col-sm-push-6 { + left: 50% + } + .col-sm-push-7 { + left: 58.3333333333% + } + .col-sm-push-8 { + left: 66.6666666667% + } + .col-sm-push-9 { + left: 75% + } + .col-sm-push-10 { + left: 83.3333333333% + } + .col-sm-push-11 { + left: 91.6666666667% + } + .col-sm-push-12 { + left: 100% + } + .col-sm-offset-0 { + margin-left: 0% + } + .col-sm-offset-1 { + margin-left: 8.3333333333% + } + .col-sm-offset-2 { + margin-left: 16.6666666667% + } + .col-sm-offset-3 { + margin-left: 25% + } + .col-sm-offset-4 { + margin-left: 33.3333333333% + } + .col-sm-offset-5 { + margin-left: 41.6666666667% + } + .col-sm-offset-6 { + margin-left: 50% + } + .col-sm-offset-7 { + margin-left: 58.3333333333% + } + .col-sm-offset-8 { + margin-left: 66.6666666667% + } + .col-sm-offset-9 { + margin-left: 75% + } + .col-sm-offset-10 { + margin-left: 83.3333333333% + } + .col-sm-offset-11 { + margin-left: 91.6666666667% + } + .col-sm-offset-12 { + margin-left: 100% + } +} +@media (min-width: 992px) { + .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { + float: left + } + .col-md-1 { + width: 8.3333333333% + } + .col-md-2 { + width: 16.6666666667% + } + .col-md-3 { + width: 25% + } + .col-md-4 { + width: 33.3333333333% + } + .col-md-5 { + width: 41.6666666667% + } + .col-md-6 { + width: 50% + } + .col-md-7 { + width: 58.3333333333% + } + .col-md-8 { + width: 66.6666666667% + } + .col-md-9 { + width: 75% + } + .col-md-10 { + width: 83.3333333333% + } + .col-md-11 { + width: 91.6666666667% + } + .col-md-12 { + width: 100% + } + .col-md-pull-0 { + right: auto + } + .col-md-pull-1 { + right: 8.3333333333% + } + .col-md-pull-2 { + right: 16.6666666667% + } + .col-md-pull-3 { + right: 25% + } + .col-md-pull-4 { + right: 33.3333333333% + } + .col-md-pull-5 { + right: 41.6666666667% + } + .col-md-pull-6 { + right: 50% + } + .col-md-pull-7 { + right: 58.3333333333% + } + .col-md-pull-8 { + right: 66.6666666667% + } + .col-md-pull-9 { + right: 75% + } + .col-md-pull-10 { + right: 83.3333333333% + } + .col-md-pull-11 { + right: 91.6666666667% + } + .col-md-pull-12 { + right: 100% + } + .col-md-push-0 { + left: auto + } + .col-md-push-1 { + left: 8.3333333333% + } + .col-md-push-2 { + left: 16.6666666667% + } + .col-md-push-3 { + left: 25% + } + .col-md-push-4 { + left: 33.3333333333% + } + .col-md-push-5 { + left: 41.6666666667% + } + .col-md-push-6 { + left: 50% + } + .col-md-push-7 { + left: 58.3333333333% + } + .col-md-push-8 { + left: 66.6666666667% + } + .col-md-push-9 { + left: 75% + } + .col-md-push-10 { + left: 83.3333333333% + } + .col-md-push-11 { + left: 91.6666666667% + } + .col-md-push-12 { + left: 100% + } + .col-md-offset-0 { + margin-left: 0% + } + .col-md-offset-1 { + margin-left: 8.3333333333% + } + .col-md-offset-2 { + margin-left: 16.6666666667% + } + .col-md-offset-3 { + margin-left: 25% + } + .col-md-offset-4 { + margin-left: 33.3333333333% + } + .col-md-offset-5 { + margin-left: 41.6666666667% + } + .col-md-offset-6 { + margin-left: 50% + } + .col-md-offset-7 { + margin-left: 58.3333333333% + } + .col-md-offset-8 { + margin-left: 66.6666666667% + } + .col-md-offset-9 { + margin-left: 75% + } + .col-md-offset-10 { + margin-left: 83.3333333333% + } + .col-md-offset-11 { + margin-left: 91.6666666667% + } + .col-md-offset-12 { + margin-left: 100% + } +} +@media (min-width: 1200px) { + .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { + float: left + } + .col-lg-1 { + width: 8.3333333333% + } + .col-lg-2 { + width: 16.6666666667% + } + .col-lg-3 { + width: 25% + } + .col-lg-4 { + width: 33.3333333333% + } + .col-lg-5 { + width: 41.6666666667% + } + .col-lg-6 { + width: 50% + } + .col-lg-7 { + width: 58.3333333333% + } + .col-lg-8 { + width: 66.6666666667% + } + .col-lg-9 { + width: 75% + } + .col-lg-10 { + width: 83.3333333333% + } + .col-lg-11 { + width: 91.6666666667% + } + .col-lg-12 { + width: 100% + } + .col-lg-pull-0 { + right: auto + } + .col-lg-pull-1 { + right: 8.3333333333% + } + .col-lg-pull-2 { + right: 16.6666666667% + } + .col-lg-pull-3 { + right: 25% + } + .col-lg-pull-4 { + right: 33.3333333333% + } + .col-lg-pull-5 { + right: 41.6666666667% + } + .col-lg-pull-6 { + right: 50% + } + .col-lg-pull-7 { + right: 58.3333333333% + } + .col-lg-pull-8 { + right: 66.6666666667% + } + .col-lg-pull-9 { + right: 75% + } + .col-lg-pull-10 { + right: 83.3333333333% + } + .col-lg-pull-11 { + right: 91.6666666667% + } + .col-lg-pull-12 { + right: 100% + } + .col-lg-push-0 { + left: auto + } + .col-lg-push-1 { + left: 8.3333333333% + } + .col-lg-push-2 { + left: 16.6666666667% + } + .col-lg-push-3 { + left: 25% + } + .col-lg-push-4 { + left: 33.3333333333% + } + .col-lg-push-5 { + left: 41.6666666667% + } + .col-lg-push-6 { + left: 50% + } + .col-lg-push-7 { + left: 58.3333333333% + } + .col-lg-push-8 { + left: 66.6666666667% + } + .col-lg-push-9 { + left: 75% + } + .col-lg-push-10 { + left: 83.3333333333% + } + .col-lg-push-11 { + left: 91.6666666667% + } + .col-lg-push-12 { + left: 100% + } + .col-lg-offset-0 { + margin-left: 0% + } + .col-lg-offset-1 { + margin-left: 8.3333333333% + } + .col-lg-offset-2 { + margin-left: 16.6666666667% + } + .col-lg-offset-3 { + margin-left: 25% + } + .col-lg-offset-4 { + margin-left: 33.3333333333% + } + .col-lg-offset-5 { + margin-left: 41.6666666667% + } + .col-lg-offset-6 { + margin-left: 50% + } + .col-lg-offset-7 { + margin-left: 58.3333333333% + } + .col-lg-offset-8 { + margin-left: 66.6666666667% + } + .col-lg-offset-9 { + margin-left: 75% + } + .col-lg-offset-10 { + margin-left: 83.3333333333% + } + .col-lg-offset-11 { + margin-left: 91.6666666667% + } + .col-lg-offset-12 { + margin-left: 100% + } +} +table { + background-color: transparent +} +th { + text-align: left +} +.table { + width: 100%; + max-width: 100%; + margin-bottom: 20px +} +.table>thead>tr>th, .table>thead>tr>td, .table>tbody>tr>th, .table>tbody>tr>td, .table>tfoot>tr>th, .table>tfoot>tr>td { + padding: 8px; + line-height: 1.428571429; + vertical-align: top; + border-top: 1px solid #dddddd +} +.table>thead>tr>th { + vertical-align: bottom; + border-bottom: 2px solid #dddddd +} +.table>caption+thead>tr:first-child>th, .table>caption+thead>tr:first-child>td, .table>colgroup+thead>tr:first-child>th, .table>colgroup+thead>tr:first-child>td, .table>thead:first-child>tr:first-child>th, .table>thead:first-child>tr:first-child>td { + border-top: 0 +} +.table>tbody+tbody { + border-top: 2px solid #dddddd +} +.table .table { + background-color: white +} +.table-condensed>thead>tr>th, .table-condensed>thead>tr>td, .table-condensed>tbody>tr>th, .table-condensed>tbody>tr>td, .table-condensed>tfoot>tr>th, .table-condensed>tfoot>tr>td { + padding: 5px +} +.table-bordered { + border: 1px solid #dddddd +} +.table-bordered>thead>tr>th, .table-bordered>thead>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tbody>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>tfoot>tr>td { + border: 1px solid #dddddd +} +.table-bordered>thead>tr>th, .table-bordered>thead>tr>td { + border-bottom-width: 2px +} +.table-striped>tbody>tr:nth-child(odd)>td, .table-striped>tbody>tr:nth-child(odd)>th { + background-color: #f9f9f9 +} +.table-hover>tbody>tr:hover>td, .table-hover>tbody>tr:hover>th { + background-color: whitesmoke +} +table col[class*="col-"] { + position: static; + float: none; + display: table-column +} +table td[class*="col-"], table th[class*="col-"] { + position: static; + float: none; + display: table-cell +} +.table>thead>tr>td.active, .table>thead>tr>th.active, .table>thead>tr.active>td, .table>thead>tr.active>th, .table>tbody>tr>td.active, .table>tbody>tr>th.active, .table>tbody>tr.active>td, .table>tbody>tr.active>th, .table>tfoot>tr>td.active, .table>tfoot>tr>th.active, .table>tfoot>tr.active>td, .table>tfoot>tr.active>th { + background-color: whitesmoke +} +.table-hover>tbody>tr>td.active:hover, .table-hover>tbody>tr>th.active:hover, .table-hover>tbody>tr.active:hover>td, .table-hover>tbody>tr:hover>.active, .table-hover>tbody>tr.active:hover>th { + background-color: #e8e8e8 +} +.table>thead>tr>td.success, .table>thead>tr>th.success, .table>thead>tr.success>td, .table>thead>tr.success>th, .table>tbody>tr>td.success, .table>tbody>tr>th.success, .table>tbody>tr.success>td, .table>tbody>tr.success>th, .table>tfoot>tr>td.success, .table>tfoot>tr>th.success, .table>tfoot>tr.success>td, .table>tfoot>tr.success>th { + background-color: #dff0d8 +} +.table-hover>tbody>tr>td.success:hover, .table-hover>tbody>tr>th.success:hover, .table-hover>tbody>tr.success:hover>td, .table-hover>tbody>tr:hover>.success, .table-hover>tbody>tr.success:hover>th { + background-color: #d0e9c6 +} +.table>thead>tr>td.info, .table>thead>tr>th.info, .table>thead>tr.info>td, .table>thead>tr.info>th, .table>tbody>tr>td.info, .table>tbody>tr>th.info, .table>tbody>tr.info>td, .table>tbody>tr.info>th, .table>tfoot>tr>td.info, .table>tfoot>tr>th.info, .table>tfoot>tr.info>td, .table>tfoot>tr.info>th { + background-color: #d9edf7 +} +.table-hover>tbody>tr>td.info:hover, .table-hover>tbody>tr>th.info:hover, .table-hover>tbody>tr.info:hover>td, .table-hover>tbody>tr:hover>.info, .table-hover>tbody>tr.info:hover>th { + background-color: #c4e3f3 +} +.table>thead>tr>td.warning, .table>thead>tr>th.warning, .table>thead>tr.warning>td, .table>thead>tr.warning>th, .table>tbody>tr>td.warning, .table>tbody>tr>th.warning, .table>tbody>tr.warning>td, .table>tbody>tr.warning>th, .table>tfoot>tr>td.warning, .table>tfoot>tr>th.warning, .table>tfoot>tr.warning>td, .table>tfoot>tr.warning>th { + background-color: #fcf8e3 +} +.table-hover>tbody>tr>td.warning:hover, .table-hover>tbody>tr>th.warning:hover, .table-hover>tbody>tr.warning:hover>td, .table-hover>tbody>tr:hover>.warning, .table-hover>tbody>tr.warning:hover>th { + background-color: #faf2cc +} +.table>thead>tr>td.danger, .table>thead>tr>th.danger, .table>thead>tr.danger>td, .table>thead>tr.danger>th, .table>tbody>tr>td.danger, .table>tbody>tr>th.danger, .table>tbody>tr.danger>td, .table>tbody>tr.danger>th, .table>tfoot>tr>td.danger, .table>tfoot>tr>th.danger, .table>tfoot>tr.danger>td, .table>tfoot>tr.danger>th { + background-color: #f2dede +} +.table-hover>tbody>tr>td.danger:hover, .table-hover>tbody>tr>th.danger:hover, .table-hover>tbody>tr.danger:hover>td, .table-hover>tbody>tr:hover>.danger, .table-hover>tbody>tr.danger:hover>th { + background-color: #ebcccc +} +@media screen and (max-width: 767px) { + .table-responsive { + width: 100%; + margin-bottom: 15px; + overflow-y: hidden; + overflow-x: auto; + -ms-overflow-style: -ms-autohiding-scrollbar; + border: 1px solid #dddddd; + -webkit-overflow-scrolling: touch + } + .table-responsive>.table { + margin-bottom: 0 + } + .table-responsive>.table>thead>tr>th, .table-responsive>.table>thead>tr>td, .table-responsive>.table>tbody>tr>th, .table-responsive>.table>tbody>tr>td, .table-responsive>.table>tfoot>tr>th, .table-responsive>.table>tfoot>tr>td { + white-space: nowrap + } + .table-responsive>.table-bordered { + border: 0 + } + .table-responsive>.table-bordered>thead>tr>th:first-child, .table-responsive>.table-bordered>thead>tr>td:first-child, .table-responsive>.table-bordered>tbody>tr>th:first-child, .table-responsive>.table-bordered>tbody>tr>td:first-child, .table-responsive>.table-bordered>tfoot>tr>th:first-child, .table-responsive>.table-bordered>tfoot>tr>td:first-child { + border-left: 0 + } + .table-responsive>.table-bordered>thead>tr>th:last-child, .table-responsive>.table-bordered>thead>tr>td:last-child, .table-responsive>.table-bordered>tbody>tr>th:last-child, .table-responsive>.table-bordered>tbody>tr>td:last-child, .table-responsive>.table-bordered>tfoot>tr>th:last-child, .table-responsive>.table-bordered>tfoot>tr>td:last-child { + border-right: 0 + } + .table-responsive>.table-bordered>tbody>tr:last-child>th, .table-responsive>.table-bordered>tbody>tr:last-child>td, .table-responsive>.table-bordered>tfoot>tr:last-child>th, .table-responsive>.table-bordered>tfoot>tr:last-child>td { + border-bottom: 0 + } +} +fieldset { + padding: 0; + margin: 0; + border: 0; + min-width: 0 +} +legend { + display: block; + width: 100%; + padding: 0; + margin-bottom: 20px; + font-size: 21px; + line-height: inherit; + color: #333333; + border: 0; + border-bottom: 1px solid #e5e5e5 +} +label { + display: inline-block; + max-width: 100%; + margin-bottom: 5px; + font-weight: bold +} +input[type="search"] { + box-sizing: border-box +} +input[type="radio"], input[type="checkbox"] { + margin: 4px 0 0; + margin-top: 1px \9; + line-height: normal +} +input[type="file"] { + display: block +} +input[type="range"] { + display: block; + width: 100% +} +select[multiple], select[size] { + height: auto +} +input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus { + outline: thin dotted; + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px +} +output { + display: block; + padding-top: 7px; + font-size: 14px; + line-height: 1.428571429; + color: #555555 +} +.form-control { + display: block; + width: 100%; + height: 34px; + padding: 6px 12px; + font-size: 14px; + line-height: 1.428571429; + color: #555555; + background-color: white; + background-image: none; + border: 1px solid #cccccc; + border-radius: 4px; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; + transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s +} +.form-control:focus { + border-color: #66afe9; + outline: 0; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6) +} +.form-control::-moz-placeholder { + color: #777777; + opacity: 1 +} +.form-control:-ms-input-placeholder { + color: #777777 +} +.form-control::-webkit-input-placeholder { + color: #777777 +} +.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { + cursor: not-allowed; + background-color: #eeeeee; + opacity: 1 +} +textarea.form-control { + height: auto +} +input[type="search"] { + -webkit-appearance: none +} +input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] { + line-height: 34px; + line-height: 1.428571429 \0 +} +input[type="date"].input-sm, .form-horizontal .form-group-sm input[type="date"].form-control, .input-group-sm>input[type="date"].form-control, .input-group-sm>input[type="date"].input-group-addon, .input-group-sm>.input-group-btn>input[type="date"].btn, input[type="time"].input-sm, .form-horizontal .form-group-sm input[type="time"].form-control, .input-group-sm>input[type="time"].form-control, .input-group-sm>input[type="time"].input-group-addon, .input-group-sm>.input-group-btn>input[type="time"].btn, input[type="datetime-local"].input-sm, .form-horizontal .form-group-sm input[type="datetime-local"].form-control, .input-group-sm>input[type="datetime-local"].form-control, .input-group-sm>input[type="datetime-local"].input-group-addon, .input-group-sm>.input-group-btn>input[type="datetime-local"].btn, input[type="month"].input-sm, .form-horizontal .form-group-sm input[type="month"].form-control, .input-group-sm>input[type="month"].form-control, .input-group-sm>input[type="month"].input-group-addon, .input-group-sm>.input-group-btn>input[type="month"].btn { + line-height: 30px +} +input[type="date"].input-lg, .form-horizontal .form-group-lg input[type="date"].form-control, .input-group-lg>input[type="date"].form-control, .input-group-lg>input[type="date"].input-group-addon, .input-group-lg>.input-group-btn>input[type="date"].btn, input[type="time"].input-lg, .form-horizontal .form-group-lg input[type="time"].form-control, .input-group-lg>input[type="time"].form-control, .input-group-lg>input[type="time"].input-group-addon, .input-group-lg>.input-group-btn>input[type="time"].btn, input[type="datetime-local"].input-lg, .form-horizontal .form-group-lg input[type="datetime-local"].form-control, .input-group-lg>input[type="datetime-local"].form-control, .input-group-lg>input[type="datetime-local"].input-group-addon, .input-group-lg>.input-group-btn>input[type="datetime-local"].btn, input[type="month"].input-lg, .form-horizontal .form-group-lg input[type="month"].form-control, .input-group-lg>input[type="month"].form-control, .input-group-lg>input[type="month"].input-group-addon, .input-group-lg>.input-group-btn>input[type="month"].btn { + line-height: 46px +} +.form-group { + margin-bottom: 15px +} +.radio, .checkbox { + position: relative; + display: block; + min-height: 20px; + margin-top: 10px; + margin-bottom: 10px +} +.radio label, .checkbox label { + padding-left: 20px; + margin-bottom: 0; + font-weight: normal; + cursor: pointer +} +.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] { + position: absolute; + margin-left: -20px; + margin-top: 4px \9 +} +.radio+.radio, .checkbox+.checkbox { + margin-top: -5px +} +.radio-inline, .checkbox-inline { + display: inline-block; + padding-left: 20px; + margin-bottom: 0; + vertical-align: middle; + font-weight: normal; + cursor: pointer +} +.radio-inline+.radio-inline, .checkbox-inline+.checkbox-inline { + margin-top: 0; + margin-left: 10px +} +input[type="radio"][disabled], input[type="radio"].disabled, fieldset[disabled] input[type="radio"], input[type="checkbox"][disabled], input[type="checkbox"].disabled, fieldset[disabled] input[type="checkbox"] { + cursor: not-allowed +} +.radio-inline.disabled, fieldset[disabled] .radio-inline, .checkbox-inline.disabled, fieldset[disabled] .checkbox-inline { + cursor: not-allowed +} +.radio.disabled label, fieldset[disabled] .radio label, .checkbox.disabled label, fieldset[disabled] .checkbox label { + cursor: not-allowed +} +.form-control-static { + padding-top: 7px; + padding-bottom: 7px; + margin-bottom: 0 +} +.form-control-static.input-lg, .form-horizontal .form-group-lg .form-control-static.form-control, .input-group-lg>.form-control-static.form-control, .input-group-lg>.form-control-static.input-group-addon, .input-group-lg>.input-group-btn>.form-control-static.btn, .form-control-static.input-sm, .form-horizontal .form-group-sm .form-control-static.form-control, .input-group-sm>.form-control-static.form-control, .input-group-sm>.form-control-static.input-group-addon, .input-group-sm>.input-group-btn>.form-control-static.btn { + padding-left: 0; + padding-right: 0 +} +.input-sm, .form-horizontal .form-group-sm .form-control, .input-group-sm>.form-control, .input-group-sm>.input-group-addon, .input-group-sm>.input-group-btn>.btn { + height: 30px; + padding: 5px 10px; + font-size: 12px; + line-height: 1.5; + border-radius: 3px +} +select.input-sm, .form-horizontal .form-group-sm select.form-control, .input-group-sm>select.form-control, .input-group-sm>select.input-group-addon, .input-group-sm>.input-group-btn>select.btn { + height: 30px; + line-height: 30px +} +textarea.input-sm, .form-horizontal .form-group-sm textarea.form-control, .input-group-sm>textarea.form-control, .input-group-sm>textarea.input-group-addon, .input-group-sm>.input-group-btn>textarea.btn, select[multiple].input-sm, .form-horizontal .form-group-sm select[multiple].form-control, .input-group-sm>select[multiple].form-control, .input-group-sm>select[multiple].input-group-addon, .input-group-sm>.input-group-btn>select[multiple].btn { + height: auto +} +.input-lg, .form-horizontal .form-group-lg .form-control, .input-group-lg>.form-control, .input-group-lg>.input-group-addon, .input-group-lg>.input-group-btn>.btn { + height: 46px; + padding: 10px 16px; + font-size: 18px; + line-height: 1.33; + border-radius: 6px +} +select.input-lg, .form-horizontal .form-group-lg select.form-control, .input-group-lg>select.form-control, .input-group-lg>select.input-group-addon, .input-group-lg>.input-group-btn>select.btn { + height: 46px; + line-height: 46px +} +textarea.input-lg, .form-horizontal .form-group-lg textarea.form-control, .input-group-lg>textarea.form-control, .input-group-lg>textarea.input-group-addon, .input-group-lg>.input-group-btn>textarea.btn, select[multiple].input-lg, .form-horizontal .form-group-lg select[multiple].form-control, .input-group-lg>select[multiple].form-control, .input-group-lg>select[multiple].input-group-addon, .input-group-lg>.input-group-btn>select[multiple].btn { + height: auto +} +.has-feedback { + position: relative +} +.has-feedback .form-control { + padding-right: 42.5px +} +.form-control-feedback { + position: absolute; + top: 25px; + right: 0; + z-index: 2; + display: block; + width: 34px; + height: 34px; + line-height: 34px; + text-align: center +} +.input-lg+.form-control-feedback, .form-horizontal .form-group-lg .form-control+.form-control-feedback, .input-group-lg>.form-control+.form-control-feedback, .input-group-lg>.input-group-addon+.form-control-feedback, .input-group-lg>.input-group-btn>.btn+.form-control-feedback { + width: 46px; + height: 46px; + line-height: 46px +} +.input-sm+.form-control-feedback, .form-horizontal .form-group-sm .form-control+.form-control-feedback, .input-group-sm>.form-control+.form-control-feedback, .input-group-sm>.input-group-addon+.form-control-feedback, .input-group-sm>.input-group-btn>.btn+.form-control-feedback { + width: 30px; + height: 30px; + line-height: 30px +} +.has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline { + color: #3c763d +} +.has-success .form-control { + border-color: #3c763d; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) +} +.has-success .form-control:focus { + border-color: #2b542c; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168 +} +.has-success .input-group-addon { + color: #3c763d; + border-color: #3c763d; + background-color: #dff0d8 +} +.has-success .form-control-feedback { + color: #3c763d +} +.has-warning .help-block, .has-warning .control-label, .has-warning .radio, .has-warning .checkbox, .has-warning .radio-inline, .has-warning .checkbox-inline { + color: #8a6d3b +} +.has-warning .form-control { + border-color: #8a6d3b; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) +} +.has-warning .form-control:focus { + border-color: #66512c; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b +} +.has-warning .input-group-addon { + color: #8a6d3b; + border-color: #8a6d3b; + background-color: #fcf8e3 +} +.has-warning .form-control-feedback { + color: #8a6d3b +} +.has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline { + color: #a94442 +} +.has-error .form-control { + border-color: #a94442; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) +} +.has-error .form-control:focus { + border-color: #843534; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483 +} +.has-error .input-group-addon { + color: #a94442; + border-color: #a94442; + background-color: #f2dede +} +.has-error .form-control-feedback { + color: #a94442 +} +.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: 768px) { + .form-inline .form-group, .navbar-form .form-group { + display: inline-block; + margin-bottom: 0; + vertical-align: middle + } + .form-inline .form-control, .navbar-form .form-control { + display: inline-block; + width: auto; + vertical-align: middle + } + .form-inline .input-group, .navbar-form .input-group { + display: inline-table; + vertical-align: middle + } + .form-inline .input-group .input-group-addon, .navbar-form .input-group .input-group-addon, .form-inline .input-group .input-group-btn, .navbar-form .input-group .input-group-btn, .form-inline .input-group .form-control, .navbar-form .input-group .form-control { + width: auto + } + .form-inline .input-group>.form-control, .navbar-form .input-group>.form-control { + width: 100% + } + .form-inline .control-label, .navbar-form .control-label { + margin-bottom: 0; + vertical-align: middle + } + .form-inline .radio, .navbar-form .radio, .form-inline .checkbox, .navbar-form .checkbox { + display: inline-block; + margin-top: 0; + margin-bottom: 0; + vertical-align: middle + } + .form-inline .radio label, .navbar-form .radio label, .form-inline .checkbox label, .navbar-form .checkbox label { + padding-left: 0 + } + .form-inline .radio input[type="radio"], .navbar-form .radio input[type="radio"], .form-inline .checkbox input[type="checkbox"], .navbar-form .checkbox input[type="checkbox"] { + position: relative; + margin-left: 0 + } + .form-inline .has-feedback .form-control-feedback, .navbar-form .has-feedback .form-control-feedback { + top: 0 + } +} +.form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline { + margin-top: 0; + margin-bottom: 0; + padding-top: 7px +} +.form-horizontal .radio, .form-horizontal .checkbox { + min-height: 27px +} +.form-horizontal .form-group { + margin-left: -15px; + margin-right: -15px +} +.form-horizontal .form-group:before, .form-horizontal .form-group:after { + content: " "; + display: table +} +.form-horizontal .form-group:after { + clear: both +} +@media (min-width: 768px) { + .form-horizontal .control-label { + text-align: right; + margin-bottom: 0; + padding-top: 7px + } +} +.form-horizontal .has-feedback .form-control-feedback { + top: 0; + right: 15px +} +@media (min-width: 768px) { + .form-horizontal .form-group-lg .control-label { + padding-top: 14.3px + } +} +@media (min-width: 768px) { + .form-horizontal .form-group-sm .control-label { + padding-top: 6px + } +} +.btn { + display: inline-block; + margin-bottom: 0; + font-weight: normal; + text-align: center; + vertical-align: middle; + cursor: pointer; + background-image: none; + border: 1px solid transparent; + white-space: nowrap; + padding: 6px 12px; + font-size: 14px; + line-height: 1.428571429; + border-radius: 4px; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none +} +.btn:focus, .btn:active:focus, .btn.active:focus { + outline: thin dotted; + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px +} +.btn:hover, .btn:focus { + color: #333333; + text-decoration: none +} +.btn:active, .btn.active { + outline: 0; + background-image: none; + box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) +} +.btn.disabled, .btn[disabled], fieldset[disabled] .btn { + cursor: not-allowed; + pointer-events: none; + opacity: 0.65; + filter: alpha(opacity=65); + box-shadow: none +} +.btn-default { + color: #333333; + background-color: white; + border-color: #cccccc +} +.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open>.btn-default.dropdown-toggle { + color: #333333; + background-color: #e6e6e6; + border-color: #adadad +} +.btn-default:active, .btn-default.active, .open>.btn-default.dropdown-toggle { + background-image: none +} +.btn-default.disabled, .btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled:active, .btn-default.disabled.active, .btn-default[disabled], .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled]:active, .btn-default[disabled].active, fieldset[disabled] .btn-default, fieldset[disabled] .btn-default:hover, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:active, fieldset[disabled] .btn-default.active { + background-color: white; + border-color: #cccccc +} +.btn-default .badge { + color: white; + background-color: #333333 +} +.btn-primary { + color: white; + background-color: #428bca; + border-color: #357ebd +} +.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open>.btn-primary.dropdown-toggle { + color: white; + background-color: #3071a9; + border-color: #285e8e +} +.btn-primary:active, .btn-primary.active, .open>.btn-primary.dropdown-toggle { + background-image: none +} +.btn-primary.disabled, .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled:active, .btn-primary.disabled.active, .btn-primary[disabled], .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled]:active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary:hover, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary.active { + background-color: #428bca; + border-color: #357ebd +} +.btn-primary .badge { + color: #428bca; + background-color: white +} +.btn-success { + color: white; + background-color: #5cb85c; + border-color: #4cae4c +} +.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open>.btn-success.dropdown-toggle { + color: white; + background-color: #449d44; + border-color: #398439 +} +.btn-success:active, .btn-success.active, .open>.btn-success.dropdown-toggle { + background-image: none +} +.btn-success.disabled, .btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled:active, .btn-success.disabled.active, .btn-success[disabled], .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled]:active, .btn-success[disabled].active, fieldset[disabled] .btn-success, fieldset[disabled] .btn-success:hover, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success:active, fieldset[disabled] .btn-success.active { + background-color: #5cb85c; + border-color: #4cae4c +} +.btn-success .badge { + color: #5cb85c; + background-color: white +} +.btn-info { + color: white; + background-color: #5bc0de; + border-color: #46b8da +} +.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open>.btn-info.dropdown-toggle { + color: white; + background-color: #31b0d5; + border-color: #269abc +} +.btn-info:active, .btn-info.active, .open>.btn-info.dropdown-toggle { + background-image: none +} +.btn-info.disabled, .btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled:active, .btn-info.disabled.active, .btn-info[disabled], .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled]:active, .btn-info[disabled].active, fieldset[disabled] .btn-info, fieldset[disabled] .btn-info:hover, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info:active, fieldset[disabled] .btn-info.active { + background-color: #5bc0de; + border-color: #46b8da +} +.btn-info .badge { + color: #5bc0de; + background-color: white +} +.btn-warning { + color: white; + background-color: #f0ad4e; + border-color: #eea236 +} +.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .open>.btn-warning.dropdown-toggle { + color: white; + background-color: #ec971f; + border-color: #d58512 +} +.btn-warning:active, .btn-warning.active, .open>.btn-warning.dropdown-toggle { + background-image: none +} +.btn-warning.disabled, .btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled:active, .btn-warning.disabled.active, .btn-warning[disabled], .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled]:active, .btn-warning[disabled].active, fieldset[disabled] .btn-warning, fieldset[disabled] .btn-warning:hover, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning:active, fieldset[disabled] .btn-warning.active { + background-color: #f0ad4e; + border-color: #eea236 +} +.btn-warning .badge { + color: #f0ad4e; + background-color: white +} +.btn-danger { + color: white; + background-color: #d9534f; + border-color: #d43f3a +} +.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .open>.btn-danger.dropdown-toggle { + color: white; + background-color: #c9302c; + border-color: #ac2925 +} +.btn-danger:active, .btn-danger.active, .open>.btn-danger.dropdown-toggle { + background-image: none +} +.btn-danger.disabled, .btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled:active, .btn-danger.disabled.active, .btn-danger[disabled], .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled]:active, .btn-danger[disabled].active, fieldset[disabled] .btn-danger, fieldset[disabled] .btn-danger:hover, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger:active, fieldset[disabled] .btn-danger.active { + background-color: #d9534f; + border-color: #d43f3a +} +.btn-danger .badge { + color: #d9534f; + background-color: white +} +.btn-link { + color: #428bca; + font-weight: normal; + cursor: pointer; + border-radius: 0 +} +.btn-link, .btn-link:active, .btn-link[disabled], fieldset[disabled] .btn-link { + background-color: transparent; + box-shadow: none +} +.btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active { + border-color: transparent +} +.btn-link:hover, .btn-link:focus { + color: #2a6496; + text-decoration: underline; + background-color: transparent +} +.btn-link[disabled]:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:hover, fieldset[disabled] .btn-link:focus { + color: #777777; + text-decoration: none +} +.btn-lg, .btn-group-lg>.btn { + padding: 10px 16px; + font-size: 18px; + line-height: 1.33; + border-radius: 6px +} +.btn-sm, .btn-group-sm>.btn { + padding: 5px 10px; + font-size: 12px; + line-height: 1.5; + border-radius: 3px +} +.btn-xs, .btn-group-xs>.btn { + padding: 1px 5px; + font-size: 12px; + line-height: 1.5; + border-radius: 3px +} +.btn-block { + display: block; + width: 100% +} +.btn-block+.btn-block { + margin-top: 5px +} +input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block { + width: 100% +} +.fade { + opacity: 0; + -webkit-transition: opacity 0.15s linear; + transition: opacity 0.15s linear +} +.fade.in { + opacity: 1 +} +.collapse { + display: none +} +.collapse.in { + display: block +} +tr.collapse.in { + display: table-row +} +tbody.collapse.in { + display: table-row-group +} +.collapsing { + position: relative; + height: 0; + overflow: hidden; + -webkit-transition: height 0.35s ease; + transition: height 0.35s ease +} +.caret { + display: inline-block; + width: 0; + height: 0; + margin-left: 2px; + vertical-align: middle; + border-top: 4px solid; + border-right: 4px solid transparent; + border-left: 4px solid transparent +} +.dropdown { + position: relative +} +.dropdown-toggle:focus { + outline: 0 +} +.dropdown-menu { + position: absolute; + top: 100%; + left: 0; + z-index: 1000; + display: none; + float: left; + min-width: 160px; + padding: 5px 0; + margin: 2px 0 0; + list-style: none; + font-size: 14px; + text-align: left; + background-color: white; + border: 1px solid #cccccc; + border: 1px solid rgba(0, 0, 0, 0.15); + border-radius: 4px; + box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); + background-clip: padding-box +} +.dropdown-menu.pull-right { + right: 0; + left: auto +} +.dropdown-menu .divider { + height: 1px; + margin: 9px 0; + overflow: hidden; + background-color: #e5e5e5 +} +.dropdown-menu>li>a { + display: block; + padding: 3px 20px; + clear: both; + font-weight: normal; + line-height: 1.428571429; + color: #333333; + white-space: nowrap +} +.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { + text-decoration: none; + color: #262626; + background-color: whitesmoke +} +.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus { + color: white; + text-decoration: none; + outline: 0; + background-color: #428bca +} +.dropdown-menu>.disabled>a, .dropdown-menu>.disabled>a:hover, .dropdown-menu>.disabled>a:focus { + color: #777777 +} +.dropdown-menu>.disabled>a:hover, .dropdown-menu>.disabled>a:focus { + text-decoration: none; + background-color: transparent; + background-image: none; + filter: progid: DXImageTransform.Microsoft.gradient(enabled false); + cursor: not-allowed +} +.open>.dropdown-menu { + display: block +} +.open>a { + outline: 0 +} +.dropdown-menu-right { + left: auto; + right: 0 +} +.dropdown-menu-left { + left: 0; + right: auto +} +.dropdown-header { + display: block; + padding: 3px 20px; + font-size: 12px; + line-height: 1.428571429; + color: #777777; + white-space: nowrap +} +.dropdown-backdrop { + position: fixed; + left: 0; + right: 0; + bottom: 0; + top: 0; + z-index: 990 +} +.pull-right>.dropdown-menu { + right: 0; + left: auto +} +.dropup .caret, .navbar-fixed-bottom .dropdown .caret { + border-top: 0; + border-bottom: 4px solid; + content: "" +} +.dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu { + top: auto; + bottom: 100%; + margin-bottom: 1px +} +@media (min-width: 768px) { + .navbar-right .dropdown-menu { + right: 0; + left: auto + } + .navbar-right .dropdown-menu-left { + left: 0; + right: auto + } +} +.btn-group, .btn-group-vertical { + position: relative; + display: inline-block; + vertical-align: middle +} +.btn-group>.btn, .btn-group-vertical>.btn { + position: relative; + float: left +} +.btn-group>.btn:hover, .btn-group>.btn:focus, .btn-group>.btn:active, .btn-group>.btn.active, .btn-group-vertical>.btn:hover, .btn-group-vertical>.btn:focus, .btn-group-vertical>.btn:active, .btn-group-vertical>.btn.active { + z-index: 2 +} +.btn-group>.btn:focus, .btn-group-vertical>.btn:focus { + outline: 0 +} +.btn-group .btn+.btn, .btn-group .btn+.btn-group, .btn-group .btn-group+.btn, .btn-group .btn-group+.btn-group { + margin-left: -1px +} +.btn-toolbar { + margin-left: -5px +} +.btn-toolbar:before, .btn-toolbar:after { + content: " "; + display: table +} +.btn-toolbar:after { + clear: both +} +.btn-toolbar .btn-group, .btn-toolbar .input-group { + float: left +} +.btn-toolbar>.btn, .btn-toolbar>.btn-group, .btn-toolbar>.input-group { + margin-left: 5px +} +.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { + border-radius: 0 +} +.btn-group>.btn:first-child { + margin-left: 0 +} +.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) { + border-bottom-right-radius: 0; + border-top-right-radius: 0 +} +.btn-group>.btn:last-child:not(:first-child), .btn-group>.dropdown-toggle:not(:first-child) { + border-bottom-left-radius: 0; + border-top-left-radius: 0 +} +.btn-group>.btn-group { + float: left +} +.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn { + border-radius: 0 +} +.btn-group>.btn-group:first-child>.btn:last-child, .btn-group>.btn-group:first-child>.dropdown-toggle { + border-bottom-right-radius: 0; + border-top-right-radius: 0 +} +.btn-group>.btn-group:last-child>.btn:first-child { + border-bottom-left-radius: 0; + border-top-left-radius: 0 +} +.btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle { + outline: 0 +} +.btn-group>.btn+.dropdown-toggle { + padding-left: 8px; + padding-right: 8px +} +.btn-group>.btn-lg+.dropdown-toggle, .btn-group-lg.btn-group>.btn+.dropdown-toggle { + padding-left: 12px; + padding-right: 12px +} +.btn-group.open .dropdown-toggle { + box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) +} +.btn-group.open .dropdown-toggle.btn-link { + box-shadow: none +} +.btn .caret { + margin-left: 0 +} +.btn-lg .caret, .btn-group-lg>.btn .caret { + border-width: 5px 5px 0; + border-bottom-width: 0 +} +.dropup .btn-lg .caret, .dropup .btn-group-lg>.btn .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:before, .btn-group-vertical>.btn-group:after { + content: " "; + display: table +} +.btn-group-vertical>.btn-group:after { + clear: both +} +.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: 4px; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0 +} +.btn-group-vertical>.btn:last-child:not(:first-child) { + border-bottom-left-radius: 4px; + border-top-right-radius: 0; + border-top-left-radius: 0 +} +.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn { + border-radius: 0 +} +.btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child, .btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0 +} +.btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child { + border-top-right-radius: 0; + border-top-left-radius: 0 +} +.btn-group-justified { + display: table; + width: 100%; + table-layout: fixed; + border-collapse: separate +} +.btn-group-justified>.btn, .btn-group-justified>.btn-group { + float: none; + display: table-cell; + width: 1% +} +.btn-group-justified>.btn-group .btn { + width: 100% +} +.btn-group-justified>.btn-group .dropdown-menu { + left: auto +} +[data-toggle="buttons"]>.btn>input[type="radio"], [data-toggle="buttons"]>.btn>input[type="checkbox"] { + position: absolute; + z-index: -1; + opacity: 0; + filter: alpha(opacity=0) +} +.input-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-addon, .input-group-btn, .input-group .form-control { + display: table-cell +} +.input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child), .input-group .form-control:not(:first-child):not(:last-child) { + border-radius: 0 +} +.input-group-addon, .input-group-btn { + width: 1%; + white-space: nowrap; + vertical-align: middle +} +.input-group-addon { + padding: 6px 12px; + font-size: 14px; + font-weight: normal; + line-height: 1; + color: #555555; + text-align: center; + background-color: #eeeeee; + border: 1px solid #cccccc; + border-radius: 4px +} +.input-group-addon.input-sm, .form-horizontal .form-group-sm .input-group-addon.form-control, .input-group-sm>.input-group-addon, .input-group-sm>.input-group-btn>.input-group-addon.btn { + padding: 5px 10px; + font-size: 12px; + border-radius: 3px +} +.input-group-addon.input-lg, .form-horizontal .form-group-lg .input-group-addon.form-control, .input-group-lg>.input-group-addon, .input-group-lg>.input-group-btn>.input-group-addon.btn { + padding: 10px 16px; + font-size: 18px; + border-radius: 6px +} +.input-group-addon input[type="radio"], .input-group-addon input[type="checkbox"] { + margin-top: 0 +} +.input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child>.btn, .input-group-btn:first-child>.btn-group>.btn, .input-group-btn:first-child>.dropdown-toggle, .input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:last-child>.btn-group:not(:last-child)>.btn { + border-bottom-right-radius: 0; + border-top-right-radius: 0 +} +.input-group-addon:first-child { + border-right: 0 +} +.input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group>.btn, .input-group-btn:last-child>.dropdown-toggle, .input-group-btn:first-child>.btn:not(:first-child), .input-group-btn:first-child>.btn-group:not(:first-child)>.btn { + border-bottom-left-radius: 0; + border-top-left-radius: 0 +} +.input-group-addon:last-child { + border-left: 0 +} +.input-group-btn { + position: relative; + font-size: 0; + white-space: nowrap +} +.input-group-btn>.btn { + position: relative +} +.input-group-btn>.btn+.btn { + margin-left: -1px +} +.input-group-btn>.btn:hover, .input-group-btn>.btn:focus, .input-group-btn>.btn:active { + z-index: 2 +} +.input-group-btn:first-child>.btn, .input-group-btn:first-child>.btn-group { + margin-right: -1px +} +.input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group { + margin-left: -1px +} +.nav { + margin-bottom: 0; + padding-left: 0; + list-style: none +} +.nav:before, .nav:after { + content: " "; + display: table +} +.nav:after { + clear: both +} +.nav>li { + position: relative; + display: block +} +.nav>li>a { + position: relative; + display: block; + padding: 10px 15px +} +.nav>li>a:hover, .nav>li>a:focus { + text-decoration: none; + background-color: #eeeeee +} +.nav>li.disabled>a { + color: #777777 +} +.nav>li.disabled>a:hover, .nav>li.disabled>a:focus { + color: #777777; + text-decoration: none; + background-color: transparent; + cursor: not-allowed +} +.nav .open>a, .nav .open>a:hover, .nav .open>a:focus { + background-color: #eeeeee; + border-color: #428bca +} +.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 #dddddd +} +.nav-tabs>li { + float: left; + margin-bottom: -1px +} +.nav-tabs>li>a { + margin-right: 2px; + line-height: 1.428571429; + border: 1px solid transparent; + border-radius: 4px 4px 0 0 +} +.nav-tabs>li>a:hover { + border-color: #eeeeee #eeeeee #dddddd +} +.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus { + color: #555555; + background-color: white; + border: 1px solid #dddddd; + border-bottom-color: transparent; + cursor: default +} +.nav-pills>li { + float: left +} +.nav-pills>li>a { + border-radius: 4px +} +.nav-pills>li+li { + margin-left: 2px +} +.nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus { + color: white; + background-color: #428bca +} +.nav-stacked>li { + float: none +} +.nav-stacked>li+li { + margin-top: 2px; + margin-left: 0 +} +.nav-justified, .nav-tabs.nav-justified { + width: 100% +} +.nav-justified>li, .nav-tabs.nav-justified>li { + float: none +} +.nav-justified>li>a, .nav-tabs.nav-justified>li>a { + text-align: center; + margin-bottom: 5px +} +.nav-justified>.dropdown .dropdown-menu { + top: auto; + left: auto +} +@media (min-width: 768px) { + .nav-justified>li, .nav-tabs.nav-justified>li { + display: table-cell; + width: 1% + } + .nav-justified>li>a, .nav-tabs.nav-justified>li>a { + margin-bottom: 0 + } +} +.nav-tabs-justified, .nav-tabs.nav-justified { + border-bottom: 0 +} +.nav-tabs-justified>li>a, .nav-tabs.nav-justified>li>a { + margin-right: 0; + border-radius: 4px +} +.nav-tabs-justified>.active>a, .nav-tabs.nav-justified>.active>a, .nav-tabs-justified>.active>a:hover, .nav-tabs.nav-justified>.active>a:hover, .nav-tabs-justified>.active>a:focus, .nav-tabs.nav-justified>.active>a:focus { + border: 1px solid #dddddd +} +@media (min-width: 768px) { + .nav-tabs-justified>li>a, .nav-tabs.nav-justified>li>a { + border-bottom: 1px solid #dddddd; + border-radius: 4px 4px 0 0 + } + .nav-tabs-justified>.active>a, .nav-tabs.nav-justified>.active>a, .nav-tabs-justified>.active>a:hover, .nav-tabs.nav-justified>.active>a:hover, .nav-tabs-justified>.active>a:focus, .nav-tabs.nav-justified>.active>a:focus { + border-bottom-color: white + } +} +.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: 50px; + margin-bottom: 20px; + border: 1px solid transparent +} +.navbar:before, .navbar:after { + content: " "; + display: table +} +.navbar:after { + clear: both +} +@media (min-width: 768px) { + .navbar { + border-radius: 4px + } +} +.navbar-header:before, .navbar-header:after { + content: " "; + display: table +} +.navbar-header:after { + clear: both +} +@media (min-width: 768px) { + .navbar-header { + float: left + } +} +.navbar-collapse { + overflow-x: visible; + padding-right: 15px; + padding-left: 15px; + border-top: 1px solid transparent; + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); + -webkit-overflow-scrolling: touch +} +.navbar-collapse:before, .navbar-collapse:after { + content: " "; + display: table +} +.navbar-collapse:after { + clear: both +} +.navbar-collapse.in { + overflow-y: auto +} +@media (min-width: 768px) { + .navbar-collapse { + width: auto; + border-top: 0; + box-shadow: none + } + .navbar-collapse.collapse { + display: block!important; + height: auto!important; + padding-bottom: 0; + overflow: visible!important + } + .navbar-collapse.in { + overflow-y: visible + } + .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { + padding-left: 0; + padding-right: 0 + } +} +.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { + max-height: 340px +} +@media (max-width: 480px) and (orientation: landscape) { + .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { + max-height: 200px + } +} +.container>.navbar-header, .container>.navbar-collapse, .container-fluid>.navbar-header, .container-fluid>.navbar-collapse { + margin-right: -15px; + margin-left: -15px +} +@media (min-width: 768px) { + .container>.navbar-header, .container>.navbar-collapse, .container-fluid>.navbar-header, .container-fluid>.navbar-collapse { + margin-right: 0; + margin-left: 0 + } +} +.navbar-static-top { + z-index: 1000; + border-width: 0 0 1px +} +@media (min-width: 768px) { + .navbar-static-top { + border-radius: 0 + } +} +.navbar-fixed-top, .navbar-fixed-bottom { + position: fixed; + right: 0; + left: 0; + z-index: 1030; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0) +} +@media (min-width: 768px) { + .navbar-fixed-top, .navbar-fixed-bottom { + border-radius: 0 + } +} +.navbar-fixed-top { + top: 0; + border-width: 0 0 1px +} +.navbar-fixed-bottom { + bottom: 0; + margin-bottom: 0; + border-width: 1px 0 0 +} +.navbar-brand { + float: left; + padding: 15px 15px; + font-size: 18px; + line-height: 20px; + height: 50px +} +.navbar-brand:hover, .navbar-brand:focus { + text-decoration: none +} +@media (min-width: 768px) { + .navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand { + margin-left: -15px + } +} +.navbar-toggle { + position: relative; + float: right; + margin-right: 15px; + padding: 9px 10px; + margin-top: 8px; + margin-bottom: 8px; + background-color: transparent; + background-image: none; + border: 1px solid transparent; + border-radius: 4px +} +.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: 768px) { + .navbar-toggle { + display: none + } +} +.navbar-nav { + margin: 7.5px -15px +} +.navbar-nav>li>a { + padding-top: 10px; + padding-bottom: 10px; + line-height: 20px +} +@media (max-width: 767px) { + .navbar-nav .open .dropdown-menu { + position: static; + float: none; + width: auto; + margin-top: 0; + background-color: transparent; + border: 0; + box-shadow: none + } + .navbar-nav .open .dropdown-menu>li>a, .navbar-nav .open .dropdown-menu .dropdown-header { + padding: 5px 15px 5px 25px + } + .navbar-nav .open .dropdown-menu>li>a { + line-height: 20px + } + .navbar-nav .open .dropdown-menu>li>a:hover, .navbar-nav .open .dropdown-menu>li>a:focus { + background-image: none + } +} +@media (min-width: 768px) { + .navbar-nav { + float: left; + margin: 0 + } + .navbar-nav>li { + float: left + } + .navbar-nav>li>a { + padding-top: 15px; + padding-bottom: 15px + } + .navbar-nav.navbar-right:last-child { + margin-right: -15px + } +} +@media (min-width: 768px) { + .navbar-left { + float: left!important + } + .navbar-right { + float: right!important + } +} +.navbar-form { + margin-left: -15px; + margin-right: -15px; + padding: 10px 15px; + border-top: 1px solid transparent; + border-bottom: 1px solid transparent; + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); + margin-top: 8px; + margin-bottom: 8px +} +@media (max-width: 767px) { + .navbar-form .form-group { + margin-bottom: 5px + } +} +@media (min-width: 768px) { + .navbar-form { + width: auto; + border: 0; + margin-left: 0; + margin-right: 0; + padding-top: 0; + padding-bottom: 0; + box-shadow: none + } + .navbar-form.navbar-right:last-child { + margin-right: -15px + } +} +.navbar-nav>li>.dropdown-menu { + margin-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0 +} +.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0 +} +.navbar-btn { + margin-top: 8px; + margin-bottom: 8px +} +.navbar-btn.btn-sm, .btn-group-sm>.navbar-btn.btn { + margin-top: 10px; + margin-bottom: 10px +} +.navbar-btn.btn-xs, .btn-group-xs>.navbar-btn.btn { + margin-top: 14px; + margin-bottom: 14px +} +.navbar-text { + margin-top: 15px; + margin-bottom: 15px +} +@media (min-width: 768px) { + .navbar-text { + float: left; + margin-left: 15px; + margin-right: 15px + } + .navbar-text.navbar-right:last-child { + margin-right: 0 + } +} +.navbar-default { + background-color: #f8f8f8; + border-color: #e7e7e7 +} +.navbar-default .navbar-brand { + color: #777777 +} +.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus { + color: #5e5e5e; + background-color: transparent +} +.navbar-default .navbar-text { + color: #777777 +} +.navbar-default .navbar-nav>li>a { + color: #777777 +} +.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus { + color: #333333; + background-color: transparent +} +.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus { + color: #555555; + background-color: #e7e7e7 +} +.navbar-default .navbar-nav>.disabled>a, .navbar-default .navbar-nav>.disabled>a:hover, .navbar-default .navbar-nav>.disabled>a:focus { + color: #cccccc; + background-color: transparent +} +.navbar-default .navbar-toggle { + border-color: #dddddd +} +.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { + background-color: #dddddd +} +.navbar-default .navbar-toggle .icon-bar { + background-color: #888888 +} +.navbar-default .navbar-collapse, .navbar-default .navbar-form { + border-color: #e7e7e7 +} +.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus { + background-color: #e7e7e7; + color: #555555 +} +@media (max-width: 767px) { + .navbar-default .navbar-nav .open .dropdown-menu>li>a { + color: #777777 + } + .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover, .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus { + color: #333333; + background-color: transparent + } + .navbar-default .navbar-nav .open .dropdown-menu>.active>a, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus { + color: #555555; + background-color: #e7e7e7 + } + .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a, .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover, .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus { + color: #cccccc; + background-color: transparent + } +} +.navbar-default .navbar-link { + color: #777777 +} +.navbar-default .navbar-link:hover { + color: #333333 +} +.navbar-default .btn-link { + color: #777777 +} +.navbar-default .btn-link:hover, .navbar-default .btn-link:focus { + color: #333333 +} +.navbar-default .btn-link[disabled]:hover, .navbar-default .btn-link[disabled]:focus, fieldset[disabled] .navbar-default .btn-link:hover, fieldset[disabled] .navbar-default .btn-link:focus { + color: #cccccc +} +.navbar-inverse { + background-color: #222222; + border-color: #090909 +} +.navbar-inverse .navbar-brand { + color: #777777 +} +.navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus { + color: white; + background-color: transparent +} +.navbar-inverse .navbar-text { + color: #777777 +} +.navbar-inverse .navbar-nav>li>a { + color: #777777 +} +.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus { + color: white; + background-color: transparent +} +.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus { + color: white; + background-color: #090909 +} +.navbar-inverse .navbar-nav>.disabled>a, .navbar-inverse .navbar-nav>.disabled>a:hover, .navbar-inverse .navbar-nav>.disabled>a:focus { + color: #444444; + background-color: transparent +} +.navbar-inverse .navbar-toggle { + border-color: #333333 +} +.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus { + background-color: #333333 +} +.navbar-inverse .navbar-toggle .icon-bar { + background-color: white +} +.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { + border-color: #101010 +} +.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus { + background-color: #090909; + color: white +} +@media (max-width: 767px) { + .navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header { + border-color: #090909 + } + .navbar-inverse .navbar-nav .open .dropdown-menu .divider { + background-color: #090909 + } + .navbar-inverse .navbar-nav .open .dropdown-menu>li>a { + color: #777777 + } + .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus { + color: white; + background-color: transparent + } + .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a, .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus { + color: white; + background-color: #090909 + } + .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a, .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus { + color: #444444; + background-color: transparent + } +} +.navbar-inverse .navbar-link { + color: #777777 +} +.navbar-inverse .navbar-link:hover { + color: white +} +.navbar-inverse .btn-link { + color: #777777 +} +.navbar-inverse .btn-link:hover, .navbar-inverse .btn-link:focus { + color: white +} +.navbar-inverse .btn-link[disabled]:hover, .navbar-inverse .btn-link[disabled]:focus, fieldset[disabled] .navbar-inverse .btn-link:hover, fieldset[disabled] .navbar-inverse .btn-link:focus { + color: #444444 +} +.breadcrumb { + padding: 8px 15px; + margin-bottom: 20px; + list-style: none; + background-color: whitesmoke; + border-radius: 4px +} +.breadcrumb>li { + display: inline-block +} +.breadcrumb>li+li:before { + content: "/\00a0"; + padding: 0 5px; + color: #cccccc +} +.breadcrumb>.active { + color: #777777 +} +.pagination { + display: inline-block; + padding-left: 0; + margin: 20px 0; + border-radius: 4px +} +.pagination>li { + display: inline +} +.pagination>li>a, .pagination>li>span { + position: relative; + float: left; + padding: 6px 12px; + line-height: 1.428571429; + text-decoration: none; + color: #428bca; + background-color: white; + border: 1px solid #dddddd; + margin-left: -1px +} +.pagination>li:first-child>a, .pagination>li:first-child>span { + margin-left: 0; + border-bottom-left-radius: 4px; + border-top-left-radius: 4px +} +.pagination>li:last-child>a, .pagination>li:last-child>span { + border-bottom-right-radius: 4px; + border-top-right-radius: 4px +} +.pagination>li>a:hover, .pagination>li>a:focus, .pagination>li>span:hover, .pagination>li>span:focus { + color: #2a6496; + background-color: #eeeeee; + border-color: #dddddd +} +.pagination>.active>a, .pagination>.active>a:hover, .pagination>.active>a:focus, .pagination>.active>span, .pagination>.active>span:hover, .pagination>.active>span:focus { + z-index: 2; + color: white; + background-color: #428bca; + border-color: #428bca; + cursor: default +} +.pagination>.disabled>span, .pagination>.disabled>span:hover, .pagination>.disabled>span:focus, .pagination>.disabled>a, .pagination>.disabled>a:hover, .pagination>.disabled>a:focus { + color: #777777; + background-color: white; + border-color: #dddddd; + cursor: not-allowed +} +.pagination-lg>li>a, .pagination-lg>li>span { + padding: 10px 16px; + font-size: 18px +} +.pagination-lg>li:first-child>a, .pagination-lg>li:first-child>span { + border-bottom-left-radius: 6px; + border-top-left-radius: 6px +} +.pagination-lg>li:last-child>a, .pagination-lg>li:last-child>span { + border-bottom-right-radius: 6px; + border-top-right-radius: 6px +} +.pagination-sm>li>a, .pagination-sm>li>span { + padding: 5px 10px; + font-size: 12px +} +.pagination-sm>li:first-child>a, .pagination-sm>li:first-child>span { + border-bottom-left-radius: 3px; + border-top-left-radius: 3px +} +.pagination-sm>li:last-child>a, .pagination-sm>li:last-child>span { + border-bottom-right-radius: 3px; + border-top-right-radius: 3px +} +.pager { + padding-left: 0; + margin: 20px 0; + list-style: none; + text-align: center +} +.pager:before, .pager:after { + content: " "; + display: table +} +.pager:after { + clear: both +} +.pager li { + display: inline +} +.pager li>a, .pager li>span { + display: inline-block; + padding: 5px 14px; + background-color: white; + border: 1px solid #dddddd; + border-radius: 15px +} +.pager li>a:hover, .pager li>a:focus { + text-decoration: none; + background-color: #eeeeee +} +.pager .next>a, .pager .next>span { + float: right +} +.pager .previous>a, .pager .previous>span { + float: left +} +.pager .disabled>a, .pager .disabled>a:hover, .pager .disabled>a:focus, .pager .disabled>span { + color: #777777; + background-color: white; + cursor: not-allowed +} +.label { + display: inline; + padding: .2em .6em .3em; + font-size: 75%; + font-weight: bold; + line-height: 1; + color: white; + text-align: center; + white-space: nowrap; + vertical-align: baseline; + border-radius: .25em +} +.label:empty { + display: none +} +.btn .label { + position: relative; + top: -1px +} +a.label:hover, a.label:focus { + color: white; + text-decoration: none; + cursor: pointer +} +.label-default { + background-color: #777777 +} +.label-default[href]:hover, .label-default[href]:focus { + background-color: #5e5e5e +} +.label-primary { + background-color: #428bca +} +.label-primary[href]:hover, .label-primary[href]:focus { + background-color: #3071a9 +} +.label-success { + background-color: #5cb85c +} +.label-success[href]:hover, .label-success[href]:focus { + background-color: #449d44 +} +.label-info { + background-color: #5bc0de +} +.label-info[href]:hover, .label-info[href]:focus { + background-color: #31b0d5 +} +.label-warning { + background-color: #f0ad4e +} +.label-warning[href]:hover, .label-warning[href]:focus { + background-color: #ec971f +} +.label-danger { + background-color: #d9534f +} +.label-danger[href]:hover, .label-danger[href]:focus { + background-color: #c9302c +} +.badge { + display: inline-block; + min-width: 10px; + padding: 3px 7px; + font-size: 12px; + font-weight: bold; + color: white; + line-height: 1; + vertical-align: baseline; + white-space: nowrap; + text-align: center; + background-color: #777777; + border-radius: 10px +} +.badge:empty { + display: none +} +.btn .badge { + position: relative; + top: -1px +} +.btn-xs .badge, .btn-group-xs>.btn .badge { + top: 0; + padding: 1px 5px +} +a.list-group-item.active>.badge, .nav-pills>.active>a>.badge { + color: #428bca; + background-color: white +} +.nav-pills>li>a>.badge { + margin-left: 3px +} +a.badge:hover, a.badge:focus { + color: white; + text-decoration: none; + cursor: pointer +} +.jumbotron { + padding: 30px; + margin-bottom: 30px; + color: inherit; + background-color: #eeeeee +} +.jumbotron h1, .jumbotron .h1 { + color: inherit +} +.jumbotron p { + margin-bottom: 15px; + font-size: 21px; + font-weight: 200 +} +.jumbotron>hr { + border-top-color: #d5d5d5 +} +.container .jumbotron { + border-radius: 6px +} +.jumbotron .container { + max-width: 100% +} +@media screen and (min-width: 768px) { + .jumbotron { + padding-top: 48px; + padding-bottom: 48px + } + .container .jumbotron { + padding-left: 60px; + padding-right: 60px + } + .jumbotron h1, .jumbotron .h1 { + font-size: 63px + } +} +.thumbnail { + display: block; + padding: 4px; + margin-bottom: 20px; + line-height: 1.428571429; + background-color: white; + border: 1px solid #dddddd; + border-radius: 4px; + -webkit-transition: all 0.2s ease-in-out; + transition: all 0.2s ease-in-out +} +.thumbnail>img, .thumbnail a>img { + display: block; + width: 100% \9; + max-width: 100%; + height: auto; + margin-left: auto; + margin-right: auto +} +.thumbnail .caption { + padding: 9px; + color: #333333 +} +a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active { + border-color: #428bca +} +.alert { + padding: 15px; + margin-bottom: 20px; + border: 1px solid transparent; + border-radius: 4px +} +.alert h4 { + margin-top: 0; + color: inherit +} +.alert .alert-link { + font-weight: bold +} +.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: #dff0d8; + border-color: #d6e9c6; + color: #3c763d +} +.alert-success hr { + border-top-color: #c9e2b3 +} +.alert-success .alert-link { + color: #2b542c +} +.alert-info { + background-color: #d9edf7; + border-color: #bce8f1; + color: #31708f +} +.alert-info hr { + border-top-color: #a6e1ec +} +.alert-info .alert-link { + color: #245269 +} +.alert-warning { + background-color: #fcf8e3; + border-color: #faebcc; + color: #8a6d3b +} +.alert-warning hr { + border-top-color: #f7e1b5 +} +.alert-warning .alert-link { + color: #66512c +} +.alert-danger { + background-color: #f2dede; + border-color: #ebccd1; + color: #a94442 +} +.alert-danger hr { + border-top-color: #e4b9c0 +} +.alert-danger .alert-link { + color: #843534 +} +@-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: whitesmoke; + border-radius: 4px; + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1) +} +.progress-bar { + float: left; + width: 0%; + height: 100%; + font-size: 12px; + line-height: 20px; + color: white; + text-align: center; + background-color: #428bca; + box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); + -webkit-transition: width 0.6s ease; + transition: width 0.6s ease +} +.progress-striped .progress-bar, .progress-bar-striped { + background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-size: 40px 40px +} +.progress.active .progress-bar, .progress-bar.active { + -webkit-animation: progress-bar-stripes 2s linear infinite; + animation: progress-bar-stripes 2s linear infinite +} +.progress-bar[aria-valuenow="1"], .progress-bar[aria-valuenow="2"] { + min-width: 30px +} +.progress-bar[aria-valuenow="0"] { + color: #777777; + min-width: 30px; + background-color: transparent; + background-image: none; + box-shadow: none +} +.progress-bar-success { + background-color: #5cb85c +} +.progress-striped .progress-bar-success { + background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) +} +.progress-bar-info { + background-color: #5bc0de +} +.progress-striped .progress-bar-info { + background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) +} +.progress-bar-warning { + background-color: #f0ad4e +} +.progress-striped .progress-bar-warning { + background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) +} +.progress-bar-danger { + background-color: #d9534f +} +.progress-striped .progress-bar-danger { + background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) +} +.media, .media-body { + overflow: hidden; + zoom: 1 +} +.media, .media .media { + margin-top: 15px +} +.media:first-child { + margin-top: 0 +} +.media-object { + display: block +} +.media-heading { + margin: 0 0 5px +} +.media>.pull-left { + margin-right: 10px +} +.media>.pull-right { + margin-left: 10px +} +.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: white; + border: 1px solid #dddddd +} +.list-group-item:first-child { + border-top-right-radius: 4px; + border-top-left-radius: 4px +} +.list-group-item:last-child { + margin-bottom: 0; + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px +} +.list-group-item>.badge { + float: right +} +.list-group-item>.badge+.badge { + margin-right: 5px +} +a.list-group-item { + color: #555555 +} +a.list-group-item .list-group-item-heading { + color: #333333 +} +a.list-group-item:hover, a.list-group-item:focus { + text-decoration: none; + color: #555555; + background-color: whitesmoke +} +.list-group-item.disabled, .list-group-item.disabled:hover, .list-group-item.disabled:focus { + background-color: #eeeeee; + color: #777777 +} +.list-group-item.disabled .list-group-item-heading, .list-group-item.disabled:hover .list-group-item-heading, .list-group-item.disabled:focus .list-group-item-heading { + color: inherit +} +.list-group-item.disabled .list-group-item-text, .list-group-item.disabled:hover .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text { + color: #777777 +} +.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus { + z-index: 2; + color: white; + background-color: #428bca; + border-color: #428bca +} +.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: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, .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 { + color: inherit +} +.list-group-item.active .list-group-item-text, .list-group-item.active:hover .list-group-item-text, .list-group-item.active:focus .list-group-item-text { + color: #e1edf7 +} +.list-group-item-success { + color: #3c763d; + background-color: #dff0d8 +} +a.list-group-item-success { + color: #3c763d +} +a.list-group-item-success .list-group-item-heading { + color: inherit +} +a.list-group-item-success:hover, a.list-group-item-success:focus { + color: #3c763d; + background-color: #d0e9c6 +} +a.list-group-item-success.active, a.list-group-item-success.active:hover, a.list-group-item-success.active:focus { + color: #fff; + background-color: #3c763d; + border-color: #3c763d +} +.list-group-item-info { + color: #31708f; + background-color: #d9edf7 +} +a.list-group-item-info { + color: #31708f +} +a.list-group-item-info .list-group-item-heading { + color: inherit +} +a.list-group-item-info:hover, a.list-group-item-info:focus { + color: #31708f; + background-color: #c4e3f3 +} +a.list-group-item-info.active, a.list-group-item-info.active:hover, a.list-group-item-info.active:focus { + color: #fff; + background-color: #31708f; + border-color: #31708f +} +.list-group-item-warning { + color: #8a6d3b; + background-color: #fcf8e3 +} +a.list-group-item-warning { + color: #8a6d3b +} +a.list-group-item-warning .list-group-item-heading { + color: inherit +} +a.list-group-item-warning:hover, a.list-group-item-warning:focus { + color: #8a6d3b; + background-color: #faf2cc +} +a.list-group-item-warning.active, a.list-group-item-warning.active:hover, a.list-group-item-warning.active:focus { + color: #fff; + background-color: #8a6d3b; + border-color: #8a6d3b +} +.list-group-item-danger { + color: #a94442; + background-color: #f2dede +} +a.list-group-item-danger { + color: #a94442 +} +a.list-group-item-danger .list-group-item-heading { + color: inherit +} +a.list-group-item-danger:hover, a.list-group-item-danger:focus { + color: #a94442; + background-color: #ebcccc +} +a.list-group-item-danger.active, a.list-group-item-danger.active:hover, a.list-group-item-danger.active:focus { + color: #fff; + background-color: #a94442; + border-color: #a94442 +} +.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: white; + border: 1px solid transparent; + border-radius: 4px; + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) +} +.panel-body { + padding: 15px +} +.panel-body:before, .panel-body:after { + content: " "; + display: table +} +.panel-body:after { + clear: both +} +.panel-heading { + padding: 10px 15px; + border-bottom: 1px solid transparent; + border-top-right-radius: 3px; + border-top-left-radius: 3px +} +.panel-heading>.dropdown .dropdown-toggle { + color: inherit +} +.panel-title { + margin-top: 0; + margin-bottom: 0; + font-size: 16px; + color: inherit +} +.panel-title>a { + color: inherit +} +.panel-footer { + padding: 10px 15px; + background-color: whitesmoke; + border-top: 1px solid #dddddd; + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px +} +.panel>.list-group { + margin-bottom: 0 +} +.panel>.list-group .list-group-item { + border-width: 1px 0; + border-radius: 0 +} +.panel>.list-group:first-child .list-group-item:first-child { + border-top: 0; + border-top-right-radius: 3px; + border-top-left-radius: 3px +} +.panel>.list-group:last-child .list-group-item:last-child { + border-bottom: 0; + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px +} +.panel-heading+.list-group .list-group-item:first-child { + border-top-width: 0 +} +.list-group+.panel-footer { + border-top-width: 0 +} +.panel>.table, .panel>.table-responsive>.table, .panel>.panel-collapse>.table { + margin-bottom: 0 +} +.panel>.table:first-child, .panel>.table-responsive:first-child>.table:first-child { + border-top-right-radius: 3px; + border-top-left-radius: 3px +} +.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, .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-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-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 { + border-top-left-radius: 3px +} +.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, .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-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-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 { + border-top-right-radius: 3px +} +.panel>.table:last-child, .panel>.table-responsive:last-child>.table:last-child { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px +} +.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, .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 { + border-bottom-left-radius: 3px +} +.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, .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 { + border-bottom-right-radius: 3px +} +.panel>.panel-body+.table, .panel>.panel-body+.table-responsive { + border-top: 1px solid #dddddd +} +.panel>.table>tbody:first-child>tr:first-child th, .panel>.table>tbody:first-child>tr:first-child td { + border-top: 0 +} +.panel>.table-bordered, .panel>.table-responsive>.table-bordered { + border: 0 +} +.panel>.table-bordered>thead>tr>th:first-child, .panel>.table-bordered>thead>tr>td:first-child, .panel>.table-bordered>tbody>tr>th:first-child, .panel>.table-bordered>tbody>tr>td:first-child, .panel>.table-bordered>tfoot>tr>th:first-child, .panel>.table-bordered>tfoot>tr>td:first-child, .panel>.table-responsive>.table-bordered>thead>tr>th:first-child, .panel>.table-responsive>.table-bordered>thead>tr>td:first-child, .panel>.table-responsive>.table-bordered>tbody>tr>th:first-child, .panel>.table-responsive>.table-bordered>tbody>tr>td:first-child, .panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child, .panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child { + border-left: 0 +} +.panel>.table-bordered>thead>tr>th:last-child, .panel>.table-bordered>thead>tr>td:last-child, .panel>.table-bordered>tbody>tr>th:last-child, .panel>.table-bordered>tbody>tr>td:last-child, .panel>.table-bordered>tfoot>tr>th:last-child, .panel>.table-bordered>tfoot>tr>td:last-child, .panel>.table-responsive>.table-bordered>thead>tr>th:last-child, .panel>.table-responsive>.table-bordered>thead>tr>td:last-child, .panel>.table-responsive>.table-bordered>tbody>tr>th:last-child, .panel>.table-responsive>.table-bordered>tbody>tr>td:last-child, .panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child, .panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child { + border-right: 0 +} +.panel>.table-bordered>thead>tr:first-child>td, .panel>.table-bordered>thead>tr:first-child>th, .panel>.table-bordered>tbody>tr:first-child>td, .panel>.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, .panel>.table-responsive>.table-bordered>tbody>tr:first-child>td, .panel>.table-responsive>.table-bordered>tbody>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: 4px +} +.panel-group .panel+.panel { + margin-top: 5px +} +.panel-group .panel-heading { + border-bottom: 0 +} +.panel-group .panel-heading+.panel-collapse>.panel-body { + border-top: 1px solid #dddddd +} +.panel-group .panel-footer { + border-top: 0 +} +.panel-group .panel-footer+.panel-collapse .panel-body { + border-bottom: 1px solid #dddddd +} +.panel-default { + border-color: #dddddd +} +.panel-default>.panel-heading { + color: #333333; + background-color: whitesmoke; + border-color: #dddddd +} +.panel-default>.panel-heading+.panel-collapse>.panel-body { + border-top-color: #dddddd +} +.panel-default>.panel-heading .badge { + color: whitesmoke; + background-color: #333333 +} +.panel-default>.panel-footer+.panel-collapse>.panel-body { + border-bottom-color: #dddddd +} +.panel-primary { + border-color: #428bca +} +.panel-primary>.panel-heading { + color: white; + background-color: #428bca; + border-color: #428bca +} +.panel-primary>.panel-heading+.panel-collapse>.panel-body { + border-top-color: #428bca +} +.panel-primary>.panel-heading .badge { + color: #428bca; + background-color: white +} +.panel-primary>.panel-footer+.panel-collapse>.panel-body { + border-bottom-color: #428bca +} +.panel-success { + border-color: #d6e9c6 +} +.panel-success>.panel-heading { + color: #3c763d; + background-color: #dff0d8; + border-color: #d6e9c6 +} +.panel-success>.panel-heading+.panel-collapse>.panel-body { + border-top-color: #d6e9c6 +} +.panel-success>.panel-heading .badge { + color: #dff0d8; + background-color: #3c763d +} +.panel-success>.panel-footer+.panel-collapse>.panel-body { + border-bottom-color: #d6e9c6 +} +.panel-info { + border-color: #bce8f1 +} +.panel-info>.panel-heading { + color: #31708f; + background-color: #d9edf7; + border-color: #bce8f1 +} +.panel-info>.panel-heading+.panel-collapse>.panel-body { + border-top-color: #bce8f1 +} +.panel-info>.panel-heading .badge { + color: #d9edf7; + background-color: #31708f +} +.panel-info>.panel-footer+.panel-collapse>.panel-body { + border-bottom-color: #bce8f1 +} +.panel-warning { + border-color: #faebcc +} +.panel-warning>.panel-heading { + color: #8a6d3b; + background-color: #fcf8e3; + border-color: #faebcc +} +.panel-warning>.panel-heading+.panel-collapse>.panel-body { + border-top-color: #faebcc +} +.panel-warning>.panel-heading .badge { + color: #fcf8e3; + background-color: #8a6d3b +} +.panel-warning>.panel-footer+.panel-collapse>.panel-body { + border-bottom-color: #faebcc +} +.panel-danger { + border-color: #ebccd1 +} +.panel-danger>.panel-heading { + color: #a94442; + background-color: #f2dede; + border-color: #ebccd1 +} +.panel-danger>.panel-heading+.panel-collapse>.panel-body { + border-top-color: #ebccd1 +} +.panel-danger>.panel-heading .badge { + color: #f2dede; + background-color: #a94442 +} +.panel-danger>.panel-footer+.panel-collapse>.panel-body { + border-bottom-color: #ebccd1 +} +.embed-responsive { + position: relative; + display: block; + height: 0; + padding: 0; + overflow: hidden +} +.embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object { + position: absolute; + top: 0; + left: 0; + bottom: 0; + height: 100%; + width: 100%; + border: 0 +} +.embed-responsive.embed-responsive-16by9 { + padding-bottom: 56.25% +} +.embed-responsive.embed-responsive-4by3 { + padding-bottom: 75% +} +.well { + min-height: 20px; + padding: 19px; + margin-bottom: 20px; + background-color: whitesmoke; + border: 1px solid #e3e3e3; + border-radius: 4px; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05) +} +.well blockquote { + border-color: #ddd; + border-color: rgba(0, 0, 0, 0.15) +} +.well-lg { + padding: 24px; + border-radius: 6px +} +.well-sm { + padding: 9px; + border-radius: 3px +} +.close { + float: right; + font-size: 21px; + font-weight: bold; + line-height: 1; + color: black; + text-shadow: 0 1px 0 white; + opacity: 0.2; + filter: alpha(opacity=20) +} +.close:hover, .close:focus { + color: black; + text-decoration: none; + cursor: pointer; + opacity: 0.5; + filter: alpha(opacity=50) +} +button.close { + padding: 0; + cursor: pointer; + background: transparent; + border: 0; + -webkit-appearance: none +} +.modal-open { + overflow: hidden +} +.modal { + display: none; + overflow: hidden; + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 1050; + -webkit-overflow-scrolling: touch; + outline: 0 +} +.modal.fade .modal-dialog { + -webkit-transform: translate3d(0, -25%, 0); + transform: translate3d(0, -25%, 0); + -webkit-transition: -webkit-transform 0.3s ease-out; + transition: transform 0.3s ease-out +} +.modal.in .modal-dialog { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0) +} +.modal-open .modal { + overflow-x: hidden; + overflow-y: auto +} +.modal-dialog { + position: relative; + width: auto; + margin: 10px +} +.modal-content { + position: relative; + background-color: white; + border: 1px solid #999999; + border: 1px solid rgba(0, 0, 0, 0.2); + border-radius: 6px; + box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); + background-clip: padding-box; + outline: 0 +} +.modal-backdrop { + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 1040; + background-color: black +} +.modal-backdrop.fade { + opacity: 0; + filter: alpha(opacity=0) +} +.modal-backdrop.in { + opacity: 0.5; + filter: alpha(opacity=50) +} +.modal-header { + padding: 15px; + border-bottom: 1px solid #e5e5e5; + min-height: 16.428571429px +} +.modal-header .close { + margin-top: -2px +} +.modal-title { + margin: 0; + line-height: 1.428571429 +} +.modal-body { + position: relative; + padding: 15px +} +.modal-footer { + padding: 15px; + text-align: right; + border-top: 1px solid #e5e5e5 +} +.modal-footer:before, .modal-footer:after { + content: " "; + display: table +} +.modal-footer:after { + clear: both +} +.modal-footer .btn+.btn { + margin-left: 5px; + margin-bottom: 0 +} +.modal-footer .btn-group .btn+.btn { + margin-left: -1px +} +.modal-footer .btn-block+.btn-block { + margin-left: 0 +} +.modal-scrollbar-measure { + position: absolute; + top: -9999px; + width: 50px; + height: 50px; + overflow: scroll +} +@media (min-width: 768px) { + .modal-dialog { + width: 600px; + margin: 30px auto + } + .modal-content { + box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5) + } + .modal-sm { + width: 300px + } +} +@media (min-width: 992px) { + .modal-lg { + width: 900px + } +} +.tooltip { + position: absolute; + z-index: 1070; + display: block; + visibility: visible; + font-size: 12px; + line-height: 1.4; + opacity: 0; + filter: alpha(opacity=0) +} +.tooltip.in { + opacity: 0.9; + filter: alpha(opacity=90) +} +.tooltip.top { + margin-top: -3px; + padding: 5px 0 +} +.tooltip.right { + margin-left: 3px; + padding: 0 5px +} +.tooltip.bottom { + margin-top: 3px; + padding: 5px 0 +} +.tooltip.left { + margin-left: -3px; + padding: 0 5px +} +.tooltip-inner { + max-width: 200px; + padding: 3px 8px; + color: white; + text-align: center; + text-decoration: none; + background-color: black; + border-radius: 4px +} +.tooltip-arrow { + position: absolute; + width: 0; + height: 0; + border-color: transparent; + border-style: solid +} +.tooltip.top .tooltip-arrow { + bottom: 0; + left: 50%; + margin-left: -5px; + border-width: 5px 5px 0; + border-top-color: black +} +.tooltip.top-left .tooltip-arrow { + bottom: 0; + left: 5px; + border-width: 5px 5px 0; + border-top-color: black +} +.tooltip.top-right .tooltip-arrow { + bottom: 0; + right: 5px; + border-width: 5px 5px 0; + border-top-color: black +} +.tooltip.right .tooltip-arrow { + top: 50%; + left: 0; + margin-top: -5px; + border-width: 5px 5px 5px 0; + border-right-color: black +} +.tooltip.left .tooltip-arrow { + top: 50%; + right: 0; + margin-top: -5px; + border-width: 5px 0 5px 5px; + border-left-color: black +} +.tooltip.bottom .tooltip-arrow { + top: 0; + left: 50%; + margin-left: -5px; + border-width: 0 5px 5px; + border-bottom-color: black +} +.tooltip.bottom-left .tooltip-arrow { + top: 0; + left: 5px; + border-width: 0 5px 5px; + border-bottom-color: black +} +.tooltip.bottom-right .tooltip-arrow { + top: 0; + right: 5px; + border-width: 0 5px 5px; + border-bottom-color: black +} +.popover { + position: absolute; + top: 0; + left: 0; + z-index: 1060; + display: none; + max-width: 276px; + padding: 1px; + text-align: left; + background-color: white; + background-clip: padding-box; + border: 1px solid #cccccc; + border: 1px solid rgba(0, 0, 0, 0.2); + border-radius: 6px; + box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); + white-space: normal +} +.popover.top { + margin-top: -10px +} +.popover.right { + margin-left: 10px +} +.popover.bottom { + margin-top: 10px +} +.popover.left { + margin-left: -10px +} +.popover-title { + margin: 0; + padding: 8px 14px; + font-size: 14px; + font-weight: normal; + line-height: 18px; + background-color: #f7f7f7; + border-bottom: 1px solid #ebebeb; + border-radius: 5px 5px 0 0 +} +.popover-content { + padding: 9px 14px +} +.popover>.arrow, .popover>.arrow:after { + position: absolute; + display: block; + width: 0; + height: 0; + border-color: transparent; + border-style: solid +} +.popover>.arrow { + border-width: 11px +} +.popover>.arrow:after { + border-width: 10px; + content: "" +} +.popover.top>.arrow { + left: 50%; + margin-left: -11px; + border-bottom-width: 0; + border-top-color: #999999; + border-top-color: rgba(0, 0, 0, 0.25); + bottom: -11px +} +.popover.top>.arrow:after { + content: " "; + bottom: 1px; + margin-left: -10px; + border-bottom-width: 0; + border-top-color: white +} +.popover.right>.arrow { + top: 50%; + left: -11px; + margin-top: -11px; + border-left-width: 0; + border-right-color: #999999; + border-right-color: rgba(0, 0, 0, 0.25) +} +.popover.right>.arrow:after { + content: " "; + left: 1px; + bottom: -10px; + border-left-width: 0; + border-right-color: white +} +.popover.bottom>.arrow { + left: 50%; + margin-left: -11px; + border-top-width: 0; + border-bottom-color: #999999; + border-bottom-color: rgba(0, 0, 0, 0.25); + top: -11px +} +.popover.bottom>.arrow:after { + content: " "; + top: 1px; + margin-left: -10px; + border-top-width: 0; + border-bottom-color: white +} +.popover.left>.arrow { + top: 50%; + right: -11px; + margin-top: -11px; + border-right-width: 0; + border-left-color: #999999; + border-left-color: rgba(0, 0, 0, 0.25) +} +.popover.left>.arrow:after { + content: " "; + right: 1px; + border-right-width: 0; + border-left-color: white; + bottom: -10px +} +.carousel { + position: relative +} +.carousel-inner { + position: relative; + overflow: hidden; + width: 100% +} +.carousel-inner>.item { + display: none; + position: relative; + -webkit-transition: 0.6s ease-in-out left; + transition: 0.6s ease-in-out left +} +.carousel-inner>.item>img, .carousel-inner>.item>a>img { + display: block; + width: 100% \9; + max-width: 100%; + height: auto; + line-height: 1 +} +.carousel-inner>.active, .carousel-inner>.next, .carousel-inner>.prev { + display: block +} +.carousel-inner>.active { + left: 0 +} +.carousel-inner>.next, .carousel-inner>.prev { + position: absolute; + top: 0; + width: 100% +} +.carousel-inner>.next { + left: 100% +} +.carousel-inner>.prev { + left: -100% +} +.carousel-inner>.next.left, .carousel-inner>.prev.right { + left: 0 +} +.carousel-inner>.active.left { + left: -100% +} +.carousel-inner>.active.right { + left: 100% +} +.carousel-control { + position: absolute; + top: 0; + left: 0; + bottom: 0; + width: 15%; + opacity: 0.5; + filter: alpha(opacity=50); + font-size: 20px; + color: white; + text-align: center; + text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6) +} +.carousel-control.left { + background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); + background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); + background-repeat: repeat-x; + filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1) +} +.carousel-control.right { + left: auto; + right: 0; + background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); + background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); + background-repeat: repeat-x; + filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1) +} +.carousel-control:hover, .carousel-control:focus { + outline: 0; + color: white; + text-decoration: none; + opacity: 0.9; + filter: alpha(opacity=90) +} +.carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right { + position: absolute; + top: 50%; + z-index: 5; + display: inline-block +} +.carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left { + left: 50%; + margin-left: -10px +} +.carousel-control .icon-next, .carousel-control .glyphicon-chevron-right { + right: 50%; + margin-right: -10px +} +.carousel-control .icon-prev, .carousel-control .icon-next { + width: 20px; + height: 20px; + margin-top: -10px; + font-family: serif +} +.carousel-control .icon-prev:before { + content: '\2039' +} +.carousel-control .icon-next:before { + content: '\203a' +} +.carousel-indicators { + position: absolute; + bottom: 10px; + left: 50%; + z-index: 15; + width: 60%; + margin-left: -30%; + padding-left: 0; + list-style: none; + text-align: center +} +.carousel-indicators li { + display: inline-block; + width: 10px; + height: 10px; + margin: 1px; + text-indent: -999px; + border: 1px solid white; + border-radius: 10px; + cursor: pointer; + background-color: #000 \9; + background-color: rgba(0, 0, 0, 0) +} +.carousel-indicators .active { + margin: 0; + width: 12px; + height: 12px; + background-color: white +} +.carousel-caption { + position: absolute; + left: 15%; + right: 15%; + bottom: 20px; + z-index: 10; + padding-top: 20px; + padding-bottom: 20px; + color: white; + text-align: center; + text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6) +} +.carousel-caption .btn { + text-shadow: none +} +@media screen and (min-width: 768px) { + .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next { + width: 30px; + height: 30px; + margin-top: -15px; + font-size: 30px + } + .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev { + margin-left: -15px + } + .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next { + margin-right: -15px + } + .carousel-caption { + left: 20%; + right: 20%; + padding-bottom: 30px + } + .carousel-indicators { + bottom: 20px + } +} +.clearfix:before, .clearfix:after { + content: " "; + display: table +} +.clearfix: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; + visibility: hidden!important +} +.affix { + position: fixed; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0) +} +@-ms-viewport { + width: device-width +} +.visible-xs, .visible-sm, .visible-md, .visible-lg { + display: none !important +} +.visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block { + display: none !important +} +@media (max-width: 767px) { + .visible-xs { + display: block !important + } + table.visible-xs { + display: table + } + tr.visible-xs { + display: table-row !important + } + th.visible-xs, td.visible-xs { + display: table-cell !important + } +} +@media (max-width: 767px) { + .visible-xs-block { + display: block !important + } +} +@media (max-width: 767px) { + .visible-xs-inline { + display: inline !important + } +} +@media (max-width: 767px) { + .visible-xs-inline-block { + display: inline-block !important + } +} +@media (min-width: 768px) and (max-width: 991px) { + .visible-sm { + display: block !important + } + table.visible-sm { + display: table + } + tr.visible-sm { + display: table-row !important + } + th.visible-sm, td.visible-sm { + display: table-cell !important + } +} +@media (min-width: 768px) and (max-width: 991px) { + .visible-sm-block { + display: block !important + } +} +@media (min-width: 768px) and (max-width: 991px) { + .visible-sm-inline { + display: inline !important + } +} +@media (min-width: 768px) and (max-width: 991px) { + .visible-sm-inline-block { + display: inline-block !important + } +} +@media (min-width: 992px) and (max-width: 1199px) { + .visible-md { + display: block !important + } + table.visible-md { + display: table + } + tr.visible-md { + display: table-row !important + } + th.visible-md, td.visible-md { + display: table-cell !important + } +} +@media (min-width: 992px) and (max-width: 1199px) { + .visible-md-block { + display: block !important + } +} +@media (min-width: 992px) and (max-width: 1199px) { + .visible-md-inline { + display: inline !important + } +} +@media (min-width: 992px) 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 + } + tr.visible-lg { + display: table-row !important + } + th.visible-lg, td.visible-lg { + display: table-cell !important + } +} +@media (min-width: 1200px) { + .visible-lg-block { + display: block !important + } +} +@media (min-width: 1200px) { + .visible-lg-inline { + display: inline !important + } +} +@media (min-width: 1200px) { + .visible-lg-inline-block { + display: inline-block !important + } +} +@media (max-width: 767px) { + .hidden-xs { + display: none !important + } +} +@media (min-width: 768px) and (max-width: 991px) { + .hidden-sm { + display: none !important + } +} +@media (min-width: 992px) and (max-width: 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 + } + tr.visible-print { + display: table-row !important + } + th.visible-print, td.visible-print { + display: table-cell !important + } +} +.visible-print-block { + display: none !important +} +@media print { + .visible-print-block { + display: block !important + } +} +.visible-print-inline { + display: none !important +} +@media print { + .visible-print-inline { + display: inline !important + } +} +.visible-print-inline-block { + display: none !important +} +@media print { + .visible-print-inline-block { + display: inline-block !important + } +} +@media print { + .hidden-print { + display: none !important + } +} +.btn { + padding: 14px 24px; + border: 0 none; + font-family: "brandon", sans-serif; + letter-spacing: 1px +} +.btn:focus, .btn:active:focus, .btn.active:focus { + outline: 0 none +} +.btn-default { + border: 2px solid #C4C4C4; + color: #737373; + padding: 12px 22px +} +.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open>.dropdown-toggle.btn-default { + background: #FFFFFF; + border-color: #949494; + color: #737373 +} +.btn-default:active, .btn-default.active { + border-color: #737373; + box-shadow: none +} +.btn-primary { + background: #0099cc; + color: #ffffff +} +.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary { + background: #33a6cc +} +.btn-primary:active, .btn-primary.active { + background: #007299; + box-shadow: none +} +.btn-success { + background: #00bf6f; + color: #ffffff +} +.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open>.dropdown-toggle.btn-success { + background: #39bf87 +} +.btn-success:active, .btn-success.active { + background: #008c52; + box-shadow: none +} +.btn-info { + background: #31cde8; + color: #ffffff +} +.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open>.dropdown-toggle.btn-info { + background: #5fd4e8 +} +.btn-info:active, .btn-info.active { + background: #35a2b5; + box-shadow: none +} +.btn-warning { + background: #eb8f34; + color: #ffffff +} +.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .open>.dropdown-toggle.btn-warning { + background: #eba259 +} +.btn-warning:active, .btn-warning.active { + background: #b87430; + box-shadow: none +} +.btn-danger { + background: #f25454; + color: #ffffff +} +.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .open>.dropdown-toggle.btn-danger { + background: #f26d6d +} +.btn-danger:active, .btn-danger.active { + background: #bf4343; + box-shadow: none +} +.btn.sharp { + border-radius: 0 +} +.btn.outline { + background: none; + padding: 12px 22px +} +.btn-primary.outline { + border: 2px solid #0099cc; + color: #0099cc +} +.btn-primary.outline:hover, .btn-primary.outline:focus, .btn-primary.outline:active, .btn-primary.outline.active, .open>.dropdown-toggle.btn-primary { + color: #33a6cc; + border-color: #33a6cc +} +.btn-primary.outline:active, .btn-primary.outline.active { + border-color: #007299; + color: #007299; + box-shadow: none +} +.btn-success.outline { + border: 2px solid #00bf6f; + color: #00bf6f +} +.btn-success.outline:hover, .btn-success.outline:focus, .btn-success.outline:active, .btn-success.outline.active, .open>.dropdown-toggle.btn-success { + border-color: #39bf87; + color: #39bf87 +} +.btn-success.outline:active, .btn-success.outline.active { + border-color: #008c52; + color: #008c52; + box-shadow: none +} +.btn-info.outline { + border: 2px solid #31cde8; + color: #31cde8 +} +.btn-info.outline:hover, .btn-info.outline:focus, .btn-info.outline:active, .btn-info.outline.active, .open>.dropdown-toggle.btn-info { + border-color: #5fd4e8; + color: #5fd4e8 +} +.btn-info.outline:active, .btn-info.outline.active { + border-color: #35a2b5; + color: #35a2b5; + box-shadow: none +} +.btn-warning.outline { + border: 2px solid #eb8f34; + color: #eb8f34 +} +.btn-warning.outline:hover, .btn-warning.outline:focus, .btn-warning.outline:active, .btn-warning.outline.active, .open>.dropdown-toggle.btn-warning { + border-color: #eba259; + color: #eba259 +} +.btn-warning.outline:active, .btn-warning.outline.active { + border-color: #b87430; + color: #b87430; + box-shadow: none +} +.btn-danger.outline { + border: 2px solid #f25454; + color: #f25454 +} +.btn-danger.outline:hover, .btn-danger.outline:focus, .btn-danger.outline:active, .btn-danger.outline.active, .open>.dropdown-toggle.btn-danger { + border-color: #f26d6d; + color: #f26d6d +} +.btn-danger.outline:active, .btn-danger.outline.active { + border-color: #bf4343; + color: #bf4343; + box-shadow: none +} +.btn-primary.gradient { + background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #33a6cc), color-stop(50%, #09c)); + background: -webkit-linear-gradient(top, #33a6cc 50%, #09c 50%); + background: linear-gradient(to bottom, #33a6cc 50%, #09c 50%); + filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#33a6cc', endColorstr='#0099cc', GradientType=0) +} +.btn-primary.gradient:hover, .btn-primary.gradient:focus, .btn-primary.gradient:active, .btn-primary.gradient.active, .open>.dropdown-toggle.btn-primary { + background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #66b2cc), color-stop(50%, #33a6cc)); + background: -webkit-linear-gradient(top, #66b2cc 50%, #33a6cc 50%); + background: linear-gradient(to bottom, #66b2cc 50%, #33a6cc 50%); + filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#66b2cc', endColorstr='#33a6cc', GradientType=0) +} +.btn-primary.gradient:active, .btn-primary.gradient.active { + background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #267c99), color-stop(50%, #007299)); + background: -webkit-linear-gradient(top, #267c99 50%, #007299 50%); + background: linear-gradient(to bottom, #267c99 50%, #007299 50%); + filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#267c99', endColorstr='#007299', GradientType=0) +} +.btn-success.gradient { + background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #39bf87), color-stop(50%, #00bf6f)); + background: -webkit-linear-gradient(top, #39bf87 50%, #00bf6f 50%); + background: linear-gradient(to bottom, #39bf87 50%, #00bf6f 50%); + filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#39bf87', endColorstr='#00bf6f', GradientType=0) +} +.btn-success.gradient:hover, .btn-success.gradient:focus, .btn-success.gradient:active, .btn-success.gradient.active, .open>.dropdown-toggle.btn-success { + background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #73bf9f), color-stop(50%, #39bf87)); + background: -webkit-linear-gradient(top, #73bf9f 50%, #39bf87 50%); + background: linear-gradient(to bottom, #73bf9f 50%, #39bf87 50%); + filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#73bf9f', endColorstr='#39bf87', GradientType=0) +} +.btn-success.gradient:active, .btn-success.gradient.active { + background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #2a8c63), color-stop(50%, #008c52)); + background: -webkit-linear-gradient(top, #2a8c63 50%, #008c52 50%); + background: linear-gradient(to bottom, #2a8c63 50%, #008c52 50%); + filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#2a8c63', endColorstr='#008c52', GradientType=0) +} +.btn-info.gradient { + background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #5fd4e8), color-stop(50%, #31cde8)); + background: -webkit-linear-gradient(top, #5fd4e8 50%, #31cde8 50%); + background: linear-gradient(to bottom, #5fd4e8 50%, #31cde8 50%); + filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#5fd4e8', endColorstr='#31cde8', GradientType=0) +} +.btn-info.gradient:hover, .btn-info.gradient:focus, .btn-info.gradient:active, .btn-info.gradient.active, .open>.dropdown-toggle.btn-info { + background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #8edae8), color-stop(50%, #5fd4e8)); + background: -webkit-linear-gradient(top, #8edae8 50%, #5fd4e8 50%); + background: linear-gradient(to bottom, #8edae8 50%, #5fd4e8 50%); + filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#8edae8', endColorstr='#5fd4e8', GradientType=0) +} +.btn-info.gradient:active, .btn-info.gradient.active { + background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #6baab5), color-stop(50%, #35a2b5)); + background: -webkit-linear-gradient(top, #6baab5 50%, #35a2b5 50%); + background: linear-gradient(to bottom, #6baab5 50%, #35a2b5 50%); + filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#6baab5', endColorstr='#35a2b5', GradientType=0) +} +.btn-warning.gradient { + background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #eba259), color-stop(50%, #eb8f34)); + background: -webkit-linear-gradient(top, #eba259 50%, #eb8f34 50%); + background: linear-gradient(to bottom, #eba259 50%, #eb8f34 50%); + filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#eba259', endColorstr='#eb8f34', GradientType=0) +} +.btn-warning.gradient:hover, .btn-warning.gradient:focus, .btn-warning.gradient:active, .btn-warning.gradient.active, .open>.dropdown-toggle.btn-warning { + background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #ebb57f), color-stop(50%, #eba259)); + background: -webkit-linear-gradient(top, #ebb57f 50%, #eba259 50%); + background: linear-gradient(to bottom, #ebb57f 50%, #eba259 50%); + filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ebb57f', endColorstr='#eba259', GradientType=0) +} +.btn-warning.gradient:active, .btn-warning.gradient.active { + background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #b8824d), color-stop(50%, #b87430)); + background: -webkit-linear-gradient(top, #b8824d 50%, #b87430 50%); + background: linear-gradient(to bottom, #b8824d 50%, #b87430 50%); + filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#b8824d', endColorstr='#b87430', GradientType=0) +} +.btn-danger.gradient { + background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #f26d6d), color-stop(50%, #f25454)); + background: -webkit-linear-gradient(top, #f26d6d 50%, #f25454 50%); + background: linear-gradient(to bottom, #f26d6d 50%, #f25454 50%); + filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#f26d6d', endColorstr='#f25454', GradientType=0) +} +.btn-danger.gradient:hover, .btn-danger.gradient:focus, .btn-danger.gradient:active, .btn-danger.gradient.active, .open>.dropdown-toggle.btn-danger { + background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #f28585), color-stop(50%, #f26d6d)); + background: -webkit-linear-gradient(top, #f28585 50%, #f26d6d 50%); + background: linear-gradient(to bottom, #f28585 50%, #f26d6d 50%); + filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#f28585', endColorstr='#f26d6d', GradientType=0) +} +.btn-danger.gradient:active, .btn-danger.gradient.active { + background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #bf5656), color-stop(50%, #bf4343)); + background: -webkit-linear-gradient(top, #bf5656 50%, #bf4343 50%); + background: linear-gradient(to bottom, #bf5656 50%, #bf4343 50%); + filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#bf5656', endColorstr='#bf4343', GradientType=0) +} +.btn.round { + border-radius: 24px +} +.btn-lg.round, .btn-group-lg>.round.btn { + border-radius: 32px +} +.btn-sm.round, .btn-group-sm>.round.btn { + border-radius: 14px +} +.btn-xs.round, .btn-group-xs>.round.btn { + border-radius: 10px +} +.btn-primary.raised { + box-shadow: 0 3px 0 0 #007299 +} +.btn-primary.raised:active, .btn-primary.raised.active { + background: #33a6cc; + box-shadow: none; + margin-bottom: -3px; + margin-top: 3px +} +.btn-success.raised { + box-shadow: 0 3px 0 0 #008c52 +} +.btn-success.raised:active, .btn-success.raised.active { + background: #39bf87; + box-shadow: none; + margin-bottom: -3px; + margin-top: 3px +} +.btn-info.raised { + box-shadow: 0 3px 0 0 #35a2b5 +} +.btn-info.raised:active, .btn-info.raised.active { + background: #5fd4e8; + box-shadow: none; + margin-bottom: -3px; + margin-top: 3px +} +.btn-warning.raised { + box-shadow: 0 3px 0 0 #b87430 +} +.btn-warning.raised:active, .btn-warning.raised.active { + background: #eba259; + box-shadow: none; + margin-bottom: -3px; + margin-top: 3px +} +.btn-danger.raised { + box-shadow: 0 3px 0 0 #bf4343 +} +.btn-danger.raised:active, .btn-danger.raised.active { + background: #f26d6d; + box-shadow: none; + margin-bottom: -3px; + margin-top: 3px +} +.btn-xs, .btn-group-xs>.btn, .btn-group-xs>.btn { + padding: 2px 6px +} +.btn-sm, .btn-group-sm>.btn, .btn-group-sm>.btn { + padding: 8px 12px +} +.btn-lg, .btn-group-lg>.btn { + padding: 20px 40px; + border-radius: 4px +} +.btn-xs.btn-default, .btn-group-xs>.btn-default.btn, .btn-xs.outline, .btn-group-xs>.outline.btn { + padding: 0px 4px +} +.btn-sm.btn-default, .btn-group-sm>.btn-default.btn, .btn-sm.outline, .btn-group-sm>.outline.btn { + padding: 6px 10px +} +.btn-lg.btn-default, .btn-group-lg>.btn-default.btn, .btn-lg.outline, .btn-group-lg>.outline.btn { + padding: 18px 38px +} +@font-face { + font-family: 'brandon'; + src: url(/assets/brandon_re-a31b5e0cc39c56ad611b09644dd17935.ttf) format("truetype"); + font-weight: normal; + font-style: normal +} +@font-face { + font-family: 'museo500'; + src: url(/fonts/MuseoSans-500.otf) format("opentype"); + font-weight: normal; + font-style: normal +} +@font-face { + font-family: 'proximathin'; + src: url(/assets/proximathin-05899a1a5535bb60d99cfa8675242124.otf) format("opentype"); + font-weight: normal; + font-style: normal +} +@font-face { + font-family: 'proximabold'; + src: url(/assets/proximabold-8819af883a87cd581a21720e3c24c23b.ttf) format("truetype"); + font-weight: normal; + font-style: normal +} +@font-face { + font-family: 'museo700'; + src: url(/fonts/MuseoSans-700.otf) format("opentype"); + font-weight: normal; + font-style: normal +} +@font-face { + font-family: 'museo300'; + src: url(/assets/MuseoSans-300-59a67c6620413dbe557ed1458bf4e58f.otf) format("opentype"); + font-weight: normal; + font-style: normal +} +@font-face { + font-family: 'museo300italic'; + src: url(/assets/MuseoSans-300Italic-f8b80b1ea0a90c455f2b36451b3f26b1.otf) format("opentype"); + font-weight: normal; + font-style: normal +} +@font-face { + font-family: 'museo100'; + src: url(/assets/MuseoSans-100-f048b0c1cf58cd73fed0c7d5dc0a7237.otf) format("opentype"); + font-weight: normal; + font-style: normal +} +@font-face { + font-family: 'museo100italic'; + src: url(/assets/MuseoSans-100Italic-70f574b38212bfaaeb54d77040cf6e96.otf) format("opentype"); + font-weight: normal; + font-style: normal +} +html, body { + height: 100% +} +.hero-frontpage { + width: 100%; + background-image: url(/assets/cover-alt-2b8fe53f9b0d8e6a65ee9f8e3d23e3e0.jpg); + background-size: cover; + height: 100%; + background-position: center; + background-attachment: fixed +} +.hero-recruiterfrontpage { + width: 100%; + background-image: url(/assets/cover_recruiter-7d1d0a3c60f3d44c0e0ea67f4c418619.jpg); + background-size: cover; + overflow: hidden; + background-position: 0px -100px; + height: 620px +} +.cardlayout { + padding-left: 0px; + box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3); + border-top: 1px solid rgba(0, 0, 0, 0.1) +} +.cardlayout .col-md-4 { + padding: 0px +} +.form-control { + height: 44px +} +.blur { + -webkit-filter: blur(5px) grayscale(50%) +} +.hidden { + display: none +} +.hero-devisefrontpage { + width: 100%; + background-image: url(/images/skyline.jpg); + background-size: cover; + overflow: auto; + background-position: 0px -70px; + min-height: 685px +} +.hero-nofrontpage { + width: 100%; + overflow: auto; + min-height: 685px +} +.resume-new { + background-image: url(/assets/new-icon-c8e2fc9663ba8cbf00ef6634e6cfbc61.png); + background-repeat: no-repeat; + background-position: 120px 10px; + text-align: left; + width: 150px; + height: 13px +} +.remember-me div { + text-align: center; + font-family: "museo300", sans-serif; + font-size: 16px; + padding-top: 15px +} +.browse-companies { + height: 50px; + width: 100%; + position: absolute; + bottom: 0; + color: white; + font-family: 'museo100', sans-serif; + text-align: center; + font-size: 18px +} +@media (max-width: 768px) { + .browse-companies { + height: 20px; + font-size: 12px + } +} +.pos-topright { + position: relative; + z-index: 1001; + color: white; + padding: 5px; + border-radius: 0px 0px 0px 3px; + border: none; + padding-left: 10px; + padding-right: 10px; + font-size: 14px; + font-family: "brandon", sans-serif; + background-color: rgba(255, 255, 255, 0.4); + line-height: 20px !important; + float: right +} +.pos-topright-black { + position: relative; + z-index: 1001; + color: white; + padding: 5px; + border-radius: 0px 0px 0px 3px; + border: none; + padding-left: 10px; + padding-right: 10px; + font-size: 14px; + font-family: "brandon", sans-serif; + background-color: rgba(0, 0, 0, 0.4); + line-height: 20px !important; + float: right +} +.pos-topright-black:focus { + text-decoration: none; + color: white; + border: none; + outline: none +} +.pos-topright-black:hover { + text-decoration: none; + color: rgba(255, 255, 255, 0.8) +} +.close-big { + font-size: 30px; + line-height: 50px +} +.modal-employer { + background-color: white; + outline: none; + font-family: "museo300", sans-serif; + border: none; + border-radius: 3px 3px 0 0; + font-size: 20px; + background-repeat: no-repeat +} +.pos-topright:focus { + text-decoration: none; + color: white; + border: none; + outline: none +} +.pos-topright:hover { + text-decoration: none; + color: #dfdfdf +} +.remember-me div input { + margin-left: 10px +} +.register_square { + border: 1px solid black; + margin-top: 8px; + line-height: 2px !important; + border-radius: 3px +} +.register_square:hover { + background-color: rgba(255, 255, 255, 0.6) !important; + margin-top: 8px; + line-height: 2px !important; + border-radius: 3px +} +.resume-new:hover { + background-image: url(/assets/new-icon-c8e2fc9663ba8cbf00ef6634e6cfbc61.png); + background-repeat: no-repeat; + background-position: 120px 10px; + text-align: left; + width: 150px; + height: 13px +} +.sub-frontpage { + font-size: 20px; + font-family: 'museo100italic'; + text-align: center; + margin: 25px auto 15px auto; + text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2); + opacity: 0.9; + filter: alpha(opacity=90); + color: white +} +@media (max-width: 768px) { + .sub-frontpage { + font-size: 16px; + padding-left: 30px; + padding-right: 30px + } + .set-height { + height: 280px !important + } +} +.set-height { + height: 270px +} +.jobspire-logo { + background-image: url(/assets/logo-075b9e677472afee391162bb6a1d2c7f.png); + height: 90px; + width: 314px; + margin-top: 30px; + display: block +} +.jobspire-logo-white { + background-image: url(/assets/logo_white_rec-f19319946a777867b12320d32adc892f.png); + height: 67px; + width: 375px; + background-size: cover; + margin-top: 30px; + display: block +} +.jobspire-logo-white-nr { + background-image: url(/assets/logo_white_rec-f19319946a777867b12320d32adc892f.png); + height: 67px; + width: 235px; + background-size: cover; + margin-top: 30px; + display: block +} +.marginnavtop { + margin-top: 40px +} +.marginnavtop a { + font-family: "brandon", sans-serif; + color: black; + -webkit-transition: opacity 0.3s ease-in-out; + transition: opacity 0.3s ease-in-out; + cursor: pointer +} +.col-white a { + color: #dbd7fd +} +.col-purewhite a { + color: white +} +.signup-strip { + padding-top: 7px; + bottom: 0; + width: 100%; + margin-top: 9% +} +.signup-strip .form-control { + border-radius: 0px; + border: 1px solid white; + background: none; + color: white +} +.signup-strip .form-control:focus { + box-shadow: none +} +.signup-strip::-webkit-input-placeholder { + color: white !important +} +.signup-strip:-moz-placeholder { + color: white !important +} +.signup-strip::-moz-placeholder { + color: white !important +} +.signup-strip:-ms-input-placeholder { + color: white !important +} +.marginnavtop a:hover { + opacity: 0.5; + background-color: transparent !important; + filter: alpha(opacity=50); + border-radius: 5px +} +.huge-frontpage { + font-size: 110px; + line-height: 89px; + text-align: center; + margin-top: 10px; + text-shadow: 0px 1px 5px rgba(0, 0, 0, 0.2); + color: white; + font-family: "proximabold", sans-serif +} +@media (max-width: 992px) { + .signup-strip { + margin-top: 6% + } + .huge-frontpage { + font-size: 60px; + line-height: 1.21 + } +} +@media (max-width: 768px) { + .signup-strip { + margin-top: 5% + } + .signup-strip input[type="submit"] { + margin-top: 0 !important + } +} +@media (max-width: 480px) { + .signup-strip { + margin-top: 3% + } + .huge-frontpage { + font-size: 36px; + line-height: 1.1 + } +} +.huge-recpage { + margin-top: 140px; + color: white; + line-height: 70px; + text-transform: uppercase; + font-family: "proximabold", sans-serif; + font-size: 80px; + text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.4) +} +.huge-recpage .btn { + margin-left: 4px; + margin-top: 4px; + padding: 8px 20px; + font-size: 20px; + text-transform: uppercase +} +.recpage-subtext { + font-size: 22px; + text-indent: 7px; + margin-top: 15px; + margin-bottom: 0; + line-height: 22px; + font-family: 'museo300', sans-serif; + text-transform: none +} +@media (max-width: 1200px) { + .huge-recpage { + margin-top: 3% + } + .set-height { + min-height: 220px; + overflow: auto; + height: auto !important + } +} +@media (max-width: 768px) { + .huge-recpage { + margin-top: 3%; + font-size: 60px + } +} +.tagline-and-other { + margin-left: 80px; + margin-top: -22px +} +.tagline-and-other h6 { + color: white; + margin: 0 0 5px 0; + font-size: 18px; + font-family: "museo300", sans-serif; + text-shadow: 0px 0px 5px #000 +} +.tagline-and-other h6 a { + color: white +} +.tagline-and-other .small-tagline { + margin-top: 12px; + font-size: 13px; + line-height: 1.5; + font-family: "museo300", sans-serif; + display: block +} +.pull-right-button .btn { + float: right; + margin-left: 5px +} +@media (max-width: 480px) { + .pull-right-button .btn { + width: 100% + } +} +.image-logo-company { + position: absolute; + border-radius: 35px; + width: 70px; + height: 70px; + margin-top: -35px +} +@media (max-width: 480px) { + .image-logo-company { + left: 50%; + margin-left: -35px + } + a.link-image { + display: block; + height: 70px + } + .tagline-and-other { + margin: 0 + } +} +.smalltxt { + font-size: 20px; + line-height: 20px; + font-family: "museo300", sans-serif +} +.get-started-button { + display: block; + padding: 20px 30px; + width: 500px; + text-align: center; + font-size: 17px; + margin: 0 auto; + background: #4ec092; + border-radius: 5px; + margin-top: 50px; + color: white; + line-height: 1em; + font-family: "brandon", sans-serif; + cursor: pointer; + -webkit-transition: background 0.3s; + transition: background 0.3s +} +.get-started-button:hover { + background: #46B186 +} +a, a:hover, a:visited { + text-decoration: none +} +.nav>li>a:focus { + text-decoration: none; + background: none; + outline: none; + color: #555 +} +.button-home { + display: inline-block; + padding: 10px 10px; + width: 300px; + text-align: center; + font-size: 17px; + background: #FF9100; + border-radius: 5px; + margin-top: 35px; + margin-right: 5px; + color: white; + line-height: 1em; + font-family: "brandon", sans-serif; + cursor: pointer; + -webkit-transition: background 0.3s; + transition: background 0.3s +} +.button-home:hover { + background: #EC7E01; + color: white +} +.buttons { + margin: 0 auto; + width: 610px +} +.omnibox { + margin: auto; + width: 522px; + background-color: rgba(0, 0, 0, 0.3); + padding: 10px 11px; + border-radius: 6px; + background-clip: padding-box +} +.omnibox input { + overflow: hidden; + height: 30px; + border: 1px solid #8496ba; + cursor: text; + font-size: 18px; + min-height: 1px; + margin: 0; + padding: 9px 10px; + background-color: #fff; + list-style-type: none; + clear: left; + width: 500px; + -webkit-transition: border 0.2s linear; + transition: border 0.2s linear; + border: 1px solid #dadde2; + border-radius: 4px; + background-clip: padding-box; + display: inline-block; + height: 45px; + font-size: 16px; + text-align: center +} +.pointer-frontpage { + background-image: url(/assets/pointer_frontpage-16e1e475b0ba87119a4fbc6712bd6f91.png); + width: 400px; + background-repeat: no-repeat; + height: 110px; + position: absolute; + margin-left: 410px; + margin-top: -30px +} +.pointer-frontpage ul { + margin-left: 155px; + margin-top: 2px; + width: 200px; + text-transform: uppercase; + text-align: left; + padding: 0 +} +.pointer-frontpage ul li { + padding: 10px; + background-color: rgba(255, 255, 255, 0.25); + text-align: left; + list-style-type: none; + margin-bottom: 10px; + text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3) +} +#sponsors { + padding: 10px 0; + list-style-type: none; + padding: 50px 0; + text-align: center +} +p a:hover { + opacity: 0.8; + filter: alpha(opacity=30); + text-decoration: none; + color: #428bca +} +#sponsors li { + margin: 11px 40px +} +#sponsors li { + display: inline-block; + margin: 0 50px +} +.big-test { + font-size: 18px +} +.small-test { + font-size: 19px; + text-transform: capitalize +} +section h1 { + font-family: "museo300", sans-serif; + font-size: 50px; + line-height: 52px; + margin: 0; + color: #272727 +} +section h4 { + font-size: 25px; + font-family: "museo300" +} +section p { + font-family: "museo100", sans-serif; + color: #525252; + font-size: 18px; + text-align: left; + -webkit-transition: opacity 0.3s ease-in-out; + transition: opacity 0.3s ease-in-out +} +.rightborder { + border-right: 1px solid #f0f0f0 +} +.employer-signup { + background-color: #fff; + padding: 20px 0px; + margin: 0px auto 55px auto; + overflow: auto +} +.btn-orange { + margin: 0 auto; + text-align: center; + display: block; + font-family: 'museo100', sans-serif; + width: 70%; + font-size: 18px; + background-color: #ec6723; + color: white; + padding: 10px 5px; + border: none; + margin-top: 30px +} +.btn-orange:hover { + margin: 0 auto; + text-align: center; + display: block; + font-family: 'museo100', sans-serif; + width: 70%; + font-size: 18px; + background-color: #C95F29; + color: white; + padding: 10px 5px; + border: none; + margin-top: 30px +} +.btn-green { + margin: 0 auto; + text-align: center; + display: block; + font-family: 'museo100', sans-serif; + width: 70%; + font-size: 18px; + background-color: #45D696; + color: white; + padding: 10px 5px; + border: none; + margin-top: 30px +} +.lowgrey { + color: #666; + font-size: 15px +} +.btn-green:hover { + margin: 0 auto; + text-align: center; + display: block; + font-family: 'museo100', sans-serif; + width: 70%; + font-size: 18px; + background-color: #50BE8D; + color: white; + padding: 10px 5px; + border: none; + margin-top: 30px +} +section h2 { + font-family: "museo100", sans-serif; + font-size: 30px; + line-height: 32px; + margin: 10px 0; + color: #525252 +} +section h5 { + font-family: "museo100", sans-serif; + font-size: 20px; + line-height: 32px; + margin: 10px 0; + color: #525252 +} +.i-museo { + font-family: "museo300", sans-serif +} +.whatsapp { + width: 333px; + background-image: url(/assets/whatsapp-9a94dbedd45ee7c1207382cd87f71b1a.png); + height: 83px; + margin: 90px auto; + background-size: cover +} +#supportForm .error-message { + font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; + font-size: 15px; + color: #A94442; + margin-top: 5px; + margin-bottom: 5px; + display: block; + text-align: left; + font-weight: normal +} +.margin-10-top { + margin-top: 5px +} +.bg-aqua { + background-color: #235a85; + height: 300px; + width: 100% +} +section hr { + margin-top: 35px +} +.aspire_block { + background-image: url(/assets/aspire_block-efd2db242f6f51441861cd81e3fb3879.png); + height: 18px; + width: 209px; + margin: -29px auto 0 auto +} +.plant-growing { + background-image: url(/assets/plant-growing-10871d443796931eeec01285d806ed7c.jpg); + height: 315px; + width: 225px; + margin: 20px auto 10px auto; + background-size: cover +} +.brain { + background-image: url(/assets/brain-5bab6bc3aa1fff7ce8381660fde054d2.png); + height: 414px; + width: 504px; + margin: 60px auto 10px auto; + background-size: cover +} +.big-orange { + color: #ec6723; + font-size: 22px; + -webkit-transition: opacity 0.3s ease-in-out; + transition: opacity 0.3s ease-in-out +} +.h2-orange { + color: #ec6723 +} +.big-orange:hover { + color: #ec6723; + text-decoration: none; + opacity: 0.6; + filter: alpha(opacity=60); + font-size: 22px +} +.bolt { + background-image: url(/assets/bolt-6fb10b20c48fe96044fa692937ee9311.png); + width: 356px; + background-size: cover; + margin: 0 auto; + height: 326px +} +.omega { + background-color: green !important +} +.planstable input:focus, textarea:focus, select:focus { + border: 1px solid #fafafa; + box-shadow: 0 0 5px #007eff; + outline: none +} +.planstable .whole a { + font-size: 18px; + font-family: 'museo100'; + color: white; + text-decoration: none +} +.planstable sup { + font-size: 20px +} +.planstable ul { + list-style: none; + font-size: 15px; + color: #9095aa; + padding: 0px; + margin: 0px +} +.yellow-color { + background-color: #F7F7F7 !important +} +.planstable li { + font-family: "museo100", sans-serif; + border-bottom: 1px solid #383C44; + padding: 0px; + color: #ABB1BB; + margin: 10px; + text-align: center; + height: 52px; + line-height: 52px +} +.planstable li:last-child { + border: none +} +.whole { + margin-top: 10px; + margin-bottom: 30px; + display: inline-block; + margin-right: 5px; + margin-left: 70px +} +.type { + font-family: "museo100", sans-serif; + width: 300px; + background-color: #272727; + height: 62px +} +.type p { + font-weight: 800; + font-size: 24px; + color: white; + line-height: 62px; + text-align: center +} +.plan { + width: 300px; + background-color: #414957; + border: 1px solid #4B5566; + font-style: condensed; + font-size: 90px; + color: white; + font-family: "museo300", sans-serif; + text-align: center +} +.standard { + background-color: #272727 +} +.ultimate { + background-color: #272727 +} +.header { + margin-top: 10px; + font-size: 0.6em; + border-bottom: 1px solid #373A3F; + padding-bottom: 39px; + color: white +} +.header span { + font-size: 32px +} +.planstable .month { + font-size: 14px; + color: white; + padding: 0px; + margin: -10px +} +.price { + height: 80px +} +.cart { + background-color: #ec6723; + width: 70%; + margin: 0 auto; + position: relative; + top: 16px; + line-height: 40px; + color: white +} +.privacy-policy { + font-family: "museo100"; + font-size: 17px; + color: #525252 +} +.names div:first-child { + padding-left: 0 +} +.names div:last-child { + padding-right: 0 +} +.edit_details label { + font-family: "museo100", sans-serif; + font-size: 16px +} +.btn-red { + margin: 0 auto; + text-align: center; + display: block; + font-family: 'museo100', sans-serif; + width: 70%; + font-size: 18px; + background-color: #FCBDC6; + color: white; + padding: 10px 5px; + border: none; + margin-top: 30px; + text-decoration: none +} +.btn-red:hover { + margin: 0 auto; + text-align: center; + display: block; + font-family: 'museo100', sans-serif; + width: 70%; + font-size: 18px; + background-color: #FA2F4A; + color: white; + padding: 10px 5px; + border: none; + margin-top: 30px; + text-decoration: none +} +.edit_details p { + line-height: 10px +} +.trans { + padding: 10px; + background-color: rgba(0, 0, 0, 0.3) +} +.marketing_panel { + background-color: black; + background: url(/images/metrics_panel.jpg) no-repeat center center fixed; + background-size: cover; + color: white; + font-family: "museo100", sans-serif +} +@media screen and (min-height: 900px) { + .get-started-button { + margin-top: 160px + } + .hero-frontpage { + height: 870px + } + .hero-nofrontpage { + min-height: 870px; + overflow: auto + } + .hero-devisefrontpage { + min-height: 870px; + background-position: 0px -250px + } + .huge-frontpage { + margin-top: 190px + } +} +footer { + background-color: #323232; + font-family: "museo100", sans-serif; + color: #fff +} +footer hr { + height: 1px; + color: #5a5a5a; + background: #5a5a5a; + font-size: 0; + border: 0 +} +footer h3 { + font-family: "museo100", sans-serif; + font-size: 19px +} +footer .connect-with-us a { + padding-right: 5px +} +footer li { + color: #C8C8C8 +} +footer a, footer a:visited { + -webkit-transition: color 0.2s ease-in-out; + transition: color 0.2s ease-in-out; + color: #C8C8C8 +} +footer a:hover { + text-decoration: none; + color: #FEB000 +} +footer .highlighted-country a, footer .highlighted-country a:visited { + -webkit-transition: color 0.2s ease-in-out; + transition: color 0.2s ease-in-out; + color: #FEB000 +} +footer .highlighted-country a:hover { + text-decoration: none; + color: #ffedce +} +footer ul { + list-style-type: none; + padding: 0; + margin: 0; + font-size: 15px +} +footer .footer-links li { + margin-top: 5px +} +footer .footer-inline li { + display: inline-block; + padding-right: 40px +} +footer #footer-logo { + padding-right: 0px; + margin-top: -7px +} +footer .footer-inline .coming-soon { + padding-right: 0px +} +footer .coming-soon li:last-child { + padding-right: 0px +} +footer .footer-inline .coming-soon-label { + padding-right: 20px; + font-family: "brandon", sans-serif; + margin: 0px 20px 0px 0px; + color: #D3A12E +} +footer .align-to-right { + text-align: right +} +.profile-picture-col-md-6 { + height: 150px +} +.resume-col-md-6 { + height: 150px +} +.product-tour h2 { + margin-top: 90px; + padding: 10px; + margin-bottom: 90px +} +.storyboard { + min-height: 530px; + width: 100%; + overflow: auto +} +.storyboard .col-md-6 { + height: 100%; + position: relative; + height: 500px +} +.storyboard .col-md-6 img { + display: block; + width: 100%; + right: 0; + bottom: 0; + position: absolute +} +.storyboard .pad-left { + padding-left: 90px; + padding-right: 70px +} +.storyboard .pad-left h2 { + color: white; + text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3) +} +.storyboard h2 { + margin: 0 +} +.storyboard_1 { + background-image: url(/assets/producttour/storyboard_1-e969f801e21802d1f55edd876b57a48c.jpg); + background-size: cover +} +.storyboard_1 h2 { + font-family: "museo300", sans-serif; + padding-top: 230px; + line-height: 50px; + font-size: 50px +} +.storyboard_1 h3 { + margin-top: 10px +} +.storyboard_2 { + padding-top: 150px; + background-color: #0a0a0a +} +.storyboard_2 h2 { + color: #666666 +} +.storyboard_3 { + padding-top: 62px; + background-color: #61A5DD +} +.storyboard_3 h2 { + padding-top: 80px +} +.storyboard_4 { + padding-top: 32px; + background-color: #36a64f +} +.storyboard_4 h2 { + padding-top: 60px +} +.storyboard_white { + min-height: 100px; + padding-top: 62px; + background-color: #fff +} +.storyboard_white h2 { + padding-top: 80px +} +.storyboard_5 { + padding-top: 62px; + background-color: #815C89 +} +.storyboard_5 h2 { + padding-top: 80px +} +.storyboard_6 { + overflow: hidden; + background-color: #61A5DD +} +.storyboard_6 h2 { + padding-top: 80px +} +.storyboard_7 { + padding-top: 62px; + background-color: #CF832D +} +.storyboard_7 h2 { + padding-top: 80px +} +.storyboard_10 { + padding-top: 2px; + overflow: hidden; + background-color: #0f0f0f +} +.storyboard_10 h2 { + padding-top: 20px; + margin-bottom: 20px; + color: #7c7c7c !important; + text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.9) !important +} +.storyboard_10 .btn { + display: block; + margin: 15px auto 0 auto; + width: 80% +} +.storyboard_10 .btn a { + color: white +} +.storyboard_10 h3 { + color: white; + text-align: center; + font-family: "museo100", sans-serif; + text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3) +} +.storyboard_10 .apex { + font-size: 15px; + margin-top: 30px +} +.storyboard_10 .apex img { + position: relative; + width: auto +} +.pricing-box { + background-color: #f8f8f8; + box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.1) +} +.pricing-box .pricing-header { + padding: 10px; + background-color: #30c4ca; + line-height: 50px; + border-bottom: 1px solid #32a8ad; + border-top: 1px solid #c9fdff; + font-size: 24px; + font-family: "proximabold", sans-serif; + text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3); + color: white +} +.pricing-box .pricing-body { + padding: 10px +} +.pricing-box .pricing-body ul { + margin: 0; + padding: 0 +} +.pricing-box .pricing-body ul li { + list-style-type: none +} +.feature-panel ul { + border-spacing: 2em 0; + display: table; + margin: 0; + padding: 0; + table-layout: fixed; + width: 100% +} +.feature-panel ul li { + border: 1px solid #999; + border-radius: 4px; + display: table-cell; + max-width: 25%; + position: relative +} +.feature-panel ul li h3 { + border-bottom: 1px solid #999; + padding: 20px; + font-family: "proximathin", sans-serif; + text-align: center; + font-size: 20px; + margin: 0 +} +.story-image { + width: 100%; + margin-top: -120px +} +@media (max-width: 1200px) { + .story-image { + margin-top: -60px + } +} +@media (max-width: 768px) { + .feature-panel ul li { + display: block; + max-width: 100%; + list-style: none; + margin-top: 10px + } + .story-image { + margin-top: 0; + object-fit: cover; + -o-object-fit: cover + } +} +@media (max-width: 480px) { + .story-image { + margin-top: 0; + object-fit: cover; + -o-object-fit: cover; + height: 200px + } +} +.feature-box-content { + font-family: "proximathin", sans-serif; + padding: 20px; + font-size: 20px; + text-align: center +} +.feature-icon { + font-size: 40px !important; + text-align: center; + color: #838383; + margin: 0 auto; + display: block !important; + margin-top: 20px +} +@media screen and (max-width: 768px) { + .jobspire-logo { + margin: 20px auto + } +} +@media (max-width: 768px) { + .storyboard .pad-left { + padding-left: 0; + padding-right: 0 + } + .storyboard .col-md-6 { + height: auto + } + .storyboard .col-md-6 img { + position: relative + } +} +.panel-holder { + width: 100%; + margin: 0 auto; + padding-bottom: 20px; + border-radius: 5px +} +.applicant_bio { + font-size: 17px !important +} +.name-title { + font-family: "museo300", sans-serif; + margin-bottom: 4px; + margin-top: 20px +} +.padding-left-none { + padding-left: 0 +} +.alert { + margin-bottom: 30px +} +.slider__arrows-item { + background-image: url(/assets/glide-arrows-1ad10313231e3ef02599e583bd857559.png); + width: 17px !important; + height: 28px !important; + padding: 0 !important; + text-indent: -9999px; + color: #A5A5A5; + text-transform: uppercase; + font-size: 30px; + font-family: "museo300", sans-serif +} +.slider__arrows-item-s1 { + background-image: url(/assets/glide-arrows-1ad10313231e3ef02599e583bd857559.png); + width: 17px !important; + height: 28px !important; + padding: 0 !important; + text-indent: -9999px; + color: #A5A5A5; + text-transform: uppercase; + font-size: 30px; + font-family: "museo300", sans-serif +} +.slider__arrows-item:hover { + color: #A5A5A5; + text-decoration: none; + opacity: 0.7; + filter: alpha(opacity=70) +} +.slider__arrows-item--right { + margin-right: 66px; + background-position: -17px 0 +} +.slider__arrows-item--left { + margin-left: 66px +} +.slider__arrows-item--right-s1 { + margin-right: 66px; + background-position: -17px 0 +} +.slider__arrows-item--left-s1 { + margin-left: 66px +} +.slider__item { + padding-top: 20px; + padding-bottom: 10px +} +.panel-watchlist { + margin-top: 10px; + width: 100%; + border-radius: 4px; + position: relative; + z-index: 983; + background-color: white; + border: 1px solid #e7e7e7; + box-shadow: 0px 3px 0px rgba(0, 0, 0, 0.2); + display: inline-block +} +.panel-watchlist-body { + font-family: "museo300", sans-serif; + font-size: 16px; + color: #5c5c5c; + padding: 15px +} +.panel-watchlist-picture { + width: 200px; + overflow: hidden; + height: 200px; + margin: 0 auto +} +.panel-watchlist-header { + font-size: 22px; + width: 90%; + margin: 0 auto; + margin-bottom: 7px; + text-align: center; + font-family: "museo300", sans-serif +} +.panel-watchlist-cancel-button { + background-color: #e24b4b; + box-shadow: 0px 2px 0px #b23f3f; + position: absolute; + border-radius: 3px; + z-index: 9999px; + color: white; + padding: 8px 13px 6px 13px; + right: 0; + margin-top: -20px; + margin-right: -10px +} +.panel-watchlist-cancel-button:hover { + text-decoration: none; + color: white; + background-color: #D04646 +} +.panel-watchlist-add-button { + background-color: #4BE264; + box-shadow: 0px 2px 0px #39a84b; + position: absolute; + border-radius: 3px; + z-index: 9999px; + color: white; + padding: 8px 13px 6px 13px; + right: 0; + margin-top: -20px; + margin-right: -10px +} +.panel-watchlist-add-button:hover { + text-decoration: none; + color: white; + background-color: #3eb752 +} +.closed-important { + padding: 12px; + background-color: #f7f7f7; + border: 1px solid #e8e8e8 +} +.resume-link { + border: 1px solid #E7E7E7; + padding: 10px; + display: block; + margin-bottom: 18px; + border-radius: 5px +} +.edit-profile-uploader { + font-size: 12px !important; + margin-bottom: 7px; + padding: 6px 40px !important +} +.watchlist-centerblock h1 { + font-size: 40px; + color: #474747 +} +.watchlist-centerblock p { + margin-bottom: 0 +} +.watchlist-centerblock h2 { + font-size: 25px; + line-height: 30px; + color: #737373 +} +.watchlist-centerblock { + border: 1px solid #e8e8e8; + padding: 30px; + width: 600px; + margin: 0 auto; + border-radius: 5px +} +.job-application-h3 { + font-family: museo100 +} +.watchlist-button.full>a { + margin-top: 5px; + width: 100% +} +.jobspire-logo-small { + background-image: url(/assets/logo-075b9e677472afee391162bb6a1d2c7f.png); + height: 63px; + width: 220px; + margin-top: 25px; + background-size: cover; + display: block +} +.fixed-navbar-fix { + height: 50px; + margin: 0; + padding: 0 +} +.marginnavtop-app { + margin-top: 30px +} +.marginnavtop-app a { + font-family: "brandon", sans-serif; + color: black; + cursor: pointer +} +.marginnavtop-app a:hover { + background-color: transparent !important; + color: black; + border-radius: 5px +} +@media (min-width: 468px) { + .dropdown:hover .dropdown-menu, .dropdown.open .dropdown-menu { + display: block; + text-align: center; + margin-top: -10px; + border-radius: 0px; + box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.3) + } +} +fieldset .links a { + margin-bottom: 10px; + margin-top: 10px; + color: white; + border-radius: 3px; + clear: both; + background-color: #3dc795; + display: inline; + padding: 10px 20px +} +fieldset .links a:hover { + margin-bottom: 10px; + margin-top: 10px; + color: white; + border-radius: 3px; + clear: both; + background-color: #3dc795; + text-decoration: none; + opacity: 0.8; + filter: alpha(opacity=80); + display: inline; + padding: 10px 20px +} +.highlight a { + background-color: black !important +} +.removal { + float: right; + margin-top: 10px; + margin-bottom: -10px; + margin-right: 10px +} +.rm-rightbar .nested-fields { + overflow: auto; + margin-bottom: 20px; + border: 1px solid #EBEBEB; + box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1); + padding-bottom: 10px +} +.min-height-700 { + min-height: 750px +} +.no-right-padding { + padding-right: 10px +} +.rm-rightbar h3 { + color: #353535; + font-size: 44px; + font-family: 'museo100', sans-serif; + display: inline; + text-align: left; + text-transform: uppercase; + letter-spacing: -4px; + margin: 20px 0; + line-height: 60px +} +.rm-rightbar .h2-orange { + text-indent: 3px +} +.rm-rightbar label { + font-family: "museo100", sans-serif; + font-size: 17px; + color: #333333 +} +.btn-prev { + margin-top: 10px; + margin-bottom: 10px; + font-family: 'museo100', sans-serif; + background-color: #272727; + border: none; + margin-right: 5px; + float: right; + font-size: 18px; + color: white +} +.form-group { + margin: 20px 0 +} +.btn-next, .btn-finish { + font-size: 18px; + margin-top: 10px; + margin-bottom: 10px; + font-family: 'museo100', sans-serif; + border: none; + color: white; + float: right; + background-color: #ec6723 +} +.btn-next:hover { + background-color: #ec6723; + color: white; + opacity: 0.8; + filter: alpha(opacity=80) +} +.date label { + width: 100% +} +.basic-date .date select { + margin-top: 4px; + width: 31.2%; + float: left; + margin-left: 1%; + margin-right: 1% +} +.awards-date .date select { + margin-top: 4px; + width: 31.2%; + float: left; + margin-right: 2% +} +.text textarea { + height: 150px +} +.text-block { + height: 300px +} +.btn-prev:hover { + background-color: #272727; + color: white; + opacity: 0.8; + filter: alpha(opacity=80) +} +.rm-leftbar { + list-style-type: none; + font-family: 'museo100', sans-serif; + font-size: 19px; + background-color: #111111; + text-align: right; + border-radius: 10px 0 10px 0; + color: #e6e6e6; + padding: 20px 0px +} +.rm-leftbar li { + border-bottom: 1px solid #212121; + padding-right: 10px; + cursor: pointer +} +.rm-leftbar li.active { + background-image: url(/assets/resume-slash-e6f23cc48283ff535530c6945121122b.png); + background-repeat: no-repeat; + color: black; + background-position: 23px 0px +} +.reset-col6-padding-right { + padding-right: 0px +} +.reset-col6-padding-left { + padding-left: 0px +} +.help-block { + font-size: 15px +} +.glyphicon-calendar { + padding: 8px 8px +} +.dshadow { + text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5) +} +::-webkit-input-placeholder { + color: #909b9e !important; + font-family: "museo100", sans-serif; + font-size: 17px +} +:-moz-placeholder { + color: #909b9e !important; + font-family: "museo100", sans-serif; + font-size: 17px +} +::-moz-placeholder { + color: #909b9e !important; + font-family: "museo100", sans-serif; + font-size: 17px +} +:-ms-input-placeholder { + color: #909b9e !important; + font-family: "museo100", sans-serif; + font-size: 17px +} +.bars-bigger { + font-size: 30px !important; + color: #52789d; + padding: 20px; + margin-bottom: 20px +} +.bars-bigger:focus { + text-decoration: none +} +.bars-bigger:visited { + text-decoration: none +} +h5 { + font-family: "museo100", sans-serif; + font-size: 24px; + color: #CF7B35 +} +.circle-border { + display: inline-block; + width: 30px; + height: 30px; + border-radius: 15px; + color: white; + font-size: 20px; + line-height: 30px; + margin-right: 9px; + text-align: center; + background: #343434 +} +.task-incomplete { + background: #6EACE9 +} +.task-complete { + background: #45B37D +} +.remove_fields { + position: absolute; + top: 10px; + color: white; + border-radius: 4px; + padding: 3px 8px; + background-color: #ef766c; + right: 10px +} +.share-on a { + font-size: 30px; + color: #9B9B9B; + margin-right: 20px +} +.block-border .nested-fields { + position: relative; + border: 1px solid #e8e8e8; + width: 32%; + margin-right: 1%; + padding: 10px; + float: left; + border-radius: 4px +} +.inputs-p { + margin-top: -28px; + color: #909b9e; + font-size: 17px; + margin-bottom: 10px +} +.fa-calendar { + padding-bottom: 9px +} +.new-job .control-label { + font-size: 16px; + font-family: "museo100", sans-serif; + margin: 10px 0 +} +.new-job h3 { + font-family: "museo300", sans-serif +} +.new-job .job_is_active label, .new-job .job_allow_referrals label { + font-size: 20px; + font-family: "museo300", sans-serif; + text-shadow: none +} +.new-job .checkbox { + text-align: center +} +.new-job .btn-success.outline:hover { + background: none; + padding: 6px 10px +} +.new-job .remove_fields { + position: inherit; + padding: 2px 10px; + border-radius: 3px +} +.left-navbar label { + font-size: 20px; + font-family: "museo300", sans-serif; + margin: 10px 0 +} +.left-navbar .form-control { + padding-top: 7px; + font-size: 17px; + height: 45px +} +.sidebar-header { + font-family: "museo300", sans-serif +} +.sidebar-nav { + list-style-type: none; + margin: 30px 0px; + padding: 0 +} +.sidebar-nav i { + opacity: 0.7; + filter: alpha(opacity=70); + margin-right: 4px; + font-size: 13px; + text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.4) +} +ul.logout { + list-style-type: none; + margin: 0; + padding: 0; + text-align: center +} +ul.logout li { + margin-top: 5px; + text-align: center +} +ul.logout i { + margin-right: 4px +} +ul.logout li a { + font-size: 14px; + color: #a7a9ab +} +ul.logout li a:hover { + color: #C3C6C8; + text-decoration: none +} +.sidebar-nav li:last-child { + border-bottom: 1px solid #313234 +} +.sidebar-nav li a { + padding-left: 40px; + text-transform: uppercase; + font-size: 17px; + display: block; + font-family: "museo100", sans-serif; + line-height: 60px; + background-color: rgba(0, 0, 0, 0.15); + border-top: 1px solid #313234; + color: #D3D4D5 +} +.sidebar-nav li a:hover { + text-decoration: none; + background-color: rgba(0, 0, 0, 0.3) +} +.special_post { + color: white !important; + border-top: 1px solid #45B37D !important; + border-bottom: 1px solid #45B37D !important; + background-color: #13915C !important +} +.companyname { + font-size: 30px; + color: white; + margin-top: 10px +} +.dash-logo { + margin: 100px auto 20px auto +} +.dash-logo img { + margin: 0 auto; + display: block +} +.headeremail { + text-align: center; + font-size: 14px; + color: #a7a9ab +} +.sub-header { + padding-bottom: 10px; + border-bottom: 1px solid #eee +} +.navbar-fixed-top { + border: 0 +} +.add_fields { + color: white; + background-color: grey; + border-radius: 3px; + padding: 5px; + width: 150px; + margin: 20px 0 +} +.nav-sidebar { + margin-right: -21px; + margin-bottom: 20px; + margin-left: -20px +} +.nav-sidebar>li>a { + padding-right: 20px; + padding-left: 20px +} +.nav-sidebar>.active>a, .nav-sidebar>.active>a:hover, .nav-sidebar>.active>a:focus { + color: #fff; + background-color: #428bca +} +.centerblock h1 { + font-size: 40px; + color: #474747 +} +.centerblock h2 { + font-size: 25px; + line-height: 30px; + color: #737373 +} +.centerblock { + border: 1px solid #e8e8e8; + padding: 30px; + width: 600px; + margin: 0 auto; + margin-top: 15%; + border-radius: 5px +} +.main { + padding: 30px +} +@media (min-width: 768px) { + .main { + padding-right: 40px; + padding-left: 70px + } +} +.main .page-header { + margin-top: 0 +} +.placeholders { + margin-bottom: 30px; + text-align: center +} +.placeholders h4 { + margin-bottom: 0 +} +.placeholder { + margin-bottom: 20px +} +.placeholder img { + display: inline-block; + border-radius: 50% +} +.modal-form-labels { + text-align: left +} +.hiringteam th { + font-family: "museo300", sans-serif; + font-size: 25px +} +.hiringteam td { + font-family: "museo300", sans-serif; + font-size: 17px +} +.hiringteam .actions { + width: 300px +} +.edit-team-member-button, .edit-team-member-button:visited { + background-color: #484E54; + border-radius: 3px; + color: white; + padding: 4px 20px 4px 20px +} +.edit-team-member-button:hover { + text-decoration: none; + color: white; + opacity: 0.9 +} +.active { + background-color: white !important; + color: #484E54 !important +} +.image_replace { + height: 200px; + margin: 0 auto +} +input[type=file] { + line-height: 0px; + margin-top: 10px; + font-family: "museo300", sans-serif +} +.progress-style { + margin-top: 20px +} +.btn { + font-family: "museo100" +} +.checklist { + font-size: 22px +} +.pad-left-small { + margin-left: 310px; + margin-top: 30px +} +.btn-block { + width: 90%; + margin: 0 auto +} +.top-60 { + margin-top: 80px +} +@media (min-width: 768px) { + .sidebar { + position: fixed; + top: 0px; + bottom: 0; + left: 0; + width: 280px; + z-index: 1000; + display: block; + padding: 20px 0 20px 0; + overflow-x: hidden; + overflow-y: auto; + background-color: #484E54 + } +} +@media screen and (max-width: 1080px) { + .centerblock { + width: 80%; + padding: 30px 5px + } + .sidebar { + width: auto + } + .sidebar-nav li a { + padding-left: 20px; + padding-right: 20px + } + .pad-left-small { + margin-left: 25%; + padding-left: 0% + } + .top-60 { + margin-top: 0px + } +} +@media screen and (min-width: 768px) and (max-width: 920px) { + .pad-left-small { + margin-left: 25%; + padding-left: 5% + } +} +.bars-bigger { + display: none !important +} +@media screen and (max-width: 768px) { + .bars-bigger { + display: block !important + } + .sidebar { + width: 0; + overflow: hidden; + position: fixed; + padding: 0; + -webkit-transition: all 0.7s, -webkit-transform 0.7s; + transition: all 0.7s, transform 0.7s; + background-color: #484E54; + z-index: 10 + } + .sidebar li { + white-space: nowrap + } + .sidebar.in { + width: 245px; + overflow: auto + } + .pad-left-small { + margin-left: 0; + padding-left: 4% + } +} +.nested-fields { + position: relative +} +.stargrey { + font-size: 30px !important; + display: block; + width: 100%; + text-align: center; + color: darkgrey; + margin-top: 43px +} +.asking-for { + color: #737373 +} +.degreesub { + margin: 0; + line-height: 20px; + padding: 2px 5px; + margin-bottom: 5px; + margin-top: 3px; + display: inline-block; + border-radius: 4px; + font-size: 14px +} +.apanel-body { + background-color: #e7e7e7; + padding: 20px !important; + border-radius: 5px; + margin-bottom: 10px +} +.apanel-body a { + text-transform: uppercase +} +.inbox-header { + color: black; + font-family: "museo100"; + font-size: 38px; + margin-bottom: 0px; + display: block +} +.inbox-subheader { + margin-bottom: 15px; + font-size: 17px +} +.white-bg { + height: 121px; + padding-bottom: 10px; + overflow: hidden +} +.white-bg.open { + height: auto +} +.card:nth-of-type(odd) { + background-color: #eaebec +} +.degreemain { + font-size: 15px; + margin: 0 +} +.grey-bg { + min-height: 700px; + padding-top: 15px; + padding-bottom: 15px; + border-radius: 5px; + overflow: auto +} +.index-card { + margin-bottom: 10px !important +} +.index-card.open { + background: #ddd +} +.inbox-title { + margin-top: 0 +} +.giant-number { + font-size: 4em; + display: block; + margin: 0 auto; + line-height: 1 +} +.below-number { + font-weight: bolder +} +.hidden-applications { + display: none +} +#filter .form-group { + margin: 5px 0 +} +#filter .filter-block .panel-body { + padding: 0 +} +.index-card { + box-shadow: 0px 3px 2px #DFDFDF; + margin-bottom: 30px +} +.index-card h3 { + margin-top: 0 +} +.index-card p { + font-size: 13px +} +.no-padding { + padding-left: 0; + padding-right: 0 +} +.map-hint { + padding: 5px 0px; + background-color: #636363; + color: white; + font-family: "museo100", sans-serif +} +#map { + height: 250px +} +.twitter-typeahead { + width: 100% +} +.firstHeading { + color: #0E77E9 +} +#notification div { + position: fixed; + bottom: 0; + height: 50px; + border: none; + z-index: 99999; + width: 100% +} +#notification>div.error { + background-color: #CB4242 +} +#notification>div.notice { + background-color: #11AE78 +} +#notification>div.info { + background-color: #0099cc +} +#notification>div { + font: 16px "museo300", Arial, Helvetica, sans-serif; + line-height: 16px; + background-color: rgba(240, 240, 240, 0.5); + font-weight: 700; + margin-top: 4px; + padding: 15px 8px 15px 8px; + color: #fff; + text-align: center; + overflow: hidden +} +#notification>div a { + margin-right: 20px; + color: rgba(255, 255, 255, 0.7); + cursor: pointer; + display: inline; + font-size: 20px; + float: right; + text-decoration: none +} +.post-sign-in { + display: none +} +.during-upload { + display: none +} +.post-upload { + display: none +} +#signinButton { + display: block +} +.filter-block .panel { + background-color: white; + border-radius: 0px; + box-shadow: none; + border: none +} +.filter-block .panel .panel-body { + font-size: 13px; + font-family: "brandon", sans-serif +} +.filter-block .panel .form-control { + height: 38px; + box-shadow: none; + border-radius: 0 +} +.filter-block .panel select { + border-radius: 0 +} +.pull-right-button .btn { + float: right; + margin-left: 5px +} +@media (max-width: 768px) { + .navbar-toggle .icon-bar { + background: #ccc + } + .navbar-collapse { + position: fixed !important; + left: 0; + top: 0; + bottom: 0; + padding: 0; + width: 0; + overflow: hidden; + height: 100%; + display: block; + background: #333; + margin-left: 0 !important; + margin-right: 0 !important; + -webkit-transition: all 0.7s, -webkit-transform 0.7s; + transition: all 0.7s, transform 0.7s; + max-height: none !important + } + .navbar-collapse li { + height: 32px; + white-space: nowrap + } + .navbar-collapse a { + color: white !important + } + .navbar-collapse.in { + width: 50%; + padding-left: 15px; + padding-right: 15px; + overflow: auto + } +} +#nprogress { + pointer-events: none +} +#nprogress .bar { + background: #ed6722; + position: fixed; + z-index: 100; + top: 0; + left: 0; + width: 100%; + height: 2px +} +#nprogress .peg { + display: block; + position: absolute; + right: 0px; + width: 100px; + height: 100%; + box-shadow: 0 0 10px #ed6722, 0 0 5px #ed6722; + opacity: 1.0; + -webkit-transform: rotate(3deg) translate(0px, -4px); + -ms-transform: rotate(3deg) translate(0px, -4px); + transform: rotate(3deg) translate(0px, -4px) +} +#nprogress .spinner { + display: block; + position: fixed; + z-index: 100; + top: 15px; + right: 15px +} +#nprogress .spinner-icon { + width: 18px; + height: 18px; + box-sizing: border-box; + border: solid 2px transparent; + border-top-color: #ed6722; + border-left-color: #ed6722; + 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% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg) + } + 100% { + -webkit-transform: rotate(360deg); + transform: rotate(360deg) + } +} +#nprogress .bar, #nprogress .spinner { + z-index: 999999 +} +.spinner-icon { + width: 20px !important; + height: 20px !important +} +::-moz-selection { + color: white; + background: orange +} +::selection { + color: white; + background: orange +} +.orange-end { + background: orange; + text-align: center +} +.orange-end h3 { + padding: 30px 10px; + color: white; + font-size: 30px; + margin: 0 +} +.orange-end h3 a, .orange-end h3 a:hover, .orange-end h3 a:visited { + border-bottom: 2px solid #fff; + color: white +} diff --git a/tests/styles--medium.css b/tests/styles--medium.css new file mode 100644 index 0000000..c7eda1f --- /dev/null +++ b/tests/styles--medium.css @@ -0,0 +1,3023 @@ +/** + * Test for a 160KB stylesheet + */ +@charset "utf-8"; + +html { + font-family: sans-serif; + -ms-text-size-adjust: 100%; + -webkit-text-size-adjust: 100% +} +body { + margin: 0 +} +article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { + display: block +} +audio, canvas, progress, video { + display: inline-block; + vertical-align: baseline +} +audio:not([controls]) { + display: none; + height: 0 +} +[hidden], template { + display: none +} +a { + background: transparent +} +a:active, a:hover { + outline: 0 +} +abbr[title] { + border-bottom: 1px dotted +} +b, strong { + font-weight: bold +} +dfn { + font-style: italic +} +h1 { + font-size: 2em; + margin: 0.67em 0 +} +mark { + background: #ff0; + color: #000 +} +small { + font-size: 80% +} +sub, sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline +} +sup { + top: -0.5em +} +sub { + bottom: -0.25em +} +img { + border: 0 +} +svg:not(:root) { + overflow: hidden +} +figure { + margin: 1em 40px +} +hr { + box-sizing: content-box; + height: 0 +} +pre { + overflow: auto +} +code, kbd, pre, samp { + font-family: monospace, monospace; + font-size: 1em +} +button, input, optgroup, select, textarea { + color: inherit; + font: inherit; + margin: 0 +} +button { + overflow: visible +} +button, select { + text-transform: none +} +button, html input[type="button"], input[type="reset"], input[type="submit"] { + -webkit-appearance: button; + cursor: pointer +} +button[disabled], html input[disabled] { + cursor: default +} +button::-moz-focus-inner, input::-moz-focus-inner { + border: 0; + padding: 0 +} +input { + line-height: normal +} +input[type="checkbox"], input[type="radio"] { + box-sizing: border-box; + padding: 0 +} +input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { + height: auto +} +input[type="search"] { + -webkit-appearance: textfield; + box-sizing: content-box +} +input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { + -webkit-appearance: none +} +fieldset { + border: 1px solid #c0c0c0; + margin: 0 2px; + padding: 0.35em 0.625em 0.75em +} +legend { + border: 0; + padding: 0 +} +textarea { + overflow: auto +} +optgroup { + font-weight: bold +} +table { + border-collapse: collapse; + border-spacing: 0 +} +td, th { + padding: 0 +} +@media print { + * { + text-shadow: none!important; + color: #000!important; + background: transparent!important; + box-shadow: none!important + } + a, a:visited { + text-decoration: underline + } + a[href]:after { + content: " (" attr(href) ")" + } + abbr[title]:after { + content: " (" attr(title) ")" + } + a[href^="javascript:"]:after, a[href^="#"]:after { + content: "" + } + pre, blockquote { + border: 1px solid #999; + page-break-inside: avoid + } + thead { + display: table-header-group + } + tr, img { + page-break-inside: avoid + } + img { + max-width: 100%!important + } + p, h2, h3 { + orphans: 3; + widows: 3 + } + h2, h3 { + page-break-after: avoid + } + select { + background: #fff!important + } + .navbar { + display: none + } + .table td, .table th { + background-color: #fff!important + } + .btn>.caret, .dropup>.btn>.caret { + border-top-color: #000!important + } + .label { + border: 1px solid #000 + } + .table { + border-collapse: collapse!important + } + .table-bordered th, .table-bordered td { + border: 1px solid #ddd!important + } +} +.glyphicon { + position: relative; + top: 1px; + display: inline-block; + font-family: 'Glyphicons Halflings'; + font-style: normal; + font-weight: normal; + line-height: 1; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale +} +.glyphicon-asterisk:before { + content: "\2a" +} +.glyphicon-plus:before { + content: "\2b" +} +.glyphicon-euro:before { + content: "\20ac" +} +.glyphicon-minus:before { + content: "\2212" +} +.glyphicon-cloud:before { + content: "\2601" +} +.glyphicon-envelope:before { + content: "\2709" +} +.glyphicon-pencil:before { + content: "\270f" +} +.glyphicon-glass:before { + content: "\e001" +} +.glyphicon-music:before { + content: "\e002" +} +.glyphicon-search:before { + content: "\e003" +} +.glyphicon-heart:before { + content: "\e005" +} +.glyphicon-star:before { + content: "\e006" +} +.glyphicon-star-empty:before { + content: "\e007" +} +.glyphicon-user:before { + content: "\e008" +} +.glyphicon-film:before { + content: "\e009" +} +.glyphicon-th-large:before { + content: "\e010" +} +.glyphicon-th:before { + content: "\e011" +} +.glyphicon-th-list:before { + content: "\e012" +} +.glyphicon-ok:before { + content: "\e013" +} +.glyphicon-remove:before { + content: "\e014" +} +.glyphicon-zoom-in:before { + content: "\e015" +} +.glyphicon-zoom-out:before { + content: "\e016" +} +.glyphicon-off:before { + content: "\e017" +} +.glyphicon-signal:before { + content: "\e018" +} +.glyphicon-cog:before { + content: "\e019" +} +.glyphicon-trash:before { + content: "\e020" +} +.glyphicon-home:before { + content: "\e021" +} +.glyphicon-file:before { + content: "\e022" +} +.glyphicon-time:before { + content: "\e023" +} +.glyphicon-road:before { + content: "\e024" +} +.glyphicon-download-alt:before { + content: "\e025" +} +.glyphicon-download:before { + content: "\e026" +} +.glyphicon-upload:before { + content: "\e027" +} +.glyphicon-inbox:before { + content: "\e028" +} +.glyphicon-play-circle:before { + content: "\e029" +} +.glyphicon-repeat:before { + content: "\e030" +} +.glyphicon-refresh:before { + content: "\e031" +} +.glyphicon-list-alt:before { + content: "\e032" +} +.glyphicon-lock:before { + content: "\e033" +} +.glyphicon-flag:before { + content: "\e034" +} +.glyphicon-headphones:before { + content: "\e035" +} +.glyphicon-volume-off:before { + content: "\e036" +} +.glyphicon-volume-down:before { + content: "\e037" +} +.glyphicon-volume-up:before { + content: "\e038" +} +.glyphicon-qrcode:before { + content: "\e039" +} +.glyphicon-barcode:before { + content: "\e040" +} +.glyphicon-tag:before { + content: "\e041" +} +.glyphicon-tags:before { + content: "\e042" +} +.glyphicon-book:before { + content: "\e043" +} +.glyphicon-bookmark:before { + content: "\e044" +} +.glyphicon-print:before { + content: "\e045" +} +.glyphicon-camera:before { + content: "\e046" +} +.glyphicon-font:before { + content: "\e047" +} +.glyphicon-bold:before { + content: "\e048" +} +.glyphicon-italic:before { + content: "\e049" +} +.glyphicon-text-height:before { + content: "\e050" +} +.glyphicon-text-width:before { + content: "\e051" +} +.glyphicon-align-left:before { + content: "\e052" +} +.glyphicon-align-center:before { + content: "\e053" +} +.glyphicon-align-right:before { + content: "\e054" +} +.glyphicon-align-justify:before { + content: "\e055" +} +.glyphicon-list:before { + content: "\e056" +} +.glyphicon-indent-left:before { + content: "\e057" +} +.glyphicon-indent-right:before { + content: "\e058" +} +.glyphicon-facetime-video:before { + content: "\e059" +} +.glyphicon-picture:before { + content: "\e060" +} +.glyphicon-map-marker:before { + content: "\e062" +} +.glyphicon-adjust:before { + content: "\e063" +} +.glyphicon-tint:before { + content: "\e064" +} +.glyphicon-edit:before { + content: "\e065" +} +.glyphicon-share:before { + content: "\e066" +} +.glyphicon-check:before { + content: "\e067" +} +.glyphicon-move:before { + content: "\e068" +} +.glyphicon-step-backward:before { + content: "\e069" +} +.glyphicon-fast-backward:before { + content: "\e070" +} +.glyphicon-backward:before { + content: "\e071" +} +.glyphicon-play:before { + content: "\e072" +} +.glyphicon-pause:before { + content: "\e073" +} +.glyphicon-stop:before { + content: "\e074" +} +.glyphicon-forward:before { + content: "\e075" +} +.glyphicon-fast-forward:before { + content: "\e076" +} +.glyphicon-step-forward:before { + content: "\e077" +} +.glyphicon-eject:before { + content: "\e078" +} +.glyphicon-chevron-left:before { + content: "\e079" +} +.glyphicon-chevron-right:before { + content: "\e080" +} +.glyphicon-plus-sign:before { + content: "\e081" +} +.glyphicon-minus-sign:before { + content: "\e082" +} +.glyphicon-remove-sign:before { + content: "\e083" +} +.glyphicon-ok-sign:before { + content: "\e084" +} +.glyphicon-question-sign:before { + content: "\e085" +} +.glyphicon-info-sign:before { + content: "\e086" +} +.glyphicon-screenshot:before { + content: "\e087" +} +.glyphicon-remove-circle:before { + content: "\e088" +} +.glyphicon-ok-circle:before { + content: "\e089" +} +.glyphicon-ban-circle:before { + content: "\e090" +} +.glyphicon-arrow-left:before { + content: "\e091" +} +.glyphicon-arrow-right:before { + content: "\e092" +} +.glyphicon-arrow-up:before { + content: "\e093" +} +.glyphicon-arrow-down:before { + content: "\e094" +} +.glyphicon-share-alt:before { + content: "\e095" +} +.glyphicon-resize-full:before { + content: "\e096" +} +.glyphicon-resize-small:before { + content: "\e097" +} +.glyphicon-exclamation-sign:before { + content: "\e101" +} +.glyphicon-gift:before { + content: "\e102" +} +.glyphicon-leaf:before { + content: "\e103" +} +.glyphicon-fire:before { + content: "\e104" +} +.glyphicon-eye-open:before { + content: "\e105" +} +.glyphicon-eye-close:before { + content: "\e106" +} +.glyphicon-warning-sign:before { + content: "\e107" +} +.glyphicon-plane:before { + content: "\e108" +} +.glyphicon-calendar:before { + content: "\e109" +} +.glyphicon-random:before { + content: "\e110" +} +.glyphicon-comment:before { + content: "\e111" +} +.glyphicon-magnet:before { + content: "\e112" +} +.glyphicon-chevron-up:before { + content: "\e113" +} +.glyphicon-chevron-down:before { + content: "\e114" +} +.glyphicon-retweet:before { + content: "\e115" +} +.glyphicon-shopping-cart:before { + content: "\e116" +} +.glyphicon-folder-close:before { + content: "\e117" +} +.glyphicon-folder-open:before { + content: "\e118" +} +.glyphicon-resize-vertical:before { + content: "\e119" +} +.glyphicon-resize-horizontal:before { + content: "\e120" +} +.glyphicon-hdd:before { + content: "\e121" +} +.glyphicon-bullhorn:before { + content: "\e122" +} +.glyphicon-bell:before { + content: "\e123" +} +.glyphicon-certificate:before { + content: "\e124" +} +.glyphicon-thumbs-up:before { + content: "\e125" +} +.glyphicon-thumbs-down:before { + content: "\e126" +} +.glyphicon-hand-right:before { + content: "\e127" +} +.glyphicon-hand-left:before { + content: "\e128" +} +.glyphicon-hand-up:before { + content: "\e129" +} +.glyphicon-hand-down:before { + content: "\e130" +} +.glyphicon-circle-arrow-right:before { + content: "\e131" +} +.glyphicon-circle-arrow-left:before { + content: "\e132" +} +.glyphicon-circle-arrow-up:before { + content: "\e133" +} +.glyphicon-circle-arrow-down:before { + content: "\e134" +} +.glyphicon-globe:before { + content: "\e135" +} +.glyphicon-wrench:before { + content: "\e136" +} +.glyphicon-tasks:before { + content: "\e137" +} +.glyphicon-filter:before { + content: "\e138" +} +.glyphicon-briefcase:before { + content: "\e139" +} +.glyphicon-fullscreen:before { + content: "\e140" +} +.glyphicon-dashboard:before { + content: "\e141" +} +.glyphicon-paperclip:before { + content: "\e142" +} +.glyphicon-heart-empty:before { + content: "\e143" +} +.glyphicon-link:before { + content: "\e144" +} +.glyphicon-phone:before { + content: "\e145" +} +.glyphicon-pushpin:before { + content: "\e146" +} +.glyphicon-usd:before { + content: "\e148" +} +.glyphicon-gbp:before { + content: "\e149" +} +.glyphicon-sort:before { + content: "\e150" +} +.glyphicon-sort-by-alphabet:before { + content: "\e151" +} +.glyphicon-sort-by-alphabet-alt:before { + content: "\e152" +} +.glyphicon-sort-by-order:before { + content: "\e153" +} +.glyphicon-sort-by-order-alt:before { + content: "\e154" +} +.glyphicon-sort-by-attributes:before { + content: "\e155" +} +.glyphicon-sort-by-attributes-alt:before { + content: "\e156" +} +.glyphicon-unchecked:before { + content: "\e157" +} +.glyphicon-expand:before { + content: "\e158" +} +.glyphicon-collapse-down:before { + content: "\e159" +} +.glyphicon-collapse-up:before { + content: "\e160" +} +.glyphicon-log-in:before { + content: "\e161" +} +.glyphicon-flash:before { + content: "\e162" +} +.glyphicon-log-out:before { + content: "\e163" +} +.glyphicon-new-window:before { + content: "\e164" +} +.glyphicon-record:before { + content: "\e165" +} +.glyphicon-save:before { + content: "\e166" +} +.glyphicon-open:before { + content: "\e167" +} +.glyphicon-saved:before { + content: "\e168" +} +.glyphicon-import:before { + content: "\e169" +} +.glyphicon-export:before { + content: "\e170" +} +.glyphicon-send:before { + content: "\e171" +} +.glyphicon-floppy-disk:before { + content: "\e172" +} +.glyphicon-floppy-saved:before { + content: "\e173" +} +.glyphicon-floppy-remove:before { + content: "\e174" +} +.glyphicon-floppy-save:before { + content: "\e175" +} +.glyphicon-floppy-open:before { + content: "\e176" +} +.glyphicon-credit-card:before { + content: "\e177" +} +.glyphicon-transfer:before { + content: "\e178" +} +.glyphicon-cutlery:before { + content: "\e179" +} +.glyphicon-header:before { + content: "\e180" +} +.glyphicon-compressed:before { + content: "\e181" +} +.glyphicon-earphone:before { + content: "\e182" +} +.glyphicon-phone-alt:before { + content: "\e183" +} +.glyphicon-tower:before { + content: "\e184" +} +.glyphicon-stats:before { + content: "\e185" +} +.glyphicon-sd-video:before { + content: "\e186" +} +.glyphicon-hd-video:before { + content: "\e187" +} +.glyphicon-subtitles:before { + content: "\e188" +} +.glyphicon-sound-stereo:before { + content: "\e189" +} +.glyphicon-sound-dolby:before { + content: "\e190" +} +.glyphicon-sound-5-1:before { + content: "\e191" +} +.glyphicon-sound-6-1:before { + content: "\e192" +} +.glyphicon-sound-7-1:before { + content: "\e193" +} +.glyphicon-copyright-mark:before { + content: "\e194" +} +.glyphicon-registration-mark:before { + content: "\e195" +} +.glyphicon-cloud-download:before { + content: "\e197" +} +.glyphicon-cloud-upload:before { + content: "\e198" +} +.glyphicon-tree-conifer:before { + content: "\e199" +} +.glyphicon-tree-deciduous:before { + content: "\e200" +} +* { + box-sizing: border-box +} +*:before, *:after { + box-sizing: border-box +} +html { + font-size: 10px; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0) +} +body { + font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; + font-size: 14px; + line-height: 1.428571429; + color: #333333; + background-color: white +} +input, button, select, textarea { + font-family: inherit; + font-size: inherit; + line-height: inherit +} +a { + color: #428bca; + text-decoration: none +} +a:hover, a:focus { + color: #2a6496; + text-decoration: underline +} +a:focus { + outline: thin dotted; + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px +} +figure { + margin: 0 +} +img { + vertical-align: middle +} +.img-responsive { + display: block; + width: 100% \9; + max-width: 100%; + height: auto +} +.img-rounded { + border-radius: 6px +} +.img-thumbnail { + padding: 4px; + line-height: 1.428571429; + background-color: white; + border: 1px solid #dddddd; + border-radius: 4px; + -webkit-transition: all 0.2s ease-in-out; + transition: all 0.2s ease-in-out; + display: inline-block; + width: 100% \9; + max-width: 100%; + height: auto +} +.img-circle { + border-radius: 50% +} +hr { + margin-top: 20px; + margin-bottom: 20px; + border: 0; + border-top: 1px solid #eeeeee +} +.sr-only { + position: absolute; + width: 1px; + height: 1px; + margin: -1px; + padding: 0; + overflow: hidden; + clip: rect(0, 0, 0, 0); + border: 0 +} +.sr-only-focusable:active, .sr-only-focusable:focus { + position: static; + width: auto; + height: auto; + margin: 0; + overflow: visible; + clip: auto +} +h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { + font-family: inherit; + font-weight: 500; + line-height: 1.1; + 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: normal; + line-height: 1; + color: #777777 +} +h1, .h1, h2, .h2, h3, .h3 { + margin-top: 20px; + margin-bottom: 10px +} +h1 small, h1 .small, .h1 small, .h1 .small, h2 small, h2 .small, .h2 small, .h2 .small, h3 small, h3 .small, .h3 small, .h3 .small { + font-size: 65% +} +h4, .h4, h5, .h5, h6, .h6 { + margin-top: 10px; + margin-bottom: 10px +} +h4 small, h4 .small, .h4 small, .h4 .small, h5 small, h5 .small, .h5 small, .h5 .small, h6 small, h6 .small, .h6 small, .h6 .small { + font-size: 75% +} +h1, .h1 { + font-size: 36px +} +h2, .h2 { + font-size: 30px +} +h3, .h3 { + font-size: 24px +} +h4, .h4 { + font-size: 18px +} +h5, .h5 { + font-size: 14px +} +h6, .h6 { + font-size: 12px +} +p { + margin: 0 0 10px +} +.lead { + margin-bottom: 20px; + font-size: 16px; + font-weight: 300; + line-height: 1.4 +} +@media (min-width: 768px) { + .lead { + font-size: 21px + } +} +small, .small { + font-size: 85% +} +cite { + font-style: normal +} +mark, .mark { + background-color: #fcf8e3; + 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: #777777 +} +.text-primary { + color: #428bca +} +a.text-primary:hover { + color: #3071a9 +} +.text-success { + color: #3c763d +} +a.text-success:hover { + color: #2b542c +} +.text-info { + color: #31708f +} +a.text-info:hover { + color: #245269 +} +.text-warning { + color: #8a6d3b +} +a.text-warning:hover { + color: #66512c +} +.text-danger { + color: #a94442 +} +a.text-danger:hover { + color: #843534 +} +.bg-primary { + color: #fff +} +.bg-primary { + background-color: #428bca +} +a.bg-primary:hover { + background-color: #3071a9 +} +.bg-success { + background-color: #dff0d8 +} +a.bg-success:hover { + background-color: #c1e2b3 +} +.bg-info { + background-color: #d9edf7 +} +a.bg-info:hover { + background-color: #afd9ee +} +.bg-warning { + background-color: #fcf8e3 +} +a.bg-warning:hover { + background-color: #f7ecb5 +} +.bg-danger { + background-color: #f2dede +} +a.bg-danger:hover { + background-color: #e4b9b9 +} +.page-header { + padding-bottom: 9px; + margin: 40px 0 20px; + border-bottom: 1px solid #eeeeee +} +ul, ol { + margin-top: 0; + margin-bottom: 10px +} +ul ul, ul ol, ol ul, ol ol { + margin-bottom: 0 +} +.list-unstyled, .list-inline { + padding-left: 0; + list-style: none +} +.list-inline { + margin-left: -5px +} +.list-inline>li { + display: inline-block; + padding-left: 5px; + padding-right: 5px +} +dl { + margin-top: 0; + margin-bottom: 20px +} +dt, dd { + line-height: 1.428571429 +} +dt { + font-weight: bold +} +dd { + margin-left: 0 +} +.dl-horizontal dd:before, .dl-horizontal dd:after { + content: " "; + display: table +} +.dl-horizontal dd:after { + clear: both +} +abbr[title], abbr[data-original-title] { + cursor: help; + border-bottom: 1px dotted #777777 +} +.initialism { + font-size: 90%; + text-transform: uppercase +} +blockquote { + padding: 10px 20px; + margin: 0 0 20px; + font-size: 17.5px; + border-left: 5px solid #eeeeee +} +blockquote p:last-child, blockquote ul:last-child, blockquote ol:last-child { + margin-bottom: 0 +} +blockquote footer, blockquote small, blockquote .small { + display: block; + font-size: 80%; + line-height: 1.428571429; + color: #777777 +} +blockquote footer:before, blockquote small:before, blockquote .small:before { + content: '\2014 \00A0' +} +.blockquote-reverse, blockquote.pull-right { + padding-right: 15px; + padding-left: 0; + border-right: 5px solid #eeeeee; + border-left: 0; + text-align: right +} +.blockquote-reverse footer:before, .blockquote-reverse small:before, .blockquote-reverse .small:before, blockquote.pull-right footer:before, blockquote.pull-right small:before, blockquote.pull-right .small:before { + content: '' +} +.blockquote-reverse footer:after, .blockquote-reverse small:after, .blockquote-reverse .small:after, blockquote.pull-right footer:after, blockquote.pull-right small:after, blockquote.pull-right .small:after { + content: '\00A0 \2014' +} +blockquote:before, blockquote:after { + content: "" +} +address { + margin-bottom: 20px; + font-style: normal; + line-height: 1.428571429 +} +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: 4px +} +kbd { + padding: 2px 4px; + font-size: 90%; + color: white; + background-color: #333333; + border-radius: 3px; + box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25) +} +kbd kbd { + padding: 0; + font-size: 100%; + box-shadow: none +} +pre { + display: block; + padding: 9.5px; + margin: 0 0 10px; + font-size: 13px; + line-height: 1.428571429; + word-break: break-all; + word-wrap: break-word; + color: #333333; + background-color: whitesmoke; + border: 1px solid #cccccc; + border-radius: 4px +} +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: 15px; + padding-right: 15px +} +.container:before, .container:after { + content: " "; + display: table +} +.container:after { + clear: both +} +.container-fluid { + margin-right: auto; + margin-left: auto; + padding-left: 15px; + padding-right: 15px +} +.container-fluid:before, .container-fluid:after { + content: " "; + display: table +} +.container-fluid:after { + clear: both +} +.row { + margin-left: -15px; + margin-right: -15px +} +.row:before, .row:after { + content: " "; + display: table +} +.row:after { + clear: both +} +.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { + position: relative; + min-height: 1px; + padding-left: 15px; + padding-right: 15px +} +.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { + float: left +} +.col-xs-1 { + width: 8.3333333333% +} +.col-xs-2 { + width: 16.6666666667% +} +.col-xs-3 { + width: 25% +} +.col-xs-4 { + width: 33.3333333333% +} +.col-xs-5 { + width: 41.6666666667% +} +.col-xs-6 { + width: 50% +} +.col-xs-7 { + width: 58.3333333333% +} +.col-xs-8 { + width: 66.6666666667% +} +.col-xs-9 { + width: 75% +} +.col-xs-10 { + width: 83.3333333333% +} +.col-xs-11 { + width: 91.6666666667% +} +.col-xs-12 { + width: 100% +} +.col-xs-pull-0 { + right: auto +} +.col-xs-pull-1 { + right: 8.3333333333% +} +.col-xs-pull-2 { + right: 16.6666666667% +} +.col-xs-pull-3 { + right: 25% +} +.col-xs-pull-4 { + right: 33.3333333333% +} +.col-xs-pull-5 { + right: 41.6666666667% +} +.col-xs-pull-6 { + right: 50% +} +.col-xs-pull-7 { + right: 58.3333333333% +} +.col-xs-pull-8 { + right: 66.6666666667% +} +.col-xs-pull-9 { + right: 75% +} +.col-xs-pull-10 { + right: 83.3333333333% +} +.col-xs-pull-11 { + right: 91.6666666667% +} +.col-xs-pull-12 { + right: 100% +} +.col-xs-push-0 { + left: auto +} +.col-xs-push-1 { + left: 8.3333333333% +} +.col-xs-push-2 { + left: 16.6666666667% +} +.col-xs-push-3 { + left: 25% +} +.col-xs-push-4 { + left: 33.3333333333% +} +.col-xs-push-5 { + left: 41.6666666667% +} +.col-xs-push-6 { + left: 50% +} +.col-xs-push-7 { + left: 58.3333333333% +} +.col-xs-push-8 { + left: 66.6666666667% +} +.col-xs-push-9 { + left: 75% +} +.col-xs-push-10 { + left: 83.3333333333% +} +.col-xs-push-11 { + left: 91.6666666667% +} +.col-xs-push-12 { + left: 100% +} +.col-xs-offset-0 { + margin-left: 0% +} +.col-xs-offset-1 { + margin-left: 8.3333333333% +} +.col-xs-offset-2 { + margin-left: 16.6666666667% +} +.col-xs-offset-3 { + margin-left: 25% +} +.col-xs-offset-4 { + margin-left: 33.3333333333% +} +.col-xs-offset-5 { + margin-left: 41.6666666667% +} +.col-xs-offset-6 { + margin-left: 50% +} +.col-xs-offset-7 { + margin-left: 58.3333333333% +} +.col-xs-offset-8 { + margin-left: 66.6666666667% +} +.col-xs-offset-9 { + margin-left: 75% +} +.col-xs-offset-10 { + margin-left: 83.3333333333% +} +.col-xs-offset-11 { + margin-left: 91.6666666667% +} +.col-xs-offset-12 { + margin-left: 100% +} +table { + background-color: transparent +} +th { + text-align: left +} +.table { + width: 100%; + max-width: 100%; + margin-bottom: 20px +} +.table>thead>tr>th, .table>thead>tr>td, .table>tbody>tr>th, .table>tbody>tr>td, .table>tfoot>tr>th, .table>tfoot>tr>td { + padding: 8px; + line-height: 1.428571429; + vertical-align: top; + border-top: 1px solid #dddddd +} +.table>thead>tr>th { + vertical-align: bottom; + border-bottom: 2px solid #dddddd +} +.table>caption+thead>tr:first-child>th, .table>caption+thead>tr:first-child>td, .table>colgroup+thead>tr:first-child>th, .table>colgroup+thead>tr:first-child>td, .table>thead:first-child>tr:first-child>th, .table>thead:first-child>tr:first-child>td { + border-top: 0 +} +.table>tbody+tbody { + border-top: 2px solid #dddddd +} +.table .table { + background-color: white +} +.table-condensed>thead>tr>th, .table-condensed>thead>tr>td, .table-condensed>tbody>tr>th, .table-condensed>tbody>tr>td, .table-condensed>tfoot>tr>th, .table-condensed>tfoot>tr>td { + padding: 5px +} +.table-bordered { + border: 1px solid #dddddd +} +.table-bordered>thead>tr>th, .table-bordered>thead>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tbody>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>tfoot>tr>td { + border: 1px solid #dddddd +} +.table-bordered>thead>tr>th, .table-bordered>thead>tr>td { + border-bottom-width: 2px +} +.table-striped>tbody>tr:nth-child(odd)>td, .table-striped>tbody>tr:nth-child(odd)>th { + background-color: #f9f9f9 +} +.table-hover>tbody>tr:hover>td, .table-hover>tbody>tr:hover>th { + background-color: whitesmoke +} +table col[class*="col-"] { + position: static; + float: none; + display: table-column +} +table td[class*="col-"], table th[class*="col-"] { + position: static; + float: none; + display: table-cell +} +.table>thead>tr>td.active, .table>thead>tr>th.active, .table>thead>tr.active>td, .table>thead>tr.active>th, .table>tbody>tr>td.active, .table>tbody>tr>th.active, .table>tbody>tr.active>td, .table>tbody>tr.active>th, .table>tfoot>tr>td.active, .table>tfoot>tr>th.active, .table>tfoot>tr.active>td, .table>tfoot>tr.active>th { + background-color: whitesmoke +} +.table-hover>tbody>tr>td.active:hover, .table-hover>tbody>tr>th.active:hover, .table-hover>tbody>tr.active:hover>td, .table-hover>tbody>tr:hover>.active, .table-hover>tbody>tr.active:hover>th { + background-color: #e8e8e8 +} +.table>thead>tr>td.success, .table>thead>tr>th.success, .table>thead>tr.success>td, .table>thead>tr.success>th, .table>tbody>tr>td.success, .table>tbody>tr>th.success, .table>tbody>tr.success>td, .table>tbody>tr.success>th, .table>tfoot>tr>td.success, .table>tfoot>tr>th.success, .table>tfoot>tr.success>td, .table>tfoot>tr.success>th { + background-color: #dff0d8 +} +.table-hover>tbody>tr>td.success:hover, .table-hover>tbody>tr>th.success:hover, .table-hover>tbody>tr.success:hover>td, .table-hover>tbody>tr:hover>.success, .table-hover>tbody>tr.success:hover>th { + background-color: #d0e9c6 +} +.table>thead>tr>td.info, .table>thead>tr>th.info, .table>thead>tr.info>td, .table>thead>tr.info>th, .table>tbody>tr>td.info, .table>tbody>tr>th.info, .table>tbody>tr.info>td, .table>tbody>tr.info>th, .table>tfoot>tr>td.info, .table>tfoot>tr>th.info, .table>tfoot>tr.info>td, .table>tfoot>tr.info>th { + background-color: #d9edf7 +} +.table-hover>tbody>tr>td.info:hover, .table-hover>tbody>tr>th.info:hover, .table-hover>tbody>tr.info:hover>td, .table-hover>tbody>tr:hover>.info, .table-hover>tbody>tr.info:hover>th { + background-color: #c4e3f3 +} +.table>thead>tr>td.warning, .table>thead>tr>th.warning, .table>thead>tr.warning>td, .table>thead>tr.warning>th, .table>tbody>tr>td.warning, .table>tbody>tr>th.warning, .table>tbody>tr.warning>td, .table>tbody>tr.warning>th, .table>tfoot>tr>td.warning, .table>tfoot>tr>th.warning, .table>tfoot>tr.warning>td, .table>tfoot>tr.warning>th { + background-color: #fcf8e3 +} +.table-hover>tbody>tr>td.warning:hover, .table-hover>tbody>tr>th.warning:hover, .table-hover>tbody>tr.warning:hover>td, .table-hover>tbody>tr:hover>.warning, .table-hover>tbody>tr.warning:hover>th { + background-color: #faf2cc +} +.table>thead>tr>td.danger, .table>thead>tr>th.danger, .table>thead>tr.danger>td, .table>thead>tr.danger>th, .table>tbody>tr>td.danger, .table>tbody>tr>th.danger, .table>tbody>tr.danger>td, .table>tbody>tr.danger>th, .table>tfoot>tr>td.danger, .table>tfoot>tr>th.danger, .table>tfoot>tr.danger>td, .table>tfoot>tr.danger>th { + background-color: #f2dede +} +.table-hover>tbody>tr>td.danger:hover, .table-hover>tbody>tr>th.danger:hover, .table-hover>tbody>tr.danger:hover>td, .table-hover>tbody>tr:hover>.danger, .table-hover>tbody>tr.danger:hover>th { + background-color: #ebcccc +} +@media screen and (max-width: 767px) { + .table-responsive { + width: 100%; + margin-bottom: 15px; + overflow-y: hidden; + overflow-x: auto; + -ms-overflow-style: -ms-autohiding-scrollbar; + border: 1px solid #dddddd; + -webkit-overflow-scrolling: touch + } + .table-responsive>.table { + margin-bottom: 0 + } + .table-responsive>.table>thead>tr>th, .table-responsive>.table>thead>tr>td, .table-responsive>.table>tbody>tr>th, .table-responsive>.table>tbody>tr>td, .table-responsive>.table>tfoot>tr>th, .table-responsive>.table>tfoot>tr>td { + white-space: nowrap + } + .table-responsive>.table-bordered { + border: 0 + } + .table-responsive>.table-bordered>thead>tr>th:first-child, .table-responsive>.table-bordered>thead>tr>td:first-child, .table-responsive>.table-bordered>tbody>tr>th:first-child, .table-responsive>.table-bordered>tbody>tr>td:first-child, .table-responsive>.table-bordered>tfoot>tr>th:first-child, .table-responsive>.table-bordered>tfoot>tr>td:first-child { + border-left: 0 + } + .table-responsive>.table-bordered>thead>tr>th:last-child, .table-responsive>.table-bordered>thead>tr>td:last-child, .table-responsive>.table-bordered>tbody>tr>th:last-child, .table-responsive>.table-bordered>tbody>tr>td:last-child, .table-responsive>.table-bordered>tfoot>tr>th:last-child, .table-responsive>.table-bordered>tfoot>tr>td:last-child { + border-right: 0 + } + .table-responsive>.table-bordered>tbody>tr:last-child>th, .table-responsive>.table-bordered>tbody>tr:last-child>td, .table-responsive>.table-bordered>tfoot>tr:last-child>th, .table-responsive>.table-bordered>tfoot>tr:last-child>td { + border-bottom: 0 + } +} +fieldset { + padding: 0; + margin: 0; + border: 0; + min-width: 0 +} +legend { + display: block; + width: 100%; + padding: 0; + margin-bottom: 20px; + font-size: 21px; + line-height: inherit; + color: #333333; + border: 0; + border-bottom: 1px solid #e5e5e5 +} +label { + display: inline-block; + max-width: 100%; + margin-bottom: 5px; + font-weight: bold +} +input[type="search"] { + box-sizing: border-box +} +input[type="radio"], input[type="checkbox"] { + margin: 4px 0 0; + margin-top: 1px \9; + line-height: normal +} +input[type="file"] { + display: block +} +input[type="range"] { + display: block; + width: 100% +} +select[multiple], select[size] { + height: auto +} +input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus { + outline: thin dotted; + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px +} +output { + display: block; + padding-top: 7px; + font-size: 14px; + line-height: 1.428571429; + color: #555555 +} +.form-control { + display: block; + width: 100%; + height: 34px; + padding: 6px 12px; + font-size: 14px; + line-height: 1.428571429; + color: #555555; + background-color: white; + background-image: none; + border: 1px solid #cccccc; + border-radius: 4px; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; + transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s +} +.form-control:focus { + border-color: #66afe9; + outline: 0; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6) +} +.form-control::-moz-placeholder { + color: #777777; + opacity: 1 +} +.form-control:-ms-input-placeholder { + color: #777777 +} +.form-control::-webkit-input-placeholder { + color: #777777 +} +.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { + cursor: not-allowed; + background-color: #eeeeee; + opacity: 1 +} +textarea.form-control { + height: auto +} +input[type="search"] { + -webkit-appearance: none +} +input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] { + line-height: 34px; + line-height: 1.428571429 \0 +} +input[type="date"].input-sm, .form-horizontal .form-group-sm input[type="date"].form-control, .input-group-sm>input[type="date"].form-control, .input-group-sm>input[type="date"].input-group-addon, .input-group-sm>.input-group-btn>input[type="date"].btn, input[type="time"].input-sm, .form-horizontal .form-group-sm input[type="time"].form-control, .input-group-sm>input[type="time"].form-control, .input-group-sm>input[type="time"].input-group-addon, .input-group-sm>.input-group-btn>input[type="time"].btn, input[type="datetime-local"].input-sm, .form-horizontal .form-group-sm input[type="datetime-local"].form-control, .input-group-sm>input[type="datetime-local"].form-control, .input-group-sm>input[type="datetime-local"].input-group-addon, .input-group-sm>.input-group-btn>input[type="datetime-local"].btn, input[type="month"].input-sm, .form-horizontal .form-group-sm input[type="month"].form-control, .input-group-sm>input[type="month"].form-control, .input-group-sm>input[type="month"].input-group-addon, .input-group-sm>.input-group-btn>input[type="month"].btn { + line-height: 30px +} +input[type="date"].input-lg, .form-horizontal .form-group-lg input[type="date"].form-control, .input-group-lg>input[type="date"].form-control, .input-group-lg>input[type="date"].input-group-addon, .input-group-lg>.input-group-btn>input[type="date"].btn, input[type="time"].input-lg, .form-horizontal .form-group-lg input[type="time"].form-control, .input-group-lg>input[type="time"].form-control, .input-group-lg>input[type="time"].input-group-addon, .input-group-lg>.input-group-btn>input[type="time"].btn, input[type="datetime-local"].input-lg, .form-horizontal .form-group-lg input[type="datetime-local"].form-control, .input-group-lg>input[type="datetime-local"].form-control, .input-group-lg>input[type="datetime-local"].input-group-addon, .input-group-lg>.input-group-btn>input[type="datetime-local"].btn, input[type="month"].input-lg, .form-horizontal .form-group-lg input[type="month"].form-control, .input-group-lg>input[type="month"].form-control, .input-group-lg>input[type="month"].input-group-addon, .input-group-lg>.input-group-btn>input[type="month"].btn { + line-height: 46px +} +.form-group { + margin-bottom: 15px +} +.radio, .checkbox { + position: relative; + display: block; + min-height: 20px; + margin-top: 10px; + margin-bottom: 10px +} +.radio label, .checkbox label { + padding-left: 20px; + margin-bottom: 0; + font-weight: normal; + cursor: pointer +} +.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] { + position: absolute; + margin-left: -20px; + margin-top: 4px \9 +} +.radio+.radio, .checkbox+.checkbox { + margin-top: -5px +} +.radio-inline, .checkbox-inline { + display: inline-block; + padding-left: 20px; + margin-bottom: 0; + vertical-align: middle; + font-weight: normal; + cursor: pointer +} +.radio-inline+.radio-inline, .checkbox-inline+.checkbox-inline { + margin-top: 0; + margin-left: 10px +} +input[type="radio"][disabled], input[type="radio"].disabled, fieldset[disabled] input[type="radio"], input[type="checkbox"][disabled], input[type="checkbox"].disabled, fieldset[disabled] input[type="checkbox"] { + cursor: not-allowed +} +.radio-inline.disabled, fieldset[disabled] .radio-inline, .checkbox-inline.disabled, fieldset[disabled] .checkbox-inline { + cursor: not-allowed +} +.radio.disabled label, fieldset[disabled] .radio label, .checkbox.disabled label, fieldset[disabled] .checkbox label { + cursor: not-allowed +} +.form-control-static { + padding-top: 7px; + padding-bottom: 7px; + margin-bottom: 0 +} +.form-control-static.input-lg, .form-horizontal .form-group-lg .form-control-static.form-control, .input-group-lg>.form-control-static.form-control, .input-group-lg>.form-control-static.input-group-addon, .input-group-lg>.input-group-btn>.form-control-static.btn, .form-control-static.input-sm, .form-horizontal .form-group-sm .form-control-static.form-control, .input-group-sm>.form-control-static.form-control, .input-group-sm>.form-control-static.input-group-addon, .input-group-sm>.input-group-btn>.form-control-static.btn { + padding-left: 0; + padding-right: 0 +} +.input-sm, .form-horizontal .form-group-sm .form-control, .input-group-sm>.form-control, .input-group-sm>.input-group-addon, .input-group-sm>.input-group-btn>.btn { + height: 30px; + padding: 5px 10px; + font-size: 12px; + line-height: 1.5; + border-radius: 3px +} +select.input-sm, .form-horizontal .form-group-sm select.form-control, .input-group-sm>select.form-control, .input-group-sm>select.input-group-addon, .input-group-sm>.input-group-btn>select.btn { + height: 30px; + line-height: 30px +} +textarea.input-sm, .form-horizontal .form-group-sm textarea.form-control, .input-group-sm>textarea.form-control, .input-group-sm>textarea.input-group-addon, .input-group-sm>.input-group-btn>textarea.btn, select[multiple].input-sm, .form-horizontal .form-group-sm select[multiple].form-control, .input-group-sm>select[multiple].form-control, .input-group-sm>select[multiple].input-group-addon, .input-group-sm>.input-group-btn>select[multiple].btn { + height: auto +} +.input-lg, .form-horizontal .form-group-lg .form-control, .input-group-lg>.form-control, .input-group-lg>.input-group-addon, .input-group-lg>.input-group-btn>.btn { + height: 46px; + padding: 10px 16px; + font-size: 18px; + line-height: 1.33; + border-radius: 6px +} +select.input-lg, .form-horizontal .form-group-lg select.form-control, .input-group-lg>select.form-control, .input-group-lg>select.input-group-addon, .input-group-lg>.input-group-btn>select.btn { + height: 46px; + line-height: 46px +} +textarea.input-lg, .form-horizontal .form-group-lg textarea.form-control, .input-group-lg>textarea.form-control, .input-group-lg>textarea.input-group-addon, .input-group-lg>.input-group-btn>textarea.btn, select[multiple].input-lg, .form-horizontal .form-group-lg select[multiple].form-control, .input-group-lg>select[multiple].form-control, .input-group-lg>select[multiple].input-group-addon, .input-group-lg>.input-group-btn>select[multiple].btn { + height: auto +} +.has-feedback { + position: relative +} +.has-feedback .form-control { + padding-right: 42.5px +} +.form-control-feedback { + position: absolute; + top: 25px; + right: 0; + z-index: 2; + display: block; + width: 34px; + height: 34px; + line-height: 34px; + text-align: center +} +.input-lg+.form-control-feedback, .form-horizontal .form-group-lg .form-control+.form-control-feedback, .input-group-lg>.form-control+.form-control-feedback, .input-group-lg>.input-group-addon+.form-control-feedback, .input-group-lg>.input-group-btn>.btn+.form-control-feedback { + width: 46px; + height: 46px; + line-height: 46px +} +.input-sm+.form-control-feedback, .form-horizontal .form-group-sm .form-control+.form-control-feedback, .input-group-sm>.form-control+.form-control-feedback, .input-group-sm>.input-group-addon+.form-control-feedback, .input-group-sm>.input-group-btn>.btn+.form-control-feedback { + width: 30px; + height: 30px; + line-height: 30px +} +.has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline { + color: #3c763d +} +.has-success .form-control { + border-color: #3c763d; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) +} +.has-success .form-control:focus { + border-color: #2b542c; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168 +} +.has-success .input-group-addon { + color: #3c763d; + border-color: #3c763d; + background-color: #dff0d8 +} +.has-success .form-control-feedback { + color: #3c763d +} +.has-warning .help-block, .has-warning .control-label, .has-warning .radio, .has-warning .checkbox, .has-warning .radio-inline, .has-warning .checkbox-inline { + color: #8a6d3b +} +.has-warning .form-control { + border-color: #8a6d3b; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) +} +.has-warning .form-control:focus { + border-color: #66512c; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b +} +.has-warning .input-group-addon { + color: #8a6d3b; + border-color: #8a6d3b; + background-color: #fcf8e3 +} +.has-warning .form-control-feedback { + color: #8a6d3b +} +.has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline { + color: #a94442 +} +.has-error .form-control { + border-color: #a94442; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) +} +.has-error .form-control:focus { + border-color: #843534; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483 +} +.has-error .input-group-addon { + color: #a94442; + border-color: #a94442; + background-color: #f2dede +} +.has-error .form-control-feedback { + color: #a94442 +} +.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: 768px) { + .form-inline .form-group, .navbar-form .form-group { + display: inline-block; + margin-bottom: 0; + vertical-align: middle + } + .form-inline .form-control, .navbar-form .form-control { + display: inline-block; + width: auto; + vertical-align: middle + } + .form-inline .input-group, .navbar-form .input-group { + display: inline-table; + vertical-align: middle + } + .form-inline .input-group .input-group-addon, .navbar-form .input-group .input-group-addon, .form-inline .input-group .input-group-btn, .navbar-form .input-group .input-group-btn, .form-inline .input-group .form-control, .navbar-form .input-group .form-control { + width: auto + } + .form-inline .input-group>.form-control, .navbar-form .input-group>.form-control { + width: 100% + } + .form-inline .control-label, .navbar-form .control-label { + margin-bottom: 0; + vertical-align: middle + } + .form-inline .radio, .navbar-form .radio, .form-inline .checkbox, .navbar-form .checkbox { + display: inline-block; + margin-top: 0; + margin-bottom: 0; + vertical-align: middle + } + .form-inline .radio label, .navbar-form .radio label, .form-inline .checkbox label, .navbar-form .checkbox label { + padding-left: 0 + } + .form-inline .radio input[type="radio"], .navbar-form .radio input[type="radio"], .form-inline .checkbox input[type="checkbox"], .navbar-form .checkbox input[type="checkbox"] { + position: relative; + margin-left: 0 + } + .form-inline .has-feedback .form-control-feedback, .navbar-form .has-feedback .form-control-feedback { + top: 0 + } +} +.form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline { + margin-top: 0; + margin-bottom: 0; + padding-top: 7px +} +.form-horizontal .radio, .form-horizontal .checkbox { + min-height: 27px +} +.form-horizontal .form-group { + margin-left: -15px; + margin-right: -15px +} +.form-horizontal .form-group:before, .form-horizontal .form-group:after { + content: " "; + display: table +} +.form-horizontal .form-group:after { + clear: both +} +@media (min-width: 768px) { + .form-horizontal .control-label { + text-align: right; + margin-bottom: 0; + padding-top: 7px + } +} +.form-horizontal .has-feedback .form-control-feedback { + top: 0; + right: 15px +} +@media (min-width: 768px) { + .form-horizontal .form-group-lg .control-label { + padding-top: 14.3px + } +} +@media (min-width: 768px) { + .form-horizontal .form-group-sm .control-label { + padding-top: 6px + } +} +.btn { + display: inline-block; + margin-bottom: 0; + font-weight: normal; + text-align: center; + vertical-align: middle; + cursor: pointer; + background-image: none; + border: 1px solid transparent; + white-space: nowrap; + padding: 6px 12px; + font-size: 14px; + line-height: 1.428571429; + border-radius: 4px; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none +} +.btn:focus, .btn:active:focus, .btn.active:focus { + outline: thin dotted; + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px +} +.btn:hover, .btn:focus { + color: #333333; + text-decoration: none +} +.btn:active, .btn.active { + outline: 0; + background-image: none; + box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) +} +.btn.disabled, .btn[disabled], fieldset[disabled] .btn { + cursor: not-allowed; + pointer-events: none; + opacity: 0.65; + filter: alpha(opacity=65); + box-shadow: none +} +.btn-default { + color: #333333; + background-color: white; + border-color: #cccccc +} +.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open>.btn-default.dropdown-toggle { + color: #333333; + background-color: #e6e6e6; + border-color: #adadad +} +.btn-default:active, .btn-default.active, .open>.btn-default.dropdown-toggle { + background-image: none +} +.btn-default.disabled, .btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled:active, .btn-default.disabled.active, .btn-default[disabled], .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled]:active, .btn-default[disabled].active, fieldset[disabled] .btn-default, fieldset[disabled] .btn-default:hover, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:active, fieldset[disabled] .btn-default.active { + background-color: white; + border-color: #cccccc +} +.btn-default .badge { + color: white; + background-color: #333333 +} +.btn-primary { + color: white; + background-color: #428bca; + border-color: #357ebd +} +.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open>.btn-primary.dropdown-toggle { + color: white; + background-color: #3071a9; + border-color: #285e8e +} +.btn-primary:active, .btn-primary.active, .open>.btn-primary.dropdown-toggle { + background-image: none +} +.btn-primary.disabled, .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled:active, .btn-primary.disabled.active, .btn-primary[disabled], .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled]:active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary:hover, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary.active { + background-color: #428bca; + border-color: #357ebd +} +.btn-primary .badge { + color: #428bca; + background-color: white +} +.btn-success { + color: white; + background-color: #5cb85c; + border-color: #4cae4c +} +.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open>.btn-success.dropdown-toggle { + color: white; + background-color: #449d44; + border-color: #398439 +} +.btn-success:active, .btn-success.active, .open>.btn-success.dropdown-toggle { + background-image: none +} +.btn-success.disabled, .btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled:active, .btn-success.disabled.active, .btn-success[disabled], .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled]:active, .btn-success[disabled].active, fieldset[disabled] .btn-success, fieldset[disabled] .btn-success:hover, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success:active, fieldset[disabled] .btn-success.active { + background-color: #5cb85c; + border-color: #4cae4c +} +.btn-success .badge { + color: #5cb85c; + background-color: white +} +.btn-info { + color: white; + background-color: #5bc0de; + border-color: #46b8da +} +.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open>.btn-info.dropdown-toggle { + color: white; + background-color: #31b0d5; + border-color: #269abc +} +.btn-info:active, .btn-info.active, .open>.btn-info.dropdown-toggle { + background-image: none +} +.btn-info.disabled, .btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled:active, .btn-info.disabled.active, .btn-info[disabled], .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled]:active, .btn-info[disabled].active, fieldset[disabled] .btn-info, fieldset[disabled] .btn-info:hover, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info:active, fieldset[disabled] .btn-info.active { + background-color: #5bc0de; + border-color: #46b8da +} +.btn-info .badge { + color: #5bc0de; + background-color: white +} +.btn-warning { + color: white; + background-color: #f0ad4e; + border-color: #eea236 +} +.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .open>.btn-warning.dropdown-toggle { + color: white; + background-color: #ec971f; + border-color: #d58512 +} +.btn-warning:active, .btn-warning.active, .open>.btn-warning.dropdown-toggle { + background-image: none +} +.btn-warning.disabled, .btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled:active, .btn-warning.disabled.active, .btn-warning[disabled], .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled]:active, .btn-warning[disabled].active, fieldset[disabled] .btn-warning, fieldset[disabled] .btn-warning:hover, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning:active, fieldset[disabled] .btn-warning.active { + background-color: #f0ad4e; + border-color: #eea236 +} +.btn-warning .badge { + color: #f0ad4e; + background-color: white +} +.btn-danger { + color: white; + background-color: #d9534f; + border-color: #d43f3a +} +.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .open>.btn-danger.dropdown-toggle { + color: white; + background-color: #c9302c; + border-color: #ac2925 +} +.btn-danger:active, .btn-danger.active, .open>.btn-danger.dropdown-toggle { + background-image: none +} +.btn-danger.disabled, .btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled:active, .btn-danger.disabled.active, .btn-danger[disabled], .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled]:active, .btn-danger[disabled].active, fieldset[disabled] .btn-danger, fieldset[disabled] .btn-danger:hover, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger:active, fieldset[disabled] .btn-danger.active { + background-color: #d9534f; + border-color: #d43f3a +} +.btn-danger .badge { + color: #d9534f; + background-color: white +} +.btn-link { + color: #428bca; + font-weight: normal; + cursor: pointer; + border-radius: 0 +} +.btn-link, .btn-link:active, .btn-link[disabled], fieldset[disabled] .btn-link { + background-color: transparent; + box-shadow: none +} +.btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active { + border-color: transparent +} +.btn-link:hover, .btn-link:focus { + color: #2a6496; + text-decoration: underline; + background-color: transparent +} +.btn-link[disabled]:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:hover, fieldset[disabled] .btn-link:focus { + color: #777777; + text-decoration: none +} +.btn-lg, .btn-group-lg>.btn { + padding: 10px 16px; + font-size: 18px; + line-height: 1.33; + border-radius: 6px +} +.btn-sm, .btn-group-sm>.btn { + padding: 5px 10px; + font-size: 12px; + line-height: 1.5; + border-radius: 3px +} +.btn-xs, .btn-group-xs>.btn { + padding: 1px 5px; + font-size: 12px; + line-height: 1.5; + border-radius: 3px +} +.btn-block { + display: block; + width: 100% +} +.btn-block+.btn-block { + margin-top: 5px +} +input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block { + width: 100% +} +.fade { + opacity: 0; + -webkit-transition: opacity 0.15s linear; + transition: opacity 0.15s linear +} +.fade.in { + opacity: 1 +} +.collapse { + display: none +} +.collapse.in { + display: block +} +tr.collapse.in { + display: table-row +} +tbody.collapse.in { + display: table-row-group +} +.collapsing { + position: relative; + height: 0; + overflow: hidden; + -webkit-transition: height 0.35s ease; + transition: height 0.35s ease +} +.caret { + display: inline-block; + width: 0; + height: 0; + margin-left: 2px; + vertical-align: middle; + border-top: 4px solid; + border-right: 4px solid transparent; + border-left: 4px solid transparent +} +.dropdown { + position: relative +} +.dropdown-toggle:focus { + outline: 0 +} +.dropdown-menu { + position: absolute; + top: 100%; + left: 0; + z-index: 1000; + display: none; + float: left; + min-width: 160px; + padding: 5px 0; + margin: 2px 0 0; + list-style: none; + font-size: 14px; + text-align: left; + background-color: white; + border: 1px solid #cccccc; + border: 1px solid rgba(0, 0, 0, 0.15); + border-radius: 4px; + box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); + background-clip: padding-box +} +.dropdown-menu.pull-right { + right: 0; + left: auto +} +.dropdown-menu .divider { + height: 1px; + margin: 9px 0; + overflow: hidden; + background-color: #e5e5e5 +} +.dropdown-menu>li>a { + display: block; + padding: 3px 20px; + clear: both; + font-weight: normal; + line-height: 1.428571429; + color: #333333; + white-space: nowrap +} +.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { + text-decoration: none; + color: #262626; + background-color: whitesmoke +} +.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus { + color: white; + text-decoration: none; + outline: 0; + background-color: #428bca +} +.dropdown-menu>.disabled>a, .dropdown-menu>.disabled>a:hover, .dropdown-menu>.disabled>a:focus { + color: #777777 +} +.dropdown-menu>.disabled>a:hover, .dropdown-menu>.disabled>a:focus { + text-decoration: none; + background-color: transparent; + background-image: none; + filter: progid: DXImageTransform.Microsoft.gradient(enabled false); + cursor: not-allowed +} +.open>.dropdown-menu { + display: block +} +.open>a { + outline: 0 +} +.dropdown-menu-right { + left: auto; + right: 0 +} +.dropdown-menu-left { + left: 0; + right: auto +} +.dropdown-header { + display: block; + padding: 3px 20px; + font-size: 12px; + line-height: 1.428571429; + color: #777777; + white-space: nowrap +} +.dropdown-backdrop { + position: fixed; + left: 0; + right: 0; + bottom: 0; + top: 0; + z-index: 990 +} +.pull-right>.dropdown-menu { + right: 0; + left: auto +} +.dropup .caret, .navbar-fixed-bottom .dropdown .caret { + border-top: 0; + border-bottom: 4px solid; + content: "" +} +.dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu { + top: auto; + bottom: 100%; + margin-bottom: 1px +} +@media (min-width: 768px) { + .navbar-right .dropdown-menu { + right: 0; + left: auto + } + .navbar-right .dropdown-menu-left { + left: 0; + right: auto + } +} +.btn-group, .btn-group-vertical { + position: relative; + display: inline-block; + vertical-align: middle +} +.btn-group>.btn, .btn-group-vertical>.btn { + position: relative; + float: left +} +.btn-group>.btn:hover, .btn-group>.btn:focus, .btn-group>.btn:active, .btn-group>.btn.active, .btn-group-vertical>.btn:hover, .btn-group-vertical>.btn:focus, .btn-group-vertical>.btn:active, .btn-group-vertical>.btn.active { + z-index: 2 +} +.btn-group>.btn:focus, .btn-group-vertical>.btn:focus { + outline: 0 +} +.btn-group .btn+.btn, .btn-group .btn+.btn-group, .btn-group .btn-group+.btn, .btn-group .btn-group+.btn-group { + margin-left: -1px +} +.btn-toolbar { + margin-left: -5px +} +.btn-toolbar:before, .btn-toolbar:after { + content: " "; + display: table +} +.btn-toolbar:after { + clear: both +} +.btn-toolbar .btn-group, .btn-toolbar .input-group { + float: left +} +.btn-toolbar>.btn, .btn-toolbar>.btn-group, .btn-toolbar>.input-group { + margin-left: 5px +} +.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { + border-radius: 0 +} +.btn-group>.btn:first-child { + margin-left: 0 +} +.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) { + border-bottom-right-radius: 0; + border-top-right-radius: 0 +} +.btn-group>.btn:last-child:not(:first-child), .btn-group>.dropdown-toggle:not(:first-child) { + border-bottom-left-radius: 0; + border-top-left-radius: 0 +} +.btn-group>.btn-group { + float: left +} +.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn { + border-radius: 0 +} +.btn-group>.btn-group:first-child>.btn:last-child, .btn-group>.btn-group:first-child>.dropdown-toggle { + border-bottom-right-radius: 0; + border-top-right-radius: 0 +} +.btn-group>.btn-group:last-child>.btn:first-child { + border-bottom-left-radius: 0; + border-top-left-radius: 0 +} +.btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle { + outline: 0 +} +.btn-group>.btn+.dropdown-toggle { + padding-left: 8px; + padding-right: 8px +} +.btn-group>.btn-lg+.dropdown-toggle, .btn-group-lg.btn-group>.btn+.dropdown-toggle { + padding-left: 12px; + padding-right: 12px +} +.btn-group.open .dropdown-toggle { + box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) +} +.btn-group.open .dropdown-toggle.btn-link { + box-shadow: none +} +.btn .caret { + margin-left: 0 +} +.btn-lg .caret, .btn-group-lg>.btn .caret { + border-width: 5px 5px 0; + border-bottom-width: 0 +} +.dropup .btn-lg .caret, .dropup .btn-group-lg>.btn .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:before, .btn-group-vertical>.btn-group:after { + content: " "; + display: table +} +.btn-group-vertical>.btn-group:after { + clear: both +} +.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: 4px; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0 +} +.btn-group-vertical>.btn:last-child:not(:first-child) { + border-bottom-left-radius: 4px; + border-top-right-radius: 0; + border-top-left-radius: 0 +} +.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn { + border-radius: 0 +} +.btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child, .btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0 +} +.btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child { + border-top-right-radius: 0; + border-top-left-radius: 0 +} +.btn-group-justified { + display: table; + width: 100%; + table-layout: fixed; + border-collapse: separate +} +.btn-group-justified>.btn, .btn-group-justified>.btn-group { + float: none; + display: table-cell; + width: 1% +} +.btn-group-justified>.btn-group .btn { + width: 100% +} +.btn-group-justified>.btn-group .dropdown-menu { + left: auto +} +[data-toggle="buttons"]>.btn>input[type="radio"], [data-toggle="buttons"]>.btn>input[type="checkbox"] { + position: absolute; + z-index: -1; + opacity: 0; + filter: alpha(opacity=0) +} +.input-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-addon, .input-group-btn, .input-group .form-control { + display: table-cell +} +.input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child), .input-group .form-control:not(:first-child):not(:last-child) { + border-radius: 0 +} +.input-group-addon, .input-group-btn { + width: 1%; + white-space: nowrap; + vertical-align: middle +} +.input-group-addon { + padding: 6px 12px; + font-size: 14px; + font-weight: normal; + line-height: 1; + color: #555555; + text-align: center; + background-color: #eeeeee; + border: 1px solid #cccccc; + border-radius: 4px +} +.input-group-addon.input-sm, .form-horizontal .form-group-sm .input-group-addon.form-control, .input-group-sm>.input-group-addon, .input-group-sm>.input-group-btn>.input-group-addon.btn { + padding: 5px 10px; + font-size: 12px; + border-radius: 3px +} +.input-group-addon.input-lg, .form-horizontal .form-group-lg .input-group-addon.form-control, .input-group-lg>.input-group-addon, .input-group-lg>.input-group-btn>.input-group-addon.btn { + padding: 10px 16px; + font-size: 18px; + border-radius: 6px +} +.input-group-addon input[type="radio"], .input-group-addon input[type="checkbox"] { + margin-top: 0 +} +.input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child>.btn, .input-group-btn:first-child>.btn-group>.btn, .input-group-btn:first-child>.dropdown-toggle, .input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:last-child>.btn-group:not(:last-child)>.btn { + border-bottom-right-radius: 0; + border-top-right-radius: 0 +} +.input-group-addon:first-child { + border-right: 0 +} +.input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group>.btn, .input-group-btn:last-child>.dropdown-toggle, .input-group-btn:first-child>.btn:not(:first-child), .input-group-btn:first-child>.btn-group:not(:first-child)>.btn { + border-bottom-left-radius: 0; + border-top-left-radius: 0 +} +.input-group-addon:last-child { + border-left: 0 +} +.input-group-btn { + position: relative; + font-size: 0; + white-space: nowrap +} +.input-group-btn>.btn { + position: relative +} +.input-group-btn>.btn+.btn { + margin-left: -1px +} +.input-group-btn>.btn:hover, .input-group-btn>.btn:focus, .input-group-btn>.btn:active { + z-index: 2 +} +.input-group-btn:first-child>.btn, .input-group-btn:first-child>.btn-group { + margin-right: -1px +} +.input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group { + margin-left: -1px +} +.nav { + margin-bottom: 0; + padding-left: 0; + list-style: none +} +.nav:before, .nav:after { + content: " "; + display: table +} +.nav:after { + clear: both +} +.nav>li { + position: relative; + display: block +} +.nav>li>a { + position: relative; + display: block; + padding: 10px 15px +} +.nav>li>a:hover, .nav>li>a:focus { + text-decoration: none; + background-color: #eeeeee +} +.nav>li.disabled>a { + color: #777777 +} +.nav>li.disabled>a:hover, .nav>li.disabled>a:focus { + color: #777777; + text-decoration: none; + background-color: transparent; + cursor: not-allowed +} +.nav .open>a, .nav .open>a:hover, .nav .open>a:focus { + background-color: #eeeeee; + border-color: #428bca +} +.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 #dddddd +} +.nav-tabs>li { + float: left; + margin-bottom: -1px +} +.nav-tabs>li>a { + margin-right: 2px; + line-height: 1.428571429; + border: 1px solid transparent; + border-radius: 4px 4px 0 0 +} +.nav-tabs>li>a:hover { + border-color: #eeeeee #eeeeee #dddddd +} +.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus { + color: #555555; + background-color: white; + border: 1px solid #dddddd; + border-bottom-color: transparent; + cursor: default +} +.nav-pills>li { + float: left +} +.nav-pills>li>a { + border-radius: 4px +} +.nav-pills>li+li { + margin-left: 2px +} +.nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus { + color: white; + background-color: #428bca +} +.nav-stacked>li { + float: none +} +.nav-stacked>li+li { + margin-top: 2px; + margin-left: 0 +} +.nav-justified, .nav-tabs.nav-justified { + width: 100% +} +.nav-justified>li, .nav-tabs.nav-justified>li { + float: none +} +.nav-justified>li>a, .nav-tabs.nav-justified>li>a { + text-align: center; + margin-bottom: 5px +} +.nav-justified>.dropdown .dropdown-menu { + top: auto; + left: auto +} +@media (min-width: 768px) { + .nav-justified>li, .nav-tabs.nav-justified>li { + display: table-cell; + width: 1% + } + .nav-justified>li>a, .nav-tabs.nav-justified>li>a { + margin-bottom: 0 + } +} +.nav-tabs-justified, .nav-tabs.nav-justified { + border-bottom: 0 +} +.nav-tabs-justified>li>a, .nav-tabs.nav-justified>li>a { + margin-right: 0; + border-radius: 4px +} +.nav-tabs-justified>.active>a, .nav-tabs.nav-justified>.active>a, .nav-tabs-justified>.active>a:hover, .nav-tabs.nav-justified>.active>a:hover, .nav-tabs-justified>.active>a:focus, .nav-tabs.nav-justified>.active>a:focus { + border: 1px solid #dddddd +} +@media (min-width: 768px) { + .nav-tabs-justified>li>a, .nav-tabs.nav-justified>li>a { + border-bottom: 1px solid #dddddd; + border-radius: 4px 4px 0 0 + } + .nav-tabs-justified>.active>a, .nav-tabs.nav-justified>.active>a, .nav-tabs-justified>.active>a:hover, .nav-tabs.nav-justified>.active>a:hover, .nav-tabs-justified>.active>a:focus, .nav-tabs.nav-justified>.active>a:focus { + border-bottom-color: white + } +} +.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: 50px; + margin-bottom: 20px; + border: 1px solid transparent +} +.navbar:before, .navbar:after { + content: " "; + display: table +} +.navbar:after { + clear: both +} +@media (min-width: 768px) { + .navbar { + border-radius: 4px + } +} +.navbar-header:before, .navbar-header:after { + content: " "; + display: table +} +.navbar-header:after { + clear: both +} +@media (min-width: 768px) { + .navbar-header { + float: left + } +} +.navbar-collapse { + overflow-x: visible; + padding-right: 15px; + padding-left: 15px; + border-top: 1px solid transparent; + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); + -webkit-overflow-scrolling: touch +} +.navbar-collapse:before, .navbar-collapse:after { + content: " "; + display: table +} +.navbar-collapse:after { + clear: both +} +.navbar-collapse.in { + overflow-y: auto +} +@media (min-width: 768px) { + .navbar-collapse { + width: auto; + border-top: 0; + box-shadow: none + } + .navbar-collapse.collapse { + display: block!important; + height: auto!important; + padding-bottom: 0; + overflow: visible!important + } + .navbar-collapse.in { + overflow-y: visible + } + .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { + padding-left: 0; + padding-right: 0 + } +} +.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { + max-height: 340px +} +@media (max-width: 480px) and (orientation: landscape) { + .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { + max-height: 200px + } +} +.container>.navbar-header, .container>.navbar-collapse, .container-fluid>.navbar-header, .container-fluid>.navbar-collapse { + margin-right: -15px; + margin-left: -15px +} +@media (min-width: 768px) { + .container>.navbar-header, .container>.navbar-collapse, .container-fluid>.navbar-header, .container-fluid>.navbar-collapse { + margin-right: 0; + margin-left: 0 + } +} +.navbar-static-top { + z-index: 1000; + border-width: 0 0 1px +} +@media (min-width: 768px) { + .navbar-static-top { + border-radius: 0 + } +} +.navbar-fixed-top, .navbar-fixed-bottom { + position: fixed; + right: 0; + left: 0; + z-index: 1030; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0) +} +@media (min-width: 768px) { + .navbar-fixed-top, .navbar-fixed-bottom { + border-radius: 0 + } +} +.navbar-fixed-top { + top: 0; + border-width: 0 0 1px +} +.navbar-fixed-bottom { + bottom: 0; + margin-bottom: 0; + border-width: 1px 0 0 +} +.navbar-brand { + float: left; + padding: 15px 15px; + font-size: 18px; + line-height: 20px; + height: 50px +} +.navbar-brand:hover, .navbar-brand:focus { + text-decoration: none +} +@media (min-width: 768px) { + .navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand { + margin-left: -15px + } +} +.navbar-toggle { + position: relative; + float: right; + margin-right: 15px; + padding: 9px 10px; + margin-top: 8px; + margin-bottom: 8px; + background-color: transparent; + background-image: none; + border: 1px solid transparent; + border-radius: 4px +} +.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: 768px) { + .navbar-toggle { + display: none + } +} +.navbar-nav { + margin: 7.5px -15px +} +.navbar-nav>li>a { + padding-top: 10px; + padding-bottom: 10px; + line-height: 20px +} +@media (max-width: 767px) { + .navbar-nav .open .dropdown-menu { + position: static; + float: none; + width: auto; + margin-top: 0; + background-color: transparent; + border: 0; + box-shadow: none + } + .navbar-nav .open .dropdown-menu>li>a, .navbar-nav .open .dropdown-menu .dropdown-header { + padding: 5px 15px 5px 25px + } + .navbar-nav .open .dropdown-menu>li>a { + line-height: 20px + } + .navbar-nav .open .dropdown-menu>li>a:hover, .navbar-nav .open .dropdown-menu>li>a:focus { + background-image: none + } +} +@media (min-width: 768px) { + .navbar-nav { + float: left; + margin: 0 + } + .navbar-nav>li { + float: left + } + .navbar-nav>li>a { + padding-top: 15px; + padding-bottom: 15px + } + .navbar-nav.navbar-right:last-child { + margin-right: -15px + } +} +@media (min-width: 768px) { + .navbar-left { + float: left!important + } + .navbar-right { + float: right!important + } +} +.navbar-form { + margin-left: -15px; + margin-right: -15px; + padding: 10px 15px; + border-top: 1px solid transparent; + border-bottom: 1px solid transparent; + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); + margin-top: 8px; + margin-bottom: 8px +} +@media (max-width: 767px) { + .navbar-form .form-group { + margin-bottom: 5px + } +} +@media (min-width: 768px) { + .navbar-form { + width: auto; + border: 0; + margin-left: 0; + margin-right: 0; + padding-top: 0; + padding-bottom: 0; + box-shadow: none + } + .navbar-form.navbar-right:last-child { + margin-right: -15px + } +} +.navbar-nav>li>.dropdown-menu { + margin-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0 +} +.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0 +} +.navbar-btn { + margin-top: 8px; + margin-bottom: 8px +} +.navbar-btn.btn-sm, .btn-group-sm>.navbar-btn.btn { + margin-top: 10px; + margin-bottom: 10px +} +.navbar-btn.btn-xs, .btn-group-xs>.navbar-btn.btn { + margin-top: 14px; + margin-bottom: 14px +} +.navbar-text { + margin-top: 15px; + margin-bottom: 15px +} +@media (min-width: 768px) { + .navbar-text { + float: left; + margin-left: 15px; + margin-right: 15px + } + .navbar-text.navbar-right:last-child { + margin-right: 0 + } +} +.navbar-default { + background-color: #f8f8f8; + border-color: #e7e7e7 +} +.navbar-default .navbar-brand { + color: #777777 +} +.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus { + color: #5e5e5e; + background-color: transparent +} +.navbar-default .navbar-text { + color: #777777 +} +.navbar-default .navbar-nav>li>a { + color: #777777 +} +.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus { + color: #333333; + background-color: transparent +} +.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus { + color: #555555; + background-color: #e7e7e7 +} +.navbar-default .navbar-nav>.disabled>a, .navbar-default .navbar-nav>.disabled>a:hover, .navbar-default .navbar-nav>.disabled>a:focus { + color: #cccccc; + background-color: transparent +} +.navbar-default .navbar-toggle { + border-color: #dddddd +} +.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { + background-color: #dddddd +} +.navbar-default .navbar-toggle .icon-bar { + background-color: #888888 +} +.navbar-default .navbar-collapse, .navbar-default .navbar-form { + border-color: #e7e7e7 +} +.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus { + background-color: #e7e7e7; + color: #555555 +} +@media (max-width: 767px) { + .navbar-default .navbar-nav .open .dropdown-menu>li>a { + color: #777777 + } + .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover, .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus { + color: #333333; + background-color: transparent + } + .navbar-default .navbar-nav .open .dropdown-menu>.active>a, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus { + color: #555555; + background-color: #e7e7e7 + } + .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a, .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover, .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus { + color: #cccccc; + background-color: transparent + } +} +.navbar-default .navbar-link { + color: #777777 +} +.navbar-default .navbar-link:hover { + color: #333333 +} +.navbar-default .btn-link { + color: #777777 +} +.navbar-default .btn-link:hover, .navbar-default .btn-link:focus { + color: #333333 +} +.navbar-default .btn-link[disabled]:hover, .navbar-default .btn-link[disabled]:focus, fieldset[disabled] .navbar-default .btn-link:hover, fieldset[disabled] .navbar-default .btn-link:focus { + color: #cccccc +} +.navbar-inverse { + background-color: #222222; + border-color: #090909 +} +.navbar-inverse .navbar-brand { + color: #777777 +} +.navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus { + color: white; + background-color: transparent +} +.navbar-inverse .navbar-text { + color: #777777 +} +.navbar-inverse .navbar-nav>li>a { + color: #777777 +} +.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus { + color: white; + background-color: transparent +} +.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus { + color: white; + background-color: #090909 +} +.navbar-inverse .navbar-nav>.disabled>a, .navbar-inverse .navbar-nav>.disabled>a:hover, .navbar-inverse .navbar-nav>.disabled>a:focus { + color: #444444; + background-color: transparent +}