@charset "UTF-8"; /*! * Bootstrap v4.0.0-alpha.2 (http://getbootstrap.com) * Copyright 2011-2015 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ html { font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-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 { outline: 0; } a:hover { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } h1 { margin: .67em 0; font-size: 2em; } mark { color: #000; background: #ff0; } small { font-size: 80%; } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 40px; } hr { height: 0; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea { margin: 0; font: inherit; color: inherit; } 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 { padding: 0; border: 0; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-appearance: textfield; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { padding: .35em .625em .75em; margin: 0 2px; border: 1px solid #c0c0c0; } legend { padding: 0; border: 0; } textarea { overflow: auto; } optgroup { font-weight: bold; } table { border-spacing: 0; border-collapse: collapse; } td, th { padding: 0; } @media print { *, *::before, *::after { text-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; } a, a:visited { text-decoration: underline; } abbr[title]::after { content: " (" attr(title) ")"; } 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; } } html { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } *, *::before, *::after { -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit; } @-moz-viewport { width: device-width; } @-ms-viewport { width: device-width; } @-webkit-viewport { width: device-width; } @-o-viewport { width: device-width; } @viewport { width: device-width; } html { font-size: 16px; -webkit-tap-highlight-color: transparent; } body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 1rem; line-height: 1.5; color: #373a3c; background-color: #fff; } [tabindex="-1"]:focus { outline: none !important; } h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: .5rem; } p { margin-top: 0; margin-bottom: 1rem; } abbr[title], abbr[data-original-title] { cursor: help; border-bottom: 1px dotted #818a91; } address { margin-bottom: 1rem; font-style: normal; line-height: inherit; } ol, ul, dl { margin-top: 0; margin-bottom: 1rem; } ol ol, ul ul, ol ul, ul ol { margin-bottom: 0; } dt { font-weight: bold; } dd { margin-bottom: .5rem; margin-left: 0; } blockquote { margin: 0 0 1rem; } a { color: #0275d8; text-decoration: none; } a:focus, a:hover { color: #014c8c; text-decoration: underline; } a:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } pre { margin-top: 0; margin-bottom: 1rem; } figure { margin: 0 0 1rem; } img { vertical-align: middle; } [role="button"] { cursor: pointer; } a, area, button, [role="button"], input, label, select, summary, textarea { -ms-touch-action: manipulation; touch-action: manipulation; } table { background-color: transparent; } caption { padding-top: .75rem; padding-bottom: .75rem; color: #818a91; text-align: left; caption-side: bottom; } th { text-align: left; } label { display: inline-block; margin-bottom: .5rem; } button:focus { outline: 1px dotted; outline: 5px auto -webkit-focus-ring-color; } input, button, select, textarea { margin: 0; line-height: inherit; -webkit-border-radius: 0; border-radius: 0; } textarea { resize: vertical; } fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } legend { display: block; width: 100%; padding: 0; margin-bottom: .5rem; font-size: 1.5rem; line-height: inherit; } input[type="search"] { -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit; -webkit-appearance: none; } output { display: inline-block; } [hidden] { display: none !important; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { margin-bottom: .5rem; font-family: inherit; font-weight: 500; line-height: 1.1; color: inherit; } h1 { font-size: 2.5rem; } h2 { font-size: 2rem; } h3 { font-size: 1.75rem; } h4 { font-size: 1.5rem; } h5 { font-size: 1.25rem; } h6 { font-size: 1rem; } .h1 { font-size: 2.5rem; } .h2 { font-size: 2rem; } .h3 { font-size: 1.75rem; } .h4 { font-size: 1.5rem; } .h5 { font-size: 1.25rem; } .h6 { font-size: 1rem; } .lead { font-size: 1.25rem; font-weight: 300; } .display-1 { font-size: 6rem; font-weight: 300; } .display-2 { font-size: 5.5rem; font-weight: 300; } .display-3 { font-size: 4.5rem; font-weight: 300; } .display-4 { font-size: 3.5rem; font-weight: 300; } hr { margin-top: 1rem; margin-bottom: 1rem; border: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); } small, .small { font-size: 80%; font-weight: normal; } mark, .mark { padding: .2em; background-color: #fcf8e3; } .list-unstyled { padding-left: 0; list-style: none; } .list-inline { padding-left: 0; list-style: none; } .list-inline-item { display: inline-block; } .list-inline-item:not(:last-child) { margin-right: 5px; } .dl-horizontal { margin-right: -1.875rem; margin-left: -1.875rem; } .dl-horizontal::after { display: table; clear: both; content: ""; } .initialism { font-size: 90%; text-transform: uppercase; } .blockquote { padding: .5rem 1rem; margin-bottom: 1rem; font-size: 1.25rem; border-left: .25rem solid #eceeef; } .blockquote-footer { display: block; font-size: 80%; line-height: 1.5; color: #818a91; } .blockquote-footer::before { content: "\2014 \00A0"; } .blockquote-reverse { padding-right: 1rem; padding-left: 0; text-align: right; border-right: .25rem solid #eceeef; border-left: 0; } .blockquote-reverse .blockquote-footer::before { content: ""; } .blockquote-reverse .blockquote-footer::after { content: "\00A0 \2014"; } .img-fluid, .carousel-inner > .carousel-item > img, .carousel-inner > .carousel-item > a > img { display: block; max-width: 100%; height: auto; } .img-rounded { -webkit-border-radius: .3rem; border-radius: .3rem; } .img-thumbnail { display: inline-block; max-width: 100%; height: auto; padding: .25rem; line-height: 1.5; background-color: #fff; border: 1px solid #ddd; -webkit-border-radius: .25rem; border-radius: .25rem; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .img-circle { -webkit-border-radius: 50%; border-radius: 50%; } .figure { display: inline-block; } .figure-img { margin-bottom: .5rem; line-height: 1; } .figure-caption { font-size: 90%; color: #818a91; } code, kbd, pre, samp { font-family: Menlo, Monaco, Consolas, "Courier New", monospace; } code { padding: .2rem .4rem; font-size: 90%; color: #bd4147; background-color: #f7f7f9; -webkit-border-radius: .25rem; border-radius: .25rem; } kbd { padding: .2rem .4rem; font-size: 90%; color: #fff; background-color: #333; -webkit-border-radius: .2rem; border-radius: .2rem; } kbd kbd { padding: 0; font-size: 100%; font-weight: bold; } pre { display: block; margin-top: 0; margin-bottom: 1rem; font-size: 90%; line-height: 1.5; color: #373a3c; } pre code { padding: 0; font-size: inherit; color: inherit; background-color: transparent; -webkit-border-radius: 0; border-radius: 0; } .pre-scrollable { max-height: 340px; overflow-y: scroll; } .container { padding-right: .9375rem; padding-left: .9375rem; margin-right: auto; margin-left: auto; } .container::after { display: table; clear: both; content: ""; } @media (min-width: 544px) { .container { max-width: 576px; } } @media (min-width: 768px) { .container { max-width: 720px; } } @media (min-width: 992px) { .container { max-width: 940px; } } @media (min-width: 1200px) { .container { max-width: 1140px; } } .container-fluid { padding-right: .9375rem; padding-left: .9375rem; margin-right: auto; margin-left: auto; } .container-fluid::after { display: table; clear: both; content: ""; } .row { margin-right: -0.9375rem; margin-left: -0.9375rem; } .row::after { display: table; clear: both; content: ""; } .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, .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, .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, .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, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 { position: relative; min-height: 1px; padding-right: .9375rem; padding-left: .9375rem; } .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.333333%; } .col-xs-2 { width: 16.666667%; } .col-xs-3 { width: 25%; } .col-xs-4 { width: 33.333333%; } .col-xs-5 { width: 41.666667%; } .col-xs-6 { width: 50%; } .col-xs-7 { width: 58.333333%; } .col-xs-8 { width: 66.666667%; } .col-xs-9 { width: 75%; } .col-xs-10 { width: 83.333333%; } .col-xs-11 { width: 91.666667%; } .col-xs-12 { width: 100%; } .col-xs-pull-0 { right: auto; } .col-xs-pull-1 { right: 8.333333%; } .col-xs-pull-2 { right: 16.666667%; } .col-xs-pull-3 { right: 25%; } .col-xs-pull-4 { right: 33.333333%; } .col-xs-pull-5 { right: 41.666667%; } .col-xs-pull-6 { right: 50%; } .col-xs-pull-7 { right: 58.333333%; } .col-xs-pull-8 { right: 66.666667%; } .col-xs-pull-9 { right: 75%; } .col-xs-pull-10 { right: 83.333333%; } .col-xs-pull-11 { right: 91.666667%; } .col-xs-pull-12 { right: 100%; } .col-xs-push-0 { left: auto; } .col-xs-push-1 { left: 8.333333%; } .col-xs-push-2 { left: 16.666667%; } .col-xs-push-3 { left: 25%; } .col-xs-push-4 { left: 33.333333%; } .col-xs-push-5 { left: 41.666667%; } .col-xs-push-6 { left: 50%; } .col-xs-push-7 { left: 58.333333%; } .col-xs-push-8 { left: 66.666667%; } .col-xs-push-9 { left: 75%; } .col-xs-push-10 { left: 83.333333%; } .col-xs-push-11 { left: 91.666667%; } .col-xs-push-12 { left: 100%; } .col-xs-offset-0 { margin-left: 0; } .col-xs-offset-1 { margin-left: 8.333333%; } .col-xs-offset-2 { margin-left: 16.666667%; } .col-xs-offset-3 { margin-left: 25%; } .col-xs-offset-4 { margin-left: 33.333333%; } .col-xs-offset-5 { margin-left: 41.666667%; } .col-xs-offset-6 { margin-left: 50%; } .col-xs-offset-7 { margin-left: 58.333333%; } .col-xs-offset-8 { margin-left: 66.666667%; } .col-xs-offset-9 { margin-left: 75%; } .col-xs-offset-10 { margin-left: 83.333333%; } .col-xs-offset-11 { margin-left: 91.666667%; } .col-xs-offset-12 { margin-left: 100%; } @media (min-width: 544px) { .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.333333%; } .col-sm-2 { width: 16.666667%; } .col-sm-3 { width: 25%; } .col-sm-4 { width: 33.333333%; } .col-sm-5 { width: 41.666667%; } .col-sm-6 { width: 50%; } .col-sm-7 { width: 58.333333%; } .col-sm-8 { width: 66.666667%; } .col-sm-9 { width: 75%; } .col-sm-10 { width: 83.333333%; } .col-sm-11 { width: 91.666667%; } .col-sm-12 { width: 100%; } .col-sm-pull-0 { right: auto; } .col-sm-pull-1 { right: 8.333333%; } .col-sm-pull-2 { right: 16.666667%; } .col-sm-pull-3 { right: 25%; } .col-sm-pull-4 { right: 33.333333%; } .col-sm-pull-5 { right: 41.666667%; } .col-sm-pull-6 { right: 50%; } .col-sm-pull-7 { right: 58.333333%; } .col-sm-pull-8 { right: 66.666667%; } .col-sm-pull-9 { right: 75%; } .col-sm-pull-10 { right: 83.333333%; } .col-sm-pull-11 { right: 91.666667%; } .col-sm-pull-12 { right: 100%; } .col-sm-push-0 { left: auto; } .col-sm-push-1 { left: 8.333333%; } .col-sm-push-2 { left: 16.666667%; } .col-sm-push-3 { left: 25%; } .col-sm-push-4 { left: 33.333333%; } .col-sm-push-5 { left: 41.666667%; } .col-sm-push-6 { left: 50%; } .col-sm-push-7 { left: 58.333333%; } .col-sm-push-8 { left: 66.666667%; } .col-sm-push-9 { left: 75%; } .col-sm-push-10 { left: 83.333333%; } .col-sm-push-11 { left: 91.666667%; } .col-sm-push-12 { left: 100%; } .col-sm-offset-0 { margin-left: 0; } .col-sm-offset-1 { margin-left: 8.333333%; } .col-sm-offset-2 { margin-left: 16.666667%; } .col-sm-offset-3 { margin-left: 25%; } .col-sm-offset-4 { margin-left: 33.333333%; } .col-sm-offset-5 { margin-left: 41.666667%; } .col-sm-offset-6 { margin-left: 50%; } .col-sm-offset-7 { margin-left: 58.333333%; } .col-sm-offset-8 { margin-left: 66.666667%; } .col-sm-offset-9 { margin-left: 75%; } .col-sm-offset-10 { margin-left: 83.333333%; } .col-sm-offset-11 { margin-left: 91.666667%; } .col-sm-offset-12 { margin-left: 100%; } } @media (min-width: 768px) { .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.333333%; } .col-md-2 { width: 16.666667%; } .col-md-3 { width: 25%; } .col-md-4 { width: 33.333333%; } .col-md-5 { width: 41.666667%; } .col-md-6 { width: 50%; } .col-md-7 { width: 58.333333%; } .col-md-8 { width: 66.666667%; } .col-md-9 { width: 75%; } .col-md-10 { width: 83.333333%; } .col-md-11 { width: 91.666667%; } .col-md-12 { width: 100%; } .col-md-pull-0 { right: auto; } .col-md-pull-1 { right: 8.333333%; } .col-md-pull-2 { right: 16.666667%; } .col-md-pull-3 { right: 25%; } .col-md-pull-4 { right: 33.333333%; } .col-md-pull-5 { right: 41.666667%; } .col-md-pull-6 { right: 50%; } .col-md-pull-7 { right: 58.333333%; } .col-md-pull-8 { right: 66.666667%; } .col-md-pull-9 { right: 75%; } .col-md-pull-10 { right: 83.333333%; } .col-md-pull-11 { right: 91.666667%; } .col-md-pull-12 { right: 100%; } .col-md-push-0 { left: auto; } .col-md-push-1 { left: 8.333333%; } .col-md-push-2 { left: 16.666667%; } .col-md-push-3 { left: 25%; } .col-md-push-4 { left: 33.333333%; } .col-md-push-5 { left: 41.666667%; } .col-md-push-6 { left: 50%; } .col-md-push-7 { left: 58.333333%; } .col-md-push-8 { left: 66.666667%; } .col-md-push-9 { left: 75%; } .col-md-push-10 { left: 83.333333%; } .col-md-push-11 { left: 91.666667%; } .col-md-push-12 { left: 100%; } .col-md-offset-0 { margin-left: 0; } .col-md-offset-1 { margin-left: 8.333333%; } .col-md-offset-2 { margin-left: 16.666667%; } .col-md-offset-3 { margin-left: 25%; } .col-md-offset-4 { margin-left: 33.333333%; } .col-md-offset-5 { margin-left: 41.666667%; } .col-md-offset-6 { margin-left: 50%; } .col-md-offset-7 { margin-left: 58.333333%; } .col-md-offset-8 { margin-left: 66.666667%; } .col-md-offset-9 { margin-left: 75%; } .col-md-offset-10 { margin-left: 83.333333%; } .col-md-offset-11 { margin-left: 91.666667%; } .col-md-offset-12 { margin-left: 100%; } } @media (min-width: 992px) { .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.333333%; } .col-lg-2 { width: 16.666667%; } .col-lg-3 { width: 25%; } .col-lg-4 { width: 33.333333%; } .col-lg-5 { width: 41.666667%; } .col-lg-6 { width: 50%; } .col-lg-7 { width: 58.333333%; } .col-lg-8 { width: 66.666667%; } .col-lg-9 { width: 75%; } .col-lg-10 { width: 83.333333%; } .col-lg-11 { width: 91.666667%; } .col-lg-12 { width: 100%; } .col-lg-pull-0 { right: auto; } .col-lg-pull-1 { right: 8.333333%; } .col-lg-pull-2 { right: 16.666667%; } .col-lg-pull-3 { right: 25%; } .col-lg-pull-4 { right: 33.333333%; } .col-lg-pull-5 { right: 41.666667%; } .col-lg-pull-6 { right: 50%; } .col-lg-pull-7 { right: 58.333333%; } .col-lg-pull-8 { right: 66.666667%; } .col-lg-pull-9 { right: 75%; } .col-lg-pull-10 { right: 83.333333%; } .col-lg-pull-11 { right: 91.666667%; } .col-lg-pull-12 { right: 100%; } .col-lg-push-0 { left: auto; } .col-lg-push-1 { left: 8.333333%; } .col-lg-push-2 { left: 16.666667%; } .col-lg-push-3 { left: 25%; } .col-lg-push-4 { left: 33.333333%; } .col-lg-push-5 { left: 41.666667%; } .col-lg-push-6 { left: 50%; } .col-lg-push-7 { left: 58.333333%; } .col-lg-push-8 { left: 66.666667%; } .col-lg-push-9 { left: 75%; } .col-lg-push-10 { left: 83.333333%; } .col-lg-push-11 { left: 91.666667%; } .col-lg-push-12 { left: 100%; } .col-lg-offset-0 { margin-left: 0; } .col-lg-offset-1 { margin-left: 8.333333%; } .col-lg-offset-2 { margin-left: 16.666667%; } .col-lg-offset-3 { margin-left: 25%; } .col-lg-offset-4 { margin-left: 33.333333%; } .col-lg-offset-5 { margin-left: 41.666667%; } .col-lg-offset-6 { margin-left: 50%; } .col-lg-offset-7 { margin-left: 58.333333%; } .col-lg-offset-8 { margin-left: 66.666667%; } .col-lg-offset-9 { margin-left: 75%; } .col-lg-offset-10 { margin-left: 83.333333%; } .col-lg-offset-11 { margin-left: 91.666667%; } .col-lg-offset-12 { margin-left: 100%; } } @media (min-width: 1200px) { .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 { float: left; } .col-xl-1 { width: 8.333333%; } .col-xl-2 { width: 16.666667%; } .col-xl-3 { width: 25%; } .col-xl-4 { width: 33.333333%; } .col-xl-5 { width: 41.666667%; } .col-xl-6 { width: 50%; } .col-xl-7 { width: 58.333333%; } .col-xl-8 { width: 66.666667%; } .col-xl-9 { width: 75%; } .col-xl-10 { width: 83.333333%; } .col-xl-11 { width: 91.666667%; } .col-xl-12 { width: 100%; } .col-xl-pull-0 { right: auto; } .col-xl-pull-1 { right: 8.333333%; } .col-xl-pull-2 { right: 16.666667%; } .col-xl-pull-3 { right: 25%; } .col-xl-pull-4 { right: 33.333333%; } .col-xl-pull-5 { right: 41.666667%; } .col-xl-pull-6 { right: 50%; } .col-xl-pull-7 { right: 58.333333%; } .col-xl-pull-8 { right: 66.666667%; } .col-xl-pull-9 { right: 75%; } .col-xl-pull-10 { right: 83.333333%; } .col-xl-pull-11 { right: 91.666667%; } .col-xl-pull-12 { right: 100%; } .col-xl-push-0 { left: auto; } .col-xl-push-1 { left: 8.333333%; } .col-xl-push-2 { left: 16.666667%; } .col-xl-push-3 { left: 25%; } .col-xl-push-4 { left: 33.333333%; } .col-xl-push-5 { left: 41.666667%; } .col-xl-push-6 { left: 50%; } .col-xl-push-7 { left: 58.333333%; } .col-xl-push-8 { left: 66.666667%; } .col-xl-push-9 { left: 75%; } .col-xl-push-10 { left: 83.333333%; } .col-xl-push-11 { left: 91.666667%; } .col-xl-push-12 { left: 100%; } .col-xl-offset-0 { margin-left: 0; } .col-xl-offset-1 { margin-left: 8.333333%; } .col-xl-offset-2 { margin-left: 16.666667%; } .col-xl-offset-3 { margin-left: 25%; } .col-xl-offset-4 { margin-left: 33.333333%; } .col-xl-offset-5 { margin-left: 41.666667%; } .col-xl-offset-6 { margin-left: 50%; } .col-xl-offset-7 { margin-left: 58.333333%; } .col-xl-offset-8 { margin-left: 66.666667%; } .col-xl-offset-9 { margin-left: 75%; } .col-xl-offset-10 { margin-left: 83.333333%; } .col-xl-offset-11 { margin-left: 91.666667%; } .col-xl-offset-12 { margin-left: 100%; } } .table { width: 100%; max-width: 100%; margin-bottom: 1rem; } .table th, .table td { padding: .75rem; line-height: 1.5; vertical-align: top; border-top: 1px solid #eceeef; } .table thead th { vertical-align: bottom; border-bottom: 2px solid #eceeef; } .table tbody + tbody { border-top: 2px solid #eceeef; } .table .table { background-color: #fff; } .table-sm th, .table-sm td { padding: .3rem; } .table-bordered { border: 1px solid #eceeef; } .table-bordered th, .table-bordered td { border: 1px solid #eceeef; } .table-bordered thead th, .table-bordered thead 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-active, .table-active > th, .table-active > td { background-color: #f5f5f5; } .table-hover .table-active:hover { background-color: #e8e8e8; } .table-hover .table-active:hover > td, .table-hover .table-active:hover > th { background-color: #e8e8e8; } .table-success, .table-success > th, .table-success > td { background-color: #dff0d8; } .table-hover .table-success:hover { background-color: #d0e9c6; } .table-hover .table-success:hover > td, .table-hover .table-success:hover > th { background-color: #d0e9c6; } .table-info, .table-info > th, .table-info > td { background-color: #d9edf7; } .table-hover .table-info:hover { background-color: #c4e3f3; } .table-hover .table-info:hover > td, .table-hover .table-info:hover > th { background-color: #c4e3f3; } .table-warning, .table-warning > th, .table-warning > td { background-color: #fcf8e3; } .table-hover .table-warning:hover { background-color: #faf2cc; } .table-hover .table-warning:hover > td, .table-hover .table-warning:hover > th { background-color: #faf2cc; } .table-danger, .table-danger > th, .table-danger > td { background-color: #f2dede; } .table-hover .table-danger:hover { background-color: #ebcccc; } .table-hover .table-danger:hover > td, .table-hover .table-danger:hover > th { background-color: #ebcccc; } .table-responsive { display: block; width: 100%; min-height: .01%; overflow-x: auto; } .thead-inverse th { color: #fff; background-color: #373a3c; } .thead-default th { color: #55595c; background-color: #eceeef; } .table-inverse { color: #eceeef; background-color: #373a3c; } .table-inverse.table-bordered { border: 0; } .table-inverse th, .table-inverse td, .table-inverse thead th { border-color: #55595c; } .table-reflow thead { float: left; } .table-reflow tbody { display: block; white-space: nowrap; } .table-reflow th, .table-reflow td { border-top: 1px solid #eceeef; border-left: 1px solid #eceeef; } .table-reflow th:last-child, .table-reflow td:last-child { border-right: 1px solid #eceeef; } .table-reflow thead:last-child tr:last-child th, .table-reflow thead:last-child tr:last-child td, .table-reflow tbody:last-child tr:last-child th, .table-reflow tbody:last-child tr:last-child td, .table-reflow tfoot:last-child tr:last-child th, .table-reflow tfoot:last-child tr:last-child td { border-bottom: 1px solid #eceeef; } .table-reflow tr { float: left; } .table-reflow tr th, .table-reflow tr td { display: block !important; border: 1px solid #eceeef; } .form-control { display: block; width: 100%; padding: .375rem .75rem; font-size: 1rem; line-height: 1.5; color: #55595c; background-color: #fff; background-image: none; border: 1px solid #ccc; -webkit-border-radius: .25rem; border-radius: .25rem; } .form-control::-ms-expand { background-color: transparent; border: 0; } .form-control:focus { border-color: #66afe9; outline: none; } .form-control::-webkit-input-placeholder { color: #999; opacity: 1; } .form-control::-moz-placeholder { color: #999; opacity: 1; } .form-control:-ms-input-placeholder { color: #999; opacity: 1; } .form-control:-moz-placeholder { color: #999; opacity: 1; } .form-control::placeholder { color: #999; opacity: 1; } .form-control:disabled, .form-control[readonly] { background-color: #eceeef; opacity: 1; } .form-control:disabled { cursor: not-allowed; } .form-control-file, .form-control-range { display: block; } .form-control-label { padding: .375rem .75rem; margin-bottom: 0; } @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: 2.25rem; } input[type="date"].input-sm, .input-group-sm input[type="date"].form-control, input[type="time"].input-sm, .input-group-sm input[type="time"].form-control, input[type="datetime-local"].input-sm, .input-group-sm input[type="datetime-local"].form-control, input[type="month"].input-sm, .input-group-sm input[type="month"].form-control { line-height: 1.8625rem; } input[type="date"].input-lg, .input-group-lg input[type="date"].form-control, input[type="time"].input-lg, .input-group-lg input[type="time"].form-control, input[type="datetime-local"].input-lg, .input-group-lg input[type="datetime-local"].form-control, input[type="month"].input-lg, .input-group-lg input[type="month"].form-control { line-height: 3.166667rem; } } .form-control-static { min-height: 2.25rem; padding-top: .375rem; padding-bottom: .375rem; margin-bottom: 0; } .form-control-static.form-control-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, .form-control-static.form-control-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 { padding-right: 0; padding-left: 0; } .form-control-sm, .input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn { padding: .275rem .75rem; font-size: .875rem; line-height: 1.5; -webkit-border-radius: .2rem; border-radius: .2rem; } .form-control-lg, .input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn { padding: .75rem 1.25rem; font-size: 1.25rem; line-height: 1.333333; -webkit-border-radius: .3rem; border-radius: .3rem; } .form-group { margin-bottom: 1rem; } .radio, .checkbox { position: relative; display: block; margin-bottom: .75rem; } .radio label, .checkbox label { padding-left: 1.25rem; margin-bottom: 0; font-weight: normal; cursor: pointer; } .radio label input:only-child, .checkbox label input:only-child { position: static; } .radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] { position: absolute; margin-top: .25rem; margin-left: -1.25rem; } .radio + .radio, .checkbox + .checkbox { margin-top: -0.25rem; } .radio-inline, .checkbox-inline { position: relative; display: inline-block; padding-left: 1.25rem; margin-bottom: 0; font-weight: normal; vertical-align: middle; cursor: pointer; } .radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline { margin-top: 0; margin-left: .75rem; } input[type="radio"]:disabled, input[type="radio"].disabled, input[type="checkbox"]:disabled, input[type="checkbox"].disabled { cursor: not-allowed; } .radio-inline.disabled, .checkbox-inline.disabled { cursor: not-allowed; } .radio.disabled label, .checkbox.disabled label { cursor: not-allowed; } .form-control-success, .form-control-warning, .form-control-danger { padding-right: 2.25rem; background-repeat: no-repeat; background-position: center right .5625rem; background-size: 1.4625rem 1.4625rem; } .has-success .text-help, .has-success .form-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: #5cb85c; } .has-success .form-control { border-color: #5cb85c; } .has-success .input-group-addon { color: #5cb85c; background-color: #eaf6ea; border-color: #5cb85c; } .has-success .form-control-feedback { color: #5cb85c; } .has-success .form-control-success { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjNWNiODVjIiBkPSJNMjMzLjggNjEwYy0xMy4zIDAtMjYtNi0zNC0xNi44TDkwLjUgNDQ4LjhDNzYuMyA0MzAgODAgNDAzLjMgOTguOCAzODljMTguOC0xNC4yIDQ1LjUtMTAuNCA1OS44IDguNGw3MiA5NUw0NTEuMyAyNDJjMTIuNS0yMCAzOC44LTI2LjIgNTguOC0xMy43IDIwIDEyLjQgMjYgMzguNyAxMy43IDU4LjhMMjcwIDU5MGMtNy40IDEyLTIwLjIgMTkuNC0zNC4zIDIwaC0yeiIvPjwvc3ZnPg=="); } .has-warning .text-help, .has-warning .form-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: #f0ad4e; } .has-warning .form-control { border-color: #f0ad4e; } .has-warning .input-group-addon { color: #f0ad4e; background-color: white; border-color: #f0ad4e; } .has-warning .form-control-feedback { color: #f0ad4e; } .has-warning .form-control-warning { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjZjBhZDRlIiBkPSJNNjAzIDY0MC4ybC0yNzguNS01MDljLTMuOC02LjYtMTAuOC0xMC42LTE4LjUtMTAuNnMtMTQuNyA0LTE4LjUgMTAuNkw5IDY0MC4yYy0zLjcgNi41LTMuNiAxNC40LjIgMjAuOCAzLjggNi41IDEwLjggMTAuNCAxOC4zIDEwLjRoNTU3YzcuNiAwIDE0LjYtNCAxOC40LTEwLjQgMy41LTYuNCAzLjYtMTQuNCAwLTIwLjh6bS0yNjYuNC0zMGgtNjEuMlY1NDloNjEuMnY2MS4yem0wLTEwN2gtNjEuMlYzMDRoNjEuMnYxOTl6Ii8+PC9zdmc+"); } .has-danger .text-help, .has-danger .form-control-label, .has-danger .radio, .has-danger .checkbox, .has-danger .radio-inline, .has-danger .checkbox-inline, .has-danger.radio label, .has-danger.checkbox label, .has-danger.radio-inline label, .has-danger.checkbox-inline label { color: #d9534f; } .has-danger .form-control { border-color: #d9534f; } .has-danger .input-group-addon { color: #d9534f; background-color: #fdf7f7; border-color: #d9534f; } .has-danger .form-control-feedback { color: #d9534f; } .has-danger .form-control-danger { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjZDk1MzRmIiBkPSJNNDQ3IDU0NC40Yy0xNC40IDE0LjQtMzcuNiAxNC40LTUyIDBsLTg5LTkyLjctODkgOTIuN2MtMTQuNSAxNC40LTM3LjcgMTQuNC01MiAwLTE0LjQtMTQuNC0xNC40LTM3LjYgMC01Mmw5Mi40LTk2LjMtOTIuNC05Ni4zYy0xNC40LTE0LjQtMTQuNC0zNy42IDAtNTJzMzcuNi0xNC4zIDUyIDBsODkgOTIuOCA4OS4yLTkyLjdjMTQuNC0xNC40IDM3LjYtMTQuNCA1MiAwIDE0LjMgMTQuNCAxNC4zIDM3LjYgMCA1MkwzNTQuNiAzOTZsOTIuNCA5Ni40YzE0LjQgMTQuNCAxNC40IDM3LjYgMCA1MnoiLz48L3N2Zz4="); } @media (min-width: 544px) { .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 .form-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; } } .btn { display: inline-block; padding: .375rem 1rem; font-size: 1rem; font-weight: normal; line-height: 1.5; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 1px solid transparent; -webkit-border-radius: .25rem; border-radius: .25rem; } .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:focus, .btn:hover { text-decoration: none; } .btn.focus { text-decoration: none; } .btn:active, .btn.active { background-image: none; outline: 0; } .btn.disabled, .btn:disabled { cursor: not-allowed; opacity: .65; } a.btn.disabled, fieldset[disabled] a.btn { pointer-events: none; } .btn-primary { color: #fff; background-color: #0275d8; border-color: #0275d8; } .btn-primary:hover { color: #fff; background-color: #025aa5; border-color: #01549b; } .btn-primary:focus, .btn-primary.focus { color: #fff; background-color: #025aa5; border-color: #01549b; } .btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle { color: #fff; background-color: #025aa5; background-image: none; border-color: #01549b; } .btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus, .open > .btn-primary.dropdown-toggle:hover, .open > .btn-primary.dropdown-toggle:focus, .open > .btn-primary.dropdown-toggle.focus { color: #fff; background-color: #014682; border-color: #01315a; } .btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary:disabled:focus, .btn-primary:disabled.focus { background-color: #0275d8; border-color: #0275d8; } .btn-primary.disabled:hover, .btn-primary:disabled:hover { background-color: #0275d8; border-color: #0275d8; } .btn-secondary { color: #373a3c; background-color: #fff; border-color: #ccc; } .btn-secondary:hover { color: #373a3c; background-color: #e6e6e6; border-color: #adadad; } .btn-secondary:focus, .btn-secondary.focus { color: #373a3c; background-color: #e6e6e6; border-color: #adadad; } .btn-secondary:active, .btn-secondary.active, .open > .btn-secondary.dropdown-toggle { color: #373a3c; background-color: #e6e6e6; background-image: none; border-color: #adadad; } .btn-secondary:active:hover, .btn-secondary:active:focus, .btn-secondary:active.focus, .btn-secondary.active:hover, .btn-secondary.active:focus, .btn-secondary.active.focus, .open > .btn-secondary.dropdown-toggle:hover, .open > .btn-secondary.dropdown-toggle:focus, .open > .btn-secondary.dropdown-toggle.focus { color: #373a3c; background-color: #d4d4d4; border-color: #8c8c8c; } .btn-secondary.disabled:focus, .btn-secondary.disabled.focus, .btn-secondary:disabled:focus, .btn-secondary:disabled.focus { background-color: #fff; border-color: #ccc; } .btn-secondary.disabled:hover, .btn-secondary:disabled:hover { background-color: #fff; border-color: #ccc; } .btn-info { color: #fff; background-color: #5bc0de; border-color: #5bc0de; } .btn-info:hover { color: #fff; background-color: #31b0d5; border-color: #2aabd2; } .btn-info:focus, .btn-info.focus { color: #fff; background-color: #31b0d5; border-color: #2aabd2; } .btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle { color: #fff; background-color: #31b0d5; background-image: none; border-color: #2aabd2; } .btn-info:active:hover, .btn-info:active:focus, .btn-info:active.focus, .btn-info.active:hover, .btn-info.active:focus, .btn-info.active.focus, .open > .btn-info.dropdown-toggle:hover, .open > .btn-info.dropdown-toggle:focus, .open > .btn-info.dropdown-toggle.focus { color: #fff; background-color: #269abc; border-color: #1f7e9a; } .btn-info.disabled:focus, .btn-info.disabled.focus, .btn-info:disabled:focus, .btn-info:disabled.focus { background-color: #5bc0de; border-color: #5bc0de; } .btn-info.disabled:hover, .btn-info:disabled:hover { background-color: #5bc0de; border-color: #5bc0de; } .btn-success { color: #fff; background-color: #5cb85c; border-color: #5cb85c; } .btn-success:hover { color: #fff; background-color: #449d44; border-color: #419641; } .btn-success:focus, .btn-success.focus { color: #fff; background-color: #449d44; border-color: #419641; } .btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle { color: #fff; background-color: #449d44; background-image: none; border-color: #419641; } .btn-success:active:hover, .btn-success:active:focus, .btn-success:active.focus, .btn-success.active:hover, .btn-success.active:focus, .btn-success.active.focus, .open > .btn-success.dropdown-toggle:hover, .open > .btn-success.dropdown-toggle:focus, .open > .btn-success.dropdown-toggle.focus { color: #fff; background-color: #398439; border-color: #2d672d; } .btn-success.disabled:focus, .btn-success.disabled.focus, .btn-success:disabled:focus, .btn-success:disabled.focus { background-color: #5cb85c; border-color: #5cb85c; } .btn-success.disabled:hover, .btn-success:disabled:hover { background-color: #5cb85c; border-color: #5cb85c; } .btn-warning { color: #fff; background-color: #f0ad4e; border-color: #f0ad4e; } .btn-warning:hover { color: #fff; background-color: #ec971f; border-color: #eb9316; } .btn-warning:focus, .btn-warning.focus { color: #fff; background-color: #ec971f; border-color: #eb9316; } .btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle { color: #fff; background-color: #ec971f; background-image: none; border-color: #eb9316; } .btn-warning:active:hover, .btn-warning:active:focus, .btn-warning:active.focus, .btn-warning.active:hover, .btn-warning.active:focus, .btn-warning.active.focus, .open > .btn-warning.dropdown-toggle:hover, .open > .btn-warning.dropdown-toggle:focus, .open > .btn-warning.dropdown-toggle.focus { color: #fff; background-color: #d58512; border-color: #b06d0f; } .btn-warning.disabled:focus, .btn-warning.disabled.focus, .btn-warning:disabled:focus, .btn-warning:disabled.focus { background-color: #f0ad4e; border-color: #f0ad4e; } .btn-warning.disabled:hover, .btn-warning:disabled:hover { background-color: #f0ad4e; border-color: #f0ad4e; } .btn-danger { color: #fff; background-color: #d9534f; border-color: #d9534f; } .btn-danger:hover { color: #fff; background-color: #c9302c; border-color: #c12e2a; } .btn-danger:focus, .btn-danger.focus { color: #fff; background-color: #c9302c; border-color: #c12e2a; } .btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle { color: #fff; background-color: #c9302c; background-image: none; border-color: #c12e2a; } .btn-danger:active:hover, .btn-danger:active:focus, .btn-danger:active.focus, .btn-danger.active:hover, .btn-danger.active:focus, .btn-danger.active.focus, .open > .btn-danger.dropdown-toggle:hover, .open > .btn-danger.dropdown-toggle:focus, .open > .btn-danger.dropdown-toggle.focus { color: #fff; background-color: #ac2925; border-color: #8b211e; } .btn-danger.disabled:focus, .btn-danger.disabled.focus, .btn-danger:disabled:focus, .btn-danger:disabled.focus { background-color: #d9534f; border-color: #d9534f; } .btn-danger.disabled:hover, .btn-danger:disabled:hover { background-color: #d9534f; border-color: #d9534f; } .btn-primary-outline { color: #0275d8; background-color: transparent; background-image: none; border-color: #0275d8; } .btn-primary-outline:focus, .btn-primary-outline.focus, .btn-primary-outline:active, .btn-primary-outline.active, .open > .btn-primary-outline.dropdown-toggle { color: #fff; background-color: #0275d8; border-color: #0275d8; } .btn-primary-outline:hover { color: #fff; background-color: #0275d8; border-color: #0275d8; } .btn-primary-outline.disabled:focus, .btn-primary-outline.disabled.focus, .btn-primary-outline:disabled:focus, .btn-primary-outline:disabled.focus { border-color: #43a7fd; } .btn-primary-outline.disabled:hover, .btn-primary-outline:disabled:hover { border-color: #43a7fd; } .btn-secondary-outline { color: #ccc; background-color: transparent; background-image: none; border-color: #ccc; } .btn-secondary-outline:focus, .btn-secondary-outline.focus, .btn-secondary-outline:active, .btn-secondary-outline.active, .open > .btn-secondary-outline.dropdown-toggle { color: #fff; background-color: #ccc; border-color: #ccc; } .btn-secondary-outline:hover { color: #fff; background-color: #ccc; border-color: #ccc; } .btn-secondary-outline.disabled:focus, .btn-secondary-outline.disabled.focus, .btn-secondary-outline:disabled:focus, .btn-secondary-outline:disabled.focus { border-color: white; } .btn-secondary-outline.disabled:hover, .btn-secondary-outline:disabled:hover { border-color: white; } .btn-info-outline { color: #5bc0de; background-color: transparent; background-image: none; border-color: #5bc0de; } .btn-info-outline:focus, .btn-info-outline.focus, .btn-info-outline:active, .btn-info-outline.active, .open > .btn-info-outline.dropdown-toggle { color: #fff; background-color: #5bc0de; border-color: #5bc0de; } .btn-info-outline:hover { color: #fff; background-color: #5bc0de; border-color: #5bc0de; } .btn-info-outline.disabled:focus, .btn-info-outline.disabled.focus, .btn-info-outline:disabled:focus, .btn-info-outline:disabled.focus { border-color: #b0e1ef; } .btn-info-outline.disabled:hover, .btn-info-outline:disabled:hover { border-color: #b0e1ef; } .btn-success-outline { color: #5cb85c; background-color: transparent; background-image: none; border-color: #5cb85c; } .btn-success-outline:focus, .btn-success-outline.focus, .btn-success-outline:active, .btn-success-outline.active, .open > .btn-success-outline.dropdown-toggle { color: #fff; background-color: #5cb85c; border-color: #5cb85c; } .btn-success-outline:hover { color: #fff; background-color: #5cb85c; border-color: #5cb85c; } .btn-success-outline.disabled:focus, .btn-success-outline.disabled.focus, .btn-success-outline:disabled:focus, .btn-success-outline:disabled.focus { border-color: #a3d7a3; } .btn-success-outline.disabled:hover, .btn-success-outline:disabled:hover { border-color: #a3d7a3; } .btn-warning-outline { color: #f0ad4e; background-color: transparent; background-image: none; border-color: #f0ad4e; } .btn-warning-outline:focus, .btn-warning-outline.focus, .btn-warning-outline:active, .btn-warning-outline.active, .open > .btn-warning-outline.dropdown-toggle { color: #fff; background-color: #f0ad4e; border-color: #f0ad4e; } .btn-warning-outline:hover { color: #fff; background-color: #f0ad4e; border-color: #f0ad4e; } .btn-warning-outline.disabled:focus, .btn-warning-outline.disabled.focus, .btn-warning-outline:disabled:focus, .btn-warning-outline:disabled.focus { border-color: #f8d9ac; } .btn-warning-outline.disabled:hover, .btn-warning-outline:disabled:hover { border-color: #f8d9ac; } .btn-danger-outline { color: #d9534f; background-color: transparent; background-image: none; border-color: #d9534f; } .btn-danger-outline:focus, .btn-danger-outline.focus, .btn-danger-outline:active, .btn-danger-outline.active, .open > .btn-danger-outline.dropdown-toggle { color: #fff; background-color: #d9534f; border-color: #d9534f; } .btn-danger-outline:hover { color: #fff; background-color: #d9534f; border-color: #d9534f; } .btn-danger-outline.disabled:focus, .btn-danger-outline.disabled.focus, .btn-danger-outline:disabled:focus, .btn-danger-outline:disabled.focus { border-color: #eba5a3; } .btn-danger-outline.disabled:hover, .btn-danger-outline:disabled:hover { border-color: #eba5a3; } .btn-link { font-weight: normal; color: #0275d8; -webkit-border-radius: 0; border-radius: 0; } .btn-link, .btn-link:active, .btn-link.active, .btn-link:disabled { background-color: transparent; } .btn-link, .btn-link:focus, .btn-link:active { border-color: transparent; } .btn-link:hover { border-color: transparent; } .btn-link:focus, .btn-link:hover { color: #014c8c; text-decoration: underline; background-color: transparent; } .btn-link:disabled:focus, .btn-link:disabled:hover { color: #818a91; text-decoration: none; } .btn-lg, .btn-group-lg > .btn { padding: .75rem 1.25rem; font-size: 1.25rem; line-height: 1.333333; -webkit-border-radius: .3rem; border-radius: .3rem; } .btn-sm, .btn-group-sm > .btn { padding: .25rem .75rem; font-size: .875rem; line-height: 1.5; -webkit-border-radius: .2rem; border-radius: .2rem; } .btn-block { display: block; width: 100%; } .btn-block + .btn-block { margin-top: 5px; } input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block { width: 100%; } .fade { opacity: 0; -webkit-transition: opacity .15s linear; -o-transition: opacity .15s linear; transition: opacity .15s linear; } .fade.in { opacity: 1; } .collapse { display: none; } .collapse.in { display: block; } .collapsing { position: relative; height: 0; overflow: hidden; -webkit-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease; -webkit-transition-duration: .35s; -o-transition-duration: .35s; transition-duration: .35s; -webkit-transition-property: height; -o-transition-property: height; transition-property: height; } .dropup, .dropdown { position: relative; } .dropdown-toggle::after { display: inline-block; width: 0; height: 0; margin-right: .25rem; margin-left: .25rem; vertical-align: middle; content: ""; border-top: .3em solid; border-right: .3em solid transparent; border-left: .3em solid transparent; } .dropdown-toggle:focus { outline: 0; } .dropup .dropdown-toggle::after { border-top: 0; border-bottom: .3em solid; } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; font-size: 1rem; color: #373a3c; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.15); -webkit-border-radius: .25rem; border-radius: .25rem; } .dropdown-divider { height: 1px; margin: .5rem 0; overflow: hidden; background-color: #e5e5e5; } .dropdown-item { display: block; width: 100%; padding: 3px 20px; clear: both; font-weight: normal; line-height: 1.5; color: #373a3c; text-align: inherit; white-space: nowrap; background: none; border: 0; } .dropdown-item:focus, .dropdown-item:hover { color: #2b2d2f; text-decoration: none; background-color: #f5f5f5; } .dropdown-item.active, .dropdown-item.active:focus, .dropdown-item.active:hover { color: #fff; text-decoration: none; background-color: #0275d8; outline: 0; } .dropdown-item.disabled, .dropdown-item.disabled:focus, .dropdown-item.disabled:hover { color: #818a91; } .dropdown-item.disabled:focus, .dropdown-item.disabled:hover { text-decoration: none; cursor: not-allowed; background-color: transparent; background-image: none; filter: "progid:DXImageTransform.Microsoft.gradient(enabled = false)"; } .open > .dropdown-menu { display: block; } .open > a { outline: 0; } .dropdown-menu-right { right: 0; left: auto; } .dropdown-menu-left { right: auto; left: 0; } .dropdown-header { display: block; padding: 3px 20px; font-size: .875rem; line-height: 1.5; color: #818a91; white-space: nowrap; } .dropdown-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 990; } .pull-right > .dropdown-menu { right: 0; left: auto; } .dropup .caret, .navbar-fixed-bottom .dropdown .caret { content: ""; border-top: 0; border-bottom: .3em solid; } .dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 2px; } .btn-group, .btn-group-vertical { position: relative; display: inline-block; vertical-align: middle; } .btn-group > .btn, .btn-group-vertical > .btn { position: relative; float: left; } .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn.active { z-index: 2; } .btn-group > .btn:hover, .btn-group-vertical > .btn:hover { z-index: 2; } .btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group { margin-left: -1px; } .btn-toolbar { margin-left: -5px; } .btn-toolbar::after { display: table; clear: both; content: ""; } .btn-toolbar .btn-group, .btn-toolbar .input-group { float: left; } .btn-toolbar > .btn, .btn-toolbar > .btn-group, .btn-toolbar > .input-group { margin-left: 5px; } .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { -webkit-border-radius: 0; border-radius: 0; } .btn-group > .btn:first-child { margin-left: 0; } .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { -webkit-border-top-right-radius: 0; border-top-right-radius: 0; -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; } .btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) { -webkit-border-top-left-radius: 0; border-top-left-radius: 0; -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; } .btn-group > .btn-group { float: left; } .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn { -webkit-border-radius: 0; 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 { -webkit-border-top-right-radius: 0; border-top-right-radius: 0; -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; } .btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child { -webkit-border-top-left-radius: 0; border-top-left-radius: 0; -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; } .btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle { outline: 0; } .btn-group > .btn + .dropdown-toggle { padding-right: 8px; padding-left: 8px; } .btn-group > .btn-lg + .dropdown-toggle, .btn-group-lg.btn-group > .btn + .dropdown-toggle { padding-right: 12px; padding-left: 12px; } .btn .caret { margin-left: 0; } .btn-lg .caret, .btn-group-lg > .btn .caret { border-width: .3em .3em 0; border-bottom-width: 0; } .dropup .btn-lg .caret, .dropup .btn-group-lg > .btn .caret { border-width: 0 .3em .3em; } .btn-group-vertical > .btn, .btn-group-vertical > .btn-group, .btn-group-vertical > .btn-group > .btn { display: block; float: none; width: 100%; max-width: 100%; } .btn-group-vertical > .btn-group::after { display: table; clear: both; content: ""; } .btn-group-vertical > .btn-group > .btn { float: none; } .btn-group-vertical > .btn + .btn, .btn-group-vertical > .btn + .btn-group, .btn-group-vertical > .btn-group + .btn, .btn-group-vertical > .btn-group + .btn-group { margin-top: -1px; margin-left: 0; } .btn-group-vertical > .btn:not(:first-child):not(:last-child) { -webkit-border-radius: 0; border-radius: 0; } .btn-group-vertical > .btn:first-child:not(:last-child) { -webkit-border-top-right-radius: .25rem; border-top-right-radius: .25rem; -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn:last-child:not(:first-child) { -webkit-border-top-left-radius: 0; border-top-left-radius: 0; -webkit-border-top-right-radius: 0; border-top-right-radius: 0; -webkit-border-bottom-left-radius: .25rem; border-bottom-left-radius: .25rem; } .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn { -webkit-border-radius: 0; 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 { -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child { -webkit-border-top-left-radius: 0; border-top-left-radius: 0; -webkit-border-top-right-radius: 0; border-top-right-radius: 0; } [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 .form-control { position: relative; z-index: 2; float: left; width: 100%; margin-bottom: 0; } .input-group .form-control:focus, .input-group .form-control:active, .input-group .form-control:hover { 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) { -webkit-border-radius: 0; border-radius: 0; } .input-group-addon, .input-group-btn { width: 1%; white-space: nowrap; vertical-align: middle; } .input-group-addon { padding: .375rem .75rem; font-size: 1rem; font-weight: normal; line-height: 1; color: #55595c; text-align: center; background-color: #eceeef; border: 1px solid #ccc; -webkit-border-radius: .25rem; border-radius: .25rem; } .input-group-addon.form-control-sm, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .input-group-addon.btn { padding: .275rem .75rem; font-size: .875rem; -webkit-border-radius: .2rem; border-radius: .2rem; } .input-group-addon.form-control-lg, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .input-group-addon.btn { padding: .75rem 1.25rem; font-size: 1.25rem; -webkit-border-radius: .3rem; border-radius: .3rem; } .input-group-addon input[type="radio"], .input-group-addon input[type="checkbox"] { margin-top: 0; } .input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:last-child > .btn-group:not(:last-child) > .btn { -webkit-border-top-right-radius: 0; border-top-right-radius: 0; -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; } .input-group-addon:first-child { border-right: 0; } .input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:first-child > .btn-group:not(:first-child) > .btn { -webkit-border-top-left-radius: 0; border-top-left-radius: 0; -webkit-border-bottom-left-radius: 0; border-bottom-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:focus, .input-group-btn > .btn:active, .input-group-btn > .btn:hover { z-index: 3; } .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; } .input-group-btn:last-child > .btn:focus, .input-group-btn:last-child > .btn:active, .input-group-btn:last-child > .btn:hover, .input-group-btn:last-child > .btn-group:focus, .input-group-btn:last-child > .btn-group:active, .input-group-btn:last-child > .btn-group:hover { z-index: 3; } .c-input { position: relative; display: inline; padding-left: 1.5rem; color: #555; cursor: pointer; } .c-input > input { position: absolute; z-index: -1; opacity: 0; } .c-input > input:checked ~ .c-indicator { color: #fff; background-color: #0074d9; } .c-input > input:focus ~ .c-indicator { -webkit-box-shadow: 0 0 0 .075rem #fff, 0 0 0 .2rem #0074d9; box-shadow: 0 0 0 .075rem #fff, 0 0 0 .2rem #0074d9; } .c-input > input:active ~ .c-indicator { color: #fff; background-color: #84c6ff; } .c-input + .c-input { margin-left: 1rem; } .c-indicator { position: absolute; top: 0; left: 0; display: block; width: 1rem; height: 1rem; font-size: 65%; line-height: 1rem; color: #eee; text-align: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: #eee; background-repeat: no-repeat; background-position: center center; background-size: 50% 50%; } .c-checkbox .c-indicator { -webkit-border-radius: .25rem; border-radius: .25rem; } .c-checkbox input:checked ~ .c-indicator { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgOCA4IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA4IDgiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTYuNCwxTDUuNywxLjdMMi45LDQuNUwyLjEsMy43TDEuNCwzTDAsNC40bDAuNywwLjdsMS41LDEuNWwwLjcsMC43bDAuNy0wLjdsMy41LTMuNWwwLjctMC43TDYuNCwxTDYuNCwxeiINCgkvPg0KPC9zdmc+DQo=); } .c-checkbox input:indeterminate ~ .c-indicator { background-color: #0074d9; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iOHB4IiBoZWlnaHQ9IjhweCIgdmlld0JveD0iMCAwIDggOCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgOCA4IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0wLDN2Mmg4VjNIMHoiLz4NCjwvc3ZnPg0K); } .c-radio .c-indicator { -webkit-border-radius: 50%; border-radius: 50%; } .c-radio input:checked ~ .c-indicator { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgOCA4IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA4IDgiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTQsMUMyLjMsMSwxLDIuMywxLDRzMS4zLDMsMywzczMtMS4zLDMtM1M1LjcsMSw0LDF6Ii8+DQo8L3N2Zz4NCg==); } .c-inputs-stacked .c-input { display: inline; } .c-inputs-stacked .c-input::after { display: block; margin-bottom: .25rem; content: ""; } .c-inputs-stacked .c-input + .c-input { margin-left: 0; } .c-select { display: inline-block; max-width: 100%; -webkit-appearance: none; padding: .375rem 1.75rem .375rem .75rem; padding-right: .75rem \9; color: #55595c; vertical-align: middle; background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAUCAMAAACzvE1FAAAADFBMVEUzMzMzMzMzMzMzMzMKAG/3AAAAA3RSTlMAf4C/aSLHAAAAPElEQVR42q3NMQ4AIAgEQTn//2cLdRKppSGzBYwzVXvznNWs8C58CiussPJj8h6NwgorrKRdTvuV9v16Afn0AYFOB7aYAAAAAElFTkSuQmCC) no-repeat right 0.75rem center; background-image: none \9; background-size: 8px 10px; border: 1px solid #ccc; -moz-appearance: none; } .c-select:focus { border-color: #51a7e8; outline: none; } .c-select::-ms-expand { opacity: 0; } .c-select-sm { padding-top: 3px; padding-bottom: 3px; font-size: 12px; } .c-select-sm:not([multiple]) { height: 26px; min-height: 26px; } .file { position: relative; display: inline-block; height: 2.5rem; cursor: pointer; } .file input { min-width: 14rem; margin: 0; filter: alpha(opacity=0); opacity: 0; } .file-custom { position: absolute; top: 0; right: 0; left: 0; z-index: 5; height: 2.5rem; padding: .5rem 1rem; line-height: 1.5; color: #555; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: #fff; border: 1px solid #ddd; -webkit-border-radius: .25rem; border-radius: .25rem; } .file-custom::after { content: "Choose file..."; } .file-custom::before { position: absolute; top: -0.075rem; right: -0.075rem; bottom: -0.075rem; z-index: 6; display: block; height: 2.5rem; padding: .5rem 1rem; line-height: 1.5; color: #555; content: "Browse"; background-color: #eee; border: 1px solid #ddd; -webkit-border-radius: 0 .25rem .25rem 0; border-radius: 0 .25rem .25rem 0; } .nav { padding-left: 0; margin-bottom: 0; list-style: none; } .nav-link { display: inline-block; } .nav-link:focus, .nav-link:hover { text-decoration: none; } .nav-link.disabled { color: #818a91; } .nav-link.disabled, .nav-link.disabled:focus, .nav-link.disabled:hover { color: #818a91; cursor: not-allowed; background-color: transparent; } .nav-inline .nav-item { display: inline-block; } .nav-inline .nav-item + .nav-item, .nav-inline .nav-link + .nav-link { margin-left: 1rem; } .nav-tabs { border-bottom: 1px solid #ddd; } .nav-tabs::after { display: table; clear: both; content: ""; } .nav-tabs .nav-item { float: left; margin-bottom: -1px; } .nav-tabs .nav-item + .nav-item { margin-left: .2rem; } .nav-tabs .nav-link { display: block; padding: .5em 1em; border: 1px solid transparent; -webkit-border-radius: .25rem .25rem 0 0; border-radius: .25rem .25rem 0 0; } .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover { border-color: #eceeef #eceeef #ddd; } .nav-tabs .nav-link.disabled, .nav-tabs .nav-link.disabled:focus, .nav-tabs .nav-link.disabled:hover { color: #818a91; background-color: transparent; border-color: transparent; } .nav-tabs .nav-link.active, .nav-tabs .nav-link.active:focus, .nav-tabs .nav-link.active:hover, .nav-tabs .nav-item.open .nav-link, .nav-tabs .nav-item.open .nav-link:focus, .nav-tabs .nav-item.open .nav-link:hover { color: #55595c; background-color: #fff; border-color: #ddd #ddd transparent; } .nav-pills::after { display: table; clear: both; content: ""; } .nav-pills .nav-item { float: left; } .nav-pills .nav-item + .nav-item { margin-left: .2rem; } .nav-pills .nav-link { display: block; padding: .5em 1em; -webkit-border-radius: .25rem; border-radius: .25rem; } .nav-pills .nav-link.active, .nav-pills .nav-link.active:focus, .nav-pills .nav-link.active:hover, .nav-pills .nav-item.open .nav-link, .nav-pills .nav-item.open .nav-link:focus, .nav-pills .nav-item.open .nav-link:hover { color: #fff; cursor: default; background-color: #0275d8; } .nav-stacked .nav-item { display: block; float: none; } .nav-stacked .nav-item + .nav-item { margin-top: .2rem; margin-left: 0; } .tab-content > .tab-pane { display: none; } .tab-content > .active { display: block; } .nav-tabs .dropdown-menu { margin-top: -1px; -webkit-border-top-left-radius: 0; border-top-left-radius: 0; -webkit-border-top-right-radius: 0; border-top-right-radius: 0; } .navbar { position: relative; padding: .5rem 1rem; } .navbar::after { display: table; clear: both; content: ""; } @media (min-width: 544px) { .navbar { -webkit-border-radius: .25rem; border-radius: .25rem; } } .navbar-full { z-index: 1000; } @media (min-width: 544px) { .navbar-full { -webkit-border-radius: 0; border-radius: 0; } } .navbar-fixed-top, .navbar-fixed-bottom { position: fixed; right: 0; left: 0; z-index: 1030; } @media (min-width: 544px) { .navbar-fixed-top, .navbar-fixed-bottom { -webkit-border-radius: 0; border-radius: 0; } } .navbar-fixed-top { top: 0; } .navbar-fixed-bottom { bottom: 0; } .navbar-sticky-top { position: -webkit-sticky; position: sticky; top: 0; z-index: 1030; width: 100%; } @media (min-width: 544px) { .navbar-sticky-top { -webkit-border-radius: 0; border-radius: 0; } } .navbar-brand { float: left; padding-top: .25rem; padding-bottom: .25rem; margin-right: 1rem; font-size: 1.25rem; } .navbar-brand:focus, .navbar-brand:hover { text-decoration: none; } .navbar-brand > img { display: block; } .navbar-divider { float: left; width: 1px; padding-top: .425rem; padding-bottom: .425rem; margin-right: 1rem; margin-left: 1rem; overflow: hidden; } .navbar-divider::before { content: "\00a0"; } .navbar-toggler { padding: .5rem .75rem; font-size: 1.25rem; line-height: 1; background: none; border: 1px solid transparent; -webkit-border-radius: .25rem; border-radius: .25rem; } .navbar-toggler:focus, .navbar-toggler:hover { text-decoration: none; } @media (min-width: 544px) { .navbar-toggleable-xs { display: block !important; } } @media (min-width: 768px) { .navbar-toggleable-sm { display: block !important; } } @media (min-width: 992px) { .navbar-toggleable-md { display: block !important; } } .navbar-nav .nav-item { float: left; } .navbar-nav .nav-link { display: block; padding-top: .425rem; padding-bottom: .425rem; } .navbar-nav .nav-link + .nav-link { margin-left: 1rem; } .navbar-nav .nav-item + .nav-item { margin-left: 1rem; } .navbar-light .navbar-brand { color: rgba(0, 0, 0, 0.8); } .navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover { color: rgba(0, 0, 0, 0.8); } .navbar-light .navbar-nav .nav-link { color: rgba(0, 0, 0, 0.3); } .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover { color: rgba(0, 0, 0, 0.6); } .navbar-light .navbar-nav .open > .nav-link, .navbar-light .navbar-nav .open > .nav-link:focus, .navbar-light .navbar-nav .open > .nav-link:hover, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .active > .nav-link:focus, .navbar-light .navbar-nav .active > .nav-link:hover, .navbar-light .navbar-nav .nav-link.open, .navbar-light .navbar-nav .nav-link.open:focus, .navbar-light .navbar-nav .nav-link.open:hover, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.active:focus, .navbar-light .navbar-nav .nav-link.active:hover { color: rgba(0, 0, 0, 0.8); } .navbar-light .navbar-divider { background-color: rgba(0, 0, 0, 0.075); } .navbar-dark .navbar-brand { color: white; } .navbar-dark .navbar-brand:focus, .navbar-dark .navbar-brand:hover { color: white; } .navbar-dark .navbar-nav .nav-link { color: rgba(255, 255, 255, 0.5); } .navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover { color: rgba(255, 255, 255, 0.75); } .navbar-dark .navbar-nav .open > .nav-link, .navbar-dark .navbar-nav .open > .nav-link:focus, .navbar-dark .navbar-nav .open > .nav-link:hover, .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .active > .nav-link:focus, .navbar-dark .navbar-nav .active > .nav-link:hover, .navbar-dark .navbar-nav .nav-link.open, .navbar-dark .navbar-nav .nav-link.open:focus, .navbar-dark .navbar-nav .nav-link.open:hover, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.active:focus, .navbar-dark .navbar-nav .nav-link.active:hover { color: white; } .navbar-dark .navbar-divider { background-color: rgba(255, 255, 255, 0.075); } .card { position: relative; display: block; margin-bottom: .75rem; background-color: #fff; border: 1px solid #e5e5e5; -webkit-border-radius: .25rem; border-radius: .25rem; } .card-block { padding: 1.25rem; } .card-title { margin-bottom: .75rem; } .card-subtitle { margin-top: -0.375rem; margin-bottom: 0; } .card-text:last-child { margin-bottom: 0; } .card-link:hover { text-decoration: none; } .card-link + .card-link { margin-left: 1.25rem; } .card > .list-group:first-child .list-group-item:first-child { -webkit-border-radius: .25rem .25rem 0 0; border-radius: .25rem .25rem 0 0; } .card > .list-group:last-child .list-group-item:last-child { -webkit-border-radius: 0 0 .25rem .25rem; border-radius: 0 0 .25rem .25rem; } .card-header { padding: .75rem 1.25rem; background-color: #f5f5f5; border-bottom: 1px solid #e5e5e5; } .card-header:first-child { -webkit-border-radius: .25rem .25rem 0 0; border-radius: .25rem .25rem 0 0; } .card-footer { padding: .75rem 1.25rem; background-color: #f5f5f5; border-top: 1px solid #e5e5e5; } .card-footer:last-child { -webkit-border-radius: 0 0 .25rem .25rem; border-radius: 0 0 .25rem .25rem; } .card-primary { background-color: #0275d8; border-color: #0275d8; } .card-success { background-color: #5cb85c; border-color: #5cb85c; } .card-info { background-color: #5bc0de; border-color: #5bc0de; } .card-warning { background-color: #f0ad4e; border-color: #f0ad4e; } .card-danger { background-color: #d9534f; border-color: #d9534f; } .card-primary-outline { background-color: transparent; border-color: #0275d8; } .card-secondary-outline { background-color: transparent; border-color: #ccc; } .card-info-outline { background-color: transparent; border-color: #5bc0de; } .card-success-outline { background-color: transparent; border-color: #5cb85c; } .card-warning-outline { background-color: transparent; border-color: #f0ad4e; } .card-danger-outline { background-color: transparent; border-color: #d9534f; } .card-inverse .card-header, .card-inverse .card-footer { border-bottom: 1px solid rgba(255, 255, 255, 0.2); } .card-inverse .card-header, .card-inverse .card-footer, .card-inverse .card-title, .card-inverse .card-blockquote { color: #fff; } .card-inverse .card-link, .card-inverse .card-text, .card-inverse .card-blockquote > footer { color: rgba(255, 255, 255, 0.65); } .card-inverse .card-link:focus, .card-inverse .card-link:hover { color: #fff; } .card-blockquote { padding: 0; margin-bottom: 0; border-left: 0; } .card-img { -webkit-border-radius: .25rem; border-radius: .25rem; } .card-img-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 1.25rem; } .card-img-top { -webkit-border-radius: .25rem .25rem 0 0; border-radius: .25rem .25rem 0 0; } .card-img-bottom { -webkit-border-radius: 0 0 .25rem .25rem; border-radius: 0 0 .25rem .25rem; } @media (min-width: 544px) { .card-deck { display: table; table-layout: fixed; border-spacing: 1.25rem 0; } .card-deck .card { display: table-cell; width: 1%; vertical-align: top; } .card-deck-wrapper { margin-right: -1.25rem; margin-left: -1.25rem; } } @media (min-width: 544px) { .card-group { display: table; width: 100%; table-layout: fixed; } .card-group .card { display: table-cell; vertical-align: top; } .card-group .card + .card { margin-left: 0; border-left: 0; } .card-group .card:first-child { -webkit-border-top-right-radius: 0; border-top-right-radius: 0; -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; } .card-group .card:first-child .card-img-top { -webkit-border-top-right-radius: 0; border-top-right-radius: 0; } .card-group .card:first-child .card-img-bottom { -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; } .card-group .card:last-child { -webkit-border-top-left-radius: 0; border-top-left-radius: 0; -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; } .card-group .card:last-child .card-img-top { -webkit-border-top-left-radius: 0; border-top-left-radius: 0; } .card-group .card:last-child .card-img-bottom { -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; } .card-group .card:not(:first-child):not(:last-child) { -webkit-border-radius: 0; border-radius: 0; } .card-group .card:not(:first-child):not(:last-child) .card-img-top, .card-group .card:not(:first-child):not(:last-child) .card-img-bottom { -webkit-border-radius: 0; border-radius: 0; } } @media (min-width: 544px) { .card-columns { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; -webkit-column-gap: 1.25rem; -moz-column-gap: 1.25rem; column-gap: 1.25rem; } .card-columns .card { display: inline-block; width: 100%; } } .breadcrumb { padding: .75rem 1rem; margin-bottom: 1rem; list-style: none; background-color: #eceeef; -webkit-border-radius: .25rem; border-radius: .25rem; } .breadcrumb::after { display: table; clear: both; content: ""; } .breadcrumb > li { float: left; } .breadcrumb > li + li::before { padding-right: .5rem; padding-left: .5rem; color: #818a91; content: "/"; } .breadcrumb > .active { color: #818a91; } .pagination { display: inline-block; padding-left: 0; margin-top: 1rem; margin-bottom: 1rem; -webkit-border-radius: .25rem; border-radius: .25rem; } .page-item { display: inline; } .page-item:first-child .page-link { margin-left: 0; -webkit-border-top-left-radius: .25rem; border-top-left-radius: .25rem; -webkit-border-bottom-left-radius: .25rem; border-bottom-left-radius: .25rem; } .page-item:last-child .page-link { -webkit-border-top-right-radius: .25rem; border-top-right-radius: .25rem; -webkit-border-bottom-right-radius: .25rem; border-bottom-right-radius: .25rem; } .page-item.active .page-link, .page-item.active .page-link:focus, .page-item.active .page-link:hover { z-index: 2; color: #fff; cursor: default; background-color: #0275d8; border-color: #0275d8; } .page-item.disabled .page-link, .page-item.disabled .page-link:focus, .page-item.disabled .page-link:hover { color: #818a91; cursor: not-allowed; background-color: #fff; border-color: #ddd; } .page-link { position: relative; float: left; padding: .5rem .75rem; margin-left: -1px; line-height: 1.5; color: #0275d8; text-decoration: none; background-color: #fff; border: 1px solid #ddd; } .page-link:focus, .page-link:hover { color: #014c8c; background-color: #eceeef; border-color: #ddd; } .pagination-lg .page-link { padding: .75rem 1.5rem; font-size: 1.25rem; line-height: 1.333333; } .pagination-lg .page-item:first-child .page-link { -webkit-border-top-left-radius: .3rem; border-top-left-radius: .3rem; -webkit-border-bottom-left-radius: .3rem; border-bottom-left-radius: .3rem; } .pagination-lg .page-item:last-child .page-link { -webkit-border-top-right-radius: .3rem; border-top-right-radius: .3rem; -webkit-border-bottom-right-radius: .3rem; border-bottom-right-radius: .3rem; } .pagination-sm .page-link { padding: .275rem .75rem; font-size: .875rem; line-height: 1.5; } .pagination-sm .page-item:first-child .page-link { -webkit-border-top-left-radius: .2rem; border-top-left-radius: .2rem; -webkit-border-bottom-left-radius: .2rem; border-bottom-left-radius: .2rem; } .pagination-sm .page-item:last-child .page-link { -webkit-border-top-right-radius: .2rem; border-top-right-radius: .2rem; -webkit-border-bottom-right-radius: .2rem; border-bottom-right-radius: .2rem; } .pager { padding-left: 0; margin-top: 1rem; margin-bottom: 1rem; text-align: center; list-style: none; } .pager::after { display: table; clear: both; content: ""; } .pager li { display: inline; } .pager li > a, .pager li > span { display: inline-block; padding: 5px 14px; background-color: #fff; border: 1px solid #ddd; -webkit-border-radius: 15px; border-radius: 15px; } .pager li > a:focus, .pager li > a:hover { text-decoration: none; background-color: #eceeef; } .pager .disabled > a, .pager .disabled > a:focus, .pager .disabled > a:hover { color: #818a91; cursor: not-allowed; background-color: #fff; } .pager .disabled > span { color: #818a91; cursor: not-allowed; background-color: #fff; } .pager-next > a, .pager-next > span { float: right; } .pager-prev > a, .pager-prev > span { float: left; } .label { display: inline-block; padding: .25em .4em; font-size: 75%; font-weight: bold; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; -webkit-border-radius: .25rem; border-radius: .25rem; } .label:empty { display: none; } .btn .label { position: relative; top: -1px; } a.label:focus, a.label:hover { color: #fff; text-decoration: none; cursor: pointer; } .label-pill { padding-right: .6em; padding-left: .6em; -webkit-border-radius: 10rem; border-radius: 10rem; } .label-default { background-color: #818a91; } .label-default[href]:focus, .label-default[href]:hover { background-color: #687077; } .label-primary { background-color: #0275d8; } .label-primary[href]:focus, .label-primary[href]:hover { background-color: #025aa5; } .label-success { background-color: #5cb85c; } .label-success[href]:focus, .label-success[href]:hover { background-color: #449d44; } .label-info { background-color: #5bc0de; } .label-info[href]:focus, .label-info[href]:hover { background-color: #31b0d5; } .label-warning { background-color: #f0ad4e; } .label-warning[href]:focus, .label-warning[href]:hover { background-color: #ec971f; } .label-danger { background-color: #d9534f; } .label-danger[href]:focus, .label-danger[href]:hover { background-color: #c9302c; } .jumbotron { padding: 2rem 1rem; margin-bottom: 2rem; background-color: #eceeef; -webkit-border-radius: .3rem; border-radius: .3rem; } @media (min-width: 544px) { .jumbotron { padding: 4rem 2rem; } } .jumbotron-hr { border-top-color: #d0d5d8; } .jumbotron-fluid { padding-right: 0; padding-left: 0; -webkit-border-radius: 0; border-radius: 0; } .alert { padding: 15px; margin-bottom: 1rem; border: 1px solid transparent; -webkit-border-radius: .25rem; border-radius: .25rem; } .alert > p, .alert > ul { margin-bottom: 0; } .alert > p + p { margin-top: 5px; } .alert-heading { color: inherit; } .alert-link { font-weight: bold; } .alert-dismissible { padding-right: 35px; } .alert-dismissible .close { position: relative; top: -2px; right: -21px; color: inherit; } .alert-success { color: #3c763d; background-color: #dff0d8; border-color: #d0e9c6; } .alert-success hr { border-top-color: #c1e2b3; } .alert-success .alert-link { color: #2b542c; } .alert-info { color: #31708f; background-color: #d9edf7; border-color: #bcdff1; } .alert-info hr { border-top-color: #a6d5ec; } .alert-info .alert-link { color: #245269; } .alert-warning { color: #8a6d3b; background-color: #fcf8e3; border-color: #faf2cc; } .alert-warning hr { border-top-color: #f7ecb5; } .alert-warning .alert-link { color: #66512c; } .alert-danger { color: #a94442; background-color: #f2dede; border-color: #ebcccc; } .alert-danger hr { border-top-color: #e4b9b9; } .alert-danger .alert-link { color: #843534; } @-webkit-keyframes progress-bar-stripes { from { background-position: 1rem 0; } to { background-position: 0 0; } } @-o-keyframes progress-bar-stripes { from { background-position: 1rem 0; } to { background-position: 0 0; } } @keyframes progress-bar-stripes { from { background-position: 1rem 0; } to { background-position: 0 0; } } .progress { display: block; width: 100%; height: 1rem; margin-bottom: 1rem; } .progress[value] { -webkit-appearance: none; color: #0074d9; border: 0; -moz-appearance: none; appearance: none; } .progress[value]::-webkit-progress-bar { background-color: #eee; -webkit-border-radius: .25rem; border-radius: .25rem; } .progress[value]::-webkit-progress-value::before { content: attr(value); } .progress[value]::-webkit-progress-value { background-color: #0074d9; -webkit-border-top-left-radius: .25rem; border-top-left-radius: .25rem; -webkit-border-bottom-left-radius: .25rem; border-bottom-left-radius: .25rem; } .progress[value="100"]::-webkit-progress-value { -webkit-border-top-right-radius: .25rem; border-top-right-radius: .25rem; -webkit-border-bottom-right-radius: .25rem; border-bottom-right-radius: .25rem; } @media screen and (min-width: 0) { .progress { background-color: #eee; -webkit-border-radius: .25rem; border-radius: .25rem; } .progress-bar { display: inline-block; height: 1rem; text-indent: -999rem; background-color: #0074d9; -webkit-border-top-left-radius: .25rem; border-top-left-radius: .25rem; -webkit-border-bottom-left-radius: .25rem; border-bottom-left-radius: .25rem; } .progress[width^="0"] { min-width: 2rem; color: #818a91; background-color: transparent; background-image: none; } .progress[width="100%"] { -webkit-border-top-right-radius: .25rem; border-top-right-radius: .25rem; -webkit-border-bottom-right-radius: .25rem; border-bottom-right-radius: .25rem; } } .progress-striped[value]::-webkit-progress-value { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: 1rem 1rem; } .progress-striped[value]::-moz-progress-bar { 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: 1rem 1rem; } @media screen and (min-width: 0) { .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: 1rem 1rem; } } .progress-animated[value]::-webkit-progress-value { -webkit-animation: progress-bar-stripes 2s linear infinite; animation: progress-bar-stripes 2s linear infinite; } .progress-animated[value]::-moz-progress-bar { animation: progress-bar-stripes 2s linear infinite; } @media screen and (min-width: 0) { .progress-animated .progress-bar-striped { -webkit-animation: progress-bar-stripes 2s linear infinite; -o-animation: progress-bar-stripes 2s linear infinite; animation: progress-bar-stripes 2s linear infinite; } } .progress-success[value]::-webkit-progress-value { background-color: #5cb85c; } .progress-success[value]::-moz-progress-bar { background-color: #5cb85c; } @media screen and (min-width: 0) { .progress-success .progress-bar { background-color: #5cb85c; } } .progress-info[value]::-webkit-progress-value { background-color: #5bc0de; } .progress-info[value]::-moz-progress-bar { background-color: #5bc0de; } @media screen and (min-width: 0) { .progress-info .progress-bar { background-color: #5bc0de; } } .progress-warning[value]::-webkit-progress-value { background-color: #f0ad4e; } .progress-warning[value]::-moz-progress-bar { background-color: #f0ad4e; } @media screen and (min-width: 0) { .progress-warning .progress-bar { background-color: #f0ad4e; } } .progress-danger[value]::-webkit-progress-value { background-color: #d9534f; } .progress-danger[value]::-moz-progress-bar { background-color: #d9534f; } @media screen and (min-width: 0) { .progress-danger .progress-bar { background-color: #d9534f; } } .media { margin-top: 15px; } .media:first-child { margin-top: 0; } .media, .media-body { overflow: hidden; zoom: 1; } .media-body { width: 10000px; } .media-left, .media-right, .media-body { display: table-cell; vertical-align: top; } .media-middle { vertical-align: middle; } .media-bottom { vertical-align: bottom; } .media-object { display: block; } .media-object.img-thumbnail { max-width: none; } .media-right { padding-left: 10px; } .media-left { padding-right: 10px; } .media-heading { margin-top: 0; margin-bottom: 5px; } .media-list { padding-left: 0; list-style: none; } .list-group { padding-left: 0; margin-bottom: 0; } .list-group-item { position: relative; display: block; padding: .75rem 1.25rem; margin-bottom: -1px; background-color: #fff; border: 1px solid #ddd; } .list-group-item:first-child { -webkit-border-top-left-radius: .25rem; border-top-left-radius: .25rem; -webkit-border-top-right-radius: .25rem; border-top-right-radius: .25rem; } .list-group-item:last-child { margin-bottom: 0; -webkit-border-bottom-right-radius: .25rem; border-bottom-right-radius: .25rem; -webkit-border-bottom-left-radius: .25rem; border-bottom-left-radius: .25rem; } .list-group-flush .list-group-item { border-width: 1px 0; -webkit-border-radius: 0; border-radius: 0; } .list-group-flush:first-child .list-group-item:first-child { border-top: 0; } .list-group-flush:last-child .list-group-item:last-child { border-bottom: 0; } a.list-group-item, button.list-group-item { width: 100%; color: #555; text-align: inherit; } a.list-group-item .list-group-item-heading, button.list-group-item .list-group-item-heading { color: #333; } a.list-group-item:focus, a.list-group-item:hover, button.list-group-item:focus, button.list-group-item:hover { color: #555; text-decoration: none; background-color: #f5f5f5; } .list-group-item.disabled, .list-group-item.disabled:focus, .list-group-item.disabled:hover { color: #818a91; cursor: not-allowed; background-color: #eceeef; } .list-group-item.disabled .list-group-item-heading, .list-group-item.disabled:focus .list-group-item-heading, .list-group-item.disabled:hover .list-group-item-heading { color: inherit; } .list-group-item.disabled .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text, .list-group-item.disabled:hover .list-group-item-text { color: #818a91; } .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover { z-index: 2; color: #fff; background-color: #0275d8; border-color: #0275d8; } .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: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, .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 { color: inherit; } .list-group-item.active .list-group-item-text, .list-group-item.active:focus .list-group-item-text, .list-group-item.active:hover .list-group-item-text { color: #a8d6fe; } .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:focus, a.list-group-item-success:hover, button.list-group-item-success:focus, button.list-group-item-success:hover { color: #3c763d; background-color: #d0e9c6; } a.list-group-item-success.active, a.list-group-item-success.active:focus, a.list-group-item-success.active:hover, button.list-group-item-success.active, button.list-group-item-success.active:focus, button.list-group-item-success.active:hover { 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:focus, a.list-group-item-info:hover, button.list-group-item-info:focus, button.list-group-item-info:hover { color: #31708f; background-color: #c4e3f3; } a.list-group-item-info.active, a.list-group-item-info.active:focus, a.list-group-item-info.active:hover, button.list-group-item-info.active, button.list-group-item-info.active:focus, button.list-group-item-info.active:hover { 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:focus, a.list-group-item-warning:hover, button.list-group-item-warning:focus, button.list-group-item-warning:hover { color: #8a6d3b; background-color: #faf2cc; } a.list-group-item-warning.active, a.list-group-item-warning.active:focus, a.list-group-item-warning.active:hover, button.list-group-item-warning.active, button.list-group-item-warning.active:focus, button.list-group-item-warning.active:hover { 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:focus, a.list-group-item-danger:hover, button.list-group-item-danger:focus, button.list-group-item-danger:hover { color: #a94442; background-color: #ebcccc; } a.list-group-item-danger.active, a.list-group-item-danger.active:focus, a.list-group-item-danger.active:hover, button.list-group-item-danger.active, button.list-group-item-danger.active:focus, button.list-group-item-danger.active:hover { 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; } .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; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; } .embed-responsive-21by9 { padding-bottom: 42.857143%; } .embed-responsive-16by9 { padding-bottom: 56.25%; } .embed-responsive-4by3 { padding-bottom: 75%; } .embed-responsive-1by1 { padding-bottom: 100%; } .close { float: right; font-size: 1.5rem; font-weight: bold; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; opacity: .2; } .close:focus, .close:hover { color: #000; text-decoration: none; cursor: pointer; opacity: .5; } button.close { -webkit-appearance: none; padding: 0; cursor: pointer; background: transparent; border: 0; } .modal-open { overflow: hidden; } .modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; display: none; overflow: hidden; -webkit-overflow-scrolling: touch; outline: 0; } .modal.fade .modal-dialog { -webkit-transition: -webkit-transform 0.3s ease-out; -o-transition: transform 0.3s ease-out, -o-transform 0.3s ease-out; transition: -webkit-transform 0.3s ease-out; transition: transform 0.3s ease-out; transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out, -o-transform 0.3s ease-out; -webkit-transform: translate(0, -25%); -ms-transform: translate(0, -25%); -o-transform: translate(0, -25%); transform: translate(0, -25%); } .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; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); -webkit-border-radius: .3rem; border-radius: .3rem; 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; } .modal-backdrop.in { opacity: .5; } .modal-header { padding: 15px; border-bottom: 1px solid #e5e5e5; } .modal-header::after { display: table; clear: both; content: ""; } .modal-header .close { margin-top: -2px; } .modal-title { margin: 0; line-height: 1.5; } .modal-body { position: relative; padding: 15px; } .modal-footer { padding: 15px; text-align: right; border-top: 1px solid #e5e5e5; } .modal-footer::after { display: table; clear: both; content: ""; } .modal-footer .btn + .btn { margin-bottom: 0; margin-left: 5px; } .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: 544px) { .modal-dialog { width: 600px; margin: 30px auto; } .modal-sm { width: 300px; } } @media (min-width: 768px) { .modal-lg { width: 900px; } } .tooltip { position: absolute; z-index: 1070; display: block; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: .875rem; font-style: normal; font-weight: normal; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; word-wrap: normal; white-space: normal; opacity: 0; line-break: auto; } .tooltip.in { opacity: .9; } .tooltip.tooltip-top, .tooltip.bs-tether-element-attached-bottom { padding: 5px 0; margin-top: -3px; } .tooltip.tooltip-top .tooltip-arrow, .tooltip.bs-tether-element-attached-bottom .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-width: 5px 5px 0; border-top-color: #000; } .tooltip.tooltip-right, .tooltip.bs-tether-element-attached-left { padding: 0 5px; margin-left: 3px; } .tooltip.tooltip-right .tooltip-arrow, .tooltip.bs-tether-element-attached-left .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-width: 5px 5px 5px 0; border-right-color: #000; } .tooltip.tooltip-bottom, .tooltip.bs-tether-element-attached-top { padding: 5px 0; margin-top: 3px; } .tooltip.tooltip-bottom .tooltip-arrow, .tooltip.bs-tether-element-attached-top .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-width: 0 5px 5px; border-bottom-color: #000; } .tooltip.tooltip-left, .tooltip.bs-tether-element-attached-right { padding: 0 5px; margin-left: -3px; } .tooltip.tooltip-left .tooltip-arrow, .tooltip.bs-tether-element-attached-right .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-width: 5px 0 5px 5px; border-left-color: #000; } .tooltip-inner { max-width: 200px; padding: 3px 8px; color: #fff; text-align: center; background-color: #000; -webkit-border-radius: .25rem; border-radius: .25rem; } .tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; } .popover { position: absolute; top: 0; left: 0; z-index: 1060; display: block; max-width: 276px; padding: 1px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: .875rem; font-style: normal; font-weight: normal; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; word-wrap: normal; white-space: normal; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); -webkit-border-radius: .3rem; border-radius: .3rem; line-break: auto; } .popover.popover-top, .popover.bs-tether-element-attached-bottom { margin-top: -10px; } .popover.popover-top .popover-arrow, .popover.bs-tether-element-attached-bottom .popover-arrow { bottom: -11px; left: 50%; margin-left: -11px; border-top-color: rgba(0, 0, 0, 0.25); border-bottom-width: 0; } .popover.popover-top .popover-arrow::after, .popover.bs-tether-element-attached-bottom .popover-arrow::after { bottom: 1px; margin-left: -10px; content: ""; border-top-color: #fff; border-bottom-width: 0; } .popover.popover-right, .popover.bs-tether-element-attached-left { margin-left: 10px; } .popover.popover-right .popover-arrow, .popover.bs-tether-element-attached-left .popover-arrow { top: 50%; left: -11px; margin-top: -11px; border-right-color: rgba(0, 0, 0, 0.25); border-left-width: 0; } .popover.popover-right .popover-arrow::after, .popover.bs-tether-element-attached-left .popover-arrow::after { bottom: -10px; left: 1px; content: ""; border-right-color: #fff; border-left-width: 0; } .popover.popover-bottom, .popover.bs-tether-element-attached-top { margin-top: 10px; } .popover.popover-bottom .popover-arrow, .popover.bs-tether-element-attached-top .popover-arrow { top: -11px; left: 50%; margin-left: -11px; border-top-width: 0; border-bottom-color: rgba(0, 0, 0, 0.25); } .popover.popover-bottom .popover-arrow::after, .popover.bs-tether-element-attached-top .popover-arrow::after { top: 1px; margin-left: -10px; content: ""; border-top-width: 0; border-bottom-color: #fff; } .popover.popover-left, .popover.bs-tether-element-attached-right { margin-left: -10px; } .popover.popover-left .popover-arrow, .popover.bs-tether-element-attached-right .popover-arrow { top: 50%; right: -11px; margin-top: -11px; border-right-width: 0; border-left-color: rgba(0, 0, 0, 0.25); } .popover.popover-left .popover-arrow::after, .popover.bs-tether-element-attached-right .popover-arrow::after { right: 1px; bottom: -10px; content: ""; border-right-width: 0; border-left-color: #fff; } .popover-title { padding: 8px 14px; margin: 0; font-size: 1rem; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; -webkit-border-radius: -0.7rem -0.7rem 0 0; border-radius: -0.7rem -0.7rem 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 { content: ""; border-width: 10px; } .carousel { position: relative; } .carousel-inner { position: relative; width: 100%; overflow: hidden; } .carousel-inner > .carousel-item { position: relative; display: none; -webkit-transition: 0.6s ease-in-out left; -o-transition: 0.6s ease-in-out left; transition: 0.6s ease-in-out left; } .carousel-inner > .carousel-item > img, .carousel-inner > .carousel-item > a > img { line-height: 1; } @media all and (transform-3d), (-webkit-transform-3d) { .carousel-inner > .carousel-item { -webkit-transition: -webkit-transform 0.6s ease-in-out; -o-transition: transform 0.6s ease-in-out, -o-transform 0.6s ease-in-out; transition: -webkit-transform 0.6s ease-in-out; transition: transform 0.6s ease-in-out; transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out, -o-transform 0.6s ease-in-out; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000px; perspective: 1000px; } .carousel-inner > .carousel-item.next, .carousel-inner > .carousel-item.active.right { left: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .carousel-inner > .carousel-item.prev, .carousel-inner > .carousel-item.active.left { left: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } .carousel-inner > .carousel-item.next.left, .carousel-inner > .carousel-item.prev.right, .carousel-inner > .carousel-item.active { left: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 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; bottom: 0; left: 0; width: 15%; font-size: 20px; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); opacity: .5; } .carousel-control.left { background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.0001))); background-image: -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%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1); background-repeat: repeat-x; } .carousel-control.right { right: 0; left: auto; background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.0001)), to(rgba(0, 0, 0, 0.5))); background-image: -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%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1); background-repeat: repeat-x; } .carousel-control:focus, .carousel-control:hover { color: #fff; text-decoration: none; outline: 0; opacity: .9; } .carousel-control .icon-prev, .carousel-control .icon-next { position: absolute; top: 50%; z-index: 5; display: inline-block; width: 20px; height: 20px; margin-top: -10px; font-family: serif; line-height: 1; } .carousel-control .icon-prev { left: 50%; margin-left: -10px; } .carousel-control .icon-next { right: 50%; margin-right: -10px; } .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%; padding-left: 0; margin-left: -30%; text-align: center; list-style: none; } .carousel-indicators li { display: inline-block; width: 10px; height: 10px; margin: 1px; text-indent: -999px; cursor: pointer; background-color: transparent; border: 1px solid #fff; -webkit-border-radius: 10px; border-radius: 10px; } .carousel-indicators .active { width: 12px; height: 12px; margin: 0; background-color: #fff; } .carousel-caption { position: absolute; right: 15%; bottom: 20px; left: 15%; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } .carousel-caption .btn { text-shadow: none; } @media (min-width: 544px) { .carousel-control .icon-prev, .carousel-control .icon-next { width: 30px; height: 30px; margin-top: -15px; font-size: 30px; } .carousel-control .icon-prev { margin-left: -15px; } .carousel-control .icon-next { margin-right: -15px; } .carousel-caption { right: 20%; left: 20%; padding-bottom: 30px; } .carousel-indicators { bottom: 20px; } } .clearfix::after { display: table; clear: both; content: ""; } .center-block { display: block; margin-right: auto; margin-left: auto; } .pull-xs-left { float: left !important; } .pull-xs-right { float: right !important; } .pull-xs-none { float: none !important; } @media (min-width: 544px) { .pull-sm-left { float: left !important; } .pull-sm-right { float: right !important; } .pull-sm-none { float: none !important; } } @media (min-width: 768px) { .pull-md-left { float: left !important; } .pull-md-right { float: right !important; } .pull-md-none { float: none !important; } } @media (min-width: 992px) { .pull-lg-left { float: left !important; } .pull-lg-right { float: right !important; } .pull-lg-none { float: none !important; } } @media (min-width: 1200px) { .pull-xl-left { float: left !important; } .pull-xl-right { float: right !important; } .pull-xl-none { float: none !important; } } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; 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; } .invisible { visibility: hidden !important; } .text-hide { font: "0/0" a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .text-justify { text-align: justify !important; } .text-nowrap { white-space: nowrap !important; } .text-truncate { overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; } .text-xs-left { text-align: left !important; } .text-xs-right { text-align: right !important; } .text-xs-center { text-align: center !important; } @media (min-width: 544px) { .text-sm-left { text-align: left !important; } .text-sm-right { text-align: right !important; } .text-sm-center { text-align: center !important; } } @media (min-width: 768px) { .text-md-left { text-align: left !important; } .text-md-right { text-align: right !important; } .text-md-center { text-align: center !important; } } @media (min-width: 992px) { .text-lg-left { text-align: left !important; } .text-lg-right { text-align: right !important; } .text-lg-center { text-align: center !important; } } @media (min-width: 1200px) { .text-xl-left { text-align: left !important; } .text-xl-right { text-align: right !important; } .text-xl-center { text-align: center !important; } } .text-lowercase { text-transform: lowercase !important; } .text-uppercase { text-transform: uppercase !important; } .text-capitalize { text-transform: capitalize !important; } .font-weight-normal { font-weight: normal; } .font-weight-bold { font-weight: bold; } .font-italic { font-style: italic; } .text-muted { color: #818a91; } .text-primary { color: #0275d8 !important; } a.text-primary:focus, a.text-primary:hover { color: #025aa5; } .text-success { color: #5cb85c !important; } a.text-success:focus, a.text-success:hover { color: #449d44; } .text-info { color: #5bc0de !important; } a.text-info:focus, a.text-info:hover { color: #31b0d5; } .text-warning { color: #f0ad4e !important; } a.text-warning:focus, a.text-warning:hover { color: #ec971f; } .text-danger { color: #d9534f !important; } a.text-danger:focus, a.text-danger:hover { color: #c9302c; } .bg-inverse { color: #eceeef; background-color: #373a3c; } .bg-faded { background-color: #f7f7f9; } .bg-primary { color: #fff !important; background-color: #0275d8 !important; } a.bg-primary:focus, a.bg-primary:hover { background-color: #025aa5; } .bg-success { color: #fff !important; background-color: #5cb85c !important; } a.bg-success:focus, a.bg-success:hover { background-color: #449d44; } .bg-info { color: #fff !important; background-color: #5bc0de !important; } a.bg-info:focus, a.bg-info:hover { background-color: #31b0d5; } .bg-warning { color: #fff !important; background-color: #f0ad4e !important; } a.bg-warning:focus, a.bg-warning:hover { background-color: #ec971f; } .bg-danger { color: #fff !important; background-color: #d9534f !important; } a.bg-danger:focus, a.bg-danger:hover { background-color: #c9302c; } .m-x-auto { margin-right: auto !important; margin-left: auto !important; } .m-a-0 { margin: 0 0 !important; } .m-t-0 { margin-top: 0 !important; } .m-r-0 { margin-right: 0 !important; } .m-b-0 { margin-bottom: 0 !important; } .m-l-0 { margin-left: 0 !important; } .m-x-0 { margin-right: 0 !important; margin-left: 0 !important; } .m-y-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .m-a-1 { margin: 1rem 1rem !important; } .m-t-1 { margin-top: 1rem !important; } .m-r-1 { margin-right: 1rem !important; } .m-b-1 { margin-bottom: 1rem !important; } .m-l-1 { margin-left: 1rem !important; } .m-x-1 { margin-right: 1rem !important; margin-left: 1rem !important; } .m-y-1 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .m-a-2 { margin: 1.5rem 1.5rem !important; } .m-t-2 { margin-top: 1.5rem !important; } .m-r-2 { margin-right: 1.5rem !important; } .m-b-2 { margin-bottom: 1.5rem !important; } .m-l-2 { margin-left: 1.5rem !important; } .m-x-2 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .m-y-2 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .m-a-3 { margin: 3rem 3rem !important; } .m-t-3 { margin-top: 3rem !important; } .m-r-3 { margin-right: 3rem !important; } .m-b-3 { margin-bottom: 3rem !important; } .m-l-3 { margin-left: 3rem !important; } .m-x-3 { margin-right: 3rem !important; margin-left: 3rem !important; } .m-y-3 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .p-a-0 { padding: 0 0 !important; } .p-t-0 { padding-top: 0 !important; } .p-r-0 { padding-right: 0 !important; } .p-b-0 { padding-bottom: 0 !important; } .p-l-0 { padding-left: 0 !important; } .p-x-0 { padding-right: 0 !important; padding-left: 0 !important; } .p-y-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .p-a-1 { padding: 1rem 1rem !important; } .p-t-1 { padding-top: 1rem !important; } .p-r-1 { padding-right: 1rem !important; } .p-b-1 { padding-bottom: 1rem !important; } .p-l-1 { padding-left: 1rem !important; } .p-x-1 { padding-right: 1rem !important; padding-left: 1rem !important; } .p-y-1 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .p-a-2 { padding: 1.5rem 1.5rem !important; } .p-t-2 { padding-top: 1.5rem !important; } .p-r-2 { padding-right: 1.5rem !important; } .p-b-2 { padding-bottom: 1.5rem !important; } .p-l-2 { padding-left: 1.5rem !important; } .p-x-2 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .p-y-2 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .p-a-3 { padding: 3rem 3rem !important; } .p-t-3 { padding-top: 3rem !important; } .p-r-3 { padding-right: 3rem !important; } .p-b-3 { padding-bottom: 3rem !important; } .p-l-3 { padding-left: 3rem !important; } .p-x-3 { padding-right: 3rem !important; padding-left: 3rem !important; } .p-y-3 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pos-f-t { position: fixed; top: 0; right: 0; left: 0; z-index: 1030; } .hidden-xs-up { display: none !important; } @media (max-width: 543px) { .hidden-xs-down { display: none !important; } } @media (min-width: 544px) { .hidden-sm-up { display: none !important; } } @media (max-width: 767px) { .hidden-sm-down { display: none !important; } } @media (min-width: 768px) { .hidden-md-up { display: none !important; } } @media (max-width: 991px) { .hidden-md-down { display: none !important; } } @media (min-width: 992px) { .hidden-lg-up { display: none !important; } } @media (max-width: 1199px) { .hidden-lg-down { display: none !important; } } @media (min-width: 1200px) { .hidden-xl-up { display: none !important; } } .hidden-xl-down { display: none !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; } } .bootstrap-select { width: 220px \0; /*IE9 and below*/ } .bootstrap-select > .dropdown-toggle { width: 100%; padding-right: 25px; z-index: 1; } .bootstrap-select > select { position: absolute !important; bottom: 0; left: 50%; width: 0.11px !important; height: 100% !important; padding: 0 !important; opacity: 0 !important; border: none; } .bootstrap-select > select.mobile-device { top: 0; left: 0; display: block !important; width: 100% !important; z-index: 2; } .has-error .bootstrap-select .dropdown-toggle, .error .bootstrap-select .dropdown-toggle { border-color: #b94a48; } .bootstrap-select.fit-width { width: auto !important; } .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) { width: 220px; } .bootstrap-select .dropdown-toggle:focus { outline: thin dotted #333333 !important; outline: 5px auto -webkit-focus-ring-color !important; outline-offset: -2px; } .bootstrap-select.form-control { margin-bottom: 0; padding: 0; border: none; } .bootstrap-select.form-control:not([class*="col-"]) { width: 100%; } .bootstrap-select.form-control.input-group-btn { z-index: auto; } .bootstrap-select.btn-group:not(.input-group-btn), .bootstrap-select.btn-group[class*="col-"] { float: none; display: inline-block; margin-left: 0; } .bootstrap-select.btn-group.dropdown-menu-right, .bootstrap-select.btn-group[class*="col-"].dropdown-menu-right, .row .bootstrap-select.btn-group[class*="col-"].dropdown-menu-right { float: right; } .form-inline .bootstrap-select.btn-group, .form-horizontal .bootstrap-select.btn-group, .form-group .bootstrap-select.btn-group { margin-bottom: 0; } .form-group-lg .bootstrap-select.btn-group.form-control, .form-group-sm .bootstrap-select.btn-group.form-control { padding: 0; } .form-inline .bootstrap-select.btn-group .form-control { width: 100%; } .bootstrap-select.btn-group.disabled, .bootstrap-select.btn-group > .disabled { cursor: not-allowed; } .bootstrap-select.btn-group.disabled:focus, .bootstrap-select.btn-group > .disabled:focus { outline: none !important; } .bootstrap-select.btn-group.bs-container { position: absolute; } .bootstrap-select.btn-group.bs-container .dropdown-menu { z-index: 1060; } .bootstrap-select.btn-group .dropdown-toggle .filter-option { display: inline-block; overflow: hidden; width: 100%; text-align: left; } .bootstrap-select.btn-group .dropdown-toggle .caret { position: absolute; top: 50%; right: 12px; margin-top: -2px; vertical-align: middle; } .bootstrap-select.btn-group[class*="col-"] .dropdown-toggle { width: 100%; } .bootstrap-select.btn-group .dropdown-menu { min-width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .bootstrap-select.btn-group .dropdown-menu.inner { position: static; float: none; border: 0; padding: 0; margin: 0; -webkit-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; } .bootstrap-select.btn-group .dropdown-menu li { position: relative; } .bootstrap-select.btn-group .dropdown-menu li.active small { color: #fff; } .bootstrap-select.btn-group .dropdown-menu li.disabled a { cursor: not-allowed; } .bootstrap-select.btn-group .dropdown-menu li a { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .bootstrap-select.btn-group .dropdown-menu li a.opt { position: relative; padding-left: 2.25em; } .bootstrap-select.btn-group .dropdown-menu li a span.check-mark { display: none; } .bootstrap-select.btn-group .dropdown-menu li a span.text { display: inline-block; } .bootstrap-select.btn-group .dropdown-menu li small { padding-left: 0.5em; } .bootstrap-select.btn-group .dropdown-menu .notify { position: absolute; bottom: 5px; width: 96%; margin: 0 2%; min-height: 26px; padding: 3px 5px; background: #f5f5f5; border: 1px solid #e3e3e3; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); pointer-events: none; opacity: 0.9; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .bootstrap-select.btn-group .no-results { padding: 3px; background: #f5f5f5; margin: 0 5px; white-space: nowrap; } .bootstrap-select.btn-group.fit-width .dropdown-toggle .filter-option { position: static; } .bootstrap-select.btn-group.fit-width .dropdown-toggle .caret { position: static; top: auto; margin-top: -1px; } .bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark { position: absolute; display: inline-block; right: 15px; margin-top: 5px; } .bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text { margin-right: 34px; } .bootstrap-select.show-menu-arrow.open > .dropdown-toggle { z-index: 1061; } .bootstrap-select.show-menu-arrow .dropdown-toggle:before { content: ''; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid rgba(204, 204, 204, 0.2); position: absolute; bottom: -4px; left: 9px; display: none; } .bootstrap-select.show-menu-arrow .dropdown-toggle:after { content: ''; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid white; position: absolute; bottom: -4px; left: 10px; display: none; } .bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:before { bottom: auto; top: -3px; border-top: 7px solid rgba(204, 204, 204, 0.2); border-bottom: 0; } .bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:after { bottom: auto; top: -3px; border-top: 6px solid white; border-bottom: 0; } .bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:before { right: 12px; left: auto; } .bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:after { right: 13px; left: auto; } .bootstrap-select.show-menu-arrow.open > .dropdown-toggle:before, .bootstrap-select.show-menu-arrow.open > .dropdown-toggle:after { display: block; } .bs-searchbox, .bs-actionsbox, .bs-donebutton { padding: 4px 8px; } .bs-actionsbox { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .bs-actionsbox .btn-group button { width: 50%; } .bs-donebutton { float: left; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .bs-donebutton .btn-group button { width: 100%; } .bs-searchbox + .bs-actionsbox { padding: 0 8px 4px; } .bs-searchbox .form-control { margin-bottom: 0; width: 100%; float: none; } /* Slider */ .slick-slider { position: relative; display: block; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; left: 0; top: 0; display: block; } .slick-track:before, .slick-track:after { content: ""; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { float: left; height: 100%; min-height: 1px; display: none; } [dir="rtl"] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } @-webkit-keyframes showSweetAlert { 0% { transform: scale(0.7); -webkit-transform: scale(0.7); } 45% { transform: scale(1.05); -webkit-transform: scale(1.05); } 80% { -webkit-transform: scale(0.95); transform: scale(0.95); -webkit-tranform: scale(0.95); } 100% { transform: scale(1); -webkit-transform: scale(1); } } @-o-keyframes showSweetAlert { 0% { -o-transform: scale(0.7); transform: scale(0.7); -webkit-transform: scale(0.7); } 45% { -o-transform: scale(1.05); transform: scale(1.05); -webkit-transform: scale(1.05); } 80% { -o-transform: scale(0.95); transform: scale(0.95); -webkit-tranform: scale(0.95); } 100% { -o-transform: scale(1); transform: scale(1); -webkit-transform: scale(1); } } @keyframes showSweetAlert { 0% { -o-transform: scale(0.7); transform: scale(0.7); -webkit-transform: scale(0.7); } 45% { -o-transform: scale(1.05); transform: scale(1.05); -webkit-transform: scale(1.05); } 80% { -webkit-transform: scale(0.95); -o-transform: scale(0.95); transform: scale(0.95); -webkit-tranform: scale(0.95); } 100% { -o-transform: scale(1); transform: scale(1); -webkit-transform: scale(1); } } @-webkit-keyframes hideSweetAlert { 0% { transform: scale(1); -webkit-transform: scale(1); } 100% { transform: scale(0.5); -webkit-transform: scale(0.5); } } @-o-keyframes hideSweetAlert { 0% { -o-transform: scale(1); transform: scale(1); -webkit-transform: scale(1); } 100% { -o-transform: scale(0.5); transform: scale(0.5); -webkit-transform: scale(0.5); } } @keyframes hideSweetAlert { 0% { -o-transform: scale(1); transform: scale(1); -webkit-transform: scale(1); } 100% { -o-transform: scale(0.5); transform: scale(0.5); -webkit-transform: scale(0.5); } } .showSweetAlert { -webkit-animation: showSweetAlert 0.3s; -o-animation: showSweetAlert 0.3s; animation: showSweetAlert 0.3s; } .hideSweetAlert { -webkit-animation: hideSweetAlert 0.2s; -o-animation: hideSweetAlert 0.2s; animation: hideSweetAlert 0.2s; } @-webkit-keyframes animateSuccessTip { 0% { width: 0; left: 1px; top: 19px; } 54% { width: 0; left: 1px; top: 19px; } 70% { width: 50px; left: -8px; top: 37px; } 84% { width: 17px; left: 21px; top: 48px; } 100% { width: 25px; left: 14px; top: 45px; } } @-o-keyframes animateSuccessTip { 0% { width: 0; left: 1px; top: 19px; } 54% { width: 0; left: 1px; top: 19px; } 70% { width: 50px; left: -8px; top: 37px; } 84% { width: 17px; left: 21px; top: 48px; } 100% { width: 25px; left: 14px; top: 45px; } } @keyframes animateSuccessTip { 0% { width: 0; left: 1px; top: 19px; } 54% { width: 0; left: 1px; top: 19px; } 70% { width: 50px; left: -8px; top: 37px; } 84% { width: 17px; left: 21px; top: 48px; } 100% { width: 25px; left: 14px; top: 45px; } } @-webkit-keyframes animateSuccessLong { 0% { width: 0; right: 46px; top: 54px; } 65% { width: 0; right: 46px; top: 54px; } 84% { width: 55px; right: 0px; top: 35px; } 100% { width: 47px; right: 8px; top: 38px; } } @-o-keyframes animateSuccessLong { 0% { width: 0; right: 46px; top: 54px; } 65% { width: 0; right: 46px; top: 54px; } 84% { width: 55px; right: 0px; top: 35px; } 100% { width: 47px; right: 8px; top: 38px; } } @keyframes animateSuccessLong { 0% { width: 0; right: 46px; top: 54px; } 65% { width: 0; right: 46px; top: 54px; } 84% { width: 55px; right: 0px; top: 35px; } 100% { width: 47px; right: 8px; top: 38px; } } @-webkit-keyframes rotatePlaceholder { 0% { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } 5% { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } 12% { transform: rotate(-405deg); -webkit-transform: rotate(-405deg); } 100% { transform: rotate(-405deg); -webkit-transform: rotate(-405deg); } } @-o-keyframes rotatePlaceholder { 0% { -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } 5% { -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } 12% { -o-transform: rotate(-405deg); transform: rotate(-405deg); -webkit-transform: rotate(-405deg); } 100% { -o-transform: rotate(-405deg); transform: rotate(-405deg); -webkit-transform: rotate(-405deg); } } @keyframes rotatePlaceholder { 0% { -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } 5% { -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } 12% { -o-transform: rotate(-405deg); transform: rotate(-405deg); -webkit-transform: rotate(-405deg); } 100% { -o-transform: rotate(-405deg); transform: rotate(-405deg); -webkit-transform: rotate(-405deg); } } .animateSuccessTip { -webkit-animation: animateSuccessTip 0.75s; -o-animation: animateSuccessTip 0.75s; animation: animateSuccessTip 0.75s; } .animateSuccessLong { -webkit-animation: animateSuccessLong 0.75s; -o-animation: animateSuccessLong 0.75s; animation: animateSuccessLong 0.75s; } .icon.success.animate::after { -webkit-animation: rotatePlaceholder 4.25s ease-in; -o-animation: rotatePlaceholder 4.25s ease-in; animation: rotatePlaceholder 4.25s ease-in; } @-webkit-keyframes animateErrorIcon { 0% { transform: rotateX(100deg); -webkit-transform: rotateX(100deg); opacity: 0; } 100% { transform: rotateX(0deg); -webkit-transform: rotateX(0deg); opacity: 1; } } @-o-keyframes animateErrorIcon { 0% { transform: rotateX(100deg); -webkit-transform: rotateX(100deg); opacity: 0; } 100% { transform: rotateX(0deg); -webkit-transform: rotateX(0deg); opacity: 1; } } @keyframes animateErrorIcon { 0% { transform: rotateX(100deg); -webkit-transform: rotateX(100deg); opacity: 0; } 100% { transform: rotateX(0deg); -webkit-transform: rotateX(0deg); opacity: 1; } } .animateErrorIcon { -webkit-animation: animateErrorIcon 0.5s; -o-animation: animateErrorIcon 0.5s; animation: animateErrorIcon 0.5s; } @-webkit-keyframes animateXMark { 0% { transform: scale(0.4); -webkit-transform: scale(0.4); margin-top: 26px; opacity: 0; } 50% { transform: scale(0.4); -webkit-transform: scale(0.4); margin-top: 26px; opacity: 0; } 80% { transform: scale(1.15); -webkit-transform: scale(1.15); margin-top: -6px; } 100% { transform: scale(1); -webkit-transform: scale(1); margin-top: 0; opacity: 1; } } @-o-keyframes animateXMark { 0% { -o-transform: scale(0.4); transform: scale(0.4); -webkit-transform: scale(0.4); margin-top: 26px; opacity: 0; } 50% { -o-transform: scale(0.4); transform: scale(0.4); -webkit-transform: scale(0.4); margin-top: 26px; opacity: 0; } 80% { -o-transform: scale(1.15); transform: scale(1.15); -webkit-transform: scale(1.15); margin-top: -6px; } 100% { -o-transform: scale(1); transform: scale(1); -webkit-transform: scale(1); margin-top: 0; opacity: 1; } } @keyframes animateXMark { 0% { -o-transform: scale(0.4); transform: scale(0.4); -webkit-transform: scale(0.4); margin-top: 26px; opacity: 0; } 50% { -o-transform: scale(0.4); transform: scale(0.4); -webkit-transform: scale(0.4); margin-top: 26px; opacity: 0; } 80% { -o-transform: scale(1.15); transform: scale(1.15); -webkit-transform: scale(1.15); margin-top: -6px; } 100% { -o-transform: scale(1); transform: scale(1); -webkit-transform: scale(1); margin-top: 0; opacity: 1; } } .animateXMark { -webkit-animation: animateXMark 0.5s; -o-animation: animateXMark 0.5s; animation: animateXMark 0.5s; } @-webkit-keyframes pulseWarning { 0% { border-color: rgba(242, 152, 36, 0.5); } 100% { border-color: #f29824; } } @-o-keyframes pulseWarning { 0% { border-color: rgba(242, 152, 36, 0.5); } 100% { border-color: #f29824; } } @keyframes pulseWarning { 0% { border-color: rgba(242, 152, 36, 0.5); } 100% { border-color: #f29824; } } .pulseWarning { -webkit-animation: pulseWarning 0.75s infinite alternate; -o-animation: pulseWarning 0.75s infinite alternate; animation: pulseWarning 0.75s infinite alternate; } @-webkit-keyframes pulseWarningIns { 0% { background-color: rgba(242, 152, 36, 0.5); } 100% { background-color: #f29824; } } @-o-keyframes pulseWarningIns { 0% { background-color: rgba(242, 152, 36, 0.5); } 100% { background-color: #f29824; } } @keyframes pulseWarningIns { 0% { background-color: rgba(242, 152, 36, 0.5); } 100% { background-color: #f29824; } } .pulseWarningIns { -webkit-animation: pulseWarningIns 0.75s infinite alternate; -o-animation: pulseWarningIns 0.75s infinite alternate; animation: pulseWarningIns 0.75s infinite alternate; } /*! * Datetimepicker for Bootstrap 3 * version : 4.17.37 * 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: 768px) { .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs { width: 38em; } } @media (min-width: 992px) { .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs { width: 38em; } } @media (min-width: 1200px) { .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs { width: 38em; } } .bootstrap-datetimepicker-widget.dropdown-menu:before, .bootstrap-datetimepicker-widget.dropdown-menu:after { content: ''; display: inline-block; position: absolute; } .bootstrap-datetimepicker-widget.dropdown-menu.bottom:before { border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #cccccc; border-bottom-color: rgba(0, 0, 0, 0.2); top: -7px; left: 7px; } .bootstrap-datetimepicker-widget.dropdown-menu.bottom:after { border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid white; top: -6px; left: 8px; } .bootstrap-datetimepicker-widget.dropdown-menu.top:before { border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 7px solid #cccccc; border-top-color: rgba(0, 0, 0, 0.2); bottom: -7px; left: 6px; } .bootstrap-datetimepicker-widget.dropdown-menu.top:after { border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid white; bottom: -6px; left: 7px; } .bootstrap-datetimepicker-widget.dropdown-menu.pull-right:before { left: auto; right: 6px; } .bootstrap-datetimepicker-widget.dropdown-menu.pull-right:after { left: auto; right: 7px; } .bootstrap-datetimepicker-widget .list-unstyled { margin: 0; } .bootstrap-datetimepicker-widget a[data-action] { padding: 6px 0; } .bootstrap-datetimepicker-widget a[data-action]:active { -webkit-box-shadow: none; box-shadow: none; } .bootstrap-datetimepicker-widget .timepicker-hour, .bootstrap-datetimepicker-widget .timepicker-minute, .bootstrap-datetimepicker-widget .timepicker-second { width: 54px; font-weight: bold; font-size: 1.2em; margin: 0; } .bootstrap-datetimepicker-widget button[data-action] { padding: 6px; } .bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]::after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; content: "Increment Hours"; } .bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]::after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; content: "Increment Minutes"; } .bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]::after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; content: "Decrement Hours"; } .bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]::after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; content: "Decrement Minutes"; } .bootstrap-datetimepicker-widget .btn[data-action="showHours"]::after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; content: "Show Hours"; } .bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]::after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; content: "Show Minutes"; } .bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]::after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; content: "Toggle AM/PM"; } .bootstrap-datetimepicker-widget .btn[data-action="clear"]::after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; content: "Clear the picker"; } .bootstrap-datetimepicker-widget .btn[data-action="today"]::after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; content: "Set the date to today"; } .bootstrap-datetimepicker-widget .picker-switch { text-align: center; } .bootstrap-datetimepicker-widget .picker-switch::after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; content: "Toggle Date and Time Screens"; } .bootstrap-datetimepicker-widget .picker-switch td { padding: 0; margin: 0; height: auto; width: auto; line-height: inherit; } .bootstrap-datetimepicker-widget .picker-switch td span { line-height: 2.5; height: 2.5em; width: 100%; } .bootstrap-datetimepicker-widget table { width: 100%; margin: 0; } .bootstrap-datetimepicker-widget table td, .bootstrap-datetimepicker-widget table th { text-align: center; -webkit-border-radius: 4px; border-radius: 4px; } .bootstrap-datetimepicker-widget table th { height: 20px; line-height: 20px; width: 20px; } .bootstrap-datetimepicker-widget table th.picker-switch { width: 145px; } .bootstrap-datetimepicker-widget table th.disabled, .bootstrap-datetimepicker-widget table th.disabled:hover { background: none; color: #777777; cursor: not-allowed; } .bootstrap-datetimepicker-widget table th.prev::after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; content: "Previous Month"; } .bootstrap-datetimepicker-widget table th.next::after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; content: "Next Month"; } .bootstrap-datetimepicker-widget table thead tr:first-child th { cursor: pointer; } .bootstrap-datetimepicker-widget table thead tr:first-child th:hover { background: #eeeeee; } .bootstrap-datetimepicker-widget table td { height: 54px; line-height: 54px; width: 54px; } .bootstrap-datetimepicker-widget table td.cw { font-size: .8em; height: 20px; line-height: 20px; color: #777777; } .bootstrap-datetimepicker-widget table td.day { height: 20px; line-height: 20px; width: 20px; } .bootstrap-datetimepicker-widget table td.day:hover, .bootstrap-datetimepicker-widget table td.hour:hover, .bootstrap-datetimepicker-widget table td.minute:hover, .bootstrap-datetimepicker-widget table td.second:hover { background: #eeeeee; cursor: pointer; } .bootstrap-datetimepicker-widget table td.old, .bootstrap-datetimepicker-widget table td.new { color: #777777; } .bootstrap-datetimepicker-widget table td.today { position: relative; } .bootstrap-datetimepicker-widget table td.today:before { content: ''; display: inline-block; border: solid transparent; border-width: 0 0 7px 7px; border-bottom-color: #337ab7; border-top-color: rgba(0, 0, 0, 0.2); position: absolute; bottom: 4px; right: 4px; } .bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover { background-color: #337ab7; color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .bootstrap-datetimepicker-widget table td.active.today:before { border-bottom-color: #fff; } .bootstrap-datetimepicker-widget table td.disabled, .bootstrap-datetimepicker-widget table td.disabled:hover { background: none; color: #777777; cursor: not-allowed; } .bootstrap-datetimepicker-widget table td span { display: inline-block; width: 54px; height: 54px; line-height: 54px; margin: 2px 1.5px; cursor: pointer; -webkit-border-radius: 4px; border-radius: 4px; } .bootstrap-datetimepicker-widget table td span:hover { background: #eeeeee; } .bootstrap-datetimepicker-widget table td span.active { background-color: #337ab7; color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .bootstrap-datetimepicker-widget table td span.old { color: #777777; } .bootstrap-datetimepicker-widget table td span.disabled, .bootstrap-datetimepicker-widget table td span.disabled:hover { background: none; color: #777777; cursor: not-allowed; } .bootstrap-datetimepicker-widget.usetwentyfour td.hour { height: 27px; line-height: 27px; } .bootstrap-datetimepicker-widget.wider { width: 21em; } .bootstrap-datetimepicker-widget .datepicker-decades .decade { line-height: 1.8em !important; } .input-group.date .input-group-addon { cursor: pointer; } .sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .daterangepicker { position: absolute; color: inherit; background: #fff; -webkit-border-radius: 4px; border-radius: 4px; width: 278px; padding: 4px; margin-top: 1px; top: 100px; left: 20px; /* Calendars */ } .daterangepicker:before, .daterangepicker:after { position: absolute; display: inline-block; border-bottom-color: #d8e2e7; content: ''; } .daterangepicker:before { top: -7px; border-right: 7px solid transparent; border-left: 7px solid transparent; border-bottom: 7px solid #d8e2e7; } .daterangepicker:after { top: -6px; border-right: 6px solid transparent; border-bottom: 6px solid #fff; border-left: 6px solid transparent; } .daterangepicker.opensleft:before { right: 9px; } .daterangepicker.opensleft:after { right: 10px; } .daterangepicker.openscenter:before { left: 0; right: 0; width: 0; margin-left: auto; margin-right: auto; } .daterangepicker.openscenter:after { left: 0; right: 0; width: 0; margin-left: auto; margin-right: auto; } .daterangepicker.opensright:before { left: 9px; } .daterangepicker.opensright:after { left: 10px; } .daterangepicker.dropup { margin-top: -5px; } .daterangepicker.dropup:before { top: initial; bottom: -7px; border-bottom: initial; border-top: 7px solid #d8e2e7; } .daterangepicker.dropup:after { top: initial; bottom: -6px; border-bottom: initial; border-top: 6px solid #fff; } .daterangepicker.dropdown-menu { max-width: none; z-index: 3001; } .daterangepicker.single .ranges, .daterangepicker.single .calendar { float: none; } .daterangepicker.show-calendar .calendar { display: block; } .daterangepicker .calendar { display: none; max-width: 270px; margin: 4px; } .daterangepicker .calendar.single .calendar-table { border: none; } .daterangepicker .calendar th, .daterangepicker .calendar td { white-space: nowrap; text-align: center; width: 32px; height: 28px; line-height: 28px; } .daterangepicker .calendar-table { padding: 4px; -webkit-border-radius: 4px; border-radius: 4px; background: #fff; } .daterangepicker table { width: 100%; margin: 0; } .daterangepicker td, .daterangepicker th { text-align: center; width: 20px; height: 20px; -webkit-border-radius: 4px; border-radius: 4px; border: 1px solid transparent; white-space: nowrap; cursor: pointer; } .daterangepicker td.available:hover, .daterangepicker th.available:hover { color: #01A6FF; } .daterangepicker td.week, .daterangepicker th.week { font-size: .8125rem; color: #8D99A9; } .daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date { background-color: #fff; border-color: transparent; color: #8D99A9; } .daterangepicker td.in-range { background-color: #E5F6FE; border-color: transparent; color: #000; -webkit-border-radius: 0; border-radius: 0; } .daterangepicker td.start-date { -webkit-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; } .daterangepicker td.end-date { -webkit-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; } .daterangepicker td.start-date.end-date { -webkit-border-radius: 4px; border-radius: 4px; } .daterangepicker td.active, .daterangepicker td.active:hover { background-color: #01A6FF; border-color: transparent; color: #fff; } .daterangepicker th.month { width: auto; } .daterangepicker td.disabled, .daterangepicker option.disabled { color: #999; cursor: not-allowed; text-decoration: line-through; } .daterangepicker select.monthselect, .daterangepicker select.yearselect { font-size: 1rem; padding: 1px; height: auto; margin: 0; cursor: default; } .daterangepicker select.monthselect { margin-right: 2%; width: 56%; } .daterangepicker select.yearselect { width: 40%; } .daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect { width: 50px; margin-bottom: 0; } .daterangepicker .input-mini { border: 1px solid #d8e2e7; -webkit-border-radius: 4px; border-radius: 4px; color: #0A0A0A; display: block; margin: 0 0 5px 0; padding: .395rem 15px .355rem 30px; width: 100%; font-size: 1rem; line-height: 1.5; } .daterangepicker .input-mini.active { border: 1px solid #d8e2e7; -webkit-border-radius: 4px; border-radius: 4px; } .daterangepicker .daterangepicker_input { position: relative; } .daterangepicker .daterangepicker_input i { position: absolute; left: 8px; top: 8px; } .daterangepicker .calendar-time { text-align: center; margin: 5px auto; line-height: 30px; position: relative; padding-left: 28px; } .daterangepicker .calendar-time select.disabled { color: #ccc; cursor: not-allowed; } .ranges { font-size: 1rem; float: none; margin: 4px; text-align: left; } .ranges ul { list-style: none; margin: 0 auto; padding: 0; width: 100%; } .ranges li { font-size: 1rem; background: #DBE4EB; -webkit-border-radius: 4px; border-radius: 4px; color: #292B2A; padding: 8px 12px; margin-bottom: 8px; cursor: pointer; } .ranges li:hover { background: #01A6FF; color: #fff; } .ranges li.active { background: #01A6FF; color: #fff; } /* Larger Screen Styling */ @media (min-width: 594px) { .daterangepicker { width: auto; } .daterangepicker .ranges ul { width: 160px; } .daterangepicker.single .ranges ul { width: 100%; } .daterangepicker.single .calendar.left { clear: none; } .daterangepicker.single .ranges, .daterangepicker.single .calendar { float: left; } .daterangepicker .calendar.left { clear: left; margin-right: 0; } .daterangepicker .calendar.left .calendar-table { border-right: none; -webkit-border-top-right-radius: 0; border-top-right-radius: 0; -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; } .daterangepicker .calendar.right { margin-left: 0; } .daterangepicker .calendar.right .calendar-table { border-left: none; -webkit-border-top-left-radius: 0; border-top-left-radius: 0; -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; } .daterangepicker .left .daterangepicker_input { padding-right: 12px; } .daterangepicker .calendar.left .calendar-table { padding-right: 12px; } .daterangepicker .ranges, .daterangepicker .calendar { float: left; } } @media (min-width: 730px) { .daterangepicker .ranges { width: auto; float: left; } .daterangepicker .calendar.left { clear: none; } } .daterangepicker .fa { color: #909CA8; } .daterangepicker .daterangepicker_input .fa { font-size: 1rem; } .daterangepicker .daterangepicker_input .fa.fa-calendar { font-size: 1rem; position: absolute; top: 12px; left: 10px; } .daterangepicker .daterangepicker_input select, .daterangepicker .table-condensed select { background: transparent; border: 1px solid #d8e2e7; -webkit-border-radius: 4px; border-radius: 4px; padding: 4px; font-size: .875rem; } .daterangepicker .applyBtn, .cancelBtn { font-size: 1rem !important; } .daterangepicker .calendar-time { margin-top: 10px; } .daterangepicker .calendar-time .fa-clock-o { padding-left: 1px; } .daterangepicker .table-condensed th.prev { vertical-align: middle !important; } .select2-container { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; margin: 0; position: relative; vertical-align: middle; } .select2-container .select2-selection--single { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; cursor: pointer; display: block; height: 28px; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-select: none; } .select2-container .select2-selection--single .select2-selection__rendered { display: block; padding-left: 8px; padding-right: 20px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; } .select2-container .select2-selection--single .select2-selection__clear { position: relative; } .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered { padding-right: 8px; padding-left: 20px; } .select2-container .select2-selection--multiple { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; cursor: pointer; display: block; min-height: 32px; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-select: none; } .select2-container .select2-selection--multiple .select2-selection__rendered { display: inline-block; overflow: hidden; padding-left: 8px; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; } .select2-container .select2-search--inline { float: left; } .select2-container .select2-search--inline .select2-search__field { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: none; font-size: 100%; margin-top: 5px; padding: 0; } .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; } .select2-dropdown { background-color: white; border: 1px solid #aaa; -webkit-border-radius: 4px; border-radius: 4px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: block; position: absolute; left: -100000px; width: 100%; z-index: 1051; } .select2-results { display: block; } .select2-results__options { list-style: none; margin: 0; padding: 0; } .select2-results__option { padding: 6px; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-select: none; } .select2-results__option[aria-selected] { cursor: pointer; } .select2-container--open .select2-dropdown { left: 0; } .select2-container--open .select2-dropdown--above { border-bottom: none; -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; } .select2-container--open .select2-dropdown--below { border-top: none; -webkit-border-top-left-radius: 0; border-top-left-radius: 0; -webkit-border-top-right-radius: 0; border-top-right-radius: 0; } .select2-search--dropdown { display: block; padding: 4px; } .select2-search--dropdown .select2-search__field { padding: 4px; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; } .select2-search--dropdown.select2-search--hide { display: none; } .select2-close-mask { border: 0; margin: 0; padding: 0; display: block; position: fixed; left: 0; top: 0; min-height: 100%; min-width: 100%; height: auto; width: auto; opacity: 0; z-index: 99; background-color: #fff; filter: alpha(opacity=0); } .select2-hidden-accessible { border: 0 !important; clip: rect(0 0 0 0) !important; height: 1px !important; margin: -1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; } .select2-container--default .select2-selection--single { background-color: #fff; border: 1px solid #aaa; -webkit-border-radius: 4px; border-radius: 4px; } .select2-container--default .select2-selection--single .select2-selection__rendered { color: #444; line-height: 28px; } .select2-container--default .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; } .select2-container--default .select2-selection--single .select2-selection__placeholder { color: #999; } .select2-container--default .select2-selection--single .select2-selection__arrow { height: 26px; position: absolute; top: 1px; right: 1px; width: 20px; } .select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: #888 transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; height: 0; left: 50%; margin-left: -4px; margin-top: -2px; position: absolute; top: 50%; width: 0; } .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear { float: left; } .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow { left: 1px; right: auto; } .select2-container--default.select2-container--disabled .select2-selection--single { background-color: #eee; cursor: default; } .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear { display: none; } .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #888 transparent; border-width: 0 4px 5px 4px; } .select2-container--default .select2-selection--multiple { background-color: white; border: 1px solid #aaa; -webkit-border-radius: 4px; border-radius: 4px; cursor: text; } .select2-container--default .select2-selection--multiple .select2-selection__rendered { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; list-style: none; margin: 0; padding: 0 5px; width: 100%; } .select2-container--default .select2-selection--multiple .select2-selection__placeholder { color: #999; margin-top: 5px; float: left; } .select2-container--default .select2-selection--multiple .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; margin-top: 5px; margin-right: 10px; } .select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: #e4e4e4; border: 1px solid #aaa; -webkit-border-radius: 4px; border-radius: 4px; cursor: default; float: left; margin-right: 5px; margin-top: 5px; padding: 0 5px; } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { color: #999; cursor: pointer; display: inline-block; font-weight: bold; margin-right: 2px; } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { color: #333; } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline { float: right; } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice { margin-left: 5px; margin-right: auto; } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove { margin-left: 2px; margin-right: auto; } .select2-container--default.select2-container--focus .select2-selection--multiple { border: solid black 1px; outline: 0; } .select2-container--default.select2-container--disabled .select2-selection--multiple { background-color: #eee; cursor: default; } .select2-container--default.select2-container--disabled .select2-selection__choice__remove { display: none; } .select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple { -webkit-border-top-left-radius: 0; border-top-left-radius: 0; -webkit-border-top-right-radius: 0; border-top-right-radius: 0; } .select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple { -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; } .select2-container--default .select2-search--dropdown .select2-search__field { border: solid 1px rgba(197, 214, 222, 0.7); -webkit-box-shadow: none; box-shadow: none; font-size: 1rem; color: #343434 !important; -webkit-border-radius: 2px; border-radius: 2px; } .select2-container--default .select2-search--dropdown { padding-left: 15px; padding-right: 15px; } .select2-container--default .select2-search--inline .select2-search__field { background: transparent; border: none; outline: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-appearance: textfield; } .select2-container--default .select2-results > .select2-results__options { max-height: 200px; overflow-y: auto; } .select2-container--default .select2-results__option[role=group] { padding: 0; } .select2-container--default .select2-results__option[aria-disabled=true] { color: #999; } .select2-container--default .select2-results__option[aria-selected=true] { background-color: #ddd; } .select2-container--default .select2-results__option .select2-results__option { padding-left: 1em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__group { padding-left: 0; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option { margin-left: -1em; padding-left: 2em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -2em; padding-left: 3em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -3em; padding-left: 4em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -4em; padding-left: 5em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -5em; padding-left: 6em; } .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #5897fb; color: white; } .select2-container--default .select2-results__group { cursor: default; display: block; padding: 6px; } .select2-container--classic .select2-selection--single { background-color: #f7f7f7; border: 1px solid #aaa; -webkit-border-radius: 4px; border-radius: 4px; outline: 0; background-image: -webkit-linear-gradient(top, white 50%, #eeeeee 100%); background-image: -o-linear-gradient(top, white 50%, #eeeeee 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, white), to(#eeeeee)); background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); } .select2-container--classic .select2-selection--single:focus { border: 1px solid #5897fb; } .select2-container--classic .select2-selection--single .select2-selection__rendered { color: #444; line-height: 28px; } .select2-container--classic .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; margin-right: 10px; } .select2-container--classic .select2-selection--single .select2-selection__placeholder { color: #999; } .select2-container--classic .select2-selection--single .select2-selection__arrow { background-color: #ddd; border: none; border-left: 1px solid #aaa; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; height: 26px; position: absolute; top: 1px; right: 1px; width: 20px; background-image: -webkit-linear-gradient(top, #eeeeee 50%, #cccccc 100%); background-image: -o-linear-gradient(top, #eeeeee 50%, #cccccc 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #eeeeee), to(#cccccc)); background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0); } .select2-container--classic .select2-selection--single .select2-selection__arrow b { border-color: #888 transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; height: 0; left: 50%; margin-left: -4px; margin-top: -2px; position: absolute; top: 50%; width: 0; } .select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear { float: left; } .select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow { border: none; border-right: 1px solid #aaa; -webkit-border-radius: 0; border-radius: 0; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; left: 1px; right: auto; } .select2-container--classic.select2-container--open .select2-selection--single { border: 1px solid #5897fb; } .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow { background: transparent; border: none; } .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #888 transparent; border-width: 0 4px 5px 4px; } .select2-container--classic.select2-container--open.select2-container--above .select2-selection--single { border-top: none; -webkit-border-top-left-radius: 0; border-top-left-radius: 0; -webkit-border-top-right-radius: 0; border-top-right-radius: 0; background-image: -webkit-linear-gradient(top, white 0%, #eeeeee 50%); background-image: -o-linear-gradient(top, white 0%, #eeeeee 50%); background-image: -webkit-gradient(linear, left top, left bottom, from(white), color-stop(50%, #eeeeee)); background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); } .select2-container--classic.select2-container--open.select2-container--below .select2-selection--single { border-bottom: none; -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; background-image: -webkit-linear-gradient(top, #eeeeee 50%, white 100%); background-image: -o-linear-gradient(top, #eeeeee 50%, white 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #eeeeee), to(white)); background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0); } .select2-container--classic .select2-selection--multiple { background-color: white; border: 1px solid #aaa; -webkit-border-radius: 4px; border-radius: 4px; cursor: text; outline: 0; } .select2-container--classic .select2-selection--multiple:focus { border: 1px solid #5897fb; } .select2-container--classic .select2-selection--multiple .select2-selection__rendered { list-style: none; margin: 0; padding: 0 5px; } .select2-container--classic .select2-selection--multiple .select2-selection__clear { display: none; } .select2-container--classic .select2-selection--multiple .select2-selection__choice { background-color: #e4e4e4; border: 1px solid #aaa; -webkit-border-radius: 4px; border-radius: 4px; cursor: default; float: left; margin-right: 5px; margin-top: 5px; padding: 0 5px; } .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove { color: #888; cursor: pointer; display: inline-block; font-weight: bold; margin-right: 2px; } .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover { color: #555; } .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice { float: right; } .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice { margin-left: 5px; margin-right: auto; } .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove { margin-left: 2px; margin-right: auto; } .select2-container--classic.select2-container--open .select2-selection--multiple { border: 1px solid #5897fb; } .select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple { border-top: none; -webkit-border-top-left-radius: 0; border-top-left-radius: 0; -webkit-border-top-right-radius: 0; border-top-right-radius: 0; } .select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom: none; -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; } .select2-container--classic .select2-search--dropdown .select2-search__field { border: 1px solid #aaa; outline: 0; } .select2-container--classic .select2-search--inline .select2-search__field { outline: 0; -webkit-box-shadow: none; box-shadow: none; } .select2-container--classic .select2-dropdown { background-color: white; border: 1px solid transparent; } .select2-container--classic .select2-dropdown--above { border-bottom: none; } .select2-container--classic .select2-dropdown--below { border-top: none; } .select2-container--classic .select2-results > .select2-results__options { max-height: 200px; overflow-y: auto; } .select2-container--classic .select2-results__option[role=group] { padding: 0; } .select2-container--classic .select2-results__option[aria-disabled=true] { color: grey; } .select2-container--classic .select2-results__option--highlighted[aria-selected] { background-color: #3875d7; color: white; } .select2-container--classic .select2-results__group { cursor: default; display: block; padding: 6px; } .select2-container--classic.select2-container--open .select2-dropdown { border-color: #5897fb; } .select2-container--arrow .select2-search__field, .select2-container--white .select2-search__field { border: solid 1px rgba(197, 214, 222, 0.7) !important; -webkit-box-shadow: none !important; box-shadow: none !important; font-size: 1rem !important; color: #343434 !important; -webkit-border-radius: 2px; border-radius: 2px; } .select2-container--arrow .select2-search--dropdown { padding-left: 15px; padding-right: 15px; } .select2-search--inline .select2-search__field { min-width: 50px !important; position: relative; top: 3px; } .pie_progress { text-align: center; position: relative; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .pie_progress svg { margin: 0 auto; } .pie_progress__content, .pie_progress__number, .pie_progress__label, .pie_progress__icon { width: 100%; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .pie_progress__number { font-size: 15px; } .pie_progress__label { margin-top: 32px; font-size: 12px; } .pie_progress__svg { display: inline-block; position: relative; width: 100%; padding-bottom: 100%; vertical-align: middle; overflow: hidden; } .pie_progress__svg svg { display: inline-block; position: absolute; top: 0; left: 0; } /* * CSS Styles that are needed by jScrollPane for it to operate correctly. * * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane * may not operate correctly without them. */ .jspContainer { overflow: hidden; position: relative; width: 100% !important; } .jspPane { position: absolute; width: 100% !important; } .jspVerticalBar { position: absolute; top: 0; right: 0; width: 8px; height: 100%; background: none; } .jspHorizontalBar { position: absolute; bottom: 0; left: 0; width: 100%; height: 8px; background: none; } .jspCap { display: none; } .jspHorizontalBar .jspCap { float: left; } .jspTrack { background: none; position: relative; } .jspDrag { background: #d3dee6; border: solid 1px #fff; -webkit-border-radius: 2px; border-radius: 2px; position: relative; top: 0; left: 0; cursor: pointer; } .jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag { float: left; height: 100%; } .jspArrow { background: #50506d; text-indent: -20000px; display: block; cursor: pointer; padding: 0; margin: 0; } .jspArrow.jspDisabled { cursor: default; background: #80808d; } .jspVerticalBar .jspArrow { height: 8px; } .jspHorizontalBar .jspArrow { width: 8px; float: left; height: 100%; } .jspVerticalBar .jspArrow:focus { outline: none; } .jspCorner { background: #eeeef4; float: left; height: 100%; } /* Yuk! CSS Hack for IE6 3 pixel bug :( */ * html .jspCorner { margin: 0 -3px 0 0; } /*------------------------------------*\ LAYOUT \*------------------------------------*/ .typeahead-container { position: relative; } .typeahead-query { width: 100%; } .typeahead-filter { position: relative; } .typeahead-filter button { min-width: 66px; } .typeahead-field { position: relative; display: table; border-collapse: separate; width: 100%; } .typeahead-button { position: relative; font-size: 0; white-space: nowrap; width: 1%; vertical-align: middle; } .typeahead-field > span { display: table-cell; vertical-align: top; } /*------------------------------------*\ INPUT, BUTTON, A & DROPDOWN \*------------------------------------*/ .typeahead-button button { -webkit-border-top-right-radius: 2px; border-top-right-radius: 2px; -webkit-border-bottom-right-radius: 2px; border-bottom-right-radius: 2px; } .typeahead-field input, .typeahead-select { -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; -webkit-border-top-right-radius: 0; border-top-right-radius: 0; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important; } .typeahead-container .typeahead-field input { background: #fff; } .typeahead-container.hint .typeahead-field input { background: transparent; } .typeahead-container.hint .typeahead-field input:last-child, .typeahead-hint { background: #fff; } .typeahead-container button { display: inline-block; margin-bottom: 0; font-weight: normal; text-align: center; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; background-color: #fff; border: 1px solid #d8e2e7; white-space: nowrap; padding: 0 .75rem; font-size: 1rem; height: 38px; line-height: 36px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; color: #919fa9; -webkit-border-radius: 0 .25rem .25rem 0; border-radius: 0 .25rem .25rem 0; } .typeahead-container button:hover, .typeahead-container button:focus { background-color: #f6f8fa; } .typeahead-field input.disabled, .typeahead-field input[disabled], .typeahead-container button.disabled, .typeahead-container button[disabled] { cursor: not-allowed; pointer-events: none; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; background-color: #ffffff; border-color: #cccccc; } .typeahead-filter button, .typeahead-button button { margin-left: -1px; -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; -webkit-border-top-left-radius: 0; border-top-left-radius: 0; } .typeahead-query { position: relative; z-index: 2; } .typeahead-filter, .typeahead-button { z-index: 1; } .typeahead-container.filter .typeahead-filter, .typeahead-filter:hover, .typeahead-filter:hover, .typeahead-filter:active, .typeahead-filter:focus, .typeahead-button:hover, .typeahead-button:active, .typeahead-button:focus, .typeahead-button:focus button:focus, .typeahead-button:active button:active { z-index: 1001; } .typeahead-list, .typeahead-dropdown { position: absolute; top: 100%; left: 0; z-index: 1000; width: 100%; min-width: 160px; padding: 0; margin: 6px 0 0; list-style: none; font-size: 1rem; text-align: left; background-color: #fff; border: 1px solid #d8e2e7; -webkit-border-radius: .25rem; border-radius: .25rem; background-clip: padding-box; } .typeahead-result.detached .typeahead-list { position: relative; z-index: 1041; top: auto; left: auto; } .typeahead-dropdown { right: 0; left: auto; z-index: 1001; } .typeahead-list > li:first-child { border-top: none; } .typeahead-list > li { position: relative; } .typeahead-list > li > a, .typeahead-dropdown > li > a { display: block; padding: 5px 1rem; clear: both; font-weight: normal; line-height: 1.42857143; color: #343434; text-decoration: none; } .typeahead-dropdown > li > a { white-space: nowrap; } .typeahead-list > li > a:hover, .typeahead-list > li > a:focus, .typeahead-list > li.active > a, .typeahead-dropdown > li > a:hover, .typeahead-dropdown > li > a:focus, .typeahead-dropdown > li.active > a { color: #00a8ff; } .typeahead-list.empty > li > a:hover, .typeahead-list.empty > li > a:focus, .typeahead-list.empty > li.active > a { background-color: transparent; } .typeahead-list.empty > li > a { cursor: default; } .typeahead-list > li.typeahead-group > a, .typeahead-list > li.typeahead-group > a:hover, .typeahead-list > li.typeahead-group > a:focus, .typeahead-list > li.typeahead-group.active > a { border-color: #9cb4c5; color: #305d8c; background-color: #d6dde7; cursor: default; } .typeahead-container.result .typeahead-list, .typeahead-container.filter .typeahead-dropdown, .typeahead-container.hint .typeahead-hint, .typeahead-container.backdrop + .typeahead-backdrop { display: block !important; } .typeahead-container .typeahead-list, .typeahead-container .typeahead-dropdown, .typeahead-container .typeahead-hint, .typeahead-container + .typeahead-backdrop { display: none !important; } /*------------------------------------*\ EXTRA \*------------------------------------*/ .typeahead-dropdown .divider { height: 1px; margin: 5px 0; overflow: hidden; background-color: #e5e5e5; } .typeahead-caret { display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px solid; border-right: 4px solid transparent; border-left: 4px solid transparent; } .typeahead-search-icon { min-width: 40px; height: 18px; font-size: 13px; display: block; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABH0lEQVR4nJ3SvyvFYRTH8deVkkJ3UUZJIbJ8bzJjMtyMym6w2Njs/gCDP0AGCyWjxYDF5GdJYpS6xaIUw/d8771dT7qc+vZ8vs95zvuc5zmnlGWZsG6sYBGjsXeNHWzjQ8JKARjCEUZSh3CJeTy3OjoicxF8hwX0oi/0HSZwiK4UYKUpeBoHeMdb6OnwTWI5BVgMvYZaovwa1kMvpQBjoY8TwVp84ylAO/YV62cKcBt65hfAbKwPKcBu6E2UE8Hl8MF+CrCFG/nwnKKKnviqONOYj6NWQDFIg/I+/3ikFnuUX6d+lY4mR4ZVnMvnoIYLbKCCp0h0otG5egXt2HAED+BFPmAP7bYR7jGHV/RjCjr/AICryFzB3n8ARSX3xc83qRk4q9rDNWcAAAAASUVORK5CYII=) no-repeat scroll center center transparent; } .typeahead-display strong { font-weight: 700; } /* * jQuery File Upload Plugin CSS * https://github.com/blueimp/jQuery-File-Upload * * Copyright 2013, Sebastian Tschan * https://blueimp.net * * Licensed under the MIT license: * http://www.opensource.org/licenses/MIT */ .fileinput-button { position: relative; overflow: hidden; display: inline-block; } .fileinput-button input { position: absolute; top: 0; right: 0; margin: 0; opacity: 0; font-size: 200px; direction: ltr; cursor: pointer; } /* Fixes for IE < 8 */ @media screen { .fileinput-button input { filter: alpha(opacity=0); font-size: 100%; height: 100%; } } /* * jQuery File Upload UI Plugin CSS * https://github.com/blueimp/jQuery-File-Upload * * Copyright 2010, Sebastian Tschan * https://blueimp.net * * Licensed under the MIT license: * http://www.opensource.org/licenses/MIT */ .fileupload-buttonbar .btn, .fileupload-buttonbar .toggle { margin-bottom: 5px; } .progress-animated .progress-bar, .progress-animated .bar { background: url("../img/progressbar.gif") !important; -webkit-filter: none; filter: none; } .fileupload-process { float: right; display: none; } .fileupload-processing .fileupload-process, .files .processing .preview { display: block; width: 32px; height: 32px; background: url("../img/loading.gif") center no-repeat; background-size: contain; } .files audio, .files video { max-width: 300px; } @media (max-width: 767px) { .fileupload-buttonbar .toggle, .files .toggle, .files .btn span { display: none; } .files .name { width: 80px; word-wrap: break-word; } .files audio, .files video { max-width: 80px; } .files img, .files canvas { max-width: 100%; } } /*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */ .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; } .fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; } .fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; border-radius: 4px; } .fancybox-opened { z-index: 8030; } .fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); } .fancybox-outer, .fancybox-inner { position: relative; } .fancybox-inner { overflow: hidden; } .fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; } .fancybox-error { color: #444; font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif; margin: 0; padding: 15px; white-space: nowrap; } .fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; } .fancybox-image { max-width: 100%; max-height: 100%; } #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('../img/fancybox_sprite.png'); } #fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; } #fancybox-loading div { width: 44px; height: 44px; background: url('../img/fancybox_loading.gif') center center no-repeat; } .fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; } .fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url('../img/blank.gif'); /* helps IE */ -webkit-tap-highlight-color: rgba(0, 0, 0, 0); z-index: 8040; } .fancybox-prev { left: 0; } .fancybox-next { right: 0; } .fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; } .fancybox-prev span { left: 10px; background-position: 0 -36px; } .fancybox-next span { right: 10px; background-position: 0 -72px; } .fancybox-nav:hover span { visibility: visible; } .fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; } /* Overlay helper */ .fancybox-lock { overflow: hidden !important; width: auto; } .fancybox-lock body { overflow: hidden !important; } .fancybox-lock-test { overflow-y: hidden !important; } .fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url('../img/fancybox_overlay.png'); } .fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; } .fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; } /* Title helper */ .fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif; position: relative; text-shadow: none; z-index: 8050; } .fancybox-opened .fancybox-title { visibility: visible; } .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; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; } .fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; } .fancybox-title-inside-wrap { padding-top: 10px; } .fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, 0.8); } /*Retina graphics!*/ @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('../img/fancybox_sprite@2x.png'); background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/ } #fancybox-loading div { background-image: url('../img/fancybox_loading@2x.gif'); background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/ } } /* * Bootstrap TouchSpin - v3.1.1 * A mobile and touch friendly input spinner component for Bootstrap 3. * http://www.virtuosoft.eu/code/bootstrap-touchspin/ * * Made by István Ujj-Mészáros * Under Apache License v2.0 License */ .bootstrap-touchspin .input-group-btn-vertical { position: relative; white-space: nowrap; width: 1%; vertical-align: middle; display: table-cell; } .bootstrap-touchspin .input-group-btn-vertical > .btn { display: block; float: none; width: 100%; max-width: 100%; padding: 8px 10px; margin-left: -1px; position: relative; } .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up { -webkit-border-radius: 0; border-radius: 0; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; } .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down { margin-top: -2px; -webkit-border-radius: 0; border-radius: 0; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; } .bootstrap-touchspin .input-group-btn-vertical i { position: absolute; top: 3px; left: 5px; font-size: 9px; font-weight: normal; } .flag-icon-background { background-size: contain; background-position: 50%; background-repeat: no-repeat; } .flag-icon { background-size: contain; background-position: 50%; background-repeat: no-repeat; position: relative; display: inline-block; width: 1.33333333em; line-height: 1em; opacity: .7; } .flag-icon:before { content: "\00a0"; } .flag-icon.flag-icon-squared { width: 1em; } .flag-icon-ad { background-image: url(../img/flags/4x3/ad.svg); } .flag-icon-ad.flag-icon-squared { background-image: url(../img/flags/1x1/ad.svg); } .flag-icon-ae { background-image: url(../img/flags/4x3/ae.svg); } .flag-icon-ae.flag-icon-squared { background-image: url(../img/flags/1x1/ae.svg); } .flag-icon-af { background-image: url(../img/flags/4x3/af.svg); } .flag-icon-af.flag-icon-squared { background-image: url(../img/flags/1x1/af.svg); } .flag-icon-ag { background-image: url(../img/flags/4x3/ag.svg); } .flag-icon-ag.flag-icon-squared { background-image: url(../img/flags/1x1/ag.svg); } .flag-icon-ai { background-image: url(../img/flags/4x3/ai.svg); } .flag-icon-ai.flag-icon-squared { background-image: url(../img/flags/1x1/ai.svg); } .flag-icon-al { background-image: url(../img/flags/4x3/al.svg); } .flag-icon-al.flag-icon-squared { background-image: url(../img/flags/1x1/al.svg); } .flag-icon-am { background-image: url(../img/flags/4x3/am.svg); } .flag-icon-am.flag-icon-squared { background-image: url(../img/flags/1x1/am.svg); } .flag-icon-ao { background-image: url(../img/flags/4x3/ao.svg); } .flag-icon-ao.flag-icon-squared { background-image: url(../img/flags/1x1/ao.svg); } .flag-icon-aq { background-image: url(../img/flags/4x3/aq.svg); } .flag-icon-aq.flag-icon-squared { background-image: url(../img/flags/1x1/aq.svg); } .flag-icon-ar { background-image: url(../img/flags/4x3/ar.svg); } .flag-icon-ar.flag-icon-squared { background-image: url(../img/flags/1x1/ar.svg); } .flag-icon-as { background-image: url(../img/flags/4x3/as.svg); } .flag-icon-as.flag-icon-squared { background-image: url(../img/flags/1x1/as.svg); } .flag-icon-at { background-image: url(../img/flags/4x3/at.svg); } .flag-icon-at.flag-icon-squared { background-image: url(../img/flags/1x1/at.svg); } .flag-icon-au { background-image: url(../img/flags/4x3/au.svg); } .flag-icon-au.flag-icon-squared { background-image: url(../img/flags/1x1/au.svg); } .flag-icon-aw { background-image: url(../img/flags/4x3/aw.svg); } .flag-icon-aw.flag-icon-squared { background-image: url(../img/flags/1x1/aw.svg); } .flag-icon-ax { background-image: url(../img/flags/4x3/ax.svg); } .flag-icon-ax.flag-icon-squared { background-image: url(../img/flags/1x1/ax.svg); } .flag-icon-az { background-image: url(../img/flags/4x3/az.svg); } .flag-icon-az.flag-icon-squared { background-image: url(../img/flags/1x1/az.svg); } .flag-icon-ba { background-image: url(../img/flags/4x3/ba.svg); } .flag-icon-ba.flag-icon-squared { background-image: url(../img/flags/1x1/ba.svg); } .flag-icon-bb { background-image: url(../img/flags/4x3/bb.svg); } .flag-icon-bb.flag-icon-squared { background-image: url(../img/flags/1x1/bb.svg); } .flag-icon-bd { background-image: url(../img/flags/4x3/bd.svg); } .flag-icon-bd.flag-icon-squared { background-image: url(../img/flags/1x1/bd.svg); } .flag-icon-be { background-image: url(../img/flags/4x3/be.svg); } .flag-icon-be.flag-icon-squared { background-image: url(../img/flags/1x1/be.svg); } .flag-icon-bf { background-image: url(../img/flags/4x3/bf.svg); } .flag-icon-bf.flag-icon-squared { background-image: url(../img/flags/1x1/bf.svg); } .flag-icon-bg { background-image: url(../img/flags/4x3/bg.svg); } .flag-icon-bg.flag-icon-squared { background-image: url(../img/flags/1x1/bg.svg); } .flag-icon-bh { background-image: url(../img/flags/4x3/bh.svg); } .flag-icon-bh.flag-icon-squared { background-image: url(../img/flags/1x1/bh.svg); } .flag-icon-bi { background-image: url(../img/flags/4x3/bi.svg); } .flag-icon-bi.flag-icon-squared { background-image: url(../img/flags/1x1/bi.svg); } .flag-icon-bj { background-image: url(../img/flags/4x3/bj.svg); } .flag-icon-bj.flag-icon-squared { background-image: url(../img/flags/1x1/bj.svg); } .flag-icon-bl { background-image: url(../img/flags/4x3/bl.svg); } .flag-icon-bl.flag-icon-squared { background-image: url(../img/flags/1x1/bl.svg); } .flag-icon-bm { background-image: url(../img/flags/4x3/bm.svg); } .flag-icon-bm.flag-icon-squared { background-image: url(../img/flags/1x1/bm.svg); } .flag-icon-bn { background-image: url(../img/flags/4x3/bn.svg); } .flag-icon-bn.flag-icon-squared { background-image: url(../img/flags/1x1/bn.svg); } .flag-icon-bo { background-image: url(../img/flags/4x3/bo.svg); } .flag-icon-bo.flag-icon-squared { background-image: url(../img/flags/1x1/bo.svg); } .flag-icon-bq { background-image: url(../img/flags/4x3/bq.svg); } .flag-icon-bq.flag-icon-squared { background-image: url(../img/flags/1x1/bq.svg); } .flag-icon-br { background-image: url(../img/flags/4x3/br.svg); } .flag-icon-br.flag-icon-squared { background-image: url(../img/flags/1x1/br.svg); } .flag-icon-bs { background-image: url(../img/flags/4x3/bs.svg); } .flag-icon-bs.flag-icon-squared { background-image: url(../img/flags/1x1/bs.svg); } .flag-icon-bt { background-image: url(../img/flags/4x3/bt.svg); } .flag-icon-bt.flag-icon-squared { background-image: url(../img/flags/1x1/bt.svg); } .flag-icon-bv { background-image: url(../img/flags/4x3/bv.svg); } .flag-icon-bv.flag-icon-squared { background-image: url(../img/flags/1x1/bv.svg); } .flag-icon-bw { background-image: url(../img/flags/4x3/bw.svg); } .flag-icon-bw.flag-icon-squared { background-image: url(../img/flags/1x1/bw.svg); } .flag-icon-by { background-image: url(../img/flags/4x3/by.svg); } .flag-icon-by.flag-icon-squared { background-image: url(../img/flags/1x1/by.svg); } .flag-icon-bz { background-image: url(../img/flags/4x3/bz.svg); } .flag-icon-bz.flag-icon-squared { background-image: url(../img/flags/1x1/bz.svg); } .flag-icon-ca { background-image: url(../img/flags/4x3/ca.svg); } .flag-icon-ca.flag-icon-squared { background-image: url(../img/flags/1x1/ca.svg); } .flag-icon-cc { background-image: url(../img/flags/4x3/cc.svg); } .flag-icon-cc.flag-icon-squared { background-image: url(../img/flags/1x1/cc.svg); } .flag-icon-cd { background-image: url(../img/flags/4x3/cd.svg); } .flag-icon-cd.flag-icon-squared { background-image: url(../img/flags/1x1/cd.svg); } .flag-icon-cf { background-image: url(../img/flags/4x3/cf.svg); } .flag-icon-cf.flag-icon-squared { background-image: url(../img/flags/1x1/cf.svg); } .flag-icon-cg { background-image: url(../img/flags/4x3/cg.svg); } .flag-icon-cg.flag-icon-squared { background-image: url(../img/flags/1x1/cg.svg); } .flag-icon-ch { background-image: url(../img/flags/4x3/ch.svg); } .flag-icon-ch.flag-icon-squared { background-image: url(../img/flags/1x1/ch.svg); } .flag-icon-ci { background-image: url(../img/flags/4x3/ci.svg); } .flag-icon-ci.flag-icon-squared { background-image: url(../img/flags/1x1/ci.svg); } .flag-icon-ck { background-image: url(../img/flags/4x3/ck.svg); } .flag-icon-ck.flag-icon-squared { background-image: url(../img/flags/1x1/ck.svg); } .flag-icon-cl { background-image: url(../img/flags/4x3/cl.svg); } .flag-icon-cl.flag-icon-squared { background-image: url(../img/flags/1x1/cl.svg); } .flag-icon-cm { background-image: url(../img/flags/4x3/cm.svg); } .flag-icon-cm.flag-icon-squared { background-image: url(../img/flags/1x1/cm.svg); } .flag-icon-cn { background-image: url(../img/flags/4x3/cn.svg); } .flag-icon-cn.flag-icon-squared { background-image: url(../img/flags/1x1/cn.svg); } .flag-icon-co { background-image: url(../img/flags/4x3/co.svg); } .flag-icon-co.flag-icon-squared { background-image: url(../img/flags/1x1/co.svg); } .flag-icon-cr { background-image: url(../img/flags/4x3/cr.svg); } .flag-icon-cr.flag-icon-squared { background-image: url(../img/flags/1x1/cr.svg); } .flag-icon-cu { background-image: url(../img/flags/4x3/cu.svg); } .flag-icon-cu.flag-icon-squared { background-image: url(../img/flags/1x1/cu.svg); } .flag-icon-cv { background-image: url(../img/flags/4x3/cv.svg); } .flag-icon-cv.flag-icon-squared { background-image: url(../img/flags/1x1/cv.svg); } .flag-icon-cw { background-image: url(../img/flags/4x3/cw.svg); } .flag-icon-cw.flag-icon-squared { background-image: url(../img/flags/1x1/cw.svg); } .flag-icon-cx { background-image: url(../img/flags/4x3/cx.svg); } .flag-icon-cx.flag-icon-squared { background-image: url(../img/flags/1x1/cx.svg); } .flag-icon-cy { background-image: url(../img/flags/4x3/cy.svg); } .flag-icon-cy.flag-icon-squared { background-image: url(../img/flags/1x1/cy.svg); } .flag-icon-cz { background-image: url(../img/flags/4x3/cz.svg); } .flag-icon-cz.flag-icon-squared { background-image: url(../img/flags/1x1/cz.svg); } .flag-icon-de { background-image: url(../img/flags/4x3/de.svg); } .flag-icon-de.flag-icon-squared { background-image: url(../img/flags/1x1/de.svg); } .flag-icon-dj { background-image: url(../img/flags/4x3/dj.svg); } .flag-icon-dj.flag-icon-squared { background-image: url(../img/flags/1x1/dj.svg); } .flag-icon-dk { background-image: url(../img/flags/4x3/dk.svg); } .flag-icon-dk.flag-icon-squared { background-image: url(../img/flags/1x1/dk.svg); } .flag-icon-dm { background-image: url(../img/flags/4x3/dm.svg); } .flag-icon-dm.flag-icon-squared { background-image: url(../img/flags/1x1/dm.svg); } .flag-icon-do { background-image: url(../img/flags/4x3/do.svg); } .flag-icon-do.flag-icon-squared { background-image: url(../img/flags/1x1/do.svg); } .flag-icon-dz { background-image: url(../img/flags/4x3/dz.svg); } .flag-icon-dz.flag-icon-squared { background-image: url(../img/flags/1x1/dz.svg); } .flag-icon-ec { background-image: url(../img/flags/4x3/ec.svg); } .flag-icon-ec.flag-icon-squared { background-image: url(../img/flags/1x1/ec.svg); } .flag-icon-ee { background-image: url(../img/flags/4x3/ee.svg); } .flag-icon-ee.flag-icon-squared { background-image: url(../img/flags/1x1/ee.svg); } .flag-icon-eg { background-image: url(../img/flags/4x3/eg.svg); } .flag-icon-eg.flag-icon-squared { background-image: url(../img/flags/1x1/eg.svg); } .flag-icon-eh { background-image: url(../img/flags/4x3/eh.svg); } .flag-icon-eh.flag-icon-squared { background-image: url(../img/flags/1x1/eh.svg); } .flag-icon-er { background-image: url(../img/flags/4x3/er.svg); } .flag-icon-er.flag-icon-squared { background-image: url(../img/flags/1x1/er.svg); } .flag-icon-es { background-image: url(../img/flags/4x3/es.svg); } .flag-icon-es.flag-icon-squared { background-image: url(../img/flags/1x1/es.svg); } .flag-icon-et { background-image: url(../img/flags/4x3/et.svg); } .flag-icon-et.flag-icon-squared { background-image: url(../img/flags/1x1/et.svg); } .flag-icon-fi { background-image: url(../img/flags/4x3/fi.svg); } .flag-icon-fi.flag-icon-squared { background-image: url(../img/flags/1x1/fi.svg); } .flag-icon-fj { background-image: url(../img/flags/4x3/fj.svg); } .flag-icon-fj.flag-icon-squared { background-image: url(../img/flags/1x1/fj.svg); } .flag-icon-fk { background-image: url(../img/flags/4x3/fk.svg); } .flag-icon-fk.flag-icon-squared { background-image: url(../img/flags/1x1/fk.svg); } .flag-icon-fm { background-image: url(../img/flags/4x3/fm.svg); } .flag-icon-fm.flag-icon-squared { background-image: url(../img/flags/1x1/fm.svg); } .flag-icon-fo { background-image: url(../img/flags/4x3/fo.svg); } .flag-icon-fo.flag-icon-squared { background-image: url(../img/flags/1x1/fo.svg); } .flag-icon-fr { background-image: url(../img/flags/4x3/fr.svg); } .flag-icon-fr.flag-icon-squared { background-image: url(../img/flags/1x1/fr.svg); } .flag-icon-ga { background-image: url(../img/flags/4x3/ga.svg); } .flag-icon-ga.flag-icon-squared { background-image: url(../img/flags/1x1/ga.svg); } .flag-icon-gb { background-image: url(../img/flags/4x3/gb.svg); } .flag-icon-gb.flag-icon-squared { background-image: url(../img/flags/1x1/gb.svg); } .flag-icon-gd { background-image: url(../img/flags/4x3/gd.svg); } .flag-icon-gd.flag-icon-squared { background-image: url(../img/flags/1x1/gd.svg); } .flag-icon-ge { background-image: url(../img/flags/4x3/ge.svg); } .flag-icon-ge.flag-icon-squared { background-image: url(../img/flags/1x1/ge.svg); } .flag-icon-gf { background-image: url(../img/flags/4x3/gf.svg); } .flag-icon-gf.flag-icon-squared { background-image: url(../img/flags/1x1/gf.svg); } .flag-icon-gg { background-image: url(../img/flags/4x3/gg.svg); } .flag-icon-gg.flag-icon-squared { background-image: url(../img/flags/1x1/gg.svg); } .flag-icon-gh { background-image: url(../img/flags/4x3/gh.svg); } .flag-icon-gh.flag-icon-squared { background-image: url(../img/flags/1x1/gh.svg); } .flag-icon-gi { background-image: url(../img/flags/4x3/gi.svg); } .flag-icon-gi.flag-icon-squared { background-image: url(../img/flags/1x1/gi.svg); } .flag-icon-gl { background-image: url(../img/flags/4x3/gl.svg); } .flag-icon-gl.flag-icon-squared { background-image: url(../img/flags/1x1/gl.svg); } .flag-icon-gm { background-image: url(../img/flags/4x3/gm.svg); } .flag-icon-gm.flag-icon-squared { background-image: url(../img/flags/1x1/gm.svg); } .flag-icon-gn { background-image: url(../img/flags/4x3/gn.svg); } .flag-icon-gn.flag-icon-squared { background-image: url(../img/flags/1x1/gn.svg); } .flag-icon-gp { background-image: url(../img/flags/4x3/gp.svg); } .flag-icon-gp.flag-icon-squared { background-image: url(../img/flags/1x1/gp.svg); } .flag-icon-gq { background-image: url(../img/flags/4x3/gq.svg); } .flag-icon-gq.flag-icon-squared { background-image: url(../img/flags/1x1/gq.svg); } .flag-icon-gr { background-image: url(../img/flags/4x3/gr.svg); } .flag-icon-gr.flag-icon-squared { background-image: url(../img/flags/1x1/gr.svg); } .flag-icon-gs { background-image: url(../img/flags/4x3/gs.svg); } .flag-icon-gs.flag-icon-squared { background-image: url(../img/flags/1x1/gs.svg); } .flag-icon-gt { background-image: url(../img/flags/4x3/gt.svg); } .flag-icon-gt.flag-icon-squared { background-image: url(../img/flags/1x1/gt.svg); } .flag-icon-gu { background-image: url(../img/flags/4x3/gu.svg); } .flag-icon-gu.flag-icon-squared { background-image: url(../img/flags/1x1/gu.svg); } .flag-icon-gw { background-image: url(../img/flags/4x3/gw.svg); } .flag-icon-gw.flag-icon-squared { background-image: url(../img/flags/1x1/gw.svg); } .flag-icon-gy { background-image: url(../img/flags/4x3/gy.svg); } .flag-icon-gy.flag-icon-squared { background-image: url(../img/flags/1x1/gy.svg); } .flag-icon-hk { background-image: url(../img/flags/4x3/hk.svg); } .flag-icon-hk.flag-icon-squared { background-image: url(../img/flags/1x1/hk.svg); } .flag-icon-hm { background-image: url(../img/flags/4x3/hm.svg); } .flag-icon-hm.flag-icon-squared { background-image: url(../img/flags/1x1/hm.svg); } .flag-icon-hn { background-image: url(../img/flags/4x3/hn.svg); } .flag-icon-hn.flag-icon-squared { background-image: url(../img/flags/1x1/hn.svg); } .flag-icon-hr { background-image: url(../img/flags/4x3/hr.svg); } .flag-icon-hr.flag-icon-squared { background-image: url(../img/flags/1x1/hr.svg); } .flag-icon-ht { background-image: url(../img/flags/4x3/ht.svg); } .flag-icon-ht.flag-icon-squared { background-image: url(../img/flags/1x1/ht.svg); } .flag-icon-hu { background-image: url(../img/flags/4x3/hu.svg); } .flag-icon-hu.flag-icon-squared { background-image: url(../img/flags/1x1/hu.svg); } .flag-icon-id { background-image: url(../img/flags/4x3/id.svg); } .flag-icon-id.flag-icon-squared { background-image: url(../img/flags/1x1/id.svg); } .flag-icon-ie { background-image: url(../img/flags/4x3/ie.svg); } .flag-icon-ie.flag-icon-squared { background-image: url(../img/flags/1x1/ie.svg); } .flag-icon-il { background-image: url(../img/flags/4x3/il.svg); } .flag-icon-il.flag-icon-squared { background-image: url(../img/flags/1x1/il.svg); } .flag-icon-im { background-image: url(../img/flags/4x3/im.svg); } .flag-icon-im.flag-icon-squared { background-image: url(../img/flags/1x1/im.svg); } .flag-icon-in { background-image: url(../img/flags/4x3/in.svg); } .flag-icon-in.flag-icon-squared { background-image: url(../img/flags/1x1/in.svg); } .flag-icon-io { background-image: url(../img/flags/4x3/io.svg); } .flag-icon-io.flag-icon-squared { background-image: url(../img/flags/1x1/io.svg); } .flag-icon-iq { background-image: url(../img/flags/4x3/iq.svg); } .flag-icon-iq.flag-icon-squared { background-image: url(../img/flags/1x1/iq.svg); } .flag-icon-ir { background-image: url(../img/flags/4x3/ir.svg); } .flag-icon-ir.flag-icon-squared { background-image: url(../img/flags/1x1/ir.svg); } .flag-icon-is { background-image: url(../img/flags/4x3/is.svg); } .flag-icon-is.flag-icon-squared { background-image: url(../img/flags/1x1/is.svg); } .flag-icon-it { background-image: url(../img/flags/4x3/it.svg); } .flag-icon-it.flag-icon-squared { background-image: url(../img/flags/1x1/it.svg); } .flag-icon-je { background-image: url(../img/flags/4x3/je.svg); } .flag-icon-je.flag-icon-squared { background-image: url(../img/flags/1x1/je.svg); } .flag-icon-jm { background-image: url(../img/flags/4x3/jm.svg); } .flag-icon-jm.flag-icon-squared { background-image: url(../img/flags/1x1/jm.svg); } .flag-icon-jo { background-image: url(../img/flags/4x3/jo.svg); } .flag-icon-jo.flag-icon-squared { background-image: url(../img/flags/1x1/jo.svg); } .flag-icon-jp { background-image: url(../img/flags/4x3/jp.svg); } .flag-icon-jp.flag-icon-squared { background-image: url(../img/flags/1x1/jp.svg); } .flag-icon-ke { background-image: url(../img/flags/4x3/ke.svg); } .flag-icon-ke.flag-icon-squared { background-image: url(../img/flags/1x1/ke.svg); } .flag-icon-kg { background-image: url(../img/flags/4x3/kg.svg); } .flag-icon-kg.flag-icon-squared { background-image: url(../img/flags/1x1/kg.svg); } .flag-icon-kh { background-image: url(../img/flags/4x3/kh.svg); } .flag-icon-kh.flag-icon-squared { background-image: url(../img/flags/1x1/kh.svg); } .flag-icon-ki { background-image: url(../img/flags/4x3/ki.svg); } .flag-icon-ki.flag-icon-squared { background-image: url(../img/flags/1x1/ki.svg); } .flag-icon-km { background-image: url(../img/flags/4x3/km.svg); } .flag-icon-km.flag-icon-squared { background-image: url(../img/flags/1x1/km.svg); } .flag-icon-kn { background-image: url(../img/flags/4x3/kn.svg); } .flag-icon-kn.flag-icon-squared { background-image: url(../img/flags/1x1/kn.svg); } .flag-icon-kp { background-image: url(../img/flags/4x3/kp.svg); } .flag-icon-kp.flag-icon-squared { background-image: url(../img/flags/1x1/kp.svg); } .flag-icon-kr { background-image: url(../img/flags/4x3/kr.svg); } .flag-icon-kr.flag-icon-squared { background-image: url(../img/flags/1x1/kr.svg); } .flag-icon-kw { background-image: url(../img/flags/4x3/kw.svg); } .flag-icon-kw.flag-icon-squared { background-image: url(../img/flags/1x1/kw.svg); } .flag-icon-ky { background-image: url(../img/flags/4x3/ky.svg); } .flag-icon-ky.flag-icon-squared { background-image: url(../img/flags/1x1/ky.svg); } .flag-icon-kz { background-image: url(../img/flags/4x3/kz.svg); } .flag-icon-kz.flag-icon-squared { background-image: url(../img/flags/1x1/kz.svg); } .flag-icon-la { background-image: url(../img/flags/4x3/la.svg); } .flag-icon-la.flag-icon-squared { background-image: url(../img/flags/1x1/la.svg); } .flag-icon-lb { background-image: url(../img/flags/4x3/lb.svg); } .flag-icon-lb.flag-icon-squared { background-image: url(../img/flags/1x1/lb.svg); } .flag-icon-lc { background-image: url(../img/flags/4x3/lc.svg); } .flag-icon-lc.flag-icon-squared { background-image: url(../img/flags/1x1/lc.svg); } .flag-icon-li { background-image: url(../img/flags/4x3/li.svg); } .flag-icon-li.flag-icon-squared { background-image: url(../img/flags/1x1/li.svg); } .flag-icon-lk { background-image: url(../img/flags/4x3/lk.svg); } .flag-icon-lk.flag-icon-squared { background-image: url(../img/flags/1x1/lk.svg); } .flag-icon-lr { background-image: url(../img/flags/4x3/lr.svg); } .flag-icon-lr.flag-icon-squared { background-image: url(../img/flags/1x1/lr.svg); } .flag-icon-ls { background-image: url(../img/flags/4x3/ls.svg); } .flag-icon-ls.flag-icon-squared { background-image: url(../img/flags/1x1/ls.svg); } .flag-icon-lt { background-image: url(../img/flags/4x3/lt.svg); } .flag-icon-lt.flag-icon-squared { background-image: url(../img/flags/1x1/lt.svg); } .flag-icon-lu { background-image: url(../img/flags/4x3/lu.svg); } .flag-icon-lu.flag-icon-squared { background-image: url(../img/flags/1x1/lu.svg); } .flag-icon-lv { background-image: url(../img/flags/4x3/lv.svg); } .flag-icon-lv.flag-icon-squared { background-image: url(../img/flags/1x1/lv.svg); } .flag-icon-ly { background-image: url(../img/flags/4x3/ly.svg); } .flag-icon-ly.flag-icon-squared { background-image: url(../img/flags/1x1/ly.svg); } .flag-icon-ma { background-image: url(../img/flags/4x3/ma.svg); } .flag-icon-ma.flag-icon-squared { background-image: url(../img/flags/1x1/ma.svg); } .flag-icon-mc { background-image: url(../img/flags/4x3/mc.svg); } .flag-icon-mc.flag-icon-squared { background-image: url(../img/flags/1x1/mc.svg); } .flag-icon-md { background-image: url(../img/flags/4x3/md.svg); } .flag-icon-md.flag-icon-squared { background-image: url(../img/flags/1x1/md.svg); } .flag-icon-me { background-image: url(../img/flags/4x3/me.svg); } .flag-icon-me.flag-icon-squared { background-image: url(../img/flags/1x1/me.svg); } .flag-icon-mf { background-image: url(../img/flags/4x3/mf.svg); } .flag-icon-mf.flag-icon-squared { background-image: url(../img/flags/1x1/mf.svg); } .flag-icon-mg { background-image: url(../img/flags/4x3/mg.svg); } .flag-icon-mg.flag-icon-squared { background-image: url(../img/flags/1x1/mg.svg); } .flag-icon-mh { background-image: url(../img/flags/4x3/mh.svg); } .flag-icon-mh.flag-icon-squared { background-image: url(../img/flags/1x1/mh.svg); } .flag-icon-mk { background-image: url(../img/flags/4x3/mk.svg); } .flag-icon-mk.flag-icon-squared { background-image: url(../img/flags/1x1/mk.svg); } .flag-icon-ml { background-image: url(../img/flags/4x3/ml.svg); } .flag-icon-ml.flag-icon-squared { background-image: url(../img/flags/1x1/ml.svg); } .flag-icon-mm { background-image: url(../img/flags/4x3/mm.svg); } .flag-icon-mm.flag-icon-squared { background-image: url(../img/flags/1x1/mm.svg); } .flag-icon-mn { background-image: url(../img/flags/4x3/mn.svg); } .flag-icon-mn.flag-icon-squared { background-image: url(../img/flags/1x1/mn.svg); } .flag-icon-mo { background-image: url(../img/flags/4x3/mo.svg); } .flag-icon-mo.flag-icon-squared { background-image: url(../img/flags/1x1/mo.svg); } .flag-icon-mp { background-image: url(../img/flags/4x3/mp.svg); } .flag-icon-mp.flag-icon-squared { background-image: url(../img/flags/1x1/mp.svg); } .flag-icon-mq { background-image: url(../img/flags/4x3/mq.svg); } .flag-icon-mq.flag-icon-squared { background-image: url(../img/flags/1x1/mq.svg); } .flag-icon-mr { background-image: url(../img/flags/4x3/mr.svg); } .flag-icon-mr.flag-icon-squared { background-image: url(../img/flags/1x1/mr.svg); } .flag-icon-ms { background-image: url(../img/flags/4x3/ms.svg); } .flag-icon-ms.flag-icon-squared { background-image: url(../img/flags/1x1/ms.svg); } .flag-icon-mt { background-image: url(../img/flags/4x3/mt.svg); } .flag-icon-mt.flag-icon-squared { background-image: url(../img/flags/1x1/mt.svg); } .flag-icon-mu { background-image: url(../img/flags/4x3/mu.svg); } .flag-icon-mu.flag-icon-squared { background-image: url(../img/flags/1x1/mu.svg); } .flag-icon-mv { background-image: url(../img/flags/4x3/mv.svg); } .flag-icon-mv.flag-icon-squared { background-image: url(../img/flags/1x1/mv.svg); } .flag-icon-mw { background-image: url(../img/flags/4x3/mw.svg); } .flag-icon-mw.flag-icon-squared { background-image: url(../img/flags/1x1/mw.svg); } .flag-icon-mx { background-image: url(../img/flags/4x3/mx.svg); } .flag-icon-mx.flag-icon-squared { background-image: url(../img/flags/1x1/mx.svg); } .flag-icon-my { background-image: url(../img/flags/4x3/my.svg); } .flag-icon-my.flag-icon-squared { background-image: url(../img/flags/1x1/my.svg); } .flag-icon-mz { background-image: url(../img/flags/4x3/mz.svg); } .flag-icon-mz.flag-icon-squared { background-image: url(../img/flags/1x1/mz.svg); } .flag-icon-na { background-image: url(../img/flags/4x3/na.svg); } .flag-icon-na.flag-icon-squared { background-image: url(../img/flags/1x1/na.svg); } .flag-icon-nc { background-image: url(../img/flags/4x3/nc.svg); } .flag-icon-nc.flag-icon-squared { background-image: url(../img/flags/1x1/nc.svg); } .flag-icon-ne { background-image: url(../img/flags/4x3/ne.svg); } .flag-icon-ne.flag-icon-squared { background-image: url(../img/flags/1x1/ne.svg); } .flag-icon-nf { background-image: url(../img/flags/4x3/nf.svg); } .flag-icon-nf.flag-icon-squared { background-image: url(../img/flags/1x1/nf.svg); } .flag-icon-ng { background-image: url(../img/flags/4x3/ng.svg); } .flag-icon-ng.flag-icon-squared { background-image: url(../img/flags/1x1/ng.svg); } .flag-icon-ni { background-image: url(../img/flags/4x3/ni.svg); } .flag-icon-ni.flag-icon-squared { background-image: url(../img/flags/1x1/ni.svg); } .flag-icon-nl { background-image: url(../img/flags/4x3/nl.svg); } .flag-icon-nl.flag-icon-squared { background-image: url(../img/flags/1x1/nl.svg); } .flag-icon-no { background-image: url(../img/flags/4x3/no.svg); } .flag-icon-no.flag-icon-squared { background-image: url(../img/flags/1x1/no.svg); } .flag-icon-np { background-image: url(../img/flags/4x3/np.svg); } .flag-icon-np.flag-icon-squared { background-image: url(../img/flags/1x1/np.svg); } .flag-icon-nr { background-image: url(../img/flags/4x3/nr.svg); } .flag-icon-nr.flag-icon-squared { background-image: url(../img/flags/1x1/nr.svg); } .flag-icon-nu { background-image: url(../img/flags/4x3/nu.svg); } .flag-icon-nu.flag-icon-squared { background-image: url(../img/flags/1x1/nu.svg); } .flag-icon-nz { background-image: url(../img/flags/4x3/nz.svg); } .flag-icon-nz.flag-icon-squared { background-image: url(../img/flags/1x1/nz.svg); } .flag-icon-om { background-image: url(../img/flags/4x3/om.svg); } .flag-icon-om.flag-icon-squared { background-image: url(../img/flags/1x1/om.svg); } .flag-icon-pa { background-image: url(../img/flags/4x3/pa.svg); } .flag-icon-pa.flag-icon-squared { background-image: url(../img/flags/1x1/pa.svg); } .flag-icon-pe { background-image: url(../img/flags/4x3/pe.svg); } .flag-icon-pe.flag-icon-squared { background-image: url(../img/flags/1x1/pe.svg); } .flag-icon-pf { background-image: url(../img/flags/4x3/pf.svg); } .flag-icon-pf.flag-icon-squared { background-image: url(../img/flags/1x1/pf.svg); } .flag-icon-pg { background-image: url(../img/flags/4x3/pg.svg); } .flag-icon-pg.flag-icon-squared { background-image: url(../img/flags/1x1/pg.svg); } .flag-icon-ph { background-image: url(../img/flags/4x3/ph.svg); } .flag-icon-ph.flag-icon-squared { background-image: url(../img/flags/1x1/ph.svg); } .flag-icon-pk { background-image: url(../img/flags/4x3/pk.svg); } .flag-icon-pk.flag-icon-squared { background-image: url(../img/flags/1x1/pk.svg); } .flag-icon-pl { background-image: url(../img/flags/4x3/pl.svg); } .flag-icon-pl.flag-icon-squared { background-image: url(../img/flags/1x1/pl.svg); } .flag-icon-pm { background-image: url(../img/flags/4x3/pm.svg); } .flag-icon-pm.flag-icon-squared { background-image: url(../img/flags/1x1/pm.svg); } .flag-icon-pn { background-image: url(../img/flags/4x3/pn.svg); } .flag-icon-pn.flag-icon-squared { background-image: url(../img/flags/1x1/pn.svg); } .flag-icon-pr { background-image: url(../img/flags/4x3/pr.svg); } .flag-icon-pr.flag-icon-squared { background-image: url(../img/flags/1x1/pr.svg); } .flag-icon-ps { background-image: url(../img/flags/4x3/ps.svg); } .flag-icon-ps.flag-icon-squared { background-image: url(../img/flags/1x1/ps.svg); } .flag-icon-pt { background-image: url(../img/flags/4x3/pt.svg); } .flag-icon-pt.flag-icon-squared { background-image: url(../img/flags/1x1/pt.svg); } .flag-icon-pw { background-image: url(../img/flags/4x3/pw.svg); } .flag-icon-pw.flag-icon-squared { background-image: url(../img/flags/1x1/pw.svg); } .flag-icon-py { background-image: url(../img/flags/4x3/py.svg); } .flag-icon-py.flag-icon-squared { background-image: url(../img/flags/1x1/py.svg); } .flag-icon-qa { background-image: url(../img/flags/4x3/qa.svg); } .flag-icon-qa.flag-icon-squared { background-image: url(../img/flags/1x1/qa.svg); } .flag-icon-re { background-image: url(../img/flags/4x3/re.svg); } .flag-icon-re.flag-icon-squared { background-image: url(../img/flags/1x1/re.svg); } .flag-icon-ro { background-image: url(../img/flags/4x3/ro.svg); } .flag-icon-ro.flag-icon-squared { background-image: url(../img/flags/1x1/ro.svg); } .flag-icon-rs { background-image: url(../img/flags/4x3/rs.svg); } .flag-icon-rs.flag-icon-squared { background-image: url(../img/flags/1x1/rs.svg); } .flag-icon-ru { background-image: url(../img/flags/4x3/ru.svg); } .flag-icon-ru.flag-icon-squared { background-image: url(../img/flags/1x1/ru.svg); } .flag-icon-rw { background-image: url(../img/flags/4x3/rw.svg); } .flag-icon-rw.flag-icon-squared { background-image: url(../img/flags/1x1/rw.svg); } .flag-icon-sa { background-image: url(../img/flags/4x3/sa.svg); } .flag-icon-sa.flag-icon-squared { background-image: url(../img/flags/1x1/sa.svg); } .flag-icon-sb { background-image: url(../img/flags/4x3/sb.svg); } .flag-icon-sb.flag-icon-squared { background-image: url(../img/flags/1x1/sb.svg); } .flag-icon-sc { background-image: url(../img/flags/4x3/sc.svg); } .flag-icon-sc.flag-icon-squared { background-image: url(../img/flags/1x1/sc.svg); } .flag-icon-sd { background-image: url(../img/flags/4x3/sd.svg); } .flag-icon-sd.flag-icon-squared { background-image: url(../img/flags/1x1/sd.svg); } .flag-icon-se { background-image: url(../img/flags/4x3/se.svg); } .flag-icon-se.flag-icon-squared { background-image: url(../img/flags/1x1/se.svg); } .flag-icon-sg { background-image: url(../img/flags/4x3/sg.svg); } .flag-icon-sg.flag-icon-squared { background-image: url(../img/flags/1x1/sg.svg); } .flag-icon-sh { background-image: url(../img/flags/4x3/sh.svg); } .flag-icon-sh.flag-icon-squared { background-image: url(../img/flags/1x1/sh.svg); } .flag-icon-si { background-image: url(../img/flags/4x3/si.svg); } .flag-icon-si.flag-icon-squared { background-image: url(../img/flags/1x1/si.svg); } .flag-icon-sj { background-image: url(../img/flags/4x3/sj.svg); } .flag-icon-sj.flag-icon-squared { background-image: url(../img/flags/1x1/sj.svg); } .flag-icon-sk { background-image: url(../img/flags/4x3/sk.svg); } .flag-icon-sk.flag-icon-squared { background-image: url(../img/flags/1x1/sk.svg); } .flag-icon-sl { background-image: url(../img/flags/4x3/sl.svg); } .flag-icon-sl.flag-icon-squared { background-image: url(../img/flags/1x1/sl.svg); } .flag-icon-sm { background-image: url(../img/flags/4x3/sm.svg); } .flag-icon-sm.flag-icon-squared { background-image: url(../img/flags/1x1/sm.svg); } .flag-icon-sn { background-image: url(../img/flags/4x3/sn.svg); } .flag-icon-sn.flag-icon-squared { background-image: url(../img/flags/1x1/sn.svg); } .flag-icon-so { background-image: url(../img/flags/4x3/so.svg); } .flag-icon-so.flag-icon-squared { background-image: url(../img/flags/1x1/so.svg); } .flag-icon-sr { background-image: url(../img/flags/4x3/sr.svg); } .flag-icon-sr.flag-icon-squared { background-image: url(../img/flags/1x1/sr.svg); } .flag-icon-ss { background-image: url(../img/flags/4x3/ss.svg); } .flag-icon-ss.flag-icon-squared { background-image: url(../img/flags/1x1/ss.svg); } .flag-icon-st { background-image: url(../img/flags/4x3/st.svg); } .flag-icon-st.flag-icon-squared { background-image: url(../img/flags/1x1/st.svg); } .flag-icon-sv { background-image: url(../img/flags/4x3/sv.svg); } .flag-icon-sv.flag-icon-squared { background-image: url(../img/flags/1x1/sv.svg); } .flag-icon-sx { background-image: url(../img/flags/4x3/sx.svg); } .flag-icon-sx.flag-icon-squared { background-image: url(../img/flags/1x1/sx.svg); } .flag-icon-sy { background-image: url(../img/flags/4x3/sy.svg); } .flag-icon-sy.flag-icon-squared { background-image: url(../img/flags/1x1/sy.svg); } .flag-icon-sz { background-image: url(../img/flags/4x3/sz.svg); } .flag-icon-sz.flag-icon-squared { background-image: url(../img/flags/1x1/sz.svg); } .flag-icon-tc { background-image: url(../img/flags/4x3/tc.svg); } .flag-icon-tc.flag-icon-squared { background-image: url(../img/flags/1x1/tc.svg); } .flag-icon-td { background-image: url(../img/flags/4x3/td.svg); } .flag-icon-td.flag-icon-squared { background-image: url(../img/flags/1x1/td.svg); } .flag-icon-tf { background-image: url(../img/flags/4x3/tf.svg); } .flag-icon-tf.flag-icon-squared { background-image: url(../img/flags/1x1/tf.svg); } .flag-icon-tg { background-image: url(../img/flags/4x3/tg.svg); } .flag-icon-tg.flag-icon-squared { background-image: url(../img/flags/1x1/tg.svg); } .flag-icon-th { background-image: url(../img/flags/4x3/th.svg); } .flag-icon-th.flag-icon-squared { background-image: url(../img/flags/1x1/th.svg); } .flag-icon-tj { background-image: url(../img/flags/4x3/tj.svg); } .flag-icon-tj.flag-icon-squared { background-image: url(../img/flags/1x1/tj.svg); } .flag-icon-tk { background-image: url(../img/flags/4x3/tk.svg); } .flag-icon-tk.flag-icon-squared { background-image: url(../img/flags/1x1/tk.svg); } .flag-icon-tl { background-image: url(../img/flags/4x3/tl.svg); } .flag-icon-tl.flag-icon-squared { background-image: url(../img/flags/1x1/tl.svg); } .flag-icon-tm { background-image: url(../img/flags/4x3/tm.svg); } .flag-icon-tm.flag-icon-squared { background-image: url(../img/flags/1x1/tm.svg); } .flag-icon-tn { background-image: url(../img/flags/4x3/tn.svg); } .flag-icon-tn.flag-icon-squared { background-image: url(../img/flags/1x1/tn.svg); } .flag-icon-to { background-image: url(../img/flags/4x3/to.svg); } .flag-icon-to.flag-icon-squared { background-image: url(../img/flags/1x1/to.svg); } .flag-icon-tr { background-image: url(../img/flags/4x3/tr.svg); } .flag-icon-tr.flag-icon-squared { background-image: url(../img/flags/1x1/tr.svg); } .flag-icon-tt { background-image: url(../img/flags/4x3/tt.svg); } .flag-icon-tt.flag-icon-squared { background-image: url(../img/flags/1x1/tt.svg); } .flag-icon-tv { background-image: url(../img/flags/4x3/tv.svg); } .flag-icon-tv.flag-icon-squared { background-image: url(../img/flags/1x1/tv.svg); } .flag-icon-tw { background-image: url(../img/flags/4x3/tw.svg); } .flag-icon-tw.flag-icon-squared { background-image: url(../img/flags/1x1/tw.svg); } .flag-icon-tz { background-image: url(../img/flags/4x3/tz.svg); } .flag-icon-tz.flag-icon-squared { background-image: url(../img/flags/1x1/tz.svg); } .flag-icon-ua { background-image: url(../img/flags/4x3/ua.svg); } .flag-icon-ua.flag-icon-squared { background-image: url(../img/flags/1x1/ua.svg); } .flag-icon-ug { background-image: url(../img/flags/4x3/ug.svg); } .flag-icon-ug.flag-icon-squared { background-image: url(../img/flags/1x1/ug.svg); } .flag-icon-um { background-image: url(../img/flags/4x3/um.svg); } .flag-icon-um.flag-icon-squared { background-image: url(../img/flags/1x1/um.svg); } .flag-icon-us { background-image: url(../img/flags/4x3/us.svg); } .flag-icon-us.flag-icon-squared { background-image: url(../img/flags/1x1/us.svg); } .flag-icon-uy { background-image: url(../img/flags/4x3/uy.svg); } .flag-icon-uy.flag-icon-squared { background-image: url(../img/flags/1x1/uy.svg); } .flag-icon-uz { background-image: url(../img/flags/4x3/uz.svg); } .flag-icon-uz.flag-icon-squared { background-image: url(../img/flags/1x1/uz.svg); } .flag-icon-va { background-image: url(../img/flags/4x3/va.svg); } .flag-icon-va.flag-icon-squared { background-image: url(../img/flags/1x1/va.svg); } .flag-icon-vc { background-image: url(../img/flags/4x3/vc.svg); } .flag-icon-vc.flag-icon-squared { background-image: url(../img/flags/1x1/vc.svg); } .flag-icon-ve { background-image: url(../img/flags/4x3/ve.svg); } .flag-icon-ve.flag-icon-squared { background-image: url(../img/flags/1x1/ve.svg); } .flag-icon-vg { background-image: url(../img/flags/4x3/vg.svg); } .flag-icon-vg.flag-icon-squared { background-image: url(../img/flags/1x1/vg.svg); } .flag-icon-vi { background-image: url(../img/flags/4x3/vi.svg); } .flag-icon-vi.flag-icon-squared { background-image: url(../img/flags/1x1/vi.svg); } .flag-icon-vn { background-image: url(../img/flags/4x3/vn.svg); } .flag-icon-vn.flag-icon-squared { background-image: url(../img/flags/1x1/vn.svg); } .flag-icon-vu { background-image: url(../img/flags/4x3/vu.svg); } .flag-icon-vu.flag-icon-squared { background-image: url(../img/flags/1x1/vu.svg); } .flag-icon-wf { background-image: url(../img/flags/4x3/wf.svg); } .flag-icon-wf.flag-icon-squared { background-image: url(../img/flags/1x1/wf.svg); } .flag-icon-ws { background-image: url(../img/flags/4x3/ws.svg); } .flag-icon-ws.flag-icon-squared { background-image: url(../img/flags/1x1/ws.svg); } .flag-icon-ye { background-image: url(../img/flags/4x3/ye.svg); } .flag-icon-ye.flag-icon-squared { background-image: url(../img/flags/1x1/ye.svg); } .flag-icon-yt { background-image: url(../img/flags/4x3/yt.svg); } .flag-icon-yt.flag-icon-squared { background-image: url(../img/flags/1x1/yt.svg); } .flag-icon-za { background-image: url(../img/flags/4x3/za.svg); } .flag-icon-za.flag-icon-squared { background-image: url(../img/flags/1x1/za.svg); } .flag-icon-zm { background-image: url(../img/flags/4x3/zm.svg); } .flag-icon-zm.flag-icon-squared { background-image: url(../img/flags/1x1/zm.svg); } .flag-icon-zw { background-image: url(../img/flags/4x3/zw.svg); } .flag-icon-zw.flag-icon-squared { background-image: url(../img/flags/1x1/zw.svg); } .flag-icon-eu { background-image: url(../img/flags/4x3/eu.svg); } .flag-icon-eu.flag-icon-squared { background-image: url(../img/flags/1x1/eu.svg); } .flag-icon-gb-eng { background-image: url(../img/flags/4x3/gb-eng.svg); } .flag-icon-gb-eng.flag-icon-squared { background-image: url(../img/flags/1x1/gb-eng.svg); } .flag-icon-gb-sct { background-image: url(../img/flags/4x3/gb-sct.svg); } .flag-icon-gb-sct.flag-icon-squared { background-image: url(../img/flags/1x1/gb-sct.svg); } .flag-icon-gb-wls { background-image: url(../img/flags/4x3/gb-wls.svg); } .flag-icon-gb-wls.flag-icon-squared { background-image: url(../img/flags/1x1/gb-wls.svg); } .ui-pnotify { top: 36px; right: 36px; position: absolute; height: auto; z-index: 2; } body > .ui-pnotify { position: fixed; z-index: 100040; } .ui-pnotify-modal-overlay { background-color: rgba(0, 0, 0, 0.4); top: 0; left: 0; position: absolute; height: 100%; width: 100%; z-index: 1; } body > .ui-pnotify-modal-overlay { position: fixed; z-index: 100039; } .ui-pnotify.ui-pnotify-in { display: block !important; } .ui-pnotify.ui-pnotify-move { -webkit-transition: left 0.5s ease, top 0.5s ease, right 0.5s ease, bottom 0.5s ease; -o-transition: left 0.5s ease, top 0.5s ease, right 0.5s ease, bottom 0.5s ease; transition: left 0.5s ease, top 0.5s ease, right 0.5s ease, bottom 0.5s ease; } .ui-pnotify.ui-pnotify-fade-slow { -webkit-transition: opacity .6s linear; -o-transition: opacity .6s linear; transition: opacity .6s linear; opacity: 0; } .ui-pnotify.ui-pnotify-fade-slow.ui-pnotify.ui-pnotify-move { -webkit-transition: opacity 0.6s linear, left 0.5s ease, top 0.5s ease, right 0.5s ease, bottom 0.5s ease; -o-transition: opacity 0.6s linear, left 0.5s ease, top 0.5s ease, right 0.5s ease, bottom 0.5s ease; transition: opacity 0.6s linear, left 0.5s ease, top 0.5s ease, right 0.5s ease, bottom 0.5s ease; } .ui-pnotify.ui-pnotify-fade-normal { -webkit-transition: opacity .4s linear; -o-transition: opacity .4s linear; transition: opacity .4s linear; opacity: 0; } .ui-pnotify.ui-pnotify-fade-normal.ui-pnotify.ui-pnotify-move { -webkit-transition: opacity 0.4s linear, left 0.5s ease, top 0.5s ease, right 0.5s ease, bottom 0.5s ease; -o-transition: opacity 0.4s linear, left 0.5s ease, top 0.5s ease, right 0.5s ease, bottom 0.5s ease; transition: opacity 0.4s linear, left 0.5s ease, top 0.5s ease, right 0.5s ease, bottom 0.5s ease; } .ui-pnotify.ui-pnotify-fade-fast { -webkit-transition: opacity .2s linear; -o-transition: opacity .2s linear; transition: opacity .2s linear; opacity: 0; } .ui-pnotify.ui-pnotify-fade-fast.ui-pnotify.ui-pnotify-move { -webkit-transition: opacity 0.2s linear, left 0.5s ease, top 0.5s ease, right 0.5s ease, bottom 0.5s ease; -o-transition: opacity 0.2s linear, left 0.5s ease, top 0.5s ease, right 0.5s ease, bottom 0.5s ease; transition: opacity 0.2s linear, left 0.5s ease, top 0.5s ease, right 0.5s ease, bottom 0.5s ease; } .ui-pnotify.ui-pnotify-fade-in { opacity: 1; } .ui-pnotify .ui-pnotify-shadow { -webkit-box-shadow: 0 6px 28px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 6px 28px 0 rgba(0, 0, 0, 0.1); } .ui-pnotify-container { background-position: 0 0; padding: .8em; height: 100%; margin: 0; } .ui-pnotify-container:after { content: " "; visibility: hidden; display: block; height: 0; clear: both; } .ui-pnotify-container.ui-pnotify-sharp { -webkit-border-radius: 0; border-radius: 0; } .ui-pnotify-title { display: block; margin-bottom: .4em; margin-top: 0; } .ui-pnotify-text { display: block; } .ui-pnotify-icon, .ui-pnotify-icon span { display: block; float: left; margin-right: 0.2em; } .ui-pnotify.stack-bottomleft, .ui-pnotify.stack-topleft { left: 25px; right: auto; } .ui-pnotify.stack-bottomleft, .ui-pnotify.stack-bottomright { bottom: 25px; top: auto; } .ui-pnotify.stack-modal { left: 50%; right: auto; margin-left: -150px; } .blockUI.blockOverlay { -webkit-border-radius: .25rem; border-radius: .25rem; } .block-msg-default, .block-msg-message-loader { border: none !important; background-color: transparent !important; } .block-msg-default .fa { font-size: 42px; color: #fff; display: inline-block; width: 42px; height: 40px; } .block-msg-default h6 { margin-top: 8px; color: #fff; font-size: 17px; line-height: 24px; } .block-msg-message-loader .blockui-default-message { padding: 20px; -webkit-border-radius: .25rem; border-radius: .25rem; color: #102943; font-size: 17px; background: #fff; } .context-menu-icon:before { position: absolute; top: 50%; left: 6px; width: 28px; font-family: "FontAwesome"; font-size: 18px; font-style: normal; font-weight: normal; line-height: 1; color: #939FAB; text-align: center; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .context-menu-icon-add:before { content: "\f067"; } .context-menu-icon-copy:before { content: "\f0c5"; } .context-menu-icon-cut:before { content: "\f0c4"; } .context-menu-icon-delete:before { content: "\f1f8"; font-size: 20px; left: 5px; } .context-menu-icon-edit:before { content: "\f040"; } .context-menu-icon-paste:before { content: "\f0ea"; } .context-menu-icon-quit:before { content: "\f08b"; font-size: 20px; } .context-menu-icon.context-menu-hover:before { color: #fff; } .context-menu-list { position: absolute; display: inline-block; min-width: 180px; max-width: 360px; padding: 6px 0; margin: 8px; font-family: inherit; font-size: inherit; list-style-type: none; background: #fff; border: 1px solid #e5e5e5; -webkit-border-radius: .25rem; border-radius: .25rem; z-index: 4 !important; } .context-menu-item { position: relative; padding: 5px 38px; color: #1E1E1E; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: #fff; z-index: 4 !important; } .context-menu-separator { padding: 0; margin: 5px 0; border-bottom: 1px solid #e5e5e5; } .context-menu-item > label > input, .context-menu-item > label > textarea { -webkit-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text; } .context-menu-item.context-menu-hover { color: #fff; cursor: pointer; background-color: #00A8FF !important; } .context-menu-item.context-menu-disabled { color: #626262; background-color: #fff; } .context-menu-item.context-menu-disabled { color: #999; } .context-menu-input.context-menu-hover, .context-menu-item.context-menu-disabled.context-menu-hover { cursor: default; background-color: #eee; } .context-menu-submenu:after { position: absolute; top: 50%; right: 8px; z-index: 4 !important; width: 0; height: 0; content: ''; border-color: transparent transparent transparent #1E1E1E; border-style: solid; border-width: 4px 0 4px 4px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .context-menu-submenu:hover:after { border-color: transparent transparent transparent #fff; } /** * Inputs */ .context-menu-item.context-menu-input { padding: 5px 10px; } /* vertically align inside labels */ .context-menu-input > label > * { vertical-align: top; } /* position checkboxes and radios as icons */ .context-menu-input > label > input[type="checkbox"], .context-menu-input > label > input[type="radio"] { position: relative; top: 3px; } .context-menu-input > label, .context-menu-input > label > input[type="text"], .context-menu-input > label > textarea, .context-menu-input > label > select { display: block; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .context-menu-input > label > textarea { height: 100px; } .context-menu-item > .context-menu-list { top: 5px; /* re-positioned by js */ right: -5px; display: none; } .context-menu-item.context-menu-visible > .context-menu-list { display: block; } .context-menu-accesskey { text-decoration: underline; } /* surrounding tag container */ .tag-editor { list-style-type: none; padding: 5px; margin: 0; overflow: hidden; border: 1px solid #c5d6de; cursor: text; font-size: 1rem; color: #697782; background: #fff; -webkit-border-radius: 4px; border-radius: 4px; } /* core styles usually need no change */ .tag-editor li { display: block; float: left; overflow: hidden; margin: 3px 0; line-height: 1.5; } .tag-editor div { float: left; padding: 0 4px; } .tag-editor .placeholder { padding: 0 8px; color: #bbb; } .tag-editor .tag-editor-spacer { padding: 0; width: 8px; overflow: hidden; color: transparent; background: none; } .tag-editor input { vertical-align: inherit; border: 0; outline: none; padding: 0; margin: 0; cursor: text; font-family: inherit; font-weight: inherit; font-size: inherit; font-style: inherit; -webkit-box-shadow: none; box-shadow: none; background: none; } /* hide original input field or textarea visually to allow tab navigation */ .tag-editor-hidden-src { position: absolute !important; left: -99999px; } /* hide IE10 "clear field" X */ .tag-editor ::-ms-clear { display: none; } /* tag style */ .tag-editor .tag-editor-tag { padding: 4px 0 4px 10px; color: #697782; background: #DBE4EB; white-space: nowrap; overflow: hidden; cursor: pointer; -webkit-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; } /* delete icon */ .tag-editor .tag-editor-delete { background: #DBE4EB; cursor: pointer; padding: 4px 10px 4px 0; -webkit-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; } .tag-editor .tag-editor-delete i { display: inline-block; width: 7px; height: 7px; vertical-align: middle; position: relative; top: -3px; margin-left: 4px; margin-right: 2px; font-size: .650rem; color: #86929E; } .tag-editor .tag-editor-delete i:before { content: "\e004"; font-family: startui!important; font-style: normal!important; font-weight: 400!important; font-variant: normal!important; text-transform: none!important; speak: none; line-height: inherit; top: -0.15em; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; position: relative; vertical-align: middle; } .tag-editor .tag-editor-delete:hover i { color: #0689BF; } .tag-editor .tag-editor-tag.active + .tag-editor-delete, .tag-editor .tag-editor-tag.active + .tag-editor-delete i { display: none; cursor: text; } .tag-editor .tag-editor-tag.active { background: none !important; } /* jQuery UI autocomplete - code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css */ .ui-autocomplete { position: absolute; top: 0; left: 0; cursor: default; font-size: 14px; } .ui-front { z-index: 9999; } .ui-menu { list-style: none; padding: 1px; margin: 0; display: block; outline: none; } .ui-menu .ui-menu-item a { text-decoration: none; display: block; padding: 2px .4em; line-height: 1.4; min-height: 0; /* support: IE7 */ } .ui-widget-content { border: 1px solid #c5d6de; background: #fff; color: #555; } .ui-widget-content a { color: #46799b; } .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { background: #e0eaf1; } .ui-helper-hidden-accessible { display: none; } table.dataTable tbody td { padding: 9px 8px; height: auto; } table.dataTable { margin-top: 15px !important; } table.dataTable th { white-space: nowrap; } table.dataTable tr.selected, table.dataTable tr.selected .sorting_1 { background-color: rgba(0, 136, 204, 0.8) !important; } table.dataTable.collapsed tr td:first-child::before { top: 15px !important; line-height: 16px !important; } table.dataTable.collapsed tr td:first-child { padding-left: 30px !important; } .dataTables_filter { float: right; } .dt-bootstrap .pagination { margin-top: 10px !important; } .dt-bootstrap .pagination .paginate_button { display: inline-block; } .dt-bootstrap .pagination .paginate_button a { border: 1px solid #d8e2e7; border-right: none; color: #0082c6; display: inline-block; padding: .275rem .75rem; font-size: .875rem; line-height: 1.5; } .dt-bootstrap .pagination .paginate_button.disabled a { opacity: 0.8; } .dt-bootstrap .pagination .paginate_button.active a { color: #fff; border-color: #00a8ff !important; background-color: #00a8ff !important; } .dt-bootstrap .pagination .paginate_button:first-child a { -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; } .dt-bootstrap .pagination .paginate_button:last-child a { border-right: 1px solid #d8e2e7; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; } .lobipanel .panel-heading { padding: 13px 20px; } .lobipanel .panel-heading .panel-title { margin: 0; font-size: 1rem; font-weight: 600; line-height: 1.4; padding: 0; margin-top: 5px; } .lobipanel .panel-heading .panel-title input { border: 1px solid rgba(197, 214, 222, 0.7); -webkit-box-shadow: none; box-shadow: none; color: #343434 !important; -webkit-border-radius: 2px; border-radius: 2px; font-size: 13px; line-height: 13px; background: #fff; padding: 4px 10px; font-weight: 400; } .lobipanel .panel-heading .panel-title input:focus, .lobipanel .panel-heading .panel-title input.active { border-color: #c5d6de; background: #fff; } .lobipanel .panel-heading a { display: inline-block; vertical-align: top; border: none; background: 0 0; margin: 0; } .lobipanel .panel-heading a i { color: #adb7be; font-size: 0.8rem; line-height: 18px; } .lobipanel .panel-heading a:hover { -webkit-box-shadow: none !important; box-shadow: none !important; text-shadow: none !important; background: none !important; } .lobipanel .panel-heading a:hover i { -webkit-box-shadow: none !important; box-shadow: none !important; text-shadow: none !important; color: #00a8ff !important; background: none !important; } .lobipanel .panel-heading .dropdown { margin-right: -10px; margin-top: 1px; } .lobipanel .panel-heading .dropdown .dropdown-toggle, .lobipanel .panel-heading .dropdown .dropdown-toggle:hover { width: auto; -webkit-box-shadow: none !important; box-shadow: none !important; text-shadow: none !important; background: none !important; position: relative; top: 4px; } .lobipanel .panel-heading .dropdown .dropdown-toggle span, .lobipanel .panel-heading .dropdown .dropdown-toggle:hover span { color: #adb7be; font-size: 0.8rem; line-height: 18px; } .lobipanel .panel-heading .dropdown .dropdown-toggle .panel-control-icon, .lobipanel .panel-heading .dropdown .dropdown-toggle:hover .panel-control-icon { margin: 0; color: #adb7be; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; font-size: 15px; vertical-align: middle; line-height: 16px; position: relative; top: -1px; } .lobipanel .panel-heading .dropdown .dropdown-toggle::after { color: #adb7be; } .lobipanel .panel-heading .dropdown.open .dropdown-menu { border-color: #d8e2e7; font-size: 15px; min-width: 160px; padding: 5px 0; margin: 6px 0 0; color: #373a3c; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.15); -webkit-border-radius: .25rem; border-radius: .25rem; } .lobipanel .panel-heading .dropdown.open .dropdown-menu li a { display: block; width: 100%; clear: both; font-weight: 400; line-height: 1.5; color: #373a3c; text-align: inherit; background: 0 0; border: 0; font-size: 15px; padding: 4px 12px; } .lobipanel .panel-heading .dropdown.open .dropdown-menu li a .control-title { margin-left: 10px; } .lobipanel .panel-heading .dropdown.open .dropdown-menu li a .panel-control-icon { margin: 0; color: #adb7be; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; font-size: 15px; vertical-align: middle; line-height: 16px; position: relative; top: -1px; } .lobipanel.panel-unpin { -webkit-box-shadow: none; box-shadow: none; } .lobipanel.panel-expanded { border-top: none; position: fixed; top: 0; left: 0; width: 100% !important; height: 100% !important; z-index: 100 !important; -webkit-border-radius: 0; border-radius: 0; margin: 0 0 20px; } .lobipanel.panel-expanded .panel-heading { position: relative; z-index: 110; } .lobipanel.panel-expanded .panel-heading .panel-title { margin-top: 0px; font-size: 1.5rem !important; } .lobipanel.panel-expanded .tbl-typical th, .lobipanel.panel-expanded .tbl-typical td { font-size: 0.9375rem /*15/16*/; } .lobipanel-placeholder { -webkit-border-radius: 2px; border-radius: 2px; background-color: rgba(57, 81, 155, 0.05); border: dashed 1px rgba(57, 81, 155, 0.15); } /* ========================================================================== HTML5 display definitions ========================================================================== */ article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } audio:not([controls]) { display: none; height: 0; } [hidden] { display: none; } /* ========================================================================== Base ========================================================================== */ /** * 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using * `em` units. * 2. Prevent iOS text size adjust after orientation change, without disabling * user zoom. */ html { font-size: 100%; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } html, button, input, select, textarea { font-family: sans-serif; } body { margin: 0; } *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* ========================================================================== Links ========================================================================== */ *:focus { outline: none; } *:active, *:hover { outline: 0; } /* ========================================================================== Typography ========================================================================== */ abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } blockquote { margin: 1em 40px; } dfn { font-style: italic; } hr { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; } mark { background: #ff0; color: #000; } pre { margin: 0px; } /** * Correct font family set oddly in IE 6, Safari 4/5, and Chrome. */ code, kbd, pre, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; } /** * Improve readability of pre-formatted text in all browsers. */ pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } /** * Address CSS quotes not supported in IE 6/7. */ q { quotes: none; } /** * Address `quotes` property not supported in Safari 4. */ q:before, q:after { content: ''; content: none; } /** * Address inconsistent and variable font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` affecting `line-height` in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* ========================================================================== Lists ========================================================================== */ /** * Address margins set differently in IE 6/7. */ dl, menu, ol, ul { margin: 0; } dd { margin: 0 0 0 40px; } /** * Correct list images handled incorrectly in IE 7. */ nav ul, nav ol { list-style: none; list-style-image: none; } /* ========================================================================== Embedded content ========================================================================== */ /** * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3. * 2. Improve image quality when scaled in IE 7. */ img { border: 0; /* 1 */ -ms-interpolation-mode: bicubic; /* 2 */ } /** * Correct overflow displayed oddly in IE 9. */ svg:not(:root) { overflow: hidden; } /* ========================================================================== Figures ========================================================================== */ /** * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11. */ figure { margin: 0; } /* ========================================================================== Forms ========================================================================== */ /** * Correct margin displayed oddly in IE 6/7. */ form { margin: 0; } /** * Define consistent border, margin, and padding. */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /** * 1. Correct color not being inherited in IE 6/7/8/9. * 2. Correct text not wrapping in Firefox 3. * 3. Correct alignment displayed oddly in IE 6/7. */ legend { border: 0; /* 1 */ padding: 0; white-space: normal; /* 2 */ *margin-left: -7px; /* 3 */ } /** * 1. Correct font size not being inherited in all browsers. * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5, * and Chrome. * 3. Improve appearance and consistency in all browsers. */ button, input, select, textarea { font-size: 100%; /* 1 */ margin: 0; /* 2 */ vertical-align: baseline; /* 3 */ *vertical-align: middle; /* 3 */ } /** * Address Firefox 3+ setting `line-height` on `input` using `!important` in * the UA stylesheet. */ button, input { line-height: normal; } /** * Address inconsistent `text-transform` inheritance for `button` and `select`. * All other form control elements do not inherit `text-transform` values. * Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+. * Correct `select` style inheritance in Firefox 4+ and Opera. */ button, select { text-transform: none; } /** * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` * and `video` controls. * 2. Correct inability to style clickable `input` types in iOS. * 3. Improve usability and consistency of cursor style between image-type * `input` and others. * 4. Remove inner spacing in IE 7 without affecting normal text inputs. * Known issue: inner spacing remains in IE 6. */ button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ *overflow: visible; /* 4 */ } /** * Re-set default cursor for disabled elements. */ button[disabled], html input[disabled] { cursor: default; } /** * 1. Address box sizing set to content-box in IE 8/9. * 2. Remove excess padding in IE 8/9. * 3. Remove excess padding in IE 7. * Known issue: excess padding remains in IE 6. */ input[type="checkbox"], input[type="radio"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ *height: 13px; /* 3 */ *width: 13px; /* 3 */ } /** * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome. * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome * (include `-moz` to future-proof). */ input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; } /** * Remove inner padding and search cancel button in Safari 5 and Chrome * on OS X. */ input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * Remove inner padding and border in Firefox 3+. */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /** * 1. Remove default vertical scrollbar in IE 6/7/8/9. * 2. Improve readability and alignment in all browsers. */ textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ } /* ========================================================================== Tables ========================================================================== */ /** * Remove most spacing between table cells. */ table { border-collapse: collapse; border-spacing: 0; } /* ========================================================================== Opinionated defaults ========================================================================== */ html { font-size: 1em; line-height: 1.4; } * { padding: 0px; margin: 0px; } img { border: none; } ul { list-style: none; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } textarea { resize: vertical; } fieldset { border: 0; margin: 0; padding: 0; } audio, canvas, img, video { vertical-align: middle; } .browsehappy { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; } ::-moz-selection { background: #b3d4fc; text-shadow: none; } ::selection { background: #b3d4fc; text-shadow: none; } /* ========================================================================== Mixins ========================================================================== */ /* ========================================================================== Variables ========================================================================== */ /* ========================================================================== Helper classes ========================================================================== */ /* Image replacement */ .ir { background-color: transparent; border: 0; overflow: hidden; *text-indent: -9999px; } .ir:before { content: ""; display: block; width: 0; height: 150%; } /* Hide from both screenreaders and browsers: h5bp.com/u */ .hidden { display: none !important; visibility: hidden; } /* Hide only visually, but have it available for screenreaders: h5bp.com/v */ .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } /* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */ .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } /* Hide visually and from screenreaders, but maintain layout */ .invisible { visibility: hidden; } /* Clear fix */ .clear { clear: both; height: 0px; font-size: 0px; line-height: 0px; overflow: hidden; } .clearfix:before, .clearfix:after { content: " "; display: table; } .clearfix:after { clear: both; } .clearfix { *zoom: 1; } /* Align */ .text-center { text-align: center; } .text-left { text-align: left; } .text-right { text-align: right; } /* Float */ .float-left { float: left; } .float-right { float: right; } .tbl { display: table; width: 100%; border-collapse: collapse; } .tbl-row { display: table-row; } .tbl-cell { display: table-cell; vertical-align: middle; } .no-border, .b-a-0 { border: none; } .b-a { border: solid 1px #d8e2e7; } .b-l { border-left: solid 1px #d8e2e7; } .b-r { border-right: solid 1px #d8e2e7; } .b-t { border-top: solid 1px #d8e2e7; } .b-b { border-bottom: solid 1px #d8e2e7; } .b-t-0 { border-top: none; } .b-r-0 { border-bottom: none; } .border-primary { border-color: #00a8ff; } .border-default { border-color: #d8e2e7; } .border-warning { border-color: #f29824; } .border-success { border-color: #46c35f; } .border-info { border-color: #ac6bec; } .border-white { border-color: #fff; } .border-danger { border-color: #fa424a; } .no-radius { -webkit-border-radius: 0; border-radius: 0; } .round { -webkit-border-radius: .25rem; border-radius: .25rem; } .brtl { -webkit-border-top-left-radius: .25rem; border-top-left-radius: .25rem; } .brtr { -webkit-border-top-right-radius: .25rem; border-top-right-radius: .25rem; } .blbl { -webkit-border-bottom-left-radius: .25rem; border-bottom-left-radius: .25rem; } .brbr { -webkit-border-bottom-right-radius: .25rem; border-bottom-right-radius: .25rem; } .overflow-hidden { overflow: hidden; } .overflow-visible { overflow: visible; } .overflow-auto { overflow: auto; } .w100 { width: 100px; } .w150 { width: 150px; } .w200 { width: 200px; } .w250 { width: 250px; } .w300 { width: 300px; } .w350 { width: 350px; } .w400 { width: 400px; } .w450 { width: 450px; } .w500 { width: 500px; } .relative { position: relative; } .absolute { position: absolute; } .lt { left: 0; } .rt { right: 0; } .bt { bottom: 0; } .tp { top: 0; } .no-padding { padding: 0; } .no-margin { margin: 0; } .no-bg { background: none; } .no-shadow { -webkit-box-shadow: none; box-shadow: none; } .shadow { -webkit-box-shadow: 1px 1px rgba(0, 0, 0, 0.3); box-shadow: 1px 1px rgba(0, 0, 0, 0.3); } .text-shadow { text-shadow: 1px 1px rgba(0, 0, 0, 0.3); } .block { display: block; } .m-x-n { margin-left: -15px; margin-right: -15px; } .m-r-n { margin-right: -15px; } .m-l-n-n { margin-left: -15px; } .m-a-lg { margin: 30px; } .m-r-lg { margin-right: 30px; } .m-b-lg { margin-bottom: 30px; } .m-l-lg { margin-left: 30px; } .m-t-lg { margin-top: 30px; } .m-x-lg { margin-left: 30px; margin-right: 30px; } .m-y-lg { margin-top: 30px; margin-bottom: 30px; } .m-a-md { margin: 20px; } .m-r-md { margin-right: 20px; } .m-b-md { margin-bottom: 20px; } .m-l-md { margin-left: 20px; } .m-t-md { margin-top: 20px; } .m-x-md { margin-left: 20px; margin-right: 20px; } .m-y-md { margin-top: 20px; margin-bottom: 20px; } .m-a { margin: 15px; } .m-r { margin-right: 15px; } .m-b { margin-bottom: 15px; } .m-l { margin-left: 15px; } .m-t { margin-top: 15px; } .m-x { margin-left: 15px; margin-right: 15px; } .m-y { margin-top: 15px; margin-bottom: 15px; } .m-a-0 { margin: 0; } .m-r-0 { margin-right: 0; } .m-b-0 { margin-bottom: 0; } .m-l-0 { margin-left: 0; } .m-t-0 { margin-top: 0; } .m-x-0 { margin-left: 0; margin-right: 0; } .m-y-0 { margin-top: 0; margin-bottom: 0; } .m-x-auto { margin-right: auto; margin-left: auto; } .p-x-n { padding-left: -15px; padding-right: -15px; } .p-r-n { padding-right: -15px; } .p-l-n-n { padding-left: -15px; } .p-a-lg { padding: 30px; } .p-r-lg { padding-right: 30px; } .p-b-lg { padding-bottom: 30px; } .p-l-lg { padding-left: 30px; } .p-t-lg { padding-top: 30px; } .p-x-lg { padding-left: 30px; padding-right: 30px; } .p-y-lg { padding-top: 30px; padding-bottom: 30px; } .p-a-md { padding: 20px; } .p-r-md { padding-right: 20px; } .p-b-md { padding-bottom: 20px; } .p-l-md { padding-left: 20px; } .p-t-md { padding-top: 20px; } .p-x-md { padding-left: 20px; padding-right: 20px; } .p-y-md { padding-top: 20px; padding-bottom: 20px; } .p-a { padding: 15px; } .p-r { padding-right: 15px; } .p-b { padding-bottom: 15px; } .p-l { padding-left: 15px; } .p-t { padding-top: 15px; } .p-x { padding-left: 15px; padding-right: 15px; } .p-y { padding-top: 15px; padding-bottom: 15px; } .p-a-0 { padding: 0; } .p-r-0 { padding-right: 0; } .p-b-0 { padding-bottom: 0; } .p-l-0 { padding-left: 0; } .p-t-0 { padding-top: 0; } .p-x-0 { padding-left: 0; padding-right: 0; } .p-y-0 { padding-top: 0; padding-bottom: 0; } .p-x-auto { padding-right: auto; padding-left: auto; } .display-table { display: table; width: 100%; } .text-vertical-middle { display: table-cell; vertical-align: middle; text-align: center; } .inline-block { display: inline-block !important; } @font-face { font-family: 'Glyphicons Halflings'; src: url('../fonts/glyphicons-halflings-regular.eot'); src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg'); } .glyphicon { position: relative; top: 1px; display: inline-block; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .glyphicon-asterisk:before { content: "\002a"; } .glyphicon-plus:before { content: "\002b"; } .glyphicon-euro:before, .glyphicon-eur:before { content: "\20ac"; } .glyphicon-minus:before { content: "\2212"; } .glyphicon-cloud:before { content: "\2601"; } .glyphicon-envelope:before { content: "\2709"; } .glyphicon-pencil:before { content: "\270f"; } .glyphicon-glass:before { content: "\e001"; } .glyphicon-music:before { content: "\e002"; } .glyphicon-search:before { content: "\e003"; } .glyphicon-heart:before { content: "\e005"; } .glyphicon-star:before { content: "\e006"; } .glyphicon-star-empty:before { content: "\e007"; } .glyphicon-user:before { content: "\e008"; } .glyphicon-film:before { content: "\e009"; } .glyphicon-th-large:before { content: "\e010"; } .glyphicon-th:before { content: "\e011"; } .glyphicon-th-list:before { content: "\e012"; } .glyphicon-ok:before { content: "\e013"; } .glyphicon-remove:before { content: "\e014"; } .glyphicon-zoom-in:before { content: "\e015"; } .glyphicon-zoom-out:before { content: "\e016"; } .glyphicon-off:before { content: "\e017"; } .glyphicon-signal:before { content: "\e018"; } .glyphicon-cog:before { content: "\e019"; } .glyphicon-trash:before { content: "\e020"; } .glyphicon-home:before { content: "\e021"; } .glyphicon-file:before { content: "\e022"; } .glyphicon-time:before { content: "\e023"; } .glyphicon-road:before { content: "\e024"; } .glyphicon-download-alt:before { content: "\e025"; } .glyphicon-download:before { content: "\e026"; } .glyphicon-upload:before { content: "\e027"; } .glyphicon-inbox:before { content: "\e028"; } .glyphicon-play-circle:before { content: "\e029"; } .glyphicon-repeat:before { content: "\e030"; } .glyphicon-refresh:before { content: "\e031"; } .glyphicon-list-alt:before { content: "\e032"; } .glyphicon-lock:before { content: "\e033"; } .glyphicon-flag:before { content: "\e034"; } .glyphicon-headphones:before { content: "\e035"; } .glyphicon-volume-off:before { content: "\e036"; } .glyphicon-volume-down:before { content: "\e037"; } .glyphicon-volume-up:before { content: "\e038"; } .glyphicon-qrcode:before { content: "\e039"; } .glyphicon-barcode:before { content: "\e040"; } .glyphicon-tag:before { content: "\e041"; } .glyphicon-tags:before { content: "\e042"; } .glyphicon-book:before { content: "\e043"; } .glyphicon-bookmark:before { content: "\e044"; } .glyphicon-print:before { content: "\e045"; } .glyphicon-camera:before { content: "\e046"; } .glyphicon-font:before { content: "\e047"; } .glyphicon-bold:before { content: "\e048"; } .glyphicon-italic:before { content: "\e049"; } .glyphicon-text-height:before { content: "\e050"; } .glyphicon-text-width:before { content: "\e051"; } .glyphicon-align-left:before { content: "\e052"; } .glyphicon-align-center:before { content: "\e053"; } .glyphicon-align-right:before { content: "\e054"; } .glyphicon-align-justify:before { content: "\e055"; } .glyphicon-list:before { content: "\e056"; } .glyphicon-indent-left:before { content: "\e057"; } .glyphicon-indent-right:before { content: "\e058"; } .glyphicon-facetime-video:before { content: "\e059"; } .glyphicon-picture:before { content: "\e060"; } .glyphicon-map-marker:before { content: "\e062"; } .glyphicon-adjust:before { content: "\e063"; } .glyphicon-tint:before { content: "\e064"; } .glyphicon-edit:before { content: "\e065"; } .glyphicon-share:before { content: "\e066"; } .glyphicon-check:before { content: "\e067"; } .glyphicon-move:before { content: "\e068"; } .glyphicon-step-backward:before { content: "\e069"; } .glyphicon-fast-backward:before { content: "\e070"; } .glyphicon-backward:before { content: "\e071"; } .glyphicon-play:before { content: "\e072"; } .glyphicon-pause:before { content: "\e073"; } .glyphicon-stop:before { content: "\e074"; } .glyphicon-forward:before { content: "\e075"; } .glyphicon-fast-forward:before { content: "\e076"; } .glyphicon-step-forward:before { content: "\e077"; } .glyphicon-eject:before { content: "\e078"; } .glyphicon-chevron-left:before { content: "\e079"; } .glyphicon-chevron-right:before { content: "\e080"; } .glyphicon-plus-sign:before { content: "\e081"; } .glyphicon-minus-sign:before { content: "\e082"; } .glyphicon-remove-sign:before { content: "\e083"; } .glyphicon-ok-sign:before { content: "\e084"; } .glyphicon-question-sign:before { content: "\e085"; } .glyphicon-info-sign:before { content: "\e086"; } .glyphicon-screenshot:before { content: "\e087"; } .glyphicon-remove-circle:before { content: "\e088"; } .glyphicon-ok-circle:before { content: "\e089"; } .glyphicon-ban-circle:before { content: "\e090"; } .glyphicon-arrow-left:before { content: "\e091"; } .glyphicon-arrow-right:before { content: "\e092"; } .glyphicon-arrow-up:before { content: "\e093"; } .glyphicon-arrow-down:before { content: "\e094"; } .glyphicon-share-alt:before { content: "\e095"; } .glyphicon-resize-full:before { content: "\e096"; } .glyphicon-resize-small:before { content: "\e097"; } .glyphicon-exclamation-sign:before { content: "\e101"; } .glyphicon-gift:before { content: "\e102"; } .glyphicon-leaf:before { content: "\e103"; } .glyphicon-fire:before { content: "\e104"; } .glyphicon-eye-open:before { content: "\e105"; } .glyphicon-eye-close:before { content: "\e106"; } .glyphicon-warning-sign:before { content: "\e107"; } .glyphicon-plane:before { content: "\e108"; } .glyphicon-calendar:before { content: "\e109"; } .glyphicon-random:before { content: "\e110"; } .glyphicon-comment:before { content: "\e111"; } .glyphicon-magnet:before { content: "\e112"; } .glyphicon-chevron-up:before { content: "\e113"; } .glyphicon-chevron-down:before { content: "\e114"; } .glyphicon-retweet:before { content: "\e115"; } .glyphicon-shopping-cart:before { content: "\e116"; } .glyphicon-folder-close:before { content: "\e117"; } .glyphicon-folder-open:before { content: "\e118"; } .glyphicon-resize-vertical:before { content: "\e119"; } .glyphicon-resize-horizontal:before { content: "\e120"; } .glyphicon-hdd:before { content: "\e121"; } .glyphicon-bullhorn:before { content: "\e122"; } .glyphicon-bell:before { content: "\e123"; } .glyphicon-certificate:before { content: "\e124"; } .glyphicon-thumbs-up:before { content: "\e125"; } .glyphicon-thumbs-down:before { content: "\e126"; } .glyphicon-hand-right:before { content: "\e127"; } .glyphicon-hand-left:before { content: "\e128"; } .glyphicon-hand-up:before { content: "\e129"; } .glyphicon-hand-down:before { content: "\e130"; } .glyphicon-circle-arrow-right:before { content: "\e131"; } .glyphicon-circle-arrow-left:before { content: "\e132"; } .glyphicon-circle-arrow-up:before { content: "\e133"; } .glyphicon-circle-arrow-down:before { content: "\e134"; } .glyphicon-globe:before { content: "\e135"; } .glyphicon-wrench:before { content: "\e136"; } .glyphicon-tasks:before { content: "\e137"; } .glyphicon-filter:before { content: "\e138"; } .glyphicon-briefcase:before { content: "\e139"; } .glyphicon-fullscreen:before { content: "\e140"; } .glyphicon-dashboard:before { content: "\e141"; } .glyphicon-paperclip:before { content: "\e142"; } .glyphicon-heart-empty:before { content: "\e143"; } .glyphicon-link:before { content: "\e144"; } .glyphicon-phone:before { content: "\e145"; } .glyphicon-pushpin:before { content: "\e146"; } .glyphicon-usd:before { content: "\e148"; } .glyphicon-gbp:before { content: "\e149"; } .glyphicon-sort:before { content: "\e150"; } .glyphicon-sort-by-alphabet:before { content: "\e151"; } .glyphicon-sort-by-alphabet-alt:before { content: "\e152"; } .glyphicon-sort-by-order:before { content: "\e153"; } .glyphicon-sort-by-order-alt:before { content: "\e154"; } .glyphicon-sort-by-attributes:before { content: "\e155"; } .glyphicon-sort-by-attributes-alt:before { content: "\e156"; } .glyphicon-unchecked:before { content: "\e157"; } .glyphicon-expand:before { content: "\e158"; } .glyphicon-collapse-down:before { content: "\e159"; } .glyphicon-collapse-up:before { content: "\e160"; } .glyphicon-log-in:before { content: "\e161"; } .glyphicon-flash:before { content: "\e162"; } .glyphicon-log-out:before { content: "\e163"; } .glyphicon-new-window:before { content: "\e164"; } .glyphicon-record:before { content: "\e165"; } .glyphicon-save:before { content: "\e166"; } .glyphicon-open:before { content: "\e167"; } .glyphicon-saved:before { content: "\e168"; } .glyphicon-import:before { content: "\e169"; } .glyphicon-export:before { content: "\e170"; } .glyphicon-send:before { content: "\e171"; } .glyphicon-floppy-disk:before { content: "\e172"; } .glyphicon-floppy-saved:before { content: "\e173"; } .glyphicon-floppy-remove:before { content: "\e174"; } .glyphicon-floppy-save:before { content: "\e175"; } .glyphicon-floppy-open:before { content: "\e176"; } .glyphicon-credit-card:before { content: "\e177"; } .glyphicon-transfer:before { content: "\e178"; } .glyphicon-cutlery:before { content: "\e179"; } .glyphicon-header:before { content: "\e180"; } .glyphicon-compressed:before { content: "\e181"; } .glyphicon-earphone:before { content: "\e182"; } .glyphicon-phone-alt:before { content: "\e183"; } .glyphicon-tower:before { content: "\e184"; } .glyphicon-stats:before { content: "\e185"; } .glyphicon-sd-video:before { content: "\e186"; } .glyphicon-hd-video:before { content: "\e187"; } .glyphicon-subtitles:before { content: "\e188"; } .glyphicon-sound-stereo:before { content: "\e189"; } .glyphicon-sound-dolby:before { content: "\e190"; } .glyphicon-sound-5-1:before { content: "\e191"; } .glyphicon-sound-6-1:before { content: "\e192"; } .glyphicon-sound-7-1:before { content: "\e193"; } .glyphicon-copyright-mark:before { content: "\e194"; } .glyphicon-registration-mark:before { content: "\e195"; } .glyphicon-cloud-download:before { content: "\e197"; } .glyphicon-cloud-upload:before { content: "\e198"; } .glyphicon-tree-conifer:before { content: "\e199"; } .glyphicon-tree-deciduous:before { content: "\e200"; } .glyphicon-cd:before { content: "\e201"; } .glyphicon-save-file:before { content: "\e202"; } .glyphicon-open-file:before { content: "\e203"; } .glyphicon-level-up:before { content: "\e204"; } .glyphicon-copy:before { content: "\e205"; } .glyphicon-paste:before { content: "\e206"; } .glyphicon-alert:before { content: "\e209"; } .glyphicon-equalizer:before { content: "\e210"; } .glyphicon-king:before { content: "\e211"; } .glyphicon-queen:before { content: "\e212"; } .glyphicon-pawn:before { content: "\e213"; } .glyphicon-bishop:before { content: "\e214"; } .glyphicon-knight:before { content: "\e215"; } .glyphicon-baby-formula:before { content: "\e216"; } .glyphicon-tent:before { content: "\26fa"; } .glyphicon-blackboard:before { content: "\e218"; } .glyphicon-bed:before { content: "\e219"; } .glyphicon-apple:before { content: "\f8ff"; } .glyphicon-erase:before { content: "\e221"; } .glyphicon-hourglass:before { content: "\231b"; } .glyphicon-lamp:before { content: "\e223"; } .glyphicon-duplicate:before { content: "\e224"; } .glyphicon-piggy-bank:before { content: "\e225"; } .glyphicon-scissors:before { content: "\e226"; } .glyphicon-bitcoin:before { content: "\e227"; } .glyphicon-btc:before { content: "\e227"; } .glyphicon-xbt:before { content: "\e227"; } .glyphicon-yen:before { content: "\00a5"; } .glyphicon-jpy:before { content: "\00a5"; } .glyphicon-ruble:before { content: "\20bd"; } .glyphicon-rub:before { content: "\20bd"; } .glyphicon-scale:before { content: "\e230"; } .glyphicon-ice-lolly:before { content: "\e231"; } .glyphicon-ice-lolly-tasted:before { content: "\e232"; } .glyphicon-education:before { content: "\e233"; } .glyphicon-option-horizontal:before { content: "\e234"; } .glyphicon-option-vertical:before { content: "\e235"; } .glyphicon-menu-hamburger:before { content: "\e236"; } .glyphicon-modal-window:before { content: "\e237"; } .glyphicon-oil:before { content: "\e238"; } .glyphicon-grain:before { content: "\e239"; } .glyphicon-sunglasses:before { content: "\e240"; } .glyphicon-text-size:before { content: "\e241"; } .glyphicon-text-color:before { content: "\e242"; } .glyphicon-text-background:before { content: "\e243"; } .glyphicon-object-align-top:before { content: "\e244"; } .glyphicon-object-align-bottom:before { content: "\e245"; } .glyphicon-object-align-horizontal:before { content: "\e246"; } .glyphicon-object-align-left:before { content: "\e247"; } .glyphicon-object-align-vertical:before { content: "\e248"; } .glyphicon-object-align-right:before { content: "\e249"; } .glyphicon-triangle-right:before { content: "\e250"; } .glyphicon-triangle-left:before { content: "\e251"; } .glyphicon-triangle-bottom:before { content: "\e252"; } .glyphicon-triangle-top:before { content: "\e253"; } .glyphicon-console:before { content: "\e254"; } .glyphicon-superscript:before { content: "\e255"; } .glyphicon-subscript:before { content: "\e256"; } .glyphicon-menu-left:before { content: "\e257"; } .glyphicon-menu-right:before { content: "\e258"; } .glyphicon-menu-down:before { content: "\e259"; } .glyphicon-menu-up:before { content: "\e260"; } @font-face { font-family: "startui"; src: url("../fonts/startui.eot"); src: url("../fonts/startui.eot?#iefix") format("embedded-opentype"), url("../fonts/startui.woff") format("woff"), url("../fonts/startui.ttf") format("truetype"), url("../fonts/startui.svg#startui") format("svg"); font-weight: normal; font-style: normal; } [data-icon]:before { content: attr(data-icon); font-family: "startui" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: inherit; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; vertical-align: middle; position: relative; top: -0.15em; } [class^="font-icon-"]:before, [class*=" font-icon-"]:before { font-family: "startui" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: inherit; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; vertical-align: middle; position: relative; top: -0.15em; } .font-icon-alarm:before { content: "\62"; } .font-icon-build:before { content: "\63"; } .font-icon-burger:before { content: "\64"; } .font-icon-calend:before { content: "\65"; } .font-icon-cart:before { content: "\66"; } .font-icon-cogwheel:before { content: "\67"; } .font-icon-comments:before { content: "\68"; } .font-icon-contacts:before { content: "\69"; } .font-icon-dashboard:before { content: "\6a"; } .font-icon-dots:before { content: "\6b"; } .font-icon-expand:before { content: "\6c"; } .font-icon-filter:before { content: "\6d"; } .font-icon-help:before { content: "\6e"; } .font-icon-home:before { content: "\6f"; } .font-icon-page:before { content: "\70"; } .font-icon-pencil:before { content: "\71"; } .font-icon-re:before { content: "\72"; } .font-icon-rollup:before { content: "\73"; } .font-icon-search:before { content: "\74"; } .font-icon-share:before { content: "\75"; } .font-icon-star:before { content: "\76"; } .font-icon-users:before { content: "\77"; } .font-icon-wallet:before { content: "\78"; } .font-icon-minus:before { content: "\79"; } .font-icon-pencil-thin:before { content: "\7a"; } .font-icon-close:before { content: "\41"; } .font-icon-speed:before { content: "\61"; } .font-icon-menu-addl:before { content: "\42"; } .font-icon-search:before { content: "\74"; } .font-icon-edit:before { content: "\43"; } .font-icon-chart:before { content: "\44"; } .font-icon-zigzag:before { content: "\45"; } .font-icon-tablet:before { content: "\46"; } .font-icon-widget:before { content: "\47"; } .font-icon-map:before { content: "\48"; } .font-icon-chart-2:before { content: "\49"; } .font-icon-doc:before { content: "\4a"; } .font-icon-question:before { content: "\4b"; } .font-icon-user:before { content: "\4c"; } .font-icon-notebook:before { content: "\4d"; } .font-icon-mail:before { content: "\4e"; } .font-icon-close-2:before { content: "\4f"; } .font-icon-pen:before { content: "\50"; } .font-icon-arrow-down:before { content: "\51"; } .font-icon-arrow-left:before { content: "\52"; } .font-icon-arrow-right:before { content: "\53"; } .font-icon-arrow-top:before { content: "\54"; } .font-icon-check-circle:before { content: "\55"; } .font-icon-cam-photo:before { content: "\56"; } .font-icon-cam-video:before { content: "\57"; } .font-icon-sound:before { content: "\58"; } .font-icon-earth:before { content: "\59"; } .font-icon-mail-2:before { content: "\5a"; } .font-icon-upload:before { content: "\30"; } .font-icon-dropbox:before { content: "\31"; } .font-icon-google-drive:before { content: "\32"; } .font-icon-yandex-disk:before { content: "\33"; } .font-icon-box:before { content: "\34"; } .font-icon-arrow-square-down:before { content: "\35"; } .font-icon-refresh:before { content: "\36"; } .font-icon-list-square:before { content: "\37"; } .font-icon-list-rotate:before { content: "\38"; } .font-icon-download:before { content: "\39"; } .font-icon-heart:before { content: "\21"; } .font-icon-check-bird:before { content: "\22"; } .font-icon-clock:before { content: "\23"; } .font-icon-trash:before { content: "\24"; } .font-icon-circle-lined-error:before { content: "\25"; } .font-icon-circle-lined-i:before { content: "\26"; } .font-icon-circle-lined-smile:before { content: "\27"; } .font-icon-circle-lined-success:before { content: "\28"; } .font-icon-one-drive:before { content: "\29"; } .font-icon-cloud-upload-2:before { content: "\2a"; } .font-icon-plus:before { content: "\2b"; } .font-icon-minus-1:before { content: "\2c"; } .font-icon-arrow-square-up:before { content: "\2d"; } .font-icon-revers:before { content: "\2e"; } .font-icon-import:before { content: "\2f"; } .font-icon-award:before { content: "\3a"; } .font-icon-case:before { content: "\3b"; } .font-icon-earth-bordered:before { content: "\3c"; } .font-icon-comment:before { content: "\3d"; } .font-icon-eye:before { content: "\3e"; } .font-icon-fb-fill:before { content: "\3f"; } .font-icon-in-fill:before { content: "\40"; } .font-icon-lamp:before { content: "\5b"; } .font-icon-picture:before { content: "\5d"; } .font-icon-pdf-fill:before { content: "\5e"; } .font-icon-notebook-bird:before { content: "\5f"; } .font-icon-quote:before { content: "\60"; } .font-icon-vk-fill:before { content: "\7b"; } .font-icon-video-fill:before { content: "\7c"; } .font-icon-tw-fill:before { content: "\7d"; } .font-icon-answer:before { content: "\7e"; } .font-icon-archive:before { content: "\5c"; } .font-icon-case-2:before { content: "\e000"; } .font-icon-clip:before { content: "\e001"; } .font-icon-cloud:before { content: "\e002"; } .font-icon-comments-2:before { content: "\e003"; } .font-icon-del:before { content: "\e004"; } .font-icon-event:before { content: "\e005"; } .font-icon-download-3:before { content: "\e006"; } .font-icon-download-2:before { content: "\e007"; } .font-icon-dots-vert-square:before { content: "\e008"; } .font-icon-fire:before { content: "\e009"; } .font-icon-folder:before { content: "\e00a"; } .font-icon-lock:before { content: "\e00b"; } .font-icon-ok:before { content: "\e00c"; } .font-icon-picture-2:before { content: "\e00d"; } .font-icon-pin:before { content: "\e00e"; } .font-icon-refresh-2:before { content: "\e00f"; } .font-icon-view-cascade:before { content: "\e010"; } .font-icon-users-group:before { content: "\e011"; } .font-icon-upload-2:before { content: "\e012"; } .font-icon-view-grid:before { content: "\e013"; } .font-icon-view-rows:before { content: "\e014"; } .font-icon-warning:before { content: "\e015"; } .font-icon-facebook:before { content: "\e016"; } .font-icon-instagram:before { content: "\e017"; } .font-icon-google-plus:before { content: "\e018"; } .font-icon-linkedin:before { content: "\e019"; } .font-icon-twitter:before { content: "\e01a"; } .font-icon-phone:before { content: "\e01b"; } .font-icon-gp-fill:before { content: "\e01c"; } .font-icon-ok-fill:before { content: "\e01d"; } .font-icon-editor-align-center:before { content: "\e01e"; } .font-icon-editor-align-justify:before { content: "\e01f"; } .font-icon-editor-align-left:before { content: "\e020"; } .font-icon-editor-align-right:before { content: "\e021"; } .font-icon-editor-bold:before { content: "\e022"; } .font-icon-editor-code:before { content: "\e023"; } .font-icon-editor-eraser:before { content: "\e024"; } .font-icon-editor-font:before { content: "\e025"; } .font-icon-editor-fullscreen:before { content: "\e026"; } .font-icon-editor-help:before { content: "\e027"; } .font-icon-editor-img:before { content: "\e028"; } .font-icon-editor-link:before { content: "\e029"; } .font-icon-editor-list:before { content: "\e02a"; } .font-icon-editor-magic:before { content: "\e02b"; } .font-icon-editor-numeric-list:before { content: "\e02c"; } .font-icon-editor-table:before { content: "\e02d"; } .font-icon-editor-underline:before { content: "\e02e"; } .font-icon-editor-video:before { content: "\e02f"; } .font-icon-alarm-2:before { content: "\e030"; } .font-icon-alarm-rotate:before { content: "\e031"; } .font-icon-binoculars:before { content: "\e032"; } .font-icon-cart-2:before { content: "\e033"; } .font-icon-card:before { content: "\e034"; } .font-icon-bookmark:before { content: "\e035"; } .font-icon-chart-3:before { content: "\e036"; } .font-icon-chart-4:before { content: "\e037"; } .font-icon-check-square:before { content: "\e038"; } .font-icon-del-circle:before { content: "\e039"; } .font-icon-comp:before { content: "\e03a"; } .font-icon-cloud-download:before { content: "\e03b"; } .font-icon-downloaded:before { content: "\e03c"; } .font-icon-link:before { content: "\e03d"; } .font-icon-i-circle:before { content: "\e03e"; } .font-icon-notebook-lines:before { content: "\e03f"; } .font-icon-pdf:before { content: "\e040"; } .font-icon-pen-square:before { content: "\e041"; } .font-icon-play-prev:before { content: "\e042"; } .font-icon-play-next:before { content: "\e043"; } .font-icon-play-circle:before { content: "\e044"; } .font-icon-play:before { content: "\e045"; } .font-icon-pin-2:before { content: "\e046"; } .font-icon-server:before { content: "\e047"; } .font-icon-warning-circle:before { content: "\e048"; } .font-icon-users-two:before { content: "\e049"; } .font-icon-weather-cloud:before { content: "\e04a"; } .font-icon-weather-cloud-circles:before { content: "\e04b"; } .font-icon-weather-cloud-drops-lightning:before { content: "\e04c"; } .font-icon-weather-cloud-moon:before { content: "\e04d"; } .font-icon-weather-cloud-one-circle:before { content: "\e04e"; } .font-icon-weather-cloud-one-drop:before { content: "\e04f"; } .font-icon-weather-cloud-rain-snow:before { content: "\e050"; } .font-icon-weather-cloud-sun:before { content: "\e051"; } .font-icon-weather-cloud-two-circles:before { content: "\e052"; } .font-icon-weather-cloud-two-drops:before { content: "\e053"; } .font-icon-weather-cloud-two-snow:before { content: "\e054"; } .font-icon-weather-clouds:before { content: "\e055"; } .font-icon-weather-clound-lightning:before { content: "\e056"; } .font-icon-weather-sun:before { content: "\e057"; } .font-icon-weather-snowflake:before { content: "\e058"; } .font-icon-weather-snow:before { content: "\e059"; } .font-icon-weather-rain:before { content: "\e05a"; } .font-icon-weather-one-snow:before { content: "\e05b"; } .font-icon-weather-moon-small-cloud:before { content: "\e05c"; } .font-icon-weather-moon-cloud-rain:before { content: "\e05d"; } .font-icon-weather-moon-cloud:before { content: "\e05e"; } .font-icon-weather-moon:before { content: "\e05f"; } .font-icon-weather-lightning:before { content: "\e060"; } .font-icon-weather-house-water:before { content: "\e061"; } .font-icon-weather-funnel:before { content: "\e062"; } .font-icon-weather-drop:before { content: "\e063"; } .font-icon-weather-sun-cloud:before { content: "\e064"; } .font-icon-weather-sun-clouds:before { content: "\e065"; } .font-icon-weather-sun-rain:before { content: "\e066"; } .font-icon-weather-thermometer:before { content: "\e067"; } .font-icon-weather-umbrella:before { content: "\e068"; } .font-icon-weather-waves:before { content: "\e069"; } .font-icon-wp:before { content: "\e06a"; } .font-icon-player-full-screen:before { content: "\e06b"; } .font-icon-player-next:before { content: "\e06c"; } .font-icon-player-settings:before { content: "\e06d"; } .font-icon-player-sound:before { content: "\e06e"; } .font-icon-player-subtitres:before { content: "\e06f"; } .font-icon-player-wide-screen:before { content: "\e070"; } .font-icon-case-3:before { content: "\e071"; } .font-icon-github:before { content: "\e072"; } .font-icon-learn:before { content: "\e073"; } .font-icon-play-next-square:before { content: "\e074"; } .font-icon-play-prev-square:before { content: "\e075"; } .font-icon-play-square:before { content: "\e076"; } .font-icon-picture-double:before { content: "\e077"; } .font-icon-snippet:before { content: "\e078"; } .font-icon-post:before { content: "\e079"; } .font-icon-plus-1:before { content: "\e07a"; } @font-face { font-family: 'Proxima Nova'; src: url('../fonts/Proxima_Nova_Regular.eot'); src: url('../fonts/Proxima_Nova_Regular.eot') format('embedded-opentype'), url('../fonts/Proxima_Nova_Regular.woff2') format('woff2'), url('../fonts/Proxima_Nova_Regular.woff') format('woff'), url('../fonts/Proxima_Nova_Regular.ttf') format('truetype'), url('../fonts/Proxima_Nova_Regular.svg#Proxima_Nova_Regular') format('svg'); font-style: normal; font-weight: 400; } @font-face { font-family: 'Proxima Nova'; src: url('../fonts/Proxima_Nova_Regular_Italic.eot'); src: url('../fonts/Proxima_Nova_Regular_Italic.eot') format('embedded-opentype'), url('../fonts/Proxima_Nova_Regular_Italic.woff2') format('woff2'), url('../fonts/Proxima_Nova_Regular_Italic.woff') format('woff'), url('../fonts/Proxima_Nova_Regular_Italic.ttf') format('truetype'), url('../fonts/Proxima_Nova_Regular_Italic.svg#Proxima_Nova_Regular_Italic') format('svg'); font-style: italic; font-weight: 400; } @font-face { font-family: 'Proxima Nova'; src: url('../fonts/Proxima_Nova_Bold.eot'); src: url('../fonts/Proxima_Nova_Bold.eot') format('embedded-opentype'), url('../fonts/Proxima_Nova_Bold.woff2') format('woff2'), url('../fonts/Proxima_Nova_Bold.woff') format('woff'), url('../fonts/Proxima_Nova_Bold.ttf') format('truetype'), url('../fonts/Proxima_Nova_Bold.svg#Proxima_Nova_Bold') format('svg'); font-style: normal; font-weight: 700; } @font-face { font-family: 'Proxima Nova'; src: url('../fonts/Proxima_Nova_Bold_Italic.eot'); src: url('../fonts/Proxima_Nova_Bold_Italic.eot') format('embedded-opentype'), url('../fonts/Proxima_Nova_Bold_Italic.woff2') format('woff2'), url('../fonts/Proxima_Nova_Bold_Italic.woff') format('woff'), url('../fonts/Proxima_Nova_Bold_Italic.ttf') format('truetype'), url('../fonts/Proxima_Nova_Bold_Italic.svg#Proxima_Nova_Bold_Italic') format('svg'); font-style: italic; font-weight: 700; } @font-face { font-family: 'Proxima Nova'; src: url('../fonts/Proxima_Nova_Semibold.eot'); src: url('../fonts/Proxima_Nova_Semibold.eot') format('embedded-opentype'), url('../fonts/Proxima_Nova_Semibold.woff2') format('woff2'), url('../fonts/Proxima_Nova_Semibold.woff') format('woff'), url('../fonts/Proxima_Nova_Semibold.ttf') format('truetype'), url('../fonts/Proxima_Nova_Semibold.svg#Proxima_Nova_Semibold') format('svg'); font-style: normal; font-weight: 600; } @font-face { font-family: 'Proxima Nova'; src: url('../fonts/Proxima_Nova_Semibold_Italic.eot'); src: url('../fonts/Proxima_Nova_Semibold_Italic.eot') format('embedded-opentype'), url('../fonts/Proxima_Nova_Semibold_Italic.woff2') format('woff2'), url('../fonts/Proxima_Nova_Semibold_Italic.woff') format('woff'), url('../fonts/Proxima_Nova_Semibold_Italic.ttf') format('truetype'), url('../fonts/Proxima_Nova_Semibold_Italic.svg#Proxima_Nova_Semibold_Italic') format('svg'); font-style: italic; font-weight: 600; } @font-face { font-family: 'Proxima Nova'; src: url('../fonts/Proxima_Nova_Light.eot'); src: url('../fonts/Proxima_Nova_Light.eot') format('embedded-opentype'), url('../fonts/Proxima_Nova_Light.woff2') format('woff2'), url('../fonts/Proxima_Nova_Light.woff') format('woff'), url('../fonts/Proxima_Nova_Light.ttf') format('truetype'), url('../fonts/Proxima_Nova_Light.svg#Proxima_Nova_Light') format('svg'); font-style: normal; font-weight: 300; } @font-face { font-family: 'Proxima Nova'; src: url('../fonts/Proxima_Nova_Light_Italic.eot'); src: url('../fonts/Proxima_Nova_Light_Italic.eot') format('embedded-opentype'), url('../fonts/Proxima_Nova_Light_Italic.woff2') format('woff2'), url('../fonts/Proxima_Nova_Light_Italic.woff') format('woff'), url('../fonts/Proxima_Nova_Light_Italic.ttf') format('truetype'), url('../fonts/Proxima_Nova_Light_Italic.svg#Proxima_Nova_Light_Italic') format('svg'); font-style: italic; font-weight: 300; } /* ========================================================================== Typography ========================================================================== */ html, body, button, input, select, textarea { color: #343434; font-family: 'Proxima Nova', sans-serif; line-height: 1.4; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; -o-font-smoothing: antialiased; } a, button { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } a, a:hover, a:focus { color: #0082c6; text-decoration: none; cursor: pointer; outline: none !important; } a:hover, a:hover:hover, a:focus:hover { text-decoration: none; } .color-black-blue { color: #323a44 !important; } .color-blue-grey { color: #6c7a86 !important; } .color-blue-grey-lighter { color: #919fa9 !important; } .color-blue { color: #00a8ff !important; } .color-purple { color: #ac6bec !important; } .color-yellow { color: #fed832 !important; } .color-lime { color: #afed3e !important; } .color-green { color: #46c35f !important; } .color-red { color: #fa424a !important; } .color-orange { color: #fdad2a !important; } .semibold { font-weight: 600; } .uppercase { text-transform: uppercase; } .font-16 { font-size: 1rem; } .font-14 { font-size: .875rem; } .font-11 { font-size: .6875rem; } h1, h2, h3, h4, h5, h6 { font-weight: 400; margin-bottom: 1.2rem; } h1 .text-muted, h2 .text-muted, h3 .text-muted, h4 .text-muted, h5 .text-muted, h6 .text-muted { display: inline; font-size: 80%; } h1 .text-muted.smaller, h2 .text-muted.smaller, h3 .text-muted.smaller, h4 .text-muted.smaller, h5 .text-muted.smaller, h6 .text-muted.smaller { font-size: 65%; } h1 .label, h2 .label, h3 .label, h4 .label, h5 .label, h6 .label { font-size: 75% !important; } h1.with-border, h2.with-border, h3.with-border, h4.with-border, h5.with-border, h6.with-border { border-bottom: solid 1px #d8e2e7; padding-bottom: .8rem; } h1 { font-size: 2.5rem /*40/16*/; margin-top: 0; } h2 { font-size: 2rem /*32/16*/; } h3 { font-size: 1.75rem /*28/16*/; } h4 { font-size: 1.5rem /*24/16*/; } h5 { font-size: 1.25rem; } h6 { font-size: 1rem /*16*/; } /* Текстовый блок произвольного форматирования */ .text-block { zoom: 1; *zoom: 1; font-size: 0.8125rem /*13/16*/; line-height: 1.4; } .text-block:before, .text-block:after { content: " "; display: table; } .text-block:after { clear: both; } .text-block.text-block-typical { font-size: 1rem; } .text-block p { margin: .8em 0; } .text-block a { text-decoration: none; color: #0082c6; border-bottom: solid 1px rgba(0, 130, 198, 0.3); } .text-block a:hover { border-bottom-color: transparent; } .text-block ul, .text-block ol { margin: .5em 0 .5em 1.5rem; } .text-block ul li, .text-block ol li { margin: 0 0 .5em; } .text-block ul li { padding: 0 0 0 0.8125rem /*13/16*/; position: relative; } .text-block ul li:before { content: ''; display: block; width: 5px; height: 5px; -webkit-border-radius: 50%; border-radius: 50%; background: #29313d; position: absolute; left: 0; top: .5em; } .text-block ul li ul { margin-bottom: 0; margin-left: 0.8125rem /*13/16*/; margin-top: .3em; } .text-block ul li li:before { background-color: #fff; border: solid 1px #29313d; } .text-block.bs { font-size: 1rem; } mark { background: #e4f6fe; } .blockquote { margin: 2rem 0; padding: 0.75rem /*12/16*/ 0 0.75rem /*12/16*/ 1.375rem /*22/16*/; border-left: solid 4px #00a8ff; background: #f6f8fa; font-size: 1rem; } .blockquote p { margin-top: 0; } .blockquote-footer { font-size: 0.8125rem /*13/16*/; } code { color: #6c7a86; background: #ecf2f5; padding: 0 .4rem 2px; font-size: .9rem; } pre.code { border: solid 2px #adb7be; padding: 1.375rem /*22/16*/; margin: 2rem 0; } /* ========================================================================== Forms ========================================================================== */ input[placeholder], [placeholder], *[placeholder] { color: #8e9fa7; } ::-webkit-input-placeholder { color: #8e9fa7 !important; } ::-moz-placeholder { color: #8e9fa7 !important; opacity: 1 !important; } :-moz-placeholder { color: #8e9fa7 !important; opacity: 1 !important; } ::-moz-placeholder { color: #8e9fa7 !important; } :-ms-input-placeholder { color: #8e9fa7 !important; } label { margin: 0; display: block; } label.error { color: #fa424a; } .form-label { display: block; margin-bottom: 6px; font-size: 1rem; } .form-label .font-icon { margin: 0 4px 0 0; color: #adb7be; } .form-control { border: solid 1px rgba(197, 214, 222, 0.7); -webkit-box-shadow: none; box-shadow: none; font-size: 1rem; color: #343434 !important; } .form-control:focus { border-color: #c5d6de; } .form-control.form-control-error { background-color: #fff6f6; border-color: #fa424a; color: #fa424a !important; } .form-control:disabled { background-color: #eceff4; } .form-control.form-control-rounded { -webkit-border-radius: 25rem; border-radius: 25rem; } .form-control.form-control-sm { padding-top: .225rem; padding-bottom: .225rem; } .form-control.form-control-success { border-color: #46c35f; background-position-y: 49%; } .form-control.form-control-danger { border-color: #fa424a; background-position-y: 49%; } .form-control.form-control-warning { border-color: #f29824; background-position-y: 49%; } .form-control.form-control-blue-fill { border-color: #00a8ff; background-color: #e4f6fe; } .form-control.form-control-green-fill { border-color: #46c35f; background-color: #edf9ee; } .form-control.form-control-red-fill { border-color: #fa424a; background-color: #feecec; } .form-control.form-control-purple-fill { border-color: #ac6bec; background-color: #eee2fc; } .form-control.form-control-orange-fill { border-color: #f29824; background-color: #fdf4e6; } textarea.form-control { resize: none; height: auto; } .input-group-addon { background-color: #f6f8fa; border-color: rgba(197, 214, 222, 0.7); font-size: 1rem; font-weight: 600; color: #6c7a86; } .error-list, .text-muted { font-size: 0.875rem /*14*/; color: #6c7a86; padding: 4px 0 0; display: block; } .form-group-radios { position: relative; } .form-group-radios .form-label, .form-group-radios .radio { margin-bottom: 15px; } .form-group-error *:not(a), .error *:not(a) { color: #fa424a; } .form-group-error .form-control, .error .form-control { border-color: #fa424a; } .form-group-error .form-control-wrapper .form-control, .error .form-control-wrapper .form-control { background-color: #fff6f6; } .form-group-error.form-group-checkbox .checkbox label, .error.form-group-checkbox .checkbox label { color: #343434; } .form-control-wrapper { position: relative; } .form-control-wrapper.form-control-icon-left .font-icon, .form-control-wrapper.form-control-icon-right .font-icon, .form-control-wrapper.form-control-icon-left .glyphicon, .form-control-wrapper.form-control-icon-right .glyphicon, .form-control-wrapper.form-control-icon-left .fa, .form-control-wrapper.form-control-icon-right .fa { width: 38px; height: 38px; line-height: 40px; text-align: center; position: absolute; top: 0; color: rgba(145, 159, 169, 0.7); } .form-control-wrapper.form-control-icon-left .form-control-lg + .font-icon, .form-control-wrapper.form-control-icon-right .form-control-lg + .font-icon, .form-control-wrapper.form-control-icon-left .form-control-lg + .glyphicon, .form-control-wrapper.form-control-icon-right .form-control-lg + .glyphicon, .form-control-wrapper.form-control-icon-left .form-control-lg + .fa, .form-control-wrapper.form-control-icon-right .form-control-lg + .fa { height: 48px; line-height: 48px; } .form-control-wrapper.form-control-icon-left .form-control-sm + .font-icon, .form-control-wrapper.form-control-icon-right .form-control-sm + .font-icon, .form-control-wrapper.form-control-icon-left .form-control-sm + .glyphicon, .form-control-wrapper.form-control-icon-right .form-control-sm + .glyphicon, .form-control-wrapper.form-control-icon-left .form-control-sm + .fa, .form-control-wrapper.form-control-icon-right .form-control-sm + .fa { height: 34px; line-height: 34px; } .form-control-wrapper.form-control-icon-left .form-control { padding-left: 36px; } .form-control-wrapper.form-control-icon-left .font-icon, .form-control-wrapper.form-control-icon-left .glyphicon, .form-control-wrapper.form-control-icon-left .fa { left: 0; } .form-control-wrapper.form-control-icon-right .form-control { padding-right: 36px; } .form-control-wrapper.form-control-icon-right .font-icon, .form-control-wrapper.form-control-icon-right .glyphicon, .form-control-wrapper.form-control-icon-right .fa { right: 0; } .form-tooltip-error { background: #f95858; color: #fff !important; padding: 5px 8px; -webkit-border-radius: 3px; border-radius: 3px; position: absolute; right: 0; bottom: 100%; margin-bottom: 8px; max-width: 230px; font-size: 0.875rem /*14*/; } .form-tooltip-error:before { content: ''; display: block; position: absolute; left: 50%; bottom: -4px; margin-left: -5px; width: 0; height: 0; border-style: solid; border-width: 5px 5px 0 5px; border-color: #f95858 transparent transparent transparent; } .form-tooltip-error * { color: #fff !important; } .form-group-checkbox .form-tooltip-error { right: 100%; bottom: 0; margin-bottom: 0; margin-right: 10px; min-width: 150px; } .form-group-checkbox .form-tooltip-error:before { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); margin: 0 !important; left: auto; right: -7px; bottom: 9px; } .form-label .form-tooltip-error { position: relative; display: inline-block; margin: -4px 0 -4px 8px; } .form-label .form-tooltip-error:before { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); bottom: 50%; margin: 0 0 -2px !important; left: -7px; } .form-error-text-block { background-color: #fff6f6; border: dashed 1px #fa424a; padding: 12px 14px 3px; color: #fa424a; margin: 0 0 1rem; font-size: 1rem; } .form-error-text-block li { margin: 0 0 10px; position: relative; padding: 0 0 0 12px; } .form-error-text-block li:before { content: ''; display: block; width: 5px; height: 5px; -webkit-border-radius: 50%; border-radius: 50%; background: #fa424a; position: absolute; left: 0; top: .5em; margin-top: -1px; } .has-success .form-label { color: #46c35f; } .has-danger .form-label { color: #fa424a; } .has-warning .form-label { color: #f29824; } /* ========================================================================== Datepicker ========================================================================== */ .input-group.date .input-group-addon { background-color: #dbe4ea; border-color: #dbe4ea; color: rgba(108, 122, 134, 0.7); -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .input-group.date .input-group-addon .font-icon { vertical-align: middle; font-size: 1.125rem /*18/16*/; position: relative; top: .08rem; } .input-group.date .bootstrap-datetimepicker-widget + .input-group-addon, .input-group.date .input-group-addon:hover { background-color: #00a8ff; border-color: #00a8ff; color: #fff; } .bootstrap-datetimepicker-widget { font-size: .8125rem; } .bootstrap-datetimepicker-widget table thead tr:first-child th:hover { background: none; color: #00a8ff !important; } .bootstrap-datetimepicker-widget table thead tr:first-child th.prev, .bootstrap-datetimepicker-widget table thead tr:first-child th.next { color: #adb7be; } .bootstrap-datetimepicker-widget table th, .bootstrap-datetimepicker-widget table td.day { width: 32px; height: 28px; line-height: 28px; } .bootstrap-datetimepicker-widget table th.dow { font-weight: 600; } .bootstrap-datetimepicker-widget table th.picker-switch { width: 165px; } .bootstrap-datetimepicker-widget table td.day:hover { background: none; color: #00a8ff; } .bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover { background-color: #00a8ff; color: #fff; } .bootstrap-datetimepicker-widget table td span.active { background: #00a8ff; } .bootstrap-datetimepicker-widget table td span:hover, .bootstrap-datetimepicker-widget table td.minute:hover { background-color: #dbe4ea; } .bootstrap-datetimepicker-widget table td span.timepicker-hour { background: none !important; } .bootstrap-datetimepicker-widget a[data-action].btn { padding: 0; background: none; color: #adb7be; border: none; -webkit-transition: none; -o-transition: none; transition: none; } .bootstrap-datetimepicker-widget a[data-action].btn:hover { color: #6c7a86; } .bootstrap-datetimepicker-widget .accordion-toggle span { color: rgba(108, 122, 134, 0.7); background: #dbe4ea; } .bootstrap-datetimepicker-widget .accordion-toggle span:hover { color: #fff; background-color: #00a8ff; } .bootstrap-datetimepicker-widget.dropdown-menu:before, .bootstrap-datetimepicker-widget.dropdown-menu:after { display: none; } .bootstrap-datetimepicker-widget .glyphicon-calendar, .bootstrap-datetimepicker-widget .glyphicon-time { font-family: "startui"; vertical-align: middle; } .bootstrap-datetimepicker-widget .glyphicon-calendar:before, .bootstrap-datetimepicker-widget .glyphicon-time:before { vertical-align: middle; position: relative; top: 0; } .bootstrap-datetimepicker-widget .glyphicon-calendar:before { content: "\65"; } .bootstrap-datetimepicker-widget .glyphicon-time:before { content: "\23"; } .bootstrap-datetimepicker-widget .glyphicon-chevron-down:before, .bootstrap-datetimepicker-widget .glyphicon-chevron-up:before { position: relative; top: 1px; } /* ========================================================================== Checkbox & Radio ========================================================================== */ .checkbox, .radio, .checkbox-slide, .checkbox-toggle, .checkbox-bird, .checkbox-detailed { position: relative; margin-bottom: .75rem; } .checkbox input, .radio input, .checkbox-slide input, .checkbox-toggle input, .checkbox-bird input, .checkbox-detailed input { position: absolute; visibility: hidden; } .checkbox input + label, .radio input + label, .checkbox-slide input + label, .checkbox-toggle input + label, .checkbox-bird input + label, .checkbox-detailed input + label { position: relative; display: inline-block; font-size: 1rem; min-height: 18px; line-height: 18px; cursor: pointer; } .checkbox input:disabled + label, .radio input:disabled + label, .checkbox-slide input:disabled + label, .checkbox-toggle input:disabled + label, .checkbox-bird input:disabled + label, .checkbox-detailed input:disabled + label { cursor: not-allowed; color: #8e9fa7; } .checkbox, .radio { cursor: default; } .checkbox input + label, .radio input + label { z-index: 2; padding: 0 0 0 24px; } .checkbox input + label:before, .radio input + label:before, .checkbox input + label:after, .radio input + label:after { content: ''; display: block; position: absolute; left: 0; top: 0; } .checkbox input + label:before, .radio input + label:before { width: 16px; height: 16px; background: #fff; border: solid 1px #c5d6de; } .checkbox input + label:hover:before, .radio input + label:hover:before { background-color: #d9f2ff; border-color: #00a8ff; } .checkbox input[type="checkbox"] + label:after, .radio input[type="checkbox"] + label:after { display: inline-block; width: 16px; height: 16px; font-family: "startui" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: inherit; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; vertical-align: middle; position: relative; top: -0.15em; position: absolute; text-align: center; top: 0; font-size: 11px; line-height: 16px; } .checkbox input[type="checkbox"] + label:before, .radio input[type="checkbox"] + label:before { -webkit-border-radius: 2px; border-radius: 2px; } .checkbox input[type="radio"] + label:before, .radio input[type="radio"] + label:before { -webkit-border-radius: 50%; border-radius: 50%; } .checkbox input:checked + label:before, .radio input:checked + label:before { border-color: #00a8ff; } .checkbox input[type="checkbox"]:checked + label:after, .radio input[type="checkbox"]:checked + label:after { content: "\22"; } .checkbox input[type="radio"]:checked + label:after, .radio input[type="radio"]:checked + label:after { width: 8px; height: 8px; background: #343434; -webkit-border-radius: 50%; border-radius: 50%; left: 4px; top: 4px; } .checkbox input:disabled + label:before, .radio input:disabled + label:before { background-color: #eceff4; border-color: #dbe4eb; } .checkbox input[type="checkbox"]:disabled + label:after, .radio input[type="checkbox"]:disabled + label:after { color: rgba(52, 52, 52, 0.4); } .checkbox input[type="radio"]:disabled + label:after, .radio input[type="radio"]:disabled + label:after { background-color: rgba(52, 52, 52, 0.4); } .checkbox.checkbox-only, .radio.checkbox-only { padding: 0; width: 16px; height: 16px; margin: 0; } .checkbox-slide input + label { padding: 0 0 0 52px; } .checkbox-slide input + label:before, .checkbox-slide input + label:after { content: ''; display: block; position: absolute; left: 0; top: 0; } .checkbox-slide input + label:before { left: 1px; top: 7px; width: 42px; height: 4px; -webkit-border-radius: 25rem; border-radius: 25rem; background: #929faa; -webkit-transition: background .4s ease; -o-transition: background .4s ease; transition: background .4s ease; } .checkbox-slide input + label:after { width: 20px; height: 20px; top: -1px; border: solid 1px #c5d6de; -webkit-border-radius: 50%; border-radius: 50%; -webkit-transition: left .4s ease; -o-transition: left .4s ease; transition: left .4s ease; background: #ffffff; background: -webkit-linear-gradient(top, #ffffff 0%, #e4f6ff 100%); background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e4f6ff)); background: -o-linear-gradient(top, #ffffff 0%, #e4f6ff 100%); background: linear-gradient(to bottom, #ffffff 0%, #e4f6ff 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e4f6ff', GradientType=0); } .checkbox-slide input + label:hover:after { border-color: #00a8ff; } .checkbox-slide input:checked + label:before { background-color: #343434; } .checkbox-slide input:checked + label:after { left: 24px; } .checkbox-slide input:disabled + label:before { background-color: #c6d6df; } .checkbox-slide input:disabled + label:after { background: #fcfefe; border-color: #c5d6de; background: -webkit-linear-gradient(top, #fcfefe 0%, #edf2f5 100%); background: -webkit-gradient(linear, left top, left bottom, from(#fcfefe), to(#edf2f5)); background: -o-linear-gradient(top, #fcfefe 0%, #edf2f5 100%); background: linear-gradient(to bottom, #fcfefe 0%, #edf2f5 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfefe', endColorstr='#edf2f5', GradientType=0); } .checkbox-toggle input + label { padding: 0 0 0 52px; } .checkbox-toggle input + label:before, .checkbox-toggle input + label:after { content: ''; display: block; -webkit-border-radius: 25rem; border-radius: 25rem; position: absolute; left: 0; top: -1px; height: 20px; } .checkbox-toggle input + label:before { width: 43px; background: #929faa; -webkit-transition: background .4s ease; -o-transition: background .4s ease; transition: background .4s ease; } .checkbox-toggle input + label:after { width: 20px; border: solid 1px #929faa; -webkit-transition: left .4s ease; -o-transition: left .4s ease; transition: left .4s ease; background: #ffffff; background: -webkit-linear-gradient(top, #ffffff 0%, #eef4f7 100%); background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#eef4f7)); background: -o-linear-gradient(top, #ffffff 0%, #eef4f7 100%); background: linear-gradient(to bottom, #ffffff 0%, #eef4f7 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eef4f7', GradientType=0); } .checkbox-toggle input + label:hover:after { border-color: #00a8ff; background: #ffffff; background: -webkit-linear-gradient(top, #ffffff 0%, #e9f8ff 100%); background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e9f8ff)); background: -o-linear-gradient(top, #ffffff 0%, #e9f8ff 100%); background: linear-gradient(to bottom, #ffffff 0%, #e9f8ff 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e9f8ff', GradientType=0); } .checkbox-toggle input:checked + label:before { background-color: #00a8ff; } .checkbox-toggle input:checked + label:after { left: 23px; border-color: #00a8ff; background: #ffffff; background: -webkit-linear-gradient(top, #ffffff 0%, #e9f8ff 100%); background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e9f8ff)); background: -o-linear-gradient(top, #ffffff 0%, #e9f8ff 100%); background: linear-gradient(to bottom, #ffffff 0%, #e9f8ff 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e9f8ff', GradientType=0); } .checkbox-toggle input:disabled + label:before { background-color: #dbe4eb; } .checkbox-toggle input:disabled + label:after { border-color: #dbe4eb; background: #ffffff; background: -webkit-linear-gradient(top, #ffffff 0%, #eef4f7 100%); background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#eef4f7)); background: -o-linear-gradient(top, #ffffff 0%, #eef4f7 100%); background: linear-gradient(to bottom, #ffffff 0%, #eef4f7 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eef4f7', GradientType=0); } .checkbox-toggle.-large { margin-top: 15px; } .checkbox-toggle.-large input + label { padding: 0 0 0 69px; position: relative; } .checkbox-toggle.-large input + label:before, .checkbox-toggle.-large input + label:after { -webkit-border-radius: 35rem; border-radius: 35rem; height: 30px; position: absolute; top: -6px; } .checkbox-toggle.-large input + label:before { width: 60px; } .checkbox-toggle.-large input + label:after { width: 30px; } .checkbox-toggle.-large input:checked + label:after { left: 30px; } .checkbox-toggle.-extra-large { margin-top: 27px; } .checkbox-toggle.-extra-large input + label { padding: 0 0 0 89px; position: relative; } .checkbox-toggle.-extra-large input + label:before, .checkbox-toggle.-extra-large input + label:after { -webkit-border-radius: 45rem; border-radius: 45rem; height: 40px; position: absolute; top: -12px; } .checkbox-toggle.-extra-large input + label:before { width: 80px; } .checkbox-toggle.-extra-large input + label:after { width: 40px; } .checkbox-toggle.-extra-large input:checked + label:after { left: 40px; } .checkbox-bird input + label { display: block; min-width: 20px; height: 20px; line-height: 20px; padding: 0 0 0 28px; position: relative; } .checkbox-bird input + label:before { font-family: "startui" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: inherit; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; vertical-align: middle; position: relative; top: -0.15em; content: "\55"; color: rgba(173, 183, 190, 0.7); font-size: 1.125rem /*18/16*/; position: absolute; left: 0; top: 0; display: block; width: 20px; height: 20px; } .checkbox-bird input:checked + label:before { color: #00a8ff; } .checkbox-bird.grey input:checked + label:before { color: #6b7a85; } .checkbox-bird.green input:checked + label:before { color: #46c35f; } .checkbox-bird.purple input:checked + label:before { color: #ac6bec; } .checkbox-bird.orange input:checked + label:before { color: #f29824; } .checkbox-bird.red input:checked + label:before { color: #fa424a; } .checkbox-detailed { display: inline-block; vertical-align: top; margin: 0 12px 12px 0; } .checkbox-detailed input + label { width: 200px; height: 84px; border: solid 1px #d8e2e7; -webkit-border-radius: 5px; border-radius: 5px; padding: 0 10px 0 50px; line-height: 1.4; } .checkbox-detailed input + label:before { content: ''; display: block; width: 12px; height: 12px; border: solid 1px #c5d6de; position: absolute; left: 19px; top: 50%; margin-top: -6px; -webkit-border-radius: 50%; border-radius: 50%; } .checkbox-detailed input:checked + label { background-color: #e4f6fe; border-color: #00a8ff; } .checkbox-detailed input:checked + label:before { border-color: #00a8ff; background-color: #00a8ff; } .checkbox-detailed .checkbox-detailed-tbl { display: table; width: 100%; height: 100%; } .checkbox-detailed .checkbox-detailed-cell { display: table-cell; vertical-align: middle; padding: 5px 0; } .checkbox-detailed .checkbox-detailed-title { font-weight: 600; display: block; } /* ========================================================================== Select ========================================================================== */ .btn-group.bootstrap-select .font-icon { display: inline-block; color: #929faa; margin: -2px 8px -2px 0; font-size: 16px; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; vertical-align: middle; position: relative; top: -0.05em; } .btn-group.bootstrap-select .user-item { position: relative; display: inline-block; vertical-align: top; min-height: 20px; padding: 0 0 0 21px; } .btn-group.bootstrap-select .user-item img { display: block; width: 20px; height: 20px; position: absolute; left: -5px; top: 0; -webkit-border-radius: 50%; border-radius: 50%; } .btn-group.bootstrap-select > .btn.dropdown-toggle { outline: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; background: #fff !important; font-weight: 400; color: #343434 !important; border-color: #d8e2e7 !important; padding-left: 0; vertical-align: middle; font-size: 1rem; text-align: left; padding-top: 0; padding-bottom: 0; } .btn-group.bootstrap-select > .btn.dropdown-toggle:after { display: none; } .btn-group.bootstrap-select > .btn.dropdown-toggle .filter-option { display: inline-block; position: relative; white-space: nowrap; padding-left: 1rem; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; max-width: 100%; padding-top: .375rem; padding-bottom: .375rem; margin: 0; } .btn-group.bootstrap-select > .btn.dropdown-toggle .bs-caret { position: absolute; right: 0; top: 0; height: 100%; width: 23px; text-align: center; background: #dbe4ea; } .btn-group.bootstrap-select > .btn.dropdown-toggle .bs-caret .caret { display: none !important; } .btn-group.bootstrap-select > .btn.dropdown-toggle .bs-caret:before, .btn-group.bootstrap-select > .btn.dropdown-toggle .bs-caret:after { content: ''; display: block; width: 0; height: 0; border-style: solid; position: absolute; left: 50%; margin-left: -3px; top: 50%; } .btn-group.bootstrap-select > .btn.dropdown-toggle .bs-caret:before { border-width: 0 3px 5px 3px; border-color: transparent transparent #6c7a86 transparent; margin-top: -6px; } .btn-group.bootstrap-select > .btn.dropdown-toggle .bs-caret:after { border-width: 5px 3px 0 3px; border-color: #6c7a86 transparent transparent transparent; margin-top: 1px; } .btn-group.bootstrap-select > .btn.dropdown-toggle .user-item img { top: 50%; margin-top: -10px; } .btn-group.bootstrap-select .dropdown-menu { border-top: none; -webkit-border-top-right-radius: 0; border-top-right-radius: 0; -webkit-border-top-left-radius: 0; border-top-left-radius: 0; margin-top: -1px; font-size: 1rem; padding: 0; } .btn-group.bootstrap-select .dropdown-menu a { display: block; padding: 5px 1rem; color: #343434; position: static; border: none; font-size: 1rem; font-weight: 400; } .btn-group.bootstrap-select .dropdown-menu a:hover { color: #00a8ff; } .btn-group.bootstrap-select .dropdown-menu a:hover .font-icon { color: #00a8ff; } .btn-group.bootstrap-select .dropdown-menu .dropdown-header { font-size: 1rem; text-transform: none; color: #343434; font-weight: 600; padding-left: 1rem; padding-right: 1rem; } .btn-group.bootstrap-select.open > .btn.dropdown-toggle { -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; border-bottom-color: #fff !important; } .btn-group.bootstrap-select.open > .btn.dropdown-toggle .bs-caret { background: none; } .btn-group.bootstrap-select.open.dropup > .btn.dropdown-toggle { -webkit-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; border-top-color: #fff !important; border-bottom-color: #d8e2e7 !important; } .btn-group.bootstrap-select.open.dropup .dropdown-menu { -webkit-border-radius: .25rem .25rem 0 0; border-radius: .25rem .25rem 0 0; border-top: solid 1px #d8e2e7; border-bottom: none; margin-bottom: -1px; } .btn-group.bootstrap-select.disabled { opacity: .65; } .btn-group.bootstrap-select.disabled > .btn.dropdown-toggle.disabled { opacity: 1; background-color: #dbe4ea !important; } .btn-group.bootstrap-select.disabled > .btn.dropdown-toggle.disabled .filter-option { color: #6c7a86; } .btn-group.bootstrap-select.bootstrap-select-arrow > .btn.dropdown-toggle .bs-caret { background: none; } .btn-group.bootstrap-select.bootstrap-select-arrow > .btn.dropdown-toggle .bs-caret:after { display: none; } .btn-group.bootstrap-select.bootstrap-select-arrow > .btn.dropdown-toggle .bs-caret:before { width: auto; height: auto; border: none; left: 0; margin-left: 0; top: 50% !important; margin-top: -8px; font-family: "startui" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: inherit; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; vertical-align: middle; position: relative; top: -0.15em; content: "\51"; color: #6c7a86; font-size: 0.6875rem /*11/16*/; text-align: left; } .select2, .select2-icon, .select2-photo, .select2-arrow { width: 100% !important; } .select2-dropdown { border-color: #d8e2e7; font-size: 1rem; } .select2-dropdown.select2-dropdown--above { border-bottom: none; -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; } .select2-results__option { padding: 5px 1rem; background: none !important; } .select2-results__option:hover { color: #00a8ff; } .select2-results__option[role="group"]:hover { color: #343434; } .select2-results__option[role="group"] .select2-results__option { padding-left: 2.25rem; } .select2-results__option[aria-selected="true"] { color: #00a8ff; } .select2-container--default .select2-selection--single, .select2-container--arrow .select2-selection--single, .select2-container--white .select2-selection--single { border: none; -webkit-border-radius: 0; border-radius: 0; height: auto; background: none; } .select2-container--default .select2-selection--single .select2-selection__rendered, .select2-container--arrow .select2-selection--single .select2-selection__rendered, .select2-container--white .select2-selection--single .select2-selection__rendered { border: solid 1px #d8e2e7; -webkit-border-radius: .25rem; border-radius: .25rem; font-size: 1rem; line-height: 1.5; color: #343434; padding: .375rem 25px .375rem 1rem; min-height: 38px; background: #fff; } .select2-container--default .select2-selection--single .select2-selection__rendered .user-item img, .select2-container--arrow .select2-selection--single .select2-selection__rendered .user-item img, .select2-container--white .select2-selection--single .select2-selection__rendered .user-item img { top: 50%; margin-top: -10px; } .select2-container--default .select2-selection--single .select2-selection__arrow, .select2-container--arrow .select2-selection--single .select2-selection__arrow, .select2-container--white .select2-selection--single .select2-selection__arrow { position: absolute; height: 100%; top: 0; right: 0; width: 23px; text-align: center; background: #dbe4ea; -webkit-border-radius: 0 .25rem .25rem 0; border-radius: 0 .25rem .25rem 0; } .select2-container--default .select2-selection--single .select2-selection__arrow:before, .select2-container--arrow .select2-selection--single .select2-selection__arrow:before, .select2-container--white .select2-selection--single .select2-selection__arrow:before, .select2-container--default .select2-selection--single .select2-selection__arrow:after, .select2-container--arrow .select2-selection--single .select2-selection__arrow:after, .select2-container--white .select2-selection--single .select2-selection__arrow:after { content: ''; display: block; width: 0; height: 0; border-style: solid; position: absolute; left: 50%; margin-left: -3px; top: 50%; } .select2-container--default .select2-selection--single .select2-selection__arrow:before, .select2-container--arrow .select2-selection--single .select2-selection__arrow:before, .select2-container--white .select2-selection--single .select2-selection__arrow:before { border-width: 0 3px 5px 3px; border-color: transparent transparent #6c7a86 transparent; margin-top: -6px; } .select2-container--default .select2-selection--single .select2-selection__arrow:after, .select2-container--arrow .select2-selection--single .select2-selection__arrow:after, .select2-container--white .select2-selection--single .select2-selection__arrow:after { border-width: 5px 3px 0 3px; border-color: #6c7a86 transparent transparent transparent; margin-top: 1px; } .select2-container--default .select2-selection--single .select2-selection__arrow b, .select2-container--arrow .select2-selection--single .select2-selection__arrow b, .select2-container--white .select2-selection--single .select2-selection__arrow b { display: none; } .select2-container--default .select2-results__group, .select2-container--arrow .select2-results__group, .select2-container--white .select2-results__group { font-weight: 600; padding: 5px 1rem; } .select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--arrow .select2-results__option--highlighted[aria-selected], .select2-container--white .select2-results__option--highlighted[aria-selected] { background: none; color: #00a8ff; } .select2-container--default .select2-results > .select2-results__options, .select2-container--arrow .select2-results > .select2-results__options, .select2-container--white .select2-results > .select2-results__options { max-height: 250px; } .select2-container--default .select2-search--inline .select2-search__field, .select2-container--arrow .select2-search--inline .select2-search__field, .select2-container--white .select2-search--inline .select2-search__field { font-size: 1rem; padding-left: 11px; } .select2-container--default .font-icon, .select2-container--arrow .font-icon, .select2-container--white .font-icon { display: inline-block; color: #929faa; margin: -2px 8px -2px 0; font-size: 1rem; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; vertical-align: middle; position: relative; top: -0.05em; } .select2-container--default .user-item, .select2-container--arrow .user-item, .select2-container--white .user-item { position: relative; display: inline-block; vertical-align: top; min-height: 20px; padding: 0 0 0 21px; } .select2-container--default .user-item img, .select2-container--arrow .user-item img, .select2-container--white .user-item img { display: block; width: 20px; height: 20px; position: absolute; left: -5px; top: 0; -webkit-border-radius: 50%; border-radius: 50%; } .select2-container--default.select2-container--open .select2-selection--single .select2-selection__rendered, .select2-container--arrow.select2-container--open .select2-selection--single .select2-selection__rendered, .select2-container--white.select2-container--open .select2-selection--single .select2-selection__rendered { border-bottom-color: #fff; -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; } .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow, .select2-container--arrow.select2-container--open .select2-selection--single .select2-selection__arrow, .select2-container--white.select2-container--open .select2-selection--single .select2-selection__arrow { background: none; } .select2-container--default.select2-container--open.select2-container--above .select2-selection--single .select2-selection__rendered, .select2-container--arrow.select2-container--open.select2-container--above .select2-selection--single .select2-selection__rendered, .select2-container--white.select2-container--open.select2-container--above .select2-selection--single .select2-selection__rendered { -webkit-border-radius: 0 0 .25rem .25rem; border-radius: 0 0 .25rem .25rem; border-top-color: #fff; border-bottom-color: #d8e2e7; } .select2-container--default.select2-container--disabled, .select2-container--arrow.select2-container--disabled, .select2-container--white.select2-container--disabled { opacity: .65; } .select2-container--default.select2-container--disabled .select2-selection--single, .select2-container--arrow.select2-container--disabled .select2-selection--single, .select2-container--white.select2-container--disabled .select2-selection--single { cursor: not-allowed; background: none; } .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__rendered, .select2-container--arrow.select2-container--disabled .select2-selection--single .select2-selection__rendered, .select2-container--white.select2-container--disabled .select2-selection--single .select2-selection__rendered { background-color: #dbe4ea; color: #6c7a86; } .select2-container--default.select2-container--disabled .user-item img, .select2-container--arrow.select2-container--disabled .user-item img, .select2-container--white.select2-container--disabled .user-item img { opacity: .7; } .select2-container--default .select2-selection--multiple, .select2-container--arrow .select2-selection--multiple, .select2-container--white .select2-selection--multiple { border-color: #d8e2e7; min-height: 38px; } .select2-container--default .select2-selection--multiple .select2-selection__choice, .select2-container--arrow .select2-selection--multiple .select2-selection__choice, .select2-container--white .select2-selection--multiple .select2-selection__choice { color: #fff; background: #919fa9; border: none; font-weight: 600; font-size: 1rem; padding: 0 2rem 0 .5rem; height: 26px; line-height: 26px; position: relative; } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove, .select2-container--arrow .select2-selection--multiple .select2-selection__choice__remove, .select2-container--white .select2-selection--multiple .select2-selection__choice__remove { position: absolute; right: 0; top: 1px; color: #fff !important; width: 1.5rem; text-align: center; font-size: 2rem; } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover, .select2-container--arrow .select2-selection--multiple .select2-selection__choice__remove:hover, .select2-container--white .select2-selection--multiple .select2-selection__choice__remove:hover { opacity: .7; } .select2-container--default.select2-container--focus .select2-selection--multiple, .select2-container--arrow.select2-container--focus .select2-selection--multiple, .select2-container--white.select2-container--focus .select2-selection--multiple { border-color: #c5d6de; } .select2-container--arrow .select2-selection--single .select2-selection__arrow { background: none; } .select2-container--arrow .select2-selection--single .select2-selection__arrow:after { display: none; } .select2-container--arrow .select2-selection--single .select2-selection__arrow:before { width: auto; height: auto; border: none; left: 0; margin-left: 0; top: 50% !important; margin-top: -8px; font-family: "startui" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: inherit; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; vertical-align: middle; position: relative; top: -0.15em; content: "\51"; color: #6c7a86; font-size: 0.6875rem /*11/16*/; text-align: left; } .select2-container--white .select2-selection--single .select2-selection__arrow { background: none; } /* ========================================================================== Upload ========================================================================== */ .uploading-list-title { font-size: 1rem; font-weight: 600; margin: 0; } .uploading-list .uploading-list-item { zoom: 1; *zoom: 1; padding: .9rem 0; border-top: solid 1px #d8e2e7; } .uploading-list .uploading-list-item:before, .uploading-list .uploading-list-item:after { content: " "; display: table; } .uploading-list .uploading-list-item:after { clear: both; } .uploading-list .uploading-list-item:first-child { border-top: none; } .uploading-list .uploading-list-item-wrapper { position: relative; padding: 0 20px 0 0; margin: 0 0 6px; } .uploading-list .uploading-list-item-name, .uploading-list .uploading-list-item-size { display: inline-block; vertical-align: top; white-space: nowrap; line-height: 1rem; } .uploading-list .uploading-list-item-name { padding-right: 15px; overflow: hidden; max-width: 100%; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .uploading-list .uploading-list-item-name .font-icon { color: #adb7be; margin: 0 5px 0 0; vertical-align: middle; font-size: 1rem; } .uploading-list .uploading-list-item-size { color: #919fa9; } .uploading-list .uploading-list-item-close { border: none; background: none; color: #dbe4ea; font-size: .75rem; position: absolute; right: 0; top: 2px; } .uploading-list .uploading-list-item-close:hover { color: #00a8ff; } .uploading-list .uploading-list-item-progress, .uploading-list .uploading-list-item-speed { font-size: .875rem; } .uploading-list .uploading-list-item-progress { float: left; } .uploading-list .uploading-list-item-speed { float: right; } .uploading-list .progress { margin-bottom: .4rem; } .uploading-list .progress { background-color: #f6f8fa; height: 5px; -webkit-border-radius: 0; border-radius: 0; color: #00a8ff; } .uploading-list .progress[value] { color: #00a8ff; } .uploading-list .progress[value]::-webkit-progress-value { background-color: #00a8ff; } .uploading-list .progress-bar { -webkit-border-radius: 0; border-radius: 0; background-color: #00a8ff; } .drop-zone { width: 205px; height: 205px; border: dashed 2px #adb7be; text-align: center; padding: 25px 0 0; } .drop-zone.dragover { border-color: #00a8ff; } .drop-zone .font-icon { line-height: 60px; color: #919fa9; font-size: 2.75rem; } .drop-zone .drop-zone-caption { font-size: 1rem; font-weight: 600; color: #919fa9; margin: 0 0 1rem; } .btn-file { position: relative; overflow: hidden; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; cursor: pointer; } .btn-file input[type="file"] { position: absolute; left: 0; top: 0; height: 200px; width: 1000px; opacity: 0; cursor: pointer; } .uploading-container { zoom: 1; *zoom: 1; padding: 15px 25px 15px 15px; } .uploading-container:before, .uploading-container:after { content: " "; display: table; } .uploading-container:after { clear: both; } .uploading-container .uploading-container-left { float: left; position: relative; z-index: 5; width: 220px; } .uploading-container .uploading-container-right { float: right; width: 100%; margin-left: -220px; } .uploading-container .uploading-container-right-in { margin-left: 220px; } @media (max-width: 544px) { .uploading-container .uploading-container-left, .uploading-container .uploading-container-right { float: none; width: auto; margin: 0; } .uploading-container .uploading-container-right-in { margin: 0; } .uploading-container .drop-zone { width: auto; margin: 0 0 1rem; } } /* ========================================================================== Typehead ========================================================================== */ .typeahead-button button .font-icon-search { vertical-align: middle; } .typeahead-filter button { -webkit-border-radius: 0; border-radius: 0; } .typeahead-list { padding: 4px 0 3px; } .typeahead-list > li.typeahead-group.active > a, .typeahead-list > li.typeahead-group > a, .typeahead-list > li.typeahead-group > a:focus, .typeahead-list > li.typeahead-group > a:hover { background-color: #f6f8fa; } .typeahead-item .row { margin: 0; } .typeahead-item .avatar { margin-right: 10px; } .typeahead-item .username { margin-right: 5px; } .typeahead-item small { font-size: .8125rem; } .typeahead-dropdown > li > a, .typeahead-list > li > a { padding: 3px .75rem; font-size: .9375rem; } var.result-container { font-size: .9375rem; } /* ========================================================================== Grids ========================================================================== */ .page-content { padding: 107px 15px 10px; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .dark-theme .page-content { padding-top: 77px; } .with-side-menu .page-content { padding-left: 255px; } @media (max-width: 991px) { .with-side-menu .page-content { padding-left: 0; padding-right: 0; } } .control-panel .page-content { padding-right: 62px; } .control-panel.open .page-content { padding-right: 295px; } .with-side-menu-compact .page-content { padding-left: 115px; } @media (max-width: 991px) { .with-side-menu-compact .page-content { padding-left: 0; padding-right: 0; } } .with-side-menu-addl .page-content { padding-left: 335px; } @media (max-width: 991px) { .with-side-menu-addl .page-content { padding-left: 0; padding-right: 0; } } .with-side-menu-addl-full .page-content { padding-left: 475px; } @media (max-width: 991px) { .with-side-menu-addl-full .page-content { padding-left: 0; padding-right: 0; } } @media (max-width: 991px) { .control-panel .page-content { padding-right: 45px; } } @media (max-width: 767px) { .control-panel-container { display: none; } .control-panel .page-content { padding-right: 0; } } .control-panel .control-panel-container { position: fixed; right: 0; top: 0; width: 44px; height: 100%; background: #F4F8FB; overflow: hidden; border-left: solid 1px #c5d6de; padding-top: 80px; } .control-panel .control-panel-container .icon-toggle { text-align: center; display: block; background: #DCE5EC; vertical-align: middle; height: 44px; line-height: 44px; } .control-panel .control-panel-container .icon-toggle .caret-down { display: none; } .control-panel .control-panel-container .icon-toggle:hover { background: #92A0AB; color: #fff; } .control-panel .control-panel-container .actions, .control-panel .control-panel-container .text { display: none; cursor: pointer; } .control-panel .control-panel-container .tasks .icon-toggle { line-height: 48px; } .control-panel .control-panel-container .emails .icon-toggle { line-height: 47px; } .control-panel .control-panel-container .add .icon-toggle { line-height: 48px; } .control-panel-container ul { display: table; width: 100%; } .control-panel-container li { display: table-row; height: auto; overflow: hidden; } .control-panel-container li a { color: #93A1AE; font-size: 1.2rem; } .control-panel-container li .control-item-header { display: table-cell; background: #DCE5EC; border-bottom: 1px solid #F3F7FA; overflow: hidden; vertical-align: middle; height: 44px; } .control-panel-container .control-panel-toggle { width: 100%; font-size: 1.6rem; color: #C5D1DD; display: block; position: absolute; bottom: 0; text-align: center; } .control-panel-container .control-panel-toggle.open { text-align: left; padding-left: 15px; } .control-panel-container .control-panel-toggle.open .fa:before { content: "\f101"; } .control-panel-container .control-item-content { display: none; } .control-panel.open .control-panel-container { width: 280px; } .control-panel.open .control-panel-container ul { display: block; } .control-panel.open .control-panel-container li { display: block; } .control-panel.open .control-panel-container li .control-item-header { display: block; background: #DCE5EC; border-bottom: 1px solid #F3F7FA; overflow: hidden; padding: 0 10px; vertical-align: middle; } .control-panel.open .control-panel-container .icon-toggle { border: none; display: inline-block; float: left; height: auto !important; width: 50px; text-align: left; position: relative; } .control-panel.open .control-panel-container .icon-toggle .caret-down { display: inline-block; font-size: 0.9rem; position: relative; margin-right: 3px; } .control-panel.open .control-panel-container .icon-toggle:hover { background: transparent; color: #92A0AB; } .control-panel.open .control-panel-container .text { float: left; display: block; line-height: 44px; } .control-panel.open .control-panel-container .actions { float: right; display: block; } .control-panel.open .control-panel-container .actions a { display: inline-block; margin-left: 4px; font-size: 1rem; line-height: 44px; } .control-panel.open .control-panel-container .actions a:hover { color: #0082c6; } .control-panel.open .control-panel-container .control-item-content { padding: 10px; background: #F3F7FA; display: none; } .control-panel.open .control-panel-container .control-item-content.open { display: block; } .control-panel.open .control-panel-container .control-item-content-text, .control-panel.open .control-panel-container .control-item-lists { border: 1px solid #e0e0e0; -webkit-border-radius: 3px; border-radius: 3px; background: #fff; font-size: 0.9rem; } .control-panel.open .control-panel-container .control-item-lists li { border-bottom: 1px solid #e0e0e0; position: relative; } .control-panel.open .control-panel-container .control-item-lists li:after { font-family: FontAwesome; content: "\f0e0"; position: absolute; top: 8px; right: 11px; font-size: 0.9rem; color: #C8D5DB; } .control-panel.open .control-panel-container .control-item-lists li:last-child { border-bottom: none; } .control-panel.open .control-panel-container .control-item-lists li > a, .control-panel.open .control-panel-container .control-item-content-text { padding: 8px 11px; display: block; font-size: 0.9rem; } .control-panel.open .control-panel-container .control-item-lists li h6 { margin-bottom: 0 !important; color: #343434; font-weight: 600; } .control-panel.open .control-panel-container .control-item-lists li p { font-size: 0.9rem !important; margin-bottom: 0 !important; color: #343434; } .control-panel.open .control-panel-container .control-item-actions { overflow: hidden; height: auto; margin-bottom: 10px; } .control-panel.open .control-panel-container .control-item-actions .link { font-size: 0.9rem; float: left; color: #2A9DE0; } .control-panel.open .control-panel-container .control-item-actions .mark { font-size: 0.9rem; float: right; background: #D5DCE2; -webkit-border-radius: 3px; border-radius: 3px; color: #343434; padding: 0 5px; } .control-panel.open .control-panel-container .control-item-actions .mark:hover { background: #2A9DE0; color: #fff; } .control-panel.open .control-panel-container .message { font-size: 0.9rem; } .control-panel.open .control-panel-container .message span { float: left; } .control-panel.open .control-panel-container .message a { float: right; font-size: 0.9rem; } .control-panel.open .control-panel-container a.reply-all { position: absolute; right: 0; bottom: 0; } .control-panel.open .control-panel-container a.reply-all:hover { color: #0082c6; } .page-center { display: table; width: 100%; border-collapse: collapse; } .page-center-in { display: table-cell; vertical-align: middle; padding: 15px 0; } .box-typical-center { display: table; width: 100%; height: 100%; border-collapse: collapse; } .box-typical-center-in { display: table-cell; vertical-align: middle; padding: 15px; } .col-xxl-1, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9, .col-xxl-10, .col-xxl-11, .col-xxl-12 { position: relative; min-height: 1px; padding-right: .9375rem; padding-left: .9375rem; } @media (min-width: 1500px) { .col-xxl-1, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9, .col-xxl-10, .col-xxl-11, .col-xxl-12 { float: left; } .col-xxl-1 { width: 8.333333%; } .col-xxl-2 { width: 16.666667%; } .col-xxl-3 { width: 25%; } .col-xxl-4 { width: 33.333333%; } .col-xxl-5 { width: 41.666667%; } .col-xxl-6 { width: 50%; } .col-xxl-7 { width: 58.333333%; } .col-xxl-8 { width: 66.666667%; } .col-xxl-9 { width: 75%; } .col-xxl-10 { width: 83.333333%; } .col-xxl-11 { width: 91.666667%; } .col-xxl-12 { width: 100%; } } @media (min-width: 1500px) { .hidden-xxl-up { display: none !important; } } .hidden-xxl-down { display: none !important; } /* ========================================================================== Interface ========================================================================== */ hr { border-top-color: #d8e2e7; margin: 2em 0; } hr.dashed { border-top-style: dashed; } hr.margin-4 { margin: 4em 0; } /* ========================================================================== Dropdown ========================================================================== */ .dropdown-menu { border-color: #d8e2e7; margin-top: 6px; font-size: 0.8125rem /*13/16*/; } .dropup .dropdown-menu { margin-bottom: 6px; } .dropdown-menu-col { float: left; width: 50%; } .dropdown-header, .dropdown-item { padding: 4px 12px; } .dropdown-header { text-transform: uppercase; font-weight: 600; color: #6c7a86; font-size: 0.875rem /*14/16*/; } .dropdown-item { font-size: 0.9375rem /*15/16*/; } .dropdown-item .font-icon { margin: 0 8px 0 0; color: #adb7be; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; font-size: 16px; vertical-align: middle; line-height: 16px; position: relative; top: -1px; } .dropdown-item:hover, .dropdown-item.current { background: none; color: #00a8ff; } .dropdown-item:hover .font-icon, .dropdown-item.current .font-icon { color: #00a8ff; } .dropdown-item.no-nowrap { white-space: normal; line-height: 1.3; } .dropdown.dropdown-typical { position: relative; } .dropdown.dropdown-typical a.dropdown-toggle { color: #343434; font-weight: 600; padding-right: 15px; padding-left: 15px; } .dropdown.dropdown-typical a.dropdown-toggle:after, .dropdown.dropdown-typical a.dropdown-toggle .font-icon { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .dropdown.dropdown-typical a.dropdown-toggle:after { color: #adb7be; border-top: 5px solid; border-right: 4px solid transparent; border-left: 4px solid transparent; position: relative; top: -1px; } .dropdown.dropdown-typical a.dropdown-toggle .font-icon { vertical-align: middle; margin: 0 6px 0 0; color: #adb7be; font-size: 16px; line-height: 16px; position: relative; top: -1px; } .dropdown.dropdown-typical a.dropdown-toggle.dropdown-toggle-txt { font-weight: 400; color: #00a8ff; font-size: 0.9375rem /*15/16*/; } .dropdown.dropdown-typical a.dropdown-toggle.dropdown-toggle-txt:after { display: none; } .dropdown.dropdown-typical.open a.dropdown-toggle, .dropdown.dropdown-typical a.dropdown-toggle:hover { color: #00a8ff; } .dropdown.dropdown-typical.open a.dropdown-toggle:after, .dropdown.dropdown-typical a.dropdown-toggle:hover:after, .dropdown.dropdown-typical.open a.dropdown-toggle .font-icon, .dropdown.dropdown-typical a.dropdown-toggle:hover .font-icon { color: #00a8ff; } .dropdown.dropdown-typical .dropdown-header, .dropdown.dropdown-typical .dropdown-item { padding: 3px 14px; } .dropdown.dropdown-typical .dropdown-item { font-size: 0.9375rem /*15/16*/; } .dropdown.dropdown-typical .dropdown-menu { margin-top: 2px; min-width: 100%; } .dropdown.dropdown-typical .dropdown-more { position: relative; } .dropdown.dropdown-typical .dropdown-more .dropdown-more-caption { padding: 3px 12px; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; cursor: pointer; position: relative; font-size: 15px; } .dropdown.dropdown-typical .dropdown-more .dropdown-more-caption:before { content: ''; display: block; position: absolute; right: 10px; top: 50%; margin-top: -3px; width: 0; height: 0; border-style: solid; border-width: 4px 0 4px 5px; border-color: transparent transparent transparent #adb7be; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .dropdown.dropdown-typical .dropdown-more .dropdown-more-caption.padding { padding-left: 37px; } .dropdown.dropdown-typical .dropdown-more .dropdown-more-sub { display: none; position: absolute; top: -4px; left: 100%; padding: 0 0 0 4px; margin: 0 0 0 -3px; } .dropdown.dropdown-typical .dropdown-more .dropdown-more-sub-in { background: #fff; border: solid 1px #d8e2e7; border-left: none; -webkit-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; padding-top: 4px; padding-bottom: 4px; } .dropdown.dropdown-typical .dropdown-more:hover .dropdown-more-caption { color: #00a8ff; } .dropdown.dropdown-typical .dropdown-more:hover .dropdown-more-caption:before { border-left-color: #00a8ff; } .dropdown.dropdown-typical .dropdown-more:hover .dropdown-more-sub { display: block; } .dropdown.dropdown-status { display: inline-block; } .dropdown.dropdown-status .btn.dropdown-toggle { height: 22px; font-size: 0.8125rem /*13/16*/; padding: 0 7px; } .dropdown.dropdown-status .btn.dropdown-toggle.btn-danger { background-color: #fa424a !important; border-color: #fa424a !important; } .dropdown.dropdown-status .btn.dropdown-toggle.btn-primary { background-color: #00a8ff !important; border-color: #00a8ff !important; } .dropdown.dropdown-status .btn.dropdown-toggle.btn-success { background-color: #46c35f !important; border-color: #46c35f !important; } .dropdown.dropdown-status .btn.dropdown-toggle.btn-warning { background-color: #f29824 !important; border-color: #f29824 !important; } .dropdown.dropdown-status .dropdown-menu { margin-left: -5px; } .dropdown.dropdown-status .dropdown-menu a.dropdown-item { font-weight: 400; border: none; } .dropdown-toggle .caret { display: none; } /* ========================================================================== Buttons ========================================================================== */ .btn { -webkit-border-radius: 3px; border-radius: 3px; border: solid 1px #00a8ff; background: #00a8ff; color: #fff; font-weight: 600; } .btn:hover { background-color: #16b4fc; border-color: #16b4fc; } .btn:active { background-color: #00a1f3; border-color: #00a1f3; } .btn:disabled, .btn.disabled { background-color: #dbe4ea; border-color: #dbe4ea; color: #6c7a86; } .btn.active { background-color: #0090d9; border-color: #0090d9; } .btn.active:hover { background-color: #007fc0; border-color: #007fc0; } .btn.btn-rounded { -webkit-border-radius: 25rem; border-radius: 25rem; } .btn.dropdown-toggle, .btn.dropdown-toggle:focus, .btn.btn-grey { background-color: #dbe4ea; border-color: #dbe4ea; color: #6c7a86; -webkit-transition: none; -o-transition: none; transition: none; } .btn-group.open .btn.dropdown-toggle, .btn-group.open .btn.dropdown-toggle:focus, .btn-group.open .btn.btn-grey, .dropdown.open .btn.dropdown-toggle, .dropdown.open .btn.dropdown-toggle:focus, .dropdown.open .btn.btn-grey { color: #fff; background-color: #00a8ff; border-color: #00a8ff; } .btn-group.open .btn.dropdown-toggle:after, .btn-group.open .btn.dropdown-toggle:focus:after, .btn-group.open .btn.btn-grey:after, .dropdown.open .btn.dropdown-toggle:after, .dropdown.open .btn.dropdown-toggle:focus:after, .dropdown.open .btn.btn-grey:after { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .btn-group.open .btn.dropdown-toggle.btn-default-outline, .btn-group.open .btn.dropdown-toggle:focus.btn-default-outline, .btn-group.open .btn.btn-grey.btn-default-outline, .dropdown.open .btn.dropdown-toggle.btn-default-outline, .dropdown.open .btn.dropdown-toggle:focus.btn-default-outline, .dropdown.open .btn.btn-grey.btn-default-outline { background-color: #d8e2e7; color: #919fa9; border-color: #d8e2e7; } .btn-group.open .btn.dropdown-toggle.btn-default-outline:hover, .btn-group.open .btn.dropdown-toggle:focus.btn-default-outline:hover, .btn-group.open .btn.btn-grey.btn-default-outline:hover, .dropdown.open .btn.dropdown-toggle.btn-default-outline:hover, .dropdown.open .btn.dropdown-toggle:focus.btn-default-outline:hover, .dropdown.open .btn.btn-grey.btn-default-outline:hover { background-color: #d8e2e7; color: #6c7a86 !important; } .btn.dropdown-toggle.btn-default-outline, .btn.dropdown-toggle:focus.btn-default-outline, .btn.btn-grey.btn-default-outline { color: #919fa9; border-color: #d8e2e7; } .btn.dropdown-toggle.btn-default-outline:hover, .btn.dropdown-toggle:focus.btn-default-outline:hover, .btn.btn-grey.btn-default-outline:hover { background-color: #d8e2e7; color: #6c7a86 !important; } .btn.btn-default, .btn.btn-primary, .btn.btn-secondary, .btn.btn-success, .btn.btn-info, .btn.btn-warning, .btn.btn-danger { color: #fff !important; } .btn.btn-default { background-color: #adb7be; border-color: #adb7be; } .btn.btn-default:hover { background-color: #bec6cc; border-color: #bec6cc; } .btn.btn-primary { background-color: #00a8ff; border-color: #00a8ff; } .btn.btn-primary:hover { background-color: #16b4fc; border-color: #16b4fc; } .btn.btn-secondary { background-color: #6b7a85; border-color: #6b7a85; } .btn.btn-secondary:hover { background-color: #7a8994; border-color: #7a8994; } .btn.btn-success { background-color: #46c35f; border-color: #46c35f; } .btn.btn-success:hover { background-color: #5dca73; border-color: #5dca73; } .btn.btn-info { background-color: #ac6bec; border-color: #ac6bec; } .btn.btn-info:hover { background-color: #bb86ef; border-color: #bb86ef; } .btn.btn-warning { background-color: #f29824; border-color: #f29824; } .btn.btn-warning:hover { background-color: #f4a641; border-color: #f4a641; } .btn.btn-danger { background-color: #fa424a; border-color: #fa424a; } .btn.btn-danger:hover { background-color: #fb6067; border-color: #fb6067; } .btn.btn-default-outline, .btn.btn-primary-outline, .btn.btn-secondary-outline, .btn.btn-success-outline, .btn.btn-info-outline, .btn.btn-warning-outline, .btn.btn-danger-outline { background-color: #fff; } .btn.btn-default-outline:focus, .btn.btn-primary-outline:focus, .btn.btn-secondary-outline:focus, .btn.btn-success-outline:focus, .btn.btn-info-outline:focus, .btn.btn-warning-outline:focus, .btn.btn-danger-outline:focus { background-color: #fff; } .btn.btn-default-outline:hover, .btn.btn-primary-outline:hover, .btn.btn-secondary-outline:hover, .btn.btn-success-outline:hover, .btn.btn-info-outline:hover, .btn.btn-warning-outline:hover, .btn.btn-danger-outline:hover { color: #fff !important; } .btn.btn-primary-outline, .btn.btn-primary-outline:focus { color: #00a8ff; border-color: #00a8ff; } .btn.btn-primary-outline:hover, .btn.btn-primary-outline:focus:hover { background-color: #00a8ff; } .btn.btn-secondary-outline { color: #6b7a85; border-color: #6b7a85; } .btn.btn-secondary-outline:hover { background-color: #6b7a85; } .btn.btn-success-outline { color: #46c35f; border-color: #46c35f; } .btn.btn-success-outline:hover { background-color: #46c35f; } .btn.btn-info-outline { color: #ac6bec; border-color: #ac6bec; } .btn.btn-info-outline:hover { background-color: #ac6bec; } .btn.btn-warning-outline { color: #f29824; border-color: #f29824; } .btn.btn-warning-outline:hover { background-color: #f29824; } .btn.btn-danger-outline { color: #fa424a; border-color: #fa424a; } .btn.btn-danger-outline:hover { background-color: #fa424a; } .btn.btn-default-outline { color: #919fa9; border-color: #d8e2e7; } .btn.btn-default-outline:hover { background-color: #d8e2e7; color: #6c7a86 !important; } .btn.btn-bordered { background-color: #fff; } .btn.btn-select { background: #fff; border-color: #d8e2e7; color: #343434; font-weight: 400; } .btn.btn-select:hover { background-color: #f6f8fa; } .btn.btn-inline { margin-right: 8px; margin-bottom: 8px; } .btn .font-icon-left { margin: 0 5px 0 0; position: relative; top: 1px; } a.btn:hover, a.btn:focus { color: #fff; } .btn-square-icon { min-width: 80px; height: 60px; border: solid 1px #d8e2e7; background: #f6f8fa; padding: 4px 10px 0; color: #6c7a86; position: relative; margin: 0 6px 10px 0; vertical-align: middle; text-align: center; } .btn-square-icon .fa { display: block; margin: 0 0 2px; } .btn-square-icon .label { padding-left: .5em; padding-right: .5em; position: absolute; right: -5px; top: -5px; } .btn-square-icon:hover { background-color: #ecf2f5; } .btn-square-icon.btn-square-icon-rounded { -webkit-border-radius: .25rem; border-radius: .25rem; } a.btn-square-icon { display: inline-block; color: #6c7a86; padding-top: 11px; } /* ========================================================================== Labels ========================================================================== */ .label { font-size: 0.875rem /*14/16*/; /*vertical-align: middle; position: relative; top: -.1em;*/ font-weight: 600; background-color: #adb7be; } h1 .label, h2 .label, h3 .label, h4 .label, h5 .label, h6 .label { font-size: inherit; } .label-default { background-color: #6c7a86; } .label-danger { background-color: #fa424a; } .label-primary { background-color: #00a8ff; } .label-success { background-color: #46c35f; } .label-default { background-color: #adb7be; } .label-warning { background-color: #fdad2a; } .label-info { background-color: #ac6bec; } .label-light-grey { background-color: #eceff4; color: #919fa9; } a.label-light-grey:hover { color: #fff; background-color: #00a8ff; } .label.label-pill.label-custom { padding: 3px 6px 2px; font-size: .8125rem; } /* ========================================================================== Tables ========================================================================== */ .tbl-typical { width: 100%; border-collapse: collapse; } .tbl-typical th, .tbl-typical td { padding: 14px 15px; } .tbl-typical th[align="center"], .tbl-typical td[align="center"] { text-align: center; } .tbl-typical th { background: #f6f8fa; border-bottom: solid 1px #d8e2e7; padding: 0; font-weight: 700; color: #6c7a86; font-size: 1rem; } .tbl-typical th > div { position: relative; padding: 8px 15px; } .tbl-typical th > div:before { content: ''; display: block; width: 1px; height: 85%; position: absolute; left: 0; bottom: 0; background: -webkit-linear-gradient(top, rgba(216, 226, 231, 0) 0%, #d8e2e7 77%, #d8e2e7 100%); background: -webkit-gradient(linear, left top, left bottom, from(rgba(216, 226, 231, 0)), color-stop(77%, #d8e2e7), to(#d8e2e7)); background: -o-linear-gradient(top, rgba(216, 226, 231, 0) 0%, #d8e2e7 77%, #d8e2e7 100%); background: linear-gradient(to bottom, rgba(216, 226, 231, 0) 0%, #d8e2e7 77%, #d8e2e7 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00d8e2e7', endColorstr='#d8e2e7', GradientType=0); } .tbl-typical th:first-child > div:before { display: none; } .tbl-typical td { font-size: .9375rem; } .tbl-typical tr:nth-child(even) td { background: #fbfcfd; } .tbl-typical .label { margin-top: 2px; margin-bottom: 2px; } .table, .bootstrap-table .table, .fixed-table-body .table { font-size: 0.9375rem /*14/16*/; margin-bottom: 0; background: #fff; } .table th, .bootstrap-table .table th, .fixed-table-body .table th, .table td, .bootstrap-table .table td, .fixed-table-body .table td { vertical-align: middle; border-top-color: #d8e2e7; padding: 11px 10px 10px; } .table th, .bootstrap-table .table th, .fixed-table-body .table th { font-weight: 700; } .table td, .bootstrap-table .table td, .fixed-table-body .table td { height: 50px; } .table thead th, .bootstrap-table .table thead th, .fixed-table-body .table thead th { border-bottom: none; padding-top: 10px; padding-bottom: 9px; background: #f6f8fa; } .table thead th.table-check .checkbox, .bootstrap-table .table thead th.table-check .checkbox, .fixed-table-body .table thead th.table-check .checkbox { top: -2px; } .table .table-check, .bootstrap-table .table .table-check, .fixed-table-body .table .table-check { width: 30px; padding-right: 0; padding-left: 15px; padding-top: 10px; } .table .table-check .checkbox, .bootstrap-table .table .table-check .checkbox, .fixed-table-body .table .table-check .checkbox { float: right; top: -1px; } .table .table-date, .bootstrap-table .table .table-date, .fixed-table-body .table .table-date { text-align: right; white-space: nowrap; width: 10px; color: #919fa9; } .table .table-date .font-icon, .bootstrap-table .table .table-date .font-icon, .fixed-table-body .table .table-date .font-icon { vertical-align: middle; margin: 0 0 0 3px; position: relative; top: 1px; font-size: .875rem; } .table .table-photo, .bootstrap-table .table .table-photo, .fixed-table-body .table .table-photo { padding-right: 15px; width: 22px; padding-top: 10px; } .table .table-photo img, .bootstrap-table .table .table-photo img, .fixed-table-body .table .table-photo img { display: block; width: 32px; height: 32px; -webkit-border-radius: 50%; border-radius: 50%; } .table .table-icon-cell, .bootstrap-table .table .table-icon-cell, .fixed-table-body .table .table-icon-cell { color: #919fa9; } .table .table-icon-cell .font-icon, .bootstrap-table .table .table-icon-cell .font-icon, .fixed-table-body .table .table-icon-cell .font-icon { position: relative; } .table td.table-icon-cell, .bootstrap-table .table td.table-icon-cell, .fixed-table-body .table td.table-icon-cell { padding-bottom: 10px; } .table td.table-icon-cell .font-icon, .bootstrap-table .table td.table-icon-cell .font-icon, .fixed-table-body .table td.table-icon-cell .font-icon { top: 1px; } .table th.table-icon-cell .font-icon, .bootstrap-table .table th.table-icon-cell .font-icon, .fixed-table-body .table th.table-icon-cell .font-icon { top: 2px; } .table a, .bootstrap-table .table a, .fixed-table-body .table a { border-bottom: solid 1px rgba(0, 130, 198, 0.5); position: relative; top: -1px; } .table a:hover, .bootstrap-table .table a:hover, .fixed-table-body .table a:hover { border-bottom-color: transparent; } .table.table-sm td { height: auto; padding: 8px 10px; } .table.table-xs td { height: auto; padding: 5px 10px; } .bootstrap-table-header { display: inline-block; font-weight: bold; margin-right: 10px !important; position: relative; top: 1px; } .table td { padding-bottom: 8px; } .table.font-16 { font-size: 1rem; } .table-hover tbody tr:hover { background: #fbfcfd; } .table-striped tbody tr:nth-of-type(odd) { background: none; } .table-striped tbody tr:nth-of-type(even) { background-color: #fbfcfd; } .table-active, .table-active > td, .table-active > th { background-color: #ecf2f5; } .table-success, .table-success > td, .table-success > th { background-color: #edf9ee; } .table-warning, .table-warning > td, .table-warning > th { background-color: #fdf4e6; } .table-danger, .table-danger > td, .table-danger > th { background-color: #feecec; } .table-info, .table-info > td, .table-info > th { background-color: #e4f6fe; } .table-hover .table-active:hover, .table-hover .table-active:hover > td, .table-hover .table-active:hover > th { background-color: #dbe7ec; } .table-hover .table-success:hover, .table-hover .table-success:hover > td, .table-hover .table-success:hover > th { background-color: #daf3dc; } .table-hover .table-warning:hover, .table-hover .table-warning:hover > td, .table-hover .table-warning:hover > th { background-color: #fbeace; } .table-hover .table-danger:hover, .table-hover .table-danger:hover > td, .table-hover .table-danger:hover > th { background-color: #fdd4d4; } .table-hover .table-info:hover, .table-hover .table-info:hover > td, .table-hover .table-info:hover > th { background-color: #cbeefd; } .peity { vertical-align: middle; } .bar-chart-wrapper { position: relative; padding: 15px 0 0; display: inline-block; vertical-align: middle; } .bar-chart-wrapper .val { position: absolute; font-size: .6875rem; color: #919fa9; top: 0; line-height: 1; } .bar-chart-wrapper .val.left { left: 0; } .bar-chart-wrapper .val.right { right: 0; } .table-responsive .bootstrap-table { min-width: 700px; overflow-y: hidden; } .bootstrap-table .fixed-table-toolbar { padding: 20px 15px 0; zoom: 1; *zoom: 1; } .bootstrap-table .fixed-table-toolbar:before, .bootstrap-table .fixed-table-toolbar:after { content: " "; display: table; } .bootstrap-table .fixed-table-toolbar:after { clear: both; } .bootstrap-table .fixed-table-toolbar h1, .bootstrap-table .fixed-table-toolbar h2, .bootstrap-table .fixed-table-toolbar h3, .bootstrap-table .fixed-table-toolbar h4, .bootstrap-table .fixed-table-toolbar h5, .bootstrap-table .fixed-table-toolbar h6 { font-size: .9375rem; margin: 0; line-height: 1.4; } .bootstrap-table .fixed-table-toolbar .btn.remove { height: 32px; padding: 0 8px; font-size: 1rem; line-height: 30px; } .bootstrap-table .fixed-table-toolbar .btn.remove .font-icon { line-height: 32px; font-size: 12px; vertical-align: top; margin: 0 3px 0 0; position: relative; top: -1px; } .bootstrap-table .fixed-table-toolbar .bars, .bootstrap-table .fixed-table-toolbar .columns, .bootstrap-table .fixed-table-toolbar .search { margin: 0; padding: 0; line-height: normal; } .bootstrap-table .fixed-table-toolbar .bars { float: left; padding-bottom: 15px; line-height: 32px; } .bootstrap-table .fixed-table-toolbar .columns, .bootstrap-table .fixed-table-toolbar .search { float: right; padding-bottom: 20px; } .bootstrap-table .fixed-table-toolbar .search { width: 220px; } .bootstrap-table .fixed-table-toolbar .search .form-control { height: 32px; font-size: .875rem; -webkit-border-radius: 25rem; border-radius: 25rem; padding: 8px 10px; line-height: 1.1; } @media (max-width: 767px) { .bootstrap-table .fixed-table-toolbar .search { width: 130px; } } .bootstrap-table .fixed-table-toolbar .columns { margin-left: 10px; } .bootstrap-table .fixed-table-toolbar .columns .btn { height: 32px; background: none !important; border: none !important; color: #adb7be !important; padding: 0 7px; line-height: 32px; } .bootstrap-table .fixed-table-toolbar .columns .btn:hover { color: #00a8ff !important; } .bootstrap-table .fixed-table-toolbar .columns .btn .font-icon { vertical-align: middle; line-height: 32px; } .bootstrap-table .fixed-table-toolbar .columns .btn .font-icon-arrow-square-down.up:before { content: "\2d"; } .bootstrap-table .fixed-table-toolbar .columns .dropdown-toggle:after { margin-left: 0; margin-right: 0; } .bootstrap-table .fixed-table-toolbar .columns .dropdown-toggle .caret { display: none; } .bootstrap-table .fixed-table-toolbar .columns .btn-group.open .btn { color: #00a8ff !important; } .bootstrap-table .fixed-table-toolbar .columns .dropdown-menu { font-size: .9375rem; min-width: 0; white-space: nowrap; } .bootstrap-table .fixed-table-toolbar .columns .dropdown-menu .checkbox { margin: 0; padding: 5px 10px; } .bootstrap-table .fixed-table-toolbar .columns .dropdown-menu .checkbox label { line-height: 16px; padding-top: 0; padding-bottom: 0; } .bootstrap-table .fixed-table-toolbar .columns .dropdown-menu a { display: block; padding: 5px 10px; color: #343434; } .bootstrap-table .fixed-table-toolbar .columns .dropdown-menu a:hover { color: #00a8ff; } .bootstrap-table .table { padding: 0 !important; border-bottom-color: #d8e2e7; } .bootstrap-table .table, .bootstrap-table th, .bootstrap-table td, .bootstrap-table thead { -webkit-border-radius: 0 !important; border-radius: 0 !important; } .bootstrap-table .table > thead > tr > th, .bootstrap-table .table td { border-color: #d8e2e7; border-top: solid 1px #d8e2e7 !important; } .bootstrap-table .table .bs-checkbox .checkbox { margin: 0 auto; } .bootstrap-table .card-view { padding: 3px 0 3px 7px; line-height: 22px; } .bootstrap-table .card-view .title, .bootstrap-table .card-view .value { vertical-align: top; zoom: 1; *zoom: 1; } .bootstrap-table .card-view .title:before, .bootstrap-table .card-view .value:before, .bootstrap-table .card-view .title:after, .bootstrap-table .card-view .value:after { content: " "; display: table; } .bootstrap-table .card-view .title:after, .bootstrap-table .card-view .value:after { clear: both; } .bootstrap-table .card-view .value { display: inline-block; } .bootstrap-table .card-view a.remove, .bootstrap-table .card-view a.like { line-height: 22px !important; height: 22px !important; float: left; padding-top: 2px !important; text-align: left; margin: 0 10px 0 0 !important; } .bootstrap-table .fixed-table-container { border: none; -webkit-border-radius: 0; border-radius: 0; } .bootstrap-table .fixed-table-container thead th .th-inner { padding-top: 10px; padding-bottom: 10px; line-height: 1.5; color: #6c7a86; } .bootstrap-table .fixed-table-container thead th .both { background-image: url('../img/bst-sort.png'); } .bootstrap-table .fixed-table-container thead th .desc { background-image: url('../img/bst-down.png'); } .bootstrap-table .fixed-table-container thead th .asc { background-image: url('../img/bst-up.png'); } .bootstrap-table .fixed-table-container thead th.detail, .bootstrap-table .fixed-table-container thead th.bs-checkbox { width: 46px !important; } .bootstrap-table .fixed-table-container a.like, .bootstrap-table .fixed-table-container a.remove, .bootstrap-table .fixed-table-container a.detail-icon { border: none; color: #adb7be; font-size: 1rem; line-height: 1rem; text-align: center; position: static; top: 0; } .bootstrap-table .fixed-table-container a.like .font-icon, .bootstrap-table .fixed-table-container a.remove .font-icon, .bootstrap-table .fixed-table-container a.detail-icon .font-icon { line-height: inherit; vertical-align: middle; } .bootstrap-table .fixed-table-container a.like:hover, .bootstrap-table .fixed-table-container a.remove:hover, .bootstrap-table .fixed-table-container a.detail-icon:hover { color: #00a8ff; } .bootstrap-table .fixed-table-container a.detail-icon { display: block; width: 16px; height: 16px; margin: 0 auto; } .bootstrap-table .fixed-table-container a.detail-icon .font-icon-minus-1 { color: #00a8ff; } .bootstrap-table .fixed-table-container a.remove, .bootstrap-table .fixed-table-container a.like { margin: 0 5px; line-height: 20px; display: inline-block; padding-top: 4px; } .bootstrap-table .fixed-table-container a.like { padding-top: 5px; } .bootstrap-table .fixed-table-pagination { zoom: 1; *zoom: 1; font-size: 0.8125rem /*13/16*/; padding: 5px 15px; } .bootstrap-table .fixed-table-pagination:before, .bootstrap-table .fixed-table-pagination:after { content: " "; display: table; } .bootstrap-table .fixed-table-pagination:after { clear: both; } .bootstrap-table .fixed-table-pagination .pagination-detail { float: left; line-height: 32px; } .bootstrap-table .fixed-table-pagination .pagination-info { margin-right: 10px; position: relative; top: -1px; } .bootstrap-table .fixed-table-pagination .page-list { vertical-align: top; } .bootstrap-table .fixed-table-pagination .page-list .btn-group { margin-right: 8px; vertical-align: top; } .bootstrap-table .fixed-table-pagination .btn.dropdown-toggle { background: #fff !important; color: #343434 !important; border-color: #d8e2e7 !important; font-weight: 400; font-size: 0.8125rem /*13/16*/; height: 32px; padding: 0 10px; } .bootstrap-table .fixed-table-pagination .btn.dropdown-toggle .caret { display: none; } .bootstrap-table .fixed-table-pagination .dropdown-menu { min-width: 100%; text-align: center; margin-bottom: 2px; line-height: normal; } .bootstrap-table .fixed-table-pagination .dropdown-menu a { display: block; padding: 5px 10px; } .bootstrap-table .fixed-table-pagination div.pagination { float: right; } .bootstrap-table .fixed-table-pagination ul.pagination { zoom: 1; *zoom: 1; display: block; } .bootstrap-table .fixed-table-pagination ul.pagination:before, .bootstrap-table .fixed-table-pagination ul.pagination:after { content: " "; display: table; } .bootstrap-table .fixed-table-pagination ul.pagination:after { clear: both; } .bootstrap-table .fixed-table-pagination ul.pagination li { float: left; } .bootstrap-table .fixed-table-pagination ul.pagination a { display: block; height: 32px; padding: 0 5px; text-align: center; min-width: 32px; border: solid 1px transparent; -webkit-border-radius: .25rem; border-radius: .25rem; line-height: 30px; color: #6c7a86; } .bootstrap-table .fixed-table-pagination ul.pagination a:hover { color: #00a8ff; } .bootstrap-table .fixed-table-pagination ul.pagination li.active a { border-color: #d8e2e7; color: #6c7a86; } .bootstrap-table .fixed-table-pagination ul.pagination li.page-pre .font-icon, .bootstrap-table .fixed-table-pagination ul.pagination li.page-next .font-icon { line-height: 32px; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; color: rgba(173, 183, 190, 0.7); } .bootstrap-table .fixed-table-pagination ul.pagination li.page-pre a:hover .font-icon, .bootstrap-table .fixed-table-pagination ul.pagination li.page-next a:hover .font-icon { color: #00a8ff; } .bootstrap-table .fixed-table-pagination ul.pagination li.page-pre { margin-right: 10px; } .bootstrap-table .fixed-table-pagination ul.pagination li.page-next { margin-left: 10px; } .bootstrap-table .valign-top { vertical-align: top !important; } .bootstrap-table .filterControl { margin: 0 10px 10px !important; } .bootstrap-table .fixed-table-body-columns { margin-top: -1px; } /* ========================================================================== User row ========================================================================== */ .user-card-row { display: table; width: 100%; border-collapse: collapse; font-size: 0.8125rem /*13/16*/; } .user-card-row p { margin: 0; } .user-card-row a { -webkit-transition: none; -o-transition: none; transition: none; } .user-card-row .tbl-cell.tbl-cell-photo { width: 42px; padding-right: 10px; } .user-card-row .tbl-cell.tbl-cell-photo img { display: block; width: 32px; height: 32px; -webkit-border-radius: 50%; border-radius: 50%; } .user-card-row .tbl-cell.tbl-cell-photo.tbl-cell-photo-64 { width: 74px; } .user-card-row .tbl-cell.tbl-cell-photo.tbl-cell-photo-64 img { width: 64px; height: 64px; } .user-card-row .tbl-cell.tbl-cell-date { white-space: nowrap; width: 20px; padding-left: 10px; color: #6c7a86; } .user-card-row .tbl-cell.tbl-cell-status { font-weight: 600; text-align: right; } .user-card-row .tbl-cell.tbl-cell-status .font-icon { color: #919fa9; font-size: 0.9375rem /*15/16*/; } .user-card-row .tbl-cell.tbl-cell-status .font-icon.active { color: #f18482; } .user-card-row .tbl-cell.tbl-cell-action { width: 20px; white-space: nowrap; padding-left: 10px; vertical-align: middle; } .user-card-row .user-card-row-name { font-weight: 600; color: #343434; } .user-card-row .user-card-row-name a { color: #343434; } .user-card-row .user-card-row-name a:hover { color: #00a8ff; } .user-card-row .user-card-row-mail a { color: #6c7a86; } .user-card-row .user-card-row-mail a:hover { color: #00a8ff; } .user-card-row .user-card-row-location, .user-card-row .user-card-row-status { color: #6c7a86; } .user-card-row .user-card-row-location a, .user-card-row .user-card-row-status a { text-decoration: none; color: #6c7a86; border-bottom: solid 1px rgba(108, 122, 134, 0.3); } .user-card-row .user-card-row-location a:hover, .user-card-row .user-card-row-status a:hover { border-bottom-color: transparent; } .box-typical-full-screen .user-card-row { font-size: 1rem; } .status-online:after { content: ''; width: 6px; height: 6px; -webkit-border-radius: 50%; border-radius: 50%; display: inline-block; vertical-align: middle; position: relative; top: -1px; margin-left: 4px; background: #46c35f; } /* ========================================================================== Progress bars ========================================================================== */ .circle-progress-bar { width: 56px; background: #fff; position: fixed; left: 72px; bottom: 35px; z-index: 90; -webkit-border-radius: 50%; border-radius: 50%; } .with-side-menu-compact .circle-progress-bar { left: 22px; } @media (max-width: 1199px) { .with-side-menu-compact .circle-progress-bar { left: 50% !important; margin-left: -28px !important; } } @media (max-width: 991px) { .circle-progress-bar { left: 50% !important; margin-left: -28px !important; } } .circle-progress-bar-typical { width: 168px; background: #fff; -webkit-border-radius: 50%; border-radius: 50%; margin: 0 auto; } .circle-progress-bar-typical .pie_progress__number { font-size: 3rem /*48/16*/; font-weight: 600; } .circle-progress-bar-typical.size-56 { width: 56px; } .circle-progress-bar-typical.size-56 .pie_progress__number { font-size: 1rem; } .progress { background-color: #ecf2f5; color: #00a8ff; } .progress[value] { color: #00a8ff; } .progress[value]::-webkit-progress-value { background-color: #00a8ff; } .progress[value]::-webkit-progress-bar { background-color: #ecf2f5; } .progress.progress-no-margin { margin: 0; } .progress-bar { -webkit-border-radius: 0; border-radius: 0; background-color: #00a8ff; } .progress-success[value]::-webkit-progress-value { background-color: #46c35f; } .progress-success[value]::-moz-progress-bar { background-color: #46c35f; } @media screen and (min-width: 0) { .progress-success .progress-bar { background-color: #46c35f; } } .progress-info[value]::-webkit-progress-value { background-color: #ac6bec; } .progress-info[value]::-moz-progress-bar { background-color: #ac6bec; } @media screen and (min-width: 0) { .progress-info .progress-bar { background-color: #ac6bec; } } .progress-warning[value]::-webkit-progress-value { background-color: #f29824; } .progress-warning[value]::-moz-progress-bar { background-color: #f29824; } @media screen and (min-width: 0) { .progress-warning .progress-bar { background-color: #f29824; } } .progress-danger[value]::-webkit-progress-value { background-color: #fa424a; } .progress-danger[value]::-moz-progress-bar { background-color: #fa424a; } @media screen and (min-width: 0) { .progress-danger .progress-bar { background-color: #fa424a; } } .progress-aquamarine[value]::-webkit-progress-value { background-color: #21a788; } .progress-aquamarine[value]::-moz-progress-bar { background-color: #21a788; } @media screen and (min-width: 0) { .progress-aquamarine .progress-bar { background-color: #21a788; } } .progress-with-amount { position: relative; padding-right: 40px; } .progress-with-amount .progress-with-amount-number { position: absolute; right: 0; top: 0; line-height: 16px; color: #919fa9; } .progress-steps { display: inline-block; vertical-align: middle; zoom: 1; *zoom: 1; } .progress-steps:before, .progress-steps:after { content: " "; display: table; } .progress-steps:after { clear: both; } .progress-steps .progress-step { float: left; height: 20px; width: 38px; border: solid 2px #c5d6de; background: #ecf2f5; } .progress-steps .progress-step:not(:first-child) { border-left: none; } .progress-steps .progress-step:first-child { -webkit-border-radius: 25rem 0 0 25rem; border-radius: 25rem 0 0 25rem; } .progress-steps .progress-step:last-child { -webkit-border-radius: 0 25rem 25rem 0; border-radius: 0 25rem 25rem 0; } .progress-steps .progress-step.active { border-color: #00a8ff; background-color: rgba(0, 168, 255, 0.5); } .progress-steps-caption { display: inline-block; vertical-align: middle; line-height: 20px; color: #6c7a86; margin: 0 0 0 10px; font-weight: 600; } .progress-compact-style .progress { background-color: #f6f8fa; height: 5px; -webkit-border-radius: 0; border-radius: 0; margin: 0 0 .4rem; } .progress-compact-style .progress-bar { -webkit-border-radius: 0; border-radius: 0; } .progress-compact-style .progress-compact-style-label { font-size: .6875rem; } .progress-compact-style.progress-with-amount { padding-right: 30px; } .progress-compact-style .progress-with-amount-number { font-size: 0.6875rem /*11/16*/; top: -5px; } .progress-compact-style .progress-header { zoom: 1; *zoom: 1; padding: 0 0 5px; } .progress-compact-style .progress-header:before, .progress-compact-style .progress-header:after { content: " "; display: table; } .progress-compact-style .progress-header:after { clear: both; } .progress-compact-style .progress-lbl { float: left; } .progress-compact-style .progress-val { float: right; color: #919fa9; } /* ========================================================================== Alerts ========================================================================== */ .alert { padding: 8px 10px; color: #343434; font-size: 1rem; -webkit-box-shadow: none; box-shadow: none; position: relative; } .alert strong, .alert h1, .alert h2, .alert h3, .alert h4, .alert h5, .alert h6 { font-weight: 600; } .alert h1, .alert h2, .alert h3, .alert h4, .alert h5, .alert h6 { font-size: 1rem; margin: 0; padding: 0; } .alert.alert-close { padding-right: 30px; } .alert .close { color: #00a8ff; opacity: .5; position: absolute; right: 10px; top: 4px !important; } .alert .close:hover { opacity: 1; } .alert [data-notify="title"] { display: block; font-weight: 600; } .alert [data-notify="icon"] { color: #00a8ff; float: left; margin: 0 5px -2px 0; } .alert [data-notify="icon"].glyphicon { top: 3px; } .alert ul { margin: 5px 0 0 10px; } .alert ul li { position: relative; padding: 0 0 0 14px; } .alert ul li:before { content: ''; display: block; width: 6px; height: 6px; -webkit-border-radius: 50%; border-radius: 50%; position: absolute; left: 0; top: 8px; border: solid 2px #343434; } .alert .font-icon-inline { margin: 0 3px 0 0; position: relative; top: 1px; } .alert.alert-icon { padding-left: 35px; } .alert.alert-icon .font-icon { position: absolute; left: 11px; top: 9px; } .alert .alert-btns { padding: 10px 0 0; } .alert .alert-btns .btn { margin: 0 10px 5px 0; } .alert.alert-no-border { border-color: transparent !important; } .alert.alert-no-border .close { opacity: 1; } .alert.alert-no-border .close:hover { opacity: .5; } .alert.alert-border-left { border-color: transparent !important; border-left: solid 4px #343434 !important; } .alert.alert-border-left .close { opacity: 1; } .alert.alert-border-left .close:hover { opacity: .5; } .alert.alert-fill { color: #fff !important; } .alert.alert-fill .font-icon-inline { color: #fff !important; } .alert.alert-fill ul li:before { border-color: #fff !important; } .alert.alert-fill .close { color: #fff !important; opacity: 1; text-shadow: none; } .alert.alert-fill .close:hover { opacity: .5; } .alert.alert-fill .alert-btns .btn { border-color: #fff !important; background-color: transparent !important; color: #fff !important; } .alert.alert-fill .alert-btns .btn:hover { background-color: #fff !important; } .alert.alert-avatar { padding-left: 50px; padding-top: 14px; padding-bottom: 14px; } .alert.alert-avatar .close { top: 10px !important; } .alert.alert-avatar .avatar-preview { position: absolute; left: 10px; top: 9px; } .alert.alert-info { border-color: #00a8ff; background-color: #e4f6fd; } .ui-pnotify .alert.alert-info, .alert.alert-info.alert-icon .font-icon, .alert.alert-info .font-icon-inline { color: #00a8ff; } .alert.alert-info.alert-txt-colored, .alert.alert-info.alert-border-left { color: #008dd6; } .alert.alert-info.alert-no-border { background-color: #cbeefe; } .alert.alert-info.alert-fill { background-color: #00a8ff; } .alert.alert-info.alert-fill .alert-btns .btn:hover { color: #00a8ff !important; } .alert.alert-info.alert-fill.alert-border-left { border-left-color: #0086cc !important; } .alert.alert-info .alert-btns .btn { background-color: transparent; color: #00a8ff; border-color: #00a8ff; } .alert.alert-info .alert-btns .btn:hover { color: #fff; background-color: #00a8ff; } .alert.alert-info ul li:before { border-color: #00a8ff; } .alert.alert-info.alert-border-left { border-left-color: #00a8ff !important; } .alert.alert-success { border-color: #46c35f; background-color: #edf9ee; } .alert.alert-success .close, .alert.alert-success [data-notify="icon"], .ui-pnotify .alert.alert-success, .alert.alert-success.alert-icon .font-icon, .alert.alert-success .font-icon-inline { color: #46c35f; } .alert.alert-success.alert-txt-colored, .alert.alert-success.alert-border-left { color: #37a94e; } .alert.alert-success.alert-fill { background-color: #46c35f; } .alert.alert-success.alert-fill .alert-btns .btn:hover { color: #46c35f !important; } .alert.alert-success.alert-fill.alert-border-left { border-left-color: #34a24a !important; } .alert.alert-success .alert-btns .btn { background-color: transparent; color: #46c35f; border-color: #46c35f; } .alert.alert-success .alert-btns .btn:hover { color: #fff; background-color: #46c35f; } .alert.alert-success ul li:before { border-color: #46c35f; } .alert.alert-success.alert-border-left { border-left-color: #46c35f !important; } .alert.alert-warning { border-color: #f29824; background-color: #fdf4e6; } .alert.alert-warning .close, .alert.alert-warning [data-notify="icon"], .ui-pnotify .alert.alert-warning, .alert.alert-warning.alert-icon .font-icon, .alert.alert-warning .font-icon-inline { color: #f29824; } .alert.alert-warning.alert-txt-colored, .alert.alert-warning.alert-border-left { color: #e0840d; } .alert.alert-warning.alert-no-border { background-color: #fcf0c2; } .alert.alert-warning.alert-fill { background-color: #f29824; } .alert.alert-warning.alert-fill .alert-btns .btn:hover { color: #f29824 !important; } .alert.alert-warning.alert-fill.alert-border-left { border-left-color: #d67e0d !important; } .alert.alert-warning .alert-btns .btn { background-color: transparent; color: #f29824; border-color: #f29824; } .alert.alert-warning .alert-btns .btn:hover { color: #fff; background-color: #f29824; } .alert.alert-warning ul li:before { border-color: #f29824; } .alert.alert-warning.alert-border-left { border-left-color: #f29824 !important; } .alert.alert-danger { border-color: #fa424a; background-color: #feecec; } .alert.alert-danger .close, .alert.alert-danger [data-notify="icon"], .ui-pnotify .alert.alert-danger, .alert.alert-danger.alert-icon .font-icon, .alert.alert-danger .font-icon-inline { color: #fa424a; } .alert.alert-danger.alert-txt-colored, .alert.alert-danger.alert-border-left { color: #f91a24; } .alert.alert-danger.alert-no-border { background-color: #ffd8d9; } .alert.alert-danger.alert-fill { background-color: #fa424a; } .alert.alert-danger.alert-fill .alert-btns .btn:hover { color: #fa424a !important; } .alert.alert-danger.alert-fill.alert-border-left { border-left-color: #f9101a !important; } .alert.alert-danger .alert-btns .btn { background-color: transparent; color: #fa424a; border-color: #fa424a; } .alert.alert-danger .alert-btns .btn:hover { color: #fff; background-color: #fa424a; } .alert.alert-danger ul li:before { border-color: #fa424a; } .alert.alert-danger.alert-border-left { border-left-color: #fa424a !important; } .alert.alert-aquamarine { border-color: #21a788; background-color: #d1f0eb; } .alert.alert-aquamarine .close, .alert.alert-aquamarine.alert-icon .font-icon, .alert.alert-aquamarine .font-icon-inline { color: #21a788; } .alert.alert-aquamarine.alert-txt-colored, .alert.alert-aquamarine.alert-border-left { color: #1a856c; } .alert.alert-aquamarine.alert-fill { background-color: #21a788; } .alert.alert-aquamarine.alert-fill .alert-btns .btn:hover { color: #21a788 !important; } .alert.alert-aquamarine.alert-fill.alert-border-left { border-left-color: #197c65 !important; } .alert.alert-aquamarine .alert-btns .btn { background-color: transparent; color: #21a788; border-color: #21a788; } .alert.alert-aquamarine .alert-btns .btn:hover { color: #fff; background-color: #21a788; } .alert.alert-aquamarine ul li:before { border-color: #21a788; } .alert.alert-aquamarine.alert-border-left { border-left-color: #21a788 !important; } .alert.alert-grey-darker { border-color: #919fa9; background-color: #f6f8fa; } .alert.alert-grey-darker .close, .alert.alert-grey-darker.alert-icon .font-icon, .alert.alert-grey-darker .font-icon-inline { color: #919fa9; } .alert.alert-grey-darker.alert-txt-colored, .alert.alert-grey-darker.alert-border-left { color: #7a8b97; } .alert.alert-grey-darker.alert-fill { background-color: #919fa9; } .alert.alert-grey-darker.alert-fill .alert-btns .btn:hover { color: #919fa9 !important; } .alert.alert-grey-darker.alert-fill.alert-border-left { border-left-color: #748693 !important; } .alert.alert-grey-darker .alert-btns .btn { background-color: transparent; color: #919fa9; border-color: #919fa9; } .alert.alert-grey-darker .alert-btns .btn:hover { color: #fff; background-color: #919fa9; } .alert.alert-grey-darker ul li:before { border-color: #919fa9; } .alert.alert-grey-darker.alert-border-left { border-left-color: #919fa9 !important; } .alert.alert-blue-dirty { border-color: #2797ca; background-color: #cbeefe; } .alert.alert-blue-dirty .close, .alert.alert-blue-dirty.alert-icon .font-icon, .alert.alert-blue-dirty .font-icon-inline { color: #2797ca; } .alert.alert-blue-dirty.alert-txt-colored, .alert.alert-blue-dirty.alert-border-left { color: #207da8; } .alert.alert-blue-dirty.alert-fill { background-color: #2797ca; } .alert.alert-blue-dirty.alert-fill .alert-btns .btn:hover { color: #2797ca !important; } .alert.alert-blue-dirty.alert-fill.alert-border-left { border-left-color: #1f779f !important; } .alert.alert-blue-dirty .alert-btns .btn { background-color: transparent; color: #2797ca; border-color: #2797ca; } .alert.alert-blue-dirty .alert-btns .btn:hover { color: #fff; background-color: #2797ca; } .alert.alert-blue-dirty ul li:before { border-color: #2797ca; } .alert.alert-blue-dirty.alert-border-left { border-left-color: #2797ca !important; } .alert.alert-purple, .alert-purple .alert { border-color: #ac6bec; background-color: #eee2fc; } .alert.alert-purple .close, .alert-purple .alert .close, .alert.alert-purple [data-notify="icon"], .alert-purple .alert [data-notify="icon"], .alert.alert-purple.alert-icon .font-icon, .alert-purple .alert.alert-icon .font-icon, .alert.alert-purple .font-icon-inline, .alert-purple .alert .font-icon-inline { color: #ac6bec; } .alert.alert-purple.alert-txt-colored, .alert-purple .alert.alert-txt-colored, .alert.alert-purple.alert-border-left, .alert-purple .alert.alert-border-left { color: #9847e7; } .alert.alert-purple.alert-fill, .alert-purple .alert.alert-fill { background-color: #ac6bec; } .alert.alert-purple.alert-fill .alert-btns .btn:hover, .alert-purple .alert.alert-fill .alert-btns .btn:hover { color: #ac6bec !important; } .alert.alert-purple.alert-fill.alert-border-left, .alert-purple .alert.alert-fill.alert-border-left { border-left-color: #933ee6 !important; } .alert.alert-purple .alert-btns .btn, .alert-purple .alert .alert-btns .btn { background-color: transparent; color: #ac6bec; border-color: #ac6bec; } .alert.alert-purple .alert-btns .btn:hover, .alert-purple .alert .alert-btns .btn:hover { color: #fff; background-color: #ac6bec; } .alert.alert-purple ul li:before, .alert-purple .alert ul li:before { border-color: #ac6bec; } .alert.alert-purple.alert-border-left, .alert-purple .alert.alert-border-left { border-left-color: #ac6bec !important; } .alert-purple.ui-pnotify .alert { color: #ac6bec; } .alert.alert-white, .alert.alert-grey, .alert-white .alert, .alert-grey .alert { border-color: #c5d6de; color: #6c7a86; } .alert.alert-white .close, .alert.alert-grey .close, .alert-white .alert .close, .alert-grey .alert .close, .alert.alert-white [data-notify="icon"], .alert.alert-grey [data-notify="icon"], .alert-white .alert [data-notify="icon"], .alert-grey .alert [data-notify="icon"] { color: #6c7a86; } .alert.alert-white, .alert-white .alert { background-color: #fff; } .alert.alert-grey, .alert-grey .alert { background-color: #f6f8fa; } .alert-white.ui-pnotify .alert, .alert-grey.ui-pnotify .alert { color: #6c7a86; } .alert.alert-facebook, .alert.alert-google-plus, .alert.alert-twitter, .alert.alert-linkedin { color: #fff; padding-left: 50px; } .alert.alert-facebook .close, .alert.alert-google-plus .close, .alert.alert-twitter .close, .alert.alert-linkedin .close { color: #fff; opacity: 1; text-shadow: none; } .alert.alert-facebook .close:hover, .alert.alert-google-plus .close:hover, .alert.alert-twitter .close:hover, .alert.alert-linkedin .close:hover { opacity: .5; } .alert.alert-facebook .font-icon, .alert.alert-google-plus .font-icon, .alert.alert-twitter .font-icon, .alert.alert-linkedin .font-icon { position: absolute; left: 10px; top: 10px; font-size: 1.875rem /*30/16*/; } .alert.alert-facebook { background-color: #37559a; border-color: #37559a; } .alert.alert-google-plus { background-color: #d33928; border-color: #d33928; } .alert.alert-twitter { background-color: #00aaed; border-color: #00aaed; } .alert.alert-linkedin { background-color: #007ab4; border-color: #007ab4; } .ui-pnotify .alert { -webkit-box-shadow: none; box-shadow: none; } .ui-pnotify .alert .ui-pnotify-icon { position: relative; top: 2px; } .alert-with-icon .alert { padding-left: 35px; } .alert-with-icon .alert .ui-pnotify-icon { margin: 0; position: absolute; left: 11px; top: 8px; } .alert-with-icon .alert .font-icon { position: relative; top: -2px; } /* ========================================================================== Sweet Alerts ========================================================================== */ .sweet-alert { padding-left: 2rem; padding-right: 2rem; } .sweet-alert h2 { font-weight: 400; position: relative; margin: 2rem 0 1rem; } .sweet-alert p { margin: 0 0 10px; } .sweet-alert .lead { font-weight: 400; font-size: 1.25rem /*20/16*/; color: #343434; margin-bottom: 20px; } .sweet-alert .btn { min-width: 150px; -webkit-border-radius: 25rem; border-radius: 25rem; -webkit-box-shadow: none !important; box-shadow: none !important; margin: 0 1rem 17px; } .sweet-alert .btn.btn-success { border-color: #46c35f; } .sweet-alert .btn.btn-success:hover { border-color: #5dca73; } .sweet-alert .btn.btn-warning { border-color: #f29824; } .sweet-alert .btn.btn-warning:hover { border-color: #f4a641; } .sweet-alert .btn.btn-danger { border-color: #fa424a; } .sweet-alert .btn.btn-danger:hover { border-color: #fb6067; } .sweet-alert .btn.btn-info { border-color: #ac6bec; } .sweet-alert .btn.btn-info:hover { border-color: #bb86ef; } .sweet-alert .icon.success .line { background-color: #46c35f; } .sweet-alert .icon.success .placeholder { border-color: rgba(70, 195, 95, 0.3); } .sweet-alert .icon.warning { border-color: #f29824; } .sweet-alert .icon.error { border-color: #fa424a; } .sweet-alert .icon.error .line { background-color: #fa424a; } .sweet-alert .icon.info { border-color: #00a8ff; } .sweet-alert .icon.info:before, .sweet-alert .icon.info:after { background-color: #00a8ff; } .sweet-alert .form-group { margin-bottom: 30px; } /* ========================================================================== Nav ========================================================================== */ .nav.nav-pills .nav-item { margin: 0 25px 0 0; } .nav.nav-pills .nav-link { font-size: 1rem; color: #818181; font-weight: 600; -webkit-border-radius: 25rem; border-radius: 25rem; padding: 5px 10px; } .nav.nav-pills .nav-link:hover { color: #00a8ff; } .nav.nav-pills .nav-link.active { color: #fff; background-color: #00a8ff; } .breadcrumb { font-size: 1rem /*16*/; color: #6c7a86; background-color: #ecf2f5; } .breadcrumb > .active { color: inherit; } .breadcrumb.breadcrumb-clean { background: none; padding: 1.5rem 0; color: #919fa9; border-bottom: solid 1px #c5d6de; -webkit-border-radius: 0; border-radius: 0; margin: 0 0 1.5rem; } .breadcrumb.breadcrumb-clean > li + li::before { content: '>'; } .breadcrumb.breadcrumb-clean > .active { color: #343434; } .breadcrumb.breadcrumb-clean a { text-decoration: none; color: #919fa9; border: none; } .breadcrumb.breadcrumb-clean a:hover { color: #00a8ff; } .breadcrumb.breadcrumb-simple { background: none; padding-left: 0; padding-right: 0; margin-bottom: 0; } .pagination { font-size: 1rem; } .page-link { border-color: #d8e2e7; color: #0082c6; } .page-link:focus, .page-link:hover { background-color: #f6f8fa; color: #0082c6; } .page-item.active .page-link { border-color: #00a8ff !important; background-color: #00a8ff !important; } .pager { font-size: 1rem; } .pager li > a { border-color: #d8e2e7; color: #0082c6; -webkit-border-radius: .25rem; border-radius: .25rem; } .pager li > a:hover { background-color: #f6f8fa; } .pager .disabled > a { color: #919fa9 !important; } /* ========================================================================== Tooltips ========================================================================== */ .tooltip { font-size: 0.8125rem /*13/16*/; font-weight: 600; line-height: normal; } .tooltip.in { opacity: .95; } .tooltip.bs-tether-element-attached-top .tooltip-arrow, .tooltip.tooltip-bottom .tooltip-arrow { border-bottom-color: #2c3949; } .tooltip.bs-tether-element-attached-bottom .tooltip-arrow, .tooltip.tooltip-top .tooltip-arrow { border-top-color: #2c3949; } .tooltip-inner { background-color: #2c3949; padding-bottom: 5px; } .hint-circle { display: inline-block; vertical-align: baseline; width: 16px; height: 16px; border: solid 1px #6c7a86; color: #6c7a86; -webkit-border-radius: 50%; border-radius: 50%; font-size: .75rem; text-align: center; line-height: 15px; margin: 0 0 0 5px; cursor: pointer; } .hint-circle.red { border-color: #fa424a; color: #fa424a; } .hint-circle.green { border-color: #46c35f; color: #46c35f; } .hint-circle.blue { border-color: #00a8ff; color: #00a8ff; } .hint-circle.orange { border-color: #f29824; color: #f29824; } .hint-circle.purple { border-color: #ac6bec; color: #ac6bec; } .popover { border-color: #d8e2e7; padding: 0; } .popover.popover-top .popover-arrow, .popover.bs-tether-element-attached-bottom .popover-arrow { border-top-color: #d8e2e7; } .popover.popover-bottom .popover-arrow, .popover.bs-tether-element-attached-top .popover-arrow { border-bottom-color: #d8e2e7; } .popover.popover-bottom .popover-arrow:after, .popover.bs-tether-element-attached-top .popover-arrow:after { border-bottom-color: #ecf2f5; } .popover.popover-right .popover-arrow, .popover.bs-tether-element-attached-left .popover-arrow { border-right-color: #d8e2e7; } .popover.popover-left .popover-arrow, .popover.bs-tether-element-attached-right .popover-arrow { border-left-color: #d8e2e7; } .popover-title { border-bottom-color: #d8e2e7; background: #ecf2f5; -webkit-border-radius: .3rem .3rem 0 0; border-radius: .3rem .3rem 0 0; } .popover-content { padding-bottom: .8rem; } /* ========================================================================== Scrollbar ========================================================================== */ .jspContainer .jspTrack { opacity: 0; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .jspContainer:hover .jspTrack { opacity: 1; } .scrollable-block { overflow: auto; } .scrollable-block.scrollable-gradient .jspContainer:after { content: ''; display: block; width: 100%; height: 30px; position: absolute; left: 0; bottom: -1px; background: url('../img/gradient-scroll.png') repeat-x bottom; } .scrollable-block.scrollable-gradient .jspVerticalBar { z-index: 10; } /* ========================================================================== Modal ========================================================================== */ body.modal-open { overflow: hidden !important; position: relative; } .modal-dialog:not(.modal-sm):not(.modal-lg) { width: 680px; } @media (max-width: 767px) { .modal-dialog:not(.modal-sm):not(.modal-lg) { width: 500px; } } @media (max-width: 544px) { .modal-dialog:not(.modal-sm):not(.modal-lg) { width: auto; } } .modal-content { -webkit-box-shadow: none; box-shadow: none; border: solid 1px #d8e2e7; } .modal-header { border-bottom-color: #d8e2e7; } .modal-title { font-size: 1.125rem; font-weight: 600; } .modal-footer { border-top-color: #d8e2e7; } .modal-close { position: absolute; right: 15px; top: 17px; color: #adb7be; background: none; border: none; } .modal-close:hover { color: #00a8ff; } .close { font-size: 2rem; color: #6c7a86; } /* ========================================================================== Upload ========================================================================== */ .modal-upload { zoom: 1; *zoom: 1; } .modal-upload:before, .modal-upload:after { content: " "; display: table; } .modal-upload:after { clear: both; } .modal-upload .modal-upload-side { float: left; width: 160px; padding: 15px 10px 15px 15px; position: relative; } .modal-upload .modal-upload-cont { float: right; width: 100%; margin-left: -160px; } .modal-upload .modal-upload-cont-in { height: 430px; margin-left: 160px; border-left: solid 1px #d8e2e7; } @media (max-width: 767px) { .modal-upload:not(.menu-bottom) .modal-upload-side, .modal-upload:not(.menu-bottom) .modal-upload-cont { float: none; width: auto; margin: 0; } .modal-upload:not(.menu-bottom) .modal-upload-cont-in { margin: 0; border-left: none; } .modal-upload:not(.menu-bottom) .modal-upload-side { border-top: solid 1px #d8e2e7; text-align: center; } .modal-upload:not(.menu-bottom) .modal-upload-side .upload-list li { display: inline-block; margin: 0 5px; } .modal-upload:not(.menu-bottom) .modal-upload-side .upload-list a span { display: none; } } .modal-upload.menu-bottom .modal-upload-side, .modal-upload.menu-bottom .modal-upload-cont { float: none; width: auto; margin: 0; } .modal-upload.menu-bottom .modal-upload-cont-in { margin: 0; border-left: none; } .modal-upload.menu-bottom .modal-upload-side { border-top: solid 1px #d8e2e7; text-align: center; } .modal-upload.menu-bottom .modal-upload-side .upload-list { padding-top: 5px; } .modal-upload.menu-bottom .modal-upload-side .upload-list .font-icon { font-size: 1.5rem; } .modal-upload.menu-bottom .modal-upload-side .upload-list .font-icon.font-icon-yandex-disk, .modal-upload.menu-bottom .modal-upload-side .upload-list .font-icon.font-icon-one-drive { font-size: 2rem /*32/16*/; } .modal-upload.menu-bottom .modal-upload-side .upload-list .font-icon.font-icon-box { font-size: 2.25rem /*36/16*/; } .modal-upload.menu-bottom .modal-upload-side .upload-list li { display: inline-block; margin: 0 10px; } .modal-upload.menu-bottom .modal-upload-side .upload-list a span { display: none; } .modal-upload.menu-big-icons .modal-upload-cont { margin-left: -82px; } .modal-upload.menu-big-icons .modal-upload-cont-in { margin-left: 72px; } .modal-upload.menu-big-icons .modal-upload-side { width: 72px; padding: 0; } .modal-upload.menu-big-icons .modal-upload-side .upload-list .font-icon { font-size: 1.875rem; margin: 0; line-height: 1; position: relative; top: 1px; } .modal-upload.menu-big-icons .modal-upload-side .upload-list li { margin: 0; padding: 0; border-top: solid 1px #d8e2e7; text-align: center; } .modal-upload.menu-big-icons .modal-upload-side .upload-list li:first-child { border-top: none; } .modal-upload.menu-big-icons .modal-upload-side .upload-list li a { display: block; height: 71px; line-height: 70px; position: relative; } .modal-upload.menu-big-icons .modal-upload-side .upload-list li a.active:after { content: ''; display: block; width: 0; height: 100%; position: absolute; right: -1px; top: 0; border-right: solid 1px #fff; } .modal-upload-body { height: 366px; } .modal-upload-bottom { height: 64px; line-height: 64px; border-top: solid 1px #d8e2e7; text-align: right; padding: 0 20px; } .modal-upload-bottom .btn { margin: 0 6px; min-width: 100px; } .upload-list li { margin: 0 0 .5rem; } .upload-list .font-icon { vertical-align: middle; line-height: 20px; font-size: 1.125rem /*18/16*/; color: #adb7be; margin: 0 5px 0 0; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .upload-list a { color: #343434; } .upload-list a:hover, .upload-list a.active { color: #00a8ff; } .upload-list a:hover .font-icon, .upload-list a.active .font-icon { color: #00a8ff; } .upload-dropbox { padding: 94px 15px 90px; text-align: center; } .upload-dropbox h3 { font-weight: 600; font-size: 1.0625rem /*17/16*/; } .upload-dropbox p { color: #6c7a86; font-size: .9375rem; margin: 0 0 1rem; } .upload-dropbox .btn { margin: 0 0 1rem; } .upload-dropbox .text-muted { font-size: 0.9375rem /*15/16*/; } .upload-gd-header { display: table; width: 100%; border-collapse: collapse; } .upload-gd-header .tbl-cell { vertical-align: middle; padding: 15px; } .upload-gd-header .tbl-cell-btns { white-space: nowrap; width: 30px; padding-left: 0; font-size: 1rem; } .upload-gd-header .tbl-cell-btns button { border: none; background: none; margin: 0 7px; color: #adb7be; } .upload-gd-header .tbl-cell-btns button:hover { color: #00a8ff; } @media (max-width: 544px) { .upload-gd-header { display: block; margin-bottom: 15px; } .upload-gd-header .tbl-row, .upload-gd-header .tbl-cell { display: block; } .upload-gd-header .tbl-cell { padding: 15px 15px 0; } } .gd-doc { text-align: center; font-size: .875rem; line-height: 1.6; margin: 0 0 1rem; } .gd-doc .gd-doc-preview { margin: 0 0 .6rem; position: relative; } .gd-doc .gd-doc-preview img { height: 128px; max-width: 100%; display: block; width: 90px; margin: 0 auto; border: solid 2px #dbe4ea; -webkit-border-radius: 4px; border-radius: 4px; } .gd-doc .gd-doc-preview .icon { display: none; width: 22px; height: 22px; background: #00a8ff; -webkit-border-radius: .25rem 0 0 0; border-radius: .25rem 0 0 0; position: absolute; bottom: 2px; right: 2px; color: #fff; text-align: center; line-height: 22px; } .gd-doc .gd-doc-preview .icon .font-icon { vertical-align: middle; position: relative; top: 2px; } .gd-doc .gd-doc-preview a { position: relative; display: inline-block; } .gd-doc .gd-doc-preview a:hover img { border-color: #00a8ff; } .gd-doc .gd-doc-preview a:hover .icon { display: block; } .gd-doc .gd-doc-title { white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; font-weight: 600; } .gd-doc .gd-doc-date { color: #6c7a86; } .gd-doc-grid { zoom: 1; *zoom: 1; } .gd-doc-grid:before, .gd-doc-grid:after { content: " "; display: table; } .gd-doc-grid:after { clear: both; } .gd-doc-col { float: left; width: 25%; } @media (max-width: 480px) { .gd-doc-col { width: 33.333333%; } } @media (max-width: 380px) { .gd-doc-col { width: 50%; } } @media (max-width: 321px) { .gd-doc-col { width: 100%; } } /* ========================================================================== Titles ========================================================================== */ .page-content-header { background: #fff; border-bottom: solid 1px #c5d6de; margin: -30px 0 30px; position: relative; } .page-content-header:before, .page-content-header:after { content: ''; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; display: block; height: 100%; width: 15px; position: absolute; bottom: -1px; background: #fff; border-bottom: solid 1px #c5d6de; } .page-content-header:before { left: -15px; } .page-content-header:after { right: -15px; } .page-content-header h1, .page-content-header h2, .page-content-header h3, .page-content-header h4, .page-content-header h5, .page-content-header h6 { margin: 0; } .page-content-header .tbl-cell { vertical-align: middle; padding: 21px 0 20px; } .page-content-header .tbl-cell-action { width: 10px; padding-left: 15px; white-space: nowrap; } .page-content-header .tbl-cell-action .btn { margin: -3px 0 -5px; } @media (max-width: 991px) { .page-content-header:before, .page-content-header:after { display: none; } } .section-header { padding: 0 0 27px; } .section-header .tbl-cell { vertical-align: middle; } .section-header .tbl-cell-action { white-space: nowrap; padding-left: 15px; } .section-header .tbl-cell-action.select { width: 180px; } .section-header .tbl-cell-action.button { width: 104px; } .section-header h1, .section-header h2, .section-header h3, .section-header h4, .section-header h5, .section-header h6 { margin: 0; } .section-header .subtitle { font-size: 0.8125rem /*13/16*/; padding: 5px 0 0; } .section-header .breadcrumb { margin-bottom: -13px; margin-top: -9px; } @media (max-width: 767px) { .section-header { display: block; } .section-header .tbl-row, .section-header .tbl-cell { display: block; } .section-header .tbl-cell { padding-bottom: 10px; } .section-header .tbl-cell-action { white-space: nowrap; padding-left: 0; } } /* ========================================================================== Tabs ========================================================================== */ .tabs-section { margin: 0 0 20px; } .tabs-section > .tab-content:not(.no-styled) { background: #fff; border: solid 1px #d8e2e7; border-top: none; -webkit-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; padding: 15px; } .tabs-section-nav { overflow: auto; width: 100%; text-align: center; font-size: 1rem; border-top: solid 1px #d8e2e7; } .tabs-section-nav .nav-item { float: left; background: #f6f8fa; white-space: nowrap; } .tabs-section-nav .nav-item:first-child .nav-link { border-left-color: #d8e2e7; } .tabs-section-nav .nav-item:last-child .nav-link { border-right-color: #d8e2e7; } .tabs-section-nav .nav-link { display: block; color: #6c7a86; font-weight: 600; border: solid 1px #d8e2e7; border-left-color: transparent; border-right-color: transparent; border-top: none; } .tabs-section-nav .nav-link.active { border-left-color: #d8e2e7; border-right-color: #d8e2e7; background: #fff; color: #343434; border-bottom-color: #fff; } .tabs-section-nav .nav-link.active .nav-link-in { border-top-color: #00a8ff; } .tabs-section-nav .nav-link:not(.active) .label { background-color: #adb7be; } .tabs-section-nav .nav-link-in { display: block; padding: 10px; line-height: 28px; border-top: solid 4px transparent; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .tabs-section-nav .label { padding-left: .5em; padding-right: .5em; font-size: 0.875rem /*14/16*/; } .tabs-section-nav .tbl .nav { display: table-row; } .tabs-section-nav .tbl .nav-item { float: none; display: table-cell; vertical-align: middle; } .tabs-section-nav.tabs-section-nav-left .nav { background-color: #f6f8fa; zoom: 1; *zoom: 1; border: solid 1px #d8e2e7; border-left: none; border-top: none; } .tabs-section-nav.tabs-section-nav-left .nav:before, .tabs-section-nav.tabs-section-nav-left .nav:after { content: " "; display: table; } .tabs-section-nav.tabs-section-nav-left .nav:after { clear: both; } .tabs-section-nav.tabs-section-nav-left .nav-item { margin-bottom: -1px; } .tabs-section-nav.tabs-section-nav-left .nav-item:last-child .nav-link { border-right: none; } .tabs-section-nav.tabs-section-nav-left .nav-item:last-child .nav-link.active { border-right: solid 1px #d8e2e7; } .tabs-section-nav.tabs-section-nav-left .nav-link-in { padding-right: 15px; padding-left: 15px; } .tabs-section-nav.tabs-section-nav-left .nav-link, .tabs-section-nav.tabs-section-nav-left .nav-link-in { -webkit-transition: none; -o-transition: none; transition: none; } .tabs-section-nav.tabs-section-nav-icons .font-icon, .tabs-section-nav.tabs-section-nav-icons .glyphicon, .tabs-section-nav.tabs-section-nav-icons .fa { display: block; color: #adb7be; margin: 0 0 .2em; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .tabs-section-nav.tabs-section-nav-icons .nav-link-in { line-height: 1; } .tabs-section-nav.tabs-section-nav-icons .nav-link.active { color: #00a8ff; } .tabs-section-nav.tabs-section-nav-icons .nav-link.active .font-icon, .tabs-section-nav.tabs-section-nav-icons .nav-link.active .glyphicon, .tabs-section-nav.tabs-section-nav-icons .nav-link.active .fa { color: #00a8ff; } .tabs-section-nav.tabs-section-nav-inline { border: none; } .tabs-section-nav.tabs-section-nav-inline .nav { display: block; border: solid 1px #d8e2e7; zoom: 1; *zoom: 1; background: #f6f8fa; } .tabs-section-nav.tabs-section-nav-inline .nav:before, .tabs-section-nav.tabs-section-nav-inline .nav:after { content: " "; display: table; } .tabs-section-nav.tabs-section-nav-inline .nav:after { clear: both; } .tabs-section-nav.tabs-section-nav-inline .nav-item { display: block; float: left; background: none; margin: 0 20px -1px; } .tabs-section-nav.tabs-section-nav-inline .nav-link { border: none; border-bottom: 1px solid #d8e2e7; height: 45px; padding: 12px 0 0; background: none !important; } .tabs-section-nav.tabs-section-nav-inline .nav-link.active { border-bottom: solid 3px #343434; } .tabs-section-nav.tabs-section-nav-data .number, .tabs-section-nav.tabs-section-nav-data .title, .tabs-section-nav.tabs-section-nav-data .percent { display: block; line-height: 1; } .tabs-section-nav.tabs-section-nav-data .number { color: #343434; } .tabs-section-nav.tabs-section-nav-data .title, .tabs-section-nav.tabs-section-nav-data .percent { font-size: 0.75rem /*12/16*/; } .tabs-section-nav.tabs-section-nav-data .percent, .tabs-section-nav.tabs-section-nav-data .number { margin: 0 0 6px; } .tabs-section-nav.tabs-section-nav-data .title { text-transform: uppercase; color: #919fa9; } .tabs-section-nav.tabs-section-nav-data .nav-link.active .title { color: #343434; } .tabs-section-simple .nav { zoom: 1; *zoom: 1; margin: 0 0 10px; } .tabs-section-simple .nav:before, .tabs-section-simple .nav:after { content: " "; display: table; } .tabs-section-simple .nav:after { clear: both; } .tabs-section-simple .nav-item { float: left; margin: 0 30px 10px 0; font-size: 0.8125rem /*13/16*/; font-weight: 600; } .tabs-section-simple .nav-link { text-decoration: none; color: #919fa9; border: none; } .tabs-section-simple .nav-link:hover { color: #00a8ff; } .tabs-section-simple .nav-link.active { color: #343434; } /* ========================================================================== Fancybox ========================================================================== */ .fancybox-skin { -webkit-border-radius: 0; border-radius: 0; } /* ========================================================================== Cards ========================================================================== */ .card { border-color: #d8e2e7; } .card-footer, .card-header { background: none; } .card-header { border-bottom-color: #d8e2e7; font-weight: 600; } .card-header.card-header-lg { font-size: 1.125rem; } .card-header.card-header-xl { font-size: 1.25rem; } .card-header.card-header-xxl { font-size: 1.375rem; } .card-header .modal-close { font-size: .75rem; } .card-block { padding-top: 16px; padding-bottom: 16px; } .card-default .card-header { background-color: #f6f8fa; } .card-inversed .card-block { background-color: #f6f8fa; } .card-blue { border-color: #00a8ff; } .card-blue .card-header { border-bottom-color: #00a8ff; background-color: #e4f6fe; } .card-blue .card-header .modal-close { color: #00a8ff; } .card-blue .card-header .modal-close:hover { opacity: .75; } .card-green { border-color: #46c35f; } .card-green .card-header { border-bottom-color: #46c35f; background-color: #edf9ee; } .card-green .card-header .modal-close { color: #46c35f; } .card-green .card-header .modal-close:hover { opacity: .75; } .card-purple { border-color: #ac6bec; } .card-purple .card-header { border-bottom-color: #ac6bec; background-color: #eee2fc; } .card-purple .card-header .modal-close { color: #ac6bec; } .card-purple .card-header .modal-close:hover { opacity: .75; } .card-red { border-color: #fa424a; } .card-red .card-header { border-bottom-color: #fa424a; background-color: #feecec; } .card-red .card-header .modal-close { color: #fa424a; } .card-red .card-header .modal-close:hover { opacity: .75; } .card-orange { border-color: #f29824; } .card-orange .card-header { border-bottom-color: #f29824; background-color: #fdf4e6; } .card-orange .card-header .modal-close { color: #f29824; } .card-orange .card-header .modal-close:hover { opacity: .75; } .card-blue-fill { border-color: #00a8ff; } .card-blue-fill .card-header { border-bottom-color: #00a8ff; background-color: #00a8ff; color: #fff; } .card-blue-fill .card-header .modal-close { color: #fff; } .card-blue-fill .card-header .modal-close:hover { opacity: .75; } /* ========================================================================== Bootstrap TouchSpin ========================================================================== */ .bootstrap-touchspin .bootstrap-touchspin-postfix { border-left: none; } .bootstrap-touchspin .bootstrap-touchspin-prefix { border-right: none; } .bootstrap-touchspin .input-group-btn-vertical > .btn { padding-top: 9px; padding-bottom: 9px; padding-left: 12px; text-align: center; } .bootstrap-touchspin .input-group-btn-vertical i { left: 7px; top: 4px; } .bootstrap-touchspin .dropdown-menu > li > a { padding: 4px 12px; display: block; font-size: 0.875rem /*14/16*/; color: #343434; } .bootstrap-touchspin .dropdown-menu > li > a:hover { color: #00a8ff; } .bootstrap-touchspin.input-group-sm .btn, .bootstrap-touchspin.input-group-sm .form-control { height: 32px; } /* ========================================================================== Avatars photo ========================================================================== */ .avatar-preview { display: inline-block; vertical-align: middle; } .avatar-preview img { display: block; width: 100%; height: 100%; -webkit-border-radius: 50%; border-radius: 50%; } .avatar-preview.avatar-preview-24 { width: 24px; height: 24px; } .avatar-preview.avatar-preview-32 { width: 32px; height: 32px; } .avatar-preview.avatar-preview-48 { width: 48px; height: 48px; } .avatar-preview.avatar-preview-64 { width: 64px; height: 64px; } .avatar-preview.avatar-preview-100 { width: 100px; height: 100px; } .avatar-preview.avatar-preview-128 { width: 128px; height: 128px; } /* ========================================================================== Caret ========================================================================== */ .caret { display: inline-block; width: 0; height: 0; margin-right: .25rem; margin-left: .25rem; vertical-align: middle; content: ""; border-top: 5px solid; border-right: 4px solid transparent; border-left: 4px solid transparent; position: relative; top: -1px; } .caret.caret-up { border-top: none; border-bottom: solid 5px; } /* ========================================================================== Nestable ========================================================================== */ .dd { position: relative; display: block; margin: 0; padding: 0; list-style: none; } .dd-list { display: block; position: relative; margin: 0; padding: 0; list-style: none; } .dd-list .dd-list { padding-left: 30px; } .dd-collapsed .dd-list { display: none; } .dd-item, .dd-empty, .dd-placeholder { display: block; position: relative; margin: 0; padding: 0; min-height: 20px; line-height: 19px; } .dd-handle { display: block; height: 30px; margin: 5px 0; padding: 5px 10px; text-decoration: none; font-weight: 600; border: 1px solid #d8e2e7; background: #fff; -webkit-border-radius: .25rem; border-radius: .25rem; cursor: move; } .dd-handle:hover { color: #fff; background: #00a8ff; border-color: #00a8ff; } .dd-item > button { display: block; position: relative; cursor: pointer; float: left; width: 25px; height: 20px; margin: 5px 0; padding: 0; text-indent: 100%; white-space: nowrap; overflow: hidden; border: 0; background: transparent; line-height: 1; text-align: center; font-weight: 600; -webkit-transition: none; -o-transition: none; transition: none; } .dd-item > button:before { content: '+'; display: block; position: absolute; width: 100%; text-align: center; text-indent: 0; } .dd-item > button[data-action="collapse"]:before { content: '-'; } .dd-item > button.hover { color: #fff; } .dd-placeholder, .dd-empty { margin: 5px 0; padding: 0; min-height: 30px; background: #e4f6fe; border: 1px dashed #00a8ff; -webkit-border-radius: .25rem; border-radius: .25rem; } .dd-empty { border: 1px dashed #bbb; min-height: 100px; background-color: #e5e5e5; } .dd-dragel { position: absolute; pointer-events: none; z-index: 9999; opacity: .8; list-style: none; } .dd-dragel li { list-style: none; } .dd-dragel > .dd-item .dd-handle { margin-top: 0; } .dd-dragel .dd-item > button { display: none; } .dd-dragel .dd-handle { line-height: 20px; min-height: 30px; padding: 5px 10px; } .dd-green .dd-handle:hover { background-color: #46c35f; border-color: #46c35f; } .dd-green .dd-placeholder, .dd-green .dd-empty { background-color: #edf9ee; border-color: #46c35f; } .dd-purple .dd-handle { border-color: #eee2fc; background-color: #eee2fc; } .dd-purple .dd-handle:hover { background-color: #ac6bec; border-color: #ac6bec; } .dd-purple .dd-placeholder, .dd-purple .dd-empty { background-color: transparent; border-color: #ac6bec; } .dd-grey .dd-handle { background-color: #d8e2e7; } .dd-grey .dd-handle:hover { background-color: #919fa9; border-color: #919fa9; } .dd-red .dd-handle { border-color: #ffd8d9; background-color: #ffd8d9; } .dd-red .dd-handle:hover { background-color: #fa424a; border-color: #fa424a; } .dd-red .dd-placeholder, .dd-red .dd-empty { background-color: transparent; border-color: #fa424a; } .dd-aquamarine .dd-handle { border-color: #d1f0eb; background-color: #d1f0eb; } .dd-aquamarine .dd-handle:hover { background-color: #21a788; border-color: #21a788; } .dd-aquamarine .dd-placeholder, .dd-aquamarine .dd-empty { background-color: transparent; border-color: #21a788; } .dd3-content { display: block; height: 30px; margin: 5px 0; padding: 5px 10px 5px 40px; text-decoration: none; font-weight: 600; border: 1px solid #d8e2e7; background: #fff; -webkit-border-radius: .25rem; border-radius: .25rem; } .dd-dragel > .dd3-item > .dd3-content { margin: 0; } .dd3-item > button { margin-left: 30px; } .dd3-item > button.hover { color: #343434; } .dd3-handle { position: absolute; margin: 0; left: 0; top: 0; cursor: move; width: 30px; text-indent: 100%; white-space: nowrap; overflow: hidden; border: 1px solid #d8e2e7; background: #d8e2e7; -webkit-border-top-right-radius: 0; border-top-right-radius: 0; -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; color: #6c7a86; } .dd3-handle:before { font-family: "startui" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: inherit; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; vertical-align: middle; position: relative; top: -0.15em; content: "\64"; display: block; position: absolute; left: 0; top: -1px; width: 100%; text-align: center; text-indent: 0; font-size: 1rem; line-height: 30px; } .dd3-handle:hover { background: #00a8ff; } .dd3-handle:hover + .dd3-content { border-color: #00a8ff; } .dd3-blue .dd3-content { border-color: #cbeefe; } .dd3-blue .dd3-handle { background-color: #cbeefe; border-color: #cbeefe; color: #00a8ff; } .dd3-blue .dd3-handle:hover { background-color: #00a8ff; border-color: #00a8ff; color: #fff; } .dd3-blue .dd-placeholder, .dd3-blue .dd-empty { background-color: transparent; } .dd3-orange .dd3-content { border-color: #f29824; } .dd3-orange .dd3-handle { background-color: #f29824; border-color: #f29824; color: #fff; } .dd3-orange .dd3-handle:hover { background-color: #fa424a; border-color: #fa424a; } .dd3-orange .dd3-handle:hover + .dd3-content { border-color: #fa424a; } .dd3-orange .dd-placeholder, .dd3-orange .dd-empty { background-color: transparent; border-color: #fa424a; } .horizontal-navigation .page-content { padding-top: 166px; } .horizontal-navigation .main-nav { position: fixed; z-index: 10; width: 100%; top: 80px; left: 0; height: 56px; padding: 0 15px; background: #fff; border-bottom: solid 1px #c5d6de; } .horizontal-navigation .main-nav .nav-link { position: relative; line-height: 56px; color: #999; font-weight: 600; } .horizontal-navigation .main-nav .nav-link:hover, .horizontal-navigation .main-nav .nav-link.active, .horizontal-navigation .main-nav .dropdown.open > .nav-link { color: #343434; } .horizontal-navigation .main-nav .nav-link:hover:before, .horizontal-navigation .main-nav .nav-link.active:before, .horizontal-navigation .main-nav .dropdown.open:before { content: ''; height: 4px; background: #00A8FF; position: absolute; bottom: 1px; width: 100%; display: block; } @media (max-width: 991px) { .horizontal-navigation .page-content { padding-top: 112px; } .horizontal-navigation .main-nav { left: -240px; height: 100%; width: 240px; padding: 0; } .horizontal-navigation .main-nav .nav-item { display: block; margin-left: 0; } .horizontal-navigation .main-nav .nav-link { display: block; padding-left: 20px; padding-right: 20px; line-height: 46px; } .horizontal-navigation .main-nav .nav-link:hover:before, .horizontal-navigation .main-nav .nav-link.active:before, .horizontal-navigation .main-nav .dropdown.open:before { content: ''; width: 4px; background: #00A8FF; position: absolute; left: 0; top: 0; bottom: 1px; height: 100%; display: block; } .horizontal-navigation .main-nav .dropdown.open .dropdown-menu { position: relative; width: 100%; -webkit-border-radius: 0; border-radius: 0; } .horizontal-navigation .main-nav .dropdown.open .dropdown-divider { display: none; } .horizontal-navigation.menu-left-opened .main-nav { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; z-index: 60; left: 0; } .horizontal-navigation.menu-left-opened .mobile-menu-left-overlay { display: block; } } /* ========================================================================== Base ========================================================================== */ * { outline: none !important; } body { background: #eceff4; } /* ========================================================================== Site Header Search ========================================================================== */ .site-header-search { width: 100%; height: 30px; position: relative; padding: 0 35px 0 0; border: solid 1px #c5d6de; -webkit-border-radius: 25rem; border-radius: 25rem; background: #fff; overflow: hidden; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .site-header-search input[type="text"] { width: 100%; padding: 4px 0 0 14px; border: none; background: none; font-size: 0.875rem /*14/16*/; font-weight: 600; color: #343434; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .site-header-search button { display: block; position: absolute; right: 0; top: 0; width: 35px; height: 100%; line-height: 30px; text-align: center; color: #adb7be; border: none; background: none; font-size: 0.9375rem /*15/16*/; } .site-header-search button:hover { color: #00a8ff; } .site-header-search .overlay { display: none; } .site-header-search.closed { width: 37px; border-color: transparent; } .site-header-search.closed .overlay { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 5; cursor: pointer; } .site-header-search.closed input[type="text"] { opacity: 0; } .site-header-search.closed:hover button { color: #00a8ff; } /* ========================================================================== Site Header ========================================================================== */ .site-header { position: fixed; top: 0; left: 0; width: 100%; height: 80px; background: #fff; border-bottom: solid 1px #c5d6de; padding: 20px 15px 0 0; z-index: 80; /* ========================================================================== Notification & messages ========================================================================== */ /* ========================================================================== Help ========================================================================== */ /* ========================================================================== User Menu ========================================================================== */ /* ========================================================================== Language ========================================================================== */ /* ========================================================================== Common Elements ========================================================================== */ /* ========================================================================== Mobile Right Menu ========================================================================== */ } .site-header .btn-nav { margin-left: 20px; margin-top: -5px; float: left; } .site-header .site-logo { display: block; float: left; height: 40px; zoom: 1; *zoom: 1; color: #343434; line-height: 40px; } .site-header .site-logo:before, .site-header .site-logo:after { content: " "; display: table; } .site-header .site-logo:after { clear: both; } .site-header .site-logo img { float: left; height: 50px; position: relative; top: -5px; } @media (max-width: 767px) { .site-header .site-logo img { height: auto; width: 35px; top: 6px; } } .site-header .site-logo .site-logo-txt { float: left; font-size: 1.5rem /*24/16*/; font-weight: 300; } .site-header .site-logo .site-logo-txt strong { font-weight: 600; } .site-header .site-header-content { float: right; height: 40px; padding: 5px 0; width: 100%; margin-left: -210px; } .site-header .site-header-content .site-header-content-in { zoom: 1; *zoom: 1; margin-left: 210px; } .site-header .site-header-content .site-header-content-in:before, .site-header .site-header-content .site-header-content-in:after { content: " "; display: table; } .site-header .site-header-content .site-header-content-in:after { clear: both; } @media (max-width: 767px) { .site-header .site-header-content { margin-left: -80px; } .site-header .site-header-content .site-header-content-in { margin-left: 80px; } } .site-header .site-header-shown { float: right; zoom: 1; *zoom: 1; } .site-header .site-header-shown:before, .site-header .site-header-shown:after { content: " "; display: table; } .site-header .site-header-shown:after { clear: both; } .site-header .header-alarm { width: 30px; height: 30px; line-height: 30px; text-align: center; position: relative; display: block; color: #adb7be; font-size: 1.125rem /*18/16*/; } .site-header .header-alarm:hover { color: #00a8ff; } .site-header .header-alarm i { vertical-align: middle; } .site-header .header-alarm.active:after { content: ''; display: block; width: 8px; height: 8px; border: solid 1px #fff; background: #fa424a; -webkit-border-radius: 50%; border-radius: 50%; position: absolute; left: 50%; top: 6px; margin-left: 1px; } .site-header .dropdown.dropdown-notification { float: left; } .site-header .dropdown.dropdown-notification.open .header-alarm { color: #00a8ff; } .site-header .dropdown.dropdown-notification.messages { margin-left: 11px; } .site-header .dropdown.dropdown-notification.messages .header-alarm:after { margin-left: 4px; } .site-header .dropdown.dropdown-notification .dropdown-menu-notif-more { border-top: solid 1px #d8e2e7; text-align: center; padding: 10px 15px; font-size: 1rem; } .site-header .dropdown.dropdown-notification .dropdown-menu-notif-more a { text-decoration: none; color: #0082c6; border-bottom: solid 1px transparent; } .site-header .dropdown.dropdown-notification .dropdown-menu-notif-more a:hover { border-bottom-color: rgba(0, 130, 198, 0.5); } .site-header .dropdown-menu-notif { width: 290px; padding: 0; line-height: normal; font-size: 0.9375rem /*15/16*/; } .site-header .dropdown-menu-notif a { text-decoration: none; color: #0082c6; border-bottom: solid 1px transparent; } .site-header .dropdown-menu-notif a:hover { border-bottom-color: rgba(0, 130, 198, 0.5); } .site-header .dropdown-menu-notif .dropdown-menu-notif-header { padding: 12px 15px; border-bottom: solid 1px #d8e2e7; font-weight: 600; } .site-header .dropdown-menu-notif .dropdown-menu-notif-header .label { font-size: 0.875rem /*14/16*/; font-weight: 400; padding-left: .5em; padding-right: .5em; } .site-header .dropdown-menu-notif .dropdown-menu-notif-list { height: 192px; overflow: auto; } .site-header .dropdown-menu-notif .dropdown-menu-notif-item { padding: 8px 15px 8px 57px; position: relative; } .site-header .dropdown-menu-notif .dropdown-menu-notif-item:nth-child(even) { background: #fbfcfd; } .site-header .dropdown-menu-notif .dropdown-menu-notif-item .photo { width: 32px; height: 32px; position: absolute; left: 15px; top: 50%; margin-top: -16px; } .site-header .dropdown-menu-notif .dropdown-menu-notif-item .photo img { -webkit-border-radius: 50%; border-radius: 50%; display: block; width: 100%; } .site-header .dropdown-menu-notif .dropdown-menu-notif-item .dot { display: inline-block; vertical-align: middle; width: 6px; height: 6px; margin: 0 0 6px; -webkit-border-radius: 50%; border-radius: 50%; background: #fa424a; position: relative; top: 2px; } .site-header .dropdown-menu-messages { width: 290px; padding-bottom: 0; } .site-header .dropdown-menu-messages .dropdown-menu-messages-header { border-bottom: solid 1px #d8e2e7; padding: 7px 15px 12px; zoom: 1; *zoom: 1; } .site-header .dropdown-menu-messages .dropdown-menu-messages-header:before, .site-header .dropdown-menu-messages .dropdown-menu-messages-header:after { content: " "; display: table; } .site-header .dropdown-menu-messages .dropdown-menu-messages-header:after { clear: both; } .site-header .dropdown-menu-messages .dropdown-menu-messages-header .nav { float: left; zoom: 1; *zoom: 1; } .site-header .dropdown-menu-messages .dropdown-menu-messages-header .nav:before, .site-header .dropdown-menu-messages .dropdown-menu-messages-header .nav:after { content: " "; display: table; } .site-header .dropdown-menu-messages .dropdown-menu-messages-header .nav:after { clear: both; } .site-header .dropdown-menu-messages .dropdown-menu-messages-header .nav-item { float: left; margin: 0 15px 0 0; } .site-header .dropdown-menu-messages .dropdown-menu-messages-header .nav-link { font-size: 1rem; font-weight: 600; color: #919fa9; -webkit-transition: none; -o-transition: none; transition: none; } .site-header .dropdown-menu-messages .dropdown-menu-messages-header .nav-link.active { color: #343434; } .site-header .dropdown-menu-messages .dropdown-menu-messages-header .nav-link .label { font-size: .875rem; padding-left: .5em; padding-right: .5em; font-weight: 400; } .site-header .dropdown-menu-messages .dropdown-menu-messages-header .create { float: right; height: 18px; font-size: 1rem; border: none; background: none; color: #919fa9; position: relative; top: -1px; } .site-header .dropdown-menu-messages .dropdown-menu-messages-header .create:hover { color: #00a8ff; } .site-header .dropdown-menu-messages .mess-item { display: block; color: #343434; padding: 14px 15px 14px 57px; position: relative; line-height: 18px; } .site-header .dropdown-menu-messages .mess-item:nth-child(odd) { background-color: #fbfcfd; } .site-header .dropdown-menu-messages .mess-item:hover { background-color: #ecf2f5; } .site-header .dropdown-menu-messages .mess-item span { display: block; } .site-header .dropdown-menu-messages .mess-item .avatar-preview { position: absolute; left: 15px; top: 15px; } .site-header .dropdown-menu-messages .mess-item .mess-item-name, .site-header .dropdown-menu-messages .mess-item .mess-item-txt { white-space: nowrap; width: 100%; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; font-size: .9375rem; } .site-header .dropdown-menu-messages .mess-item .mess-item-name { font-weight: 600; } .site-header .dropdown-menu-messages .mess-item .mess-item-txt { color: #919fa9; } .site-header .dropdown-menu-messages .tab-pane { height: 192px; overflow: auto; } .site-header .help-dropdown { float: left; position: relative; height: 30px; margin: 0 0 0 10px; } .site-header .help-dropdown > button { height: 30px; line-height: 30px; border: none; background: none; color: #adb7be; } .site-header .help-dropdown.opened > button, .site-header .help-dropdown > button:hover { color: #00a8ff; } .site-header .help-dropdown .help-dropdown-popup { display: none; position: absolute; top: 100%; left: 50%; margin-left: -400px; margin-top: 7px; background: #fff; border: solid 1px #d8e2e7; -webkit-border-radius: .25rem; border-radius: .25rem; zoom: 1; *zoom: 1; width: 800px; } .site-header .help-dropdown .help-dropdown-popup:before, .site-header .help-dropdown .help-dropdown-popup:after { content: " "; display: table; } .site-header .help-dropdown .help-dropdown-popup:after { clear: both; } .site-header .help-dropdown .help-dropdown-popup:before, .site-header .help-dropdown .help-dropdown-popup:after { content: ''; display: block; position: absolute; left: 50%; width: 0; height: 0; border-style: solid; } .site-header .help-dropdown .help-dropdown-popup:before { top: -10px; margin-left: -8px; border-width: 0 8px 10px 8px; border-color: transparent transparent #d8e2e7 transparent; } .site-header .help-dropdown .help-dropdown-popup:after { top: -9px; margin-left: -7px; border-width: 0 7px 9px 7px; border-color: transparent transparent #ffffff transparent; } .site-header .help-dropdown .help-dropdown-popup-side { float: left; width: 230px; background: #f6f8fa; -webkit-border-radius: .25rem 0 0 .25rem; border-radius: .25rem 0 0 .25rem; padding: 30px; border-right: solid 1px #d8e2e7; position: relative; z-index: 2; font-weight: 600; } .site-header .help-dropdown .help-dropdown-popup-side a { color: #343434; } .site-header .help-dropdown .help-dropdown-popup-side a:hover { color: #00a8ff; } .site-header .help-dropdown .help-dropdown-popup-side a.active { color: #00a8ff; } .site-header .help-dropdown .help-dropdown-popup-side li { margin: 0 0 .5rem; } .site-header .help-dropdown .help-dropdown-popup-cont { float: right; width: 100%; margin-left: -230px; } .site-header .help-dropdown .help-dropdown-popup-cont-in { margin-left: 230px; padding: 30px; } .site-header .help-dropdown .help-dropdown-popup-item { border-top: solid 1px #d8e2e7; padding: 10px 0; display: block; color: #343434; } .site-header .help-dropdown .help-dropdown-popup-item:hover { color: #00a8ff; } .site-header .help-dropdown .help-dropdown-popup-item:first-child { border-top: none; padding-top: 0; } .site-header .help-dropdown .help-dropdown-popup-item .describe { display: block; color: #919fa9; font-size: .875rem; } .site-header .help-dropdown .jscroll { max-height: 265px; overflow: auto; } .site-header .help-dropdown.opened .help-dropdown-popup { display: block; } .site-header .user-menu.dropdown { float: left; margin: 0 0 0 15px; height: 30px; line-height: 30px; } .site-header .user-menu.dropdown .dropdown-toggle { display: block; color: #adb7be; height: 30px; border: none; background: none; line-height: 30px; } .site-header .user-menu.dropdown .dropdown-toggle:after { border-top: 5px solid; border-right: 4px solid transparent; border-left: 4px solid transparent; } .site-header .user-menu.dropdown .dropdown-toggle img { float: left; display: block; height: 32px; width: 32px; margin: -1px 3px -1px 0; -webkit-border-radius: 50%; border-radius: 50%; border: solid 1px transparent; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .site-header .user-menu.dropdown.open .dropdown-toggle, .site-header .user-menu.dropdown .dropdown-toggle:hover { color: #00a8ff; } .site-header .dropdown.dropdown-lang { float: left; } .site-header .dropdown.dropdown-lang .flag-icon { -webkit-box-shadow: 0 0 1px #c5d6de, 0 0 1px #c5d6de, 0 0 1px #c5d6de; box-shadow: 0 0 1px #c5d6de, 0 0 1px #c5d6de, 0 0 1px #c5d6de; } .site-header .dropdown.dropdown-lang .dropdown-toggle { height: 30px; width: 45px; text-align: right; padding: 0 5px 0 0; background: none; border: none; color: #adb7be; } .site-header .dropdown.dropdown-lang .dropdown-toggle:after { display: none; } .site-header .dropdown.dropdown-lang .dropdown-toggle:hover { color: #00a8ff; } .site-header .dropdown.dropdown-lang .dropdown-menu { width: 250px; } .site-header .dropdown.dropdown-lang .dropdown-menu .flag-icon { margin: 0 5px 0 0; position: relative; top: -1px; } .site-header .dropdown.dropdown-lang.open .dropdown-toggle { color: #00a8ff; } .site-header .burger-right { display: none; float: right; height: 30px; margin: 0 0 0 10px; line-height: 30px; cursor: pointer; color: #adb7be; border: none; background: none; font-size: 1.375rem /*22/16*/; position: relative; top: 1px; } .site-header .burger-right:hover { color: #00a8ff; } .site-header .burger-right i { vertical-align: middle; } .site-header .dropdown { float: right; } .site-header .dropdown.dropdown-typical { float: left; margin-right: -10px; } .site-header .dropdown.dropdown-typical .lbl { font-size: 15px; line-height: 16px; } .site-header .dropdown a.dropdown-toggle { height: 30px; line-height: 30px; } .site-header .dropdown a.dropdown-toggle.no-arr:after { display: none; } .site-header .dropdown a.dropdown-toggle .label { padding: 3px 6px 2px; margin-left: 3px; font-size: 0.8125rem /*13/16*/; position: relative; top: -2px; } .site-header .dropdown .dropdown-item { font-size: 15px; } .site-header .dropdown .btn.dropdown-toggle { height: 30px; padding: 0 12px; font-size: 0.8125rem /*13/16*/; line-height: 28px; background-color: #00a8ff; border-color: #00a8ff; color: #fff; } .site-header .dropdown .btn.dropdown-toggle:after { border-top: 5px solid; border-right: 4px solid transparent; border-left: 4px solid transparent; } .site-header .dropdown.open .btn.dropdown-toggle { background: #fff; color: #00a8ff; } .site-header .site-header-search-container { float: right; width: 158px; margin: 0 10px 0 0; zoom: 1; *zoom: 1; } .site-header .site-header-search-container:before, .site-header .site-header-search-container:after { content: " "; display: table; } .site-header .site-header-search-container:after { clear: both; } .site-header .site-header-search-container .site-header-search { float: right; } .site-header .site-header-collapsed { float: left; width: 100%; margin-right: -199px; } .site-header .site-header-collapsed .site-header-collapsed-in { margin-right: 199px; zoom: 1; *zoom: 1; } .site-header .site-header-collapsed .site-header-collapsed-in:before, .site-header .site-header-collapsed .site-header-collapsed-in:after { content: " "; display: table; } .site-header .site-header-collapsed .site-header-collapsed-in:after { clear: both; } .site-header .mobile-menu-right-overlay { display: none; } .site-header .hamburger { float: left; position: relative; top: 5px; margin: 0 0 0 12px; } @media (max-width: 1530px) and (min-width: 992px) { .site-header .dropdown.dropdown-typical a.dropdown-toggle .font-icon { margin-right: 0; } .site-header .dropdown.dropdown-typical a.dropdown-toggle .lbl { display: none; } } @media (max-width: 1199px) { .site-header .site-header-search-container { width: 110px; } } @media (max-width: 991px) { .site-header { padding-right: 0; } .site-header .site-logo-text { display: none; } .site-header .help-dropdown { display: none; } .site-header .burger-right { display: block; } .site-header .site-header-collapsed { position: fixed; right: -270px; top: 0; z-index: 90; height: 100%; width: 270px; background: #fff; border-left: solid 1px #c5d6de; padding: 15px; overflow: auto; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; float: none; margin: 0; } .site-header .site-header-collapsed .site-header-collapsed-in { margin: 0; } .site-header .site-header-collapsed .site-header-search.closed { width: 100%; border-color: #c5d6de; } .site-header .site-header-collapsed .site-header-search.closed .overlay { display: none; } .site-header .site-header-collapsed .site-header-search.closed input[type="text"] { opacity: 1; } .site-header .site-header-collapsed .site-header-search.closed:hover button { color: #c5d6de; } .site-header .site-header-collapsed .site-header-search-container { width: 100%; padding: 10px 0; float: none; } .site-header .site-header-collapsed .btn-nav { margin-left: 0; margin-top: 5px; width: 100%; } .site-header .site-header-collapsed .dropdown { float: none; margin: 0; zoom: 1; *zoom: 1; } .site-header .site-header-collapsed .dropdown:before, .site-header .site-header-collapsed .dropdown:after { content: " "; display: table; } .site-header .site-header-collapsed .dropdown:after { clear: both; } .site-header .site-header-collapsed .dropdown .btn.dropdown-toggle { width: 100%; margin-bottom: 5px; margin-top: 8px; } .site-header .site-header-collapsed .dropdown .dropdown-menu { display: none; position: static; width: 100%; margin-top: 0; } .site-header .site-header-collapsed .dropdown.open a.dropdown-toggle { color: #343434; } .site-header .site-header-collapsed .dropdown.open a.dropdown-toggle:after, .site-header .site-header-collapsed .dropdown.open a.dropdown-toggle .font-icon { color: #adb7be; } .site-header .site-header-collapsed .dropdown.open .btn.dropdown-toggle { color: #fff; background-color: #00a8ff; } .site-header .site-header-collapsed .dropdown.mobile-opened .dropdown-menu { display: block; } .site-header .site-header-collapsed .dropdown.mobile-opened .dropdown-toggle:after { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .site-header .site-header-collapsed .dropdown.mobile-opened a.dropdown-toggle { color: #00a8ff; } .site-header .site-header-collapsed .dropdown.mobile-opened a.dropdown-toggle:after, .site-header .site-header-collapsed .dropdown.mobile-opened a.dropdown-toggle .font-icon { color: #00a8ff; } .site-header .site-header-collapsed .dropdown.mobile-opened .btn.dropdown-toggle { color: #00a8ff; background-color: #fff; } .site-header .site-header-collapsed .dropdown.dropdown-typical .dropdown-more .dropdown-more-caption:before { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } .site-header .site-header-collapsed .dropdown.dropdown-typical .dropdown-more .dropdown-more-sub { display: none; position: static; left: 0; padding: 0; margin: 0; } .site-header .site-header-collapsed .dropdown.dropdown-typical .dropdown-more .dropdown-more-sub-in { border-right: none; -webkit-border-radius: 0; border-radius: 0; } .site-header .site-header-collapsed .dropdown.dropdown-typical .dropdown-more:hover .dropdown-more-sub { display: none; } .site-header .site-header-collapsed .dropdown.dropdown-typical .dropdown-more.opened .dropdown-more-caption { color: #00a8ff; } .site-header .site-header-collapsed .dropdown.dropdown-typical .dropdown-more.opened .dropdown-more-caption:before { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); border-left-color: #00a8ff; } .site-header .site-header-collapsed .dropdown.dropdown-typical .dropdown-more.opened .dropdown-more-sub { display: block; } .menu-right-opened .site-header .mobile-menu-right-overlay { display: block; position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 85; background: rgba(48, 75, 88, 0.5); } .menu-right-opened .site-header .site-header-collapsed { right: 0; } } @media (max-width: 767px) { .site-header .burger-right { margin-left: 7px; } .site-header .dropdown.dropdown-notification.messages { margin-left: 8px; } .site-header .dropdown.dropdown-lang .dropdown-toggle { width: 42px; } .site-header .dropdown.dropdown-lang .dropdown-menu { margin-right: -52px; } .site-header .user-menu.dropdown { margin-left: 12px; } .site-header .dropdown-menu-notif { margin-right: -172px; } .site-header .dropdown-menu-messages { margin-right: -134px; } } /* ========================================================================== Hamburger ========================================================================== */ .hamburger { display: none; position: relative; overflow: hidden; margin: 0; padding: 0; width: 30px; height: 30px; font-size: 0; text-indent: -9999px; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-box-shadow: none; box-shadow: none; -webkit-border-radius: 0; border-radius: 0; border: none; cursor: pointer; -webkit-transition: background 0.3s; -o-transition: background 0.3s; transition: background 0.3s; background: none; } .hamburger span { display: block; margin: 0 4px; position: absolute; top: 50%; margin-top: -1px; left: 0; right: 0; height: 3px; background: #adb7be; -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; -o-transition: transform 0.3s, -o-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s, -o-transform 0.3s; } .hamburger span:before, .hamburger span:after { position: absolute; display: block; left: 0; width: 100%; height: 3px; background-color: #adb7be; content: ""; } .hamburger span:before { top: -7px; -webkit-transform-origin: top right; -ms-transform-origin: top right; -o-transform-origin: top right; transform-origin: top right; -webkit-transition: width 0.3s, top 0.3s, -webkit-transform 0.3s; transition: width 0.3s, top 0.3s, -webkit-transform 0.3s; -o-transition: transform 0.3s, width 0.3s, top 0.3s, -o-transform 0.3s; transition: transform 0.3s, width 0.3s, top 0.3s; transition: transform 0.3s, width 0.3s, top 0.3s, -webkit-transform 0.3s, -o-transform 0.3s; } .hamburger span:after { bottom: -7px; -webkit-transform-origin: bottom right; -ms-transform-origin: bottom right; -o-transform-origin: bottom right; transform-origin: bottom right; -webkit-transition: width 0.3s, bottom 0.3s, -webkit-transform 0.3s; transition: width 0.3s, bottom 0.3s, -webkit-transform 0.3s; -o-transition: transform 0.3s, width 0.3s, bottom 0.3s, -o-transform 0.3s; transition: transform 0.3s, width 0.3s, bottom 0.3s; transition: transform 0.3s, width 0.3s, bottom 0.3s, -webkit-transform 0.3s, -o-transform 0.3s; } .hamburger.is-active { background: none; } .hamburger.is-active span { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .hamburger.is-active span:before, .hamburger.is-active span:after { width: 50%; } .hamburger.is-active span:before { top: 0; -webkit-transform: translateX(12px) translateY(1px) rotate(45deg); -ms-transform: translateX(12px) translateY(1px) rotate(45deg); -o-transform: translateX(12px) translateY(1px) rotate(45deg); transform: translateX(12px) translateY(1px) rotate(45deg); } .hamburger.is-active span:after { bottom: 0; -webkit-transform: translateX(12px) translateY(-1px) rotate(-45deg); -ms-transform: translateX(12px) translateY(-1px) rotate(-45deg); -o-transform: translateX(12px) translateY(-1px) rotate(-45deg); transform: translateX(12px) translateY(-1px) rotate(-45deg); } .hamburger:hover span, .hamburger:hover span:before, .hamburger:hover span:after { background-color: #00a8ff; } @media (max-width: 991px) { .hamburger { display: block; } } /* ========================================================================== STYLE: Wet Asphalt Theme ========================================================================== */ .wet-aspalt-theme .site-header { background-color: #304b58; border-bottom-color: #304b58; } .wet-aspalt-theme .site-header .dropdown.dropdown-lang .flag-icon { opacity: .9; -webkit-box-shadow: none; box-shadow: none; } .wet-aspalt-theme .site-header .dropdown.dropdown-lang .dropdown-toggle { color: #fff; } .wet-aspalt-theme .site-header .dropdown.dropdown-lang .dropdown-toggle:hover, .wet-aspalt-theme .site-header .dropdown.dropdown-lang.open .dropdown-toggle { color: #c5d6de; } .wet-aspalt-theme .site-header .header-alarm { color: #fff; } .wet-aspalt-theme .site-header .header-alarm.active:after { border-color: #304b58; } .wet-aspalt-theme .site-header .header-alarm:hover, .wet-aspalt-theme .site-header .dropdown.dropdown-notification.open .header-alarm { color: #c5d6de; } .wet-aspalt-theme .site-header .user-menu.dropdown .dropdown-toggle { color: #fff; } .wet-aspalt-theme .site-header .user-menu.dropdown.open .dropdown-toggle, .wet-aspalt-theme .site-header .user-menu.dropdown .dropdown-toggle:hover { color: #c5d6de; } .wet-aspalt-theme .site-header .hamburger span, .wet-aspalt-theme .site-header .hamburger span:after, .wet-aspalt-theme .site-header .hamburger span:before { background-color: #fff; } .wet-aspalt-theme .site-header .burger-right { color: #fff; } @media (min-width: 992px) { .wet-aspalt-theme .site-header .dropdown.dropdown-typical a.dropdown-toggle, .wet-aspalt-theme .site-header .dropdown.dropdown-typical a.dropdown-toggle .font-icon, .wet-aspalt-theme .site-header .dropdown.dropdown-typical a.dropdown-toggle:after { color: #fff; } .wet-aspalt-theme .site-header .dropdown.dropdown-typical.open a.dropdown-toggle, .wet-aspalt-theme .site-header .dropdown.dropdown-typical a.dropdown-toggle:hover { color: #c5d6de; } .wet-aspalt-theme .site-header .dropdown.dropdown-typical.open a.dropdown-toggle:after, .wet-aspalt-theme .site-header .dropdown.dropdown-typical a.dropdown-toggle:hover:after, .wet-aspalt-theme .site-header .dropdown.dropdown-typical.open a.dropdown-toggle .font-icon, .wet-aspalt-theme .site-header .dropdown.dropdown-typical a.dropdown-toggle:hover .font-icon { color: #c5d6de; } .wet-aspalt-theme .site-header .dropdown .btn.dropdown-toggle { border-color: #fff; background-color: #fff; color: #304b58; } .wet-aspalt-theme .site-header .help-dropdown button { color: #fff; } .wet-aspalt-theme .site-header .help-dropdown.opened button, .wet-aspalt-theme .site-header .help-dropdown button:hover { color: #c5d6de; } .wet-aspalt-theme .site-header .site-header-search { background: none; border-color: #c5d6de; } .wet-aspalt-theme .site-header .site-header-search.closed { border-color: transparent; } .wet-aspalt-theme .site-header .site-header-search input[placeholder], .wet-aspalt-theme .site-header .site-header-search [placeholder], .wet-aspalt-theme .site-header .site-header-search *[placeholder] { color: #fff; } .wet-aspalt-theme .site-header .site-header-search ::-webkit-input-placeholder { color: #fff !important; } .wet-aspalt-theme .site-header .site-header-search ::-moz-placeholder { color: #fff !important; opacity: 1 !important; } .wet-aspalt-theme .site-header .site-header-search :-moz-placeholder { color: #fff !important; opacity: 1 !important; } .wet-aspalt-theme .site-header .site-header-search ::-moz-placeholder { color: #fff !important; } .wet-aspalt-theme .site-header .site-header-search :-ms-input-placeholder { color: #fff !important; } .wet-aspalt-theme .site-header .site-header-search button { color: #fff; } .wet-aspalt-theme .site-header .site-header-search button:hover, .wet-aspalt-theme .site-header .site-header-search.closed:hover button { color: #c5d6de; } } /* ========================================================================== STYLE: Dark Theme ========================================================================== */ .site-header .site-logo-text { float: left; width: 240px; height: 50px; line-height: 50px; color: #fff; font-size: 1.25rem; font-weight: 600; background: #272727; margin: 0 -1px 0 -0.9375rem; position: relative; padding: 0; text-align: center; } .with-side-menu-compact .site-header .site-logo-text { width: 100px; } .with-side-menu-compact.dark-theme .site-header .site-header-content { margin-left: -100px; } .with-side-menu-compact.dark-theme .site-header .site-header-content .site-header-content-in { margin-left: 100px; } @media (max-width: 767px) { .with-side-menu-compact.dark-theme .site-header .site-header-content { margin-left: -110px; } .with-side-menu-compact.dark-theme .site-header .site-header-content .site-header-content-in { margin-left: 110px; } } .dark-theme .site-header { background-color: #343434; height: 50px; padding-top: 0; border-bottom: none; } .dark-theme .site-header .site-header-content { padding: 0; margin-left: -240px; } .dark-theme .site-header .site-header-content .site-header-content-in { margin-left: 240px; } @media (max-width: 767px) { .dark-theme .site-header .site-header-content { margin-left: -130px; } .dark-theme .site-header .site-header-content .site-header-content-in { margin-left: 130px; } } .dark-theme .site-header .site-header-shown { padding-top: 10px; } .dark-theme .site-header .header-alarm.active:after { border-color: #343434; } .dark-theme .site-header .hamburger { top: 8px; } .dark-theme .site-header.site-header-light { background: #fff; } .dark-theme .site-header.site-header-light .header-alarm.active:after { border-color: #fff; } @media (min-width: 992px) { .dark-theme .site-header .site-header-collapsed .site-header-collapsed-in { margin-right: 112px; } .dark-theme .site-header .dropdown .btn.dropdown-toggle { position: relative; top: 10px; border-color: #919fa9; background-color: #919fa9; color: #fff; } .dark-theme .site-header .dropdown .dropdown-menu { margin-top: 14px; } .dark-theme .site-header .dropdown.dropdown-typical { margin: 0 1px 0 0; } .dark-theme .site-header .dropdown.dropdown-typical a.dropdown-toggle { color: #fff; height: 50px; line-height: 50px; display: block; } .dark-theme .site-header .dropdown.dropdown-typical a.dropdown-toggle .font-icon, .dark-theme .site-header .dropdown.dropdown-typical a.dropdown-toggle:after { color: #919fa9; } .dark-theme .site-header .dropdown.dropdown-typical.open a.dropdown-toggle, .dark-theme .site-header .dropdown.dropdown-typical a.dropdown-toggle:hover { background-color: #919fa9; } .dark-theme .site-header .dropdown.dropdown-typical.open a.dropdown-toggle:after, .dark-theme .site-header .dropdown.dropdown-typical a.dropdown-toggle:hover:after, .dark-theme .site-header .dropdown.dropdown-typical.open a.dropdown-toggle .font-icon, .dark-theme .site-header .dropdown.dropdown-typical a.dropdown-toggle:hover .font-icon { color: #fff; } .dark-theme .site-header .dropdown.dropdown-typical .dropdown-menu { margin-top: 8px; } .dark-theme .site-header .dropdown.dropdown-typical .dropdown-menu .font-icon { color: #919fa9; } .dark-theme .site-header .dropdown.dropdown-typical .dropdown-menu .dropdown-item:hover .font-icon { color: #00a8ff; } .dark-theme .site-header .site-header-search-container { padding-top: 10px; } .dark-theme .site-header .site-header-search { background: #fff; border-color: #919fa9; } .dark-theme .site-header .site-header-search.closed { border-color: transparent; background: transparent; } .dark-theme .site-header.site-header-light .dropdown.dropdown-typical a.dropdown-toggle { color: #919fa9; } .dark-theme .site-header.site-header-light .dropdown.dropdown-typical.open a.dropdown-toggle, .dark-theme .site-header.site-header-light .dropdown.dropdown-typical a.dropdown-toggle:hover { color: #fff; } } /* ========================================================================== STYLE: Dark Theme Blue ========================================================================== */ @media (min-width: 992px) { .dark-theme.dark-theme-blue .site-header .dropdown.dropdown-typical.open a.dropdown-toggle, .dark-theme.dark-theme-blue .site-header .dropdown.dropdown-typical a.dropdown-toggle:hover { background-color: #00a8ff; } .dark-theme.dark-theme-blue .site-header .dropdown.dropdown-typical.open a.dropdown-toggle:before { border-top-color: #00a8ff; } .dark-theme.dark-theme-blue .site-header .dropdown .dropdown-menu .dropdown-item:hover, .dark-theme.dark-theme-blue .site-header .dropdown .dropdown-menu .dropdown-item:hover .font-icon, .dark-theme.dark-theme-blue .site-header .dropdown .dropdown-menu .dropdown-more:hover .dropdown-more-caption { color: #00a8ff; } .dark-theme.dark-theme-blue .site-header .dropdown .dropdown-menu .dropdown-more:hover .dropdown-more-caption:before { border-left-color: #00a8ff; } } /* ========================================================================== STYLE: Dark Theme Green ========================================================================== */ @media (min-width: 992px) { .dark-theme.dark-theme-green .site-header .dropdown.dropdown-typical.open a.dropdown-toggle, .dark-theme.dark-theme-green .site-header .dropdown.dropdown-typical a.dropdown-toggle:hover { background-color: #46c35f; } .dark-theme.dark-theme-green .site-header .dropdown.dropdown-typical.open a.dropdown-toggle:before { border-top-color: #46c35f; } .dark-theme.dark-theme-green .site-header .dropdown .dropdown-menu .dropdown-item:hover, .dark-theme.dark-theme-green .site-header .dropdown .dropdown-menu .dropdown-item:hover .font-icon, .dark-theme.dark-theme-green .site-header .dropdown .dropdown-menu .dropdown-more:hover .dropdown-more-caption { color: #46c35f; } .dark-theme.dark-theme-green .site-header .dropdown .dropdown-menu .dropdown-more:hover .dropdown-more-caption:before { border-left-color: #46c35f; } .dark-theme.dark-theme-green .site-header .site-header-search button:hover, .dark-theme.dark-theme-green .site-header .site-header-search.closed:hover button, .dark-theme.dark-theme-green .site-header .header-alarm:hover, .dark-theme.dark-theme-green .site-header .dropdown.dropdown-notification.open .header-alarm { color: #46c35f; } .dark-theme.dark-theme-green .site-header .user-menu.dropdown.open .dropdown-toggle, .dark-theme.dark-theme-green .site-header .user-menu.dropdown .dropdown-toggle:hover { color: #46c35f; } } /* ========================================================================== STYLE: Dark Theme Ultramarine ========================================================================== */ @media (min-width: 992px) { .dark-theme.dark-theme-ultramarine .dropdown.dropdown-typical.open a.dropdown-toggle, .dark-theme.dark-theme-ultramarine .dropdown.dropdown-typical a.dropdown-toggle:hover { background-color: #1a5bc3; } .dark-theme.dark-theme-ultramarine .dropdown.dropdown-typical.open a.dropdown-toggle:before { border-top-color: #1a5bc3; } .dark-theme.dark-theme-ultramarine .dropdown .dropdown-menu .dropdown-item:hover, .dark-theme.dark-theme-ultramarine .dropdown .dropdown-menu .dropdown-item:hover .font-icon, .dark-theme.dark-theme-ultramarine .dropdown .dropdown-menu .dropdown-more:hover .dropdown-more-caption { color: #1a5bc3; } .dark-theme.dark-theme-ultramarine .dropdown .dropdown-menu .dropdown-more:hover .dropdown-more-caption:before { border-left-color: #1a5bc3; } .dark-theme.dark-theme-ultramarine .site-header-search button:hover, .dark-theme.dark-theme-ultramarine .site-header-search.closed:hover button, .dark-theme.dark-theme-ultramarine .header-alarm:hover, .dark-theme.dark-theme-ultramarine .dropdown.dropdown-notification.open .header-alarm { color: #1a5bc3; } .dark-theme.dark-theme-ultramarine .user-menu.dropdown.open .dropdown-toggle, .dark-theme.dark-theme-ultramarine .user-menu.dropdown .dropdown-toggle:hover { color: #1a5bc3; } } /* ========================================================================== STYLE: Theme Side (common styles) ========================================================================== */ @media (min-width: 992px) { .theme-side-ebony-clay .site-header .site-logo, .theme-side-madison-caribbean .site-header .site-logo, .theme-side-caesium-dark-caribbean .site-header .site-logo, .theme-side-tin .site-header .site-logo, .theme-side-litmus-blue .site-header .site-logo, .theme-rebecca-purple .site-header .site-logo, .theme-picton-blue .site-header .site-logo, .theme-picton-blue-white-ebony .site-header .site-logo { height: 80px; width: 240px; padding: 20px 0 0; text-align: center; margin: -20px 0 0 -15px; } .theme-side-ebony-clay .site-header .site-logo img, .theme-side-madison-caribbean .site-header .site-logo img, .theme-side-caesium-dark-caribbean .site-header .site-logo img, .theme-side-tin .site-header .site-logo img, .theme-side-litmus-blue .site-header .site-logo img, .theme-rebecca-purple .site-header .site-logo img, .theme-picton-blue .site-header .site-logo img, .theme-picton-blue-white-ebony .site-header .site-logo img { float: none; } .theme-side-ebony-clay .site-header .site-header-content, .theme-side-madison-caribbean .site-header .site-header-content, .theme-side-caesium-dark-caribbean .site-header .site-header-content, .theme-side-tin .site-header .site-header-content, .theme-side-litmus-blue .site-header .site-header-content, .theme-rebecca-purple .site-header .site-header-content, .theme-picton-blue .site-header .site-header-content, .theme-picton-blue-white-ebony .site-header .site-header-content { margin-left: -240px; } .theme-side-ebony-clay .site-header .site-header-content-in, .theme-side-madison-caribbean .site-header .site-header-content-in, .theme-side-caesium-dark-caribbean .site-header .site-header-content-in, .theme-side-tin .site-header .site-header-content-in, .theme-side-litmus-blue .site-header .site-header-content-in, .theme-rebecca-purple .site-header .site-header-content-in, .theme-picton-blue .site-header .site-header-content-in, .theme-picton-blue-white-ebony .site-header .site-header-content-in { margin-left: 240px; } .theme-side-ebony-clay .site-header .site-logo { background-color: #212b30; } .theme-side-madison-caribbean .site-header .site-logo { background-color: #263543; } .theme-side-caesium-dark-caribbean .site-header .site-logo { background-color: #22222f; } .theme-side-tin .site-header .site-logo { background-color: #383838; } .theme-side-litmus-blue .site-header .site-logo { background-color: #282c38; } } .theme-rebecca-purple .site-header { background-color: #3e4eb2; border-bottom-color: #3e4eb2; } .theme-rebecca-purple .site-header .site-header-search.closed { background: none; } .theme-rebecca-purple .site-header .site-header-search.closed button { color: #fff; } .theme-rebecca-purple .site-header .site-header-search.closed:hover button { color: #00a8ff; } .theme-rebecca-purple .site-header .header-alarm.active:after { border-color: #3e4eb2; background-color: #fed832; } .theme-rebecca-purple .site-header .header-alarm i { color: #fff; } .theme-rebecca-purple .site-header .dropdown.user-menu .dropdown-toggle:after { color: #9fa7d8; } @media (min-width: 992px) { .theme-rebecca-purple .site-header .dropdown.dropdown-typical .lbl { color: #fff; } .theme-rebecca-purple .site-header .dropdown.dropdown-typical a.dropdown-toggle:after { color: #9fa7d8; } .theme-rebecca-purple .site-header .dropdown.dropdown-typical a.dropdown-toggle .font-icon { color: #fff; } .theme-rebecca-purple .site-header .help-dropdown > button { color: #fff; } } .theme-picton-blue .site-header { background-color: #5fa7e7; border-bottom-color: #5fa7e7; } .theme-picton-blue .site-header .site-header-search.closed { background: none; } .theme-picton-blue .site-header .site-header-search.closed button { color: #fff; } .theme-picton-blue .site-header .site-header-search.closed:hover button { color: #fed832; } .theme-picton-blue .site-header .header-alarm.active:after { border-color: #5fa7e7; background-color: #fed832; } .theme-picton-blue .site-header .header-alarm i { color: #fff; } .theme-picton-blue .site-header .dropdown.user-menu .dropdown-toggle:after { color: #fff; } @media (min-width: 992px) { .theme-picton-blue .site-header .dropdown.dropdown-typical .lbl { color: #fff; } .theme-picton-blue .site-header .dropdown.dropdown-typical a.dropdown-toggle:after, .theme-picton-blue .site-header .dropdown.dropdown-typical a.dropdown-toggle .font-icon { color: #fff; } .theme-picton-blue .site-header .help-dropdown > button { color: #fff; } .theme-picton-blue .site-header .dropdown > .btn { border-color: #fff !important; background-color: #fff; color: #00a8ff; } } .theme-picton-blue .site-header .hamburger span { background-color: #fff; } .theme-picton-blue .site-header .hamburger span:before, .theme-picton-blue .site-header .hamburger span:after { background-color: #fff; } .theme-picton-blue .site-header .burger-right { color: #fff; } .theme-picton-blue-white-ebony .site-header .site-logo { background-color: #5fa7e7; } .theme-picton-blue-white-ebony .site-header .header-alarm i, .theme-picton-blue-white-ebony .site-header .dropdown.user-menu .dropdown-toggle:after { color: #76838e; } @media (min-width: 992px) { .theme-picton-blue-white-ebony .site-header .dropdown.dropdown-typical .lbl { color: #76838e; } .theme-picton-blue-white-ebony .site-header .dropdown.dropdown-typical a.dropdown-toggle:after, .theme-picton-blue-white-ebony .site-header .dropdown.dropdown-typical a.dropdown-toggle .font-icon { color: #76838e; } .theme-picton-blue-white-ebony .site-header .help-dropdown > button { color: #76838e; } } .theme-picton-blue-white-ebony .site-header .hamburger span { background-color: #76838e; } .theme-picton-blue-white-ebony .site-header .hamburger span:before, .theme-picton-blue-white-ebony .site-header .hamburger span:after { background-color: #76838e; } .theme-picton-blue-white-ebony .site-header .burger-right { color: #76838e; } /* ========================================================================== Footer ========================================================================== */ html { position: relative; min-height: 100%; } /* ========================================================================== Menu List ========================================================================== */ .side-menu-list { margin: 0 0 25px; } .side-menu-list .lbl { font-weight: 600; color: #818181; font-size: 1rem; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .side-menu-list ul { display: none; } .side-menu-list ul a { padding-left: 18px; } .side-menu-list .label { margin: 0 0 0 .5em; font-weight: 400; font-size: 0.75rem /*12/16*/; padding: .2em .45em .04em; position: relative; top: -1px; } .side-menu-list > li { line-height: 16px; } .side-menu-list > li.divider { border-top: solid 1px #c5d6de; } .side-menu-list > li.divider:first-child { border-top: none; } .side-menu-list a, .side-menu-list li > span { display: block; padding: 11px 10px 11px 46px; position: relative; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; cursor: pointer; border-left: solid 4px transparent; } .side-menu-list a:hover, .side-menu-list li > span:hover { background-color: #ecf2f5; } .side-menu-list a:hover .lbl, .side-menu-list li > span:hover .lbl { color: #343434; } .side-menu-list a.label-right, .side-menu-list li > span.label-right { padding-right: 38px; } .side-menu-list a.label-right .label, .side-menu-list li > span.label-right .label { position: absolute; right: 21px; top: 50%; margin-top: -8px; } .side-menu-list li.with-sub { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .side-menu-list li.with-sub > span { padding-right: 25px; } .side-menu-list li.with-sub > span:before { content: ''; position: absolute; right: 21px; top: 50%; margin-top: -2px; display: block; width: 0; height: 0; border-style: solid; border-width: 5px 4px 0 4px; border-color: #adb7be transparent transparent transparent; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); } .side-menu-list li.with-sub li.with-sub > span { padding-left: 19px; } .side-menu-list li.with-sub li.with-sub li > a, .side-menu-list li.with-sub li.with-sub li > span { padding-left: 30px; } .side-menu-list li.with-sub li.with-sub li.with-sub > span { padding-left: 30px; } .side-menu-list li.with-sub li.with-sub li.with-sub li > a, .side-menu-list li.with-sub li.with-sub li.with-sub li > span { padding-left: 40px; } .side-menu-list li.with-sub li.with-sub li.with-sub li.with-sub > span { padding-left: 40px; } .side-menu-list li.with-sub li.with-sub li.with-sub li.with-sub li > a, .side-menu-list li.with-sub li.with-sub li.with-sub li.with-sub li > span { padding-left: 50px; } .side-menu-list li.opened { background-color: #f6f8fa; } .side-menu-list li.opened > span:before { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } .side-menu-list li.opened > span .lbl { color: #343434; } .side-menu-list li.opened > ul { display: block !important; } .side-menu-list .font-icon, .side-menu-list .glyphicon, .side-menu-list .fa, .side-menu-list .tag-color { position: absolute; left: 18px; top: 13px; line-height: 16px; font-size: 1.0625rem /*17/16*/; } .side-menu-list .font-icon.active:after, .side-menu-list .glyphicon.active:after, .side-menu-list .fa.active:after, .side-menu-list .tag-color.active:after { content: ''; display: block; width: 8px; height: 8px; position: absolute; top: -4px; right: -4px; background: #fa424a; -webkit-border-radius: 50%; border-radius: 50%; border: solid 1px #fff; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .side-menu-list .fa { margin-top: -2px; } .side-menu-list .glyphicon { top: 11px; } .side-menu-list .tag-color { display: block; width: 16px; height: 16px; background: #000; -webkit-border-radius: 2px; border-radius: 2px; top: 11px; } .side-menu-list .tag-color.green { background-color: #46c35f; } .side-menu-list .tag-color.grey-blue { background-color: #9fc4e2; } .side-menu-list .tag-color.red { background-color: #fa424a; } .side-menu-list .tag-color.pink { background-color: #e84f9a; } .side-menu-list .tag-color.orange { background-color: #ff7721; } /* ========================================================================== STYLE: Big Icon ========================================================================== */ .side-menu-big-icon .side-menu-list { text-align: center; margin-top: -10px; } .side-menu-big-icon .side-menu-list .lbl { display: block; color: #343434; } .side-menu-big-icon .side-menu-list ul a { padding: 10px; background-color: #aeb8bf; } .side-menu-big-icon .side-menu-list ul a:hover { background-color: #919fa9; } .side-menu-big-icon .side-menu-list a, .side-menu-big-icon .side-menu-list > li > span { padding: 15px 10px; border-left: none; } .side-menu-big-icon .side-menu-list > li.with-sub > span { padding-right: 10px; } .side-menu-big-icon .side-menu-list > li.with-sub > span:before { display: none; } .side-menu-big-icon .side-menu-list > li.with-sub > span:after { content: '\52'; font-family: "startui" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: inherit; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; vertical-align: middle; position: relative; top: -0.15em; color: #919fa9; opacity: .5; position: absolute; right: 10px; top: 19px; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .side-menu-big-icon .side-menu-list > li.opened { color: #fff; background-color: #919fa9; } .side-menu-big-icon .side-menu-list > li.opened > a, .side-menu-big-icon .side-menu-list > li.opened > span { background-color: #919fa9; } .side-menu-big-icon .side-menu-list > li.opened .font-icon, .side-menu-big-icon .side-menu-list > li.opened .glyphicon, .side-menu-big-icon .side-menu-list > li.opened .fa, .side-menu-big-icon .side-menu-list > li.opened .lbl { color: #fff; } .side-menu-big-icon .side-menu-list > li.opened .font-icon.active:after, .side-menu-big-icon .side-menu-list > li.opened .glyphicon.active:after, .side-menu-big-icon .side-menu-list > li.opened .fa.active:after { border-color: #919fa9; } .side-menu-big-icon .side-menu-list > li.opened.with-sub > span:after { color: #fff; opacity: 1; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); } .side-menu-big-icon .side-menu-list .font-icon, .side-menu-big-icon .side-menu-list .glyphicon, .side-menu-big-icon .side-menu-list .fa { position: relative; top: 0; left: 0; display: inline-block; color: #919fa9; line-height: 1; font-size: 2rem; margin: 0 0 5px; } .side-menu-big-icon .side-menu-list .font-icon.active:after, .side-menu-big-icon .side-menu-list .glyphicon.active:after, .side-menu-big-icon .side-menu-list .fa.active:after { width: 14px; height: 14px; top: -8px; right: -7px; border-width: 2px; } /* ========================================================================== Icon's Colors ========================================================================== */ .side-menu-list > li.brown .font-icon, .side-menu-list > li.brown .glyphicon, .side-menu-list > li.brown .fa { color: #cd6724; } .side-menu-list > li.brown.opened a, .side-menu-list > li.brown.opened > span, .side-menu-list > li.brown.opened.with-sub > span, .side-menu-list > li.brown .with-sub > span { border-left-color: #cd6724; } .side-menu-list > li.green .font-icon, .side-menu-list > li.green .glyphicon, .side-menu-list > li.green .fa { color: #46c35f; } .side-menu-list > li.green.opened a, .side-menu-list > li.green.opened > span, .side-menu-list > li.green .with-sub > span { border-left-color: #46c35f; } .side-menu-list > li.gold .font-icon, .side-menu-list > li.gold .glyphicon, .side-menu-list > li.gold .fa { color: #f29824; } .side-menu-list > li.gold.opened a, .side-menu-list > li.gold.opened > span, .side-menu-list > li.gold .with-sub > span { border-left-color: #f29824; } .side-menu-list > li.blue .font-icon, .side-menu-list > li.blue .glyphicon, .side-menu-list > li.blue .fa { color: #00a8ff; } .side-menu-list > li.blue.opened a, .side-menu-list > li.blue.opened > span, .side-menu-list > li.blue .with-sub > span { border-left-color: #00a8ff; } .side-menu-list > li.purple .font-icon, .side-menu-list > li.purple .glyphicon, .side-menu-list > li.purple .fa { color: #ac6bec; } .side-menu-list > li.purple.opened a, .side-menu-list > li.purple.opened > span, .side-menu-list > li.purple .with-sub > span { border-left-color: #ac6bec; } .side-menu-list > li.orange-red .font-icon, .side-menu-list > li.orange-red .glyphicon, .side-menu-list > li.orange-red .fa { color: #ff561c; } .side-menu-list > li.orange-red.opened a, .side-menu-list > li.orange-red.opened > span, .side-menu-list > li.orange-red .with-sub > span { border-left-color: #ff561c; } .side-menu-list > li.grey .font-icon, .side-menu-list > li.grey .glyphicon, .side-menu-list > li.grey .fa { color: #adb7be; } .side-menu-list > li.grey.opened a, .side-menu-list > li.grey.opened > span, .side-menu-list > li.grey .with-sub > span { border-left-color: #adb7be; } .side-menu-list > li.red .font-icon, .side-menu-list > li.red .glyphicon, .side-menu-list > li.red .fa { color: #fa424a; } .side-menu-list > li.red.opened a, .side-menu-list > li.red.opened > span, .side-menu-list > li.red .with-sub > span { border-left-color: #fa424a; } .side-menu-list > li.aquamarine .font-icon, .side-menu-list > li.aquamarine .glyphicon, .side-menu-list > li.aquamarine .fa { color: #21a788; } .side-menu-list > li.aquamarine.opened a, .side-menu-list > li.aquamarine.opened > span, .side-menu-list > li.aquamarine .with-sub > span { border-left-color: #21a788; } .side-menu-list > li.magenta .font-icon, .side-menu-list > li.magenta .glyphicon, .side-menu-list > li.magenta .fa { color: #b348ae; } .side-menu-list > li.magenta.opened a, .side-menu-list > li.magenta.opened > span, .side-menu-list > li.magenta .with-sub > span { border-left-color: #b348ae; } .side-menu-list > li.blue-dirty .font-icon, .side-menu-list > li.blue-dirty .glyphicon, .side-menu-list > li.blue-dirty .fa { color: #1b99cf; } .side-menu-list > li.blue-dirty.opened a, .side-menu-list > li.blue-dirty.opened > span, .side-menu-list > li.blue-dirty .with-sub > span { border-left-color: #1b99cf; } .side-menu-list > li.coral .font-icon, .side-menu-list > li.coral .glyphicon, .side-menu-list > li.coral .fa { color: #fe664c; } .side-menu-list > li.coral.opened a, .side-menu-list > li.coral.opened > span, .side-menu-list > li.coral .with-sub > span { border-left-color: #fe664c; } .side-menu-list > li.pink-red .font-icon, .side-menu-list > li.pink-red .glyphicon, .side-menu-list > li.pink-red .fa { color: #f5465e; } .side-menu-list > li.pink-red.opened a, .side-menu-list > li.pink-red.opened > span, .side-menu-list > li.pink-red .with-sub > span { border-left-color: #f5465e; } .side-menu-list > li.pink .font-icon, .side-menu-list > li.pink .glyphicon, .side-menu-list > li.pink .fa { color: #e84f9a; } .side-menu-list > li.pink.opened a, .side-menu-list > li.pink.opened > span, .side-menu-list > li.pink .with-sub > span { border-left-color: #e84f9a; } .side-menu-list > li.blue-darker .font-icon, .side-menu-list > li.blue-darker .glyphicon, .side-menu-list > li.blue-darker .fa { color: #1280d0; } .side-menu-list > li.blue-darker.opened a, .side-menu-list > li.blue-darker.opened > span, .side-menu-list > li.blue-darker .with-sub > span { border-left-color: #1280d0; } .side-menu-list > li.blue-sky .font-icon, .side-menu-list > li.blue-sky .glyphicon, .side-menu-list > li.blue-sky .fa { color: #23b9e2; } .side-menu-list > li.blue-sky.opened a, .side-menu-list > li.blue-sky.opened > span, .side-menu-list > li.blue-sky .with-sub > span { border-left-color: #23b9e2; } /* ========================================================================== Side menu ========================================================================== */ .side-menu { width: 240px; position: fixed; top: 0; left: 0; background: #fff; height: 100%; border-right: solid 1px #c5d6de; overflow: auto; z-index: 60; padding: 90px 0 110px; } .dark-theme .side-menu { padding-top: 60px; } .side-menu .jspPane { padding-top: 90px !important; } .dark-theme .side-menu .jspPane { padding-top: 60px !important; } .side-menu .side-menu-title { font-weight: 600; text-transform: uppercase; color: #6c7a86; padding: 0 22px 8px; font-size: 0.875rem /*14/16*/; } .side-menu .side-menu-avatar { padding: 28px 0; background: #f6f8fa; margin: -10px 0 1px; } .side-menu .side-menu-avatar .avatar-preview { display: block; margin: 0 auto; } .side-menu.side-menu-compact { width: 100px; padding-bottom: 0; padding-top: 80px; } .side-menu.side-menu-compact .jspPane { padding-top: 80px !important; } .side-menu.side-menu-compact .side-menu-avatar { padding: 18px 0; margin-top: 0; } .side-menu.side-menu-compact .side-menu-list { text-align: center; } .side-menu.side-menu-compact .side-menu-list > li.opened .lbl { color: #343434; } .side-menu.side-menu-compact .side-menu-list a { padding: 20px 9px 20px 5px; } .side-menu.side-menu-compact .side-menu-list .font-icon, .side-menu.side-menu-compact .side-menu-list .glyphicon, .side-menu.side-menu-compact .side-menu-list .fa { position: relative; left: auto; top: 0; margin: 0; display: inline-block; font-size: 2.125rem /*34/16*/; line-height: normal; min-height: 40px; } .side-menu.side-menu-compact .side-menu-list .font-icon.active:after, .side-menu.side-menu-compact .side-menu-list .glyphicon.active:after, .side-menu.side-menu-compact .side-menu-list .fa.active:after { width: 16px; height: 16px; border-width: 2px; top: -6px; right: -6px; } .side-menu.side-menu-compact .side-menu-list .lbl { display: block; font-size: 0.875rem /*14/16*/; } @media (max-width: 991px) { .side-menu { left: -240px; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .menu-left-opened .side-menu { left: 0 !important; } .with-side-menu-addl .side-menu.side-menu-compact { left: -270px; } } /* ========================================================================== Additional Side Menu ========================================================================== */ .side-menu-addl { position: fixed; left: 100px; top: 0; width: 220px; height: 100%; background: #fff; border-right: solid 1px #c5d6de; overflow: auto; z-index: 60; padding: 100px 0 0; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .side-menu-addl .jspPane { padding-top: 100px !important; } .side-menu-addl .side-menu-addl-title { margin: 0 0 15px; padding: 8px 45px 8px 18px; position: relative; } .side-menu-addl .side-menu-addl-title .caption { font-size: 0.875rem /*14/16*/; font-weight: 600; color: #818181; } .side-menu-addl .side-menu-addl-title .font-icon, .side-menu-addl .side-menu-addl-title .glyphicon, .side-menu-addl .side-menu-addl-title .fa { color: #adb7be; position: absolute; top: 8px; right: 20px; font-size: 1rem; line-height: 18px; } .side-menu-addl .side-menu-addl-top { padding: 0 18px 15px; border-bottom: solid 1px #c5d6de; margin: -5px 0 0; } .side-menu-addl .side-menu-addl-list a { display: table; width: 100%; font-size: 0.875rem /*14/16*/; font-weight: 600; color: #818181; } .side-menu-addl .side-menu-addl-list a .tbl-cell { padding: 8px 0; vertical-align: middle; } .side-menu-addl .side-menu-addl-list a .tbl-cell.tbl-cell-caption { padding-left: 18px; padding-right: 20px; } .side-menu-addl .side-menu-addl-list a .tbl-cell.tbl-cell-num { padding-right: 20px; text-align: right; white-space: nowrap; width: 10px; } .side-menu-addl .side-menu-addl-list a:hover { background: #ecf2f5; } .side-menu-addl .side-menu-addl-list li.header a { color: #343434; } .side-menu-addl .side-menu-addl-list .divider { margin: 10px 0; height: 0; overflow: hidden; border-top: solid 1px #c5d6de; } .side-menu-addl .side-menu-list a, .side-menu-addl .side-menu-list > li > span { border-left: none; } .with-side-menu-addl-full .side-menu-addl { left: 240px; } @media (max-width: 1199px) { .side-menu-addl { padding-top: 85px; } .side-menu-addl .jspPane { padding-top: 85px !important; } .side-menu-addl .side-menu-addl-top { margin-top: 0; padding-top: 10px; } } @media (max-width: 991px) { .side-menu-addl { left: -220px; } .with-side-menu-addl-full .side-menu-addl { left: -220px; } .menu-left-opened .side-menu-addl { left: 100px; } .with-side-menu-addl-full.menu-left-opened .side-menu-addl { left: 240px; } } /* ========================================================================== Overlay (mobile version) ========================================================================== */ .mobile-menu-left-overlay { display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 59; background: rgba(48, 75, 88, 0.5); } @media (max-width: 991px) { .menu-left-opened .mobile-menu-left-overlay { display: block; } } /* ========================================================================== Table of Contents ========================================================================== */ .side-table-of-contents { padding: .5rem 22px 15px; font-size: 1rem; font-weight: 600; } .side-table-of-contents a { color: #343434; } .side-table-of-contents a:hover { color: #00a8ff; } .side-table-of-contents a.active { font-weight: 700; color: #343434 !important; } .side-table-of-contents li { padding: 0 0 .8em; } .side-table-of-contents ul { font-size: 0.875rem /*14/16*/; padding-left: 1rem; padding-top: .7rem; } .side-table-of-contents ul a { text-decoration: none; color: #919fa9; border: none; } .side-table-of-contents ul a:hover { color: #00a8ff; } /* ========================================================================== STYLE: Dark Theme (common) ========================================================================== */ .dark-theme .side-menu { background-color: #343434; border-right-color: #343434; } .dark-theme .side-menu .jspDrag { border-color: #343434; background-color: #535353; } .dark-theme .side-menu .side-menu-avatar { background-color: #343434; border-bottom: solid 1px #272727; } .dark-theme .side-menu .side-menu-list .lbl { color: #fff; } .dark-theme .side-menu .side-menu-list a:hover, .dark-theme .side-menu .side-menu-list > li > span:hover { background-color: #919fa9; } .dark-theme .side-menu .side-menu-list a:hover .lbl, .dark-theme .side-menu .side-menu-list > li > span:hover .lbl { color: #fff; } .dark-theme .side-menu .side-menu-list a:hover .font-icon, .dark-theme .side-menu .side-menu-list > li > span:hover .font-icon, .dark-theme .side-menu .side-menu-list a:hover .glyphicon, .dark-theme .side-menu .side-menu-list > li > span:hover .glyphicon, .dark-theme .side-menu .side-menu-list a:hover .fa, .dark-theme .side-menu .side-menu-list > li > span:hover .fa { color: #fff; } .dark-theme .side-menu .side-menu-list a:hover .font-icon.active:after, .dark-theme .side-menu .side-menu-list > li > span:hover .font-icon.active:after, .dark-theme .side-menu .side-menu-list a:hover .glyphicon.active:after, .dark-theme .side-menu .side-menu-list > li > span:hover .glyphicon.active:after, .dark-theme .side-menu .side-menu-list a:hover .fa.active:after, .dark-theme .side-menu .side-menu-list > li > span:hover .fa.active:after { border-color: #919fa9 !important; } .dark-theme .side-menu .side-menu-list > li.with-sub > span:before { border-top-color: #919fa9; } .dark-theme .side-menu .side-menu-list > li.with-sub > span:hover:before { border-top-color: #fff; } .dark-theme .side-menu .side-menu-list > li.with-sub ul > li.with-sub a, .dark-theme .side-menu .side-menu-list > li.with-sub ul > li.with-sub > span { border-left-color: transparent; } .dark-theme .side-menu .side-menu-list > li.with-sub ul > li.with-sub a:hover, .dark-theme .side-menu .side-menu-list > li.with-sub ul > li.with-sub > span:hover { background-color: #fff !important; } .dark-theme .side-menu .side-menu-list > li.with-sub ul > li.with-sub a:hover .lbl, .dark-theme .side-menu .side-menu-list > li.with-sub ul > li.with-sub > span:hover .lbl { color: #343434; } .dark-theme .side-menu .side-menu-list > li.with-sub ul > li.with-sub a:hover .font-icon, .dark-theme .side-menu .side-menu-list > li.with-sub ul > li.with-sub > span:hover .font-icon, .dark-theme .side-menu .side-menu-list > li.with-sub ul > li.with-sub a:hover .glyphicon, .dark-theme .side-menu .side-menu-list > li.with-sub ul > li.with-sub > span:hover .glyphicon, .dark-theme .side-menu .side-menu-list > li.with-sub ul > li.with-sub a:hover .fa, .dark-theme .side-menu .side-menu-list > li.with-sub ul > li.with-sub > span:hover .fa { color: #919fa9; } .dark-theme .side-menu .side-menu-list > li.with-sub ul > li.with-sub a:hover .font-icon.active:after, .dark-theme .side-menu .side-menu-list > li.with-sub ul > li.with-sub > span:hover .font-icon.active:after, .dark-theme .side-menu .side-menu-list > li.with-sub ul > li.with-sub a:hover .glyphicon.active:after, .dark-theme .side-menu .side-menu-list > li.with-sub ul > li.with-sub > span:hover .glyphicon.active:after, .dark-theme .side-menu .side-menu-list > li.with-sub ul > li.with-sub a:hover .fa.active:after, .dark-theme .side-menu .side-menu-list > li.with-sub ul > li.with-sub > span:hover .fa.active:after { border-color: #fff !important; } .dark-theme .side-menu .side-menu-list > li.opened { background-color: #919fa9; } .dark-theme .side-menu .side-menu-list > li.opened > span:before { border-top-color: #fff; } .dark-theme .side-menu .side-menu-list > li.opened > span .lbl { color: #fff; } .dark-theme .side-menu .side-menu-list > li.opened .font-icon, .dark-theme .side-menu .side-menu-list > li.opened .glyphicon, .dark-theme .side-menu .side-menu-list > li.opened .fa { color: #fff; } .dark-theme .side-menu .side-menu-list > li.opened .font-icon.active:after, .dark-theme .side-menu .side-menu-list > li.opened .glyphicon.active:after, .dark-theme .side-menu .side-menu-list > li.opened .fa.active:after { border-color: #919fa9; } .dark-theme .side-menu .side-menu-list > li.opened a, .dark-theme .side-menu .side-menu-list > li.opened > span { border-left-color: transparent; } .dark-theme .side-menu .side-menu-list > li.opened.with-sub a, .dark-theme .side-menu .side-menu-list > li.opened.with-sub > span { border-left-color: transparent; } .dark-theme .side-menu .side-menu-list > li.opened.with-sub a:hover, .dark-theme .side-menu .side-menu-list > li.opened.with-sub > span:hover { background-color: #fff !important; } .dark-theme .side-menu .side-menu-list > li.opened.with-sub a:hover .lbl, .dark-theme .side-menu .side-menu-list > li.opened.with-sub > span:hover .lbl { color: #343434; } .dark-theme .side-menu .side-menu-list > li.opened.with-sub a:hover .font-icon, .dark-theme .side-menu .side-menu-list > li.opened.with-sub > span:hover .font-icon, .dark-theme .side-menu .side-menu-list > li.opened.with-sub a:hover .glyphicon, .dark-theme .side-menu .side-menu-list > li.opened.with-sub > span:hover .glyphicon, .dark-theme .side-menu .side-menu-list > li.opened.with-sub a:hover .fa, .dark-theme .side-menu .side-menu-list > li.opened.with-sub > span:hover .fa { color: #919fa9; } .dark-theme .side-menu .side-menu-list > li.opened.with-sub a:hover .font-icon.active:after, .dark-theme .side-menu .side-menu-list > li.opened.with-sub > span:hover .font-icon.active:after, .dark-theme .side-menu .side-menu-list > li.opened.with-sub a:hover .glyphicon.active:after, .dark-theme .side-menu .side-menu-list > li.opened.with-sub > span:hover .glyphicon.active:after, .dark-theme .side-menu .side-menu-list > li.opened.with-sub a:hover .fa.active:after, .dark-theme .side-menu .side-menu-list > li.opened.with-sub > span:hover .fa.active:after { border-color: #fff !important; } .dark-theme .side-menu .side-menu-list .font-icon, .dark-theme .side-menu .side-menu-list .glyphicon, .dark-theme .side-menu .side-menu-list .fa { color: #919fa9; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .dark-theme .side-menu .side-menu-list .font-icon.active:after, .dark-theme .side-menu .side-menu-list .glyphicon.active:after, .dark-theme .side-menu .side-menu-list .fa.active:after { border-color: #343434; } .dark-theme .side-menu.side-menu-compact .side-menu-avatar { margin-top: -30px; } .dark-theme .side-menu.side-menu-compact .side-menu-list { text-align: center; } .dark-theme .side-menu.side-menu-compact .side-menu-list > li.opened .lbl { color: #fff; } /* ========================================================================== STYLE: Dark Theme Blue ========================================================================== */ .dark-theme.dark-theme-blue .side-menu-list a:hover, .dark-theme.dark-theme-blue .side-menu-list > li > span:hover { background-color: #00a8ff; } .dark-theme.dark-theme-blue .side-menu-list a:hover .font-icon.active:after, .dark-theme.dark-theme-blue .side-menu-list > li > span:hover .font-icon.active:after, .dark-theme.dark-theme-blue .side-menu-list a:hover .glyphicon.active:after, .dark-theme.dark-theme-blue .side-menu-list > li > span:hover .glyphicon.active:after, .dark-theme.dark-theme-blue .side-menu-list a:hover .fa.active:after, .dark-theme.dark-theme-blue .side-menu-list > li > span:hover .fa.active:after { border-color: #00a8ff !important; } .dark-theme.dark-theme-blue .side-menu-list > li.opened { background-color: #00a8ff; } .dark-theme.dark-theme-blue .side-menu-list > li.opened .font-icon.active:after, .dark-theme.dark-theme-blue .side-menu-list > li.opened .glyphicon.active:after, .dark-theme.dark-theme-blue .side-menu-list > li.opened .fa.active:after { border-color: #00a8ff; } .dark-theme.dark-theme-blue .side-menu-list > li.opened.with-sub a:hover .font-icon, .dark-theme.dark-theme-blue .side-menu-list > li.opened.with-sub > span:hover .font-icon, .dark-theme.dark-theme-blue .side-menu-list > li.opened.with-sub a:hover .glyphicon, .dark-theme.dark-theme-blue .side-menu-list > li.opened.with-sub > span:hover .glyphicon, .dark-theme.dark-theme-blue .side-menu-list > li.opened.with-sub a:hover .fa, .dark-theme.dark-theme-blue .side-menu-list > li.opened.with-sub > span:hover .fa { color: #00a8ff; } .dark-theme.dark-theme-blue .side-menu-list > li.opened.with-sub a:hover .font-icon.active:after, .dark-theme.dark-theme-blue .side-menu-list > li.opened.with-sub > span:hover .font-icon.active:after, .dark-theme.dark-theme-blue .side-menu-list > li.opened.with-sub a:hover .glyphicon.active:after, .dark-theme.dark-theme-blue .side-menu-list > li.opened.with-sub > span:hover .glyphicon.active:after, .dark-theme.dark-theme-blue .side-menu-list > li.opened.with-sub a:hover .fa.active:after, .dark-theme.dark-theme-blue .side-menu-list > li.opened.with-sub > span:hover .fa.active:after { border-color: #fff !important; } /* ========================================================================== STYLE: Dark Theme Green ========================================================================== */ .dark-theme.dark-theme-green .side-menu-list a:hover, .dark-theme.dark-theme-green .side-menu-list > li > span:hover { background-color: #46c35f; } .dark-theme.dark-theme-green .side-menu-list a:hover .font-icon.active:after, .dark-theme.dark-theme-green .side-menu-list > li > span:hover .font-icon.active:after, .dark-theme.dark-theme-green .side-menu-list a:hover .glyphicon.active:after, .dark-theme.dark-theme-green .side-menu-list > li > span:hover .glyphicon.active:after, .dark-theme.dark-theme-green .side-menu-list a:hover .fa.active:after, .dark-theme.dark-theme-green .side-menu-list > li > span:hover .fa.active:after { border-color: #46c35f !important; } .dark-theme.dark-theme-green .side-menu-list > li.opened { background-color: #46c35f; } .dark-theme.dark-theme-green .side-menu-list > li.opened .font-icon.active:after, .dark-theme.dark-theme-green .side-menu-list > li.opened .glyphicon.active:after, .dark-theme.dark-theme-green .side-menu-list > li.opened .fa.active:after { border-color: #46c35f; } .dark-theme.dark-theme-green .side-menu-list > li.opened.with-sub a:hover .font-icon, .dark-theme.dark-theme-green .side-menu-list > li.opened.with-sub > span:hover .font-icon, .dark-theme.dark-theme-green .side-menu-list > li.opened.with-sub a:hover .glyphicon, .dark-theme.dark-theme-green .side-menu-list > li.opened.with-sub > span:hover .glyphicon, .dark-theme.dark-theme-green .side-menu-list > li.opened.with-sub a:hover .fa, .dark-theme.dark-theme-green .side-menu-list > li.opened.with-sub > span:hover .fa { color: #46c35f; } .dark-theme.dark-theme-green .side-menu-list > li.opened.with-sub a:hover .font-icon.active:after, .dark-theme.dark-theme-green .side-menu-list > li.opened.with-sub > span:hover .font-icon.active:after, .dark-theme.dark-theme-green .side-menu-list > li.opened.with-sub a:hover .glyphicon.active:after, .dark-theme.dark-theme-green .side-menu-list > li.opened.with-sub > span:hover .glyphicon.active:after, .dark-theme.dark-theme-green .side-menu-list > li.opened.with-sub a:hover .fa.active:after, .dark-theme.dark-theme-green .side-menu-list > li.opened.with-sub > span:hover .fa.active:after { border-color: #fff !important; } /* ========================================================================== STYLE: Dark Theme Ultramarine ========================================================================== */ .dark-theme.dark-theme-ultramarine .side-menu-list a:hover, .dark-theme.dark-theme-ultramarine .side-menu-list > li > span:hover { background-color: #1a5bc3; } .dark-theme.dark-theme-ultramarine .side-menu-list a:hover .font-icon.active:after, .dark-theme.dark-theme-ultramarine .side-menu-list > li > span:hover .font-icon.active:after, .dark-theme.dark-theme-ultramarine .side-menu-list a:hover .glyphicon.active:after, .dark-theme.dark-theme-ultramarine .side-menu-list > li > span:hover .glyphicon.active:after, .dark-theme.dark-theme-ultramarine .side-menu-list a:hover .fa.active:after, .dark-theme.dark-theme-ultramarine .side-menu-list > li > span:hover .fa.active:after { border-color: #1a5bc3 !important; } .dark-theme.dark-theme-ultramarine .side-menu-list > li.opened { background-color: #1a5bc3; } .dark-theme.dark-theme-ultramarine .side-menu-list > li.opened .font-icon.active:after, .dark-theme.dark-theme-ultramarine .side-menu-list > li.opened .glyphicon.active:after, .dark-theme.dark-theme-ultramarine .side-menu-list > li.opened .fa.active:after { border-color: #1a5bc3; } .dark-theme.dark-theme-ultramarine .side-menu-list > li.opened.with-sub a:hover .font-icon, .dark-theme.dark-theme-ultramarine .side-menu-list > li.opened.with-sub > span:hover .font-icon, .dark-theme.dark-theme-ultramarine .side-menu-list > li.opened.with-sub a:hover .glyphicon, .dark-theme.dark-theme-ultramarine .side-menu-list > li.opened.with-sub > span:hover .glyphicon, .dark-theme.dark-theme-ultramarine .side-menu-list > li.opened.with-sub a:hover .fa, .dark-theme.dark-theme-ultramarine .side-menu-list > li.opened.with-sub > span:hover .fa { color: #1a5bc3; } .dark-theme.dark-theme-ultramarine .side-menu-list > li.opened.with-sub a:hover .font-icon.active:after, .dark-theme.dark-theme-ultramarine .side-menu-list > li.opened.with-sub > span:hover .font-icon.active:after, .dark-theme.dark-theme-ultramarine .side-menu-list > li.opened.with-sub a:hover .glyphicon.active:after, .dark-theme.dark-theme-ultramarine .side-menu-list > li.opened.with-sub > span:hover .glyphicon.active:after, .dark-theme.dark-theme-ultramarine .side-menu-list > li.opened.with-sub a:hover .fa.active:after, .dark-theme.dark-theme-ultramarine .side-menu-list > li.opened.with-sub > span:hover .fa.active:after { border-color: #fff !important; } /* ========================================================================== STYLE: Theme Side Ebony Clay ========================================================================== */ .theme-side-ebony-clay .side-menu { background: #263238; border-right-color: transparent; } .theme-side-ebony-clay .side-menu .jspDrag { border-color: #263238; background-color: #374248; } .theme-side-ebony-clay .side-menu .side-menu-list .lbl { color: #fff; } .theme-side-ebony-clay .side-menu .side-menu-list a:hover, .theme-side-ebony-clay .side-menu .side-menu-list > li > span:hover { background-color: #374248; } .theme-side-ebony-clay .side-menu .side-menu-list a:hover .font-icon.active:after, .theme-side-ebony-clay .side-menu .side-menu-list > li > span:hover .font-icon.active:after, .theme-side-ebony-clay .side-menu .side-menu-list a:hover .glyphicon.active:after, .theme-side-ebony-clay .side-menu .side-menu-list > li > span:hover .glyphicon.active:after, .theme-side-ebony-clay .side-menu .side-menu-list a:hover .fa.active:after, .theme-side-ebony-clay .side-menu .side-menu-list > li > span:hover .fa.active:after, .theme-side-ebony-clay .side-menu .side-menu-list a:hover .tag-color.active:after, .theme-side-ebony-clay .side-menu .side-menu-list > li > span:hover .tag-color.active:after { border-color: #374248 !important; } .theme-side-ebony-clay .side-menu .side-menu-list > li.with-sub > span:before { border-top-color: #9ba1a4; } .theme-side-ebony-clay .side-menu .side-menu-list > li.opened { background-color: #374248; } .theme-side-ebony-clay .side-menu .side-menu-list > li.opened > span:before { border-top-color: #9ba1a4; } .theme-side-ebony-clay .side-menu .side-menu-list > li.opened > span .lbl { color: #fff; } .theme-side-ebony-clay .side-menu .side-menu-list > li.opened .font-icon, .theme-side-ebony-clay .side-menu .side-menu-list > li.opened .glyphicon, .theme-side-ebony-clay .side-menu .side-menu-list > li.opened .fa { color: #fff; } .theme-side-ebony-clay .side-menu .side-menu-list > li.opened .font-icon.active:after, .theme-side-ebony-clay .side-menu .side-menu-list > li.opened .glyphicon.active:after, .theme-side-ebony-clay .side-menu .side-menu-list > li.opened .fa.active:after, .theme-side-ebony-clay .side-menu .side-menu-list > li.opened .tag-color.active:after { border-color: #374248; } .theme-side-ebony-clay .side-menu .side-menu-list > li.opened a, .theme-side-ebony-clay .side-menu .side-menu-list > li.opened > span { border-left-color: transparent; } .theme-side-ebony-clay .side-menu .side-menu-list > li.opened.with-sub a, .theme-side-ebony-clay .side-menu .side-menu-list > li.opened.with-sub > span { border-left-color: transparent; } .theme-side-ebony-clay .side-menu .side-menu-list > li.opened.with-sub a:hover, .theme-side-ebony-clay .side-menu .side-menu-list > li.opened.with-sub > span:hover { background-color: #2d383e !important; } .theme-side-ebony-clay .side-menu .side-menu-list > li.opened.with-sub a:hover .font-icon.active:after, .theme-side-ebony-clay .side-menu .side-menu-list > li.opened.with-sub > span:hover .font-icon.active:after, .theme-side-ebony-clay .side-menu .side-menu-list > li.opened.with-sub a:hover .glyphicon.active:after, .theme-side-ebony-clay .side-menu .side-menu-list > li.opened.with-sub > span:hover .glyphicon.active:after, .theme-side-ebony-clay .side-menu .side-menu-list > li.opened.with-sub a:hover .fa.active:after, .theme-side-ebony-clay .side-menu .side-menu-list > li.opened.with-sub > span:hover .fa.active:after { border-color: #2d383e !important; } .theme-side-ebony-clay .side-menu .side-menu-list .font-icon.active:after, .theme-side-ebony-clay .side-menu .side-menu-list .glyphicon.active:after, .theme-side-ebony-clay .side-menu .side-menu-list .fa.active:after, .theme-side-ebony-clay .side-menu .side-menu-list .tag-color.active:after { border-color: #263238; } .theme-side-ebony-clay .side-menu .side-menu-list .font-icon, .theme-side-ebony-clay .side-menu .side-menu-list .glyphicon, .theme-side-ebony-clay .side-menu .side-menu-list .fa { color: #fff; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } /* ========================================================================== STYLE: Theme Side Madison & Caribbean ========================================================================== */ .theme-side-madison-caribbean .side-menu { background: #2d3e4d; border-right-color: transparent; } .theme-side-madison-caribbean .side-menu .side-menu-title { color: #fff; } .theme-side-madison-caribbean .side-menu .jspDrag { border-color: #2d3e4d; background-color: #263543; } .theme-side-madison-caribbean .side-menu .side-menu-list .lbl { color: #fff; } .theme-side-madison-caribbean .side-menu .side-menu-list a:hover, .theme-side-madison-caribbean .side-menu .side-menu-list > li > span:hover { background-color: #263543; } .theme-side-madison-caribbean .side-menu .side-menu-list a:hover .font-icon.active:after, .theme-side-madison-caribbean .side-menu .side-menu-list > li > span:hover .font-icon.active:after, .theme-side-madison-caribbean .side-menu .side-menu-list a:hover .glyphicon.active:after, .theme-side-madison-caribbean .side-menu .side-menu-list > li > span:hover .glyphicon.active:after, .theme-side-madison-caribbean .side-menu .side-menu-list a:hover .fa.active:after, .theme-side-madison-caribbean .side-menu .side-menu-list > li > span:hover .fa.active:after { border-color: #263543 !important; } .theme-side-madison-caribbean .side-menu .side-menu-list > li.with-sub > span:before { border-top-color: #9ba1a4; } .theme-side-madison-caribbean .side-menu .side-menu-list > li.opened { background-color: #263543; } .theme-side-madison-caribbean .side-menu .side-menu-list > li.opened > span:before { border-top-color: #9ba1a4; } .theme-side-madison-caribbean .side-menu .side-menu-list > li.opened > span .lbl { color: #fff; } .theme-side-madison-caribbean .side-menu .side-menu-list > li.opened .font-icon.active:after, .theme-side-madison-caribbean .side-menu .side-menu-list > li.opened .glyphicon.active:after, .theme-side-madison-caribbean .side-menu .side-menu-list > li.opened .fa.active:after { border-color: #263543; } .theme-side-madison-caribbean .side-menu .side-menu-list > li.opened a, .theme-side-madison-caribbean .side-menu .side-menu-list > li.opened > span { border-left-color: transparent; } .theme-side-madison-caribbean .side-menu .side-menu-list > li.opened.with-sub a, .theme-side-madison-caribbean .side-menu .side-menu-list > li.opened.with-sub > span { border-left-color: transparent; } .theme-side-madison-caribbean .side-menu .side-menu-list > li.opened.with-sub a:hover, .theme-side-madison-caribbean .side-menu .side-menu-list > li.opened.with-sub > span:hover { background-color: #1f2b36 !important; } .theme-side-madison-caribbean .side-menu .side-menu-list > li.opened.with-sub a:hover .font-icon.active:after, .theme-side-madison-caribbean .side-menu .side-menu-list > li.opened.with-sub > span:hover .font-icon.active:after, .theme-side-madison-caribbean .side-menu .side-menu-list > li.opened.with-sub a:hover .glyphicon.active:after, .theme-side-madison-caribbean .side-menu .side-menu-list > li.opened.with-sub > span:hover .glyphicon.active:after, .theme-side-madison-caribbean .side-menu .side-menu-list > li.opened.with-sub a:hover .fa.active:after, .theme-side-madison-caribbean .side-menu .side-menu-list > li.opened.with-sub > span:hover .fa.active:after { border-color: #1f2b36 !important; } .theme-side-madison-caribbean .side-menu .side-menu-list .font-icon, .theme-side-madison-caribbean .side-menu .side-menu-list .glyphicon, .theme-side-madison-caribbean .side-menu .side-menu-list .fa { color: #00c3aa; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .theme-side-madison-caribbean .side-menu .side-menu-list .font-icon.active:after, .theme-side-madison-caribbean .side-menu .side-menu-list .glyphicon.active:after, .theme-side-madison-caribbean .side-menu .side-menu-list .fa.active:after { border-color: #263543; } /* ========================================================================== STYLE: Theme Side Caesium Dark & Caribbean ========================================================================== */ .theme-side-caesium-dark-caribbean .side-menu { background: #2a2b3b; border-right-color: transparent; } .theme-side-caesium-dark-caribbean .side-menu .side-menu-title { color: #acadb4; } .theme-side-caesium-dark-caribbean .side-menu .jspDrag { border-color: #2a2b3b; background-color: #1f202c; } .theme-side-caesium-dark-caribbean .side-menu .side-menu-list .lbl { color: #acadb4; } .theme-side-caesium-dark-caribbean .side-menu .side-menu-list a:hover, .theme-side-caesium-dark-caribbean .side-menu .side-menu-list > li > span:hover { background-color: #00c3aa; } .theme-side-caesium-dark-caribbean .side-menu .side-menu-list a:hover .font-icon, .theme-side-caesium-dark-caribbean .side-menu .side-menu-list > li > span:hover .font-icon, .theme-side-caesium-dark-caribbean .side-menu .side-menu-list a:hover .glyphicon, .theme-side-caesium-dark-caribbean .side-menu .side-menu-list > li > span:hover .glyphicon, .theme-side-caesium-dark-caribbean .side-menu .side-menu-list a:hover .fa, .theme-side-caesium-dark-caribbean .side-menu .side-menu-list > li > span:hover .fa { color: #fff; } .theme-side-caesium-dark-caribbean .side-menu .side-menu-list a:hover .font-icon.active:after, .theme-side-caesium-dark-caribbean .side-menu .side-menu-list > li > span:hover .font-icon.active:after, .theme-side-caesium-dark-caribbean .side-menu .side-menu-list a:hover .glyphicon.active:after, .theme-side-caesium-dark-caribbean .side-menu .side-menu-list > li > span:hover .glyphicon.active:after, .theme-side-caesium-dark-caribbean .side-menu .side-menu-list a:hover .fa.active:after, .theme-side-caesium-dark-caribbean .side-menu .side-menu-list > li > span:hover .fa.active:after { border-color: #00c3aa !important; } .theme-side-caesium-dark-caribbean .side-menu .side-menu-list a:hover .lbl, .theme-side-caesium-dark-caribbean .side-menu .side-menu-list > li > span:hover .lbl { color: #fff; } .theme-side-caesium-dark-caribbean .side-menu .side-menu-list > li.with-sub > span:before { border-top-color: #919299; } .theme-side-caesium-dark-caribbean .side-menu .side-menu-list > li.with-sub > span:hover:before { border-top-color: #fff; } .theme-side-caesium-dark-caribbean .side-menu .side-menu-list > li.opened { background-color: #00c3aa; } .theme-side-caesium-dark-caribbean .side-menu .side-menu-list > li.opened > span:before { border-top-color: #919299; } .theme-side-caesium-dark-caribbean .side-menu .side-menu-list > li.opened .font-icon, .theme-side-caesium-dark-caribbean .side-menu .side-menu-list > li.opened .glyphicon, .theme-side-caesium-dark-caribbean .side-menu .side-menu-list > li.opened .fa { color: #fff; } .theme-side-caesium-dark-caribbean .side-menu .side-menu-list > li.opened .font-icon.active:after, .theme-side-caesium-dark-caribbean .side-menu .side-menu-list > li.opened .glyphicon.active:after, .theme-side-caesium-dark-caribbean .side-menu .side-menu-list > li.opened .fa.active:after { border-color: #22222f; } .theme-side-caesium-dark-caribbean .side-menu .side-menu-list > li.opened a, .theme-side-caesium-dark-caribbean .side-menu .side-menu-list > li.opened > span { border-left-color: transparent; } .theme-side-caesium-dark-caribbean .side-menu .side-menu-list > li.opened a .lbl, .theme-side-caesium-dark-caribbean .side-menu .side-menu-list > li.opened > span .lbl { color: #fff; } .theme-side-caesium-dark-caribbean .side-menu .side-menu-list > li.opened.with-sub { background-color: #22222f; } .theme-side-caesium-dark-caribbean .side-menu .side-menu-list > li.opened.with-sub a, .theme-side-caesium-dark-caribbean .side-menu .side-menu-list > li.opened.with-sub > span { border-left-color: transparent; } .theme-side-caesium-dark-caribbean .side-menu .side-menu-list > li.opened.with-sub a:hover, .theme-side-caesium-dark-caribbean .side-menu .side-menu-list > li.opened.with-sub > span:hover { background-color: #00c3aa !important; } .theme-side-caesium-dark-caribbean .side-menu .side-menu-list > li.opened.with-sub a:hover .font-icon.active:after, .theme-side-caesium-dark-caribbean .side-menu .side-menu-list > li.opened.with-sub > span:hover .font-icon.active:after, .theme-side-caesium-dark-caribbean .side-menu .side-menu-list > li.opened.with-sub a:hover .glyphicon.active:after, .theme-side-caesium-dark-caribbean .side-menu .side-menu-list > li.opened.with-sub > span:hover .glyphicon.active:after, .theme-side-caesium-dark-caribbean .side-menu .side-menu-list > li.opened.with-sub a:hover .fa.active:after, .theme-side-caesium-dark-caribbean .side-menu .side-menu-list > li.opened.with-sub > span:hover .fa.active:after { border-color: #00c3aa !important; } .theme-side-caesium-dark-caribbean .side-menu .side-menu-list > li.opened.with-sub a:hover .lbl, .theme-side-caesium-dark-caribbean .side-menu .side-menu-list > li.opened.with-sub > span:hover .lbl { color: #fff; } .theme-side-caesium-dark-caribbean .side-menu .side-menu-list .font-icon, .theme-side-caesium-dark-caribbean .side-menu .side-menu-list .glyphicon, .theme-side-caesium-dark-caribbean .side-menu .side-menu-list .fa { color: #e3e3e5; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .theme-side-caesium-dark-caribbean .side-menu .side-menu-list .font-icon.active:after, .theme-side-caesium-dark-caribbean .side-menu .side-menu-list .glyphicon.active:after, .theme-side-caesium-dark-caribbean .side-menu .side-menu-list .fa.active:after { border-color: #2a2b3b; } /* ========================================================================== STYLE: Theme Side Tin ========================================================================== */ .theme-side-tin .side-menu { background: #424242; border-right-color: transparent; } .theme-side-tin .side-menu .side-menu-title { color: #b4b5bb; } .theme-side-tin .side-menu .jspDrag { border-color: #424242; background-color: #333333; } .theme-side-tin .side-menu .side-menu-list .lbl { color: #b4b5bb; } .theme-side-tin .side-menu .side-menu-list a:hover, .theme-side-tin .side-menu .side-menu-list > li > span:hover { background-color: #383838; } .theme-side-tin .side-menu .side-menu-list a:hover .font-icon.active:after, .theme-side-tin .side-menu .side-menu-list > li > span:hover .font-icon.active:after, .theme-side-tin .side-menu .side-menu-list a:hover .glyphicon.active:after, .theme-side-tin .side-menu .side-menu-list > li > span:hover .glyphicon.active:after, .theme-side-tin .side-menu .side-menu-list a:hover .fa.active:after, .theme-side-tin .side-menu .side-menu-list > li > span:hover .fa.active:after { border-color: #383838 !important; } .theme-side-tin .side-menu .side-menu-list > li.with-sub > span:before { border-top-color: #9c9c9c; } .theme-side-tin .side-menu .side-menu-list > li.opened { background-color: #383838; } .theme-side-tin .side-menu .side-menu-list > li.opened .font-icon.active:after, .theme-side-tin .side-menu .side-menu-list > li.opened .glyphicon.active:after, .theme-side-tin .side-menu .side-menu-list > li.opened .fa.active:after { border-color: #383838; } .theme-side-tin .side-menu .side-menu-list > li.opened a, .theme-side-tin .side-menu .side-menu-list > li.opened > span { border-left-color: transparent; } .theme-side-tin .side-menu .side-menu-list > li.opened.with-sub a, .theme-side-tin .side-menu .side-menu-list > li.opened.with-sub > span { border-left-color: transparent; } .theme-side-tin .side-menu .side-menu-list > li.opened.with-sub a:hover, .theme-side-tin .side-menu .side-menu-list > li.opened.with-sub > span:hover { background-color: #2e2e2e !important; } .theme-side-tin .side-menu .side-menu-list > li.opened.with-sub a:hover .font-icon.active:after, .theme-side-tin .side-menu .side-menu-list > li.opened.with-sub > span:hover .font-icon.active:after, .theme-side-tin .side-menu .side-menu-list > li.opened.with-sub a:hover .glyphicon.active:after, .theme-side-tin .side-menu .side-menu-list > li.opened.with-sub > span:hover .glyphicon.active:after, .theme-side-tin .side-menu .side-menu-list > li.opened.with-sub a:hover .fa.active:after, .theme-side-tin .side-menu .side-menu-list > li.opened.with-sub > span:hover .fa.active:after { border-color: #2e2e2e !important; } .theme-side-tin .side-menu .side-menu-list .font-icon, .theme-side-tin .side-menu .side-menu-list .glyphicon, .theme-side-tin .side-menu .side-menu-list .fa { color: #e6e6e6; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .theme-side-tin .side-menu .side-menu-list .font-icon.active:after, .theme-side-tin .side-menu .side-menu-list .glyphicon.active:after, .theme-side-tin .side-menu .side-menu-list .fa.active:after { border-color: #424242; } /* ========================================================================== STYLE: Theme Side Litmus & Blue ========================================================================== */ .theme-side-litmus-blue .side-menu { background: #2c313e; border-right-color: transparent; } .theme-side-litmus-blue .side-menu .side-menu-title { color: #fff; } .theme-side-litmus-blue .side-menu .jspDrag { border-color: #2c313e; background-color: #242732; } .theme-side-litmus-blue .side-menu .side-menu-list .lbl { color: #fff; } .theme-side-litmus-blue .side-menu .side-menu-list a:hover, .theme-side-litmus-blue .side-menu .side-menu-list > li > span:hover { background-color: #00a8ff; } .theme-side-litmus-blue .side-menu .side-menu-list a:hover .font-icon.active:after, .theme-side-litmus-blue .side-menu .side-menu-list > li > span:hover .font-icon.active:after, .theme-side-litmus-blue .side-menu .side-menu-list a:hover .glyphicon.active:after, .theme-side-litmus-blue .side-menu .side-menu-list > li > span:hover .glyphicon.active:after, .theme-side-litmus-blue .side-menu .side-menu-list a:hover .fa.active:after, .theme-side-litmus-blue .side-menu .side-menu-list > li > span:hover .fa.active:after { border-color: #00a8ff !important; } .theme-side-litmus-blue .side-menu .side-menu-list > li.with-sub > span:before { border-top-color: #9c9c9c; } .theme-side-litmus-blue .side-menu .side-menu-list > li.with-sub > span:hover:before { border-top-color: #fff; } .theme-side-litmus-blue .side-menu .side-menu-list > li.opened { background: #00a8ff; } .theme-side-litmus-blue .side-menu .side-menu-list > li.opened .font-icon.active:after, .theme-side-litmus-blue .side-menu .side-menu-list > li.opened .glyphicon.active:after, .theme-side-litmus-blue .side-menu .side-menu-list > li.opened .fa.active:after { border-color: #282c38; } .theme-side-litmus-blue .side-menu .side-menu-list > li.opened a, .theme-side-litmus-blue .side-menu .side-menu-list > li.opened > span { border-left-color: transparent; } .theme-side-litmus-blue .side-menu .side-menu-list > li.opened.with-sub { background-color: #282c38; } .theme-side-litmus-blue .side-menu .side-menu-list > li.opened.with-sub a, .theme-side-litmus-blue .side-menu .side-menu-list > li.opened.with-sub > span { border-left-color: transparent; } .theme-side-litmus-blue .side-menu .side-menu-list > li.opened.with-sub a:hover, .theme-side-litmus-blue .side-menu .side-menu-list > li.opened.with-sub > span:hover { background-color: #00a8ff !important; } .theme-side-litmus-blue .side-menu .side-menu-list > li.opened.with-sub a:hover .font-icon.active:after, .theme-side-litmus-blue .side-menu .side-menu-list > li.opened.with-sub > span:hover .font-icon.active:after, .theme-side-litmus-blue .side-menu .side-menu-list > li.opened.with-sub a:hover .glyphicon.active:after, .theme-side-litmus-blue .side-menu .side-menu-list > li.opened.with-sub > span:hover .glyphicon.active:after, .theme-side-litmus-blue .side-menu .side-menu-list > li.opened.with-sub a:hover .fa.active:after, .theme-side-litmus-blue .side-menu .side-menu-list > li.opened.with-sub > span:hover .fa.active:after { border-color: #00a8ff !important; } .theme-side-litmus-blue .side-menu .side-menu-list .font-icon, .theme-side-litmus-blue .side-menu .side-menu-list .glyphicon, .theme-side-litmus-blue .side-menu .side-menu-list .fa { color: #fff; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .theme-side-litmus-blue .side-menu .side-menu-list .font-icon.active:after, .theme-side-litmus-blue .side-menu .side-menu-list .glyphicon.active:after, .theme-side-litmus-blue .side-menu .side-menu-list .fa.active:after { border-color: #2c313e; } /* ========================================================================== STYLE: Theme Rebecca Purple ========================================================================== */ .theme-rebecca-purple .side-menu .side-menu-list .lbl { color: #838383; } .theme-rebecca-purple .side-menu .side-menu-list a:hover, .theme-rebecca-purple .side-menu .side-menu-list > li > span:hover { background-color: #f4f4f4; } .theme-rebecca-purple .side-menu .side-menu-list a:hover .font-icon.active:after, .theme-rebecca-purple .side-menu .side-menu-list > li > span:hover .font-icon.active:after, .theme-rebecca-purple .side-menu .side-menu-list a:hover .glyphicon.active:after, .theme-rebecca-purple .side-menu .side-menu-list > li > span:hover .glyphicon.active:after, .theme-rebecca-purple .side-menu .side-menu-list a:hover .fa.active:after, .theme-rebecca-purple .side-menu .side-menu-list > li > span:hover .fa.active:after { border-color: #f4f4f4 !important; } .theme-rebecca-purple .side-menu .side-menu-list > li.with-sub > span:before { border-top-color: #bbb; } .theme-rebecca-purple .side-menu .side-menu-list > li.with-sub > span:hover:before { border-top-color: #999; } .theme-rebecca-purple .side-menu .side-menu-list > li.opened { background: #f4f4f4; } .theme-rebecca-purple .side-menu .side-menu-list > li.opened .font-icon.active:after, .theme-rebecca-purple .side-menu .side-menu-list > li.opened .glyphicon.active:after, .theme-rebecca-purple .side-menu .side-menu-list > li.opened .fa.active:after { border-color: #f4f4f4; } .theme-rebecca-purple .side-menu .side-menu-list > li.opened a, .theme-rebecca-purple .side-menu .side-menu-list > li.opened > span { border-left-color: transparent; } .theme-rebecca-purple .side-menu .side-menu-list > li.opened.with-sub { background-color: #f4f4f4; } .theme-rebecca-purple .side-menu .side-menu-list > li.opened.with-sub a, .theme-rebecca-purple .side-menu .side-menu-list > li.opened.with-sub > span { border-left-color: transparent; } .theme-rebecca-purple .side-menu .side-menu-list > li.opened.with-sub a:hover, .theme-rebecca-purple .side-menu .side-menu-list > li.opened.with-sub > span:hover { background-color: #cbcdd0 !important; } .theme-rebecca-purple .side-menu .side-menu-list > li.opened.with-sub a:hover .font-icon, .theme-rebecca-purple .side-menu .side-menu-list > li.opened.with-sub > span:hover .font-icon, .theme-rebecca-purple .side-menu .side-menu-list > li.opened.with-sub a:hover .glyphicon, .theme-rebecca-purple .side-menu .side-menu-list > li.opened.with-sub > span:hover .glyphicon, .theme-rebecca-purple .side-menu .side-menu-list > li.opened.with-sub a:hover .fa, .theme-rebecca-purple .side-menu .side-menu-list > li.opened.with-sub > span:hover .fa { color: #454545; } .theme-rebecca-purple .side-menu .side-menu-list > li.opened.with-sub a:hover .font-icon.active:after, .theme-rebecca-purple .side-menu .side-menu-list > li.opened.with-sub > span:hover .font-icon.active:after, .theme-rebecca-purple .side-menu .side-menu-list > li.opened.with-sub a:hover .glyphicon.active:after, .theme-rebecca-purple .side-menu .side-menu-list > li.opened.with-sub > span:hover .glyphicon.active:after, .theme-rebecca-purple .side-menu .side-menu-list > li.opened.with-sub a:hover .fa.active:after, .theme-rebecca-purple .side-menu .side-menu-list > li.opened.with-sub > span:hover .fa.active:after { border-color: #cbcdd0 !important; } .theme-rebecca-purple .side-menu .side-menu-list > li.opened.with-sub a:hover .lbl, .theme-rebecca-purple .side-menu .side-menu-list > li.opened.with-sub > span:hover .lbl { color: #454545; } .theme-rebecca-purple .side-menu .side-menu-list .font-icon, .theme-rebecca-purple .side-menu .side-menu-list .glyphicon, .theme-rebecca-purple .side-menu .side-menu-list .fa { color: #838383; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } /* ========================================================================== STYLE: Theme Picton Blue ========================================================================== */ .theme-picton-blue .side-menu .side-menu-list a:hover, .theme-picton-blue .side-menu .side-menu-list > li > span:hover { background-color: #eff6fc; } .theme-picton-blue .side-menu .side-menu-list a:hover .font-icon.active:after, .theme-picton-blue .side-menu .side-menu-list > li > span:hover .font-icon.active:after, .theme-picton-blue .side-menu .side-menu-list a:hover .glyphicon.active:after, .theme-picton-blue .side-menu .side-menu-list > li > span:hover .glyphicon.active:after, .theme-picton-blue .side-menu .side-menu-list a:hover .fa.active:after, .theme-picton-blue .side-menu .side-menu-list > li > span:hover .fa.active:after { border-color: #eff6fc !important; } .theme-picton-blue .side-menu .side-menu-list > li.with-sub > span:before { border-top-color: #5fa7e7; } .theme-picton-blue .side-menu .side-menu-list > li.opened { background: #eff6fc; } .theme-picton-blue .side-menu .side-menu-list > li.opened .font-icon.active:after, .theme-picton-blue .side-menu .side-menu-list > li.opened .glyphicon.active:after, .theme-picton-blue .side-menu .side-menu-list > li.opened .fa.active:after { border-color: #eff6fc; } .theme-picton-blue .side-menu .side-menu-list > li.opened a, .theme-picton-blue .side-menu .side-menu-list > li.opened > span { border-left-color: transparent; } .theme-picton-blue .side-menu .side-menu-list > li.opened.with-sub a, .theme-picton-blue .side-menu .side-menu-list > li.opened.with-sub > span { border-left-color: transparent; } .theme-picton-blue .side-menu .side-menu-list > li.opened.with-sub a .lbl, .theme-picton-blue .side-menu .side-menu-list > li.opened.with-sub > span .lbl { color: #818181; } .theme-picton-blue .side-menu .side-menu-list > li.opened.with-sub a:hover, .theme-picton-blue .side-menu .side-menu-list > li.opened.with-sub > span:hover { background-color: #d1e5f8 !important; } .theme-picton-blue .side-menu .side-menu-list > li.opened.with-sub a:hover .lbl, .theme-picton-blue .side-menu .side-menu-list > li.opened.with-sub > span:hover .lbl { color: #454545; } .theme-picton-blue .side-menu .side-menu-list .font-icon, .theme-picton-blue .side-menu .side-menu-list .glyphicon, .theme-picton-blue .side-menu .side-menu-list .fa { color: #5fa7e7; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } /* ========================================================================== STYLE: Theme Picton Blue & White & Ebony ========================================================================== */ .theme-picton-blue-white-ebony .side-menu { background: #263238; border-right-color: transparent; } .theme-picton-blue-white-ebony .side-menu .jspDrag { border-color: #263238; background-color: #374248; } .theme-picton-blue-white-ebony .side-menu .side-menu-list .lbl { color: #929fa6; } .theme-picton-blue-white-ebony .side-menu .side-menu-list a:hover, .theme-picton-blue-white-ebony .side-menu .side-menu-list > li > span:hover { background-color: #374248; } .theme-picton-blue-white-ebony .side-menu .side-menu-list a:hover .lbl, .theme-picton-blue-white-ebony .side-menu .side-menu-list > li > span:hover .lbl { color: #fff; } .theme-picton-blue-white-ebony .side-menu .side-menu-list a:hover .font-icon, .theme-picton-blue-white-ebony .side-menu .side-menu-list > li > span:hover .font-icon, .theme-picton-blue-white-ebony .side-menu .side-menu-list a:hover .glyphicon, .theme-picton-blue-white-ebony .side-menu .side-menu-list > li > span:hover .glyphicon, .theme-picton-blue-white-ebony .side-menu .side-menu-list a:hover .fa, .theme-picton-blue-white-ebony .side-menu .side-menu-list > li > span:hover .fa { color: #fff; } .theme-picton-blue-white-ebony .side-menu .side-menu-list a:hover .font-icon.active:after, .theme-picton-blue-white-ebony .side-menu .side-menu-list > li > span:hover .font-icon.active:after, .theme-picton-blue-white-ebony .side-menu .side-menu-list a:hover .glyphicon.active:after, .theme-picton-blue-white-ebony .side-menu .side-menu-list > li > span:hover .glyphicon.active:after, .theme-picton-blue-white-ebony .side-menu .side-menu-list a:hover .fa.active:after, .theme-picton-blue-white-ebony .side-menu .side-menu-list > li > span:hover .fa.active:after { border-color: #374248 !important; } .theme-picton-blue-white-ebony .side-menu .side-menu-list > li.with-sub > span:before { border-top-color: #9ba1a4; } .theme-picton-blue-white-ebony .side-menu .side-menu-list > li.opened { background-color: #374248; } .theme-picton-blue-white-ebony .side-menu .side-menu-list > li.opened .lbl { color: #fff; } .theme-picton-blue-white-ebony .side-menu .side-menu-list > li.opened > span:before { border-top-color: #9ba1a4; } .theme-picton-blue-white-ebony .side-menu .side-menu-list > li.opened .font-icon, .theme-picton-blue-white-ebony .side-menu .side-menu-list > li.opened .glyphicon, .theme-picton-blue-white-ebony .side-menu .side-menu-list > li.opened .fa { color: #fff; } .theme-picton-blue-white-ebony .side-menu .side-menu-list > li.opened .font-icon.active:after, .theme-picton-blue-white-ebony .side-menu .side-menu-list > li.opened .glyphicon.active:after, .theme-picton-blue-white-ebony .side-menu .side-menu-list > li.opened .fa.active:after, .theme-picton-blue-white-ebony .side-menu .side-menu-list > li.opened .tag-color.active:after { border-color: #374248; } .theme-picton-blue-white-ebony .side-menu .side-menu-list > li.opened a, .theme-picton-blue-white-ebony .side-menu .side-menu-list > li.opened > span { border-left-color: transparent; } .theme-picton-blue-white-ebony .side-menu .side-menu-list > li.opened.with-sub a, .theme-picton-blue-white-ebony .side-menu .side-menu-list > li.opened.with-sub > span { border-left-color: transparent; } .theme-picton-blue-white-ebony .side-menu .side-menu-list > li.opened.with-sub a:hover, .theme-picton-blue-white-ebony .side-menu .side-menu-list > li.opened.with-sub > span:hover { background-color: #2d383e !important; } .theme-picton-blue-white-ebony .side-menu .side-menu-list > li.opened.with-sub a:hover .font-icon.active:after, .theme-picton-blue-white-ebony .side-menu .side-menu-list > li.opened.with-sub > span:hover .font-icon.active:after, .theme-picton-blue-white-ebony .side-menu .side-menu-list > li.opened.with-sub a:hover .glyphicon.active:after, .theme-picton-blue-white-ebony .side-menu .side-menu-list > li.opened.with-sub > span:hover .glyphicon.active:after, .theme-picton-blue-white-ebony .side-menu .side-menu-list > li.opened.with-sub a:hover .fa.active:after, .theme-picton-blue-white-ebony .side-menu .side-menu-list > li.opened.with-sub > span:hover .fa.active:after { border-color: #2d383e !important; } .theme-picton-blue-white-ebony .side-menu .side-menu-list .font-icon.active:after, .theme-picton-blue-white-ebony .side-menu .side-menu-list .glyphicon.active:after, .theme-picton-blue-white-ebony .side-menu .side-menu-list .fa.active:after, .theme-picton-blue-white-ebony .side-menu .side-menu-list .tag-color.active:after { border-color: #263238; } .theme-picton-blue-white-ebony .side-menu .side-menu-list .font-icon, .theme-picton-blue-white-ebony .side-menu .side-menu-list .glyphicon, .theme-picton-blue-white-ebony .side-menu .side-menu-list .fa { color: #929fa6; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } /* ========================================================================== Print ========================================================================== */ @media print { @page { } body { background: #fff !important; } .site-header, .side-menu { display: none; } .page-content { padding: 15px 0; } .dark-theme .page-content { padding-top: 15px; } .chrome-browser.with-side-menu .page-content { padding-left: 255px; margin-left: -255px; } .chrome-browser.with-side-menu-compact .page-content { padding-left: 115px; margin-left: -115px; } .chrome-browser.with-side-menu-addl .page-content { padding-left: 335px; margin-left: -335px; } .box-typical { padding: 0 !important; border: none !important; } .row > div { width: 100% !important; float: none !important; margin: 0 !important; } } @media print and (max-width: 991px) { .chrome-browser.with-side-menu .page-content { padding-left: 0; padding-right: 0; } } @media print and (max-width: 991px) { .chrome-browser.with-side-menu-compact .page-content { padding-left: 0; padding-right: 0; } } @media print and (max-width: 991px) { .chrome-browser.with-side-menu-addl .page-content { padding-left: 0; padding-right: 0; } } /* ========================================================================== Player ========================================================================== */ .cstm-player { line-height: normal; margin: 0 0 30px; zoom: 1; *zoom: 1; } .cstm-player:before, .cstm-player:after { content: " "; display: table; } .cstm-player:after { clear: both; } .cstm-player .cstm-player-video { position: relative; } .cstm-player .cstm-player-video img { display: block; width: 100%; -webkit-border-radius: .25rem .25rem 0 0; border-radius: .25rem .25rem 0 0; } .cstm-player .cstm-player-video .hover { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); -webkit-border-radius: .25rem .25rem 0 0; border-radius: .25rem .25rem 0 0; text-align: center; color: #fff; cursor: pointer; } .cstm-player .cstm-player-video .hover .font-icon-play { display: block; position: absolute; left: 50%; top: 50%; font-size: 2.5rem /*40/16*/; line-height: 1; margin: -20px 0 0 -13px; } .cstm-player .cstm-player-progress { height: 10px; background: #444444; position: relative; } .cstm-player .cstm-player-progress > div { position: absolute; left: 0; top: 0; height: 100%; background: #00a8ff; } .cstm-player .cstm-player-inner { background: #fff; position: relative; border: solid 1px #d8e2e7; } .cstm-player .cstm-player-volume { margin: 0 auto; height: 10px; width: 100%; max-width: 320px; background: #eceff4; -webkit-border-radius: 25rem; border-radius: 25rem; position: relative; } .cstm-player .cstm-player-volume .progress { position: absolute; left: 0; top: 0; height: 100%; background: #00a8ff; -webkit-border-radius: 25rem; border-radius: 25rem; } .cstm-player .cstm-player-volume .handle { width: 28px; height: 28px; -webkit-border-radius: 50%; border-radius: 50%; background: #fff; position: absolute; top: 50%; right: -14px; margin-top: -14px; cursor: pointer; -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2), 0 3px 1px rgba(0, 0, 0, 0.1); box-shadow: 0 0 3px rgba(0, 0, 0, 0.2), 0 3px 1px rgba(0, 0, 0, 0.1); } .cstm-player .cstm-player-album { color: #6c7a86; } .cstm-player .cstm-player-controls { text-align: center; line-height: 1; } .cstm-player .cstm-player-controls .font-icon { cursor: pointer; color: #d8e2e7; vertical-align: middle; } .cstm-player .cstm-player-controls .font-icon:hover { color: #00a8ff; } .cstm-player.cstm-player-big .cstm-player-inner { border-top: none; -webkit-border-radius: 0 0 .25rem .25rem; border-radius: 0 0 .25rem .25rem; padding: 20px 10px 40px; text-align: center; } .cstm-player.cstm-player-big .cstm-player-inner .time { font-size: .875rem; color: #6c7a86; position: absolute; top: 8px; } .cstm-player.cstm-player-big .cstm-player-inner .time.time-left { left: 10px; } .cstm-player.cstm-player-big .cstm-player-inner .time.time-right { right: 10px; } .cstm-player.cstm-player-big .cstm-player-singer { font-size: 1.75rem /*28/16*/; margin: 0 0 6px; } .cstm-player.cstm-player-big .cstm-player-song { font-size: 1.25rem /*20/16*/; margin: 0 0 8px; } .cstm-player.cstm-player-big .cstm-player-controls { font-size: 2.5rem /*40/16*/; padding: 20px 0; } .cstm-player.cstm-player-big .cstm-player-controls .font-icon.font-icon-play-circle { font-size: 6rem /*96/16*/; margin: 0 1rem; } .cstm-player.cstm-player-small .cstm-player-preview { float: left; width: 147px; position: relative; z-index: 5; } .cstm-player.cstm-player-small .cstm-player-preview:after { content: ''; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); -webkit-border-radius: .25rem 0 0 0; border-radius: .25rem 0 0 0; } .cstm-player.cstm-player-small .cstm-player-preview img { display: block; width: 100%; -webkit-border-radius: .25rem 0 0 0; border-radius: .25rem 0 0 0; } .cstm-player.cstm-player-small .cstm-player-inner { float: right; width: 100%; margin-left: -147px; border-left: none; border-bottom: none; -webkit-border-radius: 0 .25rem 0 0; border-radius: 0 .25rem 0 0; } .cstm-player.cstm-player-small .cstm-player-inner-in { margin-left: 167px; height: 97px; overflow: hidden; } .cstm-player.cstm-player-small .cstm-player-progress { clear: both; height: 8px; -webkit-border-radius: 0 0 .25rem .25rem; border-radius: 0 0 .25rem .25rem; overflow: hidden; } .cstm-player.cstm-player-small .cstm-player-progress > div { -webkit-border-radius: 0 0 0 .25rem; border-radius: 0 0 0 .25rem; } .cstm-player.cstm-player-small .cstm-player-controls { width: 135px; float: right; position: relative; z-index: 5; font-size: 1.25rem; line-height: 100px; } .cstm-player.cstm-player-small .cstm-player-controls .font-icon.font-icon-play-circle { font-size: 3.125rem /*50/16*/; margin: 0 5px; } .cstm-player.cstm-player-small .cstm-player-info { float: left; width: 100%; margin-right: -135px; } .cstm-player.cstm-player-small .cstm-player-info-in { margin-right: 135px; padding: 12px 0 0; } .cstm-player.cstm-player-small .cstm-player-singer, .cstm-player.cstm-player-small .cstm-player-song, .cstm-player.cstm-player-small .cstm-player-album { white-space: nowrap; width: 100%; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; line-height: 24px; } .cstm-player.cstm-player-small .cstm-player-singer { font-weight: 600; } .cstm-player.cstm-player-small .cstm-player-song, .cstm-player.cstm-player-small .cstm-player-album { font-size: .875rem; } /* ========================================================================== Video Player ========================================================================== */ .cstm-video-player { margin: 0 0 30px; height: 320px; -webkit-border-radius: .25rem; border-radius: .25rem; background: #000 no-repeat 50% 50%; background-size: cover; position: relative; } .cstm-video-player .cstm-video-player-controls { height: 75px; width: 100%; position: absolute; left: 0; bottom: 0; -webkit-border-radius: 0 0 .25rem .25rem; border-radius: 0 0 .25rem .25rem; background: url('../img/player-controls.png') repeat-x bottom; background-size: 2px 75px; padding: 32px 10px 0; z-index: 5; } .cstm-video-player .cstm-video-player-controls-left, .cstm-video-player .cstm-video-player-controls-right { zoom: 1; *zoom: 1; padding: 5px; } .cstm-video-player .cstm-video-player-controls-left:before, .cstm-video-player .cstm-video-player-controls-right:before, .cstm-video-player .cstm-video-player-controls-left:after, .cstm-video-player .cstm-video-player-controls-right:after { content: " "; display: table; } .cstm-video-player .cstm-video-player-controls-left:after, .cstm-video-player .cstm-video-player-controls-right:after { clear: both; } .cstm-video-player .cstm-video-player-controls-left { float: left; } .cstm-video-player .cstm-video-player-controls-right { float: right; } .cstm-video-player .cstm-video-player-progress { height: 3px; position: relative; background: #444; } .cstm-video-player .cstm-video-player-progress .downloaded, .cstm-video-player .cstm-video-player-progress .played { position: absolute; left: 0; top: 0; height: 100%; } .cstm-video-player .cstm-video-player-progress .downloaded { background: #777; } .cstm-video-player .cstm-video-player-progress .played { background: #00a8ff; } .cstm-video-player .cstm-video-player-btn { float: left; width: 36px; height: 32px; border: none; background: none; color: #fff; text-align: center; } .cstm-video-player .cstm-video-player-btn:hover { color: #00a8ff; } .cstm-video-player .cstm-video-player-btn .font-icon { position: relative; top: 1px; } .cstm-video-player .cstm-video-player-hover { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); -webkit-border-radius: .25rem; border-radius: .25rem; color: #fff; } .cstm-video-player .cstm-video-player-hover .font-icon { font-size: 2.625rem; line-height: 1; position: absolute; left: 50%; top: 50%; margin: -40px 0 0 -16px; cursor: pointer; } .cstm-video-player .cstm-video-player-hover .font-icon:hover { color: #00a8ff; } /* ========================================================================== Minimalistic Player ========================================================================== */ .minimalistic-player { position: relative; padding: 0 85px 0 0; } .minimalistic-player .progress { height: 4px; background: #eaedef; -webkit-border-radius: 2px; border-radius: 2px; position: relative; overflow: hidden; margin: 0; } .minimalistic-player .progress > div { position: absolute; left: 0; top: 0; height: 100%; -webkit-border-radius: 2px 0 0 2px; border-radius: 2px 0 0 2px; background: #00a8ff; } .minimalistic-player .progress.sound { position: absolute; right: 0; bottom: 0; width: 70px; overflow: visible; } .minimalistic-player .progress.sound .handle { content: ''; display: block; width: 6px; height: 12px; border: solid 1px #fff; background: #00a8ff; position: absolute; right: 0; top: 50%; margin: -6px -3px 0 0; cursor: pointer; } .minimalistic-player .minimalistic-player-header { margin: 0 0 5px; } .minimalistic-player .minimalistic-player-header .tbl-cell { vertical-align: top; } .minimalistic-player .minimalistic-player-header .tbl-cell-action { padding-right: 8px; width: 5px; } .minimalistic-player .minimalistic-player-header .tbl-cell-action button { border: none; background: none; color: #adb7be; position: relative; top: 1px; } .minimalistic-player .minimalistic-player-header .tbl-cell-action button:hover { color: #00a8ff; } .minimalistic-player .minimalistic-player-header .tbl-cell-caption { padding-left: 4px; } .minimalistic-player .minimalistic-player-header .tbl-cell-time { text-align: right; white-space: nowrap; width: 20px; padding-left: 10px; color: #919fa9; } /* ========================================================================== Steps numeric ========================================================================== */ .steps-numeric-block .steps-numeric-header { border-bottom: solid 1px #d8e2e7; text-align: center; } .steps-numeric-block .steps-numeric-header-in { color: #919fa9; display: table; width: 100%; border-collapse: collapse; margin: 0 0 -2px; } .steps-numeric-block .steps-numeric-header-in ul { display: table-row; list-style: none; } .steps-numeric-block .steps-numeric-header-in li { display: table-cell; vertical-align: middle; font-size: 0; line-height: 0; padding: 0 10px; } .steps-numeric-block .steps-numeric-header-in .item { display: inline-block; height: 50px; line-height: 50px; overflow: hidden; font-size: 1rem; border-bottom: solid 2px transparent; } .steps-numeric-block .steps-numeric-header-in .num { border: solid 1px #919fa9; -webkit-border-radius: 50%; border-radius: 50%; display: inline-block; vertical-align: middle; width: 24px; height: 24px; text-align: center; line-height: 22px; position: relative; top: -1px; margin: 0 4px 0 0; } .steps-numeric-block .steps-numeric-header-in .active { color: #0082c6; } .steps-numeric-block .steps-numeric-header-in .active .item { border-bottom-color: #0082c6; } .steps-numeric-block .steps-numeric-header-in .active .num { border-color: #0082c6; } .steps-numeric-block .steps-numeric-inner { padding: 30px 20px 25px; } .steps-numeric-block .steps-numeric-inner .form-control { width: 100%; max-width: 280px; } .steps-numeric-block .steps-numeric-title { font-size: 1.25rem /*20/16*/; margin: 0 0 20px; } .steps-numeric-block .steps-numeric-footer { border-top: solid 1px #d8e2e7; text-align: center; line-height: 50px; font-weight: 600; } .steps-numeric-block .steps-numeric-footer .tbl-cell { border-left: solid 1px #d8e2e7; padding: 0 20px; } .steps-numeric-block .steps-numeric-footer .tbl-cell:first-child { border-left: none; } .steps-numeric-block .steps-numeric-footer a { color: #6c7a86; } /* ========================================================================== Steps icon ========================================================================== */ .steps-icon-block { padding: 30px 20px 25px; text-align: center; zoom: 1; *zoom: 1; } .steps-icon-block:before, .steps-icon-block:after { content: " "; display: table; } .steps-icon-block:after { clear: both; } .steps-icon-block .steps-numeric-title { font-size: 1.25rem /*20/16*/; margin: 0 0 15px; } .steps-icon-block .form-control { width: 100%; max-width: 280px; margin: 0 auto; } .steps-icon-block .btn { min-width: 100px; margin: 14px 5px 5px; } .steps-icon-progress { overflow: hidden; } .steps-icon-progress ul { zoom: 1; *zoom: 1; text-align: center; margin: 0 0 25px; } .steps-icon-progress ul:before, .steps-icon-progress ul:after { content: " "; display: table; } .steps-icon-progress ul:after { clear: both; } .steps-icon-progress li { float: left; width: 25%; position: relative; } .steps-icon-progress li:before { content: ''; display: block; width: 100%; height: 8px; background: #e1e4e9; position: absolute; left: -50%; top: 10px; } .steps-icon-progress li:first-child:before { display: none; } .steps-icon-progress .icon { width: 28px; height: 28px; margin: 0 auto 5px; -webkit-border-radius: 50%; border-radius: 50%; text-align: center; line-height: 28px; background: #e1e4e9; color: #919fa9; position: relative; z-index: 5; } .steps-icon-progress .icon .font-icon { position: relative; top: 1px; } .steps-icon-progress .caption { display: inline-block; color: #919fa9; } .steps-icon-progress .active:before { background-color: #0082c6; } .steps-icon-progress .active .icon { background-color: #0082c6; color: #fff; } .steps-icon-progress .active .caption { color: #343434; } /* ========================================================================== Typical cards ========================================================================== */ .card-typical { background: #fff; border: solid 1px #d8e2e7; -webkit-border-radius: .25rem; border-radius: .25rem; } .card-typical p { margin: 0; } .card-typical .card-typical-section { padding: 15px; border-top: solid 1px #d8e2e7; zoom: 1; *zoom: 1; } .card-typical .card-typical-section:before, .card-typical .card-typical-section:after { content: " "; display: table; } .card-typical .card-typical-section:after { clear: both; } .card-typical .card-typical-section:first-child { border-top: none; } .card-typical .card-typical-content { font-size: .875rem; } .card-typical .card-typical-content .photo { margin: -10px -10px 15px; } .card-typical .card-typical-content .photo img { display: block; width: 100%; } .card-typical .card-typical-content .title { font-weight: 600; font-size: 1rem; margin: 0 0 5px; } .card-typical .card-typical-content .title a { color: #343434; } .card-typical .card-typical-content .title a:hover { color: #00a8ff; } .card-typical .card-typical-linked, .card-typical .card-typical-likes { color: #919fa9; line-height: 1rem; font-size: .875rem; } .card-typical .card-typical-linked { float: left; } .card-typical .card-typical-likes { float: right; } .card-typical .card-typical-likes .font-icon { margin: 0 2px 0 0; vertical-align: middle; font-size: .875rem; } .card-typical .card-typical-likes:hover { color: #00a8ff; } .cards-grid .card-typical { margin: 0 15px 30px; } /* ========================================================================== Grid cards ========================================================================== */ .cards-grid[data-columns]::before { content: '3 .column.size-1of3'; } .cards-grid .column { float: left; } .cards-grid .size-1of4 { width: 25%; } .cards-grid .size-1of3 { width: 33.333%; } .cards-grid .size-1of2 { width: 50%; } @media screen and (max-width: 520px) { .cards-grid[data-columns]::before { content: '1 .column'; } } @media screen and (min-width: 521px) and (max-width: 767px) { .cards-grid[data-columns]::before { content: '2 .column.size-1of2'; } } @media screen and (min-width: 768px) and (max-width: 1300px) { .cards-grid[data-columns]::before { content: '3 .column.size-1of3'; } } @media screen and (min-width: 1301px) { .cards-grid[data-columns]::before { content: '4 .column.size-1of4'; } } /* ========================================================================== Ribbons element ========================================================================== */ .ribbon { position: absolute; top: 10px; right: -1px; color: #ffffff; background: #00a8ff; padding: 5px 12px 5px 9px; white-space: nowrap; } .ribbon.right-top { top: 10px; bottom: auto; right: -1px; left: auto; } .ribbon.right-top:after { position: absolute; left: -10px; top: 0px; display: block; content: ''; width: 0; height: 0; border-style: solid; border-width: 0 10px 17px 0; border-top-color: transparent !important; border-right-color: #00a8ff; border-bottom-color: transparent !important; border-left-color: transparent !important; } .ribbon.right-top:before { position: absolute; left: -10px; bottom: 0px; display: block; content: ''; width: 0; height: 0; border-style: solid; border-width: 0px 0px 17px 10px; border-top-color: transparent !important; border-right-color: transparent !important; border-bottom-color: #00a8ff; border-left-color: transparent !important; } .ribbon.right-bottom { top: auto; bottom: 10px; right: -1px; left: auto; } .ribbon.right-bottom:after { position: absolute; left: -10px; top: 0px; display: block; content: ''; width: 0; height: 0; border-style: solid; border-width: 0 10px 17px 0; border-top-color: transparent !important; border-right-color: #00a8ff; border-bottom-color: transparent !important; border-left-color: transparent !important; } .ribbon.right-bottom:before { position: absolute; left: -10px; bottom: 0px; display: block; content: ''; width: 0; height: 0; border-style: solid; border-width: 0px 0px 17px 10px; border-top-color: transparent !important; border-right-color: transparent !important; border-bottom-color: #00a8ff; border-left-color: transparent !important; } .ribbon.left-top { padding: 5px 9px 5px 12px; top: 10px; bottom: auto; right: auto; left: -1px; } .ribbon.left-top:after { position: absolute; right: -10px; left: auto; top: 0px; display: block; content: ''; width: 0; height: 0; border-style: solid; border-width: 17px 10px 0px 0px; border-top-color: #00a8ff; border-right-color: transparent !important; border-bottom-color: transparent !important; border-left-color: transparent !important; } .ribbon.left-top:before { position: absolute; right: -10px; left: auto; bottom: 0px; display: block; content: ''; width: 0; height: 0; border-style: solid; border-width: 17px 0px 0px 10px; border-top-color: transparent !important; border-right-color: transparent !important; border-bottom-color: transparent !important; border-left-color: #00a8ff; } .ribbon.left-bottom { padding: 5px 9px 5px 12px; top: auto; bottom: 10px; right: auto; left: -1px; } .ribbon.left-bottom:after { position: absolute; right: -10px; left: auto; top: 0px; display: block; content: ''; width: 0; height: 0; border-style: solid; border-width: 17px 10px 0px 0px; border-top-color: #00a8ff; border-right-color: transparent !important; border-bottom-color: transparent !important; border-left-color: transparent !important; } .ribbon.left-bottom:before { position: absolute; right: -10px; left: auto; bottom: 0px; display: block; content: ''; width: 0; height: 0; border-style: solid; border-width: 17px 0px 0px 10px; border-top-color: transparent !important; border-right-color: transparent !important; border-bottom-color: transparent !important; border-left-color: #00a8ff; } .ribbon.green { background-color: #4cc159; } .ribbon.green:before, .ribbon.green:after { border-color: #4cc159; } .ribbon.purple { background-color: #00bbd4; } .ribbon.purple:before, .ribbon.purple:after { border-color: #00bbd4; } .ribbon.yellow { background-color: #fdc006; } .ribbon.yellow:before, .ribbon.yellow:after { border-color: #fdc006; } .ribbon.red { background-color: #f34135; } .ribbon.red:before, .ribbon.red:after { border-color: #f34135; } .ribbon.transparent { background-color: rgba(255, 255, 255, 0.5); } .ribbon.transparent:before, .ribbon.transparent:after { border-color: rgba(255, 255, 255, 0.5); } /* ========================================================================== Statistic ========================================================================== */ .statistic-box { -webkit-border-radius: 4px; border-radius: 4px; text-align: center; color: #fff; background: no-repeat 50% 50%; background-size: cover; margin: 0 0 30px; } .statistic-box.red { background-color: #fa424a; background-image: url('../img/statistic-box-red.png'); } .statistic-box.purple { background-color: #ac6bec; background-image: url('../img/statistic-box-purple.png'); } .statistic-box.yellow { background-color: #fdad2a; background-image: url('../img/statistic-box-yellow.png'); } .statistic-box.green { background-color: #46c35f; background-image: url('../img/statistic-box-green.png'); } .statistic-box > div { -webkit-border-radius: inherit; border-radius: inherit; height: 142px; background: url('../img/statistic-box-grid.png') 50% 0; background-size: 21px 20px; position: relative; } .statistic-box .number { font-size: 3.125rem /*50/16*/; line-height: 1; padding: 32px 0 0; } .statistic-box .caption { font-size: 1.0625rem /*17/16*/; font-weight: 600; position: relative; min-height: 35px; line-height: 1; } .statistic-box .caption > div { position: absolute; left: 0; bottom: 0; width: 100%; padding: 0 10px; } .statistic-box .percent { position: absolute; right: 10px; bottom: 8px; text-align: center; font-size: 0.8125rem /*13/16*/; font-weight: 600; line-height: 1; } .statistic-box .arrow { display: inline-block; width: 0; height: 0; border-style: solid; border-width: 0 7.5px 8px 7.5px; border-color: transparent transparent #ffffff transparent; margin: 0 0 2px; } .statistic-box .arrow.up { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } .statistic-box .arrow.down { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .chart-statistic-box { zoom: 1; *zoom: 1; margin: 0 0 30px; -webkit-border-radius: 4px; border-radius: 4px; overflow: hidden; } .chart-statistic-box:before, .chart-statistic-box:after { content: " "; display: table; } .chart-statistic-box:after { clear: both; } .chart-statistic-box .chart-txt { float: left; width: 200px; height: 314px; padding: 15px 20px; background: #304b58; -webkit-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; color: #fff; position: relative; z-index: 5; } .chart-statistic-box .chart-txt p { margin: 0; } .chart-statistic-box .chart-txt .chart-txt-top { text-align: center; margin: 0 0 10px; } .chart-statistic-box .chart-txt .chart-txt-top .unit, .chart-statistic-box .chart-txt .chart-txt-top .number { vertical-align: middle; } .chart-statistic-box .chart-txt .chart-txt-top .unit { font-weight: 300; font-size: 1.25rem /*20/16*/; color: #929faa; margin: 0 .3em 0 0; position: relative; top: -0.2em; } .chart-statistic-box .chart-txt .chart-txt-top .number { font-size: 2.125rem /*34/16*/; } .chart-statistic-box .chart-txt .chart-txt-top .caption { font-weight: 600; } .chart-statistic-box .chart-txt .color-purple { color: #b982ef !important; } .chart-statistic-box .chart-txt .tbl-data { width: 100%; position: absolute; bottom: 15px; } .chart-statistic-box .chart-txt .tbl-data td { vertical-align: top; padding: 5px 0; } .chart-statistic-box .chart-txt .tbl-data .price { white-space: nowrap; width: 20px; padding-right: 10px; font-weight: 600; } .chart-statistic-box .chart-container { float: right; width: 100%; position: relative; overflow: hidden; -webkit-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; background: #00a8ff; color: #fff; margin-left: -200px; } .chart-statistic-box .chart-container .chart-container-in { margin-left: 200px; position: relative; } .chart-statistic-box .chart-container .chart-container-title { position: absolute; top: auto; bottom: 20px; left: 0; width: 100%; text-align: center; font-weight: 600; font-size: 1.0625rem /*17/16*/; z-index: 20; color: #fff; } .chart-statistic-box .chart-container .chart-container-y, .chart-statistic-box .chart-container .chart-container-x { font-size: 0.6875rem /*11/16*/; text-transform: uppercase; font-weight: 700; position: absolute; z-index: 1; } .chart-statistic-box .chart-container .chart-container-x { left: 0; top: 19px; width: 100%; text-align: center; zoom: 1; *zoom: 1; } .chart-statistic-box .chart-container .chart-container-x:before, .chart-statistic-box .chart-container .chart-container-x:after { content: " "; display: table; } .chart-statistic-box .chart-container .chart-container-x:after { clear: both; } .chart-statistic-box .chart-container .chart-container-x .item { float: left; width: 12.5%; min-height: 5px; } .chart-statistic-box .chart-container .chart-container-x .item:first-child, .chart-statistic-box .chart-container .chart-container-x .item:last-child { width: 6%; } .chart-statistic-box .chart-container .chart-container-y { right: 22px; bottom: 0; text-align: right; line-height: 22px; } .chart-statistic-box .chart-container .chart-container-y .item { height: 22.4px; } .chart-statistic-box .google-visualization-tooltip { -webkit-box-shadow: none !important; box-shadow: none !important; background: none !important; color: #fff !important; border: none !important; font-weight: 700 !important; margin-left: -35px; } @media (max-width: 1367px) { .chart-statistic-box .chart-txt { width: 170px; } .chart-statistic-box .chart-container { margin-left: -170px; } .chart-statistic-box .chart-container .chart-container-in { margin-left: 170px; } } @media (max-width: 767px) { .chart-statistic-box .chart-txt { float: none; width: auto; height: auto; margin: 0 0 15px; -webkit-border-radius: 4px; border-radius: 4px; } .chart-statistic-box .chart-txt .tbl-data { position: static; } .chart-statistic-box .chart-container { float: none; width: auto; -webkit-border-radius: 4px; border-radius: 4px; margin: 0; } .chart-statistic-box .chart-container .chart-container-in { margin: 0; } } /* ========================================================================== Dashboards boxes ========================================================================== */ .box-typical { -webkit-border-radius: 4px; border-radius: 4px; background: #fff; border: solid 1px #d8e2e7; margin: 0 0 20px; } .box-typical .box-typical-header { display: table; width: 100%; } .box-typical .box-typical-header.box-typical-header-bordered { border-bottom: solid 1px #d8e2e7; } .box-typical .box-typical-header .tbl-cell { vertical-align: middle; padding: 15px; } .box-typical .box-typical-header .tbl-cell.tbl-cell-title { padding-right: 0; } .box-typical .box-typical-header .tbl-cell.tbl-cell-title h1, .box-typical .box-typical-header .tbl-cell.tbl-cell-title h2, .box-typical .box-typical-header .tbl-cell.tbl-cell-title h3, .box-typical .box-typical-header .tbl-cell.tbl-cell-title h4, .box-typical .box-typical-header .tbl-cell.tbl-cell-title h5, .box-typical .box-typical-header .tbl-cell.tbl-cell-title h6 { margin: 0; font-size: 1rem; font-weight: 600; line-height: 1.4; padding: 1px 0; } .box-typical .box-typical-header .tbl-cell.tbl-cell-actions { text-align: right; white-space: nowrap; padding-top: 18px; padding-left: 0; } .box-typical .box-typical-header .tbl-cell.tbl-cell-action-bordered { border-left: solid 1px #d8e2e7; text-align: center; width: 54px; padding-top: 17px; } .box-typical .box-typical-header .tbl-cell.tbl-cell-action-bordered .action-btn { margin: 0; } .box-typical .box-typical-header .action-btn { display: inline-block; vertical-align: top; color: #adb7be; border: none; background: none; font-size: 1rem; margin: 0 0 0 10px; line-height: 18px; } .box-typical .box-typical-header .action-btn .font-icon { vertical-align: middle; } .box-typical .box-typical-header .action-btn .font-icon.font-icon-minus { position: relative; top: 1px; } .box-typical .box-typical-header .action-btn:hover { color: #00a8ff; } .box-typical .box-typical-header-sm { padding: 12px 15px; font-weight: 600; position: relative; } .box-typical .box-typical-header-sm.bordered { border-bottom: solid 1px #d8e2e7; } .box-typical .box-typical-header-sm .slider-arrs { position: absolute; right: 12px; top: 50%; margin-top: -12px; zoom: 1; *zoom: 1; } .box-typical .box-typical-header-sm .slider-arrs:before, .box-typical .box-typical-header-sm .slider-arrs:after { content: " "; display: table; } .box-typical .box-typical-header-sm .slider-arrs:after { clear: both; } .box-typical .box-typical-header-sm .slider-arrs button { float: left; font-size: 1rem; margin: 0 0 0 15px; border: none; background: none; color: #c5d6de; height: 24px; line-height: 24px; padding: 0; } .box-typical .box-typical-header-sm .slider-arrs button:hover { color: #00a8ff; } .box-typical .box-typical-header-sm .slider-arrs button .font-icon { vertical-align: middle; line-height: inherit; } .box-typical .box-typical-footer { background: #fbfcfd; padding: 12px 15px; border-top: solid 1px #d8e2e7; } .box-typical .box-typical-footer:last-child { -webkit-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; } .box-typical .box-typical-footer .tbl-cell { vertical-align: middle; } .box-typical .box-typical-footer .tbl-cell-action { white-space: nowrap; width: 20px; padding-left: 15px; } .box-typical .box-typical-footer .btn-icon { border: none; background: none; color: #919fa9; margin: 0 12px 0 0; position: relative; top: 2px; } .box-typical .box-typical-footer .btn-icon:hover { color: #00a8ff; } .box-typical .box-typical-section { border-top: solid 1px #d8e2e7; padding: 15px; } .box-typical .box-typical-section:first-child { border-top: none; } .box-typical .box-typical-section .box-typical-header-sm { padding: 5px 0 15px; } .box-typical.box-typical-padding { padding: 20px 15px; } .box-typical.box-typical-max-280 .box-typical-header { border-bottom: solid 1px #d8e2e7; margin-bottom: -1px; } .box-typical.box-typical-max-280 .box-typical-body { overflow: auto; height: 280px; } .box-typical.box-typical-dashboard { margin: 0 0 30px; overflow: hidden; } .box-typical.box-typical-dashboard .box-typical-header { border-bottom: solid 1px #d8e2e7; } .box-typical.box-typical-dashboard .box-typical-body { overflow: auto; height: 264px; } .box-typical.box-typical-dashboard .box-typical-body .tbl-typical th { border-top: none; } .box-typical.box-typical-full-screen { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 100; border: none; -webkit-border-radius: 0; border-radius: 0; margin: 0 0 20px; } .box-typical.box-typical-full-screen .box-typical-header { position: relative; z-index: 110; } .box-typical.box-typical-full-screen .box-typical-header .tbl-cell.tbl-cell-title h1, .box-typical.box-typical-full-screen .box-typical-header .tbl-cell.tbl-cell-title h2, .box-typical.box-typical-full-screen .box-typical-header .tbl-cell.tbl-cell-title h3, .box-typical.box-typical-full-screen .box-typical-header .tbl-cell.tbl-cell-title h4, .box-typical.box-typical-full-screen .box-typical-header .tbl-cell.tbl-cell-title h5, .box-typical.box-typical-full-screen .box-typical-header .tbl-cell.tbl-cell-title h6 { font-size: 1.5rem /*24/16*/; } .box-typical.box-typical-full-screen .box-typical-header .action-btn .font-icon-expand:before { content: "\73"; } .box-typical.box-typical-full-screen .tbl-typical th, .box-typical.box-typical-full-screen .tbl-typical td { font-size: 0.9375rem /*15/16*/; } .box-typical.box-typical-collapsed { height: auto; } .box-typical.box-typical-collapsed .box-typical-header { border-bottom-color: transparent; } .box-typical.box-typical-collapsed .box-typical-body { display: none; } .box-typical.box-typical-collapsed .box-typical-header .action-btn .font-icon-minus:before { content: "\e07a"; } .box-panel .box-typical-header { border-bottom: 1px solid #d8e2e7; } .box-panel .box-typical-body { padding: 16px !important; } .dashboard-sortable .box-typical-header { cursor: move; } .box-typical-upload { height: 314px; } .box-typical-upload .box-typical-upload-in { padding: 10px; } .box-typical-upload .drop-zone { width: auto; margin-bottom: 1rem; height: auto; padding-bottom: 1rem; } .comment-item { padding: 15px; border-top: solid 1px #d8e2e7; font-size: .9375rem; } .comment-item:first-child { border-top: none; } .comment-item p { margin: 0; } .comment-item .user-card-row { margin: 0 0 12px; font-size: .9375rem; } .comment-item .comment-item-txt { line-height: 1.4; } .comment-item .comment-item-meta { padding: 10px 0 5px; zoom: 1; *zoom: 1; } .comment-item .comment-item-meta:before, .comment-item .comment-item-meta:after { content: " "; display: table; } .comment-item .comment-item-meta:after { clear: both; } .comment-item .comment-item-meta a, .comment-item .comment-item-meta button { float: left; border: none; background: none; margin: 0 15px 0 0; color: #adb7be; font-size: 1rem; } .comment-item .comment-item-meta a:hover, .comment-item .comment-item-meta button:hover { color: #00a8ff; } .comment-item .comment-item-meta a.star:hover, .comment-item .comment-item-meta button.star:hover, .comment-item .comment-item-meta a.star.active, .comment-item .comment-item-meta button.star.active { color: #f18482; } .box-typical-full-screen .comment-item .comment-item-txt { font-size: 1rem; } .contact-row-list .contact-row:nth-child(odd) { background: #fbfcfd; } .contact-row { padding: 15px 20px 15px 15px; color: #6c7a86; line-height: 1.2; } .box-typical-full-screen .contact-row { padding-top: 20px; padding-bottom: 20px; } .contact-row .user-card-row { font-size: .9375rem; } /* ========================================================================== Widgets ========================================================================== */ .widget { margin: 0 0 30px; } .widget-header-dark { -webkit-border-radius: .25rem .25rem 0 0; border-radius: .25rem .25rem 0 0; background: #323a44; color: #fff; font-weight: 600; padding: .75rem 1rem; text-align: center; } .widget-header-dark.with-btn { text-align: left; position: relative; padding-right: 55px; } .widget-header-dark .widget-header-btn { display: block; width: 46px; height: 100%; position: absolute; right: 0; top: 0; background: #21262c; border: none; -webkit-border-radius: 0 .25rem 0 0; border-radius: 0 .25rem 0 0; color: #919fa9; } .widget-header-dark .widget-header-btn:hover { color: #fff; } .widget-header-dark .widget-header-btn .font-icon { vertical-align: middle; position: relative; top: 1px; } /* ========================================================================== Widgets tabs ========================================================================== */ .widget-tabs-content { background: #fff; border: solid 1px #d8e2e7; border-top: none; border-bottom: none; min-height: 230px; padding: 30px 0 0; } .widget-tabs-nav { display: table; width: 100%; border-collapse: collapse; table-layout: fixed; text-align: center; } .widget-tabs-nav .nav-item { display: table-cell; } .widget-tabs-nav .nav-link { display: block; height: 94px; position: relative; background: #fbfcfd; -webkit-transition: none; -o-transition: none; transition: none; font-weight: 600; font-size: .75rem; text-transform: uppercase; } .widget-tabs-nav .nav-link:hover { background-color: #f6f8fa; } .widget-tabs-nav .nav-link.active { cursor: default; } .widget-tabs-nav .nav-item:first-child .nav-link { -webkit-border-bottom-left-radius: .25rem; border-bottom-left-radius: .25rem; } .widget-tabs-nav .nav-item:last-child .nav-link { -webkit-border-bottom-right-radius: .25rem; border-bottom-right-radius: .25rem; } .widget-tabs-nav .font-icon { display: block; height: 64px; overflow: hidden; line-height: 70px; font-size: 1.875rem /*30/16*/; } .widget-tabs-nav.bordered .nav-link { border: solid 1px #d8e2e7; border-left: none; border-top: none; color: #919fa9; } .widget-tabs-nav.bordered .nav-link:before { content: ''; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 0; border-top: solid 1px #d8e2e7; } .widget-tabs-nav.bordered .nav-link.active { background-color: #fff; color: #ac6bec; } .widget-tabs-nav.bordered .nav-link.active:before { display: none; } .widget-tabs-nav.bordered .nav-item:first-child .nav-link { border-left: solid 1px #d8e2e7; } .widget-tabs-nav.colored .nav-link { color: #fff; } .widget-tabs-nav.colored .nav-link.green { background-color: #46c35f; } .widget-tabs-nav.colored .nav-link.green:hover, .widget-tabs-nav.colored .nav-link.green.active { background-color: #3bb553; } .widget-tabs-nav.colored .nav-link.blue { background-color: #00a8ff; } .widget-tabs-nav.colored .nav-link.blue:hover, .widget-tabs-nav.colored .nav-link.blue.active { background-color: #0097e6; } .widget-tabs-nav.colored .nav-link.orange { background-color: #fdad2a; } .widget-tabs-nav.colored .nav-link.orange:hover, .widget-tabs-nav.colored .nav-link.orange.active { background-color: #fda311; } .widget-tabs-nav.colored .nav-link.red { background-color: #fa424a; } .widget-tabs-nav.colored .nav-link.red:hover, .widget-tabs-nav.colored .nav-link.red.active { background-color: #f92932; } .widget-tabs-compact .widget-tabs-content { min-height: 102px; border-top: solid 1px #d8e2e7; -webkit-border-radius: .25rem .25rem 0 0; border-radius: .25rem .25rem 0 0; padding: 18px; } .widget-tabs-compact .widget-tabs-nav .nav-link { height: 80px; font-size: .875rem; } .widget-tabs-compact .widget-tabs-nav .font-icon { font-size: 1.625rem /*26/16*/; height: 48px; line-height: 60px; } /* ========================================================================== Widgets simple ========================================================================== */ .widget-simple-sm { border: solid 1px #d8e2e7; background: #fff; -webkit-border-radius: .25rem; border-radius: .25rem; text-align: center; } .widget-simple-sm .widget-simple-sm-icon { height: 80px; overflow: hidden; line-height: 80px; font-size: 2.75rem /*44/16*/; } .widget-simple-sm .widget-simple-sm-icon .font-icon { position: relative; top: 5px; } .widget-simple-sm .widget-simple-sm-statistic { line-height: 1; padding: 15px 10px; } .widget-simple-sm .widget-simple-sm-statistic .number { font-weight: 600; font-size: 1.5rem /*24/16*/; margin: 0 0 6px; } .widget-simple-sm .widget-simple-sm-statistic .caption { font-size: .875rem; font-weight: 600; text-transform: uppercase; } .widget-simple-sm .widget-simple-sm-bottom { border-top: solid 1px #d8e2e7; background: #f6f8fa; font-weight: 600; padding: 15px 10px; font-size: .9375rem; line-height: normal; -webkit-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; } .widget-simple-sm .widget-simple-sm-bottom a { color: #343434; } .widget-simple-sm .widget-simple-sm-bottom a:hover { color: #00a8ff; } .widget-simple-sm .widget-simple-sm-bottom.statistic { font-weight: normal; text-transform: uppercase; line-height: 1rem; } .widget-simple-sm .widget-simple-sm-bottom.statistic strong { font-weight: 600; } .widget-simple-sm .widget-simple-sm-bottom.statistic .arrow { font-size: 1rem; } .widget-simple-sm-fill { color: #fff; -webkit-border-radius: .25rem; border-radius: .25rem; text-align: center; background: #00a8ff; } .widget-simple-sm-fill .widget-simple-sm-icon { height: 80px; overflow: hidden; line-height: 80px; font-size: 2.75rem /*44/16*/; } .widget-simple-sm-fill .widget-simple-sm-icon .font-icon { position: relative; top: 17px; } .widget-simple-sm-fill .widget-simple-sm-fill-caption { font-weight: 600; font-size: .9375rem; line-height: normal; padding: 16px 10px 15px; } .widget-simple-sm-fill.red { background-color: #fa424a; } .widget-simple-sm-fill.green { background-color: #46c35f; } .widget-simple-sm-fill.orange { background-color: #fdad2a; } .widget-simple-sm-fill.purple { background-color: #ac6bec; } .widget-simple-sm-fill.grey { background-color: #adb7be; } /* ========================================================================== Widgets time ========================================================================== */ .widget-time .widget-time-content { padding: .75rem .25rem 1rem; background: #fff; -webkit-border-radius: 0 0 .25rem .25rem; border-radius: 0 0 .25rem .25rem; border: solid 1px #d8e2e7; border-top: none; color: #323a44; text-align: center; } .widget-time .count-item { display: inline-block; vertical-align: top; line-height: 1; font-weight: 600; } .widget-time .count-item.divider { padding: 0 10px; opacity: .5; font-size: 2.875rem /*46/16*/; } .widget-time .count-item-number { font-size: 2.875rem /*46/16*/; } .widget-time .count-item-caption { font-size: .75rem; text-transform: uppercase; padding: .25rem 0 0; } .widget-time.aquamarine .widget-time-content { color: #fff; background-color: #21a788; border-color: #21a788; } /* ========================================================================== Widgets weather ========================================================================== */ .widget-weather .widget-weather-big { height: 175px; background: #00a8ff; color: #fff; -webkit-border-radius: .25rem .25rem 0 0; border-radius: .25rem .25rem 0 0; text-align: center; overflow: hidden; zoom: 1; *zoom: 1; } .widget-weather .widget-weather-big:before, .widget-weather .widget-weather-big:after { content: " "; display: table; } .widget-weather .widget-weather-big:after { clear: both; } .widget-weather .widget-weather-big .icon { float: left; width: 60%; line-height: 174px; font-size: 6.875rem /*110/16*/; padding: 0 0 0 5%; } .widget-weather .widget-weather-big .icon .font-icon { vertical-align: middle; position: relative; top: 2px; } .widget-weather .widget-weather-big .info { float: left; width: 40%; line-height: 1; padding: 48px 0 0; } .widget-weather .widget-weather-big .degrees { font-size: 3.5rem /*56/16*/; } .widget-weather .widget-weather-big .weather { font-weight: 600; padding: 0 18px 0 0; } .widget-weather .widget-weather-content { background: #fff; border: solid 1px #d8e2e7; border-top: none; -webkit-border-radius: 0 0 .25rem .25rem; border-radius: 0 0 .25rem .25rem; zoom: 1; *zoom: 1; } .widget-weather .widget-weather-content:before, .widget-weather .widget-weather-content:after { content: " "; display: table; } .widget-weather .widget-weather-content:after { clear: both; } .widget-weather .widget-weather-item { text-align: center; } .widget-weather .widget-weather-item-time { white-space: nowrap; line-height: 42px; } .widget-weather .widget-weather-item-info { border-top: solid 1px #d8e2e7; line-height: 1; padding: 15px 0; } .widget-weather .widget-weather-item-info .font-icon { color: #00a8ff; font-size: 2.25rem; display: block; margin: 0 0 6px; } .widget-weather .slick-dots { background: #f6f8fa; border-top: solid 1px #d8e2e7; text-align: center; padding: 4px 0; -webkit-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; } .widget-weather .slick-dots li { display: inline-block; padding: 6px 0; } .widget-weather .slick-dots button { border: none; background: #adb7be; width: 6px; height: 6px; overflow: hidden; text-indent: -1000px; -webkit-border-radius: 50%; border-radius: 50%; margin: 0 6px; line-height: 6px; } .widget-weather .slick-dots button:hover { background-color: #00a8ff; } .widget-weather .slick-dots .slick-active button { background-color: #00a8ff; } /* ========================================================================== Widgets accordion ========================================================================== */ .widget-accordion { background: #fff; -webkit-border-radius: .25rem; border-radius: .25rem; border: solid 1px #d8e2e7; } .widget-accordion .panel { border-top: solid 1px #d8e2e7; } .widget-accordion .panel:first-child { border-top: none; } .widget-accordion .panel:first-child .panel-heading a { -webkit-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; } .widget-accordion .panel:last-child .panel-heading a { -webkit-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; } .widget-accordion .panel-heading a { display: block; padding: 12px 44px 12px 15px; color: #343434; font-weight: 600; background: #fbfcfd; position: relative; } .widget-accordion .panel-heading a .font-icon { font-size: .75rem; height: 16px; line-height: 16px; display: block; position: absolute; right: 15px; top: 50%; margin-top: -6px; color: #adb7be; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .widget-accordion .panel-heading a:hover { background: none; } .widget-accordion .panel-heading a:hover .font-icon { color: #343434; } .widget-accordion .panel-heading a[aria-expanded="true"] { background: none; color: #0082c6; } .widget-accordion .panel-heading a[aria-expanded="true"] .font-icon { color: #0082c6; } .widget-accordion .panel-collapse-in { padding: 0 15px 15px; font-size: .9375rem; } .widget-accordion .title { font-weight: 600; margin: 0 0 .25rem; font-size: 1rem; } .widget-accordion .user-card-row { margin: 0 0 1rem; font-size: .9375rem; } /* ========================================================================== Widgets youtube ========================================================================== */ .widget-youtube { border: none; overflow: hidden; position: relative; } /* ========================================================================== Widgets header ========================================================================== */ .widgets-header .tbl-outer { table-layout: fixed; } .widgets-header .tbl-outer > .tbl-row > .tbl-cell { border-left: solid 1px #d8e2e7; padding: 15px 30px; } .widgets-header .tbl-outer > .tbl-row > .tbl-cell:first-child { border-left: none; padding-left: 0; } .widgets-header .tbl-outer > .tbl-row > .tbl-cell:last-child { padding-right: 0; } .widgets-header .tbl-item { line-height: 1.25rem; } .widgets-header .tbl-item .tbl-cell { padding: 0; } .widgets-header .tbl-item .tbl-cell-progress { width: 66px; padding-left: 10px; } .widgets-header .tbl-item .title { font-weight: 600; color: rgba(52, 52, 52, 0.8); } .widgets-header .tbl-item .amount { font-weight: 600; font-size: 1rem; } .widgets-header .tbl-item .amount-sm { color: #919fa9; font-size: .875rem; } @media (max-width: 767px) { .widgets-header .tbl-outer, .widgets-header .tbl-outer > .tbl-row, .widgets-header .tbl-outer > .tbl-row > .tbl-cell { display: block; } .widgets-header .tbl-outer > .tbl-row > .tbl-cell { border-left: none; border-top: solid 1px #d8e2e7; padding-left: 0; padding-right: 0; } } /* ========================================================================== Widget user card ========================================================================== */ .widget-user { background: #fff; -webkit-border-radius: .25rem; border-radius: .25rem; border: solid 1px #d8e2e7; text-align: center; } .widget-user .widget-user-bg { height: 92px; -webkit-border-radius: .25rem .25rem 0 0; border-radius: .25rem .25rem 0 0; background: no-repeat 50% 50%; background-size: cover; margin: -1px -1px 0; } .widget-user .widget-user-photo { width: 110px; height: 110px; margin: -68px auto 10px; position: relative; } .widget-user .widget-user-photo img { display: block; width: 100%; height: 100%; border: solid 2px #fff; -webkit-border-radius: 50%; border-radius: 50%; background: #fff; } .widget-user .widget-user-name { font-size: 1.375rem /*22/16*/; } .widget-user .widget-user-name .font-icon { color: #f29824; font-size: 1.125rem; vertical-align: middle; margin: 0 0 0 3px; position: relative; top: 1px; } .widget-user .widget-user-stat { border-top: solid 1px #d8e2e7; zoom: 1; *zoom: 1; margin: 15px 0 0; } .widget-user .widget-user-stat:before, .widget-user .widget-user-stat:after { content: " "; display: table; } .widget-user .widget-user-stat:after { clear: both; } .widget-user .widget-user-stat .item { float: left; width: 33.333333%; padding: 18px 5px 20px; } .widget-user .widget-user-stat .number { font-size: 1.375rem /*22/16*/; } .widget-user .widget-user-stat .caption { color: #919fa9; font-size: .9375rem; } /* ========================================================================== Widget tasks & activity ========================================================================== */ .widget-tasks, .widget-activity { border: solid 1px #d8e2e7; background: #fff; padding: 0 0 5px; -webkit-border-radius: .25rem; border-radius: .25rem; } .widget-tasks .widget-header, .widget-activity .widget-header { border-bottom: solid 1px #d8e2e7; padding: 12px 15px; font-weight: 600; } .widget-tasks .widget-header .label, .widget-activity .widget-header .label { padding-right: .5em; padding-left: .5em; margin-left: 3px; } .widget-tasks .widget-tasks-item, .widget-activity .widget-tasks-item, .widget-tasks .widget-activity-item, .widget-activity .widget-activity-item { padding: 12px 15px; position: relative; } .widget-tasks .widget-tasks-item .user-card-row, .widget-activity .widget-tasks-item .user-card-row, .widget-tasks .widget-activity-item .user-card-row, .widget-activity .widget-activity-item .user-card-row { font-size: 1rem; line-height: 20px; } .widget-tasks .widget-tasks-item, .widget-activity .widget-tasks-item { padding-right: 35px; } .widget-tasks .widget-tasks-item:nth-child(odd), .widget-activity .widget-tasks-item:nth-child(odd) { background: #fbfcfd; } .widget-tasks .widget-menu, .widget-activity .widget-menu { position: absolute; top: 50%; right: 15px; margin-top: -9px; } .widget-tasks .widget-menu > button, .widget-activity .widget-menu > button { border: none; background: none; padding: 0; color: #919fa9; font-size: 1.125rem; line-height: 1; } .widget-tasks .widget-menu.open > button, .widget-activity .widget-menu.open > button, .widget-tasks .widget-menu > button:hover, .widget-activity .widget-menu > button:hover { color: #00a8ff; } .widget-tasks .widget-activity-item, .widget-activity .widget-activity-item { color: #919fa9; } .widget-tasks .widget-activity-item:before, .widget-activity .widget-activity-item:before { content: ''; display: block; width: 0; height: 100%; position: absolute; left: 31px; top: 50%; border-left: solid 1px #d8e2e7; } .widget-tasks .widget-activity-item:last-child:before, .widget-activity .widget-activity-item:last-child:before { display: none; } .widget-tasks .widget-activity-item a, .widget-activity .widget-activity-item a { color: #343434; } .widget-tasks .widget-activity-item a:hover, .widget-activity .widget-activity-item a:hover { color: #00a8ff; } .widget-tasks .widget-activity-item .user-card-row, .widget-activity .widget-activity-item .user-card-row { position: relative; } /* ========================================================================== Widget pie charts ========================================================================== */ .ggl-pie-chart-container, .ggl-pie-chart { position: relative; width: 156px; height: 156px; margin: 0 auto; } .ggl-pie-chart-container.size-180 { width: 180px; height: 180px; } .ggl-pie-chart-container.size-180 .ggl-pie-chart { width: 180px; height: 180px; } .ggl-pie-chart-container.size-180 .ggl-pie-chart-title { top: 66px; } .ggl-pie-chart-title { position: absolute; left: 15%; top: 54px; text-align: center; width: 70%; font-weight: 600; line-height: 1; } .ggl-pie-chart-title .caption { color: #919fa9; text-transform: uppercase; font-size: .75rem; margin: 0 0 4px; } .ggl-pie-chart-title .number { font-size: 2.25rem /*36/16*/; } .widget-pie-chart { background: #fff; border: solid 1px #d8e2e7; -webkit-border-radius: .25rem; border-radius: .25rem; padding: 15px; zoom: 1; *zoom: 1; } .widget-pie-chart:before, .widget-pie-chart:after { content: " "; display: table; } .widget-pie-chart:after { clear: both; } .widget-pie-chart .legends-col { float: left; width: 55%; zoom: 1; *zoom: 1; } .widget-pie-chart .legends-col:before, .widget-pie-chart .legends-col:after { content: " "; display: table; } .widget-pie-chart .legends-col:after { clear: both; } .widget-pie-chart .legends-col .col { float: left; width: 50%; } .widget-pie-chart .chart-col { float: left; width: 45%; } .widget-pie-chart .chart-box-info { margin: 0 30px 18px 0; border: solid 1px #d8e2e7; -webkit-border-radius: .25rem; border-radius: .25rem; background: #fff; text-align: center; font-weight: 600; line-height: 1; } .widget-pie-chart .chart-box-info .number, .widget-pie-chart .chart-box-info .caption { padding: 0 10px; } .widget-pie-chart .chart-box-info .number { font-size: 1.5rem /*24/16*/; padding-top: 12px; padding-bottom: 12px; } .widget-pie-chart .chart-box-info .caption { border-top: solid 1px #d8e2e7; background: #f6f8fa; -webkit-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; padding-top: 12px; padding-bottom: 12px; } .widget-pie-chart .col-60, .widget-pie-chart .col-40 { float: left; } .widget-pie-chart .col-60 { width: 60%; } .widget-pie-chart .col-40 { width: 40%; } .widget-pie-chart .no-padding { margin: 0 -15px; } .widget-pie-chart .tbl-grid .tbl-cell-55 { width: 55%; } .widget-pie-chart .tbl-grid .tbl-cell-45 { width: 45%; } .widget-pie-chart .tbl-grid .tbl-cell-60 { width: 60%; } .widget-pie-chart .tbl-grid .tbl-cell-40 { width: 40%; } .widget-pie-chart .tbl-grid .tbl-cell-30 { width: 30%; } .widget-pie-chart .tbl-grid .tbl-cell-33 { width: 33%; } .widget-pie-chart .tbl-grid .tbl-cell-33 { width: 33%; } .widget-pie-chart .tbl-grid .tbl-cell-35 { width: 35%; } .widget-pie-chart .tbl-grid .tbl-cell-340px { width: 285px; } .widget-pie-chart .tbl-grid .col { float: left; width: 50%; } .widget-pie-chart .display-inline { text-align: left; display: inline-block; vertical-align: top; } .widget-pie-chart .widget-pie-chart-header { zoom: 1; *zoom: 1; margin: 0 0 10px; } .widget-pie-chart .widget-pie-chart-header:before, .widget-pie-chart .widget-pie-chart-header:after { content: " "; display: table; } .widget-pie-chart .widget-pie-chart-header:after { clear: both; } .widget-pie-chart .widget-pie-chart-header .widget-pie-chart-header-title { font-weight: 600; padding: .375rem 0; position: relative; top: 2px; } .widget-pie-chart .widget-pie-chart-header .period { position: relative; padding: 0 0 0 55px; } .widget-pie-chart .widget-pie-chart-header .period .lbl { position: absolute; left: 0; top: 2px; padding: .375rem 0; } .chart-legend { padding: 14px 0; } .chart-legend .circle { display: inline-block; width: 13px; height: 13px; -webkit-border-radius: 50%; border-radius: 50%; border: solid 4px #adb7be; } .chart-legend .circle.red { border-color: #fa424a; } .chart-legend .circle.blue { border-color: #00a8ff; } .chart-legend .circle.orange { border-color: #fdad2a; } .chart-legend .circle.green { border-color: #46c35f; } .chart-legend .circle.purple { border-color: #ac6bec; } .chart-legend .circle.pink { border-color: #e84f9a; } .chart-legend .percent { display: inline-block; font-weight: 600; font-size: 1.25rem /*20/16*/; } .chart-legend .percent sup { font-weight: 400; color: #919fa9; margin: 0 0 0 4px; } .chart-legend .caption { font-size: .875rem; padding: 2px 0 0; } .chart-legend-tbl .dot, .chart-legend-list .dot { display: inline-block; width: 6px; height: 6px; -webkit-border-radius: 50%; border-radius: 50%; background: #adb7be; margin: 0 5px 0 0; position: relative; top: -1px; } .chart-legend-tbl .dot.red, .chart-legend-list .dot.red { background-color: #fa424a; } .chart-legend-tbl .dot.blue, .chart-legend-list .dot.blue { background-color: #00a8ff; } .chart-legend-tbl .dot.orange, .chart-legend-list .dot.orange { background-color: #fdad2a; } .chart-legend-tbl .dot.green, .chart-legend-list .dot.green { background-color: #46c35f; } .chart-legend-tbl .dot.purple, .chart-legend-list .dot.purple { background-color: #ac6bec; } .chart-legend-tbl .dot.pink, .chart-legend-list .dot.pink { background-color: #e84f9a; } .chart-legend-tbl.font-16, .chart-legend-list.font-16 { font-size: 1rem; } .chart-legend-tbl { clear: both; } .chart-legend-tbl .title { font-weight: 600; margin: 0 0 8px; } .chart-legend-tbl .tbl { width: auto; } .chart-legend-tbl .tbl-cell { padding: 3px 0; } .chart-legend-tbl .tbl-cell-legend { padding-right: 10px; } .chart-legend-tbl .tbl-cell-value { text-align: right; padding-left: 10px; border-left: solid 1px #d8e2e7; color: #919fa9; } .chart-legend-list { font-size: .75rem; padding: 5px 0 0; } .chart-legend-list li { margin: 5px 0; } /* ========================================================================== Widget combo chart ========================================================================== */ .widget-chart-combo { background: #fff; border: solid 1px #d8e2e7; -webkit-border-radius: .25rem; border-radius: .25rem; zoom: 1; *zoom: 1; } .widget-chart-combo:before, .widget-chart-combo:after { content: " "; display: table; } .widget-chart-combo:after { clear: both; } .widget-chart-combo .widget-chart-combo-header { padding: 10px 10px 0; border-bottom: solid 1px #d8e2e7; zoom: 1; *zoom: 1; } .widget-chart-combo .widget-chart-combo-header:before, .widget-chart-combo .widget-chart-combo-header:after { content: " "; display: table; } .widget-chart-combo .widget-chart-combo-header:after { clear: both; } .widget-chart-combo .widget-chart-combo-header .widget-chart-combo-header-left, .widget-chart-combo .widget-chart-combo-header .widget-chart-combo-header-right { margin: 0 0 10px; } .widget-chart-combo .widget-chart-combo-header .widget-chart-combo-header-left { float: left; width: 145px; } .widget-chart-combo .widget-chart-combo-header .widget-chart-combo-header-right { float: right; width: 262px; position: relative; padding: 0 70px 0 0; } .widget-chart-combo .widget-chart-combo-header .widget-chart-combo-header-right .btn { position: absolute; right: 0; top: 0; padding-left: 0; padding-right: 0; width: 60px; } .widget-chart-combo .widget-chart-combo-side { float: right; width: 150px; position: relative; background: #f6f8fa; -webkit-border-radius: 0 0 3px 0; border-radius: 0 0 3px 0; border-left: solid 1px #d8e2e7; } .widget-chart-combo .widget-chart-combo-side .tbl { height: 100%; } .widget-chart-combo .widget-chart-combo-side .tbl-cell { padding: 10px 10px 10px 15px; font-size: .9575rem; border-top: solid 1px #d8e2e7; } .widget-chart-combo .widget-chart-combo-side .tbl-row:first-child .tbl-cell { border-top: none; } .widget-chart-combo .widget-chart-combo-side .number { font-size: 1rem; font-weight: 600; } .widget-chart-combo .widget-chart-combo-content { float: left; width: 100%; margin-right: -150px; } .widget-chart-combo .widget-chart-combo-content-in { margin-right: 150px; padding: 15px 15px 5px; } .widget-chart-combo .widget-chart-combo-content-title { font-weight: 600; margin: 0 0 15px; } .widget-chart-combo .chart { width: 100%; height: 210px; } .widget-chart-combo .chart-legend-list li { display: inline-block; vertical-align: top; margin-right: 20px; font-size: 1rem; } .widget-chart-combo .chart-legend-list .dot { top: -2px; } /* ========================================================================== Widget chart extra ========================================================================== */ .widget-chart-extra .widget-chart-extra-section { border-top: solid 1px #d8e2e7; padding: 15px; } .widget-chart-extra .widget-chart-extra-inner { background: #fff; border: solid 1px #d8e2e7; border-top: none; -webkit-border-radius: 0 0 .25rem .25rem; border-radius: 0 0 .25rem .25rem; } .widget-chart-extra .widget-chart-extra-title { font-size: 1rem; font-weight: 600; margin: 0 0 12px; } .widget-chart-extra-blue { background: #008ffb; color: #fff; padding: 15px 0; -webkit-border-radius: .25rem .25rem 0 0; border-radius: .25rem .25rem 0 0; } .widget-chart-extra-blue .widget-chart-extra-blue-title { padding: 0 15px 15px; text-align: center; font-size: 1.125rem; font-weight: 600; } .widget-chart-extra-blue .chart { height: 230px; } .widget-chart-extra-bars { zoom: 1; *zoom: 1; } .widget-chart-extra-bars:before, .widget-chart-extra-bars:after { content: " "; display: table; } .widget-chart-extra-bars:after { clear: both; } .widget-chart-extra-bars .widget-chart-extra-bars-chart { float: left; width: 100%; margin-right: -95px; } .widget-chart-extra-bars .widget-chart-extra-bars-chart-in { margin-right: 95px; } .widget-chart-extra-bars .widget-chart-extra-bars-txt { float: right; width: 95px; position: relative; text-align: right; } .widget-chart-extra-bars .widget-chart-extra-bars-txt .number { height: 64px; overflow: hidden; line-height: 64px; margin: 0 0 2px; color: #ac6bec; font-size: 2.25rem /*36/16*/; font-weight: 600; } .widget-chart-extra-bars .widget-chart-extra-bars-txt .caption { font-size: .875rem; } .widget-chart-extra-stat { table-layout: fixed; } .widget-chart-extra-stat .tbl-cell { vertical-align: top; } .widget-chart-extra-stat .title { font-weight: 600; margin: 0 0 5px; } .widget-chart-extra-stat .number { color: #ac6bec; font-size: 2.25rem /*36/16*/; font-weight: 600; line-height: 1; } .cstm-chart-bars { display: table; width: 100%; table-layout: fixed; } .cstm-chart-bars .cstm-chart-bars-in { display: table-row; } .cstm-chart-bars .item { display: table-cell; vertical-align: top; } .cstm-chart-bars .bar, .cstm-chart-bars .caption { width: 65%; max-width: 16px; } .cstm-chart-bars .bar { -webkit-border-radius: 2px; border-radius: 2px; height: 64px; background: #eceff4; position: relative; overflow: hidden; margin: 0 0 5px; } .cstm-chart-bars .bar > div { position: absolute; left: 0; bottom: 0; width: 100%; -webkit-border-radius: 0 0 2px 2px; border-radius: 0 0 2px 2px; background: #ac6bec; } .cstm-chart-bars .caption { text-align: center; font-size: .75rem; } /* ========================================================================== Chat ========================================================================== */ @-webkit-keyframes writing { 0% { left: 0px; } 100% { left: 6px; } } @-o-keyframes writing { 0% { left: 0px; } 100% { left: 6px; } } @keyframes writing { 0% { left: 0px; } 100% { left: 6px; } } .chat-container { zoom: 1; *zoom: 1; } .chat-container:before, .chat-container:after { content: " "; display: table; } .chat-container:after { clear: both; } .chat-list { float: left; width: 300px; position: relative; z-index: 2; } .chat-area { float: right; width: 100%; margin-left: -300px; } .chat-area-in { margin-left: 300px; border-left: solid 1px #d8e2e7; } @media (max-width: 767px) { .chat-list { float: none; width: auto; } .chat-area { float: none; width: auto; margin-left: 0; } .chat-area-in { margin-left: 0; border-left: none; } } .chat-list-search { height: 61px; border-bottom: solid 1px #d8e2e7; padding: 13px 15px; } .chat-list-search .form-control { height: 34px; padding: 8px 15px; } .chat-list-item { display: block; padding: 11px 15px 11px 56px; position: relative; font-size: 0.9375rem /*15/16*/; line-height: 20px; cursor: default; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; max-width: 100%; min-height: 52px; } .chat-list-item .chat-list-item-photo { position: absolute; left: 15px; top: 15px; width: 32px; height: 32px; } .chat-list-item .chat-list-item-photo img { display: block; width: 100%; height: 100%; -webkit-border-radius: 50%; border-radius: 50%; } .chat-list-item .chat-list-item-header { position: relative; padding: 0 45px 0 0; } .chat-list-item .chat-list-item-name { display: inline-block; vertical-align: top; font-weight: 600; padding: 0 12px 0 0; position: relative; max-width: 100%; } .chat-list-item .chat-list-item-name .name { display: inline-block; vertical-align: top; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; max-width: 100%; } .chat-list-item .chat-list-item-date { font-size: .875rem; position: absolute; right: 0; top: 0; color: #919fa9; } .chat-list-item .chat-list-item-cont { position: relative; padding: 0 45px 0 0; } .chat-list-item .chat-list-item-txt { width: 100%; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .chat-list-item .chat-list-item-txt.writing { color: #919fa9; } .chat-list-item .chat-list-item-txt .icon { position: relative; display: inline-block; vertical-align: top; width: 20px; } .chat-list-item .chat-list-item-txt .font-icon { color: #adb7be; position: absolute; left: 0; top: 0; -webkit-animation-name: writing; -o-animation-name: writing; animation-name: writing; -webkit-animation-duration: 1.2s; -o-animation-duration: 1.2s; animation-duration: 1.2s; -webkit-animation-iteration-count: infinite; -o-animation-iteration-count: infinite; animation-iteration-count: infinite; } .chat-list-item .chat-list-item-count, .chat-list-item .chat-list-item-dot { position: absolute; right: 0; top: 50%; } .chat-list-item .chat-list-item-count { height: 18px; line-height: 18px; padding: 0 4px; text-align: center; min-width: 18px; -webkit-border-radius: 9px; border-radius: 9px; color: #fff; font-weight: 600; margin-top: -9px; background: #fa424a; font-size: .8125rem; } .chat-list-item .chat-list-item-dot { width: 6px; height: 6px; margin-top: -3px; -webkit-border-radius: 50%; border-radius: 50%; background: #adb7be; } .chat-list-item.online .chat-list-item-name:before { content: ''; width: 6px; height: 6px; -webkit-border-radius: 50%; border-radius: 50%; display: block; position: absolute; right: 0; top: 50%; margin-top: -3px; background: #46c35f; } .chat-list .chat-list-item:hover, .chat-list-item.selected { background-color: #ecf2f5; } @media (max-width: 767px) { .chat-list-in { height: 200px !important; border-bottom: solid 1px #d8e2e7; } } .chat-area-header { height: 62px; border-bottom: solid 1px #d8e2e7; position: relative; padding: 0 120px 0 0; } .chat-area-header .chat-list-item { margin: -1px 0; } .chat-area-header .chat-area-header-action { width: 120px; position: absolute; right: 15px; top: 0; padding: 20px 0; text-align: right; } .chat-area-header .clean { text-align: center; line-height: 60px; font-weight: 600; font-size: 1rem; margin-right: -105px; } .chat-area-bottom { padding: 15px; border-top: solid 1px #d8e2e7; zoom: 1; *zoom: 1; } .chat-area-bottom:before, .chat-area-bottom:after { content: " "; display: table; } .chat-area-bottom:after { clear: both; } .chat-area-bottom .caption, .chat-area-bottom .btn { margin: 2px 12px 2px 0; } .chat-area-bottom .caption { display: inline-block; padding: .375rem 0 .375rem 42px; font-size: 1rem; line-height: 1.5; text-align: center; vertical-align: middle; } .chat-area-bottom .attach { float: right; position: relative; top: 11px; } .chat-area-bottom .write-message { position: relative; padding: 0 0 0 42px; } .chat-area-bottom .write-message .form-group { margin-bottom: 10px; } .chat-area-bottom .write-message .avatar { position: absolute; left: -3px; top: 0; width: 32px; height: 32px; } .chat-area-bottom .write-message .avatar img { display: block; width: 100%; height: 100%; -webkit-border-radius: 50%; border-radius: 50%; } @media (max-width: 1199px) { .chat-area-bottom .caption { padding-left: 0; } } .chat-dialog-area { min-height: 200px; } @media (max-width: 767px) { .chat-dialog-area { height: 200px !important; } } .chat-message { position: relative; padding: 11px 65px 11px 100px; font-size: 0.9375rem /*13/16*/; min-height: 52px; line-height: 20px; } .chat-message .chat-message-photo { position: absolute; left: 57px; top: 15px; width: 32px; height: 32px; } .chat-message .chat-message-photo img { display: block; width: 100%; height: 100%; -webkit-border-radius: 50%; border-radius: 50%; } .chat-message .chat-message-header { display: table; width: 100%; } .chat-message .chat-message-header .tbl-cell { vertical-align: middle; } .chat-message .chat-message-header .tbl-cell-name { font-weight: 600; } .chat-message .chat-message-header .tbl-cell-date { color: #919fa9; text-align: right; white-space: nowrap; width: 10px; padding-left: 10px; font-size: .875rem; } .chat-message .checkbox-bird { display: none; position: absolute; left: 21px; top: 22px; } .chat-message:hover .checkbox-bird, .chat-message.selected .checkbox-bird { display: block; } .chat-message.selected { background-color: #ecf2f5; } .chat-message.quote { border-left: solid 4px #d8e2e7; padding-left: 44px; padding-top: 0; padding-bottom: 0; padding-right: 0; min-height: 24px; margin: 10px 0 0; } .chat-message.quote .chat-message-photo { width: 24px; height: 24px; left: 10px; top: 0; } .chat-dialog-clean { display: table; width: 100%; height: 100%; text-align: center; } .chat-dialog-clean .chat-dialog-clean-in { display: table-cell; vertical-align: middle; padding: 10px 10px 25px; } .chat-dialog-clean .font-icon { color: #adb7be; font-size: 6rem; line-height: 1; } .chat-dialog-clean .caption { font-size: 1.25rem; font-weight: 600; margin: 0 0 .5rem 0; } .chat-dialog-clean .txt { color: #919fa9; max-width: 340px; margin: 0 auto; } /* ========================================================================== Error ========================================================================== */ .page-error-box { background: #fff; border: solid 1px #d8e2e7; -webkit-border-radius: 5px; border-radius: 5px; padding: 50px 30px 55px; text-align: center; margin: 0 auto; width: 100%; max-width: 475px; color: #919fa9; line-height: 1; } .page-error-box .error-code { font-size: 9.375rem /*150/16*/; font-weight: 600; } .page-error-box .error-title { font-size: 2.25rem /*36/16*/; font-weight: 600; margin: 0 0 1.5rem /*24/16*/; } @media (max-width: 767px) { .page-error-box { padding: 25px 15px; } .page-error-box .error-code { font-size: 5.5rem; } .page-error-box .error-title { font-size: 1.5rem; } } /* ========================================================================== Card User ========================================================================== */ .card-user { padding: 15px 15px 10px; text-align: center; } .card-user .card-user-action { text-decoration: none; color: #919fa9; font-size: 1rem; } .card-user .card-user-action:hover { color: #00a8ff; } .card-user .card-user-action .dropdown-user-menu button { padding: 0; border: none; background: none; color: #919fa9; position: relative; right: -5px; -webkit-transition: none; -o-transition: none; transition: none; } .card-user .card-user-action .dropdown-user-menu button:hover { color: #00a8ff; } .card-user .card-user-action .dropdown-user-menu.open button { color: #00a8ff; } .card-user .card-user-photo { width: 92px; height: 102px; margin: 0 auto 10px; clear: both; padding: 10px 0 0; } .card-user .card-user-photo img { display: block; width: 100%; -webkit-border-radius: 50%; border-radius: 50%; } .card-user .card-user-name { font-weight: 600; font-size: 1rem; margin: 0 0 .15rem; } .card-user .card-user-status { font-size: 0.875rem /*14/16*/; color: #00a8ff; } .card-user .card-user-info-row { font-size: 0.8125rem /*13/16*/; text-align: left; margin: 0 0 .25rem; } .card-user .card-user-info-row .font-icon { vertical-align: middle; margin: 0 5px 0 0; color: #919fa9; font-size: 1rem; position: relative; top: -0.2rem; } .card-user .card-user-social { text-align: center; font-size: 1.25rem; padding: 0 0 10px 0; } .card-user .card-user-social a { margin: 0 8px; text-decoration: none; color: #919fa9; border: none; } .card-user .card-user-social a:hover { color: #00a8ff; } .card-user .btn { min-width: 100px; margin: 12px 0 20px; } .card-user .dropdown-item { font-size: .9375rem; } @media (min-width: 1600px) { .card-user-grid > div { width: 20%; } } @media (min-width: 1800px) { .card-user-grid > div { width: 16.666667%; } } /* ========================================================================== Login ========================================================================== */ .sign-box { width: 100%; max-width: 322px; margin: 0 auto; background: #fff; border: solid 1px #d8e2e7; -webkit-border-radius: 5px; border-radius: 5px; padding: 20px; font-size: 1rem /*16*/; position: relative; } .sign-box .sign-avatar { width: 100px; height: 100px; margin: 0 auto 10px; } .sign-box .sign-avatar img { display: block; width: 100%; -webkit-border-radius: 50%; border-radius: 50%; } .sign-box .sign-avatar.no-photo { border: solid 2px #c5d6de; text-align: center; -webkit-border-radius: 50%; border-radius: 50%; line-height: 96px; color: #c5d6de; font-size: 3.125rem /*50/16*/; font-weight: 700; } .sign-box .sign-title { font-size: 1.25rem /*20/16*/; text-align: center; margin: 0 0 15px; line-height: normal; } .sign-box .btn { display: block; min-width: 108px; margin: 16px auto 12px; } .sign-box .btn.sign-up { margin-top: 18px; } .sign-box .sign-note { text-align: center; } .sign-box a { text-decoration: none; color: #0082c6; border-bottom: solid 1px transparent; } .sign-box a:hover { border-bottom-color: rgba(0, 130, 198, 0.5); } .sign-box .form-group { margin-bottom: 12px; zoom: 1; *zoom: 1; } .sign-box .form-group:before, .sign-box .form-group:after { content: " "; display: table; } .sign-box .form-group:after { clear: both; } .sign-box .checkbox { margin: 0; } .sign-box .checkbox label { font-size: 0.875rem /*14/16*/; } .sign-box .reset { font-size: 0.875rem /*14/16*/; } .sign-box .close { position: absolute; right: 10px; top: 4px; opacity: 1; color: #c5d6de; } .sign-box .close:hover { color: #00a8ff; } .sign-box.reset-password-box .btn { display: inline-block !important; margin: 10px auto 12px; margin-right: 10px; } .sign-box.reset-password-box a { display: inline-block; margin-left: 4px; } /* ========================================================================== Activity ========================================================================== */ .activity-line { padding: 0 0 0 82px; position: relative; margin-left: -15px; } .activity-line:before { content: ''; display: block; width: 0; height: 100%; border-left: solid 1px #c5d6de; position: absolute; left: 41px; top: 0; } .activity-line-item { margin: 0 0 18px; font-size: 1rem /*16*/; position: relative; } .activity-line-item p { margin: 0; } .activity-line-item .activity-line-date { width: 80px; text-align: center; position: absolute; top: -10px; left: -82px; color: #6c7a86; text-transform: uppercase; font-size: 0.8125rem /*13/16*/; padding: 10px 0; background: #eceff4; } .activity-line-item .activity-line-item-header { border-bottom: solid 1px #d8e2e7; padding: 15px; } .activity-line-item .activity-line-item-user { position: relative; padding: 0 0 0 48px; min-height: 32px; line-height: 20px; } .activity-line-item .activity-line-item-user .activity-line-item-user-photo { position: absolute; left: 0; top: 4px; width: 32px; } .activity-line-item .activity-line-item-user .activity-line-item-user-photo img { display: block; width: 100%; -webkit-border-radius: 50%; border-radius: 50%; } .activity-line-item .activity-line-item-user .activity-line-item-user-name { font-weight: 600; } .activity-line-item .activity-line-item-user .activity-line-item-user-status { color: #6c7a86; } .activity-line-item .activity-line-action { padding: 15px; zoom: 1; *zoom: 1; position: relative; } .activity-line-item .activity-line-action:before, .activity-line-item .activity-line-action:after { content: " "; display: table; } .activity-line-item .activity-line-action:after { clear: both; } .activity-line-item .activity-line-action:nth-child(odd) { background: #fbfcfd; } .activity-line-item .activity-line-action .time { float: left; width: 90px; color: #6c7a86; position: relative; } .activity-line-item .activity-line-action .cont { float: right; width: 100%; margin-left: -90px; } .activity-line-item .activity-line-action .cont-in { margin-left: 90px; } .activity-line-item .activity-line-action .dot { width: 10px; height: 10px; background: #fa424a; -webkit-border-radius: 50%; border-radius: 50%; position: absolute; left: -5px; top: 20px; } .activity-line-item .activity-line-action a { text-decoration: none; color: #0082c6; border-bottom: solid 1px transparent; } .activity-line-item .activity-line-action a:hover { border-bottom-color: rgba(0, 130, 198, 0.5); } .activity-line-item .activity-line-action .previews { zoom: 1; *zoom: 1; } .activity-line-item .activity-line-action .previews:before, .activity-line-item .activity-line-action .previews:after { content: " "; display: table; } .activity-line-item .activity-line-action .previews:after { clear: both; } .activity-line-item .activity-line-action .previews li { float: left; margin: 10px 15px 0 0; } .activity-line-item .activity-line-action .previews img { display: block; } .activity-line-item .activity-line-action .meta { zoom: 1; *zoom: 1; color: #6c7a86; padding: 5px 0 0; } .activity-line-item .activity-line-action .meta:before, .activity-line-item .activity-line-action .meta:after { content: " "; display: table; } .activity-line-item .activity-line-action .meta:after { clear: both; } .activity-line-item .activity-line-action .meta li { float: left; margin: 0 20px 0 0; } .activity-line-item .activity-line-action .meta a { text-decoration: none; color: #6c7a86; border: none; } .activity-line-item .activity-line-action .meta a:hover { color: #00a8ff; } .activity-line-item .activity-line-action .img-comment { margin: 10px 0 0; } .activity-line-item .activity-line-action .img-comment .tbl-cell-img { vertical-align: top; width: 120px; } .activity-line-item .activity-line-action .img-comment .tbl-cell-img img { display: block; width: 100%; } .activity-line-item .activity-line-action .img-comment .tbl-cell-txt { vertical-align: middle; padding-left: 10px; } .activity-line-item .activity-line-action .attach-list { color: #adb7be; padding: 5px 0 0; line-height: 24px; margin: 0 0 -4px; } .activity-line-item .activity-line-action .attach-list li { white-space: nowrap; max-width: 100%; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .activity-line-item .activity-line-action .attach-list .font-icon { margin: 0 4px 0 0; font-size: 1rem; vertical-align: middle; position: relative; top: -0.05em; } .activity-line-item .activity-line-action .alert { margin: 10px 0 0; } .activity-line-item .activity-line-more { padding: 10px; text-align: center; border-top: solid 1px #d8e2e7; } @media (max-width: 767px) { .activity-line-item .activity-line-action .time, .activity-line-item .activity-line-action .cont { float: none; width: auto; } .activity-line-item .activity-line-action .cont, .activity-line-item .activity-line-action .cont-in { margin-left: 0; } .activity-line-item .activity-line-action .time { margin: 0 0 10px; } } /* ========================================================================== Profile ========================================================================== */ .profile-card { text-align: center; padding: 28px 15px 14px; } .profile-card .profile-card-photo { width: 110px; height: 110px; margin: 0 auto .5rem; } .profile-card .profile-card-photo img { display: block; width: 100%; -webkit-border-radius: 50%; border-radius: 50%; } .profile-card .profile-card-name { font-weight: 600; } .profile-card .profile-card-location { color: #6c7a86; margin: .2em 0 18px; } .profile-card .btn, .profile-card .btn-group { width: 100%; max-width: 130px; margin: 0 5px; } .profile-card .btn-group { margin-top: 10px; margin-bottom: 10px; } .profile-statistic { text-align: center; table-layout: fixed; font-size: 0.9375rem /*15/16*/; } .profile-statistic .tbl-cell { vertical-align: middle; border: solid 1px #d8e2e7; padding: 10px; } .profile-statistic .tbl-cell:first-child { border-left: none; } .profile-statistic .tbl-cell:last-child { border-right: none; } .profile-statistic b { font-weight: 600; display: block; } .profile-links-list { padding: 10px 0; font-size: 0.9375rem /*15/16*/; } .profile-links-list li { padding: 4px 0; margin: 0 15px; } .profile-links-list li.nowrap { white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .profile-links-list li.divider { border-top: solid 1px #d8e2e7; margin: 9px 0 11px; padding: 0; height: 0; } .profile-links-list .font-icon { vertical-align: middle; color: #adb7be; margin: 0 5px 0 0; font-size: 1rem /*18/16*/; position: relative; top: -1px; } .profile-links-list a { color: #343434; } .profile-links-list a:hover { color: #00a8ff; } .friends-list { padding: 0 0 6px; } .friends-list .friends-list-item { padding: 0 15px 12px; } .friends-list .friends-list-item .user-card-row { font-size: .9375rem; } .friends-list.stripped { padding: 0; } .friends-list.stripped .friends-list-item { padding-top: 10px; padding-bottom: 10px; } .friends-list.stripped .friends-list-item:nth-child(odd) { background-color: #fbfcfd; } .full-count { color: #6c7a86; font-weight: 600; font-size: 0.9375rem /*15/16*/; } .full-count:hover { color: #00a8ff; } .full-count:after { display: inline-block; width: 0; height: 0; margin-right: .25rem; margin-left: .25rem; vertical-align: middle; content: ""; border-top: .3em solid; border-right: .3em solid transparent; border-left: .3em solid transparent; position: relative; top: -1px; } .plus-link-circle { display: block; width: 20px; height: 20px; border: solid 1px #00a8ff; text-align: left; line-height: 10px; -webkit-border-radius: 50%; border-radius: 50%; color: #00a8ff; font-size: 1.25rem /*20/16*/; font-weight: 700; position: relative; } .plus-link-circle > span { position: absolute; left: 4px; top: 5px; } a.plus-link-circle:hover { color: #fff; background-color: #00a8ff; } .see-all { padding: 12px 15px; font-size: 0.9375rem /*15/16*/; } .profile-card-slider { padding: 0 0 10px; } .profile-card-slider .profile-card { padding-top: 5px; } .profile-card-slider .profile-card .profile-card-status { margin-bottom: 18px; } .profile-card-slider .slick-arrow { display: block; width: 18px; height: 18px; text-align: center; line-height: 18px; position: absolute; z-index: 5; color: #d8e2e7; cursor: pointer; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; top: 51px; } .profile-card-slider .slick-arrow:hover { color: #00a8ff; } .profile-card-slider .slick-arrow.font-icon-arrow-left { left: 12%; } .profile-card-slider .slick-arrow.font-icon-arrow-right { right: 12%; } .people-rel-list { padding: 0 0 20px; } .people-rel-list .people-rel-list-name { font-size: 0.9375rem /*15/16*/; padding: 0 15px 18px; } .people-rel-list .people-rel-list-photos { padding: 0 5px 12px 15px; zoom: 1; *zoom: 1; } .people-rel-list .people-rel-list-photos:before, .people-rel-list .people-rel-list-photos:after { content: " "; display: table; } .people-rel-list .people-rel-list-photos:after { clear: both; } .people-rel-list .people-rel-list-photos li { float: left; margin: 0 10px 10px 0; } .people-rel-list .people-rel-list-photos img { display: block; width: 46px; height: 46px; -webkit-border-radius: 50%; border-radius: 50%; } .people-rel-list .site-header-search { width: auto; margin: 0 15px; height: 34px; padding: 2px 0 0; } .people-rel-list .site-header-search button { line-height: 32px; } .write-something { background: none; border: none; -webkit-border-radius: 0; border-radius: 0; padding: 15px; color: #343434 !important; width: 100%; } .post-announce { padding: 0 0 12px; } .post-announce .post-announce-pic { margin: 0 0 12px; } .post-announce .post-announce-pic img { display: block; width: 100%; } .post-announce .post-announce-title { overflow: hidden; width: 100%; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .post-announce .post-announce-title a { color: #343434; } .post-announce .post-announce-title a:hover { color: #00a8ff; } .post-announce .post-announce-date { font-size: 0.875rem /*14/16*/; color: #6c7a86; } .post-announce .post-announce-meta { zoom: 1; *zoom: 1; font-size: 0.875rem /*14/16*/; color: #6c7a86; padding: 12px 0 0; } .post-announce .post-announce-meta:before, .post-announce .post-announce-meta:after { content: " "; display: table; } .post-announce .post-announce-meta:after { clear: both; } .post-announce .post-announce-meta li { float: left; margin: 0 20px 0 0; } .post-announce .post-announce-meta .font-icon { vertical-align: middle; margin: 0 4px 0 0; color: #c5d6de; font-size: 1rem; } .post-announce .post-announce-meta .font-icon.font-icon-comment { position: relative; top: 1px; } .post-announce .post-announce-meta a { text-decoration: none; color: #6c7a86; border: none; } .post-announce .post-announce-meta a:hover { color: #00a8ff; } .posts-slider, .recomendations-slider { padding: 0 8px; } .posts-slider .slide, .recomendations-slider .slide { padding: 0 7px; } .recomendations-slider .slide { padding-bottom: 25px; } .recomendations-slider .user-card-row { font-size: .9375rem; } .profile-info-item { position: relative; padding: 0 0 10px 25px; margin: 0 15px; } .profile-info-item .profile-info-item-header { margin: 0 0 0.8rem -25px; } .profile-info-item .profile-info-item-header .font-icon { color: #adb7be; margin: 0 4px 0 0; vertical-align: middle; line-height: 16px; position: relative; top: -1px; } .profile-info-item .profile-info-item-header .font-icon.font-icon-case { top: 0; } .profile-info-item .profile-info-item-header .font-icon.font-icon-award { top: 1px; } .profile-info-item .text-block p { margin: 0 0 1em; } .edit-box { -webkit-border-radius: 5px; border-radius: 5px; border: dashed 1px #adb7be; text-align: center; color: #919fa9; background: #fbfcfd; margin: 0 0 10px; } .edit-box .edit-box-in { height: 70px; display: table; width: 100%; } .edit-box .edit-box-in > div { display: table-cell; vertical-align: middle; } .exp-timeline { font-size: 0.9375rem /*15/16*/; } .exp-timeline .exp-timeline-item { padding: 0 0 20px 20px; position: relative; } .exp-timeline .exp-timeline-item:before, .exp-timeline .exp-timeline-item:after { content: ''; display: block; position: absolute; left: 5px; top: 0; height: 100%; border-left: solid 1px #d8e2e7; width: 0; } .exp-timeline .exp-timeline-item:after { display: none; } .exp-timeline .exp-timeline-item:first-child:after { display: block; border-left-color: #fff; height: 8px; } .exp-timeline .exp-timeline-item:last-child:before { height: 8px; } .exp-timeline .exp-timeline-item .dot { position: absolute; width: 11px; height: 11px; background: #fff; border: solid 1px #d8e2e7; -webkit-border-radius: 50%; border-radius: 50%; left: 0; top: 5px; z-index: 3; } .exp-timeline .tbl-cell { vertical-align: middle; } .exp-timeline .tbl-cell-logo { padding-right: 40px; padding-left: 15px; text-align: right; width: 40px; } .exp-timeline .tbl-cell-logo img { max-height: 32px; } .exp-timeline .exp-timeline-range { color: #6c7a86; } .exp-timeline .exp-timeline-status { margin: 3px 0; } .exp-timeline .exp-timeline-location a { text-decoration: none; color: #00a8ff; border-bottom: solid 1px transparent; } .exp-timeline .exp-timeline-location a:hover { border-bottom-color: rgba(0, 168, 255, 0.5); } .skill-item { font-size: 0.9375rem /*15/16*/; margin: 0 0 12px; } .skill-item .tbl-cell { vertical-align: middle; } .skill-item .tbl-cell-num { width: 32px; } .skill-item .tbl-cell-txt { padding-left: 10px; } .skill-item .tbl-cell-users { width: 176px; } .skill-item .skill-circle { width: 32px; height: 32px; -webkit-border-radius: 50%; border-radius: 50%; text-align: center; font-size: 0.75rem /*12/16*/; } .skill-item .skill-circle-num { border: solid 1px #adb7be; line-height: 30px; padding-top: 1px; } .skill-item .skill-circle-users { float: left; line-height: 32px; background: #eceff4; color: #6c7a86; padding-top: 1px; } .skill-item .skill-user-photo { float: left; width: 32px; height: 32px; -webkit-border-radius: 50%; border-radius: 50%; } .skill-item .skill-circle-users, .skill-item .skill-user-photo { margin: 0 0 0 12px; } .profile-interests { padding: 0 0 20px; } .profile-interests .label { margin-bottom: 4px; font-size: .9375rem; } .citate-speech-bubble { border: solid 1px #d8e2e7; padding: 12px 10px 15px 15px; font-size: 0.9375rem /*15/16*/; margin: 0 0 12px; position: relative; } .citate-speech-bubble:before { content: ''; display: block; position: absolute; left: -1px; bottom: -12px; width: 0; height: 0; border-style: solid; border-width: 12px 12px 0 0; border-color: #d8e2e7 transparent transparent transparent; } .citate-speech-bubble:after { content: ''; display: block; position: absolute; left: 0; bottom: -10px; width: 0; height: 0; border-style: solid; border-width: 10px 10px 0 0; border-color: #ffffff transparent transparent transparent; } .citate-speech-bubble .font-icon-quote { color: #adb7be; margin: 0 3px 0 0; position: relative; top: 1px; } .profile-following { text-align: center; padding: 0 0 22px; } .profile-following-grid { padding: 0 8px; zoom: 1; *zoom: 1; } .profile-following-grid:before, .profile-following-grid:after { content: " "; display: table; } .profile-following-grid:after { clear: both; } .profile-following-grid .col { float: left; padding: 0 7px; width: 25%; } @media (max-width: 580px) { .profile-following-grid .col { width: 50%; } } @media (max-width: 340px) { .profile-following-grid .col { width: 100%; } } .follow-group { font-size: 0.9375rem /*15/16*/; margin: 0 0 22px; text-align: left; } .follow-group .follow-group-logo { border: solid 1px #d8e2e7; text-align: center; display: table; width: 100%; border-collapse: collapse; margin: 0 0 7px; } .follow-group .follow-group-logo-in { display: table-cell; height: 85px; padding: 15px; vertical-align: middle; } .follow-group .follow-group-logo-in img { max-width: 100%; max-height: 100%; } .follow-group .follow-group-name { margin: 0 0 5px; } .follow-group .follow-group-name a { color: #343434; } .follow-group .follow-group-name a:hover { color: #00a8ff; } .follow-group .follow-group-link .plus-link-circle { display: inline-block; vertical-align: middle; margin: 0 4px 0 0; position: relative; top: -1px; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .follow-group .follow-group-link a { color: #00a8ff; } .follow-group .follow-group-link a:hover .plus-link-circle { color: #fff; background-color: #00a8ff; } /* ========================================================================== Profile ========================================================================== */ .profile-header-photo { height: 245px; margin: -27px -15px 20px; background: #232936 no-repeat 50% 50%; background-size: cover; position: relative; color: #fff; } .profile-header-photo .profile-header-photo-in { display: table; width: 100%; height: 100%; border-collapse: collapse; } .profile-header-photo .profile-header-photo-in > .tbl-cell { vertical-align: bottom; } .profile-header-photo .change-cover { position: absolute; right: 30px; top: 20px; text-decoration: none; color: #fff; border: none; background: rgba(0, 0, 0, 0.4); font-size: .875rem; padding: 6px 8px; -webkit-border-radius: 3px; border-radius: 3px; overflow: hidden; } .profile-header-photo .change-cover:hover { color: #00a8ff; } .profile-header-photo .change-cover input[type="file"] { position: absolute; left: 0; top: 0; bottom: 0; right: 0; font-size: 100rem; opacity: 0; cursor: pointer; } .profile-header-photo .change-cover .font-icon { font-size: 1rem; margin: 0 4px 0 0; position: relative; top: 1px; } .profile-header-photo .info-block { padding: 0 15px; } .profile-header-photo .info-tbl p { margin: 0; } .profile-header-photo .info-tbl .tbl-cell { vertical-align: bottom; padding: 15px 0; } .profile-header-photo .info-tbl .tbl-cell-stat { width: 15%; text-align: right; } .profile-header-photo .info-tbl .title { font-size: 1.5rem; font-weight: 600; } .profile-header-photo .info-tbl .inline-block { display: inline-block; text-align: center; } .profile-header-photo.gradient .info-block { background: -webkit-linear-gradient(top, rgba(125, 185, 232, 0) 0%, #000000 100%); background: -webkit-gradient(linear, left top, left bottom, from(rgba(125, 185, 232, 0)), to(#000000)); background: -o-linear-gradient(top, rgba(125, 185, 232, 0) 0%, #000000 100%); background: linear-gradient(to bottom, rgba(125, 185, 232, 0) 0%, #000000 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#007db9e8', endColorstr='#000000', GradientType=0); } .profile-header-photo.opacity .info-block { background: rgba(0, 0, 0, 0.4); } /* ========================================================================== Profile side ========================================================================== */ .profile-side { margin: -245px 0 20px; position: relative; } .profile-side p { margin: 0; } .profile-side .box-typical { margin: 0 0 15px; } .profile-side .box-typical-inner { padding: 12px 15px; } .profile-side .box-typical-inner .line-with-icon:last-child { margin-bottom: 0; } .profile-side .progress-compact-style { margin: 0 0 15px; } .profile-side .progress-compact-style:last-child { margin-bottom: 0; } .profile-side-user { text-align: center; padding: 28px 15px 15px; } .profile-side-user .avatar-preview { display: block; border: none; background: none; position: relative; margin: 0 auto 20px; color: #fff; text-align: center; overflow: hidden; cursor: pointer; } .profile-side-user .avatar-preview input[type="file"] { position: absolute; left: 0; top: 0; bottom: 0; right: 0; font-size: 100rem; opacity: 0; cursor: pointer; } .profile-side-user .avatar-preview .update { display: block; opacity: 0; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-border-radius: 50%; border-radius: 50%; background: rgba(0, 0, 0, 0.4); font-size: .875rem; padding: 35% 0 0; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .profile-side-user .avatar-preview .font-icon { display: block; font-size: 1rem; } .profile-side-user .avatar-preview:hover .update { opacity: 1; } .profile-side-user .btn, .profile-side-user .btn-group { width: 100%; max-width: 180px; margin: 0 5px; } .profile-side-user .btn-group { margin-top: 10px; margin-bottom: 10px; } .profile-side-user .dropdown-menu { min-width: 100%; } .profile-side-user .bottom-txt { color: #6c7a86; padding: 6px 0 0; } .profile-side-stat { text-align: center; } .profile-side-stat .tbl-cell { vertical-align: middle; border-left: solid 1px #d8e2e7; padding: 12px 10px; } .profile-side-stat .tbl-cell:first-child { border-left: none; } .profile-side-stat .number { display: block; font-weight: 600; font-size: 1rem; } .line-with-icon, p.line-with-icon { position: relative; padding: 0 0 0 1.75em; margin: 0 0 1em; } .line-with-icon .font-icon, p.line-with-icon .font-icon { color: #adb7be; position: absolute; left: 0; top: 0; font-size: 1rem; } .line-with-icon a, p.line-with-icon a { text-decoration: none; color: #0082c6; border-bottom: solid 1px rgba(0, 130, 198, 0.3); } .line-with-icon a:hover, p.line-with-icon a:hover { border-bottom-color: transparent; } @media (max-width: 991px) { .profile-side { margin-top: 0; } } /* ========================================================================== Profile tabs ========================================================================== */ .profile-tabs .tab-pane .box-typical { margin: 0 0 15px; } .profile-tabs .tab-pane .box-typical:first-child { border-top: none; -webkit-border-top-left-radius: 0; border-top-left-radius: 0; -webkit-border-top-right-radius: 0; border-top-right-radius: 0; padding-top: 15px; } .profile-tabs .write-something { border-top: solid 1px #d8e2e7; } .profile-post .profile-post-header { border-bottom: solid 1px #d8e2e7; padding: 12px 40px 12px 15px; position: relative; } .profile-post .profile-post-header .user-card-row { font-size: 1rem; line-height: 20px; } .profile-post .profile-post-header .shared { position: absolute; right: 15px; top: 50%; margin-top: -10px; text-decoration: none; color: #919fa9; border: none; } .profile-post .profile-post-header .shared:hover { color: #00a8ff; } .profile-post .profile-post-content { padding: 15px; } .profile-post .profile-post-content .cstm-video-player { max-width: 425px; width: 100%; margin: 15px 0 0; } .profile-post .profile-post-content .profile-post-content-note { color: #919fa9; margin: 0 0 .5em; } .profile-post .profile-post-content .profile-post-content-note a { text-decoration: none; color: #919fa9; border-bottom: solid 1px rgba(145, 159, 169, 0.3); } .profile-post .profile-post-content .profile-post-content-note a:hover { border-bottom-color: transparent; } @media (min-width: 768px) { .profile-post .profile-post-content .minimalistic-player { width: 50%; margin: 15px 0 5px; } } .profile-post .comment-rows-container { border-bottom: none; } .profile-post .profile-post-meta .meta-item { margin: 0 20px 0 0; text-decoration: none; color: #919fa9; border: none; } .profile-post .profile-post-meta .meta-item:hover { color: #00a8ff; } .profile-post .profile-post-meta .meta-item .font-icon { margin: 0 4px 0 0; position: relative; } .profile-post .profile-post-meta .meta-item .font-icon.font-icon-comment { top: 1px; } .profile-post .profile-post-gall-fluid { zoom: 1; *zoom: 1; margin: 15px -10px -15px -15px; } .profile-post .profile-post-gall-fluid:before, .profile-post .profile-post-gall-fluid:after { content: " "; display: table; } .profile-post .profile-post-gall-fluid:after { clear: both; } .profile-post .profile-post-gall-fluid .col { padding: 0 0 5px 5px; } .profile-post .profile-post-gall-fluid img { display: block; width: 100%; } .profile-post .profile-post-gall { zoom: 1; *zoom: 1; margin: 15px -5px 0 0; } .profile-post .profile-post-gall:before, .profile-post .profile-post-gall:after { content: " "; display: table; } .profile-post .profile-post-gall:after { clear: both; } .profile-post .profile-post-gall .col { float: left; width: 195px; padding: 0 5px 5px 0; } .profile-post .profile-post-gall .col:first-child { width: 390px; } .profile-post .profile-post-gall img { display: block; width: 100%; } .profile-post .profile-post-gall-grid[data-columns]::before { content: '3 .column.size-1of3'; } .profile-post .profile-post-gall-grid .column { float: left; } .profile-post .profile-post-gall-grid .size-1of4 { width: 25%; } .profile-post .profile-post-gall-grid .size-1of3 { width: 33.333%; } .profile-post .profile-post-gall-grid .size-1of2 { width: 50%; } @media screen and (max-width: 520px) { .profile-post .profile-post-gall-grid[data-columns]::before { content: '1 .column'; } } @media screen and (min-width: 521px) and (max-width: 767px) { .profile-post .profile-post-gall-grid[data-columns]::before { content: '2 .column.size-1of2'; } } @media screen and (min-width: 768px) and (max-width: 1300px) { .profile-post .profile-post-gall-grid[data-columns]::before { content: '3 .column.size-1of3'; } } @media screen and (min-width: 1301px) { .profile-post .profile-post-gall-grid[data-columns]::before { content: '4 .column.size-1of4'; } } .profile-post .profile-post-card { margin: 15px 0 0; } .profile-post .profile-post-card p { margin: 0; } .profile-post .profile-post-card .tbl-cell-photo { width: 115px; padding-right: 15px; } .profile-post .profile-post-card .tbl-cell-photo img { display: block; width: 100%; } .profile-post .profile-post-card .title { font-size: 1rem; margin: 0 0 5px; } .profile-post .profile-post-card .title a { text-decoration: none; color: #0082c6; border-bottom: solid 1px rgba(0, 130, 198, 0.3); } .profile-post .profile-post-card .title a:hover { border-bottom-color: transparent; } .profile-settings .form-label { font-weight: 400; padding: 8px 0 0; } .profile-settings .profile-settings-btns .btn { margin: 0 10px 0 0; } .profile-settings .profile-settings-btns .btn:last-child { margin-right: 0; } .range-settings { position: relative; padding: 0 0 0 0; margin: 8px 0 0; } .range-settings .irs { height: 10px; } .range-settings .irs-line, .range-settings .irs-bar, .range-settings .irs-bar-edge { top: 6px; } .range-settings .irs-slider { top: 1px; } .range-settings .range-settings-percent { position: absolute; right: -45px; top: 0; color: #919fa9; } .range-settings .range-setting-actions { position: absolute; right: -102px; top: 0; } .range-settings .range-setting-actions button { border: none; background: none; color: #adb7be; margin: 0 0 0 8px; } .range-settings .range-setting-actions button:hover { color: #00a8ff; } .range-settings .range-setting-actions button.del:hover { color: #fa424a; } @media (max-width: 1199px) { .range-settings { padding-right: 102px; } .range-settings .range-settings-percent { right: 57px; } .range-settings .range-setting-actions { right: 0; } } /* ========================================================================== Fullcalendar ========================================================================== */ .fc-unthemed { position: relative; z-index: 50; } .fc-unthemed .fc-divider, .fc-unthemed .fc-popover, .fc-unthemed .fc-row, .fc-unthemed tbody, .fc-unthemed td, .fc-unthemed th, .fc-unthemed thead { border-color: #d8e2e7; } .fc-unthemed th { font-weight: 600; font-size: 0.75rem /*12/16*/; text-transform: uppercase; padding: 10px 15px; } .fc-unthemed .jspVerticalBar { z-index: 5; } .fc-toolbar { margin: 0; padding: 10px 15px 5px 80px; } .fc-toolbar h1, .fc-toolbar h2, .fc-toolbar h3, .fc-toolbar h4, .fc-toolbar h5, .fc-toolbar h6 { font-weight: 600; font-size: 1rem; padding: .375rem .5rem; position: relative; top: 3px; } .fc-state-default { background: none; border: none; -webkit-box-shadow: none; box-shadow: none; color: #6c7a86; font-weight: 600; font-size: 1rem; padding: .375rem 1rem; -webkit-border-radius: 25rem !important; border-radius: 25rem !important; -webkit-transition: none; -o-transition: none; transition: none; } .fc-state-active { background-color: #00a8ff; color: #fff; text-shadow: none; } .fc-prev-button, .fc-next-button { color: #d8e2e7; } .fc-prev-button:hover, .fc-next-button:hover { color: #00a8ff; } .fc button .fc-icon { width: auto; height: auto; line-height: normal; margin: 0; top: 2px; overflow: visible; } .fc .fc-toolbar > * > * { margin-left: 0; } .fc-unthemed .fc-today { background-color: #fff6da; } .fc-highlight { background-color: #a0dfff; border: solid 1px #00a8ff; } .fc-widget-header, .fc-widget-content { margin-right: 0 !important; } .fc-scroller { overflow-y: auto; overflow-x: hidden !important; } .fc-ltr .fc-time-grid .fc-event-container { margin: 0; } .fc-time-grid-event .fc-time { font-size: 1rem; } .fc-day-grid-event .fc-time { font-weight: 600; } .fc-event { background-color: #b0e4fe; border-color: #fff; color: #343434; -webkit-border-radius: 0; border-radius: 0; font-size: 1rem; padding: 7px; -webkit-transition: none; -o-transition: none; transition: none; } .fc-event.event-clicked { background-color: #62cafd; border-color: #00a8ff; z-index: 30 !important; } .fc-event.event-clicked:before { content: ''; display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; border: solid 1px #fff; } .fc-event.event-green { background-color: #c8ecce; } .fc-event.event-green.event-clicked { background-color: #92db9d; } .fc-event.event-red { background-color: #fec6c7; } .fc-event.event-red.event-clicked { background-color: #fd8e91; } .fc-event.event-orange { background-color: #ffecb5; } .fc-event.event-orange.event-clicked { background-color: #f7c16d; } .fc-event.event-coral { background-color: #ffcdb4; } .fc-event.event-coral.event-clicked { background-color: #ff9a6b; } a.fc-event:hover { color: #343434; } a.fc-more { font-size: 1rem; text-decoration: none; color: #0082c6; border-bottom: solid 1px rgba(0, 130, 198, 0.3); } a.fc-more:hover { border-bottom-color: transparent; } .fc-unthemed .fc-popover, .fc-popover { width: 250px; -webkit-box-shadow: none; box-shadow: none; background: none; border: none; } .fc-unthemed .fc-popover .fc-header, .fc-popover .fc-header { -webkit-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; color: #fff; background: #00a8ff; padding: 6px 10px 6px 12px; text-transform: uppercase; font-weight: 600; font-size: .875rem; } .fc-unthemed .fc-popover .fc-header .fc-title, .fc-popover .fc-header .fc-title { margin: 0; } .fc-unthemed .fc-popover .fc-header .fc-close, .fc-popover .fc-header .fc-close { color: #fff; font-size: .875rem; } .fc-unthemed .fc-popover .fc-body, .fc-popover .fc-body { background: #fbfcfd; border: solid 1px #c5d6de; border-top: none; -webkit-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; } .fc-unthemed .fc-popover .fc-event-container, .fc-popover .fc-event-container { padding: 10px 12px; } .fc-unthemed .fc-popover .fc-h-event, .fc-popover .fc-h-event { padding-left: 7px !important; margin-left: 2px !important; } .fc-unthemed .fc-popover .text-center .btn, .fc-popover .text-center .btn { margin: 0 4px; } .fc-popover.click { position: absolute; left: 50%; top: 100%; z-index: 50; margin-left: -120px; margin-top: 8px; font-size: .9375rem; } .fc-popover.click .fc-header { position: relative; padding-right: 30px; } .fc-popover.click .fc-header:before { content: ''; display: block; position: absolute; top: -8px; left: 50%; margin-left: -9px; width: 0; height: 0; border-style: solid; border-width: 0 9px 9px 9px; border-color: transparent transparent #00a8ff transparent; } .fc-popover.click .fc-header .cl { border: none; background: none; padding: 0; color: #fff; position: absolute; right: 10px; top: 50%; margin-top: -7px; } .fc-popover.click .fc-body { padding: 12px; } .fc-popover.click .fc-body p { margin: 0 0 1em; } .fc-popover.click .fc-body .actions { margin: 0 -12px 0 0; zoom: 1; *zoom: 1; } .fc-popover.click .fc-body .actions:before, .fc-popover.click .fc-body .actions:after { content: " "; display: table; } .fc-popover.click .fc-body .actions:after { clear: both; } .fc-popover.click .fc-body .actions li { float: left; margin: 0 12px 0 0; } .fc-popover.click .fc-body .actions li:last-child { margin-right: 0; } .fc-popover.click .fc-body > .btn { margin: 0 10px 0 0; } .fc-popover.click .fc-body .form-control { font-size: .875rem; } .fc-popover.click .fc-body.remove-confirm, .fc-popover.click .fc-body.edit-event { display: none; } /* ========================================================================== Calendar page ========================================================================== */ .calendar-page { zoom: 1; *zoom: 1; } .calendar-page:before, .calendar-page:after { content: " "; display: table; } .calendar-page:after { clear: both; } .calendar-page .calendar-page-content { float: left; width: 100%; margin-right: -250px; position: relative; } .calendar-page .calendar-page-content-in { margin: 0 249px -1px -1px; } .calendar-page .calendar-page-title { position: absolute; left: 0; top: 10px; font-size: 1rem; font-weight: 600; z-index: 2; padding: .375rem 15px; } .calendar-page .calendar-page-side { float: right; width: 250px; position: relative; z-index: 2; border-left: solid 1px #d8e2e7; } .calendar-page .calendar-page-side .bootstrap-datetimepicker-widget { padding: 15px 0 20px; margin: 0 auto; width: 100%; max-width: 270px; } .calendar-page .calendar-page-side .bootstrap-datetimepicker-widget table th.picker-switch { font-size: 1rem; font-weight: 600; } .calendar-page .calendar-page-side-section { border-top: solid 1px #d8e2e7; } .calendar-page .calendar-page-side-section:first-child { border-top: none; } .calendar-page .calendar-page-side-section-in { padding: 0 15px; } @media (max-width: 1199px) { .calendar-page .calendar-page-content { float: none; margin-right: 0; } .calendar-page .calendar-page-content-in { margin-right: -1px; } .calendar-page .calendar-page-side { float: none; width: auto; zoom: 1; *zoom: 1; } .calendar-page .calendar-page-side:before, .calendar-page .calendar-page-side:after { content: " "; display: table; } .calendar-page .calendar-page-side:after { clear: both; } } @media (min-width: 768px) and (max-width: 1199px) { .calendar-page .calendar-page-side .calendar-page-side-section { float: left; width: 33.333333%; } } @media (max-width: 767px) { .calendar-page .calendar-page-content { overflow-x: auto; overflow-y: hidden; } .calendar-page .calendar-page-content-in { min-width: 740px; } } .colors-guide-list { padding: 0 0 10px; } .colors-guide-list .color-double { position: absolute; left: 0; top: 2px; width: 16px; height: 16px; -webkit-border-radius: 3px; border-radius: 3px; background: #b0e4fe; } .colors-guide-list .color-double > div { height: 16px; width: 50%; -webkit-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; background: #62cafd; } .colors-guide-list .color-double.green { background-color: #c8ecce; } .colors-guide-list .color-double.green > div { background-color: #92db9d; } .colors-guide-list .color-double.red { background-color: #fec6c7; } .colors-guide-list .color-double.red > div { background-color: #fd8e91; } .colors-guide-list .color-double.orange { background-color: #ffecb5; } .colors-guide-list .color-double.orange > div { background-color: #f7c16d; } .colors-guide-list .color-double.coral { background-color: #ffcdb4; } .colors-guide-list .color-double.coral > div { background-color: #ff9a6b; } .colors-guide-list li { position: relative; padding: 0 0 10px 25px; } /* ========================================================================== Prices ========================================================================== */ .prices-page { text-align: center; } .prices-page p { margin: 0; } .prices-page .prices-page-title { font-size: 1.75rem; margin: 0 0 15px; padding: 10px 0 0; } .prices-page .prices-page-subtitle { padding-bottom: 30px; font-size: 1.25rem; } .prices-page .prices-page-bottom { padding: 30px 0 15px; } .price-card { width: 100%; max-width: 225px; text-align: center; display: inline-block; vertical-align: bottom; margin: 20px 7px 0; } .price-card .price-card-header { border: solid 1px #d8e2e7; -webkit-border-radius: .25rem .25rem 0 0; border-radius: .25rem .25rem 0 0; background: #f6f8fa; padding: 15px; font-size: 1.25rem /*20/16*/; } .price-card .price-card-body { background: #fff; border: solid 1px #d8e2e7; border-top: none; -webkit-border-radius: 0 0 .25rem .25rem; border-radius: 0 0 .25rem .25rem; padding: 25px 0; } .price-card .price-card-amount { font-size: 2.375rem /*38/16*/; line-height: 1; white-space: nowrap; } .price-card .price-card-amount-lbl { padding: 10px 0 15px; } .price-card .price-card-list { text-align: left; padding: 20px 30px 18px; } .price-card .price-card-list li { margin: 0 0 .25rem; } .price-card .price-card-list .font-icon { color: #00a8ff; vertical-align: middle; margin: 0 5px 0 0; } .price-card .price-card-label { padding: 10px; background: #00a8ff; color: #fff; } @media (max-width: 991px) { .price-card { display: block; max-width: none; margin-right: 0; margin-left: 0; } .price-card .price-card-list { display: inline-block; } } /* ========================================================================== Gallery ========================================================================== */ .box-typical .box-typical-header .action-btn.view { color: #c5d6de; } .box-typical .box-typical-header .action-btn.view.active, .box-typical .box-typical-header .action-btn.view:hover { color: #919fa9; } .gallery-grid { zoom: 1; *zoom: 1; padding: 8px; } .gallery-grid:before, .gallery-grid:after { content: " "; display: table; } .gallery-grid:after { clear: both; } .gallery-grid .gallery-col { float: left; width: 20%; padding: 7px; } .gallery-item { position: relative; -webkit-border-radius: 5px; border-radius: 5px; overflow: hidden; } .gallery-item p { margin: 0; } .gallery-item .gallery-picture { display: block; width: 100%; -webkit-border-radius: 5px; border-radius: 5px; } .gallery-item .gallery-hover-layout { opacity: 0; position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 101%; height: 101%; display: table; border-collapse: separate; border-spacing: 0; } .gallery-item .gallery-hover-layout-in { display: table-cell; vertical-align: middle; text-align: center; background: rgba(0, 168, 255, 0.9); padding: 10px; color: #fff; max-width: 100px; -webkit-border-radius: 5px; border-radius: 5px; } .gallery-item .gallery-item-title { font-weight: 600; } .gallery-item p { width: 100%; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .gallery-item .btn-group { padding: .75rem 0; } .gallery-item .btn-group .btn { background: none; border: solid 1px #fff; } .gallery-item .btn-group .btn:hover { background-color: #fff; color: #00a8ff; } .gallery-item .btn-group .btn .font-icon-cloud { position: relative; top: 1px; } .gallery-item:hover .gallery-hover-layout { opacity: 1; } .gallery-item .gallery-doc { display: table; border-collapse: separate; border-spacing: 0; position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; } .gallery-item .gallery-doc-in { display: table-cell; vertical-align: middle; text-align: center; padding: 10px; border: solid 1px #c5d6de; background: #f6f8fa; -webkit-border-radius: 5px; border-radius: 5px; max-width: 100px; } .gallery-item .gallery-doc-in .font-icon { color: #adb7be; font-size: 2rem; } @media (min-width: 1550px) { .gallery-grid .gallery-col { width: 16.666667%; } } @media (min-width: 1800px) { .gallery-grid .gallery-col { width: 14.285714%; } } @media (max-width: 1350px) { .gallery-grid .gallery-col { width: 25%; } } @media (max-width: 1150px) { .gallery-grid .gallery-col { width: 33.333333%; } } @media (max-width: 767px) { .gallery-grid .gallery-col { width: 50%; } } @media (max-width: 480px) { .gallery-grid .gallery-col { width: 100%; } } /* ========================================================================== Editor summernote ========================================================================== */ .note-popover { display: none; margin-top: 5px; } .note-popover .note-btn.btn { border-color: #d8e2e7; background-color: #fff; color: #919fa9 !important; } .note-popover .note-btn.btn:hover { background-color: #f6f8fa; } .note-editor { margin: 0 0 15px; } .note-editor.note-frame { border: none; } .note-editor.note-frame .note-statusbar { background-color: #f6f8fa; border: solid 1px #d8e2e7; border-top: none; -webkit-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; } .note-editor.note-frame .note-editing-area { border: solid 1px #d8e2e7; border-top: none; } .note-editor .note-toolbar { border: solid 1px #d8e2e7; background: #f6f8fa; -webkit-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; } .note-editor .note-toolbar .note-icon-caret { display: none; } .note-editor .note-toolbar .note-color .note-palette-title { border-bottom: none !important; font-size: .875rem !important; } .note-editor .note-toolbar .note-color .note-color-reset.btn { margin: 3px 0 5px !important; background-color: #fff; border-color: #d8e2e7; color: #343434 !important; font-size: .875rem !important; font-weight: 400; } .note-editor .note-toolbar .note-color .note-color-reset.btn:hover { background-color: #ecf2f5 !important; } .note-editor .note-toolbar .note-fontname .note-btn-group.btn-group.open .dropdown-menu > li > a { padding-left: .5rem; position: relative; } .note-editor .note-toolbar .note-para .dropdown-menu { min-width: 200px; } .note-editor .note-toolbar .note-btn-group.btn-group.open > .note-btn.btn { color: #343434 !important; background: #fff; border-color: #d8e2e7; border-bottom: none; -webkit-border-bottom-right-radius: 0 !important; border-bottom-right-radius: 0 !important; -webkit-border-bottom-left-radius: 0 !important; border-bottom-left-radius: 0 !important; z-index: 1002; } .note-editor .note-toolbar .note-btn-group.btn-group.open .note-current-color-button.btn { -webkit-border-top-right-radius: 0 !important; border-top-right-radius: 0 !important; } .note-editor .note-toolbar .note-btn-group.btn-group.open .note-current-color-button.btn + .note-btn.btn { -webkit-border-top-left-radius: 0 !important; border-top-left-radius: 0 !important; border-left: none !important; } .note-editor .note-toolbar .note-btn-group.btn-group.open .dropdown-menu { margin-top: -1px; -webkit-border-top-left-radius: 0; border-top-left-radius: 0; } .note-editor .note-toolbar .note-btn-group.btn-group.open .dropdown-menu > li > a { display: block; padding: 4px 6px; color: #343434; white-space: nowrap; font-size: 1rem; } .note-editor .note-toolbar .note-btn-group.btn-group.open .dropdown-menu > li > a:hover { background-color: #ecf2f5; } .note-editor .note-toolbar .note-btn-group.btn-group.open .dropdown-menu > li > a.checked { color: #00a8ff; } .note-editor .note-toolbar .note-btn-group.btn-group.open .dropdown-menu .note-btn.btn { color: #919fa9 !important; border: none; } .note-editor .note-toolbar .note-btn-group.btn-group.open .dropdown-menu .note-btn.btn:hover { background-color: #ecf2f5; color: #343434 !important; } .note-editor .note-btn-group.btn-group.note-fontname .dropdown-menu { min-width: 100%; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; padding-right: 8px; } .note-editor .note-btn-group.btn-group.note-fontname .dropdown-menu > li > a { padding-right: 3px; margin-right: -5px; } .note-editor .note-btn.btn { height: 34px; background: none; color: #6c7a86 !important; border-color: transparent; -webkit-transition: none; -o-transition: none; transition: none; padding-left: .5rem; padding-right: .5rem; } .note-editor .note-btn.btn .note-icon-font.note-recent-color { -webkit-border-radius: 3px; border-radius: 3px; padding: 2px 2px 0; } .note-editor .note-btn.btn:hover { background-color: #919fa9; border-color: #919fa9; color: #fff !important; } .note-editor .note-btn.btn:hover .note-icon-font.note-recent-color { background-color: transparent !important; } .note-editor .note-btn.btn.dropdown-toggle:after { margin-right: 0; position: relative; top: -1px; } .note-editor .note-btn.btn i { position: relative; top: -2px; vertical-align: middle; } .note-editor .note-btn.btn i.note-icon-magic, .note-editor .note-btn.btn i.note-icon-bold, .note-editor .note-btn.btn i.note-icon-underline, .note-editor .note-btn.btn i.note-icon-eraser, .note-editor .note-btn.btn i.note-icon-font, .note-editor .note-btn.btn i.note-icon-unorderedlist, .note-editor .note-btn.btn i.note-icon-orderedlist, .note-editor .note-btn.btn i.note-icon-align-left, .note-editor .note-btn.btn i.note-icon-align-right, .note-editor .note-btn.btn i.note-icon-align-center, .note-editor .note-btn.btn i.note-icon-align-justify, .note-editor .note-btn.btn i.note-icon-table, .note-editor .note-btn.btn i.note-icon-link, .note-editor .note-btn.btn i.note-icon-picture, .note-editor .note-btn.btn i.note-icon-video, .note-editor .note-btn.btn i.note-icon-arrows-alt, .note-editor .note-btn.btn i.note-icon-code, .note-editor .note-btn.btn i.note-icon-question { top: 0; height: 18px; } .note-editor .note-btn.btn i.note-icon-magic:before, .note-editor .note-btn.btn i.note-icon-bold:before, .note-editor .note-btn.btn i.note-icon-underline:before, .note-editor .note-btn.btn i.note-icon-eraser:before, .note-editor .note-btn.btn i.note-icon-font:before, .note-editor .note-btn.btn i.note-icon-unorderedlist:before, .note-editor .note-btn.btn i.note-icon-orderedlist:before, .note-editor .note-btn.btn i.note-icon-align-left:before, .note-editor .note-btn.btn i.note-icon-align-right:before, .note-editor .note-btn.btn i.note-icon-align-center:before, .note-editor .note-btn.btn i.note-icon-align-justify:before, .note-editor .note-btn.btn i.note-icon-table:before, .note-editor .note-btn.btn i.note-icon-link:before, .note-editor .note-btn.btn i.note-icon-picture:before, .note-editor .note-btn.btn i.note-icon-video:before, .note-editor .note-btn.btn i.note-icon-arrows-alt:before, .note-editor .note-btn.btn i.note-icon-code:before, .note-editor .note-btn.btn i.note-icon-question:before { font-family: "startui" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: inherit; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: relative; top: -0.15em; vertical-align: middle; line-height: 18px; top: -2px; } .note-editor .note-btn.btn i.note-icon-magic:before { content: "\e02b"; } .note-editor .note-btn.btn i.note-icon-bold:before { content: "\e022"; } .note-editor .note-btn.btn i.note-icon-underline:before { content: "\e02e"; } .note-editor .note-btn.btn i.note-icon-eraser:before { content: "\e024"; } .note-editor .note-btn.btn i.note-icon-font:before { content: "\e025"; } .note-editor .note-btn.btn i.note-icon-unorderedlist:before { content: "\e02a"; } .note-editor .note-btn.btn i.note-icon-orderedlist:before { content: "\e02c"; } .note-editor .note-btn.btn i.note-icon-align-left:before { content: "\e020"; } .note-editor .note-btn.btn i.note-icon-align-right:before { content: "\e021"; } .note-editor .note-btn.btn i.note-icon-align-center:before { content: "\e01e"; } .note-editor .note-btn.btn i.note-icon-align-justify:before { content: "\e01f"; } .note-editor .note-btn.btn i.note-icon-table:before { content: "\e02d"; } .note-editor .note-btn.btn i.note-icon-link:before { content: "\e029"; font-size: 23px; } .note-editor .note-btn.btn i.note-icon-picture:before { content: "\e028"; font-size: 17px; } .note-editor .note-btn.btn i.note-icon-video:before { content: "\e02f"; font-size: 20px; } .note-editor .note-btn.btn i.note-icon-arrows-alt:before { content: "\e026"; } .note-editor .note-btn.btn i.note-icon-code:before { content: "\e023"; font-size: 22px; } .note-editor .note-btn.btn i.note-icon-question:before { content: "\e027"; } .note-editor .note-current-color-button + .note-btn.dropdown-toggle { min-height: 32px; } .note-editor .note-current-color-button + .note-btn.dropdown-toggle:after { margin-left: 0; } .note-editor blockquote { padding: 0 0 2px 6px; border-left: solid 4px #d8e2e7; margin-right: 0; margin-left: 0; } .note-editor pre { border: solid 1px #d8e2e7; background-color: #f6f8fa; padding: 0 6px 2px; -webkit-border-radius: 3px; border-radius: 3px; } .note-editor .note-editable ol, .note-editor .note-editable ul { margin-left: 2rem; } .note-editor .note-editable ul { list-style: disc outside; } .summernote-theme-1 .note-editor .note-btn.btn { -webkit-border-radius: 3px !important; border-radius: 3px !important; } .summernote-theme-2 .note-editor .note-btn.btn { -webkit-border-radius: 3px !important; border-radius: 3px !important; } .summernote-theme-2 .note-editor .note-toolbar { background-color: #919fa9; border-color: #919fa9; } .summernote-theme-2 .note-editor .note-toolbar .note-btn.btn { color: #fff !important; } .summernote-theme-2 .note-editor .note-toolbar .note-btn.btn:hover { background-color: #fff; border-color: #fff; color: #919fa9 !important; } .summernote-theme-2 .note-editor .note-toolbar .note-btn.btn .note-icon-font.note-recent-color { color: #919fa9; } .summernote-theme-3 .note-editor .note-btn.btn { -webkit-border-radius: 3px !important; border-radius: 3px !important; } .summernote-theme-3 .note-editor .note-toolbar { background-color: #131821; border-color: #131821; } .summernote-theme-3 .note-editor .note-toolbar .note-btn.btn { color: #fff !important; } .summernote-theme-3 .note-editor .note-toolbar .note-btn.btn:hover { background-color: #fff; border-color: #fff; color: #131821 !important; } .summernote-theme-3 .note-editor .note-toolbar .note-btn.btn .note-icon-font.note-recent-color { color: #131821; } .summernote-theme-4 .note-editor .note-btn.btn { -webkit-border-radius: 3px !important; border-radius: 3px !important; } .summernote-theme-4 .note-editor .note-toolbar { background-color: #fff; } .summernote-theme-4 .note-editor .note-toolbar .note-btn.btn:hover { background-color: #00a8ff; border-color: #00a8ff; color: #fff !important; } .summernote-theme-5 .note-editor .note-btn.btn { -webkit-border-radius: 3px !important; border-radius: 3px !important; } .summernote-theme-5 .note-editor .note-toolbar { background-color: #fff; } .summernote-theme-5 .note-editor .note-toolbar .note-btn.btn { color: #00a8ff !important; } .summernote-theme-5 .note-editor .note-toolbar .note-btn.btn:hover { background-color: #00a8ff; border-color: #00a8ff; color: #fff !important; } .summernote-theme-5 .note-editor .note-toolbar .note-btn.btn:hover .note-icon-font.note-recent-color { color: #fff; } .summernote-theme-5 .note-editor .note-toolbar .note-btn.btn .note-icon-font.note-recent-color { color: #00a8ff; } .summernote-theme-6 .note-editor .note-btn.btn { -webkit-border-radius: 3px !important; border-radius: 3px !important; } .summernote-theme-6 .note-editor .note-toolbar { background-color: #fff; } .summernote-theme-6 .note-editor .note-toolbar .note-btn.btn { color: #131821 !important; } .summernote-theme-6 .note-editor .note-toolbar .note-btn.btn:hover { background-color: #131821; border-color: #131821; color: #fff !important; } .summernote-theme-6 .note-editor .note-toolbar .note-btn.btn:hover .note-icon-font.note-recent-color { color: #fff; } .summernote-theme-6 .note-editor .note-toolbar .note-btn.btn .note-icon-font.note-recent-color { color: #131821; } .summernote-theme-7 .note-editor .note-btn.btn { -webkit-border-radius: 3px !important; border-radius: 3px !important; } .summernote-theme-7 .note-editor .note-toolbar { background-color: #fff; } .summernote-theme-7 .note-editor .note-toolbar .note-btn.btn:hover { background-color: #fff; border-color: #919fa9; color: #6c7a86 !important; } .summernote-theme-8 .note-editor .note-btn.btn { -webkit-border-radius: 3px !important; border-radius: 3px !important; } .summernote-theme-8 .note-editor .note-toolbar { background-color: #fbfcfd; } .summernote-theme-8 .note-editor .note-toolbar .note-btn.btn:hover { background-color: #6c7a86; border-color: #6c7a86; color: #fff !important; } .summernote-theme-8 .note-editor .note-toolbar .note-btn.btn:hover .note-icon-font.note-recent-color { color: #fff; } .summernote-theme-9 .note-editor .note-toolbar .note-btn.btn { border-color: #d8e2e7; } .summernote-theme-9 .note-editor .note-toolbar .note-btn.btn:hover { background-color: transparent; border-color: #6c7a86; color: #6c7a86 !important; } .summernote-theme-9 .note-editor .note-toolbar .note-btn.btn:hover .note-icon-font.note-recent-color { color: #6c7a86; } .summernote-theme-10 .note-editor .note-btn.btn { -webkit-border-radius: 3px !important; border-radius: 3px !important; } .summernote-theme-10 .note-editor .note-toolbar { background-color: #cbeefe; border-color: #0081c3; } .summernote-theme-10 .note-editor .note-toolbar .note-btn.btn { color: #0081c3 !important; } .summernote-theme-10 .note-editor .note-toolbar .note-btn.btn:hover { background-color: #0081c3; border-color: #0081c3; color: #fff !important; } .summernote-theme-10 .note-editor .note-toolbar .note-btn.btn:hover .note-icon-font.note-recent-color { color: #fff; } .summernote-theme-10 .note-editor .note-toolbar .note-btn.btn .note-icon-font.note-recent-color { color: #0081c3; } /* ========================================================================== Contacts ========================================================================== */ .contacts-page { zoom: 1; *zoom: 1; } .contacts-page:before, .contacts-page:after { content: " "; display: table; } .contacts-page:after { clear: both; } .contacts-page .box-typical-header .tbl-cell.tbl-cell-title h1, .contacts-page .box-typical-header .tbl-cell.tbl-cell-title h2, .contacts-page .box-typical-header .tbl-cell.tbl-cell-title h3, .contacts-page .box-typical-header .tbl-cell.tbl-cell-title h4, .contacts-page .box-typical-header .tbl-cell.tbl-cell-title h5, .contacts-page .box-typical-header .tbl-cell.tbl-cell-title h6 { display: inline; margin-right: 25px; } .contacts-page .contacts-tabs { display: inline-block; font-size: 0.9375rem /*15/16*/; font-weight: 600; } .contacts-page .contacts-tabs .nav-item { display: inline-block; margin: 0 25px 0 0; } .contacts-page .contacts-tabs .nav-item:last-child { margin-right: 0; } .contacts-page .contacts-tabs a { display: block; color: #343434; -webkit-border-radius: 25rem; border-radius: 25rem; padding: 0 10px; line-height: 22px; } .contacts-page .contacts-tabs a:hover { color: #00a8ff; } .contacts-page .contacts-tabs a.active { color: #fff; background: #00a8ff; } .contacts-page-col-right { float: right; width: 280px; position: relative; } .contacts-page-col-left { float: left; width: 100%; margin-right: -280px; } .contacts-page-col-left-in { margin-right: 280px; border-right: solid 1px #d8e2e7; } .contacts-page-col-left-in .map { height: 300px; } .contacts-page-section { border-top: solid 1px #d8e2e7; padding: 15px; zoom: 1; *zoom: 1; } .contacts-page-section:before, .contacts-page-section:after { content: " "; display: table; } .contacts-page-section:after { clear: both; } .contacts-page-section:first-child { border-top: none; } .contacts-page-section .box-typical-header-sm { padding: 0 0 15px; } .contacts-page-section .contact { font-size: 1.125rem /*18/16*/; margin: 0 25px 10px 0; } .contacts-page-section .contact:hover { opacity: .7; } .contacts-page-section .contact .font-icon { vertical-align: middle; } .contacts-page-section .contact .font-icon-facebook { color: #37559a; } .contacts-page-section .contact .font-icon-twitter { color: #00aaed; } .contacts-page-section .contact .font-icon-linkedin { color: #007ab4; } .contacts-page-section .contact .font-icon-google-plus { color: #d33928; } .contacts-page-section .contact .font-icon-instagram { color: #105881; } .contacts-page-section .contact-other { margin: 0 0 10px; } .contacts-page-section .contact-other .font-icon { vertical-align: middle; color: #adb7be; margin: 0 8px 0 0; } @media (max-width: 700px) { .contacts-page-col-right { float: none; width: auto; } .contacts-page-col-left { float: none; margin-right: 0; } .contacts-page-col-left-in { margin-right: 0; border-right: none; } } /* ========================================================================== Google maps ========================================================================== */ .gm-style { font-family: 'Proxima Nova', sans-serif; } .infoBox { background: rgba(44, 57, 73, 0.95); -webkit-border-radius: 5px; border-radius: 5px; color: #fff; padding: 5px 10px 5px 15px; font-size: 1rem; margin: 10px 0 0; } .infoBox:before { content: ''; display: block; position: absolute; left: 50%; top: -10px; margin-left: -10px; width: 0; height: 0; border-style: solid; border-width: 0 10px 10px 10px; border-color: transparent transparent rgba(44, 57, 73, 0.95) transparent; } .infoBox > img { width: 8px; margin: 0 !important; position: absolute !important; right: 5px; top: 5px; opacity: .5; } .infoBox > img:hover { opacity: 1; } .infoBox p { margin: .5rem 0; position: relative; padding: 0 0 0 26px; } .infoBox .font-icon { position: absolute; left: 0; top: 2px; } /* ========================================================================== Files ========================================================================== */ .files-manager { zoom: 1; *zoom: 1; } .files-manager:before, .files-manager:after { content: " "; display: table; } .files-manager:after { clear: both; } .files-manager-side { float: left; width: 168px; position: relative; background: #f6f8fa; border-right: solid 1px #d8e2e7; -webkit-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; } .files-manager-side-title { padding: 15px; font-weight: 600; } .files-manager-side-list { font-weight: 600; padding: 0 0 5px; } .files-manager-side-list a { display: block; color: #818181; padding: 6px 10px 7px 11px; border-left: solid 4px transparent; } .files-manager-side-list a:hover, .files-manager-side-list a.active { background-color: #ecf2f5; color: #343434; } .files-manager-side-list a:hover { border-left-color: #ecf2f5; } .files-manager-side-list a.active { border-left-color: #00a8ff; } .files-manager-panel { float: right; width: 100%; margin-left: -168px; } .files-manager-panel-in { margin-left: 168px; zoom: 1; *zoom: 1; } .files-manager-panel-in:before, .files-manager-panel-in:after { content: " "; display: table; } .files-manager-panel-in:after { clear: both; } .files-manager-header { border-bottom: solid 1px #d8e2e7; padding: 10px 15px; zoom: 1; *zoom: 1; } .files-manager-header:before, .files-manager-header:after { content: " "; display: table; } .files-manager-header:after { clear: both; } .files-manager-header .files-manager-header-left { float: left; } .files-manager-header .files-manager-header-right { float: right; zoom: 1; *zoom: 1; } .files-manager-header .files-manager-header-right:before, .files-manager-header .files-manager-header-right:after { content: " "; display: table; } .files-manager-header .files-manager-header-right:after { clear: both; } .files-manager-header .btn, .files-manager-header .btn-icon { vertical-align: top; } .files-manager-header .btn { margin: 0 22px 0 0; } .files-manager-header .btn-icon { height: 38px; padding: 0; background: none; border: none; color: #919fa9; margin: 0 8px 0 0; } .files-manager-header .btn-icon:hover { color: #00a8ff; } .files-manager-header .btn-icon .font-icon { vertical-align: middle; position: relative; top: 1px; } .files-manager-header .btn-icon.view { color: #c5d6de; } .files-manager-header .btn-icon.view:hover, .files-manager-header .btn-icon.view.active { color: #919fa9; } .files-manager-header .views { float: left; margin: 0 10px 0 0; } .files-manager-header .search { float: left; width: 216px; position: relative; } .files-manager-header .search .form-control { padding-right: 35px; } .files-manager-header .search .btn-icon { position: absolute; right: 5px; top: -1px; } .files-manager-aside { float: right; width: 280px; position: relative; } .files-manager-aside-section { border-top: solid 1px #d8e2e7; padding: 15px 15px 20px; } .files-manager-aside-section:first-child { border-top: none; } .files-manager-aside-section .box-typical-header-sm { padding: 0 0 10px; } .files-manager-aside-section .info-list { padding: 0 0 10px; } .files-manager-aside-section .info-list p { margin: 0 0 6px; } .files-manager-aside-section .soc { display: inline-block; font-size: 22px; margin: 15px 5px 0 0; } .files-manager-aside-section .soc:hover { opacity: .7; } .files-manager-aside-section .soc .font-icon-fb-fill { color: #37559a; } .files-manager-aside-section .soc .font-icon-vk-fill { color: #456fa0; } .files-manager-aside-section .soc .font-icon-ok-fill { color: #fa8121; } .files-manager-aside-section .soc .font-icon-tw-fill { color: #00aaed; } .files-manager-aside-section .soc .font-icon-gp-fill { color: #d33928; } .files-manager-content { float: left; width: 100%; margin-right: -280px; } .files-manager-content-in { margin-right: 280px; border-right: solid 1px #d8e2e7; } .fm-file-grid { padding: 18px 0 0 18px; zoom: 1; *zoom: 1; } .fm-file-grid:before, .fm-file-grid:after { content: " "; display: table; } .fm-file-grid:after { clear: both; } .fm-file { float: left; width: 150px; margin: 0 18px 18px 0; -webkit-border-radius: .25rem; border-radius: .25rem; padding: 18px 10px 15px; text-align: center; cursor: default; } .fm-file .fm-file-icon { height: 100px; line-height: 100px; } .fm-file .fm-file-icon img { vertical-align: middle; width: 100px; height: 100px; } .fm-file .fm-file-name, .fm-file .file-size { white-space: nowrap; overflow: hidden; width: 100%; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .fm-file .fm-file-size { color: #6c7a86; } .fm-file:hover, .fm-file.selected { background-color: #f6f8fa; } @media (max-width: 830px) { .files-manager-side { float: none; width: auto; border-right: none; -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; border-bottom: solid 1px #d8e2e7; } .files-manager-panel { float: none; margin-left: 0; } .files-manager-panel-in { margin-left: 0; } } @media (max-width: 767px) { .files-manager-header .files-manager-header-left, .files-manager-header .files-manager-header-right { float: none; } .files-manager-header .files-manager-header-left { padding-bottom: 10px; } .files-manager-aside { float: none; width: auto; } .files-manager-content { float: none; margin-right: 0; } .files-manager-content-in { margin-right: 0; border-right: none; } } @media (max-width: 380px) { .files-manager-header-left { padding-bottom: 0 !important; } .files-manager-header-left .btn { display: block; } } /* ========================================================================== Mail ========================================================================== */ .mail-box { zoom: 1; *zoom: 1; } .mail-box:before, .mail-box:after { content: " "; display: table; } .mail-box:after { clear: both; } /* ========================================================================== Header ========================================================================== */ .mail-box-header { padding: 10px 15px; zoom: 1; *zoom: 1; border-bottom: solid 1px #d8e2e7; } .mail-box-header:before, .mail-box-header:after { content: " "; display: table; } .mail-box-header:after { clear: both; } .mail-box-header .mail-box-header-left, .mail-box-header .mail-box-header-right { zoom: 1; *zoom: 1; } .mail-box-header .mail-box-header-left:before, .mail-box-header .mail-box-header-right:before, .mail-box-header .mail-box-header-left:after, .mail-box-header .mail-box-header-right:after { content: " "; display: table; } .mail-box-header .mail-box-header-left:after, .mail-box-header .mail-box-header-right:after { clear: both; } .mail-box-header .mail-box-header-left { float: left; } .mail-box-header .mail-box-header-right { float: right; } .mail-box-header .write, .mail-box-header .btn-icon, .mail-box-header .btns-icon { float: left; } .mail-box-header .btns-icon { zoom: 1; *zoom: 1; } .mail-box-header .btns-icon:before, .mail-box-header .btns-icon:after { content: " "; display: table; } .mail-box-header .btns-icon:after { clear: both; } .mail-box-header .write { margin: 0 25px 0 0; } .mail-box-header .btn-icon { height: 38px; padding: 0; background: none; border: none; color: #919fa9; margin: 0 18px 0 0; } .mail-box-header .btn-icon:hover { color: #00a8ff; } .mail-box-header .btn-icon .font-icon { vertical-align: middle; position: relative; top: 1px; } .mail-box-header .search { float: left; width: 216px; position: relative; } .mail-box-header .search .form-control { padding-right: 35px; } .mail-box-header .search .btn-icon { position: absolute; right: 0; top: -1px; width: 12px; } .mail-box-header .mail-box-header-nav { float: left; line-height: 38px; zoom: 1; *zoom: 1; font-weight: 600; } .mail-box-header .mail-box-header-nav:before, .mail-box-header .mail-box-header-nav:after { content: " "; display: table; } .mail-box-header .mail-box-header-nav:after { clear: both; } .mail-box-header .mail-box-header-nav li { float: left; margin: 0 30px 0 0; } .mail-box-header .mail-box-header-nav a { color: #343434; } .mail-box-header .mail-box-header-nav a:hover { color: #00a8ff; } .mail-box-header .mail-box-header-nav a.active { color: #0082c6; } /* ========================================================================== List ========================================================================== */ .mail-box-list { float: left; width: 372px; position: relative; border-right: solid 1px #d8e2e7; background: #f6f8fa; -webkit-border-radius: 0 0 0 3px; border-radius: 0 0 0 3px; } .mail-box-item { padding: 15px; position: relative; border-top: solid 1px #d8e2e7; cursor: default; font-size: .9375rem; } .mail-box-item:first-child { border-top: none; } .mail-box-item .mail-box-item-header { padding: 0 0 0 44px; position: relative; min-height: 32px; } .mail-box-item .mail-box-item-photo { width: 32px; height: 32px; position: absolute; left: 0; top: 0; } .mail-box-item .mail-box-item-photo img { width: 100%; -webkit-border-radius: 50%; border-radius: 50%; display: block; } .mail-box-item .mail-box-item-head-tbl { line-height: 1rem; margin: 0 0 4px; } .mail-box-item .mail-box-item-head-tbl .tbl-cell { vertical-align: top; } .mail-box-item .mail-box-item-head-tbl .tbl-cell-date { text-align: right; width: 20px; white-space: nowrap; color: #919fa9; font-size: 0.875rem /*14/16*/; padding-left: 10px; padding-top: 1px; } .mail-box-item .mail-box-item-user-tbl { width: auto; } .mail-box-item .mail-box-item-user-tbl .tbl-cell-name { font-weight: 600; } .mail-box-item .mail-box-item-user-tbl .tbl-cell-new { white-space: nowrap; width: 10px; padding-left: 5px; } .mail-box-item .mail-box-item-user-tbl .tbl-cell-new .label { font-size: 0.75rem /*12/16*/; position: relative; top: -1px; padding-bottom: 2px; } .mail-box-item .mail-box-item-user-tbl .tbl-cell-status { width: 10px; white-space: nowrap; padding-left: 5px; } .mail-box-item .mail-box-item-user-tbl .tbl-cell-status .online { width: 6px; height: 6px; -webkit-border-radius: 50%; border-radius: 50%; position: relative; top: 5px; background: #46c35f; } .mail-box-item .mail-box-item-title { width: 100%; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .mail-box-item .mail-box-item-content { position: relative; padding: 0 0 0 44px; color: #919fa9; } .mail-box-item .mail-box-item-content .attach { width: 32px; position: absolute; left: 0; top: 1px; text-align: center; font-size: .875rem; } .mail-box-item .mail-box-item-content .txt { width: 100%; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .mail-box-item:hover, .mail-box-item.selected { background-color: #ecf2f5; } .mail-box-item.selected-line:after { content: ''; display: block; width: 4px; position: absolute; top: 10px; left: -1px; bottom: 10px; background: #ac6bec; -webkit-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; } .mail-box-item.selected-line.red:after { background-color: #fa424a; } /* ========================================================================== Word area ========================================================================== */ .mail-box-work-area { float: right; width: 100%; margin-left: -372px; } .mail-box-work-area .mail-box-work-area-in { margin-left: 372px; } .mail-box-work-area-header { border-bottom: solid 1px #d8e2e7; position: relative; padding: 12px 15px; } .mail-box-work-area-header:after { content: ''; display: block; width: 4px; position: absolute; top: 10px; left: -1px; bottom: 10px; background: #ac6bec; -webkit-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; } .mail-box-work-area-header .tbl-cell-btns { width: 10px; white-space: nowrap; } .mail-box-work-area-header .btn-icon { height: 32px; padding: 0; background: none; border: none; color: #919fa9; margin: 0 0 0 20px; } .mail-box-work-area-header .btn-icon:hover { color: #00a8ff; } .mail-box-work-area-header .btn-icon .font-icon { vertical-align: middle; position: relative; top: 1px; } .mail-box-work-area-header .user-card-row { font-size: .9375rem; } .mail-box-work-area-header .letters-num { color: #818181; margin: 0 20px 0 0; } .mail-box-letter-item { margin: 5px; -webkit-border-radius: .25rem; border-radius: .25rem; background: #f6f8fa; padding: 13px; line-height: 18px; font-size: .9375rem; } .mail-box-letter-item .mail-box-letter-item-in { position: relative; padding: 0 0 0 44px; min-height: 32px; } .mail-box-letter-item .mail-box-letter-item-photo { width: 32px; height: 32px; position: absolute; left: 0; top: 2px; } .mail-box-letter-item .mail-box-letter-item-photo img { width: 100%; -webkit-border-radius: 50%; border-radius: 50%; display: block; } .mail-box-letter-item .mail-box-letter-item-header .tbl-cell { vertical-align: middle; } .mail-box-letter-item .mail-box-letter-item-header .tbl-cell-name { font-weight: 600; } .mail-box-letter-item .mail-box-letter-item-header .tbl-cell-date { width: 10px; padding-left: 10px; white-space: nowrap; text-align: right; color: #919fa9; font-size: .875rem; } .mail-box-letter-item .mail-box-letter-item-txt { width: 100%; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .mail-box-letter-opened { padding: 18px; overflow: hidden; } .mail-box-letter-opened .mail-box-letter-opened-header .tbl-cell { vertical-align: top; } .mail-box-letter-opened .mail-box-letter-opened-header .tbl-cell-name { font-weight: 600; } .mail-box-letter-opened .mail-box-letter-opened-header .tbl-cell-date { white-space: nowrap; padding-left: 10px; width: 20px; color: #919fa9; font-size: .875rem; } .mail-box-letter-opened .mail-box-letter-opened-header .tbl-cell-action { white-space: nowrap; padding-left: 10px; width: 10px; } .mail-box-letter-opened .mail-box-letter-opened-header .tbl-cell-action button { border: none; background: none; color: #919fa9; } .mail-box-letter-opened .mail-box-letter-opened-header .tbl-cell-action button:hover { color: #00a8ff; } .mail-box-letter-opened .mail-box-letter-files { margin: 0 -30px 0 0; padding: .5rem 0 1rem; } .mail-box-letter-opened .chat-area-bottom { padding: 0; border: none; } .mail-file { display: inline-block; max-width: 100%; vertical-align: top; position: relative; padding: 2px 30px 0 52px; height: 43px; background: no-repeat 0 0; background-size: auto 43px; margin: 0 0 20px 0; color: #818181; font-size: .9375rem; } .mail-file p { width: 100%; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; margin: 0; } .mail-file.pdf { background-image: url('../img/file-pdf.png'); } .mail-file.doc { background-image: url('../img/file-doc.png'); } .mail-file.xls { background-image: url('../img/file-xls.png'); } .mail-file.img { background-image: url('../img/file-img.png'); } /* ========================================================================== Tasks ========================================================================== */ .tasks-grid { zoom: 1; *zoom: 1; } .tasks-grid:before, .tasks-grid:after { content: " "; display: table; } .tasks-grid:after { clear: both; } .tasks-grid .tasks-grid-col { float: left; width: 230px; margin: 0 30px 0 0; } .tasks-grid .tasks-grid-col-title { margin: 0 0 10px; } .tasks-grid .tasks-grid-col-title strong { font-weight: 600; } .tasks-grid .sortable { padding: 0 0 30px; } .task-card { margin: 0 0 30px; } .task-card .task-card-create-title { padding: 15px; font-weight: 600; } .task-card .task-card-create input[type="text"] { border: none; background: none; padding: 15px; font-size: 1rem; font-weight: 600; color: #343434; } .task-card .task-card-create ::-webkit-input-placeholder { color: #343434 !important; } .task-card .task-card-create ::-moz-placeholder { color: #343434 !important; opacity: 1 !important; } .task-card .task-card-create :-moz-placeholder { color: #343434 !important; opacity: 1 !important; } .task-card .task-card-create ::-moz-placeholder { color: #343434 !important; } .task-card .task-card-create :-ms-input-placeholder { color: #343434 !important; } .task-card .task-card-footer { padding: 8px 15px; background: #f6f8fa; -webkit-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; border-top: solid 1px #d8e2e7; zoom: 1; *zoom: 1; } .task-card .task-card-footer:before, .task-card .task-card-footer:after { content: " "; display: table; } .task-card .task-card-footer:after { clear: both; } .task-card .task-card-in { padding: 0 15px; position: relative; } .task-card .task-card-photo { margin: 0 15px 10px; } .task-card .task-card-photo img { display: block; width: 100%; } .task-card .task-card-title { margin: 0 15px 10px 0; } .task-card .task-card-title a { color: #343434; } .task-card .task-card-title a:hover { color: #00a8ff; } .task-card .task-card-title-label { color: #6c7a86; font-size: .875rem; } .task-card .task-card-tags { padding: 5px 0 11px; } .task-card .task-card-tags .label { font-size: .875rem; color: #6c7a86; font-weight: 400; margin: 0 3px 8px 0; } .task-card .task-card-tags .label:hover { color: #fff; } .task-card .avatar-preview { float: right; } .task-card .task-card-meta-item { float: left; height: 32px; line-height: 32px; margin: 0 15px 0 0; font-size: .875rem; position: relative; top: 1px; } .task-card .task-card-meta-item .font-icon { color: #919fa9; margin: 0 5px 0 0; } .task-card .task-card-menu { position: absolute; top: 0; right: 9px; } .task-card .task-card-menu button { border: none; background: none; color: #919fa9; } .task-card .task-card-menu.open button, .task-card .task-card-menu button:hover { color: #00a8ff; } .task-card .task-card-menu .dropdown-menu { min-width: auto; margin-top: 0; } .task-card .progress-compact-style { margin: 0 0 3px; } .task-card .progress-compact-style .progress-compact-style-label { font-size: .875rem; } .task-card.task { padding-top: 20px; border-top: solid 4px #00a8ff; -webkit-border-radius: 5px 5px .25rem .25rem; border-radius: 5px 5px .25rem .25rem; } .tasks-grid-col.red .task-card.task { border-top-color: #fa424a; } .tasks-grid-col.green .task-card.task { border-top-color: #46c35f; } .tasks-grid-col.purple .task-card.task { border-top-color: #ac6bec; } .sortable-placeholder { height: 100px; text-align: center; line-height: 96px; border: dashed 2px #adb7be; -webkit-border-radius: .25rem; border-radius: .25rem; margin: 0 0 30px; } .sortable-placeholder:before { content: 'Move'; font-size: .875rem; font-weight: 600; color: #919fa9; } /* ========================================================================== Project ========================================================================== */ .proj-page .progress-compact-style { max-width: 350px; margin-bottom: 15px; } .proj-page .proj-page-del { height: 38px; border: none; background: none; font-size: 1.125rem; color: #919fa9; } .proj-page .proj-page-del:hover { color: #fa424a; } .proj-page .proj-page-del .font-icon { vertical-align: middle; } .proj-page .drop-zone { width: 100%; } .proj-page .uploading-list { max-width: 350px; } .proj-page .uploading-list .uploading-list-item-progress, .proj-page .uploading-list .uploading-list-item-speed { font-size: .875rem; } .proj-page-section { padding: 15px 15px 20px; border-top: solid 1px #d8e2e7; } .proj-page-section:first-child { border-top: none; } .proj-page-section .comment-rows-container, .proj-page-section .leave-comment-block { margin: 0 -15px; } .proj-page-section .leave-comment-block { padding-bottom: 0; } .proj-page-subtitle { padding: 5px 0 20px; } .proj-page-subtitle h1, .proj-page-subtitle h2, .proj-page-subtitle h3, .proj-page-subtitle h4, .proj-page-subtitle h5, .proj-page-subtitle h6 { font-weight: 600; font-size: 1rem; margin: 0; } .proj-page-subtitle.with-del { position: relative; padding-right: 35px; } .proj-page-subtitle.with-del .proj-page-del { position: absolute; top: -5px; right: -2px; } .proj-page-subtitle.padding-sm { padding-bottom: 10px; } .proj-page-header .title { display: inline-block; border: solid 1px transparent /*@color-border-light*/; -webkit-border-radius: .25rem; border-radius: .25rem; font-weight: 600; padding: .375rem 0; margin: 0 0 6px; font-size: 1.125rem; cursor: default; } .proj-page-header .title .font-icon { opacity: 0; color: #919fa9; font-size: .8125rem; margin: 0 0 0 5px; } .proj-page-header .title:hover .font-icon { opacity: 1; } .proj-page-header .project { color: #919fa9; } .proj-page-team { margin: -4px 0 -9px; } .proj-page-team .tbl-cell-admin { width: 32px; } .proj-page-team .tbl-cell-admin .avatar-preview { margin-right: 0; } .proj-page-team .tbl-cell-divider { width: 30px; text-align: center; color: #919fa9; font-size: .75rem; } .proj-page-team .tbl-cell-divider .font-icon { position: relative; top: 2px; } .proj-page-team .tbl-cell-date { text-align: right; font-size: .9375rem; color: #919fa9; white-space: nowrap; width: 30px; } .proj-page-team .avatar-preview { margin: 4px 6px 4px 0px; } .proj-page-main-controls { zoom: 1; *zoom: 1; margin: 0 0 5px; } .proj-page-main-controls:before, .proj-page-main-controls:after { content: " "; display: table; } .proj-page-main-controls:after { clear: both; } .proj-page-main-controls .proj-page-main-controls-left, .proj-page-main-controls .proj-page-main-controls-right { zoom: 1; *zoom: 1; } .proj-page-main-controls .proj-page-main-controls-left:before, .proj-page-main-controls .proj-page-main-controls-right:before, .proj-page-main-controls .proj-page-main-controls-left:after, .proj-page-main-controls .proj-page-main-controls-right:after { content: " "; display: table; } .proj-page-main-controls .proj-page-main-controls-left:after, .proj-page-main-controls .proj-page-main-controls-right:after { clear: both; } .proj-page-main-controls .proj-page-main-controls-left { float: left; } .proj-page-main-controls .proj-page-main-controls-right { float: right; } .proj-page-main-controls .btn, .proj-page-main-controls .select { float: left; margin: 0 10px 10px 0; } .proj-page-main-controls .select { overflow: hidden; position: relative; } .proj-page-txt .proj-page-subtitle { padding-bottom: .5rem; } .proj-page-add-txt { padding: 15px 120px 15px 15px; background: #d8e2e7; position: relative; } .proj-page-add-txt .form-control { border-color: #fff; } .proj-page-add-txt .proj-page-del, .proj-page-add-txt .btn { position: absolute; top: 15px; } .proj-page-add-txt .btn { width: 64px; padding-left: 0; padding-right: 0; right: 46px; } .proj-page-add-txt .proj-page-del { right: 13px; font-size: 1.125rem; margin-top: 2px; } .proj-page-attach-section { max-height: 290px; border-top: solid 1px #d8e2e7; } .proj-page-attach-section:first-child { border-top: none; } .proj-page-attach-section p { margin: 0; } .proj-page-attach-section .proj-page-attach-section-in { padding: 15px 15px 20px; overflow: hidden; } .proj-page-attach-section .proj-page-attach-grid { zoom: 1; *zoom: 1; margin: 0 -30px 0 0; } .proj-page-attach-section .proj-page-attach-grid:before, .proj-page-attach-section .proj-page-attach-grid:after { content: " "; display: table; } .proj-page-attach-section .proj-page-attach-grid:after { clear: both; } .proj-page-attach-section .proj-page-attach-grid .gd-doc { float: left; margin: 0 30px 30px 0; } .proj-page-attach { display: inline-block; max-width: 100%; vertical-align: top; position: relative; padding: 0 30px 0 60px; height: 54px; margin: 0 0 20px 0; font-size: .9375rem; line-height: 18px; } .proj-page-attach p { width: 100%; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; margin: 0; } .proj-page-attach p a { margin: 0 15px 0 0; } .proj-page-attach .name { font-weight: 600; } .proj-page-attach .date { color: #919fa9; } .proj-page-attach .font-icon { font-size: 2.875rem /*46/16*/; position: absolute; left: 0; top: 7px; line-height: 1; color: #adb7be; } .proj-page-time-info .tbl { margin: 0 0 10px; } .proj-page-time-info .tbl-cell { vertical-align: top; padding: 0 0 5px; } .proj-page-time-info .tbl-cell-time { text-align: right; white-space: nowrap; width: 20px; padding-left: 10px; } .proj-page-labels .label { margin-right: 3px; margin-bottom: 8px; font-size: 0.9375rem /*15/16*/; } .proj-page-assigned .user-card-row { font-size: 1rem; } .proj-page-people .tbl-people > .tbl-row > .tbl-cell { padding: 0 0 10px; } .proj-page-people .tbl-people > .tbl-row > .tbl-cell.tbl-cell-lbl { white-space: nowrap; width: 30px; padding-right: 20px; color: #919fa9; } .proj-page-people .user-card-row { font-size: 1rem; } .proj-page-dates .tbl-cell { padding: 0 0 5px; } .proj-page-dates .tbl-cell-lbl { white-space: nowrap; width: 30px; padding-right: 20px; color: #919fa9; } .proj-page-agile .tbl-cell { padding: 0 0 5px; } .proj-page-actions-list { font-weight: 600; margin: -4px 0; } .proj-page-actions-list li { padding: 4px 0; } .proj-page-actions-list a { text-decoration: none; color: #919fa9; border: none; } .proj-page-actions-list a:hover { color: #00a8ff; } .proj-page-actions-list .font-icon { margin: 0 7px 0 0; } /* ========================================================================== Comments ========================================================================== */ .comment-rows-container { border: solid 1px #d8e2e7; border-left: none; border-right: none; max-height: 570px; position: relative; } .comment-rows-container:after { content: ''; display: block; width: 100%; height: 5px; background: rgba(255, 255, 255, 0.9); position: absolute; left: 0; top: 0; } .comment-row-item { position: relative; padding: 12px 15px 12px 61px; min-height: 32px; } .comment-row-item p { margin: 0; } .comment-row-item .avatar-preview { position: absolute; left: 15px; top: 12px; } .comment-row-item .comment-row-item-header { line-height: 18px; margin: 0 0 6px; } .comment-row-item .comment-row-item-header .tbl-cell { vertical-align: top; } .comment-row-item .comment-row-item-header .tbl-cell-name { font-weight: 600; } .comment-row-item .comment-row-item-header .tbl-cell-date { text-align: right; width: 30px; padding-left: 10px; white-space: nowrap; font-size: .875rem; color: #919fa9; } .comment-row-item .comment-row-item-content { padding: 0 45px 6px 0; position: relative; } .comment-row-item .comment-row-item-action { border: none; background: none; color: #919fa9; position: absolute; top: 2px; } .comment-row-item .comment-row-item-action:hover { color: #00a8ff; } .comment-row-item .comment-row-item-action.edit { right: 25px; } .comment-row-item .comment-row-item-action.del { right: 0; } .comment-row-item .comment-row-item-action.del:hover { color: #fa424a; } .comment-row-item .comment-row-item-reply { display: inline-block; vertical-align: top; margin: 0 20px 0 0; font-size: 1rem; text-decoration: none; color: #919fa9; border: none; } .comment-row-item .comment-row-item-reply:hover { color: #00a8ff; } .comment-row-item .comment-row-item-rating { display: inline-block; vertical-align: top; color: #919fa9; font-size: .875rem; position: relative; top: 2px; } .comment-row-item .comment-row-item-rating .number { font-weight: 700; margin: 0 6px; } .comment-row-item .comment-row-item-rating .font-icon, .comment-row-item .comment-row-item-rating .glyphicon { cursor: pointer; position: relative; top: 2px; } .comment-row-item .comment-row-item-rating .font-icon:hover, .comment-row-item .comment-row-item-rating .glyphicon:hover { color: #00a8ff; } .comment-row-item .comment-row-item-rating .font-icon.glyphicon-menu-down, .comment-row-item .comment-row-item-rating .glyphicon.glyphicon-menu-down { top: 1px; } .comment-row-item.selected { background-color: #ecf2f5; } .hover-action .comment-row-item .comment-row-item-action { display: none; } .hover-action .comment-row-item:hover { background-color: #ecf2f5; } .hover-action .comment-row-item:hover .comment-row-item-action { display: block; } .comment-row-item.quote { border-left: solid 4px #d8e2e7; padding-left: 44px; padding-top: 0; padding-bottom: 0; padding-right: 0; min-height: 24px; margin: 12px -45px 0 0; } .comment-row-item.quote .avatar-preview { width: 24px; height: 24px; left: 10px; top: 0; } .comment-row-item.quote .comment-row-item-header { margin-bottom: 2px; } .comment-row-item.quote .comment-row-item-content { padding-bottom: 0; } .leave-comment-block { position: relative; padding: 15px 15px 15px 61px; } .leave-comment-block .avatar-preview { position: absolute; left: 15px; top: 15px; } .leave-comment-block .chat-area-bottom { padding: 0; border: none; } .leave-comment-block .viewable-access { color: #919fa9; margin: 0 0 12px; } .leave-comment-block .viewable-access .choose, .leave-comment-block .viewable-access .lbl { display: inline-block; vertical-align: top; } .leave-comment-block .viewable-access .choose { position: relative; top: 2px; } .leave-comment-block .viewable-access .choose > button { border: none; background: none; color: #919fa9; font-size: .875rem; } .leave-comment-block .viewable-access .choose > button:after { position: relative; top: -3px; margin-left: 0; } .leave-comment-block .viewable-access .choose .dropdown-menu { margin-top: 2px; } /* ========================================================================== Faq ========================================================================== */ .faq-item { position: relative; padding: 0 0 0 60px; } .faq-item-circle { width: 40px; height: 40px; text-align: center; line-height: 34px; font-weight: 700; color: #919fa9; position: absolute; left: 0; top: 0; background: #ecf2f5; -webkit-border-radius: 50%; border-radius: 50%; border: solid 3px #d8e2e7; } /* ========================================================================== Faq search ========================================================================== */ .faq-page-header-search { -webkit-border-radius: .25rem .25rem 0 0; border-radius: .25rem .25rem 0 0; margin: -1px -1px 0 -1px; padding: 35px 30px; background: #1873d2 url('../img/faq-search.jpg') no-repeat 50% 50%; background-size: cover; } .faq-page-header-search .search { position: relative; } .faq-page-header-search .form-control { border: none; padding-right: 44px; } .faq-page-header-search .find { display: block; width: 44px; height: 36px; position: absolute; right: 0; top: 0; text-align: center; border: none; background: none; color: #adb7be; } .faq-page-header-search .find:hover { color: #00a8ff; } .faq-page-header-search .find .font-icon { position: relative; top: 1px; } .faq-page-cats { padding: 45px 30px 0; border-bottom: solid 1px #d8e2e7; } .faq-page-cats .faq-page-cat { text-align: center; margin: 0 0 40px; } .faq-page-cats .faq-page-cat-icon { margin: 0 0 25px; } .faq-page-cats .faq-page-cat-icon img { height: 80px; } .faq-page-cats .faq-page-cat-title { font-size: 1.25rem /*20/16*/; margin: 0 0 .5rem; } .faq-page-cats .faq-page-cat-title a { color: #343434; } .faq-page-cats .faq-page-cat-title a:hover { color: #00a8ff; } .faq-page-cats .faq-page-cat-txt { color: #919fa9; } .faq-page-questions { padding: 25px 30px 30px; } .faq-page-questions > h1, .faq-page-questions > h2, .faq-page-questions > h3, .faq-page-questions > h4 { text-align: center; margin-bottom: 25px; } .faq-page-questions .faq-page-quest { margin: 0 0 22px; } .faq-page-questions .faq-page-quest-title { font-weight: 600; margin: 0 0 5px; } .faq-page-questions .faq-page-quest-title a { text-decoration: none; color: #0082c6; border: none; } .faq-page-questions .faq-page-quest-title a:hover { color: #fa424a; } /* ========================================================================== Add customers ========================================================================== */ .add-customers-screen { text-align: center; display: table; width: 100%; height: 100%; } .add-customers-screen .add-customers-screen-in { display: table-cell; vertical-align: middle; padding: 15px; } .add-customers-screen .add-customers-screen-user { width: 80px; height: 80px; margin: 0 auto 1.5rem; border: solid 1px #c5d6de; text-align: center; line-height: 78px; -webkit-border-radius: 5px; border-radius: 5px; color: #adb7be; font-size: 2.5rem; } .add-customers-screen .add-customers-screen-user .font-icon { line-height: inherit; vertical-align: middle; } .add-customers-screen .lead { font-size: 1.5rem; } .add-customers-screen .btn { margin: 1rem 0 0; } /* ========================================================================== Documentation ========================================================================== */ .documentation-meta { padding: 0 0 14px; border-bottom: solid 1px #c5d6de; } .documentation-meta p { margin: 10px 0; } .documentation-meta .inline { display: inline; margin: 0 30px 0 0; } .documentation-meta a { color: #343434; } .documentation-meta a:hover { color: #00a8ff; } .documentation-header { margin: 0 0 .75rem; } .documentation-header h1, .documentation-header h2, .documentation-header h3, .documentation-header h4, .documentation-header h5, .documentation-header h6, .documentation-header .lead { margin: 0 0 .5rem; } .documentation-header-by { color: #919fa9; } .documentation-header-by a { color: #343434; } .documentation-header-by a:hover { color: #00a8ff; } .documentation-header-by .avatar-preview { margin: 0 5px; position: relative; top: -1px; } /* ========================================================================== Icons page ========================================================================== */ .bs-glyphicons { zoom: 1; *zoom: 1; margin: 1rem 0 0; } .bs-glyphicons:before, .bs-glyphicons:after { content: " "; display: table; } .bs-glyphicons:after { clear: both; } .bs-glyphicons .bs-glyphicons-list { zoom: 1; *zoom: 1; } .bs-glyphicons .bs-glyphicons-list:before, .bs-glyphicons .bs-glyphicons-list:after { content: " "; display: table; } .bs-glyphicons .bs-glyphicons-list:after { clear: both; } .bs-glyphicons li { float: left; width: 25%; height: 115px; padding: 10px; font-size: 10px; line-height: 1.4; text-align: center; background-color: #f9f9f9; border: 1px solid #fff; } .bs-glyphicons li:hover { color: #fff; background-color: #00a8ff; } .bs-glyphicons li:hover .glyphicon, .bs-glyphicons li:hover .font-icon { color: #fff; } .bs-glyphicons .glyphicon, .bs-glyphicons .font-icon { margin-top: 5px; margin-bottom: 10px; font-size: 24px; color: #adb7be; } .bs-glyphicons .glyphicon-class { display: block; text-align: center; word-wrap: break-word; } @media (min-width: 768px) { .bs-glyphicons li { width: 12.5%; font-size: 14px; } } .flag-icon-list .flag-wrapper { width: 100%; display: inline-block; position: relative; -webkit-box-shadow: 0 0 2px black; box-shadow: 0 0 2px black; overflow: hidden; margin: 10px 0; } .flag-icon-list .flag-wrapper:after { padding-top: 75%; display: block; content: ''; } .flag-icon-list .flag { position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: 100%; height: 100%; background-size: cover; } .flag-icon-list .flag-icon-background { background-size: contain; background-position: 50%; background-repeat: no-repeat; } .fontawesome-icon-list > div { margin-bottom: 10px; } .fontawesome-icon-list a { text-decoration: none; color: #343434; border: none; } .fontawesome-icon-list a:hover { color: #0082c6; } .fontawesome-icon-list .fa { color: #adb7be; } /* ========================================================================== Ribbons ========================================================================== */ .ribbon-block { background: #ffffff; padding: 30px; border: 1px solid #c5d6de; margin-bottom: 30px; position: relative; min-height: 175px; } .ribbon-block .block-icon { font-size: 84px; color: #c3cbd2; position: relative; } .ribbon-block .title { display: block; font-size: 15px; margin-top: 10px; position: relative; } .ribbon-block.with-bg { background-color: #00a8ff; border-color: #00a8ff; color: #ffffff; } .ribbon-block.with-bg .block-icon { color: #ffffff; } .ribbon-block.with-image { background-color: #343434; color: #ffffff; } .ribbon-block.with-image .block-icon { color: #ffffff; } .ribbon-block.with-image .background-image { background-size: cover; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; z-index: 0; opacity: .4; } .messenger .chat-list-settings-header .description { padding-top: 8px; } .messenger .chat-list-settings-header .action { font-size: 1rem; padding-top: 8px; } .messenger .chat-list-settings-header .action a { font-size: 1.1rem; color: #c3cbd2; } .messenger .chat-list-settings-header .action a:hover { color: #00a8ff; } .messenger .chat-list { float: left; width: 300px; position: relative; z-index: 2; } .messenger .chat-area { float: right; width: 100%; margin-left: -300px; margin-right: -300px; } .messenger .chat-area-in { margin-left: 300px; border-left: solid 1px #d8e2e7; margin-right: 300px; } .messenger .chat-list-info { float: right; width: 300px; position: relative; z-index: 2; } .messenger .chat-area-header { padding: 0; } .messenger .chat-area-bottom { border-right: solid 1px #d8e2e7; } .messenger .chat-area-bottom, .messenger .write-message { padding: 0; } .messenger .write-message textarea { border: none; height: 60px; padding-right: 45px; padding-top: 13px; } .messenger .write-message .form-group { position: relative; } .messenger .dropdown-typical.attach { position: absolute !important; right: 0 !important; top: 14px !important; } .messenger .write-message .attach span.font-icon { font-size: 1rem !important; } .messenger .chat-area-header .chat-list-item.online { text-align: center; } .messenger .chat-dialog-area { border-right: solid 1px #d8e2e7; } .messenger .chat-user-info { border-bottom: solid 1px #d8e2e7; } .messenger .chat-settings { padding: 15px; border-bottom: solid 1px #d8e2e7; } .messenger .checkbox-bird { display: inline-block !important; } .messenger .checkbox-bird input + label:before { content: " "; -webkit-border-radius: 12px; border-radius: 12px; width: 18px; height: 18px; } .messenger .checkbox-bird.green input + label:before, .messenger .checkbox-bird.green input:checked + label:before, .messenger .messenger-message-container.from.bg-green .messages .message div { background: #44BFC7; color: #44BFC7; } .messenger .checkbox-bird.yellow input + label:before, .messenger .checkbox-bird.yellow input:checked + label:before, .messenger .messenger-message-container.from.bg-yellow .messages .message div { background: #FFC10A; color: #FFC10A; } .messenger .checkbox-bird.blue input + label:before, .messenger .checkbox-bird.blue input:checked + label:before, .messenger .messenger-message-container.from.bg-blue .messages .message div { background: #00a8ff; color: #00a8ff; } .messenger .checkbox-bird.red input + label:before, .messenger .checkbox-bird.red input:checked + label:before, .messenger .messenger-message-container.from.bg-red .messages .message div { background: #F33D4C; color: #F33D4C; } .messenger .checkbox-bird.pink input + label:before, .messenger .checkbox-bird.pink input:checked + label:before, .messenger .messenger-message-container.from.bg-pink .messages .message div { background: #D797BC; color: #D797BC; } .messenger .checkbox-bird.blue-light input + label:before, .messenger .checkbox-bird.blue-light input:checked + label:before, .messenger .messenger-message-container.from.bg-blue-light .messages .message div { background: #1FCCF4; color: #1FCCF4; } .messenger .checkbox-bird.green-dark input + label:before, .messenger .checkbox-bird.green-dark input:checked + label:before, .messenger .messenger-message-container.from.bg-green-dark .messages .message div { background: #69B869; color: #69B869; } .messenger .checkbox-bird.purple-light input + label:before, .messenger .checkbox-bird.purple-light input:checked + label:before, .messenger .messenger-message-container.from.bg-purple-light .messages .message div { background: #669ACC; color: #669ACC; } .messenger .checkbox-bird.lime input + label:before, .messenger .checkbox-bird.lime input:checked + label:before, .messenger .messenger-message-container.from.bg-lime .messages .message div { background: #14C918; color: #14C918; } .messenger .checkbox-bird.orange input + label:before, .messenger .checkbox-bird.orange input:checked + label:before, .messenger .messenger-message-container.from.bg-orange .messages .message div { background: #FF7E2A; color: #FF7E2A; } .messenger .checkbox-bird.pink-dark input + label:before, .messenger .checkbox-bird.pink-dark input:checked + label:before, .messenger .messenger-message-container.from.bg-pink-dark .messages .message div { background: #E68485; color: #E68485; } .messenger .checkbox-bird.purple input + label:before, .messenger .checkbox-bird.purple input:checked + label:before, .messenger .messenger-message-container.from.bg-purple .messages .message div { background: #7645FF; color: #7645FF; } .messenger .checkbox-bird input:checked + label:before { content: "\55"; background: none !important; line-height: 18px; } .messenger .checkbox-bird { margin: 0; } .messenger .checkbox-bird input + label { padding: 0; margin: 0; } .chat-settings .item { margin-bottom: 10px; } .chat-settings .item a { color: #343434; display: inline-block; } .chat-settings .item a .font-icon { font-size: .875rem; display: inline-block; margin-right: 5px; color: #c3cbd2; } .chat-settings .item a:hover, .chat-settings .item a:hover .font-icon { color: #00a8ff; } .chat-settings .checkbox-toggle { margin-bottom: 0; } .chat-profiles header { color: #919fa9; margin-bottom: 5px; } .chat-profiles { padding: 15px; } .messenger-dialog-area { padding: 15px; } .messenger-message-container, .messenger-message-container .messages ul { display: table; } .messenger-message-container .messages ul { width: 70%; } .messenger-message-container.from .messages ul { float: right; } .messenger-message-container .avatar, .messenger-message-container .messages, .messenger-message-container .messages .message, .messenger-message-container .messages .time-ago { display: table-cell; } .messenger-message-container .avatar { vertical-align: bottom; padding-right: 10px; } .messenger-message-container.from .avatar { padding-right: 0; padding-left: 10px; } .messenger-message-container .messages .message { width: 100%; } .messenger-message-container .messages .message div { background: #EDF2F6; display: inline-block; padding: 10px; -webkit-border-radius: 22px; border-radius: 22px; font-size: .950rem; } .messenger-message-container { margin-bottom: 5px; } .messenger-message-container .messages .time-ago { vertical-align: middle; font-size: .875rem; color: #adb7be; padding-left: 10px; } .messenger-message-container.from .messages .time-ago { padding-right: 10px; } .messenger-message-container .messages li { margin-bottom: 5px; } .messenger-message-container .messages li:last-child { margin-bottom: 0; } .messenger-message-container.from .messages .message div { color: #fff !important; } .messenger-message-container .avatar img { width: 32px; height: 32px; -webkit-border-radius: 50%; border-radius: 50%; } .messenger-message-container.from .messages li { float: right; } .chat-list-info .chat-list-settings-header { text-align: right; padding-top: 20px; } .chat-list-info .chat-list-settings-header a { color: #C3CAD0; font-size: 1.1rem; display: inline-block; margin-left: 10px; } .chat-list-info .chat-list-settings-header a:hover { color: #00a8ff; } @media (max-width: 767px) { .messenger .chat-list { float: none; width: auto; } .messenger .chat-area { float: none; width: auto; margin-left: 0; } .messenger .chat-area-in { float: none; margin-left: 0; width: auto; border-left: none; } .messenger .chat-list-info { float: none; margin-left: 0; width: auto; border-left: none; } .messenger .chat-list-info .chat-list-settings-header { text-align: left; } .messenger .chat-list-in { height: auto !important; border-bottom: solid 1px #d8e2e7; } } @media (max-width: 991px) { .messenger .messenger-message-container .messages ul { width: 100%; } } @media (max-width: 1199px) { .messenger .messenger-message-container .messages ul { width: 100%; } } @media (max-width: 1499px) { .messenger .messenger-message-container .messages ul { width: 100%; } } .invoice h5 { color: #343434; font-weight: 600; font-size: 1.125rem; } .invoice .company-info h5 { margin-bottom: 5px; } .invoice .invoice-block { margin-top: 30px; } .invoice .invoice-block div { margin-bottom: 10px; } .invoice .payment-details { margin-top: 25px; float: right; width: 500px; border: 1px solid #d8e2e7; -webkit-border-radius: 4px; border-radius: 4px; padding: 25px; } .invoice .payment-details strong { display: block; margin-bottom: 25px; } .invoice .payment-details table { width: 100%; } .invoice .payment-details table td { padding-bottom: 10px; } .invoice .payment-details table tr:first-child td { padding-bottom: 25px; } .invoice .payment-details table tr:last-child td { padding-bottom: 0; } .invoice .payment-details table td { width: 50%; } .invoice .table-details { margin-top: 35px; margin-bottom: 35px; } .invoice .terms-and-conditions strong { display: block; margin-bottom: 10px; } .invoice .total-amount { width: 300px; float: right; } .invoice .total-amount div { margin-bottom: 15px; padding-left: 30px; } .invoice .total-amount .colored { color: #00A8FF; } .invoice .total-amount .actions { margin-top: 35px; padding-left: 0; } .invoice .total-amount .actions .btn { min-width: 120px; margin-right: 20px; } .invoice .total-amount .actions .btn:last-child { margin-right: 0; } @media (max-width: 1199px) { .invoice .payment-details { width: 354px; } .invoice .total-amount, .invoice .payment-details { float: none; } .invoice .total-amount { margin-top: 35px; } } @media (max-width: 991px) { .invoice .payment-details { width: 500px; } .invoice .invoice-info { margin-top: 35px; } }