@charset "UTF-8";/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */@import url("https://fonts.googleapis.com/css?family=Karla");@import url("https://fonts.googleapis.com/css?family=Source+Serif+Pro");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 { box-sizing: content-box; height: 0; } pre { overflow: auto; } code,kbd,pre,samp { font-family: monospace, monospace; font-size: 1em; } button,input,optgroup,select,textarea { color: inherit; font: inherit; margin: 0; } button { overflow: visible; } button,select { text-transform: none; } button,html input[type="button"],input[type="reset"],input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled],html input[disabled] { cursor: default; } button::-moz-focus-inner,input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } input[type="checkbox"],input[type="radio"] { box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"] { -webkit-appearance: textfield; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; } textarea { overflow: auto; } optgroup { font-weight: bold; } table { border-collapse: collapse; border-spacing: 0; } td,th { padding: 0; } /*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */@media print { *, *:before, *:after { background: transparent !important; color: #000 !important; box-shadow: none !important; text-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } a[href^="#"]:after, a[href^="javascript:"]:after { content: ""; } 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: transparent; } body { font-family: Karla, sans-serif; font-size: 14px; line-height: 1.78571; color: #333333; background-color: #fff; } input,button,select,textarea { font-family: inherit; font-size: inherit; line-height: inherit; } a { color: #6B8C56; text-decoration: none; } a:hover, a:focus { color: #536c43; text-decoration: none; } a:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } figure { margin: 0; } img { vertical-align: middle; } .img-responsive { display: block; max-width: 100%; height: auto; } .img-rounded { border-radius: 6px; } .img-thumbnail { padding: 4px; line-height: 1.78571; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; display: inline-block; max-width: 100%; height: auto; } .img-circle { border-radius: 50%; } hr { margin-top: 25px; margin-bottom: 25px; border: 0; border-top: 1px solid #eeeeee; } .sr-only, .bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]::after, .bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]::after, .bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]::after, .bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]::after, .bootstrap-datetimepicker-widget .btn[data-action="showHours"]::after, .bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]::after, .bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]::after, .bootstrap-datetimepicker-widget .btn[data-action="clear"]::after, .bootstrap-datetimepicker-widget .btn[data-action="today"]::after, .bootstrap-datetimepicker-widget .picker-switch::after, .bootstrap-datetimepicker-widget table th.prev::after, .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; } .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: "Source Serif Pro", serif; font-weight: 500; line-height: 1.1; color: inherit; } h1 small, h1 .small, h2 small, h2 .small, h3 small, h3 .small, h4 small, h4 .small, h5 small, h5 .small, h6 small, h6 .small, .h1 small, .h1 .small, .h2 small, .h2 .small, .h3 small, .h3 .small, .h4 small, .h4 .small, .h5 small, .h5 .small, .h6 small, .h6 .small { font-weight: normal; line-height: 1; color: #777777; } h1, .h1,h2, .h2,h3, .h3 { margin-top: 25px; margin-bottom: 12.5px; } h1 small, h1 .small, .h1 small, .h1 .small, h2 small, h2 .small, .h2 small, .h2 .small, h3 small, h3 .small, .h3 small, .h3 .small { font-size: 65%; } h4, .h4,h5, .h5,h6, .h6 { margin-top: 12.5px; margin-bottom: 12.5px; } h4 small, h4 .small, .h4 small, .h4 .small, h5 small, h5 .small, .h5 small, .h5 .small, h6 small, h6 .small, .h6 small, .h6 .small { font-size: 75%; } h1, .h1 { font-size: 36px; } h2, .h2 { font-size: 30px; } h3, .h3 { font-size: 24px; } h4, .h4 { font-size: 18px; } h5, .h5 { font-size: 14px; } h6, .h6 { font-size: 12px; } p { margin: 0 0 12.5px; } .lead { margin-bottom: 25px; font-size: 16px; font-weight: 300; line-height: 1.4; } @media (min-width: 990px) { .lead { font-size: 21px; } } small,.small { font-size: 85%; } 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, .initialism { text-transform: uppercase; } .text-capitalize { text-transform: capitalize; } .text-muted { color: #777777; } .text-primary { color: #8B3765; } a.text-primary:hover,a.text-primary:focus { color: #66294a; } .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; } .bg-primary { background-color: #8B3765; } a.bg-primary:hover,a.bg-primary:focus { background-color: #66294a; } .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: 11.5px; margin: 50px 0 25px; border-bottom: 1px solid #eeeeee; } ul,ol { margin-top: 0; margin-bottom: 12.5px; } ul ul, ul ol, ol ul, 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: 25px; } dt,dd { line-height: 1.78571; } dt { font-weight: bold; } dd { margin-left: 0; } .dl-horizontal dd:before, .dl-horizontal dd:after { content: " "; display: table; } .dl-horizontal dd:after { clear: both; } @media (min-width: 990px) { .dl-horizontal dt { float: left; width: 160px; clear: left; text-align: right; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .dl-horizontal dd { margin-left: 180px; } } abbr[title],abbr[data-original-title] { cursor: help; border-bottom: 1px dotted #777777; } .initialism { font-size: 90%; } blockquote { padding: 12.5px 25px; margin: 0 0 25px; font-size: 17.5px; border-left: 5px solid #eeeeee; } blockquote p:last-child, blockquote ul:last-child, blockquote ol:last-child { margin-bottom: 0; } blockquote footer, blockquote small, blockquote .small { display: block; font-size: 80%; line-height: 1.78571; color: #777777; } blockquote footer:before, blockquote small:before, blockquote .small:before { content: '\2014 \00A0'; } .blockquote-reverse,blockquote.pull-right { padding-right: 15px; padding-left: 0; border-right: 5px solid #eeeeee; border-left: 0; text-align: right; } .blockquote-reverse footer:before, .blockquote-reverse small:before, .blockquote-reverse .small:before, blockquote.pull-right footer:before, blockquote.pull-right small:before, blockquote.pull-right .small:before { content: ''; } .blockquote-reverse footer:after, .blockquote-reverse small:after, .blockquote-reverse .small:after, blockquote.pull-right footer:after, blockquote.pull-right small:after, blockquote.pull-right .small:after { content: '\00A0 \2014'; } address { margin-bottom: 25px; font-style: normal; line-height: 1.78571; } code,kbd,pre,samp { font-family: Menlo, Monaco, Consolas, "Courier New", monospace; } code { padding: 2px 4px; font-size: 90%; color: #c7254e; background-color: #f9f2f4; border-radius: 4px; box-shadow: 1px 1px rgba(0, 0, 0, 0.2); } code[class*="language-"],pre[class*="language-"] { box-shadow: none; } kbd { padding: 2px 4px; font-size: 90%; color: #fff; background-color: #333; border-radius: 3px; box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25); } kbd kbd { padding: 0; font-size: 100%; font-weight: bold; box-shadow: none; } pre { display: block; padding: 12px; margin: 0 0 12.5px; font-size: 13px; line-height: 1.78571; word-break: break-all; word-wrap: break-word; color: #333333; background-color: #f5f5f5; border: 1px solid #ccc; border-radius: 4px; } pre code { padding: 0; font-size: inherit; color: inherit; white-space: pre-wrap; background-color: transparent; border-radius: 0; } .pre-scrollable { max-height: 340px; overflow-y: scroll; } .container { margin-right: auto; margin-left: auto; padding-left: 25px; padding-right: 25px; } .container:before, .container:after { content: " "; display: table; } .container:after { clear: both; } @media (min-width: 990px) { .container { width: 990px; } } @media (min-width: 1152px) { .container { width: 990px; } } @media (min-width: 1366px) { .container { width: 990px; } } .container-fluid { margin-right: auto; margin-left: auto; padding-left: 25px; padding-right: 25px; } .container-fluid:before, .container-fluid:after { content: " "; display: table; } .container-fluid:after { clear: both; } .row { margin-left: -25px; margin-right: -25px; } .row:before, .row:after { content: " "; display: table; } .row:after { clear: both; } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-left: 25px; padding-right: 25px; } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; } .col-xs-1 { width: 8.33333%; } .col-xs-2 { width: 16.66667%; } .col-xs-3 { width: 25%; } .col-xs-4 { width: 33.33333%; } .col-xs-5 { width: 41.66667%; } .col-xs-6 { width: 50%; } .col-xs-7 { width: 58.33333%; } .col-xs-8 { width: 66.66667%; } .col-xs-9 { width: 75%; } .col-xs-10 { width: 83.33333%; } .col-xs-11 { width: 91.66667%; } .col-xs-12 { width: 100%; } .col-xs-pull-0 { right: auto; } .col-xs-pull-1 { right: 8.33333%; } .col-xs-pull-2 { right: 16.66667%; } .col-xs-pull-3 { right: 25%; } .col-xs-pull-4 { right: 33.33333%; } .col-xs-pull-5 { right: 41.66667%; } .col-xs-pull-6 { right: 50%; } .col-xs-pull-7 { right: 58.33333%; } .col-xs-pull-8 { right: 66.66667%; } .col-xs-pull-9 { right: 75%; } .col-xs-pull-10 { right: 83.33333%; } .col-xs-pull-11 { right: 91.66667%; } .col-xs-pull-12 { right: 100%; } .col-xs-push-0 { left: auto; } .col-xs-push-1 { left: 8.33333%; } .col-xs-push-2 { left: 16.66667%; } .col-xs-push-3 { left: 25%; } .col-xs-push-4 { left: 33.33333%; } .col-xs-push-5 { left: 41.66667%; } .col-xs-push-6 { left: 50%; } .col-xs-push-7 { left: 58.33333%; } .col-xs-push-8 { left: 66.66667%; } .col-xs-push-9 { left: 75%; } .col-xs-push-10 { left: 83.33333%; } .col-xs-push-11 { left: 91.66667%; } .col-xs-push-12 { left: 100%; } .col-xs-offset-0 { margin-left: 0%; } .col-xs-offset-1 { margin-left: 8.33333%; } .col-xs-offset-2 { margin-left: 16.66667%; } .col-xs-offset-3 { margin-left: 25%; } .col-xs-offset-4 { margin-left: 33.33333%; } .col-xs-offset-5 { margin-left: 41.66667%; } .col-xs-offset-6 { margin-left: 50%; } .col-xs-offset-7 { margin-left: 58.33333%; } .col-xs-offset-8 { margin-left: 66.66667%; } .col-xs-offset-9 { margin-left: 75%; } .col-xs-offset-10 { margin-left: 83.33333%; } .col-xs-offset-11 { margin-left: 91.66667%; } .col-xs-offset-12 { margin-left: 100%; } @media (min-width: 990px) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; } .col-sm-1 { width: 8.33333%; } .col-sm-2 { width: 16.66667%; } .col-sm-3 { width: 25%; } .col-sm-4 { width: 33.33333%; } .col-sm-5 { width: 41.66667%; } .col-sm-6 { width: 50%; } .col-sm-7 { width: 58.33333%; } .col-sm-8 { width: 66.66667%; } .col-sm-9 { width: 75%; } .col-sm-10 { width: 83.33333%; } .col-sm-11 { width: 91.66667%; } .col-sm-12 { width: 100%; } .col-sm-pull-0 { right: auto; } .col-sm-pull-1 { right: 8.33333%; } .col-sm-pull-2 { right: 16.66667%; } .col-sm-pull-3 { right: 25%; } .col-sm-pull-4 { right: 33.33333%; } .col-sm-pull-5 { right: 41.66667%; } .col-sm-pull-6 { right: 50%; } .col-sm-pull-7 { right: 58.33333%; } .col-sm-pull-8 { right: 66.66667%; } .col-sm-pull-9 { right: 75%; } .col-sm-pull-10 { right: 83.33333%; } .col-sm-pull-11 { right: 91.66667%; } .col-sm-pull-12 { right: 100%; } .col-sm-push-0 { left: auto; } .col-sm-push-1 { left: 8.33333%; } .col-sm-push-2 { left: 16.66667%; } .col-sm-push-3 { left: 25%; } .col-sm-push-4 { left: 33.33333%; } .col-sm-push-5 { left: 41.66667%; } .col-sm-push-6 { left: 50%; } .col-sm-push-7 { left: 58.33333%; } .col-sm-push-8 { left: 66.66667%; } .col-sm-push-9 { left: 75%; } .col-sm-push-10 { left: 83.33333%; } .col-sm-push-11 { left: 91.66667%; } .col-sm-push-12 { left: 100%; } .col-sm-offset-0 { margin-left: 0%; } .col-sm-offset-1 { margin-left: 8.33333%; } .col-sm-offset-2 { margin-left: 16.66667%; } .col-sm-offset-3 { margin-left: 25%; } .col-sm-offset-4 { margin-left: 33.33333%; } .col-sm-offset-5 { margin-left: 41.66667%; } .col-sm-offset-6 { margin-left: 50%; } .col-sm-offset-7 { margin-left: 58.33333%; } .col-sm-offset-8 { margin-left: 66.66667%; } .col-sm-offset-9 { margin-left: 75%; } .col-sm-offset-10 { margin-left: 83.33333%; } .col-sm-offset-11 { margin-left: 91.66667%; } .col-sm-offset-12 { margin-left: 100%; } } @media (min-width: 1152px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; } .col-md-1 { width: 8.33333%; } .col-md-2 { width: 16.66667%; } .col-md-3 { width: 25%; } .col-md-4 { width: 33.33333%; } .col-md-5 { width: 41.66667%; } .col-md-6 { width: 50%; } .col-md-7 { width: 58.33333%; } .col-md-8 { width: 66.66667%; } .col-md-9 { width: 75%; } .col-md-10 { width: 83.33333%; } .col-md-11 { width: 91.66667%; } .col-md-12 { width: 100%; } .col-md-pull-0 { right: auto; } .col-md-pull-1 { right: 8.33333%; } .col-md-pull-2 { right: 16.66667%; } .col-md-pull-3 { right: 25%; } .col-md-pull-4 { right: 33.33333%; } .col-md-pull-5 { right: 41.66667%; } .col-md-pull-6 { right: 50%; } .col-md-pull-7 { right: 58.33333%; } .col-md-pull-8 { right: 66.66667%; } .col-md-pull-9 { right: 75%; } .col-md-pull-10 { right: 83.33333%; } .col-md-pull-11 { right: 91.66667%; } .col-md-pull-12 { right: 100%; } .col-md-push-0 { left: auto; } .col-md-push-1 { left: 8.33333%; } .col-md-push-2 { left: 16.66667%; } .col-md-push-3 { left: 25%; } .col-md-push-4 { left: 33.33333%; } .col-md-push-5 { left: 41.66667%; } .col-md-push-6 { left: 50%; } .col-md-push-7 { left: 58.33333%; } .col-md-push-8 { left: 66.66667%; } .col-md-push-9 { left: 75%; } .col-md-push-10 { left: 83.33333%; } .col-md-push-11 { left: 91.66667%; } .col-md-push-12 { left: 100%; } .col-md-offset-0 { margin-left: 0%; } .col-md-offset-1 { margin-left: 8.33333%; } .col-md-offset-2 { margin-left: 16.66667%; } .col-md-offset-3 { margin-left: 25%; } .col-md-offset-4 { margin-left: 33.33333%; } .col-md-offset-5 { margin-left: 41.66667%; } .col-md-offset-6 { margin-left: 50%; } .col-md-offset-7 { margin-left: 58.33333%; } .col-md-offset-8 { margin-left: 66.66667%; } .col-md-offset-9 { margin-left: 75%; } .col-md-offset-10 { margin-left: 83.33333%; } .col-md-offset-11 { margin-left: 91.66667%; } .col-md-offset-12 { margin-left: 100%; } } @media (min-width: 1366px) { .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; } .col-lg-1 { width: 8.33333%; } .col-lg-2 { width: 16.66667%; } .col-lg-3 { width: 25%; } .col-lg-4 { width: 33.33333%; } .col-lg-5 { width: 41.66667%; } .col-lg-6 { width: 50%; } .col-lg-7 { width: 58.33333%; } .col-lg-8 { width: 66.66667%; } .col-lg-9 { width: 75%; } .col-lg-10 { width: 83.33333%; } .col-lg-11 { width: 91.66667%; } .col-lg-12 { width: 100%; } .col-lg-pull-0 { right: auto; } .col-lg-pull-1 { right: 8.33333%; } .col-lg-pull-2 { right: 16.66667%; } .col-lg-pull-3 { right: 25%; } .col-lg-pull-4 { right: 33.33333%; } .col-lg-pull-5 { right: 41.66667%; } .col-lg-pull-6 { right: 50%; } .col-lg-pull-7 { right: 58.33333%; } .col-lg-pull-8 { right: 66.66667%; } .col-lg-pull-9 { right: 75%; } .col-lg-pull-10 { right: 83.33333%; } .col-lg-pull-11 { right: 91.66667%; } .col-lg-pull-12 { right: 100%; } .col-lg-push-0 { left: auto; } .col-lg-push-1 { left: 8.33333%; } .col-lg-push-2 { left: 16.66667%; } .col-lg-push-3 { left: 25%; } .col-lg-push-4 { left: 33.33333%; } .col-lg-push-5 { left: 41.66667%; } .col-lg-push-6 { left: 50%; } .col-lg-push-7 { left: 58.33333%; } .col-lg-push-8 { left: 66.66667%; } .col-lg-push-9 { left: 75%; } .col-lg-push-10 { left: 83.33333%; } .col-lg-push-11 { left: 91.66667%; } .col-lg-push-12 { left: 100%; } .col-lg-offset-0 { margin-left: 0%; } .col-lg-offset-1 { margin-left: 8.33333%; } .col-lg-offset-2 { margin-left: 16.66667%; } .col-lg-offset-3 { margin-left: 25%; } .col-lg-offset-4 { margin-left: 33.33333%; } .col-lg-offset-5 { margin-left: 41.66667%; } .col-lg-offset-6 { margin-left: 50%; } .col-lg-offset-7 { margin-left: 58.33333%; } .col-lg-offset-8 { margin-left: 66.66667%; } .col-lg-offset-9 { margin-left: 75%; } .col-lg-offset-10 { margin-left: 83.33333%; } .col-lg-offset-11 { margin-left: 91.66667%; } .col-lg-offset-12 { margin-left: 100%; } } table { background-color: transparent; } caption { padding-top: 8px; padding-bottom: 8px; color: #777777; text-align: left; } th { text-align: left; } .table { width: 100%; max-width: 100%; margin-bottom: 25px; } .table > thead > tr > th, .table > thead > tr > td, .table > tbody > tr > th, .table > tbody > tr > td, .table > tfoot > tr > th, .table > tfoot > tr > td { padding: 8px; line-height: 1.78571; vertical-align: top; border-top: 1px solid #ddd; } .table > thead > tr > th { vertical-align: bottom; border-bottom: 2px solid #ddd; } .table > caption + thead > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > th, .table > thead:first-child > tr:first-child > td { border-top: 0; } .table > tbody + tbody { border-top: 2px solid #ddd; } .table .table { background-color: #fff; } .table-condensed > thead > tr > th,.table-condensed > thead > tr > td,.table-condensed > tbody > tr > th,.table-condensed > tbody > tr > td,.table-condensed > tfoot > tr > th,.table-condensed > tfoot > tr > td { padding: 5px; } .table-bordered { border: 1px solid #ddd; } .table-bordered > thead > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > tfoot > tr > td { border: 1px solid #ddd; } .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 > thead > tr > th.active,.table > thead > tr.active > td,.table > thead > tr.active > th,.table > tbody > tr > td.active,.table > tbody > tr > th.active,.table > tbody > tr.active > td,.table > tbody > tr.active > th,.table > tfoot > tr > td.active,.table > tfoot > tr > th.active,.table > tfoot > tr.active > td,.table > tfoot > tr.active > th { background-color: #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 > thead > tr > th.success,.table > thead > tr.success > td,.table > thead > tr.success > th,.table > tbody > tr > td.success,.table > tbody > tr > th.success,.table > tbody > tr.success > td,.table > tbody > tr.success > th,.table > tfoot > tr > td.success,.table > tfoot > tr > th.success,.table > tfoot > tr.success > td,.table > tfoot > tr.success > th { background-color: #dff0d8; } .table-hover > tbody > tr > td.success:hover,.table-hover > tbody > tr > th.success:hover,.table-hover > tbody > tr.success:hover > td,.table-hover > tbody > tr:hover > .success,.table-hover > tbody > tr.success:hover > th { background-color: #d0e9c6; } .table > thead > tr > td.info,.table > thead > tr > th.info,.table > thead > tr.info > td,.table > thead > tr.info > th,.table > tbody > tr > td.info,.table > tbody > tr > th.info,.table > tbody > tr.info > td,.table > tbody > tr.info > th,.table > tfoot > tr > td.info,.table > tfoot > tr > th.info,.table > tfoot > tr.info > td,.table > tfoot > tr.info > th { background-color: #d9edf7; } .table-hover > tbody > tr > td.info:hover,.table-hover > tbody > tr > th.info:hover,.table-hover > tbody > tr.info:hover > td,.table-hover > tbody > tr:hover > .info,.table-hover > tbody > tr.info:hover > th { background-color: #c4e3f3; } .table > thead > tr > td.warning,.table > thead > tr > th.warning,.table > thead > tr.warning > td,.table > thead > tr.warning > th,.table > tbody > tr > td.warning,.table > tbody > tr > th.warning,.table > tbody > tr.warning > td,.table > tbody > tr.warning > th,.table > tfoot > tr > td.warning,.table > tfoot > tr > th.warning,.table > tfoot > tr.warning > td,.table > tfoot > tr.warning > th { background-color: #fcf8e3; } .table-hover > tbody > tr > td.warning:hover,.table-hover > tbody > tr > th.warning:hover,.table-hover > tbody > tr.warning:hover > td,.table-hover > tbody > tr:hover > .warning,.table-hover > tbody > tr.warning:hover > th { background-color: #faf2cc; } .table > thead > tr > td.danger,.table > thead > tr > th.danger,.table > thead > tr.danger > td,.table > thead > tr.danger > th,.table > tbody > tr > td.danger,.table > tbody > tr > th.danger,.table > tbody > tr.danger > td,.table > tbody > tr.danger > th,.table > tfoot > tr > td.danger,.table > tfoot > tr > th.danger,.table > tfoot > tr.danger > td,.table > tfoot > tr.danger > th { background-color: #f2dede; } .table-hover > tbody > tr > td.danger:hover,.table-hover > tbody > tr > th.danger:hover,.table-hover > tbody > tr.danger:hover > td,.table-hover > tbody > tr:hover > .danger,.table-hover > tbody > tr.danger:hover > th { background-color: #ebcccc; } .table-responsive { overflow-x: auto; min-height: 0.01%; } @media screen and (max-width: 989px) { .table-responsive { width: 100%; margin-bottom: 18.75px; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; border: 1px solid #ddd; } .table-responsive > .table { margin-bottom: 0; } .table-responsive > .table > thead > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > tfoot > tr > td { white-space: nowrap; } .table-responsive > .table-bordered { border: 0; } .table-responsive > .table-bordered > thead > tr > th:first-child, .table-responsive > .table-bordered > thead > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > th:first-child, .table-responsive > .table-bordered > tfoot > tr > td:first-child { border-left: 0; } .table-responsive > .table-bordered > thead > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr > td:last-child { border-right: 0; } .table-responsive > .table-bordered > tbody > tr:last-child > th, .table-responsive > .table-bordered > tbody > tr:last-child > td, .table-responsive > .table-bordered > tfoot > tr:last-child > th, .table-responsive > .table-bordered > tfoot > tr:last-child > td { border-bottom: 0; } } .table-top-align td, .table-top-align th { vertical-align: top !important; } .table-middle-align td, .table-middle-align th { vertical-align: middle !important; } .table-bottom-align td, .table-bottom-align th { vertical-align: bottom !important; } .table-collapsed { margin: 0; } fieldset { padding: 0; margin: 0; border: 0; min-width: 0; } legend { display: block; width: 100%; padding: 0; margin-bottom: 25px; font-size: 21px; line-height: inherit; color: #333333; border: 0; border-bottom: 1px solid #e5e5e5; } label { display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: bold; } input[type="search"] { -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: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } output { display: block; padding-top: 7px; font-size: 14px; line-height: 1.78571; color: #555555; } .form-control { display: block; width: 100%; height: 38px; padding: 6px 12px; font-size: 14px; line-height: 1.78571; color: #555555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; 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: #999; opacity: 1; } .form-control:-ms-input-placeholder { color: #999; } .form-control::-webkit-input-placeholder { color: #999; } .form-control::-ms-expand { border: 0; background-color: transparent; } .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { background-color: #eeeeee; 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: 38px; } input[type="date"].input-sm, .input-group-sm > input[type="date"].form-control, .input-group-sm > input[type="date"].input-group-addon, .input-group-sm > .input-group-btn > input[type="date"].btn, .input-group-sm input[type="date"], input[type="time"].input-sm, .input-group-sm > input[type="time"].form-control, .input-group-sm > input[type="time"].input-group-addon, .input-group-sm > .input-group-btn > input[type="time"].btn, .input-group-sm input[type="time"], input[type="datetime-local"].input-sm, .input-group-sm > input[type="datetime-local"].form-control, .input-group-sm > input[type="datetime-local"].input-group-addon, .input-group-sm > .input-group-btn > input[type="datetime-local"].btn, .input-group-sm input[type="datetime-local"], input[type="month"].input-sm, .input-group-sm > input[type="month"].form-control, .input-group-sm > input[type="month"].input-group-addon, .input-group-sm > .input-group-btn > input[type="month"].btn, .input-group-sm input[type="month"] { line-height: 30px; } input[type="date"].input-lg, .input-group-lg > input[type="date"].form-control, .input-group-lg > input[type="date"].input-group-addon, .input-group-lg > .input-group-btn > input[type="date"].btn, .input-group-lg input[type="date"], input[type="time"].input-lg, .input-group-lg > input[type="time"].form-control, .input-group-lg > input[type="time"].input-group-addon, .input-group-lg > .input-group-btn > input[type="time"].btn, .input-group-lg input[type="time"], input[type="datetime-local"].input-lg, .input-group-lg > input[type="datetime-local"].form-control, .input-group-lg > input[type="datetime-local"].input-group-addon, .input-group-lg > .input-group-btn > input[type="datetime-local"].btn, .input-group-lg input[type="datetime-local"], input[type="month"].input-lg, .input-group-lg > input[type="month"].form-control, .input-group-lg > input[type="month"].input-group-addon, .input-group-lg > .input-group-btn > input[type="month"].btn, .input-group-lg input[type="month"] { line-height: 46px; } } .form-group { margin-bottom: 15px; } .radio,.checkbox { position: relative; display: block; margin-top: 10px; margin-bottom: 10px; } .radio label, .checkbox label { min-height: 25px; 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="radio"].disabled,fieldset[disabled] input[type="radio"],input[type="checkbox"][disabled],input[type="checkbox"].disabled,fieldset[disabled]input[type="checkbox"] { cursor: not-allowed; } .radio-inline.disabled,fieldset[disabled] .radio-inline,.checkbox-inline.disabled,fieldset[disabled].checkbox-inline { cursor: not-allowed; } .radio.disabled label,fieldset[disabled] .radio label,.checkbox.disabled label,fieldset[disabled].checkbox label { cursor: not-allowed; } .form-control-static { padding-top: 7px; padding-bottom: 7px; margin-bottom: 0; min-height: 39px; } .form-control-static.input-lg, .input-group-lg > .form-control-static.form-control, .input-group-lg > .form-control-static.input-group-addon, .input-group-lg > .input-group-btn > .form-control-static.btn, .form-control-static.input-sm, .input-group-sm > .form-control-static.form-control, .input-group-sm > .form-control-static.input-group-addon, .input-group-sm > .input-group-btn > .form-control-static.btn { padding-left: 0; padding-right: 0; } .input-sm, .input-group-sm > .form-control,.input-group-sm > .input-group-addon,.input-group-sm > .input-group-btn > .btn { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } select.input-sm, .input-group-sm > select.form-control,.input-group-sm > select.input-group-addon,.input-group-sm > .input-group-btn > select.btn { height: 30px; line-height: 30px; } textarea.input-sm, .input-group-sm > textarea.form-control,.input-group-sm > textarea.input-group-addon,.input-group-sm > .input-group-btn > textarea.btn,select[multiple].input-sm,.input-group-sm > select[multiple].form-control,.input-group-sm > select[multiple].input-group-addon,.input-group-sm > .input-group-btn > select[multiple].btn { height: auto; } .form-group-sm .form-control { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } .form-group-sm select.form-control { height: 30px; line-height: 30px; } .form-group-sm textarea.form-control,.form-group-sm select[multiple].form-control { height: auto; } .form-group-sm .form-control-static { height: 30px; min-height: 37px; padding: 6px 10px; font-size: 12px; line-height: 1.5; } .input-lg, .input-group-lg > .form-control,.input-group-lg > .input-group-addon,.input-group-lg > .input-group-btn > .btn { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.33333; border-radius: 6px; } select.input-lg, .input-group-lg > select.form-control,.input-group-lg > select.input-group-addon,.input-group-lg > .input-group-btn > select.btn { height: 46px; line-height: 46px; } textarea.input-lg, .input-group-lg > textarea.form-control,.input-group-lg > textarea.input-group-addon,.input-group-lg > .input-group-btn > textarea.btn,select[multiple].input-lg,.input-group-lg > select[multiple].form-control,.input-group-lg > select[multiple].input-group-addon,.input-group-lg > .input-group-btn > select[multiple].btn { height: auto; } .form-group-lg .form-control { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.33333; border-radius: 6px; } .form-group-lg select.form-control { height: 46px; line-height: 46px; } .form-group-lg textarea.form-control,.form-group-lg select[multiple].form-control { height: auto; } .form-group-lg .form-control-static { height: 46px; min-height: 43px; padding: 11px 16px; font-size: 18px; line-height: 1.33333; } .has-feedback { position: relative; } .has-feedback .form-control { padding-right: 47.5px; } .form-control-feedback { position: absolute !important; top: 0; right: 0; z-index: 2; display: block; width: 38px; height: 38px; line-height: 38px; text-align: center; pointer-events: none; } .input-lg + .form-control-feedback, .input-group-lg > .form-control + .form-control-feedback,.input-group-lg > .input-group-addon + .form-control-feedback,.input-group-lg > .input-group-btn > .btn + .form-control-feedback,.input-group-lg + .form-control-feedback,.form-group-lg .form-control + .form-control-feedback { width: 46px; height: 46px; line-height: 46px; } .input-sm + .form-control-feedback, .input-group-sm > .form-control + .form-control-feedback,.input-group-sm > .input-group-addon + .form-control-feedback,.input-group-sm > .input-group-btn > .btn + .form-control-feedback,.input-group-sm + .form-control-feedback,.form-group-sm .form-control + .form-control-feedback { width: 30px; height: 30px; line-height: 30px; } .has-success .help-block,.has-success .control-label,.has-success .radio,.has-success .checkbox,.has-success .radio-inline,.has-success .checkbox-inline,.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 !important; } .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 !important; } .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 !important; } .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: 30px; } .has-feedback label.sr-only ~ .form-control-feedback, .has-feedback .bootstrap-datetimepicker-widget label.btn[data-action="incrementHours"]::after ~ .form-control-feedback, .bootstrap-datetimepicker-widget .has-feedback label.btn[data-action="incrementHours"]::after ~ .form-control-feedback, .has-feedback .bootstrap-datetimepicker-widget label.btn[data-action="incrementMinutes"]::after ~ .form-control-feedback, .bootstrap-datetimepicker-widget .has-feedback label.btn[data-action="incrementMinutes"]::after ~ .form-control-feedback, .has-feedback .bootstrap-datetimepicker-widget label.btn[data-action="decrementHours"]::after ~ .form-control-feedback, .bootstrap-datetimepicker-widget .has-feedback label.btn[data-action="decrementHours"]::after ~ .form-control-feedback, .has-feedback .bootstrap-datetimepicker-widget label.btn[data-action="decrementMinutes"]::after ~ .form-control-feedback, .bootstrap-datetimepicker-widget .has-feedback label.btn[data-action="decrementMinutes"]::after ~ .form-control-feedback, .has-feedback .bootstrap-datetimepicker-widget label.btn[data-action="showHours"]::after ~ .form-control-feedback, .bootstrap-datetimepicker-widget .has-feedback label.btn[data-action="showHours"]::after ~ .form-control-feedback, .has-feedback .bootstrap-datetimepicker-widget label.btn[data-action="showMinutes"]::after ~ .form-control-feedback, .bootstrap-datetimepicker-widget .has-feedback label.btn[data-action="showMinutes"]::after ~ .form-control-feedback, .has-feedback .bootstrap-datetimepicker-widget label.btn[data-action="togglePeriod"]::after ~ .form-control-feedback, .bootstrap-datetimepicker-widget .has-feedback label.btn[data-action="togglePeriod"]::after ~ .form-control-feedback, .has-feedback .bootstrap-datetimepicker-widget label.btn[data-action="clear"]::after ~ .form-control-feedback, .bootstrap-datetimepicker-widget .has-feedback label.btn[data-action="clear"]::after ~ .form-control-feedback, .has-feedback .bootstrap-datetimepicker-widget label.btn[data-action="today"]::after ~ .form-control-feedback, .bootstrap-datetimepicker-widget .has-feedback label.btn[data-action="today"]::after ~ .form-control-feedback, .has-feedback .bootstrap-datetimepicker-widget label.picker-switch::after ~ .form-control-feedback, .bootstrap-datetimepicker-widget .has-feedback label.picker-switch::after ~ .form-control-feedback { top: 0; } .help-block { display: block; margin-top: 5px; margin-bottom: 10px; color: #737373; } @media (min-width: 990px) { .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: 7px; } .form-horizontal .radio,.form-horizontal .checkbox { min-height: 32px; } .form-horizontal .form-group { margin-left: -25px; margin-right: -25px; } .form-horizontal .form-group:before, .form-horizontal .form-group:after { content: " "; display: table; } .form-horizontal .form-group:after { clear: both; } @media (min-width: 990px) { .form-horizontal .control-label { text-align: right; margin-bottom: 0; padding-top: 7px; } } .form-horizontal .has-feedback .form-control-feedback { right: 25px; } @media (min-width: 990px) { .form-horizontal .form-group-lg .control-label { padding-top: 11px; font-size: 18px; } } @media (min-width: 990px) { .form-horizontal .form-group-sm .control-label { padding-top: 6px; font-size: 12px; } } .btn { height: 30px; display: inline-block; margin-bottom: 0; font-weight: bold; font-family: "Source Serif Pro", serif; text-align: center; vertical-align: middle; letter-spacing: 1px; text-transform: uppercase; touch-action: manipulation; cursor: pointer; transition: all 0.2s; background-image: none; border: 2px solid transparent; white-space: nowrap; padding: 2px 15px; font-size: 12px; line-height: 1.78571; border-radius: 20px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; padding-top: 3px; } .btn.btn-rounded { height: auto; line-height: 1; border-radius: 100px; padding: 15px !important; } .btn.btn-onlyOnHover { border-color: #eee; } .btn .caret { margin-top: -2px; } .btn .rubix-icon { line-height: 1; font-size: 18px; } .btn .rubix-icon ~ span { vertical-align: top; } .btn:focus, .btn.focus, .btn:active:focus, .btn:active.focus, .btn.active:focus, .btn.active.focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .btn:hover, .btn:focus, .btn.focus { color: #B4B7B9; text-decoration: none; } .btn:active, .btn.active { outline: 0; background-image: none; } .btn.disabled, .btn[disabled], fieldset[disabled] .btn { cursor: not-allowed; opacity: 0.65; filter: alpha(opacity=65); } a.btn.disabled,fieldset[disabled] a.btn { pointer-events: none; } .btn-default { background: #B4B7B9; color: white; border-color: #B4B7B9; } .btn-default.btn-outlined { color: #B4B7B9; background: none; } .btn-default.btn-outlined.btn-onlyOnHover { color: #89949B; } .btn-default.btn-outlined.btn-onlyOnHover:hover, .btn-default.btn-outlined.btn-onlyOnHover:focus, .btn-default.btn-outlined.btn-onlyOnHover.active { color: white; } .btn-default.btn-outlined.btn-inverse { color: white; border-color: white; } .btn-default.btn-outlined.btn-inverse:hover, .btn-default.btn-outlined.btn-inverse:focus, .btn-default.btn-outlined.btn-inverse.active { color: #B4B7B9; background: white; } .btn-default.btn-outlined.btn-inverse:hover.btn-retainBg, .btn-default.btn-outlined.btn-inverse:focus.btn-retainBg, .btn-default.btn-outlined.btn-inverse.active.btn-retainBg { background: #B4B7B9; color: white; border-color: #B4B7B9; } .btn-default.btn-outlined.btn-inverse:hover.btn-retainBg:active, .btn-default.btn-outlined.btn-inverse:focus.btn-retainBg:active, .btn-default.btn-outlined.btn-inverse.active.btn-retainBg:active { background: #85898d; border-color: #666b6e; } .btn-default:focus, .btn-default.focus, .btn-default:hover, .btn-default.active { color: white; background: #ced0d2; border-color: #ced0d2; } .btn-default:active, .btn-default.active, .btn-default[aria-expanded="true"], .btn-default.active:hover, .btn-default.active:focus, .btn-default[aria-expanded="true"]:hover, .btn-default[aria-expanded="true"]:focus, .open > .btn-default.dropdown-toggle { color: white; background: #85898d; border-color: #666b6e; background-image: none; } .btn-default.dropdown-toggle + ul li.active a { color: white; background: #B4B7B9; } .btn-default.disabled, .btn-default[disabled], fieldset[disabled] .btn-default { pointer-events: none; } .btn-default .badge { color: #B4B7B9; background-color: #B4B7B9; } .btn-primary { background: #8B3765; color: white; border-color: #8B3765; } .btn-primary.btn-outlined { color: #8B3765; background: none; } .btn-primary.btn-outlined.btn-onlyOnHover { color: #89949B; } .btn-primary.btn-outlined.btn-onlyOnHover:hover, .btn-primary.btn-outlined.btn-onlyOnHover:focus, .btn-primary.btn-outlined.btn-onlyOnHover.active { color: white; } .btn-primary.btn-outlined.btn-inverse { color: white; border-color: white; } .btn-primary.btn-outlined.btn-inverse:hover, .btn-primary.btn-outlined.btn-inverse:focus, .btn-primary.btn-outlined.btn-inverse.active { color: #8B3765; background: white; } .btn-primary.btn-outlined.btn-inverse:hover.btn-retainBg, .btn-primary.btn-outlined.btn-inverse:focus.btn-retainBg, .btn-primary.btn-outlined.btn-inverse.active.btn-retainBg { background: #8B3765; color: white; border-color: #8B3765; } .btn-primary.btn-outlined.btn-inverse:hover.btn-retainBg:active, .btn-primary.btn-outlined.btn-inverse:focus.btn-retainBg:active, .btn-primary.btn-outlined.btn-inverse.active.btn-retainBg:active { background: #491d35; border-color: #1d0c15; } .btn-primary:focus, .btn-primary.focus, .btn-primary:hover, .btn-primary.active { color: white; background: #b04580; border-color: #b04580; } .btn-primary:active, .btn-primary.active, .btn-primary[aria-expanded="true"], .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary[aria-expanded="true"]:hover, .btn-primary[aria-expanded="true"]:focus, .open > .btn-primary.dropdown-toggle { color: white; background: #491d35; border-color: #1d0c15; background-image: none; } .btn-primary.dropdown-toggle + ul li.active a { color: white; background: #8B3765; } .btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary { pointer-events: none; } .btn-primary .badge { color: #8B3765; background-color: #8B3765; } .btn-success { background: #6B8C56; color: white; border-color: #6B8C56; } .btn-success.btn-outlined { color: #6B8C56; background: none; } .btn-success.btn-outlined.btn-onlyOnHover { color: #89949B; } .btn-success.btn-outlined.btn-onlyOnHover:hover, .btn-success.btn-outlined.btn-onlyOnHover:focus, .btn-success.btn-outlined.btn-onlyOnHover.active { color: white; } .btn-success.btn-outlined.btn-inverse { color: white; border-color: white; } .btn-success.btn-outlined.btn-inverse:hover, .btn-success.btn-outlined.btn-inverse:focus, .btn-success.btn-outlined.btn-inverse.active { color: #6B8C56; background: white; } .btn-success.btn-outlined.btn-inverse:hover.btn-retainBg, .btn-success.btn-outlined.btn-inverse:focus.btn-retainBg, .btn-success.btn-outlined.btn-inverse.active.btn-retainBg { background: #6B8C56; color: white; border-color: #6B8C56; } .btn-success.btn-outlined.btn-inverse:hover.btn-retainBg:active, .btn-success.btn-outlined.btn-inverse:focus.btn-retainBg:active, .btn-success.btn-outlined.btn-inverse.active.btn-retainBg:active { background: #405333; border-color: #232d1c; } .btn-success:focus, .btn-success.focus, .btn-success:hover, .btn-success.active { color: white; background: #84a66f; border-color: #84a66f; } .btn-success:active, .btn-success.active, .btn-success[aria-expanded="true"], .btn-success.active:hover, .btn-success.active:focus, .btn-success[aria-expanded="true"]:hover, .btn-success[aria-expanded="true"]:focus, .open > .btn-success.dropdown-toggle { color: white; background: #405333; border-color: #232d1c; background-image: none; } .btn-success.dropdown-toggle + ul li.active a { color: white; background: #6B8C56; } .btn-success.disabled, .btn-success[disabled], fieldset[disabled] .btn-success { pointer-events: none; } .btn-success .badge { color: #6B8C56; background-color: #6B8C56; } .btn-info { background: #666983; color: white; border-color: #666983; } .btn-info.btn-outlined { color: #666983; background: none; } .btn-info.btn-outlined.btn-onlyOnHover { color: #89949B; } .btn-info.btn-outlined.btn-onlyOnHover:hover, .btn-info.btn-outlined.btn-onlyOnHover:focus, .btn-info.btn-outlined.btn-onlyOnHover.active { color: white; } .btn-info.btn-outlined.btn-inverse { color: white; border-color: white; } .btn-info.btn-outlined.btn-inverse:hover, .btn-info.btn-outlined.btn-inverse:focus, .btn-info.btn-outlined.btn-inverse.active { color: #666983; background: white; } .btn-info.btn-outlined.btn-inverse:hover.btn-retainBg, .btn-info.btn-outlined.btn-inverse:focus.btn-retainBg, .btn-info.btn-outlined.btn-inverse.active.btn-retainBg { background: #666983; color: white; border-color: #666983; } .btn-info.btn-outlined.btn-inverse:hover.btn-retainBg:active, .btn-info.btn-outlined.btn-inverse:focus.btn-retainBg:active, .btn-info.btn-outlined.btn-inverse.active.btn-retainBg:active { background: #3e404f; border-color: #23242d; } .btn-info:focus, .btn-info.focus, .btn-info:hover, .btn-info.active { color: white; background: #80839c; border-color: #80839c; } .btn-info:active, .btn-info.active, .btn-info[aria-expanded="true"], .btn-info.active:hover, .btn-info.active:focus, .btn-info[aria-expanded="true"]:hover, .btn-info[aria-expanded="true"]:focus, .open > .btn-info.dropdown-toggle { color: white; background: #3e404f; border-color: #23242d; background-image: none; } .btn-info.dropdown-toggle + ul li.active a { color: white; background: #666983; } .btn-info.disabled, .btn-info[disabled], fieldset[disabled] .btn-info { pointer-events: none; } .btn-info .badge { color: #666983; background-color: #666983; } .btn-warning { background: #b04580; color: white; border-color: #b04580; } .btn-warning.btn-outlined { color: #b04580; background: none; } .btn-warning.btn-outlined.btn-onlyOnHover { color: #89949B; } .btn-warning.btn-outlined.btn-onlyOnHover:hover, .btn-warning.btn-outlined.btn-onlyOnHover:focus, .btn-warning.btn-outlined.btn-onlyOnHover.active { color: white; } .btn-warning.btn-outlined.btn-inverse { color: white; border-color: white; } .btn-warning.btn-outlined.btn-inverse:hover, .btn-warning.btn-outlined.btn-inverse:focus, .btn-warning.btn-outlined.btn-inverse.active { color: #b04580; background: white; } .btn-warning.btn-outlined.btn-inverse:hover.btn-retainBg, .btn-warning.btn-outlined.btn-inverse:focus.btn-retainBg, .btn-warning.btn-outlined.btn-inverse.active.btn-retainBg { background: #b04580; color: white; border-color: #b04580; } .btn-warning.btn-outlined.btn-inverse:hover.btn-retainBg:active, .btn-warning.btn-outlined.btn-inverse:focus.btn-retainBg:active, .btn-warning.btn-outlined.btn-inverse.active.btn-retainBg:active { background: #6e2b50; border-color: #421a30; } .btn-warning:focus, .btn-warning.focus, .btn-warning:hover, .btn-warning.active { color: white; background: #c26698; border-color: #c26698; } .btn-warning:active, .btn-warning.active, .btn-warning[aria-expanded="true"], .btn-warning.active:hover, .btn-warning.active:focus, .btn-warning[aria-expanded="true"]:hover, .btn-warning[aria-expanded="true"]:focus, .open > .btn-warning.dropdown-toggle { color: white; background: #6e2b50; border-color: #421a30; background-image: none; } .btn-warning.dropdown-toggle + ul li.active a { color: white; background: #b04580; } .btn-warning.disabled, .btn-warning[disabled], fieldset[disabled] .btn-warning { pointer-events: none; } .btn-warning .badge { color: #b04580; background-color: #b04580; } .btn-danger { background: #66294a; color: white; border-color: #66294a; } .btn-danger.btn-outlined { color: #66294a; background: none; } .btn-danger.btn-outlined.btn-onlyOnHover { color: #89949B; } .btn-danger.btn-outlined.btn-onlyOnHover:hover, .btn-danger.btn-outlined.btn-onlyOnHover:focus, .btn-danger.btn-outlined.btn-onlyOnHover.active { color: white; } .btn-danger.btn-outlined.btn-inverse { color: white; border-color: white; } .btn-danger.btn-outlined.btn-inverse:hover, .btn-danger.btn-outlined.btn-inverse:focus, .btn-danger.btn-outlined.btn-inverse.active { color: #66294a; background: white; } .btn-danger.btn-outlined.btn-inverse:hover.btn-retainBg, .btn-danger.btn-outlined.btn-inverse:focus.btn-retainBg, .btn-danger.btn-outlined.btn-inverse.active.btn-retainBg { background: #66294a; color: white; border-color: #66294a; } .btn-danger.btn-outlined.btn-inverse:hover.btn-retainBg:active, .btn-danger.btn-outlined.btn-inverse:focus.btn-retainBg:active, .btn-danger.btn-outlined.btn-inverse.active.btn-retainBg:active { background: #250f1b; border-color: black; } .btn-danger:focus, .btn-danger.focus, .btn-danger:hover, .btn-danger.active { color: white; background: #8b3765; border-color: #8b3765; } .btn-danger:active, .btn-danger.active, .btn-danger[aria-expanded="true"], .btn-danger.active:hover, .btn-danger.active:focus, .btn-danger[aria-expanded="true"]:hover, .btn-danger[aria-expanded="true"]:focus, .open > .btn-danger.dropdown-toggle { color: white; background: #250f1b; border-color: black; background-image: none; } .btn-danger.dropdown-toggle + ul li.active a { color: white; background: #66294a; } .btn-danger.disabled, .btn-danger[disabled], fieldset[disabled] .btn-danger { pointer-events: none; } .btn-danger .badge { color: #66294a; background-color: #66294a; } .btn-link { color: #89949B; font-weight: normal; border-radius: 0; } .btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled], fieldset[disabled] .btn-link { background-color: transparent; } .btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active { border-color: transparent; } .btn-link:hover, .btn-link:focus { color: #536c43; text-decoration: none; background-color: transparent; } .btn-link[disabled]:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:hover, fieldset[disabled] .btn-link:focus { color: #777777; text-decoration: none; } .btn-lg, .btn-group-lg > .btn { height: auto; padding: 10px 25px; font-size: 12px; line-height: initial; border-radius: 20px; line-height: 21.4285px; padding: 10px 25px !important; } .btn-lg.btn-rounded, .btn-group-lg > .btn-rounded.btn { line-height: 1; padding: 25px; } .btn-sm, .btn-group-sm > .btn { height: auto; padding: 2px 15px; font-size: 10px; line-height: 1.5; border-radius: 20px; } .btn-xs, .btn-group-xs > .btn { height: auto; padding: 2px 15px; font-size: 8px; line-height: 1.5; border-radius: 20px; } .btn-rounded.btn.btn-sm, .btn-group-sm > .btn-rounded.btn, .btn-rounded.btn.btn-xs, .btn-group-xs > .btn-rounded.btn { padding: 15px; line-height: 1; } .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%; } .btn.btn-outlined { outline: none; background: none; padding: 3px 15px 2px 15px; } .btn.btn-outlined:hover, .btn.btn-outlined:focus { outline: none; } .btn.btn-icon { line-height: 0; font-size: 30px; min-width: 45px; min-height: 45px; border-radius: 100px; width: auto !important; height: auto !important; padding: 5px 10px !important; } .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; transition-property: height, visibility; -webkit-transition-duration: 0.35s; transition-duration: 0.35s; -webkit-transition-timing-function: ease; transition-timing-function: ease; } .caret { display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px dashed; border-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: 200px; padding: 10px 0; overflow: hidden; margin: 2px 0 0; list-style: none; font-size: 14px; text-align: left; background-color: #fff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); background-clip: padding-box; } .dropdown-menu.pull-right { right: 0; left: auto; } .dropdown-menu .divider { height: 1px; margin: 11.5px 0; overflow: hidden; background-color: #e5e5e5; } .dropdown-menu li > a { display: block; padding: 4px 25px; clear: both; border: none; font-weight: normal; line-height: 1.78571; color: #89949b; white-space: pre-line; } .dropdown-menu li > a:hover, .dropdown-menu li > a:focus { text-decoration: none; color: #262626; background-color: rgba(180, 183, 185, 0.05); } .dropdown-menu .active > a, .dropdown-menu .active > a:hover, .dropdown-menu .active > a:focus { color: #fff; text-decoration: none; outline: 0; background-color: #8B3765; } .dropdown-menu .disabled > a, .dropdown-menu .disabled > a:hover, .dropdown-menu .disabled > a:focus { color: #777777; } .dropdown-menu .disabled > a:hover, .dropdown-menu .disabled > a:focus { text-decoration: none; background-color: transparent; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); cursor: not-allowed; } .open > .dropdown-menu { display: block; } .open > a { outline: 0; } .dropdown-menu-right { left: auto; right: 0; } .dropdown-menu-left { left: 0; right: auto; } .dropdown-header { display: block; padding: 6px 25px; font-size: 10px; text-transform: uppercase; font-weight: bold; color: #98A0A3; line-height: 1.78571; color: #777777; white-space: nowrap; background-color: #F9FAFB; border-bottom: 1px solid #F2F2F2; } .dropdown-header:first-child { margin-top: -10px; } .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: 990px) { .navbar-right .dropdown-menu { right: 0; left: auto; } .navbar-right .dropdown-menu-left { left: 0; right: auto; } } .btn-group,.btn-group-vertical { position: relative; display: inline-block; vertical-align: middle; } .btn-group > .btn, .btn-group > rubix-button > .btn, .btn-group-vertical > .btn, .btn-group-vertical > rubix-button > .btn { position: relative; float: left; } .btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, .btn-group > rubix-button > .btn:hover, .btn-group > rubix-button > .btn:focus, .btn-group > rubix-button > .btn:active, .btn-group > rubix-button > .btn.active, .btn-group-vertical > .btn:hover, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn.active, .btn-group-vertical > rubix-button > .btn:hover, .btn-group-vertical > rubix-button > .btn:focus, .btn-group-vertical > rubix-button > .btn:active, .btn-group-vertical > rubix-button > .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 { position: relative; margin-left: -12.5px; } .btn-toolbar:before, .btn-toolbar:after { content: " "; display: table; } .btn-toolbar:after { clear: both; } .btn-toolbar > .btn, .btn-toolbar > .btn-group, .btn-toolbar > .input-group, .btn-toolbar > rubix-menu, .btn-toolbar > rubix-button > .btn, .btn-toolbar > rubix-button-group { float: left; margin-left: 12.5px; } .btn-group > rubix-button { float: left; } .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle),.btn-group > rubix-button:not(:first-child):not(:last-child) > .btn { 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 > rubix-button:first-child:not(:last-child) > .btn { margin-left: 0; border-bottom-right-radius: 0; border-top-right-radius: 0; } .btn-group > .btn:last-child:not(:first-child),.btn-group > rubix-button:last-child:not(:first-child) > .btn,.btn-group > .dropdown-toggle:not(:first-child) { border-bottom-left-radius: 0; border-top-left-radius: 0; } .btn-group > .btn-group,.btn-group > rubix-menu { float: left; } .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn,.btn-group > rubix-menu: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,.btn-group > rubix-menu:first-child:not(:last-child) > .btn:last-child,.btn-group > rubix-menu: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,.btn-group > rubix-menu: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, .btn-group-lg.btn-group > .btn + .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; } .dropdown > .btn:after,.dropdown > .dropdown-toggle:after { content: ' '; left: 0; width: 100%; height: 10px; bottom: -10px; position: absolute; } .dropup > .btn:after,.dropup > .dropdown-toggle:after { content: ' '; left: 0; top: -10px; width: 100%; height: 10px; bottom: auto; position: absolute; } .btn .caret { margin-left: 0; } .btn-lg .caret, .btn-group-lg > .btn .caret { border-width: 5px 5px 0; border-bottom-width: 0; } .dropup .btn-lg .caret, .dropup .btn-group-lg > .btn .caret { border-width: 0 5px 5px; } .btn-group-vertical > .btn,.btn-group-vertical > .btn-group,.btn-group-vertical > .btn-group > .btn,.btn-group-vertical > rubix-button > .btn { display: block; float: none; width: 100%; max-width: 100%; } .btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after,.btn-group-vertical > rubix-menu:before,.btn-group-vertical > rubix-menu:after { content: " "; display: table; } .btn-group-vertical > .btn-group:after,.btn-group-vertical > rubix-menu:after { clear: both; } .btn-group-vertical > .btn-group > .btn,.btn-group-vertical > rubix-menu > .btn { float: none; } .btn-group-vertical > .btn + .btn,.btn-group-vertical > rubix-button + rubix-button,.btn-group-vertical > .btn + .btn-group,.btn-group-vertical > rubix-button + rubix-menu,.btn-group-vertical > .btn-group + .btn,.btn-group-vertical > rubix-menu + rubix-button,.btn-group-vertical > .btn-group + .btn-group,.btn-group-vertical > rubix-menu + rubix-menu { 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: 20px; border-top-left-radius: 20px; 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: 20px; border-bottom-left-radius: 20px; } .btn-group-vertical > rubix-button:not(:first-child):not(:last-child) > .btn { border-radius: 0; } .btn-group-vertical > rubix-button:first-child:not(:last-child) > .btn { border-top-right-radius: 20px; border-top-left-radius: 20px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > rubix-button:last-child:not(:first-child) > .btn { border-top-right-radius: 0; border-top-left-radius: 0; border-bottom-right-radius: 20px; border-bottom-left-radius: 20px; } .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn,.btn-group-vertical > rubix-menu: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,.btn-group-vertical > rubix-menu:first-child:not(:last-child) .btn:last-child,.btn-group-vertical > rubix-menu: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,.btn-group-vertical > rubix-menu: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, .btn-group-justified > rubix-button, .btn-group-justified > rubix-menu { float: none; display: table-cell; width: 1%; } .btn-group-justified > .btn-group .btn, .btn-group-justified > rubix-menu .btn, .btn-group-justified > rubix-menu .dropdown, .btn-group-justified > rubix-button .btn { width: 100%; } .btn-group-justified > .btn-group .dropdown-menu, .btn-group-justified > rubix-menu .dropdown-menu { left: auto; } [data-toggle="buttons"] > .btn input[type="radio"],[data-toggle="buttons"] > .btn input[type="checkbox"],[data-toggle="buttons"] > .btn-group > .btn input[type="radio"],[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-addon,.input-group-btn,.input-group .form-control { display: table-cell; } .input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child), .input-group .form-control:not(:first-child):not(:last-child) { border-radius: 0; } .input-group-addon,.input-group-btn { width: 1%; white-space: nowrap; vertical-align: middle; } .input-group-addon { padding: 6px 12px; font-size: 14px; font-weight: normal; line-height: 1; color: #555555; text-align: center; background-color: #eeeeee; border: 1px solid #ccc; border-radius: 4px; } .input-group-addon.input-sm, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .input-group-addon.btn { padding: 5px 10px; font-size: 12px; border-radius: 3px; } .input-group-addon.input-lg, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .input-group-addon.btn { padding: 10px 16px; font-size: 18px; border-radius: 6px; } .input-group-addon input[type="radio"], .input-group-addon input[type="checkbox"] { margin-top: 0; } .input-group-btn .btn-group > .btn { margin-left: -2px; } .input-group-btn + .form-control { margin-left: -2px; } .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 rubix-menu > .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 rubix-button:not(:last-child) .btn: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 rubix-menu > .btn-group > .btn,.input-group-btn:last-child .dropdown-toggle,.input-group-btn:first-child .btn:not(:first-child),.input-group-btn:first-child rubix-button:not(:first-child) .btn,.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 > rubix-button > .btn { position: relative; } .input-group-btn > rubix-button > .btn:hover, .input-group-btn > rubix-button > .btn:focus, .input-group-btn > rubix-button > .btn:active { z-index: 2; } .input-group-btn > rubix-button + rubix-button > .btn { margin-left: -1px; } .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:before, .nav:after { content: " "; display: table; } .nav:after { clear: both; } .nav > li, .nav > rubix-nav-item > li, .nav > rubix-menu > li { position: relative; display: block; } .nav > li > a, .nav > rubix-nav-item > li > a, .nav > rubix-menu > li > a { position: relative; display: block; padding: 4px 25px; color: #aaa; } .nav > li > a:hover, .nav > li > a:focus, .nav > rubix-nav-item > li > a:hover, .nav > rubix-nav-item > li > a:focus, .nav > rubix-menu > li > a:hover, .nav > rubix-menu > li > a:focus { text-decoration: none; background-color: #f5f5f5; } .nav > li.disabled > a, .nav > rubix-nav-item > li.disabled > a, .nav > rubix-menu > li.disabled > a { color: rgba(119, 119, 119, 0.3); border-top: none; border-left: none; border-right: none; } .nav > li.disabled > a:hover, .nav > li.disabled > a:focus, .nav > rubix-nav-item > li.disabled > a:hover, .nav > rubix-nav-item > li.disabled > a:focus, .nav > rubix-menu > li.disabled > a:hover, .nav > rubix-menu > li.disabled > a:focus { color: rgba(119, 119, 119, 0.3); text-decoration: none; background-color: transparent; cursor: not-allowed; } .nav .open > a, .nav .open > a:hover, .nav .open > a:focus { color: #333; background-color: #f5f5f5; } .nav .nav-divider { height: 1px; margin: 11.5px 0; overflow: hidden; background-color: #e5e5e5; } .nav > li > a > img, .nav > rubix-menu > a > img, .nav > rubix-nav-item > a > img { max-width: none; } .nav-tabs { border-bottom: 1px solid #ddd; } .nav-tabs > li, .nav-tabs > rubix-menu > li, .nav-tabs > rubix-nav-item > li { float: left; margin-bottom: -1px; } .nav-tabs > li > a, .nav-tabs > rubix-menu > li > a, .nav-tabs > rubix-nav-item > li > a { margin-right: 2px; text-align: center; line-height: 1.78571; border: 1px solid transparent; border-radius: 4px 4px 0 0; } .nav-tabs > li > a:hover, .nav-tabs > rubix-menu > li > a:hover, .nav-tabs > rubix-nav-item > li > a:hover { border-color: #f5f5f5 #f5f5f5 #ddd; } .nav-tabs > li.disabled > a:hover, .nav-tabs > rubix-menu > li.disabled > a:hover, .nav-tabs > rubix-nav-item > li.disabled > a:hover { border-bottom-width: 0px; } .nav-tabs > li.active > a, .nav-tabs > rubix-menu > li.active > a, .nav-tabs > rubix-nav-item > li.active > a { color: #555555; background-color: #fff; border: 1px solid #ddd; border-bottom-color: transparent; cursor: default; } .nav-pills > li,.nav-pills > rubix-nav-item > li,.nav-pills > rubix-menu > li { float: left; } .nav-pills > li > a, .nav-pills > rubix-nav-item > li > a, .nav-pills > rubix-menu > li > a { border-radius: 4px; } .nav-pills > li + li, .nav-pills > rubix-nav-item > li + li, .nav-pills > rubix-menu > li + li { margin-left: 2px; } .nav-pills > li.active > a, .nav-pills > rubix-nav-item > li.active > a, .nav-pills > rubix-menu > li.active > a { color: #fff; background-color: #8B3765; } .nav-stacked > li,.nav-stacked > rubix-nav-item > li,.nav-stacked > rubix-menu > li { float: none; } .nav-stacked > li + li, .nav-stacked > rubix-nav-item > li + li, .nav-stacked > rubix-menu > li + li { margin-top: 2px; margin-left: 0; } .nav-justified, .nav-tabs.nav-justified { width: 100%; } .nav-justified > li, .nav-tabs.nav-justified > li { float: none; } .nav-justified > rubix-menu > a, .nav-tabs.nav-justified > rubix-menu > a, .nav-justified > rubix-menu > li > a, .nav-tabs.nav-justified > rubix-menu > li > a, .nav-justified > rubix-nav-item > a, .nav-tabs.nav-justified > rubix-nav-item > a, .nav-justified > rubix-nav-item > li > a, .nav-tabs.nav-justified > rubix-nav-item > li > a, .nav-justified > li > a, .nav-tabs.nav-justified > li > a, .nav-justified > li > li > a, .nav-tabs.nav-justified > li > li > a { text-align: center; margin-bottom: 5px; border-bottom-width: 0px; } .nav-justified > rubix-menu, .nav-tabs.nav-justified > rubix-menu, .nav-justified > rubix-nav-item, .nav-tabs.nav-justified > rubix-nav-item { display: block; width: auto; } .nav-justified > rubix-menu > li, .nav-tabs.nav-justified > rubix-menu > li, .nav-justified > rubix-nav-item > li, .nav-tabs.nav-justified > rubix-nav-item > li { width: 100%; } .nav-justified > .dropdown .dropdown-menu { top: auto; left: auto; } @media (min-width: 990px) { .nav-justified > rubix-menu, .nav-tabs.nav-justified > rubix-menu, .nav-justified > rubix-nav-item, .nav-tabs.nav-justified > rubix-nav-item { display: table-cell; width: 1%; } .nav-justified > rubix-menu > li, .nav-tabs.nav-justified > rubix-menu > li, .nav-justified > rubix-nav-item > li, .nav-tabs.nav-justified > rubix-nav-item > li { width: 100%; } .nav-justified > rubix-menu > li.disabled > a:hover, .nav-justified > rubix-nav-item > li.disabled > a:hover { border-bottom-width: 1px; } .nav-justified > li a:hover { border-bottom-width: 1px; } .nav-justified > li.disabled > a:hover { border-bottom-width: 1px; } .nav-justified > li, .nav-tabs.nav-justified > li, .nav-justified > rubix-menu, .nav-tabs.nav-justified > rubix-menu, .nav-justified > rubix-nav-item, .nav-tabs.nav-justified > rubix-nav-item { display: table-cell; width: 1%; } .nav-justified > li > a, .nav-tabs.nav-justified > li > a, .nav-justified > li > li > a, .nav-tabs.nav-justified > li > li > a, .nav-justified > rubix-menu > a, .nav-tabs.nav-justified > rubix-menu > a, .nav-justified > rubix-menu > li > a, .nav-tabs.nav-justified > rubix-menu > li > a, .nav-justified > rubix-nav-item > a, .nav-tabs.nav-justified > rubix-nav-item > a, .nav-justified > rubix-nav-item > li > a, .nav-tabs.nav-justified > rubix-nav-item > li > a { margin-bottom: 0; } } .nav-tabs-justified, .nav-tabs.nav-justified { border-bottom: 0; } .nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a, .nav-tabs-justified > rubix-nav-item > li > a, .nav-tabs.nav-justified > rubix-nav-item > li > a, .nav-tabs-justified > rubix-menu > li > a, .nav-tabs.nav-justified > rubix-menu > li > a { margin-right: 0; border-radius: 4px; } .nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:focus, .nav-tabs-justified > rubix-menu .active > a, .nav-tabs.nav-justified > rubix-menu .active > a, .nav-tabs-justified > rubix-menu .active > a:hover, .nav-tabs.nav-justified > rubix-menu .active > a:hover, .nav-tabs-justified > rubix-menu .active > a:focus, .nav-tabs.nav-justified > rubix-menu .active > a:focus, .nav-tabs-justified > rubix-nav-item .active > a, .nav-tabs.nav-justified > rubix-nav-item .active > a, .nav-tabs-justified > rubix-nav-item .active > a:hover, .nav-tabs.nav-justified > rubix-nav-item .active > a:hover, .nav-tabs-justified > rubix-nav-item .active > a:focus, .nav-tabs.nav-justified > rubix-nav-item .active > a:focus { border: 1px solid #ddd; } @media (min-width: 990px) { .nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a, .nav-tabs-justified > rubix-nav-item > li > a, .nav-tabs.nav-justified > rubix-nav-item > li > a, .nav-tabs-justified > rubix-menu > li > a, .nav-tabs.nav-justified > rubix-menu > li > a { border-bottom: 1px solid #ddd; border-radius: 4px 4px 0 0; } .nav-tabs-justified > rubix-menu .active > a, .nav-tabs.nav-justified > rubix-menu .active > a, .nav-tabs-justified > rubix-menu .active > a:hover, .nav-tabs.nav-justified > rubix-menu .active > a:hover, .nav-tabs-justified > rubix-menu .active > a:focus, .nav-tabs.nav-justified > rubix-menu .active > a:focus, .nav-tabs-justified > rubix-nav-item .active > a, .nav-tabs.nav-justified > rubix-nav-item .active > a, .nav-tabs-justified > rubix-nav-item .active > a:hover, .nav-tabs.nav-justified > rubix-nav-item .active > a:hover, .nav-tabs-justified > rubix-nav-item .active > a:focus, .nav-tabs.nav-justified > rubix-nav-item .active > a:focus { border-bottom-color: #fff; } } .tab-content > .tab-pane, .tab-content rubix-tab-pane > .tab-pane { display: none; } .tab-content > .active, .tab-content rubix-tab-pane > .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: 75px; margin-bottom: 25px; border: 1px solid transparent; } .navbar:before, .navbar:after { content: " "; display: table; } .navbar:after { clear: both; } @media (min-width: 990px) { .navbar { border-radius: 4px; } } .navbar-header:before, .navbar-header:after { content: " "; display: table; } .navbar-header:after { clear: both; } @media (min-width: 990px) { .navbar-header { float: left; } } .navbar-collapse { overflow-x: visible; padding-right: 25px; padding-left: 25px; border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); -webkit-overflow-scrolling: touch; } .navbar-collapse:before, .navbar-collapse:after { content: " "; display: table; } .navbar-collapse:after { clear: both; } .navbar-collapse.in { overflow-y: auto; } @media (min-width: 990px) { .navbar-collapse { width: auto; border-top: 0; box-shadow: none; } .navbar-collapse.collapse { display: block !important; height: auto !important; padding-bottom: 0; overflow: visible !important; } .navbar-collapse.in { overflow-y: visible; } .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { padding-left: 0; padding-right: 0; } } .navbar-fixed-top .navbar-collapse,.navbar-fixed-bottom .navbar-collapse { max-height: 340px; } @media (max-device-width: 480px) and (orientation: landscape) { .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { max-height: 200px; } } .container .navbar-header,.container .navbar-collapse,.container-fluid .navbar-header,.container-fluid .navbar-collapse { margin-right: -25px; margin-left: -25px; } @media (min-width: 990px) { .container .navbar-header, .container .navbar-collapse, .container-fluid .navbar-header, .container-fluid .navbar-collapse { margin-right: 0; margin-left: 0; } } .navbar-static-top { z-index: 1000; border-width: 0 0 1px; } @media (min-width: 990px) { .navbar-static-top { border-radius: 0; } } .navbar-fixed-top,.navbar-fixed-bottom { position: fixed; right: 0; left: 0; z-index: 1030; } @media (min-width: 990px) { .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: 25px 25px; font-size: 18px; line-height: 25px; height: 75px; } .navbar-brand:hover, .navbar-brand:focus { text-decoration: none; } .navbar-brand > img { display: block; } @media (min-width: 990px) { .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand { margin-left: -25px; } } .navbar-toggle { position: relative; float: right; margin-right: 25px; padding: 9px 10px; margin-top: 20.5px; margin-bottom: 20.5px; background-color: transparent; background-image: none; border: 1px solid transparent; border-radius: 4px; } .navbar-toggle:focus { outline: 0; } .navbar-toggle .icon-bar { display: block; width: 22px; height: 2px; border-radius: 1px; } .navbar-toggle .icon-bar + .icon-bar { margin-top: 4px; } @media (min-width: 990px) { .navbar-toggle { display: none; } } .navbar-nav { margin: 12.5px -25px; } .navbar-nav > li > a, .navbar-nav > rubix-menu > li > a, .navbar-nav > rubix-nav-item > li > a { padding-top: 10px; padding-bottom: 10px; line-height: 25px; } @media (max-width: 989px) { .navbar-nav .open .dropdown-menu { position: static; float: none; width: auto; margin-top: 0; background-color: transparent; border: 0; box-shadow: none; } .navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header { padding: 5px 15px 5px 25px; } .navbar-nav .open .dropdown-menu > li > a { line-height: 25px; } .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus { background-image: none; } } @media (min-width: 990px) { .navbar-nav { float: left; margin: 0; } .navbar-nav > li, .navbar-nav > rubix-menu, .navbar-nav > rubix-nav-item { float: left; } .navbar-nav > li > a, .navbar-nav > li > li > a, .navbar-nav > rubix-menu > a, .navbar-nav > rubix-menu > li > a, .navbar-nav > rubix-nav-item > a, .navbar-nav > rubix-nav-item > li > a { padding-top: 25px; padding-bottom: 25px; } } .navbar-form { margin-left: -25px; margin-right: -25px; padding: 10px 25px; 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: 23px; margin-bottom: 23px; } @media (min-width: 990px) { .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: 989px) { .navbar-form .form-group { margin-bottom: 5px; } .navbar-form .form-group:last-child { margin-bottom: 0; } } @media (min-width: 990px) { .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: 4px; border-top-left-radius: 4px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .navbar-btn { margin-top: 23px; } .navbar-btn.btn-sm, .btn-group-sm > .navbar-btn.btn { margin-top: 27px; } .navbar-btn.btn-xs, .btn-group-xs > .navbar-btn.btn { margin-top: 29px; } .navbar-text { margin-top: 25px; margin-bottom: 25px; } @media (min-width: 990px) { .navbar-text { float: left; margin-left: 25px; margin-right: 25px; } } @media (min-width: 990px) { .navbar-left { float: left !important; } .navbar-right { float: right !important; margin-right: -25px; } .navbar-right ~ .navbar-right { margin-right: 0; } } .navbar-default { background-color: #fff; border-color: #eeeeee; } .navbar-default .navbar-brand { color: #777; } .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus { color: #5e5e5e; background-color: transparent; } .navbar-default .navbar-text { color: #777; } .navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > rubix-menu > li > a, .navbar-default .navbar-nav > rubix-nav-item > li > a { color: #777; } .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > rubix-menu > li > a:hover, .navbar-default .navbar-nav > rubix-menu > li > a:focus, .navbar-default .navbar-nav > rubix-nav-item > li > a:hover, .navbar-default .navbar-nav > rubix-nav-item > li > a:focus { color: #333; background-color: transparent; } .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > rubix-menu > .active > a, .navbar-default .navbar-nav > rubix-menu > .active > a:hover, .navbar-default .navbar-nav > rubix-menu > .active > a:focus, .navbar-default .navbar-nav > rubix-nav-item > .active > a, .navbar-default .navbar-nav > rubix-nav-item > .active > a:hover, .navbar-default .navbar-nav > rubix-nav-item > .active > a:focus { color: #555; background-color: #eeeeee; } .navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus, .navbar-default .navbar-nav > rubix-menu > .disabled > a, .navbar-default .navbar-nav > rubix-menu > .disabled > a:hover, .navbar-default .navbar-nav > rubix-menu > .disabled > a:focus, .navbar-default .navbar-nav > rubix-nav-item > .disabled > a, .navbar-default .navbar-nav > rubix-nav-item > .disabled > a:hover, .navbar-default .navbar-nav > rubix-nav-item > .disabled > a:focus { color: #ccc; background-color: transparent; } .navbar-default .navbar-toggle { border-color: #ddd; } .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: #ddd; } .navbar-default .navbar-toggle .icon-bar { background-color: #888; } .navbar-default .navbar-collapse, .navbar-default .navbar-form { border-color: #eeeeee; } .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > rubix-menu > .open > a, .navbar-default .navbar-nav > rubix-menu > .open > a:hover, .navbar-default .navbar-nav > rubix-menu > .open > a:focus { background-color: #eeeeee; color: #555; } @media (max-width: 989px) { .navbar-default .navbar-nav .open .dropdown-menu > li > a, .navbar-default .navbar-nav .open .dropdown-menu > rubix-menu-item > li > a { color: #777; } .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > rubix-menu-item > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > rubix-menu-item > li > a:focus { color: #333; 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, .navbar-default .navbar-nav .open .dropdown-menu > rubix-menu-item > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > rubix-menu-item > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > rubix-menu-item > .active > a:focus { color: #555; background-color: #eeeeee; } .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, .navbar-default .navbar-nav .open .dropdown-menu > rubix-menu-item > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > rubix-menu-item > .disabled > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > rubix-menu-item > .disabled > a:focus { color: #ccc; background-color: transparent; } } .navbar-default .navbar-link { color: #777; } .navbar-default .navbar-link:hover { color: #333; } .navbar-default .btn-link { color: #777; } .navbar-default .btn-link:hover, .navbar-default .btn-link:focus { color: #333; } .navbar-default .btn-link[disabled]:hover, .navbar-default .btn-link[disabled]:focus, fieldset[disabled] .navbar-default .btn-link:hover, fieldset[disabled] .navbar-default .btn-link:focus { color: #ccc; } .navbar-inverse { background-color: #222; border-color: #090909; } .navbar-inverse .navbar-brand { color: #9d9d9d; } .navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus { color: #fff; background-color: transparent; } .navbar-inverse .navbar-text { color: #9d9d9d; } .navbar-inverse .navbar-nav > li > a, .navbar-inverse .navbar-nav > rubix-menu > li > a, .navbar-inverse .navbar-nav > rubix-nav-item > li > a { color: #9d9d9d; } .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > rubix-menu > li > a:hover, .navbar-inverse .navbar-nav > rubix-menu > li > a:focus, .navbar-inverse .navbar-nav > rubix-nav-item > li > a:hover, .navbar-inverse .navbar-nav > rubix-nav-item > li > a:focus { color: #fff; background-color: transparent; } .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > rubix-menu > .active > a, .navbar-inverse .navbar-nav > rubix-menu > .active > a:hover, .navbar-inverse .navbar-nav > rubix-menu > .active > a:focus, .navbar-inverse .navbar-nav > rubix-nav-item > .active > a, .navbar-inverse .navbar-nav > rubix-nav-item > .active > a:hover, .navbar-inverse .navbar-nav > rubix-nav-item > .active > a:focus { color: #fff; background-color: #090909; } .navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:hover, .navbar-inverse .navbar-nav > .disabled > a:focus, .navbar-inverse .navbar-nav > rubix-menu > .disabled > a, .navbar-inverse .navbar-nav > rubix-menu > .disabled > a:hover, .navbar-inverse .navbar-nav > rubix-menu > .disabled > a:focus, .navbar-inverse .navbar-nav > rubix-nav-item > .disabled > a, .navbar-inverse .navbar-nav > rubix-nav-item > .disabled > a:hover, .navbar-inverse .navbar-nav > rubix-nav-item > .disabled > a:focus { color: #444; background-color: transparent; } .navbar-inverse .navbar-toggle { border-color: #333; } .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus { background-color: #333; } .navbar-inverse .navbar-toggle .icon-bar { background-color: #fff; } .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { border-color: #101010; } .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus { background-color: #090909; color: #fff; } @media (max-width: 989px) { .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header { border-color: #090909; } .navbar-inverse .navbar-nav .open .dropdown-menu .divider { background-color: #090909; } .navbar-inverse .navbar-nav .open .dropdown-menu > li > a { color: #9d9d9d; } .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus { color: #fff; 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: #fff; background-color: #090909; } .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus { color: #444; background-color: transparent; } } .navbar-inverse .navbar-link { color: #9d9d9d; } .navbar-inverse .navbar-link:hover { color: #fff; } .navbar-inverse .btn-link { color: #9d9d9d; } .navbar-inverse .btn-link:hover, .navbar-inverse .btn-link:focus { color: #fff; } .navbar-inverse .btn-link[disabled]:hover, .navbar-inverse .btn-link[disabled]:focus, fieldset[disabled] .navbar-inverse .btn-link:hover, fieldset[disabled] .navbar-inverse .btn-link:focus { color: #444; } .breadcrumb { padding: 8px 15px; margin-bottom: 25px; list-style: none; background-color: #fff; border-radius: 4px; } .breadcrumb > li, .breadcrumb > rubix-breadcrumb-item, .breadcrumb > rubix-breadcrumb-item > li { display: inline-block; } .breadcrumb > li + li:before, .breadcrumb > li + rubix-breadcrumb-item:before, .breadcrumb > rubix-breadcrumb-item + li:before, .breadcrumb > rubix-breadcrumb-item + rubix-breadcrumb-item:before, .breadcrumb > rubix-breadcrumb-item > li + li:before, .breadcrumb > rubix-breadcrumb-item > li + rubix-breadcrumb-item:before { content: "/\A0"; padding: 0 5px; padding-left: 10px; color: #ccc; } .breadcrumb > .active, .breadcrumb > rubix-breadcrumb-item > .active { color: #777777; } .pagination { display: inline-block; padding-left: 0; margin: 25px 0; border-radius: 4px; } .pagination > li, .pagination > rubix-page-item > li { display: inline; } .pagination > li > a, .pagination > li > span, .pagination > rubix-page-item > li > a, .pagination > rubix-page-item > li > span { position: relative; float: left; padding: 6px 12px; line-height: 1.78571; text-decoration: none; color: #6B8C56; background-color: #fff; border: 1px solid #ddd; margin-left: -1px; } .pagination > li:first-child > a, .pagination > li:first-child > span, .pagination > li:first-child > li > a, .pagination > li:first-child > li > span, .pagination > rubix-page-item:first-child > a, .pagination > rubix-page-item:first-child > span, .pagination > rubix-page-item:first-child > li > a, .pagination > rubix-page-item:first-child > li > span { margin-left: 0; border-bottom-left-radius: 4px; border-top-left-radius: 4px; } .pagination > li:last-child > a, .pagination > li:last-child > span, .pagination > li:last-child > li > a, .pagination > li:last-child > li > span, .pagination > rubix-page-item:last-child > a, .pagination > rubix-page-item:last-child > span, .pagination > rubix-page-item:last-child > li > a, .pagination > rubix-page-item:last-child > li > span { border-bottom-right-radius: 4px; border-top-right-radius: 4px; } .pagination > li > a:hover, .pagination > li > a:focus, .pagination > li > span:hover, .pagination > li > span:focus, .pagination > rubix-page-item > li > a:hover, .pagination > rubix-page-item > li > a:focus, .pagination > rubix-page-item > li > span:hover, .pagination > rubix-page-item > li > span:focus { z-index: 2; color: #536c43; background-color: #eeeeee; border-color: #ddd; } .pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus, .pagination > .active > span, .pagination > .active > span:hover, .pagination > .active > span:focus, .pagination > rubix-page-item > .active > a, .pagination > rubix-page-item > .active > a:hover, .pagination > rubix-page-item > .active > a:focus, .pagination > rubix-page-item > .active > span, .pagination > rubix-page-item > .active > span:hover, .pagination > rubix-page-item > .active > span:focus { z-index: 3; color: #fff; background-color: #8B3765; border-color: #8B3765; cursor: default; } .pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus, .pagination > rubix-page-item .disabled > span, .pagination > rubix-page-item .disabled > span:hover, .pagination > rubix-page-item .disabled > span:focus, .pagination > rubix-page-item .disabled > a, .pagination > rubix-page-item .disabled > a:hover, .pagination > rubix-page-item .disabled > a:focus { pointer-events: none; color: #777777; background-color: #fff; border-color: #ddd; cursor: not-allowed; } .pagination-lg > li > a,.pagination-lg > li > span { padding: 10px 16px; font-size: 18px; line-height: 1.33333; } .pagination-lg > li:first-child > a,.pagination-lg > li:first-child > span { border-bottom-left-radius: 6px; border-top-left-radius: 6px; } .pagination-lg > li:last-child > a,.pagination-lg > li:last-child > span { border-bottom-right-radius: 6px; border-top-right-radius: 6px; } .pagination-sm > li > a,.pagination-sm > li > span { padding: 5px 10px; font-size: 12px; line-height: 1.5; } .pagination-sm > li:first-child > a,.pagination-sm > li:first-child > span { border-bottom-left-radius: 3px; border-top-left-radius: 3px; } .pagination-sm > li:last-child > a,.pagination-sm > li:last-child > span { border-bottom-right-radius: 3px; border-top-right-radius: 3px; } .pager { padding-left: 0; margin: 25px 0; list-style: none; text-align: center; } .pager:before, .pager:after { content: " "; display: table; } .pager:after { clear: both; } .pager li { display: inline; } .pager li > a, .pager li > span { display: inline-block; padding: 5px 14px; background-color: #fff; border: 1px solid #ddd; border-radius: 15px; } .pager li > a:hover, .pager li > a:focus { text-decoration: none; background-color: #eeeeee; } .pager .next > a, .pager .next > span { float: right; } .pager .previous > a, .pager .previous > span { float: left; } .pager .disabled > a, .pager .disabled > a:hover, .pager .disabled > a:focus, .pager .disabled > span { color: #777777; background-color: #fff; cursor: not-allowed; } .label { display: inline; padding: .2em .6em .3em; font-size: 75%; font-weight: bold; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: .25em; } .label:empty { display: none; } .btn .label { position: relative; top: -1px; } a.label:hover, a.label:focus { color: #fff; text-decoration: none; cursor: pointer; } .label-default { background-color: #777777; } .label-default[href]:hover, .label-default[href]:focus { background-color: #5e5e5e; } .label-primary { background-color: #8B3765; } .label-primary[href]:hover, .label-primary[href]:focus { background-color: #66294a; } .label-success { background-color: #6B8C56; } .label-success[href]:hover, .label-success[href]:focus { background-color: #536c43; } .label-info { background-color: #666983; } .label-info[href]:hover, .label-info[href]:focus { background-color: #505266; } .label-warning { background-color: #b04580; } .label-warning[href]:hover, .label-warning[href]:focus { background-color: #8b3765; } .label-danger { background-color: #66294a; } .label-danger[href]:hover, .label-danger[href]:focus { background-color: #421a30; } .badge { display: inline-block; min-width: 10px; padding: 3px 7px; font-size: 12px; font-weight: bold; color: #fff; line-height: 1; vertical-align: middle; white-space: nowrap; text-align: center; background-color: #777777; border-radius: 10px; } .badge:empty { display: none; } .btn .badge { position: relative; top: -1px; } .btn-xs .badge, .btn-group-xs > .btn .badge, .btn-group-xs > .btn .badge { top: 0; padding: 1px 5px; } .list-group-item.active .badge, .nav-pills > .active > a .badge { color: #6B8C56; background-color: #fff; } .list-group-item .badge { top: 3px; float: right; position: relative; } .list-group-item .badge + .badge { margin-right: 5px; } .nav-pills > li > a > .badge { margin-left: 3px; } a.badge:hover, a.badge:focus { color: #fff; text-decoration: none; cursor: pointer; } .jumbotron { padding-top: 30px; padding-bottom: 30px; margin-bottom: 30px; color: inherit; background-color: #eeeeee; } .jumbotron h1, .jumbotron .h1 { color: inherit; } .jumbotron p { margin-bottom: 15px; font-size: 21px; font-weight: 200; } .jumbotron > hr { border-top-color: #d5d5d5; } .container .jumbotron, .container-fluid .jumbotron { border-radius: 6px; padding-left: 25px; padding-right: 25px; } .jumbotron .container { max-width: 100%; } @media screen and (min-width: 990px) { .jumbotron { padding-top: 48px; padding-bottom: 48px; } .container .jumbotron, .container-fluid .jumbotron { padding-left: 60px; padding-right: 60px; } .jumbotron h1, .jumbotron .h1 { font-size: 63px; } } .thumbnail { display: block; padding: 4px; margin-bottom: 25px; line-height: 1.78571; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; -webkit-transition: border 0.2s ease-in-out; -o-transition: border 0.2s ease-in-out; transition: border 0.2s ease-in-out; } .thumbnail > img, .thumbnail a > img { display: block; max-width: 100%; height: auto; margin-left: auto; margin-right: auto; } .thumbnail .caption { padding: 9px; color: #333333; } a.thumbnail:hover,a.thumbnail:focus,a.thumbnail.active { border-color: #6B8C56; } .alert { padding: 15px; margin-bottom: 25px; border: 1px solid transparent; border-radius: 4px; } .alert h4 { margin-top: 0; color: inherit; } .alert .alert-link { font-weight: bold; } .alert > p, .alert > ul { margin-bottom: 0; } .alert > p + p { margin-top: 5px; } .alert-dismissable,.alert-dismissible { padding-right: 35px; } .alert-dismissable .close, .alert-dismissible .close { position: relative; top: -2px; right: -21px; color: inherit; } .alert-success { background-color: #dff0d8; border-color: #d6e9c6; color: #3c763d; } .alert-success hr { border-top-color: #c9e2b3; } .alert-success .alert-link { color: #2b542c; } .alert-info { background-color: #d9edf7; border-color: #bce8f1; color: #31708f; } .alert-info hr { border-top-color: #a6e1ec; } .alert-info .alert-link { color: #245269; } .alert-warning { background-color: #fcf8e3; border-color: #faebcc; color: #8a6d3b; } .alert-warning hr { border-top-color: #f7e1b5; } .alert-warning .alert-link { color: #66512c; } .alert-danger { background-color: #f2dede; border-color: #ebccd1; color: #a94442; } .alert-danger hr { border-top-color: #e4b9c0; } .alert-danger .alert-link { color: #843534; } @-webkit-keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } @keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } .progress { overflow: hidden; height: 25px; margin-bottom: 25px; background-color: #f5f5f5; border-radius: 4px; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); } .progress-bar { float: left; width: 0%; height: 100%; font-size: 12px; line-height: 25px; color: #fff; text-align: center; background-color: #8B3765; -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); 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: #6B8C56; } .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: #666983; } .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: #b04580; } .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: #66294a; } .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); } .progress-collapse-bottom { margin-bottom: 0; } .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: #fff; border: 1px solid #ddd; } .list-group > .list-group-item:first-child { border-top-right-radius: 4px; border-top-left-radius: 4px; } .list-group > .list-group-item:last-child { margin-bottom: 0; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } .list-group > rubix-list-group-item:first-child > .list-group-item { border-top-right-radius: 4px; border-top-left-radius: 4px; } .list-group > rubix-list-group-item:last-child > .list-group-item { margin-bottom: 0; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } a.list-group-item,button.list-group-item { color: #555; } a.list-group-item .list-group-item-heading, button.list-group-item .list-group-item-heading { color: #333; } a.list-group-item:hover, a.list-group-item:focus, button.list-group-item:hover, button.list-group-item:focus { text-decoration: none; color: #555; 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: #eeeeee; color: #777777; 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: #777777; } .list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus { z-index: 2; color: #fff; background-color: #8B3765; border-color: #8B3765; } .list-group-item.active .list-group-item-heading, .list-group-item.active .list-group-item-heading > small, .list-group-item.active .list-group-item-heading > .small, .list-group-item.active:hover .list-group-item-heading, .list-group-item.active:hover .list-group-item-heading > small, .list-group-item.active:hover .list-group-item-heading > .small, .list-group-item.active:focus .list-group-item-heading, .list-group-item.active:focus .list-group-item-heading > small, .list-group-item.active:focus .list-group-item-heading > .small { color: inherit; } .list-group-item.active .list-group-item-text, .list-group-item.active:hover .list-group-item-text, .list-group-item.active:focus .list-group-item-text { color: #dfafc9; } .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, a.list-group-item-success:focus, button.list-group-item-success:hover, button.list-group-item-success:focus { color: #3c763d; background-color: #d0e9c6; } a.list-group-item-success.active, a.list-group-item-success.active:hover, a.list-group-item-success.active:focus, button.list-group-item-success.active, button.list-group-item-success.active:hover, 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, a.list-group-item-info:focus, button.list-group-item-info:hover, button.list-group-item-info:focus { color: #31708f; background-color: #c4e3f3; } a.list-group-item-info.active, a.list-group-item-info.active:hover, a.list-group-item-info.active:focus, button.list-group-item-info.active, button.list-group-item-info.active:hover, 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, a.list-group-item-warning:focus, button.list-group-item-warning:hover, button.list-group-item-warning:focus { color: #8a6d3b; background-color: #faf2cc; } a.list-group-item-warning.active, a.list-group-item-warning.active:hover, a.list-group-item-warning.active:focus, button.list-group-item-warning.active, button.list-group-item-warning.active:hover, 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, a.list-group-item-danger:focus, button.list-group-item-danger:hover, button.list-group-item-danger:focus { color: #a94442; background-color: #ebcccc; } a.list-group-item-danger.active, a.list-group-item-danger.active:hover, a.list-group-item-danger.active:focus, button.list-group-item-danger.active, button.list-group-item-danger.active:hover, 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: 25px; background-color: #fff; border: 1px solid transparent; border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); } .panel-body { padding: 25px; } .panel-body:before, .panel-body:after { content: " "; display: table; } .panel-body:after { clear: both; } .panel-heading { padding: 12.5px 25px; border-bottom: 1px solid transparent; border-top-right-radius: 3px; border-top-left-radius: 3px; } .panel-heading > .dropdown .dropdown-toggle { color: inherit; } .panel-title { margin-top: 0; margin-bottom: 0; font-size: 16px; color: inherit; } .panel-title > a, .panel-title > small, .panel-title > .small, .panel-title > small > a, .panel-title > .small > a { color: inherit; } .panel-footer { padding: 12.5px 25px; background-color: #f5f5f5; border-top: 1px solid #ddd; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .panel > .list-group,.panel > .panel-collapse > .list-group,.panel > rubix-list-group > .list-group { margin-bottom: 0; } .panel > .list-group .list-group-item, .panel > .panel-collapse > .list-group .list-group-item, .panel > rubix-list-group > .list-group .list-group-item { border-width: 1px 0; border-radius: 0; } .panel > rubix-list-group > .list-group:first-child rubix-list-group-item:first-child .list-group-item { border-top-right-radius: 0; border-top-left-radius: 0; } .panel > rubix-list-group > .list-group:last-child rubix-list-group-item:last-child .list-group-item { border-bottom: 0; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .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: 3px; border-top-left-radius: 3px; } .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: 3px; border-bottom-left-radius: 3px; } .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: 25px; padding-right: 25px; } .panel > .table:first-child,.panel > .table-responsive:first-child > .table:first-child { border-top-right-radius: 3px; border-top-left-radius: 3px; } .panel > .table:first-child > thead:first-child > tr:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child { border-top-left-radius: 3px; border-top-right-radius: 3px; } .panel > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child { border-top-left-radius: 3px; } .panel > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child { border-top-right-radius: 3px; } .panel > .table:last-child,.panel > .table-responsive:last-child > .table:last-child { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .panel > .table:last-child > tbody:last-child > tr:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } .panel > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child { border-bottom-left-radius: 3px; } .panel > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child { border-bottom-right-radius: 3px; } .panel > .panel-body + .table,.panel > rubix-bpanel-body + .table,.panel > .panel-body + .table-responsive,.panel > rubix-bpanel-body + .table-responsive,.panel > .table + .panel-body,.panel > .table + rubix-bpanel-body,.panel > .table-responsive + .panel-body,.panel > .table-responsive + rubix-bpanel-body { border-top: 1px solid #ddd; } .panel > .table > tbody:first-child > tr:first-child th,.panel > .table > tbody:first-child > tr:first-child td { border-top: 0; } .panel > .table-bordered,.panel > .table-responsive > .table-bordered { border: 0; } .panel > .table-bordered > thead > tr > th:first-child, .panel > .table-bordered > thead > tr > td:first-child, .panel > .table-bordered > tbody > tr > th:first-child, .panel > .table-bordered > tbody > tr > td:first-child, .panel > .table-bordered > tfoot > tr > th:first-child, .panel > .table-bordered > tfoot > tr > td:first-child, .panel > .table-responsive > .table-bordered > thead > tr > th:first-child, .panel > .table-responsive > .table-bordered > thead > tr > td:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child { border-left: 0; } .panel > .table-bordered > thead > tr > th:last-child, .panel > .table-bordered > thead > tr > td:last-child, .panel > .table-bordered > tbody > tr > th:last-child, .panel > .table-bordered > tbody > tr > td:last-child, .panel > .table-bordered > tfoot > tr > th:last-child, .panel > .table-bordered > tfoot > tr > td:last-child, .panel > .table-responsive > .table-bordered > thead > tr > th:last-child, .panel > .table-responsive > .table-bordered > thead > tr > td:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child { border-right: 0; } .panel > .table-bordered > thead > tr:first-child > td, .panel > .table-bordered > thead > tr:first-child > th, .panel > .table-bordered > tbody > tr:first-child > td, .panel > .table-bordered > tbody > tr:first-child > th, .panel > .table-responsive > .table-bordered > thead > tr:first-child > td, .panel > .table-responsive > .table-bordered > thead > tr:first-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th { border-bottom: 0; } .panel > .table-bordered > tbody > tr:last-child > td, .panel > .table-bordered > tbody > tr:last-child > th, .panel > .table-bordered > tfoot > tr:last-child > td, .panel > .table-bordered > tfoot > tr:last-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th { border-bottom: 0; } .panel > .table-responsive { border: 0; margin-bottom: 0; } .panel-group { margin-bottom: 25px; } .panel-group .collapse-link { height: 42px; display: block; line-height: 42px; margin-top: -12.5px; margin-bottom: -12.5px; } .panel-group .panel { margin-bottom: 0; border-radius: 4px; } .panel-group .panel + .panel { margin-top: 5px; } .panel-group rubix-bpanel { margin-bottom: 0; border-radius: 4px; } .panel-group rubix-bpanel + rubix-bpanel > .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 #ddd; } .panel-group .panel-footer { border-top: 0; } .panel-group .panel-footer + .panel-collapse .panel-body { border-bottom: 1px solid #ddd; } .panel-default { border-color: #ddd; } .panel-default > .panel-heading { color: #333333; background-color: #f5f5f5; border-color: #ddd; } .panel-default > .panel-heading + .panel-collapse > .panel-body { border-top-color: #ddd; } .panel-default > .panel-heading .badge { color: #f5f5f5; background-color: #333333; } .panel-default > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #ddd; } .panel-primary { border-color: #8B3765; } .panel-primary > .panel-heading { color: #fff; background-color: #8B3765; border-color: #8B3765; } .panel-primary > .panel-heading + .panel-collapse > .panel-body { border-top-color: #8B3765; } .panel-primary > .panel-heading .badge { color: #8B3765; background-color: #fff; } .panel-primary > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #8B3765; } .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; } .panel-title > a { height: 42px; display: block; line-height: 42px; margin-top: -12.5px; margin-bottom: -12.5px; } .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: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); } .well blockquote { border-color: #ddd; border-color: rgba(0, 0, 0, 0.15); } .well-lg { padding: 24px; border-radius: 6px; } .well-sm { padding: 9px; border-radius: 3px; } .close { float: right; font-size: 21px; font-weight: bold; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; opacity: 0.2; filter: alpha(opacity=20); } .close:hover, .close:focus { color: #000; 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; -moz-transition: -moz-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: #fff; border: 1px solid #999; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); background-clip: padding-box; outline: 0; } .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000; } .modal-backdrop.fade { opacity: 0; 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:before, .modal-header:after { content: " "; display: table; } .modal-header:after { clear: both; } .modal-header .close { margin-top: -2px; } .modal-title { margin: 0; line-height: 1.78571; } .modal-body { position: relative; padding: 15px; } .modal-footer { padding: 15px; text-align: right; border-top: 1px solid #e5e5e5; } .modal-footer:before, .modal-footer:after { content: " "; display: table; } .modal-footer:after { clear: both; } .modal-footer .btn + .btn { margin-left: 5px; margin-bottom: 0; } .modal-footer .btn-group .btn + .btn { margin-left: -1px; } .modal-footer .btn-block + .btn-block { margin-left: 0; } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } @media (min-width: 990px) { .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: 1152px) { .modal-lg { width: 900px; } } .modal-container { position: relative; } .modal-container .modal, .modal-container .modal-backdrop { position: absolute; } body > .modal-backdrop { z-index: -1; } .static-modal .modal { top: auto; left: auto; right: auto; bottom: auto; z-index: 1; position: relative; } .modal-container { position: relative; } .modal-container .modal, .modal-container .modal-backdrop { position: absolute; } .tooltip { position: absolute; z-index: 1000000000000000013287555072; display: block; font-family: Karla, sans-serif; font-style: normal; font-weight: normal; letter-spacing: normal; line-break: auto; line-height: 1.78571; 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: #fff; text-align: center; background-color: #000; border-radius: 4px; } .tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; } .tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-width: 5px 5px 0; border-top-color: #000; } .tooltip.top-left .tooltip-arrow { bottom: 0; right: 5px; margin-bottom: -5px; border-width: 5px 5px 0; border-top-color: #000; } .tooltip.top-right .tooltip-arrow { bottom: 0; left: 5px; margin-bottom: -5px; border-width: 5px 5px 0; border-top-color: #000; } .tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-width: 5px 5px 5px 0; border-right-color: #000; } .tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-width: 5px 0 5px 5px; border-left-color: #000; } .tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-width: 0 5px 5px; border-bottom-color: #000; } .tooltip.bottom-left .tooltip-arrow { top: 0; right: 5px; margin-top: -5px; border-width: 0 5px 5px; border-bottom-color: #000; } .tooltip.bottom-right .tooltip-arrow { top: 0; left: 5px; margin-top: -5px; border-width: 0 5px 5px; border-bottom-color: #000; } .popover { position: absolute; top: 0; left: 0; z-index: 1060; display: none; max-width: 276px; padding: 1px; font-family: Karla, sans-serif; font-style: normal; font-weight: normal; letter-spacing: normal; line-break: auto; line-height: 1.78571; 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: 14px; background-color: #fff; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); } .popover.top { margin-top: -10px; } .popover.right { margin-left: 10px; } .popover.bottom { margin-top: 10px; } .popover.left { margin-left: -10px; } .popover-title { margin: 0; padding: 8px 14px; font-size: 14px; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-radius: 5px 5px 0 0; } .popover-content { padding: 9px 14px; } .popover > .arrow, .popover > .arrow:after { position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid; } .popover > .arrow { border-width: 11px; } .popover > .arrow:after { border-width: 10px; content: ""; } .popover.top > .arrow { left: 50%; margin-left: -11px; border-bottom-width: 0; border-top-color: #999999; border-top-color: rgba(0, 0, 0, 0.25); bottom: -11px; } .popover.top > .arrow:after { content: " "; bottom: 1px; margin-left: -10px; border-bottom-width: 0; border-top-color: #fff; } .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: #fff; } .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: #fff; } .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: #fff; 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 { display: block; max-width: 100%; height: auto; line-height: 1; } @media all and (transform-3d), (-webkit-transform-3d) { .carousel-inner > .item { -webkit-transition: -webkit-transform 0.6s ease-in-out; -moz-transition: -moz-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; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000px; -moz-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: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); background-color: transparent; } .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: 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: 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: #fff; 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 #fff; border-radius: 10px; cursor: pointer; background-color: #000 \9; background-color: transparent; } .carousel-indicators .active { margin: 0; width: 12px; height: 12px; background-color: #fff; } .carousel-caption { position: absolute; left: 15%; right: 15%; bottom: 20px; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } .carousel-caption .btn { text-shadow: none; } @media screen and (min-width: 990px) { .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 { content: " "; display: table; } .clearfix:after { clear: both; } .center-block { display: block; margin-left: auto; margin-right: auto; } .pull-right { float: right !important; } .pull-left { float: left !important; } .hide { display: none !important; } .show { display: block !important; } .invisible { visibility: hidden; } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .hidden { display: none !important; } .affix { position: fixed; } @-ms-viewport { width: device-width; } .visible-xs { display: none !important; } .visible-sm { display: none !important; } .visible-md { display: none !important; } .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: 989px) { .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: 989px) { .visible-xs-block { display: block !important; } } @media (max-width: 989px) { .visible-xs-inline { display: inline !important; } } @media (max-width: 989px) { .visible-xs-inline-block { display: inline-block !important; } } @media (min-width: 990px) and (max-width: 1151px) { .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: 990px) and (max-width: 1151px) { .visible-sm-block { display: block !important; } } @media (min-width: 990px) and (max-width: 1151px) { .visible-sm-inline { display: inline !important; } } @media (min-width: 990px) and (max-width: 1151px) { .visible-sm-inline-block { display: inline-block !important; } } @media (min-width: 1152px) and (max-width: 1365px) { .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: 1152px) and (max-width: 1365px) { .visible-md-block { display: block !important; } } @media (min-width: 1152px) and (max-width: 1365px) { .visible-md-inline { display: inline !important; } } @media (min-width: 1152px) and (max-width: 1365px) { .visible-md-inline-block { display: inline-block !important; } } @media (min-width: 1366px) { .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: 1366px) { .visible-lg-block { display: block !important; } } @media (min-width: 1366px) { .visible-lg-inline { display: inline !important; } } @media (min-width: 1366px) { .visible-lg-inline-block { display: inline-block !important; } } @media (max-width: 989px) { .hidden-xs { display: none !important; } } @media (min-width: 990px) and (max-width: 1151px) { .hidden-sm { display: none !important; } } @media (min-width: 1152px) and (max-width: 1365px) { .hidden-md { display: none !important; } } @media (min-width: 1366px) { .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; } } .form-group { position: relative; } .form-group .control-label ~ .form-control-feedback { top: 30px; } .form-group .control-label.sr-only ~ .form-control-feedback, .form-group .bootstrap-datetimepicker-widget .control-label.btn[data-action="incrementHours"]::after ~ .form-control-feedback, .bootstrap-datetimepicker-widget .form-group .control-label.btn[data-action="incrementHours"]::after ~ .form-control-feedback, .form-group .bootstrap-datetimepicker-widget .control-label.btn[data-action="incrementMinutes"]::after ~ .form-control-feedback, .bootstrap-datetimepicker-widget .form-group .control-label.btn[data-action="incrementMinutes"]::after ~ .form-control-feedback, .form-group .bootstrap-datetimepicker-widget .control-label.btn[data-action="decrementHours"]::after ~ .form-control-feedback, .bootstrap-datetimepicker-widget .form-group .control-label.btn[data-action="decrementHours"]::after ~ .form-control-feedback, .form-group .bootstrap-datetimepicker-widget .control-label.btn[data-action="decrementMinutes"]::after ~ .form-control-feedback, .bootstrap-datetimepicker-widget .form-group .control-label.btn[data-action="decrementMinutes"]::after ~ .form-control-feedback, .form-group .bootstrap-datetimepicker-widget .control-label.btn[data-action="showHours"]::after ~ .form-control-feedback, .bootstrap-datetimepicker-widget .form-group .control-label.btn[data-action="showHours"]::after ~ .form-control-feedback, .form-group .bootstrap-datetimepicker-widget .control-label.btn[data-action="showMinutes"]::after ~ .form-control-feedback, .bootstrap-datetimepicker-widget .form-group .control-label.btn[data-action="showMinutes"]::after ~ .form-control-feedback, .form-group .bootstrap-datetimepicker-widget .control-label.btn[data-action="togglePeriod"]::after ~ .form-control-feedback, .bootstrap-datetimepicker-widget .form-group .control-label.btn[data-action="togglePeriod"]::after ~ .form-control-feedback, .form-group .bootstrap-datetimepicker-widget .control-label.btn[data-action="clear"]::after ~ .form-control-feedback, .bootstrap-datetimepicker-widget .form-group .control-label.btn[data-action="clear"]::after ~ .form-control-feedback, .form-group .bootstrap-datetimepicker-widget .control-label.btn[data-action="today"]::after ~ .form-control-feedback, .bootstrap-datetimepicker-widget .form-group .control-label.btn[data-action="today"]::after ~ .form-control-feedback, .form-group .bootstrap-datetimepicker-widget .control-label.picker-switch::after ~ .form-control-feedback, .bootstrap-datetimepicker-widget .form-group .control-label.picker-switch::after ~ .form-control-feedback, .form-group .bootstrap-datetimepicker-widget table th.control-label.prev::after ~ .form-control-feedback, .bootstrap-datetimepicker-widget table .form-group th.control-label.prev::after ~ .form-control-feedback, .form-group .bootstrap-datetimepicker-widget table th.control-label.next::after ~ .form-control-feedback, .bootstrap-datetimepicker-widget table .form-group th.control-label.next::after ~ .form-control-feedback { top: 0px; } .form-group [class^='col-'] .form-control-feedback { right: 25px; } .form-inline .form-group .form-control-feedback { top: 30px; } @media (min-width: 990px) { .form-inline .form-group .form-control-feedback { top: 0px; } } .form-horizontal .form-group .form-control-feedback { top: 0px; } .form-control { color: #444; height: 30px; padding: 0 12px; box-shadow: none !important; border-width: 2px; letter-spacing: 0.5px; border-radius: 0 !important; } .form-control:focus { box-shadow: none; } .form-control.plain { border-top: none; border-left: none; border-right: none; } .input-group-addon { border: none; color: #89949B; border-radius: 0 !important; } .form-control-feedback { width: 30px; height: 30px; line-height: 30px !important; } .input-group > .form-control-feedback { top: 0; } select[multiple], select[size] { padding: 12px; } input[type="file"] { display: block; line-height: 0px; } .help-block { color: #bbb; } .form-control.inline, .help-block.inline { margin: 0; width: auto; margin-right: 5px; display: inline-block; } @media (min-width: 990px) { .form-horizontal .control-label { padding: 0; line-height: 30px; } } .input-group-addon.plain { padding: 0; border: none; background: none; } .input-group-addon.plain > button { height: 30px; border-radius: 0; } .form-control-static { padding: 0; line-height: 30px; } .input-lg, .input-group-lg > .form-control,.input-group-lg > .input-group-addon,.input-group-lg > .input-group-btn > .btn, .form-horizontal .form-group-lg .form-control, .input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn { height: 46px; padding: 10px 16px; } .input-sm, .input-group-sm > .form-control,.input-group-sm > .input-group-addon,.input-group-sm > .input-group-btn > .btn, .form-horizontal .form-group-sm .form-control, .input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn { height: 25px !important; padding-top: 2px; margin-top: 8px; } .input-lg, .input-group-lg > .form-control,.input-group-lg > .input-group-addon,.input-group-lg > .input-group-btn > .btn, .form-horizontal .form-group-lg .form-control, .input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn, .form-horizontal .form-group-lg .form-control, .input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn { height: 50px !important; padding-top: 0px !important; padding-bottom: 0px !important; } .form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline { padding-top: 3px; padding-bottom: 3px; } .list-group-item:hover, .list-group-item:focus { padding: 10px 15px; color: #555 !important; border: 1px solid #DDD !important; background-color: #F5F5F5 !important; } .form-inline .control-label { display: inline-block; } rubix-input-group { display: inline-block; position: relative; } .radio input[type='radio'],.radio-inline input[type='radio'] { margin-top: 6px; } .checkbox input[type='checkbox'],.checkbox-inline input[type='checkbox'] { margin-top: 6px; } .panel-xs-1 { width: 8.33333%; } .panel-xs-2 { width: 16.66667%; } .panel-xs-3 { width: 25%; } .panel-xs-4 { width: 33.33333%; } .panel-xs-5 { width: 41.66667%; } .panel-xs-6 { width: 50%; } .panel-xs-7 { width: 58.33333%; } .panel-xs-8 { width: 66.66667%; } .panel-xs-9 { width: 75%; } .panel-xs-10 { width: 83.33333%; } .panel-xs-11 { width: 91.66667%; } .panel-xs-12 { width: 100%; } @media (min-width: 990px) { .panel-sm-1 { width: 8.33333%; } .panel-sm-2 { width: 16.66667%; } .panel-sm-3 { width: 25%; } .panel-sm-4 { width: 33.33333%; } .panel-sm-5 { width: 41.66667%; } .panel-sm-6 { width: 50%; } .panel-sm-7 { width: 58.33333%; } .panel-sm-8 { width: 66.66667%; } .panel-sm-9 { width: 75%; } .panel-sm-10 { width: 83.33333%; } .panel-sm-11 { width: 91.66667%; } .panel-sm-12 { width: 100%; } } @media (min-width: 1152px) { .panel-md-1 { width: 8.33333%; } .panel-md-2 { width: 16.66667%; } .panel-md-3 { width: 25%; } .panel-md-4 { width: 33.33333%; } .panel-md-5 { width: 41.66667%; } .panel-md-6 { width: 50%; } .panel-md-7 { width: 58.33333%; } .panel-md-8 { width: 66.66667%; } .panel-md-9 { width: 75%; } .panel-md-10 { width: 83.33333%; } .panel-md-11 { width: 91.66667%; } .panel-md-12 { width: 100%; } } @media (min-width: 1366px) { .panel-lg-1 { width: 8.33333%; } .panel-lg-2 { width: 16.66667%; } .panel-lg-3 { width: 25%; } .panel-lg-4 { width: 33.33333%; } .panel-lg-5 { width: 41.66667%; } .panel-lg-6 { width: 50%; } .panel-lg-7 { width: 58.33333%; } .panel-lg-8 { width: 66.66667%; } .panel-lg-9 { width: 75%; } .panel-lg-10 { width: 83.33333%; } .panel-lg-11 { width: 91.66667%; } .panel-lg-12 { width: 100%; } } .panel-collapse-bottom { margin-bottom: 0 !important; } .panel-gutter-bottom { margin-bottom: 50px !important; } .rubix-panel-container-with-controls { position: relative; } .rubix-panel-container { overflow: hidden; background: white; position: relative; border-radius: 8px; margin-bottom: 25px; } .rubix-panel-container.noOverflow { overflow: auto; } html.no-touchevents .rubix-panel-container-with-controls:hover > .rubix-panel-controls, html.no-touchevents .rubix-panel-container-with-controls:focus > .rubix-panel-controls, html.no-touchevents .rubix-panel-container-with-controls.active > .rubix-panel-controls { top: -20px; } .rubix-panel-controls { -webkit-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; top: 0; z-index: 0; background: white; position: absolute; color: #89949B; right: 12.5px; border-top-left-radius: 4px; border-top-right-radius: 4px; padding: 0px 12.5px 5px 12.5px; } .rubix-panel-controls button { top: -2px; padding: 0; border: none; opacity: 0.5; color: inherit; background: none; position: relative; } .rubix-panel-controls button:hover, .rubix-panel-controls button:focus, .rubix-panel-controls button:active, .rubix-panel-controls button:active:focus { -webkit-box-shadow: none; box-shadow: none; opacity: 1; border: none; outline: none; color: inherit; background: none; } .rubix-panel-controls button .rubix-icon { font-size: 14px; } .rubix-panel-controls > button ~ button,.rubix-panel-controls > rubix-button ~ rubix-button { padding-left: 10px; } .rubix-panel { position: relative; } .rubix-panel-header, rubix-panel-header { border-top-left-radius: 8px; border-top-right-radius: 8px; } .rubix-panel-header[class*='bg-'], rubix-panel-header[class*='bg-'] { margin-bottom: 12.5px; } .rubix-panel-header ~ .rubix-panel-body, .rubix-panel-header ~ rubix-panel-body > .rubix-panel-body, rubix-panel-header ~ .rubix-panel-body, rubix-panel-header ~ rubix-panel-body > .rubix-panel-body { padding-top: 0; } .rubix-panel-body { min-height: 35px; padding-top: 25px; } .rubix-panel-footer, rubix-panel-footer { border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; } .rubix-panel-footer[class*='bg-'], rubix-panel-footer[class*='bg-'] { margin-top: 12.5px; } .rubix-panel-header div.tab-container, .rubix-panel-header rubix-nav, .rubix-panel-footer div.tab-container, .rubix-panel-footer rubix-nav, .rubix-panel-left div.tab-container, .rubix-panel-left rubix-nav, .rubix-panel-right div.tab-container, .rubix-panel-right rubix-nav { width: 100%; display: table; } .rubix-panel-header .nav, .rubix-panel-footer .nav, .rubix-panel-left .nav, .rubix-panel-right .nav { border: none; display: table-row; } .rubix-panel-header .nav:before, .rubix-panel-header .nav:after, .rubix-panel-footer .nav:before, .rubix-panel-footer .nav:after, .rubix-panel-left .nav:before, .rubix-panel-left .nav:after, .rubix-panel-right .nav:before, .rubix-panel-right .nav:after { display: none; } .rubix-panel-header .nav rubix-menu,.rubix-panel-header .nav rubix-nav-item,.rubix-panel-header .nav > li, .rubix-panel-footer .nav rubix-menu,.rubix-panel-footer .nav rubix-nav-item,.rubix-panel-footer .nav > li, .rubix-panel-left .nav rubix-menu,.rubix-panel-left .nav rubix-nav-item,.rubix-panel-left .nav > li, .rubix-panel-right .nav rubix-menu,.rubix-panel-right .nav rubix-nav-item,.rubix-panel-right .nav > li { display: table-cell; float: none; margin: 0; vertical-align: middle; } .rubix-panel-header .nav > li, .rubix-panel-footer .nav > li, .rubix-panel-left .nav > li, .rubix-panel-right .nav > li { width: 1%; } .rubix-panel-header .nav rubix-menu > li,.rubix-panel-header .nav rubix-nav-item > li, .rubix-panel-footer .nav rubix-menu > li,.rubix-panel-footer .nav rubix-nav-item > li, .rubix-panel-left .nav rubix-menu > li,.rubix-panel-left .nav rubix-nav-item > li, .rubix-panel-right .nav rubix-menu > li,.rubix-panel-right .nav rubix-nav-item > li { width: 100%; } .rubix-panel-header .nav rubix-menu > li > a,.rubix-panel-header .nav rubix-nav-item > li > a,.rubix-panel-header .nav > li > a, .rubix-panel-footer .nav rubix-menu > li > a,.rubix-panel-footer .nav rubix-nav-item > li > a,.rubix-panel-footer .nav > li > a, .rubix-panel-left .nav rubix-menu > li > a,.rubix-panel-left .nav rubix-nav-item > li > a,.rubix-panel-left .nav > li > a, .rubix-panel-right .nav rubix-menu > li > a,.rubix-panel-right .nav rubix-nav-item > li > a,.rubix-panel-right .nav > li > a { margin: 0; width: 100.1%; color: inherit; opacity: 0.8; line-height: 3; border-color: transparent; outline: 1px solid inherit; border-right: 1px solid rgba(0, 0, 0, 0.07); } .rubix-panel-header .nav > li > a, .rubix-panel-footer .nav > li > a, .rubix-panel-left .nav > li > a, .rubix-panel-right .nav > li > a { outline: none; } .rubix-panel-header .nav rubix-menu:not(:first-child):not(:last-child) > li > a,.rubix-panel-header .nav rubix-nav-item:not(:first-child):not(:last-child) > li > a,.rubix-panel-header .nav > li:not(:first-child):not(:last-child) > a, .rubix-panel-footer .nav rubix-menu:not(:first-child):not(:last-child) > li > a,.rubix-panel-footer .nav rubix-nav-item:not(:first-child):not(:last-child) > li > a,.rubix-panel-footer .nav > li:not(:first-child):not(:last-child) > a, .rubix-panel-left .nav rubix-menu:not(:first-child):not(:last-child) > li > a,.rubix-panel-left .nav rubix-nav-item:not(:first-child):not(:last-child) > li > a,.rubix-panel-left .nav > li:not(:first-child):not(:last-child) > a, .rubix-panel-right .nav rubix-menu:not(:first-child):not(:last-child) > li > a,.rubix-panel-right .nav rubix-nav-item:not(:first-child):not(:last-child) > li > a,.rubix-panel-right .nav > li:not(:first-child):not(:last-child) > a { border-radius: 0; } .rubix-panel-header .nav rubix-menu:last-child,.rubix-panel-header .nav rubix-nav-item:last-child, .rubix-panel-footer .nav rubix-menu:last-child,.rubix-panel-footer .nav rubix-nav-item:last-child, .rubix-panel-left .nav rubix-menu:last-child,.rubix-panel-left .nav rubix-nav-item:last-child, .rubix-panel-right .nav rubix-menu:last-child,.rubix-panel-right .nav rubix-nav-item:last-child { border-color: transparent; } .rubix-panel-header .nav rubix-menu > li > a:hover,.rubix-panel-header .nav rubix-menu > li > a:focus,.rubix-panel-header .nav rubix-nav-item > li > a:hover,.rubix-panel-header .nav rubix-nav-item > li > a:focus,.rubix-panel-header .nav > li > a:hover,.rubix-panel-header .nav > li > a:focus, .rubix-panel-footer .nav rubix-menu > li > a:hover,.rubix-panel-footer .nav rubix-menu > li > a:focus,.rubix-panel-footer .nav rubix-nav-item > li > a:hover,.rubix-panel-footer .nav rubix-nav-item > li > a:focus,.rubix-panel-footer .nav > li > a:hover,.rubix-panel-footer .nav > li > a:focus, .rubix-panel-left .nav rubix-menu > li > a:hover,.rubix-panel-left .nav rubix-menu > li > a:focus,.rubix-panel-left .nav rubix-nav-item > li > a:hover,.rubix-panel-left .nav rubix-nav-item > li > a:focus,.rubix-panel-left .nav > li > a:hover,.rubix-panel-left .nav > li > a:focus, .rubix-panel-right .nav rubix-menu > li > a:hover,.rubix-panel-right .nav rubix-menu > li > a:focus,.rubix-panel-right .nav rubix-nav-item > li > a:hover,.rubix-panel-right .nav rubix-nav-item > li > a:focus,.rubix-panel-right .nav > li > a:hover,.rubix-panel-right .nav > li > a:focus { opacity: 1; background: transparent; } .rubix-panel-header .nav rubix-menu > li.active > a,.rubix-panel-header .nav rubix-nav-item > li.active > a,.rubix-panel-header .nav > li.active > a, .rubix-panel-footer .nav rubix-menu > li.active > a,.rubix-panel-footer .nav rubix-nav-item > li.active > a,.rubix-panel-footer .nav > li.active > a, .rubix-panel-left .nav rubix-menu > li.active > a,.rubix-panel-left .nav rubix-nav-item > li.active > a,.rubix-panel-left .nav > li.active > a, .rubix-panel-right .nav rubix-menu > li.active > a,.rubix-panel-right .nav rubix-nav-item > li.active > a,.rubix-panel-right .nav > li.active > a { opacity: 1; background: white; color: #89949B; } .rubix-panel-header .plain.nav rubix-menu > li > a,.rubix-panel-header .plain.nav rubix-nav-item > li > a,.rubix-panel-header .plain.nav > li > a, .rubix-panel-footer .plain.nav rubix-menu > li > a,.rubix-panel-footer .plain.nav rubix-nav-item > li > a,.rubix-panel-footer .plain.nav > li > a, .rubix-panel-left .plain.nav rubix-menu > li > a,.rubix-panel-left .plain.nav rubix-nav-item > li > a,.rubix-panel-left .plain.nav > li > a, .rubix-panel-right .plain.nav rubix-menu > li > a,.rubix-panel-right .plain.nav rubix-nav-item > li > a,.rubix-panel-right .plain.nav > li > a { border-color: transparent; } .rubix-panel-header .plain.nav > li > a, .rubix-panel-footer .plain.nav > li > a, .rubix-panel-left .plain.nav > li > a, .rubix-panel-right .plain.nav > li > a { margin-top: -2px; margin-bottom: -2px; } .rubix-panel-header .plain.nav rubix-menu > li > a,.rubix-panel-header .plain.nav rubix-nav-item > li > a,.rubix-panel-header .plain.nav > li > a, .rubix-panel-footer .plain.nav rubix-menu > li > a,.rubix-panel-footer .plain.nav rubix-nav-item > li > a,.rubix-panel-footer .plain.nav > li > a, .rubix-panel-left .plain.nav rubix-menu > li > a,.rubix-panel-left .plain.nav rubix-nav-item > li > a,.rubix-panel-left .plain.nav > li > a, .rubix-panel-right .plain.nav rubix-menu > li > a,.rubix-panel-right .plain.nav rubix-nav-item > li > a,.rubix-panel-right .plain.nav > li > a { background-color: transparent; } .rubix-panel-header .plain.nav rubix-menu > li > a:hover,.rubix-panel-header .plain.nav rubix-menu > li > a:focus,.rubix-panel-header .plain.nav rubix-nav-item > li > a:hover,.rubix-panel-header .plain.nav rubix-nav-item > li > a:focus,.rubix-panel-header .plain.nav > li > a:hover,.rubix-panel-header .plain.nav > li > a:focus, .rubix-panel-footer .plain.nav rubix-menu > li > a:hover,.rubix-panel-footer .plain.nav rubix-menu > li > a:focus,.rubix-panel-footer .plain.nav rubix-nav-item > li > a:hover,.rubix-panel-footer .plain.nav rubix-nav-item > li > a:focus,.rubix-panel-footer .plain.nav > li > a:hover,.rubix-panel-footer .plain.nav > li > a:focus, .rubix-panel-left .plain.nav rubix-menu > li > a:hover,.rubix-panel-left .plain.nav rubix-menu > li > a:focus,.rubix-panel-left .plain.nav rubix-nav-item > li > a:hover,.rubix-panel-left .plain.nav rubix-nav-item > li > a:focus,.rubix-panel-left .plain.nav > li > a:hover,.rubix-panel-left .plain.nav > li > a:focus, .rubix-panel-right .plain.nav rubix-menu > li > a:hover,.rubix-panel-right .plain.nav rubix-menu > li > a:focus,.rubix-panel-right .plain.nav rubix-nav-item > li > a:hover,.rubix-panel-right .plain.nav rubix-nav-item > li > a:focus,.rubix-panel-right .plain.nav > li > a:hover,.rubix-panel-right .plain.nav > li > a:focus { background-color: transparent; border-color: transparent; color: white; } .rubix-panel-header .plain.nav rubix-menu > li.active > a,.rubix-panel-header .plain.nav rubix-nav-item > li.active > a,.rubix-panel-header .plain.nav > li.active > a, .rubix-panel-footer .plain.nav rubix-menu > li.active > a,.rubix-panel-footer .plain.nav rubix-nav-item > li.active > a,.rubix-panel-footer .plain.nav > li.active > a, .rubix-panel-left .plain.nav rubix-menu > li.active > a,.rubix-panel-left .plain.nav rubix-nav-item > li.active > a,.rubix-panel-left .plain.nav > li.active > a, .rubix-panel-right .plain.nav rubix-menu > li.active > a,.rubix-panel-right .plain.nav rubix-nav-item > li.active > a,.rubix-panel-right .plain.nav > li.active > a { background-color: transparent; border-color: transparent; color: white; } .rubix-panel-header .plain.nav rubix-menu > li.active > a:before,.rubix-panel-header .plain.nav rubix-nav-item > li.active > a:before,.rubix-panel-header .plain.nav > li.active > a:before, .rubix-panel-footer .plain.nav rubix-menu > li.active > a:before,.rubix-panel-footer .plain.nav rubix-nav-item > li.active > a:before,.rubix-panel-footer .plain.nav > li.active > a:before, .rubix-panel-left .plain.nav rubix-menu > li.active > a:before,.rubix-panel-left .plain.nav rubix-nav-item > li.active > a:before,.rubix-panel-left .plain.nav > li.active > a:before, .rubix-panel-right .plain.nav rubix-menu > li.active > a:before,.rubix-panel-right .plain.nav rubix-nav-item > li.active > a:before,.rubix-panel-right .plain.nav > li.active > a:before { content: ' '; left: 50%; bottom: 0; width: 6px; display: block; margin-left: -7px; position: absolute; border-bottom: 6px solid #fff; border-left: 6px solid transparent; border-right: 6px solid transparent; } .rubix-panel-header .nav rubix-menu:first-child > li > a,.rubix-panel-header .nav rubix-nav-item:first-child > li > a,.rubix-panel-header .nav > li:first-child > a, .rubix-panel-left .nav rubix-menu:first-child > li > a,.rubix-panel-left .nav rubix-nav-item:first-child > li > a,.rubix-panel-left .nav > li:first-child > a { border-radius: 0; border-top-left-radius: 8px; } .rubix-panel-header .nav rubix-menu:last-child > li > a,.rubix-panel-header .nav rubix-nav-item:last-child > li > a,.rubix-panel-header .nav > li:last-child > a, .rubix-panel-left .nav rubix-menu:last-child > li > a,.rubix-panel-left .nav rubix-nav-item:last-child > li > a,.rubix-panel-left .nav > li:last-child > a { border-radius: 0; border-right: none; border-top-right-radius: 8px; } .rubix-panel-footer .plain.nav rubix-menu > li,.rubix-panel-footer .plain.nav rubix-nav-item > li, .rubix-panel-right .plain.nav rubix-menu > li,.rubix-panel-right .plain.nav rubix-nav-item > li { margin-bottom: 0; margin-top: -1px; } .rubix-panel-footer .plain.nav rubix-menu > li.active > a:before,.rubix-panel-footer .plain.nav rubix-nav-item > li.active > a:before,.rubix-panel-footer .plain.nav > li.active > a:before, .rubix-panel-right .plain.nav rubix-menu > li.active > a:before,.rubix-panel-right .plain.nav rubix-nav-item > li.active > a:before,.rubix-panel-right .plain.nav > li.active > a:before { top: 0; bottom: auto; border-bottom: none; border-top: 6px solid #fff; } .rubix-panel-footer .nav rubix-menu:first-child > li > a,.rubix-panel-footer .nav rubix-nav-item:first-child > li > a,.rubix-panel-footer .nav > li:first-child > a, .rubix-panel-right .nav rubix-menu:first-child > li > a,.rubix-panel-right .nav rubix-nav-item:first-child > li > a,.rubix-panel-right .nav > li:first-child > a { border-radius: 0; border-bottom-left-radius: 8px; } .rubix-panel-footer .nav rubix-menu:last-child > li > a,.rubix-panel-footer .nav rubix-nav-item:last-child > li > a,.rubix-panel-footer .nav > li:last-child > a, .rubix-panel-right .nav rubix-menu:last-child > li > a,.rubix-panel-right .nav rubix-nav-item:last-child > li > a,.rubix-panel-right .nav > li:last-child > a { border-radius: 0; border-right: none; border-bottom-right-radius: 8px; } .rubix-panel.horizontal { overflow: hidden; border-radius: 8px; } .rubix-panel.horizontal .rubix-panel-left li > a, .rubix-panel.horizontal rubix-panel-left li > a, .rubix-panel.horizontal .rubix-panel-right li > a, .rubix-panel.horizontal rubix-panel-right li > a { border-radius: 0px !important; } .rubix-panel.horizontal .rubix-panel-left li > a:after, .rubix-panel.horizontal rubix-panel-left li > a:after, .rubix-panel.horizontal .rubix-panel-right li > a:after, .rubix-panel.horizontal rubix-panel-right li > a:after { display: none; } .rubix-panel + .rubix-panel.horizontal { border-top-left-radius: 0; border-top-right-radius: 0; } @media (min-width: 990px) { .panel-tab-container .rubix-panel-header, .panel-tab-container .rubix-panel-footer { width: 100.1%; display: table; } .rubix-panel.horizontal { width: 100.1%; display: table; table-layout: fixed; } .rubix-panel.horizontal .rubix-panel-left li > a, .rubix-panel.horizontal rubix-panel-left li > a, .rubix-panel.horizontal .rubix-panel-right li > a, .rubix-panel.horizontal rubix-panel-right li > a { border: none; } .rubix-panel.horizontal > div { display: table-row; } .rubix-panel.horizontal .rubix-panel-left, .rubix-panel.horizontal rubix-panel-left, .rubix-panel.horizontal .rubix-panel-body, .rubix-panel.horizontal rubix-panel-body, .rubix-panel.horizontal .rubix-panel-right, .rubix-panel.horizontal rubix-panel-right { display: table-cell; vertical-align: top; } .rubix-panel.horizontal rubix-panel-left rubix-nav-item, .rubix-panel.horizontal rubix-panel-right rubix-nav-item, .rubix-panel.horizontal .rubix-panel-left > ul, .rubix-panel.horizontal .rubix-panel-right > ul, .rubix-panel.horizontal .rubix-panel-left > ul > li, .rubix-panel.horizontal .rubix-panel-right > ul > li { display: block; } .rubix-panel.horizontal .rubix-panel-left > ul > li, .rubix-panel.horizontal .rubix-panel-right > ul > li { width: 100%; } .rubix-panel.horizontal rubix-panel-left rubix-nav-item > li, .rubix-panel.horizontal rubix-panel-right rubix-nav-item > li { margin: 0; } .rubix-panel.horizontal .rubix-panel-left .nav-tabs.plain li.active > a:before { left: auto; right: -3px; bottom: 45%; transform: rotate(-90deg); } .rubix-panel.horizontal .rubix-panel-right .nav-tabs.plain li.active > a:before { top: 45%; left: 3px; transform: rotate(-90deg); } .rubix-panel-body ul[role='tablist'].nav { padding-left: 25px; margin-left: -25px; margin-right: -50px; } .rubix-panel-body ul[role='tablist'].nav.nav-stacked { margin-right: -25px; } } .rubix-panel-container.panel-plain { background: none !important; } .rubix-panel-header.nav-inline .nav-tabs > li > a { padding: 2px 25px !important; height: auto !important; line-height: 2; display: block; border-bottom: 0px; border: none; margin-bottom: -1px; } .rubix-panel-header.nav-inline .nav-tabs > li.active > a { border-top-left-radius: 4px; border-top-right-radius: 4px; } .left-tag, .right-tag { position: relative; display: inline-block; text-decoration: none; border: none !important; } .left-tag:before, .right-tag:before { top: 0; width: 0; height: 0; content: ''; position: absolute; border-style: solid; border-color: transparent; } .left-tag { margin-left: 12px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; padding: 0 10px 0 8px !important; margin-bottom: 12.5px; } .left-tag:before { left: -12px; float: left; border-right-color: inherit; border-width: 12px 12px 12px 0; } .right-tag { margin-right: 12px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; padding: 0 8px 0 10px !important; margin-bottom: 12.5px; } .right-tag:before { right: -12px; float: right; border-left-color: inherit; border-width: 12px 0 12px 12px; } .terms { height: 200px; overflow: auto; background: #fff; padding: 25px; } .rubix-timeline-view { padding: 25px; padding-right: 0px; margin-left: 37.5px; border-left: 2px solid #eee; margin-bottom: -25px; } .rubix-panel-body > .rubix-timeline-view { margin-top: -25px; } .rubix-panel-header ~ .rubix-panel-body > .rubix-timeline-view { margin-top: 0; } .rubix-timeline-item { position: relative; } .rubix-timeline-title { font-size: 12px; background: #eee; padding: 4px 15px; font-weight: bold; display: inline-block; border-radius: 8px; } .rubix-timeline-icon { width: 30px; height: 30px; left: -41.5px; font-size: 16px; padding: 0px 7px; background: #eee; line-height: 28px; position: absolute; border-radius: 100px; display: inline-block; } .rubix-timeline-avatar { left: -41.5px; } .rubix-timeline-body > ul { padding: 0; list-style-type: none; border-bottom: 2px solid #eee; margin-bottom: 25px; margin-top: 12.5px; } .rubix-timeline-body > ul > li { padding-right: 25px; padding-bottom: 25px; } .rubix-timeline-body > ul > li:before { left: -30px; content: ' '; margin-top: 8px; position: absolute; border-radius: 100px; border: 4px solid #eee; box-shadow: 0px 0px 0px 6px #FFF; } .rubix-timeline-view ~ .rubix-timeline-view { margin-top: 0; padding-top: 0; } .rubix-timeline-view.rubix-timeline-with-header { padding-top: 0; } .rubix-timeline-view.rubix-timeline-with-header > .rubix-timeline-item { position: relative; } .rubix-timeline-view.rubix-timeline-with-header > .rubix-timeline-item > .rubix-timeline-header { height: 50px; padding-top: 10px; position: relative; padding-left: 23px; margin-left: -64.5px; } .rubix-timeline-view.rubix-timeline-with-header > .rubix-timeline-item > .rubix-timeline-header > .rubix-timeline-icon, .rubix-timeline-view.rubix-timeline-with-header > .rubix-timeline-item > .rubix-timeline-header > .rubix-timeline-title { left: 0; position: relative; } .rubix-timeline-view.rubix-timeline-with-header > .rubix-timeline-item > .rubix-timeline-header[class^="bg-"] > .rubix-timeline-title, .rubix-timeline-view.rubix-timeline-with-header > .rubix-timeline-item > .rubix-timeline-header[class*=" bg-"] > .rubix-timeline-title { padding: 0 10px; background: none !important; } .rubix-timeline-view.rubix-timeline-with-header > .rubix-timeline-item > .rubix-timeline-body > ul { border: none; margin-bottom: 0; } .rubix-timeline-view.rubix-timeline-centered { margin-left: 45%; } .rubix-timeline-view.rubix-timeline-centered .rubix-timeline-body > ul { border: none; margin-bottom: 0; } .rubix-timeline-view.rubix-timeline-centered .rubix-timeline-body > ul > li { float: right; display: block; } .rubix-timeline-view.rubix-timeline-centered .rubix-timeline-body > ul > li:before, .rubix-timeline-view.rubix-timeline-centered .rubix-timeline-body > ul > li:after { clear: both; content: ' '; display: table; } .rubix-timeline-view.rubix-timeline-centered .rubix-timeline-body > ul > li:nth-child(odd) { width: 100%; float: left; margin-left: -100%; padding-left: 25px; padding-right: 50px; } .alternate .rubix-timeline-view { margin: 0; padding: 0; border: none; margin-top: -25px; } .alternate .rubix-timeline-view:before { left: 50%; height: 100%; content: ' '; position: absolute; padding-right: 0px; border-left: 2px solid #eee; } .alternate .rubix-timeline-view .rubix-timeline-item { padding-top: 25px; } .alternate .rubix-timeline-view.rubix-timeline-with-header .rubix-timeline-item { padding-top: 0; } .alternate .rubix-timeline-view .rubix-timeline-item:nth-child(odd) { padding-bottom: 25px; } .alternate .rubix-timeline-view .rubix-timeline-header { margin: 0; left: auto; padding-left: 0; text-align: center; } .alternate .rubix-timeline-view .rubix-timeline-header > .rubix-timeline-icon { top: 1px; left: auto; padding-right: 0; position: relative; border-radius: 8px; border-top-right-radius: 0; border-bottom-right-radius: 0; } .alternate .rubix-timeline-view .rubix-timeline-header > .rubix-timeline-title { height: 30px; border-top-left-radius: 0px; border-bottom-left-radius: 0px; } .alternate .rubix-timeline-view .rubix-timeline-header[class^="bg-"] > .rubix-timeline-icon, .alternate .rubix-timeline-view .rubix-timeline-header[class*=" bg-"] > .rubix-timeline-icon { background: none; } .alternate .rubix-timeline-view .rubix-timeline-body > ul { border: none; } .alternate .rubix-timeline-view .rubix-timeline-body > ul > li { width: 100%; position: relative; display: inline-block; } .alternate .rubix-timeline-view .rubix-timeline-body > ul > li:before { left: 50%; position: absolute; } .alternate .rubix-timeline-view .rubix-timeline-body > ul > li:nth-child(odd) { padding-right: 50%; right: 25px; padding-left: 50px; } .alternate .rubix-timeline-view .rubix-timeline-body > ul > li:nth-child(odd):before { margin-left: 22px; } .alternate .rubix-timeline-view .rubix-timeline-body > ul > li.left { padding-right: 50% !important; right: 25px !important; padding-left: 50px !important; } .alternate .rubix-timeline-view .rubix-timeline-body > ul > li.left:before { margin-left: 22px !important; } .alternate .rubix-timeline-view .rubix-timeline-body > ul > li:nth-child(even) { padding-left: 50%; right: -25px; padding-right: 50px; } .alternate .rubix-timeline-view .rubix-timeline-body > ul > li:nth-child(even):before { margin-left: -28px; } .alternate .rubix-timeline-view .rubix-timeline-body > ul > li.right { padding-left: 50% !important; right: -25px !important; padding-right: 50px !important; } .alternate .rubix-timeline-view .rubix-timeline-body > ul > li.right:before { margin-left: -28px !important; } .pricing-table { padding: 0; background: white; margin-bottom: 25px; } .pricing-table.preferred { z-index: 1; left: -1px; border: 1px solid gray; } @media (min-width: 990px) { .pricing-table { border-right: 1px solid #E9F0F5; } .pricing-table:last-child { border: none; } } .pricing-table.preferred ~ .pricing-table { left: -1px; } .pricing-table-header { color: #8BA0AF; background: #D2E0EB; } .pricing-table-header > h3 { margin: 0; font-size: 18px; font-weight: 300; padding-top: 25px; padding-bottom: 25px; } .pricing-table-price { color: inherit; background: #D2E0EB; margin-top: 25px; } .pricing-table-price h2 { left: 50%; width: 85px; margin: auto; height: 85px; font-size: 24px; line-height: 75px; position: absolute; background: inherit; margin-left: -42.5px; border-radius: 100px; border: 5px solid white; margin-top: -12.5px; } .pricing-table-body { margin-bottom: 25px; margin-top: 50px; } .pricing-table-feature { margin: 0 25px; padding: 12.5px; } .pricing-btn-container { padding: 25px; padding-bottom: 0; padding-top: 12.5px; } .pricing-btn-container > button { width: 100%; border-radius: 8px; } .pricing-btn-container > button.btn-lightblue50:hover, .pricing-btn-container > button.btn-lightblue50:focus { background: #8BA0AF; border-color: #8BA0AF; } .radio input[type='radio'], .radio-inline input[type='radio'] { margin-top: 6px; } .checkbox input[type='checkbox'], .checkbox-inline input[type='checkbox'] { margin-top: 6px; } .popover { z-index: 999999999; } .label, .badge { font-size: 75%; } label { display: block; } label.inline { display: inline-block; } #app-container { display: block; } #container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; height: 100%; overflow: auto; overflow-x: hidden; min-height: 100vh; } div#__bs_notify__ { z-index: 10000000000000000 !important; background-color: #6788ff !important; } .ps-container .ps-scrollbar-x-rail { position: absolute; /* please don't change 'position' */ bottom: 3px; /* there must be 'bottom' for ps-scrollbar-x-rail */ height: 6px; opacity: 0; filter: alpha(opacity=0); -o-transition: background-color .2s ease, opacity .2s ease; -webkit-transition: background-color .2s ease, opacity .2s ease; -moz-transition: background-color .2s ease, opacity .2s ease; transition: background-color .2s ease, opacity .2s ease; } .ps-container:hover .ps-scrollbar-x-rail,.ps-container.hover .ps-scrollbar-x-rail { opacity: 0.6; filter: alpha(opacity=60); } .ps-container .ps-scrollbar-x-rail:hover,.ps-container .ps-scrollbar-x-rail.hover { background-color: white; opacity: 0.9; filter: alpha(opacity=90); } .ps-container .ps-scrollbar-x-rail.in-scrolling { background-color: white; opacity: 0.9; filter: alpha(opacity=90); } .ps-container .ps-scrollbar-y-rail { position: absolute; /* please don't change 'position' */ right: 3px; /* there must be 'right' for ps-scrollbar-y-rail */ width: 6px; opacity: 0; filter: alpha(opacity=0); -o-transition: background-color .2s ease, opacity .2s ease; -webkit-transition: background-color .2s ease, opacity .2s ease; -moz-transition: background-color .2s ease, opacity .2s ease; transition: background-color .2s ease, opacity .2s ease; } .ps-container:hover .ps-scrollbar-y-rail,.ps-container.hover .ps-scrollbar-y-rail { opacity: 0.6; filter: alpha(opacity=60); } .ps-container .ps-scrollbar-y-rail:hover,.ps-container .ps-scrollbar-y-rail.hover { background-color: white; opacity: 0.9; filter: alpha(opacity=90); } .ps-container .ps-scrollbar-y-rail.in-scrolling { background-color: white; opacity: 0.9; filter: alpha(opacity=90); } .ps-container .ps-scrollbar-x { position: absolute; /* please don't change 'position' */ bottom: 0; /* there must be 'bottom' for ps-scrollbar-x */ height: 6px; background-color: #aaa; -o-transition: background-color .2s ease; -webkit-transition: background-color 0.2s ease; -moz-transition: background-color .2s ease; transition: background-color .2s ease; } .ps-container.ie6 .ps-scrollbar-x { font-size: 0; /* fixed scrollbar height in xp sp3 ie6 */ } .ps-container .ps-scrollbar-x-rail:hover .ps-scrollbar-x,.ps-container .ps-scrollbar-x-rail.hover .ps-scrollbar-x { background-color: #999; } .ps-container .ps-scrollbar-y { position: absolute; /* please don't change 'position' */ right: 0; /* there must be 'right' for ps-scrollbar-y */ width: 6px; background-color: #aaa; -o-transition: background-color .2s ease; -webkit-transition: background-color 0.2s ease; -moz-transition: background-color .2s ease; transition: background-color .2s ease; } .ps-container.ie6 .ps-scrollbar-y { font-size: 0; /* fixed scrollbar height in xp sp3 ie6 */ } .ps-container .ps-scrollbar-y-rail:hover .ps-scrollbar-y,.ps-container .ps-scrollbar-y-rail.hover .ps-scrollbar-y { background-color: #999; } .ps-container.ie .ps-scrollbar-x,.ps-container.ie .ps-scrollbar-y { visibility: hidden; } .ps-container.ie:hover .ps-scrollbar-x,.ps-container.ie:hover .ps-scrollbar-y,.ps-container.ie.hover .ps-scrollbar-x,.ps-container.ie.hover .ps-scrollbar-y { visibility: visible; } .doc-sidebar { padding: 25px; overflow: auto !important; } .doc-sidebar-link { display: block; margin-left: -25px; margin-right: -25px; border: none !important; padding: 5px 12.5px 5px 25px; } .doc-sidebar-group-links a { padding-left: 37.5px; } .doc-sidebar-group-name { font-size: 12px; cursor: pointer; max-width: 250px; font-weight: bold; user-select: none; position: relative; margin-top: 12.5px; margin-left: -25px; padding-left: 25px; padding-right: 25px; padding-bottom: 5px; margin-right: -25px; word-wrap: break-word; text-transform: uppercase; color: rgba(137, 148, 155, 0.6); } .doc-sidebar-group-name:hover, .doc-sidebar-group-name.minus { color: #89949b; } .doc-sidebar-group-name:before { top: -4px; left: 10px; content: '+'; font-size: 16px; position: absolute; } .doc-sidebar-group-name.minus:before { top: -8px; left: 12px; content: '-'; font-size: 20px; } .doc-sidebar-link:hover { color: white; background: #28514e; } .doc-sidebar-link.active { background: #2eb398; color: white; } .bs-example { background: white; position: relative; margin-bottom: -8px; border: 1px solid #ddd; padding: 45px 15px 15px; border-radius: 4px 4px 0 0; } .bs-example:after { top: 15px; left: 15px; color: #959595; font-size: 12px; font-weight: 700; content: 'Example'; position: absolute; letter-spacing: 1px; text-transform: uppercase; } .bs-example + pre { font-size: 14px; border-color: #ddd; border-radius: 0 0 4px 4px !important; } .upgrade-guide-item { padding-left: 12.5px; list-style-type: disc; } .bs-example .dropdown-menu.open { position: static; display: block; margin-bottom: 5px; clear: left; } .bs-example.tooltip-static .tooltip { margin: 5px 10px; position: relative; display: inline-block; } .bs-example.bs-example-popover-contained { height: 200px; } .bs-example.bs-example-popover-scroll { height: 200px; overflow: scroll; } .show-grid [class^=col-] { background: #eee; padding-top: 10px; padding-bottom: 10px; border: 1px solid #ddd; } .bs-example .container { width: auto; max-width: 900px; } a[role=menuitem] > .container-fluid { margin: -4px -25px; padding: 4px 25px; } .icon-1-and-quarter-x { font-size: 125%; } .icon-1-and-half-x { font-size: 150%; } .icon-1x { font-size: 100%; } .icon-2-and-quarter-x { font-size: 250%; } .icon-2-and-half-x { font-size: 300%; } .icon-2x { font-size: 200%; } .icon-3-and-quarter-x { font-size: 375%; } .icon-3-and-half-x { font-size: 450%; } .icon-3x { font-size: 300%; } .icon-4-and-quarter-x { font-size: 500%; } .icon-4-and-half-x { font-size: 600%; } .icon-4x { font-size: 400%; } .icon-rotate-45 { transform: rotate(45deg); } .icon-rotate-90 { transform: rotate(90deg); } .icon-rotate-135 { transform: rotate(135deg); } .icon-rotate-180 { transform: rotate(180deg); } .icon-rotate-225 { transform: rotate(225deg); } .icon-rotate-270 { transform: rotate(270deg); } .icon-rotate-315 { transform: rotate(315deg); } .icon-rotate-360 { transform: rotate(360deg); } @media (max-width: 989px) { .col-xs-only-gutter-top { margin-top: 25px; } .col-xs-only-gutter-left { margin-left: 25px; } .col-xs-only-gutter-right { margin-right: 25px; } .col-xs-only-gutter-bottom { margin-bottom: 25px; } .col-xs-only-collapse-top { padding-top: 0; } .col-xs-only-collapse-left { padding-left: 0; } .col-xs-only-collapse-right { padding-right: 0; } .col-xs-only-collapse-bottom { padding-bottom: 0; } } @media (min-width: 990px) and (max-width: 1151px) { .col-sm-only-gutter-top { margin-top: 25px; } .col-sm-only-gutter-left { margin-left: 25px; } .col-sm-only-gutter-right { margin-right: 25px; } .col-sm-only-gutter-bottom { margin-bottom: 25px; } .col-sm-only-collapse-top { padding-top: 0; } .col-sm-only-collapse-left { padding-left: 0; } .col-sm-only-collapse-right { padding-right: 0; } .col-sm-only-collapse-bottom { padding-bottom: 0; } } @media (min-width: 1152px) and (max-width: 1365px) { .col-md-only-gutter-top { margin-top: 25px; } .col-md-only-gutter-left { margin-left: 25px; } .col-md-only-gutter-right { margin-right: 25px; } .col-md-only-gutter-bottom { margin-bottom: 25px; } .col-md-only-collapse-top { padding-top: 0; } .col-md-only-collapse-left { padding-left: 0; } .col-md-only-collapse-right { padding-right: 0; } .col-md-only-collapse-bottom { padding-bottom: 0; } } @media (min-width: 1366px) { .col-lg-only-gutter-top { margin-top: 25px; } .col-lg-only-gutter-left { margin-left: 25px; } .col-lg-only-gutter-right { margin-right: 25px; } .col-lg-only-gutter-bottom { margin-bottom: 25px; } .col-lg-only-collapse-top { padding-top: 0; } .col-lg-only-collapse-left { padding-left: 0; } .col-lg-only-collapse-right { padding-right: 0; } .col-lg-only-collapse-bottom { padding-bottom: 0; } } .col-xs-gutter-top { margin-top: 25px; } .col-xs-gutter-left { margin-left: 25px; } .col-xs-gutter-right { margin-right: 25px; } .col-xs-gutter-bottom { margin-bottom: 25px; } .col-xs-collapse-top { padding-top: 0; } .col-xs-collapse-left { padding-left: 0; } .col-xs-collapse-right { padding-right: 0; } .col-xs-collapse-bottom { padding-bottom: 0; } @media (min-width: 990px) { .col-sm-gutter-top { margin-top: 25px; } .col-sm-gutter-left { margin-left: 25px; } .col-sm-gutter-right { margin-right: 25px; } .col-sm-gutter-bottom { margin-bottom: 25px; } .col-sm-collapse-top { padding-top: 0; } .col-sm-collapse-left { padding-left: 0; } .col-sm-collapse-right { padding-right: 0; } .col-sm-collapse-bottom { padding-bottom: 0; } } @media (min-width: 1152px) { .col-md-gutter-top { margin-top: 25px; } .col-md-gutter-left { margin-left: 25px; } .col-md-gutter-right { margin-right: 25px; } .col-md-gutter-bottom { margin-bottom: 25px; } .col-md-collapse-top { padding-top: 0; } .col-md-collapse-left { padding-left: 0; } .col-md-collapse-right { padding-right: 0; } .col-md-collapse-bottom { padding-bottom: 0; } } @media (min-width: 1366px) { .col-lg-gutter-top { margin-top: 25px; } .col-lg-gutter-left { margin-left: 25px; } .col-lg-gutter-right { margin-right: 25px; } .col-lg-gutter-bottom { margin-bottom: 25px; } .col-lg-collapse-top { padding-top: 0; } .col-lg-collapse-left { padding-left: 0; } .col-lg-collapse-right { padding-right: 0; } .col-lg-collapse-bottom { padding-bottom: 0; } } /* columns of same height styles */.container-xs-height { width: 100.1%; display: table; table-layout: fixed; padding-left: 0px; padding-right: 0px; } .container-xs-height::before, .container-xs-height:after { clear: none; content: none; display: none; } .row-xs-height { display: table-row; } .row-xs-height::before, .row-xs-height:after { clear: none; content: none; display: none; } .col-xs-height { vertical-align: top; display: table-cell; float: none; } @media (min-width: 990px) { .container-sm-height { width: 100.1%; display: table; table-layout: fixed; padding-left: 0px; padding-right: 0px; } .container-sm-height::before, .container-sm-height:after { clear: none; content: none; display: none; } .row-sm-height { display: table-row; } .row-sm-height::before, .row-sm-height:after { clear: none; content: none; display: none; } .col-sm-height { vertical-align: top; display: table-cell; float: none; } } @media (min-width: 1152px) { .container-md-height { width: 100.1%; display: table; table-layout: fixed; padding-left: 0px; padding-right: 0px; } .container-md-height::before, .container-md-height:after { clear: none; content: none; display: none; } .row-md-height { display: table-row; } .row-md-height::before, .row-md-height:after { clear: none; content: none; display: none; } .col-md-height { vertical-align: top; display: table-cell; float: none; } } @media (min-width: 1366px) { .container-lg-height { width: 100.1%; display: table; table-layout: fixed; padding-left: 0px; padding-right: 0px; } .container-lg-height::before, .container-lg-height:after { clear: none; content: none; display: none; } .row-lg-height { display: table-row; } .row-lg-height::before, .row-lg-height:after { clear: none; content: none; display: none; } .col-lg-height { vertical-align: top; display: table-cell; float: none; } } /* vertical alignment styles */.col-top { vertical-align: top; } .col-middle { vertical-align: middle; } .col-bottom { vertical-align: bottom; } /* fix firefox responsive images */.img-responsive { width: 100%; } .grid-collapse { padding: 0; } .grid-collapse > rubix-row > .row, .grid-collapse .row { margin: 0; } .grid-collapse > rubix-row > .row > rubix-col > [class^='col-'], .grid-collapse > rubix-row > .row > [class^='col-'], .grid-collapse .row > rubix-col > [class^='col-'], .grid-collapse .row > [class^='col-'] { padding: 0; } .grid-gutter { margin: 25px; } .grid-gutter-top { margin-top: 25px; } .grid-gutter-left { margin-left: 25px; } .grid-gutter-right { margin-right: 25px; } .grid-gutter-bottom { margin-bottom: 25px; } .trumbowyg-box,.trumbowyg-editor { border: none !important; } .trumbowyg-box { color: #333 !important; border-top: 1px solid #d7e0e2 !important; } .trumbowyg-editor { border-bottom: 1px solid #d7e0e2 !important; } .trumbowyg-button-pane { background: #ffffff !important; } .trumbowyg-button-group button { margin-bottom: 0 !important; } .trumbowyg-button-group button:hover, .trumbowyg-button-group button:focus, .trumbowyg-button-group button.trumbowyg-active { background: #d7e0e2 !important; } body.flash { display: none; } .slider-track,.slider-handle,.slider-selection,.slider.slider-disabled .slider-track,.slider.slider-disabled .slider-handle { filter: none; box-shadow: none; border-radius: 0; background-image: none; background-repeat: none; } .slider-selection { box-sizing: border-box; border-radius: 4px; } .slider-track { background: #f0f0f0; } .slider-handle { background: #3a94a5; } .slider.slider-disabled .slider-track { background: #e5e5e5; } .bootstrap-datetimepicker-widget a[data-action] { border: none; display: inline; } .bootstrap-datetimepicker-widget button[data-action] { padding: 2px 15px; } .bootstrap-datetimepicker-widget td a[data-action="togglePicker"] { border: 0; display: block; cursor: pointer; border-radius: 20px; padding: 12px !important; } .bootstrap-datetimepicker-widget td a[data-action="togglePicker"] span { margin: 0; padding: 5px; font-size: 180%; background: none; width: 54px !important; height: auto !important; line-height: 1 !important; } .bootstrap-datetimepicker-widget th.picker-switch { background: #eeeeee; } .bootstrap-datetimepicker-widget .picker-switch.accordion-toggle { background: #f5f5f5 !important; } .bootstrap-datetimepicker-widget table td.today:before { content: ''; display: inline-block; border-top-color: rgba(0, 0, 0, 0.2); position: absolute; bottom: 4px; right: 4px; border-left: 7px solid transparent; border-bottom: 7px solid #428bca; } .datetimepicker-inline { width: 100%; padding: 25px; display: table; } html[dir='rtl'] [class^="icon-"].float-right-rtl,html[dir='rtl'] [class*=" icon-"].float-right-rtl { position: relative; /*@noflip*/ float: right; } body { opacity: 1; transition: all 0.7s ease; } body.fade-out { transition: all 0.25s ease; opacity: 0; } #app-preloader > .preloader { top: 0; left: 0; right: 0; bottom: 0; position: fixed; background: #E9EDF2; z-index: 99999999999; } #app-preloader > .preloader > img { margin: auto; display: block; margin-top: 150px; position: relative; } @keyframes vex-flipin-horizontal { 0% { opacity: 0; transform: rotateY(-90deg); -webkit-transform: rotateY(-90deg); -moz-transform: rotateY(-90deg); -ms-transform: rotateY(-90deg); -o-transform: rotateY(-90deg); } 100% { opacity: 1; transform: rotateY(0deg); -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); } } @-webkit-keyframes vex-flipin-horizontal { 0% { opacity: 0; transform: rotateY(-90deg); -webkit-transform: rotateY(-90deg); -moz-transform: rotateY(-90deg); -ms-transform: rotateY(-90deg); -o-transform: rotateY(-90deg); } 100% { opacity: 1; transform: rotateY(0deg); -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); } } @-moz-keyframes vex-flipin-horizontal { 0% { opacity: 0; transform: rotateY(-90deg); -webkit-transform: rotateY(-90deg); -moz-transform: rotateY(-90deg); -ms-transform: rotateY(-90deg); -o-transform: rotateY(-90deg); } 100% { opacity: 1; transform: rotateY(0deg); -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); } } @-ms-keyframes vex-flipin-horizontal { 0% { opacity: 0; transform: rotateY(-90deg); -webkit-transform: rotateY(-90deg); -moz-transform: rotateY(-90deg); -ms-transform: rotateY(-90deg); -o-transform: rotateY(-90deg); } 100% { opacity: 1; transform: rotateY(0deg); -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); } } @-o-keyframes vex-flipin-horizontal { 0% { opacity: 0; transform: rotateY(-90deg); -webkit-transform: rotateY(-90deg); -moz-transform: rotateY(-90deg); -ms-transform: rotateY(-90deg); -o-transform: rotateY(-90deg); } 100% { opacity: 1; transform: rotateY(0deg); -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); } } @keyframes vex-flipout-horizontal { 0% { opacity: 1; transform: rotateY(0deg); -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); } 100% { opacity: 0; transform: rotateY(90deg); -webkit-transform: rotateY(90deg); -moz-transform: rotateY(90deg); -ms-transform: rotateY(90deg); -o-transform: rotateY(90deg); } } @-webkit-keyframes vex-flipout-horizontal { 0% { opacity: 1; transform: rotateY(0deg); -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); } 100% { opacity: 0; transform: rotateY(90deg); -webkit-transform: rotateY(90deg); -moz-transform: rotateY(90deg); -ms-transform: rotateY(90deg); -o-transform: rotateY(90deg); } } @-moz-keyframes vex-flipout-horizontal { 0% { opacity: 1; transform: rotateY(0deg); -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); } 100% { opacity: 0; transform: rotateY(90deg); -webkit-transform: rotateY(90deg); -moz-transform: rotateY(90deg); -ms-transform: rotateY(90deg); -o-transform: rotateY(90deg); } } @-ms-keyframes vex-flipout-horizontal { 0% { opacity: 1; transform: rotateY(0deg); -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); } 100% { opacity: 0; transform: rotateY(90deg); -webkit-transform: rotateY(90deg); -moz-transform: rotateY(90deg); -ms-transform: rotateY(90deg); -o-transform: rotateY(90deg); } } @-o-keyframes vex-flipout-horizontal { 0% { opacity: 1; transform: rotateY(0deg); -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); } 100% { opacity: 0; transform: rotateY(90deg); -webkit-transform: rotateY(90deg); -moz-transform: rotateY(90deg); -ms-transform: rotateY(90deg); -o-transform: rotateY(90deg); } } .vex.vex-theme-flat-attack { -webkit-perspective: 1300px; -moz-perspective: 1300px; -ms-perspective: 1300px; -o-perspective: 1300px; perspective: 1300px; -webkit-perspective-origin: 50% 150px; -moz-perspective-origin: 50% 150px; -ms-perspective-origin: 50% 150px; -o-perspective-origin: 50% 150px; perspective-origin: 50% 150px; padding-top: 100px; padding-bottom: 100px; font-size: 1.5em; } .vex.vex-theme-flat-attack.vex-closing .vex-content { animation: vex-flipout-horizontal 0.5s; -webkit-animation: vex-flipout-horizontal 0.5s; -moz-animation: vex-flipout-horizontal 0.5s; -ms-animation: vex-flipout-horizontal 0.5s; -o-animation: vex-flipout-horizontal 0.5s; -webkit-backface-visibility: hidden; } .vex.vex-theme-flat-attack .vex-content { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; animation: vex-flipin-horizontal 0.5s; -webkit-animation: vex-flipin-horizontal 0.5s; -moz-animation: vex-flipin-horizontal 0.5s; -ms-animation: vex-flipin-horizontal 0.5s; -o-animation: vex-flipin-horizontal 0.5s; -webkit-backface-visibility: hidden; } .vex.vex-theme-flat-attack .vex-content { font-family: Lato, sans-serif; font-weight: 200; background: white; color: #444444; padding: 2em 2em 3em 2em; line-height: 1.5em; position: relative; margin: 0 auto; max-width: 100%; width: 600px; } .vex.vex-theme-flat-attack .vex-content h1, .vex.vex-theme-flat-attack .vex-content h2, .vex.vex-theme-flat-attack .vex-content h3, .vex.vex-theme-flat-attack .vex-content h4, .vex.vex-theme-flat-attack .vex-content h5, .vex.vex-theme-flat-attack .vex-content h6, .vex.vex-theme-flat-attack .vex-content p, .vex.vex-theme-flat-attack .vex-content ul, .vex.vex-theme-flat-attack .vex-content li { color: inherit; } .vex.vex-theme-flat-attack .vex-close { position: absolute; top: 0; right: 0; cursor: pointer; } .vex.vex-theme-flat-attack .vex-close:before { font-family: Lato, sans-serif; font-weight: 100; line-height: 1px; padding-top: 0.5em; display: block; font-size: 2em; text-indent: 1px; overflow: hidden; height: 1.25em; width: 1.25em; text-align: center; top: 0; right: 0; color: white; background: #666666; } .vex.vex-theme-flat-attack .vex-dialog-form .vex-dialog-message { margin-bottom: 0.5em; } .vex.vex-theme-flat-attack .vex-dialog-form .vex-dialog-input { margin-bottom: 0.5em; } .vex.vex-theme-flat-attack .vex-dialog-form .vex-dialog-input textarea, .vex.vex-theme-flat-attack .vex-dialog-form .vex-dialog-input input[type="date"], .vex.vex-theme-flat-attack .vex-dialog-form .vex-dialog-input input[type="datetime"], .vex.vex-theme-flat-attack .vex-dialog-form .vex-dialog-input input[type="datetime-local"], .vex.vex-theme-flat-attack .vex-dialog-form .vex-dialog-input input[type="email"], .vex.vex-theme-flat-attack .vex-dialog-form .vex-dialog-input input[type="month"], .vex.vex-theme-flat-attack .vex-dialog-form .vex-dialog-input input[type="number"], .vex.vex-theme-flat-attack .vex-dialog-form .vex-dialog-input input[type="password"], .vex.vex-theme-flat-attack .vex-dialog-form .vex-dialog-input input[type="search"], .vex.vex-theme-flat-attack .vex-dialog-form .vex-dialog-input input[type="tel"], .vex.vex-theme-flat-attack .vex-dialog-form .vex-dialog-input input[type="text"], .vex.vex-theme-flat-attack .vex-dialog-form .vex-dialog-input input[type="time"], .vex.vex-theme-flat-attack .vex-dialog-form .vex-dialog-input input[type="url"], .vex.vex-theme-flat-attack .vex-dialog-form .vex-dialog-input input[type="week"] { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; background: #f0f0f0; width: 100%; padding: 0.25em 0.67em; border: 0; font-family: inherit; font-weight: inherit; font-size: inherit; min-height: 2.5em; margin: 0 0 0.25em; } .vex.vex-theme-flat-attack .vex-dialog-form .vex-dialog-input textarea:focus, .vex.vex-theme-flat-attack .vex-dialog-form .vex-dialog-input input[type="date"]:focus, .vex.vex-theme-flat-attack .vex-dialog-form .vex-dialog-input input[type="datetime"]:focus, .vex.vex-theme-flat-attack .vex-dialog-form .vex-dialog-input input[type="datetime-local"]:focus, .vex.vex-theme-flat-attack .vex-dialog-form .vex-dialog-input input[type="email"]:focus, .vex.vex-theme-flat-attack .vex-dialog-form .vex-dialog-input input[type="month"]:focus, .vex.vex-theme-flat-attack .vex-dialog-form .vex-dialog-input input[type="number"]:focus, .vex.vex-theme-flat-attack .vex-dialog-form .vex-dialog-input input[type="password"]:focus, .vex.vex-theme-flat-attack .vex-dialog-form .vex-dialog-input input[type="search"]:focus, .vex.vex-theme-flat-attack .vex-dialog-form .vex-dialog-input input[type="tel"]:focus, .vex.vex-theme-flat-attack .vex-dialog-form .vex-dialog-input input[type="text"]:focus, .vex.vex-theme-flat-attack .vex-dialog-form .vex-dialog-input input[type="time"]:focus, .vex.vex-theme-flat-attack .vex-dialog-form .vex-dialog-input input[type="url"]:focus, .vex.vex-theme-flat-attack .vex-dialog-form .vex-dialog-input input[type="week"]:focus { -webkit-box-shadow: inset 0 0 0 2px #666666; -moz-box-shadow: inset 0 0 0 2px #666666; box-shadow: inset 0 0 0 2px #666666; outline: none; } .vex.vex-theme-flat-attack .vex-dialog-form .vex-dialog-buttons { *zoom: 1; padding-top: 1em; margin-bottom: -3em; margin-left: -2em; margin-right: -2em; } .vex.vex-theme-flat-attack .vex-dialog-form .vex-dialog-buttons:after { content: ""; display: table; clear: both; } .vex.vex-theme-flat-attack .vex-dialog-button { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; border: 0; margin: 0; float: right; padding: 0.5em 1em; font-size: 1.13em; text-transform: uppercase; font-weight: 200; letter-spacing: 0.1em; line-height: 1em; font-family: inherit; } .vex.vex-theme-flat-attack .vex-dialog-button.vex-last { margin-left: 0; } .vex.vex-theme-flat-attack .vex-dialog-button:focus { outline: none; } .vex.vex-theme-flat-attack .vex-dialog-button.vex-dialog-button-primary { background: #666666; color: white; } .vex.vex-theme-flat-attack .vex-dialog-button.vex-dialog-button-primary:focus { -webkit-box-shadow: inset 0 3px rgba(0, 0, 0, 0.2); -moz-box-shadow: inset 0 3px rgba(0, 0, 0, 0.2); box-shadow: inset 0 3px rgba(0, 0, 0, 0.2); } .vex.vex-theme-flat-attack .vex-dialog-button.vex-dialog-button-secondary { background: white; color: #cccccc; } .vex.vex-theme-flat-attack .vex-dialog-button.vex-dialog-button-secondary:focus { -webkit-box-shadow: inset 0 3px #aaaaaa; -moz-box-shadow: inset 0 3px #aaaaaa; box-shadow: inset 0 3px #aaaaaa; background: #eeeeee; color: #777777; } .vex.vex-theme-flat-attack .vex-dialog-button.vex-dialog-button-secondary:hover, .vex.vex-theme-flat-attack .vex-dialog-button.vex-dialog-button-secondary:active { color: #777777; } .vex.vex-theme-flat-attack.vex-theme-flat-attack-pink .vex-close:before { background: #ff7ea7; } .vex.vex-theme-flat-attack.vex-theme-flat-attack-pink .vex-dialog-form .vex-dialog-input textarea:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-pink .vex-dialog-form .vex-dialog-input input[type="date"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-pink .vex-dialog-form .vex-dialog-input input[type="datetime"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-pink .vex-dialog-form .vex-dialog-input input[type="datetime-local"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-pink .vex-dialog-form .vex-dialog-input input[type="email"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-pink .vex-dialog-form .vex-dialog-input input[type="month"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-pink .vex-dialog-form .vex-dialog-input input[type="number"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-pink .vex-dialog-form .vex-dialog-input input[type="password"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-pink .vex-dialog-form .vex-dialog-input input[type="search"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-pink .vex-dialog-form .vex-dialog-input input[type="tel"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-pink .vex-dialog-form .vex-dialog-input input[type="text"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-pink .vex-dialog-form .vex-dialog-input input[type="time"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-pink .vex-dialog-form .vex-dialog-input input[type="url"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-pink .vex-dialog-form .vex-dialog-input input[type="week"]:focus { -webkit-box-shadow: inset 0 0 0 2px #ff7ea7; -moz-box-shadow: inset 0 0 0 2px #ff7ea7; box-shadow: inset 0 0 0 2px #ff7ea7; } .vex.vex-theme-flat-attack.vex-theme-flat-attack-pink .vex-dialog-form .vex-dialog-buttons .vex-dialog-button.vex-dialog-button-primary { background: #ff7ea7; } .vex.vex-theme-flat-attack.vex-theme-flat-attack-red .vex-close:before { background: #ce4a55; } .vex.vex-theme-flat-attack.vex-theme-flat-attack-red .vex-dialog-form .vex-dialog-input textarea:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-red .vex-dialog-form .vex-dialog-input input[type="date"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-red .vex-dialog-form .vex-dialog-input input[type="datetime"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-red .vex-dialog-form .vex-dialog-input input[type="datetime-local"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-red .vex-dialog-form .vex-dialog-input input[type="email"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-red .vex-dialog-form .vex-dialog-input input[type="month"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-red .vex-dialog-form .vex-dialog-input input[type="number"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-red .vex-dialog-form .vex-dialog-input input[type="password"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-red .vex-dialog-form .vex-dialog-input input[type="search"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-red .vex-dialog-form .vex-dialog-input input[type="tel"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-red .vex-dialog-form .vex-dialog-input input[type="text"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-red .vex-dialog-form .vex-dialog-input input[type="time"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-red .vex-dialog-form .vex-dialog-input input[type="url"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-red .vex-dialog-form .vex-dialog-input input[type="week"]:focus { -webkit-box-shadow: inset 0 0 0 2px #ce4a55; -moz-box-shadow: inset 0 0 0 2px #ce4a55; box-shadow: inset 0 0 0 2px #ce4a55; } .vex.vex-theme-flat-attack.vex-theme-flat-attack-red .vex-dialog-form .vex-dialog-buttons .vex-dialog-button.vex-dialog-button-primary { background: #ce4a55; } .vex.vex-theme-flat-attack.vex-theme-flat-attack-green .vex-close:before { background: #34b989; } .vex.vex-theme-flat-attack.vex-theme-flat-attack-green .vex-dialog-form .vex-dialog-input textarea:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-green .vex-dialog-form .vex-dialog-input input[type="date"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-green .vex-dialog-form .vex-dialog-input input[type="datetime"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-green .vex-dialog-form .vex-dialog-input input[type="datetime-local"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-green .vex-dialog-form .vex-dialog-input input[type="email"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-green .vex-dialog-form .vex-dialog-input input[type="month"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-green .vex-dialog-form .vex-dialog-input input[type="number"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-green .vex-dialog-form .vex-dialog-input input[type="password"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-green .vex-dialog-form .vex-dialog-input input[type="search"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-green .vex-dialog-form .vex-dialog-input input[type="tel"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-green .vex-dialog-form .vex-dialog-input input[type="text"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-green .vex-dialog-form .vex-dialog-input input[type="time"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-green .vex-dialog-form .vex-dialog-input input[type="url"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-green .vex-dialog-form .vex-dialog-input input[type="week"]:focus { -webkit-box-shadow: inset 0 0 0 2px #34b989; -moz-box-shadow: inset 0 0 0 2px #34b989; box-shadow: inset 0 0 0 2px #34b989; } .vex.vex-theme-flat-attack.vex-theme-flat-attack-green .vex-dialog-form .vex-dialog-buttons .vex-dialog-button.vex-dialog-button-primary { background: #34b989; } .vex.vex-theme-flat-attack.vex-theme-flat-attack-blue .vex-close:before { background: #477fa5; } .vex.vex-theme-flat-attack.vex-theme-flat-attack-blue .vex-dialog-form .vex-dialog-input textarea:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-blue .vex-dialog-form .vex-dialog-input input[type="date"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-blue .vex-dialog-form .vex-dialog-input input[type="datetime"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-blue .vex-dialog-form .vex-dialog-input input[type="datetime-local"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-blue .vex-dialog-form .vex-dialog-input input[type="email"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-blue .vex-dialog-form .vex-dialog-input input[type="month"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-blue .vex-dialog-form .vex-dialog-input input[type="number"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-blue .vex-dialog-form .vex-dialog-input input[type="password"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-blue .vex-dialog-form .vex-dialog-input input[type="search"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-blue .vex-dialog-form .vex-dialog-input input[type="tel"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-blue .vex-dialog-form .vex-dialog-input input[type="text"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-blue .vex-dialog-form .vex-dialog-input input[type="time"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-blue .vex-dialog-form .vex-dialog-input input[type="url"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-blue .vex-dialog-form .vex-dialog-input input[type="week"]:focus { -webkit-box-shadow: inset 0 0 0 2px #477fa5; -moz-box-shadow: inset 0 0 0 2px #477fa5; box-shadow: inset 0 0 0 2px #477fa5; } .vex.vex-theme-flat-attack.vex-theme-flat-attack-blue .vex-dialog-form .vex-dialog-buttons .vex-dialog-button.vex-dialog-button-primary { background: #477fa5; } .vex-loading-spinner.vex-theme-flat-attack { height: 4em; width: 4em; } @-webkit-keyframes ui-spinner-rotate-right { 0% { -webkit-transform: rotate(0deg); } 25% { -webkit-transform: rotate(180deg); } 50% { -webkit-transform: rotate(180deg); } 75% { -webkit-transform: rotate(360deg); } 100% { -webkit-transform: rotate(360deg); } } @-webkit-keyframes ui-spinner-rotate-left { 0% { -webkit-transform: rotate(0deg); } 25% { -webkit-transform: rotate(0deg); } 50% { -webkit-transform: rotate(180deg); } 75% { -webkit-transform: rotate(180deg); } 100% { -webkit-transform: rotate(360deg); } } @-moz-keyframes ui-spinner-rotate-right { 0% { -moz-transform: rotate(0deg); } 25% { -moz-transform: rotate(180deg); } 50% { -moz-transform: rotate(180deg); } 75% { -moz-transform: rotate(360deg); } 100% { -moz-transform: rotate(360deg); } } @-moz-keyframes ui-spinner-rotate-left { 0% { -moz-transform: rotate(0deg); } 25% { -moz-transform: rotate(0deg); } 50% { -moz-transform: rotate(180deg); } 75% { -moz-transform: rotate(180deg); } 100% { -moz-transform: rotate(360deg); } } @keyframes ui-spinner-rotate-right { 0% { transform: rotate(0deg); } 25% { transform: rotate(180deg); } 50% { transform: rotate(180deg); } 75% { transform: rotate(360deg); } 100% { transform: rotate(360deg); } } @keyframes ui-spinner-rotate-left { 0% { transform: rotate(0deg); } 25% { transform: rotate(0deg); } 50% { transform: rotate(180deg); } 75% { transform: rotate(180deg); } 100% { transform: rotate(360deg); } } .messenger-spinner { position: relative; border-radius: 100%; } ul.messenger.messenger-spinner-active .messenger-spinner .messenger-spinner { display: block; } .messenger-spinner .messenger-spinner-side { width: 50%; height: 100%; overflow: hidden; position: absolute; } .messenger-spinner .messenger-spinner-side .messenger-spinner-fill { border-radius: 999px; position: absolute; width: 100%; height: 100%; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; -ms-animation-iteration-count: infinite; -o-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-timing-function: linear; -ms-animation-timing-function: linear; -o-animation-timing-function: linear; animation-timing-function: linear; } .messenger-spinner .messenger-spinner-side-left { left: 0; } .messenger-spinner .messenger-spinner-side-left .messenger-spinner-fill { left: 100%; border-top-left-radius: 0; border-bottom-left-radius: 0; -webkit-animation-name: ui-spinner-rotate-left; -moz-animation-name: ui-spinner-rotate-left; -ms-animation-name: ui-spinner-rotate-left; -o-animation-name: ui-spinner-rotate-left; animation-name: ui-spinner-rotate-left; -webkit-transform-origin: 0 50%; -moz-transform-origin: 0 50%; -ms-transform-origin: 0 50%; -o-transform-origin: 0 50%; transform-origin: 0 50%; } .messenger-spinner .messenger-spinner-side-right { left: 50%; } .messenger-spinner .messenger-spinner-side-right .messenger-spinner-fill { left: -100%; border-top-right-radius: 0; border-bottom-right-radius: 0; -webkit-animation-name: ui-spinner-rotate-right; -moz-animation-name: ui-spinner-rotate-right; -ms-animation-name: ui-spinner-rotate-right; -o-animation-name: ui-spinner-rotate-right; animation-name: ui-spinner-rotate-right; -webkit-transform-origin: 100% 50%; -moz-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; -o-transform-origin: 100% 50%; transform-origin: 100% 50%; } ul.messenger-theme-flat { -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -moz-user-select: none; -webkit-user-select: none; -o-user-select: none; user-select: none; background: #404040; } ul.messenger-theme-flat.messenger-empty { display: none; } ul.messenger-theme-flat .messenger-message { -webkit-box-shadow: inset 0px 1px rgba(255, 255, 255, 0.13), inset 48px 0px 0px #292929; -moz-box-shadow: inset 0px 1px rgba(255, 255, 255, 0.13), inset 48px 0px 0px #292929; box-shadow: inset 0px 1px rgba(255, 255, 255, 0.13), inset 48px 0px 0px #292929; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; position: relative; border: 0px; margin-bottom: 0px; font-size: 13px; background: transparent; color: #f0f0f0; font-weight: 500; padding: 10px 30px 13px 65px; } ul.messenger-theme-flat .messenger-message .messenger-close { position: absolute; top: 0px; right: 0px; color: #888888; opacity: 1; font-weight: bold; display: block; font-size: 20px; line-height: 20px; padding: 8px 10px 7px 7px; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; } ul.messenger-theme-flat .messenger-message .messenger-close:hover { color: #bbbbbb; } ul.messenger-theme-flat .messenger-message .messenger-close:active { color: #777777; } ul.messenger-theme-flat .messenger-message .messenger-actions { float: none; margin-top: 10px; } ul.messenger-theme-flat .messenger-message .messenger-actions a { -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; text-decoration: none; color: #aaaaaa; background: #2e2e2e; display: inline-block; padding: 10px; margin-right: 10px; padding: 4px 11px 6px; text-transform: capitalize; } ul.messenger-theme-flat .messenger-message .messenger-actions a:hover { color: #f0f0f0; background: #2e2e2e; } ul.messenger-theme-flat .messenger-message .messenger-actions a:active { background: #292929; color: #aaaaaa; } ul.messenger-theme-flat .messenger-message .messenger-actions .messenger-phrase { display: none; } ul.messenger-theme-flat .messenger-message .messenger-message-inner:before { -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; position: absolute; left: 17px; display: block; content: " "; top: 50%; margin-top: -8px; height: 13px; width: 13px; z-index: 20; } ul.messenger-theme-flat .messenger-message.alert-success .messenger-message-inner:before { background: #5fca4a; } ul.messenger-theme-flat .messenger-message.alert-info .messenger-message-inner:before { background: #61c4b8; } ul.messenger-theme-flat .messenger-message.alert-error .messenger-message-inner:before { background: #dd6a45; } ul.messenger-theme-flat .messenger-message.alert-error.messenger-retry-soon .messenger-spinner { width: 32px; height: 32px; background: transparent; } ul.messenger-theme-flat .messenger-message.alert-error.messenger-retry-soon .messenger-spinner .messenger-spinner-side .messenger-spinner-fill { background: #dd6a45; -webkit-animation-duration: 20s; -moz-animation-duration: 20s; -ms-animation-duration: 20s; -o-animation-duration: 20s; animation-duration: 20s; opacity: 1; } ul.messenger-theme-flat .messenger-message.alert-error.messenger-retry-soon .messenger-spinner:after { content: ""; background: #292929; position: absolute; width: 26px; height: 26px; border-radius: 50%; top: 3px; left: 3px; display: block; } ul.messenger-theme-flat .messenger-message.alert-error.messenger-retry-later .messenger-spinner { width: 32px; height: 32px; background: transparent; } ul.messenger-theme-flat .messenger-message.alert-error.messenger-retry-later .messenger-spinner .messenger-spinner-side .messenger-spinner-fill { background: #dd6a45; -webkit-animation-duration: 600s; -moz-animation-duration: 600s; -ms-animation-duration: 600s; -o-animation-duration: 600s; animation-duration: 600s; opacity: 1; } ul.messenger-theme-flat .messenger-message.alert-error.messenger-retry-later .messenger-spinner:after { content: ""; background: #292929; position: absolute; width: 26px; height: 26px; border-radius: 50%; top: 3px; left: 3px; display: block; } ul.messenger-theme-flat .messenger-message-slot.messenger-last .messenger-message { -webkit-border-radius: 4px 4px 0px 0px; -moz-border-radius: 4px 4px 0px 0px; -ms-border-radius: 4px 4px 0px 0px; -o-border-radius: 4px 4px 0px 0px; border-radius: 4px 4px 0px 0px; -webkit-box-shadow: inset 48px 0px 0px #292929; -moz-box-shadow: inset 48px 0px 0px #292929; box-shadow: inset 48px 0px 0px #292929; } ul.messenger-theme-flat .messenger-message-slot.messenger-first .messenger-message { -webkit-border-radius: 0px 0px 4px 4px; -moz-border-radius: 0px 0px 4px 4px; -ms-border-radius: 0px 0px 4px 4px; -o-border-radius: 0px 0px 4px 4px; border-radius: 0px 0px 4px 4px; -webkit-box-shadow: inset 0px 1px rgba(255, 255, 255, 0.13), inset 48px 0px 0px #292929; -moz-box-shadow: inset 0px 1px rgba(255, 255, 255, 0.13), inset 48px 0px 0px #292929; box-shadow: inset 0px 1px rgba(255, 255, 255, 0.13), inset 48px 0px 0px #292929; } ul.messenger-theme-flat .messenger-message-slot.messenger-first.messenger-last .messenger-message { -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: inset 48px 0px 0px #292929; -moz-box-shadow: inset 48px 0px 0px #292929; box-shadow: inset 48px 0px 0px #292929; } ul.messenger-theme-flat .messenger-spinner { display: block; position: absolute; left: 7px; top: 50%; margin-top: -18px; z-index: 999; height: 32px; width: 32px; z-index: 10; } /* Ion.RangeSlider, Flat UI Skin// css version 1.9.2// © 2013-2014 Denis Ineshin | IonDen.com// ===================================================================================================================*//* =====================================================================================================================// Skin details */.irs-line-mid,.irs-line-left,.irs-line-right,.irs-diapason,.irs-slider { background: url("/imgs/common/sprite-skin-flat.png") repeat-x; } .irs { height: 40px; } .irs-with-grid { height: 60px; } .irs-line { height: 12px; top: 25px; } .irs-line-left { height: 12px; background-position: 0 -30px; } .irs-line-mid { height: 12px; background-position: 0 0; } .irs-line-right { height: 12px; background-position: 100% -30px; } .irs-diapason { height: 12px; top: 25px; background-position: 0 -60px; } .irs-slider { width: 16px; height: 18px; top: 22px; background-position: 0 -90px; } #irs-active-slider, .irs-slider:hover { background-position: 0 -120px; } .irs-min, .irs-max { color: #999; font-size: 10px; line-height: 1.333; text-shadow: none; top: 0; padding: 1px 3px; background: #e1e4e9; border-radius: 4px; } .irs-from, .irs-to, .irs-single { color: #fff; font-size: 10px; line-height: 1.333; text-shadow: none; padding: 1px 5px; background: #ed5565; border-radius: 4px; } .irs-from:after, .irs-to:after, .irs-single:after { position: absolute; display: block; content: ""; bottom: -6px; left: 50%; width: 0; height: 0; margin-left: -3px; overflow: hidden; border: 3px solid transparent; border-top-color: #ed5565; } .irs-grid-pol { background: #e1e4e9; } .irs-grid-text { color: #999; } .bs-example > .dropdown > .dropdown-toggle { float: left; } .bs-example > .dropdown > .dropdown-menu { clear: left; display: block; position: static; margin-bottom: 5px; } .btn-default { background: #B4B7B9; color: white; border-color: #B4B7B9; } .btn-default.btn-outlined { color: #B4B7B9; background: none; } .btn-default.btn-outlined.btn-onlyOnHover { color: #89949B; } .btn-default.btn-outlined.btn-onlyOnHover:hover, .btn-default.btn-outlined.btn-onlyOnHover:focus, .btn-default.btn-outlined.btn-onlyOnHover.active { color: white; } .btn-default.btn-outlined.btn-inverse { color: white; border-color: white; } .btn-default.btn-outlined.btn-inverse:hover, .btn-default.btn-outlined.btn-inverse:focus, .btn-default.btn-outlined.btn-inverse.active { color: #B4B7B9; background: white; } .btn-default.btn-outlined.btn-inverse:hover.btn-retainBg, .btn-default.btn-outlined.btn-inverse:focus.btn-retainBg, .btn-default.btn-outlined.btn-inverse.active.btn-retainBg { background: #B4B7B9; color: white; border-color: #B4B7B9; } .btn-default.btn-outlined.btn-inverse:hover.btn-retainBg:active, .btn-default.btn-outlined.btn-inverse:focus.btn-retainBg:active, .btn-default.btn-outlined.btn-inverse.active.btn-retainBg:active { background: #85898d; border-color: #666b6e; } .btn-default:focus, .btn-default.focus, .btn-default:hover, .btn-default.active { color: white; background: #ced0d2; border-color: #ced0d2; } .btn-default:active, .btn-default.active, .btn-default[aria-expanded="true"], .btn-default.active:hover, .btn-default.active:focus, .btn-default[aria-expanded="true"]:hover, .btn-default[aria-expanded="true"]:focus, .open > .btn-default.dropdown-toggle { color: white; background: #85898d; border-color: #666b6e; background-image: none; } .btn-default.dropdown-toggle + ul li.active a { color: white; background: #B4B7B9; } .btn-default.disabled, .btn-default[disabled], fieldset[disabled] .btn-default { pointer-events: none; } .btn-default .badge { color: #B4B7B9; background-color: #B4B7B9; } .btn-text { background: #89949B; color: white; border-color: #89949B; } .btn-text.btn-outlined { color: #89949B; background: none; } .btn-text.btn-outlined.btn-onlyOnHover { color: #89949B; } .btn-text.btn-outlined.btn-onlyOnHover:hover, .btn-text.btn-outlined.btn-onlyOnHover:focus, .btn-text.btn-outlined.btn-onlyOnHover.active { color: white; } .btn-text.btn-outlined.btn-inverse { color: white; border-color: white; } .btn-text.btn-outlined.btn-inverse:hover, .btn-text.btn-outlined.btn-inverse:focus, .btn-text.btn-outlined.btn-inverse.active { color: #89949B; background: white; } .btn-text.btn-outlined.btn-inverse:hover.btn-retainBg, .btn-text.btn-outlined.btn-inverse:focus.btn-retainBg, .btn-text.btn-outlined.btn-inverse.active.btn-retainBg { background: #89949B; color: white; border-color: #89949B; } .btn-text.btn-outlined.btn-inverse:hover.btn-retainBg:active, .btn-text.btn-outlined.btn-inverse:focus.btn-retainBg:active, .btn-text.btn-outlined.btn-inverse.active.btn-retainBg:active { background: #5c666c; border-color: #40474b; } .btn-text:focus, .btn-text.focus, .btn-text:hover, .btn-text.active { color: white; background: #a5adb2; border-color: #a5adb2; } .btn-text:active, .btn-text.active, .btn-text[aria-expanded="true"], .btn-text.active:hover, .btn-text.active:focus, .btn-text[aria-expanded="true"]:hover, .btn-text[aria-expanded="true"]:focus, .open > .btn-text.dropdown-toggle { color: white; background: #5c666c; border-color: #40474b; background-image: none; } .btn-text.dropdown-toggle + ul li.active a { color: white; background: #89949B; } .btn-text.disabled, .btn-text[disabled], fieldset[disabled] .btn-text { pointer-events: none; } .btn-text .badge { color: #89949B; background-color: #89949B; } .menu-text ul li.active a, .menu-text ul li.active a:hover { color: white; background: #89949B !important; } .nav-text > li.active > a,.nav-text > rubix-menu > li.active > a,.nav-text > rubix-nav-item > li.active > a { color: white; background: #89949B; border-color: #89949B; } .tab-text { border-color: #89949B; } .tab-text > li.active > a { border-color: #89949B; border-bottom-color: transparent; } .tab-text.nav-pills > li.active > a { background: #89949B; color: white; } .rubix-panel-header.nav-inline .nav-text > li.active > a { border: 1px solid #89949B; border-bottom: none; } .rubix-panel-header.nav-inline .nav-text > li.open > .dropdown-toggle { color: white; background: none; } .bg-text { background: #89949B !important; } .bg-text table td, .bg-text th { border-color: rgba(0, 0, 0, 0.05) !important; } .bg-focus-text:focus { background: #89949B !important; } .bg-hover-text:hover { background: #89949B !important; } .fg-text { color: #89949B; } .fg-text .nav-tabs > li.active > a { color: #89949B; } .fg-tab-active-text .nav-tabs > li.active > a { color: #89949B !important; } .fg-focus-text:focus { color: #89949B; } .fg-hover-text:hover { color: #89949B; } .border-text { border-color: #89949B !important; } .border-text .rubix-timeline-body > ul { border-color: #89949B; } .border-text.rubix-timeline-view:before { border-color: #89949B; } .border-hover-text:hover { border-color: #89949B !important; } .border-focus-text:focus { border-color: #89949B !important; } .tl-text .rubix-timeline-body > ul > li:before { border-color: #89949B; } .list-bg-text > .list-group-item.active { background: #89949B !important; color: white !important; } .list-fg-text > .list-group-item { color: #89949B; } @media print { #sidebar { display: none !important; } #navbar { display: none !important; } #body { background: white; left: 0 !important; width: 100% !important; margin-top: 0 !important; margin-left: 0 !important; } .rubix-panel-controls { display: none !important; } } @keyframes vex-fadein { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes vex-fadein { 0% { opacity: 0; } 100% { opacity: 1; } } @-moz-keyframes vex-fadein { 0% { opacity: 0; } 100% { opacity: 1; } } @-ms-keyframes vex-fadein { 0% { opacity: 0; } 100% { opacity: 1; } } @-o-keyframes vex-fadein { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes vex-fadeout { 0% { opacity: 1; } 100% { opacity: 0; } } @-webkit-keyframes vex-fadeout { 0% { opacity: 1; } 100% { opacity: 0; } } @-moz-keyframes vex-fadeout { 0% { opacity: 1; } 100% { opacity: 0; } } @-ms-keyframes vex-fadeout { 0% { opacity: 1; } 100% { opacity: 0; } } @-o-keyframes vex-fadeout { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes vex-rotation { 0% { transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); } 100% { transform: rotate(359deg); -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -ms-transform: rotate(359deg); -o-transform: rotate(359deg); } } @-webkit-keyframes vex-rotation { 0% { transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); } 100% { transform: rotate(359deg); -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -ms-transform: rotate(359deg); -o-transform: rotate(359deg); } } @-moz-keyframes vex-rotation { 0% { transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); } 100% { transform: rotate(359deg); -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -ms-transform: rotate(359deg); -o-transform: rotate(359deg); } } @-ms-keyframes vex-rotation { 0% { transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); } 100% { transform: rotate(359deg); -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -ms-transform: rotate(359deg); -o-transform: rotate(359deg); } } @-o-keyframes vex-rotation { 0% { transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); } 100% { transform: rotate(359deg); -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -ms-transform: rotate(359deg); -o-transform: rotate(359deg); } } .vex, .vex *, .vex *:before, .vex *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .vex { position: fixed; overflow: auto; -webkit-overflow-scrolling: touch; z-index: 9999999999999; top: 0; right: 0; bottom: 0; left: 0; } .vex-overlay { background: black; filter: alpha(opacity=40); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; } .vex-overlay { animation: vex-fadein 0.5s; -webkit-animation: vex-fadein 0.5s; -moz-animation: vex-fadein 0.5s; -ms-animation: vex-fadein 0.5s; -o-animation: vex-fadein 0.5s; -webkit-backface-visibility: hidden; position: fixed; background: rgba(0, 0, 0, 0.4); top: 0; right: 0; bottom: 0; left: 0; } .vex.vex-closing .vex-overlay { animation: vex-fadeout 0.5s; -webkit-animation: vex-fadeout 0.5s; -moz-animation: vex-fadeout 0.5s; -ms-animation: vex-fadeout 0.5s; -o-animation: vex-fadeout 0.5s; -webkit-backface-visibility: hidden; } .vex-content { animation: vex-fadein 0.5s; -webkit-animation: vex-fadein 0.5s; -moz-animation: vex-fadein 0.5s; -ms-animation: vex-fadein 0.5s; -o-animation: vex-fadein 0.5s; -webkit-backface-visibility: hidden; background: white; } .vex.vex-closing .vex-content { animation: vex-fadeout 0.5s; -webkit-animation: vex-fadeout 0.5s; -moz-animation: vex-fadeout 0.5s; -ms-animation: vex-fadeout 0.5s; -o-animation: vex-fadeout 0.5s; -webkit-backface-visibility: hidden; } .vex-close:before { font-family: Arial, sans-serif; content: "\00D7"; } .vex-dialog-form { margin: 0; } .vex-dialog-button { -webkit-appearance: none; cursor: pointer; } .vex-loading-spinner { animation: vex-rotation 0.7s linear infinite; -webkit-animation: vex-rotation 0.7s linear infinite; -moz-animation: vex-rotation 0.7s linear infinite; -ms-animation: vex-rotation 0.7s linear infinite; -o-animation: vex-rotation 0.7s linear infinite; -webkit-backface-visibility: hidden; -webkit-box-shadow: 0 0 1em rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 1em rgba(0, 0, 0, 0.1); box-shadow: 0 0 1em rgba(0, 0, 0, 0.1); position: fixed; z-index: 1112; margin: auto; top: 0; right: 0; bottom: 0; left: 0; height: 2em; width: 2em; background: white; } body.vex-open { overflow: hidden; } /*-- Chart --*/.c3 svg { font: 10px sans-serif; } .c3 path, .c3 line { fill: none; stroke: #000; } .c3 text { user-select: none; } .c3-legend-item-tile,.c3-xgrid-focus,.c3-ygrid,.c3-event-rect,.c3-bars path { shape-rendering: crispEdges; } .c3-chart-arc path { stroke: #fff; } .c3-chart-arc text { fill: #fff; font-size: 13px; } /*-- Axis --*//*-- Grid --*/.c3-grid line { stroke: #aaa; } .c3-grid text { fill: #aaa; } .c3-xgrid, .c3-ygrid { stroke-dasharray: 3 3; } /*-- Text on Chart --*/.c3-text.c3-empty { fill: #808080; font-size: 2em; } /*-- Line --*/.c3-line { stroke-width: 1px; } /*-- Point --*/.c3-circle._expanded_ { stroke-width: 1px; stroke: white; } .c3-selected-circle { fill: white; stroke-width: 2px; } /*-- Bar --*/.c3-bar { stroke-width: 0; } .c3-bar._expanded_ { fill-opacity: 0.75; } /*-- Arc --*/.c3-chart-arcs-title { font-size: 1.3em; } /*-- Focus --*/.c3-target.c3-focused path.c3-line, .c3-target.c3-focused path.c3-step { stroke-width: 2px; } /*-- Region --*/.c3-region { fill: steelblue; fill-opacity: .1; } /*-- Brush --*/.c3-brush .extent { fill-opacity: .1; } /*-- Select - Drag --*//*-- Legend --*/.c3-legend-item { font-size: 12px; } .c3-legend-background { opacity: 0.75; fill: white; stroke: lightgray; stroke-width: 1; } /*-- Tooltip --*/.c3-tooltip { border-collapse: collapse; border-spacing: 0; background-color: #fff; empty-cells: show; box-shadow: 7px 7px 12px -9px #777777; opacity: 0.9; } .c3-tooltip tr { border: 1px solid #CCC; } .c3-tooltip th { background-color: #242424; font-size: 14px; padding: 2px 5px; text-align: left; color: #FFF; } .c3-tooltip td { font-size: 13px; padding: 3px 6px; background-color: #fff; border-left: 1px dotted #999; } .c3-tooltip td > span { display: inline-block; width: 10px; height: 10px; margin-right: 6px; } .c3-tooltip td.value { text-align: right; } .c3-area { stroke-width: 0; opacity: 0.2; } .c3-chart-arcs .c3-chart-arcs-background { fill: #e0e0e0; stroke: none; } .c3-chart-arcs .c3-chart-arcs-gauge-unit { fill: #000; font-size: 16px; } .c3-chart-arcs .c3-chart-arcs-gauge-max { fill: #777; } .c3-chart-arcs .c3-chart-arcs-gauge-min { fill: #777; } .c3-chart-arc .c3-gauge-value { fill: #000; font-size: 28px; } code[class*="language-"], pre[class*="language-"] { -moz-tab-size: 4; -o-tab-size: 4; tab-size: 4; -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; white-space: pre; white-space: pre-wrap; word-break: break-all; word-wrap: break-word; font-family: Menlo, Monaco, "Courier New", monospace; font-size: 15px; line-height: 1.5; color: #dccf8f; text-shadow: 0; margin-bottom: 25px; } pre[class*="language-"], :not(pre) > code[class*="language-"] { border-radius: 5px; border: 1px solid #000; color: #DCCF8F; background: #181914; } pre[class*="language-"] { padding: 12px; } :not(pre) > code[class*="language-"] { padding: 2px 6px; } code[class*="language-"] .namespace, pre[class*="language-"] .namespace { opacity: .7; } code[class*="language-"] .token.comment, code[class*="language-"] .token.prolog, code[class*="language-"] .token.doctype, code[class*="language-"] .token.cdata, pre[class*="language-"] .token.comment, pre[class*="language-"] .token.prolog, pre[class*="language-"] .token.doctype, pre[class*="language-"] .token.cdata { color: #586e75; font-style: italic; } code[class*="language-"] .token.null, code[class*="language-"] .token.operator, code[class*="language-"] .token.boolean, pre[class*="language-"] .token.null, pre[class*="language-"] .token.operator, pre[class*="language-"] .token.boolean { color: #dccf8f; } code[class*="language-"] .token.number,code[class*="language-"] .token.string, pre[class*="language-"] .token.string, pre[class*="language-"] .token.number { color: #468966; } code[class*="language-"] .token.attr-name,pre[class*="language-"] .token.attr-name { color: #b89859; } code[class*="language-"] .token.entity, code[class*="language-"] .token.url, .language-css code[class*="language-"] .token.string, .style code[class*="language-"] .token.string, pre[class*="language-"] .token.entity, pre[class*="language-"] .token.url, .language-css pre[class*="language-"] .token.string, .style pre[class*="language-"] .token.string { color: #dccf8f; } code[class*="language-"] .token.selector, pre[class*="language-"] .token.selector { color: #859900; } code[class*="language-"] .token.atrule, code[class*="language-"] code[class*="language-"] .token.keyword, code[class*="language-"] .token.control, code[class*="language-"] .token.directive, code[class*="language-"] .token.important, code[class*="language-"] .token.unit, pre[class*="language-"] .token.atrule, pre[class*="language-"] .token.keyword, pre[class*="language-"] .token.control, pre[class*="language-"] .token.directive, pre[class*="language-"] .token.important, pre[class*="language-"] .token.unit { color: #cb4b16; } .token.attr-value,pre[class*="language-"] .token.attr-value { color: #468966; } code[class*="language-"] .token.placeholder, code[class*="language-"] .token.variable, pre[class*="language-"] .token.placeholder, pre[class*="language-"] .token.variable { color: #b58900; } .token.property, .token.tag, .token.boolean, .token.number, code[class*="language-"] .token.property, pre[class*="language-"] .token.property { color: #b89859; } code[class*="language-"] .token.tag, pre[class*="language-"] .token.tag { color: #ffb03b; } code[class*="language-"] .token.important, code[class*="language-"] .token.statement, pre[class*="language-"] .token.important, pre[class*="language-"] .token.statement { /* font-weight: bold; */ color: #dc322f; } code[class*="language-"] .token.punctuation, pre[class*="language-"] .token.punctuation { color: #dccf8f; } code[class*="language-"] .token.entity, pre[class*="language-"] .token.entity { cursor: help; } code[class*="language-"] .token.debug, pre[class*="language-"] .token.debug { color: red; } .pojoaque-colors { color: #586e75; color: #b64926; color: #468966; color: #ffb03b; color: #b58900; color: #b89859; color: #dccf8f; color: #d3a60c; color: #cb4b16; color: #dc322f; color: #073642; color: #181914; } /* jquery.Jcrop.css v0.9.12 - MIT License *//* The outer-most container in a typical Jcrop instance If you are having difficulty with formatting related to styles on a parent element, place any fixes here or in a like selector You can also style this element if you want to add a border, etc A better method for styling can be seen below with .jcrop-light (Add a class to the holder and style elements for that extended class)*/.jcrop-holder { direction: ltr; text-align: left; } /* Selection Border */.jcrop-vline,.jcrop-hline { background: #ffffff url("/imgs/common/jcrop/Jcrop.gif"); font-size: 0; position: absolute; } .jcrop-vline { height: 100%; width: 1px !important; } .jcrop-vline.right { right: 0; } .jcrop-hline { height: 1px !important; width: 100%; } .jcrop-hline.bottom { bottom: 0; } /* Invisible click targets */.jcrop-tracker { height: 100%; width: 100%; /* "turn off" link highlight */ -webkit-tap-highlight-color: transparent; /* disable callout, image save panel */ -webkit-touch-callout: none; /* disable cut copy paste */ -webkit-user-select: none; } /* Selection Handles */.jcrop-handle { background-color: #333333; border: 1px #eeeeee solid; width: 7px; height: 7px; font-size: 1px; } .jcrop-handle.ord-n { left: 50%; margin-left: -4px; margin-top: -4px; top: 0; } .jcrop-handle.ord-s { bottom: 0; left: 50%; margin-bottom: -4px; margin-left: -4px; } .jcrop-handle.ord-e { margin-right: -4px; margin-top: -4px; right: 0; top: 50%; } .jcrop-handle.ord-w { left: 0; margin-left: -4px; margin-top: -4px; top: 50%; } .jcrop-handle.ord-nw { left: 0; margin-left: -4px; margin-top: -4px; top: 0; } .jcrop-handle.ord-ne { margin-right: -4px; margin-top: -4px; right: 0; top: 0; } .jcrop-handle.ord-se { bottom: 0; margin-bottom: -4px; margin-right: -4px; right: 0; } .jcrop-handle.ord-sw { bottom: 0; left: 0; margin-bottom: -4px; margin-left: -4px; } /* Dragbars */.jcrop-dragbar.ord-n,.jcrop-dragbar.ord-s { height: 7px; width: 100%; } .jcrop-dragbar.ord-e,.jcrop-dragbar.ord-w { height: 100%; width: 7px; } .jcrop-dragbar.ord-n { margin-top: -4px; } .jcrop-dragbar.ord-s { bottom: 0; margin-bottom: -4px; } .jcrop-dragbar.ord-e { margin-right: -4px; right: 0; } .jcrop-dragbar.ord-w { margin-left: -4px; } /* The "jcrop-light" class/extension */.jcrop-light .jcrop-vline,.jcrop-light .jcrop-hline { background: #ffffff; filter: alpha(opacity=70) !important; opacity: 0.7 !important; } .jcrop-light .jcrop-handle { -moz-border-radius: 3px; -webkit-border-radius: 3px; background-color: #000000; border-color: #ffffff; border-radius: 3px; } /* The "jcrop-dark" class/extension */.jcrop-dark .jcrop-vline,.jcrop-dark .jcrop-hline { background: #000000; filter: alpha(opacity=70) !important; opacity: 0.7 !important; } .jcrop-dark .jcrop-handle { -moz-border-radius: 3px; -webkit-border-radius: 3px; background-color: #ffffff; border-color: #000000; border-radius: 3px; } /* Simple macro to turn off the antlines */.solid-line .jcrop-vline,.solid-line .jcrop-hline { background: #ffffff; } /* Fix for twitter bootstrap et al. */.jcrop-holder img,img.jcrop-preview { max-width: none; } .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.8); border: solid 2px rgba(230, 230, 230, 0.8); 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; } /* required styles */.leaflet-map-pane,.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile-pane,.leaflet-tile-container,.leaflet-overlay-pane,.leaflet-shadow-pane,.leaflet-marker-pane,.leaflet-popup-pane,.leaflet-overlay-pane svg,.leaflet-zoom-box,.leaflet-image-layer,.leaflet-layer { position: absolute; left: 0; top: 0; } .leaflet-container { overflow: hidden; -ms-touch-action: none; } .leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow { -webkit-user-select: none; -moz-user-select: none; user-select: none; -webkit-user-drag: none; } .leaflet-marker-icon,.leaflet-marker-shadow { display: block; } /* map is broken in FF if you have max-width: 100% on tiles */.leaflet-container img { max-width: none !important; } /* stupid Android 2 doesn't understand "max-width: none" properly */.leaflet-container img.leaflet-image-layer { max-width: 15000px !important; } .leaflet-tile { filter: inherit; visibility: hidden; } .leaflet-tile-loaded { visibility: inherit; } .leaflet-zoom-box { width: 0; height: 0; } /* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */.leaflet-overlay-pane svg { -moz-user-select: none; } .leaflet-tile-pane { z-index: 2; } .leaflet-objects-pane { z-index: 3; } .leaflet-overlay-pane { z-index: 4; } .leaflet-shadow-pane { z-index: 5; } .leaflet-marker-pane { z-index: 6; } .leaflet-popup-pane { z-index: 7; } .leaflet-vml-shape { width: 1px; height: 1px; } .lvml { behavior: url(#default#VML); display: inline-block; position: absolute; } /* control positioning */.leaflet-control { position: relative; z-index: 7; pointer-events: auto; } .leaflet-top,.leaflet-bottom { position: absolute; z-index: 1000; pointer-events: none; } .leaflet-top { top: 0; } .leaflet-right { right: 0; } .leaflet-bottom { bottom: 0; } .leaflet-left { left: 0; } .leaflet-control { float: left; clear: both; } .leaflet-right .leaflet-control { float: right; } .leaflet-top .leaflet-control { margin-top: 10px; } .leaflet-bottom .leaflet-control { margin-bottom: 10px; } .leaflet-left .leaflet-control { margin-left: 10px; } .leaflet-right .leaflet-control { margin-right: 10px; } /* zoom and fade animations */.leaflet-fade-anim .leaflet-tile,.leaflet-fade-anim .leaflet-popup { opacity: 0; -webkit-transition: opacity 0.2s linear; -moz-transition: opacity 0.2s linear; -o-transition: opacity 0.2s linear; transition: opacity 0.2s linear; } .leaflet-fade-anim .leaflet-tile-loaded,.leaflet-fade-anim .leaflet-map-pane .leaflet-popup { opacity: 1; } .leaflet-zoom-anim .leaflet-zoom-animated { -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1); -moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1); -o-transition: -o-transform 0.25s cubic-bezier(0, 0, 0.25, 1); transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1); } .leaflet-zoom-anim .leaflet-tile,.leaflet-pan-anim .leaflet-tile,.leaflet-touching .leaflet-zoom-animated { -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; } .leaflet-zoom-anim .leaflet-zoom-hide { visibility: hidden; } /* cursors */.leaflet-clickable { cursor: pointer; } .leaflet-container { cursor: -webkit-grab; cursor: -moz-grab; } .leaflet-popup-pane,.leaflet-control { cursor: auto; } .leaflet-dragging .leaflet-container,.leaflet-dragging .leaflet-clickable { cursor: move; cursor: -webkit-grabbing; cursor: -moz-grabbing; } /* visual tweaks */.leaflet-container { background: #ddd; outline: 0; } .leaflet-container a { color: #0078A8; } .leaflet-container a.leaflet-active { outline: 2px solid orange; } .leaflet-zoom-box { border: 2px dotted #38f; background: rgba(255, 255, 255, 0.5); } /* general typography */.leaflet-container { font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif; } /* general toolbar styles */.leaflet-bar { box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65); border-radius: 4px; } .leaflet-bar a,.leaflet-bar a:hover { background-color: #fff; border-bottom: 1px solid #ccc; width: 26px; height: 26px; line-height: 26px; display: block; text-align: center; text-decoration: none; color: black; } .leaflet-bar a,.leaflet-control-layers-toggle { background-position: 50% 50%; background-repeat: no-repeat; display: block; } .leaflet-bar a:hover { background-color: #f4f4f4; } .leaflet-bar a:first-child { border-top-left-radius: 4px; border-top-right-radius: 4px; } .leaflet-bar a:last-child { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-bottom: none; } .leaflet-bar a.leaflet-disabled { cursor: default; background-color: #f4f4f4; color: #bbb; } .leaflet-touch .leaflet-bar a { width: 30px; height: 30px; line-height: 30px; } /* zoom control */.leaflet-control-zoom-in,.leaflet-control-zoom-out { font: bold 18px 'Lucida Console', Monaco, monospace; text-indent: 1px; } .leaflet-control-zoom-out { font-size: 20px; } .leaflet-touch .leaflet-control-zoom-in { font-size: 22px; } .leaflet-touch .leaflet-control-zoom-out { font-size: 24px; } /* layers control */.leaflet-control-layers { box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4); background: #fff; border-radius: 5px; } .leaflet-control-layers-toggle { background-image: url("/imgs/common/leaflet/layers.png"); width: 36px; height: 36px; } .leaflet-retina .leaflet-control-layers-toggle { background-image: url("/imgs/common/leaflet/layers-2x.png"); background-size: 26px 26px; } .leaflet-touch .leaflet-control-layers-toggle { width: 44px; height: 44px; } .leaflet-control-layers .leaflet-control-layers-list,.leaflet-control-layers-expanded .leaflet-control-layers-toggle { display: none; } .leaflet-control-layers-expanded .leaflet-control-layers-list { display: block; position: relative; } .leaflet-control-layers-expanded { padding: 6px 10px 6px 6px; color: #333; background: #fff; } .leaflet-control-layers-selector { margin-top: 2px; position: relative; top: 1px; } .leaflet-control-layers label { display: block; } .leaflet-control-layers-separator { height: 0; border-top: 1px solid #ddd; margin: 5px -10px 5px -6px; } /* attribution and scale controls */.leaflet-container .leaflet-control-attribution { background: #fff; background: rgba(255, 255, 255, 0.7); margin: 0; } .leaflet-control-attribution,.leaflet-control-scale-line { padding: 0 5px; color: #333; } .leaflet-control-attribution a { text-decoration: none; } .leaflet-control-attribution a:hover { text-decoration: underline; } .leaflet-container .leaflet-control-attribution,.leaflet-container .leaflet-control-scale { font-size: 11px; } .leaflet-left .leaflet-control-scale { margin-left: 5px; } .leaflet-bottom .leaflet-control-scale { margin-bottom: 5px; } .leaflet-control-scale-line { border: 2px solid #777; border-top: none; line-height: 1.1; padding: 2px 5px 1px; font-size: 11px; white-space: nowrap; overflow: hidden; -moz-box-sizing: content-box; box-sizing: content-box; background: #fff; background: rgba(255, 255, 255, 0.5); } .leaflet-control-scale-line:not(:first-child) { border-top: 2px solid #777; border-bottom: none; margin-top: -2px; } .leaflet-control-scale-line:not(:first-child):not(:last-child) { border-bottom: 2px solid #777; } .leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar { box-shadow: none; } .leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar { border: 2px solid rgba(0, 0, 0, 0.2); background-clip: padding-box; } /* popup */.leaflet-popup { position: absolute; text-align: center; } .leaflet-popup-content-wrapper { padding: 1px; text-align: left; border-radius: 12px; } .leaflet-popup-content { margin: 13px 19px; line-height: 1.4; } .leaflet-popup-content p { margin: 18px 0; } .leaflet-popup-tip-container { margin: 0 auto; width: 40px; height: 20px; position: relative; overflow: hidden; } .leaflet-popup-tip { width: 17px; height: 17px; padding: 1px; margin: -10px auto 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .leaflet-popup-content-wrapper,.leaflet-popup-tip { background: white; box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4); } .leaflet-container a.leaflet-popup-close-button { position: absolute; top: 0; right: 0; padding: 4px 4px 0 0; text-align: center; width: 18px; height: 14px; font: 16px/14px Tahoma, Verdana, sans-serif; color: #c3c3c3; text-decoration: none; font-weight: bold; background: transparent; } .leaflet-container a.leaflet-popup-close-button:hover { color: #999; } .leaflet-popup-scrolled { overflow: auto; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; } .leaflet-oldie .leaflet-popup-content-wrapper { zoom: 1; } .leaflet-oldie .leaflet-popup-tip { width: 24px; margin: 0 auto; -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)"; filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678); } .leaflet-oldie .leaflet-popup-tip-container { margin-top: -1px; } .leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-control-layers,.leaflet-oldie .leaflet-popup-content-wrapper,.leaflet-oldie .leaflet-popup-tip { border: 1px solid #999; } /* div icon */.leaflet-div-icon { background: #fff; border: 1px solid #666; } /*Version: 3.5.1 Timestamp: Tue Jul 22 18:58:56 EDT 2014*/.select2-container { margin: 0; position: relative; display: inline-block; vertical-align: middle; } .select2-container,.select2-drop,.select2-search,.select2-search input { box-sizing: border-box; /* css3 */ } .select2-container .select2-choice { display: block; height: 25px; padding: 0 0 0 8px; overflow: hidden; position: relative; border: 1px solid #aaa; white-space: nowrap; line-height: 20px; color: #444; text-decoration: none; border-radius: 4px; background-clip: padding-box; -webkit-touch-callout: none; user-select: none; background-color: #fff; } .select2-container.select2-drop-above .select2-choice { border-bottom-color: #aaa; border-radius: 0 0 4px 4px; } .select2-container.select2-allowclear .select2-choice .select2-chosen { margin-right: 42px; } .select2-container .select2-choice > .select2-chosen { margin-right: 26px; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; float: none; width: auto; } .select2-container .select2-choice abbr { display: none; width: 12px; height: 12px; position: absolute; right: 24px; top: 4px; font-size: 1px; text-decoration: none; border: 0; background: url("/imgs/common/select2/select2.png") right top no-repeat; cursor: pointer; outline: 0; } .select2-container.select2-allowclear .select2-choice abbr { display: inline-block; } .select2-container .select2-choice abbr:hover { background-position: right -11px; cursor: pointer; } .select2-drop-mask { border: 0; margin: 0; padding: 0; position: fixed; left: 0; top: 0; min-height: 100%; min-width: 100%; height: auto; width: auto; opacity: 0; z-index: 9998; background-color: #fff; } .select2-drop { width: 100%; margin-top: -1px; position: absolute; z-index: 9999; top: 100%; background: #fff; color: #000; border: 1px solid #aaa; border-top: 0; border-radius: 0 0 4px 4px; } .select2-drop.select2-drop-above { margin-top: 1px; border-top: 1px solid #aaa; border-bottom: 0; border-radius: 4px 4px 0 0; } .select2-drop-active { border: 1px solid #5897fb; border-top: none; } .select2-drop.select2-drop-above.select2-drop-active { border-top: 1px solid #5897fb; } .select2-drop-auto-width { border-top: 1px solid #aaa; width: auto; } .select2-drop-auto-width .select2-search { padding-top: 4px; } .select2-container .select2-choice .select2-arrow { display: inline-block; width: 18px; height: 100%; position: absolute; right: 0; top: 0; border-left: 1px solid #aaa; border-radius: 0 4px 4px 0; background-clip: padding-box; background: #ccc; } .select2-container .select2-choice .select2-arrow b { top: -3px; width: 100%; height: 100%; display: block; position: relative; background: url("/imgs/common/select2/select2.png") no-repeat 0 1px; } .select2-search { display: inline-block; width: 100%; min-height: 26px; margin: 0; padding-left: 4px; padding-right: 4px; position: relative; z-index: 10000; white-space: nowrap; } .select2-search input { width: 100%; height: 25px; padding: 4px 20px 4px 5px; margin: 0; outline: 0; font-family: sans-serif; font-size: 1em; border: 1px solid #aaa; border-radius: 0; background: #fff url("/imgs/common/select2/select2.png") no-repeat 100% -22px; } .select2-drop.select2-drop-above .select2-search input { margin-top: 4px; } .select2-search input.select2-active { background: #fff url("/imgs/common/select2/select2-spinner.gif") no-repeat 100%; } .select2-container-active .select2-choice,.select2-container-active .select2-choices { border: 1px solid #5897fb; outline: none; } .select2-dropdown-open .select2-choice { border-bottom-color: transparent; border-bottom-left-radius: 0; border-bottom-right-radius: 0; background-color: #eee; } .select2-dropdown-open.select2-drop-above .select2-choice,.select2-dropdown-open.select2-drop-above .select2-choices { border: 1px solid #5897fb; border-top-color: transparent; } .select2-dropdown-open .select2-choice .select2-arrow { background: transparent; border-left: none; } .select2-dropdown-open .select2-choice .select2-arrow b { background-position: -18px 1px; } .select2-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } /* results */.select2-results { max-height: 200px; padding: 0 0 0 4px; margin: 4px 4px 4px 0; position: relative; overflow-x: hidden; overflow-y: auto; -webkit-tap-highlight-color: transparent; } .select2-results ul.select2-result-sub { margin: 0; padding-left: 0; } .select2-results li { list-style: none; display: list-item; background-image: none; } .select2-results li.select2-result-with-children > .select2-result-label { font-weight: bold; } .select2-results .select2-result-label { padding: 3px 7px 4px; margin: 0; cursor: pointer; min-height: 1em; -webkit-touch-callout: none; user-select: none; } .select2-results-dept-1 .select2-result-label { padding-left: 20px; } .select2-results-dept-2 .select2-result-label { padding-left: 40px; } .select2-results-dept-3 .select2-result-label { padding-left: 60px; } .select2-results-dept-4 .select2-result-label { padding-left: 80px; } .select2-results-dept-5 .select2-result-label { padding-left: 100px; } .select2-results-dept-6 .select2-result-label { padding-left: 110px; } .select2-results-dept-7 .select2-result-label { padding-left: 120px; } .select2-results .select2-highlighted { background: #3875d7; color: #fff; } .select2-results li em { background: #feffde; font-style: normal; } .select2-results .select2-highlighted em { background: transparent; } .select2-results .select2-highlighted ul { background: #fff; color: #000; } .select2-results .select2-no-results,.select2-results .select2-searching,.select2-results .select2-ajax-error,.select2-results .select2-selection-limit { background: #f4f4f4; display: list-item; padding-left: 5px; } /*disabled look for disabled choices in the results dropdown*/.select2-results .select2-disabled.select2-highlighted { color: #666; background: #f4f4f4; display: list-item; cursor: default; } .select2-results .select2-disabled { background: #f4f4f4; display: list-item; cursor: default; } .select2-results .select2-selected { display: none; } .select2-more-results.select2-active { background: #f4f4f4 url("/imgs/common/select2/select2-spinner.gif") no-repeat 100%; } .select2-results .select2-ajax-error { background: rgba(255, 50, 50, 0.2); } .select2-more-results { background: #f4f4f4; display: list-item; } /* disabled styles */.select2-container.select2-container-disabled .select2-choice { background-color: #f4f4f4; background-image: none; border: 1px solid #ddd; cursor: default; } .select2-container.select2-container-disabled .select2-choice .select2-arrow { background-color: #f4f4f4; background-image: none; border-left: 0; } .select2-container.select2-container-disabled .select2-choice abbr { display: none; } /* multiselect */.select2-container-multi .select2-choices { margin: 0; padding: 0 5px 0 0; position: relative; border: 1px solid #aaa; cursor: text; overflow: hidden; background-color: #fff; } .select2-locked { padding: 3px 5px 3px 5px !important; } .select2-container-multi.select2-container-active .select2-choices { border: 1px solid #5897fb; outline: none; } .select2-container-multi .select2-choices li { float: left; list-style: none; } .select2-container-multi .select2-choices .select2-search-field { margin: 0; padding: 0; white-space: nowrap; } .select2-container-multi .select2-choices .select2-search-field input { padding: 0px 0px 0px 5px; margin: 1px 0; font-family: sans-serif; font-size: 100%; color: #666; outline: 0; border: 0; background: transparent !important; } .select2-container-multi .select2-choices .select2-search-field input.select2-active { background: #fff url("/imgs/common/select2/select2-spinner.gif") no-repeat 100% !important; } .select2-default { color: #999 !important; } .select2-container-multi .select2-choices .select2-search-choice { font-size: 12px; padding: 1px 5px 3px 18px; margin: 2px 0 3px 5px; position: relative; line-height: 11px; color: #333; cursor: default; border: 1px solid #aaaaaa; border-radius: 3px; background-clip: padding-box; -webkit-touch-callout: none; user-select: none; background-color: #e4e4e4; } .select2-container-multi .select2-choices .select2-search-choice .select2-chosen { cursor: default; } .select2-container-multi .select2-choices .select2-search-choice-focus { background: #d4d4d4; } .select2-search-choice-close { display: block; width: 12px; height: 13px; position: absolute; right: 3px; top: 1px; font-size: 1px; outline: none; background: url("/imgs/common/select2/select2.png") right top no-repeat; } .select2-container-multi .select2-search-choice-close { left: 3px; } .select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover { background-position: right -11px; } .select2-container-multi .select2-choices .select2-search-choice-focus .select2-search-choice-close { background-position: right -11px; } /* disabled styles */.select2-container-multi.select2-container-disabled .select2-choices { background-color: #f4f4f4; background-image: none; border: 1px solid #ddd; cursor: default; } .select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice { padding: 3px 5px 3px 5px; border: 1px solid #ddd; background-image: none; background-color: #f4f4f4; } .select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close { display: none; background: none; } /* end multiselect */.select2-result-selectable .select2-match,.select2-result-unselectable .select2-match { text-decoration: underline; } .select2-offscreen, .select2-offscreen:focus { clip: rect(0 0 0 0) !important; width: 1px !important; height: 1px !important; border: 0 !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; position: absolute !important; outline: 0 !important; left: 0px !important; top: 0px !important; } .select2-display-none { display: none; } .select2-measure-scrollbar { position: absolute; top: -10000px; left: -10000px; width: 100px; height: 100px; overflow: scroll; } /* Retina-ize icons */@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 2dppx) { .select2-search input, .select2-search-choice-close, .select2-container .select2-choice abbr, .select2-container .select2-choice .select2-arrow b { background-image: url("/imgs/common/select2/select2x2.png") !important; background-repeat: no-repeat !important; background-size: 60px 40px !important; } .select2-search input { background-position: 100% -21px !important; } } /* SELECT2 BOOTSTRAP */.form-control .select2-choice { border: 0; border-radius: 2px; } .form-control .select2-choice .select2-arrow { border-radius: 0 2px 2px 0; } .form-control.select2-container { height: auto !important; padding: 0; } .form-control.select2-container.select2-dropdown-open { border-color: #5897FB; border-radius: 3px 3px 0 0; } .form-control .select2-container.select2-dropdown-open .select2-choices { border-radius: 3px 3px 0 0; } .form-control.select2-container .select2-choices { border: 0 !important; border-radius: 3px; } .control-group.warning .select2-container .select2-choice,.control-group.warning .select2-container .select2-choices,.control-group.warning .select2-container-active .select2-choice,.control-group.warning .select2-container-active .select2-choices,.control-group.warning .select2-dropdown-open.select2-drop-above .select2-choice,.control-group.warning .select2-dropdown-open.select2-drop-above .select2-choices,.control-group.warning .select2-container-multi.select2-container-active .select2-choices { border: 1px solid #C09853 !important; } .control-group.warning .select2-container .select2-choice div { border-left: 1px solid #C09853 !important; background: #FCF8E3 !important; } .control-group.error .select2-container .select2-choice,.control-group.error .select2-container .select2-choices,.control-group.error .select2-container-active .select2-choice,.control-group.error .select2-container-active .select2-choices,.control-group.error .select2-dropdown-open.select2-drop-above .select2-choice,.control-group.error .select2-dropdown-open.select2-drop-above .select2-choices,.control-group.error .select2-container-multi.select2-container-active .select2-choices { border: 1px solid #B94A48 !important; } .control-group.error .select2-container .select2-choice div { border-left: 1px solid #B94A48 !important; background: #F2DEDE !important; } .control-group.info .select2-container .select2-choice,.control-group.info .select2-container .select2-choices,.control-group.info .select2-container-active .select2-choice,.control-group.info .select2-container-active .select2-choices,.control-group.info .select2-dropdown-open.select2-drop-above .select2-choice,.control-group.info .select2-dropdown-open.select2-drop-above .select2-choices,.control-group.info .select2-container-multi.select2-container-active .select2-choices { border: 1px solid #3A87AD !important; } .control-group.info .select2-container .select2-choice div { border-left: 1px solid #3A87AD !important; background: #D9EDF7 !important; } .control-group.success .select2-container .select2-choice,.control-group.success .select2-container .select2-choices,.control-group.success .select2-container-active .select2-choice,.control-group.success .select2-container-active .select2-choices,.control-group.success .select2-dropdown-open.select2-drop-above .select2-choice,.control-group.success .select2-dropdown-open.select2-drop-above .select2-choices,.control-group.success .select2-container-multi.select2-container-active .select2-choices { border: 1px solid #468847 !important; } .control-group.success .select2-container .select2-choice div { border-left: 1px solid #468847 !important; background: #DFF0D8 !important; } /* The MIT License */.dropzone,.dropzone *,.dropzone-previews,.dropzone-previews * { box-sizing: border-box; margin-top: 25px; margin-bottom: 25px; } .dropzone { position: relative; border: 1px solid rgba(0, 0, 0, 0.08); background: rgba(0, 0, 0, 0.02); padding: 1em; } .dropzone.dz-clickable { cursor: pointer; } .dropzone.dz-clickable .dz-message,.dropzone.dz-clickable .dz-message span { cursor: pointer; } .dropzone.dz-clickable * { cursor: default; } .dropzone .dz-message { opacity: 1; } .dropzone.dz-drag-hover { border-color: rgba(0, 0, 0, 0.15); background: rgba(0, 0, 0, 0.04); } .dropzone.dz-started .dz-message { display: none; } .dropzone .dz-preview,.dropzone-previews .dz-preview { background: rgba(255, 255, 255, 0.8); position: relative; display: inline-block; margin: 17px; vertical-align: top; border: 1px solid #acacac; padding: 6px 6px 6px 6px; } .dropzone .dz-preview.dz-file-preview [data-dz-thumbnail],.dropzone-previews .dz-preview.dz-file-preview [data-dz-thumbnail] { display: none; } .dropzone .dz-preview .dz-details,.dropzone-previews .dz-preview .dz-details { width: 100px; height: 100px; position: relative; background: #ebebeb; padding: 5px; margin-bottom: 22px; } .dropzone .dz-preview .dz-details .dz-filename,.dropzone-previews .dz-preview .dz-details .dz-filename { overflow: hidden; height: 100%; } .dropzone .dz-preview .dz-details img,.dropzone-previews .dz-preview .dz-details img { position: absolute; top: 0; left: 0; width: 100px; height: 100px; } .dropzone .dz-preview .dz-details .dz-size,.dropzone-previews .dz-preview .dz-details .dz-size { position: absolute; bottom: -28px; left: 3px; height: 28px; line-height: 28px; } .dropzone .dz-preview.dz-error .dz-error-mark,.dropzone-previews .dz-preview.dz-error .dz-error-mark { display: block; } .dropzone .dz-preview.dz-success .dz-success-mark,.dropzone-previews .dz-preview.dz-success .dz-success-mark { display: block; } .dropzone .dz-preview:hover .dz-details img,.dropzone-previews .dz-preview:hover .dz-details img { display: none; } .dropzone .dz-preview .dz-success-mark,.dropzone-previews .dz-preview .dz-success-mark,.dropzone .dz-preview .dz-error-mark,.dropzone-previews .dz-preview .dz-error-mark { display: none; position: absolute; width: 40px; height: 40px; font-size: 30px; text-align: center; right: -10px; top: -10px; } .dropzone .dz-preview .dz-success-mark,.dropzone-previews .dz-preview .dz-success-mark { color: #8cc657; } .dropzone .dz-preview .dz-error-mark,.dropzone-previews .dz-preview .dz-error-mark { color: #ee162d; } .dropzone .dz-preview .dz-progress,.dropzone-previews .dz-preview .dz-progress { position: absolute; top: 100px; left: 6px; right: 6px; height: 6px; background: #d7d7d7; display: none; } .dropzone .dz-preview .dz-progress .dz-upload,.dropzone-previews .dz-preview .dz-progress .dz-upload { display: block; position: absolute; top: 0; bottom: 0; left: 0; width: 0%; background-color: #8cc657; } .dropzone .dz-preview.dz-processing .dz-progress,.dropzone-previews .dz-preview.dz-processing .dz-progress { display: block; } .dropzone .dz-preview .dz-error-message,.dropzone-previews .dz-preview .dz-error-message { display: none; position: absolute; top: -5px; left: -20px; background: rgba(245, 245, 245, 0.8); padding: 8px 10px; color: #800; min-width: 140px; max-width: 500px; z-index: 500; } .dropzone .dz-preview:hover.dz-error .dz-error-message,.dropzone-previews .dz-preview:hover.dz-error .dz-error-message { display: block; } .dropzone { border: 1px solid rgba(0, 0, 0, 0.03); min-height: 360px; border-radius: 3px; background: rgba(0, 0, 0, 0.03); padding: 23px; } .dropzone .dz-default.dz-message { opacity: 1; transition: opacity 0.3s ease-in-out; background-image: url("/imgs/common/dropzone/spritemap.png"); background-repeat: no-repeat; background-position: 0 0; position: absolute; width: 428px; height: 123px; margin-left: -214px; margin-top: -61.5px; top: 50%; left: 50%; } @media all and (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5 / 1), (min-device-pixel-ratio: 1.5), (min-resolution: 138dpi), (min-resolution: 1.5dppx) { .dropzone .dz-default.dz-message { background-image: url("/imgs/common/dropzone/spritemap@2x.png"); background-size: 428px 406px; } } .dropzone .dz-default.dz-message span { display: none; } .dropzone.dz-square .dz-default.dz-message { background-position: 0 -123px; width: 268px; margin-left: -134px; height: 174px; margin-top: -87px; } .dropzone.dz-drag-hover .dz-message { opacity: 0.15; } .dropzone.dz-started .dz-message { display: block; opacity: 0; } .dropzone .dz-preview,.dropzone-previews .dz-preview { box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.16); font-size: 14px; } .dropzone .dz-preview.dz-image-preview:hover .dz-details img,.dropzone-previews .dz-preview.dz-image-preview:hover .dz-details img { display: block; opacity: 0.1; } .dropzone .dz-preview.dz-success .dz-success-mark,.dropzone-previews .dz-preview.dz-success .dz-success-mark { opacity: 1; } .dropzone .dz-preview.dz-error .dz-error-mark,.dropzone-previews .dz-preview.dz-error .dz-error-mark { opacity: 1; } .dropzone .dz-preview.dz-error .dz-progress .dz-upload,.dropzone-previews .dz-preview.dz-error .dz-progress .dz-upload { background: #ee1e2d; } .dropzone .dz-preview .dz-error-mark,.dropzone-previews .dz-preview .dz-error-mark,.dropzone .dz-preview .dz-success-mark,.dropzone-previews .dz-preview .dz-success-mark { display: block; opacity: 0; transition: opacity 0.4s ease-in-out; background-image: url("/imgs/common/dropzone/spritemap.png"); background-repeat: no-repeat; } @media all and (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5 / 1), (min-device-pixel-ratio: 1.5), (min-resolution: 138dpi), (min-resolution: 1.5dppx) { .dropzone .dz-preview .dz-error-mark, .dropzone-previews .dz-preview .dz-error-mark, .dropzone .dz-preview .dz-success-mark, .dropzone-previews .dz-preview .dz-success-mark { background-image: url("/imgs/common/dropzone/spritemap@2x.png"); background-size: 428px 406px; } } .dropzone .dz-preview .dz-error-mark span,.dropzone-previews .dz-preview .dz-error-mark span,.dropzone .dz-preview .dz-success-mark span,.dropzone-previews .dz-preview .dz-success-mark span { display: none; } .dropzone .dz-preview .dz-error-mark,.dropzone-previews .dz-preview .dz-error-mark { background-position: -268px -123px; } .dropzone .dz-preview .dz-success-mark,.dropzone-previews .dz-preview .dz-success-mark { background-position: -268px -163px; } .dropzone .dz-preview .dz-progress .dz-upload,.dropzone-previews .dz-preview .dz-progress .dz-upload { animation: loading 0.4s linear infinite; transition: width 0.3s ease-in-out; border-radius: 2px; position: absolute; top: 0; left: 0; width: 0%; height: 100%; background-image: url("/imgs/common/dropzone/spritemap.png"); background-repeat: repeat-x; background-position: 0px -400px; } @media all and (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5 / 1), (min-device-pixel-ratio: 1.5), (min-resolution: 138dpi), (min-resolution: 1.5dppx) { .dropzone .dz-preview .dz-progress .dz-upload, .dropzone-previews .dz-preview .dz-progress .dz-upload { background-image: url("/imgs/common/dropzone/spritemap@2x.png"); background-size: 428px 406px; } } .dropzone .dz-preview.dz-success .dz-progress,.dropzone-previews .dz-preview.dz-success .dz-progress { display: block; opacity: 0; transition: opacity 0.4s ease-in-out; } .dropzone .dz-preview .dz-error-message,.dropzone-previews .dz-preview .dz-error-message { display: block; opacity: 0; transition: opacity 0.3s ease-in-out; } .dropzone .dz-preview:hover.dz-error .dz-error-message,.dropzone-previews .dz-preview:hover.dz-error .dz-error-message { opacity: 1; } .dropzone a.dz-remove,.dropzone-previews a.dz-remove { background-image: linear-gradient(to bottom, #fafafa, #eee); border-radius: 2px; border: 1px solid #eee; text-decoration: none; display: block; padding: 4px 5px; text-align: center; color: #aaa; margin-top: 26px; } .dropzone a.dz-remove:hover,.dropzone-previews a.dz-remove:hover { color: #666; } @-moz-keyframes loading { from { background-position: 0 -400px; } to { background-position: -7px -400px; } } @-webkit-keyframes loading { from { background-position: 0 -400px; } to { background-position: -7px -400px; } } @-o-keyframes loading { from { background-position: 0 -400px; } to { background-position: -7px -400px; } } @keyframes loading { from { background-position: 0 -400px; } to { background-position: -7px -400px; } } /* TimelineJS - ver. 2.33.1 - 2014-06-24 Copyright (c) 2012-2013 Northwestern University a project of the Northwestern University Knight Lab, originally created by Zach Wise https://github.com/NUKnightLab/TimelineJS This Source Code Form is subject to the terms of the Mozilla Public License, v. 2.0. If a copy of the MPL was not distributed with this file, You can obtain one at http://mozilla.org/MPL/2.0/.*//*@noflip*/.vco-storyjs div * { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } /*@noflip*/.vco-storyjs h1, .vco-storyjs h2, .vco-storyjs h3, .vco-storyjs h4, .vco-storyjs h5, .vco-storyjs h6, .vco-storyjs p, .vco-storyjs blockquote, .vco-storyjs pre, .vco-storyjs a, .vco-storyjs abbr, .vco-storyjs acronym, .vco-storyjs address, .vco-storyjs cite, .vco-storyjs code, .vco-storyjs del, .vco-storyjs dfn, .vco-storyjs em, .vco-storyjs img, .vco-storyjs q, .vco-storyjs s, .vco-storyjs samp, .vco-storyjs small, .vco-storyjs strike, .vco-storyjs strong, .vco-storyjs sub, .vco-storyjs sup, .vco-storyjs tt, .vco-storyjs var, .vco-storyjs dd, .vco-storyjs dl, .vco-storyjs dt, .vco-storyjs li, .vco-storyjs ol, .vco-storyjs ul, .vco-storyjs fieldset, .vco-storyjs form, .vco-storyjs label, .vco-storyjs legend, .vco-storyjs button, .vco-storyjs table, .vco-storyjs caption, .vco-storyjs tbody, .vco-storyjs tfoot, .vco-storyjs thead, .vco-storyjs tr, .vco-storyjs th, .vco-storyjs td, .vco-storyjs .vco-container, .vco-storyjs .content-container, .vco-storyjs .media, .vco-storyjs .text, .vco-storyjs .vco-slider, .vco-storyjs .slider, .vco-storyjs .date, .vco-storyjs .title, .vco-storyjs .messege, .vco-storyjs .map, .vco-storyjs .credit, .vco-storyjs .caption, .vco-storyjs .vco-feedback, .vco-storyjs .vco-feature, .vco-storyjs .toolbar, .vco-storyjs .marker, .vco-storyjs .dot, .vco-storyjs .line, .vco-storyjs .flag, .vco-storyjs .time, .vco-storyjs .era, .vco-storyjs .major, .vco-storyjs .minor, .vco-storyjs .vco-navigation, .vco-storyjs .start, .vco-storyjs .active { margin: 0; padding: 0; border: 0; font-weight: normal; font-style: normal; font-size: 100%; line-height: 1; font-family: inherit; width: auto; float: none; } /*@noflip*/.vco-storyjs h1, .vco-storyjs h2, .vco-storyjs h3, .vco-storyjs h4, .vco-storyjs h5, .vco-storyjs h6 { clear: none; } /*@noflip*/.vco-storyjs table { border-collapse: collapse; border-spacing: 0; } /*@noflip*/.vco-storyjs ol, .vco-storyjs ul { list-style: none; } /*@noflip*/.vco-storyjs q:before, .vco-storyjs q:after, .vco-storyjs blockquote:before, .vco-storyjs blockquote:after { content: ""; } /*@noflip*/.vco-storyjs a:focus { outline: thin dotted; } /*@noflip*/.vco-storyjs a:hover, .vco-storyjs a:active { outline: 0; } /*@noflip*/.vco-storyjs article, .vco-storyjs aside, .vco-storyjs details, .vco-storyjs figcaption, .vco-storyjs figure, .vco-storyjs footer, .vco-storyjs header, .vco-storyjs hgroup, .vco-storyjs nav, .vco-storyjs section { display: block; } /*@noflip*/.vco-storyjs audio, .vco-storyjs canvas, .vco-storyjs video { display: inline-block; *display: inline; *zoom: 1; } /*@noflip*/.vco-storyjs audio:not([controls]) { display: none; } /*@noflip*/.vco-storyjs div { max-width: none; } /*@noflip*/.vco-storyjs sub, .vco-storyjs sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } /*@noflip*/.vco-storyjs sup { top: -0.5em; } /*@noflip*/.vco-storyjs sub { bottom: -0.25em; } /*@noflip*/.vco-storyjs img { border: 0; -ms-interpolation-mode: bicubic; } /*@noflip*/.vco-storyjs button, .vco-storyjs input, .vco-storyjs select, .vco-storyjs textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; } /*@noflip*/.vco-storyjs button, .vco-storyjs input { line-height: normal; *overflow: visible; } /*@noflip*/.vco-storyjs button::-moz-focus-inner, .vco-storyjs input::-moz-focus-inner { border: 0; padding: 0; } /*@noflip*/.vco-storyjs button, .vco-storyjs input[type="button"], .vco-storyjs input[type="reset"], .vco-storyjs input[type="submit"] { cursor: pointer; -webkit-appearance: button; } /*@noflip*/.vco-storyjs input[type="search"] { -webkit-appearance: textfield; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } /*@noflip*/.vco-storyjs input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /*@noflip*/.vco-storyjs textarea { overflow: auto; vertical-align: top; } /*@noflip*/.vco-storyjs { font-family: Lato, sans-serif; } .vco-storyjs .twitter, .vco-storyjs .vcard, .vco-storyjs .messege, .vco-storyjs .credit, .vco-storyjs .caption, .vco-storyjs .zoom-in, .vco-storyjs .zoom-out, .vco-storyjs .back-home, .vco-storyjs .time-interval div, .vco-storyjs .time-interval-major div, .vco-storyjs .nav-container { font-family: Lato, sans-serif !important; } /*@noflip*/.vco-storyjs h1.date, .vco-storyjs h2.date, .vco-storyjs h3.date, .vco-storyjs h4.date, .vco-storyjs h5.date, .vco-storyjs h6.date { font-family: Lato, sans-serif !important; } /*@noflip*/.vco-storyjs .timenav h1, .vco-storyjs .flag-content h1, .vco-storyjs .era h1, .vco-storyjs .timenav h2, .vco-storyjs .flag-content h2, .vco-storyjs .era h2, .vco-storyjs .timenav h3, .vco-storyjs .flag-content h3, .vco-storyjs .era h3, .vco-storyjs .timenav h4, .vco-storyjs .flag-content h4, .vco-storyjs .era h4, .vco-storyjs .timenav h5, .vco-storyjs .flag-content h5, .vco-storyjs .era h5, .vco-storyjs .timenav h6, .vco-storyjs .flag-content h6, .vco-storyjs .era h6 { font-family: Lato, sans-serif !important; } /*@noflip*/.vco-storyjs p, .vco-storyjs blockquote, .vco-storyjs blockquote p, .vco-storyjs .twitter blockquote p { font-family: Lato, sans-serif !important; } /*@noflip*/.vco-storyjs .vco-feature h1, .vco-storyjs .vco-feature h2, .vco-storyjs .vco-feature h3, .vco-storyjs .vco-feature h4, .vco-storyjs .vco-feature h5, .vco-storyjs .vco-feature h6 { font-family: Lato, sans-serif; } /*@noflip*/.timeline-tooltip { font-family: Lato, sans-serif; } /*@noflip*/.vco-storyjs { font-size: 15px; font-weight: normal; line-height: 20px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; } .vco-storyjs p { font-size: 15px; font-weight: normal; line-height: 20px; margin-bottom: 20px; color: #666; } .vco-storyjs p small { font-size: 12px; line-height: 17px; } /*@noflip*/.vco-storyjs p:first-child { margin-top: 20px; } /*@noflip*/.vco-storyjs .vco-navigation p { color: #999; } /*@noflip*/.vco-storyjs .vco-feature h3, .vco-storyjs .vco-feature h4, .vco-storyjs .vco-feature h5, .vco-storyjs .vco-feature h6 { margin-bottom: 15px; } /*@noflip*/.vco-storyjs .vco-feature p { color: #666; } /*@noflip*/.vco-storyjs .vco-feature blockquote, .vco-storyjs .vco-feature blockquote p { color: #000; } /*@noflip*/.vco-storyjs .date a, .vco-storyjs .title a { color: #999; } /*@noflip*/.vco-storyjs .hyphenate { -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; word-wrap: break-word; } /*@noflip*/.vco-storyjs h1, .vco-storyjs h2, .vco-storyjs h3, .vco-storyjs h4, .vco-storyjs h5, .vco-storyjs h6 { font-weight: normal; color: #000; text-transform: none; } .vco-storyjs h1 a, .vco-storyjs h2 a, .vco-storyjs h3 a, .vco-storyjs h4 a, .vco-storyjs h5 a, .vco-storyjs h6 a { color: #999; } /*@noflip*/.vco-storyjs h1 small, .vco-storyjs h2 small, .vco-storyjs h3 small, .vco-storyjs h4 small, .vco-storyjs h5 small, .vco-storyjs h6 small { color: #999; } /*@noflip*/.vco-storyjs h1.date, .vco-storyjs h2.date, .vco-storyjs h3.date, .vco-storyjs h4.date, .vco-storyjs h5.date, .vco-storyjs h6.date { font-weight: bold; } /*@noflip*/.vco-storyjs h2.start { font-size: 36px; line-height: 38px; margin-bottom: 15px; } /*@noflip*/.vco-storyjs h1 { margin-bottom: 15px; font-size: 32px; line-height: 34px; } .vco-storyjs h1 small { font-size: 18px; } /*@noflip*/.vco-storyjs h2 { margin-bottom: 15px; font-size: 28px; line-height: 30px; } .vco-storyjs h2 small { font-size: 14px; line-height: 16px; } /*@noflip*/.vco-storyjs h2.date { font-size: 16px; line-height: 18px; margin-bottom: 3.75px; color: #999; } /*@noflip*/.vco-storyjs h3, .vco-storyjs h4, .vco-storyjs h5, .vco-storyjs h6 { line-height: 40px; } .vco-storyjs h3 .active, .vco-storyjs h4 .active, .vco-storyjs h5 .active, .vco-storyjs h6 .active { color: #08c; } /*@noflip*/.vco-storyjs h3 { font-size: 28px; line-height: 30px; } .vco-storyjs h3 small { font-size: 14px; } /*@noflip*/.vco-storyjs h4 { font-size: 20px; line-height: 22px; } .vco-storyjs h4 small { font-size: 12px; } /*@noflip*/.vco-storyjs h5 { font-size: 16px; line-height: 18px; } /*@noflip*/.vco-storyjs h6 { font-size: 13px; line-height: 14px; text-transform: uppercase; } /*@noflip*/.vco-storyjs strong { font-weight: bold; font-style: inherit; } /*@noflip*/.vco-storyjs em { font-style: italic; font-weight: inherit; } /*@noflip*/.vco-storyjs Q { quotes: '„' '“'; font-style: italic; } /*@noflip*/.vco-storyjs blockquote, .vco-storyjs blockquote p { font-size: 24px; line-height: 32px; text-align: left; margin-bottom: 6px; padding-top: 10px; background-color: #fff; color: #000; } /*@noflip*/.vco-storyjs .credit { color: #999; text-align: right; font-size: 10px; line-height: 10px; display: block; margin: 0 auto; clear: both; } /*@noflip*/.vco-storyjs .caption { text-align: left; margin-top: 5px; color: #666; font-size: 11px; line-height: 14px; clear: both; } /*@noflip*/.vco-storyjs.vco-right-to-left h1, .vco-storyjs.vco-right-to-left h2, .vco-storyjs.vco-right-to-left h3, .vco-storyjs.vco-right-to-left h4, .vco-storyjs.vco-right-to-left h5, .vco-storyjs.vco-right-to-left h6, .vco-storyjs.vco-right-to-left p, .vco-storyjs.vco-right-to-left blockquote, .vco-storyjs.vco-right-to-left pre, .vco-storyjs.vco-right-to-left a, .vco-storyjs.vco-right-to-left abbr, .vco-storyjs.vco-right-to-left acronym, .vco-storyjs.vco-right-to-left address, .vco-storyjs.vco-right-to-left cite, .vco-storyjs.vco-right-to-left code, .vco-storyjs.vco-right-to-left del, .vco-storyjs.vco-right-to-left dfn, .vco-storyjs.vco-right-to-left em, .vco-storyjs.vco-right-to-left img, .vco-storyjs.vco-right-to-left q, .vco-storyjs.vco-right-to-left s, .vco-storyjs.vco-right-to-left samp, .vco-storyjs.vco-right-to-left small, .vco-storyjs.vco-right-to-left strike, .vco-storyjs.vco-right-to-left strong, .vco-storyjs.vco-right-to-left sub, .vco-storyjs.vco-right-to-left sup, .vco-storyjs.vco-right-to-left tt, .vco-storyjs.vco-right-to-left var, .vco-storyjs.vco-right-to-left dd, .vco-storyjs.vco-right-to-left dl, .vco-storyjs.vco-right-to-left dt, .vco-storyjs.vco-right-to-left li, .vco-storyjs.vco-right-to-left ol, .vco-storyjs.vco-right-to-left ul, .vco-storyjs.vco-right-to-left fieldset, .vco-storyjs.vco-right-to-left form, .vco-storyjs.vco-right-to-left label, .vco-storyjs.vco-right-to-left legend, .vco-storyjs.vco-right-to-left button, .vco-storyjs.vco-right-to-left table, .vco-storyjs.vco-right-to-left caption, .vco-storyjs.vco-right-to-left tbody, .vco-storyjs.vco-right-to-left tfoot, .vco-storyjs.vco-right-to-left thead, .vco-storyjs.vco-right-to-left tr, .vco-storyjs.vco-right-to-left th, .vco-storyjs.vco-right-to-left td { direction: rtl; } /*@noflip*/.timeline-tooltip { position: absolute; z-index: 1000000000000000013287555072; display: block; visibility: visible; padding: 5px; opacity: 0; filter: alpha(opacity=0); font-size: 15px; font-weight: bold; line-height: 20px; font-size: 12px; line-height: 12px; } /*@noflip*/.timeline-tooltip.in { opacity: .8; filter: alpha(opacity=80); } /*@noflip*/.timeline-tooltip.top { margin-top: -2px; } /*@noflip*/.timeline-tooltip.right { margin-left: 2px; } /*@noflip*/.timeline-tooltip.bottom { margin-top: 2px; } /*@noflip*/.timeline-tooltip.left { margin-left: -2px; } /*@noflip*/.timeline-tooltip.top .timeline-tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #000; } /*@noflip*/.timeline-tooltip.left .timeline-tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid #000; } /*@noflip*/.timeline-tooltip.bottom .timeline-tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #000; } /*@noflip*/.timeline-tooltip.right .timeline-tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-right: 5px solid #000; } /*@noflip*/.timeline-tooltip-inner { max-width: 200px; padding: 3px 8px; color: #fff; text-align: center; text-decoration: none; background-color: #000; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } /*@noflip*/.timeline-tooltip-arrow { position: absolute; width: 0; height: 0; } /*@noflip*/.fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; } /*@noflip*/.fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; } /*@noflip*/.fancybox-skin { position: relative; background: #fff; color: #444; text-shadow: none; } /*@noflip*/.fancybox-opened { z-index: 8030; } /*@noflip*/.fancybox-opened .fancybox-skin { -webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5); -moz-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5); box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5); } /*@noflip*/.fancybox-outer, .fancybox-inner { position: relative; } /*@noflip*/.fancybox-inner { overflow: hidden; } /*@noflip*/.fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; } /*@noflip*/.fancybox-error { color: #444; font: 14px/20px Lato, sans-serif; margin: 0; padding: 15px; white-space: nowrap; } /*@noflip*/.fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; } /*@noflip*/.fancybox-image { max-width: 100%; max-height: 100%; } /*@noflip*/.fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url("/imgs/common/timeline/fancybox_sprite.png"); } /*@noflip*/#fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -14px; margin-left: -14px; background-position: 0 -108px; opacity: .8; cursor: pointer; z-index: 8060; } /*@noflip*/#fancybox-loading div { width: 28px; height: 28px; background: url("/imgs/common/timeline/loading.gif") center center no-repeat; } /*@noflip*/.fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; } /*@noflip*/.fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url("/imgs/common/timeline/blank.gif"); -webkit-tap-highlight-color: transparent; z-index: 8040; } /*@noflip*/.fancybox-prev { left: 0; } /*@noflip*/.fancybox-next { right: 0; } /*@noflip*/.fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; } /*@noflip*/.fancybox-prev span { left: 10px; background-position: 0 -36px; } /*@noflip*/.fancybox-next span { right: 10px; background-position: 0 -72px; } /*@noflip*/.fancybox-nav:hover span { visibility: visible; } /*@noflip*/.fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; } /*@noflip*/.fancybox-lock { overflow: hidden !important; width: auto; } /*@noflip*/.fancybox-lock body { overflow: hidden !important; } /*@noflip*/.fancybox-lock-test { overflow-y: hidden !important; } /*@noflip*/.fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url("/imgs/common/timeline/overlay.png"); } /*@noflip*/.fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; } /*@noflip*/.fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; } /*@noflip*/.fancybox-title { visibility: hidden; font: normal 13px/20px Lato, sans-serif; position: relative; text-shadow: none; z-index: 8050; } /*@noflip*/.fancybox-opened .fancybox-title { visibility: visible; } /*@noflip*/.fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; } .fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #fff; font-weight: bold; line-height: 24px; white-space: nowrap; } /*@noflip*/.fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; } /*@noflip*/.fancybox-title-inside-wrap { padding-top: 10px; } /*@noflip*/.fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, 0.8); } /*@noflip*/@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) { #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url("/imgs/common/timeline/fancybox_sprite@2x.png"); background-size: 44px 152px; } #fancybox-loading div { background-image: url("/imgs/common/timeline/loading@2x.gif"); background-size: 24px 24px; } } @media only screen and (max-width: 480px), only screen and (max-device-width: 480px) { .vco-slider .nav-next, .vco-slider .nav-previous { display: none; } } .vco-skinny .vco-slider .slider-item .content .layout-text-media .text .container { text-align: center !important; } /*@noflip*/.vco-skinny .vco-slider .slider-item .content .layout-text-media h2, .vco-skinny .vco-slider .slider-item .content .layout-text-media h3 { display: block !important; width: 100% !important; text-align: center !important; } /*@noflip*/.vco-skinny .vco-slider .slider-item .content .content-container { display: block; } .vco-skinny .vco-slider .slider-item .content .content-container .text { width: 100%; max-width: 100%; min-width: 120px; display: block; } .vco-skinny .vco-slider .slider-item .content .content-container .text .container { display: block; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; word-wrap: break-word; } /*@noflip*/.vco-skinny .vco-slider .slider-item .content .content-container .media { width: 100%; min-width: 50%; float: none; } .vco-skinny .vco-slider .slider-item .content .content-container .media .media-wrapper { margin-left: 0; margin-right: 0; width: 100%; display: block; } /*@noflip*/.vco-skinny.vco-notouch .vco-slider .nav-previous, .vco-skinny.vco-notouch .vco-slider .nav-next { z-index: 203; } .vco-skinny.vco-notouch .vco-slider .nav-previous .nav-container .date, .vco-skinny.vco-notouch .vco-slider .nav-next .nav-container .date, .vco-skinny.vco-notouch .vco-slider .nav-previous .nav-container .title, .vco-skinny.vco-notouch .vco-slider .nav-next .nav-container .title { filter: alpha(opacity=1); -khtml-opacity: .01; -moz-opacity: .01; opacity: .01; } /*@noflip*/.vco-skinny.vco-notouch .vco-slider .nav-previous .nav-container .icon, .vco-skinny.vco-notouch .vco-slider .nav-next .nav-container .icon { filter: alpha(opacity=15); -khtml-opacity: .15; -moz-opacity: .15; opacity: .15; } /*@noflip*/.vco-skinny.vco-notouch .vco-slider .nav-previous .icon { background-image: url("/imgs/common/timeline/timeline.png"); background-repeat: no-repeat; background-position: -208px 0; width: 24px; height: 24px; overflow: hidden; margin-left: 10px; } /*@noflip*/.vco-skinny.vco-notouch .vco-slider .nav-next .icon { background-image: url("/imgs/common/timeline/timeline.png"); background-repeat: no-repeat; background-position: -232px 0; width: 24px; height: 24px; overflow: hidden; margin-left: 66px; } /*@noflip*/.vco-skinny.vco-notouch .vco-slider .nav-previous:hover, .vco-skinny.vco-notouch .vco-slider .nav-next:hover { color: #aaa !important; background-color: #333; background-color: rgba(0, 0, 0, 0.65); -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .vco-skinny.vco-notouch .vco-slider .nav-previous:hover .nav-container .icon, .vco-skinny.vco-notouch .vco-slider .nav-next:hover .nav-container .icon, .vco-skinny.vco-notouch .vco-slider .nav-previous:hover .nav-container .date, .vco-skinny.vco-notouch .vco-slider .nav-next:hover .nav-container .date, .vco-skinny.vco-notouch .vco-slider .nav-previous:hover .nav-container .title, .vco-skinny.vco-notouch .vco-slider .nav-next:hover .nav-container .title { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; font-weight: bold; filter: alpha(opacity=100); -khtml-opacity: 1; -moz-opacity: 1; opacity: 1; } /*@noflip*/.vco-skinny.vco-notouch .vco-slider .nav-previous:hover .nav-container .title, .vco-skinny.vco-notouch .vco-slider .nav-next:hover .nav-container .title { padding-bottom: 5px; } /*@noflip*/.vco-skinny.vco-notouch .vco-slider .nav-previous:hover .nav-container .date, .vco-skinny.vco-notouch .vco-slider .nav-next:hover .nav-container .date, .vco-skinny.vco-notouch .vco-slider .nav-previous:hover .nav-container .title, .vco-skinny.vco-notouch .vco-slider .nav-next:hover .nav-container .title { padding-left: 5px; padding-right: 5px; } /*@noflip*/@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { .vco-skinny.vco-notouch .vco-slider .nav-previous .icon { background-image: url("/imgs/common/timeline/timeline@2x.png"); background-size: 352px 260px; background-repeat: no-repeat; background-position: -208px 0; width: 24px; height: 24px; overflow: hidden; } .vco-skinny.vco-notouch .vco-slider .nav-next .icon { background-image: url("/imgs/common/timeline/timeline@2x.png"); background-size: 352px 260px; background-repeat: no-repeat; background-position: -232px 0; width: 24px; height: 24px; overflow: hidden; } } .vco-slider { width: 100%; height: 100%; overflow: hidden; } .vco-slider .slider-container-mask { text-align: center; width: 100%; height: 100%; overflow: hidden; } .vco-slider .slider-container-mask .slider-container { position: absolute; top: 0; left: -2160px; width: 100%; height: 100%; text-align: center; display: block; } .vco-slider .slider-container-mask .slider-container .slider-item-container { display: table-cell; vertical-align: middle; } /*@noflip*/.vco-notouch .vco-slider .nav-previous:hover, .vco-notouch .vco-slider .nav-next:hover { color: #333; cursor: pointer; } /*@noflip*/.vco-notouch .vco-slider .nav-previous:hover .icon { margin-left: 10px; } /*@noflip*/.vco-notouch .vco-slider .nav-next:hover .icon { margin-left: 66px; } /*@noflip*/.vco-notouch .vco-slider .slider-item .content .content-container .media .media-container .wikipedia h4 a:hover { color: #08c; text-decoration: none; } /*@noflip*/.vco-notouch .vco-slider .slider-item .content .content-container .created-at:hover { filter: alpha(opacity=100); -khtml-opacity: 1; -moz-opacity: 1; opacity: 1; } /*@noflip*/.vco-notouch .vco-slider .slider-item .content .content-container .googleplus .googleplus-content .googleplus-attachments a:hover { text-decoration: none; } .vco-notouch .vco-slider .slider-item .content .content-container .googleplus .googleplus-content .googleplus-attachments a:hover h5 { text-decoration: underline; } /*@noflip*/.vco-slider img, .vco-slider embed, .vco-slider object, .vco-slider video, .vco-slider iframe { max-width: 100%; } /*@noflip*/.vco-slider .nav-previous, .vco-slider .nav-next { position: absolute; top: 0; width: 100px; color: #dbdbdb; font-size: 11px; } .vco-slider .nav-previous .nav-container, .vco-slider .nav-next .nav-container { height: 100px; width: 100px; position: absolute; } /*@noflip*/.vco-slider .nav-previous .icon, .vco-slider .nav-next .icon { margin-top: 12px; margin-bottom: 15px; } /*@noflip*/.vco-slider .nav-previous .date, .vco-slider .nav-next .date, .vco-slider .nav-previous .title, .vco-slider .nav-next .title { line-height: 14px; } .vco-slider .nav-previous .date a, .vco-slider .nav-next .date a, .vco-slider .nav-previous .title a, .vco-slider .nav-next .title a { color: #999; } /*@noflip*/.vco-slider .nav-previous .date small, .vco-slider .nav-next .date small, .vco-slider .nav-previous .title small, .vco-slider .nav-next .title small { display: none; } /*@noflip*/.vco-slider .nav-previous .date, .vco-slider .nav-next .date { font-size: 13px; line-height: 13px; font-weight: bold; text-transform: uppercase; margin-bottom: 5px; } /*@noflip*/.vco-slider .nav-previous .title, .vco-slider .nav-next .title { font-size: 11px; line-height: 13px; } /*@noflip*/.vco-slider .nav-previous { float: left; text-align: left; } .vco-slider .nav-previous .icon { margin-left: 15px; background-image: url("/imgs/common/timeline/timeline.png"); background-repeat: no-repeat; background-position: -160px 0; width: 24px; height: 24px; overflow: hidden; } /*@noflip*/.vco-slider .nav-previous .date, .vco-slider .nav-previous .title { text-align: left; padding-left: 15px; } /*@noflip*/.vco-slider .nav-next { float: right; text-align: right; } .vco-slider .nav-next .icon { margin-left: 61px; background-image: url("/imgs/common/timeline/timeline.png"); background-repeat: no-repeat; background-position: -184px 0; width: 24px; height: 24px; overflow: hidden; } /*@noflip*/.vco-slider .nav-next .date, .vco-slider .nav-next .title { text-align: right; padding-right: 15px; } /*@noflip*/@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { .vco-slider .nav-previous .icon { background-image: url("/imgs/common/timeline/timeline@2x.png"); background-size: 352px 260px; background-repeat: no-repeat; background-position: -160px 0; width: 24px; height: 24px; overflow: hidden; } .vco-slider .nav-next .icon { background-image: url("/imgs/common/timeline/timeline@2x.png"); background-size: 352px 260px; background-repeat: no-repeat; background-position: -184px 0; width: 24px; height: 24px; overflow: hidden; } } .vco-slider .slider-item { position: absolute; width: 700px; height: 100%; padding: 0; margin: 0; display: table; overflow-y: auto; } .vco-slider .slider-item .content { display: table-cell; vertical-align: middle; } .vco-slider .slider-item .content .pad-top .text .container { padding-top: 15px; } /*@noflip*/.vco-slider .slider-item .content .pad-right .text .container { padding-right: 15px; } /*@noflip*/.vco-slider .slider-item .content .pad-left .text .container { padding-left: 30px; } /*@noflip*/.vco-slider .slider-item .content .pad-left .media.text-media .media-wrapper .media-container { border: none; background-color: #fff; } /*@noflip*/.vco-slider .slider-item .content .content-container { display: table; vertical-align: middle; } .vco-slider .slider-item .content .content-container .text { width: 40%; max-width: 50%; min-width: 120px; display: table-cell; vertical-align: middle; } .vco-slider .slider-item .content .content-container .text .container { display: table-cell; vertical-align: middle; text-align: left; } .vco-slider .slider-item .content .content-container .text .container p { -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; word-wrap: break-word; } /*@noflip*/.vco-slider .slider-item .content .content-container .text .container h2.date { font-size: 15px; line-height: 15px; font-weight: normal; } /*@noflip*/.vco-slider .slider-item .content .content-container .text .container .slide-tag { font-size: 11px; font-weight: bold; color: #fff; background-color: #ccc; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; vertical-align: baseline; white-space: nowrap; line-height: 11px; padding: 1px 3px 1px; margin-left: 7.5px; margin-bottom: 7.5px; } /*@noflip*/.vco-slider .slider-item .content .content-container .media { width: 100%; min-width: 50%; float: left; } .vco-slider .slider-item .content .content-container .media .media-wrapper { display: inline-block; margin-left: auto; margin-right: auto; } .vco-slider .slider-item .content .content-container .media .media-wrapper .media-container { display: inline-block; line-height: 0; padding: 0; max-height: 100%; } .vco-slider .slider-item .content .content-container .media .media-wrapper .media-container .media-frame, .vco-slider .slider-item .content .content-container .media .media-wrapper .media-container .media-image img { border: 1px solid; border-color: #ccc #999 #999 #ccc; background-color: #fff; } /*@noflip*/.vco-slider .slider-item .content .content-container .media .media-wrapper .media-container .media-frame iframe { background-color: #fff; } /*@noflip*/.vco-slider .slider-item .content .content-container .media .media-wrapper .media-container .soundcloud { border: 0; } /*@noflip*/.vco-slider .slider-item .content .content-container .media .media-wrapper .media-container .media-image { display: inline-block; } /*@noflip*/.vco-slider .slider-item .content .content-container .media .media-wrapper .media-container .media-shadow { position: relative; z-index: 1; background: #fff; } /*@noflip*/.vco-slider .slider-item .content .content-container .media .media-wrapper .media-container .media-shadow:before, .vco-slider .slider-item .content .content-container .media .media-wrapper .media-container .media-shadow:after { z-index: -1; position: absolute; content: ""; bottom: 15px; left: 10px; width: 50%; top: 80%; max-width: 300px; background: #999; -webkit-box-shadow: 0 15px 10px #999; -moz-box-shadow: 0 15px 10px #999; box-shadow: 0 15px 10px #999; -webkit-transform: rotate(-2deg); -moz-transform: rotate(-2deg); -ms-transform: rotate(-2deg); -o-transform: rotate(-2deg); transform: rotate(-2deg); } /*@noflip*/.vco-slider .slider-item .content .content-container .media .media-wrapper .media-container .media-shadow::after { -webkit-transform: rotate(2deg); -moz-transform: rotate(2deg); -ms-transform: rotate(2deg); -o-transform: rotate(2deg); transform: rotate(2deg); right: 10px; left: auto; } /*@noflip*/.vco-slider .slider-item .content .content-container .media .media-wrapper .media-container .plain-text { display: table; } .vco-slider .slider-item .content .content-container .media .media-wrapper .media-container .plain-text .container { display: table-cell; vertical-align: middle; font-size: 15px; line-height: 20px; color: #666; } .vco-slider .slider-item .content .content-container .media .media-wrapper .media-container .plain-text .container p { margin-bottom: 20px; } /*@noflip*/.vco-slider .slider-item .content .content-container .media .media-wrapper .media-container .wikipedia { font-size: 15px; line-height: 20px; text-align: left; margin-left: auto; margin-right: auto; margin-bottom: 15px; clear: both; } .vco-slider .slider-item .content .content-container .media .media-wrapper .media-container .wikipedia .wiki-source { margin-bottom: 15px; font-size: 13px; line-height: 19px; font-style: italic; } /*@noflip*/.vco-slider .slider-item .content .content-container .media .media-wrapper .media-container .wikipedia h4 { border-bottom: 1px solid #ccc; margin-bottom: 5px; } /*@noflip*/.vco-slider .slider-item .content .content-container .media .media-wrapper .media-container .wikipedia h4 a { color: #000; } /*@noflip*/.vco-slider .slider-item .content .content-container .media .media-wrapper .media-container .wikipedia p { font-size: 13px; line-height: 19px; } /*@noflip*/.vco-slider .slider-item .content .content-container .media .media-wrapper .media-container .map { line-height: normal; z-index: 200; text-align: left; background-color: #fff; } .vco-slider .slider-item .content .content-container .media .media-wrapper .media-container .map img { max-height: none !important; max-width: none !important; border: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } /*@noflip*/.vco-slider .slider-item .content .content-container .media .media-wrapper .media-container .map .google-map { height: 100%; width: 100%; } /*@noflip*/.vco-slider .slider-item .content .content-container .media .media-wrapper .media-container .map .map-attribution { position: absolute; z-index: 201; bottom: 0; width: 100%; overflow: hidden; } .vco-slider .slider-item .content .content-container .media .media-wrapper .media-container .map .map-attribution .attribution-text { height: 19px; overflow: hidden; -webkit-user-select: none; line-height: 19px; margin-right: 60px; padding-left: 65px; font-family: Lato,sans-serif; font-size: 10px; color: #444; white-space: nowrap; color: #fff; text-shadow: 1px 1px 1px #333; text-align: center; } .vco-slider .slider-item .content .content-container .media .media-wrapper .media-container .map .map-attribution .attribution-text a { color: #fff !important; } /*@noflip*/.vco-slider .slider-item .content .content-container .media .media-wrapper .media-container .credit { color: #999; text-align: right; display: block; margin: 0 auto; margin-top: 6px; font-size: 10px; line-height: 13px; } /*@noflip*/.vco-slider .slider-item .content .content-container .media .media-wrapper .media-container .caption { text-align: left; margin-top: 10px; color: #666; font-size: 11px; line-height: 14px; text-rendering: optimizeLegibility; word-wrap: break-word; } /*@noflip*/.vco-slider .slider-item .content .content-container .media.text-media .media-wrapper .media-container { border: none; background-color: #fff; } /*@noflip*/.vco-slider .slider-item .content .content-container .created-at { width: 24px; height: 24px; overflow: hidden; margin-left: 7.5px; margin-top: 2px; display: inline-block; float: right; filter: alpha(opacity=25); -khtml-opacity: .25; -moz-opacity: .25; opacity: .25; } /*@noflip*/.vco-slider .slider-item .content .content-container .storify .created-at { background-repeat: no-repeat; background-position: -328px -96px; } /*@noflip*/.vco-slider .slider-item .content .content-container .twitter .created-at { background-repeat: no-repeat; background-position: -256px -24px; } /*@noflip*/.vco-slider .slider-item .content .content-container .googleplus .googleplus-content { font-size: 13px; line-height: 19px; margin-bottom: 6px; padding-top: 10px; background-color: #fff; color: #666; } .vco-slider .slider-item .content .content-container .googleplus .googleplus-content p { font-size: 13px; line-height: 19px; } /*@noflip*/.vco-slider .slider-item .content .content-container .googleplus .googleplus-content .googleplus-title { font-size: 24px; line-height: 32px; margin-bottom: 6px; padding-top: 10px; background-color: #fff; color: #000; } /*@noflip*/.vco-slider .slider-item .content .content-container .googleplus .googleplus-content .googleplus-annotation { font-size: 15px; line-height: 20px; color: #000; border-bottom: 1px solid #e3e3e3; padding-bottom: 7.5px; margin-bottom: 7.5px; } /*@noflip*/.vco-slider .slider-item .content .content-container .googleplus .googleplus-content .googleplus-attachments { border-top: 1px solid #e3e3e3; padding-top: 15px; margin-top: 15px; border-bottom: 1px solid #e3e3e3; padding-bottom: 15px; margin-bottom: 15px; *zoom: 1; } .vco-slider .slider-item .content .content-container .googleplus .googleplus-content .googleplus-attachments:before, .vco-slider .slider-item .content .content-container .googleplus .googleplus-content .googleplus-attachments:after { display: table; content: ""; } /*@noflip*/.vco-slider .slider-item .content .content-container .googleplus .googleplus-content .googleplus-attachments:after { clear: both; } /*@noflip*/.vco-slider .slider-item .content .content-container .googleplus .googleplus-content .googleplus-attachments h5 { margin-bottom: 5px; } /*@noflip*/.vco-slider .slider-item .content .content-container .googleplus .googleplus-content .googleplus-attachments div { width: 50%; padding-left: 15px; display: inline-block; } /*@noflip*/.vco-slider .slider-item .content .content-container .googleplus .googleplus-content .googleplus-attachments p { font-size: 11px; line-height: 14px; margin-bottom: 5px; } /*@noflip*/.vco-slider .slider-item .content .content-container .googleplus .googleplus-content .googleplus-attachments img { float: left; display: block; bottom: 0; left: 0; margin: auto; position: relative; right: 0; top: 0; width: 40%; } /*@noflip*/.vco-slider .slider-item .content .content-container .googleplus .proflinkPrefix { color: #08c; } /*@noflip*/.vco-slider .slider-item .content .content-container .googleplus .created-at { background-repeat: no-repeat; background-position: -208px -72px; } /*@noflip*/.vco-slider .slider-item .content .content-container .twitter, .vco-slider .slider-item .content .content-container .plain-text-quote, .vco-slider .slider-item .content .content-container .storify, .vco-slider .slider-item .content .content-container .googleplus { text-align: left; margin-left: auto; margin-right: auto; margin-bottom: 15px; clear: both; } .vco-slider .slider-item .content .content-container .twitter blockquote, .vco-slider .slider-item .content .content-container .plain-text-quote blockquote, .vco-slider .slider-item .content .content-container .storify blockquote, .vco-slider .slider-item .content .content-container .googleplus blockquote { color: #666; } .vco-slider .slider-item .content .content-container .twitter blockquote p, .vco-slider .slider-item .content .content-container .plain-text-quote blockquote p, .vco-slider .slider-item .content .content-container .storify blockquote p, .vco-slider .slider-item .content .content-container .googleplus blockquote p { font-size: 24px; line-height: 32px; margin-bottom: 6px; padding-top: 10px; background-color: #fff; color: #000; } /*@noflip*/.vco-slider .slider-item .content .content-container .twitter blockquote .quote-mark, .vco-slider .slider-item .content .content-container .plain-text-quote blockquote .quote-mark, .vco-slider .slider-item .content .content-container .storify blockquote .quote-mark, .vco-slider .slider-item .content .content-container .googleplus blockquote .quote-mark { color: #666; } /*@noflip*/.vco-slider .slider-item .content .content-container .twitter blockquote { font-size: 15px; } .vco-slider .slider-item .content .content-container .twitter blockquote p { font-size: 24px; } /*@noflip*/.vco-slider .slider-item .content .content-container.layout-text-media .text-media { border-top: 1px solid #e3e3e3; padding-top: 15px; padding-right: 0; } /*@noflip*/.vco-slider .slider-item .content .content-container.layout-text-media.pad-left .text-media { padding-right: 15px; padding-top: 0; border-right: 1px solid #e3e3e3; border-top: 0 solid #e3e3e3; } /*@noflip*/.vco-slider .slider-item .content .content-container.layout-text { width: 100%; } .vco-slider .slider-item .content .content-container.layout-text .text { width: 100%; max-width: 100%; } .vco-slider .slider-item .content .content-container.layout-text .text .container { display: block; vertical-align: middle; padding: 0; width: 90%; text-align: left; margin-left: auto; margin-right: auto; } /*@noflip*/.vco-slider .slider-item .content .content-container.layout-media { width: 100%; } .vco-slider .slider-item .content .content-container.layout-media .text { width: 100%; height: 100%; max-width: 100%; display: block; text-align: center; } .vco-slider .slider-item .content .content-container.layout-media .text .container { display: block; text-align: center; width: 100%; margin-left: none; margin-right: none; } /*@noflip*/.vco-slider .slider-item .content .content-container.layout-media .media { width: 100%; min-width: 50%; float: none; } .vco-slider .slider-item .content .content-container.layout-media .media .media-wrapper .media-container { margin-left: auto; margin-right: auto; line-height: 0; padding: 0; } /*@noflip*/.vco-slider .slider-item .content .content-container.layout-media .twitter, .vco-slider .slider-item .content .content-container.layout-media .wikipedia, .vco-slider .slider-item .content .content-container.layout-media .googleplus { max-width: 70%; } /*@noflip*/.storyjs-embed { background-color: #fff; margin-bottom: 20px; border: 1px solid #ccc; padding-top: 20px; padding-bottom: 20px; clear: both; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35); -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35); box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35); } /*@noflip*/.storyjs-embed.full-embed { overflow: hidden; border: 0 !important; padding: 0 !important; margin: 0 !important; clear: both; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.25) !important; -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0.25) !important; box-shadow: 0 0 0 rgba(0, 0, 0, 0.25) !important; } /*@noflip*/.storyjs-embed.sized-embed { overflow: hidden; border: 1px solid #ccc; padding-top: 7px; padding-bottom: 7px; margin: 0 !important; clear: both; -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.25) !important; -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0.25) !important; box-shadow: 0 0 0 rgba(0, 0, 0, 0.25) !important; } /*@noflip*/.vco-storyjs { width: 100%; height: 100%; padding: 0; margin: 0; background-color: #fff; position: absolute; z-index: 100; clear: both; overflow: hidden; } .vco-storyjs .vmm-clear:before, .vco-storyjs .vmm-clear:after { content: ""; display: table; } /*@noflip*/.vco-storyjs .vmm-clear:after { clear: both; } /*@noflip*/.vco-storyjs .vmm-clear { *zoom: 1; } /*@noflip*/.vco-storyjs .vco-feature { width: 100%; } .vco-storyjs .vco-feature .slider, .vco-storyjs .vco-feature .vco-slider { width: 100%; float: left; position: relative; z-index: 10; padding-top: 15px; -webkit-box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.3); -moz-box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.3); box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.3); } /*@noflip*/.vco-storyjs .vco-feedback { position: absolute; display: table; overflow: hidden; top: 0; left: 0; z-index: 1000000000000000013287555072; width: 100%; height: 100%; } /*@noflip*/.vco-storyjs div.vco-loading, .vco-storyjs div.vco-explainer { display: table; text-align: center; min-width: 100px; margin-top: 15px; height: 100%; width: 100%; background-color: #fff; } .vco-storyjs div.vco-loading .vco-loading-container, .vco-storyjs div.vco-explainer .vco-loading-container, .vco-storyjs div.vco-loading .vco-explainer-container, .vco-storyjs div.vco-explainer .vco-explainer-container { display: table-cell; vertical-align: middle; } .vco-storyjs div.vco-loading .vco-loading-container .vco-loading-icon, .vco-storyjs div.vco-explainer .vco-loading-container .vco-loading-icon, .vco-storyjs div.vco-loading .vco-explainer-container .vco-loading-icon, .vco-storyjs div.vco-explainer .vco-explainer-container .vco-loading-icon { display: block; background-repeat: no-repeat; vertical-align: middle; margin-left: auto; margin-right: auto; text-align: center; background-image: url("/imgs/common/timeline/loading.gif"); width: 28px; height: 28px; } /*@noflip*/.vco-storyjs div.vco-loading .vco-loading-container .vco-gesture-icon, .vco-storyjs div.vco-explainer .vco-loading-container .vco-gesture-icon, .vco-storyjs div.vco-loading .vco-explainer-container .vco-gesture-icon, .vco-storyjs div.vco-explainer .vco-explainer-container .vco-gesture-icon { display: block; vertical-align: middle; margin-left: auto; margin-right: auto; text-align: center; background-image: url("/imgs/common/timeline/timeline.png"); background-repeat: no-repeat; background-position: -160px -160px; height: 48px; width: 48px; height: 48px; } /*@noflip*/.vco-storyjs div.vco-loading .vco-loading-container .vco-message, .vco-storyjs div.vco-explainer .vco-loading-container .vco-message, .vco-storyjs div.vco-loading .vco-explainer-container .vco-message, .vco-storyjs div.vco-explainer .vco-explainer-container .vco-message { display: block; } /*@noflip*/.vco-storyjs div.vco-loading .vco-loading-container .vco-message, .vco-storyjs div.vco-explainer .vco-loading-container .vco-message, .vco-storyjs div.vco-loading .vco-explainer-container .vco-message, .vco-storyjs div.vco-explainer .vco-explainer-container .vco-message, .vco-storyjs div.vco-loading .vco-loading-container .vco-message p, .vco-storyjs div.vco-explainer .vco-loading-container .vco-message p, .vco-storyjs div.vco-loading .vco-explainer-container .vco-message p, .vco-storyjs div.vco-explainer .vco-explainer-container .vco-message p { text-align: center; font-size: 11px; line-height: 13px; text-transform: uppercase; margin-top: 7.5px; margin-bottom: 7.5px; } /*@noflip*/.vco-storyjs div.vco-explainer { background-color: transparent; } /*@noflip*/.vco-storyjs .vco-bezel { background-color: #333; background-color: rgba(0, 0, 0, 0.8); width: 80px; height: 50px; padding: 50px; padding-top: 25px; padding: 25px 20px 50px 20px; margin: auto; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .vco-storyjs .vco-bezel .vco-message, .vco-storyjs .vco-bezel .vco-message p { color: #fff; font-weight: bold; } /*@noflip*/.vco-storyjs .vco-container.vco-main { position: absolute; top: 0; left: 0; padding-bottom: 3px; width: auto; height: auto; margin: 0; clear: both; } /*@noflip*/.vco-storyjs img, .vco-storyjs embed, .vco-storyjs object, .vco-storyjs video, .vco-storyjs iframe { max-width: 100%; } /*@noflip*/.vco-storyjs img { max-height: 100%; border: 1px solid #999; } /*@noflip*/.vco-storyjs a { color: #08c; text-decoration: none; } /*@noflip*/.vco-storyjs a:hover { color: #005580; text-decoration: underline; } /*@noflip*/.vco-storyjs .vcard { float: right; margin-bottom: 15px; } .vco-storyjs .vcard a { color: #333; } /*@noflip*/.vco-storyjs .vcard a:hover { text-decoration: none; } .vco-storyjs .vcard a:hover .fn { text-decoration: underline; } /*@noflip*/.vco-storyjs .vcard .fn, .vco-storyjs .vcard .nickname { padding-left: 42px; } /*@noflip*/.vco-storyjs .vcard .fn { display: block; font-weight: bold; } /*@noflip*/.vco-storyjs .vcard .nickname { margin-top: 1px; display: block; color: #666; } /*@noflip*/.vco-storyjs .vcard .avatar { float: left; display: block; width: 32px; height: 32px; } .vco-storyjs .vcard .avatar img { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } /*@noflip*/.vco-storyjs .thumbnail { width: 24px; height: 24px; overflow: hidden; float: left; margin: 0; margin-right: 1px; margin-top: 6px; border: 0; padding: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } /*@noflip*/.vco-storyjs a.thumbnail:hover { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } /*@noflip*/.vco-storyjs .thumbnail.thumb-plaintext { background-repeat: no-repeat; background-position: -280px -48px; } /*@noflip*/.vco-storyjs .thumbnail.thumb-quote { background-repeat: no-repeat; background-position: -232px -48px; } /*@noflip*/.vco-storyjs .thumbnail.thumb-document { background-repeat: no-repeat; background-position: -256px -48px; } /*@noflip*/.vco-storyjs .thumbnail.thumb-photo { background-repeat: no-repeat; background-position: -280px -24px; border: 0; } .vco-storyjs .thumbnail.thumb-photo img { border: 0 none #ccc !important; } /*@noflip*/.vco-storyjs .thumbnail.thumb-twitter { background-repeat: no-repeat; background-position: -256px -24px; } /*@noflip*/.vco-storyjs .thumbnail.thumb-vimeo { background-repeat: no-repeat; background-position: -328px -48px; } /*@noflip*/.vco-storyjs .thumbnail.thumb-vine { background-repeat: no-repeat; background-position: -232px -72px; } /*@noflip*/.vco-storyjs .thumbnail.thumb-youtube { background-repeat: no-repeat; background-position: -328px -72px; } /*@noflip*/.vco-storyjs .thumbnail.thumb-video { background-repeat: no-repeat; background-position: -328px -24px; } /*@noflip*/.vco-storyjs .thumbnail.thumb-audio { background-repeat: no-repeat; background-position: -304px -24px; } /*@noflip*/.vco-storyjs .thumbnail.thumb-map { background-repeat: no-repeat; background-position: -208px -48px; } /*@noflip*/.vco-storyjs .thumbnail.thumb-website { background-repeat: no-repeat; background-position: -232px -24px; } /*@noflip*/.vco-storyjs .thumbnail.thumb-link { background-repeat: no-repeat; background-position: -184px -72px; } /*@noflip*/.vco-storyjs .thumbnail.thumb-wikipedia { background-repeat: no-repeat; background-position: -184px -48px; } /*@noflip*/.vco-storyjs .thumbnail.thumb-storify { background-repeat: no-repeat; background-position: -328px -96px; } /*@noflip*/.vco-storyjs .thumbnail.thumb-googleplus { background-repeat: no-repeat; background-position: -208px -72px; } /*@noflip*/.vco-storyjs thumbnail.thumb-instagram { background-repeat: no-repeat; background-position: -208px -96px; } /*@noflip*/.vco-storyjs thumbnail.thumb-instagram-full { background-image: url("/imgs/common/timeline/timeline.png"); background-repeat: no-repeat; background-position: -232px -96px; width: 48px; height: 24px; } /*@noflip*/.vco-storyjs .thumb-storify-full { height: 12px; background-image: url("/imgs/common/timeline/timeline.png"); background-repeat: no-repeat; background-position: -280px -96px; width: 48px; } /*@noflip*/.vco-storyjs .thumbnail-inline { width: 16px; height: 14px; overflow: hidden; display: inline-block; margin-right: 1px; margin-left: 3px; margin-top: 2px; filter: alpha(opacity=50); -khtml-opacity: .5; -moz-opacity: .5; opacity: .5; } /*@noflip*/.vco-storyjs .twitter .thumbnail-inline { background-image: url("/imgs/common/timeline/timeline.png"); background-repeat: no-repeat; background-position: -160px -96px; } /*@noflip*/.vco-storyjs .storify .thumbnail-inline { background-image: url("/imgs/common/timeline/timeline.png"); background-repeat: no-repeat; background-position: -184px -96px; } /*@noflip*/.vco-storyjs .googleplus .thumbnail-inline { background-image: url("/imgs/common/timeline/timeline.png"); background-repeat: no-repeat; background-position: -208px -96px; } /*@noflip*/.vco-storyjs .zFront { z-index: 204; } /*@noflip*/@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { .vco-storyjs div.vco-loading .vco-loading-container .vco-loading-icon, .vco-storyjs div.vco-explainer .vco-loading-container .vco-loading-icon, .vco-storyjs div.vco-loading .vco-explainer-container .vco-loading-icon, .vco-storyjs div.vco-explainer .vco-explainer-container .vco-loading-icon { background-image: url("/imgs/common/timeline/loading@2x.gif"); } .vco-storyjs div.vco-loading .vco-loading-container .vco-gesture-icon, .vco-storyjs div.vco-explainer .vco-loading-container .vco-gesture-icon, .vco-storyjs div.vco-loading .vco-explainer-container .vco-gesture-icon, .vco-storyjs div.vco-explainer .vco-explainer-container .vco-gesture-icon { background-image: url("/imgs/common/timeline/timeline@2x.png"); background-size: 352px 260px; background-repeat: no-repeat; background-position: -160px -160px; width: 48px; height: 48px; } } .vco-notouch .vco-navigation .vco-toolbar .zoom-in:hover, .vco-notouch .vco-navigation .vco-toolbar .zoom-out:hover, .vco-notouch .vco-navigation .vco-toolbar .back-home:hover { color: #08c; cursor: pointer; filter: alpha(opacity=100); -khtml-opacity: 1; -moz-opacity: 1; opacity: 1; } /*@noflip*/.vco-notouch .vco-navigation .timenav .content .marker.active:hover { cursor: default; } .vco-notouch .vco-navigation .timenav .content .marker.active:hover .flag .flag-content h3, .vco-notouch .vco-navigation .timenav .content .marker.active:hover .flag-small .flag-content h3 { color: #08c; } /*@noflip*/.vco-notouch .vco-navigation .timenav .content .marker.active:hover .flag .flag-content h4, .vco-notouch .vco-navigation .timenav .content .marker.active:hover .flag-small .flag-content h4 { color: #999; } /*@noflip*/.vco-notouch .vco-navigation .timenav .content .marker:hover .line { z-index: 24; background: #999; } /*@noflip*/.vco-notouch .vco-navigation .timenav .content .marker .flag:hover, .vco-notouch .vco-navigation .timenav .content .marker .flag-small:hover { cursor: pointer; } .vco-notouch .vco-navigation .timenav .content .marker .flag:hover .flag-content h3, .vco-notouch .vco-navigation .timenav .content .marker .flag-small:hover .flag-content h3 { color: #333; } /*@noflip*/.vco-notouch .vco-navigation .timenav .content .marker .flag:hover .flag-content h4, .vco-notouch .vco-navigation .timenav .content .marker .flag-small:hover .flag-content h4 { color: #aaa; } /*@noflip*/.vco-notouch .vco-navigation .timenav .content .marker .flag:hover .flag-content .thumbnail, .vco-notouch .vco-navigation .timenav .content .marker .flag-small:hover .flag-content .thumbnail { filter: alpha(opacity=100); -khtml-opacity: 1; -moz-opacity: 1; opacity: 1; } /*@noflip*/.vco-notouch .vco-navigation .timenav .content .marker .flag:hover { background-image: url("/imgs/common/timeline/timeline.png"); background-repeat: no-repeat; background-position: 0 -53px; width: 153px; height: 53px; } /*@noflip*/.vco-notouch .vco-navigation .timenav .content .marker .flag-small:hover { height: 56px; background-image: url("/imgs/common/timeline/timeline.png"); background-repeat: no-repeat; background-position: 0 -53px; width: 153px; height: 53px; } .vco-notouch .vco-navigation .timenav .content .marker .flag-small:hover .flag-content { height: 36px; } .vco-notouch .vco-navigation .timenav .content .marker .flag-small:hover .flag-content h3 { margin-top: 5px; } /*@noflip*/.vco-notouch .vco-navigation .timenav .content .marker .flag-small.flag-small-last:hover { background-image: url("/imgs/common/timeline/timeline.png"); background-repeat: no-repeat; background-position: 0 -109px; width: 153px; height: 26px; height: 26px; } .vco-notouch .vco-navigation .timenav .content .marker .flag-small.flag-small-last:hover .flag-content { height: 14px; } .vco-notouch .vco-navigation .timenav .content .marker .flag-small.flag-small-last:hover .flag-content h3 { margin-top: 4px; } /*@noflip*/.vco-timeline .vco-navigation { clear: both; cursor: move; width: 100%; height: 200px; border-top: 1px solid #e3e3e3; position: relative; } .vco-timeline .vco-navigation .vco-toolbar { position: absolute; top: 45px; left: 0; z-index: 202; background-color: #fff; border: 1px solid #ccc; -webkit-box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2); box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2); } .vco-timeline .vco-navigation .vco-toolbar .zoom-in, .vco-timeline .vco-navigation .vco-toolbar .zoom-out, .vco-timeline .vco-navigation .vco-toolbar .back-home { font-weight: normal; font-size: 10px; line-height: 20px; top: 0; z-index: 202; width: 18px; height: 18px; color: #333; text-align: center; font-weight: bold; border: 1px solid #fff; padding: 5px; filter: alpha(opacity=50); -khtml-opacity: .5; -moz-opacity: .5; opacity: .5; } /*@noflip*/.vco-timeline .vco-navigation .vco-toolbar .zoom-in .icon { background-image: url("/imgs/common/timeline/timeline.png"); background-repeat: no-repeat; background-position: -256px 0; width: 24px; height: 24px; } /*@noflip*/.vco-timeline .vco-navigation .vco-toolbar .zoom-out .icon { background-image: url("/imgs/common/timeline/timeline.png"); background-repeat: no-repeat; background-position: -280px 0; width: 24px; height: 24px; } /*@noflip*/.vco-timeline .vco-navigation .vco-toolbar .back-home .icon { background-image: url("/imgs/common/timeline/timeline.png"); background-repeat: no-repeat; background-position: -328px 0; width: 24px; height: 24px; } /*@noflip*/.vco-timeline .vco-navigation .vco-toolbar.touch { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background-color: transparent; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .vco-timeline .vco-navigation .vco-toolbar.touch .zoom-in, .vco-timeline .vco-navigation .vco-toolbar.touch .zoom-out, .vco-timeline .vco-navigation .vco-toolbar.touch .back-home { width: 40px; height: 40px; padding: 5px; background-color: #fff; border: 1px solid #ccc; -webkit-box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2); box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2); -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; filter: alpha(opacity=100); -khtml-opacity: 1; -moz-opacity: 1; opacity: 1; } /*@noflip*/.vco-timeline .vco-navigation .vco-toolbar.touch .zoom-in .icon { background-image: url("/imgs/common/timeline/timeline.png"); background-repeat: no-repeat; background-position: -208px -160px; width: 40px; height: 40px; } /*@noflip*/.vco-timeline .vco-navigation .vco-toolbar.touch .zoom-out .icon { background-image: url("/imgs/common/timeline/timeline.png"); background-repeat: no-repeat; background-position: -256px -160px; width: 40px; height: 40px; } /*@noflip*/.vco-timeline .vco-navigation .vco-toolbar.touch .back-home .icon { background-image: url("/imgs/common/timeline/timeline.png"); background-repeat: no-repeat; background-position: -304px -160px; width: 40px; height: 40px; } /*@noflip*/.vco-timeline .vco-navigation .timenav-background { position: absolute; cursor: move; top: 0; left: 0; height: 150px; width: 100%; background-color: #e9e9e9; } .vco-timeline .vco-navigation .timenav-background .timenav-interval-background { position: absolute; top: 151px; left: 0; background: #fff; width: 100%; height: 49px; -webkit-box-shadow: -1px -1px 7px rgba(0, 0, 0, 0.1); -moz-box-shadow: -1px -1px 7px rgba(0, 0, 0, 0.1); box-shadow: -1px -1px 7px rgba(0, 0, 0, 0.1); } .vco-timeline .vco-navigation .timenav-background .timenav-interval-background .top-highlight { position: absolute; top: -1px; left: 0; z-index: 30; width: 100%; height: 1px; background: #fff; filter: alpha(opacity=50); -khtml-opacity: .5; -moz-opacity: .5; opacity: .5; -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2); -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2); box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2); } /*@noflip*/.vco-timeline .vco-navigation .timenav-background .timenav-line { position: absolute; top: 0; left: 50%; width: 3px; height: 150px; background-color: #08c; z-index: 1; -webkit-box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.3); -moz-box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.3); box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.3); } /*@noflip*/.vco-timeline .vco-navigation .timenav-background .timenav-indicator { position: absolute; top: -1px; left: 50%; z-index: 202; background-image: url("/imgs/common/timeline/timeline.png"); background-repeat: no-repeat; background-position: -160px -48px; width: 24px; height: 24px; } /*@noflip*/.vco-timeline .vco-navigation .timenav-background .timenav-tag div { height: 50px; display: table; } .vco-timeline .vco-navigation .timenav-background .timenav-tag div h3 { display: table-cell; vertical-align: middle; padding-left: 65px; font-size: 15px; color: #d0d0d0; font-weight: bold; text-shadow: 0 1px 1px #fff; } /*@noflip*/.vco-timeline .vco-navigation .timenav-background .timenav-tag-size-half { height: 25px; } .vco-timeline .vco-navigation .timenav-background .timenav-tag-size-half div { height: 25px; } /*@noflip*/.vco-timeline .vco-navigation .timenav-background .timenav-tag-size-full { height: 50px; } .vco-timeline .vco-navigation .timenav-background .timenav-tag-size-full div { height: 50px; } /*@noflip*/.vco-timeline .vco-navigation .timenav-background .timenav-tag-row-2, .vco-timeline .vco-navigation .timenav-background .timenav-tag-row-4, .vco-timeline .vco-navigation .timenav-background .timenav-tag-row-6 { background: #f1f1f1; } /*@noflip*/.vco-timeline .vco-navigation .timenav-background .timenav-tag-row-1, .vco-timeline .vco-navigation .timenav-background .timenav-tag-row-3, .vco-timeline .vco-navigation .timenav-background .timenav-tag-row-5 { background: #e9e9e9; } /*@noflip*/.vco-timeline .vco-navigation .timenav { position: absolute; top: 0; left: -250px; z-index: 1; } .vco-timeline .vco-navigation .timenav .content { position: relative; } .vco-timeline .vco-navigation .timenav .content .marker.start { display: none; } /*@noflip*/.vco-timeline .vco-navigation .timenav .content .marker.active .dot { background: #08c; z-index: 200; } /*@noflip*/.vco-timeline .vco-navigation .timenav .content .marker.active .line { z-index: 199; background: #08c; width: 1px; } .vco-timeline .vco-navigation .timenav .content .marker.active .line .event-line { background: #08c; filter: alpha(opacity=75); -khtml-opacity: .75; -moz-opacity: .75; opacity: .75; } /*@noflip*/.vco-timeline .vco-navigation .timenav .content .marker.active .flag, .vco-timeline .vco-navigation .timenav .content .marker.active .flag-small { z-index: 200; } .vco-timeline .vco-navigation .timenav .content .marker.active .flag .flag-content, .vco-timeline .vco-navigation .timenav .content .marker.active .flag-small .flag-content { height: 36px; } .vco-timeline .vco-navigation .timenav .content .marker.active .flag .flag-content h3, .vco-timeline .vco-navigation .timenav .content .marker.active .flag-small .flag-content h3 { color: #08c; margin-top: 5px; } /*@noflip*/.vco-timeline .vco-navigation .timenav .content .marker.active .flag .flag-content .thumbnail, .vco-timeline .vco-navigation .timenav .content .marker.active .flag-small .flag-content .thumbnail { filter: alpha(opacity=100); -khtml-opacity: 1; -moz-opacity: 1; opacity: 1; } /*@noflip*/.vco-timeline .vco-navigation .timenav .content .marker.active .flag.row1, .vco-timeline .vco-navigation .timenav .content .marker.active .flag.row2, .vco-timeline .vco-navigation .timenav .content .marker.active .flag.row3, .vco-timeline .vco-navigation .timenav .content .marker.active .flag-small.row1, .vco-timeline .vco-navigation .timenav .content .marker.active .flag-small.row2, .vco-timeline .vco-navigation .timenav .content .marker.active .flag-small.row3 { z-index: 200; } /*@noflip*/.vco-timeline .vco-navigation .timenav .content .marker.active .flag { background-image: url("/imgs/common/timeline/timeline.png"); background-repeat: no-repeat; background-position: 0 -53px; width: 153px; height: 53px; } /*@noflip*/.vco-timeline .vco-navigation .timenav .content .marker.active .flag-small { background-image: url("/imgs/common/timeline/timeline.png"); background-repeat: no-repeat; background-position: 0 -109px; width: 153px; height: 26px; height: 26px; } .vco-timeline .vco-navigation .timenav .content .marker.active .flag-small .flag-content { height: 14px; } .vco-timeline .vco-navigation .timenav .content .marker.active .flag-small .flag-content h3 { margin-top: 4px; } /*@noflip*/.vco-timeline .vco-navigation .timenav .content .marker { position: absolute; top: 0; left: 150px; display: block; } .vco-timeline .vco-navigation .timenav .content .marker .dot { position: absolute; top: 150px; left: 0; display: block; width: 6px; height: 6px; background: #333; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; z-index: 21; } /*@noflip*/.vco-timeline .vco-navigation .timenav .content .marker .line { position: absolute; top: 0; left: 3px; width: 1px; height: 150px; background-color: #ccc; background-color: rgba(204, 204, 204, 0.5); -webkit-box-shadow: 1px 0 0 rgba(255, 255, 255, 0.5); -moz-box-shadow: 1px 0 0 rgba(255, 255, 255, 0.5); box-shadow: 1px 0 0 rgba(255, 255, 255, 0.5); z-index: 22; } .vco-timeline .vco-navigation .timenav .content .marker .line .event-line { position: absolute; z-index: 22; left: 0; height: 1px; width: 1px; background: #08c; filter: alpha(opacity=15); -khtml-opacity: .15; -moz-opacity: .15; opacity: .15; } /*@noflip*/.vco-timeline .vco-navigation .timenav .content .marker .flag, .vco-timeline .vco-navigation .timenav .content .marker .flag-small { position: absolute; top: 15px; left: 3px; padding: 0; display: block; z-index: 23; width: 153px; } .vco-timeline .vco-navigation .timenav .content .marker .flag .flag-content, .vco-timeline .vco-navigation .timenav .content .marker .flag-small .flag-content { padding: 0 7px 2px 6px; overflow: hidden; } .vco-timeline .vco-navigation .timenav .content .marker .flag .flag-content h3, .vco-timeline .vco-navigation .timenav .content .marker .flag-small .flag-content h3 { font-weight: bold; font-size: 15px; line-height: 20px; font-size: 11px; line-height: 11px; color: #999; margin-bottom: 2px; } .vco-timeline .vco-navigation .timenav .content .marker .flag .flag-content h3 small, .vco-timeline .vco-navigation .timenav .content .marker .flag-small .flag-content h3 small { display: none; } /*@noflip*/.vco-timeline .vco-navigation .timenav .content .marker .flag .flag-content h4, .vco-timeline .vco-navigation .timenav .content .marker .flag-small .flag-content h4 { display: none; font-weight: normal; font-size: 15px; line-height: 20px; margin-top: 5px; font-size: 10px; line-height: 10px; color: #aaa; } .vco-timeline .vco-navigation .timenav .content .marker .flag .flag-content h4 small, .vco-timeline .vco-navigation .timenav .content .marker .flag-small .flag-content h4 small { display: none; } /*@noflip*/.vco-timeline .vco-navigation .timenav .content .marker .flag .flag-content .thumbnail, .vco-timeline .vco-navigation .timenav .content .marker .flag-small .flag-content .thumbnail { margin-bottom: 15px; margin-right: 3px; filter: alpha(opacity=50); -khtml-opacity: .5; -moz-opacity: .5; opacity: .5; } .vco-timeline .vco-navigation .timenav .content .marker .flag .flag-content .thumbnail img, .vco-timeline .vco-navigation .timenav .content .marker .flag-small .flag-content .thumbnail img { width: 22px; height: 22px; max-height: none; max-width: none; border: 0; border: 1px solid #999; padding: 0; margin: 0; } /*@noflip*/.vco-timeline .vco-navigation .timenav .content .marker .flag { height: 56px; background-image: url("/imgs/common/timeline/timeline.png"); background-repeat: no-repeat; background-position: 0 0; width: 153px; height: 53px; } .vco-timeline .vco-navigation .timenav .content .marker .flag .flag-content { height: 36px; } .vco-timeline .vco-navigation .timenav .content .marker .flag .flag-content h3 { margin-top: 5px; } /*@noflip*/.vco-timeline .vco-navigation .timenav .content .marker .flag-small { height: 26px; background-image: url("/imgs/common/timeline/timeline.png"); background-repeat: no-repeat; background-position: 0 -135px; width: 153px; height: 26px; } .vco-timeline .vco-navigation .timenav .content .marker .flag-small .flag-content { height: 14px; } .vco-timeline .vco-navigation .timenav .content .marker .flag-small .flag-content h3 { margin-top: 4px; } /*@noflip*/.vco-timeline .vco-navigation .timenav .content .marker .flag-small .flag-content .thumbnail { width: 16px; height: 10px; margin-right: 1px; margin-top: 6px; } /*@noflip*/.vco-timeline .vco-navigation .timenav .content .marker .flag-small .flag-content .thumbnail.thumb-plaintext { background-image: url("/imgs/common/timeline/timeline.png"); background-repeat: no-repeat; background-position: -280px -130px; } /*@noflip*/.vco-timeline .vco-navigation .timenav .content .marker .flag-small .flag-content .thumbnail.thumb-quote { background-image: url("/imgs/common/timeline/timeline.png"); background-repeat: no-repeat; background-position: -232px -130px; } /*@noflip*/.vco-timeline .vco-navigation .timenav .content .marker .flag-small .flag-content .thumbnail.thumb-document { background-image: url("/imgs/common/timeline/timeline.png"); background-repeat: no-repeat; background-position: -256px -130px; } /*@noflip*/.vco-timeline .vco-navigation .timenav .content .marker .flag-small .flag-content .thumbnail.thumb-photo { background-image: url("/imgs/common/timeline/timeline.png"); background-repeat: no-repeat; background-position: -280px -120px; } /*@noflip*/.vco-timeline .vco-navigation .timenav .content .marker .flag-small .flag-content .thumbnail.thumb-twitter { background-image: url("/imgs/common/timeline/timeline.png"); background-repeat: no-repeat; background-position: -256px -120px; } /*@noflip*/.vco-timeline .vco-navigation .timenav .content .marker .flag-small .flag-content .thumbnail.thumb-vimeo { background-image: url("/imgs/common/timeline/timeline.png"); background-repeat: no-repeat; background-position: -328px -130px; } /*@noflip*/.vco-timeline .vco-navigation .timenav .content .marker .flag-small .flag-content .thumbnail.thumb-vine { background-image: url("/imgs/common/timeline/timeline.png"); background-repeat: no-repeat; background-position: -160px -120px; } /*@noflip*/.vco-timeline .vco-navigation .timenav .content .marker .flag-small .flag-content .thumbnail.thumb-youtube { background-image: url("/imgs/common/timeline/timeline.png"); background-repeat: no-repeat; background-position: -304px -130px; } /*@noflip*/.vco-timeline .vco-navigation .timenav .content .marker .flag-small .flag-content .thumbnail.thumb-video { background-image: url("/imgs/common/timeline/timeline.png"); background-repeat: no-repeat; background-position: -328px -120px; } /*@noflip*/.vco-timeline .vco-navigation .timenav .content .marker .flag-small .flag-content .thumbnail.thumb-audio { background-image: url("/imgs/common/timeline/timeline.png"); background-repeat: no-repeat; background-position: -304px -120px; } /*@noflip*/.vco-timeline .vco-navigation .timenav .content .marker .flag-small .flag-content .thumbnail.thumb-map { background-image: url("/imgs/common/timeline/timeline.png"); background-repeat: no-repeat; background-position: -208px -120px; } /*@noflip*/.vco-timeline .vco-navigation .timenav .content .marker .flag-small .flag-content .thumbnail.thumb-website { background-image: url("/imgs/common/timeline/timeline.png"); background-repeat: no-repeat; background-position: -232px -120px; } /*@noflip*/.vco-timeline .vco-navigation .timenav .content .marker .flag-small .flag-content .thumbnail.thumb-link { background-image: url("/imgs/common/timeline/timeline.png"); background-repeat: no-repeat; background-position: -232px -120px; } /*@noflip*/.vco-timeline .vco-navigation .timenav .content .marker .flag-small .flag-content .thumbnail.thumb-wikipedia { background-image: url("/imgs/common/timeline/timeline.png"); background-repeat: no-repeat; background-position: -184px -120px; } /*@noflip*/.vco-timeline .vco-navigation .timenav .content .marker .flag-small .flag-content .thumbnail.thumb-storify { background-image: url("/imgs/common/timeline/timeline.png"); background-repeat: no-repeat; background-position: -184px -130px; } /*@noflip*/.vco-timeline .vco-navigation .timenav .content .marker .flag-small .flag-content .thumbnail.thumb-googleplus { background-image: url("/imgs/common/timeline/timeline.png"); background-repeat: no-repeat; background-position: -208px -130px; } /*@noflip*/.vco-timeline .vco-navigation .timenav .content .marker .flag-small .flag-content thumbnail.thumb-instagram { background-image: url("/imgs/common/timeline/timeline.png"); background-repeat: no-repeat; background-position: -208px -96px; } /*@noflip*/.vco-timeline .vco-navigation .timenav .content .marker .flag.row1 { z-index: 25; top: 48px; } /*@noflip*/.vco-timeline .vco-navigation .timenav .content .marker .flag.row2 { z-index: 24; top: 96px; } /*@noflip*/.vco-timeline .vco-navigation .timenav .content .marker .flag.row3 { z-index: 23; top: 1px; } /*@noflip*/.vco-timeline .vco-navigation .timenav .content .marker .flag-small.row1 { z-index: 28; top: 24px; } /*@noflip*/.vco-timeline .vco-navigation .timenav .content .marker .flag-small.row2 { z-index: 27; top: 48px; } /*@noflip*/.vco-timeline .vco-navigation .timenav .content .marker .flag-small.row3 { z-index: 26; top: 72px; } /*@noflip*/.vco-timeline .vco-navigation .timenav .content .marker .flag-small.row4 { z-index: 25; top: 96px; } /*@noflip*/.vco-timeline .vco-navigation .timenav .content .marker .flag-small.row5 { z-index: 24; top: 120px; } /*@noflip*/.vco-timeline .vco-navigation .timenav .content .marker .flag-small.row6 { z-index: 23; top: 1px; } /*@noflip*/.vco-timeline .vco-navigation .timenav .content .marker .flag.zFront, .vco-timeline .vco-navigation .timenav .content .marker .flag-small.zFront { z-index: 201; } /*@noflip*/.vco-timeline .vco-navigation .timenav .content .era { position: absolute; top: 138px; left: 150px; height: 12px; display: block; overflow: hidden; } .vco-timeline .vco-navigation .timenav .content .era div { height: 50px; width: 100%; height: 100%; line-height: 0; background: #e9e9e9; background: rgba(233, 233, 233, 0.33); } .vco-timeline .vco-navigation .timenav .content .era div h3, .vco-timeline .vco-navigation .timenav .content .era div h4 { position: absolute; bottom: 1px; padding-left: 15px; font-size: 15px; font-weight: bold; color: rgba(0, 136, 204, 0.35); text-shadow: 0 1px 1px #fff; } /*@noflip*/.vco-timeline .vco-navigation .timenav .content .era1 div { background: #c40; filter: alpha(opacity=10); -khtml-opacity: .1; -moz-opacity: .1; opacity: .1; border-left: 1px solid rgba(204, 68, 0, 0.1); border-right: 1px solid rgba(255, 85, 0, 0.05); } .vco-timeline .vco-navigation .timenav .content .era1 div h3, .vco-timeline .vco-navigation .timenav .content .era1 div h4 { color: rgba(204, 68, 0, 0.35); text-shadow: 0 1px 1px #fff; } /*@noflip*/.vco-timeline .vco-navigation .timenav .content .era2 div { background: #c02; filter: alpha(opacity=10); -khtml-opacity: .1; -moz-opacity: .1; opacity: .1; border-left: 1px solid rgba(204, 0, 34, 0.1); border-right: 1px solid rgba(255, 0, 43, 0.05); } .vco-timeline .vco-navigation .timenav .content .era2 div h3, .vco-timeline .vco-navigation .timenav .content .era2 div h4 { color: rgba(204, 0, 34, 0.35); text-shadow: 0 1px 1px #fff; } /*@noflip*/.vco-timeline .vco-navigation .timenav .content .era3 div { background: #02c; filter: alpha(opacity=10); -khtml-opacity: .1; -moz-opacity: .1; opacity: .1; border-left: 1px solid rgba(0, 34, 204, 0.1); border-right: 1px solid rgba(0, 43, 255, 0.05); } .vco-timeline .vco-navigation .timenav .content .era3 div h3, .vco-timeline .vco-navigation .timenav .content .era3 div h4 { color: rgba(0, 34, 204, 0.35); text-shadow: 0 1px 1px #fff; } /*@noflip*/.vco-timeline .vco-navigation .timenav .content .era4 div { background: #ca0; filter: alpha(opacity=10); -khtml-opacity: .1; -moz-opacity: .1; opacity: .1; border-left: 1px solid rgba(204, 170, 0, 0.1); border-right: 1px solid rgba(255, 213, 0, 0.05); } .vco-timeline .vco-navigation .timenav .content .era4 div h3, .vco-timeline .vco-navigation .timenav .content .era4 div h4 { color: rgba(204, 170, 0, 0.35); text-shadow: 0 1px 1px #fff; } /*@noflip*/.vco-timeline .vco-navigation .timenav .content .era5 div { background: #0ca; filter: alpha(opacity=10); -khtml-opacity: .1; -moz-opacity: .1; opacity: .1; border-left: 1px solid rgba(0, 204, 170, 0.1); border-right: 1px solid rgba(0, 255, 213, 0.05); } .vco-timeline .vco-navigation .timenav .content .era5 div h3, .vco-timeline .vco-navigation .timenav .content .era5 div h4 { color: rgba(0, 204, 170, 0.35); text-shadow: 0 1px 1px #fff; } /*@noflip*/.vco-timeline .vco-navigation .timenav .content .era6 div { background: #08c; filter: alpha(opacity=10); -khtml-opacity: .1; -moz-opacity: .1; opacity: .1; border-left: 1px solid rgba(0, 136, 204, 0.1); border-right: 1px solid rgba(0, 170, 255, 0.05); } .vco-timeline .vco-navigation .timenav .content .era6 div h3, .vco-timeline .vco-navigation .timenav .content .era6 div h4 { color: rgba(0, 136, 204, 0.35); text-shadow: 0 1px 1px #fff; } /*@noflip*/.vco-timeline .vco-navigation .timenav .time { position: absolute; left: 0; top: 150px; height: 50px; background-color: #fff; line-height: 0; } .vco-timeline .vco-navigation .timenav .time .time-interval-minor { max-width: none; height: 6px; white-space: nowrap; position: absolute; top: -2px; left: 8px; z-index: 10; } .vco-timeline .vco-navigation .timenav .time .time-interval-minor .minor { position: relative; top: 2px; display: inline-block; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAMCAMAAACdvocfAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAZQTFRFzMzM////040VdgAAAAJ0Uk5T/wDltzBKAAAAEklEQVR42mJgYAQCBopJgAADAAbwADHy2qHzAAAAAElFTkSuQmCC); width: 100px; height: 6px; background-position: center top; white-space: nowrap; color: #666; margin-top: 0; padding-top: 0; } /*@noflip*/.vco-timeline .vco-navigation .timenav .time .time-interval { white-space: nowrap; position: absolute; top: 5px; left: 0; } .vco-timeline .vco-navigation .timenav .time .time-interval div { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAMCAMAAACdvocfAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAZQTFRFzMzM////040VdgAAAAJ0Uk5T/wDltzBKAAAAEklEQVR42mJgYAQCBopJgAADAAbwADHy2qHzAAAAAElFTkSuQmCC); background-position: left top; background-repeat: no-repeat; padding-top: 6px; position: absolute; height: 3px; left: 0; display: block; font-weight: normal; font-size: 10px; line-height: 20px; text-transform: uppercase; text-align: left; text-indent: 0; white-space: nowrap; color: #666; margin-left: 0; margin-right: 0; margin-top: 0; z-index: 2; } .vco-timeline .vco-navigation .timenav .time .time-interval div strong { font-weight: bold; color: #000; } /*@noflip*/.vco-timeline .vco-navigation .timenav .time .time-interval div.era { font-weight: bold; padding-top: 0; margin-top: -3px; margin-left: 2px; background-image: none; } /*@noflip*/.vco-timeline .vco-navigation .timenav .time .time-interval .era1 { color: #c40; filter: alpha(opacity=50); -khtml-opacity: .5; -moz-opacity: .5; opacity: .5; } /*@noflip*/.vco-timeline .vco-navigation .timenav .time .time-interval .era2 { color: #c02; filter: alpha(opacity=50); -khtml-opacity: .5; -moz-opacity: .5; opacity: .5; } /*@noflip*/.vco-timeline .vco-navigation .timenav .time .time-interval .era3 { color: #02c; filter: alpha(opacity=50); -khtml-opacity: .5; -moz-opacity: .5; opacity: .5; } /*@noflip*/.vco-timeline .vco-navigation .timenav .time .time-interval .era4 { color: #ca0; filter: alpha(opacity=50); -khtml-opacity: .5; -moz-opacity: .5; opacity: .5; } /*@noflip*/.vco-timeline .vco-navigation .timenav .time .time-interval .era5 { color: #0ca; filter: alpha(opacity=50); -khtml-opacity: .5; -moz-opacity: .5; opacity: .5; } /*@noflip*/.vco-timeline .vco-navigation .timenav .time .time-interval .era6 { color: #08c; filter: alpha(opacity=50); -khtml-opacity: .5; -moz-opacity: .5; opacity: .5; } /*@noflip*/.vco-timeline .vco-navigation .timenav .time .time-interval-major { white-space: nowrap; position: absolute; top: 5px; left: 0; } .vco-timeline .vco-navigation .timenav .time .time-interval-major div { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAQAQMAAADtUYf0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoyOTAzRjI3REIzNDcxMUUxQUQ3QUZCOThEODQ1NDhCNyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoyOTAzRjI3RUIzNDcxMUUxQUQ3QUZCOThEODQ1NDhCNyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjI5MDNGMjdCQjM0NzExRTFBRDdBRkI5OEQ4NDU0OEI3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjI5MDNGMjdDQjM0NzExRTFBRDdBRkI5OEQ4NDU0OEI3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+DPWNfQAAAANQTFRFzMzMylJEJwAAAAtJREFUCB1jYMAPAAAgAAHDvpOtAAAAAElFTkSuQmCC); background-position: left top; background-repeat: no-repeat; padding-top: 15px; position: absolute; height: 15px; left: 0; display: block; font-weight: bold; font-size: 12px; line-height: 20px; text-transform: uppercase; text-align: left; text-indent: 0; white-space: nowrap; color: #333; margin-left: 0; margin-right: 0; margin-top: 1px; z-index: 5; } .vco-timeline .vco-navigation .timenav .time .time-interval-major div strong { font-weight: bold; color: #000; } /*@noflip*/@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { .vco-notouch .vco-navigation .vco-toolbar .zoom-in .icon { background-image: url("/imgs/common/timeline/timeline@2x.png"); background-size: 352px 260px; background-repeat: no-repeat; background-position: -256px 0; width: 24px; height: 24px; } .vco-notouch .vco-navigation .vco-toolbar .zoom-out .icon { background-image: url("/imgs/common/timeline/timeline@2x.png"); background-size: 352px 260px; background-repeat: no-repeat; background-position: -280px 0; width: 24px; height: 24px; } .vco-notouch .vco-navigation .vco-toolbar .back-home .icon { background-image: url("/imgs/common/timeline/timeline@2x.png"); background-size: 352px 260px; background-repeat: no-repeat; background-position: -328px 0; width: 24px; height: 24px; } .vco-notouch .vco-navigation .vco-toolbar.touch .zoom-in .icon { background-image: url("/imgs/common/timeline/timeline@2x.png"); background-size: 352px 260px; background-repeat: no-repeat; background-position: -208px -160px; width: 40px; height: 40px; } .vco-notouch .vco-navigation .vco-toolbar.touch .zoom-out .icon { background-image: url("/imgs/common/timeline/timeline@2x.png"); background-size: 352px 260px; background-repeat: no-repeat; background-position: -256px -160px; width: 40px; height: 40px; } .vco-notouch .vco-navigation .vco-toolbar.touch .back-home .icon { background-image: url("/imgs/common/timeline/timeline@2x.png"); background-size: 352px 260px; background-repeat: no-repeat; background-position: -304px -160px; width: 40px; height: 40px; } .vco-notouch .vco-navigation .timenav .content .marker .flag:hover { background-image: url("/imgs/common/timeline/timeline@2x.png"); background-size: 352px 260px; background-repeat: no-repeat; background-position: 0 -53px; width: 153px; height: 53px; } .vco-notouch .vco-navigation .timenav .content .marker .flag-small:hover { background-image: url("/imgs/common/timeline/timeline@2x.png"); background-size: 352px 260px; background-repeat: no-repeat; background-position: 0 -53px; width: 153px; height: 53px; } .vco-notouch .vco-navigation .timenav .content .marker .flag-small.flag-small-last:hover { background-image: url("/imgs/common/timeline/timeline@2x.png"); background-size: 352px 260px; background-repeat: no-repeat; background-position: 0 -109px; width: 153px; height: 26px; } .vco-notouch .vco-navigation .timenav-background .timenav-indicator { background-image: url("/imgs/common/timeline/timeline@2x.png"); background-size: 352px 260px; background-repeat: no-repeat; background-position: -160px -48px; width: 24px; height: 24px; } } @media screen and (max-device-width: 480px) and (orientation: portrait) { .storyjs-embed.full-embed { height: 557px !important; width: 320px !important; } .storyjs-embed.full-embed .vco-feature { height: 356px !important; } } @media screen and (max-device-width: 480px) and (orientation: landscape) { .storyjs-embed.full-embed { height: 409px !important; width: 480px !important; } .storyjs-embed.full-embed .vco-feature { height: 208px !important; } } .dd { position: relative; display: block; margin: 0; padding: 0; max-width: 600px; list-style: none; font-size: 13px; line-height: 20px; } .dd-list { display: block; position: relative; margin: 0; padding: 0; list-style: none; } .dd-list .dd-list { padding-left: 30px; } .dd-item,.dd-empty,.dd-placeholder { display: block; position: relative; margin: 0; padding: 0; min-height: 20px; font-size: 13px; line-height: 20px; } .dd-handle { display: block; height: 30px; margin: 5px 0; padding: 5px 10px; color: #333; text-decoration: none; font-weight: bold; border: 1px solid #ccc; background: #fafafa; border-radius: 3px; box-sizing: border-box; } .dd-handle:hover { color: #2ea8e5; background: #fff; } .dd-item > button { position: relative; cursor: pointer; float: left; width: 25px; height: 20px; margin: 5px 0; padding: 0; text-indent: 100%; white-space: nowrap; overflow: hidden; border: 0; background: transparent; font-size: 12px; line-height: 1; text-align: center; font-weight: bold; } .dd-item > button:before { display: block; position: absolute; width: 100%; text-align: center; text-indent: 0; } .dd-item > button.dd-expand:before { content: '+'; } .dd-item > button.dd-collapse:before { content: '-'; } .dd-expand { display: none; } .dd-collapsed .dd-list,.dd-collapsed .dd-collapse { display: none; } .dd-collapsed .dd-expand { display: block; } .dd-empty,.dd-placeholder { margin: 5px 0; padding: 0; min-height: 30px; background: #f2fbff; border: 1px dashed #b6bcbf; box-sizing: border-box; -moz-box-sizing: border-box; } .dd-empty { border: 1px dashed #bbb; min-height: 100px; background-color: #e5e5e5; background-size: 60px 60px; background-position: 0 0, 30px 30px; } .dd-dragel { position: absolute; pointer-events: none; z-index: 9999; } .dd-dragel > .dd-item .dd-handle { margin-top: 0; } .dd-dragel .dd-handle { box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, 0.1); } .nestable { padding: 25px; padding-left: 0; } .nestable > .dd-list:first-child, .nestable > .dd-list:last-child { margin: 0; } .dd { max-width: 100%; } .dd-list { padding-left: 25px; } /*! Tablesaw - v2.0.2 - 2015-10-27* https://github.com/filamentgroup/tablesaw* Copyright (c) 2015 Filament Group; Licensed MIT */table.tablesaw { empty-cells: show; max-width: 100%; width: 100%; } .tablesaw { border-collapse: collapse; width: 100%; } /* Structure */.tablesaw { border: 0; padding: 0; } .tablesaw th,.tablesaw td { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: .5em .7em; } .tablesaw thead tr:first-child th { padding-top: .9em; padding-bottom: .7em; } .tablesaw-enhanced .tablesaw-bar .btn { border: 1px solid #ccc; background: none; background-color: #fafafa; -webkit-box-shadow: 0 1px 0 white; box-shadow: 0 1px 0 white; color: #4a4a4a; clear: both; cursor: pointer; display: block; font: bold 20px/1 sans-serif; margin: 0; padding: .5em .85em .4em .85em; position: relative; text-align: center; text-decoration: none; text-transform: capitalize; text-shadow: 0 1px 0 #fff; width: 100%; /* Theming */ -webkit-appearance: none !important; -moz-appearance: none !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-font-smoothing: antialiased; border-radius: .25em; } .tablesaw-enhanced .tablesaw-bar a.btn { color: #1c95d4; } .tablesaw-enhanced .tablesaw-bar .btn:hover { text-decoration: none; } /* Default radio/checkbox styling horizonal controlgroups. */.tablesaw-enhanced .tablesaw-bar .btn:active { background-color: #ddd; } .tablesaw-enhanced .tablesaw-bar .btn:hover,.tablesaw-enhanced .tablesaw-bar .btn:focus { color: #208de3; background-color: #fff; outline: none; } .tablesaw-bar .btn:focus { -webkit-box-shadow: 0 0 .35em #4faeef !important; box-shadow: 0 0 .35em #4faeef !important; } .tablesaw-bar .btn-select select { background: none; border: none; display: block; position: absolute; font-weight: inherit; left: 0; top: 0; margin: 0; width: 100%; height: 100%; z-index: 2; min-height: 1em; } .tablesaw-bar .btn-select select { opacity: 0; filter: alpha(opacity=0); display: inline-block; color: transparent; } .tablesaw-bar .btn select option { background: #fff; color: #000; font-family: sans-serif; } .tablesaw-enhanced .tablesaw-bar .btn.btn-select { color: #4d4d4d; padding-right: 2.5em; min-width: 7.25em; text-align: left; text-indent: 0; } .tablesaw-bar .btn.btn-small,.tablesaw-bar .btn.btn-micro { display: inline-block; width: auto; height: auto; position: relative; top: 0; } .tablesaw-bar .btn.btn-small { font-size: 1.0625em; line-height: 19px; padding: .3em 1em .3em 1em; } .tablesaw-bar .btn.btn-micro { font-size: .8125em; padding: .4em .7em .25em .7em; } .tablesaw-enhanced .tablesaw-bar .btn-select { text-align: left; } .tablesaw-bar .btn-select:after { background: #e5e5e5; background: rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 2px 2px rgba(255, 255, 255, 0.25); box-shadow: 0 2px 2px rgba(255, 255, 255, 0.25); content: " "; display: block; position: absolute; } .tablesaw-bar .btn-select.btn-small,.tablesaw-bar .btn-select.btn-micro { padding-right: 1.5em; } .tablesaw-bar .btn-select:after { background: none; background-repeat: no-repeat; background-position: .25em .45em; content: "\25bc"; font-size: .55em; padding-top: 1.2em; padding-left: 1em; left: auto; right: 0; margin: 0; top: 0; bottom: 0; width: 1.8em; } .tablesaw-bar .btn-select.btn-small:after,.tablesaw-bar .btn-select.btn-micro:after { width: 1.2em; font-size: .5em; padding-top: 1em; padding-right: .5em; line-height: 1.65; background: none; -webkit-box-shadow: none; box-shadow: none; border-left-width: 0; } /* Column navigation buttons for swipe and columntoggle tables */.tablesaw-advance .btn { -webkit-appearance: none; -moz-appearance: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-shadow: 0 1px 0 #fff; border-radius: .25em; } .tablesaw-advance .btn.btn-micro { font-size: .8125em; padding: .3em .7em .25em .7em; } .tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn { display: inline-block; overflow: hidden; width: 1.8em; height: 1.8em; background-position: 50% 50%; margin-left: .5em; position: relative; } .tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.left:before,.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.right:before,.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.down:before,.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.up:before { content: "\0020"; overflow: hidden; width: 0; height: 0; position: absolute; } .tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.down:before { left: .5em; top: .65em; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #808080; } .tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.up:before { left: .5em; top: .65em; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #808080; } .tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.left:before,.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.right:before { top: .45em; border-top: 5px solid transparent; border-bottom: 5px solid transparent; } .tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.left:before { left: .6em; border-right: 5px solid #808080; } .tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.right:before { left: .7em; border-left: 5px solid #808080; } .tablesaw-advance a.tablesaw-nav-btn.disabled { opacity: .25; filter: alpha(opacity=25); cursor: default; pointer-events: none; } /* Table Toolbar */.tablesaw-bar { clear: both; font-family: sans-serif; } .tablesaw-toolbar { font-size: .875em; float: left; } .tablesaw-toolbar label { padding: .5em 0; clear: both; display: block; color: #888; margin-right: .5em; text-transform: uppercase; } .tablesaw-bar .btn,.tablesaw-enhanced .tablesaw-bar .btn { margin-top: .5em; margin-bottom: .5em; } .tablesaw-bar .btn-select,.tablesaw-enhanced .tablesaw-bar .btn-select { margin-bottom: 0; } .tablesaw-bar .tablesaw-toolbar .btn { margin-left: .4em; margin-top: 0; text-transform: uppercase; border: none; -webkit-box-shadow: none; box-shadow: none; background: transparent; font-family: sans-serif; font-size: 1em; padding-left: .3em; } .tablesaw-bar .tablesaw-toolbar .btn-select { min-width: 0; } .tablesaw-bar .tablesaw-toolbar .btn-select:after { padding-top: .9em; } .tablesaw-bar .tablesaw-toolbar select { color: #888; text-transform: none; background: transparent; } .tablesaw-toolbar ~ table { clear: both; } .tablesaw-toolbar .a11y-sm { clip: rect(0 0 0 0); height: 1px; overflow: hidden; position: absolute; width: 1px; } @media (min-width: 24em) { .tablesaw-toolbar .a11y-sm { clip: none; height: auto; width: auto; position: static; overflow: visible; } } table.tablesaw tbody th { font-weight: bold; } table.tablesaw thead th,table.tablesaw thead td { color: #444; font-size: .9em; } .tablesaw th,.tablesaw td { line-height: 1em; text-align: left; vertical-align: middle; } .tablesaw td,.tablesaw tbody th { vertical-align: middle; font-size: 1.17em; /* 19px */ } .tablesaw td .btn,.tablesaw tbody th .btn { margin: 0; } .tablesaw thead { border: 1px solid #e5e5e4; background: #e2dfdc; background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e2dfdc)); background-image: -webkit-linear-gradient(top, #fff, #e2dfdc); background-image: linear-gradient(to bottom, #fff, #e2dfdc); } .tablesaw thead th { font-weight: 100; color: #777; text-transform: uppercase; text-shadow: 0 1px 0 #fff; text-align: left; } .tablesaw thead tr:first-child th { font-weight: normal; font-family: sans-serif; border-right: 1px solid #e4e1de; } /* Table rows have a gray bottom stroke by default */.tablesaw tbody tr { border-bottom: 1px solid #dfdfdf; } .tablesaw caption { text-align: left; margin-bottom: 0; opacity: .5; filter: alpha(opacity=50); line-height: 2.4; } @media (min-width: 25em) { .tablesaw caption { margin-bottom: .6em; line-height: 1.2; } } /* Stack */.tablesaw-cell-label-top { text-transform: uppercase; font-size: .9em; font-weight: normal; } .tablesaw-cell-label { font-size: .65em; text-transform: uppercase; color: #888; font-family: sans-serif; } @media (min-width: 40em) { .tablesaw td { line-height: 2em; } } @media only all { .tablesaw-swipe .tablesaw-cell-persist { border-right: 1px solid #e4e1de; } .tablesaw-swipe .tablesaw-cell-persist { -webkit-box-shadow: 3px 0 4px -1px #e4e1de; box-shadow: 3px 0 4px -1px #e4e1de; } } /* Table rows have a gray bottom stroke by default */.tablesaw-stack tbody tr { border-bottom: 1px solid #dfdfdf; } .tablesaw-stack td .tablesaw-cell-label,.tablesaw-stack th .tablesaw-cell-label { display: none; } /* Mobile first styles: Begin with the stacked presentation at narrow widths */@media only all { /* Show the table cells as a block level element */ .tablesaw-stack td, .tablesaw-stack th { text-align: left; display: block; } .tablesaw-stack tr { clear: both; display: table-row; } /* Make the label elements a percentage width */ .tablesaw-stack td .tablesaw-cell-label, .tablesaw-stack th .tablesaw-cell-label { display: block; padding: 0 .6em 0 0; width: 30%; display: inline-block; } /* For grouped headers, have a different style to visually separate the levels by classing the first label in each col group */ .tablesaw-stack th .tablesaw-cell-label-top, .tablesaw-stack td .tablesaw-cell-label-top { display: block; padding: .4em 0; margin: .4em 0; } .tablesaw-cell-label { display: block; } /* Avoid double strokes when stacked */ .tablesaw-stack tbody th.group { margin-top: -1px; } /* Avoid double strokes when stacked */ .tablesaw-stack th.group b.tablesaw-cell-label { display: none !important; } } @media (max-width: 39.9375em) { .tablesaw-stack thead td, .tablesaw-stack thead th { display: none; } .tablesaw-stack tbody td, .tablesaw-stack tbody th { clear: left; float: left; width: 100%; } .tablesaw-cell-label { vertical-align: top; } .tablesaw-cell-content { max-width: 67%; display: inline-block; } .tablesaw-stack td:empty, .tablesaw-stack th:empty { display: none; } } /* Media query to show as a standard table at 560px (35em x 16px) or wider */@media (min-width: 40em) { .tablesaw-stack tr { display: table-row; } /* Show the table header rows */ .tablesaw-stack td, .tablesaw-stack th, .tablesaw-stack thead td, .tablesaw-stack thead th { display: table-cell; margin: 0; } /* Hide the labels in each cell */ .tablesaw-stack td .tablesaw-cell-label, .tablesaw-stack th .tablesaw-cell-label { display: none !important; } } .tablesaw-fix-persist { table-layout: fixed; } @media only all { /* Unchecked manually: Always hide */ .tablesaw-swipe th.tablesaw-cell-hidden, .tablesaw-swipe td.tablesaw-cell-hidden { display: none; } } .btn.tablesaw-columntoggle-btn span { text-indent: -9999px; display: inline-block; } .tablesaw-columntoggle-btnwrap { position: relative; /* for dialog positioning */ } .tablesaw-columntoggle-btnwrap .dialog-content { padding: .5em; } .tablesaw-columntoggle tbody td { line-height: 1.5; } /* Remove top/bottom margins around the fieldcontain on check list */.tablesaw-columntoggle-popup { display: none; } .tablesaw-columntoggle-btnwrap.visible .tablesaw-columntoggle-popup { display: block; position: absolute; top: 2em; right: 0; background-color: #fff; padding: .5em .8em; border: 1px solid #ccc; -webkit-box-shadow: 0 1px 2px #ccc; box-shadow: 0 1px 2px #ccc; border-radius: .2em; z-index: 1; } .tablesaw-columntoggle-popup fieldset { margin: 0; } /* Hide all prioritized columns by default */@media only all { .tablesaw-columntoggle th.tablesaw-priority-6, .tablesaw-columntoggle td.tablesaw-priority-6, .tablesaw-columntoggle th.tablesaw-priority-5, .tablesaw-columntoggle td.tablesaw-priority-5, .tablesaw-columntoggle th.tablesaw-priority-4, .tablesaw-columntoggle td.tablesaw-priority-4, .tablesaw-columntoggle th.tablesaw-priority-3, .tablesaw-columntoggle td.tablesaw-priority-3, .tablesaw-columntoggle th.tablesaw-priority-2, .tablesaw-columntoggle td.tablesaw-priority-2, .tablesaw-columntoggle th.tablesaw-priority-1, .tablesaw-columntoggle td.tablesaw-priority-1 { display: none; } } .tablesaw-columntoggle-btnwrap .dialog-content { top: 0 !important; right: 1em; left: auto !important; width: 12em; max-width: 18em; margin: -.5em auto 0; } .tablesaw-columntoggle-btnwrap .dialog-content:focus { outline-style: none; } /* Preset breakpoints if "" class added to table *//* Show priority 1 at 320px (20em x 16px) */@media (min-width: 20em) { .tablesaw-columntoggle th.tablesaw-priority-1, .tablesaw-columntoggle td.tablesaw-priority-1 { display: table-cell; } } /* Show priority 2 at 480px (30em x 16px) */@media (min-width: 30em) { .tablesaw-columntoggle th.tablesaw-priority-2, .tablesaw-columntoggle td.tablesaw-priority-2 { display: table-cell; } } /* Show priority 3 at 640px (40em x 16px) */@media (min-width: 40em) { .tablesaw-columntoggle th.tablesaw-priority-3, .tablesaw-columntoggle td.tablesaw-priority-3 { display: table-cell; } .tablesaw-columntoggle tbody td { line-height: 2; } } /* Show priority 4 at 800px (50em x 16px) */@media (min-width: 50em) { .tablesaw-columntoggle th.tablesaw-priority-4, .tablesaw-columntoggle td.tablesaw-priority-4 { display: table-cell; } } /* Show priority 5 at 960px (60em x 16px) */@media (min-width: 60em) { .tablesaw-columntoggle th.tablesaw-priority-5, .tablesaw-columntoggle td.tablesaw-priority-5 { display: table-cell; } } /* Show priority 6 at 1,120px (70em x 16px) */@media (min-width: 70em) { .tablesaw-columntoggle th.tablesaw-priority-6, .tablesaw-columntoggle td.tablesaw-priority-6 { display: table-cell; } } @media only all { /* Unchecked manually: Always hide */ .tablesaw-columntoggle th.tablesaw-cell-hidden, .tablesaw-columntoggle td.tablesaw-cell-hidden { display: none; } /* Checked manually: Always show */ .tablesaw-columntoggle th.tablesaw-cell-visible, .tablesaw-columntoggle td.tablesaw-cell-visible { display: table-cell; } } .tablesaw-columntoggle-popup .btn-group > label { display: block; padding: .2em 0; white-space: nowrap; } .tablesaw-columntoggle-popup .btn-group > label input { margin-right: .8em; } .tablesaw-sortable,.tablesaw-sortable thead,.tablesaw-sortable thead tr,.tablesaw-sortable thead tr th { position: relative; } .tablesaw-sortable thead tr th { padding-right: 1.6em; vertical-align: top; } .tablesaw-sortable th.tablesaw-sortable-head,.tablesaw-sortable tr:first-child th.tablesaw-sortable-head { padding: 0; } .tablesaw-sortable th.tablesaw-sortable-head button { padding-top: .9em; padding-bottom: .7em; padding-left: .6em; padding-right: 1.6em; } .tablesaw-sortable .tablesaw-sortable-head button { min-width: 100%; color: inherit; background: transparent; border: 0; padding: 0; text-align: left; font: inherit; text-transform: inherit; position: relative; } .tablesaw-sortable .tablesaw-sortable-head.tablesaw-sortable-ascending button:after,.tablesaw-sortable .tablesaw-sortable-head.tablesaw-sortable-descending button:after { width: 7px; height: 10px; content: "\0020"; position: absolute; right: .5em; } .tablesaw-sortable .tablesaw-sortable-head.tablesaw-sortable-ascending button:after { content: "\2191"; } .tablesaw-sortable .tablesaw-sortable-head.tablesaw-sortable-descending button:after { content: "\2193"; } .tablesaw-sortable .not-applicable:after { content: "--"; display: block; } .tablesaw-sortable .not-applicable span { display: none; } .tablesaw-advance { float: right; } .tablesaw-advance.minimap { margin-right: .4em; } .tablesaw-advance-dots { float: left; margin: 0; padding: 0; list-style: none; } .tablesaw-advance-dots li { display: table-cell; margin: 0; padding: .4em .2em; } .tablesaw-advance-dots li i { width: .25em; height: .25em; background: #555; border-radius: 100%; display: inline-block; } .tablesaw-advance-dots-hide { opacity: .25; filter: alpha(opacity=25); cursor: default; pointer-events: none; } .tablesaw th { background: white; } /*! X-editable - v1.5.0* 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 */ } .editable-buttons { display: inline-block; /* should be inline to take effect of parent's white-space: nowrap */ vertical-align: top; margin-left: 7px; /* inline-block emulation for IE7*/ zoom: 1; *display: inline; } .editable-buttons.editable-buttons-bottom { display: block; margin-top: 7px; margin-left: 0; } .editable-input { vertical-align: top; display: inline-block; /* should be inline to take effect of parent's white-space: nowrap */ width: auto; /* bootstrap-responsive has width: 100% that breakes layout */ white-space: normal; /* reset white-space decalred in parent*/ /* display-inline emulation for IE7*/ zoom: 1; *display: inline; } .editable-input input,.editable-input select { margin-top: 0px; } .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("/imgs/common/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 { max-width: 300px; margin: 5px 0 0 0; width: auto; white-space: normal; } /*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("/imgs/common/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: none !important; /* without this rule poshytip/tooltip does not stretch */ } .editable-container.popover { width: auto; /* 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 { 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; border-radius: 4px; direction: ltr; /*.dow { border-top: 1px solid #ddd !important; }*/ } .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; 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; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); 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; 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; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); 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; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); color: #fff; } .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; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); color: #fff; } .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; 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; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); color: #fff; } .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 { border-radius: 3px 0 0 3px; } .input-daterange input:last-child { 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; 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; } .twitter-typeahead .tt-query,.twitter-typeahead .tt-hint { margin-bottom: 0; } .tt-dropdown-menu { min-width: 160px; margin-top: 2px; padding: 5px 0; border-radius: 6px; background-color: #fff; background-clip: padding-box; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); } .tt-suggestion { display: block; padding: 3px 20px; } .tt-suggestion.tt-is-under-cursor { color: #fff; background-color: #0081c2; } .tt-suggestion.tt-is-under-cursor a { color: #fff; } .tt-suggestion p { margin: 0; } /* * * Main stylesheet for Switchery. * http://abpetkov.github.io/switchery/ * */.switchery { background-color: #fff; border: 1px solid #dfdfdf; border-radius: 20px; cursor: pointer; display: inline-block; height: 30px; position: relative; vertical-align: middle; width: 50px; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .switchery > small { background: #fff; border-radius: 100%; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); height: 30px; position: absolute; top: 0; width: 30px; } ul.messenger { margin: 0; padding: 0; } ul.messenger > li { list-style: none; margin: 0; padding: 0; } ul.messenger.messenger-empty { display: none; } ul.messenger .messenger-message { overflow: hidden; *zoom: 1; } ul.messenger .messenger-message.messenger-hidden { display: none; } ul.messenger .messenger-message .messenger-phrase, ul.messenger .messenger-message .messenger-actions a { border: none; padding-right: 5px; } ul.messenger .messenger-message .messenger-actions { float: right; } ul.messenger .messenger-message .messenger-actions a { cursor: pointer; padding-bottom: 3px; text-decoration: none; padding-right: 12.5px; } ul.messenger .messenger-message ul, ul.messenger .messenger-message ol { margin: 10px 18px 0; } ul.messenger.messenger-fixed { position: fixed; z-index: 9999999999999999999999999999999; } ul.messenger.messenger-fixed .messenger-message { min-width: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } ul.messenger.messenger-fixed .message .messenger-actions { float: left; } ul.messenger.messenger-fixed.messenger-on-top { top: 20px; } ul.messenger.messenger-fixed.messenger-on-bottom { bottom: 20px; } ul.messenger.messenger-fixed.messenger-on-top, ul.messenger.messenger-fixed.messenger-on-bottom { left: 50%; width: 800px; margin-left: -400px; } @media (max-width: 960px) { ul.messenger.messenger-fixed.messenger-on-top, ul.messenger.messenger-fixed.messenger-on-bottom { left: 10%; width: 80%; margin-left: 0px; } } ul.messenger.messenger-fixed.messenger-on-top.messenger-on-right, ul.messenger.messenger-fixed.messenger-on-bottom.messenger-on-right { right: 20px; left: auto; } ul.messenger.messenger-fixed.messenger-on-top.messenger-on-left, ul.messenger.messenger-fixed.messenger-on-bottom.messenger-on-left { left: 20px; margin-left: 0px; } ul.messenger.messenger-fixed.messenger-on-right, ul.messenger.messenger-fixed.messenger-on-left { width: 350px; } ul.messenger.messenger-fixed.messenger-on-right .messenger-actions, ul.messenger.messenger-fixed.messenger-on-left .messenger-actions { float: left; } ul.messenger .messenger-spinner { display: none; } @-webkit-keyframes ui-spinner-rotate-right { 0% { -webkit-transform: rotate(0deg); } 25% { -webkit-transform: rotate(180deg); } 50% { -webkit-transform: rotate(180deg); } 75% { -webkit-transform: rotate(360deg); } 100% { -webkit-transform: rotate(360deg); } } @-webkit-keyframes ui-spinner-rotate-left { 0% { -webkit-transform: rotate(0deg); } 25% { -webkit-transform: rotate(0deg); } 50% { -webkit-transform: rotate(180deg); } 75% { -webkit-transform: rotate(180deg); } 100% { -webkit-transform: rotate(360deg); } } @-moz-keyframes ui-spinner-rotate-right { 0% { -moz-transform: rotate(0deg); } 25% { -moz-transform: rotate(180deg); } 50% { -moz-transform: rotate(180deg); } 75% { -moz-transform: rotate(360deg); } 100% { -moz-transform: rotate(360deg); } } @-moz-keyframes ui-spinner-rotate-left { 0% { -moz-transform: rotate(0deg); } 25% { -moz-transform: rotate(0deg); } 50% { -moz-transform: rotate(180deg); } 75% { -moz-transform: rotate(180deg); } 100% { -moz-transform: rotate(360deg); } } @keyframes ui-spinner-rotate-right { 0% { transform: rotate(0deg); } 25% { transform: rotate(180deg); } 50% { transform: rotate(180deg); } 75% { transform: rotate(360deg); } 100% { transform: rotate(360deg); } } @keyframes ui-spinner-rotate-left { 0% { transform: rotate(0deg); } 25% { transform: rotate(0deg); } 50% { transform: rotate(180deg); } 75% { transform: rotate(180deg); } 100% { transform: rotate(360deg); } } .messenger-spinner { position: relative; border-radius: 100%; } ul.messenger.messenger-spinner-active .messenger-spinner .messenger-spinner { display: block; } .messenger-spinner .messenger-spinner-side { width: 50%; height: 100%; overflow: hidden; position: absolute; } .messenger-spinner .messenger-spinner-side .messenger-spinner-fill { border-radius: 999px; position: absolute; width: 100%; height: 100%; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; -ms-animation-iteration-count: infinite; -o-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-timing-function: linear; -ms-animation-timing-function: linear; -o-animation-timing-function: linear; animation-timing-function: linear; } .messenger-spinner .messenger-spinner-side-left { left: 0; } .messenger-spinner .messenger-spinner-side-left .messenger-spinner-fill { left: 100%; border-top-left-radius: 0; border-bottom-left-radius: 0; -webkit-animation-name: ui-spinner-rotate-left; -moz-animation-name: ui-spinner-rotate-left; -ms-animation-name: ui-spinner-rotate-left; -o-animation-name: ui-spinner-rotate-left; animation-name: ui-spinner-rotate-left; -webkit-transform-origin: 0 50%; -moz-transform-origin: 0 50%; -ms-transform-origin: 0 50%; -o-transform-origin: 0 50%; transform-origin: 0 50%; } .messenger-spinner .messenger-spinner-side-right { left: 50%; } .messenger-spinner .messenger-spinner-side-right .messenger-spinner-fill { left: -100%; border-top-right-radius: 0; border-bottom-right-radius: 0; -webkit-animation-name: ui-spinner-rotate-right; -moz-animation-name: ui-spinner-rotate-right; -ms-animation-name: ui-spinner-rotate-right; -o-animation-name: ui-spinner-rotate-right; animation-name: ui-spinner-rotate-right; -webkit-transform-origin: 100% 50%; -moz-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; -o-transform-origin: 100% 50%; transform-origin: 100% 50%; } /** * Trumbowyg v2.1.0 - A lightweight WYSIWYG editor * Default stylesheet for Trumbowyg editor * ------------------------ * @link http://alex-d.github.io/Trumbowyg * @license MIT * @author Alexandre Demode (Alex-D) * Twitter : @AlexandreDemode * Website : alex-d.fr */#trumbowyg-icons { overflow: hidden; visibility: hidden; height: 0; width: 0; } #trumbowyg-icons svg { height: 0; width: 0; } .trumbowyg-box *,.trumbowyg-box *::before,.trumbowyg-box *::after { box-sizing: border-box; } .trumbowyg-box svg { width: 17px; height: 100%; fill: #222; } .trumbowyg-box,.trumbowyg-editor { display: block; position: relative; border: 1px solid #DDD; width: 100%; min-height: 300px; margin: 17px auto; } .trumbowyg-box .trumbowyg-editor { margin: 0 auto; } .trumbowyg-box.trumbowyg-fullscreen { background: #FEFEFE; border: none !important; } .trumbowyg-editor,.trumbowyg-textarea { position: relative; box-sizing: border-box; padding: 20px; min-height: 300px; width: 100%; border-style: none; resize: none; outline: none; overflow: auto; } .trumbowyg-box-blur .trumbowyg-editor *, .trumbowyg-box-blur .trumbowyg-editor::before { color: transparent !important; text-shadow: 0 0 7px #333; } @media screen and (min-width: 0 \0 ) { .trumbowyg-box-blur .trumbowyg-editor *, .trumbowyg-box-blur .trumbowyg-editor::before { color: rgba(200, 200, 200, 0.6) !important; } } @supports (-ms-accelerator: true) { .trumbowyg-box-blur .trumbowyg-editor *, .trumbowyg-box-blur .trumbowyg-editor::before { color: rgba(200, 200, 200, 0.6) !important; } } .trumbowyg-box-blur .trumbowyg-editor img,.trumbowyg-box-blur .trumbowyg-editor hr { opacity: 0.2; } .trumbowyg-textarea { position: relative; display: block; overflow: auto; border: none; white-space: normal; font-size: 14px; font-family: "Inconsolata", "Consolas", "Courier", "Courier New", sans-serif; line-height: 18px; } .trumbowyg-box.trumbowyg-editor-visible .trumbowyg-textarea { height: 1px !important; width: 25%; min-height: 0 !important; padding: 0 !important; background: none; opacity: 0 !important; } .trumbowyg-box.trumbowyg-editor-hidden .trumbowyg-textarea { display: block; } .trumbowyg-box.trumbowyg-editor-hidden .trumbowyg-editor { display: none; } .trumbowyg-box.trumbowyg-disabled .trumbowyg-textarea { opacity: 0.8; background: none; } .trumbowyg-editor[contenteditable=true]:empty::before { content: attr(placeholder); color: #999; pointer-events: none; } .trumbowyg-button-pane { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; width: 100%; min-height: 36px; background: #ecf0f1; border-bottom: 1px solid #d7e0e2; margin: 0; padding: 0 5px; list-style-type: none; line-height: 10px; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .trumbowyg-button-pane::after { content: " "; display: block; position: absolute; top: 36px; left: 0; right: 0; width: 100%; height: 1px; background: #d7e0e2; } .trumbowyg-button-pane .trumbowyg-button-group { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; } .trumbowyg-button-pane .trumbowyg-button-group .trumbowyg-fullscreen-button svg { color: transparent; } .trumbowyg-button-pane .trumbowyg-button-group:not(:empty) + .trumbowyg-button-group::before { content: " "; display: block; width: 1px; background: #d7e0e2; margin: 0 5px; height: 35px; } .trumbowyg-button-pane button { display: block; position: relative; width: 35px; height: 35px; padding: 1px 6px !important; margin-bottom: 1px; overflow: hidden; border: none; cursor: pointer; background: none; -webkit-transition: background-color 150ms, opacity 150ms; transition: background-color 150ms, opacity 150ms; } .trumbowyg-button-pane.trumbowyg-disable button:not(.trumbowyg-not-disable):not(.trumbowyg-active),.trumbowyg-disabled .trumbowyg-button-pane button:not(.trumbowyg-not-disable):not(.trumbowyg-viewHTML-button) { opacity: 0.2; cursor: default; } .trumbowyg-button-pane.trumbowyg-disable .trumbowyg-button-group::before,.trumbowyg-disabled .trumbowyg-button-pane .trumbowyg-button-group::before { background: #e3e9eb; } .trumbowyg-button-pane button:not(.trumbowyg-disable):hover,.trumbowyg-button-pane button:not(.trumbowyg-disable):focus,.trumbowyg-button-pane button.trumbowyg-active { background-color: #FFF; outline: none; } .trumbowyg-button-pane .trumbowyg-open-dropdown::after { display: block; content: " "; position: absolute; top: 25px; right: 3px; height: 0; width: 0; border: 3px solid transparent; border-top-color: #555; } .trumbowyg-button-pane .trumbowyg-right { margin-left: auto; } .trumbowyg-button-pane .trumbowyg-right::before { display: none !important; } .trumbowyg-dropdown { width: 200px; border: 1px solid #ecf0f1; padding: 5px 0; border-top: none; background: #FFF; margin-left: -1px; box-shadow: rgba(0, 0, 0, 0.1) 0 2px 3px; } .trumbowyg-dropdown button { display: block; width: 100%; height: 35px; line-height: 35px; text-decoration: none; background: #FFF; padding: 0 10px; color: #333 !important; border: none; cursor: pointer; text-align: left; font-size: 15px; -webkit-transition: all 150ms; transition: all 150ms; } .trumbowyg-dropdown button:hover, .trumbowyg-dropdown button:focus { background: #ecf0f1; } .trumbowyg-dropdown button svg { float: left; margin-right: 14px; } /* Modal box */.trumbowyg-modal { position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); max-width: 520px; width: 100%; height: 350px; z-index: 11; overflow: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .trumbowyg-modal-box { position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); max-width: 500px; width: calc(100% - 20px); padding-bottom: 45px; z-index: 1; background-color: #FFF; text-align: center; font-size: 14px; box-shadow: rgba(0, 0, 0, 0.2) 0 2px 3px; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .trumbowyg-modal-box .trumbowyg-modal-title { font-size: 24px; font-weight: bold; margin: 0 0 20px; padding: 15px 0 13px; display: block; border-bottom: 1px solid #EEE; color: #333; background: #fbfcfc; } .trumbowyg-modal-box .trumbowyg-progress { width: 100%; height: 3px; position: absolute; top: 58px; } .trumbowyg-modal-box .trumbowyg-progress .trumbowyg-progress-bar { background: #2BC06A; height: 100%; -webkit-transition: width 150ms linear; transition: width 150ms linear; } .trumbowyg-modal-box label { display: block; position: relative; margin: 15px 12px; height: 27px; line-height: 27px; overflow: hidden; } .trumbowyg-modal-box label .trumbowyg-input-infos { display: block; text-align: left; height: 25px; line-height: 25px; -webkit-transition: all 150ms; transition: all 150ms; } .trumbowyg-modal-box label .trumbowyg-input-infos span { display: block; color: #69878f; background-color: #fbfcfc; border: 1px solid #DEDEDE; padding: 0 7px; width: 150px; } .trumbowyg-modal-box label .trumbowyg-input-infos span.trumbowyg-msg-error { color: #e74c3c; } .trumbowyg-modal-box label.trumbowyg-input-error input,.trumbowyg-modal-box label.trumbowyg-input-error textarea { border: 1px solid #e74c3c; } .trumbowyg-modal-box label.trumbowyg-input-error .trumbowyg-input-infos { margin-top: -27px; } .trumbowyg-modal-box label input { position: absolute; top: 0; right: 0; height: 27px; line-height: 27px; border: 1px solid #DEDEDE; background: #fff; font-size: 14px; max-width: 330px; width: 70%; padding: 0 7px; -webkit-transition: all 150ms; transition: all 150ms; } .trumbowyg-modal-box label input:hover, .trumbowyg-modal-box label input:focus { outline: none; border: 1px solid #95a5a6; } .trumbowyg-modal-box label input:focus { background: #fbfcfc; } .trumbowyg-modal-box .error { margin-top: 25px; display: block; color: red; } .trumbowyg-modal-box .trumbowyg-modal-button { position: absolute; bottom: 10px; right: 0; text-decoration: none; color: #FFF; display: block; width: 100px; height: 35px; line-height: 33px; margin: 0 10px; background-color: #333; border: none; cursor: pointer; font-family: "Trebuchet MS", Helvetica, Verdana, sans-serif; font-size: 16px; -webkit-transition: all 150ms; transition: all 150ms; } .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit { right: 110px; background: #2bc06a; } .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit:hover, .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit:focus { background: #40d47e; outline: none; } .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit:active { background: #25a25a; } .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset { color: #555; background: #e6e6e6; } .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset:hover, .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset:focus { background: #fbfbfb; outline: none; } .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset:active { background: #d5d5d5; } .trumbowyg-overlay { position: absolute; background-color: rgba(255, 255, 255, 0.5); width: 100%; left: 0; display: none; z-index: 10; } /** * Fullscreen */body.trumbowyg-body-fullscreen { overflow: hidden; } .trumbowyg-fullscreen { position: fixed; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; z-index: 99999; } .trumbowyg-fullscreen.trumbowyg-box,.trumbowyg-fullscreen .trumbowyg-editor { border: none; } .trumbowyg-fullscreen .trumbowyg-editor,.trumbowyg-fullscreen .trumbowyg-textarea { height: calc(100% - 37px) !important; overflow: auto; } .trumbowyg-fullscreen .trumbowyg-overlay { height: 100% !important; } .trumbowyg-fullscreen .trumbowyg-button-group .trumbowyg-fullscreen-button svg { color: #222; fill: transparent; } .trumbowyg-editor { /* * lset for resetCss option */ } .trumbowyg-editor object,.trumbowyg-editor embed,.trumbowyg-editor video,.trumbowyg-editor img { max-width: 100%; } .trumbowyg-editor video,.trumbowyg-editor img { height: auto; } .trumbowyg-editor img { cursor: move; } .trumbowyg-editor.trumbowyg-reset-css { background: #FEFEFE !important; font-family: "Trebuchet MS", Helvetica, Verdana, sans-serif !important; font-size: 14px !important; line-height: 1.45em !important; white-space: normal !important; color: #333; } .trumbowyg-editor.trumbowyg-reset-css a { color: #15c !important; text-decoration: underline !important; } .trumbowyg-editor.trumbowyg-reset-css div,.trumbowyg-editor.trumbowyg-reset-css p,.trumbowyg-editor.trumbowyg-reset-css ul,.trumbowyg-editor.trumbowyg-reset-css ol,.trumbowyg-editor.trumbowyg-reset-css blockquote { box-shadow: none !important; background: none !important; margin: 0 !important; margin-bottom: 15px !important; line-height: 1.4em !important; font-family: "Trebuchet MS", Helvetica, Verdana, sans-serif !important; font-size: 14px !important; border: none; } .trumbowyg-editor.trumbowyg-reset-css iframe,.trumbowyg-editor.trumbowyg-reset-css object,.trumbowyg-editor.trumbowyg-reset-css hr { margin-bottom: 15px !important; } .trumbowyg-editor.trumbowyg-reset-css blockquote { margin-left: 32px !important; font-style: italic !important; color: #555; } .trumbowyg-editor.trumbowyg-reset-css ul,.trumbowyg-editor.trumbowyg-reset-css ol { padding-left: 20px !important; } .trumbowyg-editor.trumbowyg-reset-css ul ul,.trumbowyg-editor.trumbowyg-reset-css ol ol,.trumbowyg-editor.trumbowyg-reset-css ul ol,.trumbowyg-editor.trumbowyg-reset-css ol ul { border: none; margin: 2px !important; padding: 0 !important; padding-left: 24px !important; } .trumbowyg-editor.trumbowyg-reset-css hr { display: block; height: 1px; border: none; border-top: 1px solid #CCC; } .trumbowyg-editor.trumbowyg-reset-css h1,.trumbowyg-editor.trumbowyg-reset-css h2,.trumbowyg-editor.trumbowyg-reset-css h3,.trumbowyg-editor.trumbowyg-reset-css h4 { color: #111; background: none; margin: 0 !important; padding: 0 !important; font-weight: bold; } .trumbowyg-editor.trumbowyg-reset-css h1 { font-size: 32px !important; line-height: 38px !important; margin-bottom: 20px !important; } .trumbowyg-editor.trumbowyg-reset-css h2 { font-size: 26px !important; line-height: 34px !important; margin-bottom: 15px !important; } .trumbowyg-editor.trumbowyg-reset-css h3 { font-size: 22px !important; line-height: 28px !important; margin-bottom: 7px !important; } .trumbowyg-editor.trumbowyg-reset-css h4 { font-size: 16px !important; line-height: 22px !important; margin-bottom: 7px !important; } /* * Dark theme */.trumbowyg-dark .trumbowyg-textarea { background: #111; color: #ddd; } .trumbowyg-dark .trumbowyg-box { border: 1px solid #343434; } .trumbowyg-dark .trumbowyg-box.trumbowyg-fullscreen { background: #111; } .trumbowyg-dark .trumbowyg-box.trumbowyg-box-blur .trumbowyg-editor *, .trumbowyg-dark .trumbowyg-box.trumbowyg-box-blur .trumbowyg-editor::before { text-shadow: 0 0 7px #ccc; } @media screen and (min-width: 0 \0 ) { .trumbowyg-dark .trumbowyg-box.trumbowyg-box-blur .trumbowyg-editor *, .trumbowyg-dark .trumbowyg-box.trumbowyg-box-blur .trumbowyg-editor::before { color: rgba(20, 20, 20, 0.6) !important; } } @supports (-ms-accelerator: true) { .trumbowyg-dark .trumbowyg-box.trumbowyg-box-blur .trumbowyg-editor *, .trumbowyg-dark .trumbowyg-box.trumbowyg-box-blur .trumbowyg-editor::before { color: rgba(20, 20, 20, 0.6) !important; } } .trumbowyg-dark .trumbowyg-box svg { fill: #ecf0f1; color: #ecf0f1; } .trumbowyg-dark .trumbowyg-button-pane { background-color: #222; border-bottom-color: #343434; } .trumbowyg-dark .trumbowyg-button-pane::after { background: #343434; } .trumbowyg-dark .trumbowyg-button-pane .trumbowyg-button-group:not(:empty)::before { background-color: #343434; } .trumbowyg-dark .trumbowyg-button-pane .trumbowyg-button-group:not(:empty) .trumbowyg-fullscreen-button svg { color: transparent; } .trumbowyg-dark .trumbowyg-button-pane.trumbowyg-disable .trumbowyg-button-group::before { background-color: #2a2a2a; } .trumbowyg-dark .trumbowyg-button-pane button:not(.trumbowyg-disable):hover,.trumbowyg-dark .trumbowyg-button-pane button:not(.trumbowyg-disable):focus,.trumbowyg-dark .trumbowyg-button-pane button.trumbowyg-active { background-color: #333; } .trumbowyg-dark .trumbowyg-button-pane .trumbowyg-open-dropdown::after { border-top-color: #fff; } .trumbowyg-dark .trumbowyg-fullscreen .trumbowyg-button-group .trumbowyg-fullscreen-button svg { color: #ecf0f1; fill: transparent; } .trumbowyg-dark .trumbowyg-dropdown { border-color: #222; background: #333; box-shadow: rgba(0, 0, 0, 0.3) 0 2px 3px; } .trumbowyg-dark .trumbowyg-dropdown button { background: #333; color: #fff !important; } .trumbowyg-dark .trumbowyg-dropdown button:hover, .trumbowyg-dark .trumbowyg-dropdown button:focus { background: #222; } .trumbowyg-dark .trumbowyg-modal-box { background-color: #222; } .trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-title { border-bottom: 1px solid #555; color: #fff; background: #3c3c3c; } .trumbowyg-dark .trumbowyg-modal-box label { display: block; position: relative; margin: 15px 12px; height: 27px; line-height: 27px; overflow: hidden; } .trumbowyg-dark .trumbowyg-modal-box label .trumbowyg-input-infos span { color: #eee; background-color: #2f2f2f; border-color: #222; } .trumbowyg-dark .trumbowyg-modal-box label .trumbowyg-input-infos span.trumbowyg-msg-error { color: #e74c3c; } .trumbowyg-dark .trumbowyg-modal-box label.trumbowyg-input-error input,.trumbowyg-dark .trumbowyg-modal-box label.trumbowyg-input-error textarea { border-color: #e74c3c; } .trumbowyg-dark .trumbowyg-modal-box label input { border-color: #222; color: #eee; background: #333; } .trumbowyg-dark .trumbowyg-modal-box label input:hover, .trumbowyg-dark .trumbowyg-modal-box label input:focus { border-color: #626262; } .trumbowyg-dark .trumbowyg-modal-box label input:focus { background-color: #2f2f2f; } .trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit { background: #1b7943; } .trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit:hover, .trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit:focus { background: #25a25a; } .trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit:active { background: #176437; } .trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset { background: #333; color: #ccc; } .trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset:hover, .trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset:focus { background: #444; } .trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset:active { background: #111; } .trumbowyg-dark .trumbowyg-overlay { background-color: rgba(15, 15, 15, 0.6); } /* 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 { 0% { } 50% { background-color: transparent; } 100% { } } @-webkit-keyframes blink { 0% { } 50% { background-color: transparent; } 100% { } } @keyframes blink { 0% { } 50% { background-color: transparent; } 100% { } } /* 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; } /* * Table styles */table.dataTable { width: 100%; margin: 0 auto; clear: both; border-collapse: separate; border-spacing: 0; margin-bottom: 25px; /* * Header and footer styles */ /* * Body styles */ } table.dataTable thead th,table.dataTable tfoot th { font-weight: bold; } table.dataTable thead th,table.dataTable thead td { padding: 10px 18px; border-bottom: 1px solid #111111; } table.dataTable thead th:active,table.dataTable thead td:active { outline: none; } table.dataTable tfoot th,table.dataTable tfoot td { padding: 10px 18px 6px 18px; border-top: 1px solid #111111; } table.dataTable thead .sorting_asc,table.dataTable thead .sorting_desc,table.dataTable thead .sorting { cursor: pointer; *cursor: hand; } table.dataTable thead .sorting { background: url("/imgs/common/datatables/sort_both.png") no-repeat center right; } table.dataTable thead .sorting_asc { background: url("/imgs/common/datatables/sort_asc.png") no-repeat center right; } table.dataTable thead .sorting_desc { background: url("/imgs/common/datatables/sort_desc.png") no-repeat center right; } table.dataTable thead .sorting_asc_disabled { background: url("/imgs/common/datatables/sort_asc_disabled.png") no-repeat center right; } table.dataTable thead .sorting_desc_disabled { background: url("/imgs/common/datatables/sort_desc_disabled.png") no-repeat center right; } table.dataTable tbody tr { background-color: white; } table.dataTable tbody tr.selected { background-color: #b0bed9; } table.dataTable tbody th,table.dataTable tbody td { padding: 8px 10px; } table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td { border-top: 1px solid #dddddd; } table.dataTable.row-border tbody tr:first-child th,table.dataTable.row-border tbody tr:first-child td, table.dataTable.display tbody tr:first-child th,table.dataTable.display tbody tr:first-child td { border-top: none; } table.dataTable.cell-border tbody th, table.dataTable.cell-border tbody td { border-top: 1px solid #dddddd; border-right: 1px solid #dddddd; } table.dataTable.cell-border tbody tr th:first-child,table.dataTable.cell-border tbody tr td:first-child { border-left: 1px solid #dddddd; } table.dataTable.cell-border tbody tr:first-child th,table.dataTable.cell-border tbody tr:first-child td { border-top: none; } table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd { background-color: #f9f9f9; } table.dataTable.stripe tbody tr.odd.selected, table.dataTable.display tbody tr.odd.selected { background-color: #abb9d3; } table.dataTable.hover tbody tr:hover,table.dataTable.hover tbody tr.odd:hover,table.dataTable.hover tbody tr.even:hover, table.dataTable.display tbody tr:hover,table.dataTable.display tbody tr.odd:hover,table.dataTable.display tbody tr.even:hover { background-color: whitesmoke; } table.dataTable.hover tbody tr:hover.selected,table.dataTable.hover tbody tr.odd:hover.selected,table.dataTable.hover tbody tr.even:hover.selected, table.dataTable.display tbody tr:hover.selected,table.dataTable.display tbody tr.odd:hover.selected,table.dataTable.display tbody tr.even:hover.selected { background-color: #a9b7d1; } table.dataTable.order-column tbody tr > .sorting_1,table.dataTable.order-column tbody tr > .sorting_2,table.dataTable.order-column tbody tr > .sorting_3, table.dataTable.display tbody tr > .sorting_1,table.dataTable.display tbody tr > .sorting_2,table.dataTable.display tbody tr > .sorting_3 { background-color: #f9f9f9; } table.dataTable.order-column tbody tr.selected > .sorting_1,table.dataTable.order-column tbody tr.selected > .sorting_2,table.dataTable.order-column tbody tr.selected > .sorting_3, table.dataTable.display tbody tr.selected > .sorting_1,table.dataTable.display tbody tr.selected > .sorting_2,table.dataTable.display tbody tr.selected > .sorting_3 { background-color: #acbad4; } table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 { background-color: #f1f1f1; } table.dataTable.display tbody tr.odd > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd > .sorting_2 { background-color: #f3f3f3; } table.dataTable.display tbody tr.odd > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd > .sorting_3 { background-color: whitesmoke; } table.dataTable.display tbody tr.odd.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_1 { background-color: #a6b3cd; } table.dataTable.display tbody tr.odd.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_2 { background-color: #a7b5ce; } table.dataTable.display tbody tr.odd.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_3 { background-color: #a9b6d0; } table.dataTable.display tbody tr.even > .sorting_1, table.dataTable.order-column.stripe tbody tr.even > .sorting_1 { background-color: #f9f9f9; } table.dataTable.display tbody tr.even > .sorting_2, table.dataTable.order-column.stripe tbody tr.even > .sorting_2 { background-color: #fbfbfb; } table.dataTable.display tbody tr.even > .sorting_3, table.dataTable.order-column.stripe tbody tr.even > .sorting_3 { background-color: #fdfdfd; } table.dataTable.display tbody tr.even.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_1 { background-color: #acbad4; } table.dataTable.display tbody tr.even.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_2 { background-color: #adbbd6; } table.dataTable.display tbody tr.even.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_3 { background-color: #afbdd8; } table.dataTable.display tbody tr:hover > .sorting_1,table.dataTable.display tbody tr.odd:hover > .sorting_1,table.dataTable.display tbody tr.even:hover > .sorting_1, table.dataTable.order-column.hover tbody tr:hover > .sorting_1,table.dataTable.order-column.hover tbody tr.odd:hover > .sorting_1,table.dataTable.order-column.hover tbody tr.even:hover > .sorting_1 { background-color: #eaeaea; } table.dataTable.display tbody tr:hover > .sorting_2,table.dataTable.display tbody tr.odd:hover > .sorting_2,table.dataTable.display tbody tr.even:hover > .sorting_2, table.dataTable.order-column.hover tbody tr:hover > .sorting_2,table.dataTable.order-column.hover tbody tr.odd:hover > .sorting_2,table.dataTable.order-column.hover tbody tr.even:hover > .sorting_2 { background-color: #ebebeb; } table.dataTable.display tbody tr:hover > .sorting_3,table.dataTable.display tbody tr.odd:hover > .sorting_3,table.dataTable.display tbody tr.even:hover > .sorting_3, table.dataTable.order-column.hover tbody tr:hover > .sorting_3,table.dataTable.order-column.hover tbody tr.odd:hover > .sorting_3,table.dataTable.order-column.hover tbody tr.even:hover > .sorting_3 { background-color: #eeeeee; } table.dataTable.display tbody tr:hover.selected > .sorting_1,table.dataTable.display tbody tr.odd:hover.selected > .sorting_1,table.dataTable.display tbody tr.even:hover.selected > .sorting_1, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_1,table.dataTable.order-column.hover tbody tr.odd:hover.selected > .sorting_1,table.dataTable.order-column.hover tbody tr.even:hover.selected > .sorting_1 { background-color: #a1aec7; } table.dataTable.display tbody tr:hover.selected > .sorting_2,table.dataTable.display tbody tr.odd:hover.selected > .sorting_2,table.dataTable.display tbody tr.even:hover.selected > .sorting_2, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_2,table.dataTable.order-column.hover tbody tr.odd:hover.selected > .sorting_2,table.dataTable.order-column.hover tbody tr.even:hover.selected > .sorting_2 { background-color: #a2afc8; } table.dataTable.display tbody tr:hover.selected > .sorting_3,table.dataTable.display tbody tr.odd:hover.selected > .sorting_3,table.dataTable.display tbody tr.even:hover.selected > .sorting_3, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_3,table.dataTable.order-column.hover tbody tr.odd:hover.selected > .sorting_3,table.dataTable.order-column.hover tbody tr.even:hover.selected > .sorting_3 { background-color: #a4b2cb; } table.dataTable.no-footer { border-bottom: 1px solid #111111; } table.dataTable.nowrap th, table.dataTable.nowrap td { white-space: nowrap; } table.dataTable.compact thead th,table.dataTable.compact thead td { padding: 5px 9px; } table.dataTable.compact tfoot th,table.dataTable.compact tfoot td { padding: 5px 9px 3px 9px; } table.dataTable.compact tbody th,table.dataTable.compact tbody td { padding: 4px 5px; } table.dataTable th.dt-left,table.dataTable td.dt-left { text-align: left; } table.dataTable th.dt-center,table.dataTable td.dt-center,table.dataTable td.dataTables_empty { text-align: center; } table.dataTable th.dt-right,table.dataTable td.dt-right { text-align: right; } table.dataTable th.dt-justify,table.dataTable td.dt-justify { text-align: justify; } table.dataTable th.dt-nowrap,table.dataTable td.dt-nowrap { white-space: nowrap; } table.dataTable thead th.dt-head-left,table.dataTable thead td.dt-head-left,table.dataTable tfoot th.dt-head-left,table.dataTable tfoot td.dt-head-left { text-align: left; } table.dataTable thead th.dt-head-center,table.dataTable thead td.dt-head-center,table.dataTable tfoot th.dt-head-center,table.dataTable tfoot td.dt-head-center { text-align: center; } table.dataTable thead th.dt-head-right,table.dataTable thead td.dt-head-right,table.dataTable tfoot th.dt-head-right,table.dataTable tfoot td.dt-head-right { text-align: right; } table.dataTable thead th.dt-head-justify,table.dataTable thead td.dt-head-justify,table.dataTable tfoot th.dt-head-justify,table.dataTable tfoot td.dt-head-justify { text-align: justify; } table.dataTable thead th.dt-head-nowrap,table.dataTable thead td.dt-head-nowrap,table.dataTable tfoot th.dt-head-nowrap,table.dataTable tfoot td.dt-head-nowrap { white-space: nowrap; } table.dataTable tbody th.dt-body-left,table.dataTable tbody td.dt-body-left { text-align: left; } table.dataTable tbody th.dt-body-center,table.dataTable tbody td.dt-body-center { text-align: center; } table.dataTable tbody th.dt-body-right,table.dataTable tbody td.dt-body-right { text-align: right; } table.dataTable tbody th.dt-body-justify,table.dataTable tbody td.dt-body-justify { text-align: justify; } table.dataTable tbody th.dt-body-nowrap,table.dataTable tbody td.dt-body-nowrap { white-space: nowrap; } table.dataTable,table.dataTable th,table.dataTable td { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } /* * Control feature layout */.dataTables_wrapper { position: relative; clear: both; *zoom: 1; zoom: 1; } .dataTables_wrapper .dataTables_length { float: left; } .dataTables_wrapper .dataTables_length select { width: auto; display: inline-block; } .dataTables_wrapper .dataTables_filter { float: right; text-align: right; } .dataTables_wrapper .dataTables_filter input { width: auto; margin-left: 0.5em; display: inline-block; } .dataTables_wrapper .dataTables_info { clear: both; float: left; padding-top: 5px; } .dataTables_wrapper .dataTables_paginate { float: right; text-align: right; padding-top: 0.25em; } .dataTables_wrapper .dataTables_paginate .paginate_button { box-sizing: border-box; display: inline-block; min-width: 1.5em; padding: 0.25em 1em 0.5em 1em; margin-left: 2px; text-align: center; cursor: pointer; *cursor: hand; border-color: transparent; } .dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover { background-color: white; } .dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active { cursor: default; color: #666 !important; border: 1px solid transparent; background: transparent; box-shadow: none; } .dataTables_wrapper .dataTables_processing { position: absolute; top: 50%; left: 50%; width: 100%; height: 40px; margin-left: -50%; margin-top: -25px; padding-top: 20px; text-align: center; font-size: 1.2em; background-color: white; /* Opera 11.10+ */ background: linear-gradient(to left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%); /* W3C */ } .dataTables_wrapper .dataTables_length,.dataTables_wrapper .dataTables_filter,.dataTables_wrapper .dataTables_info,.dataTables_wrapper .dataTables_processing,.dataTables_wrapper .dataTables_paginate { color: #333333; } .dataTables_wrapper .dataTables_scroll { clear: both; } .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody { *margin-top: -1px; -webkit-overflow-scrolling: touch; } .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody th > div.dataTables_sizing,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody td > div.dataTables_sizing { height: 0; overflow: hidden; margin: 0 !important; padding: 0 !important; } .dataTables_wrapper.no-footer .dataTables_scrollBody { border-bottom: 1px solid #111111; } .dataTables_wrapper.no-footer div.dataTables_scrollHead table,.dataTables_wrapper.no-footer div.dataTables_scrollBody table { border-bottom: none; } .dataTables_wrapper:after { visibility: hidden; display: block; content: ""; clear: both; height: 0; } @media screen and (max-width: 767px) { .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_paginate { float: none; text-align: center; } .dataTables_wrapper .dataTables_paginate { margin-top: 0.5em; } } @media screen and (max-width: 640px) { .dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter { float: none; text-align: center; } .dataTables_wrapper .dataTables_filter { margin-top: 0.5em; } } table.dataTable.dtr-inline.collapsed tbody td:first-child,table.dataTable.dtr-inline.collapsed tbody th:first-child { position: relative; padding-left: 30px; cursor: pointer; } table.dataTable.dtr-inline.collapsed tbody td:first-child:before,table.dataTable.dtr-inline.collapsed tbody th:first-child:before { top: 8px; left: 4px; height: 16px; width: 16px; display: block; position: absolute; color: white; border: 2px solid white; border-radius: 16px; text-align: center; line-height: 14px; box-shadow: 0 0 3px #444; box-sizing: content-box; content: '+'; background-color: #31b131; } table.dataTable.dtr-inline.collapsed tbody tr.parent td:first-child:before,table.dataTable.dtr-inline.collapsed tbody tr.parent th:first-child:before { content: '-'; background-color: #d33333; } table.dataTable.dtr-inline.collapsed tbody tr.child td:before { display: none; } table.dataTable.dtr-column tbody td.control,table.dataTable.dtr-column tbody th.control { position: relative; cursor: pointer; } table.dataTable.dtr-column tbody td.control:before,table.dataTable.dtr-column tbody th.control:before { top: 50%; left: 50%; height: 16px; width: 16px; margin-top: -10px; margin-left: -10px; display: block; position: absolute; color: white; border: 2px solid white; border-radius: 16px; text-align: center; line-height: 14px; box-shadow: 0 0 3px #444; box-sizing: content-box; content: '+'; background-color: #31b131; } table.dataTable.dtr-column tbody tr.parent td.control:before,table.dataTable.dtr-column tbody tr.parent th.control:before { content: '-'; background-color: #d33333; } table.dataTable tr.child { padding: 0.5em 1em; } table.dataTable tr.child:hover { background: transparent !important; } table.dataTable tr.child ul { display: inline-block; list-style-type: none; margin: 0; padding: 0; } table.dataTable tr.child ul li { border-bottom: 1px solid #efefef; padding: 0.5em 0; } table.dataTable tr.child ul li:first-child { padding-top: 0; } table.dataTable tr.child ul li:last-child { border-bottom: none; } table.dataTable tr.child span.dtr-title { display: inline-block; min-width: 75px; font-weight: bold; } /* Ion.RangeSlider// css version 1.9.2// © 2013-2014 Denis Ineshin | IonDen.com// ===================================================================================================================*//* =====================================================================================================================// RangeSlider *//*@noflip*/.irs { position: relative; display: block; } /*@noflip*/.irs-line { position: relative; display: block; overflow: hidden; } /*@noflip*/.irs-line-left, .irs-line-mid, .irs-line-right { position: absolute; display: block; top: 0; } /*@noflip*/.irs-line-left { left: 0; width: 10%; } /*@noflip*/.irs-line-mid { left: 9%; width: 82%; } /*@noflip*/.irs-line-right { right: 0; width: 10%; } /*@noflip*/.irs-diapason { position: absolute; display: block; left: 0; width: 100%; } /*@noflip*/.irs-slider { position: absolute; display: block; cursor: default; z-index: 1; } /*@noflip*/.irs-slider.single { left: 10px; } /*@noflip*/.irs-slider.single:before { position: absolute; display: block; content: ""; top: -30%; left: -30%; width: 160%; height: 160%; background: transparent; } /*@noflip*/.irs-slider.from { left: 100px; } /*@noflip*/.irs-slider.from:before { position: absolute; display: block; content: ""; top: -30%; left: -30%; width: 130%; height: 160%; background: transparent; } /*@noflip*/.irs-slider.to { left: 300px; } /*@noflip*/.irs-slider.to:before { position: absolute; display: block; content: ""; top: -30%; left: 0; width: 130%; height: 160%; background: transparent; } /*@noflip*/.irs-slider.last { z-index: 2; } /*@noflip*/.irs-min { position: absolute; display: block; left: 0; cursor: default; } /*@noflip*/.irs-max { position: absolute; display: block; right: 0; cursor: default; } /*@noflip*/.irs-from, .irs-to, .irs-single { position: absolute; display: block; top: 0; left: 0; cursor: default; white-space: nowrap; } /*@noflip*/.irs-grid { position: absolute; display: none; bottom: 0; left: 0; width: 100%; height: 20px; } /*@noflip*/.irs-with-grid .irs-grid { display: block; } /*@noflip*/.irs-grid-pol { position: absolute; top: 0; left: 0; width: 1px; height: 8px; background: #000; } /*@noflip*/.irs-grid-pol.small { height: 4px; } /*@noflip*/.irs-grid-text { position: absolute; bottom: 0; left: 0; width: 100px; white-space: nowrap; text-align: center; font-size: 9px; line-height: 9px; color: #000; } /*@noflip*/.irs-disable-mask { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; cursor: default; background: transparent; z-index: 2; } /*@noflip*/.irs-disabled { opacity: 0.4; } /*! * FullCalendar v2.1.0-beta2 Stylesheet * Docs & License: http://arshaw.com/fullcalendar/ * (c) 2013 Adam Shaw */.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 hr,.fc-unthemed thead,.fc-unthemed tbody,.fc-unthemed .fc-row,.fc-unthemed .fc-popover { border-color: #ddd; } .fc-unthemed .fc-popover { background-color: #fff; } .fc-unthemed hr,.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 */ } /* Icons (inline elements with styled text that mock arrow icons)--------------------------------------------------------------------------------------------------*/.fc-icon { display: inline-block; font-size: 2em; line-height: .5em; height: .5em; /* will make the total height 1em */ font-family: "Courier New", Courier, monospace; } .fc-icon-left-single-arrow:after { content: "\02039"; font-weight: bold; } .fc-icon-right-single-arrow:after { content: "\0203A"; font-weight: bold; } .fc-icon-left-double-arrow:after { content: "\000AB"; } .fc-icon-right-double-arrow:after { content: "\000BB"; } .fc-icon-x:after { content: "\000D7"; } /* 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: 2.1em; padding: 0 .6em; /* text & cursor */ font-size: 1em; /* normalize */ white-space: nowrap; cursor: pointer; } /* 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: .05em; /* seems to be a good adjustment across browsers */ margin: 0 .1em; } /* button states borrowed from twitter bootstrap (http://twitter.github.com/bootstrap/)*/.fc-state-default { background-color: #f5f5f5; border-color: #e6e6e6 #e6e6e6 #bfbfbf; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); color: #333; } .fc-state-hover,.fc-state-down,.fc-state-active,.fc-state-disabled { color: #333333; background-color: #e6e6e6; } .fc-state-hover { color: #333333; text-decoration: none; background-position: 0 -15px; -webkit-transition: background-position 0.1s linear; -moz-transition: background-position 0.1s linear; -o-transition: background-position 0.1s linear; transition: background-position 0.1s linear; } .fc-state-down,.fc-state-active { background-color: #cccccc; } .fc-state-disabled { cursor: default; opacity: 0.65; } /* 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 theprevious 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; } .fc-popover .fc-header { padding: 2px 4px; } .fc-popover .fc-header .fc-title { margin: 0 2px; } .fc-popover .fc-header .fc-close { cursor: pointer; } .fc-ltr .fc-popover .fc-header .fc-title,.fc-rtl .fc-popover .fc-header .fc-close { float: left; } .fc-rtl .fc-popover .fc-header .fc-title,.fc-ltr .fc-popover .fc-header .fc-close { float: right; } /* unthemed */.fc-unthemed .fc-popover { border-width: 1px; border-style: solid; } .fc-unthemed .fc-popover .fc-header .fc-close { font-size: 25px; margin-top: 4px; } /* 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 hr { height: 0; margin: 0; padding: 0 0 2px; /* height is unreliable across browsers, so use padding */ border-style: solid; border-width: 1px 0; } .fc-clear { clear: both; } .fc-bg,.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%; table-layout: fixed; border-collapse: collapse; border-spacing: 0; font-size: 1em; /* normalize cross-browser */ } .fc th { text-align: center; } .fc th,.fc td { border-style: solid; border-width: 1px; padding: 0; vertical-align: top; } .fc td.fc-today { border-style: double; /* 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 */.fc-row .fc-highlight-skeleton { z-index: 2; bottom: 0; /* stretch skeleton to bottom of row */ } .fc-row .fc-highlight-skeleton table { height: 100%; /* stretch skeleton to bottom of row */ } .fc-row .fc-highlight-skeleton td { border-color: transparent; } /*row content (which contains day/week numbers and events) as well as "helper" (which containstemporary rendered events).*/.fc-row .fc-content-skeleton { position: relative; z-index: 3; padding-bottom: 1px; /* matches the space between events */ } .fc-row .fc-helper-skeleton { z-index: 4; } .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 { /* this class goes on elements for guaranteed vertical scrollbars */ overflow-y: scroll; overflow-x: hidden; } .fc-scroller > * { /* we expect an immediate inner element */ position: relative; /* re-scope all positions */ width: 100%; /* hack to force re-sizing this inner element when scrollbars appear/disappear */ overflow: hidden; /* don't let negative margins or absolute positioning create further scroll */ } /* Global Event Styles--------------------------------------------------------------------------------------------------*/.fc-event { /* always an <a> tag */ position: relative; /* for resize handle and other inner positioning */ display: block; /* make the <a> tag block */ border: 1px solid #3a87ad; /* default BORDER color */ background-color: #3a87ad; /* default BACKGROUND color */ color: #fff; /* default TEXT color */ font-size: .85em; line-height: 1.3; border-radius: 3px; text-decoration: none; /* if it has an href */ } .fc-event:hover, .fc-event:focus { color: white; padding: 0 !important; border-color: #3A87AD; } .ui-widget .fc-event { /* undo jqui's styles on <a> tags */ color: #fff; font-weight: normal; } .fc-event[href],.fc-event.fc-draggable { cursor: pointer; /* give events with links and draggable events a hand mouse pointer */ } /* DayGrid events----------------------------------------------------------------------------------------------------We use the full "fc-day-grid-event" class instead of using descendants because the event won'tbe a descendant of the grid when it is being dragged.*/.fc-day-grid-event { margin: 1px 1px 0; /* spacing between events and edges */ } /* events that are continuing to/from another week. kill rounded corners and butt up against edge */.fc-ltr .fc-day-grid-event.fc-not-start,.fc-rtl .fc-day-grid-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-day-grid-event.fc-not-end,.fc-rtl .fc-day-grid-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; } .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; } /* resize handle (outside of fc-content, so can go outside of bounds) */.fc-day-grid-event .fc-resizer { position: absolute; top: 0; bottom: 0; width: 7px; } .fc-ltr .fc-day-grid-event .fc-resizer { right: -3px; cursor: e-resize; } .fc-rtl .fc-day-grid-event .fc-resizer { left: -3px; cursor: w-resize; } /* 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; } /* 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--------------------------------------------------------------------------------------------------*/.fc-view-container,.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 { /* in basicWeek and basicDay views, where we are sure there are no day numbers, ensure a space at the bottom of the cell to allow for day selecting/clicking */ padding-bottom: 1em; } .fc-basic-view tbody .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: 0 2px; } .fc-basic-view td.fc-week-number span,.fc-basic-view td.fc-day-number { padding-top: 2px; padding-bottom: 2px; } .fc-basic-view .fc-week-number { text-align: center; } .fc-basic-view .fc-week-number span { /* 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; } /* "more" link that represents hidden events */a.fc-more { margin: 1px 2px; 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; } /* AgendaView all-day area--------------------------------------------------------------------------------------------------*/.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-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 { position: relative; /* so slats/bg/content/etc positions get scoped within here */ 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-highlight-skeleton { z-index: 3; } .fc-time-grid .fc-content-skeleton { position: absolute; z-index: 4; top: 0; left: 0; right: 0; } .fc-time-grid > .fc-helper-skeleton { z-index: 5; } /* TimeGrid Slats (lines that run horizontally)--------------------------------------------------------------------------------------------------*/.fc-slats td { height: 1.5em; border-bottom: 0; /* each cell is responsible for its top border */ } .fc-slats .fc-minor td { border-top-style: dotted; } .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-time-grid .fc-event-container { /* a div within a cell within the fc-content-skeleton */ position: relative; } .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 { position: absolute; z-index: 1; /* scope inner z-index's */ } /* TimeGrid Event Styling----------------------------------------------------------------------------------------------------We use the full "fc-time-grid-event" class instead of using descendants because the event won'tbe a descendant of the grid when it is being dragged.*/.fc-time-grid-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-time-grid-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; } .fc-time-grid-event { overflow: hidden; /* don't let the bg flow over rounded corners */ } .fc-time-grid-event > .fc-content { /* contains the time and title, but no bg and resizer */ position: relative; z-index: 2; /* above the bg */ } .fc-time-grid-event .fc-time { font-size: .85em; white-space: nowrap; } .fc-time-grid-event .fc-bg { z-index: 1; background: #fff; opacity: .25; filter: alpha(opacity=25); /* for IE */ } /* resizer */.fc-time-grid-event .fc-resizer { position: absolute; z-index: 3; /* above content */ left: 0; right: 0; bottom: 0; height: 8px; overflow: hidden; line-height: 8px; font-size: 11px; font-family: monospace; text-align: center; cursor: s-resize; } .fc-time-grid-event .fc-resizer:after { content: "="; } /* Common*/.wizard,.tabcontrol { display: block; width: 100%; overflow: hidden; padding: 25px; } .wizard a,.tabcontrol a { outline: 0; } .wizard ul,.tabcontrol ul { list-style: none !important; padding: 0; margin: 0; } .wizard ul > li,.tabcontrol ul > li { display: block; padding: 0; } /* Accessibility */.wizard > .steps .current-info,.tabcontrol > .steps .current-info { position: absolute; left: -999em; } .wizard > .content > .title,.tabcontrol > .content > .title { position: absolute; left: -999em; } /* Wizard*/.wizard > .steps { position: relative; display: block; width: 100%; } .wizard.vertical > .steps { display: inline; float: left; width: 30%; } .wizard > .steps .number { font-size: 1.429em; } .wizard > .steps > ul > li { width: 25%; } .wizard > .steps > ul > li,.wizard > .actions > ul > li { float: left; margin-bottom: 25px; } .wizard.vertical > .steps > ul > li { float: none; width: 100%; } .wizard > .steps a,.wizard > .steps a:hover,.wizard > .steps a:active { display: block; width: auto; margin-right: 10px; padding: 1em 1em; text-decoration: none; border-radius: 5px; } .wizard > .steps a { border: none; } .wizard > .actions a { border: none; } .wizard > .steps .disabled a,.wizard > .steps .disabled a:hover,.wizard > .steps .disabled a:active { background: #eee; color: #aaa; cursor: default; border: none; } .wizard > .steps .current a,.wizard > .steps .current a:hover,.wizard > .steps .current a:active { background: #2184be; color: #fff; cursor: default; } .wizard > .steps .done a,.wizard > .steps .done a:hover,.wizard > .steps .done a:active { background: #9dc8e2; color: #fff; } .wizard > .steps .error a,.wizard > .steps .error a:hover,.wizard > .steps .error a:active { background: #ff3111; color: #fff; } .wizard > .content { display: block; overflow: hidden; position: relative; width: auto; border-top: 1px solid #eee; border-bottom: 1px solid #eee; background: #f8f8f8; } .wizard.vertical > .content { display: inline; float: left; margin: 0 2.5% 0.5em 2.5%; width: 65%; } .wizard > .content > .body { position: relative; padding: 25px; } .wizard > .content > .body ul { list-style: disc !important; } .wizard > .content > .body ul > li { display: list-item; } .wizard > .content > .body > iframe { border: 0 none; width: 100%; height: 100%; } .wizard > .content > .body input.error,.wizard > .content > .body textarea.error { background: #fbe3e4; border-color: #fbc2c4; color: #8a1f11; } .wizard > .content > .body label.error { color: #8a1f11; } input[type='checkbox'] ~ label.error, input[type='radio'] ~ label.error { padding: 0; display: block; } .wizard > .actions { position: relative; display: block; text-align: right; width: 100%; margin-top: 25px; } .wizard.vertical > .actions { display: inline; float: right; margin: 0 2.5%; width: 95%; } .wizard > .actions > ul { display: inline-block; text-align: right; } .wizard > .actions > ul > li { margin: 0 0.5em; } .wizard.vertical > .actions > ul > li { margin: 0 0 0 1em; } .wizard > .actions a,.wizard > .actions a:hover,.wizard > .actions a:active { background: #2184be; color: #fff; display: block; padding: 0.5em 1em; text-decoration: none; border-radius: 5px; } .wizard > .actions .disabled a,.wizard > .actions .disabled a:hover,.wizard > .actions .disabled a:active { background: #eee; color: #aaa; } /* Tabcontrol*/.tabcontrol > .steps { position: relative; display: block; width: 100%; } .tabcontrol > .steps > ul { position: relative; margin: 6px 0 0 0; top: 1px; z-index: 1; } .tabcontrol > .steps > ul > li { float: left; margin: 5px 2px 0 0; padding: 1px; border-top-left-radius: 5px; border-top-right-radius: 5px; } .tabcontrol > .steps > ul > li:hover { background: #edecec; border: 1px solid #bbb; padding: 0; } .tabcontrol > .steps > ul > li.current { background: #fff; border: 1px solid #bbb; border-bottom: 0 none; padding: 0 0 1px 0; margin-top: 0; } .tabcontrol > .steps > ul > li > a { color: #5f5f5f; display: inline-block; border: 0 none; margin: 0; padding: 10px 30px; text-decoration: none; } .tabcontrol > .steps > ul > li > a:hover { text-decoration: none; } .tabcontrol > .steps > ul > li.current > a { padding: 15px 30px 10px 30px; } .tabcontrol > .content { position: relative; display: inline-block; width: 100%; height: 35em; overflow: hidden; border-top: 1px solid #bbb; padding-top: 20px; } .tabcontrol > .content > .body { float: left; position: absolute; width: 95%; height: 95%; padding: 2.5%; } .tabcontrol > .content > .body ul { list-style: disc !important; } .tabcontrol > .content > .body ul > li { display: list-item; } .wizard > .actions a[href='#finish'], .wizard > .actions a[href='#finish']:hover, .wizard > .actions a[href='#finish']:active { background: #2EB398 !important; } /* * blueimp Gallery Indicator CSS 1.1.0 * https://github.com/blueimp/Gallery * * Copyright 2013, Sebastian Tschan * https://blueimp.net * * Licensed under the MIT license: * http://www.opensource.org/licenses/MIT */.blueimp-gallery > .indicator { position: absolute; top: auto; right: 15px; bottom: 15px; left: 15px; margin: 0 40px; padding: 0; list-style: none; text-align: center; line-height: 10px; display: none; } .blueimp-gallery > .indicator > li { display: inline-block; width: 9px; height: 9px; margin: 6px 3px 0 3px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; border: 1px solid transparent; background: #ccc; background: rgba(255, 255, 255, 0.25) center no-repeat; border-radius: 5px; box-shadow: 0 0 2px #000; opacity: 0.5; cursor: pointer; } .blueimp-gallery > .indicator > li:hover,.blueimp-gallery > .indicator > .active { background-color: #fff; border-color: #fff; opacity: 1; } .blueimp-gallery-controls > .indicator { display: block; /* Fix z-index issues (controls behind slide element) on Android: */ -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); } .blueimp-gallery-single > .indicator { display: none; } .blueimp-gallery > .indicator { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /* IE7 fixes */* + html .blueimp-gallery > .indicator > li { display: inline; } /* * blueimp Gallery Video Factory CSS 1.3.0 * https://github.com/blueimp/Gallery * * Copyright 2013, Sebastian Tschan * https://blueimp.net * * Licensed under the MIT license: * http://www.opensource.org/licenses/MIT */.blueimp-gallery > .slides > .slide > .video-content > img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: auto; height: auto; max-width: 100%; max-height: 100%; /* Prevent artifacts in Mozilla Firefox: */ -moz-backface-visibility: hidden; } .blueimp-gallery > .slides > .slide > .video-content > video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .blueimp-gallery > .slides > .slide > .video-content > iframe { position: absolute; top: 100%; left: 0; width: 100%; height: 100%; border: none; } .blueimp-gallery > .slides > .slide > .video-playing > iframe { top: 0; } .blueimp-gallery > .slides > .slide > .video-content > a { position: absolute; top: 50%; right: 0; left: 0; margin: -64px auto 0; width: 128px; height: 128px; background: url("/imgs/common/blueimp-gallery/video-play.png") center no-repeat; opacity: 0.8; cursor: pointer; } .blueimp-gallery > .slides > .slide > .video-content > a:hover { opacity: 1; } .blueimp-gallery > .slides > .slide > .video-playing > a,.blueimp-gallery > .slides > .slide > .video-playing > img { display: none; } .blueimp-gallery > .slides > .slide > .video-content > video { display: none; } .blueimp-gallery > .slides > .slide > .video-playing > video { display: block; } .blueimp-gallery > .slides > .slide > .video-loading > a { background: url("/imgs/common/blueimp-gallery/loading.gif") center no-repeat; background-size: 64px 64px; } /* Replace PNGs with SVGs for capable browsers (excluding IE<9) */body:last-child .blueimp-gallery > .slides > .slide > .video-content:not(.video-loading) > a { background-image: url("/imgs/common/blueimp-gallery/video-play.svg"); } /* IE7 fixes */* + html .blueimp-gallery > .slides > .slide > .video-content { height: 100%; } * + html .blueimp-gallery > .slides > .slide > .video-content > a { left: 50%; margin-left: -64px; } /* * blueimp Gallery CSS 2.11.1 * https://github.com/blueimp/Gallery * * Copyright 2013, Sebastian Tschan * https://blueimp.net * * Licensed under the MIT license: * http://www.opensource.org/licenses/MIT */.blueimp-gallery,.blueimp-gallery > .slides > .slide > .slide-content { position: absolute; top: 0; right: 0; bottom: 0; left: 0; /* Prevent artifacts in Mozilla Firefox: */ -moz-backface-visibility: hidden; } .blueimp-gallery > .slides > .slide > .slide-content { margin: auto; width: auto; height: auto; max-width: 100%; max-height: 100%; opacity: 1; } .blueimp-gallery { position: fixed; z-index: 9999999999; overflow: hidden; background: #000; background: rgba(0, 0, 0, 0.9); opacity: 0; display: none; direction: ltr; -ms-touch-action: none; touch-action: none; } .blueimp-gallery-carousel { position: relative; z-index: auto; margin: 1em auto; /* Set the carousel width/height ratio to 16/9: */ padding-bottom: 56.25%; box-shadow: 0 0 10px #000; -ms-touch-action: pan-y; touch-action: pan-y; } .blueimp-gallery-display { display: block; opacity: 1; } .blueimp-gallery > .slides { position: relative; height: 100%; overflow: hidden; } .blueimp-gallery-carousel > .slides { position: absolute; } .blueimp-gallery > .slides > .slide { position: relative; float: left; height: 100%; text-align: center; -webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); -moz-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); -ms-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); } .blueimp-gallery,.blueimp-gallery > .slides > .slide > .slide-content { -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; } .blueimp-gallery > .slides > .slide-loading { background: url("/imgs/common/blueimp-gallery/loading.gif") center no-repeat; background-size: 64px 64px; } .blueimp-gallery > .slides > .slide-loading > .slide-content { opacity: 0; } .blueimp-gallery > .slides > .slide-error { background: url("/imgs/common/blueimp-gallery/error.png") center no-repeat; } .blueimp-gallery > .slides > .slide-error > .slide-content { display: none; } .blueimp-gallery > .prev,.blueimp-gallery > .next { position: absolute; top: 50%; left: 15px; width: 40px; height: 40px; margin-top: -23px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 60px; font-weight: 100; line-height: 30px; color: #fff; text-decoration: none; text-shadow: 0 0 2px #000; text-align: center; background: #222; background: rgba(0, 0, 0, 0.5); -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; border: 3px solid #fff; -webkit-border-radius: 23px; -moz-border-radius: 23px; border-radius: 23px; opacity: 0.5; cursor: pointer; display: none; } .blueimp-gallery > .next { left: auto; right: 15px; } .blueimp-gallery > .close,.blueimp-gallery > .title { position: absolute; top: 15px; left: 15px; margin: 0 40px 0 0; font-size: 20px; line-height: 30px; color: #fff; text-shadow: 0 0 2px #000; opacity: 0.8; display: none; } .blueimp-gallery > .close { padding: 15px !important; right: 15px; left: auto; margin: -15px; font-size: 30px; text-decoration: none; cursor: pointer; border: none; } .blueimp-gallery > .play-pause { border: none; position: absolute; right: 15px; bottom: 15px; width: 15px; height: 15px; background: url("/imgs/common/blueimp-gallery/play-pause.png") 0 0 no-repeat; cursor: pointer; opacity: 0.5; display: none; } .blueimp-gallery-playing > .play-pause { background-position: -15px 0; } .blueimp-gallery > .prev:hover,.blueimp-gallery > .next:hover,.blueimp-gallery > .close:hover,.blueimp-gallery > .title:hover,.blueimp-gallery > .play-pause:hover { color: #fff; opacity: 1; padding: 0; } .blueimp-gallery-controls > .prev,.blueimp-gallery-controls > .next,.blueimp-gallery-controls > .close,.blueimp-gallery-controls > .title,.blueimp-gallery-controls > .play-pause { display: block; /* Fix z-index issues (controls behind slide element) on Android: */ -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); } .blueimp-gallery-single > .prev,.blueimp-gallery-left > .prev,.blueimp-gallery-single > .next,.blueimp-gallery-right > .next,.blueimp-gallery-single > .play-pause { display: none; } .blueimp-gallery > .slides > .slide > .slide-content,.blueimp-gallery > .prev,.blueimp-gallery > .next,.blueimp-gallery > .close,.blueimp-gallery > .play-pause { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /* Replace PNGs with SVGs for capable browsers (excluding IE<9) */body:last-child .blueimp-gallery > .slides > .slide-error { background-image: url("/imgs/common/blueimp-gallery/error.svg"); } body:last-child .blueimp-gallery > .play-pause { width: 20px; height: 20px; background-size: 40px 20px; background-image: url("/imgs/common/blueimp-gallery/play-pause.svg"); } body:last-child .blueimp-gallery-playing > .play-pause { background-position: -20px 0; } /* IE7 fixes */* + html .blueimp-gallery > .slides > .slide { min-height: 300px; } * + html .blueimp-gallery > .slides > .slide > .slide-content { position: relative; } /*! ======================================================= VERSION 6.0.4========================================================= *//*! ========================================================= * bootstrap-slider.js * * Maintainers: * Kyle Kemp * - Twitter: @seiyria * - Github: seiyria * Rohit Kalkur * - Twitter: @Rovolutionary * - Github: rovolution * * ========================================================= * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * 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. * ========================================================= */.slider { display: inline-block; vertical-align: middle; position: relative; } .slider.slider-horizontal { width: 210px; height: 20px; } .slider.slider-horizontal .slider-track { height: 10px; width: 100%; margin-top: -5px; top: 50%; left: 0; } .slider.slider-horizontal .slider-selection,.slider.slider-horizontal .slider-track-low,.slider.slider-horizontal .slider-track-high { height: 100%; top: 0; bottom: 0; } .slider.slider-horizontal .slider-tick,.slider.slider-horizontal .slider-handle { margin-left: -10px; margin-top: 0px; } .slider.slider-horizontal .slider-tick.triangle,.slider.slider-horizontal .slider-handle.triangle { border-width: 0 10px 10px 10px; width: 0; height: 0; border-bottom-color: #0480be; margin-top: 5px; } .slider.slider-horizontal .slider-tick-label-container { white-space: nowrap; margin-top: 20px; } .slider.slider-horizontal .slider-tick-label-container .slider-tick-label { padding-top: 4px; display: inline-block; text-align: center; } .slider.slider-vertical { height: 210px; width: 20px; } .slider.slider-vertical .slider-track { width: 10px; height: 100%; margin-left: -5px; left: 50%; top: 0; } .slider.slider-vertical .slider-selection { width: 100%; left: 0; top: 0; bottom: 0; } .slider.slider-vertical .slider-track-low,.slider.slider-vertical .slider-track-high { width: 100%; left: 0; right: 0; } .slider.slider-vertical .slider-tick,.slider.slider-vertical .slider-handle { margin-left: 0px; margin-top: -10px; } .slider.slider-vertical .slider-tick.triangle,.slider.slider-vertical .slider-handle.triangle { border-width: 10px 0 10px 10px; width: 1px; height: 1px; border-left-color: #0480be; margin-left: 0; } .slider.slider-vertical .slider-tick-label-container { white-space: nowrap; } .slider.slider-vertical .slider-tick-label-container .slider-tick-label { padding-left: 4px; } .slider.slider-disabled .slider-handle { background-image: linear-gradient(to bottom, #dfdfdf 0%, #bebebe 100%); background-repeat: repeat-x; } .slider.slider-disabled .slider-track { background-image: linear-gradient(to bottom, #e5e5e5 0%, #e9e9e9 100%); background-repeat: repeat-x; cursor: not-allowed; } .slider input { display: none; } .slider .tooltip.top { margin-top: -36px; } .slider .tooltip-inner { white-space: nowrap; } .slider .hide { display: none; } .slider-track { position: absolute; cursor: pointer; background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #f9f9f9 100%); background-image: -o-linear-gradient(top, #f5f5f5 0%, #f9f9f9 100%); background-image: linear-gradient(to bottom, #f5f5f5 0%, #f9f9f9 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0); -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); border-radius: 4px; } .slider-selection { position: absolute; background-image: -webkit-linear-gradient(top, #f9f9f9 0%, #f5f5f5 100%); background-image: -o-linear-gradient(top, #f9f9f9 0%, #f5f5f5 100%); background-image: linear-gradient(to bottom, #f9f9f9 0%, #f5f5f5 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff9f9f9', endColorstr='#fff5f5f5', GradientType=0); -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 4px; } .slider-selection.tick-slider-selection { background-image: -webkit-linear-gradient(top, #89cdef 0%, #81bfde 100%); background-image: -o-linear-gradient(top, #89cdef 0%, #81bfde 100%); background-image: linear-gradient(to bottom, #89cdef 0%, #81bfde 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff89cdef', endColorstr='#ff81bfde', GradientType=0); } .slider-track-low,.slider-track-high { position: absolute; background: transparent; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 4px; } .slider-handle { position: absolute; width: 20px; height: 20px; background-color: #337ab7; background-image: -webkit-linear-gradient(top, #149bdf 0%, #0480be 100%); background-image: -o-linear-gradient(top, #149bdf 0%, #0480be 100%); background-image: linear-gradient(to bottom, #149bdf 0%, #0480be 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0); filter: none; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); border: 0px solid transparent; } .slider-handle.round { border-radius: 50%; } .slider-handle.triangle { background: transparent none; } .slider-handle.custom { background: transparent none; } .slider-handle.custom::before { line-height: 20px; font-size: 20px; content: '\2605'; color: #726204; } .slider-tick { position: absolute; width: 20px; height: 20px; background-image: -webkit-linear-gradient(top, #f9f9f9 0%, #f5f5f5 100%); background-image: -o-linear-gradient(top, #f9f9f9 0%, #f5f5f5 100%); background-image: linear-gradient(to bottom, #f9f9f9 0%, #f5f5f5 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff9f9f9', endColorstr='#fff5f5f5', GradientType=0); -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; filter: none; opacity: 0.8; border: 0px solid transparent; } .slider-tick.round { border-radius: 50%; } .slider-tick.triangle { background: transparent none; } .slider-tick.custom { background: transparent none; } .slider-tick.custom::before { line-height: 20px; font-size: 20px; content: '\2605'; color: #726204; } .slider-tick.in-selection { background-image: -webkit-linear-gradient(top, #89cdef 0%, #81bfde 100%); background-image: -o-linear-gradient(top, #89cdef 0%, #81bfde 100%); background-image: linear-gradient(to bottom, #89cdef 0%, #81bfde 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff89cdef', endColorstr='#ff81bfde', GradientType=0); opacity: 1; } @media print { /*! * FullCalendar v2.1.0-beta2 Print Stylesheet * Docs & License: http://arshaw.com/fullcalendar/ * (c) 2013 Adam Shaw */ /* * Include this stylesheet on your page to get a more printer-friendly calendar. * When including this stylesheet, use the media='print' attribute of the <link> tag. * Make sure to include this stylesheet IN ADDITION to the regular fullcalendar.css. */ .fc { max-width: 100% !important; } /* Global Event Restyling --------------------------------------------------------------------------------------------------*/ .fc-event { background: #fff !important; color: #000 !important; page-break-inside: avoid; } .fc-event .fc-resizer { display: none; } /* Table & Day-Row Restyling --------------------------------------------------------------------------------------------------*/ th, td, hr, thead, tbody, .fc-row { border-color: #ccc !important; background: #fff !important; } /* kill the overlaid, absolutely-positioned common components */ .fc-bg, .fc-highlight-skeleton, .fc-helper-skeleton { display: none; } /* don't force a min-height on rows (for DayGrid) */ .fc tbody .fc-row { height: auto !important; /* undo height that JS set in distributeHeight */ min-height: 0 !important; /* undo the min-height from each view's specific stylesheet */ } .fc tbody .fc-row .fc-content-skeleton { position: static; /* undo .fc-rigid */ /* don't have chunky padding underneath events (for Agenda, basicWeek, basicDay) */ padding-bottom: 0 !important; } /* give back the bottom spacing that was taken away from the content-skeleton's padding (above) */ /* only works on modern browsers */ .fc tbody .fc-row .fc-content-skeleton table tr:last-child td { padding-bottom: 1px; } /* sets a min-height on the event skeleton. for IE8. was overexaggerating this, so make small */ .fc tbody .fc-row .fc-content-skeleton table { height: 2em; } /* sets a min-height on the event skeleton. for modern browsers (not IE8) */ .fc tbody .fc-row .fc-content-skeleton table:last-child { height: 4em; } /* Undo month-view event limiting. Display all events and hide the "more" links --------------------------------------------------------------------------------------------------*/ .fc-more-cell, .fc-more { display: none !important; } .fc tr.fc-limited { display: table-row !important; } .fc td.fc-limited { display: table-cell !important; } /* TimeGrid Restyling --------------------------------------------------------------------------------------------------*/ /* undo the min-height 100% trick used to fill the container's height */ .fc-time-grid { min-height: 0 !important; } /* don't display the side axis at all ("all-day" and time cells) */ .fc-agenda-view .fc-axis { display: none; } /* don't display the horizontal lines */ .fc-slats, .fc-time-grid hr { /* this hr is used when height is underused and needs to be filled */ display: none !important; /* important overrides inline declaration */ } /* let the container that holds the events be naturally positioned and create real height */ .fc-time-grid .fc-content-skeleton { position: static; } /* in case there are no events, we still want some height */ .fc-time-grid .fc-content-skeleton table { height: 4em; } /* kill the horizontal spacing made by the event container. event margins will be done below */ .fc-time-grid .fc-event-container { margin: 0 !important; } /* TimeGrid *Event* Restyling --------------------------------------------------------------------------------------------------*/ /* naturally position events, vertically stacking them */ .fc-time-grid .fc-event { position: static !important; margin: 3px 2px !important; } /* for events that continue to a future day, give the bottom border back */ .fc-time-grid .fc-event.fc-not-end { border-bottom-width: 1px !important; } /* indicate the event continues via "..." text */ .fc-time-grid .fc-event.fc-not-end:after { content: "..."; } /* for events that are continuations from previous days, give the top border back */ .fc-time-grid .fc-event.fc-not-start { border-top-width: 1px !important; } /* indicate the event is a continuation via "..." text */ .fc-time-grid .fc-event.fc-not-start:before { content: "..."; } /* time */ /* undo a previous declaration and let the time text span to a second line */ .fc-time-grid .fc-event .fc-time { white-space: normal !important; } /* hide the the time that is normally displayed... */ .fc-time-grid .fc-event .fc-time span { display: none; } /* ...replace it with a more verbose version (includes AM/PM) stored in an html attribute */ .fc-time-grid .fc-event .fc-time:after { content: attr(data-full); } /* Vertical Scroller & Containers --------------------------------------------------------------------------------------------------*/ /* kill the scrollbars and allow natural height */ .fc-scroller, .fc-day-grid-container, .fc-time-grid-container { /* */ overflow: visible !important; height: auto !important; } /* kill the horizontal border/padding used to compensate for scrollbars */ .fc-row { border: 0 !important; margin: 0 !important; } /* Button Controls --------------------------------------------------------------------------------------------------*/ .fc-button-group, .fc button { display: none; /* don't display any button-related controls */ } } table.dataTable.dtr-inline.collapsed > tbody > tr > td.child,table.dataTable.dtr-inline.collapsed > tbody > tr > th.child,table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty { cursor: default !important; } table.dataTable.dtr-inline.collapsed > tbody > tr > td.child:before,table.dataTable.dtr-inline.collapsed > tbody > tr > th.child:before,table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty:before { display: none !important; } table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child,table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child { position: relative; padding-left: 30px; cursor: pointer; } table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:before,table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child:before { top: 8px; left: 4px; height: 16px; width: 16px; display: block; position: absolute; color: white; border: 2px solid white; border-radius: 16px; box-shadow: 0 0 3px #444; box-sizing: content-box; text-align: left; font-family: 'Courier New', Courier, monospace; text-indent: 4px; line-height: 16px; content: '+'; background-color: #31b131; } table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:before,table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child:before { content: '-'; background-color: #d33333; } table.dataTable.dtr-inline.collapsed > tbody > tr.child td:before { display: none; } table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td:first-child,table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th:first-child { padding-left: 27px; } table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td:first-child:before,table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th:first-child:before { top: 5px; left: 4px; height: 14px; width: 14px; border-radius: 14px; line-height: 14px; text-indent: 3px; } table.dataTable.dtr-column > tbody > tr > td.control,table.dataTable.dtr-column > tbody > tr > th.control { position: relative; cursor: pointer; } table.dataTable.dtr-column > tbody > tr > td.control:before,table.dataTable.dtr-column > tbody > tr > th.control:before { top: 50%; left: 50%; height: 16px; width: 16px; margin-top: -10px; margin-left: -10px; display: block; position: absolute; color: white; border: 2px solid white; border-radius: 16px; box-shadow: 0 0 3px #444; box-sizing: content-box; text-align: left; font-family: 'Courier New', Courier, monospace; text-indent: 4px; line-height: 16px; content: '+'; background-color: #31b131; } table.dataTable.dtr-column > tbody > tr.parent td.control:before,table.dataTable.dtr-column > tbody > tr.parent th.control:before { content: '-'; background-color: #d33333; } table.dataTable > tbody > tr.child { padding: 0.5em 1em; } table.dataTable > tbody > tr.child:hover { background: transparent !important; } table.dataTable > tbody > tr.child ul { display: inline-block; list-style-type: none; margin: 0; padding: 0; } table.dataTable > tbody > tr.child ul li { border-bottom: 1px solid #efefef; padding: 0.5em 0; } table.dataTable > tbody > tr.child ul li:first-child { padding-top: 0; } table.dataTable > tbody > tr.child ul li:last-child { border-bottom: none; } table.dataTable > tbody > tr.child span.dtr-title { display: inline-block; min-width: 75px; font-weight: bold; } div.dtr-modal { position: fixed; box-sizing: border-box; top: 0; left: 0; height: 100%; width: 100%; z-index: 100; padding: 10em 1em; } div.dtr-modal div.dtr-modal-display { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 50%; height: 50%; overflow: auto; margin: auto; z-index: 102; overflow: auto; background-color: #f5f5f7; border: 1px solid black; border-radius: 0.5em; box-shadow: 0 12px 30px rgba(0, 0, 0, 0.6); } div.dtr-modal div.dtr-modal-content { position: relative; padding: 1em; } div.dtr-modal div.dtr-modal-close { position: absolute; top: 6px; right: 6px; width: 22px; height: 22px; border: 1px solid #eaeaea; background-color: #f9f9f9; text-align: center; border-radius: 3px; cursor: pointer; z-index: 12; } div.dtr-modal div.dtr-modal-close:hover { background-color: #eaeaea; } div.dtr-modal div.dtr-modal-background { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 101; background: rgba(0, 0, 0, 0.6); } @media screen and (max-width: 767px) { div.dtr-modal div.dtr-modal-display { width: 95%; } } /*! * Datetimepicker for Bootstrap 3 * ! version : 4.7.14 * https://github.com/Eonasdan/bootstrap-datetimepicker/ */.bootstrap-datetimepicker-widget { list-style: none; } .bootstrap-datetimepicker-widget.dropdown-menu { margin: 2px 0; padding: 4px; width: 19em; } @media (min-width: 990px) { .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs { width: 38em; } } @media (min-width: 1152px) { .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs { width: 38em; } } @media (min-width: 1366px) { .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs { width: 38em; } } .bootstrap-datetimepicker-widget.dropdown-menu:before, .bootstrap-datetimepicker-widget.dropdown-menu:after { content: ''; display: inline-block; position: absolute; } .bootstrap-datetimepicker-widget.dropdown-menu.bottom:before { border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #ccc; border-bottom-color: rgba(0, 0, 0, 0.2); top: -7px; left: 7px; } .bootstrap-datetimepicker-widget.dropdown-menu.bottom:after { border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid white; top: -6px; left: 8px; } .bootstrap-datetimepicker-widget.dropdown-menu.top:before { border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 7px solid #ccc; border-top-color: rgba(0, 0, 0, 0.2); bottom: -7px; left: 6px; } .bootstrap-datetimepicker-widget.dropdown-menu.top:after { border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid white; bottom: -6px; left: 7px; } .bootstrap-datetimepicker-widget.dropdown-menu.pull-right:before { left: auto; right: 6px; } .bootstrap-datetimepicker-widget.dropdown-menu.pull-right:after { left: auto; right: 7px; } .bootstrap-datetimepicker-widget .list-unstyled { margin: 0; } .bootstrap-datetimepicker-widget a[data-action] { padding: 6px 0; } .bootstrap-datetimepicker-widget a[data-action]:active { box-shadow: none; } .bootstrap-datetimepicker-widget .timepicker-hour, .bootstrap-datetimepicker-widget .timepicker-minute, .bootstrap-datetimepicker-widget .timepicker-second { width: 54px; font-weight: bold; font-size: 1.2em; margin: 0; } .bootstrap-datetimepicker-widget button[data-action] { padding: 6px; height: 36px; } .bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]::after { content: "Increment Hours"; } .bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]::after { content: "Increment Minutes"; } .bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]::after { content: "Decrement Hours"; } .bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]::after { content: "Decrement Minutes"; } .bootstrap-datetimepicker-widget .btn[data-action="showHours"]::after { content: "Show Hours"; } .bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]::after { content: "Show Minutes"; } .bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]::after { content: "Toggle AM/PM"; } .bootstrap-datetimepicker-widget .btn[data-action="clear"]::after { content: "Clear the picker"; } .bootstrap-datetimepicker-widget .btn[data-action="today"]::after { content: "Set the date to today"; } .bootstrap-datetimepicker-widget .picker-switch { text-align: center; } .bootstrap-datetimepicker-widget .picker-switch::after { content: "Toggle Date and Time Screens"; } .bootstrap-datetimepicker-widget .picker-switch td { padding: 0; margin: 0; height: auto; width: auto; line-height: inherit; } .bootstrap-datetimepicker-widget .picker-switch td span { line-height: 2.5; height: 2.5em; width: 100%; } .bootstrap-datetimepicker-widget table { width: 100%; margin: 0; } .bootstrap-datetimepicker-widget table td, .bootstrap-datetimepicker-widget table th { text-align: center; border-radius: 4px; } .bootstrap-datetimepicker-widget table th { height: 20px; line-height: 20px; width: 20px; } .bootstrap-datetimepicker-widget table th.picker-switch { width: 145px; } .bootstrap-datetimepicker-widget table th.disabled, .bootstrap-datetimepicker-widget table th.disabled:hover { background: none; color: #777777; cursor: not-allowed; } .bootstrap-datetimepicker-widget table th.prev::after { content: "Previous Month"; } .bootstrap-datetimepicker-widget table th.next::after { content: "Next Month"; } .bootstrap-datetimepicker-widget table thead tr:first-child th { cursor: pointer; } .bootstrap-datetimepicker-widget table thead tr:first-child th:hover { background: #eeeeee; } .bootstrap-datetimepicker-widget table td { height: 54px; line-height: 54px; width: 54px; } .bootstrap-datetimepicker-widget table td.cw { font-size: .8em; height: 20px; line-height: 20px; color: #777777; } .bootstrap-datetimepicker-widget table td.day { height: 20px; line-height: 20px; width: 20px; } .bootstrap-datetimepicker-widget table td.day:hover, .bootstrap-datetimepicker-widget table td.hour:hover, .bootstrap-datetimepicker-widget table td.minute:hover, .bootstrap-datetimepicker-widget table td.second:hover { background: #eeeeee; cursor: pointer; } .bootstrap-datetimepicker-widget table td.old, .bootstrap-datetimepicker-widget table td.new { color: #777777; } .bootstrap-datetimepicker-widget table td.today { position: relative; } .bootstrap-datetimepicker-widget table td.today:before { content: ''; display: inline-block; border: 0 0 7px 7px solid transparent; border-bottom-color: #8B3765; border-top-color: rgba(0, 0, 0, 0.2); position: absolute; bottom: 4px; right: 4px; } .bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover { background-color: #8B3765; color: #8B3765; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .bootstrap-datetimepicker-widget table td.active.today:before { border-bottom-color: #fff; } .bootstrap-datetimepicker-widget table td.disabled, .bootstrap-datetimepicker-widget table td.disabled:hover { background: none; color: #777777; cursor: not-allowed; } .bootstrap-datetimepicker-widget table td span { display: inline-block; width: 54px; height: 54px; line-height: 54px; margin: 2px 1.5px; cursor: pointer; border-radius: 4px; } .bootstrap-datetimepicker-widget table td span:hover { background: #eeeeee; } .bootstrap-datetimepicker-widget table td span.active { background-color: #8B3765; color: #8B3765; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .bootstrap-datetimepicker-widget table td span.old { color: #777777; } .bootstrap-datetimepicker-widget table td span.disabled, .bootstrap-datetimepicker-widget table td span.disabled:hover { background: none; color: #777777; cursor: not-allowed; } .bootstrap-datetimepicker-widget.usetwentyfour td.hour { height: 27px; line-height: 27px; } .input-group.date .input-group-addon { cursor: pointer; } .btn-shpurple { background: #8B3765; color: white; border-color: #8B3765; } .btn-shpurple.btn-outlined { color: #8B3765; background: none; } .btn-shpurple.btn-outlined.btn-onlyOnHover { color: #89949B; } .btn-shpurple.btn-outlined.btn-onlyOnHover:hover, .btn-shpurple.btn-outlined.btn-onlyOnHover:focus, .btn-shpurple.btn-outlined.btn-onlyOnHover.active { color: white; } .btn-shpurple.btn-outlined.btn-inverse { color: white; border-color: white; } .btn-shpurple.btn-outlined.btn-inverse:hover, .btn-shpurple.btn-outlined.btn-inverse:focus, .btn-shpurple.btn-outlined.btn-inverse.active { color: #8B3765; background: white; } .btn-shpurple.btn-outlined.btn-inverse:hover.btn-retainBg, .btn-shpurple.btn-outlined.btn-inverse:focus.btn-retainBg, .btn-shpurple.btn-outlined.btn-inverse.active.btn-retainBg { background: #8B3765; color: white; border-color: #8B3765; } .btn-shpurple.btn-outlined.btn-inverse:hover.btn-retainBg:active, .btn-shpurple.btn-outlined.btn-inverse:focus.btn-retainBg:active, .btn-shpurple.btn-outlined.btn-inverse.active.btn-retainBg:active { background: #491d35; border-color: #1d0c15; } .btn-shpurple:focus, .btn-shpurple.focus, .btn-shpurple:hover, .btn-shpurple.active { color: white; background: #b04580; border-color: #b04580; } .btn-shpurple:active, .btn-shpurple.active, .btn-shpurple[aria-expanded="true"], .btn-shpurple.active:hover, .btn-shpurple.active:focus, .btn-shpurple[aria-expanded="true"]:hover, .btn-shpurple[aria-expanded="true"]:focus, .open > .btn-shpurple.dropdown-toggle { color: white; background: #491d35; border-color: #1d0c15; background-image: none; } .btn-shpurple.dropdown-toggle + ul li.active a { color: white; background: #8B3765; } .btn-shpurple.disabled, .btn-shpurple[disabled], fieldset[disabled] .btn-shpurple { pointer-events: none; } .btn-shpurple .badge { color: #8B3765; background-color: #8B3765; } .menu-shpurple ul li.active a, .menu-shpurple ul li.active a:hover { color: white; background: #8B3765 !important; } .nav-shpurple > li.active > a,.nav-shpurple > rubix-menu > li.active > a,.nav-shpurple > rubix-nav-item > li.active > a { color: white; background: #8B3765; border-color: #8B3765; } .tab-shpurple { border-color: #8B3765; } .tab-shpurple > li.active > a { border-color: #8B3765; border-bottom-color: transparent; } .tab-shpurple.nav-pills > li.active > a { background: #8B3765; color: white; } .rubix-panel-header.nav-inline .nav-shpurple > li.active > a { border: 1px solid #8B3765; border-bottom: none; } .rubix-panel-header.nav-inline .nav-shpurple > li.open > .dropdown-toggle { color: white; background: none; } .bg-shpurple { background: #8B3765 !important; } .bg-shpurple table td, .bg-shpurple th { border-color: rgba(0, 0, 0, 0.05) !important; } .bg-focus-shpurple:focus { background: #8B3765 !important; } .bg-hover-shpurple:hover { background: #8B3765 !important; } .fg-shpurple { color: #8B3765; } .fg-shpurple .nav-tabs > li.active > a { color: #8B3765; } .fg-tab-active-shpurple .nav-tabs > li.active > a { color: #8B3765 !important; } .fg-focus-shpurple:focus { color: #8B3765; } .fg-hover-shpurple:hover { color: #8B3765; } .border-shpurple { border-color: #8B3765 !important; } .border-shpurple .rubix-timeline-body > ul { border-color: #8B3765; } .border-shpurple.rubix-timeline-view:before { border-color: #8B3765; } .border-hover-shpurple:hover { border-color: #8B3765 !important; } .border-focus-shpurple:focus { border-color: #8B3765 !important; } .tl-shpurple .rubix-timeline-body > ul > li:before { border-color: #8B3765; } .list-bg-shpurple > .list-group-item.active { background: #8B3765 !important; color: white !important; } .list-fg-shpurple > .list-group-item { color: #8B3765; } .btn-shgreen { background: #6B8C56; color: white; border-color: #6B8C56; } .btn-shgreen.btn-outlined { color: #6B8C56; background: none; } .btn-shgreen.btn-outlined.btn-onlyOnHover { color: #89949B; } .btn-shgreen.btn-outlined.btn-onlyOnHover:hover, .btn-shgreen.btn-outlined.btn-onlyOnHover:focus, .btn-shgreen.btn-outlined.btn-onlyOnHover.active { color: white; } .btn-shgreen.btn-outlined.btn-inverse { color: white; border-color: white; } .btn-shgreen.btn-outlined.btn-inverse:hover, .btn-shgreen.btn-outlined.btn-inverse:focus, .btn-shgreen.btn-outlined.btn-inverse.active { color: #6B8C56; background: white; } .btn-shgreen.btn-outlined.btn-inverse:hover.btn-retainBg, .btn-shgreen.btn-outlined.btn-inverse:focus.btn-retainBg, .btn-shgreen.btn-outlined.btn-inverse.active.btn-retainBg { background: #6B8C56; color: white; border-color: #6B8C56; } .btn-shgreen.btn-outlined.btn-inverse:hover.btn-retainBg:active, .btn-shgreen.btn-outlined.btn-inverse:focus.btn-retainBg:active, .btn-shgreen.btn-outlined.btn-inverse.active.btn-retainBg:active { background: #405333; border-color: #232d1c; } .btn-shgreen:focus, .btn-shgreen.focus, .btn-shgreen:hover, .btn-shgreen.active { color: white; background: #84a66f; border-color: #84a66f; } .btn-shgreen:active, .btn-shgreen.active, .btn-shgreen[aria-expanded="true"], .btn-shgreen.active:hover, .btn-shgreen.active:focus, .btn-shgreen[aria-expanded="true"]:hover, .btn-shgreen[aria-expanded="true"]:focus, .open > .btn-shgreen.dropdown-toggle { color: white; background: #405333; border-color: #232d1c; background-image: none; } .btn-shgreen.dropdown-toggle + ul li.active a { color: white; background: #6B8C56; } .btn-shgreen.disabled, .btn-shgreen[disabled], fieldset[disabled] .btn-shgreen { pointer-events: none; } .btn-shgreen .badge { color: #6B8C56; background-color: #6B8C56; } .menu-shgreen ul li.active a, .menu-shgreen ul li.active a:hover { color: white; background: #6B8C56 !important; } .nav-shgreen > li.active > a,.nav-shgreen > rubix-menu > li.active > a,.nav-shgreen > rubix-nav-item > li.active > a { color: white; background: #6B8C56; border-color: #6B8C56; } .tab-shgreen { border-color: #6B8C56; } .tab-shgreen > li.active > a { border-color: #6B8C56; border-bottom-color: transparent; } .tab-shgreen.nav-pills > li.active > a { background: #6B8C56; color: white; } .rubix-panel-header.nav-inline .nav-shgreen > li.active > a { border: 1px solid #6B8C56; border-bottom: none; } .rubix-panel-header.nav-inline .nav-shgreen > li.open > .dropdown-toggle { color: white; background: none; } .bg-shgreen { background: #6B8C56 !important; } .bg-shgreen table td, .bg-shgreen th { border-color: rgba(0, 0, 0, 0.05) !important; } .bg-focus-shgreen:focus { background: #6B8C56 !important; } .bg-hover-shgreen:hover { background: #6B8C56 !important; } .fg-shgreen { color: #6B8C56; } .fg-shgreen .nav-tabs > li.active > a { color: #6B8C56; } .fg-tab-active-shgreen .nav-tabs > li.active > a { color: #6B8C56 !important; } .fg-focus-shgreen:focus { color: #6B8C56; } .fg-hover-shgreen:hover { color: #6B8C56; } .border-shgreen { border-color: #6B8C56 !important; } .border-shgreen .rubix-timeline-body > ul { border-color: #6B8C56; } .border-shgreen.rubix-timeline-view:before { border-color: #6B8C56; } .border-hover-shgreen:hover { border-color: #6B8C56 !important; } .border-focus-shgreen:focus { border-color: #6B8C56 !important; } .tl-shgreen .rubix-timeline-body > ul > li:before { border-color: #6B8C56; } .list-bg-shgreen > .list-group-item.active { background: #6B8C56 !important; color: white !important; } .list-fg-shgreen > .list-group-item { color: #6B8C56; } .btn-shbeige { background: #E2E7DD; color: #8B3765; border-color: #E2E7DD; } .btn-shbeige.btn-outlined { color: #E2E7DD; background: none; } .btn-shbeige.btn-outlined.btn-onlyOnHover { color: #89949B; } .btn-shbeige.btn-outlined.btn-onlyOnHover:hover, .btn-shbeige.btn-outlined.btn-onlyOnHover:focus, .btn-shbeige.btn-outlined.btn-onlyOnHover.active { color: #8B3765; } .btn-shbeige.btn-outlined.btn-inverse { color: #8B3765; border-color: #8B3765; } .btn-shbeige.btn-outlined.btn-inverse:hover, .btn-shbeige.btn-outlined.btn-inverse:focus, .btn-shbeige.btn-outlined.btn-inverse.active { color: #E2E7DD; background: #8B3765; } .btn-shbeige.btn-outlined.btn-inverse:hover.btn-retainBg, .btn-shbeige.btn-outlined.btn-inverse:focus.btn-retainBg, .btn-shbeige.btn-outlined.btn-inverse.active.btn-retainBg { background: #E2E7DD; color: #8B3765; border-color: #E2E7DD; } .btn-shbeige.btn-outlined.btn-inverse:hover.btn-retainBg:active, .btn-shbeige.btn-outlined.btn-inverse:focus.btn-retainBg:active, .btn-shbeige.btn-outlined.btn-inverse.active.btn-retainBg:active { background: #b4c1a7; border-color: #96a883; } .btn-shbeige:focus, .btn-shbeige.focus, .btn-shbeige:hover, .btn-shbeige.active { color: #8B3765; background: #fcfcfb; border-color: #fcfcfb; } .btn-shbeige:active, .btn-shbeige.active, .btn-shbeige[aria-expanded="true"], .btn-shbeige.active:hover, .btn-shbeige.active:focus, .btn-shbeige[aria-expanded="true"]:hover, .btn-shbeige[aria-expanded="true"]:focus, .open > .btn-shbeige.dropdown-toggle { color: #8B3765; background: #b4c1a7; border-color: #96a883; background-image: none; } .btn-shbeige.dropdown-toggle + ul li.active a { color: #8B3765; background: #E2E7DD; } .btn-shbeige.disabled, .btn-shbeige[disabled], fieldset[disabled] .btn-shbeige { pointer-events: none; } .btn-shbeige .badge { color: #E2E7DD; background-color: #E2E7DD; } .menu-shbeige ul li.active a, .menu-shbeige ul li.active a:hover { color: #8B3765; background: #E2E7DD !important; } .nav-shbeige > li.active > a,.nav-shbeige > rubix-menu > li.active > a,.nav-shbeige > rubix-nav-item > li.active > a { color: #8B3765; background: #E2E7DD; border-color: #E2E7DD; } .tab-shbeige { border-color: #E2E7DD; } .tab-shbeige > li.active > a { border-color: #E2E7DD; border-bottom-color: transparent; } .tab-shbeige.nav-pills > li.active > a { background: #E2E7DD; color: #8B3765; } .rubix-panel-header.nav-inline .nav-shbeige > li.active > a { border: 1px solid #E2E7DD; border-bottom: none; } .rubix-panel-header.nav-inline .nav-shbeige > li.open > .dropdown-toggle { color: white; background: none; } .bg-shbeige { background: #E2E7DD !important; } .bg-shbeige table td, .bg-shbeige th { border-color: rgba(0, 0, 0, 0.05) !important; } .bg-focus-shbeige:focus { background: #E2E7DD !important; } .bg-hover-shbeige:hover { background: #E2E7DD !important; } .fg-shbeige { color: #E2E7DD; } .fg-shbeige .nav-tabs > li.active > a { color: #E2E7DD; } .fg-tab-active-shbeige .nav-tabs > li.active > a { color: #E2E7DD !important; } .fg-focus-shbeige:focus { color: #E2E7DD; } .fg-hover-shbeige:hover { color: #E2E7DD; } .border-shbeige { border-color: #E2E7DD !important; } .border-shbeige .rubix-timeline-body > ul { border-color: #E2E7DD; } .border-shbeige.rubix-timeline-view:before { border-color: #E2E7DD; } .border-hover-shbeige:hover { border-color: #E2E7DD !important; } .border-focus-shbeige:focus { border-color: #E2E7DD !important; } .tl-shbeige .rubix-timeline-body > ul > li:before { border-color: #E2E7DD; } .list-bg-shbeige > .list-group-item.active { background: #E2E7DD !important; color: #8B3765 !important; } .list-fg-shbeige > .list-group-item { color: #E2E7DD; } .btn-shbeigeaccent { background: #E5DFCF; color: #8B3765; border-color: #E5DFCF; } .btn-shbeigeaccent.btn-outlined { color: #E5DFCF; background: none; } .btn-shbeigeaccent.btn-outlined.btn-onlyOnHover { color: #89949B; } .btn-shbeigeaccent.btn-outlined.btn-onlyOnHover:hover, .btn-shbeigeaccent.btn-outlined.btn-onlyOnHover:focus, .btn-shbeigeaccent.btn-outlined.btn-onlyOnHover.active { color: #8B3765; } .btn-shbeigeaccent.btn-outlined.btn-inverse { color: #8B3765; border-color: #8B3765; } .btn-shbeigeaccent.btn-outlined.btn-inverse:hover, .btn-shbeigeaccent.btn-outlined.btn-inverse:focus, .btn-shbeigeaccent.btn-outlined.btn-inverse.active { color: #E5DFCF; background: #8B3765; } .btn-shbeigeaccent.btn-outlined.btn-inverse:hover.btn-retainBg, .btn-shbeigeaccent.btn-outlined.btn-inverse:focus.btn-retainBg, .btn-shbeigeaccent.btn-outlined.btn-inverse.active.btn-retainBg { background: #E5DFCF; color: #8B3765; border-color: #E5DFCF; } .btn-shbeigeaccent.btn-outlined.btn-inverse:hover.btn-retainBg:active, .btn-shbeigeaccent.btn-outlined.btn-inverse:focus.btn-retainBg:active, .btn-shbeigeaccent.btn-outlined.btn-inverse.active.btn-retainBg:active { background: #c5b793; border-color: #af9d6c; } .btn-shbeigeaccent:focus, .btn-shbeigeaccent.focus, .btn-shbeigeaccent:hover, .btn-shbeigeaccent.active { color: #8B3765; background: #f7f5f0; border-color: #f7f5f0; } .btn-shbeigeaccent:active, .btn-shbeigeaccent.active, .btn-shbeigeaccent[aria-expanded="true"], .btn-shbeigeaccent.active:hover, .btn-shbeigeaccent.active:focus, .btn-shbeigeaccent[aria-expanded="true"]:hover, .btn-shbeigeaccent[aria-expanded="true"]:focus, .open > .btn-shbeigeaccent.dropdown-toggle { color: #8B3765; background: #c5b793; border-color: #af9d6c; background-image: none; } .btn-shbeigeaccent.dropdown-toggle + ul li.active a { color: #8B3765; background: #E5DFCF; } .btn-shbeigeaccent.disabled, .btn-shbeigeaccent[disabled], fieldset[disabled] .btn-shbeigeaccent { pointer-events: none; } .btn-shbeigeaccent .badge { color: #E5DFCF; background-color: #E5DFCF; } .menu-shbeigeaccent ul li.active a, .menu-shbeigeaccent ul li.active a:hover { color: #8B3765; background: #E5DFCF !important; } .nav-shbeigeaccent > li.active > a,.nav-shbeigeaccent > rubix-menu > li.active > a,.nav-shbeigeaccent > rubix-nav-item > li.active > a { color: #8B3765; background: #E5DFCF; border-color: #E5DFCF; } .tab-shbeigeaccent { border-color: #E5DFCF; } .tab-shbeigeaccent > li.active > a { border-color: #E5DFCF; border-bottom-color: transparent; } .tab-shbeigeaccent.nav-pills > li.active > a { background: #E5DFCF; color: #8B3765; } .rubix-panel-header.nav-inline .nav-shbeigeaccent > li.active > a { border: 1px solid #E5DFCF; border-bottom: none; } .rubix-panel-header.nav-inline .nav-shbeigeaccent > li.open > .dropdown-toggle { color: white; background: none; } .bg-shbeigeaccent { background: #E5DFCF !important; } .bg-shbeigeaccent table td, .bg-shbeigeaccent th { border-color: rgba(0, 0, 0, 0.05) !important; } .bg-focus-shbeigeaccent:focus { background: #E5DFCF !important; } .bg-hover-shbeigeaccent:hover { background: #E5DFCF !important; } .fg-shbeigeaccent { color: #E5DFCF; } .fg-shbeigeaccent .nav-tabs > li.active > a { color: #E5DFCF; } .fg-tab-active-shbeigeaccent .nav-tabs > li.active > a { color: #E5DFCF !important; } .fg-focus-shbeigeaccent:focus { color: #E5DFCF; } .fg-hover-shbeigeaccent:hover { color: #E5DFCF; } .border-shbeigeaccent { border-color: #E5DFCF !important; } .border-shbeigeaccent .rubix-timeline-body > ul { border-color: #E5DFCF; } .border-shbeigeaccent.rubix-timeline-view:before { border-color: #E5DFCF; } .border-hover-shbeigeaccent:hover { border-color: #E5DFCF !important; } .border-focus-shbeigeaccent:focus { border-color: #E5DFCF !important; } .tl-shbeigeaccent .rubix-timeline-body > ul > li:before { border-color: #E5DFCF; } .list-bg-shbeigeaccent > .list-group-item.active { background: #E5DFCF !important; color: #8B3765 !important; } .list-fg-shbeigeaccent > .list-group-item { color: #E5DFCF; } .btn-shmediumgray { background: #666983; color: white; border-color: #666983; } .btn-shmediumgray.btn-outlined { color: #666983; background: none; } .btn-shmediumgray.btn-outlined.btn-onlyOnHover { color: #89949B; } .btn-shmediumgray.btn-outlined.btn-onlyOnHover:hover, .btn-shmediumgray.btn-outlined.btn-onlyOnHover:focus, .btn-shmediumgray.btn-outlined.btn-onlyOnHover.active { color: white; } .btn-shmediumgray.btn-outlined.btn-inverse { color: white; border-color: white; } .btn-shmediumgray.btn-outlined.btn-inverse:hover, .btn-shmediumgray.btn-outlined.btn-inverse:focus, .btn-shmediumgray.btn-outlined.btn-inverse.active { color: #666983; background: white; } .btn-shmediumgray.btn-outlined.btn-inverse:hover.btn-retainBg, .btn-shmediumgray.btn-outlined.btn-inverse:focus.btn-retainBg, .btn-shmediumgray.btn-outlined.btn-inverse.active.btn-retainBg { background: #666983; color: white; border-color: #666983; } .btn-shmediumgray.btn-outlined.btn-inverse:hover.btn-retainBg:active, .btn-shmediumgray.btn-outlined.btn-inverse:focus.btn-retainBg:active, .btn-shmediumgray.btn-outlined.btn-inverse.active.btn-retainBg:active { background: #3e404f; border-color: #23242d; } .btn-shmediumgray:focus, .btn-shmediumgray.focus, .btn-shmediumgray:hover, .btn-shmediumgray.active { color: white; background: #80839c; border-color: #80839c; } .btn-shmediumgray:active, .btn-shmediumgray.active, .btn-shmediumgray[aria-expanded="true"], .btn-shmediumgray.active:hover, .btn-shmediumgray.active:focus, .btn-shmediumgray[aria-expanded="true"]:hover, .btn-shmediumgray[aria-expanded="true"]:focus, .open > .btn-shmediumgray.dropdown-toggle { color: white; background: #3e404f; border-color: #23242d; background-image: none; } .btn-shmediumgray.dropdown-toggle + ul li.active a { color: white; background: #666983; } .btn-shmediumgray.disabled, .btn-shmediumgray[disabled], fieldset[disabled] .btn-shmediumgray { pointer-events: none; } .btn-shmediumgray .badge { color: #666983; background-color: #666983; } .menu-shmediumgray ul li.active a, .menu-shmediumgray ul li.active a:hover { color: white; background: #666983 !important; } .nav-shmediumgray > li.active > a,.nav-shmediumgray > rubix-menu > li.active > a,.nav-shmediumgray > rubix-nav-item > li.active > a { color: white; background: #666983; border-color: #666983; } .tab-shmediumgray { border-color: #666983; } .tab-shmediumgray > li.active > a { border-color: #666983; border-bottom-color: transparent; } .tab-shmediumgray.nav-pills > li.active > a { background: #666983; color: white; } .rubix-panel-header.nav-inline .nav-shmediumgray > li.active > a { border: 1px solid #666983; border-bottom: none; } .rubix-panel-header.nav-inline .nav-shmediumgray > li.open > .dropdown-toggle { color: white; background: none; } .bg-shmediumgray { background: #666983 !important; } .bg-shmediumgray table td, .bg-shmediumgray th { border-color: rgba(0, 0, 0, 0.05) !important; } .bg-focus-shmediumgray:focus { background: #666983 !important; } .bg-hover-shmediumgray:hover { background: #666983 !important; } .fg-shmediumgray { color: #666983; } .fg-shmediumgray .nav-tabs > li.active > a { color: #666983; } .fg-tab-active-shmediumgray .nav-tabs > li.active > a { color: #666983 !important; } .fg-focus-shmediumgray:focus { color: #666983; } .fg-hover-shmediumgray:hover { color: #666983; } .border-shmediumgray { border-color: #666983 !important; } .border-shmediumgray .rubix-timeline-body > ul { border-color: #666983; } .border-shmediumgray.rubix-timeline-view:before { border-color: #666983; } .border-hover-shmediumgray:hover { border-color: #666983 !important; } .border-focus-shmediumgray:focus { border-color: #666983 !important; } .tl-shmediumgray .rubix-timeline-body > ul > li:before { border-color: #666983; } .list-bg-shmediumgray > .list-group-item.active { background: #666983 !important; color: white !important; } .list-fg-shmediumgray > .list-group-item { color: #666983; } .btn-shdarkgray { background: #26284B; color: white; border-color: #26284B; } .btn-shdarkgray.btn-outlined { color: #26284B; background: none; } .btn-shdarkgray.btn-outlined.btn-onlyOnHover { color: #89949B; } .btn-shdarkgray.btn-outlined.btn-onlyOnHover:hover, .btn-shdarkgray.btn-outlined.btn-onlyOnHover:focus, .btn-shdarkgray.btn-outlined.btn-onlyOnHover.active { color: white; } .btn-shdarkgray.btn-outlined.btn-inverse { color: white; border-color: white; } .btn-shdarkgray.btn-outlined.btn-inverse:hover, .btn-shdarkgray.btn-outlined.btn-inverse:focus, .btn-shdarkgray.btn-outlined.btn-inverse.active { color: #26284B; background: white; } .btn-shdarkgray.btn-outlined.btn-inverse:hover.btn-retainBg, .btn-shdarkgray.btn-outlined.btn-inverse:focus.btn-retainBg, .btn-shdarkgray.btn-outlined.btn-inverse.active.btn-retainBg { background: #26284B; color: white; border-color: #26284B; } .btn-shdarkgray.btn-outlined.btn-inverse:hover.btn-retainBg:active, .btn-shdarkgray.btn-outlined.btn-inverse:focus.btn-retainBg:active, .btn-shdarkgray.btn-outlined.btn-inverse.active.btn-retainBg:active { background: #07080e; border-color: black; } .btn-shdarkgray:focus, .btn-shdarkgray.focus, .btn-shdarkgray:hover, .btn-shdarkgray.active { color: white; background: #373a6d; border-color: #373a6d; } .btn-shdarkgray:active, .btn-shdarkgray.active, .btn-shdarkgray[aria-expanded="true"], .btn-shdarkgray.active:hover, .btn-shdarkgray.active:focus, .btn-shdarkgray[aria-expanded="true"]:hover, .btn-shdarkgray[aria-expanded="true"]:focus, .open > .btn-shdarkgray.dropdown-toggle { color: white; background: #07080e; border-color: black; background-image: none; } .btn-shdarkgray.dropdown-toggle + ul li.active a { color: white; background: #26284B; } .btn-shdarkgray.disabled, .btn-shdarkgray[disabled], fieldset[disabled] .btn-shdarkgray { pointer-events: none; } .btn-shdarkgray .badge { color: #26284B; background-color: #26284B; } .menu-shdarkgray ul li.active a, .menu-shdarkgray ul li.active a:hover { color: white; background: #26284B !important; } .nav-shdarkgray > li.active > a,.nav-shdarkgray > rubix-menu > li.active > a,.nav-shdarkgray > rubix-nav-item > li.active > a { color: white; background: #26284B; border-color: #26284B; } .tab-shdarkgray { border-color: #26284B; } .tab-shdarkgray > li.active > a { border-color: #26284B; border-bottom-color: transparent; } .tab-shdarkgray.nav-pills > li.active > a { background: #26284B; color: white; } .rubix-panel-header.nav-inline .nav-shdarkgray > li.active > a { border: 1px solid #26284B; border-bottom: none; } .rubix-panel-header.nav-inline .nav-shdarkgray > li.open > .dropdown-toggle { color: white; background: none; } .bg-shdarkgray { background: #26284B !important; } .bg-shdarkgray table td, .bg-shdarkgray th { border-color: rgba(0, 0, 0, 0.05) !important; } .bg-focus-shdarkgray:focus { background: #26284B !important; } .bg-hover-shdarkgray:hover { background: #26284B !important; } .fg-shdarkgray { color: #26284B; } .fg-shdarkgray .nav-tabs > li.active > a { color: #26284B; } .fg-tab-active-shdarkgray .nav-tabs > li.active > a { color: #26284B !important; } .fg-focus-shdarkgray:focus { color: #26284B; } .fg-hover-shdarkgray:hover { color: #26284B; } .border-shdarkgray { border-color: #26284B !important; } .border-shdarkgray .rubix-timeline-body > ul { border-color: #26284B; } .border-shdarkgray.rubix-timeline-view:before { border-color: #26284B; } .border-hover-shdarkgray:hover { border-color: #26284B !important; } .border-focus-shdarkgray:focus { border-color: #26284B !important; } .tl-shdarkgray .rubix-timeline-body > ul > li:before { border-color: #26284B; } .list-bg-shdarkgray > .list-group-item.active { background: #26284B !important; color: white !important; } .list-fg-shdarkgray > .list-group-item { color: #26284B; } .btn-shnavyblue { background: #26294A; color: white; border-color: #26294A; } .btn-shnavyblue.btn-outlined { color: #26294A; background: none; } .btn-shnavyblue.btn-outlined.btn-onlyOnHover { color: #89949B; } .btn-shnavyblue.btn-outlined.btn-onlyOnHover:hover, .btn-shnavyblue.btn-outlined.btn-onlyOnHover:focus, .btn-shnavyblue.btn-outlined.btn-onlyOnHover.active { color: white; } .btn-shnavyblue.btn-outlined.btn-inverse { color: white; border-color: white; } .btn-shnavyblue.btn-outlined.btn-inverse:hover, .btn-shnavyblue.btn-outlined.btn-inverse:focus, .btn-shnavyblue.btn-outlined.btn-inverse.active { color: #26294A; background: white; } .btn-shnavyblue.btn-outlined.btn-inverse:hover.btn-retainBg, .btn-shnavyblue.btn-outlined.btn-inverse:focus.btn-retainBg, .btn-shnavyblue.btn-outlined.btn-inverse.active.btn-retainBg { background: #26294A; color: white; border-color: #26294A; } .btn-shnavyblue.btn-outlined.btn-inverse:hover.btn-retainBg:active, .btn-shnavyblue.btn-outlined.btn-inverse:focus.btn-retainBg:active, .btn-shnavyblue.btn-outlined.btn-inverse.active.btn-retainBg:active { background: #07070d; border-color: black; } .btn-shnavyblue:focus, .btn-shnavyblue.focus, .btn-shnavyblue:hover, .btn-shnavyblue.active { color: white; background: #373c6c; border-color: #373c6c; } .btn-shnavyblue:active, .btn-shnavyblue.active, .btn-shnavyblue[aria-expanded="true"], .btn-shnavyblue.active:hover, .btn-shnavyblue.active:focus, .btn-shnavyblue[aria-expanded="true"]:hover, .btn-shnavyblue[aria-expanded="true"]:focus, .open > .btn-shnavyblue.dropdown-toggle { color: white; background: #07070d; border-color: black; background-image: none; } .btn-shnavyblue.dropdown-toggle + ul li.active a { color: white; background: #26294A; } .btn-shnavyblue.disabled, .btn-shnavyblue[disabled], fieldset[disabled] .btn-shnavyblue { pointer-events: none; } .btn-shnavyblue .badge { color: #26294A; background-color: #26294A; } .menu-shnavyblue ul li.active a, .menu-shnavyblue ul li.active a:hover { color: white; background: #26294A !important; } .nav-shnavyblue > li.active > a,.nav-shnavyblue > rubix-menu > li.active > a,.nav-shnavyblue > rubix-nav-item > li.active > a { color: white; background: #26294A; border-color: #26294A; } .tab-shnavyblue { border-color: #26294A; } .tab-shnavyblue > li.active > a { border-color: #26294A; border-bottom-color: transparent; } .tab-shnavyblue.nav-pills > li.active > a { background: #26294A; color: white; } .rubix-panel-header.nav-inline .nav-shnavyblue > li.active > a { border: 1px solid #26294A; border-bottom: none; } .rubix-panel-header.nav-inline .nav-shnavyblue > li.open > .dropdown-toggle { color: white; background: none; } .bg-shnavyblue { background: #26294A !important; } .bg-shnavyblue table td, .bg-shnavyblue th { border-color: rgba(0, 0, 0, 0.05) !important; } .bg-focus-shnavyblue:focus { background: #26294A !important; } .bg-hover-shnavyblue:hover { background: #26294A !important; } .fg-shnavyblue { color: #26294A; } .fg-shnavyblue .nav-tabs > li.active > a { color: #26294A; } .fg-tab-active-shnavyblue .nav-tabs > li.active > a { color: #26294A !important; } .fg-focus-shnavyblue:focus { color: #26294A; } .fg-hover-shnavyblue:hover { color: #26294A; } .border-shnavyblue { border-color: #26294A !important; } .border-shnavyblue .rubix-timeline-body > ul { border-color: #26294A; } .border-shnavyblue.rubix-timeline-view:before { border-color: #26294A; } .border-hover-shnavyblue:hover { border-color: #26294A !important; } .border-focus-shnavyblue:focus { border-color: #26294A !important; } .tl-shnavyblue .rubix-timeline-body > ul > li:before { border-color: #26294A; } .list-bg-shnavyblue > .list-group-item.active { background: #26294A !important; color: white !important; } .list-fg-shnavyblue > .list-group-item { color: #26294A; } .btn-shpurpledark { background: #66294a; color: white; border-color: #66294a; } .btn-shpurpledark.btn-outlined { color: #66294a; background: none; } .btn-shpurpledark.btn-outlined.btn-onlyOnHover { color: #89949B; } .btn-shpurpledark.btn-outlined.btn-onlyOnHover:hover, .btn-shpurpledark.btn-outlined.btn-onlyOnHover:focus, .btn-shpurpledark.btn-outlined.btn-onlyOnHover.active { color: white; } .btn-shpurpledark.btn-outlined.btn-inverse { color: white; border-color: white; } .btn-shpurpledark.btn-outlined.btn-inverse:hover, .btn-shpurpledark.btn-outlined.btn-inverse:focus, .btn-shpurpledark.btn-outlined.btn-inverse.active { color: #66294a; background: white; } .btn-shpurpledark.btn-outlined.btn-inverse:hover.btn-retainBg, .btn-shpurpledark.btn-outlined.btn-inverse:focus.btn-retainBg, .btn-shpurpledark.btn-outlined.btn-inverse.active.btn-retainBg { background: #66294a; color: white; border-color: #66294a; } .btn-shpurpledark.btn-outlined.btn-inverse:hover.btn-retainBg:active, .btn-shpurpledark.btn-outlined.btn-inverse:focus.btn-retainBg:active, .btn-shpurpledark.btn-outlined.btn-inverse.active.btn-retainBg:active { background: #250f1b; border-color: black; } .btn-shpurpledark:focus, .btn-shpurpledark.focus, .btn-shpurpledark:hover, .btn-shpurpledark.active { color: white; background: #8b3765; border-color: #8b3765; } .btn-shpurpledark:active, .btn-shpurpledark.active, .btn-shpurpledark[aria-expanded="true"], .btn-shpurpledark.active:hover, .btn-shpurpledark.active:focus, .btn-shpurpledark[aria-expanded="true"]:hover, .btn-shpurpledark[aria-expanded="true"]:focus, .open > .btn-shpurpledark.dropdown-toggle { color: white; background: #250f1b; border-color: black; background-image: none; } .btn-shpurpledark.dropdown-toggle + ul li.active a { color: white; background: #66294a; } .btn-shpurpledark.disabled, .btn-shpurpledark[disabled], fieldset[disabled] .btn-shpurpledark { pointer-events: none; } .btn-shpurpledark .badge { color: #66294a; background-color: #66294a; } .menu-shpurpledark ul li.active a, .menu-shpurpledark ul li.active a:hover { color: white; background: #66294a !important; } .nav-shpurpledark > li.active > a,.nav-shpurpledark > rubix-menu > li.active > a,.nav-shpurpledark > rubix-nav-item > li.active > a { color: white; background: #66294a; border-color: #66294a; } .tab-shpurpledark { border-color: #66294a; } .tab-shpurpledark > li.active > a { border-color: #66294a; border-bottom-color: transparent; } .tab-shpurpledark.nav-pills > li.active > a { background: #66294a; color: white; } .rubix-panel-header.nav-inline .nav-shpurpledark > li.active > a { border: 1px solid #66294a; border-bottom: none; } .rubix-panel-header.nav-inline .nav-shpurpledark > li.open > .dropdown-toggle { color: white; background: none; } .bg-shpurpledark { background: #66294a !important; } .bg-shpurpledark table td, .bg-shpurpledark th { border-color: rgba(0, 0, 0, 0.05) !important; } .bg-focus-shpurpledark:focus { background: #66294a !important; } .bg-hover-shpurpledark:hover { background: #66294a !important; } .fg-shpurpledark { color: #66294a; } .fg-shpurpledark .nav-tabs > li.active > a { color: #66294a; } .fg-tab-active-shpurpledark .nav-tabs > li.active > a { color: #66294a !important; } .fg-focus-shpurpledark:focus { color: #66294a; } .fg-hover-shpurpledark:hover { color: #66294a; } .border-shpurpledark { border-color: #66294a !important; } .border-shpurpledark .rubix-timeline-body > ul { border-color: #66294a; } .border-shpurpledark.rubix-timeline-view:before { border-color: #66294a; } .border-hover-shpurpledark:hover { border-color: #66294a !important; } .border-focus-shpurpledark:focus { border-color: #66294a !important; } .tl-shpurpledark .rubix-timeline-body > ul > li:before { border-color: #66294a; } .list-bg-shpurpledark > .list-group-item.active { background: #66294a !important; color: white !important; } .list-fg-shpurpledark > .list-group-item { color: #66294a; } .btn-shgreendark { background: #536c43; color: white; border-color: #536c43; } .btn-shgreendark.btn-outlined { color: #536c43; background: none; } .btn-shgreendark.btn-outlined.btn-onlyOnHover { color: #89949B; } .btn-shgreendark.btn-outlined.btn-onlyOnHover:hover, .btn-shgreendark.btn-outlined.btn-onlyOnHover:focus, .btn-shgreendark.btn-outlined.btn-onlyOnHover.active { color: white; } .btn-shgreendark.btn-outlined.btn-inverse { color: white; border-color: white; } .btn-shgreendark.btn-outlined.btn-inverse:hover, .btn-shgreendark.btn-outlined.btn-inverse:focus, .btn-shgreendark.btn-outlined.btn-inverse.active { color: #536c43; background: white; } .btn-shgreendark.btn-outlined.btn-inverse:hover.btn-retainBg, .btn-shgreendark.btn-outlined.btn-inverse:focus.btn-retainBg, .btn-shgreendark.btn-outlined.btn-inverse.active.btn-retainBg { background: #536c43; color: white; border-color: #536c43; } .btn-shgreendark.btn-outlined.btn-inverse:hover.btn-retainBg:active, .btn-shgreendark.btn-outlined.btn-inverse:focus.btn-retainBg:active, .btn-shgreendark.btn-outlined.btn-inverse.active.btn-retainBg:active { background: #273420; border-color: #0a0e08; } .btn-shgreendark:focus, .btn-shgreendark.focus, .btn-shgreendark:hover, .btn-shgreendark.active { color: white; background: #6b8c56; border-color: #6b8c56; } .btn-shgreendark:active, .btn-shgreendark.active, .btn-shgreendark[aria-expanded="true"], .btn-shgreendark.active:hover, .btn-shgreendark.active:focus, .btn-shgreendark[aria-expanded="true"]:hover, .btn-shgreendark[aria-expanded="true"]:focus, .open > .btn-shgreendark.dropdown-toggle { color: white; background: #273420; border-color: #0a0e08; background-image: none; } .btn-shgreendark.dropdown-toggle + ul li.active a { color: white; background: #536c43; } .btn-shgreendark.disabled, .btn-shgreendark[disabled], fieldset[disabled] .btn-shgreendark { pointer-events: none; } .btn-shgreendark .badge { color: #536c43; background-color: #536c43; } .menu-shgreendark ul li.active a, .menu-shgreendark ul li.active a:hover { color: white; background: #536c43 !important; } .nav-shgreendark > li.active > a,.nav-shgreendark > rubix-menu > li.active > a,.nav-shgreendark > rubix-nav-item > li.active > a { color: white; background: #536c43; border-color: #536c43; } .tab-shgreendark { border-color: #536c43; } .tab-shgreendark > li.active > a { border-color: #536c43; border-bottom-color: transparent; } .tab-shgreendark.nav-pills > li.active > a { background: #536c43; color: white; } .rubix-panel-header.nav-inline .nav-shgreendark > li.active > a { border: 1px solid #536c43; border-bottom: none; } .rubix-panel-header.nav-inline .nav-shgreendark > li.open > .dropdown-toggle { color: white; background: none; } .bg-shgreendark { background: #536c43 !important; } .bg-shgreendark table td, .bg-shgreendark th { border-color: rgba(0, 0, 0, 0.05) !important; } .bg-focus-shgreendark:focus { background: #536c43 !important; } .bg-hover-shgreendark:hover { background: #536c43 !important; } .fg-shgreendark { color: #536c43; } .fg-shgreendark .nav-tabs > li.active > a { color: #536c43; } .fg-tab-active-shgreendark .nav-tabs > li.active > a { color: #536c43 !important; } .fg-focus-shgreendark:focus { color: #536c43; } .fg-hover-shgreendark:hover { color: #536c43; } .border-shgreendark { border-color: #536c43 !important; } .border-shgreendark .rubix-timeline-body > ul { border-color: #536c43; } .border-shgreendark.rubix-timeline-view:before { border-color: #536c43; } .border-hover-shgreendark:hover { border-color: #536c43 !important; } .border-focus-shgreendark:focus { border-color: #536c43 !important; } .tl-shgreendark .rubix-timeline-body > ul > li:before { border-color: #536c43; } .list-bg-shgreendark > .list-group-item.active { background: #536c43 !important; color: white !important; } .list-fg-shgreendark > .list-group-item { color: #536c43; } .btn-shnavybluedark { background: #151628; color: white; border-color: #151628; } .btn-shnavybluedark.btn-outlined { color: #151628; background: none; } .btn-shnavybluedark.btn-outlined.btn-onlyOnHover { color: #89949B; } .btn-shnavybluedark.btn-outlined.btn-onlyOnHover:hover, .btn-shnavybluedark.btn-outlined.btn-onlyOnHover:focus, .btn-shnavybluedark.btn-outlined.btn-onlyOnHover.active { color: white; } .btn-shnavybluedark.btn-outlined.btn-inverse { color: white; border-color: white; } .btn-shnavybluedark.btn-outlined.btn-inverse:hover, .btn-shnavybluedark.btn-outlined.btn-inverse:focus, .btn-shnavybluedark.btn-outlined.btn-inverse.active { color: #151628; background: white; } .btn-shnavybluedark.btn-outlined.btn-inverse:hover.btn-retainBg, .btn-shnavybluedark.btn-outlined.btn-inverse:focus.btn-retainBg, .btn-shnavybluedark.btn-outlined.btn-inverse.active.btn-retainBg { background: #151628; color: white; border-color: #151628; } .btn-shnavybluedark.btn-outlined.btn-inverse:hover.btn-retainBg:active, .btn-shnavybluedark.btn-outlined.btn-inverse:focus.btn-retainBg:active, .btn-shnavybluedark.btn-outlined.btn-inverse.active.btn-retainBg:active { background: black; border-color: black; } .btn-shnavybluedark:focus, .btn-shnavybluedark.focus, .btn-shnavybluedark:hover, .btn-shnavybluedark.active { color: white; background: #26294a; border-color: #26294a; } .btn-shnavybluedark:active, .btn-shnavybluedark.active, .btn-shnavybluedark[aria-expanded="true"], .btn-shnavybluedark.active:hover, .btn-shnavybluedark.active:focus, .btn-shnavybluedark[aria-expanded="true"]:hover, .btn-shnavybluedark[aria-expanded="true"]:focus, .open > .btn-shnavybluedark.dropdown-toggle { color: white; background: black; border-color: black; background-image: none; } .btn-shnavybluedark.dropdown-toggle + ul li.active a { color: white; background: #151628; } .btn-shnavybluedark.disabled, .btn-shnavybluedark[disabled], fieldset[disabled] .btn-shnavybluedark { pointer-events: none; } .btn-shnavybluedark .badge { color: #151628; background-color: #151628; } .menu-shnavybluedark ul li.active a, .menu-shnavybluedark ul li.active a:hover { color: white; background: #151628 !important; } .nav-shnavybluedark > li.active > a,.nav-shnavybluedark > rubix-menu > li.active > a,.nav-shnavybluedark > rubix-nav-item > li.active > a { color: white; background: #151628; border-color: #151628; } .tab-shnavybluedark { border-color: #151628; } .tab-shnavybluedark > li.active > a { border-color: #151628; border-bottom-color: transparent; } .tab-shnavybluedark.nav-pills > li.active > a { background: #151628; color: white; } .rubix-panel-header.nav-inline .nav-shnavybluedark > li.active > a { border: 1px solid #151628; border-bottom: none; } .rubix-panel-header.nav-inline .nav-shnavybluedark > li.open > .dropdown-toggle { color: white; background: none; } .bg-shnavybluedark { background: #151628 !important; } .bg-shnavybluedark table td, .bg-shnavybluedark th { border-color: rgba(0, 0, 0, 0.05) !important; } .bg-focus-shnavybluedark:focus { background: #151628 !important; } .bg-hover-shnavybluedark:hover { background: #151628 !important; } .fg-shnavybluedark { color: #151628; } .fg-shnavybluedark .nav-tabs > li.active > a { color: #151628; } .fg-tab-active-shnavybluedark .nav-tabs > li.active > a { color: #151628 !important; } .fg-focus-shnavybluedark:focus { color: #151628; } .fg-hover-shnavybluedark:hover { color: #151628; } .border-shnavybluedark { border-color: #151628 !important; } .border-shnavybluedark .rubix-timeline-body > ul { border-color: #151628; } .border-shnavybluedark.rubix-timeline-view:before { border-color: #151628; } .border-hover-shnavybluedark:hover { border-color: #151628 !important; } .border-focus-shnavybluedark:focus { border-color: #151628 !important; } .tl-shnavybluedark .rubix-timeline-body > ul > li:before { border-color: #151628; } .list-bg-shnavybluedark > .list-group-item.active { background: #151628 !important; color: white !important; } .list-fg-shnavybluedark > .list-group-item { color: #151628; } .btn-shbeigedark { background: #c9d2bf; color: #8B3765; border-color: #c9d2bf; } .btn-shbeigedark.btn-outlined { color: #c9d2bf; background: none; } .btn-shbeigedark.btn-outlined.btn-onlyOnHover { color: #89949B; } .btn-shbeigedark.btn-outlined.btn-onlyOnHover:hover, .btn-shbeigedark.btn-outlined.btn-onlyOnHover:focus, .btn-shbeigedark.btn-outlined.btn-onlyOnHover.active { color: #8B3765; } .btn-shbeigedark.btn-outlined.btn-inverse { color: #8B3765; border-color: #8B3765; } .btn-shbeigedark.btn-outlined.btn-inverse:hover, .btn-shbeigedark.btn-outlined.btn-inverse:focus, .btn-shbeigedark.btn-outlined.btn-inverse.active { color: #c9d2bf; background: #8B3765; } .btn-shbeigedark.btn-outlined.btn-inverse:hover.btn-retainBg, .btn-shbeigedark.btn-outlined.btn-inverse:focus.btn-retainBg, .btn-shbeigedark.btn-outlined.btn-inverse.active.btn-retainBg { background: #c9d2bf; color: #8B3765; border-color: #c9d2bf; } .btn-shbeigedark.btn-outlined.btn-inverse:hover.btn-retainBg:active, .btn-shbeigedark.btn-outlined.btn-inverse:focus.btn-retainBg:active, .btn-shbeigedark.btn-outlined.btn-inverse.active.btn-retainBg:active { background: #9bac89; border-color: #7c9167; } .btn-shbeigedark:focus, .btn-shbeigedark.focus, .btn-shbeigedark:hover, .btn-shbeigedark.active { color: #8B3765; background: #e2e7dd; border-color: #e2e7dd; } .btn-shbeigedark:active, .btn-shbeigedark.active, .btn-shbeigedark[aria-expanded="true"], .btn-shbeigedark.active:hover, .btn-shbeigedark.active:focus, .btn-shbeigedark[aria-expanded="true"]:hover, .btn-shbeigedark[aria-expanded="true"]:focus, .open > .btn-shbeigedark.dropdown-toggle { color: #8B3765; background: #9bac89; border-color: #7c9167; background-image: none; } .btn-shbeigedark.dropdown-toggle + ul li.active a { color: #8B3765; background: #c9d2bf; } .btn-shbeigedark.disabled, .btn-shbeigedark[disabled], fieldset[disabled] .btn-shbeigedark { pointer-events: none; } .btn-shbeigedark .badge { color: #c9d2bf; background-color: #c9d2bf; } .menu-shbeigedark ul li.active a, .menu-shbeigedark ul li.active a:hover { color: #8B3765; background: #c9d2bf !important; } .nav-shbeigedark > li.active > a,.nav-shbeigedark > rubix-menu > li.active > a,.nav-shbeigedark > rubix-nav-item > li.active > a { color: #8B3765; background: #c9d2bf; border-color: #c9d2bf; } .tab-shbeigedark { border-color: #c9d2bf; } .tab-shbeigedark > li.active > a { border-color: #c9d2bf; border-bottom-color: transparent; } .tab-shbeigedark.nav-pills > li.active > a { background: #c9d2bf; color: #8B3765; } .rubix-panel-header.nav-inline .nav-shbeigedark > li.active > a { border: 1px solid #c9d2bf; border-bottom: none; } .rubix-panel-header.nav-inline .nav-shbeigedark > li.open > .dropdown-toggle { color: white; background: none; } .bg-shbeigedark { background: #c9d2bf !important; } .bg-shbeigedark table td, .bg-shbeigedark th { border-color: rgba(0, 0, 0, 0.05) !important; } .bg-focus-shbeigedark:focus { background: #c9d2bf !important; } .bg-hover-shbeigedark:hover { background: #c9d2bf !important; } .fg-shbeigedark { color: #c9d2bf; } .fg-shbeigedark .nav-tabs > li.active > a { color: #c9d2bf; } .fg-tab-active-shbeigedark .nav-tabs > li.active > a { color: #c9d2bf !important; } .fg-focus-shbeigedark:focus { color: #c9d2bf; } .fg-hover-shbeigedark:hover { color: #c9d2bf; } .border-shbeigedark { border-color: #c9d2bf !important; } .border-shbeigedark .rubix-timeline-body > ul { border-color: #c9d2bf; } .border-shbeigedark.rubix-timeline-view:before { border-color: #c9d2bf; } .border-hover-shbeigedark:hover { border-color: #c9d2bf !important; } .border-focus-shbeigedark:focus { border-color: #c9d2bf !important; } .tl-shbeigedark .rubix-timeline-body > ul > li:before { border-color: #c9d2bf; } .list-bg-shbeigedark > .list-group-item.active { background: #c9d2bf !important; color: #8B3765 !important; } .list-fg-shbeigedark > .list-group-item { color: #c9d2bf; } .btn-shpurplelight { background: #b04580; color: white; border-color: #b04580; } .btn-shpurplelight.btn-outlined { color: #b04580; background: none; } .btn-shpurplelight.btn-outlined.btn-onlyOnHover { color: #89949B; } .btn-shpurplelight.btn-outlined.btn-onlyOnHover:hover, .btn-shpurplelight.btn-outlined.btn-onlyOnHover:focus, .btn-shpurplelight.btn-outlined.btn-onlyOnHover.active { color: white; } .btn-shpurplelight.btn-outlined.btn-inverse { color: white; border-color: white; } .btn-shpurplelight.btn-outlined.btn-inverse:hover, .btn-shpurplelight.btn-outlined.btn-inverse:focus, .btn-shpurplelight.btn-outlined.btn-inverse.active { color: #b04580; background: white; } .btn-shpurplelight.btn-outlined.btn-inverse:hover.btn-retainBg, .btn-shpurplelight.btn-outlined.btn-inverse:focus.btn-retainBg, .btn-shpurplelight.btn-outlined.btn-inverse.active.btn-retainBg { background: #b04580; color: white; border-color: #b04580; } .btn-shpurplelight.btn-outlined.btn-inverse:hover.btn-retainBg:active, .btn-shpurplelight.btn-outlined.btn-inverse:focus.btn-retainBg:active, .btn-shpurplelight.btn-outlined.btn-inverse.active.btn-retainBg:active { background: #6e2b50; border-color: #421a30; } .btn-shpurplelight:focus, .btn-shpurplelight.focus, .btn-shpurplelight:hover, .btn-shpurplelight.active { color: white; background: #c26698; border-color: #c26698; } .btn-shpurplelight:active, .btn-shpurplelight.active, .btn-shpurplelight[aria-expanded="true"], .btn-shpurplelight.active:hover, .btn-shpurplelight.active:focus, .btn-shpurplelight[aria-expanded="true"]:hover, .btn-shpurplelight[aria-expanded="true"]:focus, .open > .btn-shpurplelight.dropdown-toggle { color: white; background: #6e2b50; border-color: #421a30; background-image: none; } .btn-shpurplelight.dropdown-toggle + ul li.active a { color: white; background: #b04580; } .btn-shpurplelight.disabled, .btn-shpurplelight[disabled], fieldset[disabled] .btn-shpurplelight { pointer-events: none; } .btn-shpurplelight .badge { color: #b04580; background-color: #b04580; } .menu-shpurplelight ul li.active a, .menu-shpurplelight ul li.active a:hover { color: white; background: #b04580 !important; } .nav-shpurplelight > li.active > a,.nav-shpurplelight > rubix-menu > li.active > a,.nav-shpurplelight > rubix-nav-item > li.active > a { color: white; background: #b04580; border-color: #b04580; } .tab-shpurplelight { border-color: #b04580; } .tab-shpurplelight > li.active > a { border-color: #b04580; border-bottom-color: transparent; } .tab-shpurplelight.nav-pills > li.active > a { background: #b04580; color: white; } .rubix-panel-header.nav-inline .nav-shpurplelight > li.active > a { border: 1px solid #b04580; border-bottom: none; } .rubix-panel-header.nav-inline .nav-shpurplelight > li.open > .dropdown-toggle { color: white; background: none; } .bg-shpurplelight { background: #b04580 !important; } .bg-shpurplelight table td, .bg-shpurplelight th { border-color: rgba(0, 0, 0, 0.05) !important; } .bg-focus-shpurplelight:focus { background: #b04580 !important; } .bg-hover-shpurplelight:hover { background: #b04580 !important; } .fg-shpurplelight { color: #b04580; } .fg-shpurplelight .nav-tabs > li.active > a { color: #b04580; } .fg-tab-active-shpurplelight .nav-tabs > li.active > a { color: #b04580 !important; } .fg-focus-shpurplelight:focus { color: #b04580; } .fg-hover-shpurplelight:hover { color: #b04580; } .border-shpurplelight { border-color: #b04580 !important; } .border-shpurplelight .rubix-timeline-body > ul { border-color: #b04580; } .border-shpurplelight.rubix-timeline-view:before { border-color: #b04580; } .border-hover-shpurplelight:hover { border-color: #b04580 !important; } .border-focus-shpurplelight:focus { border-color: #b04580 !important; } .tl-shpurplelight .rubix-timeline-body > ul > li:before { border-color: #b04580; } .list-bg-shpurplelight > .list-group-item.active { background: #b04580 !important; color: white !important; } .list-fg-shpurplelight > .list-group-item { color: #b04580; } .btn-shgreenlight { background: #84a66f; color: white; border-color: #84a66f; } .btn-shgreenlight.btn-outlined { color: #84a66f; background: none; } .btn-shgreenlight.btn-outlined.btn-onlyOnHover { color: #89949B; } .btn-shgreenlight.btn-outlined.btn-onlyOnHover:hover, .btn-shgreenlight.btn-outlined.btn-onlyOnHover:focus, .btn-shgreenlight.btn-outlined.btn-onlyOnHover.active { color: white; } .btn-shgreenlight.btn-outlined.btn-inverse { color: white; border-color: white; } .btn-shgreenlight.btn-outlined.btn-inverse:hover, .btn-shgreenlight.btn-outlined.btn-inverse:focus, .btn-shgreenlight.btn-outlined.btn-inverse.active { color: #84a66f; background: white; } .btn-shgreenlight.btn-outlined.btn-inverse:hover.btn-retainBg, .btn-shgreenlight.btn-outlined.btn-inverse:focus.btn-retainBg, .btn-shgreenlight.btn-outlined.btn-inverse.active.btn-retainBg { background: #84a66f; color: white; border-color: #84a66f; } .btn-shgreenlight.btn-outlined.btn-inverse:hover.btn-retainBg:active, .btn-shgreenlight.btn-outlined.btn-inverse:focus.btn-retainBg:active, .btn-shgreenlight.btn-outlined.btn-inverse.active.btn-retainBg:active { background: #587346; border-color: #3b4d2f; } .btn-shgreenlight:focus, .btn-shgreenlight.focus, .btn-shgreenlight:hover, .btn-shgreenlight.active { color: white; background: #9fba8e; border-color: #9fba8e; } .btn-shgreenlight:active, .btn-shgreenlight.active, .btn-shgreenlight[aria-expanded="true"], .btn-shgreenlight.active:hover, .btn-shgreenlight.active:focus, .btn-shgreenlight[aria-expanded="true"]:hover, .btn-shgreenlight[aria-expanded="true"]:focus, .open > .btn-shgreenlight.dropdown-toggle { color: white; background: #587346; border-color: #3b4d2f; background-image: none; } .btn-shgreenlight.dropdown-toggle + ul li.active a { color: white; background: #84a66f; } .btn-shgreenlight.disabled, .btn-shgreenlight[disabled], fieldset[disabled] .btn-shgreenlight { pointer-events: none; } .btn-shgreenlight .badge { color: #84a66f; background-color: #84a66f; } .menu-shgreenlight ul li.active a, .menu-shgreenlight ul li.active a:hover { color: white; background: #84a66f !important; } .nav-shgreenlight > li.active > a,.nav-shgreenlight > rubix-menu > li.active > a,.nav-shgreenlight > rubix-nav-item > li.active > a { color: white; background: #84a66f; border-color: #84a66f; } .tab-shgreenlight { border-color: #84a66f; } .tab-shgreenlight > li.active > a { border-color: #84a66f; border-bottom-color: transparent; } .tab-shgreenlight.nav-pills > li.active > a { background: #84a66f; color: white; } .rubix-panel-header.nav-inline .nav-shgreenlight > li.active > a { border: 1px solid #84a66f; border-bottom: none; } .rubix-panel-header.nav-inline .nav-shgreenlight > li.open > .dropdown-toggle { color: white; background: none; } .bg-shgreenlight { background: #84a66f !important; } .bg-shgreenlight table td, .bg-shgreenlight th { border-color: rgba(0, 0, 0, 0.05) !important; } .bg-focus-shgreenlight:focus { background: #84a66f !important; } .bg-hover-shgreenlight:hover { background: #84a66f !important; } .fg-shgreenlight { color: #84a66f; } .fg-shgreenlight .nav-tabs > li.active > a { color: #84a66f; } .fg-tab-active-shgreenlight .nav-tabs > li.active > a { color: #84a66f !important; } .fg-focus-shgreenlight:focus { color: #84a66f; } .fg-hover-shgreenlight:hover { color: #84a66f; } .border-shgreenlight { border-color: #84a66f !important; } .border-shgreenlight .rubix-timeline-body > ul { border-color: #84a66f; } .border-shgreenlight.rubix-timeline-view:before { border-color: #84a66f; } .border-hover-shgreenlight:hover { border-color: #84a66f !important; } .border-focus-shgreenlight:focus { border-color: #84a66f !important; } .tl-shgreenlight .rubix-timeline-body > ul > li:before { border-color: #84a66f; } .list-bg-shgreenlight > .list-group-item.active { background: #84a66f !important; color: white !important; } .list-fg-shgreenlight > .list-group-item { color: #84a66f; } .btn-shnavybluelight { background: #373c6c; color: white; border-color: #373c6c; } .btn-shnavybluelight.btn-outlined { color: #373c6c; background: none; } .btn-shnavybluelight.btn-outlined.btn-onlyOnHover { color: #89949B; } .btn-shnavybluelight.btn-outlined.btn-onlyOnHover:hover, .btn-shnavybluelight.btn-outlined.btn-onlyOnHover:focus, .btn-shnavybluelight.btn-outlined.btn-onlyOnHover.active { color: white; } .btn-shnavybluelight.btn-outlined.btn-inverse { color: white; border-color: white; } .btn-shnavybluelight.btn-outlined.btn-inverse:hover, .btn-shnavybluelight.btn-outlined.btn-inverse:focus, .btn-shnavybluelight.btn-outlined.btn-inverse.active { color: #373c6c; background: white; } .btn-shnavybluelight.btn-outlined.btn-inverse:hover.btn-retainBg, .btn-shnavybluelight.btn-outlined.btn-inverse:focus.btn-retainBg, .btn-shnavybluelight.btn-outlined.btn-inverse.active.btn-retainBg { background: #373c6c; color: white; border-color: #373c6c; } .btn-shnavybluelight.btn-outlined.btn-inverse:hover.btn-retainBg:active, .btn-shnavybluelight.btn-outlined.btn-inverse:focus.btn-retainBg:active, .btn-shnavybluelight.btn-outlined.btn-inverse.active.btn-retainBg:active { background: #181a2f; border-color: #030407; } .btn-shnavybluelight:focus, .btn-shnavybluelight.focus, .btn-shnavybluelight:hover, .btn-shnavybluelight.active { color: white; background: #494e8d; border-color: #494e8d; } .btn-shnavybluelight:active, .btn-shnavybluelight.active, .btn-shnavybluelight[aria-expanded="true"], .btn-shnavybluelight.active:hover, .btn-shnavybluelight.active:focus, .btn-shnavybluelight[aria-expanded="true"]:hover, .btn-shnavybluelight[aria-expanded="true"]:focus, .open > .btn-shnavybluelight.dropdown-toggle { color: white; background: #181a2f; border-color: #030407; background-image: none; } .btn-shnavybluelight.dropdown-toggle + ul li.active a { color: white; background: #373c6c; } .btn-shnavybluelight.disabled, .btn-shnavybluelight[disabled], fieldset[disabled] .btn-shnavybluelight { pointer-events: none; } .btn-shnavybluelight .badge { color: #373c6c; background-color: #373c6c; } .menu-shnavybluelight ul li.active a, .menu-shnavybluelight ul li.active a:hover { color: white; background: #373c6c !important; } .nav-shnavybluelight > li.active > a,.nav-shnavybluelight > rubix-menu > li.active > a,.nav-shnavybluelight > rubix-nav-item > li.active > a { color: white; background: #373c6c; border-color: #373c6c; } .tab-shnavybluelight { border-color: #373c6c; } .tab-shnavybluelight > li.active > a { border-color: #373c6c; border-bottom-color: transparent; } .tab-shnavybluelight.nav-pills > li.active > a { background: #373c6c; color: white; } .rubix-panel-header.nav-inline .nav-shnavybluelight > li.active > a { border: 1px solid #373c6c; border-bottom: none; } .rubix-panel-header.nav-inline .nav-shnavybluelight > li.open > .dropdown-toggle { color: white; background: none; } .bg-shnavybluelight { background: #373c6c !important; } .bg-shnavybluelight table td, .bg-shnavybluelight th { border-color: rgba(0, 0, 0, 0.05) !important; } .bg-focus-shnavybluelight:focus { background: #373c6c !important; } .bg-hover-shnavybluelight:hover { background: #373c6c !important; } .fg-shnavybluelight { color: #373c6c; } .fg-shnavybluelight .nav-tabs > li.active > a { color: #373c6c; } .fg-tab-active-shnavybluelight .nav-tabs > li.active > a { color: #373c6c !important; } .fg-focus-shnavybluelight:focus { color: #373c6c; } .fg-hover-shnavybluelight:hover { color: #373c6c; } .border-shnavybluelight { border-color: #373c6c !important; } .border-shnavybluelight .rubix-timeline-body > ul { border-color: #373c6c; } .border-shnavybluelight.rubix-timeline-view:before { border-color: #373c6c; } .border-hover-shnavybluelight:hover { border-color: #373c6c !important; } .border-focus-shnavybluelight:focus { border-color: #373c6c !important; } .tl-shnavybluelight .rubix-timeline-body > ul > li:before { border-color: #373c6c; } .list-bg-shnavybluelight > .list-group-item.active { background: #373c6c !important; color: white !important; } .list-fg-shnavybluelight > .list-group-item { color: #373c6c; } .btn-shbeigelight { background: #fcfcfb; color: #8B3765; border-color: #fcfcfb; } .btn-shbeigelight.btn-outlined { color: #fcfcfb; background: none; } .btn-shbeigelight.btn-outlined.btn-onlyOnHover { color: #89949B; } .btn-shbeigelight.btn-outlined.btn-onlyOnHover:hover, .btn-shbeigelight.btn-outlined.btn-onlyOnHover:focus, .btn-shbeigelight.btn-outlined.btn-onlyOnHover.active { color: #8B3765; } .btn-shbeigelight.btn-outlined.btn-inverse { color: #8B3765; border-color: #8B3765; } .btn-shbeigelight.btn-outlined.btn-inverse:hover, .btn-shbeigelight.btn-outlined.btn-inverse:focus, .btn-shbeigelight.btn-outlined.btn-inverse.active { color: #fcfcfb; background: #8B3765; } .btn-shbeigelight.btn-outlined.btn-inverse:hover.btn-retainBg, .btn-shbeigelight.btn-outlined.btn-inverse:focus.btn-retainBg, .btn-shbeigelight.btn-outlined.btn-inverse.active.btn-retainBg { background: #fcfcfb; color: #8B3765; border-color: #fcfcfb; } .btn-shbeigelight.btn-outlined.btn-inverse:hover.btn-retainBg:active, .btn-shbeigelight.btn-outlined.btn-inverse:focus.btn-retainBg:active, .btn-shbeigelight.btn-outlined.btn-inverse.active.btn-retainBg:active { background: #ced6c5; border-color: #afbda1; } .btn-shbeigelight:focus, .btn-shbeigelight.focus, .btn-shbeigelight:hover, .btn-shbeigelight.active { color: #8B3765; background: white; border-color: white; } .btn-shbeigelight:active, .btn-shbeigelight.active, .btn-shbeigelight[aria-expanded="true"], .btn-shbeigelight.active:hover, .btn-shbeigelight.active:focus, .btn-shbeigelight[aria-expanded="true"]:hover, .btn-shbeigelight[aria-expanded="true"]:focus, .open > .btn-shbeigelight.dropdown-toggle { color: #8B3765; background: #ced6c5; border-color: #afbda1; background-image: none; } .btn-shbeigelight.dropdown-toggle + ul li.active a { color: #8B3765; background: #fcfcfb; } .btn-shbeigelight.disabled, .btn-shbeigelight[disabled], fieldset[disabled] .btn-shbeigelight { pointer-events: none; } .btn-shbeigelight .badge { color: #fcfcfb; background-color: #fcfcfb; } .menu-shbeigelight ul li.active a, .menu-shbeigelight ul li.active a:hover { color: #8B3765; background: #fcfcfb !important; } .nav-shbeigelight > li.active > a,.nav-shbeigelight > rubix-menu > li.active > a,.nav-shbeigelight > rubix-nav-item > li.active > a { color: #8B3765; background: #fcfcfb; border-color: #fcfcfb; } .tab-shbeigelight { border-color: #fcfcfb; } .tab-shbeigelight > li.active > a { border-color: #fcfcfb; border-bottom-color: transparent; } .tab-shbeigelight.nav-pills > li.active > a { background: #fcfcfb; color: #8B3765; } .rubix-panel-header.nav-inline .nav-shbeigelight > li.active > a { border: 1px solid #fcfcfb; border-bottom: none; } .rubix-panel-header.nav-inline .nav-shbeigelight > li.open > .dropdown-toggle { color: white; background: none; } .bg-shbeigelight { background: #fcfcfb !important; } .bg-shbeigelight table td, .bg-shbeigelight th { border-color: rgba(0, 0, 0, 0.05) !important; } .bg-focus-shbeigelight:focus { background: #fcfcfb !important; } .bg-hover-shbeigelight:hover { background: #fcfcfb !important; } .fg-shbeigelight { color: #fcfcfb; } .fg-shbeigelight .nav-tabs > li.active > a { color: #fcfcfb; } .fg-tab-active-shbeigelight .nav-tabs > li.active > a { color: #fcfcfb !important; } .fg-focus-shbeigelight:focus { color: #fcfcfb; } .fg-hover-shbeigelight:hover { color: #fcfcfb; } .border-shbeigelight { border-color: #fcfcfb !important; } .border-shbeigelight .rubix-timeline-body > ul { border-color: #fcfcfb; } .border-shbeigelight.rubix-timeline-view:before { border-color: #fcfcfb; } .border-hover-shbeigelight:hover { border-color: #fcfcfb !important; } .border-focus-shbeigelight:focus { border-color: #fcfcfb !important; } .tl-shbeigelight .rubix-timeline-body > ul > li:before { border-color: #fcfcfb; } .list-bg-shbeigelight > .list-group-item.active { background: #fcfcfb !important; color: #8B3765 !important; } .list-fg-shbeigelight > .list-group-item { color: #fcfcfb; } .btn-primary { background: #8B3765; color: white; border-color: #8B3765; } .btn-primary.btn-outlined { color: #8B3765; background: none; } .btn-primary.btn-outlined.btn-onlyOnHover { color: #89949B; } .btn-primary.btn-outlined.btn-onlyOnHover:hover, .btn-primary.btn-outlined.btn-onlyOnHover:focus, .btn-primary.btn-outlined.btn-onlyOnHover.active { color: white; } .btn-primary.btn-outlined.btn-inverse { color: white; border-color: white; } .btn-primary.btn-outlined.btn-inverse:hover, .btn-primary.btn-outlined.btn-inverse:focus, .btn-primary.btn-outlined.btn-inverse.active { color: #8B3765; background: white; } .btn-primary.btn-outlined.btn-inverse:hover.btn-retainBg, .btn-primary.btn-outlined.btn-inverse:focus.btn-retainBg, .btn-primary.btn-outlined.btn-inverse.active.btn-retainBg { background: #8B3765; color: white; border-color: #8B3765; } .btn-primary.btn-outlined.btn-inverse:hover.btn-retainBg:active, .btn-primary.btn-outlined.btn-inverse:focus.btn-retainBg:active, .btn-primary.btn-outlined.btn-inverse.active.btn-retainBg:active { background: #491d35; border-color: #1d0c15; } .btn-primary:focus, .btn-primary.focus, .btn-primary:hover, .btn-primary.active { color: white; background: #b04580; border-color: #b04580; } .btn-primary:active, .btn-primary.active, .btn-primary[aria-expanded="true"], .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary[aria-expanded="true"]:hover, .btn-primary[aria-expanded="true"]:focus, .open > .btn-primary.dropdown-toggle { color: white; background: #491d35; border-color: #1d0c15; background-image: none; } .btn-primary.dropdown-toggle + ul li.active a { color: white; background: #8B3765; } .btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary { pointer-events: none; } .btn-primary .badge { color: #8B3765; background-color: #8B3765; } .menu-primary ul li.active a, .menu-primary ul li.active a:hover { color: white; background: #8B3765 !important; } .nav-primary > li.active > a,.nav-primary > rubix-menu > li.active > a,.nav-primary > rubix-nav-item > li.active > a { color: white; background: #8B3765; border-color: #8B3765; } .tab-primary { border-color: #8B3765; } .tab-primary > li.active > a { border-color: #8B3765; border-bottom-color: transparent; } .tab-primary.nav-pills > li.active > a { background: #8B3765; color: white; } .rubix-panel-header.nav-inline .nav-primary > li.active > a { border: 1px solid #8B3765; border-bottom: none; } .rubix-panel-header.nav-inline .nav-primary > li.open > .dropdown-toggle { color: white; background: none; } .bg-primary { background: #8B3765 !important; } .bg-primary table td, .bg-primary th { border-color: rgba(0, 0, 0, 0.05) !important; } .bg-focus-primary:focus { background: #8B3765 !important; } .bg-hover-primary:hover { background: #8B3765 !important; } .fg-primary { color: #8B3765; } .fg-primary .nav-tabs > li.active > a { color: #8B3765; } .fg-tab-active-primary .nav-tabs > li.active > a { color: #8B3765 !important; } .fg-focus-primary:focus { color: #8B3765; } .fg-hover-primary:hover { color: #8B3765; } .border-primary { border-color: #8B3765 !important; } .border-primary .rubix-timeline-body > ul { border-color: #8B3765; } .border-primary.rubix-timeline-view:before { border-color: #8B3765; } .border-hover-primary:hover { border-color: #8B3765 !important; } .border-focus-primary:focus { border-color: #8B3765 !important; } .tl-primary .rubix-timeline-body > ul > li:before { border-color: #8B3765; } .list-bg-primary > .list-group-item.active { background: #8B3765 !important; color: white !important; } .list-fg-primary > .list-group-item { color: #8B3765; } .btn-success { background: #6B8C56; color: white; border-color: #6B8C56; } .btn-success.btn-outlined { color: #6B8C56; background: none; } .btn-success.btn-outlined.btn-onlyOnHover { color: #89949B; } .btn-success.btn-outlined.btn-onlyOnHover:hover, .btn-success.btn-outlined.btn-onlyOnHover:focus, .btn-success.btn-outlined.btn-onlyOnHover.active { color: white; } .btn-success.btn-outlined.btn-inverse { color: white; border-color: white; } .btn-success.btn-outlined.btn-inverse:hover, .btn-success.btn-outlined.btn-inverse:focus, .btn-success.btn-outlined.btn-inverse.active { color: #6B8C56; background: white; } .btn-success.btn-outlined.btn-inverse:hover.btn-retainBg, .btn-success.btn-outlined.btn-inverse:focus.btn-retainBg, .btn-success.btn-outlined.btn-inverse.active.btn-retainBg { background: #6B8C56; color: white; border-color: #6B8C56; } .btn-success.btn-outlined.btn-inverse:hover.btn-retainBg:active, .btn-success.btn-outlined.btn-inverse:focus.btn-retainBg:active, .btn-success.btn-outlined.btn-inverse.active.btn-retainBg:active { background: #405333; border-color: #232d1c; } .btn-success:focus, .btn-success.focus, .btn-success:hover, .btn-success.active { color: white; background: #84a66f; border-color: #84a66f; } .btn-success:active, .btn-success.active, .btn-success[aria-expanded="true"], .btn-success.active:hover, .btn-success.active:focus, .btn-success[aria-expanded="true"]:hover, .btn-success[aria-expanded="true"]:focus, .open > .btn-success.dropdown-toggle { color: white; background: #405333; border-color: #232d1c; background-image: none; } .btn-success.dropdown-toggle + ul li.active a { color: white; background: #6B8C56; } .btn-success.disabled, .btn-success[disabled], fieldset[disabled] .btn-success { pointer-events: none; } .btn-success .badge { color: #6B8C56; background-color: #6B8C56; } .menu-success ul li.active a, .menu-success ul li.active a:hover { color: white; background: #6B8C56 !important; } .nav-success > li.active > a,.nav-success > rubix-menu > li.active > a,.nav-success > rubix-nav-item > li.active > a { color: white; background: #6B8C56; border-color: #6B8C56; } .tab-success { border-color: #6B8C56; } .tab-success > li.active > a { border-color: #6B8C56; border-bottom-color: transparent; } .tab-success.nav-pills > li.active > a { background: #6B8C56; color: white; } .rubix-panel-header.nav-inline .nav-success > li.active > a { border: 1px solid #6B8C56; border-bottom: none; } .rubix-panel-header.nav-inline .nav-success > li.open > .dropdown-toggle { color: white; background: none; } .bg-success { background: #6B8C56 !important; } .bg-success table td, .bg-success th { border-color: rgba(0, 0, 0, 0.05) !important; } .bg-focus-success:focus { background: #6B8C56 !important; } .bg-hover-success:hover { background: #6B8C56 !important; } .fg-success { color: #6B8C56; } .fg-success .nav-tabs > li.active > a { color: #6B8C56; } .fg-tab-active-success .nav-tabs > li.active > a { color: #6B8C56 !important; } .fg-focus-success:focus { color: #6B8C56; } .fg-hover-success:hover { color: #6B8C56; } .border-success { border-color: #6B8C56 !important; } .border-success .rubix-timeline-body > ul { border-color: #6B8C56; } .border-success.rubix-timeline-view:before { border-color: #6B8C56; } .border-hover-success:hover { border-color: #6B8C56 !important; } .border-focus-success:focus { border-color: #6B8C56 !important; } .tl-success .rubix-timeline-body > ul > li:before { border-color: #6B8C56; } .list-bg-success > .list-group-item.active { background: #6B8C56 !important; color: white !important; } .list-fg-success > .list-group-item { color: #6B8C56; } .btn-info { background: #666983; color: white; border-color: #666983; } .btn-info.btn-outlined { color: #666983; background: none; } .btn-info.btn-outlined.btn-onlyOnHover { color: #89949B; } .btn-info.btn-outlined.btn-onlyOnHover:hover, .btn-info.btn-outlined.btn-onlyOnHover:focus, .btn-info.btn-outlined.btn-onlyOnHover.active { color: white; } .btn-info.btn-outlined.btn-inverse { color: white; border-color: white; } .btn-info.btn-outlined.btn-inverse:hover, .btn-info.btn-outlined.btn-inverse:focus, .btn-info.btn-outlined.btn-inverse.active { color: #666983; background: white; } .btn-info.btn-outlined.btn-inverse:hover.btn-retainBg, .btn-info.btn-outlined.btn-inverse:focus.btn-retainBg, .btn-info.btn-outlined.btn-inverse.active.btn-retainBg { background: #666983; color: white; border-color: #666983; } .btn-info.btn-outlined.btn-inverse:hover.btn-retainBg:active, .btn-info.btn-outlined.btn-inverse:focus.btn-retainBg:active, .btn-info.btn-outlined.btn-inverse.active.btn-retainBg:active { background: #3e404f; border-color: #23242d; } .btn-info:focus, .btn-info.focus, .btn-info:hover, .btn-info.active { color: white; background: #80839c; border-color: #80839c; } .btn-info:active, .btn-info.active, .btn-info[aria-expanded="true"], .btn-info.active:hover, .btn-info.active:focus, .btn-info[aria-expanded="true"]:hover, .btn-info[aria-expanded="true"]:focus, .open > .btn-info.dropdown-toggle { color: white; background: #3e404f; border-color: #23242d; background-image: none; } .btn-info.dropdown-toggle + ul li.active a { color: white; background: #666983; } .btn-info.disabled, .btn-info[disabled], fieldset[disabled] .btn-info { pointer-events: none; } .btn-info .badge { color: #666983; background-color: #666983; } .menu-info ul li.active a, .menu-info ul li.active a:hover { color: white; background: #666983 !important; } .nav-info > li.active > a,.nav-info > rubix-menu > li.active > a,.nav-info > rubix-nav-item > li.active > a { color: white; background: #666983; border-color: #666983; } .tab-info { border-color: #666983; } .tab-info > li.active > a { border-color: #666983; border-bottom-color: transparent; } .tab-info.nav-pills > li.active > a { background: #666983; color: white; } .rubix-panel-header.nav-inline .nav-info > li.active > a { border: 1px solid #666983; border-bottom: none; } .rubix-panel-header.nav-inline .nav-info > li.open > .dropdown-toggle { color: white; background: none; } .bg-info { background: #666983 !important; } .bg-info table td, .bg-info th { border-color: rgba(0, 0, 0, 0.05) !important; } .bg-focus-info:focus { background: #666983 !important; } .bg-hover-info:hover { background: #666983 !important; } .fg-info { color: #666983; } .fg-info .nav-tabs > li.active > a { color: #666983; } .fg-tab-active-info .nav-tabs > li.active > a { color: #666983 !important; } .fg-focus-info:focus { color: #666983; } .fg-hover-info:hover { color: #666983; } .border-info { border-color: #666983 !important; } .border-info .rubix-timeline-body > ul { border-color: #666983; } .border-info.rubix-timeline-view:before { border-color: #666983; } .border-hover-info:hover { border-color: #666983 !important; } .border-focus-info:focus { border-color: #666983 !important; } .tl-info .rubix-timeline-body > ul > li:before { border-color: #666983; } .list-bg-info > .list-group-item.active { background: #666983 !important; color: white !important; } .list-fg-info > .list-group-item { color: #666983; } .btn-warning { background: #b04580; color: white; border-color: #b04580; } .btn-warning.btn-outlined { color: #b04580; background: none; } .btn-warning.btn-outlined.btn-onlyOnHover { color: #89949B; } .btn-warning.btn-outlined.btn-onlyOnHover:hover, .btn-warning.btn-outlined.btn-onlyOnHover:focus, .btn-warning.btn-outlined.btn-onlyOnHover.active { color: white; } .btn-warning.btn-outlined.btn-inverse { color: white; border-color: white; } .btn-warning.btn-outlined.btn-inverse:hover, .btn-warning.btn-outlined.btn-inverse:focus, .btn-warning.btn-outlined.btn-inverse.active { color: #b04580; background: white; } .btn-warning.btn-outlined.btn-inverse:hover.btn-retainBg, .btn-warning.btn-outlined.btn-inverse:focus.btn-retainBg, .btn-warning.btn-outlined.btn-inverse.active.btn-retainBg { background: #b04580; color: white; border-color: #b04580; } .btn-warning.btn-outlined.btn-inverse:hover.btn-retainBg:active, .btn-warning.btn-outlined.btn-inverse:focus.btn-retainBg:active, .btn-warning.btn-outlined.btn-inverse.active.btn-retainBg:active { background: #6e2b50; border-color: #421a30; } .btn-warning:focus, .btn-warning.focus, .btn-warning:hover, .btn-warning.active { color: white; background: #c26698; border-color: #c26698; } .btn-warning:active, .btn-warning.active, .btn-warning[aria-expanded="true"], .btn-warning.active:hover, .btn-warning.active:focus, .btn-warning[aria-expanded="true"]:hover, .btn-warning[aria-expanded="true"]:focus, .open > .btn-warning.dropdown-toggle { color: white; background: #6e2b50; border-color: #421a30; background-image: none; } .btn-warning.dropdown-toggle + ul li.active a { color: white; background: #b04580; } .btn-warning.disabled, .btn-warning[disabled], fieldset[disabled] .btn-warning { pointer-events: none; } .btn-warning .badge { color: #b04580; background-color: #b04580; } .menu-warning ul li.active a, .menu-warning ul li.active a:hover { color: white; background: #b04580 !important; } .nav-warning > li.active > a,.nav-warning > rubix-menu > li.active > a,.nav-warning > rubix-nav-item > li.active > a { color: white; background: #b04580; border-color: #b04580; } .tab-warning { border-color: #b04580; } .tab-warning > li.active > a { border-color: #b04580; border-bottom-color: transparent; } .tab-warning.nav-pills > li.active > a { background: #b04580; color: white; } .rubix-panel-header.nav-inline .nav-warning > li.active > a { border: 1px solid #b04580; border-bottom: none; } .rubix-panel-header.nav-inline .nav-warning > li.open > .dropdown-toggle { color: white; background: none; } .bg-warning { background: #b04580 !important; } .bg-warning table td, .bg-warning th { border-color: rgba(0, 0, 0, 0.05) !important; } .bg-focus-warning:focus { background: #b04580 !important; } .bg-hover-warning:hover { background: #b04580 !important; } .fg-warning { color: #b04580; } .fg-warning .nav-tabs > li.active > a { color: #b04580; } .fg-tab-active-warning .nav-tabs > li.active > a { color: #b04580 !important; } .fg-focus-warning:focus { color: #b04580; } .fg-hover-warning:hover { color: #b04580; } .border-warning { border-color: #b04580 !important; } .border-warning .rubix-timeline-body > ul { border-color: #b04580; } .border-warning.rubix-timeline-view:before { border-color: #b04580; } .border-hover-warning:hover { border-color: #b04580 !important; } .border-focus-warning:focus { border-color: #b04580 !important; } .tl-warning .rubix-timeline-body > ul > li:before { border-color: #b04580; } .list-bg-warning > .list-group-item.active { background: #b04580 !important; color: white !important; } .list-fg-warning > .list-group-item { color: #b04580; } .btn-danger { background: #66294a; color: white; border-color: #66294a; } .btn-danger.btn-outlined { color: #66294a; background: none; } .btn-danger.btn-outlined.btn-onlyOnHover { color: #89949B; } .btn-danger.btn-outlined.btn-onlyOnHover:hover, .btn-danger.btn-outlined.btn-onlyOnHover:focus, .btn-danger.btn-outlined.btn-onlyOnHover.active { color: white; } .btn-danger.btn-outlined.btn-inverse { color: white; border-color: white; } .btn-danger.btn-outlined.btn-inverse:hover, .btn-danger.btn-outlined.btn-inverse:focus, .btn-danger.btn-outlined.btn-inverse.active { color: #66294a; background: white; } .btn-danger.btn-outlined.btn-inverse:hover.btn-retainBg, .btn-danger.btn-outlined.btn-inverse:focus.btn-retainBg, .btn-danger.btn-outlined.btn-inverse.active.btn-retainBg { background: #66294a; color: white; border-color: #66294a; } .btn-danger.btn-outlined.btn-inverse:hover.btn-retainBg:active, .btn-danger.btn-outlined.btn-inverse:focus.btn-retainBg:active, .btn-danger.btn-outlined.btn-inverse.active.btn-retainBg:active { background: #250f1b; border-color: black; } .btn-danger:focus, .btn-danger.focus, .btn-danger:hover, .btn-danger.active { color: white; background: #8b3765; border-color: #8b3765; } .btn-danger:active, .btn-danger.active, .btn-danger[aria-expanded="true"], .btn-danger.active:hover, .btn-danger.active:focus, .btn-danger[aria-expanded="true"]:hover, .btn-danger[aria-expanded="true"]:focus, .open > .btn-danger.dropdown-toggle { color: white; background: #250f1b; border-color: black; background-image: none; } .btn-danger.dropdown-toggle + ul li.active a { color: white; background: #66294a; } .btn-danger.disabled, .btn-danger[disabled], fieldset[disabled] .btn-danger { pointer-events: none; } .btn-danger .badge { color: #66294a; background-color: #66294a; } .menu-danger ul li.active a, .menu-danger ul li.active a:hover { color: white; background: #66294a !important; } .nav-danger > li.active > a,.nav-danger > rubix-menu > li.active > a,.nav-danger > rubix-nav-item > li.active > a { color: white; background: #66294a; border-color: #66294a; } .tab-danger { border-color: #66294a; } .tab-danger > li.active > a { border-color: #66294a; border-bottom-color: transparent; } .tab-danger.nav-pills > li.active > a { background: #66294a; color: white; } .rubix-panel-header.nav-inline .nav-danger > li.active > a { border: 1px solid #66294a; border-bottom: none; } .rubix-panel-header.nav-inline .nav-danger > li.open > .dropdown-toggle { color: white; background: none; } .bg-danger { background: #66294a !important; } .bg-danger table td, .bg-danger th { border-color: rgba(0, 0, 0, 0.05) !important; } .bg-focus-danger:focus { background: #66294a !important; } .bg-hover-danger:hover { background: #66294a !important; } .fg-danger { color: #66294a; } .fg-danger .nav-tabs > li.active > a { color: #66294a; } .fg-tab-active-danger .nav-tabs > li.active > a { color: #66294a !important; } .fg-focus-danger:focus { color: #66294a; } .fg-hover-danger:hover { color: #66294a; } .border-danger { border-color: #66294a !important; } .border-danger .rubix-timeline-body > ul { border-color: #66294a; } .border-danger.rubix-timeline-view:before { border-color: #66294a; } .border-hover-danger:hover { border-color: #66294a !important; } .border-focus-danger:focus { border-color: #66294a !important; } .tl-danger .rubix-timeline-body > ul > li:before { border-color: #66294a; } .list-bg-danger > .list-group-item.active { background: #66294a !important; color: white !important; } .list-fg-danger > .list-group-item { color: #66294a; } .btn-shpurple { background: #8B3765; color: white; border-color: #8B3765; } .btn-shpurple.btn-outlined { color: #8B3765; background: none; } .btn-shpurple.btn-outlined.btn-onlyOnHover { color: #89949B; } .btn-shpurple.btn-outlined.btn-onlyOnHover:hover, .btn-shpurple.btn-outlined.btn-onlyOnHover:focus, .btn-shpurple.btn-outlined.btn-onlyOnHover.active { color: white; } .btn-shpurple.btn-outlined.btn-inverse { color: white; border-color: white; } .btn-shpurple.btn-outlined.btn-inverse:hover, .btn-shpurple.btn-outlined.btn-inverse:focus, .btn-shpurple.btn-outlined.btn-inverse.active { color: #8B3765; background: white; } .btn-shpurple.btn-outlined.btn-inverse:hover.btn-retainBg, .btn-shpurple.btn-outlined.btn-inverse:focus.btn-retainBg, .btn-shpurple.btn-outlined.btn-inverse.active.btn-retainBg { background: #8B3765; color: white; border-color: #8B3765; } .btn-shpurple.btn-outlined.btn-inverse:hover.btn-retainBg:active, .btn-shpurple.btn-outlined.btn-inverse:focus.btn-retainBg:active, .btn-shpurple.btn-outlined.btn-inverse.active.btn-retainBg:active { background: #491d35; border-color: #1d0c15; } .btn-shpurple:focus, .btn-shpurple.focus, .btn-shpurple:hover, .btn-shpurple.active { color: white; background: #b04580; border-color: #b04580; } .btn-shpurple:active, .btn-shpurple.active, .btn-shpurple[aria-expanded="true"], .btn-shpurple.active:hover, .btn-shpurple.active:focus, .btn-shpurple[aria-expanded="true"]:hover, .btn-shpurple[aria-expanded="true"]:focus, .open > .btn-shpurple.dropdown-toggle { color: white; background: #491d35; border-color: #1d0c15; background-image: none; } .btn-shpurple.dropdown-toggle + ul li.active a { color: white; background: #8B3765; } .btn-shpurple.disabled, .btn-shpurple[disabled], fieldset[disabled] .btn-shpurple { pointer-events: none; } .btn-shpurple .badge { color: #8B3765; background-color: #8B3765; } .menu-shpurple ul li.active a, .menu-shpurple ul li.active a:hover { color: white; background: #8B3765 !important; } .nav-shpurple > li.active > a,.nav-shpurple > rubix-menu > li.active > a,.nav-shpurple > rubix-nav-item > li.active > a { color: white; background: #8B3765; border-color: #8B3765; } .tab-shpurple { border-color: #8B3765; } .tab-shpurple > li.active > a { border-color: #8B3765; border-bottom-color: transparent; } .tab-shpurple.nav-pills > li.active > a { background: #8B3765; color: white; } .rubix-panel-header.nav-inline .nav-shpurple > li.active > a { border: 1px solid #8B3765; border-bottom: none; } .rubix-panel-header.nav-inline .nav-shpurple > li.open > .dropdown-toggle { color: white; background: none; } .bg-shpurple { background: #8B3765 !important; } .bg-shpurple table td, .bg-shpurple th { border-color: rgba(0, 0, 0, 0.05) !important; } .bg-focus-shpurple:focus { background: #8B3765 !important; } .bg-hover-shpurple:hover { background: #8B3765 !important; } .fg-shpurple { color: #8B3765; } .fg-shpurple .nav-tabs > li.active > a { color: #8B3765; } .fg-tab-active-shpurple .nav-tabs > li.active > a { color: #8B3765 !important; } .fg-focus-shpurple:focus { color: #8B3765; } .fg-hover-shpurple:hover { color: #8B3765; } .border-shpurple { border-color: #8B3765 !important; } .border-shpurple .rubix-timeline-body > ul { border-color: #8B3765; } .border-shpurple.rubix-timeline-view:before { border-color: #8B3765; } .border-hover-shpurple:hover { border-color: #8B3765 !important; } .border-focus-shpurple:focus { border-color: #8B3765 !important; } .tl-shpurple .rubix-timeline-body > ul > li:before { border-color: #8B3765; } .list-bg-shpurple > .list-group-item.active { background: #8B3765 !important; color: white !important; } .list-fg-shpurple > .list-group-item { color: #8B3765; } .btn-shgreen { background: #6B8C56; color: white; border-color: #6B8C56; } .btn-shgreen.btn-outlined { color: #6B8C56; background: none; } .btn-shgreen.btn-outlined.btn-onlyOnHover { color: #89949B; } .btn-shgreen.btn-outlined.btn-onlyOnHover:hover, .btn-shgreen.btn-outlined.btn-onlyOnHover:focus, .btn-shgreen.btn-outlined.btn-onlyOnHover.active { color: white; } .btn-shgreen.btn-outlined.btn-inverse { color: white; border-color: white; } .btn-shgreen.btn-outlined.btn-inverse:hover, .btn-shgreen.btn-outlined.btn-inverse:focus, .btn-shgreen.btn-outlined.btn-inverse.active { color: #6B8C56; background: white; } .btn-shgreen.btn-outlined.btn-inverse:hover.btn-retainBg, .btn-shgreen.btn-outlined.btn-inverse:focus.btn-retainBg, .btn-shgreen.btn-outlined.btn-inverse.active.btn-retainBg { background: #6B8C56; color: white; border-color: #6B8C56; } .btn-shgreen.btn-outlined.btn-inverse:hover.btn-retainBg:active, .btn-shgreen.btn-outlined.btn-inverse:focus.btn-retainBg:active, .btn-shgreen.btn-outlined.btn-inverse.active.btn-retainBg:active { background: #405333; border-color: #232d1c; } .btn-shgreen:focus, .btn-shgreen.focus, .btn-shgreen:hover, .btn-shgreen.active { color: white; background: #84a66f; border-color: #84a66f; } .btn-shgreen:active, .btn-shgreen.active, .btn-shgreen[aria-expanded="true"], .btn-shgreen.active:hover, .btn-shgreen.active:focus, .btn-shgreen[aria-expanded="true"]:hover, .btn-shgreen[aria-expanded="true"]:focus, .open > .btn-shgreen.dropdown-toggle { color: white; background: #405333; border-color: #232d1c; background-image: none; } .btn-shgreen.dropdown-toggle + ul li.active a { color: white; background: #6B8C56; } .btn-shgreen.disabled, .btn-shgreen[disabled], fieldset[disabled] .btn-shgreen { pointer-events: none; } .btn-shgreen .badge { color: #6B8C56; background-color: #6B8C56; } .menu-shgreen ul li.active a, .menu-shgreen ul li.active a:hover { color: white; background: #6B8C56 !important; } .nav-shgreen > li.active > a,.nav-shgreen > rubix-menu > li.active > a,.nav-shgreen > rubix-nav-item > li.active > a { color: white; background: #6B8C56; border-color: #6B8C56; } .tab-shgreen { border-color: #6B8C56; } .tab-shgreen > li.active > a { border-color: #6B8C56; border-bottom-color: transparent; } .tab-shgreen.nav-pills > li.active > a { background: #6B8C56; color: white; } .rubix-panel-header.nav-inline .nav-shgreen > li.active > a { border: 1px solid #6B8C56; border-bottom: none; } .rubix-panel-header.nav-inline .nav-shgreen > li.open > .dropdown-toggle { color: white; background: none; } .bg-shgreen { background: #6B8C56 !important; } .bg-shgreen table td, .bg-shgreen th { border-color: rgba(0, 0, 0, 0.05) !important; } .bg-focus-shgreen:focus { background: #6B8C56 !important; } .bg-hover-shgreen:hover { background: #6B8C56 !important; } .fg-shgreen { color: #6B8C56; } .fg-shgreen .nav-tabs > li.active > a { color: #6B8C56; } .fg-tab-active-shgreen .nav-tabs > li.active > a { color: #6B8C56 !important; } .fg-focus-shgreen:focus { color: #6B8C56; } .fg-hover-shgreen:hover { color: #6B8C56; } .border-shgreen { border-color: #6B8C56 !important; } .border-shgreen .rubix-timeline-body > ul { border-color: #6B8C56; } .border-shgreen.rubix-timeline-view:before { border-color: #6B8C56; } .border-hover-shgreen:hover { border-color: #6B8C56 !important; } .border-focus-shgreen:focus { border-color: #6B8C56 !important; } .tl-shgreen .rubix-timeline-body > ul > li:before { border-color: #6B8C56; } .list-bg-shgreen > .list-group-item.active { background: #6B8C56 !important; color: white !important; } .list-fg-shgreen > .list-group-item { color: #6B8C56; } .btn-shbeige { background: #E2E7DD; color: white; border-color: #E2E7DD; } .btn-shbeige.btn-outlined { color: #E2E7DD; background: none; } .btn-shbeige.btn-outlined.btn-onlyOnHover { color: #89949B; } .btn-shbeige.btn-outlined.btn-onlyOnHover:hover, .btn-shbeige.btn-outlined.btn-onlyOnHover:focus, .btn-shbeige.btn-outlined.btn-onlyOnHover.active { color: white; } .btn-shbeige.btn-outlined.btn-inverse { color: white; border-color: white; } .btn-shbeige.btn-outlined.btn-inverse:hover, .btn-shbeige.btn-outlined.btn-inverse:focus, .btn-shbeige.btn-outlined.btn-inverse.active { color: #E2E7DD; background: white; } .btn-shbeige.btn-outlined.btn-inverse:hover.btn-retainBg, .btn-shbeige.btn-outlined.btn-inverse:focus.btn-retainBg, .btn-shbeige.btn-outlined.btn-inverse.active.btn-retainBg { background: #E2E7DD; color: white; border-color: #E2E7DD; } .btn-shbeige.btn-outlined.btn-inverse:hover.btn-retainBg:active, .btn-shbeige.btn-outlined.btn-inverse:focus.btn-retainBg:active, .btn-shbeige.btn-outlined.btn-inverse.active.btn-retainBg:active { background: #b4c1a7; border-color: #96a883; } .btn-shbeige:focus, .btn-shbeige.focus, .btn-shbeige:hover, .btn-shbeige.active { color: white; background: #fcfcfb; border-color: #fcfcfb; } .btn-shbeige:active, .btn-shbeige.active, .btn-shbeige[aria-expanded="true"], .btn-shbeige.active:hover, .btn-shbeige.active:focus, .btn-shbeige[aria-expanded="true"]:hover, .btn-shbeige[aria-expanded="true"]:focus, .open > .btn-shbeige.dropdown-toggle { color: white; background: #b4c1a7; border-color: #96a883; background-image: none; } .btn-shbeige.dropdown-toggle + ul li.active a { color: white; background: #E2E7DD; } .btn-shbeige.disabled, .btn-shbeige[disabled], fieldset[disabled] .btn-shbeige { pointer-events: none; } .btn-shbeige .badge { color: #E2E7DD; background-color: #E2E7DD; } .menu-shbeige ul li.active a, .menu-shbeige ul li.active a:hover { color: white; background: #E2E7DD !important; } .nav-shbeige > li.active > a,.nav-shbeige > rubix-menu > li.active > a,.nav-shbeige > rubix-nav-item > li.active > a { color: white; background: #E2E7DD; border-color: #E2E7DD; } .tab-shbeige { border-color: #E2E7DD; } .tab-shbeige > li.active > a { border-color: #E2E7DD; border-bottom-color: transparent; } .tab-shbeige.nav-pills > li.active > a { background: #E2E7DD; color: white; } .rubix-panel-header.nav-inline .nav-shbeige > li.active > a { border: 1px solid #E2E7DD; border-bottom: none; } .rubix-panel-header.nav-inline .nav-shbeige > li.open > .dropdown-toggle { color: white; background: none; } .bg-shbeige { background: #E2E7DD !important; } .bg-shbeige table td, .bg-shbeige th { border-color: rgba(0, 0, 0, 0.05) !important; } .bg-focus-shbeige:focus { background: #E2E7DD !important; } .bg-hover-shbeige:hover { background: #E2E7DD !important; } .fg-shbeige { color: #E2E7DD; } .fg-shbeige .nav-tabs > li.active > a { color: #E2E7DD; } .fg-tab-active-shbeige .nav-tabs > li.active > a { color: #E2E7DD !important; } .fg-focus-shbeige:focus { color: #E2E7DD; } .fg-hover-shbeige:hover { color: #E2E7DD; } .border-shbeige { border-color: #E2E7DD !important; } .border-shbeige .rubix-timeline-body > ul { border-color: #E2E7DD; } .border-shbeige.rubix-timeline-view:before { border-color: #E2E7DD; } .border-hover-shbeige:hover { border-color: #E2E7DD !important; } .border-focus-shbeige:focus { border-color: #E2E7DD !important; } .tl-shbeige .rubix-timeline-body > ul > li:before { border-color: #E2E7DD; } .list-bg-shbeige > .list-group-item.active { background: #E2E7DD !important; color: white !important; } .list-fg-shbeige > .list-group-item { color: #E2E7DD; } .btn-deepred { background: #D71F4B; color: white; border-color: #D71F4B; } .btn-deepred.btn-outlined { color: #D71F4B; background: none; } .btn-deepred.btn-outlined.btn-onlyOnHover { color: #89949B; } .btn-deepred.btn-outlined.btn-onlyOnHover:hover, .btn-deepred.btn-outlined.btn-onlyOnHover:focus, .btn-deepred.btn-outlined.btn-onlyOnHover.active { color: white; } .btn-deepred.btn-outlined.btn-inverse { color: white; border-color: white; } .btn-deepred.btn-outlined.btn-inverse:hover, .btn-deepred.btn-outlined.btn-inverse:focus, .btn-deepred.btn-outlined.btn-inverse.active { color: #D71F4B; background: white; } .btn-deepred.btn-outlined.btn-inverse:hover.btn-retainBg, .btn-deepred.btn-outlined.btn-inverse:focus.btn-retainBg, .btn-deepred.btn-outlined.btn-inverse.active.btn-retainBg { background: #D71F4B; color: white; border-color: #D71F4B; } .btn-deepred.btn-outlined.btn-inverse:hover.btn-retainBg:active, .btn-deepred.btn-outlined.btn-inverse:focus.btn-retainBg:active, .btn-deepred.btn-outlined.btn-inverse.active.btn-retainBg:active { background: #87132f; border-color: #510c1c; } .btn-deepred:focus, .btn-deepred.focus, .btn-deepred:hover, .btn-deepred.active { color: white; background: #e4456b; border-color: #e4456b; } .btn-deepred:active, .btn-deepred.active, .btn-deepred[aria-expanded="true"], .btn-deepred.active:hover, .btn-deepred.active:focus, .btn-deepred[aria-expanded="true"]:hover, .btn-deepred[aria-expanded="true"]:focus, .open > .btn-deepred.dropdown-toggle { color: white; background: #87132f; border-color: #510c1c; background-image: none; } .btn-deepred.dropdown-toggle + ul li.active a { color: white; background: #D71F4B; } .btn-deepred.disabled, .btn-deepred[disabled], fieldset[disabled] .btn-deepred { pointer-events: none; } .btn-deepred .badge { color: #D71F4B; background-color: #D71F4B; } .menu-deepred ul li.active a, .menu-deepred ul li.active a:hover { color: white; background: #D71F4B !important; } .nav-deepred > li.active > a,.nav-deepred > rubix-menu > li.active > a,.nav-deepred > rubix-nav-item > li.active > a { color: white; background: #D71F4B; border-color: #D71F4B; } .tab-deepred { border-color: #D71F4B; } .tab-deepred > li.active > a { border-color: #D71F4B; border-bottom-color: transparent; } .tab-deepred.nav-pills > li.active > a { background: #D71F4B; color: white; } .rubix-panel-header.nav-inline .nav-deepred > li.active > a { border: 1px solid #D71F4B; border-bottom: none; } .rubix-panel-header.nav-inline .nav-deepred > li.open > .dropdown-toggle { color: white; background: none; } .bg-deepred { background: #D71F4B !important; } .bg-deepred table td, .bg-deepred th { border-color: rgba(0, 0, 0, 0.05) !important; } .bg-focus-deepred:focus { background: #D71F4B !important; } .bg-hover-deepred:hover { background: #D71F4B !important; } .fg-deepred { color: #D71F4B; } .fg-deepred .nav-tabs > li.active > a { color: #D71F4B; } .fg-tab-active-deepred .nav-tabs > li.active > a { color: #D71F4B !important; } .fg-focus-deepred:focus { color: #D71F4B; } .fg-hover-deepred:hover { color: #D71F4B; } .border-deepred { border-color: #D71F4B !important; } .border-deepred .rubix-timeline-body > ul { border-color: #D71F4B; } .border-deepred.rubix-timeline-view:before { border-color: #D71F4B; } .border-hover-deepred:hover { border-color: #D71F4B !important; } .border-focus-deepred:focus { border-color: #D71F4B !important; } .tl-deepred .rubix-timeline-body > ul > li:before { border-color: #D71F4B; } .list-bg-deepred > .list-group-item.active { background: #D71F4B !important; color: white !important; } .list-fg-deepred > .list-group-item { color: #D71F4B; } .btn-red { background: #EA7882; color: white; border-color: #EA7882; } .btn-red.btn-outlined { color: #EA7882; background: none; } .btn-red.btn-outlined.btn-onlyOnHover { color: #89949B; } .btn-red.btn-outlined.btn-onlyOnHover:hover, .btn-red.btn-outlined.btn-onlyOnHover:focus, .btn-red.btn-outlined.btn-onlyOnHover.active { color: white; } .btn-red.btn-outlined.btn-inverse { color: white; border-color: white; } .btn-red.btn-outlined.btn-inverse:hover, .btn-red.btn-outlined.btn-inverse:focus, .btn-red.btn-outlined.btn-inverse.active { color: #EA7882; background: white; } .btn-red.btn-outlined.btn-inverse:hover.btn-retainBg, .btn-red.btn-outlined.btn-inverse:focus.btn-retainBg, .btn-red.btn-outlined.btn-inverse.active.btn-retainBg { background: #EA7882; color: white; border-color: #EA7882; } .btn-red.btn-outlined.btn-inverse:hover.btn-retainBg:active, .btn-red.btn-outlined.btn-inverse:focus.btn-retainBg:active, .btn-red.btn-outlined.btn-inverse.active.btn-retainBg:active { background: #de2938; border-color: #ae1b28; } .btn-red:focus, .btn-red.focus, .btn-red:hover, .btn-red.active { color: white; background: #f1a4ab; border-color: #f1a4ab; } .btn-red:active, .btn-red.active, .btn-red[aria-expanded="true"], .btn-red.active:hover, .btn-red.active:focus, .btn-red[aria-expanded="true"]:hover, .btn-red[aria-expanded="true"]:focus, .open > .btn-red.dropdown-toggle { color: white; background: #de2938; border-color: #ae1b28; background-image: none; } .btn-red.dropdown-toggle + ul li.active a { color: white; background: #EA7882; } .btn-red.disabled, .btn-red[disabled], fieldset[disabled] .btn-red { pointer-events: none; } .btn-red .badge { color: #EA7882; background-color: #EA7882; } .menu-red ul li.active a, .menu-red ul li.active a:hover { color: white; background: #EA7882 !important; } .nav-red > li.active > a,.nav-red > rubix-menu > li.active > a,.nav-red > rubix-nav-item > li.active > a { color: white; background: #EA7882; border-color: #EA7882; } .tab-red { border-color: #EA7882; } .tab-red > li.active > a { border-color: #EA7882; border-bottom-color: transparent; } .tab-red.nav-pills > li.active > a { background: #EA7882; color: white; } .rubix-panel-header.nav-inline .nav-red > li.active > a { border: 1px solid #EA7882; border-bottom: none; } .rubix-panel-header.nav-inline .nav-red > li.open > .dropdown-toggle { color: white; background: none; } .bg-red { background: #EA7882 !important; } .bg-red table td, .bg-red th { border-color: rgba(0, 0, 0, 0.05) !important; } .bg-focus-red:focus { background: #EA7882 !important; } .bg-hover-red:hover { background: #EA7882 !important; } .fg-red { color: #EA7882; } .fg-red .nav-tabs > li.active > a { color: #EA7882; } .fg-tab-active-red .nav-tabs > li.active > a { color: #EA7882 !important; } .fg-focus-red:focus { color: #EA7882; } .fg-hover-red:hover { color: #EA7882; } .border-red { border-color: #EA7882 !important; } .border-red .rubix-timeline-body > ul { border-color: #EA7882; } .border-red.rubix-timeline-view:before { border-color: #EA7882; } .border-hover-red:hover { border-color: #EA7882 !important; } .border-focus-red:focus { border-color: #EA7882 !important; } .tl-red .rubix-timeline-body > ul > li:before { border-color: #EA7882; } .list-bg-red > .list-group-item.active { background: #EA7882 !important; color: white !important; } .list-fg-red > .list-group-item { color: #EA7882; } .btn-lightred { background: #F09FA6; color: white; border-color: #F09FA6; } .btn-lightred.btn-outlined { color: #F09FA6; background: none; } .btn-lightred.btn-outlined.btn-onlyOnHover { color: #89949B; } .btn-lightred.btn-outlined.btn-onlyOnHover:hover, .btn-lightred.btn-outlined.btn-onlyOnHover:focus, .btn-lightred.btn-outlined.btn-onlyOnHover.active { color: white; } .btn-lightred.btn-outlined.btn-inverse { color: white; border-color: white; } .btn-lightred.btn-outlined.btn-inverse:hover, .btn-lightred.btn-outlined.btn-inverse:focus, .btn-lightred.btn-outlined.btn-inverse.active { color: #F09FA6; background: white; } .btn-lightred.btn-outlined.btn-inverse:hover.btn-retainBg, .btn-lightred.btn-outlined.btn-inverse:focus.btn-retainBg, .btn-lightred.btn-outlined.btn-inverse.active.btn-retainBg { background: #F09FA6; color: white; border-color: #F09FA6; } .btn-lightred.btn-outlined.btn-inverse:hover.btn-retainBg:active, .btn-lightred.btn-outlined.btn-inverse:focus.btn-retainBg:active, .btn-lightred.btn-outlined.btn-inverse.active.btn-retainBg:active { background: #e4505c; border-color: #d52131; } .btn-lightred:focus, .btn-lightred.focus, .btn-lightred:hover, .btn-lightred.active { color: white; background: #f7cbcf; border-color: #f7cbcf; } .btn-lightred:active, .btn-lightred.active, .btn-lightred[aria-expanded="true"], .btn-lightred.active:hover, .btn-lightred.active:focus, .btn-lightred[aria-expanded="true"]:hover, .btn-lightred[aria-expanded="true"]:focus, .open > .btn-lightred.dropdown-toggle { color: white; background: #e4505c; border-color: #d52131; background-image: none; } .btn-lightred.dropdown-toggle + ul li.active a { color: white; background: #F09FA6; } .btn-lightred.disabled, .btn-lightred[disabled], fieldset[disabled] .btn-lightred { pointer-events: none; } .btn-lightred .badge { color: #F09FA6; background-color: #F09FA6; } .menu-lightred ul li.active a, .menu-lightred ul li.active a:hover { color: white; background: #F09FA6 !important; } .nav-lightred > li.active > a,.nav-lightred > rubix-menu > li.active > a,.nav-lightred > rubix-nav-item > li.active > a { color: white; background: #F09FA6; border-color: #F09FA6; } .tab-lightred { border-color: #F09FA6; } .tab-lightred > li.active > a { border-color: #F09FA6; border-bottom-color: transparent; } .tab-lightred.nav-pills > li.active > a { background: #F09FA6; color: white; } .rubix-panel-header.nav-inline .nav-lightred > li.active > a { border: 1px solid #F09FA6; border-bottom: none; } .rubix-panel-header.nav-inline .nav-lightred > li.open > .dropdown-toggle { color: white; background: none; } .bg-lightred { background: #F09FA6 !important; } .bg-lightred table td, .bg-lightred th { border-color: rgba(0, 0, 0, 0.05) !important; } .bg-focus-lightred:focus { background: #F09FA6 !important; } .bg-hover-lightred:hover { background: #F09FA6 !important; } .fg-lightred { color: #F09FA6; } .fg-lightred .nav-tabs > li.active > a { color: #F09FA6; } .fg-tab-active-lightred .nav-tabs > li.active > a { color: #F09FA6 !important; } .fg-focus-lightred:focus { color: #F09FA6; } .fg-hover-lightred:hover { color: #F09FA6; } .border-lightred { border-color: #F09FA6 !important; } .border-lightred .rubix-timeline-body > ul { border-color: #F09FA6; } .border-lightred.rubix-timeline-view:before { border-color: #F09FA6; } .border-hover-lightred:hover { border-color: #F09FA6 !important; } .border-focus-lightred:focus { border-color: #F09FA6 !important; } .tl-lightred .rubix-timeline-body > ul > li:before { border-color: #F09FA6; } .list-bg-lightred > .list-group-item.active { background: #F09FA6 !important; color: white !important; } .list-fg-lightred > .list-group-item { color: #F09FA6; } .btn-brightblue { background: #003BFF; color: white; border-color: #003BFF; } .btn-brightblue.btn-outlined { color: #003BFF; background: none; } .btn-brightblue.btn-outlined.btn-onlyOnHover { color: #89949B; } .btn-brightblue.btn-outlined.btn-onlyOnHover:hover, .btn-brightblue.btn-outlined.btn-onlyOnHover:focus, .btn-brightblue.btn-outlined.btn-onlyOnHover.active { color: white; } .btn-brightblue.btn-outlined.btn-inverse { color: white; border-color: white; } .btn-brightblue.btn-outlined.btn-inverse:hover, .btn-brightblue.btn-outlined.btn-inverse:focus, .btn-brightblue.btn-outlined.btn-inverse.active { color: #003BFF; background: white; } .btn-brightblue.btn-outlined.btn-inverse:hover.btn-retainBg, .btn-brightblue.btn-outlined.btn-inverse:focus.btn-retainBg, .btn-brightblue.btn-outlined.btn-inverse.active.btn-retainBg { background: #003BFF; color: white; border-color: #003BFF; } .btn-brightblue.btn-outlined.btn-inverse:hover.btn-retainBg:active, .btn-brightblue.btn-outlined.btn-inverse:focus.btn-retainBg:active, .btn-brightblue.btn-outlined.btn-inverse.active.btn-retainBg:active { background: #0026a3; border-color: #001866; } .btn-brightblue:focus, .btn-brightblue.focus, .btn-brightblue:hover, .btn-brightblue.active { color: white; background: #3362ff; border-color: #3362ff; } .btn-brightblue:active, .btn-brightblue.active, .btn-brightblue[aria-expanded="true"], .btn-brightblue.active:hover, .btn-brightblue.active:focus, .btn-brightblue[aria-expanded="true"]:hover, .btn-brightblue[aria-expanded="true"]:focus, .open > .btn-brightblue.dropdown-toggle { color: white; background: #0026a3; border-color: #001866; background-image: none; } .btn-brightblue.dropdown-toggle + ul li.active a { color: white; background: #003BFF; } .btn-brightblue.disabled, .btn-brightblue[disabled], fieldset[disabled] .btn-brightblue { pointer-events: none; } .btn-brightblue .badge { color: #003BFF; background-color: #003BFF; } .menu-brightblue ul li.active a, .menu-brightblue ul li.active a:hover { color: white; background: #003BFF !important; } .nav-brightblue > li.active > a,.nav-brightblue > rubix-menu > li.active > a,.nav-brightblue > rubix-nav-item > li.active > a { color: white; background: #003BFF; border-color: #003BFF; } .tab-brightblue { border-color: #003BFF; } .tab-brightblue > li.active > a { border-color: #003BFF; border-bottom-color: transparent; } .tab-brightblue.nav-pills > li.active > a { background: #003BFF; color: white; } .rubix-panel-header.nav-inline .nav-brightblue > li.active > a { border: 1px solid #003BFF; border-bottom: none; } .rubix-panel-header.nav-inline .nav-brightblue > li.open > .dropdown-toggle { color: white; background: none; } .bg-brightblue { background: #003BFF !important; } .bg-brightblue table td, .bg-brightblue th { border-color: rgba(0, 0, 0, 0.05) !important; } .bg-focus-brightblue:focus { background: #003BFF !important; } .bg-hover-brightblue:hover { background: #003BFF !important; } .fg-brightblue { color: #003BFF; } .fg-brightblue .nav-tabs > li.active > a { color: #003BFF; } .fg-tab-active-brightblue .nav-tabs > li.active > a { color: #003BFF !important; } .fg-focus-brightblue:focus { color: #003BFF; } .fg-hover-brightblue:hover { color: #003BFF; } .border-brightblue { border-color: #003BFF !important; } .border-brightblue .rubix-timeline-body > ul { border-color: #003BFF; } .border-brightblue.rubix-timeline-view:before { border-color: #003BFF; } .border-hover-brightblue:hover { border-color: #003BFF !important; } .border-focus-brightblue:focus { border-color: #003BFF !important; } .tl-brightblue .rubix-timeline-body > ul > li:before { border-color: #003BFF; } .list-bg-brightblue > .list-group-item.active { background: #003BFF !important; color: white !important; } .list-fg-brightblue > .list-group-item { color: #003BFF; } .btn-darkblue { background: #4A90E2; color: white; border-color: #4A90E2; } .btn-darkblue.btn-outlined { color: #4A90E2; background: none; } .btn-darkblue.btn-outlined.btn-onlyOnHover { color: #89949B; } .btn-darkblue.btn-outlined.btn-onlyOnHover:hover, .btn-darkblue.btn-outlined.btn-onlyOnHover:focus, .btn-darkblue.btn-outlined.btn-onlyOnHover.active { color: white; } .btn-darkblue.btn-outlined.btn-inverse { color: white; border-color: white; } .btn-darkblue.btn-outlined.btn-inverse:hover, .btn-darkblue.btn-outlined.btn-inverse:focus, .btn-darkblue.btn-outlined.btn-inverse.active { color: #4A90E2; background: white; } .btn-darkblue.btn-outlined.btn-inverse:hover.btn-retainBg, .btn-darkblue.btn-outlined.btn-inverse:focus.btn-retainBg, .btn-darkblue.btn-outlined.btn-inverse.active.btn-retainBg { background: #4A90E2; color: white; border-color: #4A90E2; } .btn-darkblue.btn-outlined.btn-inverse:hover.btn-retainBg:active, .btn-darkblue.btn-outlined.btn-inverse:focus.btn-retainBg:active, .btn-darkblue.btn-outlined.btn-inverse.active.btn-retainBg:active { background: #1d62b3; border-color: #14457f; } .btn-darkblue:focus, .btn-darkblue.focus, .btn-darkblue:hover, .btn-darkblue.active { color: white; background: #76abe9; border-color: #76abe9; } .btn-darkblue:active, .btn-darkblue.active, .btn-darkblue[aria-expanded="true"], .btn-darkblue.active:hover, .btn-darkblue.active:focus, .btn-darkblue[aria-expanded="true"]:hover, .btn-darkblue[aria-expanded="true"]:focus, .open > .btn-darkblue.dropdown-toggle { color: white; background: #1d62b3; border-color: #14457f; background-image: none; } .btn-darkblue.dropdown-toggle + ul li.active a { color: white; background: #4A90E2; } .btn-darkblue.disabled, .btn-darkblue[disabled], fieldset[disabled] .btn-darkblue { pointer-events: none; } .btn-darkblue .badge { color: #4A90E2; background-color: #4A90E2; } .menu-darkblue ul li.active a, .menu-darkblue ul li.active a:hover { color: white; background: #4A90E2 !important; } .nav-darkblue > li.active > a,.nav-darkblue > rubix-menu > li.active > a,.nav-darkblue > rubix-nav-item > li.active > a { color: white; background: #4A90E2; border-color: #4A90E2; } .tab-darkblue { border-color: #4A90E2; } .tab-darkblue > li.active > a { border-color: #4A90E2; border-bottom-color: transparent; } .tab-darkblue.nav-pills > li.active > a { background: #4A90E2; color: white; } .rubix-panel-header.nav-inline .nav-darkblue > li.active > a { border: 1px solid #4A90E2; border-bottom: none; } .rubix-panel-header.nav-inline .nav-darkblue > li.open > .dropdown-toggle { color: white; background: none; } .bg-darkblue { background: #4A90E2 !important; } .bg-darkblue table td, .bg-darkblue th { border-color: rgba(0, 0, 0, 0.05) !important; } .bg-focus-darkblue:focus { background: #4A90E2 !important; } .bg-hover-darkblue:hover { background: #4A90E2 !important; } .fg-darkblue { color: #4A90E2; } .fg-darkblue .nav-tabs > li.active > a { color: #4A90E2; } .fg-tab-active-darkblue .nav-tabs > li.active > a { color: #4A90E2 !important; } .fg-focus-darkblue:focus { color: #4A90E2; } .fg-hover-darkblue:hover { color: #4A90E2; } .border-darkblue { border-color: #4A90E2 !important; } .border-darkblue .rubix-timeline-body > ul { border-color: #4A90E2; } .border-darkblue.rubix-timeline-view:before { border-color: #4A90E2; } .border-hover-darkblue:hover { border-color: #4A90E2 !important; } .border-focus-darkblue:focus { border-color: #4A90E2 !important; } .tl-darkblue .rubix-timeline-body > ul > li:before { border-color: #4A90E2; } .list-bg-darkblue > .list-group-item.active { background: #4A90E2 !important; color: white !important; } .list-fg-darkblue > .list-group-item { color: #4A90E2; } .btn-blue { background: #79B0EC; color: white; border-color: #79B0EC; } .btn-blue.btn-outlined { color: #79B0EC; background: none; } .btn-blue.btn-outlined.btn-onlyOnHover { color: #89949B; } .btn-blue.btn-outlined.btn-onlyOnHover:hover, .btn-blue.btn-outlined.btn-onlyOnHover:focus, .btn-blue.btn-outlined.btn-onlyOnHover.active { color: white; } .btn-blue.btn-outlined.btn-inverse { color: white; border-color: white; } .btn-blue.btn-outlined.btn-inverse:hover, .btn-blue.btn-outlined.btn-inverse:focus, .btn-blue.btn-outlined.btn-inverse.active { color: #79B0EC; background: white; } .btn-blue.btn-outlined.btn-inverse:hover.btn-retainBg, .btn-blue.btn-outlined.btn-inverse:focus.btn-retainBg, .btn-blue.btn-outlined.btn-inverse.active.btn-retainBg { background: #79B0EC; color: white; border-color: #79B0EC; } .btn-blue.btn-outlined.btn-inverse:hover.btn-retainBg:active, .btn-blue.btn-outlined.btn-inverse:focus.btn-retainBg:active, .btn-blue.btn-outlined.btn-inverse.active.btn-retainBg:active { background: #2981e1; border-color: #1963b3; } .btn-blue:focus, .btn-blue.focus, .btn-blue:hover, .btn-blue.active { color: white; background: #a6caf2; border-color: #a6caf2; } .btn-blue:active, .btn-blue.active, .btn-blue[aria-expanded="true"], .btn-blue.active:hover, .btn-blue.active:focus, .btn-blue[aria-expanded="true"]:hover, .btn-blue[aria-expanded="true"]:focus, .open > .btn-blue.dropdown-toggle { color: white; background: #2981e1; border-color: #1963b3; background-image: none; } .btn-blue.dropdown-toggle + ul li.active a { color: white; background: #79B0EC; } .btn-blue.disabled, .btn-blue[disabled], fieldset[disabled] .btn-blue { pointer-events: none; } .btn-blue .badge { color: #79B0EC; background-color: #79B0EC; } .menu-blue ul li.active a, .menu-blue ul li.active a:hover { color: white; background: #79B0EC !important; } .nav-blue > li.active > a,.nav-blue > rubix-menu > li.active > a,.nav-blue > rubix-nav-item > li.active > a { color: white; background: #79B0EC; border-color: #79B0EC; } .tab-blue { border-color: #79B0EC; } .tab-blue > li.active > a { border-color: #79B0EC; border-bottom-color: transparent; } .tab-blue.nav-pills > li.active > a { background: #79B0EC; color: white; } .rubix-panel-header.nav-inline .nav-blue > li.active > a { border: 1px solid #79B0EC; border-bottom: none; } .rubix-panel-header.nav-inline .nav-blue > li.open > .dropdown-toggle { color: white; background: none; } .bg-blue { background: #79B0EC !important; } .bg-blue table td, .bg-blue th { border-color: rgba(0, 0, 0, 0.05) !important; } .bg-focus-blue:focus { background: #79B0EC !important; } .bg-hover-blue:hover { background: #79B0EC !important; } .fg-blue { color: #79B0EC; } .fg-blue .nav-tabs > li.active > a { color: #79B0EC; } .fg-tab-active-blue .nav-tabs > li.active > a { color: #79B0EC !important; } .fg-focus-blue:focus { color: #79B0EC; } .fg-hover-blue:hover { color: #79B0EC; } .border-blue { border-color: #79B0EC !important; } .border-blue .rubix-timeline-body > ul { border-color: #79B0EC; } .border-blue.rubix-timeline-view:before { border-color: #79B0EC; } .border-hover-blue:hover { border-color: #79B0EC !important; } .border-focus-blue:focus { border-color: #79B0EC !important; } .tl-blue .rubix-timeline-body > ul > li:before { border-color: #79B0EC; } .list-bg-blue > .list-group-item.active { background: #79B0EC !important; color: white !important; } .list-fg-blue > .list-group-item { color: #79B0EC; } .btn-lightblue50 { background: #D2E0EB; color: white; border-color: #D2E0EB; } .btn-lightblue50.btn-outlined { color: #D2E0EB; background: none; } .btn-lightblue50.btn-outlined.btn-onlyOnHover { color: #89949B; } .btn-lightblue50.btn-outlined.btn-onlyOnHover:hover, .btn-lightblue50.btn-outlined.btn-onlyOnHover:focus, .btn-lightblue50.btn-outlined.btn-onlyOnHover.active { color: white; } .btn-lightblue50.btn-outlined.btn-inverse { color: white; border-color: white; } .btn-lightblue50.btn-outlined.btn-inverse:hover, .btn-lightblue50.btn-outlined.btn-inverse:focus, .btn-lightblue50.btn-outlined.btn-inverse.active { color: #D2E0EB; background: white; } .btn-lightblue50.btn-outlined.btn-inverse:hover.btn-retainBg, .btn-lightblue50.btn-outlined.btn-inverse:focus.btn-retainBg, .btn-lightblue50.btn-outlined.btn-inverse.active.btn-retainBg { background: #D2E0EB; color: white; border-color: #D2E0EB; } .btn-lightblue50.btn-outlined.btn-inverse:hover.btn-retainBg:active, .btn-lightblue50.btn-outlined.btn-inverse:focus.btn-retainBg:active, .btn-lightblue50.btn-outlined.btn-inverse.active.btn-retainBg:active { background: #92b4cf; border-color: #6897bc; } .btn-lightblue50:focus, .btn-lightblue50.focus, .btn-lightblue50:hover, .btn-lightblue50.active { color: white; background: #f5f8fb; border-color: #f5f8fb; } .btn-lightblue50:active, .btn-lightblue50.active, .btn-lightblue50[aria-expanded="true"], .btn-lightblue50.active:hover, .btn-lightblue50.active:focus, .btn-lightblue50[aria-expanded="true"]:hover, .btn-lightblue50[aria-expanded="true"]:focus, .open > .btn-lightblue50.dropdown-toggle { color: white; background: #92b4cf; border-color: #6897bc; background-image: none; } .btn-lightblue50.dropdown-toggle + ul li.active a { color: white; background: #D2E0EB; } .btn-lightblue50.disabled, .btn-lightblue50[disabled], fieldset[disabled] .btn-lightblue50 { pointer-events: none; } .btn-lightblue50 .badge { color: #D2E0EB; background-color: #D2E0EB; } .menu-lightblue50 ul li.active a, .menu-lightblue50 ul li.active a:hover { color: white; background: #D2E0EB !important; } .nav-lightblue50 > li.active > a,.nav-lightblue50 > rubix-menu > li.active > a,.nav-lightblue50 > rubix-nav-item > li.active > a { color: white; background: #D2E0EB; border-color: #D2E0EB; } .tab-lightblue50 { border-color: #D2E0EB; } .tab-lightblue50 > li.active > a { border-color: #D2E0EB; border-bottom-color: transparent; } .tab-lightblue50.nav-pills > li.active > a { background: #D2E0EB; color: white; } .rubix-panel-header.nav-inline .nav-lightblue50 > li.active > a { border: 1px solid #D2E0EB; border-bottom: none; } .rubix-panel-header.nav-inline .nav-lightblue50 > li.open > .dropdown-toggle { color: white; background: none; } .bg-lightblue50 { background: #D2E0EB !important; } .bg-lightblue50 table td, .bg-lightblue50 th { border-color: rgba(0, 0, 0, 0.05) !important; } .bg-focus-lightblue50:focus { background: #D2E0EB !important; } .bg-hover-lightblue50:hover { background: #D2E0EB !important; } .fg-lightblue50 { color: #D2E0EB; } .fg-lightblue50 .nav-tabs > li.active > a { color: #D2E0EB; } .fg-tab-active-lightblue50 .nav-tabs > li.active > a { color: #D2E0EB !important; } .fg-focus-lightblue50:focus { color: #D2E0EB; } .fg-hover-lightblue50:hover { color: #D2E0EB; } .border-lightblue50 { border-color: #D2E0EB !important; } .border-lightblue50 .rubix-timeline-body > ul { border-color: #D2E0EB; } .border-lightblue50.rubix-timeline-view:before { border-color: #D2E0EB; } .border-hover-lightblue50:hover { border-color: #D2E0EB !important; } .border-focus-lightblue50:focus { border-color: #D2E0EB !important; } .tl-lightblue50 .rubix-timeline-body > ul > li:before { border-color: #D2E0EB; } .list-bg-lightblue50 > .list-group-item.active { background: #D2E0EB !important; color: white !important; } .list-fg-lightblue50 > .list-group-item { color: #D2E0EB; } .btn-lightblue { background: #A0C7F2; color: white; border-color: #A0C7F2; } .btn-lightblue.btn-outlined { color: #A0C7F2; background: none; } .btn-lightblue.btn-outlined.btn-onlyOnHover { color: #89949B; } .btn-lightblue.btn-outlined.btn-onlyOnHover:hover, .btn-lightblue.btn-outlined.btn-onlyOnHover:focus, .btn-lightblue.btn-outlined.btn-onlyOnHover.active { color: white; } .btn-lightblue.btn-outlined.btn-inverse { color: white; border-color: white; } .btn-lightblue.btn-outlined.btn-inverse:hover, .btn-lightblue.btn-outlined.btn-inverse:focus, .btn-lightblue.btn-outlined.btn-inverse.active { color: #A0C7F2; background: white; } .btn-lightblue.btn-outlined.btn-inverse:hover.btn-retainBg, .btn-lightblue.btn-outlined.btn-inverse:focus.btn-retainBg, .btn-lightblue.btn-outlined.btn-inverse.active.btn-retainBg { background: #A0C7F2; color: white; border-color: #A0C7F2; } .btn-lightblue.btn-outlined.btn-inverse:hover.btn-retainBg:active, .btn-lightblue.btn-outlined.btn-inverse:focus.btn-retainBg:active, .btn-lightblue.btn-outlined.btn-inverse.active.btn-retainBg:active { background: #4f97e7; border-color: #1e78db; } .btn-lightblue:focus, .btn-lightblue.focus, .btn-lightblue:hover, .btn-lightblue.active { color: white; background: #cde1f8; border-color: #cde1f8; } .btn-lightblue:active, .btn-lightblue.active, .btn-lightblue[aria-expanded="true"], .btn-lightblue.active:hover, .btn-lightblue.active:focus, .btn-lightblue[aria-expanded="true"]:hover, .btn-lightblue[aria-expanded="true"]:focus, .open > .btn-lightblue.dropdown-toggle { color: white; background: #4f97e7; border-color: #1e78db; background-image: none; } .btn-lightblue.dropdown-toggle + ul li.active a { color: white; background: #A0C7F2; } .btn-lightblue.disabled, .btn-lightblue[disabled], fieldset[disabled] .btn-lightblue { pointer-events: none; } .btn-lightblue .badge { color: #A0C7F2; background-color: #A0C7F2; } .menu-lightblue ul li.active a, .menu-lightblue ul li.active a:hover { color: white; background: #A0C7F2 !important; } .nav-lightblue > li.active > a,.nav-lightblue > rubix-menu > li.active > a,.nav-lightblue > rubix-nav-item > li.active > a { color: white; background: #A0C7F2; border-color: #A0C7F2; } .tab-lightblue { border-color: #A0C7F2; } .tab-lightblue > li.active > a { border-color: #A0C7F2; border-bottom-color: transparent; } .tab-lightblue.nav-pills > li.active > a { background: #A0C7F2; color: white; } .rubix-panel-header.nav-inline .nav-lightblue > li.active > a { border: 1px solid #A0C7F2; border-bottom: none; } .rubix-panel-header.nav-inline .nav-lightblue > li.open > .dropdown-toggle { color: white; background: none; } .bg-lightblue { background: #A0C7F2 !important; } .bg-lightblue table td, .bg-lightblue th { border-color: rgba(0, 0, 0, 0.05) !important; } .bg-focus-lightblue:focus { background: #A0C7F2 !important; } .bg-hover-lightblue:hover { background: #A0C7F2 !important; } .fg-lightblue { color: #A0C7F2; } .fg-lightblue .nav-tabs > li.active > a { color: #A0C7F2; } .fg-tab-active-lightblue .nav-tabs > li.active > a { color: #A0C7F2 !important; } .fg-focus-lightblue:focus { color: #A0C7F2; } .fg-hover-lightblue:hover { color: #A0C7F2; } .border-lightblue { border-color: #A0C7F2 !important; } .border-lightblue .rubix-timeline-body > ul { border-color: #A0C7F2; } .border-lightblue.rubix-timeline-view:before { border-color: #A0C7F2; } .border-hover-lightblue:hover { border-color: #A0C7F2 !important; } .border-focus-lightblue:focus { border-color: #A0C7F2 !important; } .tl-lightblue .rubix-timeline-body > ul > li:before { border-color: #A0C7F2; } .list-bg-lightblue > .list-group-item.active { background: #A0C7F2 !important; color: white !important; } .list-fg-lightblue > .list-group-item { color: #A0C7F2; } .btn-hoverblue { background: #E5EFFB; color: white; border-color: #E5EFFB; } .btn-hoverblue.btn-outlined { color: #E5EFFB; background: none; } .btn-hoverblue.btn-outlined.btn-onlyOnHover { color: #89949B; } .btn-hoverblue.btn-outlined.btn-onlyOnHover:hover, .btn-hoverblue.btn-outlined.btn-onlyOnHover:focus, .btn-hoverblue.btn-outlined.btn-onlyOnHover.active { color: white; } .btn-hoverblue.btn-outlined.btn-inverse { color: white; border-color: white; } .btn-hoverblue.btn-outlined.btn-inverse:hover, .btn-hoverblue.btn-outlined.btn-inverse:focus, .btn-hoverblue.btn-outlined.btn-inverse.active { color: #E5EFFB; background: white; } .btn-hoverblue.btn-outlined.btn-inverse:hover.btn-retainBg, .btn-hoverblue.btn-outlined.btn-inverse:focus.btn-retainBg, .btn-hoverblue.btn-outlined.btn-inverse.active.btn-retainBg { background: #E5EFFB; color: white; border-color: #E5EFFB; } .btn-hoverblue.btn-outlined.btn-inverse:hover.btn-retainBg:active, .btn-hoverblue.btn-outlined.btn-inverse:focus.btn-retainBg:active, .btn-hoverblue.btn-outlined.btn-inverse.active.btn-retainBg:active { background: #95beef; border-color: #609de7; } .btn-hoverblue:focus, .btn-hoverblue.focus, .btn-hoverblue:hover, .btn-hoverblue.active { color: white; background: white; border-color: white; } .btn-hoverblue:active, .btn-hoverblue.active, .btn-hoverblue[aria-expanded="true"], .btn-hoverblue.active:hover, .btn-hoverblue.active:focus, .btn-hoverblue[aria-expanded="true"]:hover, .btn-hoverblue[aria-expanded="true"]:focus, .open > .btn-hoverblue.dropdown-toggle { color: white; background: #95beef; border-color: #609de7; background-image: none; } .btn-hoverblue.dropdown-toggle + ul li.active a { color: white; background: #E5EFFB; } .btn-hoverblue.disabled, .btn-hoverblue[disabled], fieldset[disabled] .btn-hoverblue { pointer-events: none; } .btn-hoverblue .badge { color: #E5EFFB; background-color: #E5EFFB; } .menu-hoverblue ul li.active a, .menu-hoverblue ul li.active a:hover { color: white; background: #E5EFFB !important; } .nav-hoverblue > li.active > a,.nav-hoverblue > rubix-menu > li.active > a,.nav-hoverblue > rubix-nav-item > li.active > a { color: white; background: #E5EFFB; border-color: #E5EFFB; } .tab-hoverblue { border-color: #E5EFFB; } .tab-hoverblue > li.active > a { border-color: #E5EFFB; border-bottom-color: transparent; } .tab-hoverblue.nav-pills > li.active > a { background: #E5EFFB; color: white; } .rubix-panel-header.nav-inline .nav-hoverblue > li.active > a { border: 1px solid #E5EFFB; border-bottom: none; } .rubix-panel-header.nav-inline .nav-hoverblue > li.open > .dropdown-toggle { color: white; background: none; } .bg-hoverblue { background: #E5EFFB !important; } .bg-hoverblue table td, .bg-hoverblue th { border-color: rgba(0, 0, 0, 0.05) !important; } .bg-focus-hoverblue:focus { background: #E5EFFB !important; } .bg-hover-hoverblue:hover { background: #E5EFFB !important; } .fg-hoverblue { color: #E5EFFB; } .fg-hoverblue .nav-tabs > li.active > a { color: #E5EFFB; } .fg-tab-active-hoverblue .nav-tabs > li.active > a { color: #E5EFFB !important; } .fg-focus-hoverblue:focus { color: #E5EFFB; } .fg-hover-hoverblue:hover { color: #E5EFFB; } .border-hoverblue { border-color: #E5EFFB !important; } .border-hoverblue .rubix-timeline-body > ul { border-color: #E5EFFB; } .border-hoverblue.rubix-timeline-view:before { border-color: #E5EFFB; } .border-hover-hoverblue:hover { border-color: #E5EFFB !important; } .border-focus-hoverblue:focus { border-color: #E5EFFB !important; } .tl-hoverblue .rubix-timeline-body > ul > li:before { border-color: #E5EFFB; } .list-bg-hoverblue > .list-group-item.active { background: #E5EFFB !important; color: white !important; } .list-fg-hoverblue > .list-group-item { color: #E5EFFB; } .btn-purple { background: #B4A1DD; color: white; border-color: #B4A1DD; } .btn-purple.btn-outlined { color: #B4A1DD; background: none; } .btn-purple.btn-outlined.btn-onlyOnHover { color: #89949B; } .btn-purple.btn-outlined.btn-onlyOnHover:hover, .btn-purple.btn-outlined.btn-onlyOnHover:focus, .btn-purple.btn-outlined.btn-onlyOnHover.active { color: white; } .btn-purple.btn-outlined.btn-inverse { color: white; border-color: white; } .btn-purple.btn-outlined.btn-inverse:hover, .btn-purple.btn-outlined.btn-inverse:focus, .btn-purple.btn-outlined.btn-inverse.active { color: #B4A1DD; background: white; } .btn-purple.btn-outlined.btn-inverse:hover.btn-retainBg, .btn-purple.btn-outlined.btn-inverse:focus.btn-retainBg, .btn-purple.btn-outlined.btn-inverse.active.btn-retainBg { background: #B4A1DD; color: white; border-color: #B4A1DD; } .btn-purple.btn-outlined.btn-inverse:hover.btn-retainBg:active, .btn-purple.btn-outlined.btn-inverse:focus.btn-retainBg:active, .btn-purple.btn-outlined.btn-inverse.active.btn-retainBg:active { background: #7e5ec5; border-color: #5f3da8; } .btn-purple:focus, .btn-purple.focus, .btn-purple:hover, .btn-purple.active { color: white; background: #d2c6eb; border-color: #d2c6eb; } .btn-purple:active, .btn-purple.active, .btn-purple[aria-expanded="true"], .btn-purple.active:hover, .btn-purple.active:focus, .btn-purple[aria-expanded="true"]:hover, .btn-purple[aria-expanded="true"]:focus, .open > .btn-purple.dropdown-toggle { color: white; background: #7e5ec5; border-color: #5f3da8; background-image: none; } .btn-purple.dropdown-toggle + ul li.active a { color: white; background: #B4A1DD; } .btn-purple.disabled, .btn-purple[disabled], fieldset[disabled] .btn-purple { pointer-events: none; } .btn-purple .badge { color: #B4A1DD; background-color: #B4A1DD; } .menu-purple ul li.active a, .menu-purple ul li.active a:hover { color: white; background: #B4A1DD !important; } .nav-purple > li.active > a,.nav-purple > rubix-menu > li.active > a,.nav-purple > rubix-nav-item > li.active > a { color: white; background: #B4A1DD; border-color: #B4A1DD; } .tab-purple { border-color: #B4A1DD; } .tab-purple > li.active > a { border-color: #B4A1DD; border-bottom-color: transparent; } .tab-purple.nav-pills > li.active > a { background: #B4A1DD; color: white; } .rubix-panel-header.nav-inline .nav-purple > li.active > a { border: 1px solid #B4A1DD; border-bottom: none; } .rubix-panel-header.nav-inline .nav-purple > li.open > .dropdown-toggle { color: white; background: none; } .bg-purple { background: #B4A1DD !important; } .bg-purple table td, .bg-purple th { border-color: rgba(0, 0, 0, 0.05) !important; } .bg-focus-purple:focus { background: #B4A1DD !important; } .bg-hover-purple:hover { background: #B4A1DD !important; } .fg-purple { color: #B4A1DD; } .fg-purple .nav-tabs > li.active > a { color: #B4A1DD; } .fg-tab-active-purple .nav-tabs > li.active > a { color: #B4A1DD !important; } .fg-focus-purple:focus { color: #B4A1DD; } .fg-hover-purple:hover { color: #B4A1DD; } .border-purple { border-color: #B4A1DD !important; } .border-purple .rubix-timeline-body > ul { border-color: #B4A1DD; } .border-purple.rubix-timeline-view:before { border-color: #B4A1DD; } .border-hover-purple:hover { border-color: #B4A1DD !important; } .border-focus-purple:focus { border-color: #B4A1DD !important; } .tl-purple .rubix-timeline-body > ul > li:before { border-color: #B4A1DD; } .list-bg-purple > .list-group-item.active { background: #B4A1DD !important; color: white !important; } .list-fg-purple > .list-group-item { color: #B4A1DD; } .btn-lightpurple50 { background: #C1B2E3; color: white; border-color: #C1B2E3; } .btn-lightpurple50.btn-outlined { color: #C1B2E3; background: none; } .btn-lightpurple50.btn-outlined.btn-onlyOnHover { color: #89949B; } .btn-lightpurple50.btn-outlined.btn-onlyOnHover:hover, .btn-lightpurple50.btn-outlined.btn-onlyOnHover:focus, .btn-lightpurple50.btn-outlined.btn-onlyOnHover.active { color: white; } .btn-lightpurple50.btn-outlined.btn-inverse { color: white; border-color: white; } .btn-lightpurple50.btn-outlined.btn-inverse:hover, .btn-lightpurple50.btn-outlined.btn-inverse:focus, .btn-lightpurple50.btn-outlined.btn-inverse.active { color: #C1B2E3; background: white; } .btn-lightpurple50.btn-outlined.btn-inverse:hover.btn-retainBg, .btn-lightpurple50.btn-outlined.btn-inverse:focus.btn-retainBg, .btn-lightpurple50.btn-outlined.btn-inverse.active.btn-retainBg { background: #C1B2E3; color: white; border-color: #C1B2E3; } .btn-lightpurple50.btn-outlined.btn-inverse:hover.btn-retainBg:active, .btn-lightpurple50.btn-outlined.btn-inverse:focus.btn-retainBg:active, .btn-lightpurple50.btn-outlined.btn-inverse.active.btn-retainBg:active { background: #8b6fcb; border-color: #6743b9; } .btn-lightpurple50:focus, .btn-lightpurple50.focus, .btn-lightpurple50:hover, .btn-lightpurple50.active { color: white; background: #dfd7f1; border-color: #dfd7f1; } .btn-lightpurple50:active, .btn-lightpurple50.active, .btn-lightpurple50[aria-expanded="true"], .btn-lightpurple50.active:hover, .btn-lightpurple50.active:focus, .btn-lightpurple50[aria-expanded="true"]:hover, .btn-lightpurple50[aria-expanded="true"]:focus, .open > .btn-lightpurple50.dropdown-toggle { color: white; background: #8b6fcb; border-color: #6743b9; background-image: none; } .btn-lightpurple50.dropdown-toggle + ul li.active a { color: white; background: #C1B2E3; } .btn-lightpurple50.disabled, .btn-lightpurple50[disabled], fieldset[disabled] .btn-lightpurple50 { pointer-events: none; } .btn-lightpurple50 .badge { color: #C1B2E3; background-color: #C1B2E3; } .menu-lightpurple50 ul li.active a, .menu-lightpurple50 ul li.active a:hover { color: white; background: #C1B2E3 !important; } .nav-lightpurple50 > li.active > a,.nav-lightpurple50 > rubix-menu > li.active > a,.nav-lightpurple50 > rubix-nav-item > li.active > a { color: white; background: #C1B2E3; border-color: #C1B2E3; } .tab-lightpurple50 { border-color: #C1B2E3; } .tab-lightpurple50 > li.active > a { border-color: #C1B2E3; border-bottom-color: transparent; } .tab-lightpurple50.nav-pills > li.active > a { background: #C1B2E3; color: white; } .rubix-panel-header.nav-inline .nav-lightpurple50 > li.active > a { border: 1px solid #C1B2E3; border-bottom: none; } .rubix-panel-header.nav-inline .nav-lightpurple50 > li.open > .dropdown-toggle { color: white; background: none; } .bg-lightpurple50 { background: #C1B2E3 !important; } .bg-lightpurple50 table td, .bg-lightpurple50 th { border-color: rgba(0, 0, 0, 0.05) !important; } .bg-focus-lightpurple50:focus { background: #C1B2E3 !important; } .bg-hover-lightpurple50:hover { background: #C1B2E3 !important; } .fg-lightpurple50 { color: #C1B2E3; } .fg-lightpurple50 .nav-tabs > li.active > a { color: #C1B2E3; } .fg-tab-active-lightpurple50 .nav-tabs > li.active > a { color: #C1B2E3 !important; } .fg-focus-lightpurple50:focus { color: #C1B2E3; } .fg-hover-lightpurple50:hover { color: #C1B2E3; } .border-lightpurple50 { border-color: #C1B2E3 !important; } .border-lightpurple50 .rubix-timeline-body > ul { border-color: #C1B2E3; } .border-lightpurple50.rubix-timeline-view:before { border-color: #C1B2E3; } .border-hover-lightpurple50:hover { border-color: #C1B2E3 !important; } .border-focus-lightpurple50:focus { border-color: #C1B2E3 !important; } .tl-lightpurple50 .rubix-timeline-body > ul > li:before { border-color: #C1B2E3; } .list-bg-lightpurple50 > .list-group-item.active { background: #C1B2E3 !important; color: white !important; } .list-fg-lightpurple50 > .list-group-item { color: #C1B2E3; } .btn-lightpurple { background: #D3C9EB; color: white; border-color: #D3C9EB; } .btn-lightpurple.btn-outlined { color: #D3C9EB; background: none; } .btn-lightpurple.btn-outlined.btn-onlyOnHover { color: #89949B; } .btn-lightpurple.btn-outlined.btn-onlyOnHover:hover, .btn-lightpurple.btn-outlined.btn-onlyOnHover:focus, .btn-lightpurple.btn-outlined.btn-onlyOnHover.active { color: white; } .btn-lightpurple.btn-outlined.btn-inverse { color: white; border-color: white; } .btn-lightpurple.btn-outlined.btn-inverse:hover, .btn-lightpurple.btn-outlined.btn-inverse:focus, .btn-lightpurple.btn-outlined.btn-inverse.active { color: #D3C9EB; background: white; } .btn-lightpurple.btn-outlined.btn-inverse:hover.btn-retainBg, .btn-lightpurple.btn-outlined.btn-inverse:focus.btn-retainBg, .btn-lightpurple.btn-outlined.btn-inverse.active.btn-retainBg { background: #D3C9EB; color: white; border-color: #D3C9EB; } .btn-lightpurple.btn-outlined.btn-inverse:hover.btn-retainBg:active, .btn-lightpurple.btn-outlined.btn-inverse:focus.btn-retainBg:active, .btn-lightpurple.btn-outlined.btn-inverse.active.btn-retainBg:active { background: #9c86d2; border-color: #7859c2; } .btn-lightpurple:focus, .btn-lightpurple.focus, .btn-lightpurple:hover, .btn-lightpurple.active { color: white; background: #f1eef9; border-color: #f1eef9; } .btn-lightpurple:active, .btn-lightpurple.active, .btn-lightpurple[aria-expanded="true"], .btn-lightpurple.active:hover, .btn-lightpurple.active:focus, .btn-lightpurple[aria-expanded="true"]:hover, .btn-lightpurple[aria-expanded="true"]:focus, .open > .btn-lightpurple.dropdown-toggle { color: white; background: #9c86d2; border-color: #7859c2; background-image: none; } .btn-lightpurple.dropdown-toggle + ul li.active a { color: white; background: #D3C9EB; } .btn-lightpurple.disabled, .btn-lightpurple[disabled], fieldset[disabled] .btn-lightpurple { pointer-events: none; } .btn-lightpurple .badge { color: #D3C9EB; background-color: #D3C9EB; } .menu-lightpurple ul li.active a, .menu-lightpurple ul li.active a:hover { color: white; background: #D3C9EB !important; } .nav-lightpurple > li.active > a,.nav-lightpurple > rubix-menu > li.active > a,.nav-lightpurple > rubix-nav-item > li.active > a { color: white; background: #D3C9EB; border-color: #D3C9EB; } .tab-lightpurple { border-color: #D3C9EB; } .tab-lightpurple > li.active > a { border-color: #D3C9EB; border-bottom-color: transparent; } .tab-lightpurple.nav-pills > li.active > a { background: #D3C9EB; color: white; } .rubix-panel-header.nav-inline .nav-lightpurple > li.active > a { border: 1px solid #D3C9EB; border-bottom: none; } .rubix-panel-header.nav-inline .nav-lightpurple > li.open > .dropdown-toggle { color: white; background: none; } .bg-lightpurple { background: #D3C9EB !important; } .bg-lightpurple table td, .bg-lightpurple th { border-color: rgba(0, 0, 0, 0.05) !important; } .bg-focus-lightpurple:focus { background: #D3C9EB !important; } .bg-hover-lightpurple:hover { background: #D3C9EB !important; } .fg-lightpurple { color: #D3C9EB; } .fg-lightpurple .nav-tabs > li.active > a { color: #D3C9EB; } .fg-tab-active-lightpurple .nav-tabs > li.active > a { color: #D3C9EB !important; } .fg-focus-lightpurple:focus { color: #D3C9EB; } .fg-hover-lightpurple:hover { color: #D3C9EB; } .border-lightpurple { border-color: #D3C9EB !important; } .border-lightpurple .rubix-timeline-body > ul { border-color: #D3C9EB; } .border-lightpurple.rubix-timeline-view:before { border-color: #D3C9EB; } .border-hover-lightpurple:hover { border-color: #D3C9EB !important; } .border-focus-lightpurple:focus { border-color: #D3C9EB !important; } .tl-lightpurple .rubix-timeline-body > ul > li:before { border-color: #D3C9EB; } .list-bg-lightpurple > .list-group-item.active { background: #D3C9EB !important; color: white !important; } .list-fg-lightpurple > .list-group-item { color: #D3C9EB; } .btn-darkbrown { background: #AB4F45; color: white; border-color: #AB4F45; } .btn-darkbrown.btn-outlined { color: #AB4F45; background: none; } .btn-darkbrown.btn-outlined.btn-onlyOnHover { color: #89949B; } .btn-darkbrown.btn-outlined.btn-onlyOnHover:hover, .btn-darkbrown.btn-outlined.btn-onlyOnHover:focus, .btn-darkbrown.btn-outlined.btn-onlyOnHover.active { color: white; } .btn-darkbrown.btn-outlined.btn-inverse { color: white; border-color: white; } .btn-darkbrown.btn-outlined.btn-inverse:hover, .btn-darkbrown.btn-outlined.btn-inverse:focus, .btn-darkbrown.btn-outlined.btn-inverse.active { color: #AB4F45; background: white; } .btn-darkbrown.btn-outlined.btn-inverse:hover.btn-retainBg, .btn-darkbrown.btn-outlined.btn-inverse:focus.btn-retainBg, .btn-darkbrown.btn-outlined.btn-inverse.active.btn-retainBg { background: #AB4F45; color: white; border-color: #AB4F45; } .btn-darkbrown.btn-outlined.btn-inverse:hover.btn-retainBg:active, .btn-darkbrown.btn-outlined.btn-inverse:focus.btn-retainBg:active, .btn-darkbrown.btn-outlined.btn-inverse.active.btn-retainBg:active { background: #6a312b; border-color: #3e1d19; } .btn-darkbrown:focus, .btn-darkbrown.focus, .btn-darkbrown:hover, .btn-darkbrown.active { color: white; background: #c06c63; border-color: #c06c63; } .btn-darkbrown:active, .btn-darkbrown.active, .btn-darkbrown[aria-expanded="true"], .btn-darkbrown.active:hover, .btn-darkbrown.active:focus, .btn-darkbrown[aria-expanded="true"]:hover, .btn-darkbrown[aria-expanded="true"]:focus, .open > .btn-darkbrown.dropdown-toggle { color: white; background: #6a312b; border-color: #3e1d19; background-image: none; } .btn-darkbrown.dropdown-toggle + ul li.active a { color: white; background: #AB4F45; } .btn-darkbrown.disabled, .btn-darkbrown[disabled], fieldset[disabled] .btn-darkbrown { pointer-events: none; } .btn-darkbrown .badge { color: #AB4F45; background-color: #AB4F45; } .menu-darkbrown ul li.active a, .menu-darkbrown ul li.active a:hover { color: white; background: #AB4F45 !important; } .nav-darkbrown > li.active > a,.nav-darkbrown > rubix-menu > li.active > a,.nav-darkbrown > rubix-nav-item > li.active > a { color: white; background: #AB4F45; border-color: #AB4F45; } .tab-darkbrown { border-color: #AB4F45; } .tab-darkbrown > li.active > a { border-color: #AB4F45; border-bottom-color: transparent; } .tab-darkbrown.nav-pills > li.active > a { background: #AB4F45; color: white; } .rubix-panel-header.nav-inline .nav-darkbrown > li.active > a { border: 1px solid #AB4F45; border-bottom: none; } .rubix-panel-header.nav-inline .nav-darkbrown > li.open > .dropdown-toggle { color: white; background: none; } .bg-darkbrown { background: #AB4F45 !important; } .bg-darkbrown table td, .bg-darkbrown th { border-color: rgba(0, 0, 0, 0.05) !important; } .bg-focus-darkbrown:focus { background: #AB4F45 !important; } .bg-hover-darkbrown:hover { background: #AB4F45 !important; } .fg-darkbrown { color: #AB4F45; } .fg-darkbrown .nav-tabs > li.active > a { color: #AB4F45; } .fg-tab-active-darkbrown .nav-tabs > li.active > a { color: #AB4F45 !important; } .fg-focus-darkbrown:focus { color: #AB4F45; } .fg-hover-darkbrown:hover { color: #AB4F45; } .border-darkbrown { border-color: #AB4F45 !important; } .border-darkbrown .rubix-timeline-body > ul { border-color: #AB4F45; } .border-darkbrown.rubix-timeline-view:before { border-color: #AB4F45; } .border-hover-darkbrown:hover { border-color: #AB4F45 !important; } .border-focus-darkbrown:focus { border-color: #AB4F45 !important; } .tl-darkbrown .rubix-timeline-body > ul > li:before { border-color: #AB4F45; } .list-bg-darkbrown > .list-group-item.active { background: #AB4F45 !important; color: white !important; } .list-fg-darkbrown > .list-group-item { color: #AB4F45; } .btn-brown { background: #A8553A; color: white; border-color: #A8553A; } .btn-brown.btn-outlined { color: #A8553A; background: none; } .btn-brown.btn-outlined.btn-onlyOnHover { color: #89949B; } .btn-brown.btn-outlined.btn-onlyOnHover:hover, .btn-brown.btn-outlined.btn-onlyOnHover:focus, .btn-brown.btn-outlined.btn-onlyOnHover.active { color: white; } .btn-brown.btn-outlined.btn-inverse { color: white; border-color: white; } .btn-brown.btn-outlined.btn-inverse:hover, .btn-brown.btn-outlined.btn-inverse:focus, .btn-brown.btn-outlined.btn-inverse.active { color: #A8553A; background: white; } .btn-brown.btn-outlined.btn-inverse:hover.btn-retainBg, .btn-brown.btn-outlined.btn-inverse:focus.btn-retainBg, .btn-brown.btn-outlined.btn-inverse.active.btn-retainBg { background: #A8553A; color: white; border-color: #A8553A; } .btn-brown.btn-outlined.btn-inverse:hover.btn-retainBg:active, .btn-brown.btn-outlined.btn-inverse:focus.btn-retainBg:active, .btn-brown.btn-outlined.btn-inverse.active.btn-retainBg:active { background: #643222; border-color: #361b13; } .btn-brown:focus, .btn-brown.focus, .btn-brown:hover, .btn-brown.active { color: white; background: #c36e52; border-color: #c36e52; } .btn-brown:active, .btn-brown.active, .btn-brown[aria-expanded="true"], .btn-brown.active:hover, .btn-brown.active:focus, .btn-brown[aria-expanded="true"]:hover, .btn-brown[aria-expanded="true"]:focus, .open > .btn-brown.dropdown-toggle { color: white; background: #643222; border-color: #361b13; background-image: none; } .btn-brown.dropdown-toggle + ul li.active a { color: white; background: #A8553A; } .btn-brown.disabled, .btn-brown[disabled], fieldset[disabled] .btn-brown { pointer-events: none; } .btn-brown .badge { color: #A8553A; background-color: #A8553A; } .menu-brown ul li.active a, .menu-brown ul li.active a:hover { color: white; background: #A8553A !important; } .nav-brown > li.active > a,.nav-brown > rubix-menu > li.active > a,.nav-brown > rubix-nav-item > li.active > a { color: white; background: #A8553A; border-color: #A8553A; } .tab-brown { border-color: #A8553A; } .tab-brown > li.active > a { border-color: #A8553A; border-bottom-color: transparent; } .tab-brown.nav-pills > li.active > a { background: #A8553A; color: white; } .rubix-panel-header.nav-inline .nav-brown > li.active > a { border: 1px solid #A8553A; border-bottom: none; } .rubix-panel-header.nav-inline .nav-brown > li.open > .dropdown-toggle { color: white; background: none; } .bg-brown { background: #A8553A !important; } .bg-brown table td, .bg-brown th { border-color: rgba(0, 0, 0, 0.05) !important; } .bg-focus-brown:focus { background: #A8553A !important; } .bg-hover-brown:hover { background: #A8553A !important; } .fg-brown { color: #A8553A; } .fg-brown .nav-tabs > li.active > a { color: #A8553A; } .fg-tab-active-brown .nav-tabs > li.active > a { color: #A8553A !important; } .fg-focus-brown:focus { color: #A8553A; } .fg-hover-brown:hover { color: #A8553A; } .border-brown { border-color: #A8553A !important; } .border-brown .rubix-timeline-body > ul { border-color: #A8553A; } .border-brown.rubix-timeline-view:before { border-color: #A8553A; } .border-hover-brown:hover { border-color: #A8553A !important; } .border-focus-brown:focus { border-color: #A8553A !important; } .tl-brown .rubix-timeline-body > ul > li:before { border-color: #A8553A; } .list-bg-brown > .list-group-item.active { background: #A8553A !important; color: white !important; } .list-fg-brown > .list-group-item { color: #A8553A; } .btn-brown75 { background: #C36849; color: white; border-color: #C36849; } .btn-brown75.btn-outlined { color: #C36849; background: none; } .btn-brown75.btn-outlined.btn-onlyOnHover { color: #89949B; } .btn-brown75.btn-outlined.btn-onlyOnHover:hover, .btn-brown75.btn-outlined.btn-onlyOnHover:focus, .btn-brown75.btn-outlined.btn-onlyOnHover.active { color: white; } .btn-brown75.btn-outlined.btn-inverse { color: white; border-color: white; } .btn-brown75.btn-outlined.btn-inverse:hover, .btn-brown75.btn-outlined.btn-inverse:focus, .btn-brown75.btn-outlined.btn-inverse.active { color: #C36849; background: white; } .btn-brown75.btn-outlined.btn-inverse:hover.btn-retainBg, .btn-brown75.btn-outlined.btn-inverse:focus.btn-retainBg, .btn-brown75.btn-outlined.btn-inverse.active.btn-retainBg { background: #C36849; color: white; border-color: #C36849; } .btn-brown75.btn-outlined.btn-inverse:hover.btn-retainBg:active, .btn-brown75.btn-outlined.btn-inverse:focus.btn-retainBg:active, .btn-brown75.btn-outlined.btn-inverse.active.btn-retainBg:active { background: #85422c; border-color: #562b1d; } .btn-brown75:focus, .btn-brown75.focus, .btn-brown75:hover, .btn-brown75.active { color: white; background: #d0886f; border-color: #d0886f; } .btn-brown75:active, .btn-brown75.active, .btn-brown75[aria-expanded="true"], .btn-brown75.active:hover, .btn-brown75.active:focus, .btn-brown75[aria-expanded="true"]:hover, .btn-brown75[aria-expanded="true"]:focus, .open > .btn-brown75.dropdown-toggle { color: white; background: #85422c; border-color: #562b1d; background-image: none; } .btn-brown75.dropdown-toggle + ul li.active a { color: white; background: #C36849; } .btn-brown75.disabled, .btn-brown75[disabled], fieldset[disabled] .btn-brown75 { pointer-events: none; } .btn-brown75 .badge { color: #C36849; background-color: #C36849; } .menu-brown75 ul li.active a, .menu-brown75 ul li.active a:hover { color: white; background: #C36849 !important; } .nav-brown75 > li.active > a,.nav-brown75 > rubix-menu > li.active > a,.nav-brown75 > rubix-nav-item > li.active > a { color: white; background: #C36849; border-color: #C36849; } .tab-brown75 { border-color: #C36849; } .tab-brown75 > li.active > a { border-color: #C36849; border-bottom-color: transparent; } .tab-brown75.nav-pills > li.active > a { background: #C36849; color: white; } .rubix-panel-header.nav-inline .nav-brown75 > li.active > a { border: 1px solid #C36849; border-bottom: none; } .rubix-panel-header.nav-inline .nav-brown75 > li.open > .dropdown-toggle { color: white; background: none; } .bg-brown75 { background: #C36849 !important; } .bg-brown75 table td, .bg-brown75 th { border-color: rgba(0, 0, 0, 0.05) !important; } .bg-focus-brown75:focus { background: #C36849 !important; } .bg-hover-brown75:hover { background: #C36849 !important; } .fg-brown75 { color: #C36849; } .fg-brown75 .nav-tabs > li.active > a { color: #C36849; } .fg-tab-active-brown75 .nav-tabs > li.active > a { color: #C36849 !important; } .fg-focus-brown75:focus { color: #C36849; } .fg-hover-brown75:hover { color: #C36849; } .border-brown75 { border-color: #C36849 !important; } .border-brown75 .rubix-timeline-body > ul { border-color: #C36849; } .border-brown75.rubix-timeline-view:before { border-color: #C36849; } .border-hover-brown75:hover { border-color: #C36849 !important; } .border-focus-brown75:focus { border-color: #C36849 !important; } .tl-brown75 .rubix-timeline-body > ul > li:before { border-color: #C36849; } .list-bg-brown75 > .list-group-item.active { background: #C36849 !important; color: white !important; } .list-fg-brown75 > .list-group-item { color: #C36849; } .btn-brown60 { background: #C67055; color: white; border-color: #C67055; } .btn-brown60.btn-outlined { color: #C67055; background: none; } .btn-brown60.btn-outlined.btn-onlyOnHover { color: #89949B; } .btn-brown60.btn-outlined.btn-onlyOnHover:hover, .btn-brown60.btn-outlined.btn-onlyOnHover:focus, .btn-brown60.btn-outlined.btn-onlyOnHover.active { color: white; } .btn-brown60.btn-outlined.btn-inverse { color: white; border-color: white; } .btn-brown60.btn-outlined.btn-inverse:hover, .btn-brown60.btn-outlined.btn-inverse:focus, .btn-brown60.btn-outlined.btn-inverse.active { color: #C67055; background: white; } .btn-brown60.btn-outlined.btn-inverse:hover.btn-retainBg, .btn-brown60.btn-outlined.btn-inverse:focus.btn-retainBg, .btn-brown60.btn-outlined.btn-inverse.active.btn-retainBg { background: #C67055; color: white; border-color: #C67055; } .btn-brown60.btn-outlined.btn-inverse:hover.btn-retainBg:active, .btn-brown60.btn-outlined.btn-inverse:focus.btn-retainBg:active, .btn-brown60.btn-outlined.btn-inverse.active.btn-retainBg:active { background: #8f4730; border-color: #613021; } .btn-brown60:focus, .btn-brown60.focus, .btn-brown60:hover, .btn-brown60.active { color: white; background: #d3907b; border-color: #d3907b; } .btn-brown60:active, .btn-brown60.active, .btn-brown60[aria-expanded="true"], .btn-brown60.active:hover, .btn-brown60.active:focus, .btn-brown60[aria-expanded="true"]:hover, .btn-brown60[aria-expanded="true"]:focus, .open > .btn-brown60.dropdown-toggle { color: white; background: #8f4730; border-color: #613021; background-image: none; } .btn-brown60.dropdown-toggle + ul li.active a { color: white; background: #C67055; } .btn-brown60.disabled, .btn-brown60[disabled], fieldset[disabled] .btn-brown60 { pointer-events: none; } .btn-brown60 .badge { color: #C67055; background-color: #C67055; } .menu-brown60 ul li.active a, .menu-brown60 ul li.active a:hover { color: white; background: #C67055 !important; } .nav-brown60 > li.active > a,.nav-brown60 > rubix-menu > li.active > a,.nav-brown60 > rubix-nav-item > li.active > a { color: white; background: #C67055; border-color: #C67055; } .tab-brown60 { border-color: #C67055; } .tab-brown60 > li.active > a { border-color: #C67055; border-bottom-color: transparent; } .tab-brown60.nav-pills > li.active > a { background: #C67055; color: white; } .rubix-panel-header.nav-inline .nav-brown60 > li.active > a { border: 1px solid #C67055; border-bottom: none; } .rubix-panel-header.nav-inline .nav-brown60 > li.open > .dropdown-toggle { color: white; background: none; } .bg-brown60 { background: #C67055 !important; } .bg-brown60 table td, .bg-brown60 th { border-color: rgba(0, 0, 0, 0.05) !important; } .bg-focus-brown60:focus { background: #C67055 !important; } .bg-hover-brown60:hover { background: #C67055 !important; } .fg-brown60 { color: #C67055; } .fg-brown60 .nav-tabs > li.active > a { color: #C67055; } .fg-tab-active-brown60 .nav-tabs > li.active > a { color: #C67055 !important; } .fg-focus-brown60:focus { color: #C67055; } .fg-hover-brown60:hover { color: #C67055; } .border-brown60 { border-color: #C67055 !important; } .border-brown60 .rubix-timeline-body > ul { border-color: #C67055; } .border-brown60.rubix-timeline-view:before { border-color: #C67055; } .border-hover-brown60:hover { border-color: #C67055 !important; } .border-focus-brown60:focus { border-color: #C67055 !important; } .tl-brown60 .rubix-timeline-body > ul > li:before { border-color: #C67055; } .list-bg-brown60 > .list-group-item.active { background: #C67055 !important; color: white !important; } .list-fg-brown60 > .list-group-item { color: #C67055; } .btn-brown50 { background: #D67F6B; color: white; border-color: #D67F6B; } .btn-brown50.btn-outlined { color: #D67F6B; background: none; } .btn-brown50.btn-outlined.btn-onlyOnHover { color: #89949B; } .btn-brown50.btn-outlined.btn-onlyOnHover:hover, .btn-brown50.btn-outlined.btn-onlyOnHover:focus, .btn-brown50.btn-outlined.btn-onlyOnHover.active { color: white; } .btn-brown50.btn-outlined.btn-inverse { color: white; border-color: white; } .btn-brown50.btn-outlined.btn-inverse:hover, .btn-brown50.btn-outlined.btn-inverse:focus, .btn-brown50.btn-outlined.btn-inverse.active { color: #D67F6B; background: white; } .btn-brown50.btn-outlined.btn-inverse:hover.btn-retainBg, .btn-brown50.btn-outlined.btn-inverse:focus.btn-retainBg, .btn-brown50.btn-outlined.btn-inverse.active.btn-retainBg { background: #D67F6B; color: white; border-color: #D67F6B; } .btn-brown50.btn-outlined.btn-inverse:hover.btn-retainBg:active, .btn-brown50.btn-outlined.btn-inverse:focus.btn-retainBg:active, .btn-brown50.btn-outlined.btn-inverse.active.btn-retainBg:active { background: #b34a32; border-color: #843624; } .btn-brown50:focus, .btn-brown50.focus, .btn-brown50:hover, .btn-brown50.active { color: white; background: #e1a293; border-color: #e1a293; } .btn-brown50:active, .btn-brown50.active, .btn-brown50[aria-expanded="true"], .btn-brown50.active:hover, .btn-brown50.active:focus, .btn-brown50[aria-expanded="true"]:hover, .btn-brown50[aria-expanded="true"]:focus, .open > .btn-brown50.dropdown-toggle { color: white; background: #b34a32; border-color: #843624; background-image: none; } .btn-brown50.dropdown-toggle + ul li.active a { color: white; background: #D67F6B; } .btn-brown50.disabled, .btn-brown50[disabled], fieldset[disabled] .btn-brown50 { pointer-events: none; } .btn-brown50 .badge { color: #D67F6B; background-color: #D67F6B; } .menu-brown50 ul li.active a, .menu-brown50 ul li.active a:hover { color: white; background: #D67F6B !important; } .nav-brown50 > li.active > a,.nav-brown50 > rubix-menu > li.active > a,.nav-brown50 > rubix-nav-item > li.active > a { color: white; background: #D67F6B; border-color: #D67F6B; } .tab-brown50 { border-color: #D67F6B; } .tab-brown50 > li.active > a { border-color: #D67F6B; border-bottom-color: transparent; } .tab-brown50.nav-pills > li.active > a { background: #D67F6B; color: white; } .rubix-panel-header.nav-inline .nav-brown50 > li.active > a { border: 1px solid #D67F6B; border-bottom: none; } .rubix-panel-header.nav-inline .nav-brown50 > li.open > .dropdown-toggle { color: white; background: none; } .bg-brown50 { background: #D67F6B !important; } .bg-brown50 table td, .bg-brown50 th { border-color: rgba(0, 0, 0, 0.05) !important; } .bg-focus-brown50:focus { background: #D67F6B !important; } .bg-hover-brown50:hover { background: #D67F6B !important; } .fg-brown50 { color: #D67F6B; } .fg-brown50 .nav-tabs > li.active > a { color: #D67F6B; } .fg-tab-active-brown50 .nav-tabs > li.active > a { color: #D67F6B !important; } .fg-focus-brown50:focus { color: #D67F6B; } .fg-hover-brown50:hover { color: #D67F6B; } .border-brown50 { border-color: #D67F6B !important; } .border-brown50 .rubix-timeline-body > ul { border-color: #D67F6B; } .border-brown50.rubix-timeline-view:before { border-color: #D67F6B; } .border-hover-brown50:hover { border-color: #D67F6B !important; } .border-focus-brown50:focus { border-color: #D67F6B !important; } .tl-brown50 .rubix-timeline-body > ul > li:before { border-color: #D67F6B; } .list-bg-brown50 > .list-group-item.active { background: #D67F6B !important; color: white !important; } .list-fg-brown50 > .list-group-item { color: #D67F6B; } .btn-brownishgreen { background: #948266; color: white; border-color: #948266; } .btn-brownishgreen.btn-outlined { color: #948266; background: none; } .btn-brownishgreen.btn-outlined.btn-onlyOnHover { color: #89949B; } .btn-brownishgreen.btn-outlined.btn-onlyOnHover:hover, .btn-brownishgreen.btn-outlined.btn-onlyOnHover:focus, .btn-brownishgreen.btn-outlined.btn-onlyOnHover.active { color: white; } .btn-brownishgreen.btn-outlined.btn-inverse { color: white; border-color: white; } .btn-brownishgreen.btn-outlined.btn-inverse:hover, .btn-brownishgreen.btn-outlined.btn-inverse:focus, .btn-brownishgreen.btn-outlined.btn-inverse.active { color: #948266; background: white; } .btn-brownishgreen.btn-outlined.btn-inverse:hover.btn-retainBg, .btn-brownishgreen.btn-outlined.btn-inverse:focus.btn-retainBg, .btn-brownishgreen.btn-outlined.btn-inverse.active.btn-retainBg { background: #948266; color: white; border-color: #948266; } .btn-brownishgreen.btn-outlined.btn-inverse:hover.btn-retainBg:active, .btn-brownishgreen.btn-outlined.btn-inverse:focus.btn-retainBg:active, .btn-brownishgreen.btn-outlined.btn-inverse.active.btn-retainBg:active { background: #5e5241; border-color: #393228; } .btn-brownishgreen:focus, .btn-brownishgreen.focus, .btn-brownishgreen:hover, .btn-brownishgreen.active { color: white; background: #aa9b83; border-color: #aa9b83; } .btn-brownishgreen:active, .btn-brownishgreen.active, .btn-brownishgreen[aria-expanded="true"], .btn-brownishgreen.active:hover, .btn-brownishgreen.active:focus, .btn-brownishgreen[aria-expanded="true"]:hover, .btn-brownishgreen[aria-expanded="true"]:focus, .open > .btn-brownishgreen.dropdown-toggle { color: white; background: #5e5241; border-color: #393228; background-image: none; } .btn-brownishgreen.dropdown-toggle + ul li.active a { color: white; background: #948266; } .btn-brownishgreen.disabled, .btn-brownishgreen[disabled], fieldset[disabled] .btn-brownishgreen { pointer-events: none; } .btn-brownishgreen .badge { color: #948266; background-color: #948266; } .menu-brownishgreen ul li.active a, .menu-brownishgreen ul li.active a:hover { color: white; background: #948266 !important; } .nav-brownishgreen > li.active > a,.nav-brownishgreen > rubix-menu > li.active > a,.nav-brownishgreen > rubix-nav-item > li.active > a { color: white; background: #948266; border-color: #948266; } .tab-brownishgreen { border-color: #948266; } .tab-brownishgreen > li.active > a { border-color: #948266; border-bottom-color: transparent; } .tab-brownishgreen.nav-pills > li.active > a { background: #948266; color: white; } .rubix-panel-header.nav-inline .nav-brownishgreen > li.active > a { border: 1px solid #948266; border-bottom: none; } .rubix-panel-header.nav-inline .nav-brownishgreen > li.open > .dropdown-toggle { color: white; background: none; } .bg-brownishgreen { background: #948266 !important; } .bg-brownishgreen table td, .bg-brownishgreen th { border-color: rgba(0, 0, 0, 0.05) !important; } .bg-focus-brownishgreen:focus { background: #948266 !important; } .bg-hover-brownishgreen:hover { background: #948266 !important; } .fg-brownishgreen { color: #948266; } .fg-brownishgreen .nav-tabs > li.active > a { color: #948266; } .fg-tab-active-brownishgreen .nav-tabs > li.active > a { color: #948266 !important; } .fg-focus-brownishgreen:focus { color: #948266; } .fg-hover-brownishgreen:hover { color: #948266; } .border-brownishgreen { border-color: #948266 !important; } .border-brownishgreen .rubix-timeline-body > ul { border-color: #948266; } .border-brownishgreen.rubix-timeline-view:before { border-color: #948266; } .border-hover-brownishgreen:hover { border-color: #948266 !important; } .border-focus-brownishgreen:focus { border-color: #948266 !important; } .tl-brownishgreen .rubix-timeline-body > ul > li:before { border-color: #948266; } .list-bg-brownishgreen > .list-group-item.active { background: #948266 !important; color: white !important; } .list-fg-brownishgreen > .list-group-item { color: #948266; } .btn-orange { background: #FFC497; color: white; border-color: #FFC497; } .btn-orange.btn-outlined { color: #FFC497; background: none; } .btn-orange.btn-outlined.btn-onlyOnHover { color: #89949B; } .btn-orange.btn-outlined.btn-onlyOnHover:hover, .btn-orange.btn-outlined.btn-onlyOnHover:focus, .btn-orange.btn-outlined.btn-onlyOnHover.active { color: white; } .btn-orange.btn-outlined.btn-inverse { color: white; border-color: white; } .btn-orange.btn-outlined.btn-inverse:hover, .btn-orange.btn-outlined.btn-inverse:focus, .btn-orange.btn-outlined.btn-inverse.active { color: #FFC497; background: white; } .btn-orange.btn-outlined.btn-inverse:hover.btn-retainBg, .btn-orange.btn-outlined.btn-inverse:focus.btn-retainBg, .btn-orange.btn-outlined.btn-inverse.active.btn-retainBg { background: #FFC497; color: white; border-color: #FFC497; } .btn-orange.btn-outlined.btn-inverse:hover.btn-retainBg:active, .btn-orange.btn-outlined.btn-inverse:focus.btn-retainBg:active, .btn-orange.btn-outlined.btn-inverse.active.btn-retainBg:active { background: #ff903b; border-color: #fd6d00; } .btn-orange:focus, .btn-orange.focus, .btn-orange:hover, .btn-orange.active { color: white; background: #ffe1ca; border-color: #ffe1ca; } .btn-orange:active, .btn-orange.active, .btn-orange[aria-expanded="true"], .btn-orange.active:hover, .btn-orange.active:focus, .btn-orange[aria-expanded="true"]:hover, .btn-orange[aria-expanded="true"]:focus, .open > .btn-orange.dropdown-toggle { color: white; background: #ff903b; border-color: #fd6d00; background-image: none; } .btn-orange.dropdown-toggle + ul li.active a { color: white; background: #FFC497; } .btn-orange.disabled, .btn-orange[disabled], fieldset[disabled] .btn-orange { pointer-events: none; } .btn-orange .badge { color: #FFC497; background-color: #FFC497; } .menu-orange ul li.active a, .menu-orange ul li.active a:hover { color: white; background: #FFC497 !important; } .nav-orange > li.active > a,.nav-orange > rubix-menu > li.active > a,.nav-orange > rubix-nav-item > li.active > a { color: white; background: #FFC497; border-color: #FFC497; } .tab-orange { border-color: #FFC497; } .tab-orange > li.active > a { border-color: #FFC497; border-bottom-color: transparent; } .tab-orange.nav-pills > li.active > a { background: #FFC497; color: white; } .rubix-panel-header.nav-inline .nav-orange > li.active > a { border: 1px solid #FFC497; border-bottom: none; } .rubix-panel-header.nav-inline .nav-orange > li.open > .dropdown-toggle { color: white; background: none; } .bg-orange { background: #FFC497 !important; } .bg-orange table td, .bg-orange th { border-color: rgba(0, 0, 0, 0.05) !important; } .bg-focus-orange:focus { background: #FFC497 !important; } .bg-hover-orange:hover { background: #FFC497 !important; } .fg-orange { color: #FFC497; } .fg-orange .nav-tabs > li.active > a { color: #FFC497; } .fg-tab-active-orange .nav-tabs > li.active > a { color: #FFC497 !important; } .fg-focus-orange:focus { color: #FFC497; } .fg-hover-orange:hover { color: #FFC497; } .border-orange { border-color: #FFC497 !important; } .border-orange .rubix-timeline-body > ul { border-color: #FFC497; } .border-orange.rubix-timeline-view:before { border-color: #FFC497; } .border-hover-orange:hover { border-color: #FFC497 !important; } .border-focus-orange:focus { border-color: #FFC497 !important; } .tl-orange .rubix-timeline-body > ul > li:before { border-color: #FFC497; } .list-bg-orange > .list-group-item.active { background: #FFC497 !important; color: white !important; } .list-fg-orange > .list-group-item { color: #FFC497; } .btn-paleorange { background: #EA8564; color: white; border-color: #EA8564; } .btn-paleorange.btn-outlined { color: #EA8564; background: none; } .btn-paleorange.btn-outlined.btn-onlyOnHover { color: #89949B; } .btn-paleorange.btn-outlined.btn-onlyOnHover:hover, .btn-paleorange.btn-outlined.btn-onlyOnHover:focus, .btn-paleorange.btn-outlined.btn-onlyOnHover.active { color: white; } .btn-paleorange.btn-outlined.btn-inverse { color: white; border-color: white; } .btn-paleorange.btn-outlined.btn-inverse:hover, .btn-paleorange.btn-outlined.btn-inverse:focus, .btn-paleorange.btn-outlined.btn-inverse.active { color: #EA8564; background: white; } .btn-paleorange.btn-outlined.btn-inverse:hover.btn-retainBg, .btn-paleorange.btn-outlined.btn-inverse:focus.btn-retainBg, .btn-paleorange.btn-outlined.btn-inverse.active.btn-retainBg { background: #EA8564; color: white; border-color: #EA8564; } .btn-paleorange.btn-outlined.btn-inverse:hover.btn-retainBg:active, .btn-paleorange.btn-outlined.btn-inverse:focus.btn-retainBg:active, .btn-paleorange.btn-outlined.btn-inverse.active.btn-retainBg:active { background: #d54a1d; border-color: #9f3816; } .btn-paleorange:focus, .btn-paleorange.focus, .btn-paleorange:hover, .btn-paleorange.active { color: white; background: #f0a891; border-color: #f0a891; } .btn-paleorange:active, .btn-paleorange.active, .btn-paleorange[aria-expanded="true"], .btn-paleorange.active:hover, .btn-paleorange.active:focus, .btn-paleorange[aria-expanded="true"]:hover, .btn-paleorange[aria-expanded="true"]:focus, .open > .btn-paleorange.dropdown-toggle { color: white; background: #d54a1d; border-color: #9f3816; background-image: none; } .btn-paleorange.dropdown-toggle + ul li.active a { color: white; background: #EA8564; } .btn-paleorange.disabled, .btn-paleorange[disabled], fieldset[disabled] .btn-paleorange { pointer-events: none; } .btn-paleorange .badge { color: #EA8564; background-color: #EA8564; } .menu-paleorange ul li.active a, .menu-paleorange ul li.active a:hover { color: white; background: #EA8564 !important; } .nav-paleorange > li.active > a,.nav-paleorange > rubix-menu > li.active > a,.nav-paleorange > rubix-nav-item > li.active > a { color: white; background: #EA8564; border-color: #EA8564; } .tab-paleorange { border-color: #EA8564; } .tab-paleorange > li.active > a { border-color: #EA8564; border-bottom-color: transparent; } .tab-paleorange.nav-pills > li.active > a { background: #EA8564; color: white; } .rubix-panel-header.nav-inline .nav-paleorange > li.active > a { border: 1px solid #EA8564; border-bottom: none; } .rubix-panel-header.nav-inline .nav-paleorange > li.open > .dropdown-toggle { color: white; background: none; } .bg-paleorange { background: #EA8564 !important; } .bg-paleorange table td, .bg-paleorange th { border-color: rgba(0, 0, 0, 0.05) !important; } .bg-focus-paleorange:focus { background: #EA8564 !important; } .bg-hover-paleorange:hover { background: #EA8564 !important; } .fg-paleorange { color: #EA8564; } .fg-paleorange .nav-tabs > li.active > a { color: #EA8564; } .fg-tab-active-paleorange .nav-tabs > li.active > a { color: #EA8564 !important; } .fg-focus-paleorange:focus { color: #EA8564; } .fg-hover-paleorange:hover { color: #EA8564; } .border-paleorange { border-color: #EA8564 !important; } .border-paleorange .rubix-timeline-body > ul { border-color: #EA8564; } .border-paleorange.rubix-timeline-view:before { border-color: #EA8564; } .border-hover-paleorange:hover { border-color: #EA8564 !important; } .border-focus-paleorange:focus { border-color: #EA8564 !important; } .tl-paleorange .rubix-timeline-body > ul > li:before { border-color: #EA8564; } .list-bg-paleorange > .list-group-item.active { background: #EA8564 !important; color: white !important; } .list-fg-paleorange > .list-group-item { color: #EA8564; } .btn-pinkishred { background: #EF6B5D; color: white; border-color: #EF6B5D; } .btn-pinkishred.btn-outlined { color: #EF6B5D; background: none; } .btn-pinkishred.btn-outlined.btn-onlyOnHover { color: #89949B; } .btn-pinkishred.btn-outlined.btn-onlyOnHover:hover, .btn-pinkishred.btn-outlined.btn-onlyOnHover:focus, .btn-pinkishred.btn-outlined.btn-onlyOnHover.active { color: white; } .btn-pinkishred.btn-outlined.btn-inverse { color: white; border-color: white; } .btn-pinkishred.btn-outlined.btn-inverse:hover, .btn-pinkishred.btn-outlined.btn-inverse:focus, .btn-pinkishred.btn-outlined.btn-inverse.active { color: #EF6B5D; background: white; } .btn-pinkishred.btn-outlined.btn-inverse:hover.btn-retainBg, .btn-pinkishred.btn-outlined.btn-inverse:focus.btn-retainBg, .btn-pinkishred.btn-outlined.btn-inverse.active.btn-retainBg { background: #EF6B5D; color: white; border-color: #EF6B5D; } .btn-pinkishred.btn-outlined.btn-inverse:hover.btn-retainBg:active, .btn-pinkishred.btn-outlined.btn-inverse:focus.btn-retainBg:active, .btn-pinkishred.btn-outlined.btn-inverse.active.btn-retainBg:active { background: #db2816; border-color: #a31e10; } .btn-pinkishred:focus, .btn-pinkishred.focus, .btn-pinkishred:hover, .btn-pinkishred.active { color: white; background: #f4958b; border-color: #f4958b; } .btn-pinkishred:active, .btn-pinkishred.active, .btn-pinkishred[aria-expanded="true"], .btn-pinkishred.active:hover, .btn-pinkishred.active:focus, .btn-pinkishred[aria-expanded="true"]:hover, .btn-pinkishred[aria-expanded="true"]:focus, .open > .btn-pinkishred.dropdown-toggle { color: white; background: #db2816; border-color: #a31e10; background-image: none; } .btn-pinkishred.dropdown-toggle + ul li.active a { color: white; background: #EF6B5D; } .btn-pinkishred.disabled, .btn-pinkishred[disabled], fieldset[disabled] .btn-pinkishred { pointer-events: none; } .btn-pinkishred .badge { color: #EF6B5D; background-color: #EF6B5D; } .menu-pinkishred ul li.active a, .menu-pinkishred ul li.active a:hover { color: white; background: #EF6B5D !important; } .nav-pinkishred > li.active > a,.nav-pinkishred > rubix-menu > li.active > a,.nav-pinkishred > rubix-nav-item > li.active > a { color: white; background: #EF6B5D; border-color: #EF6B5D; } .tab-pinkishred { border-color: #EF6B5D; } .tab-pinkishred > li.active > a { border-color: #EF6B5D; border-bottom-color: transparent; } .tab-pinkishred.nav-pills > li.active > a { background: #EF6B5D; color: white; } .rubix-panel-header.nav-inline .nav-pinkishred > li.active > a { border: 1px solid #EF6B5D; border-bottom: none; } .rubix-panel-header.nav-inline .nav-pinkishred > li.open > .dropdown-toggle { color: white; background: none; } .bg-pinkishred { background: #EF6B5D !important; } .bg-pinkishred table td, .bg-pinkishred th { border-color: rgba(0, 0, 0, 0.05) !important; } .bg-focus-pinkishred:focus { background: #EF6B5D !important; } .bg-hover-pinkishred:hover { background: #EF6B5D !important; } .fg-pinkishred { color: #EF6B5D; } .fg-pinkishred .nav-tabs > li.active > a { color: #EF6B5D; } .fg-tab-active-pinkishred .nav-tabs > li.active > a { color: #EF6B5D !important; } .fg-focus-pinkishred:focus { color: #EF6B5D; } .fg-hover-pinkishred:hover { color: #EF6B5D; } .border-pinkishred { border-color: #EF6B5D !important; } .border-pinkishred .rubix-timeline-body > ul { border-color: #EF6B5D; } .border-pinkishred.rubix-timeline-view:before { border-color: #EF6B5D; } .border-hover-pinkishred:hover { border-color: #EF6B5D !important; } .border-focus-pinkishred:focus { border-color: #EF6B5D !important; } .tl-pinkishred .rubix-timeline-body > ul > li:before { border-color: #EF6B5D; } .list-bg-pinkishred > .list-group-item.active { background: #EF6B5D !important; color: white !important; } .list-fg-pinkishred > .list-group-item { color: #EF6B5D; } .btn-orange75 { background: #EE682F; color: white; border-color: #EE682F; } .btn-orange75.btn-outlined { color: #EE682F; background: none; } .btn-orange75.btn-outlined.btn-onlyOnHover { color: #89949B; } .btn-orange75.btn-outlined.btn-onlyOnHover:hover, .btn-orange75.btn-outlined.btn-onlyOnHover:focus, .btn-orange75.btn-outlined.btn-onlyOnHover.active { color: white; } .btn-orange75.btn-outlined.btn-inverse { color: white; border-color: white; } .btn-orange75.btn-outlined.btn-inverse:hover, .btn-orange75.btn-outlined.btn-inverse:focus, .btn-orange75.btn-outlined.btn-inverse.active { color: #EE682F; background: white; } .btn-orange75.btn-outlined.btn-inverse:hover.btn-retainBg, .btn-orange75.btn-outlined.btn-inverse:focus.btn-retainBg, .btn-orange75.btn-outlined.btn-inverse.active.btn-retainBg { background: #EE682F; color: white; border-color: #EE682F; } .btn-orange75.btn-outlined.btn-inverse:hover.btn-retainBg:active, .btn-orange75.btn-outlined.btn-inverse:focus.btn-retainBg:active, .btn-orange75.btn-outlined.btn-inverse.active.btn-retainBg:active { background: #b3400f; border-color: #7a2b0a; } .btn-orange75:focus, .btn-orange75.focus, .btn-orange75:hover, .btn-orange75.active { color: white; background: #f28a5e; border-color: #f28a5e; } .btn-orange75:active, .btn-orange75.active, .btn-orange75[aria-expanded="true"], .btn-orange75.active:hover, .btn-orange75.active:focus, .btn-orange75[aria-expanded="true"]:hover, .btn-orange75[aria-expanded="true"]:focus, .open > .btn-orange75.dropdown-toggle { color: white; background: #b3400f; border-color: #7a2b0a; background-image: none; } .btn-orange75.dropdown-toggle + ul li.active a { color: white; background: #EE682F; } .btn-orange75.disabled, .btn-orange75[disabled], fieldset[disabled] .btn-orange75 { pointer-events: none; } .btn-orange75 .badge { color: #EE682F; background-color: #EE682F; } .menu-orange75 ul li.active a, .menu-orange75 ul li.active a:hover { color: white; background: #EE682F !important; } .nav-orange75 > li.active > a,.nav-orange75 > rubix-menu > li.active > a,.nav-orange75 > rubix-nav-item > li.active > a { color: white; background: #EE682F; border-color: #EE682F; } .tab-orange75 { border-color: #EE682F; } .tab-orange75 > li.active > a { border-color: #EE682F; border-bottom-color: transparent; } .tab-orange75.nav-pills > li.active > a { background: #EE682F; color: white; } .rubix-panel-header.nav-inline .nav-orange75 > li.active > a { border: 1px solid #EE682F; border-bottom: none; } .rubix-panel-header.nav-inline .nav-orange75 > li.open > .dropdown-toggle { color: white; background: none; } .bg-orange75 { background: #EE682F !important; } .bg-orange75 table td, .bg-orange75 th { border-color: rgba(0, 0, 0, 0.05) !important; } .bg-focus-orange75:focus { background: #EE682F !important; } .bg-hover-orange75:hover { background: #EE682F !important; } .fg-orange75 { color: #EE682F; } .fg-orange75 .nav-tabs > li.active > a { color: #EE682F; } .fg-tab-active-orange75 .nav-tabs > li.active > a { color: #EE682F !important; } .fg-focus-orange75:focus { color: #EE682F; } .fg-hover-orange75:hover { color: #EE682F; } .border-orange75 { border-color: #EE682F !important; } .border-orange75 .rubix-timeline-body > ul { border-color: #EE682F; } .border-orange75.rubix-timeline-view:before { border-color: #EE682F; } .border-hover-orange75:hover { border-color: #EE682F !important; } .border-focus-orange75:focus { border-color: #EE682F !important; } .tl-orange75 .rubix-timeline-body > ul > li:before { border-color: #EE682F; } .list-bg-orange75 > .list-group-item.active { background: #EE682F !important; color: white !important; } .list-fg-orange75 > .list-group-item { color: #EE682F; } .btn-orange65 { background: #FA824F; color: white; border-color: #FA824F; } .btn-orange65.btn-outlined { color: #FA824F; background: none; } .btn-orange65.btn-outlined.btn-onlyOnHover { color: #89949B; } .btn-orange65.btn-outlined.btn-onlyOnHover:hover, .btn-orange65.btn-outlined.btn-onlyOnHover:focus, .btn-orange65.btn-outlined.btn-onlyOnHover.active { color: white; } .btn-orange65.btn-outlined.btn-inverse { color: white; border-color: white; } .btn-orange65.btn-outlined.btn-inverse:hover, .btn-orange65.btn-outlined.btn-inverse:focus, .btn-orange65.btn-outlined.btn-inverse.active { color: #FA824F; background: white; } .btn-orange65.btn-outlined.btn-inverse:hover.btn-retainBg, .btn-orange65.btn-outlined.btn-inverse:focus.btn-retainBg, .btn-orange65.btn-outlined.btn-inverse.active.btn-retainBg { background: #FA824F; color: white; border-color: #FA824F; } .btn-orange65.btn-outlined.btn-inverse:hover.btn-retainBg:active, .btn-orange65.btn-outlined.btn-inverse:focus.btn-retainBg:active, .btn-orange65.btn-outlined.btn-inverse.active.btn-retainBg:active { background: #e74907; border-color: #ab3605; } .btn-orange65:focus, .btn-orange65.focus, .btn-orange65:hover, .btn-orange65.active { color: white; background: #fba581; border-color: #fba581; } .btn-orange65:active, .btn-orange65.active, .btn-orange65[aria-expanded="true"], .btn-orange65.active:hover, .btn-orange65.active:focus, .btn-orange65[aria-expanded="true"]:hover, .btn-orange65[aria-expanded="true"]:focus, .open > .btn-orange65.dropdown-toggle { color: white; background: #e74907; border-color: #ab3605; background-image: none; } .btn-orange65.dropdown-toggle + ul li.active a { color: white; background: #FA824F; } .btn-orange65.disabled, .btn-orange65[disabled], fieldset[disabled] .btn-orange65 { pointer-events: none; } .btn-orange65 .badge { color: #FA824F; background-color: #FA824F; } .menu-orange65 ul li.active a, .menu-orange65 ul li.active a:hover { color: white; background: #FA824F !important; } .nav-orange65 > li.active > a,.nav-orange65 > rubix-menu > li.active > a,.nav-orange65 > rubix-nav-item > li.active > a { color: white; background: #FA824F; border-color: #FA824F; } .tab-orange65 { border-color: #FA824F; } .tab-orange65 > li.active > a { border-color: #FA824F; border-bottom-color: transparent; } .tab-orange65.nav-pills > li.active > a { background: #FA824F; color: white; } .rubix-panel-header.nav-inline .nav-orange65 > li.active > a { border: 1px solid #FA824F; border-bottom: none; } .rubix-panel-header.nav-inline .nav-orange65 > li.open > .dropdown-toggle { color: white; background: none; } .bg-orange65 { background: #FA824F !important; } .bg-orange65 table td, .bg-orange65 th { border-color: rgba(0, 0, 0, 0.05) !important; } .bg-focus-orange65:focus { background: #FA824F !important; } .bg-hover-orange65:hover { background: #FA824F !important; } .fg-orange65 { color: #FA824F; } .fg-orange65 .nav-tabs > li.active > a { color: #FA824F; } .fg-tab-active-orange65 .nav-tabs > li.active > a { color: #FA824F !important; } .fg-focus-orange65:focus { color: #FA824F; } .fg-hover-orange65:hover { color: #FA824F; } .border-orange65 { border-color: #FA824F !important; } .border-orange65 .rubix-timeline-body > ul { border-color: #FA824F; } .border-orange65.rubix-timeline-view:before { border-color: #FA824F; } .border-hover-orange65:hover { border-color: #FA824F !important; } .border-focus-orange65:focus { border-color: #FA824F !important; } .tl-orange65 .rubix-timeline-body > ul > li:before { border-color: #FA824F; } .list-bg-orange65 > .list-group-item.active { background: #FA824F !important; color: white !important; } .list-fg-orange65 > .list-group-item { color: #FA824F; } .btn-orange45 { background: #FFC9A0; color: white; border-color: #FFC9A0; } .btn-orange45.btn-outlined { color: #FFC9A0; background: none; } .btn-orange45.btn-outlined.btn-onlyOnHover { color: #89949B; } .btn-orange45.btn-outlined.btn-onlyOnHover:hover, .btn-orange45.btn-outlined.btn-onlyOnHover:focus, .btn-orange45.btn-outlined.btn-onlyOnHover.active { color: white; } .btn-orange45.btn-outlined.btn-inverse { color: white; border-color: white; } .btn-orange45.btn-outlined.btn-inverse:hover, .btn-orange45.btn-outlined.btn-inverse:focus, .btn-orange45.btn-outlined.btn-inverse.active { color: #FFC9A0; background: white; } .btn-orange45.btn-outlined.btn-inverse:hover.btn-retainBg, .btn-orange45.btn-outlined.btn-inverse:focus.btn-retainBg, .btn-orange45.btn-outlined.btn-inverse.active.btn-retainBg { background: #FFC9A0; color: white; border-color: #FFC9A0; } .btn-orange45.btn-outlined.btn-inverse:hover.btn-retainBg:active, .btn-orange45.btn-outlined.btn-inverse:focus.btn-retainBg:active, .btn-orange45.btn-outlined.btn-inverse.active.btn-retainBg:active { background: #ff9544; border-color: #ff7207; } .btn-orange45:focus, .btn-orange45.focus, .btn-orange45:hover, .btn-orange45.active { color: white; background: #ffe6d3; border-color: #ffe6d3; } .btn-orange45:active, .btn-orange45.active, .btn-orange45[aria-expanded="true"], .btn-orange45.active:hover, .btn-orange45.active:focus, .btn-orange45[aria-expanded="true"]:hover, .btn-orange45[aria-expanded="true"]:focus, .open > .btn-orange45.dropdown-toggle { color: white; background: #ff9544; border-color: #ff7207; background-image: none; } .btn-orange45.dropdown-toggle + ul li.active a { color: white; background: #FFC9A0; } .btn-orange45.disabled, .btn-orange45[disabled], fieldset[disabled] .btn-orange45 { pointer-events: none; } .btn-orange45 .badge { color: #FFC9A0; background-color: #FFC9A0; } .menu-orange45 ul li.active a, .menu-orange45 ul li.active a:hover { color: white; background: #FFC9A0 !important; } .nav-orange45 > li.active > a,.nav-orange45 > rubix-menu > li.active > a,.nav-orange45 > rubix-nav-item > li.active > a { color: white; background: #FFC9A0; border-color: #FFC9A0; } .tab-orange45 { border-color: #FFC9A0; } .tab-orange45 > li.active > a { border-color: #FFC9A0; border-bottom-color: transparent; } .tab-orange45.nav-pills > li.active > a { background: #FFC9A0; color: white; } .rubix-panel-header.nav-inline .nav-orange45 > li.active > a { border: 1px solid #FFC9A0; border-bottom: none; } .rubix-panel-header.nav-inline .nav-orange45 > li.open > .dropdown-toggle { color: white; background: none; } .bg-orange45 { background: #FFC9A0 !important; } .bg-orange45 table td, .bg-orange45 th { border-color: rgba(0, 0, 0, 0.05) !important; } .bg-focus-orange45:focus { background: #FFC9A0 !important; } .bg-hover-orange45:hover { background: #FFC9A0 !important; } .fg-orange45 { color: #FFC9A0; } .fg-orange45 .nav-tabs > li.active > a { color: #FFC9A0; } .fg-tab-active-orange45 .nav-tabs > li.active > a { color: #FFC9A0 !important; } .fg-focus-orange45:focus { color: #FFC9A0; } .fg-hover-orange45:hover { color: #FFC9A0; } .border-orange45 { border-color: #FFC9A0 !important; } .border-orange45 .rubix-timeline-body > ul { border-color: #FFC9A0; } .border-orange45.rubix-timeline-view:before { border-color: #FFC9A0; } .border-hover-orange45:hover { border-color: #FFC9A0 !important; } .border-focus-orange45:focus { border-color: #FFC9A0 !important; } .tl-orange45 .rubix-timeline-body > ul > li:before { border-color: #FFC9A0; } .list-bg-orange45 > .list-group-item.active { background: #FFC9A0 !important; color: white !important; } .list-fg-orange45 > .list-group-item { color: #FFC9A0; } .btn-darkorange { background: #EBA068; color: white; border-color: #EBA068; } .btn-darkorange.btn-outlined { color: #EBA068; background: none; } .btn-darkorange.btn-outlined.btn-onlyOnHover { color: #89949B; } .btn-darkorange.btn-outlined.btn-onlyOnHover:hover, .btn-darkorange.btn-outlined.btn-onlyOnHover:focus, .btn-darkorange.btn-outlined.btn-onlyOnHover.active { color: white; } .btn-darkorange.btn-outlined.btn-inverse { color: white; border-color: white; } .btn-darkorange.btn-outlined.btn-inverse:hover, .btn-darkorange.btn-outlined.btn-inverse:focus, .btn-darkorange.btn-outlined.btn-inverse.active { color: #EBA068; background: white; } .btn-darkorange.btn-outlined.btn-inverse:hover.btn-retainBg, .btn-darkorange.btn-outlined.btn-inverse:focus.btn-retainBg, .btn-darkorange.btn-outlined.btn-inverse.active.btn-retainBg { background: #EBA068; color: white; border-color: #EBA068; } .btn-darkorange.btn-outlined.btn-inverse:hover.btn-retainBg:active, .btn-darkorange.btn-outlined.btn-inverse:focus.btn-retainBg:active, .btn-darkorange.btn-outlined.btn-inverse.active.btn-retainBg:active { background: #da6e1d; border-color: #a45316; } .btn-darkorange:focus, .btn-darkorange.focus, .btn-darkorange:hover, .btn-darkorange.active { color: white; background: #f1bc95; border-color: #f1bc95; } .btn-darkorange:active, .btn-darkorange.active, .btn-darkorange[aria-expanded="true"], .btn-darkorange.active:hover, .btn-darkorange.active:focus, .btn-darkorange[aria-expanded="true"]:hover, .btn-darkorange[aria-expanded="true"]:focus, .open > .btn-darkorange.dropdown-toggle { color: white; background: #da6e1d; border-color: #a45316; background-image: none; } .btn-darkorange.dropdown-toggle + ul li.active a { color: white; background: #EBA068; } .btn-darkorange.disabled, .btn-darkorange[disabled], fieldset[disabled] .btn-darkorange { pointer-events: none; } .btn-darkorange .badge { color: #EBA068; background-color: #EBA068; } .menu-darkorange ul li.active a, .menu-darkorange ul li.active a:hover { color: white; background: #EBA068 !important; } .nav-darkorange > li.active > a,.nav-darkorange > rubix-menu > li.active > a,.nav-darkorange > rubix-nav-item > li.active > a { color: white; background: #EBA068; border-color: #EBA068; } .tab-darkorange { border-color: #EBA068; } .tab-darkorange > li.active > a { border-color: #EBA068; border-bottom-color: transparent; } .tab-darkorange.nav-pills > li.active > a { background: #EBA068; color: white; } .rubix-panel-header.nav-inline .nav-darkorange > li.active > a { border: 1px solid #EBA068; border-bottom: none; } .rubix-panel-header.nav-inline .nav-darkorange > li.open > .dropdown-toggle { color: white; background: none; } .bg-darkorange { background: #EBA068 !important; } .bg-darkorange table td, .bg-darkorange th { border-color: rgba(0, 0, 0, 0.05) !important; } .bg-focus-darkorange:focus { background: #EBA068 !important; } .bg-hover-darkorange:hover { background: #EBA068 !important; } .fg-darkorange { color: #EBA068; } .fg-darkorange .nav-tabs > li.active > a { color: #EBA068; } .fg-tab-active-darkorange .nav-tabs > li.active > a { color: #EBA068 !important; } .fg-focus-darkorange:focus { color: #EBA068; } .fg-hover-darkorange:hover { color: #EBA068; } .border-darkorange { border-color: #EBA068 !important; } .border-darkorange .rubix-timeline-body > ul { border-color: #EBA068; } .border-darkorange.rubix-timeline-view:before { border-color: #EBA068; } .border-hover-darkorange:hover { border-color: #EBA068 !important; } .border-focus-darkorange:focus { border-color: #EBA068 !important; } .tl-darkorange .rubix-timeline-body > ul > li:before { border-color: #EBA068; } .list-bg-darkorange > .list-group-item.active { background: #EBA068 !important; color: white !important; } .list-fg-darkorange > .list-group-item { color: #EBA068; } .btn-lightorange { background: #FFD3B1; color: white; border-color: #FFD3B1; } .btn-lightorange.btn-outlined { color: #FFD3B1; background: none; } .btn-lightorange.btn-outlined.btn-onlyOnHover { color: #89949B; } .btn-lightorange.btn-outlined.btn-onlyOnHover:hover, .btn-lightorange.btn-outlined.btn-onlyOnHover:focus, .btn-lightorange.btn-outlined.btn-onlyOnHover.active { color: white; } .btn-lightorange.btn-outlined.btn-inverse { color: white; border-color: white; } .btn-lightorange.btn-outlined.btn-inverse:hover, .btn-lightorange.btn-outlined.btn-inverse:focus, .btn-lightorange.btn-outlined.btn-inverse.active { color: #FFD3B1; background: white; } .btn-lightorange.btn-outlined.btn-inverse:hover.btn-retainBg, .btn-lightorange.btn-outlined.btn-inverse:focus.btn-retainBg, .btn-lightorange.btn-outlined.btn-inverse.active.btn-retainBg { background: #FFD3B1; color: white; border-color: #FFD3B1; } .btn-lightorange.btn-outlined.btn-inverse:hover.btn-retainBg:active, .btn-lightorange.btn-outlined.btn-inverse:focus.btn-retainBg:active, .btn-lightorange.btn-outlined.btn-inverse.active.btn-retainBg:active { background: #ff9f55; border-color: #ff7d18; } .btn-lightorange:focus, .btn-lightorange.focus, .btn-lightorange:hover, .btn-lightorange.active { color: white; background: #fff0e4; border-color: #fff0e4; } .btn-lightorange:active, .btn-lightorange.active, .btn-lightorange[aria-expanded="true"], .btn-lightorange.active:hover, .btn-lightorange.active:focus, .btn-lightorange[aria-expanded="true"]:hover, .btn-lightorange[aria-expanded="true"]:focus, .open > .btn-lightorange.dropdown-toggle { color: white; background: #ff9f55; border-color: #ff7d18; background-image: none; } .btn-lightorange.dropdown-toggle + ul li.active a { color: white; background: #FFD3B1; } .btn-lightorange.disabled, .btn-lightorange[disabled], fieldset[disabled] .btn-lightorange { pointer-events: none; } .btn-lightorange .badge { color: #FFD3B1; background-color: #FFD3B1; } .menu-lightorange ul li.active a, .menu-lightorange ul li.active a:hover { color: white; background: #FFD3B1 !important; } .nav-lightorange > li.active > a,.nav-lightorange > rubix-menu > li.active > a,.nav-lightorange > rubix-nav-item > li.active > a { color: white; background: #FFD3B1; border-color: #FFD3B1; } .tab-lightorange { border-color: #FFD3B1; } .tab-lightorange > li.active > a { border-color: #FFD3B1; border-bottom-color: transparent; } .tab-lightorange.nav-pills > li.active > a { background: #FFD3B1; color: white; } .rubix-panel-header.nav-inline .nav-lightorange > li.active > a { border: 1px solid #FFD3B1; border-bottom: none; } .rubix-panel-header.nav-inline .nav-lightorange > li.open > .dropdown-toggle { color: white; background: none; } .bg-lightorange { background: #FFD3B1 !important; } .bg-lightorange table td, .bg-lightorange th { border-color: rgba(0, 0, 0, 0.05) !important; } .bg-focus-lightorange:focus { background: #FFD3B1 !important; } .bg-hover-lightorange:hover { background: #FFD3B1 !important; } .fg-lightorange { color: #FFD3B1; } .fg-lightorange .nav-tabs > li.active > a { color: #FFD3B1; } .fg-tab-active-lightorange .nav-tabs > li.active > a { color: #FFD3B1 !important; } .fg-focus-lightorange:focus { color: #FFD3B1; } .fg-hover-lightorange:hover { color: #FFD3B1; } .border-lightorange { border-color: #FFD3B1 !important; } .border-lightorange .rubix-timeline-body > ul { border-color: #FFD3B1; } .border-lightorange.rubix-timeline-view:before { border-color: #FFD3B1; } .border-hover-lightorange:hover { border-color: #FFD3B1 !important; } .border-focus-lightorange:focus { border-color: #FFD3B1 !important; } .tl-lightorange .rubix-timeline-body > ul > li:before { border-color: #FFD3B1; } .list-bg-lightorange > .list-group-item.active { background: #FFD3B1 !important; color: white !important; } .list-fg-lightorange > .list-group-item { color: #FFD3B1; } .btn-darkgreen { background: #306C67; color: white; border-color: #306C67; } .btn-darkgreen.btn-outlined { color: #306C67; background: none; } .btn-darkgreen.btn-outlined.btn-onlyOnHover { color: #89949B; } .btn-darkgreen.btn-outlined.btn-onlyOnHover:hover, .btn-darkgreen.btn-outlined.btn-onlyOnHover:focus, .btn-darkgreen.btn-outlined.btn-onlyOnHover.active { color: white; } .btn-darkgreen.btn-outlined.btn-inverse { color: white; border-color: white; } .btn-darkgreen.btn-outlined.btn-inverse:hover, .btn-darkgreen.btn-outlined.btn-inverse:focus, .btn-darkgreen.btn-outlined.btn-inverse.active { color: #306C67; background: white; } .btn-darkgreen.btn-outlined.btn-inverse:hover.btn-retainBg, .btn-darkgreen.btn-outlined.btn-inverse:focus.btn-retainBg, .btn-darkgreen.btn-outlined.btn-inverse.active.btn-retainBg { background: #306C67; color: white; border-color: #306C67; } .btn-darkgreen.btn-outlined.btn-inverse:hover.btn-retainBg:active, .btn-darkgreen.btn-outlined.btn-inverse:focus.btn-retainBg:active, .btn-darkgreen.btn-outlined.btn-inverse.active.btn-retainBg:active { background: #142c2a; border-color: #010202; } .btn-darkgreen:focus, .btn-darkgreen.focus, .btn-darkgreen:hover, .btn-darkgreen.active { color: white; background: #408f89; border-color: #408f89; } .btn-darkgreen:active, .btn-darkgreen.active, .btn-darkgreen[aria-expanded="true"], .btn-darkgreen.active:hover, .btn-darkgreen.active:focus, .btn-darkgreen[aria-expanded="true"]:hover, .btn-darkgreen[aria-expanded="true"]:focus, .open > .btn-darkgreen.dropdown-toggle { color: white; background: #142c2a; border-color: #010202; background-image: none; } .btn-darkgreen.dropdown-toggle + ul li.active a { color: white; background: #306C67; } .btn-darkgreen.disabled, .btn-darkgreen[disabled], fieldset[disabled] .btn-darkgreen { pointer-events: none; } .btn-darkgreen .badge { color: #306C67; background-color: #306C67; } .menu-darkgreen ul li.active a, .menu-darkgreen ul li.active a:hover { color: white; background: #306C67 !important; } .nav-darkgreen > li.active > a,.nav-darkgreen > rubix-menu > li.active > a,.nav-darkgreen > rubix-nav-item > li.active > a { color: white; background: #306C67; border-color: #306C67; } .tab-darkgreen { border-color: #306C67; } .tab-darkgreen > li.active > a { border-color: #306C67; border-bottom-color: transparent; } .tab-darkgreen.nav-pills > li.active > a { background: #306C67; color: white; } .rubix-panel-header.nav-inline .nav-darkgreen > li.active > a { border: 1px solid #306C67; border-bottom: none; } .rubix-panel-header.nav-inline .nav-darkgreen > li.open > .dropdown-toggle { color: white; background: none; } .bg-darkgreen { background: #306C67 !important; } .bg-darkgreen table td, .bg-darkgreen th { border-color: rgba(0, 0, 0, 0.05) !important; } .bg-focus-darkgreen:focus { background: #306C67 !important; } .bg-hover-darkgreen:hover { background: #306C67 !important; } .fg-darkgreen { color: #306C67; } .fg-darkgreen .nav-tabs > li.active > a { color: #306C67; } .fg-tab-active-darkgreen .nav-tabs > li.active > a { color: #306C67 !important; } .fg-focus-darkgreen:focus { color: #306C67; } .fg-hover-darkgreen:hover { color: #306C67; } .border-darkgreen { border-color: #306C67 !important; } .border-darkgreen .rubix-timeline-body > ul { border-color: #306C67; } .border-darkgreen.rubix-timeline-view:before { border-color: #306C67; } .border-hover-darkgreen:hover { border-color: #306C67 !important; } .border-focus-darkgreen:focus { border-color: #306C67 !important; } .tl-darkgreen .rubix-timeline-body > ul > li:before { border-color: #306C67; } .list-bg-darkgreen > .list-group-item.active { background: #306C67 !important; color: white !important; } .list-fg-darkgreen > .list-group-item { color: #306C67; } .btn-darkgreen85 { background: #36845E; color: white; border-color: #36845E; } .btn-darkgreen85.btn-outlined { color: #36845E; background: none; } .btn-darkgreen85.btn-outlined.btn-onlyOnHover { color: #89949B; } .btn-darkgreen85.btn-outlined.btn-onlyOnHover:hover, .btn-darkgreen85.btn-outlined.btn-onlyOnHover:focus, .btn-darkgreen85.btn-outlined.btn-onlyOnHover.active { color: white; } .btn-darkgreen85.btn-outlined.btn-inverse { color: white; border-color: white; } .btn-darkgreen85.btn-outlined.btn-inverse:hover, .btn-darkgreen85.btn-outlined.btn-inverse:focus, .btn-darkgreen85.btn-outlined.btn-inverse.active { color: #36845E; background: white; } .btn-darkgreen85.btn-outlined.btn-inverse:hover.btn-retainBg, .btn-darkgreen85.btn-outlined.btn-inverse:focus.btn-retainBg, .btn-darkgreen85.btn-outlined.btn-inverse.active.btn-retainBg { background: #36845E; color: white; border-color: #36845E; } .btn-darkgreen85.btn-outlined.btn-inverse:hover.btn-retainBg:active, .btn-darkgreen85.btn-outlined.btn-inverse:focus.btn-retainBg:active, .btn-darkgreen85.btn-outlined.btn-inverse.active.btn-retainBg:active { background: #1b4330; border-color: #0a1711; } .btn-darkgreen85:focus, .btn-darkgreen85.focus, .btn-darkgreen85:hover, .btn-darkgreen85.active { color: white; background: #45a878; border-color: #45a878; } .btn-darkgreen85:active, .btn-darkgreen85.active, .btn-darkgreen85[aria-expanded="true"], .btn-darkgreen85.active:hover, .btn-darkgreen85.active:focus, .btn-darkgreen85[aria-expanded="true"]:hover, .btn-darkgreen85[aria-expanded="true"]:focus, .open > .btn-darkgreen85.dropdown-toggle { color: white; background: #1b4330; border-color: #0a1711; background-image: none; } .btn-darkgreen85.dropdown-toggle + ul li.active a { color: white; background: #36845E; } .btn-darkgreen85.disabled, .btn-darkgreen85[disabled], fieldset[disabled] .btn-darkgreen85 { pointer-events: none; } .btn-darkgreen85 .badge { color: #36845E; background-color: #36845E; } .menu-darkgreen85 ul li.active a, .menu-darkgreen85 ul li.active a:hover { color: white; background: #36845E !important; } .nav-darkgreen85 > li.active > a,.nav-darkgreen85 > rubix-menu > li.active > a,.nav-darkgreen85 > rubix-nav-item > li.active > a { color: white; background: #36845E; border-color: #36845E; } .tab-darkgreen85 { border-color: #36845E; } .tab-darkgreen85 > li.active > a { border-color: #36845E; border-bottom-color: transparent; } .tab-darkgreen85.nav-pills > li.active > a { background: #36845E; color: white; } .rubix-panel-header.nav-inline .nav-darkgreen85 > li.active > a { border: 1px solid #36845E; border-bottom: none; } .rubix-panel-header.nav-inline .nav-darkgreen85 > li.open > .dropdown-toggle { color: white; background: none; } .bg-darkgreen85 { background: #36845E !important; } .bg-darkgreen85 table td, .bg-darkgreen85 th { border-color: rgba(0, 0, 0, 0.05) !important; } .bg-focus-darkgreen85:focus { background: #36845E !important; } .bg-hover-darkgreen85:hover { background: #36845E !important; } .fg-darkgreen85 { color: #36845E; } .fg-darkgreen85 .nav-tabs > li.active > a { color: #36845E; } .fg-tab-active-darkgreen85 .nav-tabs > li.active > a { color: #36845E !important; } .fg-focus-darkgreen85:focus { color: #36845E; } .fg-hover-darkgreen85:hover { color: #36845E; } .border-darkgreen85 { border-color: #36845E !important; } .border-darkgreen85 .rubix-timeline-body > ul { border-color: #36845E; } .border-darkgreen85.rubix-timeline-view:before { border-color: #36845E; } .border-hover-darkgreen85:hover { border-color: #36845E !important; } .border-focus-darkgreen85:focus { border-color: #36845E !important; } .tl-darkgreen85 .rubix-timeline-body > ul > li:before { border-color: #36845E; } .list-bg-darkgreen85 > .list-group-item.active { background: #36845E !important; color: white !important; } .list-fg-darkgreen85 > .list-group-item { color: #36845E; } .btn-darkgreen75 { background: #518F41; color: white; border-color: #518F41; } .btn-darkgreen75.btn-outlined { color: #518F41; background: none; } .btn-darkgreen75.btn-outlined.btn-onlyOnHover { color: #89949B; } .btn-darkgreen75.btn-outlined.btn-onlyOnHover:hover, .btn-darkgreen75.btn-outlined.btn-onlyOnHover:focus, .btn-darkgreen75.btn-outlined.btn-onlyOnHover.active { color: white; } .btn-darkgreen75.btn-outlined.btn-inverse { color: white; border-color: white; } .btn-darkgreen75.btn-outlined.btn-inverse:hover, .btn-darkgreen75.btn-outlined.btn-inverse:focus, .btn-darkgreen75.btn-outlined.btn-inverse.active { color: #518F41; background: white; } .btn-darkgreen75.btn-outlined.btn-inverse:hover.btn-retainBg, .btn-darkgreen75.btn-outlined.btn-inverse:focus.btn-retainBg, .btn-darkgreen75.btn-outlined.btn-inverse.active.btn-retainBg { background: #518F41; color: white; border-color: #518F41; } .btn-darkgreen75.btn-outlined.btn-inverse:hover.btn-retainBg:active, .btn-darkgreen75.btn-outlined.btn-inverse:focus.btn-retainBg:active, .btn-darkgreen75.btn-outlined.btn-inverse.active.btn-retainBg:active { background: #2d5024; border-color: #152611; } .btn-darkgreen75:focus, .btn-darkgreen75.focus, .btn-darkgreen75:hover, .btn-darkgreen75.active { color: white; background: #66b152; border-color: #66b152; } .btn-darkgreen75:active, .btn-darkgreen75.active, .btn-darkgreen75[aria-expanded="true"], .btn-darkgreen75.active:hover, .btn-darkgreen75.active:focus, .btn-darkgreen75[aria-expanded="true"]:hover, .btn-darkgreen75[aria-expanded="true"]:focus, .open > .btn-darkgreen75.dropdown-toggle { color: white; background: #2d5024; border-color: #152611; background-image: none; } .btn-darkgreen75.dropdown-toggle + ul li.active a { color: white; background: #518F41; } .btn-darkgreen75.disabled, .btn-darkgreen75[disabled], fieldset[disabled] .btn-darkgreen75 { pointer-events: none; } .btn-darkgreen75 .badge { color: #518F41; background-color: #518F41; } .menu-darkgreen75 ul li.active a, .menu-darkgreen75 ul li.active a:hover { color: white; background: #518F41 !important; } .nav-darkgreen75 > li.active > a,.nav-darkgreen75 > rubix-menu > li.active > a,.nav-darkgreen75 > rubix-nav-item > li.active > a { color: white; background: #518F41; border-color: #518F41; } .tab-darkgreen75 { border-color: #518F41; } .tab-darkgreen75 > li.active > a { border-color: #518F41; border-bottom-color: transparent; } .tab-darkgreen75.nav-pills > li.active > a { background: #518F41; color: white; } .rubix-panel-header.nav-inline .nav-darkgreen75 > li.active > a { border: 1px solid #518F41; border-bottom: none; } .rubix-panel-header.nav-inline .nav-darkgreen75 > li.open > .dropdown-toggle { color: white; background: none; } .bg-darkgreen75 { background: #518F41 !important; } .bg-darkgreen75 table td, .bg-darkgreen75 th { border-color: rgba(0, 0, 0, 0.05) !important; } .bg-focus-darkgreen75:focus { background: #518F41 !important; } .bg-hover-darkgreen75:hover { background: #518F41 !important; } .fg-darkgreen75 { color: #518F41; } .fg-darkgreen75 .nav-tabs > li.active > a { color: #518F41; } .fg-tab-active-darkgreen75 .nav-tabs > li.active > a { color: #518F41 !important; } .fg-focus-darkgreen75:focus { color: #518F41; } .fg-hover-darkgreen75:hover { color: #518F41; } .border-darkgreen75 { border-color: #518F41 !important; } .border-darkgreen75 .rubix-timeline-body > ul { border-color: #518F41; } .border-darkgreen75.rubix-timeline-view:before { border-color: #518F41; } .border-hover-darkgreen75:hover { border-color: #518F41 !important; } .border-focus-darkgreen75:focus { border-color: #518F41 !important; } .tl-darkgreen75 .rubix-timeline-body > ul > li:before { border-color: #518F41; } .list-bg-darkgreen75 > .list-group-item.active { background: #518F41 !important; color: white !important; } .list-fg-darkgreen75 > .list-group-item { color: #518F41; } .btn-darkgreen65 { background: #66A655; color: white; border-color: #66A655; } .btn-darkgreen65.btn-outlined { color: #66A655; background: none; } .btn-darkgreen65.btn-outlined.btn-onlyOnHover { color: #89949B; } .btn-darkgreen65.btn-outlined.btn-onlyOnHover:hover, .btn-darkgreen65.btn-outlined.btn-onlyOnHover:focus, .btn-darkgreen65.btn-outlined.btn-onlyOnHover.active { color: white; } .btn-darkgreen65.btn-outlined.btn-inverse { color: white; border-color: white; } .btn-darkgreen65.btn-outlined.btn-inverse:hover, .btn-darkgreen65.btn-outlined.btn-inverse:focus, .btn-darkgreen65.btn-outlined.btn-inverse.active { color: #66A655; background: white; } .btn-darkgreen65.btn-outlined.btn-inverse:hover.btn-retainBg, .btn-darkgreen65.btn-outlined.btn-inverse:focus.btn-retainBg, .btn-darkgreen65.btn-outlined.btn-inverse.active.btn-retainBg { background: #66A655; color: white; border-color: #66A655; } .btn-darkgreen65.btn-outlined.btn-inverse:hover.btn-retainBg:active, .btn-darkgreen65.btn-outlined.btn-inverse:focus.btn-retainBg:active, .btn-darkgreen65.btn-outlined.btn-inverse.active.btn-retainBg:active { background: #416936; border-color: #284121; } .btn-darkgreen65:focus, .btn-darkgreen65.focus, .btn-darkgreen65:hover, .btn-darkgreen65.active { color: white; background: #84b975; border-color: #84b975; } .btn-darkgreen65:active, .btn-darkgreen65.active, .btn-darkgreen65[aria-expanded="true"], .btn-darkgreen65.active:hover, .btn-darkgreen65.active:focus, .btn-darkgreen65[aria-expanded="true"]:hover, .btn-darkgreen65[aria-expanded="true"]:focus, .open > .btn-darkgreen65.dropdown-toggle { color: white; background: #416936; border-color: #284121; background-image: none; } .btn-darkgreen65.dropdown-toggle + ul li.active a { color: white; background: #66A655; } .btn-darkgreen65.disabled, .btn-darkgreen65[disabled], fieldset[disabled] .btn-darkgreen65 { pointer-events: none; } .btn-darkgreen65 .badge { color: #66A655; background-color: #66A655; } .menu-darkgreen65 ul li.active a, .menu-darkgreen65 ul li.active a:hover { color: white; background: #66A655 !important; } .nav-darkgreen65 > li.active > a,.nav-darkgreen65 > rubix-menu > li.active > a,.nav-darkgreen65 > rubix-nav-item > li.active > a { color: white; background: #66A655; border-color: #66A655; } .tab-darkgreen65 { border-color: #66A655; } .tab-darkgreen65 > li.active > a { border-color: #66A655; border-bottom-color: transparent; } .tab-darkgreen65.nav-pills > li.active > a { background: #66A655; color: white; } .rubix-panel-header.nav-inline .nav-darkgreen65 > li.active > a { border: 1px solid #66A655; border-bottom: none; } .rubix-panel-header.nav-inline .nav-darkgreen65 > li.open > .dropdown-toggle { color: white; background: none; } .bg-darkgreen65 { background: #66A655 !important; } .bg-darkgreen65 table td, .bg-darkgreen65 th { border-color: rgba(0, 0, 0, 0.05) !important; } .bg-focus-darkgreen65:focus { background: #66A655 !important; } .bg-hover-darkgreen65:hover { background: #66A655 !important; } .fg-darkgreen65 { color: #66A655; } .fg-darkgreen65 .nav-tabs > li.active > a { color: #66A655; } .fg-tab-active-darkgreen65 .nav-tabs > li.active > a { color: #66A655 !important; } .fg-focus-darkgreen65:focus { color: #66A655; } .fg-hover-darkgreen65:hover { color: #66A655; } .border-darkgreen65 { border-color: #66A655 !important; } .border-darkgreen65 .rubix-timeline-body > ul { border-color: #66A655; } .border-darkgreen65.rubix-timeline-view:before { border-color: #66A655; } .border-hover-darkgreen65:hover { border-color: #66A655 !important; } .border-focus-darkgreen65:focus { border-color: #66A655 !important; } .tl-darkgreen65 .rubix-timeline-body > ul > li:before { border-color: #66A655; } .list-bg-darkgreen65 > .list-group-item.active { background: #66A655 !important; color: white !important; } .list-fg-darkgreen65 > .list-group-item { color: #66A655; } .btn-darkgreen55 { background: #68BD80; color: white; border-color: #68BD80; } .btn-darkgreen55.btn-outlined { color: #68BD80; background: none; } .btn-darkgreen55.btn-outlined.btn-onlyOnHover { color: #89949B; } .btn-darkgreen55.btn-outlined.btn-onlyOnHover:hover, .btn-darkgreen55.btn-outlined.btn-onlyOnHover:focus, .btn-darkgreen55.btn-outlined.btn-onlyOnHover.active { color: white; } .btn-darkgreen55.btn-outlined.btn-inverse { color: white; border-color: white; } .btn-darkgreen55.btn-outlined.btn-inverse:hover, .btn-darkgreen55.btn-outlined.btn-inverse:focus, .btn-darkgreen55.btn-outlined.btn-inverse.active { color: #68BD80; background: white; } .btn-darkgreen55.btn-outlined.btn-inverse:hover.btn-retainBg, .btn-darkgreen55.btn-outlined.btn-inverse:focus.btn-retainBg, .btn-darkgreen55.btn-outlined.btn-inverse.active.btn-retainBg { background: #68BD80; color: white; border-color: #68BD80; } .btn-darkgreen55.btn-outlined.btn-inverse:hover.btn-retainBg:active, .btn-darkgreen55.btn-outlined.btn-inverse:focus.btn-retainBg:active, .btn-darkgreen55.btn-outlined.btn-inverse.active.btn-retainBg:active { background: #3d8c53; border-color: #2b613a; } .btn-darkgreen55:focus, .btn-darkgreen55.focus, .btn-darkgreen55:hover, .btn-darkgreen55.active { color: white; background: #8bcd9e; border-color: #8bcd9e; } .btn-darkgreen55:active, .btn-darkgreen55.active, .btn-darkgreen55[aria-expanded="true"], .btn-darkgreen55.active:hover, .btn-darkgreen55.active:focus, .btn-darkgreen55[aria-expanded="true"]:hover, .btn-darkgreen55[aria-expanded="true"]:focus, .open > .btn-darkgreen55.dropdown-toggle { color: white; background: #3d8c53; border-color: #2b613a; background-image: none; } .btn-darkgreen55.dropdown-toggle + ul li.active a { color: white; background: #68BD80; } .btn-darkgreen55.disabled, .btn-darkgreen55[disabled], fieldset[disabled] .btn-darkgreen55 { pointer-events: none; } .btn-darkgreen55 .badge { color: #68BD80; background-color: #68BD80; } .menu-darkgreen55 ul li.active a, .menu-darkgreen55 ul li.active a:hover { color: white; background: #68BD80 !important; } .nav-darkgreen55 > li.active > a,.nav-darkgreen55 > rubix-menu > li.active > a,.nav-darkgreen55 > rubix-nav-item > li.active > a { color: white; background: #68BD80; border-color: #68BD80; } .tab-darkgreen55 { border-color: #68BD80; } .tab-darkgreen55 > li.active > a { border-color: #68BD80; border-bottom-color: transparent; } .tab-darkgreen55.nav-pills > li.active > a { background: #68BD80; color: white; } .rubix-panel-header.nav-inline .nav-darkgreen55 > li.active > a { border: 1px solid #68BD80; border-bottom: none; } .rubix-panel-header.nav-inline .nav-darkgreen55 > li.open > .dropdown-toggle { color: white; background: none; } .bg-darkgreen55 { background: #68BD80 !important; } .bg-darkgreen55 table td, .bg-darkgreen55 th { border-color: rgba(0, 0, 0, 0.05) !important; } .bg-focus-darkgreen55:focus { background: #68BD80 !important; } .bg-hover-darkgreen55:hover { background: #68BD80 !important; } .fg-darkgreen55 { color: #68BD80; } .fg-darkgreen55 .nav-tabs > li.active > a { color: #68BD80; } .fg-tab-active-darkgreen55 .nav-tabs > li.active > a { color: #68BD80 !important; } .fg-focus-darkgreen55:focus { color: #68BD80; } .fg-hover-darkgreen55:hover { color: #68BD80; } .border-darkgreen55 { border-color: #68BD80 !important; } .border-darkgreen55 .rubix-timeline-body > ul { border-color: #68BD80; } .border-darkgreen55.rubix-timeline-view:before { border-color: #68BD80; } .border-hover-darkgreen55:hover { border-color: #68BD80 !important; } .border-focus-darkgreen55:focus { border-color: #68BD80 !important; } .tl-darkgreen55 .rubix-timeline-body > ul > li:before { border-color: #68BD80; } .list-bg-darkgreen55 > .list-group-item.active { background: #68BD80 !important; color: white !important; } .list-fg-darkgreen55 > .list-group-item { color: #68BD80; } .btn-darkgreen50 { background: #55A69F; color: white; border-color: #55A69F; } .btn-darkgreen50.btn-outlined { color: #55A69F; background: none; } .btn-darkgreen50.btn-outlined.btn-onlyOnHover { color: #89949B; } .btn-darkgreen50.btn-outlined.btn-onlyOnHover:hover, .btn-darkgreen50.btn-outlined.btn-onlyOnHover:focus, .btn-darkgreen50.btn-outlined.btn-onlyOnHover.active { color: white; } .btn-darkgreen50.btn-outlined.btn-inverse { color: white; border-color: white; } .btn-darkgreen50.btn-outlined.btn-inverse:hover, .btn-darkgreen50.btn-outlined.btn-inverse:focus, .btn-darkgreen50.btn-outlined.btn-inverse.active { color: #55A69F; background: white; } .btn-darkgreen50.btn-outlined.btn-inverse:hover.btn-retainBg, .btn-darkgreen50.btn-outlined.btn-inverse:focus.btn-retainBg, .btn-darkgreen50.btn-outlined.btn-inverse.active.btn-retainBg { background: #55A69F; color: white; border-color: #55A69F; } .btn-darkgreen50.btn-outlined.btn-inverse:hover.btn-retainBg:active, .btn-darkgreen50.btn-outlined.btn-inverse:focus.btn-retainBg:active, .btn-darkgreen50.btn-outlined.btn-inverse.active.btn-retainBg:active { background: #366965; border-color: #21413e; } .btn-darkgreen50:focus, .btn-darkgreen50.focus, .btn-darkgreen50:hover, .btn-darkgreen50.active { color: white; background: #75b9b3; border-color: #75b9b3; } .btn-darkgreen50:active, .btn-darkgreen50.active, .btn-darkgreen50[aria-expanded="true"], .btn-darkgreen50.active:hover, .btn-darkgreen50.active:focus, .btn-darkgreen50[aria-expanded="true"]:hover, .btn-darkgreen50[aria-expanded="true"]:focus, .open > .btn-darkgreen50.dropdown-toggle { color: white; background: #366965; border-color: #21413e; background-image: none; } .btn-darkgreen50.dropdown-toggle + ul li.active a { color: white; background: #55A69F; } .btn-darkgreen50.disabled, .btn-darkgreen50[disabled], fieldset[disabled] .btn-darkgreen50 { pointer-events: none; } .btn-darkgreen50 .badge { color: #55A69F; background-color: #55A69F; } .menu-darkgreen50 ul li.active a, .menu-darkgreen50 ul li.active a:hover { color: white; background: #55A69F !important; } .nav-darkgreen50 > li.active > a,.nav-darkgreen50 > rubix-menu > li.active > a,.nav-darkgreen50 > rubix-nav-item > li.active > a { color: white; background: #55A69F; border-color: #55A69F; } .tab-darkgreen50 { border-color: #55A69F; } .tab-darkgreen50 > li.active > a { border-color: #55A69F; border-bottom-color: transparent; } .tab-darkgreen50.nav-pills > li.active > a { background: #55A69F; color: white; } .rubix-panel-header.nav-inline .nav-darkgreen50 > li.active > a { border: 1px solid #55A69F; border-bottom: none; } .rubix-panel-header.nav-inline .nav-darkgreen50 > li.open > .dropdown-toggle { color: white; background: none; } .bg-darkgreen50 { background: #55A69F !important; } .bg-darkgreen50 table td, .bg-darkgreen50 th { border-color: rgba(0, 0, 0, 0.05) !important; } .bg-focus-darkgreen50:focus { background: #55A69F !important; } .bg-hover-darkgreen50:hover { background: #55A69F !important; } .fg-darkgreen50 { color: #55A69F; } .fg-darkgreen50 .nav-tabs > li.active > a { color: #55A69F; } .fg-tab-active-darkgreen50 .nav-tabs > li.active > a { color: #55A69F !important; } .fg-focus-darkgreen50:focus { color: #55A69F; } .fg-hover-darkgreen50:hover { color: #55A69F; } .border-darkgreen50 { border-color: #55A69F !important; } .border-darkgreen50 .rubix-timeline-body > ul { border-color: #55A69F; } .border-darkgreen50.rubix-timeline-view:before { border-color: #55A69F; } .border-hover-darkgreen50:hover { border-color: #55A69F !important; } .border-focus-darkgreen50:focus { border-color: #55A69F !important; } .tl-darkgreen50 .rubix-timeline-body > ul > li:before { border-color: #55A69F; } .list-bg-darkgreen50 > .list-group-item.active { background: #55A69F !important; color: white !important; } .list-fg-darkgreen50 > .list-group-item { color: #55A69F; } .btn-darkgreen45 { background: #2EB398; color: white; border-color: #2EB398; } .btn-darkgreen45.btn-outlined { color: #2EB398; background: none; } .btn-darkgreen45.btn-outlined.btn-onlyOnHover { color: #89949B; } .btn-darkgreen45.btn-outlined.btn-onlyOnHover:hover, .btn-darkgreen45.btn-outlined.btn-onlyOnHover:focus, .btn-darkgreen45.btn-outlined.btn-onlyOnHover.active { color: white; } .btn-darkgreen45.btn-outlined.btn-inverse { color: white; border-color: white; } .btn-darkgreen45.btn-outlined.btn-inverse:hover, .btn-darkgreen45.btn-outlined.btn-inverse:focus, .btn-darkgreen45.btn-outlined.btn-inverse.active { color: #2EB398; background: white; } .btn-darkgreen45.btn-outlined.btn-inverse:hover.btn-retainBg, .btn-darkgreen45.btn-outlined.btn-inverse:focus.btn-retainBg, .btn-darkgreen45.btn-outlined.btn-inverse.active.btn-retainBg { background: #2EB398; color: white; border-color: #2EB398; } .btn-darkgreen45.btn-outlined.btn-inverse:hover.btn-retainBg:active, .btn-darkgreen45.btn-outlined.btn-inverse:focus.btn-retainBg:active, .btn-darkgreen45.btn-outlined.btn-inverse.active.btn-retainBg:active { background: #1b6a5a; border-color: #0f3931; } .btn-darkgreen45:focus, .btn-darkgreen45.focus, .btn-darkgreen45:hover, .btn-darkgreen45.active { color: white; background: #45cfb3; border-color: #45cfb3; } .btn-darkgreen45:active, .btn-darkgreen45.active, .btn-darkgreen45[aria-expanded="true"], .btn-darkgreen45.active:hover, .btn-darkgreen45.active:focus, .btn-darkgreen45[aria-expanded="true"]:hover, .btn-darkgreen45[aria-expanded="true"]:focus, .open > .btn-darkgreen45.dropdown-toggle { color: white; background: #1b6a5a; border-color: #0f3931; background-image: none; } .btn-darkgreen45.dropdown-toggle + ul li.active a { color: white; background: #2EB398; } .btn-darkgreen45.disabled, .btn-darkgreen45[disabled], fieldset[disabled] .btn-darkgreen45 { pointer-events: none; } .btn-darkgreen45 .badge { color: #2EB398; background-color: #2EB398; } .menu-darkgreen45 ul li.active a, .menu-darkgreen45 ul li.active a:hover { color: white; background: #2EB398 !important; } .nav-darkgreen45 > li.active > a,.nav-darkgreen45 > rubix-menu > li.active > a,.nav-darkgreen45 > rubix-nav-item > li.active > a { color: white; background: #2EB398; border-color: #2EB398; } .tab-darkgreen45 { border-color: #2EB398; } .tab-darkgreen45 > li.active > a { border-color: #2EB398; border-bottom-color: transparent; } .tab-darkgreen45.nav-pills > li.active > a { background: #2EB398; color: white; } .rubix-panel-header.nav-inline .nav-darkgreen45 > li.active > a { border: 1px solid #2EB398; border-bottom: none; } .rubix-panel-header.nav-inline .nav-darkgreen45 > li.open > .dropdown-toggle { color: white; background: none; } .bg-darkgreen45 { background: #2EB398 !important; } .bg-darkgreen45 table td, .bg-darkgreen45 th { border-color: rgba(0, 0, 0, 0.05) !important; } .bg-focus-darkgreen45:focus { background: #2EB398 !important; } .bg-hover-darkgreen45:hover { background: #2EB398 !important; } .fg-darkgreen45 { color: #2EB398; } .fg-darkgreen45 .nav-tabs > li.active > a { color: #2EB398; } .fg-tab-active-darkgreen45 .nav-tabs > li.active > a { color: #2EB398 !important; } .fg-focus-darkgreen45:focus { color: #2EB398; } .fg-hover-darkgreen45:hover { color: #2EB398; } .border-darkgreen45 { border-color: #2EB398 !important; } .border-darkgreen45 .rubix-timeline-body > ul { border-color: #2EB398; } .border-darkgreen45.rubix-timeline-view:before { border-color: #2EB398; } .border-hover-darkgreen45:hover { border-color: #2EB398 !important; } .border-focus-darkgreen45:focus { border-color: #2EB398 !important; } .tl-darkgreen45 .rubix-timeline-body > ul > li:before { border-color: #2EB398; } .list-bg-darkgreen45 > .list-group-item.active { background: #2EB398 !important; color: white !important; } .list-fg-darkgreen45 > .list-group-item { color: #2EB398; } .btn-darkgreen40 { background: #44C1AC; color: white; border-color: #44C1AC; } .btn-darkgreen40.btn-outlined { color: #44C1AC; background: none; } .btn-darkgreen40.btn-outlined.btn-onlyOnHover { color: #89949B; } .btn-darkgreen40.btn-outlined.btn-onlyOnHover:hover, .btn-darkgreen40.btn-outlined.btn-onlyOnHover:focus, .btn-darkgreen40.btn-outlined.btn-onlyOnHover.active { color: white; } .btn-darkgreen40.btn-outlined.btn-inverse { color: white; border-color: white; } .btn-darkgreen40.btn-outlined.btn-inverse:hover, .btn-darkgreen40.btn-outlined.btn-inverse:focus, .btn-darkgreen40.btn-outlined.btn-inverse.active { color: #44C1AC; background: white; } .btn-darkgreen40.btn-outlined.btn-inverse:hover.btn-retainBg, .btn-darkgreen40.btn-outlined.btn-inverse:focus.btn-retainBg, .btn-darkgreen40.btn-outlined.btn-inverse.active.btn-retainBg { background: #44C1AC; color: white; border-color: #44C1AC; } .btn-darkgreen40.btn-outlined.btn-inverse:hover.btn-retainBg:active, .btn-darkgreen40.btn-outlined.btn-inverse:focus.btn-retainBg:active, .btn-darkgreen40.btn-outlined.btn-inverse.active.btn-retainBg:active { background: #2a7f71; border-color: #1b5148; } .btn-darkgreen40:focus, .btn-darkgreen40.focus, .btn-darkgreen40:hover, .btn-darkgreen40.active { color: white; background: #6acebd; border-color: #6acebd; } .btn-darkgreen40:active, .btn-darkgreen40.active, .btn-darkgreen40[aria-expanded="true"], .btn-darkgreen40.active:hover, .btn-darkgreen40.active:focus, .btn-darkgreen40[aria-expanded="true"]:hover, .btn-darkgreen40[aria-expanded="true"]:focus, .open > .btn-darkgreen40.dropdown-toggle { color: white; background: #2a7f71; border-color: #1b5148; background-image: none; } .btn-darkgreen40.dropdown-toggle + ul li.active a { color: white; background: #44C1AC; } .btn-darkgreen40.disabled, .btn-darkgreen40[disabled], fieldset[disabled] .btn-darkgreen40 { pointer-events: none; } .btn-darkgreen40 .badge { color: #44C1AC; background-color: #44C1AC; } .menu-darkgreen40 ul li.active a, .menu-darkgreen40 ul li.active a:hover { color: white; background: #44C1AC !important; } .nav-darkgreen40 > li.active > a,.nav-darkgreen40 > rubix-menu > li.active > a,.nav-darkgreen40 > rubix-nav-item > li.active > a { color: white; background: #44C1AC; border-color: #44C1AC; } .tab-darkgreen40 { border-color: #44C1AC; } .tab-darkgreen40 > li.active > a { border-color: #44C1AC; border-bottom-color: transparent; } .tab-darkgreen40.nav-pills > li.active > a { background: #44C1AC; color: white; } .rubix-panel-header.nav-inline .nav-darkgreen40 > li.active > a { border: 1px solid #44C1AC; border-bottom: none; } .rubix-panel-header.nav-inline .nav-darkgreen40 > li.open > .dropdown-toggle { color: white; background: none; } .bg-darkgreen40 { background: #44C1AC !important; } .bg-darkgreen40 table td, .bg-darkgreen40 th { border-color: rgba(0, 0, 0, 0.05) !important; } .bg-focus-darkgreen40:focus { background: #44C1AC !important; } .bg-hover-darkgreen40:hover { background: #44C1AC !important; } .fg-darkgreen40 { color: #44C1AC; } .fg-darkgreen40 .nav-tabs > li.active > a { color: #44C1AC; } .fg-tab-active-darkgreen40 .nav-tabs > li.active > a { color: #44C1AC !important; } .fg-focus-darkgreen40:focus { color: #44C1AC; } .fg-hover-darkgreen40:hover { color: #44C1AC; } .border-darkgreen40 { border-color: #44C1AC !important; } .border-darkgreen40 .rubix-timeline-body > ul { border-color: #44C1AC; } .border-darkgreen40.rubix-timeline-view:before { border-color: #44C1AC; } .border-hover-darkgreen40:hover { border-color: #44C1AC !important; } .border-focus-darkgreen40:focus { border-color: #44C1AC !important; } .tl-darkgreen40 .rubix-timeline-body > ul > li:before { border-color: #44C1AC; } .list-bg-darkgreen40 > .list-group-item.active { background: #44C1AC !important; color: white !important; } .list-fg-darkgreen40 > .list-group-item { color: #44C1AC; } .btn-green { background: #55C9A6; color: white; border-color: #55C9A6; } .btn-green.btn-outlined { color: #55C9A6; background: none; } .btn-green.btn-outlined.btn-onlyOnHover { color: #89949B; } .btn-green.btn-outlined.btn-onlyOnHover:hover, .btn-green.btn-outlined.btn-onlyOnHover:focus, .btn-green.btn-outlined.btn-onlyOnHover.active { color: white; } .btn-green.btn-outlined.btn-inverse { color: white; border-color: white; } .btn-green.btn-outlined.btn-inverse:hover, .btn-green.btn-outlined.btn-inverse:focus, .btn-green.btn-outlined.btn-inverse.active { color: #55C9A6; background: white; } .btn-green.btn-outlined.btn-inverse:hover.btn-retainBg, .btn-green.btn-outlined.btn-inverse:focus.btn-retainBg, .btn-green.btn-outlined.btn-inverse.active.btn-retainBg { background: #55C9A6; color: white; border-color: #55C9A6; } .btn-green.btn-outlined.btn-inverse:hover.btn-retainBg:active, .btn-green.btn-outlined.btn-inverse:focus.btn-retainBg:active, .btn-green.btn-outlined.btn-inverse.active.btn-retainBg:active { background: #2f9375; border-color: #206550; } .btn-green:focus, .btn-green.focus, .btn-green:hover, .btn-green.active { color: white; background: #7cd5ba; border-color: #7cd5ba; } .btn-green:active, .btn-green.active, .btn-green[aria-expanded="true"], .btn-green.active:hover, .btn-green.active:focus, .btn-green[aria-expanded="true"]:hover, .btn-green[aria-expanded="true"]:focus, .open > .btn-green.dropdown-toggle { color: white; background: #2f9375; border-color: #206550; background-image: none; } .btn-green.dropdown-toggle + ul li.active a { color: white; background: #55C9A6; } .btn-green.disabled, .btn-green[disabled], fieldset[disabled] .btn-green { pointer-events: none; } .btn-green .badge { color: #55C9A6; background-color: #55C9A6; } .menu-green ul li.active a, .menu-green ul li.active a:hover { color: white; background: #55C9A6 !important; } .nav-green > li.active > a,.nav-green > rubix-menu > li.active > a,.nav-green > rubix-nav-item > li.active > a { color: white; background: #55C9A6; border-color: #55C9A6; } .tab-green { border-color: #55C9A6; } .tab-green > li.active > a { border-color: #55C9A6; border-bottom-color: transparent; } .tab-green.nav-pills > li.active > a { background: #55C9A6; color: white; } .rubix-panel-header.nav-inline .nav-green > li.active > a { border: 1px solid #55C9A6; border-bottom: none; } .rubix-panel-header.nav-inline .nav-green > li.open > .dropdown-toggle { color: white; background: none; } .bg-green { background: #55C9A6 !important; } .bg-green table td, .bg-green th { border-color: rgba(0, 0, 0, 0.05) !important; } .bg-focus-green:focus { background: #55C9A6 !important; } .bg-hover-green:hover { background: #55C9A6 !important; } .fg-green { color: #55C9A6; } .fg-green .nav-tabs > li.active > a { color: #55C9A6; } .fg-tab-active-green .nav-tabs > li.active > a { color: #55C9A6 !important; } .fg-focus-green:focus { color: #55C9A6; } .fg-hover-green:hover { color: #55C9A6; } .border-green { border-color: #55C9A6 !important; } .border-green .rubix-timeline-body > ul { border-color: #55C9A6; } .border-green.rubix-timeline-view:before { border-color: #55C9A6; } .border-hover-green:hover { border-color: #55C9A6 !important; } .border-focus-green:focus { border-color: #55C9A6 !important; } .tl-green .rubix-timeline-body > ul > li:before { border-color: #55C9A6; } .list-bg-green > .list-group-item.active { background: #55C9A6 !important; color: white !important; } .list-fg-green > .list-group-item { color: #55C9A6; } .btn-lightgreen { background: #7CD5BA; color: white; border-color: #7CD5BA; } .btn-lightgreen.btn-outlined { color: #7CD5BA; background: none; } .btn-lightgreen.btn-outlined.btn-onlyOnHover { color: #89949B; } .btn-lightgreen.btn-outlined.btn-onlyOnHover:hover, .btn-lightgreen.btn-outlined.btn-onlyOnHover:focus, .btn-lightgreen.btn-outlined.btn-onlyOnHover.active { color: white; } .btn-lightgreen.btn-outlined.btn-inverse { color: white; border-color: white; } .btn-lightgreen.btn-outlined.btn-inverse:hover, .btn-lightgreen.btn-outlined.btn-inverse:focus, .btn-lightgreen.btn-outlined.btn-inverse.active { color: #7CD5BA; background: white; } .btn-lightgreen.btn-outlined.btn-inverse:hover.btn-retainBg, .btn-lightgreen.btn-outlined.btn-inverse:focus.btn-retainBg, .btn-lightgreen.btn-outlined.btn-inverse.active.btn-retainBg { background: #7CD5BA; color: white; border-color: #7CD5BA; } .btn-lightgreen.btn-outlined.btn-inverse:hover.btn-retainBg:active, .btn-lightgreen.btn-outlined.btn-inverse:focus.btn-retainBg:active, .btn-lightgreen.btn-outlined.btn-inverse.active.btn-retainBg:active { background: #3cba93; border-color: #2d8b6f; } .btn-lightgreen:focus, .btn-lightgreen.focus, .btn-lightgreen:hover, .btn-lightgreen.active { color: white; background: #a3e1ce; border-color: #a3e1ce; } .btn-lightgreen:active, .btn-lightgreen.active, .btn-lightgreen[aria-expanded="true"], .btn-lightgreen.active:hover, .btn-lightgreen.active:focus, .btn-lightgreen[aria-expanded="true"]:hover, .btn-lightgreen[aria-expanded="true"]:focus, .open > .btn-lightgreen.dropdown-toggle { color: white; background: #3cba93; border-color: #2d8b6f; background-image: none; } .btn-lightgreen.dropdown-toggle + ul li.active a { color: white; background: #7CD5BA; } .btn-lightgreen.disabled, .btn-lightgreen[disabled], fieldset[disabled] .btn-lightgreen { pointer-events: none; } .btn-lightgreen .badge { color: #7CD5BA; background-color: #7CD5BA; } .menu-lightgreen ul li.active a, .menu-lightgreen ul li.active a:hover { color: white; background: #7CD5BA !important; } .nav-lightgreen > li.active > a,.nav-lightgreen > rubix-menu > li.active > a,.nav-lightgreen > rubix-nav-item > li.active > a { color: white; background: #7CD5BA; border-color: #7CD5BA; } .tab-lightgreen { border-color: #7CD5BA; } .tab-lightgreen > li.active > a { border-color: #7CD5BA; border-bottom-color: transparent; } .tab-lightgreen.nav-pills > li.active > a { background: #7CD5BA; color: white; } .rubix-panel-header.nav-inline .nav-lightgreen > li.active > a { border: 1px solid #7CD5BA; border-bottom: none; } .rubix-panel-header.nav-inline .nav-lightgreen > li.open > .dropdown-toggle { color: white; background: none; } .bg-lightgreen { background: #7CD5BA !important; } .bg-lightgreen table td, .bg-lightgreen th { border-color: rgba(0, 0, 0, 0.05) !important; } .bg-focus-lightgreen:focus { background: #7CD5BA !important; } .bg-hover-lightgreen:hover { background: #7CD5BA !important; } .fg-lightgreen { color: #7CD5BA; } .fg-lightgreen .nav-tabs > li.active > a { color: #7CD5BA; } .fg-tab-active-lightgreen .nav-tabs > li.active > a { color: #7CD5BA !important; } .fg-focus-lightgreen:focus { color: #7CD5BA; } .fg-hover-lightgreen:hover { color: #7CD5BA; } .border-lightgreen { border-color: #7CD5BA !important; } .border-lightgreen .rubix-timeline-body > ul { border-color: #7CD5BA; } .border-lightgreen.rubix-timeline-view:before { border-color: #7CD5BA; } .border-hover-lightgreen:hover { border-color: #7CD5BA !important; } .border-focus-lightgreen:focus { border-color: #7CD5BA !important; } .tl-lightgreen .rubix-timeline-body > ul > li:before { border-color: #7CD5BA; } .list-bg-lightgreen > .list-group-item.active { background: #7CD5BA !important; color: white !important; } .list-fg-lightgreen > .list-group-item { color: #7CD5BA; } .btn-hovergreen { background: #E5F7F1; color: white; border-color: #E5F7F1; } .btn-hovergreen.btn-outlined { color: #E5F7F1; background: none; } .btn-hovergreen.btn-outlined.btn-onlyOnHover { color: #89949B; } .btn-hovergreen.btn-outlined.btn-onlyOnHover:hover, .btn-hovergreen.btn-outlined.btn-onlyOnHover:focus, .btn-hovergreen.btn-outlined.btn-onlyOnHover.active { color: white; } .btn-hovergreen.btn-outlined.btn-inverse { color: white; border-color: white; } .btn-hovergreen.btn-outlined.btn-inverse:hover, .btn-hovergreen.btn-outlined.btn-inverse:focus, .btn-hovergreen.btn-outlined.btn-inverse.active { color: #E5F7F1; background: white; } .btn-hovergreen.btn-outlined.btn-inverse:hover.btn-retainBg, .btn-hovergreen.btn-outlined.btn-inverse:focus.btn-retainBg, .btn-hovergreen.btn-outlined.btn-inverse.active.btn-retainBg { background: #E5F7F1; color: white; border-color: #E5F7F1; } .btn-hovergreen.btn-outlined.btn-inverse:hover.btn-retainBg:active, .btn-hovergreen.btn-outlined.btn-inverse:focus.btn-retainBg:active, .btn-hovergreen.btn-outlined.btn-inverse.active.btn-retainBg:active { background: #9fe1cb; border-color: #70d3b2; } .btn-hovergreen:focus, .btn-hovergreen.focus, .btn-hovergreen:hover, .btn-hovergreen.active { color: white; background: white; border-color: white; } .btn-hovergreen:active, .btn-hovergreen.active, .btn-hovergreen[aria-expanded="true"], .btn-hovergreen.active:hover, .btn-hovergreen.active:focus, .btn-hovergreen[aria-expanded="true"]:hover, .btn-hovergreen[aria-expanded="true"]:focus, .open > .btn-hovergreen.dropdown-toggle { color: white; background: #9fe1cb; border-color: #70d3b2; background-image: none; } .btn-hovergreen.dropdown-toggle + ul li.active a { color: white; background: #E5F7F1; } .btn-hovergreen.disabled, .btn-hovergreen[disabled], fieldset[disabled] .btn-hovergreen { pointer-events: none; } .btn-hovergreen .badge { color: #E5F7F1; background-color: #E5F7F1; } .menu-hovergreen ul li.active a, .menu-hovergreen ul li.active a:hover { color: white; background: #E5F7F1 !important; } .nav-hovergreen > li.active > a,.nav-hovergreen > rubix-menu > li.active > a,.nav-hovergreen > rubix-nav-item > li.active > a { color: white; background: #E5F7F1; border-color: #E5F7F1; } .tab-hovergreen { border-color: #E5F7F1; } .tab-hovergreen > li.active > a { border-color: #E5F7F1; border-bottom-color: transparent; } .tab-hovergreen.nav-pills > li.active > a { background: #E5F7F1; color: white; } .rubix-panel-header.nav-inline .nav-hovergreen > li.active > a { border: 1px solid #E5F7F1; border-bottom: none; } .rubix-panel-header.nav-inline .nav-hovergreen > li.open > .dropdown-toggle { color: white; background: none; } .bg-hovergreen { background: #E5F7F1 !important; } .bg-hovergreen table td, .bg-hovergreen th { border-color: rgba(0, 0, 0, 0.05) !important; } .bg-focus-hovergreen:focus { background: #E5F7F1 !important; } .bg-hover-hovergreen:hover { background: #E5F7F1 !important; } .fg-hovergreen { color: #E5F7F1; } .fg-hovergreen .nav-tabs > li.active > a { color: #E5F7F1; } .fg-tab-active-hovergreen .nav-tabs > li.active > a { color: #E5F7F1 !important; } .fg-focus-hovergreen:focus { color: #E5F7F1; } .fg-hover-hovergreen:hover { color: #E5F7F1; } .border-hovergreen { border-color: #E5F7F1 !important; } .border-hovergreen .rubix-timeline-body > ul { border-color: #E5F7F1; } .border-hovergreen.rubix-timeline-view:before { border-color: #E5F7F1; } .border-hover-hovergreen:hover { border-color: #E5F7F1 !important; } .border-focus-hovergreen:focus { border-color: #E5F7F1 !important; } .tl-hovergreen .rubix-timeline-body > ul > li:before { border-color: #E5F7F1; } .list-bg-hovergreen > .list-group-item.active { background: #E5F7F1 !important; color: white !important; } .list-fg-hovergreen > .list-group-item { color: #E5F7F1; } .btn-brightyellow { background: #FCB621; color: white; border-color: #FCB621; } .btn-brightyellow.btn-outlined { color: #FCB621; background: none; } .btn-brightyellow.btn-outlined.btn-onlyOnHover { color: #89949B; } .btn-brightyellow.btn-outlined.btn-onlyOnHover:hover, .btn-brightyellow.btn-outlined.btn-onlyOnHover:focus, .btn-brightyellow.btn-outlined.btn-onlyOnHover.active { color: white; } .btn-brightyellow.btn-outlined.btn-inverse { color: white; border-color: white; } .btn-brightyellow.btn-outlined.btn-inverse:hover, .btn-brightyellow.btn-outlined.btn-inverse:focus, .btn-brightyellow.btn-outlined.btn-inverse.active { color: #FCB621; background: white; } .btn-brightyellow.btn-outlined.btn-inverse:hover.btn-retainBg, .btn-brightyellow.btn-outlined.btn-inverse:focus.btn-retainBg, .btn-brightyellow.btn-outlined.btn-inverse.active.btn-retainBg { background: #FCB621; color: white; border-color: #FCB621; } .btn-brightyellow.btn-outlined.btn-inverse:hover.btn-retainBg:active, .btn-brightyellow.btn-outlined.btn-inverse:focus.btn-retainBg:active, .btn-brightyellow.btn-outlined.btn-inverse.active.btn-retainBg:active { background: #bf8303; border-color: #825902; } .btn-brightyellow:focus, .btn-brightyellow.focus, .btn-brightyellow:hover, .btn-brightyellow.active { color: white; background: #fdc753; border-color: #fdc753; } .btn-brightyellow:active, .btn-brightyellow.active, .btn-brightyellow[aria-expanded="true"], .btn-brightyellow.active:hover, .btn-brightyellow.active:focus, .btn-brightyellow[aria-expanded="true"]:hover, .btn-brightyellow[aria-expanded="true"]:focus, .open > .btn-brightyellow.dropdown-toggle { color: white; background: #bf8303; border-color: #825902; background-image: none; } .btn-brightyellow.dropdown-toggle + ul li.active a { color: white; background: #FCB621; } .btn-brightyellow.disabled, .btn-brightyellow[disabled], fieldset[disabled] .btn-brightyellow { pointer-events: none; } .btn-brightyellow .badge { color: #FCB621; background-color: #FCB621; } .menu-brightyellow ul li.active a, .menu-brightyellow ul li.active a:hover { color: white; background: #FCB621 !important; } .nav-brightyellow > li.active > a,.nav-brightyellow > rubix-menu > li.active > a,.nav-brightyellow > rubix-nav-item > li.active > a { color: white; background: #FCB621; border-color: #FCB621; } .tab-brightyellow { border-color: #FCB621; } .tab-brightyellow > li.active > a { border-color: #FCB621; border-bottom-color: transparent; } .tab-brightyellow.nav-pills > li.active > a { background: #FCB621; color: white; } .rubix-panel-header.nav-inline .nav-brightyellow > li.active > a { border: 1px solid #FCB621; border-bottom: none; } .rubix-panel-header.nav-inline .nav-brightyellow > li.open > .dropdown-toggle { color: white; background: none; } .bg-brightyellow { background: #FCB621 !important; } .bg-brightyellow table td, .bg-brightyellow th { border-color: rgba(0, 0, 0, 0.05) !important; } .bg-focus-brightyellow:focus { background: #FCB621 !important; } .bg-hover-brightyellow:hover { background: #FCB621 !important; } .fg-brightyellow { color: #FCB621; } .fg-brightyellow .nav-tabs > li.active > a { color: #FCB621; } .fg-tab-active-brightyellow .nav-tabs > li.active > a { color: #FCB621 !important; } .fg-focus-brightyellow:focus { color: #FCB621; } .fg-hover-brightyellow:hover { color: #FCB621; } .border-brightyellow { border-color: #FCB621 !important; } .border-brightyellow .rubix-timeline-body > ul { border-color: #FCB621; } .border-brightyellow.rubix-timeline-view:before { border-color: #FCB621; } .border-hover-brightyellow:hover { border-color: #FCB621 !important; } .border-focus-brightyellow:focus { border-color: #FCB621 !important; } .tl-brightyellow .rubix-timeline-body > ul > li:before { border-color: #FCB621; } .list-bg-brightyellow > .list-group-item.active { background: #FCB621 !important; color: white !important; } .list-fg-brightyellow > .list-group-item { color: #FCB621; } .btn-brightyellow75 { background: #F3C557; color: white; border-color: #F3C557; } .btn-brightyellow75.btn-outlined { color: #F3C557; background: none; } .btn-brightyellow75.btn-outlined.btn-onlyOnHover { color: #89949B; } .btn-brightyellow75.btn-outlined.btn-onlyOnHover:hover, .btn-brightyellow75.btn-outlined.btn-onlyOnHover:focus, .btn-brightyellow75.btn-outlined.btn-onlyOnHover.active { color: white; } .btn-brightyellow75.btn-outlined.btn-inverse { color: white; border-color: white; } .btn-brightyellow75.btn-outlined.btn-inverse:hover, .btn-brightyellow75.btn-outlined.btn-inverse:focus, .btn-brightyellow75.btn-outlined.btn-inverse.active { color: #F3C557; background: white; } .btn-brightyellow75.btn-outlined.btn-inverse:hover.btn-retainBg, .btn-brightyellow75.btn-outlined.btn-inverse:focus.btn-retainBg, .btn-brightyellow75.btn-outlined.btn-inverse.active.btn-retainBg { background: #F3C557; color: white; border-color: #F3C557; } .btn-brightyellow75.btn-outlined.btn-inverse:hover.btn-retainBg:active, .btn-brightyellow75.btn-outlined.btn-inverse:focus.btn-retainBg:active, .btn-brightyellow75.btn-outlined.btn-inverse.active.btn-retainBg:active { background: #dea110; border-color: #a5780c; } .btn-brightyellow75:focus, .btn-brightyellow75.focus, .btn-brightyellow75:hover, .btn-brightyellow75.active { color: white; background: #f6d587; border-color: #f6d587; } .btn-brightyellow75:active, .btn-brightyellow75.active, .btn-brightyellow75[aria-expanded="true"], .btn-brightyellow75.active:hover, .btn-brightyellow75.active:focus, .btn-brightyellow75[aria-expanded="true"]:hover, .btn-brightyellow75[aria-expanded="true"]:focus, .open > .btn-brightyellow75.dropdown-toggle { color: white; background: #dea110; border-color: #a5780c; background-image: none; } .btn-brightyellow75.dropdown-toggle + ul li.active a { color: white; background: #F3C557; } .btn-brightyellow75.disabled, .btn-brightyellow75[disabled], fieldset[disabled] .btn-brightyellow75 { pointer-events: none; } .btn-brightyellow75 .badge { color: #F3C557; background-color: #F3C557; } .menu-brightyellow75 ul li.active a, .menu-brightyellow75 ul li.active a:hover { color: white; background: #F3C557 !important; } .nav-brightyellow75 > li.active > a,.nav-brightyellow75 > rubix-menu > li.active > a,.nav-brightyellow75 > rubix-nav-item > li.active > a { color: white; background: #F3C557; border-color: #F3C557; } .tab-brightyellow75 { border-color: #F3C557; } .tab-brightyellow75 > li.active > a { border-color: #F3C557; border-bottom-color: transparent; } .tab-brightyellow75.nav-pills > li.active > a { background: #F3C557; color: white; } .rubix-panel-header.nav-inline .nav-brightyellow75 > li.active > a { border: 1px solid #F3C557; border-bottom: none; } .rubix-panel-header.nav-inline .nav-brightyellow75 > li.open > .dropdown-toggle { color: white; background: none; } .bg-brightyellow75 { background: #F3C557 !important; } .bg-brightyellow75 table td, .bg-brightyellow75 th { border-color: rgba(0, 0, 0, 0.05) !important; } .bg-focus-brightyellow75:focus { background: #F3C557 !important; } .bg-hover-brightyellow75:hover { background: #F3C557 !important; } .fg-brightyellow75 { color: #F3C557; } .fg-brightyellow75 .nav-tabs > li.active > a { color: #F3C557; } .fg-tab-active-brightyellow75 .nav-tabs > li.active > a { color: #F3C557 !important; } .fg-focus-brightyellow75:focus { color: #F3C557; } .fg-hover-brightyellow75:hover { color: #F3C557; } .border-brightyellow75 { border-color: #F3C557 !important; } .border-brightyellow75 .rubix-timeline-body > ul { border-color: #F3C557; } .border-brightyellow75.rubix-timeline-view:before { border-color: #F3C557; } .border-hover-brightyellow75:hover { border-color: #F3C557 !important; } .border-focus-brightyellow75:focus { border-color: #F3C557 !important; } .tl-brightyellow75 .rubix-timeline-body > ul > li:before { border-color: #F3C557; } .list-bg-brightyellow75 > .list-group-item.active { background: #F3C557 !important; color: white !important; } .list-fg-brightyellow75 > .list-group-item { color: #F3C557; } .btn-brightyellow65 { background: #EDBC6C; color: white; border-color: #EDBC6C; } .btn-brightyellow65.btn-outlined { color: #EDBC6C; background: none; } .btn-brightyellow65.btn-outlined.btn-onlyOnHover { color: #89949B; } .btn-brightyellow65.btn-outlined.btn-onlyOnHover:hover, .btn-brightyellow65.btn-outlined.btn-onlyOnHover:focus, .btn-brightyellow65.btn-outlined.btn-onlyOnHover.active { color: white; } .btn-brightyellow65.btn-outlined.btn-inverse { color: white; border-color: white; } .btn-brightyellow65.btn-outlined.btn-inverse:hover, .btn-brightyellow65.btn-outlined.btn-inverse:focus, .btn-brightyellow65.btn-outlined.btn-inverse.active { color: #EDBC6C; background: white; } .btn-brightyellow65.btn-outlined.btn-inverse:hover.btn-retainBg, .btn-brightyellow65.btn-outlined.btn-inverse:focus.btn-retainBg, .btn-brightyellow65.btn-outlined.btn-inverse.active.btn-retainBg { background: #EDBC6C; color: white; border-color: #EDBC6C; } .btn-brightyellow65.btn-outlined.btn-inverse:hover.btn-retainBg:active, .btn-brightyellow65.btn-outlined.btn-inverse:focus.btn-retainBg:active, .btn-brightyellow65.btn-outlined.btn-inverse.active.btn-retainBg:active { background: #e2961c; border-color: #ab7215; } .btn-brightyellow65:focus, .btn-brightyellow65.focus, .btn-brightyellow65:hover, .btn-brightyellow65.active { color: white; background: #f3d199; border-color: #f3d199; } .btn-brightyellow65:active, .btn-brightyellow65.active, .btn-brightyellow65[aria-expanded="true"], .btn-brightyellow65.active:hover, .btn-brightyellow65.active:focus, .btn-brightyellow65[aria-expanded="true"]:hover, .btn-brightyellow65[aria-expanded="true"]:focus, .open > .btn-brightyellow65.dropdown-toggle { color: white; background: #e2961c; border-color: #ab7215; background-image: none; } .btn-brightyellow65.dropdown-toggle + ul li.active a { color: white; background: #EDBC6C; } .btn-brightyellow65.disabled, .btn-brightyellow65[disabled], fieldset[disabled] .btn-brightyellow65 { pointer-events: none; } .btn-brightyellow65 .badge { color: #EDBC6C; background-color: #EDBC6C; } .menu-brightyellow65 ul li.active a, .menu-brightyellow65 ul li.active a:hover { color: white; background: #EDBC6C !important; } .nav-brightyellow65 > li.active > a,.nav-brightyellow65 > rubix-menu > li.active > a,.nav-brightyellow65 > rubix-nav-item > li.active > a { color: white; background: #EDBC6C; border-color: #EDBC6C; } .tab-brightyellow65 { border-color: #EDBC6C; } .tab-brightyellow65 > li.active > a { border-color: #EDBC6C; border-bottom-color: transparent; } .tab-brightyellow65.nav-pills > li.active > a { background: #EDBC6C; color: white; } .rubix-panel-header.nav-inline .nav-brightyellow65 > li.active > a { border: 1px solid #EDBC6C; border-bottom: none; } .rubix-panel-header.nav-inline .nav-brightyellow65 > li.open > .dropdown-toggle { color: white; background: none; } .bg-brightyellow65 { background: #EDBC6C !important; } .bg-brightyellow65 table td, .bg-brightyellow65 th { border-color: rgba(0, 0, 0, 0.05) !important; } .bg-focus-brightyellow65:focus { background: #EDBC6C !important; } .bg-hover-brightyellow65:hover { background: #EDBC6C !important; } .fg-brightyellow65 { color: #EDBC6C; } .fg-brightyellow65 .nav-tabs > li.active > a { color: #EDBC6C; } .fg-tab-active-brightyellow65 .nav-tabs > li.active > a { color: #EDBC6C !important; } .fg-focus-brightyellow65:focus { color: #EDBC6C; } .fg-hover-brightyellow65:hover { color: #EDBC6C; } .border-brightyellow65 { border-color: #EDBC6C !important; } .border-brightyellow65 .rubix-timeline-body > ul { border-color: #EDBC6C; } .border-brightyellow65.rubix-timeline-view:before { border-color: #EDBC6C; } .border-hover-brightyellow65:hover { border-color: #EDBC6C !important; } .border-focus-brightyellow65:focus { border-color: #EDBC6C !important; } .tl-brightyellow65 .rubix-timeline-body > ul > li:before { border-color: #EDBC6C; } .list-bg-brightyellow65 > .list-group-item.active { background: #EDBC6C !important; color: white !important; } .list-fg-brightyellow65 > .list-group-item { color: #EDBC6C; } .btn-yellow { background: #FADD7F; color: white; border-color: #FADD7F; } .btn-yellow.btn-outlined { color: #FADD7F; background: none; } .btn-yellow.btn-outlined.btn-onlyOnHover { color: #89949B; } .btn-yellow.btn-outlined.btn-onlyOnHover:hover, .btn-yellow.btn-outlined.btn-onlyOnHover:focus, .btn-yellow.btn-outlined.btn-onlyOnHover.active { color: white; } .btn-yellow.btn-outlined.btn-inverse { color: white; border-color: white; } .btn-yellow.btn-outlined.btn-inverse:hover, .btn-yellow.btn-outlined.btn-inverse:focus, .btn-yellow.btn-outlined.btn-inverse.active { color: #FADD7F; background: white; } .btn-yellow.btn-outlined.btn-inverse:hover.btn-retainBg, .btn-yellow.btn-outlined.btn-inverse:focus.btn-retainBg, .btn-yellow.btn-outlined.btn-inverse.active.btn-retainBg { background: #FADD7F; color: white; border-color: #FADD7F; } .btn-yellow.btn-outlined.btn-inverse:hover.btn-retainBg:active, .btn-yellow.btn-outlined.btn-inverse:focus.btn-retainBg:active, .btn-yellow.btn-outlined.btn-inverse.active.btn-retainBg:active { background: #f7c627; border-color: #d8a708; } .btn-yellow:focus, .btn-yellow.focus, .btn-yellow:hover, .btn-yellow.active { color: white; background: #fceab0; border-color: #fceab0; } .btn-yellow:active, .btn-yellow.active, .btn-yellow[aria-expanded="true"], .btn-yellow.active:hover, .btn-yellow.active:focus, .btn-yellow[aria-expanded="true"]:hover, .btn-yellow[aria-expanded="true"]:focus, .open > .btn-yellow.dropdown-toggle { color: white; background: #f7c627; border-color: #d8a708; background-image: none; } .btn-yellow.dropdown-toggle + ul li.active a { color: white; background: #FADD7F; } .btn-yellow.disabled, .btn-yellow[disabled], fieldset[disabled] .btn-yellow { pointer-events: none; } .btn-yellow .badge { color: #FADD7F; background-color: #FADD7F; } .menu-yellow ul li.active a, .menu-yellow ul li.active a:hover { color: white; background: #FADD7F !important; } .nav-yellow > li.active > a,.nav-yellow > rubix-menu > li.active > a,.nav-yellow > rubix-nav-item > li.active > a { color: white; background: #FADD7F; border-color: #FADD7F; } .tab-yellow { border-color: #FADD7F; } .tab-yellow > li.active > a { border-color: #FADD7F; border-bottom-color: transparent; } .tab-yellow.nav-pills > li.active > a { background: #FADD7F; color: white; } .rubix-panel-header.nav-inline .nav-yellow > li.active > a { border: 1px solid #FADD7F; border-bottom: none; } .rubix-panel-header.nav-inline .nav-yellow > li.open > .dropdown-toggle { color: white; background: none; } .bg-yellow { background: #FADD7F !important; } .bg-yellow table td, .bg-yellow th { border-color: rgba(0, 0, 0, 0.05) !important; } .bg-focus-yellow:focus { background: #FADD7F !important; } .bg-hover-yellow:hover { background: #FADD7F !important; } .fg-yellow { color: #FADD7F; } .fg-yellow .nav-tabs > li.active > a { color: #FADD7F; } .fg-tab-active-yellow .nav-tabs > li.active > a { color: #FADD7F !important; } .fg-focus-yellow:focus { color: #FADD7F; } .fg-hover-yellow:hover { color: #FADD7F; } .border-yellow { border-color: #FADD7F !important; } .border-yellow .rubix-timeline-body > ul { border-color: #FADD7F; } .border-yellow.rubix-timeline-view:before { border-color: #FADD7F; } .border-hover-yellow:hover { border-color: #FADD7F !important; } .border-focus-yellow:focus { border-color: #FADD7F !important; } .tl-yellow .rubix-timeline-body > ul > li:before { border-color: #FADD7F; } .list-bg-yellow > .list-group-item.active { background: #FADD7F !important; color: white !important; } .list-fg-yellow > .list-group-item { color: #FADD7F; } .btn-paleyellow { background: #DEBC85; color: white; border-color: #DEBC85; } .btn-paleyellow.btn-outlined { color: #DEBC85; background: none; } .btn-paleyellow.btn-outlined.btn-onlyOnHover { color: #89949B; } .btn-paleyellow.btn-outlined.btn-onlyOnHover:hover, .btn-paleyellow.btn-outlined.btn-onlyOnHover:focus, .btn-paleyellow.btn-outlined.btn-onlyOnHover.active { color: white; } .btn-paleyellow.btn-outlined.btn-inverse { color: white; border-color: white; } .btn-paleyellow.btn-outlined.btn-inverse:hover, .btn-paleyellow.btn-outlined.btn-inverse:focus, .btn-paleyellow.btn-outlined.btn-inverse.active { color: #DEBC85; background: white; } .btn-paleyellow.btn-outlined.btn-inverse:hover.btn-retainBg, .btn-paleyellow.btn-outlined.btn-inverse:focus.btn-retainBg, .btn-paleyellow.btn-outlined.btn-inverse.active.btn-retainBg { background: #DEBC85; color: white; border-color: #DEBC85; } .btn-paleyellow.btn-outlined.btn-inverse:hover.btn-retainBg:active, .btn-paleyellow.btn-outlined.btn-inverse:focus.btn-retainBg:active, .btn-paleyellow.btn-outlined.btn-inverse.active.btn-retainBg:active { background: #ca943d; border-color: #9f732b; } .btn-paleyellow:focus, .btn-paleyellow.focus, .btn-paleyellow:hover, .btn-paleyellow.active { color: white; background: #e9d2ad; border-color: #e9d2ad; } .btn-paleyellow:active, .btn-paleyellow.active, .btn-paleyellow[aria-expanded="true"], .btn-paleyellow.active:hover, .btn-paleyellow.active:focus, .btn-paleyellow[aria-expanded="true"]:hover, .btn-paleyellow[aria-expanded="true"]:focus, .open > .btn-paleyellow.dropdown-toggle { color: white; background: #ca943d; border-color: #9f732b; background-image: none; } .btn-paleyellow.dropdown-toggle + ul li.active a { color: white; background: #DEBC85; } .btn-paleyellow.disabled, .btn-paleyellow[disabled], fieldset[disabled] .btn-paleyellow { pointer-events: none; } .btn-paleyellow .badge { color: #DEBC85; background-color: #DEBC85; } .menu-paleyellow ul li.active a, .menu-paleyellow ul li.active a:hover { color: white; background: #DEBC85 !important; } .nav-paleyellow > li.active > a,.nav-paleyellow > rubix-menu > li.active > a,.nav-paleyellow > rubix-nav-item > li.active > a { color: white; background: #DEBC85; border-color: #DEBC85; } .tab-paleyellow { border-color: #DEBC85; } .tab-paleyellow > li.active > a { border-color: #DEBC85; border-bottom-color: transparent; } .tab-paleyellow.nav-pills > li.active > a { background: #DEBC85; color: white; } .rubix-panel-header.nav-inline .nav-paleyellow > li.active > a { border: 1px solid #DEBC85; border-bottom: none; } .rubix-panel-header.nav-inline .nav-paleyellow > li.open > .dropdown-toggle { color: white; background: none; } .bg-paleyellow { background: #DEBC85 !important; } .bg-paleyellow table td, .bg-paleyellow th { border-color: rgba(0, 0, 0, 0.05) !important; } .bg-focus-paleyellow:focus { background: #DEBC85 !important; } .bg-hover-paleyellow:hover { background: #DEBC85 !important; } .fg-paleyellow { color: #DEBC85; } .fg-paleyellow .nav-tabs > li.active > a { color: #DEBC85; } .fg-tab-active-paleyellow .nav-tabs > li.active > a { color: #DEBC85 !important; } .fg-focus-paleyellow:focus { color: #DEBC85; } .fg-hover-paleyellow:hover { color: #DEBC85; } .border-paleyellow { border-color: #DEBC85 !important; } .border-paleyellow .rubix-timeline-body > ul { border-color: #DEBC85; } .border-paleyellow.rubix-timeline-view:before { border-color: #DEBC85; } .border-hover-paleyellow:hover { border-color: #DEBC85 !important; } .border-focus-paleyellow:focus { border-color: #DEBC85 !important; } .tl-paleyellow .rubix-timeline-body > ul > li:before { border-color: #DEBC85; } .list-bg-paleyellow > .list-group-item.active { background: #DEBC85 !important; color: white !important; } .list-fg-paleyellow > .list-group-item { color: #DEBC85; } .btn-lightyellow { background: #FBE499; color: white; border-color: #FBE499; } .btn-lightyellow.btn-outlined { color: #FBE499; background: none; } .btn-lightyellow.btn-outlined.btn-onlyOnHover { color: #89949B; } .btn-lightyellow.btn-outlined.btn-onlyOnHover:hover, .btn-lightyellow.btn-outlined.btn-onlyOnHover:focus, .btn-lightyellow.btn-outlined.btn-onlyOnHover.active { color: white; } .btn-lightyellow.btn-outlined.btn-inverse { color: white; border-color: white; } .btn-lightyellow.btn-outlined.btn-inverse:hover, .btn-lightyellow.btn-outlined.btn-inverse:focus, .btn-lightyellow.btn-outlined.btn-inverse.active { color: #FBE499; background: white; } .btn-lightyellow.btn-outlined.btn-inverse:hover.btn-retainBg, .btn-lightyellow.btn-outlined.btn-inverse:focus.btn-retainBg, .btn-lightyellow.btn-outlined.btn-inverse.active.btn-retainBg { background: #FBE499; color: white; border-color: #FBE499; } .btn-lightyellow.btn-outlined.btn-inverse:hover.btn-retainBg:active, .btn-lightyellow.btn-outlined.btn-inverse:focus.btn-retainBg:active, .btn-lightyellow.btn-outlined.btn-inverse.active.btn-retainBg:active { background: #f8cd41; border-color: #f2bb09; } .btn-lightyellow:focus, .btn-lightyellow.focus, .btn-lightyellow:hover, .btn-lightyellow.active { color: white; background: #fdf1ca; border-color: #fdf1ca; } .btn-lightyellow:active, .btn-lightyellow.active, .btn-lightyellow[aria-expanded="true"], .btn-lightyellow.active:hover, .btn-lightyellow.active:focus, .btn-lightyellow[aria-expanded="true"]:hover, .btn-lightyellow[aria-expanded="true"]:focus, .open > .btn-lightyellow.dropdown-toggle { color: white; background: #f8cd41; border-color: #f2bb09; background-image: none; } .btn-lightyellow.dropdown-toggle + ul li.active a { color: white; background: #FBE499; } .btn-lightyellow.disabled, .btn-lightyellow[disabled], fieldset[disabled] .btn-lightyellow { pointer-events: none; } .btn-lightyellow .badge { color: #FBE499; background-color: #FBE499; } .menu-lightyellow ul li.active a, .menu-lightyellow ul li.active a:hover { color: white; background: #FBE499 !important; } .nav-lightyellow > li.active > a,.nav-lightyellow > rubix-menu > li.active > a,.nav-lightyellow > rubix-nav-item > li.active > a { color: white; background: #FBE499; border-color: #FBE499; } .tab-lightyellow { border-color: #FBE499; } .tab-lightyellow > li.active > a { border-color: #FBE499; border-bottom-color: transparent; } .tab-lightyellow.nav-pills > li.active > a { background: #FBE499; color: white; } .rubix-panel-header.nav-inline .nav-lightyellow > li.active > a { border: 1px solid #FBE499; border-bottom: none; } .rubix-panel-header.nav-inline .nav-lightyellow > li.open > .dropdown-toggle { color: white; background: none; } .bg-lightyellow { background: #FBE499 !important; } .bg-lightyellow table td, .bg-lightyellow th { border-color: rgba(0, 0, 0, 0.05) !important; } .bg-focus-lightyellow:focus { background: #FBE499 !important; } .bg-hover-lightyellow:hover { background: #FBE499 !important; } .fg-lightyellow { color: #FBE499; } .fg-lightyellow .nav-tabs > li.active > a { color: #FBE499; } .fg-tab-active-lightyellow .nav-tabs > li.active > a { color: #FBE499 !important; } .fg-focus-lightyellow:focus { color: #FBE499; } .fg-hover-lightyellow:hover { color: #FBE499; } .border-lightyellow { border-color: #FBE499 !important; } .border-lightyellow .rubix-timeline-body > ul { border-color: #FBE499; } .border-lightyellow.rubix-timeline-view:before { border-color: #FBE499; } .border-hover-lightyellow:hover { border-color: #FBE499 !important; } .border-focus-lightyellow:focus { border-color: #FBE499 !important; } .tl-lightyellow .rubix-timeline-body > ul > li:before { border-color: #FBE499; } .list-bg-lightyellow > .list-group-item.active { background: #FBE499 !important; color: white !important; } .list-fg-lightyellow > .list-group-item { color: #FBE499; } .btn-hoveryellow { background: #FFF1E7; color: white; border-color: #FFF1E7; } .btn-hoveryellow.btn-outlined { color: #FFF1E7; background: none; } .btn-hoveryellow.btn-outlined.btn-onlyOnHover { color: #89949B; } .btn-hoveryellow.btn-outlined.btn-onlyOnHover:hover, .btn-hoveryellow.btn-outlined.btn-onlyOnHover:focus, .btn-hoveryellow.btn-outlined.btn-onlyOnHover.active { color: white; } .btn-hoveryellow.btn-outlined.btn-inverse { color: white; border-color: white; } .btn-hoveryellow.btn-outlined.btn-inverse:hover, .btn-hoveryellow.btn-outlined.btn-inverse:focus, .btn-hoveryellow.btn-outlined.btn-inverse.active { color: #FFF1E7; background: white; } .btn-hoveryellow.btn-outlined.btn-inverse:hover.btn-retainBg, .btn-hoveryellow.btn-outlined.btn-inverse:focus.btn-retainBg, .btn-hoveryellow.btn-outlined.btn-inverse.active.btn-retainBg { background: #FFF1E7; color: white; border-color: #FFF1E7; } .btn-hoveryellow.btn-outlined.btn-inverse:hover.btn-retainBg:active, .btn-hoveryellow.btn-outlined.btn-inverse:focus.btn-retainBg:active, .btn-hoveryellow.btn-outlined.btn-inverse.active.btn-retainBg:active { background: #ffbb8b; border-color: #ff984e; } .btn-hoveryellow:focus, .btn-hoveryellow.focus, .btn-hoveryellow:hover, .btn-hoveryellow.active { color: white; background: white; border-color: white; } .btn-hoveryellow:active, .btn-hoveryellow.active, .btn-hoveryellow[aria-expanded="true"], .btn-hoveryellow.active:hover, .btn-hoveryellow.active:focus, .btn-hoveryellow[aria-expanded="true"]:hover, .btn-hoveryellow[aria-expanded="true"]:focus, .open > .btn-hoveryellow.dropdown-toggle { color: white; background: #ffbb8b; border-color: #ff984e; background-image: none; } .btn-hoveryellow.dropdown-toggle + ul li.active a { color: white; background: #FFF1E7; } .btn-hoveryellow.disabled, .btn-hoveryellow[disabled], fieldset[disabled] .btn-hoveryellow { pointer-events: none; } .btn-hoveryellow .badge { color: #FFF1E7; background-color: #FFF1E7; } .menu-hoveryellow ul li.active a, .menu-hoveryellow ul li.active a:hover { color: white; background: #FFF1E7 !important; } .nav-hoveryellow > li.active > a,.nav-hoveryellow > rubix-menu > li.active > a,.nav-hoveryellow > rubix-nav-item > li.active > a { color: white; background: #FFF1E7; border-color: #FFF1E7; } .tab-hoveryellow { border-color: #FFF1E7; } .tab-hoveryellow > li.active > a { border-color: #FFF1E7; border-bottom-color: transparent; } .tab-hoveryellow.nav-pills > li.active > a { background: #FFF1E7; color: white; } .rubix-panel-header.nav-inline .nav-hoveryellow > li.active > a { border: 1px solid #FFF1E7; border-bottom: none; } .rubix-panel-header.nav-inline .nav-hoveryellow > li.open > .dropdown-toggle { color: white; background: none; } .bg-hoveryellow { background: #FFF1E7 !important; } .bg-hoveryellow table td, .bg-hoveryellow th { border-color: rgba(0, 0, 0, 0.05) !important; } .bg-focus-hoveryellow:focus { background: #FFF1E7 !important; } .bg-hover-hoveryellow:hover { background: #FFF1E7 !important; } .fg-hoveryellow { color: #FFF1E7; } .fg-hoveryellow .nav-tabs > li.active > a { color: #FFF1E7; } .fg-tab-active-hoveryellow .nav-tabs > li.active > a { color: #FFF1E7 !important; } .fg-focus-hoveryellow:focus { color: #FFF1E7; } .fg-hover-hoveryellow:hover { color: #FFF1E7; } .border-hoveryellow { border-color: #FFF1E7 !important; } .border-hoveryellow .rubix-timeline-body > ul { border-color: #FFF1E7; } .border-hoveryellow.rubix-timeline-view:before { border-color: #FFF1E7; } .border-hover-hoveryellow:hover { border-color: #FFF1E7 !important; } .border-focus-hoveryellow:focus { border-color: #FFF1E7 !important; } .tl-hoveryellow .rubix-timeline-body > ul > li:before { border-color: #FFF1E7; } .list-bg-hoveryellow > .list-group-item.active { background: #FFF1E7 !important; color: white !important; } .list-fg-hoveryellow > .list-group-item { color: #FFF1E7; } .btn-pink { background: #E299B7; color: white; border-color: #E299B7; } .btn-pink.btn-outlined { color: #E299B7; background: none; } .btn-pink.btn-outlined.btn-onlyOnHover { color: #89949B; } .btn-pink.btn-outlined.btn-onlyOnHover:hover, .btn-pink.btn-outlined.btn-onlyOnHover:focus, .btn-pink.btn-outlined.btn-onlyOnHover.active { color: white; } .btn-pink.btn-outlined.btn-inverse { color: white; border-color: white; } .btn-pink.btn-outlined.btn-inverse:hover, .btn-pink.btn-outlined.btn-inverse:focus, .btn-pink.btn-outlined.btn-inverse.active { color: #E299B7; background: white; } .btn-pink.btn-outlined.btn-inverse:hover.btn-retainBg, .btn-pink.btn-outlined.btn-inverse:focus.btn-retainBg, .btn-pink.btn-outlined.btn-inverse.active.btn-retainBg { background: #E299B7; color: white; border-color: #E299B7; } .btn-pink.btn-outlined.btn-inverse:hover.btn-retainBg:active, .btn-pink.btn-outlined.btn-inverse:focus.btn-retainBg:active, .btn-pink.btn-outlined.btn-inverse.active.btn-retainBg:active { background: #ce5285; border-color: #b03266; } .btn-pink:focus, .btn-pink.focus, .btn-pink:hover, .btn-pink.active { color: white; background: #edc1d3; border-color: #edc1d3; } .btn-pink:active, .btn-pink.active, .btn-pink[aria-expanded="true"], .btn-pink.active:hover, .btn-pink.active:focus, .btn-pink[aria-expanded="true"]:hover, .btn-pink[aria-expanded="true"]:focus, .open > .btn-pink.dropdown-toggle { color: white; background: #ce5285; border-color: #b03266; background-image: none; } .btn-pink.dropdown-toggle + ul li.active a { color: white; background: #E299B7; } .btn-pink.disabled, .btn-pink[disabled], fieldset[disabled] .btn-pink { pointer-events: none; } .btn-pink .badge { color: #E299B7; background-color: #E299B7; } .menu-pink ul li.active a, .menu-pink ul li.active a:hover { color: white; background: #E299B7 !important; } .nav-pink > li.active > a,.nav-pink > rubix-menu > li.active > a,.nav-pink > rubix-nav-item > li.active > a { color: white; background: #E299B7; border-color: #E299B7; } .tab-pink { border-color: #E299B7; } .tab-pink > li.active > a { border-color: #E299B7; border-bottom-color: transparent; } .tab-pink.nav-pills > li.active > a { background: #E299B7; color: white; } .rubix-panel-header.nav-inline .nav-pink > li.active > a { border: 1px solid #E299B7; border-bottom: none; } .rubix-panel-header.nav-inline .nav-pink > li.open > .dropdown-toggle { color: white; background: none; } .bg-pink { background: #E299B7 !important; } .bg-pink table td, .bg-pink th { border-color: rgba(0, 0, 0, 0.05) !important; } .bg-focus-pink:focus { background: #E299B7 !important; } .bg-hover-pink:hover { background: #E299B7 !important; } .fg-pink { color: #E299B7; } .fg-pink .nav-tabs > li.active > a { color: #E299B7; } .fg-tab-active-pink .nav-tabs > li.active > a { color: #E299B7 !important; } .fg-focus-pink:focus { color: #E299B7; } .fg-hover-pink:hover { color: #E299B7; } .border-pink { border-color: #E299B7 !important; } .border-pink .rubix-timeline-body > ul { border-color: #E299B7; } .border-pink.rubix-timeline-view:before { border-color: #E299B7; } .border-hover-pink:hover { border-color: #E299B7 !important; } .border-focus-pink:focus { border-color: #E299B7 !important; } .tl-pink .rubix-timeline-body > ul > li:before { border-color: #E299B7; } .list-bg-pink > .list-group-item.active { background: #E299B7 !important; color: white !important; } .list-fg-pink > .list-group-item { color: #E299B7; } .btn-lightpink { background: #ECBCD0; color: white; border-color: #ECBCD0; } .btn-lightpink.btn-outlined { color: #ECBCD0; background: none; } .btn-lightpink.btn-outlined.btn-onlyOnHover { color: #89949B; } .btn-lightpink.btn-outlined.btn-onlyOnHover:hover, .btn-lightpink.btn-outlined.btn-onlyOnHover:focus, .btn-lightpink.btn-outlined.btn-onlyOnHover.active { color: white; } .btn-lightpink.btn-outlined.btn-inverse { color: white; border-color: white; } .btn-lightpink.btn-outlined.btn-inverse:hover, .btn-lightpink.btn-outlined.btn-inverse:focus, .btn-lightpink.btn-outlined.btn-inverse.active { color: #ECBCD0; background: white; } .btn-lightpink.btn-outlined.btn-inverse:hover.btn-retainBg, .btn-lightpink.btn-outlined.btn-inverse:focus.btn-retainBg, .btn-lightpink.btn-outlined.btn-inverse.active.btn-retainBg { background: #ECBCD0; color: white; border-color: #ECBCD0; } .btn-lightpink.btn-outlined.btn-inverse:hover.btn-retainBg:active, .btn-lightpink.btn-outlined.btn-inverse:focus.btn-retainBg:active, .btn-lightpink.btn-outlined.btn-inverse.active.btn-retainBg:active { background: #d8749e; border-color: #ca457c; } .btn-lightpink:focus, .btn-lightpink.focus, .btn-lightpink:hover, .btn-lightpink.active { color: white; background: #f7e4ec; border-color: #f7e4ec; } .btn-lightpink:active, .btn-lightpink.active, .btn-lightpink[aria-expanded="true"], .btn-lightpink.active:hover, .btn-lightpink.active:focus, .btn-lightpink[aria-expanded="true"]:hover, .btn-lightpink[aria-expanded="true"]:focus, .open > .btn-lightpink.dropdown-toggle { color: white; background: #d8749e; border-color: #ca457c; background-image: none; } .btn-lightpink.dropdown-toggle + ul li.active a { color: white; background: #ECBCD0; } .btn-lightpink.disabled, .btn-lightpink[disabled], fieldset[disabled] .btn-lightpink { pointer-events: none; } .btn-lightpink .badge { color: #ECBCD0; background-color: #ECBCD0; } .menu-lightpink ul li.active a, .menu-lightpink ul li.active a:hover { color: white; background: #ECBCD0 !important; } .nav-lightpink > li.active > a,.nav-lightpink > rubix-menu > li.active > a,.nav-lightpink > rubix-nav-item > li.active > a { color: white; background: #ECBCD0; border-color: #ECBCD0; } .tab-lightpink { border-color: #ECBCD0; } .tab-lightpink > li.active > a { border-color: #ECBCD0; border-bottom-color: transparent; } .tab-lightpink.nav-pills > li.active > a { background: #ECBCD0; color: white; } .rubix-panel-header.nav-inline .nav-lightpink > li.active > a { border: 1px solid #ECBCD0; border-bottom: none; } .rubix-panel-header.nav-inline .nav-lightpink > li.open > .dropdown-toggle { color: white; background: none; } .bg-lightpink { background: #ECBCD0 !important; } .bg-lightpink table td, .bg-lightpink th { border-color: rgba(0, 0, 0, 0.05) !important; } .bg-focus-lightpink:focus { background: #ECBCD0 !important; } .bg-hover-lightpink:hover { background: #ECBCD0 !important; } .fg-lightpink { color: #ECBCD0; } .fg-lightpink .nav-tabs > li.active > a { color: #ECBCD0; } .fg-tab-active-lightpink .nav-tabs > li.active > a { color: #ECBCD0 !important; } .fg-focus-lightpink:focus { color: #ECBCD0; } .fg-hover-lightpink:hover { color: #ECBCD0; } .border-lightpink { border-color: #ECBCD0 !important; } .border-lightpink .rubix-timeline-body > ul { border-color: #ECBCD0; } .border-lightpink.rubix-timeline-view:before { border-color: #ECBCD0; } .border-hover-lightpink:hover { border-color: #ECBCD0 !important; } .border-focus-lightpink:focus { border-color: #ECBCD0 !important; } .tl-lightpink .rubix-timeline-body > ul > li:before { border-color: #ECBCD0; } .list-bg-lightpink > .list-group-item.active { background: #ECBCD0 !important; color: white !important; } .list-fg-lightpink > .list-group-item { color: #ECBCD0; } .btn-paleblue { background: #A5C7EC; color: white; border-color: #A5C7EC; } .btn-paleblue.btn-outlined { color: #A5C7EC; background: none; } .btn-paleblue.btn-outlined.btn-onlyOnHover { color: #89949B; } .btn-paleblue.btn-outlined.btn-onlyOnHover:hover, .btn-paleblue.btn-outlined.btn-onlyOnHover:focus, .btn-paleblue.btn-outlined.btn-onlyOnHover.active { color: white; } .btn-paleblue.btn-outlined.btn-inverse { color: white; border-color: white; } .btn-paleblue.btn-outlined.btn-inverse:hover, .btn-paleblue.btn-outlined.btn-inverse:focus, .btn-paleblue.btn-outlined.btn-inverse.active { color: #A5C7EC; background: white; } .btn-paleblue.btn-outlined.btn-inverse:hover.btn-retainBg, .btn-paleblue.btn-outlined.btn-inverse:focus.btn-retainBg, .btn-paleblue.btn-outlined.btn-inverse.active.btn-retainBg { background: #A5C7EC; color: white; border-color: #A5C7EC; } .btn-paleblue.btn-outlined.btn-inverse:hover.btn-retainBg:active, .btn-paleblue.btn-outlined.btn-inverse:focus.btn-retainBg:active, .btn-paleblue.btn-outlined.btn-inverse.active.btn-retainBg:active { background: #5998dc; border-color: #2b79cd; } .btn-paleblue:focus, .btn-paleblue.focus, .btn-paleblue:hover, .btn-paleblue.active { color: white; background: #cfe1f5; border-color: #cfe1f5; } .btn-paleblue:active, .btn-paleblue.active, .btn-paleblue[aria-expanded="true"], .btn-paleblue.active:hover, .btn-paleblue.active:focus, .btn-paleblue[aria-expanded="true"]:hover, .btn-paleblue[aria-expanded="true"]:focus, .open > .btn-paleblue.dropdown-toggle { color: white; background: #5998dc; border-color: #2b79cd; background-image: none; } .btn-paleblue.dropdown-toggle + ul li.active a { color: white; background: #A5C7EC; } .btn-paleblue.disabled, .btn-paleblue[disabled], fieldset[disabled] .btn-paleblue { pointer-events: none; } .btn-paleblue .badge { color: #A5C7EC; background-color: #A5C7EC; } .menu-paleblue ul li.active a, .menu-paleblue ul li.active a:hover { color: white; background: #A5C7EC !important; } .nav-paleblue > li.active > a,.nav-paleblue > rubix-menu > li.active > a,.nav-paleblue > rubix-nav-item > li.active > a { color: white; background: #A5C7EC; border-color: #A5C7EC; } .tab-paleblue { border-color: #A5C7EC; } .tab-paleblue > li.active > a { border-color: #A5C7EC; border-bottom-color: transparent; } .tab-paleblue.nav-pills > li.active > a { background: #A5C7EC; color: white; } .rubix-panel-header.nav-inline .nav-paleblue > li.active > a { border: 1px solid #A5C7EC; border-bottom: none; } .rubix-panel-header.nav-inline .nav-paleblue > li.open > .dropdown-toggle { color: white; background: none; } .bg-paleblue { background: #A5C7EC !important; } .bg-paleblue table td, .bg-paleblue th { border-color: rgba(0, 0, 0, 0.05) !important; } .bg-focus-paleblue:focus { background: #A5C7EC !important; } .bg-hover-paleblue:hover { background: #A5C7EC !important; } .fg-paleblue { color: #A5C7EC; } .fg-paleblue .nav-tabs > li.active > a { color: #A5C7EC; } .fg-tab-active-paleblue .nav-tabs > li.active > a { color: #A5C7EC !important; } .fg-focus-paleblue:focus { color: #A5C7EC; } .fg-hover-paleblue:hover { color: #A5C7EC; } .border-paleblue { border-color: #A5C7EC !important; } .border-paleblue .rubix-timeline-body > ul { border-color: #A5C7EC; } .border-paleblue.rubix-timeline-view:before { border-color: #A5C7EC; } .border-hover-paleblue:hover { border-color: #A5C7EC !important; } .border-focus-paleblue:focus { border-color: #A5C7EC !important; } .tl-paleblue .rubix-timeline-body > ul > li:before { border-color: #A5C7EC; } .list-bg-paleblue > .list-group-item.active { background: #A5C7EC !important; color: white !important; } .list-fg-paleblue > .list-group-item { color: #A5C7EC; } .btn-palegreen { background: #A0DFCC; color: white; border-color: #A0DFCC; } .btn-palegreen.btn-outlined { color: #A0DFCC; background: none; } .btn-palegreen.btn-outlined.btn-onlyOnHover { color: #89949B; } .btn-palegreen.btn-outlined.btn-onlyOnHover:hover, .btn-palegreen.btn-outlined.btn-onlyOnHover:focus, .btn-palegreen.btn-outlined.btn-onlyOnHover.active { color: white; } .btn-palegreen.btn-outlined.btn-inverse { color: white; border-color: white; } .btn-palegreen.btn-outlined.btn-inverse:hover, .btn-palegreen.btn-outlined.btn-inverse:focus, .btn-palegreen.btn-outlined.btn-inverse.active { color: #A0DFCC; background: white; } .btn-palegreen.btn-outlined.btn-inverse:hover.btn-retainBg, .btn-palegreen.btn-outlined.btn-inverse:focus.btn-retainBg, .btn-palegreen.btn-outlined.btn-inverse.active.btn-retainBg { background: #A0DFCC; color: white; border-color: #A0DFCC; } .btn-palegreen.btn-outlined.btn-inverse:hover.btn-retainBg:active, .btn-palegreen.btn-outlined.btn-inverse:focus.btn-retainBg:active, .btn-palegreen.btn-outlined.btn-inverse.active.btn-retainBg:active { background: #5bc8a7; border-color: #3aac8a; } .btn-palegreen:focus, .btn-palegreen.focus, .btn-palegreen:hover, .btn-palegreen.active { color: white; background: #c6ece0; border-color: #c6ece0; } .btn-palegreen:active, .btn-palegreen.active, .btn-palegreen[aria-expanded="true"], .btn-palegreen.active:hover, .btn-palegreen.active:focus, .btn-palegreen[aria-expanded="true"]:hover, .btn-palegreen[aria-expanded="true"]:focus, .open > .btn-palegreen.dropdown-toggle { color: white; background: #5bc8a7; border-color: #3aac8a; background-image: none; } .btn-palegreen.dropdown-toggle + ul li.active a { color: white; background: #A0DFCC; } .btn-palegreen.disabled, .btn-palegreen[disabled], fieldset[disabled] .btn-palegreen { pointer-events: none; } .btn-palegreen .badge { color: #A0DFCC; background-color: #A0DFCC; } .menu-palegreen ul li.active a, .menu-palegreen ul li.active a:hover { color: white; background: #A0DFCC !important; } .nav-palegreen > li.active > a,.nav-palegreen > rubix-menu > li.active > a,.nav-palegreen > rubix-nav-item > li.active > a { color: white; background: #A0DFCC; border-color: #A0DFCC; } .tab-palegreen { border-color: #A0DFCC; } .tab-palegreen > li.active > a { border-color: #A0DFCC; border-bottom-color: transparent; } .tab-palegreen.nav-pills > li.active > a { background: #A0DFCC; color: white; } .rubix-panel-header.nav-inline .nav-palegreen > li.active > a { border: 1px solid #A0DFCC; border-bottom: none; } .rubix-panel-header.nav-inline .nav-palegreen > li.open > .dropdown-toggle { color: white; background: none; } .bg-palegreen { background: #A0DFCC !important; } .bg-palegreen table td, .bg-palegreen th { border-color: rgba(0, 0, 0, 0.05) !important; } .bg-focus-palegreen:focus { background: #A0DFCC !important; } .bg-hover-palegreen:hover { background: #A0DFCC !important; } .fg-palegreen { color: #A0DFCC; } .fg-palegreen .nav-tabs > li.active > a { color: #A0DFCC; } .fg-tab-active-palegreen .nav-tabs > li.active > a { color: #A0DFCC !important; } .fg-focus-palegreen:focus { color: #A0DFCC; } .fg-hover-palegreen:hover { color: #A0DFCC; } .border-palegreen { border-color: #A0DFCC !important; } .border-palegreen .rubix-timeline-body > ul { border-color: #A0DFCC; } .border-palegreen.rubix-timeline-view:before { border-color: #A0DFCC; } .border-hover-palegreen:hover { border-color: #A0DFCC !important; } .border-focus-palegreen:focus { border-color: #A0DFCC !important; } .tl-palegreen .rubix-timeline-body > ul > li:before { border-color: #A0DFCC; } .list-bg-palegreen > .list-group-item.active { background: #A0DFCC !important; color: white !important; } .list-fg-palegreen > .list-group-item { color: #A0DFCC; } .btn-palepink { background: #E394B3; color: white; border-color: #E394B3; } .btn-palepink.btn-outlined { color: #E394B3; background: none; } .btn-palepink.btn-outlined.btn-onlyOnHover { color: #89949B; } .btn-palepink.btn-outlined.btn-onlyOnHover:hover, .btn-palepink.btn-outlined.btn-onlyOnHover:focus, .btn-palepink.btn-outlined.btn-onlyOnHover.active { color: white; } .btn-palepink.btn-outlined.btn-inverse { color: white; border-color: white; } .btn-palepink.btn-outlined.btn-inverse:hover, .btn-palepink.btn-outlined.btn-inverse:focus, .btn-palepink.btn-outlined.btn-inverse.active { color: #E394B3; background: white; } .btn-palepink.btn-outlined.btn-inverse:hover.btn-retainBg, .btn-palepink.btn-outlined.btn-inverse:focus.btn-retainBg, .btn-palepink.btn-outlined.btn-inverse.active.btn-retainBg { background: #E394B3; color: white; border-color: #E394B3; } .btn-palepink.btn-outlined.btn-inverse:hover.btn-retainBg:active, .btn-palepink.btn-outlined.btn-inverse:focus.btn-retainBg:active, .btn-palepink.btn-outlined.btn-inverse.active.btn-retainBg:active { background: #d04b7f; border-color: #b02e61; } .btn-palepink:focus, .btn-palepink.focus, .btn-palepink:hover, .btn-palepink.active { color: white; background: #eebcd0; border-color: #eebcd0; } .btn-palepink:active, .btn-palepink.active, .btn-palepink[aria-expanded="true"], .btn-palepink.active:hover, .btn-palepink.active:focus, .btn-palepink[aria-expanded="true"]:hover, .btn-palepink[aria-expanded="true"]:focus, .open > .btn-palepink.dropdown-toggle { color: white; background: #d04b7f; border-color: #b02e61; background-image: none; } .btn-palepink.dropdown-toggle + ul li.active a { color: white; background: #E394B3; } .btn-palepink.disabled, .btn-palepink[disabled], fieldset[disabled] .btn-palepink { pointer-events: none; } .btn-palepink .badge { color: #E394B3; background-color: #E394B3; } .menu-palepink ul li.active a, .menu-palepink ul li.active a:hover { color: white; background: #E394B3 !important; } .nav-palepink > li.active > a,.nav-palepink > rubix-menu > li.active > a,.nav-palepink > rubix-nav-item > li.active > a { color: white; background: #E394B3; border-color: #E394B3; } .tab-palepink { border-color: #E394B3; } .tab-palepink > li.active > a { border-color: #E394B3; border-bottom-color: transparent; } .tab-palepink.nav-pills > li.active > a { background: #E394B3; color: white; } .rubix-panel-header.nav-inline .nav-palepink > li.active > a { border: 1px solid #E394B3; border-bottom: none; } .rubix-panel-header.nav-inline .nav-palepink > li.open > .dropdown-toggle { color: white; background: none; } .bg-palepink { background: #E394B3 !important; } .bg-palepink table td, .bg-palepink th { border-color: rgba(0, 0, 0, 0.05) !important; } .bg-focus-palepink:focus { background: #E394B3 !important; } .bg-hover-palepink:hover { background: #E394B3 !important; } .fg-palepink { color: #E394B3; } .fg-palepink .nav-tabs > li.active > a { color: #E394B3; } .fg-tab-active-palepink .nav-tabs > li.active > a { color: #E394B3 !important; } .fg-focus-palepink:focus { color: #E394B3; } .fg-hover-palepink:hover { color: #E394B3; } .border-palepink { border-color: #E394B3 !important; } .border-palepink .rubix-timeline-body > ul { border-color: #E394B3; } .border-palepink.rubix-timeline-view:before { border-color: #E394B3; } .border-hover-palepink:hover { border-color: #E394B3 !important; } .border-focus-palepink:focus { border-color: #E394B3 !important; } .tl-palepink .rubix-timeline-body > ul > li:before { border-color: #E394B3; } .list-bg-palepink > .list-group-item.active { background: #E394B3 !important; color: white !important; } .list-fg-palepink > .list-group-item { color: #E394B3; } .btn-brownishgray { background: #64584C; color: white; border-color: #64584C; } .btn-brownishgray.btn-outlined { color: #64584C; background: none; } .btn-brownishgray.btn-outlined.btn-onlyOnHover { color: #89949B; } .btn-brownishgray.btn-outlined.btn-onlyOnHover:hover, .btn-brownishgray.btn-outlined.btn-onlyOnHover:focus, .btn-brownishgray.btn-outlined.btn-onlyOnHover.active { color: white; } .btn-brownishgray.btn-outlined.btn-inverse { color: white; border-color: white; } .btn-brownishgray.btn-outlined.btn-inverse:hover, .btn-brownishgray.btn-outlined.btn-inverse:focus, .btn-brownishgray.btn-outlined.btn-inverse.active { color: #64584C; background: white; } .btn-brownishgray.btn-outlined.btn-inverse:hover.btn-retainBg, .btn-brownishgray.btn-outlined.btn-inverse:focus.btn-retainBg, .btn-brownishgray.btn-outlined.btn-inverse.active.btn-retainBg { background: #64584C; color: white; border-color: #64584C; } .btn-brownishgray.btn-outlined.btn-inverse:hover.btn-retainBg:active, .btn-brownishgray.btn-outlined.btn-inverse:focus.btn-retainBg:active, .btn-brownishgray.btn-outlined.btn-inverse.active.btn-retainBg:active { background: #302a24; border-color: #0d0c0a; } .btn-brownishgray:focus, .btn-brownishgray.focus, .btn-brownishgray:hover, .btn-brownishgray.active { color: white; background: #817262; border-color: #817262; } .btn-brownishgray:active, .btn-brownishgray.active, .btn-brownishgray[aria-expanded="true"], .btn-brownishgray.active:hover, .btn-brownishgray.active:focus, .btn-brownishgray[aria-expanded="true"]:hover, .btn-brownishgray[aria-expanded="true"]:focus, .open > .btn-brownishgray.dropdown-toggle { color: white; background: #302a24; border-color: #0d0c0a; background-image: none; } .btn-brownishgray.dropdown-toggle + ul li.active a { color: white; background: #64584C; } .btn-brownishgray.disabled, .btn-brownishgray[disabled], fieldset[disabled] .btn-brownishgray { pointer-events: none; } .btn-brownishgray .badge { color: #64584C; background-color: #64584C; } .menu-brownishgray ul li.active a, .menu-brownishgray ul li.active a:hover { color: white; background: #64584C !important; } .nav-brownishgray > li.active > a,.nav-brownishgray > rubix-menu > li.active > a,.nav-brownishgray > rubix-nav-item > li.active > a { color: white; background: #64584C; border-color: #64584C; } .tab-brownishgray { border-color: #64584C; } .tab-brownishgray > li.active > a { border-color: #64584C; border-bottom-color: transparent; } .tab-brownishgray.nav-pills > li.active > a { background: #64584C; color: white; } .rubix-panel-header.nav-inline .nav-brownishgray > li.active > a { border: 1px solid #64584C; border-bottom: none; } .rubix-panel-header.nav-inline .nav-brownishgray > li.open > .dropdown-toggle { color: white; background: none; } .bg-brownishgray { background: #64584C !important; } .bg-brownishgray table td, .bg-brownishgray th { border-color: rgba(0, 0, 0, 0.05) !important; } .bg-focus-brownishgray:focus { background: #64584C !important; } .bg-hover-brownishgray:hover { background: #64584C !important; } .fg-brownishgray { color: #64584C; } .fg-brownishgray .nav-tabs > li.active > a { color: #64584C; } .fg-tab-active-brownishgray .nav-tabs > li.active > a { color: #64584C !important; } .fg-focus-brownishgray:focus { color: #64584C; } .fg-hover-brownishgray:hover { color: #64584C; } .border-brownishgray { border-color: #64584C !important; } .border-brownishgray .rubix-timeline-body > ul { border-color: #64584C; } .border-brownishgray.rubix-timeline-view:before { border-color: #64584C; } .border-hover-brownishgray:hover { border-color: #64584C !important; } .border-focus-brownishgray:focus { border-color: #64584C !important; } .tl-brownishgray .rubix-timeline-body > ul > li:before { border-color: #64584C; } .list-bg-brownishgray > .list-group-item.active { background: #64584C !important; color: white !important; } .list-fg-brownishgray > .list-group-item { color: #64584C; } .btn-brownishgray75 { background: #776B5F; color: white; border-color: #776B5F; } .btn-brownishgray75.btn-outlined { color: #776B5F; background: none; } .btn-brownishgray75.btn-outlined.btn-onlyOnHover { color: #89949B; } .btn-brownishgray75.btn-outlined.btn-onlyOnHover:hover, .btn-brownishgray75.btn-outlined.btn-onlyOnHover:focus, .btn-brownishgray75.btn-outlined.btn-onlyOnHover.active { color: white; } .btn-brownishgray75.btn-outlined.btn-inverse { color: white; border-color: white; } .btn-brownishgray75.btn-outlined.btn-inverse:hover, .btn-brownishgray75.btn-outlined.btn-inverse:focus, .btn-brownishgray75.btn-outlined.btn-inverse.active { color: #776B5F; background: white; } .btn-brownishgray75.btn-outlined.btn-inverse:hover.btn-retainBg, .btn-brownishgray75.btn-outlined.btn-inverse:focus.btn-retainBg, .btn-brownishgray75.btn-outlined.btn-inverse.active.btn-retainBg { background: #776B5F; color: white; border-color: #776B5F; } .btn-brownishgray75.btn-outlined.btn-inverse:hover.btn-retainBg:active, .btn-brownishgray75.btn-outlined.btn-inverse:focus.btn-retainBg:active, .btn-brownishgray75.btn-outlined.btn-inverse.active.btn-retainBg:active { background: #443d36; border-color: #221f1b; } .btn-brownishgray75:focus, .btn-brownishgray75.focus, .btn-brownishgray75:hover, .btn-brownishgray75.active { color: white; background: #928577; border-color: #928577; } .btn-brownishgray75:active, .btn-brownishgray75.active, .btn-brownishgray75[aria-expanded="true"], .btn-brownishgray75.active:hover, .btn-brownishgray75.active:focus, .btn-brownishgray75[aria-expanded="true"]:hover, .btn-brownishgray75[aria-expanded="true"]:focus, .open > .btn-brownishgray75.dropdown-toggle { color: white; background: #443d36; border-color: #221f1b; background-image: none; } .btn-brownishgray75.dropdown-toggle + ul li.active a { color: white; background: #776B5F; } .btn-brownishgray75.disabled, .btn-brownishgray75[disabled], fieldset[disabled] .btn-brownishgray75 { pointer-events: none; } .btn-brownishgray75 .badge { color: #776B5F; background-color: #776B5F; } .menu-brownishgray75 ul li.active a, .menu-brownishgray75 ul li.active a:hover { color: white; background: #776B5F !important; } .nav-brownishgray75 > li.active > a,.nav-brownishgray75 > rubix-menu > li.active > a,.nav-brownishgray75 > rubix-nav-item > li.active > a { color: white; background: #776B5F; border-color: #776B5F; } .tab-brownishgray75 { border-color: #776B5F; } .tab-brownishgray75 > li.active > a { border-color: #776B5F; border-bottom-color: transparent; } .tab-brownishgray75.nav-pills > li.active > a { background: #776B5F; color: white; } .rubix-panel-header.nav-inline .nav-brownishgray75 > li.active > a { border: 1px solid #776B5F; border-bottom: none; } .rubix-panel-header.nav-inline .nav-brownishgray75 > li.open > .dropdown-toggle { color: white; background: none; } .bg-brownishgray75 { background: #776B5F !important; } .bg-brownishgray75 table td, .bg-brownishgray75 th { border-color: rgba(0, 0, 0, 0.05) !important; } .bg-focus-brownishgray75:focus { background: #776B5F !important; } .bg-hover-brownishgray75:hover { background: #776B5F !important; } .fg-brownishgray75 { color: #776B5F; } .fg-brownishgray75 .nav-tabs > li.active > a { color: #776B5F; } .fg-tab-active-brownishgray75 .nav-tabs > li.active > a { color: #776B5F !important; } .fg-focus-brownishgray75:focus { color: #776B5F; } .fg-hover-brownishgray75:hover { color: #776B5F; } .border-brownishgray75 { border-color: #776B5F !important; } .border-brownishgray75 .rubix-timeline-body > ul { border-color: #776B5F; } .border-brownishgray75.rubix-timeline-view:before { border-color: #776B5F; } .border-hover-brownishgray75:hover { border-color: #776B5F !important; } .border-focus-brownishgray75:focus { border-color: #776B5F !important; } .tl-brownishgray75 .rubix-timeline-body > ul > li:before { border-color: #776B5F; } .list-bg-brownishgray75 > .list-group-item.active { background: #776B5F !important; color: white !important; } .list-fg-brownishgray75 > .list-group-item { color: #776B5F; } .btn-gray { background: #EAEDF1; color: white; border-color: #EAEDF1; } .btn-gray.btn-outlined { color: #EAEDF1; background: none; } .btn-gray.btn-outlined.btn-onlyOnHover { color: #89949B; } .btn-gray.btn-outlined.btn-onlyOnHover:hover, .btn-gray.btn-outlined.btn-onlyOnHover:focus, .btn-gray.btn-outlined.btn-onlyOnHover.active { color: white; } .btn-gray.btn-outlined.btn-inverse { color: white; border-color: white; } .btn-gray.btn-outlined.btn-inverse:hover, .btn-gray.btn-outlined.btn-inverse:focus, .btn-gray.btn-outlined.btn-inverse.active { color: #EAEDF1; background: white; } .btn-gray.btn-outlined.btn-inverse:hover.btn-retainBg, .btn-gray.btn-outlined.btn-inverse:focus.btn-retainBg, .btn-gray.btn-outlined.btn-inverse.active.btn-retainBg { background: #EAEDF1; color: white; border-color: #EAEDF1; } .btn-gray.btn-outlined.btn-inverse:hover.btn-retainBg:active, .btn-gray.btn-outlined.btn-inverse:focus.btn-retainBg:active, .btn-gray.btn-outlined.btn-inverse.active.btn-retainBg:active { background: #b3becc; border-color: #8e9eb4; } .btn-gray:focus, .btn-gray.focus, .btn-gray:hover, .btn-gray.active { color: white; background: white; border-color: white; } .btn-gray:active, .btn-gray.active, .btn-gray[aria-expanded="true"], .btn-gray.active:hover, .btn-gray.active:focus, .btn-gray[aria-expanded="true"]:hover, .btn-gray[aria-expanded="true"]:focus, .open > .btn-gray.dropdown-toggle { color: white; background: #b3becc; border-color: #8e9eb4; background-image: none; } .btn-gray.dropdown-toggle + ul li.active a { color: white; background: #EAEDF1; } .btn-gray.disabled, .btn-gray[disabled], fieldset[disabled] .btn-gray { pointer-events: none; } .btn-gray .badge { color: #EAEDF1; background-color: #EAEDF1; } .menu-gray ul li.active a, .menu-gray ul li.active a:hover { color: white; background: #EAEDF1 !important; } .nav-gray > li.active > a,.nav-gray > rubix-menu > li.active > a,.nav-gray > rubix-nav-item > li.active > a { color: white; background: #EAEDF1; border-color: #EAEDF1; } .tab-gray { border-color: #EAEDF1; } .tab-gray > li.active > a { border-color: #EAEDF1; border-bottom-color: transparent; } .tab-gray.nav-pills > li.active > a { background: #EAEDF1; color: white; } .rubix-panel-header.nav-inline .nav-gray > li.active > a { border: 1px solid #EAEDF1; border-bottom: none; } .rubix-panel-header.nav-inline .nav-gray > li.open > .dropdown-toggle { color: white; background: none; } .bg-gray { background: #EAEDF1 !important; } .bg-gray table td, .bg-gray th { border-color: rgba(0, 0, 0, 0.05) !important; } .bg-focus-gray:focus { background: #EAEDF1 !important; } .bg-hover-gray:hover { background: #EAEDF1 !important; } .fg-gray { color: #EAEDF1; } .fg-gray .nav-tabs > li.active > a { color: #EAEDF1; } .fg-tab-active-gray .nav-tabs > li.active > a { color: #EAEDF1 !important; } .fg-focus-gray:focus { color: #EAEDF1; } .fg-hover-gray:hover { color: #EAEDF1; } .border-gray { border-color: #EAEDF1 !important; } .border-gray .rubix-timeline-body > ul { border-color: #EAEDF1; } .border-gray.rubix-timeline-view:before { border-color: #EAEDF1; } .border-hover-gray:hover { border-color: #EAEDF1 !important; } .border-focus-gray:focus { border-color: #EAEDF1 !important; } .tl-gray .rubix-timeline-body > ul > li:before { border-color: #EAEDF1; } .list-bg-gray > .list-group-item.active { background: #EAEDF1 !important; color: white !important; } .list-fg-gray > .list-group-item { color: #EAEDF1; } .btn-darkgray { background: #999895; color: white; border-color: #999895; } .btn-darkgray.btn-outlined { color: #999895; background: none; } .btn-darkgray.btn-outlined.btn-onlyOnHover { color: #89949B; } .btn-darkgray.btn-outlined.btn-onlyOnHover:hover, .btn-darkgray.btn-outlined.btn-onlyOnHover:focus, .btn-darkgray.btn-outlined.btn-onlyOnHover.active { color: white; } .btn-darkgray.btn-outlined.btn-inverse { color: white; border-color: white; } .btn-darkgray.btn-outlined.btn-inverse:hover, .btn-darkgray.btn-outlined.btn-inverse:focus, .btn-darkgray.btn-outlined.btn-inverse.active { color: #999895; background: white; } .btn-darkgray.btn-outlined.btn-inverse:hover.btn-retainBg, .btn-darkgray.btn-outlined.btn-inverse:focus.btn-retainBg, .btn-darkgray.btn-outlined.btn-inverse.active.btn-retainBg { background: #999895; color: white; border-color: #999895; } .btn-darkgray.btn-outlined.btn-inverse:hover.btn-retainBg:active, .btn-darkgray.btn-outlined.btn-inverse:focus.btn-retainBg:active, .btn-darkgray.btn-outlined.btn-inverse.active.btn-retainBg:active { background: #6b6a67; border-color: #4c4b49; } .btn-darkgray:focus, .btn-darkgray.focus, .btn-darkgray:hover, .btn-darkgray.active { color: white; background: #b2b1af; border-color: #b2b1af; } .btn-darkgray:active, .btn-darkgray.active, .btn-darkgray[aria-expanded="true"], .btn-darkgray.active:hover, .btn-darkgray.active:focus, .btn-darkgray[aria-expanded="true"]:hover, .btn-darkgray[aria-expanded="true"]:focus, .open > .btn-darkgray.dropdown-toggle { color: white; background: #6b6a67; border-color: #4c4b49; background-image: none; } .btn-darkgray.dropdown-toggle + ul li.active a { color: white; background: #999895; } .btn-darkgray.disabled, .btn-darkgray[disabled], fieldset[disabled] .btn-darkgray { pointer-events: none; } .btn-darkgray .badge { color: #999895; background-color: #999895; } .menu-darkgray ul li.active a, .menu-darkgray ul li.active a:hover { color: white; background: #999895 !important; } .nav-darkgray > li.active > a,.nav-darkgray > rubix-menu > li.active > a,.nav-darkgray > rubix-nav-item > li.active > a { color: white; background: #999895; border-color: #999895; } .tab-darkgray { border-color: #999895; } .tab-darkgray > li.active > a { border-color: #999895; border-bottom-color: transparent; } .tab-darkgray.nav-pills > li.active > a { background: #999895; color: white; } .rubix-panel-header.nav-inline .nav-darkgray > li.active > a { border: 1px solid #999895; border-bottom: none; } .rubix-panel-header.nav-inline .nav-darkgray > li.open > .dropdown-toggle { color: white; background: none; } .bg-darkgray { background: #999895 !important; } .bg-darkgray table td, .bg-darkgray th { border-color: rgba(0, 0, 0, 0.05) !important; } .bg-focus-darkgray:focus { background: #999895 !important; } .bg-hover-darkgray:hover { background: #999895 !important; } .fg-darkgray { color: #999895; } .fg-darkgray .nav-tabs > li.active > a { color: #999895; } .fg-tab-active-darkgray .nav-tabs > li.active > a { color: #999895 !important; } .fg-focus-darkgray:focus { color: #999895; } .fg-hover-darkgray:hover { color: #999895; } .border-darkgray { border-color: #999895 !important; } .border-darkgray .rubix-timeline-body > ul { border-color: #999895; } .border-darkgray.rubix-timeline-view:before { border-color: #999895; } .border-hover-darkgray:hover { border-color: #999895 !important; } .border-focus-darkgray:focus { border-color: #999895 !important; } .tl-darkgray .rubix-timeline-body > ul > li:before { border-color: #999895; } .list-bg-darkgray > .list-group-item.active { background: #999895 !important; color: white !important; } .list-fg-darkgray > .list-group-item { color: #999895; } .btn-darkgray75 { background: #B8B6B0; color: white; border-color: #B8B6B0; } .btn-darkgray75.btn-outlined { color: #B8B6B0; background: none; } .btn-darkgray75.btn-outlined.btn-onlyOnHover { color: #89949B; } .btn-darkgray75.btn-outlined.btn-onlyOnHover:hover, .btn-darkgray75.btn-outlined.btn-onlyOnHover:focus, .btn-darkgray75.btn-outlined.btn-onlyOnHover.active { color: white; } .btn-darkgray75.btn-outlined.btn-inverse { color: white; border-color: white; } .btn-darkgray75.btn-outlined.btn-inverse:hover, .btn-darkgray75.btn-outlined.btn-inverse:focus, .btn-darkgray75.btn-outlined.btn-inverse.active { color: #B8B6B0; background: white; } .btn-darkgray75.btn-outlined.btn-inverse:hover.btn-retainBg, .btn-darkgray75.btn-outlined.btn-inverse:focus.btn-retainBg, .btn-darkgray75.btn-outlined.btn-inverse.active.btn-retainBg { background: #B8B6B0; color: white; border-color: #B8B6B0; } .btn-darkgray75.btn-outlined.btn-inverse:hover.btn-retainBg:active, .btn-darkgray75.btn-outlined.btn-inverse:focus.btn-retainBg:active, .btn-darkgray75.btn-outlined.btn-inverse.active.btn-retainBg:active { background: #8d8980; border-color: #6d6a62; } .btn-darkgray75:focus, .btn-darkgray75.focus, .btn-darkgray75:hover, .btn-darkgray75.active { color: white; background: #d0cfcb; border-color: #d0cfcb; } .btn-darkgray75:active, .btn-darkgray75.active, .btn-darkgray75[aria-expanded="true"], .btn-darkgray75.active:hover, .btn-darkgray75.active:focus, .btn-darkgray75[aria-expanded="true"]:hover, .btn-darkgray75[aria-expanded="true"]:focus, .open > .btn-darkgray75.dropdown-toggle { color: white; background: #8d8980; border-color: #6d6a62; background-image: none; } .btn-darkgray75.dropdown-toggle + ul li.active a { color: white; background: #B8B6B0; } .btn-darkgray75.disabled, .btn-darkgray75[disabled], fieldset[disabled] .btn-darkgray75 { pointer-events: none; } .btn-darkgray75 .badge { color: #B8B6B0; background-color: #B8B6B0; } .menu-darkgray75 ul li.active a, .menu-darkgray75 ul li.active a:hover { color: white; background: #B8B6B0 !important; } .nav-darkgray75 > li.active > a,.nav-darkgray75 > rubix-menu > li.active > a,.nav-darkgray75 > rubix-nav-item > li.active > a { color: white; background: #B8B6B0; border-color: #B8B6B0; } .tab-darkgray75 { border-color: #B8B6B0; } .tab-darkgray75 > li.active > a { border-color: #B8B6B0; border-bottom-color: transparent; } .tab-darkgray75.nav-pills > li.active > a { background: #B8B6B0; color: white; } .rubix-panel-header.nav-inline .nav-darkgray75 > li.active > a { border: 1px solid #B8B6B0; border-bottom: none; } .rubix-panel-header.nav-inline .nav-darkgray75 > li.open > .dropdown-toggle { color: white; background: none; } .bg-darkgray75 { background: #B8B6B0 !important; } .bg-darkgray75 table td, .bg-darkgray75 th { border-color: rgba(0, 0, 0, 0.05) !important; } .bg-focus-darkgray75:focus { background: #B8B6B0 !important; } .bg-hover-darkgray75:hover { background: #B8B6B0 !important; } .fg-darkgray75 { color: #B8B6B0; } .fg-darkgray75 .nav-tabs > li.active > a { color: #B8B6B0; } .fg-tab-active-darkgray75 .nav-tabs > li.active > a { color: #B8B6B0 !important; } .fg-focus-darkgray75:focus { color: #B8B6B0; } .fg-hover-darkgray75:hover { color: #B8B6B0; } .border-darkgray75 { border-color: #B8B6B0 !important; } .border-darkgray75 .rubix-timeline-body > ul { border-color: #B8B6B0; } .border-darkgray75.rubix-timeline-view:before { border-color: #B8B6B0; } .border-hover-darkgray75:hover { border-color: #B8B6B0 !important; } .border-focus-darkgray75:focus { border-color: #B8B6B0 !important; } .tl-darkgray75 .rubix-timeline-body > ul > li:before { border-color: #B8B6B0; } .list-bg-darkgray75 > .list-group-item.active { background: #B8B6B0 !important; color: white !important; } .list-fg-darkgray75 > .list-group-item { color: #B8B6B0; } .btn-darkgray50 { background: #B8C3C8; color: white; border-color: #B8C3C8; } .btn-darkgray50.btn-outlined { color: #B8C3C8; background: none; } .btn-darkgray50.btn-outlined.btn-onlyOnHover { color: #89949B; } .btn-darkgray50.btn-outlined.btn-onlyOnHover:hover, .btn-darkgray50.btn-outlined.btn-onlyOnHover:focus, .btn-darkgray50.btn-outlined.btn-onlyOnHover.active { color: white; } .btn-darkgray50.btn-outlined.btn-inverse { color: white; border-color: white; } .btn-darkgray50.btn-outlined.btn-inverse:hover, .btn-darkgray50.btn-outlined.btn-inverse:focus, .btn-darkgray50.btn-outlined.btn-inverse.active { color: #B8C3C8; background: white; } .btn-darkgray50.btn-outlined.btn-inverse:hover.btn-retainBg, .btn-darkgray50.btn-outlined.btn-inverse:focus.btn-retainBg, .btn-darkgray50.btn-outlined.btn-inverse.active.btn-retainBg { background: #B8C3C8; color: white; border-color: #B8C3C8; } .btn-darkgray50.btn-outlined.btn-inverse:hover.btn-retainBg:active, .btn-darkgray50.btn-outlined.btn-inverse:focus.btn-retainBg:active, .btn-darkgray50.btn-outlined.btn-inverse.active.btn-retainBg:active { background: #8497a0; border-color: #657982; } .btn-darkgray50:focus, .btn-darkgray50.focus, .btn-darkgray50:hover, .btn-darkgray50.active { color: white; background: #d5dbde; border-color: #d5dbde; } .btn-darkgray50:active, .btn-darkgray50.active, .btn-darkgray50[aria-expanded="true"], .btn-darkgray50.active:hover, .btn-darkgray50.active:focus, .btn-darkgray50[aria-expanded="true"]:hover, .btn-darkgray50[aria-expanded="true"]:focus, .open > .btn-darkgray50.dropdown-toggle { color: white; background: #8497a0; border-color: #657982; background-image: none; } .btn-darkgray50.dropdown-toggle + ul li.active a { color: white; background: #B8C3C8; } .btn-darkgray50.disabled, .btn-darkgray50[disabled], fieldset[disabled] .btn-darkgray50 { pointer-events: none; } .btn-darkgray50 .badge { color: #B8C3C8; background-color: #B8C3C8; } .menu-darkgray50 ul li.active a, .menu-darkgray50 ul li.active a:hover { color: white; background: #B8C3C8 !important; } .nav-darkgray50 > li.active > a,.nav-darkgray50 > rubix-menu > li.active > a,.nav-darkgray50 > rubix-nav-item > li.active > a { color: white; background: #B8C3C8; border-color: #B8C3C8; } .tab-darkgray50 { border-color: #B8C3C8; } .tab-darkgray50 > li.active > a { border-color: #B8C3C8; border-bottom-color: transparent; } .tab-darkgray50.nav-pills > li.active > a { background: #B8C3C8; color: white; } .rubix-panel-header.nav-inline .nav-darkgray50 > li.active > a { border: 1px solid #B8C3C8; border-bottom: none; } .rubix-panel-header.nav-inline .nav-darkgray50 > li.open > .dropdown-toggle { color: white; background: none; } .bg-darkgray50 { background: #B8C3C8 !important; } .bg-darkgray50 table td, .bg-darkgray50 th { border-color: rgba(0, 0, 0, 0.05) !important; } .bg-focus-darkgray50:focus { background: #B8C3C8 !important; } .bg-hover-darkgray50:hover { background: #B8C3C8 !important; } .fg-darkgray50 { color: #B8C3C8; } .fg-darkgray50 .nav-tabs > li.active > a { color: #B8C3C8; } .fg-tab-active-darkgray50 .nav-tabs > li.active > a { color: #B8C3C8 !important; } .fg-focus-darkgray50:focus { color: #B8C3C8; } .fg-hover-darkgray50:hover { color: #B8C3C8; } .border-darkgray50 { border-color: #B8C3C8 !important; } .border-darkgray50 .rubix-timeline-body > ul { border-color: #B8C3C8; } .border-darkgray50.rubix-timeline-view:before { border-color: #B8C3C8; } .border-hover-darkgray50:hover { border-color: #B8C3C8 !important; } .border-focus-darkgray50:focus { border-color: #B8C3C8 !important; } .tl-darkgray50 .rubix-timeline-body > ul > li:before { border-color: #B8C3C8; } .list-bg-darkgray50 > .list-group-item.active { background: #B8C3C8 !important; color: white !important; } .list-fg-darkgray50 > .list-group-item { color: #B8C3C8; } .btn-darkgray40 { background: #CDCCC8; color: white; border-color: #CDCCC8; } .btn-darkgray40.btn-outlined { color: #CDCCC8; background: none; } .btn-darkgray40.btn-outlined.btn-onlyOnHover { color: #89949B; } .btn-darkgray40.btn-outlined.btn-onlyOnHover:hover, .btn-darkgray40.btn-outlined.btn-onlyOnHover:focus, .btn-darkgray40.btn-outlined.btn-onlyOnHover.active { color: white; } .btn-darkgray40.btn-outlined.btn-inverse { color: white; border-color: white; } .btn-darkgray40.btn-outlined.btn-inverse:hover, .btn-darkgray40.btn-outlined.btn-inverse:focus, .btn-darkgray40.btn-outlined.btn-inverse.active { color: #CDCCC8; background: white; } .btn-darkgray40.btn-outlined.btn-inverse:hover.btn-retainBg, .btn-darkgray40.btn-outlined.btn-inverse:focus.btn-retainBg, .btn-darkgray40.btn-outlined.btn-inverse.active.btn-retainBg { background: #CDCCC8; color: white; border-color: #CDCCC8; } .btn-darkgray40.btn-outlined.btn-inverse:hover.btn-retainBg:active, .btn-darkgray40.btn-outlined.btn-inverse:focus.btn-retainBg:active, .btn-darkgray40.btn-outlined.btn-inverse.active.btn-retainBg:active { background: #a19f98; border-color: #848278; } .btn-darkgray40:focus, .btn-darkgray40.focus, .btn-darkgray40:hover, .btn-darkgray40.active { color: white; background: #e5e5e3; border-color: #e5e5e3; } .btn-darkgray40:active, .btn-darkgray40.active, .btn-darkgray40[aria-expanded="true"], .btn-darkgray40.active:hover, .btn-darkgray40.active:focus, .btn-darkgray40[aria-expanded="true"]:hover, .btn-darkgray40[aria-expanded="true"]:focus, .open > .btn-darkgray40.dropdown-toggle { color: white; background: #a19f98; border-color: #848278; background-image: none; } .btn-darkgray40.dropdown-toggle + ul li.active a { color: white; background: #CDCCC8; } .btn-darkgray40.disabled, .btn-darkgray40[disabled], fieldset[disabled] .btn-darkgray40 { pointer-events: none; } .btn-darkgray40 .badge { color: #CDCCC8; background-color: #CDCCC8; } .menu-darkgray40 ul li.active a, .menu-darkgray40 ul li.active a:hover { color: white; background: #CDCCC8 !important; } .nav-darkgray40 > li.active > a,.nav-darkgray40 > rubix-menu > li.active > a,.nav-darkgray40 > rubix-nav-item > li.active > a { color: white; background: #CDCCC8; border-color: #CDCCC8; } .tab-darkgray40 { border-color: #CDCCC8; } .tab-darkgray40 > li.active > a { border-color: #CDCCC8; border-bottom-color: transparent; } .tab-darkgray40.nav-pills > li.active > a { background: #CDCCC8; color: white; } .rubix-panel-header.nav-inline .nav-darkgray40 > li.active > a { border: 1px solid #CDCCC8; border-bottom: none; } .rubix-panel-header.nav-inline .nav-darkgray40 > li.open > .dropdown-toggle { color: white; background: none; } .bg-darkgray40 { background: #CDCCC8 !important; } .bg-darkgray40 table td, .bg-darkgray40 th { border-color: rgba(0, 0, 0, 0.05) !important; } .bg-focus-darkgray40:focus { background: #CDCCC8 !important; } .bg-hover-darkgray40:hover { background: #CDCCC8 !important; } .fg-darkgray40 { color: #CDCCC8; } .fg-darkgray40 .nav-tabs > li.active > a { color: #CDCCC8; } .fg-tab-active-darkgray40 .nav-tabs > li.active > a { color: #CDCCC8 !important; } .fg-focus-darkgray40:focus { color: #CDCCC8; } .fg-hover-darkgray40:hover { color: #CDCCC8; } .border-darkgray40 { border-color: #CDCCC8 !important; } .border-darkgray40 .rubix-timeline-body > ul { border-color: #CDCCC8; } .border-darkgray40.rubix-timeline-view:before { border-color: #CDCCC8; } .border-hover-darkgray40:hover { border-color: #CDCCC8 !important; } .border-focus-darkgray40:focus { border-color: #CDCCC8 !important; } .tl-darkgray40 .rubix-timeline-body > ul > li:before { border-color: #CDCCC8; } .list-bg-darkgray40 > .list-group-item.active { background: #CDCCC8 !important; color: white !important; } .list-fg-darkgray40 > .list-group-item { color: #CDCCC8; } .btn-darkgray25 { background: #DCDBD8; color: white; border-color: #DCDBD8; } .btn-darkgray25.btn-outlined { color: #DCDBD8; background: none; } .btn-darkgray25.btn-outlined.btn-onlyOnHover { color: #89949B; } .btn-darkgray25.btn-outlined.btn-onlyOnHover:hover, .btn-darkgray25.btn-outlined.btn-onlyOnHover:focus, .btn-darkgray25.btn-outlined.btn-onlyOnHover.active { color: white; } .btn-darkgray25.btn-outlined.btn-inverse { color: white; border-color: white; } .btn-darkgray25.btn-outlined.btn-inverse:hover, .btn-darkgray25.btn-outlined.btn-inverse:focus, .btn-darkgray25.btn-outlined.btn-inverse.active { color: #DCDBD8; background: white; } .btn-darkgray25.btn-outlined.btn-inverse:hover.btn-retainBg, .btn-darkgray25.btn-outlined.btn-inverse:focus.btn-retainBg, .btn-darkgray25.btn-outlined.btn-inverse.active.btn-retainBg { background: #DCDBD8; color: white; border-color: #DCDBD8; } .btn-darkgray25.btn-outlined.btn-inverse:hover.btn-retainBg:active, .btn-darkgray25.btn-outlined.btn-inverse:focus.btn-retainBg:active, .btn-darkgray25.btn-outlined.btn-inverse.active.btn-retainBg:active { background: #b1aea8; border-color: #949187; } .btn-darkgray25:focus, .btn-darkgray25.focus, .btn-darkgray25:hover, .btn-darkgray25.active { color: white; background: #f4f4f3; border-color: #f4f4f3; } .btn-darkgray25:active, .btn-darkgray25.active, .btn-darkgray25[aria-expanded="true"], .btn-darkgray25.active:hover, .btn-darkgray25.active:focus, .btn-darkgray25[aria-expanded="true"]:hover, .btn-darkgray25[aria-expanded="true"]:focus, .open > .btn-darkgray25.dropdown-toggle { color: white; background: #b1aea8; border-color: #949187; background-image: none; } .btn-darkgray25.dropdown-toggle + ul li.active a { color: white; background: #DCDBD8; } .btn-darkgray25.disabled, .btn-darkgray25[disabled], fieldset[disabled] .btn-darkgray25 { pointer-events: none; } .btn-darkgray25 .badge { color: #DCDBD8; background-color: #DCDBD8; } .menu-darkgray25 ul li.active a, .menu-darkgray25 ul li.active a:hover { color: white; background: #DCDBD8 !important; } .nav-darkgray25 > li.active > a,.nav-darkgray25 > rubix-menu > li.active > a,.nav-darkgray25 > rubix-nav-item > li.active > a { color: white; background: #DCDBD8; border-color: #DCDBD8; } .tab-darkgray25 { border-color: #DCDBD8; } .tab-darkgray25 > li.active > a { border-color: #DCDBD8; border-bottom-color: transparent; } .tab-darkgray25.nav-pills > li.active > a { background: #DCDBD8; color: white; } .rubix-panel-header.nav-inline .nav-darkgray25 > li.active > a { border: 1px solid #DCDBD8; border-bottom: none; } .rubix-panel-header.nav-inline .nav-darkgray25 > li.open > .dropdown-toggle { color: white; background: none; } .bg-darkgray25 { background: #DCDBD8 !important; } .bg-darkgray25 table td, .bg-darkgray25 th { border-color: rgba(0, 0, 0, 0.05) !important; } .bg-focus-darkgray25:focus { background: #DCDBD8 !important; } .bg-hover-darkgray25:hover { background: #DCDBD8 !important; } .fg-darkgray25 { color: #DCDBD8; } .fg-darkgray25 .nav-tabs > li.active > a { color: #DCDBD8; } .fg-tab-active-darkgray25 .nav-tabs > li.active > a { color: #DCDBD8 !important; } .fg-focus-darkgray25:focus { color: #DCDBD8; } .fg-hover-darkgray25:hover { color: #DCDBD8; } .border-darkgray25 { border-color: #DCDBD8 !important; } .border-darkgray25 .rubix-timeline-body > ul { border-color: #DCDBD8; } .border-darkgray25.rubix-timeline-view:before { border-color: #DCDBD8; } .border-hover-darkgray25:hover { border-color: #DCDBD8 !important; } .border-focus-darkgray25:focus { border-color: #DCDBD8 !important; } .tl-darkgray25 .rubix-timeline-body > ul > li:before { border-color: #DCDBD8; } .list-bg-darkgray25 > .list-group-item.active { background: #DCDBD8 !important; color: white !important; } .list-fg-darkgray25 > .list-group-item { color: #DCDBD8; } .btn-lightgray { background: #EEEDEB; color: white; border-color: #EEEDEB; } .btn-lightgray.btn-outlined { color: #EEEDEB; background: none; } .btn-lightgray.btn-outlined.btn-onlyOnHover { color: #89949B; } .btn-lightgray.btn-outlined.btn-onlyOnHover:hover, .btn-lightgray.btn-outlined.btn-onlyOnHover:focus, .btn-lightgray.btn-outlined.btn-onlyOnHover.active { color: white; } .btn-lightgray.btn-outlined.btn-inverse { color: white; border-color: white; } .btn-lightgray.btn-outlined.btn-inverse:hover, .btn-lightgray.btn-outlined.btn-inverse:focus, .btn-lightgray.btn-outlined.btn-inverse.active { color: #EEEDEB; background: white; } .btn-lightgray.btn-outlined.btn-inverse:hover.btn-retainBg, .btn-lightgray.btn-outlined.btn-inverse:focus.btn-retainBg, .btn-lightgray.btn-outlined.btn-inverse.active.btn-retainBg { background: #EEEDEB; color: white; border-color: #EEEDEB; } .btn-lightgray.btn-outlined.btn-inverse:hover.btn-retainBg:active, .btn-lightgray.btn-outlined.btn-inverse:focus.btn-retainBg:active, .btn-lightgray.btn-outlined.btn-inverse.active.btn-retainBg:active { background: #c4c0b9; border-color: #a8a398; } .btn-lightgray:focus, .btn-lightgray.focus, .btn-lightgray:hover, .btn-lightgray.active { color: white; background: white; border-color: white; } .btn-lightgray:active, .btn-lightgray.active, .btn-lightgray[aria-expanded="true"], .btn-lightgray.active:hover, .btn-lightgray.active:focus, .btn-lightgray[aria-expanded="true"]:hover, .btn-lightgray[aria-expanded="true"]:focus, .open > .btn-lightgray.dropdown-toggle { color: white; background: #c4c0b9; border-color: #a8a398; background-image: none; } .btn-lightgray.dropdown-toggle + ul li.active a { color: white; background: #EEEDEB; } .btn-lightgray.disabled, .btn-lightgray[disabled], fieldset[disabled] .btn-lightgray { pointer-events: none; } .btn-lightgray .badge { color: #EEEDEB; background-color: #EEEDEB; } .menu-lightgray ul li.active a, .menu-lightgray ul li.active a:hover { color: white; background: #EEEDEB !important; } .nav-lightgray > li.active > a,.nav-lightgray > rubix-menu > li.active > a,.nav-lightgray > rubix-nav-item > li.active > a { color: white; background: #EEEDEB; border-color: #EEEDEB; } .tab-lightgray { border-color: #EEEDEB; } .tab-lightgray > li.active > a { border-color: #EEEDEB; border-bottom-color: transparent; } .tab-lightgray.nav-pills > li.active > a { background: #EEEDEB; color: white; } .rubix-panel-header.nav-inline .nav-lightgray > li.active > a { border: 1px solid #EEEDEB; border-bottom: none; } .rubix-panel-header.nav-inline .nav-lightgray > li.open > .dropdown-toggle { color: white; background: none; } .bg-lightgray { background: #EEEDEB !important; } .bg-lightgray table td, .bg-lightgray th { border-color: rgba(0, 0, 0, 0.05) !important; } .bg-focus-lightgray:focus { background: #EEEDEB !important; } .bg-hover-lightgray:hover { background: #EEEDEB !important; } .fg-lightgray { color: #EEEDEB; } .fg-lightgray .nav-tabs > li.active > a { color: #EEEDEB; } .fg-tab-active-lightgray .nav-tabs > li.active > a { color: #EEEDEB !important; } .fg-focus-lightgray:focus { color: #EEEDEB; } .fg-hover-lightgray:hover { color: #EEEDEB; } .border-lightgray { border-color: #EEEDEB !important; } .border-lightgray .rubix-timeline-body > ul { border-color: #EEEDEB; } .border-lightgray.rubix-timeline-view:before { border-color: #EEEDEB; } .border-hover-lightgray:hover { border-color: #EEEDEB !important; } .border-focus-lightgray:focus { border-color: #EEEDEB !important; } .tl-lightgray .rubix-timeline-body > ul > li:before { border-color: #EEEDEB; } .list-bg-lightgray > .list-group-item.active { background: #EEEDEB !important; color: white !important; } .list-fg-lightgray > .list-group-item { color: #EEEDEB; } .btn-lightgray50 { background: #F1F0EE; color: white; border-color: #F1F0EE; } .btn-lightgray50.btn-outlined { color: #F1F0EE; background: none; } .btn-lightgray50.btn-outlined.btn-onlyOnHover { color: #89949B; } .btn-lightgray50.btn-outlined.btn-onlyOnHover:hover, .btn-lightgray50.btn-outlined.btn-onlyOnHover:focus, .btn-lightgray50.btn-outlined.btn-onlyOnHover.active { color: white; } .btn-lightgray50.btn-outlined.btn-inverse { color: white; border-color: white; } .btn-lightgray50.btn-outlined.btn-inverse:hover, .btn-lightgray50.btn-outlined.btn-inverse:focus, .btn-lightgray50.btn-outlined.btn-inverse.active { color: #F1F0EE; background: white; } .btn-lightgray50.btn-outlined.btn-inverse:hover.btn-retainBg, .btn-lightgray50.btn-outlined.btn-inverse:focus.btn-retainBg, .btn-lightgray50.btn-outlined.btn-inverse.active.btn-retainBg { background: #F1F0EE; color: white; border-color: #F1F0EE; } .btn-lightgray50.btn-outlined.btn-inverse:hover.btn-retainBg:active, .btn-lightgray50.btn-outlined.btn-inverse:focus.btn-retainBg:active, .btn-lightgray50.btn-outlined.btn-inverse.active.btn-retainBg:active { background: #c8c4bc; border-color: #aca69a; } .btn-lightgray50:focus, .btn-lightgray50.focus, .btn-lightgray50:hover, .btn-lightgray50.active { color: white; background: white; border-color: white; } .btn-lightgray50:active, .btn-lightgray50.active, .btn-lightgray50[aria-expanded="true"], .btn-lightgray50.active:hover, .btn-lightgray50.active:focus, .btn-lightgray50[aria-expanded="true"]:hover, .btn-lightgray50[aria-expanded="true"]:focus, .open > .btn-lightgray50.dropdown-toggle { color: white; background: #c8c4bc; border-color: #aca69a; background-image: none; } .btn-lightgray50.dropdown-toggle + ul li.active a { color: white; background: #F1F0EE; } .btn-lightgray50.disabled, .btn-lightgray50[disabled], fieldset[disabled] .btn-lightgray50 { pointer-events: none; } .btn-lightgray50 .badge { color: #F1F0EE; background-color: #F1F0EE; } .menu-lightgray50 ul li.active a, .menu-lightgray50 ul li.active a:hover { color: white; background: #F1F0EE !important; } .nav-lightgray50 > li.active > a,.nav-lightgray50 > rubix-menu > li.active > a,.nav-lightgray50 > rubix-nav-item > li.active > a { color: white; background: #F1F0EE; border-color: #F1F0EE; } .tab-lightgray50 { border-color: #F1F0EE; } .tab-lightgray50 > li.active > a { border-color: #F1F0EE; border-bottom-color: transparent; } .tab-lightgray50.nav-pills > li.active > a { background: #F1F0EE; color: white; } .rubix-panel-header.nav-inline .nav-lightgray50 > li.active > a { border: 1px solid #F1F0EE; border-bottom: none; } .rubix-panel-header.nav-inline .nav-lightgray50 > li.open > .dropdown-toggle { color: white; background: none; } .bg-lightgray50 { background: #F1F0EE !important; } .bg-lightgray50 table td, .bg-lightgray50 th { border-color: rgba(0, 0, 0, 0.05) !important; } .bg-focus-lightgray50:focus { background: #F1F0EE !important; } .bg-hover-lightgray50:hover { background: #F1F0EE !important; } .fg-lightgray50 { color: #F1F0EE; } .fg-lightgray50 .nav-tabs > li.active > a { color: #F1F0EE; } .fg-tab-active-lightgray50 .nav-tabs > li.active > a { color: #F1F0EE !important; } .fg-focus-lightgray50:focus { color: #F1F0EE; } .fg-hover-lightgray50:hover { color: #F1F0EE; } .border-lightgray50 { border-color: #F1F0EE !important; } .border-lightgray50 .rubix-timeline-body > ul { border-color: #F1F0EE; } .border-lightgray50.rubix-timeline-view:before { border-color: #F1F0EE; } .border-hover-lightgray50:hover { border-color: #F1F0EE !important; } .border-focus-lightgray50:focus { border-color: #F1F0EE !important; } .tl-lightgray50 .rubix-timeline-body > ul > li:before { border-color: #F1F0EE; } .list-bg-lightgray50 > .list-group-item.active { background: #F1F0EE !important; color: white !important; } .list-fg-lightgray50 > .list-group-item { color: #F1F0EE; } .btn-white { background: #ffffff; color: white; border-color: #ffffff; } .btn-white.btn-outlined { color: #ffffff; background: none; } .btn-white.btn-outlined.btn-onlyOnHover { color: #89949B; } .btn-white.btn-outlined.btn-onlyOnHover:hover, .btn-white.btn-outlined.btn-onlyOnHover:focus, .btn-white.btn-outlined.btn-onlyOnHover.active { color: white; } .btn-white.btn-outlined.btn-inverse { color: white; border-color: white; } .btn-white.btn-outlined.btn-inverse:hover, .btn-white.btn-outlined.btn-inverse:focus, .btn-white.btn-outlined.btn-inverse.active { color: #ffffff; background: white; } .btn-white.btn-outlined.btn-inverse:hover.btn-retainBg, .btn-white.btn-outlined.btn-inverse:focus.btn-retainBg, .btn-white.btn-outlined.btn-inverse.active.btn-retainBg { background: #ffffff; color: white; border-color: #ffffff; } .btn-white.btn-outlined.btn-inverse:hover.btn-retainBg:active, .btn-white.btn-outlined.btn-inverse:focus.btn-retainBg:active, .btn-white.btn-outlined.btn-inverse.active.btn-retainBg:active { background: #d1d1d1; border-color: #b3b3b3; } .btn-white:focus, .btn-white.focus, .btn-white:hover, .btn-white.active { color: white; background: white; border-color: white; } .btn-white:active, .btn-white.active, .btn-white[aria-expanded="true"], .btn-white.active:hover, .btn-white.active:focus, .btn-white[aria-expanded="true"]:hover, .btn-white[aria-expanded="true"]:focus, .open > .btn-white.dropdown-toggle { color: white; background: #d1d1d1; border-color: #b3b3b3; background-image: none; } .btn-white.dropdown-toggle + ul li.active a { color: white; background: #ffffff; } .btn-white.disabled, .btn-white[disabled], fieldset[disabled] .btn-white { pointer-events: none; } .btn-white .badge { color: #ffffff; background-color: #ffffff; } .menu-white ul li.active a, .menu-white ul li.active a:hover { color: white; background: #ffffff !important; } .nav-white > li.active > a,.nav-white > rubix-menu > li.active > a,.nav-white > rubix-nav-item > li.active > a { color: white; background: #ffffff; border-color: #ffffff; } .tab-white { border-color: #ffffff; } .tab-white > li.active > a { border-color: #ffffff; border-bottom-color: transparent; } .tab-white.nav-pills > li.active > a { background: #ffffff; color: white; } .rubix-panel-header.nav-inline .nav-white > li.active > a { border: 1px solid #ffffff; border-bottom: none; } .rubix-panel-header.nav-inline .nav-white > li.open > .dropdown-toggle { color: white; background: none; } .bg-white { background: #ffffff !important; } .bg-white table td, .bg-white th { border-color: rgba(0, 0, 0, 0.05) !important; } .bg-focus-white:focus { background: #ffffff !important; } .bg-hover-white:hover { background: #ffffff !important; } .fg-white { color: #ffffff; } .fg-white .nav-tabs > li.active > a { color: #89949B; } .fg-tab-active-white .nav-tabs > li.active > a { color: #ffffff !important; } .fg-focus-white:focus { color: #ffffff; } .fg-hover-white:hover { color: #ffffff; } .border-white { border-color: #ffffff !important; } .border-white .rubix-timeline-body > ul { border-color: #ffffff; } .border-white.rubix-timeline-view:before { border-color: #ffffff; } .border-hover-white:hover { border-color: #ffffff !important; } .border-focus-white:focus { border-color: #ffffff !important; } .tl-white .rubix-timeline-body > ul > li:before { border-color: #ffffff; } .list-bg-white > .list-group-item.active { background: #ffffff !important; color: white !important; } .list-fg-white > .list-group-item { color: #ffffff; } .btn-black { background: #000000; color: white; border-color: #000000; } .btn-black.btn-outlined { color: #000000; background: none; } .btn-black.btn-outlined.btn-onlyOnHover { color: #89949B; } .btn-black.btn-outlined.btn-onlyOnHover:hover, .btn-black.btn-outlined.btn-onlyOnHover:focus, .btn-black.btn-outlined.btn-onlyOnHover.active { color: white; } .btn-black.btn-outlined.btn-inverse { color: white; border-color: white; } .btn-black.btn-outlined.btn-inverse:hover, .btn-black.btn-outlined.btn-inverse:focus, .btn-black.btn-outlined.btn-inverse.active { color: #000000; background: white; } .btn-black.btn-outlined.btn-inverse:hover.btn-retainBg, .btn-black.btn-outlined.btn-inverse:focus.btn-retainBg, .btn-black.btn-outlined.btn-inverse.active.btn-retainBg { background: #000000; color: white; border-color: #000000; } .btn-black.btn-outlined.btn-inverse:hover.btn-retainBg:active, .btn-black.btn-outlined.btn-inverse:focus.btn-retainBg:active, .btn-black.btn-outlined.btn-inverse.active.btn-retainBg:active { background: black; border-color: black; } .btn-black:focus, .btn-black.focus, .btn-black:hover, .btn-black.active { color: white; background: #1a1a1a; border-color: #1a1a1a; } .btn-black:active, .btn-black.active, .btn-black[aria-expanded="true"], .btn-black.active:hover, .btn-black.active:focus, .btn-black[aria-expanded="true"]:hover, .btn-black[aria-expanded="true"]:focus, .open > .btn-black.dropdown-toggle { color: white; background: black; border-color: black; background-image: none; } .btn-black.dropdown-toggle + ul li.active a { color: white; background: #000000; } .btn-black.disabled, .btn-black[disabled], fieldset[disabled] .btn-black { pointer-events: none; } .btn-black .badge { color: #000000; background-color: #000000; } .menu-black ul li.active a, .menu-black ul li.active a:hover { color: white; background: #000000 !important; } .nav-black > li.active > a,.nav-black > rubix-menu > li.active > a,.nav-black > rubix-nav-item > li.active > a { color: white; background: #000000; border-color: #000000; } .tab-black { border-color: #000000; } .tab-black > li.active > a { border-color: #000000; border-bottom-color: transparent; } .tab-black.nav-pills > li.active > a { background: #000000; color: white; } .rubix-panel-header.nav-inline .nav-black > li.active > a { border: 1px solid #000000; border-bottom: none; } .rubix-panel-header.nav-inline .nav-black > li.open > .dropdown-toggle { color: white; background: none; } .bg-black { background: #000000 !important; } .bg-black table td, .bg-black th { border-color: rgba(0, 0, 0, 0.05) !important; } .bg-focus-black:focus { background: #000000 !important; } .bg-hover-black:hover { background: #000000 !important; } .fg-black { color: #000000; } .fg-black .nav-tabs > li.active > a { color: #000000; } .fg-tab-active-black .nav-tabs > li.active > a { color: #000000 !important; } .fg-focus-black:focus { color: #000000; } .fg-hover-black:hover { color: #000000; } .border-black { border-color: #000000 !important; } .border-black .rubix-timeline-body > ul { border-color: #000000; } .border-black.rubix-timeline-view:before { border-color: #000000; } .border-hover-black:hover { border-color: #000000 !important; } .border-focus-black:focus { border-color: #000000 !important; } .tl-black .rubix-timeline-body > ul > li:before { border-color: #000000; } .list-bg-black > .list-group-item.active { background: #000000 !important; color: white !important; } .list-fg-black > .list-group-item { color: #000000; } .btn-black75 { background: #3F3F3B; color: white; border-color: #3F3F3B; } .btn-black75.btn-outlined { color: #3F3F3B; background: none; } .btn-black75.btn-outlined.btn-onlyOnHover { color: #89949B; } .btn-black75.btn-outlined.btn-onlyOnHover:hover, .btn-black75.btn-outlined.btn-onlyOnHover:focus, .btn-black75.btn-outlined.btn-onlyOnHover.active { color: white; } .btn-black75.btn-outlined.btn-inverse { color: white; border-color: white; } .btn-black75.btn-outlined.btn-inverse:hover, .btn-black75.btn-outlined.btn-inverse:focus, .btn-black75.btn-outlined.btn-inverse.active { color: #3F3F3B; background: white; } .btn-black75.btn-outlined.btn-inverse:hover.btn-retainBg, .btn-black75.btn-outlined.btn-inverse:focus.btn-retainBg, .btn-black75.btn-outlined.btn-inverse.active.btn-retainBg { background: #3F3F3B; color: white; border-color: #3F3F3B; } .btn-black75.btn-outlined.btn-inverse:hover.btn-retainBg:active, .btn-black75.btn-outlined.btn-inverse:focus.btn-retainBg:active, .btn-black75.btn-outlined.btn-inverse.active.btn-retainBg:active { background: #10100f; border-color: black; } .btn-black75:focus, .btn-black75.focus, .btn-black75:hover, .btn-black75.active { color: white; background: #595954; border-color: #595954; } .btn-black75:active, .btn-black75.active, .btn-black75[aria-expanded="true"], .btn-black75.active:hover, .btn-black75.active:focus, .btn-black75[aria-expanded="true"]:hover, .btn-black75[aria-expanded="true"]:focus, .open > .btn-black75.dropdown-toggle { color: white; background: #10100f; border-color: black; background-image: none; } .btn-black75.dropdown-toggle + ul li.active a { color: white; background: #3F3F3B; } .btn-black75.disabled, .btn-black75[disabled], fieldset[disabled] .btn-black75 { pointer-events: none; } .btn-black75 .badge { color: #3F3F3B; background-color: #3F3F3B; } .menu-black75 ul li.active a, .menu-black75 ul li.active a:hover { color: white; background: #3F3F3B !important; } .nav-black75 > li.active > a,.nav-black75 > rubix-menu > li.active > a,.nav-black75 > rubix-nav-item > li.active > a { color: white; background: #3F3F3B; border-color: #3F3F3B; } .tab-black75 { border-color: #3F3F3B; } .tab-black75 > li.active > a { border-color: #3F3F3B; border-bottom-color: transparent; } .tab-black75.nav-pills > li.active > a { background: #3F3F3B; color: white; } .rubix-panel-header.nav-inline .nav-black75 > li.active > a { border: 1px solid #3F3F3B; border-bottom: none; } .rubix-panel-header.nav-inline .nav-black75 > li.open > .dropdown-toggle { color: white; background: none; } .bg-black75 { background: #3F3F3B !important; } .bg-black75 table td, .bg-black75 th { border-color: rgba(0, 0, 0, 0.05) !important; } .bg-focus-black75:focus { background: #3F3F3B !important; } .bg-hover-black75:hover { background: #3F3F3B !important; } .fg-black75 { color: #3F3F3B; } .fg-black75 .nav-tabs > li.active > a { color: #3F3F3B; } .fg-tab-active-black75 .nav-tabs > li.active > a { color: #3F3F3B !important; } .fg-focus-black75:focus { color: #3F3F3B; } .fg-hover-black75:hover { color: #3F3F3B; } .border-black75 { border-color: #3F3F3B !important; } .border-black75 .rubix-timeline-body > ul { border-color: #3F3F3B; } .border-black75.rubix-timeline-view:before { border-color: #3F3F3B; } .border-hover-black75:hover { border-color: #3F3F3B !important; } .border-focus-black75:focus { border-color: #3F3F3B !important; } .tl-black75 .rubix-timeline-body > ul > li:before { border-color: #3F3F3B; } .list-bg-black75 > .list-group-item.active { background: #3F3F3B !important; color: white !important; } .list-fg-black75 > .list-group-item { color: #3F3F3B; } .btn-black50 { background: #3B4648; color: white; border-color: #3B4648; } .btn-black50.btn-outlined { color: #3B4648; background: none; } .btn-black50.btn-outlined.btn-onlyOnHover { color: #89949B; } .btn-black50.btn-outlined.btn-onlyOnHover:hover, .btn-black50.btn-outlined.btn-onlyOnHover:focus, .btn-black50.btn-outlined.btn-onlyOnHover.active { color: white; } .btn-black50.btn-outlined.btn-inverse { color: white; border-color: white; } .btn-black50.btn-outlined.btn-inverse:hover, .btn-black50.btn-outlined.btn-inverse:focus, .btn-black50.btn-outlined.btn-inverse.active { color: #3B4648; background: white; } .btn-black50.btn-outlined.btn-inverse:hover.btn-retainBg, .btn-black50.btn-outlined.btn-inverse:focus.btn-retainBg, .btn-black50.btn-outlined.btn-inverse.active.btn-retainBg { background: #3B4648; color: white; border-color: #3B4648; } .btn-black50.btn-outlined.btn-inverse:hover.btn-retainBg:active, .btn-black50.btn-outlined.btn-inverse:focus.btn-retainBg:active, .btn-black50.btn-outlined.btn-inverse.active.btn-retainBg:active { background: #121516; border-color: black; } .btn-black50:focus, .btn-black50.focus, .btn-black50:hover, .btn-black50.active { color: white; background: #526164; border-color: #526164; } .btn-black50:active, .btn-black50.active, .btn-black50[aria-expanded="true"], .btn-black50.active:hover, .btn-black50.active:focus, .btn-black50[aria-expanded="true"]:hover, .btn-black50[aria-expanded="true"]:focus, .open > .btn-black50.dropdown-toggle { color: white; background: #121516; border-color: black; background-image: none; } .btn-black50.dropdown-toggle + ul li.active a { color: white; background: #3B4648; } .btn-black50.disabled, .btn-black50[disabled], fieldset[disabled] .btn-black50 { pointer-events: none; } .btn-black50 .badge { color: #3B4648; background-color: #3B4648; } .menu-black50 ul li.active a, .menu-black50 ul li.active a:hover { color: white; background: #3B4648 !important; } .nav-black50 > li.active > a,.nav-black50 > rubix-menu > li.active > a,.nav-black50 > rubix-nav-item > li.active > a { color: white; background: #3B4648; border-color: #3B4648; } .tab-black50 { border-color: #3B4648; } .tab-black50 > li.active > a { border-color: #3B4648; border-bottom-color: transparent; } .tab-black50.nav-pills > li.active > a { background: #3B4648; color: white; } .rubix-panel-header.nav-inline .nav-black50 > li.active > a { border: 1px solid #3B4648; border-bottom: none; } .rubix-panel-header.nav-inline .nav-black50 > li.open > .dropdown-toggle { color: white; background: none; } .bg-black50 { background: #3B4648 !important; } .bg-black50 table td, .bg-black50 th { border-color: rgba(0, 0, 0, 0.05) !important; } .bg-focus-black50:focus { background: #3B4648 !important; } .bg-hover-black50:hover { background: #3B4648 !important; } .fg-black50 { color: #3B4648; } .fg-black50 .nav-tabs > li.active > a { color: #3B4648; } .fg-tab-active-black50 .nav-tabs > li.active > a { color: #3B4648 !important; } .fg-focus-black50:focus { color: #3B4648; } .fg-hover-black50:hover { color: #3B4648; } .border-black50 { border-color: #3B4648 !important; } .border-black50 .rubix-timeline-body > ul { border-color: #3B4648; } .border-black50.rubix-timeline-view:before { border-color: #3B4648; } .border-hover-black50:hover { border-color: #3B4648 !important; } .border-focus-black50:focus { border-color: #3B4648 !important; } .tl-black50 .rubix-timeline-body > ul > li:before { border-color: #3B4648; } .list-bg-black50 > .list-group-item.active { background: #3B4648 !important; color: white !important; } .list-fg-black50 > .list-group-item { color: #3B4648; } .btn-davygray { background: #555555; color: white; border-color: #555555; } .btn-davygray.btn-outlined { color: #555555; background: none; } .btn-davygray.btn-outlined.btn-onlyOnHover { color: #89949B; } .btn-davygray.btn-outlined.btn-onlyOnHover:hover, .btn-davygray.btn-outlined.btn-onlyOnHover:focus, .btn-davygray.btn-outlined.btn-onlyOnHover.active { color: white; } .btn-davygray.btn-outlined.btn-inverse { color: white; border-color: white; } .btn-davygray.btn-outlined.btn-inverse:hover, .btn-davygray.btn-outlined.btn-inverse:focus, .btn-davygray.btn-outlined.btn-inverse.active { color: #555555; background: white; } .btn-davygray.btn-outlined.btn-inverse:hover.btn-retainBg, .btn-davygray.btn-outlined.btn-inverse:focus.btn-retainBg, .btn-davygray.btn-outlined.btn-inverse.active.btn-retainBg { background: #555555; color: white; border-color: #555555; } .btn-davygray.btn-outlined.btn-inverse:hover.btn-retainBg:active, .btn-davygray.btn-outlined.btn-inverse:focus.btn-retainBg:active, .btn-davygray.btn-outlined.btn-inverse.active.btn-retainBg:active { background: #272727; border-color: #090909; } .btn-davygray:focus, .btn-davygray.focus, .btn-davygray:hover, .btn-davygray.active { color: white; background: #6f6f6f; border-color: #6f6f6f; } .btn-davygray:active, .btn-davygray.active, .btn-davygray[aria-expanded="true"], .btn-davygray.active:hover, .btn-davygray.active:focus, .btn-davygray[aria-expanded="true"]:hover, .btn-davygray[aria-expanded="true"]:focus, .open > .btn-davygray.dropdown-toggle { color: white; background: #272727; border-color: #090909; background-image: none; } .btn-davygray.dropdown-toggle + ul li.active a { color: white; background: #555555; } .btn-davygray.disabled, .btn-davygray[disabled], fieldset[disabled] .btn-davygray { pointer-events: none; } .btn-davygray .badge { color: #555555; background-color: #555555; } .menu-davygray ul li.active a, .menu-davygray ul li.active a:hover { color: white; background: #555555 !important; } .nav-davygray > li.active > a,.nav-davygray > rubix-menu > li.active > a,.nav-davygray > rubix-nav-item > li.active > a { color: white; background: #555555; border-color: #555555; } .tab-davygray { border-color: #555555; } .tab-davygray > li.active > a { border-color: #555555; border-bottom-color: transparent; } .tab-davygray.nav-pills > li.active > a { background: #555555; color: white; } .rubix-panel-header.nav-inline .nav-davygray > li.active > a { border: 1px solid #555555; border-bottom: none; } .rubix-panel-header.nav-inline .nav-davygray > li.open > .dropdown-toggle { color: white; background: none; } .bg-davygray { background: #555555 !important; } .bg-davygray table td, .bg-davygray th { border-color: rgba(0, 0, 0, 0.05) !important; } .bg-focus-davygray:focus { background: #555555 !important; } .bg-hover-davygray:hover { background: #555555 !important; } .fg-davygray { color: #555555; } .fg-davygray .nav-tabs > li.active > a { color: #555555; } .fg-tab-active-davygray .nav-tabs > li.active > a { color: #555555 !important; } .fg-focus-davygray:focus { color: #555555; } .fg-hover-davygray:hover { color: #555555; } .border-davygray { border-color: #555555 !important; } .border-davygray .rubix-timeline-body > ul { border-color: #555555; } .border-davygray.rubix-timeline-view:before { border-color: #555555; } .border-hover-davygray:hover { border-color: #555555 !important; } .border-focus-davygray:focus { border-color: #555555 !important; } .tl-davygray .rubix-timeline-body > ul > li:before { border-color: #555555; } .list-bg-davygray > .list-group-item.active { background: #555555 !important; color: white !important; } .list-fg-davygray > .list-group-item { color: #555555; } .btn-darkgrayishblue75 { background: #43525A; color: white; border-color: #43525A; } .btn-darkgrayishblue75.btn-outlined { color: #43525A; background: none; } .btn-darkgrayishblue75.btn-outlined.btn-onlyOnHover { color: #89949B; } .btn-darkgrayishblue75.btn-outlined.btn-onlyOnHover:hover, .btn-darkgrayishblue75.btn-outlined.btn-onlyOnHover:focus, .btn-darkgrayishblue75.btn-outlined.btn-onlyOnHover.active { color: white; } .btn-darkgrayishblue75.btn-outlined.btn-inverse { color: white; border-color: white; } .btn-darkgrayishblue75.btn-outlined.btn-inverse:hover, .btn-darkgrayishblue75.btn-outlined.btn-inverse:focus, .btn-darkgrayishblue75.btn-outlined.btn-inverse.active { color: #43525A; background: white; } .btn-darkgrayishblue75.btn-outlined.btn-inverse:hover.btn-retainBg, .btn-darkgrayishblue75.btn-outlined.btn-inverse:focus.btn-retainBg, .btn-darkgrayishblue75.btn-outlined.btn-inverse.active.btn-retainBg { background: #43525A; color: white; border-color: #43525A; } .btn-darkgrayishblue75.btn-outlined.btn-inverse:hover.btn-retainBg:active, .btn-darkgrayishblue75.btn-outlined.btn-inverse:focus.btn-retainBg:active, .btn-darkgrayishblue75.btn-outlined.btn-inverse.active.btn-retainBg:active { background: #1c2225; border-color: #020202; } .btn-darkgrayishblue75:focus, .btn-darkgrayishblue75.focus, .btn-darkgrayishblue75:hover, .btn-darkgrayishblue75.active { color: white; background: #596d77; border-color: #596d77; } .btn-darkgrayishblue75:active, .btn-darkgrayishblue75.active, .btn-darkgrayishblue75[aria-expanded="true"], .btn-darkgrayishblue75.active:hover, .btn-darkgrayishblue75.active:focus, .btn-darkgrayishblue75[aria-expanded="true"]:hover, .btn-darkgrayishblue75[aria-expanded="true"]:focus, .open > .btn-darkgrayishblue75.dropdown-toggle { color: white; background: #1c2225; border-color: #020202; background-image: none; } .btn-darkgrayishblue75.dropdown-toggle + ul li.active a { color: white; background: #43525A; } .btn-darkgrayishblue75.disabled, .btn-darkgrayishblue75[disabled], fieldset[disabled] .btn-darkgrayishblue75 { pointer-events: none; } .btn-darkgrayishblue75 .badge { color: #43525A; background-color: #43525A; } .menu-darkgrayishblue75 ul li.active a, .menu-darkgrayishblue75 ul li.active a:hover { color: white; background: #43525A !important; } .nav-darkgrayishblue75 > li.active > a,.nav-darkgrayishblue75 > rubix-menu > li.active > a,.nav-darkgrayishblue75 > rubix-nav-item > li.active > a { color: white; background: #43525A; border-color: #43525A; } .tab-darkgrayishblue75 { border-color: #43525A; } .tab-darkgrayishblue75 > li.active > a { border-color: #43525A; border-bottom-color: transparent; } .tab-darkgrayishblue75.nav-pills > li.active > a { background: #43525A; color: white; } .rubix-panel-header.nav-inline .nav-darkgrayishblue75 > li.active > a { border: 1px solid #43525A; border-bottom: none; } .rubix-panel-header.nav-inline .nav-darkgrayishblue75 > li.open > .dropdown-toggle { color: white; background: none; } .bg-darkgrayishblue75 { background: #43525A !important; } .bg-darkgrayishblue75 table td, .bg-darkgrayishblue75 th { border-color: rgba(0, 0, 0, 0.05) !important; } .bg-focus-darkgrayishblue75:focus { background: #43525A !important; } .bg-hover-darkgrayishblue75:hover { background: #43525A !important; } .fg-darkgrayishblue75 { color: #43525A; } .fg-darkgrayishblue75 .nav-tabs > li.active > a { color: #43525A; } .fg-tab-active-darkgrayishblue75 .nav-tabs > li.active > a { color: #43525A !important; } .fg-focus-darkgrayishblue75:focus { color: #43525A; } .fg-hover-darkgrayishblue75:hover { color: #43525A; } .border-darkgrayishblue75 { border-color: #43525A !important; } .border-darkgrayishblue75 .rubix-timeline-body > ul { border-color: #43525A; } .border-darkgrayishblue75.rubix-timeline-view:before { border-color: #43525A; } .border-hover-darkgrayishblue75:hover { border-color: #43525A !important; } .border-focus-darkgrayishblue75:focus { border-color: #43525A !important; } .tl-darkgrayishblue75 .rubix-timeline-body > ul > li:before { border-color: #43525A; } .list-bg-darkgrayishblue75 > .list-group-item.active { background: #43525A !important; color: white !important; } .list-fg-darkgrayishblue75 > .list-group-item { color: #43525A; } .btn-darkgrayishblue { background: #4C5D67; color: white; border-color: #4C5D67; } .btn-darkgrayishblue.btn-outlined { color: #4C5D67; background: none; } .btn-darkgrayishblue.btn-outlined.btn-onlyOnHover { color: #89949B; } .btn-darkgrayishblue.btn-outlined.btn-onlyOnHover:hover, .btn-darkgrayishblue.btn-outlined.btn-onlyOnHover:focus, .btn-darkgrayishblue.btn-outlined.btn-onlyOnHover.active { color: white; } .btn-darkgrayishblue.btn-outlined.btn-inverse { color: white; border-color: white; } .btn-darkgrayishblue.btn-outlined.btn-inverse:hover, .btn-darkgrayishblue.btn-outlined.btn-inverse:focus, .btn-darkgrayishblue.btn-outlined.btn-inverse.active { color: #4C5D67; background: white; } .btn-darkgrayishblue.btn-outlined.btn-inverse:hover.btn-retainBg, .btn-darkgrayishblue.btn-outlined.btn-inverse:focus.btn-retainBg, .btn-darkgrayishblue.btn-outlined.btn-inverse.active.btn-retainBg { background: #4C5D67; color: white; border-color: #4C5D67; } .btn-darkgrayishblue.btn-outlined.btn-inverse:hover.btn-retainBg:active, .btn-darkgrayishblue.btn-outlined.btn-inverse:focus.btn-retainBg:active, .btn-darkgrayishblue.btn-outlined.btn-inverse.active.btn-retainBg:active { background: #252d32; border-color: #0b0e0f; } .btn-darkgrayishblue:focus, .btn-darkgrayishblue.focus, .btn-darkgrayishblue:hover, .btn-darkgrayishblue.active { color: white; background: #627784; border-color: #627784; } .btn-darkgrayishblue:active, .btn-darkgrayishblue.active, .btn-darkgrayishblue[aria-expanded="true"], .btn-darkgrayishblue.active:hover, .btn-darkgrayishblue.active:focus, .btn-darkgrayishblue[aria-expanded="true"]:hover, .btn-darkgrayishblue[aria-expanded="true"]:focus, .open > .btn-darkgrayishblue.dropdown-toggle { color: white; background: #252d32; border-color: #0b0e0f; background-image: none; } .btn-darkgrayishblue.dropdown-toggle + ul li.active a { color: white; background: #4C5D67; } .btn-darkgrayishblue.disabled, .btn-darkgrayishblue[disabled], fieldset[disabled] .btn-darkgrayishblue { pointer-events: none; } .btn-darkgrayishblue .badge { color: #4C5D67; background-color: #4C5D67; } .menu-darkgrayishblue ul li.active a, .menu-darkgrayishblue ul li.active a:hover { color: white; background: #4C5D67 !important; } .nav-darkgrayishblue > li.active > a,.nav-darkgrayishblue > rubix-menu > li.active > a,.nav-darkgrayishblue > rubix-nav-item > li.active > a { color: white; background: #4C5D67; border-color: #4C5D67; } .tab-darkgrayishblue { border-color: #4C5D67; } .tab-darkgrayishblue > li.active > a { border-color: #4C5D67; border-bottom-color: transparent; } .tab-darkgrayishblue.nav-pills > li.active > a { background: #4C5D67; color: white; } .rubix-panel-header.nav-inline .nav-darkgrayishblue > li.active > a { border: 1px solid #4C5D67; border-bottom: none; } .rubix-panel-header.nav-inline .nav-darkgrayishblue > li.open > .dropdown-toggle { color: white; background: none; } .bg-darkgrayishblue { background: #4C5D67 !important; } .bg-darkgrayishblue table td, .bg-darkgrayishblue th { border-color: rgba(0, 0, 0, 0.05) !important; } .bg-focus-darkgrayishblue:focus { background: #4C5D67 !important; } .bg-hover-darkgrayishblue:hover { background: #4C5D67 !important; } .fg-darkgrayishblue { color: #4C5D67; } .fg-darkgrayishblue .nav-tabs > li.active > a { color: #4C5D67; } .fg-tab-active-darkgrayishblue .nav-tabs > li.active > a { color: #4C5D67 !important; } .fg-focus-darkgrayishblue:focus { color: #4C5D67; } .fg-hover-darkgrayishblue:hover { color: #4C5D67; } .border-darkgrayishblue { border-color: #4C5D67 !important; } .border-darkgrayishblue .rubix-timeline-body > ul { border-color: #4C5D67; } .border-darkgrayishblue.rubix-timeline-view:before { border-color: #4C5D67; } .border-hover-darkgrayishblue:hover { border-color: #4C5D67 !important; } .border-focus-darkgrayishblue:focus { border-color: #4C5D67 !important; } .tl-darkgrayishblue .rubix-timeline-body > ul > li:before { border-color: #4C5D67; } .list-bg-darkgrayishblue > .list-group-item.active { background: #4C5D67 !important; color: white !important; } .list-fg-darkgrayishblue > .list-group-item { color: #4C5D67; } .btn-desaturateddarkblue { background: #515E78; color: white; border-color: #515E78; } .btn-desaturateddarkblue.btn-outlined { color: #515E78; background: none; } .btn-desaturateddarkblue.btn-outlined.btn-onlyOnHover { color: #89949B; } .btn-desaturateddarkblue.btn-outlined.btn-onlyOnHover:hover, .btn-desaturateddarkblue.btn-outlined.btn-onlyOnHover:focus, .btn-desaturateddarkblue.btn-outlined.btn-onlyOnHover.active { color: white; } .btn-desaturateddarkblue.btn-outlined.btn-inverse { color: white; border-color: white; } .btn-desaturateddarkblue.btn-outlined.btn-inverse:hover, .btn-desaturateddarkblue.btn-outlined.btn-inverse:focus, .btn-desaturateddarkblue.btn-outlined.btn-inverse.active { color: #515E78; background: white; } .btn-desaturateddarkblue.btn-outlined.btn-inverse:hover.btn-retainBg, .btn-desaturateddarkblue.btn-outlined.btn-inverse:focus.btn-retainBg, .btn-desaturateddarkblue.btn-outlined.btn-inverse.active.btn-retainBg { background: #515E78; color: white; border-color: #515E78; } .btn-desaturateddarkblue.btn-outlined.btn-inverse:hover.btn-retainBg:active, .btn-desaturateddarkblue.btn-outlined.btn-inverse:focus.btn-retainBg:active, .btn-desaturateddarkblue.btn-outlined.btn-inverse.active.btn-retainBg:active { background: #2c3341; border-color: #13161d; } .btn-desaturateddarkblue:focus, .btn-desaturateddarkblue.focus, .btn-desaturateddarkblue:hover, .btn-desaturateddarkblue.active { color: white; background: #667696; border-color: #667696; } .btn-desaturateddarkblue:active, .btn-desaturateddarkblue.active, .btn-desaturateddarkblue[aria-expanded="true"], .btn-desaturateddarkblue.active:hover, .btn-desaturateddarkblue.active:focus, .btn-desaturateddarkblue[aria-expanded="true"]:hover, .btn-desaturateddarkblue[aria-expanded="true"]:focus, .open > .btn-desaturateddarkblue.dropdown-toggle { color: white; background: #2c3341; border-color: #13161d; background-image: none; } .btn-desaturateddarkblue.dropdown-toggle + ul li.active a { color: white; background: #515E78; } .btn-desaturateddarkblue.disabled, .btn-desaturateddarkblue[disabled], fieldset[disabled] .btn-desaturateddarkblue { pointer-events: none; } .btn-desaturateddarkblue .badge { color: #515E78; background-color: #515E78; } .menu-desaturateddarkblue ul li.active a, .menu-desaturateddarkblue ul li.active a:hover { color: white; background: #515E78 !important; } .nav-desaturateddarkblue > li.active > a,.nav-desaturateddarkblue > rubix-menu > li.active > a,.nav-desaturateddarkblue > rubix-nav-item > li.active > a { color: white; background: #515E78; border-color: #515E78; } .tab-desaturateddarkblue { border-color: #515E78; } .tab-desaturateddarkblue > li.active > a { border-color: #515E78; border-bottom-color: transparent; } .tab-desaturateddarkblue.nav-pills > li.active > a { background: #515E78; color: white; } .rubix-panel-header.nav-inline .nav-desaturateddarkblue > li.active > a { border: 1px solid #515E78; border-bottom: none; } .rubix-panel-header.nav-inline .nav-desaturateddarkblue > li.open > .dropdown-toggle { color: white; background: none; } .bg-desaturateddarkblue { background: #515E78 !important; } .bg-desaturateddarkblue table td, .bg-desaturateddarkblue th { border-color: rgba(0, 0, 0, 0.05) !important; } .bg-focus-desaturateddarkblue:focus { background: #515E78 !important; } .bg-hover-desaturateddarkblue:hover { background: #515E78 !important; } .fg-desaturateddarkblue { color: #515E78; } .fg-desaturateddarkblue .nav-tabs > li.active > a { color: #515E78; } .fg-tab-active-desaturateddarkblue .nav-tabs > li.active > a { color: #515E78 !important; } .fg-focus-desaturateddarkblue:focus { color: #515E78; } .fg-hover-desaturateddarkblue:hover { color: #515E78; } .border-desaturateddarkblue { border-color: #515E78 !important; } .border-desaturateddarkblue .rubix-timeline-body > ul { border-color: #515E78; } .border-desaturateddarkblue.rubix-timeline-view:before { border-color: #515E78; } .border-hover-desaturateddarkblue:hover { border-color: #515E78 !important; } .border-focus-desaturateddarkblue:focus { border-color: #515E78 !important; } .tl-desaturateddarkblue .rubix-timeline-body > ul > li:before { border-color: #515E78; } .list-bg-desaturateddarkblue > .list-group-item.active { background: #515E78 !important; color: white !important; } .list-fg-desaturateddarkblue > .list-group-item { color: #515E78; } .btn-desaturateddarkblue75 { background: #3B465C; color: white; border-color: #3B465C; } .btn-desaturateddarkblue75.btn-outlined { color: #3B465C; background: none; } .btn-desaturateddarkblue75.btn-outlined.btn-onlyOnHover { color: #89949B; } .btn-desaturateddarkblue75.btn-outlined.btn-onlyOnHover:hover, .btn-desaturateddarkblue75.btn-outlined.btn-onlyOnHover:focus, .btn-desaturateddarkblue75.btn-outlined.btn-onlyOnHover.active { color: white; } .btn-desaturateddarkblue75.btn-outlined.btn-inverse { color: white; border-color: white; } .btn-desaturateddarkblue75.btn-outlined.btn-inverse:hover, .btn-desaturateddarkblue75.btn-outlined.btn-inverse:focus, .btn-desaturateddarkblue75.btn-outlined.btn-inverse.active { color: #3B465C; background: white; } .btn-desaturateddarkblue75.btn-outlined.btn-inverse:hover.btn-retainBg, .btn-desaturateddarkblue75.btn-outlined.btn-inverse:focus.btn-retainBg, .btn-desaturateddarkblue75.btn-outlined.btn-inverse.active.btn-retainBg { background: #3B465C; color: white; border-color: #3B465C; } .btn-desaturateddarkblue75.btn-outlined.btn-inverse:hover.btn-retainBg:active, .btn-desaturateddarkblue75.btn-outlined.btn-inverse:focus.btn-retainBg:active, .btn-desaturateddarkblue75.btn-outlined.btn-inverse.active.btn-retainBg:active { background: #171b24; border-color: black; } .btn-desaturateddarkblue75:focus, .btn-desaturateddarkblue75.focus, .btn-desaturateddarkblue75:hover, .btn-desaturateddarkblue75.active { color: white; background: #4f5e7b; border-color: #4f5e7b; } .btn-desaturateddarkblue75:active, .btn-desaturateddarkblue75.active, .btn-desaturateddarkblue75[aria-expanded="true"], .btn-desaturateddarkblue75.active:hover, .btn-desaturateddarkblue75.active:focus, .btn-desaturateddarkblue75[aria-expanded="true"]:hover, .btn-desaturateddarkblue75[aria-expanded="true"]:focus, .open > .btn-desaturateddarkblue75.dropdown-toggle { color: white; background: #171b24; border-color: black; background-image: none; } .btn-desaturateddarkblue75.dropdown-toggle + ul li.active a { color: white; background: #3B465C; } .btn-desaturateddarkblue75.disabled, .btn-desaturateddarkblue75[disabled], fieldset[disabled] .btn-desaturateddarkblue75 { pointer-events: none; } .btn-desaturateddarkblue75 .badge { color: #3B465C; background-color: #3B465C; } .menu-desaturateddarkblue75 ul li.active a, .menu-desaturateddarkblue75 ul li.active a:hover { color: white; background: #3B465C !important; } .nav-desaturateddarkblue75 > li.active > a,.nav-desaturateddarkblue75 > rubix-menu > li.active > a,.nav-desaturateddarkblue75 > rubix-nav-item > li.active > a { color: white; background: #3B465C; border-color: #3B465C; } .tab-desaturateddarkblue75 { border-color: #3B465C; } .tab-desaturateddarkblue75 > li.active > a { border-color: #3B465C; border-bottom-color: transparent; } .tab-desaturateddarkblue75.nav-pills > li.active > a { background: #3B465C; color: white; } .rubix-panel-header.nav-inline .nav-desaturateddarkblue75 > li.active > a { border: 1px solid #3B465C; border-bottom: none; } .rubix-panel-header.nav-inline .nav-desaturateddarkblue75 > li.open > .dropdown-toggle { color: white; background: none; } .bg-desaturateddarkblue75 { background: #3B465C !important; } .bg-desaturateddarkblue75 table td, .bg-desaturateddarkblue75 th { border-color: rgba(0, 0, 0, 0.05) !important; } .bg-focus-desaturateddarkblue75:focus { background: #3B465C !important; } .bg-hover-desaturateddarkblue75:hover { background: #3B465C !important; } .fg-desaturateddarkblue75 { color: #3B465C; } .fg-desaturateddarkblue75 .nav-tabs > li.active > a { color: #3B465C; } .fg-tab-active-desaturateddarkblue75 .nav-tabs > li.active > a { color: #3B465C !important; } .fg-focus-desaturateddarkblue75:focus { color: #3B465C; } .fg-hover-desaturateddarkblue75:hover { color: #3B465C; } .border-desaturateddarkblue75 { border-color: #3B465C !important; } .border-desaturateddarkblue75 .rubix-timeline-body > ul { border-color: #3B465C; } .border-desaturateddarkblue75.rubix-timeline-view:before { border-color: #3B465C; } .border-hover-desaturateddarkblue75:hover { border-color: #3B465C !important; } .border-focus-desaturateddarkblue75:focus { border-color: #3B465C !important; } .tl-desaturateddarkblue75 .rubix-timeline-body > ul > li:before { border-color: #3B465C; } .list-bg-desaturateddarkblue75 > .list-group-item.active { background: #3B465C !important; color: white !important; } .list-fg-desaturateddarkblue75 > .list-group-item { color: #3B465C; } .btn-darkcyan { background: #68A0A5; color: white; border-color: #68A0A5; } .btn-darkcyan.btn-outlined { color: #68A0A5; background: none; } .btn-darkcyan.btn-outlined.btn-onlyOnHover { color: #89949B; } .btn-darkcyan.btn-outlined.btn-onlyOnHover:hover, .btn-darkcyan.btn-outlined.btn-onlyOnHover:focus, .btn-darkcyan.btn-outlined.btn-onlyOnHover.active { color: white; } .btn-darkcyan.btn-outlined.btn-inverse { color: white; border-color: white; } .btn-darkcyan.btn-outlined.btn-inverse:hover, .btn-darkcyan.btn-outlined.btn-inverse:focus, .btn-darkcyan.btn-outlined.btn-inverse.active { color: #68A0A5; background: white; } .btn-darkcyan.btn-outlined.btn-inverse:hover.btn-retainBg, .btn-darkcyan.btn-outlined.btn-inverse:focus.btn-retainBg, .btn-darkcyan.btn-outlined.btn-inverse.active.btn-retainBg { background: #68A0A5; color: white; border-color: #68A0A5; } .btn-darkcyan.btn-outlined.btn-inverse:hover.btn-retainBg:active, .btn-darkcyan.btn-outlined.btn-inverse:focus.btn-retainBg:active, .btn-darkcyan.btn-outlined.btn-inverse.active.btn-retainBg:active { background: #426b6f; border-color: #2b4649; } .btn-darkcyan:focus, .btn-darkcyan.focus, .btn-darkcyan:hover, .btn-darkcyan.active { color: white; background: #88b4b8; border-color: #88b4b8; } .btn-darkcyan:active, .btn-darkcyan.active, .btn-darkcyan[aria-expanded="true"], .btn-darkcyan.active:hover, .btn-darkcyan.active:focus, .btn-darkcyan[aria-expanded="true"]:hover, .btn-darkcyan[aria-expanded="true"]:focus, .open > .btn-darkcyan.dropdown-toggle { color: white; background: #426b6f; border-color: #2b4649; background-image: none; } .btn-darkcyan.dropdown-toggle + ul li.active a { color: white; background: #68A0A5; } .btn-darkcyan.disabled, .btn-darkcyan[disabled], fieldset[disabled] .btn-darkcyan { pointer-events: none; } .btn-darkcyan .badge { color: #68A0A5; background-color: #68A0A5; } .menu-darkcyan ul li.active a, .menu-darkcyan ul li.active a:hover { color: white; background: #68A0A5 !important; } .nav-darkcyan > li.active > a,.nav-darkcyan > rubix-menu > li.active > a,.nav-darkcyan > rubix-nav-item > li.active > a { color: white; background: #68A0A5; border-color: #68A0A5; } .tab-darkcyan { border-color: #68A0A5; } .tab-darkcyan > li.active > a { border-color: #68A0A5; border-bottom-color: transparent; } .tab-darkcyan.nav-pills > li.active > a { background: #68A0A5; color: white; } .rubix-panel-header.nav-inline .nav-darkcyan > li.active > a { border: 1px solid #68A0A5; border-bottom: none; } .rubix-panel-header.nav-inline .nav-darkcyan > li.open > .dropdown-toggle { color: white; background: none; } .bg-darkcyan { background: #68A0A5 !important; } .bg-darkcyan table td, .bg-darkcyan th { border-color: rgba(0, 0, 0, 0.05) !important; } .bg-focus-darkcyan:focus { background: #68A0A5 !important; } .bg-hover-darkcyan:hover { background: #68A0A5 !important; } .fg-darkcyan { color: #68A0A5; } .fg-darkcyan .nav-tabs > li.active > a { color: #68A0A5; } .fg-tab-active-darkcyan .nav-tabs > li.active > a { color: #68A0A5 !important; } .fg-focus-darkcyan:focus { color: #68A0A5; } .fg-hover-darkcyan:hover { color: #68A0A5; } .border-darkcyan { border-color: #68A0A5 !important; } .border-darkcyan .rubix-timeline-body > ul { border-color: #68A0A5; } .border-darkcyan.rubix-timeline-view:before { border-color: #68A0A5; } .border-hover-darkcyan:hover { border-color: #68A0A5 !important; } .border-focus-darkcyan:focus { border-color: #68A0A5 !important; } .tl-darkcyan .rubix-timeline-body > ul > li:before { border-color: #68A0A5; } .list-bg-darkcyan > .list-group-item.active { background: #68A0A5 !important; color: white !important; } .list-fg-darkcyan > .list-group-item { color: #68A0A5; } .btn-grayishcyan { background: #92BDC1; color: white; border-color: #92BDC1; } .btn-grayishcyan.btn-outlined { color: #92BDC1; background: none; } .btn-grayishcyan.btn-outlined.btn-onlyOnHover { color: #89949B; } .btn-grayishcyan.btn-outlined.btn-onlyOnHover:hover, .btn-grayishcyan.btn-outlined.btn-onlyOnHover:focus, .btn-grayishcyan.btn-outlined.btn-onlyOnHover.active { color: white; } .btn-grayishcyan.btn-outlined.btn-inverse { color: white; border-color: white; } .btn-grayishcyan.btn-outlined.btn-inverse:hover, .btn-grayishcyan.btn-outlined.btn-inverse:focus, .btn-grayishcyan.btn-outlined.btn-inverse.active { color: #92BDC1; background: white; } .btn-grayishcyan.btn-outlined.btn-inverse:hover.btn-retainBg, .btn-grayishcyan.btn-outlined.btn-inverse:focus.btn-retainBg, .btn-grayishcyan.btn-outlined.btn-inverse.active.btn-retainBg { background: #92BDC1; color: white; border-color: #92BDC1; } .btn-grayishcyan.btn-outlined.btn-inverse:hover.btn-retainBg:active, .btn-grayishcyan.btn-outlined.btn-inverse:focus.btn-retainBg:active, .btn-grayishcyan.btn-outlined.btn-inverse.active.btn-retainBg:active { background: #5a989e; border-color: #437277; } .btn-grayishcyan:focus, .btn-grayishcyan.focus, .btn-grayishcyan:hover, .btn-grayishcyan.active { color: white; background: #b3d1d3; border-color: #b3d1d3; } .btn-grayishcyan:active, .btn-grayishcyan.active, .btn-grayishcyan[aria-expanded="true"], .btn-grayishcyan.active:hover, .btn-grayishcyan.active:focus, .btn-grayishcyan[aria-expanded="true"]:hover, .btn-grayishcyan[aria-expanded="true"]:focus, .open > .btn-grayishcyan.dropdown-toggle { color: white; background: #5a989e; border-color: #437277; background-image: none; } .btn-grayishcyan.dropdown-toggle + ul li.active a { color: white; background: #92BDC1; } .btn-grayishcyan.disabled, .btn-grayishcyan[disabled], fieldset[disabled] .btn-grayishcyan { pointer-events: none; } .btn-grayishcyan .badge { color: #92BDC1; background-color: #92BDC1; } .menu-grayishcyan ul li.active a, .menu-grayishcyan ul li.active a:hover { color: white; background: #92BDC1 !important; } .nav-grayishcyan > li.active > a,.nav-grayishcyan > rubix-menu > li.active > a,.nav-grayishcyan > rubix-nav-item > li.active > a { color: white; background: #92BDC1; border-color: #92BDC1; } .tab-grayishcyan { border-color: #92BDC1; } .tab-grayishcyan > li.active > a { border-color: #92BDC1; border-bottom-color: transparent; } .tab-grayishcyan.nav-pills > li.active > a { background: #92BDC1; color: white; } .rubix-panel-header.nav-inline .nav-grayishcyan > li.active > a { border: 1px solid #92BDC1; border-bottom: none; } .rubix-panel-header.nav-inline .nav-grayishcyan > li.open > .dropdown-toggle { color: white; background: none; } .bg-grayishcyan { background: #92BDC1 !important; } .bg-grayishcyan table td, .bg-grayishcyan th { border-color: rgba(0, 0, 0, 0.05) !important; } .bg-focus-grayishcyan:focus { background: #92BDC1 !important; } .bg-hover-grayishcyan:hover { background: #92BDC1 !important; } .fg-grayishcyan { color: #92BDC1; } .fg-grayishcyan .nav-tabs > li.active > a { color: #92BDC1; } .fg-tab-active-grayishcyan .nav-tabs > li.active > a { color: #92BDC1 !important; } .fg-focus-grayishcyan:focus { color: #92BDC1; } .fg-hover-grayishcyan:hover { color: #92BDC1; } .border-grayishcyan { border-color: #92BDC1 !important; } .border-grayishcyan .rubix-timeline-body > ul { border-color: #92BDC1; } .border-grayishcyan.rubix-timeline-view:before { border-color: #92BDC1; } .border-hover-grayishcyan:hover { border-color: #92BDC1 !important; } .border-focus-grayishcyan:focus { border-color: #92BDC1 !important; } .tl-grayishcyan .rubix-timeline-body > ul > li:before { border-color: #92BDC1; } .list-bg-grayishcyan > .list-group-item.active { background: #92BDC1 !important; color: white !important; } .list-fg-grayishcyan > .list-group-item { color: #92BDC1; } .btn-shpurple { background: #8B3765; color: white; border-color: #8B3765; } .btn-shpurple.btn-outlined { color: #8B3765; background: none; } .btn-shpurple.btn-outlined.btn-onlyOnHover { color: #89949B; } .btn-shpurple.btn-outlined.btn-onlyOnHover:hover, .btn-shpurple.btn-outlined.btn-onlyOnHover:focus, .btn-shpurple.btn-outlined.btn-onlyOnHover.active { color: white; } .btn-shpurple.btn-outlined.btn-inverse { color: white; border-color: white; } .btn-shpurple.btn-outlined.btn-inverse:hover, .btn-shpurple.btn-outlined.btn-inverse:focus, .btn-shpurple.btn-outlined.btn-inverse.active { color: #8B3765; background: white; } .btn-shpurple.btn-outlined.btn-inverse:hover.btn-retainBg, .btn-shpurple.btn-outlined.btn-inverse:focus.btn-retainBg, .btn-shpurple.btn-outlined.btn-inverse.active.btn-retainBg { background: #8B3765; color: white; border-color: #8B3765; } .btn-shpurple.btn-outlined.btn-inverse:hover.btn-retainBg:active, .btn-shpurple.btn-outlined.btn-inverse:focus.btn-retainBg:active, .btn-shpurple.btn-outlined.btn-inverse.active.btn-retainBg:active { background: #491d35; border-color: #1d0c15; } .btn-shpurple:focus, .btn-shpurple.focus, .btn-shpurple:hover, .btn-shpurple.active { color: white; background: #b04580; border-color: #b04580; } .btn-shpurple:active, .btn-shpurple.active, .btn-shpurple[aria-expanded="true"], .btn-shpurple.active:hover, .btn-shpurple.active:focus, .btn-shpurple[aria-expanded="true"]:hover, .btn-shpurple[aria-expanded="true"]:focus, .open > .btn-shpurple.dropdown-toggle { color: white; background: #491d35; border-color: #1d0c15; background-image: none; } .btn-shpurple.dropdown-toggle + ul li.active a { color: white; background: #8B3765; } .btn-shpurple.disabled, .btn-shpurple[disabled], fieldset[disabled] .btn-shpurple { pointer-events: none; } .btn-shpurple .badge { color: #8B3765; background-color: #8B3765; } .menu-shpurple ul li.active a, .menu-shpurple ul li.active a:hover { color: white; background: #8B3765 !important; } .nav-shpurple > li.active > a,.nav-shpurple > rubix-menu > li.active > a,.nav-shpurple > rubix-nav-item > li.active > a { color: white; background: #8B3765; border-color: #8B3765; } .tab-shpurple { border-color: #8B3765; } .tab-shpurple > li.active > a { border-color: #8B3765; border-bottom-color: transparent; } .tab-shpurple.nav-pills > li.active > a { background: #8B3765; color: white; } .rubix-panel-header.nav-inline .nav-shpurple > li.active > a { border: 1px solid #8B3765; border-bottom: none; } .rubix-panel-header.nav-inline .nav-shpurple > li.open > .dropdown-toggle { color: white; background: none; } .bg-shpurple { background: #8B3765 !important; } .bg-shpurple table td, .bg-shpurple th { border-color: rgba(0, 0, 0, 0.05) !important; } .bg-focus-shpurple:focus { background: #8B3765 !important; } .bg-hover-shpurple:hover { background: #8B3765 !important; } .fg-shpurple { color: #8B3765; } .fg-shpurple .nav-tabs > li.active > a { color: #8B3765; } .fg-tab-active-shpurple .nav-tabs > li.active > a { color: #8B3765 !important; } .fg-focus-shpurple:focus { color: #8B3765; } .fg-hover-shpurple:hover { color: #8B3765; } .border-shpurple { border-color: #8B3765 !important; } .border-shpurple .rubix-timeline-body > ul { border-color: #8B3765; } .border-shpurple.rubix-timeline-view:before { border-color: #8B3765; } .border-hover-shpurple:hover { border-color: #8B3765 !important; } .border-focus-shpurple:focus { border-color: #8B3765 !important; } .tl-shpurple .rubix-timeline-body > ul > li:before { border-color: #8B3765; } .list-bg-shpurple > .list-group-item.active { background: #8B3765 !important; color: white !important; } .list-fg-shpurple > .list-group-item { color: #8B3765; } .btn-shgreen { background: #6B8C56; color: white; border-color: #6B8C56; } .btn-shgreen.btn-outlined { color: #6B8C56; background: none; } .btn-shgreen.btn-outlined.btn-onlyOnHover { color: #89949B; } .btn-shgreen.btn-outlined.btn-onlyOnHover:hover, .btn-shgreen.btn-outlined.btn-onlyOnHover:focus, .btn-shgreen.btn-outlined.btn-onlyOnHover.active { color: white; } .btn-shgreen.btn-outlined.btn-inverse { color: white; border-color: white; } .btn-shgreen.btn-outlined.btn-inverse:hover, .btn-shgreen.btn-outlined.btn-inverse:focus, .btn-shgreen.btn-outlined.btn-inverse.active { color: #6B8C56; background: white; } .btn-shgreen.btn-outlined.btn-inverse:hover.btn-retainBg, .btn-shgreen.btn-outlined.btn-inverse:focus.btn-retainBg, .btn-shgreen.btn-outlined.btn-inverse.active.btn-retainBg { background: #6B8C56; color: white; border-color: #6B8C56; } .btn-shgreen.btn-outlined.btn-inverse:hover.btn-retainBg:active, .btn-shgreen.btn-outlined.btn-inverse:focus.btn-retainBg:active, .btn-shgreen.btn-outlined.btn-inverse.active.btn-retainBg:active { background: #405333; border-color: #232d1c; } .btn-shgreen:focus, .btn-shgreen.focus, .btn-shgreen:hover, .btn-shgreen.active { color: white; background: #84a66f; border-color: #84a66f; } .btn-shgreen:active, .btn-shgreen.active, .btn-shgreen[aria-expanded="true"], .btn-shgreen.active:hover, .btn-shgreen.active:focus, .btn-shgreen[aria-expanded="true"]:hover, .btn-shgreen[aria-expanded="true"]:focus, .open > .btn-shgreen.dropdown-toggle { color: white; background: #405333; border-color: #232d1c; background-image: none; } .btn-shgreen.dropdown-toggle + ul li.active a { color: white; background: #6B8C56; } .btn-shgreen.disabled, .btn-shgreen[disabled], fieldset[disabled] .btn-shgreen { pointer-events: none; } .btn-shgreen .badge { color: #6B8C56; background-color: #6B8C56; } .menu-shgreen ul li.active a, .menu-shgreen ul li.active a:hover { color: white; background: #6B8C56 !important; } .nav-shgreen > li.active > a,.nav-shgreen > rubix-menu > li.active > a,.nav-shgreen > rubix-nav-item > li.active > a { color: white; background: #6B8C56; border-color: #6B8C56; } .tab-shgreen { border-color: #6B8C56; } .tab-shgreen > li.active > a { border-color: #6B8C56; border-bottom-color: transparent; } .tab-shgreen.nav-pills > li.active > a { background: #6B8C56; color: white; } .rubix-panel-header.nav-inline .nav-shgreen > li.active > a { border: 1px solid #6B8C56; border-bottom: none; } .rubix-panel-header.nav-inline .nav-shgreen > li.open > .dropdown-toggle { color: white; background: none; } .bg-shgreen { background: #6B8C56 !important; } .bg-shgreen table td, .bg-shgreen th { border-color: rgba(0, 0, 0, 0.05) !important; } .bg-focus-shgreen:focus { background: #6B8C56 !important; } .bg-hover-shgreen:hover { background: #6B8C56 !important; } .fg-shgreen { color: #6B8C56; } .fg-shgreen .nav-tabs > li.active > a { color: #6B8C56; } .fg-tab-active-shgreen .nav-tabs > li.active > a { color: #6B8C56 !important; } .fg-focus-shgreen:focus { color: #6B8C56; } .fg-hover-shgreen:hover { color: #6B8C56; } .border-shgreen { border-color: #6B8C56 !important; } .border-shgreen .rubix-timeline-body > ul { border-color: #6B8C56; } .border-shgreen.rubix-timeline-view:before { border-color: #6B8C56; } .border-hover-shgreen:hover { border-color: #6B8C56 !important; } .border-focus-shgreen:focus { border-color: #6B8C56 !important; } .tl-shgreen .rubix-timeline-body > ul > li:before { border-color: #6B8C56; } .list-bg-shgreen > .list-group-item.active { background: #6B8C56 !important; color: white !important; } .list-fg-shgreen > .list-group-item { color: #6B8C56; } .btn-shbeige { background: #E2E7DD; color: #8B3765; border-color: #E2E7DD; } .btn-shbeige.btn-outlined { color: #E2E7DD; background: none; } .btn-shbeige.btn-outlined.btn-onlyOnHover { color: #89949B; } .btn-shbeige.btn-outlined.btn-onlyOnHover:hover, .btn-shbeige.btn-outlined.btn-onlyOnHover:focus, .btn-shbeige.btn-outlined.btn-onlyOnHover.active { color: #8B3765; } .btn-shbeige.btn-outlined.btn-inverse { color: #8B3765; border-color: #8B3765; } .btn-shbeige.btn-outlined.btn-inverse:hover, .btn-shbeige.btn-outlined.btn-inverse:focus, .btn-shbeige.btn-outlined.btn-inverse.active { color: #E2E7DD; background: #8B3765; } .btn-shbeige.btn-outlined.btn-inverse:hover.btn-retainBg, .btn-shbeige.btn-outlined.btn-inverse:focus.btn-retainBg, .btn-shbeige.btn-outlined.btn-inverse.active.btn-retainBg { background: #E2E7DD; color: #8B3765; border-color: #E2E7DD; } .btn-shbeige.btn-outlined.btn-inverse:hover.btn-retainBg:active, .btn-shbeige.btn-outlined.btn-inverse:focus.btn-retainBg:active, .btn-shbeige.btn-outlined.btn-inverse.active.btn-retainBg:active { background: #b4c1a7; border-color: #96a883; } .btn-shbeige:focus, .btn-shbeige.focus, .btn-shbeige:hover, .btn-shbeige.active { color: #8B3765; background: #fcfcfb; border-color: #fcfcfb; } .btn-shbeige:active, .btn-shbeige.active, .btn-shbeige[aria-expanded="true"], .btn-shbeige.active:hover, .btn-shbeige.active:focus, .btn-shbeige[aria-expanded="true"]:hover, .btn-shbeige[aria-expanded="true"]:focus, .open > .btn-shbeige.dropdown-toggle { color: #8B3765; background: #b4c1a7; border-color: #96a883; background-image: none; } .btn-shbeige.dropdown-toggle + ul li.active a { color: #8B3765; background: #E2E7DD; } .btn-shbeige.disabled, .btn-shbeige[disabled], fieldset[disabled] .btn-shbeige { pointer-events: none; } .btn-shbeige .badge { color: #E2E7DD; background-color: #E2E7DD; } .menu-shbeige ul li.active a, .menu-shbeige ul li.active a:hover { color: #8B3765; background: #E2E7DD !important; } .nav-shbeige > li.active > a,.nav-shbeige > rubix-menu > li.active > a,.nav-shbeige > rubix-nav-item > li.active > a { color: #8B3765; background: #E2E7DD; border-color: #E2E7DD; } .tab-shbeige { border-color: #E2E7DD; } .tab-shbeige > li.active > a { border-color: #E2E7DD; border-bottom-color: transparent; } .tab-shbeige.nav-pills > li.active > a { background: #E2E7DD; color: #8B3765; } .rubix-panel-header.nav-inline .nav-shbeige > li.active > a { border: 1px solid #E2E7DD; border-bottom: none; } .rubix-panel-header.nav-inline .nav-shbeige > li.open > .dropdown-toggle { color: white; background: none; } .bg-shbeige { background: #E2E7DD !important; } .bg-shbeige table td, .bg-shbeige th { border-color: rgba(0, 0, 0, 0.05) !important; } .bg-focus-shbeige:focus { background: #E2E7DD !important; } .bg-hover-shbeige:hover { background: #E2E7DD !important; } .fg-shbeige { color: #E2E7DD; } .fg-shbeige .nav-tabs > li.active > a { color: #E2E7DD; } .fg-tab-active-shbeige .nav-tabs > li.active > a { color: #E2E7DD !important; } .fg-focus-shbeige:focus { color: #E2E7DD; } .fg-hover-shbeige:hover { color: #E2E7DD; } .border-shbeige { border-color: #E2E7DD !important; } .border-shbeige .rubix-timeline-body > ul { border-color: #E2E7DD; } .border-shbeige.rubix-timeline-view:before { border-color: #E2E7DD; } .border-hover-shbeige:hover { border-color: #E2E7DD !important; } .border-focus-shbeige:focus { border-color: #E2E7DD !important; } .tl-shbeige .rubix-timeline-body > ul > li:before { border-color: #E2E7DD; } .list-bg-shbeige > .list-group-item.active { background: #E2E7DD !important; color: #8B3765 !important; } .list-fg-shbeige > .list-group-item { color: #E2E7DD; } .btn-shbeigeaccent { background: #E5DFCF; color: #8B3765; border-color: #E5DFCF; } .btn-shbeigeaccent.btn-outlined { color: #E5DFCF; background: none; } .btn-shbeigeaccent.btn-outlined.btn-onlyOnHover { color: #89949B; } .btn-shbeigeaccent.btn-outlined.btn-onlyOnHover:hover, .btn-shbeigeaccent.btn-outlined.btn-onlyOnHover:focus, .btn-shbeigeaccent.btn-outlined.btn-onlyOnHover.active { color: #8B3765; } .btn-shbeigeaccent.btn-outlined.btn-inverse { color: #8B3765; border-color: #8B3765; } .btn-shbeigeaccent.btn-outlined.btn-inverse:hover, .btn-shbeigeaccent.btn-outlined.btn-inverse:focus, .btn-shbeigeaccent.btn-outlined.btn-inverse.active { color: #E5DFCF; background: #8B3765; } .btn-shbeigeaccent.btn-outlined.btn-inverse:hover.btn-retainBg, .btn-shbeigeaccent.btn-outlined.btn-inverse:focus.btn-retainBg, .btn-shbeigeaccent.btn-outlined.btn-inverse.active.btn-retainBg { background: #E5DFCF; color: #8B3765; border-color: #E5DFCF; } .btn-shbeigeaccent.btn-outlined.btn-inverse:hover.btn-retainBg:active, .btn-shbeigeaccent.btn-outlined.btn-inverse:focus.btn-retainBg:active, .btn-shbeigeaccent.btn-outlined.btn-inverse.active.btn-retainBg:active { background: #c5b793; border-color: #af9d6c; } .btn-shbeigeaccent:focus, .btn-shbeigeaccent.focus, .btn-shbeigeaccent:hover, .btn-shbeigeaccent.active { color: #8B3765; background: #f7f5f0; border-color: #f7f5f0; } .btn-shbeigeaccent:active, .btn-shbeigeaccent.active, .btn-shbeigeaccent[aria-expanded="true"], .btn-shbeigeaccent.active:hover, .btn-shbeigeaccent.active:focus, .btn-shbeigeaccent[aria-expanded="true"]:hover, .btn-shbeigeaccent[aria-expanded="true"]:focus, .open > .btn-shbeigeaccent.dropdown-toggle { color: #8B3765; background: #c5b793; border-color: #af9d6c; background-image: none; } .btn-shbeigeaccent.dropdown-toggle + ul li.active a { color: #8B3765; background: #E5DFCF; } .btn-shbeigeaccent.disabled, .btn-shbeigeaccent[disabled], fieldset[disabled] .btn-shbeigeaccent { pointer-events: none; } .btn-shbeigeaccent .badge { color: #E5DFCF; background-color: #E5DFCF; } .menu-shbeigeaccent ul li.active a, .menu-shbeigeaccent ul li.active a:hover { color: #8B3765; background: #E5DFCF !important; } .nav-shbeigeaccent > li.active > a,.nav-shbeigeaccent > rubix-menu > li.active > a,.nav-shbeigeaccent > rubix-nav-item > li.active > a { color: #8B3765; background: #E5DFCF; border-color: #E5DFCF; } .tab-shbeigeaccent { border-color: #E5DFCF; } .tab-shbeigeaccent > li.active > a { border-color: #E5DFCF; border-bottom-color: transparent; } .tab-shbeigeaccent.nav-pills > li.active > a { background: #E5DFCF; color: #8B3765; } .rubix-panel-header.nav-inline .nav-shbeigeaccent > li.active > a { border: 1px solid #E5DFCF; border-bottom: none; } .rubix-panel-header.nav-inline .nav-shbeigeaccent > li.open > .dropdown-toggle { color: white; background: none; } .bg-shbeigeaccent { background: #E5DFCF !important; } .bg-shbeigeaccent table td, .bg-shbeigeaccent th { border-color: rgba(0, 0, 0, 0.05) !important; } .bg-focus-shbeigeaccent:focus { background: #E5DFCF !important; } .bg-hover-shbeigeaccent:hover { background: #E5DFCF !important; } .fg-shbeigeaccent { color: #E5DFCF; } .fg-shbeigeaccent .nav-tabs > li.active > a { color: #E5DFCF; } .fg-tab-active-shbeigeaccent .nav-tabs > li.active > a { color: #E5DFCF !important; } .fg-focus-shbeigeaccent:focus { color: #E5DFCF; } .fg-hover-shbeigeaccent:hover { color: #E5DFCF; } .border-shbeigeaccent { border-color: #E5DFCF !important; } .border-shbeigeaccent .rubix-timeline-body > ul { border-color: #E5DFCF; } .border-shbeigeaccent.rubix-timeline-view:before { border-color: #E5DFCF; } .border-hover-shbeigeaccent:hover { border-color: #E5DFCF !important; } .border-focus-shbeigeaccent:focus { border-color: #E5DFCF !important; } .tl-shbeigeaccent .rubix-timeline-body > ul > li:before { border-color: #E5DFCF; } .list-bg-shbeigeaccent > .list-group-item.active { background: #E5DFCF !important; color: #8B3765 !important; } .list-fg-shbeigeaccent > .list-group-item { color: #E5DFCF; } .btn-shmediumgray { background: #666983; color: white; border-color: #666983; } .btn-shmediumgray.btn-outlined { color: #666983; background: none; } .btn-shmediumgray.btn-outlined.btn-onlyOnHover { color: #89949B; } .btn-shmediumgray.btn-outlined.btn-onlyOnHover:hover, .btn-shmediumgray.btn-outlined.btn-onlyOnHover:focus, .btn-shmediumgray.btn-outlined.btn-onlyOnHover.active { color: white; } .btn-shmediumgray.btn-outlined.btn-inverse { color: white; border-color: white; } .btn-shmediumgray.btn-outlined.btn-inverse:hover, .btn-shmediumgray.btn-outlined.btn-inverse:focus, .btn-shmediumgray.btn-outlined.btn-inverse.active { color: #666983; background: white; } .btn-shmediumgray.btn-outlined.btn-inverse:hover.btn-retainBg, .btn-shmediumgray.btn-outlined.btn-inverse:focus.btn-retainBg, .btn-shmediumgray.btn-outlined.btn-inverse.active.btn-retainBg { background: #666983; color: white; border-color: #666983; } .btn-shmediumgray.btn-outlined.btn-inverse:hover.btn-retainBg:active, .btn-shmediumgray.btn-outlined.btn-inverse:focus.btn-retainBg:active, .btn-shmediumgray.btn-outlined.btn-inverse.active.btn-retainBg:active { background: #3e404f; border-color: #23242d; } .btn-shmediumgray:focus, .btn-shmediumgray.focus, .btn-shmediumgray:hover, .btn-shmediumgray.active { color: white; background: #80839c; border-color: #80839c; } .btn-shmediumgray:active, .btn-shmediumgray.active, .btn-shmediumgray[aria-expanded="true"], .btn-shmediumgray.active:hover, .btn-shmediumgray.active:focus, .btn-shmediumgray[aria-expanded="true"]:hover, .btn-shmediumgray[aria-expanded="true"]:focus, .open > .btn-shmediumgray.dropdown-toggle { color: white; background: #3e404f; border-color: #23242d; background-image: none; } .btn-shmediumgray.dropdown-toggle + ul li.active a { color: white; background: #666983; } .btn-shmediumgray.disabled, .btn-shmediumgray[disabled], fieldset[disabled] .btn-shmediumgray { pointer-events: none; } .btn-shmediumgray .badge { color: #666983; background-color: #666983; } .menu-shmediumgray ul li.active a, .menu-shmediumgray ul li.active a:hover { color: white; background: #666983 !important; } .nav-shmediumgray > li.active > a,.nav-shmediumgray > rubix-menu > li.active > a,.nav-shmediumgray > rubix-nav-item > li.active > a { color: white; background: #666983; border-color: #666983; } .tab-shmediumgray { border-color: #666983; } .tab-shmediumgray > li.active > a { border-color: #666983; border-bottom-color: transparent; } .tab-shmediumgray.nav-pills > li.active > a { background: #666983; color: white; } .rubix-panel-header.nav-inline .nav-shmediumgray > li.active > a { border: 1px solid #666983; border-bottom: none; } .rubix-panel-header.nav-inline .nav-shmediumgray > li.open > .dropdown-toggle { color: white; background: none; } .bg-shmediumgray { background: #666983 !important; } .bg-shmediumgray table td, .bg-shmediumgray th { border-color: rgba(0, 0, 0, 0.05) !important; } .bg-focus-shmediumgray:focus { background: #666983 !important; } .bg-hover-shmediumgray:hover { background: #666983 !important; } .fg-shmediumgray { color: #666983; } .fg-shmediumgray .nav-tabs > li.active > a { color: #666983; } .fg-tab-active-shmediumgray .nav-tabs > li.active > a { color: #666983 !important; } .fg-focus-shmediumgray:focus { color: #666983; } .fg-hover-shmediumgray:hover { color: #666983; } .border-shmediumgray { border-color: #666983 !important; } .border-shmediumgray .rubix-timeline-body > ul { border-color: #666983; } .border-shmediumgray.rubix-timeline-view:before { border-color: #666983; } .border-hover-shmediumgray:hover { border-color: #666983 !important; } .border-focus-shmediumgray:focus { border-color: #666983 !important; } .tl-shmediumgray .rubix-timeline-body > ul > li:before { border-color: #666983; } .list-bg-shmediumgray > .list-group-item.active { background: #666983 !important; color: white !important; } .list-fg-shmediumgray > .list-group-item { color: #666983; } .btn-shdarkgray { background: #26284B; color: white; border-color: #26284B; } .btn-shdarkgray.btn-outlined { color: #26284B; background: none; } .btn-shdarkgray.btn-outlined.btn-onlyOnHover { color: #89949B; } .btn-shdarkgray.btn-outlined.btn-onlyOnHover:hover, .btn-shdarkgray.btn-outlined.btn-onlyOnHover:focus, .btn-shdarkgray.btn-outlined.btn-onlyOnHover.active { color: white; } .btn-shdarkgray.btn-outlined.btn-inverse { color: white; border-color: white; } .btn-shdarkgray.btn-outlined.btn-inverse:hover, .btn-shdarkgray.btn-outlined.btn-inverse:focus, .btn-shdarkgray.btn-outlined.btn-inverse.active { color: #26284B; background: white; } .btn-shdarkgray.btn-outlined.btn-inverse:hover.btn-retainBg, .btn-shdarkgray.btn-outlined.btn-inverse:focus.btn-retainBg, .btn-shdarkgray.btn-outlined.btn-inverse.active.btn-retainBg { background: #26284B; color: white; border-color: #26284B; } .btn-shdarkgray.btn-outlined.btn-inverse:hover.btn-retainBg:active, .btn-shdarkgray.btn-outlined.btn-inverse:focus.btn-retainBg:active, .btn-shdarkgray.btn-outlined.btn-inverse.active.btn-retainBg:active { background: #07080e; border-color: black; } .btn-shdarkgray:focus, .btn-shdarkgray.focus, .btn-shdarkgray:hover, .btn-shdarkgray.active { color: white; background: #373a6d; border-color: #373a6d; } .btn-shdarkgray:active, .btn-shdarkgray.active, .btn-shdarkgray[aria-expanded="true"], .btn-shdarkgray.active:hover, .btn-shdarkgray.active:focus, .btn-shdarkgray[aria-expanded="true"]:hover, .btn-shdarkgray[aria-expanded="true"]:focus, .open > .btn-shdarkgray.dropdown-toggle { color: white; background: #07080e; border-color: black; background-image: none; } .btn-shdarkgray.dropdown-toggle + ul li.active a { color: white; background: #26284B; } .btn-shdarkgray.disabled, .btn-shdarkgray[disabled], fieldset[disabled] .btn-shdarkgray { pointer-events: none; } .btn-shdarkgray .badge { color: #26284B; background-color: #26284B; } .menu-shdarkgray ul li.active a, .menu-shdarkgray ul li.active a:hover { color: white; background: #26284B !important; } .nav-shdarkgray > li.active > a,.nav-shdarkgray > rubix-menu > li.active > a,.nav-shdarkgray > rubix-nav-item > li.active > a { color: white; background: #26284B; border-color: #26284B; } .tab-shdarkgray { border-color: #26284B; } .tab-shdarkgray > li.active > a { border-color: #26284B; border-bottom-color: transparent; } .tab-shdarkgray.nav-pills > li.active > a { background: #26284B; color: white; } .rubix-panel-header.nav-inline .nav-shdarkgray > li.active > a { border: 1px solid #26284B; border-bottom: none; } .rubix-panel-header.nav-inline .nav-shdarkgray > li.open > .dropdown-toggle { color: white; background: none; } .bg-shdarkgray { background: #26284B !important; } .bg-shdarkgray table td, .bg-shdarkgray th { border-color: rgba(0, 0, 0, 0.05) !important; } .bg-focus-shdarkgray:focus { background: #26284B !important; } .bg-hover-shdarkgray:hover { background: #26284B !important; } .fg-shdarkgray { color: #26284B; } .fg-shdarkgray .nav-tabs > li.active > a { color: #26284B; } .fg-tab-active-shdarkgray .nav-tabs > li.active > a { color: #26284B !important; } .fg-focus-shdarkgray:focus { color: #26284B; } .fg-hover-shdarkgray:hover { color: #26284B; } .border-shdarkgray { border-color: #26284B !important; } .border-shdarkgray .rubix-timeline-body > ul { border-color: #26284B; } .border-shdarkgray.rubix-timeline-view:before { border-color: #26284B; } .border-hover-shdarkgray:hover { border-color: #26284B !important; } .border-focus-shdarkgray:focus { border-color: #26284B !important; } .tl-shdarkgray .rubix-timeline-body > ul > li:before { border-color: #26284B; } .list-bg-shdarkgray > .list-group-item.active { background: #26284B !important; color: white !important; } .list-fg-shdarkgray > .list-group-item { color: #26284B; } .btn-shnavyblue { background: #26294A; color: white; border-color: #26294A; } .btn-shnavyblue.btn-outlined { color: #26294A; background: none; } .btn-shnavyblue.btn-outlined.btn-onlyOnHover { color: #89949B; } .btn-shnavyblue.btn-outlined.btn-onlyOnHover:hover, .btn-shnavyblue.btn-outlined.btn-onlyOnHover:focus, .btn-shnavyblue.btn-outlined.btn-onlyOnHover.active { color: white; } .btn-shnavyblue.btn-outlined.btn-inverse { color: white; border-color: white; } .btn-shnavyblue.btn-outlined.btn-inverse:hover, .btn-shnavyblue.btn-outlined.btn-inverse:focus, .btn-shnavyblue.btn-outlined.btn-inverse.active { color: #26294A; background: white; } .btn-shnavyblue.btn-outlined.btn-inverse:hover.btn-retainBg, .btn-shnavyblue.btn-outlined.btn-inverse:focus.btn-retainBg, .btn-shnavyblue.btn-outlined.btn-inverse.active.btn-retainBg { background: #26294A; color: white; border-color: #26294A; } .btn-shnavyblue.btn-outlined.btn-inverse:hover.btn-retainBg:active, .btn-shnavyblue.btn-outlined.btn-inverse:focus.btn-retainBg:active, .btn-shnavyblue.btn-outlined.btn-inverse.active.btn-retainBg:active { background: #07070d; border-color: black; } .btn-shnavyblue:focus, .btn-shnavyblue.focus, .btn-shnavyblue:hover, .btn-shnavyblue.active { color: white; background: #373c6c; border-color: #373c6c; } .btn-shnavyblue:active, .btn-shnavyblue.active, .btn-shnavyblue[aria-expanded="true"], .btn-shnavyblue.active:hover, .btn-shnavyblue.active:focus, .btn-shnavyblue[aria-expanded="true"]:hover, .btn-shnavyblue[aria-expanded="true"]:focus, .open > .btn-shnavyblue.dropdown-toggle { color: white; background: #07070d; border-color: black; background-image: none; } .btn-shnavyblue.dropdown-toggle + ul li.active a { color: white; background: #26294A; } .btn-shnavyblue.disabled, .btn-shnavyblue[disabled], fieldset[disabled] .btn-shnavyblue { pointer-events: none; } .btn-shnavyblue .badge { color: #26294A; background-color: #26294A; } .menu-shnavyblue ul li.active a, .menu-shnavyblue ul li.active a:hover { color: white; background: #26294A !important; } .nav-shnavyblue > li.active > a,.nav-shnavyblue > rubix-menu > li.active > a,.nav-shnavyblue > rubix-nav-item > li.active > a { color: white; background: #26294A; border-color: #26294A; } .tab-shnavyblue { border-color: #26294A; } .tab-shnavyblue > li.active > a { border-color: #26294A; border-bottom-color: transparent; } .tab-shnavyblue.nav-pills > li.active > a { background: #26294A; color: white; } .rubix-panel-header.nav-inline .nav-shnavyblue > li.active > a { border: 1px solid #26294A; border-bottom: none; } .rubix-panel-header.nav-inline .nav-shnavyblue > li.open > .dropdown-toggle { color: white; background: none; } .bg-shnavyblue { background: #26294A !important; } .bg-shnavyblue table td, .bg-shnavyblue th { border-color: rgba(0, 0, 0, 0.05) !important; } .bg-focus-shnavyblue:focus { background: #26294A !important; } .bg-hover-shnavyblue:hover { background: #26294A !important; } .fg-shnavyblue { color: #26294A; } .fg-shnavyblue .nav-tabs > li.active > a { color: #26294A; } .fg-tab-active-shnavyblue .nav-tabs > li.active > a { color: #26294A !important; } .fg-focus-shnavyblue:focus { color: #26294A; } .fg-hover-shnavyblue:hover { color: #26294A; } .border-shnavyblue { border-color: #26294A !important; } .border-shnavyblue .rubix-timeline-body > ul { border-color: #26294A; } .border-shnavyblue.rubix-timeline-view:before { border-color: #26294A; } .border-hover-shnavyblue:hover { border-color: #26294A !important; } .border-focus-shnavyblue:focus { border-color: #26294A !important; } .tl-shnavyblue .rubix-timeline-body > ul > li:before { border-color: #26294A; } .list-bg-shnavyblue > .list-group-item.active { background: #26294A !important; color: white !important; } .list-fg-shnavyblue > .list-group-item { color: #26294A; } .btn-shpurpledark { background: #66294a; color: white; border-color: #66294a; } .btn-shpurpledark.btn-outlined { color: #66294a; background: none; } .btn-shpurpledark.btn-outlined.btn-onlyOnHover { color: #89949B; } .btn-shpurpledark.btn-outlined.btn-onlyOnHover:hover, .btn-shpurpledark.btn-outlined.btn-onlyOnHover:focus, .btn-shpurpledark.btn-outlined.btn-onlyOnHover.active { color: white; } .btn-shpurpledark.btn-outlined.btn-inverse { color: white; border-color: white; } .btn-shpurpledark.btn-outlined.btn-inverse:hover, .btn-shpurpledark.btn-outlined.btn-inverse:focus, .btn-shpurpledark.btn-outlined.btn-inverse.active { color: #66294a; background: white; } .btn-shpurpledark.btn-outlined.btn-inverse:hover.btn-retainBg, .btn-shpurpledark.btn-outlined.btn-inverse:focus.btn-retainBg, .btn-shpurpledark.btn-outlined.btn-inverse.active.btn-retainBg { background: #66294a; color: white; border-color: #66294a; } .btn-shpurpledark.btn-outlined.btn-inverse:hover.btn-retainBg:active, .btn-shpurpledark.btn-outlined.btn-inverse:focus.btn-retainBg:active, .btn-shpurpledark.btn-outlined.btn-inverse.active.btn-retainBg:active { background: #250f1b; border-color: black; } .btn-shpurpledark:focus, .btn-shpurpledark.focus, .btn-shpurpledark:hover, .btn-shpurpledark.active { color: white; background: #8b3765; border-color: #8b3765; } .btn-shpurpledark:active, .btn-shpurpledark.active, .btn-shpurpledark[aria-expanded="true"], .btn-shpurpledark.active:hover, .btn-shpurpledark.active:focus, .btn-shpurpledark[aria-expanded="true"]:hover, .btn-shpurpledark[aria-expanded="true"]:focus, .open > .btn-shpurpledark.dropdown-toggle { color: white; background: #250f1b; border-color: black; background-image: none; } .btn-shpurpledark.dropdown-toggle + ul li.active a { color: white; background: #66294a; } .btn-shpurpledark.disabled, .btn-shpurpledark[disabled], fieldset[disabled] .btn-shpurpledark { pointer-events: none; } .btn-shpurpledark .badge { color: #66294a; background-color: #66294a; } .menu-shpurpledark ul li.active a, .menu-shpurpledark ul li.active a:hover { color: white; background: #66294a !important; } .nav-shpurpledark > li.active > a,.nav-shpurpledark > rubix-menu > li.active > a,.nav-shpurpledark > rubix-nav-item > li.active > a { color: white; background: #66294a; border-color: #66294a; } .tab-shpurpledark { border-color: #66294a; } .tab-shpurpledark > li.active > a { border-color: #66294a; border-bottom-color: transparent; } .tab-shpurpledark.nav-pills > li.active > a { background: #66294a; color: white; } .rubix-panel-header.nav-inline .nav-shpurpledark > li.active > a { border: 1px solid #66294a; border-bottom: none; } .rubix-panel-header.nav-inline .nav-shpurpledark > li.open > .dropdown-toggle { color: white; background: none; } .bg-shpurpledark { background: #66294a !important; } .bg-shpurpledark table td, .bg-shpurpledark th { border-color: rgba(0, 0, 0, 0.05) !important; } .bg-focus-shpurpledark:focus { background: #66294a !important; } .bg-hover-shpurpledark:hover { background: #66294a !important; } .fg-shpurpledark { color: #66294a; } .fg-shpurpledark .nav-tabs > li.active > a { color: #66294a; } .fg-tab-active-shpurpledark .nav-tabs > li.active > a { color: #66294a !important; } .fg-focus-shpurpledark:focus { color: #66294a; } .fg-hover-shpurpledark:hover { color: #66294a; } .border-shpurpledark { border-color: #66294a !important; } .border-shpurpledark .rubix-timeline-body > ul { border-color: #66294a; } .border-shpurpledark.rubix-timeline-view:before { border-color: #66294a; } .border-hover-shpurpledark:hover { border-color: #66294a !important; } .border-focus-shpurpledark:focus { border-color: #66294a !important; } .tl-shpurpledark .rubix-timeline-body > ul > li:before { border-color: #66294a; } .list-bg-shpurpledark > .list-group-item.active { background: #66294a !important; color: white !important; } .list-fg-shpurpledark > .list-group-item { color: #66294a; } .btn-shgreendark { background: #536c43; color: white; border-color: #536c43; } .btn-shgreendark.btn-outlined { color: #536c43; background: none; } .btn-shgreendark.btn-outlined.btn-onlyOnHover { color: #89949B; } .btn-shgreendark.btn-outlined.btn-onlyOnHover:hover, .btn-shgreendark.btn-outlined.btn-onlyOnHover:focus, .btn-shgreendark.btn-outlined.btn-onlyOnHover.active { color: white; } .btn-shgreendark.btn-outlined.btn-inverse { color: white; border-color: white; } .btn-shgreendark.btn-outlined.btn-inverse:hover, .btn-shgreendark.btn-outlined.btn-inverse:focus, .btn-shgreendark.btn-outlined.btn-inverse.active { color: #536c43; background: white; } .btn-shgreendark.btn-outlined.btn-inverse:hover.btn-retainBg, .btn-shgreendark.btn-outlined.btn-inverse:focus.btn-retainBg, .btn-shgreendark.btn-outlined.btn-inverse.active.btn-retainBg { background: #536c43; color: white; border-color: #536c43; } .btn-shgreendark.btn-outlined.btn-inverse:hover.btn-retainBg:active, .btn-shgreendark.btn-outlined.btn-inverse:focus.btn-retainBg:active, .btn-shgreendark.btn-outlined.btn-inverse.active.btn-retainBg:active { background: #273420; border-color: #0a0e08; } .btn-shgreendark:focus, .btn-shgreendark.focus, .btn-shgreendark:hover, .btn-shgreendark.active { color: white; background: #6b8c56; border-color: #6b8c56; } .btn-shgreendark:active, .btn-shgreendark.active, .btn-shgreendark[aria-expanded="true"], .btn-shgreendark.active:hover, .btn-shgreendark.active:focus, .btn-shgreendark[aria-expanded="true"]:hover, .btn-shgreendark[aria-expanded="true"]:focus, .open > .btn-shgreendark.dropdown-toggle { color: white; background: #273420; border-color: #0a0e08; background-image: none; } .btn-shgreendark.dropdown-toggle + ul li.active a { color: white; background: #536c43; } .btn-shgreendark.disabled, .btn-shgreendark[disabled], fieldset[disabled] .btn-shgreendark { pointer-events: none; } .btn-shgreendark .badge { color: #536c43; background-color: #536c43; } .menu-shgreendark ul li.active a, .menu-shgreendark ul li.active a:hover { color: white; background: #536c43 !important; } .nav-shgreendark > li.active > a,.nav-shgreendark > rubix-menu > li.active > a,.nav-shgreendark > rubix-nav-item > li.active > a { color: white; background: #536c43; border-color: #536c43; } .tab-shgreendark { border-color: #536c43; } .tab-shgreendark > li.active > a { border-color: #536c43; border-bottom-color: transparent; } .tab-shgreendark.nav-pills > li.active > a { background: #536c43; color: white; } .rubix-panel-header.nav-inline .nav-shgreendark > li.active > a { border: 1px solid #536c43; border-bottom: none; } .rubix-panel-header.nav-inline .nav-shgreendark > li.open > .dropdown-toggle { color: white; background: none; } .bg-shgreendark { background: #536c43 !important; } .bg-shgreendark table td, .bg-shgreendark th { border-color: rgba(0, 0, 0, 0.05) !important; } .bg-focus-shgreendark:focus { background: #536c43 !important; } .bg-hover-shgreendark:hover { background: #536c43 !important; } .fg-shgreendark { color: #536c43; } .fg-shgreendark .nav-tabs > li.active > a { color: #536c43; } .fg-tab-active-shgreendark .nav-tabs > li.active > a { color: #536c43 !important; } .fg-focus-shgreendark:focus { color: #536c43; } .fg-hover-shgreendark:hover { color: #536c43; } .border-shgreendark { border-color: #536c43 !important; } .border-shgreendark .rubix-timeline-body > ul { border-color: #536c43; } .border-shgreendark.rubix-timeline-view:before { border-color: #536c43; } .border-hover-shgreendark:hover { border-color: #536c43 !important; } .border-focus-shgreendark:focus { border-color: #536c43 !important; } .tl-shgreendark .rubix-timeline-body > ul > li:before { border-color: #536c43; } .list-bg-shgreendark > .list-group-item.active { background: #536c43 !important; color: white !important; } .list-fg-shgreendark > .list-group-item { color: #536c43; } .btn-shnavybluedark { background: #151628; color: white; border-color: #151628; } .btn-shnavybluedark.btn-outlined { color: #151628; background: none; } .btn-shnavybluedark.btn-outlined.btn-onlyOnHover { color: #89949B; } .btn-shnavybluedark.btn-outlined.btn-onlyOnHover:hover, .btn-shnavybluedark.btn-outlined.btn-onlyOnHover:focus, .btn-shnavybluedark.btn-outlined.btn-onlyOnHover.active { color: white; } .btn-shnavybluedark.btn-outlined.btn-inverse { color: white; border-color: white; } .btn-shnavybluedark.btn-outlined.btn-inverse:hover, .btn-shnavybluedark.btn-outlined.btn-inverse:focus, .btn-shnavybluedark.btn-outlined.btn-inverse.active { color: #151628; background: white; } .btn-shnavybluedark.btn-outlined.btn-inverse:hover.btn-retainBg, .btn-shnavybluedark.btn-outlined.btn-inverse:focus.btn-retainBg, .btn-shnavybluedark.btn-outlined.btn-inverse.active.btn-retainBg { background: #151628; color: white; border-color: #151628; } .btn-shnavybluedark.btn-outlined.btn-inverse:hover.btn-retainBg:active, .btn-shnavybluedark.btn-outlined.btn-inverse:focus.btn-retainBg:active, .btn-shnavybluedark.btn-outlined.btn-inverse.active.btn-retainBg:active { background: black; border-color: black; } .btn-shnavybluedark:focus, .btn-shnavybluedark.focus, .btn-shnavybluedark:hover, .btn-shnavybluedark.active { color: white; background: #26294a; border-color: #26294a; } .btn-shnavybluedark:active, .btn-shnavybluedark.active, .btn-shnavybluedark[aria-expanded="true"], .btn-shnavybluedark.active:hover, .btn-shnavybluedark.active:focus, .btn-shnavybluedark[aria-expanded="true"]:hover, .btn-shnavybluedark[aria-expanded="true"]:focus, .open > .btn-shnavybluedark.dropdown-toggle { color: white; background: black; border-color: black; background-image: none; } .btn-shnavybluedark.dropdown-toggle + ul li.active a { color: white; background: #151628; } .btn-shnavybluedark.disabled, .btn-shnavybluedark[disabled], fieldset[disabled] .btn-shnavybluedark { pointer-events: none; } .btn-shnavybluedark .badge { color: #151628; background-color: #151628; } .menu-shnavybluedark ul li.active a, .menu-shnavybluedark ul li.active a:hover { color: white; background: #151628 !important; } .nav-shnavybluedark > li.active > a,.nav-shnavybluedark > rubix-menu > li.active > a,.nav-shnavybluedark > rubix-nav-item > li.active > a { color: white; background: #151628; border-color: #151628; } .tab-shnavybluedark { border-color: #151628; } .tab-shnavybluedark > li.active > a { border-color: #151628; border-bottom-color: transparent; } .tab-shnavybluedark.nav-pills > li.active > a { background: #151628; color: white; } .rubix-panel-header.nav-inline .nav-shnavybluedark > li.active > a { border: 1px solid #151628; border-bottom: none; } .rubix-panel-header.nav-inline .nav-shnavybluedark > li.open > .dropdown-toggle { color: white; background: none; } .bg-shnavybluedark { background: #151628 !important; } .bg-shnavybluedark table td, .bg-shnavybluedark th { border-color: rgba(0, 0, 0, 0.05) !important; } .bg-focus-shnavybluedark:focus { background: #151628 !important; } .bg-hover-shnavybluedark:hover { background: #151628 !important; } .fg-shnavybluedark { color: #151628; } .fg-shnavybluedark .nav-tabs > li.active > a { color: #151628; } .fg-tab-active-shnavybluedark .nav-tabs > li.active > a { color: #151628 !important; } .fg-focus-shnavybluedark:focus { color: #151628; } .fg-hover-shnavybluedark:hover { color: #151628; } .border-shnavybluedark { border-color: #151628 !important; } .border-shnavybluedark .rubix-timeline-body > ul { border-color: #151628; } .border-shnavybluedark.rubix-timeline-view:before { border-color: #151628; } .border-hover-shnavybluedark:hover { border-color: #151628 !important; } .border-focus-shnavybluedark:focus { border-color: #151628 !important; } .tl-shnavybluedark .rubix-timeline-body > ul > li:before { border-color: #151628; } .list-bg-shnavybluedark > .list-group-item.active { background: #151628 !important; color: white !important; } .list-fg-shnavybluedark > .list-group-item { color: #151628; } .btn-shbeigedark { background: #c9d2bf; color: #8B3765; border-color: #c9d2bf; } .btn-shbeigedark.btn-outlined { color: #c9d2bf; background: none; } .btn-shbeigedark.btn-outlined.btn-onlyOnHover { color: #89949B; } .btn-shbeigedark.btn-outlined.btn-onlyOnHover:hover, .btn-shbeigedark.btn-outlined.btn-onlyOnHover:focus, .btn-shbeigedark.btn-outlined.btn-onlyOnHover.active { color: #8B3765; } .btn-shbeigedark.btn-outlined.btn-inverse { color: #8B3765; border-color: #8B3765; } .btn-shbeigedark.btn-outlined.btn-inverse:hover, .btn-shbeigedark.btn-outlined.btn-inverse:focus, .btn-shbeigedark.btn-outlined.btn-inverse.active { color: #c9d2bf; background: #8B3765; } .btn-shbeigedark.btn-outlined.btn-inverse:hover.btn-retainBg, .btn-shbeigedark.btn-outlined.btn-inverse:focus.btn-retainBg, .btn-shbeigedark.btn-outlined.btn-inverse.active.btn-retainBg { background: #c9d2bf; color: #8B3765; border-color: #c9d2bf; } .btn-shbeigedark.btn-outlined.btn-inverse:hover.btn-retainBg:active, .btn-shbeigedark.btn-outlined.btn-inverse:focus.btn-retainBg:active, .btn-shbeigedark.btn-outlined.btn-inverse.active.btn-retainBg:active { background: #9bac89; border-color: #7c9167; } .btn-shbeigedark:focus, .btn-shbeigedark.focus, .btn-shbeigedark:hover, .btn-shbeigedark.active { color: #8B3765; background: #e2e7dd; border-color: #e2e7dd; } .btn-shbeigedark:active, .btn-shbeigedark.active, .btn-shbeigedark[aria-expanded="true"], .btn-shbeigedark.active:hover, .btn-shbeigedark.active:focus, .btn-shbeigedark[aria-expanded="true"]:hover, .btn-shbeigedark[aria-expanded="true"]:focus, .open > .btn-shbeigedark.dropdown-toggle { color: #8B3765; background: #9bac89; border-color: #7c9167; background-image: none; } .btn-shbeigedark.dropdown-toggle + ul li.active a { color: #8B3765; background: #c9d2bf; } .btn-shbeigedark.disabled, .btn-shbeigedark[disabled], fieldset[disabled] .btn-shbeigedark { pointer-events: none; } .btn-shbeigedark .badge { color: #c9d2bf; background-color: #c9d2bf; } .menu-shbeigedark ul li.active a, .menu-shbeigedark ul li.active a:hover { color: #8B3765; background: #c9d2bf !important; } .nav-shbeigedark > li.active > a,.nav-shbeigedark > rubix-menu > li.active > a,.nav-shbeigedark > rubix-nav-item > li.active > a { color: #8B3765; background: #c9d2bf; border-color: #c9d2bf; } .tab-shbeigedark { border-color: #c9d2bf; } .tab-shbeigedark > li.active > a { border-color: #c9d2bf; border-bottom-color: transparent; } .tab-shbeigedark.nav-pills > li.active > a { background: #c9d2bf; color: #8B3765; } .rubix-panel-header.nav-inline .nav-shbeigedark > li.active > a { border: 1px solid #c9d2bf; border-bottom: none; } .rubix-panel-header.nav-inline .nav-shbeigedark > li.open > .dropdown-toggle { color: white; background: none; } .bg-shbeigedark { background: #c9d2bf !important; } .bg-shbeigedark table td, .bg-shbeigedark th { border-color: rgba(0, 0, 0, 0.05) !important; } .bg-focus-shbeigedark:focus { background: #c9d2bf !important; } .bg-hover-shbeigedark:hover { background: #c9d2bf !important; } .fg-shbeigedark { color: #c9d2bf; } .fg-shbeigedark .nav-tabs > li.active > a { color: #c9d2bf; } .fg-tab-active-shbeigedark .nav-tabs > li.active > a { color: #c9d2bf !important; } .fg-focus-shbeigedark:focus { color: #c9d2bf; } .fg-hover-shbeigedark:hover { color: #c9d2bf; } .border-shbeigedark { border-color: #c9d2bf !important; } .border-shbeigedark .rubix-timeline-body > ul { border-color: #c9d2bf; } .border-shbeigedark.rubix-timeline-view:before { border-color: #c9d2bf; } .border-hover-shbeigedark:hover { border-color: #c9d2bf !important; } .border-focus-shbeigedark:focus { border-color: #c9d2bf !important; } .tl-shbeigedark .rubix-timeline-body > ul > li:before { border-color: #c9d2bf; } .list-bg-shbeigedark > .list-group-item.active { background: #c9d2bf !important; color: #8B3765 !important; } .list-fg-shbeigedark > .list-group-item { color: #c9d2bf; } .btn-shpurplelight { background: #b04580; color: white; border-color: #b04580; } .btn-shpurplelight.btn-outlined { color: #b04580; background: none; } .btn-shpurplelight.btn-outlined.btn-onlyOnHover { color: #89949B; } .btn-shpurplelight.btn-outlined.btn-onlyOnHover:hover, .btn-shpurplelight.btn-outlined.btn-onlyOnHover:focus, .btn-shpurplelight.btn-outlined.btn-onlyOnHover.active { color: white; } .btn-shpurplelight.btn-outlined.btn-inverse { color: white; border-color: white; } .btn-shpurplelight.btn-outlined.btn-inverse:hover, .btn-shpurplelight.btn-outlined.btn-inverse:focus, .btn-shpurplelight.btn-outlined.btn-inverse.active { color: #b04580; background: white; } .btn-shpurplelight.btn-outlined.btn-inverse:hover.btn-retainBg, .btn-shpurplelight.btn-outlined.btn-inverse:focus.btn-retainBg, .btn-shpurplelight.btn-outlined.btn-inverse.active.btn-retainBg { background: #b04580; color: white; border-color: #b04580; } .btn-shpurplelight.btn-outlined.btn-inverse:hover.btn-retainBg:active, .btn-shpurplelight.btn-outlined.btn-inverse:focus.btn-retainBg:active, .btn-shpurplelight.btn-outlined.btn-inverse.active.btn-retainBg:active { background: #6e2b50; border-color: #421a30; } .btn-shpurplelight:focus, .btn-shpurplelight.focus, .btn-shpurplelight:hover, .btn-shpurplelight.active { color: white; background: #c26698; border-color: #c26698; } .btn-shpurplelight:active, .btn-shpurplelight.active, .btn-shpurplelight[aria-expanded="true"], .btn-shpurplelight.active:hover, .btn-shpurplelight.active:focus, .btn-shpurplelight[aria-expanded="true"]:hover, .btn-shpurplelight[aria-expanded="true"]:focus, .open > .btn-shpurplelight.dropdown-toggle { color: white; background: #6e2b50; border-color: #421a30; background-image: none; } .btn-shpurplelight.dropdown-toggle + ul li.active a { color: white; background: #b04580; } .btn-shpurplelight.disabled, .btn-shpurplelight[disabled], fieldset[disabled] .btn-shpurplelight { pointer-events: none; } .btn-shpurplelight .badge { color: #b04580; background-color: #b04580; } .menu-shpurplelight ul li.active a, .menu-shpurplelight ul li.active a:hover { color: white; background: #b04580 !important; } .nav-shpurplelight > li.active > a,.nav-shpurplelight > rubix-menu > li.active > a,.nav-shpurplelight > rubix-nav-item > li.active > a { color: white; background: #b04580; border-color: #b04580; } .tab-shpurplelight { border-color: #b04580; } .tab-shpurplelight > li.active > a { border-color: #b04580; border-bottom-color: transparent; } .tab-shpurplelight.nav-pills > li.active > a { background: #b04580; color: white; } .rubix-panel-header.nav-inline .nav-shpurplelight > li.active > a { border: 1px solid #b04580; border-bottom: none; } .rubix-panel-header.nav-inline .nav-shpurplelight > li.open > .dropdown-toggle { color: white; background: none; } .bg-shpurplelight { background: #b04580 !important; } .bg-shpurplelight table td, .bg-shpurplelight th { border-color: rgba(0, 0, 0, 0.05) !important; } .bg-focus-shpurplelight:focus { background: #b04580 !important; } .bg-hover-shpurplelight:hover { background: #b04580 !important; } .fg-shpurplelight { color: #b04580; } .fg-shpurplelight .nav-tabs > li.active > a { color: #b04580; } .fg-tab-active-shpurplelight .nav-tabs > li.active > a { color: #b04580 !important; } .fg-focus-shpurplelight:focus { color: #b04580; } .fg-hover-shpurplelight:hover { color: #b04580; } .border-shpurplelight { border-color: #b04580 !important; } .border-shpurplelight .rubix-timeline-body > ul { border-color: #b04580; } .border-shpurplelight.rubix-timeline-view:before { border-color: #b04580; } .border-hover-shpurplelight:hover { border-color: #b04580 !important; } .border-focus-shpurplelight:focus { border-color: #b04580 !important; } .tl-shpurplelight .rubix-timeline-body > ul > li:before { border-color: #b04580; } .list-bg-shpurplelight > .list-group-item.active { background: #b04580 !important; color: white !important; } .list-fg-shpurplelight > .list-group-item { color: #b04580; } .btn-shgreenlight { background: #84a66f; color: white; border-color: #84a66f; } .btn-shgreenlight.btn-outlined { color: #84a66f; background: none; } .btn-shgreenlight.btn-outlined.btn-onlyOnHover { color: #89949B; } .btn-shgreenlight.btn-outlined.btn-onlyOnHover:hover, .btn-shgreenlight.btn-outlined.btn-onlyOnHover:focus, .btn-shgreenlight.btn-outlined.btn-onlyOnHover.active { color: white; } .btn-shgreenlight.btn-outlined.btn-inverse { color: white; border-color: white; } .btn-shgreenlight.btn-outlined.btn-inverse:hover, .btn-shgreenlight.btn-outlined.btn-inverse:focus, .btn-shgreenlight.btn-outlined.btn-inverse.active { color: #84a66f; background: white; } .btn-shgreenlight.btn-outlined.btn-inverse:hover.btn-retainBg, .btn-shgreenlight.btn-outlined.btn-inverse:focus.btn-retainBg, .btn-shgreenlight.btn-outlined.btn-inverse.active.btn-retainBg { background: #84a66f; color: white; border-color: #84a66f; } .btn-shgreenlight.btn-outlined.btn-inverse:hover.btn-retainBg:active, .btn-shgreenlight.btn-outlined.btn-inverse:focus.btn-retainBg:active, .btn-shgreenlight.btn-outlined.btn-inverse.active.btn-retainBg:active { background: #587346; border-color: #3b4d2f; } .btn-shgreenlight:focus, .btn-shgreenlight.focus, .btn-shgreenlight:hover, .btn-shgreenlight.active { color: white; background: #9fba8e; border-color: #9fba8e; } .btn-shgreenlight:active, .btn-shgreenlight.active, .btn-shgreenlight[aria-expanded="true"], .btn-shgreenlight.active:hover, .btn-shgreenlight.active:focus, .btn-shgreenlight[aria-expanded="true"]:hover, .btn-shgreenlight[aria-expanded="true"]:focus, .open > .btn-shgreenlight.dropdown-toggle { color: white; background: #587346; border-color: #3b4d2f; background-image: none; } .btn-shgreenlight.dropdown-toggle + ul li.active a { color: white; background: #84a66f; } .btn-shgreenlight.disabled, .btn-shgreenlight[disabled], fieldset[disabled] .btn-shgreenlight { pointer-events: none; } .btn-shgreenlight .badge { color: #84a66f; background-color: #84a66f; } .menu-shgreenlight ul li.active a, .menu-shgreenlight ul li.active a:hover { color: white; background: #84a66f !important; } .nav-shgreenlight > li.active > a,.nav-shgreenlight > rubix-menu > li.active > a,.nav-shgreenlight > rubix-nav-item > li.active > a { color: white; background: #84a66f; border-color: #84a66f; } .tab-shgreenlight { border-color: #84a66f; } .tab-shgreenlight > li.active > a { border-color: #84a66f; border-bottom-color: transparent; } .tab-shgreenlight.nav-pills > li.active > a { background: #84a66f; color: white; } .rubix-panel-header.nav-inline .nav-shgreenlight > li.active > a { border: 1px solid #84a66f; border-bottom: none; } .rubix-panel-header.nav-inline .nav-shgreenlight > li.open > .dropdown-toggle { color: white; background: none; } .bg-shgreenlight { background: #84a66f !important; } .bg-shgreenlight table td, .bg-shgreenlight th { border-color: rgba(0, 0, 0, 0.05) !important; } .bg-focus-shgreenlight:focus { background: #84a66f !important; } .bg-hover-shgreenlight:hover { background: #84a66f !important; } .fg-shgreenlight { color: #84a66f; } .fg-shgreenlight .nav-tabs > li.active > a { color: #84a66f; } .fg-tab-active-shgreenlight .nav-tabs > li.active > a { color: #84a66f !important; } .fg-focus-shgreenlight:focus { color: #84a66f; } .fg-hover-shgreenlight:hover { color: #84a66f; } .border-shgreenlight { border-color: #84a66f !important; } .border-shgreenlight .rubix-timeline-body > ul { border-color: #84a66f; } .border-shgreenlight.rubix-timeline-view:before { border-color: #84a66f; } .border-hover-shgreenlight:hover { border-color: #84a66f !important; } .border-focus-shgreenlight:focus { border-color: #84a66f !important; } .tl-shgreenlight .rubix-timeline-body > ul > li:before { border-color: #84a66f; } .list-bg-shgreenlight > .list-group-item.active { background: #84a66f !important; color: white !important; } .list-fg-shgreenlight > .list-group-item { color: #84a66f; } .btn-shnavybluelight { background: #373c6c; color: white; border-color: #373c6c; } .btn-shnavybluelight.btn-outlined { color: #373c6c; background: none; } .btn-shnavybluelight.btn-outlined.btn-onlyOnHover { color: #89949B; } .btn-shnavybluelight.btn-outlined.btn-onlyOnHover:hover, .btn-shnavybluelight.btn-outlined.btn-onlyOnHover:focus, .btn-shnavybluelight.btn-outlined.btn-onlyOnHover.active { color: white; } .btn-shnavybluelight.btn-outlined.btn-inverse { color: white; border-color: white; } .btn-shnavybluelight.btn-outlined.btn-inverse:hover, .btn-shnavybluelight.btn-outlined.btn-inverse:focus, .btn-shnavybluelight.btn-outlined.btn-inverse.active { color: #373c6c; background: white; } .btn-shnavybluelight.btn-outlined.btn-inverse:hover.btn-retainBg, .btn-shnavybluelight.btn-outlined.btn-inverse:focus.btn-retainBg, .btn-shnavybluelight.btn-outlined.btn-inverse.active.btn-retainBg { background: #373c6c; color: white; border-color: #373c6c; } .btn-shnavybluelight.btn-outlined.btn-inverse:hover.btn-retainBg:active, .btn-shnavybluelight.btn-outlined.btn-inverse:focus.btn-retainBg:active, .btn-shnavybluelight.btn-outlined.btn-inverse.active.btn-retainBg:active { background: #181a2f; border-color: #030407; } .btn-shnavybluelight:focus, .btn-shnavybluelight.focus, .btn-shnavybluelight:hover, .btn-shnavybluelight.active { color: white; background: #494e8d; border-color: #494e8d; } .btn-shnavybluelight:active, .btn-shnavybluelight.active, .btn-shnavybluelight[aria-expanded="true"], .btn-shnavybluelight.active:hover, .btn-shnavybluelight.active:focus, .btn-shnavybluelight[aria-expanded="true"]:hover, .btn-shnavybluelight[aria-expanded="true"]:focus, .open > .btn-shnavybluelight.dropdown-toggle { color: white; background: #181a2f; border-color: #030407; background-image: none; } .btn-shnavybluelight.dropdown-toggle + ul li.active a { color: white; background: #373c6c; } .btn-shnavybluelight.disabled, .btn-shnavybluelight[disabled], fieldset[disabled] .btn-shnavybluelight { pointer-events: none; } .btn-shnavybluelight .badge { color: #373c6c; background-color: #373c6c; } .menu-shnavybluelight ul li.active a, .menu-shnavybluelight ul li.active a:hover { color: white; background: #373c6c !important; } .nav-shnavybluelight > li.active > a,.nav-shnavybluelight > rubix-menu > li.active > a,.nav-shnavybluelight > rubix-nav-item > li.active > a { color: white; background: #373c6c; border-color: #373c6c; } .tab-shnavybluelight { border-color: #373c6c; } .tab-shnavybluelight > li.active > a { border-color: #373c6c; border-bottom-color: transparent; } .tab-shnavybluelight.nav-pills > li.active > a { background: #373c6c; color: white; } .rubix-panel-header.nav-inline .nav-shnavybluelight > li.active > a { border: 1px solid #373c6c; border-bottom: none; } .rubix-panel-header.nav-inline .nav-shnavybluelight > li.open > .dropdown-toggle { color: white; background: none; } .bg-shnavybluelight { background: #373c6c !important; } .bg-shnavybluelight table td, .bg-shnavybluelight th { border-color: rgba(0, 0, 0, 0.05) !important; } .bg-focus-shnavybluelight:focus { background: #373c6c !important; } .bg-hover-shnavybluelight:hover { background: #373c6c !important; } .fg-shnavybluelight { color: #373c6c; } .fg-shnavybluelight .nav-tabs > li.active > a { color: #373c6c; } .fg-tab-active-shnavybluelight .nav-tabs > li.active > a { color: #373c6c !important; } .fg-focus-shnavybluelight:focus { color: #373c6c; } .fg-hover-shnavybluelight:hover { color: #373c6c; } .border-shnavybluelight { border-color: #373c6c !important; } .border-shnavybluelight .rubix-timeline-body > ul { border-color: #373c6c; } .border-shnavybluelight.rubix-timeline-view:before { border-color: #373c6c; } .border-hover-shnavybluelight:hover { border-color: #373c6c !important; } .border-focus-shnavybluelight:focus { border-color: #373c6c !important; } .tl-shnavybluelight .rubix-timeline-body > ul > li:before { border-color: #373c6c; } .list-bg-shnavybluelight > .list-group-item.active { background: #373c6c !important; color: white !important; } .list-fg-shnavybluelight > .list-group-item { color: #373c6c; } .btn-shbeigelight { background: #fcfcfb; color: #8B3765; border-color: #fcfcfb; } .btn-shbeigelight.btn-outlined { color: #fcfcfb; background: none; } .btn-shbeigelight.btn-outlined.btn-onlyOnHover { color: #89949B; } .btn-shbeigelight.btn-outlined.btn-onlyOnHover:hover, .btn-shbeigelight.btn-outlined.btn-onlyOnHover:focus, .btn-shbeigelight.btn-outlined.btn-onlyOnHover.active { color: #8B3765; } .btn-shbeigelight.btn-outlined.btn-inverse { color: #8B3765; border-color: #8B3765; } .btn-shbeigelight.btn-outlined.btn-inverse:hover, .btn-shbeigelight.btn-outlined.btn-inverse:focus, .btn-shbeigelight.btn-outlined.btn-inverse.active { color: #fcfcfb; background: #8B3765; } .btn-shbeigelight.btn-outlined.btn-inverse:hover.btn-retainBg, .btn-shbeigelight.btn-outlined.btn-inverse:focus.btn-retainBg, .btn-shbeigelight.btn-outlined.btn-inverse.active.btn-retainBg { background: #fcfcfb; color: #8B3765; border-color: #fcfcfb; } .btn-shbeigelight.btn-outlined.btn-inverse:hover.btn-retainBg:active, .btn-shbeigelight.btn-outlined.btn-inverse:focus.btn-retainBg:active, .btn-shbeigelight.btn-outlined.btn-inverse.active.btn-retainBg:active { background: #ced6c5; border-color: #afbda1; } .btn-shbeigelight:focus, .btn-shbeigelight.focus, .btn-shbeigelight:hover, .btn-shbeigelight.active { color: #8B3765; background: white; border-color: white; } .btn-shbeigelight:active, .btn-shbeigelight.active, .btn-shbeigelight[aria-expanded="true"], .btn-shbeigelight.active:hover, .btn-shbeigelight.active:focus, .btn-shbeigelight[aria-expanded="true"]:hover, .btn-shbeigelight[aria-expanded="true"]:focus, .open > .btn-shbeigelight.dropdown-toggle { color: #8B3765; background: #ced6c5; border-color: #afbda1; background-image: none; } .btn-shbeigelight.dropdown-toggle + ul li.active a { color: #8B3765; background: #fcfcfb; } .btn-shbeigelight.disabled, .btn-shbeigelight[disabled], fieldset[disabled] .btn-shbeigelight { pointer-events: none; } .btn-shbeigelight .badge { color: #fcfcfb; background-color: #fcfcfb; } .menu-shbeigelight ul li.active a, .menu-shbeigelight ul li.active a:hover { color: #8B3765; background: #fcfcfb !important; } .nav-shbeigelight > li.active > a,.nav-shbeigelight > rubix-menu > li.active > a,.nav-shbeigelight > rubix-nav-item > li.active > a { color: #8B3765; background: #fcfcfb; border-color: #fcfcfb; } .tab-shbeigelight { border-color: #fcfcfb; } .tab-shbeigelight > li.active > a { border-color: #fcfcfb; border-bottom-color: transparent; } .tab-shbeigelight.nav-pills > li.active > a { background: #fcfcfb; color: #8B3765; } .rubix-panel-header.nav-inline .nav-shbeigelight > li.active > a { border: 1px solid #fcfcfb; border-bottom: none; } .rubix-panel-header.nav-inline .nav-shbeigelight > li.open > .dropdown-toggle { color: white; background: none; } .bg-shbeigelight { background: #fcfcfb !important; } .bg-shbeigelight table td, .bg-shbeigelight th { border-color: rgba(0, 0, 0, 0.05) !important; } .bg-focus-shbeigelight:focus { background: #fcfcfb !important; } .bg-hover-shbeigelight:hover { background: #fcfcfb !important; } .fg-shbeigelight { color: #fcfcfb; } .fg-shbeigelight .nav-tabs > li.active > a { color: #fcfcfb; } .fg-tab-active-shbeigelight .nav-tabs > li.active > a { color: #fcfcfb !important; } .fg-focus-shbeigelight:focus { color: #fcfcfb; } .fg-hover-shbeigelight:hover { color: #fcfcfb; } .border-shbeigelight { border-color: #fcfcfb !important; } .border-shbeigelight .rubix-timeline-body > ul { border-color: #fcfcfb; } .border-shbeigelight.rubix-timeline-view:before { border-color: #fcfcfb; } .border-hover-shbeigelight:hover { border-color: #fcfcfb !important; } .border-focus-shbeigelight:focus { border-color: #fcfcfb !important; } .tl-shbeigelight .rubix-timeline-body > ul > li:before { border-color: #fcfcfb; } .list-bg-shbeigelight > .list-group-item.active { background: #fcfcfb !important; color: #8B3765 !important; } .list-fg-shbeigelight > .list-group-item { color: #fcfcfb; } /* ADD/REMOVE/CHANGE THEMES HERE *//* GLOBAL SETTINGS */html { letter-spacing: 0.5px; } a { color: #2EB398; } a:hover, a:focus { color: #248a76; } .rubix-panel-container { background: #ffffff; } .rubix-panel-container.bordered { border: 1px solid rgba(206, 219, 236, 0.75); box-shadow: 0px 2px 0px 0px rgba(206, 219, 236, 0.5); } .rubix-panel-container.noOverflow { overflow: visible; } .rubix-panel-controls { color: #89949B; } html.default .form-control { border-color: #ddd; } html.default .form-control:focus { box-shadow: none !important; border-color: #2EB398; } html.default .dropdown-menu .active > a { background-color: #26284B; } html.default .dropdown-menu .active > a:hover, html.default .dropdown-menu .active > a:focus { background-color: #26284B; } html.default .select2-container-multi .select2-choices { border-radius: 0; height: 25px; } html.default .select2-container .select2-choice, html.default .select2-container-multi .select2-choices { border-width: 2px; } html.default .select2-container .select2-choice .select2-arrow { color: white; border-radius: 0; } html.default .select2-drop-active, html.default .select2-drop.select2-drop-above.select2-drop-active, html.default .select2-container-active .select2-choice, html.default .select2-container-active .select2-choices, html.default .select2-dropdown-open.select2-drop-above .select2-choice, html.default .select2-dropdown-open.select2-drop-above .select2-choices, html.default .select2-container-multi.select2-container-active .select2-choices, html.default .form-control.select2-container.select2-dropdown-open { border-width: 2px; } html.default .pagination { margin: 0 0 25px; } html.default .pagination .disabled > a { color: #ccc; } html.default .pagination > .active > a, html.default .pagination > .active > a:hover, html.default .pagination > .active > a:focus, html.default .pagination > .active > span, html.default .pagination > .active > span:hover, html.default .pagination > .active > span:focus { color: white; background: #26284B; border-color: #26284B; } html.default .pagination > li > a, html.default .pagination > li > span { color: inherit; } html.default .rubix-panel .pagination > li > a { border: 1px solid #ddd; } html.default .datepicker table tr td.active,html.default .datepicker table tr td.active:hover,html.default .datepicker table tr td.active.disabled,html.default .datepicker table tr td.active.disabled:hover,html.default .datepicker table tr td span.active,html.default .datepicker table tr td span.active:hover,html.default .datepicker table tr td span.active.disabled,html.default .datepicker table tr td span.active.disabled:hover { background: #26284B !important; } html.default .breadcrumb > li > a { color: #26284B; } html.default .breadcrumb > li > a:hover, html.default .breadcrumb > li > a:focus { color: #0c0d18; } html.default .btn-theme { background: #26284B; color: white; border-color: #26284B; } html.default .btn-theme.btn-outlined { color: #26284B; background: none; } html.default .btn-theme.btn-outlined.btn-onlyOnHover { color: #89949B; } html.default .btn-theme.btn-outlined.btn-onlyOnHover:hover, html.default .btn-theme.btn-outlined.btn-onlyOnHover:focus, html.default .btn-theme.btn-outlined.btn-onlyOnHover.active { color: white; } html.default .btn-theme.btn-outlined.btn-inverse { color: white; border-color: white; } html.default .btn-theme.btn-outlined.btn-inverse:hover, html.default .btn-theme.btn-outlined.btn-inverse:focus, html.default .btn-theme.btn-outlined.btn-inverse.active { color: #26284B; background: white; } html.default .btn-theme.btn-outlined.btn-inverse:hover.btn-retainBg, html.default .btn-theme.btn-outlined.btn-inverse:focus.btn-retainBg, html.default .btn-theme.btn-outlined.btn-inverse.active.btn-retainBg { background: #26284B; color: white; border-color: #26284B; } html.default .btn-theme.btn-outlined.btn-inverse:hover.btn-retainBg:active, html.default .btn-theme.btn-outlined.btn-inverse:focus.btn-retainBg:active, html.default .btn-theme.btn-outlined.btn-inverse.active.btn-retainBg:active { background: #07080e; border-color: black; } html.default .btn-theme:focus, html.default .btn-theme.focus, html.default .btn-theme:hover, html.default .btn-theme.active { color: white; background: #373a6d; border-color: #373a6d; } html.default .btn-theme:active, html.default .btn-theme.active, html.default .btn-theme[aria-expanded="true"], html.default .btn-theme.active:hover, html.default .btn-theme.active:focus, html.default .btn-theme[aria-expanded="true"]:hover, html.default .btn-theme[aria-expanded="true"]:focus, .open > html.default .btn-theme.dropdown-toggle { color: white; background: #07080e; border-color: black; background-image: none; } html.default .btn-theme.dropdown-toggle + ul li.active a { color: white; background: #26284B; } html.default .btn-theme.disabled, html.default .btn-theme[disabled], fieldset[disabled] html.default .btn-theme { pointer-events: none; } html.default .btn-theme .badge { color: #26284B; background-color: #26284B; } html.default .menu-theme ul li.active a, html.default .menu-theme ul li.active a:hover { color: white; background: #26284B !important; } html.default .nav-theme > li.active > a,html.default .nav-theme > rubix-menu > li.active > a,html.default .nav-theme > rubix-nav-item > li.active > a { color: white; background: #26284B; border-color: #26284B; } html.default .tab-theme { border-color: #26284B; } html.default .tab-theme > li.active > a { border-color: #26284B; border-bottom-color: transparent; } html.default .tab-theme.nav-pills > li.active > a { background: #26284B; color: white; } html.default .rubix-panel-header.nav-inline .nav-theme > li.active > a { border: 1px solid #26284B; border-bottom: none; } html.default .rubix-panel-header.nav-inline .nav-theme > li.open > .dropdown-toggle { color: white; background: none; } html.default .bg-theme { background: #26284B !important; } html.default .bg-theme table td, html.default .bg-theme th { border-color: rgba(0, 0, 0, 0.05) !important; } html.default .bg-focus-theme:focus { background: #26284B !important; } html.default .bg-hover-theme:hover { background: #26284B !important; } html.default .fg-theme { color: #26284B; } html.default .fg-theme .nav-tabs > li.active > a { color: #26284B; } html.default .fg-tab-active-theme .nav-tabs > li.active > a { color: #26284B !important; } html.default .fg-focus-theme:focus { color: #26284B; } html.default .fg-hover-theme:hover { color: #26284B; } html.default .border-theme { border-color: #26284B !important; } html.default .border-theme .rubix-timeline-body > ul { border-color: #26284B; } html.default .border-theme.rubix-timeline-view:before { border-color: #26284B; } html.default .border-hover-theme:hover { border-color: #26284B !important; } html.default .border-focus-theme:focus { border-color: #26284B !important; } html.default .tl-theme .rubix-timeline-body > ul > li:before { border-color: #26284B; } html.default .list-bg-theme > .list-group-item.active { background: #26284B !important; color: white !important; } html.default .list-fg-theme > .list-group-item { color: #26284B; } html.default { background: white; overflow-x: hidden; color: #89949B; } html.default body { background: white; overflow-x: hidden; color: #89949B; } html.default body #app-container { overflow: hidden; } html.default body #container > div:first-child#navbar #rubix-nav-header { margin: 0; } html.default body #container > div:first-child#body { margin-top: 0; padding-top: 25px; } html.default body #container.container-open > #sidebar { left: 0; } html.default body #container.container-open #rubix-nav-header, html.default body #container.container-open > #body, html.default body #container.container-open > #footer-container { margin-left: 250px; margin-right: -250px; } @media (min-width: 990px) { html.default body #container.container-open #rubix-nav-header, html.default body #container.container-open > #body, html.default body #container.container-open > #footer-container { margin-right: 0; } } html.default body #container.force-close > #sidebar { left: -250px; } html.default body #container.force-close #rubix-nav-header { margin-left: 0; margin-right: 0; } html.default body #container.force-close > #body, html.default body #container.force-close > #footer-container { margin-left: 0; margin-right: 0; } html.default body #navbar { width: 100%; } html.default body #rubix-nav-header { border: none; margin-left: 0; display: block; height: 75px; transition: all 0.3s ease; background: #273135; } html.default body #rubix-nav-header .navbar-brand { width: 100%; text-align: center; color: #89949B; } html.default body #rubix-nav-header .navbar-brand > img { top: -3px; margin: auto; position: relative; } @media (max-width: 320px) { html.default body #rubix-nav-header .navbar-brand > img { width: 80px; left: -10px; } } html.default body #rubix-nav-header .navbar-content { height: 75px; } html.default body #rubix-nav-header .navbar-right { margin-right: -25px; } html.default body #rubix-nav-header .navbar-nav { margin: 0; display: inline-block; } html.default body #rubix-nav-header .navbar-nav:first-child { margin-left: -25px; } html.default body #rubix-nav-header .navbar-nav > li > a { border: none; padding: 25px; display: block; line-height: 1; } html.default body #rubix-nav-header .navbar-nav > li > a > .rubix-icon { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; } html.default body #rubix-nav-header .navbar-nav > li.divider { height: 75px; border: 1px solid rgba(59, 70, 72, 0.45); } html.default body #rubix-nav-header .navbar-nav > li.dropdown.open > a { color: white; background: none; } html.default body #rubix-nav-header .navbar-nav > li.active > a, html.default body #rubix-nav-header .navbar-nav > li > a { height: 75px; font-size: 26px; background: none; text-align: center; color: #89949B; } html.default body #rubix-nav-header .navbar-nav > li.active > a:hover, html.default body #rubix-nav-header .navbar-nav > li > a:hover { color: #ffffff; } html.default body #rubix-nav-header .navbar-nav > li.pressed > a { color: white; } html.default body #rubix-nav-header .navbar-nav > li.logout > a, html.default body #rubix-nav-header .navbar-nav > li.sidebar-btn > a { width: 80px; font-size: 30px; padding-left: 0; padding-right: 0; } html.default body #rubix-nav-header .navbar-nav > li.logout > a { color: #ffffff; background: #8B3765; } html.default body #rubix-nav-header .navbar-nav > li.logout > a:hover { background: #9d3e72; } html.default body #rubix-nav-header .navbar-nav > li.sidebar-btn > a { color: #ffffff; background: #2AA38B; } html.default body #rubix-nav-header .navbar-nav > li.sidebar-btn > a:hover { background: #2EB398; } html.default body #rubix-nav-header .navbar-nav > li.collapse-left > a { padding-left: 0; } html.default body #rubix-nav-header .navbar-nav > li.collapse-right > a { padding-right: 0; } html.default body #rubix-nav-header .navbar-nav > li.small-font > a { font-size: 20px; } html.default body #rubix-nav-header .navbar-nav > li .notification-badge { font-size: 10px; padding: 3px 5px; margin-left: -5px; line-height: 10px; margin-top: -10px; position: absolute; } @media (min-width: 990px) { html.default body #rubix-nav-header { margin-left: 250px; } } html.default body #flag-menu-btn > img { top: -2px; position: relative; } html.default body .lang-menu-text { line-height: 32px; } html.default body .header-menu > .dropdown-menu { border: none; margin-top: 0px; overflow: visible; box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2); border-top: 5px solid #26284B !important; } html.default body .header-menu > .dropdown-menu:after { top: -14px; right: 25px; content: ''; position: absolute; display: inline-block; border-left: 12px solid transparent; border-right: 12px solid transparent; border-bottom: 12px solid #26284B; } html.default body #flag-menu-btn + .dropdown-menu { width: 325px; } html.default body #flag-menu-btn + .dropdown-menu .container-fluid { margin-left: -25px; margin-right: -25px; } html.default body #settings-menu + .dropdown-menu { width: 375px; } html.default body #notifications-menu + .dropdown-menu, html.default body #rss-menu + .dropdown-menu { width: 325px; } html.default body #notifications-menu + .dropdown-menu > li, html.default body #rss-menu + .dropdown-menu > li { border-bottom: 1px solid #f2f2f2; } html.default body #notifications-menu + .dropdown-menu > li:last-child, html.default body #rss-menu + .dropdown-menu > li:last-child { border-bottom: none; } html.default body #notifications-menu + .dropdown-menu > li > a > .container-fluid, html.default body #rss-menu + .dropdown-menu > li > a > .container-fluid { padding-top: 10px; padding-bottom: 10px; } html.default body #notifications-menu + .dropdown-menu > li > a > .container-fluid > .row > .avatar-container, html.default body #rss-menu + .dropdown-menu > li > a > .container-fluid > .row > .avatar-container { width: 75px; padding-right: 10px; } html.default body #notifications-menu + .dropdown-menu > li > a > .container-fluid > .row > .avatar-container .label, html.default body #rss-menu + .dropdown-menu > li > a > .container-fluid > .row > .avatar-container .label { font-size: 8px; } html.default body #notifications-menu + .dropdown-menu > li > a > .container-fluid > .row > .notification-container, html.default body #rss-menu + .dropdown-menu > li > a > .container-fluid > .row > .notification-container { width: 225px; } html.default body #notifications-menu + .dropdown-menu > li > a > .container-fluid > .row > .notification-container > .time, html.default body #rss-menu + .dropdown-menu > li > a > .container-fluid > .row > .notification-container > .time { line-height: 1; font-size: 10px; padding-bottom: 5px; } html.default body #notifications-menu + .dropdown-menu > li > a > .container-fluid > .row > .notification-container > .time > strong > .rubix-icon, html.default body #rss-menu + .dropdown-menu > li > a > .container-fluid > .row > .notification-container > .time > strong > .rubix-icon { margin-right: 5px; } html.default body #notifications-menu + .dropdown-menu > li > a > .container-fluid > .row > .notification-container > .message-header, html.default body #rss-menu + .dropdown-menu > li > a > .container-fluid > .row > .notification-container > .message-header { line-height: 1; font-size: 12px; padding-bottom: 5px; } html.default body #notifications-menu + .dropdown-menu > li > a > .container-fluid > .row > .notification-container > .message-details, html.default body #rss-menu + .dropdown-menu > li > a > .container-fluid > .row > .notification-container > .message-details { line-height: 1; font-size: 10px; padding-bottom: 5px; } html.default body #notifications-menu + .dropdown-menu .notification-footer-btn, html.default body #rss-menu + .dropdown-menu .notification-footer-btn { margin: 0; height: 100%; font-size: 12px; border-radius: 0; font-weight: bold; padding: 6px 12px; border: none !important; color: #98A0A3 !important; background: #F9FAFB !important; } html.default body #notifications-menu + .dropdown-menu .notification-footer-btn:hover, html.default body #notifications-menu + .dropdown-menu .notification-footer-btn:focus, html.default body #rss-menu + .dropdown-menu .notification-footer-btn:hover, html.default body #rss-menu + .dropdown-menu .notification-footer-btn:focus { border: none !important; background: #eaedf1 !important; } html.default body #notifications-menu + .dropdown-menu .notification-footer-btn.left-btn, html.default body #rss-menu + .dropdown-menu .notification-footer-btn.left-btn { border-right: 1px solid #DDE1E6 !important; } html.default body #sidebar { top: 0; bottom: 0; z-index: 1; position: fixed; overflow: hidden; transition: all 0.3s ease; left: -250px; width: 250px; background: #273135; } @media (min-width: 990px) { html.default body #sidebar { left: 0; } } html.default body #sidebar #avatar { height: 75px; background: #9d3e72; } html.default body #sidebar #avatar img { top: 17px; position: relative; } html.default body #sidebar #avatar-col, html.default body #sidebar #avatar-desc { margin-left: -5px; } html.default body #sidebar #demo-progress { margin: 0; top: 30px; height: 4px; width: 115px; border-radius: 0; position: relative; background: #8B3765; } html.default body #sidebar #demo-icon { top: 3px; float: right; font-size: 18px; position: relative; color: #8B3765; } html.default body #sidebar .sidebar-controls-container { width: 250px; height: 35px; display: table; visibility: visible; background: #8B3765; } html.default body #sidebar .sidebar-controls-container > .sidebar-controls { display: table-row; } html.default body #sidebar .sidebar-controls-container > .sidebar-controls > .sidebar-control-btn { border: none; outline: none; font-size: 16px; cursor: pointer; background: none; text-align: center; display: table-cell; vertical-align: middle; border-right: 1px solid #843460; } html.default body #sidebar .sidebar-controls-container > .sidebar-controls > .sidebar-control-btn > a { outline: none; color: #6B8C56; } html.default body #sidebar .sidebar-controls-container > .sidebar-controls > .sidebar-control-btn > a:hover, html.default body #sidebar .sidebar-controls-container > .sidebar-controls > .sidebar-control-btn > a:focus { border: none; } html.default body #sidebar .sidebar-controls-container > .sidebar-controls > .sidebar-control-btn.active { background: #9d3e72 !important; } html.default body #sidebar .sidebar-controls-container > .sidebar-controls > .sidebar-control-btn.active > a { color: #c26698; } html.default body #sidebar .sidebar-controls-container > .sidebar-controls > .sidebar-control-btn:hover { background: rgba(0, 0, 0, 0.04); } html.default body #sidebar .sidebar-item { height: 35px; background: #1F282D; } html.default body #sidebar #sidebar-container { bottom: 0; width: 250px; overflow: hidden; position: absolute; top: 110px; } html.default body #sidebar #sidebar-container .sidebar { top: 0; bottom: 0; width: 250px; overflow: hidden; position: absolute; transition: all 0.3s ease; } html.default body .sidebar-header { line-height: 1; font-size: 12px; padding-top: 25px; font-weight: bold; padding-bottom: 12px; text-transform: uppercase; color: rgba(137, 148, 155, 0.4); } html.default body .sidebar-nav > .sidebar-header { padding-left: 25px; } html.default body .sidebar-nav { padding: 0; list-style: none; margin-left: 25px; border-left: 2px solid rgba(59, 70, 72, 0.5); } html.default body .sidebar-nav > li { height: 45px; outline: none; cursor: pointer; overflow: hidden; position: relative; } html.default body .sidebar-nav > li > a { height: 45px; border: none; outline: none; color: #89949B; display: block; font-size: 14px; line-height: 14px; text-decoration: none; padding: 15px 0px 15px 25px; } html.default body .sidebar-nav > li > a > .rubix-icon, html.default body .sidebar-nav > li > a > rubix-icon > .rubix-icon { width: 16px; height: 17px; vertical-align: top; display: inline-block; } html.default body .sidebar-nav > li > a > .name { line-height: 16px; vertical-align: top; } html.default body .sidebar-nav > li > a > .name > span > .label, html.default body .sidebar-nav > li > a > .name > .label { float: right; margin-top: -3px; padding: 5px 10px; margin-right: 30px; } html.default body .sidebar-nav > li > a > .rubix-icon ~ .name, html.default body .sidebar-nav > li > a > rubix-icon ~ .name { margin-left: 10px; } html.default body .sidebar-nav > li > a:hover, html.default body .sidebar-nav > li > a:focus { border: none; background: rgba(0, 0, 0, 0.2); } html.default body .sidebar-nav > li:hover:before, html.default body .sidebar-nav > li.open:before { display: none; } html.default body .sidebar-nav > li.open { height: 100%; } html.default body .sidebar-nav > li.open > a { background: rgba(0, 0, 0, 0.2); } html.default body .sidebar-nav > li:before { left: 0; top: 22px; width: 15px; content: ' '; position: absolute; display: inline-block; border: 1px solid rgba(59, 70, 72, 0.5); } html.default body .sidebar-nav > li.active { border-left: 5px solid #26284B; } html.default body .sidebar-nav > li.active > a { background: rgba(0, 0, 0, 0.4); padding-left: 20px; } html.default body .sidebar-nav > li.active > a:hover { background: rgba(0, 0, 0, 0.4); } html.default body .sidebar-nav > li.active:before { display: none; } html.default body .sidebar-nav > li.active:after { top: 11px; right: 0; content: ''; position: absolute; display: inline-block; border-top: 12px solid transparent; border-bottom: 12px solid transparent; border-right: 10px solid #faf8f5; } html.default body .sidebar-nav-container > .sidebar-nav { border: none; margin-left: -25px; margin-right: -25px; } html.default body .sidebar-nav-container > .sidebar-nav > li:before { display: none; } html.default body .sidebar-nav-container > .sidebar-nav > li > a { font-size: 16px; line-height: 16px; padding: 15px 25px; } html.default body .sidebar-nav-container > .sidebar-nav > li > a > .name { line-height: 18px; margin-left: 15px; } html.default body .sidebar-nav-container > .sidebar-nav > li > a > .rubix-icon, html.default body .sidebar-nav-container > .sidebar-nav > li > a > rubix-icon > .rubix-icon { width: 18px; height: 19px; display: inline-block; } html.default body .sidebar-nav-container > .sidebar-nav > li.active > a { padding-left: 20px; } html.default body #navbar ~ #sidebar { top: 75px; } html.default body #body { left: 0; -webkit-box-flex: 1; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; z-index: 100; margin-left: 0; position: relative; transition: all 0.3s ease; background: #faf8f5; margin-top: 25px; padding-bottom: 25px; } html.default body #navbar ~ #body { margin-top: 74px; padding-top: 25px; } @media (min-width: 990px) { html.default body #sidebar ~ #body { margin-left: 250px; } } html.default body #sidebar + #body { margin-top: 0; padding-top: 25px; } html.default body .external-event { background: #26284B; } html.default body #footer { padding: 10px; position: relative; color: #CCD6DF; background: #89949B; -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none; } html.default body #footer-container { transition: all 0.3s ease; } @media (min-width: 990px) { html.default body #sidebar ~ #footer-container { margin-left: 250px; } } html .sidebar-nav > li > a > .toggle-button { top: 14px; right: 15px; position: absolute; } .toggle-button { transform-origin: 4px; transition: all 0.125s ease; } .toggle-button.open { transform: rotate(-90deg); } .toggle-button.opposite { transform-origin: 12px; } .toggle-button.opposite.open { transform: rotate(90deg); } html.touchevents, html.touchevents > body, html.touchevents #app-container, html.touchevents #app-container > #container { position: relative; } html.touchevents #body { top: 0; bottom: 0; left: 0 !important; right: 0 !important; padding: 0 !important; position: fixed !important; margin-bottom: 0 !important; min-height: 100% !important; margin-top: -100px !important; } html.touchevents #body > div { position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow-x: hidden !important; overflow-y: scroll !important; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; padding-top: 200px; padding-bottom: 25px; } html.touchevents #body > div > div { overflow-x: hidden; } html.touchevents #sidebar { overflow: hidden !important; } html.touchevents #sidebar #sidebar-container .sidebar { overflow-x: hidden !important; overflow-y: scroll !important; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } html.touchevents #footer, html.touchevents #footer-container { display: none !important; position: relative !important; } html.static { background: #273135; } html.static body, html.static #app-container { background: #273135; } html.static #body { margin-top: -35px !important; } html.static #sidebar, html.static #rubix-nav-header { position: relative !important; } html.static #rubix-nav-header { position: static; margin-top: -110px; margin-bottom: -110px; margin-left: -25px !important; margin-right: -25px; } html.static #sidebar { overflow: visible !important; } html.static #sidebar #sidebar-container, html.static #sidebar .sidebar { overflow: visible !important; } @media (min-width: 990px) { html.static #rubix-nav-header { margin-left: 225px !important; } } html.static #container.container-open #rubix-nav-header { margin-left: 225px !important; } @media (min-width: 990px) { html.static #container.container-open #rubix-nav-header { margin-right: -25px !important; } } html.boxed { height: 100%; overflow: hidden; background: #333333 url("/imgs/common/congruent_outline.png"); } html.boxed body { margin: 0; width: 100%; height: 100%; overflow: hidden; background: none; transition: all 0.5s ease; } html.boxed body #navbar { padding: 0; } html.boxed body #rubix-nav-header { margin: 0; position: absolute; } html.boxed body #sidebar { top: 75px; } html.boxed body #container.container-open > #sidebar { left: 0; } html.boxed body #container.container-open #rubix-nav-header { margin-left: 0; margin-right: 0; } html.boxed body #container.container-open > #body, html.boxed body #container.container-open > #footer-container { margin-left: 250px; margin-right: -250px; } @media (min-width: 990px) { html.boxed body #container.container-open > #body, html.boxed body #container.container-open > #footer-container { margin-right: 0; margin-left: 250px; } } html.boxed body > #app-container { height: 100%; overflow: hidden; position: relative; } html.boxed body > #app-container #rubix-nav-header { position: relative; } html.boxed body > #app-container #sidebar { margin: 0; position: absolute; } html.boxed body > #app-container #body { left: 0; right: 0; bottom: 0; margin-top: 0; overflow: auto; margin-left: 0; position: absolute; padding-bottom: 25px; padding-top: 200px; margin-top: -175px !important; overflow-y: auto; overflow-x: hidden; } html.boxed body > #app-container #footer-container, html.boxed body > #app-container #footer { display: none; } html.boxed body > #app-container #navbar ~ #body { margin-top: 0; top: 69px; } @media (min-width: 990px) { html.boxed body { width: 990px; margin: auto; box-shadow: 0 0 15px rgba(0, 0, 0, 0.5); } html.boxed body > #app-container { margin: auto; } html.boxed body > #app-container #sidebar { margin-left: 0; } html.boxed body > #app-container #sidebar ~ #body, html.boxed body > #app-container #sidebar ~ #body ~ #footer-container { right: 0; margin-left: 250px; } } html.static.boxed { height: auto; overflow: auto; overflow-x: hidden; } html.static.boxed body { height: auto; overflow: visible; overflow-x: hidden; } html.static.boxed body #app-container { overflow: hidden; } html.static.boxed body #container.container-open #rubix-nav-header { margin-left: 0 !important; margin-right: 0 !important; } html.static.boxed body #navbar { width: 100%; } html.static.boxed body #rubix-nav-header { margin-right: 0; margin-top: -110px; margin-left: 0 !important; } html.static.boxed body #body { overflow: hidden !important; padding-top: 95px !important; position: relative !important; padding-bottom: 95px !important; } html.static.boxed body #footer-container, html.static.boxed body #footer { display: block !important; } html.static.boxed body #footer-container { margin-top: 25px; } body { margin: 0; padding: 0; } #content { background: transparent; } body { -webkit-font-smoothing: subpixel-antialiased; } /*# sourceMappingURL=index.scss.map */
/*# sourceMappingURL=index.css.map */