.fa-moon-o:before{content: "";} .fa-archive:before{content: "";} .fa-bug:before{content: "";} .fa-vk:before{content: "";} .fa-weibo:before{content: "";} .fa-renren:before{content: "";} .fa-pagelines:before{content: "";} .fa-stack-exchange:before{content: "";} .fa-arrow-circle-o-right:before{content: "";} .fa-arrow-circle-o-left:before{content: "";} .fa-toggle-left:before, .fa-caret-square-o-left:before{content: "";} .fa-dot-circle-o:before{content: "";} .fa-wheelchair:before{content: "";} .fa-vimeo-square:before{content: "";} .fa-turkish-lira:before, .fa-try:before{content: "";} .fa-plus-square-o:before{content: "";} .fa-space-shuttle:before{content: "";} .fa-slack:before{content: "";} .fa-envelope-square:before{content: "";} .fa-wordpress:before{content: "";} .fa-openid:before{content: "";} .fa-institution:before, .fa-bank:before, .fa-university:before{content: "";} .fa-mortar-board:before, .fa-graduation-cap:before{content: "";} .fa-yahoo:before{content: "";} .fa-google:before{content: "";} .fa-reddit:before{content: "";} .fa-reddit-square:before{content: "";} .fa-stumbleupon-circle:before{content: "";} .fa-stumbleupon:before{content: "";} .fa-delicious:before{content: "";} .fa-digg:before{content: "";} .fa-pied-piper:before{content: "";} .fa-pied-piper-alt:before{content: "";} .fa-drupal:before{content: "";} .fa-joomla:before{content: "";} .fa-language:before{content: "";} .fa-fax:before{content: "";} .fa-building:before{content: "";} .fa-child:before{content: "";} .fa-paw:before{content: "";} .fa-spoon:before{content: "";} .fa-cube:before{content: "";} .fa-cubes:before{content: "";} .fa-behance:before{content: "";} .fa-behance-square:before{content: "";} .fa-steam:before{content: "";} .fa-steam-square:before{content: "";} .fa-recycle:before{content: "";} .fa-automobile:before, .fa-car:before{content: "";} .fa-cab:before, .fa-taxi:before{content: "";} .fa-tree:before{content: "";} .fa-spotify:before{content: "";} .fa-deviantart:before{content: "";} .fa-soundcloud:before{content: "";} .fa-database:before{content: "";} .fa-file-pdf-o:before{content: "";} .fa-file-word-o:before{content: "";} .fa-file-excel-o:before{content: "";} .fa-file-powerpoint-o:before{content: "";} .fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before{content: "";} .fa-file-zip-o:before, .fa-file-archive-o:before{content: "";} .fa-file-sound-o:before, .fa-file-audio-o:before{content: "";} .fa-file-movie-o:before, .fa-file-video-o:before{content: "";} .fa-file-code-o:before{content: "";} .fa-vine:before{content: "";} .fa-codepen:before{content: "";} .fa-jsfiddle:before{content: "";} .fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before{content: "";} .fa-circle-o-notch:before{content: "";} .fa-ra:before, .fa-rebel:before{content: "";} .fa-ge:before, .fa-empire:before{content: "";} .fa-git-square:before{content: "";} .fa-git:before{content: "";} .fa-y-combinator-square:before, .fa-yc-square:before, .fa-hacker-news:before{content: "";} .fa-tencent-weibo:before{content: "";} .fa-qq:before{content: "";} .fa-wechat:before, .fa-weixin:before{content: "";} .fa-send:before, .fa-paper-plane:before{content: "";} .fa-send-o:before, .fa-paper-plane-o:before{content: "";} .fa-history:before{content: "";} .fa-circle-thin:before{content: "";} .fa-header:before{content: "";} .fa-paragraph:before{content: "";} .fa-sliders:before{content: "";} .fa-share-alt:before{content: "";} .fa-share-alt-square:before{content: "";} .fa-bomb:before{content: "";} .fa-soccer-ball-o:before, .fa-futbol-o:before{content: "";} .fa-tty:before{content: "";} .fa-binoculars:before{content: "";} .fa-plug:before{content: "";} .fa-slideshare:before{content: "";} .fa-twitch:before{content: "";} .fa-yelp:before{content: "";} .fa-newspaper-o:before{content: "";} .fa-wifi:before{content: "";} .fa-calculator:before{content: "";} .fa-paypal:before{content: "";} .fa-google-wallet:before{content: "";} .fa-cc-visa:before{content: "";} .fa-cc-mastercard:before{content: "";} .fa-cc-discover:before{content: "";} .fa-cc-amex:before{content: "";} .fa-cc-paypal:before{content: "";} .fa-cc-stripe:before{content: "";} .fa-bell-slash:before{content: "";} .fa-bell-slash-o:before{content: "";} .fa-trash:before{content: "";} .fa-copyright:before{content: "";} .fa-at:before{content: "";} .fa-eyedropper:before{content: "";} .fa-paint-brush:before{content: "";} .fa-birthday-cake:before{content: "";} .fa-area-chart:before{content: "";} .fa-pie-chart:before{content: "";} .fa-line-chart:before{content: "";} .fa-lastfm:before{content: "";} .fa-lastfm-square:before{content: "";} .fa-toggle-off:before{content: "";} .fa-toggle-on:before{content: "";} .fa-bicycle:before{content: "";} .fa-bus:before{content: "";} .fa-ioxhost:before{content: "";} .fa-angellist:before{content: "";} .fa-cc:before{content: "";} .fa-shekel:before, .fa-sheqel:before, .fa-ils:before{content: "";} .fa-meanpath:before{content: "";} .fa-buysellads:before{content: "";} .fa-connectdevelop:before{content: "";} .fa-dashcube:before{content: "";} .fa-forumbee:before{content: "";} .fa-leanpub:before{content: "";} .fa-sellsy:before{content: "";} .fa-shirtsinbulk:before{content: "";} .fa-simplybuilt:before{content: "";} .fa-skyatlas:before{content: "";} .fa-cart-plus:before{content: "";} .fa-cart-arrow-down:before{content: "";} .fa-diamond:before{content: "";} .fa-ship:before{content: "";} .fa-user-secret:before{content: "";} .fa-motorcycle:before{content: "";} .fa-street-view:before{content: "";} .fa-heartbeat:before{content: "";} .fa-venus:before{content: "";} .fa-mars:before{content: "";} .fa-mercury:before{content: "";} .fa-intersex:before, .fa-transgender:before{content: "";} .fa-transgender-alt:before{content: "";} .fa-venus-double:before{content: "";} .fa-mars-double:before{content: "";} .fa-venus-mars:before{content: "";} .fa-mars-stroke:before{content: "";} .fa-mars-stroke-v:before{content: "";} .fa-mars-stroke-h:before{content: "";} .fa-neuter:before{content: "";} .fa-genderless:before{content: "";} .fa-facebook-official:before{content: "";} .fa-pinterest-p:before{content: "";} .fa-whatsapp:before{content: "";} .fa-server:before{content: "";} .fa-user-plus:before{content: "";} .fa-user-times:before{content: "";} .fa-hotel:before, .fa-bed:before{content: "";} .fa-viacoin:before{content: "";} .fa-train:before{content: "";} .fa-subway:before{content: "";} .fa-medium:before{content: "";} .fa-yc:before, .fa-y-combinator:before{content: "";} .fa-optin-monster:before{content: "";} .fa-opencart:before{content: "";} .fa-expeditedssl:before{content: "";} .fa-battery-4:before, .fa-battery-full:before{content: "";} .fa-battery-3:before, .fa-battery-three-quarters:before{content: "";} .fa-battery-2:before, .fa-battery-half:before{content: "";} .fa-battery-1:before, .fa-battery-quarter:before{content: "";} .fa-battery-0:before, .fa-battery-empty:before{content: "";} .fa-mouse-pointer:before{content: "";} .fa-i-cursor:before{content: "";} .fa-object-group:before{content: "";} .fa-object-ungroup:before{content: "";} .fa-sticky-note:before{content: "";} .fa-sticky-note-o:before{content: "";} .fa-cc-jcb:before{content: "";} .fa-cc-diners-club:before{content: "";} .fa-clone:before{content: "";} .fa-balance-scale:before{content: "";} .fa-hourglass-o:before{content: "";} .fa-hourglass-1:before, .fa-hourglass-start:before{content: "";} .fa-hourglass-2:before, .fa-hourglass-half:before{content: "";} .fa-hourglass-3:before, .fa-hourglass-end:before{content: "";} .fa-hourglass:before{content: "";} .fa-hand-grab-o:before, .fa-hand-rock-o:before{content: "";} .fa-hand-stop-o:before, .fa-hand-paper-o:before{content: "";} .fa-hand-scissors-o:before{content: "";} .fa-hand-lizard-o:before{content: "";} .fa-hand-spock-o:before{content: "";} .fa-hand-pointer-o:before{content: "";} .fa-hand-peace-o:before{content: "";} .fa-trademark:before{content: "";} .fa-registered:before{content: "";} .fa-creative-commons:before{content: "";} .fa-gg:before{content: "";} .fa-gg-circle:before{content: "";} .fa-tripadvisor:before{content: "";} .fa-odnoklassniki:before{content: "";} .fa-odnoklassniki-square:before{content: "";} .fa-get-pocket:before{content: "";} .fa-wikipedia-w:before{content: "";} .fa-safari:before{content: "";} .fa-chrome:before{content: "";} .fa-firefox:before{content: "";} .fa-opera:before{content: "";} .fa-internet-explorer:before{content: "";} .fa-tv:before, .fa-television:before{content: "";} .fa-contao:before{content: "";} .fa-500px:before{content: "";} .fa-amazon:before{content: "";} .fa-calendar-plus-o:before{content: "";} .fa-calendar-minus-o:before{content: "";} .fa-calendar-times-o:before{content: "";} .fa-calendar-check-o:before{content: "";} .fa-industry:before{content: "";} .fa-map-pin:before{content: "";} .fa-map-signs:before{content: "";} .fa-map-o:before{content: "";} .fa-map:before{content: "";} .fa-commenting:before{content: "";} .fa-commenting-o:before{content: "";} .fa-houzz:before{content: "";} .fa-vimeo:before{content: "";} .fa-black-tie:before{content: "";} .fa-fonticons:before{content: "";} .checkbox{padding-left: 20px;} .checkbox label{display: inline-block; vertical-align: middle; position: relative; padding-left: 5px;} .checkbox label::before{content: ""; display: inline-block; position: absolute; width: 17px; height: 17px; left: 0; margin-left: -20px; border: 1px solid #ccc; border-radius: 3px; background-color: #fff; -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out; -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out; transition: border 0.15s ease-in-out, color 0.15s ease-in-out;} .checkbox label::after{display: inline-block; position: absolute; width: 16px; height: 16px; left: 0; top: 0; margin-left: -20px; padding-left: 3px; padding-top: 1px; font-size: 11px; color: #555;} .checkbox input[type="checkbox"], .checkbox input[type="radio"]{opacity: 0; z-index: 1;} .checkbox input[type="checkbox"]:focus + label::before, .checkbox input[type="radio"]:focus + label::before{outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px;} .checkbox input[type="checkbox"]:checked + label::after, .checkbox input[type="radio"]:checked + label::after{font-family: "FontAwesome"; content: "";} .checkbox input[type="checkbox"]:disabled + label, .checkbox input[type="radio"]:disabled + label{opacity: 0.65;} .checkbox input[type="checkbox"]:disabled + label::before, .checkbox input[type="radio"]:disabled + label::before{background-color: #eeeeee; cursor: not-allowed;} .checkbox.checkbox-circle label::before{border-radius: 50%;} .checkbox.checkbox-inline{margin-top: 0;} .checkbox-primary input[type="checkbox"]:checked + label::before, .checkbox-primary input[type="radio"]:checked + label::before{background-color: #4e91ce; border-color: #4e91ce;} .checkbox-primary input[type="checkbox"]:checked + label::after, .checkbox-primary input[type="radio"]:checked + label::after{color: #fff;} .checkbox-danger input[type="checkbox"]:checked + label::before, .checkbox-danger input[type="radio"]:checked + label::before{background-color: #f25118; border-color: #f25118;} .checkbox-danger input[type="checkbox"]:checked + label::after, .checkbox-danger input[type="radio"]:checked + label::after{color: #fff;} .checkbox-info input[type="checkbox"]:checked + label::before, .checkbox-info input[type="radio"]:checked + label::before{background-color: #4ab0ce; border-color: #4ab0ce;} .checkbox-info input[type="checkbox"]:checked + label::after, .checkbox-info input[type="radio"]:checked + label::after{color: #fff;} .checkbox-warning input[type="checkbox"]:checked + label::before, .checkbox-warning input[type="radio"]:checked + label::before{background-color: #f2c34d; border-color: #f2c34d;} .checkbox-warning input[type="checkbox"]:checked + label::after, .checkbox-warning input[type="radio"]:checked + label::after{color: #fff;} .checkbox-success input[type="checkbox"]:checked + label::before, .checkbox-success input[type="radio"]:checked + label::before{background-color: #3ecd74; border-color: #3ecd74;} .checkbox-success input[type="checkbox"]:checked + label::after, .checkbox-success input[type="radio"]:checked + label::after{color: #fff;} .radio{padding-left: 20px;} .radio label{display: inline-block; vertical-align: middle; position: relative; padding-left: 5px;} .radio label::before{content: ""; display: inline-block; position: absolute; width: 17px; height: 17px; left: 0; margin-left: -20px; border: 1px solid #ccc; border-radius: 50%; background-color: #fff; -webkit-transition: border 0.15s ease-in-out; -o-transition: border 0.15s ease-in-out; transition: border 0.15s ease-in-out;} .radio label::after{display: inline-block; position: absolute; content: " "; width: 11px; height: 11px; left: 3px; top: 3px; margin-left: -20px; border-radius: 50%; background-color: #555; -webkit-transform: scale(0, 0); -ms-transform: scale(0, 0); -o-transform: scale(0, 0); transform: scale(0, 0); -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);} .radio input[type="radio"]{opacity: 0; z-index: 1;} .radio input[type="radio"]:focus + label::before{outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px;} .radio input[type="radio"]:checked + label::after{-webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1);} .radio input[type="radio"]:disabled + label{opacity: 0.65;} .radio input[type="radio"]:disabled + label::before{cursor: not-allowed;} .radio.radio-inline{margin-top: 0;} .radio-primary input[type="radio"] + label::after{background-color: #4e91ce;} .radio-primary input[type="radio"]:checked + label::before{border-color: #4e91ce;} .radio-primary input[type="radio"]:checked + label::after{background-color: #4e91ce;} .radio-danger input[type="radio"] + label::after{background-color: #f25118;} .radio-danger input[type="radio"]:checked + label::before{border-color: #f25118;} .radio-danger input[type="radio"]:checked + label::after{background-color: #f25118;} .radio-info input[type="radio"] + label::after{background-color: #4ab0ce;} .radio-info input[type="radio"]:checked + label::before{border-color: #4ab0ce;} .radio-info input[type="radio"]:checked + label::after{background-color: #4ab0ce;} .radio-warning input[type="radio"] + label::after{background-color: #f2c34d;} .radio-warning input[type="radio"]:checked + label::before{border-color: #f2c34d;} .radio-warning input[type="radio"]:checked + label::after{background-color: #f2c34d;} .radio-success input[type="radio"] + label::after{background-color: #3ecd74;} .radio-success input[type="radio"]:checked + label::before{border-color: #3ecd74;} .radio-success input[type="radio"]:checked + label::after{background-color: #3ecd74;} input[type="checkbox"].styled:checked + label:after, input[type="radio"].styled:checked + label:after{font-family: 'FontAwesome'; content: "\f00c";} input[type="checkbox"] .styled:checked + label::before, input[type="radio"] .styled:checked + label::before{color: #fff;} input[type="checkbox"] .styled:checked + label::after, input[type="radio"] .styled:checked + label::after{color: #fff;} .animated{-webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both;} .animated.infinite{-webkit-animation-iteration-count: infinite; animation-iteration-count: infinite;} .animated.hinge{-webkit-animation-duration: 2s; animation-duration: 2s;} .animated.bounceIn, .animated.bounceOut{-webkit-animation-duration: .75s; animation-duration: .75s;} .animated.flipOutX, .animated.flipOutY{-webkit-animation-duration: .75s; animation-duration: .75s;} @-webkit-keyframes bounce{from, 20%, 53%, 80%, 100%{-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}40%, 43%{-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0);}70%{-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0);}90%{-webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0);}} @keyframes bounce{from, 20%, 53%, 80%, 100%{-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}40%, 43%{-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0);}70%{-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0);}90%{-webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0);}} .bounce{-webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom;} @-webkit-keyframes flash{from, 50%, 100%{opacity: 1;}25%, 75%{opacity: 0;}} @keyframes flash{from, 50%, 100%{opacity: 1;}25%, 75%{opacity: 0;}} .flash{-webkit-animation-name: flash; animation-name: flash;} @-webkit-keyframes pulse{from{-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}50%{-webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05);}100%{-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}} @keyframes pulse{from{-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}50%{-webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05);}100%{-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}} .pulse{-webkit-animation-name: pulse; animation-name: pulse;} @-webkit-keyframes rubberBand{from{-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}30%{-webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1);}40%{-webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1);}50%{-webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1);}65%{-webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1);}75%{-webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1);}100%{-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}} @keyframes rubberBand{from{-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}30%{-webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1);}40%{-webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1);}50%{-webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1);}65%{-webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1);}75%{-webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1);}100%{-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}} .rubberBand{-webkit-animation-name: rubberBand; animation-name: rubberBand;} @-webkit-keyframes shake{from, 100%{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}10%, 30%, 50%, 70%, 90%{-webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0);}20%, 40%, 60%, 80%{-webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0);}} @keyframes shake{from, 100%{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}10%, 30%, 50%, 70%, 90%{-webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0);}20%, 40%, 60%, 80%{-webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0);}} .shake{-webkit-animation-name: shake; animation-name: shake;} @-webkit-keyframes swing{20%{-webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg);}40%{-webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg);}60%{-webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg);}80%{-webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg);}100%{-webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg);}} @keyframes swing{20%{-webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg);}40%{-webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg);}60%{-webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg);}80%{-webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg);}100%{-webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg);}} .swing{-webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing;} @-webkit-keyframes tada{from{-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}10%, 20%{-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);}30%, 50%, 70%, 90%{-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);}40%, 60%, 80%{-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);}100%{-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}} @keyframes tada{from{-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}10%, 20%{-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);}30%, 50%, 70%, 90%{-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);}40%, 60%, 80%{-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);}100%{-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}} .tada{-webkit-animation-name: tada; animation-name: tada;} @-webkit-keyframes wobble{from{-webkit-transform: none; transform: none;}15%{-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);}30%{-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);}45%{-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);}60%{-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);}75%{-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);}100%{-webkit-transform: none; transform: none;}} @keyframes wobble{from{-webkit-transform: none; transform: none;}15%{-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);}30%{-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);}45%{-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);}60%{-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);}75%{-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);}100%{-webkit-transform: none; transform: none;}} .wobble{-webkit-animation-name: wobble; animation-name: wobble;} @-webkit-keyframes jello{from, 11.1%, 100%{-webkit-transform: none; transform: none;}22.2%{-webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg);}33.3%{-webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg);}44.4%{-webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg);}55.5%{-webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg);}66.6%{-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg);}77.7%{-webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg);}88.8%{-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg);}} @keyframes jello{from, 11.1%, 100%{-webkit-transform: none; transform: none;}22.2%{-webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg);}33.3%{-webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg);}44.4%{-webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg);}55.5%{-webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg);}66.6%{-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg);}77.7%{-webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg);}88.8%{-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg);}} .jello{-webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center;} @-webkit-keyframes bounceIn{from, 20%, 40%, 60%, 80%, 100%{-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}0%{opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3);}20%{-webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1);}40%{-webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9);}60%{opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03);}80%{-webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97);}100%{opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}} @keyframes bounceIn{from, 20%, 40%, 60%, 80%, 100%{-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}0%{opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3);}20%{-webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1);}40%{-webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9);}60%{opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03);}80%{-webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97);}100%{opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}} .bounceIn{-webkit-animation-name: bounceIn; animation-name: bounceIn;} @-webkit-keyframes bounceInDown{from, 60%, 75%, 90%, 100%{-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}0%{opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0);}60%{opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0);}75%{-webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0);}90%{-webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0);}100%{-webkit-transform: none; transform: none;}} @keyframes bounceInDown{from, 60%, 75%, 90%, 100%{-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}0%{opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0);}60%{opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0);}75%{-webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0);}90%{-webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0);}100%{-webkit-transform: none; transform: none;}} .bounceInDown{-webkit-animation-name: bounceInDown; animation-name: bounceInDown;} @-webkit-keyframes bounceInLeft{from, 60%, 75%, 90%, 100%{-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}0%{opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0);}60%{opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0);}75%{-webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0);}90%{-webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0);}100%{-webkit-transform: none; transform: none;}} @keyframes bounceInLeft{from, 60%, 75%, 90%, 100%{-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}0%{opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0);}60%{opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0);}75%{-webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0);}90%{-webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0);}100%{-webkit-transform: none; transform: none;}} .bounceInLeft{-webkit-animation-name: bounceInLeft; animation-name: bounceInLeft;} @-webkit-keyframes bounceInRight{from, 60%, 75%, 90%, 100%{-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}from{opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0);}60%{opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0);}75%{-webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0);}90%{-webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0);}100%{-webkit-transform: none; transform: none;}} @keyframes bounceInRight{from, 60%, 75%, 90%, 100%{-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}from{opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0);}60%{opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0);}75%{-webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0);}90%{-webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0);}100%{-webkit-transform: none; transform: none;}} .bounceInRight{-webkit-animation-name: bounceInRight; animation-name: bounceInRight;} @-webkit-keyframes bounceInUp{from, 60%, 75%, 90%, 100%{-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}from{opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0);}60%{opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0);}75%{-webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0);}90%{-webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0);}100%{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} @keyframes bounceInUp{from, 60%, 75%, 90%, 100%{-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}from{opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0);}60%{opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0);}75%{-webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0);}90%{-webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0);}100%{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} .bounceInUp{-webkit-animation-name: bounceInUp; animation-name: bounceInUp;} @-webkit-keyframes bounceOut{20%{-webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9);}50%, 55%{opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1);}100%{opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3);}} @keyframes bounceOut{20%{-webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9);}50%, 55%{opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1);}100%{opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3);}} .bounceOut{-webkit-animation-name: bounceOut; animation-name: bounceOut;} @-webkit-keyframes bounceOutDown{20%{-webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0);}40%, 45%{opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0);}100%{opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0);}} @keyframes bounceOutDown{20%{-webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0);}40%, 45%{opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0);}100%{opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0);}} .bounceOutDown{-webkit-animation-name: bounceOutDown; animation-name: bounceOutDown;} @-webkit-keyframes bounceOutLeft{20%{opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0);}100%{opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0);}} @keyframes bounceOutLeft{20%{opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0);}100%{opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0);}} .bounceOutLeft{-webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft;} @-webkit-keyframes bounceOutRight{20%{opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0);}100%{opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0);}} @keyframes bounceOutRight{20%{opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0);}100%{opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0);}} .bounceOutRight{-webkit-animation-name: bounceOutRight; animation-name: bounceOutRight;} @-webkit-keyframes bounceOutUp{20%{-webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0);}40%, 45%{opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0);}100%{opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0);}} @keyframes bounceOutUp{20%{-webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0);}40%, 45%{opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0);}100%{opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0);}} .bounceOutUp{-webkit-animation-name: bounceOutUp; animation-name: bounceOutUp;} @-webkit-keyframes fadeIn{from{opacity: 0;}100%{opacity: 1;}} @keyframes fadeIn{from{opacity: 0;}100%{opacity: 1;}} .fadeIn{-webkit-animation-name: fadeIn; animation-name: fadeIn;} @-webkit-keyframes fadeInDown{from{opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);}100%{opacity: 1; -webkit-transform: none; transform: none;}} @keyframes fadeInDown{from{opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);}100%{opacity: 1; -webkit-transform: none; transform: none;}} .fadeInDown{-webkit-animation-name: fadeInDown; animation-name: fadeInDown;} @-webkit-keyframes fadeInDownBig{from{opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0);}100%{opacity: 1; -webkit-transform: none; transform: none;}} @keyframes fadeInDownBig{from{opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0);}100%{opacity: 1; -webkit-transform: none; transform: none;}} .fadeInDownBig{-webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig;} @-webkit-keyframes fadeInLeft{from{opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0);}100%{opacity: 1; -webkit-transform: none; transform: none;}} @keyframes fadeInLeft{from{opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0);}100%{opacity: 1; -webkit-transform: none; transform: none;}} .fadeInLeft{-webkit-animation-name: fadeInLeft; animation-name: fadeInLeft;} @-webkit-keyframes fadeInLeftBig{from{opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0);}100%{opacity: 1; -webkit-transform: none; transform: none;}} @keyframes fadeInLeftBig{from{opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0);}100%{opacity: 1; -webkit-transform: none; transform: none;}} .fadeInLeftBig{-webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig;} @-webkit-keyframes fadeInRight{from{opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0);}100%{opacity: 1; -webkit-transform: none; transform: none;}} @keyframes fadeInRight{from{opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0);}100%{opacity: 1; -webkit-transform: none; transform: none;}} .fadeInRight{-webkit-animation-name: fadeInRight; animation-name: fadeInRight;} @-webkit-keyframes fadeInRightBig{from{opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0);}100%{opacity: 1; -webkit-transform: none; transform: none;}} @keyframes fadeInRightBig{from{opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0);}100%{opacity: 1; -webkit-transform: none; transform: none;}} .fadeInRightBig{-webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig;} @-webkit-keyframes fadeInUp{from{opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0);}100%{opacity: 1; -webkit-transform: none; transform: none;}} @keyframes fadeInUp{from{opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0);}100%{opacity: 1; -webkit-transform: none; transform: none;}} .fadeInUp{-webkit-animation-name: fadeInUp; animation-name: fadeInUp;} @-webkit-keyframes fadeInUpBig{from{opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0);}100%{opacity: 1; -webkit-transform: none; transform: none;}} @keyframes fadeInUpBig{from{opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0);}100%{opacity: 1; -webkit-transform: none; transform: none;}} .fadeInUpBig{-webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig;} @-webkit-keyframes fadeOut{from{opacity: 1;}100%{opacity: 0;}} @keyframes fadeOut{from{opacity: 1;}100%{opacity: 0;}} .fadeOut{-webkit-animation-name: fadeOut; animation-name: fadeOut;} @-webkit-keyframes fadeOutDown{from{opacity: 1;}100%{opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0);}} @keyframes fadeOutDown{from{opacity: 1;}100%{opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0);}} .fadeOutDown{-webkit-animation-name: fadeOutDown; animation-name: fadeOutDown;} @-webkit-keyframes fadeOutDownBig{from{opacity: 1;}100%{opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0);}} @keyframes fadeOutDownBig{from{opacity: 1;}100%{opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0);}} .fadeOutDownBig{-webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig;} @-webkit-keyframes fadeOutLeft{from{opacity: 1;}100%{opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0);}} @keyframes fadeOutLeft{from{opacity: 1;}100%{opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0);}} .fadeOutLeft{-webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft;} @-webkit-keyframes fadeOutLeftBig{from{opacity: 1;}100%{opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0);}} @keyframes fadeOutLeftBig{from{opacity: 1;}100%{opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0);}} .fadeOutLeftBig{-webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig;} @-webkit-keyframes fadeOutRight{from{opacity: 1;}100%{opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0);}} @keyframes fadeOutRight{from{opacity: 1;}100%{opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0);}} .fadeOutRight{-webkit-animation-name: fadeOutRight; animation-name: fadeOutRight;} @-webkit-keyframes fadeOutRightBig{from{opacity: 1;}100%{opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0);}} @keyframes fadeOutRightBig{from{opacity: 1;}100%{opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0);}} .fadeOutRightBig{-webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig;} @-webkit-keyframes fadeOutUp{from{opacity: 1;}100%{opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);}} @keyframes fadeOutUp{from{opacity: 1;}100%{opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);}} .fadeOutUp{-webkit-animation-name: fadeOutUp; animation-name: fadeOutUp;} @-webkit-keyframes fadeOutUpBig{from{opacity: 1;}100%{opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0);}} @keyframes fadeOutUpBig{from{opacity: 1;}100%{opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0);}} .fadeOutUpBig{-webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig;} @-webkit-keyframes flip{from{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out;}40%{-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out;}50%{-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in;}80%{-webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in;}100%{-webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in;}} @keyframes flip{from{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out;}40%{-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out;}50%{-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in;}80%{-webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in;}100%{-webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in;}} .animated.flip{-webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip;} @-webkit-keyframes flipInX{from{-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0;}40%{-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in;}60%{-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1;}80%{-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg);}100%{-webkit-transform: perspective(400px); transform: perspective(400px);}} @keyframes flipInX{from{-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0;}40%{-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in;}60%{-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1;}80%{-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg);}100%{-webkit-transform: perspective(400px); transform: perspective(400px);}} .flipInX{-webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX;} @-webkit-keyframes flipInY{from{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0;}40%{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in;}60%{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1;}80%{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg);}100%{-webkit-transform: perspective(400px); transform: perspective(400px);}} @keyframes flipInY{from{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0;}40%{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in;}60%{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1;}80%{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg);}100%{-webkit-transform: perspective(400px); transform: perspective(400px);}} .flipInY{-webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY;} @-webkit-keyframes flipOutX{from{-webkit-transform: perspective(400px); transform: perspective(400px);}30%{-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1;}100%{-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0;}} @keyframes flipOutX{from{-webkit-transform: perspective(400px); transform: perspective(400px);}30%{-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1;}100%{-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0;}} .flipOutX{-webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important;} @-webkit-keyframes flipOutY{from{-webkit-transform: perspective(400px); transform: perspective(400px);}30%{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1;}100%{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0;}} @keyframes flipOutY{from{-webkit-transform: perspective(400px); transform: perspective(400px);}30%{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1;}100%{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0;}} .flipOutY{-webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY;} @-webkit-keyframes lightSpeedIn{from{-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0;}60%{-webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1;}80%{-webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1;}100%{-webkit-transform: none; transform: none; opacity: 1;}} @keyframes lightSpeedIn{from{-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0;}60%{-webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1;}80%{-webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1;}100%{-webkit-transform: none; transform: none; opacity: 1;}} .lightSpeedIn{-webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out;} @-webkit-keyframes lightSpeedOut{from{opacity: 1;}100%{-webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0;}} @keyframes lightSpeedOut{from{opacity: 1;}100%{-webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0;}} .lightSpeedOut{-webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in;} @-webkit-keyframes rotateIn{from{-webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0;}100%{-webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1;}} @keyframes rotateIn{from{-webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0;}100%{-webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1;}} .rotateIn{-webkit-animation-name: rotateIn; animation-name: rotateIn;} @-webkit-keyframes rotateInDownLeft{from{-webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0;}100%{-webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1;}} @keyframes rotateInDownLeft{from{-webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0;}100%{-webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1;}} .rotateInDownLeft{-webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft;} @-webkit-keyframes rotateInDownRight{from{-webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0;}100%{-webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1;}} @keyframes rotateInDownRight{from{-webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0;}100%{-webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1;}} .rotateInDownRight{-webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight;} @-webkit-keyframes rotateInUpLeft{from{-webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0;}100%{-webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1;}} @keyframes rotateInUpLeft{from{-webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0;}100%{-webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1;}} .rotateInUpLeft{-webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft;} @-webkit-keyframes rotateInUpRight{from{-webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0;}100%{-webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1;}} @keyframes rotateInUpRight{from{-webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0;}100%{-webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1;}} .rotateInUpRight{-webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight;} @-webkit-keyframes rotateOut{from{-webkit-transform-origin: center; transform-origin: center; opacity: 1;}100%{-webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0;}} @keyframes rotateOut{from{-webkit-transform-origin: center; transform-origin: center; opacity: 1;}100%{-webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0;}} .rotateOut{-webkit-animation-name: rotateOut; animation-name: rotateOut;} @-webkit-keyframes rotateOutDownLeft{from{-webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1;}100%{-webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0;}} @keyframes rotateOutDownLeft{from{-webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1;}100%{-webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0;}} .rotateOutDownLeft{-webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft;} @-webkit-keyframes rotateOutDownRight{from{-webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1;}100%{-webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0;}} @keyframes rotateOutDownRight{from{-webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1;}100%{-webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0;}} .rotateOutDownRight{-webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight;} @-webkit-keyframes rotateOutUpLeft{from{-webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1;}100%{-webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0;}} @keyframes rotateOutUpLeft{from{-webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1;}100%{-webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0;}} .rotateOutUpLeft{-webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft;} @-webkit-keyframes rotateOutUpRight{from{-webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1;}100%{-webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0;}} @keyframes rotateOutUpRight{from{-webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1;}100%{-webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0;}} .rotateOutUpRight{-webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight;} @-webkit-keyframes hinge{0%{-webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;}20%, 60%{-webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;}40%, 80%{-webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1;}100%{-webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0;}} @keyframes hinge{0%{-webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;}20%, 60%{-webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;}40%, 80%{-webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1;}100%{-webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0;}} .hinge{-webkit-animation-name: hinge; animation-name: hinge;} @-webkit-keyframes rollIn{from{opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);}100%{opacity: 1; -webkit-transform: none; transform: none;}} @keyframes rollIn{from{opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);}100%{opacity: 1; -webkit-transform: none; transform: none;}} .rollIn{-webkit-animation-name: rollIn; animation-name: rollIn;} @-webkit-keyframes rollOut{from{opacity: 1;}100%{opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);}} @keyframes rollOut{from{opacity: 1;}100%{opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);}} .rollOut{-webkit-animation-name: rollOut; animation-name: rollOut;} @-webkit-keyframes zoomIn{from{opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3);}50%{opacity: 1;}} @keyframes zoomIn{from{opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3);}50%{opacity: 1;}} .zoomIn{-webkit-animation-name: zoomIn; animation-name: zoomIn;} @-webkit-keyframes zoomInDown{from{opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}60%{opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}} @keyframes zoomInDown{from{opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}60%{opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}} .zoomInDown{-webkit-animation-name: zoomInDown; animation-name: zoomInDown;} @-webkit-keyframes zoomInLeft{from{opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}60%{opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}} @keyframes zoomInLeft{from{opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}60%{opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}} .zoomInLeft{-webkit-animation-name: zoomInLeft; animation-name: zoomInLeft;} @-webkit-keyframes zoomInRight{from{opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}60%{opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}} @keyframes zoomInRight{from{opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}60%{opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}} .zoomInRight{-webkit-animation-name: zoomInRight; animation-name: zoomInRight;} @-webkit-keyframes zoomInUp{from{opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}60%{opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}} @keyframes zoomInUp{from{opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}60%{opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}} .zoomInUp{-webkit-animation-name: zoomInUp; animation-name: zoomInUp;} @-webkit-keyframes zoomOut{from{opacity: 1;}50%{opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3);}100%{opacity: 0;}} @keyframes zoomOut{from{opacity: 1;}50%{opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3);}100%{opacity: 0;}} .zoomOut{-webkit-animation-name: zoomOut; animation-name: zoomOut;} @-webkit-keyframes zoomOutDown{40%{opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}100%{opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}} @keyframes zoomOutDown{40%{opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}100%{opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}} .zoomOutDown{-webkit-animation-name: zoomOutDown; animation-name: zoomOutDown;} @-webkit-keyframes zoomOutLeft{40%{opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);}100%{opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center;}} @keyframes zoomOutLeft{40%{opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);}100%{opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center;}} .zoomOutLeft{-webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft;} @-webkit-keyframes zoomOutRight{40%{opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);}100%{opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center;}} @keyframes zoomOutRight{40%{opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);}100%{opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center;}} .zoomOutRight{-webkit-animation-name: zoomOutRight; animation-name: zoomOutRight;} @-webkit-keyframes zoomOutUp{40%{opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}100%{opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}} @keyframes zoomOutUp{40%{opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}100%{opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}} .zoomOutUp{-webkit-animation-name: zoomOutUp; animation-name: zoomOutUp;} @-webkit-keyframes slideInDown{from{-webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible;}100%{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} @keyframes slideInDown{from{-webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible;}100%{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} .slideInDown{-webkit-animation-name: slideInDown; animation-name: slideInDown;} @-webkit-keyframes slideInLeft{from{-webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible;}100%{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} @keyframes slideInLeft{from{-webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible;}100%{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} .slideInLeft{-webkit-animation-name: slideInLeft; animation-name: slideInLeft;} @-webkit-keyframes slideInRight{from{-webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible;}100%{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} @keyframes slideInRight{from{-webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible;}100%{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} .slideInRight{-webkit-animation-name: slideInRight; animation-name: slideInRight;} @-webkit-keyframes slideInUp{from{-webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible;}100%{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} @keyframes slideInUp{from{-webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible;}100%{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} .slideInUp{-webkit-animation-name: slideInUp; animation-name: slideInUp;} @-webkit-keyframes slideOutDown{from{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}100%{visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0);}} @keyframes slideOutDown{from{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}100%{visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0);}} .slideOutDown{-webkit-animation-name: slideOutDown; animation-name: slideOutDown;} @-webkit-keyframes slideOutLeft{from{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}100%{visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0);}} @keyframes slideOutLeft{from{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}100%{visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0);}} .slideOutLeft{-webkit-animation-name: slideOutLeft; animation-name: slideOutLeft;} @-webkit-keyframes slideOutRight{from{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}100%{visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0);}} @keyframes slideOutRight{from{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}100%{visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0);}} .slideOutRight{-webkit-animation-name: slideOutRight; animation-name: slideOutRight;} @-webkit-keyframes slideOutUp{from{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}100%{visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);}} @keyframes slideOutUp{from{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}100%{visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);}} .slideOutUp{-webkit-animation-name: slideOutUp; animation-name: slideOutUp;} .checkbox label::before{background: none; border-color: #aaa;} .checkbox label::after{color: #eee;} .radio label::before{background: none; border-color: #aaa;} .radio label::after{background-color: #eee;} .checkbox-dark input[type="checkbox"]:checked + label::after{color: #666;} a:focus{outline: none;} ul, ol{margin: 0;} hr{border-top: none;} blockquote.blockquote-sm{padding: 0 0 0 15px; font-size: 13px;} blockquote p{font-size: inherit; margin-bottom: 9px;} h1{font-size: 35.75px;} h2{font-size: 29.25px;} h3{font-size: 22.75px;} h4{font-size: 16.25px;} h5{font-size: 13px;} h6{font-size: 11.05px;} h1 small{font-size: 22.75px;} h2 small{font-size: 16.25px;} h3 small{font-size: 13px;} h4 small{font-size: 13px;} .text-primary{color: #4e91ce;} .text-warning{color: #f2c34d;} .text-danger{color: #f25118;} .text-success{color: #3ecd74;} .text-info{color: #4ab0ce;} @media (min-width: 768px){.lead{font-size: 16px;}} code, pre{border-radius: 3px;} label, input, button, select, textarea{font-weight: 300;} legend small{color: #d2d2d2; font-size: 14px;} .form-control{-webkit-transition: border linear 0.2s, box-shadow linear 0.2s; -o-transition: border linear 0.2s, box-shadow linear 0.2s; transition: border linear 0.2s, box-shadow linear 0.2s;} .form-control[type=search], .form-control.search{padding-left: 26px;} select:focus, input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus{outline: none;} .input-group-btn > .btn{z-index: 2;} .btn-group + .help-block, input + .help-block, select + .help-block, textarea + .help-block, .uneditable-input + .help-block, .input-prepend + .help-block, .input-append + .help-block{margin-top: 4.5px;} .help-block{margin-top: 0; font-size: 11px; color: #d2d2d2;} .search-query, .navbar-form .search-query{border-radius: 3px; line-height: 18px;} .form-horizontal input + .help-block, .form-horizontal select + .help-block, .form-horizontal textarea + .help-block, .form-horizontal .uneditable-input + .help-block, .form-horizontal .input-prepend + .help-block, .form-horizontal .input-append + .help-block{margin-top: 4.5px;} .form-group{margin-bottom: 18px;} @media (min-width: 768px){.form-horizontal.form-label-left .control-label{text-align: left;}} .input-group-addon{color: #d2d2d2;} .table .table{background-color: rgba(51, 51, 51, 0.3);} .table-hover tbody td, .table-hover tbody th{-webkit-transition: background-color 0.2s; -o-transition: background-color 0.2s; transition: background-color 0.2s;} .table thead > tr > th{border-bottom: none; font-weight: 600; text-transform: uppercase; border-bottom-width: 1px;} .table td > .checkbox, .table th > .checkbox{position: relative; left: 3px; margin-top: 0; margin-bottom: 0; padding-left: 0;} .table td > .checkbox > label:before, .table td > .checkbox > label:after, .table th > .checkbox > label:before, .table th > .checkbox > label:after{margin-left: 0;} .table > thead > tr > th{font-weight: 600; text-transform: uppercase; border-bottom-width: 1px;} .table-lg > thead > tr > th, .table-lg > thead > tr > td, .table-lg > tbody > tr > th, .table-lg > tbody > tr > td, .table-lg > tfoot > tr > th, .table-lg > tfoot > tr > td{padding: 10px;} .table-sm > thead > tr > th, .table-sm > thead > tr > td, .table-sm > tbody > tr > th, .table-sm > tbody > tr > td, .table-sm > tfoot > tr > th, .table-sm > tfoot > tr > td{padding: 6px;} .dropdown-menu{border-radius: 6px;} .dropdown-menu > li > a{font-weight: 300;} .btn:focus{outline: none;} .btn{color: #ffffff; text-shadow: none; -webkit-box-shadow: none; box-shadow: none;} .btn:hover, .btn:focus{color: #ffffff; -webkit-box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.08); box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.08);} .btn.active:hover{color: #ffffff; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);} .btn.disabled, .pager .disabled button, .btn[disabled]{color: #ffffff;} .btn .caret{border-top-color: #fff;} .btn-group > .btn + .btn{margin-left: 0;} .btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active{z-index: auto;} .btn-group > .btn + .dropdown-toggle{-webkit-box-shadow: none; box-shadow: none;} .btn-toolbar{font-size: 0; margin-top: 0.7142857145; margin-bottom: 0.7142857145;} .btn-toolbar > .btn + .btn, .btn-toolbar > .btn-group + .btn, .btn-toolbar > .btn + .btn-group{margin-left: 5px;} .tabbable:before, .tabbable:after{content: " "; display: table;} .tabbable:after{clear: both;} .tab-content{overflow: auto;} .tabs-below > .nav-tabs, .tabs-right > .nav-tabs, .tabs-left > .nav-tabs{border-bottom: 0;} .tab-content > .tab-pane, .pill-content > .pill-pane{display: none;} .tab-content > .active, .pill-content > .active{display: block;} .tabs-below > .nav-tabs > li{margin-top: -1px; margin-bottom: 0;} .tabs-below > .nav-tabs > li > a{border-radius: 0 0 3px 3px;} .tabs-below > .nav-tabs > li > a:hover, .tabs-below > .nav-tabs > li > a:focus{border-bottom-color: transparent; border-top-color: #ddd;} .tabs-below > .nav-tabs > .active > a, .tabs-below > .nav-tabs > .active > a:hover, .tabs-below > .nav-tabs > .active > a:focus{border-color: transparent; border-top-color: transparent;} .tabs-left > .nav-tabs > li, .tabs-right > .nav-tabs > li{float: none;} .tabs-left > .nav-tabs > li > a, .tabs-right > .nav-tabs > li > a{min-width: 74px; margin-right: 0; margin-bottom: 3px;} .tabs-left > .nav-tabs{float: left; margin-right: 19px; border-right: 1px solid #ddd;} .tabs-left > .nav-tabs > li > a{margin-right: -1px; border-radius: 3px 0 0 3px;} .tabs-left > .nav-tabs > li > a:hover, .tabs-left > .nav-tabs > li > a:focus{border-color: #eeeeee #ddd #eeeeee #eeeeee;} .tabs-left > .nav-tabs .active > a, .tabs-left > .nav-tabs .active > a:hover, .tabs-left > .nav-tabs .active > a:focus{border-color: #ddd transparent #ddd #ddd;} .tabs-right > .nav-tabs{float: right; margin-left: 19px; border-left: 1px solid #ddd;} .tabs-right > .nav-tabs > li > a{margin-left: -1px; border-radius: 0 3px 3px 0;} .tabs-right > .nav-tabs > li > a:hover, .tabs-right > .nav-tabs > li > a:focus{border-color: #eeeeee #eeeeee #eeeeee #ddd;} .tabs-right > .nav-tabs .active > a, .tabs-right > .nav-tabs .active > a:hover, .tabs-right > .nav-tabs .active > a:focus{border-color: #ddd #ddd #ddd transparent;} .nav{margin-bottom: 0;} .nav .open > a, .nav .open > a:hover, .nav .open > a:focus{background-color: #eeeeee; border-color: transparent;} .nav > li > a{-webkit-transition: background-color 0.2s; -o-transition: background-color 0.2s; transition: background-color 0.2s;} .nav > li > a:hover, .nav > li > a:focus, .nav .open > a, .nav .open > a:hover, .nav .open > a:focus{background-color: rgba(51, 51, 51, 0.25);} .nav-tabs > li > a{border-radius: 3px 3px 0 0; color: #f8f8f8; padding-top: 8px; padding-bottom: 8px;} .nav-tabs > li > a:hover, .nav-tabs > li > a:focus{border-color: transparent;} .nav-tabs > .active{margin-bottom: 0;} .nav-tabs{border-bottom: none;} .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{color: #f8f8f8; background-color: rgba(51, 51, 51, 0.3); border-color: transparent; border-bottom-color: transparent;} .nav-tabs .dropdown-menu{border-radius: 0 0 3px 3px;} .nav-pills .dropdown-menu{border-radius: 3px;} .tabs-below > .nav-tabs{border-top: none;} .tabs-below > .nav-tabs > li > a{border-radius: 0 0 3px 3px;} .tabs-left > .nav-tabs{margin-right: 0; border-right: none;} .tabs-left > .nav-tabs > li > a{border-radius: 3px 0 0 3px;} .tabs-right > .nav-tabs{margin-left: 0; border-left: none;} .tabs-right > .nav-tabs > li > a{border-radius: 0 3px 3px 0;} .tabs-below > .nav-tabs > li{margin-top: 0;} .tabs-below > .nav-tabs > li > a:hover, .tabs-below > .nav-tabs > li > a:focus{border-top-color: transparent;} .tabs-left > .nav-tabs > li > a{margin-right: 0;} .tabs-left > .nav-tabs > li > a:hover, .tabs-left > .nav-tabs > li > a:focus{border-color: transparent;} .tabs-left > .nav-tabs .active > a, .tabs-left > .nav-tabs .active > a:hover, .tabs-left > .nav-tabs .active > a:focus{border-color: transparent; border-right-color: transparent;} .tabs-left > .nav-tabs .active{margin-right: 0;} .tabs-right > .nav-tabs .active{margin-left: 0;} .tabs-right > .nav-tabs > li > a{margin-left: 0;} .tabs-right > .nav-tabs > li > a:hover, .tabs-right > .nav-tabs > li > a:focus{border-color: transparent;} .tabs-right > .nav-tabs .active > a, .tabs-right > .nav-tabs .active > a:hover, .tabs-right > .nav-tabs .active > a:focus{border-color: transparent; border-left-color: transparent;} .nav-pills > li > a{margin-top: 2px; margin-bottom: 2px; border-radius: 3px; background: rgba(51, 51, 51, 0.3);} .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus{color: white; background: none;} .nav-justified > li, .nav-tabs.nav-justified > li{padding: 0 1.28%;} .navbar{margin: 0;} .navbar .btn-navbar{border: none; -webkit-box-shadow: none; box-shadow: none;} .navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus{background: none; -webkit-box-shadow: none; box-shadow: none;} .navbar-nav{margin: -7px;} .navbar-nav > li > a{padding-top: 10px; padding-bottom: 10px; line-height: 18px;} @media (max-width: 767px){.navbar-nav .open .dropdown-menu{position: absolute; float: left; margin: 2px 0 0; background-color: rgba(51, 51, 51, 0.85); border: 0; box-shadow: none;}} .breadcrumb a{color: #f8f8f8; text-decoration: none;} .breadcrumb a:hover{color: #b8b8b8;} .content > .breadcrumb{padding-left: 0; padding-right: 0; margin-top: 11px; margin-bottom: 9px;} .pagination{font-weight: 400;} .pagination > li{display: inline;} .pagination > li > a, .pagination > li > span{border-radius: 3px; margin: 0 2px;} .modal{color: #555; border-radius: 3px;} .modal h1, .modal h2, .modal h3, .modal h4, .modal h5, .modal h6{color: #555;} .modal-footer{background-color: #f5f5f5;} .tooltip{font-size: 12px;} .tooltip-inner{padding: 4px; white-space: nowrap;} .popover{color: #f8f8f8; border-radius: 3px;} .popover h1, .popover h2, .popover h3, .popover h4, .popover h5, .popover h6{color: #f8f8f8;} .popover-title{border-radius: 3px 3px 0 0;} .thumbnail{border: none; -webkit-box-shadow: none; box-shadow: none;} .widget .thumbnail{border: none;} .thumbnail .caption{color: #f8f8f8;} .label, .badge{display: inline-block; padding: 2px 4px; line-height: 14px; text-shadow: none; font-weight: 600; font-size: 11px;} .badge{padding: 2px 9px;} .badge-default{background-color: #999999;} .badge-default[href]:hover, .badge-default[href]:focus{background-color: gray;} .badge-primary{background-color: #4e91ce;} .badge-primary[href]:hover, .badge-primary[href]:focus{background-color: #3378b6;} .badge-success{background-color: #3ecd74;} .badge-success[href]:hover, .badge-success[href]:focus{background-color: #2cac5c;} .badge-info{background-color: #4ab0ce;} .badge-info[href]:hover, .badge-info[href]:focus{background-color: #3196b4;} .badge-warning{background-color: #f2c34d;} .badge-warning[href]:hover, .badge-warning[href]:focus{background-color: #efb31d;} .badge-danger{background-color: #f25118;} .badge-danger[href]:hover, .badge-danger[href]:focus{background-color: #cc3e0b;} .widget > .jumbotron{margin: -12px -17px;} .jumbotron h1, .jumbotron .h1{line-height: 1;} .alert{text-shadow: none; font-weight: normal;} .close{-webkit-transition: opacity 0.2s ease-out; -o-transition: opacity 0.2s ease-out; transition: opacity 0.2s ease-out; text-shadow: none;} .alert-sm{padding: 10px 12px; font-size: 12px;} .alert-sm .close{font-size: 18px;} .list-group{margin-bottom: 0;} .widget > .list-group{margin: -12px -17px;} .widget .body > .list-group{margin: 0 -17px -12px;} .widget .body > .list-group .list-group-item:first-child{border-top: 1px solid rgba(51, 51, 51, 0.3);} .list-group-item{border: none; -webkit-transition: background-color 0.2s ease-out; -o-transition: background-color 0.2s ease-out; transition: background-color 0.2s ease-out; color: #f8f8f8;} .widget .list-group-item{background: none;} .widget .list-group-item + .list-group-item{border-top: 1px solid rgba(51, 51, 51, 0.3);} .list-group-outer .list-group-item + .list-group-item{margin-top: 10px;} .list-group-item > .fa-chevron-right{margin-top: 3px; margin-left: 6px; color: #ebebeb;} .list-group-lg .list-group-item{padding: 15px 15px;} .list-group:last-of-type .list-group-item:last-child{border-bottom: 0;} .progress{background: rgba(0, 0, 0, 0.15);} .progress-sm{height: 10px; margin-bottom: 9px;} .progress-xs{height: 5px; margin-bottom: 9px;} .panel-heading{padding: 0;} .panel-heading > .accordion-toggle{display: block; padding: 8px 15px;} .panel-group .panel-heading + .panel-collapse .panel-body{border-top: 1px solid rgba(51, 51, 51, 0.3);} .panel-group .panel-footer + .panel-collapse .panel-body{border-bottom: 1px solid rgba(51, 51, 51, 0.3);} .panel{border: none; background-color: rgba(51, 51, 51, 0.4); -webkit-box-shadow: none; box-shadow: none;} .content .panel{color: #f8f8f8;} .panel .panel-heading a{color: white; font-weight: 300;} .panel .panel-heading a:focus{text-decoration: none;} .panel .panel-heading a.collapsed{color: #d2d2d2;} .panel .panel-heading a[data-toggle="collapse"]:before{display: inline-block; font-family: FontAwesome; content: "\f107"; float: right; margin-right: -8px; position: relative; top: 1px; -webkit-transition: transform 0.3s ease-in-out; -o-transition: transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out;} .panel .panel-heading a[data-toggle="collapse"].collapsed:before{transform: rotate(90deg);} .panel-body{border-top-color: rgba(51, 51, 51, 0.3);} .widget > .carousel{margin: 0 -17px 5px;} .carousel-control.left, .carousel-control.right{background: none;} .carousel-control i{position: absolute; top: 50%; left: 50%; z-index: 5; display: inline-block; width: 20px; height: 20px; margin-left: -10px; margin-top: -10px;} .carousel-indicators.outer{bottom: -10px;} .carousel-indicators li{background-color: rgba(51, 51, 51, 0.3);} .well{-webkit-box-shadow: none; box-shadow: none;} .nvd3 .nv-axis{pointer-events: none; opacity: 1;} .nvd3 .nv-axis path{fill: none; stroke: #000; stroke-opacity: .75; shape-rendering: crispEdges;} .nvd3 .nv-axis path.domain{stroke-opacity: .75;} .nvd3 .nv-axis.nv-x path.domain{stroke-opacity: 0;} .nvd3 .nv-axis line{fill: none; stroke: #e5e5e5; shape-rendering: crispEdges;} .nvd3 .nv-axis .zero line, .nvd3 .nv-axis line.zero{stroke-opacity: .75;} .nvd3 .nv-axis .nv-axisMaxMin text{font-weight: bold;} .nvd3 .x .nv-axis .nv-axisMaxMin text, .nvd3 .x2 .nv-axis .nv-axisMaxMin text, .nvd3 .x3 .nv-axis .nv-axisMaxMin text{text-anchor: middle;} .nvd3 .nv-axis.nv-disabled{opacity: 0;} .nvd3 .nv-bars rect{fill-opacity: .75; transition: fill-opacity 250ms linear; -moz-transition: fill-opacity 250ms linear; -webkit-transition: fill-opacity 250ms linear;} .nvd3 .nv-bars rect.hover{fill-opacity: 1;} .nvd3 .nv-bars .hover rect{fill: lightblue;} .nvd3 .nv-bars text{fill: transparent;} .nvd3 .nv-bars .hover text{fill: black;} .nvd3 .nv-multibar .nv-groups rect, .nvd3 .nv-multibarHorizontal .nv-groups rect, .nvd3 .nv-discretebar .nv-groups rect{stroke-opacity: 0; transition: fill-opacity 250ms linear; -moz-transition: fill-opacity 250ms linear; -webkit-transition: fill-opacity 250ms linear;} .nvd3 .nv-multibar .nv-groups rect:hover, .nvd3 .nv-multibarHorizontal .nv-groups rect:hover, .nvd3 .nv-candlestickBar .nv-ticks rect:hover, .nvd3 .nv-discretebar .nv-groups rect:hover{fill-opacity: 1;} .nvd3 .nv-discretebar .nv-groups text, .nvd3 .nv-multibarHorizontal .nv-groups text{font-weight: bold; fill: black; stroke: transparent;} .nvd3 .nv-boxplot circle{fill-opacity: 0.5;} .nvd3 .nv-boxplot circle:hover{fill-opacity: 1;} .nvd3 .nv-boxplot rect:hover{fill-opacity: 1;} .nvd3 line.nv-boxplot-median{stroke: black;} .nv-boxplot-tick:hover{stroke-width: 2.5px;} .nvd3.nv-bullet{font: 10px sans-serif;} .nvd3.nv-bullet .nv-measure{fill-opacity: .8;} .nvd3.nv-bullet .nv-measure:hover{fill-opacity: 1;} .nvd3.nv-bullet .nv-marker{stroke: #000; stroke-width: 2px;} .nvd3.nv-bullet .nv-markerTriangle{stroke: #000; fill: #fff; stroke-width: 1.5px;} .nvd3.nv-bullet .nv-tick line{stroke: #666; stroke-width: .5px;} .nvd3.nv-bullet .nv-range.nv-s0{fill: #eee;} .nvd3.nv-bullet .nv-range.nv-s1{fill: #ddd;} .nvd3.nv-bullet .nv-range.nv-s2{fill: #ccc;} .nvd3.nv-bullet .nv-title{font-size: 14px; font-weight: bold;} .nvd3.nv-bullet .nv-subtitle{fill: #999;} .nvd3.nv-bullet .nv-range{fill: #bababa; fill-opacity: .4;} .nvd3.nv-bullet .nv-range:hover{fill-opacity: .7;} .nvd3.nv-candlestickBar .nv-ticks .nv-tick{stroke-width: 1px;} .nvd3.nv-candlestickBar .nv-ticks .nv-tick.hover{stroke-width: 2px;} .nvd3.nv-candlestickBar .nv-ticks .nv-tick.positive rect{stroke: #2ca02c; fill: #2ca02c;} .nvd3.nv-candlestickBar .nv-ticks .nv-tick.negative rect{stroke: #d62728; fill: #d62728;} .with-transitions .nv-candlestickBar .nv-ticks .nv-tick{transition: stroke-width 250ms linear, stroke-opacity 250ms linear; -moz-transition: stroke-width 250ms linear, stroke-opacity 250ms linear; -webkit-transition: stroke-width 250ms linear, stroke-opacity 250ms linear;} .nvd3.nv-candlestickBar .nv-ticks line{stroke: #333;} .nvd3 .nv-legend .nv-disabled rect{} .nvd3 .nv-check-box .nv-box{fill-opacity: 0; stroke-width: 2;} .nvd3 .nv-check-box .nv-check{fill-opacity: 0; stroke-width: 4;} .nvd3 .nv-series.nv-disabled .nv-check-box .nv-check{fill-opacity: 0; stroke-opacity: 0;} .nvd3 .nv-controlsWrap .nv-legend .nv-check-box .nv-check{opacity: 0;} .nvd3.nv-linePlusBar .nv-bar rect{fill-opacity: .75;} .nvd3.nv-linePlusBar .nv-bar rect:hover{fill-opacity: 1;} .nvd3 .nv-groups path.nv-line{fill: none;} .nvd3 .nv-groups path.nv-area{stroke: none;} .nvd3.nv-line .nvd3.nv-scatter .nv-groups .nv-point{fill-opacity: 0; stroke-opacity: 0;} .nvd3.nv-scatter.nv-single-point .nv-groups .nv-point{fill-opacity: .5 !important; stroke-opacity: .5 !important;} .with-transitions .nvd3 .nv-groups .nv-point{transition: stroke-width 250ms linear, stroke-opacity 250ms linear; -moz-transition: stroke-width 250ms linear, stroke-opacity 250ms linear; -webkit-transition: stroke-width 250ms linear, stroke-opacity 250ms linear;} .nvd3.nv-scatter .nv-groups .nv-point.hover, .nvd3 .nv-groups .nv-point.hover{stroke-width: 7px; fill-opacity: .95 !important; stroke-opacity: .95 !important;} .nvd3 .nv-point-paths path{stroke: #aaa; stroke-opacity: 0; fill: #eee; fill-opacity: 0;} .nvd3 .nv-indexLine{cursor: ew-resize;} svg.nvd3-svg{-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -ms-user-select: none; -moz-user-select: none; user-select: none; display: block; width: 100%; height: 100%;} .nvtooltip.with-3d-shadow, .with-3d-shadow .nvtooltip{-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;} .nvd3 text{font: normal 12px Arial;} .nvd3 .title{font: bold 14px Arial;} .nvd3 .nv-background{fill: white; fill-opacity: 0;} .nvd3.nv-noData{font-size: 18px; font-weight: bold;} .nv-brush .extent{fill-opacity: .125; shape-rendering: crispEdges;} .nv-brush .resize path{fill: #eee; stroke: #666;} .nvd3 .nv-legend .nv-series{cursor: pointer;} .nvd3 .nv-legend .nv-disabled circle{fill-opacity: 0;} .nvd3 .nv-brush .extent{fill-opacity: 0 !important;} .nvd3 .nv-brushBackground rect{stroke: #000; stroke-width: .4; fill: #fff; fill-opacity: .7;} .nvd3.nv-ohlcBar .nv-ticks .nv-tick{stroke-width: 1px;} .nvd3.nv-ohlcBar .nv-ticks .nv-tick.hover{stroke-width: 2px;} .nvd3.nv-ohlcBar .nv-ticks .nv-tick.positive{stroke: #2ca02c;} .nvd3.nv-ohlcBar .nv-ticks .nv-tick.negative{stroke: #d62728;} .nvd3 .background path{fill: none; stroke: #EEE; stroke-opacity: .4; shape-rendering: crispEdges;} .nvd3 .foreground path{fill: none; stroke-opacity: .7;} .nvd3 .nv-parallelCoordinates-brush .extent{fill: #fff; fill-opacity: .6; stroke: gray; shape-rendering: crispEdges;} .nvd3 .nv-parallelCoordinates .hover{fill-opacity: 1; stroke-width: 3px;} .nvd3 .missingValuesline line{fill: none; stroke: black; stroke-width: 1; stroke-opacity: 1; stroke-dasharray: 5, 5;} .nvd3.nv-pie path{stroke-opacity: 0; transition: fill-opacity 250ms linear, stroke-width 250ms linear, stroke-opacity 250ms linear; -moz-transition: fill-opacity 250ms linear, stroke-width 250ms linear, stroke-opacity 250ms linear; -webkit-transition: fill-opacity 250ms linear, stroke-width 250ms linear, stroke-opacity 250ms linear;} .nvd3.nv-pie .nv-pie-title{font-size: 24px; fill: rgba(19, 196, 249, 0.59);} .nvd3.nv-pie .nv-slice text{stroke: #000; stroke-width: 0;} .nvd3.nv-pie path{stroke: #fff; stroke-width: 1px; stroke-opacity: 1;} .nvd3.nv-pie .hover path{fill-opacity: .7;} .nvd3.nv-pie .nv-label{pointer-events: none;} .nvd3.nv-pie .nv-label rect{fill-opacity: 0; stroke-opacity: 0;} .nvd3 .nv-groups .nv-point.hover{stroke-width: 20px; stroke-opacity: .5;} .nvd3 .nv-scatter .nv-point.hover{fill-opacity: 1;} .nv-noninteractive{pointer-events: none;} .nv-distx, .nv-disty{pointer-events: none;} .nvd3.nv-sparkline path{fill: none;} .nvd3.nv-sparklineplus g.nv-hoverValue{pointer-events: none;} .nvd3.nv-sparklineplus .nv-hoverValue line{stroke: #333; stroke-width: 1.5px;} .nvd3.nv-sparklineplus, .nvd3.nv-sparklineplus g{pointer-events: all;} .nvd3 .nv-hoverArea{fill-opacity: 0; stroke-opacity: 0;} .nvd3.nv-sparklineplus .nv-xValue, .nvd3.nv-sparklineplus .nv-yValue{stroke-width: 0; font-size: .9em; font-weight: normal;} .nvd3.nv-sparklineplus .nv-yValue{stroke: #f66;} .nvd3.nv-sparklineplus .nv-maxValue{stroke: #2ca02c; fill: #2ca02c;} .nvd3.nv-sparklineplus .nv-minValue{stroke: #d62728; fill: #d62728;} .nvd3.nv-sparklineplus .nv-currentValue{font-weight: bold; font-size: 1.1em;} .nvd3.nv-stackedarea path.nv-area{fill-opacity: .7; stroke-opacity: 0; transition: fill-opacity 250ms linear, stroke-opacity 250ms linear; -moz-transition: fill-opacity 250ms linear, stroke-opacity 250ms linear; -webkit-transition: fill-opacity 250ms linear, stroke-opacity 250ms linear;} .nvd3.nv-stackedarea path.nv-area.hover{fill-opacity: .9;} .nvd3.nv-stackedarea .nv-groups .nv-point{stroke-opacity: 0; fill-opacity: 0;} .nvtooltip{position: absolute; background-color: white; color: black; padding: 1px; border: 1px solid rgba(0, 0, 0, 0.2); z-index: 10000; display: block; font-family: Arial; font-size: 13px; text-align: left; pointer-events: none; white-space: nowrap; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} .nvtooltip{background: rgba(255, 255, 255, 0.8); border: 1px solid rgba(0, 0, 0, 0.5); border-radius: 4px;} .nvtooltip.with-transitions, .with-transitions .nvtooltip{transition: opacity 50ms linear; -moz-transition: opacity 50ms linear; -webkit-transition: opacity 50ms linear; transition-delay: 200ms; -moz-transition-delay: 200ms; -webkit-transition-delay: 200ms;} .nvtooltip.x-nvtooltip, .nvtooltip.y-nvtooltip{padding: 8px;} .nvtooltip h3{margin: 0; padding: 4px 14px; line-height: 18px; font-weight: normal; background-color: rgba(247, 247, 247, 0.75); color: black; text-align: center; border-bottom: 1px solid #ebebeb; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0;} .nvtooltip p{margin: 0; padding: 5px 14px; text-align: center;} .nvtooltip span{display: inline-block; margin: 2px 0;} .nvtooltip table{margin: 6px; border-spacing: 0;} .nvtooltip table td{padding: 2px 9px 2px 0; vertical-align: middle;} .nvtooltip table td.key{font-weight: normal;} .nvtooltip table td.value{text-align: right; font-weight: bold;} .nvtooltip table tr.highlight td{padding: 1px 9px 1px 0; border-bottom-style: solid; border-bottom-width: 1px; border-top-style: solid; border-top-width: 1px;} .nvtooltip table td.legend-color-guide div{width: 8px; height: 8px; vertical-align: middle;} .nvtooltip table td.legend-color-guide div{width: 12px; height: 12px; border: 1px solid #999;} .nvtooltip .footer{padding: 3px; text-align: center;} .nvtooltip-pending-removal{pointer-events: none; display: none;} .nvd3 .nv-interactiveGuideLine{pointer-events: none;} .nvd3 line.nv-guideline{stroke: #ccc;} .bootstrap-select{width: 220px \0;} .bootstrap-select > .dropdown-toggle{width: 100%; padding-right: 25px;} .has-error .bootstrap-select .dropdown-toggle, .error .bootstrap-select .dropdown-toggle{border-color: #b94a48;} .bootstrap-select.fit-width{width: auto !important;} .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){width: 220px;} .bootstrap-select .dropdown-toggle:focus{outline: thin dotted #333333 !important; outline: 5px auto -webkit-focus-ring-color !important; outline-offset: -2px;} .bootstrap-select.form-control{margin-bottom: 0; padding: 0; border: none;} .bootstrap-select.form-control:not([class*="col-"]){width: 100%;} .bootstrap-select.form-control.input-group-btn{z-index: auto;} .bootstrap-select.btn-group:not(.input-group-btn), .bootstrap-select.btn-group[class*="col-"]{float: none; display: inline-block; margin-left: 0;} .bootstrap-select.btn-group.dropdown-menu-right, .bootstrap-select.btn-group[class*="col-"].dropdown-menu-right, .row .bootstrap-select.btn-group[class*="col-"].dropdown-menu-right{float: right;} .form-inline .bootstrap-select.btn-group, .form-horizontal .bootstrap-select.btn-group, .form-group .bootstrap-select.btn-group{margin-bottom: 0;} .form-group-lg .bootstrap-select.btn-group.form-control, .form-group-sm .bootstrap-select.btn-group.form-control{padding: 0;} .form-inline .bootstrap-select.btn-group .form-control{width: 100%;} .bootstrap-select.btn-group.disabled, .bootstrap-select.btn-group > .disabled{cursor: not-allowed;} .bootstrap-select.btn-group.disabled:focus, .bootstrap-select.btn-group > .disabled:focus{outline: none !important;} .bootstrap-select.btn-group .dropdown-toggle .filter-option{display: inline-block; overflow: hidden; width: 100%; text-align: left;} .bootstrap-select.btn-group .dropdown-toggle .caret{position: absolute; top: 50%; right: 12px; margin-top: -2px; vertical-align: middle;} .bootstrap-select.btn-group[class*="col-"] .dropdown-toggle{width: 100%;} .bootstrap-select.btn-group .dropdown-menu{min-width: 100%; z-index: 1035; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .bootstrap-select.btn-group .dropdown-menu.inner{position: static; float: none; border: 0; padding: 0; margin: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none;} .bootstrap-select.btn-group .dropdown-menu li{position: relative;} .bootstrap-select.btn-group .dropdown-menu li.active small{color: #fff;} .bootstrap-select.btn-group .dropdown-menu li.disabled a{cursor: not-allowed;} .bootstrap-select.btn-group .dropdown-menu li a{cursor: pointer;} .bootstrap-select.btn-group .dropdown-menu li a.opt{position: relative; padding-left: 2.25em;} .bootstrap-select.btn-group .dropdown-menu li a span.check-mark{display: none;} .bootstrap-select.btn-group .dropdown-menu li a span.text{display: inline-block;} .bootstrap-select.btn-group .dropdown-menu li small{padding-left: 0.5em;} .bootstrap-select.btn-group .dropdown-menu .notify{position: absolute; bottom: 5px; width: 96%; margin: 0 2%; min-height: 26px; padding: 3px 5px; background: #f5f5f5; border: 1px solid #e3e3e3; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); pointer-events: none; opacity: 0.9; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .bootstrap-select.btn-group .no-results{padding: 3px; background: #f5f5f5; margin: 0 5px; white-space: nowrap;} .bootstrap-select.btn-group.fit-width .dropdown-toggle .filter-option{position: static;} .bootstrap-select.btn-group.fit-width .dropdown-toggle .caret{position: static; top: auto; margin-top: -1px;} .bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark{position: absolute; display: inline-block; right: 15px; margin-top: 5px;} .bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text{margin-right: 34px;} .bootstrap-select.show-menu-arrow.open > .dropdown-toggle{z-index: 1036;} .bootstrap-select.show-menu-arrow .dropdown-toggle:before{content: ''; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid rgba(204, 204, 204, 0.2); position: absolute; bottom: -4px; left: 9px; display: none;} .bootstrap-select.show-menu-arrow .dropdown-toggle:after{content: ''; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid white; position: absolute; bottom: -4px; left: 10px; display: none;} .bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:before{bottom: auto; top: -3px; border-top: 7px solid rgba(204, 204, 204, 0.2); border-bottom: 0;} .bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:after{bottom: auto; top: -3px; border-top: 6px solid white; border-bottom: 0;} .bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:before{right: 12px; left: auto;} .bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:after{right: 13px; left: auto;} .bootstrap-select.show-menu-arrow.open > .dropdown-toggle:before, .bootstrap-select.show-menu-arrow.open > .dropdown-toggle:after{display: block;} .bs-searchbox, .bs-actionsbox, .bs-donebutton{padding: 4px 8px;} .bs-actionsbox{float: left; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .bs-actionsbox .btn-group button{width: 50%;} .bs-donebutton{float: left; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .bs-donebutton .btn-group button{width: 100%;} .bs-searchbox + .bs-actionsbox{padding: 0 8px 4px;} .bs-searchbox .form-control{margin-bottom: 0; width: 100%;} select.bs-select-hidden, select.selectpicker{display: none !important;} select.mobile-device{position: absolute !important; top: 0; left: 0; display: block !important; width: 100%; height: 100% !important; opacity: 0;} ul.wysihtml5-toolbar{margin: 0; padding: 0; display: block;} ul.wysihtml5-toolbar::after{clear: both; display: table; content: "";} ul.wysihtml5-toolbar > li{float: left; display: list-item; list-style: none; margin: 0 5px 10px 0;} ul.wysihtml5-toolbar a[data-wysihtml5-command=bold]{font-weight: bold;} ul.wysihtml5-toolbar a[data-wysihtml5-command=italic]{font-style: italic;} ul.wysihtml5-toolbar a[data-wysihtml5-command=underline]{text-decoration: underline;} ul.wysihtml5-toolbar a.btn.wysihtml5-command-active{background-image: none; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); background-color: #E6E6E6; background-color: #D9D9D9; outline: 0;} ul.wysihtml5-commands-disabled .dropdown-menu{display: none !important;} ul.wysihtml5-toolbar div.wysihtml5-colors{display: block; width: 50px; height: 20px; margin-top: 2px; margin-left: 5px; position: absolute; pointer-events: none;} ul.wysihtml5-toolbar a.wysihtml5-colors-title{padding-left: 70px;} ul.wysihtml5-toolbar div[data-wysihtml5-command-value="black"]{background: black !important;} ul.wysihtml5-toolbar div[data-wysihtml5-command-value="silver"]{background: silver !important;} ul.wysihtml5-toolbar div[data-wysihtml5-command-value="gray"]{background: gray !important;} ul.wysihtml5-toolbar div[data-wysihtml5-command-value="maroon"]{background: maroon !important;} ul.wysihtml5-toolbar div[data-wysihtml5-command-value="red"]{background: red !important;} ul.wysihtml5-toolbar div[data-wysihtml5-command-value="purple"]{background: purple !important;} ul.wysihtml5-toolbar div[data-wysihtml5-command-value="green"]{background: green !important;} ul.wysihtml5-toolbar div[data-wysihtml5-command-value="olive"]{background: olive !important;} ul.wysihtml5-toolbar div[data-wysihtml5-command-value="navy"]{background: navy !important;} ul.wysihtml5-toolbar div[data-wysihtml5-command-value="blue"]{background: blue !important;} ul.wysihtml5-toolbar div[data-wysihtml5-command-value="orange"]{background: orange !important;} .glyphicon-quote:before{content: "\201C"; font-family: Georgia, serif; font-size: 50px; position: absolute; top: -4px; left: -3px; max-height: 100%;} .glyphicon-quote:after{content: "\0000a0";} .select2-container{margin: 0; position: relative; display: inline-block; vertical-align: middle;} .select2-container, .select2-drop, .select2-search, .select2-search input{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .select2-container .select2-choice{display: block; height: 26px; padding: 0 0 0 8px; overflow: hidden; position: relative; border: 1px solid #aaa; white-space: nowrap; line-height: 26px; color: #444; text-decoration: none; border-radius: 4px; background-clip: padding-box; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: #fff; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(0.5, #fff)); background-image: -webkit-linear-gradient(center bottom, #eee 0%, #fff 50%); background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 50%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#eeeeee', GradientType = 0); background-image: linear-gradient(to top, #eee 0%, #fff 50%);} html[dir="rtl"] .select2-container .select2-choice{padding: 0 8px 0 0;} .select2-container.select2-drop-above .select2-choice{border-bottom-color: #aaa; border-radius: 0 0 4px 4px; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(0.9, #fff)); background-image: -webkit-linear-gradient(center bottom, #eee 0%, #fff 90%); background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 90%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0); background-image: linear-gradient(to bottom, #eee 0%, #fff 90%);} .select2-container.select2-allowclear .select2-choice .select2-chosen{margin-right: 42px;} .select2-container .select2-choice > .select2-chosen{margin-right: 26px; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; float: none; width: auto;} html[dir="rtl"] .select2-container .select2-choice > .select2-chosen{margin-left: 26px; margin-right: 0;} .select2-container .select2-choice abbr{display: none; width: 12px; height: 12px; position: absolute; right: 24px; top: 8px; font-size: 1px; text-decoration: none; border: 0; background: url("/theme_cromatec/static/src/css/select2.png") right top no-repeat; cursor: pointer; outline: 0;} .select2-container.select2-allowclear .select2-choice abbr{display: inline-block;} .select2-container .select2-choice abbr:hover{background-position: right -11px; cursor: pointer;} .select2-drop-mask{border: 0; margin: 0; padding: 0; position: fixed; left: 0; top: 0; min-height: 100%; min-width: 100%; height: auto; width: auto; opacity: 0; z-index: 9998; background-color: #fff; filter: alpha(opacity=0);} .select2-drop{width: 100%; margin-top: -1px; position: absolute; z-index: 9999; top: 100%; background: #fff; color: #000; border: 1px solid #aaa; border-top: 0; border-radius: 0 0 4px 4px; -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15); box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);} .select2-drop.select2-drop-above{margin-top: 1px; border-top: 1px solid #aaa; border-bottom: 0; border-radius: 4px 4px 0 0; -webkit-box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.15); box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.15);} .select2-drop-active{border: 1px solid #5897fb; border-top: none;} .select2-drop.select2-drop-above.select2-drop-active{border-top: 1px solid #5897fb;} .select2-drop-auto-width{border-top: 1px solid #aaa; width: auto;} .select2-container .select2-choice .select2-arrow{display: inline-block; width: 18px; height: 100%; position: absolute; right: 0; top: 0; border-left: 1px solid #aaa; border-radius: 0 4px 4px 0; background-clip: padding-box; background: #ccc; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ccc), color-stop(0.6, #eee)); background-image: -webkit-linear-gradient(center bottom, #ccc 0%, #eee 60%); background-image: -moz-linear-gradient(center bottom, #ccc 0%, #eee 60%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#eeeeee', endColorstr = '#cccccc', GradientType = 0); background-image: linear-gradient(to top, #ccc 0%, #eee 60%);} html[dir="rtl"] .select2-container .select2-choice .select2-arrow{left: 0; right: auto; border-left: none; border-right: 1px solid #aaa; border-radius: 4px 0 0 4px;} .select2-container .select2-choice .select2-arrow b{display: block; width: 100%; height: 100%; background: url("/theme_cromatec/static/src/css/select2.png") no-repeat 0 1px;} html[dir="rtl"] .select2-container .select2-choice .select2-arrow b{background-position: 2px 1px;} .select2-search{display: inline-block; width: 100%; min-height: 26px; margin: 0; padding: 4px 4px 0 4px; position: relative; z-index: 10000; white-space: nowrap;} .select2-search input{width: 100%; height: auto !important; min-height: 26px; padding: 4px 20px 4px 5px; margin: 0; outline: 0; font-family: sans-serif; font-size: 1em; border: 1px solid #aaa; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; background: #fff url("/theme_cromatec/static/src/css/select2.png") no-repeat 100% -22px; background: url("/theme_cromatec/static/src/css/select2.png") no-repeat 100% -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee)); background: url("/theme_cromatec/static/src/css/select2.png") no-repeat 100% -22px, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%); background: url("/theme_cromatec/static/src/css/select2.png") no-repeat 100% -22px, -moz-linear-gradient(center bottom, #fff 85%, #eee 99%); background: url("/theme_cromatec/static/src/css/select2.png") no-repeat 100% -22px, linear-gradient(to bottom, #fff 85%, #eee 99%) 0 0;} html[dir="rtl"] .select2-search input{padding: 4px 5px 4px 20px; background: #fff url("/theme_cromatec/static/src/css/select2.png") no-repeat -37px -22px; background: url("/theme_cromatec/static/src/css/select2.png") no-repeat -37px -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee)); background: url("/theme_cromatec/static/src/css/select2.png") no-repeat -37px -22px, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%); background: url("/theme_cromatec/static/src/css/select2.png") no-repeat -37px -22px, -moz-linear-gradient(center bottom, #fff 85%, #eee 99%); background: url("/theme_cromatec/static/src/css/select2.png") no-repeat -37px -22px, linear-gradient(to bottom, #fff 85%, #eee 99%) 0 0;} .select2-search input.select2-active{background: #fff url("/theme_cromatec/static/src/css/select2-spinner.gif") no-repeat 100%; background: url("/theme_cromatec/static/src/css/select2-spinner.gif") no-repeat 100%, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee)); background: url("/theme_cromatec/static/src/css/select2-spinner.gif") no-repeat 100%, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%); background: url("/theme_cromatec/static/src/css/select2-spinner.gif") no-repeat 100%, -moz-linear-gradient(center bottom, #fff 85%, #eee 99%); background: url("/theme_cromatec/static/src/css/select2-spinner.gif") no-repeat 100%, linear-gradient(to bottom, #fff 85%, #eee 99%) 0 0;} .select2-container-active .select2-choice, .select2-container-active .select2-choices{border: 1px solid #5897fb; outline: none; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);} .select2-dropdown-open .select2-choice{border-bottom-color: transparent; -webkit-box-shadow: 0 1px 0 #fff inset; box-shadow: 0 1px 0 #fff inset; border-bottom-left-radius: 0; border-bottom-right-radius: 0; background-color: #eee; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fff), color-stop(0.5, #eee)); background-image: -webkit-linear-gradient(center bottom, #fff 0%, #eee 50%); background-image: -moz-linear-gradient(center bottom, #fff 0%, #eee 50%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0); background-image: linear-gradient(to top, #fff 0%, #eee 50%);} .select2-dropdown-open.select2-drop-above .select2-choice, .select2-dropdown-open.select2-drop-above .select2-choices{border: 1px solid #5897fb; border-top-color: transparent; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(0.5, #eee)); background-image: -webkit-linear-gradient(center top, #fff 0%, #eee 50%); background-image: -moz-linear-gradient(center top, #fff 0%, #eee 50%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0); background-image: linear-gradient(to bottom, #fff 0%, #eee 50%);} .select2-dropdown-open .select2-choice .select2-arrow{background: transparent; border-left: none; filter: none;} html[dir="rtl"] .select2-dropdown-open .select2-choice .select2-arrow{border-right: none;} .select2-dropdown-open .select2-choice .select2-arrow b{background-position: -18px 1px;} html[dir="rtl"] .select2-dropdown-open .select2-choice .select2-arrow b{background-position: -16px 1px;} .select2-hidden-accessible{border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;} .select2-results{max-height: 200px; padding: 0 0 0 4px; margin: 4px 4px 4px 0; position: relative; overflow-x: hidden; overflow-y: auto; -webkit-tap-highlight-color: transparent;} html[dir="rtl"] .select2-results{padding: 0 4px 0 0; margin: 4px 0 4px 4px;} .select2-results ul.select2-result-sub{margin: 0; padding-left: 0;} .select2-results li{list-style: none; display: list-item; background-image: none;} .select2-results li.select2-result-with-children > .select2-result-label{font-weight: bold;} .select2-results .select2-result-label{padding: 3px 7px 4px; margin: 0; cursor: pointer; min-height: 1em; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} .select2-results-dept-1 .select2-result-label{padding-left: 20px;} .select2-results-dept-2 .select2-result-label{padding-left: 40px;} .select2-results-dept-3 .select2-result-label{padding-left: 60px;} .select2-results-dept-4 .select2-result-label{padding-left: 80px;} .select2-results-dept-5 .select2-result-label{padding-left: 100px;} .select2-results-dept-6 .select2-result-label{padding-left: 110px;} .select2-results-dept-7 .select2-result-label{padding-left: 120px;} .select2-results .select2-highlighted{background: #3875d7; color: #fff;} .select2-results li em{background: #feffde; font-style: normal;} .select2-results .select2-highlighted em{background: transparent;} .select2-results .select2-highlighted ul{background: #fff; color: #000;} .select2-results .select2-no-results, .select2-results .select2-searching, .select2-results .select2-ajax-error, .select2-results .select2-selection-limit{background: #f4f4f4; display: list-item; padding-left: 5px;} .select2-results .select2-disabled.select2-highlighted{color: #666; background: #f4f4f4; display: list-item; cursor: default;} .select2-results .select2-disabled{background: #f4f4f4; display: list-item; cursor: default;} .select2-results .select2-selected{display: none;} .select2-more-results.select2-active{background: #f4f4f4 url("/theme_cromatec/static/src/css/select2-spinner.gif") no-repeat 100%;} .select2-results .select2-ajax-error{background: rgba(255, 50, 50, 0.2);} .select2-more-results{background: #f4f4f4; display: list-item;} .select2-container.select2-container-disabled .select2-choice{background-color: #f4f4f4; background-image: none; border: 1px solid #ddd; cursor: default;} .select2-container.select2-container-disabled .select2-choice .select2-arrow{background-color: #f4f4f4; background-image: none; border-left: 0;} .select2-container.select2-container-disabled .select2-choice abbr{display: none;} .select2-container-multi .select2-choices{height: auto !important; height: 1%; margin: 0; padding: 0 5px 0 0; position: relative; border: 1px solid #aaa; cursor: text; overflow: hidden; background-color: #fff; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eee), color-stop(15%, #fff)); background-image: -webkit-linear-gradient(top, #eee 1%, #fff 15%); background-image: -moz-linear-gradient(top, #eee 1%, #fff 15%); background-image: linear-gradient(to bottom, #eee 1%, #fff 15%);} html[dir="rtl"] .select2-container-multi .select2-choices{padding: 0 0 0 5px;} .select2-locked{padding: 3px 5px 3px 5px !important;} .select2-container-multi .select2-choices{min-height: 26px;} .select2-container-multi.select2-container-active .select2-choices{border: 1px solid #5897fb; outline: none; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);} .select2-container-multi .select2-choices li{float: left; list-style: none;} html[dir="rtl"] .select2-container-multi .select2-choices li{float: right;} .select2-container-multi .select2-choices .select2-search-field{margin: 0; padding: 0; white-space: nowrap;} .select2-container-multi .select2-choices .select2-search-field input{padding: 5px; margin: 1px 0; font-family: sans-serif; font-size: 100%; color: #666; outline: 0; border: 0; -webkit-box-shadow: none; box-shadow: none; background: transparent !important;} .select2-container-multi .select2-choices .select2-search-field input.select2-active{background: #fff url("/theme_cromatec/static/src/css/select2-spinner.gif") no-repeat 100% !important;} .select2-default{color: #999 !important;} .select2-container-multi .select2-choices .select2-search-choice{padding: 3px 5px 3px 18px; margin: 3px 0 3px 5px; position: relative; line-height: 13px; color: #333; cursor: default; border: 1px solid #aaaaaa; border-radius: 3px; -webkit-box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05); box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05); background-clip: padding-box; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: #e4e4e4; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#f4f4f4', GradientType=0); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eee)); background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%); background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%); background-image: linear-gradient(to bottom, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);} html[dir="rtl"] .select2-container-multi .select2-choices .select2-search-choice{margin: 3px 5px 3px 0; padding: 3px 18px 3px 5px;} .select2-container-multi .select2-choices .select2-search-choice .select2-chosen{cursor: default;} .select2-container-multi .select2-choices .select2-search-choice-focus{background: #d4d4d4;} .select2-search-choice-close{display: block; width: 12px; height: 13px; position: absolute; right: 3px; top: 4px; font-size: 1px; outline: none; background: url("/theme_cromatec/static/src/css/select2.png") right top no-repeat;} html[dir="rtl"] .select2-search-choice-close{right: auto; left: 3px;} .select2-container-multi .select2-search-choice-close{left: 3px;} html[dir="rtl"] .select2-container-multi .select2-search-choice-close{left: auto; right: 2px;} .select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover{background-position: right -11px;} .select2-container-multi .select2-choices .select2-search-choice-focus .select2-search-choice-close{background-position: right -11px;} .select2-container-multi.select2-container-disabled .select2-choices{background-color: #f4f4f4; background-image: none; border: 1px solid #ddd; cursor: default;} .select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice{padding: 3px 5px 3px 5px; border: 1px solid #ddd; background-image: none; background-color: #f4f4f4;} .select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close{display: none; background: none;} .select2-result-selectable .select2-match, .select2-result-unselectable .select2-match{text-decoration: underline;} .select2-offscreen, .select2-offscreen:focus{clip: rect(0 0 0 0) !important; width: 1px !important; height: 1px !important; border: 0 !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; position: absolute !important; outline: 0 !important; left: 0px !important; top: 0px !important;} .select2-display-none{display: none;} .select2-measure-scrollbar{position: absolute; top: -10000px; left: -10000px; width: 100px; height: 100px; overflow: scroll;} @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 2dppx){.select2-search input, .select2-search-choice-close, .select2-container .select2-choice abbr, .select2-container .select2-choice .select2-arrow b{background-image: url("/theme_cromatec/static/src/css/select2x2.png") !important; background-repeat: no-repeat !important; background-size: 60px 40px !important;}.select2-search input{background-position: 100% -21px !important;}} .select2-container.form-control{background: transparent; box-shadow: none; border: none; display: block; margin: 0; padding: 0;} .select2-container .select2-choices .select2-search-field input, .select2-container .select2-choice, .select2-container .select2-choices{background: none; padding: 0; border-color: #ccc; border-radius: 3px; color: #555; font-family: "Open Sans", sans-serif; background-color: #fff; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);} .select2-search input{border-color: #ccc; border-radius: 3px; color: #555; font-family: "Open Sans", sans-serif; background-color: #fff; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);} .select2-container .select2-choices .select2-search-field input{-webkit-box-shadow: none; box-shadow: none;} .select2-container .select2-choice{height: 30px; line-height: 1.428571429;} .select2-container.select2-container-multi.form-control{height: auto;} .select2-container.input-sm .select2-choice, .input-group-sm > .select2-container.form-control .select2-choice, .input-group-sm > .select2-container.input-group-addon .select2-choice, .input-group-sm > .input-group-btn > .select2-container.btn .select2-choice, .input-group-sm .select2-container .select2-choice{height: 28px; line-height: 1.5; border-radius: 3px;} .select2-container.input-lg .select2-choice, .input-group-lg > .select2-container.form-control .select2-choice, .input-group-lg > .select2-container.input-group-addon .select2-choice, .input-group-lg > .input-group-btn > .select2-container.btn .select2-choice, .input-group-lg .select2-container .select2-choice{height: 44px; line-height: 1.33; border-radius: 6px;} .select2-container-multi .select2-choices .select2-search-field input{height: 28px;} .select2-container-multi.input-sm .select2-choices .select2-search-field input, .input-group-sm > .select2-container-multi.form-control .select2-choices .select2-search-field input, .input-group-sm > .select2-container-multi.input-group-addon .select2-choices .select2-search-field input, .input-group-sm > .input-group-btn > .select2-container-multi.btn .select2-choices .select2-search-field input, .input-group-sm .select2-container-multi .select2-choices .select2-search-field input{height: 26px;} .select2-container-multi.input-lg .select2-choices .select2-search-field input, .input-group-lg > .select2-container-multi.form-control .select2-choices .select2-search-field input, .input-group-lg > .select2-container-multi.input-group-addon .select2-choices .select2-search-field input, .input-group-lg > .input-group-btn > .select2-container-multi.btn .select2-choices .select2-search-field input, .input-group-lg .select2-container-multi .select2-choices .select2-search-field input{height: 42px;} .select2-container-multi .select2-choices .select2-search-field input{margin: 0;} .select2-chosen, .select2-choice > span:first-child, .select2-container .select2-choices .select2-search-field input{padding: 5px 12px;} .input-sm .select2-chosen, .input-group-sm > .form-control .select2-chosen, .input-group-sm > .input-group-addon .select2-chosen, .input-group-sm > .input-group-btn > .btn .select2-chosen, .input-group-sm .select2-chosen, .input-sm .select2-choice > span:first-child, .input-group-sm > .form-control .select2-choice > span:first-child, .input-group-sm > .input-group-addon .select2-choice > span:first-child, .input-group-sm > .input-group-btn > .btn .select2-choice > span:first-child, .input-group-sm .select2-choice > span:first-child, .input-sm .select2-choices .select2-search-field input, .input-group-sm > .form-control .select2-choices .select2-search-field input, .input-group-sm > .input-group-addon .select2-choices .select2-search-field input, .input-group-sm > .input-group-btn > .btn .select2-choices .select2-search-field input, .input-group-sm .select2-choices .select2-search-field input{padding: 4px 10px;} .input-lg .select2-chosen, .input-group-lg > .form-control .select2-chosen, .input-group-lg > .input-group-addon .select2-chosen, .input-group-lg > .input-group-btn > .btn .select2-chosen, .input-group-lg .select2-chosen, .input-lg .select2-choice > span:first-child, .input-group-lg > .form-control .select2-choice > span:first-child, .input-group-lg > .input-group-addon .select2-choice > span:first-child, .input-group-lg > .input-group-btn > .btn .select2-choice > span:first-child, .input-group-lg .select2-choice > span:first-child, .input-lg .select2-choices .select2-search-field input, .input-group-lg > .form-control .select2-choices .select2-search-field input, .input-group-lg > .input-group-addon .select2-choices .select2-search-field input, .input-group-lg > .input-group-btn > .btn .select2-choices .select2-search-field input, .input-group-lg .select2-choices .select2-search-field input{padding: 10px 16px;} .select2-container-multi .select2-choices .select2-search-choice{margin-top: 5px; margin-bottom: 3px;} .select2-container-multi.input-sm .select2-choices .select2-search-choice, .input-group-sm > .select2-container-multi.form-control .select2-choices .select2-search-choice, .input-group-sm > .select2-container-multi.input-group-addon .select2-choices .select2-search-choice, .input-group-sm > .input-group-btn > .select2-container-multi.btn .select2-choices .select2-search-choice, .input-group-sm .select2-container-multi .select2-choices .select2-search-choice{margin-top: 3px; margin-bottom: 2px;} .select2-container-multi.input-lg .select2-choices .select2-search-choice, .input-group-lg > .select2-container-multi.form-control .select2-choices .select2-search-choice, .input-group-lg > .select2-container-multi.input-group-addon .select2-choices .select2-search-choice, .input-group-lg > .input-group-btn > .select2-container-multi.btn .select2-choices .select2-search-choice, .input-group-lg .select2-container-multi .select2-choices .select2-search-choice{line-height: 24px;} .select2-container .select2-choice .select2-arrow, .select2-container .select2-choice div{border-left: none; background: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);} .select2-dropdown-open .select2-choice .select2-arrow, .select2-dropdown-open .select2-choice div{border-left-color: transparent; background: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);} .select2-container .select2-choice .select2-arrow b, .select2-container .select2-choice div b{background-position: 0 3px;} .select2-dropdown-open .select2-choice .select2-arrow b, .select2-dropdown-open .select2-choice div b{background-position: -18px 3px;} .select2-container.input-sm .select2-choice .select2-arrow b, .input-group-sm > .select2-container.form-control .select2-choice .select2-arrow b, .input-group-sm > .select2-container.input-group-addon .select2-choice .select2-arrow b, .input-group-sm > .input-group-btn > .select2-container.btn .select2-choice .select2-arrow b, .input-group-sm .select2-container .select2-choice .select2-arrow b, .select2-container.input-sm .select2-choice div b, .input-group-sm > .select2-container.form-control .select2-choice div b, .input-group-sm > .select2-container.input-group-addon .select2-choice div b, .input-group-sm > .input-group-btn > .select2-container.btn .select2-choice div b, .input-group-sm .select2-container .select2-choice div b{background-position: 0 1px;} .select2-dropdown-open.input-sm .select2-choice .select2-arrow b, .input-group-sm > .select2-dropdown-open.form-control .select2-choice .select2-arrow b, .input-group-sm > .select2-dropdown-open.input-group-addon .select2-choice .select2-arrow b, .input-group-sm > .input-group-btn > .select2-dropdown-open.btn .select2-choice .select2-arrow b, .input-group-sm .select2-dropdown-open .select2-choice .select2-arrow b, .select2-dropdown-open.input-sm .select2-choice div b, .input-group-sm > .select2-dropdown-open.form-control .select2-choice div b, .input-group-sm > .select2-dropdown-open.input-group-addon .select2-choice div b, .input-group-sm > .input-group-btn > .select2-dropdown-open.btn .select2-choice div b, .input-group-sm .select2-dropdown-open .select2-choice div b{background-position: -18px 1px;} .select2-container.input-lg .select2-choice .select2-arrow b, .input-group-lg > .select2-container.form-control .select2-choice .select2-arrow b, .input-group-lg > .select2-container.input-group-addon .select2-choice .select2-arrow b, .input-group-lg > .input-group-btn > .select2-container.btn .select2-choice .select2-arrow b, .input-group-lg .select2-container .select2-choice .select2-arrow b, .select2-container.input-lg .select2-choice div b, .input-group-lg > .select2-container.form-control .select2-choice div b, .input-group-lg > .select2-container.input-group-addon .select2-choice div b, .input-group-lg > .input-group-btn > .select2-container.btn .select2-choice div b, .input-group-lg .select2-container .select2-choice div b{background-position: 0 9px;} .select2-dropdown-open.input-lg .select2-choice .select2-arrow b, .input-group-lg > .select2-dropdown-open.form-control .select2-choice .select2-arrow b, .input-group-lg > .select2-dropdown-open.input-group-addon .select2-choice .select2-arrow b, .input-group-lg > .input-group-btn > .select2-dropdown-open.btn .select2-choice .select2-arrow b, .input-group-lg .select2-dropdown-open .select2-choice .select2-arrow b, .select2-dropdown-open.input-lg .select2-choice div b, .input-group-lg > .select2-dropdown-open.form-control .select2-choice div b, .input-group-lg > .select2-dropdown-open.input-group-addon .select2-choice div b, .input-group-lg > .input-group-btn > .select2-dropdown-open.btn .select2-choice div b, .input-group-lg .select2-dropdown-open .select2-choice div b{background-position: -18px 9px;} .has-warning .select2-choice, .has-warning .select2-choices{border-color: #ffffff;} .has-warning .select2-container-active .select2-choice, .has-warning .select2-container-multi.select2-container-active .select2-choices{border-color: #e6e6e6; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px white; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px white;} .has-warning.select2-drop-active{border-color: #e6e6e6;} .has-warning.select2-drop-active.select2-drop.select2-drop-above{border-top-color: #e6e6e6;} .has-error .select2-choice, .has-error .select2-choices{border-color: #ffffff;} .has-error .select2-container-active .select2-choice, .has-error .select2-container-multi.select2-container-active .select2-choices{border-color: #e6e6e6; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px white; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px white;} .has-error.select2-drop-active{border-color: #e6e6e6;} .has-error.select2-drop-active.select2-drop.select2-drop-above{border-top-color: #e6e6e6;} .has-success .select2-choice, .has-success .select2-choices{border-color: #ffffff;} .has-success .select2-container-active .select2-choice, .has-success .select2-container-multi.select2-container-active .select2-choices{border-color: #e6e6e6; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px white; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px white;} .has-success.select2-drop-active{border-color: #e6e6e6;} .has-success.select2-drop-active.select2-drop.select2-drop-above{border-top-color: #e6e6e6;} .select2-container-active .select2-choice, .select2-container-multi.select2-container-active .select2-choices{border-color: #66afe9; outline: none; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; -o-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;} .select2-drop-active{border-color: #66afe9;} .select2-drop-auto-width, .select2-drop.select2-drop-above.select2-drop-active{border-top-color: #66afe9;} .input-group.select2-bootstrap-prepend [class^="select2-choice"]{border-bottom-left-radius: 0 !important; border-top-left-radius: 0 !important;} .input-group.select2-bootstrap-append [class^="select2-choice"]{border-bottom-right-radius: 0 !important; border-top-right-radius: 0 !important;} .select2-dropdown-open [class^="select2-choice"]{border-bottom-right-radius: 0 !important; border-bottom-left-radius: 0 !important;} .select2-dropdown-open.select2-drop-above [class^="select2-choice"]{border-top-right-radius: 0 !important; border-top-left-radius: 0 !important; border-bottom-right-radius: 3px !important; border-bottom-left-radius: 3px !important; background: #666; filter: none;} .input-group.select2-bootstrap-prepend .select2-dropdown-open.select2-drop-above [class^="select2-choice"]{border-bottom-left-radius: 0 !important; border-top-left-radius: 0 !important;} .input-group.select2-bootstrap-append .select2-dropdown-open.select2-drop-above [class^="select2-choice"]{border-bottom-right-radius: 0 !important; border-top-right-radius: 0 !important;} .input-group.input-group-sm.select2-bootstrap-prepend .select2-dropdown-open.select2-drop-above [class^="select2-choice"]{border-bottom-right-radius: 3px !important;} .input-group.input-group-lg.select2-bootstrap-prepend .select2-dropdown-open.select2-drop-above [class^="select2-choice"]{border-bottom-right-radius: 6px !important;} .input-group.input-group-sm.select2-bootstrap-append .select2-dropdown-open.select2-drop-above [class^="select2-choice"]{border-bottom-left-radius: 3px !important;} .input-group.input-group-lg.select2-bootstrap-append .select2-dropdown-open.select2-drop-above [class^="select2-choice"]{border-bottom-left-radius: 6px !important;} .select2-results .select2-highlighted{color: #fff; background-color: #4e91ce;} .select2-bootstrap-append .select2-container-multiple, .select2-bootstrap-append .input-group-btn, .select2-bootstrap-append .input-group-btn .btn, .select2-bootstrap-prepend .select2-container-multiple, .select2-bootstrap-prepend .input-group-btn, .select2-bootstrap-prepend .input-group-btn .btn{vertical-align: top;} .select2-container-multi .select2-choices .select2-search-choice{color: #555; background: #666; border-color: rgba(0, 0, 0, 0.15); filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); -webkit-box-shadow: none; box-shadow: none;} .select2-container-multi .select2-choices .select2-search-choice-focus{background: #525252; border-color: rgba(0, 0, 0, 0.15); color: #ffffff; -webkit-box-shadow: none; box-shadow: none;} .select2-search-choice-close{margin-top: -7px; top: 50%;} .select2-container .select2-choice abbr{top: 50%;} .select2-results .select2-no-results, .select2-results .select2-searching, .select2-results .select2-selection-limit{background-color: rgba(229, 190, 86, 0.28); color: #ffffff;} .select2-container.select2-container-disabled .select2-choice, .select2-container.select2-container-disabled .select2-choices{cursor: not-allowed; background-color: #eeeeee; border-color: #ccc;} .select2-container.select2-container-disabled .select2-choice .select2-arrow, .select2-container.select2-container-disabled .select2-choice div, .select2-container.select2-container-disabled .select2-choices .select2-arrow, .select2-container.select2-container-disabled .select2-choices div{background-color: transparent; border-left: 1px solid transparent;} .select2-search input.select2-active, .select2-container-multi .select2-choices .select2-search-field input.select2-active, .select2-more-results.select2-active{background-position: 99%; background-position: right 4px center;} .select2-offscreen, .select2-offscreen:focus{width: 1px !important; height: 1px !important; position: absolute !important;} .switchery{background-color: #fff; border: 1px solid #dfdfdf; border-radius: 20px; cursor: pointer; display: inline-block; height: 30px; position: relative; vertical-align: middle; width: 50px; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; box-sizing: content-box; background-clip: content-box;} .switchery > small{background: #fff; border-radius: 100%; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); height: 30px; position: absolute; top: 0; width: 30px;} .switchery-small{border-radius: 20px; height: 20px; width: 33px;} .switchery-small > small{height: 20px; width: 20px;} .switchery-large{border-radius: 40px; height: 40px; width: 66px;} .switchery-large > small{height: 40px; width: 40px;} .bootstrap-datetimepicker-widget{list-style: none;} .bootstrap-datetimepicker-widget.dropdown-menu{margin: 2px 0; padding: 4px; width: 19em;} @media (min-width: 768px){.bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs{width: 38em;}} @media (min-width: 992px){.bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs{width: 38em;}} @media (min-width: 1200px){.bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs{width: 38em;}} .bootstrap-datetimepicker-widget.dropdown-menu:before, .bootstrap-datetimepicker-widget.dropdown-menu:after{content: ''; display: inline-block; position: absolute;} .bootstrap-datetimepicker-widget.dropdown-menu.bottom:before{border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #cccccc; border-bottom-color: rgba(0, 0, 0, 0.2); top: -7px; left: 7px;} .bootstrap-datetimepicker-widget.dropdown-menu.bottom:after{border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid white; top: -6px; left: 8px;} .bootstrap-datetimepicker-widget.dropdown-menu.top:before{border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 7px solid #cccccc; border-top-color: rgba(0, 0, 0, 0.2); bottom: -7px; left: 6px;} .bootstrap-datetimepicker-widget.dropdown-menu.top:after{border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid white; bottom: -6px; left: 7px;} .bootstrap-datetimepicker-widget.dropdown-menu.pull-right:before{left: auto; right: 6px;} .bootstrap-datetimepicker-widget.dropdown-menu.pull-right:after{left: auto; right: 7px;} .bootstrap-datetimepicker-widget .list-unstyled{margin: 0;} .bootstrap-datetimepicker-widget a[data-action]{padding: 6px 0;} .bootstrap-datetimepicker-widget a[data-action]:active{box-shadow: none;} .bootstrap-datetimepicker-widget .timepicker-hour, .bootstrap-datetimepicker-widget .timepicker-minute, .bootstrap-datetimepicker-widget .timepicker-second{width: 54px; font-weight: bold; font-size: 1.2em; margin: 0;} .bootstrap-datetimepicker-widget button[data-action]{padding: 6px;} .bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]::after{position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; content: "Increment Hours";} .bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]::after{position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; content: "Increment Minutes";} .bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]::after{position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; content: "Decrement Hours";} .bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]::after{position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; content: "Decrement Minutes";} .bootstrap-datetimepicker-widget .btn[data-action="showHours"]::after{position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; content: "Show Hours";} .bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]::after{position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; content: "Show Minutes";} .bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]::after{position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; content: "Toggle AM/PM";} .bootstrap-datetimepicker-widget .btn[data-action="clear"]::after{position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; content: "Clear the picker";} .bootstrap-datetimepicker-widget .btn[data-action="today"]::after{position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; content: "Set the date to today";} .bootstrap-datetimepicker-widget .picker-switch{text-align: center;} .bootstrap-datetimepicker-widget .picker-switch::after{position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; content: "Toggle Date and Time Screens";} .bootstrap-datetimepicker-widget .picker-switch td{padding: 0; margin: 0; height: auto; width: auto; line-height: inherit;} .bootstrap-datetimepicker-widget .picker-switch td span{line-height: 2.5; height: 2.5em; width: 100%;} .bootstrap-datetimepicker-widget table{width: 100%; margin: 0;} .bootstrap-datetimepicker-widget table td, .bootstrap-datetimepicker-widget table th{text-align: center; border-radius: 4px;} .bootstrap-datetimepicker-widget table th{height: 20px; line-height: 20px; width: 20px;} .bootstrap-datetimepicker-widget table th.picker-switch{width: 145px;} .bootstrap-datetimepicker-widget table th.disabled, .bootstrap-datetimepicker-widget table th.disabled:hover{background: none; color: #777777; cursor: not-allowed;} .bootstrap-datetimepicker-widget table th.prev::after{position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; content: "Previous Month";} .bootstrap-datetimepicker-widget table th.next::after{position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; content: "Next Month";} .bootstrap-datetimepicker-widget table thead tr:first-child th{cursor: pointer;} .bootstrap-datetimepicker-widget table thead tr:first-child th:hover{background: #eeeeee;} .bootstrap-datetimepicker-widget table td{height: 54px; line-height: 54px; width: 54px;} .bootstrap-datetimepicker-widget table td.cw{font-size: .8em; height: 20px; line-height: 20px; color: #777777;} .bootstrap-datetimepicker-widget table td.day{height: 20px; line-height: 20px; width: 20px;} .bootstrap-datetimepicker-widget table td.day:hover, .bootstrap-datetimepicker-widget table td.hour:hover, .bootstrap-datetimepicker-widget table td.minute:hover, .bootstrap-datetimepicker-widget table td.second:hover{background: #eeeeee; cursor: pointer;} .bootstrap-datetimepicker-widget table td.old, .bootstrap-datetimepicker-widget table td.new{color: #777777;} .bootstrap-datetimepicker-widget table td.today{position: relative;} .bootstrap-datetimepicker-widget table td.today:before{content: ''; display: inline-block; border: solid transparent; border-width: 0 0 7px 7px; border-bottom-color: #337ab7; border-top-color: rgba(0, 0, 0, 0.2); position: absolute; bottom: 4px; right: 4px;} .bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover{background-color: #337ab7; color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);} .bootstrap-datetimepicker-widget table td.active.today:before{border-bottom-color: #fff;} .bootstrap-datetimepicker-widget table td.disabled, .bootstrap-datetimepicker-widget table td.disabled:hover{background: none; color: #777777; cursor: not-allowed;} .bootstrap-datetimepicker-widget table td span{display: inline-block; width: 54px; height: 54px; line-height: 54px; margin: 2px 1.5px; cursor: pointer; border-radius: 4px;} .bootstrap-datetimepicker-widget table td span:hover{background: #eeeeee;} .bootstrap-datetimepicker-widget table td span.active{background-color: #337ab7; color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);} .bootstrap-datetimepicker-widget table td span.old{color: #777777;} .bootstrap-datetimepicker-widget table td span.disabled, .bootstrap-datetimepicker-widget table td span.disabled:hover{background: none; color: #777777; cursor: not-allowed;} .bootstrap-datetimepicker-widget.usetwentyfour td.hour{height: 27px; line-height: 27px;} .bootstrap-datetimepicker-widget.wider{width: 21em;} .bootstrap-datetimepicker-widget .datepicker-decades .decade{line-height: 1.8em !important;} .input-group.date .input-group-addon{cursor: pointer;} .sr-only{position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0;} .colorpicker-saturation{float: left; width: 100px; height: 100px; cursor: crosshair; background-image: url("/theme_cromatec/static/src/css/../img/bootstrap-colorpicker/saturation.png");} .colorpicker-saturation i{position: absolute; top: 0; left: 0; display: block; width: 5px; height: 5px; margin: -4px 0 0 -4px; border: 1px solid #000; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;} .colorpicker-saturation i b{display: block; width: 5px; height: 5px; border: 1px solid #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;} .colorpicker-hue, .colorpicker-alpha{float: left; width: 15px; height: 100px; margin-bottom: 4px; margin-left: 4px; cursor: row-resize;} .colorpicker-hue i, .colorpicker-alpha i{position: absolute; top: 0; left: 0; display: block; width: 100%; height: 1px; margin-top: -1px; background: #000; border-top: 1px solid #fff;} .colorpicker-hue{background-image: url("/theme_cromatec/static/src/css/../img/bootstrap-colorpicker/hue.png");} .colorpicker-alpha{display: none; background-image: url("/theme_cromatec/static/src/css/../img/bootstrap-colorpicker/alpha.png");} .colorpicker-saturation, .colorpicker-hue, .colorpicker-alpha{background-size: contain;} .colorpicker{top: 0; left: 0; z-index: 2500; min-width: 130px; padding: 4px; margin-top: 1px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; *zoom: 1;} .colorpicker:before, .colorpicker:after{display: table; line-height: 0; content: "";} .colorpicker:after{clear: both;} .colorpicker:before{position: absolute; top: -7px; left: 6px; display: inline-block; border-right: 7px solid transparent; border-bottom: 7px solid #ccc; border-left: 7px solid transparent; border-bottom-color: rgba(0, 0, 0, 0.2); content: '';} .colorpicker:after{position: absolute; top: -6px; left: 7px; display: inline-block; border-right: 6px solid transparent; border-bottom: 6px solid #ffffff; border-left: 6px solid transparent; content: '';} .colorpicker div{position: relative;} .colorpicker.colorpicker-with-alpha{min-width: 140px;} .colorpicker.colorpicker-with-alpha .colorpicker-alpha{display: block;} .colorpicker-color{height: 10px; margin-top: 5px; clear: both; background-image: url("/theme_cromatec/static/src/css/../img/bootstrap-colorpicker/alpha.png"); background-position: 0 100%;} .colorpicker-color div{height: 10px;} .colorpicker-selectors{display: none; height: 10px; margin-top: 5px; clear: both;} .colorpicker-selectors i{float: left; width: 10px; height: 10px; cursor: pointer;} .colorpicker-selectors i + i{margin-left: 3px;} .colorpicker-element .input-group-addon i, .colorpicker-element .add-on i{display: inline-block; width: 16px; height: 16px; vertical-align: text-top; cursor: pointer;} .colorpicker.colorpicker-inline{position: relative; z-index: auto; display: inline-block; float: none;} .colorpicker.colorpicker-horizontal{width: 110px; height: auto; min-width: 110px;} .colorpicker.colorpicker-horizontal .colorpicker-saturation{margin-bottom: 4px;} .colorpicker.colorpicker-horizontal .colorpicker-color{width: 100px;} .colorpicker.colorpicker-horizontal .colorpicker-hue, .colorpicker.colorpicker-horizontal .colorpicker-alpha{float: left; width: 100px; height: 15px; margin-bottom: 4px; margin-left: 0; cursor: col-resize;} .colorpicker.colorpicker-horizontal .colorpicker-hue i, .colorpicker.colorpicker-horizontal .colorpicker-alpha i{position: absolute; top: 0; left: 0; display: block; width: 1px; height: 15px; margin-top: 0; background: #ffffff; border: none;} .colorpicker.colorpicker-horizontal .colorpicker-hue{background-image: url("/theme_cromatec/static/src/css/../img/bootstrap-colorpicker/hue-horizontal.png");} .colorpicker.colorpicker-horizontal .colorpicker-alpha{background-image: url("/theme_cromatec/static/src/css/../img/bootstrap-colorpicker/alpha-horizontal.png");} .colorpicker.colorpicker-hidden{display: none;} .colorpicker.colorpicker-visible{display: block;} .colorpicker-inline.colorpicker-visible{display: inline-block;} .colorpicker-right:before{right: 6px; left: auto;} .colorpicker-right:after{right: 7px; left: auto;} .rickshaw_graph .detail{pointer-events: none; position: absolute; top: 0; z-index: 2; background: rgba(0, 0, 0, 0.1); bottom: 0; width: 1px; transition: opacity 0.25s linear; -moz-transition: opacity 0.25s linear; -o-transition: opacity 0.25s linear; -webkit-transition: opacity 0.25s linear;} .rickshaw_graph .detail.inactive{opacity: 0;} .rickshaw_graph .detail .item.active{opacity: 1;} .rickshaw_graph .detail .x_label{font-family: Arial, sans-serif; border-radius: 3px; padding: 6px; opacity: 0.5; border: 1px solid #e0e0e0; font-size: 12px; position: absolute; background: white; white-space: nowrap;} .rickshaw_graph .detail .x_label.left{left: 0;} .rickshaw_graph .detail .x_label.right{right: 0;} .rickshaw_graph .detail .item{position: absolute; z-index: 2; border-radius: 3px; padding: 0.25em; font-size: 12px; font-family: Arial, sans-serif; opacity: 0; background: rgba(0, 0, 0, 0.4); color: white; border: 1px solid rgba(0, 0, 0, 0.4); margin-left: 1em; margin-right: 1em; margin-top: -1em; white-space: nowrap;} .rickshaw_graph .detail .item.left{left: 0;} .rickshaw_graph .detail .item.right{right: 0;} .rickshaw_graph .detail .item.active{opacity: 1; background: rgba(0, 0, 0, 0.8);} .rickshaw_graph .detail .item:after{position: absolute; display: block; width: 0; height: 0; content: ""; border: 5px solid transparent;} .rickshaw_graph .detail .item.left:after{top: 1em; left: -5px; margin-top: -5px; border-right-color: rgba(0, 0, 0, 0.8); border-left-width: 0;} .rickshaw_graph .detail .item.right:after{top: 1em; right: -5px; margin-top: -5px; border-left-color: rgba(0, 0, 0, 0.8); border-right-width: 0;} .rickshaw_graph .detail .dot{width: 4px; height: 4px; margin-left: -3px; margin-top: -3.5px; border-radius: 5px; position: absolute; box-shadow: 0 0 2px rgba(0, 0, 0, 0.6); box-sizing: content-box; -moz-box-sizing: content-box; background: white; border-width: 2px; border-style: solid; display: none; background-clip: padding-box;} .rickshaw_graph .detail .dot.active{display: block;} .rickshaw_graph{position: relative;} .rickshaw_graph svg{display: block; overflow: hidden;} .rickshaw_graph .x_tick{position: absolute; top: 0; bottom: 0; width: 0px; border-left: 1px dotted rgba(0, 0, 0, 0.2); pointer-events: none;} .rickshaw_graph .x_tick .title{position: absolute; font-size: 12px; font-family: Arial, sans-serif; opacity: 0.5; white-space: nowrap; margin-left: 3px; bottom: 1px;} .rickshaw_annotation_timeline{height: 1px; border-top: 1px solid #e0e0e0; margin-top: 10px; position: relative;} .rickshaw_annotation_timeline .annotation{position: absolute; height: 6px; width: 6px; margin-left: -2px; top: -3px; border-radius: 5px; background-color: rgba(0, 0, 0, 0.25);} .rickshaw_graph .annotation_line{position: absolute; top: 0; bottom: -6px; width: 0px; border-left: 2px solid rgba(0, 0, 0, 0.3); display: none;} .rickshaw_graph .annotation_line.active{display: block;} .rickshaw_graph .annotation_range{background: rgba(0, 0, 0, 0.1); display: none; position: absolute; top: 0; bottom: -6px;} .rickshaw_graph .annotation_range.active{display: block;} .rickshaw_graph .annotation_range.active.offscreen{display: none;} .rickshaw_annotation_timeline .annotation .content{background: white; color: black; opacity: 0.9; padding: 5px 5px; box-shadow: 0 0 2px rgba(0, 0, 0, 0.8); border-radius: 3px; position: relative; z-index: 20; font-size: 12px; padding: 6px 8px 8px; top: 18px; left: -11px; width: 160px; display: none; cursor: pointer;} .rickshaw_annotation_timeline .annotation .content:before{content: "\25b2"; position: absolute; top: -11px; color: white; text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.8);} .rickshaw_annotation_timeline .annotation.active, .rickshaw_annotation_timeline .annotation:hover{background-color: rgba(0, 0, 0, 0.8); cursor: none;} .rickshaw_annotation_timeline .annotation .content:hover{z-index: 50;} .rickshaw_annotation_timeline .annotation.active .content{display: block;} .rickshaw_annotation_timeline .annotation:hover .content{display: block; z-index: 50;} .rickshaw_graph .y_axis, .rickshaw_graph .x_axis_d3{fill: none;} .rickshaw_graph .y_ticks .tick line, .rickshaw_graph .x_ticks_d3 .tick{stroke: rgba(0, 0, 0, 0.16); stroke-width: 2px; shape-rendering: crisp-edges; pointer-events: none;} .rickshaw_graph .y_grid .tick, .rickshaw_graph .x_grid_d3 .tick{z-index: -1; stroke: rgba(0, 0, 0, 0.2); stroke-width: 1px; stroke-dasharray: 1 1;} .rickshaw_graph .y_grid .tick[data-y-value="0"]{stroke-dasharray: 1 0;} .rickshaw_graph .y_grid path, .rickshaw_graph .x_grid_d3 path{fill: none; stroke: none;} .rickshaw_graph .y_ticks path, .rickshaw_graph .x_ticks_d3 path{fill: none; stroke: #808080;} .rickshaw_graph .y_ticks text, .rickshaw_graph .x_ticks_d3 text{opacity: 0.5; font-size: 12px; pointer-events: none;} .rickshaw_graph .x_tick.glow .title, .rickshaw_graph .y_ticks.glow text{fill: black; color: black; text-shadow: -1px 1px 0 rgba(255, 255, 255, 0.1), 1px -1px 0 rgba(255, 255, 255, 0.1), 1px 1px 0 rgba(255, 255, 255, 0.1), 0px 1px 0 rgba(255, 255, 255, 0.1), 0px -1px 0 rgba(255, 255, 255, 0.1), 1px 0px 0 rgba(255, 255, 255, 0.1), -1px 0px 0 rgba(255, 255, 255, 0.1), -1px -1px 0 rgba(255, 255, 255, 0.1);} .rickshaw_graph .x_tick.inverse .title, .rickshaw_graph .y_ticks.inverse text{fill: white; color: white; text-shadow: -1px 1px 0 rgba(0, 0, 0, 0.8), 1px -1px 0 rgba(0, 0, 0, 0.8), 1px 1px 0 rgba(0, 0, 0, 0.8), 0px 1px 0 rgba(0, 0, 0, 0.8), 0px -1px 0 rgba(0, 0, 0, 0.8), 1px 0px 0 rgba(0, 0, 0, 0.8), -1px 0px 0 rgba(0, 0, 0, 0.8), -1px -1px 0 rgba(0, 0, 0, 0.8);} .rickshaw_legend{font-family: Arial; font-size: 12px; color: white; background: #404040; display: inline-block; padding: 12px 5px; border-radius: 2px; position: relative;} .rickshaw_legend:hover{z-index: 10;} .rickshaw_legend .swatch{width: 10px; height: 10px; border: 1px solid rgba(0, 0, 0, 0.2);} .rickshaw_legend .line{clear: both; line-height: 140%; padding-right: 15px;} .rickshaw_legend .line .swatch{display: inline-block; margin-right: 3px; border-radius: 2px;} .rickshaw_legend .label{margin: 0; white-space: nowrap; display: inline; font-size: inherit; background-color: transparent; color: inherit; font-weight: normal; line-height: normal; padding: 0px; text-shadow: none;} .rickshaw_legend .action:hover{opacity: 0.6;} .rickshaw_legend .action{margin-right: 0.2em; font-size: 10px; opacity: 0.2; cursor: pointer; font-size: 14px;} .rickshaw_legend .line.disabled{opacity: 0.4;} .rickshaw_legend ul{list-style-type: none; margin: 0; padding: 0; margin: 2px; cursor: pointer;} .rickshaw_legend li{padding: 0 0 0 2px; min-width: 80px; white-space: nowrap;} .rickshaw_legend li:hover{background: rgba(255, 255, 255, 0.08); border-radius: 3px;} .rickshaw_legend li:active{background: rgba(255, 255, 255, 0.2); border-radius: 3px;} ul.messenger{margin: 0; padding: 0;} ul.messenger > li{list-style: none; margin: 0; padding: 0;} ul.messenger.messenger-empty{display: none;} ul.messenger .messenger-message{overflow: hidden; *zoom: 1;} ul.messenger .messenger-message.messenger-hidden{display: none;} ul.messenger .messenger-message .messenger-phrase, ul.messenger .messenger-message .messenger-actions a{padding-right: 5px;} ul.messenger .messenger-message .messenger-actions{float: right;} ul.messenger .messenger-message .messenger-actions a{cursor: pointer; text-decoration: underline;} ul.messenger .messenger-message ul, ul.messenger .messenger-message ol{margin: 10px 18px 0;} ul.messenger.messenger-fixed{position: fixed; z-index: 10000;} ul.messenger.messenger-fixed .messenger-message{min-width: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;} ul.messenger.messenger-fixed .message .messenger-actions{float: left;} ul.messenger.messenger-fixed.messenger-on-top{top: 20px;} ul.messenger.messenger-fixed.messenger-on-bottom{bottom: 20px;} ul.messenger.messenger-fixed.messenger-on-top, ul.messenger.messenger-fixed.messenger-on-bottom{left: 50%; width: 800px; margin-left: -400px;} @media (max-width: 960px){ul.messenger.messenger-fixed.messenger-on-top, ul.messenger.messenger-fixed.messenger-on-bottom{left: 10%; width: 80%; margin-left: 0px;}} ul.messenger.messenger-fixed.messenger-on-top.messenger-on-right, ul.messenger.messenger-fixed.messenger-on-bottom.messenger-on-right{right: 20px; left: auto;} ul.messenger.messenger-fixed.messenger-on-top.messenger-on-left, ul.messenger.messenger-fixed.messenger-on-bottom.messenger-on-left{left: 20px; margin-left: 0px;} ul.messenger.messenger-fixed.messenger-on-right, ul.messenger.messenger-fixed.messenger-on-left{width: 350px;} ul.messenger.messenger-fixed.messenger-on-right .messenger-actions, ul.messenger.messenger-fixed.messenger-on-left .messenger-actions{float: left;} ul.messenger .messenger-spinner{display: none;} ul.messenger .messenger-clickable{cursor: pointer;} @-webkit-keyframes ui-spinner-rotate-right{0%{-webkit-transform: rotate(0deg);}25%{-webkit-transform: rotate(180deg);}50%{-webkit-transform: rotate(180deg);}75%{-webkit-transform: rotate(360deg);}100%{-webkit-transform: rotate(360deg);}} @-webkit-keyframes ui-spinner-rotate-left{0%{-webkit-transform: rotate(0deg);}25%{-webkit-transform: rotate(0deg);}50%{-webkit-transform: rotate(180deg);}75%{-webkit-transform: rotate(180deg);}100%{-webkit-transform: rotate(360deg);}} @-moz-keyframes ui-spinner-rotate-right{0%{-moz-transform: rotate(0deg);}25%{-moz-transform: rotate(180deg);}50%{-moz-transform: rotate(180deg);}75%{-moz-transform: rotate(360deg);}100%{-moz-transform: rotate(360deg);}} @-moz-keyframes ui-spinner-rotate-left{0%{-moz-transform: rotate(0deg);}25%{-moz-transform: rotate(0deg);}50%{-moz-transform: rotate(180deg);}75%{-moz-transform: rotate(180deg);}100%{-moz-transform: rotate(360deg);}} @keyframes ui-spinner-rotate-right{0%{transform: rotate(0deg);}25%{transform: rotate(180deg);}50%{transform: rotate(180deg);}75%{transform: rotate(360deg);}100%{transform: rotate(360deg);}} @keyframes ui-spinner-rotate-left{0%{transform: rotate(0deg);}25%{transform: rotate(0deg);}50%{transform: rotate(180deg);}75%{transform: rotate(180deg);}100%{transform: rotate(360deg);}} .messenger-spinner{position: relative; border-radius: 100%;} ul.messenger.messenger-spinner-active .messenger-spinner .messenger-spinner{display: block;} .messenger-spinner .messenger-spinner-side{width: 50%; height: 100%; overflow: hidden; position: absolute;} .messenger-spinner .messenger-spinner-side .messenger-spinner-fill{border-radius: 999px; position: absolute; width: 100%; height: 100%; -moz-animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -moz-animation-timing-function: linear; -webkit-animation-timing-function: linear; animation-timing-function: linear;} .messenger-spinner .messenger-spinner-side-left{left: 0;} .messenger-spinner .messenger-spinner-side-left .messenger-spinner-fill{left: 100%; border-top-left-radius: 0; border-bottom-left-radius: 0; -moz-animation-name: ui-spinner-rotate-left; -webkit-animation-name: ui-spinner-rotate-left; animation-name: ui-spinner-rotate-left; -moz-transform-origin: 0 50% 50%; -ms-transform-origin: 0 50% 50%; -webkit-transform-origin: 0 50% 50%; transform-origin: 0 50% 50%;} .messenger-spinner .messenger-spinner-side-right{left: 50%;} .messenger-spinner .messenger-spinner-side-right .messenger-spinner-fill{left: -100%; border-top-right-radius: 0; border-bottom-right-radius: 0; -moz-animation-name: ui-spinner-rotate-right; -webkit-animation-name: ui-spinner-rotate-right; animation-name: ui-spinner-rotate-right; -moz-transform-origin: 100% 50% 50%; -ms-transform-origin: 100% 50% 50%; -webkit-transform-origin: 100% 50% 50%; transform-origin: 100% 50% 50%;} @-webkit-keyframes ui-spinner-rotate-right{0%{-webkit-transform: rotate(0deg);}25%{-webkit-transform: rotate(180deg);}50%{-webkit-transform: rotate(180deg);}75%{-webkit-transform: rotate(360deg);}100%{-webkit-transform: rotate(360deg);}} @-webkit-keyframes ui-spinner-rotate-left{0%{-webkit-transform: rotate(0deg);}25%{-webkit-transform: rotate(0deg);}50%{-webkit-transform: rotate(180deg);}75%{-webkit-transform: rotate(180deg);}100%{-webkit-transform: rotate(360deg);}} @-moz-keyframes ui-spinner-rotate-right{0%{-moz-transform: rotate(0deg);}25%{-moz-transform: rotate(180deg);}50%{-moz-transform: rotate(180deg);}75%{-moz-transform: rotate(360deg);}100%{-moz-transform: rotate(360deg);}} @-moz-keyframes ui-spinner-rotate-left{0%{-moz-transform: rotate(0deg);}25%{-moz-transform: rotate(0deg);}50%{-moz-transform: rotate(180deg);}75%{-moz-transform: rotate(180deg);}100%{-moz-transform: rotate(360deg);}} @keyframes ui-spinner-rotate-right{0%{transform: rotate(0deg);}25%{transform: rotate(180deg);}50%{transform: rotate(180deg);}75%{transform: rotate(360deg);}100%{transform: rotate(360deg);}} @keyframes ui-spinner-rotate-left{0%{transform: rotate(0deg);}25%{transform: rotate(0deg);}50%{transform: rotate(180deg);}75%{transform: rotate(180deg);}100%{transform: rotate(360deg);}} .messenger-spinner{position: relative; border-radius: 100%;} ul.messenger.messenger-spinner-active .messenger-spinner .messenger-spinner{display: block;} .messenger-spinner .messenger-spinner-side{width: 50%; height: 100%; overflow: hidden; position: absolute;} .messenger-spinner .messenger-spinner-side .messenger-spinner-fill{border-radius: 999px; position: absolute; width: 100%; height: 100%; animation-iteration-count: infinite; animation-timing-function: linear;} .messenger-spinner .messenger-spinner-side-left{left: 0;} .messenger-spinner .messenger-spinner-side-left .messenger-spinner-fill{left: 100%; border-top-left-radius: 0; border-bottom-left-radius: 0; animation-name: ui-spinner-rotate-left; transform-origin: 0 50%;} .messenger-spinner .messenger-spinner-side-right{left: 50%;} .messenger-spinner .messenger-spinner-side-right .messenger-spinner-fill{left: -100%; border-top-right-radius: 0; border-bottom-right-radius: 0; animation-name: ui-spinner-rotate-right; transform-origin: 100% 50%;} ul.messenger-theme-air{-moz-user-select: none; -webkit-user-select: none; -o-user-select: none; user-select: none;} ul.messenger-theme-air .messenger-message{-webkit-transition: background-color 0.4s; -o-transition: background-color 0.4s; transition: background-color 0.4s; border-radius: 5px; border-color: transparent; background-color: rgba(52, 52, 52, 0.4); position: relative; margin-bottom: 1em; color: #f8f8f8; font-weight: 500; padding: 10px 30px 11px 46px;} ul.messenger-theme-air .messenger-message:hover{background-color: rgba(51, 51, 51, 0.4);} ul.messenger-theme-air .messenger-message .messenger-close{position: absolute; top: 0px; right: 0px; color: #888888; opacity: 1; font-weight: bold; display: block; font-size: 20px; line-height: 20px; padding: 8px 10px 7px 7px; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none;} ul.messenger-theme-air .messenger-message .messenger-close:hover{color: #444444;} ul.messenger-theme-air .messenger-message .messenger-close:active{color: #222222;} ul.messenger-theme-air .messenger-message .messenger-actions{float: none; margin-top: 10px;} ul.messenger-theme-air .messenger-message .messenger-actions a{-webkit-transition: background-color 0.3s; -o-transition: background-color 0.3s; transition: background-color 0.3s; border-radius: 4px; text-decoration: none; display: inline-block; color: #f8f8f8; margin-right: 10px; padding: 3px 10px 5px; text-transform: capitalize; background-color: rgba(51, 51, 51, 0.3);} ul.messenger-theme-air .messenger-message .messenger-actions a:hover{color: #f8f8f8; background-color: rgba(26, 26, 26, 0.3);} ul.messenger-theme-air .messenger-message .messenger-actions a:active{color: #f8f8f8;} ul.messenger-theme-air .messenger-message .messenger-actions .messenger-phrase{display: none;} ul.messenger-theme-air .messenger-message .messenger-message-inner:before{border-radius: 50%; position: absolute; left: 17px; display: block; content: " "; top: 50%; margin-top: -8px; height: 13px; width: 13px; z-index: 20;} ul.messenger-theme-air .messenger-message.alert-success .messenger-message-inner:before{background-color: #5fca4a;} ul.messenger-theme-air .messenger-message.alert-error.messenger-retry-soon .messenger-spinner{width: 22px; height: 22px; background: transparent;} ul.messenger-theme-air .messenger-message.alert-error.messenger-retry-soon .messenger-spinner .messenger-spinner-side .messenger-spinner-fill{background: #ffffff; animation-duration: 20s; opacity: 1;} ul.messenger-theme-air .messenger-message.alert-error.messenger-retry-soon .messenger-spinner:after{content: ""; background: transparent; position: absolute; width: 18px; height: 18px; border-radius: 50%; top: 2px; left: 2px; display: block;} ul.messenger-theme-air .messenger-message.alert-error.messenger-retry-later .messenger-spinner{width: 22px; height: 22px; background: transparent;} ul.messenger-theme-air .messenger-message.alert-error.messenger-retry-later .messenger-spinner .messenger-spinner-side .messenger-spinner-fill{background: #ffffff; animation-duration: 600s; opacity: 1;} ul.messenger-theme-air .messenger-message.alert-error.messenger-retry-later .messenger-spinner:after{content: ""; background: transparent; position: absolute; width: 18px; height: 18px; border-radius: 50%; top: 2px; left: 2px; display: block;} ul.messenger-theme-air .messenger-message.alert-error .messenger-message-inner:before{background-color: #dd6a45;} ul.messenger-theme-air .messenger-message.alert-info .messenger-message-inner:before{background-color: #61c4b8;} ul.messenger-theme-air .messenger-spinner{display: block; position: absolute; left: 12px; top: 50%; margin-top: -12px; z-index: 999; height: 22px; width: 22px; z-index: 10;} .fc{direction: ltr; text-align: left;} .fc-rtl{text-align: right;} body .fc{font-size: 1em;} .fc-unthemed th, .fc-unthemed td, .fc-unthemed thead, .fc-unthemed tbody, .fc-unthemed .fc-divider, .fc-unthemed .fc-row, .fc-unthemed .fc-popover{border-color: #ddd;} .fc-unthemed .fc-popover{background-color: #fff;} .fc-unthemed .fc-divider, .fc-unthemed .fc-popover .fc-header{background: #eee;} .fc-unthemed .fc-popover .fc-header .fc-close{color: #666;} .fc-unthemed .fc-today{background: #fcf8e3;} .fc-highlight{background: #bce8f1; opacity: .3; filter: alpha(opacity=30);} .fc-bgevent{background: #8fdf82; opacity: .3; filter: alpha(opacity=30);} .fc-nonbusiness{background: #d7d7d7;} .fc-icon{display: inline-block; width: 1em; height: 1em; line-height: 1em; font-size: 1em; text-align: center; overflow: hidden; font-family: "Courier New", Courier, monospace; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} .fc-icon:after{position: relative; margin: 0 -1em;} .fc-icon-left-single-arrow:after{content: "\02039"; font-weight: bold; font-size: 200%; top: -7%; left: 3%;} .fc-icon-right-single-arrow:after{content: "\0203A"; font-weight: bold; font-size: 200%; top: -7%; left: -3%;} .fc-icon-left-double-arrow:after{content: "\000AB"; font-size: 160%; top: -7%;} .fc-icon-right-double-arrow:after{content: "\000BB"; font-size: 160%; top: -7%;} .fc-icon-left-triangle:after{content: "\25C4"; font-size: 125%; top: 3%; left: -2%;} .fc-icon-right-triangle:after{content: "\25BA"; font-size: 125%; top: 3%; left: 2%;} .fc-icon-down-triangle:after{content: "\25BC"; font-size: 125%; top: 2%;} .fc-icon-x:after{content: "\000D7"; font-size: 200%; top: 6%;} .fc button{-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; height: 2.1em; padding: 0 .6em; font-size: 1em; white-space: nowrap; cursor: pointer;} .fc button::-moz-focus-inner{margin: 0; padding: 0;} .fc-state-default{border: 1px solid;} .fc-state-default.fc-corner-left{border-top-left-radius: 4px; border-bottom-left-radius: 4px;} .fc-state-default.fc-corner-right{border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .fc button .fc-icon{position: relative; top: -0.05em; margin: 0 .2em; vertical-align: middle;} .fc-state-default{background-color: #f5f5f5; background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6)); background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6); background-image: -o-linear-gradient(top, #ffffff, #e6e6e6); background-image: linear-gradient(to bottom, #ffffff, #e6e6e6); background-repeat: repeat-x; border-color: #e6e6e6 #e6e6e6 #bfbfbf; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); color: #333; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);} .fc-state-hover, .fc-state-down, .fc-state-active, .fc-state-disabled{color: #333333; background-color: #e6e6e6;} .fc-state-hover{color: #333333; text-decoration: none; background-position: 0 -15px; -webkit-transition: background-position 0.1s linear; -moz-transition: background-position 0.1s linear; -o-transition: background-position 0.1s linear; transition: background-position 0.1s linear;} .fc-state-down, .fc-state-active{background-color: #cccccc; background-image: none; box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);} .fc-state-disabled{cursor: default; background-image: none; opacity: 0.65; filter: alpha(opacity=65); box-shadow: none;} .fc-button-group{display: inline-block;} .fc .fc-button-group > *{float: left; margin: 0 0 0 -1px;} .fc .fc-button-group > :first-child{margin-left: 0;} .fc-popover{position: absolute; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);} .fc-popover .fc-header{padding: 2px 4px;} .fc-popover .fc-header .fc-title{margin: 0 2px;} .fc-popover .fc-header .fc-close{cursor: pointer;} .fc-ltr .fc-popover .fc-header .fc-title, .fc-rtl .fc-popover .fc-header .fc-close{float: left;} .fc-rtl .fc-popover .fc-header .fc-title, .fc-ltr .fc-popover .fc-header .fc-close{float: right;} .fc-unthemed .fc-popover{border-width: 1px; border-style: solid;} .fc-unthemed .fc-popover .fc-header .fc-close{font-size: .9em; margin-top: 2px;} .fc-popover > .ui-widget-header + .ui-widget-content{border-top: 0;} .fc-divider{border-style: solid; border-width: 1px;} hr.fc-divider{height: 0; margin: 0; padding: 0 0 2px; border-width: 1px 0;} .fc-clear{clear: both;} .fc-bg, .fc-bgevent-skeleton, .fc-highlight-skeleton, .fc-helper-skeleton{position: absolute; top: 0; left: 0; right: 0;} .fc-bg{bottom: 0;} .fc-bg table{height: 100%;} .fc table{width: 100%; table-layout: fixed; border-collapse: collapse; border-spacing: 0; font-size: 1em;} .fc th{text-align: center;} .fc th, .fc td{border-style: solid; border-width: 1px; padding: 0; vertical-align: top;} .fc td.fc-today{border-style: double;} .fc .fc-row{border-style: solid; border-width: 0;} .fc-row table{border-left: 0 hidden transparent; border-right: 0 hidden transparent; border-bottom: 0 hidden transparent;} .fc-row:first-child table{border-top: 0 hidden transparent;} .fc-row{position: relative;} .fc-row .fc-bg{z-index: 1;} .fc-row .fc-bgevent-skeleton, .fc-row .fc-highlight-skeleton{bottom: 0;} .fc-row .fc-bgevent-skeleton table, .fc-row .fc-highlight-skeleton table{height: 100%;} .fc-row .fc-highlight-skeleton td, .fc-row .fc-bgevent-skeleton td{border-color: transparent;} .fc-row .fc-bgevent-skeleton{z-index: 2;} .fc-row .fc-highlight-skeleton{z-index: 3;} .fc-row .fc-content-skeleton{position: relative; z-index: 4; padding-bottom: 2px;} .fc-row .fc-helper-skeleton{z-index: 5;} .fc-row .fc-content-skeleton td, .fc-row .fc-helper-skeleton td{background: none; border-color: transparent; border-bottom: 0;} .fc-row .fc-content-skeleton tbody td, .fc-row .fc-helper-skeleton tbody td{border-top: 0;} .fc-scroller{overflow-y: scroll; overflow-x: hidden;} .fc-scroller > *{position: relative; width: 100%; overflow: hidden;} .fc-event{position: relative; display: block; font-size: .85em; line-height: 1.3; border-radius: 3px; border: 1px solid #3a87ad; background-color: #3a87ad; font-weight: normal;} .fc-event, .fc-event:hover, .ui-widget .fc-event{color: #fff; text-decoration: none;} .fc-event[href], .fc-event.fc-draggable{cursor: pointer;} .fc-not-allowed, .fc-not-allowed .fc-event{cursor: not-allowed;} .fc-event .fc-bg{z-index: 1; background: #fff; opacity: .25; filter: alpha(opacity=25);} .fc-event .fc-content{position: relative; z-index: 2;} .fc-event .fc-resizer{position: absolute; z-index: 3;} .fc-ltr .fc-h-event.fc-not-start, .fc-rtl .fc-h-event.fc-not-end{margin-left: 0; border-left-width: 0; padding-left: 1px; border-top-left-radius: 0; border-bottom-left-radius: 0;} .fc-ltr .fc-h-event.fc-not-end, .fc-rtl .fc-h-event.fc-not-start{margin-right: 0; border-right-width: 0; padding-right: 1px; border-top-right-radius: 0; border-bottom-right-radius: 0;} .fc-h-event .fc-resizer{top: -1px; bottom: -1px; left: -1px; right: -1px; width: 5px;} .fc-ltr .fc-h-event .fc-start-resizer, .fc-ltr .fc-h-event .fc-start-resizer:before, .fc-ltr .fc-h-event .fc-start-resizer:after, .fc-rtl .fc-h-event .fc-end-resizer, .fc-rtl .fc-h-event .fc-end-resizer:before, .fc-rtl .fc-h-event .fc-end-resizer:after{right: auto; cursor: w-resize;} .fc-ltr .fc-h-event .fc-end-resizer, .fc-ltr .fc-h-event .fc-end-resizer:before, .fc-ltr .fc-h-event .fc-end-resizer:after, .fc-rtl .fc-h-event .fc-start-resizer, .fc-rtl .fc-h-event .fc-start-resizer:before, .fc-rtl .fc-h-event .fc-start-resizer:after{left: auto; cursor: e-resize;} .fc-day-grid-event{margin: 1px 2px 0; padding: 0 1px;} .fc-day-grid-event .fc-content{white-space: nowrap; overflow: hidden;} .fc-day-grid-event .fc-time{font-weight: bold;} .fc-day-grid-event .fc-resizer{left: -3px; right: -3px; width: 7px;} a.fc-more{margin: 1px 3px; font-size: .85em; cursor: pointer; text-decoration: none;} a.fc-more:hover{text-decoration: underline;} .fc-limited{display: none;} .fc-day-grid .fc-row{z-index: 1;} .fc-more-popover{z-index: 2; width: 220px;} .fc-more-popover .fc-event-container{padding: 10px;} .fc-toolbar{text-align: center; margin-bottom: 1em;} .fc-toolbar .fc-left{float: left;} .fc-toolbar .fc-right{float: right;} .fc-toolbar .fc-center{display: inline-block;} .fc .fc-toolbar > * > *{float: left; margin-left: .75em;} .fc .fc-toolbar > * > :first-child{margin-left: 0;} .fc-toolbar h2{margin: 0;} .fc-toolbar button{position: relative;} .fc-toolbar .fc-state-hover, .fc-toolbar .ui-state-hover{z-index: 2;} .fc-toolbar .fc-state-down{z-index: 3;} .fc-toolbar .fc-state-active, .fc-toolbar .ui-state-active{z-index: 4;} .fc-toolbar button:focus{z-index: 5;} .fc-view-container *, .fc-view-container *:before, .fc-view-container *:after{-webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;} .fc-view, .fc-view > table{position: relative; z-index: 1;} .fc-basicWeek-view .fc-content-skeleton, .fc-basicDay-view .fc-content-skeleton{padding-top: 1px; padding-bottom: 1em;} .fc-basic-view .fc-body .fc-row{min-height: 4em;} .fc-row.fc-rigid{overflow: hidden;} .fc-row.fc-rigid .fc-content-skeleton{position: absolute; top: 0; left: 0; right: 0;} .fc-basic-view .fc-week-number, .fc-basic-view .fc-day-number{padding: 0 2px;} .fc-basic-view td.fc-week-number span, .fc-basic-view td.fc-day-number{padding-top: 2px; padding-bottom: 2px;} .fc-basic-view .fc-week-number{text-align: center;} .fc-basic-view .fc-week-number span{display: inline-block; min-width: 1.25em;} .fc-ltr .fc-basic-view .fc-day-number{text-align: right;} .fc-rtl .fc-basic-view .fc-day-number{text-align: left;} .fc-day-number.fc-other-month{opacity: 0.3; filter: alpha(opacity=30);} .fc-agenda-view .fc-day-grid{position: relative; z-index: 2;} .fc-agenda-view .fc-day-grid .fc-row{min-height: 3em;} .fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton{padding-top: 1px; padding-bottom: 1em;} .fc .fc-axis{vertical-align: middle; padding: 0 4px; white-space: nowrap;} .fc-ltr .fc-axis{text-align: right;} .fc-rtl .fc-axis{text-align: left;} .ui-widget td.fc-axis{font-weight: normal;} .fc-time-grid-container, .fc-time-grid{position: relative; z-index: 1;} .fc-time-grid{min-height: 100%;} .fc-time-grid table{border: 0 hidden transparent;} .fc-time-grid > .fc-bg{z-index: 1;} .fc-time-grid .fc-slats, .fc-time-grid > hr{position: relative; z-index: 2;} .fc-time-grid .fc-bgevent-skeleton, .fc-time-grid .fc-content-skeleton{position: absolute; top: 0; left: 0; right: 0;} .fc-time-grid .fc-bgevent-skeleton{z-index: 3;} .fc-time-grid .fc-highlight-skeleton{z-index: 4;} .fc-time-grid .fc-content-skeleton{z-index: 5;} .fc-time-grid .fc-helper-skeleton{z-index: 6;} .fc-time-grid .fc-slats td{height: 1.5em; border-bottom: 0;} .fc-time-grid .fc-slats .fc-minor td{border-top-style: dotted;} .fc-time-grid .fc-slats .ui-widget-content{background: none;} .fc-time-grid .fc-highlight-container{position: relative;} .fc-time-grid .fc-highlight{position: absolute; left: 0; right: 0;} .fc-time-grid .fc-event-container, .fc-time-grid .fc-bgevent-container{position: relative;} .fc-ltr .fc-time-grid .fc-event-container{margin: 0 2.5% 0 2px;} .fc-rtl .fc-time-grid .fc-event-container{margin: 0 2px 0 2.5%;} .fc-time-grid .fc-event, .fc-time-grid .fc-bgevent{position: absolute; z-index: 1;} .fc-time-grid .fc-bgevent{left: 0; right: 0;} .fc-v-event.fc-not-start{border-top-width: 0; padding-top: 1px; border-top-left-radius: 0; border-top-right-radius: 0;} .fc-v-event.fc-not-end{border-bottom-width: 0; padding-bottom: 1px; border-bottom-left-radius: 0; border-bottom-right-radius: 0;} .fc-time-grid-event{overflow: hidden;} .fc-time-grid-event .fc-time, .fc-time-grid-event .fc-title{padding: 0 1px;} .fc-time-grid-event .fc-time{font-size: .85em; white-space: nowrap;} .fc-time-grid-event.fc-short .fc-content{white-space: nowrap;} .fc-time-grid-event.fc-short .fc-time, .fc-time-grid-event.fc-short .fc-title{display: inline-block; vertical-align: top;} .fc-time-grid-event.fc-short .fc-time span{display: none;} .fc-time-grid-event.fc-short .fc-time:before{content: attr(data-start);} .fc-time-grid-event.fc-short .fc-time:after{content: "\000A0-\000A0";} .fc-time-grid-event.fc-short .fc-title{font-size: .85em; padding: 0;} .fc-time-grid-event .fc-resizer{left: 0; right: 0; bottom: 0; height: 8px; overflow: hidden; line-height: 8px; font-size: 11px; font-family: monospace; text-align: center; cursor: s-resize;} .fc-time-grid-event .fc-resizer:after{content: "=";} .jqvmap-label{position: absolute; display: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #292929; color: white; font-family: sans-serif, Verdana; font-size: smaller; padding: 3px;} .jqvmap-zoomin, .jqvmap-zoomout{position: absolute; left: 10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #000000; padding: 3px; color: white; width: 10px; height: 10px; cursor: pointer; line-height: 10px; text-align: center;} .jqvmap-zoomin{top: 10px;} .jqvmap-zoomout{top: 30px;} .jqvmap-region{cursor: pointer;} .jqvmap-ajax_response{width: 100%; height: 500px;} .mfp-bg{top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; filter: alpha(opacity=80);} .mfp-wrap{top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden;} .mfp-container{text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .mfp-container:before{content: ''; display: inline-block; height: 100%; vertical-align: middle;} .mfp-align-top .mfp-container:before{display: none;} .mfp-content{position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045;} .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content{width: 100%; cursor: auto;} .mfp-ajax-cur{cursor: progress;} .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out;} .mfp-zoom{cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in;} .mfp-auto-cursor .mfp-content{cursor: auto;} .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter{-webkit-user-select: none; -moz-user-select: none; user-select: none;} .mfp-loading.mfp-figure{display: none;} .mfp-hide{display: none !important;} .mfp-preloader{color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044;} .mfp-preloader a{color: #CCC;} .mfp-preloader a:hover{color: #FFF;} .mfp-s-ready .mfp-preloader{display: none;} .mfp-s-error .mfp-content{display: none;} button.mfp-close, button.mfp-arrow{overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; -webkit-box-shadow: none; box-shadow: none;} button::-moz-focus-inner{padding: 0; border: 0;} .mfp-close{width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; filter: alpha(opacity=65); padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace;} .mfp-close:hover, .mfp-close:focus{opacity: 1; filter: alpha(opacity=100);} .mfp-close:active{top: 1px;} .mfp-close-btn-in .mfp-close{color: #333;} .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close{color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100%;} .mfp-counter{position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap;} .mfp-arrow{position: absolute; opacity: 0.65; filter: alpha(opacity=65); margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent;} .mfp-arrow:active{margin-top: -54px;} .mfp-arrow:hover, .mfp-arrow:focus{opacity: 1; filter: alpha(opacity=100);} .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a{content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent;} .mfp-arrow:after, .mfp-arrow .mfp-a{border-top-width: 13px; border-bottom-width: 13px; top: 8px;} .mfp-arrow:before, .mfp-arrow .mfp-b{border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7;} .mfp-arrow-left{left: 0;} .mfp-arrow-left:after, .mfp-arrow-left .mfp-a{border-right: 17px solid #FFF; margin-left: 31px;} .mfp-arrow-left:before, .mfp-arrow-left .mfp-b{margin-left: 25px; border-right: 27px solid #3F3F3F;} .mfp-arrow-right{right: 0;} .mfp-arrow-right:after, .mfp-arrow-right .mfp-a{border-left: 17px solid #FFF; margin-left: 39px;} .mfp-arrow-right:before, .mfp-arrow-right .mfp-b{border-left: 27px solid #3F3F3F;} .mfp-iframe-holder{padding-top: 40px; padding-bottom: 40px;} .mfp-iframe-holder .mfp-content{line-height: 0; width: 100%; max-width: 900px;} .mfp-iframe-holder .mfp-close{top: -40px;} .mfp-iframe-scaler{width: 100%; height: 0; overflow: hidden; padding-top: 56.25%;} .mfp-iframe-scaler iframe{position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000;} img.mfp-img{width: auto; max-width: 100%; height: auto; display: block; line-height: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto;} .mfp-figure{line-height: 0;} .mfp-figure:after{content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444;} .mfp-figure small{color: #BDBDBD; display: block; font-size: 12px; line-height: 14px;} .mfp-figure figure{margin: 0;} .mfp-bottom-bar{margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto;} .mfp-title{text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px;} .mfp-image-holder .mfp-content{max-width: 100%;} .mfp-gallery .mfp-image-holder .mfp-figure{cursor: pointer;} @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px){.mfp-img-mobile .mfp-image-holder{padding-left: 0; padding-right: 0;}.mfp-img-mobile img.mfp-img{padding: 0;}.mfp-img-mobile .mfp-figure:after{top: 0; bottom: 0;}.mfp-img-mobile .mfp-figure small{display: inline; margin-left: 5px;}.mfp-img-mobile .mfp-bottom-bar{background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}.mfp-img-mobile .mfp-bottom-bar:empty{padding: 0;}.mfp-img-mobile .mfp-counter{right: 5px; top: 3px;}.mfp-img-mobile .mfp-close{top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0;}} @media all and (max-width: 900px){.mfp-arrow{-webkit-transform: scale(0.75); transform: scale(0.75);}.mfp-arrow-left{-webkit-transform-origin: 0; transform-origin: 0;}.mfp-arrow-right{-webkit-transform-origin: 100%; transform-origin: 100%;}.mfp-container{padding-left: 6px; padding-right: 6px;}} .mfp-ie7 .mfp-img{padding: 0;} .mfp-ie7 .mfp-bottom-bar{width: 600px; left: 50%; margin-left: -300px; margin-top: 5px; padding-bottom: 5px;} .mfp-ie7 .mfp-container{padding: 0;} .mfp-ie7 .mfp-content{padding-top: 44px;} .mfp-ie7 .mfp-close{top: 0; right: 0; padding-top: 0;} .fileinput-button{position: relative; overflow: hidden; display: inline-block;} .fileinput-button input{position: absolute; top: 0; right: 0; margin: 0; opacity: 0; -ms-filter: 'alpha(opacity=0)'; font-size: 200px; direction: ltr; cursor: pointer;} @media screen\9{.fileinput-button input{filter: alpha(opacity=0); font-size: 100%; height: 100%;}} .nvtooltip{padding: 4px 10px; font-family: "Open Sans", sans-serif; font-size: 12px; text-align: center;} .nvtooltip p{margin: 0; padding: 0;} svg text, .nvd3 text{font: 300 12px "Open Sans", sans-serif; fill: #f8f8f8;} .widget svg text, .widget .nvd3 text{fill: #f8f8f8;} svg .title{font: 700 13px "Open Sans", sans-serif;} .nvd3.nv-noData{font-size: 16.25px; font-weight: 700;} .nvd3 .nv-axis path.domain{stroke-opacity: 0;} .nv-controlsWrap .nv-legend-symbol{fill: #666 !important; stroke: #666 !important;} .nvd3 .nv-legend .disabled circle{fill-opacity: 0;} .nvd3 .nv-axis line{stroke: #000; stroke-opacity: .1;} .nvtooltip h3{background-color: transparent; border: none; color: inherit;} .stat-widget header .nvd3.nv-multibar .nv-group{fill-opacity: 1 !important;} .nvd3.nv-stackedarea path.nv-area{fill-opacity: .8;} .nvd3.nv-stackedarea path.nv-area.hover{fill-opacity: .95;} .nvd3 .nv-axis path.domain{display: none;} .nvtooltip{padding: 5px; position: absolute; background-color: rgba(51, 51, 51, 0.6); color: #f8f8f8; border: none; z-index: 10000; font-family: inherit; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; -moz-border-radius: 0; border-radius: 0; transition: none; -moz-transition: none; -webkit-transition: none;} .nvtooltip h3, .nvtooltip h4{margin: 0; padding: 0; font-size: 13px; text-align: center;} .nvd3 .nv-axis line.zero{display: none;} .bootstrap-select .btn:focus{outline: 0 !important;} .select2-container-active .select2-choice, .select2-container-multi.select2-container-active .select2-choices{-webkit-box-shadow: none; box-shadow: none;} .select2-container-multi .select2-choices .select2-search-choice{border-radius: 3px;} .select2-search input, .select2-search-choice-close, .select2-container .select2-choice abbr, .select2-container .select2-choice .select2-arrow b{background-image: url("/theme_cromatec/static/src/css/../lib/select2/select2.png");} @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx){.select2-search input, .select2-search-choice-close, .select2-container .select2-choice abbr, .select2-container .select2-choice .select2-arrow b{background-image: url("/theme_cromatec/static/src/css/../lib/select2/select2x2.png") !important;}} .select2-container .select2-choice .select2-arrow, .select2-container .select2-choice div{border-left: none;} .select2-search input.select2-active{background: #fff url("/theme_cromatec/static/src/css/../lib/select2/select2-spinner.gif") no-repeat 100%; background: url("/theme_cromatec/static/src/css/../lib/select2/select2-spinner.gif") no-repeat 100%, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee)); background: url("/theme_cromatec/static/src/css/../lib/select2/select2-spinner.gif") no-repeat 100%, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%); background: url("/theme_cromatec/static/src/css/../lib/select2/select2-spinner.gif") no-repeat 100%, -moz-linear-gradient(center bottom, #fff 85%, #eee 99%); background: url("/theme_cromatec/static/src/css/../lib/select2/select2-spinner.gif") no-repeat 100%, linear-gradient(to bottom, #ffffff 85%, #eeeeee 99%) 0 0;} .select2-more-results.select2-active{background: #f4f4f4 url("/theme_cromatec/static/src/css/../lib/select2/select2-spinner.gif") no-repeat 100%;} .select2-container-multi .select2-choices .select2-search-field input.select2-active{background: #fff url("/theme_cromatec/static/src/css/../lib/select2/select2-spinner.gif") no-repeat 100% !important;} .select2-container-multi .select2-choices .select2-search-choice{background: #f8f8f8;} .switchery{background-color: transparent !important;} .bootstrap-datetimepicker-widget{border-radius: 3px; color: #666;} .bootstrap-datetimepicker-widget td, .bootstrap-datetimepicker-widget th{border-radius: 3px;} .bootstrap-datetimepicker-widget td.day:hover, .bootstrap-datetimepicker-widget td.hour:hover, .bootstrap-datetimepicker-widget td.minute:hover, .bootstrap-datetimepicker-widget td.second:hover{background: #eeeeee;} .bootstrap-datetimepicker-widget td.old, .bootstrap-datetimepicker-widget td.new{color: #999999;} .bootstrap-datetimepicker-widget td.active, .bootstrap-datetimepicker-widget td.active:hover{background-color: #4e91ce; text-shadow: none;} .bootstrap-datetimepicker-widget td.disabled, .bootstrap-datetimepicker-widget td.disabled:hover{color: #999999;} .bootstrap-datetimepicker-widget td span{border-radius: 3px;} .bootstrap-datetimepicker-widget td span:hover{background: #eeeeee;} .bootstrap-datetimepicker-widget td span.active{background-color: #4e91ce;} .bootstrap-datetimepicker-widget td span.old{color: #999999;} .bootstrap-datetimepicker-widget td span.disabled, .bootstrap-datetimepicker-widget td span.disabled:hover{color: #999999;} .bootstrap-datetimepicker-widget th.next, .bootstrap-datetimepicker-widget th.prev{font-size: 19.5px;} .bootstrap-datetimepicker-widget th.disabled, .bootstrap-datetimepicker-widget th.disabled:hover{color: #999999;} .bootstrap-datetimepicker-widget thead tr:first-child th:hover{background: #eeeeee;} .bootstrap-datetimepicker-widget .btn:not(.btn-primary){color: #379fff;} .bootstrap-datetimepicker-widget .btn:not(.btn-primary):hover{-webkit-box-shadow: none; box-shadow: none;} .colorpicker-saturation{background-image: url("/theme_cromatec/static/src/css/../lib/mjolnic-bootstrap-colorpicker/dist/img/bootstrap-colorpicker/saturation.png");} .colorpicker-hue{background-image: url("/theme_cromatec/static/src/css/../lib/mjolnic-bootstrap-colorpicker/dist/img/bootstrap-colorpicker/hue.png");} .colorpicker-alpha, .colorpicker-color{background-image: url("/theme_cromatec/static/src/css/../lib/mjolnic-bootstrap-colorpicker/dist/img/bootstrap-colorpicker/alpha.png");} .colorpicker.colorpicker-horizontal .colorpicker-hue{background-image: url("/theme_cromatec/static/src/css/../lib/mjolnic-bootstrap-colorpicker/dist/img/bootstrap-colorpicker/hue-horizontal.png");} .colorpicker.colorpicker-horizontal .colorpicker-alpha{background-image: url("/theme_cromatec/static/src/css/../lib/mjolnic-bootstrap-colorpicker/dist/img/bootstrap-colorpicker/alpha-horizontal.png");} .slider{display: inline-block; vertical-align: middle; position: relative;} .slider.slider-horizontal{width: 210px; height: 8px;} .slider.slider-horizontal .slider-track{height: 4px; width: 100%; margin-top: -2px; top: 50%; left: 0;} .slider.slider-horizontal .slider-selection{height: 100%; top: 0; bottom: 0;} .slider.slider-horizontal .slider-handle{margin-left: -13px; margin-top: -9.75px;} .slider.slider-horizontal .slider-handle.triangle{border-width: 0 4px 4px 4px; width: 0; height: 0; border-bottom-color: #0480be; margin-top: 0;} .slider.slider-horizontal .tooltip.top{top: -30px;} .slider.slider-vertical{height: 210px; width: 8px;} .slider.slider-vertical .slider-track{width: 4px; height: 100%; margin-left: -2px; left: 50%; top: 0;} .slider.slider-vertical .slider-selection{width: 100%; left: 0; top: 0; bottom: 0;} .slider.slider-vertical .slider-handle{margin-left: -9.75px; margin-top: -13px;} .slider.slider-vertical .slider-handle.triangle{border-width: 4px 0 4px 4px; width: 1px; height: 1px; border-left-color: #0480be; margin-left: 0;} .slider.slider-disabled .slider-handle{background-image: -webkit-linear-gradient(top, #dfdfdf 0%, #bebebe 100%); background-image: -o-linear-gradient(top, #dfdfdf 0%, #bebebe 100%); background-image: linear-gradient(to bottom, #dfdfdf 0%, #bebebe 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFDFDFDF', endColorstr='#FFBEBEBE', GradientType=0);} .slider.slider-disabled .slider-track{background-image: -webkit-linear-gradient(top, #e5e5e5 0%, #e9e9e9 100%); background-image: -o-linear-gradient(top, #e5e5e5 0%, #e9e9e9 100%); background-image: linear-gradient(to bottom, #e5e5e5 0%, #e9e9e9 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFE5E5E5', endColorstr='#FFE9E9E9', GradientType=0); cursor: not-allowed;} .slider input{display: none;} .slider .tooltip-inner{white-space: nowrap;} .slider-track{position: absolute; cursor: pointer; background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0.1) 100%); background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0.1) 100%); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0.1) 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#26000000', endColorstr='#1A000000', GradientType=0); -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); border-radius: 3px;} .slider-selection{position: absolute; background-color: #4e91ce; -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 3px;} .slider-danger .slider-selection{background-color: #f25118;} .slider-success .slider-selection{background-color: #3ecd74;} .slider-warning .slider-selection{background-color: #f2c34d;} .slider-info .slider-selection{background-color: #4ab0ce;} .slider-inverse .slider-selection{background-color: #f8f8f8;} .slider-handle{position: absolute; width: 26px; height: 26px; background-color: #ffffff; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 3px rgba(0, 0, 0, 0.5); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 3px rgba(0, 0, 0, 0.5); border: 0px solid transparent;} .slider-handle:focus{outline: 0;} .slider-handle.round{border-radius: 50%;} .slider-handle.triangle{background: transparent none;} .rickshaw_graph .detail .x_label{color: #666;} .fc-grid th{text-transform: uppercase;} .fc-event{padding: 2px 3px; border: none; font-weight: 400; background-color: #ddd; color: #f8f8f8;} .fc-unthemed .fc-today{background-color: rgba(255, 241, 184, 0.35);} a.fc-event{height: auto; line-height: 20px;} .fc-event, .fc-event:hover, .ui-widget .fc-event{color: #666;} .fc-unthemed th, .fc-unthemed td, .fc-unthemed hr, .fc-unthemed thead, .fc-unthemed tbody, .fc-unthemed .fc-row, .fc-unthemed .fc-popover{border-color: rgba(255, 255, 255, 0.33);} .table-editable th > a{color: #f8f8f8; cursor: pointer;} .table-editable .sort-caret{display: inline-block; width: 15px; height: 15px; margin-left: 0.3em; border: 0; content: ""; font: 15px FontAwesome;} .table-editable .ascending .sort-caret:before{content: "\f0d8";} .table-editable .descending .sort-caret:before{content: "\f0d7";} .table-editable + .backgrid-paginator > ul{font-weight: 400; display: inline-block; padding-left: 0; margin: 18px 0; border-radius: 3px;} .table-editable + .backgrid-paginator > ul > li{display: inline;} .table-editable + .backgrid-paginator > ul > li > a, .table-editable + .backgrid-paginator > ul > li > span{position: relative; float: left; line-height: 1.428571429; text-decoration: none; color: #f8f8f8; background-color: transparent; border: 1px solid transparent; border-radius: 3px; margin: 0 2px;} .table-editable + .backgrid-paginator > ul > li > a > .fa-lg, .table-editable + .backgrid-paginator > ul > li > span > .fa-lg{position: relative; top: -1px;} .table-editable + .backgrid-paginator > ul > li:first-child > a, .table-editable + .backgrid-paginator > ul > li:first-child > span{margin-left: 0;} .table-editable + .backgrid-paginator > ul > li > a:hover, .table-editable + .backgrid-paginator > ul > li > a:focus, .table-editable + .backgrid-paginator > ul > li > span:hover, .table-editable + .backgrid-paginator > ul > li > span:focus{color: #ffffff; background-color: rgba(51, 51, 51, 0.3); border-color: transparent;} .table-editable + .backgrid-paginator > ul > .active > a, .table-editable + .backgrid-paginator > ul > .active > a:hover, .table-editable + .backgrid-paginator > ul > .active > a:focus, .table-editable + .backgrid-paginator > ul > .active > span, .table-editable + .backgrid-paginator > ul > .active > span:hover, .table-editable + .backgrid-paginator > ul > .active > span:focus{z-index: 2; color: #ffffff; background-color: rgba(51, 51, 51, 0.3); border-color: transparent; cursor: default;} .table-editable + .backgrid-paginator > ul > .disabled > span, .table-editable + .backgrid-paginator > ul > .disabled > span:hover, .table-editable + .backgrid-paginator > ul > .disabled > span:focus, .table-editable + .backgrid-paginator > ul > .disabled > a, .table-editable + .backgrid-paginator > ul > .disabled > a:hover, .table-editable + .backgrid-paginator > ul > .disabled > a:focus{color: #eeeeee; background-color: transparent; border-color: transparent; cursor: not-allowed;} .table-editable + .backgrid-paginator > ul > li > a, .table-editable + .backgrid-paginator > ul > li > span{padding: 4px 10px; font-size: 12px; line-height: 1.428571429;} .table-editable + .backgrid-paginator > ul > li:first-child > a, .table-editable + .backgrid-paginator > ul > li:first-child > span{border-bottom-left-radius: 3px; border-top-left-radius: 3px;} .table-editable + .backgrid-paginator > ul > li:last-child > a, .table-editable + .backgrid-paginator > ul > li:last-child > span{border-bottom-right-radius: 3px; border-top-right-radius: 3px;} table.dataTable thead .sorting{background: url("/theme_cromatec/static/src/css/../lib/datatables/media/images/sort_both.png") no-repeat center right;} table.dataTable thead .sorting_asc{background: url("/theme_cromatec/static/src/css/../lib/datatables/media/images/sort_asc.png") no-repeat center right;} table.dataTable thead .sorting_desc{background: url("/theme_cromatec/static/src/css/../lib/datatables/media/images/sort_desc.png") no-repeat center right;} table.dataTable thead .sorting_asc_disabled{background: url("/theme_cromatec/static/src/css/../lib/datatables/media/images/sort_asc_disabled.png") no-repeat center right;} table.dataTable thead .sorting_desc_disabled{background: url("/theme_cromatec/static/src/css/../lib/datatables/media/images/sort_desc_disabled.png") no-repeat center right;} .dataTables_wrapper .dataTables_paginate{text-align: right;} .rickshaw_legend{background-color: rgba(51, 51, 51, 0.4); color: white;} html{min-height: 100%;} body{font-weight: 300; padding-bottom: 100px; background-color: #154265 20%; background-image: radial-gradient(farthest-side ellipse at 10% 0, #154265 20%, #7392c2); background-image: -webkit-radial-gradient(10% 0, farthest-side ellipse, #154265 20%, #7392c2); background-image: -moz-radial-gradient(10% 0, farthest-side ellipse, #154265 20%, #7392c2); background-attachment: fixed, fixed;} h1, h2, h3, h4, h5, h6{font-weight: 300;} h1 small, h2 small, h3 small, h4 small, h5 small, h6 small{color: #d2d2d2; font-weight: 300;} input[type=search], input.search{padding-left: 26px; background-color: #fff; background: url(/theme_cromatec/static/src/css/../img/search.png) 5px 6px no-repeat #fff;} input[type=search].input-transparent, input.search.input-transparent{border: none; color: #f8f8f8; background: url(/theme_cromatec/static/src/css/../img/search-white.png) 5px 5px no-repeat rgba(51, 51, 51, 0.4);} input[type=search].input-transparent::-moz-placeholder, input.search.input-transparent::-moz-placeholder{color: rgba(238, 238, 238, 0.76); opacity: 1;} input[type=search].input-transparent:-ms-input-placeholder, input.search.input-transparent:-ms-input-placeholder{color: rgba(238, 238, 238, 0.76);} input[type=search].input-transparent::-webkit-input-placeholder, input.search.input-transparent::-webkit-input-placeholder{color: rgba(238, 238, 238, 0.76);} ul ul, ol ul{list-style: none;} ul, ol{list-style: none; padding: 0;} iframe{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} fieldset{width: 100%; min-width: 0;} form{margin-bottom: 0;} a{-webkit-transition: color 0.2s; -o-transition: color 0.2s; transition: color 0.2s;} .btn{-webkit-transition: background-color 0.2s; -o-transition: background-color 0.2s; transition: background-color 0.2s;} svg{height: 100%; width: 100%; display: block;} .transition-height{-webkit-transition: height 0.15s ease-in-out; -o-transition: height 0.15s ease-in-out; transition: height 0.15s ease-in-out;} .thumb-lg{width: 60px;} .thumb-lg > .glyphicon, .thumb-lg > .fa{line-height: 60px;} .thumb{width: 48px;} .thumb > .glyphicon, .thumb > .fa{line-height: 48px;} .thumb-sm{width: 34px;} .thumb-sm > .glyphicon, .thumb-sm > .fa{line-height: 34px;} .thumb-xs{width: 28px;} .thumb-xs > .glyphicon, .thumb-xs > .fa{line-height: 28px;} .thumb-xs, .thumb-sm, .thumb-lg, .thumb{position: relative; display: inline-block; text-align: center;} .thumb-xs img, .thumb-sm img, .thumb-lg img, .thumb img{height: auto; max-width: 100%; vertical-align: middle;} .thumb-xs .status, .thumb-sm .status, .thumb-lg .status, .thumb .status{position: absolute; top: 0; left: 0; display: inline-block; width: 0.7em; height: 0.7em; border: 0.15em solid #ffffff; border-radius: 50%;} .thumb-xs .status.status-bottom, .thumb-sm .status.status-bottom, .thumb-lg .status.status-bottom, .thumb .status.status-bottom{top: auto; left: auto; bottom: 0; right: 0;} .text-ellipsis{display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .thin-scroll::-webkit-scrollbar{height: 8px; width: 8px;} .thin-scroll::-webkit-scrollbar:hover{background-color: #e9e9e9; border: none;} .thin-scroll::-webkit-scrollbar-thumb{border: none; background-color: rgba(0, 0, 0, 0.2); -webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.1); box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.1);} .thin-scroll::-webkit-scrollbar-thumb:hover{background-color: #999999;} @-webkit-keyframes bg-attention{0%{background-color: white;}5%{background-color: #fdf8ea;}0%{background-color: transparent;}} @keyframes bg-attention{0%{background-color: white;}5%{background-color: #fdf8ea;}0%{background-color: transparent;}} .bg-attention{-webkit-animation: bg-attention 10s; -o-animation: bg-attention 10s; animation: bg-attention 10s;} .value0{margin: 0; font-size: 54px; font-weight: 600;} .value1{margin: 0; font-size: 33px; font-weight: 600;} .value2{margin: 0; font-size: 27px; font-weight: 600;} .value3{margin: 0; font-size: 23px; font-weight: 600;} .value4{margin: 0; font-size: 17px; font-weight: 600;} .value5{margin: 0; font-size: 13px; font-weight: 600;} .value6{margin: 0; font-size: 12px; font-weight: 600;} .text-align-center{text-align: center;} .text-align-right{text-align: right;} .no-margin{margin: 0;} .mt-xlg{margin-top: 40px;} .mt-n-xlg{margin-top: -40px;} .mt-lg{margin-top: 27px;} .mt-n-lg{margin-top: -27px;} .mt{margin-top: 18px;} .mt-n{margin-top: 18px;} .mt-md{margin-top: 18px;} .mt-n-md{margin-top: -18px;} .mt-sm{margin-top: 9px;} .mt-n-sm{margin-top: -9px;} .mt-xs{margin-top: 4.5px;} .mt-n-xs{margin-top: -4.5px;} .mt-0{margin-top: 0;} .mt-n-0{margin-top: 0;} .mb-xlg{margin-bottom: 40px;} .mb-n-xlg{margin-bottom: -40px;} .mb-lg{margin-bottom: 27px;} .mb-n-lg{margin-bottom: -27px;} .mb{margin-bottom: 18px;} .mb-n{margin-bottom: 18px;} .mb-md{margin-bottom: 18px;} .mb-n-md{margin-bottom: -18px;} .mb-sm{margin-bottom: 9px;} .mb-n-sm{margin-bottom: -9px;} .mb-xs{margin-bottom: 4.5px;} .mb-n-xs{margin-bottom: -4.5px;} .mb-0{margin-bottom: 0;} .mb-n-0{margin-bottom: 0;} .ml-lg{margin-left: 20px;} .ml-n-lg{margin-left: -20px;} .ml{margin-left: 15px;} .ml-n{margin-left: 15px;} .ml-md{margin-left: 15px;} .ml-n-md{margin-left: -15px;} .ml-sm{margin-left: 10px;} .ml-n-sm{margin-left: -10px;} .ml-xs{margin-left: 5px;} .ml-n-xs{margin-left: -5px;} .ml-0{margin-left: 0;} .ml-n-0{margin-left: 0;} .mr-lg{margin-right: 20px;} .mr-n-lg{margin-right: -20px;} .mr{margin-right: 15px;} .mr-n{margin-right: 15px;} .mr-md{margin-right: 15px;} .mr-n-md{margin-right: -15px;} .mr-sm{margin-right: 10px;} .mr-n-sm{margin-right: -10px;} .mr-xs{margin-right: 5px;} .mr-n-xs{margin-right: -5px;} .mr-0{margin-right: 0;} .mr-n-0{margin-right: 0;} .no-padding{padding: 0;} .display-inline{display: inline;} .display-n-inline{display: -inline;} .display-inline-block{display: inline-block;} .display-n-inline-block{display: -inline;} .display-block{display: block;} .display-n-block{display: -inline;} .width-50{width: 50px;} .width-n-50{width: -inline;} .width-100{width: 100px;} .width-n-100{width: -inline;} .width-150{width: 150px;} .width-n-150{width: -inline;} .width-200{width: 200px;} .width-n-200{width: -inline;} .height-50{height: 50px;} .height-n-50{height: -inline;} .height-100{height: 100px;} .height-n-100{height: -inline;} .height-150{height: 150px;} .height-n-150{height: -inline;} .height-200{height: 200px;} .height-n-200{height: -inline;} .height-250{height: 250px;} .height-n-250{height: -inline;} .max-height-50{max-height: 50px;} .max-height-n-50{max-height: -inline;} .max-height-100{max-height: 100px;} .max-height-n-100{max-height: -inline;} .max-height-150{max-height: 150px;} .max-height-n-150{max-height: -inline;} .max-height-200{max-height: 200px;} .max-height-n-200{max-height: -inline;} .max-height-250{max-height: 250px;} .max-height-n-250{max-height: -inline;} .opacity-10{opacity: 0.1;} .opacity-n-10{opacity: -inline;} .opacity-20{opacity: 0.2;} .opacity-n-20{opacity: -inline;} .opacity-30{opacity: 0.3;} .opacity-n-30{opacity: -inline;} .opacity-40{opacity: 0.4;} .opacity-n-40{opacity: -inline;} .opacity-50{opacity: 0.5;} .opacity-n-50{opacity: -inline;} .opacity-60{opacity: 0.6;} .opacity-n-60{opacity: -inline;} .opacity-70{opacity: 0.7;} .opacity-n-70{opacity: -inline;} .opacity-80{opacity: 0.8;} .opacity-n-80{opacity: -inline;} .opacity-90{opacity: 0.9;} .opacity-n-90{opacity: -inline;} .z-index-more{z-index: 1;} .z-index-n-more{z-index: -inline;} .z-index-less{z-index: -1;} .z-index-n-less{z-index: -inline;} .no-border{border: none;} .bt{border-top: 1px solid #ddd;} .br{border-right: 1px solid #ddd;} .bb{border-bottom: 1px solid #ddd;} .bl{border-left: 1px solid #ddd;} .overflow-hidden{overflow: hidden;} .fw-semi-bold{font-weight: 600;} .fw-normal{font-weight: 400;} .fw-bold{font-weight: 700;} .fw-thin{font-weight: 300;} .rotate-45{-webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);} .rotate-135{-webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg);} .rotate-225{-webkit-transform: rotate(225deg); -ms-transform: rotate(225deg); -o-transform: rotate(225deg); transform: rotate(225deg);} .rotate-315{-webkit-transform: rotate(315deg); -ms-transform: rotate(315deg); -o-transform: rotate(315deg); transform: rotate(315deg);} .text-primary{color: #4e91ce;} a.text-primary:hover, a.text-primary:focus{color: #3378b6;} .text-success{color: #3ecd74;} a.text-success:hover, a.text-success:focus{color: #2cac5c;} .text-info{color: #4ab0ce;} a.text-info:hover, a.text-info:focus{color: #3196b4;} .text-warning{color: #f2c34d;} a.text-warning:hover, a.text-warning:focus{color: #efb31d;} .text-danger{color: #f25118;} a.text-danger:hover, a.text-danger:focus{color: #cc3e0b;} .text-link{color: #9dd0ff;} a.text-link:hover, a.text-link:focus{color: #6ab8ff;} .bg-primary{background-color: #4e91ce;} a.bg-primary:hover, a.bg-primary:focus{background-color: #3378b6;} .bg-success{background-color: #3ecd74;} a.bg-success:hover, a.bg-success:focus{background-color: #2cac5c;} .bg-info{background-color: #4ab0ce;} a.bg-info:hover, a.bg-info:focus{background-color: #3196b4;} .bg-warning{background-color: #f2c34d;} a.bg-warning:hover, a.bg-warning:focus{background-color: #efb31d;} .bg-danger{background-color: #f25118;} a.bg-danger:hover, a.bg-danger:focus{background-color: #cc3e0b;} .bg-body{background-color: #fff;} a.bg-body:hover, a.bg-body:focus{background-color: #e6e6e6;} .bg-gray{background-color: #666;} a.bg-gray:hover, a.bg-gray:focus{background-color: #4d4d4d;} .bg-gray-transparent{background-color: rgba(102, 102, 102, 0.6);} a.bg-gray-transparent:hover, a.bg-gray-transparent:focus{background-color: rgba(77, 77, 77, 0.6);} .bg-gray-dark{background-color: #555;} a.bg-gray-dark:hover, a.bg-gray-dark:focus{background-color: #3c3c3c;} .bg-black{background-color: #000000;} a.bg-black:hover, a.bg-black:focus{background-color: black;} .bg-gray-light{background-color: #999999;} a.bg-gray-light:hover, a.bg-gray-light:focus{background-color: gray;} .bg-gray-lighter{background-color: #eeeeee;} a.bg-gray-lighter:hover, a.bg-gray-lighter:focus{background-color: #d5d5d5;} .bg-transparent{background-color: transparent;} a.bg-transparent:hover, a.bg-transparent:focus{background-color: transparent;} .bg-white{background-color: #ffffff;} a.bg-white:hover, a.bg-white:focus{background-color: #e6e6e6;} .bg-body, .bg-body-light, .bg-gray, .bg-gray-transparent, .bg-transparent, .bg-primary, .bg-success, .bg-warning, .bg-danger, .bg-info{-webkit-transition: background-color 0.15s ease-in-out; -o-transition: background-color 0.15s ease-in-out; transition: background-color 0.15s ease-in-out;} .text-white{color: #ffffff;} a.text-white:hover, a.text-white:focus{color: #e6e6e6;} .text-gray{color: #666;} a.text-gray:hover, a.text-gray:focus{color: #4d4d4d;} .text-gray-dark{color: #555;} a.text-gray-dark:hover, a.text-gray-dark:focus{color: #3c3c3c;} .text-gray-light{color: #999999;} a.text-gray-light:hover, a.text-gray-light:focus{color: gray;} .text-semi-muted{color: #777;} a.text-semi-muted:hover, a.text-semi-muted:focus{color: #5e5e5e;} .text-gray-darker{color: #222222;} a.text-gray-darker:hover, a.text-gray-darker:focus{color: #090909;} .text-gray-lighter{color: #eeeeee;} a.text-gray-lighter:hover, a.text-gray-lighter:focus{color: #d5d5d5;} .text-light{opacity: .8;} .fs-mini{font-size: 9.75px;} .fs-sm{font-size: 12px;} .fs-larger{font-size: 14px;} .btlr{border-top-left-radius: 3px;} .btrr{border-top-right-radius: 3px;} .bblr{border-bottom-left-radius: 3px;} .bbrr{border-bottom-right-radius: 3px;} .red{background: #f25118 !important; color: #ffffff !important;} .orange{background: #f2c34d !important; color: #ffffff !important;} .lime{background: #8CBF26 !important; color: #ffffff !important;} .green{background: #3ecd74 !important; color: #ffffff !important;} .teal{background: #4ab0ce !important; color: #ffffff !important;} .blue{background: #4e91ce !important; color: #ffffff !important;} .brown{background: #A05000 !important; color: #ffffff !important;} .red-dark{background: #d04f4f !important; color: #ffffff !important;} .color-red{color: #f25118 !important;} .color-orange{color: #f2c34d !important;} .color-lime{color: #8CBF26 !important;} .color-green{color: #3ecd74 !important;} .color-teal{color: #4ab0ce !important;} .color-blue{color: #4e91ce !important;} .color-brown{color: #A05000 !important;} .color-red-dark{color: #d04f4f !important;} .form-control.parsley-error, .form-control.parsley-error:focus{box-shadow: inset 0 0 3px #f2c34d;} .parsley-errors-list{font-size: 12px;} .parsley-errors-list li{list-style: none; color: #f2c34d;} .logo{-webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; position: absolute; left: 65px; top: 5px; z-index: 1;} @media (min-height: 940px){.logo{position: fixed;}} .logo a{color: #ffffff; text-decoration: none; font-weight: normal;} .logo strong{color: #ffffff;} .sidebar{position: absolute; width: 160px; padding: 10px 0; top: 0; color: #ffffff; z-index: 1; margin: 80px 0 0 25px; font-weight: 300;} @media (min-height: 940px){.sidebar{position: fixed;}} .sidebar .settings{margin-top: 10px; text-align: center;} .sidebar .settings .btn-auto{display: none;} .sidebar .panel{background: none;} .sidebar.collapse{display: block; visibility: visible;} .side-nav{margin: 0;} .side-nav li{list-style: none;} .side-nav li i[class*=fa]{width: 16px; margin-right: 8px; float: left; line-height: 20px; font-size: 14px; opacity: .4; text-align: right;} .side-nav li a:hover, .side-nav li a:focus{background: rgba(0, 0, 0, 0.07);} .side-nav li a{color: inherit; -webkit-transition: background-color 0.2s; -o-transition: background-color 0.2s; transition: background-color 0.2s; text-decoration: none; display: block; padding: 10px 20px; border-radius: 6px;} .side-nav li a .fa-angle-down{width: auto; float: right; margin-right: -8px; opacity: 1; -webkit-transition: -webkit-transform 0.3s ease-in-out; -moz-transition: -moz-transform 0.3s ease-in-out; -o-transition: -o-transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out;} .side-nav li a.collapsed .fa-angle-down{-webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg);} .side-nav li a[data-toggle="collapse"]:before{display: inline-block; font-family: FontAwesome; content: "\f107"; float: right; margin-right: -8px; position: relative; top: 1px; -webkit-transition: transform 0.3s ease-in-out; -o-transition: transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out;} .side-nav li a[data-toggle="collapse"].collapsed:before{transform: rotate(90deg);} .side-nav li.active > a{font-weight: 700;} .side-nav .panel-collapse li a{padding: 4px 20px; padding-left: 50px;} .side-nav .panel-collapse li a:hover, .side-nav .panel-collapse li a:focus{background: rgba(0, 0, 0, 0.07);} .side-nav .panel-collapse li a i[class*="fa"]{float: none; font-size: inherit;} .side-nav .panel-collapse .panel-collapse .panel-collapse > li a{padding-left: 70px;} .side-nav .panel-collapse .panel-collapse > li a{padding-left: 60px;} .side-nav .panel{margin: 0; border: none; border-radius: 0;} .side-nav .panel-collapse.collapse{display: block; position: relative; height: 0; overflow: hidden; -webkit-transition: height 0.35s ease; -o-transition: height 0.35s ease; transition: height 0.35s ease;} .side-nav .panel-collapse.collapse.in{height: auto;} .sidebar-labels{list-style: none; padding: 10px 20px;} .sidebar-labels > li > a{color: rgba(255, 255, 255, 0.8); text-decoration: none; font-weight: normal;} .sidebar-labels > li > a:hover{color: #ffffff;} .sidebar-labels > li > a .circle, .sidebar-labels > li > a .circle-o{position: relative; top: -2px; font-size: 9px; height: 12px; width: 12px; line-height: 12px;} .sidebar-labels > li > a .fa-circle{font-size: 11px; vertical-align: 1px; margin-left: 4px; margin-right: 8px;} .sidebar-labels > li > a .circle-o{top: 1px; left: 1px;} .sidebar-labels > li + li{margin-top: 9px;} @media (max-width: 767px){.sidebar-labels{display: none;}} .sidebar-alerts .alert{margin-bottom: 0; padding: 9px 12px 9px 20px;} .sidebar-alerts .alert .close{font-size: 16px; text-shadow: none; opacity: 1; color: rgba(255, 255, 255, 0.9);} @media (max-width: 767px){.sidebar-alerts{display: none;}} .sidebar-nav-title{margin: 35px 0 5px 20px; font-weight: 300;} .sidebar-nav-title .action-link{color: rgba(255, 255, 255, 0.85); float: right; margin-right: 12px; margin-top: -1px;} .sidebar-nav-title .action-link .fa, .sidebar-nav-title .action-link .glyphicon{font-size: 9px;} @media (max-width: 767px){.sidebar-nav-title{display: none;}} .sidebar-on-right .sidebar{right: 0; margin: 80px 25px 0 0;} .sidebar-on-right .wrap{margin-left: 0; margin-right: 185px;} .sidebar-on-right .logo{right: 67px; left: auto;} .sidebar-hidden .sidebar, .sidebar-hidden .logo{display: none;} .sidebar-hidden .wrap{margin-left: 0; margin-right: 0;} .wrap{margin-left: 185px;} .content{padding: 25px 2.5641%; -webkit-transition: margin-top 0.35s ease, opacity 0.2s; -o-transition: margin-top 0.35s ease, opacity 0.2s; transition: margin-top 0.35s ease, opacity 0.2s; max-width: none; width: auto; opacity: 1;} .content.hiding{opacity: 0;} .widget{border-radius: 3px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; padding: 12px 17px; color: #f8f8f8; background: rgba(51, 51, 51, 0.4); margin-bottom: 30px; position: relative;} .widget.normal{height: 220px;} .widget.large{height: 315px;} .widget.large .body{height: 280px;} .widget.xlarge{height: 415px;} .widget.xlarge .body{height: 380px;} .widget.tiny{height: 188px;} .widget.tiny-x2{height: 426px;} .widget.transparent{background: transparent; -webkit-box-shadow: none; box-shadow: none;} .widget > header{position: relative; background: none; color: white;} .widget > header h1, .widget > header h2, .widget > header h3, .widget > header h4, .widget > header h5{margin: 0; line-height: 20px; font-weight: 600; color: inherit;} .widget > header h1 small, .widget > header h2 small, .widget > header h3 small, .widget > header h4 small, .widget > header h5 small{text-transform: lowercase; color: #d2d2d2;} .widget > header h4{font-size: 14px;} .widget .body{margin-top: 10px;} .widget > footer{position: absolute; bottom: 0; left: 0; right: 0; margin: 15px 0 0;} .widget .actions{position: absolute; right: 0; top: 0;} .widget .actions a{text-decoration: none;} .widget .widget-table-overflow{margin: 0 -17px -12px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px;} .widget .widget-table-overflow .table > thead > tr > th:first-child, .widget .widget-table-overflow .table > thead > tr > td:first-child, .widget .widget-table-overflow .table > tbody > tr > th:first-child, .widget .widget-table-overflow .table > tbody > tr > td:first-child, .widget .widget-table-overflow .table > tfoot > tr > th:first-child, .widget .widget-table-overflow .table > tfoot > tr > td:first-child{padding-left: 17px;} .widget .widget-table-overflow .table > thead > tr > th:last-child, .widget .widget-table-overflow .table > thead > tr > td:last-child, .widget .widget-table-overflow .table > tbody > tr > th:last-child, .widget .widget-table-overflow .table > tbody > tr > td:last-child, .widget .widget-table-overflow .table > tfoot > tr > th:last-child, .widget .widget-table-overflow .table > tfoot > tr > td:last-child{padding-right: 17px;} .widget-controls{position: absolute; z-index: 1; top: 0; right: 0; font-size: 12px; word-spacing: 1px;} .widget-controls.left{left: 0; right: auto;} .widget-controls > a, .widget-controls > span{padding: 1px 4px; border-radius: 4px; color: rgba(255, 255, 255, 0.45); -webkit-transition: color 0.15s ease-in-out; -o-transition: color 0.15s ease-in-out; transition: color 0.15s ease-in-out;} .widget-controls > a > .fa, .widget-controls > span > .fa{vertical-align: middle;} .widget-controls > a > .glyphicon, .widget-controls > span > .glyphicon{vertical-align: -1px;} .widget-controls > a:hover{color: rgba(255, 255, 255, 0.6);} .widget-controls .fa-refresh{position: relative; top: -1px;} .page-header{border: none; margin: 15px 2.5641% 0; padding: 0; position: relative; border-radius: 3px;} .page-header .navbar{min-height: 40px; border: none;} .page-header .navbar .nav li.dropdown.open > .dropdown-toggle, .page-header .navbar .nav li.dropdown.active > .dropdown-toggle, .page-header .navbar .nav li.dropdown.open.active > .dropdown-toggle{background-color: transparent; color: rgba(51, 51, 51, 0.5);} .page-header .navbar .nav li.dropdown.open > .dropdown-toggle:hover, .page-header .navbar .nav li.dropdown.open > .dropdown-toggle:focus, .page-header .navbar .nav li.dropdown.active > .dropdown-toggle:hover, .page-header .navbar .nav li.dropdown.active > .dropdown-toggle:focus, .page-header .navbar .nav li.dropdown.open.active > .dropdown-toggle:hover, .page-header .navbar .nav li.dropdown.open.active > .dropdown-toggle:focus{color: #ffffff;} .page-header .navbar .nav > li > a:focus, .page-header .navbar .nav > li > a:hover, .page-header .navbar .nav > .active > a, .page-header .navbar .nav > .active > a:hover, .page-header .navbar .nav > .active > a:focus{color: #ffffff;} .page-header .nav > li{position: relative; background: none; float: left;} .page-header .nav > li > a{color: rgba(51, 51, 51, 0.5); width: 40px; padding: 0; font-size: 19.5px; outline: 0; background: none; text-align: center; vertical-align: middle; line-height: 36px; text-shadow: none;} .page-header .nav > li > a:hover{color: #ffffff;} .page-header .nav > li > a .glyphicon{vertical-align: middle;} .page-header .nav > li .count{position: absolute; bottom: 2px; right: 2px; font-size: 9.1px; font-weight: normal; background: rgba(51, 51, 51, 0.55); color: rgba(255, 255, 255, 0.9); line-height: 1em; padding: 2px 4px; border-radius: 10px;} .page-header .nav > li.divider{display: block; height: 38px; width: 1px; margin: 0 20px; background: linear-gradient(rgba(51, 51, 51, 0), rgba(51, 51, 51, 0.5), rgba(102, 102, 102, 0));} .page-header .search-query{color: #f8f8f8; border: none; background: url(/theme_cromatec/static/src/css/../img/search-white.png) 5px 5px no-repeat rgba(51, 51, 51, 0.4); padding-left: 26px; -webkit-transition: width 0.2s; -o-transition: width 0.2s; transition: width 0.2s; width: 200px;} .page-header .search-query::-moz-placeholder{color: rgba(238, 238, 238, 0.76); opacity: 1;} .page-header .search-query:-ms-input-placeholder{color: rgba(238, 238, 238, 0.76);} .page-header .search-query::-webkit-input-placeholder{color: rgba(238, 238, 238, 0.76);} .page-header .search-query:focus{width: 240px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);} .page-header .navbar-form{margin: 5px 15px 0 0; padding: 0; border: none; -webkit-box-shadow: none; box-shadow: none;} .page-header .navbar-nav{margin: 0;} .page-header .navbar .nav > li > .dropdown-menu:after{content: ''; display: inline-block; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid rgba(51, 51, 51, 0.85); position: absolute; top: -6px; left: 10px;} .page-header .navbar .pull-right > li > .dropdown-menu, .page-header .navbar .nav > li > .dropdown-menu.pull-right{left: auto; right: 0;} .page-header .navbar .pull-right > li > .dropdown-menu:before, .page-header .navbar .nav > li > .dropdown-menu.pull-right:before{left: auto; right: 12px;} .page-header .navbar .pull-right > li > .dropdown-menu:after, .page-header .navbar .nav > li > .dropdown-menu.pull-right:after{left: auto; right: 13px;} .page-header .navbar .pull-right > li > .dropdown-menu .dropdown-menu, .page-header .navbar .nav > li > .dropdown-menu.pull-right .dropdown-menu{left: auto; right: 100%; margin-left: 0; margin-right: -1px; border-radius: 6px 0 6px 6px;} .page-title{color: #ffffff; font-weight: 300; line-height: 1; margin: 11px 0 18px;} .page-title small{color: rgba(255, 255, 255, 0.7);} .notifications{margin: 6px 20px 6px -40px; -webkit-transition: margin-top 0.2s ease; -o-transition: margin-top 0.2s ease; transition: margin-top 0.2s ease;} .notifications .alert{background: rgba(51, 51, 51, 0.4); border: none; font-size: 12px; line-height: 19px; margin-bottom: 0; padding: 3px 9px; color: #f8f8f8; text-shadow: none; border-radius: 10px;} .notifications .alert a{color: #f8f8f8; font-weight: bold;} .messages{background: rgba(51, 51, 51, 0.85); -webkit-box-shadow: none; box-shadow: none; border-radius: 3px !important; color: white;} .navbar .nav > li > .messages:before{border-bottom: none;} .navbar .nav > li > .messages:after{border-bottom-color: rgba(51, 51, 51, 0.85);} .navbar .nav > li > .messages > li > a{color: white; padding: 8px 10px;} .navbar .nav > li > .messages > li > a:before, .navbar .nav > li > .messages > li > a:after{content: " "; display: table;} .navbar .nav > li > .messages > li > a:after{clear: both;} .navbar .nav > li > .messages > li > a:hover, .navbar .nav > li > .messages > li > a:focus{background-color: #4e91ce;} .navbar .nav > li > .messages .see-all{padding: 5px 10px;} .message img{float: left; width: 40px;} .message .details{margin-left: 50px;} .message .text{font-size: 12px; color: #ddd;} .support{background: rgba(51, 51, 51, 0.85); -webkit-box-shadow: none; box-shadow: none; border-radius: 3px !important; color: white;} .navbar .nav > li > .support:before{border-bottom: none;} .navbar .nav > li > .support:after{border-bottom-color: rgba(51, 51, 51, 0.85);} .navbar .nav > li > .support > li > a{color: white; padding: 5px 10px;} .navbar .nav > li > .support > li > a:hover, .navbar .nav > li > .support > li > a:focus{background-color: #4e91ce;} .navbar .nav > li > .support .see-all{padding: 5px 10px;} .support-ticket .picture{float: left; text-align: center;} .support-ticket .details{margin-left: 30px; font-size: 12px;} .settings-popover{background: rgba(51, 51, 51, 0.85); -webkit-box-shadow: none; box-shadow: none; border-radius: 3px !important; color: white; width: 122px; font-size: 12px; text-align: center; left: -40px !important; top: 30px !important;} .settings-popover.bottom .arrow{border-bottom-color: transparent; top: -13px; margin-left: 0; left: 44% !important; right: 4px;} .settings-popover.bottom .arrow:after{border-bottom-color: rgba(51, 51, 51, 0.85); border-width: 6px;} .settings-popover .btn-group{margin-top: 0;} .settings-popover .btn-sm, .settings-popover .btn-group-sm > .btn{padding: 0 7px;} .setting{font-weight: normal;} .setting + .setting{margin-top: 5px;} .account{width: 180px; background: rgba(51, 51, 51, 0.85); -webkit-box-shadow: none; box-shadow: none; border-radius: 3px !important; color: white;} .navbar .nav > li > .account:before{border-bottom: none;} .navbar .nav > li > .account:after{border-bottom-color: rgba(51, 51, 51, 0.85);} .account > li > a{color: white;} .account > li > a:hover, .account > li > a:focus{background-color: #4e91ce; color: white;} .account-picture{padding: 5px 10px; font-weight: normal;} .account-picture img{width: 50px; margin-right: 5px;} .account > li > a{padding: 7px 10px;} .btn-transparent{background: rgba(51, 51, 51, 0.3); color: white; text-shadow: none; -webkit-box-shadow: none; box-shadow: none;} .btn-transparent:hover{background: rgba(51, 51, 51, 0.5); color: white;} .btn-transparent.active{color: white; background: rgba(51, 51, 51, 0.55);} .btn-transparent.active:hover{background: rgba(51, 51, 51, 0.55);} .btn-transparent .caret{border-top-color: white;} .btn-inverse{color: #555; background-color: #f8f8f8; border-color: rgba(0, 0, 0, 0.2);} .btn-inverse:focus, .btn-inverse.focus{color: #555; background-color: #dfdfdf; border-color: rgba(0, 0, 0, 0.2);} .btn-inverse:hover{color: #555; background-color: #dfdfdf; border-color: rgba(0, 0, 0, 0.2);} .btn-inverse:active, .btn-inverse.active, .open > .btn-inverse.dropdown-toggle{color: #555; background-color: #dfdfdf; border-color: rgba(0, 0, 0, 0.2);} .btn-inverse:active:hover, .btn-inverse:active:focus, .btn-inverse:active.focus, .btn-inverse.active:hover, .btn-inverse.active:focus, .btn-inverse.active.focus, .open > .btn-inverse.dropdown-toggle:hover, .open > .btn-inverse.dropdown-toggle:focus, .open > .btn-inverse.dropdown-toggle.focus{color: #555; background-color: #cdcdcd; border-color: rgba(0, 0, 0, 0.2);} .btn-inverse:active, .btn-inverse.active, .open > .btn-inverse.dropdown-toggle{background-image: none;} .btn-inverse.disabled, .btn-inverse.disabled:hover, .btn-inverse.disabled:focus, .btn-inverse.disabled.focus, .btn-inverse.disabled:active, .btn-inverse.disabled.active, .btn-inverse[disabled], .btn-inverse[disabled]:hover, .btn-inverse[disabled]:focus, .btn-inverse[disabled].focus, .btn-inverse[disabled]:active, .btn-inverse[disabled].active, fieldset[disabled] .btn-inverse, fieldset[disabled] .btn-inverse:hover, fieldset[disabled] .btn-inverse:focus, fieldset[disabled] .btn-inverse.focus, fieldset[disabled] .btn-inverse:active, fieldset[disabled] .btn-inverse.active{background-color: #f8f8f8; border-color: rgba(0, 0, 0, 0.2);} .btn-inverse .badge{color: #f8f8f8; background-color: #555;} .btn-white{background: none; border: 2px solid #ffffff;} .section{font-size: 14px; color: #d2d2d2; vertical-align: middle; line-height: 30px; padding: 10px 0 0;} .section small{font-size: 12px; color: #d2d2d2; font-weight: bold;} .form-control.input-transparent{border: none; color: #f8f8f8; background-color: rgba(51, 51, 51, 0.4);} .form-control.input-transparent::-moz-placeholder{color: rgba(238, 238, 238, 0.76); opacity: 1;} .form-control.input-transparent:-ms-input-placeholder{color: rgba(238, 238, 238, 0.76);} .form-control.input-transparent::-webkit-input-placeholder{color: rgba(238, 238, 238, 0.76);} .form-control.input-transparent:focus{color: #f8f8f8; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2);} .form-control.input-transparent[disabled], .form-control.input-transparent[readonly], fieldset[disabled] .form-control.input-transparent{background-color: rgba(77, 77, 77, 0.4);} .select-block-level{width: 100%;} .controls .bootstrap-select.btn-group[class*='span']{float: none; display: inline-block; margin-left: 0;} .controls .bootstrap-select.btn-group[class*='span'] .btn{width: 100%;} .controls .bootstrap-select.btn-group .dropdown-menu{width: 100%;} .form-actions{padding: 17px 20px 18px; margin-top: 18px; background-color: rgba(51, 51, 51, 0.3);} .form-actions:before, .form-actions:after{content: " "; display: table;} .form-actions:after{clear: both;} .form-wizard .progress{margin-bottom: 10px;} .wizard-navigation{margin-bottom: 5px;} .wizard-navigation a{color: #f8f8f8;} .icons > section{margin-top: 20px;} .the-icons li, .fontawesome-icon-list > div{line-height: 40px;} .the-icons li i, .fontawesome-icon-list > div i{-webkit-transition: font-size 0.2s; -o-transition: font-size 0.2s; transition: font-size 0.2s;} .the-icons li:hover i, .fontawesome-icon-list > div:hover i{font-size: 26px;} .fontawesome-icon-list i{min-width: 20px;} .i-code{display: none;} .widget-tabs{background: none; -webkit-box-shadow: none; box-shadow: none; padding: 0;} .widget-tabs .body{background: rgba(51, 51, 51, 0.4); margin-top: 0; padding: 12px 17px; border-radius: 0 0 3px 3px;} .widget-tabs .nav-tabs{border-bottom: none;} .widget-tabs .nav > li > a{padding-top: 10px; padding-bottom: 10px; color: white;} .widget-tabs .nav > li.active{margin-bottom: 0;} .widget-tabs .nav > li.active > a{border-color: transparent; background: rgba(51, 51, 51, 0.4);} .widget-tabs .nav > li.active > a:hover{color: #f8f8f8;} .widget-tabs .nav > li:not(.active) > a{background: rgba(51, 51, 51, 0.4); border-bottom: none;} .widget-tabs .nav > li:not(.active) > a:hover{background: rgba(26, 26, 26, 0.4); border-color: transparent;} .widget-tabs .nav > li:first-child > a{border-left: none;} .widget:not(.widget-tabs) .tab-content{background: rgba(51, 51, 51, 0.3); padding: 10px; border-radius: 0 0 3px 3px; overflow: hidden;} .widget:not(.widget-tabs) .tabs-below .tab-content{border-bottom: none; border-radius: 3px 3px 0 0;} .widget:not(.widget-tabs) .tabs-left .tab-content{border-radius: 0 3px 3px 0;} .widget:not(.widget-tabs) .tabs-right .tab-content{border-radius: 3px 0 0 3px;} .tab-header{margin-top: 0; margin-bottom: 1em; font-size: 14px; color: white;} .progress-small{height: 8px;} .progress-inverse .bar, .progress .progress-bar-inverse{color: #333; background-color: #f8f8f8; background-image: -webkit-linear-gradient(top, #f8f8f8 0%, #f8f8f8 100%); background-image: -o-linear-gradient(top, #f8f8f8 0%, #f8f8f8 100%); background-image: linear-gradient(to bottom, #f8f8f8 0%, #f8f8f8 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFF8F8F8', endColorstr='#FFF8F8F8', GradientType=0);} .progress-inverse.progress-striped .bar, .progress-striped .progress-bar-inverse{background-image: -webkit-linear-gradient(45deg, #f8f8f8 25%, transparent 25%, transparent 50%, #f8f8f8 50%, #f8f8f8 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, #f8f8f8 25%, transparent 25%, transparent 50%, #f8f8f8 50%, #f8f8f8 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, #f8f8f8 25%, transparent 25%, transparent 50%, #f8f8f8 50%, #f8f8f8 75%, transparent 75%, transparent);} .map{height: 100%;} .map *{-webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;} .modal img{max-width: 100%;} .thumbnail img{width: 100%;} .thumbnails > li{margin-bottom: 20px;} .table th{font-weight: 300; color: white;} .widget .table th{color: white;} .table-images td{height: 60px; vertical-align: middle;} .table-images td img{height: 60px;} .table-colored tbody tr:nth-child(1n){color: #f25118;} .table-colored tbody tr:nth-child(2n){color: #f2c34d;} .table-colored tbody tr:nth-child(3n){color: #8CBF26;} .table-colored tbody tr:nth-child(4n){color: #3ecd74;} .table-colored tbody tr:nth-child(5n){color: #4ab0ce;} .table-colored tbody tr:nth-child(6n){color: #4e91ce;} .table-colored tbody tr:nth-child(7n){color: #A05000;} .table-colored tbody tr:nth-child(8n){color: #d04f4f;} .table-editable th a{display: block; cursor: pointer; color: #f8f8f8; text-decoration: underline;} .table-editable td.editor, .table-editable tbody tr:nth-child(odd) td.editor{background-color: rgba(78, 145, 206, 0.05); outline: 1px solid #4e91ce; outline-offset: -1px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition-duration: 200ms; -moz-transition-duration: 200ms; -o-transition-duration: 200ms; transition-duration: 200ms; -webkit-transition-property: width, outline, background-color; -moz-transition-property: width, outline, background-color; -o-transition-property: width, outline, background-color; transition-property: width, outline, background-color; -webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out;} .table-editable td.editor input[type=text]{color: white; display: block; width: 100%; height: 100%; padding: 0; margin: 0; background-color: transparent; border: 0; outline: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none;} .table-editable td.editor.error, .table-editable tbody tr:nth-child(odd) td.editor.error{background-color: rgba(242, 195, 77, 0.1); outline: 1px solid #f2c34d;} .table-editable td.editor :focus, .table-editable th.editor :focus{outline: 0;} .table-editable .sort-caret{display: inline-block; width: 15px; height: 15px; margin-left: 0.3em; border: 0; content: ""; font: 15px FontAwesome;} .table-editable .ascending .sort-caret:before{content: "\f0d8";} .table-editable .descending .sort-caret:before{content: "\f0d7";} .chart-col-header{width: 100px;} .table .chart-cell{padding: 3px;} .source-col-header{width: 30%;} .sources-table td, .sources-table th{text-align: center;} .sources-table td:first-child, .sources-table th:first-child{text-align: left;} .widget-container{min-height: 30px;} .widget-container .widget:not(.fullscreened) > header{cursor: move;} .widget-placeholder{background: rgba(51, 51, 51, 0.2); border: 1px dashed rgba(255, 255, 255, 0.6); margin: -1px -1px 29px -1px;} .list-group-item-placeholder{background: rgba(51, 51, 51, 0.2); border: 1px dashed rgba(255, 255, 255, 0.6); margin: -1px;} .slimScrollBar{border-radius: 3px !important;} .text-align-center{text-align: center;} .text-align-right{text-align: right;} .well-white{background: rgba(255, 255, 255, 0.2);} .margin-top{margin-top: 10px;} .margin-bottom{margin-bottom: 10px;} .no-margin{margin: 0 !important;} .weight-normal{font-weight: normal;} .visible-phone-landscape{display: none !important;} .background-danger{background: #f25118; color: white;} .background-warning{background: #f2c34d; color: white;} .background-success{background: #3ecd74; color: white;} .background-primary{background: #4e91ce; color: white;} .background-info{background: #4ab0ce; color: white;} .background-lime{background: #8CBF26; color: white;} .loader{position: absolute; top: 0; bottom: 0; left: 0; right: 0;} .loader .spinner{position: absolute; top: 50%; width: 100%; margin-top: -10px; font-size: 20px; text-align: center;} .loader-wrap{position: fixed; left: 0; right: 0; top: 70px; bottom: 0; text-align: center; opacity: 1; -webkit-transition: opacity 0.2s ease-out; -o-transition: opacity 0.2s ease-out; transition: opacity 0.2s ease-out;} @media (min-width: 1049px){.loader-wrap{margin-left: 185px;}.sidebar-on-right .loader-wrap{margin-right: 185px; margin-left: 0;}} @media (min-width: 768px) and (max-width: 1048px){.loader-wrap{margin-left: 62px;}.sidebar-on-right .loader-wrap{margin-right: 62px; margin-left: 0;}} .sidebar-hidden .loader-wrap{margin-left: 0 !important; margin-right: 0 !important;} .loader-wrap.hiding{opacity: 0;} .loader-wrap .fa{position: absolute; top: 50%; line-height: 30px; margin-top: -85px; font-size: 18px; vertical-align: middle;} .attention{display: inline-block; width: 8px; height: 8px; margin: 0 5px; border-radius: 50%;} .bg-addition{background-color: rgba(51, 51, 51, 0.3) !important;} ul.text-list, ol.text-list{margin-bottom: 9px; padding-left: 40px;} ul.text-list{list-style: disc;} ol.text-list{list-style: decimal;} @media (max-width: 320px){.hidden-xs-portrait{display: none !important;}} @media (min-width: 768px){.sidebar-hidden .sidebar{display: none;}} @media (max-width: 767px){.sidebar.nav-collapse, .sidebar.nav-collapse.collapse{overflow: hidden; height: 0;}.sidebar.nav-collapse.collapse.in{height: auto;}body{padding-left: 20px; padding-right: 20px;}.page-title{margin-top: 6px;}.sidebar, .sidebar-on-right .sidebar{display: block; position: absolute; top: 0; left: 0; margin: 90px 5%; width: 90%; padding: 0;}.sidebar .side-nav, .sidebar-on-right .sidebar .side-nav{margin: 10px 0;}.sidebar + .wrap, .sidebar-on-right .sidebar + .wrap{margin-left: 0; margin-right: 0;}.nv-controlsWrap{display: none;}.logo, .sidebar-on-right .logo, .sidebar-hidden .logo{display: block; left: 1.6%; right: auto; padding-right: 5px; width: 40px; top: 4px;}.widget-404-search, .widget-404{width: 402px;}.widget-404{padding: 0;}.widget-404 .body{margin-top: 0;}.single-widget-container .widget-404-search{margin-top: 0;}.single-widget-container .widget-404-search .search-field{width: 285px;}.single-widget-container.error-page{margin-top: -170px;}.navbar .nav > li > .dropdown-menu.messages, .navbar .nav > li > .dropdown-menu.support{margin-right: -68px;}.navbar .nav > li > .dropdown-menu.messages:after, .navbar .nav > li > .dropdown-menu.support:after{right: 85px;}.notifications{position: absolute; right: 0; top: 46px; margin: 0; -webkit-transition: top 0.3s ease; -o-transition: top 0.3s ease; transition: top 0.3s ease;}.mailbox .folder-title{float: none;}.mailbox .form-search{margin-top: 9px;}.mailbox .form-search label{display: block;}.mailbox .form-search .input-search{width: 100%; height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}.mailbox .form-search .input-search:hover{width: 100%;}.mailbox-content{margin-top: 0;}.client-details{text-align: left;}.landing .logo{width: auto;}.landing .logo small{display: none;}.landing .features + .features{margin-top: 0;}.landing .feature{margin-bottom: 20px;}.carousel-landing{height: 215px; margin-bottom: -24px;}.carousel-landing h1{font-size: 20px;}} @media (max-width: 480px){.sidebar, .sidebar-on-right .sidebar{margin: 90px 2.5641%; width: 94.8718%;}.form-condensed .controls{margin-left: 0;}.form-horizontal .control-label{float: none; width: auto; padding-top: 0; text-align: left;}.form-horizontal .controls{margin-left: 0;}.form-horizontal .control-list{padding-top: 0;}.form-horizontal .form-actions{padding-left: 10px; padding-right: 10px;}body{padding-left: 0; padding-right: 0;}.login-widget, .registration-widget{width: 260px;}.widget-404-search, .widget-404{width: 260px;}.widget-404 h1{font-size: 80px; line-height: 80px;}.widget-404 h3{font-size: 16.25px; line-height: 20px;}.single-widget-container .widget-404-search{margin-top: 0;}.single-widget-container .widget-404-search .search-field{width: 143px;}.single-widget-container.error-page{margin-top: -129px;}.navbar .nav > li > .dropdown-menu.messages{margin-right: -112px;}.navbar .nav > li > .dropdown-menu.messages:after{right: 129px;}.chat-footer .btn{padding: 4px 0;}.page-header .navbar-form{margin: 10px 0 0; width: 100%; overflow: hidden; height: 0; -webkit-transition: height 0.3s ease; -o-transition: height 0.3s ease; transition: height 0.3s ease;}.page-header .search-query{display: block; width: 100%; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}.page-header .search-query:focus{width: 100%;}.visible-phone-landscape{display: block !important;}.hidden-phone-landscape{display: none !important;}} .external-event{margin: 15px 0; padding: 5px 10px; color: #fff; cursor: pointer; border-radius: 3px;} .feed{height: 100%; position: relative;} .feed .wrapper{position: relative;} .feed .vertical-line{height: 100%; width: 2px; background: transparent; position: absolute; left: 13px;} .feed-item{padding-right: 6px;} .feed-item:before, .feed-item:after{content: " "; display: table;} .feed-item:after{clear: both;} .feed-item .icon{position: relative; z-index: 1; background: rgba(51, 51, 51, 0.4); text-align: center; color: #ffffff; width: 28px; height: 28px; line-height: 28px; vertical-align: middle; border-radius: 20px; font-size: 16px;} .feed-item .icon img{position: relative; top: -2px; width: 26px; height: 26px;} .feed-item + .feed-item{margin-top: 10px;} .feed-item-body{padding-top: 3px; margin-left: 40px; vertical-align: bottom;} .feed-item-body .time{font-size: 12px; line-height: 1.5em; color: #d2d2d2;} table.table thead .sorting, table.table thead .sorting_asc, table.table thead .sorting_desc, table.table thead .sorting_asc_disabled, table.table thead .sorting_desc_disabled{cursor: pointer; *cursor: hand;} table.table thead .sorting{background: url("/theme_cromatec/static/src/css/../lib/datatables/media/images/sort_both.png") no-repeat center right;} table.table thead .sorting_asc{background: url("/theme_cromatec/static/src/css/../lib/datatables/media/images/sort_asc.png") no-repeat center right;} table.table thead .sorting_desc{background: url("/theme_cromatec/static/src/css/../lib/datatables/media/images/sort_desc.png") no-repeat center right;} table.table thead .sorting_asc_disabled{background: url("/theme_cromatec/static/src/css/../lib/datatables/media/images/sort_asc_disabled.png") no-repeat center right;} table.table thead .sorting_desc_disabled{background: url("/theme_cromatec/static/src/css/../lib/datatables/media/images/sort_desc_disabled.png") no-repeat center right;} .per-page-selector label{vertical-align: middle; line-height: 26px;} .table-top-control{margin-bottom: 5px;} .table-bottom-control{margin-top: 10px;} .table-bottom-control .pagination{margin: 0;} .fileupload-progress.fade.in .progress{margin-top: 20px; margin-bottom: 5px;} .fileupload-progress.fade.in .progress-extended{margin-bottom: 10px;} .fileupload-progress.fade .progress{margin: 0;} .template-upload video{max-width: 200px;} .dropzone{border: 2px dashed #eee; margin-top: 10px; font-size: 40px; color: #eee; line-height: 120px; padding-left: 7%; vertical-align: middle; border-radius: 3px;} .dropzone:before, .dropzone:after{content: " "; display: table;} .dropzone:after{clear: both;} .dropzone i{margin-top: 20px; padding-right: 10%;} .search-result-categories > li > a{color: #f8f8f8; background-color: transparent; font-weight: 400;} .search-result-categories > li > a:hover{color: #ffffff;} .search-result-categories > li > a > .glyphicon{margin-right: 5px;} .search-result-categories > li > a > .badge{float: right;} .search-results-count{margin-top: 10px;} .search-result-item{padding: 20px; background-color: rgba(51, 51, 51, 0.4); border-radius: 3px;} .search-result-item:before, .search-result-item:after{content: " "; display: table;} .search-result-item:after{clear: both;} .search-result-item .image-link{display: block; overflow: hidden; border-top-left-radius: 3px; border-bottom-left-radius: 3px;} @media (min-width: 768px){.search-result-item .image-link{display: inline-block; margin: -20px 0 -20px -20px; float: left; width: 200px;}} @media (max-width: 767px){.search-result-item .image-link{max-height: 200px;}} .search-result-item .image{max-width: 100%;} .search-result-item .info{margin-top: 2px; font-size: 12px; color: #d2d2d2;} .search-result-item .description{color: #d2d2d2;} .search-result-item + .search-result-item{margin-top: 20px;} @media (min-width: 768px){.search-result-item-body{margin-left: 200px;}} .search-result-item-heading{font-weight: 400;} .search-result-item-heading > a{color: white;} @media (min-width: 768px){.search-result-item-heading{margin: 0;}} .pagination-search-result > li > a, .pagination-search-result > li > span{color: #f8f8f8;} .pagination-search-result > li > a:hover, .pagination-search-result > li > a:focus, .pagination-search-result > li > span:hover, .pagination-search-result > li > span:focus{background-color: rgba(51, 51, 51, 0.25); color: #ffffff;} .pagination-search-result > .disabled > span, .pagination-search-result > .disabled > span:hover, .pagination-search-result > .disabled > span:focus, .pagination-search-result > .disabled > a, .pagination-search-result > .disabled > a:hover, .pagination-search-result > .disabled > a:focus{color: #ddd;} .pagination-search-result > .active > a, .pagination-search-result > .active > a:hover, .pagination-search-result > .active > a:focus, .pagination-search-result > .active > span, .pagination-search-result > .active > span:hover, .pagination-search-result > .active > span:focus{background-color: rgba(51, 51, 51, 0.25); color: #ffffff;} .error-container{padding-top: 5%; text-align: center;} .error-container > .btn{padding-left: 35px; padding-right: 35px;} .error-code{font-size: 80px; font-weight: 300; color: #ffffff;} @media (min-width: 768px){.error-code{font-size: 180px;}} .error-info{font-size: 20px;} .error-help{font-size: 14px;} .error-page .page-footer{position: absolute; bottom: 30px; left: 0; right: 0; width: 100%; font-size: 12px; color: rgba(255, 255, 255, 0.8); text-align: center;} .invoice-logo{width: 253px; height: 70px;} .invoice-number{font-size: 19.5px; margin-top: 15px;} .invoice-number-info{color: #d2d2d2; font-size: 14px;} .invoice-info .details-title{color: #d2d2d2; margin: 0;} .invoice-actions{margin-top: 18px;} .client-details{text-align: right;} .nav-email-folders > li > a{color: #eeeeee; font-weight: 400; background-color: transparent;} .nav-email-folders > li > a:hover{background-color: rgba(51, 51, 51, 0.25); color: #f8f8f8;} .nav-email-folders > li > a > .glyphicon{margin-right: 5px;} .nav-email-folders > li > a > .fa-circle{margin-top: 3px;} .nav-email-folders > li > a > .badge{background-color: #f25118; font-weight: 600;} .nav-email-folders > li.active > a, .nav-email-folders > li.active > a:hover, .nav-email-folders > li.active > a:focus{background-color: rgba(51, 51, 51, 0.25); color: #f8f8f8; font-weight: 600;} .nav-email-folders > li.active > a > .badge, .nav-email-folders > li.active > a:hover > .badge, .nav-email-folders > li.active > a:focus > .badge{color: #555;} .widget-email-count{display: inline-block; margin: 0; font-size: 12px; color: #d2d2d2; line-height: 29px;} .widget-email-count + .widget-email-pagination{margin-left: 10px; border-left: 1px solid #ddd; padding-left: 15px; border-radius: 0; vertical-align: -9px;} .widget-email-pagination{margin: 0;} .table-emails{margin-bottom: 0;} .table-emails .name, .table-emails .subject, .table-emails .date{cursor: pointer;} .table-emails .date{text-align: right; min-width: 65px;} .table-emails .unread{font-weight: 600; color: #f8f8f8;} .table-emails .favorite{text-align: center;} .table-emails .starred{color: #d2d2d2; cursor: pointer; -webkit-transition: color 0.2s; -o-transition: color 0.2s; transition: color 0.2s;} .table-emails .starred:hover{color: #f8f8f8;} .table-emails .starred .fa-star{color: #f2c34d;} .widget-table-overflow .table-emails td:first-child, .table-emails th:first-child{padding-left: 17px;} .widget-table-overflow .table-emails td:last-child, .table-emails th:last-child{padding-right: 17px;} .compose-view{margin: 12px 17px;} .email-view{margin: 12px 17px;} .email-view hr{margin: 5px 0;} .email-view .email-body{margin-top: 18px;} .email-details img{width: 30px; height: 30px; float: left;} .email-details-content:before, .email-details-content:after{content: " "; display: table;} .email-details-content:after{clear: both;} .email-details-content .email{color: #d2d2d2; font-size: 9.75px;} .email-details-content .receiver{display: block; color: #d2d2d2; margin-top: -6px;} .email-details-content .email-date{margin-right: 10px; line-height: 24px; vertical-align: middle;} .email-attachments .attachment img{display: block;} .email-attachments .attachment .title{margin: 0; font-weight: bold;} .landing{padding-bottom: 40px;} .landing .page-header{margin-left: 0; margin-right: 0;} .landing .navbar-menu > li > a{line-height: 40px; padding: 0 10px; width: auto; font-size: 16.25px;} .landing .navbar-buttons{margin-right: 20px;} .landing .navbar-buttons > li{float: left;} .landing .navbar-buttons > li > a{margin: 7px 10px;} .landing .logo{position: static;} .landing .content{padding: 25px 0;} .landing .lead{font-weight: normal;} .landing .btn{font-weight: normal;} .landing .btn + .btn{margin-left: 10px;} .landing .widget p{font-size: 14px;} .landing .widget-about{margin-top: 60px; padding: 20px;} .landing .widget-about h2, .landing .widget-about h4{margin-top: 0; font-weight: bold;} .landing .widget-about .preview{margin: 40px 0;} .landing .widget-about .btn{color: white;} .landing .img-about{margin-top: 8px;} .landing .features{margin-top: 60px;} .landing .feature{text-align: center;} .landing .feature .icon{display: inline-block; height: 60px; width: 60px; font-size: 40px; line-height: 60px; vertical-align: middle; border-radius: 50%;} .landing .feature .icon > i{color: #ffffff;} .landing .thanks{margin-top: 60px;} .landing .back-to-top{color: #f8f8f8;} .widget-white{background: #ffffff; color: #666; -webkit-box-shadow: 0 -1px 1px rgba(103, 103, 103, 0.4), 0 1px 1px rgba(103, 103, 103, 0.4); box-shadow: 0 -1px 1px rgba(103, 103, 103, 0.4), 0 1px 1px rgba(103, 103, 103, 0.4);} .widget-white *{color: #666;} .carousel-landing{height: 450px; overflow: hidden;} .carousel-landing img{max-width: 100%;} .carousel-landing h1{font-size: 45px; line-height: 1.1;} .carousel-landing .item > .row > *:first-child{text-align: right;} .carousel-landing .slide-one-header{margin-top: 80px;} .carousel-landing .slide-two-header{margin-bottom: 40px;} .carousel-landing .slide-three-header{margin-top: 100px; margin-bottom: 20px;} .carousel-landing .btn-version-preview{margin-top: 20px;} @media (min-width: 480px) and (max-width: 768px){.carousel-landing .btn-version-preview{display: none;}} .carousel-fade .carousel-inner > .item{-webkit-transition: opacity 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out;} .carousel-fade .carousel-inner > .next, .carousel-fade .carousel-inner > .prev{left: auto;} .carousel-fade .carousel-inner > .next.left, .carousel-fade .carousel-inner > .prev.right{opacity: 1; left: auto;} .carousel-fade .carousel-inner > .active.left, .carousel-fade .carousel-inner > .active.right, .carousel-fade .carousel-inner > .next, .carousel-fade .carousel-inner > .prev{opacity: 0; left: auto;} .carousel-control-landing{opacity: 1; width: 2%; text-shadow: 0 0 8px rgba(255, 255, 255, 0.6);} @media screen and (min-width: 768px){.carousel-control-landing .icon-prev, .carousel-control-landing .icon-next{font-size: 50px;}} .carousel-control-landing.left{background: none;} .carousel-control-landing.right{background: none;} .location-selector{width: 100%; height: 220px; border: 1px dashed #eee; background-color: rgba(51, 51, 51, 0.3); position: relative;} .location-selector .bit{background-color: rgba(26, 26, 26, 0.3); -webkit-transition: background-color 0.15s ease-in-out; -o-transition: background-color 0.15s ease-in-out; transition: background-color 0.15s ease-in-out; cursor: pointer; position: absolute;} .location-selector .bit:hover{background-color: rgba(13, 13, 13, 0.3);} .location-selector .bit.top, .location-selector .bit.bottom{height: 25%; width: 40%; margin: 0 30%;} .location-selector .bit.top{top: 0;} .location-selector .bit.bottom{bottom: 0;} .location-selector .bit.right, .location-selector .bit.left{height: 20%; width: 20%; margin-left: 0; margin-right: 0;} .location-selector .bit.right{right: 0;} .location-selector .bit.left{left: 0;} .box{border-radius: 3px; padding: 5px; text-align: center; margin-bottom: 30px; background: rgba(51, 51, 51, 0.4); color: #f8f8f8;} .box .description{font-weight: normal; text-align: center; margin: 10px -5px;} .box .icon, .box .big-text{margin-top: 15px; font-size: 36px; line-height: 36px; height: 36px; font-weight: bold;} .large .pie-chart{height: 212px;} .xlarge .pie-chart{height: 298px;} .pie-chart{position: relative;} .pie-chart .total{text-align: center; position: absolute; left: 0; top: 50%;} .pie-chart .visits{font-weight: 300; color: white; font-size: 16.25px;} .pie-chart-footer .controls{margin-top: 16px; width: 100%;} .pie-chart-footer .control{-webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; background: rgba(51, 51, 51, 0.3); text-align: center; font-weight: normal; padding: 3px 2%; color: white; width: 20.625%; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; margin-left: 0.5%; float: left;} .pie-chart-footer .control:first-child{border-bottom-left-radius: 3px; margin-left: 0;} .pie-chart-footer .control:last-child{border-bottom-right-radius: 3px;} .pie-chart-footer .control.disabled{border-top: 3px solid transparent !important;} .pie-chart-footer .control .key{font-size: 12px; font-weight: normal; margin: 0;} .pie-chart-footer .control .value{font-size: 16.25px; font-weight: bold; margin-bottom: 5px;} .visits-chart{height: 200px;} .visits-info{margin: 12px -17px -12px; padding-top: 18px; padding-bottom: 3px; border: none; text-align: center;} .visits-info .key{color: white;} .visits-info .value{margin-top: 16px; margin-bottom: 16px; font-size: 16.25px;} .jqstooltip, .jqstooltip *{-webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;} .news-list.news-list-no-hover li:hover, .users-list.news-list-no-hover li:hover{background: none; cursor: default;} .news-list.stretchable > li, .users-list.stretchable > li{height: auto;} .news-list li, .users-list li{-webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; border-top: 1px solid rgba(51, 51, 51, 0.3); padding: 12px; margin: 0 -17px; cursor: pointer; height: 50px; -webkit-transition: background-color 0.2s ease-out; -o-transition: background-color 0.2s ease-out; transition: background-color 0.2s ease-out;} .news-list li:hover, .users-list li:hover{background: rgba(51, 51, 51, 0.3);} .news-list li:last-child, .users-list li:last-child{margin-bottom: -12px;} .news-list img, .news-list .icon, .users-list img, .users-list .icon{float: left; height: 50px; width: 50px;} .news-list .icon, .users-list .icon{line-height: 50px; border-radius: 50%; text-align: center; font-size: 32px;} .news-list .news-item-info, .users-list .news-item-info{margin-left: 62px;} .news-list .name, .news-list .time, .news-list .position, .users-list .name, .users-list .time, .users-list .position{line-height: 16px;} .news-list h4.name, .users-list h4.name{text-transform: none;} .news-list .name, .users-list .name{margin: 0; text-transform: uppercase;} .news-list .name a, .users-list .name a{text-decoration: none;} .news-list .name a:hover, .users-list .name a:hover{color: #9dd0ff;} .news-list p, .users-list p{margin-top: 5px; font-size: 90%; line-height: 1.4;} .news-list .time, .users-list .time{font-size: 12px; color: #d2d2d2;} .news-list .options, .users-list .options{margin-top: 5px;} .news-list .comment, .users-list .comment{font-size: 12px; color: #f8f8f8; line-height: 1.3em;} .users-list-group img{width: 40px; height: 40px; float: left; margin-right: 10px;} .users-list-group .fa-circle{margin-top: 14px;} .single-widget-container{left: 0; top: 50%; margin-top: -192.5px; position: absolute; width: 100%;} .single-widget-container .widget{margin: 0 auto;} .login-widget, .registration-widget{width: 350px; padding-bottom: 0;} .login-widget header, .registration-widget header{margin: 15px 0 25px 0;} .login-widget .form-control, .registration-widget .form-control{font-size: 13px;} .login-widget .input-group-addon, .registration-widget .input-group-addon{padding: 8px 7px;} .login-widget .input-group-addon i, .login-widget .input-group-addon i:before, .login-widget .input-group-addon i:after, .registration-widget .input-group-addon i, .registration-widget .input-group-addon i:before, .registration-widget .input-group-addon i:after{width: 20px; margin: 0;} .login-widget .form-actions, .registration-widget .form-actions{margin: 0 -17px; padding: 20px 15px 0 15px;} .login-widget .form-actions .small-circle, .registration-widget .form-actions .small-circle{display: inline-block; width: 20px; height: 20px; line-height: 20px; border-radius: 50%; background: rgba(0, 0, 0, 0.2);} .login-widget .form-actions .small-circle i, .registration-widget .form-actions .small-circle i{position: relative; left: 1px;} .login-widget .form-actions .forgot, .registration-widget .form-actions .forgot{display: block; text-align: center; color: white; padding: 15px 0;} .login-widget footer, .registration-widget footer{margin: 0 -17px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; overflow: hidden; position: static;} .login-widget .facebook-login, .registration-widget .facebook-login{-webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; height: 30px; background: #4e91ce; text-align: center; padding-top: 10px;} .login-widget .facebook-login a, .registration-widget .facebook-login a{color: #ffffff; display: block; text-shadow: none; text-decoration: none;} .chat-messages{padding-right: 15px;} .chat-footer{height: 40px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-top: 10px;} .chat-footer input{margin-bottom: 0;} .chat-message:before, .chat-message:after{content: " "; display: table;} .chat-message:after{clear: both;} .chat-message .icon{position: relative; z-index: 1; text-align: center; width: 53px; height: 53px; line-height: 53px; vertical-align: middle; border-radius: 53px;} .chat-message .icon img{position: relative; top: -2px; width: 50px; height: 50px;} .chat-message .time{font-size: 12px; line-height: 1.5em; text-align: center; color: #d2d2d2;} .chat-message + .chat-message{margin-top: 10px;} .chat-message-body{margin-left: 63px; padding: 8px 10px; background: rgba(51, 51, 51, 0.3); position: relative; border-left: 2px solid rgba(26, 26, 26, 0.4); border-radius: 3px;} .chat-message-body.on-left{margin-left: 0; margin-right: 63px; border-left: none; border-right: 2px solid rgba(26, 26, 26, 0.4);} .chat-message-body.on-left .arrow{left: auto; right: -7px; border-right: none; border-left: 5px solid rgba(26, 26, 26, 0.4);} .chat-message-body.on-left .sender, .chat-message-body.on-left .text{text-align: right;} .chat-message-body .arrow{display: block; position: absolute; top: 21px; left: -7px; width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-right: 5px solid rgba(26, 26, 26, 0.4);} .overall-stats li{margin-top: 12px;} .overall-stats .key{line-height: 18px; margin-left: 5px;} .overall-stats .icon{text-align: center;} .overall-stats .value{text-align: right;} .server-stats{margin-top: -3px; margin-bottom: 2px;} .server-stats li{margin-bottom: 10px;} .server-stats li:last-child{margin-bottom: 0;} .server-stats .progress{margin-bottom: 0;} .icon-list{margin-top: 18px;} .icon-list-item{height: 32px; font-size: 14px; line-height: 32px;} .icon-list-item > a{color: #f8f8f8; text-decoration: none;} .icon-list-item .glyphicon, .icon-list-item .fa{width: 32px; margin-right: 10px;} .icon-list-item:hover .glyphicon, .icon-list-item:hover .fa{font-size: 28px;} .icon-list-item:hover .fa{vertical-align: -5px;} .icon-list-item:hover .glyphicon{vertical-align: -6px;} .list-group-sortable > .list-group-item{margin-bottom: 0; border-radius: 3px;} .list-group-sortable > .list-group-item + .list-group-item{margin-top: 9px;} .list-group-sortable > .list-group-item-placeholder{border: 1px dashed #999999; background-color: rgba(51, 51, 51, 0.25);} .list-group-sortable:last-of-type > .list-group-item:last-child{border-bottom: 1px solid transparent;} .dd{position: relative; display: block; margin: 0; padding: 0; max-width: 600px; list-style: none; font-size: 13px; line-height: 20px;} .dd-list{display: block; position: relative; margin: 0; padding: 0; list-style: none;} .dd-list .dd-list{padding-left: 30px;} .dd-collapsed .dd-list{display: none;} .dd-item, .dd-empty, .dd-placeholder{display: block; position: relative; margin: 0; padding: 0; min-height: 20px; font-size: 13px; line-height: 20px;} .dd-handle{display: block; height: 30px; margin: 5px 0; padding: 5px 10px; color: #f8f8f8; text-decoration: none; background: rgba(51, 51, 51, 0.4); border-radius: 3px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .dd-item > button{display: block; position: relative; cursor: pointer; float: left; width: 25px; height: 20px; margin: 5px 0; padding: 0; text-indent: 100%; white-space: nowrap; overflow: hidden; border: 0; background: transparent; font-size: 12px; line-height: 1; text-align: center; font-weight: bold; color: #f8f8f8;} .dd-item > button:before{content: '+'; display: block; position: absolute; width: 100%; text-align: center; text-indent: 0;} .dd-item > button[data-action="collapse"]:before{content: '-';} .dd-placeholder, .dd-empty{margin: 5px 0; padding: 0; min-height: 30px; background: rgba(51, 51, 51, 0.2); border: 1px dashed rgba(255, 255, 255, 0.6); box-sizing: border-box; -moz-box-sizing: border-box;} .dd-empty{border: 1px dashed rgba(255, 255, 255, 0.6); border-radius: 3px; min-height: 100px; background-size: 60px 60px; background-position: 0 0, 30px 30px; background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.75) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, 0.75) 75%, rgba(255, 255, 255, 0.75)), -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.75) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, 0.75) 75%, rgba(255, 255, 255, 0.75)); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.75) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, 0.75) 75%, rgba(255, 255, 255, 0.75)), linear-gradient(45deg, rgba(255, 255, 255, 0.75) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, 0.75) 75%, rgba(255, 255, 255, 0.75));} .dd-dragel{position: absolute; pointer-events: none; z-index: 9999;} .dd-dragel > .dd-item .dd-handle{margin-top: 0;} .dd-dragel .dd-handle{-webkit-box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, 0.1); box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, 0.1);} .nestable-lists{display: block; clear: both; padding: 30px 0; width: 100%; border: 0; border-top: 2px solid #ddd; border-bottom: 2px solid #ddd;} @media only screen and (min-width: 700px){.dd + .dd{margin-left: 2%;}} .dd-hover > .dd-handle{background: #2ea8e5 !important;} .dd3-content{display: block; height: 30px; margin: 5px 0; padding: 5px 10px 5px 40px; color: #333; text-decoration: none; font-weight: bold; border: 1px solid #ccc; background: #fafafa; background: -webkit-linear-gradient(top, #fafafa 0%, #eee 100%); background: -moz-linear-gradient(top, #fafafa 0%, #eee 100%); background: linear-gradient(top, #fafafa 0%, #eee 100%); -webkit-border-radius: 3px; border-radius: 3px; box-sizing: border-box; -moz-box-sizing: border-box;} .dd3-content:hover{color: #2ea8e5; background: #fff;} .dd-dragel > .dd3-item > .dd3-content{margin: 0;} .dd3-item > button{margin-left: 30px;} .dd3-handle{position: absolute; margin: 0; left: 0; top: 0; cursor: pointer; width: 30px; text-indent: 100%; white-space: nowrap; overflow: hidden; border: 1px solid #aaa; background: #ddd; background: -webkit-linear-gradient(top, #ddd 0%, #bbb 100%); background: -moz-linear-gradient(top, #ddd 0%, #bbb 100%); background: linear-gradient(top, #ddd 0%, #bbb 100%); border-top-right-radius: 0; border-bottom-right-radius: 0;} .dd3-handle:before{content: '≡'; display: block; position: absolute; left: 0; top: 3px; width: 100%; text-align: center; text-indent: 0; color: #fff; font-size: 20px; font-weight: normal;} .dd3-handle:hover{background: #ddd;} @media print{hr{border-bottom-color: #999999;}blockquote{border-top: none; border-right: none; border-bottom: none;}.sidebar{display: none;}.wrap{margin: 0;}.page-header{display: none;}.logo{position: static; width: auto;}.table, .table td, .table th{background: #ffffff !important; border: none !important;}.table td{border-top: 1px solid #999999 !important;}.hidden-print{display: none !important;}.client-details{text-align: right;}.col-print-1, .col-print-2, .col-print-3, .col-print-4, .col-print-5, .col-print-6, .col-print-7, .col-print-8, .col-print-9, .col-print-10, .col-print-11{float: left;}.col-print-1{width: 8.3333333333%;}.col-print-2{width: 16.6666666667%;}.col-print-3{width: 25%;}.col-print-4{width: 33.3333333333%;}.col-print-5{width: 41.6666666667%;}.col-print-6{width: 50%;}.col-print-7{width: 58.3333333333%;}.col-print-8{width: 66.6666666667%;}.col-print-9{width: 75%;}.col-print-10{width: 83.3333333333%;}.col-print-11{width: 91.6666666667%;}.col-print-12{width: 100%;}.col-print-push-0{left: auto;}.col-print-push-1{left: 8.3333333333%;}.col-print-push-2{left: 16.6666666667%;}.col-print-push-3{left: 25%;}.col-print-push-4{left: 33.3333333333%;}.col-print-push-5{left: 41.6666666667%;}.col-print-push-6{left: 50%;}.col-print-push-7{left: 58.3333333333%;}.col-print-push-8{left: 66.6666666667%;}.col-print-push-9{left: 75%;}.col-print-push-10{left: 83.3333333333%;}.col-print-push-11{left: 91.6666666667%;}.col-print-pull-0{right: auto;}.col-print-pull-1{right: 8.3333333333%;}.col-print-pull-2{right: 16.6666666667%;}.col-print-pull-3{right: 25%;}.col-print-pull-4{right: 33.3333333333%;}.col-print-pull-5{right: 41.6666666667%;}.col-print-pull-6{right: 50%;}.col-print-pull-7{right: 58.3333333333%;}.col-print-pull-8{right: 66.6666666667%;}.col-print-pull-9{right: 75%;}.col-print-pull-10{right: 83.3333333333%;}.col-print-pull-11{right: 91.6666666667%;}.col-print-offset-0{margin-left: 0;}.col-print-offset-1{margin-left: 8.3333333333%;}.col-print-offset-2{margin-left: 16.6666666667%;}.col-print-offset-3{margin-left: 25%;}.col-print-offset-4{margin-left: 33.3333333333%;}.col-print-offset-5{margin-left: 41.6666666667%;}.col-print-offset-6{margin-left: 50%;}.col-print-offset-7{margin-left: 58.3333333333%;}.col-print-offset-8{margin-left: 66.6666666667%;}.col-print-offset-9{margin-left: 75%;}.col-print-offset-10{margin-left: 83.3333333333%;}.col-print-offset-11{margin-left: 91.6666666667%;}} 

/* /theme_cromatec/static/src/css/cromatec.css defined in bundle 'web.assets_frontend' */
.navbar-default{background-color: rgba(51, 51, 51, 0.4); border-color: transparent;} .navbar-nav > li > a{padding-top: 10px; padding-bottom: 10px; line-height: 50px;} .carousel .carousel-control.right *{position: absolute; top: 50%; z-index: 5;} .fullscreen-bg{position: fixed; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; z-index: -100;} .fullscreen-bg__video{position: absolute; top: 0; left: 0; width: 100%; height: 100%;} @media (min-aspect-ratio: 16/9){.fullscreen-bg__video{height: 300%; top: -100%;}} @media (max-aspect-ratio: 16/9){.fullscreen-bg__video{width: 300%; left: -100%;}} @media (max-width: 767px){.fullscreen-bg{background: url('/theme_cromatec/static/src/css/../img/videoframe.jpg') center center / cover no-repeat;}.fullscreen-bg__video{display: none;}} #wrapwrap > footer{height: 100%; background: rgba(200, 200, 200, 0.1);} 

/* /website_mail/static/src/css/website_mail.less defined in bundle 'web.assets_frontend' */
 .js_follow[data-follow='on'] .js_follow_btn, .js_follow[data-follow='off'] .js_unfollow_btn{display: none;} 

/* /website_links/static/src/css/website_links.css defined in bundle 'web.assets_frontend' */
.no-link-style{color: black; text-decoration: none;} .required-form-control{background-color: #CECDFF;} #filters li a, #filters li.active a, #filters li.active a.active, #filters li.active a:hover, #filters li.active a:focus, #filters li a:hover{padding: 0px 5px; border-radius: 0px; border: 0px; border-color: transparent; border-right: 1px solid #999; padding-bottom: 0; background-color: #FFFFFF;} #filters li.active a{color: #999;} #filters li:last-child a, #filters li:last-child a:hover, #filters li:last-child a:focus{border-right: 0px;} .nav-tabs-inline{float: left; display: inline; font-size: 14px; border-color: transparent;} #o_website_links_recent_links{min-height:30em;} .o_website_links_code_error{display:none; color:red; font-weight:bold;} .truncate_text{white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: 500px;} 

/* /mass_mailing/static/src/css/mass_mailing_popup.css defined in bundle 'web.assets_frontend' */
 .editor_enable [data-oe-placeholder]:empty:not(:focus):before{content: " \00a0 " attr(data-oe-placeholder); opacity: 0.4;} .o_popup_animated{-webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both;} @-webkit-keyframes o_popup_bounce_small{0%, 20%, 53%, 80%, 100%{-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}40%, 43%{-webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -14px, 0); transform: translate3d(0, -14px, 0);}70%{-webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -8px, 0); transform: translate3d(0, -8px, 0);}90%{-webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0);}} @keyframes o_popup_bounce_small{0%, 20%, 53%, 80%, 100%{-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}40%, 43%{-webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -14px, 0); transform: translate3d(0, -14px, 0);}70%{-webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -8px, 0); transform: translate3d(0, -8px, 0);}90%{-webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0);}} .o_popup_bounce_small{-webkit-animation-name: o_popup_bounce_small; animation-name: o_popup_bounce_small; -webkit-transform-origin: center bottom; -ms-transform-origin: center bottom; transform-origin: center bottom;} .o_popup_bounce_del500ms{-webkit-animation-delay: 500ms; animation-delay: 500ms;} #o_newsletter_popup .btn.btn-success{color: #ffffff; background-color: #21b799; border-color: #1da187;} #o_newsletter_popup .btn.btn-success:hover, #o_newsletter_popup .btn.btn-success:focus, #o_newsletter_popup .btn.btn-success.focus, #o_newsletter_popup .btn.btn-success:active, #o_newsletter_popup .btn.btn-success.active, .open > .dropdown-toggle#o_newsletter_popup .btn.btn-success{color: #ffffff; background-color: #198c75; border-color: #146e5c;} #o_newsletter_popup .btn.btn-success:active, #o_newsletter_popup .btn.btn-success.active, .open > .dropdown-toggle#o_newsletter_popup .btn.btn-success{background-image: none;} #o_newsletter_popup .btn.btn-success.disabled, #o_newsletter_popup .btn.btn-success[disabled], fieldset[disabled] #o_newsletter_popup .btn.btn-success, #o_newsletter_popup .btn.btn-success.disabled:hover, #o_newsletter_popup .btn.btn-success[disabled]:hover, fieldset[disabled] #o_newsletter_popup .btn.btn-success:hover, #o_newsletter_popup .btn.btn-success.disabled:focus, #o_newsletter_popup .btn.btn-success[disabled]:focus, fieldset[disabled] #o_newsletter_popup .btn.btn-success:focus, #o_newsletter_popup .btn.btn-success.disabled.focus, #o_newsletter_popup .btn.btn-success[disabled].focus, fieldset[disabled] #o_newsletter_popup .btn.btn-success.focus, #o_newsletter_popup .btn.btn-success.disabled:active, #o_newsletter_popup .btn.btn-success[disabled]:active, fieldset[disabled] #o_newsletter_popup .btn.btn-success:active, #o_newsletter_popup .btn.btn-success.disabled.active, #o_newsletter_popup .btn.btn-success[disabled].active, fieldset[disabled] #o_newsletter_popup .btn.btn-success.active{background-color: #21b799; border-color: #1da187;} #o_newsletter_popup h1, #o_newsletter_popup h2, #o_newsletter_popup h3, #o_newsletter_popup h4, #o_newsletter_popup h5, #o_newsletter_popup h6, #o_newsletter_popup .h1, #o_newsletter_popup .h2, #o_newsletter_popup .h3, #o_newsletter_popup .h4, #o_newsletter_popup .h5, #o_newsletter_popup .h6{font-weight: 300; color: #666; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} #o_newsletter_popup h1:first-child, #o_newsletter_popup h2:first-child, #o_newsletter_popup h3:first-child, #o_newsletter_popup h4:first-child, #o_newsletter_popup h5:first-child, #o_newsletter_popup h6:first-child, #o_newsletter_popup .h1:first-child, #o_newsletter_popup .h2:first-child, #o_newsletter_popup .h3:first-child, #o_newsletter_popup .h4:first-child, #o_newsletter_popup .h5:first-child, #o_newsletter_popup .h6:first-child{margin-top: 0;} #o_newsletter_popup .o_popup_modal_content{border-radius: 2px; margin: 20px; box-shadow: 0 0 20px rgba(255, 255, 255, 0.11); -webkit-box-shadow: 0 0 20px rgba(255, 255, 255, 0.11); border: 1px solid #767676; background: #f2f2f2;} #o_newsletter_popup .o_popup_modal_content:before{content: ""; position: absolute; width: 100%; height: 100%; z-index: 0; background: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 42%, rgba(255, 255, 255, 0) 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(255, 255, 255, 0.3)), color-stop(42%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 255, 255, 0))); background: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 42%, rgba(255, 255, 255, 0) 100%); background: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 42%, rgba(255, 255, 255, 0) 100%); background: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 42%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(135deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 42%, rgba(255, 255, 255, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=1);} #web_editor_inside_iframe #o_newsletter_popup .o_popup_modal_content:before{content: none;} #o_newsletter_popup .o_popup_modal_content .o_popup_modal_header{background: #6c1153; padding: 5px;} #o_newsletter_popup .o_popup_modal_content .o_popup_modal_header .o_popup_modal_title{color: #ffffff;} #o_newsletter_popup .o_popup_modal_content .o_popup_modal_header *{position: relative; z-index: 1;} #o_newsletter_popup .o_popup_modal_content a.o_popup_btn_close{position: absolute; z-index: 99; right: 5px; top: 6px; width: 23px; height: 23px; display: block; text-align: center; border-radius: 100em; background: #6c1153; color: #daa3cb; text-decoration: none; -webkit-transition: all ease 200ms; -moz-transition: all ease 200ms; -ms-transition: all ease 200ms; -o-transition: all ease 200ms;} #o_newsletter_popup .o_popup_modal_content a.o_popup_btn_close:hover{background: #89296e; color: #ffffff;} #o_newsletter_popup .o_popup_modal_content .o_popup_modal_body{padding: 0px 0px 30px; color: #666666;} #o_newsletter_popup .o_popup_modal_content .o_popup_modal_body .o_popup_content_dev{padding-bottom: 15px;} #o_newsletter_popup .o_popup_modal_content .o_popup_modal_body .o_popup_content_dev .o_popup_message{font-size: 3em; position: relative; text-align: left; padding-left: 2em; line-height: 1; margin: .5em; font-weight: 100;} #o_newsletter_popup .o_popup_modal_content .o_popup_modal_body .o_popup_content_dev .o_popup_message font{font-weight: 600; color: #875A7B; font-size: 2.5em; font-style: italic; position: absolute; top: -0.1em; margin-left: -0.65em;} #o_newsletter_popup .o_popup_modal_content .o_popup_modal_body .o_popup_content_dev .o_popup_message strong{color: #875A7B;} #o_newsletter_popup .o_popup_modal_content .o_popup_modal_body .o_popup_content_dev .o_message_paragraph{position: relative;} #o_newsletter_popup .o_popup_modal_content .o_popup_modal_body .input-group{margin-left: auto; margin-right: auto; max-width: 350px;} #o_newsletter_popup .o_popup_modal_content .o_popup_modal_body .input-group input{border-radius: 2px 0 0 2px; border: none; outline: 0; box-shadow: inset 0 -1px #cccccc;} #o_newsletter_popup .o_popup_modal_content .o_popup_modal_body .input-group .btn{border-radius: 0 2px 2px 0; border-width: 0 0 1px; padding-top: 7px; margin-left: -1px; -webkit-transition: all ease 200ms; -moz-transition: all ease 200ms; -ms-transition: all ease 200ms; -o-transition: all ease 200ms;} 

