blob: 2596d1e1bfb69cc319a671bcd1d13229f399ba87 [file] [log] [blame]
/* navbar */
.navbar-inverse {
background-color: #0071c5;
border-color: #E7E7E7;
}
.navbar-inverse .navbar-brand {
color: #f3f3f3;
}
.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
color: #fff;
background-color: transparent;
}
/* Make the brand icon look right */
.navbar-brand {
padding: 0px 0px;
}
.navbar-inverse .navbar-text {
color: #f3f3f3;
}
.navbar-inverse .navbar-nav>li>a {
color: #f3f3f3;
}
.navbar-inverse .navbar-nav>li>a:hover,
.navbar-inverse .navbar-nav>li>a:focus {
color: #fff;
background-color: transparent;
}
.navbar-inverse .navbar-nav>.active>a,
.navbar-inverse .navbar-nav>.active>a:hover,
.navbar-inverse .navbar-nav>.active>a:focus {
color: #fff;
background-color: #080808;
}
.navbar-inverse .navbar-nav>.disabled>a,
.navbar-inverse .navbar-nav>.disabled>a:hover,
.navbar-inverse .navbar-nav>.disabled>a:focus {
color: #444;
background-color: transparent;
}
.navbar-inverse .navbar-toggle {
border-color: #333;
}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
background-color: #333;
}
.navbar-inverse .navbar-toggle .icon-bar {
background-color: #fff;
}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
border-color: #0071c5;
}
.navbar-inverse .navbar-nav>.open>a,
.navbar-inverse .navbar-nav>.open>a:hover,
.navbar-inverse .navbar-nav>.open>a:focus {
color: #fff;
background-color: #0071c5;
}
@media (max-width: 767px) {
.navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header {
border-color: #0071c5;
}
.navbar-inverse .navbar-nav .open .dropdown-menu .divider {
background-color: #0071c5;
}
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
color: #f3f3f3;
}
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover,
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus {
color: #fff;
background-color: transparent;
}
.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,
.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover,
.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus {
color: #fff;
background-color: #0071c5;
}
.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,
.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover,
.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus {
color: #444;
background-color: transparent;
}
}
.navbar-inverse .navbar-link {
color: #f3f3f3;
}
.navbar-inverse .navbar-link:hover {
color: #fff;
}
.navbar-inverse .btn-link {
color: #f3f3f3;
}
.navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link:focus {
color: #fff;
}
.navbar-inverse .btn-link[disabled]:hover,
fieldset[disabled] .navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link[disabled]:focus,
fieldset[disabled] .navbar-inverse .btn-link:focus {
color: #444;
}
/* Collapse the navbar at 900 pixels*/
@media (max-width: 900px) {
.navbar-header {
float: none;
}
.navbar-left,
.navbar-right {
float: none !important;
}
.navbar-toggle {
display: block;
}
.navbar-collapse {
border-top: 1px solid transparent;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
}
.navbar-fixed-top {
top: 0;
border-width: 0 0 1px;
}
.navbar-collapse.collapse {
display: none!important;
}
.navbar-nav {
float: none!important;
margin-top: 7.5px;
}
.navbar-nav>li {
float: none;
}
.navbar-nav>li>a {
padding-top: 10px;
padding-bottom: 10px;
}
.collapse.in {
display: block !important;
}
}
.system-status-table>tbody>tr>td,
.system-status-table>thead>tr>th {
text-align: left;
}
/*Push the first column right*/
.system-status-table {
font-size: small;
}
.col-fixed-450 {
width: 450px;
position: fixed;
height: 100%;
}
/* JSON pretty print for the Rest API*/
/* source https://rawgit.com/google/code-prettify/master/styles/index.html*/
/* Pretty printing styles. Used with prettify.js. */
/* Vim sunburst theme by David Leibovic */
pre .str,
code .str {
color: #65B042;
}
/* string - green */
pre .kwd,
code .kwd {
color: #E28964;
}
/* keyword - dark pink */
pre .com,
code .com {
color: #AEAEAE;
font-style: italic;
}
/* comment - gray */
pre .typ,
code .typ {
color: #89bdff;
}
/* type - light blue */
pre .lit,
code .lit {
color: #3387CC;
}
/* literal - blue */
pre .pun,
code .pun {
color: #fff;
}
/* punctuation - white */
pre .pln,
code .pln {
color: #fff;
}
/* plaintext - white */
pre .tag,
code .tag {
color: #89bdff;
}
/* html/xml tag - light blue */
pre .atn,
code .atn {
color: #bdb76b;
}
/* html/xml attribute name - khaki */
pre .atv,
code .atv {
color: #65B042;
}
/* html/xml attribute value - green */
pre .dec,
code .dec {
color: #3387CC;
}
/* decimal - blue */
pre.prettyprint,
code.prettyprint {
background-color: #000;
border-radius: 8px;
}
pre.prettyprint {
width: 95%;
margin: 1em auto;
padding: 1em;
white-space: pre-wrap;
}
.table td.fit,
.table th.fit {
white-space: nowrap;
width: 1%;
}
/* Specify class=linenums on a pre to get line numbering */
ol.linenums {
margin-top: 0;
margin-bottom: 0;
color: #AEAEAE;
}
/* IE indents via margin-left */
li.L0,
li.L1,
li.L2,
li.L3,
li.L5,
li.L6,
li.L7,
li.L8 {
list-style-type: none
}
/* Alternate shading for lines */
li.L1,
li.L3,
li.L5,
li.L7,
li.L9 {}
@media print {
pre .str,
code .str {
color: #060;
}
pre .kwd,
code .kwd {
color: #006;
font-weight: bold;
}
pre .com,
code .com {
color: #600;
font-style: italic;
}
pre .typ,
code .typ {
color: #404;
font-weight: bold;
}
pre .lit,
code .lit {
color: #044;
}
pre .pun,
code .pun {
color: #440;
}
pre .pln,
code .pln {
color: #000;
}
pre .tag,
code .tag {
color: #006;
font-weight: bold;
}
pre .atn,
code .atn {
color: #404;
}
pre .atv,
code .atv {
color: #060;
}
}
/*
* Component: Box
* --------------
*/
.box {
position: relative;
border-radius: 3px;
background: #ffffff;
border-top: 3px solid #d2d6de;
margin-bottom: 20px;
width: 100%;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
.box.box-primary {
border-top-color: #0071c5;
}
.box.box-info {
border-top-color: #00c0ef;
}
.box.box-danger {
border-top-color: #dd4b39;
}
.box.box-warning {
border-top-color: #f39c12;
}
.box.box-success {
border-top-color: #00a65a;
}
.box.box-default {
border-top-color: #d2d6de;
}
.box.collapsed-box .box-body,
.box.collapsed-box .box-footer {
display: none;
}
.box .nav-stacked>li {
border-bottom: 1px solid #f4f4f4;
margin: 0;
}
.box .nav-stacked>li:last-of-type {
border-bottom: none;
}
.box.height-control .box-body {
max-height: 300px;
overflow: auto;
}
.box .border-right {
border-right: 1px solid #f4f4f4;
}
.box .border-left {
border-left: 1px solid #f4f4f4;
}
.box.box-solid {
border-top: 0;
}
.box.box-solid>.box-header .btn.btn-default {
background: transparent;
}
.box.box-solid>.box-header .btn:hover,
.box.box-solid>.box-header a:hover {
background: rgba(0, 0, 0, 0.1);
}
.box.box-solid.box-default {
border: 1px solid #d2d6de;
}
.box.box-solid.box-default>.box-header {
color: #444444;
background: #d2d6de;
background-color: #d2d6de;
}
.box.box-solid.box-default>.box-header a,
.box.box-solid.box-default>.box-header .btn {
color: #444444;
}
.box.box-solid.box-primary {
border: 1px solid #0071c5;
}
.box.box-solid.box-primary>.box-header {
color: #ffffff;
background: #0071c5;
background-color: #0071c5;
}
.box.box-solid.box-primary>.box-header a,
.box.box-solid.box-primary>.box-header .btn {
color: #ffffff;
}
.box.box-solid.box-info {
border: 1px solid #00c0ef;
}
.box.box-solid.box-info>.box-header {
color: #ffffff;
background: #00c0ef;
background-color: #00c0ef;
}
.box.box-solid.box-info>.box-header a,
.box.box-solid.box-info>.box-header .btn {
color: #ffffff;
}
.box.box-solid.box-danger {
border: 1px solid #dd4b39;
}
.box.box-solid.box-danger>.box-header {
color: #ffffff;
background: #dd4b39;
background-color: #dd4b39;
}
.box.box-solid.box-danger>.box-header a,
.box.box-solid.box-danger>.box-header .btn {
color: #ffffff;
}
.box.box-solid.box-warning {
border: 1px solid #f39c12;
}
.box.box-solid.box-warning>.box-header {
color: #ffffff;
background: #f39c12;
background-color: #f39c12;
}
.box.box-solid.box-warning>.box-header a,
.box.box-solid.box-warning>.box-header .btn {
color: #ffffff;
}
.box.box-solid.box-success {
border: 1px solid #00a65a;
}
.box.box-solid.box-success>.box-header {
color: #ffffff;
background: #00a65a;
background-color: #00a65a;
}
.box.box-solid.box-success>.box-header a,
.box.box-solid.box-success>.box-header .btn {
color: #ffffff;
}
.box.box-solid>.box-header>.box-tools .btn {
border: 0;
box-shadow: none;
}
.box.box-solid[class*='bg']>.box-header {
color: #fff;
}
.box .box-group>.box {
margin-bottom: 5px;
}
.box .knob-label {
text-align: center;
color: #333;
font-weight: 100;
font-size: 12px;
margin-bottom: 0.3em;
}
.box>.overlay,
.overlay-wrapper>.overlay,
.box>.loading-img,
.overlay-wrapper>.loading-img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.box .overlay,
.overlay-wrapper .overlay {
z-index: 50;
background: rgba(255, 255, 255, 0.7);
border-radius: 3px;
}
.box .overlay>.fa,
.overlay-wrapper .overlay>.fa {
position: absolute;
top: 50%;
left: 50%;
margin-left: -15px;
margin-top: -15px;
color: #000;
font-size: 30px;
}
.box .overlay.dark,
.overlay-wrapper .overlay.dark {
background: rgba(0, 0, 0, 0.5);
}
.box-header:before,
.box-body:before,
.box-footer:before,
.box-header:after,
.box-body:after,
.box-footer:after {
content: " ";
display: table;
}
.box-header:after,
.box-body:after,
.box-footer:after {
clear: both;
}
.box-header {
color: #444;
display: block;
padding: 10px;
position: relative;
}
.box-header.with-border {
border-bottom: 1px solid #f4f4f4;
}
.collapsed-box .box-header.with-border {
border-bottom: none;
}
.box-header>.fa,
.box-header>.glyphicon,
.box-header>.ion,
.box-header .box-title {
display: inline-block;
font-size: 18px;
margin: 0;
line-height: 1;
}
.box-header>.fa,
.box-header>.glyphicon,
.box-header>.ion {
margin-right: 5px;
}
.box-header>.box-tools {
position: absolute;
right: 10px;
top: 5px;
}
.box-header>.box-tools [data-toggle="tooltip"] {
position: relative;
}
.box-header>.box-tools.pull-right .dropdown-menu {
right: 0;
left: auto;
}
.btn-box-tool {
padding: 5px;
font-size: 12px;
background: transparent;
color: #97a0b3;
}
.open .btn-box-tool,
.btn-box-tool:hover {
color: #606c84;
}
.btn-box-tool.btn:active {
box-shadow: none;
}
.box-body {
border-top-left-radius: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
padding: 10px;
}
.no-header .box-body {
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.box-body>.table {
margin-bottom: 0;
}
.box-body .fc {
margin-top: 5px;
}
.box-body .full-width-chart {
margin: -19px;
}
.box-body.no-padding .full-width-chart {
margin: -9px;
}
.box-body .box-pane {
border-top-left-radius: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 3px;
}
.box-body .box-pane-right {
border-top-left-radius: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 0;
}
.box-footer {
border-top-left-radius: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
border-top: 1px solid #f4f4f4;
padding: 10px;
background-color: #ffffff;
}
.chart-legend {
margin: 10px 0;
}
@media (max-width: 991px) {
.chart-legend>li {
float: left;
margin-right: 10px;
}
}
.box-comments {
background: #f7f7f7;
}
.box-comments .box-comment {
padding: 8px 0;
border-bottom: 1px solid #eee;
}
.box-comments .box-comment:before,
.box-comments .box-comment:after {
content: " ";
display: table;
}
.box-comments .box-comment:after {
clear: both;
}
.box-comments .box-comment:last-of-type {
border-bottom: 0;
}
.box-comments .box-comment:first-of-type {
padding-top: 0;
}
.box-comments .box-comment img {
float: left;
}
.box-comments .comment-text {
margin-left: 40px;
color: #555;
}
.box-comments .username {
color: #444;
display: block;
font-weight: 600;
}
.box-comments .text-muted {
font-weight: 400;
font-size: 12px;
}
.table-striped-invert>tbody>tr:nth-child(2n+1)>td,
.table-striped>tbody>tr:nth-child(2n+1)>th {
background-color: #ffffff;
}
.div-fake-hidden {
width: 0px;
height: 0px;
overflow: hidden;
}
::-webkit-scrollbar {
width: .5em;
height: .5em
}
body.blur-theme::before,
body.mobile.blur-theme .body-bg::before {
content: '';
height: 100%;
top: 0;
left: 0;
z-index: -1;
width: 100%;
will-change: transform
}
::-webkit-scrollbar-thumb {
background: #d9d9d9;
cursor: pointer
}
::-webkit-scrollbar-track {
background: 0 0
}
body {
scrollbar-face-color: #d9d9d9;
scrollbar-track-color: transparent;
font: 14px/16px Roboto, sans-serif;
color: #666;
background-color: #F0F3F4
}
body,
html {
min-height: 100%;
min-width: 320px
}
body.blur-theme::before {
position: fixed;
background: url(../../static/img/blur-bg.jpg) center center no-repeat;
background-size: cover
}
body.mobile {
background: 0 0
}
body.mobile .body-bg {
display: block;
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
background-attachment: inherit;
background-color: #F0F3F4
}
body.mobile.blur-theme .body-bg::before {
position: fixed;
background: url(../../static/img/blur-bg.jpg) center center no-repeat;
background-size: cover
}
@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
body,
html {
height: 100%
}
html {
overflow: hidden
}
body {
overflow: auto
}
}
a {
-webkit-transition: color .5s ease;
transition: color .5s ease;
outline: 0!important
}
.body-bg {
display: none
}
.al-header {
display: block;
height: 49px;
margin: 0;
background-repeat: repeat-x;
position: relative;
z-index: 905;
color: #444
}
.al-main {
margin-left: 180px;
padding: 66px 0 34px;
min-height: 500px
}
.al-footer {
height: 34px;
padding: 0 18px 0 180px;
width: 100%;
position: absolute;
display: block;
bottom: 0;
font-size: 13px;
color: #666;
-webkit-transition: padding-left .5s ease;
transition: padding-left .5s ease
}
.al-footer-main {
float: left;
margin-left: 15px
}
.al-copy {
float: left
}
.al-footer-right {
float: right;
margin-right: 12px
}
.al-share,
.al-share li {
list-style: none;
float: left
}
.al-footer-right i {
margin: 0 4px;
color: #e85656;
font-size: 12px
}
.al-footer-right a {
margin-left: 4px;
color: #666
}
.al-footer-right a:hover {
color: #e85656
}
.al-share {
margin: -6px 0 0 12px;
padding: 0
}
.al-share li {
margin-left: 16px
}
.al-share li i {
cursor: pointer;
-webkit-transition: all .1s ease;
transition: all .1s ease;
color: #fff;
padding: 6px;
box-sizing: content-box;
font-size: 16px
}
.al-share li i:hover {
-webkit-transform: scale(1.2);
transform: scale(1.2)
}
.al-share li i.fa-facebook-square {
color: #3b5998
}
.al-share li i.fa-twitter-square {
color: #55acee
}
.al-share li i.fa-google-plus-square {
color: #dd4b39
}
.al-content {
padding: 8px 32px 8px 40px
}
@media screen and (max-width: 500px) {
.al-content {
padding: 8px 20px
}
}
.vis-hidden {
visibility: hidden;
position: absolute;
top: -9999px;
left: -9999px
}
.icon-down,
.icon-up {
width: 5px;
height: 13px;
display: block
}
.icon-up {
background: url(../assets/img/arrow-green-up.svg) no-repeat
}
.icon-down {
background: url(../assets/img/arrow-red-down.svg) no-repeat
}
.disable-text-selection {
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.align-right {
text-align: right
}
.amcharts-chart-div>a {
font-size: 6px!important
}
.content-panel {
padding-left: 22px;
padding-top: 26px
}
@media (max-width: 590px) {
.al-footer-right {
float: none;
margin-bottom: 19px;
margin-right: 0
}
.al-footer {
height: 76px;
text-align: center
}
.al-main {
padding-bottom: 76px
}
.al-footer-main {
float: none;
display: inline-block
}
}
.full-invisible,
.full-invisible * {
visibility: hidden!important
}
.irs-grid-text {
color: #666
}
.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus {
outline: 0
}
.btn {
border-radius: 5px;
-webkit-transition: all .1s ease;
transition: all .1s ease
}
button.progress-button.btn.btn-danger,
button.progress-button.btn.btn-default,
button.progress-button.btn.btn-info,
button.progress-button.btn.btn-primary,
button.progress-button.btn.btn-success,
button.progress-button.btn.btn-warning {
border-radius: 0
}
.btn:hover {
-webkit-transform: scale(1.2);
transform: scale(1.2)
}
.open>.btn.dropdown-toggle.btn.btn-primary {
background: #1b867b;
border-color: #1b867b
}
.open>.btn.dropdown-toggle.btn-success {
background: #7a9d00;
border-color: #7a9d00
}
.open>.btn.dropdown-toggle.btn-info {
background: #2692b2;
border-color: #2692b2
}
.open>.btn.dropdown-toggle.btn-warning {
background: #be9c18;
border-color: #be9c18
}
.open>.btn.dropdown-toggle.btn-danger {
background: #c54949;
border-color: #c54949
}
button.btn.btn-primary {
background: #209e91;
border-color: #209e91
}
button.btn.btn-primary.disabled,
button.btn.btn-primary.disabled.active,
button.btn.btn-primary.disabled.focus,
button.btn.btn-primary.disabled:active,
button.btn.btn-primary.disabled:focus,
button.btn.btn-primary.disabled:hover,
button.btn.btn-primary[disabled],
button.btn.btn-primary[disabled].active,
button.btn.btn-primary[disabled].focus,
button.btn.btn-primary[disabled]:active,
button.btn.btn-primary[disabled]:focus,
button.btn.btn-primary[disabled]:hover,
fieldset[disabled] button.btn.btn-primary,
fieldset[disabled] button.btn.btn-primary.active,
fieldset[disabled] button.btn.btn-primary.focus,
fieldset[disabled] button.btn.btn-primary:active,
fieldset[disabled] button.btn.btn-primary:focus,
fieldset[disabled] button.btn.btn-primary:hover {
background: #209e91;
border-color: #2caa9d
}
button.btn.btn-primary.disabled.active:hover,
button.btn.btn-primary.disabled.focus:hover,
button.btn.btn-primary.disabled:active:hover,
button.btn.btn-primary.disabled:focus:hover,
button.btn.btn-primary.disabled:hover,
button.btn.btn-primary.disabled:hover:hover,
button.btn.btn-primary[disabled].active:hover,
button.btn.btn-primary[disabled].focus:hover,
button.btn.btn-primary[disabled]:active:hover,
button.btn.btn-primary[disabled]:focus:hover,
button.btn.btn-primary[disabled]:hover,
button.btn.btn-primary[disabled]:hover:hover,
fieldset[disabled] button.btn.btn-primary.active:hover,
fieldset[disabled] button.btn.btn-primary.focus:hover,
fieldset[disabled] button.btn.btn-primary:active:hover,
fieldset[disabled] button.btn.btn-primary:focus:hover,
fieldset[disabled] button.btn.btn-primary:hover,
fieldset[disabled] button.btn.btn-primary:hover:hover {
-webkit-transform: none;
transform: none
}
button.btn.btn-primary.active,
button.btn.btn-primary.focus,
button.btn.btn-primary:active,
button.btn.btn-primary:focus,
button.btn.btn-primary:hover {
background: #209e91;
border-color: #088679
}
button.btn.btn-primary:active,
button.btn.btn-primary:target {
background-color: #1b867b
}
button.btn.btn-default {
border-width: 1px;
color: #666;
background: 0 0;
border-color: #d6d6d6
}
button.btn.btn-default.disabled,
button.btn.btn-default.disabled.active,
button.btn.btn-default.disabled.focus,
button.btn.btn-default.disabled:active,
button.btn.btn-default.disabled:focus,
button.btn.btn-default.disabled:hover,
button.btn.btn-default[disabled],
button.btn.btn-default[disabled].active,
button.btn.btn-default[disabled].focus,
button.btn.btn-default[disabled]:active,
button.btn.btn-default[disabled]:focus,
button.btn.btn-default[disabled]:hover,
fieldset[disabled] button.btn.btn-default,
fieldset[disabled] button.btn.btn-default.active,
fieldset[disabled] button.btn.btn-default.focus,
fieldset[disabled] button.btn.btn-default:active,
fieldset[disabled] button.btn.btn-default:focus,
fieldset[disabled] button.btn.btn-default:hover {
background: 0 0;
border-color: #e2e2e2
}
button.btn.btn-default.disabled.active:hover,
button.btn.btn-default.disabled.focus:hover,
button.btn.btn-default.disabled:active:hover,
button.btn.btn-default.disabled:focus:hover,
button.btn.btn-default.disabled:hover,
button.btn.btn-default.disabled:hover:hover,
button.btn.btn-default[disabled].active:hover,
button.btn.btn-default[disabled].focus:hover,
button.btn.btn-default[disabled]:active:hover,
button.btn.btn-default[disabled]:focus:hover,
button.btn.btn-default[disabled]:hover,
button.btn.btn-default[disabled]:hover:hover,
fieldset[disabled] button.btn.btn-default.active:hover,
fieldset[disabled] button.btn.btn-default.focus:hover,
fieldset[disabled] button.btn.btn-default:active:hover,
fieldset[disabled] button.btn.btn-default:focus:hover,
fieldset[disabled] button.btn.btn-default:hover,
fieldset[disabled] button.btn.btn-default:hover:hover {
-webkit-transform: none;
transform: none
}
button.btn.btn-default.active,
button.btn.btn-default.focus,
button.btn.btn-default:active,
button.btn.btn-default:focus,
button.btn.btn-default:hover {
background: 0 0;
border-color: #bebebe
}
button.btn.btn-default:active,
button.btn.btn-default:target {
background-color: rgba(0, 0, 0, .2);
color: #666
}
button.btn.btn-success {
background: #90b900;
border-color: #90b900
}
button.btn.btn-success.disabled,
button.btn.btn-success.disabled.active,
button.btn.btn-success.disabled.focus,
button.btn.btn-success.disabled:active,
button.btn.btn-success.disabled:focus,
button.btn.btn-success.disabled:hover,
button.btn.btn-success[disabled],
button.btn.btn-success[disabled].active,
button.btn.btn-success[disabled].focus,
button.btn.btn-success[disabled]:active,
button.btn.btn-success[disabled]:focus,
button.btn.btn-success[disabled]:hover,
fieldset[disabled] button.btn.btn-success,
fieldset[disabled] button.btn.btn-success.active,
fieldset[disabled] button.btn.btn-success.focus,
fieldset[disabled] button.btn.btn-success:active,
fieldset[disabled] button.btn.btn-success:focus,
fieldset[disabled] button.btn.btn-success:hover {
background: #90b900;
border-color: #9cc50c
}
button.btn.btn-success.disabled.active:hover,
button.btn.btn-success.disabled.focus:hover,
button.btn.btn-success.disabled:active:hover,
button.btn.btn-success.disabled:focus:hover,
button.btn.btn-success.disabled:hover,
button.btn.btn-success.disabled:hover:hover,
button.btn.btn-success[disabled].active:hover,
button.btn.btn-success[disabled].focus:hover,
button.btn.btn-success[disabled]:active:hover,
button.btn.btn-success[disabled]:focus:hover,
button.btn.btn-success[disabled]:hover,
button.btn.btn-success[disabled]:hover:hover,
fieldset[disabled] button.btn.btn-success.active:hover,
fieldset[disabled] button.btn.btn-success.focus:hover,
fieldset[disabled] button.btn.btn-success:active:hover,
fieldset[disabled] button.btn.btn-success:focus:hover,
fieldset[disabled] button.btn.btn-success:hover,
fieldset[disabled] button.btn.btn-success:hover:hover {
-webkit-transform: none;
transform: none
}
button.btn.btn-success.active,
button.btn.btn-success.focus,
button.btn.btn-success:active,
button.btn.btn-success:focus,
button.btn.btn-success:hover {
background: #90b900;
border-color: #78a100
}
button.btn.btn-success:active,
button.btn.btn-success:target {
background-color: #7a9d00
}
button.btn.btn-info {
background: #2dacd1;
border-color: #2dacd1
}
button.btn.btn-info.disabled,
button.btn.btn-info.disabled.active,
button.btn.btn-info.disabled.focus,
button.btn.btn-info.disabled:active,
button.btn.btn-info.disabled:focus,
button.btn.btn-info.disabled:hover,
button.btn.btn-info[disabled],
button.btn.btn-info[disabled].active,
button.btn.btn-info[disabled].focus,
button.btn.btn-info[disabled]:active,
button.btn.btn-info[disabled]:focus,
button.btn.btn-info[disabled]:hover,
fieldset[disabled] button.btn.btn-info,
fieldset[disabled] button.btn.btn-info.active,
fieldset[disabled] button.btn.btn-info.focus,
fieldset[disabled] button.btn.btn-info:active,
fieldset[disabled] button.btn.btn-info:focus,
fieldset[disabled] button.btn.btn-info:hover {
background: #2dacd1;
border-color: #39b8dd
}
button.btn.btn-info.disabled.active:hover,
button.btn.btn-info.disabled.focus:hover,
button.btn.btn-info.disabled:active:hover,
button.btn.btn-info.disabled:focus:hover,
button.btn.btn-info.disabled:hover,
button.btn.btn-info.disabled:hover:hover,
button.btn.btn-info[disabled].active:hover,
button.btn.btn-info[disabled].focus:hover,
button.btn.btn-info[disabled]:active:hover,
button.btn.btn-info[disabled]:focus:hover,
button.btn.btn-info[disabled]:hover,
button.btn.btn-info[disabled]:hover:hover,
fieldset[disabled] button.btn.btn-info.active:hover,
fieldset[disabled] button.btn.btn-info.focus:hover,
fieldset[disabled] button.btn.btn-info:active:hover,
fieldset[disabled] button.btn.btn-info:focus:hover,
fieldset[disabled] button.btn.btn-info:hover,
fieldset[disabled] button.btn.btn-info:hover:hover {
-webkit-transform: none;
transform: none
}
button.btn.btn-info.active,
button.btn.btn-info.focus,
button.btn.btn-info:active,
button.btn.btn-info:focus,
button.btn.btn-info:hover {
background: #2dacd1;
border-color: #1594b9
}
button.btn.btn-info:active,
button.btn.btn-info:target {
background-color: #2692b2
}
button.btn.btn-warning {
background: #dfb81c;
border-color: #dfb81c
}
button.btn.btn-warning.disabled,
button.btn.btn-warning.disabled.active,
button.btn.btn-warning.disabled.focus,
button.btn.btn-warning.disabled:active,
button.btn.btn-warning.disabled:focus,
button.btn.btn-warning.disabled:hover,
button.btn.btn-warning[disabled],
button.btn.btn-warning[disabled].active,
button.btn.btn-warning[disabled].focus,
button.btn.btn-warning[disabled]:active,
button.btn.btn-warning[disabled]:focus,
button.btn.btn-warning[disabled]:hover,
fieldset[disabled] button.btn.btn-warning,
fieldset[disabled] button.btn.btn-warning.active,
fieldset[disabled] button.btn.btn-warning.focus,
fieldset[disabled] button.btn.btn-warning:active,
fieldset[disabled] button.btn.btn-warning:focus,
fieldset[disabled] button.btn.btn-warning:hover {
background: #dfb81c;
border-color: #ebc428
}
button.btn.btn-warning.disabled.active:hover,
button.btn.btn-warning.disabled.focus:hover,
button.btn.btn-warning.disabled:active:hover,
button.btn.btn-warning.disabled:focus:hover,
button.btn.btn-warning.disabled:hover,
button.btn.btn-warning.disabled:hover:hover,
button.btn.btn-warning[disabled].active:hover,
button.btn.btn-warning[disabled].focus:hover,
button.btn.btn-warning[disabled]:active:hover,
button.btn.btn-warning[disabled]:focus:hover,
button.btn.btn-warning[disabled]:hover,
button.btn.btn-warning[disabled]:hover:hover,
fieldset[disabled] button.btn.btn-warning.active:hover,
fieldset[disabled] button.btn.btn-warning.focus:hover,
fieldset[disabled] button.btn.btn-warning:active:hover,
fieldset[disabled] button.btn.btn-warning:focus:hover,
fieldset[disabled] button.btn.btn-warning:hover,
fieldset[disabled] button.btn.btn-warning:hover:hover {
-webkit-transform: none;
transform: none
}
button.btn.btn-warning.active,
button.btn.btn-warning.focus,
button.btn.btn-warning:active,
button.btn.btn-warning:focus,
button.btn.btn-warning:hover {
background: #dfb81c;
border-color: #c7a004
}
button.btn.btn-warning:active,
button.btn.btn-warning:target {
background-color: #be9c18
}
button.btn.btn-danger {
background: #e85656;
border-color: #e85656
}
button.btn.btn-danger.disabled,
button.btn.btn-danger.disabled.active,
button.btn.btn-danger.disabled.focus,
button.btn.btn-danger.disabled:active,
button.btn.btn-danger.disabled:focus,
button.btn.btn-danger.disabled:hover,
button.btn.btn-danger[disabled],
button.btn.btn-danger[disabled].active,
button.btn.btn-danger[disabled].focus,
button.btn.btn-danger[disabled]:active,
button.btn.btn-danger[disabled]:focus,
button.btn.btn-danger[disabled]:hover,
fieldset[disabled] button.btn.btn-danger,
fieldset[disabled] button.btn.btn-danger.active,
fieldset[disabled] button.btn.btn-danger.focus,
fieldset[disabled] button.btn.btn-danger:active,
fieldset[disabled] button.btn.btn-danger:focus,
fieldset[disabled] button.btn.btn-danger:hover {
background: #e85656;
border-color: #f46262
}
button.btn.btn-danger.disabled.active:hover,
button.btn.btn-danger.disabled.focus:hover,
button.btn.btn-danger.disabled:active:hover,
button.btn.btn-danger.disabled:focus:hover,
button.btn.btn-danger.disabled:hover,
button.btn.btn-danger.disabled:hover:hover,
button.btn.btn-danger[disabled].active:hover,
button.btn.btn-danger[disabled].focus:hover,
button.btn.btn-danger[disabled]:active:hover,
button.btn.btn-danger[disabled]:focus:hover,
button.btn.btn-danger[disabled]:hover,
button.btn.btn-danger[disabled]:hover:hover,
fieldset[disabled] button.btn.btn-danger.active:hover,
fieldset[disabled] button.btn.btn-danger.focus:hover,
fieldset[disabled] button.btn.btn-danger:active:hover,
fieldset[disabled] button.btn.btn-danger:focus:hover,
fieldset[disabled] button.btn.btn-danger:hover,
fieldset[disabled] button.btn.btn-danger:hover:hover {
-webkit-transform: none;
transform: none
}
button.btn.btn-danger.active,
button.btn.btn-danger.focus,
button.btn.btn-danger:active,
button.btn.btn-danger:focus,
button.btn.btn-danger:hover {
background: #e85656;
border-color: #d03e3e
}
button.btn.btn-danger:active,
button.btn.btn-danger:target {
background-color: #c54949
}
button.btn.btn-inverse {
background: #949494;
border-color: #949494;
color: #fff
}
button.btn.btn-inverse.disabled,
button.btn.btn-inverse.disabled.active,
button.btn.btn-inverse.disabled.focus,
button.btn.btn-inverse.disabled:active,
button.btn.btn-inverse.disabled:focus,
button.btn.btn-inverse.disabled:hover,
button.btn.btn-inverse[disabled],
button.btn.btn-inverse[disabled].active,
button.btn.btn-inverse[disabled].focus,
button.btn.btn-inverse[disabled]:active,
button.btn.btn-inverse[disabled]:focus,
button.btn.btn-inverse[disabled]:hover,
fieldset[disabled] button.btn.btn-inverse,
fieldset[disabled] button.btn.btn-inverse.active,
fieldset[disabled] button.btn.btn-inverse.focus,
fieldset[disabled] button.btn.btn-inverse:active,
fieldset[disabled] button.btn.btn-inverse:focus,
fieldset[disabled] button.btn.btn-inverse:hover {
background: #949494;
border-color: #a0a0a0
}
button.btn.btn-inverse.disabled.active:hover,
button.btn.btn-inverse.disabled.focus:hover,
button.btn.btn-inverse.disabled:active:hover,
button.btn.btn-inverse.disabled:focus:hover,
button.btn.btn-inverse.disabled:hover,
button.btn.btn-inverse.disabled:hover:hover,
button.btn.btn-inverse[disabled].active:hover,
button.btn.btn-inverse[disabled].focus:hover,
button.btn.btn-inverse[disabled]:active:hover,
button.btn.btn-inverse[disabled]:focus:hover,
button.btn.btn-inverse[disabled]:hover,
button.btn.btn-inverse[disabled]:hover:hover,
fieldset[disabled] button.btn.btn-inverse.active:hover,
fieldset[disabled] button.btn.btn-inverse.focus:hover,
fieldset[disabled] button.btn.btn-inverse:active:hover,
fieldset[disabled] button.btn.btn-inverse:focus:hover,
fieldset[disabled] button.btn.btn-inverse:hover,
fieldset[disabled] button.btn.btn-inverse:hover:hover {
-webkit-transform: none;
transform: none
}
button.btn.btn-inverse.active,
button.btn.btn-inverse.focus,
button.btn.btn-inverse:active,
button.btn.btn-inverse:focus,
button.btn.btn-inverse:hover {
background: #949494;
border-color: #7c7c7c
}
button.btn.btn-inverse:active,
button.btn.btn-inverse:hover,
button.btn.btn-inverse:target {
background-color: #949494;
color: #fff
}
.btn-with-icon i {
margin-right: 10px
}
.btn-group :hover,
.btn-toolbar :hover {
-webkit-transform: none;
transform: none
}
.btn-group button.btn.btn-primary {
border-color: #149285
}
.btn-group button.btn.btn-primary:hover {
border-color: #088679
}
.btn-group button.btn.btn-danger {
border-color: #dc4a4a
}
.btn-group button.btn.btn-danger:hover {
border-color: #d03e3e
}
.btn-group button.btn.btn-info {
border-color: #21a0c5
}
.btn-group button.btn.btn-info:hover {
border-color: #1594b9
}
.btn-group button.btn.btn-success {
border-color: #84ad00
}
.btn-group button.btn.btn-success:hover {
border-color: #78a100
}
.btn-group button.btn.btn-warning {
border-color: #d3ac10
}
.btn-group button.btn.btn-warning:hover {
border-color: #c7a004
}
.btn-group .dropdown-menu {
margin-top: 0
}
.btn-toolbar {
display: inline-block
}
.btn .caret {
margin-left: 2px
}
button.progress-button .progress {
margin-bottom: 0;
border-radius: 0
}
button.progress-button:hover {
-webkit-transform: none;
transform: none
}
button.progress-button.progress-button-style-shrink.btn.disabled.progress-button-dir-horizontal:hover {
-webkit-transform: scaleY(.3);
transform: scaleY(.3)
}
button.progress-button.progress-button-style-shrink.btn.disabled.progress-button-dir-vertical:hover {
-webkit-transform: scaleX(.1);
transform: scaleX(.1)
}
button.progress-button.btn.btn-primary .content:after,
button.progress-button.btn.btn-primary .content:before {
color: #000
}
button.progress-button.btn.btn-primary.progress-button-style-move-up .content,
button.progress-button.btn.btn-primary.progress-button-style-slide-down .content {
background-color: #17746a
}
button.progress-button.btn.btn-primary.progress-button-style-lateral-lines .progress-inner {
border-color: #17746a;
background: 0 0
}
button.progress-button.btn.btn-primary .progress {
background-color: #17746a;
box-shadow: 0 1px 0 #17746a
}
button.progress-button.btn.btn-primary .progress-inner {
background-color: #0f4943
}
button.progress-button.btn.btn-primary.progress-button-perspective {
background: 0 0
}
button.progress-button.btn.btn-primary.progress-button-perspective .content {
background-color: #209e91
}
button.progress-button.btn.btn-default .content:after,
button.progress-button.btn.btn-default .content:before {
color: #999
}
button.progress-button.btn.btn-default.progress-button-style-move-up .content,
button.progress-button.btn.btn-default.progress-button-style-slide-down .content {
background-color: #e6e6e6
}
button.progress-button.btn.btn-default.progress-button-style-lateral-lines .progress-inner {
border-color: #e6e6e6;
background: 0 0
}
button.progress-button.btn.btn-default .progress {
background-color: #e6e6e6;
box-shadow: 0 1px 0 #e6e6e6
}
button.progress-button.btn.btn-default .progress-inner {
background-color: #ccc
}
button.progress-button.btn.btn-default.progress-button-perspective {
background: 0 0
}
button.progress-button.btn.btn-default.progress-button-perspective .content {
background-color: #fff
}
button.progress-button.btn.btn-success .content:after,
button.progress-button.btn.btn-success .content:before {
color: #000
}
button.progress-button.btn.btn-success.progress-button-style-move-up .content,
button.progress-button.btn.btn-success.progress-button-style-slide-down .content {
background-color: #688600
}
button.progress-button.btn.btn-success.progress-button-style-lateral-lines .progress-inner {
border-color: #688600;
background: 0 0
}
button.progress-button.btn.btn-success .progress {
background-color: #688600;
box-shadow: 0 1px 0 #688600
}
button.progress-button.btn.btn-success .progress-inner {
background-color: #415300
}
button.progress-button.btn.btn-success.progress-button-perspective {
background: 0 0
}
button.progress-button.btn.btn-success.progress-button-perspective .content {
background-color: #90b900
}
button.progress-button.btn.btn-info .content:after,
button.progress-button.btn.btn-info .content:before {
color: #092229
}
button.progress-button.btn.btn-info.progress-button-style-move-up .content,
button.progress-button.btn.btn-info.progress-button-style-slide-down .content {
background-color: #2489a7
}
button.progress-button.btn.btn-info.progress-button-style-lateral-lines .progress-inner {
border-color: #2489a7;
background: 0 0
}
button.progress-button.btn.btn-info .progress {
background-color: #2489a7;
box-shadow: 0 1px 0 #2489a7
}
button.progress-button.btn.btn-info .progress-inner {
background-color: #1b677d
}
button.progress-button.btn.btn-info.progress-button-perspective {
background: 0 0
}
button.progress-button.btn.btn-info.progress-button-perspective .content {
background-color: #2dacd1
}
button.progress-button.btn.btn-warning .content:after,
button.progress-button.btn.btn-warning .content:before {
color: #2a2205
}
button.progress-button.btn.btn-warning.progress-button-style-move-up .content,
button.progress-button.btn.btn-warning.progress-button-style-slide-down .content {
background-color: #b29316
}
button.progress-button.btn.btn-warning.progress-button-style-lateral-lines .progress-inner {
border-color: #b29316;
background: 0 0
}
button.progress-button.btn.btn-warning .progress {
background-color: #b29316;
box-shadow: 0 1px 0 #b29316
}
button.progress-button.btn.btn-warning .progress-inner {
background-color: #846d11
}
button.progress-button.btn.btn-warning.progress-button-perspective {
background: 0 0
}
button.progress-button.btn.btn-warning.progress-button-perspective .content {
background-color: #dfb81c
}
button.progress-button.btn.btn-danger .content:after,
button.progress-button.btn.btn-danger .content:before {
color: #640e0e
}
button.progress-button.btn.btn-danger.progress-button-style-move-up .content,
button.progress-button.btn.btn-danger.progress-button-style-slide-down .content {
background-color: #e22929
}
button.progress-button.btn.btn-danger.progress-button-style-lateral-lines .progress-inner {
border-color: #e22929;
background: 0 0
}
button.progress-button.btn.btn-danger .progress {
background-color: #e22929;
box-shadow: 0 1px 0 #e22929
}
button.progress-button.btn.btn-danger .progress-inner {
background-color: #be1a1a
}
button.progress-button.btn.btn-danger.progress-button-perspective {
background: 0 0
}
button.progress-button.btn.btn-danger.progress-button-perspective .content {
background-color: #e85656
}
.btn-raised {
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .35)
}
.btn-mm {
padding: 5px 11px;
font-size: 13px
}
.btn-xm {
padding: 8px 14px;
font-size: 16px
}
.dropdown button.btn.btn-default.dropdown-toggle {
color: #666;
border: 1px solid #d6d6d6;
background-color: transparent
}
.dropdown button.btn.btn-default.dropdown-toggle:active,
.dropdown button.btn.btn-default.dropdown-toggle:focus {
background-color: #fff
}
.bootstrap-select .dropdown-toggle:focus {
outline: 0!important
}
.bootstrap-switch .bootstrap-switch-container:focus,
.bootstrap-switch:focus {
outline: 0
}
.bootstrap-select button.btn-default:focus {
color: #fff
}
.bootstrap-select .btn {
-webkit-transition: none;
transition: none
}
.label {
border-radius: 0
}
.label-primary {
background: #209e91
}
.label-info {
background: #63bbb2
}
.label-success {
background: #90b900
}
.label-warning {
background: #dfb81c
}
.label-danger {
background: #e85656
}
.form-horizontal label {
line-height: 34px;
margin-bottom: 0;
padding-top: 0!important
}
.form-group label {
margin-bottom: 5px;
color: #666;
font-weight: 400;
font-size: 13px
}
.form-control {
border: 1px solid #cbcbcb;
background-color: #fff;
box-shadow: none
}
.form-control::-webkit-input-placeholder {
color: #666;
opacity: .7
}
.form-control:-moz-placeholder {
color: #666;
opacity: .7
}
.form-control::-moz-placeholder {
color: #666;
opacity: .7
}
.form-control:-ms-input-placeholder {
color: #666;
opacity: .7
}
.form-control:focus {
box-shadow: none;
border-color: #4db1a7;
background: #fff
}
select.form-control {
padding-left: 8px
}
textarea.form-control {
height: 96px
}
.form-inline .form-group input {
width: 100%
}
.form-inline .form-group label {
margin-right: 12px
}
.form-inline button[type=submit] {
margin-left: 12px
}
.form-inline label.custom-checkbox>span,
.form-inline label.custom-radio>span {
display: block;
margin-top: -13px;
margin-right: 10px
}
.switcher-container {
margin-right: 10px;
font-weight: 400
}
.switcher-container input {
display: none
}
.switcher-container .switcher {
position: relative;
display: inline-block;
width: 84px;
overflow: hidden;
border-radius: 6px;
box-sizing: border-box;
-webkit-transform: translateZ(0)
}
.switcher-container .switcher.primary {
border: 1px solid #209e91
}
.switcher-container .switcher.primary .handle.handle-on {
background-color: #209e91
}
.switcher-container .switcher.success {
border: 1px solid #90b900
}
.switcher-container .switcher.success .handle.handle-on {
background-color: #90b900
}
.switcher-container .switcher.warning {
border: 1px solid #dfb81c
}
.switcher-container .switcher.warning .handle.handle-on {
background-color: #dfb81c
}
.switcher-container .switcher.danger {
border: 1px solid #e85656
}
.switcher-container .switcher.danger .handle.handle-on {
background-color: #e85656
}
.switcher-container .switcher.info {
border: 1px solid #63bbb2
}
.switcher-container .switcher.info .handle.handle-on {
background-color: #63bbb2
}
.switcher-container .switcher input {
display: none
}
.switcher-container .switcher .handle-container {
position: relative;
width: 126px;
cursor: pointer;
-webkit-transform: translate3d(-42px, 0, 0);
transform: translate3d(-42px, 0, 0);
-webkit-transition: -webkit-transform .2s linear;
transition: -webkit-transform .2s linear;
transition: transform .2s linear;
transition: transform .2s linear, -webkit-transform .2s linear
}
.switcher-container .switcher .handle-container .handle {
width: 42px;
float: left;
line-height: 28px;
height: 28px;
font-size: 12px;
text-align: center;
color: #fff
}
.switcher-container .switcher .handle-container .handle.handle-off {
background: #d6d6d6;
color: #000
}
.switcher-container input:checked+.switcher {
border: 1px solid #d6d6d6
}
.switcher-container input:checked+.switcher .handle-container {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.switch-container {
display: inline-block
}
.switch-container.primary .bootstrap-switch.bootstrap-switch-on {
border-color: #209e91
}
.switch-container.success .bootstrap-switch.bootstrap-switch-on {
border-color: #90b900
}
.switch-container.warning .bootstrap-switch.bootstrap-switch-on {
border-color: #dfb81c
}
.switch-container.danger .bootstrap-switch.bootstrap-switch-on {
border-color: #e85656
}
.switch-container.info .bootstrap-switch.bootstrap-switch-on {
border-color: #63bbb2
}
.bootstrap-switch {
border-radius: 5px;
border: 1px solid #fff;
-webkit-transition: border-color ease-in-out .7s, box-shadow ease-in-out .7s;
transition: border-color ease-in-out .7s, box-shadow ease-in-out .7s
}
.bootstrap-switch.bootstrap-switch-focused.bootstrap-switch-off,
.bootstrap-switch.bootstrap-switch-off {
border-color: #d6d6d6
}
.bootstrap-switch .bootstrap-switch-container,
.bootstrap-switch .bootstrap-switch-handle-off,
.bootstrap-switch .bootstrap-switch-handle-on,
.input-group>span {
border-radius: 0
}
.bootstrap-switch.bootstrap-switch-focused {
box-shadow: none
}
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default {
background: #fff
}
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success {
background: #90b900
}
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary {
background: #209e91
}
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-warning {
background: #dfb81c
}
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-danger {
background: #e85656
}
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-info {
background: #63bbb2
}
.bootstrap-switch .bootstrap-switch-label {
background: 0 0
}
.bootstrap-switch.bootstrap-switch-animate .bootstrap-switch-container {
-webkit-transition: margin-left .2s;
transition: margin-left .2s
}
.switches {
margin-left: -12px;
margin-bottom: -12px
}
.switches .switch-container {
float: left;
margin-left: 12px;
margin-bottom: 12px
}
.input-group {
width: 100%;
margin-bottom: 15px
}
label.custom-checkbox,
label.custom-radio {
padding-right: 0;
padding-left: 0;
margin-bottom: 0
}
label.custom-checkbox>input,
label.custom-radio>input {
height: 0;
z-index: -100!important;
opacity: 0;
position: absolute
}
label.custom-checkbox>input:checked+span:before,
label.custom-radio>input:checked+span:before {
content: "\f00c";
font-weight: 300
}
label.custom-checkbox>input:disabled+span,
label.custom-radio>input:disabled+span {
color: #ddd;
cursor: not-allowed
}
label.custom-checkbox>input:disabled+span:before,
label.custom-radio>input:disabled+span:before {
border-color: #ddd!important;
cursor: not-allowed
}
label.custom-checkbox>span,
label.custom-radio>span {
position: relative;
display: inline-block;
margin: 0;
line-height: 16px;
font-weight: 300;
cursor: pointer;
padding-left: 22px;
width: 100%
}
label.custom-checkbox>span:before,
label.custom-radio>span:before {
cursor: pointer;
font-family: fontAwesome;
font-weight: 300;
font-size: 12px;
color: #666;
content: "\a0";
background-color: transparent;
border: 1px solid #d6d6d6;
border-radius: 0;
display: inline-block;
text-align: center;
height: 16px;
line-height: 14px;
min-width: 16px;
margin-right: 6px;
position: relative;
top: 0;
margin-left: -22px;
float: left
}
.auth-main,
body,
html {
height: 100%
}
label.custom-checkbox>span:hover:before,
label.custom-radio>span:hover:before {
border-color: #4db1a7
}
.nowrap {
white-space: nowrap
}
.cut-with-dots {
overflow: hidden;
text-overflow: ellipsis;
display: block
}
label.custom-radio>input:checked+span:before {
content: "\f111"
}
label.custom-radio>span:before {
border-radius: 16px;
font-size: 9px
}
label.custom-input-primary>span:before {
color: #209e91
}
label.custom-input-primary>span:hover:before {
border-color: #209e91
}
label.custom-input-success>span:before {
color: #90b900
}
label.custom-input-success>span:hover:before {
border-color: #90b900
}
label.custom-input-warning>span:before {
color: #dfb81c
}
label.custom-input-warning>span:hover:before {
border-color: #dfb81c
}
label.custom-input-danger>span:before {
color: #e85656
}
label.custom-input-danger>span:hover:before {
border-color: #e85656
}
.form-horizontal .checkbox,
.form-horizontal .checkbox-inline,
.form-horizontal .radio,
.form-horizontal .radio-inline {
padding-top: 0
}
.input-demo {
line-height: 25px
}
.has-success .control-label {
color: #666
}
.has-success .form-control-feedback,
.has-success label.custom-checkbox,
.has-success label.custom-checkbox>span:before,
.has-success label.custom-radio,
.has-success label.custom-radio>span:before {
color: #a6c733
}
.has-success .form-control {
border: 1px solid #a6c733
}
.has-success .form-control:focus {
box-shadow: none;
border-color: #90b900
}
.has-success label.custom-checkbox>span:hover:before,
.has-success label.custom-radio>span:hover:before {
border-color: #a6c733
}
.has-success .input-group-addon {
background-color: #a6c733;
color: #fff
}
.has-warning .control-label {
color: #666
}
.has-warning .form-control-feedback,
.has-warning label.custom-checkbox,
.has-warning label.custom-checkbox>span:before,
.has-warning label.custom-radio,
.has-warning label.custom-radio>span:before {
color: #e5c649
}
.has-warning .form-control {
border: 1px solid #e5c649
}
.has-warning .form-control:focus {
box-shadow: none;
border-color: #dfb81c
}
.has-warning label.custom-checkbox>span:hover:before,
.has-warning label.custom-radio>span:hover:before {
border-color: #e5c649
}
.has-warning .input-group-addon {
background-color: #e5c649;
color: #fff
}
.has-error .control-label {
color: #666
}
.has-error .form-control-feedback,
.has-error label.custom-checkbox,
.has-error label.custom-checkbox>span:before,
.has-error label.custom-radio,
.has-error label.custom-radio>span:before {
color: #ed7878
}
.has-error .form-control {
border: 1px solid #ed7878
}
.has-error .form-control:focus {
box-shadow: none;
border-color: #e85656
}
.has-error label.custom-checkbox>span:hover:before,
.has-error label.custom-radio>span:hover:before {
border-color: #ed7878
}
.has-error .input-group-addon {
background-color: #ed7878;
color: #fff
}
.has-feedback label~.form-control-feedback {
top: 21px;
font-size: 18px
}
.bootstrap-select .btn-default:focus {
color: #666
}
.bootstrap-select>.dropdown-toggle.btn-danger,
.bootstrap-select>.dropdown-toggle.btn-danger:focus,
.bootstrap-select>.dropdown-toggle.btn-danger:hover,
.bootstrap-select>.dropdown-toggle.btn-info,
.bootstrap-select>.dropdown-toggle.btn-info:focus,
.bootstrap-select>.dropdown-toggle.btn-info:hover,
.bootstrap-select>.dropdown-toggle.btn-inverse,
.bootstrap-select>.dropdown-toggle.btn-inverse:focus,
.bootstrap-select>.dropdown-toggle.btn-inverse:hover,
.bootstrap-select>.dropdown-toggle.btn-primary,
.bootstrap-select>.dropdown-toggle.btn-primary:focus,
.bootstrap-select>.dropdown-toggle.btn-primary:hover,
.bootstrap-select>.dropdown-toggle.btn-success,
.bootstrap-select>.dropdown-toggle.btn-success:focus,
.bootstrap-select>.dropdown-toggle.btn-success:hover,
.bootstrap-select>.dropdown-toggle.btn-warning,
.bootstrap-select>.dropdown-toggle.btn-warning:focus,
.bootstrap-select>.dropdown-toggle.btn-warning:hover {
color: #fff
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
background-color: #fff;
color: #ddd;
border-color: #e2e2e2
}
.form-control-rounded {
border-radius: 16px
}
.help-block {
color: #949494
}
.help-block.error-block {
display: none
}
.has-error .help-block.error-block.basic-block {
display: block
}
.input-group-addon-danger {
background: #e85656;
color: #fff;
border-color: #e85656
}
.input-group-addon-warning {
background: #dfb81c;
color: #fff;
border-color: #dfb81c
}
.input-group-addon-success {
background: #90b900;
color: #fff;
border-color: #90b900
}
.input-group-addon-primary {
background: #209e91;
color: #fff;
border-color: #209e91
}
.checkbox-demo-row {
margin-bottom: 12px
}
.dropdown-menu {
border-radius: 5px
}
.bootstrap-select.btn-group button.btn.btn-default {
background: 0 0;
color: #666
}
.bootstrap-select.btn-group button.btn.btn-default:hover {
background: #fff;
box-shadow: none;
outline: 0!important
}
.bootstrap-select.btn-group button.btn.btn-default:active {
background: #fff;
box-shadow: none
}
.bootstrap-select.btn-group.open>.btn.btn-default.dropdown-toggle {
background: #fff;
box-shadow: none;
border-color: #d6d6d6
}
.bootstrap-select.btn-group.open>.btn {
border-radius: 5px 5px 0 0
}
.bootstrap-select.btn-group.open .dropdown-menu.open {
border: 1px solid #dcdcdc;
border-top: none;
border-radius: 0 0 5px 5px
}
.bootstrap-select.btn-group.with-search.open .btn-default+.dropdown-menu .bs-searchbox .form-control,
.bootstrap-tagsinput {
border: 1px solid #cbcbcb;
background-color: #fff
}
.bootstrap-select.btn-group .notify,
.bootstrap-select.btn-group.with-search.open .btn-default+.dropdown-menu .no-results {
color: #7d7d7d
}
.bootstrap-tagsinput {
color: #666;
border-radius: 5px;
box-shadow: none;
max-width: 100%;
font-size: 14px;
line-height: 26px;
width: 100%
}
.bootstrap-tagsinput.form-control {
display: block;
width: 100%
}
.bootstrap-tagsinput .tag {
border-radius: 3px;
font-weight: 400;
font-size: 11px;
padding: 4px 8px
}
.bootstrap-tagsinput .tag [data-role=remove]:hover {
box-shadow: none
}
.bootstrap-tagsinput input {
background-color: #fff;
border: 1px solid #cbcbcb;
border-radius: 5px;
line-height: 22px;
font-size: 11px;
min-width: 53px
}
.bootstrap-tagsinput input::-webkit-input-placeholder {
color: #666;
opacity: .8
}
.bootstrap-tagsinput input:-moz-placeholder {
color: #666;
opacity: .8
}
.bootstrap-tagsinput input::-moz-placeholder {
color: #666;
opacity: .8
}
.bootstrap-tagsinput input:-ms-input-placeholder {
color: #666;
opacity: .8
}
.ui-select-multiple.ui-select-bootstrap {
min-height: 34px;
padding: 4px 3px 0 12px
}
.progress {
background: rgba(0, 0, 0, .07)
}
.progress-bar-primary {
background-color: #209e91
}
.progress-bar-success {
background-color: #b1ce4d
}
.progress-bar-warning {
background-color: #dfb81c
}
.progress-bar-danger {
background-color: #e85656
}
.has-success .input-group-addon {
border: none
}
.input-group>span.addon-left {
border-top-left-radius: 5px;
border-bottom-left-radius: 5px
}
.input-group>span.addon-right {
border-top-right-radius: 5px;
border-bottom-right-radius: 5px
}
.with-primary-addon:focus {
border-color: #209e91
}
.with-warning-addon:focus {
border-color: #dfb81c
}
.with-success-addon:focus {
border-color: #90b900
}
.with-danger-addon:focus {
border-color: #e85656
}
.sub-little-text {
font-size: 12px
}
.auth-block p,
.auth-link,
.auth-sep {
font-size: 16px
}
html {
min-height: 520px
}
.form-control,
.form-control:focus {
background-color: rgba(0, 0, 0, .4);
border-radius: 5px;
color: #fff
}
.form-control::-webkit-input-placeholder,
.form-control:focus::-webkit-input-placeholder {
color: #fff;
opacity: .9
}
.form-control:-moz-placeholder,
.form-control:focus:-moz-placeholder {
color: #fff;
opacity: .9
}
.form-control::-moz-placeholder,
.form-control:focus::-moz-placeholder {
color: #fff;
opacity: .9
}
.form-control:-ms-input-placeholder,
.form-control:focus:-ms-input-placeholder {
color: #fff;
opacity: .9
}
.form-control[disabled]::-webkit-input-placeholder,
.form-control[readonly]::-webkit-input-placeholder,
fieldset[disabled] .form-control::-webkit-input-placeholder {
color: #fff;
opacity: .6
}
.form-control[disabled]:-moz-placeholder,
.form-control[readonly]:-moz-placeholder,
fieldset[disabled] .form-control:-moz-placeholder {
color: #fff;
opacity: .6
}
.form-control[disabled]::-moz-placeholder,
.form-control[readonly]::-moz-placeholder,
fieldset[disabled] .form-control::-moz-placeholder {
color: #fff;
opacity: .6
}
.form-control[disabled]:-ms-input-placeholder,
.form-control[readonly]:-ms-input-placeholder,
fieldset[disabled] .form-control:-ms-input-placeholder {
color: #fff;
opacity: .6
}
.auth-main {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
content: '';
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: url(../../static/img/blur-bg.jpg) center center no-repeat;
background-size: cover;
will-change: transform;
z-index: -1
}
.auth-block {
width: 540px;
margin: 0 auto;
border-radius: 5px;
background: rgba(0, 0, 0, .55);
color: #fff;
padding: 32px
}
.auth-block h1 {
font-weight: 300;
margin-bottom: 28px;
text-align: center
}
.auth-block a {
text-decoration: none;
outline: 0;
-webkit-transition: all .2s ease;
transition: all .2s ease;
color: #209e91
}
.auth-block a:hover {
color: #1b867b
}
.auth-block .control-label {
padding-top: 11px;
color: #fff
}
.auth-block .form-group {
margin-bottom: 12px
}
.auth-input {
width: 300px;
margin-bottom: 24px
}
.auth-input input {
display: block;
width: 100%;
border: none;
font-size: 16px;
padding: 4px 10px;
outline: 0
}
a.forgot-pass {
display: block;
text-align: right;
margin-bottom: -20px;
float: right;
z-index: 2;
position: relative
}
.al-share-auth,
.auth-link,
.auth-sep {
text-align: center
}
.auth-link {
display: block;
margin-bottom: 33px
}
.auth-sep {
margin-top: 36px;
margin-bottom: 24px;
line-height: 20px;
display: block;
position: relative
}
.auth-sep>span {
display: table-cell;
width: 30%;
white-space: nowrap;
padding: 0 24px;
color: #fff
}
.auth-sep>span>span {
margin-top: -12px;
display: block
}
.auth-sep:after,
.auth-sep:before {
border-top: solid 1px #fff;
content: "";
height: 1px;
width: 35%;
display: table-cell
}
.al-share-auth .al-share {
float: none;
margin: 0;
padding: 0;
display: inline-block
}
.al-share-auth .al-share li {
margin-left: 24px
}
.al-share-auth .al-share li:first-child {
margin-left: 0
}
.al-share-auth .al-share li i {
font-size: 24px
}
.btn-auth {
color: #fff!important
}
.animate-enter {
-webkit-animation: enter 600ms cubic-bezier(0.390, 0.575, 0.565, 1.000);
animation: enter 600ms cubic-bezier(0.390, 0.575, 0.565, 1.000);
display: block;
position: relative;
}
@-webkit-keyframes enter {
from {
opacity: 0;
height: 0px;
}
20% {
opacity: .5;
}
40% {
opacity: .15;
color: red;
}
60% {
opacity: .75;
}
80% {
opacity: .3;
}
to {
opacity: 1;
height: 30px;
}
}
@keyframes enter {
from {
opacity: 0;
height: 0px;
}
20% {
opacity: .5;
}
40% {
opacity: .15;
color: red;
}
60% {
opacity: .75;
}
80% {
opacity: .3;
}
to {
opacity: 1;
height: 30px;
}
}
.animate-leave {
-webkit-animation: leave 600ms cubic-bezier(0.390, 0.575, 0.565, 1.000);
animation: leave 600ms cubic-bezier(0.390, 0.575, 0.565, 1.000);
display: block;
position: relative;
}
@-webkit-keyframes leave {
to {
opacity: 0;
height: 0px;
}
80% {
opacity: .25;
}
60% {
opacity: .10;
color: red;
}
40% {
opacity: .5;
}
20% {
opacity: .30;
}
from {
opacity: 1;
height: 30px;
}
}
@keyframes leave {
to {
opacity: 0;
height: 0px;
}
80% {
opacity: .25;
}
60% {
opacity: .10;
color: red;
}
40% {
opacity: .5;
}
20% {
opacity: .30;
}
from {
opacity: 1;
height: 30px;
}
}
/*# sourceMappingURL=../maps/styles/auth-a200a050c1.css.map */