@charset "UTF-8"; @import url(https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,400,300,500,600,700&subset=latin,latin-ext); /*! * Bootstrap v3.3.7 (http://getbootstrap.com) * Copyright 2011-2017 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ /*! * Generated using the Bootstrap Customizer (https://getbootstrap.com/docs/3.3/customize/?id=4733de610869172ebe87b9926b373a80) * Config saved to config.json and https://gist.github.com/4733de610869172ebe87b9926b373a80 */ /*! * Bootstrap v3.3.7 (http://getbootstrap.com) * Copyright 2011-2016 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body { margin: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a { background-color: transparent; } a:active, a:hover { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } h1 { font-size: 2em; margin: 0.67em 0; } mark { background: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 40px; } hr { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"] { -webkit-appearance: textfield; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; } textarea { overflow: auto; } optgroup { font-weight: bold; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } /*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */ @media print { *, *:before, *:after { background: transparent !important; color: #000 !important; -webkit-box-shadow: none !important; box-shadow: none !important; text-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } a[href^="#"]:after, a[href^="javascript:"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } .navbar { display: none; } .btn > .caret, .dropup > .btn > .caret { border-top-color: #000 !important; } .label { border: 1px solid #000; } .table { border-collapse: collapse !important; } .table td, .table th { background-color: #fff !important; } .table-bordered th, .table-bordered td { border: 1px solid #ddd !important; } } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html { font-size: 10px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px; line-height: 1.42857143; color: #444444; background-color: #ffffff; } input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; } a { color: #1b2531; text-decoration: none; } a:hover, a:focus { color: #000000; text-decoration: underline; } a:focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } figure { margin: 0; } img { vertical-align: middle; } .img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img { display: block; max-width: 100%; height: auto; } .img-rounded { border-radius: 5px; } .img-thumbnail { padding: 4px; line-height: 1.42857143; background-color: #ffffff; border: 1px solid #dddddd; border-radius: 3px; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; display: inline-block; max-width: 100%; height: auto; } .img-circle { border-radius: 50%; } hr { margin-top: 18px; margin-bottom: 18px; border: 0; border-top: 1px solid #ffffff; } .sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; } [role="button"] { cursor: pointer; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: inherit; font-weight: 500; line-height: 1.1; color: inherit; } h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small, .h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small { font-weight: normal; line-height: 1; color: #888888; } h1, .h1, h2, .h2, h3, .h3 { margin-top: 18px; margin-bottom: 9px; } h1 small, .h1 small, h2 small, .h2 small, h3 small, .h3 small, h1 .small, .h1 .small, h2 .small, .h2 .small, h3 .small, .h3 .small { font-size: 65%; } h4, .h4, h5, .h5, h6, .h6 { margin-top: 9px; margin-bottom: 9px; } h4 small, .h4 small, h5 small, .h5 small, h6 small, .h6 small, h4 .small, .h4 .small, h5 .small, .h5 .small, h6 .small, .h6 .small { font-size: 75%; } h1, .h1 { font-size: 33px; } h2, .h2 { font-size: 27px; } h3, .h3 { font-size: 23px; } h4, .h4 { font-size: 17px; } h5, .h5 { font-size: 13px; } h6, .h6 { font-size: 12px; } p { margin: 0 0 9px; } .lead { margin-bottom: 18px; font-size: 14px; font-weight: 300; line-height: 1.4; } @media (min-width: 768px) { .lead { font-size: 19.5px; } } small, .small { font-size: 92%; } mark, .mark { background-color: #fcf8e3; padding: .2em; } .text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; } .text-justify { text-align: justify; } .text-nowrap { white-space: nowrap; } .text-lowercase { text-transform: lowercase; } .text-uppercase { text-transform: uppercase; } .text-capitalize { text-transform: capitalize; } .text-muted { color: #888888; } .text-primary { color: #1b2531; } a.text-primary:hover, a.text-primary:focus { color: #090c10; } .text-success { color: #3c763d; } a.text-success:hover, a.text-success:focus { color: #2b542c; } .text-info { color: #31708f; } a.text-info:hover, a.text-info:focus { color: #245269; } .text-warning { color: #8a6d3b; } a.text-warning:hover, a.text-warning:focus { color: #66512c; } .text-danger { color: #a94442; } a.text-danger:hover, a.text-danger:focus { color: #843534; } .bg-primary { color: #fff; background-color: #1b2531; } a.bg-primary:hover, a.bg-primary:focus { background-color: #090c10; } .bg-success { background-color: #dff0d8; } a.bg-success:hover, a.bg-success:focus { background-color: #c1e2b3; } .bg-info { background-color: #d9edf7; } a.bg-info:hover, a.bg-info:focus { background-color: #afd9ee; } .bg-warning { background-color: #fcf8e3; } a.bg-warning:hover, a.bg-warning:focus { background-color: #f7ecb5; } .bg-danger { background-color: #f2dede; } a.bg-danger:hover, a.bg-danger:focus { background-color: #e4b9b9; } .page-header { padding-bottom: 8px; margin: 36px 0 18px; border-bottom: 1px solid #ffffff; } ul, ol { margin-top: 0; margin-bottom: 9px; } ul ul, ol ul, ul ol, ol ol { margin-bottom: 0; } .list-unstyled { padding-left: 0; list-style: none; } .list-inline { padding-left: 0; list-style: none; margin-left: -5px; } .list-inline > li { display: inline-block; padding-left: 5px; padding-right: 5px; } dl { margin-top: 0; margin-bottom: 18px; } dt, dd { line-height: 1.42857143; } dt { font-weight: bold; } dd { margin-left: 0; } @media (min-width: 768px) { .dl-horizontal dt { float: left; width: 160px; clear: left; text-align: right; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .dl-horizontal dd { margin-left: 180px; } } abbr[title], abbr[data-original-title] { cursor: help; border-bottom: 1px dotted #888888; } .initialism { font-size: 90%; text-transform: uppercase; } blockquote { padding: 9px 18px; margin: 0 0 18px; font-size: 16.25px; border-left: 5px solid #ffffff; } blockquote p:last-child, blockquote ul:last-child, blockquote ol:last-child { margin-bottom: 0; } blockquote footer, blockquote small, blockquote .small { display: block; font-size: 80%; line-height: 1.42857143; color: #888888; } blockquote footer:before, blockquote small:before, blockquote .small:before { content: '\2014 \00A0'; } .blockquote-reverse, blockquote.pull-right { padding-right: 15px; padding-left: 0; border-right: 5px solid #ffffff; border-left: 0; text-align: right; } .blockquote-reverse footer:before, blockquote.pull-right footer:before, .blockquote-reverse small:before, blockquote.pull-right small:before, .blockquote-reverse .small:before, blockquote.pull-right .small:before { content: ''; } .blockquote-reverse footer:after, blockquote.pull-right footer:after, .blockquote-reverse small:after, blockquote.pull-right small:after, .blockquote-reverse .small:after, blockquote.pull-right .small:after { content: '\00A0 \2014'; } address { margin-bottom: 18px; font-style: normal; line-height: 1.42857143; } code, kbd, pre, samp { font-family: Menlo, Monaco, Consolas, "Courier New", monospace; } code { padding: 2px 4px; font-size: 90%; color: #c7254e; background-color: #f9f2f4; border-radius: 3px; } kbd { padding: 2px 4px; font-size: 90%; color: #ffffff; background-color: #333333; border-radius: 2px; -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); } kbd kbd { padding: 0; font-size: 100%; font-weight: bold; -webkit-box-shadow: none; box-shadow: none; } pre { display: block; padding: 8.5px; margin: 0 0 9px; font-size: 12px; line-height: 1.42857143; word-break: break-all; word-wrap: break-word; color: #444444; background-color: #f5f5f5; border: 1px solid #cccccc; border-radius: 3px; } pre code { padding: 0; font-size: inherit; color: inherit; white-space: pre-wrap; background-color: transparent; border-radius: 0; } .pre-scrollable { max-height: 340px; overflow-y: scroll; } .container { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } @media (min-width: 768px) { .container { width: 750px; } } @media (min-width: 992px) { .container { width: 970px; } } @media (min-width: 1200px) { .container { width: 1170px; } } .container-fluid { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } .row { margin-left: -15px; margin-right: -15px; } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; } .col-xs-12 { width: 100%; } .col-xs-11 { width: 91.66666667%; } .col-xs-10 { width: 83.33333333%; } .col-xs-9 { width: 75%; } .col-xs-8 { width: 66.66666667%; } .col-xs-7 { width: 58.33333333%; } .col-xs-6 { width: 50%; } .col-xs-5 { width: 41.66666667%; } .col-xs-4 { width: 33.33333333%; } .col-xs-3 { width: 25%; } .col-xs-2 { width: 16.66666667%; } .col-xs-1 { width: 8.33333333%; } .col-xs-pull-12 { right: 100%; } .col-xs-pull-11 { right: 91.66666667%; } .col-xs-pull-10 { right: 83.33333333%; } .col-xs-pull-9 { right: 75%; } .col-xs-pull-8 { right: 66.66666667%; } .col-xs-pull-7 { right: 58.33333333%; } .col-xs-pull-6 { right: 50%; } .col-xs-pull-5 { right: 41.66666667%; } .col-xs-pull-4 { right: 33.33333333%; } .col-xs-pull-3 { right: 25%; } .col-xs-pull-2 { right: 16.66666667%; } .col-xs-pull-1 { right: 8.33333333%; } .col-xs-pull-0 { right: auto; } .col-xs-push-12 { left: 100%; } .col-xs-push-11 { left: 91.66666667%; } .col-xs-push-10 { left: 83.33333333%; } .col-xs-push-9 { left: 75%; } .col-xs-push-8 { left: 66.66666667%; } .col-xs-push-7 { left: 58.33333333%; } .col-xs-push-6 { left: 50%; } .col-xs-push-5 { left: 41.66666667%; } .col-xs-push-4 { left: 33.33333333%; } .col-xs-push-3 { left: 25%; } .col-xs-push-2 { left: 16.66666667%; } .col-xs-push-1 { left: 8.33333333%; } .col-xs-push-0 { left: auto; } .col-xs-offset-12 { margin-left: 100%; } .col-xs-offset-11 { margin-left: 91.66666667%; } .col-xs-offset-10 { margin-left: 83.33333333%; } .col-xs-offset-9 { margin-left: 75%; } .col-xs-offset-8 { margin-left: 66.66666667%; } .col-xs-offset-7 { margin-left: 58.33333333%; } .col-xs-offset-6 { margin-left: 50%; } .col-xs-offset-5 { margin-left: 41.66666667%; } .col-xs-offset-4 { margin-left: 33.33333333%; } .col-xs-offset-3 { margin-left: 25%; } .col-xs-offset-2 { margin-left: 16.66666667%; } .col-xs-offset-1 { margin-left: 8.33333333%; } .col-xs-offset-0 { margin-left: 0%; } @media (min-width: 768px) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; } .col-sm-12 { width: 100%; } .col-sm-11 { width: 91.66666667%; } .col-sm-10 { width: 83.33333333%; } .col-sm-9 { width: 75%; } .col-sm-8 { width: 66.66666667%; } .col-sm-7 { width: 58.33333333%; } .col-sm-6 { width: 50%; } .col-sm-5 { width: 41.66666667%; } .col-sm-4 { width: 33.33333333%; } .col-sm-3 { width: 25%; } .col-sm-2 { width: 16.66666667%; } .col-sm-1 { width: 8.33333333%; } .col-sm-pull-12 { right: 100%; } .col-sm-pull-11 { right: 91.66666667%; } .col-sm-pull-10 { right: 83.33333333%; } .col-sm-pull-9 { right: 75%; } .col-sm-pull-8 { right: 66.66666667%; } .col-sm-pull-7 { right: 58.33333333%; } .col-sm-pull-6 { right: 50%; } .col-sm-pull-5 { right: 41.66666667%; } .col-sm-pull-4 { right: 33.33333333%; } .col-sm-pull-3 { right: 25%; } .col-sm-pull-2 { right: 16.66666667%; } .col-sm-pull-1 { right: 8.33333333%; } .col-sm-pull-0 { right: auto; } .col-sm-push-12 { left: 100%; } .col-sm-push-11 { left: 91.66666667%; } .col-sm-push-10 { left: 83.33333333%; } .col-sm-push-9 { left: 75%; } .col-sm-push-8 { left: 66.66666667%; } .col-sm-push-7 { left: 58.33333333%; } .col-sm-push-6 { left: 50%; } .col-sm-push-5 { left: 41.66666667%; } .col-sm-push-4 { left: 33.33333333%; } .col-sm-push-3 { left: 25%; } .col-sm-push-2 { left: 16.66666667%; } .col-sm-push-1 { left: 8.33333333%; } .col-sm-push-0 { left: auto; } .col-sm-offset-12 { margin-left: 100%; } .col-sm-offset-11 { margin-left: 91.66666667%; } .col-sm-offset-10 { margin-left: 83.33333333%; } .col-sm-offset-9 { margin-left: 75%; } .col-sm-offset-8 { margin-left: 66.66666667%; } .col-sm-offset-7 { margin-left: 58.33333333%; } .col-sm-offset-6 { margin-left: 50%; } .col-sm-offset-5 { margin-left: 41.66666667%; } .col-sm-offset-4 { margin-left: 33.33333333%; } .col-sm-offset-3 { margin-left: 25%; } .col-sm-offset-2 { margin-left: 16.66666667%; } .col-sm-offset-1 { margin-left: 8.33333333%; } .col-sm-offset-0 { margin-left: 0%; } } @media (min-width: 992px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; } .col-md-12 { width: 100%; } .col-md-11 { width: 91.66666667%; } .col-md-10 { width: 83.33333333%; } .col-md-9 { width: 75%; } .col-md-8 { width: 66.66666667%; } .col-md-7 { width: 58.33333333%; } .col-md-6 { width: 50%; } .col-md-5 { width: 41.66666667%; } .col-md-4 { width: 33.33333333%; } .col-md-3 { width: 25%; } .col-md-2 { width: 16.66666667%; } .col-md-1 { width: 8.33333333%; } .col-md-pull-12 { right: 100%; } .col-md-pull-11 { right: 91.66666667%; } .col-md-pull-10 { right: 83.33333333%; } .col-md-pull-9 { right: 75%; } .col-md-pull-8 { right: 66.66666667%; } .col-md-pull-7 { right: 58.33333333%; } .col-md-pull-6 { right: 50%; } .col-md-pull-5 { right: 41.66666667%; } .col-md-pull-4 { right: 33.33333333%; } .col-md-pull-3 { right: 25%; } .col-md-pull-2 { right: 16.66666667%; } .col-md-pull-1 { right: 8.33333333%; } .col-md-pull-0 { right: auto; } .col-md-push-12 { left: 100%; } .col-md-push-11 { left: 91.66666667%; } .col-md-push-10 { left: 83.33333333%; } .col-md-push-9 { left: 75%; } .col-md-push-8 { left: 66.66666667%; } .col-md-push-7 { left: 58.33333333%; } .col-md-push-6 { left: 50%; } .col-md-push-5 { left: 41.66666667%; } .col-md-push-4 { left: 33.33333333%; } .col-md-push-3 { left: 25%; } .col-md-push-2 { left: 16.66666667%; } .col-md-push-1 { left: 8.33333333%; } .col-md-push-0 { left: auto; } .col-md-offset-12 { margin-left: 100%; } .col-md-offset-11 { margin-left: 91.66666667%; } .col-md-offset-10 { margin-left: 83.33333333%; } .col-md-offset-9 { margin-left: 75%; } .col-md-offset-8 { margin-left: 66.66666667%; } .col-md-offset-7 { margin-left: 58.33333333%; } .col-md-offset-6 { margin-left: 50%; } .col-md-offset-5 { margin-left: 41.66666667%; } .col-md-offset-4 { margin-left: 33.33333333%; } .col-md-offset-3 { margin-left: 25%; } .col-md-offset-2 { margin-left: 16.66666667%; } .col-md-offset-1 { margin-left: 8.33333333%; } .col-md-offset-0 { margin-left: 0%; } } @media (min-width: 1200px) { .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; } .col-lg-12 { width: 100%; } .col-lg-11 { width: 91.66666667%; } .col-lg-10 { width: 83.33333333%; } .col-lg-9 { width: 75%; } .col-lg-8 { width: 66.66666667%; } .col-lg-7 { width: 58.33333333%; } .col-lg-6 { width: 50%; } .col-lg-5 { width: 41.66666667%; } .col-lg-4 { width: 33.33333333%; } .col-lg-3 { width: 25%; } .col-lg-2 { width: 16.66666667%; } .col-lg-1 { width: 8.33333333%; } .col-lg-pull-12 { right: 100%; } .col-lg-pull-11 { right: 91.66666667%; } .col-lg-pull-10 { right: 83.33333333%; } .col-lg-pull-9 { right: 75%; } .col-lg-pull-8 { right: 66.66666667%; } .col-lg-pull-7 { right: 58.33333333%; } .col-lg-pull-6 { right: 50%; } .col-lg-pull-5 { right: 41.66666667%; } .col-lg-pull-4 { right: 33.33333333%; } .col-lg-pull-3 { right: 25%; } .col-lg-pull-2 { right: 16.66666667%; } .col-lg-pull-1 { right: 8.33333333%; } .col-lg-pull-0 { right: auto; } .col-lg-push-12 { left: 100%; } .col-lg-push-11 { left: 91.66666667%; } .col-lg-push-10 { left: 83.33333333%; } .col-lg-push-9 { left: 75%; } .col-lg-push-8 { left: 66.66666667%; } .col-lg-push-7 { left: 58.33333333%; } .col-lg-push-6 { left: 50%; } .col-lg-push-5 { left: 41.66666667%; } .col-lg-push-4 { left: 33.33333333%; } .col-lg-push-3 { left: 25%; } .col-lg-push-2 { left: 16.66666667%; } .col-lg-push-1 { left: 8.33333333%; } .col-lg-push-0 { left: auto; } .col-lg-offset-12 { margin-left: 100%; } .col-lg-offset-11 { margin-left: 91.66666667%; } .col-lg-offset-10 { margin-left: 83.33333333%; } .col-lg-offset-9 { margin-left: 75%; } .col-lg-offset-8 { margin-left: 66.66666667%; } .col-lg-offset-7 { margin-left: 58.33333333%; } .col-lg-offset-6 { margin-left: 50%; } .col-lg-offset-5 { margin-left: 41.66666667%; } .col-lg-offset-4 { margin-left: 33.33333333%; } .col-lg-offset-3 { margin-left: 25%; } .col-lg-offset-2 { margin-left: 16.66666667%; } .col-lg-offset-1 { margin-left: 8.33333333%; } .col-lg-offset-0 { margin-left: 0%; } } table { background-color: transparent; } caption { padding-top: 8px; padding-bottom: 8px; color: #888888; text-align: left; } th { text-align: left; } .table { width: 100%; max-width: 100%; margin-bottom: 18px; } .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { padding: 8px; line-height: 1.42857143; vertical-align: top; border-top: 1px solid #dbe0e4; } .table > thead > tr > th { vertical-align: bottom; border-bottom: 2px solid #dbe0e4; } .table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > td { border-top: 0; } .table > tbody + tbody { border-top: 2px solid #dbe0e4; } .table .table { background-color: #ffffff; } .table-condensed > thead > tr > th, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > td { padding: 5px; } .table-bordered { border: 1px solid #dbe0e4; } .table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td { border: 1px solid #dbe0e4; } .table-bordered > thead > tr > th, .table-bordered > thead > tr > td { border-bottom-width: 2px; } .table-striped > tbody > tr:nth-of-type(odd) { background-color: #f9f9f9; } .table-hover > tbody > tr:hover { background-color: #f5f5f5; } table col[class*="col-"] { position: static; float: none; display: table-column; } table td[class*="col-"], table th[class*="col-"] { position: static; float: none; display: table-cell; } .table > thead > tr > td.active, .table > tbody > tr > td.active, .table > tfoot > tr > td.active, .table > thead > tr > th.active, .table > tbody > tr > th.active, .table > tfoot > tr > th.active, .table > thead > tr.active > td, .table > tbody > tr.active > td, .table > tfoot > tr.active > td, .table > thead > tr.active > th, .table > tbody > tr.active > th, .table > tfoot > tr.active > th { background-color: #f5f5f5; } .table-hover > tbody > tr > td.active:hover, .table-hover > tbody > tr > th.active:hover, .table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr:hover > .active, .table-hover > tbody > tr.active:hover > th { background-color: #e8e8e8; } .table > thead > tr > td.success, .table > tbody > tr > td.success, .table > tfoot > tr > td.success, .table > thead > tr > th.success, .table > tbody > tr > th.success, .table > tfoot > tr > th.success, .table > thead > tr.success > td, .table > tbody > tr.success > td, .table > tfoot > tr.success > td, .table > thead > tr.success > th, .table > tbody > tr.success > th, .table > tfoot > tr.success > th { background-color: #dff0d8; } .table-hover > tbody > tr > td.success:hover, .table-hover > tbody > tr > th.success:hover, .table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr:hover > .success, .table-hover > tbody > tr.success:hover > th { background-color: #d0e9c6; } .table > thead > tr > td.info, .table > tbody > tr > td.info, .table > tfoot > tr > td.info, .table > thead > tr > th.info, .table > tbody > tr > th.info, .table > tfoot > tr > th.info, .table > thead > tr.info > td, .table > tbody > tr.info > td, .table > tfoot > tr.info > td, .table > thead > tr.info > th, .table > tbody > tr.info > th, .table > tfoot > tr.info > th { background-color: #d9edf7; } .table-hover > tbody > tr > td.info:hover, .table-hover > tbody > tr > th.info:hover, .table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr:hover > .info, .table-hover > tbody > tr.info:hover > th { background-color: #c4e3f3; } .table > thead > tr > td.warning, .table > tbody > tr > td.warning, .table > tfoot > tr > td.warning, .table > thead > tr > th.warning, .table > tbody > tr > th.warning, .table > tfoot > tr > th.warning, .table > thead > tr.warning > td, .table > tbody > tr.warning > td, .table > tfoot > tr.warning > td, .table > thead > tr.warning > th, .table > tbody > tr.warning > th, .table > tfoot > tr.warning > th { background-color: #fcf8e3; } .table-hover > tbody > tr > td.warning:hover, .table-hover > tbody > tr > th.warning:hover, .table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr:hover > .warning, .table-hover > tbody > tr.warning:hover > th { background-color: #faf2cc; } .table > thead > tr > td.danger, .table > tbody > tr > td.danger, .table > tfoot > tr > td.danger, .table > thead > tr > th.danger, .table > tbody > tr > th.danger, .table > tfoot > tr > th.danger, .table > thead > tr.danger > td, .table > tbody > tr.danger > td, .table > tfoot > tr.danger > td, .table > thead > tr.danger > th, .table > tbody > tr.danger > th, .table > tfoot > tr.danger > th { background-color: #f2dede; } .table-hover > tbody > tr > td.danger:hover, .table-hover > tbody > tr > th.danger:hover, .table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr:hover > .danger, .table-hover > tbody > tr.danger:hover > th { background-color: #ebcccc; } .table-responsive { overflow-x: auto; min-height: 0.01%; } @media screen and (max-width: 767px) { .table-responsive { width: 100%; margin-bottom: 13.5px; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; border: 1px solid #dbe0e4; } .table-responsive > .table { margin-bottom: 0; } .table-responsive > .table > thead > tr > th, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > td { white-space: nowrap; } .table-responsive > .table-bordered { border: 0; } .table-responsive > .table-bordered > thead > tr > th:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tfoot > tr > th:first-child, .table-responsive > .table-bordered > thead > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > td:first-child { border-left: 0; } .table-responsive > .table-bordered > thead > tr > th:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > td:last-child { border-right: 0; } .table-responsive > .table-bordered > tbody > tr:last-child > th, .table-responsive > .table-bordered > tfoot > tr:last-child > th, .table-responsive > .table-bordered > tbody > tr:last-child > td, .table-responsive > .table-bordered > tfoot > tr:last-child > td { border-bottom: 0; } } fieldset { padding: 0; margin: 0; border: 0; min-width: 0; } legend { display: block; width: 100%; padding: 0; margin-bottom: 18px; font-size: 19.5px; line-height: inherit; color: #444444; border: 0; border-bottom: 1px solid #e5e5e5; } label { display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: bold; } input[type="search"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } input[type="radio"], input[type="checkbox"] { margin: 4px 0 0; margin-top: 1px \9; line-height: normal; } input[type="file"] { display: block; } input[type="range"] { display: block; width: 100%; } select[multiple], select[size] { height: auto; } input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } output { display: block; padding-top: 6px; font-size: 13px; line-height: 1.42857143; color: #666666; } .form-control { display: block; width: 100%; height: 30px; padding: 5px 10px; font-size: 13px; line-height: 1.42857143; color: #666666; background-color: #ffffff; background-image: none; border: 1px solid #cccccc; border-radius: 3px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s; -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; } .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); } .form-control::-moz-placeholder { color: #999999; opacity: 1; } .form-control:-ms-input-placeholder { color: #999999; } .form-control::-webkit-input-placeholder { color: #999999; } .form-control::-ms-expand { border: 0; background-color: transparent; } .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { background-color: #ffffff; opacity: 1; } .form-control[disabled], fieldset[disabled] .form-control { cursor: not-allowed; } textarea.form-control { height: auto; } input[type="search"] { -webkit-appearance: none; } @media screen and (-webkit-min-device-pixel-ratio: 0) { input[type="date"].form-control, input[type="time"].form-control, input[type="datetime-local"].form-control, input[type="month"].form-control { line-height: 30px; } input[type="date"].input-sm, input[type="time"].input-sm, input[type="datetime-local"].input-sm, input[type="month"].input-sm, .input-group-sm input[type="date"], .input-group-sm input[type="time"], .input-group-sm input[type="datetime-local"], .input-group-sm input[type="month"] { line-height: 26px; } input[type="date"].input-lg, input[type="time"].input-lg, input[type="datetime-local"].input-lg, input[type="month"].input-lg, .input-group-lg input[type="date"], .input-group-lg input[type="time"], .input-group-lg input[type="datetime-local"], .input-group-lg input[type="month"] { line-height: 45px; } } .form-group { margin-bottom: 15px; } .radio, .checkbox { position: relative; display: block; margin-top: 10px; margin-bottom: 10px; } .radio label, .checkbox label { min-height: 18px; padding-left: 20px; margin-bottom: 0; font-weight: normal; cursor: pointer; } .radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] { position: absolute; margin-left: -20px; margin-top: 4px \9; } .radio + .radio, .checkbox + .checkbox { margin-top: -5px; } .radio-inline, .checkbox-inline { position: relative; display: inline-block; padding-left: 20px; margin-bottom: 0; vertical-align: middle; font-weight: normal; cursor: pointer; } .radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline { margin-top: 0; margin-left: 10px; } input[type="radio"][disabled], input[type="checkbox"][disabled], input[type="radio"].disabled, input[type="checkbox"].disabled, fieldset[disabled] input[type="radio"], fieldset[disabled] input[type="checkbox"] { cursor: not-allowed; } .radio-inline.disabled, .checkbox-inline.disabled, fieldset[disabled] .radio-inline, fieldset[disabled] .checkbox-inline { cursor: not-allowed; } .radio.disabled label, .checkbox.disabled label, fieldset[disabled] .radio label, fieldset[disabled] .checkbox label { cursor: not-allowed; } .form-control-static { padding-top: 6px; padding-bottom: 6px; margin-bottom: 0; min-height: 31px; } .form-control-static.input-lg, .form-control-static.input-sm { padding-left: 0; padding-right: 0; } .input-sm { height: 26px; padding: 3px 5px; font-size: 12px; line-height: 1.5; border-radius: 2px; } select.input-sm { height: 26px; line-height: 26px; } textarea.input-sm, select[multiple].input-sm { height: auto; } .form-group-sm .form-control { height: 26px; padding: 3px 5px; font-size: 12px; line-height: 1.5; border-radius: 2px; } .form-group-sm select.form-control { height: 26px; line-height: 26px; } .form-group-sm textarea.form-control, .form-group-sm select[multiple].form-control { height: auto; } .form-group-sm .form-control-static { height: 26px; min-height: 30px; padding: 4px 5px; font-size: 12px; line-height: 1.5; } .input-lg { height: 45px; padding: 10px 15px; font-size: 17px; line-height: 1.3333333; border-radius: 5px; } select.input-lg { height: 45px; line-height: 45px; } textarea.input-lg, select[multiple].input-lg { height: auto; } .form-group-lg .form-control { height: 45px; padding: 10px 15px; font-size: 17px; line-height: 1.3333333; border-radius: 5px; } .form-group-lg select.form-control { height: 45px; line-height: 45px; } .form-group-lg textarea.form-control, .form-group-lg select[multiple].form-control { height: auto; } .form-group-lg .form-control-static { height: 45px; min-height: 35px; padding: 11px 15px; font-size: 17px; line-height: 1.3333333; } .has-feedback { position: relative; } .has-feedback .form-control { padding-right: 37.5px; } .form-control-feedback { position: absolute; top: 0; right: 0; z-index: 2; display: block; width: 30px; height: 30px; line-height: 30px; text-align: center; pointer-events: none; } .input-lg + .form-control-feedback, .input-group-lg + .form-control-feedback, .form-group-lg .form-control + .form-control-feedback { width: 45px; height: 45px; line-height: 45px; } .input-sm + .form-control-feedback, .input-group-sm + .form-control-feedback, .form-group-sm .form-control + .form-control-feedback { width: 26px; height: 26px; line-height: 26px; } .has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline, .has-success.radio label, .has-success.checkbox label, .has-success.radio-inline label, .has-success.checkbox-inline label { color: #3c763d; } .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); } .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; } .has-success .input-group-addon { color: #3c763d; border-color: #3c763d; background-color: #dff0d8; } .has-success .form-control-feedback { color: #3c763d; } .has-warning .help-block, .has-warning .control-label, .has-warning .radio, .has-warning .checkbox, .has-warning .radio-inline, .has-warning .checkbox-inline, .has-warning.radio label, .has-warning.checkbox label, .has-warning.radio-inline label, .has-warning.checkbox-inline label { color: #8a6d3b; } .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); } .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; } .has-warning .input-group-addon { color: #8a6d3b; border-color: #8a6d3b; background-color: #fcf8e3; } .has-warning .form-control-feedback { color: #8a6d3b; } .has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label { color: #a94442; } .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); } .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; } .has-error .input-group-addon { color: #a94442; border-color: #a94442; background-color: #f2dede; } .has-error .form-control-feedback { color: #a94442; } .has-feedback label ~ .form-control-feedback { top: 23px; } .has-feedback label.sr-only ~ .form-control-feedback { top: 0; } .help-block { display: block; margin-top: 5px; margin-bottom: 10px; color: #848484; } @media (min-width: 768px) { .form-inline .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle; } .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; } .form-inline .form-control-static { display: inline-block; } .form-inline .input-group { display: inline-table; vertical-align: middle; } .form-inline .input-group .input-group-addon, .form-inline .input-group .input-group-btn, .form-inline .input-group .form-control { width: auto; } .form-inline .input-group > .form-control { width: 100%; } .form-inline .control-label { margin-bottom: 0; vertical-align: middle; } .form-inline .radio, .form-inline .checkbox { display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle; } .form-inline .radio label, .form-inline .checkbox label { padding-left: 0; } .form-inline .radio input[type="radio"], .form-inline .checkbox input[type="checkbox"] { position: relative; margin-left: 0; } .form-inline .has-feedback .form-control-feedback { top: 0; } } .form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline { margin-top: 0; margin-bottom: 0; padding-top: 6px; } .form-horizontal .radio, .form-horizontal .checkbox { min-height: 24px; } .form-horizontal .form-group { margin-left: -15px; margin-right: -15px; } @media (min-width: 768px) { .form-horizontal .control-label { text-align: right; margin-bottom: 0; padding-top: 6px; } } .form-horizontal .has-feedback .form-control-feedback { right: 15px; } @media (min-width: 768px) { .form-horizontal .form-group-lg .control-label { padding-top: 11px; font-size: 17px; } } @media (min-width: 768px) { .form-horizontal .form-group-sm .control-label { padding-top: 4px; font-size: 12px; } } .btn { display: inline-block; margin-bottom: 0; font-weight: normal; text-align: center; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; padding: 5px 10px; font-size: 13px; line-height: 1.42857143; border-radius: 3px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .btn:hover, .btn:focus, .btn.focus { color: #454545; text-decoration: none; } .btn:active, .btn.active { outline: 0; background-image: none; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .btn.disabled, .btn[disabled], fieldset[disabled] .btn { cursor: not-allowed; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; } a.btn.disabled, fieldset[disabled] a.btn { pointer-events: none; } .btn-default { color: #454545; background-color: #ffffff; border-color: #dbe0e4; } .btn-default:focus, .btn-default.focus { color: #454545; background-color: #e6e6e6; border-color: #92a1ad; } .btn-default:hover { color: #454545; background-color: #e6e6e6; border-color: #b8c2ca; } .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default { color: #454545; background-color: #e6e6e6; border-color: #b8c2ca; } .btn-default:active:hover, .btn-default.active:hover, .open > .dropdown-toggle.btn-default:hover, .btn-default:active:focus, .btn-default.active:focus, .open > .dropdown-toggle.btn-default:focus, .btn-default:active.focus, .btn-default.active.focus, .open > .dropdown-toggle.btn-default.focus { color: #454545; background-color: #d4d4d4; border-color: #92a1ad; } .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default { background-image: none; } .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled.focus, .btn-default[disabled].focus, fieldset[disabled] .btn-default.focus { background-color: #ffffff; border-color: #dbe0e4; } .btn-default .badge { color: #ffffff; background-color: #454545; } .btn-primary { color: #ffffff; background-color: #1b2531; border-color: #121921; } .btn-primary:focus, .btn-primary.focus { color: #ffffff; background-color: #090c10; border-color: #000000; } .btn-primary:hover { color: #ffffff; background-color: #090c10; border-color: #000000; } .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary { color: #ffffff; background-color: #090c10; border-color: #000000; } .btn-primary:active:hover, .btn-primary.active:hover, .open > .dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open > .dropdown-toggle.btn-primary:focus, .btn-primary:active.focus, .btn-primary.active.focus, .open > .dropdown-toggle.btn-primary.focus { color: #ffffff; background-color: #000000; border-color: #000000; } .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary { background-image: none; } .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled.focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary.focus { background-color: #1b2531; border-color: #121921; } .btn-primary .badge { color: #1b2531; background-color: #ffffff; } .btn-success { color: #ffffff; background-color: #84bf43; border-color: #77ad3b; } .btn-success:focus, .btn-success.focus { color: #ffffff; background-color: #6a9a35; border-color: #364e1b; } .btn-success:hover { color: #ffffff; background-color: #6a9a35; border-color: #58802c; } .btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success { color: #ffffff; background-color: #6a9a35; border-color: #58802c; } .btn-success:active:hover, .btn-success.active:hover, .open > .dropdown-toggle.btn-success:hover, .btn-success:active:focus, .btn-success.active:focus, .open > .dropdown-toggle.btn-success:focus, .btn-success:active.focus, .btn-success.active.focus, .open > .dropdown-toggle.btn-success.focus { color: #ffffff; background-color: #58802c; border-color: #364e1b; } .btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success { background-image: none; } .btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus, .btn-success.disabled.focus, .btn-success[disabled].focus, fieldset[disabled] .btn-success.focus { background-color: #84bf43; border-color: #77ad3b; } .btn-success .badge { color: #84bf43; background-color: #ffffff; } .btn-info { color: #ffffff; background-color: #4fb5dd; border-color: #3aacd9; } .btn-info:focus, .btn-info.focus { color: #ffffff; background-color: #28a1d1; border-color: #185f7b; } .btn-info:hover { color: #ffffff; background-color: #28a1d1; border-color: #238ab3; } .btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info { color: #ffffff; background-color: #28a1d1; border-color: #238ab3; } .btn-info:active:hover, .btn-info.active:hover, .open > .dropdown-toggle.btn-info:hover, .btn-info:active:focus, .btn-info.active:focus, .open > .dropdown-toggle.btn-info:focus, .btn-info:active.focus, .btn-info.active.focus, .open > .dropdown-toggle.btn-info.focus { color: #ffffff; background-color: #238ab3; border-color: #185f7b; } .btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info { background-image: none; } .btn-info.disabled:hover, .btn-info[disabled]:hover, fieldset[disabled] .btn-info:hover, .btn-info.disabled:focus, .btn-info[disabled]:focus, fieldset[disabled] .btn-info:focus, .btn-info.disabled.focus, .btn-info[disabled].focus, fieldset[disabled] .btn-info.focus { background-color: #4fb5dd; border-color: #3aacd9; } .btn-info .badge { color: #4fb5dd; background-color: #ffffff; } .btn-warning { color: #ffffff; background-color: #f69f00; border-color: #dd8f00; } .btn-warning:focus, .btn-warning.focus { color: #ffffff; background-color: #c37e00; border-color: #5d3c00; } .btn-warning:hover { color: #ffffff; background-color: #c37e00; border-color: #9f6700; } .btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning { color: #ffffff; background-color: #c37e00; border-color: #9f6700; } .btn-warning:active:hover, .btn-warning.active:hover, .open > .dropdown-toggle.btn-warning:hover, .btn-warning:active:focus, .btn-warning.active:focus, .open > .dropdown-toggle.btn-warning:focus, .btn-warning:active.focus, .btn-warning.active.focus, .open > .dropdown-toggle.btn-warning.focus { color: #ffffff; background-color: #9f6700; border-color: #5d3c00; } .btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning { background-image: none; } .btn-warning.disabled:hover, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning:hover, .btn-warning.disabled:focus, .btn-warning[disabled]:focus, fieldset[disabled] .btn-warning:focus, .btn-warning.disabled.focus, .btn-warning[disabled].focus, fieldset[disabled] .btn-warning.focus { background-color: #f69f00; border-color: #dd8f00; } .btn-warning .badge { color: #f69f00; background-color: #ffffff; } .btn-danger { color: #ffffff; background-color: #f04e51; border-color: #ee363a; } .btn-danger:focus, .btn-danger.focus { color: #ffffff; background-color: #ec1f23; border-color: #980d0f; } .btn-danger:hover { color: #ffffff; background-color: #ec1f23; border-color: #d51216; } .btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger { color: #ffffff; background-color: #ec1f23; border-color: #d51216; } .btn-danger:active:hover, .btn-danger.active:hover, .open > .dropdown-toggle.btn-danger:hover, .btn-danger:active:focus, .btn-danger.active:focus, .open > .dropdown-toggle.btn-danger:focus, .btn-danger:active.focus, .btn-danger.active.focus, .open > .dropdown-toggle.btn-danger.focus { color: #ffffff; background-color: #d51216; border-color: #980d0f; } .btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger { background-image: none; } .btn-danger.disabled:hover, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger:hover, .btn-danger.disabled:focus, .btn-danger[disabled]:focus, fieldset[disabled] .btn-danger:focus, .btn-danger.disabled.focus, .btn-danger[disabled].focus, fieldset[disabled] .btn-danger.focus { background-color: #f04e51; border-color: #ee363a; } .btn-danger .badge { color: #f04e51; background-color: #ffffff; } .btn-link { color: #1b2531; font-weight: normal; border-radius: 0; } .btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled], fieldset[disabled] .btn-link { background-color: transparent; -webkit-box-shadow: none; box-shadow: none; } .btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active { border-color: transparent; } .btn-link:hover, .btn-link:focus { color: #000000; text-decoration: underline; background-color: transparent; } .btn-link[disabled]:hover, fieldset[disabled] .btn-link:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:focus { color: #888888; text-decoration: none; } .btn-lg, .btn-group-lg > .btn { padding: 10px 15px; font-size: 17px; line-height: 1.3333333; border-radius: 5px; } .btn-sm, .btn-group-sm > .btn { padding: 3px 5px; font-size: 12px; line-height: 1.5; border-radius: 2px; } .btn-xs, .btn-group-xs > .btn { padding: 1px 5px; font-size: 12px; line-height: 1.5; border-radius: 2px; } .btn-block { display: block; width: 100%; } .btn-block + .btn-block { margin-top: 5px; } input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block { width: 100%; } .fade { opacity: 0; -webkit-transition: opacity 0.15s linear; -o-transition: opacity 0.15s linear; transition: opacity 0.15s linear; } .fade.in { opacity: 1; } .collapse { display: none; } .collapse.in { display: block; } tr.collapse.in { display: table-row; } tbody.collapse.in { display: table-row-group; } .collapsing { position: relative; height: 0; overflow: hidden; -webkit-transition-property: height, visibility; -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; } .caret { display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px dashed; border-top: 4px solid \9; border-right: 4px solid transparent; border-left: 4px solid transparent; } .dropup, .dropdown { position: relative; } .dropdown-toggle:focus { outline: 0; } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; list-style: none; font-size: 13px; text-align: left; background-color: #ffffff; border: 1px solid #cccccc; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 3px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); -webkit-background-clip: padding-box; background-clip: padding-box; } .dropdown-menu.pull-right { right: 0; left: auto; } .dropdown-menu .divider { height: 1px; margin: 8px 0; overflow: hidden; background-color: #e5e5e5; } .dropdown-menu > li > a { display: block; padding: 3px 20px; clear: both; font-weight: normal; line-height: 1.42857143; color: #444444; white-space: nowrap; } .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { text-decoration: none; color: #373737; background-color: #f5f5f5; } .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { color: #ffffff; text-decoration: none; outline: 0; background-color: #1b2531; } .dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { color: #888888; } .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { text-decoration: none; background-color: transparent; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); cursor: not-allowed; } .open > .dropdown-menu { display: block; } .open > a { outline: 0; } .dropdown-menu-right { left: auto; right: 0; } .dropdown-menu-left { left: 0; right: auto; } .dropdown-header { display: block; padding: 3px 20px; font-size: 12px; line-height: 1.42857143; color: #888888; white-space: nowrap; } .dropdown-backdrop { position: fixed; left: 0; right: 0; bottom: 0; top: 0; z-index: 990; } .pull-right > .dropdown-menu { right: 0; left: auto; } .dropup .caret, .navbar-fixed-bottom .dropdown .caret { border-top: 0; border-bottom: 4px dashed; border-bottom: 4px solid \9; content: ""; } .dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 2px; } @media (min-width: 768px) { .navbar-right .dropdown-menu { left: auto; right: 0; } .navbar-right .dropdown-menu-left { left: 0; right: auto; } } .btn-group, .btn-group-vertical { position: relative; display: inline-block; vertical-align: middle; } .btn-group > .btn, .btn-group-vertical > .btn { position: relative; float: left; } .btn-group > .btn:hover, .btn-group-vertical > .btn:hover, .btn-group > .btn:focus, .btn-group-vertical > .btn:focus, .btn-group > .btn:active, .btn-group-vertical > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn.active { z-index: 2; } .btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group { margin-left: -1px; } .btn-toolbar { margin-left: -5px; } .btn-toolbar .btn, .btn-toolbar .btn-group, .btn-toolbar .input-group { float: left; } .btn-toolbar > .btn, .btn-toolbar > .btn-group, .btn-toolbar > .input-group { margin-left: 5px; } .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { border-radius: 0; } .btn-group > .btn:first-child { margin-left: 0; } .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { border-bottom-right-radius: 0; border-top-right-radius: 0; } .btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) { border-bottom-left-radius: 0; border-top-left-radius: 0; } .btn-group > .btn-group { float: left; } .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0; } .btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle { border-bottom-right-radius: 0; border-top-right-radius: 0; } .btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child { border-bottom-left-radius: 0; border-top-left-radius: 0; } .btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle { outline: 0; } .btn-group > .btn + .dropdown-toggle { padding-left: 8px; padding-right: 8px; } .btn-group > .btn-lg + .dropdown-toggle { padding-left: 12px; padding-right: 12px; } .btn-group.open .dropdown-toggle { -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .btn-group.open .dropdown-toggle.btn-link { -webkit-box-shadow: none; box-shadow: none; } .btn .caret { margin-left: 0; } .btn-lg .caret { border-width: 5px 5px 0; border-bottom-width: 0; } .dropup .btn-lg .caret { border-width: 0 5px 5px; } .btn-group-vertical > .btn, .btn-group-vertical > .btn-group, .btn-group-vertical > .btn-group > .btn { display: block; float: none; width: 100%; max-width: 100%; } .btn-group-vertical > .btn-group > .btn { float: none; } .btn-group-vertical > .btn + .btn, .btn-group-vertical > .btn + .btn-group, .btn-group-vertical > .btn-group + .btn, .btn-group-vertical > .btn-group + .btn-group { margin-top: -1px; margin-left: 0; } .btn-group-vertical > .btn:not(:first-child):not(:last-child) { border-radius: 0; } .btn-group-vertical > .btn:first-child:not(:last-child) { border-top-right-radius: 3px; border-top-left-radius: 3px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn:last-child:not(:first-child) { border-top-right-radius: 0; border-top-left-radius: 0; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0; } .btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child { border-top-right-radius: 0; border-top-left-radius: 0; } .btn-group-justified { display: table; width: 100%; table-layout: fixed; border-collapse: separate; } .btn-group-justified > .btn, .btn-group-justified > .btn-group { float: none; display: table-cell; width: 1%; } .btn-group-justified > .btn-group .btn { width: 100%; } .btn-group-justified > .btn-group .dropdown-menu { left: auto; } [data-toggle="buttons"] > .btn input[type="radio"], [data-toggle="buttons"] > .btn-group > .btn input[type="radio"], [data-toggle="buttons"] > .btn input[type="checkbox"], [data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none; } .input-group { position: relative; display: table; border-collapse: separate; } .input-group[class*="col-"] { float: none; padding-left: 0; padding-right: 0; } .input-group .form-control { position: relative; z-index: 2; float: left; width: 100%; margin-bottom: 0; } .input-group .form-control:focus { z-index: 3; } .input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn { height: 45px; padding: 10px 15px; font-size: 17px; line-height: 1.3333333; border-radius: 5px; } select.input-group-lg > .form-control, select.input-group-lg > .input-group-addon, select.input-group-lg > .input-group-btn > .btn { height: 45px; line-height: 45px; } textarea.input-group-lg > .form-control, textarea.input-group-lg > .input-group-addon, textarea.input-group-lg > .input-group-btn > .btn, select[multiple].input-group-lg > .form-control, select[multiple].input-group-lg > .input-group-addon, select[multiple].input-group-lg > .input-group-btn > .btn { height: auto; } .input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn { height: 26px; padding: 3px 5px; font-size: 12px; line-height: 1.5; border-radius: 2px; } select.input-group-sm > .form-control, select.input-group-sm > .input-group-addon, select.input-group-sm > .input-group-btn > .btn { height: 26px; line-height: 26px; } textarea.input-group-sm > .form-control, textarea.input-group-sm > .input-group-addon, textarea.input-group-sm > .input-group-btn > .btn, select[multiple].input-group-sm > .form-control, select[multiple].input-group-sm > .input-group-addon, select[multiple].input-group-sm > .input-group-btn > .btn { height: auto; } .input-group-addon, .input-group-btn, .input-group .form-control { display: table-cell; } .input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child), .input-group .form-control:not(:first-child):not(:last-child) { border-radius: 0; } .input-group-addon, .input-group-btn { width: 1%; white-space: nowrap; vertical-align: middle; } .input-group-addon { padding: 5px 10px; font-size: 13px; font-weight: normal; line-height: 1; color: #666666; text-align: center; background-color: #ffffff; border: 1px solid #cccccc; border-radius: 3px; } .input-group-addon.input-sm { padding: 3px 5px; font-size: 12px; border-radius: 2px; } .input-group-addon.input-lg { padding: 10px 15px; font-size: 17px; border-radius: 5px; } .input-group-addon input[type="radio"], .input-group-addon input[type="checkbox"] { margin-top: 0; } .input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:last-child > .btn-group:not(:last-child) > .btn { border-bottom-right-radius: 0; border-top-right-radius: 0; } .input-group-addon:first-child { border-right: 0; } .input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:first-child > .btn-group:not(:first-child) > .btn { border-bottom-left-radius: 0; border-top-left-radius: 0; } .input-group-addon:last-child { border-left: 0; } .input-group-btn { position: relative; font-size: 0; white-space: nowrap; } .input-group-btn > .btn { position: relative; } .input-group-btn > .btn + .btn { margin-left: -1px; } .input-group-btn > .btn:hover, .input-group-btn > .btn:focus, .input-group-btn > .btn:active { z-index: 2; } .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group { margin-right: -1px; } .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group { z-index: 2; margin-left: -1px; } .nav { margin-bottom: 0; padding-left: 0; list-style: none; } .nav > li { position: relative; display: block; } .nav > li > a { position: relative; display: block; padding: 10px 15px; } .nav > li > a:hover, .nav > li > a:focus { text-decoration: none; background-color: #ffffff; } .nav > li.disabled > a { color: #888888; } .nav > li.disabled > a:hover, .nav > li.disabled > a:focus { color: #888888; text-decoration: none; background-color: transparent; cursor: not-allowed; } .nav .open > a, .nav .open > a:hover, .nav .open > a:focus { background-color: #ffffff; border-color: #1b2531; } .nav .nav-divider { height: 1px; margin: 8px 0; overflow: hidden; background-color: #e5e5e5; } .nav > li > a > img { max-width: none; } .nav-tabs { border-bottom: 1px solid #dddddd; } .nav-tabs > li { float: left; margin-bottom: -1px; } .nav-tabs > li > a { margin-right: 2px; line-height: 1.42857143; border: 1px solid transparent; border-radius: 3px 3px 0 0; } .nav-tabs > li > a:hover { border-color: #ffffff #ffffff #dddddd; } .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { color: #666666; background-color: #ffffff; border: 1px solid #dddddd; border-bottom-color: transparent; cursor: default; } .nav-tabs.nav-justified { width: 100%; border-bottom: 0; } .nav-tabs.nav-justified > li { float: none; } .nav-tabs.nav-justified > li > a { text-align: center; margin-bottom: 5px; } .nav-tabs.nav-justified > .dropdown .dropdown-menu { top: auto; left: auto; } @media (min-width: 768px) { .nav-tabs.nav-justified > li { display: table-cell; width: 1%; } .nav-tabs.nav-justified > li > a { margin-bottom: 0; } } .nav-tabs.nav-justified > li > a { margin-right: 0; border-radius: 3px; } .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus { border: 1px solid #dddddd; } @media (min-width: 768px) { .nav-tabs.nav-justified > li > a { border-bottom: 1px solid #dddddd; border-radius: 3px 3px 0 0; } .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus { border-bottom-color: #ffffff; } } .nav-pills > li { float: left; } .nav-pills > li > a { border-radius: 3px; } .nav-pills > li + li { margin-left: 2px; } .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus { color: #ffffff; background-color: #1b2531; } .nav-stacked > li { float: none; } .nav-stacked > li + li { margin-top: 2px; margin-left: 0; } .nav-justified { width: 100%; } .nav-justified > li { float: none; } .nav-justified > li > a { text-align: center; margin-bottom: 5px; } .nav-justified > .dropdown .dropdown-menu { top: auto; left: auto; } @media (min-width: 768px) { .nav-justified > li { display: table-cell; width: 1%; } .nav-justified > li > a { margin-bottom: 0; } } .nav-tabs-justified { border-bottom: 0; } .nav-tabs-justified > li > a { margin-right: 0; border-radius: 3px; } .nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus { border: 1px solid #dddddd; } @media (min-width: 768px) { .nav-tabs-justified > li > a { border-bottom: 1px solid #dddddd; border-radius: 3px 3px 0 0; } .nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus { border-bottom-color: #ffffff; } } .tab-content > .tab-pane { display: none; } .tab-content > .active { display: block; } .nav-tabs .dropdown-menu { margin-top: -1px; border-top-right-radius: 0; border-top-left-radius: 0; } .navbar { position: relative; min-height: 50px; margin-bottom: 18px; border: 1px solid transparent; } @media (min-width: 768px) { .navbar { border-radius: 3px; } } @media (min-width: 768px) { .navbar-header { float: left; } } .navbar-collapse { overflow-x: visible; padding-right: 15px; padding-left: 15px; 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; } .navbar-collapse.in { overflow-y: auto; } @media (min-width: 768px) { .navbar-collapse { width: auto; border-top: 0; -webkit-box-shadow: none; box-shadow: none; } .navbar-collapse.collapse { display: block !important; height: auto !important; padding-bottom: 0; overflow: visible !important; } .navbar-collapse.in { overflow-y: visible; } .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { padding-left: 0; padding-right: 0; } } .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { max-height: 340px; } @media (max-device-width: 480px) and (orientation: landscape) { .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { max-height: 200px; } } .container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse { margin-right: -15px; margin-left: -15px; } @media (min-width: 768px) { .container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse { margin-right: 0; margin-left: 0; } } .navbar-static-top { z-index: 1000; border-width: 0 0 1px; } @media (min-width: 768px) { .navbar-static-top { border-radius: 0; } } .navbar-fixed-top, .navbar-fixed-bottom { position: fixed; right: 0; left: 0; z-index: 1030; } @media (min-width: 768px) { .navbar-fixed-top, .navbar-fixed-bottom { border-radius: 0; } } .navbar-fixed-top { top: 0; border-width: 0 0 1px; } .navbar-fixed-bottom { bottom: 0; margin-bottom: 0; border-width: 1px 0 0; } .navbar-brand { float: left; padding: 16px 15px; font-size: 17px; line-height: 18px; height: 50px; } .navbar-brand:hover, .navbar-brand:focus { text-decoration: none; } .navbar-brand > img { display: block; } @media (min-width: 768px) { .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand { margin-left: -15px; } } .navbar-toggle { position: relative; float: right; margin-right: 15px; padding: 9px 10px; margin-top: 8px; margin-bottom: 8px; background-color: transparent; background-image: none; border: 1px solid transparent; border-radius: 3px; } .navbar-toggle:focus { outline: 0; } .navbar-toggle .icon-bar { display: block; width: 22px; height: 2px; border-radius: 1px; } .navbar-toggle .icon-bar + .icon-bar { margin-top: 4px; } @media (min-width: 768px) { .navbar-toggle { display: none; } } .navbar-nav { margin: 8px -15px; } .navbar-nav > li > a { padding-top: 10px; padding-bottom: 10px; line-height: 18px; } @media (max-width: 767px) { .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; } .navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header { padding: 5px 15px 5px 25px; } .navbar-nav .open .dropdown-menu > li > a { line-height: 18px; } .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus { background-image: none; } } @media (min-width: 768px) { .navbar-nav { float: left; margin: 0; } .navbar-nav > li { float: left; } .navbar-nav > li > a { padding-top: 16px; padding-bottom: 16px; } } .navbar-form { margin-left: -15px; margin-right: -15px; padding: 10px 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: 10px; margin-bottom: 10px; } @media (min-width: 768px) { .navbar-form .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle; } .navbar-form .form-control { display: inline-block; width: auto; vertical-align: middle; } .navbar-form .form-control-static { display: inline-block; } .navbar-form .input-group { display: inline-table; vertical-align: middle; } .navbar-form .input-group .input-group-addon, .navbar-form .input-group .input-group-btn, .navbar-form .input-group .form-control { width: auto; } .navbar-form .input-group > .form-control { width: 100%; } .navbar-form .control-label { margin-bottom: 0; vertical-align: middle; } .navbar-form .radio, .navbar-form .checkbox { display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle; } .navbar-form .radio label, .navbar-form .checkbox label { padding-left: 0; } .navbar-form .radio input[type="radio"], .navbar-form .checkbox input[type="checkbox"] { position: relative; margin-left: 0; } .navbar-form .has-feedback .form-control-feedback { top: 0; } } @media (max-width: 767px) { .navbar-form .form-group { margin-bottom: 5px; } .navbar-form .form-group:last-child { margin-bottom: 0; } } @media (min-width: 768px) { .navbar-form { width: auto; border: 0; margin-left: 0; margin-right: 0; padding-top: 0; padding-bottom: 0; -webkit-box-shadow: none; box-shadow: none; } } .navbar-nav > li > .dropdown-menu { margin-top: 0; border-top-right-radius: 0; border-top-left-radius: 0; } .navbar-fixed-bottom .navbar-nav > li > .dropdown-menu { margin-bottom: 0; border-top-right-radius: 3px; border-top-left-radius: 3px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .navbar-btn { margin-top: 10px; margin-bottom: 10px; } .navbar-btn.btn-sm { margin-top: 12px; margin-bottom: 12px; } .navbar-btn.btn-xs { margin-top: 14px; margin-bottom: 14px; } .navbar-text { margin-top: 16px; margin-bottom: 16px; } @media (min-width: 768px) { .navbar-text { float: left; margin-left: 15px; margin-right: 15px; } } @media (min-width: 768px) { .navbar-left { float: left !important; } .navbar-right { float: right !important; margin-right: -15px; } .navbar-right ~ .navbar-right { margin-right: 0; } } .navbar-default { background-color: #f8f8f8; border-color: #e7e7e7; } .navbar-default .navbar-brand { color: #777777; } .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus { color: #5e5e5e; background-color: transparent; } .navbar-default .navbar-text { color: #777777; } .navbar-default .navbar-nav > li > a { color: #777777; } .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { color: #333333; background-color: transparent; } .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { color: #555555; background-color: #e7e7e7; } .navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus { color: #cccccc; background-color: transparent; } .navbar-default .navbar-toggle { border-color: #dddddd; } .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: #dddddd; } .navbar-default .navbar-toggle .icon-bar { background-color: #888888; } .navbar-default .navbar-collapse, .navbar-default .navbar-form { border-color: #e7e7e7; } .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { background-color: #e7e7e7; color: #555555; } @media (max-width: 767px) { .navbar-default .navbar-nav .open .dropdown-menu > li > a { color: #777777; } .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { color: #333333; background-color: transparent; } .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus { color: #555555; background-color: #e7e7e7; } .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus { color: #cccccc; background-color: transparent; } } .navbar-default .navbar-link { color: #777777; } .navbar-default .navbar-link:hover { color: #333333; } .navbar-default .btn-link { color: #777777; } .navbar-default .btn-link:hover, .navbar-default .btn-link:focus { color: #333333; } .navbar-default .btn-link[disabled]:hover, fieldset[disabled] .navbar-default .btn-link:hover, .navbar-default .btn-link[disabled]:focus, fieldset[disabled] .navbar-default .btn-link:focus { color: #cccccc; } .navbar-inverse { background-color: #222222; border-color: #080808; } .navbar-inverse .navbar-brand { color: #aeaeae; } .navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus { color: #ffffff; background-color: transparent; } .navbar-inverse .navbar-text { color: #aeaeae; } .navbar-inverse .navbar-nav > li > a { color: #aeaeae; } .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus { color: #ffffff; background-color: transparent; } .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus { color: #ffffff; background-color: #080808; } .navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:hover, .navbar-inverse .navbar-nav > .disabled > a:focus { color: #444444; background-color: transparent; } .navbar-inverse .navbar-toggle { border-color: #333333; } .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus { background-color: #333333; } .navbar-inverse .navbar-toggle .icon-bar { background-color: #ffffff; } .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { border-color: #101010; } .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus { background-color: #080808; color: #ffffff; } @media (max-width: 767px) { .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header { border-color: #080808; } .navbar-inverse .navbar-nav .open .dropdown-menu .divider { background-color: #080808; } .navbar-inverse .navbar-nav .open .dropdown-menu > li > a { color: #aeaeae; } .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus { color: #ffffff; background-color: transparent; } .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus { color: #ffffff; background-color: #080808; } .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus { color: #444444; background-color: transparent; } } .navbar-inverse .navbar-link { color: #aeaeae; } .navbar-inverse .navbar-link:hover { color: #ffffff; } .navbar-inverse .btn-link { color: #aeaeae; } .navbar-inverse .btn-link:hover, .navbar-inverse .btn-link:focus { color: #ffffff; } .navbar-inverse .btn-link[disabled]:hover, fieldset[disabled] .navbar-inverse .btn-link:hover, .navbar-inverse .btn-link[disabled]:focus, fieldset[disabled] .navbar-inverse .btn-link:focus { color: #444444; } .breadcrumb { padding: 8px 15px; margin-bottom: 18px; list-style: none; background-color: #f5f5f5; border-radius: 3px; } .breadcrumb > li { display: inline-block; } .breadcrumb > li + li:before { content: "/\00a0"; padding: 0 5px; color: #cccccc; } .breadcrumb > .active { color: #888888; } .pagination { display: inline-block; padding-left: 0; margin: 18px 0; border-radius: 3px; } .pagination > li { display: inline; } .pagination > li > a, .pagination > li > span { position: relative; float: left; padding: 5px 10px; line-height: 1.42857143; text-decoration: none; color: #1b2531; background-color: #ffffff; border: 1px solid #dddddd; margin-left: -1px; } .pagination > li:first-child > a, .pagination > li:first-child > span { margin-left: 0; border-bottom-left-radius: 3px; border-top-left-radius: 3px; } .pagination > li:last-child > a, .pagination > li:last-child > span { border-bottom-right-radius: 3px; border-top-right-radius: 3px; } .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { z-index: 2; color: #000000; background-color: #ffffff; border-color: #dddddd; } .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { z-index: 3; color: #ffffff; background-color: #1b2531; border-color: #1b2531; cursor: default; } .pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus { color: #888888; background-color: #ffffff; border-color: #dddddd; cursor: not-allowed; } .pagination-lg > li > a, .pagination-lg > li > span { padding: 10px 15px; font-size: 17px; line-height: 1.3333333; } .pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span { border-bottom-left-radius: 5px; border-top-left-radius: 5px; } .pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span { border-bottom-right-radius: 5px; border-top-right-radius: 5px; } .pagination-sm > li > a, .pagination-sm > li > span { padding: 3px 5px; font-size: 12px; line-height: 1.5; } .pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span { border-bottom-left-radius: 2px; border-top-left-radius: 2px; } .pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span { border-bottom-right-radius: 2px; border-top-right-radius: 2px; } .pager { padding-left: 0; margin: 18px 0; list-style: none; text-align: center; } .pager li { display: inline; } .pager li > a, .pager li > span { display: inline-block; padding: 5px 14px; background-color: #ffffff; border: 1px solid #dddddd; border-radius: 15px; } .pager li > a:hover, .pager li > a:focus { text-decoration: none; background-color: #ffffff; } .pager .next > a, .pager .next > span { float: right; } .pager .previous > a, .pager .previous > span { float: left; } .pager .disabled > a, .pager .disabled > a:hover, .pager .disabled > a:focus, .pager .disabled > span { color: #888888; background-color: #ffffff; cursor: not-allowed; } .label { display: inline; padding: .2em .6em .3em; font-size: 75%; font-weight: bold; line-height: 1; color: #ffffff; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: .25em; } a.label:hover, a.label:focus { color: #ffffff; text-decoration: none; cursor: pointer; } .label:empty { display: none; } .btn .label { position: relative; top: -1px; } .label-default { background-color: #888888; } .label-default[href]:hover, .label-default[href]:focus { background-color: #6f6f6f; } .label-primary { background-color: #1b2531; } .label-primary[href]:hover, .label-primary[href]:focus { background-color: #090c10; } .label-success { background-color: #84bf43; } .label-success[href]:hover, .label-success[href]:focus { background-color: #6a9a35; } .label-info { background-color: #4fb5dd; } .label-info[href]:hover, .label-info[href]:focus { background-color: #28a1d1; } .label-warning { background-color: #f69f00; } .label-warning[href]:hover, .label-warning[href]:focus { background-color: #c37e00; } .label-danger { background-color: #f04e51; } .label-danger[href]:hover, .label-danger[href]:focus { background-color: #ec1f23; } .badge { display: inline-block; min-width: 10px; padding: 3px 7px; font-size: 12px; font-weight: bold; color: #ffffff; line-height: 1; vertical-align: middle; white-space: nowrap; text-align: center; background-color: #888888; border-radius: 10px; } .badge:empty { display: none; } .btn .badge { position: relative; top: -1px; } .btn-xs .badge, .btn-group-xs > .btn .badge { top: 0; padding: 1px 5px; } a.badge:hover, a.badge:focus { color: #ffffff; text-decoration: none; cursor: pointer; } .list-group-item.active > .badge, .nav-pills > .active > a > .badge { color: #1b2531; background-color: #ffffff; } .list-group-item > .badge { float: right; } .list-group-item > .badge + .badge { margin-right: 5px; } .nav-pills > li > a > .badge { margin-left: 3px; } .jumbotron { padding-top: 30px; padding-bottom: 30px; margin-bottom: 30px; color: inherit; background-color: #ffffff; } .jumbotron h1, .jumbotron .h1 { color: inherit; } .jumbotron p { margin-bottom: 15px; font-size: 20px; font-weight: 200; } .jumbotron > hr { border-top-color: #e6e6e6; } .container .jumbotron, .container-fluid .jumbotron { border-radius: 5px; padding-left: 15px; padding-right: 15px; } .jumbotron .container { max-width: 100%; } @media screen and (min-width: 768px) { .jumbotron { padding-top: 48px; padding-bottom: 48px; } .container .jumbotron, .container-fluid .jumbotron { padding-left: 60px; padding-right: 60px; } .jumbotron h1, .jumbotron .h1 { font-size: 59px; } } .thumbnail { display: block; padding: 4px; margin-bottom: 18px; line-height: 1.42857143; background-color: #ffffff; border: 1px solid #dddddd; border-radius: 3px; -webkit-transition: border 0.2s ease-in-out; -o-transition: border 0.2s ease-in-out; transition: border 0.2s ease-in-out; } .thumbnail > img, .thumbnail a > img { margin-left: auto; margin-right: auto; } a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active { border-color: #1b2531; } .thumbnail .caption { padding: 9px; color: #444444; } .alert { padding: 15px; margin-bottom: 18px; border: 1px solid transparent; border-radius: 3px; } .alert h4 { margin-top: 0; color: inherit; } .alert .alert-link { font-weight: bold; } .alert > p, .alert > ul { margin-bottom: 0; } .alert > p + p { margin-top: 5px; } .alert-dismissable, .alert-dismissible { padding-right: 35px; } .alert-dismissable .close, .alert-dismissible .close { position: relative; top: -2px; right: -21px; color: inherit; } .alert-success { background-color: #dff0d8; border-color: #d6e9c6; color: #3c763d; } .alert-success hr { border-top-color: #c9e2b3; } .alert-success .alert-link { color: #2b542c; } .alert-info { background-color: #d9edf7; border-color: #bce8f1; color: #31708f; } .alert-info hr { border-top-color: #a6e1ec; } .alert-info .alert-link { color: #245269; } .alert-warning { background-color: #fcf8e3; border-color: #faebcc; color: #8a6d3b; } .alert-warning hr { border-top-color: #f7e1b5; } .alert-warning .alert-link { color: #66512c; } .alert-danger { background-color: #f2dede; border-color: #ebccd1; color: #a94442; } .alert-danger hr { border-top-color: #e4b9c0; } .alert-danger .alert-link { color: #843534; } @-webkit-keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } @-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; } } .progress { overflow: hidden; height: 18px; margin-bottom: 18px; background-color: #f5f5f5; border-radius: 3px; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); } .progress-bar { float: left; width: 0%; height: 100%; font-size: 12px; line-height: 18px; color: #ffffff; text-align: center; background-color: #1b2531; -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); -webkit-transition: width 0.6s ease; -o-transition: width 0.6s ease; transition: width 0.6s ease; } .progress-striped .progress-bar, .progress-bar-striped { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); -webkit-background-size: 40px 40px; background-size: 40px 40px; } .progress.active .progress-bar, .progress-bar.active { -webkit-animation: progress-bar-stripes 2s linear infinite; -o-animation: progress-bar-stripes 2s linear infinite; animation: progress-bar-stripes 2s linear infinite; } .progress-bar-success { background-color: #84bf43; } .progress-striped .progress-bar-success { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .progress-bar-info { background-color: #4fb5dd; } .progress-striped .progress-bar-info { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .progress-bar-warning { background-color: #f69f00; } .progress-striped .progress-bar-warning { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .progress-bar-danger { background-color: #f04e51; } .progress-striped .progress-bar-danger { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .media { margin-top: 15px; } .media:first-child { margin-top: 0; } .media, .media-body { zoom: 1; overflow: hidden; } .media-body { width: 10000px; } .media-object { display: block; } .media-object.img-thumbnail { max-width: none; } .media-right, .media > .pull-right { padding-left: 10px; } .media-left, .media > .pull-left { padding-right: 10px; } .media-left, .media-right, .media-body { display: table-cell; vertical-align: top; } .media-middle { vertical-align: middle; } .media-bottom { vertical-align: bottom; } .media-heading { margin-top: 0; margin-bottom: 5px; } .media-list { padding-left: 0; list-style: none; } .list-group { margin-bottom: 20px; padding-left: 0; } .list-group-item { position: relative; display: block; padding: 10px 15px; margin-bottom: -1px; background-color: #ffffff; border: 1px solid #dddddd; } .list-group-item:first-child { border-top-right-radius: 3px; border-top-left-radius: 3px; } .list-group-item:last-child { margin-bottom: 0; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } a.list-group-item, button.list-group-item { color: #555555; } a.list-group-item .list-group-item-heading, button.list-group-item .list-group-item-heading { color: #333333; } a.list-group-item:hover, button.list-group-item:hover, a.list-group-item:focus, button.list-group-item:focus { text-decoration: none; color: #555555; background-color: #f5f5f5; } button.list-group-item { width: 100%; text-align: left; } .list-group-item.disabled, .list-group-item.disabled:hover, .list-group-item.disabled:focus { background-color: #ffffff; color: #888888; cursor: not-allowed; } .list-group-item.disabled .list-group-item-heading, .list-group-item.disabled:hover .list-group-item-heading, .list-group-item.disabled:focus .list-group-item-heading { color: inherit; } .list-group-item.disabled .list-group-item-text, .list-group-item.disabled:hover .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text { color: #888888; } .list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus { z-index: 2; color: #ffffff; background-color: #1b2531; border-color: #1b2531; } .list-group-item.active .list-group-item-heading, .list-group-item.active:hover .list-group-item-heading, .list-group-item.active:focus .list-group-item-heading, .list-group-item.active .list-group-item-heading > small, .list-group-item.active:hover .list-group-item-heading > small, .list-group-item.active:focus .list-group-item-heading > small, .list-group-item.active .list-group-item-heading > .small, .list-group-item.active:hover .list-group-item-heading > .small, .list-group-item.active:focus .list-group-item-heading > .small { color: inherit; } .list-group-item.active .list-group-item-text, .list-group-item.active:hover .list-group-item-text, .list-group-item.active:focus .list-group-item-text { color: #6b89ad; } .list-group-item-success { color: #3c763d; background-color: #dff0d8; } a.list-group-item-success, button.list-group-item-success { color: #3c763d; } a.list-group-item-success .list-group-item-heading, button.list-group-item-success .list-group-item-heading { color: inherit; } a.list-group-item-success:hover, button.list-group-item-success:hover, a.list-group-item-success:focus, button.list-group-item-success:focus { color: #3c763d; background-color: #d0e9c6; } a.list-group-item-success.active, button.list-group-item-success.active, a.list-group-item-success.active:hover, button.list-group-item-success.active:hover, a.list-group-item-success.active:focus, button.list-group-item-success.active:focus { color: #fff; background-color: #3c763d; border-color: #3c763d; } .list-group-item-info { color: #31708f; background-color: #d9edf7; } a.list-group-item-info, button.list-group-item-info { color: #31708f; } a.list-group-item-info .list-group-item-heading, button.list-group-item-info .list-group-item-heading { color: inherit; } a.list-group-item-info:hover, button.list-group-item-info:hover, a.list-group-item-info:focus, button.list-group-item-info:focus { color: #31708f; background-color: #c4e3f3; } a.list-group-item-info.active, button.list-group-item-info.active, a.list-group-item-info.active:hover, button.list-group-item-info.active:hover, a.list-group-item-info.active:focus, button.list-group-item-info.active:focus { color: #fff; background-color: #31708f; border-color: #31708f; } .list-group-item-warning { color: #8a6d3b; background-color: #fcf8e3; } a.list-group-item-warning, button.list-group-item-warning { color: #8a6d3b; } a.list-group-item-warning .list-group-item-heading, button.list-group-item-warning .list-group-item-heading { color: inherit; } a.list-group-item-warning:hover, button.list-group-item-warning:hover, a.list-group-item-warning:focus, button.list-group-item-warning:focus { color: #8a6d3b; background-color: #faf2cc; } a.list-group-item-warning.active, button.list-group-item-warning.active, a.list-group-item-warning.active:hover, button.list-group-item-warning.active:hover, a.list-group-item-warning.active:focus, button.list-group-item-warning.active:focus { color: #fff; background-color: #8a6d3b; border-color: #8a6d3b; } .list-group-item-danger { color: #a94442; background-color: #f2dede; } a.list-group-item-danger, button.list-group-item-danger { color: #a94442; } a.list-group-item-danger .list-group-item-heading, button.list-group-item-danger .list-group-item-heading { color: inherit; } a.list-group-item-danger:hover, button.list-group-item-danger:hover, a.list-group-item-danger:focus, button.list-group-item-danger:focus { color: #a94442; background-color: #ebcccc; } a.list-group-item-danger.active, button.list-group-item-danger.active, a.list-group-item-danger.active:hover, button.list-group-item-danger.active:hover, a.list-group-item-danger.active:focus, button.list-group-item-danger.active:focus { color: #fff; background-color: #a94442; border-color: #a94442; } .list-group-item-heading { margin-top: 0; margin-bottom: 5px; } .list-group-item-text { margin-bottom: 0; line-height: 1.3; } .panel { margin-bottom: 18px; background-color: #ffffff; border: 1px solid transparent; border-radius: 3px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); } .panel-body { padding: 15px; } .panel-heading { padding: 10px 15px; border-bottom: 1px solid transparent; border-top-right-radius: 2px; border-top-left-radius: 2px; } .panel-heading > .dropdown .dropdown-toggle { color: inherit; } .panel-title { margin-top: 0; margin-bottom: 0; font-size: 15px; color: inherit; } .panel-title > a, .panel-title > small, .panel-title > .small, .panel-title > small > a, .panel-title > .small > a { color: inherit; } .panel-footer { padding: 10px 15px; background-color: #f5f5f5; border-top: 1px solid #dddddd; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; } .panel > .list-group, .panel > .panel-collapse > .list-group { margin-bottom: 0; } .panel > .list-group .list-group-item, .panel > .panel-collapse > .list-group .list-group-item { border-width: 1px 0; border-radius: 0; } .panel > .list-group:first-child .list-group-item:first-child, .panel > .panel-collapse > .list-group:first-child .list-group-item:first-child { border-top: 0; border-top-right-radius: 2px; border-top-left-radius: 2px; } .panel > .list-group:last-child .list-group-item:last-child, .panel > .panel-collapse > .list-group:last-child .list-group-item:last-child { border-bottom: 0; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; } .panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child { border-top-right-radius: 0; border-top-left-radius: 0; } .panel-heading + .list-group .list-group-item:first-child { border-top-width: 0; } .list-group + .panel-footer { border-top-width: 0; } .panel > .table, .panel > .table-responsive > .table, .panel > .panel-collapse > .table { margin-bottom: 0; } .panel > .table caption, .panel > .table-responsive > .table caption, .panel > .panel-collapse > .table caption { padding-left: 15px; padding-right: 15px; } .panel > .table:first-child, .panel > .table-responsive:first-child > .table:first-child { border-top-right-radius: 2px; border-top-left-radius: 2px; } .panel > .table:first-child > thead:first-child > tr:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child { border-top-left-radius: 2px; border-top-right-radius: 2px; } .panel > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child { border-top-left-radius: 2px; } .panel > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child { border-top-right-radius: 2px; } .panel > .table:last-child, .panel > .table-responsive:last-child > .table:last-child { border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; } .panel > .table:last-child > tbody:last-child > tr:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; } .panel > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child { border-bottom-left-radius: 2px; } .panel > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child { border-bottom-right-radius: 2px; } .panel > .panel-body + .table, .panel > .panel-body + .table-responsive, .panel > .table + .panel-body, .panel > .table-responsive + .panel-body { border-top: 1px solid #dbe0e4; } .panel > .table > tbody:first-child > tr:first-child th, .panel > .table > tbody:first-child > tr:first-child td { border-top: 0; } .panel > .table-bordered, .panel > .table-responsive > .table-bordered { border: 0; } .panel > .table-bordered > thead > tr > th:first-child, .panel > .table-responsive > .table-bordered > thead > tr > th:first-child, .panel > .table-bordered > tbody > tr > th:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child, .panel > .table-bordered > tfoot > tr > th:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child, .panel > .table-bordered > thead > tr > td:first-child, .panel > .table-responsive > .table-bordered > thead > tr > td:first-child, .panel > .table-bordered > tbody > tr > td:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child, .panel > .table-bordered > tfoot > tr > td:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child { border-left: 0; } .panel > .table-bordered > thead > tr > th:last-child, .panel > .table-responsive > .table-bordered > thead > tr > th:last-child, .panel > .table-bordered > tbody > tr > th:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child, .panel > .table-bordered > tfoot > tr > th:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child, .panel > .table-bordered > thead > tr > td:last-child, .panel > .table-responsive > .table-bordered > thead > tr > td:last-child, .panel > .table-bordered > tbody > tr > td:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child, .panel > .table-bordered > tfoot > tr > td:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child { border-right: 0; } .panel > .table-bordered > thead > tr:first-child > td, .panel > .table-responsive > .table-bordered > thead > tr:first-child > td, .panel > .table-bordered > tbody > tr:first-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td, .panel > .table-bordered > thead > tr:first-child > th, .panel > .table-responsive > .table-bordered > thead > tr:first-child > th, .panel > .table-bordered > tbody > tr:first-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th { border-bottom: 0; } .panel > .table-bordered > tbody > tr:last-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td, .panel > .table-bordered > tfoot > tr:last-child > td, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td, .panel > .table-bordered > tbody > tr:last-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th, .panel > .table-bordered > tfoot > tr:last-child > th, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th { border-bottom: 0; } .panel > .table-responsive { border: 0; margin-bottom: 0; } .panel-group { margin-bottom: 18px; } .panel-group .panel { margin-bottom: 0; border-radius: 3px; } .panel-group .panel + .panel { margin-top: 5px; } .panel-group .panel-heading { border-bottom: 0; } .panel-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group { border-top: 1px solid #dddddd; } .panel-group .panel-footer { border-top: 0; } .panel-group .panel-footer + .panel-collapse .panel-body { border-bottom: 1px solid #dddddd; } .panel-default { border-color: #dddddd; } .panel-default > .panel-heading { color: #444444; background-color: #f5f5f5; border-color: #dddddd; } .panel-default > .panel-heading + .panel-collapse > .panel-body { border-top-color: #dddddd; } .panel-default > .panel-heading .badge { color: #f5f5f5; background-color: #444444; } .panel-default > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #dddddd; } .panel-primary { border-color: #1b2531; } .panel-primary > .panel-heading { color: #ffffff; background-color: #1b2531; border-color: #1b2531; } .panel-primary > .panel-heading + .panel-collapse > .panel-body { border-top-color: #1b2531; } .panel-primary > .panel-heading .badge { color: #1b2531; background-color: #ffffff; } .panel-primary > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #1b2531; } .panel-success { border-color: #d6e9c6; } .panel-success > .panel-heading { color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6; } .panel-success > .panel-heading + .panel-collapse > .panel-body { border-top-color: #d6e9c6; } .panel-success > .panel-heading .badge { color: #dff0d8; background-color: #3c763d; } .panel-success > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #d6e9c6; } .panel-info { border-color: #bce8f1; } .panel-info > .panel-heading { color: #31708f; background-color: #d9edf7; border-color: #bce8f1; } .panel-info > .panel-heading + .panel-collapse > .panel-body { border-top-color: #bce8f1; } .panel-info > .panel-heading .badge { color: #d9edf7; background-color: #31708f; } .panel-info > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #bce8f1; } .panel-warning { border-color: #faebcc; } .panel-warning > .panel-heading { color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc; } .panel-warning > .panel-heading + .panel-collapse > .panel-body { border-top-color: #faebcc; } .panel-warning > .panel-heading .badge { color: #fcf8e3; background-color: #8a6d3b; } .panel-warning > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #faebcc; } .panel-danger { border-color: #ebccd1; } .panel-danger > .panel-heading { color: #a94442; background-color: #f2dede; border-color: #ebccd1; } .panel-danger > .panel-heading + .panel-collapse > .panel-body { border-top-color: #ebccd1; } .panel-danger > .panel-heading .badge { color: #f2dede; background-color: #a94442; } .panel-danger > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #ebccd1; } .embed-responsive { position: relative; display: block; height: 0; padding: 0; overflow: hidden; } .embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; left: 0; bottom: 0; height: 100%; width: 100%; border: 0; } .embed-responsive-16by9 { padding-bottom: 56.25%; } .embed-responsive-4by3 { padding-bottom: 75%; } .well { min-height: 20px; padding: 19px; margin-bottom: 20px; background-color: #f5f5f5; border: 1px solid #e3e3e3; border-radius: 3px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); } .well blockquote { border-color: #ddd; border-color: rgba(0, 0, 0, 0.15); } .well-lg { padding: 24px; border-radius: 5px; } .well-sm { padding: 9px; border-radius: 2px; } .close { float: right; font-size: 19.5px; font-weight: bold; line-height: 1; color: #000000; text-shadow: 0 1px 0 #ffffff; opacity: 0.2; filter: alpha(opacity=20); } .close:hover, .close:focus { color: #000000; text-decoration: none; cursor: pointer; opacity: 0.5; filter: alpha(opacity=50); } button.close { padding: 0; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; } .modal-open { overflow: hidden; } .modal { display: none; overflow: hidden; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; -webkit-overflow-scrolling: touch; outline: 0; } .modal.fade .modal-dialog { -webkit-transform: translate(0, -25%); -ms-transform: translate(0, -25%); -o-transform: translate(0, -25%); transform: translate(0, -25%); -webkit-transition: -webkit-transform 0.3s ease-out; -o-transition: -o-transform 0.3s ease-out; transition: transform 0.3s ease-out; } .modal.in .modal-dialog { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } .modal-open .modal { overflow-x: hidden; overflow-y: auto; } .modal-dialog { position: relative; width: auto; margin: 10px; } .modal-content { position: relative; background-color: #ffffff; border: 1px solid #999999; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 5px; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); -webkit-background-clip: padding-box; background-clip: padding-box; outline: 0; } .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000000; } .modal-backdrop.fade { opacity: 0; filter: alpha(opacity=0); } .modal-backdrop.in { opacity: 0.5; filter: alpha(opacity=50); } .modal-header { padding: 15px; border-bottom: 1px solid #e5e5e5; } .modal-header .close { margin-top: -2px; } .modal-title { margin: 0; line-height: 1.42857143; } .modal-body { position: relative; padding: 15px; } .modal-footer { padding: 15px; text-align: right; border-top: 1px solid #e5e5e5; } .modal-footer .btn + .btn { margin-left: 5px; margin-bottom: 0; } .modal-footer .btn-group .btn + .btn { margin-left: -1px; } .modal-footer .btn-block + .btn-block { margin-left: 0; } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } @media (min-width: 768px) { .modal-dialog { width: 600px; margin: 30px auto; } .modal-content { -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); } .modal-sm { width: 300px; } } @media (min-width: 992px) { .modal-lg { width: 900px; } } .tooltip { position: absolute; z-index: 1070; display: block; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-style: normal; font-weight: normal; letter-spacing: normal; line-break: auto; line-height: 1.42857143; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; white-space: normal; word-break: normal; word-spacing: normal; word-wrap: normal; font-size: 12px; opacity: 0; filter: alpha(opacity=0); } .tooltip.in { opacity: 0.9; filter: alpha(opacity=90); } .tooltip.top { margin-top: -3px; padding: 5px 0; } .tooltip.right { margin-left: 3px; padding: 0 5px; } .tooltip.bottom { margin-top: 3px; padding: 5px 0; } .tooltip.left { margin-left: -3px; padding: 0 5px; } .tooltip-inner { max-width: 200px; padding: 3px 8px; color: #ffffff; text-align: center; background-color: #000000; border-radius: 3px; } .tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; } .tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-width: 5px 5px 0; border-top-color: #000000; } .tooltip.top-left .tooltip-arrow { bottom: 0; right: 5px; margin-bottom: -5px; border-width: 5px 5px 0; border-top-color: #000000; } .tooltip.top-right .tooltip-arrow { bottom: 0; left: 5px; margin-bottom: -5px; border-width: 5px 5px 0; border-top-color: #000000; } .tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-width: 5px 5px 5px 0; border-right-color: #000000; } .tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-width: 5px 0 5px 5px; border-left-color: #000000; } .tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-width: 0 5px 5px; border-bottom-color: #000000; } .tooltip.bottom-left .tooltip-arrow { top: 0; right: 5px; margin-top: -5px; border-width: 0 5px 5px; border-bottom-color: #000000; } .tooltip.bottom-right .tooltip-arrow { top: 0; left: 5px; margin-top: -5px; border-width: 0 5px 5px; border-bottom-color: #000000; } .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: normal; letter-spacing: normal; line-break: auto; line-height: 1.42857143; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; white-space: normal; word-break: normal; word-spacing: normal; word-wrap: normal; font-size: 13px; background-color: #ffffff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #cccccc; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 5px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); } .popover.top { margin-top: -10px; } .popover.right { margin-left: 10px; } .popover.bottom { margin-top: 10px; } .popover.left { margin-left: -10px; } .popover-title { margin: 0; padding: 8px 14px; font-size: 13px; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-radius: 4px 4px 0 0; } .popover-content { padding: 9px 14px; } .popover > .arrow, .popover > .arrow:after { position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid; } .popover > .arrow { border-width: 11px; } .popover > .arrow:after { border-width: 10px; content: ""; } .popover.top > .arrow { left: 50%; margin-left: -11px; border-bottom-width: 0; border-top-color: #999999; border-top-color: rgba(0, 0, 0, 0.25); bottom: -11px; } .popover.top > .arrow:after { content: " "; bottom: 1px; margin-left: -10px; border-bottom-width: 0; border-top-color: #ffffff; } .popover.right > .arrow { top: 50%; left: -11px; margin-top: -11px; border-left-width: 0; border-right-color: #999999; border-right-color: rgba(0, 0, 0, 0.25); } .popover.right > .arrow:after { content: " "; left: 1px; bottom: -10px; border-left-width: 0; border-right-color: #ffffff; } .popover.bottom > .arrow { left: 50%; margin-left: -11px; border-top-width: 0; border-bottom-color: #999999; border-bottom-color: rgba(0, 0, 0, 0.25); top: -11px; } .popover.bottom > .arrow:after { content: " "; top: 1px; margin-left: -10px; border-top-width: 0; border-bottom-color: #ffffff; } .popover.left > .arrow { top: 50%; right: -11px; margin-top: -11px; border-right-width: 0; border-left-color: #999999; border-left-color: rgba(0, 0, 0, 0.25); } .popover.left > .arrow:after { content: " "; right: 1px; border-right-width: 0; border-left-color: #ffffff; bottom: -10px; } .carousel { position: relative; } .carousel-inner { position: relative; overflow: hidden; width: 100%; } .carousel-inner > .item { display: none; position: relative; -webkit-transition: 0.6s ease-in-out left; -o-transition: 0.6s ease-in-out left; transition: 0.6s ease-in-out left; } .carousel-inner > .item > img, .carousel-inner > .item > a > img { line-height: 1; } @media all and (transform-3d), (-webkit-transform-3d) { .carousel-inner > .item { -webkit-transition: -webkit-transform 0.6s ease-in-out; -o-transition: -o-transform 0.6s ease-in-out; transition: transform 0.6s ease-in-out; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000px; perspective: 1000px; } .carousel-inner > .item.next, .carousel-inner > .item.active.right { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); left: 0; } .carousel-inner > .item.prev, .carousel-inner > .item.active.left { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); left: 0; } .carousel-inner > .item.next.left, .carousel-inner > .item.prev.right, .carousel-inner > .item.active { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); left: 0; } } .carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev { display: block; } .carousel-inner > .active { left: 0; } .carousel-inner > .next, .carousel-inner > .prev { position: absolute; top: 0; width: 100%; } .carousel-inner > .next { left: 100%; } .carousel-inner > .prev { left: -100%; } .carousel-inner > .next.left, .carousel-inner > .prev.right { left: 0; } .carousel-inner > .active.left { left: -100%; } .carousel-inner > .active.right { left: 100%; } .carousel-control { position: absolute; top: 0; left: 0; bottom: 0; width: 15%; opacity: 0.5; filter: alpha(opacity=50); font-size: 20px; color: #ffffff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); background-color: rgba(0, 0, 0, 0); } .carousel-control.left { background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); background-image: -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%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1); } .carousel-control.right { left: auto; right: 0; background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); background-image: -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%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1); } .carousel-control:hover, .carousel-control:focus { outline: 0; color: #ffffff; text-decoration: none; opacity: 0.9; filter: alpha(opacity=90); } .carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right { position: absolute; top: 50%; margin-top: -10px; z-index: 5; display: inline-block; } .carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left { left: 50%; margin-left: -10px; } .carousel-control .icon-next, .carousel-control .glyphicon-chevron-right { right: 50%; margin-right: -10px; } .carousel-control .icon-prev, .carousel-control .icon-next { width: 20px; height: 20px; line-height: 1; font-family: serif; } .carousel-control .icon-prev:before { content: '\2039'; } .carousel-control .icon-next:before { content: '\203a'; } .carousel-indicators { position: absolute; bottom: 10px; left: 50%; z-index: 15; width: 60%; margin-left: -30%; padding-left: 0; list-style: none; text-align: center; } .carousel-indicators li { display: inline-block; width: 10px; height: 10px; margin: 1px; text-indent: -999px; border: 1px solid #ffffff; border-radius: 10px; cursor: pointer; background-color: #000 \9; background-color: rgba(0, 0, 0, 0); } .carousel-indicators .active { margin: 0; width: 12px; height: 12px; background-color: #ffffff; } .carousel-caption { position: absolute; left: 15%; right: 15%; bottom: 20px; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #ffffff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } .carousel-caption .btn { text-shadow: none; } @media screen and (min-width: 768px) { .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next { width: 30px; height: 30px; margin-top: -10px; font-size: 30px; } .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev { margin-left: -10px; } .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next { margin-right: -10px; } .carousel-caption { left: 20%; right: 20%; padding-bottom: 30px; } .carousel-indicators { bottom: 20px; } } .clearfix:before, .clearfix:after, .dl-horizontal dd:before, .dl-horizontal dd:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .btn-toolbar:before, .btn-toolbar:after, .btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after, .nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after, .pager:before, .pager:after, .panel-body:before, .panel-body:after, .modal-header:before, .modal-header:after, .modal-footer:before, .modal-footer:after { content: " "; display: table; } .clearfix:after, .dl-horizontal dd:after, .container:after, .container-fluid:after, .row:after, .form-horizontal .form-group:after, .btn-toolbar:after, .btn-group-vertical > .btn-group:after, .nav:after, .navbar:after, .navbar-header:after, .navbar-collapse:after, .pager:after, .panel-body:after, .modal-header:after, .modal-footer:after { clear: both; } .center-block { display: block; margin-left: auto; margin-right: auto; } .pull-right { float: right !important; } .pull-left { float: left !important; } .hide { display: none !important; } .show { display: block !important; } .invisible { visibility: hidden; } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .hidden { display: none !important; } .affix { position: fixed; } @-ms-viewport { width: device-width; } .visible-xs, .visible-sm, .visible-md, .visible-lg { display: none !important; } .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block { display: none !important; } @media (max-width: 767px) { .visible-xs { display: block !important; } table.visible-xs { display: table !important; } tr.visible-xs { display: table-row !important; } th.visible-xs, td.visible-xs { display: table-cell !important; } } @media (max-width: 767px) { .visible-xs-block { display: block !important; } } @media (max-width: 767px) { .visible-xs-inline { display: inline !important; } } @media (max-width: 767px) { .visible-xs-inline-block { display: inline-block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm { display: block !important; } table.visible-sm { display: table !important; } tr.visible-sm { display: table-row !important; } th.visible-sm, td.visible-sm { display: table-cell !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-block { display: block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline { display: inline !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline-block { display: inline-block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md { display: block !important; } table.visible-md { display: table !important; } tr.visible-md { display: table-row !important; } th.visible-md, td.visible-md { display: table-cell !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-block { display: block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline { display: inline !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline-block { display: inline-block !important; } } @media (min-width: 1200px) { .visible-lg { display: block !important; } table.visible-lg { display: table !important; } tr.visible-lg { display: table-row !important; } th.visible-lg, td.visible-lg { display: table-cell !important; } } @media (min-width: 1200px) { .visible-lg-block { display: block !important; } } @media (min-width: 1200px) { .visible-lg-inline { display: inline !important; } } @media (min-width: 1200px) { .visible-lg-inline-block { display: inline-block !important; } } @media (max-width: 767px) { .hidden-xs { display: none !important; } } @media (min-width: 768px) and (max-width: 991px) { .hidden-sm { display: none !important; } } @media (min-width: 992px) and (max-width: 1199px) { .hidden-md { display: none !important; } } @media (min-width: 1200px) { .hidden-lg { display: none !important; } } .visible-print { display: none !important; } @media print { .visible-print { display: block !important; } table.visible-print { display: table !important; } tr.visible-print { display: table-row !important; } th.visible-print, td.visible-print { display: table-cell !important; } } .visible-print-block { display: none !important; } @media print { .visible-print-block { display: block !important; } } .visible-print-inline { display: none !important; } @media print { .visible-print-inline { display: inline !important; } } .visible-print-inline-block { display: none !important; } @media print { .visible-print-inline-block { display: inline-block !important; } } @media print { .hidden-print { display: none !important; } } @font-face { font-family: 'linearicons'; src: url('fonts/Linearicons-Free.eot?w118d'); src: url('fonts/Linearicons-Free.eot?#iefixw118d') format('embedded-opentype'), url('fonts/Linearicons-Free.woff2?w118d') format('woff2'), url('fonts/Linearicons-Free.woff?w118d') format('woff'), url('fonts/Linearicons-Free.ttf?w118d') format('truetype'), url('fonts/Linearicons-Free.svg?w118d#Linearicons-Free') format('svg'); font-weight: normal; font-style: normal; } [class^="icon-"], [class*=" icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'linearicons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-home:before { content: "\e800"; } .icon-apartment:before { content: "\e801"; } .icon-pencil:before { content: "\e802"; } .icon-magic-wand:before { content: "\e803"; } .icon-drop:before { content: "\e804"; } .icon-lighter:before { content: "\e805"; } .icon-poop:before { content: "\e806"; } .icon-sun:before { content: "\e807"; } .icon-moon:before { content: "\e808"; } .icon-cloud:before { content: "\e809"; } .icon-cloud-upload:before { content: "\e80a"; } .icon-cloud-download:before { content: "\e80b"; } .icon-cloud-sync:before { content: "\e80c"; } .icon-cloud-check:before { content: "\e80d"; } .icon-database:before { content: "\e80e"; } .icon-lock:before { content: "\e80f"; } .icon-cog:before { content: "\e810"; } .icon-trash:before { content: "\e811"; } .icon-dice:before { content: "\e812"; } .icon-heart:before { content: "\e813"; } .icon-star:before { content: "\e814"; } .icon-star-half:before { content: "\e815"; } .icon-star-empty:before { content: "\e816"; } .icon-flag:before { content: "\e817"; } .icon-envelope:before { content: "\e818"; } .icon-paperclip:before { content: "\e819"; } .icon-inbox:before { content: "\e81a"; } .icon-eye:before { content: "\e81b"; } .icon-printer:before { content: "\e81c"; } .icon-file-empty:before { content: "\e81d"; } .icon-file-add:before { content: "\e81e"; } .icon-enter:before { content: "\e81f"; } .icon-exit:before { content: "\e820"; } .icon-graduation-hat:before { content: "\e821"; } .icon-license:before { content: "\e822"; } .icon-music-note:before { content: "\e823"; } .icon-film-play:before { content: "\e824"; } .icon-camera-video:before { content: "\e825"; } .icon-camera:before { content: "\e826"; } .icon-picture:before { content: "\e827"; } .icon-book:before { content: "\e828"; } .icon-bookmark:before { content: "\e829"; } .icon-user:before { content: "\e82a"; } .icon-users:before { content: "\e82b"; } .icon-shirt:before { content: "\e82c"; } .icon-store:before { content: "\e82d"; } .icon-cart:before { content: "\e82e"; } .icon-tag:before { content: "\e82f"; } .icon-phone-handset:before { content: "\e830"; } .icon-phone:before { content: "\e831"; } .icon-pushpin:before { content: "\e832"; } .icon-map-marker:before { content: "\e833"; } .icon-map:before { content: "\e834"; } .icon-location:before { content: "\e835"; } .icon-calendar-full:before { content: "\e836"; } .icon-keyboard:before { content: "\e837"; } .icon-spell-check:before { content: "\e838"; } .icon-screen:before { content: "\e839"; } .icon-smartphone:before { content: "\e83a"; } .icon-tablet:before { content: "\e83b"; } .icon-laptop:before { content: "\e83c"; } .icon-laptop-phone:before { content: "\e83d"; } .icon-power-switch:before { content: "\e83e"; } .icon-bubble:before { content: "\e83f"; } .icon-heart-pulse:before { content: "\e840"; } .icon-construction:before { content: "\e841"; } .icon-pie-chart:before { content: "\e842"; } .icon-chart-bars:before { content: "\e843"; } .icon-gift:before { content: "\e844"; } .icon-diamond:before { content: "\e845"; } .icon-linearicons:before { content: "\e846"; } .icon-dinner:before { content: "\e847"; } .icon-coffee-cup:before { content: "\e848"; } .icon-leaf:before { content: "\e849"; } .icon-paw:before { content: "\e84a"; } .icon-rocket:before { content: "\e84b"; } .icon-briefcase:before { content: "\e84c"; } .icon-bus:before { content: "\e84d"; } .icon-car:before { content: "\e84e"; } .icon-train:before { content: "\e84f"; } .icon-bicycle:before { content: "\e850"; } .icon-wheelchair:before { content: "\e851"; } .icon-select:before { content: "\e852"; } .icon-earth:before { content: "\e853"; } .icon-smile:before { content: "\e854"; } .icon-sad:before { content: "\e855"; } .icon-neutral:before { content: "\e856"; } .icon-mustache:before { content: "\e857"; } .icon-alarm:before { content: "\e858"; } .icon-bullhorn:before { content: "\e859"; } .icon-volume-high:before { content: "\e85a"; } .icon-volume-medium:before { content: "\e85b"; } .icon-volume-low:before { content: "\e85c"; } .icon-volume:before { content: "\e85d"; } .icon-mic:before { content: "\e85e"; } .icon-hourglass:before { content: "\e85f"; } .icon-undo:before { content: "\e860"; } .icon-redo:before { content: "\e861"; } .icon-sync:before { content: "\e862"; } .icon-history:before { content: "\e863"; } .icon-clock:before { content: "\e864"; } .icon-download:before { content: "\e865"; } .icon-upload:before { content: "\e866"; } .icon-enter-down:before { content: "\e867"; } .icon-exit-up:before { content: "\e868"; } .icon-bug:before { content: "\e869"; } .icon-code:before { content: "\e86a"; } .icon-link:before { content: "\e86b"; } .icon-unlink:before { content: "\e86c"; } .icon-thumbs-up:before { content: "\e86d"; } .icon-thumbs-down:before { content: "\e86e"; } .icon-magnifier:before { content: "\e86f"; } .icon-cross:before { content: "\e870"; } .icon-menu:before { content: "\e871"; } .icon-list:before { content: "\e872"; } .icon-chevron-up:before { content: "\e873"; } .icon-chevron-down:before { content: "\e874"; } .icon-chevron-left:before { content: "\e875"; } .icon-chevron-right:before { content: "\e876"; } .icon-arrow-up:before { content: "\e877"; } .icon-arrow-down:before { content: "\e878"; } .icon-arrow-left:before { content: "\e879"; } .icon-arrow-right:before { content: "\e87a"; } .icon-move:before { content: "\e87b"; } .icon-warning:before { content: "\e87c"; } .icon-question-circle:before { content: "\e87d"; } .icon-menu-circle:before { content: "\e87e"; } .icon-checkmark-circle:before { content: "\e87f"; } .icon-cross-circle:before { content: "\e880"; } .icon-plus-circle:before { content: "\e881"; } .icon-circle-minus:before { content: "\e882"; } .icon-arrow-up-circle:before { content: "\e883"; } .icon-arrow-down-circle:before { content: "\e884"; } .icon-arrow-left-circle:before { content: "\e885"; } .icon-arrow-right-circle:before { content: "\e886"; } .icon-chevron-up-circle:before { content: "\e887"; } .icon-chevron-down-circle:before { content: "\e888"; } .icon-chevron-left-circle:before { content: "\e889"; } .icon-chevron-right-circle:before { content: "\e88a"; } .icon-crop:before { content: "\e88b"; } .icon-frame-expand:before { content: "\e88c"; } .icon-frame-contract:before { content: "\e88d"; } .icon-layers:before { content: "\e88e"; } .icon-funnel:before { content: "\e88f"; } .icon-text-format:before { content: "\e890"; } .icon-text-format-remove:before { content: "\e891"; } .icon-text-size:before { content: "\e892"; } .icon-bold:before { content: "\e893"; } .icon-italic:before { content: "\e894"; } .icon-underline:before { content: "\e895"; } .icon-strikethrough:before { content: "\e896"; } .icon-highlight:before { content: "\e897"; } .icon-text-align-left:before { content: "\e898"; } .icon-text-align-center:before { content: "\e899"; } .icon-text-align-right:before { content: "\e89a"; } .icon-text-align-justify:before { content: "\e89b"; } .icon-line-spacing:before { content: "\e89c"; } .icon-indent-increase:before { content: "\e89d"; } .icon-indent-decrease:before { content: "\e89e"; } .icon-pilcrow:before { content: "\e89f"; } .icon-direction-ltr:before { content: "\e8a0"; } .icon-direction-rtl:before { content: "\e8a1"; } .icon-page-break:before { content: "\e8a2"; } .icon-sort-alpha-asc:before { content: "\e8a3"; } .icon-sort-amount-asc:before { content: "\e8a4"; } .icon-hand:before { content: "\e8a5"; } .icon-pointer-up:before { content: "\e8a6"; } .icon-pointer-right:before { content: "\e8a7"; } .icon-pointer-down:before { content: "\e8a8"; } .icon-pointer-left:before { content: "\e8a9"; } /*! * Font Awesome 4.6.1 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */ /* FONT PATH * -------------------------- */ @font-face { font-family: 'FontAwesome'; src: url('fonts/fontawesome-webfont.eot?v=4.6.1'); src: url('fonts/fontawesome-webfont.eot?#iefix&v=4.6.1') format('embedded-opentype'), url('fonts/fontawesome-webfont.woff2?v=4.6.1') format('woff2'), url('fonts/fontawesome-webfont.woff?v=4.6.1') format('woff'), url('fonts/fontawesome-webfont.ttf?v=4.6.1') format('truetype'), url('fonts/fontawesome-webfont.svg?v=4.6.1#fontawesomeregular') format('svg'); font-weight: normal; font-style: normal; } .fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* makes the font 33% larger relative to the icon container */ .fa-lg { font-size: 1.33333333em; line-height: 0.75em; vertical-align: -15%; } .fa-2xs { font-size: 0.625em; } .fa-xs { font-size: 0.75em; } .fa-sm { font-size: 0.875em; } .fa-2x { font-size: 2em; } .fa-3x { font-size: 3em; } .fa-4x { font-size: 4em; } .fa-5x { font-size: 5em; } .fa-fw { width: 1.28571429em; text-align: center; } .fa-ul { padding-left: 0; margin-left: 2.14285714em; list-style-type: none; } .fa-ul > li { position: relative; } .fa-li { position: absolute; left: -2.14285714em; width: 2.14285714em; top: 0.14285714em; text-align: center; } .fa-li.fa-lg { left: -1.85714286em; } .fa-border { padding: .2em .25em .15em; border: solid 0.08em #eee; border-radius: .1em; } .fa-pull-left { float: left; } .fa-pull-right { float: right; } .fa.fa-pull-left { margin-right: .3em; } .fa.fa-pull-right { margin-left: .3em; } /* Deprecated as of 4.4.0 */ .pull-right { float: right; } .pull-left { float: left; } .fa.pull-left { margin-right: .3em; } .fa.pull-right { margin-left: .3em; } .fa-spin { -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; } .fa-pulse { -webkit-animation: fa-spin 1s infinite steps(8); animation: fa-spin 1s infinite steps(8); } @-webkit-keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } .fa-rotate-90 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .fa-rotate-180 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .fa-rotate-270 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } .fa-flip-horizontal { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"; -webkit-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1); } .fa-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; -webkit-transform: scale(1, -1); -ms-transform: scale(1, -1); transform: scale(1, -1); } :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical { filter: none; } .fa-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle; } .fa-stack-1x, .fa-stack-2x { position: absolute; left: 0; width: 100%; text-align: center; } .fa-stack-1x { line-height: inherit; } .fa-stack-2x { font-size: 2em; } .fa-inverse { color: #fff; } /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */ .fa-glass:before { content: "\f000"; } .fa-music:before { content: "\f001"; } .fa-search:before { content: "\f002"; } .fa-envelope-o:before { content: "\f003"; } .fa-heart:before { content: "\f004"; } .fa-star:before { content: "\f005"; } .fa-star-o:before { content: "\f006"; } .fa-user:before { content: "\f007"; } .fa-film:before { content: "\f008"; } .fa-th-large:before { content: "\f009"; } .fa-th:before { content: "\f00a"; } .fa-th-list:before { content: "\f00b"; } .fa-check:before { content: "\f00c"; } .fa-remove:before, .fa-close:before, .fa-times:before { content: "\f00d"; } .fa-search-plus:before { content: "\f00e"; } .fa-search-minus:before { content: "\f010"; } .fa-power-off:before { content: "\f011"; } .fa-signal:before { content: "\f012"; } .fa-gear:before, .fa-cog:before { content: "\f013"; } .fa-trash-o:before { content: "\f014"; } .fa-home:before { content: "\f015"; } .fa-file-o:before { content: "\f016"; } .fa-clock-o:before { content: "\f017"; } .fa-road:before { content: "\f018"; } .fa-download:before { content: "\f019"; } .fa-arrow-circle-o-down:before { content: "\f01a"; } .fa-arrow-circle-o-up:before { content: "\f01b"; } .fa-inbox:before { content: "\f01c"; } .fa-play-circle-o:before { content: "\f01d"; } .fa-rotate-right:before, .fa-repeat:before { content: "\f01e"; } .fa-refresh:before { content: "\f021"; } .fa-list-alt:before { content: "\f022"; } .fa-lock:before { content: "\f023"; } .fa-flag:before { content: "\f024"; } .fa-headphones:before { content: "\f025"; } .fa-volume-off:before { content: "\f026"; } .fa-volume-down:before { content: "\f027"; } .fa-volume-up:before { content: "\f028"; } .fa-qrcode:before { content: "\f029"; } .fa-barcode:before { content: "\f02a"; } .fa-tag:before { content: "\f02b"; } .fa-tags:before { content: "\f02c"; } .fa-book:before { content: "\f02d"; } .fa-bookmark:before { content: "\f02e"; } .fa-print:before { content: "\f02f"; } .fa-camera:before { content: "\f030"; } .fa-font:before { content: "\f031"; } .fa-bold:before { content: "\f032"; } .fa-italic:before { content: "\f033"; } .fa-text-height:before { content: "\f034"; } .fa-text-width:before { content: "\f035"; } .fa-align-left:before { content: "\f036"; } .fa-align-center:before { content: "\f037"; } .fa-align-right:before { content: "\f038"; } .fa-align-justify:before { content: "\f039"; } .fa-list:before { content: "\f03a"; } .fa-dedent:before, .fa-outdent:before { content: "\f03b"; } .fa-indent:before { content: "\f03c"; } .fa-video-camera:before { content: "\f03d"; } .fa-photo:before, .fa-image:before, .fa-picture-o:before { content: "\f03e"; } .fa-pencil:before { content: "\f040"; } .fa-map-marker:before { content: "\f041"; } .fa-adjust:before { content: "\f042"; } .fa-tint:before { content: "\f043"; } .fa-edit:before, .fa-pencil-square-o:before { content: "\f044"; } .fa-share-square-o:before { content: "\f045"; } .fa-check-square-o:before { content: "\f046"; } .fa-arrows:before { content: "\f047"; } .fa-step-backward:before { content: "\f048"; } .fa-fast-backward:before { content: "\f049"; } .fa-backward:before { content: "\f04a"; } .fa-play:before { content: "\f04b"; } .fa-pause:before { content: "\f04c"; } .fa-stop:before { content: "\f04d"; } .fa-forward:before { content: "\f04e"; } .fa-fast-forward:before { content: "\f050"; } .fa-step-forward:before { content: "\f051"; } .fa-eject:before { content: "\f052"; } .fa-chevron-left:before { content: "\f053"; } .fa-chevron-right:before { content: "\f054"; } .fa-plus-circle:before { content: "\f055"; } .fa-minus-circle:before { content: "\f056"; } .fa-times-circle:before { content: "\f057"; } .fa-check-circle:before { content: "\f058"; } .fa-question-circle:before { content: "\f059"; } .fa-info-circle:before { content: "\f05a"; } .fa-crosshairs:before { content: "\f05b"; } .fa-times-circle-o:before { content: "\f05c"; } .fa-check-circle-o:before { content: "\f05d"; } .fa-ban:before { content: "\f05e"; } .fa-arrow-left:before { content: "\f060"; } .fa-arrow-right:before { content: "\f061"; } .fa-arrow-up:before { content: "\f062"; } .fa-arrow-down:before { content: "\f063"; } .fa-mail-forward:before, .fa-share:before { content: "\f064"; } .fa-expand:before { content: "\f065"; } .fa-compress:before { content: "\f066"; } .fa-plus:before { content: "\f067"; } .fa-minus:before { content: "\f068"; } .fa-asterisk:before { content: "\f069"; } .fa-exclamation-circle:before { content: "\f06a"; } .fa-gift:before { content: "\f06b"; } .fa-leaf:before { content: "\f06c"; } .fa-fire:before { content: "\f06d"; } .fa-eye:before { content: "\f06e"; } .fa-eye-slash:before { content: "\f070"; } .fa-warning:before, .fa-exclamation-triangle:before { content: "\f071"; } .fa-plane:before { content: "\f072"; } .fa-calendar:before { content: "\f073"; } .fa-random:before { content: "\f074"; } .fa-comment:before { content: "\f075"; } .fa-magnet:before { content: "\f076"; } .fa-chevron-up:before { content: "\f077"; } .fa-chevron-down:before { content: "\f078"; } .fa-retweet:before { content: "\f079"; } .fa-shopping-cart:before { content: "\f07a"; } .fa-folder:before { content: "\f07b"; } .fa-folder-open:before { content: "\f07c"; } .fa-arrows-v:before { content: "\f07d"; } .fa-arrows-h:before { content: "\f07e"; } .fa-bar-chart-o:before, .fa-bar-chart:before { content: "\f080"; } .fa-twitter-square:before { content: "\f081"; } .fa-facebook-square:before { content: "\f082"; } .fa-camera-retro:before { content: "\f083"; } .fa-key:before { content: "\f084"; } .fa-gears:before, .fa-cogs:before { content: "\f085"; } .fa-comments:before { content: "\f086"; } .fa-thumbs-o-up:before { content: "\f087"; } .fa-thumbs-o-down:before { content: "\f088"; } .fa-star-half:before { content: "\f089"; } .fa-heart-o:before { content: "\f08a"; } .fa-sign-out:before { content: "\f08b"; } .fa-linkedin-square:before { content: "\f08c"; } .fa-thumb-tack:before { content: "\f08d"; } .fa-external-link:before { content: "\f08e"; } .fa-sign-in:before { content: "\f090"; } .fa-trophy:before { content: "\f091"; } .fa-github-square:before { content: "\f092"; } .fa-upload:before { content: "\f093"; } .fa-lemon-o:before { content: "\f094"; } .fa-phone:before { content: "\f095"; } .fa-square-o:before { content: "\f096"; } .fa-bookmark-o:before { content: "\f097"; } .fa-phone-square:before { content: "\f098"; } .fa-twitter:before { content: "\f099"; } .fa-facebook-f:before, .fa-facebook:before { content: "\f09a"; } .fa-github:before { content: "\f09b"; } .fa-unlock:before { content: "\f09c"; } .fa-credit-card:before { content: "\f09d"; } .fa-feed:before, .fa-rss:before { content: "\f09e"; } .fa-hdd-o:before { content: "\f0a0"; } .fa-bullhorn:before { content: "\f0a1"; } .fa-bell:before { content: "\f0f3"; } .fa-certificate:before { content: "\f0a3"; } .fa-hand-o-right:before { content: "\f0a4"; } .fa-hand-o-left:before { content: "\f0a5"; } .fa-hand-o-up:before { content: "\f0a6"; } .fa-hand-o-down:before { content: "\f0a7"; } .fa-arrow-circle-left:before { content: "\f0a8"; } .fa-arrow-circle-right:before { content: "\f0a9"; } .fa-arrow-circle-up:before { content: "\f0aa"; } .fa-arrow-circle-down:before { content: "\f0ab"; } .fa-globe:before { content: "\f0ac"; } .fa-wrench:before { content: "\f0ad"; } .fa-tasks:before { content: "\f0ae"; } .fa-filter:before { content: "\f0b0"; } .fa-briefcase:before { content: "\f0b1"; } .fa-arrows-alt:before { content: "\f0b2"; } .fa-group:before, .fa-users:before { content: "\f0c0"; } .fa-chain:before, .fa-link:before { content: "\f0c1"; } .fa-cloud:before { content: "\f0c2"; } .fa-flask:before { content: "\f0c3"; } .fa-cut:before, .fa-scissors:before { content: "\f0c4"; } .fa-copy:before, .fa-files-o:before { content: "\f0c5"; } .fa-paperclip:before { content: "\f0c6"; } .fa-save:before, .fa-floppy-o:before { content: "\f0c7"; } .fa-square:before { content: "\f0c8"; } .fa-navicon:before, .fa-reorder:before, .fa-bars:before { content: "\f0c9"; } .fa-list-ul:before { content: "\f0ca"; } .fa-list-ol:before { content: "\f0cb"; } .fa-strikethrough:before { content: "\f0cc"; } .fa-underline:before { content: "\f0cd"; } .fa-table:before { content: "\f0ce"; } .fa-magic:before { content: "\f0d0"; } .fa-truck:before { content: "\f0d1"; } .fa-pinterest:before { content: "\f0d2"; } .fa-pinterest-square:before { content: "\f0d3"; } .fa-google-plus-square:before { content: "\f0d4"; } .fa-google-plus:before { content: "\f0d5"; } .fa-money:before { content: "\f0d6"; } .fa-caret-down:before { content: "\f0d7"; } .fa-caret-up:before { content: "\f0d8"; } .fa-caret-left:before { content: "\f0d9"; } .fa-caret-right:before { content: "\f0da"; } .fa-columns:before { content: "\f0db"; } .fa-unsorted:before, .fa-sort:before { content: "\f0dc"; } .fa-sort-down:before, .fa-sort-desc:before { content: "\f0dd"; } .fa-sort-up:before, .fa-sort-asc:before { content: "\f0de"; } .fa-envelope:before { content: "\f0e0"; } .fa-linkedin:before { content: "\f0e1"; } .fa-rotate-left:before, .fa-undo:before { content: "\f0e2"; } .fa-legal:before, .fa-gavel:before { content: "\f0e3"; } .fa-dashboard:before, .fa-tachometer:before { content: "\f0e4"; } .fa-comment-o:before { content: "\f0e5"; } .fa-comments-o:before { content: "\f0e6"; } .fa-flash:before, .fa-bolt:before { content: "\f0e7"; } .fa-sitemap:before { content: "\f0e8"; } .fa-umbrella:before { content: "\f0e9"; } .fa-paste:before, .fa-clipboard:before { content: "\f0ea"; } .fa-lightbulb-o:before { content: "\f0eb"; } .fa-exchange:before { content: "\f0ec"; } .fa-cloud-download:before { content: "\f0ed"; } .fa-cloud-upload:before { content: "\f0ee"; } .fa-user-md:before { content: "\f0f0"; } .fa-stethoscope:before { content: "\f0f1"; } .fa-suitcase:before { content: "\f0f2"; } .fa-bell-o:before { content: "\f0a2"; } .fa-coffee:before { content: "\f0f4"; } .fa-cutlery:before { content: "\f0f5"; } .fa-file-text-o:before { content: "\f0f6"; } .fa-building-o:before { content: "\f0f7"; } .fa-hospital-o:before { content: "\f0f8"; } .fa-ambulance:before { content: "\f0f9"; } .fa-medkit:before { content: "\f0fa"; } .fa-fighter-jet:before { content: "\f0fb"; } .fa-beer:before { content: "\f0fc"; } .fa-h-square:before { content: "\f0fd"; } .fa-plus-square:before { content: "\f0fe"; } .fa-angle-double-left:before { content: "\f100"; } .fa-angle-double-right:before { content: "\f101"; } .fa-angle-double-up:before { content: "\f102"; } .fa-angle-double-down:before { content: "\f103"; } .fa-angle-left:before { content: "\f104"; } .fa-angle-right:before { content: "\f105"; } .fa-angle-up:before { content: "\f106"; } .fa-angle-down:before { content: "\f107"; } .fa-desktop:before { content: "\f108"; } .fa-laptop:before { content: "\f109"; } .fa-tablet:before { content: "\f10a"; } .fa-mobile-phone:before, .fa-mobile:before { content: "\f10b"; } .fa-circle-o:before { content: "\f10c"; } .fa-quote-left:before { content: "\f10d"; } .fa-quote-right:before { content: "\f10e"; } .fa-spinner:before { content: "\f110"; } .fa-circle:before { content: "\f111"; } .fa-mail-reply:before, .fa-reply:before { content: "\f112"; } .fa-github-alt:before { content: "\f113"; } .fa-folder-o:before { content: "\f114"; } .fa-folder-open-o:before { content: "\f115"; } .fa-smile-o:before { content: "\f118"; } .fa-frown-o:before { content: "\f119"; } .fa-meh-o:before { content: "\f11a"; } .fa-gamepad:before { content: "\f11b"; } .fa-keyboard-o:before { content: "\f11c"; } .fa-flag-o:before { content: "\f11d"; } .fa-flag-checkered:before { content: "\f11e"; } .fa-terminal:before { content: "\f120"; } .fa-code:before { content: "\f121"; } .fa-mail-reply-all:before, .fa-reply-all:before { content: "\f122"; } .fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before { content: "\f123"; } .fa-location-arrow:before { content: "\f124"; } .fa-crop:before { content: "\f125"; } .fa-code-fork:before { content: "\f126"; } .fa-unlink:before, .fa-chain-broken:before { content: "\f127"; } .fa-question:before { content: "\f128"; } .fa-info:before { content: "\f129"; } .fa-exclamation:before { content: "\f12a"; } .fa-superscript:before { content: "\f12b"; } .fa-subscript:before { content: "\f12c"; } .fa-eraser:before { content: "\f12d"; } .fa-puzzle-piece:before { content: "\f12e"; } .fa-microphone:before { content: "\f130"; } .fa-microphone-slash:before { content: "\f131"; } .fa-shield:before { content: "\f132"; } .fa-calendar-o:before { content: "\f133"; } .fa-fire-extinguisher:before { content: "\f134"; } .fa-rocket:before { content: "\f135"; } .fa-maxcdn:before { content: "\f136"; } .fa-chevron-circle-left:before { content: "\f137"; } .fa-chevron-circle-right:before { content: "\f138"; } .fa-chevron-circle-up:before { content: "\f139"; } .fa-chevron-circle-down:before { content: "\f13a"; } .fa-html5:before { content: "\f13b"; } .fa-css3:before { content: "\f13c"; } .fa-anchor:before { content: "\f13d"; } .fa-unlock-alt:before { content: "\f13e"; } .fa-bullseye:before { content: "\f140"; } .fa-ellipsis-h:before { content: "\f141"; } .fa-ellipsis-v:before { content: "\f142"; } .fa-rss-square:before { content: "\f143"; } .fa-play-circle:before { content: "\f144"; } .fa-ticket:before { content: "\f145"; } .fa-minus-square:before { content: "\f146"; } .fa-minus-square-o:before { content: "\f147"; } .fa-level-up:before { content: "\f148"; } .fa-level-down:before { content: "\f149"; } .fa-check-square:before { content: "\f14a"; } .fa-pencil-square:before { content: "\f14b"; } .fa-external-link-square:before { content: "\f14c"; } .fa-share-square:before { content: "\f14d"; } .fa-compass:before { content: "\f14e"; } .fa-toggle-down:before, .fa-caret-square-o-down:before { content: "\f150"; } .fa-toggle-up:before, .fa-caret-square-o-up:before { content: "\f151"; } .fa-toggle-right:before, .fa-caret-square-o-right:before { content: "\f152"; } .fa-euro:before, .fa-eur:before { content: "\f153"; } .fa-gbp:before { content: "\f154"; } .fa-dollar:before, .fa-usd:before { content: "\f155"; } .fa-rupee:before, .fa-inr:before { content: "\f156"; } .fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before { content: "\f157"; } .fa-ruble:before, .fa-rouble:before, .fa-rub:before { content: "\f158"; } .fa-won:before, .fa-krw:before { content: "\f159"; } .fa-bitcoin:before, .fa-btc:before { content: "\f15a"; } .fa-file:before { content: "\f15b"; } .fa-file-text:before { content: "\f15c"; } .fa-sort-alpha-asc:before { content: "\f15d"; } .fa-sort-alpha-desc:before { content: "\f15e"; } .fa-sort-amount-asc:before { content: "\f160"; } .fa-sort-amount-desc:before { content: "\f161"; } .fa-sort-numeric-asc:before { content: "\f162"; } .fa-sort-numeric-desc:before { content: "\f163"; } .fa-thumbs-up:before { content: "\f164"; } .fa-thumbs-down:before { content: "\f165"; } .fa-youtube-square:before { content: "\f166"; } .fa-youtube:before { content: "\f167"; } .fa-xing:before { content: "\f168"; } .fa-xing-square:before { content: "\f169"; } .fa-youtube-play:before { content: "\f16a"; } .fa-dropbox:before { content: "\f16b"; } .fa-stack-overflow:before { content: "\f16c"; } .fa-instagram:before { content: "\f16d"; } .fa-flickr:before { content: "\f16e"; } .fa-adn:before { content: "\f170"; } .fa-bitbucket:before { content: "\f171"; } .fa-bitbucket-square:before { content: "\f172"; } .fa-tumblr:before { content: "\f173"; } .fa-tumblr-square:before { content: "\f174"; } .fa-long-arrow-down:before { content: "\f175"; } .fa-long-arrow-up:before { content: "\f176"; } .fa-long-arrow-left:before { content: "\f177"; } .fa-long-arrow-right:before { content: "\f178"; } .fa-apple:before { content: "\f179"; } .fa-windows:before { content: "\f17a"; } .fa-android:before { content: "\f17b"; } .fa-linux:before { content: "\f17c"; } .fa-dribbble:before { content: "\f17d"; } .fa-skype:before { content: "\f17e"; } .fa-foursquare:before { content: "\f180"; } .fa-trello:before { content: "\f181"; } .fa-female:before { content: "\f182"; } .fa-male:before { content: "\f183"; } .fa-gittip:before, .fa-gratipay:before { content: "\f184"; } .fa-sun-o:before { content: "\f185"; } .fa-moon-o:before { content: "\f186"; } .fa-archive:before { content: "\f187"; } .fa-bug:before { content: "\f188"; } .fa-vk:before { content: "\f189"; } .fa-weibo:before { content: "\f18a"; } .fa-renren:before { content: "\f18b"; } .fa-pagelines:before { content: "\f18c"; } .fa-stack-exchange:before { content: "\f18d"; } .fa-arrow-circle-o-right:before { content: "\f18e"; } .fa-arrow-circle-o-left:before { content: "\f190"; } .fa-toggle-left:before, .fa-caret-square-o-left:before { content: "\f191"; } .fa-dot-circle-o:before { content: "\f192"; } .fa-wheelchair:before { content: "\f193"; } .fa-vimeo-square:before { content: "\f194"; } .fa-turkish-lira:before, .fa-try:before { content: "\f195"; } .fa-plus-square-o:before { content: "\f196"; } .fa-space-shuttle:before { content: "\f197"; } .fa-slack:before { content: "\f198"; } .fa-envelope-square:before { content: "\f199"; } .fa-wordpress:before { content: "\f19a"; } .fa-openid:before { content: "\f19b"; } .fa-institution:before, .fa-bank:before, .fa-university:before { content: "\f19c"; } .fa-mortar-board:before, .fa-graduation-cap:before { content: "\f19d"; } .fa-yahoo:before { content: "\f19e"; } .fa-google:before { content: "\f1a0"; } .fa-reddit:before { content: "\f1a1"; } .fa-reddit-square:before { content: "\f1a2"; } .fa-stumbleupon-circle:before { content: "\f1a3"; } .fa-stumbleupon:before { content: "\f1a4"; } .fa-delicious:before { content: "\f1a5"; } .fa-digg:before { content: "\f1a6"; } .fa-pied-piper:before { content: "\f1a7"; } .fa-pied-piper-alt:before { content: "\f1a8"; } .fa-drupal:before { content: "\f1a9"; } .fa-joomla:before { content: "\f1aa"; } .fa-language:before { content: "\f1ab"; } .fa-fax:before { content: "\f1ac"; } .fa-building:before { content: "\f1ad"; } .fa-child:before { content: "\f1ae"; } .fa-paw:before { content: "\f1b0"; } .fa-spoon:before { content: "\f1b1"; } .fa-cube:before { content: "\f1b2"; } .fa-cubes:before { content: "\f1b3"; } .fa-behance:before { content: "\f1b4"; } .fa-behance-square:before { content: "\f1b5"; } .fa-steam:before { content: "\f1b6"; } .fa-steam-square:before { content: "\f1b7"; } .fa-recycle:before { content: "\f1b8"; } .fa-automobile:before, .fa-car:before { content: "\f1b9"; } .fa-cab:before, .fa-taxi:before { content: "\f1ba"; } .fa-tree:before { content: "\f1bb"; } .fa-spotify:before { content: "\f1bc"; } .fa-deviantart:before { content: "\f1bd"; } .fa-soundcloud:before { content: "\f1be"; } .fa-database:before { content: "\f1c0"; } .fa-file-pdf-o:before { content: "\f1c1"; } .fa-file-word-o:before { content: "\f1c2"; } .fa-file-excel-o:before { content: "\f1c3"; } .fa-file-powerpoint-o:before { content: "\f1c4"; } .fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before { content: "\f1c5"; } .fa-file-zip-o:before, .fa-file-archive-o:before { content: "\f1c6"; } .fa-file-sound-o:before, .fa-file-audio-o:before { content: "\f1c7"; } .fa-file-movie-o:before, .fa-file-video-o:before { content: "\f1c8"; } .fa-file-code-o:before { content: "\f1c9"; } .fa-vine:before { content: "\f1ca"; } .fa-codepen:before { content: "\f1cb"; } .fa-jsfiddle:before { content: "\f1cc"; } .fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before { content: "\f1cd"; } .fa-circle-o-notch:before { content: "\f1ce"; } .fa-ra:before, .fa-rebel:before { content: "\f1d0"; } .fa-ge:before, .fa-empire:before { content: "\f1d1"; } .fa-git-square:before { content: "\f1d2"; } .fa-git:before { content: "\f1d3"; } .fa-y-combinator-square:before, .fa-yc-square:before, .fa-hacker-news:before { content: "\f1d4"; } .fa-tencent-weibo:before { content: "\f1d5"; } .fa-qq:before { content: "\f1d6"; } .fa-wechat:before, .fa-weixin:before { content: "\f1d7"; } .fa-send:before, .fa-paper-plane:before { content: "\f1d8"; } .fa-send-o:before, .fa-paper-plane-o:before { content: "\f1d9"; } .fa-history:before { content: "\f1da"; } .fa-circle-thin:before { content: "\f1db"; } .fa-header:before { content: "\f1dc"; } .fa-paragraph:before { content: "\f1dd"; } .fa-sliders:before { content: "\f1de"; } .fa-share-alt:before { content: "\f1e0"; } .fa-share-alt-square:before { content: "\f1e1"; } .fa-bomb:before { content: "\f1e2"; } .fa-soccer-ball-o:before, .fa-futbol-o:before { content: "\f1e3"; } .fa-tty:before { content: "\f1e4"; } .fa-binoculars:before { content: "\f1e5"; } .fa-plug:before { content: "\f1e6"; } .fa-slideshare:before { content: "\f1e7"; } .fa-twitch:before { content: "\f1e8"; } .fa-yelp:before { content: "\f1e9"; } .fa-newspaper-o:before { content: "\f1ea"; } .fa-wifi:before { content: "\f1eb"; } .fa-calculator:before { content: "\f1ec"; } .fa-paypal:before { content: "\f1ed"; } .fa-google-wallet:before { content: "\f1ee"; } .fa-cc-visa:before { content: "\f1f0"; } .fa-cc-mastercard:before { content: "\f1f1"; } .fa-cc-discover:before { content: "\f1f2"; } .fa-cc-amex:before { content: "\f1f3"; } .fa-cc-paypal:before { content: "\f1f4"; } .fa-cc-stripe:before { content: "\f1f5"; } .fa-bell-slash:before { content: "\f1f6"; } .fa-bell-slash-o:before { content: "\f1f7"; } .fa-trash:before { content: "\f1f8"; } .fa-copyright:before { content: "\f1f9"; } .fa-at:before { content: "\f1fa"; } .fa-eyedropper:before { content: "\f1fb"; } .fa-paint-brush:before { content: "\f1fc"; } .fa-birthday-cake:before { content: "\f1fd"; } .fa-area-chart:before { content: "\f1fe"; } .fa-pie-chart:before { content: "\f200"; } .fa-line-chart:before { content: "\f201"; } .fa-lastfm:before { content: "\f202"; } .fa-lastfm-square:before { content: "\f203"; } .fa-toggle-off:before { content: "\f204"; } .fa-toggle-on:before { content: "\f205"; } .fa-bicycle:before { content: "\f206"; } .fa-bus:before { content: "\f207"; } .fa-ioxhost:before { content: "\f208"; } .fa-angellist:before { content: "\f209"; } .fa-cc:before { content: "\f20a"; } .fa-shekel:before, .fa-sheqel:before, .fa-ils:before { content: "\f20b"; } .fa-meanpath:before { content: "\f20c"; } .fa-buysellads:before { content: "\f20d"; } .fa-connectdevelop:before { content: "\f20e"; } .fa-dashcube:before { content: "\f210"; } .fa-forumbee:before { content: "\f211"; } .fa-leanpub:before { content: "\f212"; } .fa-sellsy:before { content: "\f213"; } .fa-shirtsinbulk:before { content: "\f214"; } .fa-simplybuilt:before { content: "\f215"; } .fa-skyatlas:before { content: "\f216"; } .fa-cart-plus:before { content: "\f217"; } .fa-cart-arrow-down:before { content: "\f218"; } .fa-diamond:before { content: "\f219"; } .fa-ship:before { content: "\f21a"; } .fa-user-secret:before { content: "\f21b"; } .fa-motorcycle:before { content: "\f21c"; } .fa-street-view:before { content: "\f21d"; } .fa-heartbeat:before { content: "\f21e"; } .fa-venus:before { content: "\f221"; } .fa-mars:before { content: "\f222"; } .fa-mercury:before { content: "\f223"; } .fa-intersex:before, .fa-transgender:before { content: "\f224"; } .fa-transgender-alt:before { content: "\f225"; } .fa-venus-double:before { content: "\f226"; } .fa-mars-double:before { content: "\f227"; } .fa-venus-mars:before { content: "\f228"; } .fa-mars-stroke:before { content: "\f229"; } .fa-mars-stroke-v:before { content: "\f22a"; } .fa-mars-stroke-h:before { content: "\f22b"; } .fa-neuter:before { content: "\f22c"; } .fa-genderless:before { content: "\f22d"; } .fa-facebook-official:before { content: "\f230"; } .fa-pinterest-p:before { content: "\f231"; } .fa-whatsapp:before { content: "\f232"; } .fa-server:before { content: "\f233"; } .fa-user-plus:before { content: "\f234"; } .fa-user-times:before { content: "\f235"; } .fa-hotel:before, .fa-bed:before { content: "\f236"; } .fa-viacoin:before { content: "\f237"; } .fa-train:before { content: "\f238"; } .fa-subway:before { content: "\f239"; } .fa-medium:before { content: "\f23a"; } .fa-yc:before, .fa-y-combinator:before { content: "\f23b"; } .fa-optin-monster:before { content: "\f23c"; } .fa-opencart:before { content: "\f23d"; } .fa-expeditedssl:before { content: "\f23e"; } .fa-battery-4:before, .fa-battery-full:before { content: "\f240"; } .fa-battery-3:before, .fa-battery-three-quarters:before { content: "\f241"; } .fa-battery-2:before, .fa-battery-half:before { content: "\f242"; } .fa-battery-1:before, .fa-battery-quarter:before { content: "\f243"; } .fa-battery-0:before, .fa-battery-empty:before { content: "\f244"; } .fa-mouse-pointer:before { content: "\f245"; } .fa-i-cursor:before { content: "\f246"; } .fa-object-group:before { content: "\f247"; } .fa-object-ungroup:before { content: "\f248"; } .fa-sticky-note:before { content: "\f249"; } .fa-sticky-note-o:before { content: "\f24a"; } .fa-cc-jcb:before { content: "\f24b"; } .fa-cc-diners-club:before { content: "\f24c"; } .fa-clone:before { content: "\f24d"; } .fa-balance-scale:before { content: "\f24e"; } .fa-hourglass-o:before { content: "\f250"; } .fa-hourglass-1:before, .fa-hourglass-start:before { content: "\f251"; } .fa-hourglass-2:before, .fa-hourglass-half:before { content: "\f252"; } .fa-hourglass-3:before, .fa-hourglass-end:before { content: "\f253"; } .fa-hourglass:before { content: "\f254"; } .fa-hand-grab-o:before, .fa-hand-rock-o:before { content: "\f255"; } .fa-hand-stop-o:before, .fa-hand-paper-o:before { content: "\f256"; } .fa-hand-scissors-o:before { content: "\f257"; } .fa-hand-lizard-o:before { content: "\f258"; } .fa-hand-spock-o:before { content: "\f259"; } .fa-hand-pointer-o:before { content: "\f25a"; } .fa-hand-peace-o:before { content: "\f25b"; } .fa-trademark:before { content: "\f25c"; } .fa-registered:before { content: "\f25d"; } .fa-creative-commons:before { content: "\f25e"; } .fa-gg:before { content: "\f260"; } .fa-gg-circle:before { content: "\f261"; } .fa-tripadvisor:before { content: "\f262"; } .fa-odnoklassniki:before { content: "\f263"; } .fa-odnoklassniki-square:before { content: "\f264"; } .fa-get-pocket:before { content: "\f265"; } .fa-wikipedia-w:before { content: "\f266"; } .fa-safari:before { content: "\f267"; } .fa-chrome:before { content: "\f268"; } .fa-firefox:before { content: "\f269"; } .fa-opera:before { content: "\f26a"; } .fa-internet-explorer:before { content: "\f26b"; } .fa-tv:before, .fa-television:before { content: "\f26c"; } .fa-contao:before { content: "\f26d"; } .fa-500px:before { content: "\f26e"; } .fa-amazon:before { content: "\f270"; } .fa-calendar-plus-o:before { content: "\f271"; } .fa-calendar-minus-o:before { content: "\f272"; } .fa-calendar-times-o:before { content: "\f273"; } .fa-calendar-check-o:before { content: "\f274"; } .fa-industry:before { content: "\f275"; } .fa-map-pin:before { content: "\f276"; } .fa-map-signs:before { content: "\f277"; } .fa-map-o:before { content: "\f278"; } .fa-map:before { content: "\f279"; } .fa-commenting:before { content: "\f27a"; } .fa-commenting-o:before { content: "\f27b"; } .fa-houzz:before { content: "\f27c"; } .fa-vimeo:before { content: "\f27d"; } .fa-black-tie:before { content: "\f27e"; } .fa-fonticons:before { content: "\f280"; } .fa-reddit-alien:before { content: "\f281"; } .fa-edge:before { content: "\f282"; } .fa-credit-card-alt:before { content: "\f283"; } .fa-codiepie:before { content: "\f284"; } .fa-modx:before { content: "\f285"; } .fa-fort-awesome:before { content: "\f286"; } .fa-usb:before { content: "\f287"; } .fa-product-hunt:before { content: "\f288"; } .fa-mixcloud:before { content: "\f289"; } .fa-scribd:before { content: "\f28a"; } .fa-pause-circle:before { content: "\f28b"; } .fa-pause-circle-o:before { content: "\f28c"; } .fa-stop-circle:before { content: "\f28d"; } .fa-stop-circle-o:before { content: "\f28e"; } .fa-shopping-bag:before { content: "\f290"; } .fa-shopping-basket:before { content: "\f291"; } .fa-hashtag:before { content: "\f292"; } .fa-bluetooth:before { content: "\f293"; } .fa-bluetooth-b:before { content: "\f294"; } .fa-percent:before { content: "\f295"; } .fa-gitlab:before { content: "\f296"; } .fa-wpbeginner:before { content: "\f297"; } .fa-wpforms:before { content: "\f298"; } .fa-envira:before { content: "\f299"; } .fa-universal-access:before { content: "\f29a"; } .fa-wheelchair-alt:before { content: "\f29b"; } .fa-question-circle-o:before { content: "\f29c"; } .fa-blind:before { content: "\f29d"; } .fa-audio-description:before { content: "\f29e"; } .fa-volume-control-phone:before { content: "\f2a0"; } .fa-braille:before { content: "\f2a1"; } .fa-assistive-listening-systems:before { content: "\f2a2"; } .fa-asl-interpreting:before, .fa-american-sign-language-interpreting:before { content: "\f2a3"; } .fa-deafness:before, .fa-hard-of-hearing:before, .fa-deaf:before { content: "\f2a4"; } .fa-glide:before { content: "\f2a5"; } .fa-glide-g:before { content: "\f2a6"; } .fa-signing:before, .fa-sign-language:before { content: "\f2a7"; } .fa-low-vision:before { content: "\f2a8"; } .fa-viadeo:before { content: "\f2a9"; } .fa-viadeo-square:before { content: "\f2aa"; } .fa-snapchat:before { content: "\f2ab"; } .fa-snapchat-ghost:before { content: "\f2ac"; } .fa-snapchat-square:before { content: "\f2ad"; } .sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; } /*! * animate.css -http://daneden.me/animate * Version - 3.5.1 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2016 Daniel Eden */ .animated { -webkit-animation-duration: 300ms; animation-duration: 300ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; } .animated.bounceIn, .animated.bounceOut, .animated.flipOutX, .animated.flipOutY { -webkit-animation-duration: .75s; animation-duration: 0.75s; } @-webkit-keyframes bounce { 0%, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translateZ(0); transform: translateZ(0); } 40%, 43% { -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 40%, 43%, 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); } 70% { -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } @keyframes bounce { 0%, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translateZ(0); transform: translateZ(0); } 40%, 43% { -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 40%, 43%, 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); } 70% { -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes flash { 0%, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { 0%, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } @-webkit-keyframes pulse { 0% { -webkit-transform: scaleX(1); transform: scaleX(1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scaleX(1); transform: scaleX(1); } } @keyframes pulse { 0% { -webkit-transform: scaleX(1); transform: scaleX(1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scaleX(1); transform: scaleX(1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { 0% { -webkit-transform: scaleX(1); transform: scaleX(1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scaleX(1); transform: scaleX(1); } } @keyframes rubberBand { 0% { -webkit-transform: scaleX(1); transform: scaleX(1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scaleX(1); transform: scaleX(1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { 0%, to { -webkit-transform: translateZ(0); transform: translateZ(0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @keyframes shake { 0%, to { -webkit-transform: translateZ(0); transform: translateZ(0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } .headShake { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate(15deg); transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); transform: rotate(-5deg); } to { -webkit-transform: rotate(0deg); transform: rotate(0deg); } } @keyframes swing { 20% { -webkit-transform: rotate(15deg); transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); transform: rotate(-5deg); } to { -webkit-transform: rotate(0deg); transform: rotate(0deg); } } .swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { 0% { -webkit-transform: scaleX(1); transform: scaleX(1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg); transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); } to { -webkit-transform: scaleX(1); transform: scaleX(1); } } @keyframes tada { 0% { -webkit-transform: scaleX(1); transform: scaleX(1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg); transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); } to { -webkit-transform: scaleX(1); transform: scaleX(1); } } .tada { -webkit-animation-name: tada; animation-name: tada; } @-webkit-keyframes wobble { 0% { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg); transform: translate3d(-25%, 0, 0) rotate(-5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate(3deg); transform: translate3d(20%, 0, 0) rotate(3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg); transform: translate3d(-15%, 0, 0) rotate(-3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate(2deg); transform: translate3d(10%, 0, 0) rotate(2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg); transform: translate3d(-5%, 0, 0) rotate(-1deg); } to { -webkit-transform: none; transform: none; } } @keyframes wobble { 0% { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg); transform: translate3d(-25%, 0, 0) rotate(-5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate(3deg); transform: translate3d(20%, 0, 0) rotate(3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg); transform: translate3d(-15%, 0, 0) rotate(-3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate(2deg); transform: translate3d(10%, 0, 0) rotate(2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg); transform: translate3d(-5%, 0, 0) rotate(-1deg); } to { -webkit-transform: none; transform: none; } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes jello { 0%, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } @keyframes jello { 0%, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } .jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scaleX(1); transform: scaleX(1); } } @keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scaleX(1); transform: scaleX(1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInDown { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInLeft { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInRight { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes bounceInUp { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { 0% { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } to { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } to { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { 0% { -webkit-transform: perspective(400px) rotateY(-1turn); transform: perspective(400px) rotateY(-1turn); } 0%, 40% { -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg); transform: perspective(400px) translateZ(150px) rotateY(-190deg); } 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg); transform: perspective(400px) translateZ(150px) rotateY(-170deg); } 50%, 80% { -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { 0% { -webkit-transform: perspective(400px) rotateY(-1turn); transform: perspective(400px) rotateY(-1turn); } 0%, 40% { -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg); transform: perspective(400px) translateZ(150px) rotateY(-190deg); } 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg); transform: perspective(400px) translateZ(150px) rotateY(-170deg); } 50%, 80% { -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } 0%, 40% { -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 40% { -webkit-transform: perspective(400px) rotateX(-20deg); transform: perspective(400px) rotateX(-20deg); } 60% { -webkit-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotateX(-5deg); transform: perspective(400px) rotateX(-5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } 0%, 40% { -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 40% { -webkit-transform: perspective(400px) rotateX(-20deg); transform: perspective(400px) rotateX(-20deg); } 60% { -webkit-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotateX(-5deg); transform: perspective(400px) rotateX(-5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible!important; backface-visibility: visible!important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } 0%, 40% { -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 40% { -webkit-transform: perspective(400px) rotateY(-20deg); transform: perspective(400px) rotateY(-20deg); } 60% { -webkit-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotateY(-5deg); transform: perspective(400px) rotateY(-5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } 0%, 40% { -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 40% { -webkit-transform: perspective(400px) rotateY(-20deg); transform: perspective(400px) rotateY(-20deg); } 60% { -webkit-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotateY(-5deg); transform: perspective(400px) rotateY(-5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInY { -webkit-backface-visibility: visible!important; backface-visibility: visible!important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotateX(-20deg); transform: perspective(400px) rotateX(-20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } } @keyframes flipOutX { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotateX(-20deg); transform: perspective(400px) rotateX(-20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible!important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotateY(-15deg); transform: perspective(400px) rotateY(-15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } } @keyframes flipOutY { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotateY(-15deg); transform: perspective(400px) rotateY(-15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible!important; backface-visibility: visible!important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { 0% { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); } 60%, 80% { opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); } to { -webkit-transform: none; transform: none; opacity: 1; } } @keyframes lightSpeedIn { 0% { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); } 60%, 80% { opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); } to { -webkit-transform: none; transform: none; opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { 0% { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOut { 0% { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { 0% { transform-origin: center; -webkit-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0; } 0%, to { -webkit-transform-origin: center; } to { transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateIn { 0% { transform-origin: center; -webkit-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0; } 0%, to { -webkit-transform-origin: center; } to { transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { 0% { transform-origin: left bottom; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); opacity: 0; } 0%, to { -webkit-transform-origin: left bottom; } to { transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownLeft { 0% { transform-origin: left bottom; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); opacity: 0; } 0%, to { -webkit-transform-origin: left bottom; } to { transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { 0% { transform-origin: right bottom; -webkit-transform: rotate(45deg); transform: rotate(45deg); opacity: 0; } 0%, to { -webkit-transform-origin: right bottom; } to { transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownRight { 0% { transform-origin: right bottom; -webkit-transform: rotate(45deg); transform: rotate(45deg); opacity: 0; } 0%, to { -webkit-transform-origin: right bottom; } to { transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { 0% { transform-origin: left bottom; -webkit-transform: rotate(45deg); transform: rotate(45deg); opacity: 0; } 0%, to { -webkit-transform-origin: left bottom; } to { transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpLeft { 0% { transform-origin: left bottom; -webkit-transform: rotate(45deg); transform: rotate(45deg); opacity: 0; } 0%, to { -webkit-transform-origin: left bottom; } to { transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { 0% { transform-origin: right bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 0%, to { -webkit-transform-origin: right bottom; } to { transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpRight { 0% { transform-origin: right bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 0%, to { -webkit-transform-origin: right bottom; } to { transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { 0% { transform-origin: center; opacity: 1; } 0%, to { -webkit-transform-origin: center; } to { transform-origin: center; -webkit-transform: rotate(200deg); transform: rotate(200deg); opacity: 0; } } @keyframes rotateOut { 0% { transform-origin: center; opacity: 1; } 0%, to { -webkit-transform-origin: center; } to { transform-origin: center; -webkit-transform: rotate(200deg); transform: rotate(200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { 0% { transform-origin: left bottom; opacity: 1; } 0%, to { -webkit-transform-origin: left bottom; } to { transform-origin: left bottom; -webkit-transform: rotate(45deg); transform: rotate(45deg); opacity: 0; } } @keyframes rotateOutDownLeft { 0% { transform-origin: left bottom; opacity: 1; } 0%, to { -webkit-transform-origin: left bottom; } to { transform-origin: left bottom; -webkit-transform: rotate(45deg); transform: rotate(45deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { 0% { transform-origin: right bottom; opacity: 1; } 0%, to { -webkit-transform-origin: right bottom; } to { transform-origin: right bottom; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); opacity: 0; } } @keyframes rotateOutDownRight { 0% { transform-origin: right bottom; opacity: 1; } 0%, to { -webkit-transform-origin: right bottom; } to { transform-origin: right bottom; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { 0% { transform-origin: left bottom; opacity: 1; } 0%, to { -webkit-transform-origin: left bottom; } to { transform-origin: left bottom; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); opacity: 0; } } @keyframes rotateOutUpLeft { 0% { transform-origin: left bottom; opacity: 1; } 0%, to { -webkit-transform-origin: left bottom; } to { transform-origin: left bottom; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { 0% { transform-origin: right bottom; opacity: 1; } 0%, to { -webkit-transform-origin: right bottom; } to { transform-origin: right bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } @keyframes rotateOutUpRight { 0% { transform-origin: right bottom; opacity: 1; } 0%, to { -webkit-transform-origin: right bottom; } to { transform-origin: right bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes hinge { 0% { transform-origin: top left; } 0%, 20%, 60% { -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate(80deg); transform: rotate(80deg); transform-origin: top left; } 40%, 80% { -webkit-transform: rotate(60deg); transform: rotate(60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge { 0% { transform-origin: top left; } 0%, 20%, 60% { -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate(80deg); transform: rotate(80deg); transform-origin: top left; } 40%, 80% { -webkit-transform: rotate(60deg); transform: rotate(60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { -webkit-animation-name: hinge; animation-name: hinge; } @-webkit-keyframes rollIn { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg); transform: translate3d(-100%, 0, 0) rotate(-120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes rollIn { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg); transform: translate3d(-100%, 0, 0) rotate(-120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } @-webkit-keyframes rollOut { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate(120deg); transform: translate3d(100%, 0, 0) rotate(120deg); } } @keyframes rollOut { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate(120deg); transform: translate3d(100%, 0, 0) rotate(120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInDown { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInLeft { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInRight { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInUp { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { 0% { opacity: 1; } 50% { -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50%, to { opacity: 0; } } @keyframes zoomOut { 0% { opacity: 1; } 50% { -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50%, to { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } @-webkit-keyframes slideInDown { 0% { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes slideInDown { 0% { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { 0% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes slideInLeft { 0% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { 0% { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes slideInRight { 0% { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { 0% { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes slideInUp { 0% { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes slideOutLeft { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes slideOutRight { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes slideOutUp { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } .mCustomScrollbar { -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; } .mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action { -ms-touch-action: auto; touch-action: auto; } .mCustomScrollBox { position: relative; overflow: hidden; height: 100%; max-width: 100%; outline: 0; direction: ltr; } .mCSB_container { overflow: hidden; width: auto; height: auto; } .mCSB_inside > .mCSB_container { margin-right: 0px; } .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden { margin-right: 0; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container { margin-right: 0; margin-left: 30px; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden { margin-left: 0; } .mCSB_scrollTools { position: absolute; width: 16px; height: auto; left: auto; top: 0; right: 0; bottom: 0; opacity: .75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCSB_outside + .mCSB_scrollTools { right: -26px; } .mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools { right: auto; left: 0; } .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools { left: -26px; } .mCSB_scrollTools .mCSB_draggerContainer { position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: auto; } .mCSB_scrollTools a + .mCSB_draggerContainer { margin: 20px 0; } .mCSB_scrollTools .mCSB_draggerRail { width: 2px; height: 100%; margin: 0 auto; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; } .mCSB_scrollTools .mCSB_dragger { cursor: pointer; width: 100%; height: 30px; z-index: 1; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { position: relative; width: 2px; height: 100%; margin: 0 auto; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; text-align: center; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { width: 12px; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { width: 8px; } .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonUp { display: block; position: absolute; height: 20px; width: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools .mCSB_buttonDown { bottom: 0; } .mCSB_horizontal.mCSB_inside > .mCSB_container { margin-right: 0; margin-bottom: 30px; } .mCSB_horizontal.mCSB_outside > .mCSB_container { min-height: 100%; } .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden { margin-bottom: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal { width: auto; height: 16px; top: auto; right: 0; bottom: 0; left: 0; } .mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal { bottom: -26px; } .mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer { margin: 0 20px; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 2px; margin: 7px 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger { width: 30px; height: 100%; left: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 4px; margin: 6px auto; } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { height: 12px; margin: 2px auto; } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { height: 8px; margin: 4px 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft, .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight { display: block; position: absolute; width: 20px; height: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft { left: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight { right: 0; } .mCSB_container_wrapper { position: absolute; height: auto; width: auto; overflow: hidden; top: 0; left: 0; right: 0; bottom: 0; margin-right: 30px; margin-bottom: 30px; } .mCSB_container_wrapper > .mCSB_container { padding-right: 30px; padding-bottom: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical { bottom: 20px; } .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal { right: 20px; } .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical { bottom: 0; } .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal { right: 0; } .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal { left: 20px; } .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal { left: 0; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper { margin-right: 0; margin-left: 30px; } .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container { padding-right: 0; } .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container { padding-bottom: 0; } .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden { margin-right: 0; margin-left: 0; } .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden { margin-bottom: 0; } .mCSB_scrollTools, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { -webkit-transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out; transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out; } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar { -webkit-transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out; -moz-transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out; -o-transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out; transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out; } .mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools { opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; } .mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools, .mCustomScrollBox:hover > .mCSB_scrollTools, .mCustomScrollBox:hover ~ .mCSB_scrollTools, .mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag { opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; } .mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.1); filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.2); filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; } .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.5); filter: "alpha(opacity=85)"; -ms-filter: "alpha(opacity=85)"; } .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.3); filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; } .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight, .mCSB_scrollTools .mCSB_buttonUp { background-image: url(mCSB_buttons.png); background-repeat: no-repeat; opacity: .4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; } .mCSB_scrollTools .mCSB_buttonUp { background-position: 0 0; } .mCSB_scrollTools .mCSB_buttonDown { background-position: 0 -20px; } .mCSB_scrollTools .mCSB_buttonLeft { background-position: 0 -40px; } .mCSB_scrollTools .mCSB_buttonRight { background-position: 0 -56px; } .mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover, .mCSB_scrollTools .mCSB_buttonUp:hover { opacity: .75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active, .mCSB_scrollTools .mCSB_buttonUp:active { opacity: .9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; } .mCS-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.1); } .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.75); } .mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: rgba(0, 0, 0, 0.85); } .mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: rgba(0, 0, 0, 0.9); } .mCS-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -80px 0; } .mCS-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -80px -20px; } .mCS-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -80px -40px; } .mCS-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -80px -56px; } .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools .mCSB_draggerRail { width: 4px; background-color: #fff; background-color: rgba(255, 255, 255, 0.1); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 4px; background-color: #fff; background-color: rgba(255, 255, 255, 0.75); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 4px; margin: 6px auto; } .mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.85); } .mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.9); } .mCS-light-2.mCSB_scrollTools .mCSB_buttonUp { background-position: -32px 0; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonDown { background-position: -32px -20px; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft { background-position: -40px -40px; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonRight { background-position: -40px -56px; } .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.1); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.75); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.85); } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.9); } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp { background-position: -112px 0; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown { background-position: -112px -20px; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft { background-position: -120px -40px; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight { background-position: -120px -56px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail, .mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail { width: 4px; background-color: #fff; background-color: rgba(255, 255, 255, 0.1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 6px; background-color: #fff; background-color: rgba(255, 255, 255, 0.75); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 4px; margin: 6px 0; } .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 6px; margin: 5px auto; } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.85); } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.9); } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp { background-position: -16px 0; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown { background-position: -16px -20px; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft { background-position: -20px -40px; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight { background-position: -20px -56px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.75); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.85); } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.9); } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp { background-position: -96px 0; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown { background-position: -96px -20px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft { background-position: -100px -40px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight { background-position: -100px -56px; } .mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail { background-color: #fff; background-color: rgba(255, 255, 255, 0.1); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 2px; } .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; } .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 2px; margin: 7px auto; } .mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.15); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.75); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.85); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.9); } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp { background-position: -80px 0; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown { background-position: -80px -20px; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft { background-position: -80px -40px; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight { background-position: -80px -56px; } .mCS-rounded.mCSB_scrollTools .mCSB_draggerRail { background-color: #fff; background-color: rgba(255, 255, 255, 0.15); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, .mCS-rounded.mCSB_scrollTools .mCSB_dragger { height: 14px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 14px; margin: 0 1px; } .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger { width: 14px; } .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { height: 14px; margin: 1px 0; } .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { width: 16px; height: 16px; margin: -1px 0; } .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { width: 4px; } .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { height: 16px; width: 16px; margin: 0 -1px; } .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { height: 4px; margin: 6px 0; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonUp { background-position: 0 -72px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonDown { background-position: 0 -92px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft { background-position: 0 -112px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonRight { background-position: 0 -128px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.75); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.15); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.85); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.9); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -80px -72px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -80px -92px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -80px -112px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -80px -128px; } .mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail { width: 4px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail { background-color: transparent; background-position: center; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==); background-repeat: repeat-y; opacity: .3; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail { height: 4px; margin: 6px 0; background-repeat: repeat-x; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp { background-position: -16px -72px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown { background-position: -16px -92px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft { background-position: -20px -112px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight { background-position: -20px -128px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=); } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -96px -72px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -96px -92px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -100px -112px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -100px -128px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-repeat: repeat-y; background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0))); background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%); background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%); background-image: -ms-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%); background-image: linear-gradient(to right, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%); } .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { background-repeat: repeat-x; background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0))); background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%); background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%); background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%); } .mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger { height: 70px; } .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger { width: 70px; } .mCS-3d-dark.mCSB_scrollTools, .mCS-3d.mCSB_scrollTools { opacity: 1; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_draggerRail { -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_draggerRail { width: 8px; background-color: #000; background-color: rgba(0, 0, 0, 0.2); box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.5), inset -1px 0 1px rgba(255, 255, 255, 0.2); } .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #555; } .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 8px; } .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 8px; margin: 4px 0; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 1px rgba(255, 255, 255, 0.2); } .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 8px; margin: 4px auto; } .mCS-3d.mCSB_scrollTools .mCSB_buttonUp { background-position: -32px -72px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonDown { background-position: -32px -92px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonLeft { background-position: -40px -112px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonRight { background-position: -40px -128px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.1); box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1); } .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail { box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -112px -72px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -112px -92px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -120px -112px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -120px -128px; } .mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools { opacity: 1; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer, .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer { -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; } .mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical, .mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical { right: 1px; } .mCS-3d-thick-dark.mCSB_scrollTools_vertical, .mCS-3d-thick.mCSB_scrollTools_vertical { box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5); } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal, .mCS-3d-thick.mCSB_scrollTools_horizontal { bottom: 1px; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4); width: 12px; margin: 2px; position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4); height: 12px; width: auto; } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #555; } .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer { background-color: #000; background-color: rgba(0, 0, 0, 0.05); box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1); } .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail { background-color: transparent; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp { background-position: -32px -72px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown { background-position: -32px -92px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft { background-position: -40px -112px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight { background-position: -40px -128px; } .mCS-3d-thick-dark.mCSB_scrollTools { box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2); } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal { box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.2); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4), inset -1px 0 0 rgba(0, 0, 0, 0.2); } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(0, 0, 0, 0.2); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #777; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer { background-color: #fff; background-color: rgba(0, 0, 0, 0.05); box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail { background-color: transparent; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -112px -72px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -112px -92px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -120px -112px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -120px -128px; } .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical, .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical { right: 0; margin: 12px 0; } .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal { bottom: 0; margin: 0 12px; } .mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical, .mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical { left: 0; right: auto; } .mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger { height: 50px; } .mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger { width: 50px; } .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; } .mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; } .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; } .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; } .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools .mCSB_draggerRail { width: 6px; background-color: #000; background-color: rgba(0, 0, 0, 0.2); } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 6px; } .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 6px; margin: 5px 0; } .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { width: 12px; } .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { height: 12px; margin: 2px 0; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonUp { background-position: -32px -72px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonDown { background-position: -32px -92px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft { background-position: -40px -112px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonRight { background-position: -40px -128px; } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.75); } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.85); } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.9); } .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.1); } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp { background-position: -112px -72px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown { background-position: -112px -92px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft { background-position: -120px -112px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight { background-position: -120px -128px; } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset.mCSB_scrollTools .mCSB_draggerRail { width: 12px; background-color: #000; background-color: rgba(0, 0, 0, 0.2); } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 6px; margin: 3px 5px; position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { height: 6px; margin: 5px 3px; position: absolute; width: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 12px; margin: 2px 0; } .mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset.mCSB_scrollTools .mCSB_buttonUp { background-position: -32px -72px; } .mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset.mCSB_scrollTools .mCSB_buttonDown { background-position: -32px -92px; } .mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset.mCSB_scrollTools .mCSB_buttonLeft { background-position: -40px -112px; } .mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset.mCSB_scrollTools .mCSB_buttonRight { background-position: -40px -128px; } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.75); } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.85); } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.9); } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.1); } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -112px -72px; } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -112px -92px; } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -120px -112px; } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -120px -128px; } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail { background-color: transparent; border-width: 1px; border-style: solid; border-color: #fff; border-color: rgba(255, 255, 255, 0.2); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail { border-color: #000; border-color: rgba(0, 0, 0, 0.2); } .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail { background-color: #fff; background-color: rgba(255, 255, 255, 0.6); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.6); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.75); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.85); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.9); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.75); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.85); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.9); } select.bs-select-hidden, select.selectpicker { display: none !important; } .bootstrap-select { width: 220px \0; /*IE9 and below*/ } .bootstrap-select > .dropdown-toggle { width: 100%; padding-right: 25px; z-index: 1; } .bootstrap-select > select { position: absolute !important; bottom: 0; left: 50%; display: block !important; width: 0.5px !important; height: 100% !important; padding: 0 !important; opacity: 0 !important; border: none; } .bootstrap-select > select.mobile-device { top: 0; left: 0; display: block !important; width: 100% !important; z-index: 2; } .has-error .bootstrap-select .dropdown-toggle, .error .bootstrap-select .dropdown-toggle { border-color: #F04E51; } .bootstrap-select.fit-width { width: auto !important; } .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) { width: 100%; } .bootstrap-select.form-control { margin-bottom: 0; padding: 0; border: none; } .bootstrap-select.form-control:not([class*="col-"]) { width: 100%; } .bootstrap-select.form-control.input-group-btn { z-index: auto; } .bootstrap-select.btn-group:not(.input-group-btn), .bootstrap-select.btn-group[class*="col-"] { float: none; display: inline-block; margin-left: 0; } .bootstrap-select.btn-group.dropdown-menu-right, .bootstrap-select.btn-group[class*="col-"].dropdown-menu-right, .row .bootstrap-select.btn-group[class*="col-"].dropdown-menu-right { float: right; } .form-inline .bootstrap-select.btn-group, .form-horizontal .bootstrap-select.btn-group, .form-group .bootstrap-select.btn-group { margin-bottom: 0; } .form-group-lg .bootstrap-select.btn-group.form-control, .form-group-sm .bootstrap-select.btn-group.form-control { padding: 0; } .form-inline .bootstrap-select.btn-group .form-control { width: 100%; } .bootstrap-select.btn-group.disabled, .bootstrap-select.btn-group > .disabled { cursor: not-allowed; } .bootstrap-select.btn-group.disabled:focus, .bootstrap-select.btn-group > .disabled:focus { outline: none !important; } .bootstrap-select.btn-group.bs-container { position: absolute; } .bootstrap-select.btn-group.bs-container .dropdown-menu { z-index: 1060; } .bootstrap-select.btn-group .dropdown-toggle .filter-option { display: inline-block; overflow: hidden; width: 100%; text-align: left; } .bootstrap-select.btn-group .dropdown-toggle .caret { position: absolute; top: 50%; right: 12px; margin-top: -2px; vertical-align: middle; } .bootstrap-select.btn-group[class*="col-"] .dropdown-toggle { width: 100%; } .bootstrap-select.btn-group .dropdown-menu { min-width: 100%; box-sizing: border-box; } .bootstrap-select.btn-group .dropdown-menu.inner { position: static; float: none; border: 0; padding: 0; margin: 0; border-radius: 0; box-shadow: none; } .bootstrap-select.btn-group .dropdown-menu li { position: relative; } .bootstrap-select.btn-group .dropdown-menu li.active small { color: #fff; } .bootstrap-select.btn-group .dropdown-menu li.disabled a { cursor: not-allowed; } .bootstrap-select.btn-group .dropdown-menu li a { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .bootstrap-select.btn-group .dropdown-menu li a.opt { position: relative; padding-left: 2.25em; } .bootstrap-select.btn-group .dropdown-menu li a span.check-mark { display: none; } .bootstrap-select.btn-group .dropdown-menu li a span.text { display: inline-block; } .bootstrap-select.btn-group .dropdown-menu li small { padding-left: 0.5em; } .bootstrap-select.btn-group .dropdown-menu .notify { position: absolute; bottom: 10px; width: 98%; margin: 0 1%; min-height: 30px; padding: 5px 10px; background: #F69F00; border: 1px solid #dd8f00; color: #FFF; pointer-events: none; box-sizing: border-box; } .bootstrap-select.btn-group .no-results { padding: 3px; background: #f5f5f5; margin: 0 5px; white-space: nowrap; } .bootstrap-select.btn-group.fit-width .dropdown-toggle .filter-option { position: static; } .bootstrap-select.btn-group.fit-width .dropdown-toggle .caret { position: static; top: auto; margin-top: -1px; } .bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark { position: absolute; display: inline-block; right: 15px; } .bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text { margin-right: 34px; } .bootstrap-select.show-menu-arrow.open > .dropdown-toggle { z-index: 1061; } .bootstrap-select.show-menu-arrow .dropdown-toggle:before { content: ''; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #454545; position: absolute; bottom: -4px; left: 9px; display: none; } .bootstrap-select.show-menu-arrow .dropdown-toggle:after { content: ''; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid white; position: absolute; bottom: -4px; left: 10px; display: none; } .bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:before { bottom: auto; top: -3px; border-top: 7px solid #454545; border-bottom: 0; } .bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:after { bottom: auto; top: -3px; border-top: 6px solid white; border-bottom: 0; } .bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:before { right: 12px; left: auto; } .bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:after { right: 13px; left: auto; } .bootstrap-select.show-menu-arrow.open > .dropdown-toggle:before, .bootstrap-select.show-menu-arrow.open > .dropdown-toggle:after { display: block; } .bs-searchbox, .bs-actionsbox, .bs-donebutton { padding: 5px 10px 10px; } .bs-actionsbox { width: 100%; box-sizing: border-box; } .bs-actionsbox .btn-group button { width: 50%; } .bs-donebutton { float: left; width: 100%; box-sizing: border-box; } .bs-donebutton .btn-group button { width: 100%; } .bs-searchbox + .bs-actionsbox { padding: 0 8px 4px; } .bs-searchbox .form-control { margin-bottom: 0; width: 100%; float: none; } .select2-container { box-sizing: border-box; display: inline-block; margin: 0; position: relative; vertical-align: middle; width: 100% !important; } .select2-container .select2-selection--single { box-sizing: border-box; cursor: pointer; display: block; height: 40px; user-select: none; -webkit-user-select: none; } .select2-container .select2-selection--single .select2-selection__rendered { display: block; padding-left: 20px; padding-right: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .select2-container .select2-selection--single .select2-selection__clear { position: relative; } .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered { padding-right: 8px; padding-left: 20px; } .select2-container .select2-selection--multiple { box-sizing: border-box; cursor: pointer; display: block; min-height: 40px; float: left; padding-bottom: 3px; width: 100%; user-select: none; -webkit-user-select: none; } .select2-container .select2-selection--multiple .select2-selection__rendered { display: inline-block; overflow: hidden; padding-left: 8px; text-overflow: ellipsis; white-space: nowrap; } .select2-container .select2-search--inline { width: auto; float: left; } .select2-container .select2-search--inline .select2-search__field { box-sizing: border-box; border: none; font-size: 100%; margin-top: 5px; padding: 0; } .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; } .select2-dropdown { background-color: white; border: 1px solid #DBE0E4; border-radius: 4px; box-sizing: border-box; display: block; position: absolute; left: -100000px; width: 100%; z-index: 1062; } .select2-results { display: block; } .select2-results__options { list-style: none; margin: 0; padding: 0; } .select2-results__option { padding: 5px 20px; line-height: 30px; user-select: none; -webkit-user-select: none; } .select2-results__option[aria-selected] { cursor: pointer; } .select2-container--open .select2-dropdown { left: 0; } .select2-container--open .select2-dropdown--above { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .select2-container--open .select2-dropdown--below { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; } .select2-search--dropdown { display: block; padding: 10px; } .select2-search--dropdown .select2-search__field { padding: 9px; width: 100%; box-sizing: border-box; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; } .select2-search--dropdown.select2-search--hide { display: none; } .select2-close-mask { border: 0; margin: 0; padding: 0; display: block; position: fixed; left: 0; top: 0; min-height: 100%; min-width: 100%; height: auto; width: auto; opacity: 0; z-index: 99; background-color: #fff; filter: alpha(opacity=0); } .select2-hidden-accessible { border: 0 !important; clip: rect(0 0 0 0) !important; height: 1px !important; margin: -1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; } .select2-container--default .select2-selection--single { background-color: #FFF; border: 1px solid #DBE0E4; border-radius: 4px; } .select2-container--default .select2-selection--single:hover { background-color: #F5F5F5; } .select2-container--default .select2-selection--single .select2-selection__rendered { color: #444; line-height: 38px; font-weight: 600; } .select2-container--default .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; } .select2-container--default .select2-selection--single .select2-selection__placeholder { color: #999; } .select2-container--default .select2-selection--single .select2-selection__arrow { height: 38px; position: absolute; top: 1px; right: 1px; width: 20px; } .select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: #888 transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; height: 0; left: 50%; margin-left: -4px; margin-top: -2px; position: absolute; top: 50%; width: 0; } .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear { float: left; } .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow { left: 1px; right: auto; } .select2-container--default.select2-container--disabled .select2-selection--single { background-color: #eee; cursor: default; } .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear { display: none; } .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #888 transparent; border-width: 0 4px 5px 4px; } .select2-container--default .select2-selection--multiple { background-color: white; border: 1px solid #DBE0E4; border-radius: 5px; cursor: text; } .select2-container--default .select2-selection--multiple .select2-selection__rendered { box-sizing: border-box; list-style: none; margin: 0; padding: 0 5px; width: 100%; } .select2-container--default .select2-selection--multiple .select2-selection__rendered li { list-style: none; } .select2-container--default .select2-selection--multiple .select2-selection__placeholder { color: #999; margin-top: 5px; float: left; } .select2-container--default .select2-selection--multiple .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; margin-top: 5px; margin-right: 10px; } .select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: #2D3349; color: #FFF; line-height: 30px; border-radius: 3px; cursor: default; float: left; margin-right: 5px; margin-top: 4px; padding: 0px 10px; width: auto; } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { color: #FFF; cursor: pointer; display: inline-block; font-weight: bold; float: right; margin-left: 10px; } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { color: #e6e6e6; } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline { float: right; } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice { margin-left: 5px; margin-right: auto; } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove { margin-left: 2px; margin-right: auto; } .select2-container--default.select2-container--focus .select2-selection--multiple { border: 1px solid #d2d8dd; outline: 0; } .select2-container--default.select2-container--disabled .select2-selection--multiple { background-color: #eee; cursor: default; } .select2-container--default.select2-container--disabled .select2-selection__choice__remove { display: none; } .select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple { border-top-left-radius: 0; border-top-right-radius: 0; } .select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .select2-container--default .select2-search--dropdown .select2-search__field { border: 1px solid #DBE0E4; } .select2-container--default .select2-search--inline .select2-search__field { line-height: 30px; margin-left: 5px; background: transparent; border: none; outline: 0; box-shadow: none; -webkit-appearance: textfield; } .select2-container--default .select2-results > .select2-results__options { max-height: 200px; overflow-y: auto; } .select2-container--default .select2-results__option[role=group] { padding: 0; } .select2-container--default .select2-results__option[aria-disabled=true] { color: #999; } .select2-container--default .select2-results__option[aria-selected=true] { background-color: #2D3349; color: #FFF; } .select2-container--default .select2-results__option .select2-results__option { padding-left: 1em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__group { padding-left: 0; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option { margin-left: -1em; padding-left: 2em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -2em; padding-left: 3em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -3em; padding-left: 4em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -4em; padding-left: 5em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -5em; padding-left: 6em; } .select2-container--default .select2-results__option--highlighted[aria-selected=false] { background-color: #F5F5F5; color: #454545; } .select2-container--default .select2-results__group { cursor: default; display: block; padding: 6px; } /*! * Datetimepicker for Bootstrap 3 * version : 4.17.37 * https://github.com/Eonasdan/bootstrap-datetimepicker/ */ .bootstrap-datetimepicker-widget { list-style: none; z-index: 999; } .bootstrap-datetimepicker-widget.dropdown-menu { margin: 1px 0px; padding: 4px; width: 300px; } @media (min-width: 768px) { .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs { width: 38em; } } @media (min-width: 992px) { .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs { width: 38em; } } @media (min-width: 1200px) { .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs { width: 38em; } } .bootstrap-datetimepicker-widget .list-unstyled { margin: 0; } .bootstrap-datetimepicker-widget a[data-action] { padding: 6px 0; } .bootstrap-datetimepicker-widget a[data-action]:active { box-shadow: none; } .bootstrap-datetimepicker-widget .timepicker-hour, .bootstrap-datetimepicker-widget .timepicker-minute, .bootstrap-datetimepicker-widget .timepicker-second { width: 54px; font-weight: bold; font-size: 13px; margin: 0; } .bootstrap-datetimepicker-widget button[data-action] { padding: 6px; } .bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]::after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; content: "Increment Hours"; } .bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]::after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; content: "Increment Minutes"; } .bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]::after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; content: "Decrement Hours"; } .bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]::after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; content: "Decrement Minutes"; } .bootstrap-datetimepicker-widget .btn[data-action="showHours"]::after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; content: "Show Hours"; } .bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]::after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; content: "Show Minutes"; } .bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]::after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; content: "Toggle AM/PM"; } .bootstrap-datetimepicker-widget .btn[data-action="clear"]::after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; content: "Clear the picker"; } .bootstrap-datetimepicker-widget .btn[data-action="today"]::after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; content: "Set the date to today"; } .bootstrap-datetimepicker-widget .picker-switch { text-align: center; } .bootstrap-datetimepicker-widget .picker-switch::after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; content: "Toggle Date and Time Screens"; } .bootstrap-datetimepicker-widget .picker-switch td { padding: 0; margin: 0; height: auto; width: auto; line-height: inherit; } .bootstrap-datetimepicker-widget .picker-switch td span { line-height: 2.5; height: 2.5em; width: 100%; } .bootstrap-datetimepicker-widget table { width: 100%; margin: 0; } .bootstrap-datetimepicker-widget table td, .bootstrap-datetimepicker-widget table th { text-align: center; border-radius: 3px; padding: 8px !important; } .bootstrap-datetimepicker-widget table th { height: 20px; line-height: 20px; width: 20px; } .bootstrap-datetimepicker-widget table th.picker-switch { width: 145px; } .bootstrap-datetimepicker-widget table th.disabled, .bootstrap-datetimepicker-widget table th.disabled:hover { background: none; color: #8e9caf; cursor: not-allowed; } .bootstrap-datetimepicker-widget table th.prev::after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; content: "Previous Month"; } .bootstrap-datetimepicker-widget table th.next::after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; content: "Next Month"; } .bootstrap-datetimepicker-widget table thead tr:first-child th { cursor: pointer; } .bootstrap-datetimepicker-widget table thead tr:first-child th:hover { background: #F5F5F5; } .bootstrap-datetimepicker-widget table td { height: 54px; line-height: 54px; width: 54px; } .bootstrap-datetimepicker-widget table td.cw { font-size: .8em; height: 20px; line-height: 20px; color: #7F8FA4; } .bootstrap-datetimepicker-widget table td.day { height: 20px; line-height: 20px; width: 20px; } .bootstrap-datetimepicker-widget table td.day:hover, .bootstrap-datetimepicker-widget table td.hour:hover, .bootstrap-datetimepicker-widget table td.minute:hover, .bootstrap-datetimepicker-widget table td.second:hover { background: #F5F5F5; cursor: pointer; } .bootstrap-datetimepicker-widget table td.old, .bootstrap-datetimepicker-widget table td.new { color: #7F8FA4; } .bootstrap-datetimepicker-widget table td.today { position: relative; } .bootstrap-datetimepicker-widget table td.today:before { content: ''; display: inline-block; border: solid transparent; border-width: 0 0 7px 7px; border-bottom-color: #292f43; border-top-color: #DBE0E4; position: absolute; bottom: 4px; right: 4px; } .bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover { background-color: #292f43; color: #FFF; text-shadow: none; } .bootstrap-datetimepicker-widget table td.active.today:before { border-bottom-color: #fff; } .bootstrap-datetimepicker-widget table td.disabled, .bootstrap-datetimepicker-widget table td.disabled:hover { background: none; color: #8e9caf; cursor: not-allowed; } .bootstrap-datetimepicker-widget table td .btn { line-height: 1.42857143; } .bootstrap-datetimepicker-widget table td .btn span[class^='icon-'] { line-height: 54px; margin: 0px; } .bootstrap-datetimepicker-widget table td span { display: inline-block; width: 54px; height: 54px; line-height: 54px; margin: 2px 1.5px; cursor: pointer; border-radius: 3px; font-size: 20px; color: #454545; } .bootstrap-datetimepicker-widget table td span:hover { background: #F5F5F5; } .bootstrap-datetimepicker-widget table td span.active { background-color: #292f43; color: #FFF; text-shadow: none; } .bootstrap-datetimepicker-widget table td span.old { color: #7F8FA4; } .bootstrap-datetimepicker-widget table td span.disabled, .bootstrap-datetimepicker-widget table td span.disabled:hover { background: none; color: #8e9caf; cursor: not-allowed; } .bootstrap-datetimepicker-widget.usetwentyfour td.hour { height: 27px; line-height: 27px; } .bootstrap-datetimepicker-widget.wider { width: 21em; } .bootstrap-datetimepicker-widget .datepicker-decades .decade { line-height: 1.8em !important; } .datepicker-months table tr td span, .datepicker-decades table tr td span, .datepicker-years table tr td span { font-size: 13px; } .datepicker-decades table tr td span { padding: 5px 0px; } .input-group.date .input-group-addon { cursor: pointer; } .sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } table.dataTable { clear: both; margin-top: 6px !important; margin-bottom: 6px !important; max-width: none !important; border-collapse: separate !important; } table.dataTable td, table.dataTable th { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } table.dataTable td.dataTables_empty, table.dataTable th.dataTables_empty { text-align: center; } table.dataTable.nowrap th, table.dataTable.nowrap td { white-space: nowrap; } div.dataTables_wrapper div.dataTables_length label { font-weight: normal; text-align: left; white-space: nowrap; margin-bottom: 0px; font-size: 11px; color: #7F8FA4; font-weight: 700; text-transform: uppercase; } div.dataTables_wrapper div.dataTables_length select { width: 75px; display: inline-block; margin: 0px 5px; } div.dataTables_wrapper div.dataTables_filter { text-align: right; } div.dataTables_wrapper div.dataTables_filter label { font-weight: normal; white-space: nowrap; text-align: left; margin-bottom: 0px; font-size: 11px; color: #7F8FA4; font-weight: 700; text-transform: uppercase; } div.dataTables_wrapper div.dataTables_filter input { margin-left: 0.5em; display: inline-block; width: auto; } div.dataTables_wrapper div.dataTables_info { padding-top: 10px; white-space: nowrap; } div.dataTables_wrapper div.dataTables_paginate { margin: 0; white-space: nowrap; text-align: right; } div.dataTables_wrapper div.dataTables_paginate ul.pagination { margin: 2px 0; white-space: nowrap; } div.dataTables_wrapper div.dataTables_paginate ul.pagination { float: none; width: auto; } div.dataTables_wrapper div.dataTables_processing { position: absolute; top: 50%; left: 50%; width: 200px; margin-left: -100px; margin-top: -26px; text-align: center; padding: 1em 0; } table.dataTable thead > tr > th.sorting_asc, table.dataTable thead > tr > th.sorting_desc, table.dataTable thead > tr > th.sorting, table.dataTable thead > tr > td.sorting_asc, table.dataTable thead > tr > td.sorting_desc, table.dataTable thead > tr > td.sorting { padding-right: 30px; } table.dataTable thead > tr > th:active, table.dataTable thead > tr > td:active { outline: none; } table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc_disabled { cursor: pointer; position: relative; } table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after { position: absolute; bottom: 10px; font-size: 14px; right: 8px; display: block; font-family: 'FontAwesome'; opacity: 0.5; } table.dataTable thead .sorting:after { opacity: 0.2; content: "\f0dc"; /* sort */ } table.dataTable thead .sorting_asc:after { content: "\f0d7"; /* sort-by-attributes */ } table.dataTable thead .sorting_desc:after { content: "\f0d8"; /* sort-by-attributes-alt */ } table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after { color: #eee; } div.dataTables_scrollHead table.dataTable { margin-bottom: 0 !important; } div.dataTables_scrollBody table { border-top: none; margin-top: 0 !important; margin-bottom: 0 !important; } div.dataTables_scrollBody table thead .sorting:after, div.dataTables_scrollBody table thead .sorting_asc:after, div.dataTables_scrollBody table thead .sorting_desc:after { display: none; } div.dataTables_scrollBody table tbody tr:first-child th, div.dataTables_scrollBody table tbody tr:first-child td { border-top: none; } div.dataTables_scrollFoot table { margin-top: 0 !important; border-top: none; } @media screen and (max-width: 767px) { div.dataTables_wrapper div.dataTables_length, div.dataTables_wrapper div.dataTables_filter, div.dataTables_wrapper div.dataTables_info, div.dataTables_wrapper div.dataTables_paginate { text-align: center; } } table.dataTable.table-condensed > thead > tr > th { padding-right: 20px; } table.dataTable.table-condensed .sorting:after, table.dataTable.table-condensed .sorting_asc:after, table.dataTable.table-condensed .sorting_desc:after { top: 6px; right: 6px; } table.table-bordered.dataTable th, table.table-bordered.dataTable td { border-left-width: 0; } table.table-bordered.dataTable th:last-child, table.table-bordered.dataTable th:last-child, table.table-bordered.dataTable td:last-child, table.table-bordered.dataTable td:last-child { border-right-width: 0; } table.table-bordered.dataTable tbody th, table.table-bordered.dataTable tbody td { border-bottom-width: 0; } div.dataTables_scrollHead table.table-bordered { border-bottom-width: 0; } div.table-responsive > div.dataTables_wrapper > div.row { margin: 0; } div.table-responsive > div.dataTables_wrapper > div.row > div[class^="col-"]:first-child { padding-left: 0; } div.table-responsive > div.dataTables_wrapper > div.row > div[class^="col-"]:last-child { padding-right: 0; } @font-face { font-family: "summernote"; font-style: normal; font-weight: normal; src: url("fonts/summernote.eot?ad8d7e2d177d2473aecd9b35d16211fb"); src: url("fonts/summernote.eot?#iefix") format("embedded-opentype"), url("fonts/summernote.woff?ad8d7e2d177d2473aecd9b35d16211fb") format("woff"), url("fonts/summernote.ttf?ad8d7e2d177d2473aecd9b35d16211fb") format("truetype"); } [class^="note-icon-"]:before, [class*=" note-icon-"]:before { display: inline-block; font: normal normal normal 14px summernote; font-size: inherit; -webkit-font-smoothing: antialiased; text-decoration: inherit; text-rendering: auto; text-transform: none; vertical-align: middle; speak: none; -moz-osx-font-smoothing: grayscale; } .note-icon-align-center:before { content: "\f101"; } .note-icon-align-indent:before { content: "\f102"; } .note-icon-align-justify:before { content: "\f103"; } .note-icon-align-left:before { content: "\f104"; } .note-icon-align-outdent:before { content: "\f105"; } .note-icon-align-right:before { content: "\f106"; } .note-icon-align:before { content: "\f107"; } .note-icon-arrows-alt:before { content: "\f108"; } .note-icon-bold:before { content: "\f109"; } .note-icon-caret:before { content: "\f10a"; } .note-icon-chain-broken:before { content: "\f10b"; } .note-icon-circle:before { content: "\f10c"; } .note-icon-close:before { content: "\f10d"; } .note-icon-code:before { content: "\f10e"; } .note-icon-eraser:before { content: "\f10f"; } .note-icon-font:before { content: "\f110"; } .note-icon-frame:before { content: "\f111"; } .note-icon-italic:before { content: "\f112"; } .note-icon-link:before { content: "\f113"; } .note-icon-magic:before { content: "\f114"; } .note-icon-menu-check:before { content: "\f115"; } .note-icon-minus:before { content: "\f116"; } .note-icon-orderedlist:before { content: "\f117"; } .note-icon-pencil:before { content: "\f118"; } .note-icon-picture:before { content: "\f119"; } .note-icon-question:before { content: "\f11a"; } .note-icon-redo:before { content: "\f11b"; } .note-icon-special-character:before { content: "\f11c"; } .note-icon-square:before { content: "\f11d"; } .note-icon-strikethrough:before { content: "\f11e"; } .note-icon-subscript:before { content: "\f11f"; } .note-icon-summernote:before { content: "\f120"; } .note-icon-superscript:before { content: "\f121"; } .note-icon-table:before { content: "\f122"; } .note-icon-text-height:before { content: "\f123"; } .note-icon-trash:before { content: "\f124"; } .note-icon-underline:before { content: "\f125"; } .note-icon-undo:before { content: "\f126"; } .note-icon-unorderedlist:before { content: "\f127"; } .note-icon-video:before { content: "\f128"; } .note-editor { position: relative; } .note-editor .note-dropzone { position: absolute; z-index: 100; display: none; color: #87cefa; background-color: white; opacity: .95; pointer-event: none; } .note-editor .note-dropzone .note-dropzone-message { display: table-cell; font-size: 28px; font-weight: bold; text-align: center; vertical-align: middle; } .note-editor .note-dropzone.hover { color: #098ddf; } .note-editor.dragover .note-dropzone { display: table; } .note-editor .note-editing-area { position: relative; } .note-editor .note-editing-area .note-editable { outline: 0; } .note-editor .note-editing-area .note-editable sup { vertical-align: super; } .note-editor .note-editing-area .note-editable sub { vertical-align: sub; } .note-editor.note-frame { border: 1px solid #a9a9a9; } .note-editor.note-frame.codeview .note-editing-area .note-editable { display: none; } .note-editor.note-frame.codeview .note-editing-area .note-codable { display: block; } .note-editor.note-frame .note-editing-area { overflow: hidden; float: left; width: 100%; } .note-editor.note-frame .note-editing-area .note-editable { padding: 10px; overflow: auto; color: #000; background-color: #fff; } .note-editor.note-frame .note-editing-area .note-editable[contenteditable="false"] { background-color: #e5e5e5; } .note-editor.note-frame .note-editing-area .note-codable { display: none; width: 100%; padding: 10px; margin-bottom: 0; font-family: Menlo, Monaco, monospace, sans-serif; font-size: 14px; color: #ccc; background-color: #222; border: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; box-shadow: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; resize: none; } .note-editor.note-frame.fullscreen { position: fixed; top: 0; left: 0; z-index: 1050; width: 100%; } .note-editor.note-frame.fullscreen .note-editable { background-color: white; } .note-editor.note-frame.fullscreen .note-resizebar { display: none; } .note-editor.note-frame .note-statusbar { background-color: #f5f5f5; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } .note-editor.note-frame .note-statusbar .note-resizebar { width: 100%; height: 8px; padding-top: 1px; cursor: ns-resize; } .note-editor.note-frame .note-statusbar .note-resizebar .note-icon-bar { width: 20px; margin: 1px auto; border-top: 1px solid #a9a9a9; } .note-editor.note-frame .note-placeholder { padding: 10px; } .note-popover.popover { max-width: none; } .note-popover.popover .popover-content a { display: inline-block; max-width: 200px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: middle; } .note-popover.popover .arrow { left: 20px !important; } .note-popover .popover-content, .panel-heading.note-toolbar { padding: 0 0 5px 5px; margin: 0; } .note-popover .popover-content > .btn-group, .panel-heading.note-toolbar > .btn-group { margin-right: 5px; margin-left: 0; } .note-popover .popover-content .btn-group .note-table, .panel-heading.note-toolbar .btn-group .note-table { min-width: 0; padding: 5px; } .note-popover .popover-content .btn-group .note-table .note-dimension-picker, .panel-heading.note-toolbar .btn-group .note-table .note-dimension-picker { font-size: 18px; } .note-popover .popover-content .btn-group .note-table .note-dimension-picker .note-dimension-picker-mousecatcher, .panel-heading.note-toolbar .btn-group .note-table .note-dimension-picker .note-dimension-picker-mousecatcher { position: absolute!important; z-index: 3; width: 10em; height: 10em; cursor: pointer; } .note-popover .popover-content .btn-group .note-table .note-dimension-picker .note-dimension-picker-unhighlighted, .panel-heading.note-toolbar .btn-group .note-table .note-dimension-picker .note-dimension-picker-unhighlighted { position: relative!important; z-index: 1; width: 5em; height: 5em; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIj4+Pjp6ekKlAqjAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKhmnaJzPAAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC') repeat; } .note-popover .popover-content .btn-group .note-table .note-dimension-picker .note-dimension-picker-highlighted, .panel-heading.note-toolbar .btn-group .note-table .note-dimension-picker .note-dimension-picker-highlighted { position: absolute!important; z-index: 2; width: 1em; height: 1em; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIjd6vvD2f9LKLW+AAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKwNDEVT0AAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC') repeat; } .note-popover .popover-content .note-style h1, .panel-heading.note-toolbar .note-style h1, .note-popover .popover-content .note-style h2, .panel-heading.note-toolbar .note-style h2, .note-popover .popover-content .note-style h3, .panel-heading.note-toolbar .note-style h3, .note-popover .popover-content .note-style h4, .panel-heading.note-toolbar .note-style h4, .note-popover .popover-content .note-style h5, .panel-heading.note-toolbar .note-style h5, .note-popover .popover-content .note-style h6, .panel-heading.note-toolbar .note-style h6, .note-popover .popover-content .note-style blockquote, .panel-heading.note-toolbar .note-style blockquote { margin: 0; } .note-popover .popover-content .note-color .dropdown-toggle, .panel-heading.note-toolbar .note-color .dropdown-toggle { width: 30px; padding-left: 5px; } .note-popover .popover-content .note-color .dropdown-menu, .panel-heading.note-toolbar .note-color .dropdown-menu { min-width: 340px; } .note-popover .popover-content .note-color .dropdown-menu .btn-group, .panel-heading.note-toolbar .note-color .dropdown-menu .btn-group { margin: 0; } .note-popover .popover-content .note-color .dropdown-menu .btn-group:first-child, .panel-heading.note-toolbar .note-color .dropdown-menu .btn-group:first-child { margin: 0 5px; } .note-popover .popover-content .note-color .dropdown-menu .btn-group .note-palette-title, .panel-heading.note-toolbar .note-color .dropdown-menu .btn-group .note-palette-title { margin: 2px 7px; font-size: 12px; text-align: center; border-bottom: 1px solid #eee; } .note-popover .popover-content .note-color .dropdown-menu .btn-group .note-color-reset, .panel-heading.note-toolbar .note-color .dropdown-menu .btn-group .note-color-reset { width: 100%; padding: 0 3px; margin: 3px; font-size: 11px; cursor: pointer; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .note-popover .popover-content .note-color .dropdown-menu .btn-group .note-color-row, .panel-heading.note-toolbar .note-color .dropdown-menu .btn-group .note-color-row { height: 20px; } .note-popover .popover-content .note-color .dropdown-menu .btn-group .note-color-reset:hover, .panel-heading.note-toolbar .note-color .dropdown-menu .btn-group .note-color-reset:hover { background: #eee; } .note-popover .popover-content .note-para .dropdown-menu, .panel-heading.note-toolbar .note-para .dropdown-menu { min-width: 216px; padding: 5px; } .note-popover .popover-content .note-para .dropdown-menu > div:first-child, .panel-heading.note-toolbar .note-para .dropdown-menu > div:first-child { margin-right: 5px; } .note-popover .popover-content .dropdown-menu, .panel-heading.note-toolbar .dropdown-menu { min-width: 90px; } .note-popover .popover-content .dropdown-menu.right, .panel-heading.note-toolbar .dropdown-menu.right { right: 0; left: auto; } .note-popover .popover-content .dropdown-menu.right::before, .panel-heading.note-toolbar .dropdown-menu.right::before { right: 9px; left: auto !important; } .note-popover .popover-content .dropdown-menu.right::after, .panel-heading.note-toolbar .dropdown-menu.right::after { right: 10px; left: auto !important; } .note-popover .popover-content .dropdown-menu.note-check li a i, .panel-heading.note-toolbar .dropdown-menu.note-check li a i { color: deepskyblue; visibility: hidden; } .note-popover .popover-content .dropdown-menu.note-check li a.checked i, .panel-heading.note-toolbar .dropdown-menu.note-check li a.checked i { visibility: visible; } .note-popover .popover-content .note-fontsize-10, .panel-heading.note-toolbar .note-fontsize-10 { font-size: 10px; } .note-popover .popover-content .note-color-palette, .panel-heading.note-toolbar .note-color-palette { line-height: 1; } .note-popover .popover-content .note-color-palette div .note-color-btn, .panel-heading.note-toolbar .note-color-palette div .note-color-btn { width: 20px; height: 20px; padding: 0; margin: 0; border: 1px solid #fff; } .note-popover .popover-content .note-color-palette div .note-color-btn:hover, .panel-heading.note-toolbar .note-color-palette div .note-color-btn:hover { border: 1px solid #000; } .note-dialog > div { display: none; } .note-dialog .form-group { margin-right: 0; margin-left: 0; } .note-dialog .note-modal-form { margin: 0; } .note-dialog .note-image-dialog .note-dropzone { min-height: 100px; margin-bottom: 10px; font-size: 30px; line-height: 4; color: lightgray; text-align: center; border: 4px dashed lightgray; } @-moz-document url-prefix() { .note-image-input { height: auto; } } .note-placeholder { position: absolute; display: none; color: gray; } .note-handle .note-control-selection { position: absolute; display: none; border: 1px solid black; } .note-handle .note-control-selection > div { position: absolute; } .note-handle .note-control-selection .note-control-selection-bg { width: 100%; height: 100%; background-color: black; -webkit-opacity: .3; -khtml-opacity: .3; -moz-opacity: .3; opacity: .3; -ms-filter: alpha(opacity=30); filter: alpha(opacity=30); } .note-handle .note-control-selection .note-control-handle { width: 7px; height: 7px; border: 1px solid black; } .note-handle .note-control-selection .note-control-holder { width: 7px; height: 7px; border: 1px solid black; } .note-handle .note-control-selection .note-control-sizing { width: 7px; height: 7px; background-color: white; border: 1px solid black; } .note-handle .note-control-selection .note-control-nw { top: -5px; left: -5px; border-right: 0; border-bottom: 0; } .note-handle .note-control-selection .note-control-ne { top: -5px; right: -5px; border-bottom: 0; border-left: none; } .note-handle .note-control-selection .note-control-sw { bottom: -5px; left: -5px; border-top: 0; border-right: 0; } .note-handle .note-control-selection .note-control-se { right: -5px; bottom: -5px; cursor: se-resize; } .note-handle .note-control-selection .note-control-se.note-control-holder { cursor: default; border-top: 0; border-left: none; } .note-handle .note-control-selection .note-control-selection-info { right: 0; bottom: 0; padding: 5px; margin: 5px; font-size: 12px; color: white; background-color: black; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-opacity: .7; -khtml-opacity: .7; -moz-opacity: .7; opacity: .7; -ms-filter: alpha(opacity=70); filter: alpha(opacity=70); } .note-hint-popover { min-width: 100px; padding: 2px; } .note-hint-popover .popover-content { max-height: 150px; padding: 3px; overflow: auto; } .note-hint-popover .popover-content .note-hint-group .note-hint-item { display: block!important; padding: 3px; } .note-hint-popover .popover-content .note-hint-group .note-hint-item.active, .note-hint-popover .popover-content .note-hint-group .note-hint-item:hover { display: block; clear: both; font-weight: 400; line-height: 1.4; color: white; text-decoration: none; white-space: nowrap; cursor: pointer; background-color: #428bca; outline: 0; } .app .panel > .note-toolbar.panel-heading { padding: 5px 10px; } .app .panel > .note-toolbar.panel-heading .btn.btn-sm { padding: 0px 10px; } body.stop-scrolling { height: 100%; overflow: hidden; } .sweet-overlay { background-color: black; /* IE8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; /* IE8 */ background-color: rgba(0, 0, 0, 0.4); position: fixed; left: 0; right: 0; top: 0; bottom: 0; display: none; z-index: 10000; } .sweet-alert { background-color: white; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; width: 478px; padding: 17px; border-radius: 5px; text-align: center; position: fixed; left: 50%; top: 50%; margin-left: -256px; margin-top: -200px; overflow: hidden; display: none; z-index: 99999; } @media all and (max-width: 540px) { .sweet-alert { width: auto; margin-left: 0; margin-right: 0; left: 15px; right: 15px; } } .sweet-alert h2 { color: #575757; font-size: 30px; text-align: center; font-weight: 600; text-transform: none; position: relative; margin: 25px 0; padding: 0; line-height: 40px; display: block; } .sweet-alert p { color: #797979; font-size: 16px; text-align: center; font-weight: 300; position: relative; text-align: inherit; float: none; margin: 0; padding: 0; line-height: normal; } .sweet-alert fieldset { border: none; position: relative; } .sweet-alert .sa-error-container { background-color: #f1f1f1; margin-left: -17px; margin-right: -17px; overflow: hidden; padding: 0 10px; max-height: 0; webkit-transition: padding 0.15s, max-height 0.15s; transition: padding 0.15s, max-height 0.15s; } .sweet-alert .sa-error-container.show { padding: 10px 0; max-height: 100px; webkit-transition: padding 0.2s, max-height 0.2s; transition: padding 0.25s, max-height 0.25s; } .sweet-alert .sa-error-container .icon { display: inline-block; width: 24px; height: 24px; border-radius: 50%; background-color: #ea7d7d; color: white; line-height: 24px; text-align: center; margin-right: 3px; } .sweet-alert .sa-error-container p { display: inline-block; } .sweet-alert .sa-input-error { position: absolute; top: 29px; right: 26px; width: 20px; height: 20px; opacity: 0; -webkit-transform: scale(0.5); transform: scale(0.5); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: all 0.1s; transition: all 0.1s; } .sweet-alert .sa-input-error::before, .sweet-alert .sa-input-error::after { content: ""; width: 20px; height: 6px; background-color: #f06e57; border-radius: 3px; position: absolute; top: 50%; margin-top: -4px; left: 50%; margin-left: -9px; } .sweet-alert .sa-input-error::before { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .sweet-alert .sa-input-error::after { -webkit-transform: rotate(45deg); transform: rotate(45deg); } .sweet-alert .sa-input-error.show { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .sweet-alert input { width: 100%; box-sizing: border-box; border-radius: 3px; border: 1px solid #d7d7d7; height: 43px; margin-top: 10px; margin-bottom: 17px; font-size: 18px; box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.06); padding: 0 12px; display: none; -webkit-transition: all 0.3s; transition: all 0.3s; } .sweet-alert input:focus { outline: none; box-shadow: 0px 0px 3px #c4e6f5; border: 1px solid #b4dbed; } .sweet-alert input:focus::-moz-placeholder { transition: opacity 0.3s 0.03s ease; opacity: 0.5; } .sweet-alert input:focus:-ms-input-placeholder { transition: opacity 0.3s 0.03s ease; opacity: 0.5; } .sweet-alert input:focus::-webkit-input-placeholder { transition: opacity 0.3s 0.03s ease; opacity: 0.5; } .sweet-alert input::-moz-placeholder { color: #bdbdbd; } .sweet-alert input:-ms-input-placeholder { color: #bdbdbd; } .sweet-alert input::-webkit-input-placeholder { color: #bdbdbd; } .sweet-alert.show-input input { display: block; } .sweet-alert .sa-confirm-button-container { display: inline-block; position: relative; } .sweet-alert .la-ball-fall { position: absolute; left: 50%; top: 50%; margin-left: -27px; margin-top: 4px; opacity: 0; visibility: hidden; } .sweet-alert button { background-color: #8CD4F5; color: white; border: none; box-shadow: none; font-size: 17px; font-weight: 500; -webkit-border-radius: 4px; border-radius: 5px; padding: 10px 32px; margin: 26px 5px 0 5px; cursor: pointer; } .sweet-alert button:focus { outline: none; box-shadow: 0 0 2px rgba(128, 179, 235, 0.5), inset 0 0 0 1px rgba(0, 0, 0, 0.05); } .sweet-alert button:hover { background-color: #7ecff4; } .sweet-alert button:active { background-color: #5dc2f1; } .sweet-alert button.cancel { background-color: #C1C1C1; } .sweet-alert button.cancel:hover { background-color: #b9b9b9; } .sweet-alert button.cancel:active { background-color: #a8a8a8; } .sweet-alert button.cancel:focus { box-shadow: rgba(197, 205, 211, 0.8) 0px 0px 2px, rgba(0, 0, 0, 0.0470588) 0px 0px 0px 1px inset !important; } .sweet-alert button[disabled] { opacity: .6; cursor: default; } .sweet-alert button.confirm[disabled] { color: transparent; } .sweet-alert button.confirm[disabled] ~ .la-ball-fall { opacity: 1; visibility: visible; transition-delay: 0s; } .sweet-alert button::-moz-focus-inner { border: 0; } .sweet-alert[data-has-cancel-button=false] button { box-shadow: none !important; } .sweet-alert[data-has-confirm-button=false][data-has-cancel-button=false] { padding-bottom: 40px; } .sweet-alert .sa-icon { width: 80px; height: 80px; border: 4px solid gray; -webkit-border-radius: 40px; border-radius: 40px; border-radius: 50%; margin: 20px auto; padding: 0; position: relative; box-sizing: content-box; } .sweet-alert .sa-icon.sa-error { border-color: #F27474; } .sweet-alert .sa-icon.sa-error .sa-x-mark { position: relative; display: block; } .sweet-alert .sa-icon.sa-error .sa-line { position: absolute; height: 5px; width: 47px; background-color: #F27474; display: block; top: 37px; border-radius: 2px; } .sweet-alert .sa-icon.sa-error .sa-line.sa-left { -webkit-transform: rotate(45deg); transform: rotate(45deg); left: 17px; } .sweet-alert .sa-icon.sa-error .sa-line.sa-right { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); right: 16px; } .sweet-alert .sa-icon.sa-warning { border-color: #F8BB86; } .sweet-alert .sa-icon.sa-warning .sa-body { position: absolute; width: 5px; height: 47px; left: 50%; top: 10px; -webkit-border-radius: 2px; border-radius: 2px; margin-left: -2px; background-color: #F8BB86; } .sweet-alert .sa-icon.sa-warning .sa-dot { position: absolute; width: 7px; height: 7px; -webkit-border-radius: 50%; border-radius: 50%; margin-left: -3px; left: 50%; bottom: 10px; background-color: #F8BB86; } .sweet-alert .sa-icon.sa-info { border-color: #C9DAE1; } .sweet-alert .sa-icon.sa-info::before { content: ""; position: absolute; width: 5px; height: 29px; left: 50%; bottom: 17px; border-radius: 2px; margin-left: -2px; background-color: #C9DAE1; } .sweet-alert .sa-icon.sa-info::after { content: ""; position: absolute; width: 7px; height: 7px; border-radius: 50%; margin-left: -3px; top: 19px; background-color: #C9DAE1; } .sweet-alert .sa-icon.sa-success { border-color: #A5DC86; } .sweet-alert .sa-icon.sa-success::before, .sweet-alert .sa-icon.sa-success::after { content: ''; -webkit-border-radius: 40px; border-radius: 40px; border-radius: 50%; position: absolute; width: 60px; height: 120px; background: white; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .sweet-alert .sa-icon.sa-success::before { -webkit-border-radius: 120px 0 0 120px; border-radius: 120px 0 0 120px; top: -7px; left: -33px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 60px 60px; transform-origin: 60px 60px; } .sweet-alert .sa-icon.sa-success::after { -webkit-border-radius: 0 120px 120px 0; border-radius: 0 120px 120px 0; top: -11px; left: 30px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 0px 60px; transform-origin: 0px 60px; } .sweet-alert .sa-icon.sa-success .sa-placeholder { width: 80px; height: 80px; border: 4px solid rgba(165, 220, 134, 0.2); -webkit-border-radius: 40px; border-radius: 40px; border-radius: 50%; box-sizing: content-box; position: absolute; left: -4px; top: -4px; z-index: 2; } .sweet-alert .sa-icon.sa-success .sa-fix { width: 5px; height: 90px; background-color: white; position: absolute; left: 28px; top: 8px; z-index: 1; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .sweet-alert .sa-icon.sa-success .sa-line { height: 5px; background-color: #A5DC86; display: block; border-radius: 2px; position: absolute; z-index: 2; } .sweet-alert .sa-icon.sa-success .sa-line.sa-tip { width: 25px; left: 14px; top: 46px; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .sweet-alert .sa-icon.sa-success .sa-line.sa-long { width: 47px; right: 8px; top: 38px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .sweet-alert .sa-icon.sa-custom { background-size: contain; border-radius: 0; border: none; background-position: center center; background-repeat: no-repeat; } /* * Animations */ @-webkit-keyframes showSweetAlert { 0% { transform: scale(0.7); -webkit-transform: scale(0.7); } 45% { transform: scale(1.05); -webkit-transform: scale(1.05); } 80% { transform: scale(0.95); -webkit-transform: scale(0.95); } 100% { transform: scale(1); -webkit-transform: scale(1); } } @keyframes showSweetAlert { 0% { transform: scale(0.7); -webkit-transform: scale(0.7); } 45% { transform: scale(1.05); -webkit-transform: scale(1.05); } 80% { transform: scale(0.95); -webkit-transform: scale(0.95); } 100% { transform: scale(1); -webkit-transform: scale(1); } } @-webkit-keyframes hideSweetAlert { 0% { transform: scale(1); -webkit-transform: scale(1); } 100% { transform: scale(0.5); -webkit-transform: scale(0.5); } } @keyframes hideSweetAlert { 0% { transform: scale(1); -webkit-transform: scale(1); } 100% { transform: scale(0.5); -webkit-transform: scale(0.5); } } @-webkit-keyframes slideFromTop { 0% { top: 0%; } 100% { top: 50%; } } @keyframes slideFromTop { 0% { top: 0%; } 100% { top: 50%; } } @-webkit-keyframes slideToTop { 0% { top: 50%; } 100% { top: 0%; } } @keyframes slideToTop { 0% { top: 50%; } 100% { top: 0%; } } @-webkit-keyframes slideFromBottom { 0% { top: 70%; } 100% { top: 50%; } } @keyframes slideFromBottom { 0% { top: 70%; } 100% { top: 50%; } } @-webkit-keyframes slideToBottom { 0% { top: 50%; } 100% { top: 70%; } } @keyframes slideToBottom { 0% { top: 50%; } 100% { top: 70%; } } .showSweetAlert[data-animation=pop] { -webkit-animation: showSweetAlert 0.3s; animation: showSweetAlert 0.3s; } .showSweetAlert[data-animation=none] { -webkit-animation: none; animation: none; } .showSweetAlert[data-animation=slide-from-top] { -webkit-animation: slideFromTop 0.3s; animation: slideFromTop 0.3s; } .showSweetAlert[data-animation=slide-from-bottom] { -webkit-animation: slideFromBottom 0.3s; animation: slideFromBottom 0.3s; } .hideSweetAlert[data-animation=pop] { -webkit-animation: hideSweetAlert 0.2s; animation: hideSweetAlert 0.2s; } .hideSweetAlert[data-animation=none] { -webkit-animation: none; animation: none; } .hideSweetAlert[data-animation=slide-from-top] { -webkit-animation: slideToTop 0.4s; animation: slideToTop 0.4s; } .hideSweetAlert[data-animation=slide-from-bottom] { -webkit-animation: slideToBottom 0.3s; animation: slideToBottom 0.3s; } @-webkit-keyframes animateSuccessTip { 0% { width: 0; left: 1px; top: 19px; } 54% { width: 0; left: 1px; top: 19px; } 70% { width: 50px; left: -8px; top: 37px; } 84% { width: 17px; left: 21px; top: 48px; } 100% { width: 25px; left: 14px; top: 45px; } } @keyframes animateSuccessTip { 0% { width: 0; left: 1px; top: 19px; } 54% { width: 0; left: 1px; top: 19px; } 70% { width: 50px; left: -8px; top: 37px; } 84% { width: 17px; left: 21px; top: 48px; } 100% { width: 25px; left: 14px; top: 45px; } } @-webkit-keyframes animateSuccessLong { 0% { width: 0; right: 46px; top: 54px; } 65% { width: 0; right: 46px; top: 54px; } 84% { width: 55px; right: 0px; top: 35px; } 100% { width: 47px; right: 8px; top: 38px; } } @keyframes animateSuccessLong { 0% { width: 0; right: 46px; top: 54px; } 65% { width: 0; right: 46px; top: 54px; } 84% { width: 55px; right: 0px; top: 35px; } 100% { width: 47px; right: 8px; top: 38px; } } @-webkit-keyframes rotatePlaceholder { 0% { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } 5% { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } 12% { transform: rotate(-405deg); -webkit-transform: rotate(-405deg); } 100% { transform: rotate(-405deg); -webkit-transform: rotate(-405deg); } } @keyframes rotatePlaceholder { 0% { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } 5% { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } 12% { transform: rotate(-405deg); -webkit-transform: rotate(-405deg); } 100% { transform: rotate(-405deg); -webkit-transform: rotate(-405deg); } } .animateSuccessTip { -webkit-animation: animateSuccessTip 0.75s; animation: animateSuccessTip 0.75s; } .animateSuccessLong { -webkit-animation: animateSuccessLong 0.75s; animation: animateSuccessLong 0.75s; } .sa-icon.sa-success.animate::after { -webkit-animation: rotatePlaceholder 4.25s ease-in; animation: rotatePlaceholder 4.25s ease-in; } @-webkit-keyframes animateErrorIcon { 0% { transform: rotateX(100deg); -webkit-transform: rotateX(100deg); opacity: 0; } 100% { transform: rotateX(0deg); -webkit-transform: rotateX(0deg); opacity: 1; } } @keyframes animateErrorIcon { 0% { transform: rotateX(100deg); -webkit-transform: rotateX(100deg); opacity: 0; } 100% { transform: rotateX(0deg); -webkit-transform: rotateX(0deg); opacity: 1; } } .animateErrorIcon { -webkit-animation: animateErrorIcon 0.5s; animation: animateErrorIcon 0.5s; } @-webkit-keyframes animateXMark { 0% { transform: scale(0.4); -webkit-transform: scale(0.4); margin-top: 26px; opacity: 0; } 50% { transform: scale(0.4); -webkit-transform: scale(0.4); margin-top: 26px; opacity: 0; } 80% { transform: scale(1.15); -webkit-transform: scale(1.15); margin-top: -6px; } 100% { transform: scale(1); -webkit-transform: scale(1); margin-top: 0; opacity: 1; } } @keyframes animateXMark { 0% { transform: scale(0.4); -webkit-transform: scale(0.4); margin-top: 26px; opacity: 0; } 50% { transform: scale(0.4); -webkit-transform: scale(0.4); margin-top: 26px; opacity: 0; } 80% { transform: scale(1.15); -webkit-transform: scale(1.15); margin-top: -6px; } 100% { transform: scale(1); -webkit-transform: scale(1); margin-top: 0; opacity: 1; } } .animateXMark { -webkit-animation: animateXMark 0.5s; animation: animateXMark 0.5s; } @-webkit-keyframes pulseWarning { 0% { border-color: #F8D486; } 100% { border-color: #F8BB86; } } @keyframes pulseWarning { 0% { border-color: #F8D486; } 100% { border-color: #F8BB86; } } .pulseWarning { -webkit-animation: pulseWarning 0.75s infinite alternate; animation: pulseWarning 0.75s infinite alternate; } @-webkit-keyframes pulseWarningIns { 0% { background-color: #F8D486; } 100% { background-color: #F8BB86; } } @keyframes pulseWarningIns { 0% { background-color: #F8D486; } 100% { background-color: #F8BB86; } } .pulseWarningIns { -webkit-animation: pulseWarningIns 0.75s infinite alternate; animation: pulseWarningIns 0.75s infinite alternate; } @-webkit-keyframes rotate-loading { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes rotate-loading { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /* Internet Explorer 9 has some special quirks that are fixed here */ /* The icons are not animated. */ /* This file is automatically merged into sweet-alert.min.js through Gulp */ /* Error icon */ .sweet-alert .sa-icon.sa-error .sa-line.sa-left { -ms-transform: rotate(45deg); } .sweet-alert .sa-icon.sa-error .sa-line.sa-right { -ms-transform: rotate(-45deg); } /* Success icon */ .sweet-alert .sa-icon.sa-success { border-color: transparent; } .sweet-alert .sa-icon.sa-success .sa-line.sa-tip { -ms-transform: rotate(45deg); } .sweet-alert .sa-icon.sa-success .sa-line.sa-long { -ms-transform: rotate(-45deg); } .la-ball-fall, .la-ball-fall > div { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .la-ball-fall { display: block; font-size: 0; color: #fff; } .la-ball-fall.la-dark { color: #333; } .la-ball-fall > div { display: inline-block; float: none; background-color: currentColor; border: 0 solid currentColor; } .la-ball-fall { width: 54px; height: 18px; } .la-ball-fall > div { width: 10px; height: 10px; margin: 4px; border-radius: 100%; opacity: 0; -webkit-animation: ball-fall 1s ease-in-out infinite; -moz-animation: ball-fall 1s ease-in-out infinite; -o-animation: ball-fall 1s ease-in-out infinite; animation: ball-fall 1s ease-in-out infinite; } .la-ball-fall > div:nth-child(1) { -webkit-animation-delay: -200ms; -moz-animation-delay: -200ms; -o-animation-delay: -200ms; animation-delay: -200ms; } .la-ball-fall > div:nth-child(2) { -webkit-animation-delay: -100ms; -moz-animation-delay: -100ms; -o-animation-delay: -100ms; animation-delay: -100ms; } .la-ball-fall > div:nth-child(3) { -webkit-animation-delay: 0ms; -moz-animation-delay: 0ms; -o-animation-delay: 0ms; animation-delay: 0ms; } .la-ball-fall.la-sm { width: 26px; height: 8px; } .la-ball-fall.la-sm > div { width: 4px; height: 4px; margin: 2px; } .la-ball-fall.la-2x { width: 108px; height: 36px; } .la-ball-fall.la-2x > div { width: 20px; height: 20px; margin: 8px; } .la-ball-fall.la-3x { width: 162px; height: 54px; } .la-ball-fall.la-3x > div { width: 30px; height: 30px; margin: 12px; } /* * Animation */ @-webkit-keyframes ball-fall { 0% { opacity: 0; -webkit-transform: translateY(-145%); transform: translateY(-145%); } 10% { opacity: .5; } 20% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 80% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 90% { opacity: .5; } 100% { opacity: 0; -webkit-transform: translateY(145%); transform: translateY(145%); } } @-moz-keyframes ball-fall { 0% { opacity: 0; -moz-transform: translateY(-145%); transform: translateY(-145%); } 10% { opacity: .5; } 20% { opacity: 1; -moz-transform: translateY(0); transform: translateY(0); } 80% { opacity: 1; -moz-transform: translateY(0); transform: translateY(0); } 90% { opacity: .5; } 100% { opacity: 0; -moz-transform: translateY(145%); transform: translateY(145%); } } @-o-keyframes ball-fall { 0% { opacity: 0; -o-transform: translateY(-145%); transform: translateY(-145%); } 10% { opacity: .5; } 20% { opacity: 1; -o-transform: translateY(0); transform: translateY(0); } 80% { opacity: 1; -o-transform: translateY(0); transform: translateY(0); } 90% { opacity: .5; } 100% { opacity: 0; -o-transform: translateY(145%); transform: translateY(145%); } } @keyframes ball-fall { 0% { opacity: 0; -webkit-transform: translateY(-145%); -moz-transform: translateY(-145%); -o-transform: translateY(-145%); transform: translateY(-145%); } 10% { opacity: .5; } 20% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 80% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 90% { opacity: .5; } 100% { opacity: 0; -webkit-transform: translateY(145%); -moz-transform: translateY(145%); -o-transform: translateY(145%); transform: translateY(145%); } } /* * The MIT License * Copyright (c) 2012 Matias Meno <m@tias.me> */ @-webkit-keyframes passing-through { 0% { opacity: 0; -webkit-transform: translateY(40px); -moz-transform: translateY(40px); -ms-transform: translateY(40px); -o-transform: translateY(40px); transform: translateY(40px); } 30%, 70% { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } 100% { opacity: 0; -webkit-transform: translateY(-40px); -moz-transform: translateY(-40px); -ms-transform: translateY(-40px); -o-transform: translateY(-40px); transform: translateY(-40px); } } @-moz-keyframes passing-through { 0% { opacity: 0; -webkit-transform: translateY(40px); -moz-transform: translateY(40px); -ms-transform: translateY(40px); -o-transform: translateY(40px); transform: translateY(40px); } 30%, 70% { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } 100% { opacity: 0; -webkit-transform: translateY(-40px); -moz-transform: translateY(-40px); -ms-transform: translateY(-40px); -o-transform: translateY(-40px); transform: translateY(-40px); } } @keyframes passing-through { 0% { opacity: 0; -webkit-transform: translateY(40px); -moz-transform: translateY(40px); -ms-transform: translateY(40px); -o-transform: translateY(40px); transform: translateY(40px); } 30%, 70% { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } 100% { opacity: 0; -webkit-transform: translateY(-40px); -moz-transform: translateY(-40px); -ms-transform: translateY(-40px); -o-transform: translateY(-40px); transform: translateY(-40px); } } @-webkit-keyframes slide-in { 0% { opacity: 0; -webkit-transform: translateY(40px); -moz-transform: translateY(40px); -ms-transform: translateY(40px); -o-transform: translateY(40px); transform: translateY(40px); } 30% { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } } @-moz-keyframes slide-in { 0% { opacity: 0; -webkit-transform: translateY(40px); -moz-transform: translateY(40px); -ms-transform: translateY(40px); -o-transform: translateY(40px); transform: translateY(40px); } 30% { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } } @keyframes slide-in { 0% { opacity: 0; -webkit-transform: translateY(40px); -moz-transform: translateY(40px); -ms-transform: translateY(40px); -o-transform: translateY(40px); transform: translateY(40px); } 30% { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } } @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } 10% { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } 20% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } } @-moz-keyframes pulse { 0% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } 10% { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } 20% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } } @keyframes pulse { 0% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } 10% { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } 20% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } } .dropzone, .dropzone * { box-sizing: border-box; } .dropzone { float: left; width: 100%; min-height: 150px; border: 2px dashed #DBE0E4; background: #fafafa; padding: 20px 20px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-transition: background-color 100ms linear; -moz-transition: background-color 100ms linear; -ms-transition: background-color 100ms linear; -o-transition: background-color 100ms linear; transition: background-color 100ms linear; } .dropzone:hover { background: #f2f2f2; } .dropzone.dz-clickable { cursor: pointer; } .dropzone.dz-clickable * { cursor: default; } .dropzone.dz-clickable .dz-message, .dropzone.dz-clickable .dz-message * { cursor: pointer; } .dropzone.dz-started .dz-message { display: none; } .dropzone.dz-drag-hover { border-style: solid; } .dropzone.dz-drag-hover .dz-message { opacity: 0.5; } .dropzone .dz-message { text-align: center; margin: 2em 0; } .dropzone .dz-preview { position: relative; display: inline-block; vertical-align: top; margin: 10px; min-height: 100px; } .dropzone .dz-preview:hover { z-index: 1000; } .dropzone .dz-preview:hover .dz-details { opacity: 1; } .dropzone .dz-preview.dz-file-preview .dz-image { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background: #999; background: linear-gradient(to bottom, #eee, #ddd); } .dropzone .dz-preview.dz-file-preview .dz-details { opacity: 1; } .dropzone .dz-preview.dz-image-preview { background: white; } .dropzone .dz-preview.dz-image-preview .dz-details { -webkit-transition: opacity 0.2s linear; -moz-transition: opacity 0.2s linear; -ms-transition: opacity 0.2s linear; -o-transition: opacity 0.2s linear; transition: opacity 0.2s linear; } .dropzone .dz-preview .dz-remove { font-size: 14px; text-align: center; display: block; cursor: pointer; border: none; } .dropzone .dz-preview .dz-remove:hover { text-decoration: underline; } .dropzone .dz-preview:hover .dz-details { opacity: 1; } .dropzone .dz-preview .dz-details { z-index: 20; position: absolute; top: 0; left: 0; opacity: 0; font-size: 13px; min-width: 100%; max-width: 100%; padding: 2em 1em; text-align: center; color: rgba(0, 0, 0, 0.9); line-height: 150%; } .dropzone .dz-preview .dz-details .dz-size { margin-bottom: 1em; font-size: 16px; } .dropzone .dz-preview .dz-details .dz-filename { white-space: nowrap; } .dropzone .dz-preview .dz-details .dz-filename:hover span { border: 1px solid rgba(200, 200, 200, 0.8); background-color: rgba(255, 255, 255, 0.8); } .dropzone .dz-preview .dz-details .dz-filename:not(:hover) { overflow: hidden; text-overflow: ellipsis; } .dropzone .dz-preview .dz-details .dz-filename:not(:hover) span { border: 1px solid transparent; } .dropzone .dz-preview .dz-details .dz-filename span, .dropzone .dz-preview .dz-details .dz-size span { background-color: rgba(255, 255, 255, 0.4); padding: 0 0.4em; border-radius: 3px; } .dropzone .dz-preview:hover .dz-image img { -webkit-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05); -webkit-filter: blur(8px); filter: blur(8px); } .dropzone .dz-preview .dz-image { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; overflow: hidden; width: 120px; height: 120px; position: relative; display: block; z-index: 10; } .dropzone .dz-preview .dz-image img { display: block; } .dropzone .dz-preview.dz-success .dz-success-mark { -webkit-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); -moz-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); -ms-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); -o-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); } .dropzone .dz-preview.dz-error .dz-error-mark { opacity: 1; -webkit-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); -moz-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); -ms-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); -o-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); } .dropzone .dz-preview .dz-success-mark, .dropzone .dz-preview .dz-error-mark { pointer-events: none; opacity: 0; z-index: 500; position: absolute; display: block; top: 50%; left: 50%; margin-left: -27px; margin-top: -27px; } .dropzone .dz-preview .dz-success-mark svg, .dropzone .dz-preview .dz-error-mark svg { display: block; width: 54px; height: 54px; } .dropzone .dz-preview.dz-processing .dz-progress { opacity: 1; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .dropzone .dz-preview.dz-complete .dz-progress { opacity: 0; -webkit-transition: opacity 0.4s ease-in; -moz-transition: opacity 0.4s ease-in; -ms-transition: opacity 0.4s ease-in; -o-transition: opacity 0.4s ease-in; transition: opacity 0.4s ease-in; } .dropzone .dz-preview:not(.dz-processing) .dz-progress { -webkit-animation: pulse 6s ease infinite; -moz-animation: pulse 6s ease infinite; -ms-animation: pulse 6s ease infinite; -o-animation: pulse 6s ease infinite; animation: pulse 6s ease infinite; } .dropzone .dz-preview .dz-progress { opacity: 1; z-index: 1000; pointer-events: none; position: absolute; height: 16px; left: 50%; top: 50%; margin-top: -8px; width: 80px; margin-left: -40px; background: rgba(255, 255, 255, 0.9); -webkit-transform: scale(1); border-radius: 8px; overflow: hidden; } .dropzone .dz-preview .dz-progress .dz-upload { background: #333; background: linear-gradient(to bottom, #666, #444); position: absolute; top: 0; left: 0; bottom: 0; width: 0; -webkit-transition: width 300ms ease-in-out; -moz-transition: width 300ms ease-in-out; -ms-transition: width 300ms ease-in-out; -o-transition: width 300ms ease-in-out; transition: width 300ms ease-in-out; } .dropzone .dz-preview.dz-error .dz-error-message { display: block; } .dropzone .dz-preview.dz-error:hover .dz-error-message { opacity: 1; pointer-events: auto; } .dropzone .dz-preview .dz-error-message { pointer-events: none; z-index: 1000; position: absolute; display: block; display: none; opacity: 0; -webkit-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; -ms-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; border-radius: 8px; font-size: 13px; top: 130px; left: -10px; width: 140px; background: #be2626; background: linear-gradient(to bottom, #be2626, #a92222); padding: 0.5em 1.2em; color: white; } .dropzone .dz-preview .dz-error-message:after { content: ''; position: absolute; top: -6px; left: 64px; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #be2626; } .dropzone .dz-message .dropzone-preupload-title { font-size: 21px; font-weight: 700; line-height: 30px; font-style: italic; color: #454545; } .dropzone .dz-message p { font-size: 13px; color: #7F8FA4; font-weight: 600; } .dropzone:hover .dz-message .dropzone-preupload-title { color: #1B2431; } .dropzone-tiny .dz-message { position: relative; } .dropzone-tiny .dz-message:before { position: absolute; content: "\f0ed"; font-family: "FontAwesome"; font-size: 98px; width: 100px; height: 100px; left: 50%; top: 50%; margin: -20px 0px 0px -50px; text-align: center; line-height: 100px; color: #454545; -webkit-transition: color 100ms linear; -moz-transition: color 100ms linear; -ms-transition: color 100ms linear; -o-transition: color 100ms linear; transition: color 100ms linear; } .dropzone-tiny .dz-message .dropzone-preupload-title, .dropzone-tiny .dz-message p { display: none; } .dropzone-tiny:hover .dz-message:before { color: #1B2431; } /* Nestable list */ .dd { position: relative; display: block; margin: 0; padding: 0; list-style: none; float: left; width: 100%; } .dd-list { display: block; position: relative; margin: 0; padding: 0; list-style: none; width: auto; float: none; } .dd-list .dd-list { padding-left: 30px; } .dd-collapsed .dd-list { display: none; } .dd-list li { float: none; width: auto; } .dd-item, .dd-empty, .dd-placeholder { display: block; position: relative; margin: 0; padding: 0; min-height: 20px; font-weight: 400; line-height: 20px; } .dd-handle { display: block; line-height: 28px; margin: 5px 0; padding: 5px 20px; text-decoration: none; border: 1px solid #DBE0E4; background: #FFF; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; box-sizing: border-box; -moz-box-sizing: border-box; cursor: pointer; -webkit-transition: background 100ms linear; -moz-transition: background 100ms linear; -ms-transition: background 100ms linear; -o-transition: background 100ms linear; transition: background 100ms linear; } .dd-handle:hover { color: #1B2431; background: #F5F5F5; } .dd-item > button { color: #7F8FA4; display: block; position: relative; cursor: pointer; float: left; width: 30px; height: 30px; margin: 5px 0; padding: 0; text-indent: 100%; white-space: nowrap; overflow: hidden; border: 0; background: transparent; font-size: 14px; line-height: 1; text-align: center; } .dd-item > button:before { content: "\f107"; font-family: "FontAwesome"; display: block; position: absolute; width: 100%; text-align: center; text-indent: 0; } .dd-item > button[data-action="collapse"]:before { content: "\f106"; } .dd-placeholder, .dd-empty { margin: 5px 0; padding: 0; min-height: 30px; background: #f2fbff; border: 1px dashed #DBE0E4; box-sizing: border-box; -moz-box-sizing: border-box; } .dd-empty { border: 1px dashed #bbb; min-height: 100px; background-color: #e5e5e5; } .dd-dragel { position: absolute; pointer-events: none; z-index: 9999; } .dd-dragel > .dd-item .dd-handle { margin-top: 0; } .dd-dragel .dd-handle { -webkit-box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, 0.1); box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, 0.1); } .dd3-content { display: block; height: 30px; margin: 5px 0; padding: 5px 10px 5px 40px; text-decoration: none; border: 1px solid #D5D5D5; background: #f5f5f5; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .dd3-content:hover { color: #1B2431; background: #fff; } .dd-dragel > .dd3-item > .dd3-content { margin: 0; } .dd3-item > button { margin-left: 30px; } .dd3-handle { position: absolute; margin: 0; left: 0; top: 0; cursor: pointer; width: 30px; text-indent: 100%; white-space: nowrap; overflow: hidden; border: 1px solid #D5D5D5; background: #F0F0F0; -webkit-border-top-right-radius: 0; -webkit-border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 0; -webkit-border-top-left-radius: 5px 0px 0px 5px; -moz-border-radius-topright: 0; -moz-border-radius-bottomright: 0; -moz-border-radius-bottomleft: 0; -moz-border-radius-topleft: 5px 0px 0px 5px; border-top-right-radius: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; border-top-left-radius: 5px 0px 0px 5px; } .dd3-handle:before { content: '≡'; display: block; position: absolute; left: 0; top: 3px; width: 100%; text-align: center; text-indent: 0; color: #333; font-size: 16px; font-weight: normal; } .dd3-handle:hover { background: #E5E5E5; } /* end nestable list */ svg { touch-action: none; } .jvectormap-container { width: 100%; height: 100%; position: relative; overflow: hidden; touch-action: none; } .jvectormap-tip { position: absolute; display: none; border: solid 1px #CDCDCD; border-radius: 3px; background: #292929; color: white; font-family: sans-serif, Verdana; font-size: smaller; padding: 3px; } .jvectormap-zoomin, .jvectormap-zoomout, .jvectormap-goback { position: absolute; left: 10px; border-radius: 3px; background: #292929; padding: 3px; color: white; cursor: pointer; line-height: 10px; text-align: center; box-sizing: content-box; } .jvectormap-zoomin, .jvectormap-zoomout { width: 10px; height: 10px; } .jvectormap-zoomin { top: 10px; } .jvectormap-zoomout { top: 30px; } .jvectormap-goback { bottom: 10px; z-index: 1000; padding: 6px; } .jvectormap-spinner { position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: center no-repeat url(data:image/gif;base64,R0lGODlhIAAgAPMAAP///wAAAMbGxoSEhLa2tpqamjY2NlZWVtjY2OTk5Ly8vB4eHgQEBAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCgAAACwAAAAAIAAgAAAE5xDISWlhperN52JLhSSdRgwVo1ICQZRUsiwHpTJT4iowNS8vyW2icCF6k8HMMBkCEDskxTBDAZwuAkkqIfxIQyhBQBFvAQSDITM5VDW6XNE4KagNh6Bgwe60smQUB3d4Rz1ZBApnFASDd0hihh12BkE9kjAJVlycXIg7CQIFA6SlnJ87paqbSKiKoqusnbMdmDC2tXQlkUhziYtyWTxIfy6BE8WJt5YJvpJivxNaGmLHT0VnOgSYf0dZXS7APdpB309RnHOG5gDqXGLDaC457D1zZ/V/nmOM82XiHRLYKhKP1oZmADdEAAAh+QQJCgAAACwAAAAAIAAgAAAE6hDISWlZpOrNp1lGNRSdRpDUolIGw5RUYhhHukqFu8DsrEyqnWThGvAmhVlteBvojpTDDBUEIFwMFBRAmBkSgOrBFZogCASwBDEY/CZSg7GSE0gSCjQBMVG023xWBhklAnoEdhQEfyNqMIcKjhRsjEdnezB+A4k8gTwJhFuiW4dokXiloUepBAp5qaKpp6+Ho7aWW54wl7obvEe0kRuoplCGepwSx2jJvqHEmGt6whJpGpfJCHmOoNHKaHx61WiSR92E4lbFoq+B6QDtuetcaBPnW6+O7wDHpIiK9SaVK5GgV543tzjgGcghAgAh+QQJCgAAACwAAAAAIAAgAAAE7hDISSkxpOrN5zFHNWRdhSiVoVLHspRUMoyUakyEe8PTPCATW9A14E0UvuAKMNAZKYUZCiBMuBakSQKG8G2FzUWox2AUtAQFcBKlVQoLgQReZhQlCIJesQXI5B0CBnUMOxMCenoCfTCEWBsJColTMANldx15BGs8B5wlCZ9Po6OJkwmRpnqkqnuSrayqfKmqpLajoiW5HJq7FL1Gr2mMMcKUMIiJgIemy7xZtJsTmsM4xHiKv5KMCXqfyUCJEonXPN2rAOIAmsfB3uPoAK++G+w48edZPK+M6hLJpQg484enXIdQFSS1u6UhksENEQAAIfkECQoAAAAsAAAAACAAIAAABOcQyEmpGKLqzWcZRVUQnZYg1aBSh2GUVEIQ2aQOE+G+cD4ntpWkZQj1JIiZIogDFFyHI0UxQwFugMSOFIPJftfVAEoZLBbcLEFhlQiqGp1Vd140AUklUN3eCA51C1EWMzMCezCBBmkxVIVHBWd3HHl9JQOIJSdSnJ0TDKChCwUJjoWMPaGqDKannasMo6WnM562R5YluZRwur0wpgqZE7NKUm+FNRPIhjBJxKZteWuIBMN4zRMIVIhffcgojwCF117i4nlLnY5ztRLsnOk+aV+oJY7V7m76PdkS4trKcdg0Zc0tTcKkRAAAIfkECQoAAAAsAAAAACAAIAAABO4QyEkpKqjqzScpRaVkXZWQEximw1BSCUEIlDohrft6cpKCk5xid5MNJTaAIkekKGQkWyKHkvhKsR7ARmitkAYDYRIbUQRQjWBwJRzChi9CRlBcY1UN4g0/VNB0AlcvcAYHRyZPdEQFYV8ccwR5HWxEJ02YmRMLnJ1xCYp0Y5idpQuhopmmC2KgojKasUQDk5BNAwwMOh2RtRq5uQuPZKGIJQIGwAwGf6I0JXMpC8C7kXWDBINFMxS4DKMAWVWAGYsAdNqW5uaRxkSKJOZKaU3tPOBZ4DuK2LATgJhkPJMgTwKCdFjyPHEnKxFCDhEAACH5BAkKAAAALAAAAAAgACAAAATzEMhJaVKp6s2nIkolIJ2WkBShpkVRWqqQrhLSEu9MZJKK9y1ZrqYK9WiClmvoUaF8gIQSNeF1Er4MNFn4SRSDARWroAIETg1iVwuHjYB1kYc1mwruwXKC9gmsJXliGxc+XiUCby9ydh1sOSdMkpMTBpaXBzsfhoc5l58Gm5yToAaZhaOUqjkDgCWNHAULCwOLaTmzswadEqggQwgHuQsHIoZCHQMMQgQGubVEcxOPFAcMDAYUA85eWARmfSRQCdcMe0zeP1AAygwLlJtPNAAL19DARdPzBOWSm1brJBi45soRAWQAAkrQIykShQ9wVhHCwCQCACH5BAkKAAAALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiRMDjI0Fd30/iI2UA5GSS5UDj2l6NoqgOgN4gksEBgYFf0FDqKgHnyZ9OX8HrgYHdHpcHQULXAS2qKpENRg7eAMLC7kTBaixUYFkKAzWAAnLC7FLVxLWDBLKCwaKTULgEwbLA4hJtOkSBNqITT3xEgfLpBtzE/jiuL04RGEBgwWhShRgQExHBAAh+QQJCgAAACwAAAAAIAAgAAAE7xDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfZiCqGk5dTESJeaOAlClzsJsqwiJwiqnFrb2nS9kmIcgEsjQydLiIlHehhpejaIjzh9eomSjZR+ipslWIRLAgMDOR2DOqKogTB9pCUJBagDBXR6XB0EBkIIsaRsGGMMAxoDBgYHTKJiUYEGDAzHC9EACcUGkIgFzgwZ0QsSBcXHiQvOwgDdEwfFs0sDzt4S6BK4xYjkDOzn0unFeBzOBijIm1Dgmg5YFQwsCMjp1oJ8LyIAACH5BAkKAAAALAAAAAAgACAAAATwEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GGl6NoiPOH16iZKNlH6KmyWFOggHhEEvAwwMA0N9GBsEC6amhnVcEwavDAazGwIDaH1ipaYLBUTCGgQDA8NdHz0FpqgTBwsLqAbWAAnIA4FWKdMLGdYGEgraigbT0OITBcg5QwPT4xLrROZL6AuQAPUS7bxLpoWidY0JtxLHKhwwMJBTHgPKdEQAACH5BAkKAAAALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GAULDJCRiXo1CpGXDJOUjY+Yip9DhToJA4RBLwMLCwVDfRgbBAaqqoZ1XBMHswsHtxtFaH1iqaoGNgAIxRpbFAgfPQSqpbgGBqUD1wBXeCYp1AYZ19JJOYgH1KwA4UBvQwXUBxPqVD9L3sbp2BNk2xvvFPJd+MFCN6HAAIKgNggY0KtEBAAh+QQJCgAAACwAAAAAIAAgAAAE6BDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfYIDMaAFdTESJeaEDAIMxYFqrOUaNW4E4ObYcCXaiBVEgULe0NJaxxtYksjh2NLkZISgDgJhHthkpU4mW6blRiYmZOlh4JWkDqILwUGBnE6TYEbCgevr0N1gH4At7gHiRpFaLNrrq8HNgAJA70AWxQIH1+vsYMDAzZQPC9VCNkDWUhGkuE5PxJNwiUK4UfLzOlD4WvzAHaoG9nxPi5d+jYUqfAhhykOFwJWiAAAIfkECQoAAAAsAAAAACAAIAAABPAQyElpUqnqzaciSoVkXVUMFaFSwlpOCcMYlErAavhOMnNLNo8KsZsMZItJEIDIFSkLGQoQTNhIsFehRww2CQLKF0tYGKYSg+ygsZIuNqJksKgbfgIGepNo2cIUB3V1B3IvNiBYNQaDSTtfhhx0CwVPI0UJe0+bm4g5VgcGoqOcnjmjqDSdnhgEoamcsZuXO1aWQy8KAwOAuTYYGwi7w5h+Kr0SJ8MFihpNbx+4Erq7BYBuzsdiH1jCAzoSfl0rVirNbRXlBBlLX+BP0XJLAPGzTkAuAOqb0WT5AH7OcdCm5B8TgRwSRKIHQtaLCwg1RAAAOwAAAAAAAAAAAA==); } .jvectormap-legend-title { font-weight: bold; font-size: 14px; text-align: center; } .jvectormap-legend-cnt { position: absolute; } .jvectormap-legend-cnt-h { bottom: 0; right: 0; } .jvectormap-legend-cnt-v { top: 0; right: 0; } .jvectormap-legend { background: black; color: white; border-radius: 3px; } .jvectormap-legend-cnt-h .jvectormap-legend { float: left; margin: 0 10px 10px 0; padding: 3px 3px 1px 3px; } .jvectormap-legend-cnt-h .jvectormap-legend .jvectormap-legend-tick { float: left; } .jvectormap-legend-cnt-v .jvectormap-legend { margin: 10px 10px 0 0; padding: 3px; } .jvectormap-legend-cnt-h .jvectormap-legend-tick { width: 40px; } .jvectormap-legend-cnt-h .jvectormap-legend-tick-sample { height: 15px; } .jvectormap-legend-cnt-v .jvectormap-legend-tick-sample { height: 20px; width: 20px; display: inline-block; vertical-align: middle; } .jvectormap-legend-tick-text { font-size: 12px; } .jvectormap-legend-cnt-h .jvectormap-legend-tick-text { text-align: center; } .jvectormap-legend-cnt-v .jvectormap-legend-tick-text { display: inline-block; vertical-align: middle; line-height: 20px; padding-left: 3px; } /* BASICS */ .CodeMirror { /* Set height, width, borders, and global font properties here */ font-family: monospace; height: 300px; color: black; } /* PADDING */ .CodeMirror-lines { padding: 4px 0; /* Vertical padding around content */ } .CodeMirror pre { padding: 0 4px; /* Horizontal padding of content */ } .CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler { background-color: white; /* The little square between H and V scrollbars */ } /* GUTTER */ .CodeMirror-gutters { border-right: 1px solid #ddd; background-color: #f7f7f7; white-space: nowrap; } .CodeMirror-linenumber { padding: 0 3px 0 5px; min-width: 20px; text-align: right; color: #999; white-space: nowrap; } .CodeMirror-guttermarker { color: black; } .CodeMirror-guttermarker-subtle { color: #999; } /* CURSOR */ .CodeMirror-cursor { border-left: 1px solid black; border-right: none; width: 0; } /* Shown when moving in bi-directional text */ .CodeMirror div.CodeMirror-secondarycursor { border-left: 1px solid silver; } .cm-fat-cursor .CodeMirror-cursor { width: auto; border: 0 !important; background: #7e7; } .cm-fat-cursor div.CodeMirror-cursors { z-index: 1; } .cm-animate-fat-cursor { width: auto; border: 0; -webkit-animation: blink 1.06s steps(1) infinite; -moz-animation: blink 1.06s steps(1) infinite; animation: blink 1.06s steps(1) infinite; background-color: #7e7; } @-moz-keyframes blink { 50% { background-color: transparent; } } @-webkit-keyframes blink { 50% { background-color: transparent; } } @keyframes blink { 50% { background-color: transparent; } } /* Can style cursor different in overwrite (non-insert) mode */ .cm-tab { display: inline-block; text-decoration: inherit; } .CodeMirror-rulers { position: absolute; left: 0; right: 0; top: -50px; bottom: -20px; overflow: hidden; } .CodeMirror-ruler { border-left: 1px solid #ccc; top: 0; bottom: 0; position: absolute; } /* DEFAULT THEME */ .cm-s-default .cm-header { color: blue; } .cm-s-default .cm-quote { color: #090; } .cm-negative { color: #d44; } .cm-positive { color: #292; } .cm-header, .cm-strong { font-weight: bold; } .cm-em { font-style: italic; } .cm-link { text-decoration: underline; } .cm-strikethrough { text-decoration: line-through; } .cm-s-default .cm-keyword { color: #708; } .cm-s-default .cm-atom { color: #219; } .cm-s-default .cm-number { color: #164; } .cm-s-default .cm-def { color: #00f; } .cm-s-default .cm-variable-2 { color: #05a; } .cm-s-default .cm-variable-3 { color: #085; } .cm-s-default .cm-comment { color: #a50; } .cm-s-default .cm-string { color: #a11; } .cm-s-default .cm-string-2 { color: #f50; } .cm-s-default .cm-meta { color: #555; } .cm-s-default .cm-qualifier { color: #555; } .cm-s-default .cm-builtin { color: #30a; } .cm-s-default .cm-bracket { color: #997; } .cm-s-default .cm-tag { color: #170; } .cm-s-default .cm-attribute { color: #00c; } .cm-s-default .cm-hr { color: #999; } .cm-s-default .cm-link { color: #00c; } .cm-s-default .cm-error { color: #f00; } .cm-invalidchar { color: #f00; } .CodeMirror-composing { border-bottom: 2px solid; } /* Default styles for common addons */ div.CodeMirror span.CodeMirror-matchingbracket { color: #0f0; } div.CodeMirror span.CodeMirror-nonmatchingbracket { color: #f22; } .CodeMirror-matchingtag { background: rgba(255, 150, 0, 0.3); } .CodeMirror-activeline-background { background: #e8f2ff; } /* STOP */ /* The rest of this file contains styles related to the mechanics of the editor. You probably shouldn't touch them. */ .CodeMirror { position: relative; overflow: hidden; background: white; } .CodeMirror-scroll { overflow: scroll !important; /* Things will break if this is overridden */ /* 30px is the magic margin used to hide the element's real scrollbars */ /* See overflow: hidden in .CodeMirror */ margin-bottom: -30px; margin-right: -30px; padding-bottom: 30px; height: 100%; outline: none; /* Prevent dragging from highlighting the element */ position: relative; } .CodeMirror-sizer { position: relative; border-right: 30px solid transparent; } /* The fake, visible scrollbars. Used to force redraw during scrolling before actual scrolling happens, thus preventing shaking and flickering artifacts. */ .CodeMirror-vscrollbar, .CodeMirror-hscrollbar, .CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler { position: absolute; z-index: 6; display: none; } .CodeMirror-vscrollbar { right: 0; top: 0; overflow-x: hidden; overflow-y: scroll; } .CodeMirror-hscrollbar { bottom: 0; left: 0; overflow-y: hidden; overflow-x: scroll; } .CodeMirror-scrollbar-filler { right: 0; bottom: 0; } .CodeMirror-gutter-filler { left: 0; bottom: 0; } .CodeMirror-gutters { position: absolute; left: 0; top: 0; min-height: 100%; z-index: 3; } .CodeMirror-gutter { white-space: normal; height: 100%; display: inline-block; vertical-align: top; margin-bottom: -30px; /* Hack to make IE7 behave */ *zoom: 1; *display: inline; } .CodeMirror-gutter-wrapper { position: absolute; z-index: 4; background: none !important; border: none !important; } .CodeMirror-gutter-background { position: absolute; top: 0; bottom: 0; z-index: 4; } .CodeMirror-gutter-elt { position: absolute; cursor: default; z-index: 4; } .CodeMirror-gutter-wrapper { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .CodeMirror-lines { cursor: text; min-height: 1px; /* prevents collapsing before first draw */ } .CodeMirror pre { /* Reset some styles that the rest of the page might have set */ -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; border-width: 0; background: transparent; font-family: inherit; font-size: inherit; margin: 0; white-space: pre; word-wrap: normal; line-height: inherit; color: inherit; z-index: 2; position: relative; overflow: visible; -webkit-tap-highlight-color: transparent; -webkit-font-variant-ligatures: none; font-variant-ligatures: none; } .CodeMirror-wrap pre { word-wrap: break-word; white-space: pre-wrap; word-break: normal; } .CodeMirror-linebackground { position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 0; } .CodeMirror-linewidget { position: relative; z-index: 2; overflow: auto; } .CodeMirror-code { outline: none; } /* Force content-box sizing for the elements where we expect it */ .CodeMirror-scroll, .CodeMirror-sizer, .CodeMirror-gutter, .CodeMirror-gutters, .CodeMirror-linenumber { -moz-box-sizing: content-box; box-sizing: content-box; } .CodeMirror-measure { position: absolute; width: 100%; height: 0; overflow: hidden; visibility: hidden; } .CodeMirror-cursor { position: absolute; pointer-events: none; } .CodeMirror-measure pre { position: static; } div.CodeMirror-cursors { visibility: hidden; position: relative; z-index: 3; } div.CodeMirror-dragcursors { visibility: visible; } .CodeMirror-focused div.CodeMirror-cursors { visibility: visible; } .CodeMirror-selected { background: #d9d9d9; } .CodeMirror-focused .CodeMirror-selected { background: #d7d4f0; } .CodeMirror-crosshair { cursor: crosshair; } .CodeMirror-line::selection, .CodeMirror-line > span::selection, .CodeMirror-line > span > span::selection { background: #d7d4f0; } .CodeMirror-line::-moz-selection, .CodeMirror-line > span::-moz-selection, .CodeMirror-line > span > span::-moz-selection { background: #d7d4f0; } .cm-searching { background: #ffa; background: rgba(255, 255, 0, 0.4); } /* IE7 hack to prevent it from returning funny offsetTops on the spans */ .CodeMirror span { *vertical-align: text-bottom; } /* Used to force a border model for a node */ .cm-force-border { padding-right: .1px; } @media print { /* Hide the cursor when printing */ .CodeMirror div.CodeMirror-cursors { visibility: hidden; } } /* See issue #2901 */ .cm-tab-wrap-hack:after { content: ''; } /* Help users use markselection to safely style text background */ span.CodeMirror-selectedtext { background: none; } /** * SyntaxHighlighter * http://alexgorbatchev.com/SyntaxHighlighter * * SyntaxHighlighter is donationware. If you are using it, please donate. * http://alexgorbatchev.com/SyntaxHighlighter/donate.html * * @version * 3.0.83 (July 02 2010) * * @copyright * Copyright (C) 2004-2010 Alex Gorbatchev. * * @license * Dual licensed under the MIT and GPL licenses. */ .syntaxhighlighter a, .syntaxhighlighter div, .syntaxhighlighter code, .syntaxhighlighter table, .syntaxhighlighter table td, .syntaxhighlighter table tr, .syntaxhighlighter table tbody, .syntaxhighlighter table thead, .syntaxhighlighter table caption, .syntaxhighlighter textarea { -moz-border-radius: 0 0 0 0 !important; -webkit-border-radius: 0 0 0 0 !important; background: none !important; border: 0 !important; bottom: auto !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0 !important; outline: 0 !important; overflow: visible !important; padding: 0 !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; font-family: "Consolas", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-weight: normal !important; font-style: normal !important; font-size: 1em !important; min-height: inherit !important; min-height: auto !important; } .syntaxhighlighter { width: 100% !important; margin: 1em 0 1em 0 !important; position: relative !important; overflow: auto !important; font-size: 1em !important; } .syntaxhighlighter.source { overflow: hidden !important; } .syntaxhighlighter .bold { font-weight: bold !important; } .syntaxhighlighter .italic { font-style: italic !important; } .syntaxhighlighter .line { white-space: pre !important; } .syntaxhighlighter table { width: 100% !important; } .syntaxhighlighter table caption { text-align: left !important; padding: .5em 0 0.5em 1em !important; } .syntaxhighlighter table td.code { width: 100% !important; } .syntaxhighlighter table td.code .container { position: relative !important; } .syntaxhighlighter table td.code .container textarea { box-sizing: border-box !important; position: absolute !important; left: 0 !important; top: 0 !important; width: 100% !important; height: 100% !important; border: none !important; background: white !important; padding-left: 1em !important; overflow: hidden !important; white-space: pre !important; } .syntaxhighlighter table td.gutter .line { text-align: right !important; padding: 0 0.5em 0 1em !important; } .syntaxhighlighter table td.code .line { padding: 0 1em !important; } .syntaxhighlighter.nogutter td.code .container textarea, .syntaxhighlighter.nogutter td.code .line { padding-left: 0em !important; } .syntaxhighlighter.show { display: block !important; } .syntaxhighlighter.collapsed table { display: none !important; } .syntaxhighlighter.collapsed .toolbar { padding: 0.1em 0.8em 0em 0.8em !important; font-size: 1em !important; position: static !important; width: auto !important; height: auto !important; display: none; } .syntaxhighlighter.collapsed .toolbar span { display: inline !important; margin-right: 1em !important; } .syntaxhighlighter.collapsed .toolbar span a { padding: 0 !important; display: none !important; } .syntaxhighlighter.collapsed .toolbar span a.expandSource { display: inline !important; } .syntaxhighlighter .toolbar { position: absolute !important; right: 1px !important; top: 1px !important; width: 11px !important; height: 11px !important; font-size: 10px !important; z-index: 10 !important; display: none; } .syntaxhighlighter .toolbar span.title { display: inline !important; } .syntaxhighlighter .toolbar a { display: block !important; text-align: center !important; text-decoration: none !important; padding-top: 1px !important; } .syntaxhighlighter .toolbar a.expandSource { display: none !important; } .syntaxhighlighter.ie { font-size: .9em !important; padding: 1px 0 1px 0 !important; } .syntaxhighlighter.ie .toolbar { line-height: 8px !important; } .syntaxhighlighter.ie .toolbar a { padding-top: 0px !important; } .syntaxhighlighter.printing .line.alt1 .content, .syntaxhighlighter.printing .line.alt2 .content, .syntaxhighlighter.printing .line.highlighted .number, .syntaxhighlighter.printing .line.highlighted.alt1 .content, .syntaxhighlighter.printing .line.highlighted.alt2 .content { background: none !important; } .syntaxhighlighter.printing .line .number { color: #bbbbbb !important; } .syntaxhighlighter.printing .line .content { color: black !important; } .syntaxhighlighter.printing .toolbar { display: none !important; } .syntaxhighlighter.printing a { text-decoration: none !important; } .syntaxhighlighter.printing .plain, .syntaxhighlighter.printing .plain a { color: black !important; } .syntaxhighlighter.printing .comments, .syntaxhighlighter.printing .comments a { color: #008200 !important; } .syntaxhighlighter.printing .string, .syntaxhighlighter.printing .string a { color: blue !important; } .syntaxhighlighter.printing .keyword { color: #006699 !important; font-weight: bold !important; } .syntaxhighlighter.printing .preprocessor { color: gray !important; } .syntaxhighlighter.printing .variable { color: #aa7700 !important; } .syntaxhighlighter.printing .value { color: #009900 !important; } .syntaxhighlighter.printing .functions { color: #ff1493 !important; } .syntaxhighlighter.printing .constants { color: #0066cc !important; } .syntaxhighlighter.printing .script { font-weight: bold !important; } .syntaxhighlighter.printing .color1, .syntaxhighlighter.printing .color1 a { color: gray !important; } .syntaxhighlighter.printing .color2, .syntaxhighlighter.printing .color2 a { color: #ff1493 !important; } .syntaxhighlighter.printing .color3, .syntaxhighlighter.printing .color3 a { color: red !important; } .syntaxhighlighter.printing .break, .syntaxhighlighter.printing .break a { color: black !important; } .syntaxhighlighter { background-color: white !important; } .syntaxhighlighter .line.alt1 { background-color: white !important; } .syntaxhighlighter .line.alt2 { background-color: white !important; } .syntaxhighlighter .line.highlighted.alt1, .syntaxhighlighter .line.highlighted.alt2 { background-color: #e0e0e0 !important; } .syntaxhighlighter .line.highlighted.number { color: black !important; } .syntaxhighlighter table caption { color: black !important; } .syntaxhighlighter .gutter { color: #afafaf !important; } .syntaxhighlighter .gutter .line { border-right: 1px solid #DBE0E4 !important; } .syntaxhighlighter .gutter .line.highlighted { background-color: #6ce26c !important; color: white !important; } .syntaxhighlighter.printing .line .content { border: none !important; } .syntaxhighlighter.collapsed { overflow: visible !important; } .syntaxhighlighter.collapsed .toolbar { color: blue !important; background: white !important; border: 1px solid #6ce26c !important; } .syntaxhighlighter.collapsed .toolbar a { color: blue !important; } .syntaxhighlighter.collapsed .toolbar a:hover { color: red !important; } .syntaxhighlighter .toolbar { color: white !important; background: #6ce26c !important; border: none !important; } .syntaxhighlighter .toolbar a { color: white !important; } .syntaxhighlighter .toolbar a:hover { color: black !important; } .syntaxhighlighter .plain, .syntaxhighlighter .plain a { color: black !important; } .syntaxhighlighter .comments, .syntaxhighlighter .comments a { color: #008200 !important; } .syntaxhighlighter .string, .syntaxhighlighter .string a { color: blue !important; } .syntaxhighlighter .keyword { color: #006699 !important; } .syntaxhighlighter .preprocessor { color: gray !important; } .syntaxhighlighter .variable { color: #aa7700 !important; } .syntaxhighlighter .value { color: #009900 !important; } .syntaxhighlighter .functions { color: #ff1493 !important; } .syntaxhighlighter .constants { color: #0066cc !important; } .syntaxhighlighter .script { font-weight: bold !important; color: #006699 !important; background-color: none !important; } .syntaxhighlighter .color1, .syntaxhighlighter .color1 a { color: gray !important; } .syntaxhighlighter .color2, .syntaxhighlighter .color2 a { color: #ff1493 !important; } .syntaxhighlighter .color3, .syntaxhighlighter .color3 a { color: red !important; } .syntaxhighlighter .keyword { font-weight: bold !important; } .morris-hover { position: absolute; z-index: 1000; } .morris-hover.morris-default-style { border-radius: 10px; padding: 6px; color: #666; background: rgba(255, 255, 255, 0.9); border: solid 1px rgba(230, 230, 230, 0.9); font-family: sans-serif; font-size: 12px; text-align: center; } .morris-hover.morris-default-style .morris-hover-row-label { font-weight: bold; margin: 0.25em 0; } .morris-hover.morris-default-style .morris-hover-point { white-space: nowrap; margin: 0.1em 0; } .rickshaw_graph .detail { pointer-events: none; position: absolute; top: 0; z-index: 2; background: rgba(0, 0, 0, 0.1); bottom: 0; width: 1px; transition: opacity .25s linear; -moz-transition: opacity .25s linear; -o-transition: opacity .25s linear; -webkit-transition: opacity 0.25s linear; } .rickshaw_graph .detail.inactive { opacity: 0; } .rickshaw_graph .detail .item.active { opacity: 1; } .rickshaw_graph .detail .x_label { font-family: Arial, sans-serif; border-radius: 3px; padding: 6px; opacity: .5; border: 1px solid #e0e0e0; font-size: 12px; position: absolute; background: #fff; white-space: nowrap; } .rickshaw_graph .detail .x_label.left { left: 0; } .rickshaw_graph .detail .x_label.right { right: 0; } .rickshaw_graph .detail .item { position: absolute; z-index: 2; border-radius: 3px; padding: .25em; font-size: 12px; font-family: Arial, sans-serif; opacity: 0; background: rgba(0, 0, 0, 0.4); color: #fff; border: 1px solid rgba(0, 0, 0, 0.4); margin-left: 1em; margin-right: 1em; margin-top: -1em; white-space: nowrap; } .rickshaw_graph .detail .item.left { left: 0; } .rickshaw_graph .detail .item.right { right: 0; } .rickshaw_graph .detail .item.active { opacity: 1; background: rgba(0, 0, 0, 0.8); } .rickshaw_graph .detail .item:after { position: absolute; display: block; width: 0; height: 0; content: ""; border: 5px solid transparent; } .rickshaw_graph .detail .item.left:after { top: 1em; left: -5px; margin-top: -5px; border-right-color: rgba(0, 0, 0, 0.8); border-left-width: 0; } .rickshaw_graph .detail .item.right:after { top: 1em; right: -5px; margin-top: -5px; border-left-color: rgba(0, 0, 0, 0.8); border-right-width: 0; } .rickshaw_graph .detail .dot { width: 4px; height: 4px; margin-left: -3px; margin-top: -3.5px; border-radius: 5px; position: absolute; box-shadow: 0 0 2px rgba(0, 0, 0, 0.6); box-sizing: content-box; -moz-box-sizing: content-box; background: #fff; border-width: 2px; border-style: solid; display: none; background-clip: padding-box; } .rickshaw_graph .detail .dot.active { display: block; } .rickshaw_graph { position: relative; } .rickshaw_graph svg { display: block; overflow: hidden; } .rickshaw_graph .x_tick { position: absolute; top: 0; bottom: 0; width: 0; border-left: 1px dotted rgba(0, 0, 0, 0.2); pointer-events: none; } .rickshaw_graph .x_tick .title { position: absolute; font-size: 12px; font-family: Arial, sans-serif; opacity: .5; white-space: nowrap; margin-left: 3px; bottom: 1px; } .rickshaw_annotation_timeline { height: 1px; border-top: 1px solid #e0e0e0; margin-top: 10px; position: relative; } .rickshaw_annotation_timeline .annotation { position: absolute; height: 6px; width: 6px; margin-left: -2px; top: -3px; border-radius: 5px; background-color: rgba(0, 0, 0, 0.25); } .rickshaw_graph .annotation_line { position: absolute; top: 0; bottom: -6px; width: 0; border-left: 2px solid rgba(0, 0, 0, 0.3); display: none; } .rickshaw_graph .annotation_line.active { display: block; } .rickshaw_graph .annotation_range { background: rgba(0, 0, 0, 0.1); display: none; position: absolute; top: 0; bottom: -6px; } .rickshaw_graph .annotation_range.active { display: block; } .rickshaw_graph .annotation_range.active.offscreen { display: none; } .rickshaw_annotation_timeline .annotation .content { background: #fff; color: #000; opacity: .9; padding: 5px; box-shadow: 0 0 2px rgba(0, 0, 0, 0.8); border-radius: 3px; position: relative; z-index: 20; font-size: 12px; padding: 6px 8px 8px; top: 18px; left: -11px; width: 160px; display: none; cursor: pointer; } .rickshaw_annotation_timeline .annotation .content:before { content: "\25b2"; position: absolute; top: -11px; color: #fff; text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.8); } .rickshaw_annotation_timeline .annotation.active, .rickshaw_annotation_timeline .annotation:hover { background-color: rgba(0, 0, 0, 0.8); cursor: none; } .rickshaw_annotation_timeline .annotation .content:hover { z-index: 50; } .rickshaw_annotation_timeline .annotation.active .content { display: block; } .rickshaw_annotation_timeline .annotation:hover .content { display: block; z-index: 50; } .rickshaw_graph .y_axis, .rickshaw_graph .x_axis_d3 { fill: none; } .rickshaw_graph .y_ticks .tick line, .rickshaw_graph .x_ticks_d3 .tick { stroke: rgba(0, 0, 0, 0.16); stroke-width: 0px; shape-rendering: crisp-edges; pointer-events: none; } .rickshaw_graph .y_grid .tick, .rickshaw_graph .x_grid_d3 .tick { z-index: -1; stroke: rgba(0, 0, 0, 0.2); stroke-width: 1px; stroke-dasharray: 1 1; } .rickshaw_graph .y_grid .tick[data-y-value="0"] { stroke-dasharray: 1 0; } .rickshaw_graph .y_grid path, .rickshaw_graph .x_grid_d3 path { fill: none; stroke: none; } .rickshaw_graph .y_ticks path, .rickshaw_graph .x_ticks_d3 path { fill: none; stroke: #DDD; } .rickshaw_graph .y_ticks text, .rickshaw_graph .x_ticks_d3 text { opacity: .5; font-size: 12px; pointer-events: none; } .rickshaw_graph .x_tick.glow .title, .rickshaw_graph .y_ticks.glow text { fill: #000; color: #000; text-shadow: -1px 1px 0 rgba(255, 255, 255, 0.1), 1px -1px 0 rgba(255, 255, 255, 0.1), 1px 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1), 0 -1px 0 rgba(255, 255, 255, 0.1), 1px 0 0 rgba(255, 255, 255, 0.1), -1px 0 0 rgba(255, 255, 255, 0.1), -1px -1px 0 rgba(255, 255, 255, 0.1); } .rickshaw_graph .x_tick.inverse .title, .rickshaw_graph .y_ticks.inverse text { fill: #fff; color: #fff; text-shadow: -1px 1px 0 rgba(0, 0, 0, 0.8), 1px -1px 0 rgba(0, 0, 0, 0.8), 1px 1px 0 rgba(0, 0, 0, 0.8), 0 1px 0 rgba(0, 0, 0, 0.8), 0 -1px 0 rgba(0, 0, 0, 0.8), 1px 0 0 rgba(0, 0, 0, 0.8), -1px 0 0 rgba(0, 0, 0, 0.8), -1px -1px 0 rgba(0, 0, 0, 0.8); } .rickshaw_legend { font-family: Arial; font-size: 12px; color: #fff; background: #404040; display: inline-block; padding: 12px 5px; border-radius: 2px; position: relative; } .rickshaw_legend:hover { z-index: 10; } .rickshaw_legend .swatch { width: 10px; height: 10px; border: 1px solid rgba(0, 0, 0, 0.2); } .rickshaw_legend .line { clear: both; line-height: 140%; padding-right: 15px; } .rickshaw_legend .line .swatch { display: inline-block; margin-right: 3px; border-radius: 2px; } .rickshaw_legend .label { margin: 0; white-space: nowrap; display: inline; font-size: inherit; background-color: transparent; color: inherit; font-weight: 400; line-height: normal; padding: 0; text-shadow: none; } .rickshaw_legend .action:hover { opacity: 0.6; } .rickshaw_legend .action { margin-right: .2em; font-size: 10px; opacity: .2; cursor: pointer; font-size: 14px; } .rickshaw_legend .line.disabled { opacity: 0.4; } .rickshaw_legend ul { list-style-type: none; margin: 0; padding: 0; margin: 2px; cursor: pointer; } .rickshaw_legend li { padding: 0 0 0 2px; min-width: 80px; white-space: nowrap; } .rickshaw_legend li:hover { background: rgba(255, 255, 255, 0.08); border-radius: 3px; } .rickshaw_legend li:active { background: rgba(255, 255, 255, 0.2); border-radius: 3px; } /*! * Cropper v2.3.3 * https://github.com/fengyuanchen/cropper * * Copyright (c) 2014-2016 Fengyuan Chen and contributors * Released under the MIT license * * Date: 2016-08-10T08:58:55.176Z */ .cropper-container { font-size: 0; line-height: 0; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; direction: ltr !important; } .cropper-container img { display: block; width: 100%; min-width: 0 !important; max-width: none !important; height: 100%; min-height: 0 !important; max-height: none !important; image-orientation: 0deg !important; } .cropper-wrap-box, .cropper-canvas, .cropper-drag-box, .cropper-crop-box, .cropper-modal { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .cropper-wrap-box { overflow: hidden; } .cropper-drag-box { opacity: 0; background-color: #fff; filter: alpha(opacity=0); } .cropper-modal { opacity: .5; background-color: #000; filter: alpha(opacity=50); } .cropper-view-box { display: block; overflow: hidden; width: 100%; height: 100%; outline: 1px solid #39f; outline-color: rgba(51, 153, 255, 0.75); } .cropper-dashed { position: absolute; display: block; opacity: .5; border: 0 dashed #eee; filter: alpha(opacity=50); } .cropper-dashed.dashed-h { top: 33.33333%; left: 0; width: 100%; height: 33.33333%; border-top-width: 1px; border-bottom-width: 1px; } .cropper-dashed.dashed-v { top: 0; left: 33.33333%; width: 33.33333%; height: 100%; border-right-width: 1px; border-left-width: 1px; } .cropper-center { position: absolute; top: 50%; left: 50%; display: block; width: 0; height: 0; opacity: .75; filter: alpha(opacity=75); } .cropper-center:before, .cropper-center:after { position: absolute; display: block; content: ' '; background-color: #eee; } .cropper-center:before { top: 0; left: -3px; width: 7px; height: 1px; } .cropper-center:after { top: -3px; left: 0; width: 1px; height: 7px; } .cropper-face, .cropper-line, .cropper-point { position: absolute; display: block; width: 100%; height: 100%; opacity: .1; filter: alpha(opacity=10); } .cropper-face { top: 0; left: 0; background-color: #fff; } .cropper-line { background-color: #39f; } .cropper-line.line-e { top: 0; right: -3px; width: 5px; cursor: e-resize; } .cropper-line.line-n { top: -3px; left: 0; height: 5px; cursor: n-resize; } .cropper-line.line-w { top: 0; left: -3px; width: 5px; cursor: w-resize; } .cropper-line.line-s { bottom: -3px; left: 0; height: 5px; cursor: s-resize; } .cropper-point { width: 5px; height: 5px; opacity: .75; background-color: #39f; filter: alpha(opacity=75); } .cropper-point.point-e { top: 50%; right: -3px; margin-top: -3px; cursor: e-resize; } .cropper-point.point-n { top: -3px; left: 50%; margin-left: -3px; cursor: n-resize; } .cropper-point.point-w { top: 50%; left: -3px; margin-top: -3px; cursor: w-resize; } .cropper-point.point-s { bottom: -3px; left: 50%; margin-left: -3px; cursor: s-resize; } .cropper-point.point-ne { top: -3px; right: -3px; cursor: ne-resize; } .cropper-point.point-nw { top: -3px; left: -3px; cursor: nw-resize; } .cropper-point.point-sw { bottom: -3px; left: -3px; cursor: sw-resize; } .cropper-point.point-se { right: -3px; bottom: -3px; width: 20px; height: 20px; cursor: se-resize; opacity: 1; filter: alpha(opacity=100); } .cropper-point.point-se:before { position: absolute; right: -50%; bottom: -50%; display: block; width: 200%; height: 200%; content: ' '; opacity: 0; background-color: #39f; filter: alpha(opacity=0); } @media (min-width: 768px) { .cropper-point.point-se { width: 15px; height: 15px; } } @media (min-width: 992px) { .cropper-point.point-se { width: 10px; height: 10px; } } @media (min-width: 1200px) { .cropper-point.point-se { width: 5px; height: 5px; opacity: .75; filter: alpha(opacity=75); } } .cropper-invisible { opacity: 0; filter: alpha(opacity=0); } .cropper-bg { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC'); } .cropper-hide { position: absolute; display: block; width: 0; height: 0; } .cropper-hidden { display: none !important; } .cropper-move { cursor: move; } .cropper-crop { cursor: crosshair; } .cropper-disabled .cropper-drag-box, .cropper-disabled .cropper-face, .cropper-disabled .cropper-line, .cropper-disabled .cropper-point { cursor: not-allowed; } .cropping-image-wrap { padding: 2px; border: 1px solid #DBE0E4; } .cropping-preview-wrap { padding: 2px; border: 1px solid #DBE0E4; float: left; } .cropping-preview { float: left; overflow: hidden; background: #f7f7f7; width: 100px; height: 100px; } /*! * <%= meta.title %> v<%= meta.version %> Stylesheet * Docs & License: <%= meta.homepage %> * (c) <%= meta.copyright %> */ .fc { direction: ltr; text-align: left; } .fc-rtl { text-align: right; } body .fc { /* extra precedence to overcome jqui */ font-size: 1em; } /* Colors --------------------------------------------------------------------------------------------------*/ .fc-unthemed th, .fc-unthemed td, .fc-unthemed thead, .fc-unthemed tbody, .fc-unthemed .fc-divider, .fc-unthemed .fc-row, .fc-unthemed .fc-content, .fc-unthemed .fc-popover { border-color: #DBE0E4; } .fc-unthemed .fc-popover { background-color: #fff; } .fc-unthemed .fc-divider, .fc-unthemed .fc-popover .fc-header { background: #eee; } .fc-unthemed .fc-popover .fc-header .fc-close { color: #666; } .fc-unthemed .fc-today { background: #fcf8e3; } .fc-highlight { /* when user is selecting cells */ background: #bce8f1; opacity: .3; filter: alpha(opacity=30); /* for IE */ } .fc-bgevent { /* default look for background events */ background: #8fdf82; opacity: .3; filter: alpha(opacity=30); /* for IE */ } .fc-nonbusiness { /* default look for non-business-hours areas */ /* will inherit .fc-bgevent's styles */ background: #d7d7d7; } /* Icons (inline elements with styled text that mock arrow icons) --------------------------------------------------------------------------------------------------*/ .fc-icon { display: inline-block; height: 1em; line-height: 1em; font-size: 1em; text-align: center; overflow: hidden; font-family: "Courier New", Courier, monospace; /* don't allow browser text-selection */ -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /* Acceptable font-family overrides for individual icons: "Arial", sans-serif "Times New Roman", serif NOTE: use percentage font sizes or else old IE chokes */ .fc-icon:after { position: relative; } .fc-icon-left-single-arrow:after { content: "\02039"; font-weight: bold; font-size: 200%; top: -7%; } .fc-icon-right-single-arrow:after { content: "\0203A"; font-weight: bold; font-size: 200%; top: -7%; } .fc-icon-left-double-arrow:after { content: "\000AB"; font-size: 160%; top: -7%; } .fc-icon-right-double-arrow:after { content: "\000BB"; font-size: 160%; top: -7%; } .fc-icon-left-triangle:after { content: "\25C4"; font-size: 125%; top: 3%; } .fc-icon-right-triangle:after { content: "\25BA"; font-size: 125%; top: 3%; } .fc-icon-down-triangle:after { content: "\25BC"; font-size: 125%; top: 2%; } .fc-icon-x:after { content: "\000D7"; font-size: 200%; top: 6%; } /* Buttons (styled <button> tags, normalized to work cross-browser) --------------------------------------------------------------------------------------------------*/ .fc button { /* force height to include the border and padding */ -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; /* dimensions */ margin: 0; height: 40px; padding: 0px 15px; line-height: 40px; /* text & cursor */ font-size: 13px; /* normalize */ font-weight: 600; white-space: nowrap; cursor: pointer; text-transform: capitalize; -webkit-transition: all 100ms linear; -moz-transition: all 100ms linear; -ms-transition: all 100ms linear; -o-transition: all 100ms linear; transition: all 100ms linear; } /* Firefox has an annoying inner border */ .fc button::-moz-focus-inner { margin: 0; padding: 0; } .fc-state-default { /* non-theme */ border: 1px solid; } .fc-state-default.fc-corner-left { /* non-theme */ border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .fc-state-default.fc-corner-right { /* non-theme */ border-top-right-radius: 4px; border-bottom-right-radius: 4px; } /* icons in buttons */ .fc button .fc-icon { /* non-theme */ position: relative; top: -0.05em; /* seems to be a good adjustment across browsers */ margin: 0 .2em; vertical-align: middle; } /* button states borrowed from twitter bootstrap (http://twitter.github.com/bootstrap/) */ .fc-state-default { background-color: #FFF; border-color: #DBE0E4; color: #454545; } .fc-state-hover, .fc-state-down, .fc-state-active, .fc-state-disabled { border-color: #ccd3d9; background: #f7f7f7; color: #383838; font-weight: 600; } .fc-state-hover { color: #333333; text-decoration: none; background-position: 0 -15px; -webkit-transition: background-position 0.1s linear; -moz-transition: background-position 0.1s linear; -o-transition: background-position 0.1s linear; transition: background-position 0.1s linear; } .fc-state-down, .fc-state-active { -webkit-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1); } .fc-state-disabled { cursor: default; background-image: none; opacity: 0.65; filter: alpha(opacity=65); box-shadow: none; } /* Buttons Groups --------------------------------------------------------------------------------------------------*/ .fc-button-group { display: inline-block; } /* every button that is not first in a button group should scootch over one pixel and cover the previous button's border... */ .fc .fc-button-group > * { /* extra precedence b/c buttons have margin set to zero */ float: left; margin: 0 0 0 -1px; } .fc .fc-button-group > :first-child { /* same */ margin-left: 0; } /* Popover --------------------------------------------------------------------------------------------------*/ .fc-popover { position: absolute; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15); } .fc-popover .fc-header { /* TODO: be more consistent with fc-head/fc-body */ padding: 2px 4px; } .fc-popover .fc-header .fc-title { margin: 0 2px; } .fc-popover .fc-header .fc-close { cursor: pointer; } .fc-ltr .fc-popover .fc-header .fc-title, .fc-rtl .fc-popover .fc-header .fc-close { float: left; } .fc-rtl .fc-popover .fc-header .fc-title, .fc-ltr .fc-popover .fc-header .fc-close { float: right; } /* unthemed */ .fc-unthemed .fc-popover { border-width: 1px; border-style: solid; } .fc-unthemed .fc-popover .fc-header .fc-close { font-size: .9em; margin-top: 2px; } /* jqui themed */ .fc-popover > .ui-widget-header + .ui-widget-content { border-top: 0; /* where they meet, let the header have the border */ } /* Misc Reusable Components --------------------------------------------------------------------------------------------------*/ .fc-divider { border-style: solid; border-width: 1px; } hr.fc-divider { height: 0; margin: 0; padding: 0 0 2px; /* height is unreliable across browsers, so use padding */ border-width: 1px 0; } .fc-clear { clear: both; } .fc-bg, .fc-bgevent-skeleton, .fc-highlight-skeleton, .fc-helper-skeleton { /* these element should always cling to top-left/right corners */ position: absolute; top: 0; left: 0; right: 0; } .fc-bg { bottom: 0; /* strech bg to bottom edge */ } .fc-bg table { height: 100%; /* strech bg to bottom edge */ } /* Tables --------------------------------------------------------------------------------------------------*/ .fc table { width: 100%; box-sizing: border-box; /* fix scrollbar issue in firefox */ table-layout: fixed; border-collapse: collapse; border-spacing: 0; font-size: 1em; /* normalize cross-browser */ } .fc th { text-align: center; font-weight: 700; padding: 5px 20px; text-transform: uppercase; font-size: 11px; color: #1B2431; } .fc th, .fc td { border-style: solid; border-width: 1px; vertical-align: top; } .fc td.fc-today { border-style: double; /* overcome neighboring borders */ } /* Fake Table Rows --------------------------------------------------------------------------------------------------*/ .fc .fc-row { /* extra precedence to overcome themes w/ .ui-widget-content forcing a 1px border */ /* no visible border by default. but make available if need be (scrollbar width compensation) */ border-style: solid; border-width: 0; } .fc-row table { /* don't put left/right border on anything within a fake row. the outer tbody will worry about this */ border-left: 0 hidden transparent; border-right: 0 hidden transparent; /* no bottom borders on rows */ border-bottom: 0 hidden transparent; } .fc-row:first-child table { border-top: 0 hidden transparent; /* no top border on first row */ } /* Day Row (used within the header and the DayGrid) --------------------------------------------------------------------------------------------------*/ .fc-row { position: relative; } .fc-row .fc-bg { z-index: 1; } /* highlighting cells & background event skeleton */ .fc-row .fc-bgevent-skeleton, .fc-row .fc-highlight-skeleton { bottom: 0; /* stretch skeleton to bottom of row */ } .fc-row .fc-bgevent-skeleton table, .fc-row .fc-highlight-skeleton table { height: 100%; /* stretch skeleton to bottom of row */ } .fc-row .fc-highlight-skeleton td, .fc-row .fc-bgevent-skeleton td { border-color: transparent; } .fc-row .fc-bgevent-skeleton { z-index: 2; } .fc-row .fc-highlight-skeleton { z-index: 3; } /* row content (which contains day/week numbers and events) as well as "helper" (which contains temporary rendered events). */ .fc-row .fc-content-skeleton { position: relative; z-index: 4; padding-bottom: 2px; /* matches the space above the events */ } .fc-row .fc-helper-skeleton { z-index: 5; } .fc-row .fc-content-skeleton td, .fc-row .fc-helper-skeleton td { /* see-through to the background below */ background: none; /* in case <td>s are globally styled */ border-color: transparent; /* don't put a border between events and/or the day number */ border-bottom: 0; } .fc-row .fc-content-skeleton tbody td, .fc-row .fc-helper-skeleton tbody td { /* don't put a border between event cells */ border-top: 0; } /* Scrolling Container --------------------------------------------------------------------------------------------------*/ .fc-scroller { -webkit-overflow-scrolling: touch; } /* TODO: move to agenda/basic */ .fc-scroller > .fc-day-grid, .fc-scroller > .fc-time-grid { position: relative; /* re-scope all positions */ width: 100%; /* hack to force re-sizing this inner element when scrollbars appear/disappear */ } /* Global Event Styles --------------------------------------------------------------------------------------------------*/ .fc-event { position: relative; /* for resize handle and other inner positioning */ display: block; /* make the <a> tag block */ font-size: 10px; text-transform: uppercase; line-height: 20px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 2px 5px; border: 3px solid #DBE0E4; /* default BORDER color */ background-color: #FFF; /* default BACKGROUND color */ font-weight: 600; color: #454545; } .fc-event.green { border-color: #699835; background-color: #76AB3C; color: #FFF; } .fc-event.green:hover { color: #FFF; } .fc-event.blue { border-color: #3aacd9; background-color: #4FB5DD; color: #FFF; } .fc-event.blue:hover { color: #FFF; } .fc-event.red { border-color: #ee363a; background-color: #F04E51; color: #FFF; } .fc-event.red:hover { color: #FFF; } .fc-event.orange { border-color: #dd8f00; background-color: #F69F00; color: #FFF; } .fc-event.orange:hover { color: #FFF; } /* overpower some of bootstrap's and jqui's styles on <a> tags */ .fc-event, .fc-event:hover, .ui-widget .fc-event { color: #454545; /* default TEXT color */ text-decoration: none; /* if <a> has an href */ } .fc-event[href], .fc-event.fc-draggable { cursor: pointer; /* give events with links and draggable events a hand mouse pointer */ } .fc-not-allowed, .fc-not-allowed .fc-event { /* to override an event's custom cursor */ cursor: not-allowed; } .fc-event .fc-bg { /* the generic .fc-bg already does position */ z-index: 1; background: #fff; opacity: .25; filter: alpha(opacity=25); /* for IE */ } .fc-event .fc-content { position: relative; z-index: 2; } /* resizer (cursor AND touch devices) */ .fc-event .fc-resizer { position: absolute; z-index: 4; } /* resizer (touch devices) */ .fc-event .fc-resizer { display: none; } .fc-event.fc-allow-mouse-resize .fc-resizer, .fc-event.fc-selected .fc-resizer { /* only show when hovering or selected (with touch) */ display: block; } /* hit area */ .fc-event.fc-selected .fc-resizer:before { /* 40x40 touch area */ content: ""; position: absolute; z-index: 9999; /* user of this util can scope within a lower z-index */ top: 50%; left: 50%; width: 40px; height: 40px; margin-left: -20px; margin-top: -20px; } /* Event Selection (only for touch devices) --------------------------------------------------------------------------------------------------*/ .fc-event.fc-selected { z-index: 9999 !important; /* overcomes inline z-index */ box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); } .fc-event.fc-selected.fc-dragging { box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3); } /* Horizontal Events --------------------------------------------------------------------------------------------------*/ /* bigger touch area when selected */ .fc-h-event.fc-selected:before { content: ""; position: absolute; z-index: 3; /* below resizers */ top: -10px; bottom: -10px; left: 0; right: 0; } /* events that are continuing to/from another week. kill rounded corners and butt up against edge */ .fc-ltr .fc-h-event.fc-not-start, .fc-rtl .fc-h-event.fc-not-end { margin-left: 0; border-left-width: 0; padding-left: 1px; /* replace the border with padding */ border-top-left-radius: 0; border-bottom-left-radius: 0; } .fc-ltr .fc-h-event.fc-not-end, .fc-rtl .fc-h-event.fc-not-start { margin-right: 0; border-right-width: 0; padding-right: 1px; /* replace the border with padding */ border-top-right-radius: 0; border-bottom-right-radius: 0; } /* resizer (cursor AND touch devices) */ /* left resizer */ .fc-ltr .fc-h-event .fc-start-resizer, .fc-rtl .fc-h-event .fc-end-resizer { cursor: w-resize; left: -1px; /* overcome border */ } /* right resizer */ .fc-ltr .fc-h-event .fc-end-resizer, .fc-rtl .fc-h-event .fc-start-resizer { cursor: e-resize; right: -1px; /* overcome border */ } /* resizer (mouse devices) */ .fc-h-event.fc-allow-mouse-resize .fc-resizer { width: 7px; top: -1px; /* overcome top border */ bottom: -1px; /* overcome bottom border */ } /* resizer (touch devices) */ .fc-h-event.fc-selected .fc-resizer { /* 8x8 little dot */ border-radius: 4px; border-width: 1px; width: 6px; height: 6px; border-style: solid; border-color: inherit; background: #fff; /* vertically center */ top: 50%; margin-top: -4px; } /* left resizer */ .fc-ltr .fc-h-event.fc-selected .fc-start-resizer, .fc-rtl .fc-h-event.fc-selected .fc-end-resizer { margin-left: -4px; /* centers the 8x8 dot on the left edge */ } /* right resizer */ .fc-ltr .fc-h-event.fc-selected .fc-end-resizer, .fc-rtl .fc-h-event.fc-selected .fc-start-resizer { margin-right: -4px; /* centers the 8x8 dot on the right edge */ } /* DayGrid events ---------------------------------------------------------------------------------------------------- We use the full "fc-day-grid-event" class instead of using descendants because the event won't be a descendant of the grid when it is being dragged. */ .fc-day-grid-event { margin: 3px 5px 0; /* spacing between events and edges */ padding: 5px 10px; } .fc-day-grid-event.fc-selected:after { content: ""; position: absolute; z-index: 1; /* same z-index as fc-bg, behind text */ /* overcome the borders */ top: -1px; right: -1px; bottom: -1px; left: -1px; /* darkening effect */ background: #000; opacity: .25; filter: alpha(opacity=25); /* for IE */ } .fc-day-grid-event .fc-content { /* force events to be one-line tall */ white-space: nowrap; overflow: hidden; } .fc-day-grid-event .fc-time { font-weight: bold; } .fc-time { font-weight: 600; font-size: 12px; } /* resizer (cursor devices) */ /* left resizer */ .fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer, .fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer { margin-left: -2px; /* to the day cell's edge */ } /* right resizer */ .fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer, .fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer { margin-right: -2px; /* to the day cell's edge */ } /* Event Limiting --------------------------------------------------------------------------------------------------*/ /* "more" link that represents hidden events */ a.fc-more { margin: 1px 3px; font-size: .85em; cursor: pointer; text-decoration: none; } a.fc-more:hover { text-decoration: underline; } .fc-limited { /* rows and cells that are hidden because of a "more" link */ display: none; } /* popover that appears when "more" link is clicked */ .fc-day-grid .fc-row { z-index: 1; /* make the "more" popover one higher than this */ } .fc-more-popover { z-index: 2; width: 220px; } .fc-more-popover .fc-event-container { padding: 10px; } /* Now Indicator --------------------------------------------------------------------------------------------------*/ .fc-now-indicator { position: absolute; border: 0 solid red; } /* Utilities --------------------------------------------------------------------------------------------------*/ .fc-unselectable { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } /* Toolbar --------------------------------------------------------------------------------------------------*/ .fc-toolbar { text-align: center; margin-bottom: 1em; } .fc-toolbar .fc-left { float: left; } .fc-toolbar .fc-right { float: right; } .fc-toolbar .fc-center { display: inline-block; margin-top: 5px; } .fc-toolbar .fc-center h2 { font-size: 15px; font-weight: 600; } /* the things within each left/right/center section */ .fc .fc-toolbar > * > * { /* extra precedence to override button border margins */ float: left; margin-left: .75em; } /* the first thing within each left/center/right section */ .fc .fc-toolbar > * > :first-child { /* extra precedence to override button border margins */ margin-left: 0; } /* title text */ .fc-toolbar h2 { margin: 0; } /* button layering (for border precedence) */ .fc-toolbar button { position: relative; } .fc-toolbar .fc-state-hover, .fc-toolbar .ui-state-hover { z-index: 2; } .fc-toolbar .fc-state-down { z-index: 3; } .fc-toolbar .fc-state-active, .fc-toolbar .ui-state-active { z-index: 4; } .fc-toolbar button:focus { z-index: 5; } /* View Structure --------------------------------------------------------------------------------------------------*/ /* undo twitter bootstrap's box-sizing rules. normalizes positioning techniques */ /* don't do this for the toolbar because we'll want bootstrap to style those buttons as some pt */ .fc-view-container *, .fc-view-container *:before, .fc-view-container *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .fc-view, .fc-view > table { /* so dragged elements can be above the view's main element */ position: relative; z-index: 1; } /* BasicView --------------------------------------------------------------------------------------------------*/ /* day row structure */ .fc-basicWeek-view .fc-content-skeleton, .fc-basicDay-view .fc-content-skeleton { /* we are sure there are no day numbers in these views, so... */ padding-top: 1px; /* add a pixel to make sure there are 2px padding above events */ padding-bottom: 1em; /* ensure a space at bottom of cell for user selecting/clicking */ } .fc-basic-view .fc-body .fc-row { min-height: 4em; /* ensure that all rows are at least this tall */ } /* a "rigid" row will take up a constant amount of height because content-skeleton is absolute */ .fc-row.fc-rigid { overflow: hidden; } .fc-row.fc-rigid .fc-content-skeleton { position: absolute; top: 0; left: 0; right: 0; } /* week and day number styling */ .fc-basic-view .fc-week-number, .fc-basic-view .fc-day-number { padding: 5px 5px; } .fc-basic-view td.fc-week-number span, .fc-basic-view td.fc-day-number { padding-top: 5px; padding-bottom: 5px; } .fc-basic-view .fc-week-number { text-align: center; } .fc-basic-view .fc-week-number span { /* work around the way we do column resizing and ensure a minimum width */ display: inline-block; min-width: 1.25em; } .fc-ltr .fc-basic-view .fc-day-number { text-align: right; } .fc-rtl .fc-basic-view .fc-day-number { text-align: left; } .fc-day-number.fc-other-month { opacity: 0.3; filter: alpha(opacity=30); /* for IE */ /* opacity with small font can sometimes look too faded might want to set the 'color' property instead making day-numbers bold also fixes the problem */ } /* AgendaView all-day area --------------------------------------------------------------------------------------------------*/ .fc-agenda-view .fc-day-grid { position: relative; z-index: 2; /* so the "more.." popover will be over the time grid */ } .fc-agenda-view .fc-day-grid .fc-row { min-height: 3em; /* all-day section will never get shorter than this */ } .fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton { padding-top: 1px; /* add a pixel to make sure there are 2px padding above events */ padding-bottom: 1em; /* give space underneath events for clicking/selecting days */ } /* TimeGrid axis running down the side (for both the all-day area and the slot area) --------------------------------------------------------------------------------------------------*/ .fc .fc-axis { /* .fc to overcome default cell styles */ vertical-align: middle; padding: 0 4px; white-space: nowrap; } .fc-ltr .fc-axis { text-align: right; } .fc-rtl .fc-axis { text-align: left; } .ui-widget td.fc-axis { font-weight: normal; /* overcome jqui theme making it bold */ } /* TimeGrid Structure --------------------------------------------------------------------------------------------------*/ .fc-time-grid-container, .fc-time-grid { /* so slats/bg/content/etc positions get scoped within here */ position: relative; z-index: 1; } .fc-time-grid { min-height: 100%; /* so if height setting is 'auto', .fc-bg stretches to fill height */ } .fc-time-grid table { /* don't put outer borders on slats/bg/content/etc */ border: 0 hidden transparent; } .fc-time-grid > .fc-bg { z-index: 1; } .fc-time-grid .fc-slats, .fc-time-grid > hr { /* the <hr> AgendaView injects when grid is shorter than scroller */ position: relative; z-index: 2; } .fc-time-grid .fc-content-col { position: relative; /* because now-indicator lives directly inside */ } .fc-time-grid .fc-content-skeleton { position: absolute; z-index: 3; top: 0; left: 0; right: 0; } /* divs within a cell within the fc-content-skeleton */ .fc-time-grid .fc-business-container { position: relative; z-index: 1; } .fc-time-grid .fc-bgevent-container { position: relative; z-index: 2; } .fc-time-grid .fc-highlight-container { position: relative; z-index: 3; } .fc-time-grid .fc-event-container { position: relative; z-index: 4; } .fc-time-grid .fc-now-indicator-line { z-index: 5; } .fc-time-grid .fc-helper-container { /* also is fc-event-container */ position: relative; z-index: 6; } /* TimeGrid Slats (lines that run horizontally) --------------------------------------------------------------------------------------------------*/ .fc-time-grid .fc-slats td { height: 1.5em; border-bottom: 0; /* each cell is responsible for its top border */ } .fc-time-grid .fc-slats .fc-minor td { border-top-style: dotted; } .fc-time-grid .fc-slats .ui-widget-content { /* for jqui theme */ background: none; /* see through to fc-bg */ } /* TimeGrid Highlighting Slots --------------------------------------------------------------------------------------------------*/ .fc-time-grid .fc-highlight-container { /* a div within a cell within the fc-highlight-skeleton */ position: relative; /* scopes the left/right of the fc-highlight to be in the column */ } .fc-time-grid .fc-highlight { position: absolute; left: 0; right: 0; /* top and bottom will be in by JS */ } /* TimeGrid Event Containment --------------------------------------------------------------------------------------------------*/ .fc-ltr .fc-time-grid .fc-event-container { /* space on the sides of events for LTR (default) */ margin: 0 2.5% 0 2px; } .fc-rtl .fc-time-grid .fc-event-container { /* space on the sides of events for RTL */ margin: 0 2px 0 2.5%; } .fc-time-grid .fc-event, .fc-time-grid .fc-bgevent { position: absolute; z-index: 1; /* scope inner z-index's */ } .fc-time-grid .fc-bgevent { /* background events always span full width */ left: 0; right: 0; } /* Generic Vertical Event --------------------------------------------------------------------------------------------------*/ .fc-v-event.fc-not-start { /* events that are continuing from another day */ /* replace space made by the top border with padding */ border-top-width: 0; padding-top: 1px; /* remove top rounded corners */ border-top-left-radius: 0; border-top-right-radius: 0; } .fc-v-event.fc-not-end { /* replace space made by the top border with padding */ border-bottom-width: 0; padding-bottom: 1px; /* remove bottom rounded corners */ border-bottom-left-radius: 0; border-bottom-right-radius: 0; } /* TimeGrid Event Styling ---------------------------------------------------------------------------------------------------- We use the full "fc-time-grid-event" class instead of using descendants because the event won't be a descendant of the grid when it is being dragged. */ .fc-time-grid-event { overflow: hidden; /* don't let the bg flow over rounded corners */ } .fc-time-grid-event.fc-selected { /* need to allow touch resizers to extend outside event's bounding box */ /* common fc-selected styles hide the fc-bg, so don't need this anyway */ overflow: visible; } .fc-time-grid-event.fc-selected .fc-bg { display: none; /* hide semi-white background, to appear darker */ } .fc-time-grid-event .fc-content { overflow: hidden; /* for when .fc-selected */ } .fc-time-grid-event .fc-time, .fc-time-grid-event .fc-title { padding: 0 1px; } .fc-time-grid-event .fc-time { font-size: .85em; white-space: nowrap; } /* short mode, where time and title are on the same line */ .fc-time-grid-event.fc-short .fc-content { /* don't wrap to second line (now that contents will be inline) */ white-space: nowrap; } .fc-time-grid-event.fc-short .fc-time, .fc-time-grid-event.fc-short .fc-title { /* put the time and title on the same line */ display: inline-block; vertical-align: top; } .fc-time-grid-event.fc-short .fc-time span { display: none; /* don't display the full time text... */ } .fc-time-grid-event.fc-short .fc-time:before { content: attr(data-start); /* ...instead, display only the start time */ } .fc-time-grid-event.fc-short .fc-time:after { content: "\000A0-\000A0"; /* seperate with a dash, wrapped in nbsp's */ } .fc-time-grid-event.fc-short .fc-title { font-size: .85em; /* make the title text the same size as the time */ padding: 0; /* undo padding from above */ } /* resizer (cursor device) */ .fc-time-grid-event.fc-allow-mouse-resize .fc-resizer { left: 0; right: 0; bottom: 0; height: 8px; overflow: hidden; line-height: 8px; font-size: 11px; font-family: monospace; text-align: center; cursor: s-resize; } .fc-time-grid-event.fc-allow-mouse-resize .fc-resizer:after { content: "="; } /* resizer (touch device) */ .fc-time-grid-event.fc-selected .fc-resizer { /* 10x10 dot */ border-radius: 5px; border-width: 1px; width: 8px; height: 8px; border-style: solid; border-color: inherit; background: #fff; /* horizontally center */ left: 50%; margin-left: -5px; /* center on the bottom edge */ bottom: -5px; } /* Now Indicator --------------------------------------------------------------------------------------------------*/ .fc-time-grid .fc-now-indicator-line { border-top-width: 1px; left: 0; right: 0; } /* arrow on axis */ .fc-time-grid .fc-now-indicator-arrow { margin-top: -5px; /* vertically center on top coordinate */ } .fc-ltr .fc-time-grid .fc-now-indicator-arrow { left: 0; /* triangle pointing right... */ border-width: 5px 0 5px 6px; border-top-color: transparent; border-bottom-color: transparent; } .fc-rtl .fc-time-grid .fc-now-indicator-arrow { right: 0; /* triangle pointing left... */ border-width: 5px 6px 5px 0; border-top-color: transparent; border-bottom-color: transparent; } .app .bootstrap-tagsinput { background-color: #fff; border: 1px solid #DBE0E4; display: block; float: left; padding: 4px 5px 0px 5px; color: #454545; vertical-align: middle; border-radius: 4px; width: 100%; cursor: text; } .app .bootstrap-tagsinput input { border: none; box-shadow: none; outline: none; background-color: transparent; padding: 0 6px; margin: 0; width: auto; max-width: inherit; line-height: 30px; margin-bottom: 4px; } .app .bootstrap-tagsinput.form-control input::-moz-placeholder { color: #777; opacity: 1; } .app .bootstrap-tagsinput.form-control input:-ms-input-placeholder { color: #777; } .app .bootstrap-tagsinput.form-control input::-webkit-input-placeholder { color: #777; } .app .bootstrap-tagsinput input:focus { border: none; box-shadow: none; } .app .bootstrap-tagsinput .label.tag { margin-right: 4px; line-height: 20px; padding: 5px 10px; display: block; float: left; margin-bottom: 4px; } .app .bootstrap-tagsinput .tag [data-role="remove"] { margin-left: 8px; cursor: pointer; } .app .bootstrap-tagsinput .tag [data-role="remove"]:after { content: "x"; padding: 0px 2px; } .daterangepicker { position: absolute; color: inherit; background: #fff; border-radius: 4px; width: 278px; padding: 4px; margin-top: 1px; top: 100px; left: 20px; /* Calendars */ } .daterangepicker:before, .daterangepicker:after { position: absolute; display: inline-block; border-bottom-color: rgba(0, 0, 0, 0.2); content: ''; } .daterangepicker:before { top: -7px; border-right: 7px solid transparent; border-left: 7px solid transparent; border-bottom: 7px solid #DBE0E4; } .daterangepicker:after { top: -6px; border-right: 6px solid transparent; border-bottom: 6px solid #fff; border-left: 6px solid transparent; } .daterangepicker.opensleft:before { right: 9px; } .daterangepicker.opensleft:after { right: 10px; } .daterangepicker.openscenter:before { left: 0; right: 0; width: 0; margin-left: auto; margin-right: auto; } .daterangepicker.openscenter:after { left: 0; right: 0; width: 0; margin-left: auto; margin-right: auto; } .daterangepicker.opensright:before { left: 9px; } .daterangepicker.opensright:after { left: 10px; } .daterangepicker.dropup { margin-top: -5px; } .daterangepicker.dropup:before { top: initial; bottom: -7px; border-bottom: initial; border-top: 7px solid #DBE0E4; } .daterangepicker.dropup:after { top: initial; bottom: -6px; border-bottom: initial; border-top: 6px solid #fff; } .daterangepicker.dropdown-menu { max-width: none; z-index: 3001; } .daterangepicker.single .ranges, .daterangepicker.single .calendar { float: none; } .daterangepicker.show-calendar .calendar { display: block; } .daterangepicker .calendar { display: none; max-width: 270px; margin: 4px; } .daterangepicker .calendar.single .calendar-table { border: none; } .daterangepicker .calendar th, .daterangepicker .calendar td { white-space: nowrap; text-align: center; min-width: 32px; } .daterangepicker .calendar-table { border: 1px solid #fff; padding: 4px; border-radius: 4px; background: #fff; } .daterangepicker table { width: 100%; margin: 0; } .daterangepicker td, .daterangepicker th { text-align: center; width: 20px; height: 20px; border-radius: 4px; border: 1px solid transparent; white-space: nowrap; cursor: pointer; } .daterangepicker td.available:hover, .daterangepicker th.available:hover { background-color: #eee; border-color: transparent; color: inherit; } .daterangepicker td.week, .daterangepicker th.week { font-size: 80%; color: #ccc; } .daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date { background-color: #fff; border-color: transparent; color: #999; } .daterangepicker td.in-range { background-color: #ebf4f8; border-color: transparent; color: #000; border-radius: 0; } .daterangepicker td.start-date { border-radius: 4px 0 0 4px; } .daterangepicker td.end-date { border-radius: 0 4px 4px 0; } .daterangepicker td.start-date.end-date { border-radius: 4px; } .daterangepicker td.active, .daterangepicker td.active:hover { background-color: #357ebd; border-color: transparent; color: #fff; } .daterangepicker th.month { width: auto; } .daterangepicker td.disabled, .daterangepicker option.disabled { color: #999; cursor: not-allowed; text-decoration: line-through; } .daterangepicker select.monthselect, .daterangepicker select.yearselect { font-size: 12px; padding: 1px; height: auto; margin: 0; cursor: default; } .daterangepicker select.monthselect { margin-right: 2%; width: 56%; } .daterangepicker select.yearselect { width: 40%; } .daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect { width: 50px; margin-bottom: 0; } .daterangepicker .input-mini { border: 1px solid #DBE0E4; border-radius: 4px; color: #555; height: 30px; line-height: 30px; display: block; vertical-align: middle; margin: 0 0 5px 0; padding: 0 6px 0 28px; width: 100%; } .daterangepicker .input-mini.active { border: 1px solid #08c; border-radius: 4px; } .daterangepicker .daterangepicker_input { position: relative; } .daterangepicker .daterangepicker_input i { position: absolute; left: 8px; top: 8px; } .daterangepicker.rtl .input-mini { padding-right: 28px; padding-left: 6px; } .daterangepicker.rtl .daterangepicker_input i { left: auto; right: 8px; } .daterangepicker .calendar-time { text-align: center; margin: 5px auto; line-height: 30px; position: relative; padding-left: 28px; } .daterangepicker .calendar-time select.disabled { color: #ccc; cursor: not-allowed; } .ranges { font-size: 11px; float: none; margin: 4px; text-align: left; } .ranges ul { list-style: none; margin: 0 auto; padding: 0; width: 100%; } .ranges li { font-size: 13px; background: #f5f5f5; border: 1px solid #f5f5f5; border-radius: 4px; color: #08c; padding: 3px 12px; margin-bottom: 8px; cursor: pointer; } .ranges li:hover { background: #08c; border: 1px solid #08c; color: #fff; } .ranges li.active { background: #08c; border: 1px solid #08c; color: #fff; } /* Larger Screen Styling */ @media (min-width: 564px) { .daterangepicker { width: auto; } .daterangepicker .ranges ul { width: 160px; } .daterangepicker.single .ranges ul { width: 100%; } .daterangepicker.single .calendar.left { clear: none; } .daterangepicker.single.ltr .ranges, .daterangepicker.single.ltr .calendar { float: left; } .daterangepicker.single.rtl .ranges, .daterangepicker.single.rtl .calendar { float: right; } .daterangepicker.ltr { direction: ltr; text-align: left; } .daterangepicker.ltr .calendar.left { clear: left; margin-right: 0; } .daterangepicker.ltr .calendar.left .calendar-table { border-right: none; border-top-right-radius: 0; border-bottom-right-radius: 0; } .daterangepicker.ltr .calendar.right { margin-left: 0; } .daterangepicker.ltr .calendar.right .calendar-table { border-left: none; border-top-left-radius: 0; border-bottom-left-radius: 0; } .daterangepicker.ltr .left .daterangepicker_input { padding-right: 12px; } .daterangepicker.ltr .calendar.left .calendar-table { padding-right: 12px; } .daterangepicker.ltr .ranges, .daterangepicker.ltr .calendar { float: left; } .daterangepicker.rtl { direction: rtl; text-align: right; } .daterangepicker.rtl .calendar.left { clear: right; margin-left: 0; } .daterangepicker.rtl .calendar.left .calendar-table { border-left: none; border-top-left-radius: 0; border-bottom-left-radius: 0; } .daterangepicker.rtl .calendar.right { margin-right: 0; } .daterangepicker.rtl .calendar.right .calendar-table { border-right: none; border-top-right-radius: 0; border-bottom-right-radius: 0; } .daterangepicker.rtl .left .daterangepicker_input { padding-left: 12px; } .daterangepicker.rtl .calendar.left .calendar-table { padding-left: 12px; } .daterangepicker.rtl .ranges, .daterangepicker.rtl .calendar { text-align: right; float: right; } } .range_inputs .btn.btn-sm { margin: 0px; } @media (min-width: 730px) { .daterangepicker .ranges { width: auto; } .daterangepicker.ltr .ranges { float: left; } .daterangepicker.rtl .ranges { float: right; } .daterangepicker .calendar.left { clear: none !important; } } /* ======================================================================== * bootstrap-tour - v0.10.3 * http://bootstraptour.com * ======================================================================== * Copyright 2012-2015 Ulrich Sossou * * ======================================================================== * Licensed under the MIT License (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * https://opensource.org/licenses/MIT * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. * ======================================================================== */ .tour-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1100; background-color: #000; opacity: 0.8; filter: alpha(opacity=80); } .tour-step-backdrop { position: relative; z-index: 1101; } .tour-step-backdrop > td { position: relative; z-index: 1101; } .tour-step-background { position: absolute !important; z-index: 1100; background: inherit; border-radius: 6px; } .popover[class*="tour-"] { z-index: 1102; } .popover[class*="tour-"] .popover-navigation { padding: 9px 14px; overflow: hidden; } .popover[class*="tour-"] .popover-navigation *[data-role="end"] { float: right; } .popover[class*="tour-"] .popover-navigation *[data-role="prev"], .popover[class*="tour-"] .popover-navigation *[data-role="next"], .popover[class*="tour-"] .popover-navigation *[data-role="end"] { cursor: pointer; } .popover[class*="tour-"] .popover-navigation *[data-role="prev"].disabled, .popover[class*="tour-"] .popover-navigation *[data-role="next"].disabled, .popover[class*="tour-"] .popover-navigation *[data-role="end"].disabled { cursor: default; } .popover[class*="tour-"].orphan { position: fixed; margin-top: 0; } .popover[class*="tour-"].orphan .arrow { display: none; } .ms-container { position: relative; } .ms-container:before { width: 20px; height: 20px; line-height: 20px; text-align: center; z-index: 10; content: "\f0ec"; font-family: "FontAwesome"; font-size: 14px; color: #DBE0E4; position: absolute; left: 50%; top: 50%; margin: -10px 0px 0px -10px; } .ms-container:after { content: "."; display: block; height: 0; line-height: 0; font-size: 0; clear: both; min-height: 0; visibility: hidden; } .ms-container .ms-selectable, .ms-container .ms-selection { background: #FFF; color: #1B2431; float: left; } .ms-container .ms-selection { float: right; } .ms-container .ms-list { border: 1px solid #DBE0E4; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; position: relative; height: 200px; padding: 0; overflow-y: auto; } .ms-container .ms-list.ms-focus { border-color: #ccd3d9; } .ms-container ul { margin: 0; list-style-type: none; padding: 0; } .ms-container .ms-optgroup-container { width: 100%; } .ms-container .ms-optgroup-label { margin: 5px 0px 0px; padding: 10px 10px 5px 10px; line-height: 20px; font-weight: 600; cursor: pointer; color: #1B2431; } .ms-container .ms-selectable li.ms-elem-selectable, .ms-container .ms-selection li.ms-elem-selection { padding: 10px 20px; color: #1B2431; font-size: 13px; line-height: 20px; } .ms-container .ms-selectable li.ms-hover, .ms-container .ms-selection li.ms-hover { cursor: pointer; text-decoration: none; background-color: #F5F5F5; } .ms-container .ms-selectable li.disabled, .ms-container .ms-selection li.disabled { color: #9da9b9; cursor: text; } /* Ion.RangeSlider // css version 2.0.3 // © 2013-2014 Denis Ineshin | IonDen.com // ===================================================================================================================*/ /* ===================================================================================================================== // RangeSlider */ .irs { float: left; width: 100%; position: relative; display: block; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .irs-line { position: relative; display: block; overflow: hidden; outline: none !important; } .irs-line-left, .irs-line-mid, .irs-line-right { position: absolute; display: block; top: 0; } .irs-line-left { left: 0; width: 11%; } .irs-line-mid { left: 9%; width: 82%; } .irs-line-right { right: 0; width: 11%; } .irs-bar { position: absolute; display: block; left: 0; width: 0; } .irs-bar-edge { position: absolute; display: block; top: 0; left: 0; } .irs-shadow { position: absolute; display: none; left: 0; width: 0; } .irs-slider { position: absolute; display: block; cursor: default; z-index: 1; } .irs-slider.type_last { z-index: 2; } .irs-min { position: absolute; display: block; left: 0; cursor: default; } .irs-max { position: absolute; display: block; right: 0; cursor: default; } .irs-from, .irs-to, .irs-single { position: absolute; display: block; top: 0; left: 0; cursor: default; white-space: nowrap; } .irs-grid { position: absolute; display: none; bottom: 0; left: 0; width: 100%; height: 20px; } .irs-with-grid .irs-grid { display: block; } .irs-grid-pol { position: absolute; top: 0; left: 0; width: 1px; height: 8px; background: #000; } .irs-grid-pol.small { height: 4px; } .irs-grid-text { position: absolute; bottom: 0; left: 0; white-space: nowrap; text-align: center; font-size: 9px; line-height: 9px; padding: 0 3px; color: #000; } .irs-disable-mask { position: absolute; display: block; top: 0; left: -1%; width: 102%; height: 100%; cursor: default; background: rgba(0, 0, 0, 0); z-index: 2; } .irs-disabled { opacity: 0.4; } .lt-ie9 .irs-disabled { filter: alpha(opacity=40); } .irs-hidden-input { position: absolute !important; display: block !important; top: 0 !important; left: 0 !important; width: 0 !important; height: 0 !important; font-size: 0 !important; line-height: 0 !important; padding: 0 !important; margin: 0 !important; outline: none !important; z-index: -9999 !important; background: none !important; border-style: solid !important; border-color: transparent !important; } .irs { height: 55px; } .irs-with-grid { height: 75px; } .irs-line { height: 5px; top: 33px; background: #FFF; border: 1px solid #DBE0E4; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .irs-line-left { height: 8px; } .irs-line-mid { height: 8px; } .irs-line-right { height: 8px; } .irs-bar { height: 5px; top: 33px; border-top: 1px solid #2D3349; border-bottom: 1px solid #2D3349; background: #2D3349; } .irs-bar-edge { height: 5px; top: 33px; width: 14px; border: 1px solid #2D3349; border-right: 0; background: #2D3349; -webkit-border-top-right-radius: 0px; -webkit-border-bottom-right-radius: 0px; -webkit-border-bottom-left-radius: 3px; -webkit-border-top-left-radius: 3px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 3px; -moz-border-radius-topleft: 3px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 3px; border-top-left-radius: 3px; } .irs-shadow { height: 5px; top: 33px; background: #CCC; opacity: 0.5; } .lt-ie9 .irs-shadow { filter: alpha(opacity=30); } .irs-slider { top: 26px; width: 19px; height: 19px; border: 3px solid #2D3349; background: #FFF; cursor: pointer; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .irs-slider:after { top: -10px; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-bottom-color: #2D3349; border-width: 4px; margin-left: -5px; } .irs-slider.to:after { margin-left: -4px; } .irs-slider.state_hover, .irs-slider:hover { background: #F5F5F5; } .irs-min, .irs-max { color: #1B2431; font-size: 11px; line-height: 16px; text-shadow: none; top: 0; padding: 3px 10px; background: #F5F5F5; border-radius: 3px; -moz-border-radius: 3px; } .lt-ie9 .irs-min, .lt-ie9 .irs-max { background: #ccc; } .irs-from, .irs-to, .irs-single { color: #fff; font-size: 11px; font-weight: 400; line-height: 14px; text-shadow: none; padding: 3px 10px; background: #2D3349; -webkit-box-shadow: 0px 0px 0px 2px rgba(45, 51, 73, 0.25); -moz-box-shadow: 0px 0px 0px 2px rgba(45, 51, 73, 0.25); box-shadow: 0px 0px 0px 2px rgba(45, 51, 73, 0.25); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .lt-ie9 .irs-from, .lt-ie9 .irs-to, .lt-ie9 .irs-single { background: #F5F5F5; } .irs-grid { height: 27px; } .irs-grid-pol { opacity: 0.5; background: #428bca; } .irs-grid-pol.small { background: #999; } .irs-grid-text { bottom: 5px; color: #99a4ac; } /*! * Bootstrap Colorpicker v2.3.3 * http://mjolnic.github.io/bootstrap-colorpicker/ * * Originally written by (c) 2012 Stefan Petre * Licensed under the Apache License v2.0 * http://www.apache.org/licenses/LICENSE-2.0.txt * */ .colorpicker-saturation { width: 150px; height: 150px; background-image: url("../img/bootstrap-colorpicker/saturation.png"); cursor: crosshair; float: left; } .colorpicker-saturation i { display: block; height: 5px; width: 5px; border: 1px solid #000; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; position: absolute; top: 0; left: 0; margin: -4px 0 0 -4px; } .colorpicker-saturation i b { display: block; height: 5px; width: 5px; border: 1px solid #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .colorpicker-hue, .colorpicker-alpha { width: 15px; height: 150px; float: left; cursor: row-resize; margin-left: 4px; margin-bottom: 4px; } .colorpicker-hue i, .colorpicker-alpha i { display: block; height: 1px; background: #000; border-top: 1px solid #fff; position: absolute; top: 0; left: 0; width: 100%; margin-top: -1px; } .colorpicker-hue { background-image: url("../img/bootstrap-colorpicker/hue.png"); } .colorpicker-alpha { background-image: url("../img/bootstrap-colorpicker/alpha.png"); display: none; } .colorpicker-saturation, .colorpicker-hue, .colorpicker-alpha { background-size: contain; } .colorpicker { padding: 4px; min-width: 130px; margin-top: 1px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; z-index: 2500; } .colorpicker:before, .colorpicker:after { display: table; content: ""; line-height: 0; } .colorpicker:after { clear: both; } .colorpicker:before { content: ''; display: inline-block; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #ccc; border-bottom-color: rgba(0, 0, 0, 0.2); position: absolute; top: -7px; left: 6px; } .colorpicker:after { content: ''; display: inline-block; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #ffffff; position: absolute; top: -6px; left: 7px; } .colorpicker div { position: relative; } .colorpicker.colorpicker-with-alpha { min-width: 140px; } .colorpicker.colorpicker-with-alpha .colorpicker-alpha { display: block; } .colorpicker-color { height: 10px; margin-top: 5px; clear: both; background-image: url("../img/bootstrap-colorpicker/alpha.png"); background-position: 0 100%; } .colorpicker-color div { height: 10px; } .colorpicker-selectors { display: none; height: 10px; margin-top: 5px; clear: both; } .colorpicker-selectors i { cursor: pointer; float: left; height: 10px; width: 10px; } .colorpicker-selectors i + i { margin-left: 3px; } .colorpicker-element .input-group-addon i, .colorpicker-element .add-on i { display: inline-block; cursor: pointer; height: 16px; vertical-align: text-top; width: 16px; } .colorpicker.colorpicker-inline { position: relative; display: inline-block; float: none; z-index: auto; } .colorpicker.colorpicker-horizontal { width: 110px; min-width: 110px; height: auto; } .colorpicker.colorpicker-horizontal .colorpicker-saturation { margin-bottom: 4px; } .colorpicker.colorpicker-horizontal .colorpicker-color { width: 150px; } .colorpicker.colorpicker-horizontal .colorpicker-hue, .colorpicker.colorpicker-horizontal .colorpicker-alpha { width: 150px; height: 15px; float: left; cursor: col-resize; margin-left: 0px; margin-bottom: 4px; } .colorpicker.colorpicker-horizontal .colorpicker-hue i, .colorpicker.colorpicker-horizontal .colorpicker-alpha i { display: block; height: 15px; background: #ffffff; position: absolute; top: 0; left: 0; width: 1px; border: none; margin-top: 0px; } .colorpicker.colorpicker-horizontal .colorpicker-hue { background-image: url("../img/bootstrap-colorpicker/hue-horizontal.png"); } .colorpicker.colorpicker-horizontal .colorpicker-alpha { background-image: url("../img/bootstrap-colorpicker/alpha-horizontal.png"); } .colorpicker.colorpicker-hidden { display: none; } .colorpicker.colorpicker-visible { display: block; } .colorpicker-inline.colorpicker-visible { display: inline-block; } .colorpicker-right:before { left: auto; right: 6px; } .colorpicker-right:after { left: auto; right: 7px; } .colorpicker-no-arrow:before { border-right: 0; border-left: 0; } .colorpicker-no-arrow:after { border-right: 0; border-left: 0; } .colorpicker-2x .colorpicker-saturation { width: 250px; height: 250px; } .colorpicker-2x .colorpicker-hue, .colorpicker-2x .colorpicker-alpha { width: 30px; height: 250px; } .colorpicker-2x .colorpicker-color, .colorpicker-2x .colorpicker-color div { height: 30px; } /*! X-editable - v1.5.1 * In-place editing with Twitter Bootstrap, jQuery UI or pure jQuery * http://github.com/vitalets/x-editable * Copyright (c) 2013 Vitaliy Potapov; Licensed MIT */ .editableform { margin-bottom: 0; /* overwrites bootstrap margin */ } .editableform .control-group { margin-bottom: 0; /* overwrites bootstrap margin */ white-space: nowrap; /* prevent wrapping buttons on new line */ line-height: 20px; /* overwriting bootstrap line-height. See #133 */ } /* BS3 width:1005 for inputs breaks editable form in popup See: https://github.com/vitalets/x-editable/issues/393 */ .editableform .form-control { width: 100%; } .editable-buttons { float: left; width: 100%; vertical-align: top; /* inline-block emulation for IE7*/ zoom: 1; *display: inline; } .editable-buttons .btn { margin-right: 5px; } .editable-buttons.editable-buttons-bottom { display: block; margin-top: 7px; margin-left: 0; } .editable-input { float: left; width: 100%; vertical-align: top; display: inline-block; /* should be inline to take effect of parent's white-space: nowrap */ white-space: normal; /* reset white-space decalred in parent*/ /* display-inline emulation for IE7*/ zoom: 1; *display: inline; margin-bottom: 15px; } .editable-buttons .editable-cancel { margin-left: 7px; } /*for jquery-ui buttons need set height to look more pretty*/ .editable-buttons button.ui-button-icon-only { height: 24px; width: 30px; } .editableform-loading { background: url('../img/xeditable/loading.gif') center center no-repeat; height: 25px; width: auto; min-width: 25px; } .editable-inline .editableform-loading { background-position: left 5px; } .editable-error-block { white-space: normal; float: left; width: 100%; margin-top: 15px; } /*add padding for jquery ui*/ .editable-error-block.ui-state-error { padding: 3px; } .editable-error { color: red; } /* ---- For specific types ---- */ .editableform .editable-date { padding: 0; margin: 0; float: left; } /* move datepicker icon to center of add-on button. See https://github.com/vitalets/x-editable/issues/183 */ .editable-inline .add-on .icon-th { margin-top: 3px; margin-left: 1px; } /* checklist vertical alignment */ .editable-checklist label input[type="checkbox"], .editable-checklist label span { vertical-align: middle; margin: 0; } .editable-checklist label { white-space: nowrap; } /* set exact width of textarea to fit buttons toolbar */ .editable-wysihtml5 { width: 566px; height: 250px; } /* clear button shown as link in date inputs */ .editable-clear { clear: both; font-size: 0.9em; text-decoration: none; text-align: right; } /* IOS-style clear button for text inputs */ .editable-clear-x { background: url('../img/xeditable/clear.png') center center no-repeat; display: block; width: 13px; height: 13px; position: absolute; opacity: 0.6; z-index: 100; top: 50%; right: 6px; margin-top: -6px; } .editable-clear-x:hover { opacity: 1; } .editable-pre-wrapped { white-space: pre-wrap; } .editable-container.editable-popup { max-width: 450px; /* without this rule popover does not stretch */ } .editable-container.popover { max-width: 450px; /* without this rule popover does not stretch */ } .editable-container.editable-inline { display: inline-block; vertical-align: middle; width: auto; /* inline-block emulation for IE7*/ zoom: 1; *display: inline; } .editable-container.ui-widget { font-size: inherit; /* jqueryui widget font 1.1em too big, overwrite it */ z-index: 9990; /* should be less than select2 dropdown z-index to close dropdown first when click */ } .editable-click, a.editable-click, a.editable-click:hover { text-decoration: none; border-bottom: dashed 1px #0088cc; } .editable-click.editable-disabled, a.editable-click.editable-disabled, a.editable-click.editable-disabled:hover { color: #585858; cursor: default; border-bottom: none; } .editable-empty, .editable-empty:hover, .editable-empty:focus { font-style: italic; color: #DD1144; /* border-bottom: none; */ text-decoration: none; } .editable-unsaved { font-weight: bold; } .editable-unsaved:after { /* content: '*'*/ } .editable-bg-transition { -webkit-transition: background-color 1400ms ease-out; -moz-transition: background-color 1400ms ease-out; -o-transition: background-color 1400ms ease-out; -ms-transition: background-color 1400ms ease-out; transition: background-color 1400ms ease-out; } /*see https://github.com/vitalets/x-editable/issues/139 */ .form-horizontal .editable { padding-top: 5px; display: inline-block; } /*! * Datepicker for Bootstrap * * Copyright 2012 Stefan Petre * Improvements by Andrew Rowls * Licensed under the Apache License v2.0 * http://www.apache.org/licenses/LICENSE-2.0 * .datepicker { padding: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; direction: ltr; } .datepicker-inline { width: 220px; } .datepicker.datepicker-rtl { direction: rtl; } .datepicker.datepicker-rtl table tr td span { float: right; } .datepicker-dropdown { top: 0; left: 0; } .datepicker-dropdown:before { content: ''; display: inline-block; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #ccc; border-bottom-color: rgba(0, 0, 0, 0.2); position: absolute; top: -7px; left: 6px; } .datepicker-dropdown:after { content: ''; display: inline-block; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #ffffff; position: absolute; top: -6px; left: 7px; } .datepicker > div { display: none; } .datepicker.days div.datepicker-days { display: block; } .datepicker.months div.datepicker-months { display: block; } .datepicker.years div.datepicker-years { display: block; } .datepicker table { margin: 0; } .datepicker td, .datepicker th { text-align: center; width: 20px; height: 20px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border: none; } .table-striped .datepicker table tr td, .table-striped .datepicker table tr th { background-color: transparent; } .datepicker table tr td.day:hover { background: #eeeeee; cursor: pointer; } .datepicker table tr td.old, .datepicker table tr td.new { color: #999999; } .datepicker table tr td.disabled, .datepicker table tr td.disabled:hover { background: none; color: #999999; cursor: default; } .datepicker table tr td.today, .datepicker table tr td.today:hover, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover { background-color: #fde19a; background-image: -moz-linear-gradient(top, #fdd49a, #fdf59a); background-image: -ms-linear-gradient(top, #fdd49a, #fdf59a); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdd49a), to(#fdf59a)); background-image: -webkit-linear-gradient(top, #fdd49a, #fdf59a); background-image: -o-linear-gradient(top, #fdd49a, #fdf59a); background-image: linear-gradient(top, #fdd49a, #fdf59a); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0); border-color: #fdf59a #fdf59a #fbed50; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); color: #000; } .datepicker table tr td.today:hover, .datepicker table tr td.today:hover:hover, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today.disabled:hover:hover, .datepicker table tr td.today:active, .datepicker table tr td.today:hover:active, .datepicker table tr td.today.disabled:active, .datepicker table tr td.today.disabled:hover:active, .datepicker table tr td.today.active, .datepicker table tr td.today:hover.active, .datepicker table tr td.today.disabled.active, .datepicker table tr td.today.disabled:hover.active, .datepicker table tr td.today.disabled, .datepicker table tr td.today:hover.disabled, .datepicker table tr td.today.disabled.disabled, .datepicker table tr td.today.disabled:hover.disabled, .datepicker table tr td.today[disabled], .datepicker table tr td.today:hover[disabled], .datepicker table tr td.today.disabled[disabled], .datepicker table tr td.today.disabled:hover[disabled] { background-color: #fdf59a; } .datepicker table tr td.today:active, .datepicker table tr td.today:hover:active, .datepicker table tr td.today.disabled:active, .datepicker table tr td.today.disabled:hover:active, .datepicker table tr td.today.active, .datepicker table tr td.today:hover.active, .datepicker table tr td.today.disabled.active, .datepicker table tr td.today.disabled:hover.active { background-color: #fbf069 \9; } .datepicker table tr td.today:hover:hover { color: #000; } .datepicker table tr td.today.active:hover { color: #fff; } .datepicker table tr td.range, .datepicker table tr td.range:hover, .datepicker table tr td.range.disabled, .datepicker table tr td.range.disabled:hover { background: #eeeeee; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .datepicker table tr td.range.today, .datepicker table tr td.range.today:hover, .datepicker table tr td.range.today.disabled, .datepicker table tr td.range.today.disabled:hover { background-color: #f3d17a; background-image: -moz-linear-gradient(top, #f3c17a, #f3e97a); background-image: -ms-linear-gradient(top, #f3c17a, #f3e97a); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f3c17a), to(#f3e97a)); background-image: -webkit-linear-gradient(top, #f3c17a, #f3e97a); background-image: -o-linear-gradient(top, #f3c17a, #f3e97a); background-image: linear-gradient(top, #f3c17a, #f3e97a); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3c17a', endColorstr='#f3e97a', GradientType=0); border-color: #f3e97a #f3e97a #edde34; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .datepicker table tr td.range.today:hover, .datepicker table tr td.range.today:hover:hover, .datepicker table tr td.range.today.disabled:hover, .datepicker table tr td.range.today.disabled:hover:hover, .datepicker table tr td.range.today:active, .datepicker table tr td.range.today:hover:active, .datepicker table tr td.range.today.disabled:active, .datepicker table tr td.range.today.disabled:hover:active, .datepicker table tr td.range.today.active, .datepicker table tr td.range.today:hover.active, .datepicker table tr td.range.today.disabled.active, .datepicker table tr td.range.today.disabled:hover.active, .datepicker table tr td.range.today.disabled, .datepicker table tr td.range.today:hover.disabled, .datepicker table tr td.range.today.disabled.disabled, .datepicker table tr td.range.today.disabled:hover.disabled, .datepicker table tr td.range.today[disabled], .datepicker table tr td.range.today:hover[disabled], .datepicker table tr td.range.today.disabled[disabled], .datepicker table tr td.range.today.disabled:hover[disabled] { background-color: #f3e97a; } .datepicker table tr td.range.today:active, .datepicker table tr td.range.today:hover:active, .datepicker table tr td.range.today.disabled:active, .datepicker table tr td.range.today.disabled:hover:active, .datepicker table tr td.range.today.active, .datepicker table tr td.range.today:hover.active, .datepicker table tr td.range.today.disabled.active, .datepicker table tr td.range.today.disabled:hover.active { background-color: #efe24b \9; } .datepicker table tr td.selected, .datepicker table tr td.selected:hover, .datepicker table tr td.selected.disabled, .datepicker table tr td.selected.disabled:hover { background-color: #9e9e9e; background-image: -moz-linear-gradient(top, #b3b3b3, #808080); background-image: -ms-linear-gradient(top, #b3b3b3, #808080); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b3b3b3), to(#808080)); background-image: -webkit-linear-gradient(top, #b3b3b3, #808080); background-image: -o-linear-gradient(top, #b3b3b3, #808080); background-image: linear-gradient(top, #b3b3b3, #808080); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3b3b3', endColorstr='#808080', GradientType=0); border-color: #808080 #808080 #595959; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .datepicker table tr td.selected:hover, .datepicker table tr td.selected:hover:hover, .datepicker table tr td.selected.disabled:hover, .datepicker table tr td.selected.disabled:hover:hover, .datepicker table tr td.selected:active, .datepicker table tr td.selected:hover:active, .datepicker table tr td.selected.disabled:active, .datepicker table tr td.selected.disabled:hover:active, .datepicker table tr td.selected.active, .datepicker table tr td.selected:hover.active, .datepicker table tr td.selected.disabled.active, .datepicker table tr td.selected.disabled:hover.active, .datepicker table tr td.selected.disabled, .datepicker table tr td.selected:hover.disabled, .datepicker table tr td.selected.disabled.disabled, .datepicker table tr td.selected.disabled:hover.disabled, .datepicker table tr td.selected[disabled], .datepicker table tr td.selected:hover[disabled], .datepicker table tr td.selected.disabled[disabled], .datepicker table tr td.selected.disabled:hover[disabled] { background-color: #808080; } .datepicker table tr td.selected:active, .datepicker table tr td.selected:hover:active, .datepicker table tr td.selected.disabled:active, .datepicker table tr td.selected.disabled:hover:active, .datepicker table tr td.selected.active, .datepicker table tr td.selected:hover.active, .datepicker table tr td.selected.disabled.active, .datepicker table tr td.selected.disabled:hover.active { background-color: #666666 \9; } .datepicker table tr td.active, .datepicker table tr td.active:hover, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover { background-color: #006dcc; background-image: -moz-linear-gradient(top, #0088cc, #0044cc); background-image: -ms-linear-gradient(top, #0088cc, #0044cc); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc)); background-image: -webkit-linear-gradient(top, #0088cc, #0044cc); background-image: -o-linear-gradient(top, #0088cc, #0044cc); background-image: linear-gradient(top, #0088cc, #0044cc); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0); border-color: #0044cc #0044cc #002a80; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .datepicker table tr td.active:hover, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.active, .datepicker table tr td.active:hover.active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:hover.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active:hover.disabled, .datepicker table tr td.active.disabled.disabled, .datepicker table tr td.active.disabled:hover.disabled, .datepicker table tr td.active[disabled], .datepicker table tr td.active:hover[disabled], .datepicker table tr td.active.disabled[disabled], .datepicker table tr td.active.disabled:hover[disabled] { background-color: #0044cc; } .datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.active, .datepicker table tr td.active:hover.active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:hover.active { background-color: #003399 \9; } .datepicker table tr td span { display: block; width: 23%; height: 54px; line-height: 54px; float: left; margin: 1%; cursor: pointer; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .datepicker table tr td span:hover { background: #eeeeee; } .datepicker table tr td span.disabled, .datepicker table tr td span.disabled:hover { background: none; color: #999999; cursor: default; } .datepicker table tr td span.active, .datepicker table tr td span.active:hover, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled:hover { background-color: #006dcc; background-image: -moz-linear-gradient(top, #0088cc, #0044cc); background-image: -ms-linear-gradient(top, #0088cc, #0044cc); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc)); background-image: -webkit-linear-gradient(top, #0088cc, #0044cc); background-image: -o-linear-gradient(top, #0088cc, #0044cc); background-image: linear-gradient(top, #0088cc, #0044cc); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0); border-color: #0044cc #0044cc #002a80; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .datepicker table tr td span.active:hover, .datepicker table tr td span.active:hover:hover, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:hover:hover, .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.active, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled:hover.active, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active:hover.disabled, .datepicker table tr td span.active.disabled.disabled, .datepicker table tr td span.active.disabled:hover.disabled, .datepicker table tr td span.active[disabled], .datepicker table tr td span.active:hover[disabled], .datepicker table tr td span.active.disabled[disabled], .datepicker table tr td span.active.disabled:hover[disabled] { background-color: #0044cc; } .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.active, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled:hover.active { background-color: #003399 \9; } .datepicker table tr td span.old, .datepicker table tr td span.new { color: #999999; } .datepicker th.datepicker-switch { width: 145px; } .datepicker thead tr:first-child th, .datepicker tfoot tr th { cursor: pointer; } .datepicker thead tr:first-child th:hover, .datepicker tfoot tr th:hover { background: #eeeeee; } .datepicker .cw { font-size: 10px; width: 12px; padding: 0 2px 0 5px; vertical-align: middle; } .datepicker thead tr:first-child th.cw { cursor: default; background-color: transparent; } .input-append.date .add-on i, .input-prepend.date .add-on i { display: block; cursor: pointer; width: 16px; height: 16px; } .input-daterange input { text-align: center; } .input-daterange input:first-child { -webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; } .input-daterange input:last-child { -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; } .input-daterange .add-on { display: inline-block; width: auto; min-width: 16px; height: 18px; padding: 4px 5px; font-weight: normal; line-height: 18px; text-align: center; text-shadow: 0 1px 0 #ffffff; vertical-align: middle; background-color: #eeeeee; border: 1px solid #ccc; margin-left: -5px; margin-right: -5px; }*/ .editable-address { display: block; margin-bottom: 5px; } .editable-address span { width: 70px; display: inline-block; } .clearfix { zoom: 1; } .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } .noselect { -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .margin-0 { margin: 0px !important; } .margin-top-0 { margin-top: 0px !important; } .margin-top-5 { margin-top: 5px !important; } .margin-top-10 { margin-top: 10px !important; } .margin-top-15 { margin-top: 15px !important; } .margin-top-20 { margin-top: 20px !important; } .margin-top-30 { margin-top: 30px !important; } .margin-top-40 { margin-top: 40px !important; } .margin-top-50 { margin-top: 50px !important; } .margin-top-100 { margin-top: 100px !important; } .margin-top-minus-one { margin-top: -1px !important; } .margin-bottom-0 { margin-bottom: 0px !important; } .margin-bottom-5 { margin-bottom: 5px !important; } .margin-bottom-10 { margin-bottom: 10px !important; } .margin-bottom-15 { margin-bottom: 15px !important; } .margin-bottom-20 { margin-bottom: 20px !important; } .margin-bottom-30 { margin-bottom: 30px !important; } .margin-bottom-40 { margin-bottom: 40px !important; } .margin-bottom-50 { margin-bottom: 50px !important; } .margin-bottom-100 { margin-bottom: 100px !important; } /*.margin-left-0 { margin-left: 0px !important; } .margin-left-5 { margin-left: 5px !important; } .margin-left-10 { margin-left: 10px !important; } .margin-left-15 { margin-left: 15px !important; } .margin-left-20 { margin-left: 20px !important; } .margin-left-30 { margin-left: 30px !important; } .margin-left-40 { margin-left: 40px !important; } .margin-left-50 { margin-left: 50px !important; } .margin-right-0 { margin-right: 0px !important; } .margin-right-5 { margin-right: 5px !important; } .margin-right-10 { margin-right: 10px !important; } .margin-right-15 { margin-right: 15px !important; } .margin-right-20 { margin-right: 20px !important; } .margin-right-30 { margin-right: 30px !important; } .margin-right-40 { margin-right: 40px !important; } .margin-right-50 { margin-right: 50px !important; }*/ .padding-0 { padding: 0px !important; } .padding-5 { padding: 5px !important; } .padding-10 { padding: 10px !important; } .padding-15 { padding: 15px !important; } .padding-20 { padding: 20px !important; } .padding-30 { padding: 30px !important; } .padding-40 { padding: 40px !important; } .padding-50 { padding: 50px !important; } /*.padding-left-0 { padding-left: 0px !important; } .padding-left-5 { padding-left: 5px !important; } .padding-left-10 { padding-left: 10px !important; } .padding-left-15 { padding-left: 15px !important; } .padding-left-20 { padding-left: 20px !important; } .padding-left-30 { padding-left: 30px !important; } .padding-left-40 { padding-left: 40px !important; } .padding-left-50 { padding-left: 50px !important; } .padding-right-0 { padding-right: 0px !important; } .padding-right-5 { padding-right: 5px !important; } .padding-right-10 { padding-right: 10px !important; } .padding-right-15 { padding-right: 15px !important; } .padding-right-20 { padding-right: 20px !important; } .padding-right-30 { padding-right: 30px !important; } .padding-right-40 { padding-right: 40px !important; } .padding-right-50 { padding-right: 50px !important; } */ .padding-top-0 { padding-top: 0px !important; } .padding-top-5 { padding-top: 5px !important; } .padding-top-10 { padding-top: 10px !important; } .padding-top-15 { padding-top: 15px !important; } .padding-top-20 { padding-top: 20px !important; } .padding-top-30 { padding-top: 30px !important; } .padding-top-40 { padding-top: 40px !important; } .padding-top-50 { padding-top: 50px !important; } .padding-bottom-0 { padding-bottom: 0px !important; } .padding-bottom-5 { padding-bottom: 5px !important; } .padding-bottom-10 { padding-bottom: 10px !important; } .padding-bottom-15 { padding-bottom: 15px !important; } .padding-bottom-20 { padding-bottom: 20px !important; } .padding-bottom-30 { padding-bottom: 30px !important; } .padding-bottom-40 { padding-bottom: 40px !important; } .padding-bottom-50 { padding-bottom: 50px !important; } .border-top-0 { border-top: 0px !important; } .border-bottom-0 { border-bottom: 0px !important; } .border-left-0 { border-left: 0px !important; } .border-right-0 { border-right: 0px !important; } .text-default { color: #454545 !important; } .text-muted { color: #7F8FA4 !important; } .text-primary { color: #292f43 !important; } .text-info { color: #4FB5DD !important; } .text-success { color: #76AB3C !important; } .text-warning { color: #F69F00 !important; } .text-danger { color: #F04E51 !important; } .text-sm { font-size: 11px; } .text-rg { font-size: 13px; } .text-lg { font-size: 15px; } .text-xlg { font-size: 17px; } .text-thin { font-weight: 300 !important; } .text-regular { font-weight: 400 !important; } .text-bold { font-weight: 600 !important; } .text-bolder { font-weight: 700 !important; } .text-uppercase { text-transform: uppercase !important; } .text-lowercase { text-transform: lowercase !important; } .text-capitalize { text-transform: capitalize !important; } .text-italic { font-style: italic !important; } .wide { width: 100%; } .visible-mobile { display: none; } .text-right { text-align: right !important; } .text-left { text-align: left !important; } .animate-infinite { -vendor-animation-duration: 1s; -vendor-animation-delay: 1s; -vendor-animation-iteration-count: infinite; } .app-color-example { float: left; width: 100%; padding: 5px; line-height: 20px; border: 1px dashed #DBE0E4; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; text-align: center; font-size: 15px; font-weight: 700; } .text-bloody-600 { color: #6C0000 !important; } .text-bloody-500 { color: #b90000 !important; } .text-bloody-400 { color: #ff0606 !important; } .text-bloody-300 { color: #ff5353 !important; } .text-bloody-200 { color: #ff8686 !important; } .text-bloody-100 { color: #ffb9b9 !important; } .text-orange-600 { color: #D37001 !important; } .text-orange-500 { color: #fe8a09 !important; } .text-orange-400 { color: #fea33c !important; } .text-orange-300 { color: #febb6f !important; } .text-orange-200 { color: #fec788 !important; } .text-orange-100 { color: #ffd3a1 !important; } .text-yellow-600 { color: #DFDA00 !important; } .text-yellow-500 { color: #fffa13 !important; } .text-yellow-400 { color: #fffa2d !important; } .text-yellow-300 { color: #fffb46 !important; } .text-yellow-200 { color: #fffb60 !important; } .text-yellow-100 { color: #fffc79 !important; } .text-lime-600 { color: #466C00 !important; } .text-lime-500 { color: #679f00 !important; } .text-lime-400 { color: #78b900 !important; } .text-lime-300 { color: #88d200 !important; } .text-lime-200 { color: #99ec00 !important; } .text-lime-100 { color: #a7ff06 !important; } .text-green-600 { color: #006C00 !important; } .text-green-500 { color: #009f00 !important; } .text-green-400 { color: #00b900 !important; } .text-green-300 { color: #06ff06 !important; } .text-green-200 { color: #39ff39 !important; } .text-green-100 { color: #6cff6c !important; } .text-sea-600 { color: #00D595 !important; } .text-sea-500 { color: #09ffb5 !important; } .text-sea-400 { color: #22ffbd !important; } .text-sea-300 { color: #3cffc4 !important; } .text-sea-200 { color: #56ffcc !important; } .text-sea-100 { color: #6fffd4 !important; } .text-teal-600 { color: #00696C !important; } .text-teal-500 { color: #00b3b9 !important; } .text-teal-400 { color: #00e5ec !important; } .text-teal-300 { color: #20f9ff !important; } .text-teal-200 { color: #53faff !important; } .text-teal-100 { color: #6cfbff !important; } .text-blue-600 { color: #00416C !important; } .text-blue-500 { color: #006fb9 !important; } .text-blue-400 { color: #008eec !important; } .text-blue-300 { color: #20a6ff !important; } .text-blue-200 { color: #53baff !important; } .text-blue-100 { color: #6cc4ff !important; } .text-darkblue-600 { color: #00336C !important; } .text-darkblue-500 { color: #004b9f !important; } .text-darkblue-400 { color: #0063d2 !important; } .text-darkblue-300 { color: #067cff !important; } .text-darkblue-200 { color: #3997ff !important; } .text-darkblue-100 { color: #53a4ff !important; } .text-navyblue-600 { color: #001C6C !important; } .text-navyblue-500 { color: #00299f !important; } .text-navyblue-400 { color: #0036d2 !important; } .text-navyblue-300 { color: #2059ff !important; } .text-navyblue-200 { color: #537fff !important; } .text-navyblue-100 { color: #6c92ff !important; } .text-indigo-600 { color: #1F016B !important; } .text-indigo-500 { color: #2e019e !important; } .text-indigo-400 { color: #3f02da !important; } .text-indigo-300 { color: #6022fd !important; } .text-indigo-200 { color: #8454fd !important; } .text-indigo-100 { color: #a887fe !important; } .text-purple-600 { color: #41006C !important; } .text-purple-500 { color: #60009f !important; } .text-purple-400 { color: #8500dc !important; } .text-purple-300 { color: #a620ff !important; } .text-purple-200 { color: #ba53ff !important; } .text-purple-100 { color: #cf86ff !important; } .text-magenta-600 { color: #6C0069 !important; } .text-magenta-500 { color: #9f009b !important; } .text-magenta-400 { color: #dc00d6 !important; } .text-magenta-300 { color: #ff20f9 !important; } .text-magenta-200 { color: #ff53fa !important; } .text-magenta-100 { color: #ff86fc !important; } .text-pink-600 { color: #6C004B !important; } .text-pink-500 { color: #9f006e !important; } .text-pink-400 { color: #dc0099 !important; } .text-pink-300 { color: #ff20bb !important; } .text-pink-200 { color: #ff53ca !important; } .text-pink-100 { color: #ff86da !important; } .text-maroon-600 { color: #6C0023 !important; } .text-maroon-500 { color: #9f0034 !important; } .text-maroon-400 { color: #dc0047 !important; } .text-maroon-300 { color: #ff2068 !important; } .text-maroon-200 { color: #ff538a !important; } .text-maroon-100 { color: #ff86ad !important; } @media (max-width: 992px) { .visible-mobile { display: block; } .hidden-mobile { display: none; } .float-left-mobile { float: left !important; } .float-right-mobile { float: right !important; } .clear-mobile { clear: both; } .text-left-mobile { text-align: left !important; } .text-right-mobile { text-align: right !important; } } html { height: 100%; } body { height: 100%; padding: 0px; margin: 0px; color: #454545; font-family: 'Open Sans', sans-serif; font-size: 13px; line-height: 20px; font-weight: 400; background: #EDEFF0; overflow-x: hidden; } body * { outline: none !important; } body a { color: #0F9DEA; } body a:hover { color: #0d8dd2; } body .row { margin-left: -10px; margin-right: -10px; } body .row > div[class^='col-'] { padding-left: 10px; padding-right: 10px; } .app { float: left; width: 100%; min-height: 100%; position: relative; overflow-x: hidden; } .app .app-container { float: left; width: 100%; position: relative; background: #EDEFF0; } .app .app-container .app-sidebar { float: left; width: 300px; z-index: 1; } .app .app-container .app-sidebar.dir-left { float: left; } .app .app-container .app-sidebar.dir-right { float: right; } .app .app-container .app-content { width: 100%; zoom: 1; } .app .app-container .app-content:before, .app .app-container .app-content:after { content: ""; display: table; } .app .app-container .app-content:after { clear: both; } .app .app-container .app-content.app-content-resizable .app-content-resizable-column { float: left; position: relative; } .app .app-container .app-content.app-content-resizable .app-content-resizable-column .ui-resizable-handle { position: absolute; right: -5px; top: 0; font-size: 0.1px; display: block; touch-action: none; cursor: e-resize; width: 10px; height: 100%; } .app .app-container .app-content.app-content-resizable .app-content-resizable-column .ui-resizable-handle:after { position: absolute; top: 50%; left: 3px; width: 12px; height: 12px; margin-top: -6px; font-family: "linearicons"; font-size: 12px; content: "\e871"; text-align: center; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } .app .app-container .app-content.app-content-resizable .app-content-resizable-column .container { padding-left: 10px; padding-right: 10px; } .app .app-container .app-content.app-content-resizable .app-content-resizable-column:first-child .container { padding-left: 15px; } .app .app-container .app-content.app-content-resizable .app-content-resizable-column:last-child .container { padding-right: 15px; } .app .app-container .app-content .app-content-separate { float: left; width: 100%; } .app .app-container .app-content .app-content-separate > .app-content-separate-left { float: left; width: 360px; background: #FFF; border-right: 1px solid #DBE0E4; } .app .app-container .app-content .app-content-separate > .app-content-separate-left .app-content-separate-panel { padding: 15px; float: left; width: 100%; border-bottom: 1px solid #DBE0E4; } .app .app-container .app-content .app-content-separate > .app-content-separate-left > .app-content-separate-content { float: left; width: 100%; } .app .app-container .app-content .app-content-separate > .app-content-separate-content { padding-left: 360px; } .app .app-container .app-content.app-sidebar-left { padding-left: 300px; } .app .app-container .app-content.app-sidebar-right { padding-right: 300px; } .app .app-container.app-sidebar-left-closed .app-sidebar.dir-left { margin-left: -300px; } .app .app-container.app-sidebar-left-closed .app-content.app-sidebar-left { padding-left: 0px !important; } .app .app-container.app-sidebar-right-closed .app-sidebar.dir-right { margin-right: -300px; } .app .app-container.app-sidebar-right-closed .app-content.app-sidebar-right { padding-right: 0px !important; } .app .app-container.app-sidebar-left-minimized .app-sidebar.dir-left { width: 50px; } .app .app-container.app-sidebar-left-minimized .app-content.app-sidebar-left { padding-left: 50px; } .app .app-container.app-sidebar-right-minimized .app-sidebar.dir-right { width: 50px; } .app .app-container.app-sidebar-right-minimized .app-content.app-sidebar-right { padding-right: 50px; } .app .app-container .app-content-heading { float: left; width: 100%; background: #2D3349; padding: 50px 20px 150px; } .app .app-container .app-content-heading > h1 { font-size: 19px; font-weight: 400; padding: 0px; margin: 0px; line-height: 30px; color: #FFF; } .app .app-container .app-content-heading > p { line-height: 20px; margin: 0px; font-size: 13px; color: #F5F5F5; font-weight: 300; } .app .app-container .app-content-wrapped { float: left; width: 98%; padding: 10px 5px; margin: -100px 1% 0; background: #EDEFF0; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .app .app-overlay { position: fixed; left: 0px; top: 0px; background: rgba(0, 0, 0, 0.6); width: 0px; height: 0px; z-index: 1000; opacity: 0; -webkit-transition: opacity 200ms linear; -moz-transition: opacity 200ms linear; -ms-transition: opacity 200ms linear; -o-transition: opacity 200ms linear; transition: opacity 200ms linear; } .app .app-overlay.show { width: 100%; height: 100%; opacity: 1; } .app .app-sidepanel { position: fixed; z-index: 1001; top: 0px; right: -400px; width: 400px; height: 100%; background: #FFF; border-left: 1px solid #DBE0E4; -webkit-transition: right 100ms linear; -moz-transition: right 100ms linear; -ms-transition: right 100ms linear; -o-transition: right 100ms linear; transition: right 100ms linear; } .app.app-sidepanel-open { overflow-x: visible; margin-left: -400px; } .app.app-sidepanel-open .app-sidepanel { right: 0px; } .app.app-loaded { -webkit-transition: margin 100ms linear; -moz-transition: margin 100ms linear; -ms-transition: margin 100ms linear; -o-transition: margin 100ms linear; transition: margin 100ms linear; } .app.app-loaded .app-container .app-sidebar { -webkit-transition: all 100ms linear; -moz-transition: all 100ms linear; -ms-transition: all 100ms linear; -o-transition: all 100ms linear; transition: all 100ms linear; } .app.app-loaded .app-container .app-content { -webkit-transition: padding 100ms linear; -moz-transition: padding 100ms linear; -ms-transition: padding 100ms linear; -o-transition: padding 100ms linear; transition: padding 100ms linear; } .app-layout-boxed { background: #dfe3e4; } .app-layout-boxed > .app { float: none; width: 1200px; margin: 0px auto; zoom: 1; -webkit-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.1); overflow-x: hidden; } .app-layout-boxed > .app:before, .app-layout-boxed > .app:after { content: ""; display: table; } .app-layout-boxed > .app:after { clear: both; } .app-layout-boxed.app-layout-boxed-offset { padding-top: 30px; } .app .app-container .app-content.app-header-fixed { padding-top: 60px; } .app .app-container .app-content.app-header-fixed > .app-header { padding-left: 300px; position: fixed; left: 0px; top: 0px; z-index: 9; -webkit-transition: all 100ms linear; -moz-transition: all 100ms linear; -ms-transition: all 100ms linear; -o-transition: all 100ms linear; transition: all 100ms linear; } .app .app-container.app-sidebar-left-minimized .app-content.app-header-fixed > .app-header { padding-left: 50px; } .app .app-container.app-sidebar-right-minimized .app-content.app-header-fixed > .app-header { padding-right: 50px; } .app .app-container.app-sidebar-left-closed .app-content.app-header-fixed > .app-header, .app .app-container.app-sidebar-right-closed .app-content.app-header-fixed > .app-header { padding-left: 0px; padding-right: 0px; } @media (max-width: 480px) { .app .row { margin: 0px; } .app .row div[class^="col-md-"] { float: left; width: 100%; padding-left: 0px; padding-right: 0px; } } @media (max-width: 992px) { .app .app-container .app-sidebar { float: left; position: relative; width: 100%; display: none; left: auto; right: auto; } .app .app-container .app-sidebar.app-sidebar-open { display: block; margin: 0px !important; } .app .app-container .app-content { float: left; width: 100%; } .app .app-container .app-content.app-content-resizable .app-content-resizable-column { width: 100% !important; } .app .app-container .app-content.app-content-resizable .app-content-resizable-column .ui-resizable-handle { display: none !important; } .app .app-container .app-content .app-content-separate .app-content-separate-left { float: left; width: 100%; border-right: 0px; } .app .app-container .app-content .app-content-separate .app-content-separate-left .app-content-separate-content { display: none; } .app .app-container .app-content .app-content-separate .app-content-separate-left.open .app-content-separate-content { display: block; } .app .app-container .app-content .app-content-separate .app-content-separate-content { padding-left: 0px; float: left; width: 100%; } .app .app-container .app-content.app-sidebar-left { padding-left: 0px; } .app .app-container .app-content.app-sidebar-right { padding-right: 0px; } .app .app-container.app-sidebar-left-closed .app-sidebar.dir-left { left: auto; } .app .app-container.app-sidebar-right-closed .app-sidebar.dir-right { right: auto; } .app div[class^='col-md'] { float: left; width: 100%; margin-bottom: 20px; } } @media (max-width: 1200px) { .app-layout-boxed > .app { float: left; width: 100%; } } .app .app-header { float: left; width: 100%; height: 60px; } .app .app-header .app-header-logo { float: left; width: 300px; height: 59px; background: url(../img/logo.png) left top no-repeat; text-indent: 9999px; font-size: 0px; -webkit-transition: background 100ms linear; -moz-transition: background 100ms linear; -ms-transition: background 100ms linear; -o-transition: background 100ms linear; transition: background 100ms linear; } .app .app-header .app-header-logo.app-header-logo-light { background: url(../img/logo-dark.png) left top no-repeat; } .app .app-header .app-header-logo.app-header-logo-condensed { width: 120px; margin-right: 20px; } .app .app-header .app-header-title { float: left; padding: 10px 10px 10px 15px; } .app .app-header .app-header-title h1, .app .app-header .app-header-title h2, .app .app-header .app-header-title h3, .app .app-header .app-header-title h4, .app .app-header .app-header-title h5, .app .app-header .app-header-title h6, .app .app-header .app-header-title .title { font-size: 14px; line-height: 40px; font-weight: 600; padding: 0px; margin: 0px; } .app .app-header .app-header-title h1 span, .app .app-header .app-header-title h2 span, .app .app-header .app-header-title h3 span, .app .app-header .app-header-title h4 span, .app .app-header .app-header-title h5 span, .app .app-header .app-header-title h6 span, .app .app-header .app-header-title .title span { font-size: 20px; line-height: 40px; float: left; margin-right: 10px; } .app .app-header .app-header-buttons { float: left; padding: 9px 5px 10px 10px; margin: 0px; list-style: none; width: auto; } .app .app-header .app-header-buttons > li { float: left; position: relative; margin-right: 5px; width: auto; } .app .app-header .app-header-buttons > li > .contact { margin-bottom: 0px; } .app .app-header .app-header-buttons > li > .contact .contact-container { margin-right: 10px; } .app .app-header .app-header-buttons > li:last-child { margin-right: 0px; } .app .app-header .app-header-buttons.app-header-buttons-separated li { padding-right: 5px; } .app .app-header .app-header-buttons.app-header-buttons-separated li:after { content: " "; position: absolute; right: 0px; top: 10px; height: 20px; width: 1px; } .app .app-header .app-header-buttons.app-header-buttons-separated li:last-child { padding-right: 0px; margin-right: 0px; } .app .app-header .app-header-buttons.app-header-buttons-separated li:last-child:after { display: none; } .app .app-header .app-header-buttons.pull-right { padding-right: 15px; } .app .app-header .app-header-navigation { float: left; width: auto; } .app .app-header .app-header-navigation nav { float: left; width: auto; } .app .app-header .app-header-navigation nav > ul { float: left; padding: 0px; margin: 0px; list-style: none; } .app .app-header .app-header-navigation nav > ul > li { float: left; width: auto; position: relative; } .app .app-header .app-header-navigation nav > ul > li.title { display: none; } .app .app-header .app-header-navigation nav > ul > li > a { display: block; float: left; line-height: 20px; padding: 20px 15px; font-size: 12px; font-weight: 700; color: #1B2431; text-transform: uppercase; text-decoration: none; -webkit-transition: all 100ms linear; -moz-transition: all 100ms linear; -ms-transition: all 100ms linear; -o-transition: all 100ms linear; transition: all 100ms linear; } .app .app-header .app-header-navigation nav > ul > li > a span { display: none; } .app .app-header .app-header-navigation nav > ul > li .app-header-navigation-megamenu { display: none; width: 94%; position: fixed; left: 3%; top: 60px; padding: 15px; margin-top: -1px; border: 1px solid #DBE0E4; z-index: 10; background: #FFF; -webkit-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1); box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1); } .app .app-header .app-header-navigation nav > ul > li ul { display: none; position: absolute; left: 0px; top: 100%; width: 250px; list-style: none; padding: 0px; margin: 0px; z-index: 10; border: 1px solid #DBE0E4; margin-top: -1px; -webkit-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1); box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1); } .app .app-header .app-header-navigation nav > ul > li ul > li > a { float: left; width: 100%; padding: 15px 15px; background: #FFF; color: #1B2431; text-decoration: none; text-transform: uppercase; font-weight: 700; font-size: 11px; -webkit-transition: all 100ms linear; -moz-transition: all 100ms linear; -ms-transition: all 100ms linear; -o-transition: all 100ms linear; transition: all 100ms linear; } .app .app-header .app-header-navigation nav > ul > li ul > li > a span { display: none; } .app .app-header .app-header-navigation nav > ul > li ul > li:hover > a { background: #F5F5F5; color: #0F9DEA; } .app .app-header .app-header-navigation nav > ul > li:hover > a { color: #0F9DEA; } .app .app-header .app-header-navigation nav > ul > li:hover > ul, .app .app-header .app-header-navigation nav > ul > li:hover > .app-header-navigation-megamenu { display: block; } .app .app-header .app-header-navigation.app-header-navigation-hover nav > ul > li > a { background: #FFF; color: #2D3349; border-bottom: 1px solid #DBE0E4; padding-bottom: 19px; } .app .app-header .app-header-navigation.app-header-navigation-hover nav > ul > li > a:hover { background: #F5F5F5; color: #1a1d29; } .app .app-header .app-header-navigation.app-header-navigation-hover nav > ul > li ul > li > a { color: #2D3349; } .app .app-header .app-header-navigation.app-header-navigation-hover nav > ul > li ul > li > a:hover { color: #1a1d29; } .app .app-header .app-header-search { float: left; padding: 10px 0px; position: relative; } .app .app-header .app-header-search > input { border: 1px solid transparent; float: left; width: 40px; padding: 0px 0px 0px 40px; line-height: 38px; overflow: hidden; -webkit-transition: width 100ms linear; -moz-transition: width 100ms linear; -ms-transition: width 100ms linear; -o-transition: width 100ms linear; transition: width 100ms linear; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .app .app-header .app-header-search > input:focus { width: 220px; } .app .app-header .app-header-search:after { position: absolute; left: 0px; top: 10px; width: 40px; font-size: 20px; height: 40px; line-height: 40px; content: "\e853"; font-family: 'linearicons'; text-align: center; cursor: pointer; } .app .app-header .app-header-search.lg { width: 100%; } .app .app-header .app-header-search.lg > input { width: 100%; } .app .app-header .app-header-search.lg > input:focus { width: 100%; } .app .app-header .container.container-boxed { margin: 0px auto; } .app .app-header .container.container-boxed .app-header-logo { background-position-x: -15px; } .app .app-header .container.container-boxed .app-header-buttons.pull-right { padding-right: 0px; } .app .app-header.app-header-design-default { background: #FFF; border-bottom: 1px solid #DBE0E4; } .app .app-header.app-header-design-default .app-header-logo { background-color: #272c40; background-image: url(../img/logo-dark.png); } .app .app-header.app-header-design-default .app-header-logo:hover { background-color: #252a3c; } .app .app-header.app-header-design-default .app-header-logo.app-header-logo-light { background-color: #FFF; } .app .app-header.app-header-design-default .app-header-logo.app-header-logo-light:hover { background-color: #fcfcfc; } .app .app-header.app-header-design-default .app-header-title h1, .app .app-header.app-header-design-default .app-header-title h2, .app .app-header.app-header-design-default .app-header-title h3, .app .app-header.app-header-design-default .app-header-title h4, .app .app-header.app-header-design-default .app-header-title h5, .app .app-header.app-header-design-default .app-header-title h6, .app .app-header.app-header-design-default .app-header-title .title { color: #454545; } .app .app-header.app-header-design-default .app-header-buttons.app-header-buttons-separated li::after { background: #DBE0E4; } .app .app-header.app-header-design-default .app-header-buttons .btn.btn-default, .app .app-header.app-header-design-default .app-header-buttons .btn.btn-link { background: #f5f5f5; color: #454545; border-color: #ebebeb; } .app .app-header.app-header-design-default .app-header-buttons .btn.btn-default span[class^="icon-"], .app .app-header.app-header-design-default .app-header-buttons .btn.btn-link span[class^="icon-"], .app .app-header.app-header-design-default .app-header-buttons .btn.btn-default .fa, .app .app-header.app-header-design-default .app-header-buttons .btn.btn-link .fa { color: #454545; } .app .app-header.app-header-design-default .app-header-buttons .btn.btn-default:hover, .app .app-header.app-header-design-default .app-header-buttons .btn.btn-link:hover { background: #f2f2f2; border-color: #e6e6e6; } .app .app-header.app-header-design-default .app-header-buttons > li > .contact.contact-bordered:after { border-color: #f2f2f2; } .app .app-header.app-header-design-default .app-header-search { padding: 9px 0px; } .app .app-header.app-header-design-default .app-header-search > input { background: #f5f5f5; color: #454545; border-color: #ebebeb; } .app .app-header.app-header-design-default .app-header-search > input:focus { border: 1px solid #DBE0E4; background: #fcfcfc; } .app .app-header.app-header-design-default .app-header-search:hover > input { background: #f2f2f2; border-color: #e6e6e6; } .app .app-header.app-header-design-default .app-header-search:after { color: #454545; } .app .app-header.app-header-design-default .app-header-navigation.app-header-navigation-hover nav > ul > li > a { background: #FFF; border-bottom: 1px solid #DBE0E4; color: #454545; } .app .app-header.app-header-design-default .app-header-navigation.app-header-navigation-hover nav > ul > li > a:hover { background: #f2f2f2; } .app .app-header.app-header-design-default .app-header-navigation.app-header-navigation-hover nav > ul > li ul { border: 1px solid #DBE0E4; } .app .app-header.app-header-design-default .app-header-navigation.app-header-navigation-hover nav > ul > li ul > li > a { background: #FFF; color: #454545; } .app .app-header.app-header-design-default .app-header-navigation.app-header-navigation-hover nav > ul > li ul > li > a:hover { background: #f2f2f2; } .app .app-header.app-header-design-dark { background: #272c40; border-bottom: 1px solid #292f43; } .app .app-header.app-header-design-dark .app-header-logo { background-color: #272c40; background-image: url(../img/logo.png); } .app .app-header.app-header-design-dark .app-header-logo:hover { background-color: #252a3d; } .app .app-header.app-header-design-dark .app-header-logo.app-header-logo-light { background-color: #272c40; } .app .app-header.app-header-design-dark .app-header-logo.app-header-logo-light:hover { background-color: #252a3d; } .app .app-header.app-header-design-dark .app-header-title h1, .app .app-header.app-header-design-dark .app-header-title h2, .app .app-header.app-header-design-dark .app-header-title h3, .app .app-header.app-header-design-dark .app-header-title h4, .app .app-header.app-header-design-dark .app-header-title h5, .app .app-header.app-header-design-dark .app-header-title h6, .app .app-header.app-header-design-dark .app-header-title .title { color: #7F8FA4; } .app .app-header.app-header-design-dark .app-header-buttons.app-header-buttons-separated li::after { background: #292f43; } .app .app-header.app-header-design-dark .app-header-buttons .btn.btn-default, .app .app-header.app-header-design-dark .app-header-buttons .btn.btn-link { background: #1f2333; color: #7F8FA4; border-color: #181b27; } .app .app-header.app-header-design-dark .app-header-buttons .btn.btn-default span[class^="icon-"], .app .app-header.app-header-design-dark .app-header-buttons .btn.btn-link span[class^="icon-"], .app .app-header.app-header-design-dark .app-header-buttons .btn.btn-default .fa, .app .app-header.app-header-design-dark .app-header-buttons .btn.btn-link .fa { color: #7F8FA4; } .app .app-header.app-header-design-dark .app-header-buttons .btn.btn-default:hover, .app .app-header.app-header-design-dark .app-header-buttons .btn.btn-link:hover { background: #1d2130; border-color: #141620; } .app .app-header.app-header-design-dark .app-header-buttons > li > .contact.contact-bordered:after { border-color: #1d2130; } .app .app-header.app-header-design-dark .app-header-search { padding: 9px 0px; } .app .app-header.app-header-design-dark .app-header-search > input { background: #1f2333; color: #7F8FA4; border-color: #181b27; } .app .app-header.app-header-design-dark .app-header-search > input:focus { border: 1px solid #292f43; background: #252a3d; } .app .app-header.app-header-design-dark .app-header-search:hover > input { background: #1d2130; border-color: #141620; } .app .app-header.app-header-design-dark .app-header-search:after { color: #7F8FA4; } .app .app-header.app-header-design-dark .app-header-navigation.app-header-navigation-hover nav > ul > li > a { background: #272c40; border-bottom: 1px solid #292f43; color: #7F8FA4; } .app .app-header.app-header-design-dark .app-header-navigation.app-header-navigation-hover nav > ul > li > a:hover { background: #1d2130; } .app .app-header.app-header-design-dark .app-header-navigation.app-header-navigation-hover nav > ul > li ul { border: 1px solid #292f43; } .app .app-header.app-header-design-dark .app-header-navigation.app-header-navigation-hover nav > ul > li ul > li > a { background: #272c40; color: #7F8FA4; } .app .app-header.app-header-design-dark .app-header-navigation.app-header-navigation-hover nav > ul > li ul > li > a:hover { background: #1d2130; } .app .app-header.app-header-design-lightblue { background: #f0f4f8; border-bottom: 1px solid #e1eaf3; } .app .app-header.app-header-design-lightblue .app-header-logo { background-color: #f0f4f8; background-image: url(../img/logo-dark.png); } .app .app-header.app-header-design-lightblue .app-header-logo:hover { background-color: #edf1f6; } .app .app-header.app-header-design-lightblue .app-header-logo.app-header-logo-light { background-color: #edf1f6; } .app .app-header.app-header-design-lightblue .app-header-logo.app-header-logo-light:hover { background-color: #e9eff4; } .app .app-header.app-header-design-lightblue .app-header-title h1, .app .app-header.app-header-design-lightblue .app-header-title h2, .app .app-header.app-header-design-lightblue .app-header-title h3, .app .app-header.app-header-design-lightblue .app-header-title h4, .app .app-header.app-header-design-lightblue .app-header-title h5, .app .app-header.app-header-design-lightblue .app-header-title h6, .app .app-header.app-header-design-lightblue .app-header-title .title { color: #659bff; } .app .app-header.app-header-design-lightblue .app-header-buttons.app-header-buttons-separated li::after { background: #e1eaf3; } .app .app-header.app-header-design-lightblue .app-header-buttons .btn.btn-default, .app .app-header.app-header-design-lightblue .app-header-buttons .btn.btn-link { background: #e3eaf1; color: #659bff; border-color: #d5e0ea; } .app .app-header.app-header-design-lightblue .app-header-buttons .btn.btn-default span[class^="icon-"], .app .app-header.app-header-design-lightblue .app-header-buttons .btn.btn-link span[class^="icon-"], .app .app-header.app-header-design-lightblue .app-header-buttons .btn.btn-default .fa, .app .app-header.app-header-design-lightblue .app-header-buttons .btn.btn-link .fa { color: #659bff; } .app .app-header.app-header-design-lightblue .app-header-buttons .btn.btn-default:hover, .app .app-header.app-header-design-lightblue .app-header-buttons .btn.btn-link:hover { background: #dfe7ef; border-color: #cedae7; } .app .app-header.app-header-design-lightblue .app-header-buttons > li > .contact.contact-bordered:after { border-color: #dfe7ef; } .app .app-header.app-header-design-lightblue .app-header-search { padding: 9px 0px; } .app .app-header.app-header-design-lightblue .app-header-search > input { background: #e3eaf1; color: #659bff; border-color: #d5e0ea; } .app .app-header.app-header-design-lightblue .app-header-search > input:focus { border: 1px solid #e1eaf3; background: #edf1f6; } .app .app-header.app-header-design-lightblue .app-header-search:hover > input { background: #dfe7ef; border-color: #cedae7; } .app .app-header.app-header-design-lightblue .app-header-search:after { color: #659bff; } .app .app-header.app-header-design-lightblue .app-header-navigation.app-header-navigation-hover nav > ul > li > a { background: #f0f4f8; border-bottom: 1px solid #e1eaf3; color: #659bff; } .app .app-header.app-header-design-lightblue .app-header-navigation.app-header-navigation-hover nav > ul > li > a:hover { background: #dfe7ef; } .app .app-header.app-header-design-lightblue .app-header-navigation.app-header-navigation-hover nav > ul > li ul { border: 1px solid #e1eaf3; } .app .app-header.app-header-design-lightblue .app-header-navigation.app-header-navigation-hover nav > ul > li ul > li > a { background: #f0f4f8; color: #659bff; } .app .app-header.app-header-design-lightblue .app-header-navigation.app-header-navigation-hover nav > ul > li ul > li > a:hover { background: #dfe7ef; } .app .app-header.app-header-design-orange { background: #f7c36e; border-bottom: 1px solid #f7c36e; } .app .app-header.app-header-design-orange .app-header-logo { background-color: #f7c36e; background-image: url(../img/logo.png); } .app .app-header.app-header-design-orange .app-header-logo:hover { background-color: #f7c169; } .app .app-header.app-header-design-orange .app-header-logo.app-header-logo-light { background-color: #f7c36e; } .app .app-header.app-header-design-orange .app-header-logo.app-header-logo-light:hover { background-color: #f7c169; } .app .app-header.app-header-design-orange .app-header-title h1, .app .app-header.app-header-design-orange .app-header-title h2, .app .app-header.app-header-design-orange .app-header-title h3, .app .app-header.app-header-design-orange .app-header-title h4, .app .app-header.app-header-design-orange .app-header-title h5, .app .app-header.app-header-design-orange .app-header-title h6, .app .app-header.app-header-design-orange .app-header-title .title { color: #443853; } .app .app-header.app-header-design-orange .app-header-buttons.app-header-buttons-separated li::after { background: #f7c36e; } .app .app-header.app-header-design-orange .app-header-buttons .btn.btn-default, .app .app-header.app-header-design-orange .app-header-buttons .btn.btn-link { background: #f6bb5b; color: #443853; border-color: #f5b347; } .app .app-header.app-header-design-orange .app-header-buttons .btn.btn-default span[class^="icon-"], .app .app-header.app-header-design-orange .app-header-buttons .btn.btn-link span[class^="icon-"], .app .app-header.app-header-design-orange .app-header-buttons .btn.btn-default .fa, .app .app-header.app-header-design-orange .app-header-buttons .btn.btn-link .fa { color: #443853; } .app .app-header.app-header-design-orange .app-header-buttons .btn.btn-default:hover, .app .app-header.app-header-design-orange .app-header-buttons .btn.btn-link:hover { background: #f6b956; border-color: #f4af3e; } .app .app-header.app-header-design-orange .app-header-buttons > li > .contact.contact-bordered:after { border-color: #f6b956; } .app .app-header.app-header-design-orange .app-header-search { padding: 9px 0px; } .app .app-header.app-header-design-orange .app-header-search > input { background: #f6bb5b; color: #443853; border-color: #f5b347; } .app .app-header.app-header-design-orange .app-header-search > input:focus { border: 1px solid #f7c36e; background: #f7c169; } .app .app-header.app-header-design-orange .app-header-search:hover > input { background: #f6b956; border-color: #f4af3e; } .app .app-header.app-header-design-orange .app-header-search:after { color: #443853; } .app .app-header.app-header-design-orange .app-header-navigation.app-header-navigation-hover nav > ul > li > a { background: #f7c36e; border-bottom: 1px solid #f7c36e; color: #443853; } .app .app-header.app-header-design-orange .app-header-navigation.app-header-navigation-hover nav > ul > li > a:hover { background: #f6b956; } .app .app-header.app-header-design-orange .app-header-navigation.app-header-navigation-hover nav > ul > li ul { border: 1px solid #f7c36e; } .app .app-header.app-header-design-orange .app-header-navigation.app-header-navigation-hover nav > ul > li ul > li > a { background: #f7c36e; color: #443853; } .app .app-header.app-header-design-orange .app-header-navigation.app-header-navigation-hover nav > ul > li ul > li > a:hover { background: #f6b956; } .app .app-header.app-header-design-blue { background: #225280; border-bottom: 1px solid #225280; } .app .app-header.app-header-design-blue .app-header-logo { background-color: #225280; background-image: url(../img/logo.png); } .app .app-header.app-header-design-blue .app-header-logo:hover { background-color: #214f7c; } .app .app-header.app-header-design-blue .app-header-logo.app-header-logo-light { background-color: #225280; } .app .app-header.app-header-design-blue .app-header-logo.app-header-logo-light:hover { background-color: #214f7c; } .app .app-header.app-header-design-blue .app-header-title h1, .app .app-header.app-header-design-blue .app-header-title h2, .app .app-header.app-header-design-blue .app-header-title h3, .app .app-header.app-header-design-blue .app-header-title h4, .app .app-header.app-header-design-blue .app-header-title h5, .app .app-header.app-header-design-blue .app-header-title h6, .app .app-header.app-header-design-blue .app-header-title .title { color: #FFF; } .app .app-header.app-header-design-blue .app-header-buttons.app-header-buttons-separated li::after { background: #225280; } .app .app-header.app-header-design-blue .app-header-buttons .btn.btn-default, .app .app-header.app-header-design-blue .app-header-buttons .btn.btn-link { background: #1e4870; color: #FFF; border-color: #193d60; } .app .app-header.app-header-design-blue .app-header-buttons .btn.btn-default span[class^="icon-"], .app .app-header.app-header-design-blue .app-header-buttons .btn.btn-link span[class^="icon-"], .app .app-header.app-header-design-blue .app-header-buttons .btn.btn-default .fa, .app .app-header.app-header-design-blue .app-header-buttons .btn.btn-link .fa { color: #FFF; } .app .app-header.app-header-design-blue .app-header-buttons .btn.btn-default:hover, .app .app-header.app-header-design-blue .app-header-buttons .btn.btn-link:hover { background: #1d456c; border-color: #173858; } .app .app-header.app-header-design-blue .app-header-buttons > li > .contact.contact-bordered:after { border-color: #1d456c; } .app .app-header.app-header-design-blue .app-header-search { padding: 9px 0px; } .app .app-header.app-header-design-blue .app-header-search > input { background: #1e4870; color: #FFF; border-color: #193d60; } .app .app-header.app-header-design-blue .app-header-search > input:focus { border: 1px solid #225280; background: #214f7c; } .app .app-header.app-header-design-blue .app-header-search:hover > input { background: #1d456c; border-color: #173858; } .app .app-header.app-header-design-blue .app-header-search:after { color: #FFF; } .app .app-header.app-header-design-blue .app-header-navigation.app-header-navigation-hover nav > ul > li > a { background: #225280; border-bottom: 1px solid #225280; color: #FFF; } .app .app-header.app-header-design-blue .app-header-navigation.app-header-navigation-hover nav > ul > li > a:hover { background: #1d456c; } .app .app-header.app-header-design-blue .app-header-navigation.app-header-navigation-hover nav > ul > li ul { border: 1px solid #225280; } .app .app-header.app-header-design-blue .app-header-navigation.app-header-navigation-hover nav > ul > li ul > li > a { background: #225280; color: #FFF; } .app .app-header.app-header-design-blue .app-header-navigation.app-header-navigation-hover nav > ul > li ul > li > a:hover { background: #1d456c; } @media (max-width: 992px) { .app .app-container.app-header-inside-content { padding-top: 60px; } .app .app-container.app-header-inside-content .app-content .app-header { position: absolute; left: 0px; top: 0px; z-index: 100; } .app .app-header { height: auto; } .app .app-header .app-header-logo { background: url(../img/logo.png) left top no-repeat; } .app .app-header .app-header-logo.app-header-logo-light { background: url(../img/logo-dark-sm.png) left top no-repeat; } .app .app-header .container.container-boxed { padding-left: 0px; } .app .app-header .app-header-navigation { display: none; float: left; width: 100%; clear: both; } .app .app-header .app-header-navigation nav { width: 100%; } .app .app-header .app-header-navigation nav > ul { width: 100%; } .app .app-header .app-header-navigation nav > ul > li { width: 100%; } .app .app-header .app-header-navigation nav > ul > li > a { width: 100%; border-top: 1px solid #f8f9fa; padding: 15px; } .app .app-header .app-header-navigation nav > ul > li .app-header-navigation-megamenu { position: relative; top: auto; float: left; border: 0px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .app .app-header .app-header-navigation nav > ul > li .app-header-navigation-megamenu div[class^='col-md'] { margin-bottom: 0px; } .app .app-header .app-header-navigation nav > ul > li ul { position: relative; top: auto; float: left; width: 100%; border: 0px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .app .app-header .app-header-navigation nav > ul > li ul > li { width: 100%; } .app .app-header .app-header-navigation nav > ul > li ul > li > a { padding-left: 30px; } .app .app-header .app-header-navigation nav > ul > li:hover > ul, .app .app-header .app-header-navigation nav > ul > li:hover > .app-header-navigation-megamenu { display: none; } .app .app-header .app-header-navigation nav > ul > li.open > ul, .app .app-header .app-header-navigation nav > ul > li.open > .app-header-navigation-megamenu { display: block; } .app .app-header .app-header-navigation.show { display: block; } .app .app-header .app-header-search > input:focus { width: 100px; } .app .app-header .app-header-buttons .contact { padding-left: 40px; } .app .app-header .app-header-buttons .contact > .contact-container { width: 0px; margin-right: 0px !important; height: 40px; overflow: hidden; } .app .app-header .app-header-buttons > li { position: initial; } .app .app-header .app-header-buttons > li .dropdown { position: initial; } .app .app-header .app-header-buttons > li .dropdown .dropdown-menu { width: 96%; right: 2%; } } .app .app-footer { float: left; width: 100%; position: relative; } .app .app-footer.app-footer-default { background: #252a3c; color: #80909A; font-size: 13px; } .app .app-footer.app-footer-default a { color: #9ca9b1; } .app .app-footer.app-footer-default .btn.btn-primary { background: #1a1d29; border-color: #1a1d29; color: #80909A; } .app .app-footer.app-footer-default .title { font-size: 12px; color: #C5D1CD; } .app .app-footer.app-footer-default .form-control { background: #1d2130; border-color: #1b1f2d; } .app .app-footer.app-footer-default .app-footer-line.darken { background: #1b1f2d; } .app .app-footer.app-footer-default .label-icon { margin-bottom: 5px; } .app .app-footer.app-footer-default .label-icon.label-icon-footer { border: 1px solid #80909A; color: #80909A; } .app .app-footer.app-footer-default .label-icon.label-icon-footer.label-ghost { -webkit-box-shadow: 0px 0px 0px 3px rgba(128, 144, 154, 0.15); -moz-box-shadow: 0px 0px 0px 3px rgba(128, 144, 154, 0.15); box-shadow: 0px 0px 0px 3px rgba(128, 144, 154, 0.15); } .app .app-footer.app-footer-default .label-icon.label-icon-footer[href]:hover { background: transparent; border-color: #667781; color: #667781; } .app .app-footer.app-footer-default:after { background: #212636; } .app .app-footer.app-footer-light { background: #FFF; color: #555; font-size: 13px; } .app .app-footer.app-footer-light a { color: #666; } .app .app-footer.app-footer-light .btn.btn-primary { background: #f0f0f0; border-color: #f0f0f0; color: #555; } .app .app-footer.app-footer-light .title { font-size: 12px; color: #222; } .app .app-footer.app-footer-light .form-control { background: #f5f5f5; border-color: #f2f2f2; } .app .app-footer.app-footer-light .app-footer-line.darken { background: #f2f2f2; } .app .app-footer.app-footer-light .label-icon { margin-bottom: 5px; } .app .app-footer.app-footer-light .label-icon.label-icon-footer { border: 1px solid #555; color: #555; } .app .app-footer.app-footer-light .label-icon.label-icon-footer.label-ghost { -webkit-box-shadow: 0px 0px 0px 3px rgba(85, 85, 85, 0.15); -moz-box-shadow: 0px 0px 0px 3px rgba(85, 85, 85, 0.15); box-shadow: 0px 0px 0px 3px rgba(85, 85, 85, 0.15); } .app .app-footer.app-footer-light .label-icon.label-icon-footer[href]:hover { background: transparent; border-color: #3b3b3b; color: #3b3b3b; } .app .app-footer.app-footer-light:after { background: #fafafa; } .app .app-footer.app-footer-dark { background: #111; color: #666; font-size: 13px; } .app .app-footer.app-footer-dark a { color: #999; } .app .app-footer.app-footer-dark .btn.btn-primary { background: #020202; border-color: #020202; color: #666; } .app .app-footer.app-footer-dark .title { font-size: 12px; color: #AAA; } .app .app-footer.app-footer-dark .form-control { background: #070707; border-color: #040404; } .app .app-footer.app-footer-dark .app-footer-line.darken { background: #040404; } .app .app-footer.app-footer-dark .label-icon { margin-bottom: 5px; } .app .app-footer.app-footer-dark .label-icon.label-icon-footer { border: 1px solid #666; color: #666; } .app .app-footer.app-footer-dark .label-icon.label-icon-footer.label-ghost { -webkit-box-shadow: 0px 0px 0px 3px rgba(102, 102, 102, 0.15); -moz-box-shadow: 0px 0px 0px 3px rgba(102, 102, 102, 0.15); box-shadow: 0px 0px 0px 3px rgba(102, 102, 102, 0.15); } .app .app-footer.app-footer-dark .label-icon.label-icon-footer[href]:hover { background: transparent; border-color: #4d4d4d; color: #4d4d4d; } .app .app-footer.app-footer-dark:after { background: #0c0c0c; } .app .app-footer.app-footer-purple { background: #2e2639; color: #F0F0F0; font-size: 13px; } .app .app-footer.app-footer-purple a { color: #F5F5F5; } .app .app-footer.app-footer-purple .btn.btn-primary { background: #1f1a26; border-color: #1f1a26; color: #F0F0F0; } .app .app-footer.app-footer-purple .title { font-size: 12px; color: #f8c36e; } .app .app-footer.app-footer-purple .form-control { background: #241e2c; border-color: #221c29; } .app .app-footer.app-footer-purple .app-footer-line.darken { background: #221c29; } .app .app-footer.app-footer-purple .label-icon { margin-bottom: 5px; } .app .app-footer.app-footer-purple .label-icon.label-icon-footer { border: 1px solid #F0F0F0; color: #F0F0F0; } .app .app-footer.app-footer-purple .label-icon.label-icon-footer.label-ghost { -webkit-box-shadow: 0px 0px 0px 3px rgba(240, 240, 240, 0.15); -moz-box-shadow: 0px 0px 0px 3px rgba(240, 240, 240, 0.15); box-shadow: 0px 0px 0px 3px rgba(240, 240, 240, 0.15); } .app .app-footer.app-footer-purple .label-icon.label-icon-footer[href]:hover { background: transparent; border-color: #d7d7d7; color: #d7d7d7; } .app .app-footer.app-footer-purple:after { background: #292233; } .app .app-footer.app-footer-blue { background: #1d456c; color: #E5E5E5; font-size: 13px; } .app .app-footer.app-footer-blue a { color: #E5E5E5; } .app .app-footer.app-footer-blue .btn.btn-primary { background: #163654; border-color: #163654; color: #E5E5E5; } .app .app-footer.app-footer-blue .title { font-size: 12px; color: #FFF; } .app .app-footer.app-footer-blue .form-control { background: #183b5c; border-color: #173858; } .app .app-footer.app-footer-blue .app-footer-line.darken { background: #173858; } .app .app-footer.app-footer-blue .label-icon { margin-bottom: 5px; } .app .app-footer.app-footer-blue .label-icon.label-icon-footer { border: 1px solid #E5E5E5; color: #E5E5E5; } .app .app-footer.app-footer-blue .label-icon.label-icon-footer.label-ghost { -webkit-box-shadow: 0px 0px 0px 3px rgba(229, 229, 229, 0.15); -moz-box-shadow: 0px 0px 0px 3px rgba(229, 229, 229, 0.15); box-shadow: 0px 0px 0px 3px rgba(229, 229, 229, 0.15); } .app .app-footer.app-footer-blue .label-icon.label-icon-footer[href]:hover { background: transparent; border-color: #cccccc; color: #cccccc; } .app .app-footer.app-footer-blue:after { background: #1b4064; } .app .app-footer ul { margin-bottom: 0px; } .app .app-footer ul.list-unstyled li { margin-bottom: 5px; } .app .app-footer .copyright { float: left; line-height: 20px; } .app .app-footer .title { font-weight: 600; text-transform: uppercase; margin-bottom: 15px; margin-top: 30px; } .app .app-footer .title img { float: left; margin-right: 10px; } .app .app-footer .title span[class^='icon-'] { font-size: 20px; float: left; margin-right: 10px; line-height: 26px; } .app .app-footer .title:first-child { margin-top: 0px; } .app .app-footer .app-footer-line { float: left; width: 100%; padding: 10px; } .app .app-footer .app-footer-line.extended { padding: 30px; } .app .app-footer .app-footer-articles { margin-bottom: 20px; } .app .app-footer .app-footer-articles > div:first-child { padding-right: 0px; } .app .app-footer .app-footer-articles img { margin-top: 5px; } .app .app-footer .app-footer-articles:last-child { margin-bottom: 0px; } .app .app-footer .container.container-boxed { margin: 0px auto; } .app .app-footer:after { position: absolute; left: 0px; top: 0px; height: 1px; width: 100%; content: " "; } @media (max-width: 992px) { .app .app-footer .app-footer-line { text-align: center; } .app .app-footer .app-footer-line.extended { text-align: left; } .app .app-footer .app-footer-line .copyright { margin-bottom: 10px; } } .app-navigation { background: #2D3349; } .app-navigation.app-navigation-style-default { background: #2D3349; } .app-navigation.app-navigation-style-default .app-navigation-logo { background: url(../img/logo.png) left top no-repeat #272c40; } .app-navigation.app-navigation-style-default .app-navigation-logo .app-navigation-logo-button { background: #252a3c; color: #C5D1CD; } .app-navigation.app-navigation-style-default .app-navigation-logo .app-navigation-logo-button:hover { background: #232839; } .app-navigation.app-navigation-style-default .app-navigation-logo:hover { background: url(../img/logo.png) left top no-repeat #212636; } .app-navigation.app-navigation-style-default nav > ul > li.openable > a:after { color: #55698A; } .app-navigation.app-navigation-style-default nav > ul > li.openable.open > a { background: #272c40; } .app-navigation.app-navigation-style-default nav > ul > li { border-bottom: 1px solid #292f43; } .app-navigation.app-navigation-style-default nav > ul > li a { background: #2D3349; color: #C5D1CD; font-size: 11px; font-weight: 600; text-shadow: 1px 2px rgba(0, 0, 0, 0.2); } .app-navigation.app-navigation-style-default nav > ul > li a span { color: #55698A; } .app-navigation.app-navigation-style-default nav > ul > li a:hover, .app-navigation.app-navigation-style-default nav > ul > li a.active { color: #FFF; background: #272c40; } .app-navigation.app-navigation-style-default nav > ul > li a.active span { color: #e69c0f; } .app-navigation.app-navigation-style-default nav > ul > li a.active span.nav-icon-hexa { color: #e69c0f; } .app-navigation.app-navigation-style-default nav > ul > li ul > li > a { background: #252a3c; } .app-navigation.app-navigation-style-default nav > ul > li ul > li > a:hover, .app-navigation.app-navigation-style-default nav > ul > li ul > li > a.active { background: #232839; } .app-navigation.app-navigation-style-default nav > ul > li ul > li.open > a { background: #232839; } .app-navigation.app-navigation-style-default nav > ul > li ul > li.open > ul > li > a { background: #212636; } .app-navigation.app-navigation-style-default nav > ul > li ul > li.open > ul > li > a:hover, .app-navigation.app-navigation-style-default nav > ul > li ul > li.open > ul > li > a.active { background: #1f2433; } .app-navigation.app-navigation-style-default nav > ul > li.title { font-size: 11px; color: #55698A; text-shadow: 1px 2px rgba(0, 0, 0, 0.2); } .app-navigation.app-navigation-style-default.app-navigation-minimized .app-navigation-logo { background-image: url(../img/logo-sm.png); } .app-navigation.app-navigation-style-default.app-navigation-minimized nav > ul > li > a > span { color: #C5D1CD; } .app-navigation.app-navigation-style-light { background: #FFF; } .app-navigation.app-navigation-style-light .app-navigation-logo { background: url(../img/logo-dark.png) left top no-repeat #FFF; } .app-navigation.app-navigation-style-light .app-navigation-logo .app-navigation-logo-button { background: #f5f5f5; color: #333; } .app-navigation.app-navigation-style-light .app-navigation-logo .app-navigation-logo-button:hover { background: #f2f2f2; } .app-navigation.app-navigation-style-light .app-navigation-logo:hover { background: url(../img/logo-dark.png) left top no-repeat #F5F5F5; } .app-navigation.app-navigation-style-light nav > ul > li.openable > a:after { color: #7F8FA4; } .app-navigation.app-navigation-style-light nav > ul > li.openable.open > a { background: #F2F2F2; } .app-navigation.app-navigation-style-light nav > ul > li { border-bottom: 1px solid #F2F2F2; } .app-navigation.app-navigation-style-light nav > ul > li a { background: #FFF; color: #333; font-size: 11px; font-weight: 600; text-shadow: none; } .app-navigation.app-navigation-style-light nav > ul > li a span { color: #7F8FA4; } .app-navigation.app-navigation-style-light nav > ul > li a:hover, .app-navigation.app-navigation-style-light nav > ul > li a.active { color: #252525; background: #F2F2F2; } .app-navigation.app-navigation-style-light nav > ul > li a.active span { color: #7F8FA4; } .app-navigation.app-navigation-style-light nav > ul > li a.active span.nav-icon-hexa { color: #7F8FA4; } .app-navigation.app-navigation-style-light nav > ul > li ul > li > a { background: #f5f5f5; } .app-navigation.app-navigation-style-light nav > ul > li ul > li > a:hover, .app-navigation.app-navigation-style-light nav > ul > li ul > li > a.active { background: #f2f2f2; } .app-navigation.app-navigation-style-light nav > ul > li ul > li.open > a { background: #f2f2f2; } .app-navigation.app-navigation-style-light nav > ul > li ul > li.open > ul > li > a { background: #f0f0f0; } .app-navigation.app-navigation-style-light nav > ul > li ul > li.open > ul > li > a:hover, .app-navigation.app-navigation-style-light nav > ul > li ul > li.open > ul > li > a.active { background: #ededed; } .app-navigation.app-navigation-style-light nav > ul > li.title { font-size: 11px; color: #AAA; text-shadow: none; } .app-navigation.app-navigation-style-light.app-navigation-minimized .app-navigation-logo { background-image: url(../img/logo-dark-sm.png); } .app-navigation.app-navigation-style-light.app-navigation-minimized nav > ul > li > a > span { color: #333; } .app-navigation.app-navigation-style-light { border-right: 1px solid #DBE0E4; } .app-navigation.app-navigation-style-light .app-navigation-logo { border-bottom: 1px solid #DBE0E4; } .app-navigation.app-navigation-style-lightblue { background: #f7f9fb; } .app-navigation.app-navigation-style-lightblue .app-navigation-logo { background: url(../img/logo-dark.png) left top no-repeat #f0f4f8; } .app-navigation.app-navigation-style-lightblue .app-navigation-logo .app-navigation-logo-button { background: #eaf0f6; color: #496787; } .app-navigation.app-navigation-style-lightblue .app-navigation-logo .app-navigation-logo-button:hover { background: #e6edf4; } .app-navigation.app-navigation-style-lightblue .app-navigation-logo:hover { background: url(../img/logo-dark.png) left top no-repeat #edf1f6; } .app-navigation.app-navigation-style-lightblue nav > ul > li.openable > a:after { color: #659bff; } .app-navigation.app-navigation-style-lightblue nav > ul > li.openable.open > a { background: #edf2f7; } .app-navigation.app-navigation-style-lightblue nav > ul > li { border-bottom: 1px solid #e1eaf3; } .app-navigation.app-navigation-style-lightblue nav > ul > li a { background: #f8fafc; color: #496787; font-size: 11px; font-weight: 600; text-shadow: none; } .app-navigation.app-navigation-style-lightblue nav > ul > li a span { color: #659bff; } .app-navigation.app-navigation-style-lightblue nav > ul > li a:hover, .app-navigation.app-navigation-style-lightblue nav > ul > li a.active { color: #659bff; background: #edf2f7; } .app-navigation.app-navigation-style-lightblue nav > ul > li a.active span { color: #659bff; } .app-navigation.app-navigation-style-lightblue nav > ul > li a.active span.nav-icon-hexa { color: #659bff; } .app-navigation.app-navigation-style-lightblue nav > ul > li ul > li > a { background: #eaf0f6; } .app-navigation.app-navigation-style-lightblue nav > ul > li ul > li > a:hover, .app-navigation.app-navigation-style-lightblue nav > ul > li ul > li > a.active { background: #e6edf4; } .app-navigation.app-navigation-style-lightblue nav > ul > li ul > li.open > a { background: #e6edf4; } .app-navigation.app-navigation-style-lightblue nav > ul > li ul > li.open > ul > li > a { background: #e3ebf3; } .app-navigation.app-navigation-style-lightblue nav > ul > li ul > li.open > ul > li > a:hover, .app-navigation.app-navigation-style-lightblue nav > ul > li ul > li.open > ul > li > a.active { background: #dfe8f1; } .app-navigation.app-navigation-style-lightblue nav > ul > li.title { font-size: 11px; color: #99a9bb; text-shadow: none; } .app-navigation.app-navigation-style-lightblue.app-navigation-minimized .app-navigation-logo { background-image: url(../img/logo-dark-sm.png); } .app-navigation.app-navigation-style-lightblue.app-navigation-minimized nav > ul > li > a > span { color: #496787; } .app-navigation.app-navigation-style-lightblue { border-right: 1px solid #e1eaf3; } .app-navigation.app-navigation-style-lightblue .app-navigation-logo { border-bottom: 1px solid #e1eaf3; } .app-navigation.app-navigation-style-purple { background: #3b3048; } .app-navigation.app-navigation-style-purple .app-navigation-logo { background: url(../img/logo-dark.png) left top no-repeat #f7c36e; } .app-navigation.app-navigation-style-purple .app-navigation-logo .app-navigation-logo-button { background: #3a3047; color: #edeef4; } .app-navigation.app-navigation-style-purple .app-navigation-logo .app-navigation-logo-button:hover { background: #382e44; } .app-navigation.app-navigation-style-purple .app-navigation-logo:hover { background: url(../img/logo-dark.png) left top no-repeat #f6bf64; } .app-navigation.app-navigation-style-purple nav > ul > li.openable > a:after { color: #f8c36e; } .app-navigation.app-navigation-style-purple nav > ul > li.openable.open > a { background: #3d324a; } .app-navigation.app-navigation-style-purple nav > ul > li { border-bottom: 1px solid #3b3048; } .app-navigation.app-navigation-style-purple nav > ul > li a { background: #443853; color: #edeef4; font-size: 11px; font-weight: 600; text-shadow: none; } .app-navigation.app-navigation-style-purple nav > ul > li a span { color: #f8c36e; } .app-navigation.app-navigation-style-purple nav > ul > li a:hover, .app-navigation.app-navigation-style-purple nav > ul > li a.active { color: #fec568; background: #3d324a; } .app-navigation.app-navigation-style-purple nav > ul > li a.active span { color: #f8c36e; } .app-navigation.app-navigation-style-purple nav > ul > li a.active span.nav-icon-hexa { color: #f8c36e; } .app-navigation.app-navigation-style-purple nav > ul > li ul > li > a { background: #3a3047; } .app-navigation.app-navigation-style-purple nav > ul > li ul > li > a:hover, .app-navigation.app-navigation-style-purple nav > ul > li ul > li > a.active { background: #382e44; } .app-navigation.app-navigation-style-purple nav > ul > li ul > li.open > a { background: #382e44; } .app-navigation.app-navigation-style-purple nav > ul > li ul > li.open > ul > li > a { background: #352c41; } .app-navigation.app-navigation-style-purple nav > ul > li ul > li.open > ul > li > a:hover, .app-navigation.app-navigation-style-purple nav > ul > li ul > li.open > ul > li > a.active { background: #332a3e; } .app-navigation.app-navigation-style-purple nav > ul > li.title { font-size: 11px; color: #9b96a6; text-shadow: none; } .app-navigation.app-navigation-style-purple.app-navigation-minimized .app-navigation-logo { background-image: url(../img/logo-dark-sm.png); } .app-navigation.app-navigation-style-purple.app-navigation-minimized nav > ul > li > a > span { color: #edeef4; } .app-navigation.app-navigation-style-purple .app-navigation-logo { border-bottom: 1px solid #3b3048; } .app-navigation.app-navigation-style-purple .app-navigation-logo > .app-navigation-logo-button { background: #f6bd5f; } .app-navigation.app-navigation-style-purple .app-navigation-logo > .app-navigation-logo-button:hover { background: #f6bb5b; } .app-navigation.app-navigation-style-blue { background: #225280; } .app-navigation.app-navigation-style-blue .app-navigation-logo { background: url(../img/logo.png) left top no-repeat #204d78; } .app-navigation.app-navigation-style-blue .app-navigation-logo .app-navigation-logo-button { background: #1d456c; color: #fbfcfd; } .app-navigation.app-navigation-style-blue .app-navigation-logo .app-navigation-logo-button:hover { background: #1c4368; } .app-navigation.app-navigation-style-blue .app-navigation-logo:hover { background: url(../img/logo.png) left top no-repeat #1f4a74; } .app-navigation.app-navigation-style-blue nav > ul > li.openable > a:after { color: #478ad9; } .app-navigation.app-navigation-style-blue nav > ul > li.openable.open > a { background: #1f4a74; } .app-navigation.app-navigation-style-blue nav > ul > li { border-bottom: 1px solid #1e4a75; } .app-navigation.app-navigation-style-blue nav > ul > li a { background: #214f7c; color: #fbfcfd; font-size: 11px; font-weight: 600; text-shadow: none; } .app-navigation.app-navigation-style-blue nav > ul > li a span { color: #478ad9; } .app-navigation.app-navigation-style-blue nav > ul > li a:hover, .app-navigation.app-navigation-style-blue nav > ul > li a.active { color: #fbfcfd; background: #1f4a74; } .app-navigation.app-navigation-style-blue nav > ul > li a.active span { color: #478ad9; } .app-navigation.app-navigation-style-blue nav > ul > li a.active span.nav-icon-hexa { color: #478ad9; } .app-navigation.app-navigation-style-blue nav > ul > li ul > li > a { background: #1d456c; } .app-navigation.app-navigation-style-blue nav > ul > li ul > li > a:hover, .app-navigation.app-navigation-style-blue nav > ul > li ul > li > a.active { background: #1c4368; } .app-navigation.app-navigation-style-blue nav > ul > li ul > li.open > a { background: #1c4368; } .app-navigation.app-navigation-style-blue nav > ul > li ul > li.open > ul > li > a { background: #1b4064; } .app-navigation.app-navigation-style-blue nav > ul > li ul > li.open > ul > li > a:hover, .app-navigation.app-navigation-style-blue nav > ul > li ul > li.open > ul > li > a.active { background: #193d60; } .app-navigation.app-navigation-style-blue nav > ul > li.title { font-size: 11px; color: #9099b9; text-shadow: none; } .app-navigation.app-navigation-style-blue.app-navigation-minimized .app-navigation-logo { background-image: url(../img/logo-sm.png); } .app-navigation.app-navigation-style-blue.app-navigation-minimized nav > ul > li > a > span { color: #fbfcfd; } .app-navigation .app-navigation-logo { float: left; width: 100%; height: 60px; font-size: 0px; padding-left: 15px; position: relative; -webkit-transition: background-color 100ms linear; -moz-transition: background-color 100ms linear; -ms-transition: background-color 100ms linear; -o-transition: background-color 100ms linear; transition: background-color 100ms linear; } .app-navigation .app-navigation-logo .app-navigation-logo-button { position: absolute; right: 0px; top: 0px; width: 60px; height: 59px; border: 0px; background: transparent; padding: 20px; -webkit-transition: background 100ms linear; -moz-transition: background 100ms linear; -ms-transition: background 100ms linear; -o-transition: background 100ms linear; transition: background 100ms linear; } .app-navigation .app-navigation-logo .app-navigation-logo-button .app-navigation-logo-button-alert { position: absolute; right: 5px; top: 5px; width: 16px; height: 16px; text-align: center; line-height: 16px; font-size: 10px; background: #F04E51; color: #FFF; -webkit-box-shadow: 0px 0px 0px 3px rgba(240, 78, 81, 0.2); -moz-box-shadow: 0px 0px 0px 3px rgba(240, 78, 81, 0.2); box-shadow: 0px 0px 0px 3px rgba(240, 78, 81, 0.2); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .app-navigation .app-navigation-logo .app-navigation-logo-button span[class^='icon-'] { font-size: 20px; } .app-navigation nav { float: left; width: 100%; } .app-navigation nav ul { display: block; float: left; width: 100%; padding: 0px; margin: 0px; list-style: none; } .app-navigation nav ul > li { float: left; width: 100%; position: relative; } .app-navigation nav ul > li > ul { max-height: 0px; overflow: hidden; } .app-navigation nav ul > li.openable > a:after { position: absolute; top: 0px; right: 0px; line-height: 30px; padding: 10px; width: 40px; font-size: 10px; font-family: "linearicons"; content: "\e874"; text-align: center; -webkit-transition: all 100ms linear; -moz-transition: all 100ms linear; -ms-transition: all 100ms linear; -o-transition: all 100ms linear; transition: all 100ms linear; } .app-navigation nav ul > li.openable.open > a:after { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .app-navigation nav ul > li.openable.open > ul { max-height: 1000px; overflow: visible; } .app-navigation nav ul > li.openable > a span.label { right: 40px; } .app-navigation nav > ul > li a { display: block; float: left; width: 100%; line-height: 30px; padding: 10px 30px 10px 15px; text-decoration: none; -webkit-transition: all 100ms linear; -moz-transition: all 100ms linear; -ms-transition: all 100ms linear; -o-transition: all 100ms linear; transition: all 100ms linear; position: relative; text-transform: uppercase; white-space: nowrap; } .app-navigation nav > ul > li a span { float: left; margin: 4px 15px 0px 0px; font-size: 20px; width: 20px; height: 20px; } .app-navigation nav > ul > li a span.nav-icon-hexa { margin: 0px 10px 0px -5px; font-size: 11px; font-weight: 700; height: 30px; width: 30px; line-height: 30px; text-transform: initial; text-align: center; background: url(../img/navigation/hexa.png) left top no-repeat; } .app-navigation nav > ul > li a span.nav-icon-cube, .app-navigation nav > ul > li a span.nav-icon-circle { margin: 0px 10px 0px -5px; font-size: 11px; font-weight: 700; height: 30px; width: 30px; line-height: 30px; text-transform: initial; text-align: center; background: rgba(0, 0, 0, 0.1); border: 1px solid rgba(0, 0, 0, 0.2); } .app-navigation nav > ul > li a span.nav-icon-circle { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .app-navigation nav > ul > li a span.label { position: absolute; float: none; width: auto; right: 10px; top: 15px; margin: 0px; } .app-navigation nav > ul > li a span.label.label-ghost { margin: 0px; } .app-navigation nav > ul > li ul > li > a { padding-left: 25px; } .app-navigation nav > ul > li ul > li ul > li > a { padding-left: 45px; } .app-navigation nav > ul > li.title { line-height: 30px; padding: 20px 0px 10px 15px; } .app-navigation.app-navigation-custom nav { padding: 0px 10px; } .app-navigation.app-navigation-custom nav > ul > li { border-bottom: 0px; margin-bottom: 1px; } .app-navigation.app-navigation-custom nav > ul > li.openable > ul > li:last-child > a { -webkit-border-radius: 0px 0px 3px 3px; -moz-border-radius: 0px 0px 3px 3px; border-radius: 0px 0px 3px 3px; } .app-navigation.app-navigation-custom nav > ul > li.openable.open > a:hover, .app-navigation.app-navigation-custom nav > ul > li.openable.open > a .active { -webkit-border-radius: 3px 3px 0px 0px; -moz-border-radius: 3px 3px 0px 0px; border-radius: 3px 3px 0px 0px; } .app-navigation.app-navigation-custom nav > ul > li > a { font-weight: 700; } .app-navigation.app-navigation-custom nav > ul > li a { font-size: 11px; font-weight: 600; text-transform: none; } .app-navigation.app-navigation-custom nav > ul > li a span.label { top: 10px; } .app-navigation.app-navigation-custom nav > ul > li a span[class^='nav-icon'] { display: none; } .app-navigation.app-navigation-custom nav > ul > li.title { padding-left: 5px; font-size: 10px; font-weight: 700; text-transform: uppercase; } .app-navigation.app-navigation-custom nav > ul > li ul > li > a { padding-left: 20px; } .app-navigation.app-navigation-custom nav > ul li > a { padding: 5px 30px 5px 10px; } .app-navigation.app-navigation-custom nav ul > li.openable > a:after { padding: 5px; font-size: 8px; width: 30px; } .app-navigation.app-navigation-minimized .app-navigation-logo { background-image: url(../img/logo-sm.png); } .app-navigation.app-navigation-minimized .app-navigation-logo .app-navigation-logo-button { display: none; } .app-navigation.app-navigation-minimized nav ul > li > a { padding-left: 15px; } .app-navigation.app-navigation-minimized nav ul > li.openable > a:after { content: "\e876"; } .app-navigation.app-navigation-minimized nav > ul { -webkit-animation: nav-appear 300ms 1 linear; -moz-animation: nav-appear 300ms 1 linear; -ms-animation: nav-appear 300ms 1 linear; animation: nav-appear 300ms 1 linear; } .app-navigation.app-navigation-minimized nav > ul > li > a { font-size: 0px; padding: 10px; text-align: center; } .app-navigation.app-navigation-minimized nav > ul > li > a span { width: 100%; font-size: 20px; margin-right: 0px; margin-top: 0px; line-height: 30px; } .app-navigation.app-navigation-minimized nav > ul > li > a span.nav-icon-hexa { margin: 0px 10px 0px 0px; font-size: 12px; font-weight: 700; height: 30px; width: 30px; line-height: 30px; text-transform: initial; text-align: center; background: url(../img/navigation/hexa.png) left top no-repeat; } .app-navigation.app-navigation-minimized nav > ul > li > a span.nav-icon-cube, .app-navigation.app-navigation-minimized nav > ul > li > a span.nav-icon-circle { margin: 0px 10px 0px -5px; font-size: 12px; font-weight: 700; height: 30px; width: 30px; line-height: 30px; text-transform: initial; text-align: center; background: rgba(0, 0, 0, 0.1); border: 1px solid rgba(0, 0, 0, 0.2); } .app-navigation.app-navigation-minimized nav > ul > li > a span.nav-icon-circle { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .app-navigation.app-navigation-minimized nav > ul > li > a span.label { display: none; } .app-navigation.app-navigation-minimized nav > ul > li ul { position: absolute; left: 100%; width: 250px; z-index: 10; } .app-navigation.app-navigation-minimized nav > ul > li.openable > a:after { display: none; } .app-navigation.app-navigation-minimized nav > ul > li.title { display: none; } .app-navigation.app-navigation-minimized.app-navigation-custom > nav { padding: 0px; } .app-navigation.app-navigation-minimized.app-navigation-custom > nav > ul > li > a > span[class^='nav-icon'] { display: block; } .app-navigation.app-navigation-minimized.app-navigation-custom > nav > ul > li.openable > ul > li:last-child > a { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } .app-navigation.app-navigation-minimized.app-navigation-custom > nav > ul > li.openable.open > a:hover, .app-navigation.app-navigation-minimized.app-navigation-custom > nav > ul > li.openable.open > a .active { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } .app-navigation.app-navigation-minimized.dir-right nav ul > li.openable > a:after { content: "\e875"; } .app-navigation.app-navigation-minimized.dir-right nav > ul > li ul { left: auto; right: 100%; } .app-navigation.app-navigation-minimized.dir-right nav > ul > li ul > li > a { padding-left: 15px; } .app-navigation.app-navigation-minimized.app-navigation-open-hover nav ul > li.openable:hover > ul { max-height: 900px; overflow: visible; } .app-navigation.app-navigation-minimized.mCustomScrollbar .mCustomScrollBox { overflow: visible; } .app-navigation.app-navigation-minimized.mCustomScrollbar .mCustomScrollBox .mCSB_container { overflow: visible; } .app-navigation.app-navigation-fixed { float: none; position: fixed; left: 0px; top: 0px; z-index: 10 !important; } .app-navigation.app-navigation-fixed.app-navigation-fixed-absolute { position: absolute; } .app.app-sidepanel-open .app-navigation.app-navigation-fixed { left: -300px; } @-webkit-keyframes nav-appear { 0% { opacity: 0; } 75% { opacity: 0; } 100% { opacity: 1; } } @keyframes nav-appear { 0% { opacity: 0; } 75% { opacity: 0; } 100% { opacity: 1; } } .app-navigation-mobile-bg { background: #2d3349; background: -moz-linear-gradient(top, #2d3349 0%, #1b202b 100%); background: -webkit-linear-gradient(top, #2d3349 0%, #1b202b 100%); background: linear-gradient(to bottom, #2d3349 0%, #1b202b 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2d3349', endColorstr='#1b202b', GradientType=0); } .app.app-navigation-moblie-wrapper { background: #2d3349; background: -moz-linear-gradient(top, #2d3349 0%, #1b202b 100%); background: -webkit-linear-gradient(top, #2d3349 0%, #1b202b 100%); background: linear-gradient(to bottom, #2d3349 0%, #1b202b 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2d3349', endColorstr='#1b202b', GradientType=0); } .app.app-navigation-moblie-wrapper .app-container { -webkit-transition: all 100ms linear; -moz-transition: all 100ms linear; -ms-transition: all 100ms linear; -o-transition: all 100ms linear; transition: all 100ms linear; } .app.app-navigation-moblie-open { overflow: hidden; height: 100%; } .app.app-navigation-moblie-open .app-container { width: 100%; height: 100% !important; overflow: hidden; -webkit-box-shadow: 0px 0px 75px 20px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 0px 75px 20px rgba(0, 0, 0, 0.5); box-shadow: 0px 0px 75px 20px rgba(0, 0, 0, 0.5); -ms-transform: matrix(0.9, 0, 0, 0.9, 200, 0); -webkit-transform: matrix(0.9, 0, 0, 0.9, 200, 0); transform: matrix(0.9, 0, 0, 0.9, 200, 0); } .app.app-navigation-moblie-open .app-navigation-mobile { opacity: 1; z-index: 0; } .app .app-navigation-mobile { position: absolute; left: 0px; top: 50px; width: 200px; opacity: 0; -webkit-transition: opacity 0.5s linear; -moz-transition: opacity 0.5s linear; -ms-transition: opacity 0.5s linear; -o-transition: opacity 0.5s linear; transition: opacity 0.5s linear; } .app .app-navigation-mobile > ul { float: left; width: 100%; list-style: none; } .app .app-navigation-mobile > ul > li { float: left; width: 100%; padding: 10px 15px; line-height: 20px; } .app .app-navigation-mobile > ul > li a { line-height: 30px; font-size: 13px; font-weight: 400; text-transform: uppercase; color: #EDEFF0; text-decoration: none; -webkit-transition: color 100ms linear; -moz-transition: color 100ms linear; -ms-transition: color 100ms linear; -o-transition: color 100ms linear; transition: color 100ms linear; } .app .app-navigation-mobile > ul > li a span[class^='icon-'] { font-size: 20px; float: left; margin-right: 20px; color: #55698A; } .app .app-navigation-mobile > ul > li a span.nav-icon-hexa { float: left; margin: 0px 10px 0px -5px; font-size: 11px; font-weight: 700; height: 30px; width: 30px; line-height: 30px; text-transform: initial; text-align: center; background: url(../img/navigation/hexa.png) left top no-repeat; } .app .app-navigation-mobile > ul > li a span.nav-icon-cube, .app .app-navigation-mobile > ul > li a span.nav-icon-circle { float: left; margin: 0px 10px 0px -5px; font-size: 11px; font-weight: 700; height: 30px; width: 30px; line-height: 30px; text-transform: initial; text-align: center; background: rgba(0, 0, 0, 0.1); border: 1px solid rgba(0, 0, 0, 0.2); } .app .app-navigation-mobile > ul > li a span.nav-icon-circle { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .app .app-navigation-mobile > ul > li a:hover { color: #FFF; } .app .app-navigation-horizontal { float: left; width: 100%; background: #2D3349; position: relative; } .app .app-navigation-horizontal nav > ul { float: left; width: 100%; margin: 0px 0px 60px 0px; padding: 0px; list-style: none; padding: 10px 0px 0px 10px; position: relative; } .app .app-navigation-horizontal nav > ul > li { width: auto; } .app .app-navigation-horizontal nav > ul > li > a { float: left; padding: 10px 20px 12px 15px; line-height: 20px; color: #C5D1CD; text-decoration: none; font-size: 11px; font-weight: 700; text-transform: uppercase; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-transition: color 100ms linear; -moz-transition: color 100ms linear; -ms-transition: color 100ms linear; -o-transition: color 100ms linear; transition: color 100ms linear; } .app .app-navigation-horizontal nav > ul > li > a span[class^="icon-"], .app .app-navigation-horizontal nav > ul > li > a .fa { float: left; margin-right: 10px; line-height: 20px; min-width: 20px; text-align: center; font-size: 20px; } .app .app-navigation-horizontal nav > ul > li > a .fa { font-size: 14px; } .app .app-navigation-horizontal nav > ul > li > a:hover { color: #FFF; } .app .app-navigation-horizontal nav > ul > li > ul { position: absolute; width: 100%; left: 0px; top: 100%; list-style: none; background: #FFF; display: none; border-bottom: 1px solid #DBE0E4; padding: 10px 0px 10px 15px; } .app .app-navigation-horizontal nav > ul > li > ul > li { width: auto; } .app .app-navigation-horizontal nav > ul > li > ul > li > a { float: left; color: #2d3c52; text-decoration: none; font-size: 11px; font-weight: 700; text-transform: uppercase; padding: 10px 15px; margin-right: 5px; line-height: 20px; -webkit-transition: all 100ms linear; -moz-transition: all 100ms linear; -ms-transition: all 100ms linear; -o-transition: all 100ms linear; transition: all 100ms linear; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .app .app-navigation-horizontal nav > ul > li > ul > li > a:hover { color: #1B2431; background: #F5F5F5; } .app .app-navigation-horizontal nav > ul > li > ul > li.active > a { color: #1B2431; background: #F5F5F5; } .app .app-navigation-horizontal nav > ul > li.openable > a { -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 0px; -webkit-border-bottom-left-radius: 0px; -webkit-border-top-left-radius: 3px; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 0px; -moz-border-radius-topleft: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; border-top-left-radius: 3px; } .app .app-navigation-horizontal nav > ul > li.openable.active > a { background: #FFF; } .app .app-navigation-horizontal nav > ul > li.active > a { color: #1B2431; } .app .app-navigation-horizontal nav > ul > li.active > ul { display: block; } .app .app-navigation-horizontal .container.container-boxed { margin: 0px auto; } .app .app-navigation-horizontal .container.container-boxed > nav > ul { padding-left: 0px; } .app .app-navigation-horizontal .container.container-boxed > nav > ul > li > ul { padding-left: 0px; } .app .app-navigation-horizontal .container.container-boxed:before { position: absolute; left: 0px; bottom: -1px; height: 61px; width: 100%; background: #FFF; content: " "; border-bottom: 1px solid #DBE0E4; } @media (max-width: 992px) { .app-navigation .app-navigation-logo { display: none; } .app-navigation.app-navigation-style-light { border-right: 0px; border-bottom: 1px solid #DBE0E4; } .app .app-navigation-horizontal { display: none; } .app .app-navigation-horizontal .container.container-boxed { padding: 0px; } .app .app-navigation-horizontal .container.container-boxed:before { display: none; } .app .app-navigation-horizontal nav > ul { margin: 0px; padding: 0px; } .app .app-navigation-horizontal nav > ul > li { width: 100%; } .app .app-navigation-horizontal nav > ul > li > a { padding: 15px 20px 15px; width: 100%; } .app .app-navigation-horizontal nav > ul > li.openable.active > a { background: transparent; color: #FFF; } .app .app-navigation-horizontal nav > ul > li > ul { position: relative; float: left; width: 100%; padding: 5px; } .app .app-navigation-horizontal nav > ul > li > ul > li { width: 100%; margin-bottom: 5px; } .app .app-navigation-horizontal nav > ul > li > ul > li > a { width: 100%; } .app .app-navigation-horizontal nav > ul > li:last-child { margin-bottom: 0px; } .app .app-navigation-horizontal.show { display: block; } } h1, h2, h3, h4, h5, h6 { padding: 0px; margin: 0px; font-weight: 400; float: left; width: 100%; } h1 [class^="icon-"], h2 [class^="icon-"], h3 [class^="icon-"], h4 [class^="icon-"], h5 [class^="icon-"], h6 [class^="icon-"], h1 .fa, h2 .fa, h3 .fa, h4 .fa, h5 .fa, h6 .fa { float: left; margin-right: 10px; } h1 [class^="icon-"], h2 [class^="icon-"], h3 [class^="icon-"], h4 [class^="icon-"], h5 [class^="icon-"], h6 [class^="icon-"] { font-size: 20px; } h1 .fa, h2 .fa, h3 .fa, h4 .fa, h5 .fa, h6 .fa { font-size: 14px; } h1 { font-size: 22px; line-height: 35px; margin-bottom: 15px; } h1 [class^="icon-"], h1 .fa { line-height: 32px; } h2 { font-size: 20px; line-height: 30px; margin-bottom: 15px; } h2 [class^="icon-"], h2 .fa { line-height: 28px; } h3 { font-size: 18px; line-height: 26px; margin-bottom: 10px; } h3 [class^="icon-"], h3 .fa { line-height: 24px; } h4 { font-size: 16px; line-height: 22px; margin-bottom: 10px; } h4 [class^="icon-"], h4 .fa { line-height: 20px; } h5 { font-size: 14px; line-height: 20px; margin-bottom: 5px; font-weight: 600; } h5 [class^="icon-"], h5 .fa { line-height: 20px; } h6 { font-size: 12px; line-height: 20px; margin-bottom: 5px; font-weight: 600; } h6 [class^="icon-"], h6 .fa { line-height: 20px; } p { float: left; width: 100%; margin-top: 5px; margin-bottom: 10px; } p.subheader { margin-top: -5px; color: #7F8FA4; } p:last-child { margin-bottom: 0px; } blockquote { float: left; width: 100%; padding: 5px 15px; margin-top: 10px; border-color: #DBE0E4; font-size: 15px; } blockquote p { margin: 0px 0px 10px; } blockquote.blockquote-reverse, blockquote.blockquote.pull-right { border-color: #DBE0E4; } ul, ol { float: left; width: 100%; padding-left: 20px; } ul li, ol li { float: left; width: 100%; } ul.list-inline, ol.list-inline { width: auto; margin-left: 0px; padding-left: 0px; } ul.list-inline li, ol.list-inline li { width: auto; } dl { float: left; width: 100%; margin-top: 10px; } dl dt { font-weight: 600; margin-bottom: 5px; } dl dd { margin-bottom: 10px; } .heading-line-below { position: relative; margin-bottom: 15px; } .heading-line-below:before { content: " "; left: 0px; bottom: -5px; height: 1px; width: 100%; position: absolute; background: #DBE0E4; } .heading-line-below.heading-line-below-short:before { width: 20px; background: #2D3349; } .heading-line-below.text-center.heading-line-below-short:before { left: 50%; margin-left: -10px; } .heading-line-middle { position: relative; } .heading-line-middle:before { content: " "; left: 0px; top: 50%; height: 1px; width: 100%; z-index: 1; position: absolute; background: #DBE0E4; } .heading-line-middle span { position: absolute; left: 0px; top: 0px; z-index: 2; display: block; background: #FFF; padding-right: 10px; } .typography p { line-height: 24px; margin-bottom: 20px; } .typography ul > li { line-height: 24px; } label { font-weight: 600; } .form-group.form-group-divider { border-bottom: 1px solid #DBE0E4; padding-bottom: 20px; } .input-group .input-group-addon { min-width: 40px; border-color: #DBE0E4; background: #FFF; color: #454545; font-weight: 600; } .input-group .input-group-addon .fa { font-size: 14px; } .input-group .input-group-addon *[class^="icon-"] { font-size: 20px; } .input-group.input-group-lg .input-group-addon { min-width: 50px; } .input-group.input-group-lg > .form-control, .input-group.input-group-lg > .input-group-addon, .input-group.input-group-lg > .input-group-btn > .btn { height: 50px; font-size: 14px; } .input-group.input-group-sm { margin: 5px 0px; } .input-group.input-group-sm .input-group-addon { min-width: 30px; } .input-group.input-group-sm > .form-control, .input-group.input-group-sm > .input-group-addon, .input-group.input-group-sm > .input-group-btn > .btn { height: 30px; padding: 0px 5px; } .input-group .input-group-btn > .btn:hover, .input-group .input-group-btn > .btn:focus, .input-group .input-group-btn > .btn:active { z-index: 2; } .form-control { height: 40px; border-color: #DBE0E4; color: #454545; background: #FFF; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .form-control:focus { outline: none; border-color: #ccd3d9; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .form-control[multiple] { padding: 5px 0px; } .form-control[multiple] option { padding: 3px 5px; margin-bottom: 3px; } .form-control[readonly] { color: #7F8FA4; } .form-control[disabled] { opacity: 0.5; } .form-control[type="file"] { padding-top: 8px; } input[type="file"] { margin-top: 8px; } .help-block { color: #7F8FA4; margin-bottom: 0px; } .help-block.control-label { margin-top: 0px; font-weight: 400; } .file-input { position: relative; cursor: pointer; overflow: hidden; } .file-input input[type=file], .file-input input[type=file]:focus, .file-input input[type=file]:hover { position: absolute; top: 0; left: 0; cursor: pointer; z-index: 2; outline: 0; width: 100%; height: 100%; -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; } .file-input-name { margin-left: 10px; } .form-horizontal .control-label { text-align: left; font-weight: 600; padding-top: 10px; } .form-horizontal .control-label.help-block { font-weight: 400; } .radio, .checkbox { float: left; width: 100%; min-height: 20px; line-height: 20px; } .radio:first-child, .checkbox:first-child { margin-top: -10px; } .radio:first-child:last-child, .checkbox:first-child:last-child { margin-top: 0px; margin-bottom: 0px; } .radio + .radio, .checkbox + .checkbox { margin-top: 0px; } .form-group, .input-group { margin-bottom: 15px; float: left; width: 100%; position: relative; } .form-group .input-group { margin-bottom: 0px; } .form-group > label + .help-block { margin-top: -5px; margin-bottom: 10px; } .form-group:last-child { margin-bottom: 0px; } .input-lg { height: 50px; font-size: 16px; } .input-sm { height: 30px; font-size: 12px; } .has-feedback label ~ .form-control-feedback { top: 25px; } .form-control-feedback { width: 40px; height: 40px; line-height: 40px; } .form-control-feedback .fa { font-size: 14px; } .form-control-feedback *[class^="icon-"] { font-size: 20px; } .has-success .form-control:focus { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .has-success .input-group-addon { border-color: #76AB3C; color: #76AB3C; } .has-success .form-control { border-color: #76AB3C; color: #76AB3C; } .has-success .form-control:focus { border-color: #699835; } .has-success label, .has-success .control-label, .has-success .help-block { color: #76AB3C; } .has-success.has-feedback .form-control-feedback { color: #76AB3C; } .has-success .app-checkbox span:before { border-color: #76AB3C; } .has-success .app-checkbox span:after { color: #76AB3C; } .has-success .app-radio span:before { border-color: #76AB3C; } .has-success .app-radio span:after { background: #76AB3C; } .has-warning .form-control:focus { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .has-warning .input-group-addon { border-color: #F69F00; color: #F69F00; } .has-warning .form-control { border-color: #F69F00; color: #F69F00; } .has-warning .form-control:focus { border-color: #dd8f00; } .has-warning label, .has-warning .control-label, .has-warning .help-block { color: #F69F00; } .has-warning.has-feedback .form-control-feedback { color: #F69F00; } .has-warning .app-checkbox span:before { border-color: #F69F00; } .has-warning .app-checkbox span:after { color: #F69F00; } .has-warning .app-radio span:before { border-color: #F69F00; } .has-warning .app-radio span:after { background: #F69F00; } .has-error .form-control:focus { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .has-error .input-group-addon { border-color: #F04E51; color: #F04E51; } .has-error .form-control { border-color: #F04E51; color: #F04E51; } .has-error .form-control:focus { border-color: #ee363a; } .has-error label, .has-error .control-label, .has-error .help-block { color: #F04E51; } .has-error.has-feedback .form-control-feedback { color: #F04E51; } .has-error .app-checkbox span:before { border-color: #F04E51; } .has-error .app-checkbox span:after { color: #F04E51; } .has-error .app-radio span:before { border-color: #F04E51; } .has-error .app-radio span:after { background: #F04E51; } .spinner-wrapper { float: left; width: 100%; position: relative; } .spinner-wrapper input { padding-right: 25px; } .spinner-wrapper .spinner-button-up, .spinner-wrapper .spinner-button-down { color: #454545; border: 1px solid #DBE0E4; background: #FFF; width: 20px; height: 20px; position: absolute; right: 0px; top: 0px; padding: 0px; line-height: 18px; -webkit-transition: background 100ms linear; -moz-transition: background 100ms linear; -ms-transition: background 100ms linear; -o-transition: background 100ms linear; transition: background 100ms linear; } .spinner-wrapper .spinner-button-up:hover, .spinner-wrapper .spinner-button-down:hover { background: #f2f2f2; } .spinner-wrapper .spinner-button-up { -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 0px; -webkit-border-bottom-left-radius: 0px; -webkit-border-top-left-radius: 0px; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 0px; -moz-border-radius-topleft: 0px; border-top-right-radius: 3px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; border-top-left-radius: 0px; } .spinner-wrapper .spinner-button-down { top: 20px; border-top: 0px; -webkit-border-top-right-radius: 0px; -webkit-border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 0px; -webkit-border-top-left-radius: 0px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 3px; -moz-border-radius-bottomleft: 0px; -moz-border-radius-topleft: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 3px; border-bottom-left-radius: 0px; border-top-left-radius: 0px; } .app-checkbox, .app-radio { line-height: 20px; margin: 10px 0px; float: left; width: 100%; } .app-checkbox label, .app-radio label { padding-left: 30px; font-weight: 400; position: relative; cursor: pointer; margin-bottom: 0px; } .app-checkbox label input, .app-radio label input { position: absolute; left: 0px; top: 0px; width: 20px; height: 20px; opacity: 0; z-index: 3; margin: 0px; cursor: pointer; } .app-checkbox label input:checked + span:after, .app-radio label input:checked + span:after { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } .app-checkbox label input:disabled + span, .app-radio label input:disabled + span { opacity: 0.5; } .app-checkbox label span, .app-radio label span { position: absolute; left: 0px; top: 0px; width: 20px; height: 20px; } .app-checkbox label span:before, .app-radio label span:before { position: absolute; left: 0px; top: 0px; z-index: 1; width: 20px; height: 20px; border: 1px solid #DBE0E4; background: #FFF; content: " "; } .app-checkbox label span:after, .app-radio label span:after { position: absolute; z-index: 2; color: #454545; -webkit-transform: scale(0, 0); -moz-transform: scale(0, 0); -ms-transform: scale(0, 0); -o-transform: scale(0, 0); transform: scale(0, 0); -webkit-transition: transform 100ms cubic-bezier(0.8, -0.33, 0.2, 1.33); -moz-transition: transform 100ms cubic-bezier(0.8, -0.33, 0.2, 1.33); -ms-transition: transform 100ms cubic-bezier(0.8, -0.33, 0.2, 1.33); -o-transition: transform 100ms cubic-bezier(0.8, -0.33, 0.2, 1.33); transition: transform 100ms cubic-bezier(0.8, -0.33, 0.2, 1.33); } .app-checkbox.inline, .app-radio.inline { display: inline-block; margin-right: 20px; float: none; width: auto; } .app-checkbox.inline:last-child, .app-radio.inline:last-child { margin-right: 0px; } .app-checkbox label span:after { content: "\f00c"; font-family: "FontAwesome"; font-size: 14px; text-align: center; line-height: 20px; left: 0px; top: 0px; width: 20px; height: 20px; } .app-checkbox.success label { color: #76AB3C; } .app-checkbox.success label span:before { border-color: #76AB3C; } .app-checkbox.success label span:after { color: #76AB3C; } .app-checkbox.warning label { color: #F69F00; } .app-checkbox.warning label span:before { border-color: #F69F00; } .app-checkbox.warning label span:after { color: #F69F00; } .app-checkbox.danger label { color: #F04E51; } .app-checkbox.danger label span:before { border-color: #F04E51; } .app-checkbox.danger label span:after { color: #F04E51; } .app-radio label span:after { content: " "; background: #454545; width: 12px; height: 12px; left: 4px; top: 4px; } .app-radio.round label span:before, .app-radio.round label span:after { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .app-radio.success label { color: #76AB3C; } .app-radio.success label span:before { border-color: #76AB3C; } .app-radio.success label span:after { background: #76AB3C; } .app-radio.warning label { color: #F69F00; } .app-radio.warning label span:before { border-color: #F69F00; } .app-radio.warning label span:after { background: #F69F00; } .app-radio.danger label { color: #F04E51; } .app-radio.danger label span:before { border-color: #F04E51; } .app-radio.danger label span:after { background: #F04E51; } .input-group .input-group-addon .app-checkbox, .input-group .input-group-addon .app-radio { margin: 0px; } .input-group .input-group-addon .app-checkbox label, .input-group .input-group-addon .app-radio label { float: left; padding-left: 20px; margin-top: -10px; } .table .app-checkbox, .table .app-radio { margin: 0px; width: 20px; } /* switch button */ .switch { cursor: pointer; position: relative; height: 30px; line-height: 30px; margin: 5px 0px; } .switch input { position: absolute; opacity: 0; filter: alpha(opacity=0); } .switch input:checked + span:after { left: 16px; } .switch input:checked + span { background-color: #76AB3C; } .switch input:disabled + span { background-color: #FFF; } .switch input:disabled + span:after { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border: 1px solid #DBE0E4; } .switch span { position: relative; width: 45px; height: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; background-color: #F04E51; border: 1px solid rgba(0, 0, 0, 0.1); display: inline-block; -webkit-transition: all 100ms linear; -moz-transition: all 100ms linear; -ms-transition: all 100ms linear; -o-transition: all 100ms linear; transition: all 100ms linear; left: 0px; } .switch span:after { content: ""; position: absolute; background-color: #fff; width: 26px; top: 1px; bottom: 1px; left: 1px; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1); box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1); -webkit-transition: all 100ms linear; -moz-transition: all 100ms linear; -ms-transition: all 100ms linear; -o-transition: all 100ms linear; transition: all 100ms linear; } .switch.switch-lg { margin: 0px; height: 35px; line-height: 35px; margin: 0px !important; } .switch.switch-lg input:checked + span:after { left: 27px; } .switch.switch-lg span { width: 60px; height: 35px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } .switch.switch-lg span:after { width: 30px; } .switch.switch-sm { margin: 0px; height: 20px; line-height: 20px; margin: 10px 0px; } .switch.switch-sm input:checked + span:after { left: 16px; } .switch.switch-sm span { width: 35px; height: 20px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .switch.switch-sm span:after { width: 16px; } .switch.switch-cube span { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .switch.switch-cube span:after { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background-image: url(../img/switch/switch.png); background-position: center center; background-repeat: no-repeat; } /* ./switch button */ .btn { padding: 5px 20px; line-height: 28px; text-decoration: none; font-weight: 600; overflow: hidden; position: relative; -webkit-transition: all 100ms ease-in; -moz-transition: all 100ms ease-in; -ms-transition: all 100ms ease-in; -o-transition: all 100ms ease-in; transition: all 100ms ease-in; } .btn.btn-default { border-color: #DBE0E4; background: #FFF; color: #454545; } .btn.btn-default:hover, .btn.btn-default.active, .btn.btn-default:active, .btn.btn-default:active:focus { border-color: #ccd3d9; background: #f7f7f7; color: #383838; } .btn.btn-default:focus { border-color: #ccd3d9; background: #f7f7f7; color: #454545; } .btn.btn-default:focus, .btn.btn-default.active, .btn.btn-default:active, .btn.btn-default:active:focus { -webkit-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1); } .btn.btn-default:focus.btn-icon-fixed span, .btn.btn-default.active.btn-icon-fixed span, .btn.btn-default:active.btn-icon-fixed span, .btn.btn-default:active:focus.btn-icon-fixed span { border-color: #ccd3d9; -webkit-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1); } .btn.btn-default.btn-clean { background: transparent; color: #FFF; color: #454545; } .btn.btn-default.btn-clean:hover, .btn.btn-default.btn-clean:active, .btn.btn-default.btn-clean:active:focus { color: #454545; background: #FFF; border-color: #FFF; border-color: #bec7ce; color: #2b2b2b; } .btn.btn-default.btn-rounded { -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; } .btn.btn-default.btn-icon-fixed span[class^="icon-"], .btn.btn-default.btn-icon-fixed span.fa { border-right: 1px solid #DBE0E4; background: #f7f7f7; } .btn.btn-default.btn-shadowed { -webkit-box-shadow: 0px 3px 0px 0px rgba(255, 255, 255, 0.5); -moz-box-shadow: 0px 3px 0px 0px rgba(255, 255, 255, 0.5); box-shadow: 0px 3px 0px 0px rgba(255, 255, 255, 0.5); } .btn.btn-default.btn-shadowed.btn-lg { -webkit-box-shadow: 0px 5px 0px 0px rgba(255, 255, 255, 0.5); -moz-box-shadow: 0px 5px 0px 0px rgba(255, 255, 255, 0.5); box-shadow: 0px 5px 0px 0px rgba(255, 255, 255, 0.5); } .btn.btn-default.btn-glow { -webkit-box-shadow: 0px 0px 0px 3px rgba(255, 255, 255, 0.3); -moz-box-shadow: 0px 0px 0px 3px rgba(255, 255, 255, 0.3); box-shadow: 0px 0px 0px 3px rgba(255, 255, 255, 0.3); } .btn.btn-primary { border-color: #232839; background: #292f43; color: #FFF; } .btn.btn-primary:hover, .btn.btn-primary.active, .btn.btn-primary:active, .btn.btn-primary:active:focus { border-color: #1a1d29; background: #232839; color: #f2f2f2; } .btn.btn-primary:focus { border-color: #1a1d29; background: #232839; color: #FFF; } .btn.btn-primary:focus, .btn.btn-primary.active, .btn.btn-primary:active, .btn.btn-primary:active:focus { -webkit-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1); } .btn.btn-primary:focus.btn-icon-fixed span, .btn.btn-primary.active.btn-icon-fixed span, .btn.btn-primary:active.btn-icon-fixed span, .btn.btn-primary:active:focus.btn-icon-fixed span { border-color: #1a1d29; -webkit-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1); } .btn.btn-primary.btn-clean { background: transparent; color: #292f43; } .btn.btn-primary.btn-clean:hover, .btn.btn-primary.btn-clean:active, .btn.btn-primary.btn-clean:active:focus { color: #FFF; background: #292f43; border-color: #292f43; } .btn.btn-primary.btn-rounded { -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; } .btn.btn-primary.btn-icon-fixed span[class^="icon-"], .btn.btn-primary.btn-icon-fixed span.fa { border-right: 1px solid #232839; background: #232839; } .btn.btn-primary.btn-shadowed { -webkit-box-shadow: 0px 3px 0px 0px rgba(41, 47, 67, 0.5); -moz-box-shadow: 0px 3px 0px 0px rgba(41, 47, 67, 0.5); box-shadow: 0px 3px 0px 0px rgba(41, 47, 67, 0.5); } .btn.btn-primary.btn-shadowed.btn-lg { -webkit-box-shadow: 0px 5px 0px 0px rgba(41, 47, 67, 0.5); -moz-box-shadow: 0px 5px 0px 0px rgba(41, 47, 67, 0.5); box-shadow: 0px 5px 0px 0px rgba(41, 47, 67, 0.5); } .btn.btn-primary.btn-glow { -webkit-box-shadow: 0px 0px 0px 3px rgba(41, 47, 67, 0.3); -moz-box-shadow: 0px 0px 0px 3px rgba(41, 47, 67, 0.3); box-shadow: 0px 0px 0px 3px rgba(41, 47, 67, 0.3); } .btn.btn-success { border-color: #6ea038; background: #76AB3C; color: #FFF; } .btn.btn-success:hover, .btn.btn-success.active, .btn.btn-success:active, .btn.btn-success:active:focus { border-color: #618d31; background: #6ea038; color: #f2f2f2; } .btn.btn-success:focus { border-color: #618d31; background: #6ea038; color: #FFF; } .btn.btn-success:focus, .btn.btn-success.active, .btn.btn-success:active, .btn.btn-success:active:focus { -webkit-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1); } .btn.btn-success:focus.btn-icon-fixed span, .btn.btn-success.active.btn-icon-fixed span, .btn.btn-success:active.btn-icon-fixed span, .btn.btn-success:active:focus.btn-icon-fixed span { border-color: #618d31; -webkit-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1); } .btn.btn-success.btn-clean { background: transparent; color: #76AB3C; } .btn.btn-success.btn-clean:hover, .btn.btn-success.btn-clean:active, .btn.btn-success.btn-clean:active:focus { color: #FFF; background: #76AB3C; border-color: #76AB3C; } .btn.btn-success.btn-rounded { -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; } .btn.btn-success.btn-icon-fixed span[class^="icon-"], .btn.btn-success.btn-icon-fixed span.fa { border-right: 1px solid #6ea038; background: #6ea038; } .btn.btn-success.btn-shadowed { -webkit-box-shadow: 0px 3px 0px 0px rgba(118, 171, 60, 0.5); -moz-box-shadow: 0px 3px 0px 0px rgba(118, 171, 60, 0.5); box-shadow: 0px 3px 0px 0px rgba(118, 171, 60, 0.5); } .btn.btn-success.btn-shadowed.btn-lg { -webkit-box-shadow: 0px 5px 0px 0px rgba(118, 171, 60, 0.5); -moz-box-shadow: 0px 5px 0px 0px rgba(118, 171, 60, 0.5); box-shadow: 0px 5px 0px 0px rgba(118, 171, 60, 0.5); } .btn.btn-success.btn-glow { -webkit-box-shadow: 0px 0px 0px 3px rgba(118, 171, 60, 0.3); -moz-box-shadow: 0px 0px 0px 3px rgba(118, 171, 60, 0.3); box-shadow: 0px 0px 0px 3px rgba(118, 171, 60, 0.3); } .btn.btn-info { border-color: #42b0db; background: #4FB5DD; color: #FFF; } .btn.btn-info:hover, .btn.btn-info.active, .btn.btn-info:active, .btn.btn-info:active:focus { border-color: #2da7d6; background: #42b0db; color: #f2f2f2; } .btn.btn-info:focus { border-color: #2da7d6; background: #42b0db; color: #FFF; } .btn.btn-info:focus, .btn.btn-info.active, .btn.btn-info:active, .btn.btn-info:active:focus { -webkit-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1); } .btn.btn-info:focus.btn-icon-fixed span, .btn.btn-info.active.btn-icon-fixed span, .btn.btn-info:active.btn-icon-fixed span, .btn.btn-info:active:focus.btn-icon-fixed span { border-color: #2da7d6; -webkit-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1); } .btn.btn-info.btn-clean { background: transparent; color: #4FB5DD; } .btn.btn-info.btn-clean:hover, .btn.btn-info.btn-clean:active, .btn.btn-info.btn-clean:active:focus { color: #FFF; background: #4FB5DD; border-color: #4FB5DD; } .btn.btn-info.btn-rounded { -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; } .btn.btn-info.btn-icon-fixed span[class^="icon-"], .btn.btn-info.btn-icon-fixed span.fa { border-right: 1px solid #42b0db; background: #42b0db; } .btn.btn-info.btn-shadowed { -webkit-box-shadow: 0px 3px 0px 0px rgba(79, 181, 221, 0.5); -moz-box-shadow: 0px 3px 0px 0px rgba(79, 181, 221, 0.5); box-shadow: 0px 3px 0px 0px rgba(79, 181, 221, 0.5); } .btn.btn-info.btn-shadowed.btn-lg { -webkit-box-shadow: 0px 5px 0px 0px rgba(79, 181, 221, 0.5); -moz-box-shadow: 0px 5px 0px 0px rgba(79, 181, 221, 0.5); box-shadow: 0px 5px 0px 0px rgba(79, 181, 221, 0.5); } .btn.btn-info.btn-glow { -webkit-box-shadow: 0px 0px 0px 3px rgba(79, 181, 221, 0.3); -moz-box-shadow: 0px 0px 0px 3px rgba(79, 181, 221, 0.3); box-shadow: 0px 0px 0px 3px rgba(79, 181, 221, 0.3); } .btn.btn-warning { border-color: #e79500; background: #F69F00; color: #FFF; } .btn.btn-warning:hover, .btn.btn-warning.active, .btn.btn-warning:active, .btn.btn-warning:active:focus { border-color: #cd8500; background: #e79500; color: #f2f2f2; } .btn.btn-warning:focus { border-color: #cd8500; background: #e79500; color: #FFF; } .btn.btn-warning:focus, .btn.btn-warning.active, .btn.btn-warning:active, .btn.btn-warning:active:focus { -webkit-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1); } .btn.btn-warning:focus.btn-icon-fixed span, .btn.btn-warning.active.btn-icon-fixed span, .btn.btn-warning:active.btn-icon-fixed span, .btn.btn-warning:active:focus.btn-icon-fixed span { border-color: #cd8500; -webkit-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1); } .btn.btn-warning.btn-clean { background: transparent; color: #F69F00; } .btn.btn-warning.btn-clean:hover, .btn.btn-warning.btn-clean:active, .btn.btn-warning.btn-clean:active:focus { color: #FFF; background: #F69F00; border-color: #F69F00; } .btn.btn-warning.btn-rounded { -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; } .btn.btn-warning.btn-icon-fixed span[class^="icon-"], .btn.btn-warning.btn-icon-fixed span.fa { border-right: 1px solid #e79500; background: #e79500; } .btn.btn-warning.btn-shadowed { -webkit-box-shadow: 0px 3px 0px 0px rgba(246, 159, 0, 0.5); -moz-box-shadow: 0px 3px 0px 0px rgba(246, 159, 0, 0.5); box-shadow: 0px 3px 0px 0px rgba(246, 159, 0, 0.5); } .btn.btn-warning.btn-shadowed.btn-lg { -webkit-box-shadow: 0px 5px 0px 0px rgba(246, 159, 0, 0.5); -moz-box-shadow: 0px 5px 0px 0px rgba(246, 159, 0, 0.5); box-shadow: 0px 5px 0px 0px rgba(246, 159, 0, 0.5); } .btn.btn-warning.btn-glow { -webkit-box-shadow: 0px 0px 0px 3px rgba(246, 159, 0, 0.3); -moz-box-shadow: 0px 0px 0px 3px rgba(246, 159, 0, 0.3); box-shadow: 0px 0px 0px 3px rgba(246, 159, 0, 0.3); } .btn.btn-danger { border-color: #ef4043; background: #F04E51; color: #FFF; } .btn.btn-danger:hover, .btn.btn-danger.active, .btn.btn-danger:active, .btn.btn-danger:active:focus { border-color: #ed282c; background: #ef4043; color: #f2f2f2; } .btn.btn-danger:focus { border-color: #ed282c; background: #ef4043; color: #FFF; } .btn.btn-danger:focus, .btn.btn-danger.active, .btn.btn-danger:active, .btn.btn-danger:active:focus { -webkit-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1); } .btn.btn-danger:focus.btn-icon-fixed span, .btn.btn-danger.active.btn-icon-fixed span, .btn.btn-danger:active.btn-icon-fixed span, .btn.btn-danger:active:focus.btn-icon-fixed span { border-color: #ed282c; -webkit-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1); } .btn.btn-danger.btn-clean { background: transparent; color: #F04E51; } .btn.btn-danger.btn-clean:hover, .btn.btn-danger.btn-clean:active, .btn.btn-danger.btn-clean:active:focus { color: #FFF; background: #F04E51; border-color: #F04E51; } .btn.btn-danger.btn-rounded { -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; } .btn.btn-danger.btn-icon-fixed span[class^="icon-"], .btn.btn-danger.btn-icon-fixed span.fa { border-right: 1px solid #ef4043; background: #ef4043; } .btn.btn-danger.btn-shadowed { -webkit-box-shadow: 0px 3px 0px 0px rgba(240, 78, 81, 0.5); -moz-box-shadow: 0px 3px 0px 0px rgba(240, 78, 81, 0.5); box-shadow: 0px 3px 0px 0px rgba(240, 78, 81, 0.5); } .btn.btn-danger.btn-shadowed.btn-lg { -webkit-box-shadow: 0px 5px 0px 0px rgba(240, 78, 81, 0.5); -moz-box-shadow: 0px 5px 0px 0px rgba(240, 78, 81, 0.5); box-shadow: 0px 5px 0px 0px rgba(240, 78, 81, 0.5); } .btn.btn-danger.btn-glow { -webkit-box-shadow: 0px 0px 0px 3px rgba(240, 78, 81, 0.3); -moz-box-shadow: 0px 0px 0px 3px rgba(240, 78, 81, 0.3); box-shadow: 0px 0px 0px 3px rgba(240, 78, 81, 0.3); } .btn.btn-link { border-color: transparent; background: transparent; color: #7F8FA4; } .btn.btn-link:hover, .btn.btn-link.active, .btn.btn-link:active, .btn.btn-link:active:focus { border-color: rgba(0, 0, 0, 0); background: rgba(0, 0, 0, 0); color: #708299; } .btn.btn-link:focus { border-color: rgba(0, 0, 0, 0); background: rgba(0, 0, 0, 0); color: #7F8FA4; } .btn.btn-link:focus, .btn.btn-link.active, .btn.btn-link:active, .btn.btn-link:active:focus { -webkit-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .btn.btn-link:focus.btn-icon-fixed span, .btn.btn-link.active.btn-icon-fixed span, .btn.btn-link:active.btn-icon-fixed span, .btn.btn-link:active:focus.btn-icon-fixed span { border-color: rgba(0, 0, 0, 0); -webkit-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1); } .btn.btn-link.btn-clean { background: transparent; color: transparent; } .btn.btn-link.btn-clean:hover, .btn.btn-link.btn-clean:active, .btn.btn-link.btn-clean:active:focus { color: #7F8FA4; background: transparent; border-color: transparent; } .btn.btn-link.btn-rounded { -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; } .btn.btn-link.btn-icon-fixed span[class^="icon-"], .btn.btn-link.btn-icon-fixed span.fa { border-right: 1px solid transparent; background: rgba(0, 0, 0, 0); } .btn.btn-link.btn-shadowed { -webkit-box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.5); box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.5); } .btn.btn-link.btn-shadowed.btn-lg { -webkit-box-shadow: 0px 5px 0px 0px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 5px 0px 0px rgba(0, 0, 0, 0.5); box-shadow: 0px 5px 0px 0px rgba(0, 0, 0, 0.5); } .btn.btn-link.btn-glow { -webkit-box-shadow: 0px 0px 0px 3px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 0px 0px 3px rgba(0, 0, 0, 0.3); box-shadow: 0px 0px 0px 3px rgba(0, 0, 0, 0.3); } .btn.btn-facebook { border-color: #43609f; background: #4867aa; color: #FFF; } .btn.btn-facebook:hover, .btn.btn-facebook.active, .btn.btn-facebook:active, .btn.btn-facebook:active:focus { border-color: #3c568d; background: #43609f; color: #f2f2f2; } .btn.btn-facebook:focus { border-color: #3c568d; background: #43609f; color: #FFF; } .btn.btn-facebook:focus, .btn.btn-facebook.active, .btn.btn-facebook:active, .btn.btn-facebook:active:focus { -webkit-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1); } .btn.btn-facebook:focus.btn-icon-fixed span, .btn.btn-facebook.active.btn-icon-fixed span, .btn.btn-facebook:active.btn-icon-fixed span, .btn.btn-facebook:active:focus.btn-icon-fixed span { border-color: #3c568d; -webkit-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1); } .btn.btn-facebook.btn-clean { background: transparent; color: #4867aa; } .btn.btn-facebook.btn-clean:hover, .btn.btn-facebook.btn-clean:active, .btn.btn-facebook.btn-clean:active:focus { color: #FFF; background: #4867aa; border-color: #4867aa; } .btn.btn-facebook.btn-rounded { -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; } .btn.btn-facebook.btn-icon-fixed span[class^="icon-"], .btn.btn-facebook.btn-icon-fixed span.fa { border-right: 1px solid #43609f; background: #43609f; } .btn.btn-facebook.btn-shadowed { -webkit-box-shadow: 0px 3px 0px 0px rgba(72, 103, 170, 0.5); -moz-box-shadow: 0px 3px 0px 0px rgba(72, 103, 170, 0.5); box-shadow: 0px 3px 0px 0px rgba(72, 103, 170, 0.5); } .btn.btn-facebook.btn-shadowed.btn-lg { -webkit-box-shadow: 0px 5px 0px 0px rgba(72, 103, 170, 0.5); -moz-box-shadow: 0px 5px 0px 0px rgba(72, 103, 170, 0.5); box-shadow: 0px 5px 0px 0px rgba(72, 103, 170, 0.5); } .btn.btn-facebook.btn-glow { -webkit-box-shadow: 0px 0px 0px 3px rgba(72, 103, 170, 0.3); -moz-box-shadow: 0px 0px 0px 3px rgba(72, 103, 170, 0.3); box-shadow: 0px 0px 0px 3px rgba(72, 103, 170, 0.3); } .btn.btn-twitter { border-color: #00a0e2; background: #00abf1; color: #FFF; } .btn.btn-twitter:hover, .btn.btn-twitter.active, .btn.btn-twitter:active, .btn.btn-twitter:active:focus { border-color: #008ec8; background: #00a0e2; color: #f2f2f2; } .btn.btn-twitter:focus { border-color: #008ec8; background: #00a0e2; color: #FFF; } .btn.btn-twitter:focus, .btn.btn-twitter.active, .btn.btn-twitter:active, .btn.btn-twitter:active:focus { -webkit-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1); } .btn.btn-twitter:focus.btn-icon-fixed span, .btn.btn-twitter.active.btn-icon-fixed span, .btn.btn-twitter:active.btn-icon-fixed span, .btn.btn-twitter:active:focus.btn-icon-fixed span { border-color: #008ec8; -webkit-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1); } .btn.btn-twitter.btn-clean { background: transparent; color: #00abf1; } .btn.btn-twitter.btn-clean:hover, .btn.btn-twitter.btn-clean:active, .btn.btn-twitter.btn-clean:active:focus { color: #FFF; background: #00abf1; border-color: #00abf1; } .btn.btn-twitter.btn-rounded { -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; } .btn.btn-twitter.btn-icon-fixed span[class^="icon-"], .btn.btn-twitter.btn-icon-fixed span.fa { border-right: 1px solid #00a0e2; background: #00a0e2; } .btn.btn-twitter.btn-shadowed { -webkit-box-shadow: 0px 3px 0px 0px rgba(0, 171, 241, 0.5); -moz-box-shadow: 0px 3px 0px 0px rgba(0, 171, 241, 0.5); box-shadow: 0px 3px 0px 0px rgba(0, 171, 241, 0.5); } .btn.btn-twitter.btn-shadowed.btn-lg { -webkit-box-shadow: 0px 5px 0px 0px rgba(0, 171, 241, 0.5); -moz-box-shadow: 0px 5px 0px 0px rgba(0, 171, 241, 0.5); box-shadow: 0px 5px 0px 0px rgba(0, 171, 241, 0.5); } .btn.btn-twitter.btn-glow { -webkit-box-shadow: 0px 0px 0px 3px rgba(0, 171, 241, 0.3); -moz-box-shadow: 0px 0px 0px 3px rgba(0, 171, 241, 0.3); box-shadow: 0px 0px 0px 3px rgba(0, 171, 241, 0.3); } .btn span[class^='icon-'] { margin: 0px 10px 0px -5px; float: left; line-height: 28px; font-size: 20px; } .btn span[class^='icon-'].pull-right { margin: 0px -5px 0px 10px; float: right; } .btn span.fa { font-size: 14px; } .btn.btn-default span[class^="icon-"], .btn.btn-default .fa { color: #5f5f5f; } .btn.btn-icon-fixed { position: relative; padding-left: 60px; } .btn.btn-icon-fixed span[class^='icon-'], .btn.btn-icon-fixed span.fa { position: absolute; left: 0px; top: 0px; width: 40px; height: 38px; line-height: 38px; -webkit-border-top-right-radius: 0px; -webkit-border-bottom-right-radius: 0px; -webkit-border-bottom-left-radius: 5px; -webkit-border-top-left-radius: 5px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-topleft: 5px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 5px; border-top-left-radius: 5px; } .btn.btn-icon-fixed span[class^='icon-'] { margin-left: 0px; } .btn.btn-icon-fixed .icon-text { font-family: 'Open Sans', sans-serif !important; font-size: 15px; font-weight: 600; } .btn.btn-icon-fixed.btn-lg { padding-left: 75px; } .btn.btn-icon-fixed.btn-lg span[class^='icon-'], .btn.btn-icon-fixed.btn-lg span.fa { height: 48px; width: 50px; line-height: 48px; } .btn.btn-icon-fixed.btn-sm { padding-left: 45px; } .btn.btn-icon-fixed.btn-sm span[class^='icon-'], .btn.btn-icon-fixed.btn-sm span.fa { height: 28px; width: 30px; line-height: 28px; } .btn.btn-icon-fixed.btn-xs { padding-left: 35px; } .btn.btn-icon-fixed.btn-xs span[class^='icon-'], .btn.btn-icon-fixed.btn-xs span.fa { height: 24px; width: 26px; line-height: 24px; } .btn.btn-lg { padding: 10px 30px; font-size: 13px; text-transform: uppercase; } .btn.btn-lg.btn-icon { width: 50px; } .btn.btn-lg.btn-rounded { -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; } .btn.btn-sm { padding: 0px 15px; margin: 5px 0px; } .btn.btn-sm.btn-icon { width: 30px; } .btn.btn-xs { padding: 2px 10px; line-height: 20px; } .btn.btn-xs.btn-icon { width: 24px; } .btn.btn-icon { padding-left: 0px; padding-right: 0px; width: 40px; } .btn.btn-icon span { line-height: 28px; float: left; width: 100%; text-align: center; margin: 0px; font-size: 20px; } .btn.btn-icon span.fa { font-size: 14px; } .btn.btn-informer { overflow: visible; } .btn.btn-informer > .informer { position: absolute; right: -15px; top: -15px; width: 28px; height: 28px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; line-height: 26px; font-size: 11px; font-weight: 600; z-index: 10; } .btn.btn-informer > .informer.informer-default { border: 1px solid #DBE0E4; background: #FFF; color: #454545; -webkit-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.3); -moz-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.3); box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.3); } .btn.btn-informer > .informer.informer-primary { border: 1px solid #1f2433; background: #292f43; color: #FFF; -webkit-box-shadow: 0px 0px 0px 2px rgba(41, 47, 67, 0.3); -moz-box-shadow: 0px 0px 0px 2px rgba(41, 47, 67, 0.3); box-shadow: 0px 0px 0px 2px rgba(41, 47, 67, 0.3); } .btn.btn-informer > .informer.informer-success { border: 1px solid #699835; background: #76AB3C; color: #FFF; -webkit-box-shadow: 0px 0px 0px 2px rgba(118, 171, 60, 0.3); -moz-box-shadow: 0px 0px 0px 2px rgba(118, 171, 60, 0.3); box-shadow: 0px 0px 0px 2px rgba(118, 171, 60, 0.3); } .btn.btn-informer > .informer.informer-info { border: 1px solid #3aacd9; background: #4FB5DD; color: #FFF; -webkit-box-shadow: 0px 0px 0px 2px rgba(79, 181, 221, 0.3); -moz-box-shadow: 0px 0px 0px 2px rgba(79, 181, 221, 0.3); box-shadow: 0px 0px 0px 2px rgba(79, 181, 221, 0.3); } .btn.btn-informer > .informer.informer-warning { border: 1px solid #dd8f00; background: #F69F00; color: #FFF; -webkit-box-shadow: 0px 0px 0px 2px rgba(246, 159, 0, 0.3); -moz-box-shadow: 0px 0px 0px 2px rgba(246, 159, 0, 0.3); box-shadow: 0px 0px 0px 2px rgba(246, 159, 0, 0.3); } .btn.btn-informer > .informer.informer-danger { border: 1px solid #ee363a; background: #F04E51; color: #FFF; -webkit-box-shadow: 0px 0px 0px 2px rgba(240, 78, 81, 0.3); -moz-box-shadow: 0px 0px 0px 2px rgba(240, 78, 81, 0.3); box-shadow: 0px 0px 0px 2px rgba(240, 78, 81, 0.3); } .btn.btn-informer > .informer.informer-square { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .btn.btn-informer > .informer.informer-sm { width: 18px; height: 18px; font-size: 10px; font-weight: 700; right: -8px; top: -8px; line-height: 16px; } .btn.btn-informer > .informer.informer-left { right: auto; left: -15px; } .btn.btn-informer > .informer.informer-left.informer-sm { left: -10px; } .btn.btn-informer > .informer.informer-text { width: auto; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 0px 5px; } .open > .dropdown-toggle.btn-default { border-color: #DBE0E4; background: #FFF; color: #454545; } .open > .dropdown-toggle.btn-default:hover, .open > .dropdown-toggle.btn-default.active, .open > .dropdown-toggle.btn-default:active, .open > .dropdown-toggle.btn-default:active:focus { border-color: #ccd3d9; background: #f7f7f7; color: #383838; } .open > .dropdown-toggle.btn-default:focus { border-color: #ccd3d9; background: #f7f7f7; color: #454545; } .open > .dropdown-toggle.btn-default:focus, .open > .dropdown-toggle.btn-default.active, .open > .dropdown-toggle.btn-default:active, .open > .dropdown-toggle.btn-default:active:focus { -webkit-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1); } .open > .dropdown-toggle.btn-default:focus.btn-icon-fixed span, .open > .dropdown-toggle.btn-default.active.btn-icon-fixed span, .open > .dropdown-toggle.btn-default:active.btn-icon-fixed span, .open > .dropdown-toggle.btn-default:active:focus.btn-icon-fixed span { border-color: #ccd3d9; -webkit-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1); } .open > .dropdown-toggle.btn-default.btn-clean { background: transparent; color: #FFF; color: #454545; } .open > .dropdown-toggle.btn-default.btn-clean:hover, .open > .dropdown-toggle.btn-default.btn-clean:active, .open > .dropdown-toggle.btn-default.btn-clean:active:focus { color: #454545; background: #FFF; border-color: #FFF; border-color: #bec7ce; color: #2b2b2b; } .open > .dropdown-toggle.btn-default.btn-rounded { -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; } .open > .dropdown-toggle.btn-default.btn-icon-fixed span[class^="icon-"], .open > .dropdown-toggle.btn-default.btn-icon-fixed span.fa { border-right: 1px solid #DBE0E4; background: #f7f7f7; } .open > .dropdown-toggle.btn-default.btn-shadowed { -webkit-box-shadow: 0px 3px 0px 0px rgba(255, 255, 255, 0.5); -moz-box-shadow: 0px 3px 0px 0px rgba(255, 255, 255, 0.5); box-shadow: 0px 3px 0px 0px rgba(255, 255, 255, 0.5); } .open > .dropdown-toggle.btn-default.btn-shadowed.btn-lg { -webkit-box-shadow: 0px 5px 0px 0px rgba(255, 255, 255, 0.5); -moz-box-shadow: 0px 5px 0px 0px rgba(255, 255, 255, 0.5); box-shadow: 0px 5px 0px 0px rgba(255, 255, 255, 0.5); } .open > .dropdown-toggle.btn-default.btn-glow { -webkit-box-shadow: 0px 0px 0px 3px rgba(255, 255, 255, 0.3); -moz-box-shadow: 0px 0px 0px 3px rgba(255, 255, 255, 0.3); box-shadow: 0px 0px 0px 3px rgba(255, 255, 255, 0.3); } .open > .dropdown-toggle.btn-primary { border-color: #232839; background: #292f43; color: #FFF; } .open > .dropdown-toggle.btn-primary:hover, .open > .dropdown-toggle.btn-primary.active, .open > .dropdown-toggle.btn-primary:active, .open > .dropdown-toggle.btn-primary:active:focus { border-color: #1a1d29; background: #232839; color: #f2f2f2; } .open > .dropdown-toggle.btn-primary:focus { border-color: #1a1d29; background: #232839; color: #FFF; } .open > .dropdown-toggle.btn-primary:focus, .open > .dropdown-toggle.btn-primary.active, .open > .dropdown-toggle.btn-primary:active, .open > .dropdown-toggle.btn-primary:active:focus { -webkit-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1); } .open > .dropdown-toggle.btn-primary:focus.btn-icon-fixed span, .open > .dropdown-toggle.btn-primary.active.btn-icon-fixed span, .open > .dropdown-toggle.btn-primary:active.btn-icon-fixed span, .open > .dropdown-toggle.btn-primary:active:focus.btn-icon-fixed span { border-color: #1a1d29; -webkit-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1); } .open > .dropdown-toggle.btn-primary.btn-clean { background: transparent; color: #292f43; } .open > .dropdown-toggle.btn-primary.btn-clean:hover, .open > .dropdown-toggle.btn-primary.btn-clean:active, .open > .dropdown-toggle.btn-primary.btn-clean:active:focus { color: #FFF; background: #292f43; border-color: #292f43; } .open > .dropdown-toggle.btn-primary.btn-rounded { -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; } .open > .dropdown-toggle.btn-primary.btn-icon-fixed span[class^="icon-"], .open > .dropdown-toggle.btn-primary.btn-icon-fixed span.fa { border-right: 1px solid #232839; background: #232839; } .open > .dropdown-toggle.btn-primary.btn-shadowed { -webkit-box-shadow: 0px 3px 0px 0px rgba(41, 47, 67, 0.5); -moz-box-shadow: 0px 3px 0px 0px rgba(41, 47, 67, 0.5); box-shadow: 0px 3px 0px 0px rgba(41, 47, 67, 0.5); } .open > .dropdown-toggle.btn-primary.btn-shadowed.btn-lg { -webkit-box-shadow: 0px 5px 0px 0px rgba(41, 47, 67, 0.5); -moz-box-shadow: 0px 5px 0px 0px rgba(41, 47, 67, 0.5); box-shadow: 0px 5px 0px 0px rgba(41, 47, 67, 0.5); } .open > .dropdown-toggle.btn-primary.btn-glow { -webkit-box-shadow: 0px 0px 0px 3px rgba(41, 47, 67, 0.3); -moz-box-shadow: 0px 0px 0px 3px rgba(41, 47, 67, 0.3); box-shadow: 0px 0px 0px 3px rgba(41, 47, 67, 0.3); } .open > .dropdown-toggle.btn-success { border-color: #6ea038; background: #76AB3C; color: #FFF; } .open > .dropdown-toggle.btn-success:hover, .open > .dropdown-toggle.btn-success.active, .open > .dropdown-toggle.btn-success:active, .open > .dropdown-toggle.btn-success:active:focus { border-color: #618d31; background: #6ea038; color: #f2f2f2; } .open > .dropdown-toggle.btn-success:focus { border-color: #618d31; background: #6ea038; color: #FFF; } .open > .dropdown-toggle.btn-success:focus, .open > .dropdown-toggle.btn-success.active, .open > .dropdown-toggle.btn-success:active, .open > .dropdown-toggle.btn-success:active:focus { -webkit-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1); } .open > .dropdown-toggle.btn-success:focus.btn-icon-fixed span, .open > .dropdown-toggle.btn-success.active.btn-icon-fixed span, .open > .dropdown-toggle.btn-success:active.btn-icon-fixed span, .open > .dropdown-toggle.btn-success:active:focus.btn-icon-fixed span { border-color: #618d31; -webkit-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1); } .open > .dropdown-toggle.btn-success.btn-clean { background: transparent; color: #76AB3C; } .open > .dropdown-toggle.btn-success.btn-clean:hover, .open > .dropdown-toggle.btn-success.btn-clean:active, .open > .dropdown-toggle.btn-success.btn-clean:active:focus { color: #FFF; background: #76AB3C; border-color: #76AB3C; } .open > .dropdown-toggle.btn-success.btn-rounded { -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; } .open > .dropdown-toggle.btn-success.btn-icon-fixed span[class^="icon-"], .open > .dropdown-toggle.btn-success.btn-icon-fixed span.fa { border-right: 1px solid #6ea038; background: #6ea038; } .open > .dropdown-toggle.btn-success.btn-shadowed { -webkit-box-shadow: 0px 3px 0px 0px rgba(118, 171, 60, 0.5); -moz-box-shadow: 0px 3px 0px 0px rgba(118, 171, 60, 0.5); box-shadow: 0px 3px 0px 0px rgba(118, 171, 60, 0.5); } .open > .dropdown-toggle.btn-success.btn-shadowed.btn-lg { -webkit-box-shadow: 0px 5px 0px 0px rgba(118, 171, 60, 0.5); -moz-box-shadow: 0px 5px 0px 0px rgba(118, 171, 60, 0.5); box-shadow: 0px 5px 0px 0px rgba(118, 171, 60, 0.5); } .open > .dropdown-toggle.btn-success.btn-glow { -webkit-box-shadow: 0px 0px 0px 3px rgba(118, 171, 60, 0.3); -moz-box-shadow: 0px 0px 0px 3px rgba(118, 171, 60, 0.3); box-shadow: 0px 0px 0px 3px rgba(118, 171, 60, 0.3); } .open > .dropdown-toggle.btn-info { border-color: #42b0db; background: #4FB5DD; color: #FFF; } .open > .dropdown-toggle.btn-info:hover, .open > .dropdown-toggle.btn-info.active, .open > .dropdown-toggle.btn-info:active, .open > .dropdown-toggle.btn-info:active:focus { border-color: #2da7d6; background: #42b0db; color: #f2f2f2; } .open > .dropdown-toggle.btn-info:focus { border-color: #2da7d6; background: #42b0db; color: #FFF; } .open > .dropdown-toggle.btn-info:focus, .open > .dropdown-toggle.btn-info.active, .open > .dropdown-toggle.btn-info:active, .open > .dropdown-toggle.btn-info:active:focus { -webkit-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1); } .open > .dropdown-toggle.btn-info:focus.btn-icon-fixed span, .open > .dropdown-toggle.btn-info.active.btn-icon-fixed span, .open > .dropdown-toggle.btn-info:active.btn-icon-fixed span, .open > .dropdown-toggle.btn-info:active:focus.btn-icon-fixed span { border-color: #2da7d6; -webkit-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1); } .open > .dropdown-toggle.btn-info.btn-clean { background: transparent; color: #4FB5DD; } .open > .dropdown-toggle.btn-info.btn-clean:hover, .open > .dropdown-toggle.btn-info.btn-clean:active, .open > .dropdown-toggle.btn-info.btn-clean:active:focus { color: #FFF; background: #4FB5DD; border-color: #4FB5DD; } .open > .dropdown-toggle.btn-info.btn-rounded { -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; } .open > .dropdown-toggle.btn-info.btn-icon-fixed span[class^="icon-"], .open > .dropdown-toggle.btn-info.btn-icon-fixed span.fa { border-right: 1px solid #42b0db; background: #42b0db; } .open > .dropdown-toggle.btn-info.btn-shadowed { -webkit-box-shadow: 0px 3px 0px 0px rgba(79, 181, 221, 0.5); -moz-box-shadow: 0px 3px 0px 0px rgba(79, 181, 221, 0.5); box-shadow: 0px 3px 0px 0px rgba(79, 181, 221, 0.5); } .open > .dropdown-toggle.btn-info.btn-shadowed.btn-lg { -webkit-box-shadow: 0px 5px 0px 0px rgba(79, 181, 221, 0.5); -moz-box-shadow: 0px 5px 0px 0px rgba(79, 181, 221, 0.5); box-shadow: 0px 5px 0px 0px rgba(79, 181, 221, 0.5); } .open > .dropdown-toggle.btn-info.btn-glow { -webkit-box-shadow: 0px 0px 0px 3px rgba(79, 181, 221, 0.3); -moz-box-shadow: 0px 0px 0px 3px rgba(79, 181, 221, 0.3); box-shadow: 0px 0px 0px 3px rgba(79, 181, 221, 0.3); } .open > .dropdown-toggle.btn-warning { border-color: #e79500; background: #F69F00; color: #FFF; } .open > .dropdown-toggle.btn-warning:hover, .open > .dropdown-toggle.btn-warning.active, .open > .dropdown-toggle.btn-warning:active, .open > .dropdown-toggle.btn-warning:active:focus { border-color: #cd8500; background: #e79500; color: #f2f2f2; } .open > .dropdown-toggle.btn-warning:focus { border-color: #cd8500; background: #e79500; color: #FFF; } .open > .dropdown-toggle.btn-warning:focus, .open > .dropdown-toggle.btn-warning.active, .open > .dropdown-toggle.btn-warning:active, .open > .dropdown-toggle.btn-warning:active:focus { -webkit-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1); } .open > .dropdown-toggle.btn-warning:focus.btn-icon-fixed span, .open > .dropdown-toggle.btn-warning.active.btn-icon-fixed span, .open > .dropdown-toggle.btn-warning:active.btn-icon-fixed span, .open > .dropdown-toggle.btn-warning:active:focus.btn-icon-fixed span { border-color: #cd8500; -webkit-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1); } .open > .dropdown-toggle.btn-warning.btn-clean { background: transparent; color: #F69F00; } .open > .dropdown-toggle.btn-warning.btn-clean:hover, .open > .dropdown-toggle.btn-warning.btn-clean:active, .open > .dropdown-toggle.btn-warning.btn-clean:active:focus { color: #FFF; background: #F69F00; border-color: #F69F00; } .open > .dropdown-toggle.btn-warning.btn-rounded { -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; } .open > .dropdown-toggle.btn-warning.btn-icon-fixed span[class^="icon-"], .open > .dropdown-toggle.btn-warning.btn-icon-fixed span.fa { border-right: 1px solid #e79500; background: #e79500; } .open > .dropdown-toggle.btn-warning.btn-shadowed { -webkit-box-shadow: 0px 3px 0px 0px rgba(246, 159, 0, 0.5); -moz-box-shadow: 0px 3px 0px 0px rgba(246, 159, 0, 0.5); box-shadow: 0px 3px 0px 0px rgba(246, 159, 0, 0.5); } .open > .dropdown-toggle.btn-warning.btn-shadowed.btn-lg { -webkit-box-shadow: 0px 5px 0px 0px rgba(246, 159, 0, 0.5); -moz-box-shadow: 0px 5px 0px 0px rgba(246, 159, 0, 0.5); box-shadow: 0px 5px 0px 0px rgba(246, 159, 0, 0.5); } .open > .dropdown-toggle.btn-warning.btn-glow { -webkit-box-shadow: 0px 0px 0px 3px rgba(246, 159, 0, 0.3); -moz-box-shadow: 0px 0px 0px 3px rgba(246, 159, 0, 0.3); box-shadow: 0px 0px 0px 3px rgba(246, 159, 0, 0.3); } .open > .dropdown-toggle.btn-danger { border-color: #ef4043; background: #F04E51; color: #FFF; } .open > .dropdown-toggle.btn-danger:hover, .open > .dropdown-toggle.btn-danger.active, .open > .dropdown-toggle.btn-danger:active, .open > .dropdown-toggle.btn-danger:active:focus { border-color: #ed282c; background: #ef4043; color: #f2f2f2; } .open > .dropdown-toggle.btn-danger:focus { border-color: #ed282c; background: #ef4043; color: #FFF; } .open > .dropdown-toggle.btn-danger:focus, .open > .dropdown-toggle.btn-danger.active, .open > .dropdown-toggle.btn-danger:active, .open > .dropdown-toggle.btn-danger:active:focus { -webkit-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1); } .open > .dropdown-toggle.btn-danger:focus.btn-icon-fixed span, .open > .dropdown-toggle.btn-danger.active.btn-icon-fixed span, .open > .dropdown-toggle.btn-danger:active.btn-icon-fixed span, .open > .dropdown-toggle.btn-danger:active:focus.btn-icon-fixed span { border-color: #ed282c; -webkit-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1); } .open > .dropdown-toggle.btn-danger.btn-clean { background: transparent; color: #F04E51; } .open > .dropdown-toggle.btn-danger.btn-clean:hover, .open > .dropdown-toggle.btn-danger.btn-clean:active, .open > .dropdown-toggle.btn-danger.btn-clean:active:focus { color: #FFF; background: #F04E51; border-color: #F04E51; } .open > .dropdown-toggle.btn-danger.btn-rounded { -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; } .open > .dropdown-toggle.btn-danger.btn-icon-fixed span[class^="icon-"], .open > .dropdown-toggle.btn-danger.btn-icon-fixed span.fa { border-right: 1px solid #ef4043; background: #ef4043; } .open > .dropdown-toggle.btn-danger.btn-shadowed { -webkit-box-shadow: 0px 3px 0px 0px rgba(240, 78, 81, 0.5); -moz-box-shadow: 0px 3px 0px 0px rgba(240, 78, 81, 0.5); box-shadow: 0px 3px 0px 0px rgba(240, 78, 81, 0.5); } .open > .dropdown-toggle.btn-danger.btn-shadowed.btn-lg { -webkit-box-shadow: 0px 5px 0px 0px rgba(240, 78, 81, 0.5); -moz-box-shadow: 0px 5px 0px 0px rgba(240, 78, 81, 0.5); box-shadow: 0px 5px 0px 0px rgba(240, 78, 81, 0.5); } .open > .dropdown-toggle.btn-danger.btn-glow { -webkit-box-shadow: 0px 0px 0px 3px rgba(240, 78, 81, 0.3); -moz-box-shadow: 0px 0px 0px 3px rgba(240, 78, 81, 0.3); box-shadow: 0px 0px 0px 3px rgba(240, 78, 81, 0.3); } .open > .dropdown-toggle.btn-link { border-color: transparent; background: transparent; color: #7F8FA4; } .open > .dropdown-toggle.btn-link:hover, .open > .dropdown-toggle.btn-link.active, .open > .dropdown-toggle.btn-link:active, .open > .dropdown-toggle.btn-link:active:focus { border-color: rgba(0, 0, 0, 0); background: rgba(0, 0, 0, 0); color: #708299; } .open > .dropdown-toggle.btn-link:focus { border-color: rgba(0, 0, 0, 0); background: rgba(0, 0, 0, 0); color: #7F8FA4; } .open > .dropdown-toggle.btn-link:focus, .open > .dropdown-toggle.btn-link.active, .open > .dropdown-toggle.btn-link:active, .open > .dropdown-toggle.btn-link:active:focus { -webkit-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .open > .dropdown-toggle.btn-link:focus.btn-icon-fixed span, .open > .dropdown-toggle.btn-link.active.btn-icon-fixed span, .open > .dropdown-toggle.btn-link:active.btn-icon-fixed span, .open > .dropdown-toggle.btn-link:active:focus.btn-icon-fixed span { border-color: rgba(0, 0, 0, 0); -webkit-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1); } .open > .dropdown-toggle.btn-link.btn-clean { background: transparent; color: transparent; } .open > .dropdown-toggle.btn-link.btn-clean:hover, .open > .dropdown-toggle.btn-link.btn-clean:active, .open > .dropdown-toggle.btn-link.btn-clean:active:focus { color: #7F8FA4; background: transparent; border-color: transparent; } .open > .dropdown-toggle.btn-link.btn-rounded { -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; } .open > .dropdown-toggle.btn-link.btn-icon-fixed span[class^="icon-"], .open > .dropdown-toggle.btn-link.btn-icon-fixed span.fa { border-right: 1px solid transparent; background: rgba(0, 0, 0, 0); } .open > .dropdown-toggle.btn-link.btn-shadowed { -webkit-box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.5); box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.5); } .open > .dropdown-toggle.btn-link.btn-shadowed.btn-lg { -webkit-box-shadow: 0px 5px 0px 0px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 5px 0px 0px rgba(0, 0, 0, 0.5); box-shadow: 0px 5px 0px 0px rgba(0, 0, 0, 0.5); } .open > .dropdown-toggle.btn-link.btn-glow { -webkit-box-shadow: 0px 0px 0px 3px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 0px 0px 3px rgba(0, 0, 0, 0.3); box-shadow: 0px 0px 0px 3px rgba(0, 0, 0, 0.3); } .btn-group.open .dropdown-toggle { -webkit-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1); } .btn-group.btn-group-justified .btn-group:nth-child(n+2) .btn { margin-left: -1px; } .btn-group.btn-group-justified .btn-group:nth-child(n+3) .btn { margin-left: -2px; } .btn-group.btn-group-justified .btn-group:nth-child(n+4) .btn { margin-left: -3px; } .btn-group.btn-group-justified .btn-group:nth-child(n+5) .btn { margin-left: -4px; } .btn-group > .btn + .dropdown-toggle { padding-left: 15px; padding-right: 15px; } .btn-group > .btn:hover, .btn-group-vertical > .btn:hover, .btn-group > .btn:focus, .btn-group-vertical > .btn:focus, .btn-group > .btn:active, .btn-group-vertical > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn.active { z-index: 0; } .input-group-btn > .btn:hover, .input-group-btn > .btn:focus, .input-group-btn > .btn:active { z-index: 0; } .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group { margin-right: -2px; } @media (max-width: 992px) { .btn { margin-bottom: 5px; } } .app .app-content-tabs { float: left; width: 100%; padding: 10px 15px 0px; background: #FFF; border-bottom: 1px solid #DBE0E4; } .app .app-content-tabs > ul { float: left; width: auto; list-style: none; padding: 0px; margin-bottom: -1px; } .app .app-content-tabs > ul > li { width: auto; } .app .app-content-tabs > ul > li > a { display: block; float: left; line-height: 30px; padding: 5px 20px; margin-right: 5px; border: 1px solid #DBE0E4; color: #7F8FA4; font-weight: 600; text-decoration: none; background: #FFF; -webkit-transition: all 100ms linear; -moz-transition: all 100ms linear; -ms-transition: all 100ms linear; -o-transition: all 100ms linear; transition: all 100ms linear; } .app .app-content-tabs > ul > li > a > span { float: left; line-height: 30px; margin-right: 10px; width: 20px; text-align: center; } .app .app-content-tabs > ul > li > a > span.close-tab { margin-right: -10px; margin-left: 10px; float: right; vertical-align: baseline; line-height: 24px; margin-top: 4px; } .app .app-content-tabs > ul > li > a span[class^="icon-"] { font-size: 20px; } .app .app-content-tabs > ul > li > a span[class^="fa-"] { font-size: 14px; } .app .app-content-tabs > ul > li > a.app-content-tabs-new { border: 0px; } .app .app-content-tabs > ul > li > a.app-content-tabs-new:hover { background: #FFF; } .app .app-content-tabs > ul > li > a:hover { color: #454545; background: #F5F5F5; } .app .app-content-tabs > ul > li > a.active { color: #1B2431; background: #EDEFF0; border-bottom-color: #EDEFF0; } .app .app-content-tabs > ul > li.icon-only > a { padding: 3px 8px; } .app .app-content-tabs > ul > li.icon-only > a > span { margin: 0px; } .app .app-content-tab { display: none; } .app .app-content-tab.active { display: block; } .app .app-heading { float: left; width: 100%; padding: 15px; background: #F9F9F9; } .app .app-heading > .button { float: left; margin-right: 20px; } .app .app-heading .icon { float: left; margin-right: 10px; width: 20px; text-align: center; color: #7F8FA4; } .app .app-heading .icon span { line-height: 40px; font-size: 20px; } .app .app-heading .icon.icon-lg { width: 30px; margin-right: 15px; } .app .app-heading .icon.icon-lg span { font-size: 30px; } .app .app-heading .title { float: left; } .app .app-heading .title h1, .app .app-heading .title h2, .app .app-heading .title h3, .app .app-heading .title h4, .app .app-heading .title h5, .app .app-heading .title h6 { margin: 0px; padding: 0px; float: left; font-size: 15px; line-height: 20px; font-weight: 600; clear: both; margin-bottom: 5px; color: #1B2431; } .app .app-heading .title h1 small, .app .app-heading .title h2 small, .app .app-heading .title h3 small, .app .app-heading .title h4 small, .app .app-heading .title h5 small, .app .app-heading .title h6 small { display: inline-block; border-left: 1px solid #DBE0E4; padding-left: 10px; margin-left: 10px; } .app .app-heading .title p { float: left; clear: both; margin-bottom: 0px; font-weight: 400; line-height: 15px; margin-top: 0px; color: #7F8FA4; } .app .app-heading .heading-elements { float: right; position: relative; } .app .app-heading.title-only { padding: 10px 15px; } .app .app-heading.title-only .title h1, .app .app-heading.title-only .title h2, .app .app-heading.title-only .title h3, .app .app-heading.title-only .title h4, .app .app-heading.title-only .title h5, .app .app-heading.title-only .title h6 { line-height: 40px; margin-bottom: 0px; } .app .app-heading.heading-transparent { margin-top: 10px; background: transparent; border: 0px; } .app .app-heading.app-heading-background { padding: 55px 15px; margin-top: 0px; border: 0px; color: #FFF; } .app .app-heading.app-heading-small > .title h1, .app .app-heading.app-heading-small > .title h2, .app .app-heading.app-heading-small > .title h3, .app .app-heading.app-heading-small > .title h4, .app .app-heading.app-heading-small > .title h5, .app .app-heading.app-heading-small > .title h6 { font-size: 14px; font-weight: 600; } .app .app-heading.app-heading-condensed { padding: 15px 0px; } .app .app-heading.app-heading-condensed.app-heading-small { padding-top: 0px; } .app .app-heading.app-heading-condensed:first-child { margin-top: 0px; } .app .app-heading.app-heading-condensed-horizontal { padding: 15px 0px; } .app .app-heading.app-heading-light > .icon { color: #F5F5F5; } .app .app-heading.app-heading-light > .title h1, .app .app-heading.app-heading-light > .title h2, .app .app-heading.app-heading-light > .title h3, .app .app-heading.app-heading-light > .title h4, .app .app-heading.app-heading-light > .title h5, .app .app-heading.app-heading-light > .title h6 { color: #FFF; } .app .app-heading.app-heading-light > .title p { color: #F5F5F5; } .app .app-heading.app-heading-lead { padding-top: 25px; } .app .app-heading.app-heading-bordered { border: 1px solid #DBE0E4; } .app .app-heading.app-heading-bordered.app-heading-page { border-top: 0px; } .app .app-heading.app-heading-bordered-bottom { border-bottom: 1px solid #DBE0E4; } .app .app-heading.app-heading-center { text-align: center; } .app .app-heading.app-heading-center > .title { width: 100%; } .app .app-heading .form-group, .app .app-heading .input-group { margin-bottom: 0px; } .app .app-heading .container.container-boxed { margin: 0px auto; } .app .app-heading > .contact { width: auto; } .app .app-heading.app-heading-condensed { padding: 10px 15px; } .app .app-heading-container { float: left; width: 100%; line-height: 40px; background: #F5F5F5; padding: 0px 15px; } .app .app-heading-container.app-heading-bordered { border: 1px solid #DBE0E4; } .app .app-heading-container.app-heading-bordered.top { border-bottom: 0px; } .app .app-heading-container.app-heading-bordered.bottom { border-top: 0px; } .app .app-heading-container .container.container-boxed { margin: 0px auto; } .app .app-content > .app-heading.app-heading-bordered, .app .app-content > .app-heading-container.app-heading-bordered { border-left: 0px; border-right: 0px; } .app .app-sidepanel .app-heading { background: transparent; } .app .breadcrumb { float: left; background: transparent; border-radius: 0px; margin-bottom: 0px; padding: 12px 0px 13px; width: auto; } .app .breadcrumb > li { line-height: 15px; float: left; font-size: 12px; width: auto; } .app .breadcrumb > li > a { float: left; line-height: 15px; color: #7F8FA4; text-decoration: none; -webkit-transition: color 100ms linear; -moz-transition: color 100ms linear; -ms-transition: color 100ms linear; -o-transition: color 100ms linear; transition: color 100ms linear; } .app .breadcrumb > li > a:hover { color: #64758c; } .app .breadcrumb > li.active { color: #454545; } .app .breadcrumb > li + li:before { line-height: 14px; padding: 0px 0px 0px 2px; content: "\f105"; font-family: "FontAwesome"; font-size: 12px; float: left; width: 20px; text-align: center; color: #7F8FA4; margin-top: 1px; } .app .breadcrumb.breadcrumb-condensed { padding: 0px; } .app .app-header .breadcrumb { margin-right: 10px; } .app .pagination { width: auto; margin: 0px; } .app .pagination li { width: auto; } .app .pagination li > a, .app .pagination li > span { padding: 10px; line-height: 20px; border-color: #DBE0E4; background: #FFF; min-width: 40px; text-align: center; color: #454545; -webkit-transition: all 100ms linear; -moz-transition: all 100ms linear; -ms-transition: all 100ms linear; -o-transition: all 100ms linear; transition: all 100ms linear; margin-bottom: 3px; } .app .pagination li > a:hover { background: #F5F5F5; } .app .pagination li.active > a, .app .pagination li.active span { background: #2D3349; color: #FFF; } .app .pagination li.disabled > a, .app .pagination li.disabled span { -webkit-opacity: 0.7; -moz-opacity: 0.7; opacity: 0.7; } .app .pagination li.disabled > a:hover { background: #FFF; } .app .pagination.pagination-separated li { margin-right: 5px; } .app .pagination.pagination-separated li:last-child { margin-right: 0px; } .app .pagination.pagination-rounded li { margin-right: 5px; } .app .pagination.pagination-rounded li > a, .app .pagination.pagination-rounded li > span { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .app .pagination.pagination-noborder li { margin-right: 5px; } .app .pagination.pagination-noborder li > a, .app .pagination.pagination-noborder li > span { border: 0px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .app .pagination.pagination-sm li > a, .app .pagination.pagination-sm li > span { padding: 0px 10px; min-width: 20px; font-size: 12px; } .app .pagination.pagination-lg li > a, .app .pagination.pagination-lg li > span { padding: 20px 10px; min-width: 60px; } .app .pager li { width: auto; float: none; } .app .pager li > a { color: #454545; background: #FFF; -webkit-transition: all 100ms linear; -moz-transition: all 100ms linear; -ms-transition: all 100ms linear; -o-transition: all 100ms linear; transition: all 100ms linear; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; line-height: 20px; padding: 10px 15px; } .app .pager li > a:hover { background: #F5F5F5; } .app .pager li.disabled > a { -webkit-opacity: 0.7; -moz-opacity: 0.7; opacity: 0.7; } .app .pager li.disabled > a:hover { color: #454545; background: #FFF; } .app .container { float: left; width: 100%; margin: 15px 0px 15px; } .app .container > .app-heading { margin-top: 15px; } .app .container.container-boxed { width: 1200px; margin: 15px auto; float: none; zoom: 1; } .app .container.container-boxed:before, .app .container.container-boxed:after { content: ""; display: table; } .app .container.container-boxed:after { clear: both; } .app .container.container-full-size { width: 100%; margin: 0px; padding: 0px; } .app .row.row-table { margin-left: 0px; margin-right: 0px; border-bottom: 1px solid #DBE0E4; } .app .row.row-table > div[class^="col-"] { border-right: 1px solid #DBE0E4; } .app .row.row-table > div[class^="col-"]:last-child { border-right: 0px; } .app .row-table-holder { padding: 0px !important; margin: 0px !important; } .app .row-table-holder .row.row-table > div[class^="col-"] { padding: 15px 15px; } .app .row-table-holder .row.row-table:last-child { border-bottom: 0px; } .app .modal-content-calling { background: #292f43; color: #FFF; } .app .call-box { float: left; width: 100%; background: #292f43; color: #FFF; padding: 15px 15px 15px 70px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-bottom: 15px; position: relative; } .app .call-box .call-box-endcall { position: absolute; left: 15px; top: 15px; } .app .call-box .call-box-timer { float: left; width: 100%; height: 40px; line-height: 40px; background: #1f2433; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 0px 20px; text-align: center; } .app .call-box .call-box-timer .timer { float: left; width: 50%; font-size: 13px; font-weight: 600; } .app .call-box .call-box-timer .status { float: left; width: 50%; font-size: 13px; font-weight: 600; opacity: 0.5; font-style: italic; } .app .calling { width: 150px; height: 150px; text-align: center; margin: 10px auto 20px; position: relative; color: #FFF; -webkit-animation: pulse-call 1s linear infinite; animation: pulse-call 1s linear infinite; } .app .calling:before, .app .calling:after { width: 120px; height: 120px; background: rgba(79, 181, 221, 0.3); position: absolute; left: 15px; top: 15px; content: " "; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; z-index: 1; } .app .calling:after { width: 90px; height: 90px; left: 30px; top: 30px; } .app .calling span { position: absolute; width: 150px; height: 150px; line-height: 150px; font-size: 56px; left: 0px; top: 0px; background: rgba(79, 181, 221, 0.2); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; z-index: 2; } .app .table-responsive { float: left; width: 100%; } .app .app-sidebar-user { float: left; width: 100%; background: rgba(0, 0, 0, 0.4); padding: 15px 10px 15px 15px; } .app .app-sidebar-user > .contact.contact-bordered:after { border-color: rgba(0, 0, 0, 0.3); } .app .app-sidebar-user > .contact.contact-lg { margin: 0px; } .app .container.container-full-size.block-flying-container { position: relative; } .app .container.container-full-size.block-flying-container .block.block-flying { position: absolute; float: none; width: 400px; height: 96%; top: 2%; left: 15px; z-index: 1000; } @media (max-width: 992px) { .app .app-content-tabs > ul > li > a { font-size: 0px; text-indent: -9999px; } .app .app-content-tabs > ul > li > a > span { text-indent: initial; margin-right: 0px; } .app .app-content-tabs > ul > li > a > span.close-tab { display: none; } .app .row.row-table { border-bottom: 0px; } .app .row.row-table > div[class^="col-"] { border-bottom: 1px solid #DBE0E4; border-right: 0px; margin-bottom: 0px; } .app .call-box div[class^="col-"] { float: left; width: 100%; margin-bottom: 15px; } } @media (max-width: 480px) { .app .app-heading .heading-elements { float: left; width: 100%; margin-top: 10px; } .app .app-heading.title-only .heading-elements { margin-top: 0px; } } @media (max-width: 1200px) { .app .container.container-boxed { float: left; width: 100%; } } @-webkit-keyframes "pulse-call" { 0% { opacity: 1; } 80% { opacity: 0.8; } 100% { opacity: 1; } } @keyframes "pulse-call" { 0% { opacity: 1; } 80% { opacity: 0.8; } 100% { opacity: 1; } } .app .block { position: relative; float: left; width: 100%; padding: 10px 20px 20px; margin-bottom: 15px; background: #FFF; border: 1px solid #DBE0E4; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .app .block .app-heading { background: transparent; } .app .block > .app-heading { margin-top: 20px; margin-bottom: 15px; padding: 15px 0px; } .app .block > .app-heading:first-child { margin-top: 0px; } .app .block > .block-heading { float: left; width: 100%; margin-bottom: 15px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 0px; -webkit-border-bottom-left-radius: 0px; -webkit-border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 0px; -moz-border-radius-topleft: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; border-top-left-radius: 5px; } .app .block > .block-content { float: left; width: 100%; margin-bottom: 15px; } .app .block > .block-content.mCustomScrollbar { padding-right: 0px !important; } .app .block > .block-content.mCustomScrollbar .mCSB_container { padding-right: 20px; } .app .block .block-content.block-content-inside { float: left; width: 100%; padding: 15px; } .app .block > .block-footer { float: left; width: 100%; -webkit-border-top-right-radius: 0px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -webkit-border-top-left-radius: 0px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-topleft: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; border-top-left-radius: 0px; } .app .block .block-divider { float: left; width: 100%; height: 1px; background: #DBE0E4; margin-bottom: 15px; position: relative; margin-top: 10px; } .app .block .block-divider span { display: block; position: absolute; width: 20px; height: 20px; background: #FFF; text-align: center; line-height: 20px; left: 50%; top: -10px; margin-left: -10px; } .app .block .block-divider span.fa { font-size: 14px; } .app .block .block-divider span[class^='icon-'] { font-size: 20px; } .app .block .block-divider.dir-left span { left: 20px; margin-left: 0px; } .app .block .block-divider.dir-right span { right: 20px; margin-left: 0px; } .app .block .block-divider-text { float: left; width: 100%; padding: 5px 20px; line-height: 20px; margin-top: 10px; margin-bottom: 15px; background: #f2f2f2; border-top: 1px solid #DBE0E4; border-bottom: 1px solid #DBE0E4; font-size: 10px; font-weight: 700; text-transform: uppercase; } .app .block .block-divider-text span { margin-right: 5px; } .app .block .block-divider-text span.fa { font-size: 14px; } .app .block .block-divider-text span[class^='icon-'] { font-size: 20px; } .app .block.block-highlight { -webkit-box-shadow: 0px 4px 20px 5px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0px 4px 20px 5px rgba(0, 0, 0, 0.05); box-shadow: 0px 4px 20px 5px rgba(0, 0, 0, 0.05); } .app .block.block-highlight-hover { -webkit-transition: box-shadow 100ms linear; -moz-transition: box-shadow 100ms linear; -ms-transition: box-shadow 100ms linear; -o-transition: box-shadow 100ms linear; transition: box-shadow 100ms linear; } .app .block.block-highlight-hover:hover { -webkit-box-shadow: 0px 4px 20px 5px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0px 4px 20px 5px rgba(0, 0, 0, 0.05); box-shadow: 0px 4px 20px 5px rgba(0, 0, 0, 0.05); } .app .block.block-primary { border-top: 2px solid #292f43; -webkit-border-top-right-radius: 0px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -webkit-border-top-left-radius: 0px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-topleft: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; border-top-left-radius: 0px; } .app .block.block-success { border-top: 2px solid #76AB3C; -webkit-border-top-right-radius: 0px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -webkit-border-top-left-radius: 0px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-topleft: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; border-top-left-radius: 0px; } .app .block.block-warning { border-top: 2px solid #F69F00; -webkit-border-top-right-radius: 0px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -webkit-border-top-left-radius: 0px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-topleft: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; border-top-left-radius: 0px; } .app .block.block-info { border-top: 2px solid #4FB5DD; -webkit-border-top-right-radius: 0px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -webkit-border-top-left-radius: 0px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-topleft: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; border-top-left-radius: 0px; } .app .block.block-danger { border-top: 2px solid #F04E51; -webkit-border-top-right-radius: 0px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -webkit-border-top-left-radius: 0px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-topleft: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; border-top-left-radius: 0px; } .app .block.block-condensed { padding: 0px; } .app .block.block-condensed > .app-heading { padding: 20px 20px 15px; } .app .block.block-condensed > .block-heading { padding: 10px 20px; background: #F5F5F5; border-bottom: 1px solid #DBE0E4; } .app .block.block-condensed > .block-heading > .app-heading { padding: 10px 0px; background: transparent; } .app .block.block-condensed > .block-content { padding: 0px 20px; } .app .block.block-condensed > .block-footer { background: #F5F5F5; border-top: 1px solid #DBE0E4; padding: 20px; } .app .block.block-condensed-v { padding: 0px 15px; } .app .block.block-condensed-h { padding: 15px 0px; } .app .block.block-toggled { padding-bottom: 10px; } .app .block.block-toggled > .app-heading { margin-bottom: 0px; } .app .block.block-toggled > .block-content, .app .block.block-toggled > .block-footer { display: none; } .app .block.block-expanded { position: fixed; width: 100%; height: 100%; left: 0px; top: 0px; z-index: 1050; border: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } .app .block.block-arrow-top { position: relative; } .app .block.block-arrow-top:after, .app .block.block-arrow-top:before { bottom: 100%; left: 30px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .app .block.block-arrow-top:after { border-color: rgba(136, 183, 213, 0); border-bottom-color: #FFF; border-width: 10px; margin-left: -10px; } .app .block.block-arrow-top:before { border-color: rgba(194, 225, 245, 0); border-bottom-color: #DBE0E4; border-width: 11px; margin-left: -11px; } .app .block > .block-loading-layer { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.5); } .app .block > .block-loading-layer .app-spinner { position: absolute; left: 50%; top: 50%; margin: -10px 0px 0px -10px; } .app .panel { float: left; width: 100%; } .app .panel > .panel-heading, .app .panel > .panel-body, .app .panel > .panel-footer { float: left; width: 100%; } .app .panel > .panel-heading { padding: 10px 15px; line-height: 40px; } .app .panel > .panel-heading .panel-title { float: left; line-height: 40px; font-size: 14px; font-weight: 600; width: auto; } .app .panel > .panel-heading .panel-title span { float: left; margin-right: 10px; line-height: 40px; } .app .panel > .panel-heading .panel-title span[class^='icon-'] { font-size: 20px; } .app .panel > .panel-heading .panel-title span.fa { font-size: 14px; } .app .panel > .panel-footer { padding: 10px 15px; line-height: 40px; } .app .panel .panel-elements { float: left; margin-left: -5px; } .app .panel .panel-elements .btn { float: left; } .app .panel .panel-elements .form-group, .app .panel .panel-elements .input-group { margin-bottom: 0px; } .app .panel .panel-elements.pull-right { margin-left: 0px; margin-right: -5px; } .app .panel .panel-elements.panel-elements-cp { margin-left: 0px; } .app .panel .panel-elements.panel-elements-cp.pull-right { margin-right: 0px; } .app .panel .panel-collapse { float: left; width: 100%; } .app .panel.panel-default { border-color: #DBE0E4; } .app .panel.panel-default .panel-heading, .app .panel.panel-default .panel-footer { border-color: #DBE0E4; } .app .panel.panel-toggled > div:not(.panel-heading) { display: none; } .app .panel.panel-expanded { position: fixed; width: 100%; height: 100%; left: 0px; top: 0px; z-index: 1050; border: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } .app .panel-group .panel > .panel-heading { padding: 5px 15px; } .app .panel-group .panel > .panel-heading .panel-elements { margin-left: -10px; } .app .panel-group .panel > .panel-heading .panel-elements.pull-right { margin-right: -10px; } .alert { position: relative; float: left; width: 100%; margin-bottom: 15px; line-height: 20px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .alert .alert-icon { float: left; width: 20px; height: 20px; margin-right: 10px; line-height: 20px; text-align: center; } .alert .alert-icon span.fa { font-size: 14px; } .alert .alert-icon span[class^='icon-'] { font-size: 20px; } .alert.alert-icon-block { padding-left: 60px; position: relative; } .alert.alert-icon-block .alert-icon { position: absolute; left: 0px; top: 0px; min-width: 50px; height: 100%; padding: 15px; -webkit-border-top-right-radius: 0px; -webkit-border-bottom-right-radius: 0px; -webkit-border-bottom-left-radius: 5px; -webkit-border-top-left-radius: 5px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-topleft: 5px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 5px; border-top-left-radius: 5px; } .alert.alert-icon-block.dir-right { padding-left: 15px; padding-right: 60px; } .alert.alert-icon-block.dir-right .alert-icon { left: auto; right: 0px; margin-right: 0px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 0px; -webkit-border-top-left-radius: 0px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 0px; -moz-border-radius-topleft: 0px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 0px; border-top-left-radius: 0px; } .alert.alert-transparency { opacity: 0.8; } .alert strong { font-weight: 600; } .alert.alert-default { background: #FFF; color: #454545; border: 1px solid #DBE0E4; } .alert.alert-default.alert-icon-block .alert-icon { background: #f7f7f7; border-right: 1px solid #dee3e6; } .alert.alert-default.alert-icon-block.dir-right .alert-icon { border-right: 0px; border-left: 1px solid #dee3e6; } .alert.alert-primary { background: #292f43; color: #FFF; border: 1px solid #232839; } .alert.alert-primary.alert-icon-block .alert-icon { background: #232839; border-right: 1px solid #252a3c; } .alert.alert-primary.alert-icon-block.dir-right .alert-icon { border-right: 0px; border-left: 1px solid #252a3c; } .alert.alert-success { background: #76AB3C; color: #FFF; border: 1px solid #6ea038; } .alert.alert-success.alert-icon-block .alert-icon { background: #6ea038; border-right: 1px solid #71a339; } .alert.alert-success.alert-icon-block.dir-right .alert-icon { border-right: 0px; border-left: 1px solid #71a339; } .alert.alert-info { background: #4FB5DD; color: #FFF; border: 1px solid #42b0db; } .alert.alert-info.alert-icon-block .alert-icon { background: #42b0db; border-right: 1px solid #46b1db; } .alert.alert-info.alert-icon-block.dir-right .alert-icon { border-right: 0px; border-left: 1px solid #46b1db; } .alert.alert-warning { background: #F69F00; color: #FFF; border: 1px solid #e79500; } .alert.alert-warning.alert-icon-block .alert-icon { background: #e79500; border-right: 1px solid #ec9800; } .alert.alert-warning.alert-icon-block.dir-right .alert-icon { border-right: 0px; border-left: 1px solid #ec9800; } .alert.alert-danger { background: #F04E51; color: #FFF; border: 1px solid #ef4043; } .alert.alert-danger.alert-icon-block .alert-icon { background: #ef4043; border-right: 1px solid #ef4548; } .alert.alert-danger.alert-icon-block.dir-right .alert-icon { border-right: 0px; border-left: 1px solid #ef4548; } .alert.alert-inside { border: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } .alert.alert-dismissible > .close { position: absolute; right: 10px; top: 12px; color: #FFF; -webkit-transition: opacity 100ms linear; -moz-transition: opacity 100ms linear; -ms-transition: opacity 100ms linear; -o-transition: opacity 100ms linear; transition: opacity 100ms linear; } .alert.alert-dismissible > .close span { line-height: 20px; } .alert.alert-dismissible > .close .fa { font-size: 14px; } .alert.alert-dismissible > .close span[class^='icon-'] { font-size: 20px; } .alert.alert-dismissible.alert-default .close { color: #000; } .nav > li > a { padding: 9px 15px; -webkit-transition: all 100ms linear; -moz-transition: all 100ms linear; -ms-transition: all 100ms linear; -o-transition: all 100ms linear; transition: all 100ms linear; } .nav > li > a:hover { background: #F5F5F5; border-color: transparent; border-bottom-color: #DBE0E4; } .nav.nav-tabs > li { width: auto; } .nav.nav-tabs > li > a { color: #454545; font-weight: 600; } .nav.nav-tabs > li.active > a { border-color: #DBE0E4; border-bottom-color: #FFF; } .nav.nav-pills > li { width: auto; margin-right: 5px; } .nav.nav-pills > li > a { color: #454545; background: transparent; border: 1px solid transparent; font-weight: 600; } .nav.nav-pills > li > a:hover { background: #F5F5F5; } .nav.nav-pills > li.active > a { background: #2D3349; color: #FFF; } .nav.nav-pills.nav-pills-bordered > li > a:hover { border: 1px solid transparent; } .nav.nav-pills.nav-pills-bordered > li.active > a { background: transparent; border: 1px solid #2D3349; color: #2D3349; } .nav.nav-justified > li { width: 1%; } .tab-content { float: left; width: 100%; margin-top: 20px; } .tab-content.tab-content-bordered { margin-top: 0px; background: #FFF; border: 1px solid #DBE0E4; border-top: 0px; padding: 15px; -webkit-border-top-right-radius: 0px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -webkit-border-top-left-radius: 0px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-topleft: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; border-top-left-radius: 0px; } @media (max-width: 992px) { .nav.nav-justified > li { width: 100%; } .nav.nav-justified > li > a { border: 1px solid #DBE0E4; } .tab-content.tab-content-bordered { border: 1px solid #DBE0E4; } } .dropdown, .dropup { float: left; } .dropdown-menu { margin-top: 5px; min-width: 220px; background: #FFF; border-color: #DBE0E4; -webkit-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1); box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1); } .dropdown-menu > li { /* icons support */ /* end icons support */ /* checkbox and radio support */ /* end checkbox and radio support */ } .dropdown-menu > li > a { display: block; float: left; width: 100%; padding: 5px 15px; line-height: 30px; -webkit-transition: background 100ms linear; -moz-transition: background 100ms linear; -ms-transition: background 100ms linear; -o-transition: background 100ms linear; transition: background 100ms linear; } .dropdown-menu > li > a .label { margin-top: 5px; } .dropdown-menu > li > a .label.pull-right { position: absolute; right: 15px; } .dropdown-menu > li span[class^='icon-'], .dropdown-menu > li .fa { float: left; margin-right: 10px; line-height: 30px; } .dropdown-menu > li span[class^='icon-'] { font-size: 20px; } .dropdown-menu > li .fa { font-size: 14px; } .dropdown-menu > li .app-checkbox, .dropdown-menu > li .app-radio { float: left; width: auto; margin: 5px 0px; } .dropdown-menu > li.active > a, .dropdown-menu > li.active > a:hover, .dropdown-menu > li.active > a:focus { background: #F5F5F5; color: #454545; } .dropdown-menu > li.dropdown-header { margin-top: 5px; padding: 5px 15px; line-height: 30px; font-size: 13px; color: #454545; font-weight: 600; } .dropdown-menu > li.dropdown-header.highlight { background: #ededed; } .dropdown-menu > li.dropdown-header:first-child { margin-top: 0px; } .dropdown-menu .divider { margin: 5px 0px; } .dropdown-menu.dropdown-left { left: auto; right: 0px; } .dropdown-menu.dropdown-form { padding: 0px; width: 340px; } .dropdown-menu.dropdown-form > li { padding: 15px; } .dropdown-menu.dropdown-form > li > span[class^='icon-'], .dropdown-menu.dropdown-form > li .fa { float: none; margin-right: 0px; line-height: 20px; } .dropdown-menu.dropdown-form.dropdown-form-wide { width: 420px; } .popover { padding: 0px; border: 1px solid #DBE0E4; -webkit-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1); box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1); } .popover > .arrow { border-width: 6px; } .popover > .arrow:after { border-width: 5px; } .popover.top > .arrow { margin-left: -5px; bottom: -6px; } .popover.top > .arrow:after { margin-left: -5px; } .popover.left > .arrow { right: -6px; margin-top: -5px; } .popover.left > .arrow:after { bottom: -5px; } .popover.right > .arrow { left: -6px; margin-top: -5px; } .popover.right > .arrow:after { bottom: -5px; } .popover.bottom > .arrow { margin-left: -5px; top: -6px; } .popover.bottom > .arrow:after { margin-left: -5px; } .popover .popover-title { float: left; width: 100%; padding: 10px 15px; line-height: 20px; font-weight: 600; border: 0px; border-bottom: 1px solid #DBE0E4; } .popover .popover-content { float: left; width: 100%; padding: 15px; } .modal .modal-dialog { margin: 100px auto 0px; } .modal .modal-dialog .modal-content { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; border-color: transparent; -webkit-box-shadow: 0px 0px 0px 10px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 0px 10px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 0px 10px rgba(0, 0, 0, 0.1); zoom: 1; } .modal .modal-dialog .modal-content:before, .modal .modal-dialog .modal-content:after { content: ""; display: table; } .modal .modal-dialog .modal-content:after { clear: both; } .modal .modal-dialog .modal-content .modal-header { border: 0px; float: left; width: 100%; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } .modal .modal-dialog .modal-content .modal-header .modal-title { width: auto; font-size: 14px; font-weight: 600; line-height: 30px; } .modal .modal-dialog .modal-content .modal-body { float: left; width: 100%; } .modal .modal-dialog .modal-content .modal-body .app-heading { background: transparent; } .modal .modal-dialog .modal-content .modal-footer { float: left; width: 100%; border: 0px; } .modal .modal-dialog > .close { position: absolute; top: -14px; right: -35px; color: #FFF; width: 20px; height: 20px; line-height: 20px; text-align: center; opacity: 0.5; -webkit-transition: opacity 100ms linear; -moz-transition: opacity 100ms linear; -ms-transition: opacity 100ms linear; -o-transition: opacity 100ms linear; transition: opacity 100ms linear; } .modal .modal-dialog > .close [class^="icon-"] { font-size: 20px; } .modal .modal-dialog > .close .fa { font-size: 14px; } .modal .modal-dialog > .close:hover { opacity: 0.8; } .modal .modal-dialog.modal-fw { width: 94%; } .modal .modal-dialog.modal-primary .modal-header { background: #292f43; } .modal .modal-dialog.modal-primary .modal-header .modal-title { color: #FFF; } .modal .modal-dialog.modal-info .modal-header { background: #4FB5DD; } .modal .modal-dialog.modal-info .modal-header .modal-title { color: #FFF; } .modal .modal-dialog.modal-success .modal-header { background: #76AB3C; } .modal .modal-dialog.modal-success .modal-header .modal-title { color: #FFF; } .modal .modal-dialog.modal-warning .modal-header { background: #F69F00; } .modal .modal-dialog.modal-warning .modal-header .modal-title { color: #FFF; } .modal .modal-dialog.modal-danger .modal-header { background: #F04E51; } .modal .modal-dialog.modal-danger .modal-header .modal-title { color: #FFF; } .tooltip .tooltip-inner { font-size: 9px; text-transform: uppercase; font-weight: 600; letter-spacing: 1.1px; padding: 5px 10px; } .noty_text strong { text-transform: uppercase; font-size: 11px; font-weight: 700; margin-bottom: 5px; display: block; width: 100%; } @media (max-width: 992px) { .modal { padding-left: 15px; } .modal .modal-dialog { margin: 50px auto 0px; width: 100%; } .modal .modal-dialog .modal-content { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; width: 100%; } } .app-accordion { float: left; width: 100%; } .app-accordion .item { float: left; width: 100%; overflow: hidden; height: 50px; border: 1px solid #DBE0E4; border-bottom: 0px; } .app-accordion .item .heading { float: left; width: 100%; height: 50px; background: #FFF; padding: 0px 20px; cursor: pointer; -webkit-transition: background 100ms linear; -moz-transition: background 100ms linear; -ms-transition: background 100ms linear; -o-transition: background 100ms linear; transition: background 100ms linear; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .app-accordion .item .heading .title { float: left; font-size: 14px; font-weight: 600; line-height: 50px; margin: 0px; padding: 0px; } .app-accordion .item .heading:hover { background: #F5F5F5; } .app-accordion .item .content { float: left; width: 100%; } .app-accordion .item .content .block { padding: 15px; border: 0px; } .app-accordion .item.open .heading { border-bottom: 1px solid #e8e8e8; background: #F5F5F5; } .app-accordion .item:first-child { -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 0px; -webkit-border-bottom-left-radius: 0px; -webkit-border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 0px; -moz-border-radius-topleft: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; border-top-left-radius: 5px; } .app-accordion .item:last-child { border-bottom: 1px solid #DBE0E4; -webkit-border-top-right-radius: 0px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -webkit-border-top-left-radius: 0px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-topleft: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; border-top-left-radius: 0px; } .app-accordion.app-accordion-simple .item.open { height: auto; } .app .app-sidebar > .app-accordion { overflow-y: hidden; background: #FFF; border-left: 1px solid #DBE0E4; } .app .app-sidebar > .app-accordion .item { border-left: 0px; border-right: 0px; } .app .label { position: relative; line-height: 14px; padding: 3px 5px; font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-transition: all 100ms linear; -moz-transition: all 100ms linear; -ms-transition: all 100ms linear; -o-transition: all 100ms linear; transition: all 100ms linear; } .app .label.label-default { background: #DBE0E4 !important; color: #454545 !important; } .app .label.label-primary { background: #292f43 !important; color: #FFF !important; } .app .label.label-success { background: #76AB3C !important; color: #FFF !important; } .app .label.label-info { background: #4FB5DD !important; color: #FFF !important; } .app .label.label-warning { background: #F69F00 !important; color: #FFF !important; } .app .label.label-danger { background: #F04E51 !important; color: #FFF !important; } .app .label.label-bordered { padding: 2px 5px; background: transparent; } .app .label.label-bordered.label-default { border: 1px solid #DBE0E4; color: #454545; } .app .label.label-bordered.label-default.label-ghost { -webkit-box-shadow: 0px 0px 0px 3px rgba(219, 224, 228, 0.15); -moz-box-shadow: 0px 0px 0px 3px rgba(219, 224, 228, 0.15); box-shadow: 0px 0px 0px 3px rgba(219, 224, 228, 0.15); } .app .label.label-bordered.label-default[href]:hover { background: transparent; border-color: #bec7ce; color: #2b2b2b; } .app .label.label-bordered.label-primary { border: 1px solid #292f43; color: #292f43; } .app .label.label-bordered.label-primary.label-ghost { -webkit-box-shadow: 0px 0px 0px 3px rgba(41, 47, 67, 0.15); -moz-box-shadow: 0px 0px 0px 3px rgba(41, 47, 67, 0.15); box-shadow: 0px 0px 0px 3px rgba(41, 47, 67, 0.15); } .app .label.label-bordered.label-primary[href]:hover { background: transparent; border-color: #161923; color: #161923; } .app .label.label-bordered.label-success { border: 1px solid #76AB3C; color: #76AB3C; } .app .label.label-bordered.label-success.label-ghost { -webkit-box-shadow: 0px 0px 0px 3px rgba(118, 171, 60, 0.15); -moz-box-shadow: 0px 0px 0px 3px rgba(118, 171, 60, 0.15); box-shadow: 0px 0px 0px 3px rgba(118, 171, 60, 0.15); } .app .label.label-bordered.label-success[href]:hover { background: transparent; border-color: #5c852f; color: #5c852f; } .app .label.label-bordered.label-info { border: 1px solid #4FB5DD; color: #4FB5DD; } .app .label.label-bordered.label-info.label-ghost { -webkit-box-shadow: 0px 0px 0px 3px rgba(79, 181, 221, 0.15); -moz-box-shadow: 0px 0px 0px 3px rgba(79, 181, 221, 0.15); box-shadow: 0px 0px 0px 3px rgba(79, 181, 221, 0.15); } .app .label.label-bordered.label-info[href]:hover { background: transparent; border-color: #28a1d1; color: #28a1d1; } .app .label.label-bordered.label-warning { border: 1px solid #F69F00; color: #F69F00; } .app .label.label-bordered.label-warning.label-ghost { -webkit-box-shadow: 0px 0px 0px 3px rgba(246, 159, 0, 0.15); -moz-box-shadow: 0px 0px 0px 3px rgba(246, 159, 0, 0.15); box-shadow: 0px 0px 0px 3px rgba(246, 159, 0, 0.15); } .app .label.label-bordered.label-warning[href]:hover { background: transparent; border-color: #c37e00; color: #c37e00; } .app .label.label-bordered.label-danger { border: 1px solid #F04E51; color: #F04E51; } .app .label.label-bordered.label-danger.label-ghost { -webkit-box-shadow: 0px 0px 0px 3px rgba(240, 78, 81, 0.15); -moz-box-shadow: 0px 0px 0px 3px rgba(240, 78, 81, 0.15); box-shadow: 0px 0px 0px 3px rgba(240, 78, 81, 0.15); } .app .label.label-bordered.label-danger[href]:hover { background: transparent; border-color: #ec1f23; color: #ec1f23; } .app .label.label-rounded { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding-left: 8px; padding-right: 8px; } .app .label.label-ghost { margin: 0px 0px 0px 5px; } .app .badge { padding: 4px 6px 5px; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .app .badge.badge-primary { background: #292f43; color: #FFF; } .app .badge.badge-primary[href]:hover { background: #161923; color: #e6e6e6; } .app .badge.badge-success { background: #76AB3C; color: #FFF; } .app .badge.badge-success[href]:hover { background: #5c852f; color: #e6e6e6; } .app .badge.badge-info { background: #4FB5DD; color: #FFF; } .app .badge.badge-info[href]:hover { background: #28a1d1; color: #e6e6e6; } .app .badge.badge-warning { background: #F69F00; color: #FFF; } .app .badge.badge-warning[href]:hover { background: #c37e00; color: #e6e6e6; } .app .badge.badge-danger { background: #F04E51; color: #FFF; } .app .badge.badge-danger[href]:hover { background: #ec1f23; color: #e6e6e6; } .app .badge.badge-bordered { background: transparent; padding: 2px 7px 3px; } .app .badge.badge-bordered.badge-default { border: 2px solid #DBE0E4; color: #454545; } .app .badge.badge-bordered.badge-primary { border: 2px solid #292f43; color: #292f43; } .app .badge.badge-bordered.badge-success { border: 2px solid #76AB3C; color: #76AB3C; } .app .badge.badge-bordered.badge-info { border: 2px solid #4FB5DD; color: #4FB5DD; } .app .badge.badge-bordered.badge-warning { border: 2px solid #F69F00; color: #F69F00; } .app .badge.badge-bordered.badge-danger { border: 2px solid #F04E51; color: #F04E51; } .app .label-icon { line-height: 20px; padding: 5px; text-align: center; min-width: 30px; background: #DBE0E4; display: inline-block; border-radius: 3px; -webkit-transition: all 100ms linear; -moz-transition: all 100ms linear; -ms-transition: all 100ms linear; -o-transition: all 100ms linear; transition: all 100ms linear; text-decoration: none; } .app .label-icon.label-icon-primary { background: #292f43; color: #FFF; } .app .label-icon.label-icon-primary[href]:hover { background: #161923; color: #e6e6e6; } .app .label-icon.label-icon-success { background: #76AB3C; color: #FFF; } .app .label-icon.label-icon-success[href]:hover { background: #5c852f; color: #e6e6e6; } .app .label-icon.label-icon-info { background: #4FB5DD; color: #FFF; } .app .label-icon.label-icon-info[href]:hover { background: #28a1d1; color: #e6e6e6; } .app .label-icon.label-icon-warning { background: #F69F00; color: #FFF; } .app .label-icon.label-icon-warning[href]:hover { background: #c37e00; color: #e6e6e6; } .app .label-icon.label-icon-danger { background: #F04E51; color: #FFF; } .app .label-icon.label-icon-danger[href]:hover { background: #ec1f23; color: #e6e6e6; } .app .label-icon.label-icon-bordered { background: transparent; padding: 4px 5px; } .app .label-icon.label-icon-bordered.label-icon-default { border: 1px solid #DBE0E4; color: #454545; } .app .label-icon.label-icon-bordered.label-icon-default.label-ghost { -webkit-box-shadow: 0px 0px 0px 3px rgba(219, 224, 228, 0.15); -moz-box-shadow: 0px 0px 0px 3px rgba(219, 224, 228, 0.15); box-shadow: 0px 0px 0px 3px rgba(219, 224, 228, 0.15); } .app .label-icon.label-icon-bordered.label-icon-default[href]:hover { background: transparent; border-color: #bec7ce; color: #2b2b2b; } .app .label-icon.label-icon-bordered.label-icon-primary { border: 1px solid #292f43; color: #292f43; } .app .label-icon.label-icon-bordered.label-icon-primary.label-ghost { -webkit-box-shadow: 0px 0px 0px 3px rgba(41, 47, 67, 0.15); -moz-box-shadow: 0px 0px 0px 3px rgba(41, 47, 67, 0.15); box-shadow: 0px 0px 0px 3px rgba(41, 47, 67, 0.15); } .app .label-icon.label-icon-bordered.label-icon-primary[href]:hover { background: transparent; border-color: #161923; color: #161923; } .app .label-icon.label-icon-bordered.label-icon-success { border: 1px solid #76AB3C; color: #76AB3C; } .app .label-icon.label-icon-bordered.label-icon-success.label-ghost { -webkit-box-shadow: 0px 0px 0px 3px rgba(118, 171, 60, 0.15); -moz-box-shadow: 0px 0px 0px 3px rgba(118, 171, 60, 0.15); box-shadow: 0px 0px 0px 3px rgba(118, 171, 60, 0.15); } .app .label-icon.label-icon-bordered.label-icon-success[href]:hover { background: transparent; border-color: #5c852f; color: #5c852f; } .app .label-icon.label-icon-bordered.label-icon-info { border: 1px solid #4FB5DD; color: #4FB5DD; } .app .label-icon.label-icon-bordered.label-icon-info.label-ghost { -webkit-box-shadow: 0px 0px 0px 3px rgba(79, 181, 221, 0.15); -moz-box-shadow: 0px 0px 0px 3px rgba(79, 181, 221, 0.15); box-shadow: 0px 0px 0px 3px rgba(79, 181, 221, 0.15); } .app .label-icon.label-icon-bordered.label-icon-info[href]:hover { background: transparent; border-color: #28a1d1; color: #28a1d1; } .app .label-icon.label-icon-bordered.label-icon-warning { border: 1px solid #F69F00; color: #F69F00; } .app .label-icon.label-icon-bordered.label-icon-warning.label-ghost { -webkit-box-shadow: 0px 0px 0px 3px rgba(246, 159, 0, 0.15); -moz-box-shadow: 0px 0px 0px 3px rgba(246, 159, 0, 0.15); box-shadow: 0px 0px 0px 3px rgba(246, 159, 0, 0.15); } .app .label-icon.label-icon-bordered.label-icon-warning[href]:hover { background: transparent; border-color: #c37e00; color: #c37e00; } .app .label-icon.label-icon-bordered.label-icon-danger { border: 1px solid #F04E51; color: #F04E51; } .app .label-icon.label-icon-bordered.label-icon-danger.label-ghost { -webkit-box-shadow: 0px 0px 0px 3px rgba(240, 78, 81, 0.15); -moz-box-shadow: 0px 0px 0px 3px rgba(240, 78, 81, 0.15); box-shadow: 0px 0px 0px 3px rgba(240, 78, 81, 0.15); } .app .label-icon.label-icon-bordered.label-icon-danger[href]:hover { background: transparent; border-color: #ec1f23; color: #ec1f23; } .app .label-icon.label-icon-rounded { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .app .label-icon .fa { font-size: 14px; } .app .label-icon.label-icon-sm { min-width: 20px; padding: 0px; } .app .label-icon.label-icon-sm.label-icon-bordered { line-height: 18px; } .app .label-icon.label-icon-lg { min-width: 40px; padding: 9px 5px 5px; } .app .label-icon.label-icon-lg *[class^="icon-"] { font-size: 20px; } .app .label-icon.label-icon-lg .fa { font-size: 18px; display: block; width: 20px; height: 20px; text-align: center; margin: 2px auto; } .app .label-icon.label-icon-xlg { min-width: 80px; line-height: 50px; padding: 20px 0px 3px; } .app .label-icon.label-icon-xlg .fa { font-size: 28px; } .app .label-icon.label-icon-xlg *[class^="icon-"] { font-size: 40px; } .app .table tr td, .app .table tr th { line-height: 20px; padding: 10px 15px; vertical-align: middle; } .app .table > thead > tr > th { font-size: 11px; text-transform: uppercase; font-weight: 700; color: #1B2431; border-bottom: 1px solid #DBE0E4; } .app .table > tbody > tr > td { border-bottom: 1px solid #DBE0E4; } .app .table > tbody > tr:last-child > td { border-bottom: 0px; } .app .table.table-striped > tbody > tr:nth-of-type(odd) { background: #F5F5F5; } .app .table.table-bordered { border: 1px solid #DBE0E4; } .app .table.table-bordered > tbody > tr > td { border: 0px; border-bottom: 1px solid #DBE0E4; border-right: 1px solid #DBE0E4; } .app .table.table-bordered > tbody > tr > td:last-child { border-right: 0px; } .app .table.table-bordered > tbody > tr:last-child > td { border-bottom: 0px; } .app .table.table-hover > tbody > tr:hover > td { background: #F5F5F5; } .app .table.table-head-light > thead > tr > th { color: #7F8FA4; } .app .table.table-head-custom > thead > tr > th { background: #2D3349; color: #FFF; } .app .table.table-noborder > thead > tr > th, .app .table.table-noborder > tbody > tr > td { border: 0px; } .app .table.table-clean-paddings > thead > tr > th:first-child, .app .table.table-clean-paddings > tbody > tr > td:first-child { padding-left: 0px; } .app .table.table-clean-paddings > thead > tr > th:last-child, .app .table.table-clean-paddings > tbody > tr > td:last-child { padding-right: 0px; } .app .block > .table.table-bordered { border-left: 0px; border-right: 0px; } .app .block > .table.table-bordered > thead > tr > th, .app .block > .table.table-bordered > tbody > tr > td { border-left: 0px; } .app .block > .table.table-bordered > thead > tr > th:last-child, .app .block > .table.table-bordered > tbody > tr > td:last-child { border-right: 0px; } .app .block > .table:last-child { margin-bottom: 0px; border-bottom: 0px; } .app .table .contact.contact-lg, .app .table .contact.contact-xlg, .app .table .contact.contact-single { margin-bottom: 0px; } @media (max-width: 992px) { .table-responsive { border: 0px; } } .app .tile-basic { float: left; width: 100%; background: #FFF; color: #454545; margin-bottom: 20px; position: relative; } .app .tile-basic .tile-image { display: block; float: left; width: 100%; position: relative; overflow: hidden; } .app .tile-basic .tile-image img { width: 100%; } .app .tile-basic .tile-image .tile-image-container { width: 100%; padding: 15px; position: absolute; left: 0px; top: 0px; } .app .tile-basic .tile-image .tile-image-title { width: 100%; padding: 15px; position: absolute; left: 0px; bottom: 0px; color: #FFF; background: rgba(0, 0, 0, 0.2); text-shadow: 0px 2px 5px #000000; -webkit-transition: all 100ms ease-in; -moz-transition: all 100ms ease-in; -ms-transition: all 100ms ease-in; -o-transition: all 100ms ease-in; transition: all 100ms ease-in; } .app .tile-basic .tile-image .tile-image-title .tile-title { color: #FFF; font-size: 14px; line-height: 26px; font-weight: 600; text-decoration: none; } .app .tile-basic .tile-image .tile-image-title p { margin-top: 0px; color: #F0F0F0; } .app .tile-basic .tile-image .tile-image-title.tile-image-dir-top { bottom: auto; top: 0px; } .app .tile-basic .tile-image .tile-image-title.tile-image-title-hover { bottom: -200px; } .app .tile-basic .tile-image .tile-image-hover { position: absolute; left: 0px; top: -300px; background: rgba(0, 0, 0, 0.5); height: 100%; width: 100%; opacity: 0; -webkit-transition: opacity 200ms ease-in; -moz-transition: opacity 200ms ease-in; -ms-transition: opacity 200ms ease-in; -o-transition: opacity 200ms ease-in; transition: opacity 200ms ease-in; } .app .tile-basic .tile-image .tile-image-hover .tile-image-container-vertical { position: absolute; width: 100%; top: 50%; margin-top: -20px; } .app .tile-basic .tile-image .tile-image-hover.tile-image-hover-light { background: rgba(255, 255, 255, 0.9); } .app .tile-basic .tile-image:hover .tile-image-title { background: rgba(0, 0, 0, 0.4); } .app .tile-basic .tile-image:hover .tile-image-title.tile-image-title-hover { bottom: 0px; } .app .tile-basic .tile-image:hover .tile-image-title.tile-image-title-hide-hover { bottom: -200px; } .app .tile-basic .tile-image:hover .tile-image-hover { top: 0px; opacity: 1; } .app .tile-basic .tile-image.tile-image-padding { padding: 3px 3px 0px 3px; } .app .tile-basic .tile-image.tile-image-hover-grayscale > img { -webkit-filter: grayscale(0); filter: grayscale(0); -webkit-transition: 300ms ease-in-out; transition: 300ms ease-in-out; } .app .tile-basic .tile-image.tile-image-hover-grayscale:hover > img { -webkit-filter: grayscale(100%); filter: grayscale(100%); } .app .tile-basic > .tile-icon { display: block; float: left; width: 100%; text-align: center; padding: 30px 0px 0px; color: #7F8FA4; } .app .tile-basic > .tile-icon span[class^='icon-'], .app .tile-basic > .tile-icon .fa { display: block; margin: 0px auto; width: 80px; height: 80px; line-height: 80px; border: 1px solid #DBE0E4; text-align: center; font-size: 40px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .app .tile-basic > .tile-icon .fa { font-size: 42px; } .app .tile-basic > .tile-icon.tile-icon-dashed span[class^='icon-'], .app .tile-basic > .tile-icon.tile-icon-dashed .fa { border-style: dashed; } .app .tile-basic > .tile-icon.tile-icon-bg { background: #F5F5F5; padding-top: 0px; } .app .tile-basic > .tile-icon.tile-icon-bg span[class^='icon-'], .app .tile-basic > .tile-icon.tile-icon-bg .fa { border: 0px; } .app .tile-basic .tile-content { float: left; width: 100%; padding: 30px; } .app .tile-basic .tile-content .tile-title { display: block; margin-bottom: 0px; color: #1B2431; position: relative; } .app .tile-basic .tile-content .tile-title.tile-title-underlined { margin-bottom: 15px; } .app .tile-basic .tile-content .tile-title.tile-title-underlined:after { content: " "; position: absolute; top: 100%; left: 50%; margin-left: -25px; width: 50px; height: 2px; background: #2D3349; margin-top: 8px; } .app .tile-basic .tile-content .tile-title:last-child { margin-bottom: 0px; } .app .tile-basic .tile-content a.tile-title { font-size: 16px; line-height: 26px; } .app .tile-basic .tile-content .tile-subtitle { float: left; width: 100%; margin-bottom: 5px; color: #7F8FA4; text-transform: uppercase; font-size: 90%; } .app .tile-basic .tile-content .tile-subtitle.pull-left, .app .tile-basic .tile-content .tile-subtitle.pull-right { width: auto; } .app .tile-basic .tile-content .tile-subtitle .fa { font-size: 14px; margin-right: 5px; } .app .tile-basic .tile-content .tile-subtitle:last-child { margin-bottom: 0px; } .app .tile-basic .tile-content .tile-subtitle:first-child { margin-bottom: 0px; } .app .tile-basic .tile-content p:first-child { margin-top: 0px; } .app .tile-basic .tile-content.tile-content-condensed-bottom { padding-bottom: 20px; } .app .tile-basic .tile-content.tile-content-icon { position: relative; padding-left: 70px; } .app .tile-basic .tile-content.tile-content-icon .tile-icon { position: absolute; left: 15px; top: 20px; height: 40px; width: 40px; line-height: 40px; } .app .tile-basic .tile-content.tile-content-icon .tile-icon span[class^='icon-'] { font-size: 40px; } .app .tile-basic .tile-content.tile-content-icon .tile-icon .fa { font-size: 42px; } .app .tile-basic .tile-image + .tile-content { padding-top: 20px; } .app .tile-basic.tile-basic-icon-top { margin-top: 40px; } .app .tile-basic.tile-basic-icon-top .tile-icon { padding-top: 0px; margin-top: -40px; } .app .tile-basic.tile-basic-icon-top .tile-icon span[class^='icon-'], .app .tile-basic.tile-basic-icon-top .tile-icon .fa { background: #FFF; border-color: #EDEFF0; border-width: 5px; width: 90px; height: 90px; } .app .tile-basic.tile-basic-icon-top .tile-icon + .tile-content { padding-top: 20px; } .app .tile-basic.tile-basic-shadow { -webkit-box-shadow: 0px 4px 20px 5px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0px 4px 20px 5px rgba(0, 0, 0, 0.05); box-shadow: 0px 4px 20px 5px rgba(0, 0, 0, 0.05); } .app .tile-basic.tile-basic-hover-shadow { -webkit-transition: all 100ms linear; -moz-transition: all 100ms linear; -ms-transition: all 100ms linear; -o-transition: all 100ms linear; transition: all 100ms linear; } .app .tile-basic.tile-basic-hover-shadow:hover { -webkit-box-shadow: 0px 4px 20px 5px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0px 4px 20px 5px rgba(0, 0, 0, 0.05); box-shadow: 0px 4px 20px 5px rgba(0, 0, 0, 0.05); } .app .tile-basic.tile-basic-bordered { border: 1px solid #DBE0E4; } .app .tile-basic.tile-transparent { background: transparent; border: 0px; } .app { /* block support */ /* end block support */ /* panel support */ /* end panel support */ /* news and info listing */ /* end news and info listing */ } .app .list-group { float: left; width: 100%; } .app .list-group .list-group-item { background: #FFF; border-color: #DBE0E4; -webkit-transition: background 100ms linear; -moz-transition: background 100ms linear; -ms-transition: background 100ms linear; -o-transition: background 100ms linear; transition: background 100ms linear; line-height: 20px; } .app .list-group .list-group-item span[class^='icon'], .app .list-group .list-group-item .fa { float: left; font-size: 20px; margin-right: 10px; line-height: 20px; } .app .list-group .list-group-item .fa { font-size: 14px; } .app .list-group .list-group-item.active, .app .list-group .list-group-item.active:hover, .app .list-group .list-group-item.active:focus { background: #2D3349; color: #FFF; font-weight: 600; z-index: 0; } .app .list-group .list-group-item.disabled, .app .list-group .list-group-item.disabled:hover, .app .list-group .list-group-item.disabled:focus { background: #F5F5F5; } .app .list-group .list-group-item.list-group-item-highlighted { background: #fafafa; } .app .list-group .list-group-title { font-weight: 700; font-size: 11px; text-transform: uppercase; line-height: 20px; margin-top: 15px; margin-bottom: 5px; color: #2b2b2b; padding: 5px 15px; } .app .list-group .list-group-title:first-child { margin-top: 0px; } .app .list-group a.list-group-item:hover, .app .list-group button.list-group-item:hover, .app .list-group a.list-group-item:focus, .app .list-group button.list-group-item:focus { background: #F5F5F5; } .app .list-group.list-group-noborder .list-group-item { border: 0px; } .app .list-group.list-group-noborder .list-group-item.active, .app .list-group.list-group-noborder .list-group-item.active:hover, .app .list-group.list-group-noborder .list-group-item.active:focus { background: #F5F5F5; color: #454545; } .app .list-group.list-group-noborder .list-group-item.disabled, .app .list-group.list-group-noborder .list-group-item.disabled:hover, .app .list-group.list-group-noborder .list-group-item.disabled:focus { background: #FFF; } .app .list-group.list-group-condensed .list-group-item { border: 0px; padding: 8px 0px; background: transparent; color: #1B2431; -webkit-transition: color 100ms linear; -moz-transition: color 100ms linear; -ms-transition: color 100ms linear; -o-transition: color 100ms linear; transition: color 100ms linear; } .app .list-group.list-group-condensed .list-group-item.active, .app .list-group.list-group-condensed .list-group-item.active:hover, .app .list-group.list-group-condensed .list-group-item.active:focus { background: transparent; color: #0c7dba; } .app .list-group.list-group-condensed a.list-group-item:hover, .app .list-group.list-group-condensed button.list-group-item:hover, .app .list-group.list-group-condensed a.list-group-item:focus, .app .list-group.list-group-condensed button.list-group-item:focus { background: transparent; color: #0F9DEA; } .app .list-group.list-group-condensed .list-group-title { padding: 0px; } .app .list-group.list-group-condensed .list-group-title:first-child { margin-top: 10px; } .app .list-group.list-group-inline .list-group-item { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } .app .list-group.list-group-inline .list-group-item:not(:last-child) { border-right: 0px; } .app .list-group.list-group-inline.list-group-adapt-top .list-group-item { border-top: 0px; } .app .list-group.list-group-inline.list-group-adapt-bottom .list-group-item { border-bottom: 0px; } .app .list-group.list-group-inline.list-group-adapt-side .list-group-item:first-child { border-left: 0px; } .app .list-group.list-group-inline.list-group-adapt-side .list-group-item:last-child { border-right: 0px; } .app .list-group.list-group-adapt .list-group-item { float: left; width: 100%; border-left: 0px; border-right: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; padding: 15px; } .app .list-group.list-group-adapt .list-group-item.active, .app .list-group.list-group-adapt .list-group-item.active:hover, .app .list-group.list-group-adapt .list-group-item.active:focus { background: #F5F5F5; color: #454545; font-weight: 400; } .app .list-group.list-group-adapt .list-group-item.disabled, .app .list-group.list-group-adapt .list-group-item.disabled:hover, .app .list-group.list-group-adapt .list-group-item.disabled:focus { background: #FFF; } .app .list-group.list-group-adapt .list-group-item:first-child { border-top: 0px; } .app .list-group.list-group-adapt .list-group-item:last-child { border-bottom: 0px; } .app .block .app-heading + .list-group { margin-top: -5px; } .app .block > .list-group { margin-bottom: 0px; } .app .block > .list-group .list-group-item { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; border-left: 0px; border-right: 0px; } .app .block > .list-group:last-child .list-group-item:last-child { border-bottom: 0px; -webkit-border-radius: 0px 0px 5px 5px; -moz-border-radius: 0px 0px 5px 5px; border-radius: 0px 0px 5px 5px; } .app .block > .list-group.list-group-inline .list-group-item { border-right: 1px solid #DBE0E4; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } .app .block > .list-group.list-group-inline:last-child .list-group-item:first-child { -webkit-border-radius: 0px 0px 0px 5px; -moz-border-radius: 0px 0px 0px 5px; border-radius: 0px 0px 0px 5px; } .app .block > .list-group.list-group-inline:last-child .list-group-item:last-child { -webkit-border-radius: 0px 0px 5px 0px; -moz-border-radius: 0px 0px 5px 0px; border-radius: 0px 0px 5px 0px; } .app .panel > .list-group.list-group-inline .list-group-item { border-top: 0px; border-bottom: 0px; border-right: 1px solid #DBE0E4; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } .app .panel > .list-group.list-group-inline:last-child .list-group-item:first-child { -webkit-border-radius: 0px 0px 0px 5px; -moz-border-radius: 0px 0px 0px 5px; border-radius: 0px 0px 0px 5px; } .app .panel > .list-group.list-group-inline:last-child .list-group-item:last-child { -webkit-border-radius: 0px 0px 5px 0px; -moz-border-radius: 0px 0px 5px 0px; border-radius: 0px 0px 5px 0px; } .app .listing { float: left; width: 100%; list-style: none; padding: 0px; margin-bottom: 20px; } .app .listing .listing-item { position: relative; float: left; width: 100%; line-height: 20px; padding: 5px 0px; } .app .listing .listing-item a { font-weight: 600; } .app .listing .listing-item .fa { font-size: 14px; } .app .listing .listing-item > .row { margin: 0px; } .app .listing .listing-item > .row > div[class^='col-'] { padding: 0px 15px 0px 0px; } .app .listing .listing-item > .row > div[class^='col-'] > img { margin-top: 6px; } .app .listing .listing-item > .row > div[class^='col-']:last-child { padding-right: 0px; } .app .listing .listing-item.listing-item-with-icon { padding-left: 30px; } .app .listing .listing-item.listing-item-with-icon .listing-item-icon { position: absolute; left: 0px; top: 5px; width: 20px; text-align: center; font-size: 20px; line-height: 20px; } .app .listing.dir-right .listing-item.listing-item-with-icon { padding-right: 30px; padding-left: 0px; } .app .listing.dir-right .listing-item.listing-item-with-icon .listing-item-icon { position: absolute; right: 0px; left: auto; top: 5px; } .app .listing.listing-separated .listing-item { border-bottom: 1px solid #DBE0E4; padding-bottom: 10px; } .app .listing.listing-separated .listing-item:last-child { border-bottom: 0px; padding-bottom: 0px; } .app .listing.mCustomScrollbar { padding-right: 0px !important; } .app .listing.mCustomScrollbar .mCSB_container { padding-right: 20px; } .app .listing-large-box { float: left; width: 100%; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px dashed #DBE0E4; } .app .listing-large-box:last-child { border-bottom: 0px; margin-bottom: 0px; } .app .gm-style .listing-large-box { margin-bottom: 0px; padding-bottom: 0px; } .app .gm-style .listing-large-box .row { margin-left: 0px; margin-right: 0px; } .app .gm-style .listing-large-box .row div[class^="col-"] { padding-left: 0px; padding-right: 0px; } @media (max-width: 992px) { .app .listing > .listing-item > .row > div[class^='col-'] { padding: 0px; } } .app .contact { position: relative; display: block; float: left; width: 100%; text-decoration: none; line-height: 20px; padding: 10px 0px; padding-left: 30px; } .app .contact > img { width: 20px; position: absolute; left: 0px; top: 10px; } .app .contact.contact-lg, .app .contact.contact-xlg, .app .contact.contact-single { padding: 0px; padding-left: 55px; margin-bottom: 20px; } .app .contact.contact-lg > img, .app .contact.contact-xlg > img, .app .contact.contact-single > img { top: 0px; width: 40px; } .app .contact.contact-lg > .contact-container > a, .app .contact.contact-xlg > .contact-container > a, .app .contact.contact-single > .contact-container > a, .app .contact.contact-lg > .contact-container > span, .app .contact.contact-xlg > .contact-container > span, .app .contact.contact-single > .contact-container > span, .app .contact.contact-lg > .contact-container > p, .app .contact.contact-xlg > .contact-container > p, .app .contact.contact-single > .contact-container > p { width: 100%; line-height: 20px; margin: 0px; padding: 0px; display: block; text-decoration: none; } .app .contact.contact-lg > .contact-container > a, .app .contact.contact-xlg > .contact-container > a, .app .contact.contact-single > .contact-container > a { font-weight: 600; } .app .contact.contact-lg > .contact-container > span, .app .contact.contact-xlg > .contact-container > span, .app .contact.contact-single > .contact-container > span { color: #7F8FA4; } .app .contact.contact-lg > .contact-container strong, .app .contact.contact-xlg > .contact-container strong, .app .contact.contact-single > .contact-container strong { font-weight: 600; } .app .contact.contact-lg > .contact-controls, .app .contact.contact-xlg > .contact-controls, .app .contact.contact-single > .contact-controls { position: absolute; right: 0px; top: 0px; } .app .contact.contact-xlg { padding: 0px; padding-left: 70px; } .app .contact.contact-xlg > img { top: 0px; width: 60px; } .app .contact.contact-xlg > .contact-controls { top: 10px; } .app .contact.contact-rounded > img { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .app .contact.contact-bordered:after { position: absolute; content: " "; width: 26px; height: 26px; border: 1px solid #DBE0E4; background: transparent; left: -3px; top: 7px; } .app .contact.contact-bordered.contact-rounded:after { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .app .contact.contact-bordered.contact-lg:after { width: 46px; height: 46px; top: -3px; } .app .contact.contact-bordered.contact-xlg:after { width: 66px; height: 66px; top: -3px; } .app .contact.contact-dir-right { padding-left: 0px; padding-right: 30px; } .app .contact.contact-dir-right > img { left: auto; right: 3px; } .app .contact.contact-dir-right.contact-lg { padding-right: 50px; } .app .contact.contact-dir-right.contact-xlg { padding-right: 70px; } .app .contact.contact-dir-right.contact-bordered:after { left: auto; right: 0px; } .app .contact.contact-faded > img { -webkit-opacity: 0.7; -moz-opacity: 0.7; opacity: 0.7; -webkit-transition: opacity 100ms linear; -moz-transition: opacity 100ms linear; -ms-transition: opacity 100ms linear; -o-transition: opacity 100ms linear; transition: opacity 100ms linear; } .app .contact.contact-faded:hover > img { -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; } .app .contact.contact-single { text-align: center; padding: 0px; } .app .contact.contact-single > img { position: relative; top: auto; left: auto; display: inline-block; width: 60px; margin: 0px 0px 15px 0px; } .app .contact.contact-single.contact-bordered:after { left: 50%; top: -3px; margin-left: -33px; width: 66px; height: 66px; } .app .contact.contact-single .contact-controls { right: 50%; margin-right: 40px; top: 10px; } .app .contact.contact-single .contact-controls.contact-controls-dir-right { right: auto; left: 50%; margin-right: 0px; margin-left: 40px; } .app .contact.status-online:before, .app .contact.status-offline:before, .app .contact.status-away:before { content: " "; position: absolute; left: -10px; top: 14px; width: 14px; height: 14px; border: 2px solid #FFF; background: #DBE0E4; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; z-index: 1; } .app .contact.status-online.contact-lg:before, .app .contact.status-offline.contact-lg:before, .app .contact.status-away.contact-lg:before { width: 16px; height: 16px; top: 28px; left: 28px; } .app .contact.status-online.contact-xlg:before, .app .contact.status-offline.contact-xlg:before, .app .contact.status-away.contact-xlg:before { width: 20px; height: 20px; top: 42px; left: 42px; } .app .contact.status-online.contact-single:before, .app .contact.status-offline.contact-single:before, .app .contact.status-away.contact-single:before { width: 16px; height: 16px; left: 50%; top: 48px; margin-left: 14px; } .app .contact.status-online:before { background: #76AB3C; } .app .contact.status-away:before { background: #F69F00; } .app .contact.contact-ps-controls { padding-right: 50px; } .app .contact.contact-image-only { width: auto; padding: 0px; margin-right: 10px; } .app .contact.contact-image-only img { position: relative; top: 0px; float: left; } .app .contact.contact-image-only:after { top: -3px; } .app .app-feature-gallery { list-style: none; display: block; float: left; width: 100%; padding: 0px; margin-top: 20px; margin-bottom: 20px; position: relative; } .app .app-feature-gallery > li { left: 0px; top: 0px; position: absolute; width: 100%; height: 100%; z-index: 0; cursor: pointer; -webkit-transform: scale(0.85); -moz-transform: scale(0.85); -ms-transform: scale(0.85); -o-transform: scale(0.85); transform: scale(0.85); -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1); box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1); -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -ms-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .app .app-feature-gallery > li:nth-child(1) { z-index: 3; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; } .app .app-feature-gallery > li:nth-child(2) { z-index: 2; top: -15px; -webkit-transform: scale(0.95); -moz-transform: scale(0.95); -ms-transform: scale(0.95); -o-transform: scale(0.95); transform: scale(0.95); -webkit-opacity: 0.9; -moz-opacity: 0.9; opacity: 0.9; } .app .app-feature-gallery > li:nth-child(3) { z-index: 1; top: -28px; -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); -o-transform: scale(0.9); transform: scale(0.9); -webkit-opacity: 0.8; -moz-opacity: 0.8; opacity: 0.8; } .app .app-feature-gallery.app-feature-gallery-noshadow > li { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .app .app-feature-gallery-horizontal { float: left; width: 100%; padding-right: 30px; } .app .app-feature-gallery-horizontal > .app-feature-gallery { margin-top: 0px; } .app .app-feature-gallery-horizontal > .app-feature-gallery > li { top: 0px; left: auto; right: 0px; } .app .app-feature-gallery-horizontal > .app-feature-gallery > li:nth-child(1) { right: 0px; } .app .app-feature-gallery-horizontal > .app-feature-gallery > li:nth-child(2) { right: -24px; } .app .app-feature-gallery-horizontal > .app-feature-gallery > li:nth-child(3) { right: -45px; } .app .app-feature-gallery-horizontal > .app-feature-gallery > li:nth-child(4) { right: -72px; } .app .app-feature-gallery-horizontal.dir-left { padding-right: 0px; padding-left: 30px; } .app .app-feature-gallery-horizontal.dir-left > .app-feature-gallery > li { left: 0px; right: auto; } .app .app-feature-gallery-horizontal.dir-left > .app-feature-gallery > li:nth-child(1) { left: 0px; } .app .app-feature-gallery-horizontal.dir-left > .app-feature-gallery > li:nth-child(2) { left: -24px; } .app .app-feature-gallery-horizontal.dir-left > .app-feature-gallery > li:nth-child(3) { left: -45px; } .app .app-feature-gallery-horizontal.dir-left > .app-feature-gallery > li:nth-child(4) { left: -72px; } .app .app-feature-gallery > li .tile-basic, .app .app-feature-gallery > li .block { margin-bottom: 0px; } .app .app-preview-video { position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0; float: left; width: 100%; } .app .app-preview-video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .app-loading { position: fixed; top: 0px; left: 0px; width: 100%; height: 5px; background: rgba(0, 0, 0, 0.2); z-index: 1001; -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3); box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3); } .app-loading .app-loading-progress { background: #FFF; display: block; float: left; height: 5px; } .app-loading .app-loading-progress.app-loading-primary { background: #292f43; } .app-loading .app-loading-progress.app-loading-warning { background: #F69F00; } .app-loading .app-loading-progress.app-loading-success { background: #76AB3C; } .app-loading .app-loading-progress.app-loading-info { background: #4FB5DD; } .app-loading .app-loading-progress.app-loading-danger { background: #F04E51; } .app-loading.bottom { top: auto; bottom: 0px; } .app .app-tip { float: left; width: 100%; padding: 5px 10px; line-height: 20px; background: #FFF; color: #454545; border: 1px solid #DBE0E4; margin-bottom: 10px; } .app .app-tip.app-tip-runing { overflow: hidden; } .app .app-tip.app-tip-runing .app-tip-runner { -moz-transform: translateX(100%); -webkit-transform: translateX(100%); transform: translateX(100%); -moz-animation: scroll-left 10s linear infinite; -webkit-animation: scroll-left 10s linear infinite; animation: scroll-left 10s linear infinite; } .app .app-tip.app-tip-runing .app-tip-runner.app-tip-runner-right { -moz-transform: translateX(-100%); -webkit-transform: translateX(-100%); transform: translateX(-100%); -moz-animation: scroll-right 10s linear infinite; -webkit-animation: scroll-right 10s linear infinite; animation: scroll-right 10s linear infinite; } .app .app-tip.app-tip-runing .app-tip-runner.app-tip-speed-slow { -moz-animation-duration: 20s; -webkit-animation-duration: 20s; animation-duration: 20s; } .app .app-tip.app-tip-noborder { border: 0px; } .app .app-tip.app-tip-primary { background: #292f43; color: #FFF; border-color: #1f2433; } .app .app-tip.app-tip-info { background: #4FB5DD; color: #FFF; border-color: #3aacd9; } .app .app-tip.app-tip-success { background: #76AB3C; color: #FFF; border-color: #699835; } .app .app-tip.app-tip-warning { background: #F69F00; color: #FFF; border-color: #dd8f00; } .app .app-tip.app-tip-danger { background: #F04E51; color: #FFF; border-color: #ee363a; } .app .app-tip.app-tip-lg { padding: 10px; } @-moz-keyframes scroll-left { 0% { -moz-transform: translateX(100%); } 100% { -moz-transform: translateX(-100%); } } @-webkit-keyframes scroll-left { 0% { -webkit-transform: translateX(100%); } 100% { -webkit-transform: translateX(-100%); } } @keyframes scroll-left { 0% { -moz-transform: translateX(100%); -webkit-transform: translateX(100%); transform: translateX(100%); } 100% { -moz-transform: translateX(-100%); -webkit-transform: translateX(-100%); transform: translateX(-100%); } } @-moz-keyframes scroll-right { 0% { -moz-transform: translateX(-100%); } 100% { -moz-transform: translateX(100%); } } @-webkit-keyframes scroll-right { 0% { -webkit-transform: translateX(-100%); } 100% { -webkit-transform: translateX(100%); } } @keyframes scroll-right { 0% { -moz-transform: translateX(-100%); -webkit-transform: translateX(-100%); transform: translateX(-100%); } 100% { -moz-transform: translateX(100%); -webkit-transform: translateX(100%); transform: translateX(100%); } } .app-statusbar { position: fixed; bottom: 0px; width: 100%; padding: 10px; background: rgba(0, 0, 0, 0.9); display: none; z-index: 20; -webkit-box-shadow: -1px 0px 6px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: -1px 0px 6px 0px rgba(0, 0, 0, 0.1); box-shadow: -1px 0px 6px 0px rgba(0, 0, 0, 0.1); } .app-statusbar .app-statusbar-icon { float: left; margin: 10px 10px 0px 10px; color: #FFF; } .app-statusbar .app-statusbar-icon [class^=icon] { font-size: 20px; line-height: 20px; } .app-statusbar .app-statusbar-icon .app-spinner { margin: 0px 5px 0px 0px; } .app-statusbar .app-statusbar-text { font-weight: 600; color: #FFF; float: left; padding-right: 30px; line-height: 40px; } .app-statusbar .app-statusbar-body { float: left; width: 100%; padding-right: 30px; } .app-statusbar .app-statusbar-close { position: absolute; right: 20px; top: 50%; margin-top: -6px; cursor: pointer; opacity: 0.5; color: #FFF; } .app-statusbar .app-statusbar-close:hover { opacity: 0.8; } .app-statusbar.app-statusbar-top { bottom: auto; top: 0px; } .app-statusbar.app-statusbar-default { background: rgba(255, 255, 255, 0.9); } .app-statusbar.app-statusbar-default .app-statusbar-text, .app-statusbar.app-statusbar-default .app-statusbar-close, .app-statusbar.app-statusbar-default .app-statusbar-icon { color: #454545; } .app-statusbar.app-statusbar-primary { background: rgba(41, 47, 67, 0.9); } .app-statusbar.app-statusbar-primary .app-statusbar-text, .app-statusbar.app-statusbar-primary .app-statusbar-close, .app-statusbar.app-statusbar-primary .app-statusbar-icon { color: #FFF; } .app-statusbar.app-statusbar-info { background: rgba(79, 181, 221, 0.9); } .app-statusbar.app-statusbar-info .app-statusbar-text, .app-statusbar.app-statusbar-info .app-statusbar-close, .app-statusbar.app-statusbar-info .app-statusbar-icon { color: #FFF; } .app-statusbar.app-statusbar-success { background: rgba(118, 171, 60, 0.9); } .app-statusbar.app-statusbar-success .app-statusbar-text, .app-statusbar.app-statusbar-success .app-statusbar-close, .app-statusbar.app-statusbar-success .app-statusbar-icon { color: #FFF; } .app-statusbar.app-statusbar-warning { background: rgba(246, 159, 0, 0.9); } .app-statusbar.app-statusbar-warning .app-statusbar-text, .app-statusbar.app-statusbar-warning .app-statusbar-close, .app-statusbar.app-statusbar-warning .app-statusbar-icon { color: #FFF; } .app-statusbar.app-statusbar-danger { background: rgba(240, 78, 81, 0.9); } .app-statusbar.app-statusbar-danger .app-statusbar-text, .app-statusbar.app-statusbar-danger .app-statusbar-close, .app-statusbar.app-statusbar-danger .app-statusbar-icon { color: #FFF; } .app-spinner.loading { float: left; border-radius: 50%; margin: 10px 5px 10px 0px; width: 20px; height: 20px; border: 3px solid rgba(219, 224, 228, 0.1); border-top-color: #DBE0E4; animation: spin 1s infinite linear; } .app-spinner.loading.loading-primary { border-color: rgba(41, 47, 67, 0.3); border-top-color: #292f43; } .app-spinner.loading.loading-info { border-color: rgba(79, 181, 221, 0.3); border-top-color: #4FB5DD; } .app-spinner.loading.loading-success { border-color: rgba(118, 171, 60, 0.3); border-top-color: #76AB3C; } .app-spinner.loading.loading-warning { border-color: rgba(246, 159, 0, 0.3); border-top-color: #F69F00; } .app-spinner.loading.loading-danger { border-color: rgba(240, 78, 81, 0.3); border-top-color: #F04E51; } .app-spinner.pulse { float: left; position: relative; width: 5px; height: 20px; margin: 10px 15px 10px 10px; background: rgba(219, 224, 228, 0.1); animation: pulse 750ms infinite; animation-delay: 250ms; } .app-spinner.pulse:before, .app-spinner.pulse:after { content: ''; position: absolute; display: block; height: 12px; width: 5px; background: rgba(219, 224, 228, 0.1); top: 50%; transform: translateY(-50%); animation: pulse 750ms infinite; } .app-spinner.pulse:before { left: -10px; } .app-spinner.pulse:after { left: 10px; animation-delay: 250ms; } .app-spinner.pulse.pulse-primary { background: #292f43; } .app-spinner.pulse.pulse-primary:before, .app-spinner.pulse.pulse-primary:after { background: #292f43; } .app-spinner.pulse.pulse-info { background: #4FB5DD; } .app-spinner.pulse.pulse-info:before, .app-spinner.pulse.pulse-info:after { background: #4FB5DD; } .app-spinner.pulse.pulse-success { background: #76AB3C; } .app-spinner.pulse.pulse-success:before, .app-spinner.pulse.pulse-success:after { background: #76AB3C; } .app-spinner.pulse.pulse-warning { background: #F69F00; } .app-spinner.pulse.pulse-warning:before, .app-spinner.pulse.pulse-warning:after { background: #F69F00; } .app-spinner.pulse.pulse-danger { background: #F04E51; } .app-spinner.pulse.pulse-danger:before, .app-spinner.pulse.pulse-danger:after { background: #F04E51; } .app-spinner.scaleout { float: left; margin: 10px 5px 10px 0px; width: 20px; height: 20px; background-color: #DBE0E4; border-radius: 100%; -webkit-animation: scaleout 1s infinite ease-in-out; animation: scaleout 1s infinite ease-in-out; } .app-spinner.scaleout.scaleout-primary { background-color: #292f43; } .app-spinner.scaleout.scaleout-info { background-color: #4FB5DD; } .app-spinner.scaleout.scaleout-success { background-color: #76AB3C; } .app-spinner.scaleout.scaleout-warning { background-color: #F69F00; } .app-spinner.scaleout.scaleout-danger { background-color: #F04E51; } .app-spinner.rotating { position: relative; float: left; width: 20px; height: 20px; margin: 10px 5px 10px 0px; animation: rotate 1.4s infinite ease-in-out, background 1.4s infinite ease-in-out alternate; } .app-spinner.snake { position: relative; float: left; width: 20px; height: 20px; margin: 10px 5px 10px 0px; border: 3px solid #292f43; border-right-color: transparent; border-radius: 50%; animation: spin 1s infinite linear; } .app-spinner.pulsate { position: relative; float: left; width: 20px; height: 20px; margin: 10px 5px 10px 0px; border: 3px solid #292f43; border-radius: 50%; animation: pulsate 1s infinite linear; } .btn > .app-spinner { margin: 4px 10px 4px 0px; } @-webkit-keyframes scaleout { 0% { -webkit-transform: scale(0); } 100% { -webkit-transform: scale(1); opacity: 0; } } @keyframes scaleout { 0% { -webkit-transform: scale(0); transform: scale(0); } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 0; } } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes pulse { 50% { background: #DBE0E4; } } @keyframes pulsate { 0% { transform: scale(0.1); opacity: 0.0; } 50% { opacity: 1; } 100% { transform: scale(1.2); opacity: 0; } } @keyframes rotate { 0% { transform: perspective(120px) rotateX(0deg) rotateY(0deg); } 50% { transform: perspective(120px) rotateX(-180deg) rotateY(0deg); } 100% { transform: perspective(120px) rotateX(-180deg) rotateY(-180deg); } } @keyframes background { 0% { background-color: #292f43; } 50% { background-color: #4FB5DD; } 100% { background-color: #76AB3C; } } .app .app-widget-button { position: relative; display: inline-block; width: 40px; height: 40px; text-align: center; text-decoration: none; color: #1B2431; background: #FFF; border: 1px solid #DBE0E4; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin: 0px 5px 10px 0px; -webkit-transition: background 100ms linear; -moz-transition: background 100ms linear; -ms-transition: background 100ms linear; -o-transition: background 100ms linear; transition: background 100ms linear; } .app .app-widget-button .fa { font-size: 28px; line-height: 37px; } .app .app-widget-button [class^='icon-'] { font-size: 20px; line-height: 37px; } .app .app-widget-button:hover { background: #F5F5F5; } .app .app-widget-button.app-widget-button-bordered:before { content: " "; position: absolute; left: -4px; top: -4px; width: 46px; height: 46px; border: 1px dashed #DBE0E4; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .app .app-widget-button.app-widget-button-lg { width: 80px; height: 80px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .app .app-widget-button.app-widget-button-lg .fa { font-size: 42px; line-height: 80px; } .app .app-widget-button.app-widget-button-lg [class^='icon-'] { font-size: 40px; line-height: 80px; } .app .app-widget-button.app-widget-button-lg.app-widget-button-bordered:before { width: 86px; height: 86px; } .app .app-widget-button.app-widget-button-ghost { -webkit-box-shadow: 0px 0px 0px 3px rgba(219, 224, 228, 0.5); -moz-box-shadow: 0px 0px 0px 3px rgba(219, 224, 228, 0.5); box-shadow: 0px 0px 0px 3px rgba(219, 224, 228, 0.5); } .app .app-widget-button.app-widget-button-primary { background: #292f43; color: #FFF; border-color: #232839; } .app .app-widget-button.app-widget-button-primary:hover { background: #1f2433; } .app .app-widget-button.app-widget-button-primary.app-widget-button-ghost { -webkit-box-shadow: 0px 0px 0px 3px rgba(41, 47, 67, 0.3); -moz-box-shadow: 0px 0px 0px 3px rgba(41, 47, 67, 0.3); box-shadow: 0px 0px 0px 3px rgba(41, 47, 67, 0.3); } .app .app-widget-button.app-widget-button-primary.app-widget-button-bordered:before { border-color: rgba(41, 47, 67, 0.5); -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .app .app-widget-button.app-widget-button-info { background: #4FB5DD; color: #FFF; border-color: #42b0db; } .app .app-widget-button.app-widget-button-info:hover { background: #3aacd9; } .app .app-widget-button.app-widget-button-info.app-widget-button-ghost { -webkit-box-shadow: 0px 0px 0px 3px rgba(79, 181, 221, 0.3); -moz-box-shadow: 0px 0px 0px 3px rgba(79, 181, 221, 0.3); box-shadow: 0px 0px 0px 3px rgba(79, 181, 221, 0.3); } .app .app-widget-button.app-widget-button-info.app-widget-button-bordered:before { border-color: rgba(79, 181, 221, 0.5); -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .app .app-widget-button.app-widget-button-success { background: #76AB3C; color: #FFF; border-color: #6ea038; } .app .app-widget-button.app-widget-button-success:hover { background: #699835; } .app .app-widget-button.app-widget-button-success.app-widget-button-ghost { -webkit-box-shadow: 0px 0px 0px 3px rgba(118, 171, 60, 0.3); -moz-box-shadow: 0px 0px 0px 3px rgba(118, 171, 60, 0.3); box-shadow: 0px 0px 0px 3px rgba(118, 171, 60, 0.3); } .app .app-widget-button.app-widget-button-success.app-widget-button-bordered:before { border-color: rgba(118, 171, 60, 0.5); -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .app .app-widget-button.app-widget-button-warning { background: #F69F00; color: #FFF; border-color: #e79500; } .app .app-widget-button.app-widget-button-warning:hover { background: #dd8f00; } .app .app-widget-button.app-widget-button-warning.app-widget-button-ghost { -webkit-box-shadow: 0px 0px 0px 3px rgba(246, 159, 0, 0.3); -moz-box-shadow: 0px 0px 0px 3px rgba(246, 159, 0, 0.3); box-shadow: 0px 0px 0px 3px rgba(246, 159, 0, 0.3); } .app .app-widget-button.app-widget-button-warning.app-widget-button-bordered:before { border-color: rgba(246, 159, 0, 0.5); -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .app .app-widget-button.app-widget-button-danger { background: #F04E51; color: #FFF; border-color: #ef4043; } .app .app-widget-button.app-widget-button-danger:hover { background: #ee363a; } .app .app-widget-button.app-widget-button-danger.app-widget-button-ghost { -webkit-box-shadow: 0px 0px 0px 3px rgba(240, 78, 81, 0.3); -moz-box-shadow: 0px 0px 0px 3px rgba(240, 78, 81, 0.3); box-shadow: 0px 0px 0px 3px rgba(240, 78, 81, 0.3); } .app .app-widget-button.app-widget-button-danger.app-widget-button-bordered:before { border-color: rgba(240, 78, 81, 0.5); -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .app .app-widget-tile { float: left; width: 100%; padding: 10px 15px; min-width: 90px; background: #FFF; border: 1px solid #DBE0E4; margin-bottom: 20px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; zoom: 1; } .app .app-widget-tile:before, .app .app-widget-tile:after { content: ""; display: table; } .app .app-widget-tile:after { clear: both; } .app .app-widget-tile .row { margin: 0px; } .app .app-widget-tile .row [class^='col-'] { padding: 0px; } .app .app-widget-tile .line { float: left; width: 100%; } .app .app-widget-tile .title, .app .app-widget-tile .subtitle { color: #1B2431; font-size: 11px; font-weight: 600; float: left; text-transform: uppercase; } .app .app-widget-tile .subtitle { color: #7F8FA4; } .app .app-widget-tile .intval { font-size: 27px; line-height: 50px; font-weight: 600; text-align: center; float: left; width: 100%; } .app .app-widget-tile .intval small { font-size: 16px; color: #7F8FA4; text-transform: uppercase; line-height: 20px; } .app .app-widget-tile .intval.intval-lg { line-height: 60px; font-size: 34px; } .app .app-widget-tile .icon { float: left; width: 100%; text-align: center; padding-right: 10px; } .app .app-widget-tile .icon .fa { font-size: 42px; line-height: 60px; } .app .app-widget-tile .icon [class^='icon-'] { font-size: 40px; line-height: 70px; } .app .app-widget-tile .icon.icon-right { padding-right: 0px; padding-left: 10px; } .app .app-widget-tile .icon.icon-lg .fa { font-size: 56px; line-height: 90px; } .app .app-widget-tile .icon.icon-lg [class^='icon-'] { font-size: 60px; line-height: 90px; } .app .app-widget-tile.app-widget-highlight { -webkit-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.03); -moz-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.03); box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.03); } .app .app-widget-tile.app-widget-tile-primary { background: #292f43; border: 1px solid #272c40; } .app .app-widget-tile.app-widget-tile-primary .title, .app .app-widget-tile.app-widget-tile-primary .intval, .app .app-widget-tile.app-widget-tile-primary .icon { color: #FFF; } .app .app-widget-tile.app-widget-tile-primary .subtitle { color: #e6e6e6; } .app .app-widget-tile.app-widget-tile-primary.app-widget-gradient { background-color: #292f43; background-image: -webkit-gradient(linear, left top, right top, from(#292f43), to(#161923)); background-image: -webkit-linear-gradient(left, #292f43, #161923); background-image: -moz-linear-gradient(left, #292f43, #161923); background-image: -ms-linear-gradient(left, #292f43, #161923); background-image: -o-linear-gradient(left, #292f43, #161923); } .app .app-widget-tile.app-widget-tile-info { background: #4FB5DD; border: 1px solid #4bb3dc; } .app .app-widget-tile.app-widget-tile-info .title, .app .app-widget-tile.app-widget-tile-info .intval, .app .app-widget-tile.app-widget-tile-info .icon { color: #FFF; } .app .app-widget-tile.app-widget-tile-info .subtitle { color: #e6e6e6; } .app .app-widget-tile.app-widget-tile-info.app-widget-gradient { background-color: #4FB5DD; background-image: -webkit-gradient(linear, left top, right top, from(#4FB5DD), to(#28a1d1)); background-image: -webkit-linear-gradient(left, #4FB5DD, #28a1d1); background-image: -moz-linear-gradient(left, #4FB5DD, #28a1d1); background-image: -ms-linear-gradient(left, #4FB5DD, #28a1d1); background-image: -o-linear-gradient(left, #4FB5DD, #28a1d1); } .app .app-widget-tile.app-widget-tile-success { background: #76AB3C; border: 1px solid #73a73b; } .app .app-widget-tile.app-widget-tile-success .title, .app .app-widget-tile.app-widget-tile-success .intval, .app .app-widget-tile.app-widget-tile-success .icon { color: #FFF; } .app .app-widget-tile.app-widget-tile-success .subtitle { color: #e6e6e6; } .app .app-widget-tile.app-widget-tile-success.app-widget-gradient { background-color: #76AB3C; background-image: -webkit-gradient(linear, left top, right top, from(#76AB3C), to(#5c852f)); background-image: -webkit-linear-gradient(left, #76AB3C, #5c852f); background-image: -moz-linear-gradient(left, #76AB3C, #5c852f); background-image: -ms-linear-gradient(left, #76AB3C, #5c852f); background-image: -o-linear-gradient(left, #76AB3C, #5c852f); } .app .app-widget-tile.app-widget-tile-warning { background: #F69F00; border: 1px solid #f19c00; } .app .app-widget-tile.app-widget-tile-warning .title, .app .app-widget-tile.app-widget-tile-warning .intval, .app .app-widget-tile.app-widget-tile-warning .icon { color: #FFF; } .app .app-widget-tile.app-widget-tile-warning .subtitle { color: #e6e6e6; } .app .app-widget-tile.app-widget-tile-warning.app-widget-gradient { background-color: #F69F00; background-image: -webkit-gradient(linear, left top, right top, from(#F69F00), to(#c37e00)); background-image: -webkit-linear-gradient(left, #F69F00, #c37e00); background-image: -moz-linear-gradient(left, #F69F00, #c37e00); background-image: -ms-linear-gradient(left, #F69F00, #c37e00); background-image: -o-linear-gradient(left, #F69F00, #c37e00); } .app .app-widget-tile.app-widget-tile-danger { background: #F04E51; border: 1px solid #f0494c; } .app .app-widget-tile.app-widget-tile-danger .title, .app .app-widget-tile.app-widget-tile-danger .intval, .app .app-widget-tile.app-widget-tile-danger .icon { color: #FFF; } .app .app-widget-tile.app-widget-tile-danger .subtitle { color: #e6e6e6; } .app .app-widget-tile.app-widget-tile-danger.app-widget-gradient { background-color: #F04E51; background-image: -webkit-gradient(linear, left top, right top, from(#F04E51), to(#ec1f23)); background-image: -webkit-linear-gradient(left, #F04E51, #ec1f23); background-image: -moz-linear-gradient(left, #F04E51, #ec1f23); background-image: -ms-linear-gradient(left, #F04E51, #ec1f23); background-image: -o-linear-gradient(left, #F04E51, #ec1f23); } .app .app-widget-informer { float: left; width: 100%; margin-bottom: 20px; } .app .app-widget-informer .title { color: #1B2431; font-size: 11px; font-weight: 600; float: left; width: 100%; text-transform: uppercase; } .app .app-widget-informer .subtitle { font-size: 11px; color: #7F8FA4; text-transform: uppercase; font-weight: 600; float: left; width: 100%; } .app .app-widget-informer .title .fa, .app .app-widget-informer .subtitle .fa, .app .app-widget-informer .title [class^='icon-'], .app .app-widget-informer .subtitle [class^='icon-'] { margin-right: 5px; font-size: 14px; } .app .app-widget-informer .title .fa.pull-right, .app .app-widget-informer .subtitle .fa.pull-right, .app .app-widget-informer .title [class^='icon-'].pull-right, .app .app-widget-informer .subtitle [class^='icon-'].pull-right { margin-right: 0px; margin-left: 5px; } .app .app-widget-informer .intval { font-size: 27px; line-height: 35px; color: #1B2431; font-weight: 600; float: left; width: 100%; } .app .app-widget-informer .intval small { font-size: 14px; color: #7F8FA4; font-weight: 600; } .app .app-widget-informer .intval.intval-floated { width: auto; margin-right: 20px; line-height: 40px; } .app .app-widget-informer .tinyintval { font-size: 15px; font-weight: 700; color: #1B2431; float: left; width: 100%; } .app .app-widget-informer .tinyintval small { font-size: 12px; color: #7F8FA4; font-weight: 600; } .app .app-widget-informer .app-widget-informer-side { display: inline; } .app .app-widget-informer .app-widget-informer-side .title, .app .app-widget-informer .app-widget-informer-side .subtitle { width: auto; float: none; } .app .progress { float: left; width: 100%; height: 20px; margin-bottom: 0px; } .app .progress .progress-bar { line-height: 20px; font-size: 11px; font-weight: 600; } .app .progress.progress-sm { height: 4px; margin: 8px 0px; } .app .progress.progress-sm .progress-bar { line-height: 4px; height: 4px; } .app .progress.progress-md { height: 10px; margin: 5px 0px; } .app .progress.progress-md .progress-bar { line-height: 10px; height: 10px; } .app .progress.progress-lg { height: 30px; margin: 5px 0px; } .app .progress.progress-lg .progress-bar { line-height: 30px; height: 30px; } .app-faq { float: left; width: 100%; } .app-faq .app-faq-item { float: left; width: 100%; margin-bottom: 10px; background: #FFF; border: 1px solid #DBE0E4; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-transition: background 100ms linear; -moz-transition: background 100ms linear; -ms-transition: background 100ms linear; -o-transition: background 100ms linear; transition: background 100ms linear; } .app-faq .app-faq-item .app-faq-item-title { float: left; width: 100%; padding: 15px 15px 15px 45px; line-height: 20px; font-size: 13px; cursor: pointer; font-weight: 600; position: relative; } .app-faq .app-faq-item .app-faq-item-title:after { position: absolute; content: "\e888"; font-family: 'linearicons'; left: 15px; top: 15px; width: 20px; height: 20px; line-height: 20px; font-size: 20px; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #2D3349; } .app-faq .app-faq-item .app-faq-item-content { float: left; width: 100%; padding: 0px; max-height: 0px; overflow: hidden; } .app-faq .app-faq-item .app-faq-item-content .app-faq-highlight { color: #76AB3C; text-decoration: underline; } .app-faq .app-faq-item.open { background: #fafafa; } .app-faq .app-faq-item.open .app-faq-item-title:after { content: "\e887"; } .app-faq .app-faq-item.open .app-faq-item-content { padding: 0px 15px 15px; max-height: 500px; } .app-faq .app-faq-item:hover { background: #F5F5F5; } .app-faq .app-faq-item:last-child { margin-bottom: 0px; } .app .app-login-box { width: 360px; margin: 50px auto; background: #FFF; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; zoom: 1; -webkit-box-shadow: 0px 4px 20px 5px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0px 4px 20px 5px rgba(0, 0, 0, 0.05); box-shadow: 0px 4px 20px 5px rgba(0, 0, 0, 0.05); } .app .app-login-box:before, .app .app-login-box:after { content: ""; display: table; } .app .app-login-box:after { clear: both; } .app .app-login-box .app-login-box-user { width: 100%; float: left; text-align: center; margin-bottom: 20px; padding: 30px 30px 0px; } .app .app-login-box .app-login-box-user img { width: 100px; border: 1px solid #DBE0E4; padding: 5px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .app .app-login-box .app-login-box-title { float: left; width: 100%; text-align: center; margin-bottom: 20px; padding: 0px 30px; } .app .app-login-box .app-login-box-title .title { font-size: 18px; font-weight: 400; color: #1B2431; margin-bottom: 5px; } .app .app-login-box .app-login-box-title .subtitle { font-size: 14px; color: #7F8FA4; } .app .app-login-box .app-login-box-container { float: left; width: 100%; padding: 0px 30px 30px; } .app .app-login-box .app-login-box-container > .title { float: left; width: 100%; font-size: 14px; font-weight: 400; color: #7F8FA4; margin-bottom: 20px; text-align: center; } .app .app-login-box .app-login-box-or { float: left; width: 100%; padding: 10px 0px 40px; } .app .app-login-box .app-login-box-or .or { width: 40px; height: 40px; margin: 0px auto; position: relative; line-height: 40px; text-align: center; font-weight: 700; color: #7F8FA4; } .app .app-login-box .app-login-box-or .or:after { content: " "; width: 40px; height: 40px; border: 1px solid #DBE0E4; position: absolute; left: 0px; top: 0px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .app .app-login-box .app-login-box-footer { float: left; width: 100%; background: #fafafa; padding: 15px 30px; -webkit-border-top-right-radius: 0px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -webkit-border-top-left-radius: 0px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-topleft: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; border-top-left-radius: 0px; text-align: center; } .app.app-fh { height: 100%; } .app.app-fh .app-container { height: 100%; } .app .app-lock { width: 360px; position: absolute; left: 50%; margin-left: -180px; top: 50%; margin-top: -150px; } .app .app-lock .app-lock-user { width: 100%; height: 100px; float: left; text-align: center; cursor: pointer; } .app .app-lock .app-lock-user img { width: 100px; border: 1px solid #DBE0E4; padding: 5px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-transition: all 100ms linear; -moz-transition: all 100ms linear; -ms-transition: all 100ms linear; -o-transition: all 100ms linear; transition: all 100ms linear; -webkit-box-shadow: 0px 4px 20px 5px rgba(0, 0, 0, 0); -moz-box-shadow: 0px 4px 20px 5px rgba(0, 0, 0, 0); box-shadow: 0px 4px 20px 5px rgba(0, 0, 0, 0); } .app .app-lock .app-lock-user:hover img { -webkit-box-shadow: 0px 4px 20px 5px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0px 4px 20px 5px rgba(0, 0, 0, 0.05); box-shadow: 0px 4px 20px 5px rgba(0, 0, 0, 0.05); } .app .app-lock .app-lock-form { position: relative; float: left; width: 100%; margin-top: 30px; background: #FFF; border: 1px solid #DBE0E4; display: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 15px; -webkit-box-shadow: 0px 4px 20px 5px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0px 4px 20px 5px rgba(0, 0, 0, 0.05); box-shadow: 0px 4px 20px 5px rgba(0, 0, 0, 0.05); -webkit-transition: all 500ms linear; -moz-transition: all 500ms linear; -ms-transition: all 500ms linear; -o-transition: all 500ms linear; transition: all 500ms linear; } .app .app-lock .app-lock-form .form-control { text-align: center; } .app .app-lock .app-lock-form:after, .app .app-lock .app-lock-form:before { bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .app .app-lock .app-lock-form:after { border-color: rgba(136, 183, 213, 0); border-bottom-color: #FFF; border-width: 10px; margin-left: -10px; } .app .app-lock .app-lock-form:before { border-color: rgba(194, 225, 245, 0); border-bottom-color: #DBE0E4; border-width: 11px; margin-left: -11px; } .app .app-lock.app-lock-open .app-lock-user img { -webkit-box-shadow: 0px 4px 20px 5px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0px 4px 20px 5px rgba(0, 0, 0, 0.05); box-shadow: 0px 4px 20px 5px rgba(0, 0, 0, 0.05); } .app .messages .messages-item { float: left; width: 100%; padding-right: 65px; position: relative; margin-bottom: 20px; } .app .messages .messages-item .user { position: absolute; right: 0px; top: 0px; } .app .messages .messages-item .user > img { width: 46px; padding: 3px; border: 1px solid #64baec; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .app .messages .messages-item .text { position: relative; float: right; width: 80%; border: 1px solid #64baec; background: #7bc4ef; color: #FFF; padding: 15px; margin-bottom: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .app .messages .messages-item .text:after, .app .messages .messages-item .text:before { left: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .app .messages .messages-item .text:after { border-color: rgba(245, 245, 245, 0); border-left-color: #7bc4ef; border-width: 6px; margin-top: -6px; } .app .messages .messages-item .text:before { border-color: rgba(240, 240, 240, 0); border-left-color: #64baec; border-width: 7px; margin-top: -7px; } .app .messages .messages-item .date { float: right; width: 80%; color: #7F8FA4; text-align: center; } .app .messages .messages-item.inbox { padding-right: 0px; padding-left: 65px; } .app .messages .messages-item.inbox .user > img { border-color: #50b85d; } .app .messages .messages-item.inbox .text { float: left; background: #62bf6e; border-color: #50b85d; color: #FFF; } .app .messages .messages-item.inbox .text:after, .app .messages .messages-item.inbox .text:before { left: auto; right: 100%; } .app .messages .messages-item.inbox .text:after { border-left-color: transparent; border-right-color: #62bf6e; } .app .messages .messages-item.inbox .text:before { border-left-color: transparent; border-right-color: #50b85d; } .app .messages .messages-item.inbox .date { float: left; } .app .messages .messages-item.inbox .user { left: 0px; right: auto; } .app .messages.messages-comments .messages-item.inbox .user > img { border-color: #DBE0E4; } .app .messages.messages-comments .messages-item.inbox .text { width: 100%; background: #FFF; border-color: #DBE0E4; color: #454545; } .app .messages.messages-comments .messages-item.inbox .text:after { border-left-color: transparent; border-right-color: #FFF; } .app .messages.messages-comments .messages-item.inbox .text:before { border-left-color: transparent; border-right-color: #DBE0E4; } .app .messages.messages-comments .messages-item.inbox .date { text-align: left; } .app .app-blog-important-block { margin: 0px; float: left; width: 100%; margin-bottom: 20px; -webkit-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1); box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1); } .app .app-blog-important-block > div[class^='col-'] { padding: 0px; } .app .app-blog-important-block .tile-basic { margin-bottom: 0px; } .app .app-blog-blocks { margin-left: -10px; margin-right: -10px; margin-bottom: 20px; } .app .app-blog-blocks > div[class^='col-'] { padding-left: 10px; padding-right: 10px; } .app .app-blog-banner { float: left; text-align: center; width: 100%; margin-bottom: 20px; } .app .app-timeline { padding: 20px 0px; float: left; width: 100%; } .app .app-timeline .app-timeline-item { float: left; width: 100%; padding-left: 70px; position: relative; padding-bottom: 30px; } .app .app-timeline .app-timeline-item > .user { position: absolute; left: 0px; top: 0px; z-index: 2; } .app .app-timeline .app-timeline-item > .user > img { width: 45px; height: 45px; padding: 2px; border: 1px solid #DBE0E4; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background: #FFF; } .app .app-timeline .app-timeline-item > .dot { position: absolute; left: 13px; top: 13px; width: 21px; height: 21px; background: #DBE0E4; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; z-index: 2; } .app .app-timeline .app-timeline-item > .dot:before { content: " "; position: absolute; top: 11px; left: 13px; width: 20px; height: 1px; z-index: 1; background: #DBE0E4; } .app .app-timeline .app-timeline-item > .dot:after { content: " "; position: absolute; width: 11px; height: 11px; background: #FFF; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; top: 5px; left: 5px; z-index: 3; } .app .app-timeline .app-timeline-item > .dot.dot-primary:after { background: #292f43; } .app .app-timeline .app-timeline-item > .dot.dot-info:after { background: #4FB5DD; } .app .app-timeline .app-timeline-item > .dot.dot-success:after { background: #76AB3C; } .app .app-timeline .app-timeline-item > .dot.dot-warning:after { background: #F69F00; } .app .app-timeline .app-timeline-item > .dot.dot-danger:after { background: #F04E51; } .app .app-timeline .app-timeline-item > .content { padding: 12px 20px 12px; float: left; width: 100%; background: #FFF; border: 1px solid #DBE0E4; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .app .app-timeline .app-timeline-item > .content .title { margin-bottom: 10px; foat: left; width: 100%; color: #7F8FA4; } .app .app-timeline .app-timeline-item > .content .title > a { font-weight: 600; } .app .app-timeline .app-timeline-item > .content strong { font-weight: 600; color: #1B2431; } .app .app-timeline .app-timeline-item > .content .comments { position: relative; float: left; width: 100%; margin-top: 20px; margin-bottom: 5px; border: 1px solid #ebebeb; } .app .app-timeline .app-timeline-item > .content .comments .total { float: left; width: 100%; line-height: 30px; background: #f2f2f2; padding: 10px 20px; border-bottom: 1px solid #ebebeb; font-weight: 600; } .app .app-timeline .app-timeline-item > .content .comments .comment { float: left; width: 100%; padding: 15px 20px 0px; background: #f7f7f7; border-bottom: 1px dashed #DBE0E4; } .app .app-timeline .app-timeline-item > .content .comments .comment:last-child { border-bottom: 0px; } .app .app-timeline .app-timeline-item > .content .comments .form { display: block; float: left; background: #f2f2f2; padding: 10px 15px; } .app .app-timeline .app-timeline-item > .content .comments:after, .app .app-timeline .app-timeline-item > .content .comments:before { bottom: 100%; left: 20px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .app .app-timeline .app-timeline-item > .content .comments:after { border-color: rgba(136, 183, 213, 0); border-bottom-color: #f2f2f2; border-width: 8px; margin-left: -8px; } .app .app-timeline .app-timeline-item > .content .comments:before { border-color: rgba(194, 225, 245, 0); border-bottom-color: #e6e6e6; border-width: 9px; margin-left: -9px; } .app .app-timeline .app-timeline-item:after { position: absolute; z-index: 1; width: 26px; height: 1px; content: " "; left: 45px; top: 24px; background: #DBE0E4; } .app .app-timeline .app-timeline-item:before { position: absolute; z-index: 1; width: 1px; height: 100%; content: " "; left: 23px; top: 0px; background: #DBE0E4; } .app .app-timeline .app-timeline-more { float: left; width: 100%; height: 50px; position: relative; } .app .app-timeline .app-timeline-more > a { position: absolute; width: 45px; height: 45px; background: #FFF; border: 1px solid #DBE0E4; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; line-height: 32px; font-size: 21px; text-align: center; font-weight: bold; text-decoration: none; color: #454545; -webkit-transition: background 100ms linear; -moz-transition: background 100ms linear; -ms-transition: background 100ms linear; -o-transition: background 100ms linear; transition: background 100ms linear; } .app .app-timeline .app-timeline-more > a:hover { color: #1B2431; background: #F5F5F5; } .app .app-timeline.dir-right .app-timeline-item { padding-left: 0px; padding-right: 70px; } .app .app-timeline.dir-right .app-timeline-item > .user { left: auto; right: 0px; } .app .app-timeline.dir-right .app-timeline-item:after { left: auto; right: 45px; } .app .app-timeline.dir-right .app-timeline-item:before { left: auto; right: 23px; } .app .app-timeline.dir-right .app-timeline-more > a { right: 0px; } .app .app-timeline.dir-right.app-timeline-simple .app-timeline-item > .dot { left: auto; right: 13px; } .app .app-timeline.dir-right.app-timeline-simple .app-timeline-item > .dot:before { left: auto; right: 13px; } .app .app-timeline.app-timeline-simple .app-timeline-item { padding-left: 45px; padding-bottom: 15px; } .app .app-timeline.app-timeline-simple .app-timeline-item:after { display: none; } .app .app-timeline.app-timeline-simple .app-timeline-item:last-child { padding-bottom: 0px; } .app .app-timeline.mCustomScrollbar { padding-right: 0px !important; } .app .app-timeline.mCustomScrollbar .mCSB_container { padding-right: 20px; } .wizard { float: left; width: 100%; margin-bottom: 20px; } .wizard .anchor { width: 100%; float: left; padding: 0px; margin: 0px; list-style: none; display: block; position: relative; } .wizard .anchor:after { content: " "; position: absolute; bottom: 0px; left: 0px; width: 100%; height: 3px; background: #DBE0E4; z-index: 1; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .wizard .anchor li { float: left; display: block; } .wizard .anchor li a { color: #1B2431; text-decoration: none; display: block; padding: 10px 20px 30px 0px; position: relative; font-size: 16px; } .wizard .anchor li a .stepNumber { display: none; } .wizard .anchor li a .stepDesc { font-size: 12px; font-weight: 600; line-height: 20px; text-transform: uppercase; } .wizard .anchor li a .stepDesc small { color: #7F8FA4; font-size: 11px; font-weight: 600; line-height: 20px; } .wizard .anchor li a:before { content: " "; position: absolute; bottom: 0px; left: 0px; width: 100%; height: 3px; background: #DBE0E4; z-index: 2; } .wizard .anchor li a:after { content: " "; position: absolute; bottom: -15px; left: 0px; width: 35px; height: 35px; background: #FFF; border: 3px solid #DBE0E4; z-index: 3; text-align: center; line-height: 28px; color: #1B2431; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .wizard .anchor li a.done:after { border-color: #76AB3C; background: #83bd43; color: #FFF; content: "\f00c"; font-family: FontAwesome; } .wizard .anchor li a.done:before { background-color: #76AB3C; background-image: -webkit-gradient(linear, left top, right top, from(#76AB3C), to(#292f43)); background-image: -webkit-linear-gradient(left, #76AB3C, #292f43); background-image: -moz-linear-gradient(left, #76AB3C, #292f43); background-image: -ms-linear-gradient(left, #76AB3C, #292f43); background-image: -o-linear-gradient(left, #76AB3C, #292f43); } .wizard .anchor li a.done.active:before { background-color: #76AB3C; background-image: -webkit-gradient(linear, left top, right top, from(#76AB3C), to(#76AB3C)); background-image: -webkit-linear-gradient(left, #76AB3C, #76AB3C); background-image: -moz-linear-gradient(left, #76AB3C, #76AB3C); background-image: -ms-linear-gradient(left, #76AB3C, #76AB3C); background-image: -o-linear-gradient(left, #76AB3C, #76AB3C); } .wizard .anchor li a.error:after { border-color: #F04E51; background: #f26668; content: "\f00d"; font-family: FontAwesome; color: #FFF; } .wizard .anchor li a.error:before { background: #F04E51; } .wizard .anchor li a.selected:after { border-color: #292f43; background: #333a52; content: "\f0da"; font-family: FontAwesome; color: #FFF; padding-left: 2px; border-width: 3px; line-height: 28px; } .wizard .anchor li a.selected:before { background-color: #292f43; background-image: -webkit-gradient(linear, left top, right top, from(#292f43), to(#DBE0E4)); background-image: -webkit-linear-gradient(left, #292f43, #DBE0E4); background-image: -moz-linear-gradient(left, #292f43, #DBE0E4); background-image: -ms-linear-gradient(left, #292f43, #DBE0E4); background-image: -o-linear-gradient(left, #292f43, #DBE0E4); } .wizard .anchor li a.selected.active:after { border-color: #76AB3C; background: #76AB3C; color: #FFF; content: "\f00c"; padding-left: 0px; } .wizard .anchor li a.selected.active:before { background-color: #76AB3C; background-image: -webkit-gradient(linear, left top, right top, from(#76AB3C), to(#76AB3C)); background-image: -webkit-linear-gradient(left, #76AB3C, #76AB3C); background-image: -moz-linear-gradient(left, #76AB3C, #76AB3C); background-image: -ms-linear-gradient(left, #76AB3C, #76AB3C); background-image: -o-linear-gradient(left, #76AB3C, #76AB3C); } .wizard .anchor.steps_1 li { width: 100%; } .wizard .anchor.steps_2 li { width: 50%; } .wizard .anchor.steps_3 li { width: 33.333333%; } .wizard .anchor.steps_4 li { width: 25%; } .wizard .anchor.steps_5 li { width: 20%; } .wizard .anchor.steps_6 li { width: 16.666666%; } .wizard .anchor.steps_7 li { width: 14.285714%; } .wizard .anchor.steps_8 li { width: 12.5%; } .wizard .stepContainer, .wizard .actionBar { float: left; width: 100%; margin-top: 50px; } .wizard .actionBar { margin-top: 20px; } .wizard .actionBar .btn.pull-right { margin-left: 5px; } .wizard .actionBar .btn-primary { display: none; } .wizard .actionBar .loader { display: none; } .app .invoice { float: left; width: 100%; background: #FFF; border: 1px solid #DBE0E4; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .app .invoice .invoice-container { float: left; width: 100%; padding: 50px 0px; } .app .invoice .invoice-container.invoice-container-highlight { background: #f2f2f2; } .app .invoice .invoice-table-total { width: 300px; float: right; } .app .invoice .invoice-table-highlight > td { background: #f2f2f2; } .app .invoice .invoice-thanks { float: left; width: 100%; margin-top: 50px; } .app .invoice .invoice-thanks .title { font-size: 15px; font-weight: 600; text-transform: uppercase; color: #1B2431; line-height: 20px; } .app .invoice .invoice-thanks p { color: #7F8FA4; margin-top: 0px; } .app .invoice .invoice-company { position: relative; float: left; width: 100%; padding-left: 55px; } .app .invoice .invoice-company h2 { font-size: 15px; font-weight: 700; margin: 0px; line-height: 20px; padding: 0px; text-transform: uppercase; margin-top: 15px; color: #1B2431; } .app .invoice .invoice-company p { font-size: 13px; font-weight: 400; margin-top: 0px; color: #7F8FA4; } .app .invoice .invoice-company > img { position: absolute; left: 0px; top: 0px; } .app .invoice .invoice-number { float: left; width: 100%; text-align: right; } .app .invoice .invoice-number h3 { font-size: 15px; font-weight: 600; margin: 0px; line-height: 20px; padding: 0px; text-transform: uppercase; margin-top: 15px; color: #1B2431; } .app .invoice .invoice-number p { font-size: 13px; font-weight: 400; margin-top: 0px; color: #7F8FA4; } .app .pricing-table { float: left; width: 100%; background: #FFF; border: 1px solid #DBE0E4; margin-top: 50px; margin-bottom: 30px; } .app .pricing-table .title, .app .pricing-table .price, .app .pricing-table .subtitle, .app .pricing-table .divider, .app .pricing-table .features, .app .pricing-table .button-holder { float: left; width: 100%; text-align: center; padding: 20px; } .app .pricing-table .title { font-size: 15px; font-weight: 700; text-transform: uppercase; color: #1B2431; } .app .pricing-table .price { padding-bottom: 10px; line-height: 50px; font-family: sans-serif; font-size: 52px; font-weight: 700; color: #1B2431; } .app .pricing-table .subtitle { padding-top: 0px; font-style: italic; color: #7F8FA4; } .app .pricing-table .divider { height: 1px; background: #DBE0E4; padding: 0px; } .app .pricing-table .features .line { float: left; width: 100%; line-height: 30px; margin-bottom: 5px; } .app .pricing-table .features .line span { font-size: 14px; margin-right: 10px; } .app .pricing-table .features .line span.fa-check { color: #76AB3C; } .app .pricing-table .features .line span.fa-times { color: #F04E51; } .app .pricing-table .button-holder { padding: 20px; } .app .pricing-table.featured { border-top: 5px solid #F04E51; margin-top: 26px; z-index: 2; -webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.1); } .app .pricing-table.featured .price { line-height: 70px; font-size: 65px; } .app .pricing-table.pricing-table-primary { background: #292f43; border-color: #1f2433; color: #FFF; } .app .pricing-table.pricing-table-primary .title, .app .pricing-table.pricing-table-primary .price { color: #FFF; } .app .pricing-table.pricing-table-primary .subtitle { color: #FFF; } .app .pricing-table.pricing-table-primary .divider { background: #1f2433; } .app .pricing-table.pricing-table-success { background: #76AB3C; border-color: #699835; color: #FFF; } .app .pricing-table.pricing-table-success .title, .app .pricing-table.pricing-table-success .price { color: #FFF; } .app .pricing-table.pricing-table-success .subtitle { color: #FFF; } .app .pricing-table.pricing-table-success .divider { background: #699835; } .app .pricing-table.pricing-table-warning { background: #F69F00; border-color: #dd8f00; color: #FFF; } .app .pricing-table.pricing-table-warning .title, .app .pricing-table.pricing-table-warning .price { color: #FFF; } .app .pricing-table.pricing-table-warning .subtitle { color: #FFF; } .app .pricing-table.pricing-table-warning .divider { background: #dd8f00; } .app .pricing-table.pricing-table-danger { background: #F04E51; border-color: #ee363a; color: #FFF; } .app .pricing-table.pricing-table-danger .title, .app .pricing-table.pricing-table-danger .price { color: #FFF; } .app .pricing-table.pricing-table-danger .subtitle { color: #FFF; } .app .pricing-table.pricing-table-danger .divider { background: #ee363a; } .app .pricing-table.pricing-table-info { background: #4FB5DD; border-color: #3aacd9; color: #FFF; } .app .pricing-table.pricing-table-info .title, .app .pricing-table.pricing-table-info .price { color: #FFF; } .app .pricing-table.pricing-table-info .subtitle { color: #FFF; } .app .pricing-table.pricing-table-info .divider { background: #3aacd9; } .app .pricing-tables.pricing-tables-condensed { margin: 0px; } .app .pricing-tables.pricing-tables-condensed > div[class^="col-"] { padding: 0px; margin-left: -1px; } .app .pricing-tables.pricing-tables-condensed .pricing-table { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .app .credit-card { float: left; width: 100%; padding: 20px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background: #FFF; border: 1px solid #DBE0E4; min-width: 340px; overflow-x: auto; margin-bottom: 20px; -webkit-transition: box-shadow 100ms linear; -moz-transition: box-shadow 100ms linear; -ms-transition: box-shadow 100ms linear; -o-transition: box-shadow 100ms linear; transition: box-shadow 100ms linear; } .app .credit-card .row { margin-bottom: 25px; } .app .credit-card .row:last-child { margin-bottom: 0px; } .app .credit-card .company { margin: 0px; } .app .credit-card .number { font-size: 26px; color: #1B2431; font-weight: 700; line-height: 30px; text-align: center; } .app .credit-card .number > div { margin-top: 9px; } .app .credit-card .number > div:last-child { margin-top: 0px; line-height: 40px; } .app .credit-card .subtitle { float: left; width: 100%; font-size: 11px; font-weight: 600; color: #7F8FA4; text-transform: uppercase; line-height: 16px; } .app .credit-card .title { float: left; width: 100%; font-size: 13px; font-weight: 600; color: #1B2431; text-transform: uppercase; line-height: 20px; } .app .credit-card:hover { -webkit-box-shadow: 0px 4px 20px 5px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0px 4px 20px 5px rgba(0, 0, 0, 0.05); box-shadow: 0px 4px 20px 5px rgba(0, 0, 0, 0.05); } @media (max-width: 1200px) { .app .invoice .invoice-container { padding: 30px 20px; } } @media (max-width: 992px) { .app .invoice .invoice-table-total { width: 100%; } .app .pricing-table { margin-top: 20px; margin-bottom: 0px; } } .icons-preview { list-style: none; padding: 0px; margin: 0px; display: block; width: 100%; text-align: center; } .icons-preview li { float: none; display: inline-block; width: 40px; height: 40px; line-height: 40px; text-align: center; border: 1px solid #DBE0E4; margin: 0px 1px 4px 0px; cursor: pointer; background: #FFF; -webkit-transition: background 100ms linear; -moz-transition: background 100ms linear; -ms-transition: background 100ms linear; -o-transition: background 100ms linear; transition: background 100ms linear; } .icons-preview li span[class^='icon-'], .icons-preview li span.fa { line-height: 40px; font-size: 20px; } .icons-preview li span.fa { font-size: 14px; } .icons-preview li span.name { display: none; } .icons-preview li:hover { background: #F5F5F5; } .icons-preview.extended li { width: 100px; height: 100px; padding: 5px; margin: 0px 1px 0px 0px; overflow: hidden; } .icons-preview.extended li span[class^='icon-'], .icons-preview.extended li span.fa { line-height: 60px; font-size: 40px; display: block; float: left; width: 100%; } .icons-preview.extended li span.fa { font-size: 28px; } .icons-preview.extended li span.name { display: block; float: left; width: 100%; font-size: 11px; font-weight: 600; line-height: 14px; } .modal-icon-preview-icon span[class^="icon-"] { font-size: 60px; } .modal-icon-preview-icon span.fa { font-size: 42px; } .dropdown.dropdown-example > .dropdown-menu, .dropup.dropdown-example > .dropdown-menu { position: static; display: block; margin-bottom: 1px; clear: left; } .app-chart-wrapper { float: left; width: 100%; position: relative; } .app-chart-wrapper.app-chart-with-axis { padding-left: 20px; padding-bottom: 20px; } .app-chart-wrapper.app-chart-with-axis .app-chart-yaxis { position: absolute; left: 0px; height: 100%; width: 20px; } .app-chart-wrapper.app-chart-with-axis .app-chart-xaxis { position: absolute; width: 100%; height: 21px; left: 20px; bottom: 0px; } .app-chart-wrapper.app-chart-with-axis .rickshaw_graph .y_ticks path, .app-chart-wrapper.app-chart-with-axis .rickshaw_graph .x_ticks_d3 path { stroke: #DDD; } .app-chart-wrapper.app-chart-with-axis .detail .x_label { display: none !important; } .simple-code-sample { float: left; width: 100%; background: #F5F5F5; color: #333; padding: 15px 20px; line-height: 25px; font-weight: 600; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } /* chart holder */ .app-chart-holder { float: left; width: 100%; } .chart-legend { position: absolute; top: 5px; right: 5px; } .rickshaw_legend { background: rgba(255, 255, 255, 0.4); } .rickshaw_legend .label { color: #000; } /* chart holder */ /* sparkline */ .jqstooltip { display: block !important; padding: 0px !important; border: 0px !important; } .jqsfield { padding: 4px 5px 5px; display: inline-block; line-height: 20px; } /* eof sparkline */ .doc_fix_nav { position: relative; } .doc_fix_nav.fixed { position: fixed; top: 15px; width: 100%; } .doc_fix_nav.fixed.stack { top: auto; bottom: 392px; } .app-settings { position: fixed; top: 140px; right: -260px; width: 260px; padding: 10px; background: #FFF; border: 1px solid #DBE0E4; border-right: 0px; z-index: 100; color: #454545; -webkit-border-top-right-radius: 0px; -webkit-border-bottom-right-radius: 0px; -webkit-border-bottom-left-radius: 3px; -webkit-border-top-left-radius: 3px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 3px; -moz-border-radius-topleft: 3px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 3px; border-top-left-radius: 3px; -webkit-transition: all 100ms linear; -moz-transition: all 100ms linear; -ms-transition: all 100ms linear; -o-transition: all 100ms linear; transition: all 100ms linear; } .app-settings > .app-settings-button { position: absolute; left: -40px; top: 10px; width: 40px; height: 40px; background: #F04E51; color: #FFF; border: 1px solid #ef4548; line-height: 41px; text-align: center; font-size: 20px; cursor: pointer; -webkit-border-top-right-radius: 0px; -webkit-border-bottom-right-radius: 0px; -webkit-border-bottom-left-radius: 3px; -webkit-border-top-left-radius: 3px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 3px; -moz-border-radius-topleft: 3px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 3px; border-top-left-radius: 3px; -webkit-transition: all 100ms linear; -moz-transition: all 100ms linear; -ms-transition: all 100ms linear; -o-transition: all 100ms linear; transition: all 100ms linear; -webkit-box-shadow: -2px 0px 3px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: -2px 0px 3px 2px rgba(0, 0, 0, 0.05); box-shadow: -2px 0px 3px 2px rgba(0, 0, 0, 0.05); } .app-settings > .app-settings-button:hover { background: #ef4043; } .app-settings > .app-settings-setting { float: left; width: 100%; margin-top: 20px; } .app-settings > p { margin-top: 20px; float: left; width: 100%; font-size: 12px; color: #7F8FA4; } .app-settings > p > span { font-size: 13px; font-weight: 600; color: #454545; } .app-settings > .app-settings-themes-header, .app-settings > .app-settings-themes-navigation, .app-settings > .app-settings-themes-footer { float: left; width: 100%; } .app-settings > .app-settings-themes-header > span, .app-settings > .app-settings-themes-navigation > span, .app-settings > .app-settings-themes-footer > span { display: block; float: left; width: 100%; margin-bottom: 10px; line-height: 20px; font-size: 13px; font-weight: 600; } .app-settings > .app-settings-themes-header > div, .app-settings > .app-settings-themes-navigation > div, .app-settings > .app-settings-themes-footer > div { width: 40px; height: 40px; float: left; margin: 0px 5px 5px 0px; cursor: pointer; } .app-settings > .app-settings-themes-header > div.active, .app-settings > .app-settings-themes-navigation > div.active, .app-settings > .app-settings-themes-footer > div.active { -webkit-box-shadow: 0px 0px 0px 2px rgba(240, 78, 81, 0.4); -moz-box-shadow: 0px 0px 0px 2px rgba(240, 78, 81, 0.4); box-shadow: 0px 0px 0px 2px rgba(240, 78, 81, 0.4); } .app-settings > .app-settings-themes-header > div.app-header-design-default { border: 1px solid #DBE0E4; background: #FFF; } .app-settings > .app-settings-themes-header > div.app-header-design-dark { border: 1px solid #292f43; background: #272c40; } .app-settings > .app-settings-themes-header > div.app-header-design-lightblue { border: 1px solid #dae5f0; background: darken #f7f9fb; } .app-settings > .app-settings-themes-header > div.app-header-design-orange { border: 1px solid #f8bf63; background: #f8c36d; } .app-settings > .app-settings-themes-header > div.app-header-design-blue { border: 1px solid #204d78; background: #225280; } .app-settings .app-settings-themes-navigation > span { margin-top: 20px; } .app-settings .app-settings-themes-navigation > div.app-navigation-style-default { border: 1px solid #292f43; background: #2D3349; } .app-settings .app-settings-themes-navigation > div.app-navigation-style-light { border: 1px solid #F2F2F2; background: #FFF; } .app-settings .app-settings-themes-navigation > div.app-navigation-style-lightblue { border: 1px solid #e1eaf3; background: #f7f9fb; } .app-settings .app-settings-themes-navigation > div.app-navigation-style-purple { border: 1px solid #362c42; background: #3b3048; } .app-settings .app-settings-themes-navigation > div.app-navigation-style-blue { border: 1px solid #204d78; background: #225280; } .app-settings .app-settings-themes-footer > span { margin-top: 20px; } .app-settings .app-settings-themes-footer > div.app-footer-default { border: 1px solid #212636; background: #252a3c; } .app-settings .app-settings-themes-footer > div.app-footer-dark { border: 1px solid #000; background: #111; } .app-settings .app-settings-themes-footer > div.app-footer-light { border: 1px solid #E5E5E5; background: #FFF; } .app-settings .app-settings-themes-footer > div.app-footer-purple { border: 1px solid #362c42; background: #3b3048; } .app-settings .app-settings-themes-footer > div.app-footer-blue { border: 1px solid #204d78; background: #225280; } .app-settings.open { right: 0px; border: 1px solid #E5E5E5; -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1); } .app-settings.open > .app-settings-button { background: #FFF; border: 1px solid #E5E5E5; color: #454545; border-right-color: #FFF; } .img-thumbnail { padding: 3px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; width: 100%; } .app .app-error-container { float: left; width: 100%; min-height: 100%; background: url("../img/backgrounds/sky.png") center center repeat; } .app .app-error-container .app-error { position: absolute; left: 50%; top: 50%; margin-top: -175px; margin-left: -250px; width: 500px; height: 350px; text-align: center; } .app .app-error-container .app-error .app-error-code { font-size: 220px; font-weight: 300; float: left; width: 100%; line-height: 200px; color: #2D3349; margin-bottom: 20px; } .app .app-error-container .app-error .app-error-message { float: left; width: 100%; font-size: 17px; font-weight: 600; line-height: 30px; color: #7F8FA4; margin-bottom: 50px; } .app .app-error-container .app-error .app-error-button { float: left; width: 100%; } .app.app-rtl { /* NAVIGATION */ /* END NAVIGATION */ /* HEADING */ /* END HEADING */ /* BREADCRUMB */ /* END BREADCRUMB */ } .app.app-rtl .app-navigation .app-navigation-logo { background: url(../img/logo-rtl.png) right top no-repeat #272c40; } .app.app-rtl .app-navigation nav ul > li.openable > a:after { content: "\e874"; right: auto; left: 0px; padding: 10px; } .app.app-rtl .app-navigation nav ul > li.openable > a span.label { left: 40px; } .app.app-rtl .app-navigation nav > ul > li a { text-align: right; padding: 10px 15px 10px 30px; } .app.app-rtl .app-navigation nav > ul > li a span { float: right; margin: 0px 0px 0px 15px; } .app.app-rtl .app-navigation nav > ul > li a span.label { margin: 0px; right: auto; left: 10px; } .app.app-rtl .app-navigation nav > ul > li ul > li > a { padding-right: 30px; } .app.app-rtl .app-navigation nav > ul > li ul > li ul > li > a { padding-right: 45px; } .app.app-rtl .app-navigation nav > ul > li.title { text-align: right; padding: 20px 15px 10px 0px; } .app.app-rtl .app-navigation.app-navigation-minimized .app-navigation-logo { background-image: url(../img/logo-sm.png); } .app.app-rtl .app-navigation.app-navigation-minimized nav > ul > li > a { padding: 10px !important; } .app.app-rtl .app-navigation.app-navigation-minimized nav > ul > li > a span { float: right; margin-left: 0px; margin-top: 0px; text-align: center; } .app.app-rtl .app-navigation.app-navigation-minimized nav ul > li > a { padding-right: 15px; } .app.app-rtl .app-navigation.app-navigation-minimized nav ul > li.openable > a:after { content: "\e93c"; } .app.app-rtl .app-navigation.app-navigation-minimized nav ul > li.open > a:after { content: "\e93b"; } .app.app-rtl .app-heading .icon { float: right; margin-right: 0px; margin-left: 15px; } .app.app-rtl .app-heading .title { float: right; text-align: right; } .app.app-rtl .app-heading .heading-elements { float: left; } .app.app-rtl .breadcrumb { float: right; } .app.app-rtl .breadcrumb > li + li:before { content: "\f104"; } /*small icons on left menu*/ .fa-sub { font-size: 1em !important; margin-top: 10px !important; margin-right: 5px !important; }