/* /website_form/static/src/less/website_form.less defined in bundle 'web.assets_frontend' */
 .o_website_form_flex{display: flex; flex-wrap: wrap;} .o_website_form_flex_item{flex-basis: 33%;} @media (max-width: 991px){.o_website_form_flex_item{flex-basis: 50%;}} @media (max-width: 767px){.o_website_form_flex_item{flex-basis: 100%;}} .o_website_form_field_hidden{display: none;} .editor_enable .o_website_form_field_hidden{display: block; opacity: 0.5;} .editor_enable .s_website_form .form-field select{pointer-events: none;} .o_website_form_required .control-label:after, .o_website_form_required_custom .control-label:after{content: ' *';} #editable_select.form-control{height: 100%;} .form-field input[type=file].form-control{height: 100%;} 

/* /website_rating/static/src/less/website_rating.less defined in bundle 'web.assets_frontend' */
 .o_website_rating_static{color: #facc2e;} .o_website_rating_card_container{} .o_website_rating_card_container .o_message_counter{color: #555555;} .o_website_rating_card_container table.o_website_rating_progress_table{width: 100%; overflow: visible;} .o_website_rating_card_container table.o_website_rating_progress_table .o_website_rating_table_star_num{min-width: 30px;} .o_website_rating_card_container table.o_website_rating_progress_table .o_website_rating_select[style*="opacity: 1"]{cursor: pointer;} .o_website_rating_card_container table.o_website_rating_progress_table .o_website_rating_table_progress{min-width: 120px;} .o_website_rating_card_container table.o_website_rating_progress_table .o_website_rating_table_progress > .progress{margin-bottom: 5px; margin-left: 5px; margin-right: 5px;} .o_website_rating_card_container table.o_website_rating_progress_table .o_website_rating_table_progress .o_rating_progressbar{background-color: #facc2e;} .o_website_rating_card_container table.o_website_rating_progress_table .o_website_rating_table_percent{text-align: right; padding-left: 5px; font-size: 12px;} .o_website_rating_card_container table.o_website_rating_progress_table .o_website_rating_table_reset .o_website_rating_select_text{visibility: hidden;} .o_rating_star_card{margin-bottom: 5px;} .o_rating_star_card .stars{display: inline-block; color: #FACC2E; margin-right: 15px;} .o_rating_star_card .stars i{margin-right: -3px; text-align: center;} .o_rating_star_card .stars.enabled{cursor: pointer;} .o_rating_star_card .rate_text{display: inline-block;} 

/* /website_sale/static/src/css/website_sale.css defined in bundle 'web.assets_frontend' */
 .oe_product{border: 1px solid rgba(100, 100, 100, 0.2);} .products_pager{text-align: center;} .products_pager > div{margin: 0 auto; display: inline-block;} .products_pager > div > *{vertical-align: middle; float: none; padding: 0;} .products_pager > div > ul{padding-left: 10px;} .products_pager > ul{margin-left: auto; margin-right: auto;} .oe_website_sale ul ul{margin-left: 1.5em;} .oe_website_sale .td-product_name, .oe_website_sale h1[itemprop="name"], .oe_website_sale .oe_product_cart form h5{word-wrap: break-word;} .oe_website_sale .td-product_name{min-width: 140px;} .oe_website_sale .td-img{width: 100px;} .oe_website_sale .td-qty{width: 130px;} .oe_website_sale .td-price, .oe_website_sale .td-price-total{width: 100px;} @media (max-width: 767px){.oe_website_sale .td-img, .oe_website_sale .td-price-total{display: none;}.oe_website_sale .td-qty{width: 60px;}.oe_website_sale .td-price{width: 80px;}} @media (min-width: 768px){.oe_website_sale .o_website_sale_rightfit{padding-right: 0px;}} @media (max-width: 476px){.oe_website_sale .td-qty{width: 60px;}.oe_website_sale .oe_cart table thead, .oe_website_sale #modal_optional_products table thead{display: none;}.oe_website_sale .oe_cart table td.td-img, .oe_website_sale #modal_optional_products table td.td-img{display: none;}.oe_website_sale .oe_cart a span.hidden-xs, .oe_website_sale #modal_optional_products a span.hidden-xs{display: none !important;}.oe_website_sale .oe_cart a span.visible-xs-inline, .oe_website_sale #modal_optional_products a span.visible-xs-inline{display: inline !important;}} .o_alternative_product{margin: auto;} .oe_product{position: relative;} .oe_product .oe_product_image{position: absolute; left: 15px; right: 15px; top: 15px; bottom: 55px; text-align: center;} .oe_product .oe_product_image img{max-width: 100%; max-height: 100%; margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 4;} .oe_product section{position: absolute; left: 0; right: 0; bottom: 0; overflow: hidden; padding: 0 15px 0 10px; min-height: 56px; border-top: 1px solid rgba(255, 255, 255, 0.2); background: rgba(255, 255, 255, 0.75); z-index: 5;} .oe_product .product_price{bottom: 0;} .oe_product .oe_product_cart{position: relative; width: 100%; height: 100%;} .oe_product .oe_subdescription{font-size: 0.8em; overflow: hidden; margin-bottom: 10px;} .oe_mycart .input-group-addon{padding-left: 6px; padding-right: 6px;} .oe_product.oe_image_full .oe_product_image{left: 0; right: 0; top: 0; bottom: 0;} .oe_product.oe_ribbon_promo .ribbon-wrapper{display: block;} .oe_product .ribbon-wrapper{display: none; width: 85px; height: 88px; z-index: 5; overflow: hidden; position: absolute; top: 0; right: 0;} .oe_product .ribbon{font: bold 15px Sans-Serif; color: white; text-align: center; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); position: relative; padding: 7px 0; left: -5px; top: 15px; width: 120px; cursor: default;} #products_grid > table tr:not(:first-child) > td{height: 100%;} #products_grid.col-md-12 > table > tbody > tr > td:empty, #products_grid.col-md-9 > table > tbody > tr > td:empty{height: 0;} #products_grid.col-md-12 .oe-height-1{height: 75px;} #products_grid.col-md-12 .oe-height-2{height: 150px;} #products_grid.col-md-12 .oe-height-4{height: 300px;} #products_grid.col-md-12 .oe-height-6{height: 450px;} #products_grid.col-md-12 .oe-height-8{height: 600px;} #products_grid.col-md-9 .oe-height-1{height: 70px;} #products_grid.col-md-9 .oe-height-2{height: 140px;} #products_grid.col-md-9 .oe-height-4{height: 280px;} #products_grid.col-md-9 .oe-height-6{height: 420px;} #products_grid.col-md-9 .oe-height-8{height: 560px;} #products_grid .oe_product.oe_grid .oe_subdescription{max-height: 40px;} @media (min-width: 992px){#products_grid.col-md-12 .oe-height-1{height: 95px;}#products_grid.col-md-12 .oe-height-2{height: 190px;}#products_grid.col-md-12 .oe-height-4{height: 380px;}#products_grid.col-md-12 .oe-height-6{height: 570px;}#products_grid.col-md-12 .oe-height-8{height: 760px;}#products_grid.col-md-12 .oe_product.oe_grid .oe_subdescription{max-height: 70px;}#products_grid.col-md-9 .oe-height-1{height: 72px;}#products_grid.col-md-9 .oe-height-2{height: 144px;}#products_grid.col-md-9 .oe-height-4{height: 288px;}#products_grid.col-md-9 .oe-height-6{height: 432px;}#products_grid.col-md-9 .oe-height-8{height: 576px;}} @media (min-width: 1200px){#products_grid.col-md-12 .oe-height-1{height: 125px;}#products_grid.col-md-12 .oe-height-2{height: 250px;}#products_grid.col-md-12 .oe-height-4{height: 500px;}#products_grid.col-md-12 .oe-height-6{height: 750px;}#products_grid.col-md-12 .oe-height-8{height: 1000px;}#products_grid.col-md-9 .oe-height-1{height: 95px;}#products_grid.col-md-9 .oe-height-2{height: 190px;}#products_grid.col-md-9 .oe-height-4{height: 380px;}#products_grid.col-md-9 .oe-height-6{height: 570px;}#products_grid.col-md-9 .oe-height-8{height: 760px;}#products_grid .oe_product.oe_grid .oe_subdescription{max-height: 120px;}} @media (max-width: 768px){#products_grid table, #products_grid tbody, #products_grid tr, #products_grid td{float: left; width: 100%; display: inline-block;}#products_grid .oe_product{float: left; width: 100%; display: inline-block;}#products_grid .oe_product.oe_grid{height: 400px;}#products_grid .oe_product.oe_grid section{background: rgba(100, 100, 100, 0.2);}#products_grid .oe_product .oe_subdescription{max-height: 200px;}.products_pager .pagination{margin: 5px auto !important;}} @media (max-width: 400px){#products_grid .oe_product.oe_grid{height: 270px;}#products_grid .oe_product.oe_list{height: 200px;}#products_grid .oe_product.oe_list section{background: rgba(100, 100, 100, 0.2);}#products_grid .oe_product .oe_product_image{top: 0; bottom: 65px;}#products_grid .oe_product .oe_subdescription{max-height: 40px;}#products_grid .oe_product.oe_image_full .oe_product_image{bottom: 50px;}} .oe_cart a span.visible-xs-inline, #modal_optional_products a span.visible-xs-inline{display: none !important;} .oe_cart a span.hidden-xs, #modal_optional_products a span.hidden-xs{display: inline !important;} .oe_cart table td:first-child{min-width: 76px;} .oe_cart > .oe_structure{clear: both;} div#payment_method div.list-group{margin-left: 40px;} div#payment_method .list-group-item{padding-top: 5px; padding-bottom: 5px;} @media (min-width: 400px){.oe_product.oe_list{border: none; border-bottom: 1px solid rgba(100, 100, 100, 0.2); width: 100%; min-height: 100px; position: relative; padding-bottom: 5px; padding-left: 180px;}.oe_product.oe_list .oe_product_image{top: 0; bottom: 0; left: 0; right: 0; width: 170px;}.oe_product.oe_list section{position: relative; border: 0; top: auto; bottom: auto; left: auto; right: auto; background: transparent;}} .oe_website_sale .row .row .col-md-12{float: none;} .css_attribute_color{display: inline-block; border: 1px solid #999999; text-align: center;} .css_attribute_color input{margin: 8px; height: 13px; opacity: 0;} .css_attribute_color.active{border: 3px ridge #66ee66;} .css_attribute_color.active input{margin: 6px;} .css_not_available_msg{display: none;} .css_not_available.js_product > *:nth-child(4) > *{display: none;} .css_not_available.js_product .product_price, .css_not_available.js_product .css_quantity{display: none;} .css_not_available.js_product .css_not_available_msg{display: block;} .css_quantity{max-width: 125px;} .css_quantity input[name="add_qty"]{text-align: center;} option.css_not_available{color: #ccc;} label.css_not_available{opacity: 0.6;} label.css_attribute_color.css_not_available{opacity: 1; background-image: url("/website_sale/static/src/img/redcross.png"); background-size: cover;} .product_detail_img{margin-left: auto; margin-right: auto; display: block; max-height: 500px;} .oe_default_price{display: none;} .discount .oe_default_price{display: block;} .oe_website_sale input.js_quantity{min-width: 48px; text-align: center;} .oe_website_sale input.quantity{padding: 0;} .oe_overlay_options .dropdown ul[name="size"] table{margin-left: 20px;} .oe_overlay_options .dropdown ul[name="size"] td{margin: 0; padding: 0; width: 20px; height: 20px; border: 1px #dddddd solid; cursor: pointer;} .oe_overlay_options .dropdown ul[name="size"] td.selected{background-color: #B1D4F1;} .oe_overlay_options .dropdown ul[name="size"] table.oe_hover td.selected{background-color: transparent;} .oe_overlay_options .dropdown ul[name="size"] table.oe_hover td.select{background-color: #B1D4F1;} ul.wizard{padding: 0; margin-top: 20px; list-style: none outside none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.065); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.065); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.065);} ul.wizard li{border: 1px solid #d4d4d4; border-right-width: 0; position: relative; float: left; padding: 0 10px 0 20px; margin: 0; line-height: 38px; background: #fbfbfb;} ul.wizard li .chevron{position: absolute; top: 0; right: -10px; z-index: 1; display: block; border: 20px solid transparent; border-right: 0; border-left: 10px solid #d4d4d4;} ul.wizard li .chevron:before{position: absolute; top: -20px; right: 1px; display: block; border: 20px solid transparent; border-right: 0; border-left: 10px solid #fbfbfb; content: "";} ul.wizard li .o_link_disable{text-decoration: none; color: inherit; cursor: text;} ul.wizard li.text-success{background: #f3f4f5;} ul.wizard li.text-success .chevron:before{border-left: 10px solid #f5f5f5;} ul.wizard li.text-primary{background: #f1f6fc;} ul.wizard li.text-primary .chevron:before{border-left: 10px solid #f1f6fc;} ul.wizard li:first-child{padding-left: 15px; border-radius: 4px 0 0 4px;} ul.wizard li:last-child{border-radius: 0 4px 4px 0; border-right-width: 1px;} ul.wizard li:last-child .chevron{display: none;} #o_shop_collapse_category li a{display: inline-block; width: 80%; padding-left: 3px;} #o_shop_collapse_category li i.fa{cursor: pointer;} .mycart-popover{max-width: 500px; min-width: 250px;} .mycart-popover .cart_line{border-bottom: 1px #EEE solid;} td.noborder{border: none !important;} .border_primary{border: 1px solid #337ab7;} .js_change_shipping{cursor: pointer;} a.no-decoration{cursor: pointer; text-decoration: none !important;} #o-carousel-product .carousel-inner div.item{height: 400px;} #o-carousel-product .carousel-inner div.item img{max-height: 100%;} #o-carousel-product .carousel-control{background-image: none !important;} #o-carousel-product .carousel-indicators{background-color: transparent; margin: 10px 0 0; overflow-y: hidden; position: static; text-align: left; white-space: nowrap; width: 100%; height: 100px !important; text-align: center; list-style-position: inside;} #o-carousel-product .carousel-indicators li{background-color: transparent !important; border-radius: 0; display: inline-block; margin: 0 !important; width: 54px !important; height: 54px !important; border: 0 !important; box-shadow: none !important;} #o-carousel-product .carousel-indicators li img{display: block; opacity: 0.5;} #o-carousel-product .carousel-indicators li.active img{opacity: 1;} .ecom-zoomable img[data-zoom]{cursor: zoom-in;} .break-word{word-wrap: break-word;} #coupon_box form{max-width: 300px;} .font-weight-normal{font-weight: normal;} .o_website_sale_animate{opacity: 0.7; position: absolute !important; height: 150px; width: 150px; z-index: 1020;} .o_red_highlight{background: #db0700 !important; box-shadow: 0 0 0px 0px rgba(240, 8, 0, 0.4); transition: all 0.5s linear;} .o_shadow_animation{box-shadow: 0 0 5px 10px rgba(240, 8, 0, 0.4) !important;} 

/* /website_sale/static/src/css/website_mail.css defined in bundle 'web.assets_frontend' */
 .oe_msg img.oe_msg_avatar{width: 50px; margin-right: 10px;} .oe_msg_attachment{display: inline-block; width: 120px; margin: 4px 2px; min-height: 80px; position: relative; border-radius: 3px; text-align: center; vertical-align: top;} .oe_msg_attachment a img.oe_attachment_embedded{display: block; position: relative; margin: 0px; margin-left: 10px; width: 100px; height: 80px; border-radius: 1px; border: solid 3px white; -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.19); -moz-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.19); box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.19);} .oe_msg_attachment a div.oe_attachment_name{display: inline-block; max-width: 100%; padding: 1px 3px; margin-top: 2px; margin-bottom: 5px; background: #f4f5fa; overflow: hidden; color: #4c4c4c; text-shadow: none; border-radius: 3px; word-wrap: break-word;} 

/* /website_sale_options/static/src/css/website_sale.css defined in bundle 'web.assets_frontend' */
.css_not_available.js_product > *:nth-child(5) > *{display: none;} table.js_cart_lines .optional_product .js_delete_product{display: none;} div#modal_optional_products table tr td{border: 0px;} @media (max-width: 767px){div#modal_optional_products .td-qty{display: none;}} .oe_striked_price{text-decoration: line-through; white-space: nowrap;} 

/* /website_sale_comparison/static/src/less/website_sale_comparison.less defined in bundle 'web.assets_frontend' */
 .o_product_feature_panel{position: fixed; bottom: 0; left: 50%; transform: translateX(-50%); z-index: 10; border-top-left-radius: 10px; border-top-right-radius: 10px; padding: 10px 20px; text-align: center; border: 2px solid #337ab7; border-bottom: 0px; background-color: white; opacity: 0.95;} .o_product_feature_panel .o_product_panel{position: relative;} .o_product_feature_panel .o_product_panel .o_product_panel_header{color: #777777; margin: 0 10px 0 10px; cursor: pointer;} .o_product_feature_panel .o_product_panel .o_product_panel_header .o_product_icon{margin-right: 5px;} .o_product_feature_panel .o_product_panel .o_product_panel_header .o_product_text{text-transform: uppercase; vertical-align: middle; font-size: 16px;} .o_product_feature_panel .o_product_panel .o_product_panel_header .o_product_circle{vertical-align: 6px; padding: 0 3px; line-height: 14px;} .o_product_feature_panel .o_product_panel .o_product_panel_content{display: none !important;} .oe_website_sale .product_summary > *{display: block; margin: 15px 0 15px 0;} .oe_website_sale .table-comparator .o_product_comparison_collpase{margin-right: 8px;} .oe_website_sale div.css_not_available .o_add_compare_dyn{display: none;} 

/* /website_sale_wishlist/static/src/less/website_sale_wishlist.less defined in bundle 'web.assets_frontend' */
 .oe_website_sale .td-wish-btn{width: 140px;} .oe_website_sale div.css_not_available .o_add_wishlist_dyn{display: none;} @media (max-width: 767px){.oe_website_sale .td-wish-btn{width: 100px;}}